@dropins/tools 1.3.1-alpha01 → 1.3.1-alpha02

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