@dropins/tools 0.28.2 → 0.29.0-beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/chunks/icons/AddressBook.js +1 -0
  2. package/chunks/icons/EmptyBox.js +1 -0
  3. package/components.js +1 -1
  4. package/package.json +1 -1
  5. package/types/elsie/src/components/CartItem/CartItem.d.ts +5 -5
  6. package/types/elsie/src/icons/index.d.ts +2 -0
package/chunks/icons/AddressBook.js ADDED
@@ -0,0 +1 @@
1
+ import{_ as C}from"./Add.js";const Z=L=>C("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...L},C("path",{d:"M3.375 7.38672C3.09886 7.38672 2.875 7.61058 2.875 7.88672C2.875 8.16286 3.09886 8.38672 3.375 8.38672V7.38672ZM5.88409 8.38672C6.16023 8.38672 6.38409 8.16286 6.38409 7.88672C6.38409 7.61058 6.16023 7.38672 5.88409 7.38672V8.38672ZM3.375 11.1836C3.09886 11.1836 2.875 11.4075 2.875 11.6836C2.875 11.9597 3.09886 12.1836 3.375 12.1836V11.1836ZM5.88409 12.1836C6.16023 12.1836 6.38409 11.9597 6.38409 11.6836C6.38409 11.4075 6.16023 11.1836 5.88409 11.1836V12.1836ZM3.375 15.6133C3.09886 15.6133 2.875 15.8371 2.875 16.1133C2.875 16.3894 3.09886 16.6133 3.375 16.6133V15.6133ZM5.88409 16.6133C6.16023 16.6133 6.38409 16.3894 6.38409 16.1133C6.38409 15.8371 6.16023 15.6133 5.88409 15.6133V16.6133ZM8.52059 16.4182C8.51422 16.6942 8.73286 16.9232 9.00893 16.9296C9.285 16.9359 9.51396 16.7173 9.52032 16.4412L8.52059 16.4182ZM9.19302 14.8261L8.70612 14.7124C8.70434 14.72 8.70274 14.7277 8.70132 14.7354L9.19302 14.8261ZM11.2762 13.3887L11.4404 13.8611L11.4499 13.8576L11.2762 13.3887ZM12.3195 13.1013C12.4035 12.8382 12.2583 12.5569 11.9953 12.4729C11.7322 12.3889 11.4509 12.5341 11.3669 12.7971L12.3195 13.1013ZM15.7342 16.4412C15.7406 16.7173 15.9695 16.9359 16.2456 16.9296C16.5217 16.9232 16.7403 16.6942 16.734 16.4182L15.7342 16.4412ZM16.0615 14.8261L16.5532 14.7354C16.5518 14.7277 16.5502 14.72 16.5484 14.7124L16.0615 14.8261ZM13.9784 13.3887L13.8046 13.8577L13.8142 13.861L13.9784 13.3887ZM13.8877 12.7971C13.8037 12.5341 13.5223 12.3889 13.2593 12.4729C12.9962 12.5569 12.8511 12.8382 12.9351 13.1013L13.8877 12.7971ZM10.9023 10.418L11.4023 10.418V10.418H10.9023ZM11.2309 8.60993L11.6861 8.81678L11.6861 8.81678L11.2309 8.60993ZM12.0518 12.7684L11.7218 13.1441L11.7682 13.1848L11.823 13.213L12.0518 12.7684ZM13.202 12.7684L13.4308 13.213L13.4787 13.1884L13.5203 13.1541L13.202 12.7684ZM3.375 8.38672H5.88409V7.38672H3.375V8.38672ZM3.375 12.1836H5.88409V11.1836H3.375V12.1836ZM3.375 16.6133H5.88409V15.6133H3.375V16.6133ZM6.41058 2.375H18.844V1.375H6.41058V2.375ZM18.844 2.375C19.4866 2.375 20.125 2.99614 20.125 3.9225H21.125C21.125 2.57636 20.1627 1.375 18.844 1.375V2.375ZM20.125 3.9225V20.0775H21.125V3.9225H20.125ZM20.125 20.0775C20.125 20.9945 19.485 21.625 18.844 21.625V22.625C20.1643 22.625 21.125 21.4105 21.125 20.0775H20.125ZM18.844 21.625H6.41058V22.625H18.844V21.625ZM6.41058 21.625C5.76792 21.625 5.12955 21.0039 5.12955 20.0775H4.12955C4.12955 21.4236 5.09185 22.625 6.41058 22.625V21.625ZM5.12955 20.0775V3.9225H4.12955V20.0775H5.12955ZM5.12955 3.9225C5.12955 3.0055 5.76956 2.375 6.41058 2.375V1.375C5.0902 1.375 4.12955 2.5895 4.12955 3.9225H5.12955ZM9.52032 16.4412C9.53194 15.9373 9.59014 15.4295 9.68473 14.9168L8.70132 14.7354C8.59869 15.2917 8.53362 15.853 8.52059 16.4182L9.52032 16.4412ZM9.67993 14.9397C9.69157 14.8899 9.78099 14.7261 10.1128 14.496C10.4223 14.2813 10.8711 14.0589 11.4404 13.861L11.112 12.9165C10.4856 13.1343 9.94827 13.3931 9.54284 13.6743C9.15974 13.94 8.80542 14.2871 8.70612 14.7124L9.67993 14.9397ZM11.4499 13.8576C11.5852 13.8074 11.7547 13.7102 11.8933 13.6105C11.9656 13.5584 12.0441 13.4954 12.1133 13.4247C12.1723 13.3646 12.2709 13.2534 12.3195 13.1013L11.3669 12.7971C11.3809 12.7532 11.3985 12.7277 11.4022 12.7225C11.407 12.7157 11.4073 12.7164 11.3993 12.7246C11.3827 12.7416 11.3525 12.7676 11.3092 12.7988C11.2674 12.8288 11.222 12.8575 11.1805 12.8808C11.1363 12.9057 11.1089 12.9175 11.1024 12.9199L11.4499 13.8576ZM16.734 16.4182C16.7209 15.853 16.6559 15.2917 16.5532 14.7354L15.5698 14.9168C15.6644 15.4295 15.7226 15.9373 15.7342 16.4412L16.734 16.4182ZM16.5484 14.7124C16.4491 14.2871 16.0948 13.94 15.7117 13.6743C15.3063 13.3931 14.769 13.1343 14.1426 12.9165L13.8142 13.861C14.3834 14.0589 14.8322 14.2813 15.1417 14.496C15.4736 14.7261 15.563 14.8899 15.5746 14.9397L16.5484 14.7124ZM14.1521 12.9199C14.1456 12.9175 14.1183 12.9057 14.074 12.8808C14.0325 12.8575 13.9871 12.8288 13.9453 12.7988C13.9021 12.7676 13.8719 12.7416 13.8552 12.7246C13.8472 12.7164 13.8476 12.7157 13.8524 12.7225C13.856 12.7277 13.8736 12.7532 13.8877 12.7971L12.9351 13.1013C12.9836 13.2534 13.0823 13.3646 13.1412 13.4247C13.2105 13.4954 13.2889 13.5584 13.3612 13.6105C13.4999 13.7102 13.6694 13.8074 13.8046 13.8576L14.1521 12.9199ZM11.4023 10.418C11.4023 9.83385 11.4811 9.26803 11.6861 8.81678L10.7757 8.40309C10.4878 9.03666 10.4023 9.76284 10.4023 10.418H11.4023ZM11.6861 8.81678C11.8053 8.55448 12.0796 8.38672 12.5813 8.38672V7.38672C11.8704 7.38672 11.1213 7.6426 10.7757 8.40309L11.6861 8.81678ZM12.5813 8.38672C13.087 8.38672 13.4614 8.60522 13.5777 8.83539L14.4703 8.38448C14.1169 7.685 13.2884 7.38672 12.5813 7.38672V8.38672ZM13.5777 8.83539C13.7606 9.19738 13.8523 9.72518 13.8523 10.418H14.8523C14.8523 9.66433 14.757 8.95213 14.4703 8.38448L13.5777 8.83539ZM12.5813 12.4492C12.5364 12.4492 12.5158 12.4464 12.5087 12.4451C12.5046 12.4444 12.5042 12.4442 12.5008 12.4428C12.4922 12.4391 12.4782 12.4321 12.438 12.4096C12.4018 12.3893 12.3471 12.358 12.2805 12.3238L11.823 13.213C11.8698 13.2371 11.9055 13.2576 11.9494 13.2821C11.9893 13.3045 12.0449 13.3354 12.1079 13.3623C12.2569 13.426 12.403 13.4492 12.5813 13.4492V12.4492ZM12.3817 12.3927C11.8273 11.9058 11.4022 11.3083 11.4023 10.418L10.4023 10.4179C10.4022 11.6973 11.0412 12.5462 11.7218 13.1441L12.3817 12.3927ZM13.8523 10.418C13.8523 11.3319 13.4575 11.9093 12.8838 12.3828L13.5203 13.1541C14.2611 12.5427 14.8523 11.7035 14.8523 10.418H13.8523ZM12.9733 12.3238C12.7638 12.4316 12.717 12.4492 12.5813 12.4492V13.4492C12.9639 13.4492 13.1869 13.3385 13.4308 13.213L12.9733 12.3238Z",fill:"#3D3D3D"}));export{Z as default};
package/chunks/icons/EmptyBox.js ADDED
@@ -0,0 +1 @@
1
+ import{_ as L}from"./Add.js";const C=M=>L("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...M},L("path",{d:"M12.002 21L11.8275 21.4686C11.981 21.5257 12.1528 21.5041 12.2873 21.4106C12.4218 21.3172 12.502 21.1638 12.502 21H12.002ZM3.89502 17.9823H3.39502C3.39502 18.1912 3.52485 18.378 3.72059 18.4509L3.89502 17.9823ZM3.89502 8.06421L4.07193 7.59655C3.91831 7.53844 3.74595 7.55948 3.61082 7.65284C3.47568 7.74619 3.39502 7.89997 3.39502 8.06421H3.89502ZM12.0007 21H11.5007C11.5007 21.1638 11.5809 21.3172 11.7154 21.4106C11.8499 21.5041 12.0216 21.5257 12.1751 21.4686L12.0007 21ZM20.1076 17.9823L20.282 18.4509C20.4778 18.378 20.6076 18.1912 20.6076 17.9823H20.1076ZM20.1076 8.06421H20.6076C20.6076 7.89997 20.527 7.74619 20.3918 7.65284C20.2567 7.55948 20.0843 7.53844 19.9307 7.59655L20.1076 8.06421ZM12.0007 11.1311L11.8238 10.6634C11.6293 10.737 11.5007 10.9232 11.5007 11.1311H12.0007ZM20.2858 8.53191C20.5441 8.43421 20.6743 8.14562 20.5766 7.88734C20.4789 7.62906 20.1903 7.49889 19.932 7.5966L20.2858 8.53191ZM12.002 4.94826L12.1775 4.48008C12.0605 4.43623 11.9314 4.43775 11.8154 4.48436L12.002 4.94826ZM5.87955 6.87106C5.62334 6.97407 5.49915 7.26528 5.60217 7.52149C5.70518 7.77769 5.99639 7.90188 6.2526 7.79887L5.87955 6.87106ZM18.1932 7.80315C18.4518 7.90008 18.74 7.76904 18.8369 7.51047C18.9338 7.2519 18.8028 6.96371 18.5442 6.86678L18.1932 7.80315ZM12 4.94827L11.5879 5.23148C11.6812 5.36719 11.8353 5.44827 12 5.44827C12.1647 5.44827 12.3188 5.36719 12.4121 5.23148L12 4.94827ZM14.0263 2L14.2028 1.53218C13.9875 1.45097 13.7446 1.52717 13.6143 1.71679L14.0263 2ZM21.8421 4.94827L22.2673 5.2113C22.3459 5.08422 22.3636 4.92863 22.3154 4.78717C22.2673 4.64571 22.1584 4.53319 22.0186 4.48045L21.8421 4.94827ZM9.97368 2L10.3857 1.71679C10.2554 1.52717 10.0125 1.45097 9.79721 1.53218L9.97368 2ZM2.15789 4.94827L1.98142 4.48045C1.84161 4.53319 1.73271 4.64571 1.68456 4.78717C1.63641 4.92863 1.65406 5.08422 1.73267 5.2113L2.15789 4.94827ZM12 11.1256L11.6702 11.5014C11.8589 11.667 12.1411 11.667 12.3298 11.5014L12 11.1256ZM15.0395 8.45812L14.8732 7.98659C14.8131 8.00779 14.7576 8.04028 14.7097 8.08232L15.0395 8.45812ZM23 5.65024L23.3288 6.0269C23.5095 5.86916 23.5527 5.60532 23.4318 5.39817C23.3109 5.19102 23.0599 5.09893 22.8337 5.17871L23 5.65024ZM8.96053 8.45812L9.29034 8.08232C9.24244 8.04028 9.18695 8.00779 9.12685 7.98659L8.96053 8.45812ZM1 5.65024L1.16632 5.17871C0.940115 5.09893 0.689119 5.19102 0.568192 5.39817C0.447264 5.60532 0.49048 5.86916 0.671176 6.0269L1 5.65024ZM12.1764 20.5314L4.06945 17.5137L3.72059 18.4509L11.8275 21.4686L12.1764 20.5314ZM4.39502 17.9823V8.06421H3.39502V17.9823H4.39502ZM3.71811 8.53187L11.8251 11.5987L12.1789 10.6634L4.07193 7.59655L3.71811 8.53187ZM11.502 11.1311V21H12.502V11.1311H11.502ZM12.1751 21.4686L20.282 18.4509L19.9332 17.5137L11.8262 20.5314L12.1751 21.4686ZM20.6076 17.9823V8.06421H19.6076V17.9823H20.6076ZM19.9307 7.59655L11.8238 10.6634L12.1776 11.5987L20.2845 8.53187L19.9307 7.59655ZM11.5007 11.1311V21H12.5007V11.1311H11.5007ZM19.932 7.5966L11.8251 10.6634L12.1789 11.5987L20.2858 8.53191L19.932 7.5966ZM11.8154 4.48436L5.87955 6.87106L6.2526 7.79887L12.1885 5.41217L11.8154 4.48436ZM11.8265 5.41645L18.1932 7.80315L18.5442 6.86678L12.1775 4.48008L11.8265 5.41645ZM11.502 4.94826V11.1311H12.502V4.94826H11.502ZM12.4121 5.23148L14.4384 2.28321L13.6143 1.71679L11.5879 4.66507L12.4121 5.23148ZM13.8498 2.46782L21.6656 5.4161L22.0186 4.48045L14.2028 1.53218L13.8498 2.46782ZM21.4169 4.68525L20.5485 6.08919L21.3989 6.61524L22.2673 5.2113L21.4169 4.68525ZM12.4121 4.66507L10.3857 1.71679L9.56162 2.28321L11.5879 5.23148L12.4121 4.66507ZM9.79721 1.53218L1.98142 4.48045L2.33437 5.4161L10.1502 2.46782L9.79721 1.53218ZM1.73267 5.2113L2.60109 6.61524L3.45154 6.08919L2.58312 4.68525L1.73267 5.2113ZM12.3298 11.5014L15.3693 8.83392L14.7097 8.08232L11.6702 10.7498L12.3298 11.5014ZM15.2058 8.92965L23.1663 6.12177L22.8337 5.17871L14.8732 7.98659L15.2058 8.92965ZM22.6712 5.27358L19.7764 7.80067L20.4341 8.554L23.3288 6.0269L22.6712 5.27358ZM12.3298 10.7498L9.29034 8.08232L8.63072 8.83392L11.6702 11.5014L12.3298 10.7498ZM9.12685 7.98659L1.16632 5.17871L0.83368 6.12177L8.79421 8.92965L9.12685 7.98659ZM0.671176 6.0269L3.56591 8.554L4.22356 7.80067L1.32882 5.27358L0.671176 6.0269Z",fill:"#D6D6D6"}));export{C as default};
package/components.js CHANGED
@@ -1 +1 @@
1
- import{jsx as e}from"./preact-jsx-runtime.js";import{d as Q,c as s,R as le,a as ee,V as x,g as de}from"./chunks/vcomponent.js";import{G as ce,T as M,k as V,F as v,L as pe,h as A,q as L,S as H,y as B,A as U,_ as _e,N as re,E as me,x as ue}from"./chunks/icons/Add.js";import{IntlProvider as he,Localizer as j,Text as G,useText as $}from"./i18n.js";import W from"./chunks/icons/Minus.js";import be from"./chunks/icons/CheckWithCircle.js";import ge from"./chunks/icons/WarningWithCircle.js";import ve from"./chunks/icons/Date.js";import Ne from"./chunks/icons/Locker.js";import fe from"./chunks/icons/Eye.js";import we from"./chunks/icons/EyeClose.js";import te from"./chunks/icons/Check.js";import K from"./chunks/icons/Close.js";import ke from"./chunks/icons/ChevronDown.js";import ye from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";const xe={ExampleComponentName:{item:{label:"string"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{requiredFieldError:"This is a required field.",placeholder:"Password",floatingLabel:"Password",buttonTitle:"Click to show or hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},Z={Dropin:xe},z={default:Z,en_US:Z},De=a=>Q(z.default,z[a]||{}),J=1,q=({className:a,fullWidth:i=!1,lines:n=J,size:r="small",variant:o="row",children:t=null,multilineGap:l="medium",...d})=>{const p=[[`dropin-skeleton-row__${o}`,o],[`dropin-skeleton-row__${o}-${r}`,o&&r]];if(!t&&o==="empty")return e("div",{className:s(["dropin-skeleton-row dropin-skeleton-row__empty",a])});if(t){const _=t.trim();return e("div",{...d,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",i],a]),dangerouslySetInnerHTML:{__html:_}})}return n>J===!1?e("div",{...d,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",i],"dropin-skeleton--row__content",...p,a])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${l})`},class:s(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",i],a]),children:Array.from({length:n}).map((_,u)=>e("div",{class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",i],"dropin-skeleton--row__content",...p])},u))})},Ee=({className:a,children:i,rowGap:n="medium",...r})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...r,className:s(["dropin-skeleton",a]),role:"status","aria-label":"Loading...",children:i}),ne=ce({locale:"en-US"}),Ie=({lang:a="en_US",langDefinitions:i={},children:n})=>{const r=M(()=>{const t=Q(i.default,i[a]??{});return Q(De(a),t)},[a,i]),o=a.replace("_","-");return e(ne.Provider,{value:{locale:o},children:e(he,{definition:r,children:e(V,{children:n})})})},ar=new le(e(Ie,{})),$e=function(){const i=typeof document<"u"&&document.createElement("link").relList;return i&&i.supports&&i.supports("modulepreload")?"modulepreload":"preload"}(),Se=function(a){return"/"+a},X={},N=function(i,n,r){let o=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const t=document.querySelector("meta[property=csp-nonce]"),l=(t==null?void 0:t.nonce)||(t==null?void 0:t.getAttribute("nonce"));o=Promise.all(n.map(d=>{if(d=Se(d),d in X)return;X[d]=!0;const p=d.endsWith(".css"),m=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${m}`))return;const _=document.createElement("link");if(_.rel=p?"stylesheet":$e,p||(_.as="script",_.crossOrigin=""),_.href=d,l&&_.setAttribute("nonce",l),document.head.appendChild(_),p)return new Promise((u,c)=>{_.addEventListener("load",u),_.addEventListener("error",()=>c(new Error(`Unable to preload CSS for ${d}`)))})}))}return o.then(()=>i()).catch(t=>{const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=t,window.dispatchEvent(l),!l.defaultPrevented)throw t})},Te={Add:v(()=>N(()=>import("./chunks/icons/Add.js").then(a=>a.$),[])),Bulk:v(()=>N(()=>import("./chunks/icons/Bulk.js"),[])),Burger:v(()=>N(()=>import("./chunks/icons/Burger.js"),[])),Cart:v(()=>N(()=>import("./chunks/icons/Cart.js"),[])),Check:v(()=>N(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:v(()=>N(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:v(()=>N(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:v(()=>N(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:v(()=>N(()=>import("./chunks/icons/Close.js"),[])),Heart:v(()=>N(()=>import("./chunks/icons/Heart.js"),[])),Minus:v(()=>N(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:v(()=>N(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:v(()=>N(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:v(()=>N(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:v(()=>N(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:v(()=>N(()=>import("./chunks/icons/Sort.js"),[])),Star:v(()=>N(()=>import("./chunks/icons/Star.js"),[])),View:v(()=>N(()=>import("./chunks/icons/View.js"),[])),User:v(()=>N(()=>import("./chunks/icons/User.js"),[])),Warning:v(()=>N(()=>import("./chunks/icons/Warning.js"),[])),Locker:v(()=>N(()=>import("./chunks/icons/Locker.js"),[])),Wallet:v(()=>N(()=>import("./chunks/icons/Wallet.js"),[])),Card:v(()=>N(()=>import("./chunks/icons/Card.js"),[])),Order:v(()=>N(()=>import("./chunks/icons/Order.js"),[])),Delivery:v(()=>N(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:v(()=>N(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:v(()=>N(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:v(()=>N(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:v(()=>N(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:v(()=>N(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:v(()=>N(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:v(()=>N(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:v(()=>N(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:v(()=>N(()=>import("./chunks/icons/Trash.js"),[])),Eye:v(()=>N(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:v(()=>N(()=>import("./chunks/icons/EyeClose.js"),[])),Date:v(()=>N(()=>import("./chunks/icons/Date.js"),[]))};function C({source:a,size:i="24",stroke:n="2",viewBox:r="0 0 24 24",className:o,...t}){const l=typeof a=="string"?Te[a]:null,d={className:s(["dropin-icon",`dropin-icon--shape-stroke-${n}`,o]),width:i,height:i,viewBox:r};return e(pe,{fallback:e("svg",{...t,...d}),children:l?e(l,{...t,...d}):e(a,{...t,...d})})}const Pe=({name:a,value:i="1",className:n,disabled:r,error:o,success:t,min:l,max:d,onValue:p,onUpdateError:m,size:_="medium",...u})=>{const[c,h]=A(Number(i)),b=Number(l),g=Number(d),k=o||c<b||c>g,w=c<b?"Dropin.Incrementer.minQuantityMessage":c>g?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage",f=L(ee(async I=>{if(p)try{p(I)}catch(D){m&&m(D)}},200),[p,m]),E=I=>{let D=I;f(D),h(D)};return e("div",{className:s(["dropin-incrementer",`dropin-incrementer--${_}`,n]),children:[e("div",{className:s(["dropin-incrementer__content",`dropin-incrementer__content--${_}`,["dropin-incrementer__content--error",k],["dropin-incrementer__content--success",t],["dropin-incrementer__content--disabled",r]]),children:[e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(j,{children:e("button",{type:"button",className:s(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",r]]),onClick:()=>E(c-1),disabled:r||c<b+1,"aria-label":e(G,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(C,{source:W,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:d,min:l,step:1,type:"number",name:a,value:c??l,disabled:r,onBlur:()=>{E(Number(c))},onChange:I=>{const D=I.currentTarget.value;D!==""&&h(Number(D))},...u}),e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(j,{children:e("button",{type:"button",className:s(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",r]]),onClick:()=>E(c+1),disabled:r||c>g-1,"aria-label":e(G,{id:"Dropin.Incrementer.increaseLabel"}),children:e(C,{source:H,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),k&&e("p",{className:"dropin-incrementer__content--error-message",children:e(G,{id:w,fields:{minQuantity:l,maxQuantity:d}})})]})},ie=({name:a,value:i,variant:n="primary",className:r,disabled:o,error:t,floatingLabel:l,onValue:d,onUpdateError:p,size:m="medium",icon:_,maxLength:u,success:c,...h})=>{const b=(h==null?void 0:h.id)||a||`dropin-input-${Math.random().toString(36)}`,g=L(ee(async w=>{if(d)try{await d(w)}catch(f){p&&p(f)}},200),[d,p]),k=w=>{const f=w.target;g(f.value.trim())};return e("div",{className:s(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!l],["dropin-input-container--disabled",o]]),children:[_&&e(x,{node:_,className:s(["dropin-input__field-icon--left",_.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:b,onChange:k,type:"text",maxLength:u,name:a,value:i,...h,className:s(["dropin-input",`dropin-input--${m}`,`dropin-input--${n}`,["dropin-input--error",!!t],["dropin-input--success",!!c],["dropin-input--disabled",o],["dropin-input--floating",!!l],["dropin-input--icon-left",!!_],r]),disabled:o}),l&&e("label",{htmlFor:b,className:s([["dropin-input__label--floating",!!l],["dropin-input__label--floating--icon-left",!!_],["dropin-input__label--floating--error",!!t]]),children:l})]}),t&&e("div",{className:s(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(C,{source:ge,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),c&&e("div",{className:s(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(C,{source:be,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},or=({name:a="",error:i,value:n,label:r,onChange:o,onBlur:t,...l})=>{const d=$({picker:"Dropin.InputDate.picker"}),p=u=>{u.currentTarget.setAttribute("type","date")},m=u=>{var h;const c=(h=u.currentTarget.parentElement)==null?void 0:h.querySelector("input");c==null||c.focus(),c==null||c.showPicker()},_=u=>{u.currentTarget.setAttribute("type","text"),t==null||t(u)};return e("div",{className:s(["dropin-input-date"]),children:[e(oe,{error:i,children:e(ie,{error:!!i,name:a,value:n==null?void 0:n.toString(),placeholder:r,floatingLabel:r,onFocus:p,onBlur:_,onChange:o,"aria-labelledby":r,className:"dropin-input-date__input",...l})}),e("button",{className:"dropin-input-date__icon","aria-label":d.picker,onClick:m,children:e(C,{source:ve,size:"24"})})]})},Y={pending:e(W,{}),success:e(te,{}),error:e(K,{style:{fill:"red"}})},Ce=({minLength:a=0,requiredCharacterClasses:i=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:r={status:"",icon:"",message:""}})=>{const o=$({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),t=l=>{switch(l){case 2:return o.chartTwoSymbols;case 3:return o.chartThreeSymbols;case 4:return o.chartFourSymbols;default:return""}};return e("div",{className:s(["dropin-password-status-indicator"]),children:[a>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${r.status}`,"data-testid":`dropin-password-status-indicator__item--${r.icon}`,children:[Y[r.icon],e("span",{className:`${r.status}`,children:r.message})]}):null,i>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n}`,"data-testid":`dropin-password-status-indicator__item--${n}`,children:[Y[n],e("span",{className:"pending",children:t(i)})]}):null]})},sr=({placeholder:a,floatingLabel:i,children:n,name:r,required:o,className:t,minLength:l,autoComplete:d,error:p=!1,defaultValue:m="",hideStatusIndicator:_=!1,uniqueSymbolsStatus:u,validateLengthConfig:c,requiredCharacterClasses:h,onValue:b,onBlur:g,...k})=>{const w=$({requiredFieldError:"Dropin.InputPassword.requiredFieldError",placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonTitle:"Dropin.InputPassword.buttonTitle"}),[f,E]=A(!1),I=L(()=>{E(S=>!S)},[]),y=p&&!m.length?w.requiredFieldError:p&&m.length?"&thinsp;":"";return e("div",{"data-testid":"passwordFieldInput",className:s(["dropin-input-password",["dropin-input-password--error",p],["dropin-input-password--hide-label",p&&!!m.length],t]),...k,children:[e(oe,{error:y,children:e(ie,{autoComplete:d,name:r??"password",type:f?"text":"password",placeholder:a||w.placeholder,floatingLabel:i||w.floatingLabel,"aria-label":w.placeholder,"aria-required":!0,required:o||!1,value:m,onValue:b,icon:e(Ne,{}),onBlur:g,"data-testid":"passwordInput"})}),e(R,{"aria-label":w.buttonTitle,title:w.buttonTitle,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:s(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${f?"show":"hide"}`,t]),onClick:I,children:f?e(fe,{}):e(we,{})}),_?null:e(Ce,{minLength:l,requiredCharacterClasses:h,validateLengthConfig:c,uniqueSymbolsStatus:u}),n]})},lr=({disabled:a,name:i="",errorMessage:n,value:r,label:o,className:t,onChange:l,onBlur:d,...p})=>{const m=(p==null?void 0:p.id)||i||`dropin-textarea-${Math.random().toString(36)}`,_=!!(n!=null&&n.length),u=L(c=>{const h=c.target;h.style.height="auto",h.style.height=`${h.scrollHeight}px`,l==null||l(c)},[l]);return e("div",{className:s(["dropin-textarea-container",t]),"data-testid":"dropin-textarea-container",children:[e("textarea",{"data-testid":"dropin-textarea-field",className:s(["dropin-textarea",["dropin-textarea--error",_],["dropin-textarea--disabled",!!a]]),id:m,placeholder:o,name:i,value:r,disabled:a,onBlur:d,onChange:u,...p}),e("label",{htmlFor:m,className:s(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",_]]),children:o}),_?e("div",{className:s(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",_]]),children:n}):null]})},Le=({className:a,src:i,params:n,loading:r="lazy",srcSet:o,onLoad:t,...l})=>{const[d,p]=A(!1),m=M(()=>{if(o)return o;if(!(!i||!n))return de(i,{...n})},[n,i,o]),_=u=>{p(!0),t==null||t(u)};return e("img",{...l,className:s(["dropin-image",["dropin-image--loaded",d],a]),loading:r,onLoad:_,src:i,srcSet:m})},ae=({variant:a="primary",className:i})=>e("hr",{role:"separator",className:s(["dropin-divider",`dropin-divider--${a}`,i])}),O=({amount:a=0,currency:i,locale:n=void 0,variant:r="default",weight:o="bold",className:t,children:l,sale:d=!1,formatOptions:p={},size:m="small",..._})=>{const u=M(()=>new Intl.NumberFormat(n,{style:"currency",currency:i||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...p}),[n,i,p]),c=M(()=>u.format(a),[a,u]);return e("span",{..._,className:s(["dropin-price",`dropin-price--${r}`,`dropin-price--${m}`,`dropin-price--${o}`,["dropin-price--sale",d],t]),children:c})},Oe=({name:a,label:i,value:n,size:r="medium",checked:o=!1,disabled:t=!1,error:l=!1,description:d="",busy:p=!1,className:m,children:_,...u})=>e("label",{className:s([m,"dropin-radio-button",["dropin-radio-button--error",l],["dropin-radio-button--disabled",t]]),children:[e("input",{name:a,value:n,checked:o,disabled:t,type:"radio",className:s(["dropin-radio-button__input",["dropin-radio-button__input--error",l],["dropin-radio-button__input--disabled",t]]),"aria-busy":p,...u}),e("span",{className:s(["dropin-radio-button__label",`dropin-radio-button__label--${r}`,["dropin-radio-button__label--error",l],["dropin-radio-button__label--disabled",t]]),children:i}),e("span",{className:s(["dropin-radio-button__description",`dropin-radio-button__description--${r}`,["dropin-radio-button__description--disabled",t]]),children:d})]}),R=({value:a,variant:i="primary",size:n="medium",icon:r,className:o,children:t,disabled:l=!1,active:d=!1,activeChildren:p,activeIcon:m,href:_,...u})=>{let c="dropin-button";(r&&!t||r&&d&&!p||!r&&d&&m)&&(c="dropin-iconButton"),d&&p&&(c="dropin-button"),o=s([c,`${c}--${n}`,`${c}--${i}`,[`${c}--${i}--disabled`,l],t&&r&&`${c}--with-icon`,!t&&p&&r&&`${c}--with-icon`,d&&m&&`${c}--with-icon`,o]);const h=s(["dropin-button-icon",`dropin-button-icon--${i}`,[`dropin-button-icon--${i}--disabled`,l],r==null?void 0:r.props.className]),b=_?{node:e("a",{}),role:"link",href:_,...u,disabled:l,active:d,onKeyDown:g=>{l&&g.preventDefault()},tabIndex:l?-1:0}:{node:e("button",{}),role:"button",...u,value:a,disabled:l,active:d};return e(x,{...b,className:o,children:[r&&!d&&e(x,{node:r,className:h}),m&&d&&e(x,{node:m,className:h}),t&&!d&&(typeof t=="string"?e("span",{children:t}):t),d&&p&&(typeof p=="string"?e("span",{children:p}):p)]})},dr=({name:a,value:i=null,options:n,variant:r="primary",floatingLabel:o,size:t="medium",handleSelect:l=()=>{},disabled:d=!1,error:p=!1,placeholder:m,defaultOption:_,icon:u,className:c,...h})=>{var y;const b=(h==null?void 0:h.id)||a||`dropin-picker-${Math.random().toString(36)}`,g=n==null?void 0:n.find(S=>!S.disabled),[k,w]=A({value:i,text:(_==null?void 0:_.text)||m||(g==null?void 0:g.text),icon:u});B(()=>{const S=n==null?void 0:n.find(T=>T.value===i);w(S??{value:(_==null?void 0:_.value)||(m||o?null:g==null?void 0:g.value),text:(_==null?void 0:_.text)||m||(g==null?void 0:g.text),icon:u})},[i,n,m,u,_,o]);const f=S=>{const{options:T,value:P}=S.target;for(const F of T)F.selected&&(w({value:P,text:F.text,icon:u}),l(S))},E=n==null?void 0:n.map(S=>{const{value:T,text:P,disabled:F}=S,se=T===k.value;return e("option",{value:T,selected:se,disabled:F,className:s(["dropin-picker__option"]),children:P},T)}),I=U(null),D=!((y=I.current)!=null&&y.selected)||!!_;return e("div",{className:s([c,"dropin-picker",`dropin-picker__${t}`,["dropin-picker__floating",!!o],["dropin-picker__selected",D],["dropin-picker__error",p],["dropin-picker__disabled",d],["dropin-picker__icon",u]]),children:[u&&e(u.type,{...u.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:b,className:s(["dropin-picker__select",`dropin-picker__select--${r}`,`dropin-picker__select--${t}`,["dropin-picker__select--floating",!!o]]),name:a,"aria-label":a,disabled:d,onChange:f,...h,children:[!_&&(o||m)&&e("option",{value:"",ref:I,className:s(["dropin-picker__option dropin-picker__placeholder"]),children:o??m},i),E]}),e(C,{source:ke,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),o&&D&&e("label",{htmlFor:b,className:s(["dropin-picker__floatingLabel",!!o]),children:o})]})},oe=({className:a,label:i,error:n,hint:r,success:o,size:t="medium",disabled:l=!1,children:d,...p})=>{var u;const m=((u=d==null?void 0:d.props)==null?void 0:u.id)??`dropin-field-${Math.random().toString(36)}`,_=d&&typeof d.type!="string"?d.type:null;return e("div",{...p,className:s(["dropin-field",a]),children:[i&&e("label",{className:s(["dropin-field__label",["dropin-field__label--disabled",l],`dropin-field__label--${t}`]),htmlFor:m,children:i}),e("div",{className:s(["dropin-field__content"]),children:_&&d&&_e(_,{...d.props,id:m,key:d.key,disabled:l,size:t,error:!!n,success:!!o&&!n})}),e("div",{className:s(["dropin-field__hint",[`dropin-field__hint--${t}`,t],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!o&&!n],["dropin-field__hint--disabled",!!l]]),children:n||o||r})]})},cr=({icon:a,className:i,children:n,active:r=!1,disabled:o=!1,...t})=>e("button",{role:"button",disabled:o,...t,className:s(["dropin-action-button",["dropin-action-button--active",r],["dropin-action-button--disabled",o],i]),children:[a&&e(x,{node:a,className:s(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),pr=({className:a,variant:i="primary",activeOption:n,disabled:r=!1,dividers:o=!0,children:t,handleSelect:l,...d})=>{const[p,m]=A(n),_=L(c=>{r||c.props.disabled||(m(c.props.value),l&&l(c.props.value))},[l,m,r]),u=re.map(t,c=>{const h=r||c.props.disabled,b=c.props.value===p;return me(c,{disabled:h,active:b,onClick:()=>_(c),className:s(["dropin-action-button-group__option",`dropin-action-button-group__option--${i}`,["dropin-action-button-group__option--active",b],["dropin-action-button-group__option--with-dividers",o]])})});return e("div",{role:"group",...d,className:s(["dropin-action-button-group",`dropin-action-button-group--${i}`,a]),children:u})},Re=({variant:a="primary",className:i,children:n,...r})=>e("div",{...r,className:s(["dropin-card",`dropin-card--${a}`,i]),children:e("div",{class:"dropin-card__content",children:n})}),_r=({name:a,value:i,size:n="medium",disabled:r=!1,error:o=!1,label:t="",description:l="",className:d,checked:p,...m})=>{const[_,u]=A(p===void 0?!1:p),c=U(null),h=g=>{var k;(k=m.onChange)==null||k.call(m,g),u(g.currentTarget.checked)},b=g=>{var k;g.key===" "&&(g.preventDefault(),(k=c==null?void 0:c.current)==null||k.click())};return e("label",{className:s(["dropin-checkbox",["dropin-checkbox--disabled",r]]),children:[e("input",{ref:c,name:a,value:i,type:"checkbox",disabled:r,className:s(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",o],d]),...m,onChange:h,checked:_}),e("span",{"aria-checked":_?"true":"false","aria-labelledby":`${a}-label`,"aria-describedby":`${a}-description`,className:s(["dropin-checkbox__box",["dropin-checkbox__box--error",o],["dropin-checkbox__box--disabled",r]]),role:"checkbox",tabIndex:r?-1:0,onKeyDown:b,children:e(C,{className:s(["dropin-checkbox__checkmark"]),source:te,size:"16",stroke:"3"})}),e("div",{id:`${a}-label`,className:s(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",r]]),children:t}),e("div",{}),e("div",{id:`${a}-description`,role:"note",className:s(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",r]]),children:l})]})},mr=({className:a,name:i,value:n,id:r,label:o,groupAriaLabel:t,size:l="medium",color:d,disabled:p=!1,selected:m=!1,outOfStock:_=!1,multi:u=!1,onValue:c,onUpdateError:h,...b})=>{const g=$("Dropin.Swatches.outOfStock.label").label,k=$("Dropin.Swatches.selected.label").label,w=$("Dropin.Swatches.swatch.label").label,f=L(async T=>{if(c)try{await c(T)}catch(P){h&&h(P)}},[c,h]),E=T=>{const P=T.target;f(P.value)},y=d&&(T=>{const P=new Option().style;return P.color=T,P.color!==""})(d)?d:"var(--color-gray-300);",S=()=>_?`${t}: ${o} ${g}`:m?`${t}: ${o} ${k}`:`${t}: ${o} ${w}`;return e("label",{className:s(["dropin-color-swatch__container",`dropin-color-swatch__container--${l}`,a]),children:[e("input",{type:u?"checkbox":"radio",name:i,id:r,value:n,"aria-label":S(),checked:m,disabled:p,onChange:E,...b,className:s(["dropin-color-swatch",["dropin-color-swatch--selected",m],["dropin-color-swatch--disabled",p],a])}),e("span",{style:{"--bg-color":y},className:s(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",_],a])})]})},ur=({className:a,name:i,value:n,label:r,groupAriaLabel:o,id:t,disabled:l=!1,selected:d=!1,outOfStock:p=!1,multi:m=!1,onValue:_,onUpdateError:u,...c})=>{const h=$("Dropin.Swatches.outOfStock.label").label,b=$("Dropin.Swatches.selected.label").label,g=$("Dropin.Swatches.swatch.label").label,[k,w]=A(!1),f=U(null),E=L(async y=>{if(_)try{await _(y)}catch(S){u&&u(S)}},[_,u]),I=y=>{const S=y.target;E(S.value)},D=()=>p?`${o}: ${r} ${h}`:d?`${o}: ${r} ${b}`:`${o}: ${r} ${g}`;return B(()=>{f.current&&f.current.scrollWidth>f.current.clientWidth&&w(!0)},[r]),e("div",{className:"dropin-text-swatch__container",...k?{"data-tooltip":r}:{},children:[e("input",{type:m?"checkbox":"radio",name:i,id:t,value:n,"aria-label":D(),checked:d,disabled:l,onChange:I,...c,className:s(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",l],a])}),e("label",{htmlFor:t,ref:f,className:s(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",p],a]),children:r})]})},Ae=({ariaLabel:a,size:i="small",stroke:n="4",children:r,className:o,style:t,...l})=>{const d=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${i}`,`dropin-progress-spinner--shape-stroke-${n}`],p=$({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),m=()=>a||(r?p.updatingChildren:p.updating);return r?e("div",{...l,className:s(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:r}),e("div",{"aria-label":m(),role:"status",className:s(["dropin-progress-spinner-background",o]),style:t}),e("div",{className:s(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...l,className:s([o,...d]),"aria-live":"polite",role:"status","aria-label":m()})},hr=({className:a,name:i,value:n,id:r,label:o,groupAriaLabel:t,src:l,alt:d,disabled:p=!1,selected:m=!1,outOfStock:_=!1,multi:u=!1,onValue:c,onUpdateError:h,...b})=>{const g=$("Dropin.Swatches.outOfStock.label").label,k=$("Dropin.Swatches.selected.label").label,w=$("Dropin.Swatches.swatch.label").label,f=L(async D=>{if(c)try{await c(D)}catch(y){h&&h(y)}},[c,h]),E=D=>{const y=D.target;f(y.value)},I=()=>_?`${t}: ${o} ${g}`:m?`${t}: ${o} ${k}`:`${t}: ${o} ${w}`;return e("label",{className:s(["dropin-image-swatch__container",a]),children:[e("input",{type:u?"checkbox":"radio",name:i,id:r,value:n,"aria-label":I(),checked:m,disabled:p,onChange:E,...b,className:s(["dropin-image-swatch",["dropin-image-swatch--selected",m],["dropin-image-swatch--disabled",p],a])}),e("span",{className:s(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",_],a]),children:e(Le,{src:l,className:s(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:d,loading:"lazy",onError:D=>D.target.style.display="none"})})]})},Ve=({className:a,children:i,title:n,secondaryText:r,actionIconPosition:o="left",iconOpen:t=H,iconClose:l=W,iconLeft:d=H,showIconLeft:p=!1,renderContentWhenClosed:m=!0,onStateChange:_,...u})=>{const[c,h]=A(!1),b=E=>{E.stopImmediatePropagation();const I=!c;h(I),_==null||_(I)},g=$(`Dropin.Accordion.${c?"close":"open"}.label`).label,k=e(C,{source:t,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__open-icon"}),w=e(C,{source:l,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__close-icon"}),f=e(C,{source:d,size:"24"});return e("div",{...u,className:s(["dropin-accordion-section",a]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:b,onKeyPress:b,role:"button","aria-label":`${g} ${n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(c?w:k),p&&f,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[r&&e("h4",{className:"dropin-accordion-section__secondary-text",children:r}),o==="right"&&(c?w:k)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:c?"grid":"none"},children:(c||m&&!c)&&i})]})},br=({className:a,children:i,actionIconPosition:n="left",iconOpen:r=H,iconClose:o=W,...t})=>{const l=e(ae,{variant:"secondary"}),d=p=>e(V,{children:[e(Ve,{...p.props,actionIconPosition:n,iconOpen:r,iconClose:o}),l]});return e("div",{...t,className:s(["dropin-accordion",a]),children:[l,...(Array.isArray(i)?i:[i]).map(d)]})},gr=({variant:a="primary",className:i,type:n="warning",additionalActions:r,onDismiss:o,heading:t,description:l,icon:d,itemList:p,actionButtonPosition:m,..._})=>{var c,h,b;const u=$({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{..._,className:s(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${a}`,i]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[d&&e(x,{node:d,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:t})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[r&&(m==="top"||!m&&r.length<=1)&&e(R,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:r.length>0?(c=r[0])==null?void 0:c.onClick:void 0,"aria-label":(h=r[0])==null?void 0:h.label,children:(b=r[0])==null?void 0:b.label}),o&&e(R,{icon:e(C,{source:K,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:o,"aria-label":u.dismiss})]})]}),l&&e("p",{className:"dropin-in-line-alert__description",children:l}),e("div",{className:"dropin-in-line-alert__item-list-container",children:p&&e(x,{node:p,className:s(["dropin-in-line-alert__item-list"])})}),r&&(m==="bottom"||!m&&r.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:r.map(g=>e(R,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:g.onClick,children:g.label},g.label))})]})},vr=({size:a="small",title:i=null,centered:n=!1,backgroundDim:r=!0,clickToDismiss:o=!0,escapeToDismiss:t=!0,onClose:l,showCloseButton:d=!0,className:p,children:m=null,..._})=>{const u=L(()=>{l==null||l()},[l]),c=$({modalCloseLabel:"Dropin.Modal.Close.label"});return B(()=>{const h=b=>{const g=document.querySelector(".dropin-modal"),k=document.querySelector(".dropin-modal__body");o&&g&&k&&!k.contains(b.target)&&u()};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[u,o]),B(()=>{const h=b=>{b.key==="Escape"&&t&&u()};return document.addEventListener("keydown",h),()=>{document.removeEventListener("keydown",h)}},[u,t]),B(()=>{const h=document.scrollingElement,b=h.style.overflow;return h.style.overflow="hidden",()=>{h.style.overflow=b}},[]),e("div",{className:s(["dropin-modal",["dropin-modal--dim",r]]),children:e("div",{..._,className:s(["dropin-modal__body",[`dropin-modal__body--${a}`,a],p]),children:[e("div",{className:s(["dropin-modal__header",["dropin-modal__header-title",!!i]]),children:[i&&e("div",{className:s(["dropin-modal__header-title-content"]),children:i}),d&&e(R,{"aria-label":c.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:u,icon:e(K,{})})]}),e("div",{className:s(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:m})]})})},Nr=({className:a,children:i,ariaLabel:n,image:r,title:o,price:t,taxIncluded:l=!1,taxExcluded:d=!1,total:p,totalExcludingTax:m,sku:_,configurations:u,warning:c,alert:h,quantity:b=1,description:g,loading:k=!1,updating:w=!1,onQuantity:f,onRemove:E,...I})=>{var S,T;const{locale:D}=ue(ne),y=$({each:"Dropin.CartItem.each.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});return k?e(Fe,{}):e("div",{...I,className:s(["dropin-cart-item",["dropin-cart-item--updating",w],a]),children:[w&&e(Ae,{className:s(["dropin-cart-item__spinner"]),ariaLabel:n?(S=y.updating)==null?void 0:S.replace("{product}",n):y.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[e(x,{node:r,className:s(["dropin-cart-item__image"])}),e(x,{node:o,className:s(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!f||!!E]])}),g&&e(x,{node:g,className:s(["dropin-cart-item__description"])}),e(x,{node:_,className:s(["dropin-cart-item__sku"])}),u&&e("ul",{className:s(["dropin-cart-item__configurations"]),children:Object.entries(u).map(([P,F])=>e("li",{className:s(["dropin-cart-item__configurations__item"]),children:[P,":"," ",e("strong",{className:s(["dropin-cart-item__configurations__item__value"]),children:F})]},P))}),e("span",{className:s(["dropin-cart-item__price"]),children:[!f&&e("span",{className:"dropin-cart-item__price__quantity",children:[b.toLocaleString(D)," x"," "]}),e(x,{node:t,role:"text"}),b>1&&e(V,{children:[" ",y.each]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",y.taxIncluded]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",y.taxExcluded]})]}),e("div",{className:s(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!f]]),children:[f?e(Pe,{className:s(["dropin-cart-item__quantity__incrementer"]),value:b,min:1,onValue:P=>f==null?void 0:f(Number(P)),name:"quantity","aria-label":y.quantity,disabled:w}):e("span",{className:s(["dropin-cart-item__quantity__value"]),children:[y.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(b).toLocaleString(D)})]}),c&&e(x,{node:c,className:s(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),h&&e(x,{node:h,className:s(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),c&&e(x,{node:c,className:s(["dropin-cart-item__warning"])}),h&&e(x,{node:h,className:s(["dropin-cart-item__alert"])}),e("div",{className:s(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!E]]),children:[e("div",{className:"dropin-cart-item__row-total",children:e(x,{node:p,role:"text"})}),l&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:s(["dropin-cart-item__total-tax-message"]),children:y.taxIncluded})}),d&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:s(["dropin-cart-item__total-tax-excluded-message"]),children:[m&&e(x,{node:m,role:"text"})," ",y.taxExcluded]})})]})]}),E&&e(R,{className:s(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>E==null?void 0:E(),icon:e(C,{source:ye,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(T=y.remove)==null?void 0:T.replace("{product}",n):y.removeDefault}),disabled:w})]})},Fe=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(Ee,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(q,{className:"dropin-cart-item__skeleton__item"})})]})}),fr=({className:a,children:i,...n})=>e("div",{...n,className:s(["dropin-cart-list",a]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:re.map(i,(r,o)=>e("div",{className:"dropin-cart-list__item",children:r},o))})}),wr=({className:a,children:i,locale:n,currency:r,amount:o,variant:t="default",minimumAmount:l,maximumAmount:d,size:p="small",display:m="dash",specialPrice:_,sale:u=!1,...c})=>{const h=M(()=>o||l===d||l&&!d||d&&!l,[o,d,l]);return e("div",{children:h?e("div",{...c,className:s(["dropin-price-range",a]),children:e(O,{amount:o??l??d,currency:r,locale:n,size:p,variant:t,sale:u})}):e("div",{...c,className:s(["dropin-price-range",a]),children:[m==="dash"?e(qe,{specialPrice:_,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:p,sale:u}):null,m==="from to"?e(Be,{specialPrice:_,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:p,sale:u}):null,m==="as low as"?e(Me,{specialPrice:_,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:p,sale:u}):null]})})};function qe({specialPrice:a,minimumAmount:i,maximumAmount:n,currency:r,locale:o,size:t,sale:l}){return e(V,{children:[e(O,{amount:a??i,currency:r,locale:o,size:t,sale:!!a&&l}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(O,{amount:n,currency:r,locale:o,size:t})]})}function Be({specialPrice:a,minimumAmount:i,maximumAmount:n,currency:r,locale:o,size:t,sale:l}){const d=$({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:s(["dropin-price-range__from",`dropin-price-range__from--${t}`]),children:d.from}),e(O,{amount:a??i,currency:r,locale:o,size:t,sale:!!a&&l}),e("span",{className:s(["dropin-price-range__to",`dropin-price-range__to--${t}`]),children:d.to}),e(O,{amount:n,currency:r,locale:o,size:t})]})}function Me({specialPrice:a,minimumAmount:i,maximumAmount:n,currency:r,locale:o,size:t,sale:l}){const d=$({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:s(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${t}`]),children:d.asLowAs}),a?e("div",{children:[e(O,{amount:n,currency:r,locale:o,size:t,variant:"strikethrough"}),e(O,{amount:a,currency:r,locale:o,size:t,className:"dropin-price-range__special",sale:!!a&&l})]}):e(O,{amount:i,currency:r,locale:o,size:t})]})}const kr=({className:a,categories:i,separator:n,...r})=>e(V,{children:(i==null?void 0:i.length)>1&&e("nav",{role:"navigation",...r,className:s(["dropin-breadcrumbs__container",a]),children:e("ul",{className:"dropin-breadcrumbs__items",children:i==null?void 0:i.map((o,t)=>e("li",{className:s(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",t===i.length-1]]),children:[e(x,{node:o,className:"dropin-breadcrumbs__link"}),!n&&t!==i.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&t!==i.length-1&&e(x,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},t))})})}),yr=({className:a,variant:i,icon:n,message:r,onDismiss:o,action:t,...l})=>{const d=$({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...l,className:s([a,"dropin-alert-banner",`dropin-alert-banner--${i}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(x,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(x,{node:r,className:s(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[t&&e(R,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:t.onClick,"aria-label":t.label,children:t.label}),e(R,{icon:e(C,{source:K,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:o,"aria-label":d.dismiss})]})]})},xr=({className:a,icon:i,heading:n,headingLevel:r=2,message:o,action:t,variant:l="secondary",...d})=>{const p=r>=1&&r<=6?`h${r}`:"h2";return e("div",{...d,className:s(["dropin-illustrated-message",a]),children:e(Re,{variant:l,children:[i&&e(x,{node:i,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(p,{className:"dropin-illustrated-message__heading",children:n}),o&&e(x,{node:o,className:"dropin-illustrated-message__message"}),t&&e(x,{node:t,className:"dropin-illustrated-message__action"})]})})},Dr=({className:a,label:i,name:n,value:r,selected:o=!0,onChange:t,icon:l,busy:d=!1,children:p,...m})=>e("div",{...m,className:s(["dropin-toggle-button",a,["dropin-toggle-button__selected",o]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(Oe,{label:"",name:n,value:r,checked:o,onChange:()=>t&&t(r),"aria-label":i,busy:d,className:s([a,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[l&&e(l.type,{...l==null?void 0:l.props,className:"dropin-toggle-button__icon"}),i]})]})}),Er=({title:a=null,size:i="medium",cta:n,divider:r=!0,className:o,...t})=>a?e("div",{...t,className:s(["dropin-header-container",o]),"data-testid":"dropin-header-container",children:[e("span",{className:s(["dropin-header-container__title",["dropin-header-container__title--medium",i==="medium"],["dropin-header-container__title--large",i==="large"]]),children:a}),n?e(x,{node:n,className:"dropin-header-container__actions"}):null,r?e(ae,{className:s(["dropin-header-container__divider",["dropin-header-container__divider--medium",i==="medium"],["dropin-header-container__divider--large",i==="large"]])}):null]}):null,Ir=({label:a,className:i,...n})=>a?e("div",{...n,className:s(["dropin-tag-container",i]),"data-testid":"dropin-tag-container",children:e("span",{className:"dropin-tag-container__label",children:a})}):null;export{br as Accordion,Ve as AccordionSection,cr as ActionButton,pr as ActionButtonGroup,yr as AlertBanner,kr as Breadcrumbs,R as Button,Re as Card,Nr as CartItem,Fe as CartItemSkeleton,fr as CartList,_r as Checkbox,mr as ColorSwatch,ae as Divider,oe as Field,Er as Header,C as Icon,xr as IllustratedMessage,Le as Image,hr as ImageSwatch,gr as InLineAlert,Pe as Incrementer,ie as Input,or as InputDate,sr as InputPassword,vr as Modal,dr as Picker,O as Price,wr as PriceRange,Ae as ProgressSpinner,Oe as RadioButton,Ee as Skeleton,q as SkeletonRow,Ir as Tag,lr as TextArea,ur as TextSwatch,Dr as ToggleButton,ne as UIContext,Ie as UIProvider,ar as provider};
1
+ import{jsx as e}from"./preact-jsx-runtime.js";import{d as Q,c as s,R as le,a as ee,V as x,g as de}from"./chunks/vcomponent.js";import{G as ce,T as M,k as V,F as v,L as pe,h as R,q as L,S as H,y as B,A as U,_ as _e,N as re,E as me,x as ue}from"./chunks/icons/Add.js";import{IntlProvider as he,Localizer as j,Text as G,useText as $}from"./i18n.js";import W from"./chunks/icons/Minus.js";import be from"./chunks/icons/CheckWithCircle.js";import ge from"./chunks/icons/WarningWithCircle.js";import ve from"./chunks/icons/Date.js";import Ne from"./chunks/icons/Locker.js";import fe from"./chunks/icons/Eye.js";import we from"./chunks/icons/EyeClose.js";import te from"./chunks/icons/Check.js";import K from"./chunks/icons/Close.js";import ke from"./chunks/icons/ChevronDown.js";import ye from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";const xe={ExampleComponentName:{item:{label:"string"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{requiredFieldError:"This is a required field.",placeholder:"Password",floatingLabel:"Password",buttonTitle:"Click to show or hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},Z={Dropin:xe},z={default:Z,en_US:Z},Ee=a=>Q(z.default,z[a]||{}),J=1,q=({className:a,fullWidth:i=!1,lines:n=J,size:r="small",variant:o="row",children:t=null,multilineGap:l="medium",...d})=>{const p=[[`dropin-skeleton-row__${o}`,o],[`dropin-skeleton-row__${o}-${r}`,o&&r]];if(!t&&o==="empty")return e("div",{className:s(["dropin-skeleton-row dropin-skeleton-row__empty",a])});if(t){const _=t.trim();return e("div",{...d,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",i],a]),dangerouslySetInnerHTML:{__html:_}})}return n>J===!1?e("div",{...d,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",i],"dropin-skeleton--row__content",...p,a])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${l})`},class:s(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",i],a]),children:Array.from({length:n}).map((_,u)=>e("div",{class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",i],"dropin-skeleton--row__content",...p])},u))})},De=({className:a,children:i,rowGap:n="medium",...r})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...r,className:s(["dropin-skeleton",a]),role:"status","aria-label":"Loading...",children:i}),ne=ce({locale:"en-US"}),Ie=({lang:a="en_US",langDefinitions:i={},children:n})=>{const r=M(()=>{const t=Q(i.default,i[a]??{});return Q(Ee(a),t)},[a,i]),o=a.replace("_","-");return e(ne.Provider,{value:{locale:o},children:e(he,{definition:r,children:e(V,{children:n})})})},ar=new le(e(Ie,{})),$e=function(){const i=typeof document<"u"&&document.createElement("link").relList;return i&&i.supports&&i.supports("modulepreload")?"modulepreload":"preload"}(),Se=function(a){return"/"+a},X={},N=function(i,n,r){let o=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const t=document.querySelector("meta[property=csp-nonce]"),l=(t==null?void 0:t.nonce)||(t==null?void 0:t.getAttribute("nonce"));o=Promise.all(n.map(d=>{if(d=Se(d),d in X)return;X[d]=!0;const p=d.endsWith(".css"),m=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${m}`))return;const _=document.createElement("link");if(_.rel=p?"stylesheet":$e,p||(_.as="script",_.crossOrigin=""),_.href=d,l&&_.setAttribute("nonce",l),document.head.appendChild(_),p)return new Promise((u,c)=>{_.addEventListener("load",u),_.addEventListener("error",()=>c(new Error(`Unable to preload CSS for ${d}`)))})}))}return o.then(()=>i()).catch(t=>{const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=t,window.dispatchEvent(l),!l.defaultPrevented)throw t})},Te={Add:v(()=>N(()=>import("./chunks/icons/Add.js").then(a=>a.$),[])),Bulk:v(()=>N(()=>import("./chunks/icons/Bulk.js"),[])),Burger:v(()=>N(()=>import("./chunks/icons/Burger.js"),[])),Cart:v(()=>N(()=>import("./chunks/icons/Cart.js"),[])),Check:v(()=>N(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:v(()=>N(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:v(()=>N(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:v(()=>N(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:v(()=>N(()=>import("./chunks/icons/Close.js"),[])),Heart:v(()=>N(()=>import("./chunks/icons/Heart.js"),[])),Minus:v(()=>N(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:v(()=>N(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:v(()=>N(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:v(()=>N(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:v(()=>N(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:v(()=>N(()=>import("./chunks/icons/Sort.js"),[])),Star:v(()=>N(()=>import("./chunks/icons/Star.js"),[])),View:v(()=>N(()=>import("./chunks/icons/View.js"),[])),User:v(()=>N(()=>import("./chunks/icons/User.js"),[])),Warning:v(()=>N(()=>import("./chunks/icons/Warning.js"),[])),Locker:v(()=>N(()=>import("./chunks/icons/Locker.js"),[])),Wallet:v(()=>N(()=>import("./chunks/icons/Wallet.js"),[])),Card:v(()=>N(()=>import("./chunks/icons/Card.js"),[])),Order:v(()=>N(()=>import("./chunks/icons/Order.js"),[])),Delivery:v(()=>N(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:v(()=>N(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:v(()=>N(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:v(()=>N(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:v(()=>N(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:v(()=>N(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:v(()=>N(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:v(()=>N(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:v(()=>N(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:v(()=>N(()=>import("./chunks/icons/Trash.js"),[])),Eye:v(()=>N(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:v(()=>N(()=>import("./chunks/icons/EyeClose.js"),[])),Date:v(()=>N(()=>import("./chunks/icons/Date.js"),[])),AddressBook:v(()=>N(()=>import("./chunks/icons/AddressBook.js"),[])),EmptyBox:v(()=>N(()=>import("./chunks/icons/EmptyBox.js"),[]))};function C({source:a,size:i="24",stroke:n="2",viewBox:r="0 0 24 24",className:o,...t}){const l=typeof a=="string"?Te[a]:null,d={className:s(["dropin-icon",`dropin-icon--shape-stroke-${n}`,o]),width:i,height:i,viewBox:r};return e(pe,{fallback:e("svg",{...t,...d}),children:l?e(l,{...t,...d}):e(a,{...t,...d})})}const Pe=({name:a,value:i="1",className:n,disabled:r,error:o,success:t,min:l,max:d,onValue:p,onUpdateError:m,size:_="medium",...u})=>{const[c,h]=R(Number(i)),b=Number(l),g=Number(d),k=o||c<b||c>g,w=c<b?"Dropin.Incrementer.minQuantityMessage":c>g?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage",f=L(ee(async I=>{if(p)try{p(I)}catch(E){m&&m(E)}},200),[p,m]),D=I=>{let E=I;f(E),h(E)};return e("div",{className:s(["dropin-incrementer",`dropin-incrementer--${_}`,n]),children:[e("div",{className:s(["dropin-incrementer__content",`dropin-incrementer__content--${_}`,["dropin-incrementer__content--error",k],["dropin-incrementer__content--success",t],["dropin-incrementer__content--disabled",r]]),children:[e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(j,{children:e("button",{type:"button",className:s(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",r]]),onClick:()=>D(c-1),disabled:r||c<b+1,"aria-label":e(G,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(C,{source:W,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:d,min:l,step:1,type:"number",name:a,value:c??l,disabled:r,onBlur:()=>{D(Number(c))},onChange:I=>{const E=I.currentTarget.value;E!==""&&h(Number(E))},...u}),e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(j,{children:e("button",{type:"button",className:s(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",r]]),onClick:()=>D(c+1),disabled:r||c>g-1,"aria-label":e(G,{id:"Dropin.Incrementer.increaseLabel"}),children:e(C,{source:H,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),k&&e("p",{className:"dropin-incrementer__content--error-message",children:e(G,{id:w,fields:{minQuantity:l,maxQuantity:d}})})]})},ie=({name:a,value:i,variant:n="primary",className:r,disabled:o,error:t,floatingLabel:l,onValue:d,onUpdateError:p,size:m="medium",icon:_,maxLength:u,success:c,...h})=>{const b=(h==null?void 0:h.id)||a||`dropin-input-${Math.random().toString(36)}`,g=L(ee(async w=>{if(d)try{await d(w)}catch(f){p&&p(f)}},200),[d,p]),k=w=>{const f=w.target;g(f.value.trim())};return e("div",{className:s(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!l],["dropin-input-container--disabled",o]]),children:[_&&e(x,{node:_,className:s(["dropin-input__field-icon--left",_.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:b,onChange:k,type:"text",maxLength:u,name:a,value:i,...h,className:s(["dropin-input",`dropin-input--${m}`,`dropin-input--${n}`,["dropin-input--error",!!t],["dropin-input--success",!!c],["dropin-input--disabled",o],["dropin-input--floating",!!l],["dropin-input--icon-left",!!_],r]),disabled:o}),l&&e("label",{htmlFor:b,className:s([["dropin-input__label--floating",!!l],["dropin-input__label--floating--icon-left",!!_],["dropin-input__label--floating--error",!!t]]),children:l})]}),t&&e("div",{className:s(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(C,{source:ge,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),c&&e("div",{className:s(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(C,{source:be,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},or=({name:a="",error:i,value:n,label:r,onChange:o,onBlur:t,...l})=>{const d=$({picker:"Dropin.InputDate.picker"}),p=u=>{u.currentTarget.setAttribute("type","date")},m=u=>{var h;const c=(h=u.currentTarget.parentElement)==null?void 0:h.querySelector("input");c==null||c.focus(),c==null||c.showPicker()},_=u=>{u.currentTarget.setAttribute("type","text"),t==null||t(u)};return e("div",{className:s(["dropin-input-date"]),children:[e(oe,{error:i,children:e(ie,{error:!!i,name:a,value:n==null?void 0:n.toString(),placeholder:r,floatingLabel:r,onFocus:p,onBlur:_,onChange:o,"aria-labelledby":r,className:"dropin-input-date__input",...l})}),e("button",{className:"dropin-input-date__icon","aria-label":d.picker,onClick:m,children:e(C,{source:ve,size:"24"})})]})},Y={pending:e(W,{}),success:e(te,{}),error:e(K,{style:{fill:"red"}})},Ce=({minLength:a=0,requiredCharacterClasses:i=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:r={status:"",icon:"",message:""}})=>{const o=$({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),t=l=>{switch(l){case 2:return o.chartTwoSymbols;case 3:return o.chartThreeSymbols;case 4:return o.chartFourSymbols;default:return""}};return e("div",{className:s(["dropin-password-status-indicator"]),children:[a>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${r.status}`,"data-testid":`dropin-password-status-indicator__item--${r.icon}`,children:[Y[r.icon],e("span",{className:`${r.status}`,children:r.message})]}):null,i>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n}`,"data-testid":`dropin-password-status-indicator__item--${n}`,children:[Y[n],e("span",{className:"pending",children:t(i)})]}):null]})},sr=({placeholder:a,floatingLabel:i,children:n,name:r,required:o,className:t,minLength:l,autoComplete:d,error:p=!1,defaultValue:m="",hideStatusIndicator:_=!1,uniqueSymbolsStatus:u,validateLengthConfig:c,requiredCharacterClasses:h,onValue:b,onBlur:g,...k})=>{const w=$({requiredFieldError:"Dropin.InputPassword.requiredFieldError",placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonTitle:"Dropin.InputPassword.buttonTitle"}),[f,D]=R(!1),I=L(()=>{D(S=>!S)},[]),y=p&&!m.length?w.requiredFieldError:p&&m.length?"&thinsp;":"";return e("div",{"data-testid":"passwordFieldInput",className:s(["dropin-input-password",["dropin-input-password--error",p],["dropin-input-password--hide-label",p&&!!m.length],t]),...k,children:[e(oe,{error:y,children:e(ie,{autoComplete:d,name:r??"password",type:f?"text":"password",placeholder:a||w.placeholder,floatingLabel:i||w.floatingLabel,"aria-label":w.placeholder,"aria-required":!0,required:o||!1,value:m,onValue:b,icon:e(Ne,{}),onBlur:g,"data-testid":"passwordInput"})}),e(O,{"aria-label":w.buttonTitle,title:w.buttonTitle,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:s(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${f?"show":"hide"}`,t]),onClick:I,children:f?e(fe,{}):e(we,{})}),_?null:e(Ce,{minLength:l,requiredCharacterClasses:h,validateLengthConfig:c,uniqueSymbolsStatus:u}),n]})},lr=({disabled:a,name:i="",errorMessage:n,value:r,label:o,className:t,onChange:l,onBlur:d,...p})=>{const m=(p==null?void 0:p.id)||i||`dropin-textarea-${Math.random().toString(36)}`,_=!!(n!=null&&n.length),u=L(c=>{const h=c.target;h.style.height="auto",h.style.height=`${h.scrollHeight}px`,l==null||l(c)},[l]);return e("div",{className:s(["dropin-textarea-container",t]),"data-testid":"dropin-textarea-container",children:[e("textarea",{"data-testid":"dropin-textarea-field",className:s(["dropin-textarea",["dropin-textarea--error",_],["dropin-textarea--disabled",!!a]]),id:m,placeholder:o,name:i,value:r,disabled:a,onBlur:d,onChange:u,...p}),e("label",{htmlFor:m,className:s(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",_]]),children:o}),_?e("div",{className:s(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",_]]),children:n}):null]})},Le=({className:a,src:i,params:n,loading:r="lazy",srcSet:o,onLoad:t,...l})=>{const[d,p]=R(!1),m=M(()=>{if(o)return o;if(!(!i||!n))return de(i,{...n})},[n,i,o]),_=u=>{p(!0),t==null||t(u)};return e("img",{...l,className:s(["dropin-image",["dropin-image--loaded",d],a]),loading:r,onLoad:_,src:i,srcSet:m})},ae=({variant:a="primary",className:i})=>e("hr",{role:"separator",className:s(["dropin-divider",`dropin-divider--${a}`,i])}),A=({amount:a=0,currency:i,locale:n=void 0,variant:r="default",weight:o="bold",className:t,children:l,sale:d=!1,formatOptions:p={},size:m="small",..._})=>{const u=M(()=>new Intl.NumberFormat(n,{style:"currency",currency:i||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...p}),[n,i,p]),c=M(()=>u.format(a),[a,u]);return e("span",{..._,className:s(["dropin-price",`dropin-price--${r}`,`dropin-price--${m}`,`dropin-price--${o}`,["dropin-price--sale",d],t]),children:c})},Ae=({name:a,label:i,value:n,size:r="medium",checked:o=!1,disabled:t=!1,error:l=!1,description:d="",busy:p=!1,className:m,children:_,...u})=>e("label",{className:s([m,"dropin-radio-button",["dropin-radio-button--error",l],["dropin-radio-button--disabled",t]]),children:[e("input",{name:a,value:n,checked:o,disabled:t,type:"radio",className:s(["dropin-radio-button__input",["dropin-radio-button__input--error",l],["dropin-radio-button__input--disabled",t]]),"aria-busy":p,...u}),e("span",{className:s(["dropin-radio-button__label",`dropin-radio-button__label--${r}`,["dropin-radio-button__label--error",l],["dropin-radio-button__label--disabled",t]]),children:i}),e("span",{className:s(["dropin-radio-button__description",`dropin-radio-button__description--${r}`,["dropin-radio-button__description--disabled",t]]),children:d})]}),O=({value:a,variant:i="primary",size:n="medium",icon:r,className:o,children:t,disabled:l=!1,active:d=!1,activeChildren:p,activeIcon:m,href:_,...u})=>{let c="dropin-button";(r&&!t||r&&d&&!p||!r&&d&&m)&&(c="dropin-iconButton"),d&&p&&(c="dropin-button"),o=s([c,`${c}--${n}`,`${c}--${i}`,[`${c}--${i}--disabled`,l],t&&r&&`${c}--with-icon`,!t&&p&&r&&`${c}--with-icon`,d&&m&&`${c}--with-icon`,o]);const h=s(["dropin-button-icon",`dropin-button-icon--${i}`,[`dropin-button-icon--${i}--disabled`,l],r==null?void 0:r.props.className]),b=_?{node:e("a",{}),role:"link",href:_,...u,disabled:l,active:d,onKeyDown:g=>{l&&g.preventDefault()},tabIndex:l?-1:0}:{node:e("button",{}),role:"button",...u,value:a,disabled:l,active:d};return e(x,{...b,className:o,children:[r&&!d&&e(x,{node:r,className:h}),m&&d&&e(x,{node:m,className:h}),t&&!d&&(typeof t=="string"?e("span",{children:t}):t),d&&p&&(typeof p=="string"?e("span",{children:p}):p)]})},dr=({name:a,value:i=null,options:n,variant:r="primary",floatingLabel:o,size:t="medium",handleSelect:l=()=>{},disabled:d=!1,error:p=!1,placeholder:m,defaultOption:_,icon:u,className:c,...h})=>{var y;const b=(h==null?void 0:h.id)||a||`dropin-picker-${Math.random().toString(36)}`,g=n==null?void 0:n.find(S=>!S.disabled),[k,w]=R({value:i,text:(_==null?void 0:_.text)||m||(g==null?void 0:g.text),icon:u});B(()=>{const S=n==null?void 0:n.find(T=>T.value===i);w(S??{value:(_==null?void 0:_.value)||(m||o?null:g==null?void 0:g.value),text:(_==null?void 0:_.text)||m||(g==null?void 0:g.text),icon:u})},[i,n,m,u,_,o]);const f=S=>{const{options:T,value:P}=S.target;for(const F of T)F.selected&&(w({value:P,text:F.text,icon:u}),l(S))},D=n==null?void 0:n.map(S=>{const{value:T,text:P,disabled:F}=S,se=T===k.value;return e("option",{value:T,selected:se,disabled:F,className:s(["dropin-picker__option"]),children:P},T)}),I=U(null),E=!((y=I.current)!=null&&y.selected)||!!_;return e("div",{className:s([c,"dropin-picker",`dropin-picker__${t}`,["dropin-picker__floating",!!o],["dropin-picker__selected",E],["dropin-picker__error",p],["dropin-picker__disabled",d],["dropin-picker__icon",u]]),children:[u&&e(u.type,{...u.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:b,className:s(["dropin-picker__select",`dropin-picker__select--${r}`,`dropin-picker__select--${t}`,["dropin-picker__select--floating",!!o]]),name:a,"aria-label":a,disabled:d,onChange:f,...h,children:[!_&&(o||m)&&e("option",{value:"",ref:I,className:s(["dropin-picker__option dropin-picker__placeholder"]),children:o??m},i),D]}),e(C,{source:ke,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),o&&E&&e("label",{htmlFor:b,className:s(["dropin-picker__floatingLabel",!!o]),children:o})]})},oe=({className:a,label:i,error:n,hint:r,success:o,size:t="medium",disabled:l=!1,children:d,...p})=>{var u;const m=((u=d==null?void 0:d.props)==null?void 0:u.id)??`dropin-field-${Math.random().toString(36)}`,_=d&&typeof d.type!="string"?d.type:null;return e("div",{...p,className:s(["dropin-field",a]),children:[i&&e("label",{className:s(["dropin-field__label",["dropin-field__label--disabled",l],`dropin-field__label--${t}`]),htmlFor:m,children:i}),e("div",{className:s(["dropin-field__content"]),children:_&&d&&_e(_,{...d.props,id:m,key:d.key,disabled:l,size:t,error:!!n,success:!!o&&!n})}),e("div",{className:s(["dropin-field__hint",[`dropin-field__hint--${t}`,t],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!o&&!n],["dropin-field__hint--disabled",!!l]]),children:n||o||r})]})},cr=({icon:a,className:i,children:n,active:r=!1,disabled:o=!1,...t})=>e("button",{role:"button",disabled:o,...t,className:s(["dropin-action-button",["dropin-action-button--active",r],["dropin-action-button--disabled",o],i]),children:[a&&e(x,{node:a,className:s(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),pr=({className:a,variant:i="primary",activeOption:n,disabled:r=!1,dividers:o=!0,children:t,handleSelect:l,...d})=>{const[p,m]=R(n),_=L(c=>{r||c.props.disabled||(m(c.props.value),l&&l(c.props.value))},[l,m,r]),u=re.map(t,c=>{const h=r||c.props.disabled,b=c.props.value===p;return me(c,{disabled:h,active:b,onClick:()=>_(c),className:s(["dropin-action-button-group__option",`dropin-action-button-group__option--${i}`,["dropin-action-button-group__option--active",b],["dropin-action-button-group__option--with-dividers",o]])})});return e("div",{role:"group",...d,className:s(["dropin-action-button-group",`dropin-action-button-group--${i}`,a]),children:u})},Oe=({variant:a="primary",className:i,children:n,...r})=>e("div",{...r,className:s(["dropin-card",`dropin-card--${a}`,i]),children:e("div",{class:"dropin-card__content",children:n})}),_r=({name:a,value:i,size:n="medium",disabled:r=!1,error:o=!1,label:t="",description:l="",className:d,checked:p,...m})=>{const[_,u]=R(p===void 0?!1:p),c=U(null),h=g=>{var k;(k=m.onChange)==null||k.call(m,g),u(g.currentTarget.checked)},b=g=>{var k;g.key===" "&&(g.preventDefault(),(k=c==null?void 0:c.current)==null||k.click())};return e("label",{className:s(["dropin-checkbox",["dropin-checkbox--disabled",r]]),children:[e("input",{ref:c,name:a,value:i,type:"checkbox",disabled:r,className:s(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",o],d]),...m,onChange:h,checked:_}),e("span",{"aria-checked":_?"true":"false","aria-labelledby":`${a}-label`,"aria-describedby":`${a}-description`,className:s(["dropin-checkbox__box",["dropin-checkbox__box--error",o],["dropin-checkbox__box--disabled",r]]),role:"checkbox",tabIndex:r?-1:0,onKeyDown:b,children:e(C,{className:s(["dropin-checkbox__checkmark"]),source:te,size:"16",stroke:"3"})}),e("div",{id:`${a}-label`,className:s(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",r]]),children:t}),e("div",{}),e("div",{id:`${a}-description`,role:"note",className:s(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",r]]),children:l})]})},mr=({className:a,name:i,value:n,id:r,label:o,groupAriaLabel:t,size:l="medium",color:d,disabled:p=!1,selected:m=!1,outOfStock:_=!1,multi:u=!1,onValue:c,onUpdateError:h,...b})=>{const g=$("Dropin.Swatches.outOfStock.label").label,k=$("Dropin.Swatches.selected.label").label,w=$("Dropin.Swatches.swatch.label").label,f=L(async T=>{if(c)try{await c(T)}catch(P){h&&h(P)}},[c,h]),D=T=>{const P=T.target;f(P.value)},y=d&&(T=>{const P=new Option().style;return P.color=T,P.color!==""})(d)?d:"var(--color-gray-300);",S=()=>_?`${t}: ${o} ${g}`:m?`${t}: ${o} ${k}`:`${t}: ${o} ${w}`;return e("label",{className:s(["dropin-color-swatch__container",`dropin-color-swatch__container--${l}`,a]),children:[e("input",{type:u?"checkbox":"radio",name:i,id:r,value:n,"aria-label":S(),checked:m,disabled:p,onChange:D,...b,className:s(["dropin-color-swatch",["dropin-color-swatch--selected",m],["dropin-color-swatch--disabled",p],a])}),e("span",{style:{"--bg-color":y},className:s(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",_],a])})]})},ur=({className:a,name:i,value:n,label:r,groupAriaLabel:o,id:t,disabled:l=!1,selected:d=!1,outOfStock:p=!1,multi:m=!1,onValue:_,onUpdateError:u,...c})=>{const h=$("Dropin.Swatches.outOfStock.label").label,b=$("Dropin.Swatches.selected.label").label,g=$("Dropin.Swatches.swatch.label").label,[k,w]=R(!1),f=U(null),D=L(async y=>{if(_)try{await _(y)}catch(S){u&&u(S)}},[_,u]),I=y=>{const S=y.target;D(S.value)},E=()=>p?`${o}: ${r} ${h}`:d?`${o}: ${r} ${b}`:`${o}: ${r} ${g}`;return B(()=>{f.current&&f.current.scrollWidth>f.current.clientWidth&&w(!0)},[r]),e("div",{className:"dropin-text-swatch__container",...k?{"data-tooltip":r}:{},children:[e("input",{type:m?"checkbox":"radio",name:i,id:t,value:n,"aria-label":E(),checked:d,disabled:l,onChange:I,...c,className:s(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",l],a])}),e("label",{htmlFor:t,ref:f,className:s(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",p],a]),children:r})]})},Re=({ariaLabel:a,size:i="small",stroke:n="4",children:r,className:o,style:t,...l})=>{const d=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${i}`,`dropin-progress-spinner--shape-stroke-${n}`],p=$({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),m=()=>a||(r?p.updatingChildren:p.updating);return r?e("div",{...l,className:s(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:r}),e("div",{"aria-label":m(),role:"status",className:s(["dropin-progress-spinner-background",o]),style:t}),e("div",{className:s(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...l,className:s([o,...d]),"aria-live":"polite",role:"status","aria-label":m()})},hr=({className:a,name:i,value:n,id:r,label:o,groupAriaLabel:t,src:l,alt:d,disabled:p=!1,selected:m=!1,outOfStock:_=!1,multi:u=!1,onValue:c,onUpdateError:h,...b})=>{const g=$("Dropin.Swatches.outOfStock.label").label,k=$("Dropin.Swatches.selected.label").label,w=$("Dropin.Swatches.swatch.label").label,f=L(async E=>{if(c)try{await c(E)}catch(y){h&&h(y)}},[c,h]),D=E=>{const y=E.target;f(y.value)},I=()=>_?`${t}: ${o} ${g}`:m?`${t}: ${o} ${k}`:`${t}: ${o} ${w}`;return e("label",{className:s(["dropin-image-swatch__container",a]),children:[e("input",{type:u?"checkbox":"radio",name:i,id:r,value:n,"aria-label":I(),checked:m,disabled:p,onChange:D,...b,className:s(["dropin-image-swatch",["dropin-image-swatch--selected",m],["dropin-image-swatch--disabled",p],a])}),e("span",{className:s(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",_],a]),children:e(Le,{src:l,className:s(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:d,loading:"lazy",onError:E=>E.target.style.display="none"})})]})},Ve=({className:a,children:i,title:n,secondaryText:r,actionIconPosition:o="left",iconOpen:t=H,iconClose:l=W,iconLeft:d=H,showIconLeft:p=!1,renderContentWhenClosed:m=!0,onStateChange:_,...u})=>{const[c,h]=R(!1),b=D=>{D.stopImmediatePropagation();const I=!c;h(I),_==null||_(I)},g=$(`Dropin.Accordion.${c?"close":"open"}.label`).label,k=e(C,{source:t,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__open-icon"}),w=e(C,{source:l,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__close-icon"}),f=e(C,{source:d,size:"24"});return e("div",{...u,className:s(["dropin-accordion-section",a]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:b,onKeyPress:b,role:"button","aria-label":`${g} ${n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(c?w:k),p&&f,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[r&&e("h4",{className:"dropin-accordion-section__secondary-text",children:r}),o==="right"&&(c?w:k)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:c?"grid":"none"},children:(c||m&&!c)&&i})]})},br=({className:a,children:i,actionIconPosition:n="left",iconOpen:r=H,iconClose:o=W,...t})=>{const l=e(ae,{variant:"secondary"}),d=p=>e(V,{children:[e(Ve,{...p.props,actionIconPosition:n,iconOpen:r,iconClose:o}),l]});return e("div",{...t,className:s(["dropin-accordion",a]),children:[l,...(Array.isArray(i)?i:[i]).map(d)]})},gr=({variant:a="primary",className:i,type:n="warning",additionalActions:r,onDismiss:o,heading:t,description:l,icon:d,itemList:p,actionButtonPosition:m,..._})=>{var c,h,b;const u=$({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{..._,className:s(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${a}`,i]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[d&&e(x,{node:d,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:t})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[r&&(m==="top"||!m&&r.length<=1)&&e(O,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:r.length>0?(c=r[0])==null?void 0:c.onClick:void 0,"aria-label":(h=r[0])==null?void 0:h.label,children:(b=r[0])==null?void 0:b.label}),o&&e(O,{icon:e(C,{source:K,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:o,"aria-label":u.dismiss})]})]}),l&&e("p",{className:"dropin-in-line-alert__description",children:l}),e("div",{className:"dropin-in-line-alert__item-list-container",children:p&&e(x,{node:p,className:s(["dropin-in-line-alert__item-list"])})}),r&&(m==="bottom"||!m&&r.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:r.map(g=>e(O,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:g.onClick,children:g.label},g.label))})]})},vr=({size:a="small",title:i=null,centered:n=!1,backgroundDim:r=!0,clickToDismiss:o=!0,escapeToDismiss:t=!0,onClose:l,showCloseButton:d=!0,className:p,children:m=null,..._})=>{const u=L(()=>{l==null||l()},[l]),c=$({modalCloseLabel:"Dropin.Modal.Close.label"});return B(()=>{const h=b=>{const g=document.querySelector(".dropin-modal"),k=document.querySelector(".dropin-modal__body");o&&g&&k&&!k.contains(b.target)&&u()};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[u,o]),B(()=>{const h=b=>{b.key==="Escape"&&t&&u()};return document.addEventListener("keydown",h),()=>{document.removeEventListener("keydown",h)}},[u,t]),B(()=>{const h=document.scrollingElement,b=h.style.overflow;return h.style.overflow="hidden",()=>{h.style.overflow=b}},[]),e("div",{className:s(["dropin-modal",["dropin-modal--dim",r]]),children:e("div",{..._,className:s(["dropin-modal__body",[`dropin-modal__body--${a}`,a],p]),children:[e("div",{className:s(["dropin-modal__header",["dropin-modal__header-title",!!i]]),children:[i&&e("div",{className:s(["dropin-modal__header-title-content"]),children:i}),d&&e(O,{"aria-label":c.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:u,icon:e(K,{})})]}),e("div",{className:s(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:m})]})})},Nr=({className:a,children:i,ariaLabel:n,image:r,title:o,price:t,taxIncluded:l=!1,taxExcluded:d=!1,total:p,totalExcludingTax:m,sku:_,configurations:u,warning:c,alert:h,quantity:b,description:g,loading:k=!1,updating:w=!1,onQuantity:f,onRemove:D,...I})=>{var S,T;const{locale:E}=ue(ne),y=$({each:"Dropin.CartItem.each.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});return k?e(Fe,{}):e("div",{...I,className:s(["dropin-cart-item",["dropin-cart-item--updating",w],a]),children:[w&&e(Re,{className:s(["dropin-cart-item__spinner"]),ariaLabel:n?(S=y.updating)==null?void 0:S.replace("{product}",n):y.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[r&&e(x,{node:r,className:s(["dropin-cart-item__image"])}),o&&e(x,{node:o,className:s(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!f||!!D]])}),g&&e(x,{node:g,className:s(["dropin-cart-item__description"])}),_&&e(x,{node:_,className:s(["dropin-cart-item__sku"])}),u&&e("ul",{className:s(["dropin-cart-item__configurations"]),children:Object.entries(u).map(([P,F])=>e("li",{className:s(["dropin-cart-item__configurations__item"]),children:[P,":"," ",e("strong",{className:s(["dropin-cart-item__configurations__item__value"]),children:F})]},P))}),t&&e("span",{className:s(["dropin-cart-item__price"]),children:[b&&!f&&e("span",{className:"dropin-cart-item__price__quantity",children:[b.toLocaleString(E)," x"," "]}),e(x,{node:t,role:"text"}),b&&b>1&&e(V,{children:[" ",y.each]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",y.taxIncluded]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",y.taxExcluded]})]}),e("div",{className:s(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!f]]),children:[f?e(Pe,{className:s(["dropin-cart-item__quantity__incrementer"]),value:b,min:1,onValue:P=>f==null?void 0:f(Number(P)),name:"quantity","aria-label":y.quantity,disabled:w}):b&&e("span",{className:s(["dropin-cart-item__quantity__value"]),children:[y.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(b).toLocaleString(E)})]}),c&&e(x,{node:c,className:s(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),h&&e(x,{node:h,className:s(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),c&&e(x,{node:c,className:s(["dropin-cart-item__warning"])}),h&&e(x,{node:h,className:s(["dropin-cart-item__alert"])}),e("div",{className:s(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!D]]),children:[p&&e("div",{className:"dropin-cart-item__row-total",children:e(x,{node:p,role:"text"})}),l&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:s(["dropin-cart-item__total-tax-message"]),children:y.taxIncluded})}),d&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:s(["dropin-cart-item__total-tax-excluded-message"]),children:[m&&e(x,{node:m,role:"text"})," ",y.taxExcluded]})})]})]}),D&&e(O,{"data-testid":"cart-item-remove-button",className:s(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>D==null?void 0:D(),icon:e(C,{"data-testid":"cart-item-remove-icon",source:ye,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(T=y.remove)==null?void 0:T.replace("{product}",n):y.removeDefault}),disabled:w})]})},Fe=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(De,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(q,{className:"dropin-cart-item__skeleton__item"})})]})}),fr=({className:a,children:i,...n})=>e("div",{...n,className:s(["dropin-cart-list",a]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:re.map(i,(r,o)=>e("div",{className:"dropin-cart-list__item",children:r},o))})}),wr=({className:a,children:i,locale:n,currency:r,amount:o,variant:t="default",minimumAmount:l,maximumAmount:d,size:p="small",display:m="dash",specialPrice:_,sale:u=!1,...c})=>{const h=M(()=>o||l===d||l&&!d||d&&!l,[o,d,l]);return e("div",{children:h?e("div",{...c,className:s(["dropin-price-range",a]),children:e(A,{amount:o??l??d,currency:r,locale:n,size:p,variant:t,sale:u})}):e("div",{...c,className:s(["dropin-price-range",a]),children:[m==="dash"?e(qe,{specialPrice:_,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:p,sale:u}):null,m==="from to"?e(Be,{specialPrice:_,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:p,sale:u}):null,m==="as low as"?e(Me,{specialPrice:_,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:p,sale:u}):null]})})};function qe({specialPrice:a,minimumAmount:i,maximumAmount:n,currency:r,locale:o,size:t,sale:l}){return e(V,{children:[e(A,{amount:a??i,currency:r,locale:o,size:t,sale:!!a&&l}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(A,{amount:n,currency:r,locale:o,size:t})]})}function Be({specialPrice:a,minimumAmount:i,maximumAmount:n,currency:r,locale:o,size:t,sale:l}){const d=$({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:s(["dropin-price-range__from",`dropin-price-range__from--${t}`]),children:d.from}),e(A,{amount:a??i,currency:r,locale:o,size:t,sale:!!a&&l}),e("span",{className:s(["dropin-price-range__to",`dropin-price-range__to--${t}`]),children:d.to}),e(A,{amount:n,currency:r,locale:o,size:t})]})}function Me({specialPrice:a,minimumAmount:i,maximumAmount:n,currency:r,locale:o,size:t,sale:l}){const d=$({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:s(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${t}`]),children:d.asLowAs}),a?e("div",{children:[e(A,{amount:n,currency:r,locale:o,size:t,variant:"strikethrough"}),e(A,{amount:a,currency:r,locale:o,size:t,className:"dropin-price-range__special",sale:!!a&&l})]}):e(A,{amount:i,currency:r,locale:o,size:t})]})}const kr=({className:a,categories:i,separator:n,...r})=>e(V,{children:(i==null?void 0:i.length)>1&&e("nav",{role:"navigation",...r,className:s(["dropin-breadcrumbs__container",a]),children:e("ul",{className:"dropin-breadcrumbs__items",children:i==null?void 0:i.map((o,t)=>e("li",{className:s(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",t===i.length-1]]),children:[e(x,{node:o,className:"dropin-breadcrumbs__link"}),!n&&t!==i.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&t!==i.length-1&&e(x,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},t))})})}),yr=({className:a,variant:i,icon:n,message:r,onDismiss:o,action:t,...l})=>{const d=$({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...l,className:s([a,"dropin-alert-banner",`dropin-alert-banner--${i}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(x,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(x,{node:r,className:s(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[t&&e(O,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:t.onClick,"aria-label":t.label,children:t.label}),e(O,{icon:e(C,{source:K,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:o,"aria-label":d.dismiss})]})]})},xr=({className:a,icon:i,heading:n,headingLevel:r=2,message:o,action:t,variant:l="secondary",...d})=>{const p=r>=1&&r<=6?`h${r}`:"h2";return e("div",{...d,className:s(["dropin-illustrated-message",a]),children:e(Oe,{variant:l,children:[i&&e(x,{node:i,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(p,{className:"dropin-illustrated-message__heading",children:n}),o&&e(x,{node:o,className:"dropin-illustrated-message__message"}),t&&e(x,{node:t,className:"dropin-illustrated-message__action"})]})})},Er=({className:a,label:i,name:n,value:r,selected:o=!0,onChange:t,icon:l,busy:d=!1,children:p,...m})=>e("div",{...m,className:s(["dropin-toggle-button",a,["dropin-toggle-button__selected",o]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(Ae,{label:"",name:n,value:r,checked:o,onChange:()=>t&&t(r),"aria-label":i,busy:d,className:s([a,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[l&&e(l.type,{...l==null?void 0:l.props,className:"dropin-toggle-button__icon"}),i]})]})}),Dr=({title:a=null,size:i="medium",cta:n,divider:r=!0,className:o,...t})=>a?e("div",{...t,className:s(["dropin-header-container",o]),"data-testid":"dropin-header-container",children:[e("span",{className:s(["dropin-header-container__title",["dropin-header-container__title--medium",i==="medium"],["dropin-header-container__title--large",i==="large"]]),children:a}),n?e(x,{node:n,className:"dropin-header-container__actions"}):null,r?e(ae,{className:s(["dropin-header-container__divider",["dropin-header-container__divider--medium",i==="medium"],["dropin-header-container__divider--large",i==="large"]])}):null]}):null,Ir=({label:a,className:i,...n})=>a?e("div",{...n,className:s(["dropin-tag-container",i]),"data-testid":"dropin-tag-container",children:e("span",{className:"dropin-tag-container__label",children:a})}):null;export{br as Accordion,Ve as AccordionSection,cr as ActionButton,pr as ActionButtonGroup,yr as AlertBanner,kr as Breadcrumbs,O as Button,Oe as Card,Nr as CartItem,Fe as CartItemSkeleton,fr as CartList,_r as Checkbox,mr as ColorSwatch,ae as Divider,oe as Field,Dr as Header,C as Icon,xr as IllustratedMessage,Le as Image,hr as ImageSwatch,gr as InLineAlert,Pe as Incrementer,ie as Input,or as InputDate,sr as InputPassword,vr as Modal,dr as Picker,A as Price,wr as PriceRange,Re as ProgressSpinner,Ae as RadioButton,De as Skeleton,q as SkeletonRow,Ir as Tag,lr as TextArea,ur as TextSwatch,Er as ToggleButton,ne as UIContext,Ie as UIProvider,ar as provider};
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name": "@dropins/tools", "version": "0.28.2"}
1
+ {"name": "@dropins/tools", "version": "0.29.0-beta1"}
package/types/elsie/src/components/CartItem/CartItem.d.ts CHANGED
@@ -3,14 +3,14 @@ import { HTMLAttributes } from 'preact/compat';
3
3
 
4
4
  export interface CartItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'loading'> {
5
5
  ariaLabel?: string;
6
- image: VNode;
7
- title: VNode;
8
- price: VNode;
6
+ image?: VNode;
7
+ title?: VNode;
8
+ price?: VNode;
9
9
  taxIncluded?: boolean;
10
10
  taxExcluded?: boolean;
11
- total: VNode;
11
+ total?: VNode;
12
12
  totalExcludingTax?: VNode;
13
- sku: VNode;
13
+ sku?: VNode;
14
14
  quantity?: number;
15
15
  description?: VNode;
16
16
  configurations?: {
package/types/elsie/src/icons/index.d.ts CHANGED
@@ -35,4 +35,6 @@ export { default as Trash } from './Trash.svg';
35
35
  export { default as Eye } from './Eye.svg';
36
36
  export { default as EyeClose } from './EyeClose.svg';
37
37
  export { default as Date } from './Date.svg';
38
+ export { default as AddressBook } from './AddressBook.svg';
39
+ export { default as EmptyBox } from './EmptyBox.svg';
38
40
  //# sourceMappingURL=index.d.ts.map