npm - @dropins/tools - Versions diffs - 1.4.0-beta2 → 1.4.0-beta4 - Mend

@dropins/tools 1.4.0-beta2 → 1.4.0-beta4

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 (17) hide show

package/chunks/initializer.js +1 -1
package/chunks/initializer.js.map +1 -1
package/chunks/locale-config.js +4 -0
package/chunks/locale-config.js.map +1 -0
package/components.js +1 -1
package/components.js.map +1 -1
package/event-bus.js +1 -1
package/event-bus.js.map +1 -1
package/initializer.js +1 -1
package/lib.js +1 -1
package/lib.js.map +1 -1
package/package.json +1 -1
package/types/elsie/src/components/Price/Price.d.ts +1 -1
package/types/elsie/src/lib/index.d.ts +1 -0
package/types/elsie/src/lib/initializer.d.ts +6 -0
package/types/elsie/src/lib/locale-config.d.ts +10 -0
package/types/event-bus/src/index.d.ts +15 -2

package/chunks/initializer.js CHANGED Viewed

@@ -3,5 +3,5 @@ All Rights Reserved. */
 (function(a,e){try{if(typeof document<"u"){const o=e.styleId;if(document.querySelector(`style[data-dropin="${o}"]`))return;const r=document.createElement("style");for(const i in e.attributes)r.setAttribute(i,e.attributes[i]);r.setAttribute("data-dropin",o),r.appendChild(document.createTextNode(a));const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(r):document.head.append(r)}}catch(o){console.error("sdk-styles (injectCodeFunction)",o)}})(`.dropin-debugger--show-slots [data-slot-key]{outline:1px dashed var(--color-neutral-600);border-radius:4px}.dropin-debugger--show-slots [data-slot-key]:before{content:attr(data-slot-key);font:var(--type-details-caption-1-font);color:var(--color-informational-800);background-color:var(--color-informational-200);font-size:.75rem;border-radius:4px 4px 0 0;padding:.2rem .4rem;font-weight:600;position:absolute;z-index:2}.dropin-debugger--show-slots [data-slot]{outline:2px dashed var(--color-informational-800);outline-offset:3px;border-radius:4px;min-height:2rem}.dropin-debugger--show-slots [data-slot]:before{font:var(--type-details-caption-1-font);content:attr(data-slot);color:var(--color-informational-200);background-color:var(--color-informational-800);font-size:.75rem;border-radius:4px 4px 0 0;padding:.2rem .4rem;font-weight:600;position:absolute;transform:translateY(-26px);z-index:2}
 .dropin-skeleton{--row-gap-spacing: var(--spacing-medium);display:grid;grid-template-columns:1fr 1fr;gap:var(--row-gap-spacing)}.dropin-skeleton .dropin-skeleton--row__content{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:skeletonShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-skeleton__empty{background:none}.dropin-skeleton-row--multiline{--multiline-gap-spacing: var(--spacing-medium);display:grid;grid-auto-rows:max-content;gap:var(--multiline-gap-spacing)}.dropin-skeleton-row--full{grid-column:1 / -1}.dropin-skeleton-row svg{fill:var(--color-neutral-400);fill-opacity:.5;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear}.dropin-skeleton-row__row-xsmall{height:32px}.dropin-skeleton-row__row-small{height:40px}.dropin-skeleton-row__row-medium{height:48px}.dropin-skeleton-row__row-large{height:56px}.dropin-skeleton-row__row-xlarge{height:72px}.dropin-skeleton-row__heading-xsmall{height:20px}.dropin-skeleton-row__heading-small{height:24px}.dropin-skeleton-row__heading-medium{height:32px}.dropin-skeleton-row__heading-large{height:40px}.dropin-skeleton-row__heading-xlarge{height:48px}@keyframes skeletonShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes placeholderShimmer{0%{fill-opacity:.5}50%{fill-opacity:1}to{fill-opacity:.5}}@media only screen and (max-width: 600px){.dropin-skeleton{grid-template-columns:1fr}}.dropin-icon--shape-stroke-1{stroke-width:var(--shape-icon-stroke-1)}.dropin-icon--shape-stroke-2{stroke-width:var(--shape-icon-stroke-2)}.dropin-icon--shape-stroke-3{stroke-width:var(--shape-icon-stroke-3)}.dropin-icon--shape-stroke-4{stroke-width:var(--shape-icon-stroke-4)}.dropin-incrementer__content{border-radius:var(--shape-border-radius-1);border:solid var(--shape-border-width-1) var(--color-neutral-600);display:grid;grid-template-columns:var(--spacing-xxbig) auto var(--spacing-xxbig);height:var(--spacing-xbig);opacity:1}.dropin-incrementer__content--disabled{background:var(--color-neutral-300);border-radius:var(--shape-border-radius-1);border:solid var(--shape-border-width-1) var(--color-neutral-500)}.dropin-incrementer__content--large{height:var(--spacing-xxbig)}.dropin-incrementer__content:hover{border:solid var(--shape-border-width-1) var(--color-neutral-700)}.dropin-incrementer__content:active{border:solid var(--shape-border-width-1) var(--color-neutral-800)}.dropin-incrementer__content--error:hover,.dropin-incrementer__content--error{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-incrementer__content--error-message{color:var(--color-alert-800);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.dropin-incrementer__footer{font:var(--type-details-caption-2-font)}.dropin-incrementer__decrease-button>svg,.dropin-incrementer__increase-button>svg{align-items:center;justify-content:center}.dropin-incrementer__button-container{align-items:center;border-radius:var(--shape-border-radius-1);display:grid;justify-content:center;background:var(--color-neutral-50)}.dropin-incrementer__button-container--disabled{background-color:var(--color-neutral-300)}.dropin-incrementer__decrease-button,.dropin-incrementer__increase-button{align-items:center;background-color:var(--color-neutral-50);border-radius:var(--shape-border-radius-3);border:none;display:grid;height:var(--spacing-medium);width:var(--spacing-medium)}.dropin-incrementer__decrease-button:enabled,.dropin-incrementer__increase-button:enabled{cursor:pointer}.dropin-incrementer__decrease-button--disabled,.dropin-incrementer__increase-button--disabled{background-color:var(--color-neutral-300)}.dropin-incrementer__increase-button:focus-visible,.dropin-incrementer__decrease-button:focus-visible{outline:var(--shape-border-width-1) solid var(--color-brand-500);box-shadow:0 0 0 var(--shape-border-radius-1) var(--color-neutral-500)}.dropin-incrementer__decrease-button:focus:not(:focus-visible),.dropin-incrementer__increase-button:focus:not(:focus-visible){background-color:var(--color-neutral-50)}.dropin-incrementer__decrease-button:hover:enabled,.dropin-incrementer__increase-button:hover:enabled,.dropin-incrementer__decrease-button:focus,.dropin-incrementer__increase-button:focus{background:var(--color-neutral-300)}.dropin-incrementer__input{box-sizing:border-box;text-align:center;min-width:var(--spacing-xxbig)}.dropin-incrementer__input:disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-incrementer__input::-webkit-outer-spin-button,.dropin-incrementer__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dropin-incrementer__input:focus-within{border:none;box-sizing:border-box;text-align:center}.dropin-incrementer__input:focus-within[type=number]{box-shadow:none}.dropin-incrementer__input[type=number]{-moz-appearance:textfield;box-shadow:none;border:none}textarea:focus,input:focus{outline:none}.dropin-input{background-color:transparent;border-color:var(--color-neutral-600);border-radius:var(--shape-border-radius-1);border-style:inset solid;color:var(--color-neutral-800);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;z-index:1}.dropin-input[type=number],.dropin-input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.dropin-input:focus{outline:none;box-shadow:none}.dropin-input:disabled{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-color:var(--color-neutral-500);background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-input::placeholder,.dropin-input::-webkit-input-placeholder,.dropin-input::-ms-input-placeholder{color:var(--color-neutral-700);opacity:1}.dropin-input:disabled::-webkit-input-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled:-moz-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled::-moz-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled:-ms-input-placeholder{color:var(--color-neutral-500)}.dropin-input-container{--icon-size: var(--spacing-small);display:flex;align-items:center;position:relative}.dropin-input-label-container{position:relative;display:flex;flex-grow:1;flex-direction:column}.dropin-input--primary{border:var(--shape-border-width-1) solid var(--color-neutral-600)}.dropin-input--primary:focus{border-color:var(--color-neutral-800);border-radius:var(--shape-border-radius-1)}div.dropin-input-container--primary .dropin-input--disabled{border:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-input-container--primary .dropin-input--error{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-input-container--primary .dropin-input--success{border:var(--shape-border-width-2) solid var(--color-positive-500)}.dropin-input--secondary{border:0;border-radius:0;border-top:var(--shape-border-width-1) solid transparent;border-bottom:var(--shape-border-width-1) solid var(--color-neutral-600)}.dropin-input--secondary:focus{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-bottom-color:var(--color-neutral-800)}div.dropin-input-container--secondary .dropin-input--disabled{border:0;border-radius:0;border-bottom:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-input-container--secondary .dropin-input--error{border:0;border-radius:0;border-bottom:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-input-container--secondary .dropin-input--success{border:0;border-radius:0;border-bottom:var(--shape-border-width-2) solid var(--color-positive-500)}.dropin-input--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);padding:9px var(--spacing-small)}.dropin-input--medium~label{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-input--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);padding:11px var(--spacing-small)}.dropin-input--large~label{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-input__label--floating{cursor:text;color:var(--color-neutral-700);padding-left:var(--spacing-small);position:absolute;pointer-events:none;transform:translateY(-50%);top:50%;transition:top 50ms ease-in,left 50ms ease-in,font-size 50ms ease-in;z-index:1}.dropin-input__label--floating,.dropin-input--floating{transition:all .2s;touch-action:manipulation}.dropin-input--medium.dropin-input--floating{padding-top:17px;padding-bottom:17px}.dropin-input--medium.dropin-input--floating:focus,.dropin-input--medium.dropin-input--floating:not(:placeholder-shown){padding-top:26px}.dropin-input--large.dropin-input--floating{padding-top:15px;padding-bottom:15px}.dropin-input--large.dropin-input--floating:focus,.dropin-input--large.dropin-input--floating:not(:placeholder-shown){padding-top:22px}.dropin-input--floating:focus,.dropin-input--floating:not(:placeholder-shown){padding-bottom:calc(var(--spacing-small) - var(--spacing-xsmall))}.dropin-input__label--floating--icon-left{padding-left:calc(var(--icon-size) + (var(--spacing-small) * 2))}.dropin-input--floating:-webkit-autofill~.dropin-input__label--floating,.dropin-input-container--floating:focus-within .dropin-input__label--floating{color:var(--color-neutral-800);transform:translate(.1em,-1.5em);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-input--floating:not(:placeholder-shown)~.dropin-input__label--floating{transform:translate(.1em,-1.5em);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-input-container--disabled .dropin-icon,.dropin-input-container--disabled .dropin-input__label--floating{color:var(--color-neutral-500)}.dropin-input--floating::-webkit-input-placeholder,.dropin-input--floating::placeholder{opacity:0;transition:inherit}.dropin-input--floating:focus::-webkit-input-placeholder,.dropin-input--floating:focus::placeholder{opacity:1}.dropin-input__label--floating--error{color:var(--color-alert-500)}.dropin-input--icon-right,.dropin-input--icon-left{--icon-space: calc(var(--icon-size) + (var(--spacing-small) * 2))}.dropin-input--icon-right{padding-right:var(--icon-space)}.dropin-input--icon-left{padding-left:var(--icon-space)}.dropin-input__field-icon--left,.dropin-input__field-icon--right{position:absolute;z-index:2}.dropin-input__field-icon--left{left:var(--spacing-small)}.dropin-input__field-icon--right{right:var(--spacing-small)}.dropin-input__field-icon--error,.dropin-input__field-icon--success{color:var(--color-neutral-100);height:var(--icon-size);width:var(--icon-size)}.dropin-input__field-icon--success{color:var(--color-positive-500)}.dropin-input__field-icon--error{color:var(--color-alert-500)}.dropin-input-date{position:relative;width:100%}.dropin-input-date__input{max-height:56px;z-index:1}.dropin-input-date input[type=date]{height:56px;max-height:56px;text-align:left}.dropin-input-date input[type=date]::-webkit-date-and-time-value{text-align:left}.dropin-input-date__input--ios{z-index:-1;opacity:0;position:absolute}.dropin-input-date__icon{cursor:pointer;background-color:var(--color-neutral-50);position:absolute;top:var(--spacing-small);right:var(--spacing-small);border:0 none;padding:1px;z-index:2}.dropin-input-date__icon svg{color:var(--color-neutral-800)}.dropin-input-date svg.dropin-input--warning-icon{position:absolute;top:55%;left:0;transform:translate(-200%,-50%)}.dropin-password-status-indicator__item{display:grid;grid-template-columns:20px auto;align-items:center;justify-content:left;gap:0 8px;font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-password-status-indicator__item--pending{color:var(--color-neutral-700, #666)}.dropin-password-status-indicator__item--success{color:var(--color-positive-800, #53824c)}.dropin-password-status-indicator__item--error{color:var(--color-alert-800, #bf4545)}.dropin-input-password{position:relative}.dropin-input-password>div:first-child{margin-bottom:var(--spacing-small)}.dropin-input-password .dropin-input-password__eye-icon{position:absolute;padding:0;height:24px;top:17px;right:17px;cursor:pointer;z-index:2}.dropin-input-password--error .dropin-input-password__eye-icon{right:var(--spacing-xbig);transition:all .3s ease-in-out}.dropin-textarea-container{position:relative}.dropin-textarea.dropin-textarea--error{border:var(--shape-border-width-1) solid var(--color-alert-800)}.dropin-textarea.dropin-textarea--error .dropin-textarea__label--floating{color:var(--color-alert-800)}.dropin-textarea__label--floating{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700);position:absolute;top:18px;left:17px;transition:all .2s}.dropin-textarea{margin:0;padding:0;border:none;outline:none;resize:none;box-shadow:none;font:inherit;color:inherit;background:none;overflow:hidden;width:100%}.dropin-textarea{border:1px solid var(--color-neutral-500);box-sizing:border-box}.dropin-textarea{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-800, #3d3d3d);min-height:200px;padding:var(--spacing-big) var(--spacing-small);border-radius:var(--shape-border-radius-1);transition:border-color .2s;scrollbar-color:var(--color-neutral-500) transparent;scrollbar-width:thin;overflow-y:hidden}.dropin-textarea::-webkit-scrollbar{width:12px;background-color:transparent}.dropin-textarea:disabled{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-color:var(--color-neutral-500);background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-textarea:disabled::-webkit-input-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled:-moz-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled::-moz-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled:-ms-input-placeholder{color:var(--color-neutral-500)}.dropin-textarea::placeholder{color:var(--color-neutral-700);opacity:0;transition:color .2s,opacity .2s}.dropin-textarea:focus{border-color:var(--color-neutral-800, #3d3d3d);border-radius:var(--shape-border-radius-1)}.dropin-textarea:focus::placeholder{color:var(--color-neutral-700);opacity:.8}.dropin-textarea:not(:placeholder-shown)+.dropin-textarea__label--floating,.dropin-textarea:focus+.dropin-textarea__label--floating{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-700, #666666);transition:all .2s;touch-action:manipulation;top:1px;left:1px;width:99%;background-color:var(--color-neutral-50);border-radius:var(--shape-border-radius-1);height:30px;padding:12px 16px 0;box-sizing:border-box}.dropin-textarea:focus+.dropin-textarea__label--floating{color:var(--color-neutral-800)}.dropin-textarea:focus-visible{outline:none}.dropin-textarea__label--floating--error{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-alert-800);padding-top:var(--spacing-xsmall)}.dropin-divider{border:none}.dropin-divider--primary{border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin:var(--spacing-xbig) auto}.dropin-divider--secondary{border-top:var(--shape-border-width-2) solid var(--color-neutral-400);margin:var(--spacing-medium) auto}.dropin-price{color:inherit}.dropin-price--small{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-price--medium{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-price--large{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.dropin-price--strikethrough{text-decoration:line-through}.dropin-price--sale{color:var(--color-alert-800)}.dropin-price--bold{font-weight:700}.dropin-price--normal{font-weight:400}.dropin-radio-button{display:block;position:relative}.dropin-radio-button__input{position:fixed;opacity:0;pointer-events:none;margin:0}.dropin-radio-button__label{color:var(--color-neutral-800);position:relative;display:flex;flex-direction:row;align-items:center;cursor:pointer;width:fit-content}.dropin-radio-button__label:before{content:" ";display:inline-block;position:relative;width:16px;height:16px;border-radius:var(--shape-border-radius-3);background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-600);margin-right:var(--spacing-small);vertical-align:middle}.dropin-radio-button__label:hover:before{border:var(--shape-border-width-1) solid var(--color-neutral-700)}.dropin-radio-button__input:checked+.dropin-radio-button__label:after{content:" ";display:block;position:absolute;width:8px;height:8px;border-radius:var(--shape-border-radius-3);margin-left:calc(var(--spacing-xxsmall) + var(--shape-border-width-1));background:var(--color-brand-500);accent-color:var(--color-brand-500)}.dropin-radio-button__input:focus-visible+.dropin-radio-button__label:before{border:var(--shape-border-width-1) solid var(--color-neutral-800);box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400)}.dropin-radio-button__description{clear:both;color:var(--color-neutral-700);margin-left:calc(var(--spacing-big) + var(--shape-border-width-3));margin-top:var(--spacing-xxsmall)}.dropin-radio-button__description:empty{display:none}.dropin-radio-button__label--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-radio-button__label--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-radio-button__description--medium{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-radio-button__description--large{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-radio-button__input--disabled,.dropin-radio-button__label--disabled,.dropin-radio-button__description--disabled{color:var(--color-neutral-500);cursor:default}div.dropin-radio-button__label--disabled:before{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);background-color:var(--color-neutral-300)}.dropin-radio-button__label--error:before{box-shadow:0 0 0 var(--shape-border-width-2) var(--color-alert-500);background:var(--color-neutral-50) 0 0% no-repeat padding-box}.dropin-radio-button__input--error:checked+.dropin-radio-button__label--error:after{background:var(--color-alert-500)}.dropin-button,.dropin-iconButton{border:0 none;cursor:pointer;white-space:normal}.dropin-button{border-radius:var(--shape-border-radius-3);font-size:var(--type-button-1-font);font-weight:var(--type-button-1-font);padding:var(--spacing-xsmall) var(--spacing-medium);display:flex;justify-content:center;align-items:center;text-align:left;word-wrap:break-word}.dropin-iconButton{height:var(--spacing-xbig);width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button:disabled,.dropin-iconButton:disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button:not(:disabled),.dropin-iconButton:not(:disabled){cursor:pointer}.dropin-button:focus,.dropin-iconButton:focus{outline:none}.dropin-button:focus-visible,.dropin-iconButton:focus-visible{outline:var(--spacing-xxsmall) solid var(--color-button-focus)}button.dropin-button.dropin-button--primary,a.dropin-button.dropin-button--primary,.dropin-iconButton--primary{border:none;background:var(--color-brand-500) 0 0% no-repeat padding-box;color:var(--color-neutral-50);text-align:left;margin-right:0}.dropin-iconButton--primary{border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall)}button.dropin-button.dropin-button--primary--disabled,a.dropin-button.dropin-button--primary--disabled,.dropin-iconButton--primary--disabled{background:var(--color-neutral-300) 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none}button.dropin-button.dropin-button--primary:hover,a.dropin-button.dropin-button--primary:hover,.dropin-iconButton--primary:hover,button.dropin-button.dropin-button--primary:focus:hover,.dropin-iconButton--primary:focus:hover{background-color:var(--color-button-hover);text-decoration:none}button.dropin-button.dropin-button--primary:focus,.dropin-iconButton--primary:focus{background-color:var(--color-brand-500)}button.dropin-button.dropin-button--primary:hover:active,.dropin-iconButton--primary:hover:active{background-color:var(--color-button-active)}.dropin-button--secondary,a.dropin-button--secondary,.dropin-iconButton--secondary{border:var(--shape-border-width-2) solid var(--color-brand-500);background:none 0 0% no-repeat padding-box;color:var(--color-brand-500);padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));padding-left:calc(var(--spacing-medium) - var(--shape-border-width-2))}.dropin-iconButton--secondary{border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall);padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));padding-left:calc(var(--spacing-xsmall) - var(--shape-border-width-2))}.dropin-button--secondary--disabled,a.dropin-button--secondary--disabled,.dropin-iconButton--secondary--disabled{border:var(--shape-border-width-2) solid var(--color-neutral-300);background:none 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--secondary:hover,a.dropin-button--secondary:hover,.dropin-iconButton--secondary:hover{border:var(--shape-border-width-2) solid var(--color-button-hover);color:var(--color-button-hover);text-decoration:none}.dropin-button--secondary:active,.dropin-iconButton--secondary:active{border:var(--shape-border-width-2) solid var(--color-button-active);color:var(--color-button-active)}.dropin-button--tertiary,a.dropin-button--tertiary,.dropin-iconButton--tertiary{border:none;background:none 0 0% no-repeat padding-box;color:var(--color-brand-500)}.dropin-iconButton--tertiary{border:none;border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button--tertiary--disabled,a.dropin-button--tertiary--disabled,.dropin-iconButton--tertiary--disabled{border:none;color:var(--color-neutral-500);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--tertiary:hover,a.dropin-button--tertiary:hover,.dropin-iconButton--tertiary:hover{color:var(--color-button-hover);text-decoration:none}.dropin-button--tertiary:active,.dropin-iconButton--tertiary:active{color:var(--color-button-active)}.dropin-button--tertiary:focus-visible,.dropin-iconButton--tertiary:focus-visible{-webkit-box-shadow:inset 0 0 0 2px var(--color-neutral-800);-moz-box-shadow:inset 0 0 0 2px var(--color-neutral-800);box-shadow:inset 0 0 0 2px var(--color-neutral-800)}.dropin-button--large{font:var(--type-button-1-font);letter-spacing:var(--type-button-1-letter-spacing)}.dropin-button--medium{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.dropin-button-icon{height:24px}.dropin-button--with-icon{column-gap:var(--spacing-xsmall);row-gap:var(--spacing-xsmall)}.dropin-picker{position:relative;display:flex;flex-direction:row;background-color:var(--color-neutral-50);justify-content:space-between;align-items:center;cursor:pointer;gap:var(--spacing-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropin-picker select{background-color:transparent;border:var(--shape-border-width-1) solid var(--color-neutral-600);border-radius:var(--shape-border-radius-1);color:var(--color-neutral-700);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;flex:1;cursor:pointer;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropin-picker__select:focus{outline:none;border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-picker__medium .dropin-picker__select--primary,.dropin-picker__medium .dropin-picker__select--secondary{padding:9px var(--spacing-xxbig) 9px var(--spacing-small)}.dropin-picker__large .dropin-picker__select--primary,.dropin-picker__large .dropin-picker__select--secondary{padding:11px var(--spacing-xxbig) 11px var(--spacing-small)}.dropin-picker__select--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-picker__select--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-picker__chevronDown{z-index:1;position:absolute;color:var(--color-neutral-700);right:var(--spacing-small);display:block;pointer-events:none;padding:0;height:var(--icon-size);width:var(--icon-size)}.dropin-picker__floatingLabel{position:absolute;pointer-events:none;left:var(--spacing-small);color:var(--color-neutral-700);touch-action:manipulation;transform:translateY(-50%);transition:top 20ms ease-in,font-size 50ms ease-in}.dropin-picker__select--floating:focus~label{transition:all 40ms}.dropin-picker__selected select{color:var(--color-neutral-800)}.dropin-picker__selected label{top:30%}.dropin-picker__medium.dropin-picker__floating.dropin-picker__selected label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-picker__large.dropin-picker__floating.dropin-picker__selected label{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-picker__medium.dropin-picker__floating select{padding:17px var(--spacing-small)}.dropin-picker__large.dropin-picker__floating select{padding:15px var(--spacing-small)}.dropin-picker__large.dropin-picker__floating.dropin-picker__selected select{padding:25px var(--spacing-xxbig) 5px var(--spacing-small)}.dropin-picker__medium.dropin-picker__floating.dropin-picker__selected select{padding:27px var(--spacing-xxbig) 7px var(--spacing-small)}select::-ms-expand{display:none}.dropin-picker__disabled select.dropin-picker__select{background-color:var(--color-neutral-300);border:var(--shape-border-width-1) solid var(--color-neutral-500);color:var(--color-neutral-500);cursor:not-allowed}.dropin-picker__disabled svg.dropin-picker__chevronDown{color:var(--color-neutral-500)}.dropin-picker__error select{border:var(--shape-border-width-2) solid var(--color-alert-500);color:var(--color-alert-500)}.dropin-picker__error .dropin-picker__select:focus{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-picker__error .dropin-picker__chevronDown,.dropin-picker__error label{color:var(--color-alert-500)}.dropin-picker select.dropin-picker__select--secondary{border-top:var(--shape-border-width-1) solid transparent;border-left:0 none;border-right:0 none;border-radius:0}.dropin-picker__disabled select.dropin-picker__select--secondary{border-bottom:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-picker__error select.dropin-picker__select--secondary{border-top:var(--shape-border-width-1) solid transparent;border-left:0 none;border-right:0 none}.dropin-picker__icon--placeholder{z-index:1;position:absolute;color:var(--color-neutral-700);left:var(--spacing-small);display:block;pointer-events:none;padding:0;height:var(--icon-size);width:var(--icon-size)}.dropin-picker__icon select.dropin-picker__select,.dropin-picker__floating.dropin-picker__selected.dropin-picker__icon select{padding-left:var(--spacing-xxbig)}.dropin-picker__floating.dropin-picker__selected.dropin-picker__icon label{left:var(--spacing-xxbig)}.dropin-field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content}.dropin-field__label--medium{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800);text-align:left;padding-bottom:var(--spacing-xsmall)}.dropin-field__label--large{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-neutral-800);text-align:left;padding-bottom:var(--spacing-xsmall)}.dropin-field__label--disabled{color:var(--color-neutral-500)}.dropin-field__content{display:grid;grid-auto-rows:max-content}.dropin-field__hint{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-700);text-align:left}.dropin-field__hint:empty{display:none}.dropin-field__hint--medium{padding-top:var(--spacing-xsmall)}.dropin-field__hint--large{padding-top:var(--spacing-small)}.dropin-field__hint--error{color:var(--color-alert-800)}.dropin-field__hint--success{color:var(--color-positive-800)}.dropin-field__hint--disabled{color:var(--color-neutral-500)}.dropin-action-button{--bgColor: var(--color-neutral-200);--textColor: var(--color-neutral-800);--borderColor: var(--color-neutral-400);display:inline-flex;box-sizing:border-box;row-gap:var(--spacing-small);white-space:normal;align-items:center;justify-content:center;font:var(--type-body-2-strong-font);padding:6px var(--spacing-small);background:var(--bgColor);color:var(--textColor);border:var(--shape-border-width-1) solid var(--borderColor);border-radius:var(--shape-border-radius-1);word-wrap:break-word;text-align:left}.dropin-action-button:hover,.dropin-action-button:focus:hover{--textColor: var(--color-neutral-900)}.dropin-action-button:active:focus{--borderColor: var(--color-neutral-500)}.dropin-action-button:focus{outline:none}.dropin-action-button:focus-visible{--borderColor: var(--color-neutral-800);outline:solid var(--shape-border-width-4) var(--color-neutral-400)}.dropin-action-button--active{--bgColor: var(--color-action-button-active);--borderColor: var(--color-neutral-400);--textColor: var(--color-neutral-900)}.dropin-action-button--active:hover,.dropin-action-button--active:focus:hover{--bgColor: var(--color-action-button-active);--textColor: var(--color-neutral-800)}.dropin-action-button--active:active:focus{--bgColor: var(--color-action-button-active);--textColor: var(--color-neutral-700)}.dropin-action-button--disabled,.dropin-action-button:disabled,.dropin-action-button--disabled:focus-visible{--bgColor: var(--color-neutral-300);--textColor: var(--color-neutral-500);pointer-events:none}.dropin-action-button:not(:disabled){cursor:pointer}.dropin-action-button-icon{display:inline-flex;justify-content:center;align-items:center;height:16px}.dropin-action-button-icon:first-child:not(:last-child){margin-right:var(--spacing-xsmall)}.dropin-action-button-group{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-400)}.dropin-action-button-group__option{border:none;border-radius:0;align-self:stretch;--borderRadiusValue: calc( var(--shape-border-radius-1) - var(--shape-border-width-1) )}.dropin-action-button-group__option:first-child{border-radius:var(--borderRadiusValue) 0 0 var(--borderRadiusValue)}.dropin-action-button-group__option:last-child{border-radius:0 var(--borderRadiusValue) var(--borderRadiusValue) 0}.dropin-action-button-group__option:only-child{border-radius:var(--borderRadiusValue)}.dropin-action-button-group__option--with-dividers{border-right:var(--shape-border-width-1) solid var(--color-neutral-400)}.dropin-action-button-group__option--with-dividers:last-child{border-right:none}.dropin-action-button-group__option--active:not(:disabled){background:var(--color-neutral-50)}.dropin-action-button-group--secondary{border:none}.dropin-action-button-group__option--secondary{background:var(--color-neutral-100)}.dropin-action-button-group__option:focus-visible{outline:solid var(--shape-border-width-4) var(--color-neutral-400);border-radius:var(--shape-border-radius-1);z-index:1}.dropin-card{--bgColor: var(--color-neutral-200);background-color:var(--bgColor);border-width:0;border-radius:var(--shape-border-radius-2)}.dropin-card--secondary{--bgColor: var(--color-neutral-50);border-width:var(--shape-border-width-2);border-style:solid;border-color:var(--color-neutral-400)}.dropin-card__content{display:flex;flex-direction:column;gap:var(--spacing-medium);padding-top:var(--spacing-medium);padding-right:var(--spacing-medium);padding-bottom:var(--spacing-medium);padding-left:var(--spacing-medium)}.dropin-checkbox{align-items:flex-start;display:grid;grid-template-columns:var(--spacing-small) auto;grid-gap:var(--spacing-xxsmall) 0}.dropin-checkbox__checkbox{display:none;margin:0}.dropin-checkbox__checkbox-icon{display:flex;align-items:center}.dropin-checkbox__box{margin:0;width:14px;height:14px;border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-600);background:var(--color-neutral-50) 0 0 no-repeat padding-box;cursor:pointer}.dropin-checkbox__checkmark{opacity:0;border-radius:var(--shape-border-radius-1)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box{border:none}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box .dropin-checkbox__checkmark{opacity:1;color:var(--color-neutral-50);background:var(--color-neutral-700) 0 0 no-repeat padding-box;top:-1px;position:relative}.dropin-checkbox__box:hover{border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:hover{border:none;background:var(--color-neutral-800) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box .dropin-checkbox__checkmark:hover{background:var(--color-neutral-800) 0 0 no-repeat padding-box}.dropin-checkbox__box:focus-visible{border:var(--shape-border-width-1) solid var(--color-neutral-800);outline:var(--shape-border-width-3) solid var(--color-neutral-400)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:focus-visible{width:var(--spacing-small);height:var(--spacing-small);border:none;background:var(--color-neutral-800) 0 0 no-repeat padding-box;outline:var(--shape-border-width-3) solid var(--color-neutral-400)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:focus-visible .dropin-checkbox__checkmark{top:0}.dropin-checkbox__label,.dropin-checkbox__label--medium{padding-left:var(--spacing-xsmall);color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:left}.dropin-checkbox__label--large{padding-left:var(--spacing-small);color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);text-align:left}.dropin-checkbox__label--medium a{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-checkbox__label--large a{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.dropin-checkbox__description{display:block;clear:both;flex-basis:100%;width:100%}.dropin-checkbox__description,.dropin-checkbox__description--medium{padding-left:var(--spacing-xsmall);color:var(--color-neutral-700);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.dropin-checkbox__description--large{padding-left:var(--spacing-small);color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:left}.dropin-checkbox,.dropin-checkbox--checkbox:not(:disabled){cursor:pointer}.dropin-checkbox__box--error,.dropin-checkbox__box--error:hover{border:var(--shape-border-width-2) solid var(--color-alert-500);background:var(--color-neutral-50) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error:hover{border:none;background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error>.dropin-checkbox__checkmark,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error>.dropin-checkbox__checkmark:hover{background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox__checkmark--error{opacity:1;color:var(--color-neutral-50);border:var(--color-alert-500);background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox--disabled,.dropin-checkbox__label--disabled,.dropin-checkbox__description--disabled{color:var(--color-neutral-500);cursor:default;pointer-events:none}.dropin-checkbox__box--disabled,.dropin-checkbox__box--disabled:hover{background:var(--color-neutral-300) 0 0 no-repeat padding-box;border:var(--shape-border-width-1) solid var(--color-neutral-500);cursor:default}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled:hover{border:none;background:var(--color-neutral-300) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled>.dropin-checkbox__checkmark,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled>.dropin-checkbox__checkmark:hover{background:var(--color-neutral-300) 0 0 no-repeat padding-box}.dropin-color-swatch__container input[type=radio],.dropin-color-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.dropin-color-swatch__container .dropin-color-swatch__span{border-radius:50%;display:inline-block;--bg-color: var(--color-neutral-300);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color)}.dropin-color-swatch__container--medium .dropin-color-swatch__span{height:32px;width:32px}.dropin-color-swatch__container--large .dropin-color-swatch__span{height:40px;width:40px}.dropin-color-swatch__container input[type=radio]:not(:checked):active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:not(:checked):active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.dropin-color-swatch__container input[type=radio]:checked~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:checked~.dropin-color-swatch__span,.dropin-color-swatch--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 3px var(--color-neutral-800)}.dropin-color-swatch__container input[type=radio]:checked:active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:checked:active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-900)}.dropin-color-swatch__container input[type=radio]:focus-visible+.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:focus-visible+.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-color-swatch__container input[type=radio]:disabled~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:disabled~.dropin-color-swatch__span,.dropin-color-swatch--disabled,.dropin-color-swatch__container input[type=radio]:disabled:active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:disabled:active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-4) var(--color-neutral-500);opacity:.24;pointer-events:none}.dropin-color-swatch__span--out-of-stock{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-700);background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%),var(--bg-color)}.dropin-color-swatch__container input[type=radio]:not(:disabled)~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:not(:disabled)~.dropin-color-swatch__span{cursor:pointer}.dropin-text-swatch__container input[type=radio],.dropin-text-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0}.dropin-text-swatch__container label{display:inline-block;background-color:var(--color-neutral-200);color:var(--color-neutral-800);border:var(--shape-border-width-1) solid var(--color-neutral-400);padding:6px var(--spacing-small);border-radius:var(--shape-border-radius-1);box-sizing:border-box;align-items:center;justify-content:center;font:var(--type-body-1-strong-font);position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropin-text-swatch__container label:hover{color:var(--color-neutral-900)}.dropin-text-swatch__container input[type=radio]:checked+.dropin-text-swatch__label,.dropin-text-swatch__container input[type=checkbox]:checked+.dropin-text-swatch__label,.dropin-text-swatch--selected{background-color:var(--color-neutral-50);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-900)}.dropin-text-swatch__container input[type=radio]:focus-visible+label,.dropin-text-swatch__container input[type=checkbox]:focus-visible+label{background-color:var(--color-neutral-200);border:var(--shape-border-width-3) solid var(--color-neutral-800);outline:solid var(--shape-border-width-4) var(--color-neutral-400)}.dropin-text-swatch__container input[type=radio]:checked+label:active,.dropin-text-swatch__container input[type=checkbox]:checked+label:active,.dropin-text-swatch--selected{background-color:var(--color-neutral-200);box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-text-swatch__container input[type=radio]:active+label,.dropin-text-swatch__container input[type=radio]:checked+label:active,.dropin-text-swatch__container input[type=radio]:checked+label:hover:not(:focus-visible),.dropin-text-swatch__container input[type=checkbox]:active+label,.dropin-text-swatch__container input[type=checkbox]:checked+label:active,.dropin-text-swatch__container input[type=checkbox]:checked+label:hover:not(:focus-visible){border:var(--shape-border-width-1) solid var(--color-neutral-500);color:var(--color-neutral-900);outline:none}.dropin-text-swatch__container input[type=radio]:disabled+label,.dropin-text-swatch__container input[type=checkbox]:disabled+label,.dropin-text-swatch--disabled,.dropin-text-swatch__container input[type=radio]:disabled:focus-visible+label,.dropin-text-swatch__container input[type=checkbox]:disabled:focus-visible+label{background-color:var(--color-neutral-300);color:var(--color-neutral-500);pointer-events:none;border:var(--shape-border-width-1) solid var(--color-neutral-500);outline:none}.dropin-text-swatch__label--out-of-stock{background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%),var(--color-neutral-200)}.dropin-text-swatch__container input[type=radio]:not(:disabled)+label,.dropin-text-swatch__container input[type=checkbox]:not(:disabled)+label{cursor:pointer}[data-tooltip]{position:relative}[data-tooltip]:after{display:none;content:attr(data-tooltip);position:absolute;bottom:100%;left:0;background-color:var(--color-neutral-50);color:var(--color-neutral-800);border:var(--shape-border-width-1) solid var(--color-neutral-400);padding:6px var(--spacing-small);border-radius:var(--shape-border-radius-1);white-space:nowrap;z-index:1000;font:var(--type-body-1-strong-font);margin-bottom:var(--spacing-xxsmall);-webkit-border-radius:var(--shape-border-radius-1);-moz-border-radius:var(--shape-border-radius-1)}[data-tooltip]:hover:after{display:block}.dropin-progress-spinner-provider{position:relative;display:flex;flex-direction:column;border-radius:inherit;opacity:1;padding:var(--spacing-small)}.dropin-progress-spinner{--size: var(--spacing-medium);--stroke-width: var(--shape-icon-stroke-4);width:var(--size);height:var(--size);border-style:solid;border-width:var(--stroke-width);border-color:var(--color-neutral-400);border-top-color:var(--color-brand-500);border-radius:50%;animation:indeterminate 1s infinite ease-in-out}.dropin-progress-spinner-with-provider{position:absolute;top:calc(50% - var(--size) / 2 - var(--stroke-width));left:calc(50% - var(--size) / 2 - var(--stroke-width))}.dropin-progress-spinner-background{--bgColor: var(--color-neutral-50);background-color:var(--bgColor);border-radius:inherit;opacity:.5;position:absolute;width:100%;height:100%;margin-top:calc(-1 * var(--spacing-small));margin-left:calc(-1 * var(--spacing-small))}.dropin-progress-spinner--shape-size-small{--size: var(--spacing-medium)}.dropin-progress-spinner--shape-size-medium{--size: var(--spacing-big)}.dropin-progress-spinner--shape-size-big{--size: var(--spacing-xxbig)}.dropin-progress-spinner--shape-size-large{--size: var(--spacing-large)}.dropin-progress-spinner--shape-stroke-1{--stroke-width: var(--shape-icon-stroke-1)}.dropin-progress-spinner--shape-stroke-2{--stroke-width: var(--shape-icon-stroke-2)}.dropin-progress-spinner--shape-stroke-3{--stroke-width: var(--shape-icon-stroke-3)}.dropin-progress-spinner--shape-stroke-4{--stroke-width: var(--shape-icon-stroke-4)}@keyframes indeterminate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropin-image-swatch__container input[type=radio],.dropin-image-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.dropin-image-swatch__container .dropin-image-swatch__span{display:inline-block;--bg-color: var(--color-neutral-300);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color);background-image:var(--background-image);background-repeat:no-repeat;background-size:cover;height:100px;width:100px;overflow:hidden}.dropin-image-swatch__span span{display:inline-block;width:100%;height:100%}.dropin-image-swatch__span img,.dropin-image-swatch__content{width:inherit;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto}.dropin-image-swatch__span:hover{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-500);outline:none}.dropin-image-swatch__container input[type=radio]:not(:checked):active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:not(:checked):active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.dropin-image-swatch__container input[type=radio]:checked~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:checked~.dropin-image-swatch__span,.dropin-image-swatch--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-800)}.dropin-image-swatch__container input[type=radio]:checked:active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:checked:active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-600)}.dropin-image-swatch__container input[type=radio]:focus-visible+.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:focus-visible+.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span,.dropin-image-swatch--disabled,.dropin-image-swatch__container input[type=radio]:disabled:active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:disabled:active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-4) var(--color-neutral-500);background-color:#ffffffc2;pointer-events:none}.dropin-image-swatch__container .dropin-image-swatch__span--out-of-stock{background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%);background-color:#fff9}.dropin-image-swatch__span--out-of-stock>.dropin-image-swatch__content,.dropin-image-swatch__span--out-of-stock img,.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span img,.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span>.dropin-image-swatch__content,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span img,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span>.dropin-image-swatch__content{z-index:-1}.dropin-image-swatch__container input[type=radio]:not(:disabled)~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:not(:disabled)~.dropin-image-swatch__span{cursor:pointer}.dropin-accordion-section__heading{display:grid;grid-template-columns:1fr max-content}.dropin-accordion-section p{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-700);margin:0}.dropin-accordion-section__flex{display:flex;justify-content:space-between;cursor:pointer;align-items:center}.dropin-accordion-section__title-container,.dropin-accordion-section__secondary-text-container{display:flex;gap:var(--spacing-xsmall);align-items:center}.dropin-accordion-section__secondary-text-container h4,.dropin-accordion-section__title-container h3{margin:0}.dropin-accordion-section__title{color:var(--color-neutral-800);font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);cursor:pointer}.dropin-accordion-section__secondary-text{color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-accordion-section__secondary-text a{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-accordion-section svg{cursor:pointer}.dropin-accordion-section__content-container{display:grid;margin:var(--spacing-medium) 0;gap:var(--spacing-medium)}.dropin-accordion-section__content-container:empty{margin:0}.dropin-in-line-alert{border-width:var(--shape-border-width-2);border-style:solid;border-radius:var(--shape-border-radius-1);display:grid;grid-auto-flow:row;gap:var(--spacing-small);padding:var(--spacing-small);position:relative}.dropin-in-line-alert__heading{display:grid;gap:var(--spacing-small);grid-template-columns:auto auto;align-items:center}.dropin-in-line-alert__title-container{display:flex;align-items:center;gap:var(--spacing-xsmall)}.dropin-in-line-alert__title{color:var(--color-neutral-800);font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing);margin:0}.dropin-in-line-alert__actions-container{display:flex;justify-content:end}.dropin-in-line-alert__additional-action{padding:0}.dropin-in-line-alert__additional-action span{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);text-decoration:underline;color:var(--color-neutral-700)}.dropin-in-line-alert__dismiss-button{padding:0}.dropin-in-line-alert__description{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin:0}.dropin-in-line-alert__additional-actions-container{display:flex;gap:var(--spacing-small);justify-content:flex-end}.dropin-in-line-alert__item-list:first-child:before{content:"";display:block;border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin-bottom:var(--spacing-medium)}.dropin-in-line-alert--error{border-color:var(--color-alert-500)}.dropin-in-line-alert--warning{border-color:var(--color-warning-500)}.dropin-in-line-alert--success{border-color:var(--color-positive-500)}.dropin-in-line-alert--secondary{border:none;background-color:var(--color-neutral-200)}.dropin-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;overflow:auto;display:grid;grid-template-columns:repeat(var(--grid-2-columns),1fr);grid-auto-flow:column}.dropin-modal--dim{background-color:#0000003d}.dropin-modal__body{background-color:var(--color-neutral-50);padding:var(--spacing-medium);overflow:hidden;text-align:left;vertical-align:middle;position:relative;box-shadow:var(--shape-shadow-2);border-radius:4px;flex-direction:column}.dropin-modal__body--centered{text-align:center;margin-left:auto;margin-right:auto}.dropin-modal__body--full{grid-column-start:1;grid-column-end:span var(--grid-2-columns);margin-block:auto}.dropin-modal__body--small,.dropin-modal__body--medium{grid-column-start:3;grid-column-end:11;margin-block:auto}.dropin-modal__body--small>.dropin-modal__content,.dropin-modal__body--medium>.dropin-modal__content,.dropin-modal__body--full>.dropin-modal__content{margin-bottom:var(--spacing-xbig)}.dropin-modal__header{flex-direction:row;min-height:var(--spacing-medium);display:flex;position:relative}.dropin-modal__header-title{margin-bottom:var(--spacing-small)}.dropin-modal__header-title-content{flex-direction:row;display:flex;position:relative}.dropin-modal__header-close-button{margin-left:auto}@media only screen and (min-width: 768px){.dropin-modal__body--small{grid-column-start:6;grid-column-end:9;margin-block:auto}.dropin-modal__body--medium{grid-column-start:4;grid-column-end:10;margin-block:auto}.dropin-modal__body--medium>.dropin-modal__content,.dropin-modal__body--full>.dropin-modal__content{margin:0 var(--spacing-xxbig) var(--spacing-large)}.dropin-modal__body--medium>.dropin-modal__header,.dropin-modal__body--full>.dropin-modal__header{min-height:var(--spacing-xxbig)}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title{margin-bottom:var(--spacing-medium)}}.dropin-cart-item{--item-group-spacing: 0;--group-spacing: var(--spacing-xsmall);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700);container-type:inline-size;container-name:cart-item;position:relative}.dropin-cart-item__skeleton{gap:var(--spacing-xsmall)}.dropin-cart-item__skeleton__item{width:100%;height:auto}.dropin-cart-item__skeleton__item:after{content:"";display:inline-block}.dropin-cart-item__image .dropin-cart-item__skeleton__item{padding-bottom:100%}.dropin-cart-item__image:is(img),.dropin-cart-item__image img{width:100%;height:auto}.dropin-cart-item__title{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item__sku{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-cart-item__configurations{list-style-type:none;margin:var(--group-spacing) 0 0 0;padding:0}.dropin-cart-item__configurations__item__value{font-weight:inherit;color:var(--color-neutral-800)}.dropin-cart-item__configurations__item:not(:last-child){margin-right:var(--spacing-xxsmall)}.dropin-cart-item__quantity__value{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);display:none}.dropin-cart-item__quantity__number{font-weight:inherit;color:var(--color-neutral-800)}.dropin-cart-item__quantity__incrementer,.dropin-cart-item__quantity__picker{max-width:160px;margin-top:calc(var(--group-spacing) / 2);margin-bottom:var(--group-spacing)}.dropin-cart-item__remove{position:absolute;right:0;top:0}.dropin-cart-item__warning,.dropin-cart-item__alert{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);margin-bottom:var(--group-spacing);display:flex;align-items:center}.dropin-cart-item__discount,.dropin-cart-item__savings{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-cart-item__warning svg,.dropin-cart-item__alert svg{margin-right:var(--spacing-xxsmall)}.dropin-cart-item__savings__large-screen,.dropin-cart-item__discount__large-screen,.dropin-cart-item__savings__wrapper{display:none}.dropin-cart-item__warning,.dropin-cart-item__discount,.dropin-cart-item__savings{color:var(--color-warning-800)}.dropin-cart-item__warning svg{fill:var(--color-warning-800);color:var(--color-neutral-50)}.dropin-cart-item__alert{color:var(--color-alert-800)}.dropin-cart-item__alert svg{fill:var(--color-alert-800);color:var(--color-neutral-50)}.dropin-cart-item__total{display:flex;gap:var(--spacing-xxsmall);flex-direction:column}.dropin-cart-item__row-total{display:flex;gap:var(--spacing-xxsmall)}.dropin-cart-item__row-total__wrapper{display:flex}.dropin-cart-item__total-tax-excluded{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item--updating{opacity:.4;pointer-events:none;position:relative}.dropin-cart-item__spinner{margin:0 auto;position:absolute;z-index:999;left:0;right:0;top:calc(50% - (var(--size) / 2));bottom:0}.dropin-cart-item__sr-only{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1}.dropin-cart-item__wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;grid-column-gap:var(--spacing-small)}.dropin-cart-item__image{grid-column:1 / 2;grid-row:1 / 10}.dropin-cart-item__title,.dropin-cart-item__sku,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__price,.dropin-cart-item__total,.dropin-cart-item__warning,.dropin-cart-item__alert,.dropin-cart-item__quantity,.dropin-cart-item__footer{grid-column:2 / 5}.dropin-cart-item__actions{grid-column:1 / 5;grid-row:5 / 10;text-align:left;display:flex;flex-direction:column;gap:0}.dropin-cart-item__actions button:only-child{padding-left:0;padding-right:0}.dropin-cart-item__title--edit{padding-right:var(--spacing-xbig)}.dropin-cart-item__description,.dropin-cart-item__sku{margin-top:var(--item-group-spacing)}.dropin-cart-item__price,.dropin-cart-item__attributes div{margin-top:var(--group-spacing)}.dropin-cart-item__quantity:not(.dropin-cart-item__quantity--edit){display:none}.dropin-cart-item__warning--quantity,.dropin-cart-item__alert--quantity,.dropin-cart-item__description{display:none}.dropin-cart-item__price-tax-message,.dropin-cart-item__price-tax-excluded-message,.dropin-cart-item__total-tax-message{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item__total-tax-message{margin-left:var(--spacing-xxsmall)}.dropin-cart-item__footer{font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item__attributes{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-neutral-800)}@container cart-item (width >= 400px) and (width < 737px){.dropin-cart-item__title,.dropin-cart-item__sku,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__price,.dropin-cart-item__warning,.dropin-cart-item__alert,.dropin-cart-item__quantity,.dropin-cart-item__footer{grid-column:2 / 4}.dropin-cart-item__actions{grid-column:1 / 4;grid-row:5 / 10}.dropin-cart-item__total:not(.dropin-cart-item__total--edit){grid-auto-rows:min-content;grid-column:4 / 5;grid-row:1 / 10;display:grid;justify-self:end;text-align:right;gap:unset}}@container cart-item (width >= 737px) and (width < 1192px){.dropin-cart-item__wrapper{grid-template-columns:repeat(12,1fr)}.dropin-cart-item__image{grid-column:1 / 3}.dropin-cart-item__savings,.dropin-cart-item__discount{display:none}.dropin-cart-item__savings__large-screen,.dropin-cart-item__discount__large-screen,.dropin-cart-item__savings__wrapper{display:block}.dropin-cart-item__savings__wrapper:empty{display:none}.dropin-cart-item__title,.dropin-cart-item__sku,.dropin-cart-item__savings__large-screen,.dropin-cart-item__discount__large-screen,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__savings__wrapper,.dropin-cart-item__price,.dropin-cart-item__warning,.dropin-cart-item__alert,.dropin-cart-item__quantity,.dropin-cart-item__footer{grid-column:3 / 9}.dropin-cart-item__actions{grid-column:10 / 13;grid-row:4 / 10;text-align:right}.dropin-cart-item__savings__wrapper{margin-top:var(--spacing-xsmall)}.dropin-cart-item__title--edit{padding-right:unset}.dropin-cart-item__total{grid-column:10 / 13;grid-row:1 / 10;text-align:right;display:flex;flex-direction:column;gap:0}.dropin-cart-item__row-total{display:contents;gap:var(--spacing-xxsmall)}.dropin-cart-item__total--edit{padding-right:calc(var(--spacing-xbig) + var(--spacing-xsmall))}.dropin-cart-item__row-total__wrapper{display:contents}}@container cart-item (width >= 1192px){.dropin-cart-item{--item-group-spacing: var(--spacing-xxsmall);--group-spacing: var(--spacing-small)}.dropin-cart-item__wrapper{grid-template-columns:repeat(8,1fr);grid-column-gap:var(--spacing-medium)}.dropin-cart-item__image{grid-column:1 / 2}.dropin-cart-item__title,.dropin-cart-item__description,.dropin-cart-item__sku,.dropin-cart-item__price,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__footer{grid-column:2 / 6}.dropin-cart-item__title{padding-right:unset}.dropin-cart-item__actions{grid-column:9 / 13;grid-row:4 / 10;text-align:right}.dropin-cart-item__warning,.dropin-cart-item__alert{grid-column:6 / 7}.dropin-cart-item__warning--quantity,.dropin-cart-item__alert--quantity{display:flex;align-items:center}.dropin-cart-item__warning--quantity svg,.dropin-cart-item__alert--quantity svg{margin-right:var(--spacing-xxsmall)}.dropin-cart-item__warning--quantity svg{fill:var(--color-warning-800);color:var(--color-neutral-50)}.dropin-cart-item__alert--quantity svg{fill:var(--color-alert-800);color:var(--color-neutral-50)}.dropin-cart-item__warning:not(.dropin-cart-item__warning--quantity),.dropin-cart-item__alert:not(.dropin-cart-item__alert--quantity){display:none}.dropin-cart-item__total{grid-column:10 / 13;grid-row:1 / 10;justify-self:end;text-align:right}.dropin-cart-item__total:has(.dropin-cart-item__total-tax-excluded){flex-direction:column;gap:0}.dropin-cart-item__row-total{display:flex;gap:var(--spacing-xxsmall)}.dropin-cart-item__total--edit{padding-right:calc(var(--spacing-xbig) + var(--spacing-xsmall))}.dropin-cart-item__quantity__incrementer,.dropin-cart-item__quantity__picker{margin-top:0}.dropin-cart-item__quantity:not(.dropin-cart-item__quantity--edit),.dropin-cart-item__quantity__value{display:unset}.dropin-cart-item__price__quantity{display:none}.dropin-cart-item__title{font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing)}}.dropin-cart-list{container-type:inline-size;container-name:cart-item}.dropin-cart-list__wrapper{display:grid;grid-auto-rows:min-content;grid-gap:var(--spacing-medium)}@container cart-item (width >= 737px){.dropin-cart-list__wrapper{grid-gap:0}.dropin-cart-list__item:not(:last-child):after{content:"";display:block;border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin:var(--spacing-medium) 0}}.dropin-price-range{display:flex;flex-wrap:wrap;font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-price-range__separator,.dropin-price-range__to{margin-left:5px;margin-right:5px;margin-block:auto}.dropin-price-range__from,.dropin-price-range__as-low-as{margin-right:5px}.dropin-price-range__from--small,.dropin-price-range__to--small,.dropin-price-range__as-low-as--small{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-price-range__from--medium,.dropin-price-range__to--medium,.dropin-price-range__as-low-as--medium{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-price-range__from--large,.dropin-price-range__to--large,.dropin-price-range__as-low-as--large{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.dropin-price-range__special{margin-left:5px}.dropin-breadcrumbs__container{display:flex}.dropin-breadcrumbs__items{display:flex;flex-wrap:wrap;font:var(--type-details-caption-1-font);list-style:none;margin:0;padding:0}.dropin-breadcrumbs__item{display:flex;justify-content:center}.dropin-breadcrumbs__item--last>:first-child{color:var(--color-brand-500);cursor:default}.dropin-breadcrumbs__item--last>:first-child:hover,.dropin-breadcrumbs__item--last>:first-child:focus-visible{text-decoration:none}.dropin-breadcrumbs__separator--default{margin:0 var(--spacing-xsmall)}.dropin-breadcrumbs__separator--icon{width:16px;height:16px;margin:0 var(--spacing-xxsmall)}.dropin-alert-banner{background-color:var(--color-alert-800);color:var(--color-neutral-50);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);padding:var(--spacing-small);display:grid;grid-template-columns:1fr max-content;align-items:center;gap:var(--spacing-small)}.dropin-alert-banner__actions,.dropin-alert-banner__content{align-items:center;display:grid;grid-template-columns:max-content max-content}.dropin-alert-banner--neutral,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button{background-color:var(--color-neutral-700)}.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-neutral-500)}.dropin-alert-banner--brand,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button{background-color:var(--color-brand-500)}.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-brand-700)}.dropin-alert-banner--success,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button{background-color:var(--color-positive-800)}.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-positive-500)}.dropin-alert-banner--warning,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button{background-color:var(--color-alert-800)}.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-alert-500)}.dropin-alert-banner__icon{flex-shrink:0;color:var(--color-neutral-50);margin-right:var(--spacing-small)}button.dropin-alert-banner__dismiss-button{margin-left:auto;color:var(--color-neutral-50);height:24px;min-height:24px;width:24px;min-width:24px;padding:0}button.dropin-alert-banner__action{color:var(--color-neutral-50);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);padding:0;margin-right:var(--spacing-xxsmall)}@media only screen and (width >= 400px) and (width < 768px){.dropin-alert-banner__actions,.dropin-alert-banner__content{grid-template-columns:auto auto;word-break:break-word;word-wrap:break-word}.dropin-alert-banner__message{word-break:break-word;word-wrap:break-word}}.dropin-illustrated-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;row-gap:var(--spacing-small)}.dropin-illustrated-message .dropin-card{width:100%}.dropin-illustrated-message__icon{color:var(--color-neutral-400);margin:0 auto var(--spacing-medium) auto}.dropin-illustrated-message__heading{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin:0}.dropin-illustrated-message__message{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:center;margin:0}.dropin-illustrated-message .dropin-illustrated-message__action{justify-self:center;align-self:center}.dropin-toggle-button{display:block;position:relative;width:100%}.dropin-toggle-button__actionButton{cursor:pointer;background-color:var(--color-neutral-200);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);padding:var(--spacing-medium);align-items:center;display:grid}.dropin-toggle-button__selected .dropin-toggle-button__actionButton{background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-toggle-button:has(input:focus-visible){outline:0 none;box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-webkit-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-moz-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-toggle-button__radioButton.dropin-radio-button{cursor:pointer;position:absolute}.dropin-toggle-button__radioButton .dropin-radio-button__label:before{cursor:pointer;margin-right:0}.dropin-toggle-button__radioButton .dropin-radio-button__input:focus-visible+.dropin-radio-button__label:before{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-600)}.dropin-toggle-button__content{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-big);cursor:pointer}.dropin-toggle-button__content a{color:var(--color-brand-500);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-toggle-button__icon{height:24px;margin-right:var(--spacing-xsmall)}.dropin-header-container{display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between;gap:0px 0px;grid-template-areas:"title actions" "divider divider";width:100%}.dropin-header-container__title{grid-area:title;color:var(--color-neutral-800)}.dropin-header-container__title--medium{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-1-letter-spacing)}.dropin-header-container__title--large{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing)}.dropin-header-container__actions{grid-area:actions;font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-brand-500);align-self:center}.dropin-header-container .dropin-header-container__divider{grid-area:divider;width:100%;border-top:3px solid var(--color-neutral-400)}.dropin-header-container .dropin-header-container__divider--medium{margin:var(--spacing-xsmall) 0 var(--spacing-medium) 0}.dropin-header-container .dropin-header-container__divider--large{margin:22px 0 var(--spacing-medium) 0}.dropin-tag-container{position:relative;border-radius:20px;-webkit-user-select:none;user-select:none;padding:8px 16px;background-color:var(--color-neutral-400);display:flex;justify-content:center;align-items:center}.dropin-tag-container__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-overline-letter-spacing);color:var(--color-neutral-800);line-height:21px}.dropin-content-grid{container-type:inline-size;container-name:dropin-content-grid;max-width:inherit;overflow:scroll}.dropin-content-grid__content{display:grid;gap:var(--spacing-small);margin:auto;justify-items:center}.dropin-content-grid__dynamic-columns-content{display:flex;flex-wrap:wrap}.dropin-content-grid__content--empty{grid-template-columns:repeat(1,1fr)}@container dropin-content-grid (width < 360){.dropin-content-grid__content{grid-template-columns:repeat(4,1fr);gap:var(--spacing-xsmall)}}.dropin-pagination{display:flex;justify-content:center;align-items:center;gap:0 var(--grid-2-gutters)}.dropin-pagination-arrow{margin:0;padding:0;box-sizing:border-box;background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.dropin-pagination-arrow--backward svg{transform:rotate(90deg)}.dropin-pagination-arrow--forward svg{transform:rotate(-90deg)}.dropin-pagination_list{list-style:none;display:flex;justify-content:center;align-items:center;gap:0 var(--grid-2-gutters);margin:0;padding:0}.dropin-pagination_list-item{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:16px;height:16px}.dropin-pagination_list-item--active{background-color:var(--color-neutral-300);width:16px;height:16px;border-radius:50%;display:flex;justify-content:center;align-items:center}.dropin-pagination_list-item button{cursor:pointer;margin:0;padding:0;background-color:transparent;border:none;font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-pagination_list-item--active button{cursor:default}.dropin-pagination_list-item--active button:disabled,.dropin-pagination_list-item--ellipsis button,.dropin-pagination-arrow--backward:disabled,.dropin-pagination-arrow--forward:disabled{cursor:default}.dropin-pagination button:not(:disabled){color:var(--color-neutral-800)}.dropin-pagination button{-moz-appearance:none;appearance:none;-webkit-appearance:none}.dropin-product-item-card__skeleton{gap:var(--spacing-small)}.dropin-product-item-card__skeleton__image{height:375px}.dropin-product-item-card__skeleton__content{grid-column:1/-1}.dropin-product-item-card{display:grid;position:relative;grid-auto-flow:row;background:var(--color-neutral-50);border:1px solid var(--color-neutral-400);color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);margin:var(--spacing-small);width:300px}.dropin-product-item-card__image-container{overflow:hidden;width:100%;height:auto}.dropin-product-item-card__image img{width:100%;max-height:375px}.dropin-product-item-card__content{display:grid;grid-template-columns:1fr 1fr;padding:var(--spacing-small);gap:var(--spacing-xxsmall);align-items:center;color:var(--color-neutral-800)}.dropin-product-item-card__title,.dropin-product-item-card__sku,.dropin-product-item-card__price,.dropin-product-item-card__swatches,.dropin-product-item-card__action{grid-column:1/3}.dropin-product-item-card__title{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.dropin-product-item-card__sku,.dropin-product-item-card__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-product-item-card__swatches{margin-top:var(--spacing-xsmall)}.dropin-product-item-card__action{margin-top:var(--spacing-xsmall);width:100%}
 .dropin-design{--color-brand-500: #454545;--color-brand-600: #383838;--color-brand-700: #2b2b2b;--color-neutral-50: #ffffff;--color-neutral-100: #fafafa;--color-neutral-200: #f5f5f5;--color-neutral-300: #e8e8e8;--color-neutral-400: #d6d6d6;--color-neutral-500: #b8b8b8;--color-neutral-600: #8f8f8f;--color-neutral-700: #666666;--color-neutral-800: #3d3d3d;--color-neutral-900: #292929;--color-positive-200: #eff5ef;--color-positive-500: #7fb078;--color-positive-800: #53824c;--color-informational-200: #eeeffb;--color-informational-500: #6978d9;--color-informational-800: #5d6dd6;--color-warning-200: #fdf3e9;--color-warning-500: #e79f5c;--color-warning-800: #ad5c00;--color-alert-200: #ffebeb;--color-alert-500: #db7070;--color-alert-800: #bf4545;--color-opacity-16: rgba(255, 255, 255, .16);--color-opacity-24: rgba(255, 255, 255, .24);--color-action-button-active: #ffffff;--color-action-button-hover: #e8e8e8;--color-button-active: #2b2b2b;--color-button-focus: #d6d6d6;--color-button-hover: #383838;--grid-1-columns: 4;--grid-1-margins: 0;--grid-1-gutters: 16px;--grid-2-columns: 12;--grid-2-margins: 0;--grid-2-gutters: 16px;--grid-3-columns: 12;--grid-3-margins: 0;--grid-3-gutters: 24px;--grid-4-columns: 12;--grid-4-margins: 0;--grid-4-gutters: 24px;--grid-5-columns: 12;--grid-5-margins: 0;--grid-5-gutters: 24px;--shape-border-radius-1: 3px;--shape-border-radius-2: 8px;--shape-border-radius-3: 24px;--shape-border-width-1: 1px;--shape-border-width-2: 1.5px;--shape-border-width-3: 2px;--shape-border-width-4: 4px;--shape-shadow-1: 0 0 16px 0 rgba(0, 0, 0, .16);--shape-shadow-2: 0 2px 16px 0 rgba(0, 0, 0, .16);--shape-shadow-3: 0 2px 3px 0 rgba(0, 0, 0, .16);--shape-icon-stroke-1: 1px;--shape-icon-stroke-2: 1.5px;--shape-icon-stroke-3: 2px;--shape-icon-stroke-4: 4px;--spacing-xxsmall: 4px;--spacing-xsmall: 8px;--spacing-small: 16px;--spacing-medium: 24px;--spacing-big: 32px;--spacing-xbig: 40px;--spacing-xxbig: 48px;--spacing-large: 64px;--spacing-xlarge: 72px;--spacing-xxlarge: 96px;--spacing-huge: 120px;--spacing-xhuge: 144px;--spacing-xxhuge: 192px;--type-base-font-family: system-ui, sans-serif;--type-display-1-font: normal normal 300 60px/72px var(--type-base-font-family);--type-display-1-letter-spacing: .04em;--type-display-2-font: normal normal 300 48px/56px var(--type-base-font-family);--type-display-2-letter-spacing: .04em;--type-display-3-font: normal normal 300 34px/40px var(--type-base-font-family);--type-display-3-letter-spacing: .04em;--type-headline-1-font: normal normal 400 24px/32px var(--type-base-font-family);--type-headline-1-letter-spacing: .04em;--type-headline-2-default-font: normal normal 300 20px/24px var(--type-base-font-family);--type-headline-2-default-letter-spacing: .04em;--type-headline-2-strong-font: normal normal 400 20px/24px var(--type-base-font-family);--type-headline-2-strong-letter-spacing: .04em;--type-body-1-default-font: normal normal 300 16px/24px var(--type-base-font-family);--type-body-1-default-letter-spacing: .04em;--type-body-1-strong-font: normal normal 400 16px/24px var(--type-base-font-family);--type-body-1-strong-letter-spacing: .04em;--type-body-1-emphasized-font: normal normal 700 16px/24px var(--type-base-font-family);--type-body-1-emphasized-letter-spacing: .04em;--type-body-2-default-font: normal normal 300 14px/20px var(--type-base-font-family);--type-body-2-default-letter-spacing: .04em;--type-body-2-strong-font: normal normal 400 14px/20px var(--type-base-font-family);--type-body-2-strong-letter-spacing: .04em;--type-body-2-emphasized-font: normal normal 700 14px/20px var(--type-base-font-family);--type-body-2-emphasized-letter-spacing: .04em;--type-button-1-font: normal normal 400 20px/26px var(--type-base-font-family);--type-button-1-letter-spacing: .08em;--type-button-2-font: normal normal 400 16px/24px var(--type-base-font-family);--type-button-2-letter-spacing: .08em;--type-details-caption-1-font: normal normal 400 12px/16px var(--type-base-font-family);--type-details-caption-1-letter-spacing: .08em;--type-details-caption-2-font: normal normal 300 12px/16px var(--type-base-font-family);--type-details-caption-2-letter-spacing: .08em;--type-details-overline-font: normal normal 700 12px/20px var(--type-base-font-family);--type-details-overline-letter-spacing: .16em}.dropin-design a{--textColor: var(--color-brand-500);color:var(--textColor);text-decoration:none}.dropin-design a:hover{--textColor: var(--color-brand-700);text-decoration:solid underline var(--textColor);text-underline-offset:6px}.dropin-design a:focus-visible{outline:solid var(--shape-border-width-4) var(--color-neutral-400);border:var(--shape-border-width-1) solid var(--color-neutral-800);border-radius:var(--shape-border-radius-1)}.dropin-image{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:imageShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-image--loaded{background:unset;border-radius:unset}@keyframes imageShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}`,{styleId:"sdk"});
