npm - @dropins/tools - Versions diffs - 0.25.0 → 0.26.0-alpha3 - Mend

@dropins/tools 0.25.0 → 0.26.0-alpha3

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 (2) hide show

package/components.js +1 -1
package/package.json +1 -1

package/components.js CHANGED Viewed

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

package/package.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name": "@dropins/tools", "version": "0.25.0"}
1	+ {"name": "@dropins/tools", "version": "0.26.0-alpha3"}