@dropins/tools 1.6.0-alpha2 → 1.6.0-alpha3

package/chunks/get-price-formatter.js

@@ -0,0 +1,4 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+import{g as s}from"./locale-config.js";const l=(e,t)=>{let n;return function(...r){clearTimeout(n),n=setTimeout(()=>e.apply(this,r),t)}},f=e=>typeof e=="number",g=()=>{const e=navigator.userAgent.toLowerCase(),t=/ipad|iphone|ipod/.test(e),n=e.includes("mac")&&"ontouchend"in document;return t||n};var o={};function u(e){if(e)return e;const t=s();return t||(o.LOCALE&&o.LOCALE!=="undefined"?o.LOCALE:"en-US")}function d(e={}){const{currency:t,locale:n,formatOptions:r={}}=e,c=u(n),i={style:"currency",currency:t||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...r};try{return new Intl.NumberFormat(c,i)}catch(a){return console.error(`Error creating Intl.NumberFormat instance for locale ${c}. Falling back to en-US.`,a),new Intl.NumberFormat("en-US",i)}}export{g as a,d as b,l as d,u as g,f as i};
+//# sourceMappingURL=get-price-formatter.js.map

package/chunks/get-price-formatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-price-formatter.js","sources":["/@dropins/tools/src/lib/debounce.ts","/@dropins/tools/src/lib/is-number.ts","/@dropins/tools/src/lib/deviceUtils.ts","/@dropins/tools/src/lib/get-price-formatter.ts"],"sourcesContent":["/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nexport const debounce = (fn: Function, ms: number) => {\n  let timeoutId: ReturnType<typeof setTimeout>;\n  return function (this: any, ...args: any[]) {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn.apply(this, args), ms);\n  };\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nexport const isNumber = (value: number | string): value is number => {\n  return typeof value === 'number';\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nexport const isIOSMobileDevice = () => {\n  const userAgent = navigator.userAgent.toLowerCase();\n  const isIOS = /ipad|iphone|ipod/.test(userAgent);\n  const isMacWithTouch = userAgent.includes('mac') && 'ontouchend' in document;\n\n  return isIOS || isMacWithTouch;\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { getGlobalLocale } from '@adobe-commerce/elsie/lib';\n\nexport interface PriceFormatterOptions {\n  currency?: string | null;\n  locale?: string;\n  formatOptions?: Intl.NumberFormatOptions;\n}\n\n/**\n * Determines the effective locale to use for price formatting\n * Priority: prop locale > global locale > browser locale > default 'en-US'\n */\nexport function getEffectiveLocale(locale?: string): string {\n  if (locale) {\n    return locale;\n  }\n  const globalLocale = getGlobalLocale();\n  if (globalLocale) {\n    return globalLocale;\n  }\n  // Fallback to browser locale or default\n  return process.env.LOCALE && process.env.LOCALE !== 'undefined' ? process.env.LOCALE : 'en-US';\n}\n\n/**\n * Gets an Intl.NumberFormat instance for price formatting\n * Uses getEffectiveLocale internally to determine the best locale\n *\n * @example\n * // Single price formatting\n * const formatter = getPriceFormatter({ currency: 'USD', locale: 'en-US' });\n * const price = formatter.format(10.99); // \"$10.99\"\n *\n * @example\n * // Bulk price formatting (more efficient)\n * const formatter = getPriceFormatter({ currency: 'EUR', locale: 'fr-FR' });\n * const prices = [10.99, 25.50, 99.99].map(amount => formatter.format(amount));\n */\nexport function getPriceFormatter(\n  options: PriceFormatterOptions = {}\n): Intl.NumberFormat {\n  const { currency, locale, formatOptions = {} } = options;\n  const effectiveLocale = getEffectiveLocale(locale);\n\n  const params: Intl.NumberFormatOptions = {\n    style: 'currency',\n    currency: currency || 'USD',\n    // These options are needed to round to whole numbers if that's what you want.\n    minimumFractionDigits: 2, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1)\n    maximumFractionDigits: 2, // (causes 2500.99 to be printed as $2,501)\n    ...formatOptions,\n  };\n\n  try {\n    return new Intl.NumberFormat(effectiveLocale, params);\n  } catch (error) {\n    console.error(`Error creating Intl.NumberFormat instance for locale ${effectiveLocale}. Falling back to en-US.`, error);\n    return new Intl.NumberFormat('en-US', params);\n  }\n}\n"],"names":["debounce","fn","ms","timeoutId","args","isNumber","value","isIOSMobileDevice","userAgent","isIOS","isMacWithTouch","getEffectiveLocale","locale","globalLocale","getGlobalLocale","define_process_env_default","getPriceFormatter","options","currency","formatOptions","effectiveLocale","params","error"],"mappings":"uCASa,MAAAA,EAAW,CAACC,EAAcC,IAAe,CAChD,IAAAC,EACJ,OAAO,YAAwBC,EAAa,CAC1C,aAAaD,CAAS,EACtBA,EAAY,WAAW,IAAMF,EAAG,MAAM,KAAMG,CAAI,EAAGF,CAAE,CACvD,CACF,ECNaG,EAAYC,GAChB,OAAOA,GAAU,SCDbC,EAAoB,IAAM,CAC/B,MAAAC,EAAY,UAAU,UAAU,YAAY,EAC5CC,EAAQ,mBAAmB,KAAKD,CAAS,EACzCE,EAAiBF,EAAU,SAAS,KAAK,GAAK,eAAgB,SAEpE,OAAOC,GAASC,CAClB,WCMO,SAASC,EAAmBC,EAAyB,CAC1D,GAAIA,EACK,OAAAA,EAET,MAAMC,EAAeC,EAAgB,EACrC,OAAID,IAIGE,EAAY,QAAUA,EAAY,SAAW,YAAcA,EAAY,OAAS,QACzF,CAgBgB,SAAAC,EACdC,EAAiC,GACd,CACnB,KAAM,CAAE,SAAAC,EAAU,OAAAN,EAAQ,cAAAO,EAAgB,CAAA,CAAO,EAAAF,EAC3CG,EAAkBT,EAAmBC,CAAM,EAE3CS,EAAmC,CACvC,MAAO,WACP,SAAUH,GAAY,MAEtB,sBAAuB,EACvB,sBAAuB,EACvB,GAAGC,CACL,EAEI,GAAA,CACF,OAAO,IAAI,KAAK,aAAaC,EAAiBC,CAAM,QAC7CC,EAAO,CACd,eAAQ,MAAM,wDAAwDF,CAAe,2BAA4BE,CAAK,EAC/G,IAAI,KAAK,aAAa,QAASD,CAAM,CAAA,CAEhD"}

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