@adobe-commerce/elsie 1.0.0-alpha1

package/dist/components.js

@@ -0,0 +1,3 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{jsx as e}from"./preact-jsx-runtime.js";import{d as J,c as o,R as fe,a as le,V as y,b as ee,g as ve,i as Ne}from"./chunks/deviceUtils.js";import{G as ge,T as M,k as F,F as N,L as we,h as A,q as T,S as K,A as U,g as ke,y as V,_ as ye,N as de,E as Ie,x as xe}from"./chunks/icons/Add.js";import{IntlProvider as De,Localizer as te,Text as Z,useText as D}from"./i18n.js";import j from"./chunks/icons/Minus.js";import Ee from"./chunks/icons/CheckWithCircle.js";import $e from"./chunks/icons/WarningWithCircle.js";import Se from"./chunks/icons/Date.js";import Te from"./chunks/icons/Locker.js";import Le from"./chunks/icons/Eye.js";import Pe from"./chunks/icons/EyeClose.js";import ce from"./chunks/icons/Check.js";import z from"./chunks/icons/Close.js";import X from"./chunks/icons/ChevronDown.js";import Oe from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";const Ce={ExampleComponentName:{item:{label:"string"}},Pagination:{backwardButton:{ariaLabel:"Go to previous page"},forwardButton:{ariaLabel:"Go to next page"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{placeholder:"Password",floatingLabel:"Password",buttonShowTitle:"Click to show password",buttonHideTitle:"Click to hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},pricePerItem:{label:"price per item"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},re={Dropin:Ce},ne={default:re,en_US:re},Ae=i=>J(ne.default,ne[i]||{}),ie=1,q=({className:i,fullWidth:r=!1,lines:n=ie,size:t="small",variant:a="row",children:s=null,multilineGap:l="medium",...d})=>{const _=[[`dropin-skeleton-row__${a}`,a],[`dropin-skeleton-row__${a}-${t}`,a&&t]];if(!s&&a==="empty")return e("div",{className:o(["dropin-skeleton-row dropin-skeleton-row__empty",i])});if(s){const h=s.trim();return e("div",{...d,class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",r],i]),dangerouslySetInnerHTML:{__html:h}})}return n>ie===!1?e("div",{...d,class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._,i])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${l})`},class:o(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",r],i]),children:Array.from({length:n}).map((h,c)=>e("div",{class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._])},c))})},Ve=({className:i,children:r,rowGap:n="medium",...t})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...t,className:o(["dropin-skeleton",i]),role:"status","aria-label":"Loading...",children:r}),pe=ge({locale:"en-US"}),Re=({lang:i="en_US",langDefinitions:r={},children:n})=>{const t=M(()=>{const s=J(r.default,r[i]??{});return J(Ae(i),s)},[i,r]),a=i.replace("_","-");return e(pe.Provider,{value:{locale:a},children:e(De,{definition:t,children:e(F,{children:n})})})},ft=new fe(e(Re,{})),Be=function(){const r=typeof document<"u"&&document.createElement("link").relList;return r&&r.supports&&r.supports("modulepreload")?"modulepreload":"preload"}(),Fe=function(i){return"/"+i},ae={},g=function(r,n,t){let a=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const l=document.querySelector("meta[property=csp-nonce]"),d=(l==null?void 0:l.nonce)||(l==null?void 0:l.getAttribute("nonce"));a=Promise.allSettled(n.map(_=>{if(_=Fe(_),_ in ae)return;ae[_]=!0;const m=_.endsWith(".css"),h=m?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${_}"]${h}`))return;const c=document.createElement("link");if(c.rel=m?"stylesheet":Be,m||(c.as="script"),c.crossOrigin="",c.href=_,d&&c.setAttribute("nonce",d),document.head.appendChild(c),m)return new Promise((p,u)=>{c.addEventListener("load",p),c.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${_}`)))})}))}function s(l){const d=new Event("vite:preloadError",{cancelable:!0});if(d.payload=l,window.dispatchEvent(d),!d.defaultPrevented)throw l}return a.then(l=>{for(const d of l||[])d.status==="rejected"&&s(d.reason);return r().catch(s)})},He={Add:N(()=>g(()=>import("./chunks/icons/Add.js").then(i=>i.$),[])),Bulk:N(()=>g(()=>import("./chunks/icons/Bulk.js"),[])),Burger:N(()=>g(()=>import("./chunks/icons/Burger.js"),[])),Cart:N(()=>g(()=>import("./chunks/icons/Cart.js"),[])),Check:N(()=>g(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:N(()=>g(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:N(()=>g(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:N(()=>g(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:N(()=>g(()=>import("./chunks/icons/Close.js"),[])),Heart:N(()=>g(()=>import("./chunks/icons/Heart.js"),[])),Minus:N(()=>g(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:N(()=>g(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:N(()=>g(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:N(()=>g(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:N(()=>g(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:N(()=>g(()=>import("./chunks/icons/Sort.js"),[])),Star:N(()=>g(()=>import("./chunks/icons/Star.js"),[])),View:N(()=>g(()=>import("./chunks/icons/View.js"),[])),User:N(()=>g(()=>import("./chunks/icons/User.js"),[])),Warning:N(()=>g(()=>import("./chunks/icons/Warning.js"),[])),Locker:N(()=>g(()=>import("./chunks/icons/Locker.js"),[])),Wallet:N(()=>g(()=>import("./chunks/icons/Wallet.js"),[])),Card:N(()=>g(()=>import("./chunks/icons/Card.js"),[])),Order:N(()=>g(()=>import("./chunks/icons/Order.js"),[])),Delivery:N(()=>g(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:N(()=>g(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:N(()=>g(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:N(()=>g(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:N(()=>g(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:N(()=>g(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:N(()=>g(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:N(()=>g(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:N(()=>g(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:N(()=>g(()=>import("./chunks/icons/Trash.js"),[])),Eye:N(()=>g(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:N(()=>g(()=>import("./chunks/icons/EyeClose.js"),[])),Date:N(()=>g(()=>import("./chunks/icons/Date.js"),[])),AddressBook:N(()=>g(()=>import("./chunks/icons/AddressBook.js"),[])),EmptyBox:N(()=>g(()=>import("./chunks/icons/EmptyBox.js"),[])),Coupon:N(()=>g(()=>import("./chunks/icons/Coupon.js"),[])),Gift:N(()=>g(()=>import("./chunks/icons/Gift.js"),[])),GiftCard:N(()=>g(()=>import("./chunks/icons/GiftCard.js"),[]))};function L({source:i,size:r="24",stroke:n="2",viewBox:t="0 0 24 24",className:a,...s}){const l=typeof i=="string"?He[i]:null,d={className:o(["dropin-icon",`dropin-icon--shape-stroke-${n}`,a]),width:r,height:r,viewBox:t};return e(we,{fallback:e("svg",{...s,...d}),children:l?e(l,{...s,...d}):e(i,{...s,...d})})}const qe=({name:i,value:r="1",className:n,disabled:t,error:a,success:s,min:l,max:d,onValue:_,onUpdateError:m,size:h="medium",...c})=>{const[p,u]=A(Number(r)),f=Number(l),b=Number(d),v=a||p<f||p>b,w=p<f?"Dropin.Incrementer.minQuantityMessage":p>b?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage",I=T(le(async $=>{if(_)try{_($)}catch(k){m&&m(k)}},200),[_,m]),E=$=>{let k=$;I(k),u(k)};return e("div",{className:o(["dropin-incrementer",`dropin-incrementer--${h}`,n]),children:[e("div",{className:o(["dropin-incrementer__content",`dropin-incrementer__content--${h}`,["dropin-incrementer__content--error",v],["dropin-incrementer__content--success",s],["dropin-incrementer__content--disabled",t]]),children:[e("div",{className:o(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(te,{children:e("button",{type:"button",className:o(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",t]]),onClick:()=>E(p-1),disabled:t||p<f+1,"aria-label":e(Z,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(L,{source:j,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:d,min:l,step:1,type:"number",name:i,value:p,disabled:t,onBlur:()=>{E(Number(p))},onChange:$=>{const k=$.currentTarget.value;k!==""&&E(Number(k))},...c}),e("div",{className:o(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(te,{children:e("button",{type:"button",className:o(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",t]]),onClick:()=>E(p+1),disabled:t||p>b-1,"aria-label":e(Z,{id:"Dropin.Incrementer.increaseLabel"}),children:e(L,{source:K,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),v&&e("p",{className:"dropin-incrementer__content--error-message",children:e(Z,{id:w,fields:{minQuantity:l,maxQuantity:d}})})]})},_e=({name:i,value:r,variant:n="primary",className:t,disabled:a,error:s,floatingLabel:l,onValue:d,onUpdateError:_,size:m="medium",icon:h,maxLength:c,success:p,...u})=>{const f=(u==null?void 0:u.id)||i||`dropin-input-${Math.random().toString(36)}`,b=T(le(async w=>{if(d)try{await d(w)}catch(I){_&&_(I)}},200),[d,_]),v=w=>{const I=w.target;b(I.value.trim())};return e("div",{className:o(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!l],["dropin-input-container--disabled",a]]),children:[h&&e(y,{node:h,className:o(["dropin-input__field-icon--left",h.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:f,onChange:v,type:"text",maxLength:c,name:i,value:r,...u,className:o(["dropin-input",`dropin-input--${m}`,`dropin-input--${n}`,["dropin-input--error",!!s],["dropin-input--success",!!p],["dropin-input--disabled",a],["dropin-input--floating",!!l],["dropin-input--icon-left",!!h],t]),disabled:a}),l&&e("label",{htmlFor:f,className:o([["dropin-input__label--floating",!!l],["dropin-input__label--floating--icon-left",!!h],["dropin-input__label--floating--error",!!s]]),children:l})]}),s&&e("div",{className:o(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(L,{source:$e,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),p&&e("div",{className:o(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(L,{source:Ee,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},vt=({name:i="",error:r,value:n,label:t,onChange:a,onBlur:s,...l})=>{const[d,_]=A((n==null?void 0:n.toString())??""),m=U(null),h=D({picker:"Dropin.InputDate.picker"}),c=T(b=>{b.currentTarget.setAttribute("type","date"),ee()&&m.current.focus()},[]),p=T(b=>{var w;const v=(w=b.currentTarget.parentElement)==null?void 0:w.querySelector("input");v==null||v.focus(),v==null||v.showPicker()},[]),u=T(b=>{b.currentTarget.setAttribute("type","text"),s==null||s(b)},[s]),f=T(b=>{_(b.target.value),a==null||a(b)},[a]);return e("div",{className:o(["dropin-input-date"]),children:[ee()?e("input",{ref:m,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:f}):null,e(ue,{error:r,children:e(_e,{"data-testid":"input-date",error:!!r,name:i,value:d,placeholder:t,floatingLabel:t,onFocus:c,onBlur:u,onChange:f,"aria-labelledby":t,className:"dropin-input-date__input",...l})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":h.picker,onClick:p,children:e(L,{source:Se,size:"24"})})]})},oe={pending:e(j,{}),success:e(ce,{}),error:e(z,{style:{fill:"red"}})},Me=({minLength:i=0,requiredCharacterClasses:r=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:t={status:"",icon:"",message:""}})=>{const a=D({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),s=l=>{switch(l){case 2:return a.chartTwoSymbols;case 3:return a.chartThreeSymbols;case 4:return a.chartFourSymbols;default:return""}};return e("div",{className:o(["dropin-password-status-indicator"]),children:[i>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${t.status}`,"data-testid":`dropin-password-status-indicator__item--${t.icon}`,children:[oe[t.icon],e("span",{className:`${t.status}`,children:t.message})]}):null,r>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n}`,"data-testid":`dropin-password-status-indicator__item--${n}`,children:[oe[n],e("span",{className:"pending",children:s(r)})]}):null]})},Nt=({placeholder:i,floatingLabel:r,children:n,name:t,required:a,className:s,minLength:l,autoComplete:d,defaultValue:_="",hideStatusIndicator:m=!1,uniqueSymbolsStatus:h,validateLengthConfig:c,requiredCharacterClasses:p,errorMessage:u,onValue:f,onBlur:b,...v})=>{const w=D({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[I,E]=A(!1),$=T(()=>{E(P=>!P)},[]),k=I?w.buttonHideTitle:w.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:o(["dropin-input-password",["dropin-input-password--error",u],s]),...v,children:[e(ue,{error:u,children:e(_e,{autoComplete:d,name:t??"password",type:I?"text":"password",placeholder:i||w.placeholder,floatingLabel:r||w.floatingLabel,"aria-label":w.placeholder,"aria-required":a||!0,"aria-invalid":!!u,"aria-describedby":"password-feedback",required:a||!1,value:_,onValue:f,icon:e(Te,{}),onBlur:b,"data-testid":"passwordInput"})}),e(B,{"aria-label":k,title:k,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:o(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${I?"show":"hide"}`,s]),onClick:$,children:e(L,{focusable:!1,"aria-hidden":I,source:I?Le:Pe})}),m?null:e(Me,{minLength:l,requiredCharacterClasses:p,validateLengthConfig:c,uniqueSymbolsStatus:h}),n]})},gt=({disabled:i,name:r="",errorMessage:n,value:t,label:a,className:s,onChange:l,onBlur:d,..._})=>{const m=U(null),h=ke(),c=!!(n!=null&&n.length);return V(()=>{const p=m.current;p&&(p.style.height="auto",p.style.height=`${p.scrollHeight}px`)},[t]),e("div",{className:o(["dropin-textarea-container",s]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:m,"data-testid":"dropin-textarea-field",className:o(["dropin-textarea",["dropin-textarea--error",c],["dropin-textarea--disabled",!!i]]),id:h,placeholder:a,name:r,value:t,disabled:i,onBlur:d,onChange:l,..._}),e("label",{htmlFor:h,className:o(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",c]]),children:a}),c?e("div",{className:o(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",c]]),children:n}):null]})},Ge=({className:i,src:r,params:n,loading:t="lazy",srcSet:a,onLoad:s,...l})=>{const[d,_]=A(!1),m=M(()=>{if(a)return a;if(!(!r||!n))return ve(r,{...n})},[n,r,a]),h=c=>{_(!0),s==null||s(c)};return e("img",{...l,className:o(["dropin-image",["dropin-image--loaded",d],i]),loading:t,onLoad:h,src:r,srcSet:m})},me=({variant:i="primary",className:r})=>e("hr",{role:"separator",className:o(["dropin-divider",`dropin-divider--${i}`,r])});var We={};const R=({amount:i=0,currency:r,locale:n=We.LOCALE??void 0,variant:t="default",weight:a="bold",className:s,children:l,sale:d=!1,formatOptions:_={},size:m="small",...h})=>{const c=M(()=>new Intl.NumberFormat(n,{style:"currency",currency:r||"USD",minimumFractionDigits:2,maximumFractionDigits:2,..._}),[n,r,_]),p=M(()=>c.format(i),[i,c]);return e("span",{...h,className:o(["dropin-price",`dropin-price--${t}`,`dropin-price--${m}`,`dropin-price--${a}`,["dropin-price--sale",d],s]),children:p})},Ke=({name:i,label:r,value:n,size:t="medium",checked:a=!1,disabled:s=!1,error:l=!1,description:d="",busy:_=!1,className:m,children:h,...c})=>e("label",{className:o([m,"dropin-radio-button",["dropin-radio-button--error",l],["dropin-radio-button--disabled",s]]),children:[e("input",{name:i,value:n,checked:a,disabled:s,type:"radio",className:o(["dropin-radio-button__input",["dropin-radio-button__input--error",l],["dropin-radio-button__input--disabled",s]]),"aria-busy":_,...c}),e("span",{className:o(["dropin-radio-button__label",`dropin-radio-button__label--${t}`,["dropin-radio-button__label--error",l],["dropin-radio-button__label--disabled",s]]),children:r}),e("span",{className:o(["dropin-radio-button__description",`dropin-radio-button__description--${t}`,["dropin-radio-button__description--disabled",s]]),children:d})]}),B=({value:i,variant:r="primary",size:n="medium",icon:t,className:a,children:s,disabled:l=!1,active:d=!1,activeChildren:_,activeIcon:m,href:h,...c})=>{let p="dropin-button";(t&&!s||t&&d&&!_||!t&&d&&m)&&(p="dropin-iconButton"),d&&_&&(p="dropin-button"),a=o([p,`${p}--${n}`,`${p}--${r}`,[`${p}--${r}--disabled`,l],s&&t&&`${p}--with-icon`,!s&&_&&t&&`${p}--with-icon`,d&&m&&`${p}--with-icon`,a]);const u=o(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,l],t==null?void 0:t.props.className]),f=h?{node:e("a",{}),role:"link",href:h,...c,disabled:l,active:d,onKeyDown:b=>{l&&b.preventDefault()},tabIndex:l?-1:0}:{node:e("button",{}),role:"button",...c,value:i,disabled:l,active:d};return e(y,{...f,className:a,children:[t&&!d&&e(y,{node:t,className:u}),m&&d&&e(y,{node:m,className:u}),s&&!d&&(typeof s=="string"?e("span",{children:s}):s),d&&_&&(typeof _=="string"?e("span",{children:_}):_)]})};function se(i,r,n,t,a){return i||(r?r.value:n||t?"":a?a.value:null)}const Ue=({name:i,value:r=null,options:n,variant:t="primary",floatingLabel:a,size:s="medium",handleSelect:l=()=>{},disabled:d=!1,error:_=!1,placeholder:m,defaultOption:h,icon:c,className:p,...u})=>{const f=(u==null?void 0:u.id)||i||`dropin-picker-${Math.random().toString(36)}`,b=!!(u!=null&&u.required),v=n==null?void 0:n.find(O=>!O.disabled),[w,I]=A(()=>se(r,h,m,a,v));V(()=>{I(se(r,h,m,a,v))},[r,h,m,a,v]);const E=O=>{const{options:x,value:S}=O.target;for(const G of x)G.selected&&(I(S),l(O))},$=n==null?void 0:n.map(O=>{const{value:x,text:S,disabled:G}=O;return e("option",{value:x,selected:x===w,disabled:G,className:o(["dropin-picker__option"]),children:S},x)}),k=!!w,P=()=>(!b||!k)&&(a||m);return e("div",{className:o([p,"dropin-picker",`dropin-picker__${s}`,["dropin-picker__floating",!!a],["dropin-picker__selected",k],["dropin-picker__error",_],["dropin-picker__disabled",d],["dropin-picker__icon",c]]),children:[c&&e(c.type,{...c.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:f,className:o(["dropin-picker__select",`dropin-picker__select--${t}`,`dropin-picker__select--${s}`,["dropin-picker__select--floating",!!a]]),name:i,"aria-label":i,disabled:d,onChange:E,...u,children:[P()&&e("option",{selected:!k,value:"",className:o(["dropin-picker__option dropin-picker__placeholder"]),children:a??m},r),$]}),e(L,{source:X,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),a&&k&&e("label",{htmlFor:f,className:o(["dropin-picker__floatingLabel",!!a]),children:a})]})},ue=({className:i,label:r,error:n,hint:t,success:a,size:s="medium",disabled:l=!1,children:d,..._})=>{var c;const m=((c=d==null?void 0:d.props)==null?void 0:c.id)??`dropin-field-${Math.random().toString(36)}`,h=d&&typeof d.type!="string"?d.type:null;return e("div",{..._,className:o(["dropin-field",i]),children:[r&&e("label",{className:o(["dropin-field__label",["dropin-field__label--disabled",l],`dropin-field__label--${s}`]),htmlFor:m,children:r}),e("div",{className:o(["dropin-field__content"]),children:h&&d&&ye(h,{...d.props,id:m,key:d.key,disabled:l,size:s,error:!!n,success:!!a&&!n})}),e("div",{className:o(["dropin-field__hint",[`dropin-field__hint--${s}`,s],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!a&&!n],["dropin-field__hint--disabled",!!l]]),children:n||a||t})]})},wt=({icon:i,className:r,children:n,active:t=!1,disabled:a=!1,...s})=>e("button",{role:"button",disabled:a,...s,className:o(["dropin-action-button",["dropin-action-button--active",t],["dropin-action-button--disabled",a],r]),children:[i&&e(y,{node:i,className:o(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),kt=({className:i,variant:r="primary",activeOption:n,disabled:t=!1,dividers:a=!0,children:s,handleSelect:l,...d})=>{const[_,m]=A(n),h=T(p=>{t||p.props.disabled||(m(p.props.value),l&&l(p.props.value))},[l,m,t]),c=de.map(s,p=>{const u=t||p.props.disabled,f=p.props.value===_;return Ie(p,{disabled:u,active:f,onClick:()=>h(p),className:o(["dropin-action-button-group__option",`dropin-action-button-group__option--${r}`,["dropin-action-button-group__option--active",f],["dropin-action-button-group__option--with-dividers",a]])})});return e("div",{role:"group",...d,className:o(["dropin-action-button-group",`dropin-action-button-group--${r}`,i]),children:c})},je=({variant:i="primary",className:r,children:n,...t})=>e("div",{...t,className:o(["dropin-card",`dropin-card--${i}`,r]),children:e("div",{class:"dropin-card__content",children:n})}),yt=({name:i,value:r,size:n="medium",disabled:t=!1,error:a=!1,label:s="",description:l="",className:d,checked:_,...m})=>{const[h,c]=A(_===void 0?!1:_),p=U(null),u=b=>{var v;(v=m.onChange)==null||v.call(m,b),c(b.currentTarget.checked)},f=b=>{var v;b.key===" "&&(b.preventDefault(),(v=p==null?void 0:p.current)==null||v.click())};return V(()=>{typeof _=="boolean"&&c(_)},[_]),e("label",{className:o(["dropin-checkbox",["dropin-checkbox--disabled",t]]),children:[e("input",{ref:p,name:i,value:r,type:"checkbox",disabled:t,className:o(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",a],d]),...m,onChange:u,checked:h}),e("div",{className:"dropin-checkbox__checkbox-icon",children:["​",e("span",{"aria-checked":h?"true":"false","aria-labelledby":`${i}-label`,"aria-describedby":l?`${i}-description`:void 0,className:o(["dropin-checkbox__box",["dropin-checkbox__box--error",a],["dropin-checkbox__box--disabled",t]]),role:"checkbox",tabIndex:t?-1:0,onKeyDown:f,children:e(L,{className:o(["dropin-checkbox__checkmark"]),source:ce,size:"16",stroke:"3"})})]}),e("div",{id:`${i}-label`,className:o(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",t]]),children:s}),e("div",{}),l&&e("div",{id:`${i}-description`,role:"note",className:o(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",t]]),children:l})]})},It=({className:i,name:r,value:n,id:t,label:a,groupAriaLabel:s,size:l="medium",color:d,disabled:_=!1,selected:m=!1,outOfStock:h=!1,multi:c=!1,onValue:p,onUpdateError:u,...f})=>{const b=D("Dropin.Swatches.outOfStock.label").label,v=D("Dropin.Swatches.selected.label").label,w=D("Dropin.Swatches.swatch.label").label,I=T(async x=>{if(p)try{await p(x)}catch(S){u&&u(S)}},[p,u]),E=x=>{const S=x.target;I(S.value)},P=d&&(x=>{const S=new Option().style;return S.color=x,S.color!==""})(d)?d:"var(--color-gray-300);",O=()=>h?`${s}: ${a} ${b}`:m?`${s}: ${a} ${v}`:`${s}: ${a} ${w}`;return e("label",{className:o(["dropin-color-swatch__container",`dropin-color-swatch__container--${l}`,i]),children:[e("input",{type:c?"checkbox":"radio",name:r,id:t,value:n,"aria-label":O(),checked:m,disabled:_,onChange:E,...f,className:o(["dropin-color-swatch",["dropin-color-swatch--selected",m],["dropin-color-swatch--disabled",_],i])}),e("span",{style:{"--bg-color":P},className:o(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",h],i])})]})},xt=({className:i,name:r,value:n,label:t,groupAriaLabel:a,id:s,disabled:l=!1,selected:d=!1,outOfStock:_=!1,multi:m=!1,onValue:h,onUpdateError:c,...p})=>{const u=D("Dropin.Swatches.outOfStock.label").label,f=D("Dropin.Swatches.selected.label").label,b=D("Dropin.Swatches.swatch.label").label,[v,w]=A(!1),I=U(null),E=T(async P=>{if(h)try{await h(P)}catch(O){c&&c(O)}},[h,c]),$=P=>{const O=P.target;E(O.value)},k=()=>_?`${a}: ${t} ${u}`:d?`${a}: ${t} ${f}`:`${a}: ${t} ${b}`;return V(()=>{I.current&&I.current.scrollWidth>I.current.clientWidth&&w(!0)},[t]),e("div",{className:"dropin-text-swatch__container",...v?{"data-tooltip":t}:{},children:[e("input",{type:m?"checkbox":"radio",name:r,id:s,value:n,"aria-label":k(),checked:d,disabled:l,onChange:$,...p,className:o(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",l],i])}),e("label",{htmlFor:s,ref:I,className:o(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",_],i]),children:t})]})},ze=({ariaLabel:i,size:r="small",stroke:n="4",children:t,className:a,style:s,...l})=>{const d=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${r}`,`dropin-progress-spinner--shape-stroke-${n}`],_=D({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),m=()=>i||(t?_.updatingChildren:_.updating);return t?e("div",{...l,className:o(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:t}),e("div",{"aria-label":m(),role:"status",className:o(["dropin-progress-spinner-background",a]),style:s}),e("div",{className:o(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...l,className:o([a,...d]),"aria-live":"polite",role:"status","aria-label":m()})},Dt=({className:i,name:r,value:n,id:t,label:a,groupAriaLabel:s,src:l,alt:d,disabled:_=!1,selected:m=!1,outOfStock:h=!1,multi:c=!1,onValue:p,onUpdateError:u,...f})=>{const b=D("Dropin.Swatches.outOfStock.label").label,v=D("Dropin.Swatches.selected.label").label,w=D("Dropin.Swatches.swatch.label").label,I=T(async k=>{if(p)try{await p(k)}catch(P){u&&u(P)}},[p,u]),E=k=>{const P=k.target;I(P.value)},$=()=>h?`${s}: ${a} ${b}`:m?`${s}: ${a} ${v}`:`${s}: ${a} ${w}`;return e("label",{className:o(["dropin-image-swatch__container",i]),children:[e("input",{type:c?"checkbox":"radio",name:r,id:t,value:n,"aria-label":$(),checked:m,disabled:_,onChange:E,...f,className:o(["dropin-image-swatch",["dropin-image-swatch--selected",m],["dropin-image-swatch--disabled",_],i])}),e("span",{className:o(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",h],i]),children:e(Ge,{src:l,className:o(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:d,loading:"lazy",onError:k=>k.target.style.display="none"})})]})},Ze=({className:i,children:r,title:n,secondaryText:t,actionIconPosition:a="left",iconOpen:s=K,iconClose:l=j,iconLeft:d=K,showIconLeft:_=!1,renderContentWhenClosed:m=!0,defaultOpen:h,onStateChange:c,...p})=>{const[u,f]=A(!1),b=$=>{$.stopImmediatePropagation();const k=!u;f(k),c==null||c(k)};V(()=>{typeof h<"u"&&f(h)},[h]);const v=D(`Dropin.Accordion.${u?"close":"open"}.label`).label,w=e(L,{source:s,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__open-icon"}),I=e(L,{source:l,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__close-icon"}),E=e(L,{source:d,size:"24"});return e("div",{...p,className:o(["dropin-accordion-section",i]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:b,onKeyPress:b,role:"button","aria-label":`${v} ${n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[a==="left"&&(u?I:w),_&&E,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[t&&e("h4",{className:"dropin-accordion-section__secondary-text",children:t}),a==="right"&&(u?I:w)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:u?"grid":"none"},children:(u||m&&!u)&&r})]})},Et=({className:i,children:r,actionIconPosition:n="left",iconOpen:t=K,iconClose:a=j,...s})=>{const l=e(me,{variant:"secondary"}),d=_=>e(F,{children:[e(Ze,{..._.props,actionIconPosition:n,iconOpen:t,iconClose:a}),l]});return e("div",{...s,className:o(["dropin-accordion",i]),children:[l,...(Array.isArray(r)?r:[r]).map(d)]})},$t=({variant:i="primary",className:r,type:n="warning",additionalActions:t,onDismiss:a,heading:s,description:l,icon:d,itemList:_,actionButtonPosition:m,...h})=>{var p,u,f;const c=D({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...h,className:o(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${i}`,r]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[d&&e(y,{node:d,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:s})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[t&&(m==="top"||!m&&t.length<=1)&&e(B,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:t.length>0?(p=t[0])==null?void 0:p.onClick:void 0,"aria-label":(u=t[0])==null?void 0:u.label,children:(f=t[0])==null?void 0:f.label}),a&&e(B,{icon:e(L,{source:z,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:a,"aria-label":c.dismiss})]})]}),l&&e("p",{className:"dropin-in-line-alert__description",children:l}),e("div",{className:"dropin-in-line-alert__item-list-container",children:_&&e(y,{node:_,className:o(["dropin-in-line-alert__item-list"])})}),t&&(m==="bottom"||!m&&t.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:t.map(b=>e(B,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:b.onClick,children:b.label},b.label))})]})},St=({size:i="small",title:r=null,centered:n=!1,backgroundDim:t=!0,clickToDismiss:a=!0,escapeToDismiss:s=!0,onClose:l,showCloseButton:d=!0,className:_,children:m=null,...h})=>{const c=T(()=>{l==null||l()},[l]),p=D({modalCloseLabel:"Dropin.Modal.Close.label"});return V(()=>{const u=f=>{const b=document.querySelector(".dropin-modal"),v=document.querySelector(".dropin-modal__body");a&&b&&v&&!v.contains(f.target)&&c()};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[c,a]),V(()=>{const u=f=>{f.key==="Escape"&&s&&c()};return document.addEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)}},[c,s]),V(()=>{const u=document.scrollingElement,f=u.style.overflow;return u.style.overflow="hidden",()=>{u.style.overflow=f}},[]),e("div",{className:o(["dropin-modal",["dropin-modal--dim",t]]),children:e("div",{...h,className:o(["dropin-modal__body",[`dropin-modal__body--${i}`,i],_]),children:[e("div",{className:o(["dropin-modal__header",["dropin-modal__header-title",!!r]]),children:[r&&e("div",{className:o(["dropin-modal__header-title-content"]),children:r}),d&&e(B,{"aria-label":p.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:c,icon:e(z,{})})]}),e("div",{className:o(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:m})]})})},Tt=({className:i,children:r,ariaLabel:n,image:t,title:a,price:s,taxIncluded:l=!1,taxExcluded:d=!1,total:_,totalExcludingTax:m,sku:h,configurations:c,warning:p,alert:u,discount:f,savings:b,quantity:v,description:w,attributes:I,footer:E,loading:$=!1,updating:k=!1,quantityType:P,dropdownOptions:O,onQuantity:x,onRemove:S,...G})=>{var Y,Q;const{locale:W}=xe(pe),C=D({each:"Dropin.CartItem.each.label",pricePerItem:"Dropin.CartItem.pricePerItem.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});if($)return e(Je,{});const he=P==="dropdown"?e(Ue,{className:o(["dropin-cart-item__quantity__picker"]),value:String(v),name:"quantity","aria-label":C.quantity,disabled:k,variant:"primary",options:O,handleSelect:H=>x==null?void 0:x(Number(H.target.value))}):e(qe,{className:o(["dropin-cart-item__quantity__incrementer"]),value:v,min:1,onValue:H=>x==null?void 0:x(Number(H)),name:"quantity","aria-label":C.quantity,disabled:k});return e("div",{...G,className:o(["dropin-cart-item",["dropin-cart-item--updating",k],i]),children:[k&&e(ze,{className:o(["dropin-cart-item__spinner"]),ariaLabel:n?(Y=C.updating)==null?void 0:Y.replace("{product}",n):C.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[t&&e(y,{node:t,className:o(["dropin-cart-item__image"])}),a&&e(y,{node:a,className:o(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!x||!!S]])}),w&&e(y,{node:w,className:o(["dropin-cart-item__description"])}),h&&e(y,{node:h,className:o(["dropin-cart-item__sku"])}),e("div",{className:o(["dropin-cart-item__savings__wrapper"]),children:[f&&e(y,{node:f,className:o(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),b&&e(y,{node:b,className:o(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),I&&e("div",{className:o(["dropin-cart-item__attributes"]),children:e(y,{node:I})}),c&&e("ul",{className:o(["dropin-cart-item__configurations"]),children:Object.entries(c).map(([H,be])=>e("li",{className:o(["dropin-cart-item__configurations__item"]),children:[H,":"," ",e("strong",{className:o(["dropin-cart-item__configurations__item__value"]),children:be})]},H))}),s&&e("span",{className:o(["dropin-cart-item__price"]),"aria-label":C.pricePerItem,children:[v&&!x&&e(F,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[v.toLocaleString(W)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[C.quantity,": ",v==null?void 0:v.toLocaleString(W),";"]})]}),e(y,{node:s,role:"text"}),v&&v>1&&e(F,{children:[" ",C.each]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxIncluded]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxExcluded]})]}),e("div",{className:o(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!x]]),children:[x?he:v&&e("span",{className:o(["dropin-cart-item__quantity__value"]),children:[C.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(v).toLocaleString(W)})]}),p&&e(y,{node:p,className:o(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),u&&e(y,{node:u,className:o(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),p&&e(y,{node:p,className:o(["dropin-cart-item__warning"])}),u&&e(y,{node:u,className:o(["dropin-cart-item__alert"])}),e("div",{className:o(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!S]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[_&&e("div",{className:"dropin-cart-item__row-total",children:e(y,{node:_,role:"text"})}),l&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:o(["dropin-cart-item__total-tax-message"]),children:C.taxIncluded})})]}),d&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:o(["dropin-cart-item__total-tax-excluded-message"]),children:[m&&e(y,{node:m,role:"text"})," ",C.taxExcluded]})}),f&&e(y,{node:f,className:o(["dropin-cart-item__discount"])}),b&&e(y,{node:b,className:o(["dropin-cart-item__savings"])})]}),E&&e("div",{className:o(["dropin-cart-item__footer"]),children:e(y,{node:E})})]}),S&&e(B,{"data-testid":"cart-item-remove-button",className:o(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>S==null?void 0:S(),icon:e(L,{"data-testid":"cart-item-remove-icon",source:Oe,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(Q=C.remove)==null?void 0:Q.replace("{product}",n):C.removeDefault}),disabled:k})]})},Je=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(Ve,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(q,{className:"dropin-cart-item__skeleton__item"})})]})}),Lt=({className:i,children:r,...n})=>e("div",{...n,className:o(["dropin-cart-list",i]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:de.map(r,(t,a)=>e("div",{className:"dropin-cart-list__item",children:t},a))})}),Pt=({className:i,children:r,locale:n,currency:t,amount:a,variant:s="default",minimumAmount:l,maximumAmount:d,size:_="small",display:m="dash",specialPrice:h,sale:c=!1,...p})=>{const u=M(()=>a||l===d||l&&!d||d&&!l,[a,d,l]);return e("div",{children:u?e("div",{...p,className:o(["dropin-price-range",i]),children:e(R,{amount:a??l??d,currency:t,locale:n,size:_,variant:s,sale:c})}):e("div",{...p,className:o(["dropin-price-range",i]),children:[m==="dash"?e(Xe,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:t,locale:n,size:_,sale:c}):null,m==="from to"?e(Ye,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:t,locale:n,size:_,sale:c}):null,m==="as low as"?e(Qe,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:t,locale:n,size:_,sale:c}):null]})})};function Xe({specialPrice:i,minimumAmount:r,maximumAmount:n,currency:t,locale:a,size:s,sale:l}){return e(F,{children:[e(R,{amount:i??r,currency:t,locale:a,size:s,sale:!!i&&l}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(R,{amount:n,currency:t,locale:a,size:s})]})}function Ye({specialPrice:i,minimumAmount:r,maximumAmount:n,currency:t,locale:a,size:s,sale:l}){const d=D({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(F,{children:[e("span",{className:o(["dropin-price-range__from",`dropin-price-range__from--${s}`]),children:d.from}),e(R,{amount:i??r,currency:t,locale:a,size:s,sale:!!i&&l}),e("span",{className:o(["dropin-price-range__to",`dropin-price-range__to--${s}`]),children:d.to}),e(R,{amount:n,currency:t,locale:a,size:s})]})}function Qe({specialPrice:i,minimumAmount:r,maximumAmount:n,currency:t,locale:a,size:s,sale:l}){const d=D({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(F,{children:[e("span",{className:o(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${s}`]),children:d.asLowAs}),i?e("div",{children:[e(R,{amount:n,currency:t,locale:a,size:s,variant:"strikethrough"}),e(R,{amount:i,currency:t,locale:a,size:s,className:"dropin-price-range__special",sale:!!i&&l})]}):e(R,{amount:r,currency:t,locale:a,size:s})]})}const Ot=({className:i,categories:r,separator:n,...t})=>e(F,{children:(r==null?void 0:r.length)>1&&e("nav",{role:"navigation",...t,className:o(["dropin-breadcrumbs__container",i]),children:e("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((a,s)=>e("li",{className:o(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",s===r.length-1]]),children:[e(y,{node:a,className:"dropin-breadcrumbs__link"}),!n&&s!==r.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&s!==r.length-1&&e(y,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},s))})})}),Ct=({className:i,variant:r,icon:n,message:t,onDismiss:a,action:s,...l})=>{const d=D({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...l,className:o([i,"dropin-alert-banner",`dropin-alert-banner--${r}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(y,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(y,{node:t,className:o(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[s&&e(B,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:s.onClick,"aria-label":s.label,children:s.label}),e(B,{icon:e(L,{source:z,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:a,"aria-label":d.dismiss})]})]})},At=({className:i,icon:r,heading:n,headingLevel:t=2,message:a,action:s,variant:l="secondary",...d})=>{const _=t>=1&&t<=6?`h${t}`:"h2";return e("div",{...d,className:o(["dropin-illustrated-message",i]),children:e(je,{variant:l,children:[r&&e(y,{node:r,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(_,{className:"dropin-illustrated-message__heading",children:n}),a&&e(y,{node:a,className:"dropin-illustrated-message__message"}),s&&e(y,{node:s,className:"dropin-illustrated-message__action"})]})})},Vt=({className:i,label:r,name:n,value:t,selected:a=!0,onChange:s,icon:l,busy:d=!1,children:_,...m})=>e("div",{...m,className:o(["dropin-toggle-button",i,["dropin-toggle-button__selected",a]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(Ke,{label:"",name:n,value:t,checked:a,onChange:()=>s&&s(t),"aria-label":r,busy:d,className:o([i,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[l&&e(l.type,{...l==null?void 0:l.props,className:"dropin-toggle-button__icon"}),r]})]})}),Rt=({title:i=null,size:r="medium",cta:n,divider:t=!0,className:a,...s})=>i?e("div",{...s,className:o(["dropin-header-container",a]),"data-testid":"dropin-header-container",children:[e("span",{className:o(["dropin-header-container__title",["dropin-header-container__title--medium",r==="medium"],["dropin-header-container__title--large",r==="large"]]),children:i}),n?e(y,{node:n,className:"dropin-header-container__actions"}):null,t?e(me,{className:o(["dropin-header-container__divider",["dropin-header-container__divider--medium",r==="medium"],["dropin-header-container__divider--large",r==="large"]])}):null]}):null,Bt=({label:i,className:r,children:n,...t})=>!i&&!n?null:e("div",{...t,className:o(["dropin-tag-container",r]),"data-testid":"dropin-tag-container",children:n??e("span",{className:"dropin-tag-container__label",children:i})}),Ft=({className:i,children:r,maxColumns:n,columnWidth:t="1fr",emptyGridContent:a,...s})=>{const l=!!r&&(Array.isArray(r)?r.length>0:!0),d=l?{gridTemplateColumns:`repeat(${n}, ${t})`}:void 0;return e("div",{...s,className:o(["dropin-content-grid",i]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:o(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!n],["dropin-content-grid__content--empty",!l]]),style:d,children:l?r:a})})},Ht=({totalPages:i=10,currentPage:r=1,onChange:n,className:t,...a})=>{const s=D({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),l=T(()=>{const c=Math.min(r+1,i);n==null||n(c)},[r,n,i]),d=T(()=>{const c=Math.max(r-1,1);n==null||n(c)},[r,n]),_=T(c=>{Ne(c)&&(n==null||n(c))},[n]),m=T((c,p)=>{let u=[];const f=(b,v)=>{for(let w=b;w<=v;w++)u.push({page:w,isActive:w===c,label:w})};return p<=5?f(1,p):c<=2?(f(1,2),u.push({page:"ellipsis",isActive:!1,label:"..."}),f(p-1,p)):c>=p-3?f(p-4,p):(f(c-1,c),u.push({page:"ellipsis",isActive:!1,label:"..."}),f(p-1,p)),u},[]),h=M(()=>m(r,i),[m,r,i]);return e("div",{...a,className:o(["dropin-pagination",t]),children:[e("button",{type:"button","data-testid":"prev-button","aria-label":s.backwardButton,disabled:r===1,onClick:d,className:o(["dropin-pagination-arrow","dropin-pagination-arrow--backward"]),children:e(L,{size:"24",source:X})}),e("ul",{className:"dropin-pagination_list",children:h.map((c,p)=>e("li",{"data-testid":`dropin-pagination_list-item--${c.page}`,className:o(["dropin-pagination_list-item",`dropin-pagination_list-item--${c.page}`,["dropin-pagination_list-item--active",c.isActive]]),children:e("button",{type:"button","data-testid":`set-page-button-${c.page}`,onClick:()=>_(c.page),children:c.label})},`${c.page}_${p}`))}),e("button",{type:"button","data-testid":"next-button","aria-label":s.forwardButton,disabled:r===i,onClick:l,className:o(["dropin-pagination-arrow","dropin-pagination-arrow--forward"]),children:e(L,{size:"24",source:X})})]})};export{Et as Accordion,Ze as AccordionSection,wt as ActionButton,kt as ActionButtonGroup,Ct as AlertBanner,Ot as Breadcrumbs,B as Button,je as Card,Tt as CartItem,Je as CartItemSkeleton,Lt as CartList,yt as Checkbox,It as ColorSwatch,Ft as ContentGrid,me as Divider,ue as Field,Rt as Header,L as Icon,At as IllustratedMessage,Ge as Image,Dt as ImageSwatch,$t as InLineAlert,qe as Incrementer,_e as Input,vt as InputDate,Nt as InputPassword,St as Modal,Ht as Pagination,Ue as Picker,R as Price,Pt as PriceRange,ze as ProgressSpinner,Ke as RadioButton,Ve as Skeleton,q as SkeletonRow,Bt as Tag,gt as TextArea,xt as TextSwatch,Vt as ToggleButton,pe as UIContext,Re as UIProvider,ft as provider};

package/dist/event-bus.d.ts

@@ -0,0 +1 @@
+export * from './types/event-bus/src/index'

package/dist/event-bus.js

@@ -0,0 +1,3 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+var o=Object.defineProperty;var f=(n,e,t)=>e in n?o(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var r=(n,e,t)=>f(n,typeof e!="symbol"?e+"":e,t);const c=Date.now().toString(36).substring(2);class a{static lastPayload(e){var t;return(t=this._lastEvent[e])==null?void 0:t.payload}static on(e,t,i){if(typeof BroadcastChannel>"u")return;const l=new BroadcastChannel("ElsieSDK/EventBus");if(i!=null&&i.eager){const s=this._lastEvent[e];s&&t(s.payload)}return l.addEventListener("message",({data:s})=>{this._identifier&&this._identifier!==s.identifier||s.event===e&&t(s.payload)}),{off(){l.close()}}}static emit(e,t){if(typeof BroadcastChannel>"u")return;const i=new BroadcastChannel("ElsieSDK/EventBus");i.postMessage({event:e,identifier:this._identifier,payload:t}),this._lastEvent[e]={payload:t},i.close()}static enableLogger(e){var t;typeof BroadcastChannel>"u"||((t=this._logger)==null||t.close(),this._logger=null,e!==!1&&(this._logger=new BroadcastChannel("ElsieSDK/EventBus"),this._logger.addEventListener("message",({data:i})=>{this._identifier&&this._identifier!==i.identifier||(console.group(`📡 Event (${i.identifier}) ➡ ${i.event}`),console.log(i.payload),console.groupEnd())})))}}r(a,"_identifier",c),r(a,"_logger",null),r(a,"_lastEvent",{});export{a as events};

package/dist/fetch-graphql.d.ts

@@ -0,0 +1 @@
+export * from './types/fetch-graphql/src/index'

package/dist/fetch-graphql.js

@@ -0,0 +1,3 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+var H=Object.defineProperty;var g=(h,t,e)=>t in h?H(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e;var s=(h,t,e)=>g(h,typeof t!="symbol"?t+"":t,e);const F={"Content-Type":"application/json",Accept:"application/json"};class i{constructor(){s(this,"_endpoint");s(this,"_fetchGraphQlHeaders")}get endpoint(){return this._endpoint}get fetchGraphQlHeaders(){return this._fetchGraphQlHeaders}setEndpoint(t){this._endpoint=t}setFetchGraphQlHeader(t,e){this._fetchGraphQlHeaders={...this.fetchGraphQlHeaders,[t]:e}}removeFetchGraphQlHeader(t){var e;(e=this._fetchGraphQlHeaders)==null||delete e[t]}setFetchGraphQlHeaders(t){this._fetchGraphQlHeaders={...t}}async fetchGraphQl(t,e){const c=this.endpoint,l=this.fetchGraphQlHeaders;if(!c)throw Error('Missing "url"');const r=(e==null?void 0:e.method)??"POST",p=e==null?void 0:e.cache,G=e==null?void 0:e.signal;let n;const a=new URL(c),Q={...F,...l};return r==="POST"&&(n=JSON.stringify({query:t,variables:e==null?void 0:e.variables})),r==="GET"&&(a.searchParams.append("query",b(t)),e!=null&&e.variables&&a.searchParams.append("variables",JSON.stringify(e.variables))),await fetch(a,{method:r,headers:Q,body:n,cache:p,signal:G}).then(f=>f.json())}getConfig(){return{endpoint:this.endpoint,fetchGraphQlHeaders:this.fetchGraphQlHeaders}}getMethods(){return{setEndpoint:this.setEndpoint.bind(this),setFetchGraphQlHeader:this.setFetchGraphQlHeader.bind(this),removeFetchGraphQlHeader:this.removeFetchGraphQlHeader.bind(this),setFetchGraphQlHeaders:this.setFetchGraphQlHeaders.bind(this),fetchGraphQl:this.fetchGraphQl.bind(this),getConfig:this.getConfig.bind(this)}}}const d=new i;class _ extends i{get endpoint(){return this._endpoint??d.endpoint}get fetchGraphQlHeaders(){return(this._endpoint?this._fetchGraphQlHeaders:{...this._fetchGraphQlHeaders,...d.fetchGraphQlHeaders})||{}}}function b(h){return h=h.replace(/#.*/g,""),h=h.replace(/\s+/g," "),h.trim()}const{setEndpoint:u,setFetchGraphQlHeaders:v,setFetchGraphQlHeader:E,removeFetchGraphQlHeader:C,fetchGraphQl:w,getConfig:M}=d.getMethods();export{_ as FetchGraphQL,w as fetchGraphQl,M as getConfig,C as removeFetchGraphQlHeader,u as setEndpoint,E as setFetchGraphQlHeader,v as setFetchGraphQlHeaders};

package/dist/i18n.d.ts

@@ -0,0 +1 @@
+export * from './types/elsie/src/lib/i18n'

package/dist/i18n.js

@@ -0,0 +1,5 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{_ as p,b as er,G as or,x as k,E as G}from"./chunks/icons/Add.js";function B(r,t,n,e,a){for(t=t.split?t.split("."):t,e=0;e<t.length;e++)r=r?r[t[e]]:a;return r===a?n:r}var R,ar={};function u(r,t,n){if(r.nodeType===3){var e="textContent"in r?r.textContent:r.nodeValue||"";if(u.options.trim!==!1){var a=t===0||t===n.length-1;if((!(e=e.match(/^[\s\n]+$/g)&&u.options.trim!=="all"?" ":e.replace(/(^[\s\n]+|[\s\n]+$)/g,u.options.trim==="all"||a?"":" "))||e===" ")&&n.length>1&&a)return null}return e}if(r.nodeType!==1)return null;var i=String(r.nodeName).toLowerCase();if(i==="script"&&!u.options.allowScripts)return null;var o,l,c=u.h(i,function(m){var j=m&&m.length;if(!j)return null;for(var M={},O=0;O<j;O++){var d=m[O],C=d.name,T=d.value;C.substring(0,2)==="on"&&u.options.allowEvents&&(T=new Function(T)),M[C]=T}return M}(r.attributes),(l=(o=r.childNodes)&&Array.prototype.map.call(o,u).filter(ir))&&l.length?l:null);return u.visitor&&u.visitor(c),c}var V,ir=function(r){return r},lr={};function N(r){var t=(r.type||"").toLowerCase(),n=N.map;n&&n.hasOwnProperty(t)?(r.type=n[t],r.props=Object.keys(r.props||{}).reduce(function(e,a){var i;return e[i=a,i.replace(/-(.)/g,function(o,l){return l.toUpperCase()})]=r.props[a],e},{})):r.type=t.replace(/[^a-z0-9-]/i,"")}const ur=function(r){function t(){r.apply(this,arguments)}return r&&(t.__proto__=r),(t.prototype=Object.create(r&&r.prototype)).constructor=t,t.setReviver=function(n){V=n},t.prototype.shouldComponentUpdate=function(n){var e=this.props;return n.wrap!==e.wrap||n.type!==e.type||n.markup!==e.markup},t.prototype.setComponents=function(n){if(this.map={},n){for(var e in n)if(n.hasOwnProperty(e)){var a=e.replace(/([A-Z]+)([A-Z][a-z0-9])|([a-z0-9]+)([A-Z])/g,"$1$3-$2$4").toLowerCase();this.map[a]=n[e]}}},t.prototype.render=function(n){var e=n.wrap;e===void 0&&(e=!0);var a,i=n.type,o=n.markup,l=n.components,c=n.reviver,m=n.onError,j=n["allow-scripts"],M=n["allow-events"],O=n.trim,d=function(h,U){var z={};for(var w in h)Object.prototype.hasOwnProperty.call(h,w)&&U.indexOf(w)===-1&&(z[w]=h[w]);return z}(n,["wrap","type","markup","components","reviver","onError","allow-scripts","allow-events","trim"]),C=c||this.reviver||this.constructor.prototype.reviver||V||p;this.setComponents(l);var T={allowScripts:j,allowEvents:M,trim:O};try{a=function(h,U,z,w,tr){var x=function(P,W){var v,A,I,F,nr=W==="html"?"text/html":"application/xml";W==="html"?(F="body",I=`<!DOCTYPE html>
+<html><body>`+P+"</body></html>"):(F="xml",I=`<?xml version="1.0" encoding="UTF-8"?>
+<xml>`+P+"</xml>");try{v=new DOMParser().parseFromString(I,nr)}catch(b){A=b}if(v||W!=="html"||((v=R||(R=function(){if(document.implementation&&document.implementation.createHTMLDocument)return document.implementation.createHTMLDocument("");var b=document.createElement("iframe");return b.style.cssText="position:absolute; left:0; top:-999em; width:1px; height:1px; overflow:hidden;",b.setAttribute("sandbox","allow-forms"),document.body.appendChild(b),b.contentWindow.document}())).open(),v.write(I),v.close()),v){var $=v.getElementsByTagName(F)[0],f=$.firstChild;return P&&!f&&($.error="Document parse failed."),f&&String(f.nodeName).toLowerCase()==="parsererror"&&(f.removeChild(f.firstChild),f.removeChild(f.lastChild),$.error=f.textContent||f.nodeValue||A||"Unknown error",$.removeChild(f)),$}}(h,U);if(x&&x.error)throw new Error(x.error);var Z=x&&x.body||x;N.map=w||lr;var H=Z&&function(P,W,v,A){return u.visitor=W,u.h=v,u.options=A||ar,u(P)}(Z,N,z,tr);return N.map=null,H&&H.props&&H.props.children||null}(o,i,C,this.map,T)}catch(h){m?m({error:h}):typeof console<"u"&&console.error&&console.error("preact-markup: "+h)}if(e===!1)return a||null;var D=d.hasOwnProperty("className")?"className":"class",g=d[D];return g?g.splice?g.splice(0,0,"markup"):typeof g=="string"?d[D]+=" markup":typeof g=="object"&&(g.markup=!0):d[D]="markup",C("div",d,a||null)},t}(er);var y=or({intl:{}});function Y(r){return r!=null}function E(r,t){for(var n in t)r[n]=t[n];return r}function q(r,t){var n=E({},r);for(var e in t)t.hasOwnProperty(e)&&(r[e]&&t[e]&&typeof r[e]=="object"&&typeof t[e]=="object"?n[e]=q(r[e],t[e]):n[e]=r[e]||t[e]);return n}function pr(r){if(r=r||{},typeof r=="string"&&(r=r.split(",")),"join"in r){for(var t={},n=0;n<r.length;n++){var e=r[n].trim();e&&(t[e.split(".").pop()]=e)}return t}return r}function cr(r,t){var n={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&t.indexOf(e)===-1&&(n[e]=r[e]);return n}var sr=/[?&#]intl=show/;function J(r){var t=r.scope,n=r.mark,e=r.definition,a=cr(r,["scope","mark","definition"]),i=a,o=k(y),l=o.intl,c=E({},l||{});return t&&(c.scope=t),e&&(c.dictionary=q(c.dictionary||{},e)),(n||typeof location<"u"&&String(location).match(sr))&&(c.mark=!0),p(y.Provider,{value:{intl:c}},i.children)}function s(r,t){if(arguments.length<2)return t=r,function(e){return s(e,t)};function n(e){return p(J,t||{},p(r,e))}return n.getWrappedComponent=r&&r.getWrappedComponent||function(){return r},n}var fr={};function K(r,t,n,e){return r&&r.replace(/\{\{([\w.-]+)\}\}/g,vr.bind(null,t||fr,n,e))}function vr(r,t,n,e,a){for(var i=a.split("."),o=r,l=0;l<i.length;l++){if(o=o[i[l]],o==null)return"";if(o&&o.type===_)return L(o.props.id,t,n,o.props.fields,o.props.plural,o.props.fallback)}return typeof o=="string"&&o.match(/\{\{/)&&(o=K(o,r)),o}function L(r,t,n,e,a,i){t&&(r=t+"."+r);var o=n&&B(n,r);return(a||a===0)&&o&&typeof o=="object"&&(o.splice?o=o[a]||o[0]:a===0&&Y(o.none||o.zero)?o=o.none||o.zero:a===1&&Y(o.one||o.singular)?o=o.one||o.singular:o=o.some||o.many||o.plural||o.other||o),o&&K(o,e,t,n)||i||null}function Q(r){var t=r.value,n=r.id,e=k(y),a=e.intl;if(a&&a.mark){var i="dictionary"+(a&&a.scope?"."+a.scope:"")+"."+n;return p("mark",{style:{background:t?B(a,i)?"rgba(119,231,117,.5)":"rgba(229,226,41,.5)":"rgba(228,147,51,.5)"},title:n},t)}return t}function _(r){var t=r.id,n=r.children,e=r.plural,a=r.fields,i=k(y),o=i.intl,l=L(t,o&&o.scope,o&&o.dictionary,a,e,n);return p(Q,{id:t,value:l})}function S(r,t,n){var e={};t=t||{},r=pr(r);for(var a in r)if(r.hasOwnProperty(a)&&r[a]){var i=r[a];!n&&typeof i=="string"?e[a]=L(i,t.scope,t.dictionary):i.type===_&&(i=E({fallback:i.props.children},i.props),e[a]=L(i.id,t.scope,t.dictionary,i.fields,i.plural,i.fallback))}return e}function X(r){var t=r.children,n=k(y),e=n.intl;return t&&t.length?t.map(function(a){return G(a,S(a.props,e,!0))}):t&&G(t,S(t.props,e,!0))}function rr(r,t){var n={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&t.indexOf(e)===-1&&(n[e]=r[e]);return n}function mr(r){var t=r.id,n=r.fields,e=r.plural,a=r.children,i=rr(r,["id","fields","plural","children"]),o=i;return p(X,null,p(dr,Object.assign({},{html:p(_,{id:t,fields:n,plural:e,children:a}),id:t},o)))}function dr(r){var t=r.html,n=r.id,e=rr(r,["html","id"]),a=e;return p(Q,{id:n,value:t&&(typeof t=="string"?p(ur,Object.assign({},{type:"html",trim:!1},a,{markup:t})):p("span",null,t))})}function hr(r){return function(n){function e(a,i){var o=k(y),l=o.intl,c=typeof r=="function"?r(a,{intl:l}):r,m=S(c,l);return p(n,E(E({},a),m))}return e.getWrappedComponent=n&&n.getWrappedComponent||function(){return n},e}}function yr(r){var t=k(y),n=t.intl;return S(typeof r=="function"?r({intl:n}):r,n)}s.intl=s;s.IntlContext=y;s.IntlProvider=J;s.Text=_;s.MarkupText=mr;s.Localizer=X;s.withText=hr;s.useText=yr;s.translate=L;export{y as IntlContext,J as IntlProvider,X as Localizer,mr as MarkupText,_ as Text,s as default,s as intl,L as translate,yr as useText,hr as withText};

package/dist/initializer.d.ts

@@ -0,0 +1 @@
+export * from './types/elsie/src/lib/initializer'

package/dist/initializer.js

@@ -0,0 +1,5 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+(function(i,e){try{if(typeof document<"u"){const o=e.styleId;if(document.querySelector(`style[data-dropin="${o}"]`))return;const r=document.createElement("style");for(const a in e.attributes)r.setAttribute(a,e.attributes[a]);r.setAttribute("data-dropin",o),r.appendChild(document.createTextNode(i));const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(r):document.head.append(r)}}catch(o){console.error("sdk-styles (injectCodeFunction)",o)}})(`.dropin-debugger--show-slots [data-slot-key]{outline:1px dashed var(--color-neutral-600);border-radius:4px}.dropin-debugger--show-slots [data-slot-key]:before{content:attr(data-slot-key);font:var(--type-details-caption-1-font);color:var(--color-informational-800);background-color:var(--color-informational-200);font-size:.75rem;border-radius:4px 4px 0 0;padding:.2rem .4rem;font-weight:600;position:absolute;z-index:2}.dropin-debugger--show-slots [data-slot]{outline:2px dashed var(--color-informational-800);outline-offset:3px;border-radius:4px;min-height:2rem}.dropin-debugger--show-slots [data-slot]:before{font:var(--type-details-caption-1-font);content:attr(data-slot);color:var(--color-informational-200);background-color:var(--color-informational-800);font-size:.75rem;border-radius:4px 4px 0 0;padding:.2rem .4rem;font-weight:600;position:absolute;transform:translateY(-26px);z-index:2}
+.dropin-skeleton{--row-gap-spacing: var(--spacing-medium);display:grid;grid-template-columns:1fr 1fr;gap:var(--row-gap-spacing)}.dropin-skeleton .dropin-skeleton--row__content{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:skeletonShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-skeleton__empty{background:none}.dropin-skeleton-row--multiline{--multiline-gap-spacing: var(--spacing-medium);display:grid;grid-auto-rows:max-content;gap:var(--multiline-gap-spacing)}.dropin-skeleton-row--full{grid-column:1 / -1}.dropin-skeleton-row svg{fill:var(--color-neutral-400);fill-opacity:.5;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear}.dropin-skeleton-row__row-xsmall{height:32px}.dropin-skeleton-row__row-small{height:40px}.dropin-skeleton-row__row-medium{height:48px}.dropin-skeleton-row__row-large{height:56px}.dropin-skeleton-row__row-xlarge{height:72px}.dropin-skeleton-row__heading-xsmall{height:20px}.dropin-skeleton-row__heading-small{height:24px}.dropin-skeleton-row__heading-medium{height:32px}.dropin-skeleton-row__heading-large{height:40px}.dropin-skeleton-row__heading-xlarge{height:48px}@keyframes skeletonShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes placeholderShimmer{0%{fill-opacity:.5}50%{fill-opacity:1}to{fill-opacity:.5}}@media only screen and (max-width: 600px){.dropin-skeleton{grid-template-columns:1fr}}.dropin-design{--color-brand-500: #454545;--color-brand-600: #383838;--color-brand-700: #2b2b2b;--color-neutral-50: #ffffff;--color-neutral-100: #fafafa;--color-neutral-200: #f5f5f5;--color-neutral-300: #e8e8e8;--color-neutral-400: #d6d6d6;--color-neutral-500: #b8b8b8;--color-neutral-600: #8f8f8f;--color-neutral-700: #666666;--color-neutral-800: #3d3d3d;--color-neutral-900: #292929;--color-positive-200: #eff5ef;--color-positive-500: #7fb078;--color-positive-800: #53824c;--color-informational-200: #eeeffb;--color-informational-500: #6978d9;--color-informational-800: #5d6dd6;--color-warning-200: #fdf3e9;--color-warning-500: #e79f5c;--color-warning-800: #ad5c00;--color-alert-200: #ffebeb;--color-alert-500: #db7070;--color-alert-800: #bf4545;--color-opacity-16: rgba(255, 255, 255, .16);--color-opacity-24: rgba(255, 255, 255, .24);--color-action-button-active: #ffffff;--color-action-button-hover: #e8e8e8;--color-button-active: #2b2b2b;--color-button-focus: #d6d6d6;--color-button-hover: #383838;--grid-1-columns: 4;--grid-1-margins: 0;--grid-1-gutters: 16px;--grid-2-columns: 12;--grid-2-margins: 0;--grid-2-gutters: 16px;--grid-3-columns: 12;--grid-3-margins: 0;--grid-3-gutters: 24px;--grid-4-columns: 12;--grid-4-margins: 0;--grid-4-gutters: 24px;--grid-5-columns: 12;--grid-5-margins: 0;--grid-5-gutters: 24px;--shape-border-radius-1: 3px;--shape-border-radius-2: 8px;--shape-border-radius-3: 24px;--shape-border-width-1: 1px;--shape-border-width-2: 1.5px;--shape-border-width-3: 2px;--shape-border-width-4: 4px;--shape-shadow-1: 0 0 16px 0 rgba(0, 0, 0, .16);--shape-shadow-2: 0 2px 16px 0 rgba(0, 0, 0, .16);--shape-shadow-3: 0 2px 3px 0 rgba(0, 0, 0, .16);--shape-icon-stroke-1: 1px;--shape-icon-stroke-2: 1.5px;--shape-icon-stroke-3: 2px;--shape-icon-stroke-4: 4px;--spacing-xxsmall: 4px;--spacing-xsmall: 8px;--spacing-small: 16px;--spacing-medium: 24px;--spacing-big: 32px;--spacing-xbig: 40px;--spacing-xxbig: 48px;--spacing-large: 64px;--spacing-xlarge: 72px;--spacing-xxlarge: 96px;--spacing-huge: 120px;--spacing-xhuge: 144px;--spacing-xxhuge: 192px;--type-base-font-family: system-ui, sans-serif;--type-display-1-font: normal normal 300 60px/72px var(--type-base-font-family);--type-display-1-letter-spacing: .04em;--type-display-2-font: normal normal 300 48px/56px var(--type-base-font-family);--type-display-2-letter-spacing: .04em;--type-display-3-font: normal normal 300 34px/40px var(--type-base-font-family);--type-display-3-letter-spacing: .04em;--type-headline-1-font: normal normal 400 24px/32px var(--type-base-font-family);--type-headline-1-letter-spacing: .04em;--type-headline-2-default-font: normal normal 300 20px/24px var(--type-base-font-family);--type-headline-2-default-letter-spacing: .04em;--type-headline-2-strong-font: normal normal 400 20px/24px var(--type-base-font-family);--type-headline-2-strong-letter-spacing: .04em;--type-body-1-default-font: normal normal 300 16px/24px var(--type-base-font-family);--type-body-1-default-letter-spacing: .04em;--type-body-1-strong-font: normal normal 400 16px/24px var(--type-base-font-family);--type-body-1-strong-letter-spacing: .04em;--type-body-1-emphasized-font: normal normal 700 16px/24px var(--type-base-font-family);--type-body-1-emphasized-letter-spacing: .04em;--type-body-2-default-font: normal normal 300 14px/20px var(--type-base-font-family);--type-body-2-default-letter-spacing: .04em;--type-body-2-strong-font: normal normal 400 14px/20px var(--type-base-font-family);--type-body-2-strong-letter-spacing: .04em;--type-body-2-emphasized-font: normal normal 700 14px/20px var(--type-base-font-family);--type-body-2-emphasized-letter-spacing: .04em;--type-button-1-font: normal normal 400 20px/26px var(--type-base-font-family);--type-button-1-letter-spacing: .08em;--type-button-2-font: normal normal 400 16px/24px var(--type-base-font-family);--type-button-2-letter-spacing: .08em;--type-details-caption-1-font: normal normal 400 12px/16px var(--type-base-font-family);--type-details-caption-1-letter-spacing: .08em;--type-details-caption-2-font: normal normal 300 12px/16px var(--type-base-font-family);--type-details-caption-2-letter-spacing: .08em;--type-details-overline-font: normal normal 700 12px/20px var(--type-base-font-family);--type-details-overline-letter-spacing: .16em}.dropin-design a{--textColor: var(--color-brand-500);color:var(--textColor);text-decoration:none}.dropin-design a:hover{--textColor: var(--color-brand-700);text-decoration:solid underline var(--textColor);text-underline-offset:6px}.dropin-design a:focus-visible{outline:solid var(--shape-border-width-4) var(--color-neutral-400);border:var(--shape-border-width-1) solid var(--color-neutral-800);border-radius:var(--shape-border-radius-1)}.dropin-icon--shape-stroke-1{stroke-width:var(--shape-icon-stroke-1)}.dropin-icon--shape-stroke-2{stroke-width:var(--shape-icon-stroke-2)}.dropin-icon--shape-stroke-3{stroke-width:var(--shape-icon-stroke-3)}.dropin-icon--shape-stroke-4{stroke-width:var(--shape-icon-stroke-4)}.dropin-incrementer__content{border-radius:var(--shape-border-radius-1);border:solid var(--shape-border-width-1) var(--color-neutral-600);display:grid;grid-template-columns:var(--spacing-xxbig) auto var(--spacing-xxbig);height:var(--spacing-xbig);opacity:1}.dropin-incrementer__content--disabled{background:var(--color-neutral-300);border-radius:var(--shape-border-radius-1);border:solid var(--shape-border-width-1) var(--color-neutral-500)}.dropin-incrementer__content--large{height:var(--spacing-xxbig)}.dropin-incrementer__content:hover{border:solid var(--shape-border-width-1) var(--color-neutral-700)}.dropin-incrementer__content:active{border:solid var(--shape-border-width-1) var(--color-neutral-800)}.dropin-incrementer__content--error:hover,.dropin-incrementer__content--error{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-incrementer__content--error-message{color:var(--color-alert-800);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.dropin-incrementer__footer{font:var(--type-details-caption-2-font)}.dropin-incrementer__decrease-button>svg,.dropin-incrementer__increase-button>svg{align-items:center;justify-content:center}.dropin-incrementer__button-container{align-items:center;border-radius:var(--shape-border-radius-1);display:grid;justify-content:center;background:var(--color-neutral-50)}.dropin-incrementer__button-container--disabled{background-color:var(--color-neutral-300)}.dropin-incrementer__decrease-button,.dropin-incrementer__increase-button{align-items:center;background-color:var(--color-neutral-50);border-radius:var(--shape-border-radius-3);border:none;display:grid;height:var(--spacing-medium);width:var(--spacing-medium)}.dropin-incrementer__decrease-button:enabled,.dropin-incrementer__increase-button:enabled{cursor:pointer}.dropin-incrementer__decrease-button--disabled,.dropin-incrementer__increase-button--disabled{background-color:var(--color-neutral-300)}.dropin-incrementer__increase-button:focus-visible,.dropin-incrementer__decrease-button:focus-visible{outline:var(--shape-border-width-1) solid var(--color-brand-500);box-shadow:0 0 0 var(--shape-border-radius-1) var(--color-neutral-500)}.dropin-incrementer__decrease-button:focus:not(:focus-visible),.dropin-incrementer__increase-button:focus:not(:focus-visible){background-color:var(--color-neutral-50)}.dropin-incrementer__decrease-button:hover:enabled,.dropin-incrementer__increase-button:hover:enabled,.dropin-incrementer__decrease-button:focus,.dropin-incrementer__increase-button:focus{background:var(--color-neutral-300)}.dropin-incrementer__input{box-sizing:border-box;text-align:center;min-width:var(--spacing-xxbig)}.dropin-incrementer__input:disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-incrementer__input::-webkit-outer-spin-button,.dropin-incrementer__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dropin-incrementer__input:focus-within{border:none;box-sizing:border-box;text-align:center}.dropin-incrementer__input:focus-within[type=number]{box-shadow:none}.dropin-incrementer__input[type=number]{-moz-appearance:textfield;box-shadow:none;border:none}textarea:focus,input:focus{outline:none}.dropin-input{background-color:transparent;border-color:var(--color-neutral-600);border-radius:var(--shape-border-radius-1);border-style:inset solid;color:var(--color-neutral-800);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;z-index:1}.dropin-input[type=number],.dropin-input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.dropin-input:focus{outline:none;box-shadow:none}.dropin-input:disabled{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-color:var(--color-neutral-500);background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-input::placeholder,.dropin-input::-webkit-input-placeholder,.dropin-input::-ms-input-placeholder{color:var(--color-neutral-700);opacity:1}.dropin-input:disabled::-webkit-input-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled:-moz-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled::-moz-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled:-ms-input-placeholder{color:var(--color-neutral-500)}.dropin-input-container{--icon-size: var(--spacing-small);display:flex;align-items:center;position:relative}.dropin-input-label-container{position:relative;display:flex;flex-grow:1;flex-direction:column}.dropin-input--primary{border:var(--shape-border-width-1) solid var(--color-neutral-600)}.dropin-input--primary:focus{border-color:var(--color-neutral-800);border-radius:var(--shape-border-radius-1)}div.dropin-input-container--primary .dropin-input--disabled{border:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-input-container--primary .dropin-input--error{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-input-container--primary .dropin-input--success{border:var(--shape-border-width-2) solid var(--color-positive-500)}.dropin-input--secondary{border:0;border-radius:0;border-top:var(--shape-border-width-1) solid transparent;border-bottom:var(--shape-border-width-1) solid var(--color-neutral-600)}.dropin-input--secondary:focus{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-bottom-color:var(--color-neutral-800)}div.dropin-input-container--secondary .dropin-input--disabled{border:0;border-radius:0;border-bottom:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-input-container--secondary .dropin-input--error{border:0;border-radius:0;border-bottom:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-input-container--secondary .dropin-input--success{border:0;border-radius:0;border-bottom:var(--shape-border-width-2) solid var(--color-positive-500)}.dropin-input--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);padding:9px var(--spacing-small)}.dropin-input--medium~label{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-input--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);padding:11px var(--spacing-small)}.dropin-input--large~label{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-input__label--floating{cursor:text;color:var(--color-neutral-700);padding-left:var(--spacing-small);position:absolute;pointer-events:none;transform:translateY(-50%);top:50%;transition:top 50ms ease-in,left 50ms ease-in,font-size 50ms ease-in;z-index:1}.dropin-input__label--floating,.dropin-input--floating{transition:all .2s;touch-action:manipulation}.dropin-input--medium.dropin-input--floating{padding-top:17px;padding-bottom:17px}.dropin-input--medium.dropin-input--floating:focus,.dropin-input--medium.dropin-input--floating:not(:placeholder-shown){padding-top:26px}.dropin-input--large.dropin-input--floating{padding-top:15px;padding-bottom:15px}.dropin-input--large.dropin-input--floating:focus,.dropin-input--large.dropin-input--floating:not(:placeholder-shown){padding-top:22px}.dropin-input--floating:focus,.dropin-input--floating:not(:placeholder-shown){padding-bottom:calc(var(--spacing-small) - var(--spacing-xsmall))}.dropin-input__label--floating--icon-left{padding-left:calc(var(--icon-size) + (var(--spacing-small) * 2))}.dropin-input--floating:-webkit-autofill~.dropin-input__label--floating,.dropin-input-container--floating:focus-within .dropin-input__label--floating{color:var(--color-neutral-800);transform:translate(.1em,-1.5em);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-input--floating:not(:placeholder-shown)~.dropin-input__label--floating{transform:translate(.1em,-1.5em);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-input-container--disabled .dropin-icon,.dropin-input-container--disabled .dropin-input__label--floating{color:var(--color-neutral-500)}.dropin-input--floating::-webkit-input-placeholder,.dropin-input--floating::placeholder{opacity:0;transition:inherit}.dropin-input--floating:focus::-webkit-input-placeholder,.dropin-input--floating:focus::placeholder{opacity:1}.dropin-input__label--floating--error{color:var(--color-alert-500)}.dropin-input--icon-right,.dropin-input--icon-left{--icon-space: calc(var(--icon-size) + (var(--spacing-small) * 2))}.dropin-input--icon-right{padding-right:var(--icon-space)}.dropin-input--icon-left{padding-left:var(--icon-space)}.dropin-input__field-icon--left,.dropin-input__field-icon--right{position:absolute;z-index:2}.dropin-input__field-icon--left{left:var(--spacing-small)}.dropin-input__field-icon--right{right:var(--spacing-small)}.dropin-input__field-icon--error,.dropin-input__field-icon--success{color:var(--color-neutral-100);height:var(--icon-size);width:var(--icon-size)}.dropin-input__field-icon--success{color:var(--color-positive-500)}.dropin-input__field-icon--error{color:var(--color-alert-500)}.dropin-input-date{position:relative;width:100%}.dropin-input-date__input{max-height:56px;z-index:1}.dropin-input-date input[type=date]{height:56px;max-height:56px;text-align:left}.dropin-input-date input[type=date]::-webkit-date-and-time-value{text-align:left}.dropin-input-date__input--ios{z-index:-1;opacity:0;position:absolute}.dropin-input-date__icon{cursor:pointer;background-color:var(--color-neutral-50);position:absolute;top:var(--spacing-small);right:var(--spacing-small);border:0 none;padding:1px;z-index:2}.dropin-input-date__icon svg{color:var(--color-neutral-800)}.dropin-input-date svg.dropin-input--warning-icon{position:absolute;top:55%;left:0;transform:translate(-200%,-50%)}.dropin-password-status-indicator__item{display:grid;grid-template-columns:20px auto;align-items:center;justify-content:left;gap:0 8px;font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-password-status-indicator__item--pending{color:var(--color-neutral-700, #666)}.dropin-password-status-indicator__item--success{color:var(--color-positive-800, #53824c)}.dropin-password-status-indicator__item--error{color:var(--color-alert-800, #bf4545)}.dropin-input-password{position:relative}.dropin-input-password>div:first-child{margin-bottom:var(--spacing-small)}.dropin-input-password .dropin-input-password__eye-icon{position:absolute;padding:0;height:24px;top:17px;right:17px;cursor:pointer;z-index:2}.dropin-input-password--error .dropin-input-password__eye-icon{right:var(--spacing-xbig);transition:all .3s ease-in-out}.dropin-textarea-container{position:relative}.dropin-textarea.dropin-textarea--error{border:var(--shape-border-width-1) solid var(--color-alert-800)}.dropin-textarea.dropin-textarea--error .dropin-textarea__label--floating{color:var(--color-alert-800)}.dropin-textarea__label--floating{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700);position:absolute;top:18px;left:17px;transition:all .2s}.dropin-textarea{margin:0;padding:0;border:none;outline:none;resize:none;box-shadow:none;font:inherit;color:inherit;background:none;overflow:hidden;width:100%}.dropin-textarea{border:1px solid var(--color-neutral-500);box-sizing:border-box}.dropin-textarea{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-800, #3d3d3d);min-height:200px;padding:var(--spacing-big) var(--spacing-small);border-radius:var(--shape-border-radius-1);transition:border-color .2s;scrollbar-color:var(--color-neutral-500) transparent;scrollbar-width:thin;overflow-y:hidden}.dropin-textarea::-webkit-scrollbar{width:12px;background-color:transparent}.dropin-textarea:disabled{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-color:var(--color-neutral-500);background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-textarea:disabled::-webkit-input-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled:-moz-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled::-moz-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled:-ms-input-placeholder{color:var(--color-neutral-500)}.dropin-textarea::placeholder{color:var(--color-neutral-700);opacity:0;transition:color .2s,opacity .2s}.dropin-textarea:focus{border-color:var(--color-neutral-800, #3d3d3d);border-radius:var(--shape-border-radius-1)}.dropin-textarea:focus::placeholder{color:var(--color-neutral-700);opacity:.8}.dropin-textarea:not(:placeholder-shown)+.dropin-textarea__label--floating,.dropin-textarea:focus+.dropin-textarea__label--floating{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-700, #666666);transition:all .2s;touch-action:manipulation;top:1px;left:1px;width:99%;background-color:var(--color-neutral-50);border-radius:var(--shape-border-radius-1);height:30px;padding:12px 16px 0;box-sizing:border-box}.dropin-textarea:focus+.dropin-textarea__label--floating{color:var(--color-neutral-800)}.dropin-textarea:focus-visible{outline:none}.dropin-textarea__label--floating--error{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-alert-800);padding-top:var(--spacing-xsmall)}.dropin-image{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:imageShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-image--loaded{background:unset;border-radius:unset}@keyframes imageShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.dropin-divider{border:none}.dropin-divider--primary{border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin:var(--spacing-xbig) auto}.dropin-divider--secondary{border-top:var(--shape-border-width-2) solid var(--color-neutral-400);margin:var(--spacing-medium) auto}.dropin-price{color:inherit}.dropin-price--small{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-price--medium{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-price--large{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.dropin-price--strikethrough{text-decoration:line-through}.dropin-price--sale{color:var(--color-alert-800)}.dropin-price--bold{font-weight:700}.dropin-price--normal{font-weight:400}.dropin-radio-button{display:block;position:relative}.dropin-radio-button__input{position:fixed;opacity:0;pointer-events:none;margin:0}.dropin-radio-button__label{color:var(--color-neutral-800);position:relative;display:flex;flex-direction:row;align-items:center;cursor:pointer;width:fit-content}.dropin-radio-button__label:before{content:" ";display:inline-block;position:relative;width:16px;height:16px;border-radius:var(--shape-border-radius-3);background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-600);margin-right:var(--spacing-small);vertical-align:middle}.dropin-radio-button__label:hover:before{border:var(--shape-border-width-1) solid var(--color-neutral-700)}.dropin-radio-button__input:checked+.dropin-radio-button__label:after{content:" ";display:block;position:absolute;width:8px;height:8px;border-radius:var(--shape-border-radius-3);margin-left:calc(var(--spacing-xxsmall) + var(--shape-border-width-1));background:var(--color-brand-500);accent-color:var(--color-brand-500)}.dropin-radio-button__input:focus-visible+.dropin-radio-button__label:before{border:var(--shape-border-width-1) solid var(--color-neutral-800);box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400)}.dropin-radio-button__description{clear:both;color:var(--color-neutral-700);margin-left:calc(var(--spacing-big) + var(--shape-border-width-3));margin-top:var(--spacing-xxsmall)}.dropin-radio-button__description:empty{display:none}.dropin-radio-button__label--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-radio-button__label--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-radio-button__description--medium{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-radio-button__description--large{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-radio-button__input--disabled,.dropin-radio-button__label--disabled,.dropin-radio-button__description--disabled{color:var(--color-neutral-500);cursor:default}div.dropin-radio-button__label--disabled:before{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);background-color:var(--color-neutral-300)}.dropin-radio-button__label--error:before{box-shadow:0 0 0 var(--shape-border-width-2) var(--color-alert-500);background:var(--color-neutral-50) 0 0% no-repeat padding-box}.dropin-radio-button__input--error:checked+.dropin-radio-button__label--error:after{background:var(--color-alert-500)}.dropin-button,.dropin-iconButton{border:0 none;cursor:pointer;white-space:normal}.dropin-button{border-radius:var(--shape-border-radius-3);font-size:var(--type-button-1-font);font-weight:var(--type-button-1-font);padding:var(--spacing-xsmall) var(--spacing-medium);display:flex;justify-content:center;align-items:center;text-align:left;word-wrap:break-word}.dropin-iconButton{height:var(--spacing-xbig);width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button:disabled,.dropin-iconButton:disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button:not(:disabled),.dropin-iconButton:not(:disabled){cursor:pointer}.dropin-button:focus,.dropin-iconButton:focus{outline:none}.dropin-button:focus-visible,.dropin-iconButton:focus-visible{outline:var(--spacing-xxsmall) solid var(--color-button-focus)}.dropin-button--primary,a.dropin-button--primary,.dropin-iconButton--primary{border:none;background:var(--color-brand-500) 0 0% no-repeat padding-box;color:var(--color-neutral-50);text-align:left;margin-right:0}.dropin-iconButton--primary{border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button--primary--disabled,a.dropin-button--primary--disabled,.dropin-iconButton--primary--disabled{background:var(--color-neutral-300) 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--primary:hover,a.dropin-button--primary:hover,.dropin-iconButton--primary:hover,.dropin-button--primary:focus:hover,.dropin-iconButton--primary:focus:hover{background-color:var(--color-button-hover);text-decoration:none}.dropin-button--primary:focus,.dropin-iconButton--primary:focus{background-color:var(--color-brand-500)}.dropin-button--primary:hover:active,.dropin-iconButton--primary:hover:active{background-color:var(--color-button-active)}.dropin-button--secondary,a.dropin-button--secondary,.dropin-iconButton--secondary{border:var(--shape-border-width-2) solid var(--color-brand-500);background:none 0 0% no-repeat padding-box;color:var(--color-brand-500);padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));padding-left:calc(var(--spacing-medium) - var(--shape-border-width-2))}.dropin-iconButton--secondary{border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall);padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));padding-left:calc(var(--spacing-xsmall) - var(--shape-border-width-2))}.dropin-button--secondary--disabled,a.dropin-button--secondary--disabled,.dropin-iconButton--secondary--disabled{border:var(--shape-border-width-2) solid var(--color-neutral-300);background:none 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--secondary:hover,a.dropin-button--secondary:hover,.dropin-iconButton--secondary:hover{border:var(--shape-border-width-2) solid var(--color-button-hover);color:var(--color-button-hover);text-decoration:none}.dropin-button--secondary:active,.dropin-iconButton--secondary:active{border:var(--shape-border-width-2) solid var(--color-button-active);color:var(--color-button-active)}.dropin-button--tertiary,a.dropin-button--tertiary,.dropin-iconButton--tertiary{border:none;background:none 0 0% no-repeat padding-box;color:var(--color-brand-500)}.dropin-iconButton--tertiary{border:none;border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button--tertiary--disabled,a.dropin-button--tertiary--disabled,.dropin-iconButton--tertiary--disabled{border:none;color:var(--color-neutral-500);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--tertiary:hover,a.dropin-button--tertiary:hover,.dropin-iconButton--tertiary:hover{color:var(--color-button-hover);text-decoration:none}.dropin-button--tertiary:active,.dropin-iconButton--tertiary:active{color:var(--color-button-active)}.dropin-button--tertiary:focus-visible,.dropin-iconButton--tertiary:focus-visible{-webkit-box-shadow:inset 0 0 0 2px var(--color-neutral-800);-moz-box-shadow:inset 0 0 0 2px var(--color-neutral-800);box-shadow:inset 0 0 0 2px var(--color-neutral-800)}.dropin-button--large{font:var(--type-button-1-font);letter-spacing:var(--type-button-1-letter-spacing)}.dropin-button--medium{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.dropin-button-icon{height:24px}.dropin-button--with-icon{column-gap:var(--spacing-xsmall);row-gap:var(--spacing-xsmall)}.dropin-picker{position:relative;display:flex;flex-direction:row;background-color:var(--color-neutral-50);justify-content:space-between;align-items:center;cursor:pointer;gap:var(--spacing-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropin-picker select{background-color:transparent;border:var(--shape-border-width-1) solid var(--color-neutral-600);border-radius:var(--shape-border-radius-1);color:var(--color-neutral-700);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;flex:1;cursor:pointer;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropin-picker__select:focus{outline:none;border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-picker__medium .dropin-picker__select--primary,.dropin-picker__medium .dropin-picker__select--secondary{padding:9px var(--spacing-xxbig) 9px var(--spacing-small)}.dropin-picker__large .dropin-picker__select--primary,.dropin-picker__large .dropin-picker__select--secondary{padding:11px var(--spacing-xxbig) 11px var(--spacing-small)}.dropin-picker__select--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-picker__select--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-picker__chevronDown{z-index:1;position:absolute;color:var(--color-neutral-700);right:var(--spacing-small);display:block;pointer-events:none;padding:0;height:var(--icon-size);width:var(--icon-size)}.dropin-picker__floatingLabel{position:absolute;pointer-events:none;left:var(--spacing-small);color:var(--color-neutral-700);touch-action:manipulation;transform:translateY(-50%);transition:top 20ms ease-in,font-size 50ms ease-in}.dropin-picker__select--floating:focus~label{transition:all 40ms}.dropin-picker__selected select{color:var(--color-neutral-800)}.dropin-picker__selected label{top:30%}.dropin-picker__medium.dropin-picker__floating.dropin-picker__selected label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-picker__large.dropin-picker__floating.dropin-picker__selected label{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-picker__medium.dropin-picker__floating select{padding:17px var(--spacing-small)}.dropin-picker__large.dropin-picker__floating select{padding:15px var(--spacing-small)}.dropin-picker__large.dropin-picker__floating.dropin-picker__selected select{padding:25px var(--spacing-xxbig) 5px var(--spacing-small)}.dropin-picker__medium.dropin-picker__floating.dropin-picker__selected select{padding:27px var(--spacing-xxbig) 7px var(--spacing-small)}select::-ms-expand{display:none}.dropin-picker__disabled select.dropin-picker__select{background-color:var(--color-neutral-300);border:var(--shape-border-width-1) solid var(--color-neutral-500);color:var(--color-neutral-500);cursor:not-allowed}.dropin-picker__disabled svg.dropin-picker__chevronDown{color:var(--color-neutral-500)}.dropin-picker__error select{border:var(--shape-border-width-2) solid var(--color-alert-500);color:var(--color-alert-500)}.dropin-picker__error .dropin-picker__select:focus{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-picker__error .dropin-picker__chevronDown,.dropin-picker__error label{color:var(--color-alert-500)}.dropin-picker select.dropin-picker__select--secondary{border-top:var(--shape-border-width-1) solid transparent;border-left:0 none;border-right:0 none;border-radius:0}.dropin-picker__disabled select.dropin-picker__select--secondary{border-bottom:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-picker__error select.dropin-picker__select--secondary{border-top:var(--shape-border-width-1) solid transparent;border-left:0 none;border-right:0 none}.dropin-picker__icon--placeholder{z-index:1;position:absolute;color:var(--color-neutral-700);left:var(--spacing-small);display:block;pointer-events:none;padding:0;height:var(--icon-size);width:var(--icon-size)}.dropin-picker__icon select.dropin-picker__select,.dropin-picker__floating.dropin-picker__selected.dropin-picker__icon select{padding-left:var(--spacing-xxbig)}.dropin-picker__floating.dropin-picker__selected.dropin-picker__icon label{left:var(--spacing-xxbig)}.dropin-field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content}.dropin-field__label--medium{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800);text-align:left;padding-bottom:var(--spacing-xsmall)}.dropin-field__label--large{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-neutral-800);text-align:left;padding-bottom:var(--spacing-xsmall)}.dropin-field__label--disabled{color:var(--color-neutral-500)}.dropin-field__content{display:grid;grid-auto-rows:max-content}.dropin-field__hint{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-700);text-align:left}.dropin-field__hint:empty{display:none}.dropin-field__hint--medium{padding-top:var(--spacing-xsmall)}.dropin-field__hint--large{padding-top:var(--spacing-small)}.dropin-field__hint--error{color:var(--color-alert-800)}.dropin-field__hint--success{color:var(--color-positive-800)}.dropin-field__hint--disabled{color:var(--color-neutral-500)}.dropin-action-button{--bgColor: var(--color-neutral-200);--textColor: var(--color-neutral-800);--borderColor: var(--color-neutral-400);display:inline-flex;box-sizing:border-box;row-gap:var(--spacing-small);white-space:normal;align-items:center;justify-content:center;font:var(--type-body-2-strong-font);padding:6px var(--spacing-small);background:var(--bgColor);color:var(--textColor);border:var(--shape-border-width-1) solid var(--borderColor);border-radius:var(--shape-border-radius-1);word-wrap:break-word;text-align:left}.dropin-action-button:hover,.dropin-action-button:focus:hover{--textColor: var(--color-neutral-900)}.dropin-action-button:active:focus{--borderColor: var(--color-neutral-500)}.dropin-action-button:focus{outline:none}.dropin-action-button:focus-visible{--borderColor: var(--color-neutral-800);outline:solid var(--shape-border-width-4) var(--color-neutral-400)}.dropin-action-button--active{--bgColor: var(--color-action-button-active);--borderColor: var(--color-neutral-400);--textColor: var(--color-neutral-900)}.dropin-action-button--active:hover,.dropin-action-button--active:focus:hover{--bgColor: var(--color-action-button-active);--textColor: var(--color-neutral-800)}.dropin-action-button--active:active:focus{--bgColor: var(--color-action-button-active);--textColor: var(--color-neutral-700)}.dropin-action-button--disabled,.dropin-action-button:disabled,.dropin-action-button--disabled:focus-visible{--bgColor: var(--color-neutral-300);--textColor: var(--color-neutral-500);pointer-events:none}.dropin-action-button:not(:disabled){cursor:pointer}.dropin-action-button-icon{display:inline-flex;justify-content:center;align-items:center;height:16px}.dropin-action-button-icon:first-child:not(:last-child){margin-right:var(--spacing-xsmall)}.dropin-action-button-group{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-400)}.dropin-action-button-group__option{border:none;border-radius:0;align-self:stretch;--borderRadiusValue: calc( var(--shape-border-radius-1) - var(--shape-border-width-1) )}.dropin-action-button-group__option:first-child{border-radius:var(--borderRadiusValue) 0 0 var(--borderRadiusValue)}.dropin-action-button-group__option:last-child{border-radius:0 var(--borderRadiusValue) var(--borderRadiusValue) 0}.dropin-action-button-group__option:only-child{border-radius:var(--borderRadiusValue)}.dropin-action-button-group__option--with-dividers{border-right:var(--shape-border-width-1) solid var(--color-neutral-400)}.dropin-action-button-group__option--with-dividers:last-child{border-right:none}.dropin-action-button-group__option--active:not(:disabled){background:var(--color-neutral-50)}.dropin-action-button-group--secondary{border:none}.dropin-action-button-group__option--secondary{background:var(--color-neutral-100)}.dropin-action-button-group__option:focus-visible{outline:solid var(--shape-border-width-4) var(--color-neutral-400);border-radius:var(--shape-border-radius-1);z-index:1}.dropin-card{--bgColor: var(--color-neutral-200);background-color:var(--bgColor);border-width:0;border-radius:var(--shape-border-radius-2)}.dropin-card--secondary{--bgColor: var(--color-neutral-50);border-width:var(--shape-border-width-2);border-style:solid;border-color:var(--color-neutral-400)}.dropin-card__content{display:flex;flex-direction:column;gap:var(--spacing-medium);padding-top:var(--spacing-medium);padding-right:var(--spacing-medium);padding-bottom:var(--spacing-medium);padding-left:var(--spacing-medium)}.dropin-checkbox{align-items:flex-start;display:grid;grid-template-columns:var(--spacing-small) auto;grid-gap:var(--spacing-xxsmall) 0}.dropin-checkbox__checkbox{display:none;margin:0}.dropin-checkbox__checkbox-icon{display:flex;align-items:center}.dropin-checkbox__box{margin:0;width:14px;height:14px;border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-600);background:var(--color-neutral-50) 0 0 no-repeat padding-box;cursor:pointer}.dropin-checkbox__checkmark{opacity:0;border-radius:var(--shape-border-radius-1)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box{border:none}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box .dropin-checkbox__checkmark{opacity:1;color:var(--color-neutral-50);background:var(--color-neutral-700) 0 0 no-repeat padding-box;top:-1px;position:relative}.dropin-checkbox__box:hover{border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:hover{border:none;background:var(--color-neutral-800) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box .dropin-checkbox__checkmark:hover{background:var(--color-neutral-800) 0 0 no-repeat padding-box}.dropin-checkbox__box:focus-visible{border:var(--shape-border-width-1) solid var(--color-neutral-800);outline:var(--shape-border-width-3) solid var(--color-neutral-400)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:focus-visible{width:var(--spacing-small);height:var(--spacing-small);border:none;background:var(--color-neutral-800) 0 0 no-repeat padding-box;outline:var(--shape-border-width-3) solid var(--color-neutral-400)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:focus-visible .dropin-checkbox__checkmark{top:0}.dropin-checkbox__label,.dropin-checkbox__label--medium{padding-left:var(--spacing-xsmall);color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:left}.dropin-checkbox__label--large{padding-left:var(--spacing-small);color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);text-align:left}.dropin-checkbox__label--medium a{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-checkbox__label--large a{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.dropin-checkbox__description{display:block;clear:both;flex-basis:100%;width:100%}.dropin-checkbox__description,.dropin-checkbox__description--medium{padding-left:var(--spacing-xsmall);color:var(--color-neutral-700);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.dropin-checkbox__description--large{padding-left:var(--spacing-small);color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:left}.dropin-checkbox,.dropin-checkbox--checkbox:not(:disabled){cursor:pointer}.dropin-checkbox__box--error,.dropin-checkbox__box--error:hover{border:var(--shape-border-width-2) solid var(--color-alert-500);background:var(--color-neutral-50) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error:hover{border:none;background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error>.dropin-checkbox__checkmark,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error>.dropin-checkbox__checkmark:hover{background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox__checkmark--error{opacity:1;color:var(--color-neutral-50);border:var(--color-alert-500);background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox--disabled,.dropin-checkbox__label--disabled,.dropin-checkbox__description--disabled{color:var(--color-neutral-500);cursor:default;pointer-events:none}.dropin-checkbox__box--disabled,.dropin-checkbox__box--disabled:hover{background:var(--color-neutral-300) 0 0 no-repeat padding-box;border:var(--shape-border-width-1) solid var(--color-neutral-500);cursor:default}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled:hover{border:none;background:var(--color-neutral-300) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled>.dropin-checkbox__checkmark,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled>.dropin-checkbox__checkmark:hover{background:var(--color-neutral-300) 0 0 no-repeat padding-box}.dropin-color-swatch__container input[type=radio],.dropin-color-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.dropin-color-swatch__container .dropin-color-swatch__span{border-radius:50%;display:inline-block;--bg-color: var(--color-neutral-300);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color)}.dropin-color-swatch__container--medium .dropin-color-swatch__span{height:32px;width:32px}.dropin-color-swatch__container--large .dropin-color-swatch__span{height:40px;width:40px}.dropin-color-swatch__container input[type=radio]:not(:checked):active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:not(:checked):active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.dropin-color-swatch__container input[type=radio]:checked~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:checked~.dropin-color-swatch__span,.dropin-color-swatch--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 3px var(--color-neutral-800)}.dropin-color-swatch__container input[type=radio]:checked:active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:checked:active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-900)}.dropin-color-swatch__container input[type=radio]:focus-visible+.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:focus-visible+.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-color-swatch__container input[type=radio]:disabled~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:disabled~.dropin-color-swatch__span,.dropin-color-swatch--disabled,.dropin-color-swatch__container input[type=radio]:disabled:active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:disabled:active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-4) var(--color-neutral-500);opacity:.24;pointer-events:none}.dropin-color-swatch__span--out-of-stock{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-700);background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%),var(--bg-color)}.dropin-color-swatch__container input[type=radio]:not(:disabled)~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:not(:disabled)~.dropin-color-swatch__span{cursor:pointer}.dropin-text-swatch__container input[type=radio],.dropin-text-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0}.dropin-text-swatch__container label{display:inline-block;background-color:var(--color-neutral-200);color:var(--color-neutral-800);border:var(--shape-border-width-1) solid var(--color-neutral-400);padding:6px var(--spacing-small);border-radius:var(--shape-border-radius-1);box-sizing:border-box;align-items:center;justify-content:center;font:var(--type-body-1-strong-font);position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropin-text-swatch__container label:hover{color:var(--color-neutral-900)}.dropin-text-swatch__container input[type=radio]:checked+.dropin-text-swatch__label,.dropin-text-swatch__container input[type=checkbox]:checked+.dropin-text-swatch__label,.dropin-text-swatch--selected{background-color:var(--color-neutral-50);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-900)}.dropin-text-swatch__container input[type=radio]:focus-visible+label,.dropin-text-swatch__container input[type=checkbox]:focus-visible+label{background-color:var(--color-neutral-200);border:var(--shape-border-width-3) solid var(--color-neutral-800);outline:solid var(--shape-border-width-4) var(--color-neutral-400)}.dropin-text-swatch__container input[type=radio]:checked+label:active,.dropin-text-swatch__container input[type=checkbox]:checked+label:active,.dropin-text-swatch--selected{background-color:var(--color-neutral-200);box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-text-swatch__container input[type=radio]:active+label,.dropin-text-swatch__container input[type=radio]:checked+label:active,.dropin-text-swatch__container input[type=radio]:checked+label:hover:not(:focus-visible),.dropin-text-swatch__container input[type=checkbox]:active+label,.dropin-text-swatch__container input[type=checkbox]:checked+label:active,.dropin-text-swatch__container input[type=checkbox]:checked+label:hover:not(:focus-visible){border:var(--shape-border-width-1) solid var(--color-neutral-500);color:var(--color-neutral-900);outline:none}.dropin-text-swatch__container input[type=radio]:disabled+label,.dropin-text-swatch__container input[type=checkbox]:disabled+label,.dropin-text-swatch--disabled,.dropin-text-swatch__container input[type=radio]:disabled:focus-visible+label,.dropin-text-swatch__container input[type=checkbox]:disabled:focus-visible+label{background-color:var(--color-neutral-300);color:var(--color-neutral-500);pointer-events:none;border:var(--shape-border-width-1) solid var(--color-neutral-500);outline:none}.dropin-text-swatch__label--out-of-stock{background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%),var(--color-neutral-200)}.dropin-text-swatch__container input[type=radio]:not(:disabled)+label,.dropin-text-swatch__container input[type=checkbox]:not(:disabled)+label{cursor:pointer}[data-tooltip]{position:relative}[data-tooltip]:after{display:none;content:attr(data-tooltip);position:absolute;bottom:100%;left:0;background-color:var(--color-neutral-50);color:var(--color-neutral-800);border:var(--shape-border-width-1) solid var(--color-neutral-400);padding:6px var(--spacing-small);border-radius:var(--shape-border-radius-1);white-space:nowrap;z-index:1000;font:var(--type-body-1-strong-font);margin-bottom:var(--spacing-xxsmall);-webkit-border-radius:var(--shape-border-radius-1);-moz-border-radius:var(--shape-border-radius-1)}[data-tooltip]:hover:after{display:block}.dropin-progress-spinner-provider{position:relative;display:flex;flex-direction:column;border-radius:inherit;opacity:1;padding:var(--spacing-small)}.dropin-progress-spinner{--size: var(--spacing-medium);--stroke-width: var(--shape-icon-stroke-4);width:var(--size);height:var(--size);border-style:solid;border-width:var(--stroke-width);border-color:var(--color-neutral-400);border-top-color:var(--color-brand-500);border-radius:50%;animation:indeterminate 1s infinite ease-in-out}.dropin-progress-spinner-with-provider{position:absolute;top:calc(50% - var(--size) / 2 - var(--stroke-width));left:calc(50% - var(--size) / 2 - var(--stroke-width))}.dropin-progress-spinner-background{--bgColor: var(--color-neutral-50);background-color:var(--bgColor);border-radius:inherit;opacity:.5;position:absolute;width:100%;height:100%;margin-top:calc(-1 * var(--spacing-small));margin-left:calc(-1 * var(--spacing-small))}.dropin-progress-spinner--shape-size-small{--size: var(--spacing-medium)}.dropin-progress-spinner--shape-size-medium{--size: var(--spacing-big)}.dropin-progress-spinner--shape-size-big{--size: var(--spacing-xxbig)}.dropin-progress-spinner--shape-size-large{--size: var(--spacing-large)}.dropin-progress-spinner--shape-stroke-1{--stroke-width: var(--shape-icon-stroke-1)}.dropin-progress-spinner--shape-stroke-2{--stroke-width: var(--shape-icon-stroke-2)}.dropin-progress-spinner--shape-stroke-3{--stroke-width: var(--shape-icon-stroke-3)}.dropin-progress-spinner--shape-stroke-4{--stroke-width: var(--shape-icon-stroke-4)}@keyframes indeterminate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropin-image-swatch__container input[type=radio],.dropin-image-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.dropin-image-swatch__container .dropin-image-swatch__span{display:inline-block;--bg-color: var(--color-neutral-300);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color);background-image:var(--background-image);background-repeat:no-repeat;background-size:cover;height:100px;width:100px;overflow:hidden}.dropin-image-swatch__content{width:inherit;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto}.dropin-image-swatch__span:hover{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-500);outline:none}.dropin-image-swatch__container input[type=radio]:not(:checked):active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:not(:checked):active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.dropin-image-swatch__container input[type=radio]:checked~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:checked~.dropin-image-swatch__span,.dropin-image-swatch--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-800)}.dropin-image-swatch__container input[type=radio]:checked:active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:checked:active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-600)}.dropin-image-swatch__container input[type=radio]:focus-visible+.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:focus-visible+.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span,.dropin-image-swatch--disabled,.dropin-image-swatch__container input[type=radio]:disabled:active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:disabled:active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-4) var(--color-neutral-500);background-color:#ffffffc2;pointer-events:none}.dropin-image-swatch__container .dropin-image-swatch__span--out-of-stock{background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%);background-color:#fff9}.dropin-image-swatch__span--out-of-stock>.dropin-image-swatch__content,.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span>.dropin-image-swatch__content,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span>.dropin-image-swatch__content{z-index:-1}.dropin-image-swatch__container input[type=radio]:not(:disabled)~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:not(:disabled)~.dropin-image-swatch__span{cursor:pointer}.dropin-accordion-section__heading{display:grid;grid-template-columns:1fr max-content}.dropin-accordion-section p{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-700);margin:0}.dropin-accordion-section__flex{display:flex;justify-content:space-between;cursor:pointer;align-items:center}.dropin-accordion-section__title-container,.dropin-accordion-section__secondary-text-container{display:flex;gap:var(--spacing-xsmall);align-items:center}.dropin-accordion-section__secondary-text-container h4,.dropin-accordion-section__title-container h3{margin:0}.dropin-accordion-section__title{color:var(--color-neutral-800);font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);cursor:pointer}.dropin-accordion-section__secondary-text{color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-accordion-section__secondary-text a{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-accordion-section svg{cursor:pointer}.dropin-accordion-section__content-container{display:grid;margin:var(--spacing-medium) 0;gap:var(--spacing-medium)}.dropin-accordion-section__content-container:empty{margin:0}.dropin-in-line-alert{border-width:var(--shape-border-width-2);border-style:solid;border-radius:var(--shape-border-radius-1);display:grid;grid-auto-flow:row;gap:var(--spacing-small);padding:var(--spacing-small);position:relative}.dropin-in-line-alert__heading{display:grid;gap:var(--spacing-small);grid-template-columns:auto auto;align-items:center}.dropin-in-line-alert__title-container{display:flex;align-items:center;gap:var(--spacing-xsmall)}.dropin-in-line-alert__title{color:var(--color-neutral-800);font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing);margin:0}.dropin-in-line-alert__actions-container{display:flex;justify-content:end}.dropin-in-line-alert__additional-action{padding:0}.dropin-in-line-alert__additional-action span{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);text-decoration:underline;color:var(--color-neutral-700)}.dropin-in-line-alert__dismiss-button{padding:0}.dropin-in-line-alert__description{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin:0}.dropin-in-line-alert__additional-actions-container{display:flex;gap:var(--spacing-small);justify-content:flex-end}.dropin-in-line-alert__item-list:first-child:before{content:"";display:block;border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin-bottom:var(--spacing-medium)}.dropin-in-line-alert--error{border-color:var(--color-alert-500)}.dropin-in-line-alert--warning{border-color:var(--color-warning-500)}.dropin-in-line-alert--success{border-color:var(--color-positive-500)}.dropin-in-line-alert--secondary{border:none;background-color:var(--color-neutral-200)}.dropin-modal{height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:99999;overflow:auto;display:grid;grid-template-columns:repeat(var(--grid-2-columns),1fr);grid-auto-flow:column}.dropin-modal--dim{background-color:#0000003d}.dropin-modal__body{background-color:var(--color-neutral-50);padding:var(--spacing-medium);overflow:hidden;text-align:left;vertical-align:middle;position:relative;box-shadow:var(--shape-shadow-2);border-radius:4px;flex-direction:column}.dropin-modal__body--centered{text-align:center;margin-left:auto;margin-right:auto}.dropin-modal__body--full{grid-column-start:1;grid-column-end:span var(--grid-2-columns);margin-block:auto}.dropin-modal__body--small,.dropin-modal__body--medium{grid-column-start:3;grid-column-end:11;margin-block:auto}.dropin-modal__body--small>.dropin-modal__content,.dropin-modal__body--medium>.dropin-modal__content,.dropin-modal__body--full>.dropin-modal__content{margin-bottom:var(--spacing-xbig)}.dropin-modal__header{flex-direction:row;min-height:var(--spacing-medium);display:flex;position:relative}.dropin-modal__header-title{margin-bottom:var(--spacing-small)}.dropin-modal__header-title-content{flex-direction:row;display:flex;position:relative}.dropin-modal__header-close-button{margin-left:auto}@media only screen and (min-width: 768px){.dropin-modal__body--small{grid-column-start:6;grid-column-end:9;margin-block:auto}.dropin-modal__body--medium{grid-column-start:4;grid-column-end:10;margin-block:auto}.dropin-modal__body--medium>.dropin-modal__content,.dropin-modal__body--full>.dropin-modal__content{margin:0 var(--spacing-xxbig) var(--spacing-large)}.dropin-modal__body--medium>.dropin-modal__header,.dropin-modal__body--full>.dropin-modal__header{min-height:var(--spacing-xxbig)}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title{margin-bottom:var(--spacing-medium)}}.dropin-cart-item{--item-group-spacing: 0;--group-spacing: var(--spacing-xsmall);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700);container-type:inline-size;container-name:cart-item;position:relative}.dropin-cart-item__skeleton{gap:var(--spacing-xsmall)}.dropin-cart-item__skeleton__item{width:100%;height:auto}.dropin-cart-item__skeleton__item:after{content:"";display:inline-block}.dropin-cart-item__image .dropin-cart-item__skeleton__item{padding-bottom:100%}.dropin-cart-item__image:is(img),.dropin-cart-item__image img{width:100%;height:auto}.dropin-cart-item__title{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item__sku{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-cart-item__configurations{list-style-type:none;margin:var(--group-spacing) 0 0 0;padding:0}.dropin-cart-item__configurations__item__value{font-weight:inherit;color:var(--color-neutral-800)}.dropin-cart-item__configurations__item:not(:last-child){margin-right:var(--spacing-xxsmall)}.dropin-cart-item__quantity__value{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);display:none}.dropin-cart-item__quantity__number{font-weight:inherit;color:var(--color-neutral-800)}.dropin-cart-item__quantity__incrementer,.dropin-cart-item__quantity__picker{max-width:160px;margin-top:calc(var(--group-spacing) / 2);margin-bottom:var(--group-spacing)}.dropin-cart-item__remove{position:absolute;right:0;top:0}.dropin-cart-item__warning,.dropin-cart-item__alert{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);margin-bottom:var(--group-spacing);display:flex;align-items:center}.dropin-cart-item__discount,.dropin-cart-item__savings{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-cart-item__warning svg,.dropin-cart-item__alert svg{margin-right:var(--spacing-xxsmall)}.dropin-cart-item__savings__large-screen,.dropin-cart-item__discount__large-screen,.dropin-cart-item__savings__wrapper{display:none}.dropin-cart-item__warning,.dropin-cart-item__discount,.dropin-cart-item__savings{color:var(--color-warning-800)}.dropin-cart-item__warning svg{fill:var(--color-warning-800);color:var(--color-neutral-50)}.dropin-cart-item__alert{color:var(--color-alert-800)}.dropin-cart-item__alert svg{fill:var(--color-alert-800);color:var(--color-neutral-50)}.dropin-cart-item__total{display:flex;gap:var(--spacing-xxsmall);flex-direction:column}.dropin-cart-item__row-total{display:flex;gap:var(--spacing-xxsmall)}.dropin-cart-item__row-total__wrapper{display:flex}.dropin-cart-item__total-tax-excluded{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item--updating{opacity:.4;pointer-events:none;position:relative}.dropin-cart-item__spinner{margin:0 auto;position:absolute;z-index:999;left:0;right:0;top:calc(50% - (var(--size) / 2));bottom:0}.dropin-cart-item__sr-only{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1}.dropin-cart-item__wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;grid-column-gap:var(--spacing-small)}.dropin-cart-item__image{grid-column:1 / 2;grid-row:1 / 10}.dropin-cart-item__title,.dropin-cart-item__sku,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__price,.dropin-cart-item__total,.dropin-cart-item__warning,.dropin-cart-item__alert,.dropin-cart-item__quantity,.dropin-cart-item__footer{grid-column:2 / 5}.dropin-cart-item__title--edit{padding-right:var(--spacing-xbig)}.dropin-cart-item__description,.dropin-cart-item__sku{margin-top:var(--item-group-spacing)}.dropin-cart-item__price,.dropin-cart-item__footer div,.dropin-cart-item__attributes div{margin-top:var(--group-spacing)}.dropin-cart-item__footer p{margin-top:0}.dropin-cart-item__quantity:not(.dropin-cart-item__quantity--edit){display:none}.dropin-cart-item__warning--quantity,.dropin-cart-item__alert--quantity,.dropin-cart-item__description{display:none}.dropin-cart-item__price-tax-message,.dropin-cart-item__price-tax-excluded-message,.dropin-cart-item__total-tax-message{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item__total-tax-message{margin-left:var(--spacing-xxsmall)}.dropin-cart-item__footer{font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item__attributes{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-neutral-800)}@container cart-item (width >= 400px) and (width < 737px){.dropin-cart-item__title,.dropin-cart-item__sku,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__price,.dropin-cart-item__warning,.dropin-cart-item__alert,.dropin-cart-item__quantity,.dropin-cart-item__footer{grid-column:2 / 4}.dropin-cart-item__title--edit{grid-column:2 / 5}.dropin-cart-item__total:not(.dropin-cart-item__total--edit){grid-auto-rows:min-content;grid-column:4 / 5;grid-row:1 / 10;display:grid;justify-self:end;text-align:right;gap:unset}}@container cart-item (width >= 737px) and (width < 1192px){.dropin-cart-item__wrapper{grid-template-columns:repeat(12,1fr)}.dropin-cart-item__image{grid-column:1 / 3}.dropin-cart-item__savings,.dropin-cart-item__discount{display:none}.dropin-cart-item__savings__large-screen,.dropin-cart-item__discount__large-screen,.dropin-cart-item__savings__wrapper{display:block}.dropin-cart-item__savings__wrapper:empty{display:none}.dropin-cart-item__title,.dropin-cart-item__sku,.dropin-cart-item__savings__large-screen,.dropin-cart-item__discount__large-screen,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__savings__wrapper,.dropin-cart-item__price,.dropin-cart-item__warning,.dropin-cart-item__alert,.dropin-cart-item__quantity,.dropin-cart-item__footer{grid-column:3 / 10}.dropin-cart-item__savings__wrapper{margin-top:var(--spacing-xsmall)}.dropin-cart-item__title--edit{padding-right:unset}.dropin-cart-item__total{grid-column:10 / 13;grid-row:1 / 10;text-align:right;display:flex;flex-direction:column;gap:0}.dropin-cart-item__row-total{display:contents;gap:var(--spacing-xxsmall)}.dropin-cart-item__total--edit{padding-right:calc(var(--spacing-xbig) + var(--spacing-xsmall))}.dropin-cart-item__row-total__wrapper{display:contents}}@container cart-item (width >= 1192px){.dropin-cart-item{--item-group-spacing: var(--spacing-xxsmall);--group-spacing: var(--spacing-small)}.dropin-cart-item__wrapper{grid-template-columns:repeat(8,1fr);grid-column-gap:var(--spacing-medium)}.dropin-cart-item__image{grid-column:1 / 2}.dropin-cart-item__title,.dropin-cart-item__description,.dropin-cart-item__sku,.dropin-cart-item__price,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__footer{grid-column:2 / 6}.dropin-cart-item__title{padding-right:unset}.dropin-cart-item__quantity{grid-column:6 / 7;grid-row:1 / 10}.dropin-cart-item__warning,.dropin-cart-item__alert{grid-column:6 / 7}.dropin-cart-item__warning--quantity,.dropin-cart-item__alert--quantity{display:flex;align-items:center}.dropin-cart-item__warning--quantity svg,.dropin-cart-item__alert--quantity svg{margin-right:var(--spacing-xxsmall)}.dropin-cart-item__warning--quantity svg{fill:var(--color-warning-800);color:var(--color-neutral-50)}.dropin-cart-item__alert--quantity svg{fill:var(--color-alert-800);color:var(--color-neutral-50)}.dropin-cart-item__warning:not(.dropin-cart-item__warning--quantity),.dropin-cart-item__alert:not(.dropin-cart-item__alert--quantity){display:none}.dropin-cart-item__total{grid-column:7 / 9;grid-row:1 / 10;justify-self:end;text-align:right}.dropin-cart-item__total:has(.dropin-cart-item__total-tax-excluded){flex-direction:column;gap:0}.dropin-cart-item__row-total{display:flex;gap:var(--spacing-xxsmall)}.dropin-cart-item__total--edit{padding-right:calc(var(--spacing-xbig) + var(--spacing-xsmall))}.dropin-cart-item__quantity__incrementer,.dropin-cart-item__quantity__picker{margin-top:0}.dropin-cart-item__quantity:not(.dropin-cart-item__quantity--edit),.dropin-cart-item__quantity__value{display:unset}.dropin-cart-item__price__quantity{display:none}.dropin-cart-item__title{font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing)}}.dropin-cart-list{container-type:inline-size;container-name:cart-item}.dropin-cart-list__wrapper{display:grid;grid-auto-rows:min-content;grid-gap:var(--spacing-medium)}@container cart-item (width >= 737px){.dropin-cart-list__wrapper{grid-gap:0}.dropin-cart-list__item:not(:last-child):after{content:"";display:block;border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin:var(--spacing-medium) 0}}.dropin-price-range{display:flex;flex-wrap:wrap;font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-price-range__separator,.dropin-price-range__to{margin-left:5px;margin-right:5px;margin-block:auto}.dropin-price-range__from,.dropin-price-range__as-low-as{margin-right:5px}.dropin-price-range__from--small,.dropin-price-range__to--small,.dropin-price-range__as-low-as--small{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-price-range__from--medium,.dropin-price-range__to--medium,.dropin-price-range__as-low-as--medium{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-price-range__from--large,.dropin-price-range__to--large,.dropin-price-range__as-low-as--large{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.dropin-price-range__special{margin-left:5px}.dropin-breadcrumbs__container{display:flex}.dropin-breadcrumbs__items{display:flex;flex-wrap:wrap;font:var(--type-details-caption-1-font);list-style:none;margin:0;padding:0}.dropin-breadcrumbs__item{display:flex;justify-content:center}.dropin-breadcrumbs__item--last>:first-child{color:var(--color-brand-500);cursor:default}.dropin-breadcrumbs__item--last>:first-child:hover,.dropin-breadcrumbs__item--last>:first-child:focus-visible{text-decoration:none}.dropin-breadcrumbs__separator--default{margin:0 var(--spacing-xsmall)}.dropin-breadcrumbs__separator--icon{width:16px;height:16px;margin:0 var(--spacing-xxsmall)}.dropin-alert-banner{background-color:var(--color-alert-800);color:var(--color-neutral-50);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);padding:var(--spacing-small);display:grid;grid-template-columns:1fr max-content;align-items:center;gap:var(--spacing-small)}.dropin-alert-banner__actions,.dropin-alert-banner__content{align-items:center;display:grid;grid-template-columns:max-content max-content}.dropin-alert-banner--neutral,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button{background-color:var(--color-neutral-700)}.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-neutral-500)}.dropin-alert-banner--brand,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button{background-color:var(--color-brand-500)}.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-brand-700)}.dropin-alert-banner--success,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button{background-color:var(--color-positive-800)}.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-positive-500)}.dropin-alert-banner--warning,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button{background-color:var(--color-alert-800)}.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-alert-500)}.dropin-alert-banner__icon{flex-shrink:0;color:var(--color-neutral-50);margin-right:var(--spacing-small)}button.dropin-alert-banner__dismiss-button{margin-left:auto;color:var(--color-neutral-50);height:24px;min-height:24px;width:24px;min-width:24px;padding:0}button.dropin-alert-banner__action{color:var(--color-neutral-50);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);padding:0;margin-right:var(--spacing-xxsmall)}@media only screen and (width >= 400px) and (width < 768px){.dropin-alert-banner__actions,.dropin-alert-banner__content{grid-template-columns:auto auto;word-break:break-word;word-wrap:break-word}.dropin-alert-banner__message{word-break:break-word;word-wrap:break-word}}.dropin-illustrated-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;row-gap:var(--spacing-small)}.dropin-illustrated-message .dropin-card{width:100%}.dropin-illustrated-message__icon{color:var(--color-neutral-400);margin:0 auto var(--spacing-medium) auto}.dropin-illustrated-message__heading{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin:0}.dropin-illustrated-message__message{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:center;margin:0}.dropin-illustrated-message .dropin-illustrated-message__action{justify-self:center;align-self:center}.dropin-toggle-button{display:block;position:relative;width:100%}.dropin-toggle-button__actionButton{cursor:pointer;background-color:var(--color-neutral-200);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);padding:var(--spacing-medium);align-items:center;display:grid}.dropin-toggle-button__selected .dropin-toggle-button__actionButton{background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-toggle-button:has(input:focus-visible){outline:0 none;box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-webkit-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-moz-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-toggle-button__radioButton.dropin-radio-button{cursor:pointer;position:absolute}.dropin-toggle-button__radioButton .dropin-radio-button__label:before{cursor:pointer;margin-right:0}.dropin-toggle-button__radioButton .dropin-radio-button__input:focus-visible+.dropin-radio-button__label:before{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-600)}.dropin-toggle-button__content{display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-big);cursor:pointer}.dropin-toggle-button__icon{height:24px;margin-right:var(--spacing-xsmall)}.dropin-header-container{display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between;gap:0px 0px;grid-template-areas:"title actions" "divider divider";width:100%}.dropin-header-container__title{grid-area:title;color:var(--color-neutral-800)}.dropin-header-container__title--medium{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-1-letter-spacing)}.dropin-header-container__title--large{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing)}.dropin-header-container__actions{grid-area:actions;font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-brand-500);align-self:center}.dropin-header-container .dropin-header-container__divider{grid-area:divider;width:100%;border-top:3px solid var(--color-neutral-400)}.dropin-header-container .dropin-header-container__divider--medium{margin:var(--spacing-xsmall) 0 var(--spacing-medium) 0}.dropin-header-container .dropin-header-container__divider--large{margin:22px 0 var(--spacing-medium) 0}.dropin-tag-container{position:relative;border-radius:20px;-webkit-user-select:none;user-select:none;padding:8px 16px;background-color:var(--color-neutral-400);display:flex;justify-content:center;align-items:center}.dropin-tag-container__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-overline-letter-spacing);color:var(--color-neutral-800);line-height:21px}.dropin-content-grid{container-type:inline-size;container-name:dropin-content-grid;max-width:inherit;overflow:scroll}.dropin-content-grid__content{display:grid;gap:var(--spacing-small);margin:auto;justify-items:center}.dropin-content-grid__dynamic-columns-content{display:flex;flex-wrap:wrap}.dropin-content-grid__content--empty{grid-template-columns:repeat(1,1fr)}@container dropin-content-grid (width < 360){.dropin-content-grid__content{grid-template-columns:repeat(4,1fr);gap:var(--spacing-xsmall)}}.dropin-pagination{display:flex;justify-content:center;align-items:center;gap:0 var(--grid-2-gutters)}.dropin-pagination-arrow{margin:0;padding:0;box-sizing:border-box;background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.dropin-pagination-arrow--backward svg{transform:rotate(90deg)}.dropin-pagination-arrow--forward svg{transform:rotate(-90deg)}.dropin-pagination_list{list-style:none;display:flex;justify-content:center;align-items:center;gap:0 var(--grid-2-gutters);margin:0;padding:0}.dropin-pagination_list-item{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:16px;height:16px}.dropin-pagination_list-item--active{background-color:var(--color-neutral-300);width:16px;height:16px;border-radius:50%;display:flex;justify-content:center;align-items:center}.dropin-pagination_list-item button{cursor:pointer;margin:0;padding:0;background-color:transparent;border:none;font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-pagination_list-item--active button{cursor:default}.dropin-pagination_list-item--active button:disabled,.dropin-pagination_list-item--ellipsis button,.dropin-pagination-arrow--backward:disabled,.dropin-pagination-arrow--forward:disabled{cursor:default}.dropin-pagination button:not(:disabled){color:var(--color-neutral-800)}.dropin-pagination button{-moz-appearance:none;appearance:none;-webkit-appearance:none}`,{styleId:"sdk"});
+import{I as t,i as e}from"./chunks/initializer.js";import"./chunks/image-params-keymap.js";export{t as Initializer,e as initializers};

package/dist/lib.d.ts

@@ -0,0 +1 @@
+export * from './types/elsie/src/lib/index'

package/dist/lib.js

@@ -0,0 +1,3 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{d as M,S as v}from"./chunks/deviceUtils.js";import{R as Y,V as Z,c as x,a as ee,g as re,b as te,i as ne}from"./chunks/deviceUtils.js";import{C as se,I as ie,i as le}from"./chunks/initializer.js";import{jsx as E}from"./preact-jsx-runtime.js";import{x as O,A as C,h as P,T as $,E as _,q as p,y as D}from"./chunks/icons/Add.js";import{IntlContext as V}from"./i18n.js";import{g as ae,s as ce}from"./chunks/image-params-keymap.js";import"./signals.js";const k=r=>{const n=new FormData(r);return Object.fromEntries(n)},A=r=>{const n=new FormData(r),l=Object.fromEntries(n);return Object.entries(l).reduce((s,[d])=>{const o=r.elements[d];return o!=null&&o.validationMessage?{...s,[d]:o.validationMessage}:{...s}},{})},F={arrayMerge:(r,n,l)=>{const c=r.slice();return n.forEach((s,d)=>{typeof c[d]>"u"?c[d]=l.cloneUnlessOtherwiseSpecified(s,l):l.isMergeableObject(s)?c[d]=M(r[d],s,l):r.indexOf(s)===-1&&c.push(s)}),c}};function U(r,n){return n?M(r,n,F):r}const W=r=>r.replace("_","-");function T(r,n={},l,c,s){const d=O(v),o=C(null),S=C("pending"),w=C([]),[y,R]=P({children:[c]}),[I,j]=P({}),N=$(()=>({get:t=>I[t],set:(t,e)=>{j({...N,[t]:e})}}),[I]),{intl:B}=O(V);n.dictionary=B.dictionary,n._setProps=t=>{R(e=>{const i=typeof t=="function"?t(e):t;if(s){const a=_(s(e),{key:"render"}),f=e.children.findIndex(g=>(g==null?void 0:g.key)==="render");e.children[f]=a}return i})};const u=p(t=>{typeof t=="function"?w.current.push(t):console.warn("Skipped: Invalid _registerMethod",t)},[]);n._registerMethod=u;const h=p(t=>E("div",{"data-slot-html-element":t.tagName.toLowerCase(),ref:e=>{e==null||e.appendChild(t)}}),[]);n._htmlElementToVNode=h,n.getSlotElement=p(t=>{var i,a;const e=(i=o.current)==null?void 0:i.querySelector(`[data-slot-key="${t}"]`);if(m(`🟦 "${r}" Slot getSlotElement: ${t}`,(a=o.current)==null?void 0:a.cloneNode(!0),e==null?void 0:e.cloneNode(!0)),!!e)return{appendChild:f=>{e.appendChild(f)},prependChild:f=>{e.insertBefore(f,e.firstChild)},appendSibling:f=>{const g=e.parentNode;g==null||g.insertBefore(f,e.nextSibling)},prependSibling:f=>{const g=e.parentNode;g==null||g.insertBefore(f,e)}}},[r]),n.onRender=p(t=>{w.current.push(t)},[]),n.onChange=n.onRender,n.replaceWith=p(t=>{u(e=>{const i=h(t);e._setProps({children:[i]})})},[h,u]),n.appendChild=p(t=>{u(e=>{const i=h(t);e._setProps(a=>({...a,children:[...a.children,i]}))})},[h,u]),n.prependChild=p(t=>{u(e=>{const i=h(t);e._setProps(a=>({...a,children:[i,...a.children]}))})},[h,u]),n.appendSibling=p(t=>{u(()=>{var i,a;const e=(i=o.current)==null?void 0:i.parentNode;e==null||e.insertBefore(t,((a=o.current)==null?void 0:a.nextSibling)??null)})},[u]),n.prependSibling=p(t=>{u(()=>{var i;const e=(i=o.current)==null?void 0:i.parentNode;e==null||e.insertBefore(t,o.current)})},[u]);const b=p(async()=>{if(S.current==="loading")return;S.current="loading",m(`🟨 "${r}" Slot Rendered`);const t=s?_(s(y),{key:"render"}):null;R({children:[t??c]}),w.current.forEach(e=>{e(n,N)}),S.current="ready"},[c,n,r,y,s,N]),L=p(async()=>{if(l)try{S.current="loading",m(`🟩 "${r}" Slot Initialized`),await l(n,o.current)}catch(t){console.error(`Error in "${l.name}" Slot callback`,t)}finally{S.current="ready",await b()}},[l,n,b,r]);return D(()=>{L().finally(()=>{d&&(d.value.delete(r),d.value=new Set(d.value))})},[]),D(()=>{b()},[JSON.stringify(n),JSON.stringify(I)]),[o,y]}function G({name:r,context:n,slot:l,children:c,render:s,...d}){const o=O(v),[S,w]=T(r,n,l,c,s);return $(()=>{if(!r)return console.warn('Slot "name" is required');o&&(o.value.add(r),o.value=new Set(o.value))},[r,o]),E("div",{...d,ref:S,"data-slot":r,children:w.children})}window.DROPINS=window.DROPINS||{};window.DROPINS.showSlots=async r=>{window.sessionStorage.setItem("dropin-debugger--show-slots",r.toString()),document.body.classList.toggle("dropin-debugger--show-slots",r)};let m=()=>{};window.DROPINS.logSlots=async r=>{window.sessionStorage.setItem("dropin-debugger--log-slots",r.toString()),m=r?(...n)=>console.log(...n):()=>{}};window.DROPINS.showSlots(window.sessionStorage.getItem("dropin-debugger--show-slots")==="true");window.DROPINS.logSlots(window.sessionStorage.getItem("dropin-debugger--log-slots")==="true");export{se as Config,ie as Initializer,Y as Render,G as Slot,v as SlotQueueContext,Z as VComponent,x as classes,ee as debounce,M as deepmerge,re as generateSrcset,A as getFormErrors,k as getFormValues,ae as getImageParamsKeyMap,le as initializers,te as isIOSMobileDevice,ne as isNumber,U as merge,ce as setImageParamsKeyMap,W as toLanguageTag,T as useSlot};

package/dist/preact-compat.d.ts

@@ -0,0 +1 @@
+export * from 'preact/compat'

package/dist/preact-compat.js

@@ -0,0 +1,3 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{N as a,b as t,k as n,C as r,e as u,L as o,U as d,o as l,f as c,G as i,_ as m,i as f,j as E,m as _,R as S,n as p,r as C,s as R,u as y,v as I,w as L,z as N,I as O,F as T,J as b,K as h,M as x,O as D,Q as F,q as M,x as g,P as U,V,y as v,a as A,g as P,c as k,W as w,d as z,T as B,p as W,A as Y,h as j,X as q,Y as G,Z as H}from"./chunks/icons/Add.js";export{a as Children,t as Component,n as Fragment,r as PureComponent,u as StrictMode,o as Suspense,d as SuspenseList,l as __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,c as cloneElement,i as createContext,m as createElement,f as createFactory,E as createPortal,_ as createRef,S as default,p as findDOMNode,C as flushSync,R as forwardRef,y as hydrate,I as isElement,L as isFragment,N as isMemo,O as isValidElement,T as lazy,b as memo,h as render,x as startTransition,D as unmountComponentAtNode,F as unstable_batchedUpdates,M as useCallback,g as useContext,U as useDebugValue,V as useDeferredValue,v as useEffect,A as useErrorBoundary,P as useId,k as useImperativeHandle,w as useInsertionEffect,z as useLayoutEffect,B as useMemo,W as useReducer,Y as useRef,j as useState,q as useSyncExternalStore,G as useTransition,H as version};

package/dist/preact-hooks.d.ts

@@ -0,0 +1 @@
+export * from 'preact/hooks'

package/dist/preact-hooks.js

@@ -0,0 +1,3 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{q as a,x as u,P as t,y as r,a as o,g as f,c,d,T as l,p as m,A as n,h as p}from"./chunks/icons/Add.js";export{a as useCallback,u as useContext,t as useDebugValue,r as useEffect,o as useErrorBoundary,f as useId,c as useImperativeHandle,d as useLayoutEffect,l as useMemo,m as useReducer,n as useRef,p as useState};

package/dist/preact-jsx-runtime.d.ts

@@ -0,0 +1 @@
+export * from 'preact/jsx-runtime'

package/dist/preact-jsx-runtime.js

@@ -0,0 +1,3 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{l,k as _}from"./chunks/icons/Add.js";var v=/["&<]/;function p(r){if(r.length===0||v.test(r)===!1)return r;for(var t=0,e=0,a="",n="";e<r.length;e++){switch(r.charCodeAt(e)){case 34:n="&quot;";break;case 38:n="&amp;";break;case 60:n="&lt;";break;default:continue}e!==t&&(a+=r.slice(t,e)),a+=n,t=e+1}return e!==t&&(a+=r.slice(t,e)),a}var y=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,d=0,x=Array.isArray;function b(r,t,e,a,n,i){t||(t={});var s,o,f=t;if("ref"in f)for(o in f={},t)o=="ref"?s=t[o]:f[o]=t[o];var u={type:r,props:f,key:e,ref:s,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:--d,__i:-1,__u:0,__source:n,__self:i};if(typeof r=="function"&&(s=r.defaultProps))for(o in s)f[o]===void 0&&(f[o]=s[o]);return l.vnode&&l.vnode(u),u}function k(r){var t=b(_,{tpl:r,exprs:[].slice.call(arguments,1)});return t.key=t.__v,t}var c={},g=/[A-Z]/g;function m(r,t){if(l.attr){var e=l.attr(r,t);if(typeof e=="string")return e}if(r==="ref"||r==="key")return"";if(r==="style"&&typeof t=="object"){var a="";for(var n in t){var i=t[n];if(i!=null&&i!==""){var s=n[0]=="-"?n:c[n]||(c[n]=n.replace(g,"-$&").toLowerCase()),o=";";typeof i!="number"||s.startsWith("--")||y.test(s)||(o="px;"),a=a+s+":"+i+o}}return r+'="'+a+'"'}return t==null||t===!1||typeof t=="function"||typeof t=="object"?"":t===!0?r:r+'="'+p(t)+'"'}function j(r){if(r==null||typeof r=="boolean"||typeof r=="function")return null;if(typeof r=="object"){if(r.constructor===void 0)return r;if(x(r)){for(var t=0;t<r.length;t++)r[t]=j(r[t]);return r}}return p(""+r)}export{_ as Fragment,b as jsx,m as jsxAttr,b as jsxDEV,j as jsxEscape,k as jsxTemplate,b as jsxs};

package/dist/preact.d.ts

@@ -0,0 +1 @@
+export * from 'preact'

package/dist/preact.js

@@ -0,0 +1,3 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{b as t,k as s,E as r,G as n,_ as o,m as l,_ as m,D as c,t as d,l as i,B as E,H as h}from"./chunks/icons/Add.js";export{t as Component,s as Fragment,r as cloneElement,n as createContext,o as createElement,l as createRef,m as h,c as hydrate,d as isValidElement,i as options,E as render,h as toChildArray};

package/dist/recaptcha.d.ts

@@ -0,0 +1 @@
+export * from './types/recaptcha/src/index'

package/dist/recaptcha.js

@@ -0,0 +1,14 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+const s={failedFetch:"Failed to fetch config from backend with status:",failedSetStorageConfig:"Failed to set storage config",failedGetStorageConfig:"Configuration could not be loaded.",failedExecutionRecaptcha:"Recaptcha execution failed",failedInitializing:"An error occurred while initializing ReCaptcha:"},_={PLACE_ORDER:"placeOrder",CONTACT:"contactUs",CUSTOMER_LOGIN:"generateCustomerToken",CUSTOMER_FORGOT_PASSWORD:"requestPasswordResetEmail",CUSTOMER_CREATE:"createCustomerV2",CUSTOMER_EDIT:"updateCustomerV2",NEWSLETTER:"subscribeEmailToNewsletter",PRODUCT_REVIEW:"createProductReview",SENDFRIEND:"SENDFRIEND",BRAINTREE:"BRAINTREE"},f=".grecaptcha-badge iframe",w=(i,t)=>{if(i&&i.forms){const e=i.forms.concat(t).map(r=>typeof r!="string"?{...r,enabledBadgePlace:!1}:{badgeId:_[r],enabledBadgePlace:!1});return{...i,forms:[...new Set(e)]}}},p=async(i,t=1,e=1e3)=>{const r=sessionStorage.getItem(i);return r!==null?JSON.parse(r):t>0?(await new Promise(a=>setTimeout(a,e)),p(i,t-1,e)):null},y=(i,t,e)=>{if(!i||!t.websiteKey)return null;try{sessionStorage.setItem(i,JSON.stringify(t))}catch(r){return e&&console.error(s.failedSetStorageConfig,r),null}},E=i=>new Promise((t,e)=>{try{if(document.querySelector(i)){t();return}const r=new MutationObserver(()=>{document.querySelector(i)&&(t(),r.disconnect())});r.observe(document.body,{childList:!0,subtree:!1})}catch(r){e(r)}}),S=async()=>{try{return await E(f),!0}catch{return!1}},R=i=>{const t=e=>e.replace(/_([a-z])/g,(r,a)=>a.toUpperCase());return Object.keys(i).reduce((e,r)=>{const a=t(r);return e[a]=i[r],e},{})},{failedExecutionRecaptcha:g}=s,G=async i=>{if(!window.grecaptcha)return Promise.reject(g);try{return await window.grecaptcha.execute(i,{action:"click"})}catch(t){return Promise.reject(`${g} : ${t}`)}},Q=()=>new Promise(i=>{const t=new MutationObserver((r,a)=>{window.grecaptcha&&(a.disconnect(),i(!0))}),e={childList:!0,subtree:!0,attributes:!0};t.observe(document.body,e)}),H=async(i,t,e)=>(window.grecaptcha||await Q(),grecaptcha.ready(()=>{const r=document.querySelectorAll(`#${i}`);r.length&&(r.forEach(a=>a.id=`${a.id}_${Math.random().toString(36)}`),r.forEach(a=>{if(a.innerHTML==="")try{grecaptcha.render(a.id,{sitekey:t.websiteKey,badge:t.badgePosition,size:"invisible",theme:t.theme??"light"})}catch(n){e&&console.error(n)}}))})),T=`query {
+  recaptchaV3Config {
+    is_enabled
+    website_key
+    minimum_score
+    badge_position
+    language_code
+    failure_message
+    forms
+    theme
+  } 
+}`,P={"Content-Type":"application/json",Accept:"application/json"};class u{get endpoint(){return this._endpoint}get fetchGraphQlHeaders(){return this._fetchGraphQlHeaders}setEndpoint(t){this._endpoint=t}setFetchGraphQlHeader(t,e){this._fetchGraphQlHeaders={...this.fetchGraphQlHeaders,[t]:e}}removeFetchGraphQlHeader(t){var e;(e=this._fetchGraphQlHeaders)==null||delete e[t]}setFetchGraphQlHeaders(t){this._fetchGraphQlHeaders={...t}}async fetchGraphQl(t,e){const r=this.endpoint,a=this.fetchGraphQlHeaders;if(!r)throw Error('Missing "url"');const n=(e==null?void 0:e.method)??"POST",c=e==null?void 0:e.cache,m=e==null?void 0:e.signal;let l;const o=new URL(r),C={...P,...a};return n==="POST"&&(l=JSON.stringify({query:t,variables:e==null?void 0:e.variables})),n==="GET"&&(o.searchParams.append("query",v(t)),e!=null&&e.variables&&o.searchParams.append("variables",JSON.stringify(e.variables))),await fetch(o,{method:n,headers:C,body:l,cache:c,signal:m}).then(b=>b.json())}getConfig(){return{endpoint:this.endpoint,fetchGraphQlHeaders:this.fetchGraphQlHeaders}}getMethods(){return{setEndpoint:this.setEndpoint.bind(this),setFetchGraphQlHeader:this.setFetchGraphQlHeader.bind(this),removeFetchGraphQlHeader:this.removeFetchGraphQlHeader.bind(this),setFetchGraphQlHeaders:this.setFetchGraphQlHeaders.bind(this),fetchGraphQl:this.fetchGraphQl.bind(this),getConfig:this.getConfig.bind(this)}}}const d=new u;class F extends u{get endpoint(){return this._endpoint??d.endpoint}get fetchGraphQlHeaders(){return(this._endpoint?this._fetchGraphQlHeaders:{...this._fetchGraphQlHeaders,...d.fetchGraphQlHeaders})||{}}}function v(i){return i=i.replace(/#.*/g,""),i=i.replace(/\s+/g," "),i.trim()}const{setEndpoint:I,setFetchGraphQlHeaders:M,setFetchGraphQlHeader:B,removeFetchGraphQlHeader:L,fetchGraphQl:N,getConfig:$}=d.getMethods(),h=new F().getMethods();class O{constructor(){var t;this._enableReCAPTCHA=!1,this._recaptchaBackendEndpoint=((t=h.getConfig())==null?void 0:t.endpoint)||"",this._recaptchaScriptUrl="https://www.google.com/recaptcha/api.js",this._configStorageKey="recaptchaConfig",this._logger=!1}async _updateBadgePosition(t,e){if(e)if((e==null?void 0:e.badgePosition)==="inline")await H(t,e,this._logger);else{if(!await S())return;const a=document.querySelector(f);e.theme&&a&&!a.src.includes("theme=dark")&&!a.src.includes("theme=light")&&a.setAttribute("src",`${a.src}&theme=${e.theme}`)}}async _addRecaptchaScript(){const t=await this._loadConfig();if(!document.getElementById("recaptchaId")&&t){const e=t.websiteKey,r=t.badgePosition==="inline",a=t.languageCode;if(!e)return;const n=document.createElement("script");n.setAttribute("id","recaptchaId"),n.defer=!0,n.src=r?`${this._recaptchaScriptUrl}?render=${e}&badge=none&hl=${a}`:`${this._recaptchaScriptUrl}?render=${e}&badge=${t.badgePosition}&hl=${a}`,document.head.appendChild(n)}}async _fetchStoreConfig(){var t;try{const e=await h.fetchGraphQl(T,{method:"GET",cache:"force-cache"});if((t=e==null?void 0:e.errors)!=null&&t.length){this._logger&&console.error(e.errors[0].message);return}return e}catch(e){this._logger&&console.error(`${s.failedFetch}:`,e)}}async _loadConfig(){const t=await p(this._configStorageKey);return t?(this._enableReCAPTCHA=!!t.isEnabled,t):(this._logger&&console.error(s.failedGetStorageConfig),null)}setEndpoint(t){t&&(this._recaptchaBackendEndpoint=t,h.setEndpoint(t))}async setConfig(t){var e,r;try{const a=await this._fetchStoreConfig();if(!((e=a==null?void 0:a.data)!=null&&e.recaptchaV3Config)){sessionStorage.removeItem(this._configStorageKey);return}const n=R((r=a==null?void 0:a.data)==null?void 0:r.recaptchaV3Config),c=w(n,t);c&&y(this._configStorageKey,c,this._logger)}catch(a){this._logger&&console.error(s.failedSetStorageConfig,a),sessionStorage.removeItem(this._configStorageKey)}}async initReCaptcha(t=3e3){setTimeout(()=>{(async()=>{try{const e=await this._loadConfig();if(!(e!=null&&e.forms)||!e.isEnabled)return;await this._addRecaptchaScript(),e.badgePosition==="inline"?await Promise.all(e.forms.map(r=>this._updateBadgePosition(r.badgeId,e))):await this._updateBadgePosition("",e)}catch(e){this._logger&&console.error(s.failedInitializing,e)}})()},t)}async verifyReCaptcha(){try{const t=await this._loadConfig();return!(t!=null&&t.forms)||!t.websiteKey||!t.isEnabled?void 0:await G(t.websiteKey)}catch(t){this._logger&&console.error(t)}}enableLogger(t){this._logger=t}getMethods(){return{enableLogger:this.enableLogger.bind(this),setEndpoint:this.setEndpoint.bind(this),setConfig:this.setConfig.bind(this),initReCaptcha:this.initReCaptcha.bind(this),verifyReCaptcha:this.verifyReCaptcha.bind(this)}}}const A=new O,{initReCaptcha:U,verifyReCaptcha:k,setEndpoint:K,setConfig:D,enableLogger:x}=A.getMethods();export{O as RecaptchaModule,x as enableLogger,U as initReCaptcha,h as recaptchaFetchApi,D as setConfig,K as setEndpoint,k as verifyReCaptcha};

package/dist/signals.d.ts

@@ -0,0 +1 @@
+export * from './types/elsie/@preact/signals'

package/dist/signals.js

@@ -0,0 +1,3 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{b as V,l as N,A as O,T as U,y as q,t as z}from"./chunks/icons/Add.js";var B=Symbol.for("preact-signals");function $(){if(h>1)h--;else{for(var t,i=!1;p!==void 0;){var r=p;for(p=void 0,x++;r!==void 0;){var n=r.o;if(r.o=void 0,r.f&=-3,!(8&r.f)&&j(r))try{r.c()}catch(u){i||(t=u,i=!0)}r=n}}if(x=0,h--,i)throw t}}function K(t){if(h>0)return t();h++;try{return t()}finally{$()}}var e=void 0;function L(t){var i=e;e=void 0;try{return t()}finally{e=i}}var p=void 0,h=0,x=0,y=0;function k(t){if(e!==void 0){var i=t.n;if(i===void 0||i.t!==e)return i={i:0,S:t,p:e.s,n:void 0,t:e,e:void 0,x:void 0,r:i},e.s!==void 0&&(e.s.n=i),e.s=i,t.n=i,32&e.f&&t.S(i),i;if(i.i===-1)return i.i=0,i.n!==void 0&&(i.n.p=i.p,i.p!==void 0&&(i.p.n=i.n),i.p=e.s,i.n=void 0,e.s.n=i,e.s=i),i}}function s(t){this.v=t,this.i=0,this.n=void 0,this.t=void 0}s.prototype.brand=B;s.prototype.h=function(){return!0};s.prototype.S=function(t){this.t!==t&&t.e===void 0&&(t.x=this.t,this.t!==void 0&&(this.t.e=t),this.t=t)};s.prototype.U=function(t){if(this.t!==void 0){var i=t.e,r=t.x;i!==void 0&&(i.x=r,t.e=void 0),r!==void 0&&(r.e=i,t.x=void 0),t===this.t&&(this.t=r)}};s.prototype.subscribe=function(t){var i=this;return b(function(){var r=i.value,n=e;e=void 0;try{t(r)}finally{e=n}})};s.prototype.valueOf=function(){return this.value};s.prototype.toString=function(){return this.value+""};s.prototype.toJSON=function(){return this.value};s.prototype.peek=function(){var t=e;e=void 0;try{return this.value}finally{e=t}};Object.defineProperty(s.prototype,"value",{get:function(){var t=k(this);return t!==void 0&&(t.i=this.i),this.v},set:function(t){if(t!==this.v){if(x>100)throw new Error("Cycle detected");this.v=t,this.i++,y++,h++;try{for(var i=this.t;i!==void 0;i=i.x)i.t.N()}finally{$()}}}});function C(t){return new s(t)}function j(t){for(var i=t.s;i!==void 0;i=i.n)if(i.S.i!==i.i||!i.S.h()||i.S.i!==i.i)return!0;return!1}function A(t){for(var i=t.s;i!==void 0;i=i.n){var r=i.S.n;if(r!==void 0&&(i.r=r),i.S.n=i,i.i=-1,i.n===void 0){t.s=i;break}}}function P(t){for(var i=t.s,r=void 0;i!==void 0;){var n=i.p;i.i===-1?(i.S.U(i),n!==void 0&&(n.n=i.n),i.n!==void 0&&(i.n.p=n)):r=i,i.S.n=i.r,i.r!==void 0&&(i.r=void 0),i=n}t.s=r}function c(t){s.call(this,void 0),this.x=t,this.s=void 0,this.g=y-1,this.f=4}(c.prototype=new s).h=function(){if(this.f&=-3,1&this.f)return!1;if((36&this.f)==32||(this.f&=-5,this.g===y))return!0;if(this.g=y,this.f|=1,this.i>0&&!j(this))return this.f&=-2,!0;var t=e;try{A(this),e=this;var i=this.x();(16&this.f||this.v!==i||this.i===0)&&(this.v=i,this.f&=-17,this.i++)}catch(r){this.v=r,this.f|=16,this.i++}return e=t,P(this),this.f&=-2,!0};c.prototype.S=function(t){if(this.t===void 0){this.f|=36;for(var i=this.s;i!==void 0;i=i.n)i.S.S(i)}s.prototype.S.call(this,t)};c.prototype.U=function(t){if(this.t!==void 0&&(s.prototype.U.call(this,t),this.t===void 0)){this.f&=-33;for(var i=this.s;i!==void 0;i=i.n)i.S.U(i)}};c.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var t=this.t;t!==void 0;t=t.x)t.t.N()}};Object.defineProperty(c.prototype,"value",{get:function(){if(1&this.f)throw new Error("Cycle detected");var t=k(this);if(this.h(),t!==void 0&&(t.i=this.i),16&this.f)throw this.v;return this.v}});function T(t){return new c(t)}function G(t){var i=t.u;if(t.u=void 0,typeof i=="function"){h++;var r=e;e=void 0;try{i()}catch(n){throw t.f&=-2,t.f|=8,m(t),n}finally{e=r,$()}}}function m(t){for(var i=t.s;i!==void 0;i=i.n)i.S.U(i);t.x=void 0,t.s=void 0,G(t)}function D(t){if(e!==this)throw new Error("Out-of-order effect");P(this),e=t,this.f&=-2,8&this.f&&m(this),$()}function l(t){this.x=t,this.u=void 0,this.s=void 0,this.o=void 0,this.f=32}l.prototype.c=function(){var t=this.S();try{if(8&this.f||this.x===void 0)return;var i=this.x();typeof i=="function"&&(this.u=i)}finally{t()}};l.prototype.S=function(){if(1&this.f)throw new Error("Cycle detected");this.f|=1,this.f&=-9,G(this),A(this),h++;var t=e;return e=this,D.bind(this,t)};l.prototype.N=function(){2&this.f||(this.f|=2,this.o=p,p=this)};l.prototype.d=function(){this.f|=8,1&this.f||m(this)};function b(t){var i=new l(t);try{i.c()}catch(r){throw i.d(),r}return i.d.bind(i)}var w,g;function d(t,i){N[t]=i.bind(null,N[t]||function(){})}function S(t){g&&g(),g=t&&t.S()}function J(t){var i=this,r=t.data,n=H(r);n.value=r;var u=U(function(){for(var o=i.__v;o=o.__;)if(o.__c){o.__c.__$f|=4;break}return i.__$u.c=function(){var f,v=i.__$u.S(),a=u.value;v(),z(a)||((f=i.base)==null?void 0:f.nodeType)!==3?(i.__$f|=1,i.setState({})):i.base.data=a},T(function(){var f=n.value.value;return f===0?0:f===!0?"":f||""})},[]);return u.value}J.displayName="_st";Object.defineProperties(s.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:J},props:{configurable:!0,get:function(){return{data:this}}},__b:{configurable:!0,value:1}});d("__b",function(t,i){if(typeof i.type=="string"){var r,n=i.props;for(var u in n)if(u!=="children"){var o=n[u];o instanceof s&&(r||(i.__np=r={}),r[u]=o,n[u]=o.peek())}}t(i)});d("__r",function(t,i){S();var r,n=i.__c;n&&(n.__$f&=-2,(r=n.__$u)===void 0&&(n.__$u=r=function(u){var o;return b(function(){o=this}),o.c=function(){n.__$f|=1,n.setState({})},o}())),w=n,S(r),t(i)});d("__e",function(t,i,r,n){S(),w=void 0,t(i,r,n)});d("diffed",function(t,i){S(),w=void 0;var r;if(typeof i.type=="string"&&(r=i.__e)){var n=i.__np,u=i.props;if(n){var o=r.U;if(o)for(var f in o){var v=o[f];v!==void 0&&!(f in n)&&(v.d(),o[f]=void 0)}else r.U=o={};for(var a in n){var _=o[a],E=n[a];_===void 0?(_=F(r,a,E,u),o[a]=_):_.o(E,u)}}}t(i)});function F(t,i,r,n){var u=i in t&&t.ownerSVGElement===void 0,o=C(r);return{o:function(f,v){o.value=f,n=v},d:b(function(){var f=o.value.value;n[i]!==f&&(n[i]=f,u?t[i]=f:f?t.setAttribute(i,f):t.removeAttribute(i))})}}d("unmount",function(t,i){if(typeof i.type=="string"){var r=i.__e;if(r){var n=r.U;if(n){r.U=void 0;for(var u in n){var o=n[u];o&&o.d()}}}}else{var f=i.__c;if(f){var v=f.__$u;v&&(f.__$u=void 0,v.d())}}t(i)});d("__h",function(t,i,r,n){(n<3||n===9)&&(i.__$f|=2),t(i,r,n)});V.prototype.shouldComponentUpdate=function(t,i){var r=this.__$u,n=r&&r.s!==void 0;for(var u in i)return!0;if(this.__f||typeof this.u=="boolean"&&this.u===!0){if(!(n||2&this.__$f||4&this.__$f)||1&this.__$f)return!0}else if(!(n||4&this.__$f)||3&this.__$f)return!0;for(var o in t)if(o!=="__source"&&t[o]!==this.props[o])return!0;for(var f in this.props)if(!(f in t))return!0;return!1};function H(t){return U(function(){return C(t)},[])}function M(t){var i=O(t);return i.current=t,w.__$f|=4,U(function(){return T(function(){return i.current()})},[])}function Q(t){var i=O(t);i.current=t,q(function(){return b(function(){return i.current()})},[])}export{s as Signal,K as batch,T as computed,b as effect,C as signal,L as untracked,M as useComputed,H as useSignal,Q as useSignalEffect};

package/dist/types/elsie/src/components/Accordion/Accordion.d.ts

@@ -0,0 +1,27 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+import { IconNode } from '..';
+
+export interface AccordionSectionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {
+    defaultOpen?: boolean;
+    actionIconPosition?: 'left' | 'right';
+    iconOpen?: IconNode;
+    iconClose?: IconNode;
+    iconLeft?: IconNode;
+    showIconLeft?: boolean;
+    secondaryText?: string | VNode<HTMLAttributes<HTMLSpanElement>>;
+    renderContentWhenClosed?: boolean;
+    onStateChange?: (open: boolean) => void;
+}
+export declare const AccordionSection: FunctionComponent<AccordionSectionProps>;
+export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {
+    actionIconPosition?: 'left' | 'right';
+    iconOpen?: IconNode;
+    iconClose?: IconNode;
+    iconLeft?: IconNode;
+    showIconLeft?: boolean;
+    secondaryText?: string | VNode<HTMLAttributes<HTMLSpanElement>>;
+    children: VNode<AccordionSectionProps>[] | VNode<AccordionSectionProps>;
+}
+export declare const Accordion: FunctionComponent<AccordionProps>;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/types/elsie/src/components/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Accordion';
+export { Accordion as default } from './Accordion';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/elsie/src/components/ActionButton/ActionButton.d.ts

@@ -0,0 +1,11 @@
+import { ComponentChildren, FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface ActionButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'icon'> {
+    children?: ComponentChildren;
+    icon?: VNode<HTMLAttributes<SVGSVGElement>>;
+    active?: boolean;
+    disabled?: boolean;
+}
+export declare const ActionButton: FunctionComponent<ActionButtonProps>;
+//# sourceMappingURL=ActionButton.d.ts.map

package/dist/types/elsie/src/components/ActionButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ActionButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/elsie/src/components/ActionButtonGroup/ActionButtonGroup.d.ts

@@ -0,0 +1,20 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+import { ActionButtonProps } from '../ActionButton';
+
+export interface ActionButtonGroupOption {
+    value: string | null;
+    text: string;
+    icon?: VNode<SVGElement>;
+    disabled?: boolean;
+}
+export interface ActionButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: 'primary' | 'secondary';
+    activeOption?: string;
+    disabled?: boolean;
+    dividers?: boolean;
+    children: VNode<ActionButtonProps>[] | VNode<ActionButtonProps>;
+    handleSelect?(value: string): void;
+}
+export declare const ActionButtonGroup: FunctionComponent<ActionButtonGroupProps>;
+//# sourceMappingURL=ActionButtonGroup.d.ts.map

package/dist/types/elsie/src/components/ActionButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ActionButtonGroup';
+//# sourceMappingURL=index.d.ts.map