-var h=Object.defineProperty;var u=(g,s,a)=>s in g?h(g,s,{enumerable:!0,configurable:!0,writable:!0,value:a}):g[s]=a;var c=(g,s,a)=>u(g,typeof s!="symbol"?s+"":s,a);import{s as r}from"./image-params-keymap.js";class y{constructor(s){c(this,"config");this.config=s}getConfig(){return this.config}setConfig(s){this.config=s}}class n{constructor({init:s,listeners:a}){c(this,"_listeners",[]);c(this,"listeners");c(this,"init");c(this,"config",new y({}));this.listeners=t=>(this._listeners.forEach(e=>e.off()),this._listeners=a(t)),this.init=t=>{const{imageParamsKeyMap:e,...o}=t;return this.config.setConfig({...this.config.getConfig(),...o}),r(e),s(t)}}}const m=class m{static register(s,a){var t,e;m._mounted&&((t=s.listeners)==null||t.call(s,a),(e=s.init)==null||e.call(s,a)),m._initializers.push([s,a])}static async mountImmediately(s,a){var t,e;(t=s.listeners)==null||t.call(s,a),await((e=s.init)==null?void 0:e.call(s,{imageParamsKeyMap:m._imageParamsKeyMap,...a}))}static mount(){var s,a;m._mounted=!0,(s=m._initializers)==null||s.forEach(([t,e])=>{var o;(o=t.listeners)==null||o.call(t,e)}),(a=m._initializers)==null||a.forEach(([t,e])=>{var o;(o=t.init)==null||o.call(t,{imageParamsKeyMap:m._imageParamsKeyMap,...e})})}static setImageParamKeys(s){m._imageParamsKeyMap=s}};c(m,"_initializers",[]),c(m,"_mounted",!1),c(m,"_imageParamsKeyMap");let f=m;export{y as C,n as I,f as i};
+var l=Object.defineProperty;var r=(g,s,e)=>s in g?l(g,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):g[s]=e;var c=(g,s,e)=>r(g,typeof s!="symbol"?s+"":s,e);import{s as u}from"./image-params-keymap.js";import{s as y}from"./locale-config.js";class b{constructor(s){c(this,"config");this.config=s}getConfig(){return this.config}setConfig(s){this.config=s}}class p{constructor({init:s,listeners:e}){c(this,"_listeners",[]);c(this,"listeners");c(this,"init");c(this,"config",new b({}));this.listeners=a=>(this._listeners.forEach(t=>t.off()),this._listeners=e(a)),this.init=a=>{const{imageParamsKeyMap:t,globalLocale:m,...h}=a;return this.config.setConfig({...this.config.getConfig(),...h}),u(t),y(m),s(a)}}}const o=class o{static register(s,e){var a,t;o._mounted&&((a=s.listeners)==null||a.call(s,e),(t=s.init)==null||t.call(s,e)),o._initializers.push([s,e])}static async mountImmediately(s,e){var a,t;(a=s.listeners)==null||a.call(s,e),await((t=s.init)==null?void 0:t.call(s,{imageParamsKeyMap:o._imageParamsKeyMap,globalLocale:o._globalLocale,...e}))}static mount(){var s,e;o._mounted=!0,(s=o._initializers)==null||s.forEach(([a,t])=>{var m;(m=a.listeners)==null||m.call(a,t)}),(e=o._initializers)==null||e.forEach(([a,t])=>{var m;(m=a.init)==null||m.call(a,{imageParamsKeyMap:o._imageParamsKeyMap,globalLocale:o._globalLocale,...t})})}static setImageParamKeys(s){o._imageParamsKeyMap=s}static setGlobalLocale(s){o._globalLocale=s}};c(o,"_initializers",[]),c(o,"_mounted",!1),c(o,"_imageParamsKeyMap"),c(o,"_globalLocale");let f=o;export{b as C,p as I,f as i};
 //# sourceMappingURL=initializer.js.map

