@dropins/tools 0.42.0-alpha02281407 → 1.0.0-alpha1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/chunks/deviceUtils.js +9 -9
  2. package/chunks/icons/Add.js +1 -1
  3. package/chunks/image-params-keymap.js +3 -0
  4. package/chunks/initializer.js +1 -1
  5. package/components.js +1 -1
  6. package/i18n.js +2 -2
  7. package/initializer.js +1 -1
  8. package/lib.js +1 -1
  9. package/package.json +1 -1
  10. package/preact-jsx-runtime.js +1 -1
  11. package/recaptcha.js +2 -2
  12. package/signals.js +1 -1
  13. package/types/elsie/src/lib/image-params-keymap.d.ts +1 -1
  14. package/types/elsie/src/lib/index.d.ts +0 -1
  15. package/types/elsie/src/lib/initializer.d.ts +0 -10
  16. package/chunks/image-src-transformer.js +0 -3
  17. package/types/elsie/src/lib/image-src-transformer.d.ts +0 -5
  18. package/types/event-bus/src/events-catalog.d.ts +0 -16
  19. package/types/event-bus/src/index.d.ts +0 -53
  20. package/types/fetch-graphql/src/index.d.ts +0 -105
  21. package/types/recaptcha/src/configs/index.d.ts +0 -4
  22. package/types/recaptcha/src/configs/message.config.d.ts +0 -8
  23. package/types/recaptcha/src/configs/recaptchaBadgeSelector.config.d.ts +0 -2
  24. package/types/recaptcha/src/configs/typeForms.config.d.ts +0 -2
  25. package/types/recaptcha/src/graphql/recaptchaConfig.graphql.d.ts +0 -2
  26. package/types/recaptcha/src/index.d.ts +0 -42
  27. package/types/recaptcha/src/lib/_checkRecaptchaBadge.d.ts +0 -2
  28. package/types/recaptcha/src/lib/_convertKeysToCamelCase.d.ts +0 -6
  29. package/types/recaptcha/src/lib/_extendConfig.d.ts +0 -4
  30. package/types/recaptcha/src/lib/_storageConfig.d.ts +0 -6
  31. package/types/recaptcha/src/lib/index.d.ts +0 -5
  32. package/types/recaptcha/src/services/recaptcha.service.d.ts +0 -6
package/components.js CHANGED
@@ -1,3 +1,3 @@
1
1
  /*! Copyright 2025 Adobe
2
2
  All Rights Reserved. */
