@dropins/tools 1.6.0-alpha999 → 1.6.0-beta2

package/components.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as e}from"./preact-jsx-runtime.js";import{c as a,V as w}from"./chunks/vcomponent.js";import{I as ke,U as ye}from"./chunks/Image.js";import{a as zr,p as Jr}from"./chunks/Image.js";import{L as ne,F as v,h as R,y as F,q as S,S as j,A as G,g as _e,T as q,_ as Ie,N as me,E as $e,k as U,a as Ee,x as De}from"./chunks/icons/Add.js";import z from"./chunks/icons/Minus.js";import{Localizer as ie,Text as Y,useText as x}from"./i18n.js";import{d as ue,a as ae,i as xe}from"./chunks/deviceUtils.js";import Le from"./chunks/icons/CheckWithCircle.js";import Se from"./chunks/icons/WarningWithCircle.js";import Oe from"./chunks/icons/Date.js";import Te from"./chunks/icons/Locker.js";import Pe from"./chunks/icons/Eye.js";import Ce from"./chunks/icons/EyeClose.js";import he from"./chunks/icons/Check.js";import J from"./chunks/icons/Close.js";import{g as Ve}from"./chunks/locale-config.js";import Q from"./chunks/icons/ChevronDown.js";import Re from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";import"./chunks/cjs.js";const oe=1,A=({className:t,fullWidth:r=!1,lines:n=oe,size:i="small",variant:s="row",children:o=null,multilineGap:d="medium",...l})=>{const c=[[`dropin-skeleton-row__${s}`,s],[`dropin-skeleton-row__${s}-${i}`,s&&i]];if(!o&&s==="empty")return e("div",{className:a(["dropin-skeleton-row dropin-skeleton-row__empty",t])});if(o){const u=o.trim();return e("div",{...l,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],t]),dangerouslySetInnerHTML:{__html:u}})}return n>oe===!1?e("div",{...l,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",...c,t])}):e("div",{...l,style:{"--multiline-gap-spacing":`var(--spacing-${d})`},class:a(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",r],t]),children:Array.from({length:n}).map((u,_)=>e("div",{class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",...c])},_))})},ee=({className:t,children:r,rowGap:n="medium",...i})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...i,className:a(["dropin-skeleton",t]),role:"status","aria-label":"Loading...",children:r}),Ae=function(){const r=typeof document<"u"&&document.createElement("link").relList;return r&&r.supports&&r.supports("modulepreload")?"modulepreload":"preload"}(),Fe=function(t){return"/"+t},se={},N=function(r,n,i){let s=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"));s=Promise.allSettled(n.map(c=>{if(c=Fe(c),c in se)return;se[c]=!0;const p=c.endsWith(".css"),u=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${c}"]${u}`))return;const _=document.createElement("link");if(_.rel=p?"stylesheet":Ae,p||(_.as="script"),_.crossOrigin="",_.href=c,l&&_.setAttribute("nonce",l),document.head.appendChild(_),p)return new Promise((m,b)=>{_.addEventListener("load",m),_.addEventListener("error",()=>b(new Error(`Unable to preload CSS for ${c}`)))})}))}function o(d){const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=d,window.dispatchEvent(l),!l.defaultPrevented)throw d}return s.then(d=>{for(const l of d||[])l.status==="rejected"&&o(l.reason);return r().catch(o)})},de={Add:v(()=>N(()=>import("./chunks/icons/Add.js").then(t=>t.$),[])),Bulk:v(()=>N(()=>import("./chunks/icons/Bulk.js"),[])),Burger:v(()=>N(()=>import("./chunks/icons/Burger.js"),[])),Cart:v(()=>N(()=>import("./chunks/icons/Cart.js"),[])),Check:v(()=>N(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:v(()=>N(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:v(()=>N(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:v(()=>N(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:v(()=>N(()=>import("./chunks/icons/Close.js"),[])),Heart:v(()=>N(()=>import("./chunks/icons/Heart.js"),[])),Minus:v(()=>N(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:v(()=>N(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:v(()=>N(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:v(()=>N(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:v(()=>N(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:v(()=>N(()=>import("./chunks/icons/Sort.js"),[])),Star:v(()=>N(()=>import("./chunks/icons/Star.js"),[])),View:v(()=>N(()=>import("./chunks/icons/View.js"),[])),User:v(()=>N(()=>import("./chunks/icons/User.js"),[])),Warning:v(()=>N(()=>import("./chunks/icons/Warning.js"),[])),Locker:v(()=>N(()=>import("./chunks/icons/Locker.js"),[])),Wallet:v(()=>N(()=>import("./chunks/icons/Wallet.js"),[])),Card:v(()=>N(()=>import("./chunks/icons/Card.js"),[])),Order:v(()=>N(()=>import("./chunks/icons/Order.js"),[])),Delivery:v(()=>N(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:v(()=>N(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:v(()=>N(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:v(()=>N(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:v(()=>N(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:v(()=>N(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:v(()=>N(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:v(()=>N(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:v(()=>N(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:v(()=>N(()=>import("./chunks/icons/Trash.js"),[])),Eye:v(()=>N(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:v(()=>N(()=>import("./chunks/icons/EyeClose.js"),[])),Date:v(()=>N(()=>import("./chunks/icons/Date.js"),[])),AddressBook:v(()=>N(()=>import("./chunks/icons/AddressBook.js"),[])),EmptyBox:v(()=>N(()=>import("./chunks/icons/EmptyBox.js"),[])),Coupon:v(()=>N(()=>import("./chunks/icons/Coupon.js"),[])),Gift:v(()=>N(()=>import("./chunks/icons/Gift.js"),[])),GiftCard:v(()=>N(()=>import("./chunks/icons/GiftCard.js"),[])),Edit:v(()=>N(()=>import("./chunks/icons/Edit.js"),[]))};function le(t){try{if(t.startsWith("//")){const n=`${window.location.protocol}${t}`;return new URL(n).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${t} - Only same-domain URLs are allowed`),!1):!0}return new URL(t).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${t} - Only same-domain URLs are allowed`),!1):!0}catch{return console.error(`[Icon] Invalid URL format: ${t}`),!1}}function Be({url:t,...r}){const[n,i]=R(""),[s,o]=R(!0),[d,l]=R(!1);return F(()=>{fetch(t).then(c=>{if(!c.ok)throw console.error(`[Icon] Failed to fetch SVG: ${c.status} ${c.statusText}`),d;return c.text()}).then(c=>{try{if(!new DOMParser().parseFromString(c,"image/svg+xml").querySelector("svg"))throw new Error("No <svg> element found")}catch(u){u instanceof Error?console.error(`[Icon] Invalid SVG content from ${t}: ${u.message}`):console.error(`[Icon] Invalid SVG content from ${t}: ${String(u)}`),l(!0),o(!1)}let p=c;r.width&&(p=p.replace(/<svg([^>]*)\s+width\s*=\s*["'][^"']*["']/gi,"<svg$1"),p=p.replace(/<svg/i,`<svg width="${r.width}"`)),r.height&&(p=p.replace(/<svg([^>]*)\s+height\s*=\s*["'][^"']*["']/gi,"<svg$1"),p=p.replace(/<svg/i,`<svg height="${r.height}"`)),r.title&&(p=p.replace(/<title[^>]*>.*?<\/title>/gi,""),p=p.replace(/<svg([^>]*)>/i,`<svg$1><title>${r.title}</title>`)),i(p),o(!1)}).catch(c=>{c instanceof Error?console.error(`[Icon] ${c.message}`):console.error(`[Icon] ${String(c)}`),l(!0),o(!1)})},[t,r.width,r.height,r.title]),s||d?e("svg",{...r}):e("span",{className:r.className,style:{width:String(r.width),height:String(r.height),display:"inline-flex",lineHeight:0},dangerouslySetInnerHTML:{__html:n}})}function O({source:t,size:r="24",stroke:n="2",viewBox:i="0 0 24 24",className:s,...o}){const d={className:a(["dropin-icon",`dropin-icon--shape-stroke-${n}`,s]),width:r,height:r,viewBox:i},l=typeof t=="string"&&(t.startsWith("http")||t.startsWith("//")||t.startsWith("/"));if(l&&le(t))return e(ne,{fallback:e("svg",{...o,...d}),children:e(Be,{url:t,...o,...d})});const c=typeof t=="string"&&t in de?de[t]:null,p=l&&!le(t);return e(ne,{fallback:e("svg",{...o,...d}),children:c?e(c,{...o,...d}):p?e("svg",{...o,...d}):e(t,{...o,...d})})}const He=({name:t,value:r="1",className:n,disabled:i,error:s,success:o,min:d,max:l,onValue:c,onUpdateError:p,size:u="medium",..._})=>{const[m,b]=R(Number(r)),h=Number(d),f=Number(l),g=s||m<h||m>f,y=m<h?"Dropin.Incrementer.minQuantityMessage":m>f?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage";F(()=>{const $=Number(r);$!==m&&b($)},[r]);const k=S(ue(async $=>{if(c)try{c($)}catch(E){p&&p(E)}},200),[c,p]),D=$=>{let E=$;k(E),b(E)};return e("div",{className:a(["dropin-incrementer",`dropin-incrementer--${u}`,n]),children:[e("div",{className:a(["dropin-incrementer__content",`dropin-incrementer__content--${u}`,["dropin-incrementer__content--error",g],["dropin-incrementer__content--success",o],["dropin-incrementer__content--disabled",i]]),children:[e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",i]]),children:e(ie,{children:e("button",{type:"button",className:a(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",i]]),onClick:()=>D(m-1),disabled:i||m<h+1,"aria-label":e(Y,{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:t,value:m,disabled:i,onBlur:()=>{D(Number(m))},onChange:$=>{const E=$.currentTarget.value;E!==""&&D(Number(E))},..._}),e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",i]]),children:e(ie,{children:e("button",{type:"button",className:a(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",i]]),onClick:()=>D(m+1),disabled:i||m>f-1,"aria-label":e(Y,{id:"Dropin.Incrementer.increaseLabel"}),children:e(O,{source:j,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),g&&e("p",{className:"dropin-incrementer__content--error-message",children:e(Y,{id:y,fields:{minQuantity:d,maxQuantity:l}})})]})},be=({name:t,value:r,variant:n="primary",className:i,disabled:s,error:o,floatingLabel:d,onValue:l,onUpdateError:c,size:p="medium",icon:u,maxLength:_,success:m,...b})=>{const h=(b==null?void 0:b.id)||t||`dropin-input-${Math.random().toString(36)}`,f=S(ue(async y=>{if(l)try{await l(y)}catch(k){c&&c(k)}},200),[l,c]),g=y=>{const k=y.target;f(k.value.trim())};return e("div",{className:a(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!d],["dropin-input-container--disabled",s]]),children:[u&&e(w,{node:u,className:a(["dropin-input__field-icon--left",u.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:h,onChange:g,type:"text",maxLength:_,name:t,value:r,...b,className:a(["dropin-input",`dropin-input--${p}`,`dropin-input--${n}`,["dropin-input--error",!!o],["dropin-input--success",!!m],["dropin-input--disabled",s],["dropin-input--floating",!!d],["dropin-input--icon-left",!!u],i]),disabled:s}),d&&e("label",{htmlFor:h,className:a([["dropin-input__label--floating",!!d],["dropin-input__label--floating--icon-left",!!u],["dropin-input__label--floating--error",!!o]]),children:d})]}),o&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(O,{source:Se,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),m&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(O,{source:Le,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},wr=({name:t="",error:r,value:n,label:i,onChange:s,onBlur:o,...d})=>{const[l,c]=R((n==null?void 0:n.toString())??""),p=G(null),u=x({picker:"Dropin.InputDate.picker"}),_=S(f=>{f.currentTarget.setAttribute("type","date"),ae()&&p.current.focus()},[]),m=S(f=>{var y;const g=(y=f.currentTarget.parentElement)==null?void 0:y.querySelector("input");g==null||g.focus(),g==null||g.showPicker()},[]),b=S(f=>{f.currentTarget.setAttribute("type","text"),o==null||o(f)},[o]),h=S(f=>{c(f.target.value),s==null||s(f)},[s]);return e("div",{className:a(["dropin-input-date"]),children:[ae()?e("input",{ref:p,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:h}):null,e(ve,{error:r,children:e(be,{"data-testid":"input-date",error:!!r,name:t,value:l,placeholder:i,floatingLabel:i,onFocus:_,onBlur:b,onChange:h,"aria-labelledby":i,className:"dropin-input-date__input",...d})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":u.picker,onClick:m,children:e(O,{source:Oe,size:"24"})})]})},ce={pending:e(z,{}),success:e(he,{}),error:e(J,{style:{fill:"red"}})},We=({minLength:t=0,requiredCharacterClasses:r=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:i={status:"",icon:"",message:""}})=>{const s=x({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),o=d=>{switch(d){case 2:return s.chartTwoSymbols;case 3:return s.chartThreeSymbols;case 4:return s.chartFourSymbols;default:return""}};return e("div",{className:a(["dropin-password-status-indicator"]),children:[t>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${i.status}`,"data-testid":`dropin-password-status-indicator__item--${i.icon}`,children:[ce[i.icon],e("span",{className:`${i.status}`,children:i.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:[ce[n],e("span",{className:"pending",children:o(r)})]}):null]})},kr=({placeholder:t,floatingLabel:r,children:n,name:i,required:s,className:o,minLength:d,autoComplete:l,defaultValue:c="",hideStatusIndicator:p=!1,uniqueSymbolsStatus:u,validateLengthConfig:_,requiredCharacterClasses:m,errorMessage:b,onValue:h,onBlur:f,...g})=>{const y=x({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[k,D]=R(!1),$=S(()=>{D(L=>!L)},[]),E=k?y.buttonHideTitle:y.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:a(["dropin-input-password",["dropin-input-password--error",b],o]),...g,children:[e(ve,{error:b,children:e(be,{autoComplete:l,name:i??"password",type:k?"text":"password",placeholder:t||y.placeholder,floatingLabel:r||y.floatingLabel,"aria-label":y.placeholder,"aria-required":s||!0,"aria-invalid":!!b,"aria-describedby":"password-feedback",required:s||!1,value:c,onValue:h,icon:e(Te,{}),onBlur:f,"data-testid":"passwordInput"})}),e(H,{"aria-label":E,title:E,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:a(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${k?"show":"hide"}`,o]),onClick:$,children:e(O,{focusable:!1,"aria-hidden":k,source:k?Pe:Ce})}),p?null:e(We,{minLength:d,requiredCharacterClasses:m,validateLengthConfig:_,uniqueSymbolsStatus:u}),n]})},yr=({disabled:t,name:r="",errorMessage:n,value:i,label:s,className:o,onChange:d,onBlur:l,...c})=>{const p=G(null),u=_e(),_=!!(n!=null&&n.length);return F(()=>{const m=p.current;m&&(m.style.height="auto",m.style.height=`${m.scrollHeight}px`)},[i]),e("div",{className:a(["dropin-textarea-container",o]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:p,"data-testid":"dropin-textarea-field",className:a(["dropin-textarea",["dropin-textarea--error",_],["dropin-textarea--disabled",!!t]]),id:u,placeholder:s,name:r,value:i,disabled:t,onBlur:l,onChange:d,...c}),e("label",{htmlFor:u,className:a(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",_]]),children:s}),_?e("div",{className:a(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",_]]),children:n}):null]})},fe=({variant:t="primary",className:r})=>e("hr",{role:"separator",className:a(["dropin-divider",`dropin-divider--${t}`,r])});var Z={};const B=({amount:t=0,currency:r,locale:n,variant:i="default",weight:s="bold",className:o,children:d,sale:l=!1,formatOptions:c={},size:p="small",...u})=>{const _=q(()=>{if(n)return n;const h=Ve();return h||(Z.LOCALE&&Z.LOCALE!=="undefined"?Z.LOCALE:"en-US")},[n]),m=q(()=>{const h={style:"currency",currency:r||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...c};try{return new Intl.NumberFormat(_,h)}catch(f){return console.error(`Error creating Intl.NumberFormat instance for locale ${_}. Falling back to en-US.`,f),new Intl.NumberFormat("en-US",h)}},[_,r,c]),b=q(()=>m.format(t),[t,m]);return e("span",{...u,className:a(["dropin-price",`dropin-price--${i}`,`dropin-price--${p}`,`dropin-price--${s}`,["dropin-price--sale",l],o]),children:b})},qe=({name:t,label:r,value:n,size:i="medium",checked:s=!1,disabled:o=!1,error:d=!1,description:l="",busy:c=!1,className:p,children:u,..._})=>e("label",{className:a([p,"dropin-radio-button",["dropin-radio-button--error",d],["dropin-radio-button--disabled",o]]),children:[e("input",{name:t,value:n,checked:s,disabled:o,type:"radio",className:a(["dropin-radio-button__input",["dropin-radio-button__input--error",d],["dropin-radio-button__input--disabled",o]]),"aria-busy":c,..._}),e("span",{className:a(["dropin-radio-button__label",`dropin-radio-button__label--${i}`,["dropin-radio-button__label--error",d],["dropin-radio-button__label--disabled",o]]),children:r}),e("span",{className:a(["dropin-radio-button__description",`dropin-radio-button__description--${i}`,["dropin-radio-button__description--disabled",o]]),children:l})]}),H=({value:t,variant:r="primary",size:n="medium",icon:i,className:s,children:o,disabled:d=!1,active:l=!1,activeChildren:c,activeIcon:p,href:u,..._})=>{let m="dropin-button";(i&&!o||i&&l&&!c||!i&&l&&p)&&(m="dropin-iconButton"),l&&c&&(m="dropin-button"),s=a([m,`${m}--${n}`,`${m}--${r}`,[`${m}--${r}--disabled`,d],o&&i&&`${m}--with-icon`,!o&&c&&i&&`${m}--with-icon`,l&&p&&`${m}--with-icon`,s]);const b=a(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,d],i==null?void 0:i.props.className]),h=u?{node:e("a",{}),role:"link",href:u,..._,disabled:d,active:l,onKeyDown:f=>{d&&f.preventDefault()},tabIndex:d?-1:0}:{node:e("button",{}),role:"button",..._,value:t,disabled:d,active:l};return e(w,{...h,className:s,children:[i&&!l&&e(w,{node:i,className:b}),p&&l&&e(w,{node:p,className:b}),o&&!l&&(typeof o=="string"?e("span",{children:o}):o),l&&c&&(typeof c=="string"?e("span",{children:c}):c)]})};function pe(t,r,n,i,s){return t||(r?r.value:n||i?"":s?s.value:null)}const Ue=({name:t,value:r=null,options:n,variant:i="primary",floatingLabel:s,size:o="medium",handleSelect:d=()=>{},disabled:l=!1,error:c=!1,placeholder:p,defaultOption:u,icon:_,className:m,id:b,...h})=>{const f=b??t??`dropin-picker-${Math.random().toString(36)}`,g=!!(h!=null&&h.required),y=n==null?void 0:n.find(I=>!I.disabled),[k,D]=R(()=>pe(r,u,p,s,y));F(()=>{D(pe(r,u,p,s,y))},[r,u,p,s,y]);const $=I=>{const{options:P,value:K}=I.target;for(const C of P)C.selected&&(D(K),d(I))},E=n==null?void 0:n.map(I=>{const{value:P,text:K,disabled:C}=I;return e("option",{value:P,selected:P===k,disabled:C,className:a(["dropin-picker__option"]),children:K},P)}),L=!!k,T=()=>(!g||!L)&&(s||p);return e("div",{className:a([m,"dropin-picker",`dropin-picker__${o}`,["dropin-picker__floating",!!s],["dropin-picker__selected",L],["dropin-picker__error",c],["dropin-picker__disabled",l],["dropin-picker__icon",_]]),children:[_&&e(_.type,{..._.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:f,className:a(["dropin-picker__select",`dropin-picker__select--${i}`,`dropin-picker__select--${o}`,["dropin-picker__select--floating",!!s]]),name:t,"aria-label":t,disabled:l,onChange:$,...h,children:[T()&&e("option",{selected:!L,value:"",className:a(["dropin-picker__option dropin-picker__placeholder"]),children:s??p},r),E]}),e(O,{source:Q,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),s&&L&&e("label",{htmlFor:b,className:a(["dropin-picker__floatingLabel",!!s]),children:s})]})},ve=({className:t,label:r,error:n,hint:i,success:s,size:o="medium",disabled:d=!1,children:l,...c})=>{var _;const p=((_=l==null?void 0:l.props)==null?void 0:_.id)??`dropin-field-${Math.random().toString(36)}`,u=l&&typeof l.type!="string"?l.type:null;return e("div",{...c,className:a(["dropin-field",t]),children:[r&&e("label",{className:a(["dropin-field__label",["dropin-field__label--disabled",d],`dropin-field__label--${o}`]),htmlFor:p,children:r}),e("div",{className:a(["dropin-field__content"]),children:u&&l&&Ie(u,{...l.props,id:p,key:l.key,disabled:d,size:o,error:!!n,success:!!s&&!n})}),e("div",{className:a(["dropin-field__hint",[`dropin-field__hint--${o}`,o],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!s&&!n],["dropin-field__hint--disabled",!!d]]),children:n||s||i})]})},Ir=({icon:t,className:r,children:n,active:i=!1,disabled:s=!1,...o})=>e("button",{role:"button",disabled:s,...o,className:a(["dropin-action-button",["dropin-action-button--active",i],["dropin-action-button--disabled",s],r]),children:[t&&e(w,{node:t,className:a(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),$r=({className:t,variant:r="primary",activeOption:n,disabled:i=!1,dividers:s=!0,children:o,handleSelect:d,...l})=>{const[c,p]=R(n),u=S(m=>{i||m.props.disabled||(p(m.props.value),d&&d(m.props.value))},[d,p,i]),_=me.map(o,m=>{const b=i||m.props.disabled,h=m.props.value===c;return $e(m,{disabled:b,active:h,onClick:()=>u(m),className:a(["dropin-action-button-group__option",`dropin-action-button-group__option--${r}`,["dropin-action-button-group__option--active",h],["dropin-action-button-group__option--with-dividers",s]])})});return e("div",{role:"group",...l,className:a(["dropin-action-button-group",`dropin-action-button-group--${r}`,t]),children:_})},Me=({variant:t="primary",className:r,children:n,...i})=>e("div",{...i,className:a(["dropin-card",`dropin-card--${t}`,r]),children:e("div",{class:"dropin-card__content",children:n})}),Er=({name:t,value:r,size:n="medium",disabled:i=!1,error:s=!1,label:o="",description:d="",className:l,checked:c,...p})=>{const[u,_]=R(c===void 0?!1:c),m=G(null),b=f=>{var g;(g=p.onChange)==null||g.call(p,f),_(f.currentTarget.checked)},h=f=>{var g;f.key===" "&&(f.preventDefault(),(g=m==null?void 0:m.current)==null||g.click())};return F(()=>{typeof c=="boolean"&&_(c)},[c]),e("label",{className:a(["dropin-checkbox",["dropin-checkbox--disabled",i]]),children:[e("input",{ref:m,name:t,value:r,type:"checkbox",disabled:i,className:a(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",s],l]),...p,onChange:b,checked:u}),e("div",{className:"dropin-checkbox__checkbox-icon",children:["​",e("span",{"aria-checked":u?"true":"false","aria-labelledby":`${t}-label`,"aria-describedby":d?`${t}-description`:void 0,className:a(["dropin-checkbox__box",["dropin-checkbox__box--error",s],["dropin-checkbox__box--disabled",i]]),role:"checkbox",tabIndex:i?-1:0,onKeyDown:h,children:e(O,{className:a(["dropin-checkbox__checkmark"]),source:he,size:"16",stroke:"3"})})]}),e("div",{id:`${t}-label`,className:a(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",i]]),children:o}),e("div",{}),d&&e("div",{id:`${t}-description`,role:"note",className:a(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",i]]),children:d})]})},Dr=({className:t,name:r,value:n,id:i,label:s,groupAriaLabel:o,size:d="medium",color:l,disabled:c=!1,selected:p=!1,outOfStock:u=!1,multi:_=!1,onValue:m,onUpdateError:b,...h})=>{const f=x("Dropin.Swatches.outOfStock.label").label,g=x("Dropin.Swatches.selected.label").label,y=x("Dropin.Swatches.swatch.label").label,k=S(async I=>{if(m)try{await m(I)}catch(P){b&&b(P)}},[m,b]),D=I=>{const P=I.target;k(P.value)},L=l&&(I=>{const P=new Option().style;return P.color=I,P.color!==""})(l)?l:"var(--color-gray-300);",T=()=>u?`${o}: ${s} ${f}`:p?`${o}: ${s} ${g}`:`${o}: ${s} ${y}`;return e("label",{className:a(["dropin-color-swatch__container",`dropin-color-swatch__container--${d}`,t]),children:[e("input",{type:_?"checkbox":"radio",name:r,id:i,value:n,"aria-label":T(),checked:p,disabled:c,onChange:D,...h,className:a(["dropin-color-swatch",["dropin-color-swatch--selected",p],["dropin-color-swatch--disabled",c],t])}),e("span",{style:{"--bg-color":L},className:a(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",u],t])})]})},xr=({className:t,name:r,value:n,label:i,groupAriaLabel:s,id:o,disabled:d=!1,selected:l=!1,outOfStock:c=!1,multi:p=!1,onValue:u,onUpdateError:_,...m})=>{const b=x("Dropin.Swatches.outOfStock.label").label,h=x("Dropin.Swatches.selected.label").label,f=x("Dropin.Swatches.swatch.label").label,[g,y]=R(!1),k=G(null),D=S(async T=>{if(u)try{await u(T)}catch(I){_&&_(I)}},[u,_]),$=T=>{const I=T.target;D(I.value)},E=()=>c?`${s}: ${i} ${b}`:l?`${s}: ${i} ${h}`:`${s}: ${i} ${f}`;F(()=>{k.current&&k.current.scrollWidth>k.current.clientWidth&&y(!0)},[i]);const L=q(()=>o??`${r}_${o}_${Math.random().toString(36)}`,[r,o]);return e("div",{className:"dropin-text-swatch__container",...g?{"data-tooltip":i}:{},children:[e("input",{type:p?"checkbox":"radio",name:r,id:L,value:n,"aria-label":E(),checked:l,disabled:d,onChange:$,...m,className:a(["dropin-text-swatch",["dropin-text-swatch--selected",l],["dropin-text-swatch--disabled",d],t])}),e("label",{htmlFor:L,ref:k,className:a(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",c],t]),children:i})]})},Ge=({ariaLabel:t,size:r="small",stroke:n="4",children:i,className:s,style:o,...d})=>{const l=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${r}`,`dropin-progress-spinner--shape-stroke-${n}`],c=x({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),p=()=>t||(i?c.updatingChildren:c.updating);return i?e("div",{...d,className:a(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:i}),e("div",{"aria-label":p(),role:"status",className:a(["dropin-progress-spinner-background",s]),style:o}),e("div",{className:a(["dropin-progress-spinner-with-provider",...l]),"aria-hidden":!0})]}):e("div",{...d,className:a([s,...l]),"aria-live":"polite",role:"status","aria-label":p()})},Lr=({className:t,name:r,value:n,id:i,label:s,groupAriaLabel:o,src:d,alt:l,disabled:c=!1,selected:p=!1,outOfStock:u=!1,multi:_=!1,imageNode:m,onValue:b,onUpdateError:h,...f})=>{const g=x("Dropin.Swatches.outOfStock.label").label,y=x("Dropin.Swatches.selected.label").label,k=x("Dropin.Swatches.swatch.label").label,D=S(async T=>{if(b)try{await b(T)}catch(I){h&&h(I)}},[b,h]),$=T=>{const I=T.target;D(I.value)},E=()=>u?`${o}: ${s} ${g}`:p?`${o}: ${s} ${y}`:`${o}: ${s} ${k}`,L=q(()=>({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",t]),children:[e("input",{type:_?"checkbox":"radio",name:r,id:i,value:n,"aria-label":E(),checked:p,disabled:c,onChange:$,...f,className:a(["dropin-image-swatch",["dropin-image-swatch--selected",p],["dropin-image-swatch--disabled",c],t])}),e("span",{className:a(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",u],t]),children:typeof m=="function"?m({...L,imageSwatchContext:{disabled:c,outOfStock:u,selected:p,value:n,label:s,groupAriaLabel:o,name:r,id:i}}):m||e(ke,{...L,className:a(["dropin-image-swatch__content"])})})]})},Ke=({className:t,children:r,title:n,ariaLabelTitle:i,secondaryText:s,actionIconPosition:o="left",iconOpen:d=j,iconClose:l=z,iconLeft:c=j,showIconLeft:p=!1,renderContentWhenClosed:u=!0,defaultOpen:_,onStateChange:m,...b})=>{const[h,f]=R(!1),g=E=>{E.stopImmediatePropagation();const L=!h;f(L),m==null||m(L)};F(()=>{typeof _<"u"&&f(_)},[_]);const y=x(`Dropin.Accordion.${h?"close":"open"}.label`).label,k=e(O,{source:d,size:"24",onClick:g,onKeyPress:g,className:"dropin-accordion-section__open-icon"}),D=e(O,{source:l,size:"24",onClick:g,onKeyPress:g,className:"dropin-accordion-section__close-icon"}),$=e(O,{source:c,size:"24"});return e("div",{...b,className:a(["dropin-accordion-section",t]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:g,onKeyPress:g,role:"button","aria-label":`${y} ${i??n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(h?D:k),p&&$,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[s&&e("h4",{className:"dropin-accordion-section__secondary-text",children:s}),o==="right"&&(h?D:k)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:h?"grid":"none"},children:(h||u&&!h)&&r})]})},Sr=({className:t,children:r,actionIconPosition:n="left",iconOpen:i=j,iconClose:s=z,...o})=>{const d=e(fe,{variant:"secondary"}),l=c=>e(U,{children:[e(Ke,{...c.props,actionIconPosition:n,iconOpen:i,iconClose:s}),d]});return e("div",{...o,className:a(["dropin-accordion",t]),children:[d,...(Array.isArray(r)?r:[r]).map(l)]})},Or=({variant:t="primary",className:r,type:n="warning",additionalActions:i,onDismiss:s,heading:o,description:d,icon:l,itemList:c,actionButtonPosition:p,...u})=>{var m,b,h;const _=x({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...u,className:a(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${t}`,r]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[l&&e(w,{node:l,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:o})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[i&&(p==="top"||!p&&i.length<=1)&&e(H,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:i.length>0?(m=i[0])==null?void 0:m.onClick:void 0,"aria-label":(b=i[0])==null?void 0:b.label,children:(h=i[0])==null?void 0:h.label}),s&&e(H,{icon:e(O,{source:J,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:s,"aria-label":_.dismiss})]})]}),d&&e("p",{className:"dropin-in-line-alert__description",children:d}),e("div",{className:"dropin-in-line-alert__item-list-container",children:c&&e(w,{node:c,className:a(["dropin-in-line-alert__item-list"])})}),i&&(p==="bottom"||!p&&i.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:i.map(f=>e(H,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:f.onClick,children:f.label},f.label))})]})},je=({children:t})=>{const r=G(null),n=G(null);return Ee(()=>(r.current||(r.current=document.createElement("div"),r.current.setAttribute("data-portal-root",""),document.body.appendChild(r.current)),n.current&&r.current&&r.current.appendChild(n.current),()=>{r.current&&(r.current.remove(),r.current=null)}),[]),e("div",{ref:n,className:"dropin-design",children:t})},Tr=({size:t="small",title:r=null,centered:n=!1,backgroundDim:i=!0,clickToDismiss:s=!0,escapeToDismiss:o=!0,onClose:d,showCloseButton:l=!0,className:c,children:p=null,...u})=>{const _=S(()=>{d==null||d()},[d]),m=x({modalCloseLabel:"Dropin.Modal.Close.label"});return F(()=>{const b=h=>{const f=document.querySelector(".dropin-modal"),g=document.querySelector(".dropin-modal__body");s&&f&&g&&!g.contains(h.target)&&_()};return document.addEventListener("mousedown",b),()=>{document.removeEventListener("mousedown",b)}},[_,s]),F(()=>{const b=h=>{h.key==="Escape"&&o&&_()};return document.addEventListener("keydown",b),()=>{document.removeEventListener("keydown",b)}},[_,o]),F(()=>{const b=document.scrollingElement,h=b.style.overflow;return b.style.overflow="hidden",()=>{b.style.overflow=h}},[]),e(je,{children:e("div",{className:a(["dropin-modal",["dropin-modal--dim",i]]),children:e("div",{...u,className:a(["dropin-modal__body",[`dropin-modal__body--${t}`,t],c]),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":m.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:_,icon:e(J,{})})]}),e("div",{className:a(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:p})]})})})},Pr=({className:t,children:r,ariaLabel:n,image:i,title:s,price:o,taxIncluded:d=!1,taxExcluded:l=!1,total:c,totalExcludingTax:p,sku:u,configurations:_,warning:m,alert:b,discount:h,savings:f,actions:g,removeContent:y,quantity:k,quantityContent:D,description:$,attributes:E,footer:L,loading:T=!1,updating:I=!1,quantityType:P,dropdownOptions:K,onQuantity:C,onRemove:W,...Ne})=>{var re,te;const{locale:X}=De(ye),V=x({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(T)return e(ze,{});const ge=P==="dropdown"?e(Ue,{className:a(["dropin-cart-item__quantity__picker"]),value:String(k),name:"quantity","aria-label":V.quantity,disabled:I,variant:"primary",options:K,handleSelect:M=>C==null?void 0:C(Number(M.target.value))}):e(He,{className:a(["dropin-cart-item__quantity__incrementer"]),value:k,min:1,onValue:M=>C==null?void 0:C(Number(M)),name:"quantity","aria-label":V.quantity,disabled:I});return e("div",{...Ne,className:a(["dropin-cart-item",["dropin-cart-item--updating",I],t]),children:[I&&e(Ge,{className:a(["dropin-cart-item__spinner"]),ariaLabel:n?(re=V.updating)==null?void 0:re.replace("{product}",n):V.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[i&&e(w,{node:i,className:a(["dropin-cart-item__image"])}),s&&e(w,{node:s,className:a(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!C||!!W]])}),$&&e(w,{node:$,className:a(["dropin-cart-item__description"])}),u&&e(w,{node:u,className:a(["dropin-cart-item__sku"])}),e("div",{className:a(["dropin-cart-item__savings__wrapper"]),children:[h&&e(w,{node:h,className:a(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),f&&e(w,{node:f,className:a(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),E&&e("div",{className:a(["dropin-cart-item__attributes"]),children:e(w,{node:E})}),_&&e("ul",{className:a(["dropin-cart-item__configurations"]),children:Object.entries(_).map(([M,we])=>e("li",{className:a(["dropin-cart-item__configurations__item"]),children:[M,":"," ",e("strong",{className:a(["dropin-cart-item__configurations__item__value"]),children:we})]},M))}),o&&e("span",{className:a(["dropin-cart-item__price"]),"aria-label":V.pricePerItem,children:[k&&!C&&e(U,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[k.toLocaleString(X)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[V.quantity,": ",k==null?void 0:k.toLocaleString(X),";"]})]}),e(w,{node:o,role:"text"}),k&&k>1&&e(U,{children:[" ",V.each]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",V.taxIncluded]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",V.taxExcluded]})]}),e("div",{className:a(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!C]]),children:[D?e(w,{node:D}):C?ge:k&&e("span",{className:a(["dropin-cart-item__quantity__value"]),children:[V.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(k).toLocaleString(X)})]}),m&&e(w,{node:m,className:a(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),b&&e(w,{node:b,className:a(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),g&&e("div",{className:a(["dropin-cart-item__actions"]),children:e(w,{node:g,className:a(["dropin-cart-item__buttons"])})}),m&&e(w,{node:m,className:a(["dropin-cart-item__warning"])}),b&&e(w,{node:b,className:a(["dropin-cart-item__alert"])}),e("div",{className:a(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!W]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[c&&e("div",{className:"dropin-cart-item__row-total",children:e(w,{node:c,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:V.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:[p&&e(w,{node:p,role:"text"})," ",V.taxExcluded]})}),h&&e(w,{node:h,className:a(["dropin-cart-item__discount"])}),f&&e(w,{node:f,className:a(["dropin-cart-item__savings"])})]}),L&&e(w,{node:L,className:a(["dropin-cart-item__footer"])})]}),y?e(w,{node:y}):W?e(H,{"data-testid":"cart-item-remove-button",className:a(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>W==null?void 0:W(),icon:e(O,{"data-testid":"cart-item-remove-icon",source:Re,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(te=V.remove)==null?void 0:te.replace("{product}",n):V.removeDefault}),disabled:I}):null]})},ze=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(ee,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(A,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(A,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(A,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(A,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(A,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(A,{className:"dropin-cart-item__skeleton__item"})})]})}),Cr=({className:t,children:r,...n})=>e("div",{...n,className:a(["dropin-cart-list",t]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:me.map(r,(i,s)=>e("div",{className:"dropin-cart-list__item",children:i},s))})}),Vr=({className:t,children:r,locale:n,currency:i,amount:s,variant:o="default",minimumAmount:d,maximumAmount:l,size:c="small",display:p="dash",specialPrice:u,sale:_=!1,...m})=>{const b=q(()=>s||d===l||d&&!l||l&&!d,[s,l,d]);return e("div",{children:b?e("div",{...m,className:a(["dropin-price-range",t]),children:e(B,{amount:s??d??l,currency:i,locale:n,size:c,variant:o,sale:_})}):e("div",{...m,className:a(["dropin-price-range",t]),children:[p==="dash"?e(Je,{specialPrice:u,minimumAmount:d,maximumAmount:l,currency:i,locale:n,size:c,sale:_}):null,p==="from to"?e(Xe,{specialPrice:u,minimumAmount:d,maximumAmount:l,currency:i,locale:n,size:c,sale:_}):null,p==="as low as"?e(Ye,{specialPrice:u,minimumAmount:d,maximumAmount:l,currency:i,locale:n,size:c,sale:_}):null]})})};function Je({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:s,size:o,sale:d}){return e(U,{children:[e(B,{amount:t??r,currency:i,locale:s,size:o,sale:!!t&&d}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(B,{amount:n,currency:i,locale:s,size:o})]})}function Xe({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:s,size:o,sale:d}){const l=x({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(U,{children:[e("span",{className:a(["dropin-price-range__from",`dropin-price-range__from--${o}`]),children:l.from}),e(B,{amount:t??r,currency:i,locale:s,size:o,sale:!!t&&d}),e("span",{className:a(["dropin-price-range__to",`dropin-price-range__to--${o}`]),children:l.to}),e(B,{amount:n,currency:i,locale:s,size:o})]})}function Ye({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:s,size:o,sale:d}){const l=x({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(U,{children:[e("span",{className:a(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${o}`]),children:l.asLowAs}),t?e("div",{children:[e(B,{amount:n,currency:i,locale:s,size:o,variant:"strikethrough"}),e(B,{amount:t,currency:i,locale:s,size:o,className:"dropin-price-range__special",sale:!!t&&d})]}):e(B,{amount:r,currency:i,locale:s,size:o})]})}const Rr=({className:t,categories:r,separator:n,...i})=>e(U,{children:(r==null?void 0:r.length)>1&&e("nav",{role:"navigation",...i,className:a(["dropin-breadcrumbs__container",t]),children:e("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((s,o)=>e("li",{className:a(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",o===r.length-1]]),children:[e(w,{node:s,className:"dropin-breadcrumbs__link"}),!n&&o!==r.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&o!==r.length-1&&e(w,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},o))})})}),Ar=({className:t,variant:r,icon:n,message:i,onDismiss:s,action:o,...d})=>{const l=x({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...d,className:a([t,"dropin-alert-banner",`dropin-alert-banner--${r}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(w,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(w,{node:i,className:a(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[o&&e(H,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:o.onClick,"aria-label":o.label,children:o.label}),e(H,{icon:e(O,{source:J,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:s,"aria-label":l.dismiss})]})]})},Fr=({className:t,icon:r,heading:n,headingLevel:i=2,message:s,action:o,variant:d="secondary",...l})=>{const c=i>=1&&i<=6?`h${i}`:"h2";return e("div",{...l,className:a(["dropin-illustrated-message",t]),children:e(Me,{variant:d,children:[r&&e(w,{node:r,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(c,{className:"dropin-illustrated-message__heading",children:n}),s&&e(w,{node:s,className:"dropin-illustrated-message__message"}),o&&e(w,{node:o,className:"dropin-illustrated-message__action"})]})})},Br=({label:t,name:r,value:n,busy:i=!1,children:s,className:o,icon:d,onChange:l,selected:c=!0,...p})=>e("div",{...p,className:a(["dropin-toggle-button",o,["dropin-toggle-button__selected",c]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(qe,{label:"",name:r,value:n,checked:c,onChange:()=>l&&l(n),"aria-label":r,busy:i,className:a([o,"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"}),t]})]})}),Ze=({level:t,className:r,children:n})=>{const i=t&&t>=1&&t<=6?`h${t}`:"span";return e(i,{className:r,children:n})},Hr=({title:t=null,size:r="medium",cta:n,divider:i=!0,className:s,level:o,...d})=>t?e("div",{...d,className:a(["dropin-header-container",s]),"data-testid":"dropin-header-container",children:[e(Ze,{className:a(["dropin-header-container__title",["dropin-header-container__title--medium",r==="medium"],["dropin-header-container__title--large",r==="large"]]),level:o,children:t}),n?e(w,{node:n,className:"dropin-header-container__actions"}):null,i?e(fe,{className:a(["dropin-header-container__divider",["dropin-header-container__divider--medium",r==="medium"],["dropin-header-container__divider--large",r==="large"]])}):null]}):null,Wr=({label:t,className:r,children:n,...i})=>!t&&!n?null:e("div",{...i,className:a(["dropin-tag-container",r]),"data-testid":"dropin-tag-container",children:n??e("span",{className:"dropin-tag-container__label",children:t})}),qr=({className:t,children:r,maxColumns:n,columnWidth:i="1fr",emptyGridContent:s,...o})=>{const d=!!r&&(Array.isArray(r)?r.length>0:!0),l=d?{gridTemplateColumns:`repeat(${n}, ${i})`}:void 0;return e("div",{...o,className:a(["dropin-content-grid",t]),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:s})})},Ur=({totalPages:t=10,currentPage:r=1,onChange:n,className:i,...s})=>{const o=x({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),d=S(()=>{const _=Math.min(r+1,t);n==null||n(_)},[r,n,t]),l=S(()=>{const _=Math.max(r-1,1);n==null||n(_)},[r,n]),c=S(_=>{xe(_)&&(n==null||n(_))},[n]),p=S((_,m)=>{let b=[];const h=(f,g)=>{for(let y=f;y<=g;y++)b.push({page:y,isActive:y===_,label:y})};return m<=5?h(1,m):_<=2?(h(1,2),b.push({page:"ellipsis",isActive:!1,label:"..."}),h(m-1,m)):_>=m-3?h(m-4,m):(h(_-1,_),b.push({page:"ellipsis",isActive:!1,label:"..."}),h(m-1,m)),b},[]),u=q(()=>p(r,t),[p,r,t]);return e("div",{...s,className:a(["dropin-pagination",i]),children:[e("button",{type:"button","data-testid":"prev-button","aria-label":o.backwardButton,disabled:r===1,onClick:l,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--backward"]),children:e(O,{size:"24",source:Q})}),e("ul",{className:"dropin-pagination_list",children:u.map((_,m)=>e("li",{"data-testid":`dropin-pagination_list-item--${_.page}`,className:a(["dropin-pagination_list-item",`dropin-pagination_list-item--${_.page}`,["dropin-pagination_list-item--active",_.isActive]]),children:e("button",{type:"button","data-testid":`set-page-button-${_.page}`,onClick:()=>c(_.page),children:_.label})},`${_.page}_${m}`))}),e("button",{type:"button","data-testid":"next-button","aria-label":o.forwardButton,disabled:r===t,onClick:d,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--forward"]),children:e(O,{size:"24",source:Q})})]})},Qe=()=>e("div",{className:"dropin-product-item-card dropin-product-item-card-skeleton",children:[e(ee,{className:"dropin-product-item-card__skeleton dropin-product-item-card__image-container",children:e(A,{fullWidth:!0,className:"dropin-product-item-card__skeleton__image"})}),e(ee,{className:"dropin-product-item-card__content dropin-product-item-card__skeleton__content",children:[e(A,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(A,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(A,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"})]})]}),Mr=({className:t,image:r,titleNode:n,price:i,sku:s,actionButton:o,swatches:d,initialized:l=!1,...c})=>l?e("div",{...c,className:a(["dropin-product-item-card",t]),children:[e("div",{className:"dropin-product-item-card__image-container",children:r&&e(w,{node:r,className:a(["dropin-product-item-card__image"])})}),e("div",{className:"dropin-product-item-card__content",children:[n&&e(w,{node:n,className:a(["dropin-product-item-card__title"])}),s&&e(w,{node:s,className:a(["dropin-product-item-card__sku"])}),i&&e("div",{className:"dropin-product-item-card__price",children:e(w,{node:i,className:a(["dropin-product-item-card__price"])})}),d&&e("div",{className:"dropin-product-item-card__swatches",children:e(w,{node:d,className:a(["dropin-product-item-card__swatches"])})}),o&&e("div",{className:"dropin-product-item-card__action",children:e(w,{node:o,className:a(["dropin-product-item-card__action"])})})]})]}):e(Qe,{}),Gr=({accept:t,onChange:r,label:n="Upload Document",icon:i,className:s,multiple:o,id:d,...l})=>{const c=_e(),p=d||c,u=_=>{r==null||r(_)};return e("div",{className:a(["dropin-input-file",s]),children:[e("label",{htmlFor:p,className:"dropin-input-file__label",children:[i&&e("span",{className:"dropin-input-file__icon",children:i}),n]}),e("input",{id:p,type:"file",accept:t,multiple:o,onChange:u,className:"dropin-input-file__input",...l})]})};export{Sr as Accordion,Ke as AccordionSection,Ir as ActionButton,$r as ActionButtonGroup,Ar as AlertBanner,Rr as Breadcrumbs,H as Button,Me as Card,Pr as CartItem,ze as CartItemSkeleton,Cr as CartList,Er as Checkbox,Dr as ColorSwatch,qr as ContentGrid,fe as Divider,ve as Field,Hr as Header,O as Icon,Fr as IllustratedMessage,ke as Image,Lr as ImageSwatch,Or as InLineAlert,He as Incrementer,be as Input,wr as InputDate,Gr as InputFile,kr as InputPassword,Tr as Modal,Ur as Pagination,Ue as Picker,B as Price,Vr as PriceRange,Mr as ProductItemCard,Ge as ProgressSpinner,qe as RadioButton,ee as Skeleton,A as SkeletonRow,Wr as Tag,yr as TextArea,xr as TextSwatch,Br as ToggleButton,ye as UIContext,zr as UIProvider,Jr as provider};
+import{jsx as e}from"./preact-jsx-runtime.js";import{c as a,V as D}from"./chunks/vcomponent.js";import{I as Me,U as Fe}from"./chunks/Image.js";import{a as br,p as fr}from"./chunks/Image.js";import{L as ve,F as y,h as K,y as U,q as C,S as oe,A as z,g as $e,T as Y,N as Ee,E as Be,k as J,a as We,x as He}from"./chunks/icons/Add.js";import ce from"./chunks/icons/Minus.js";import{Localizer as ge,Text as _e,useText as R}from"./i18n.js";import{d as xe,a as Ne,b as qe,i as Ue}from"./chunks/get-price-formatter.js";import Ke from"./chunks/icons/CheckWithCircle.js";import je from"./chunks/icons/WarningWithCircle.js";import Ge from"./chunks/icons/Date.js";import ze from"./chunks/icons/Eye.js";import Je from"./chunks/icons/EyeClose.js";import Xe from"./chunks/icons/Locker.js";import ue from"./chunks/icons/Check.js";import te from"./chunks/icons/Close.js";import le from"./chunks/icons/ChevronDown.js";import Ye from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";import"./chunks/cjs.js";import"./chunks/locale-config.js";const we=1,j=({className:r,fullWidth:t=!1,lines:i=we,size:n="small",variant:l="row",children:o=null,multilineGap:s="medium",...c})=>{const d=[[`dropin-skeleton-row__${l}`,l],[`dropin-skeleton-row__${l}-${n}`,l&&n]];if(!o&&l==="empty")return e("div",{className:a(["dropin-skeleton-row dropin-skeleton-row__empty",r])});if(o){const b=o.trim();return e("div",{...c,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",t],r]),dangerouslySetInnerHTML:{__html:b}})}return i>we===!1?e("div",{...c,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",t],"dropin-skeleton--row__content",...d,r])}):e("div",{...c,style:{"--multiline-gap-spacing":`var(--spacing-${s})`},class:a(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",t],r]),children:Array.from({length:i}).map((b,u)=>e("div",{class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",t],"dropin-skeleton--row__content",...d])},u))})},se=({className:r,children:t,rowGap:i="medium",...n})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${i})`},...n,className:a(["dropin-skeleton",r]),role:"status","aria-label":"Loading...",children:t}),Ze=function(){const t=typeof document<"u"&&document.createElement("link").relList;return t&&t.supports&&t.supports("modulepreload")?"modulepreload":"preload"}(),Qe=function(r){return"/"+r},ye={},k=function(t,i,n){let l=Promise.resolve();if(i&&i.length>0){document.getElementsByTagName("link");const s=document.querySelector("meta[property=csp-nonce]"),c=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));l=Promise.allSettled(i.map(d=>{if(d=Qe(d),d in ye)return;ye[d]=!0;const p=d.endsWith(".css"),b=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${b}`))return;const u=document.createElement("link");if(u.rel=p?"stylesheet":Ze,p||(u.as="script"),u.crossOrigin="",u.href=d,c&&u.setAttribute("nonce",c),document.head.appendChild(u),p)return new Promise((_,m)=>{u.addEventListener("load",_),u.addEventListener("error",()=>m(new Error(`Unable to preload CSS for ${d}`)))})}))}function o(s){const c=new Event("vite:preloadError",{cancelable:!0});if(c.payload=s,window.dispatchEvent(c),!c.defaultPrevented)throw s}return l.then(s=>{for(const c of s||[])c.status==="rejected"&&o(c.reason);return t().catch(o)})},ke={Add:y(()=>k(()=>import("./chunks/icons/Add.js").then(r=>r.$),[])),AddressBook:y(()=>k(()=>import("./chunks/icons/AddressBook.js"),[])),Bulk:y(()=>k(()=>import("./chunks/icons/Bulk.js"),[])),Burger:y(()=>k(()=>import("./chunks/icons/Burger.js"),[])),Business:y(()=>k(()=>import("./chunks/icons/Business.js"),[])),Card:y(()=>k(()=>import("./chunks/icons/Card.js"),[])),Cart:y(()=>k(()=>import("./chunks/icons/Cart.js"),[])),Check:y(()=>k(()=>import("./chunks/icons/Check.js"),[])),CheckWithCircle:y(()=>k(()=>import("./chunks/icons/CheckWithCircle.js"),[])),ChevronDown:y(()=>k(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronRight:y(()=>k(()=>import("./chunks/icons/ChevronRight.js"),[])),ChevronUp:y(()=>k(()=>import("./chunks/icons/ChevronUp.js"),[])),Close:y(()=>k(()=>import("./chunks/icons/Close.js"),[])),Coupon:y(()=>k(()=>import("./chunks/icons/Coupon.js"),[])),Date:y(()=>k(()=>import("./chunks/icons/Date.js"),[])),Delivery:y(()=>k(()=>import("./chunks/icons/Delivery.js"),[])),Edit:y(()=>k(()=>import("./chunks/icons/Edit.js"),[])),EmptyBox:y(()=>k(()=>import("./chunks/icons/EmptyBox.js"),[])),Eye:y(()=>k(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:y(()=>k(()=>import("./chunks/icons/EyeClose.js"),[])),Gift:y(()=>k(()=>import("./chunks/icons/Gift.js"),[])),GiftCard:y(()=>k(()=>import("./chunks/icons/GiftCard.js"),[])),Heart:y(()=>k(()=>import("./chunks/icons/Heart.js"),[])),HeartFilled:y(()=>k(()=>import("./chunks/icons/HeartFilled.js"),[])),InfoFilled:y(()=>k(()=>import("./chunks/icons/InfoFilled.js"),[])),List:y(()=>k(()=>import("./chunks/icons/List.js"),[])),Locker:y(()=>k(()=>import("./chunks/icons/Locker.js"),[])),Minus:y(()=>k(()=>import("./chunks/icons/Minus.js"),[])),Order:y(()=>k(()=>import("./chunks/icons/Order.js"),[])),OrderError:y(()=>k(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:y(()=>k(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:y(()=>k(()=>import("./chunks/icons/PaymentError.js"),[])),Placeholder:y(()=>k(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:y(()=>k(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Quote:y(()=>k(()=>import("./chunks/icons/Quote.js"),[])),Search:y(()=>k(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:y(()=>k(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:y(()=>k(()=>import("./chunks/icons/Sort.js"),[])),Star:y(()=>k(()=>import("./chunks/icons/Star.js"),[])),Structure:y(()=>k(()=>import("./chunks/icons/Structure.js"),[])),Team:y(()=>k(()=>import("./chunks/icons/Team.js"),[])),Trash:y(()=>k(()=>import("./chunks/icons/Trash.js"),[])),User:y(()=>k(()=>import("./chunks/icons/User.js"),[])),View:y(()=>k(()=>import("./chunks/icons/View.js"),[])),Wallet:y(()=>k(()=>import("./chunks/icons/Wallet.js"),[])),Warning:y(()=>k(()=>import("./chunks/icons/Warning.js"),[])),WarningFilled:y(()=>k(()=>import("./chunks/icons/WarningFilled.js"),[])),WarningWithCircle:y(()=>k(()=>import("./chunks/icons/WarningWithCircle.js"),[]))};function De(r){try{if(r.startsWith("//")){const i=`${window.location.protocol}${r}`;return new URL(i).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${r} - Only same-domain URLs are allowed`),!1):!0}return new URL(r).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${r} - Only same-domain URLs are allowed`),!1):!0}catch{return console.error(`[Icon] Invalid URL format: ${r}`),!1}}function et({url:r,...t}){const[i,n]=K(""),[l,o]=K(!0),[s,c]=K(!1);return U(()=>{fetch(r).then(d=>{if(!d.ok)throw console.error(`[Icon] Failed to fetch SVG: ${d.status} ${d.statusText}`),s;return d.text()}).then(d=>{try{if(!new DOMParser().parseFromString(d,"image/svg+xml").querySelector("svg"))throw new Error("No <svg> element found")}catch(b){b instanceof Error?console.error(`[Icon] Invalid SVG content from ${r}: ${b.message}`):console.error(`[Icon] Invalid SVG content from ${r}: ${String(b)}`),c(!0),o(!1)}let p=d;t.width&&(p=p.replace(/<svg([^>]*)\s+width\s*=\s*["'][^"']*["']/gi,"<svg$1"),p=p.replace(/<svg/i,`<svg width="${t.width}"`)),t.height&&(p=p.replace(/<svg([^>]*)\s+height\s*=\s*["'][^"']*["']/gi,"<svg$1"),p=p.replace(/<svg/i,`<svg height="${t.height}"`)),t.title&&(p=p.replace(/<title[^>]*>.*?<\/title>/gi,""),p=p.replace(/<svg([^>]*)>/i,`<svg$1><title>${t.title}</title>`)),n(p),o(!1)}).catch(d=>{d instanceof Error?console.error(`[Icon] ${d.message}`):console.error(`[Icon] ${String(d)}`),c(!0),o(!1)})},[r,t.width,t.height,t.title]),l||s?e("svg",{...t}):e("span",{className:t.className,style:{width:String(t.width),height:String(t.height),display:"inline-flex",lineHeight:0},dangerouslySetInnerHTML:{__html:i}})}function B({source:r,size:t="24",stroke:i="2",viewBox:n="0 0 24 24",className:l,...o}){const s={className:a(["dropin-icon",`dropin-icon--shape-stroke-${i}`,l]),width:t,height:t,viewBox:n},c=typeof r=="string"&&(r.startsWith("http")||r.startsWith("//")||r.startsWith("/"));if(c&&De(r))return e(ve,{fallback:e("svg",{...o,...s}),children:e(et,{url:r,...o,...s})});const d=typeof r=="string"&&r in ke?ke[r]:null,p=c&&!De(r);return e(ve,{fallback:e("svg",{...o,...s}),children:d?e(d,{...o,...s}):p?e("svg",{...o,...s}):e(r,{...o,...s})})}const tt=({name:r,value:t="1",className:i,disabled:n,error:l,success:o,min:s,max:c,onValue:d,onUpdateError:p,size:b="medium",showButtons:u=!0,..._})=>{const[m,g]=K(Number(t)),h=Number(s),N=Number(c),v=l||m<h||m>N,f=m<h?"Dropin.Incrementer.minQuantityMessage":m>N?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage";U(()=>{const $=Number(t);$!==m&&g($)},[t]);const E=C(xe(async $=>{if(d)try{d($)}catch(S){p&&p(S)}},200),[d,p]),I=$=>{let S=$;E(S),g(S)};return e("div",{className:a(["dropin-incrementer",`dropin-incrementer--${b}`,i]),children:[e("div",{className:a(["dropin-incrementer__content",`dropin-incrementer__content--${b}`,["dropin-incrementer__content--no-buttons",!u],["dropin-incrementer__content--error",v],["dropin-incrementer__content--success",o],["dropin-incrementer__content--disabled",n]]),children:[u&&e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",n]]),children:e(ge,{children:e("button",{type:"button",className:a(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",n]]),onClick:()=>I(m-1),disabled:n||m<h+1,"aria-label":e(_e,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(B,{source:ce,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:c,min:s,step:1,type:"number",name:r,value:m,disabled:n,onBlur:()=>{I(Number(m))},onChange:$=>{const S=$.currentTarget.value;S!==""&&I(Number(S))},..._}),u&&e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",n]]),children:e(ge,{children:e("button",{type:"button",className:a(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",n]]),onClick:()=>I(m+1),disabled:n||m>N-1,"aria-label":e(_e,{id:"Dropin.Incrementer.increaseLabel"}),children:e(B,{source:oe,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),v&&e("p",{className:"dropin-incrementer__content--error-message",children:e(_e,{id:f,fields:{minQuantity:s,maxQuantity:c}})})]})},Le=({name:r,value:t,variant:i="primary",className:n,disabled:l,error:o,floatingLabel:s,onValue:c,onUpdateError:d,size:p="medium",icon:b,maxLength:u,success:_,...m})=>{const g=(m==null?void 0:m.id)||r||`dropin-input-${Math.random().toString(36)}`,h=C(xe(async v=>{if(c)try{await c(v)}catch(f){d&&d(f)}},200),[c,d]),N=v=>{const f=v.target;h(f.value.trim())};return e("div",{className:a(["dropin-input-container",`dropin-input-container--${i}`,["dropin-input-container--floating",!!s],["dropin-input-container--disabled",l]]),children:[b&&e(D,{node:b,className:a(["dropin-input__field-icon--left",b.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:g,onChange:N,type:"text",maxLength:u,name:r,value:t,...m,className:a(["dropin-input",`dropin-input--${p}`,`dropin-input--${i}`,["dropin-input--error",!!o],["dropin-input--success",!!_],["dropin-input--disabled",l],["dropin-input--floating",!!s],["dropin-input--icon-left",!!b],n]),disabled:l}),s&&e("label",{htmlFor:g,className:a([["dropin-input__label--floating",!!s],["dropin-input__label--floating--icon-left",!!b],["dropin-input__label--floating--error",!!o]]),children:s})]}),o&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(B,{source:je,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),_&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(B,{source:Ke,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},Ht=({name:r="",error:t,value:i,label:n,onChange:l,onBlur:o,...s})=>{const[c,d]=K((i==null?void 0:i.toString())??""),p=z(null),b=R({picker:"Dropin.InputDate.picker"}),u=C(h=>{h.currentTarget.setAttribute("type","date"),Ne()&&p.current.focus()},[]),_=C(h=>{var v;const N=(v=h.currentTarget.parentElement)==null?void 0:v.querySelector("input");N==null||N.focus(),N==null||N.showPicker()},[]),m=C(h=>{h.currentTarget.setAttribute("type","text"),o==null||o(h)},[o]),g=C(h=>{d(h.target.value),l==null||l(h)},[l]);return e("div",{className:a(["dropin-input-date"]),children:[Ne()?e("input",{ref:p,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:g}):null,e(Ae,{error:t,children:e(Le,{"data-testid":"input-date",error:!!t,name:r,value:c,placeholder:n,floatingLabel:n,onFocus:u,onBlur:m,onChange:g,"aria-labelledby":n,className:"dropin-input-date__input",...s})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":b.picker,onClick:_,children:e(B,{source:Ge,size:"24"})})]})},Se={pending:e(ce,{}),success:e(ue,{}),error:e(te,{style:{fill:"red"}})},rt=({minLength:r=0,requiredCharacterClasses:t=0,uniqueSymbolsStatus:i="pending",validateLengthConfig:n={status:"",icon:"",message:""}})=>{const l=R({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),o=s=>{switch(s){case 2:return l.chartTwoSymbols;case 3:return l.chartThreeSymbols;case 4:return l.chartFourSymbols;default:return""}};return e("div",{className:a(["dropin-password-status-indicator"]),children:[r>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n.status}`,"data-testid":`dropin-password-status-indicator__item--${n.icon}`,children:[Se[n.icon],e("span",{className:`${n.status}`,children:n.message})]}):null,t>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${i}`,"data-testid":`dropin-password-status-indicator__item--${i}`,children:[Se[i],e("span",{className:"pending",children:o(t)})]}):null]})},qt=({placeholder:r,floatingLabel:t,children:i,name:n,required:l,className:o,minLength:s,autoComplete:c,defaultValue:d="",hideStatusIndicator:p=!1,uniqueSymbolsStatus:b,validateLengthConfig:u,requiredCharacterClasses:_,errorMessage:m,onValue:g,onBlur:h,...N})=>{const v=R({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[f,E]=K(!1),I=C(()=>{E(S=>!S)},[]),$=f?v.buttonHideTitle:v.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:a(["dropin-input-password",["dropin-input-password--error",m],o]),...N,children:[e(Ae,{error:m,children:e(Le,{autoComplete:c,name:n??"password",type:f?"text":"password",placeholder:r||v.placeholder,floatingLabel:t||v.floatingLabel,"aria-label":v.placeholder,"aria-required":l||!0,"aria-invalid":!!m,"aria-describedby":"password-feedback",required:l||!1,value:d,onValue:g,icon:e(Xe,{}),onBlur:h,"data-testid":"passwordInput"})}),e(G,{"aria-label":$,title:$,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:a(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${f?"show":"hide"}`,o]),onClick:I,children:e(B,{focusable:!1,"aria-hidden":f,source:f?ze:Je})}),p?null:e(rt,{minLength:s,requiredCharacterClasses:_,validateLengthConfig:u,uniqueSymbolsStatus:b}),i]})},Ut=({disabled:r,name:t="",errorMessage:i,value:n,label:l,className:o,onChange:s,onBlur:c,...d})=>{const p=z(null),b=$e(),u=!!(i!=null&&i.length);return U(()=>{const _=p.current;_&&(_.style.height="auto",_.style.height=`${_.scrollHeight}px`)},[n]),e("div",{className:a(["dropin-textarea-container",o]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:p,"data-testid":"dropin-textarea-field",className:a(["dropin-textarea",["dropin-textarea--error",u],["dropin-textarea--disabled",!!r]]),id:b,placeholder:l,name:t,value:n,disabled:r,onBlur:c,onChange:s,...d}),e("label",{htmlFor:b,className:a(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",u]]),children:l}),u?e("div",{className:a(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",u]]),children:i}):null]})},Te=({variant:r="primary",className:t})=>e("hr",{role:"separator",className:a(["dropin-divider",`dropin-divider--${r}`,t])}),Z=({amount:r=0,currency:t,locale:i,variant:n="default",weight:l="bold",className:o,children:s,sale:c=!1,formatOptions:d={},size:p="small",...b})=>{const u=Y(()=>qe({currency:t,locale:i,formatOptions:d}).format(r),[r,t,i,d]);return e("span",{...b,className:a(["dropin-price",`dropin-price--${n}`,`dropin-price--${p}`,`dropin-price--${l}`,["dropin-price--sale",c],o]),children:u})},nt=({name:r,label:t,value:i,size:n="medium",checked:l=!1,disabled:o=!1,error:s=!1,description:c="",busy:d=!1,className:p,children:b,...u})=>e("label",{className:a([p,"dropin-radio-button",["dropin-radio-button--error",s],["dropin-radio-button--disabled",o]]),children:[e("input",{name:r,value:i,checked:l,disabled:o,type:"radio",className:a(["dropin-radio-button__input",["dropin-radio-button__input--error",s],["dropin-radio-button__input--disabled",o]]),"aria-busy":d,...u}),e("span",{className:a(["dropin-radio-button__label",`dropin-radio-button__label--${n}`,["dropin-radio-button__label--error",s],["dropin-radio-button__label--disabled",o]]),children:t}),e("span",{className:a(["dropin-radio-button__description",`dropin-radio-button__description--${n}`,["dropin-radio-button__description--disabled",o]]),children:c})]}),G=({value:r,variant:t="primary",size:i="medium",icon:n,className:l,children:o,disabled:s=!1,active:c=!1,activeChildren:d,activeIcon:p,href:b,...u})=>{let _="dropin-button";(n&&!o||n&&c&&!d||!n&&c&&p)&&(_="dropin-iconButton"),c&&d&&(_="dropin-button"),l=a([_,`${_}--${i}`,`${_}--${t}`,[`${_}--${t}--disabled`,s],o&&n&&`${_}--with-icon`,!o&&d&&n&&`${_}--with-icon`,c&&p&&`${_}--with-icon`,l]);const m=a(["dropin-button-icon",`dropin-button-icon--${t}`,[`dropin-button-icon--${t}--disabled`,s],n==null?void 0:n.props.className]),g=b?{node:e("a",{}),role:"link",href:b,...u,disabled:s,active:c,onKeyDown:h=>{s&&h.preventDefault()},tabIndex:s?-1:0}:{node:e("button",{}),role:"button",...u,value:r,disabled:s,active:c};return e(D,{...g,className:l,children:[n&&!c&&e(D,{node:n,className:m}),p&&c&&e(D,{node:p,className:m}),o&&!c&&(typeof o=="string"?e("span",{children:o}):o),c&&d&&(typeof d=="string"?e("span",{children:d}):d)]})};function Ie(r,t,i,n,l){return r||(t?t.value:i||n?"":l?l.value:null)}const it=({name:r,value:t=null,options:i,variant:n="primary",floatingLabel:l,size:o="medium",handleSelect:s=()=>{},disabled:c=!1,error:d=!1,placeholder:p,defaultOption:b,icon:u,className:_,id:m,...g})=>{const h=m??r??`dropin-picker-${Math.random().toString(36)}`,N=!!(g!=null&&g.required),v=i==null?void 0:i.find(x=>!x.disabled),[f,E]=K(()=>Ie(t,b,p,l,v));U(()=>{E(Ie(t,b,p,l,v))},[t,b,p,l,v]);const I=x=>{const{options:W,value:H}=x.target;for(const V of W)V.selected&&(E(H),s(x))},$=i==null?void 0:i.map(x=>{const{value:W,text:H,disabled:V}=x;return e("option",{value:W,selected:W===f,disabled:V,className:a(["dropin-picker__option"]),children:H},W)}),S=!!f,T=()=>(!N||!S)&&(l||p);return e("div",{className:a([_,"dropin-picker",`dropin-picker__${o}`,["dropin-picker__floating",!!l],["dropin-picker__selected",S],["dropin-picker__error",d],["dropin-picker__disabled",c],["dropin-picker__icon",u]]),children:[u&&e(u.type,{...u.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:h,className:a(["dropin-picker__select",`dropin-picker__select--${n}`,`dropin-picker__select--${o}`,["dropin-picker__select--floating",!!l]]),name:r,"aria-label":r,disabled:c,onChange:I,...g,children:[T()&&e("option",{selected:!S,value:"",className:a(["dropin-picker__option dropin-picker__placeholder"]),children:l??p},t),$]}),e(B,{source:le,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),l&&S&&e("label",{htmlFor:m,className:a(["dropin-picker__floatingLabel",!!l]),children:l})]})},Ae=({className:r,label:t,error:i,hint:n,success:l,size:o="medium",disabled:s=!1,children:c,...d})=>{var u;const p=((u=c==null?void 0:c.props)==null?void 0:u.id)??`dropin-field-${Math.random().toString(36)}`;let b=null;return c&&typeof c!="string"&&(b=e(D,{node:c,id:p,disabled:s,size:o,error:!!i,success:!!l&&!i},c.key)),e("div",{...d,className:a(["dropin-field",r]),children:[t&&e("label",{className:a(["dropin-field__label",["dropin-field__label--disabled",s],`dropin-field__label--${o}`]),htmlFor:p,children:t}),e("div",{className:a(["dropin-field__content"]),children:b}),e("div",{className:a(["dropin-field__hint",[`dropin-field__hint--${o}`,o],["dropin-field__hint--error",!!i],["dropin-field__hint--success",!!l&&!i],["dropin-field__hint--disabled",!!s]]),children:i||l||n})]})},Kt=({icon:r,className:t,children:i,active:n=!1,disabled:l=!1,...o})=>e("button",{role:"button",disabled:l,...o,className:a(["dropin-action-button",["dropin-action-button--active",n],["dropin-action-button--disabled",l],t]),children:[r&&e(D,{node:r,className:a(["dropin-action-button-icon"])}),i&&(typeof i=="string"?e("span",{children:i}):i)]}),jt=({className:r,variant:t="primary",activeOption:i,disabled:n=!1,dividers:l=!0,children:o,handleSelect:s,...c})=>{const[d,p]=K(i),b=C(_=>{n||_.props.disabled||(p(_.props.value),s&&s(_.props.value))},[s,p,n]),u=Ee.map(o,_=>{const m=n||_.props.disabled,g=_.props.value===d;return Be(_,{disabled:m,active:g,onClick:()=>b(_),className:a(["dropin-action-button-group__option",`dropin-action-button-group__option--${t}`,["dropin-action-button-group__option--active",g],["dropin-action-button-group__option--with-dividers",l]])})});return e("div",{role:"group",...c,className:a(["dropin-action-button-group",`dropin-action-button-group--${t}`,r]),children:u})},at=({variant:r="primary",className:t,children:i,...n})=>e("div",{...n,className:a(["dropin-card",`dropin-card--${r}`,t]),children:e("div",{class:"dropin-card__content",children:i})}),Gt=({name:r,value:t,size:i="medium",disabled:n=!1,error:l=!1,label:o="",description:s="",className:c,checked:d,...p})=>{const[b,u]=K(d===void 0?!1:d),_=z(null),m=h=>{var N;(N=p.onChange)==null||N.call(p,h),u(h.currentTarget.checked)},g=h=>{var N;h.key===" "&&(h.preventDefault(),(N=_==null?void 0:_.current)==null||N.click())};return U(()=>{typeof d=="boolean"&&u(d)},[d]),e("label",{className:a(["dropin-checkbox",["dropin-checkbox--disabled",n]]),children:[e("input",{ref:_,name:r,value:t,type:"checkbox",disabled:n,className:a(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",l],c]),...p,onChange:m,checked:b}),e("div",{className:"dropin-checkbox__checkbox-icon",children:["​",e("span",{"aria-checked":b?"true":"false","aria-labelledby":`${r}-label`,"aria-describedby":s?`${r}-description`:void 0,className:a(["dropin-checkbox__box",["dropin-checkbox__box--error",l],["dropin-checkbox__box--disabled",n]]),role:"checkbox",tabIndex:n?-1:0,onKeyDown:g,children:e(B,{className:a(["dropin-checkbox__checkmark"]),source:ue,size:"16",stroke:"3"})})]}),e("div",{id:`${r}-label`,className:a(["dropin-checkbox__label",`dropin-checkbox__label--${i}`,["dropin-checkbox__label--disabled",n]]),children:o}),e("div",{}),s&&e("div",{id:`${r}-description`,role:"note",className:a(["dropin-checkbox__description",`dropin-checkbox__description--${i}`,["dropin-checkbox__description--disabled",n]]),children:s})]})},zt=({className:r,name:t,value:i,id:n,label:l,groupAriaLabel:o,size:s="medium",color:c,disabled:d=!1,selected:p=!1,outOfStock:b=!1,multi:u=!1,onValue:_,onUpdateError:m,...g})=>{const h=R("Dropin.Swatches.outOfStock.label").label,N=R("Dropin.Swatches.selected.label").label,v=R("Dropin.Swatches.swatch.label").label,f=C(async x=>{if(_)try{await _(x)}catch(W){m&&m(W)}},[_,m]),E=x=>{const W=x.target;f(W.value)},S=c&&(x=>{const W=new Option().style;return W.color=x,W.color!==""})(c)?c:"var(--color-gray-300);",T=()=>b?`${o}: ${l} ${h}`:p?`${o}: ${l} ${N}`:`${o}: ${l} ${v}`;return e("label",{className:a(["dropin-color-swatch__container",`dropin-color-swatch__container--${s}`,r]),children:[e("input",{type:u?"checkbox":"radio",name:t,id:n,value:i,"aria-label":T(),checked:p,disabled:d,onChange:E,...g,className:a(["dropin-color-swatch",["dropin-color-swatch--selected",p],["dropin-color-swatch--disabled",d],r])}),e("span",{style:{"--bg-color":S},className:a(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",b],r])})]})},Jt=({className:r,name:t,value:i,label:n,groupAriaLabel:l,id:o,disabled:s=!1,selected:c=!1,outOfStock:d=!1,multi:p=!1,onValue:b,onUpdateError:u,..._})=>{const m=R("Dropin.Swatches.outOfStock.label").label,g=R("Dropin.Swatches.selected.label").label,h=R("Dropin.Swatches.swatch.label").label,[N,v]=K(!1),f=z(null),E=C(async T=>{if(b)try{await b(T)}catch(x){u&&u(x)}},[b,u]),I=T=>{const x=T.target;E(x.value)},$=()=>d?`${l}: ${n} ${m}`:c?`${l}: ${n} ${g}`:`${l}: ${n} ${h}`;U(()=>{f.current&&f.current.scrollWidth>f.current.clientWidth&&v(!0)},[n]);const S=Y(()=>o??`${t}_${o}_${Math.random().toString(36)}`,[t,o]);return e("div",{className:"dropin-text-swatch__container",...N?{"data-tooltip":n}:{},children:[e("input",{type:p?"checkbox":"radio",name:t,id:S,value:i,"aria-label":$(),checked:c,disabled:s,onChange:I,..._,className:a(["dropin-text-swatch",["dropin-text-swatch--selected",c],["dropin-text-swatch--disabled",s],r])}),e("label",{htmlFor:S,ref:f,className:a(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",d],r]),children:n})]})},ot=({ariaLabel:r,size:t="small",stroke:i="4",children:n,className:l,style:o,...s})=>{const c=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${t}`,`dropin-progress-spinner--shape-stroke-${i}`],d=R({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),p=()=>r||(n?d.updatingChildren:d.updating);return n?e("div",{...s,className:a(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:n}),e("div",{"aria-label":p(),role:"status",className:a(["dropin-progress-spinner-background",l]),style:o}),e("div",{className:a(["dropin-progress-spinner-with-provider",...c]),"aria-hidden":!0})]}):e("div",{...s,className:a([l,...c]),"aria-live":"polite",role:"status","aria-label":p()})},Xt=({className:r,name:t,value:i,id:n,label:l,groupAriaLabel:o,src:s,alt:c,disabled:d=!1,selected:p=!1,outOfStock:b=!1,multi:u=!1,imageNode:_,onValue:m,onUpdateError:g,...h})=>{const N=R("Dropin.Swatches.outOfStock.label").label,v=R("Dropin.Swatches.selected.label").label,f=R("Dropin.Swatches.swatch.label").label,E=C(async T=>{if(m)try{await m(T)}catch(x){g&&g(x)}},[m,g]),I=T=>{const x=T.target;E(x.value)},$=()=>b?`${o}: ${l} ${N}`:p?`${o}: ${l} ${v}`:`${o}: ${l} ${f}`,S=Y(()=>({src:s,alt:c,loading:"lazy",params:{width:100,fit:"bounds",crop:!0},onError:T=>T.target.style.display="none"}),[s,c]);return e("label",{className:a(["dropin-image-swatch__container",r]),children:[e("input",{type:u?"checkbox":"radio",name:t,id:n,value:i,"aria-label":$(),checked:p,disabled:d,onChange:I,...h,className:a(["dropin-image-swatch",["dropin-image-swatch--selected",p],["dropin-image-swatch--disabled",d],r])}),e("span",{className:a(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",b],r]),children:typeof _=="function"?_({...S,imageSwatchContext:{disabled:d,outOfStock:b,selected:p,value:i,label:l,groupAriaLabel:o,name:t,id:n}}):_||e(Me,{...S,className:a(["dropin-image-swatch__content"])})})]})},lt=({className:r,children:t,title:i,ariaLabelTitle:n,secondaryText:l,actionIconPosition:o="left",iconOpen:s=oe,iconClose:c=ce,iconLeft:d=oe,showIconLeft:p=!1,renderContentWhenClosed:b=!0,defaultOpen:u,onStateChange:_,...m})=>{const[g,h]=K(!1),N=$=>{$.stopImmediatePropagation();const S=!g;h(S),_==null||_(S)};U(()=>{typeof u<"u"&&h(u)},[u]);const v=R(`Dropin.Accordion.${g?"close":"open"}.label`).label,f=e(B,{source:s,size:"24",onClick:N,onKeyPress:N,className:"dropin-accordion-section__open-icon"}),E=e(B,{source:c,size:"24",onClick:N,onKeyPress:N,className:"dropin-accordion-section__close-icon"}),I=e(B,{source:d,size:"24"});return e("div",{...m,className:a(["dropin-accordion-section",r]),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} ${n??i}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(g?E:f),p&&I,e("h3",{className:"dropin-accordion-section__title",children:i})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[l&&e("h4",{className:"dropin-accordion-section__secondary-text",children:l}),o==="right"&&(g?E:f)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:g?"grid":"none"},children:(g||b&&!g)&&t})]})},Yt=({className:r,children:t,actionIconPosition:i="left",iconOpen:n=oe,iconClose:l=ce,...o})=>{const s=e(Te,{variant:"secondary"}),c=d=>e(J,{children:[e(lt,{...d.props,actionIconPosition:i,iconOpen:n,iconClose:l}),s]});return e("div",{...o,className:a(["dropin-accordion",r]),children:[s,...(Array.isArray(t)?t:[t]).map(c)]})},Zt=({variant:r="primary",className:t,type:i="warning",additionalActions:n,onDismiss:l,heading:o,description:s,icon:c,itemList:d,actionButtonPosition:p,...b})=>{var _,m,g;const u=R({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...b,className:a(["dropin-in-line-alert",`dropin-in-line-alert--${i}`,`dropin-in-line-alert--${r}`,t]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[c&&e(D,{node:c,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:o})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[n&&(p==="top"||!p&&n.length<=1)&&e(G,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:n.length>0?(_=n[0])==null?void 0:_.onClick:void 0,"aria-label":(m=n[0])==null?void 0:m.label,children:(g=n[0])==null?void 0:g.label}),l&&e(G,{icon:e(B,{source:te,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:l,"aria-label":u.dismiss})]})]}),s&&e("p",{className:"dropin-in-line-alert__description",children:s}),e("div",{className:"dropin-in-line-alert__item-list-container",children:d&&e(D,{node:d,className:a(["dropin-in-line-alert__item-list"])})}),n&&(p==="bottom"||!p&&n.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:n.map(h=>e(G,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:h.onClick,children:h.label},h.label))})]})},st=({children:r})=>{const t=z(null),i=z(null);return We(()=>(t.current||(t.current=document.createElement("div"),t.current.setAttribute("data-portal-root",""),document.body.appendChild(t.current)),i.current&&t.current&&t.current.appendChild(i.current),()=>{t.current&&(t.current.remove(),t.current=null)}),[]),e("div",{ref:i,className:"dropin-design",children:r})},Qt=({size:r="small",title:t=null,centered:i=!1,backgroundDim:n=!0,clickToDismiss:l=!0,escapeToDismiss:o=!0,onClose:s,showCloseButton:c=!0,className:d,children:p=null,...b})=>{const u=C(()=>{s==null||s()},[s]),_=R({modalCloseLabel:"Dropin.Modal.Close.label"});return U(()=>{const m=g=>{const h=document.querySelector(".dropin-modal"),N=document.querySelector(".dropin-modal__body");l&&h&&N&&!N.contains(g.target)&&u()};return document.addEventListener("mousedown",m),()=>{document.removeEventListener("mousedown",m)}},[u,l]),U(()=>{const m=g=>{g.key==="Escape"&&o&&u()};return document.addEventListener("keydown",m),()=>{document.removeEventListener("keydown",m)}},[u,o]),U(()=>{const m=document.scrollingElement,g=m.style.overflow;return m.style.overflow="hidden",()=>{m.style.overflow=g}},[]),e(st,{children:e("div",{className:a(["dropin-modal",["dropin-modal--dim",n]]),children:e("div",{...b,className:a(["dropin-modal__body",[`dropin-modal__body--${r}`,r],d]),children:[e("div",{className:a(["dropin-modal__header",["dropin-modal__header-title",!!t]]),children:[t&&e("div",{className:a(["dropin-modal__header-title-content"]),children:t}),c&&e(G,{"aria-label":_.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:u,icon:e(te,{})})]}),e("div",{className:a(["dropin-modal__content",["dropin-modal__body--centered",i]]),children:p})]})})})},er=({className:r,children:t,ariaLabel:i,image:n,title:l,price:o,taxIncluded:s=!1,taxExcluded:c=!1,total:d,totalExcludingTax:p,sku:b,configurations:u,warning:_,alert:m,discount:g,savings:h,actions:N,removeContent:v,quantity:f,quantityContent:E,description:I,attributes:$,footer:S,loading:T=!1,updating:x=!1,quantityType:W,dropdownOptions:H,onQuantity:V,onRemove:A,...re})=>{var ne,ie;const{locale:ee}=He(Fe),P=R({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(T)return e(ct,{});const de=W==="dropdown"?e(it,{className:a(["dropin-cart-item__quantity__picker"]),value:String(f),name:"quantity","aria-label":P.quantity,disabled:x,variant:"primary",options:H,handleSelect:X=>V==null?void 0:V(Number(X.target.value))}):e(tt,{className:a(["dropin-cart-item__quantity__incrementer"]),value:f,min:1,onValue:X=>V==null?void 0:V(Number(X)),name:"quantity","aria-label":P.quantity,disabled:x});return e("div",{...re,className:a(["dropin-cart-item",["dropin-cart-item--updating",x],r]),children:[x&&e(ot,{className:a(["dropin-cart-item__spinner"]),ariaLabel:i?(ne=P.updating)==null?void 0:ne.replace("{product}",i):P.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[n&&e(D,{node:n,className:a(["dropin-cart-item__image"])}),l&&e(D,{node:l,className:a(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!V||!!A]])}),I&&e(D,{node:I,className:a(["dropin-cart-item__description"])}),b&&e(D,{node:b,className:a(["dropin-cart-item__sku"])}),e("div",{className:a(["dropin-cart-item__savings__wrapper"]),children:[g&&e(D,{node:g,className:a(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),h&&e(D,{node:h,className:a(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),$&&e("div",{className:a(["dropin-cart-item__attributes"]),children:e(D,{node:$})}),u&&e("ul",{className:a(["dropin-cart-item__configurations"]),children:Object.entries(u).map(([X,Q])=>e("li",{className:a(["dropin-cart-item__configurations__item"]),children:[X,":"," ",e("strong",{className:a(["dropin-cart-item__configurations__item__value"]),children:Q})]},X))}),o&&e("span",{className:a(["dropin-cart-item__price"]),"aria-label":P.pricePerItem,children:[f&&!V&&e(J,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[f.toLocaleString(ee)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[P.quantity,": ",f==null?void 0:f.toLocaleString(ee),";"]})]}),e(D,{node:o,role:"text"}),f&&f>1&&e(J,{children:[" ",P.each]}),s&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",P.taxIncluded]}),c&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",P.taxExcluded]})]}),e("div",{className:a(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!V]]),children:[E?e(D,{node:E}):V?de:f&&e("span",{className:a(["dropin-cart-item__quantity__value"]),children:[P.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(f).toLocaleString(ee)})]}),_&&e(D,{node:_,className:a(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),m&&e(D,{node:m,className:a(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),N&&e("div",{className:a(["dropin-cart-item__actions"]),children:e(D,{node:N,className:a(["dropin-cart-item__buttons"])})}),_&&e(D,{node:_,className:a(["dropin-cart-item__warning"])}),m&&e(D,{node:m,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:[d&&e("div",{className:"dropin-cart-item__row-total",children:e(D,{node:d,role:"text"})}),s&&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:P.taxIncluded})})]}),c&&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:[p&&e(D,{node:p,role:"text"})," ",P.taxExcluded]})}),g&&e(D,{node:g,className:a(["dropin-cart-item__discount"])}),h&&e(D,{node:h,className:a(["dropin-cart-item__savings"])})]}),S&&e(D,{node:S,className:a(["dropin-cart-item__footer"])})]}),v?e(D,{node:v}):A?e(G,{"data-testid":"cart-item-remove-button",className:a(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>A==null?void 0:A(),icon:e(B,{"data-testid":"cart-item-remove-icon",source:Ye,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":i?(ie=P.remove)==null?void 0:ie.replace("{product}",i):P.removeDefault}),disabled:x}):null]})},ct=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(se,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(j,{className:"dropin-cart-item__skeleton__item"})})]})}),tr=({className:r,children:t,...i})=>e("div",{...i,className:a(["dropin-cart-list",r]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:Ee.map(t,(n,l)=>e("div",{className:"dropin-cart-list__item",children:n},l))})}),rr=({className:r,children:t,locale:i,currency:n,amount:l,variant:o="default",minimumAmount:s,maximumAmount:c,size:d="small",display:p="dash",specialPrice:b,sale:u=!1,..._})=>{const m=Y(()=>l||s===c||s&&!c||c&&!s,[l,c,s]);return e("div",{children:m?e("div",{..._,className:a(["dropin-price-range",r]),children:e(Z,{amount:l??s??c,currency:n,locale:i,size:d,variant:o,sale:u})}):e("div",{..._,className:a(["dropin-price-range",r]),children:[p==="dash"?e(dt,{specialPrice:b,minimumAmount:s,maximumAmount:c,currency:n,locale:i,size:d,sale:u}):null,p==="from to"?e(pt,{specialPrice:b,minimumAmount:s,maximumAmount:c,currency:n,locale:i,size:d,sale:u}):null,p==="as low as"?e(_t,{specialPrice:b,minimumAmount:s,maximumAmount:c,currency:n,locale:i,size:d,sale:u}):null]})})};function dt({specialPrice:r,minimumAmount:t,maximumAmount:i,currency:n,locale:l,size:o,sale:s}){return e(J,{children:[e(Z,{amount:r??t,currency:n,locale:l,size:o,sale:!!r&&s}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(Z,{amount:i,currency:n,locale:l,size:o})]})}function pt({specialPrice:r,minimumAmount:t,maximumAmount:i,currency:n,locale:l,size:o,sale:s}){const c=R({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(J,{children:[e("span",{className:a(["dropin-price-range__from",`dropin-price-range__from--${o}`]),children:c.from}),e(Z,{amount:r??t,currency:n,locale:l,size:o,sale:!!r&&s}),e("span",{className:a(["dropin-price-range__to",`dropin-price-range__to--${o}`]),children:c.to}),e(Z,{amount:i,currency:n,locale:l,size:o})]})}function _t({specialPrice:r,minimumAmount:t,maximumAmount:i,currency:n,locale:l,size:o,sale:s}){const c=R({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(J,{children:[e("span",{className:a(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${o}`]),children:c.asLowAs}),r?e("div",{children:[e(Z,{amount:i,currency:n,locale:l,size:o,variant:"strikethrough"}),e(Z,{amount:r,currency:n,locale:l,size:o,className:"dropin-price-range__special",sale:!!r&&s})]}):e(Z,{amount:t,currency:n,locale:l,size:o})]})}const nr=({className:r,categories:t,separator:i,...n})=>e(J,{children:(t==null?void 0:t.length)>1&&e("nav",{role:"navigation",...n,className:a(["dropin-breadcrumbs__container",r]),children:e("ul",{className:"dropin-breadcrumbs__items",children:t==null?void 0:t.map((l,o)=>e("li",{className:a(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",o===t.length-1]]),children:[e(D,{node:l,className:"dropin-breadcrumbs__link"}),!i&&o!==t.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),i&&o!==t.length-1&&e(D,{node:i,className:"dropin-breadcrumbs__separator--icon"})]},o))})})}),ir=({className:r,variant:t,icon:i,message:n,onDismiss:l,action:o,...s})=>{const c=R({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...s,className:a([r,"dropin-alert-banner",`dropin-alert-banner--${t}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[i&&e(D,{node:i,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(D,{node:n,className:a(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[o&&e(G,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:o.onClick,"aria-label":o.label,children:o.label}),e(G,{icon:e(B,{source:te,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:l,"aria-label":c.dismiss})]})]})},ar=({className:r,icon:t,heading:i,headingLevel:n=2,message:l,action:o,variant:s="secondary",...c})=>{const d=n>=1&&n<=6?`h${n}`:"h2";return e("div",{...c,className:a(["dropin-illustrated-message",r]),children:e(at,{variant:s,children:[t&&e(D,{node:t,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),i&&e(d,{className:"dropin-illustrated-message__heading",children:i}),l&&e(D,{node:l,className:"dropin-illustrated-message__message"}),o&&e(D,{node:o,className:"dropin-illustrated-message__action"})]})})},or=({label:r,name:t,value:i,busy:n=!1,disabled:l=!1,children:o,className:s,icon:c,onChange:d,selected:p=!0,...b})=>e("div",{...b,className:a(["dropin-toggle-button",s,["dropin-toggle-button__selected",p],["dropin-toggle-button__disabled",l]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(nt,{label:"",name:t,value:i,checked:p,disabled:l,onChange:()=>d&&d(i),"aria-label":t,busy:n,className:a([s,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[c&&e(c.type,{...c==null?void 0:c.props,className:"dropin-toggle-button__icon"}),r]})]})}),mt=({level:r,className:t,children:i})=>{const n=r&&r>=1&&r<=6?`h${r}`:"span";return e(n,{className:t,children:i})},lr=({title:r=null,size:t="medium",cta:i,divider:n=!0,className:l,level:o,...s})=>r?e("div",{...s,className:a(["dropin-header-container",l]),"data-testid":"dropin-header-container",children:[e(mt,{className:a(["dropin-header-container__title",["dropin-header-container__title--medium",t==="medium"],["dropin-header-container__title--large",t==="large"]]),level:o,children:r}),i?e(D,{node:i,className:"dropin-header-container__actions"}):null,n?e(Te,{className:a(["dropin-header-container__divider",["dropin-header-container__divider--medium",t==="medium"],["dropin-header-container__divider--large",t==="large"]])}):null]}):null,ut=({label:r,className:t,children:i,...n})=>!r&&!i?null:e("div",{...n,className:a(["dropin-tag-container",t]),"data-testid":"dropin-tag-container",children:i??e("span",{className:"dropin-tag-container__label",children:r})}),sr=({className:r,children:t,maxColumns:i,columnWidth:n="1fr",emptyGridContent:l,...o})=>{const s=!!t&&(Array.isArray(t)?t.length>0:!0),c=s?{gridTemplateColumns:`repeat(${i}, ${n})`}:void 0;return e("div",{...o,className:a(["dropin-content-grid",r]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:a(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!i],["dropin-content-grid__content--empty",!s]]),style:c,children:s?t:l})})},me=r=>{if(r.href){const{href:n,disabled:l,...o}=r;return e("a",{href:n,"aria-disabled":l,...o})}const{type:t="button",...i}=r;return e("button",{type:t,...i})},cr=({totalPages:r=10,currentPage:t=1,onChange:i,routePage:n,className:l,...o})=>{const s=R({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),c=C(_=>{const m=Math.min(t+1,r);i==null||i(m,_)},[t,i,r]),d=C(_=>{const m=Math.max(t-1,1);i==null||i(m,_)},[t,i]),p=C((_,m)=>{Ue(_)&&(i==null||i(_,m))},[i]),b=C((_,m)=>{let g=[];const h=(N,v)=>{for(let f=N;f<=v;f++)g.push({page:f,isActive:f===_,label:f})};return m<=5?h(1,m):_<=2?(h(1,2),g.push({page:"ellipsis",isActive:!1,label:"..."}),h(m-1,m)):_>=m-3?h(m-4,m):(h(_-1,_),g.push({page:"ellipsis",isActive:!1,label:"..."}),h(m-1,m)),g},[]),u=Y(()=>b(t,r),[b,t,r]);return e("div",{...o,className:a(["dropin-pagination",l]),children:[e(me,{"data-testid":"prev-button","aria-label":s.backwardButton,disabled:t===1,onClick:_=>d(_),href:(n==null?void 0:n(t))??void 0,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--backward",["dropin-pagination-arrow--disabled",t===1]]),children:e(B,{size:"24",source:le})}),e("ul",{className:"dropin-pagination_list",children:u.map((_,m)=>e("li",{"data-testid":`dropin-pagination_list-item--${_.page}`,className:a(["dropin-pagination_list-item",`dropin-pagination_list-item--${_.page}`,["dropin-pagination_list-item--active",_.isActive]]),children:e(me,{"data-testid":`set-page-button-${_.page}`,onClick:g=>p(_.page,g),href:(n==null?void 0:n(_.page))??void 0,children:_.label})},`${_.page}_${m}`))}),e(me,{"data-testid":"next-button","aria-label":s.forwardButton,disabled:t===r,onClick:_=>c(_),href:(n==null?void 0:n(t))??void 0,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--forward",["dropin-pagination-arrow--disabled",t===r]]),children:e(B,{size:"24",source:le})})]})},ht=()=>e("div",{className:"dropin-product-item-card dropin-product-item-card-skeleton",children:[e(se,{className:"dropin-product-item-card__skeleton dropin-product-item-card__image-container",children:e(j,{fullWidth:!0,className:"dropin-product-item-card__skeleton__image"})}),e(se,{className:"dropin-product-item-card__content dropin-product-item-card__skeleton__content",children:[e(j,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(j,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(j,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"})]})]}),dr=({className:r,image:t,titleNode:i,price:n,sku:l,actionButton:o,swatches:s,initialized:c=!1,...d})=>c?e("div",{...d,className:a(["dropin-product-item-card",r]),children:[e("div",{className:"dropin-product-item-card__image-container",children:t&&e(D,{node:t,className:a(["dropin-product-item-card__image"])})}),e("div",{className:"dropin-product-item-card__content",children:[i&&e(D,{node:i,className:a(["dropin-product-item-card__title"])}),l&&e(D,{node:l,className:a(["dropin-product-item-card__sku"])}),n&&e("div",{className:"dropin-product-item-card__price",children:e(D,{node:n,className:a(["dropin-product-item-card__price"])})}),s&&e("div",{className:"dropin-product-item-card__swatches",children:e(D,{node:s,className:a(["dropin-product-item-card__swatches"])})}),o&&e("div",{className:"dropin-product-item-card__action",children:e(D,{node:o,className:a(["dropin-product-item-card__action"])})})]})]}):e(ht,{}),pr=({accept:r,onChange:t,label:i="Upload Document",icon:n,className:l,multiple:o,id:s,...c})=>{const d=$e(),p=s||d,b=u=>{t==null||t(u)};return e("div",{className:a(["dropin-input-file",l]),children:[e("label",{htmlFor:p,className:"dropin-input-file__label",children:[n&&e("span",{className:"dropin-input-file__icon",children:n}),i]}),e("input",{id:p,type:"file",accept:r,multiple:o,onChange:b,className:"dropin-input-file__input",...c})]})},_r=({className:r,children:t,columns:i=[],rowData:n=[],mobileLayout:l="none",caption:o,expandedRows:s=new Set,loading:c=!1,skeletonRowCount:d=10,onSortChange:p,...b})=>{const u=R({sortedAscending:"Dropin.Table.sortedAscending",sortedDescending:"Dropin.Table.sortedDescending",sortBy:"Dropin.Table.sortBy"}),_=v=>{if(!p)return;let f;v.sortBy===!0?f="asc":v.sortBy==="asc"?f="desc":f=!0,p(v.key,f)},m=v=>{if(v.sortBy===void 0)return null;const f=v.ariaLabel??v.label;let E,I;return v.sortBy==="asc"?(E="ChevronUp",I=u.sortedAscending.replace("{label}",f)):v.sortBy==="desc"?(E="ChevronDown",I=u.sortedDescending.replace("{label}",f)):(E="ChevronDown",I=u.sortBy.replace("{label}",f)),e(G,{variant:"tertiary",size:"medium",className:"dropin-table__header__sort-button",icon:e(B,{source:E}),"aria-label":I,onClick:()=>_(v)})},g=()=>Array.from({length:d},(v,f)=>e("tr",{className:"dropin-table__body__row",children:i.map(E=>e("td",{className:"dropin-table__body__cell","data-label":E.ariaLabel??E.label,children:e(se,{children:e(j,{variant:"row",size:"small",fullWidth:!0})})},E.key))},`skeleton-${f}`)),h=()=>n.map((v,f)=>{const E=v._rowDetails!==void 0,I=s.has(f);return e(J,{children:[e("tr",{className:a(["dropin-table__body__row",["dropin-table__body__row--expanded",I&&E]]),children:i.map($=>{const S=v[$.key],T=$.ariaLabel??$.label;return typeof S=="string"||typeof S=="number"?e("td",{className:"dropin-table__body__cell","data-label":T,children:S},$.key):e("td",{className:"dropin-table__body__cell","data-label":T,children:e(D,{node:S})},$.key)})}),E&&I&&e("tr",{className:"dropin-table__row-details dropin-table__row-details--expanded",id:`row-${f}-details`,children:e("td",{className:"dropin-table__row-details__cell",colSpan:i.length,role:"region","aria-labelledby":`row-${f}-details`,children:typeof v._rowDetails=="string"?v._rowDetails:e(D,{node:v._rowDetails})})},`${f}-details`)]},f)}),N=v=>{if(v.sortBy===!0)return"none";if(v.sortBy==="asc")return"ascending";if(v.sortBy==="desc")return"descending"};return e("div",{className:a(["dropin-table",`dropin-table--mobile-layout-${l}`,r]),children:e("table",{...b,className:"dropin-table__table",children:[o&&e("caption",{className:"dropin-table__caption",children:o}),e("thead",{className:"dropin-table__header",children:e("tr",{className:"dropin-table__header__row",children:i.map(v=>e("th",{className:a(["dropin-table__header__cell",["dropin-table__header__cell--sorted",v.sortBy==="asc"||v.sortBy==="desc"],["dropin-table__header__cell--sortable",v.sortBy!==void 0]]),"aria-sort":N(v),children:[v.label,m(v)]},v.key))})}),e("tbody",{className:"dropin-table__body",children:c?g():h()})]})})},bt=(r,t)=>r.filter(i=>i.label.toLowerCase().includes(t.toLowerCase())),ft=(r,t)=>r.map(i=>{const n=t.find(l=>l.value===i);return n?n.label:i}),vt=(r,t,i)=>{const n=r||t;return{listboxId:`${n}-listbox`,searchInputId:`${n}-search`,labelId:i?`${n}-label`:void 0,selectedDescriptionId:`${t}-selected-description`}},gt=()=>{const[r,t]=K(""),i=C(n=>{t(n),setTimeout(()=>t(""),1e3)},[]);return{announcement:r,announce:i}},Nt=(r,t,i,n)=>(U(()=>{if(t>=0&&n.current){const o=n.current.querySelectorAll("[data-option-index]");o[t]&&o[t].scrollIntoView({block:"nearest",behavior:"smooth"})}},[t,n]),{navigate:C(o=>{i(s=>{var p,b,u;const c=o==="up"?-1:1;let d=s+c;for(;d>=0&&d<r.length&&((p=r[d])!=null&&p.disabled);)d+=c;if(d>=0&&d<r.length)return d;if(o==="up"){for(let _=r.length-1;_>=0;_--)if(!((b=r[_])!=null&&b.disabled))return _}else for(let _=0;_<r.length;_++)if(!((u=r[_])!=null&&u.disabled))return _;return-1})},[r,i])}),mr=({options:r=[],value:t=[],onChange:i=()=>{},id:n="",className:l="",selectAllText:o="",deselectAllText:s="",placeholder:c="",noResultsText:d="",floatingLabel:p="",name:b="multi-select-sdk",error:u=!1,success:_=!1,disabled:m=!1,maxHeight:g=300})=>{const h=R({selectAll:"Dropin.MultiSelect.selectAll",deselectAll:"Dropin.MultiSelect.deselectAll",placeholder:"Dropin.MultiSelect.placeholder",noResultsText:"Dropin.MultiSelect.noResultsText",removed:"Dropin.MultiSelect.ariaLabel.removed",added:"Dropin.MultiSelect.ariaLabel.added",itemsSelected:"Dropin.MultiSelect.ariaLabel.itemsSelected",itemsAdded:"Dropin.MultiSelect.ariaLabel.itemsAdded",itemsRemoved:"Dropin.MultiSelect.ariaLabel.itemsRemoved",selectedTotal:"Dropin.MultiSelect.ariaLabel.selectedTotal",noResultsFor:"Dropin.MultiSelect.ariaLabel.noResultsFor",optionsAvailable:"Dropin.MultiSelect.ariaLabel.optionsAvailable",dropdownExpanded:"Dropin.MultiSelect.ariaLabel.dropdownExpanded",useArrowKeys:"Dropin.MultiSelect.ariaLabel.useArrowKeys",removeFromSelection:"Dropin.MultiSelect.ariaLabel.removeFromSelection",fromSelection:"Dropin.MultiSelect.ariaLabel.fromSelection",selectedItem:"Dropin.MultiSelect.ariaLabel.selectedItem",inField:"Dropin.MultiSelect.ariaLabel.inField",selectedItems:"Dropin.MultiSelect.ariaLabel.selectedItems",scrollableOptionsList:"Dropin.MultiSelect.ariaLabel.scrollableOptionsList",selectOptions:"Dropin.MultiSelect.ariaLabel.selectOptions",itemAction:"Dropin.MultiSelect.ariaLabel.itemAction",bulkAdded:"Dropin.MultiSelect.ariaLabel.bulkAdded",bulkRemoved:"Dropin.MultiSelect.ariaLabel.bulkRemoved",dropdownExpandedWithOptions:"Dropin.MultiSelect.ariaLabel.dropdownExpandedWithOptions",selectedItemInField:"Dropin.MultiSelect.ariaLabel.selectedItemInField",removeFromSelectionWithText:"Dropin.MultiSelect.ariaLabel.removeFromSelectionWithText",itemsSelectedDescription:"Dropin.MultiSelect.ariaLabel.itemsSelectedDescription",noItemsSelected:"Dropin.MultiSelect.ariaLabel.noItemsSelected"}),[N,v]=K(!1),[f,E]=K(""),[I,$]=K(-1),S=z(null),T=z(null),x=z(null),{announcement:W,announce:H}=gt(),V=C((w=!1)=>{v(!1),w&&E(""),$(-1)},[]),A=Y(()=>bt(r,f),[r,f]),{navigate:re}=Nt(A,I,$,x);U(()=>{const w=L=>{S.current&&L.target&&!S.current.contains(L.target)&&V(!0)};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[V]);const ee=w=>{!m&&T.current&&w.target&&!w.target.closest("[data-tag]")&&(N?V(!1):(T.current.focus(),v(!0)))},P=C(w=>{var M;const L=r.find(q=>q.value===w),O=t.includes(w),F=O?t.filter(q=>q!==w):[...t,w];if(i(F),(M=T.current)==null||M.focus(),L){const q=O?h.removed:h.added;H(h.itemAction.replace("{label}",L.label).replace("{action}",q).replace("{count}",F.length.toString()))}},[t,i,r,H,h]),de=(w,L)=>{var M;w.stopPropagation();const O=r.find(q=>q.value===L),F=t.filter(q=>q!==L);i(F),(M=T.current)==null||M.focus(),O&&H(h.itemAction.replace("{label}",O.label).replace("{action}",h.removed).replace("{count}",F.length.toString()))},ne=w=>{w.preventDefault();const L=A.map(q=>q.value),O=new Set(t),F=L.filter(q=>!O.has(q)),M=[...t,...F];i(M),F.length>0&&H(h.bulkAdded.replace("{count}",F.length.toString()).replace("{total}",M.length.toString()))},ie=w=>{w.preventDefault();const L=new Set(A.map(M=>M.value)),O=t.filter(M=>L.has(M)).length,F=t.filter(M=>!L.has(M));i(F),O>0&&H(h.bulkRemoved.replace("{count}",O.toString()).replace("{total}",F.length.toString()))},X=w=>{var L;if(w.key==="Backspace"&&f===""&&t.length>0){w.preventDefault();const O=t.slice(0,-1);i(O);return}if(!N&&(w.key==="ArrowDown"||w.key==="Enter")){w.preventDefault(),v(!0);return}if(N)switch(w.key){case"ArrowDown":w.preventDefault(),re("down");break;case"ArrowUp":w.preventDefault(),re("up");break;case"Enter":if(w.preventDefault(),I>=0&&I<A.length){const O=A[I];O!=null&&O.disabled||P(O.value)}else A.length===1&&!((L=A[0])!=null&&L.disabled)&&P(A[0].value);break;case"Escape":w.preventDefault(),V(!0);break;case"Tab":V(!0);break}},Q=Y(()=>ft(t,r),[t,r]),{listboxId:ae,searchInputId:he,labelId:pe,selectedDescriptionId:be}=vt(n,b,p),fe=I>=0?`${ae}-option-${I}`:"",Oe=Y(()=>t.length>0,[t]);U(()=>{f&&!N&&v(!0)},[N,f]),U(()=>{if(N&&f){const w=A.length;H(w===0?`${h.noResultsFor} "${f}"`:`${w} ${h.optionsAvailable}`)}},[A.length,f,N,H,h]),U(()=>{N&&T.current&&(T.current.focus(),A.length>0&&H(h.dropdownExpandedWithOptions.replace("{count}",A.length.toString()).replace("{s}",A.length===1?"":"s")))},[N,Q.length,A.length,H,h]);const Re=()=>e(J,{children:Q.map((w,L)=>{const O=t.length,F=p?`${p}: `:"",M=O===1?`${F}${h.itemsSelected.replace("{count}","1").replace("{labels}",String(w)).replace("{s}","")}`:`${F}${h.itemsSelected.replace("{count}",O.toString()).replace("{labels}",Q.join(", ")).replace("{s}",O===1?"":"s")}`;return e(ut,{"data-tag":"true",className:"dropin-multi-select__tag",role:"group","aria-label":p?h.selectedItemInField.replace("{label}",String(w)).replace("{field}",p):`${h.selectedItem} ${String(w)}`,children:[e("span",{"aria-hidden":"true",children:w}),e("button",{type:"button",onClick:q=>de(q,t[L]),className:"dropin-multi-select__tag-remove",disabled:m,"aria-label":h.removeFromSelectionWithText.replace("{label}",String(w)).replace("{text}",M),children:e(te,{size:12,"aria-hidden":"true"})})]},t[L])})}),Ve=()=>e("input",{id:he,ref:T,type:"text",role:"combobox","aria-haspopup":"listbox","aria-expanded":N,"aria-controls":ae,className:a(["dropin-multi-select__search",["dropin-multi-select__search--with-floating-label",!!p]]),placeholder:t.length===0?c||h.placeholder:"",value:f,onChange:w=>{const L=w.target;E(L.value),$(-1)},onKeyDown:X,onFocus:()=>v(!0),disabled:m,style:{minWidth:f?`${f.length*8+20}px`:"40px"},"aria-autocomplete":"list","aria-activedescendant":N&&fe?fe:void 0,...pe?{"aria-labelledby":pe}:{"aria-label":p||c||h.placeholder||h.selectOptions},"aria-describedby":be}),Ce=()=>e("div",{className:"dropin-multi-select__controls",children:[e(G,{variant:"tertiary",type:"button",className:"dropin-multi-select__button dropin-multi-select__button--select-all",onMouseDown:ne,"data-testid":"multi-select-select-all",children:o||h.selectAll})," | ",e(G,{variant:"tertiary",type:"button",className:"dropin-multi-select__button dropin-multi-select__button--deselect-all",onMouseDown:ie,disabled:!Oe,"data-testid":"multi-select-deselect-all",children:s||h.deselectAll})]}),Pe=()=>e("ul",{className:"dropin-multi-select__list",id:ae,role:"listbox","aria-multiselectable":"true","aria-label":p||c||h.placeholder,children:A.map((w,L)=>{const O=t.includes(w.value),F=L===I,M=`${ae}-option-${L}`;return e("li",{id:M,"data-option-index":L,"data-testid":`multi-select-option-${L}`,className:a(["dropin-multi-select__option",["dropin-multi-select__option--focused",F],["dropin-multi-select__option--selected",O],["dropin-multi-select__option--disabled",w.disabled]]),onClick:()=>{w.disabled||P(w.value)},onMouseEnter:()=>!w.disabled&&$(L),role:"option","aria-selected":O,"aria-disabled":w.disabled,children:[e("span",{className:a(["dropin-multi-select__option-label",["dropin-multi-select__option-label--disabled",w.disabled]]),children:w.label}),O&&e(ue,{width:16,height:16,className:"dropin-multi-select__check-icon","aria-hidden":"true"})]},w.value)})});return e("div",{ref:S,"data-testid":"multi-select",className:a(["dropin-multi-select",l]),children:[e("input",{id:n||b,type:"hidden",name:b,"data-testid":"multi-select-hidden-input",value:t.join(","),disabled:m,"aria-hidden":"true"}),e("div",{className:a(["dropin-multi-select__container",["dropin-multi-select__container--open",N],["dropin-multi-select__container--disabled",m],["dropin-multi-select__container--error",u],["dropin-multi-select__container--success",_],["dropin-multi-select__container--with-floating-label",!!p],["dropin-multi-select__container--has-value",!!(p&&(t.length>0||f.length>0))]]),onMouseDown:ee,"data-testid":"multi-select-container",children:[e("div",{className:a(["dropin-multi-select__tags-area",["dropin-multi-select__tags-area--has-values",Q.length>0]]),"data-testid":"multi-select-tags-area",role:"group","aria-label":h.selectedItems,children:[e("div",{id:be,className:"dropin-multi-select__sr-only","aria-live":"polite","aria-atomic":"true",children:t.length>0?h.itemsSelectedDescription.replace("{count}",t.length.toString()).replace("{s}",t.length===1?"":"s").replace("{labels}",Q.join(", ")):h.noItemsSelected}),Re(),Ve(),p?e("label",{className:"dropin-multi-select__floating-label",htmlFor:he,id:pe,children:p}):null]}),e(le,{className:a(["dropin-multi-select__chevron",["dropin-multi-select__chevron--open",N]])})]}),N&&e("div",{className:"dropin-multi-select__dropdown","data-testid":"multi-select-dropdown",children:[A.length>0&&Ce(),e("div",{ref:x,className:"dropin-multi-select__options","data-testid":"multi-select-options",style:{maxHeight:`${g}px`},tabIndex:0,role:"region","aria-label":h.scrollableOptionsList,children:A.length===0?e("div",{className:"dropin-multi-select__no-results","data-testid":"multi-select-no-results",role:"status","aria-live":"polite",children:[d||h.noResultsText," ",f&&`"${f}"`]}):Pe()})]}),e("div",{className:"dropin-multi-select__announcements dropin-multi-select__sr-only","aria-live":"assertive","aria-atomic":"true",children:W})]})};export{Yt as Accordion,lt as AccordionSection,Kt as ActionButton,jt as ActionButtonGroup,ir as AlertBanner,nr as Breadcrumbs,G as Button,at as Card,er as CartItem,ct as CartItemSkeleton,tr as CartList,Gt as Checkbox,zt as ColorSwatch,sr as ContentGrid,Te as Divider,Ae as Field,lr as Header,B as Icon,ar as IllustratedMessage,Me as Image,Xt as ImageSwatch,Zt as InLineAlert,tt as Incrementer,Le as Input,Ht as InputDate,pr as InputFile,qt as InputPassword,Qt as Modal,mr as MultiSelect,cr as Pagination,it as Picker,Z as Price,rr as PriceRange,dr as ProductItemCard,ot as ProgressSpinner,nt as RadioButton,se as Skeleton,j as SkeletonRow,_r as Table,ut as Tag,Ut as TextArea,Jt as TextSwatch,or as ToggleButton,Fe as UIContext,br as UIProvider,fr as provider};
 //# sourceMappingURL=components.js.map