package/chunks/initializer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"initializer.js","sources":["/@dropins/tools/src/lib/config.ts","/@dropins/tools/src/lib/initializer.ts"],"sourcesContent":["/*******************************************************************\n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *****************************************************************/\n\nexport class Config<T> {\n private config: T;\n\n constructor(initialConfig: T) {\n this.config = initialConfig;\n }\n\n getConfig(): T {\n return this.config;\n }\n\n setConfig(newConfig: T): void {\n this.config = newConfig;\n }\n}\n","/*****************************************************************\n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *****************************************************************/\n\nimport {\n Config,\n setImageParamsKeyMap,\n} from '@adobe-commerce/elsie/lib';\n\ntype Listener = { off(): void };\n\ntype Listeners<T> = (config?: T) => Array<Listener \| undefined>;\n\ntype Init<T> = (config?: T) => Promise<void>;\n\ntype Options<T> = { init: Init<T>; listeners: Listeners<T> };\n\nexport type Model<T = any, D = any> = {\n transformer?: (data: D) => T & { [key: string]: any };\n};\n\n/\n * The `Initializer` class is responsible for setting up event listeners and initializing a module with the given configuration.\n \n @template T - The type of the configuration object.\n * @class\n /\nexport class Initializer<T> {\n private _listeners: Listener[] = [];\n listeners: Listeners<T>;\n init: Init<T>;\n config = new Config<T>({} as T);\n\n /\n Creates an instance of Initializer.\n * @param options - The initialization options.\n * @param options.init - A function that initializes the module.\n * @param options.listeners - A function that sets up event listeners.\n /\n constructor({ init, listeners }: Options<T>) {\n this.listeners = (config) => {\n // Unbind existing listeners\n this._listeners.forEach((listener) => listener.off());\n // Bind new listeners\n return (this._listeners = listeners(config) as Listener[]);\n };\n\n this.init = (options) => {\n const { imageParamsKeyMap, ...rest } =\n options as any;\n this.config.setConfig({ ...this.config.getConfig(), ...rest });\n setImageParamsKeyMap(imageParamsKeyMap);\n return init(options);\n };\n }\n}\n\ntype Initializers = [Initializer<any>, { [key: string]: any } \| undefined][];\n\n/\n The Initializers class provides methods to register, mount, and configure initializers.\n \n @class\n \n @method register - Registers a new initializer. If the initializers have already been mounted, it immediately binds the event listeners and initializes the API for the new initializer.\n * @method mount - Mounts all registered initializers. This involves binding the event listeners and initializing the APIs for each initializer, in that order.\n * @method setImageParamKeys - Sets the image parameter keys. These keys are used when initializing the APIs for the initializers.\n /\nexport class initializers {\n static _initializers: Initializers = [];\n static _mounted: boolean = false;\n static _imageParamsKeyMap: { [key: string]: string } \| undefined = undefined;\n /\n Registers a new initializer. If the initializers have already been mounted,it immediately binds the event listeners and initializes the API for the new initializer.\n * @param initializer - The initializer to register.\n * @param options - Optional configuration for the initializer.\n /\n static register(\n initializer: Initializer<any>,\n options?: { [key: string]: any }\n ) {\n if (initializers._mounted) {\n initializer.listeners?.(options);\n initializer.init?.(options);\n }\n initializers._initializers.push([initializer, options]);\n }\n\n /\n Mounts the provided initializer immediately. This involves binding the event listeners and initializing the API for the initializer.\n /\n static async mountImmediately(\n initializer: Initializer<any>,\n options?: { [key: string]: any }\n ) {\n initializer.listeners?.(options);\n await initializer.init?.({\n imageParamsKeyMap: initializers._imageParamsKeyMap,\n ...options,\n });\n }\n\n /\n Mounts all registered initializers. This involves binding the event listeners and initializing the APIs for each initializer, in that order.\n /\n static mount() {\n initializers._mounted = true;\n // In this specific order\n // 1. Bind events\n initializers._initializers?.forEach(([initializer, options]) => {\n initializer.listeners?.(options);\n });\n\n // 2. Initialize APIs\n initializers._initializers?.forEach(([initializer, options]) => {\n initializer.init?.({\n imageParamsKeyMap: initializers._imageParamsKeyMap,\n ...options,\n });\n });\n }\n /\n Sets the image parameter keys. These keys are used when initializing the APIs for the initializers.\n * @param params - The image parameter keys.\n */\n static setImageParamKeys(params: { [key: string]: any }) {\n initializers._imageParamsKeyMap = params;\n }\n}\n"],"names":["Config","initialConfig","__publicField","newConfig","Initializer","init","listeners","config","listener","options","imageParamsKeyMap","rest","setImageParamsKeyMap","_initializers","initializer","_a","_b","params","initializers"],"mappings":"~~iNASO~~,MAAMA,CAAU,CAGrB,YAAYC,EAAkB,CAFtBC,EAAA,eAGN,KAAK,OAASD,CAAA,CAGhB,WAAe,CACb,OAAO,KAAK,MAAA,CAGd,UAAUE,EAAoB,CAC5B,KAAK,OAASA,CAAA,CAElB,~~CCSO~~,MAAMC,CAAe,CAY1B,YAAY,CAAE,KAAAC,EAAM,UAAAC,GAAyB,CAXrCJ,EAAA,kBAAyB,CAAC,GAClCA,EAAA,kBACAA,EAAA,aACAA,EAAA,cAAS,IAAIF,EAAU,EAAO,GASvB,KAAA,UAAaO,IAEhB,KAAK,WAAW,QAASC,GAAaA,EAAS,KAAK,EAE5C,KAAK,WAAaF,EAAUC,CAAM,GAGvC,KAAA,KAAQE,GAAY,CACvB,KAAM,CAAE,kBAAAC,EAAmB,GAAGC,~~CAAA~~,~~EAC5BF~~,EACG,YAAA,OAAO,UAAU,CAAE,GAAG,KAAK,OAAO,UAAU,EAAG,~~GAAGE~~,EAAM,EAC7DC,~~EAAqBF~~,CAAiB,~~EAC/BL~~,EAAKI,CAAO,CACrB,CAAA,CAEJ,CAaO,~~MAAMI~~,EAAN,MAAMA,CAAa,~~CASxB~~,OAAO,SACLC,~~EACAL~~,EACA,~~SACII~~,EAAa,YACfE,EAAAD,EAAY,YAAZ,MAAAC,EAAA,KAAAD,~~EAAwBL~~,~~IACxBO~~,EAAAF,EAAY,OAAZ,MAAAE,EAAA,KAAAF,~~EAAmBL~~,~~IAErBI~~,EAAa,cAAc,KAAK,CAACC,~~EAAaL~~,CAAO,CAAC,CAAA,CAMxD,aAAa,~~iBACXK~~,~~EACAL~~,EACA,~~UACAM~~,EAAAD,EAAY,YAAZ,MAAAC,EAAA,KAAAD,~~EAAwBL~~,~~GACxB~~,~~OAAMO~~,EAAAF,EAAY,OAAZ,YAAAE,EAAA,KAAAF,EAAmB,~~CACvB~~,kBAAmBD,EAAa,mBAChC,~~GAAGJ~~,CAAA,GACJ,~~CAMH~~,OAAO,OAAQ,~~SACbI~~,EAAa,SAAW,IAGxBE,EAAAF,EAAa,gBAAb,MAAAE,EAA4B,QAAQ,CAAC,CAACD,~~EAAaL~~,CAAO,IAAM,~~QAC9DM~~,EAAAD,EAAY,YAAZ,MAAAC,EAAA,KAAAD,~~EAAwBL~~,EAAO,~~IAIjCO~~,EAAAH,EAAa,gBAAb,MAAAG,EAA4B,QAAQ,CAAC,CAACF,~~EAAaL~~,CAAO,IAAM,~~QAC9DM~~,EAAAD,EAAY,OAAZ,MAAAC,EAAA,KAAAD,EAAmB,CACjB,kBAAmBD,EAAa,mBAChC,~~GAAGJ~~,CAAA,EACJ,EACF,CAMH,OAAO,~~kBAAkBQ~~,EAAgC,CACvDJ,EAAa,mBAAqBI,CAAA,~~CAEtC~~,~~EA3DEf~~,~~EADWW~~,EACJ,gBAA8B,CAAC,~~GACtCX~~,~~EAFWW~~,EAEJ,WAAoB,~~IAC3BX~~,~~EAHWW~~,EAGJ,~~sBAHF~~,~~IAAMK~~,~~EAANL~~"}
1	+ {"version":3,"file":"initializer.js","sources":["/@dropins/tools/src/lib/config.ts","/@dropins/tools/src/lib/initializer.ts"],"sourcesContent":["/*******************************************************************\n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *****************************************************************/\n\nexport class Config<T> {\n private config: T;\n\n constructor(initialConfig: T) {\n this.config = initialConfig;\n }\n\n getConfig(): T {\n return this.config;\n }\n\n setConfig(newConfig: T): void {\n this.config = newConfig;\n }\n}\n","/*****************************************************************\n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *****************************************************************/\n\nimport {\n Config,\n setImageParamsKeyMap,\n setGlobalLocale,\n} from '@adobe-commerce/elsie/lib';\n\ntype Listener = { off(): void };\n\ntype Listeners<T> = (config?: T) => Array<Listener \| undefined>;\n\ntype Init<T> = (config?: T) => Promise<void>;\n\ntype Options<T> = { init: Init<T>; listeners: Listeners<T> };\n\nexport type Model<T = any, D = any> = {\n transformer?: (data: D) => T & { [key: string]: any };\n};\n\n/\n * The `Initializer` class is responsible for setting up event listeners and initializing a module with the given configuration.\n \n @template T - The type of the configuration object.\n * @class\n /\nexport class Initializer<T> {\n private _listeners: Listener[] = [];\n listeners: Listeners<T>;\n init: Init<T>;\n config = new Config<T>({} as T);\n\n /\n Creates an instance of Initializer.\n * @param options - The initialization options.\n * @param options.init - A function that initializes the module.\n * @param options.listeners - A function that sets up event listeners.\n /\n constructor({ init, listeners }: Options<T>) {\n this.listeners = (config) => {\n // Unbind existing listeners\n this._listeners.forEach((listener) => listener.off());\n // Bind new listeners\n return (this._listeners = listeners(config) as Listener[]);\n };\n\n this.init = (options) => {\n const { imageParamsKeyMap, globalLocale, ...rest } =\n options as any;\n this.config.setConfig({ ...this.config.getConfig(), ...rest });\n setImageParamsKeyMap(imageParamsKeyMap);\n setGlobalLocale(globalLocale);\n return init(options);\n };\n }\n}\n\ntype Initializers = [Initializer<any>, { [key: string]: any } \| undefined][];\n\n/\n The Initializers class provides methods to register, mount, and configure initializers.\n \n @class\n \n @method register - Registers a new initializer. If the initializers have already been mounted, it immediately binds the event listeners and initializes the API for the new initializer.\n * @method mount - Mounts all registered initializers. This involves binding the event listeners and initializing the APIs for each initializer, in that order.\n * @method setImageParamKeys - Sets the image parameter keys. These keys are used when initializing the APIs for the initializers.\n /\nexport class initializers {\n static _initializers: Initializers = [];\n static _mounted: boolean = false;\n static _imageParamsKeyMap: { [key: string]: string } \| undefined = undefined;\n static _globalLocale: string \| undefined = undefined;\n /\n Registers a new initializer. If the initializers have already been mounted,it immediately binds the event listeners and initializes the API for the new initializer.\n * @param initializer - The initializer to register.\n * @param options - Optional configuration for the initializer.\n /\n static register(\n initializer: Initializer<any>,\n options?: { [key: string]: any }\n ) {\n if (initializers._mounted) {\n initializer.listeners?.(options);\n initializer.init?.(options);\n }\n initializers._initializers.push([initializer, options]);\n }\n\n /\n Mounts the provided initializer immediately. This involves binding the event listeners and initializing the API for the initializer.\n /\n static async mountImmediately(\n initializer: Initializer<any>,\n options?: { [key: string]: any }\n ) {\n initializer.listeners?.(options);\n await initializer.init?.({\n imageParamsKeyMap: initializers._imageParamsKeyMap,\n globalLocale: initializers._globalLocale,\n ...options,\n });\n }\n\n /\n Mounts all registered initializers. This involves binding the event listeners and initializing the APIs for each initializer, in that order.\n /\n static mount() {\n initializers._mounted = true;\n // In this specific order\n // 1. Bind events\n initializers._initializers?.forEach(([initializer, options]) => {\n initializer.listeners?.(options);\n });\n\n // 2. Initialize APIs\n initializers._initializers?.forEach(([initializer, options]) => {\n initializer.init?.({\n imageParamsKeyMap: initializers._imageParamsKeyMap,\n globalLocale: initializers._globalLocale,\n ...options,\n });\n });\n }\n /\n Sets the image parameter keys. These keys are used when initializing the APIs for the initializers.\n * @param params - The image parameter keys.\n /\n static setImageParamKeys(params: { [key: string]: any }) {\n initializers._imageParamsKeyMap = params;\n }\n\n /\n Sets the global locale. This locale is used by components that need consistent formatting regardless of the user's browser locale.\n * @param locale - The locale string (e.g., 'en-US', 'es-MX', 'fr-FR').\n */\n static setGlobalLocale(locale: string) {\n initializers._globalLocale = locale;\n }\n}\n"],"names":["Config","initialConfig","__publicField","newConfig","Initializer","init","listeners","config","listener","options","imageParamsKeyMap","globalLocale","rest","setImageParamsKeyMap","setGlobalLocale","_initializers","initializer","_a","_b","params","locale","initializers"],"mappings":"wPASO,MAAMA,CAAU,CAGrB,YAAYC,EAAkB,CAFtBC,EAAA,eAGN,KAAK,OAASD,CAAA,CAGhB,WAAe,CACb,OAAO,KAAK,MAAA,CAGd,UAAUE,EAAoB,CAC5B,KAAK,OAASA,CAAA,CAElB,CCUO,MAAMC,CAAe,CAY1B,YAAY,CAAE,KAAAC,EAAM,UAAAC,GAAyB,CAXrCJ,EAAA,kBAAyB,CAAC,GAClCA,EAAA,kBACAA,EAAA,aACAA,EAAA,cAAS,IAAIF,EAAU,EAAO,GASvB,KAAA,UAAaO,IAEhB,KAAK,WAAW,QAASC,GAAaA,EAAS,KAAK,EAE5C,KAAK,WAAaF,EAAUC,CAAM,GAGvC,KAAA,KAAQE,GAAY,CACvB,KAAM,CAAE,kBAAAC,EAAmB,aAAAC,EAAc,GAAGC,CAC1C,EAAAH,EACG,YAAA,OAAO,UAAU,CAAE,GAAG,KAAK,OAAO,UAAU,EAAG,GAAGG,EAAM,EAC7DC,EAAqBH,CAAiB,EACtCI,EAAgBH,CAAY,EACrBN,EAAKI,CAAO,CACrB,CAAA,CAEJ,CAaO,MAAMM,EAAN,MAAMA,CAAa,CAUxB,OAAO,SACLC,EACAP,EACA,SACIM,EAAa,YACfE,EAAAD,EAAY,YAAZ,MAAAC,EAAA,KAAAD,EAAwBP,IACxBS,EAAAF,EAAY,OAAZ,MAAAE,EAAA,KAAAF,EAAmBP,IAErBM,EAAa,cAAc,KAAK,CAACC,EAAaP,CAAO,CAAC,CAAA,CAMxD,aAAa,iBACXO,EACAP,EACA,UACAQ,EAAAD,EAAY,YAAZ,MAAAC,EAAA,KAAAD,EAAwBP,GAClB,OAAMS,EAAAF,EAAY,OAAZ,YAAAE,EAAA,KAAAF,EAAmB,CAC3B,kBAAmBD,EAAa,mBAChC,aAAcA,EAAa,cAC3B,GAAGN,CAAA,GACJ,CAML,OAAO,OAAQ,SACbM,EAAa,SAAW,IAGxBE,EAAAF,EAAa,gBAAb,MAAAE,EAA4B,QAAQ,CAAC,CAACD,EAAaP,CAAO,IAAM,QAC9DQ,EAAAD,EAAY,YAAZ,MAAAC,EAAA,KAAAD,EAAwBP,EAAO,IAIjCS,EAAAH,EAAa,gBAAb,MAAAG,EAA4B,QAAQ,CAAC,CAACF,EAAaP,CAAO,IAAM,QAC9DQ,EAAAD,EAAY,OAAZ,MAAAC,EAAA,KAAAD,EAAmB,CACjB,kBAAmBD,EAAa,mBAChC,aAAcA,EAAa,cAC3B,GAAGN,CAAA,EACJ,EACF,CAMH,OAAO,kBAAkBU,EAAgC,CACvDJ,EAAa,mBAAqBI,CAAA,CAOpC,OAAO,gBAAgBC,EAAgB,CACrCL,EAAa,cAAgBK,CAAA,CAEjC,EAtEElB,EADWa,EACJ,gBAA8B,CAAC,GACtCb,EAFWa,EAEJ,WAAoB,IAC3Bb,EAHWa,EAGJ,sBACPb,EAJWa,EAIJ,iBAJF,IAAMM,EAANN"}

