@dropins/tools 0.27.1-alpha1 → 0.28.0-alpha1

package/chunks/vcomponent.js

@@ -1,2 +1,12 @@
-import{g as j}from"./image-params-keymap.js";import{jsx as o}from"../preact-jsx-runtime.js";import{k as d}from"./icons/Add.js";const C=e=>{const r=new FormData(e);return Object.fromEntries(r)},q=e=>{const r=new FormData(e),t=Object.fromEntries(r);return Object.entries(t).reduce((a,[c])=>{const s=e.elements[c];return s!=null&&s.validationMessage?{...a,[c]:s.validationMessage}:{...a}},{})},p=e=>e.reduce((t,n)=>{if(!n)return t;if(typeof n=="string"&&(t+=` ${n}`),Array.isArray(n)){const[a,c]=n;a&&c&&(t+=` ${a}`)}return t},"").trim();function M(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var A=function(r){return h(r)&&!E(r)};function h(e){return!!e&&typeof e=="object"}function E(e){var r=Object.prototype.toString.call(e);return r==="[object RegExp]"||r==="[object Date]"||I(e)}var w=typeof Symbol=="function"&&Symbol.for,S=w?Symbol.for("react.element"):60103;function I(e){return e.$$typeof===S}function N(e){return Array.isArray(e)?[]:{}}function l(e,r){return r.clone!==!1&&r.isMergeableObject(e)?u(N(e),e,r):e}function v(e,r,t){return e.concat(r).map(function(n){return l(n,t)})}function P(e,r){if(!r.customMerge)return u;var t=r.customMerge(e);return typeof t=="function"?t:u}function T(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(r){return Object.propertyIsEnumerable.call(e,r)}):[]}function b(e){return Object.keys(e).concat(T(e))}function g(e,r){try{return r in e}catch{return!1}}function $(e,r){return g(e,r)&&!(Object.hasOwnProperty.call(e,r)&&Object.propertyIsEnumerable.call(e,r))}function x(e,r,t){var n={};return t.isMergeableObject(e)&&b(e).forEach(function(a){n[a]=l(e[a],t)}),b(r).forEach(function(a){$(e,a)||(g(e,a)&&t.isMergeableObject(r[a])?n[a]=P(a,t)(e[a],r[a],t):n[a]=l(r[a],t))}),n}function u(e,r,t){t=t||{},t.arrayMerge=t.arrayMerge||v,t.isMergeableObject=t.isMergeableObject||A,t.cloneUnlessOtherwiseSpecified=l;var n=Array.isArray(r),a=Array.isArray(e),c=n===a;return c?n?t.arrayMerge(e,r,t):x(e,r,t):l(r,t)}u.all=function(r,t){if(!Array.isArray(r))throw new Error("first argument should be an array");return r.reduce(function(n,a){return u(n,a,t)},{})};var D=u,F=D;const B=M(F),L=(e,r)=>{let t;return function(...n){clearTimeout(t),t=setTimeout(()=>e.apply(this,n),r)}},y={medium:768,large:1024,xlarge:1366,xxlarge:1920},U=(e,r)=>{const[t,n]=e.split("?"),a=new URLSearchParams(n),c=j();let s={};return c&&Object.keys(c).length>0&&r?s=Object.entries(r).reduce((f,[i,O])=>{const m=c[i];return m&&(f[m]=O),f},{}):s={auto:"webp",quality:80,crop:!1,fit:"cover",...r},Object.entries(s).forEach(([f,i])=>{i!=null&&a.set(f,String(i))}),`${t}?${a.toString()}`},W=(e,r)=>{if(!e||!(r!=null&&r.width))return;const t=n=>U(e,{...n});return Object.entries(y).map(([,n])=>{const a=r.width*n/y.xxlarge;return`${t({...r,width:a})} ${n}w`}).join(`,
-`)};function K({node:e,...r}){return e?Array.isArray(e)?o(d,{children:e.map((t,n)=>o(K,{node:t,className:r.className,...r},n))}):(r.className=p([e.props.className,r.className]),o(e.type,{ref:e.ref,...e.props,...r},e.key)):null}export{K as V,q as a,L as b,p as c,B as d,W as e,C as g};
+var Zt=Object.defineProperty;var Bt=(t,e,r)=>e in t?Zt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var mt=(t,e,r)=>Bt(t,typeof e!="symbol"?e+"":e,r);import{g as Gt}from"./image-params-keymap.js";import{jsx as N}from"../preact-jsx-runtime.js";import{l as g,_ as Nt,k as B,b as Jt,T as Ut,t as Xt,B as ft}from"./icons/Add.js";const Me=t=>{const e=new FormData(t);return Object.fromEntries(e)},Ee=t=>{const e=new FormData(t),r=Object.fromEntries(e);return Object.entries(r).reduce((n,[o])=>{const s=t.elements[o];return s!=null&&s.validationMessage?{...n,[o]:s.validationMessage}:{...n}},{})},Yt=t=>t.reduce((r,i)=>{if(!i)return r;if(typeof i=="string"&&(r+=` ${i}`),Array.isArray(i)){const[n,o]=i;n&&o&&(r+=` ${n}`)}return r},"").trim();function Qt(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var Rt=function(e){return It(e)&&!Ht(e)};function It(t){return!!t&&typeof t=="object"}function Ht(t){var e=Object.prototype.toString.call(t);return e==="[object RegExp]"||e==="[object Date]"||re(t)}var te=typeof Symbol=="function"&&Symbol.for,ee=te?Symbol.for("react.element"):60103;function re(t){return t.$$typeof===ee}function ie(t){return Array.isArray(t)?[]:{}}function G(t,e){return e.clone!==!1&&e.isMergeableObject(t)?L(ie(t),t,e):t}function ne(t,e,r){return t.concat(e).map(function(i){return G(i,r)})}function oe(t,e){if(!e.customMerge)return L;var r=e.customMerge(t);return typeof r=="function"?r:L}function se(t){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter(function(e){return Object.propertyIsEnumerable.call(t,e)}):[]}function wt(t){return Object.keys(t).concat(se(t))}function Ct(t,e){try{return e in t}catch{return!1}}function fe(t,e){return Ct(t,e)&&!(Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))}function ae(t,e,r){var i={};return r.isMergeableObject(t)&&wt(t).forEach(function(n){i[n]=G(t[n],r)}),wt(e).forEach(function(n){fe(t,n)||(Ct(t,n)&&r.isMergeableObject(e[n])?i[n]=oe(n,r)(t[n],e[n],r):i[n]=G(e[n],r))}),i}function L(t,e,r){r=r||{},r.arrayMerge=r.arrayMerge||ne,r.isMergeableObject=r.isMergeableObject||Rt,r.cloneUnlessOtherwiseSpecified=G;var i=Array.isArray(e),n=Array.isArray(t),o=i===n;return o?i?r.arrayMerge(t,e,r):ae(t,e,r):G(e,r)}L.all=function(e,r){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce(function(i,n){return L(i,n,r)},{})};var ue=L,ce=ue;const Ne=Qt(ce),Ue=(t,e)=>{let r;return function(...i){clearTimeout(r),r=setTimeout(()=>t.apply(this,i),e)}},Ot={medium:768,large:1024,xlarge:1366,xxlarge:1920},le=(t,e)=>{const[r,i]=t.split("?"),n=new URLSearchParams(i),o=Gt();let s={};return o&&Object.keys(o).length>0&&e?s=Object.entries(e).reduce((u,[h,_])=>{const O=o[h];return O&&(u[O]=_),u},{}):s={auto:"webp",quality:80,crop:!1,fit:"cover",...e},Object.entries(s).forEach(([u,h])=>{h!=null&&n.set(u,String(h))}),`${r}?${n.toString()}`},Ce=(t,e)=>{if(!t||!(e!=null&&e.width))return;const r=i=>le(t,{...i});return Object.entries(Ot).map(([,i])=>{const n=e.width*i/Ot.xxlarge;return`${r({...e,width:n})} ${i}w`}).join(`,
+`)};var ve=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i,Pt=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,Q=/[\s\n\\/='"\0<>]/,Dt=/^xlink:?./,de=/["&<]/;function K(t){if(de.test(t+="")===!1)return t;for(var e=0,r=0,i="",n="";r<t.length;r++){switch(t.charCodeAt(r)){case 34:n="&quot;";break;case 38:n="&amp;";break;case 60:n="&lt;";break;default:continue}r!==e&&(i+=t.slice(e,r)),i+=n,e=r+1}return r!==e&&(i+=t.slice(e,r)),i}var xt=function(t,e){return String(t).replace(/(\n+)/g,"$1"+(e||"	"))},$t=function(t,e,r){return String(t).length>40||String(t).indexOf(`
+`)!==-1||String(t).indexOf("<")!==-1},jt={},he=/([A-Z])/g;function Ft(t){var e="";for(var r in t){var i=t[r];i!=null&&i!==""&&(e&&(e+=" "),e+=r[0]=="-"?r:jt[r]||(jt[r]=r.replace(he,"-$1").toLowerCase()),e=typeof i=="number"&&ve.test(r)===!1?e+": "+i+"px;":e+": "+i+";")}return e||void 0}function lt(t,e){return Array.isArray(e)?e.reduce(lt,t):e!=null&&e!==!1&&t.push(e),t}function St(){this.__d=!0}function Tt(t,e){return{__v:t,context:e,props:t.props,setState:St,forceUpdate:St,__d:!0,__h:[]}}function R(t,e){var r=t.contextType,i=r&&e[r.__c];return r!=null?i?i.props.value:r.__:e}var at=[];function W(t,e,r,i,n,o){if(t==null||typeof t=="boolean")return"";if(typeof t!="object")return typeof t=="function"?"":K(t);var s=r.pretty,u=s&&typeof s=="string"?s:"	";if(Array.isArray(t)){for(var h="",_=0;_<t.length;_++)s&&_>0&&(h+=`
+`),h+=W(t[_],e,r,i,n,o);return h}if(t.constructor!==void 0)return"";var O,p=t.type,y=t.props,P=!1;if(typeof p=="function"){if(P=!0,!r.shallow||!i&&r.renderRootComponent!==!1){if(p===B){var x=[];return lt(x,t.props.children),W(x,e,r,r.shallowHighOrder!==!1,n,o)}var b,f=t.__c=Tt(t,e);g.__b&&g.__b(t);var D=g.__r;if(p.prototype&&typeof p.prototype.render=="function"){var M=R(p,e);(f=t.__c=new p(y,M)).__v=t,f._dirty=f.__d=!0,f.props=y,f.state==null&&(f.state={}),f._nextState==null&&f.__s==null&&(f._nextState=f.__s=f.state),f.context=M,p.getDerivedStateFromProps?f.state=Object.assign({},f.state,p.getDerivedStateFromProps(f.props,f.state)):f.componentWillMount&&(f.componentWillMount(),f.state=f._nextState!==f.state?f._nextState:f.__s!==f.state?f.__s:f.state),D&&D(t),b=f.render(f.props,f.state,f.context)}else for(var U=R(p,e),F=0;f.__d&&F++<25;)f.__d=!1,D&&D(t),b=p.call(t.__c,y,U);return f.getChildContext&&(e=Object.assign({},e,f.getChildContext())),g.diffed&&g.diffed(t),W(b,e,r,r.shallowHighOrder!==!1,n,o)}p=(O=p).displayName||O!==Function&&O.name||function(nt){var ot=(Function.prototype.toString.call(nt).match(/^\s*function\s+([^( ]+)/)||"")[1];if(!ot){for(var Y=-1,st=at.length;st--;)if(at[st]===nt){Y=st;break}Y<0&&(Y=at.push(nt)-1),ot="UnnamedComponent"+Y}return ot}(O)}var j,$,v="<"+p;if(y){var m=Object.keys(y);r&&r.sortAttributes===!0&&m.sort();for(var E=0;E<m.length;E++){var a=m[E],l=y[a];if(a!=="children"){if(!Q.test(a)&&(r&&r.allAttributes||a!=="key"&&a!=="ref"&&a!=="__self"&&a!=="__source")){if(a==="defaultValue")a="value";else if(a==="defaultChecked")a="checked";else if(a==="defaultSelected")a="selected";else if(a==="className"){if(y.class!==void 0)continue;a="class"}else n&&Dt.test(a)&&(a=a.toLowerCase().replace(/^xlink:?/,"xlink:"));if(a==="htmlFor"){if(y.for)continue;a="for"}a==="style"&&l&&typeof l=="object"&&(l=Ft(l)),a[0]==="a"&&a[1]==="r"&&typeof l=="boolean"&&(l=String(l));var c=r.attributeHook&&r.attributeHook(a,l,e,r,P);if(c||c==="")v+=c;else if(a==="dangerouslySetInnerHTML")$=l&&l.__html;else if(p==="textarea"&&a==="value")j=l;else if((l||l===0||l==="")&&typeof l!="function"){if(!(l!==!0&&l!==""||(l=a,r&&r.xml))){v=v+" "+a;continue}if(a==="value"){if(p==="select"){o=l;continue}p==="option"&&o==l&&y.selected===void 0&&(v+=" selected")}v=v+" "+a+'="'+K(l)+'"'}}}else j=l}}if(s){var S=v.replace(/\n\s*/," ");S===v||~S.indexOf(`
+`)?s&&~v.indexOf(`
+`)&&(v+=`
+`):v=S}if(v+=">",Q.test(p))throw new Error(p+" is not a valid HTML tag name in "+v);var T,Kt=Pt.test(p)||r.voidElements&&r.voidElements.test(p),A=[];if($)s&&$t($)&&($=`
+`+u+xt($,u)),v+=$;else if(j!=null&&lt(T=[],j).length){for(var tt=s&&~v.indexOf(`
+`),gt=!1,et=0;et<T.length;et++){var rt=T[et];if(rt!=null&&rt!==!1){var C=W(rt,e,r,!0,p==="svg"||p!=="foreignObject"&&n,o);if(s&&!tt&&$t(C)&&(tt=!0),C)if(s){var bt=C.length>0&&C[0]!="<";gt&&bt?A[A.length-1]+=C:A.push(C),gt=bt}else A.push(C)}}if(s&&tt)for(var it=A.length;it--;)A[it]=`
+`+u+xt(A[it],u)}if(A.length||$)v+=A.join("");else if(r&&r.xml)return v.substring(0,v.length-1)+" />";return!Kt||T||$?(s&&~v.indexOf(`
+`)&&(v+=`
+`),v=v+"</"+p+">"):v=v.replace(/>$/," />"),v}var pe={shallow:!0};J.render=J;var _e=function(t,e){return J(t,e,pe)},At=[];function J(t,e,r){e=e||{};var i=g.__s;g.__s=!0;var n,o=Nt(B,null);return o.__k=[t],n=r&&(r.pretty||r.voidElements||r.sortAttributes||r.shallow||r.allAttributes||r.xml||r.attributeHook)?W(t,e,r):z(t,e,!1,void 0,o),g.__c&&g.__c(t,At),g.__s=i,At.length=0,n}function ut(t){return t==null||typeof t=="boolean"?null:typeof t=="string"||typeof t=="number"||typeof t=="bigint"?Nt(null,null,t):t}function ye(t,e){return t==="className"?"class":t==="htmlFor"?"for":t==="defaultValue"?"value":t==="defaultChecked"?"checked":t==="defaultSelected"?"selected":e&&Dt.test(t)?t.toLowerCase().replace(/^xlink:?/,"xlink:"):t}function ge(t,e){return t==="style"&&e!=null&&typeof e=="object"?Ft(e):t[0]==="a"&&t[1]==="r"&&typeof e=="boolean"?String(e):e}var Mt=Array.isArray,Et=Object.assign;function z(t,e,r,i,n){if(t==null||t===!0||t===!1||t==="")return"";if(typeof t!="object")return typeof t=="function"?"":K(t);if(Mt(t)){var o="";n.__k=t;for(var s=0;s<t.length;s++)o+=z(t[s],e,r,i,n),t[s]=ut(t[s]);return o}if(t.constructor!==void 0)return"";t.__=n,g.__b&&g.__b(t);var u=t.type,h=t.props;if(typeof u=="function"){var _;if(u===B)_=h.children;else{_=u.prototype&&typeof u.prototype.render=="function"?function(m,E){var a=m.type,l=R(a,E),c=new a(m.props,l);m.__c=c,c.__v=m,c.__d=!0,c.props=m.props,c.state==null&&(c.state={}),c.__s==null&&(c.__s=c.state),c.context=l,a.getDerivedStateFromProps?c.state=Et({},c.state,a.getDerivedStateFromProps(c.props,c.state)):c.componentWillMount&&(c.componentWillMount(),c.state=c.__s!==c.state?c.__s:c.state);var S=g.__r;return S&&S(m),c.render(c.props,c.state,c.context)}(t,e):function(m,E){var a,l=Tt(m,E),c=R(m.type,E);m.__c=l;for(var S=g.__r,T=0;l.__d&&T++<25;)l.__d=!1,S&&S(m),a=m.type.call(l,m.props,c);return a}(t,e);var O=t.__c;O.getChildContext&&(e=Et({},e,O.getChildContext()))}var p=z(_=_!=null&&_.type===B&&_.key==null?_.props.children:_,e,r,i,t);return g.diffed&&g.diffed(t),t.__=void 0,g.unmount&&g.unmount(t),p}var y,P,x="<";if(x+=u,h)for(var b in y=h.children,h){var f=h[b];if(!(b==="key"||b==="ref"||b==="__self"||b==="__source"||b==="children"||b==="className"&&"class"in h||b==="htmlFor"&&"for"in h||Q.test(b))){if(f=ge(b=ye(b,r),f),b==="dangerouslySetInnerHTML")P=f&&f.__html;else if(u==="textarea"&&b==="value")y=f;else if((f||f===0||f==="")&&typeof f!="function"){if(f===!0||f===""){f=b,x=x+" "+b;continue}if(b==="value"){if(u==="select"){i=f;continue}u!=="option"||i!=f||"selected"in h||(x+=" selected")}x=x+" "+b+'="'+K(f)+'"'}}}var D=x;if(x+=">",Q.test(u))throw new Error(u+" is not a valid HTML tag name in "+x);var M="",U=!1;if(P)M+=P,U=!0;else if(typeof y=="string")M+=K(y),U=!0;else if(Mt(y)){t.__k=y;for(var F=0;F<y.length;F++){var j=y[F];if(y[F]=ut(j),j!=null&&j!==!1){var $=z(j,e,u==="svg"||u!=="foreignObject"&&r,i,t);$&&(M+=$,U=!0)}}}else if(y!=null&&y!==!1&&y!==!0){t.__k=[ut(y)];var v=z(y,e,u==="svg"||u!=="foreignObject"&&r,i,t);v&&(M+=v,U=!0)}if(g.diffed&&g.diffed(t),t.__=void 0,g.unmount&&g.unmount(t),U)x+=M;else if(Pt.test(u))return D+" />";return x+"</"+u+">"}J.shallowRender=_e;var be=Symbol.for("preact-signals");function ht(){if(k>1)k--;else{for(var t,e=!1;Z!==void 0;){var r=Z;for(Z=void 0,vt++;r!==void 0;){var i=r.o;if(r.o=void 0,r.f&=-3,!(8&r.f)&&Lt(r))try{r.c()}catch(n){e||(t=n,e=!0)}r=i}}if(vt=0,k--,e)throw t}}var d=void 0,Z=void 0,k=0,vt=0,I=0;function kt(t){if(d!==void 0){var e=t.n;if(e===void 0||e.t!==d)return e={i:0,S:t,p:d.s,n:void 0,t:d,e:void 0,x:void 0,r:e},d.s!==void 0&&(d.s.n=e),d.s=e,t.n=e,32&d.f&&t.S(e),e;if(e.i===-1)return e.i=0,e.n!==void 0&&(e.n.p=e.p,e.p!==void 0&&(e.p.n=e.n),e.p=d.s,e.n=void 0,d.s.n=e,d.s=e),e}}function w(t){this.v=t,this.i=0,this.n=void 0,this.t=void 0}w.prototype.brand=be;w.prototype.h=function(){return!0};w.prototype.S=function(t){this.t!==t&&t.e===void 0&&(t.x=this.t,this.t!==void 0&&(this.t.e=t),this.t=t)};w.prototype.U=function(t){if(this.t!==void 0){var e=t.e,r=t.x;e!==void 0&&(e.x=r,t.e=void 0),r!==void 0&&(r.e=e,t.x=void 0),t===this.t&&(this.t=r)}};w.prototype.subscribe=function(t){var e=this;return yt(function(){var r=e.value,i=d;d=void 0;try{t(r)}finally{d=i}})};w.prototype.valueOf=function(){return this.value};w.prototype.toString=function(){return this.value+""};w.prototype.toJSON=function(){return this.value};w.prototype.peek=function(){var t=d;d=void 0;try{return this.value}finally{d=t}};Object.defineProperty(w.prototype,"value",{get:function(){var t=kt(this);return t!==void 0&&(t.i=this.i),this.v},set:function(t){if(t!==this.v){if(vt>100)throw new Error("Cycle detected");this.v=t,this.i++,I++,k++;try{for(var e=this.t;e!==void 0;e=e.x)e.t.N()}finally{ht()}}}});function pt(t){return new w(t)}function Lt(t){for(var e=t.s;e!==void 0;e=e.n)if(e.S.i!==e.i||!e.S.h()||e.S.i!==e.i)return!0;return!1}function Vt(t){for(var e=t.s;e!==void 0;e=e.n){var r=e.S.n;if(r!==void 0&&(e.r=r),e.S.n=e,e.i=-1,e.n===void 0){t.s=e;break}}}function qt(t){for(var e=t.s,r=void 0;e!==void 0;){var i=e.p;e.i===-1?(e.S.U(e),i!==void 0&&(i.n=e.n),e.n!==void 0&&(e.n.p=i)):r=e,e.S.n=e.r,e.r!==void 0&&(e.r=void 0),e=i}t.s=r}function V(t){w.call(this,void 0),this.x=t,this.s=void 0,this.g=I-1,this.f=4}(V.prototype=new w).h=function(){if(this.f&=-3,1&this.f)return!1;if((36&this.f)==32||(this.f&=-5,this.g===I))return!0;if(this.g=I,this.f|=1,this.i>0&&!Lt(this))return this.f&=-2,!0;var t=d;try{Vt(this),d=this;var e=this.x();(16&this.f||this.v!==e||this.i===0)&&(this.v=e,this.f&=-17,this.i++)}catch(r){this.v=r,this.f|=16,this.i++}return d=t,qt(this),this.f&=-2,!0};V.prototype.S=function(t){if(this.t===void 0){this.f|=36;for(var e=this.s;e!==void 0;e=e.n)e.S.S(e)}w.prototype.S.call(this,t)};V.prototype.U=function(t){if(this.t!==void 0&&(w.prototype.U.call(this,t),this.t===void 0)){this.f&=-33;for(var e=this.s;e!==void 0;e=e.n)e.S.U(e)}};V.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var t=this.t;t!==void 0;t=t.x)t.t.N()}};Object.defineProperty(V.prototype,"value",{get:function(){if(1&this.f)throw new Error("Cycle detected");var t=kt(this);if(this.h(),t!==void 0&&(t.i=this.i),16&this.f)throw this.v;return this.v}});function me(t){return new V(t)}function Wt(t){var e=t.u;if(t.u=void 0,typeof e=="function"){k++;var r=d;d=void 0;try{e()}catch(i){throw t.f&=-2,t.f|=8,_t(t),i}finally{d=r,ht()}}}function _t(t){for(var e=t.s;e!==void 0;e=e.n)e.S.U(e);t.x=void 0,t.s=void 0,Wt(t)}function we(t){if(d!==this)throw new Error("Out-of-order effect");qt(this),d=t,this.f&=-2,8&this.f&&_t(this),ht()}function X(t){this.x=t,this.u=void 0,this.s=void 0,this.o=void 0,this.f=32}X.prototype.c=function(){var t=this.S();try{if(8&this.f||this.x===void 0)return;var e=this.x();typeof e=="function"&&(this.u=e)}finally{t()}};X.prototype.S=function(){if(1&this.f)throw new Error("Cycle detected");this.f|=1,this.f&=-9,Wt(this),Vt(this),k++;var t=d;return d=this,we.bind(this,t)};X.prototype.N=function(){2&this.f||(this.f|=2,this.o=Z,Z=this)};X.prototype.d=function(){this.f|=8,1&this.f||_t(this)};function yt(t){var e=new X(t);try{e.c()}catch(r){throw e.d(),r}return e.d.bind(e)}var ct;function q(t,e){g[t]=e.bind(null,g[t]||function(){})}function H(t){ct&&ct(),ct=t&&t.S()}function zt(t){var e=this,r=t.data,i=xe(r);i.value=r;var n=Ut(function(){for(var o=e.__v;o=o.__;)if(o.__c){o.__c.__$f|=4;break}return e.__$u.c=function(){var s;!Xt(n.peek())&&((s=e.base)==null?void 0:s.nodeType)===3?e.base.data=n.peek():(e.__$f|=1,e.setState({}))},me(function(){var s=i.value.value;return s===0?0:s===!0?"":s||""})},[]);return n.value}zt.displayName="_st";Object.defineProperties(w.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:zt},props:{configurable:!0,get:function(){return{data:this}}},__b:{configurable:!0,value:1}});q("__b",function(t,e){if(typeof e.type=="string"){var r,i=e.props;for(var n in i)if(n!=="children"){var o=i[n];o instanceof w&&(r||(e.__np=r={}),r[n]=o,i[n]=o.peek())}}t(e)});q("__r",function(t,e){H();var r,i=e.__c;i&&(i.__$f&=-2,(r=i.__$u)===void 0&&(i.__$u=r=function(n){var o;return yt(function(){o=this}),o.c=function(){i.__$f|=1,i.setState({})},o}())),H(r),t(e)});q("__e",function(t,e,r,i){H(),t(e,r,i)});q("diffed",function(t,e){H();var r;if(typeof e.type=="string"&&(r=e.__e)){var i=e.__np,n=e.props;if(i){var o=r.U;if(o)for(var s in o){var u=o[s];u!==void 0&&!(s in i)&&(u.d(),o[s]=void 0)}else r.U=o={};for(var h in i){var _=o[h],O=i[h];_===void 0?(_=Oe(r,h,O,n),o[h]=_):_.o(O,n)}}}t(e)});function Oe(t,e,r,i){var n=e in t&&t.ownerSVGElement===void 0,o=pt(r);return{o:function(s,u){o.value=s,i=u},d:yt(function(){var s=o.value.value;i[e]!==s&&(i[e]=s,n?t[e]=s:s?t.setAttribute(e,s):t.removeAttribute(e))})}}q("unmount",function(t,e){if(typeof e.type=="string"){var r=e.__e;if(r){var i=r.U;if(i){r.U=void 0;for(var n in i){var o=i[n];o&&o.d()}}}}else{var s=e.__c;if(s){var u=s.__$u;u&&(s.__$u=void 0,u.d())}}t(e)});q("__h",function(t,e,r,i){(i<3||i===9)&&(e.__$f|=2),t(e,r,i)});Jt.prototype.shouldComponentUpdate=function(t,e){var r=this.__$u;if(!(r&&r.s!==void 0||4&this.__$f)||3&this.__$f)return!0;for(var i in e)return!0;for(var n in t)if(n!=="__source"&&t[n]!==this.props[n])return!0;for(var o in this.props)if(!(o in t))return!0;return!1};function xe(t){return Ut(function(){return pt(t)},[])}class Pe{constructor(e){mt(this,"_provider");this._provider=e}render(e,r){return async i=>{var h;if(!e)throw new Error("Component is not defined");if(!i)throw new Error("Root element is not defined");i.classList.add("dropin-design");const n=await((h=e.getInitialData)==null?void 0:h.call(e,r))??{},o=pt({...r}),s=this._provider;return ft(N(({next:_})=>N(dt,{node:s,...s.props,children:N(e,{..._.value,initialData:n})}),{next:o}),i),{remove:()=>ft(null,i),setProps:_=>{const O=_(o.peek());o.value=O}}}}unmount(e){if(!e)throw new Error("Root element is not defined");ft(null,e)}async toString(e,r,i){var o;if(!e)throw new Error("Component is not defined");const n=await((o=e.getInitialData)==null?void 0:o.call(e,r))??{};return J(N(dt,{node:this._provider,...this._provider.props,children:N(e,{...r,initialData:n})}),{},{...i})}}function dt({node:t,...e}){return t?Array.isArray(t)?N(B,{children:t.map((r,i)=>N(dt,{node:r,className:e.className,...e},i))}):(e.className=Yt([t.props.className,e.className]),N(t.type,{ref:t.ref,...t.props,...e},t.key)):null}export{Pe as R,dt as V,Ee as a,Ue as b,Yt as c,Ne as d,Ce as e,Me as g};

package/components.js

@@ -1 +1 @@
-import{jsx as e}from"./preact-jsx-runtime.js";import{d as J,c as r,b as ne,V as g,e as Ne,g as ve}from"./chunks/vcomponent.js";import{G as fe,T as M,F as v,L as we,h as V,y as z,q as R,S as K,A as G,_ as ke,N as ae,E as xe,k as A,x as De}from"./chunks/icons/Add.js";import{IntlProvider as Se,Localizer as Y,Text as $,useText as S}from"./i18n.js";import U from"./chunks/icons/Minus.js";import Ee from"./chunks/icons/CheckWithCircle.js";import Te from"./chunks/icons/WarningWithCircle.js";import Pe from"./chunks/icons/Date.js";import Ie from"./chunks/icons/Locker.js";import $e from"./chunks/icons/Eye.js";import Ce from"./chunks/icons/EyeClose.js";import oe from"./chunks/icons/Check.js";import Z from"./chunks/icons/Close.js";import se from"./chunks/icons/ChevronDown.js";import Le from"./chunks/icons/Trash.js";import Ae from"./chunks/icons/ChevronUp.js";import"./chunks/image-params-keymap.js";const Oe={ExampleComponentName:{item:{label:"string"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity"},Modal:{Close:{label:"Close"}},InputPassword:{requiredFieldError:"This is a required field.",placeholder:"Password",buttonTitle:"Click to show or hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},Q={Dropin:Oe},ee={default:Q,en_US:Q},Ve=c=>J(ee.default,ee[c]||{}),re=1,W=({className:c,fullWidth:o=!1,lines:a=re,size:i="small",variant:s="row",children:n=null,multilineGap:l="medium",...t})=>{const d=[[`dropin-skeleton-row__${s}`,s],[`dropin-skeleton-row__${s}-${i}`,s&&i]];if(!n&&s==="empty")return e("div",{className:r(["dropin-skeleton-row dropin-skeleton-row__empty",c])});if(n){const p=n.trim();return e("div",{...t,class:r(["dropin-skeleton-row",["dropin-skeleton-row--full",o],c]),dangerouslySetInnerHTML:{__html:p}})}return a>re===!1?e("div",{...t,class:r(["dropin-skeleton-row",["dropin-skeleton-row--full",o],"dropin-skeleton--row__content",...d,c])}):e("div",{...t,style:{"--multiline-gap-spacing":`var(--spacing-${l})`},class:r(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",o],c]),children:Array.from({length:a}).map((p,u)=>e("div",{class:r(["dropin-skeleton-row",["dropin-skeleton-row--full",o],"dropin-skeleton--row__content",...d])},u))})},le=({className:c,children:o,rowGap:a="medium",...i})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${a})`},...i,className:r(["dropin-skeleton",c]),role:"status","aria-label":"Loading...",children:o}),ce=fe({locale:"en-US"}),ur=({lang:c="en_US",langDefinitions:o={},className:a,children:i,...s})=>{const n=M(()=>{const t=J(o.default,o[c]??{});return J(Ve(c),t)},[c,o]),l=c.replace("_","-");return e(ce.Provider,{value:{locale:l},children:e(Se,{definition:n,children:e("div",{...s,className:r(["dropin-design",a]),children:i})})})},Re=function(){const o=typeof document<"u"&&document.createElement("link").relList;return o&&o.supports&&o.supports("modulepreload")?"modulepreload":"preload"}(),Fe=function(c){return"/"+c},te={},f=function(o,a,i){let s=Promise.resolve();if(a&&a.length>0){document.getElementsByTagName("link");const n=document.querySelector("meta[property=csp-nonce]"),l=(n==null?void 0:n.nonce)||(n==null?void 0:n.getAttribute("nonce"));s=Promise.all(a.map(t=>{if(t=Fe(t),t in te)return;te[t]=!0;const d=t.endsWith(".css"),_=d?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${t}"]${_}`))return;const p=document.createElement("link");if(p.rel=d?"stylesheet":Re,d||(p.as="script",p.crossOrigin=""),p.href=t,l&&p.setAttribute("nonce",l),document.head.appendChild(p),d)return new Promise((u,m)=>{p.addEventListener("load",u),p.addEventListener("error",()=>m(new Error(`Unable to preload CSS for ${t}`)))})}))}return s.then(()=>o()).catch(n=>{const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=n,window.dispatchEvent(l),!l.defaultPrevented)throw n})},Be={Add:v(()=>f(()=>import("./chunks/icons/Add.js").then(c=>c.$),[])),Bulk:v(()=>f(()=>import("./chunks/icons/Bulk.js"),[])),Burger:v(()=>f(()=>import("./chunks/icons/Burger.js"),[])),Cart:v(()=>f(()=>import("./chunks/icons/Cart.js"),[])),Check:v(()=>f(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:v(()=>f(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:v(()=>f(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:v(()=>f(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:v(()=>f(()=>import("./chunks/icons/Close.js"),[])),Heart:v(()=>f(()=>import("./chunks/icons/Heart.js"),[])),Minus:v(()=>f(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:v(()=>f(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:v(()=>f(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:v(()=>f(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:v(()=>f(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:v(()=>f(()=>import("./chunks/icons/Sort.js"),[])),Star:v(()=>f(()=>import("./chunks/icons/Star.js"),[])),View:v(()=>f(()=>import("./chunks/icons/View.js"),[])),User:v(()=>f(()=>import("./chunks/icons/User.js"),[])),Warning:v(()=>f(()=>import("./chunks/icons/Warning.js"),[])),Locker:v(()=>f(()=>import("./chunks/icons/Locker.js"),[])),Wallet:v(()=>f(()=>import("./chunks/icons/Wallet.js"),[])),Card:v(()=>f(()=>import("./chunks/icons/Card.js"),[])),Order:v(()=>f(()=>import("./chunks/icons/Order.js"),[])),Delivery:v(()=>f(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:v(()=>f(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:v(()=>f(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:v(()=>f(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:v(()=>f(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:v(()=>f(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:v(()=>f(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:v(()=>f(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:v(()=>f(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:v(()=>f(()=>import("./chunks/icons/Trash.js"),[])),Eye:v(()=>f(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:v(()=>f(()=>import("./chunks/icons/EyeClose.js"),[])),Date:v(()=>f(()=>import("./chunks/icons/Date.js"),[]))};function O({source:c,size:o="24",stroke:a="2",viewBox:i="0 0 24 24",className:s,...n}){const l=typeof c=="string"?Be[c]:null,t={className:r(["dropin-icon",`dropin-icon--shape-stroke-${a}`,s]),width:o,height:o,viewBox:i};return e(we,{fallback:null,children:l?e(l,{...n,...t}):e(c,{...n,...t})})}const qe=({name:c,value:o="1",className:a,disabled:i,error:s,success:n,min:l,max:t,onValue:d,onUpdateError:_,size:p="medium",...u})=>{const[m,h]=V(Number(o)),y=Number(l),b=Number(t);z(()=>{h(Number(o))},[o]);const w=R(ne(async N=>{if(d)try{await d(N)}catch(x){_&&_(x)}},200),[d,_]),k=N=>{let x=N;N<y&&(x=y),N>b&&(x=b),w(x),h(x)};return e("div",{className:r(["dropin-incrementer",`dropin-incrementer--${p}`,a]),children:e("div",{className:r(["dropin-incrementer__content",`dropin-incrementer__content--${p}`,["dropin-incrementer__content--error",s],["dropin-incrementer__content--success",n],["dropin-incrementer__content--disabled",i]]),children:[e("div",{className:r(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",i]]),children:e(Y,{children:e("button",{type:"button",className:r(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",i]]),onClick:()=>k(m-1),disabled:i||m<y+1,"aria-label":e($,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(O,{source:U,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:t,min:l,step:1,type:"number",name:c,value:m,disabled:i,onChange:N=>{const x=N.currentTarget.value;x!==""&&k(Number(x))},...u}),e("div",{className:r(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",i]]),children:e(Y,{children:e("button",{type:"button",className:r(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",i]]),onClick:()=>k(m+1),disabled:i||m>b-1,"aria-label":e($,{id:"Dropin.Incrementer.increaseLabel"}),children:e(O,{source:K,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]})})},de=({name:c,value:o,variant:a="primary",className:i,disabled:s,error:n,floatingLabel:l,onValue:t,onUpdateError:d,size:_="medium",icon:p,maxLength:u,success:m,...h})=>{const y=(h==null?void 0:h.id)||c||`dropin-input-${Math.random().toString(36)}`,b=R(ne(async k=>{if(t)try{await t(k)}catch(N){d&&d(N)}},200),[t,d]),w=k=>{const N=k.target;b(N.value.trim())};return e("div",{className:r(["dropin-input-container",`dropin-input-container--${a}`,["dropin-input-container--floating",!!l],["dropin-input-container--disabled",s]]),children:[p&&e(g,{node:p,className:r(["dropin-input__field-icon--left",p.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:y,onChange:w,type:"text",maxLength:u,name:c,value:o,...h,className:r(["dropin-input",`dropin-input--${_}`,`dropin-input--${a}`,["dropin-input--error",!!n],["dropin-input--success",!!m],["dropin-input--disabled",s],["dropin-input--floating",!!l],["dropin-input--icon-left",!!p],i]),disabled:s}),l&&e("label",{htmlFor:y,className:r([["dropin-input__label--floating",!!l],["dropin-input__label--floating--icon-left",!!p],["dropin-input__label--floating--error",!!n]]),children:l})]}),n&&e("div",{className:r(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(O,{source:Te,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),m&&e("div",{className:r(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(O,{source:Ee,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},hr=({name:c="",error:o,value:a,label:i,onChange:s,onBlur:n,...l})=>{const t=S({picker:"Dropin.InputDate.picker"}),d=u=>{u.currentTarget.setAttribute("type","date")},_=u=>{var h;const m=(h=u.currentTarget.parentElement)==null?void 0:h.querySelector("input");m==null||m.focus(),m==null||m.showPicker()},p=u=>{u.currentTarget.setAttribute("type","text"),n==null||n(u)};return e("div",{className:r(["dropin-input-date"]),children:[e(me,{error:o,children:e(de,{error:!!o,name:c,value:a==null?void 0:a.toString(),placeholder:i,floatingLabel:i,onFocus:d,onBlur:p,onChange:s,"aria-labelledby":i,className:"dropin-input-date__input",...l})}),e("button",{className:"dropin-input-date__icon","aria-label":t.picker,onClick:_,children:e(O,{source:Pe,size:"24"})})]})},ie={pending:e(U,{}),success:e(oe,{}),error:e(Z,{style:{fill:"red"}})},We=({minLength:c=0,requiredCharacterClasses:o=0,uniqueSymbolsStatus:a="pending",validateLengthConfig:i={status:"",icon:"",message:""}})=>{const s=S({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),n=l=>{switch(l){case 2:return s.chartTwoSymbols;case 3:return s.chartThreeSymbols;case 4:return s.chartFourSymbols;default:return""}};return e("div",{className:r(["dropin-password-status-indicator"]),children:[c>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:[ie[i.icon],e("span",{className:`${i.status}`,children:i.message})]}):null,o>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${a}`,"data-testid":`dropin-password-status-indicator__item--${a}`,children:[ie[a],e("span",{className:"pending",children:n(o)})]}):null]})},br=({children:c,name:o,required:a,className:i,minLength:s,autoComplete:n,error:l=!1,defaultValue:t="",hideStatusIndicator:d=!1,uniqueSymbolsStatus:_,validateLengthConfig:p,requiredCharacterClasses:u,onValue:m,onBlur:h,...y})=>{const b=S({requiredFieldError:"Dropin.InputPassword.requiredFieldError",placeholder:"Dropin.InputPassword.placeholder",buttonTitle:"Dropin.InputPassword.buttonTitle"}),[w,k]=V(!1),N=R(()=>{k(E=>!E)},[]),C=l&&!t.length?b.requiredFieldError:l&&t.length?"&thinsp;":"";return e("div",{"data-testid":"passwordFieldInput",className:r(["dropin-input-password",["dropin-input-password--error",l],["dropin-input-password--hide-label",l&&!!t.length],i]),...y,children:[e(me,{error:C,children:e(de,{autoComplete:n,name:o??"password",type:w?"text":"password",placeholder:b.placeholder,floatingLabel:b.placeholder,"aria-label":b.placeholder,"aria-required":!0,required:a||!1,value:t,onValue:m,icon:e(Ie,{}),onBlur:h,"data-testid":"passwordInput"})}),e(q,{"aria-label":b.buttonTitle,title:b.buttonTitle,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:r(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${w?"show":"hide"}`,i]),onClick:N,children:w?e($e,{}):e(Ce,{})}),d?null:e(We,{minLength:s,requiredCharacterClasses:u,validateLengthConfig:p,uniqueSymbolsStatus:_}),c]})},yr=({disabled:c,name:o="",errorMessage:a,value:i,label:s,className:n,onChange:l,onBlur:t,...d})=>{const _=(d==null?void 0:d.id)||o||`dropin-textarea-${Math.random().toString(36)}`,p=!!(a!=null&&a.length),u=R(m=>{const h=m.target;h.style.height="auto",h.style.height=`${h.scrollHeight}px`,l==null||l(m)},[l]);return e("div",{className:r(["dropin-textarea-container",n]),"data-testid":"dropin-textarea-container",children:[e("textarea",{"data-testid":"dropin-textarea-field",className:r(["dropin-textarea",["dropin-textarea--error",p],["dropin-textarea--disabled",!!c]]),id:_,placeholder:s,name:o,value:i,disabled:c,onBlur:t,onChange:u,...d}),e("label",{htmlFor:_,className:r(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",p]]),children:s}),p?e("div",{className:r(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",p]]),children:a}):null]})},ze=({className:c,src:o,params:a,loading:i="lazy",srcSet:s,onLoad:n,...l})=>{const[t,d]=V(!1),_=M(()=>{if(s)return s;if(!(!o||!a))return Ne(o,{...a})},[a,o,s]),p=u=>{d(!0),n==null||n(u)};return e("img",{...l,className:r(["dropin-image",["dropin-image--loaded",t],c]),loading:i,onLoad:p,src:o,srcSet:_})},pe=({variant:c="primary",className:o})=>e("hr",{role:"separator",className:r(["dropin-divider",`dropin-divider--${c}`,o])}),B=({amount:c=0,currency:o,locale:a=void 0,variant:i="default",weight:s="bold",className:n,children:l,sale:t=!1,formatOptions:d={},size:_="small",...p})=>{const u=M(()=>new Intl.NumberFormat(a,{style:"currency",currency:o||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...d}),[a,o,d]),m=M(()=>u.format(c),[c,u]);return e("span",{...p,className:r(["dropin-price",`dropin-price--${i}`,`dropin-price--${_}`,`dropin-price--${s}`,["dropin-price--sale",t],n]),children:m})},He=({name:c,label:o,value:a,size:i="medium",checked:s=!1,disabled:n=!1,error:l=!1,description:t="",busy:d=!1,className:_,children:p,...u})=>e("label",{className:r([_,"dropin-radio-button",["dropin-radio-button--error",l],["dropin-radio-button--disabled",n]]),children:[e("input",{name:c,value:a,checked:s,disabled:n,type:"radio",className:r(["dropin-radio-button__input",["dropin-radio-button__input--error",l],["dropin-radio-button__input--disabled",n]]),"aria-busy":d,...u}),e("span",{className:r(["dropin-radio-button__label",`dropin-radio-button__label--${i}`,["dropin-radio-button__label--error",l],["dropin-radio-button__label--disabled",n]]),children:o}),e("span",{className:r(["dropin-radio-button__description",`dropin-radio-button__description--${i}`,["dropin-radio-button__description--disabled",n]]),children:t})]}),q=({value:c,variant:o="primary",size:a="medium",icon:i,className:s,children:n,disabled:l=!1,active:t=!1,activeChildren:d,activeIcon:_,href:p,...u})=>{let m="dropin-button";(i&&!n||i&&t&&!d||!i&&t&&_)&&(m="dropin-iconButton"),t&&d&&(m="dropin-button"),s=r([m,`${m}--${a}`,`${m}--${o}`,[`${m}--${o}--disabled`,l],n&&i&&`${m}--with-icon`,!n&&d&&i&&`${m}--with-icon`,t&&_&&`${m}--with-icon`,s]);const h=r(["dropin-button-icon",`dropin-button-icon--${o}`,[`dropin-button-icon--${o}--disabled`,l],i==null?void 0:i.props.className]),y=p?{node:e("a",{}),role:"link",href:p,...u,disabled:l,active:t,onKeyDown:b=>{l&&b.preventDefault()},tabIndex:l?-1:0}:{node:e("button",{}),role:"button",...u,value:c,disabled:l,active:t};return e(g,{...y,className:s,children:[i&&!t&&e(g,{node:i,className:h}),_&&t&&e(g,{node:_,className:h}),n&&!t&&(typeof n=="string"?e("span",{children:n}):n),t&&d&&(typeof d=="string"?e("span",{children:d}):d)]})},gr=({name:c,value:o=null,options:a,variant:i="primary",floatingLabel:s,size:n="medium",handleSelect:l=()=>{},disabled:t=!1,error:d=!1,placeholder:_,defaultOption:p,icon:u,className:m,...h})=>{var D;const y=(h==null?void 0:h.id)||c||`dropin-picker-${Math.random().toString(36)}`,b=a==null?void 0:a.find(T=>!T.disabled),[w,k]=V({value:o,text:(p==null?void 0:p.text)||_||(b==null?void 0:b.text),icon:u});z(()=>{const T=a==null?void 0:a.find(I=>I.value===o);k(T??{value:(p==null?void 0:p.value)||(_||s?null:b==null?void 0:b.value),text:(p==null?void 0:p.text)||_||(b==null?void 0:b.text),icon:u})},[o,a,_,u,p,s]);const N=T=>{const{options:I,value:L}=T.target;for(const F of I)F.selected&&(k({value:L,text:F.text,icon:u}),l(T))},x=a==null?void 0:a.map(T=>{const{value:I,text:L,disabled:F}=T,j=I===w.value;return e("option",{value:I,selected:j,disabled:F,className:r(["dropin-picker__option"]),children:L},I)}),C=G(null),E=!((D=C.current)!=null&&D.selected)||!!p;return e("div",{className:r([m,"dropin-picker",`dropin-picker__${n}`,["dropin-picker__floating",!!s],["dropin-picker__selected",E],["dropin-picker__error",d],["dropin-picker__disabled",t],["dropin-picker__icon",u]]),children:[u&&e(u.type,{...u.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:y,className:r(["dropin-picker__select",`dropin-picker__select--${i}`,`dropin-picker__select--${n}`,["dropin-picker__select--floating",!!s]]),name:c,"aria-label":c,disabled:t,onChange:N,...h,children:[!p&&(s||_)&&e("option",{value:"",ref:C,className:r(["dropin-picker__option dropin-picker__placeholder"]),children:s??_},o),x]}),e(O,{source:se,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),s&&E&&e("label",{htmlFor:y,className:r(["dropin-picker__floatingLabel",!!s]),children:s})]})},me=({className:c,label:o,error:a,hint:i,success:s,size:n="medium",disabled:l=!1,children:t,...d})=>{var u;const _=((u=t==null?void 0:t.props)==null?void 0:u.id)??`dropin-field-${Math.random().toString(36)}`,p=t&&typeof t.type!="string"?t.type:null;return e("div",{...d,className:r(["dropin-field",c]),children:[o&&e("label",{className:r(["dropin-field__label",["dropin-field__label--disabled",l],`dropin-field__label--${n}`]),htmlFor:_,children:o}),e("div",{className:r(["dropin-field__content"]),children:p&&t&&ke(p,{...t.props,id:_,key:t.key,disabled:l,size:n,error:!!a,success:!!s&&!a})}),e("div",{className:r(["dropin-field__hint",[`dropin-field__hint--${n}`,n],["dropin-field__hint--error",!!a],["dropin-field__hint--success",!!s&&!a],["dropin-field__hint--disabled",!!l]]),children:a||s||i})]})},Nr=({icon:c,className:o,children:a,active:i=!1,disabled:s=!1,...n})=>e("button",{role:"button",disabled:s,...n,className:r(["dropin-action-button",["dropin-action-button--active",i],["dropin-action-button--disabled",s],o]),children:[c&&e(g,{node:c,className:r(["dropin-action-button-icon"])}),a&&(typeof a=="string"?e("span",{children:a}):a)]}),vr=({className:c,variant:o="primary",activeOption:a,disabled:i=!1,dividers:s=!0,children:n,handleSelect:l,...t})=>{const[d,_]=V(a),p=R(m=>{i||m.props.disabled||(_(m.props.value),l&&l(m.props.value))},[l,_,i]),u=ae.map(n,m=>{const h=i||m.props.disabled,y=m.props.value===d;return xe(m,{disabled:h,active:y,onClick:()=>p(m),className:r(["dropin-action-button-group__option",`dropin-action-button-group__option--${o}`,["dropin-action-button-group__option--active",y],["dropin-action-button-group__option--with-dividers",s]])})});return e("div",{role:"group",...t,className:r(["dropin-action-button-group",`dropin-action-button-group--${o}`,c]),children:u})},Me=({variant:c="primary",className:o,children:a,...i})=>e("div",{...i,className:r(["dropin-card",`dropin-card--${c}`,o]),children:e("div",{class:"dropin-card__content",children:a})}),fr=({name:c,value:o,size:a="medium",disabled:i=!1,error:s=!1,label:n="",description:l="",className:t,checked:d,..._})=>{const[p,u]=V(d===void 0?!1:d),m=G(null),h=b=>{var w;(w=_.onChange)==null||w.call(_,b),u(b.currentTarget.checked)},y=b=>{var w;b.key===" "&&(b.preventDefault(),(w=m==null?void 0:m.current)==null||w.click())};return e("label",{className:r(["dropin-checkbox",["dropin-checkbox--disabled",i]]),children:[e("input",{ref:m,name:c,value:o,type:"checkbox",disabled:i,className:r(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",s],t]),..._,onChange:h,checked:p}),e("span",{"aria-checked":p?"true":"false","aria-labelledby":`${c}-label`,"aria-describedby":`${c}-description`,className:r(["dropin-checkbox__box",["dropin-checkbox__box--error",s],["dropin-checkbox__box--disabled",i]]),role:"checkbox",tabIndex:i?-1:0,onKeyDown:y,children:e(O,{className:r(["dropin-checkbox__checkmark"]),source:oe,size:"16",stroke:"3"})}),e("div",{id:`${c}-label`,className:r(["dropin-checkbox__label",`dropin-checkbox__label--${a}`,["dropin-checkbox__label--disabled",i]]),children:n}),e("div",{}),e("div",{id:`${c}-description`,role:"note",className:r(["dropin-checkbox__description",`dropin-checkbox__description--${a}`,["dropin-checkbox__description--disabled",i]]),children:l})]})},wr=({className:c,name:o,value:a,id:i,label:s,groupAriaLabel:n,size:l="medium",color:t,disabled:d=!1,selected:_=!1,outOfStock:p=!1,multi:u=!1,onValue:m,onUpdateError:h,...y})=>{const b=S("Dropin.Swatches.outOfStock.label").label,w=S("Dropin.Swatches.selected.label").label,k=S("Dropin.Swatches.swatch.label").label,N=R(async I=>{if(m)try{await m(I)}catch(L){h&&h(L)}},[m,h]),x=I=>{const L=I.target;N(L.value)},D=t&&(I=>{const L=new Option().style;return L.color=I,L.color!==""})(t)?t:"var(--color-gray-300);",T=()=>p?`${n}: ${s} ${b}`:_?`${n}: ${s} ${w}`:`${n}: ${s} ${k}`;return e("label",{className:r(["dropin-color-swatch__container",`dropin-color-swatch__container--${l}`,c]),children:[e("input",{type:u?"checkbox":"radio",name:o,id:i,value:a,"aria-label":T(),checked:_,disabled:d,onChange:x,...y,className:r(["dropin-color-swatch",["dropin-color-swatch--selected",_],["dropin-color-swatch--disabled",d],c])}),e("span",{style:{"--bg-color":D},className:r(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",p],c])})]})},kr=({className:c,name:o,value:a,label:i,groupAriaLabel:s,id:n,disabled:l=!1,selected:t=!1,outOfStock:d=!1,multi:_=!1,onValue:p,onUpdateError:u,...m})=>{const h=S("Dropin.Swatches.outOfStock.label").label,y=S("Dropin.Swatches.selected.label").label,b=S("Dropin.Swatches.swatch.label").label,[w,k]=V(!1),N=G(null),x=R(async D=>{if(p)try{await p(D)}catch(T){u&&u(T)}},[p,u]),C=D=>{const T=D.target;x(T.value)},E=()=>d?`${s}: ${i} ${h}`:t?`${s}: ${i} ${y}`:`${s}: ${i} ${b}`;return z(()=>{N.current&&N.current.scrollWidth>N.current.clientWidth&&k(!0)},[i]),e("div",{className:"dropin-text-swatch__container",...w?{"data-tooltip":i}:{},children:[e("input",{type:_?"checkbox":"radio",name:o,id:n,value:a,"aria-label":E(),checked:t,disabled:l,onChange:C,...m,className:r(["dropin-text-swatch",["dropin-text-swatch--selected",t],["dropin-text-swatch--disabled",l],c])}),e("label",{htmlFor:n,ref:N,className:r(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",d],c]),children:i})]})},Ke=({ariaLabel:c,size:o="small",stroke:a="4",children:i,className:s,style:n,...l})=>{const t=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${o}`,`dropin-progress-spinner--shape-stroke-${a}`],d=S({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),_=()=>c||(i?d.updatingChildren:d.updating);return i?e("div",{...l,className:r(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:i}),e("div",{"aria-label":_(),role:"status",className:r(["dropin-progress-spinner-background",s]),style:n}),e("div",{className:r(["dropin-progress-spinner-with-provider",...t]),"aria-hidden":!0})]}):e("div",{...l,className:r([s,...t]),"aria-live":"polite",role:"status","aria-label":_()})},xr=({className:c,name:o,value:a,id:i,label:s,groupAriaLabel:n,src:l,alt:t,disabled:d=!1,selected:_=!1,outOfStock:p=!1,multi:u=!1,onValue:m,onUpdateError:h,...y})=>{const b=S("Dropin.Swatches.outOfStock.label").label,w=S("Dropin.Swatches.selected.label").label,k=S("Dropin.Swatches.swatch.label").label,N=R(async E=>{if(m)try{await m(E)}catch(D){h&&h(D)}},[m,h]),x=E=>{const D=E.target;N(D.value)},C=()=>p?`${n}: ${s} ${b}`:_?`${n}: ${s} ${w}`:`${n}: ${s} ${k}`;return e("label",{className:r(["dropin-image-swatch__container",c]),children:[e("input",{type:u?"checkbox":"radio",name:o,id:i,value:a,"aria-label":C(),checked:_,disabled:d,onChange:x,...y,className:r(["dropin-image-swatch",["dropin-image-swatch--selected",_],["dropin-image-swatch--disabled",d],c])}),e("span",{className:r(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",p],c]),children:e(ze,{src:l,className:r(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:t,loading:"lazy",onError:E=>E.target.style.display="none"})})]})},_e=({className:c,children:o,title:a,secondaryText:i,actionIconPosition:s="left",iconOpen:n=K,iconClose:l=U,iconLeft:t=K,showIconLeft:d=!1,renderContentWhenClosed:_=!0,onStateChange:p,...u})=>{const[m,h]=V(!1),y=x=>{x.stopImmediatePropagation();const C=!m;h(C),p==null||p(C)},b=S(`Dropin.Accordion.${m?"close":"open"}.label`).label,w=e(O,{source:n,size:"24",onClick:y,onKeyPress:y,className:"dropin-accordion-section__open-icon"}),k=e(O,{source:l,size:"24",onClick:y,onKeyPress:y,className:"dropin-accordion-section__close-icon"}),N=e(O,{source:t,size:"24"});return e("div",{...u,className:r(["dropin-accordion-section",c]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:y,onKeyPress:y,role:"button","aria-label":`${b} ${a}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[s==="left"&&(m?k:w),d&&N,e("h3",{className:"dropin-accordion-section__title",children:a})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[i&&e("h4",{className:"dropin-accordion-section__secondary-text",children:i}),s==="right"&&(m?k:w)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:m?"grid":"none"},children:(m||_&&!m)&&o})]})},Ge=({className:c,children:o,actionIconPosition:a="left",iconOpen:i=K,iconClose:s=U,...n})=>{const l=e(pe,{variant:"secondary"}),t=d=>e(A,{children:[e(_e,{...d.props,actionIconPosition:a,iconOpen:i,iconClose:s}),l]});return e("div",{...n,className:r(["dropin-accordion",c]),children:[l,...(Array.isArray(o)?o:[o]).map(t)]})},Dr=({variant:c="primary",className:o,type:a="warning",additionalActions:i,onDismiss:s,heading:n,description:l,icon:t,itemList:d,actionButtonPosition:_,...p})=>{var m,h,y;const u=S({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...p,className:r(["dropin-in-line-alert",`dropin-in-line-alert--${a}`,`dropin-in-line-alert--${c}`,o]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[t&&e(g,{node:t,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:n})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[i&&(_==="top"||!_&&i.length<=1)&&e(q,{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:(y=i[0])==null?void 0:y.label}),s&&e(q,{icon:e(O,{source:Z,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:s,"aria-label":u.dismiss})]})]}),l&&e("p",{className:"dropin-in-line-alert__description",children:l}),e("div",{className:"dropin-in-line-alert__item-list-container",children:d&&e(g,{node:d,className:r(["dropin-in-line-alert__item-list"])})}),i&&(_==="bottom"||!_&&i.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:i.map(b=>e(q,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:b.onClick,children:b.label},b.label))})]})},Sr=({size:c="small",title:o=null,centered:a=!1,backgroundDim:i=!0,clickToDismiss:s=!0,escapeToDismiss:n=!0,onClose:l,showCloseButton:t=!0,className:d,children:_=null,...p})=>{const u=R(()=>{l==null||l()},[l]),m=S({modalCloseLabel:"Dropin.Modal.Close.label"});return z(()=>{const h=y=>{const b=document.querySelector(".dropin-modal"),w=document.querySelector(".dropin-modal__body");s&&b&&w&&!w.contains(y.target)&&u()};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[u,s]),z(()=>{const h=y=>{y.key==="Escape"&&n&&u()};return document.addEventListener("keydown",h),()=>{document.removeEventListener("keydown",h)}},[u,n]),z(()=>{const h=document.scrollingElement,y=h.style.overflow;return h.style.overflow="hidden",()=>{h.style.overflow=y}},[]),e("div",{className:r(["dropin-modal",["dropin-modal--dim",i]]),children:e("div",{...p,className:r(["dropin-modal__body",[`dropin-modal__body--${c}`,c],d]),children:[e("div",{className:r(["dropin-modal__header",["dropin-modal__header-title",!!o]]),children:[o&&e("div",{className:r(["dropin-modal__header-title-content"]),children:o}),t&&e(q,{"aria-label":m.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:u,icon:e(Z,{})})]}),e("div",{className:r(["dropin-modal__content",["dropin-modal__body--centered",a]]),children:_})]})})},Er=({className:c,children:o,ariaLabel:a,image:i,title:s,price:n,taxIncluded:l=!1,taxExcluded:t=!1,total:d,totalExcludingTax:_,sku:p,configurations:u,warning:m,alert:h,quantity:y=1,description:b,loading:w=!1,updating:k=!1,onQuantity:N,onRemove:x,...C})=>{var T,I;const{locale:E}=De(ce),D=S({each:"Dropin.CartItem.each.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});return w?e(Ue,{}):e("div",{...C,className:r(["dropin-cart-item",["dropin-cart-item--updating",k],c]),children:[k&&e(Ke,{className:r(["dropin-cart-item__spinner"]),ariaLabel:a?(T=D.updating)==null?void 0:T.replace("{product}",a):D.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[e(g,{node:i,className:r(["dropin-cart-item__image"])}),e(g,{node:s,className:r(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!N||!!x]])}),b&&e(g,{node:b,className:r(["dropin-cart-item__description"])}),e(g,{node:p,className:r(["dropin-cart-item__sku"])}),u&&e("ul",{className:r(["dropin-cart-item__configurations"]),children:Object.entries(u).map(([L,F])=>e("li",{className:r(["dropin-cart-item__configurations__item"]),children:[L,":"," ",e("strong",{className:r(["dropin-cart-item__configurations__item__value"]),children:F})]},L))}),e("span",{className:r(["dropin-cart-item__price"]),children:[!N&&e("span",{className:"dropin-cart-item__price__quantity",children:[y.toLocaleString(E)," x"," "]}),e(g,{node:n,role:"text"}),y>1&&e(A,{children:[" ",D.each]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",D.taxIncluded]}),t&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",D.taxExcluded]})]}),e("div",{className:r(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!N]]),children:[N?e(qe,{className:r(["dropin-cart-item__quantity__incrementer"]),value:y,min:1,onValue:L=>N==null?void 0:N(Number(L)),name:"quantity","aria-label":D.quantity,disabled:k}):e("span",{className:r(["dropin-cart-item__quantity__value"]),children:[D.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(y).toLocaleString(E)})]}),m&&e(g,{node:m,className:r(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),h&&e(g,{node:h,className:r(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),m&&e(g,{node:m,className:r(["dropin-cart-item__warning"])}),h&&e(g,{node:h,className:r(["dropin-cart-item__alert"])}),e("div",{className:r(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!x]]),children:[e("div",{className:"dropin-cart-item__row-total",children:e(g,{node:d,role:"text"})}),l&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:r(["dropin-cart-item__total-tax-message"]),children:D.taxIncluded})}),t&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:r(["dropin-cart-item__total-tax-excluded-message"]),children:[_&&e(g,{node:_,role:"text"})," ",D.taxExcluded]})})]})]}),x&&e(q,{className:r(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>x==null?void 0:x(),icon:e(O,{source:Le,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":a?(I=D.remove)==null?void 0:I.replace("{product}",a):D.removeDefault}),disabled:k})]})},Ue=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(le,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(W,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(W,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(W,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(W,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(W,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(W,{className:"dropin-cart-item__skeleton__item"})})]})}),Tr=({className:c,children:o,...a})=>{const{heading:i,loading:s=!0,total:n,subTotal:l,shipping:t,taxTotal:d,taxesApplied:_,discounts:p,primaryAction:u,...m}=a,[h,y]=V(!1),b=G(null),[w,k]=V(!0),[N,x]=V("zip"),C=S({editZipAction:"Dropin.PriceSummary.shipping.editZipAction",destinationLinkAriaLabel:"Dropin.PriceSummary.shipping.destinationLinkAriaLabel",taxesBreakdownTitle:"Dropin.PriceSummary.taxes.breakdown",subtotalLabel:"Dropin.PriceSummary.subTotal.label",shippingLabel:"Dropin.PriceSummary.shipping.label",showTaxBreakdown:"Dropin.PriceSummary.taxes.showBreakdown",hideTaxBreakdown:"Dropin.PriceSummary.taxes.hideBreakdown",zipPlaceholder:"Dropin.PriceSummary.shipping.zipPlaceholder"}),E=P=>{P.preventDefault(),k(H=>!H)},D=P=>{P.preventDefault(),k(!0),x(H=>H==="zip"?"state":"zip")},T=P=>{var X;P.preventDefault(),k(!1);const H=ve(b.current);(X=t==null?void 0:t.onEstimate)==null||X.call(t,H)},I=e(le,{"data-testid":"loading-skeleton",rowGap:"xsmall",children:e(W,{variant:"row",size:"small",lines:5,fullWidth:!0,multilineGap:"xsmall"})}),L=()=>t?t.estimated?t.destinationText?e(A,{children:[e($,{id:"Dropin.PriceSummary.shipping.estimatedDestination"}),e("a",{className:"dropin-price-summary__shippingLink",role:"button",href:"",onClick:E,onKeyDown:P=>{(P.key==="Enter"||P.key===" ")&&E(P)},tabIndex:0,"aria-label":C.destinationLinkAriaLabel,"aria-expanded":w,"data-testid":"shipping-destination-link",children:t.destinationText})]}):e($,{id:"Dropin.PriceSummary.shipping.estimated"}):e($,{id:"Dropin.PriceSummary.shipping.label"}):null,F=t&&e(A,{children:e("div",{"data-testid":"shipping-content",className:r(["dropin-price-summary__entry","dropin-price-summary__shipping"]),children:[e("span",{className:"dropin-price-summary__label",children:L()}),e(g,{node:t.price,className:"dropin-price-summary__price"}),t.estimated&&e(A,{children:e("div",{className:r(["dropin-price-summary__caption"]),children:e("a",{href:"#",className:"dropin-price-summary__shippingLink",onClick:D,"data-testid":"shipping-alternate-field-link",children:N==="zip"?e($,{id:"Dropin.PriceSummary.shipping.alternateField.state"}):e($,{id:"Dropin.PriceSummary.shipping.alternateField.zip"})})})}),t.estimated&&e(A,{children:e("form",{className:r(["dropin-price-summary__shipping--edit",["dropin-price-summary__shipping--hide",!w]]),ref:b,"data-testid":"shipping-estimate-form",children:[t.countryField&&e(g,{node:t.countryField,className:r(["dropin-price-summary__shipping--country"])}),N==="state"?t.stateField&&e(g,{node:t.stateField,className:r(["dropin-price-summary__shipping--state"])}):t.zipField&&e(g,{node:t.zipField,className:r(["dropin-price-summary__shipping--zip"])}),t.estimateButton&&e(g,{node:t.estimateButton,className:r(["dropin-price-summary__shipping--action"]),onClick:T,type:"submit"})]})}),t.taxIncluded&&e("div",{"data-testid":"shipping-tax-included",className:r(["dropin-price-summary__caption"]),children:e("span",{children:e($,{id:"Dropin.PriceSummary.shipping.withTaxes"})})}),t.taxExcluded?e("div",{"data-testid":"shipping-tax-included-excluded",className:r(["dropin-price-summary__caption"]),children:e("span",{children:[t.priceExcludingTax," ",e($,{id:"Dropin.PriceSummary.shipping.withoutTaxes"})]})}):void 0]})}),j=p&&e(A,{children:p.map(P=>e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__discount"]),children:[e("span",{className:r(["dropin-price-summary__label"]),children:P.label}),e(g,{node:P.price,className:r(["dropin-price-summary__price"])}),P.caption&&e(g,{node:P.caption,className:r(["dropin-price-summary__caption"])})]},P.label))}),ue=_?e(A,{children:e(Ge,{"data-testid":"tax-breakdown",className:"dropin-price-summary__taxes",iconOpen:se,iconClose:Ae,children:e(_e,{title:C.taxesBreakdownTitle,secondaryText:!h&&d?e(g,{node:d.price,className:"dropin-price-summary__price"}):void 0,renderContentWhenClosed:!1,onStateChange:y,children:[e("div",{className:r(["dropin-price-summary__appliedTaxes"]),children:_.map(P=>e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__taxEntry"]),children:[e("span",{className:r(["dropin-price-summary__label","dropin-price-summary__label--muted"]),children:P.label}),e(g,{node:P.price,className:r(["dropin-price-summary__price","dropin-price-summary__price--muted"])})]},P.label))}),e("div",{className:r(["dropin-price-summary__entry"]),children:[e("span",{className:"dropin-price-summary__label",children:e($,{id:"Dropin.PriceSummary.taxes.total"})}),d&&e(g,{node:d.price,className:"dropin-price-summary__price"})]})]})})}):d&&e("div",{"data-testid":"tax-total-only",className:r(["dropin-price-summary__entry","dropin-price-summary__taxTotal"]),children:[e("span",{className:"dropin-price-summary__label",children:d.estimated?e($,{id:"Dropin.PriceSummary.taxes.estimated"}):e($,{id:"Dropin.PriceSummary.taxes.totalOnly"})}),e(g,{node:d.price,className:"dropin-price-summary__price"})]}),he=n&&e(A,{children:e("div",{"data-testid":"total-content",className:r(["dropin-price-summary__entry","dropin-price-summary__total",n.estimated&&"dropin-price-summary__total--padded"]),children:[e("span",{className:r(["dropin-price-summary__label","dropin-price-summary__label--bold"]),children:n.estimated?e($,{id:"Dropin.PriceSummary.total.estimated"}):e($,{id:"Dropin.PriceSummary.total.label"})}),e(g,{node:n.price,className:r(["dropin-price-summary__price","dropin-price-summary__price--bold"])})]})}),be=n&&n.priceWithoutTax&&e("div",{"data-testid":"total-without-tax",className:"dropin-price-summary__entry dropin-price-summary__totalWithoutTax",children:[e("span",{className:r(["dropin-price-summary__label","dropin-price-summary__label--muted"]),children:e($,{id:"Dropin.PriceSummary.total.withoutTax"})}),e(g,{node:n.priceWithoutTax,className:r(["dropin-price-summary__price","dropin-price-summary__price--muted"])})]}),ye=u&&e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__primaryAction"]),children:u}),ge=l&&e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__subTotal"]),children:[e("span",{className:"dropin-price-summary__label",children:e($,{id:"Dropin.PriceSummary.subTotal.label"})}),e(g,{node:l.price,className:"dropin-price-summary__price"}),l.taxIncluded&&e("div",{"data-testid":"sub-total-tax-caption",className:r(["dropin-price-summary__caption"]),children:e("span",{children:e($,{id:"Dropin.PriceSummary.subTotal.withTaxes"})})}),l.taxExcluded?e("div",{"data-testid":"sub-total-tax-caption-excluded",className:r(["dropin-price-summary__caption"]),children:e("span",{children:[l.priceExcludingTax," ",e($,{id:"Dropin.PriceSummary.subTotal.withoutTaxes"})]})}):void 0]});return e("div",{...m,className:r(["dropin-price-summary",c]),children:[e("div",{className:"dropin-price-summary__heading",children:i}),e(pe,{variant:"primary",className:"dropin-price-summary__divider-primary"}),s?I:e(A,{children:[ge,F,j,ue,he,be,ye]})]})},Pr=({className:c,children:o,...a})=>e("div",{...a,className:r(["dropin-cart-list",c]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:ae.map(o,(i,s)=>e("div",{className:"dropin-cart-list__item",children:i},s))})}),Ir=({className:c,children:o,locale:a,currency:i,amount:s,variant:n="default",minimumAmount:l,maximumAmount:t,size:d="small",display:_="dash",specialPrice:p,sale:u=!1,...m})=>{const h=M(()=>s||l===t||l&&!t||t&&!l,[s,t,l]);return e("div",{children:h?e("div",{...m,className:r(["dropin-price-range",c]),children:e(B,{amount:s??l??t,currency:i,locale:a,size:d,variant:n,sale:u})}):e("div",{...m,className:r(["dropin-price-range",c]),children:[_==="dash"?e(Ze,{specialPrice:p,minimumAmount:l,maximumAmount:t,currency:i,locale:a,size:d,sale:u}):null,_==="from to"?e(je,{specialPrice:p,minimumAmount:l,maximumAmount:t,currency:i,locale:a,size:d,sale:u}):null,_==="as low as"?e(Je,{specialPrice:p,minimumAmount:l,maximumAmount:t,currency:i,locale:a,size:d,sale:u}):null]})})};function Ze({specialPrice:c,minimumAmount:o,maximumAmount:a,currency:i,locale:s,size:n,sale:l}){return e(A,{children:[e(B,{amount:c??o,currency:i,locale:s,size:n,sale:!!c&&l}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(B,{amount:a,currency:i,locale:s,size:n})]})}function je({specialPrice:c,minimumAmount:o,maximumAmount:a,currency:i,locale:s,size:n,sale:l}){const t=S({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(A,{children:[e("span",{className:r(["dropin-price-range__from",`dropin-price-range__from--${n}`]),children:t.from}),e(B,{amount:c??o,currency:i,locale:s,size:n,sale:!!c&&l}),e("span",{className:r(["dropin-price-range__to",`dropin-price-range__to--${n}`]),children:t.to}),e(B,{amount:a,currency:i,locale:s,size:n})]})}function Je({specialPrice:c,minimumAmount:o,maximumAmount:a,currency:i,locale:s,size:n,sale:l}){const t=S({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(A,{children:[e("span",{className:r(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${n}`]),children:t.asLowAs}),c?e("div",{children:[e(B,{amount:a,currency:i,locale:s,size:n,variant:"strikethrough"}),e(B,{amount:c,currency:i,locale:s,size:n,className:"dropin-price-range__special",sale:!!c&&l})]}):e(B,{amount:o,currency:i,locale:s,size:n})]})}const $r=({className:c,categories:o,separator:a,...i})=>e(A,{children:(o==null?void 0:o.length)>1&&e("nav",{role:"navigation",...i,className:r(["dropin-breadcrumbs__container",c]),children:e("ul",{className:"dropin-breadcrumbs__items",children:o==null?void 0:o.map((s,n)=>e("li",{className:r(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",n===o.length-1]]),children:[e(g,{node:s,className:"dropin-breadcrumbs__link"}),!a&&n!==o.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),a&&n!==o.length-1&&e(g,{node:a,className:"dropin-breadcrumbs__separator--icon"})]},n))})})}),Cr=({className:c,variant:o,icon:a,message:i,onDismiss:s,action:n,...l})=>{const t=S({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...l,className:r([c,"dropin-alert-banner",`dropin-alert-banner--${o}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[a&&e(g,{node:a,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(g,{node:i,className:r(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[n&&e(q,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:n.onClick,"aria-label":n.label,children:n.label}),e(q,{icon:e(O,{source:Z,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:s,"aria-label":t.dismiss})]})]})},Lr=({className:c,icon:o,heading:a,headingLevel:i=2,message:s,action:n,variant:l="secondary",...t})=>{const d=i>=1&&i<=6?`h${i}`:"h2";return e("div",{...t,className:r(["dropin-illustrated-message",c]),children:e(Me,{variant:l,children:[o&&e(g,{node:o,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),a&&e(d,{className:"dropin-illustrated-message__heading",children:a}),s&&e(g,{node:s,className:"dropin-illustrated-message__message"}),n&&e(g,{node:n,className:"dropin-illustrated-message__action"})]})})},Ar=({className:c,label:o,name:a,value:i,selected:s=!0,onChange:n,icon:l,busy:t=!1,children:d,..._})=>e("div",{..._,className:r(["dropin-toggle-button",c,["dropin-toggle-button__selected",s]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(He,{label:"",name:a,value:i,checked:s,onChange:()=>n&&n(i),"aria-label":o,busy:t,className:r([c,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[l&&e(l.type,{...l==null?void 0:l.props,className:"dropin-toggle-button__icon"}),o]})]})});export{Ge as Accordion,_e as AccordionSection,Nr as ActionButton,vr as ActionButtonGroup,Cr as AlertBanner,$r as Breadcrumbs,q as Button,Me as Card,Er as CartItem,Ue as CartItemSkeleton,Pr as CartList,fr as Checkbox,wr as ColorSwatch,pe as Divider,me as Field,O as Icon,Lr as IllustratedMessage,ze as Image,xr as ImageSwatch,Dr as InLineAlert,qe as Incrementer,de as Input,hr as InputDate,br as InputPassword,Sr as Modal,gr as Picker,B as Price,Ir as PriceRange,Tr as PriceSummary,Ke as ProgressSpinner,He as RadioButton,le as Skeleton,W as SkeletonRow,yr as TextArea,kr as TextSwatch,Ar as ToggleButton,ce as UIContext,ur as UIProvider};
+import{jsx as e}from"./preact-jsx-runtime.js";import{d as J,c as r,R as Ne,b as ne,V as g,e as ve,g as fe}from"./chunks/vcomponent.js";import{G as we,T as M,k as A,F as v,L as ke,h as R,y as z,q as V,S as K,A as G,_ as xe,N as ae,E as De,x as Se}from"./chunks/icons/Add.js";import{IntlProvider as Ee,Localizer as Y,Text as $,useText as S}from"./i18n.js";import U from"./chunks/icons/Minus.js";import Te from"./chunks/icons/CheckWithCircle.js";import Pe from"./chunks/icons/WarningWithCircle.js";import Ie from"./chunks/icons/Date.js";import $e from"./chunks/icons/Locker.js";import Ce from"./chunks/icons/Eye.js";import Le from"./chunks/icons/EyeClose.js";import oe from"./chunks/icons/Check.js";import Z from"./chunks/icons/Close.js";import se from"./chunks/icons/ChevronDown.js";import Ae from"./chunks/icons/Trash.js";import Oe from"./chunks/icons/ChevronUp.js";import"./chunks/image-params-keymap.js";const Re={ExampleComponentName:{item:{label:"string"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity"},Modal:{Close:{label:"Close"}},InputPassword:{requiredFieldError:"This is a required field.",placeholder:"Password",buttonTitle:"Click to show or hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},Q={Dropin:Re},ee={default:Q,en_US:Q},Ve=l=>J(ee.default,ee[l]||{}),re=1,W=({className:l,fullWidth:o=!1,lines:a=re,size:t="small",variant:s="row",children:n=null,multilineGap:c="medium",...i})=>{const d=[[`dropin-skeleton-row__${s}`,s],[`dropin-skeleton-row__${s}-${t}`,s&&t]];if(!n&&s==="empty")return e("div",{className:r(["dropin-skeleton-row dropin-skeleton-row__empty",l])});if(n){const p=n.trim();return e("div",{...i,class:r(["dropin-skeleton-row",["dropin-skeleton-row--full",o],l]),dangerouslySetInnerHTML:{__html:p}})}return a>re===!1?e("div",{...i,class:r(["dropin-skeleton-row",["dropin-skeleton-row--full",o],"dropin-skeleton--row__content",...d,l])}):e("div",{...i,style:{"--multiline-gap-spacing":`var(--spacing-${c})`},class:r(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",o],l]),children:Array.from({length:a}).map((p,u)=>e("div",{class:r(["dropin-skeleton-row",["dropin-skeleton-row--full",o],"dropin-skeleton--row__content",...d])},u))})},le=({className:l,children:o,rowGap:a="medium",...t})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${a})`},...t,className:r(["dropin-skeleton",l]),role:"status","aria-label":"Loading...",children:o}),ce=we({locale:"en-US"}),Fe=({lang:l="en_US",langDefinitions:o={},children:a})=>{const t=M(()=>{const n=J(o.default,o[l]??{});return J(Ve(l),n)},[l,o]),s=l.replace("_","-");return e(ce.Provider,{value:{locale:s},children:e(Ee,{definition:t,children:e(A,{children:a})})})},br=new Ne(e(Fe,{})),Be=function(){const o=typeof document<"u"&&document.createElement("link").relList;return o&&o.supports&&o.supports("modulepreload")?"modulepreload":"preload"}(),qe=function(l){return"/"+l},te={},f=function(o,a,t){let s=Promise.resolve();if(a&&a.length>0){document.getElementsByTagName("link");const n=document.querySelector("meta[property=csp-nonce]"),c=(n==null?void 0:n.nonce)||(n==null?void 0:n.getAttribute("nonce"));s=Promise.all(a.map(i=>{if(i=qe(i),i in te)return;te[i]=!0;const d=i.endsWith(".css"),_=d?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${i}"]${_}`))return;const p=document.createElement("link");if(p.rel=d?"stylesheet":Be,d||(p.as="script",p.crossOrigin=""),p.href=i,c&&p.setAttribute("nonce",c),document.head.appendChild(p),d)return new Promise((u,m)=>{p.addEventListener("load",u),p.addEventListener("error",()=>m(new Error(`Unable to preload CSS for ${i}`)))})}))}return s.then(()=>o()).catch(n=>{const c=new Event("vite:preloadError",{cancelable:!0});if(c.payload=n,window.dispatchEvent(c),!c.defaultPrevented)throw n})},We={Add:v(()=>f(()=>import("./chunks/icons/Add.js").then(l=>l.$),[])),Bulk:v(()=>f(()=>import("./chunks/icons/Bulk.js"),[])),Burger:v(()=>f(()=>import("./chunks/icons/Burger.js"),[])),Cart:v(()=>f(()=>import("./chunks/icons/Cart.js"),[])),Check:v(()=>f(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:v(()=>f(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:v(()=>f(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:v(()=>f(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:v(()=>f(()=>import("./chunks/icons/Close.js"),[])),Heart:v(()=>f(()=>import("./chunks/icons/Heart.js"),[])),Minus:v(()=>f(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:v(()=>f(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:v(()=>f(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:v(()=>f(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:v(()=>f(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:v(()=>f(()=>import("./chunks/icons/Sort.js"),[])),Star:v(()=>f(()=>import("./chunks/icons/Star.js"),[])),View:v(()=>f(()=>import("./chunks/icons/View.js"),[])),User:v(()=>f(()=>import("./chunks/icons/User.js"),[])),Warning:v(()=>f(()=>import("./chunks/icons/Warning.js"),[])),Locker:v(()=>f(()=>import("./chunks/icons/Locker.js"),[])),Wallet:v(()=>f(()=>import("./chunks/icons/Wallet.js"),[])),Card:v(()=>f(()=>import("./chunks/icons/Card.js"),[])),Order:v(()=>f(()=>import("./chunks/icons/Order.js"),[])),Delivery:v(()=>f(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:v(()=>f(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:v(()=>f(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:v(()=>f(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:v(()=>f(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:v(()=>f(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:v(()=>f(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:v(()=>f(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:v(()=>f(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:v(()=>f(()=>import("./chunks/icons/Trash.js"),[])),Eye:v(()=>f(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:v(()=>f(()=>import("./chunks/icons/EyeClose.js"),[])),Date:v(()=>f(()=>import("./chunks/icons/Date.js"),[]))};function O({source:l,size:o="24",stroke:a="2",viewBox:t="0 0 24 24",className:s,...n}){const c=typeof l=="string"?We[l]:null,i={className:r(["dropin-icon",`dropin-icon--shape-stroke-${a}`,s]),width:o,height:o,viewBox:t};return e(ke,{fallback:null,children:c?e(c,{...n,...i}):e(l,{...n,...i})})}const ze=({name:l,value:o="1",className:a,disabled:t,error:s,success:n,min:c,max:i,onValue:d,onUpdateError:_,size:p="medium",...u})=>{const[m,h]=R(Number(o)),y=Number(c),b=Number(i);z(()=>{h(Number(o))},[o]);const w=V(ne(async N=>{if(d)try{await d(N)}catch(x){_&&_(x)}},200),[d,_]),k=N=>{let x=N;N<y&&(x=y),N>b&&(x=b),w(x),h(x)};return e("div",{className:r(["dropin-incrementer",`dropin-incrementer--${p}`,a]),children:e("div",{className:r(["dropin-incrementer__content",`dropin-incrementer__content--${p}`,["dropin-incrementer__content--error",s],["dropin-incrementer__content--success",n],["dropin-incrementer__content--disabled",t]]),children:[e("div",{className:r(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(Y,{children:e("button",{type:"button",className:r(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",t]]),onClick:()=>k(m-1),disabled:t||m<y+1,"aria-label":e($,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(O,{source:U,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:i,min:c,step:1,type:"number",name:l,value:m,disabled:t,onChange:N=>{const x=N.currentTarget.value;x!==""&&k(Number(x))},...u}),e("div",{className:r(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(Y,{children:e("button",{type:"button",className:r(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",t]]),onClick:()=>k(m+1),disabled:t||m>b-1,"aria-label":e($,{id:"Dropin.Incrementer.increaseLabel"}),children:e(O,{source:K,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]})})},de=({name:l,value:o,variant:a="primary",className:t,disabled:s,error:n,floatingLabel:c,onValue:i,onUpdateError:d,size:_="medium",icon:p,maxLength:u,success:m,...h})=>{const y=(h==null?void 0:h.id)||l||`dropin-input-${Math.random().toString(36)}`,b=V(ne(async k=>{if(i)try{await i(k)}catch(N){d&&d(N)}},200),[i,d]),w=k=>{const N=k.target;b(N.value.trim())};return e("div",{className:r(["dropin-input-container",`dropin-input-container--${a}`,["dropin-input-container--floating",!!c],["dropin-input-container--disabled",s]]),children:[p&&e(g,{node:p,className:r(["dropin-input__field-icon--left",p.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:y,onChange:w,type:"text",maxLength:u,name:l,value:o,...h,className:r(["dropin-input",`dropin-input--${_}`,`dropin-input--${a}`,["dropin-input--error",!!n],["dropin-input--success",!!m],["dropin-input--disabled",s],["dropin-input--floating",!!c],["dropin-input--icon-left",!!p],t]),disabled:s}),c&&e("label",{htmlFor:y,className:r([["dropin-input__label--floating",!!c],["dropin-input__label--floating--icon-left",!!p],["dropin-input__label--floating--error",!!n]]),children:c})]}),n&&e("div",{className:r(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(O,{source:Pe,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),m&&e("div",{className:r(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(O,{source:Te,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},yr=({name:l="",error:o,value:a,label:t,onChange:s,onBlur:n,...c})=>{const i=S({picker:"Dropin.InputDate.picker"}),d=u=>{u.currentTarget.setAttribute("type","date")},_=u=>{var h;const m=(h=u.currentTarget.parentElement)==null?void 0:h.querySelector("input");m==null||m.focus(),m==null||m.showPicker()},p=u=>{u.currentTarget.setAttribute("type","text"),n==null||n(u)};return e("div",{className:r(["dropin-input-date"]),children:[e(me,{error:o,children:e(de,{error:!!o,name:l,value:a==null?void 0:a.toString(),placeholder:t,floatingLabel:t,onFocus:d,onBlur:p,onChange:s,"aria-labelledby":t,className:"dropin-input-date__input",...c})}),e("button",{className:"dropin-input-date__icon","aria-label":i.picker,onClick:_,children:e(O,{source:Ie,size:"24"})})]})},ie={pending:e(U,{}),success:e(oe,{}),error:e(Z,{style:{fill:"red"}})},He=({minLength:l=0,requiredCharacterClasses:o=0,uniqueSymbolsStatus:a="pending",validateLengthConfig:t={status:"",icon:"",message:""}})=>{const s=S({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),n=c=>{switch(c){case 2:return s.chartTwoSymbols;case 3:return s.chartThreeSymbols;case 4:return s.chartFourSymbols;default:return""}};return e("div",{className:r(["dropin-password-status-indicator"]),children:[l>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${t.status}`,"data-testid":`dropin-password-status-indicator__item--${t.icon}`,children:[ie[t.icon],e("span",{className:`${t.status}`,children:t.message})]}):null,o>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${a}`,"data-testid":`dropin-password-status-indicator__item--${a}`,children:[ie[a],e("span",{className:"pending",children:n(o)})]}):null]})},gr=({children:l,name:o,required:a,className:t,minLength:s,autoComplete:n,error:c=!1,defaultValue:i="",hideStatusIndicator:d=!1,uniqueSymbolsStatus:_,validateLengthConfig:p,requiredCharacterClasses:u,onValue:m,onBlur:h,...y})=>{const b=S({requiredFieldError:"Dropin.InputPassword.requiredFieldError",placeholder:"Dropin.InputPassword.placeholder",buttonTitle:"Dropin.InputPassword.buttonTitle"}),[w,k]=R(!1),N=V(()=>{k(E=>!E)},[]),C=c&&!i.length?b.requiredFieldError:c&&i.length?"&thinsp;":"";return e("div",{"data-testid":"passwordFieldInput",className:r(["dropin-input-password",["dropin-input-password--error",c],["dropin-input-password--hide-label",c&&!!i.length],t]),...y,children:[e(me,{error:C,children:e(de,{autoComplete:n,name:o??"password",type:w?"text":"password",placeholder:b.placeholder,floatingLabel:b.placeholder,"aria-label":b.placeholder,"aria-required":!0,required:a||!1,value:i,onValue:m,icon:e($e,{}),onBlur:h,"data-testid":"passwordInput"})}),e(q,{"aria-label":b.buttonTitle,title:b.buttonTitle,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:r(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${w?"show":"hide"}`,t]),onClick:N,children:w?e(Ce,{}):e(Le,{})}),d?null:e(He,{minLength:s,requiredCharacterClasses:u,validateLengthConfig:p,uniqueSymbolsStatus:_}),l]})},Nr=({disabled:l,name:o="",errorMessage:a,value:t,label:s,className:n,onChange:c,onBlur:i,...d})=>{const _=(d==null?void 0:d.id)||o||`dropin-textarea-${Math.random().toString(36)}`,p=!!(a!=null&&a.length),u=V(m=>{const h=m.target;h.style.height="auto",h.style.height=`${h.scrollHeight}px`,c==null||c(m)},[c]);return e("div",{className:r(["dropin-textarea-container",n]),"data-testid":"dropin-textarea-container",children:[e("textarea",{"data-testid":"dropin-textarea-field",className:r(["dropin-textarea",["dropin-textarea--error",p],["dropin-textarea--disabled",!!l]]),id:_,placeholder:s,name:o,value:t,disabled:l,onBlur:i,onChange:u,...d}),e("label",{htmlFor:_,className:r(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",p]]),children:s}),p?e("div",{className:r(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",p]]),children:a}):null]})},Me=({className:l,src:o,params:a,loading:t="lazy",srcSet:s,onLoad:n,...c})=>{const[i,d]=R(!1),_=M(()=>{if(s)return s;if(!(!o||!a))return ve(o,{...a})},[a,o,s]),p=u=>{d(!0),n==null||n(u)};return e("img",{...c,className:r(["dropin-image",["dropin-image--loaded",i],l]),loading:t,onLoad:p,src:o,srcSet:_})},pe=({variant:l="primary",className:o})=>e("hr",{role:"separator",className:r(["dropin-divider",`dropin-divider--${l}`,o])}),B=({amount:l=0,currency:o,locale:a=void 0,variant:t="default",weight:s="bold",className:n,children:c,sale:i=!1,formatOptions:d={},size:_="small",...p})=>{const u=M(()=>new Intl.NumberFormat(a,{style:"currency",currency:o||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...d}),[a,o,d]),m=M(()=>u.format(l),[l,u]);return e("span",{...p,className:r(["dropin-price",`dropin-price--${t}`,`dropin-price--${_}`,`dropin-price--${s}`,["dropin-price--sale",i],n]),children:m})},Ke=({name:l,label:o,value:a,size:t="medium",checked:s=!1,disabled:n=!1,error:c=!1,description:i="",busy:d=!1,className:_,children:p,...u})=>e("label",{className:r([_,"dropin-radio-button",["dropin-radio-button--error",c],["dropin-radio-button--disabled",n]]),children:[e("input",{name:l,value:a,checked:s,disabled:n,type:"radio",className:r(["dropin-radio-button__input",["dropin-radio-button__input--error",c],["dropin-radio-button__input--disabled",n]]),"aria-busy":d,...u}),e("span",{className:r(["dropin-radio-button__label",`dropin-radio-button__label--${t}`,["dropin-radio-button__label--error",c],["dropin-radio-button__label--disabled",n]]),children:o}),e("span",{className:r(["dropin-radio-button__description",`dropin-radio-button__description--${t}`,["dropin-radio-button__description--disabled",n]]),children:i})]}),q=({value:l,variant:o="primary",size:a="medium",icon:t,className:s,children:n,disabled:c=!1,active:i=!1,activeChildren:d,activeIcon:_,href:p,...u})=>{let m="dropin-button";(t&&!n||t&&i&&!d||!t&&i&&_)&&(m="dropin-iconButton"),i&&d&&(m="dropin-button"),s=r([m,`${m}--${a}`,`${m}--${o}`,[`${m}--${o}--disabled`,c],n&&t&&`${m}--with-icon`,!n&&d&&t&&`${m}--with-icon`,i&&_&&`${m}--with-icon`,s]);const h=r(["dropin-button-icon",`dropin-button-icon--${o}`,[`dropin-button-icon--${o}--disabled`,c],t==null?void 0:t.props.className]),y=p?{node:e("a",{}),role:"link",href:p,...u,disabled:c,active:i,onKeyDown:b=>{c&&b.preventDefault()},tabIndex:c?-1:0}:{node:e("button",{}),role:"button",...u,value:l,disabled:c,active:i};return e(g,{...y,className:s,children:[t&&!i&&e(g,{node:t,className:h}),_&&i&&e(g,{node:_,className:h}),n&&!i&&(typeof n=="string"?e("span",{children:n}):n),i&&d&&(typeof d=="string"?e("span",{children:d}):d)]})},vr=({name:l,value:o=null,options:a,variant:t="primary",floatingLabel:s,size:n="medium",handleSelect:c=()=>{},disabled:i=!1,error:d=!1,placeholder:_,defaultOption:p,icon:u,className:m,...h})=>{var D;const y=(h==null?void 0:h.id)||l||`dropin-picker-${Math.random().toString(36)}`,b=a==null?void 0:a.find(T=>!T.disabled),[w,k]=R({value:o,text:(p==null?void 0:p.text)||_||(b==null?void 0:b.text),icon:u});z(()=>{const T=a==null?void 0:a.find(I=>I.value===o);k(T??{value:(p==null?void 0:p.value)||(_||s?null:b==null?void 0:b.value),text:(p==null?void 0:p.text)||_||(b==null?void 0:b.text),icon:u})},[o,a,_,u,p,s]);const N=T=>{const{options:I,value:L}=T.target;for(const F of I)F.selected&&(k({value:L,text:F.text,icon:u}),c(T))},x=a==null?void 0:a.map(T=>{const{value:I,text:L,disabled:F}=T,j=I===w.value;return e("option",{value:I,selected:j,disabled:F,className:r(["dropin-picker__option"]),children:L},I)}),C=G(null),E=!((D=C.current)!=null&&D.selected)||!!p;return e("div",{className:r([m,"dropin-picker",`dropin-picker__${n}`,["dropin-picker__floating",!!s],["dropin-picker__selected",E],["dropin-picker__error",d],["dropin-picker__disabled",i],["dropin-picker__icon",u]]),children:[u&&e(u.type,{...u.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:y,className:r(["dropin-picker__select",`dropin-picker__select--${t}`,`dropin-picker__select--${n}`,["dropin-picker__select--floating",!!s]]),name:l,"aria-label":l,disabled:i,onChange:N,...h,children:[!p&&(s||_)&&e("option",{value:"",ref:C,className:r(["dropin-picker__option dropin-picker__placeholder"]),children:s??_},o),x]}),e(O,{source:se,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),s&&E&&e("label",{htmlFor:y,className:r(["dropin-picker__floatingLabel",!!s]),children:s})]})},me=({className:l,label:o,error:a,hint:t,success:s,size:n="medium",disabled:c=!1,children:i,...d})=>{var u;const _=((u=i==null?void 0:i.props)==null?void 0:u.id)??`dropin-field-${Math.random().toString(36)}`,p=i&&typeof i.type!="string"?i.type:null;return e("div",{...d,className:r(["dropin-field",l]),children:[o&&e("label",{className:r(["dropin-field__label",["dropin-field__label--disabled",c],`dropin-field__label--${n}`]),htmlFor:_,children:o}),e("div",{className:r(["dropin-field__content"]),children:p&&i&&xe(p,{...i.props,id:_,key:i.key,disabled:c,size:n,error:!!a,success:!!s&&!a})}),e("div",{className:r(["dropin-field__hint",[`dropin-field__hint--${n}`,n],["dropin-field__hint--error",!!a],["dropin-field__hint--success",!!s&&!a],["dropin-field__hint--disabled",!!c]]),children:a||s||t})]})},fr=({icon:l,className:o,children:a,active:t=!1,disabled:s=!1,...n})=>e("button",{role:"button",disabled:s,...n,className:r(["dropin-action-button",["dropin-action-button--active",t],["dropin-action-button--disabled",s],o]),children:[l&&e(g,{node:l,className:r(["dropin-action-button-icon"])}),a&&(typeof a=="string"?e("span",{children:a}):a)]}),wr=({className:l,variant:o="primary",activeOption:a,disabled:t=!1,dividers:s=!0,children:n,handleSelect:c,...i})=>{const[d,_]=R(a),p=V(m=>{t||m.props.disabled||(_(m.props.value),c&&c(m.props.value))},[c,_,t]),u=ae.map(n,m=>{const h=t||m.props.disabled,y=m.props.value===d;return De(m,{disabled:h,active:y,onClick:()=>p(m),className:r(["dropin-action-button-group__option",`dropin-action-button-group__option--${o}`,["dropin-action-button-group__option--active",y],["dropin-action-button-group__option--with-dividers",s]])})});return e("div",{role:"group",...i,className:r(["dropin-action-button-group",`dropin-action-button-group--${o}`,l]),children:u})},Ge=({variant:l="primary",className:o,children:a,...t})=>e("div",{...t,className:r(["dropin-card",`dropin-card--${l}`,o]),children:e("div",{class:"dropin-card__content",children:a})}),kr=({name:l,value:o,size:a="medium",disabled:t=!1,error:s=!1,label:n="",description:c="",className:i,checked:d,..._})=>{const[p,u]=R(d===void 0?!1:d),m=G(null),h=b=>{var w;(w=_.onChange)==null||w.call(_,b),u(b.currentTarget.checked)},y=b=>{var w;b.key===" "&&(b.preventDefault(),(w=m==null?void 0:m.current)==null||w.click())};return e("label",{className:r(["dropin-checkbox",["dropin-checkbox--disabled",t]]),children:[e("input",{ref:m,name:l,value:o,type:"checkbox",disabled:t,className:r(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",s],i]),..._,onChange:h,checked:p}),e("span",{"aria-checked":p?"true":"false","aria-labelledby":`${l}-label`,"aria-describedby":`${l}-description`,className:r(["dropin-checkbox__box",["dropin-checkbox__box--error",s],["dropin-checkbox__box--disabled",t]]),role:"checkbox",tabIndex:t?-1:0,onKeyDown:y,children:e(O,{className:r(["dropin-checkbox__checkmark"]),source:oe,size:"16",stroke:"3"})}),e("div",{id:`${l}-label`,className:r(["dropin-checkbox__label",`dropin-checkbox__label--${a}`,["dropin-checkbox__label--disabled",t]]),children:n}),e("div",{}),e("div",{id:`${l}-description`,role:"note",className:r(["dropin-checkbox__description",`dropin-checkbox__description--${a}`,["dropin-checkbox__description--disabled",t]]),children:c})]})},xr=({className:l,name:o,value:a,id:t,label:s,groupAriaLabel:n,size:c="medium",color:i,disabled:d=!1,selected:_=!1,outOfStock:p=!1,multi:u=!1,onValue:m,onUpdateError:h,...y})=>{const b=S("Dropin.Swatches.outOfStock.label").label,w=S("Dropin.Swatches.selected.label").label,k=S("Dropin.Swatches.swatch.label").label,N=V(async I=>{if(m)try{await m(I)}catch(L){h&&h(L)}},[m,h]),x=I=>{const L=I.target;N(L.value)},D=i&&(I=>{const L=new Option().style;return L.color=I,L.color!==""})(i)?i:"var(--color-gray-300);",T=()=>p?`${n}: ${s} ${b}`:_?`${n}: ${s} ${w}`:`${n}: ${s} ${k}`;return e("label",{className:r(["dropin-color-swatch__container",`dropin-color-swatch__container--${c}`,l]),children:[e("input",{type:u?"checkbox":"radio",name:o,id:t,value:a,"aria-label":T(),checked:_,disabled:d,onChange:x,...y,className:r(["dropin-color-swatch",["dropin-color-swatch--selected",_],["dropin-color-swatch--disabled",d],l])}),e("span",{style:{"--bg-color":D},className:r(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",p],l])})]})},Dr=({className:l,name:o,value:a,label:t,groupAriaLabel:s,id:n,disabled:c=!1,selected:i=!1,outOfStock:d=!1,multi:_=!1,onValue:p,onUpdateError:u,...m})=>{const h=S("Dropin.Swatches.outOfStock.label").label,y=S("Dropin.Swatches.selected.label").label,b=S("Dropin.Swatches.swatch.label").label,[w,k]=R(!1),N=G(null),x=V(async D=>{if(p)try{await p(D)}catch(T){u&&u(T)}},[p,u]),C=D=>{const T=D.target;x(T.value)},E=()=>d?`${s}: ${t} ${h}`:i?`${s}: ${t} ${y}`:`${s}: ${t} ${b}`;return z(()=>{N.current&&N.current.scrollWidth>N.current.clientWidth&&k(!0)},[t]),e("div",{className:"dropin-text-swatch__container",...w?{"data-tooltip":t}:{},children:[e("input",{type:_?"checkbox":"radio",name:o,id:n,value:a,"aria-label":E(),checked:i,disabled:c,onChange:C,...m,className:r(["dropin-text-swatch",["dropin-text-swatch--selected",i],["dropin-text-swatch--disabled",c],l])}),e("label",{htmlFor:n,ref:N,className:r(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",d],l]),children:t})]})},Ue=({ariaLabel:l,size:o="small",stroke:a="4",children:t,className:s,style:n,...c})=>{const i=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${o}`,`dropin-progress-spinner--shape-stroke-${a}`],d=S({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),_=()=>l||(t?d.updatingChildren:d.updating);return t?e("div",{...c,className:r(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:t}),e("div",{"aria-label":_(),role:"status",className:r(["dropin-progress-spinner-background",s]),style:n}),e("div",{className:r(["dropin-progress-spinner-with-provider",...i]),"aria-hidden":!0})]}):e("div",{...c,className:r([s,...i]),"aria-live":"polite",role:"status","aria-label":_()})},Sr=({className:l,name:o,value:a,id:t,label:s,groupAriaLabel:n,src:c,alt:i,disabled:d=!1,selected:_=!1,outOfStock:p=!1,multi:u=!1,onValue:m,onUpdateError:h,...y})=>{const b=S("Dropin.Swatches.outOfStock.label").label,w=S("Dropin.Swatches.selected.label").label,k=S("Dropin.Swatches.swatch.label").label,N=V(async E=>{if(m)try{await m(E)}catch(D){h&&h(D)}},[m,h]),x=E=>{const D=E.target;N(D.value)},C=()=>p?`${n}: ${s} ${b}`:_?`${n}: ${s} ${w}`:`${n}: ${s} ${k}`;return e("label",{className:r(["dropin-image-swatch__container",l]),children:[e("input",{type:u?"checkbox":"radio",name:o,id:t,value:a,"aria-label":C(),checked:_,disabled:d,onChange:x,...y,className:r(["dropin-image-swatch",["dropin-image-swatch--selected",_],["dropin-image-swatch--disabled",d],l])}),e("span",{className:r(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",p],l]),children:e(Me,{src:c,className:r(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:i,loading:"lazy",onError:E=>E.target.style.display="none"})})]})},_e=({className:l,children:o,title:a,secondaryText:t,actionIconPosition:s="left",iconOpen:n=K,iconClose:c=U,iconLeft:i=K,showIconLeft:d=!1,renderContentWhenClosed:_=!0,onStateChange:p,...u})=>{const[m,h]=R(!1),y=x=>{x.stopImmediatePropagation();const C=!m;h(C),p==null||p(C)},b=S(`Dropin.Accordion.${m?"close":"open"}.label`).label,w=e(O,{source:n,size:"24",onClick:y,onKeyPress:y,className:"dropin-accordion-section__open-icon"}),k=e(O,{source:c,size:"24",onClick:y,onKeyPress:y,className:"dropin-accordion-section__close-icon"}),N=e(O,{source:i,size:"24"});return e("div",{...u,className:r(["dropin-accordion-section",l]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:y,onKeyPress:y,role:"button","aria-label":`${b} ${a}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[s==="left"&&(m?k:w),d&&N,e("h3",{className:"dropin-accordion-section__title",children:a})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[t&&e("h4",{className:"dropin-accordion-section__secondary-text",children:t}),s==="right"&&(m?k:w)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:m?"grid":"none"},children:(m||_&&!m)&&o})]})},Ze=({className:l,children:o,actionIconPosition:a="left",iconOpen:t=K,iconClose:s=U,...n})=>{const c=e(pe,{variant:"secondary"}),i=d=>e(A,{children:[e(_e,{...d.props,actionIconPosition:a,iconOpen:t,iconClose:s}),c]});return e("div",{...n,className:r(["dropin-accordion",l]),children:[c,...(Array.isArray(o)?o:[o]).map(i)]})},Er=({variant:l="primary",className:o,type:a="warning",additionalActions:t,onDismiss:s,heading:n,description:c,icon:i,itemList:d,actionButtonPosition:_,...p})=>{var m,h,y;const u=S({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...p,className:r(["dropin-in-line-alert",`dropin-in-line-alert--${a}`,`dropin-in-line-alert--${l}`,o]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[i&&e(g,{node:i,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:n})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[t&&(_==="top"||!_&&t.length<=1)&&e(q,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:t.length>0?(m=t[0])==null?void 0:m.onClick:void 0,"aria-label":(h=t[0])==null?void 0:h.label,children:(y=t[0])==null?void 0:y.label}),s&&e(q,{icon:e(O,{source:Z,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:s,"aria-label":u.dismiss})]})]}),c&&e("p",{className:"dropin-in-line-alert__description",children:c}),e("div",{className:"dropin-in-line-alert__item-list-container",children:d&&e(g,{node:d,className:r(["dropin-in-line-alert__item-list"])})}),t&&(_==="bottom"||!_&&t.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:t.map(b=>e(q,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:b.onClick,children:b.label},b.label))})]})},Tr=({size:l="small",title:o=null,centered:a=!1,backgroundDim:t=!0,clickToDismiss:s=!0,escapeToDismiss:n=!0,onClose:c,showCloseButton:i=!0,className:d,children:_=null,...p})=>{const u=V(()=>{c==null||c()},[c]),m=S({modalCloseLabel:"Dropin.Modal.Close.label"});return z(()=>{const h=y=>{const b=document.querySelector(".dropin-modal"),w=document.querySelector(".dropin-modal__body");s&&b&&w&&!w.contains(y.target)&&u()};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[u,s]),z(()=>{const h=y=>{y.key==="Escape"&&n&&u()};return document.addEventListener("keydown",h),()=>{document.removeEventListener("keydown",h)}},[u,n]),z(()=>{const h=document.scrollingElement,y=h.style.overflow;return h.style.overflow="hidden",()=>{h.style.overflow=y}},[]),e("div",{className:r(["dropin-modal",["dropin-modal--dim",t]]),children:e("div",{...p,className:r(["dropin-modal__body",[`dropin-modal__body--${l}`,l],d]),children:[e("div",{className:r(["dropin-modal__header",["dropin-modal__header-title",!!o]]),children:[o&&e("div",{className:r(["dropin-modal__header-title-content"]),children:o}),i&&e(q,{"aria-label":m.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:u,icon:e(Z,{})})]}),e("div",{className:r(["dropin-modal__content",["dropin-modal__body--centered",a]]),children:_})]})})},Pr=({className:l,children:o,ariaLabel:a,image:t,title:s,price:n,taxIncluded:c=!1,taxExcluded:i=!1,total:d,totalExcludingTax:_,sku:p,configurations:u,warning:m,alert:h,quantity:y=1,description:b,loading:w=!1,updating:k=!1,onQuantity:N,onRemove:x,...C})=>{var T,I;const{locale:E}=Se(ce),D=S({each:"Dropin.CartItem.each.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});return w?e(je,{}):e("div",{...C,className:r(["dropin-cart-item",["dropin-cart-item--updating",k],l]),children:[k&&e(Ue,{className:r(["dropin-cart-item__spinner"]),ariaLabel:a?(T=D.updating)==null?void 0:T.replace("{product}",a):D.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[e(g,{node:t,className:r(["dropin-cart-item__image"])}),e(g,{node:s,className:r(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!N||!!x]])}),b&&e(g,{node:b,className:r(["dropin-cart-item__description"])}),e(g,{node:p,className:r(["dropin-cart-item__sku"])}),u&&e("ul",{className:r(["dropin-cart-item__configurations"]),children:Object.entries(u).map(([L,F])=>e("li",{className:r(["dropin-cart-item__configurations__item"]),children:[L,":"," ",e("strong",{className:r(["dropin-cart-item__configurations__item__value"]),children:F})]},L))}),e("span",{className:r(["dropin-cart-item__price"]),children:[!N&&e("span",{className:"dropin-cart-item__price__quantity",children:[y.toLocaleString(E)," x"," "]}),e(g,{node:n,role:"text"}),y>1&&e(A,{children:[" ",D.each]}),c&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",D.taxIncluded]}),i&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",D.taxExcluded]})]}),e("div",{className:r(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!N]]),children:[N?e(ze,{className:r(["dropin-cart-item__quantity__incrementer"]),value:y,min:1,onValue:L=>N==null?void 0:N(Number(L)),name:"quantity","aria-label":D.quantity,disabled:k}):e("span",{className:r(["dropin-cart-item__quantity__value"]),children:[D.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(y).toLocaleString(E)})]}),m&&e(g,{node:m,className:r(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),h&&e(g,{node:h,className:r(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),m&&e(g,{node:m,className:r(["dropin-cart-item__warning"])}),h&&e(g,{node:h,className:r(["dropin-cart-item__alert"])}),e("div",{className:r(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!x]]),children:[e("div",{className:"dropin-cart-item__row-total",children:e(g,{node:d,role:"text"})}),c&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:r(["dropin-cart-item__total-tax-message"]),children:D.taxIncluded})}),i&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:r(["dropin-cart-item__total-tax-excluded-message"]),children:[_&&e(g,{node:_,role:"text"})," ",D.taxExcluded]})})]})]}),x&&e(q,{className:r(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>x==null?void 0:x(),icon:e(O,{source:Ae,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":a?(I=D.remove)==null?void 0:I.replace("{product}",a):D.removeDefault}),disabled:k})]})},je=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(le,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(W,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(W,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(W,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(W,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(W,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(W,{className:"dropin-cart-item__skeleton__item"})})]})}),Ir=({className:l,children:o,...a})=>{const{heading:t,loading:s=!0,total:n,subTotal:c,shipping:i,taxTotal:d,taxesApplied:_,discounts:p,primaryAction:u,...m}=a,[h,y]=R(!1),b=G(null),[w,k]=R(!0),[N,x]=R("zip"),C=S({editZipAction:"Dropin.PriceSummary.shipping.editZipAction",destinationLinkAriaLabel:"Dropin.PriceSummary.shipping.destinationLinkAriaLabel",taxesBreakdownTitle:"Dropin.PriceSummary.taxes.breakdown",subtotalLabel:"Dropin.PriceSummary.subTotal.label",shippingLabel:"Dropin.PriceSummary.shipping.label",showTaxBreakdown:"Dropin.PriceSummary.taxes.showBreakdown",hideTaxBreakdown:"Dropin.PriceSummary.taxes.hideBreakdown",zipPlaceholder:"Dropin.PriceSummary.shipping.zipPlaceholder"}),E=P=>{P.preventDefault(),k(H=>!H)},D=P=>{P.preventDefault(),k(!0),x(H=>H==="zip"?"state":"zip")},T=P=>{var X;P.preventDefault(),k(!1);const H=fe(b.current);(X=i==null?void 0:i.onEstimate)==null||X.call(i,H)},I=e(le,{"data-testid":"loading-skeleton",rowGap:"xsmall",children:e(W,{variant:"row",size:"small",lines:5,fullWidth:!0,multilineGap:"xsmall"})}),L=()=>i?i.estimated?i.destinationText?e(A,{children:[e($,{id:"Dropin.PriceSummary.shipping.estimatedDestination"}),e("a",{className:"dropin-price-summary__shippingLink",role:"button",href:"",onClick:E,onKeyDown:P=>{(P.key==="Enter"||P.key===" ")&&E(P)},tabIndex:0,"aria-label":C.destinationLinkAriaLabel,"aria-expanded":w,"data-testid":"shipping-destination-link",children:i.destinationText})]}):e($,{id:"Dropin.PriceSummary.shipping.estimated"}):e($,{id:"Dropin.PriceSummary.shipping.label"}):null,F=i&&e(A,{children:e("div",{"data-testid":"shipping-content",className:r(["dropin-price-summary__entry","dropin-price-summary__shipping"]),children:[e("span",{className:"dropin-price-summary__label",children:L()}),e(g,{node:i.price,className:"dropin-price-summary__price"}),i.estimated&&e(A,{children:e("div",{className:r(["dropin-price-summary__caption"]),children:e("a",{href:"#",className:"dropin-price-summary__shippingLink",onClick:D,"data-testid":"shipping-alternate-field-link",children:N==="zip"?e($,{id:"Dropin.PriceSummary.shipping.alternateField.state"}):e($,{id:"Dropin.PriceSummary.shipping.alternateField.zip"})})})}),i.estimated&&e(A,{children:e("form",{className:r(["dropin-price-summary__shipping--edit",["dropin-price-summary__shipping--hide",!w]]),ref:b,"data-testid":"shipping-estimate-form",children:[i.countryField&&e(g,{node:i.countryField,className:r(["dropin-price-summary__shipping--country"])}),N==="state"?i.stateField&&e(g,{node:i.stateField,className:r(["dropin-price-summary__shipping--state"])}):i.zipField&&e(g,{node:i.zipField,className:r(["dropin-price-summary__shipping--zip"])}),i.estimateButton&&e(g,{node:i.estimateButton,className:r(["dropin-price-summary__shipping--action"]),onClick:T,type:"submit"})]})}),i.taxIncluded&&e("div",{"data-testid":"shipping-tax-included",className:r(["dropin-price-summary__caption"]),children:e("span",{children:e($,{id:"Dropin.PriceSummary.shipping.withTaxes"})})}),i.taxExcluded?e("div",{"data-testid":"shipping-tax-included-excluded",className:r(["dropin-price-summary__caption"]),children:e("span",{children:[i.priceExcludingTax," ",e($,{id:"Dropin.PriceSummary.shipping.withoutTaxes"})]})}):void 0]})}),j=p&&e(A,{children:p.map(P=>e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__discount"]),children:[e("span",{className:r(["dropin-price-summary__label"]),children:P.label}),e(g,{node:P.price,className:r(["dropin-price-summary__price"])}),P.caption&&e(g,{node:P.caption,className:r(["dropin-price-summary__caption"])})]},P.label))}),ue=_?e(A,{children:e(Ze,{"data-testid":"tax-breakdown",className:"dropin-price-summary__taxes",iconOpen:se,iconClose:Oe,children:e(_e,{title:C.taxesBreakdownTitle,secondaryText:!h&&d?e(g,{node:d.price,className:"dropin-price-summary__price"}):void 0,renderContentWhenClosed:!1,onStateChange:y,children:[e("div",{className:r(["dropin-price-summary__appliedTaxes"]),children:_.map(P=>e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__taxEntry"]),children:[e("span",{className:r(["dropin-price-summary__label","dropin-price-summary__label--muted"]),children:P.label}),e(g,{node:P.price,className:r(["dropin-price-summary__price","dropin-price-summary__price--muted"])})]},P.label))}),e("div",{className:r(["dropin-price-summary__entry"]),children:[e("span",{className:"dropin-price-summary__label",children:e($,{id:"Dropin.PriceSummary.taxes.total"})}),d&&e(g,{node:d.price,className:"dropin-price-summary__price"})]})]})})}):d&&e("div",{"data-testid":"tax-total-only",className:r(["dropin-price-summary__entry","dropin-price-summary__taxTotal"]),children:[e("span",{className:"dropin-price-summary__label",children:d.estimated?e($,{id:"Dropin.PriceSummary.taxes.estimated"}):e($,{id:"Dropin.PriceSummary.taxes.totalOnly"})}),e(g,{node:d.price,className:"dropin-price-summary__price"})]}),he=n&&e(A,{children:e("div",{"data-testid":"total-content",className:r(["dropin-price-summary__entry","dropin-price-summary__total",n.estimated&&"dropin-price-summary__total--padded"]),children:[e("span",{className:r(["dropin-price-summary__label","dropin-price-summary__label--bold"]),children:n.estimated?e($,{id:"Dropin.PriceSummary.total.estimated"}):e($,{id:"Dropin.PriceSummary.total.label"})}),e(g,{node:n.price,className:r(["dropin-price-summary__price","dropin-price-summary__price--bold"])})]})}),be=n&&n.priceWithoutTax&&e("div",{"data-testid":"total-without-tax",className:"dropin-price-summary__entry dropin-price-summary__totalWithoutTax",children:[e("span",{className:r(["dropin-price-summary__label","dropin-price-summary__label--muted"]),children:e($,{id:"Dropin.PriceSummary.total.withoutTax"})}),e(g,{node:n.priceWithoutTax,className:r(["dropin-price-summary__price","dropin-price-summary__price--muted"])})]}),ye=u&&e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__primaryAction"]),children:u}),ge=c&&e("div",{className:r(["dropin-price-summary__entry","dropin-price-summary__subTotal"]),children:[e("span",{className:"dropin-price-summary__label",children:e($,{id:"Dropin.PriceSummary.subTotal.label"})}),e(g,{node:c.price,className:"dropin-price-summary__price"}),c.taxIncluded&&e("div",{"data-testid":"sub-total-tax-caption",className:r(["dropin-price-summary__caption"]),children:e("span",{children:e($,{id:"Dropin.PriceSummary.subTotal.withTaxes"})})}),c.taxExcluded?e("div",{"data-testid":"sub-total-tax-caption-excluded",className:r(["dropin-price-summary__caption"]),children:e("span",{children:[c.priceExcludingTax," ",e($,{id:"Dropin.PriceSummary.subTotal.withoutTaxes"})]})}):void 0]});return e("div",{...m,className:r(["dropin-price-summary",l]),children:[e("div",{className:"dropin-price-summary__heading",children:t}),e(pe,{variant:"primary",className:"dropin-price-summary__divider-primary"}),s?I:e(A,{children:[ge,F,j,ue,he,be,ye]})]})},$r=({className:l,children:o,...a})=>e("div",{...a,className:r(["dropin-cart-list",l]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:ae.map(o,(t,s)=>e("div",{className:"dropin-cart-list__item",children:t},s))})}),Cr=({className:l,children:o,locale:a,currency:t,amount:s,variant:n="default",minimumAmount:c,maximumAmount:i,size:d="small",display:_="dash",specialPrice:p,sale:u=!1,...m})=>{const h=M(()=>s||c===i||c&&!i||i&&!c,[s,i,c]);return e("div",{children:h?e("div",{...m,className:r(["dropin-price-range",l]),children:e(B,{amount:s??c??i,currency:t,locale:a,size:d,variant:n,sale:u})}):e("div",{...m,className:r(["dropin-price-range",l]),children:[_==="dash"?e(Je,{specialPrice:p,minimumAmount:c,maximumAmount:i,currency:t,locale:a,size:d,sale:u}):null,_==="from to"?e(Xe,{specialPrice:p,minimumAmount:c,maximumAmount:i,currency:t,locale:a,size:d,sale:u}):null,_==="as low as"?e(Ye,{specialPrice:p,minimumAmount:c,maximumAmount:i,currency:t,locale:a,size:d,sale:u}):null]})})};function Je({specialPrice:l,minimumAmount:o,maximumAmount:a,currency:t,locale:s,size:n,sale:c}){return e(A,{children:[e(B,{amount:l??o,currency:t,locale:s,size:n,sale:!!l&&c}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(B,{amount:a,currency:t,locale:s,size:n})]})}function Xe({specialPrice:l,minimumAmount:o,maximumAmount:a,currency:t,locale:s,size:n,sale:c}){const i=S({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(A,{children:[e("span",{className:r(["dropin-price-range__from",`dropin-price-range__from--${n}`]),children:i.from}),e(B,{amount:l??o,currency:t,locale:s,size:n,sale:!!l&&c}),e("span",{className:r(["dropin-price-range__to",`dropin-price-range__to--${n}`]),children:i.to}),e(B,{amount:a,currency:t,locale:s,size:n})]})}function Ye({specialPrice:l,minimumAmount:o,maximumAmount:a,currency:t,locale:s,size:n,sale:c}){const i=S({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(A,{children:[e("span",{className:r(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${n}`]),children:i.asLowAs}),l?e("div",{children:[e(B,{amount:a,currency:t,locale:s,size:n,variant:"strikethrough"}),e(B,{amount:l,currency:t,locale:s,size:n,className:"dropin-price-range__special",sale:!!l&&c})]}):e(B,{amount:o,currency:t,locale:s,size:n})]})}const Lr=({className:l,categories:o,separator:a,...t})=>e(A,{children:(o==null?void 0:o.length)>1&&e("nav",{role:"navigation",...t,className:r(["dropin-breadcrumbs__container",l]),children:e("ul",{className:"dropin-breadcrumbs__items",children:o==null?void 0:o.map((s,n)=>e("li",{className:r(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",n===o.length-1]]),children:[e(g,{node:s,className:"dropin-breadcrumbs__link"}),!a&&n!==o.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),a&&n!==o.length-1&&e(g,{node:a,className:"dropin-breadcrumbs__separator--icon"})]},n))})})}),Ar=({className:l,variant:o,icon:a,message:t,onDismiss:s,action:n,...c})=>{const i=S({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...c,className:r([l,"dropin-alert-banner",`dropin-alert-banner--${o}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[a&&e(g,{node:a,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(g,{node:t,className:r(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[n&&e(q,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:n.onClick,"aria-label":n.label,children:n.label}),e(q,{icon:e(O,{source:Z,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:s,"aria-label":i.dismiss})]})]})},Or=({className:l,icon:o,heading:a,headingLevel:t=2,message:s,action:n,variant:c="secondary",...i})=>{const d=t>=1&&t<=6?`h${t}`:"h2";return e("div",{...i,className:r(["dropin-illustrated-message",l]),children:e(Ge,{variant:c,children:[o&&e(g,{node:o,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),a&&e(d,{className:"dropin-illustrated-message__heading",children:a}),s&&e(g,{node:s,className:"dropin-illustrated-message__message"}),n&&e(g,{node:n,className:"dropin-illustrated-message__action"})]})})},Rr=({className:l,label:o,name:a,value:t,selected:s=!0,onChange:n,icon:c,busy:i=!1,children:d,..._})=>e("div",{..._,className:r(["dropin-toggle-button",l,["dropin-toggle-button__selected",s]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(Ke,{label:"",name:a,value:t,checked:s,onChange:()=>n&&n(t),"aria-label":o,busy:i,className:r([l,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[c&&e(c.type,{...c==null?void 0:c.props,className:"dropin-toggle-button__icon"}),o]})]})});export{Ze as Accordion,_e as AccordionSection,fr as ActionButton,wr as ActionButtonGroup,Ar as AlertBanner,Lr as Breadcrumbs,q as Button,Ge as Card,Pr as CartItem,je as CartItemSkeleton,$r as CartList,kr as Checkbox,xr as ColorSwatch,pe as Divider,me as Field,O as Icon,Or as IllustratedMessage,Me as Image,Sr as ImageSwatch,Er as InLineAlert,ze as Incrementer,de as Input,yr as InputDate,gr as InputPassword,Tr as Modal,vr as Picker,B as Price,Cr as PriceRange,Ir as PriceSummary,Ue as ProgressSpinner,Ke as RadioButton,le as Skeleton,W as SkeletonRow,Nr as TextArea,Dr as TextSwatch,Rr as ToggleButton,ce as UIContext,Fe as UIProvider,br as provider};

package/lib.js

@@ -1,11 +1 @@
-var be=Object.defineProperty;var xe=(e,t,n)=>t in e?be(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var oe=(e,t,n)=>xe(e,typeof t!="symbol"?t+"":t,n);import{V as ie}from"./chunks/vcomponent.js";import{c as Je,b as Ke,d as Ue,e as Ge,a as Xe,g as Ye}from"./chunks/vcomponent.js";import{jsx as L}from"./preact-jsx-runtime.js";import{l as y,_ as he,k as B,B as se,A as R,h as le,T as Se,x as Oe,q as $,y as ee}from"./chunks/icons/Add.js";import{C as Re,I as Ie,i as He}from"./chunks/initializer.js";import{IntlContext as Ce}from"./i18n.js";import{g as tt,s as nt}from"./chunks/image-params-keymap.js";var Ne=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i,ge=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,W=/[\s\n\\/='"\0<>]/,ve=/^xlink:?./,je=/["&<]/;function q(e){if(je.test(e+="")===!1)return e;for(var t=0,n=0,s="",d="";n<e.length;n++){switch(e.charCodeAt(n)){case 34:d="&quot;";break;case 38:d="&amp;";break;case 60:d="&lt;";break;default:continue}n!==t&&(s+=e.slice(t,n)),s+=d,t=n+1}return n!==t&&(s+=e.slice(t,n)),s}var ae=function(e,t){return String(e).replace(/(\n+)/g,"$1"+(t||"	"))},fe=function(e,t,n){return String(e).length>40||String(e).indexOf(`
-`)!==-1||String(e).indexOf("<")!==-1},ue={},$e=/([A-Z])/g;function ye(e){var t="";for(var n in e){var s=e[n];s!=null&&s!==""&&(t&&(t+=" "),t+=n[0]=="-"?n:ue[n]||(ue[n]=n.replace($e,"-$1").toLowerCase()),t=typeof s=="number"&&Ne.test(n)===!1?t+": "+s+"px;":t+": "+s+";")}return t||void 0}function te(e,t){return Array.isArray(t)?t.reduce(te,e):t!=null&&t!==!1&&e.push(t),e}function ce(){this.__d=!0}function me(e,t){return{__v:e,context:t,props:e.props,setState:ce,forceUpdate:ce,__d:!0,__h:[]}}function Z(e,t){var n=e.contextType,s=n&&t[n.__c];return n!=null?s?s.props.value:n.__:t}var I=[];function E(e,t,n,s,d,h){if(e==null||typeof e=="boolean")return"";if(typeof e!="object")return typeof e=="function"?"":q(e);var g=n.pretty,_=g&&typeof g=="string"?g:"	";if(Array.isArray(e)){for(var w="",b=0;b<e.length;b++)g&&b>0&&(w+=`
-`),w+=E(e[b],t,n,s,d,h);return w}if(e.constructor!==void 0)return"";var O,p=e.type,a=e.props,x=!1;if(typeof p=="function"){if(x=!0,!n.shallow||!s&&n.renderRootComponent!==!1){if(p===B){var i=[];return te(i,e.props.children),E(i,t,n,n.shallowHighOrder!==!1,d,h)}var o,r=e.__c=me(e,t);y.__b&&y.__b(e);var v=y.__r;if(p.prototype&&typeof p.prototype.render=="function"){var A=Z(p,t);(r=e.__c=new p(a,A)).__v=e,r._dirty=r.__d=!0,r.props=a,r.state==null&&(r.state={}),r._nextState==null&&r.__s==null&&(r._nextState=r.__s=r.state),r.context=A,p.getDerivedStateFromProps?r.state=Object.assign({},r.state,p.getDerivedStateFromProps(r.props,r.state)):r.componentWillMount&&(r.componentWillMount(),r.state=r._nextState!==r.state?r._nextState:r.__s!==r.state?r.__s:r.state),v&&v(e),o=r.render(r.props,r.state,r.context)}else for(var D=Z(p,t),k=0;r.__d&&k++<25;)r.__d=!1,v&&v(e),o=p.call(e.__c,a,D);return r.getChildContext&&(t=Object.assign({},t,r.getChildContext())),y.diffed&&y.diffed(e),E(o,t,n,n.shallowHighOrder!==!1,d,h)}p=(O=p).displayName||O!==Function&&O.name||function(X){var Y=(Function.prototype.toString.call(X).match(/^\s*function\s+([^( ]+)/)||"")[1];if(!Y){for(var z=-1,Q=I.length;Q--;)if(I[Q]===X){z=Q;break}z<0&&(z=I.push(X)-1),Y="UnnamedComponent"+z}return Y}(O)}var C,S,c="<"+p;if(a){var m=Object.keys(a);n&&n.sortAttributes===!0&&m.sort();for(var P=0;P<m.length;P++){var l=m[P],u=a[l];if(l!=="children"){if(!W.test(l)&&(n&&n.allAttributes||l!=="key"&&l!=="ref"&&l!=="__self"&&l!=="__source")){if(l==="defaultValue")l="value";else if(l==="defaultChecked")l="checked";else if(l==="defaultSelected")l="selected";else if(l==="className"){if(a.class!==void 0)continue;l="class"}else d&&ve.test(l)&&(l=l.toLowerCase().replace(/^xlink:?/,"xlink:"));if(l==="htmlFor"){if(a.for)continue;l="for"}l==="style"&&u&&typeof u=="object"&&(u=ye(u)),l[0]==="a"&&l[1]==="r"&&typeof u=="boolean"&&(u=String(u));var f=n.attributeHook&&n.attributeHook(l,u,t,n,x);if(f||f==="")c+=f;else if(l==="dangerouslySetInnerHTML")S=u&&u.__html;else if(p==="textarea"&&l==="value")C=u;else if((u||u===0||u==="")&&typeof u!="function"){if(!(u!==!0&&u!==""||(u=l,n&&n.xml))){c=c+" "+l;continue}if(l==="value"){if(p==="select"){h=u;continue}p==="option"&&h==u&&a.selected===void 0&&(c+=" selected")}c=c+" "+l+'="'+q(u)+'"'}}}else C=u}}if(g){var N=c.replace(/\n\s*/," ");N===c||~N.indexOf(`
-`)?g&&~c.indexOf(`
-`)&&(c+=`
-`):c=N}if(c+=">",W.test(p))throw new Error(p+" is not a valid HTML tag name in "+c);var F,we=ge.test(p)||n.voidElements&&n.voidElements.test(p),j=[];if(S)g&&fe(S)&&(S=`
-`+_+ae(S,_)),c+=S;else if(C!=null&&te(F=[],C).length){for(var J=g&&~c.indexOf(`
-`),ne=!1,K=0;K<F.length;K++){var U=F[K];if(U!=null&&U!==!1){var M=E(U,t,n,!0,p==="svg"||p!=="foreignObject"&&d,h);if(g&&!J&&fe(M)&&(J=!0),M)if(g){var re=M.length>0&&M[0]!="<";ne&&re?j[j.length-1]+=M:j.push(M),ne=re}else j.push(M)}}if(g&&J)for(var G=j.length;G--;)j[G]=`
-`+_+ae(j[G],_)}if(j.length||S)c+=j.join("");else if(n&&n.xml)return c.substring(0,c.length-1)+" />";return!we||F||S?(g&&~c.indexOf(`
-`)&&(c+=`
-`),c=c+"</"+p+">"):c=c.replace(/>$/," />"),c}var Ae={shallow:!0};V.render=V;var Pe=function(e,t){return V(e,t,Ae)},de=[];function V(e,t,n){t=t||{};var s=y.__s;y.__s=!0;var d,h=he(B,null);return h.__k=[e],d=n&&(n.pretty||n.voidElements||n.sortAttributes||n.shallow||n.allAttributes||n.xml||n.attributeHook)?E(e,t,n):T(e,t,!1,void 0,h),y.__c&&y.__c(e,de),y.__s=s,de.length=0,d}function H(e){return e==null||typeof e=="boolean"?null:typeof e=="string"||typeof e=="number"||typeof e=="bigint"?he(null,null,e):e}function De(e,t){return e==="className"?"class":e==="htmlFor"?"for":e==="defaultValue"?"value":e==="defaultChecked"?"checked":e==="defaultSelected"?"selected":t&&ve.test(e)?e.toLowerCase().replace(/^xlink:?/,"xlink:"):e}function Me(e,t){return e==="style"&&t!=null&&typeof t=="object"?ye(t):e[0]==="a"&&e[1]==="r"&&typeof t=="boolean"?String(t):t}var pe=Array.isArray,_e=Object.assign;function T(e,t,n,s,d){if(e==null||e===!0||e===!1||e==="")return"";if(typeof e!="object")return typeof e=="function"?"":q(e);if(pe(e)){var h="";d.__k=e;for(var g=0;g<e.length;g++)h+=T(e[g],t,n,s,d),e[g]=H(e[g]);return h}if(e.constructor!==void 0)return"";e.__=d,y.__b&&y.__b(e);var _=e.type,w=e.props;if(typeof _=="function"){var b;if(_===B)b=w.children;else{b=_.prototype&&typeof _.prototype.render=="function"?function(m,P){var l=m.type,u=Z(l,P),f=new l(m.props,u);m.__c=f,f.__v=m,f.__d=!0,f.props=m.props,f.state==null&&(f.state={}),f.__s==null&&(f.__s=f.state),f.context=u,l.getDerivedStateFromProps?f.state=_e({},f.state,l.getDerivedStateFromProps(f.props,f.state)):f.componentWillMount&&(f.componentWillMount(),f.state=f.__s!==f.state?f.__s:f.state);var N=y.__r;return N&&N(m),f.render(f.props,f.state,f.context)}(e,t):function(m,P){var l,u=me(m,P),f=Z(m.type,P);m.__c=u;for(var N=y.__r,F=0;u.__d&&F++<25;)u.__d=!1,N&&N(m),l=m.type.call(u,m.props,f);return l}(e,t);var O=e.__c;O.getChildContext&&(t=_e({},t,O.getChildContext()))}var p=T(b=b!=null&&b.type===B&&b.key==null?b.props.children:b,t,n,s,e);return y.diffed&&y.diffed(e),e.__=void 0,y.unmount&&y.unmount(e),p}var a,x,i="<";if(i+=_,w)for(var o in a=w.children,w){var r=w[o];if(!(o==="key"||o==="ref"||o==="__self"||o==="__source"||o==="children"||o==="className"&&"class"in w||o==="htmlFor"&&"for"in w||W.test(o))){if(r=Me(o=De(o,n),r),o==="dangerouslySetInnerHTML")x=r&&r.__html;else if(_==="textarea"&&o==="value")a=r;else if((r||r===0||r==="")&&typeof r!="function"){if(r===!0||r===""){r=o,i=i+" "+o;continue}if(o==="value"){if(_==="select"){s=r;continue}_!=="option"||s!=r||"selected"in w||(i+=" selected")}i=i+" "+o+'="'+q(r)+'"'}}}var v=i;if(i+=">",W.test(_))throw new Error(_+" is not a valid HTML tag name in "+i);var A="",D=!1;if(x)A+=x,D=!0;else if(typeof a=="string")A+=q(a),D=!0;else if(pe(a)){e.__k=a;for(var k=0;k<a.length;k++){var C=a[k];if(a[k]=H(C),C!=null&&C!==!1){var S=T(C,t,_==="svg"||_!=="foreignObject"&&n,s,e);S&&(A+=S,D=!0)}}}else if(a!=null&&a!==!1&&a!==!0){e.__k=[H(a)];var c=T(a,t,_==="svg"||_!=="foreignObject"&&n,s,e);c&&(A+=c,D=!0)}if(y.diffed&&y.diffed(e),e.__=void 0,y.unmount&&y.unmount(e),D)i+=A;else if(ge.test(_))return v+" />";return i+"</"+_+">"}V.shallowRender=Pe;class Ve{constructor(t){oe(this,"_provider");this._provider=t}render(t,n){return async s=>{var h;if(!t)throw new Error("Component is not defined");if(!s)throw new Error("Root element is not defined");const d=await((h=t.getInitialData)==null?void 0:h.call(t,n))??{};se(L(ie,{node:this._provider,...this._provider.props,children:L(t,{...n,initialData:d})}),s)}}unmount(t){if(!t)throw new Error("Root element is not defined");se(null,t)}async toString(t,n,s){var h;if(!t)throw new Error("Component is not defined");const d=await((h=t.getInitialData)==null?void 0:h.call(t,n))??{};return V(L(ie,{node:this._provider,...this._provider.props,children:L(t,{...n,initialData:d})}),{},{...s})}}const ze=e=>e.replace("_","-");function ke(e={},t,n){const s=R(null),d=R(!1),h=R([]),[g,_]=le({children:[n==null?void 0:n({})]}),[w,b]=le({}),O=Se(()=>({get:i=>w[i],set:(i,o)=>{b({...O,[i]:o})}}),[w]),{intl:p}=Oe(Ce);e.dictionary=p.dictionary,e._setProps=_;const a=$(i=>{typeof i=="function"?h.current.push(i):console.warn("Skipped: Invalid _registerMethod",i)},[]);e._registerMethod=a;const x=$(i=>L("div",{"data-slot-html-element":i.tagName.toLowerCase(),ref:o=>{o==null||o.appendChild(i)}}),[]);return e._htmlElementToVNode=x,e.getSlotElement=$(i=>{const o=document.querySelector(`[data-slot-key="${i}"]`);if(o)return{appendChild:r=>{o.appendChild(r)},prependChild:r=>{o.insertBefore(r,o.firstChild)},appendSibling:r=>{const v=o.parentNode;v==null||v.insertBefore(r,o.nextSibling)},prependSibling:r=>{const v=o.parentNode;v==null||v.insertBefore(r,o)}}},[]),e.onChange=$(i=>{h.current.push(i)},[]),e.replaceWith=$(i=>{a(o=>{const r=x(i);o._setProps({children:[r]})})},[x,a]),e.appendChild=$(i=>{a(o=>{const r=x(i);o._setProps(v=>({...v,children:[...v.children,r]}))})},[x,a]),e.prependChild=$(i=>{a(o=>{const r=x(i);o._setProps(v=>({...v,children:[r,...v.children]}))})},[x,a]),e.appendSibling=$(i=>{a(()=>{var r,v;const o=(r=s.current)==null?void 0:r.parentNode;o==null||o.insertBefore(i,((v=s.current)==null?void 0:v.nextSibling)??null)})},[a]),e.prependSibling=$(i=>{a(()=>{var r;const o=(r=s.current)==null?void 0:r.parentNode;o==null||o.insertBefore(i,s.current)})},[a]),ee(()=>{const i=s.current;if(!(!t||!i))try{t(e,i)}catch(o){console.error(`Error in "${t.name}" Slot callback`,o)}},[]),ee(()=>{_({children:[n==null?void 0:n(g)]}),h.current.forEach(i=>{i(e,O)}),(n==null?void 0:n.name)==="render"&&d.current===!1&&(d.current=!0)},[JSON.stringify(e),JSON.stringify(w),d.current]),[s,g]}function Be({name:e,slot:t,context:n,children:s,render:d,...h}){const[g,_]=ke(n,t,d??(()=>s));return ee(()=>{e||console.warn('Slot "name" is required')},[e]),L("div",{...h,ref:g,"data-slot":e,children:_.children})}window.DROPINS=window.DROPINS||{};window.DROPINS.showSlots=async e=>{window.sessionStorage.setItem("dropin-debugger--show-slots",e.toString()),document.body.classList.toggle("dropin-debugger--show-slots",e)};window.DROPINS.showSlots(window.sessionStorage.getItem("dropin-debugger--show-slots")==="true");export{Re as Config,Ie as Initializer,Ve as Render,Be as Slot,ie as VComponent,Je as classes,Ke as debounce,Ue as deepmerge,Ge as generateSrcset,Xe as getFormErrors,Ye as getFormValues,tt as getImageParamsKeyMap,He as initializers,nt as setImageParamsKeyMap,ze as toLanguageTag,ke as useSlot};
+import{R as v,V as z,c as E,b as F,d as J,e as K,a as $,g as j}from"./chunks/vcomponent.js";import{C as A,I as U,i as W}from"./chunks/initializer.js";import{jsx as N}from"./preact-jsx-runtime.js";import{A as S,h as C,T as _,x as R,q as i,y as w}from"./chunks/icons/Add.js";import{IntlContext as b}from"./i18n.js";import{g as H,s as Q}from"./chunks/image-params-keymap.js";const D=r=>r.replace("_","-");function O(r={},p,a){const l=S(null),g=S(!1),c=S([]),[u,h]=C({children:[a==null?void 0:a({})]}),[f,I]=C({}),m=_(()=>({get:t=>f[t],set:(t,e)=>{I({...m,[t]:e})}}),[f]),{intl:P}=R(b);r.dictionary=P.dictionary,r._setProps=h;const n=i(t=>{typeof t=="function"?c.current.push(t):console.warn("Skipped: Invalid _registerMethod",t)},[]);r._registerMethod=n;const d=i(t=>N("div",{"data-slot-html-element":t.tagName.toLowerCase(),ref:e=>{e==null||e.appendChild(t)}}),[]);r._htmlElementToVNode=d,r.getSlotElement=i(t=>{const e=document.querySelector(`[data-slot-key="${t}"]`);if(e)return{appendChild:s=>{e.appendChild(s)},prependChild:s=>{e.insertBefore(s,e.firstChild)},appendSibling:s=>{const o=e.parentNode;o==null||o.insertBefore(s,e.nextSibling)},prependSibling:s=>{const o=e.parentNode;o==null||o.insertBefore(s,e)}}},[]),r.onChange=i(t=>{c.current.push(t)},[]),r.replaceWith=i(t=>{n(e=>{const s=d(t);e._setProps({children:[s]})})},[d,n]),r.appendChild=i(t=>{n(e=>{const s=d(t);e._setProps(o=>({...o,children:[...o.children,s]}))})},[d,n]),r.prependChild=i(t=>{n(e=>{const s=d(t);e._setProps(o=>({...o,children:[s,...o.children]}))})},[d,n]),r.appendSibling=i(t=>{n(()=>{var s,o;const e=(s=l.current)==null?void 0:s.parentNode;e==null||e.insertBefore(t,((o=l.current)==null?void 0:o.nextSibling)??null)})},[n]),r.prependSibling=i(t=>{n(()=>{var s;const e=(s=l.current)==null?void 0:s.parentNode;e==null||e.insertBefore(t,l.current)})},[n]);const y=i(()=>{h({children:[a==null?void 0:a(u)]}),c.current.forEach(t=>{t(r,m)})},[r,u,a,m]);return w(()=>{const t=l.current;!p||!t||(async()=>{try{await p(r,t)}catch(e){console.error(`Error in "${p.name}" Slot callback`,e)}y(),g.current=!0})()},[]),w(()=>{g.current&&y()},[JSON.stringify(r),JSON.stringify(f)]),[l,u]}function L({name:r,slot:p,context:a,children:l,render:g,...c}){const[u,h]=O(a,p,g??(()=>l));return w(()=>{r||console.warn('Slot "name" is required')},[r]),N("div",{...c,ref:u,"data-slot":r,children:h.children})}window.DROPINS=window.DROPINS||{};window.DROPINS.showSlots=async r=>{window.sessionStorage.setItem("dropin-debugger--show-slots",r.toString()),document.body.classList.toggle("dropin-debugger--show-slots",r)};window.DROPINS.showSlots(window.sessionStorage.getItem("dropin-debugger--show-slots")==="true");export{A as Config,U as Initializer,v as Render,L as Slot,z as VComponent,E as classes,F as debounce,J as deepmerge,K as generateSrcset,$ as getFormErrors,j as getFormValues,H as getImageParamsKeyMap,W as initializers,Q as setImageParamsKeyMap,D as toLanguageTag,O as useSlot};

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/tools", "version": "0.27.1-alpha1"}
+{"name": "@dropins/tools", "version": "0.28.0-alpha1"}

package/types/elsie/src/components/UIProvider/UIProvider.d.ts

@@ -1,5 +1,6 @@
 import { FunctionComponent } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
+import { Render } from '../../lib';
 import { Lang } from '../../i18n';
 
 export declare const UIContext: import('preact').Context<{
@@ -13,5 +14,6 @@ export interface UIProviderProps extends HTMLAttributes<HTMLDivElement> {
     langDefinitions?: LangDefinitions;
 }
 export declare const UIProvider: FunctionComponent<UIProviderProps>;
+export declare const provider: Render;
 export {};
 //# sourceMappingURL=UIProvider.d.ts.map

package/types/elsie/src/lib/render.d.ts

@@ -13,14 +13,18 @@ export declare class Render {
     private _provider;
     constructor(provider: VNode<any>);
     /**
-     * Renders a component to a root element.
-     * @param Component - The component to render.
-     * @param props - The component props.
+     * Renders a container to a root element.
+     * @param Container - The container to render.
+     * @param props - The container parameters.
      */
-    render<T>(Component: Container<T>, props: T): (rootElement: HTMLElement) => Promise<void>;
+    render<T>(Component: Container<T>, props: T): (rootElement: HTMLElement) => Promise<{
+        remove: () => void;
+        setProps: (cb: (prev: T) => T) => void;
+    }>;
     /**
-     * Unmounts a component from a root element.
+     * UnRenders a component from a root element.
      * @param rootElement - The root element to unmount the component from.
+     * @deprecated Use `remove` method from the returned object of the `mount` method instead.
      */
     unmount(rootElement: HTMLElement): void;
     /**

package/types/elsie/src/lib/slot.d.ts

@@ -30,7 +30,7 @@ interface DefaultSlotContext<T> extends PrivateContext<T> {
     onChange: (cb: (next: T & DefaultSlotContext<T>) => void) => void;
 }
 type Context<T> = T & ThisType<DefaultSlotContext<T>>;
-export type SlotProps<T = any> = (ctx: T & DefaultSlotContext<T>, element: HTMLDivElement | null) => void;
+export type SlotProps<T = any> = (ctx: T & DefaultSlotContext<T>, element: HTMLDivElement | null) => Promise<void> | void;
 export type SlotMethod<P = any> = (callback: (next: unknown, state: State) => P) => void;
 export declare function useSlot<K, V extends HTMLDivElement>(context?: Context<K>, callback?: SlotProps<K>, render?: Function): [RefObject<V>, Record<string, any>];
 interface SlotPropsComponent<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'slot'> {