3
- import{jsx as e}from"./preact-jsx-runtime.js";import{d as J,c as s,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-src-transformer.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=a=>J(ne.default,ne[a]||{}),ie=1,q=({className:a,fullWidth:r=!1,lines:n=ie,size:t="small",variant:o="row",children:i=null,multilineGap:l="medium",...d})=>{const _=[[`dropin-skeleton-row__${o}`,o],[`dropin-skeleton-row__${o}-${t}`,o&&t]];if(!i&&o==="empty")return e("div",{className:s(["dropin-skeleton-row dropin-skeleton-row__empty",a])});if(i){const u=i.trim();return e("div",{...d,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",r],a]),dangerouslySetInnerHTML:{__html:u}})}return n>ie===!1?e("div",{...d,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._,a])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${l})`},class:s(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",r],a]),children:Array.from({length:n}).map((u,p)=>e("div",{class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._])},p))})},Ve=({className:a,children:r,rowGap:n="medium",...t})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...t,className:s(["dropin-skeleton",a]),role:"status","aria-label":"Loading...",children:r}),pe=ge({locale:"en-US"}),Re=({lang:a="en_US",langDefinitions:r={},children:n})=>{const t=M(()=>{const i=J(r.default,r[a]??{});return J(Ae(a),i)},[a,r]),o=a.replace("_","-");return e(pe.Provider,{value:{locale:o},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(a){return"/"+a},ae={},g=function(r,n,t){let o=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const i=document.querySelector("meta[property=csp-nonce]"),l=(i==null?void 0:i.nonce)||(i==null?void 0:i.getAttribute("nonce"));o=Promise.all(n.map(d=>{if(d=Fe(d),d in ae)return;ae[d]=!0;const _=d.endsWith(".css"),m=_?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${m}`))return;const u=document.createElement("link");if(u.rel=_?"stylesheet":Be,_||(u.as="script",u.crossOrigin=""),u.href=d,l&&u.setAttribute("nonce",l),document.head.appendChild(u),_)return new Promise((p,c)=>{u.addEventListener("load",p),u.addEventListener("error",()=>c(new Error(`Unable to preload CSS for ${d}`)))})}))}return o.then(()=>r()).catch(i=>{const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=i,window.dispatchEvent(l),!l.defaultPrevented)throw i})},He={Add:N(()=>g(()=>import("./chunks/icons/Add.js").then(a=>a.$),[])),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:a,size:r="24",stroke:n="2",viewBox:t="0 0 24 24",className:o,...i}){const l=typeof a=="string"?He[a]:null,d={className:s(["dropin-icon",`dropin-icon--shape-stroke-${n}`,o]),width:r,height:r,viewBox:t};return e(we,{fallback:e("svg",{...i,...d}),children:l?e(l,{...i,...d}):e(a,{...i,...d})})}const qe=({name:a,value:r="1",className:n,disabled:t,error:o,success:i,min:l,max:d,onValue:_,onUpdateError:m,size:u="medium",...p})=>{const[c,h]=A(Number(r)),f=Number(l),b=Number(d),v=o||c<f||c>b,w=c<f?"Dropin.Incrementer.minQuantityMessage":c>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),h(k)};return e("div",{className:s(["dropin-incrementer",`dropin-incrementer--${u}`,n]),children:[e("div",{className:s(["dropin-incrementer__content",`dropin-incrementer__content--${u}`,["dropin-incrementer__content--error",v],["dropin-incrementer__content--success",i],["dropin-incrementer__content--disabled",t]]),children:[e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(te,{children:e("button",{type:"button",className:s(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",t]]),onClick:()=>E(c-1),disabled:t||c<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:a,value:c,disabled:t,onBlur:()=>{E(Number(c))},onChange:$=>{const k=$.currentTarget.value;k!==""&&E(Number(k))},...p}),e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(te,{children:e("button",{type:"button",className:s(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",t]]),onClick:()=>E(c+1),disabled:t||c>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:a,value:r,variant:n="primary",className:t,disabled:o,error:i,floatingLabel:l,onValue:d,onUpdateError:_,size:m="medium",icon:u,maxLength:p,success:c,...h})=>{const f=(h==null?void 0:h.id)||a||`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:s(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!l],["dropin-input-container--disabled",o]]),children:[u&&e(y,{node:u,className:s(["dropin-input__field-icon--left",u.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:f,onChange:v,type:"text",maxLength:p,name:a,value:r,...h,className:s(["dropin-input",`dropin-input--${m}`,`dropin-input--${n}`,["dropin-input--error",!!i],["dropin-input--success",!!c],["dropin-input--disabled",o],["dropin-input--floating",!!l],["dropin-input--icon-left",!!u],t]),disabled:o}),l&&e("label",{htmlFor:f,className:s([["dropin-input__label--floating",!!l],["dropin-input__label--floating--icon-left",!!u],["dropin-input__label--floating--error",!!i]]),children:l})]}),i&&e("div",{className:s(["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"})}),c&&e("div",{className:s(["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:a="",error:r,value:n,label:t,onChange:o,onBlur:i,...l})=>{const[d,_]=A((n==null?void 0:n.toString())??""),m=U(null),u=D({picker:"Dropin.InputDate.picker"}),p=T(b=>{b.currentTarget.setAttribute("type","date"),ee()&&m.current.focus()},[]),c=T(b=>{var w;const v=(w=b.currentTarget.parentElement)==null?void 0:w.querySelector("input");v==null||v.focus(),v==null||v.showPicker()},[]),h=T(b=>{b.currentTarget.setAttribute("type","text"),i==null||i(b)},[i]),f=T(b=>{_(b.target.value),o==null||o(b)},[o]);return e("div",{className:s(["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:a,value:d,placeholder:t,floatingLabel:t,onFocus:p,onBlur:h,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":u.picker,onClick:c,children:e(L,{source:Se,size:"24"})})]})},oe={pending:e(j,{}),success:e(ce,{}),error:e(z,{style:{fill:"red"}})},Me=({minLength:a=0,requiredCharacterClasses:r=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:t={status:"",icon:"",message:""}})=>{const o=D({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),i=l=>{switch(l){case 2:return o.chartTwoSymbols;case 3:return o.chartThreeSymbols;case 4:return o.chartFourSymbols;default:return""}};return e("div",{className:s(["dropin-password-status-indicator"]),children:[a>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:i(r)})]}):null]})},Nt=({placeholder:a,floatingLabel:r,children:n,name:t,required:o,className:i,minLength:l,autoComplete:d,defaultValue:_="",hideStatusIndicator:m=!1,uniqueSymbolsStatus:u,validateLengthConfig:p,requiredCharacterClasses:c,errorMessage:h,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:s(["dropin-input-password",["dropin-input-password--error",h],i]),...v,children:[e(ue,{error:h,children:e(_e,{autoComplete:d,name:t??"password",type:I?"text":"password",placeholder:a||w.placeholder,floatingLabel:r||w.floatingLabel,"aria-label":w.placeholder,"aria-required":o||!0,"aria-invalid":!!h,"aria-describedby":"password-feedback",required:o||!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:s(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${I?"show":"hide"}`,i]),onClick:$,children:e(L,{focusable:!1,"aria-hidden":I,source:I?Le:Pe})}),m?null:e(Me,{minLength:l,requiredCharacterClasses:c,validateLengthConfig:p,uniqueSymbolsStatus:u}),n]})},gt=({disabled:a,name:r="",errorMessage:n,value:t,label:o,className:i,onChange:l,onBlur:d,..._})=>{const m=U(null),u=ke(),p=!!(n!=null&&n.length);return V(()=>{const c=m.current;c&&(c.style.height="auto",c.style.height=`${c.scrollHeight}px`)},[t]),e("div",{className:s(["dropin-textarea-container",i]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:m,"data-testid":"dropin-textarea-field",className:s(["dropin-textarea",["dropin-textarea--error",p],["dropin-textarea--disabled",!!a]]),id:u,placeholder:o,name:r,value:t,disabled:a,onBlur:d,onChange:l,..._}),e("label",{htmlFor:u,className:s(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",p]]),children:o}),p?e("div",{className:s(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",p]]),children:n}):null]})},Ge=({className:a,src:r,params:n,loading:t="lazy",srcSet:o,onLoad:i,...l})=>{const[d,_]=A(!1),m=M(()=>{if(o)return o;if(!(!r||!n))return ve(r,{...n})},[n,r,o]),u=p=>{_(!0),i==null||i(p)};return e("img",{...l,className:s(["dropin-image",["dropin-image--loaded",d],a]),loading:t,onLoad:u,src:r,srcSet:m})},me=({variant:a="primary",className:r})=>e("hr",{role:"separator",className:s(["dropin-divider",`dropin-divider--${a}`,r])});var We={};const R=({amount:a=0,currency:r,locale:n=We.LOCALE??void 0,variant:t="default",weight:o="bold",className:i,children:l,sale:d=!1,formatOptions:_={},size:m="small",...u})=>{const p=M(()=>new Intl.NumberFormat(n,{style:"currency",currency:r||"USD",minimumFractionDigits:2,maximumFractionDigits:2,..._}),[n,r,_]),c=M(()=>p.format(a),[a,p]);return e("span",{...u,className:s(["dropin-price",`dropin-price--${t}`,`dropin-price--${m}`,`dropin-price--${o}`,["dropin-price--sale",d],i]),children:c})},Ke=({name:a,label:r,value:n,size:t="medium",checked:o=!1,disabled:i=!1,error:l=!1,description:d="",busy:_=!1,className:m,children:u,...p})=>e("label",{className:s([m,"dropin-radio-button",["dropin-radio-button--error",l],["dropin-radio-button--disabled",i]]),children:[e("input",{name:a,value:n,checked:o,disabled:i,type:"radio",className:s(["dropin-radio-button__input",["dropin-radio-button__input--error",l],["dropin-radio-button__input--disabled",i]]),"aria-busy":_,...p}),e("span",{className:s(["dropin-radio-button__label",`dropin-radio-button__label--${t}`,["dropin-radio-button__label--error",l],["dropin-radio-button__label--disabled",i]]),children:r}),e("span",{className:s(["dropin-radio-button__description",`dropin-radio-button__description--${t}`,["dropin-radio-button__description--disabled",i]]),children:d})]}),B=({value:a,variant:r="primary",size:n="medium",icon:t,className:o,children:i,disabled:l=!1,active:d=!1,activeChildren:_,activeIcon:m,href:u,...p})=>{let c="dropin-button";(t&&!i||t&&d&&!_||!t&&d&&m)&&(c="dropin-iconButton"),d&&_&&(c="dropin-button"),o=s([c,`${c}--${n}`,`${c}--${r}`,[`${c}--${r}--disabled`,l],i&&t&&`${c}--with-icon`,!i&&_&&t&&`${c}--with-icon`,d&&m&&`${c}--with-icon`,o]);const h=s(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,l],t==null?void 0:t.props.className]),f=u?{node:e("a",{}),role:"link",href:u,...p,disabled:l,active:d,onKeyDown:b=>{l&&b.preventDefault()},tabIndex:l?-1:0}:{node:e("button",{}),role:"button",...p,value:a,disabled:l,active:d};return e(y,{...f,className:o,children:[t&&!d&&e(y,{node:t,className:h}),m&&d&&e(y,{node:m,className:h}),i&&!d&&(typeof i=="string"?e("span",{children:i}):i),d&&_&&(typeof _=="string"?e("span",{children:_}):_)]})};function se(a,r,n,t,o){return a||(r?r.value:n||t?"":o?o.value:null)}const Ue=({name:a,value:r=null,options:n,variant:t="primary",floatingLabel:o,size:i="medium",handleSelect:l=()=>{},disabled:d=!1,error:_=!1,placeholder:m,defaultOption:u,icon:p,className:c,...h})=>{const f=(h==null?void 0:h.id)||a||`dropin-picker-${Math.random().toString(36)}`,b=!!(h!=null&&h.required),v=n==null?void 0:n.find(O=>!O.disabled),[w,I]=A(()=>se(r,u,m,o,v));V(()=>{I(se(r,u,m,o,v))},[r,u,m,o,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:s(["dropin-picker__option"]),children:S},x)}),k=!!w,P=()=>(!b||!k)&&(o||m);return e("div",{className:s([c,"dropin-picker",`dropin-picker__${i}`,["dropin-picker__floating",!!o],["dropin-picker__selected",k],["dropin-picker__error",_],["dropin-picker__disabled",d],["dropin-picker__icon",p]]),children:[p&&e(p.type,{...p.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:f,className:s(["dropin-picker__select",`dropin-picker__select--${t}`,`dropin-picker__select--${i}`,["dropin-picker__select--floating",!!o]]),name:a,"aria-label":a,disabled:d,onChange:E,...h,children:[P()&&e("option",{selected:!k,value:"",className:s(["dropin-picker__option dropin-picker__placeholder"]),children:o??m},r),$]}),e(L,{source:X,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),o&&k&&e("label",{htmlFor:f,className:s(["dropin-picker__floatingLabel",!!o]),children:o})]})},ue=({className:a,label:r,error:n,hint:t,success:o,size:i="medium",disabled:l=!1,children:d,..._})=>{var p;const m=((p=d==null?void 0:d.props)==null?void 0:p.id)??`dropin-field-${Math.random().toString(36)}`,u=d&&typeof d.type!="string"?d.type:null;return e("div",{..._,className:s(["dropin-field",a]),children:[r&&e("label",{className:s(["dropin-field__label",["dropin-field__label--disabled",l],`dropin-field__label--${i}`]),htmlFor:m,children:r}),e("div",{className:s(["dropin-field__content"]),children:u&&d&&ye(u,{...d.props,id:m,key:d.key,disabled:l,size:i,error:!!n,success:!!o&&!n})}),e("div",{className:s(["dropin-field__hint",[`dropin-field__hint--${i}`,i],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!o&&!n],["dropin-field__hint--disabled",!!l]]),children:n||o||t})]})},wt=({icon:a,className:r,children:n,active:t=!1,disabled:o=!1,...i})=>e("button",{role:"button",disabled:o,...i,className:s(["dropin-action-button",["dropin-action-button--active",t],["dropin-action-button--disabled",o],r]),children:[a&&e(y,{node:a,className:s(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),kt=({className:a,variant:r="primary",activeOption:n,disabled:t=!1,dividers:o=!0,children:i,handleSelect:l,...d})=>{const[_,m]=A(n),u=T(c=>{t||c.props.disabled||(m(c.props.value),l&&l(c.props.value))},[l,m,t]),p=de.map(i,c=>{const h=t||c.props.disabled,f=c.props.value===_;return Ie(c,{disabled:h,active:f,onClick:()=>u(c),className:s(["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",o]])})});return e("div",{role:"group",...d,className:s(["dropin-action-button-group",`dropin-action-button-group--${r}`,a]),children:p})},je=({variant:a="primary",className:r,children:n,...t})=>e("div",{...t,className:s(["dropin-card",`dropin-card--${a}`,r]),children:e("div",{class:"dropin-card__content",children:n})}),yt=({name:a,value:r,size:n="medium",disabled:t=!1,error:o=!1,label:i="",description:l="",className:d,checked:_,...m})=>{const[u,p]=A(_===void 0?!1:_),c=U(null),h=b=>{var v;(v=m.onChange)==null||v.call(m,b),p(b.currentTarget.checked)},f=b=>{var v;b.key===" "&&(b.preventDefault(),(v=c==null?void 0:c.current)==null||v.click())};return V(()=>{typeof _=="boolean"&&p(_)},[_]),e("label",{className:s(["dropin-checkbox",["dropin-checkbox--disabled",t]]),children:[e("input",{ref:c,name:a,value:r,type:"checkbox",disabled:t,className:s(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",o],d]),...m,onChange:h,checked:u}),e("div",{className:"dropin-checkbox__checkbox-icon",children:["​",e("span",{"aria-checked":u?"true":"false","aria-labelledby":`${a}-label`,"aria-describedby":l?`${a}-description`:void 0,className:s(["dropin-checkbox__box",["dropin-checkbox__box--error",o],["dropin-checkbox__box--disabled",t]]),role:"checkbox",tabIndex:t?-1:0,onKeyDown:f,children:e(L,{className:s(["dropin-checkbox__checkmark"]),source:ce,size:"16",stroke:"3"})})]}),e("div",{id:`${a}-label`,className:s(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",t]]),children:i}),e("div",{}),l&&e("div",{id:`${a}-description`,role:"note",className:s(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",t]]),children:l})]})},It=({className:a,name:r,value:n,id:t,label:o,groupAriaLabel:i,size:l="medium",color:d,disabled:_=!1,selected:m=!1,outOfStock:u=!1,multi:p=!1,onValue:c,onUpdateError:h,...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(c)try{await c(x)}catch(S){h&&h(S)}},[c,h]),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=()=>u?`${i}: ${o} ${b}`:m?`${i}: ${o} ${v}`:`${i}: ${o} ${w}`;return e("label",{className:s(["dropin-color-swatch__container",`dropin-color-swatch__container--${l}`,a]),children:[e("input",{type:p?"checkbox":"radio",name:r,id:t,value:n,"aria-label":O(),checked:m,disabled:_,onChange:E,...f,className:s(["dropin-color-swatch",["dropin-color-swatch--selected",m],["dropin-color-swatch--disabled",_],a])}),e("span",{style:{"--bg-color":P},className:s(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",u],a])})]})},xt=({className:a,name:r,value:n,label:t,groupAriaLabel:o,id:i,disabled:l=!1,selected:d=!1,outOfStock:_=!1,multi:m=!1,onValue:u,onUpdateError:p,...c})=>{const h=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(u)try{await u(P)}catch(O){p&&p(O)}},[u,p]),$=P=>{const O=P.target;E(O.value)},k=()=>_?`${o}: ${t} ${h}`:d?`${o}: ${t} ${f}`:`${o}: ${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:i,value:n,"aria-label":k(),checked:d,disabled:l,onChange:$,...c,className:s(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",l],a])}),e("label",{htmlFor:i,ref:I,className:s(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",_],a]),children:t})]})},ze=({ariaLabel:a,size:r="small",stroke:n="4",children:t,className:o,style:i,...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=()=>a||(t?_.updatingChildren:_.updating);return t?e("div",{...l,className:s(["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:s(["dropin-progress-spinner-background",o]),style:i}),e("div",{className:s(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...l,className:s([o,...d]),"aria-live":"polite",role:"status","aria-label":m()})},Dt=({className:a,name:r,value:n,id:t,label:o,groupAriaLabel:i,src:l,alt:d,disabled:_=!1,selected:m=!1,outOfStock:u=!1,multi:p=!1,onValue:c,onUpdateError:h,...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(c)try{await c(k)}catch(P){h&&h(P)}},[c,h]),E=k=>{const P=k.target;I(P.value)},$=()=>u?`${i}: ${o} ${b}`:m?`${i}: ${o} ${v}`:`${i}: ${o} ${w}`;return e("label",{className:s(["dropin-image-swatch__container",a]),children:[e("input",{type:p?"checkbox":"radio",name:r,id:t,value:n,"aria-label":$(),checked:m,disabled:_,onChange:E,...f,className:s(["dropin-image-swatch",["dropin-image-swatch--selected",m],["dropin-image-swatch--disabled",_],a])}),e("span",{className:s(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",u],a]),children:e(Ge,{src:l,className:s(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:d,loading:"lazy",onError:k=>k.target.style.display="none"})})]})},Ze=({className:a,children:r,title:n,secondaryText:t,actionIconPosition:o="left",iconOpen:i=K,iconClose:l=j,iconLeft:d=K,showIconLeft:_=!1,renderContentWhenClosed:m=!0,defaultOpen:u,onStateChange:p,...c})=>{const[h,f]=A(!1),b=$=>{$.stopImmediatePropagation();const k=!h;f(k),p==null||p(k)};V(()=>{typeof u<"u"&&f(u)},[u]);const v=D(`Dropin.Accordion.${h?"close":"open"}.label`).label,w=e(L,{source:i,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",{...c,className:s(["dropin-accordion-section",a]),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:[o==="left"&&(h?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}),o==="right"&&(h?I:w)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:h?"grid":"none"},children:(h||m&&!h)&&r})]})},Et=({className:a,children:r,actionIconPosition:n="left",iconOpen:t=K,iconClose:o=j,...i})=>{const l=e(me,{variant:"secondary"}),d=_=>e(F,{children:[e(Ze,{..._.props,actionIconPosition:n,iconOpen:t,iconClose:o}),l]});return e("div",{...i,className:s(["dropin-accordion",a]),children:[l,...(Array.isArray(r)?r:[r]).map(d)]})},$t=({variant:a="primary",className:r,type:n="warning",additionalActions:t,onDismiss:o,heading:i,description:l,icon:d,itemList:_,actionButtonPosition:m,...u})=>{var c,h,f;const p=D({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...u,className:s(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${a}`,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:i})]}),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?(c=t[0])==null?void 0:c.onClick:void 0,"aria-label":(h=t[0])==null?void 0:h.label,children:(f=t[0])==null?void 0:f.label}),o&&e(B,{icon:e(L,{source:z,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:o,"aria-label":p.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:s(["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:a="small",title:r=null,centered:n=!1,backgroundDim:t=!0,clickToDismiss:o=!0,escapeToDismiss:i=!0,onClose:l,showCloseButton:d=!0,className:_,children:m=null,...u})=>{const p=T(()=>{l==null||l()},[l]),c=D({modalCloseLabel:"Dropin.Modal.Close.label"});return V(()=>{const h=f=>{const b=document.querySelector(".dropin-modal"),v=document.querySelector(".dropin-modal__body");o&&b&&v&&!v.contains(f.target)&&p()};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[p,o]),V(()=>{const h=f=>{f.key==="Escape"&&i&&p()};return document.addEventListener("keydown",h),()=>{document.removeEventListener("keydown",h)}},[p,i]),V(()=>{const h=document.scrollingElement,f=h.style.overflow;return h.style.overflow="hidden",()=>{h.style.overflow=f}},[]),e("div",{className:s(["dropin-modal",["dropin-modal--dim",t]]),children:e("div",{...u,className:s(["dropin-modal__body",[`dropin-modal__body--${a}`,a],_]),children:[e("div",{className:s(["dropin-modal__header",["dropin-modal__header-title",!!r]]),children:[r&&e("div",{className:s(["dropin-modal__header-title-content"]),children:r}),d&&e(B,{"aria-label":c.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:p,icon:e(z,{})})]}),e("div",{className:s(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:m})]})})},Tt=({className:a,children:r,ariaLabel:n,image:t,title:o,price:i,taxIncluded:l=!1,taxExcluded:d=!1,total:_,totalExcludingTax:m,sku:u,configurations:p,warning:c,alert:h,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:s(["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:s(["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:s(["dropin-cart-item",["dropin-cart-item--updating",k],a]),children:[k&&e(ze,{className:s(["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:s(["dropin-cart-item__image"])}),o&&e(y,{node:o,className:s(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!x||!!S]])}),w&&e(y,{node:w,className:s(["dropin-cart-item__description"])}),u&&e(y,{node:u,className:s(["dropin-cart-item__sku"])}),e("div",{className:s(["dropin-cart-item__savings__wrapper"]),children:[f&&e(y,{node:f,className:s(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),b&&e(y,{node:b,className:s(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),I&&e("div",{className:s(["dropin-cart-item__attributes"]),children:e(y,{node:I})}),p&&e("ul",{className:s(["dropin-cart-item__configurations"]),children:Object.entries(p).map(([H,be])=>e("li",{className:s(["dropin-cart-item__configurations__item"]),children:[H,":"," ",e("strong",{className:s(["dropin-cart-item__configurations__item__value"]),children:be})]},H))}),i&&e("span",{className:s(["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:i,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:s(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!x]]),children:[x?he:v&&e("span",{className:s(["dropin-cart-item__quantity__value"]),children:[C.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(v).toLocaleString(W)})]}),c&&e(y,{node:c,className:s(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),h&&e(y,{node:h,className:s(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),c&&e(y,{node:c,className:s(["dropin-cart-item__warning"])}),h&&e(y,{node:h,className:s(["dropin-cart-item__alert"])}),e("div",{className:s(["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:s(["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:s(["dropin-cart-item__total-tax-excluded-message"]),children:[m&&e(y,{node:m,role:"text"})," ",C.taxExcluded]})}),f&&e(y,{node:f,className:s(["dropin-cart-item__discount"])}),b&&e(y,{node:b,className:s(["dropin-cart-item__savings"])})]}),E&&e("div",{className:s(["dropin-cart-item__footer"]),children:e(y,{node:E})})]}),S&&e(B,{"data-testid":"cart-item-remove-button",className:s(["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:a,children:r,...n})=>e("div",{...n,className:s(["dropin-cart-list",a]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:de.map(r,(t,o)=>e("div",{className:"dropin-cart-list__item",children:t},o))})}),Pt=({className:a,children:r,locale:n,currency:t,amount:o,variant:i="default",minimumAmount:l,maximumAmount:d,size:_="small",display:m="dash",specialPrice:u,sale:p=!1,...c})=>{const h=M(()=>o||l===d||l&&!d||d&&!l,[o,d,l]);return e("div",{children:h?e("div",{...c,className:s(["dropin-price-range",a]),children:e(R,{amount:o??l??d,currency:t,locale:n,size:_,variant:i,sale:p})}):e("div",{...c,className:s(["dropin-price-range",a]),children:[m==="dash"?e(Xe,{specialPrice:u,minimumAmount:l,maximumAmount:d,currency:t,locale:n,size:_,sale:p}):null,m==="from to"?e(Ye,{specialPrice:u,minimumAmount:l,maximumAmount:d,currency:t,locale:n,size:_,sale:p}):null,m==="as low as"?e(Qe,{specialPrice:u,minimumAmount:l,maximumAmount:d,currency:t,locale:n,size:_,sale:p}):null]})})};function Xe({specialPrice:a,minimumAmount:r,maximumAmount:n,currency:t,locale:o,size:i,sale:l}){return e(F,{children:[e(R,{amount:a??r,currency:t,locale:o,size:i,sale:!!a&&l}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(R,{amount:n,currency:t,locale:o,size:i})]})}function Ye({specialPrice:a,minimumAmount:r,maximumAmount:n,currency:t,locale:o,size:i,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:s(["dropin-price-range__from",`dropin-price-range__from--${i}`]),children:d.from}),e(R,{amount:a??r,currency:t,locale:o,size:i,sale:!!a&&l}),e("span",{className:s(["dropin-price-range__to",`dropin-price-range__to--${i}`]),children:d.to}),e(R,{amount:n,currency:t,locale:o,size:i})]})}function Qe({specialPrice:a,minimumAmount:r,maximumAmount:n,currency:t,locale:o,size:i,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:s(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${i}`]),children:d.asLowAs}),a?e("div",{children:[e(R,{amount:n,currency:t,locale:o,size:i,variant:"strikethrough"}),e(R,{amount:a,currency:t,locale:o,size:i,className:"dropin-price-range__special",sale:!!a&&l})]}):e(R,{amount:r,currency:t,locale:o,size:i})]})}const Ot=({className:a,categories:r,separator:n,...t})=>e(F,{children:(r==null?void 0:r.length)>1&&e("nav",{role:"navigation",...t,className:s(["dropin-breadcrumbs__container",a]),children:e("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((o,i)=>e("li",{className:s(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",i===r.length-1]]),children:[e(y,{node:o,className:"dropin-breadcrumbs__link"}),!n&&i!==r.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&i!==r.length-1&&e(y,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},i))})})}),Ct=({className:a,variant:r,icon:n,message:t,onDismiss:o,action:i,...l})=>{const d=D({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...l,className:s([a,"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:s(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[i&&e(B,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:i.onClick,"aria-label":i.label,children:i.label}),e(B,{icon:e(L,{source:z,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:o,"aria-label":d.dismiss})]})]})},At=({className:a,icon:r,heading:n,headingLevel:t=2,message:o,action:i,variant:l="secondary",...d})=>{const _=t>=1&&t<=6?`h${t}`:"h2";return e("div",{...d,className:s(["dropin-illustrated-message",a]),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}),o&&e(y,{node:o,className:"dropin-illustrated-message__message"}),i&&e(y,{node:i,className:"dropin-illustrated-message__action"})]})})},Vt=({className:a,label:r,name:n,value:t,selected:o=!0,onChange:i,icon:l,busy:d=!1,children:_,...m})=>e("div",{...m,className:s(["dropin-toggle-button",a,["dropin-toggle-button__selected",o]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(Ke,{label:"",name:n,value:t,checked:o,onChange:()=>i&&i(t),"aria-label":r,busy:d,className:s([a,"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:a=null,size:r="medium",cta:n,divider:t=!0,className:o,...i})=>a?e("div",{...i,className:s(["dropin-header-container",o]),"data-testid":"dropin-header-container",children:[e("span",{className:s(["dropin-header-container__title",["dropin-header-container__title--medium",r==="medium"],["dropin-header-container__title--large",r==="large"]]),children:a}),n?e(y,{node:n,className:"dropin-header-container__actions"}):null,t?e(me,{className:s(["dropin-header-container__divider",["dropin-header-container__divider--medium",r==="medium"],["dropin-header-container__divider--large",r==="large"]])}):null]}):null,Bt=({label:a,className:r,children:n,...t})=>!a&&!n?null:e("div",{...t,className:s(["dropin-tag-container",r]),"data-testid":"dropin-tag-container",children:n??e("span",{className:"dropin-tag-container__label",children:a})}),Ft=({className:a,children:r,maxColumns:n,columnWidth:t="1fr",emptyGridContent:o,...i})=>{const l=!!r&&(Array.isArray(r)?r.length>0:!0),d=l?{gridTemplateColumns:`repeat(${n}, ${t})`}:void 0;return e("div",{...i,className:s(["dropin-content-grid",a]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:s(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!n],["dropin-content-grid__content--empty",!l]]),style:d,children:l?r:o})})},Ht=({totalPages:a=10,currentPage:r=1,onChange:n,className:t,...o})=>{const i=D({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),l=T(()=>{const p=Math.min(r+1,a);n==null||n(p)},[r,n,a]),d=T(()=>{const p=Math.max(r-1,1);n==null||n(p)},[r,n]),_=T(p=>{Ne(p)&&(n==null||n(p))},[n]),m=T((p,c)=>{let h=[];const f=(b,v)=>{for(let w=b;w<=v;w++)h.push({page:w,isActive:w===p,label:w})};return c<=5?f(1,c):p<=2?(f(1,2),h.push({page:"ellipsis",isActive:!1,label:"..."}),f(c-1,c)):p>=c-3?f(c-4,c):(f(p-1,p),h.push({page:"ellipsis",isActive:!1,label:"..."}),f(c-1,c)),h},[]),u=M(()=>m(r,a),[m,r,a]);return e("div",{...o,className:s(["dropin-pagination",t]),children:[e("button",{type:"button","data-testid":"prev-button","aria-label":i.backwardButton,disabled:r===1,onClick:d,className:s(["dropin-pagination-arrow","dropin-pagination-arrow--backward"]),children:e(L,{size:"24",source:X})}),e("ul",{className:"dropin-pagination_list",children:u.map((p,c)=>e("li",{"data-testid":`dropin-pagination_list-item--${p.page}`,className:s(["dropin-pagination_list-item",`dropin-pagination_list-item--${p.page}`,["dropin-pagination_list-item--active",p.isActive]]),children:e("button",{type:"button","data-testid":`set-page-button-${p.page}`,onClick:()=>_(p.page),children:p.label})},`${p.page}_${c}`))}),e("button",{type:"button","data-testid":"next-button","aria-label":i.forwardButton,disabled:r===a,onClick:l,className:s(["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};
3
+ 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/i18n.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*! Copyright 2025 Adobe
2
2
  All Rights Reserved. */
3
- 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,i){for(t=t.split?t.split("."):t,e=0;e<t.length;e++)r=r?r[t[e]]:i;return r===i?n:r}var R,ir={};function u(r,t,n){if(r.nodeType===3){var e="textContent"in r?r.textContent:r.nodeValue||"";if(u.options.trim!==!1){var i=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"||i?"":" "))||e===" ")&&n.length>1&&i)return null}return e}if(r.nodeType!==1)return null;var a=String(r.nodeName).toLowerCase();if(a==="script"&&!u.options.allowScripts)return null;var o,l,c=u.h(a,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(ar))&&l.length?l:null);return u.visitor&&u.visitor(c),c}var V,ar=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,i){var a;return e[a=i,a.replace(/-(.)/g,function(o,l){return l.toUpperCase()})]=r.props[i],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 i=e.replace(/([A-Z]+)([A-Z][a-z0-9])|([a-z0-9]+)([A-Z])/g,"$1$3-$2$4").toLowerCase();this.map[i]=n[e]}}},t.prototype.render=function(n){var e=n.wrap;e===void 0&&(e=!0);var i,a=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{i=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>
3
+ 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>
4
4
  <html><body>`+P+"</body></html>"):(F="xml",I=`<?xml version="1.0" encoding="UTF-8"?>
5
- <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||ir,u(P)}(Z,N,z,tr);return N.map=null,H&&H.props&&H.props.children||null}(o,a,C,this.map,T)}catch(h){m?m({error:h}):typeof console<"u"&&console.error&&console.error("preact-markup: "+h)}if(e===!1)return i||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,i||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,i=cr(r,["scope","mark","definition"]),a=i,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}},a.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,i){for(var a=i.split("."),o=r,l=0;l<a.length;l++){if(o=o[a[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,i,a){t&&(r=t+"."+r);var o=n&&B(n,r);return(i||i===0)&&o&&typeof o=="object"&&(o.splice?o=o[i]||o[0]:i===0&&Y(o.none||o.zero)?o=o.none||o.zero:i===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)||a||null}function Q(r){var t=r.value,n=r.id,e=k(y),i=e.intl;if(i&&i.mark){var a="dictionary"+(i&&i.scope?"."+i.scope:"")+"."+n;return p("mark",{style:{background:t?B(i,a)?"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,i=r.fields,a=k(y),o=a.intl,l=L(t,o&&o.scope,o&&o.dictionary,i,e,n);return p(Q,{id:t,value:l})}function S(r,t,n){var e={};t=t||{},r=pr(r);for(var i in r)if(r.hasOwnProperty(i)&&r[i]){var a=r[i];!n&&typeof a=="string"?e[i]=L(a,t.scope,t.dictionary):a.type===_&&(a=E({fallback:a.props.children},a.props),e[i]=L(a.id,t.scope,t.dictionary,a.fields,a.plural,a.fallback))}return e}function X(r){var t=r.children,n=k(y),e=n.intl;return t&&t.length?t.map(function(i){return G(i,S(i.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,i=r.children,a=rr(r,["id","fields","plural","children"]),o=a;return p(X,null,p(dr,Object.assign({},{html:p(_,{id:t,fields:n,plural:e,children:i}),id:t},o)))}function dr(r){var t=r.html,n=r.id,e=rr(r,["html","id"]),i=e;return p(Q,{id:n,value:t&&(typeof t=="string"?p(ur,Object.assign({},{type:"html",trim:!1},i,{markup:t})):p("span",null,t))})}function hr(r){return function(n){function e(i,a){var o=k(y),l=o.intl,c=typeof r=="function"?r(i,{intl:l}):r,m=S(c,l);return p(n,E(E({},i),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};
5
+ <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/initializer.js CHANGED
@@ -2,4 +2,4 @@
2
2
  All Rights Reserved. */
3
3
  (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}
4
4
  .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"});
5
- import{I as t,i as e}from"./chunks/initializer.js";import"./chunks/image-src-transformer.js";export{t as Initializer,e as initializers};
5
+ 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/lib.js CHANGED
@@ -1,3 +1,3 @@
1
1
  /*! Copyright 2025 Adobe
2
2
  All Rights Reserved. */
3
- 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,E as _,q as f,y as D}from"./chunks/icons/Add.js";import{IntlContext as L}from"./i18n.js";import{g as ae,b as ce,s as ue,a as ge}from"./chunks/image-src-transformer.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}},{})},V={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,V):r}const W=r=>r.replace("_","-");function F(r,n={},l,c,s){const d=O(v),o=C(null),S=C("pending"),w=C([]),[y,R]=P({children:[c]}),[I,$]=P({}),N=T(()=>({get:t=>I[t],set:(t,e)=>{$({...N,[t]:e})}}),[I]),{intl:j}=O(L);n.dictionary=j.dictionary,n._setProps=t=>{R(e=>{const i=typeof t=="function"?t(e):t;if(s){const a=_(s(e),{key:"render"}),p=e.children.findIndex(g=>(g==null?void 0:g.key)==="render");e.children[p]=a}return i})};const u=f(t=>{typeof t=="function"?w.current.push(t):console.warn("Skipped: Invalid _registerMethod",t)},[]);n._registerMethod=u;const h=f(t=>E("div",{"data-slot-html-element":t.tagName.toLowerCase(),ref:e=>{e==null||e.appendChild(t)}}),[]);n._htmlElementToVNode=h,n.getSlotElement=f(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:p=>{e.appendChild(p)},prependChild:p=>{e.insertBefore(p,e.firstChild)},appendSibling:p=>{const g=e.parentNode;g==null||g.insertBefore(p,e.nextSibling)},prependSibling:p=>{const g=e.parentNode;g==null||g.insertBefore(p,e)}}},[r]),n.onRender=f(t=>{w.current.push(t)},[]),n.onChange=n.onRender,n.replaceWith=f(t=>{u(e=>{const i=h(t);e._setProps({children:[i]})})},[h,u]),n.appendChild=f(t=>{u(e=>{const i=h(t);e._setProps(a=>({...a,children:[...a.children,i]}))})},[h,u]),n.prependChild=f(t=>{u(e=>{const i=h(t);e._setProps(a=>({...a,children:[i,...a.children]}))})},[h,u]),n.appendSibling=f(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=f(t=>{u(()=>{var i;const e=(i=o.current)==null?void 0:i.parentNode;e==null||e.insertBefore(t,o.current)})},[u]);const b=f(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]),B=f(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(()=>{B().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]=F(r,n,l,c,s);return T(()=>{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,ce as getImageSrcTransformer,le as initializers,te as isIOSMobileDevice,ne as isNumber,U as merge,ue as setImageParamsKeyMap,ge as setImageSrcTransformer,W as toLanguageTag,F as useSlot};
3
+ 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/package.json CHANGED
@@ -1 +1 @@
1
- {"name": "@dropins/tools", "version": "0.42.0-alpha02281407", "license": "SEE LICENSE IN LICENSE.md"}
1
+ {"name": "@dropins/tools", "version": "1.0.0-alpha1", "license": "SEE LICENSE IN LICENSE.md"}
@@ -1,3 +1,3 @@
1
1
  /*! Copyright 2025 Adobe
2
2
  All Rights Reserved. */
3
- 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,s){t||(t={});var i,o,f=t;if("ref"in f)for(o in f={},t)o=="ref"?i=t[o]:f[o]=t[o];var c={type:r,props:f,key:e,ref:i,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:--d,__i:-1,__u:0,__source:n,__self:s};if(typeof r=="function"&&(i=r.defaultProps))for(o in i)f[o]===void 0&&(f[o]=i[o]);return l.vnode&&l.vnode(c),c}function k(r){var t=b(_,{tpl:r,exprs:[].slice.call(arguments,1)});return t.key=t.__v,t}var u={},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 s=t[n];if(s!=null&&s!==""){var i=n[0]=="-"?n:u[n]||(u[n]=n.replace(g,"-$&").toLowerCase()),o=";";typeof s!="number"||i.startsWith("--")||y.test(i)||(o="px;"),a=a+i+":"+s+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};
3
+ 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};