npm - @dropins/tools - Versions diffs - 0.30.0-alpha618 → 0.30.0-alpha626 - Mend

@dropins/tools 0.30.0-alpha618 → 0.30.0-alpha626

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

package/package.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name": "@dropins/tools", "version": "0.30.0-~~alpha618~~"}
1	+ {"name": "@dropins/tools", "version": "0.30.0-alpha626"}