@dropins/tools 0.23.0-alpha40 → 0.23.0-alpha666

package/components.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"./preact-jsx-runtime.js";import{d as j,c as r,b as ne,V as y,e as ue,g as he}from"./chunks/vcomponent.js";import{G as be,q as M,D as g,L as ye,p as R,_ as z,x as W,S as K,F as G,y as Ne,A as te,a as ve,g as V,P as ge}from"./chunks/icons/Add.js";import{IntlProvider as fe,Localizer as Y,Text as P,useText as $}from"./i18n.js";import U from"./chunks/icons/Minus.js";import ke from"./chunks/icons/CheckWithCircle.js";import we from"./chunks/icons/WarningWithCircle.js";import ae from"./chunks/icons/ChevronDown.js";import xe from"./chunks/icons/Check.js";import J from"./chunks/icons/Close.js";import De from"./chunks/icons/Trash.js";import Ee from"./chunks/icons/ChevronUp.js";import"./chunks/image-params-keymap.js";const Ce={ExampleComponentName:{item:{label:"string"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity"},Modal:{Close:{label:"Close"}},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"},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"}}},Q={Dropin:Ce},ee={default:Q,en_US:Q},Se=o=>j(ee.default,ee[o]||{}),re=1,B=({className:o,fullWidth:s=!1,lines:t=re,size:a="small",variant:l="row",children:n=null,multilineGap:c="medium",...i})=>{const p=[[`dropin-skeleton-row__${l}`,l],[`dropin-skeleton-row__${l}-${a}`,l&&a]];if(!n&&l==="empty")return e("div",{className:r(["dropin-skeleton-row dropin-skeleton-row__empty",o])});if(n){const d=n.trim();return e("div",{...i,class:r(["dropin-skeleton-row",["dropin-skeleton-row--full",s],o]),dangerouslySetInnerHTML:{__html:d}})}return t>re===!1?e("div",{...i,class:r(["dropin-skeleton-row",["dropin-skeleton-row--full",s],"dropin-skeleton--row__content",...p,o])}):e("div",{...i,style:{"--multiline-gap-spacing":`var(--spacing-${c})`},class:r(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",s],o]),children:Array.from({length:t}).map((d,u)=>e("div",{class:r(["dropin-skeleton-row",["dropin-skeleton-row--full",s],"dropin-skeleton--row__content",...p])},u))})},oe=({className:o,children:s,rowGap:t="medium",...a})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${t})`},...a,className:r(["dropin-skeleton",o]),role:"status","aria-label":"Loading...",children:s}),se=be({locale:"en-US"}),er=({lang:o="en_US",langDefinitions:s={},className:t,children:a,...l})=>{const n=M(()=>{const i=j(s.default,s[o]??{});return j(Se(o),i)},[o,s]),c=o.replace("_","-");return e(se.Provider,{value:{locale:c},children:e(fe,{definition:n,children:e("div",{...l,className:r(["dropin-design",t]),children:a})})})},Pe=function(){const s=typeof document<"u"&&document.createElement("link").relList;return s&&s.supports&&s.supports("modulepreload")?"modulepreload":"preload"}(),$e=function(o){return"/"+o},ie={},f=function(s,t,a){let l=Promise.resolve();if(t&&t.length>0){document.getElementsByTagName("link");const n=document.querySelector("meta[property=csp-nonce]"),c=(n==null?void 0:n.nonce)||(n==null?void 0:n.getAttribute("nonce"));l=Promise.all(t.map(i=>{if(i=$e(i),i in ie)return;ie[i]=!0;const p=i.endsWith(".css"),_=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${i}"]${_}`))return;const d=document.createElement("link");if(d.rel=p?"stylesheet":Pe,p||(d.as="script",d.crossOrigin=""),d.href=i,c&&d.setAttribute("nonce",c),document.head.appendChild(d),p)return new Promise((u,m)=>{d.addEventListener("load",u),d.addEventListener("error",()=>m(new Error(`Unable to preload CSS for ${i}`)))})}))}return l.then(()=>s()).catch(n=>{const c=new Event("vite:preloadError",{cancelable:!0});if(c.payload=n,window.dispatchEvent(c),!c.defaultPrevented)throw n})},Te={Add:g(()=>f(()=>import("./chunks/icons/Add.js").then(o=>o.Z),[])),Bulk:g(()=>f(()=>import("./chunks/icons/Bulk.js"),[])),Burger:g(()=>f(()=>import("./chunks/icons/Burger.js"),[])),Cart:g(()=>f(()=>import("./chunks/icons/Cart.js"),[])),Check:g(()=>f(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:g(()=>f(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:g(()=>f(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:g(()=>f(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:g(()=>f(()=>import("./chunks/icons/Close.js"),[])),Heart:g(()=>f(()=>import("./chunks/icons/Heart.js"),[])),Minus:g(()=>f(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:g(()=>f(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:g(()=>f(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:g(()=>f(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:g(()=>f(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:g(()=>f(()=>import("./chunks/icons/Sort.js"),[])),Star:g(()=>f(()=>import("./chunks/icons/Star.js"),[])),View:g(()=>f(()=>import("./chunks/icons/View.js"),[])),User:g(()=>f(()=>import("./chunks/icons/User.js"),[])),Warning:g(()=>f(()=>import("./chunks/icons/Warning.js"),[])),Locker:g(()=>f(()=>import("./chunks/icons/Locker.js"),[])),Wallet:g(()=>f(()=>import("./chunks/icons/Wallet.js"),[])),Card:g(()=>f(()=>import("./chunks/icons/Card.js"),[])),Order:g(()=>f(()=>import("./chunks/icons/Order.js"),[])),Delivery:g(()=>f(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:g(()=>f(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:g(()=>f(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:g(()=>f(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:g(()=>f(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:g(()=>f(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:g(()=>f(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:g(()=>f(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:g(()=>f(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:g(()=>f(()=>import("./chunks/icons/Trash.js"),[]))};function O({source:o,size:s="24",stroke:t="2",viewBox:a="0 0 24 24",className:l,...n}){const c=typeof o=="string"?Te[o]:null,i={className:r(["dropin-icon",`dropin-icon--shape-stroke-${t}`,l]),width:s,height:s,viewBox:a};return e(ye,{fallback:null,children:c?e(c,{...n,...i}):e(o,{...n,...i})})}const Ie=({name:o,value:s="1",className:t,disabled:a,error:l,success:n,min:c,max:i,onValue:p,onUpdateError:_,size:d="medium",...u})=>{const[m,h]=R(Number(s)),b=Number(c),N=Number(i);z(()=>{h(Number(s))},[s]);const x=W(ne(async v=>{if(p)try{await p(v)}catch(w){_&&_(w)}},200),[p,_]),k=v=>{let w=v;v<b&&(w=b),v>N&&(w=N),x(w),h(w)};return e("div",{className:r(["dropin-incrementer",`dropin-incrementer--${d}`,t]),children:e("div",{className:r(["dropin-incrementer__content",`dropin-incrementer__content--${d}`,["dropin-incrementer__content--error",l],["dropin-incrementer__content--success",n],["dropin-incrementer__content--disabled",a]]),children:[e("div",{className:r(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",a]]),children:e(Y,{children:e("button",{type:"button",className:r(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",a]]),onClick:()=>k(m-1),disabled:a||m<b+1,"aria-label":e(P,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(O,{source:U,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:i,min:c,step:1,type:"number",name:o,value:m,disabled:a,onChange:v=>{const w=v.currentTarget.value;w!==""&&k(Number(w))},...u}),e("div",{className:r(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",a]]),children:e(Y,{children:e("button",{type:"button",className:r(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",a]]),onClick:()=>k(m+1),disabled:a||m>N-1,"aria-label":e(P,{id:"Dropin.Incrementer.increaseLabel"}),children:e(O,{source:K,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]})})},rr=({name:o,value:s,variant:t="primary",className:a,disabled:l,error:n,floatingLabel:c,onValue:i,onUpdateError:p,size:_="medium",icon:d,maxLength:u,success:m,...h})=>{const b=(h==null?void 0:h.id)||o||`dropin-input-${Math.random().toString(36)}`,N=W(ne(async k=>{if(i)try{await i(k)}catch(v){p&&p(v)}},200),[i,p]),x=k=>{const v=k.target;N(v.value.trim())};return e("div",{className:r(["dropin-input-container",`dropin-input-container--${t}`,["dropin-input-container--floating",!!c],["dropin-input-container--disabled",l]]),children:[d&&e(y,{node:d,className:r(["dropin-input__field-icon--left",d.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:b,onChange:x,type:"text",maxLength:u,name:o,value:s,...h,className:r(["dropin-input",`dropin-input--${_}`,`dropin-input--${t}`,["dropin-input--error",!!n],["dropin-input--success",!!m],["dropin-input--disabled",l],["dropin-input--floating",!!c],["dropin-input--icon-left",!!d],a]),disabled:l}),c&&e("label",{htmlFor:b,className:r([["dropin-input__label--floating",!!c],["dropin-input__label--floating--icon-left",!!d],["dropin-input__label--floating--error",!!n]]),children:c})]}),n&&e("div",{className:r(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(O,{source:we,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),m&&e("div",{className:r(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(O,{source:ke,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},Le=({className:o,src:s,params:t,loading:a="lazy",srcSet:l,onLoad:n,...c})=>{const[i,p]=R(!1),_=M(()=>{if(l)return l;if(!(!s||!t))return ue(s,{...t})},[t,s,l]),d=u=>{p(!0),n==null||n(u)};return e("img",{...c,className:r(["dropin-image",["dropin-image--loaded",i],o]),loading:a,onLoad:d,src:s,srcSet:_})},le=({variant:o="primary",className:s})=>e("hr",{role:"separator",className:r(["dropin-divider",`dropin-divider--${o}`,s])}),F=({amount:o=0,currency:s,locale:t=void 0,variant:a="default",weight:l="bold",className:n,children:c,sale:i=!1,formatOptions:p={},size:_="small",...d})=>{const u=M(()=>new Intl.NumberFormat(t,{style:"currency",currency:s||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...p}),[t,s,p]),m=M(()=>u.format(o),[o,u]);return e("span",{...d,className:r(["dropin-price",`dropin-price--${a}`,`dropin-price--${_}`,`dropin-price--${l}`,["dropin-price--sale",i],n]),children:m})},ir=({name:o,label:s,value:t,size:a="medium",checked:l=!1,disabled:n=!1,error:c=!1,description:i="",className:p,children:_,...d})=>e("label",{className:r([p,"dropin-radio-button",["dropin-radio-button--error",c],["dropin-radio-button--disabled",n]]),children:[e("input",{name:o,value:t,checked:l,disabled:n,type:"radio",className:r(["dropin-radio-button__input",["dropin-radio-button__input--error",c],["dropin-radio-button__input--disabled",n]]),...d}),e("span",{className:r(["dropin-radio-button__label",`dropin-radio-button__label--${a}`,["dropin-radio-button__label--error",c],["dropin-radio-button__label--disabled",n]]),children:s}),e("span",{className:r(["dropin-radio-button__description",`dropin-radio-button__description--${a}`,["dropin-radio-button__description--disabled",n]]),children:i})]}),q=({value:o,variant:s="primary",size:t="medium",icon:a,className:l,children:n,disabled:c=!1,active:i=!1,activeChildren:p,activeIcon:_,href:d,...u})=>{let m="dropin-button";(a&&!n||a&&i&&!p||!a&&i&&_)&&(m="dropin-iconButton"),i&&p&&(m="dropin-button"),l=r([m,`${m}--${t}`,`${m}--${s}`,[`${m}--${s}--disabled`,c],n&&a&&`${m}--with-icon`,!n&&p&&a&&`${m}--with-icon`,i&&_&&`${m}--with-icon`,l]);const h=r(["dropin-button-icon",`dropin-button-icon--${s}`,[`dropin-button-icon--${s}--disabled`,c],a==null?void 0:a.props.className]),b=d?{node:e("a",{}),role:"link",href:d,...u,disabled:c,active:i}:{node:e("button",{}),role:"button",...u,value:o,disabled:c,active:i};return e(y,{...b,className:l,children:[a&&!i&&e(y,{node:a,className:h}),_&&i&&e(y,{node:_,className:h}),n&&!i&&(typeof n=="string"?e("span",{children:n}):n),i&&p&&(typeof p=="string"?e("span",{children:p}):p)]})},nr=({name:o,value:s=null,options:t,variant:a="primary",floatingLabel:l,size:n="medium",handleSelect:c=()=>{},disabled:i=!1,error:p=!1,placeholder:_,defaultOption:d,icon:u,className:m,...h})=>{var D;const b=(h==null?void 0:h.id)||o||`dropin-picker-${Math.random().toString(36)}`,N=t==null?void 0:t.find(E=>!E.disabled),[x,k]=R({value:s,text:(d==null?void 0:d.text)||_||(N==null?void 0:N.text),icon:u});z(()=>{const E=t==null?void 0:t.find(S=>S.value===s);k(E??{value:(d==null?void 0:d.value)||(_||l?null:N==null?void 0:N.value),text:(d==null?void 0:d.text)||_||(N==null?void 0:N.text),icon:u})},[s,t,_,u,d,l]);const v=E=>{const{options:S,value:I}=E.target;for(const A of S)A.selected&&(k({value:I,text:A.text,icon:u}),c(E))},w=t==null?void 0:t.map(E=>{const{value:S,text:I,disabled:A}=E,Z=S===x.value;return e("option",{value:S,selected:Z,disabled:A,className:r(["dropin-picker__option"]),children:I},S)}),L=G(null),T=!((D=L.current)!=null&&D.selected)||!!d;return e("div",{className:r([m,"dropin-picker",`dropin-picker__${n}`,["dropin-picker__floating",!!l],["dropin-picker__selected",T],["dropin-picker__error",p],["dropin-picker__disabled",i],["dropin-picker__icon",u]]),children:[u&&e(u.type,{...u.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:b,className:r(["dropin-picker__select",`dropin-picker__select--${a}`,`dropin-picker__select--${n}`,["dropin-picker__select--floating",!!l]]),name:o,"aria-label":o,disabled:i,onChange:v,...h,children:[!d&&(l||_)&&e("option",{value:"",ref:L,className:r(["dropin-picker__option dropin-picker__placeholder"]),children:l??_},s),w]}),e(O,{source:ae,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),l&&T&&e("label",{htmlFor:b,className:r(["dropin-picker__floatingLabel",!!l]),children:l})]})},tr=({className:o,label:s,error:t,hint:a,success:l,size:n="medium",disabled:c=!1,children:i,...p})=>{var u;const _=((u=i==null?void 0:i.props)==null?void 0:u.id)??`dropin-field-${Math.random().toString(36)}`,d=i&&typeof i.type!="string"?i.type:null;return e("div",{...p,className:r(["dropin-field",o]),children:[s&&e("label",{className:r(["dropin-field__label",["dropin-field__label--disabled",c],`dropin-field__label--${n}`]),htmlFor:_,children:s}),e("div",{className:r(["dropin-field__content"]),children:d&&i&&Ne(d,{...i.props,id:_,key:i.key,disabled:c,size:n,error:!!t,success:!!l&&!t})}),e("div",{className:r(["dropin-field__hint",[`dropin-field__hint--${n}`,n],["dropin-field__hint--error",!!t],["dropin-field__hint--success",!!l&&!t],["dropin-field__hint--disabled",!!c]]),children:t||l||a})]})},ar=({icon:o,className:s,children:t,active:a=!1,disabled:l=!1,...n})=>e("button",{role:"button",disabled:l,...n,className:r(["dropin-action-button",["dropin-action-button--active",a],["dropin-action-button--disabled",l],s]),children:[o&&e(y,{node:o,className:r(["dropin-action-button-icon"])}),t&&(typeof t=="string"?e("span",{children:t}):t)]}),or=({className:o,variant:s="primary",activeOption:t,disabled:a=!1,dividers:l=!0,children:n,handleSelect:c,...i})=>{const[p,_]=R(t),d=W(m=>{a||m.props.disabled||(_(m.props.value),c&&c(m.props.value))},[c,_,a]),u=te.map(n,m=>{const h=a||m.props.disabled,b=m.props.value===p;return ve(m,{disabled:h,active:b,onClick:()=>d(m),className:r(["dropin-action-button-group__option",`dropin-action-button-group__option--${s}`,["dropin-action-button-group__option--active",b],["dropin-action-button-group__option--with-dividers",l]])})});return e("div",{role:"group",...i,className:r(["dropin-action-button-group",`dropin-action-button-group--${s}`,o]),children:u})},Ve=({variant:o="primary",className:s,children:t,...a})=>e("div",{...a,className:r(["dropin-card",`dropin-card--${o}`,s]),children:e("div",{class:"dropin-card__content",children:t})}),sr=({name:o,value:s,size:t="medium",disabled:a=!1,error:l=!1,label:n="",description:c="",className:i,checked:p,..._})=>{const[d,u]=R(p===void 0?!1:p),m=G(null),h=N=>{var x;(x=_.onChange)==null||x.call(_,N),u(N.currentTarget.checked)},b=N=>{var x;N.key===" "&&(N.preventDefault(),(x=m==null?void 0:m.current)==null||x.click())};return e("label",{className:r(["dropin-checkbox",["dropin-checkbox--disabled",a]]),children:[e("input",{ref:m,name:o,value:s,type:"checkbox",disabled:a,className:r(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",l],i]),..._,onChange:h,checked:d}),e("span",{"aria-checked":d?"true":"false","aria-labelledby":`${o}-label`,"aria-describedby":`${o}-description`,className:r(["dropin-checkbox__box",["dropin-checkbox__box--error",l],["dropin-checkbox__box--disabled",a]]),role:"checkbox",tabIndex:a?-1:0,onKeyDown:b,children:e(O,{className:r(["dropin-checkbox__checkmark"]),source:xe,size:"16",stroke:"3"})}),e("div",{id:`${o}-label`,className:r(["dropin-checkbox__label",`dropin-checkbox__label--${t}`,["dropin-checkbox__label--disabled",a]]),children:n}),e("div",{}),e("div",{id:`${o}-description`,role:"note",className:r(["dropin-checkbox__description",`dropin-checkbox__description--${t}`,["dropin-checkbox__description--disabled",a]]),children:c})]})},lr=({className:o,name:s,value:t,id:a,label:l,groupAriaLabel:n,size:c="medium",color:i,disabled:p=!1,selected:_=!1,outOfStock:d=!1,multi:u=!1,onValue:m,onUpdateError:h,...b})=>{const N=$("Dropin.Swatches.outOfStock.label").label,x=$("Dropin.Swatches.selected.label").label,k=$("Dropin.Swatches.swatch.label").label,v=W(async S=>{if(m)try{await m(S)}catch(I){h&&h(I)}},[m,h]),w=S=>{const I=S.target;v(I.value)},D=i&&(S=>{const I=new Option().style;return I.color=S,I.color!==""})(i)?i:"var(--color-gray-300);",E=()=>d?`${n}: ${l} ${N}`:_?`${n}: ${l} ${x}`:`${n}: ${l} ${k}`;return e("label",{className:r(["dropin-color-swatch__container",`dropin-color-swatch__container--${c}`,o]),children:[e("input",{type:u?"checkbox":"radio",name:s,id:a,value:t,"aria-label":E(),checked:_,disabled:p,onChange:w,...b,className:r(["dropin-color-swatch",["dropin-color-swatch--selected",_],["dropin-color-swatch--disabled",p],o])}),e("span",{style:{"--bg-color":D},className:r(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",d],o])})]})},cr=({className:o,name:s,value:t,label:a,groupAriaLabel:l,id:n,disabled:c=!1,selected:i=!1,outOfStock:p=!1,multi:_=!1,onValue:d,onUpdateError:u,...m})=>{const h=$("Dropin.Swatches.outOfStock.label").label,b=$("Dropin.Swatches.selected.label").label,N=$("Dropin.Swatches.swatch.label").label,[x,k]=R(!1),v=G(null),w=W(async D=>{if(d)try{await d(D)}catch(E){u&&u(E)}},[d,u]),L=D=>{const E=D.target;w(E.value)},T=()=>p?`${l}: ${a} ${h}`:i?`${l}: ${a} ${b}`:`${l}: ${a} ${N}`;return z(()=>{v.current&&v.current.scrollWidth>v.current.clientWidth&&k(!0)},[a]),e("div",{className:"dropin-text-swatch__container",...x?{"data-tooltip":a}:{},children:[e("input",{type:_?"checkbox":"radio",name:s,id:n,value:t,"aria-label":T(),checked:i,disabled:c,onChange:L,...m,className:r(["dropin-text-swatch",["dropin-text-swatch--selected",i],["dropin-text-swatch--disabled",c],o])}),e("label",{htmlFor:n,ref:v,className:r(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",p],o]),children:a})]})},Oe=({ariaLabel:o,size:s="small",stroke:t="4",children:a,className:l,style:n,...c})=>{const i=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${s}`,`dropin-progress-spinner--shape-stroke-${t}`],p=$({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),_=()=>o||(a?p.updatingChildren:p.updating);return a?e("div",{...c,className:r(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:a}),e("div",{"aria-label":_(),role:"status",className:r(["dropin-progress-spinner-background",l]),style:n}),e("div",{className:r(["dropin-progress-spinner-with-provider",...i]),"aria-hidden":!0})]}):e("div",{...c,className:r([l,...i]),"aria-live":"polite",role:"status","aria-label":_()})},dr=({className:o,name:s,value:t,id:a,label:l,groupAriaLabel:n,src:c,alt:i,disabled:p=!1,selected:_=!1,outOfStock:d=!1,multi:u=!1,onValue:m,onUpdateError:h,...b})=>{const N=$("Dropin.Swatches.outOfStock.label").label,x=$("Dropin.Swatches.selected.label").label,k=$("Dropin.Swatches.swatch.label").label,v=W(async T=>{if(m)try{await m(T)}catch(D){h&&h(D)}},[m,h]),w=T=>{const D=T.target;v(D.value)},L=()=>d?`${n}: ${l} ${N}`:_?`${n}: ${l} ${x}`:`${n}: ${l} ${k}`;return e("label",{className:r(["dropin-image-swatch__container",o]),children:[e("input",{type:u?"checkbox":"radio",name:s,id:a,value:t,"aria-label":L(),checked:_,disabled:p,onChange:w,...b,className:r(["dropin-image-swatch",["dropin-image-swatch--selected",_],["dropin-image-swatch--disabled",p],o])}),e("span",{className:r(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",d],o]),children:e(Le,{src:c,className:r(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:i,loading:"lazy",onError:T=>T.target.style.display="none"})})]})},ce=({className:o,children:s,title:t,secondaryText:a,actionIconPosition:l="left",iconOpen:n=K,iconClose:c=U,iconLeft:i=K,showIconLeft:p=!1,renderContentWhenClosed:_=!0,onStateChange:d,...u})=>{const[m,h]=R(!1),b=w=>{w.stopImmediatePropagation();const L=!m;h(L),d==null||d(L)},N=$(`Dropin.Accordion.${m?"close":"open"}.label`).label,x=e(O,{source:n,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__open-icon"}),k=e(O,{source:c,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__close-icon"}),v=e(O,{source:i,size:"24"});return e("div",{...u,className:r(["dropin-accordion-section",o]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:b,onKeyPress:b,role:"button","aria-label":`${N} ${t}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[l==="left"&&(m?k:x),p&&v,e("h3",{className:"dropin-accordion-section__title",children:t})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[a&&e("h4",{className:"dropin-accordion-section__secondary-text",children:a}),l==="right"&&(m?k:x)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:m?"grid":"none"},children:(m||_&&!m)&&s})]})},Re=({className:o,children:s,actionIconPosition:t="left",iconOpen:a=K,iconClose:l=U,...n})=>{const c=e(le,{variant:"secondary"}),i=p=>e(V,{children:[e(ce,{...p.props,actionIconPosition:t,iconOpen:a,iconClose:l}),c]});return e("div",{...n,className:r(["dropin-accordion",o]),children:[c,...(Array.isArray(s)?s:[s]).map(i)]})},pr=({className:o,type:s="warning",additionalActions:t,onDismiss:a,heading:l,description:n,icon:c,...i})=>{var _,d,u;const p=$({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...i,className:r(["dropin-in-line-alert",`dropin-in-line-alert--${s}`,o]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[c&&e(y,{node:c,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:l})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[(t==null?void 0:t.length)==1&&e(q,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:(_=t[0])==null?void 0:_.onClick,"aria-label":(d=t[0])==null?void 0:d.label,children:(u=t[0])==null?void 0:u.label}),a&&e(q,{icon:e(O,{source:J,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:a,"aria-label":p.dismiss})]})]}),n&&e("p",{className:"dropin-in-line-alert__description",children:n}),t&&(t==null?void 0:t.length)>1&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:t.map(m=>e(q,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:m.onClick,children:m.label},m.label))})]})},mr=({size:o="small",title:s=null,centered:t=!1,backgroundDim:a=!0,clickToDismiss:l=!0,escapeToDismiss:n=!0,onClose:c,showCloseButton:i=!0,className:p,children:_=null,...d})=>{const u=W(()=>{c==null||c()},[c]),m=$({modalCloseLabel:"Dropin.Modal.Close.label"});return z(()=>{const h=b=>{const N=document.querySelector(".dropin-modal"),x=document.querySelector(".dropin-modal__body");l&&N&&x&&!x.contains(b.target)&&u()};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[u,l]),z(()=>{const h=b=>{b.key==="Escape"&&n&&u()};return document.addEventListener("keydown",h),()=>{document.removeEventListener("keydown",h)}},[u,n]),z(()=>{const h=document.scrollingElement,b=h.style.overflow;return h.style.overflow="hidden",()=>{h.style.overflow=b}},[]),e("div",{className:r(["dropin-modal",["dropin-modal--dim",a]]),children:e("div",{...d,className:r(["dropin-modal__body",[`dropin-modal__body--${o}`,o],p]),children:[e("div",{className:r(["dropin-modal__header",["dropin-modal__header-title",!!s]]),children:[s&&e("div",{className:r(["dropin-modal__header-title-content"]),children:s}),i&&e(q,{"aria-label":m.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:u,icon:e(J,{})})]}),e("div",{className:r(["dropin-modal__content",["dropin-modal__body--centered",t]]),children:_})]})})},_r=({className:o,children:s,ariaLabel:t,image:a,title:l,price:n,taxIncluded:c=!1,taxExcluded:i=!1,total:p,totalExcludingTax:_,sku:d,configurations:u,warning:m,alert:h,quantity:b=1,description:N,loading:x=!1,updating:k=!1,onQuantity:v,onRemove:w,...L})=>{var E,S;const{locale:T}=ge(se),D=$({each:"Dropin.CartItem.each.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"});return x?e(Ae,{}):e("div",{...L,className:r(["dropin-cart-item",["dropin-cart-item--updating",k],o]),children:[k&&e(Oe,{className:r(["dropin-cart-item__spinner"]),ariaLabel:t?(E=D.updating)==null?void 0:E.replace("{product}",t):D.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[e(y,{node:a,className:r(["dropin-cart-item__image"])}),e(y,{node:l,className:r(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!v||!!w]])}),N&&e(y,{node:N,className:r(["dropin-cart-item__description"])}),e(y,{node:d,className:r(["dropin-cart-item__sku"])}),u&&e("ul",{className:r(["dropin-cart-item__configurations"]),children:Object.entries(u).map(([I,A])=>e("li",{className:r(["dropin-cart-item__configurations__item"]),children:[I,":"," ",e("strong",{className:r(["dropin-cart-item__configurations__item__value"]),children:A})]},I))}),e("span",{className:r(["dropin-cart-item__price"]),children:[!v&&e("span",{className:"dropin-cart-item__price__quantity",children:[b.toLocaleString(T)," x"," "]}),e(y,{node:n,role:"text"}),b>1&&e(V,{children:[" ",D.each]}),c&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",D.taxIncluded]}),i&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",D.taxExcluded]})]}),e("div",{className:r(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!v]]),children:[v?e(Ie,{className:r(["dropin-cart-item__quantity__incrementer"]),value:b,min:1,onValue:I=>v==null?void 0:v(Number(I)),name:"quantity","aria-label":D.quantity,disabled:k}):e("span",{className:r(["dropin-cart-item__quantity__value"]),children:[D.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(b).toLocaleString(T)})]}),m&&e(y,{node:m,className:r(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),h&&e(y,{node:h,className:r(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),m&&e(y,{node:m,className:r(["dropin-cart-item__warning"])}),h&&e(y,{node:h,className:r(["dropin-cart-item__alert"])}),e("div",{className:r(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!w]]),children:[e("div",{className:"dropin-cart-item__row-total",children:e(y,{node:p,role:"text"})}),c&&e("span",{"data-testid":"tax-message",className:r(["dropin-cart-item__total-tax-message"]),children:[" ",D.taxIncluded]}),i&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:r(["dropin-cart-item__total-tax-excluded-message"]),children:[_&&e(y,{node:_,role:"text"})," ",D.taxExcluded]})})]})]}),w&&e(q,{className:r(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>w==null?void 0:w(),icon:e(O,{source:De,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":t?(S=D.remove)==null?void 0:S.replace("{product}",t):D.removeDefault}),disabled:k})]})},Ae=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(oe,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(B,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(B,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(B,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(B,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(B,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(B,{className:"dropin-cart-item__skeleton__item"})})]})}),ur=({className:o,children:s,...t})=>{const{heading:a,loading:l=!0,total:n,subTotal:c,shipping:i,taxTotal:p,taxesApplied:_,discounts:d,primaryAction:u,...m}=t,[h,b]=R(!1),N=G(null),[x,k]=R(!0),[v,w]=R("zip"),L=$({editZipAction:"Dropin.PriceSummary.shipping.editZipAction",destinationLinkAriaLabel:"Dropin.PriceSummary.shipping.destinationLinkAriaLabel",taxesBreakdownTitle:"Dropin.PriceSummary.taxes.breakdown",subtotalLabel:"Dropin.PriceSummary.subTotal.label",shippingLabel:"Dropin.PriceSummary.shipping.label",showTaxBreakdown:"Dropin.PriceSummary.taxes.showBreakdown",hideTaxBreakdown:"Dropin.PriceSummary.taxes.hideBreakdown",zipPlaceholder:"Dropin.PriceSummary.shipping.zipPlaceholder"}),T=C=>{C.preventDefault(),k(H=>!H)},D=C=>{C.preventDefault(),k(!0),w(H=>H==="zip"?"state":"zip")},E=C=>{var X;C.preventDefault(),k(!1);const H=he(N.current);(X=i==null?void 0:i.onEstimate)==null||X.call(i,H)},S=e(oe,{"data-testid":"loading-skeleton",rowGap:"xsmall",children:e(B,{variant:"row",size:"small",lines:5,fullWidth:!0,multilineGap:"xsmall"})}),I=i&&e(V,{children:e("div",{"data-testid":"shipping-content",className:r(["dropin-price-summary__entry","dropin-price-summary__shipping"]),children:[e("span",{className:"dropin-price-summary__label",children:i.estimated?i.destinationText?e(V,{children:[e(P,{id:"Dropin.PriceSummary.shipping.estimatedDestination"}),e("a",{className:"dropin-price-summary__shippingLink",role:"button",href:"",onClick:T,onKeyDown:C=>{(C.key==="Enter"||C.key===" ")&&T(C)},tabIndex:0,"aria-label":L.destinationLinkAriaLabel,"data-testid":"shipping-destination-link",children:i.destinationText})]}):e(P,{id:"Dropin.PriceSummary.shipping.estimated"}):e(P,{id:"Dropin.PriceSummary.shipping.label"})}),e(y,{node:i.price,className:"dropin-price-summary__price"}),i.estimated&&e(V,{children:e("div",{className:r(["dropin-price-summary__caption"]),children:e("a",{href:"#",className:"dropin-price-summary__shippingLink",onClick:D,"data-testid":"shipping-alternate-field-link",children:v==="zip"?e(P,{id:"Dropin.PriceSummary.shipping.alternateField.state"}):e(P,{id:"Dropin.PriceSummary.shipping.alternateField.zip"})})})}),i.estimated&&e(V,{children:e("form",{className:r(["dropin-price-summary__shipping--edit",["dropin-price-summary__shipping--hide",!x]]),ref:N,"data-testid":"shipping-estimate-form",children:[i.countryField&&e(y,{node:i.countryField,className:r(["dropin-price-summary__shipping--country"])}),v==="state"?i.stateField&&e(y,{node:i.stateField,className:r(["dropin-price-summary__shipping--state"])}):i.zipField&&e(y,{node:i.zipField,className:r(["dropin-price-summary__shipping--zip"])}),i.estimateButton&&e(y,{node:i.estimateButton,className:r(["dropin-price-summary__shipping--action"]),onClick:E,type:"submit"})]})}),i.taxIncluded&&e("div",{"data-testid":"shipping-tax-included",className:r(["dropin-price-summary__caption"]),children:e("span",{children:e(P,{id:"Dropin.PriceSummary.shipping.withTaxes"})})}),i.taxExcluded?e("div",{"data-testid":"shipping-tax-included-excluded",className:r(["dropin-price-summary__caption"]),children:e("span",{children:[i.priceExcludingTax," ",e(P,{id:"Dropin.PriceSummary.shipping.withoutTaxes"})]})}):void 0]})}),A=d&&e(V,{children:d.map(C=>e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__discount"]),children:[e("span",{className:r(["dropin-price-summary__label"]),children:C.label}),e(y,{node:C.price,className:r(["dropin-price-summary__price"])}),C.caption&&e(y,{node:C.caption,className:r(["dropin-price-summary__caption"])})]},C.label))}),Z=_?e(V,{children:e(Re,{"data-testid":"tax-breakdown",className:"dropin-price-summary__taxes",iconOpen:ae,iconClose:Ee,children:e(ce,{title:L.taxesBreakdownTitle,secondaryText:!h&&p?e(y,{node:p.price,className:"dropin-price-summary__price"}):void 0,renderContentWhenClosed:!1,onStateChange:b,children:[e("div",{className:r(["dropin-price-summary__appliedTaxes"]),children:_.map(C=>e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__taxEntry"]),children:[e("span",{className:r(["dropin-price-summary__label","dropin-price-summary__label--muted"]),children:C.label}),e(y,{node:C.price,className:r(["dropin-price-summary__price","dropin-price-summary__price--muted"])})]},C.label))}),e("div",{className:r(["dropin-price-summary__entry"]),children:[e("span",{className:"dropin-price-summary__label",children:e(P,{id:"Dropin.PriceSummary.taxes.total"})}),p&&e(y,{node:p.price,className:"dropin-price-summary__price"})]})]})})}):p&&e("div",{"data-testid":"tax-total-only",className:r(["dropin-price-summary__entry","dropin-price-summary__taxTotal"]),children:[e("span",{className:"dropin-price-summary__label",children:p.estimated?e(P,{id:"Dropin.PriceSummary.taxes.estimated"}):e(P,{id:"Dropin.PriceSummary.taxes.totalOnly"})}),e(y,{node:p.price,className:"dropin-price-summary__price"})]}),de=n&&e(V,{children:e("div",{"data-testid":"total-content",className:r(["dropin-price-summary__entry","dropin-price-summary__total",n.estimated&&"dropin-price-summary__total--padded"]),children:[e("span",{className:r(["dropin-price-summary__label","dropin-price-summary__label--bold"]),children:n.estimated?e(P,{id:"Dropin.PriceSummary.total.estimated"}):e(P,{id:"Dropin.PriceSummary.total.label"})}),e(y,{node:n.price,className:r(["dropin-price-summary__price","dropin-price-summary__price--bold"])})]})}),pe=n&&n.priceWithoutTax&&e("div",{"data-testid":"total-without-tax",className:"dropin-price-summary__entry dropin-price-summary__totalWithoutTax",children:[e("span",{className:r(["dropin-price-summary__label","dropin-price-summary__label--muted"]),children:e(P,{id:"Dropin.PriceSummary.total.withoutTax"})}),e(y,{node:n.priceWithoutTax,className:r(["dropin-price-summary__price","dropin-price-summary__price--muted"])})]}),me=u&&e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__primaryAction"]),children:u}),_e=c&&e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__subTotal"]),children:[e("span",{className:"dropin-price-summary__label",children:e(P,{id:"Dropin.PriceSummary.subTotal.label"})}),e(y,{node:c.price,className:"dropin-price-summary__price"}),c.taxIncluded&&e("div",{"data-testid":"sub-total-tax-caption",className:r(["dropin-price-summary__caption"]),children:e("span",{children:e(P,{id:"Dropin.PriceSummary.subTotal.withTaxes"})})}),c.taxExcluded?e("div",{"data-testid":"sub-total-tax-caption-excluded",className:r(["dropin-price-summary__caption"]),children:e("span",{children:[c.priceExcludingTax," ",e(P,{id:"Dropin.PriceSummary.subTotal.withoutTaxes"})]})}):void 0]});return e("div",{...m,className:r(["dropin-price-summary",o]),children:[e("div",{className:"dropin-price-summary__heading",children:a}),e(le,{variant:"primary",className:"dropin-price-summary__divider-primary"}),l?S:e(V,{children:[_e,I,A,Z,de,pe,me]})]})},hr=({className:o,children:s,...t})=>e("div",{...t,className:r(["dropin-cart-list",o]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:te.map(s,(a,l)=>e("div",{className:"dropin-cart-list__item",children:a},l))})}),br=({className:o,children:s,locale:t,currency:a,amount:l,variant:n="default",minimumAmount:c,maximumAmount:i,size:p="small",display:_="dash",specialPrice:d,sale:u=!1,...m})=>{const h=M(()=>l||c===i||c&&!i||i&&!c,[l,i,c]);return e("div",{children:h?e("div",{...m,className:r(["dropin-price-range",o]),children:e(F,{amount:l??c??i,currency:a,locale:t,size:p,variant:n,sale:u})}):e("div",{...m,className:r(["dropin-price-range",o]),children:[_==="dash"?e(Fe,{specialPrice:d,minimumAmount:c,maximumAmount:i,currency:a,locale:t,size:p,sale:u}):null,_==="from to"?e(Be,{specialPrice:d,minimumAmount:c,maximumAmount:i,currency:a,locale:t,size:p,sale:u}):null,_==="as low as"?e(qe,{specialPrice:d,minimumAmount:c,maximumAmount:i,currency:a,locale:t,size:p,sale:u}):null]})})};function Fe({specialPrice:o,minimumAmount:s,maximumAmount:t,currency:a,locale:l,size:n,sale:c}){return e(V,{children:[e(F,{amount:o??s,currency:a,locale:l,size:n,sale:!!o&&c}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(F,{amount:t,currency:a,locale:l,size:n})]})}function Be({specialPrice:o,minimumAmount:s,maximumAmount:t,currency:a,locale:l,size:n,sale:c}){const i=$({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:r(["dropin-price-range__from",`dropin-price-range__from--${n}`]),children:i.from}),e(F,{amount:o??s,currency:a,locale:l,size:n,sale:!!o&&c}),e("span",{className:r(["dropin-price-range__to",`dropin-price-range__to--${n}`]),children:i.to}),e(F,{amount:t,currency:a,locale:l,size:n})]})}function qe({specialPrice:o,minimumAmount:s,maximumAmount:t,currency:a,locale:l,size:n,sale:c}){const i=$({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:r(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${n}`]),children:i.asLowAs}),o?e("div",{children:[e(F,{amount:t,currency:a,locale:l,size:n,variant:"strikethrough"}),e(F,{amount:o,currency:a,locale:l,size:n,className:"dropin-price-range__special",sale:!!o&&c})]}):e(F,{amount:s,currency:a,locale:l,size:n})]})}const yr=({className:o,categories:s,separator:t,...a})=>e(V,{children:(s==null?void 0:s.length)>1&&e("nav",{role:"navigation",...a,className:r(["dropin-breadcrumbs__container",o]),children:e("ul",{className:"dropin-breadcrumbs__items",children:s==null?void 0:s.map((l,n)=>e("li",{className:r(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",n===s.length-1]]),children:[e(y,{node:l,className:"dropin-breadcrumbs__link"}),!t&&n!==s.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),t&&n!==s.length-1&&e(y,{node:t,className:"dropin-breadcrumbs__separator--icon"})]},n))})})}),Nr=({className:o,variant:s,icon:t,message:a,onDismiss:l,action:n,...c})=>{const i=$({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...c,className:r([o,"dropin-alert-banner",`dropin-alert-banner--${s}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[t&&e(y,{node:t,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(y,{node:a,className:r(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[n&&e(q,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:n.onClick,"aria-label":n.label,children:n.label}),e(q,{icon:e(O,{source:J,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:l,"aria-label":i.dismiss})]})]})},vr=({className:o,icon:s,heading:t,headingLevel:a=2,message:l,action:n,variant:c="secondary",...i})=>{const p=a>=1&&a<=6?`h${a}`:"h2";return e("div",{...i,className:r(["dropin-illustrated-message",o]),children:e(Ve,{variant:c,children:[s&&e(y,{node:s,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),t&&e(p,{className:"dropin-illustrated-message__heading",children:t}),l&&e(y,{node:l,className:"dropin-illustrated-message__message"}),n&&e(y,{node:n,className:"dropin-illustrated-message__action"})]})})};export{Re as Accordion,ce as AccordionSection,ar as ActionButton,or as ActionButtonGroup,Nr as AlertBanner,yr as Breadcrumbs,q as Button,Ve as Card,_r as CartItem,Ae as CartItemSkeleton,hr as CartList,sr as Checkbox,lr as ColorSwatch,le as Divider,tr as Field,O as Icon,vr as IllustratedMessage,Le as Image,dr as ImageSwatch,pr as InLineAlert,Ie as Incrementer,rr as Input,mr as Modal,nr as Picker,F as Price,br as PriceRange,ur as PriceSummary,Oe as ProgressSpinner,ir as RadioButton,oe as Skeleton,B as SkeletonRow,cr as TextSwatch,se as UIContext,er as UIProvider};
+import{jsx as e}from"./preact-jsx-runtime.js";import{d as j,c as r,b as ne,V as y,e as ue,g as he}from"./chunks/vcomponent.js";import{G as be,q as M,b as g,L as ye,p as R,a as z,x as W,S as K,F as G,_ as Ne,N as te,E as ve,k as V,P as ge}from"./chunks/icons/Add.js";import{IntlProvider as fe,Localizer as Y,Text as $,useText as P}from"./i18n.js";import U from"./chunks/icons/Minus.js";import ke from"./chunks/icons/CheckWithCircle.js";import we from"./chunks/icons/WarningWithCircle.js";import ae from"./chunks/icons/ChevronDown.js";import xe from"./chunks/icons/Check.js";import J from"./chunks/icons/Close.js";import De from"./chunks/icons/Trash.js";import Ee from"./chunks/icons/ChevronUp.js";import"./chunks/image-params-keymap.js";const Ce={ExampleComponentName:{item:{label:"string"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity"},Modal:{Close:{label:"Close"}},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"},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"}}},Q={Dropin:Ce},ee={default:Q,en_US:Q},Se=a=>j(ee.default,ee[a]||{}),re=1,B=({className:a,fullWidth:o=!1,lines:l=re,size:n="small",variant:s="row",children:t=null,multilineGap:c="medium",...i})=>{const p=[[`dropin-skeleton-row__${s}`,s],[`dropin-skeleton-row__${s}-${n}`,s&&n]];if(!t&&s==="empty")return e("div",{className:r(["dropin-skeleton-row dropin-skeleton-row__empty",a])});if(t){const d=t.trim();return e("div",{...i,class:r(["dropin-skeleton-row",["dropin-skeleton-row--full",o],a]),dangerouslySetInnerHTML:{__html:d}})}return l>re===!1?e("div",{...i,class:r(["dropin-skeleton-row",["dropin-skeleton-row--full",o],"dropin-skeleton--row__content",...p,a])}):e("div",{...i,style:{"--multiline-gap-spacing":`var(--spacing-${c})`},class:r(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",o],a]),children:Array.from({length:l}).map((d,u)=>e("div",{class:r(["dropin-skeleton-row",["dropin-skeleton-row--full",o],"dropin-skeleton--row__content",...p])},u))})},oe=({className:a,children:o,rowGap:l="medium",...n})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${l})`},...n,className:r(["dropin-skeleton",a]),role:"status","aria-label":"Loading...",children:o}),se=be({locale:"en-US"}),er=({lang:a="en_US",langDefinitions:o={},className:l,children:n,...s})=>{const t=M(()=>{const i=j(o.default,o[a]??{});return j(Se(a),i)},[a,o]),c=a.replace("_","-");return e(se.Provider,{value:{locale:c},children:e(fe,{definition:t,children:e("div",{...s,className:r(["dropin-design",l]),children:n})})})},$e=function(){const o=typeof document<"u"&&document.createElement("link").relList;return o&&o.supports&&o.supports("modulepreload")?"modulepreload":"preload"}(),Pe=function(a){return"/"+a},ie={},f=function(o,l,n){let s=Promise.resolve();if(l&&l.length>0){document.getElementsByTagName("link");const t=document.querySelector("meta[property=csp-nonce]"),c=(t==null?void 0:t.nonce)||(t==null?void 0:t.getAttribute("nonce"));s=Promise.all(l.map(i=>{if(i=Pe(i),i in ie)return;ie[i]=!0;const p=i.endsWith(".css"),_=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${i}"]${_}`))return;const d=document.createElement("link");if(d.rel=p?"stylesheet":$e,p||(d.as="script",d.crossOrigin=""),d.href=i,c&&d.setAttribute("nonce",c),document.head.appendChild(d),p)return new Promise((u,m)=>{d.addEventListener("load",u),d.addEventListener("error",()=>m(new Error(`Unable to preload CSS for ${i}`)))})}))}return s.then(()=>o()).catch(t=>{const c=new Event("vite:preloadError",{cancelable:!0});if(c.payload=t,window.dispatchEvent(c),!c.defaultPrevented)throw t})},Te={Add:g(()=>f(()=>import("./chunks/icons/Add.js").then(a=>a.$),[])),Bulk:g(()=>f(()=>import("./chunks/icons/Bulk.js"),[])),Burger:g(()=>f(()=>import("./chunks/icons/Burger.js"),[])),Cart:g(()=>f(()=>import("./chunks/icons/Cart.js"),[])),Check:g(()=>f(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:g(()=>f(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:g(()=>f(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:g(()=>f(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:g(()=>f(()=>import("./chunks/icons/Close.js"),[])),Heart:g(()=>f(()=>import("./chunks/icons/Heart.js"),[])),Minus:g(()=>f(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:g(()=>f(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:g(()=>f(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:g(()=>f(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:g(()=>f(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:g(()=>f(()=>import("./chunks/icons/Sort.js"),[])),Star:g(()=>f(()=>import("./chunks/icons/Star.js"),[])),View:g(()=>f(()=>import("./chunks/icons/View.js"),[])),User:g(()=>f(()=>import("./chunks/icons/User.js"),[])),Warning:g(()=>f(()=>import("./chunks/icons/Warning.js"),[])),Locker:g(()=>f(()=>import("./chunks/icons/Locker.js"),[])),Wallet:g(()=>f(()=>import("./chunks/icons/Wallet.js"),[])),Card:g(()=>f(()=>import("./chunks/icons/Card.js"),[])),Order:g(()=>f(()=>import("./chunks/icons/Order.js"),[])),Delivery:g(()=>f(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:g(()=>f(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:g(()=>f(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:g(()=>f(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:g(()=>f(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:g(()=>f(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:g(()=>f(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:g(()=>f(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:g(()=>f(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:g(()=>f(()=>import("./chunks/icons/Trash.js"),[]))};function O({source:a,size:o="24",stroke:l="2",viewBox:n="0 0 24 24",className:s,...t}){const c=typeof a=="string"?Te[a]:null,i={className:r(["dropin-icon",`dropin-icon--shape-stroke-${l}`,s]),width:o,height:o,viewBox:n};return e(ye,{fallback:null,children:c?e(c,{...t,...i}):e(a,{...t,...i})})}const Ie=({name:a,value:o="1",className:l,disabled:n,error:s,success:t,min:c,max:i,onValue:p,onUpdateError:_,size:d="medium",...u})=>{const[m,h]=R(Number(o)),b=Number(c),N=Number(i);z(()=>{h(Number(o))},[o]);const x=W(ne(async v=>{if(p)try{await p(v)}catch(w){_&&_(w)}},200),[p,_]),k=v=>{let w=v;v<b&&(w=b),v>N&&(w=N),x(w),h(w)};return e("div",{className:r(["dropin-incrementer",`dropin-incrementer--${d}`,l]),children:e("div",{className:r(["dropin-incrementer__content",`dropin-incrementer__content--${d}`,["dropin-incrementer__content--error",s],["dropin-incrementer__content--success",t],["dropin-incrementer__content--disabled",n]]),children:[e("div",{className:r(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",n]]),children:e(Y,{children:e("button",{type:"button",className:r(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",n]]),onClick:()=>k(m-1),disabled:n||m<b+1,"aria-label":e($,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(O,{source:U,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:i,min:c,step:1,type:"number",name:a,value:m,disabled:n,onChange:v=>{const w=v.currentTarget.value;w!==""&&k(Number(w))},...u}),e("div",{className:r(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",n]]),children:e(Y,{children:e("button",{type:"button",className:r(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",n]]),onClick:()=>k(m+1),disabled:n||m>N-1,"aria-label":e($,{id:"Dropin.Incrementer.increaseLabel"}),children:e(O,{source:K,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]})})},rr=({name:a,value:o,variant:l="primary",className:n,disabled:s,error:t,floatingLabel:c,onValue:i,onUpdateError:p,size:_="medium",icon:d,maxLength:u,success:m,...h})=>{const b=(h==null?void 0:h.id)||a||`dropin-input-${Math.random().toString(36)}`,N=W(ne(async k=>{if(i)try{await i(k)}catch(v){p&&p(v)}},200),[i,p]),x=k=>{const v=k.target;N(v.value.trim())};return e("div",{className:r(["dropin-input-container",`dropin-input-container--${l}`,["dropin-input-container--floating",!!c],["dropin-input-container--disabled",s]]),children:[d&&e(y,{node:d,className:r(["dropin-input__field-icon--left",d.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:b,onChange:x,type:"text",maxLength:u,name:a,value:o,...h,className:r(["dropin-input",`dropin-input--${_}`,`dropin-input--${l}`,["dropin-input--error",!!t],["dropin-input--success",!!m],["dropin-input--disabled",s],["dropin-input--floating",!!c],["dropin-input--icon-left",!!d],n]),disabled:s}),c&&e("label",{htmlFor:b,className:r([["dropin-input__label--floating",!!c],["dropin-input__label--floating--icon-left",!!d],["dropin-input__label--floating--error",!!t]]),children:c})]}),t&&e("div",{className:r(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(O,{source:we,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),m&&e("div",{className:r(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(O,{source:ke,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},Le=({className:a,src:o,params:l,loading:n="lazy",srcSet:s,onLoad:t,...c})=>{const[i,p]=R(!1),_=M(()=>{if(s)return s;if(!(!o||!l))return ue(o,{...l})},[l,o,s]),d=u=>{p(!0),t==null||t(u)};return e("img",{...c,className:r(["dropin-image",["dropin-image--loaded",i],a]),loading:n,onLoad:d,src:o,srcSet:_})},le=({variant:a="primary",className:o})=>e("hr",{role:"separator",className:r(["dropin-divider",`dropin-divider--${a}`,o])}),F=({amount:a=0,currency:o,locale:l=void 0,variant:n="default",weight:s="bold",className:t,children:c,sale:i=!1,formatOptions:p={},size:_="small",...d})=>{const u=M(()=>new Intl.NumberFormat(l,{style:"currency",currency:o||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...p}),[l,o,p]),m=M(()=>u.format(a),[a,u]);return e("span",{...d,className:r(["dropin-price",`dropin-price--${n}`,`dropin-price--${_}`,`dropin-price--${s}`,["dropin-price--sale",i],t]),children:m})},ir=({name:a,label:o,value:l,size:n="medium",checked:s=!1,disabled:t=!1,error:c=!1,description:i="",className:p,children:_,...d})=>e("label",{className:r([p,"dropin-radio-button",["dropin-radio-button--error",c],["dropin-radio-button--disabled",t]]),children:[e("input",{name:a,value:l,checked:s,disabled:t,type:"radio",className:r(["dropin-radio-button__input",["dropin-radio-button__input--error",c],["dropin-radio-button__input--disabled",t]]),...d}),e("span",{className:r(["dropin-radio-button__label",`dropin-radio-button__label--${n}`,["dropin-radio-button__label--error",c],["dropin-radio-button__label--disabled",t]]),children:o}),e("span",{className:r(["dropin-radio-button__description",`dropin-radio-button__description--${n}`,["dropin-radio-button__description--disabled",t]]),children:i})]}),q=({value:a,variant:o="primary",size:l="medium",icon:n,className:s,children:t,disabled:c=!1,active:i=!1,activeChildren:p,activeIcon:_,href:d,...u})=>{let m="dropin-button";(n&&!t||n&&i&&!p||!n&&i&&_)&&(m="dropin-iconButton"),i&&p&&(m="dropin-button"),s=r([m,`${m}--${l}`,`${m}--${o}`,[`${m}--${o}--disabled`,c],t&&n&&`${m}--with-icon`,!t&&p&&n&&`${m}--with-icon`,i&&_&&`${m}--with-icon`,s]);const h=r(["dropin-button-icon",`dropin-button-icon--${o}`,[`dropin-button-icon--${o}--disabled`,c],n==null?void 0:n.props.className]),b=d?{node:e("a",{}),role:"link",href:d,...u,disabled:c,active:i}:{node:e("button",{}),role:"button",...u,value:a,disabled:c,active:i};return e(y,{...b,className:s,children:[n&&!i&&e(y,{node:n,className:h}),_&&i&&e(y,{node:_,className:h}),t&&!i&&(typeof t=="string"?e("span",{children:t}):t),i&&p&&(typeof p=="string"?e("span",{children:p}):p)]})},nr=({name:a,value:o=null,options:l,variant:n="primary",floatingLabel:s,size:t="medium",handleSelect:c=()=>{},disabled:i=!1,error:p=!1,placeholder:_,defaultOption:d,icon:u,className:m,...h})=>{var D;const b=(h==null?void 0:h.id)||a||`dropin-picker-${Math.random().toString(36)}`,N=l==null?void 0:l.find(E=>!E.disabled),[x,k]=R({value:o,text:(d==null?void 0:d.text)||_||(N==null?void 0:N.text),icon:u});z(()=>{const E=l==null?void 0:l.find(S=>S.value===o);k(E??{value:(d==null?void 0:d.value)||(_||s?null:N==null?void 0:N.value),text:(d==null?void 0:d.text)||_||(N==null?void 0:N.text),icon:u})},[o,l,_,u,d,s]);const v=E=>{const{options:S,value:I}=E.target;for(const A of S)A.selected&&(k({value:I,text:A.text,icon:u}),c(E))},w=l==null?void 0:l.map(E=>{const{value:S,text:I,disabled:A}=E,Z=S===x.value;return e("option",{value:S,selected:Z,disabled:A,className:r(["dropin-picker__option"]),children:I},S)}),L=G(null),T=!((D=L.current)!=null&&D.selected)||!!d;return e("div",{className:r([m,"dropin-picker",`dropin-picker__${t}`,["dropin-picker__floating",!!s],["dropin-picker__selected",T],["dropin-picker__error",p],["dropin-picker__disabled",i],["dropin-picker__icon",u]]),children:[u&&e(u.type,{...u.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:b,className:r(["dropin-picker__select",`dropin-picker__select--${n}`,`dropin-picker__select--${t}`,["dropin-picker__select--floating",!!s]]),name:a,"aria-label":a,disabled:i,onChange:v,...h,children:[!d&&(s||_)&&e("option",{value:"",ref:L,className:r(["dropin-picker__option dropin-picker__placeholder"]),children:s??_},o),w]}),e(O,{source:ae,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),s&&T&&e("label",{htmlFor:b,className:r(["dropin-picker__floatingLabel",!!s]),children:s})]})},tr=({className:a,label:o,error:l,hint:n,success:s,size:t="medium",disabled:c=!1,children:i,...p})=>{var u;const _=((u=i==null?void 0:i.props)==null?void 0:u.id)??`dropin-field-${Math.random().toString(36)}`,d=i&&typeof i.type!="string"?i.type:null;return e("div",{...p,className:r(["dropin-field",a]),children:[o&&e("label",{className:r(["dropin-field__label",["dropin-field__label--disabled",c],`dropin-field__label--${t}`]),htmlFor:_,children:o}),e("div",{className:r(["dropin-field__content"]),children:d&&i&&Ne(d,{...i.props,id:_,key:i.key,disabled:c,size:t,error:!!l,success:!!s&&!l})}),e("div",{className:r(["dropin-field__hint",[`dropin-field__hint--${t}`,t],["dropin-field__hint--error",!!l],["dropin-field__hint--success",!!s&&!l],["dropin-field__hint--disabled",!!c]]),children:l||s||n})]})},ar=({icon:a,className:o,children:l,active:n=!1,disabled:s=!1,...t})=>e("button",{role:"button",disabled:s,...t,className:r(["dropin-action-button",["dropin-action-button--active",n],["dropin-action-button--disabled",s],o]),children:[a&&e(y,{node:a,className:r(["dropin-action-button-icon"])}),l&&(typeof l=="string"?e("span",{children:l}):l)]}),or=({className:a,variant:o="primary",activeOption:l,disabled:n=!1,dividers:s=!0,children:t,handleSelect:c,...i})=>{const[p,_]=R(l),d=W(m=>{n||m.props.disabled||(_(m.props.value),c&&c(m.props.value))},[c,_,n]),u=te.map(t,m=>{const h=n||m.props.disabled,b=m.props.value===p;return ve(m,{disabled:h,active:b,onClick:()=>d(m),className:r(["dropin-action-button-group__option",`dropin-action-button-group__option--${o}`,["dropin-action-button-group__option--active",b],["dropin-action-button-group__option--with-dividers",s]])})});return e("div",{role:"group",...i,className:r(["dropin-action-button-group",`dropin-action-button-group--${o}`,a]),children:u})},Ve=({variant:a="primary",className:o,children:l,...n})=>e("div",{...n,className:r(["dropin-card",`dropin-card--${a}`,o]),children:e("div",{class:"dropin-card__content",children:l})}),sr=({name:a,value:o,size:l="medium",disabled:n=!1,error:s=!1,label:t="",description:c="",className:i,checked:p,..._})=>{const[d,u]=R(p===void 0?!1:p),m=G(null),h=N=>{var x;(x=_.onChange)==null||x.call(_,N),u(N.currentTarget.checked)},b=N=>{var x;N.key===" "&&(N.preventDefault(),(x=m==null?void 0:m.current)==null||x.click())};return e("label",{className:r(["dropin-checkbox",["dropin-checkbox--disabled",n]]),children:[e("input",{ref:m,name:a,value:o,type:"checkbox",disabled:n,className:r(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",s],i]),..._,onChange:h,checked:d}),e("span",{"aria-checked":d?"true":"false","aria-labelledby":`${a}-label`,"aria-describedby":`${a}-description`,className:r(["dropin-checkbox__box",["dropin-checkbox__box--error",s],["dropin-checkbox__box--disabled",n]]),role:"checkbox",tabIndex:n?-1:0,onKeyDown:b,children:e(O,{className:r(["dropin-checkbox__checkmark"]),source:xe,size:"16",stroke:"3"})}),e("div",{id:`${a}-label`,className:r(["dropin-checkbox__label",`dropin-checkbox__label--${l}`,["dropin-checkbox__label--disabled",n]]),children:t}),e("div",{}),e("div",{id:`${a}-description`,role:"note",className:r(["dropin-checkbox__description",`dropin-checkbox__description--${l}`,["dropin-checkbox__description--disabled",n]]),children:c})]})},lr=({className:a,name:o,value:l,id:n,label:s,groupAriaLabel:t,size:c="medium",color:i,disabled:p=!1,selected:_=!1,outOfStock:d=!1,multi:u=!1,onValue:m,onUpdateError:h,...b})=>{const N=P("Dropin.Swatches.outOfStock.label").label,x=P("Dropin.Swatches.selected.label").label,k=P("Dropin.Swatches.swatch.label").label,v=W(async S=>{if(m)try{await m(S)}catch(I){h&&h(I)}},[m,h]),w=S=>{const I=S.target;v(I.value)},D=i&&(S=>{const I=new Option().style;return I.color=S,I.color!==""})(i)?i:"var(--color-gray-300);",E=()=>d?`${t}: ${s} ${N}`:_?`${t}: ${s} ${x}`:`${t}: ${s} ${k}`;return e("label",{className:r(["dropin-color-swatch__container",`dropin-color-swatch__container--${c}`,a]),children:[e("input",{type:u?"checkbox":"radio",name:o,id:n,value:l,"aria-label":E(),checked:_,disabled:p,onChange:w,...b,className:r(["dropin-color-swatch",["dropin-color-swatch--selected",_],["dropin-color-swatch--disabled",p],a])}),e("span",{style:{"--bg-color":D},className:r(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",d],a])})]})},cr=({className:a,name:o,value:l,label:n,groupAriaLabel:s,id:t,disabled:c=!1,selected:i=!1,outOfStock:p=!1,multi:_=!1,onValue:d,onUpdateError:u,...m})=>{const h=P("Dropin.Swatches.outOfStock.label").label,b=P("Dropin.Swatches.selected.label").label,N=P("Dropin.Swatches.swatch.label").label,[x,k]=R(!1),v=G(null),w=W(async D=>{if(d)try{await d(D)}catch(E){u&&u(E)}},[d,u]),L=D=>{const E=D.target;w(E.value)},T=()=>p?`${s}: ${n} ${h}`:i?`${s}: ${n} ${b}`:`${s}: ${n} ${N}`;return z(()=>{v.current&&v.current.scrollWidth>v.current.clientWidth&&k(!0)},[n]),e("div",{className:"dropin-text-swatch__container",...x?{"data-tooltip":n}:{},children:[e("input",{type:_?"checkbox":"radio",name:o,id:t,value:l,"aria-label":T(),checked:i,disabled:c,onChange:L,...m,className:r(["dropin-text-swatch",["dropin-text-swatch--selected",i],["dropin-text-swatch--disabled",c],a])}),e("label",{htmlFor:t,ref:v,className:r(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",p],a]),children:n})]})},Oe=({ariaLabel:a,size:o="small",stroke:l="4",children:n,className:s,style:t,...c})=>{const i=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${o}`,`dropin-progress-spinner--shape-stroke-${l}`],p=P({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),_=()=>a||(n?p.updatingChildren:p.updating);return n?e("div",{...c,className:r(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:n}),e("div",{"aria-label":_(),role:"status",className:r(["dropin-progress-spinner-background",s]),style:t}),e("div",{className:r(["dropin-progress-spinner-with-provider",...i]),"aria-hidden":!0})]}):e("div",{...c,className:r([s,...i]),"aria-live":"polite",role:"status","aria-label":_()})},dr=({className:a,name:o,value:l,id:n,label:s,groupAriaLabel:t,src:c,alt:i,disabled:p=!1,selected:_=!1,outOfStock:d=!1,multi:u=!1,onValue:m,onUpdateError:h,...b})=>{const N=P("Dropin.Swatches.outOfStock.label").label,x=P("Dropin.Swatches.selected.label").label,k=P("Dropin.Swatches.swatch.label").label,v=W(async T=>{if(m)try{await m(T)}catch(D){h&&h(D)}},[m,h]),w=T=>{const D=T.target;v(D.value)},L=()=>d?`${t}: ${s} ${N}`:_?`${t}: ${s} ${x}`:`${t}: ${s} ${k}`;return e("label",{className:r(["dropin-image-swatch__container",a]),children:[e("input",{type:u?"checkbox":"radio",name:o,id:n,value:l,"aria-label":L(),checked:_,disabled:p,onChange:w,...b,className:r(["dropin-image-swatch",["dropin-image-swatch--selected",_],["dropin-image-swatch--disabled",p],a])}),e("span",{className:r(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",d],a]),children:e(Le,{src:c,className:r(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:i,loading:"lazy",onError:T=>T.target.style.display="none"})})]})},ce=({className:a,children:o,title:l,secondaryText:n,actionIconPosition:s="left",iconOpen:t=K,iconClose:c=U,iconLeft:i=K,showIconLeft:p=!1,renderContentWhenClosed:_=!0,onStateChange:d,...u})=>{const[m,h]=R(!1),b=w=>{w.stopImmediatePropagation();const L=!m;h(L),d==null||d(L)},N=P(`Dropin.Accordion.${m?"close":"open"}.label`).label,x=e(O,{source:t,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__open-icon"}),k=e(O,{source:c,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__close-icon"}),v=e(O,{source:i,size:"24"});return e("div",{...u,className:r(["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":`${N} ${l}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[s==="left"&&(m?k:x),p&&v,e("h3",{className:"dropin-accordion-section__title",children:l})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[n&&e("h4",{className:"dropin-accordion-section__secondary-text",children:n}),s==="right"&&(m?k:x)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:m?"grid":"none"},children:(m||_&&!m)&&o})]})},Re=({className:a,children:o,actionIconPosition:l="left",iconOpen:n=K,iconClose:s=U,...t})=>{const c=e(le,{variant:"secondary"}),i=p=>e(V,{children:[e(ce,{...p.props,actionIconPosition:l,iconOpen:n,iconClose:s}),c]});return e("div",{...t,className:r(["dropin-accordion",a]),children:[c,...(Array.isArray(o)?o:[o]).map(i)]})},pr=({variant:a="primary",className:o,type:l="warning",additionalActions:n,onDismiss:s,heading:t,description:c,icon:i,...p})=>{var d,u,m;const _=P({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...p,className:r(["dropin-in-line-alert",`dropin-in-line-alert--${l}`,`dropin-in-line-alert--${a}`,o]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[i&&e(y,{node:i,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:t})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[(n==null?void 0:n.length)==1&&e(q,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:(d=n[0])==null?void 0:d.onClick,"aria-label":(u=n[0])==null?void 0:u.label,children:(m=n[0])==null?void 0:m.label}),s&&e(q,{icon:e(O,{source:J,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:s,"aria-label":_.dismiss})]})]}),c&&e("p",{className:"dropin-in-line-alert__description",children:c}),n&&(n==null?void 0:n.length)>1&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:n.map(h=>e(q,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:h.onClick,children:h.label},h.label))})]})},mr=({size:a="small",title:o=null,centered:l=!1,backgroundDim:n=!0,clickToDismiss:s=!0,escapeToDismiss:t=!0,onClose:c,showCloseButton:i=!0,className:p,children:_=null,...d})=>{const u=W(()=>{c==null||c()},[c]),m=P({modalCloseLabel:"Dropin.Modal.Close.label"});return z(()=>{const h=b=>{const N=document.querySelector(".dropin-modal"),x=document.querySelector(".dropin-modal__body");s&&N&&x&&!x.contains(b.target)&&u()};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[u,s]),z(()=>{const h=b=>{b.key==="Escape"&&t&&u()};return document.addEventListener("keydown",h),()=>{document.removeEventListener("keydown",h)}},[u,t]),z(()=>{const h=document.scrollingElement,b=h.style.overflow;return h.style.overflow="hidden",()=>{h.style.overflow=b}},[]),e("div",{className:r(["dropin-modal",["dropin-modal--dim",n]]),children:e("div",{...d,className:r(["dropin-modal__body",[`dropin-modal__body--${a}`,a],p]),children:[e("div",{className:r(["dropin-modal__header",["dropin-modal__header-title",!!o]]),children:[o&&e("div",{className:r(["dropin-modal__header-title-content"]),children:o}),i&&e(q,{"aria-label":m.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:u,icon:e(J,{})})]}),e("div",{className:r(["dropin-modal__content",["dropin-modal__body--centered",l]]),children:_})]})})},_r=({className:a,children:o,ariaLabel:l,image:n,title:s,price:t,taxIncluded:c=!1,taxExcluded:i=!1,total:p,totalExcludingTax:_,sku:d,configurations:u,warning:m,alert:h,quantity:b=1,description:N,loading:x=!1,updating:k=!1,onQuantity:v,onRemove:w,...L})=>{var E,S;const{locale:T}=ge(se),D=P({each:"Dropin.CartItem.each.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"});return x?e(Ae,{}):e("div",{...L,className:r(["dropin-cart-item",["dropin-cart-item--updating",k],a]),children:[k&&e(Oe,{className:r(["dropin-cart-item__spinner"]),ariaLabel:l?(E=D.updating)==null?void 0:E.replace("{product}",l):D.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[e(y,{node:n,className:r(["dropin-cart-item__image"])}),e(y,{node:s,className:r(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!v||!!w]])}),N&&e(y,{node:N,className:r(["dropin-cart-item__description"])}),e(y,{node:d,className:r(["dropin-cart-item__sku"])}),u&&e("ul",{className:r(["dropin-cart-item__configurations"]),children:Object.entries(u).map(([I,A])=>e("li",{className:r(["dropin-cart-item__configurations__item"]),children:[I,":"," ",e("strong",{className:r(["dropin-cart-item__configurations__item__value"]),children:A})]},I))}),e("span",{className:r(["dropin-cart-item__price"]),children:[!v&&e("span",{className:"dropin-cart-item__price__quantity",children:[b.toLocaleString(T)," x"," "]}),e(y,{node:t,role:"text"}),b>1&&e(V,{children:[" ",D.each]}),c&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",D.taxIncluded]}),i&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",D.taxExcluded]})]}),e("div",{className:r(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!v]]),children:[v?e(Ie,{className:r(["dropin-cart-item__quantity__incrementer"]),value:b,min:1,onValue:I=>v==null?void 0:v(Number(I)),name:"quantity","aria-label":D.quantity,disabled:k}):e("span",{className:r(["dropin-cart-item__quantity__value"]),children:[D.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(b).toLocaleString(T)})]}),m&&e(y,{node:m,className:r(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),h&&e(y,{node:h,className:r(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),m&&e(y,{node:m,className:r(["dropin-cart-item__warning"])}),h&&e(y,{node:h,className:r(["dropin-cart-item__alert"])}),e("div",{className:r(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!w]]),children:[e("div",{className:"dropin-cart-item__row-total",children:e(y,{node:p,role:"text"})}),c&&e("span",{"data-testid":"tax-message",className:r(["dropin-cart-item__total-tax-message"]),children:[" ",D.taxIncluded]}),i&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:r(["dropin-cart-item__total-tax-excluded-message"]),children:[_&&e(y,{node:_,role:"text"})," ",D.taxExcluded]})})]})]}),w&&e(q,{className:r(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>w==null?void 0:w(),icon:e(O,{source:De,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":l?(S=D.remove)==null?void 0:S.replace("{product}",l):D.removeDefault}),disabled:k})]})},Ae=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(oe,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(B,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(B,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(B,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(B,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(B,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(B,{className:"dropin-cart-item__skeleton__item"})})]})}),ur=({className:a,children:o,...l})=>{const{heading:n,loading:s=!0,total:t,subTotal:c,shipping:i,taxTotal:p,taxesApplied:_,discounts:d,primaryAction:u,...m}=l,[h,b]=R(!1),N=G(null),[x,k]=R(!0),[v,w]=R("zip"),L=P({editZipAction:"Dropin.PriceSummary.shipping.editZipAction",destinationLinkAriaLabel:"Dropin.PriceSummary.shipping.destinationLinkAriaLabel",taxesBreakdownTitle:"Dropin.PriceSummary.taxes.breakdown",subtotalLabel:"Dropin.PriceSummary.subTotal.label",shippingLabel:"Dropin.PriceSummary.shipping.label",showTaxBreakdown:"Dropin.PriceSummary.taxes.showBreakdown",hideTaxBreakdown:"Dropin.PriceSummary.taxes.hideBreakdown",zipPlaceholder:"Dropin.PriceSummary.shipping.zipPlaceholder"}),T=C=>{C.preventDefault(),k(H=>!H)},D=C=>{C.preventDefault(),k(!0),w(H=>H==="zip"?"state":"zip")},E=C=>{var X;C.preventDefault(),k(!1);const H=he(N.current);(X=i==null?void 0:i.onEstimate)==null||X.call(i,H)},S=e(oe,{"data-testid":"loading-skeleton",rowGap:"xsmall",children:e(B,{variant:"row",size:"small",lines:5,fullWidth:!0,multilineGap:"xsmall"})}),I=i&&e(V,{children:e("div",{"data-testid":"shipping-content",className:r(["dropin-price-summary__entry","dropin-price-summary__shipping"]),children:[e("span",{className:"dropin-price-summary__label",children:i.estimated?i.destinationText?e(V,{children:[e($,{id:"Dropin.PriceSummary.shipping.estimatedDestination"}),e("a",{className:"dropin-price-summary__shippingLink",role:"button",href:"",onClick:T,onKeyDown:C=>{(C.key==="Enter"||C.key===" ")&&T(C)},tabIndex:0,"aria-label":L.destinationLinkAriaLabel,"data-testid":"shipping-destination-link",children:i.destinationText})]}):e($,{id:"Dropin.PriceSummary.shipping.estimated"}):e($,{id:"Dropin.PriceSummary.shipping.label"})}),e(y,{node:i.price,className:"dropin-price-summary__price"}),i.estimated&&e(V,{children:e("div",{className:r(["dropin-price-summary__caption"]),children:e("a",{href:"#",className:"dropin-price-summary__shippingLink",onClick:D,"data-testid":"shipping-alternate-field-link",children:v==="zip"?e($,{id:"Dropin.PriceSummary.shipping.alternateField.state"}):e($,{id:"Dropin.PriceSummary.shipping.alternateField.zip"})})})}),i.estimated&&e(V,{children:e("form",{className:r(["dropin-price-summary__shipping--edit",["dropin-price-summary__shipping--hide",!x]]),ref:N,"data-testid":"shipping-estimate-form",children:[i.countryField&&e(y,{node:i.countryField,className:r(["dropin-price-summary__shipping--country"])}),v==="state"?i.stateField&&e(y,{node:i.stateField,className:r(["dropin-price-summary__shipping--state"])}):i.zipField&&e(y,{node:i.zipField,className:r(["dropin-price-summary__shipping--zip"])}),i.estimateButton&&e(y,{node:i.estimateButton,className:r(["dropin-price-summary__shipping--action"]),onClick:E,type:"submit"})]})}),i.taxIncluded&&e("div",{"data-testid":"shipping-tax-included",className:r(["dropin-price-summary__caption"]),children:e("span",{children:e($,{id:"Dropin.PriceSummary.shipping.withTaxes"})})}),i.taxExcluded?e("div",{"data-testid":"shipping-tax-included-excluded",className:r(["dropin-price-summary__caption"]),children:e("span",{children:[i.priceExcludingTax," ",e($,{id:"Dropin.PriceSummary.shipping.withoutTaxes"})]})}):void 0]})}),A=d&&e(V,{children:d.map(C=>e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__discount"]),children:[e("span",{className:r(["dropin-price-summary__label"]),children:C.label}),e(y,{node:C.price,className:r(["dropin-price-summary__price"])}),C.caption&&e(y,{node:C.caption,className:r(["dropin-price-summary__caption"])})]},C.label))}),Z=_?e(V,{children:e(Re,{"data-testid":"tax-breakdown",className:"dropin-price-summary__taxes",iconOpen:ae,iconClose:Ee,children:e(ce,{title:L.taxesBreakdownTitle,secondaryText:!h&&p?e(y,{node:p.price,className:"dropin-price-summary__price"}):void 0,renderContentWhenClosed:!1,onStateChange:b,children:[e("div",{className:r(["dropin-price-summary__appliedTaxes"]),children:_.map(C=>e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__taxEntry"]),children:[e("span",{className:r(["dropin-price-summary__label","dropin-price-summary__label--muted"]),children:C.label}),e(y,{node:C.price,className:r(["dropin-price-summary__price","dropin-price-summary__price--muted"])})]},C.label))}),e("div",{className:r(["dropin-price-summary__entry"]),children:[e("span",{className:"dropin-price-summary__label",children:e($,{id:"Dropin.PriceSummary.taxes.total"})}),p&&e(y,{node:p.price,className:"dropin-price-summary__price"})]})]})})}):p&&e("div",{"data-testid":"tax-total-only",className:r(["dropin-price-summary__entry","dropin-price-summary__taxTotal"]),children:[e("span",{className:"dropin-price-summary__label",children:p.estimated?e($,{id:"Dropin.PriceSummary.taxes.estimated"}):e($,{id:"Dropin.PriceSummary.taxes.totalOnly"})}),e(y,{node:p.price,className:"dropin-price-summary__price"})]}),de=t&&e(V,{children:e("div",{"data-testid":"total-content",className:r(["dropin-price-summary__entry","dropin-price-summary__total",t.estimated&&"dropin-price-summary__total--padded"]),children:[e("span",{className:r(["dropin-price-summary__label","dropin-price-summary__label--bold"]),children:t.estimated?e($,{id:"Dropin.PriceSummary.total.estimated"}):e($,{id:"Dropin.PriceSummary.total.label"})}),e(y,{node:t.price,className:r(["dropin-price-summary__price","dropin-price-summary__price--bold"])})]})}),pe=t&&t.priceWithoutTax&&e("div",{"data-testid":"total-without-tax",className:"dropin-price-summary__entry dropin-price-summary__totalWithoutTax",children:[e("span",{className:r(["dropin-price-summary__label","dropin-price-summary__label--muted"]),children:e($,{id:"Dropin.PriceSummary.total.withoutTax"})}),e(y,{node:t.priceWithoutTax,className:r(["dropin-price-summary__price","dropin-price-summary__price--muted"])})]}),me=u&&e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__primaryAction"]),children:u}),_e=c&&e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__subTotal"]),children:[e("span",{className:"dropin-price-summary__label",children:e($,{id:"Dropin.PriceSummary.subTotal.label"})}),e(y,{node:c.price,className:"dropin-price-summary__price"}),c.taxIncluded&&e("div",{"data-testid":"sub-total-tax-caption",className:r(["dropin-price-summary__caption"]),children:e("span",{children:e($,{id:"Dropin.PriceSummary.subTotal.withTaxes"})})}),c.taxExcluded?e("div",{"data-testid":"sub-total-tax-caption-excluded",className:r(["dropin-price-summary__caption"]),children:e("span",{children:[c.priceExcludingTax," ",e($,{id:"Dropin.PriceSummary.subTotal.withoutTaxes"})]})}):void 0]});return e("div",{...m,className:r(["dropin-price-summary",a]),children:[e("div",{className:"dropin-price-summary__heading",children:n}),e(le,{variant:"primary",className:"dropin-price-summary__divider-primary"}),s?S:e(V,{children:[_e,I,A,Z,de,pe,me]})]})},hr=({className:a,children:o,...l})=>e("div",{...l,className:r(["dropin-cart-list",a]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:te.map(o,(n,s)=>e("div",{className:"dropin-cart-list__item",children:n},s))})}),br=({className:a,children:o,locale:l,currency:n,amount:s,variant:t="default",minimumAmount:c,maximumAmount:i,size:p="small",display:_="dash",specialPrice:d,sale:u=!1,...m})=>{const h=M(()=>s||c===i||c&&!i||i&&!c,[s,i,c]);return e("div",{children:h?e("div",{...m,className:r(["dropin-price-range",a]),children:e(F,{amount:s??c??i,currency:n,locale:l,size:p,variant:t,sale:u})}):e("div",{...m,className:r(["dropin-price-range",a]),children:[_==="dash"?e(Fe,{specialPrice:d,minimumAmount:c,maximumAmount:i,currency:n,locale:l,size:p,sale:u}):null,_==="from to"?e(Be,{specialPrice:d,minimumAmount:c,maximumAmount:i,currency:n,locale:l,size:p,sale:u}):null,_==="as low as"?e(qe,{specialPrice:d,minimumAmount:c,maximumAmount:i,currency:n,locale:l,size:p,sale:u}):null]})})};function Fe({specialPrice:a,minimumAmount:o,maximumAmount:l,currency:n,locale:s,size:t,sale:c}){return e(V,{children:[e(F,{amount:a??o,currency:n,locale:s,size:t,sale:!!a&&c}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(F,{amount:l,currency:n,locale:s,size:t})]})}function Be({specialPrice:a,minimumAmount:o,maximumAmount:l,currency:n,locale:s,size:t,sale:c}){const i=P({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:r(["dropin-price-range__from",`dropin-price-range__from--${t}`]),children:i.from}),e(F,{amount:a??o,currency:n,locale:s,size:t,sale:!!a&&c}),e("span",{className:r(["dropin-price-range__to",`dropin-price-range__to--${t}`]),children:i.to}),e(F,{amount:l,currency:n,locale:s,size:t})]})}function qe({specialPrice:a,minimumAmount:o,maximumAmount:l,currency:n,locale:s,size:t,sale:c}){const i=P({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:r(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${t}`]),children:i.asLowAs}),a?e("div",{children:[e(F,{amount:l,currency:n,locale:s,size:t,variant:"strikethrough"}),e(F,{amount:a,currency:n,locale:s,size:t,className:"dropin-price-range__special",sale:!!a&&c})]}):e(F,{amount:o,currency:n,locale:s,size:t})]})}const yr=({className:a,categories:o,separator:l,...n})=>e(V,{children:(o==null?void 0:o.length)>1&&e("nav",{role:"navigation",...n,className:r(["dropin-breadcrumbs__container",a]),children:e("ul",{className:"dropin-breadcrumbs__items",children:o==null?void 0:o.map((s,t)=>e("li",{className:r(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",t===o.length-1]]),children:[e(y,{node:s,className:"dropin-breadcrumbs__link"}),!l&&t!==o.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),l&&t!==o.length-1&&e(y,{node:l,className:"dropin-breadcrumbs__separator--icon"})]},t))})})}),Nr=({className:a,variant:o,icon:l,message:n,onDismiss:s,action:t,...c})=>{const i=P({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...c,className:r([a,"dropin-alert-banner",`dropin-alert-banner--${o}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[l&&e(y,{node:l,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(y,{node:n,className:r(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[t&&e(q,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:t.onClick,"aria-label":t.label,children:t.label}),e(q,{icon:e(O,{source:J,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:s,"aria-label":i.dismiss})]})]})},vr=({className:a,icon:o,heading:l,headingLevel:n=2,message:s,action:t,variant:c="secondary",...i})=>{const p=n>=1&&n<=6?`h${n}`:"h2";return e("div",{...i,className:r(["dropin-illustrated-message",a]),children:e(Ve,{variant:c,children:[o&&e(y,{node:o,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),l&&e(p,{className:"dropin-illustrated-message__heading",children:l}),s&&e(y,{node:s,className:"dropin-illustrated-message__message"}),t&&e(y,{node:t,className:"dropin-illustrated-message__action"})]})})};export{Re as Accordion,ce as AccordionSection,ar as ActionButton,or as ActionButtonGroup,Nr as AlertBanner,yr as Breadcrumbs,q as Button,Ve as Card,_r as CartItem,Ae as CartItemSkeleton,hr as CartList,sr as Checkbox,lr as ColorSwatch,le as Divider,tr as Field,O as Icon,vr as IllustratedMessage,Le as Image,dr as ImageSwatch,pr as InLineAlert,Ie as Incrementer,rr as Input,mr as Modal,nr as Picker,F as Price,br as PriceRange,ur as PriceSummary,Oe as ProgressSpinner,ir as RadioButton,oe as Skeleton,B as SkeletonRow,cr as TextSwatch,se as UIContext,er as UIProvider};
 //# sourceMappingURL=components.js.map