package/chunks/locale-config.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*! Copyright 2025 Adobe
+All Rights Reserved. */
+var a=Object.defineProperty;var c=(l,e,o)=>e in l?a(l,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):l[e]=o;var t=(l,e,o)=>c(l,typeof e!="symbol"?e+"":e,o);class s{constructor(){t(this,"_locale")}get locale(){return this._locale}set locale(e){this._locale=e}getMethods(){return{setLocale:e=>{this.locale=e},getLocale:()=>this.locale}}}const g=new s,{setLocale:L,getLocale:h}=g.getMethods();export{h as g,L as s};
+//# sourceMappingURL=locale-config.js.map

package/chunks/locale-config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"locale-config.js","sources":["/@dropins/tools/src/lib/locale-config.ts"],"sourcesContent":["/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nclass LocaleConfig {\n private _locale?: string | undefined;\n\n get locale() {\n return this._locale;\n }\n\n set locale(value: typeof this._locale) {\n this._locale = value;\n }\n\n public getMethods() {\n return {\n setLocale: (value: typeof this._locale) => {\n this.locale = value;\n },\n getLocale: () => this.locale,\n };\n }\n}\n\nconst localeConfig = new LocaleConfig();\n\nexport const { setLocale: setGlobalLocale, getLocale: getGlobalLocale } =\n localeConfig.getMethods(); "],"names":["LocaleConfig","__publicField","value","localeConfig","setGlobalLocale","getGlobalLocale"],"mappings":"oKASA,MAAMA,CAAa,CAAnB,cACUC,EAAA,gBAER,IAAI,QAAS,CACX,OAAO,KAAK,OAAA,CAGd,IAAI,OAAOC,EAA4B,CACrC,KAAK,QAAUA,CAAA,CAGV,YAAa,CACX,MAAA,CACL,UAAYA,GAA+B,CACzC,KAAK,OAASA,CAChB,EACA,UAAW,IAAM,KAAK,MACxB,CAAA,CAEJ,CAEA,MAAMC,EAAe,IAAIH,EAEZ,CAAE,UAAWI,EAAiB,UAAWC,CAAgB,EACpEF,EAAa,WAAW"}

package/components.js CHANGED Viewed

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