1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="5fb2ad40-7f1a-4ce4-a4be-2af429832fee",e._sentryDebugIdIdentifier="sentry-dbid-5fb2ad40-7f1a-4ce4-a4be-2af429832fee")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2651],{28564:function(e,t,r){r.d(t,{Kh:function(){return i},Rm:function(){return o},Vm:function(){return c},j6:function(){return l},mY:function(){return n},oS:function(){return a},vt:function(){return s}});let o="20%",i="90%",n="0%",a="100%",l="70%",s="100%",c="40%"},12046:function(e,t,r){r.d(t,{J:function(){return C},U:function(){return z}});var o=r(7653),i=r(78399),n=r(31731),a=r(86620),l=r(10348),s=r(35187),c=r(15512),d=r(99391);let u=(0,i.default)(d.J)` 2 color: ${e=>e.theme.sem.color.ui.foreground.icons.default}; 3`,m=i.default.button` 4 background-color: ${e=>e.theme.cmp.color.ui.accordion.surface.idle}; 5 border: none; 6 padding: ${n.mh}; 7 display: flex; 8 flex: 1 1 auto; 9 align-items: center; 10 text-align: start; 11 justify-content: space-between; 12 cursor: pointer; 13 ${(0,a.n)(l.aBT)} 14 color: ${e=>e.theme.sem.color.ui.foreground.text.default}; 15 column-gap: ${n.gV}; 16 transition-property: color, background-color; 17 // TODO: token missing; 18 transition-duration: 250ms; 19 transition-timing-function: ease; 20 21 ${u} { 22 color: ${e=>e.theme.sem.color.ui.foreground.icons.default}; 23 flex-shrink: 0; 24 } 25 26 > ${u} { 27 // TODO: Token missing 28 transition: transform 200ms ease-in; 29 transform: ${e=>e.open?"rotate(-180deg)":"rotate(0deg)"}; 30 31 @media (prefers-reduced-motion) { 32 transition: none; 33 } 34 } 35 36 &:disabled { 37 cursor: not-allowed; 38 color: ${e=>e.theme.sem.color.ui.foreground.text.disabled}; 39 40 ${u} { 41 color: ${e=>e.theme.sem.color.ui.foreground.icons.disabled}; 42 } 43 } 44`,f=i.default.div` 45 display: grid; 46 // Trick to animate the opening of the SectionPanel 47 grid-template-rows: ${e=>e.open?"1fr":"0fr"}; 48 transition: 320ms grid-template-rows ease; 49 50 transition-property: all; 51 // TODO: token missing; 52 transition-duration: 250ms; 53 transition-timing-function: ease; 54 55 @media (prefers-reduced-motion) { 56 transition: none; 57 } 58`,p=i.default.span` 59 display: flex; 60 margin: 0; 61 border-width: ${s.V2} 0 0 0; 62 border-style: solid; 63 border-color: ${e=>e.theme.sem.color.ui.foreground.divider.default}; 64 65 ${m}:hover:not(:disabled), ${m}:active:not(:disabled) { 66 background-color: ${e=>e.theme.cmp.color.ui.accordion.surface.interactive}; 67 color: ${e=>e.theme.sem.color.ui.foreground.text.interactive}; 68 69 ${u} { 70 color: ${e=>e.theme.sem.color.ui.foreground.icons.interactive}; 71 } 72 } 73 74 ${m}:focus:not(:disabled):not(:active) { 75 background-color: ${e=>e.theme.cmp.color.ui.accordion.surface.focus}; 76 color: ${e=>e.theme.sem.color.ui.foreground.text.interactive}; 77 78 ${u} { 79 color: ${e=>e.theme.sem.color.ui.foreground.icons.interactive}; 80 } 81 } 82`,g=i.default.div` 83 border-width: 0 0 ${s.V2} 0; 84 border-style: solid; 85 border-color: ${e=>e.theme.sem.color.ui.foreground.divider.default}; 86 margin: ${e=>(0,c.o)(e.margin)}; 87`,h=i.default.div` 88 padding: ${e=>e.open?n.mh:`0 ${n.mh}`}; 89 overflow: hidden; 90 // TODO: finalize animation 91 transition-timing-function: ease-in; 92 transition-duration: 320ms; 93 transition-property: transform, opacity, padding, visibility; 94 95 @media (prefers-reduced-motion) { 96 transition: none; 97 } 98 99 ${e=>e.open?(0,i.css)` 100 padding: ${n.mh}; 101 opacity: 1; 102 visibility: visible; 103 `:(0,i.css)` 104 opacity: 0; 105 padding: 0 ${n.mh}; 106 visibility: hidden; 107 `} 108`,b=i.default.span` 109 display: flex; 110 align-items: flex-start; 111 text-align: start; 112 gap: ${n.gV}; 113 114 svg { 115 flex-shrink: 0; 116 } 117`,$=i.default.span` 118 margin-top: ${n.fW}; 119`,v=i.default.span` 120 ${(0,a.n)(l.UoK)} 121 color: ${e=>e.theme.sem.color.forms.foreground.text.caption}; 122`,x=i.default.span` 123 display: flex; 124 flex-direction: column; 125 text-align: start; 126 align-items: flex-start; 127 gap: ${n.gV}; 128`;var y=r(66650),k=r(30193),w=r(67607);let E=({icon:e,label:t,hint:r,badge:i})=>
128r||i?o.createElement(x,null,e?o.createElement(b,null,o.createElement(u,{name:e,size:"s"}),o.createElement($,null,t)):t,r&&o.createElement(v,null,r),i&&o.createElement(y.C,{...i})):e?o.createElement(b,null,o.createElement(u,{name:e,size:"s"}),o.createElement($,null,t)):t,z=({open:e,onToggle:t,children:r,label:i,hint:n,icon:a,badge:l,headingTag:s,disabled:c})=>{let d=(0,o.useId)(),g=`${d}-section`,b=`${d}-control`;return o.createElement(o.Fragment,null,o.createElement(p,{as:s,open:e},o.createElement(m,{open:e,"aria-expanded":e,"aria-controls":g,id:b,onClick:t,disabled:c},E({icon:a,label:i,hint:n,badge:l}),o.createElement(u,{name:"arrow-down",size:"s"}))),o.createElement(f,{role:"region","aria-labelledby":b,id:g,"aria-hidden":!e,open:e},o.createElement(h,{open:e},r)))},C=({children:e,className:t,margin:r,...i})=>{let n=(0,k.r)(i),a=(0,w.Y)(i);return o.createElement(g,{className:t,margin:r,...n,...a},e)}},66650:function(e,t,r){r.d(t,{C:function(){return g}});var o=r(7653),i=r(78399),n=r(15512),a=r(20361),l=r(35187),s=r(31731),c=r(86620),d=r(10348);let u=i.default.div` 129 flex-shrink: 0; 130 margin: ${e=>(0,n.o)(e.margin)}; 131 132 ${e=>e.count||e.alert?(0,i.css)` 133 display: inline-flex; 134 box-sizing: border-box; 135 align-items: center; 136 justify-content: center; 137 border-radius: ${a.gq}; 138 min-width: ${l.D2}; 139 width: auto; 140 height: ${l.D2}; 141 padding: ${s.Ho}; 142 background-color: ${e.theme.sem.color.feedback.surface.informative}; 143 color: ${e.theme.sem.color.feedback.foreground.text.inverted}; 144 ${(0,c.n)(d.H4T)} 145 `:"informative"===e.semanticShape?(0,i.css)` 146 width: ${s.gV}; 147 height: ${s.gV}; 148 border-radius: 100%; 149 background-color: ${e.theme.sem.color.feedback.surface.informative}; 150 `:"negative"===e.semanticShape?(0,i.css)` 151 position: relative; 152 width: ${s.gV}; 153 height: ${s.gV}; 154 155 &::before { 156 position: absolute; 157 left: 50%; 158 transform: translateX(-50%); 159 bottom: 0; 160 content: ''; 161 width: 0px; 162 height: 0px; 163 border-left: 5px solid transparent; 164 border-right: 5px solid transparent; 165 border-bottom: 9px solid 166 ${e.theme.sem.color.feedback.surface.error}; 167 } 168 `:"notice"===e.semanticShape?(0,i.css)` 169 width: ${s.gV}; 170 height: ${s.gV}; 171 clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); 172 background-color: ${e.theme.sem.color.feedback.surface.notice}; 173 `:(0,i.css)` 174 border-radius: 100%; 175 width: ${s.gV}; 176 height: ${s.gV}; 177 background-color: ${e.theme.sem.color.feedback.surface.success}; 178 `} 179`,m=i.default.div` 180 margin: ${e=>(0,n.o)(e.margin)}; 181 display: flex; 182 align-items: center; 183 gap: ${s.gV}; 184 color: ${e=>e.theme.sem.color.feedback.foreground.text.informative}; 185 ${(0,c.n)(d.xOE)} 186`;var f=r(30193),p=r(67607);let g=({semanticShape:e,label:t,alert:r,labelPosition:i="trailing",count:n,className:a,margin:l,...s})=>{let c="number"==typeof n,d=c&&n<100?n:"99+",g=(0,f.r)(s),h=(0,p.Y)(s);return t?o.createElement(m,{className:a,margin:l,...g,...h},"leading"===i&&t,o.createElement(u,{alert:r,semanticShape:e,count:c},r?"!":c?d:null),"trailing"===i&&t):o.createElement(u,{alert:r,count:c,semanticShape:e,className:a,margin:l,...g,...h},r?"!":c?d:null)}},21245:function(e,t,r){r.d(t,{O:function(){return p}});var o=r(67607),i=r(30193),n=r(7653),a=r(78399),l=r(15512),s=r(35187),c=r(20361),d=r(19178);let u=a.default.button` 187 margin: ${e=>(0,l.o)(e.$margin)}; 188 width: ${s.D2}; 189 height: ${s.D2}; 190 border-radius: ${c.gq}; 191 flex-shrink: 0; 192 cursor: pointer; 193 border: none; 194 padding: 0; 195 display: flex; 196 align-items: center; 197 justify-content: center; 198 // TODO: token missing 199 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 200 transition-duration: 250ms; 201 transition-property: color, box-shadow, background; 202 ${e=>(0,a.css)` 203 box-shadow: inset 0px 0px 0px ${d.Rg} 204 ${e.theme.cmp.color.action.componentButton.surface.stroke.idle}; 205 color: ${e.theme.cmp.color.action.componentButton.foreground.icon.idle}; 206 background-color: ${e.theme.cmp.color.action.componentButton.surface.fill.idle}; 207 208 &:hover:not(:disabled) { 209 box-shadow: inset 0px 0px 0px ${d.Rg} 210 ${e.theme.cmp.color.action.componentButton.surface.stroke.hover}; 211 color: ${e.theme.cmp.color.action.componentButton.foreground.icon.hover}; 212 background-color: ${e.theme.cmp.color.action.componentButton.surface.fill.hover}; 213 } 214 215 &:active:not(:disabled) { 216 box-shadow: inset 0px 0px 0px ${d.Rg} 217 ${e.theme.cmp.color.action.componentButton.surface.stroke.pressed}; 218 color: ${e.theme.cmp.color.action.componentButton.foreground.icon.pressed}; 219 background-color: ${e.theme.cmp.color.action.componentButton.surface.fill.pressed}; 220 } 221 222 &:disabled { 223 box-shadow: inset 0px 0px 0px ${d.Rg} 224 ${e.theme.cmp.color.action.componentButton.surface.stroke.disabled}; 225 color: ${e.theme.cmp.color.action.componentButton.foreground.icon.disabled}; 226 background-color: ${e.theme.cmp.color.action.componentButton.surface.fill.disabled};
227 cursor: not-allowed; 228 } 229 `} 230`;var m=r(99391);let f=e=>"string"==typeof e.href,p=(0,n.forwardRef)((e,t)=>{let{margin:r,className:a}=e,l=n.createElement(m.J,{name:e.icon,size:"xs"}),s={$margin:r,className:a,ref:t,...(0,i.r)(e),...(0,o.Y)(e),"aria-label":e["aria-label"]};if(f(e)){let{href:t,target:r,rel:o,onClick:i,onKeyDown:a}=e;return n.createElement(u,{as:"a",...s,href:t,target:r,rel:o,onClick:i,onKeyDown:a},l)}let{onClick:c,onKeyDown:d,type:p,disabled:g}=e;return n.createElement(u,{as:"button",...s,onClick:c,onKeyDown:d,type:p,disabled:g},l)});p.displayName="ComponentButton"},17811:function(e,t,r){r.d(t,{V:function(){return v}});var o=r(7653),i=r(35187),n=r(28564),a=r(20361),l=r(19178),s=r(31731),c=r(78399),d=r(79196);let u=c.default.div``,m=c.default.div` 231 overflow-y: auto; 232 flex: 1 1 auto; 233 234 @media (min-width: ${i.aB}) { 235 position: relative; 236 } 237`,f=c.default.dialog` 238 @keyframes show { 239 from { 240 opacity: ${n.mY}; 241 transform: translateY(40px); 242 } 243 to { 244 opacity: ${n.oS}; 245 transform: translateY(0); 246 } 247 } 248 249 &[open] { 250 display: flex; 251 } 252 253 box-sizing: border-box; 254 background: ${e=>e.theme.sys.gradient.elevation.level1.fill}; 255 border-radius: ${a.J3} ${a.J3} 0 0; 256 ${e=>(0,c.css)` 257 box-shadow: inset 0px 0px 0px ${l.Rg} 258 ${e.theme.sys.color.elevation.level1.stroke}; 259 `} 260 border: 0; 261 padding: 0; 262 width: 100%; 263 max-width: 100%; 264 inset-block-start: auto; 265 266 &[open] { 267 // TODO: Tokens missing 268 animation: show 0.42s ease forwards; 269 } 270 271 &::backdrop { 272 background-color: ${e=>e.theme.sem.color.ui.surface.scrim.default}; 273 } 274 275 @media (min-width: ${i.aB}) { 276 inset-block-start: revert; 277 border-radius: none; 278 279 ${e=>"alert"!==e.variant?(0,c.css)` 280 border-radius: 0 0 0 0; 281 `:(0,c.css)` 282 border-radius: ${a.J3}; 283 `} 284 285 ${e=>"alert"===e.variant&&(0,c.css)` 286 width: 600px; 287 `} 288 } 289 290 @media (min-width: ${i.j_}) { 291 width: ${e=>"alert"===e.variant?"600px":"focus-small"===e.variant?i.aB:i.kL}; 292 293 border-radius: ${a.J3}; 294 } 295 296 ${m} { 297 display: flex; 298 flex-direction: column; 299 align-items: flex-end; 300 301 @media (min-width: ${i.aB}) { 302 display: block; 303 } 304 305 ${u} { 306 width: 100%; 307 box-sizing: border-box; 308 309 ${e=>e.hasPadding&&(0,c.css)` 310 padding: 0 ${s.mh} ${s.mh} 311 ${s.mh}; 312 313 @media (min-width: ${i.OX}) { 314 padding: 0 ${s.iG} ${s.iG} 315 ${s.iG}; 316 } 317 318 @media (min-width: ${i.aB}) { 319 padding: ${s.UI}; 320 } 321 322 @media (min-width: ${i.kL}) { 323 padding: ${s.FK}; 324 } 325 326 @media (min-width: ${i.j_}) { 327 padding: ${s.Qd}; 328 } 329 `} 330 } 331 } 332`,p=(0,c.default)(d.hU)` 333 padding: ${s.gV} ${s.gV} ${s.Ho}; 334 335 @media (min-width: ${i.aB}) { 336 padding: 0; 337 position: absolute; 338 top: ${s.gV}; 339 right: ${s.gV}; 340 } 341`,g=c.default.div` 342 overflow-y: auto; 343 flex: 1 1 auto; 344 345 ${e=>e.hasPadding&&(0,c.css)` 346 padding: ${s.Pb}; 347 348 @media (min-width: ${i.aB}) { 349 padding: ${s.yr}; 350 } 351 352 @media (min-width: ${i.kL}) { 353 padding: ${s.O_}; 354 } 355 `} 356`;var h=r(67607),b=r(30193),$=r(77862);let v=({children:e,padding:t=!0,open:r,triggerButton:i,variant:n,dialogAriaProps:a,onCloseButtonAriaLabel:l,onClose:s,className:c,...d})=>{let v=(0,o.useRef)(null),x=(0,o.useRef)(null),y=()=>{s&&s()},k=e=>{s&&v.current&&e.target===v.current&&s()};return(0,$.P)({open:r,ref:v,triggerRef:x}),(0,o.useEffect)(()=>{let e=v.current;if(e)return e.addEventListener("cancel",y),e.addEventListener("click",k),r?e.showModal():e.close(),()=>{e.removeEventListener("cancel",y),e.removeEventListener("click",k)}},[r]),o.createElement(o.Fragment,null,i&&o.cloneElement(i,{ref:x}),o.createElement(f,{...(0,h.Y)(d),...(0,b.r)(d),ref:v,"aria-describedby":a?.ariaDescribedBy,"aria-labelledby":a?.ariaLabelledBy,variant:n,hasPadding:t,className:c},"alert"===n?o.createElement(g,{hasPadding:t},e):o.createElement(m,null,o.createElement(p,{hasPadding:t,"aria-label":l,variant:"tertiary",icon:"cancel",onClick:y,size:"xs"}),o.createElement(u,null,e))))};v.displayName="Dialog"},11425:function(e,t,r){r.d(t,{i:function(){return d}});var o=r(7653),i=r(78399),n=r(15512),a=r(35187);let l=i.default.div` 357 margin: ${e=>(0,n.o)(e.margin)}; 358 width: ${e=>"vertical"===e.$orientation?a.IU:"100%"}; 359 height: ${e=>"vertical"===e.$orientation?"100%":a.IU}; 360 background-color: ${e=>e.theme.sem.color.ui.foreground.divider.default}; 361`;var s=r(30193),c=r(67607);let d=({className:e,orientation:t,margin:r,...i})=>{let n=(0,s.r)(i),a=(0,c.Y)(i),d=n.role??"separator";return o.createElement(l,{...n,...a,role:d,$orientation:t,className:e,margin:r,"aria-orientation":t})};d.displayName="Divider"},99508:function(e,t,r){r.d(t,{c:function(){return h}});var o=r(7653),i=r(15512),n=r(31731),a=r(86620),l=r(10348),s=r(78399),c=r(85870);let d=s.default.fieldset` 362 margin: ${e=>(0,i.o)(e.margin)||0}; 363 border: none; 364 padding: 0; 365 366 ${e=>!e.hasHintOrLegend&&(0,s.css)` 367 display: flex; 368 flex-direction: ${"horizontal"===e.variant?"row":"column"}; 369 flex-wrap: wrap; 370 gap: ${n.Cy}; 371 `} 372`,u=s.default.legend` 373 padding: 0; 374 color: ${e=>e.disabled?e.theme.sem.color.forms.foreground.text.disabled:e.invalid?e.theme.sem.color.forms.foreground.text.error:e.theme.sem.color.forms.foreground.text.default}; 375 ${(0,a.n)(l.IR3)} 376 margin-bottom: ${n.dg}; 377`,m=s.default.div` 378 display: flex; 379 flex-direction: ${e=>"horizontal"===e.variant?"row":"column"}; 380 flex-wrap: wrap; 381 gap: ${n.Cy}; 382`,f=(0,s.default)(c.z)` 383 margin-top: ${n.dg}; 384`;var p=r(30193),g=r(67607);
384let h=({children:e,legend:t,invalid:r,disabled:i,variant:n="vertical",hint:a,className:l,margin:s,...c})=>{let h=r&&!i,b=(0,p.r)(c)["aria-describedby"],$=o.Children.map(e,e=>o.isValidElement(e)?(0,o.cloneElement)(e,{disabled:e.props.disabled??i,invalid:e.props.invalid??h}):null),v=(0,o.useId)(),x=`${v}--hint`,y=a||b?[a?x:void 0,b||void 0].join(" ").trim():void 0;return o.createElement(d,{variant:n,hasHintOrLegend:!!(a||t),className:l,disabled:i,...(0,p.r)(c),"aria-describedby":y,margin:s,...(0,g.Y)(c)},t&&o.createElement(u,{disabled:i,invalid:h},t),t||a?o.createElement(m,{variant:n},$):$,a&&o.createElement(f,{id:x,variant:h?"error":"hint",text:a,disabled:i}))}},85870:function(e,t,r){r.d(t,{z:function(){return p}});var o=r(7653),i=r(31731),n=r(15512),a=r(86620),l=r(10348),s=r(78399),c=r(66650);let d=(0,s.default)(c.C)` 385 flex-shrink: 0; 386 padding-top: ${i.Ho}; 387`,u=s.default.span` 388 margin: ${e=>(0,n.o)(e.margin)||0}; 389 color: ${e=>e.disabled?e.theme.sem.color.forms.foreground.text.disabled:"error"===e.variant?e.theme.sem.color.forms.foreground.text.error:e.theme.sem.color.forms.foreground.text.default}; 390 ${(0,a.n)(l.t5Y)} 391 display: flex; 392 gap: ${i.Ho}; 393 align-items: flex-start; 394 transition-property: color; 395 // TODO: token missing; 396 transition-duration: 250ms; 397 // TODO: token missing; 398 transition-timing-function: ease; 399`;var m=r(30193),f=r(67607);let p=({text:e,id:t,variant:r,className:i,disabled:n,margin:a,...l})=>{let s=(0,m.r)(l),c=(0,f.Y)(l);return o.createElement(u,{...s,...c,variant:r,className:i,id:t,disabled:n,margin:a},"error"===r&&o.createElement(d,{semanticShape:"negative"}),e)}},16:function(e,t,r){r.d(t,{v:function(){return y}});var o=r(7653),i=r(78399),n=r(31731),a=r(15512),l=r(79196);let s=i.default.ul` 400 margin: 0; 401 padding: 0; 402 display: flex; 403 overflow-y: hidden; 404 overflow-x: auto; 405 scrollbar-width: none; 406 flex-wrap: nowrap; 407 408 &::-webkit-scrollbar {
409 display: none; 410 } 411`,c=i.default.li` 412 list-style-type: none; 413 flex: 1 0 auto; 414 display: flex; 415`;i.default.span` 416 position: relative; 417 align-items: center; 418 display: flex; 419 gap: ${e=>"sm"===e.size?n.gV:n.dg}; 420`;let d=i.default.nav` 421 margin: ${e=>(0,a.o)(e.margin)}; 422 display: flex; 423 align-items: center; 424`,u=(0,i.default)(l.hU)` 425 flex-shrink: 0; 426`;var m=r(44713),f=r.n(m);let p=e=>{let[t,r]=(0,o.useState)(!1),[i,n]=(0,o.useState)(void 0),a=(0,o.useCallback)(f()(()=>{if(!e.current)return;let{scrollWidth:t,clientWidth:o}=e.current;r(t>o)},50),[e]),l=(0,o.useCallback)(f()(()=>{if(!e.current)return;let{scrollLeft:t,clientWidth:r,scrollWidth:o}=e.current;return 0===t?n("left"):r+t===o?n("right"):n(void 0)},100),[e]);return(0,o.useEffect)(()=>(a(),l(),window.addEventListener("resize",a),e.current?.addEventListener("scroll",l),()=>{window.removeEventListener("resize",a),e.current?.removeEventListener("scroll",l)}),[e]),{isScrollable:t,inactiveArrow:i}};var g=r(30193),h=r(67607),b=r(40215),$=r(79778),v=r(21358);let x=(0,o.forwardRef)(({item:e,showScrollButtons:t,size:r,containerRef:i},n)=>{let a=(0,o.useRef)(null);(0,o.useImperativeHandle)(n,()=>a.current),(0,o.useEffect)(()=>{t&&e.active&&(0,$.K)({containerRef:i,itemRef:a})},[e.active,t,i]),(0,o.useEffect)(()=>{let t=i.current;e.active&&t?.contains(document.activeElement)&&a.current?.focus()},[e.active,i]);let l="leading"===e.iconPosition&&e.icon?e.icon:void 0,s="trailing"===e.iconPosition&&e.icon?e.icon:void 0;return o.createElement(c,{role:"none"},e.href?o.createElement(v.R,{leadingIcon:l,trailingIcon:s,active:e.active,"aria-current":e.active?"page":void 0,size:r,role:"menuitem",href:e.href,onClick:e.onClick,target:e.target,ref:a,rel:e.rel,"aria-label":e["aria-label"],tabIndex:e.active?0:-1},e.label):o.createElement(v.R,{leadingIcon:l,trailingIcon:s,active:e.active,"aria-current":e.active?"page":void 0,size:r,role:"menuitem",onClick:e.onClick,disabled:e.disabled,ref:a,"aria-label":e["aria-label"],tabIndex:e.active?0:-1},e.label))});x.displayName="NavigationBarItem";let y=o.forwardRef(({items:e,size:t,id:r,defaultScrollable:i,scrollButtons:n,onListElementKeyDown:a,className:l,onKeyNavigate:c,margin:m,...f},$)=>{let v=(0,g.r)(f),y=(0,h.Y)(f),k=(0,o.useRef)(null),w=e.findIndex(e=>e.active),{isScrollable:E,inactiveArrow:z}=p(k),C=i||E,O=(0,o.useCallback)((e,t)=>{let r=k.current;if(!r)return;let o=.75*r.offsetWidth;r.scrollBy({left:"left"===e?-o:o,behavior:"smooth"}),n[e]?.onClick?.(t)},[]);return(0,b.X)(k,e,w,c),o.createElement(d,{...v,...y,className:l,ref:$,margin:m},C&&o.createElement(u,{variant:"tertiary",icon:"back",size:"sm","aria-label":n.left.ariaLabel,onClick:e=>O("left",e),disabled:"left"===z}),o.createElement(s,{role:"menubar",ref:k,onKeyDown:a},e.map((e,i)=>o.createElement(x,{key:`${r}-${i}`,containerRef:k,size:t,item:e,showScrollButtons:C,ref:e.ref}))),C&&o.createElement(u,{variant:"tertiary",icon:"forward",size:"sm","aria-label":n.right.ariaLabel,onClick:e=>O("right",e),disabled:"right"===z}))});y.displayName="NavigationBar"},21358:function(e,t,r){r.d(t,{R:function(){return x}});var o=r(7653),i=r(15512),n=r(20361),a=r(19178),l=r(35187),s=r(31731),c=r(86620),d=r(10348),u=r(78399),m=r(99391);let f=(0,u.default)(m.J)` 427 flex-shrink: 0; 428 color: ${e=>e.theme.sem.color.navigation.foreground.icon.default}; 429 // TODO: token missing 430 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 431 transition-duration: 250ms; 432 transition-property: color; 433`,p=u.default.a` 434 margin: ${e=>(0,i.o)(e.$margin)}; 435 border: none; 436 cursor: pointer; 437 display: inline-flex; 438 align-items: center; 439 justify-content: center; 440 text-decoration: none; 441 border-radius: ${n.AV}; 442 background: ${e=>e.theme.sem.color.navigation.surface.fill.default}; 443 ${e=>(0,u.css)` 444 box-shadow: inset 0px 0px 0px ${a.Rg} 445 ${e.theme.sem.color.navigation.surface.stroke.default}; 446 `} 447 outline-offset: -3px; 448 box-sizing: border-box; 449 // TODO: token missing 450 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 451 transition-duration: 250ms; 452 transition-property: color, background, box-shadow; 453 ${e=>(0,u.css)` 454 min-height: ${"sm"===e.size?l.jl:l.ln}; 455 456 min-width: ${"sm"===e.size?l.NS:l.$r}; 457 458 color: ${e.active?e.theme.sem.color.navigation.foreground.text.active:e.theme.sem.color.navigation.foreground.text.idle}; 459 460 padding: 0 461 ${"md"===e.size?s.Cy:s.mh}; 462 `} 463 464 ${e=>e.disabled&&(0,u.css)` 465 &:disabled {
466 cursor: not-allowed; 467 color: ${e=>e.theme.sem.color.navigation.foreground.text.disabled}; 468 background-color: ${e=>e.theme.sem.color.navigation.surface.fill.disabled}; 469 ${e=>(0,u.css)` 470 box-shadow: inset 0px 0px 0px ${a.Rg} 471 ${e.theme.sem.color.navigation.surface.stroke.disabled}; 472 `} 473 474 ${f} { 475 color: ${e=>e.theme.sem.color.navigation.foreground.icon.disabled}; 476 } 477 } 478 `} 479 480 &:hover:not(:disabled) { 481 color: ${e=>e.theme.sem.color.navigation.foreground.text.interactive}; 482 background-color: ${e=>e.theme.sem.color.navigation.surface.fill.interactive}; 483 ${e=>(0,u.css)` 484 box-shadow: inset 0px 0px 0px ${a.Rg} 485 ${e.theme.sem.color.navigation.surface.stroke.interactive}; 486 `} 487 488 ${f} { 489 color: ${e=>e.theme.sem.color.navigation.foreground.icon.interactive}; 490 } 491 } 492 493 &:active:not(:disabled) { 494 color: ${e=>e.theme.sem.color.navigation.foreground.text.active}; 495 background-color: ${e=>e.theme.sem.color.navigation.surface.fill.interactive}; 496 ${e=>(0,u.css)` 497 box-shadow: inset 0px 0px 0px ${a.Rg} 498 ${e.theme.sem.color.navigation.surface.stroke.interactive}; 499 `} 500 501 ${f} { 502 color: ${e=>e.theme.sem.color.navigation.foreground.icon.interactive}; 503 } 504 } 505`,g=u.default.span` 506 position: relative; 507 align-items: center; 508 display: flex; 509 gap: ${e=>"sm"===e.size?s.gV:s.dg}; 510`,h=u.default.span` 511 text-align: center; 512 // TODO: token missing 513 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 514 transition-duration: 250ms; 515 transition-property: font-weight; 516 ${e=>e.active?(0,c.n)("sm"===e.size?d.sm0:d.lhV):(0,c.n)("sm"===e.size?d.VaM:d.fxM)} 517 518 &::before { 519 content: attr(data-text); 520 font-weight: ${e=>"sm"===e.size?d.sm0.fontWeight:d.lhV.fontWeight}; 521 visibility: hidden; 522 height: 0; 523 overflow: hidden; 524 display: block; 525 } 526`;var b=r(67607),$=r(30193);let v=e=>"href"in e&&"string"==typeof e.href,x=(0,o.forwardRef)((e,t)=>{let{size:r,active:i,leadingIcon:n,trailingIcon:a,children:l}=e,s="md"===r?"s":"xs",c=o.createElement(g,{size:r,active:i},n&&o.createElement(f,{name:n,size:s}),o.createElement(h,{size:r,active:i,"data-text":l},l),a&&o.createElement(f,{name:a,size:s}));if(v(e))return o.createElement(p,{as:"a",ref:t,...(0,$.r)(e),...(0,b.Y)(e),...e},c);let{...d}=e;return o.createElement(p,{as:"button",...(0,$.r)(e),...(0,b.Y)(e),ref:t,...d},c)});x.displayName="NavigationBarUnit"},27052:function(e,t,r){r.d(t,{J:function(){return P}});var o=r(7653),i=r(3458),n=r(79366),a=r(78399),l=r(31731),s=r(20361),c=r(35187),d=r(19178);let u=a.default.div` 527 line-height: 0; 528`,m=l.mh,f=a.default.div` 529 position: fixed; 530 z-index: ${e=>e.zIndex??1e5}; 531 padding: ${m}; 532 border-radius: ${s.J3}; 533 background: ${e=>e.theme.sys.gradient.elevation.level2.fill}; 534 will-change: filter; 535 max-width: calc(100vw - 2 * ${m} - 2 * var(--page-margin)); 536 537 ${e=>e.mobileMaxContent?(0,a.css)` 538 width: max-content; 539 `:(0,a.css)` 540 width: calc(100vw - 2 * ${m} - 2 * var(--page-margin)); 541 @media (min-width: ${c.aB}) { 542 width: max-content; 543 } 544 `} 545 546 ${e=>(0,a.css)` 547 box-shadow: inset 0 0 0 ${d.Rg} 548 ${e.theme.sys.color.elevation.level2.stroke}; 549 `} 550 filter: drop-shadow(0 6px 6px ${e=>e.theme.sys.color.elevation.level2.shadowColor}); 551 552 // TODO: Token Missing 553 transition-property: opacity, transform; 554 transition-duration: 125ms; 555 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 556 opacity: ${e=>"entered"===e.state||"entering"===e.state?1:0}; 557 transform: ${e=>"entered"===e.state||"entering"===e.state?"translateY(0px)":"translateY(-20px)"}; 558`,p=(e,t)=>{let r=t.sys.color.elevation.level2.fill.stops;return`url("data:image/svg+xml;utf8, 559 <svg xmlns='http://www.w3.org/2000/svg' width='23' height='11.5' viewBox='0 0 23 11.5'> 560 <defs> 561 <linearGradient id='grad' x1='0.13' y1='0.93' x2='0.87' y2='0.07'> 562 <stop offset='0%' stop-color='${r[0]}'/> 563 <stop offset='100%' stop-color='${r[100]}'/> 564 </linearGradient> 565 </defs> 566 <polygon points='${"top"===e?"0,0 11.5,11.5 23,0":"0,11.5 11.5,0 23,11.5"}' fill='url(%23grad)'/> 567 </svg> 568 ")`},g=a.default.div` 569 position: absolute; 570 top: var(--tip-top); 571 left: var(--tip-left); 572 right: var(--tip-right); 573 width: ${23}px; 574 height: ${11.5}px; 575 background-repeat: no-repeat; 576 background-size: cover; 577 pointer-events: none; 578 z-index: ${e=>e.zIndex?e.zIndex-1:99999}; 579 background-image: ${e=>p(e.direction,e.theme)}; 580 display: none; 581 582 @media (min-width: ${c.aB}) { 583 display: block; 584 } 585`,h=a.default.div` 586 max-height: max( 587 0px, 588 calc(var(--available-height, 75vh) - (2 * ${m})) 589 ); 590 overflow-y: auto; 591 -webkit-overflow-scrolling: touch; 592`,b=e=>{(0,o.useEffect)(()=>{let t=t=>{("Escape"===t.key||"Esc"===t.key)&&e()};return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[e])};var $=r(44713),v=r.n($);let x=({ref:e,triggerRef:t,alignment:r,withTip:o,placement:i,mobileMaxContent:n})=>{let a,s,d;let u=e.current,m=t.current;if(!u||!m)return;let f=document.documentElement,p=parseInt(window.getComputedStyle(f).getPropertyValue("--p
592age-margin"));u.style.left="",u.style.right="";let g=m.getBoundingClientRect(),h=u.getBoundingClientRect(),b=window.innerWidth,$=window.innerHeight,v=!!o&&b>=768;v||(u.style.setProperty("--tip-left","unset"),u.style.setProperty("--tip-right","unset"),u.style.setProperty("--tip-top","unset"));let x=Math.round(g.left),y=Math.round(g.right),k=Math.round(g.width),w=Math.round(h.width),E=l.Cy,z="number"==typeof E?E:parseInt(String(E),10),C=e=>{let t=w-z-23;return t<=z?Math.max(0,Math.round((w-23)/2)):Math.min(Math.max(e,z),t)},O=x,R=b-y,S=k/2-11.5,I=b-w,D=g.top-20,T=$-(g.bottom+20),M=h.height<=D,V=h.height<=T,P=parseFloat(window.getComputedStyle(u).lineHeight||"0"),B=parseFloat(c.Ot),N=Math.max(0,Math.floor(Number.isFinite(P)&&P>0?3*P:B)),L=l.Cy,Y=2*("number"==typeof L?L:parseInt(String(L),10)||0),A=Math.max(0,D-Y)>=N,j=Math.max(0,T-Y)>=N;if("top"===i?(d=!!M||!V&&D>=T)&&!A&&j&&(d=!1):(d=!V&&(!!M||D>T))||j||!A||(d=!0),d){let e=g.top-20-h.height;e<0?(d=!1,a=g.bottom+20,s="bottom"):(a=e,s="top")}else a=g.bottom+20,s="bottom";a<0&&(a=0),u.style.top=`${a}px`;let H=d?Math.max(0,Math.floor(D)):Math.max(0,Math.floor(T));if(u.style.setProperty("--available-height",`${H}px`),v){if("top"===s){let e=u.getBoundingClientRect().height;u.style.setProperty("--tip-top",`${e}px`)}else u.style.setProperty("--tip-top","-11.5px")}else u.style.setProperty("--tip-top","unset");if(b<768&&!n)return u.style.left=`${p+0}px`,u.style.right=`${p+0}px`,s;switch(r){case"left":if((O=x)+w>b&&(O=I),O<0&&(O=0),u.style.left=`${O}px`,v){let e=x-O+S,t=C(e),r=Math.abs(t-e);r>0&&(O=Math.min(Math.max(O-r,0),b-w),u.style.left=`${O}px`,t=C(e=x-O+S)),u.style.setProperty("--tip-right","unset"),u.style.setProperty("--tip-left",`${t}px`)}break;case"right":if((R=b-y)+w>b&&(R=I),R<0&&(R=0),u.style.right=`${R}px`,v){let e=b-(R+y)+S,t=C(e),r=Math.abs(t-e);r>0&&(R=Math.min(Math.max(R-r,0),I),u.style.right=`${R}px`,t=C(e=b-(R+y)+S)),u.style.setProperty("--tip-left","unset"),u.style.setProperty("--tip-right",`${t}px`)}break;case"center":{let e=x+k/2-w/2;if(e+w>b&&(e=I),e<0&&(e=0),u.style.left=`${e}px`,v){let t=C(x-e+S);u.style.setProperty("--tip-right","unset"),u.style.setProperty("--tip-left",`${t}px`)}}}let _=u.getBoundingClientRect(),F=_.bottom-$;if(F>0){let e=Math.max(0,_.height-F);e<parseInt(u.style.getPropertyValue("--available-height")||"0",10)&&u.style.setProperty("--available-height",`${Math.max(0,Math.floor(e))}px`)}{let e=u.getBoundingClientRect(),t=e.height;if("top"===s){let r=g.top-20-t;Math.abs(r-e.top)>1&&(u.style.top=`${Math.max(0,r)}px`,v&&u.style.setProperty("--tip-top",`${t}px`))}else{let t=g.bottom+20;Math.abs(t-e.top)>1&&(u.style.top=`${t}px`,v&&u.style.setProperty("--tip-top","-11.5px"))}}return s},y=({ref:e,triggerRef:t,alignment:r,placement:i,open:n,withTip:a,mobileMaxContent:l})=>{let[s,c]=(0,o.useState)(null),d=(0,o.useRef)(null);return(0,o.useEffect)(()=>{if(!n)return;let o=x({ref:e,triggerRef:t,alignment:r,placement:i,withTip:a,mobileMaxContent:l});c(o??null),d.current=o??i??"bottom";let s=null;return s=requestAnimationFrame(()=>{if(!e.current||!t.current)return;let o=x({ref:e,triggerRef:t,alignment:r,placement:d.current||i||"bottom",withTip:a,mobileMaxContent:l});o&&o!==d.current&&(d.current=o,c(o))}),()=>{s&&cancelAnimationFrame(s)}},[n,r,i,a,l,e,t]),(0,o.useEffect)(()=>{if(!n)return;let o=v()(()=>{let o;if(!d.current)return;let i=e.current,n=t.current;if(!i||!n)return;let s=window.innerWidth,u=window.innerHeight,m=n.getBoundingClientRect(),f=i.getBoundingClientRect(),p=!!a&&s>=768,g=d.current;"top"===g?((o=m.top-20-f.height)<0&&(o=0),p&&i.style.setProperty("--tip-top",`${f.height}px`)):(o=m.bottom+20,p&&i.style.setProperty("--tip-top","-11.5px")),i.style.top=`${o}px`;let h=m.top-20,b=u-(m.bottom+20),$="top"===g?Math.max(0,Math.floor(h)):Math.max(0,Math.floor(b));i.style.setProperty("--available-height",`${$}px`);let v=x({ref:e,triggerRef:t,alignment:r,placement:g,withTip:a,mobileMaxContent:l});v&&v!==g&&(d.current=v,c(v))},80);return window.addEventListener("resize",o,{passive:!0}),()=>{window.removeEventListener("resize",o),o.cancel()}},[n,r,a,l,e,t]),s};
592function k(e,t){return(k=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}var w={disabled:!1},E=o.createContext(null),z="unmounted",C="exited",O="entering",R="entered",S="exiting",I=function(e){function t(t,r){o=e.call(this,t,r)||this;var o,i,n=r&&!r.isMounting?t.enter:t.appear;return o.appearStatus=null,t.in?n?(i=C,o.appearStatus=O):i=R:i=t.unmountOnExit||t.mountOnEnter?z:C,o.state={status:i},o.nextCallback=null,o}t.prototype=Object.create(e.prototype),t.prototype.constructor=t,k(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&t.status===z?{status:C}:null};var r=t.prototype;return r.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},r.componentDidUpdate=function(e){var t=null;if(e!==this.props){var r=this.state.status;this.props.in?r!==O&&r!==R&&(t=O):(r===O||r===R)&&(t=S)}this.updateStatus(!1,t)},r.componentWillUnmount=function(){this.cancelNextCallback()},r.getTimeouts=function(){var e,t,r,o=this.props.timeout;return e=t=r=o,null!=o&&"number"!=typeof o&&(e=o.exit,t=o.enter,r=void 0!==o.appear?o.appear:t),{exit:e,enter:t,appear:r}},r.updateStatus=function(e,t){if(void 0===e&&(e=!1),null!==t){if(this.cancelNextCallback(),t===O){if(this.props.unmountOnExit||this.props.mountOnEnter){var r=this.props.nodeRef?this.props.nodeRef.current:i.findDOMNode(this);r&&r.scrollTop}this.performEnter(e)}else this.performExit()}else this.props.unmountOnExit&&this.state.status===C&&this.setState({status:z})},r.performEnter=function(e){var t=this,r=this.props.enter,o=this.context?this.context.isMounting:e,n=this.props.nodeRef?[o]:[i.findDOMNode(this),o],a=n[0],l=n[1],s=this.getTimeouts(),c=o?s.appear:s.enter;if(!e&&!r||w.disabled){this.safeSetState({status:R},function(){t.props.onEntered(a)});return}this.props.onEnter(a,l),this.safeSetState({status:O},function(){t.props.onEntering(a,l),t.onTransitionEnd(c,function(){t.safeSetState({status:R},function(){t.props.onEntered(a,l)})})})},r.performExit=function(){var e=this,t=this.props.exit,r=this.getTimeouts(),o=this.props.nodeRef?void 0:i.findDOMNode(this);if(!t||w.disabled){this.safeSetState({status:C},function(){e.props.onExited(o)});return}this.props.onExit(o),this.safeSetState({status:S},function(){e.props.onExiting(o),e.onTransitionEnd(r.exit,function(){e.safeSetState({status:C},function(){e.props.onExited(o)})})})},r.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},r.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},r.setNextCallback=function(e){var t=this,r=!0;return this.nextCallback=function(o){r&&(r=!1,t.nextCallback=null,e(o))},this.nextCallback.cancel=function(){r=!1},this.nextCallback},r.onTransitionEnd=function(e,t){this.setNextCallback(t);var r=this.props.nodeRef?this.props.nodeRef.current:i.findDOMNode(this),o=null==e&&!this.props.addEndListener;if(!r||o){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var n=this.props.nodeRef?[this.nextCallback]:[r,this.nextCallback],a=n[0],l=n[1];this.props.addEndListener(a,l)}null!=e&&setTimeout(this.nextCallback,e)},r.render=function(){var e=this.state.status;if(e===z)return null;var t=this.props,r=t.children,i=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,function(e,t){if(null==e)return{};var r={};for(var o in e)if(({}).hasOwnProperty.call(e,o)){if(-1!==t.indexOf(o))continue;r[o]=e[o]}return r}(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return o.createElement(E.Provider,{value:null},"function"==typeof r?r(e,i):o.cloneElement(o.Children.only(r),i))},t}(o.Component);function D(){}I.contextType=E,I.propTypes={},I.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:D,onEntering:D,onEntered:D,onExit:D,onExiting:D,onExited:D},I.UNMOUNTED=z,I.EXITED=C,I.ENTERING=O,I.ENTERED=R,I.EXITING=S;var T=r(77862);let M=({open:e,callback:t})=>{(0,o.useEffect)(()=>
592{if(!e)return;let r=document.querySelector('[data-scroll-context="true"]');return window.addEventListener("scroll",t,{passive:!0}),r?.addEventListener("scroll",t,{passive:!0}),()=>{window.removeEventListener("scroll",t),r?.removeEventListener("scroll",t)}},[e,t])};var V=r(67607);let P=({triggerElement:e,content:t,open:r,onClose:a,id:l,withTip:s=!0,targetRef:c,zIndex:d,role:m="dialog",alignment:p="center",placement:$="bottom","aria-label":v,mobileMaxContent:x,...k})=>{let w=(0,o.useRef)(null),E=(0,o.useRef)(null),[z,C]=(0,o.useState)(!1),O=(0,V.Y)(k);(0,T.P)({open:r,ref:w,triggerRef:E}),(0,n.O)([w,E],a),b(a);let R=y({ref:w,alignment:p,placement:$,open:r,triggerRef:c??E,withTip:s,mobileMaxContent:x});M({open:r,callback:a});let S={"aria-expanded":r,"aria-haspopup":e.props["aria-haspopup"]??"dialog","aria-controls":l,ref:E};return((0,o.useEffect)(()=>{"undefined"!=typeof window&&C(!0)},[]),z)?o.createElement(u,{...O},o.cloneElement(e,S),o.createElement(I,{nodeRef:w,in:r,timeout:125,unmountOnExit:!0},e=>(0,i.createPortal)(o.createElement(f,{withTip:s,id:l,role:m,ref:w,"aria-hidden":!r,"aria-label":v,state:e,placement:$,zIndex:d,mobileMaxContent:x},s&&o.createElement(g,{direction:R??"bottom"}),o.createElement(h,null,t)),document.body))):null}},45973:function(e,t,r){r.d(t,{v:function(){return q}});var o=r(7653),i=r(35187),n=r(31731),a=r(15512),l=r(20361),s=r(1561),c=r(19178),d=r(86620),u=r(10348),m=r(78399),f=r(60575),p=r(64068),g=r(30689);let h=m.default.div` 593 margin: ${e=>(0,a.o)(e.margin)}; 594 position: relative; 595 background: ${e=>e.theme.cmp.color.ui.productCard.surface.fill.default}; 596 border-radius: ${l.J3}; 597 backdrop-filter: blur(${s.Uy}); 598 ${e=>(0,m.css)` 599 box-shadow: inset 0 0 0 ${c.Rg} 600 ${e.theme.cmp.color.ui.productCard.surface.stroke.default}; 601 `} 602 overflow: hidden; 603 display: flex; 604 flex-direction: column; 605`,b=m.default.div` 606 margin: ${e=>(0,a.o)(e.margin)}; 607 ${(0,d.n)(u.UoK)} 608 color: ${e=>e.theme.sys.color.text.caption.default} 609`,$=m.default.div` 610 display: flex; 611 flex-shrink: 1; 612 overflow: hidden; 613 gap: ${n.Ho}; 614`,v=(0,m.default)(p.V)` 615 flex-shrink: 0; 616`,x=m.default.div` 617 display: flex; 618 justify-content: ${e=>e.noTag?"flex-end":"space-between"}; 619 align-items: center; 620 position: absolute; 621 top: ${n.Cy}; 622 right: ${n.Cy}; 623 left: ${n.Cy}; 624`,y=m.default.img` 625 width: 100%; 626 height: 100%; 627 display: block; 628 object-fit: contain; 629 object-position: bottom center; 630`,k=m.default.picture` 631 width: 100%; 632 aspect-ratio: 4/3; 633 display: block; 634`,w=m.default.a` 635 text-decoration: none; 636`,E=m.default.div` 637 padding: ${n.Cy}; 638 display: flex; 639 flex-direction: column; 640 position: relative; 641 justify-content: space-between; 642 flex: 1; 643`,z=m.default.div` 644 gap: ${n.mh}; 645 display: flex; 646 flex-direction: column; 647 position: relative; 648 justify-content: flex-start; 649 flex: 1; 650`,C=m.default.a` 651 text-decoration: none; 652 653 &:hover, 654 &:active { 655 span { 656 color: ${e=>e.theme.cmp.color.navigation.textLink.foreground.interactive}; // Confirmed by design to use textlink hover color 657 } 658 } 659`,O=(0,m.default)(f.h)` 660 margin: ${n.dg} 0; 661 662 align-self: center; 663`,R=m.default.div` 664 margin: ${n.mh} 0 ${n.dg} 0; 665 display: flex; 666 flex-direction: column; 667 gap: ${n.dg}; 668 669 ${O}:not(:last-child) { 670 margin-top: ${n.mh}; 671 } 672 673 ${O}:last-child:not(${O} + ${O}:last-child) { 674 margin-top: ${n.mh}; 675 } 676`,S=m.default.div` 677 display: flex; 678 flex-direction: column; 679 gap: ${n.Ho}; 680`,I=(0,m.default)(g.s)` 681 ${(0,d.n)(u.Z8L)} 682 color: ${e=>e.theme.sys.color.text.headline.default} 683`,D=m.default.span` 684 ${(0,d.n)(u.UoK)} 685 color: ${e=>e.theme.sys.color.text.copy.default} 686`,T=m.default.span` 687 ${(0,d.n)(u.MZm)} 688 color: ${e=>e.theme.sys.color.text.headline.default}; 689`,M=m.default.span` 690 ${(0,d.n)(u.qZ9)} 691 color: ${e=>e.theme.sys.color.text.copy.default}; 692`,V=m.default.div` 693 display: flex; 694 flex-direction: column; 695 gap: ${n.Ho}; 696`,P=m.default.div` 697 margin-top: ${e=>e.bottom&&n.mh}; 698`;var B=r(27052),N=r(5040),L=r(79196),Y=r(30193),A=r(67607);let j={xs:i.cI,sm:i.OX,md:i.aB,lg:i.kL,xl:i.j_,xxl:i.dK},H=e=>"icon"in e&&void 0!==e.icon,_=(e,t)=>
698{if(H(e))return o.createElement(L.hU,{variant:e.variant||"tertiary",icon:e.icon,size:"sm","aria-label":t,onClick:e.onClick,"data-testid":e["data-testid"]});let r=(0,o.useId)();return o.createElement(B.J,{withTip:e.withTip||!1,id:r,open:e.popOverOpen,alignment:"right",onClose:e.onPopOverClose,triggerElement:o.createElement(L.hU,{variant:e.variant||"tertiary",icon:"more",size:"sm","aria-label":t,onClick:e.onPopOverTriggerClick,"data-testid":e["data-testid"]}),content:e.popOverContent})},F=e=>e?.map((e,t)=>e?.href?o.createElement(O,{...e,variant:"standalone",key:t},e.children):o.createElement(O,{...e,variant:"standalone",key:t},e?.children)),J=(e,t)=>e?.length===1?o.createElement(b,{key:`pli-${e}`,margin:[t?n.mh:0,0,0,0]},e):o.createElement(P,{role:"group",bottom:t},e?.map((e,t)=>o.createElement(b,{key:`pli-${t}`},e))),q=(0,o.forwardRef)(({iconButton:e,iconButtonAriaLabel:t,carImages:r,link:i,tag:n,imageAlt:a,productData:{headline:l,subline:s,pricing:c,productLegalInfo:d,pricingSubline:u,legalInfoBottom:m},className:f,infoElements:p,additionalTextLinks:g,infoElementsAriaLabel:b,margin:O,...P},B)=>{let L=(0,o.useMemo)(()=>["xxl","xl","lg","md","sm","xs"].reduce((e,t)=>(e[t]=r?.[t],e),{}),[r]),H=(0,Y.r)(P),q=(0,A.Y)(P);return o.createElement(h,{className:f,margin:O,...H,...q,ref:B},L&&(i.contentClick?o.createElement(w,{...i.contentClick},o.createElement(k,null,Object.keys(L).map((e,t)=>{if(void 0!==L[e])return o.createElement("source",{media:`(min-width:${j[e]})`,srcSet:L[e],key:`${t}${e}`})}),o.createElement(y,{src:L.xs,alt:a}))):o.createElement(k,null,Object.keys(L).map((e,t)=>{if(void 0!==L[e])return o.createElement("source",{media:`(min-width:${j[e]})`,srcSet:L[e],key:`${t}${e}`})}),o.createElement(y,{src:L.xs,alt:a}))),(n||e)&&o.createElement(x,{noTag:!n},n&&o.createElement($,null,n.map((e,t)=>o.createElement(v,{key:t,...e,size:"sm"}))),e&&_(e,t)),o.createElement(E,null,o.createElement(z,null,o.createElement(S,null,i.contentClick?o.createElement(C,{...i.contentClick},o.createElement(I,{tag:"span",variant:{order:"4",type:"headline",weight:"bold"}},l)):o.createElement(I,{tag:"span",variant:{order:"4",type:"headline",weight:"bold"}},l),s&&o.createElement(D,null,s)),c&&u?o.createElement(V,null,o.createElement(T,null,c),o.createElement(M,null,u)):c?o.createElement(T,null,c):u?o.createElement(M,null,u):null,p&&o.createElement("div",{"aria-label":b},p),d&&!m&&J(d)),(i.cta1||i.cta2||i.cta3)&&o.createElement(R,null,i.cta1&&o.createElement(N.A,{variant:i.cta1.variant,size:i.cta1.size||"sm",href:i.cta1.href,onClick:i.cta1.onClick,target:i.cta1.target,rel:i.cta1.rel,"data-testid":i.cta1["data-testid"],icon:i.cta1.icon,iconPosition:i.cta1.iconPosition},i.cta1.text),i.cta2&&o.createElement(N.A,{size:i.cta2.size||"sm",variant:i.cta2.variant,href:i.cta2.href,onClick:i.cta2.onClick,target:i.cta2.target,rel:i.cta2.rel,"data-testid":i.cta2["data-testid"],icon:i.cta2.icon,iconPosition:i.cta2.iconPosition},i.cta2.text),i.cta3&&o.createElement(N.A,{size:i.cta3.size||"sm",variant:i.cta3.variant,href:i.cta3.href,onClick:i.cta3.onClick,target:i.cta3.target,rel:i.cta3.rel,"data-testid":i.cta3["data-testid"],icon:i.cta3.icon,iconPosition:i.cta3.iconPosition},i.cta3.text)),g&&F(g),d&&m&&J(d,!0)))});q.displayName="ProductTile"},84423:function(e,t,r){r.d(t,{E:function(){return c}});var o=r(7653),i=r(64289),n=r(31731),a=r(30193),l=r(85870),s=r(67607);let c=(0,o.forwardRef)(({className:e,label:t,id:r,checked:c,defaultChecked:d,value:u,disabled:m,name:f,required:p,invalid:g,onChange:h,errorMessage:b,onClick:$,onKeyDown:v,hint:x,margin:y,...k},w)=>{let E=`${r}__hint`,z=`${r}__error-msg`,C=(0,a.r)(k)["aria-describedby"],O=x||b&&g||C?[x?E:void 0,b&&g?z:void 0,C||void 0].join(" ").trim():void 0;return o.createElement(i.wJ,{className:e,ref:w,margin:y,...(0,s.Y)(k)},o.createElement(i.ar,{invalid:g},o.createElement(i.Fy,{type:"radio",checked:c,defaultChecked:d,id:r,value:u,disabled:m,required:p,onChange:h,onClick:$,onKeyDown:v,name:f,invalid:g,...(0,a.r)(k),"aria-describedby":O}),o.createElement(i.J$,{invalid:g}),o.createElement(i.g,null,t)),x&&o.createElement(l.z,{text:x,variant:"hint",id:E,disabled:m,margin:[0,0,0,n.xv]}),g&&b&&o.createElement(l.z,{text:b,variant:"error",id:z,margin:[0,0,0,n.xv]}))});c.displayName="RadioButton"},64289:function(e,t,r){r.d(t,{Fy:function(){return f},J$:function(){return m},ar:function(){return p},g:function(){return u},wJ:function(){return d}});var o=r(78399),i=r(15512),n=r(31731),a=r(35187),l=r(19178),s=r(86620),c=r(10348);let d=o.default.div` 699 margin: ${e=>(0,i.o)(e.margin)}; 700 display: flex; 701 flex-direction: column; 702 gap: ${n.Ho}; 703`,u=o.default.div` 704 padding-top: ${n.fW}; 705 transition-property: color; 706 // TODO: token missing; 707 transition-duration: 250ms; 708 // TODO: token missing; 709 transition-timing-function: ease; 710`,m=o.default.div` 711 width: ${a.D2}; 712 height: ${a.D2}; 713 box-sizing: border-box; 714 border: ${l.zu} solid 715 ${e=>e.theme.sem.color.forms.surface.control.default.stroke.idle}; 716 background-color: ${e=>e.theme.sem.color.forms.surface.control.default.fill.idle}; 717 flex-shrink: 0; 718 transition-property: border-color, color, background-color; 719 // TODO: token missing; 720 transition-duration: 250ms; 721 // TODO: token missing; 722 transition-timing-function: ease; 723 border-radius: 50%; 724 display: flex; 725 align-items: center; 726 justify-content: center; 727 728 &::before { 729 width: ${a.m2}; 730 height: ${a.m2}; 731 background-color: ${e=>e.theme.sem.color.forms.foreground.control.selected.indicator.idle}; 732 border-radius: 50%; 733 transform: scale(0); 734 transform-origin: 50%; 735 content: ''; 736 visibility: hidden; 737 transition-property: transform, visibility, height, width, background-color; 738 // TODO: token missing; 739 transition-duration: 0.1s; 740 // TODO: token missing; 741 transition-timing-function: ease; 742 ${e=>e.invalid&&(0,o.css)` 743 background-color: ${e.theme.sem.color.forms.foreground.control.selected.indicator.error}; 744 `} 745 } 746`,f=o.default.input` 747 clip: rect(0 0 0 0); 748 clip-path: inset(50%); 749 height: 1px; 750 overflow: hidden; 751 white-space: nowrap; 752 width: 1px; 753 position: absolute; 754 opacity: 0; 755 pointer-events: none; 756 757 &:checked + ${m}::before { 758 transform: scale(1); 759 visibility: visible; 760 } 761 762 &:focus { 763 & + ${m} { 764 outline: 2px solid Highlight; 765 outline-style: auto; 766 outline: 2px solid -webkit-focus-ring-color; 767 } 768 } 769 770 &:focus:not(:focus-visible) + ${m} { 771 outline: none; 772 } 773 774 ${e=>e.invalid&&(0,o.css)` 775 & + ${m} { 776 border-color: ${e.theme.sem.color.forms.surface.control.default.stroke.error}; 777 background-color: ${e.theme.sem.color.forms.surface.control.default.fill.error}; 778 } 779 780 &:checked:not(:disabled) + ${m} { 781 border-color: ${e.theme.sem.color.forms.surface.control.selected.stroke.error}; 782 background-color: ${e.theme.sem.color.forms.surface.control.selected.fill.error}; 783 784 &::before { 785 background-color: ${e.theme.sem.color.forms.foreground.control.selected.indicator.error}; 786 } 787 } 788 `} 789 790 ${e=>!e.invalid&&(0,o.css)` 791 &:checked + ${m} { 792 border-color: ${e.theme.sem.color.forms.surface.control.selected.stroke.idle}; 793 background-color: ${e.theme.sem.color.forms.surface.control.selected.fill.idle}; 794 } 795 796 &:hover:not(:disabled) + ${m} { 797 border-color: ${e.theme.sem.color.forms.surface.control.default.stroke.interactive}; 798 background-color: ${e.theme.sem.color.forms.surface.control.default.fill.interactive}; 799 } 800 801 &:hover:checked:not(:disabled) + ${m} { 802 border-color: ${e.theme.sem.color.forms.surface.control.selected.stroke.interactive}; 803 background-color: ${e.theme.sem.color.forms.surface.control.selected.fill.interactive}; 804 805 &::before { 806 background-color: ${e.theme.sem.color.forms.foreground.control.selected.indicator.interactive}; 807 } 808 } 809 810 &:checked:active:not(:disabled) + ${m} { 811 border-color: ${e.theme.sem.color.forms.surface.control.selected.stroke.interactive}; 812 background-color: ${e.theme.sem.color.forms.surface.control.selected.fill.interactive}; 813 814 &::before { 815 background-color: ${e.theme.sem.color.forms.foreground.control.selected.indicator.interactive}; 816 } 817 } 818 `} 819 820 &:disabled + ${m} { 821 border-color: ${e=>e.theme.sem.color.forms.surface.control.default.stroke.disabled}; 822 background-color: ${e=>e.theme.sem.color.forms.surface.control.default.fill.disabled}; 823 } 824 825 &:checked:disabled + ${m} { 826 border-color: ${e=>e.theme.sem.color.forms.surface.control.selected.stroke.disabled}; 827 background-color: ${e=>e.theme.sem.color.forms.surface.control.selected.fill.disabled}; 828 &::before { 829 background-color: ${e=>e.theme.sem.color.forms.foreground.control.selected.indicator.disabled}; 830 } 831 } 832`,p=o.default.label` 833 cursor: pointer; 834 ${(0,s.n)(c.FA5)}; 835 color: ${e=>e.theme.sem.color.forms.foreground.text.default}; 836 display: flex; 837 column-gap: ${n.dg}; 838 align-items: flex-start; 839 ${e=>!e.invalid&&(0,o.css)` 840 &:has(${f}:disabled) {
841 cursor: not-allowed; 842 ${u} { 843 color: ${e.theme.sem.color.forms.foreground.text.disabled}; 844 } 845 } 846 847 &:has(${f}:hover:not(:disabled)) { 848 ${u} { 849 color: ${e.theme.sem.color.forms.foreground.text.interactive}; 850 } 851 } 852 `} 853 854 ${e=>e.invalid&&(0,o.css)` 855 ${u} { 856 color: ${e.theme.sem.color.forms.foreground.text.error}; 857 } 858 `} 859`},2166:function(e,t,r){r.d(t,{U:function(){return z}});var o=r(7653),i=r(78399),n=r(15512),a=r(31731),l=r(20361),s=r(35187),c=r(86620),d=r(10348),u=r(19178),m=r(99391),f=r(85870);let p="24px",g=i.default.div` 860 margin: ${e=>(0,n.o)(e.margin)}; 861`,h=(0,i.default)(m.J)` 862 position: absolute; 863 top: 50%; 864 left: ${a.mh}; 865 transform: translateY(-50%); 866 color: ${e=>e.theme.sem.color.forms.foreground.field.icon.default}; 867`,b=i.default.div` 868 position: absolute; 869 gap: ${a.gV}; 870 display: flex; 871 top: 50%; 872 transform: translateY(-50%); 873 right: ${a.mh}; 874`,$=i.default.button` 875 color: ${e=>e.theme.sem.color.forms.foreground.field.icon.default}; 876 padding: 0; 877 background-color: transparent; 878 border: none; 879 cursor: pointer; 880 border-radius: ${l.AV}; 881 line-height: 0; 882 883 &:disabled { 884 cursor: not-allowed; 885 } 886`,v=(e,t)=>{let r=[a.mh];return e&&(r.push(p),r.push(a.gV)),t&&(r.push(p),r.push(a.gV)),`calc(${r.join(" + ")})`},x=i.default.input` 887 &[type='search']::-webkit-search-decoration, 888 &[type='search']::-webkit-search-cancel-button { 889 appearance: none; 890 } 891 width: 100%; 892 min-height: ${s.jl}; 893 border-radius: ${l.gq}; 894 box-sizing: border-box; 895 border: none; 896 ${(0,c.n)(d.xSr)} 897 // TODO: tokens missing 898 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 899 transition-duration: 250ms; 900 padding: ${a.dg} 901 ${e=>v(e.hasValue,e.additionalIconButton)} 902 ${a.dg} 903 calc(${p} + ${a.gV} + ${a.mh}); 904 transition-property: background, color, box-shadow; 905 906 &:not(:disabled) { 907 ${e=>(0,i.css)` 908 box-shadow: 0px 0px 0px ${u.zu} 909 ${e.theme.sem.color.forms.surface.field.stroke.default}; 910 background: ${e.theme.sem.color.forms.surface.field.fill.default}; 911 color: ${e.theme.sem.color.forms.foreground.field.input.default}; 912 913 &::placeholder { 914 color: ${e.theme.sem.color.forms.foreground.field.placeholder.default}; 915 } 916 `} 917 918 &:hover, &:focus { 919 ${e=>(0,i.css)` 920 background-color: ${e.theme.sem.color.forms.surface.field.fill.interactive}; 921 box-shadow: 0px 0px 0px ${u.zu} 922 ${e.theme.sem.color.forms.surface.field.stroke.interactive}; 923 `} 924 } 925 } 926 927 &:disabled { 928 cursor: not-allowed; 929 ${e=>(0,i.css)` 930 box-shadow: 0px 0px 0px ${u.zu} 931 ${e.theme.sem.color.forms.surface.field.stroke.disabled}; 932 color: ${e.theme.sem.color.forms.foreground.field.input.disabled}; 933 background: ${e.theme.sem.color.forms.surface.field.fill.disabled}; 934 935 &::placeholder { 936 color: ${e.theme.sem.color.forms.foreground.field.placeholder.disabled}; 937 } 938 `} 939 940 & + ${b} { 941 ${$} { 942 color: ${e=>e.theme.sem.color.forms.foreground.field.icon.disabled}; 943 } 944 } 945 } 946 947 /* Fixes white background-color that appeared in the SearchField when the auto-complete feature was used in Chrome. */ 948 &:-webkit-autofill, 949 &:-webkit-autofill:hover, 950 &:-webkit-autofill:focus, 951 &:-webkit-autofill:active { 952 transition: 953 background-color 0s, 954 color 0s; 955 transition-delay: 99999s; 956 } 957`,y=i.default.div` 958 position: relative; 959 960 &:has(${x}:disabled) { 961 ${h} { 962 color: ${e=>e.theme.sem.color.forms.foreground.field.icon.disabled}; 963 } 964 } 965`,k=(0,i.default)(f.z)` 966 padding: ${a.gV} ${a.mh} 0 967 ${a.mh}; 968`;var w=r(30193),E=r(67607);let z=(0,o.forwardRef)(({className:e,onChange:t,onClick:r,onKeyDown:i,clearButton:n,value:a,id:l,label:s,hint:c,placeholder:d,disabled:u,autoComplete:f,inputRef:p,additionalIconButton:v,margin:z,...C},O)=>{let R=`${l}__hint`,S=(0,w.r)(C)["aria-describedby"],I=!!a,D=!!v,T=c||S?[c?R:void 0,S||void 0].join(" ").trim():void 0;return o.createElement(g,{className:e,ref:O,margin:z,...(0,E.Y)(C)},o.createElement(y,null,o.createElement(h,{name:"search",size:"s"}),o.createElement(x,{type:"search",id:l,value:a,onChange:t,onClick:r,ref:p,onKeyDown:i,disabled:u,placeholder:d??s,autoComplete:f,...(0,w.r)(C),"aria-label":s,"aria-describedby":T,hasValue:I,additionalIconButton:D}),(a||v)&&o.createElement(b,null,a&&o.createElement($,{disabled:u,onClick:n.onClick,"aria-label":n["aria-label"]},o.createElement(m.J,{name:"cancel",size:"s"})),v&&o.createElement($,{disabled:u,"aria-label":v["aria-label"],onClick:v.onClick},o.createElement(m.J,{name:v.icon,size:"s"})))),c&&o.createElement(k,{variant:"hint",text:c,id:R,disabled:u}))});z.displayName="SearchField"},86090:function(e,t,r){r.d(t,{m:function(){return z}});var o=r(7653),i=r(78399),n=r(31731),a=r(15512),l=r(86620),s=r(10348),c=r(19178),d=r
968(35187),u=r(20361),m=r(85870),f=r(99391);let p=`calc(24px + ${n.gV} + ${n.mh})`,g=(0,i.default)(f.J)` 969 position: absolute; 970 pointer-events: none; 971 left: ${n.dg}; 972 top: 50%; 973 transform: translateY(-50%); 974 color: ${e=>e.$disabled?e.theme.sem.color.forms.foreground.field.icon.disabled:e.theme.sem.color.forms.foreground.field.icon.default}; 975`,h=(0,i.default)(f.J)` 976 pointer-events: none; 977 flex-shrink: 0; 978 right: ${n.mh}; 979 top: 50%; 980 transform: translateY(-50%); 981 position: absolute; 982 pointer-events: none; 983 color: ${e=>e.$disabled?e.theme.sem.color.forms.foreground.field.icon.disabled:e.invalid?e.theme.sem.color.forms.foreground.field.icon.error:e.theme.sem.color.forms.foreground.field.icon.default}; 984 985 // TODO: tokens missing 986 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 987 transition-duration: 250ms; 988 transition-property: color, transform; 989`,b=i.default.div` 990 margin: ${e=>(0,a.o)(e.margin)}; 991`,$=i.default.label` 992 display: flex; 993 align-items: baseline; 994 gap: ${n.gV}; 995 ${(0,l.n)(s.IR3)} 996 color: ${e=>e.$disabled?e.theme.sem.color.forms.foreground.field.label.disabled:e.theme.sem.color.forms.foreground.field.label.default}; 997 padding-bottom: ${n.gV}; 998`,v=i.default.span` 999 ${(0,l.n)(s.MR6)} 1000 color: ${e=>e.$disabled?e.theme.sem.color.forms.foreground.field.appendix.disabled:e.theme.sem.color.forms.foreground.field.appendix.default}; 1001`,x=i.default.div` 1002 position: relative; 1003`,y=i.default.select` 1004 ${e=>!e.$readOnly&&(0,i.css)` 1005 &:not(:disabled) { 1006 background: ${e.theme.sem.color.forms.surface.field.fill.default}; 1007 ${(0,i.css)` 1008 box-shadow: 0px 0px 0px ${c.Rg} 1009 ${e.invalid?e.theme.sem.color.forms.surface.field.stroke.error:e.theme.sem.color.forms.surface.field.stroke.default}; 1010 `} 1011 } 1012 `} 1013 1014 ${(0,l.n)(s.xSr)}; 1015 color: ${e=>e.$empty?e.theme.sem.color.forms.foreground.field.placeholder.default:e.theme.sem.color.forms.foreground.field.input.default}; 1016 width: 100%; 1017 min-height: ${d.jl}; 1018 box-sizing: border-box; 1019 ${e=>(0,i.css)` 1020 padding: ${n.dg} ${p} ${n.dg} 1021 ${e.icon?p:n.dg}; 1022 `} 1023 border: none; 1024 border-radius: ${u.AV}; 1025 appearance: none; 1026 -webkit-appearance: none; 1027 -moz-appearance: none; 1028 // TODO: tokens missing 1029 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 1030 transition-duration: 250ms; 1031 transition-property: background, box-shadow; 1032 1033 ${e=>!e.$readOnly&&(0,i.css)` 1034 &:hover:not(:disabled), 1035 &:active:not(:disabled) { 1036 background: ${e.theme.sem.color.forms.surface.field.fill.interactive}; 1037 box-shadow: 0px 0px 0px ${c.Rg} 1038 ${e.invalid?e.theme.sem.color.forms.surface.field.stroke.error:e.theme.sem.color.forms.surface.field.stroke.interactive}; 1039 1040 }; 1041 } 1042 1043 &:focus:not(:disabled) { 1044 background: ${e.theme.sem.color.forms.surface.field.fill.focus}; 1045 box-shadow: 0px 0px 0px ${c.Rg} 1046 ${e.invalid?e.theme.sem.color.forms.surface.field.stroke.error:e.theme.sem.color.forms.surface.field.stroke.focus}; 1047 } 1048 1049 &:disabled { 1050 background: ${e.theme.sem.color.forms.surface.field.fill.disabled}; 1051 cursor: not-allowed; 1052 box-shadow: 0px 0px 0px ${c.Rg} ${e.theme.sem.color.forms.surface.field.stroke.disabled}; 1053 color: ${e.$empty?e.theme.sem.color.forms.foreground.field.placeholder.disabled:e.theme.sem.color.forms.foreground.field.input.disabled}; 1054 } 1055 `} 1056 1057 ${e=>e.$readOnly&&(0,i.css)` 1058 background: ${e.theme.sem.color.forms.surface.field.fill.readOnly}; 1059 box-shadow: 0px 0px 0px ${c.Rg} 1060 ${e.theme.sem.color.forms.surface.field.stroke.readOnly}; 1061 `} 1062`,k=(0,i.default)(m.z)` 1063 padding-top: ${n.gV}; 1064`;var w=r(30193),E=r(67607);let z=(0,o.forwardRef)(({appendix:e,children:t,disabled:r,errorMessage:i,hint:n,icon:a,id:l,invalid:s,label:c,name:d,onBlur:u,onChange:m,onFocus:f,required:p,value:z,margin:C,className:O,readOnly:R,autoComplete:S,...I},D)=>{let T=`${l}__hint`,M=`${l}_errorMessageId`,V=(0,w.r)(I)["aria-describedby"],P=n||V?[n?T:void 0,V||void 0].join(" ").trim():void 0;return o.createElement(b,{margin:C,className:O,...(0,E.Y)(I)},o.createElement($,{htmlFor:l,$disabled:r},c,e&&o.createElement(v,{$disabled:r},e)),o.createElement(x,null,a&&o.createElement(g,{name:a,size:"s",$disabled:r}),o.createElement(y,{name:d,id:l,ref:D,value:z,onFocus:f,onBlur:u,onCh
1064ange:m,disabled:r||R,required:p,autoComplete:S,...(0,w.r)(I),"aria-invalid":s,"aria-describedby":P,"aria-errormessage":i?M:void 0,icon:a,invalid:s,$readOnly:R,$empty:!z},t),!R&&o.createElement(h,{className:"arrow",name:"arrow-down",size:"s",$disabled:r,"aria-hidden":"true"})),n&&o.createElement(k,{text:n,variant:"hint",id:T,disabled:r}),s&&!r&&i&&o.createElement(k,{text:i,variant:"error",id:M}))});z.displayName="SelectField"},86030:function(e,t,r){r.d(t,{i:function(){return M}});var o=r(7653),i=r(78399),n=r(85870),a=r(32796),l=r(52055),s=r(1561),c=r(19178),d=r(20361),u=r(15512),m=r(35187),f=r(31731),p=r(10348),g=r(86620);let h=(0,i.css)` 1065 width: var(--thumb-width); 1066 1067 ${e=>{let t=e.disabled?e.theme.cmp.color.forms.slider.surface.handle.fill.disabled:e.invalid?e.theme.cmp.color.forms.slider.surface.handle.fill.error:e.theme.cmp.color.forms.slider.surface.handle.fill.default,r=e.disabled?e.theme.cmp.color.forms.slider.surface.handle.stroke.disabled:e.invalid?e.theme.cmp.color.forms.slider.surface.handle.stroke.error:e.theme.cmp.color.forms.slider.surface.handle.stroke.default,o=e.theme.name,n="dark"===o?e.disabled?"#2b303b":a.awY:e.disabled?"#C4C9D4":l.IWu,u=e.disabled?"dark"===o?"#363d49":"#A7AFBE":e.invalid?"dark"===o?a.TmC:l.atK:"dark"===o?a.OHW:l.lNx,m=` 1068 <svg xmlns="http://www.w3.org/2000/svg" id="Idle" viewBox="0 0 26 24"> 1069 1070 <g> 1071 <path fill="${n}" d="M7 18.5C3.42 18.5.5 15.58.5 12S3.42 5.5 7 5.5h12c3.58 0 6.5 2.92 6.5 6.5s-2.92 6.5-6.5 6.5z" /> 1072 <path fill="${u}" d="M19 6c3.31 0 6 2.69 6 6s-2.69 6-6 6H7c-3.31 0-6-2.69-6-6s2.69-6 6-6zm0-1H7c-3.87 0-7 3.13-7 7s3.13 7 7 7h12c3.87 0 7-3.13 7-7s-3.13-7-7-7" /> 1073 </g> 1074 <path fill="none" d="M1 0h24v24H1z" /> 1075 </svg> 1076 `.trim(),f=btoa(String.fromCharCode(...Array.from(new TextEncoder().encode(m)))),p=`data:image/svg+xml;base64,${f}`;return e.valueIsArray?(0,i.css)` 1077 height: var(--thumb-click-height); 1078 width: var(--thumb-width); 1079 background-image: url('${p}'); 1080 background-repeat: no-repeat; 1081 background-size: contain; 1082 background-color: transparent; 1083 background-position: center; 1084 border: none; 1085 border-radius: 0px; 1086 `:(0,i.css)` 1087 height: var(--thumb-visual-height); 1088 background-color: ${t}; 1089 backdrop-filter: ${e.disabled?`blur(${s.bu})`:"none"}; 1090 border: ${c.zu} solid ${r}; 1091 border-radius: ${d.gq}; 1092 `}}; 1093 1094 box-sizing: content-box; 1095 pointer-events: auto; 1096 box-shadow: none; 1097 appearance: none; 1098 cursor: ${e=>e.disabled?"not-allowed":"grab"}; 1099 1100 &:active { 1101 cursor: ${e=>e.disabled?"inherit":"grabbing"}; 1102 } 1103`,b=i.default.div` 1104 margin: ${e=>(0,u.o)(e.margin)||0}; 1105 padding: 0; 1106 display: flex; 1107 flex-direction: column; 1108 justify-content: center; 1109 --range: calc(var(--max) - var(--min)); 1110 1111 --thumb-width: ${m.D2}; 1112 --thumb-click-height: ${m.D2}; 1113 --thumb-visual-height: ${m.m2}; 1114 --thumb-half: calc(var(--thumb-width) / 2); 1115 --output-container-height: calc( 1116 ${m.YM} - ${f.fW} 1117 ); 1118 --output-height: calc( 1119 ${p.xSr.lineHeight} + ${f.fW} * 2 1120 ); 1121 --output-translate: calc( 1122 -1 * (var(--output-container-height) - var(--output-height)) 1123 ); 1124 1125 --ratio0: calc((var(--value0) - var(--min)) / var(--range)); 1126 --position0: calc( 1127 var(--thumb-half) + (var(--ratio0) * (100% - var(--thumb-width))) 1128 ); 1129 1130 ${e=>!0===e.valueIsArray&&(0,i.css)` 1131 --ratio1: calc((var(--value1) - var(--min)) / var(--range)); 1132 --position1: calc( 1133 var(--thumb-half) + (var(--ratio1) * (100% - var(--thumb-width))) 1134 ); 1135 1136 --midpoint: calc((var(--position0) + var(--position1)) / 2); 1137 `} 1138`,$=i.default.div` 1139 display: flex; 1140 justify-content: start; 1141 align-items: flex-end; 1142 gap: ${f.gV}; 1143 padding-bottom: ${f.Ho}; 1144`,v=i.default.label` 1145 ${(0,g.n)(p.FA5)}; 1146 1147 color: ${e=>e.disabled?e.theme.sem.color.forms.foreground.field.label.disabled:e.theme.sem.color.forms.foreground.field.label.default}; 1148`,x=i.default.div` 1149 color: ${e=>e.disabled?e.theme.sem.color.forms.foreground.field.appendix.disabled:e.theme.sem.color.forms.foreground.field.appendix.default}; 1150 ${(0,g.n)(p.MR6)}; 1151`,y=i.default.div` 1152 display: flex; 1153 justify-content: space-between; 1154 align-items: center; 1155 gap: ${f.dg}; 1156`,k=i.default.div` 1157 display: flex; 1158 flex-direction: column; 1159 gap: ${f.Ho}; 1160`,w=i.default.input.attrs({type:"range"})` 1161 -webkit-appearance: none; 1162 -moz-appearance: none; 1163 appearance: none; 1164 position: absolute; 1165 width: 100%;
1166 height: var(--thumb-click-height); 1167 background: transparent; 1168 border: none; 1169 margin: 0; 1170 padding: 0; 1171 opacity: 1; 1172 top: 0px; 1173 1174 ${e=>e.valueIsArray&&(0,i.css)` 1175 pointer-events: none; 1176 &:focus-visible::-webkit-slider-thumb { 1177 outline: 2px solid -webkit-focus-ring-color; 1178 } 1179 1180 &:focus-visible::-moz-range-thumb { 1181 outline: 2px solid ${e.theme.sys.color.surface.signal.focus}; 1182 } 1183 1184 &:focus-visible::-ms-thumb { 1185 border: 2px solid ${e.theme.sys.color.surface.signal.focus}; 1186 } 1187 1188 &:focus:not(:focus-visible), 1189 &:focus-within { 1190 outline: none; 1191 } 1192 `} 1193 1194 &::-webkit-slider-thumb { 1195 -webkit-appearance: none; 1196 ${h} 1197 } 1198 1199 &::-moz-range-thumb { 1200 -moz-appearance: none; 1201 ${h} 1202 } 1203 1204 &::-ms-thumb { 1205 ${h} 1206 } 1207 1208 &::-webkit-slider-runnable-track, 1209 &::-moz-range-track { 1210 pointer-events: none; 1211 } 1212`,E=i.default.output` 1213 ${(0,g.n)(p.xSr)}; 1214 flex-shrink: 0; 1215 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 1216 transition-duration: 250ms; 1217 transition-property: background-color, color, transform; 1218 text-wrap: nowrap; 1219 1220 ${e=>e.disabled?(0,i.css)` 1221 color: ${e=>e.theme.sem.color.forms.foreground.text.disabled}; 1222 `:e.invalid?(0,i.css)` 1223 color: ${e=>e.theme.sem.color.forms.foreground.text.error}; 1224 `:(0,i.css)` 1225 color: ${e=>e.theme.sem.color.forms.foreground.text.default}; 1226 `} 1227 1228 ${e=>!1===e.valueIsArray&&(0,i.css)` 1229 @supports (width: min(1px, 2px)) and (width: max(1px, 2px)) { 1230 --output-position: calc( 1231 max( 1232 0px, 1233 min( 1234 calc(var(--position0) - (var(--output-size) / 2)), 1235 calc(100% - var(--output-size)) 1236 ) 1237 ) 1238 ); 1239 position: absolute; 1240 border-radius: ${d.AV}; 1241 padding: ${f.fW} ${f.gV}; 1242 left: var(--output-position); 1243 bottom: 0; 1244 transform: translateY(0); 1245 } 1246 `} 1247`,z=i.default.div` 1248 display: flex; 1249 justify-content: center; 1250 align-items: flex-end; 1251 height: ${m.YM}; 1252 padding-top: ${f.fW}; 1253 box-sizing: border-box; 1254 1255 ${e=>!1===e.valueIsArray&&(0,i.css)` 1256 position: relative; 1257 display: block; 1258 `} 1259`,C=i.default.div` 1260 display: flex; 1261 flex-direction: column; 1262 width: 100%; 1263 1264 &:has(${w}:hover:not(:disabled)) { 1265 & ${E} { 1266 color: ${e=>e.theme.sem.color.forms.foreground.text.interactive}; 1267 ${e=>!1===e.valueIsArray&&(0,i.css)` 1268 background-color: ${e.theme.sys.color.surface.neutral[100]}; 1269 color: ${e.theme.sys.color.surface.neutral[800]}; 1270 transform: translateY(var(--output-translate)); 1271 `}; 1272 } 1273 } 1274 1275 &:has(${w}:focus:not(:disabled)) { 1276 & ${E} { 1277 color: ${e=>e.theme.sem.color.forms.foreground.text.interactive}; 1278 ${e=>!1===e.valueIsArray&&(0,i.css)` 1279 background-color: ${e.theme.sys.color.surface.neutral[100]}; 1280 color: ${e.theme.sys.color.surface.neutral[800]}; 1281 transform: translateY(var(--output-translate)); 1282 `}; 1283 } 1284 } 1285 1286 &:has(${w}:focus-visible:not(:disabled)) { 1287 & ${E} { 1288 color: ${e=>e.theme.sem.color.forms.foreground.text.interactive}; 1289 ${e=>!1===e.valueIsArray&&(0,i.css)` 1290 background-color: ${e.theme.sys.color.surface.neutral[100]}; 1291 color: ${e.theme.sys.color.surface.neutral[800]}; 1292 transform: translateY(var(--output-translate)); 1293 `}; 1294 } 1295 } 1296`,O=i.default.div` 1297 --gradient-direction: to right; 1298 height: ${m.wH}; 1299 position: relative; 1300 width: 100%; 1301 top: 50%; 1302 transform: translateY(-50%); 1303 1304 &::before { 1305 content: ''; 1306 z-index: 2; 1307 width: 100%; 1308 position: absolute; 1309 inset: 0; 1310 border-radius: ${d.gq}; 1311 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 1312 transition-duration: 250ms; 1313 transition-property: background; 1314 1315 ${e=>e.valueIsArray?(0,i.css)` 1316 background: linear-gradient( 1317 var(--gradient-direction), 1318 ${e.theme.cmp.color.forms.slider.surface.track.default} 1319 var(--start), 1320 ${e.disabled?e.theme.cmp.color.forms.slider.surface.progress.disabled:e.invalid?e.theme.cmp.color.forms.slider.surface.progress.error:e.theme.cmp.color.forms.slider.surface.progress.default} 1321 var(--start), 1322 ${e.disabled?e.theme.cmp.color.forms.slider.surface.progress.disabled:e.invalid?e.theme.cmp.color.forms.slider.surface.progress.error:e.theme.cmp.color.forms.slider.surface.progress.default} 1323 var(--end), 1324 ${e.theme.cmp.color.forms.slider.surface.track.default} 1325 var(--end) 1326 ); 1327 `:(0,i.css)` 1328 background: linear-gradient( 1329 var(--gradient-direction), 1330 ${e.disabled?e.theme.cmp.color.forms.slider.surface.progress.disabled:e.invalid?e.theme.cmp.color.forms.slider.surface.progress.error:e.theme.cmp.color.forms.slider.surface.progress.default} 1331 var(--position0), 1332 ${e.theme.cmp.color.forms.slider.surface.track.default} 1333 var(--position0) 1334 ); 1335 `}; 1336 } 1337`,R=i.default.div` 1338 height: ${m.D2}; 1339 position: relative; 1340 1341 &:has(${w}:hover:not(:disabled)) { 1342 & ${O} { 1343 &::before { 1344 ${e=>e.valueIsArray?(0,i.css)` 1345 background: linear-gradient( 1346 var(--gradient-direction), 1347 ${e.theme.cmp.color.forms.slider.surface.track.default} 1348 var(--start), 1349 ${e.theme.cmp.color.forms.slider.surface.progress.interactive} 1350 var(--start), 1351 ${e.theme.cmp.color.forms.slider.surface.progress.interactive} 1352 var(--end), 1353 ${e.theme.cmp.color.forms.slider.surface.track.default} 1354 var(--end) 1355 ); 1356 `:(0,i.css)` 1357 background: linear-gradient( 1358 var(--gradient-direction), 1359 ${e.theme.cmp.color.forms.slider.surface.progress.interactive} 1360 var(--position0), 1361 ${e.theme.cmp.color.forms.slider.surface.track.default} 1362 var(--position0) 1363 ); 1364 `} 1365 } 1366 } 1367 } 1368`,S=i.default.div` 1369 color: ${e=>e.disabled?e.theme.sem.color.forms.foreground.field.caption.disabled:e.theme.sem.color.forms.foreground.text.caption}; 1370 ${(0,g.n)(p.g9S)}; 1371 display: flex; 1372 justify-content: space-between; 1373 padding-top: ${f.gV}; 1374`,I=(0,i.default)(n.z)` 1375 padding-top: ${f.dg}; 1376`;var D=r(79196),T=r(67607);let M=(0,o.forwardRef)(({id:e,value:t,label:r,appendix:i,hint:n,error:a,disabled:l,invalid:s,onChange:c,className:d,step:u=1,max:m,min:f,hiddenValues:p,rangeSeparator:g="to",buttonControl:h,"aria-describedby":M,"aria-label":V,valueFormat:P,margin:B,hiddenMinMax:N,...L},Y)=>{let A;let j=(0,o.useRef)(null),H=(0,o.useRef)(null),_=Array.isArray(t),F=e=>P?P(e):e.toString(),J=_&&2===t.length?[...t].sort((e,t)=>
1376e-t):null;(0,o.useEffect)(()=>{j.current&&(_?(j.current.style.setProperty("--value0",t[0].toString()),j.current.style.setProperty("--value1",t[1].toString()),j.current.style.setProperty("--start",`var(${t[0]<t[1]?"--position0":"--position1"})`),j.current.style.setProperty("--end",`var(${t[0]>t[1]?"--position0":"--position1"})`)):j.current.style.setProperty("--value0",t.toString()),j.current.style.setProperty("--min",f.toString()),j.current.style.setProperty("--max",m.toString()))},[t,_,f,m]);let q=()=>{j.current&&H.current&&j.current.style.setProperty("--output-size",`${H.current.clientWidth}px`)};(0,o.useEffect)(()=>{document.fonts&&document.fonts.ready.then(()=>{q()})},[t]);let U=(e,r)=>{let o=Number(e.target.value);A=_?0===r?[o,t[1]]:[t[0],o]:o,c&&c(A,e)},K=e=>{let r;r=_?0===e?[Math.max(t[0]-u,f),t[1]]:[t[0],Math.max(t[1]-u,f)]:Math.max(t-u,f),c&&c(r,new Event("input",{bubbles:!0}))},W=e=>{let r;r=_?0===e?[Math.min(t[0]+u,m),t[1]]:[t[0],Math.min(t[1]+u,m)]:Math.min(t+u,m),c&&c(r,new Event("input",{bubbles:!0}))},X=`${e}__label`,G=(e,t,r,i)=>o.createElement(D.hU,{size:"md",variant:"tertiary",icon:r,onClick:i,disabled:l,"aria-label":t});return o.createElement(b,{ref:j,valueIsArray:_,margin:B,className:d,...(0,T.Y)(L)},r&&o.createElement($,null,o.createElement(v,{id:X,disabled:l},r),o.createElement(x,{disabled:l},i)),o.createElement(y,null,h&&o.createElement(k,null,_&&G(1,h.defaultSliderAriaLabel.decrease,"add-circle",()=>W(0)),G(0,h.additionalSliderAriaLabel.decrease,"remove-circle",()=>K(0))),o.createElement(C,{valueIsArray:_},!p&&o.createElement(z,{valueIsArray:_},o.createElement(E,{valueIsArray:_,ref:H,disabled:l,invalid:s,rangeSeparator:g},_&&J?o.createElement(o.Fragment,null,null!=J[0]&&F(J[0]),null!=J[1]&&o.createElement(o.Fragment,null,o.createElement("span",null," ",g," "),F(J[1]))):!_&&F(t))),o.createElement(R,{valueIsArray:_},o.createElement(O,{valueIsArray:_,disabled:l,invalid:s}),o.createElement(w,{id:`${e}-0`,ref:Y,type:"range",min:f,max:m,step:u,value:_?t[0]:t,onChange:e=>U(e,0),disabled:l,invalid:s,"aria-valuemin":f,"aria-valuemax":m,"aria-valuenow":_?t[0]:t,"aria-valuetext":F(_?t[0]:t),"aria-describedby":M,"aria-labelledby":X,"aria-label":V,onMouseEnter:()=>{q()},onMouseLeave:()=>{q()},valueIsArray:_}),_&&void 0!==t[1]&&o.createElement(w,{id:`${e}-1`,ref:Y,type:"range",min:f,max:m,step:u,value:t[1],onChange:e=>U(e,1),disabled:l,invalid:s,role:"slider","aria-valuemin":f,"aria-valuemax":m,"aria-valuenow":t[1],"aria-valuetext":F(t[1]),"aria-describedby":M,"aria-labelledby":X,"aria-label":V,valueIsArray:_})),!N&&o.createElement(S,{disabled:l},o.createElement("span",null,F(f)),o.createElement("span",null,F(m)))),h&&o.createElement(k,null,_?o.createElement(o.Fragment,null,G(1,h.additionalSliderAriaLabel.increase,"add-circle",()=>W(1)),G(0,h.additionalSliderAriaLabel.decrease,"remove-circle",()=>K(1))):G(0,h.defaultSliderAriaLabel.increase,"add-circle",()=>W(0)))),n&&o.createElement(I,{disabled:l,text:n,variant:"hint",id:"messageID"}),s&&!l&&o.createElement(I,{disabled:l,text:a,variant:"error",id:"errorID"}))});M.displayName="Slider"},5954:function(e,t,r){r.d(t,{m:function(){return D}});var o=r(7653),i=r(78399),n=r(15512),a=r(31731),l=r(20361),s=r(35187),c=r(86620),d=r(10348),u=r(19178),m=r(79196),f=r(99391);let p=i.default.div` 1377 margin: ${e=>(0,n.o)(e.margin)}; 1378`,g=i.default.ul` 1379 margin: 0; 1380 padding: 0; 1381 display: flex; 1382 overflow-y: hidden; 1383 overflow-x: auto; 1384 scrollbar-width: none; 1385 flex-wrap: nowrap; 1386 gap: ${a.gV}; 1387 margin: 0 ${a.gV}; 1388 1389 &::-webkit-scrollbar {
1390 display: none; 1391 } 1392`,h=i.default.li` 1393 list-style-type: none; 1394 flex: 1 0 auto; 1395 display: flex; 1396`,b=(0,i.default)(f.J)``,$=i.default.div` 1397 position: relative; 1398 align-items: center; 1399 display: flex; 1400 gap: ${e=>"sm"===e.size?a.gV:a.dg}; 1401`,v=i.default.button` 1402 background-color: transparent; 1403 border: none; 1404 cursor: pointer; 1405 display: flex; 1406 align-items: center; 1407 justify-content: center; 1408 outline-offset: -3px; 1409 border-radius: ${l.gq}; 1410 // TODO: token missing 1411 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 1412 transition-duration: 250ms; 1413 transition-property: color, box-shadow, background-color; 1414 ${e=>(0,i.css)` 1415 min-height: ${"sm"===e.size?s.jl:s.ln}; 1416 1417 min-width: ${"sm"===e.size?s.NS:s.qH}; 1418 1419 ${(0,c.n)("sm"===e.size?d.VaM:d.fxM)}; 1420 1421 padding: 0 1422 ${"sm"===e.size?a.Cy:a.xu}; 1423 `} 1424 1425 ${e=>e.active?(0,i.css)` 1426 color: ${e.theme.cmp.color.navigation.tabs.foreground.text.active}; 1427 background-color: ${e.theme.cmp.color.navigation.tabs.surface.fill.active}; 1428 box-shadow: inset 0px 0px 0px ${u.Rg} 1429 ${e.theme.cmp.color.navigation.tabs.surface.stroke.active}; 1430 1431 ${b} { 1432 color: ${e.theme.cmp.color.navigation.tabs.foreground.icon.active}; 1433 } 1434 `:(0,i.css)` 1435 color: ${e=>e.theme.cmp.color.navigation.tabs.foreground.text.default}; 1436 background-color: ${e.theme.cmp.color.navigation.tabs.surface.fill.default}; 1437 box-shadow: inset 0px 0px 0px ${u.Rg} 1438 ${e.theme.cmp.color.navigation.tabs.surface.stroke.default}; 1439 1440 ${b} { 1441 color: ${e.theme.cmp.color.navigation.tabs.foreground.icon.default}; 1442 } 1443 `} 1444 1445 1446 ${e=>(0,i.css)` 1447 &:disabled { 1448 cursor: not-allowed; 1449 color: ${e.theme.cmp.color.navigation.tabs.foreground.text.disabled}; 1450 background-color: ${e.theme.cmp.color.navigation.tabs.surface.fill.disabled}; 1451 box-shadow: inset 0px 0px 0px ${u.Rg} 1452 ${e.theme.cmp.color.navigation.tabs.surface.stroke.disabled}; 1453 1454 ${b} { 1455 color: ${e.theme.cmp.color.navigation.tabs.foreground.icon.disabled}; 1456 } 1457 } 1458 1459 &:active:not(:disabled), 1460 &:hover:not(:disabled) { 1461 color: ${e=>e.theme.cmp.color.navigation.tabs.foreground.text.interactive}; 1462 background-color: ${e.theme.cmp.color.navigation.tabs.surface.fill.interactive}; 1463 box-shadow: inset 0px 0px 0px ${u.Rg} 1464 ${e.theme.cmp.color.navigation.tabs.surface.stroke.interactive}; 1465 1466 ${b} { 1467 color: ${e.theme.cmp.color.navigation.tabs.foreground.icon.interactive}; 1468 } 1469 } 1470 `} 1471`,x=i.default.div` 1472 display: flex; 1473 position: relative; 1474 border-radius: ${l.gq}; 1475`,y=(0,i.default)(m.hU)` 1476 flex-shrink: 0; 1477`,k=i.default.div` 1478 display: none; 1479 padding: ${a.mh}; 1480 ${e=>e.active&&(0,i.css)` 1481 display: block; 1482 `}; 1483`;var w=r(30193),E=r(67607),z=r(40215),C=r(79778),O=r(44713),R=r.n(O);let S=(e,t,r,o)=>{let i="right"===e?1:-1,n=t.length,a=r;for(let e=0;e<n;e++)if(a=(a+i+n)%n,!t[a]?.disabled){o(a);break}},I=({item:e,id:t,size:r,index:i,showScrollButtons:n,containerRef:a})=>{let l=(0,o.useRef)(null),s=`${t}-tab-btn-${i}`,c=`${t}-tab-pnl-${i}`,d=e.icon&&o.createElement(b,{name:e.icon,size:"md"===r?"s":"xs"});return(0,o.useEffect)(()=>{n&&e.active&&(0,C.K)({containerRef:a,itemRef:l})},[e.active,n,a]),(0,o.useEffect)(()=>{let t=a.current;e.active&&t?.contains(document.activeElement)&&l.current?.focus()},[e.active,a]),o.createElement(h,{role:"presentation"},o.createElement(v,{ref:l,active:e.active,size:r,id:s,role:"tab",onClick:e.onClick,"aria-selected":e.active,"aria-controls":c,disabled:e.disabled,showScrollButtons:n,tabIndex:e.active?0:-1},o.createElement($,{size:r,active:e.active},"leading"===e.iconPosition&&d,o.createElement("span",null,e.label),"trailing"===e.iconPosition&&d)))},D=o.forwardRef(({items:e,size:t,id:r,defaultScrollable:i,scrollButtons:n,onKeyNavigate:a,onClickNavigate:l,className:s,margin:c,...d},u)=>{let m=(0,o.useRef)(null),[f,h]=(0,o.useState)(!1),b=i||f,$=(0,w.r)(d),v=(0,E.Y)(d),C=e.findIndex(e=>e.active),O=(0,o.useCallback)(t=>{if(l)return"left"===t?S("left",e,C,l):S("right",e,C,l);let r=m.current;if(!r)return;let o=.75*r.offsetWidth;return r.scrollBy({left:"left"===t?-o:o,behavior:"smooth"})},[C]),D=(0,o.useCallback)(R()(()=>
1483{if(!m.current)return;let{scrollWidth:e,clientWidth:t}=m.current;h(e>t)},50),[m]);return(0,o.useEffect)(()=>(D(),window.addEventListener("resize",D),()=>{window.removeEventListener("resize",D)}),[m]),(0,z.X)(m,e,C,a),o.createElement(p,{id:r,...$,...v,className:s,ref:u,margin:c},o.createElement(x,null,b&&o.createElement(y,{variant:"tertiary",icon:"back",size:t,"aria-label":n.left.ariaLabel,onClick:()=>O("left")}),o.createElement(g,{role:"tablist",ref:m,size:t},e.map((e,i)=>o.createElement(I,{key:i,item:e,id:r,index:i,size:t,showScrollButtons:b,containerRef:m}))),b&&o.createElement(y,{variant:"tertiary",icon:"forward",size:t,"aria-label":n.right.ariaLabel,onClick:()=>O("right")})),e.map((e,t)=>{let i=`${r}-tab-btn-${t}`,n=`${r}-tab-pnl-${t}`;return o.createElement(k,{key:n,active:e.active,role:"tabpanel",id:n,"aria-labelledby":i,tabIndex:e.active?0:-1},e.content)}))});D.displayName="Tabs"},64068:function(e,t,r){r.d(t,{V:function(){return c}});var o=r(7653),i=r(80935),n=r(27052),a=r(30193),l=r(67607),s=r(21245);let c=({id:e,label:t,variant:r,onClick:c,icon:d,className:u,size:m,popover:f,name:p,defaultChecked:g,onChange:h,checked:b,value:$,disabled:v,margin:x,"aria-label":y,...k})=>{let w=m??"md";if("read-only"===r||"encourage"===r)return o.createElement(i.PQ,{size:w,className:u,variant:r,margin:x,...(0,a.r)(k),...(0,l.Y)(k)},d&&o.createElement(i.xL,{size:"xs",name:d}),o.createElement(i.qY,null,t));if("removable"===r)return o.createElement(i.PQ,{size:w,className:u,variant:r,margin:x,...(0,l.Y)(k)},o.createElement(i.qY,null,t),o.createElement(s.O,{onClick:c,icon:"cancel","aria-label":y,...(0,a.r)(k)}));if("offer"===r){let e="special-offer";return f?o.createElement(i.vk,{size:w,...(0,a.r)(k),...(0,l.Y)(k)},o.createElement(i.PQ,{variant:r,size:w},o.createElement(i.xL,{size:"xs",name:e}),o.createElement(i.qY,null,t)),o.createElement(n.J,{alignment:f.alignment,withTip:f.withTip,open:f.open,onClose:f.onClose,content:f.content,id:f.id,triggerElement:o.createElement(s.O,{onClick:f.onTriggerClick,"aria-label":f.triggerAriaLabel,icon:"info-circle"})})):o.createElement(i.PQ,{variant:r,...(0,a.r)(k),...(0,l.Y)(k)},o.createElement(i.xL,{size:"xs",name:e}),o.createElement(i.qY,null,t))}return"clickable"===r?o.createElement(i.jW,{type:"button",onClick:c,className:u,disabled:v,size:w,margin:x,...(0,a.r)(k),...(0,l.Y)(k)},d&&o.createElement(i.xL,{size:"xs",name:d}),o.createElement(i.qY,null,t)):o.createElement(i.ar,{className:u,...(0,l.Y)(k),margin:x},o.createElement(i.PQ,{variant:r,size:w,$disabled:v},o.createElement(i.Fy,{value:$,type:"checkbox",name:p,defaultChecked:g,onChange:h,onClick:c,checked:b,disabled:v,id:e,...(0,a.r)(k)}),d?o.createElement(i.xL,{size:"xs",name:b?"select":d}):b?o.createElement(i.xL,{size:"xs",name:"select"}):void 0,o.createElement(i.qY,null,t)))}},80935:function(e,t,r){r.d(t,{Fy:function(){return g},PQ:function(){return b},ar:function(){return m},jW:function(){return h},qY:function(){return p},vk:function(){return $},xL:function(){return f}});var o=r(78399),i=r(99391),n=r(15512),a=r(20361),l=r(31731),s=r(86620),c=r(10348),d=r(35187),u=r(19178);let m=o.default.label` 1484 margin: ${e=>(0,n.o)(e.margin)}; 1485`,f=(0,o.default)(i.J)` 1486 flex-shrink: 0; 1487 color: ${e=>e.theme.sem.color.ui.foreground.icons.default}; 1488`,p=o.default.span``,g=o.default.input` 1489 clip: rect(0 0 0 0); 1490 clip-path: inset(50%); 1491 height: 1px; 1492 overflow: hidden; 1493 white-space: nowrap; 1494 width: 1px; 1495 position: absolute; 1496 opacity: 0; 1497 pointer-events: none; 1498`,h=o.default.button` 1499 margin: ${e=>(0,n.o)(e.margin)}; 1500 border-radius: ${a.AV}; 1501 border: none; 1502 box-sizing: border-box; 1503 display: inline-flex; 1504 justify-content: space-between; 1505 align-items: center; 1506 gap: ${l.gV}; 1507 ${e=>"md"===e.size?(0,s.n)(c.ivK):(0,s.n)(c.$r8)}; 1508 padding: ${l.Ho} ${l.dg}; 1509 // TODO: missing token 1510 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 1511 transition-duration: 250ms; 1512 transition-property: background-color, box-shadow, color; 1513 min-height: ${e=>"md"===e.size?d.bo:d.RZ}; 1514 1515 ${p} { 1516 text-decoration: underline; 1517 text-decoration-thickness: ${d.qK}; 1518 text-underline-offset: ${l.Se}; 1519 } 1520 1521 ${e=>!e.disabled&&(0,o.css)` 1522 cursor: pointer; 1523 background-color: ${e.theme.cmp.color.ui.tag.unselected.surface.fill.default}; 1524 box-shadow: inset 0 0 0 ${u.Rg} 1525 ${e.theme.cmp.color.ui.tag.unselected.surface.stroke.default}; 1526 1527 ${f} { 1528 // TODO: missing token 1529 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 1530 transition-duration: 250ms; 1531 transition-property: color; 1532 color: ${e.theme.cmp.color.ui.tag.unselected.icon.default}; 1533 } 1534 1535 ${p} { 1536 color: ${e.theme.cmp.color.ui.tag.unselected.text.default}; 1537 } 1538 1539 &:hover, 1540 &:active { 1541 box-shadow: inset 0 0 0 ${u.Rg} 1542 ${e.theme.cmp.color.ui.tag.unselected.surface.stroke.interactive}; 1543 background-color: ${e.theme.cmp.color.ui.tag.unselected.surface.fill.interactive}; 1544 1545 ${f} { 1546 color: ${e.theme.cmp.color.ui.tag.unselected.icon.interactive}; 1547 } 1548 1549 ${p} { 1550 color: ${e.theme.cmp.color.ui.tag.unselected.text.interactive}; 1551 } 1552 } 1553 `}; 1554 1555 ${e=>e.disabled&&(0,o.css)`
1556 cursor: not-allowed; 1557 background-color: ${e.theme.cmp.color.ui.tag.unselected.surface.fill.disabled}; 1558 box-shadow: inset 0 0 0 ${u.Rg} 1559 ${e.theme.cmp.color.ui.tag.unselected.surface.stroke.disabled}; 1560 1561 ${f} { 1562 color: ${e.theme.cmp.color.ui.tag.unselected.icon.disabled}; 1563 } 1564 1565 ${p} { 1566 color: ${e.theme.cmp.color.ui.tag.unselected.text.disabled}; 1567 } 1568 `} 1569`,b=o.default.div` 1570 margin: ${e=>(0,n.o)(e.margin)}; 1571 border-radius: ${a.AV}; 1572 box-sizing: border-box; 1573 display: inline-flex; 1574 justify-content: space-between; 1575 align-items: center; 1576 ${e=>"md"===e.size?(0,s.n)(c.ivK):(0,s.n)(c.$r8)}; 1577 ${e=>"removable"===e.variant?(0,o.css)` 1578 padding: ${l.Ho} ${l.gV} 1579 ${l.Ho} ${l.dg}; 1580 gap: ${l.Ho}; 1581 `:(0,o.css)` 1582 padding: ${l.Ho} ${l.dg}; 1583 gap: ${l.gV}; 1584 `} 1585 // TODO: missing token 1586 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 1587 transition-duration: 250ms; 1588 transition-property: background-color, box-shadow, color; 1589 min-height: ${e=>"md"===e.size?d.bo:d.RZ}; 1590 1591 ${e=>["read-only","offer","removable"].includes(e.variant)&&(0,o.css)` 1592 background-color: ${e.theme.cmp.color.ui.tag.readOnly.surface.fill.default}; 1593 box-shadow: inset 0 0 0 ${u.Rg} 1594 ${e.theme.cmp.color.ui.tag.readOnly.surface.stroke.default}; 1595 1596 ${f} { 1597 color: ${e.theme.cmp.color.ui.tag.readOnly.icon.default}; 1598 } 1599 1600 ${p} { 1601 color: ${e.theme.cmp.color.ui.tag.readOnly.text.default}; 1602 } 1603 `} 1604 1605 ${e=>"encourage"===e.variant&&(0,o.css)` 1606 background-color: ${e.theme.cmp.color.ui.tag.unselected.surface.fill.encourage}; 1607 box-shadow: inset 0 0 0 ${u.Rg} 1608 ${e.theme.cmp.color.ui.tag.unselected.surface.stroke.encourage}; 1609 1610 ${f} { 1611 color: ${e.theme.cmp.color.ui.tag.unselected.icon.encourage}; 1612 } 1613 1614 ${p} { 1615 color: ${e.theme.cmp.color.ui.tag.unselected.text.encourage}; 1616 } 1617 `} 1618 1619 ${e=>"selectable"===e.variant&&!e.$disabled&&(0,o.css)` 1620 cursor: pointer; 1621 background-color: ${e.theme.cmp.color.ui.tag.unselected.surface.fill.default}; 1622 box-shadow: inset 0 0 0 ${u.Rg} 1623 ${e.theme.cmp.color.ui.tag.unselected.surface.stroke.default}; 1624 1625 ${p} { 1626 color: ${e.theme.cmp.color.ui.tag.unselected.text.default}; 1627 } 1628 1629 ${f} { 1630 // TODO: missing token 1631 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 1632 transition-duration: 250ms; 1633 transition-property: color; 1634 color: ${e.theme.cmp.color.ui.tag.unselected.icon.default}; 1635 } 1636 1637 &:hover, 1638 &:active { 1639 box-shadow: inset 0 0 0 ${u.Rg} 1640 ${e.theme.cmp.color.ui.tag.unselected.surface.stroke.interactive}; 1641 background-color: ${e.theme.cmp.color.ui.tag.unselected.surface.fill.interactive}; 1642 1643 ${p} { 1644 color: ${e.theme.cmp.color.ui.tag.unselected.text.interactive}; 1645 } 1646 1647 ${f} { 1648 color: ${e.theme.cmp.color.ui.tag.unselected.icon.interactive}; 1649 } 1650 } 1651 1652 &:has(${g}:checked) { 1653 background-color: ${e.theme.cmp.color.ui.tag.selected.surface.fill.default}; 1654 box-shadow: inset 0 0 0 ${u.Rg} 1655 ${e.theme.cmp.color.ui.tag.selected.surface.stroke.default}; 1656 1657 ${f} { 1658 color: ${e.theme.cmp.color.ui.tag.selected.icon.default}; 1659 } 1660 1661 ${p} { 1662 color: ${e.theme.cmp.color.ui.tag.selected.text.default}; 1663 } 1664 } 1665 1666 &:has(${g}:checked:hover) { 1667 background-color: ${e.theme.cmp.color.ui.tag.selected.surface.fill.interactive}; 1668 box-shadow: inset 0 0 0 ${u.Rg} 1669 ${e.theme.cmp.color.ui.tag.selected.surface.stroke.interactive}; 1670 1671 ${f} { 1672 color: ${e.theme.cmp.color.ui.tag.selected.icon.interactive}; 1673 } 1674 1675 ${p} { 1676 color: ${e.theme.cmp.color.ui.tag.selected.text.interactive}; 1677 } 1678 } 1679 1680 &:has(${g}:focus-visible) { 1681 outline: auto; 1682 } 1683 `}; 1684 1685 ${e=>"selectable"===e.variant&&e.$disabled&&(0,o.css)` 1686 cursor: not-allowed; 1687 background-color: ${e.theme.cmp.color.ui.tag.unselected.surface.fill.disabled}; 1688 box-shadow: inset 0 0 0 ${u.Rg} 1689 ${e.theme.cmp.color.ui.tag.unselected.surface.stroke.disabled}; 1690 1691 ${f} { 1692 color: ${e.theme.cmp.color.ui.tag.unselected.icon.disabled}; 1693 } 1694 1695 ${p} { 1696 color: ${e.theme.cmp.color.ui.tag.unselected.text.disabled}; 1697 } 1698 1699 &:has(${g}:checked) { 1700 background-color: ${e.theme.cmp.color.ui.tag.selected.surface.fill.disabled}; 1701 box-shadow: inset 0 0 0 ${u.Rg} 1702 ${e.theme.cmp.color.ui.tag.selected.surface.stroke.disabled}; 1703 1704 ${f} { 1705 color: ${e.theme.cmp.color.ui.tag.selected.icon.disabled}; 1706 } 1707 1708 ${p} { 1709 color: ${e.theme.cmp.color.ui.tag.selected.text.disabled}; 1710 } 1711 } 1712 `} 1713`,$=o.default.div` 1714 display: flex; 1715 align-items: center; 1716 gap: ${e=>"md"===e.size?d.vN:l.Ho}; 1717`},31251:function(e,t,r){r.d(t,{o:function(){return T}});
1717var o=r(7653),i=r(99391),n=r(78399),a=r(35187),l=r(31731),s=r(15512),c=r(86620),d=r(10348),u=r(20361),m=r(19178),f=r(85870);let p=a.jl,g="24px",h=l.gV,b=l.dg,$=(e,t,r)=>{let o=[];return(e||t||r)&&o.push(h),t&&o.push(p,h),e&&o.push(g,h),r&&o.push(g),o.push(b),`calc(${o.join(" + ")})`},v=n.default.div` 1718 margin: ${e=>(0,s.o)(e.margin)}; 1719 display: flex; 1720 flex-direction: column; 1721`,x=n.default.label` 1722 display: flex; 1723 align-items: baseline; 1724 padding-bottom: ${l.gV}; 1725 gap: ${l.gV}; 1726 color: ${e=>e.$disabled?e.theme.sem.color.forms.foreground.field.label.disabled:e.theme.sem.color.forms.foreground.field.label.default}; 1727 ${(0,c.n)(d.IR3)} 1728 // TODO: missing token 1729 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 1730 transition-duration: 250ms; 1731 transition-property: color; 1732`,y=n.default.span` 1733 color: ${e=>e.$disabled?e.theme.sem.color.forms.foreground.field.appendix.disabled:e.theme.sem.color.forms.foreground.field.appendix.default}; 1734 ${(0,c.n)(d.t5Y)} 1735`,k=n.default.div` 1736 ${e=>e.leadingExtension&&(0,n.css)` 1737 display: flex; 1738 align-items: center; 1739 `} 1740 position: relative; 1741 width: 100%; 1742 border-radius: ${u.AV}; 1743 box-sizing: border-box; 1744 min-height: ${a.jl}; 1745 // TODO: token missing 1746 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 1747 transition-duration: 250ms; 1748 transition-property: box-shadow, color, background; 1749 1750 ${e=>{let{$disabled:t,readOnly:r,invalid:o,isLoading:i,theme:{sem:a}}=e,l=t?a.color.forms.surface.field.stroke.disabled:o?a.color.forms.surface.field.stroke.error:r?a.color.forms.surface.field.stroke.readOnly:a.color.forms.surface.field.stroke.default;return(0,n.css)` 1751 box-shadow: inset 0 0 0 ${m.Rg} ${l}; 1752 1753 ${!r&&!t&&(0,n.css)` 1754 background: ${e.theme.sem.color.forms.surface.field.fill.default}; 1755 1756 &:has(${w}:hover), 1757 &:has(${C}:hover) { 1758 box-shadow: inset 0 0 0 ${m.Rg} 1759 ${o?a.color.forms.surface.field.stroke.error:a.color.forms.surface.field.stroke.interactive}; 1760 background: ${e.theme.sem.color.forms.surface.field.fill.interactive}; 1761 } 1762 1763 &:has(${w}:active), 1764 &:has(${w}:focus), 1765 &:has(${w}:focus-visible), 1766 &:focus-within { 1767 box-shadow: inset 0 0 0 ${m.Rg} 1768 ${o?a.color.forms.surface.field.stroke.error:a.color.forms.surface.field.stroke.focus}; 1769 outline: auto; 1770 outline: 2px solid -webkit-focus-ring-color; 1771 background: ${e.theme.sem.color.forms.surface.field.fill.focus}; 1772 } 1773 1774 ${i&&(0,n.css)` 1775 box-shadow: inset 0 0 0 ${m.Rg} 1776 ${o?a.color.forms.surface.field.stroke.error:a.color.forms.surface.field.stroke.focus}; 1777 background: ${e.theme.sem.color.forms.surface.field.fill.focus}; 1778 `} 1779 `} 1780 1781 ${r&&!t&&(0,n.css)` 1782 background: ${a.color.forms.surface.field.fill.readOnly}; 1783 `} 1784 1785 ${t&&(0,n.css)` 1786 background: ${a.color.forms.surface.field.fill.disabled}; 1787 `} 1788 `}} 1789`,w=n.default.input` 1790 gap: ${l.gV}; 1791 color: ${e=>e.disabled?e.theme.sem.color.forms.foreground.field.input.disabled:e.theme.sem.color.forms.foreground.field.input.default}; 1792 ${(0,c.n)(d.xSr)} 1793 background-color: transparent; 1794 border: 0; 1795 width: 100%; 1796 min-height: ${a.jl}; 1797 padding: ${e=>`${l.dg} ${$(!!e.hasIconButton,!!e.hasExtension,!!e.hasCancelButton)} ${l.dg} ${e.leadingExtension?l.gV:l.dg}`}; 1798 box-sizing: border-box; 1799 // TODO: missing token 1800 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 1801 transition-duration: 250ms; 1802 transition-property: color; 1803 outline: none; 1804 1805 &[type='number'] { 1806 -moz-appearance: textfield; 1807 } 1808 1809 &::-webkit-outer-spin-button, 1810 &::-webkit-inner-spin-button { 1811 -webkit-appearance: none; 1812 margin: 0; 1813 } 1814 1815 &:not(:placeholder-shown), 1816 &:focus, 1817 &:active:not(:disabled) { 1818 + ${x} { 1819 pointer-events: all; 1820 } 1821 } 1822 1823 &:disabled { 1824 cursor: not-allowed; 1825 } 1826 1827 &::placeholder { 1828 color: ${e=>e.disabled?e.theme.sem.color.forms.foreground.field.placeholder.disabled:e.theme.sem.color.forms.foreground.field.placeholder.default}; 1829 } 1830 1831 /* Fixes white background-color that appeared in the TextInput when the auto-complete feature was used in Chrome. */ 1832 &:-webkit-autofill, 1833 &:-webkit-autofill:hover, 1834 &:-webkit-autofill:focus, 1835 &:-webkit-autofill:active { 1836 transition: 1837 background-color 0s, 1838 color 0s; 1839 transition-delay: 99999s; 1840 } 1841`,E=n.default.div` 1842 position: absolute; 1843 right: ${l.dg}; 1844 top: 50%; 1845 transform: translateY(-50%); 1846 display: flex; 1847 gap: ${l.gV}; 1848 align-items: center; 1849 justify-content: flex-end; 1850 pointer-events: none; 1851`,z=n.default.span` 1852 ${(0,c.n)(d.ISA)} 1853 // TODO: missing token 1854 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 1855 transition-duration: 250ms; 1856 transition-property: color; 1857 color: ${e=>e.$disabled?e.theme.sem.color.forms.foreground.field.extension.disabled:e.theme.sem.color.forms.foreground.field.extension.default}; 1858 pointer-events: none; 1859 text-align: center; 1860`,C=n.default.button` 1861 pointer-events: auto; 1862 background: transparent; 1863 border: none; 1864 cursor: ${e=>e.disabled?"not-allowed":"pointer"}; 1865 padding: 0; 1866 height: ${a.D2}; 1867 width: ${a.D2}; 1868 color: ${e=>e.disabled?e.theme.sem.color.forms.foreground.field.icon.disabled:e.theme.sem.color.forms.foreground.field.icon.default}; 1869`,O=(0,n.default)(f.z)` 1870 padding-top: ${l.gV}; 1871`,R=n.default.span` 1872 color: ${e=>e.$disabled?e.theme.sem.color.forms.foreground.field.extension.disabled:e.theme.sem.color.forms.foreground.field.extension.default}; 1873 ${(0,c.n)(d.ISA)} 1874 padding: ${l.dg} 0 ${l.dg} ${l.dg}; 1875 min-height: ${a.jl}; 1876 display: flex; 1877 box-sizing: border-box; 1878 align-items: center; 1879 flex: 1 0 auto; 1880`;var S=r(56294),I=r(30193),D=r(67607);let T=(0,o.forwardRef)(({label:e,value:t,extension:r,id:n,type:a="text",hint:l,appendix:s,disabled:c,readOnly:d,className:u,invalid:m,errorMessage:f,required:p,min:g,max:h,step:b,onChange:$,onClick:T,onBlur:M,cancelButton:V,iconButton:P,leadingExtension:B,margin:N,isLoading:L,autoComplete:Y,inputRef:A,list:j,placeholder:H,..._},F)=>{let J=`${n}__hint`,q=`${n}__errorMessage`,U=(0,I.r)(_)["aria-describedby"],K=!!V&&!d&&!L&&!!t,W=!!P,X=!!r,G=l||f&&m||U?[l?J:void 0,f&&m?q:void 0,U||void 0].join(" ").trim():void 0;return o.createElement(v,{ref:F,className:u,margin:N,...(0,D.Y)(_)},o.createElement(x,{htmlFor:n,$disabled:c},e,s&&o.createElement(y,{$disabled:c},s)),o.createElement(k,{invalid:m,$disabled:c,readOnly:d,isLoading:L,leadingExtension:!!B},B&&o.createElement(R,{$disabled:c},B),o.createElement(w,{value:t,type:a,id:n,placeholder:H,disabled:c,invalid:m,readOnly:d,required:p,min:g,max:h,step:b,onClick:T,onChange:$,onBlur:M,autoComplete:Y,list:j,ref:A,hasExtension:X,hasIconButton:W,hasCancelButton:K,...(0,I.r)(_),"aria-describedby":G,leadingExtension:!!B}),(r||K||P)&&o.createElement(E,null,r&&o.createElement(z,{invalid:m,$disabled:c},r),P&&o.createElement(C,{onClick:P.onClick,"aria-label":P["aria-label"],disabled:c,invalid:m},o.createElement(i.J,{size:"s",name:P.icon})),K&&o.createElement(C,{onClick:V.onClick,"aria-label":V["aria-label"],disabled:c,invalid:m},o.createElement(i.J,{size:"s",name:"cancel"})),L&&!c&&o.createElement(S.Y,{variant:"spinner",type:"infinite",colorScheme:"idle",size:"sm"}))),l&&o.createElement(O,{disabled:c,variant:"hint",text:l,id:J}),m&&f&&o.createElement(O,{variant:"error",text:f,id:q}))});T.displayName="TextInput"},13509:function(e,t,r){r.d(t,{n:function(){return g}});var o=r(7653),i=r(78399),n=r(15512),a=r(31731),l=r(20361),s=r(1561),c=r(28564);let d=i.default.div` 1881 ${e=>e.selected?(0,i.css)` 1882 --gradient-start: ${e.theme.sys.color.surface.interactive.tile.selected[100].fill.stops[0]}; 1883 --gradient-end: ${e.theme.sys.color.surface.interactive.tile.selected[100].fill.stops[100]}; 1884 `:(0,i.css)` 1885 --gradient-start: ${e.theme.sys.color.surface.interactive.tile.default[100].fill.stops[0]}; 1886 --gradient-end: ${e.theme.sys.color.surface.interactive.tile.default[100].fill.stops[100]}; 1887 `} 1888 transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); 1889 transition-duration: 250ms; 1890 transition-property: --gradient-start, --gradient-end, box-shadow; 1891 margin: ${e=>(0,n.o)(e.margin)}; 1892 padding: ${a.mh}; 1893 overflow: hidden; 1894 border-radius: ${l.J3}; 1895 border: none; 1896 cursor: pointer; 1897 box-shadow: inset 0 0 0 1px 1898 ${e=>e.selected?e.theme.sys.color.surface.interactive.tile.selected[100].stroke:e.theme.sys.color.surface.interactive.tile.default[100].stroke}; 1899 backdrop-filter: blur(${s.yn}); 1900 background: linear-gradient( 1901 180deg, 1902 var(--gradient-start) 0%, 1903 var(--gradient-end) 100% 1904 ); 1905 1906 ${e=>e.selected?(0,i.css)` 1907 &:hover:not(:disabled), 1908 &:active:not(:disabled) { 1909 --gradient-start: ${e=>e.theme.sys.color.surface.interactive.tile.selected[200].fill.stops[0]}; 1910 --gradient-end: ${e=>e.theme.sys.color.surface.interactive.tile.selected[200].fill.stops[100]}; 1911 box-shadow: inset 0 0 0 1px 1912 ${e=>e.theme.sys.color.surface.interactive.tile.selected[200].stroke}; 1913 } 1914 `:(0,i.css)` 1915 &:hover:not(:disabled), 1916 &:active:not(:disabled) { 1917 --gradient-start: ${e=>e.theme.sys.color.surface.interactive.tile.default[200].fill.stops[0]}; 1918 --gradient-end: ${e=>e.theme.sys.color.surface.interactive.tile.default[200].fill.stops[100]}; 1919 box-shadow: inset 0 0 0 1px 1920 ${e=>e.theme.sys.color.surface.interactive.tile.default[200].stroke}; 1921 } 1922 `} 1923 1924 ${e=>"button"===e.as&&(0,i.css)` 1925 text-align: left; 1926 &:disabled {
1927 cursor: not-allowed; 1928 background: ${e.selected?e.theme.sys.color.surface.interactive.tile.selected.disabled.fill:e.theme.sys.color.surface.interactive.tile.default.disabled.fill}; 1929 box-shadow: inset 0 0 0 1px 1930 ${e.selected?e.theme.sys.color.surface.interactive.tile.selected.disabled.stroke:e.theme.sys.color.surface.interactive.tile.default.disabled.stroke}; 1931 } 1932 `} 1933 1934 1935 ${e=>"a"===e.as&&(0,i.css)` 1936 display: flex; 1937 text-decoration: none; 1938 `} 1939`,u=i.default.div` 1940 opacity: ${c.Rm}; 1941`;var m=r(67607),f=r(30193);let p=e=>"string"==typeof e.href,g=(0,o.forwardRef)((e,t)=>{let{margin:r,className:i,children:n,selected:a}=e,l={selected:a,margin:r,className:i,...(0,f.r)(e),...(0,m.Y)(e),ref:t};if(p(e)){let{onClick:t,target:r,rel:i,href:a}=e;return o.createElement(d,{as:"a",...l,href:a,rel:i,target:r,onClick:t},n)}let{disabled:s,type:c="button",onClick:g}=e;return o.createElement(d,{as:"button","aria-disabled":s,...l,disabled:s,onClick:g,type:c},s?o.createElement(u,null,n):n)});g.displayName="Tile"},40215:function(e,t,r){r.d(t,{X:function(){return i}});var o=r(7653);function i(e,t,r,i){(0,o.useEffect)(()=>{let o=e.current;if(!o)return;let n=e=>{if(!o.contains(document.activeElement))return;let n=r;switch(e.key){case"ArrowRight":case"ArrowLeft":{e.preventDefault();let r="ArrowRight"===e.key?1:-1,o=t.length;for(let e=0;e<o;e++)if(n=(n+r+o)%o,!t[n]?.disabled){i(n);break}break}case"Home":{e.preventDefault();let r=t.findIndex(e=>!e.disabled);-1!==r&&i(r);break}case"End":{e.preventDefault();let r=[...t].reverse().findIndex(e=>!e.disabled);-1!==r&&i(t.length-1-r)}}};return o.addEventListener("keydown",n),()=>{o.removeEventListener("keydown",n)}},[e,t,r,i])}},79366:function(e,t,r){r.d(t,{O:function(){return i}});var o=r(7653);let i=(e,t)=>{(0,o.useEffect)(()=>{let r=r=>{e.every(e=>e.current&&!e.current.contains(r.target))&&t()},o=document.querySelector("dialog");return document.addEventListener("mousedown",r),o?.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r),o?.removeEventListener("mousedown",r)}},[t,e])}},79778:function(e,t,r){r.d(t,{K:function(){return i}});var o=r(31731);let i=({containerRef:e,itemRef:t})=>{let r=e.current,i=t.current;if(!r||!i)return;let n=r.getBoundingClientRect(),a=i.getBoundingClientRect(),l=a.left-n.left,s=a.right-n.right,c=i.closest("li");if(!c)return;let d=parseInt(o.gV);if(l<0){let e=c.previousElementSibling;if(e){let t=e.getBoundingClientRect(),o=t.left-n.left;return t.width+d+a.width>n.width&&(o=Math.max(o,a.right-n.right)),r.scrollBy({left:o,behavior:"smooth"})}let t=a.left-n.left;r.scrollBy({left:t,behavior:"smooth"})}else if(s>0){let e=c.nextElementSibling;if(e){let t=e.getBoundingClientRect(),o=t.right-n.right;return t.width+d+a.width>n.width&&(o=Math.min(o,a.left-n.left)),r.scrollBy({left:o,behavior:"smooth"})}{let e=a.right-n.right;return r.scrollBy({left:e,behavior:"smooth"})}}}},77862:function(e,t,r){r.d(t,{P:function(){return i}});var o=r(7653);let i=({open:e,ref:t,triggerRef:r})=>((0,o.useEffect)(()=>{if(!e||!t.current)return;let o=Array.from(t.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(e=>e.tabIndex>=0),i=o[0],n=o[o.length-1],a=e=>{"Tab"===e.key&&(e.shiftKey?document.activeElement===i&&(n?.focus(),e.preventDefault()):document.activeElement===n&&(i?.focus(),e.preventDefault()))};o[0]?.focus({preventScroll:!0}),document.addEventListener("keydown",a);let l=r.current;return()=>{document.removeEventListener("keydown",a),r&&l&&l.focus()}},[e,t,r]),t)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.