@dropins/tools 0.28.0-alpha2 → 0.28.0-alpha4

package/chunks/vcomponent.js

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

package/components.js

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

package/lib.js

@@ -1 +1 @@
-import{S as v}from"./chunks/vcomponent.js";import{R as G,V as H,c as U,a as X,d as Y,g as Z}from"./chunks/vcomponent.js";import{C as ee,I as te,i as re}from"./chunks/initializer.js";import{jsx as M}from"./preact-jsx-runtime.js";import{x as P,A as R,h as b,T as E,E as O,q as a,y as D}from"./chunks/icons/Add.js";import{IntlContext as V}from"./i18n.js";import{g as ne,s as se}from"./chunks/image-params-keymap.js";const Q=r=>{const o=new FormData(r);return Object.fromEntries(o)},J=r=>{const o=new FormData(r),c=Object.fromEntries(o);return Object.entries(c).reduce((u,[g])=>{const n=r.elements[g];return n!=null&&n.validationMessage?{...u,[g]:n.validationMessage}:{...u}},{})},K=r=>r.replace("_","-");function j(r,o={},c,h,u){const g=P(v),n=R(null),S=R("pending"),w=R([]),[y,_]=b({children:[h]}),[I,$]=b({}),N=E(()=>({get:t=>I[t],set:(t,e)=>{$({...N,[t]:e})}}),[I]),{intl:B}=P(V);o.dictionary=B.dictionary,o._setProps=t=>{_(e=>{const s=typeof t=="function"?t(e):t;if(u){const i=O(u(e),{key:"render"}),p=e.children.findIndex(d=>(d==null?void 0:d.key)==="render");e.children[p]=i}return s})};const l=a(t=>{typeof t=="function"?w.current.push(t):console.warn("Skipped: Invalid _registerMethod",t)},[]);o._registerMethod=l;const f=a(t=>M("div",{"data-slot-html-element":t.tagName.toLowerCase(),ref:e=>{e==null||e.appendChild(t)}}),[]);o._htmlElementToVNode=f,o.getSlotElement=a(t=>{var s,i;const e=(s=n.current)==null?void 0:s.querySelector(`[data-slot-key="${t}"]`);if(m(`🟦 "${r}" Slot getSlotElement: ${t}`,(i=n.current)==null?void 0:i.cloneNode(!0),e==null?void 0:e.cloneNode(!0)),!!e)return{appendChild:p=>{e.appendChild(p)},prependChild:p=>{e.insertBefore(p,e.firstChild)},appendSibling:p=>{const d=e.parentNode;d==null||d.insertBefore(p,e.nextSibling)},prependSibling:p=>{const d=e.parentNode;d==null||d.insertBefore(p,e)}}},[r]),o.onRender=a(t=>{w.current.push(t)},[]),o.onChange=o.onRender,o.replaceWith=a(t=>{l(e=>{const s=f(t);e._setProps({children:[s]})})},[f,l]),o.appendChild=a(t=>{l(e=>{const s=f(t);e._setProps(i=>({...i,children:[...i.children,s]}))})},[f,l]),o.prependChild=a(t=>{l(e=>{const s=f(t);e._setProps(i=>({...i,children:[s,...i.children]}))})},[f,l]),o.appendSibling=a(t=>{l(()=>{var s,i;const e=(s=n.current)==null?void 0:s.parentNode;e==null||e.insertBefore(t,((i=n.current)==null?void 0:i.nextSibling)??null)})},[l]),o.prependSibling=a(t=>{l(()=>{var s;const e=(s=n.current)==null?void 0:s.parentNode;e==null||e.insertBefore(t,n.current)})},[l]);const C=a(async()=>{if(S.current==="loading")return;S.current="loading",m(`🟨 "${r}" Slot Rendered`);const t=u?O(u(y),{key:"render"}):null;_({children:[t??h]}),w.current.forEach(e=>{e(o,N)}),S.current="ready"},[h,o,r,y,u,N]),L=a(async()=>{if(c)try{S.current="loading",m(`🟩 "${r}" Slot Initialized`),await c(o,n.current)}catch(t){console.error(`Error in "${c.name}" Slot callback`,t)}finally{S.current="ready",await C()}},[c,o,C,r]);return D(()=>{L().finally(()=>{g&&(g.value.delete(r),g.value=new Set(g.value))})},[]),D(()=>{C()},[JSON.stringify(o),JSON.stringify(I)]),[n,y]}function k({name:r,context:o,slot:c,children:h,render:u,...g}){const n=P(v),[S,w]=j(r,o,c,h,u);return E(()=>{if(!r)return console.warn('Slot "name" is required');n&&(n.value.add(r),n.value=new Set(n.value))},[r,n]),M("div",{...g,ref:S,"data-slot":r,children:w.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)};let m=()=>{};window.DROPINS.logSlots=async r=>{window.sessionStorage.setItem("dropin-debugger--log-slots",r.toString()),m=r?(...o)=>console.log(...o):()=>{}};window.DROPINS.showSlots(window.sessionStorage.getItem("dropin-debugger--show-slots")==="true");window.DROPINS.logSlots(window.sessionStorage.getItem("dropin-debugger--log-slots")==="true");export{ee as Config,te as Initializer,G as Render,k as Slot,v as SlotQueueContext,H as VComponent,U as classes,X as debounce,Y as deepmerge,Z as generateSrcset,J as getFormErrors,Q as getFormValues,ne as getImageParamsKeyMap,re as initializers,se as setImageParamsKeyMap,K as toLanguageTag,j as useSlot};
+import{S as v}from"./chunks/vcomponent.js";import{R as H,V as U,c as X,a as Y,d as Z,g as x}from"./chunks/vcomponent.js";import{C as te,I as re,i as oe}from"./chunks/initializer.js";import{jsx as M}from"./preact-jsx-runtime.js";import{x as P,A as R,h as b,T as E,E as O,q as a,y as D}from"./chunks/icons/Add.js";import{IntlContext as V}from"./i18n.js";import{g as se,s as ie}from"./chunks/image-params-keymap.js";import"./signals.js";const J=r=>{const o=new FormData(r);return Object.fromEntries(o)},K=r=>{const o=new FormData(r),c=Object.fromEntries(o);return Object.entries(c).reduce((u,[g])=>{const n=r.elements[g];return n!=null&&n.validationMessage?{...u,[g]:n.validationMessage}:{...u}},{})},k=r=>r.replace("_","-");function j(r,o={},c,h,u){const g=P(v),n=R(null),S=R("pending"),w=R([]),[y,_]=b({children:[h]}),[I,$]=b({}),N=E(()=>({get:t=>I[t],set:(t,e)=>{$({...N,[t]:e})}}),[I]),{intl:B}=P(V);o.dictionary=B.dictionary,o._setProps=t=>{_(e=>{const s=typeof t=="function"?t(e):t;if(u){const i=O(u(e),{key:"render"}),p=e.children.findIndex(d=>(d==null?void 0:d.key)==="render");e.children[p]=i}return s})};const l=a(t=>{typeof t=="function"?w.current.push(t):console.warn("Skipped: Invalid _registerMethod",t)},[]);o._registerMethod=l;const f=a(t=>M("div",{"data-slot-html-element":t.tagName.toLowerCase(),ref:e=>{e==null||e.appendChild(t)}}),[]);o._htmlElementToVNode=f,o.getSlotElement=a(t=>{var s,i;const e=(s=n.current)==null?void 0:s.querySelector(`[data-slot-key="${t}"]`);if(m(`🟦 "${r}" Slot getSlotElement: ${t}`,(i=n.current)==null?void 0:i.cloneNode(!0),e==null?void 0:e.cloneNode(!0)),!!e)return{appendChild:p=>{e.appendChild(p)},prependChild:p=>{e.insertBefore(p,e.firstChild)},appendSibling:p=>{const d=e.parentNode;d==null||d.insertBefore(p,e.nextSibling)},prependSibling:p=>{const d=e.parentNode;d==null||d.insertBefore(p,e)}}},[r]),o.onRender=a(t=>{w.current.push(t)},[]),o.onChange=o.onRender,o.replaceWith=a(t=>{l(e=>{const s=f(t);e._setProps({children:[s]})})},[f,l]),o.appendChild=a(t=>{l(e=>{const s=f(t);e._setProps(i=>({...i,children:[...i.children,s]}))})},[f,l]),o.prependChild=a(t=>{l(e=>{const s=f(t);e._setProps(i=>({...i,children:[s,...i.children]}))})},[f,l]),o.appendSibling=a(t=>{l(()=>{var s,i;const e=(s=n.current)==null?void 0:s.parentNode;e==null||e.insertBefore(t,((i=n.current)==null?void 0:i.nextSibling)??null)})},[l]),o.prependSibling=a(t=>{l(()=>{var s;const e=(s=n.current)==null?void 0:s.parentNode;e==null||e.insertBefore(t,n.current)})},[l]);const C=a(async()=>{if(S.current==="loading")return;S.current="loading",m(`🟨 "${r}" Slot Rendered`);const t=u?O(u(y),{key:"render"}):null;_({children:[t??h]}),w.current.forEach(e=>{e(o,N)}),S.current="ready"},[h,o,r,y,u,N]),L=a(async()=>{if(c)try{S.current="loading",m(`🟩 "${r}" Slot Initialized`),await c(o,n.current)}catch(t){console.error(`Error in "${c.name}" Slot callback`,t)}finally{S.current="ready",await C()}},[c,o,C,r]);return D(()=>{L().finally(()=>{g&&(g.value.delete(r),g.value=new Set(g.value))})},[]),D(()=>{C()},[JSON.stringify(o),JSON.stringify(I)]),[n,y]}function A({name:r,context:o,slot:c,children:h,render:u,...g}){const n=P(v),[S,w]=j(r,o,c,h,u);return E(()=>{if(!r)return console.warn('Slot "name" is required');n&&(n.value.add(r),n.value=new Set(n.value))},[r,n]),M("div",{...g,ref:S,"data-slot":r,children:w.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)};let m=()=>{};window.DROPINS.logSlots=async r=>{window.sessionStorage.setItem("dropin-debugger--log-slots",r.toString()),m=r?(...o)=>console.log(...o):()=>{}};window.DROPINS.showSlots(window.sessionStorage.getItem("dropin-debugger--show-slots")==="true");window.DROPINS.logSlots(window.sessionStorage.getItem("dropin-debugger--log-slots")==="true");export{te as Config,re as Initializer,H as Render,A as Slot,v as SlotQueueContext,U as VComponent,X as classes,Y as debounce,Z as deepmerge,x as generateSrcset,K as getFormErrors,J as getFormValues,se as getImageParamsKeyMap,oe as initializers,ie as setImageParamsKeyMap,k as toLanguageTag,j as useSlot};

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/tools", "version": "0.28.0-alpha2"}
+{"name": "@dropins/tools", "version": "0.28.0-alpha4"}

package/signals.d.ts

@@ -0,0 +1 @@
+export * from './types/elsie/@preact/signals'

package/signals.js

@@ -0,0 +1 @@
+import{b as V,l as E,T as U,A as N,y as q,t as z}from"./chunks/icons/Add.js";var B=Symbol.for("preact-signals");function b(){if(v>1)v--;else{for(var t,i=!1;d!==void 0;){var n=d;for(d=void 0,x++;n!==void 0;){var r=n.o;if(n.o=void 0,n.f&=-3,!(8&n.f)&&j(n))try{n.c()}catch(e){i||(t=e,i=!0)}n=r}}if(x=0,v--,i)throw t}}function K(t){if(v>0)return t();v++;try{return t()}finally{b()}}var o=void 0;function L(t){var i=o;o=void 0;try{return t()}finally{o=i}}var d=void 0,v=0,x=0,y=0;function O(t){if(o!==void 0){var i=t.n;if(i===void 0||i.t!==o)return i={i:0,S:t,p:o.s,n:void 0,t:o,e:void 0,x:void 0,r:i},o.s!==void 0&&(o.s.n=i),o.s=i,t.n=i,32&o.f&&t.S(i),i;if(i.i===-1)return i.i=0,i.n!==void 0&&(i.n.p=i.p,i.p!==void 0&&(i.p.n=i.n),i.p=o.s,i.n=void 0,o.s.n=i,o.s=i),i}}function u(t){this.v=t,this.i=0,this.n=void 0,this.t=void 0}u.prototype.brand=B;u.prototype.h=function(){return!0};u.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)};u.prototype.U=function(t){if(this.t!==void 0){var i=t.e,n=t.x;i!==void 0&&(i.x=n,t.e=void 0),n!==void 0&&(n.e=i,t.x=void 0),t===this.t&&(this.t=n)}};u.prototype.subscribe=function(t){var i=this;return $(function(){var n=i.value,r=o;o=void 0;try{t(n)}finally{o=r}})};u.prototype.valueOf=function(){return this.value};u.prototype.toString=function(){return this.value+""};u.prototype.toJSON=function(){return this.value};u.prototype.peek=function(){var t=o;o=void 0;try{return this.value}finally{o=t}};Object.defineProperty(u.prototype,"value",{get:function(){var t=O(this);return t!==void 0&&(t.i=this.i),this.v},set:function(t){if(t!==this.v){if(x>100)throw new Error("Cycle detected");this.v=t,this.i++,y++,v++;try{for(var i=this.t;i!==void 0;i=i.x)i.t.N()}finally{b()}}}});function C(t){return new u(t)}function j(t){for(var i=t.s;i!==void 0;i=i.n)if(i.S.i!==i.i||!i.S.h()||i.S.i!==i.i)return!0;return!1}function A(t){for(var i=t.s;i!==void 0;i=i.n){var n=i.S.n;if(n!==void 0&&(i.r=n),i.S.n=i,i.i=-1,i.n===void 0){t.s=i;break}}}function P(t){for(var i=t.s,n=void 0;i!==void 0;){var r=i.p;i.i===-1?(i.S.U(i),r!==void 0&&(r.n=i.n),i.n!==void 0&&(i.n.p=r)):n=i,i.S.n=i.r,i.r!==void 0&&(i.r=void 0),i=r}t.s=n}function a(t){u.call(this,void 0),this.x=t,this.s=void 0,this.g=y-1,this.f=4}(a.prototype=new u).h=function(){if(this.f&=-3,1&this.f)return!1;if((36&this.f)==32||(this.f&=-5,this.g===y))return!0;if(this.g=y,this.f|=1,this.i>0&&!j(this))return this.f&=-2,!0;var t=o;try{A(this),o=this;var i=this.x();(16&this.f||this.v!==i||this.i===0)&&(this.v=i,this.f&=-17,this.i++)}catch(n){this.v=n,this.f|=16,this.i++}return o=t,P(this),this.f&=-2,!0};a.prototype.S=function(t){if(this.t===void 0){this.f|=36;for(var i=this.s;i!==void 0;i=i.n)i.S.S(i)}u.prototype.S.call(this,t)};a.prototype.U=function(t){if(this.t!==void 0&&(u.prototype.U.call(this,t),this.t===void 0)){this.f&=-33;for(var i=this.s;i!==void 0;i=i.n)i.S.U(i)}};a.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(a.prototype,"value",{get:function(){if(1&this.f)throw new Error("Cycle detected");var t=O(this);if(this.h(),t!==void 0&&(t.i=this.i),16&this.f)throw this.v;return this.v}});function T(t){return new a(t)}function G(t){var i=t.u;if(t.u=void 0,typeof i=="function"){v++;var n=o;o=void 0;try{i()}catch(r){throw t.f&=-2,t.f|=8,m(t),r}finally{o=n,b()}}}function m(t){for(var i=t.s;i!==void 0;i=i.n)i.S.U(i);t.x=void 0,t.s=void 0,G(t)}function D(t){if(o!==this)throw new Error("Out-of-order effect");P(this),o=t,this.f&=-2,8&this.f&&m(this),b()}function p(t){this.x=t,this.u=void 0,this.s=void 0,this.o=void 0,this.f=32}p.prototype.c=function(){var t=this.S();try{if(8&this.f||this.x===void 0)return;var i=this.x();typeof i=="function"&&(this.u=i)}finally{t()}};p.prototype.S=function(){if(1&this.f)throw new Error("Cycle detected");this.f|=1,this.f&=-9,G(this),A(this),v++;var t=o;return o=this,D.bind(this,t)};p.prototype.N=function(){2&this.f||(this.f|=2,this.o=d,d=this)};p.prototype.d=function(){this.f|=8,1&this.f||m(this)};function $(t){var i=new p(t);try{i.c()}catch(n){throw i.d(),n}return i.d.bind(i)}var w,g;function c(t,i){E[t]=i.bind(null,E[t]||function(){})}function S(t){g&&g(),g=t&&t.S()}function J(t){var i=this,n=t.data,r=H(n);r.value=n;var e=U(function(){for(var f=i.__v;f=f.__;)if(f.__c){f.__c.__$f|=4;break}return i.__$u.c=function(){var s;!z(e.peek())&&((s=i.base)==null?void 0:s.nodeType)===3?i.base.data=e.peek():(i.__$f|=1,i.setState({}))},T(function(){var s=r.value.value;return s===0?0:s===!0?"":s||""})},[]);return e.value}J.displayName="_st";Object.defineProperties(u.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:J},props:{configurable:!0,get:function(){return{data:this}}},__b:{configurable:!0,value:1}});c("__b",function(t,i){if(typeof i.type=="string"){var n,r=i.props;for(var e in r)if(e!=="children"){var f=r[e];f instanceof u&&(n||(i.__np=n={}),n[e]=f,r[e]=f.peek())}}t(i)});c("__r",function(t,i){S();var n,r=i.__c;r&&(r.__$f&=-2,(n=r.__$u)===void 0&&(r.__$u=n=function(e){var f;return $(function(){f=this}),f.c=function(){r.__$f|=1,r.setState({})},f}())),w=r,S(n),t(i)});c("__e",function(t,i,n,r){S(),w=void 0,t(i,n,r)});c("diffed",function(t,i){S(),w=void 0;var n;if(typeof i.type=="string"&&(n=i.__e)){var r=i.__np,e=i.props;if(r){var f=n.U;if(f)for(var s in f){var h=f[s];h!==void 0&&!(s in r)&&(h.d(),f[s]=void 0)}else n.U=f={};for(var l in r){var _=f[l],k=r[l];_===void 0?(_=F(n,l,k,e),f[l]=_):_.o(k,e)}}}t(i)});function F(t,i,n,r){var e=i in t&&t.ownerSVGElement===void 0,f=C(n);return{o:function(s,h){f.value=s,r=h},d:$(function(){var s=f.value.value;r[i]!==s&&(r[i]=s,e?t[i]=s:s?t.setAttribute(i,s):t.removeAttribute(i))})}}c("unmount",function(t,i){if(typeof i.type=="string"){var n=i.__e;if(n){var r=n.U;if(r){n.U=void 0;for(var e in r){var f=r[e];f&&f.d()}}}}else{var s=i.__c;if(s){var h=s.__$u;h&&(s.__$u=void 0,h.d())}}t(i)});c("__h",function(t,i,n,r){(r<3||r===9)&&(i.__$f|=2),t(i,n,r)});V.prototype.shouldComponentUpdate=function(t,i){var n=this.__$u;if(!(n&&n.s!==void 0||4&this.__$f)||3&this.__$f)return!0;for(var r in i)return!0;for(var e in t)if(e!=="__source"&&t[e]!==this.props[e])return!0;for(var f in this.props)if(!(f in t))return!0;return!1};function H(t){return U(function(){return C(t)},[])}function M(t){var i=N(t);return i.current=t,w.__$f|=4,U(function(){return T(function(){return i.current()})},[])}function Q(t){var i=N(t);i.current=t,q(function(){return $(function(){return i.current()})},[])}export{u as Signal,K as batch,T as computed,$ as effect,C as signal,L as untracked,M as useComputed,H as useSignal,Q as useSignalEffect};

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

@@ -1,6 +1,6 @@
 import { VNode } from 'preact';
-import { Signal } from '@preact/signals';
 import { Container } from '.';
+import { Signal } from './signals';
 
 export declare const SlotQueueContext: import('preact').Context<Signal<Set<string>> | null>;
 type RenderAPI = {

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

@@ -0,0 +1,2 @@
+export * from '@preact/signals';
+//# sourceMappingURL=signals.d.ts.map