hasting-swatchcart-module 1.0.36 → 1.0.37

package/dist/main.cjs

@@ -42,14 +42,14 @@
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
-For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return _.useEffect(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},Y0="DialogDescriptionWarning",W0=({contentRef:e,descriptionId:t})=>{const r=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Tl(Y0).contentName}}.`;return _.useEffect(()=>{const a=e.current?.getAttribute("aria-describedby");t&&a&&(document.getElementById(t)||console.warn(r))},[r,e,t]),null},V0=il,$0=ll,xl=cl,yl=dl,_l=hl,Cl=pl,q0=bl;const G0=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),X0=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,n,r)=>r?r.toUpperCase():n.toLowerCase()),Xi=e=>{const t=X0(e);return t.charAt(0).toUpperCase()+t.slice(1)},Al=(...e)=>e.filter((t,n,r)=>!!t&&t.trim()!==""&&r.indexOf(t)===n).join(" ").trim();var K0={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const Q0=D.forwardRef(({color:e="currentColor",size:t=24,strokeWidth:n=2,absoluteStrokeWidth:r,className:a="",children:s,iconNode:i,...o},l)=>D.createElement("svg",{ref:l,...K0,width:t,height:t,stroke:e,strokeWidth:r?Number(n)*24/Number(t):n,className:Al("lucide",a),...o},[...i.map(([c,d])=>D.createElement(c,d)),...Array.isArray(s)?s:[s]]));const Hs=(e,t)=>{const n=D.forwardRef(({className:r,...a},s)=>D.createElement(Q0,{ref:s,iconNode:t,className:Al(`lucide-${G0(Xi(e))}`,`lucide-${e}`,r),...a}));return n.displayName=Xi(e),n};const Z0=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],Sl=Hs("check",Z0);const J0=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],Il=Hs("chevron-down",J0);const em=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],Us=Hs("x",em);function Nl(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=Nl(e[t]))&&(r&&(r+=" "),r+=n)}else for(n in e)e[n]&&(r&&(r+=" "),r+=n);return r}function dt(){for(var e,t,n=0,r="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=Nl(e))&&(r&&(r+=" "),r+=t);return r}const tm=(e,t)=>{const n=new Array(e.length+t.length);for(let r=0;r<e.length;r++)n[r]=e[r];for(let r=0;r<t.length;r++)n[e.length+r]=t[r];return n},nm=(e,t)=>({classGroupId:e,validator:t}),wl=(e=new Map,t=null,n)=>({nextPart:e,validators:t,classGroupId:n}),Yr="-",Ki=[],rm="arbitrary..",am=e=>{const t=im(e),{conflictingClassGroups:n,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:i=>{if(i.startsWith("[")&&i.endsWith("]"))return sm(i);const o=i.split(Yr),l=o[0]===""&&o.length>1?1:0;return vl(o,l,t)},getConflictingClassGroupIds:(i,o)=>{if(o){const l=r[i],c=n[i];return l?c?tm(c,l):l:c||Ki}return n[i]||Ki}}},vl=(e,t,n)=>{if(e.length-t===0)return n.classGroupId;const a=e[t],s=n.nextPart.get(a);if(s){const c=vl(e,t+1,s);if(c)return c}const i=n.validators;if(i===null)return;const o=t===0?e.join(Yr):e.slice(t).join(Yr),l=i.length;for(let c=0;c<l;c++){const d=i[c];if(d.validator(o))return d.classGroupId}},sm=e=>e.slice(1,-1).indexOf(":")===-1?void 0:(()=>{const t=e.slice(1,-1),n=t.indexOf(":"),r=t.slice(0,n);return r?rm+r:void 0})(),im=e=>{const{theme:t,classGroups:n}=e;return om(n,t)},om=(e,t)=>{const n=wl();for(const r in e){const a=e[r];js(a,n,r,t)}return n},js=(e,t,n,r)=>{const a=e.length;for(let s=0;s<a;s++){const i=e[s];um(i,t,n,r)}},um=(e,t,n,r)=>{if(typeof e=="string"){lm(e,t,n);return}if(typeof e=="function"){cm(e,t,n,r);return}dm(e,t,n,r)},lm=(e,t,n)=>{const r=e===""?t:kl(t,e);r.classGroupId=n},cm=(e,t,n,r)=>{if(fm(e)){js(e(r),t,n,r);return}t.validators===null&&(t.validators=[]),t.validators.push(nm(n,e))},dm=(e,t,n,r)=>{const a=Object.entries(e),s=a.length;for(let i=0;i<s;i++){const[o,l]=a[i];js(l,kl(t,o),n,r)}},kl=(e,t)=>{let n=e;const r=t.split(Yr),a=r.length;for(let s=0;s<a;s++){const i=r[s];let o=n.nextPart.get(i);o||(o=wl(),n.nextPart.set(i,o)),n=o}return n},fm=e=>"isThemeGetter"in e&&e.isThemeGetter===!0,hm=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,n=Object.create(null),r=Object.create(null);const a=(s,i)=>{n[s]=i,t++,t>e&&(t=0,r=n,n=Object.create(null))};return{get(s){let i=n[s];if(i!==void 0)return i;if((i=r[s])!==void 0)return a(s,i),i},set(s,i){s in n?n[s]=i:a(s,i)}}},as="!",Qi=":",mm=[],Zi=(e,t,n,r,a)=>({modifiers:e,hasImportantModifier:t,baseClassName:n,maybePostfixModifierPosition:r,isExternal:a}),pm=e=>{const{prefix:t,experimentalParseClassName:n}=e;let r=a=>{const s=[];let i=0,o=0,l=0,c;const d=a.length;for(let g=0;g<d;g++){const A=a[g];if(i===0&&o===0){if(A===Qi){s.push(a.slice(l,g)),l=g+1;continue}if(A==="/"){c=g;continue}}A==="["?i++:A==="]"?i--:A==="("?o++:A===")"&&o--}const f=s.length===0?a:a.slice(l);let p=f,h=!1;f.endsWith(as)?(p=f.slice(0,-1),h=!0):f.startsWith(as)&&(p=f.slice(1),h=!0);const x=c&&c>l?c-l:void 0;return Zi(s,h,p,x)};if(t){const a=t+Qi,s=r;r=i=>i.startsWith(a)?s(i.slice(a.length)):Zi(mm,!1,i,void 0,!0)}if(n){const a=r;r=s=>n({className:s,parseClassName:a})}return r},gm=e=>{const t=new Map;return e.orderSensitiveModifiers.forEach((n,r)=>{t.set(n,1e6+r)}),n=>{const r=[];let a=[];for(let s=0;s<n.length;s++){const i=n[s],o=i[0]==="[",l=t.has(i);o||l?(a.length>0&&(a.sort(),r.push(...a),a=[]),r.push(i)):a.push(i)}return a.length>0&&(a.sort(),r.push(...a)),r}},bm=e=>({cache:hm(e.cacheSize),parseClassName:pm(e),sortModifiers:gm(e),...am(e)}),Em=/\s+/,Tm=(e,t)=>{const{parseClassName:n,getClassGroupId:r,getConflictingClassGroupIds:a,sortModifiers:s}=t,i=[],o=e.trim().split(Em);let l="";for(let c=o.length-1;c>=0;c-=1){const d=o[c],{isExternal:f,modifiers:p,hasImportantModifier:h,baseClassName:x,maybePostfixModifierPosition:g}=n(d);if(f){l=d+(l.length>0?" "+l:l);continue}let A=!!g,E=r(A?x.substring(0,g):x);if(!E){if(!A){l=d+(l.length>0?" "+l:l);continue}if(E=r(x),!E){l=d+(l.length>0?" "+l:l);continue}A=!1}const S=p.length===0?"":p.length===1?p[0]:s(p).join(":"),N=h?S+as:S,O=N+E;if(i.indexOf(O)>-1)continue;i.push(O);const k=a(E,A);for(let w=0;w<k.length;++w){const R=k[w];i.push(N+R)}l=d+(l.length>0?" "+l:l)}return l},xm=(...e)=>{let t=0,n,r,a="";for(;t<e.length;)(n=e[t++])&&(r=Ol(n))&&(a&&(a+=" "),a+=r);return a},Ol=e=>{if(typeof e=="string")return e;let t,n="";for(let r=0;r<e.length;r++)e[r]&&(t=Ol(e[r]))&&(n&&(n+=" "),n+=t);return n},ym=(e,...t)=>{let n,r,a,s;const i=l=>{const c=t.reduce((d,f)=>f(d),e());return n=bm(c),r=n.cache.get,a=n.cache.set,s=o,o(l)},o=l=>{const c=r(l);if(c)return c;const d=Tm(l,n);return a(l,d),d};return s=i,(...l)=>s(xm(...l))},_m=[],Ae=e=>{const t=n=>n[e]||_m;return t.isThemeGetter=!0,t},Rl=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Ll=/^\((?:(\w[\w-]*):)?(.+)\)$/i,Cm=/^\d+\/\d+$/,Am=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Sm=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,Im=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,Nm=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,wm=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,an=e=>Cm.test(e),se=e=>!!e&&!Number.isNaN(Number(e)),Nt=e=>!!e&&Number.isInteger(Number(e)),La=e=>e.endsWith("%")&&se(e.slice(0,-1)),xt=e=>Am.test(e),vm=()=>!0,km=e=>Sm.test(e)&&!Im.test(e),Pl=()=>!1,Om=e=>Nm.test(e),Rm=e=>wm.test(e),Lm=e=>!Z(e)&&!J(e),Pm=e=>Cn(e,Bl,Pl),Z=e=>Rl.test(e),Ht=e=>Cn(e,Fl,km),Pa=e=>Cn(e,Hm,se),Ji=e=>Cn(e,Dl,Pl),Dm=e=>Cn(e,Ml,Rm),Ir=e=>Cn(e,Hl,Om),J=e=>Ll.test(e),Mn=e=>An(e,Fl),Mm=e=>An(e,Um),eo=e=>An(e,Dl),Bm=e=>An(e,Bl),Fm=e=>An(e,Ml),Nr=e=>An(e,Hl,!0),Cn=(e,t,n)=>{const r=Rl.exec(e);return r?r[1]?t(r[1]):n(r[2]):!1},An=(e,t,n=!1)=>{const r=Ll.exec(e);return r?r[1]?t(r[1]):n:!1},Dl=e=>e==="position"||e==="percentage",Ml=e=>e==="image"||e==="url",Bl=e=>e==="length"||e==="size"||e==="bg-size",Fl=e=>e==="length",Hm=e=>e==="number",Um=e=>e==="family-name",Hl=e=>e==="shadow",jm=()=>{const e=Ae("color"),t=Ae("font"),n=Ae("text"),r=Ae("font-weight"),a=Ae("tracking"),s=Ae("leading"),i=Ae("breakpoint"),o=Ae("container"),l=Ae("spacing"),c=Ae("radius"),d=Ae("shadow"),f=Ae("inset-shadow"),p=Ae("text-shadow"),h=Ae("drop-shadow"),x=Ae("blur"),g=Ae("perspective"),A=Ae("aspect"),E=Ae("ease"),S=Ae("animate"),N=()=>["auto","avoid","all","avoid-page","page","left","right","column"],O=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],k=()=>[...O(),J,Z],w=()=>["auto","hidden","clip","visible","scroll"],R=()=>["auto","contain","none"],P=()=>[J,Z,l],$=()=>[an,"full","auto",...P()],X=()=>[Nt,"none","subgrid",J,Z],U=()=>["auto",{span:["full",Nt,J,Z]},Nt,J,Z],Y=()=>[Nt,"auto",J,Z],K=()=>["auto","min","max","fr",J,Z],F=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],H=()=>["start","end","center","stretch","center-safe","end-safe"],q=()=>["auto",...P()],Q=()=>[an,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...P()],B=()=>[e,J,Z],ae=()=>[...O(),eo,Ji,{position:[J,Z]}],y=()=>["no-repeat",{repeat:["","x","y","space","round"]}],he=()=>["auto","cover","contain",Bm,Pm,{size:[J,Z]}],Te=()=>[La,Mn,Ht],I=()=>["","none","full",c,J,Z],de=()=>["",se,Mn,Ht],De=()=>["solid","dashed","dotted","double"],xe=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],ce=()=>[se,La,eo,Ji],Me=()=>["","none",x,J,Z],je=()=>["none",se,J,Z],ze=()=>["none",se,J,Z],st=()=>[se,J,Z],St=()=>[an,"full",...P()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[xt],breakpoint:[xt],color:[vm],container:[xt],"drop-shadow":[xt],ease:["in","out","in-out"],font:[Lm],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[xt],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[xt],shadow:[xt],spacing:["px",se],text:[xt],"text-shadow":[xt],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",an,Z,J,A]}],container:["container"],columns:[{columns:[se,Z,J,o]}],"break-after":[{"break-after":N()}],"break-before":[{"break-before":N()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:k()}],overflow:[{overflow:w()}],"overflow-x":[{"overflow-x":w()}],"overflow-y":[{"overflow-y":w()}],overscroll:[{overscroll:R()}],"overscroll-x":[{"overscroll-x":R()}],"overscroll-y":[{"overscroll-y":R()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:$()}],"inset-x":[{"inset-x":$()}],"inset-y":[{"inset-y":$()}],start:[{start:$()}],end:[{end:$()}],top:[{top:$()}],right:[{right:$()}],bottom:[{bottom:$()}],left:[{left:$()}],visibility:["visible","invisible","collapse"],z:[{z:[Nt,"auto",J,Z]}],basis:[{basis:[an,"full","auto",o,...P()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[se,an,"auto","initial","none",Z]}],grow:[{grow:["",se,J,Z]}],shrink:[{shrink:["",se,J,Z]}],order:[{order:[Nt,"first","last","none",J,Z]}],"grid-cols":[{"grid-cols":X()}],"col-start-end":[{col:U()}],"col-start":[{"col-start":Y()}],"col-end":[{"col-end":Y()}],"grid-rows":[{"grid-rows":X()}],"row-start-end":[{row:U()}],"row-start":[{"row-start":Y()}],"row-end":[{"row-end":Y()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":K()}],"auto-rows":[{"auto-rows":K()}],gap:[{gap:P()}],"gap-x":[{"gap-x":P()}],"gap-y":[{"gap-y":P()}],"justify-content":[{justify:[...F(),"normal"]}],"justify-items":[{"justify-items":[...H(),"normal"]}],"justify-self":[{"justify-self":["auto",...H()]}],"align-content":[{content:["normal",...F()]}],"align-items":[{items:[...H(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...H(),{baseline:["","last"]}]}],"place-content":[{"place-content":F()}],"place-items":[{"place-items":[...H(),"baseline"]}],"place-self":[{"place-self":["auto",...H()]}],p:[{p:P()}],px:[{px:P()}],py:[{py:P()}],ps:[{ps:P()}],pe:[{pe:P()}],pt:[{pt:P()}],pr:[{pr:P()}],pb:[{pb:P()}],pl:[{pl:P()}],m:[{m:q()}],mx:[{mx:q()}],my:[{my:q()}],ms:[{ms:q()}],me:[{me:q()}],mt:[{mt:q()}],mr:[{mr:q()}],mb:[{mb:q()}],ml:[{ml:q()}],"space-x":[{"space-x":P()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":P()}],"space-y-reverse":["space-y-reverse"],size:[{size:Q()}],w:[{w:[o,"screen",...Q()]}],"min-w":[{"min-w":[o,"screen","none",...Q()]}],"max-w":[{"max-w":[o,"screen","none","prose",{screen:[i]},...Q()]}],h:[{h:["screen","lh",...Q()]}],"min-h":[{"min-h":["screen","lh","none",...Q()]}],"max-h":[{"max-h":["screen","lh",...Q()]}],"font-size":[{text:["base",n,Mn,Ht]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[r,J,Pa]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",La,Z]}],"font-family":[{font:[Mm,Z,t]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[a,J,Z]}],"line-clamp":[{"line-clamp":[se,"none",J,Pa]}],leading:[{leading:[s,...P()]}],"list-image":[{"list-image":["none",J,Z]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",J,Z]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:B()}],"text-color":[{text:B()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...De(),"wavy"]}],"text-decoration-thickness":[{decoration:[se,"from-font","auto",J,Ht]}],"text-decoration-color":[{decoration:B()}],"underline-offset":[{"underline-offset":[se,"auto",J,Z]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:P()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",J,Z]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",J,Z]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:ae()}],"bg-repeat":[{bg:y()}],"bg-size":[{bg:he()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},Nt,J,Z],radial:["",J,Z],conic:[Nt,J,Z]},Fm,Dm]}],"bg-color":[{bg:B()}],"gradient-from-pos":[{from:Te()}],"gradient-via-pos":[{via:Te()}],"gradient-to-pos":[{to:Te()}],"gradient-from":[{from:B()}],"gradient-via":[{via:B()}],"gradient-to":[{to:B()}],rounded:[{rounded:I()}],"rounded-s":[{"rounded-s":I()}],"rounded-e":[{"rounded-e":I()}],"rounded-t":[{"rounded-t":I()}],"rounded-r":[{"rounded-r":I()}],"rounded-b":[{"rounded-b":I()}],"rounded-l":[{"rounded-l":I()}],"rounded-ss":[{"rounded-ss":I()}],"rounded-se":[{"rounded-se":I()}],"rounded-ee":[{"rounded-ee":I()}],"rounded-es":[{"rounded-es":I()}],"rounded-tl":[{"rounded-tl":I()}],"rounded-tr":[{"rounded-tr":I()}],"rounded-br":[{"rounded-br":I()}],"rounded-bl":[{"rounded-bl":I()}],"border-w":[{border:de()}],"border-w-x":[{"border-x":de()}],"border-w-y":[{"border-y":de()}],"border-w-s":[{"border-s":de()}],"border-w-e":[{"border-e":de()}],"border-w-t":[{"border-t":de()}],"border-w-r":[{"border-r":de()}],"border-w-b":[{"border-b":de()}],"border-w-l":[{"border-l":de()}],"divide-x":[{"divide-x":de()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":de()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...De(),"hidden","none"]}],"divide-style":[{divide:[...De(),"hidden","none"]}],"border-color":[{border:B()}],"border-color-x":[{"border-x":B()}],"border-color-y":[{"border-y":B()}],"border-color-s":[{"border-s":B()}],"border-color-e":[{"border-e":B()}],"border-color-t":[{"border-t":B()}],"border-color-r":[{"border-r":B()}],"border-color-b":[{"border-b":B()}],"border-color-l":[{"border-l":B()}],"divide-color":[{divide:B()}],"outline-style":[{outline:[...De(),"none","hidden"]}],"outline-offset":[{"outline-offset":[se,J,Z]}],"outline-w":[{outline:["",se,Mn,Ht]}],"outline-color":[{outline:B()}],shadow:[{shadow:["","none",d,Nr,Ir]}],"shadow-color":[{shadow:B()}],"inset-shadow":[{"inset-shadow":["none",f,Nr,Ir]}],"inset-shadow-color":[{"inset-shadow":B()}],"ring-w":[{ring:de()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:B()}],"ring-offset-w":[{"ring-offset":[se,Ht]}],"ring-offset-color":[{"ring-offset":B()}],"inset-ring-w":[{"inset-ring":de()}],"inset-ring-color":[{"inset-ring":B()}],"text-shadow":[{"text-shadow":["none",p,Nr,Ir]}],"text-shadow-color":[{"text-shadow":B()}],opacity:[{opacity:[se,J,Z]}],"mix-blend":[{"mix-blend":[...xe(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":xe()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[se]}],"mask-image-linear-from-pos":[{"mask-linear-from":ce()}],"mask-image-linear-to-pos":[{"mask-linear-to":ce()}],"mask-image-linear-from-color":[{"mask-linear-from":B()}],"mask-image-linear-to-color":[{"mask-linear-to":B()}],"mask-image-t-from-pos":[{"mask-t-from":ce()}],"mask-image-t-to-pos":[{"mask-t-to":ce()}],"mask-image-t-from-color":[{"mask-t-from":B()}],"mask-image-t-to-color":[{"mask-t-to":B()}],"mask-image-r-from-pos":[{"mask-r-from":ce()}],"mask-image-r-to-pos":[{"mask-r-to":ce()}],"mask-image-r-from-color":[{"mask-r-from":B()}],"mask-image-r-to-color":[{"mask-r-to":B()}],"mask-image-b-from-pos":[{"mask-b-from":ce()}],"mask-image-b-to-pos":[{"mask-b-to":ce()}],"mask-image-b-from-color":[{"mask-b-from":B()}],"mask-image-b-to-color":[{"mask-b-to":B()}],"mask-image-l-from-pos":[{"mask-l-from":ce()}],"mask-image-l-to-pos":[{"mask-l-to":ce()}],"mask-image-l-from-color":[{"mask-l-from":B()}],"mask-image-l-to-color":[{"mask-l-to":B()}],"mask-image-x-from-pos":[{"mask-x-from":ce()}],"mask-image-x-to-pos":[{"mask-x-to":ce()}],"mask-image-x-from-color":[{"mask-x-from":B()}],"mask-image-x-to-color":[{"mask-x-to":B()}],"mask-image-y-from-pos":[{"mask-y-from":ce()}],"mask-image-y-to-pos":[{"mask-y-to":ce()}],"mask-image-y-from-color":[{"mask-y-from":B()}],"mask-image-y-to-color":[{"mask-y-to":B()}],"mask-image-radial":[{"mask-radial":[J,Z]}],"mask-image-radial-from-pos":[{"mask-radial-from":ce()}],"mask-image-radial-to-pos":[{"mask-radial-to":ce()}],"mask-image-radial-from-color":[{"mask-radial-from":B()}],"mask-image-radial-to-color":[{"mask-radial-to":B()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":O()}],"mask-image-conic-pos":[{"mask-conic":[se]}],"mask-image-conic-from-pos":[{"mask-conic-from":ce()}],"mask-image-conic-to-pos":[{"mask-conic-to":ce()}],"mask-image-conic-from-color":[{"mask-conic-from":B()}],"mask-image-conic-to-color":[{"mask-conic-to":B()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:ae()}],"mask-repeat":[{mask:y()}],"mask-size":[{mask:he()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",J,Z]}],filter:[{filter:["","none",J,Z]}],blur:[{blur:Me()}],brightness:[{brightness:[se,J,Z]}],contrast:[{contrast:[se,J,Z]}],"drop-shadow":[{"drop-shadow":["","none",h,Nr,Ir]}],"drop-shadow-color":[{"drop-shadow":B()}],grayscale:[{grayscale:["",se,J,Z]}],"hue-rotate":[{"hue-rotate":[se,J,Z]}],invert:[{invert:["",se,J,Z]}],saturate:[{saturate:[se,J,Z]}],sepia:[{sepia:["",se,J,Z]}],"backdrop-filter":[{"backdrop-filter":["","none",J,Z]}],"backdrop-blur":[{"backdrop-blur":Me()}],"backdrop-brightness":[{"backdrop-brightness":[se,J,Z]}],"backdrop-contrast":[{"backdrop-contrast":[se,J,Z]}],"backdrop-grayscale":[{"backdrop-grayscale":["",se,J,Z]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[se,J,Z]}],"backdrop-invert":[{"backdrop-invert":["",se,J,Z]}],"backdrop-opacity":[{"backdrop-opacity":[se,J,Z]}],"backdrop-saturate":[{"backdrop-saturate":[se,J,Z]}],"backdrop-sepia":[{"backdrop-sepia":["",se,J,Z]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":P()}],"border-spacing-x":[{"border-spacing-x":P()}],"border-spacing-y":[{"border-spacing-y":P()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",J,Z]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[se,"initial",J,Z]}],ease:[{ease:["linear","initial",E,J,Z]}],delay:[{delay:[se,J,Z]}],animate:[{animate:["none",S,J,Z]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[g,J,Z]}],"perspective-origin":[{"perspective-origin":k()}],rotate:[{rotate:je()}],"rotate-x":[{"rotate-x":je()}],"rotate-y":[{"rotate-y":je()}],"rotate-z":[{"rotate-z":je()}],scale:[{scale:ze()}],"scale-x":[{"scale-x":ze()}],"scale-y":[{"scale-y":ze()}],"scale-z":[{"scale-z":ze()}],"scale-3d":["scale-3d"],skew:[{skew:st()}],"skew-x":[{"skew-x":st()}],"skew-y":[{"skew-y":st()}],transform:[{transform:[J,Z,"","none","gpu","cpu"]}],"transform-origin":[{origin:k()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:St()}],"translate-x":[{"translate-x":St()}],"translate-y":[{"translate-y":St()}],"translate-z":[{"translate-z":St()}],"translate-none":["translate-none"],accent:[{accent:B()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:B()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",J,Z]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":P()}],"scroll-mx":[{"scroll-mx":P()}],"scroll-my":[{"scroll-my":P()}],"scroll-ms":[{"scroll-ms":P()}],"scroll-me":[{"scroll-me":P()}],"scroll-mt":[{"scroll-mt":P()}],"scroll-mr":[{"scroll-mr":P()}],"scroll-mb":[{"scroll-mb":P()}],"scroll-ml":[{"scroll-ml":P()}],"scroll-p":[{"scroll-p":P()}],"scroll-px":[{"scroll-px":P()}],"scroll-py":[{"scroll-py":P()}],"scroll-ps":[{"scroll-ps":P()}],"scroll-pe":[{"scroll-pe":P()}],"scroll-pt":[{"scroll-pt":P()}],"scroll-pr":[{"scroll-pr":P()}],"scroll-pb":[{"scroll-pb":P()}],"scroll-pl":[{"scroll-pl":P()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",J,Z]}],fill:[{fill:["none",...B()]}],"stroke-w":[{stroke:[se,Mn,Ht,Pa]}],stroke:[{stroke:["none",...B()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},zm=ym(jm);function ke(...e){return zm(dt(e))}const Ul=V0,Ym=$0,jl=_.forwardRef(({className:e,...t},n)=>m.jsx(xl,{ref:n,className:ke("fixed inset-0 z-10000 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t,onClick:r=>r.stopPropagation()}));jl.displayName=xl.displayName;const zs=_.forwardRef(({className:e,children:t,...n},r)=>m.jsxs(Ym,{container:document.querySelector(".root-app"),children:[m.jsx(jl,{}),m.jsxs(yl,{ref:r,className:ke("z-10001 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] w-full max-w-[calc(100%-2rem)] max-h-[80vh] translate-x-[-50%] translate-y-[-50%] duration-200 overflow-y-auto",e),...n,children:[t,m.jsxs(q0,{className:"absolute right-4 top-4 cursor-pointer rounded-full bg-gray-200 transition-background hover:bg-gray-300 disabled:pointer-events-none duration-200 p-2",children:[m.jsx(Us,{className:"h-8 w-8"}),m.jsx("span",{className:"sr-only",children:"Close"})]})]})]}));zs.displayName=yl.displayName;const Ys=({className:e,...t})=>m.jsx("div",{className:ke("flex flex-col space-y-1.5 text-left",e),...t});Ys.displayName="DialogHeader";const Ws=_.forwardRef(({className:e,...t},n)=>m.jsx(_l,{ref:n,className:ke("text-3xl font-semibold leading-none tracking-tight",e),...t}));Ws.displayName=_l.displayName;const Wm=_.forwardRef(({className:e,...t},n)=>m.jsx(Cl,{ref:n,className:ke("text-muted-foreground",e),...t}));Wm.displayName=Cl.displayName;const Vs=({item:e})=>{const[t,n]=D.useState(""),[r,a]=D.useState(!1),s=zt.getImage(e),i=zt.getValueLabel(e);return m.jsxs(m.Fragment,{children:[m.jsx("div",{className:"group relative w-full h-full! aspect-video overflow-hidden shadow-sm group cursor-pointer rounded-sm",children:s&&m.jsx("img",{src:s,alt:i,className:"w-full h-full! object-cover",loading:"lazy"})}),m.jsx(Ul,{open:!!r,onOpenChange:()=>{a(!1)},children:m.jsxs(zs,{className:"sm:max-w-5xl",onClick:o=>o.stopPropagation(),children:[m.jsx(Ys,{children:m.jsx(Ws,{className:"sr-only",children:"Image Zoom"})}),m.jsx("img",{src:t,alt:"Zoomed",className:"w-full h-auto"}),m.jsxs("span",{className:"text-white mt-2 block",children:[(e?.metadata?.Finish||e?.metadata?.Material)&&`${e.metadata?.Finish||e.metadata?.Material} | `,i]})]})})]})},ur=e=>m.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:m.jsx("path",{d:"M11 1L1 11M1 1L11 11",stroke:"current",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),$s=({item:e})=>{const[t,n]=D.useState(null),[r,a]=D.useState(!1),s="#f2f1f1",i=zt.getHexColor(e);return m.jsxs(m.Fragment,{children:[m.jsx("div",{className:"group relative w-full h-full! aspect-video overflow-hidden shadow-sm group cursor-pointer rounded-sm",style:{backgroundColor:i||s}}),m.jsx(Ul,{open:!!r,onOpenChange:()=>{a(!1)},children:m.jsxs(zs,{className:"sm:max-w-5xl",onClick:o=>o.stopPropagation(),children:[m.jsx(Ys,{children:m.jsx(Ws,{className:"sr-only",children:"Hex Color"})}),m.jsx("div",{className:"w-full aspect-video rounded",style:{backgroundColor:t||"transparent"}}),i&&m.jsxs("span",{className:"text-white mt-2 block",children:[" ",(e?.metadata?.Material||e?.metadata?.Material)&&`${e.metadata?.Material} | `,zt.getAttributeLabel(e)]})]})})]})},Vm="w-[64px] h-[64px] bg-[var(--sidebar-b)] border border-solid border-[var(--border)] rounded-sm aspect-square overflow-hidden transition",$m=({val:e,className:t,isShowDeleteIcon:n=!1,handleSelect:r})=>m.jsxs("button",{onClick:()=>{r&&r(e)},className:`relative ${t||Vm}`,"aria-label":`Selected swatch ${e.name??e.assetId}`,title:"Click to remove",children:[zt.getImage(e)?m.jsx(Vs,{item:e}):m.jsx($s,{item:e}),n?m.jsx("div",{className:`absolute top-0 right-0 m-2 w-[16px] h-[16px] flex flex-row justify-center items-center
-          bg-[var(--background-grey)] rounded-2xl border-none pointer-events-none`,children:m.jsx(ur,{className:"w-[8px] h-2 stroke-[var(--svg-dark)]"})}):null]},e.assetId),qm=e=>m.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:m.jsx("path",{d:"M2.5 6H9.5",stroke:"current",strokeLinecap:"round",strokeLinejoin:"round"})}),Gm=e=>m.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:m.jsx("path",{d:"M2.5 6H9.5M6 2.5V9.5",stroke:"current",strokeLinecap:"round",strokeLinejoin:"round"})}),Xm=e=>m.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:m.jsx("path",{d:"M5 5.5V8.5M7 5.5V8.5M9.5 3V10C9.5 10.2652 9.39464 10.5196 9.20711 10.7071C9.01957 10.8946 8.76522 11 8.5 11H3.5C3.23478 11 2.98043 10.8946 2.79289 10.7071C2.60536 10.5196 2.5 10.2652 2.5 10V3M1.5 3H10.5M4 3V2C4 1.73478 4.10536 1.48043 4.29289 1.29289C4.48043 1.10536 4.73478 1 5 1H7C7.26522 1 7.51957 1.10536 7.70711 1.29289C7.89464 1.48043 8 1.73478 8 2V3",stroke:"current",strokeLinecap:"round",strokeLinejoin:"round"})}),Km=({value:e,canIncrement:t,onIncrement:n,onDecrement:r,onDelete:a})=>{const s=e<=1;return m.jsxs("div",{className:"flex flex-row items-center gap-[8px] text-sm",children:[s?m.jsx("button",{"aria-label":"Remove item",onClick:a,className:"[&_svg_path]:stroke-[var(--main-accent-color)]",children:m.jsx(Xm,{})}):m.jsx("button",{"aria-label":"Decrease",onClick:r,className:"[&_svg_path]:stroke-[var(--svg-dark)]",children:m.jsx(qm,{})}),m.jsx("span",{className:"min-w-[16px] text-center select-none",children:e}),m.jsx("button",{"aria-label":"Increase",onClick:n,disabled:!t,className:"[&_svg_path]:stroke-[var(--svg-dark)] disabled:opacity-40",children:m.jsx(Gm,{})})]})},zl=({item:e,canInc:t,onDelete:n,onIncrement:r,onDecrement:a})=>m.jsx("li",{className:`
-        border-b border-[var(--border)]
-        px-[var(--sm-padding)] p-[var(--sm-padding)]
-        last:border-b-0`,children:m.jsxs("div",{className:"relative flex flex-row gap-[16px]",children:[m.jsx("div",{children:m.jsx($m,{val:e})}),m.jsxs("div",{className:"flex flex-col justify-between",children:[m.jsxs("div",{className:"flex flex-col",children:[m.jsx("span",{className:"mb-[4px] font-semibold text-xs",children:e.metadata?.label}),m.jsx("span",{className:"mb-[4px] font-bold text-[1rem]",children:e.parentName})]}),m.jsx(Km,{value:e.count,canIncrement:t,onIncrement:r,onDecrement:a,onDelete:n})]}),m.jsxs("div",{className:" absolute text-xs top-0 right-0 font-bold",children:["$",e.count*zu]})]})},e.assetId),qs=e=>m.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:m.jsx("path",{d:"M9.99984 15.8333L4.1665 9.99996M4.1665 9.99996L9.99984 4.16663M4.1665 9.99996H15.8332",stroke:"current",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Qm=({totalCount:e})=>{const t=Pe(),n=()=>{t(Du(!1))};return m.jsx("header",{className:"flex flex-row p-[var(--sm-padding)] justify-between items-center border-b border-solid border-[var(--border)]",children:m.jsxs("div",{className:"flex items-center flex-row  gap-[4px]",children:[m.jsxs("div",{className:"flex flex-row items-center gap-[8px]",children:[m.jsx("button",{className:"[&_svg_path]:stroke-[var(--main-accent-color)] cursor-pointer",onClick:n,children:m.jsx(qs,{})}),m.jsx("h2",{className:"m-0! text-base leading-[1.6] font-medium ",children:"Your cart"})]}),e>=Re?m.jsxs(m.Fragment,{children:[m.jsxs("span",{className:"text-[var(--main-accent-color)] hidden! text-xs sm:block!",children:["(",Re,") You reached maximum amount of swatches"]}),m.jsxs("span",{className:"text-[var(--main-accent-color)] block! sm:hidden!",children:["(",Re,") Max"]})]}):null]})})};function lr(e){return D.useMemo(()=>e.reduce((t,n)=>t+(n.count??0),0),[e])}const cr=e=>e.multiProductCart.items,Zm=e=>e.multiProductCart.productList,Jm=e=>e.multiProductCart.isLoadingProductList,ep=({onSendData:e})=>{const t=Pe(),n=ue(cr),r=ue(qt),a=D.useMemo(()=>n.flatMap(c=>c.items),[n]),s=({item:c,assetId:d})=>{const{parentName:f,metadata:p}=c,h=p?.label;d&&h&&f&&(t(nh({assetId:d,label:h,parentName:f})),t(ta({selectedMaterial:c,materialCount:1,selectedMaterials:r})))},i=({item:c,assetId:d})=>{const{parentName:f,metadata:p}=c,h=p?.label;d&&h&&f&&t(eh({assetId:d,label:h,parentName:f}))},o=({item:c,assetId:d})=>{const{parentName:f,metadata:p}=c,h=p?.label;d&&h&&f&&t(th({assetId:d,label:h,parentName:f}))},l=lr(a);return m.jsxs("div",{className:"flex flex-col h-full",children:[m.jsx(Qm,{totalCount:l}),m.jsxs("div",{className:"flex flex-col h-full min-h-0",children:[m.jsx("ul",{className:"flex flex-col flex-1 min-h-0 overflow-y-auto",children:n.map(c=>{const{items:d,name:f,assetId:p}=c;return d.length?m.jsxs(m.Fragment,{children:[m.jsx("div",{className:` p-[var(--sm-padding)] border-y border-[var(--border)]
-                  sm:px-[var(--sm-padding)] text-sm font-medium`,children:f},c.assetId),m.jsx("ul",{children:d?.map(h=>m.jsx(zl,{item:h,canInc:l<Re,onDelete:()=>{p&&s({item:h,assetId:p})},onIncrement:()=>{p&&i({item:h,assetId:p})},onDecrement:()=>{p&&o({item:h,assetId:p})}},`${h.value}/${c.assetId}`))})]}):null})}),m.jsxs("div",{className:`flex flex-col 
-          sm:flex-row sm:w-full sm:justify-between sm:items-center
-          sm:border-t sm:border-[var(--border)] shadow-[0_-2px_10px_rgba(40,40,40,0.10)]
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return _.useEffect(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},Y0="DialogDescriptionWarning",W0=({contentRef:e,descriptionId:t})=>{const r=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Tl(Y0).contentName}}.`;return _.useEffect(()=>{const a=e.current?.getAttribute("aria-describedby");t&&a&&(document.getElementById(t)||console.warn(r))},[r,e,t]),null},V0=il,$0=ll,xl=cl,yl=dl,_l=hl,Cl=pl,q0=bl;const G0=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),X0=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,n,r)=>r?r.toUpperCase():n.toLowerCase()),Xi=e=>{const t=X0(e);return t.charAt(0).toUpperCase()+t.slice(1)},Al=(...e)=>e.filter((t,n,r)=>!!t&&t.trim()!==""&&r.indexOf(t)===n).join(" ").trim();var K0={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const Q0=D.forwardRef(({color:e="currentColor",size:t=24,strokeWidth:n=2,absoluteStrokeWidth:r,className:a="",children:s,iconNode:i,...o},l)=>D.createElement("svg",{ref:l,...K0,width:t,height:t,stroke:e,strokeWidth:r?Number(n)*24/Number(t):n,className:Al("lucide",a),...o},[...i.map(([c,d])=>D.createElement(c,d)),...Array.isArray(s)?s:[s]]));const Hs=(e,t)=>{const n=D.forwardRef(({className:r,...a},s)=>D.createElement(Q0,{ref:s,iconNode:t,className:Al(`lucide-${G0(Xi(e))}`,`lucide-${e}`,r),...a}));return n.displayName=Xi(e),n};const Z0=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],Sl=Hs("check",Z0);const J0=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],Il=Hs("chevron-down",J0);const em=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],Us=Hs("x",em);function Nl(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=Nl(e[t]))&&(r&&(r+=" "),r+=n)}else for(n in e)e[n]&&(r&&(r+=" "),r+=n);return r}function dt(){for(var e,t,n=0,r="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=Nl(e))&&(r&&(r+=" "),r+=t);return r}const tm=(e,t)=>{const n=new Array(e.length+t.length);for(let r=0;r<e.length;r++)n[r]=e[r];for(let r=0;r<t.length;r++)n[e.length+r]=t[r];return n},nm=(e,t)=>({classGroupId:e,validator:t}),wl=(e=new Map,t=null,n)=>({nextPart:e,validators:t,classGroupId:n}),Yr="-",Ki=[],rm="arbitrary..",am=e=>{const t=im(e),{conflictingClassGroups:n,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:i=>{if(i.startsWith("[")&&i.endsWith("]"))return sm(i);const o=i.split(Yr),l=o[0]===""&&o.length>1?1:0;return vl(o,l,t)},getConflictingClassGroupIds:(i,o)=>{if(o){const l=r[i],c=n[i];return l?c?tm(c,l):l:c||Ki}return n[i]||Ki}}},vl=(e,t,n)=>{if(e.length-t===0)return n.classGroupId;const a=e[t],s=n.nextPart.get(a);if(s){const c=vl(e,t+1,s);if(c)return c}const i=n.validators;if(i===null)return;const o=t===0?e.join(Yr):e.slice(t).join(Yr),l=i.length;for(let c=0;c<l;c++){const d=i[c];if(d.validator(o))return d.classGroupId}},sm=e=>e.slice(1,-1).indexOf(":")===-1?void 0:(()=>{const t=e.slice(1,-1),n=t.indexOf(":"),r=t.slice(0,n);return r?rm+r:void 0})(),im=e=>{const{theme:t,classGroups:n}=e;return om(n,t)},om=(e,t)=>{const n=wl();for(const r in e){const a=e[r];js(a,n,r,t)}return n},js=(e,t,n,r)=>{const a=e.length;for(let s=0;s<a;s++){const i=e[s];um(i,t,n,r)}},um=(e,t,n,r)=>{if(typeof e=="string"){lm(e,t,n);return}if(typeof e=="function"){cm(e,t,n,r);return}dm(e,t,n,r)},lm=(e,t,n)=>{const r=e===""?t:kl(t,e);r.classGroupId=n},cm=(e,t,n,r)=>{if(fm(e)){js(e(r),t,n,r);return}t.validators===null&&(t.validators=[]),t.validators.push(nm(n,e))},dm=(e,t,n,r)=>{const a=Object.entries(e),s=a.length;for(let i=0;i<s;i++){const[o,l]=a[i];js(l,kl(t,o),n,r)}},kl=(e,t)=>{let n=e;const r=t.split(Yr),a=r.length;for(let s=0;s<a;s++){const i=r[s];let o=n.nextPart.get(i);o||(o=wl(),n.nextPart.set(i,o)),n=o}return n},fm=e=>"isThemeGetter"in e&&e.isThemeGetter===!0,hm=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,n=Object.create(null),r=Object.create(null);const a=(s,i)=>{n[s]=i,t++,t>e&&(t=0,r=n,n=Object.create(null))};return{get(s){let i=n[s];if(i!==void 0)return i;if((i=r[s])!==void 0)return a(s,i),i},set(s,i){s in n?n[s]=i:a(s,i)}}},as="!",Qi=":",mm=[],Zi=(e,t,n,r,a)=>({modifiers:e,hasImportantModifier:t,baseClassName:n,maybePostfixModifierPosition:r,isExternal:a}),pm=e=>{const{prefix:t,experimentalParseClassName:n}=e;let r=a=>{const s=[];let i=0,o=0,l=0,c;const d=a.length;for(let g=0;g<d;g++){const A=a[g];if(i===0&&o===0){if(A===Qi){s.push(a.slice(l,g)),l=g+1;continue}if(A==="/"){c=g;continue}}A==="["?i++:A==="]"?i--:A==="("?o++:A===")"&&o--}const f=s.length===0?a:a.slice(l);let p=f,h=!1;f.endsWith(as)?(p=f.slice(0,-1),h=!0):f.startsWith(as)&&(p=f.slice(1),h=!0);const x=c&&c>l?c-l:void 0;return Zi(s,h,p,x)};if(t){const a=t+Qi,s=r;r=i=>i.startsWith(a)?s(i.slice(a.length)):Zi(mm,!1,i,void 0,!0)}if(n){const a=r;r=s=>n({className:s,parseClassName:a})}return r},gm=e=>{const t=new Map;return e.orderSensitiveModifiers.forEach((n,r)=>{t.set(n,1e6+r)}),n=>{const r=[];let a=[];for(let s=0;s<n.length;s++){const i=n[s],o=i[0]==="[",l=t.has(i);o||l?(a.length>0&&(a.sort(),r.push(...a),a=[]),r.push(i)):a.push(i)}return a.length>0&&(a.sort(),r.push(...a)),r}},bm=e=>({cache:hm(e.cacheSize),parseClassName:pm(e),sortModifiers:gm(e),...am(e)}),Em=/\s+/,Tm=(e,t)=>{const{parseClassName:n,getClassGroupId:r,getConflictingClassGroupIds:a,sortModifiers:s}=t,i=[],o=e.trim().split(Em);let l="";for(let c=o.length-1;c>=0;c-=1){const d=o[c],{isExternal:f,modifiers:p,hasImportantModifier:h,baseClassName:x,maybePostfixModifierPosition:g}=n(d);if(f){l=d+(l.length>0?" "+l:l);continue}let A=!!g,E=r(A?x.substring(0,g):x);if(!E){if(!A){l=d+(l.length>0?" "+l:l);continue}if(E=r(x),!E){l=d+(l.length>0?" "+l:l);continue}A=!1}const S=p.length===0?"":p.length===1?p[0]:s(p).join(":"),N=h?S+as:S,O=N+E;if(i.indexOf(O)>-1)continue;i.push(O);const k=a(E,A);for(let w=0;w<k.length;++w){const R=k[w];i.push(N+R)}l=d+(l.length>0?" "+l:l)}return l},xm=(...e)=>{let t=0,n,r,a="";for(;t<e.length;)(n=e[t++])&&(r=Ol(n))&&(a&&(a+=" "),a+=r);return a},Ol=e=>{if(typeof e=="string")return e;let t,n="";for(let r=0;r<e.length;r++)e[r]&&(t=Ol(e[r]))&&(n&&(n+=" "),n+=t);return n},ym=(e,...t)=>{let n,r,a,s;const i=l=>{const c=t.reduce((d,f)=>f(d),e());return n=bm(c),r=n.cache.get,a=n.cache.set,s=o,o(l)},o=l=>{const c=r(l);if(c)return c;const d=Tm(l,n);return a(l,d),d};return s=i,(...l)=>s(xm(...l))},_m=[],Ae=e=>{const t=n=>n[e]||_m;return t.isThemeGetter=!0,t},Rl=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Ll=/^\((?:(\w[\w-]*):)?(.+)\)$/i,Cm=/^\d+\/\d+$/,Am=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Sm=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,Im=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,Nm=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,wm=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,an=e=>Cm.test(e),se=e=>!!e&&!Number.isNaN(Number(e)),Nt=e=>!!e&&Number.isInteger(Number(e)),La=e=>e.endsWith("%")&&se(e.slice(0,-1)),xt=e=>Am.test(e),vm=()=>!0,km=e=>Sm.test(e)&&!Im.test(e),Pl=()=>!1,Om=e=>Nm.test(e),Rm=e=>wm.test(e),Lm=e=>!Z(e)&&!J(e),Pm=e=>Cn(e,Bl,Pl),Z=e=>Rl.test(e),Ht=e=>Cn(e,Fl,km),Pa=e=>Cn(e,Hm,se),Ji=e=>Cn(e,Dl,Pl),Dm=e=>Cn(e,Ml,Rm),Ir=e=>Cn(e,Hl,Om),J=e=>Ll.test(e),Mn=e=>An(e,Fl),Mm=e=>An(e,Um),eo=e=>An(e,Dl),Bm=e=>An(e,Bl),Fm=e=>An(e,Ml),Nr=e=>An(e,Hl,!0),Cn=(e,t,n)=>{const r=Rl.exec(e);return r?r[1]?t(r[1]):n(r[2]):!1},An=(e,t,n=!1)=>{const r=Ll.exec(e);return r?r[1]?t(r[1]):n:!1},Dl=e=>e==="position"||e==="percentage",Ml=e=>e==="image"||e==="url",Bl=e=>e==="length"||e==="size"||e==="bg-size",Fl=e=>e==="length",Hm=e=>e==="number",Um=e=>e==="family-name",Hl=e=>e==="shadow",jm=()=>{const e=Ae("color"),t=Ae("font"),n=Ae("text"),r=Ae("font-weight"),a=Ae("tracking"),s=Ae("leading"),i=Ae("breakpoint"),o=Ae("container"),l=Ae("spacing"),c=Ae("radius"),d=Ae("shadow"),f=Ae("inset-shadow"),p=Ae("text-shadow"),h=Ae("drop-shadow"),x=Ae("blur"),g=Ae("perspective"),A=Ae("aspect"),E=Ae("ease"),S=Ae("animate"),N=()=>["auto","avoid","all","avoid-page","page","left","right","column"],O=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],k=()=>[...O(),J,Z],w=()=>["auto","hidden","clip","visible","scroll"],R=()=>["auto","contain","none"],P=()=>[J,Z,l],$=()=>[an,"full","auto",...P()],X=()=>[Nt,"none","subgrid",J,Z],U=()=>["auto",{span:["full",Nt,J,Z]},Nt,J,Z],Y=()=>[Nt,"auto",J,Z],K=()=>["auto","min","max","fr",J,Z],F=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],H=()=>["start","end","center","stretch","center-safe","end-safe"],q=()=>["auto",...P()],Q=()=>[an,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...P()],B=()=>[e,J,Z],ae=()=>[...O(),eo,Ji,{position:[J,Z]}],y=()=>["no-repeat",{repeat:["","x","y","space","round"]}],he=()=>["auto","cover","contain",Bm,Pm,{size:[J,Z]}],Te=()=>[La,Mn,Ht],I=()=>["","none","full",c,J,Z],de=()=>["",se,Mn,Ht],De=()=>["solid","dashed","dotted","double"],xe=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],ce=()=>[se,La,eo,Ji],Me=()=>["","none",x,J,Z],je=()=>["none",se,J,Z],ze=()=>["none",se,J,Z],st=()=>[se,J,Z],St=()=>[an,"full",...P()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[xt],breakpoint:[xt],color:[vm],container:[xt],"drop-shadow":[xt],ease:["in","out","in-out"],font:[Lm],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[xt],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[xt],shadow:[xt],spacing:["px",se],text:[xt],"text-shadow":[xt],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",an,Z,J,A]}],container:["container"],columns:[{columns:[se,Z,J,o]}],"break-after":[{"break-after":N()}],"break-before":[{"break-before":N()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:k()}],overflow:[{overflow:w()}],"overflow-x":[{"overflow-x":w()}],"overflow-y":[{"overflow-y":w()}],overscroll:[{overscroll:R()}],"overscroll-x":[{"overscroll-x":R()}],"overscroll-y":[{"overscroll-y":R()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:$()}],"inset-x":[{"inset-x":$()}],"inset-y":[{"inset-y":$()}],start:[{start:$()}],end:[{end:$()}],top:[{top:$()}],right:[{right:$()}],bottom:[{bottom:$()}],left:[{left:$()}],visibility:["visible","invisible","collapse"],z:[{z:[Nt,"auto",J,Z]}],basis:[{basis:[an,"full","auto",o,...P()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[se,an,"auto","initial","none",Z]}],grow:[{grow:["",se,J,Z]}],shrink:[{shrink:["",se,J,Z]}],order:[{order:[Nt,"first","last","none",J,Z]}],"grid-cols":[{"grid-cols":X()}],"col-start-end":[{col:U()}],"col-start":[{"col-start":Y()}],"col-end":[{"col-end":Y()}],"grid-rows":[{"grid-rows":X()}],"row-start-end":[{row:U()}],"row-start":[{"row-start":Y()}],"row-end":[{"row-end":Y()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":K()}],"auto-rows":[{"auto-rows":K()}],gap:[{gap:P()}],"gap-x":[{"gap-x":P()}],"gap-y":[{"gap-y":P()}],"justify-content":[{justify:[...F(),"normal"]}],"justify-items":[{"justify-items":[...H(),"normal"]}],"justify-self":[{"justify-self":["auto",...H()]}],"align-content":[{content:["normal",...F()]}],"align-items":[{items:[...H(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...H(),{baseline:["","last"]}]}],"place-content":[{"place-content":F()}],"place-items":[{"place-items":[...H(),"baseline"]}],"place-self":[{"place-self":["auto",...H()]}],p:[{p:P()}],px:[{px:P()}],py:[{py:P()}],ps:[{ps:P()}],pe:[{pe:P()}],pt:[{pt:P()}],pr:[{pr:P()}],pb:[{pb:P()}],pl:[{pl:P()}],m:[{m:q()}],mx:[{mx:q()}],my:[{my:q()}],ms:[{ms:q()}],me:[{me:q()}],mt:[{mt:q()}],mr:[{mr:q()}],mb:[{mb:q()}],ml:[{ml:q()}],"space-x":[{"space-x":P()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":P()}],"space-y-reverse":["space-y-reverse"],size:[{size:Q()}],w:[{w:[o,"screen",...Q()]}],"min-w":[{"min-w":[o,"screen","none",...Q()]}],"max-w":[{"max-w":[o,"screen","none","prose",{screen:[i]},...Q()]}],h:[{h:["screen","lh",...Q()]}],"min-h":[{"min-h":["screen","lh","none",...Q()]}],"max-h":[{"max-h":["screen","lh",...Q()]}],"font-size":[{text:["base",n,Mn,Ht]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[r,J,Pa]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",La,Z]}],"font-family":[{font:[Mm,Z,t]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[a,J,Z]}],"line-clamp":[{"line-clamp":[se,"none",J,Pa]}],leading:[{leading:[s,...P()]}],"list-image":[{"list-image":["none",J,Z]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",J,Z]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:B()}],"text-color":[{text:B()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...De(),"wavy"]}],"text-decoration-thickness":[{decoration:[se,"from-font","auto",J,Ht]}],"text-decoration-color":[{decoration:B()}],"underline-offset":[{"underline-offset":[se,"auto",J,Z]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:P()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",J,Z]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",J,Z]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:ae()}],"bg-repeat":[{bg:y()}],"bg-size":[{bg:he()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},Nt,J,Z],radial:["",J,Z],conic:[Nt,J,Z]},Fm,Dm]}],"bg-color":[{bg:B()}],"gradient-from-pos":[{from:Te()}],"gradient-via-pos":[{via:Te()}],"gradient-to-pos":[{to:Te()}],"gradient-from":[{from:B()}],"gradient-via":[{via:B()}],"gradient-to":[{to:B()}],rounded:[{rounded:I()}],"rounded-s":[{"rounded-s":I()}],"rounded-e":[{"rounded-e":I()}],"rounded-t":[{"rounded-t":I()}],"rounded-r":[{"rounded-r":I()}],"rounded-b":[{"rounded-b":I()}],"rounded-l":[{"rounded-l":I()}],"rounded-ss":[{"rounded-ss":I()}],"rounded-se":[{"rounded-se":I()}],"rounded-ee":[{"rounded-ee":I()}],"rounded-es":[{"rounded-es":I()}],"rounded-tl":[{"rounded-tl":I()}],"rounded-tr":[{"rounded-tr":I()}],"rounded-br":[{"rounded-br":I()}],"rounded-bl":[{"rounded-bl":I()}],"border-w":[{border:de()}],"border-w-x":[{"border-x":de()}],"border-w-y":[{"border-y":de()}],"border-w-s":[{"border-s":de()}],"border-w-e":[{"border-e":de()}],"border-w-t":[{"border-t":de()}],"border-w-r":[{"border-r":de()}],"border-w-b":[{"border-b":de()}],"border-w-l":[{"border-l":de()}],"divide-x":[{"divide-x":de()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":de()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...De(),"hidden","none"]}],"divide-style":[{divide:[...De(),"hidden","none"]}],"border-color":[{border:B()}],"border-color-x":[{"border-x":B()}],"border-color-y":[{"border-y":B()}],"border-color-s":[{"border-s":B()}],"border-color-e":[{"border-e":B()}],"border-color-t":[{"border-t":B()}],"border-color-r":[{"border-r":B()}],"border-color-b":[{"border-b":B()}],"border-color-l":[{"border-l":B()}],"divide-color":[{divide:B()}],"outline-style":[{outline:[...De(),"none","hidden"]}],"outline-offset":[{"outline-offset":[se,J,Z]}],"outline-w":[{outline:["",se,Mn,Ht]}],"outline-color":[{outline:B()}],shadow:[{shadow:["","none",d,Nr,Ir]}],"shadow-color":[{shadow:B()}],"inset-shadow":[{"inset-shadow":["none",f,Nr,Ir]}],"inset-shadow-color":[{"inset-shadow":B()}],"ring-w":[{ring:de()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:B()}],"ring-offset-w":[{"ring-offset":[se,Ht]}],"ring-offset-color":[{"ring-offset":B()}],"inset-ring-w":[{"inset-ring":de()}],"inset-ring-color":[{"inset-ring":B()}],"text-shadow":[{"text-shadow":["none",p,Nr,Ir]}],"text-shadow-color":[{"text-shadow":B()}],opacity:[{opacity:[se,J,Z]}],"mix-blend":[{"mix-blend":[...xe(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":xe()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[se]}],"mask-image-linear-from-pos":[{"mask-linear-from":ce()}],"mask-image-linear-to-pos":[{"mask-linear-to":ce()}],"mask-image-linear-from-color":[{"mask-linear-from":B()}],"mask-image-linear-to-color":[{"mask-linear-to":B()}],"mask-image-t-from-pos":[{"mask-t-from":ce()}],"mask-image-t-to-pos":[{"mask-t-to":ce()}],"mask-image-t-from-color":[{"mask-t-from":B()}],"mask-image-t-to-color":[{"mask-t-to":B()}],"mask-image-r-from-pos":[{"mask-r-from":ce()}],"mask-image-r-to-pos":[{"mask-r-to":ce()}],"mask-image-r-from-color":[{"mask-r-from":B()}],"mask-image-r-to-color":[{"mask-r-to":B()}],"mask-image-b-from-pos":[{"mask-b-from":ce()}],"mask-image-b-to-pos":[{"mask-b-to":ce()}],"mask-image-b-from-color":[{"mask-b-from":B()}],"mask-image-b-to-color":[{"mask-b-to":B()}],"mask-image-l-from-pos":[{"mask-l-from":ce()}],"mask-image-l-to-pos":[{"mask-l-to":ce()}],"mask-image-l-from-color":[{"mask-l-from":B()}],"mask-image-l-to-color":[{"mask-l-to":B()}],"mask-image-x-from-pos":[{"mask-x-from":ce()}],"mask-image-x-to-pos":[{"mask-x-to":ce()}],"mask-image-x-from-color":[{"mask-x-from":B()}],"mask-image-x-to-color":[{"mask-x-to":B()}],"mask-image-y-from-pos":[{"mask-y-from":ce()}],"mask-image-y-to-pos":[{"mask-y-to":ce()}],"mask-image-y-from-color":[{"mask-y-from":B()}],"mask-image-y-to-color":[{"mask-y-to":B()}],"mask-image-radial":[{"mask-radial":[J,Z]}],"mask-image-radial-from-pos":[{"mask-radial-from":ce()}],"mask-image-radial-to-pos":[{"mask-radial-to":ce()}],"mask-image-radial-from-color":[{"mask-radial-from":B()}],"mask-image-radial-to-color":[{"mask-radial-to":B()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":O()}],"mask-image-conic-pos":[{"mask-conic":[se]}],"mask-image-conic-from-pos":[{"mask-conic-from":ce()}],"mask-image-conic-to-pos":[{"mask-conic-to":ce()}],"mask-image-conic-from-color":[{"mask-conic-from":B()}],"mask-image-conic-to-color":[{"mask-conic-to":B()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:ae()}],"mask-repeat":[{mask:y()}],"mask-size":[{mask:he()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",J,Z]}],filter:[{filter:["","none",J,Z]}],blur:[{blur:Me()}],brightness:[{brightness:[se,J,Z]}],contrast:[{contrast:[se,J,Z]}],"drop-shadow":[{"drop-shadow":["","none",h,Nr,Ir]}],"drop-shadow-color":[{"drop-shadow":B()}],grayscale:[{grayscale:["",se,J,Z]}],"hue-rotate":[{"hue-rotate":[se,J,Z]}],invert:[{invert:["",se,J,Z]}],saturate:[{saturate:[se,J,Z]}],sepia:[{sepia:["",se,J,Z]}],"backdrop-filter":[{"backdrop-filter":["","none",J,Z]}],"backdrop-blur":[{"backdrop-blur":Me()}],"backdrop-brightness":[{"backdrop-brightness":[se,J,Z]}],"backdrop-contrast":[{"backdrop-contrast":[se,J,Z]}],"backdrop-grayscale":[{"backdrop-grayscale":["",se,J,Z]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[se,J,Z]}],"backdrop-invert":[{"backdrop-invert":["",se,J,Z]}],"backdrop-opacity":[{"backdrop-opacity":[se,J,Z]}],"backdrop-saturate":[{"backdrop-saturate":[se,J,Z]}],"backdrop-sepia":[{"backdrop-sepia":["",se,J,Z]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":P()}],"border-spacing-x":[{"border-spacing-x":P()}],"border-spacing-y":[{"border-spacing-y":P()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",J,Z]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[se,"initial",J,Z]}],ease:[{ease:["linear","initial",E,J,Z]}],delay:[{delay:[se,J,Z]}],animate:[{animate:["none",S,J,Z]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[g,J,Z]}],"perspective-origin":[{"perspective-origin":k()}],rotate:[{rotate:je()}],"rotate-x":[{"rotate-x":je()}],"rotate-y":[{"rotate-y":je()}],"rotate-z":[{"rotate-z":je()}],scale:[{scale:ze()}],"scale-x":[{"scale-x":ze()}],"scale-y":[{"scale-y":ze()}],"scale-z":[{"scale-z":ze()}],"scale-3d":["scale-3d"],skew:[{skew:st()}],"skew-x":[{"skew-x":st()}],"skew-y":[{"skew-y":st()}],transform:[{transform:[J,Z,"","none","gpu","cpu"]}],"transform-origin":[{origin:k()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:St()}],"translate-x":[{"translate-x":St()}],"translate-y":[{"translate-y":St()}],"translate-z":[{"translate-z":St()}],"translate-none":["translate-none"],accent:[{accent:B()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:B()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",J,Z]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":P()}],"scroll-mx":[{"scroll-mx":P()}],"scroll-my":[{"scroll-my":P()}],"scroll-ms":[{"scroll-ms":P()}],"scroll-me":[{"scroll-me":P()}],"scroll-mt":[{"scroll-mt":P()}],"scroll-mr":[{"scroll-mr":P()}],"scroll-mb":[{"scroll-mb":P()}],"scroll-ml":[{"scroll-ml":P()}],"scroll-p":[{"scroll-p":P()}],"scroll-px":[{"scroll-px":P()}],"scroll-py":[{"scroll-py":P()}],"scroll-ps":[{"scroll-ps":P()}],"scroll-pe":[{"scroll-pe":P()}],"scroll-pt":[{"scroll-pt":P()}],"scroll-pr":[{"scroll-pr":P()}],"scroll-pb":[{"scroll-pb":P()}],"scroll-pl":[{"scroll-pl":P()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",J,Z]}],fill:[{fill:["none",...B()]}],"stroke-w":[{stroke:[se,Mn,Ht,Pa]}],stroke:[{stroke:["none",...B()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},zm=ym(jm);function ke(...e){return zm(dt(e))}const Ul=V0,Ym=$0,jl=_.forwardRef(({className:e,...t},n)=>m.jsx(xl,{ref:n,className:ke("fixed inset-0 z-10000 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t,onClick:r=>r.stopPropagation()}));jl.displayName=xl.displayName;const zs=_.forwardRef(({className:e,children:t,...n},r)=>m.jsxs(Ym,{container:document.querySelector(".root-app"),children:[m.jsx(jl,{}),m.jsxs(yl,{ref:r,className:ke("z-10001 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] w-full max-w-[calc(100%-2rem)] max-h-[80vh] translate-x-[-50%] translate-y-[-50%] duration-200 overflow-y-auto",e),...n,children:[t,m.jsxs(q0,{className:"absolute right-4 top-4 cursor-pointer rounded-full bg-gray-200 transition-background hover:bg-gray-300 disabled:pointer-events-none duration-200 p-2",children:[m.jsx(Us,{className:"h-8 w-8"}),m.jsx("span",{className:"sr-only",children:"Close"})]})]})]}));zs.displayName=yl.displayName;const Ys=({className:e,...t})=>m.jsx("div",{className:ke("flex flex-col space-y-1.5 text-left",e),...t});Ys.displayName="DialogHeader";const Ws=_.forwardRef(({className:e,...t},n)=>m.jsx(_l,{ref:n,className:ke("text-3xl font-semibold leading-none tracking-tight",e),...t}));Ws.displayName=_l.displayName;const Wm=_.forwardRef(({className:e,...t},n)=>m.jsx(Cl,{ref:n,className:ke("text-muted-foreground",e),...t}));Wm.displayName=Cl.displayName;const Vs=({item:e})=>{const[t,n]=D.useState(""),[r,a]=D.useState(!1),s=zt.getImage(e),i=zt.getValueLabel(e);return m.jsxs(m.Fragment,{children:[m.jsx("div",{className:"group relative w-full h-full! aspect-video overflow-hidden shadow-sm group cursor-pointer rounded-sm",children:s&&m.jsx("img",{src:s,alt:i,className:"w-full h-full! object-cover",loading:"lazy"})}),m.jsx(Ul,{open:!!r,onOpenChange:()=>{a(!1)},children:m.jsxs(zs,{className:"sm:max-w-5xl",onClick:o=>o.stopPropagation(),children:[m.jsx(Ys,{children:m.jsx(Ws,{className:"sr-only",children:"Image Zoom"})}),m.jsx("img",{src:t,alt:"Zoomed",className:"w-full h-auto"}),m.jsxs("span",{className:"text-white mt-2 block",children:[(e?.metadata?.Finish||e?.metadata?.Material)&&`${e.metadata?.Finish||e.metadata?.Material} | `,i]})]})})]})},ur=e=>m.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:m.jsx("path",{d:"M11 1L1 11M1 1L11 11",stroke:"current",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),$s=({item:e})=>{const[t,n]=D.useState(null),[r,a]=D.useState(!1),s="#f2f1f1",i=zt.getHexColor(e);return m.jsxs(m.Fragment,{children:[m.jsx("div",{className:"group relative w-full h-full! aspect-video overflow-hidden shadow-sm group cursor-pointer rounded-sm",style:{backgroundColor:i||s}}),m.jsx(Ul,{open:!!r,onOpenChange:()=>{a(!1)},children:m.jsxs(zs,{className:"sm:max-w-5xl",onClick:o=>o.stopPropagation(),children:[m.jsx(Ys,{children:m.jsx(Ws,{className:"sr-only",children:"Hex Color"})}),m.jsx("div",{className:"w-full aspect-video rounded",style:{backgroundColor:t||"transparent"}}),i&&m.jsxs("span",{className:"text-white mt-2 block",children:[" ",(e?.metadata?.Material||e?.metadata?.Material)&&`${e.metadata?.Material} | `,zt.getAttributeLabel(e)]})]})})]})},Vm="w-[64px] h-[64px] bg-[var(--sidebar-b)] border border-solid border-[var(--border)] rounded-sm aspect-square overflow-hidden transition",$m=({val:e,className:t,isShowDeleteIcon:n=!1,handleSelect:r})=>m.jsxs("button",{onClick:()=>{r&&r(e)},className:`relative ${t||Vm}`,"aria-label":`Selected swatch ${e.name??e.assetId}`,title:"Click to remove",children:[zt.getImage(e)?m.jsx(Vs,{item:e}):m.jsx($s,{item:e}),n?m.jsx("div",{className:`absolute top-0 right-0 m-2 w-[16px] h-[16px] flex flex-row justify-center items-center\r
+          bg-[var(--background-grey)] rounded-2xl border-none pointer-events-none`,children:m.jsx(ur,{className:"w-[8px] h-2 stroke-[var(--svg-dark)]"})}):null]},e.assetId),qm=e=>m.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:m.jsx("path",{d:"M2.5 6H9.5",stroke:"current",strokeLinecap:"round",strokeLinejoin:"round"})}),Gm=e=>m.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:m.jsx("path",{d:"M2.5 6H9.5M6 2.5V9.5",stroke:"current",strokeLinecap:"round",strokeLinejoin:"round"})}),Xm=e=>m.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:m.jsx("path",{d:"M5 5.5V8.5M7 5.5V8.5M9.5 3V10C9.5 10.2652 9.39464 10.5196 9.20711 10.7071C9.01957 10.8946 8.76522 11 8.5 11H3.5C3.23478 11 2.98043 10.8946 2.79289 10.7071C2.60536 10.5196 2.5 10.2652 2.5 10V3M1.5 3H10.5M4 3V2C4 1.73478 4.10536 1.48043 4.29289 1.29289C4.48043 1.10536 4.73478 1 5 1H7C7.26522 1 7.51957 1.10536 7.70711 1.29289C7.89464 1.48043 8 1.73478 8 2V3",stroke:"current",strokeLinecap:"round",strokeLinejoin:"round"})}),Km=({value:e,canIncrement:t,onIncrement:n,onDecrement:r,onDelete:a})=>{const s=e<=1;return m.jsxs("div",{className:"flex flex-row items-center gap-[8px] text-sm",children:[s?m.jsx("button",{"aria-label":"Remove item",onClick:a,className:"[&_svg_path]:stroke-[var(--main-accent-color)]",children:m.jsx(Xm,{})}):m.jsx("button",{"aria-label":"Decrease",onClick:r,className:"[&_svg_path]:stroke-[var(--svg-dark)]",children:m.jsx(qm,{})}),m.jsx("span",{className:"min-w-[16px] text-center select-none",children:e}),m.jsx("button",{"aria-label":"Increase",onClick:n,disabled:!t,className:"[&_svg_path]:stroke-[var(--svg-dark)] disabled:opacity-40",children:m.jsx(Gm,{})})]})},zl=({item:e,canInc:t,onDelete:n,onIncrement:r,onDecrement:a})=>m.jsx("li",{className:`\r
+        border-b border-[var(--border)]\r
+        px-[var(--sm-padding)] p-[var(--sm-padding)]\r
+        last:border-b-0`,children:m.jsxs("div",{className:"relative flex flex-row gap-[16px]",children:[m.jsx("div",{children:m.jsx($m,{val:e})}),m.jsxs("div",{className:"flex flex-col justify-between",children:[m.jsxs("div",{className:"flex flex-col",children:[m.jsx("span",{className:"mb-[4px] font-semibold text-xs",children:e.metadata?.label}),m.jsx("span",{className:"mb-[4px] font-bold text-[1rem]",children:e.parentName})]}),m.jsx(Km,{value:e.count,canIncrement:t,onIncrement:r,onDecrement:a,onDelete:n})]}),m.jsxs("div",{className:" absolute text-xs top-0 right-0 font-bold",children:["$",e.count*zu]})]})},e.assetId),qs=e=>m.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:m.jsx("path",{d:"M9.99984 15.8333L4.1665 9.99996M4.1665 9.99996L9.99984 4.16663M4.1665 9.99996H15.8332",stroke:"current",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Qm=({totalCount:e})=>{const t=Pe(),n=()=>{t(Du(!1))};return m.jsx("header",{className:"flex flex-row p-[var(--sm-padding)] justify-between items-center border-b border-solid border-[var(--border)]",children:m.jsxs("div",{className:"flex items-center flex-row  gap-[4px]",children:[m.jsxs("div",{className:"flex flex-row items-center gap-[8px]",children:[m.jsx("button",{className:"[&_svg_path]:stroke-[var(--main-accent-color)] cursor-pointer",onClick:n,children:m.jsx(qs,{})}),m.jsx("h2",{className:"m-0! text-base leading-[1.6] font-medium ",children:"Your cart"})]}),e>=Re?m.jsxs(m.Fragment,{children:[m.jsxs("span",{className:"text-[var(--main-accent-color)] hidden! text-xs sm:block!",children:["(",Re,") You reached maximum amount of swatches"]}),m.jsxs("span",{className:"text-[var(--main-accent-color)] block! sm:hidden!",children:["(",Re,") Max"]})]}):null]})})};function lr(e){return D.useMemo(()=>e.reduce((t,n)=>t+(n.count??0),0),[e])}const cr=e=>e.multiProductCart.items,Zm=e=>e.multiProductCart.productList,Jm=e=>e.multiProductCart.isLoadingProductList,ep=({onSendData:e})=>{const t=Pe(),n=ue(cr),r=ue(qt),a=D.useMemo(()=>n.flatMap(c=>c.items),[n]),s=({item:c,assetId:d})=>{const{parentName:f,metadata:p}=c,h=p?.label;d&&h&&f&&(t(nh({assetId:d,label:h,parentName:f})),t(ta({selectedMaterial:c,materialCount:1,selectedMaterials:r})))},i=({item:c,assetId:d})=>{const{parentName:f,metadata:p}=c,h=p?.label;d&&h&&f&&t(eh({assetId:d,label:h,parentName:f}))},o=({item:c,assetId:d})=>{const{parentName:f,metadata:p}=c,h=p?.label;d&&h&&f&&t(th({assetId:d,label:h,parentName:f}))},l=lr(a);return m.jsxs("div",{className:"flex flex-col h-full",children:[m.jsx(Qm,{totalCount:l}),m.jsxs("div",{className:"flex flex-col h-full min-h-0",children:[m.jsx("ul",{className:"flex flex-col flex-1 min-h-0 overflow-y-auto",children:n.map(c=>{const{items:d,name:f,assetId:p}=c;return d.length?m.jsxs(m.Fragment,{children:[m.jsx("div",{className:` p-[var(--sm-padding)] border-y border-[var(--border)]\r
+                  sm:px-[var(--sm-padding)] text-sm font-medium`,children:f},c.assetId),m.jsx("ul",{children:d?.map(h=>m.jsx(zl,{item:h,canInc:l<Re,onDelete:()=>{p&&s({item:h,assetId:p})},onIncrement:()=>{p&&i({item:h,assetId:p})},onDecrement:()=>{p&&o({item:h,assetId:p})}},`${h.value}/${c.assetId}`))})]}):null})}),m.jsxs("div",{className:`flex flex-col \r
+          sm:flex-row sm:w-full sm:justify-between sm:items-center\r
+          sm:border-t sm:border-[var(--border)] shadow-[0_-2px_10px_rgba(40,40,40,0.10)]\r
         `,children:[m.jsx("div",{className:"sm:w-[50%] sm:border-r sm:border-solid sm:border-[var(--border)]",children:m.jsx(Yu,{materials:a,containerStyles:"flex flex-col gap-[8px] text-xs/snug p-[var(--sm-padding)] border-t border-solid border-[var(--border)]  sm:gap-[12px] sm:border-none s"})}),m.jsx("div",{className:"p-[var(--sm-padding)] border-t border-solid border-[var(--border)] shrink-0 sm:w-[50%] sm:border-none sm:flex flex-row sm:justify-end sm:items-end sm:h-full",children:m.jsx("div",{className:"sm:w-[50%] text-sm",children:m.jsx(Wu,{onClick:()=>e&&e(n.filter(c=>c.items.length)),disabled:a.length>Re+1,children:"GO TO SHIPPING"})})})]})]})]})},tp=e=>m.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[m.jsx("path",{d:"M17.5 17.5L13.8833 13.8834",stroke:"current",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),m.jsx("path",{d:"M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z",stroke:"current",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]});function np(e){if(typeof document>"u")return;let t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}np(`:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
 `);var dr=e=>typeof e=="number"&&!isNaN(e),Wt=e=>typeof e=="string",_t=e=>typeof e=="function",rp=e=>Wt(e)||dr(e),ss=e=>Wt(e)||_t(e)?e:null,ap=(e,t)=>e===!1||dr(e)&&e>0?e:t,is=e=>D.isValidElement(e)||Wt(e)||_t(e)||dr(e);function sp(e,t,n=300){let{scrollHeight:r,style:a}=e;requestAnimationFrame(()=>{a.minHeight="initial",a.height=r+"px",a.transition=`all ${n}ms`,requestAnimationFrame(()=>{a.height="0",a.padding="0",a.margin="0",setTimeout(t,n)})})}function ip({enter:e,exit:t,appendPosition:n=!1,collapse:r=!0,collapseDuration:a=300}){return function({children:s,position:i,preventExitTransition:o,done:l,nodeRef:c,isIn:d,playToast:f}){let p=n?`${e}--${i}`:e,h=n?`${t}--${i}`:t,x=D.useRef(0);return D.useLayoutEffect(()=>{let g=c.current,A=p.split(" "),E=S=>{S.target===c.current&&(f(),g.removeEventListener("animationend",E),g.removeEventListener("animationcancel",E),x.current===0&&S.type!=="animationcancel"&&g.classList.remove(...A))};g.classList.add(...A),g.addEventListener("animationend",E),g.addEventListener("animationcancel",E)},[]),D.useEffect(()=>{let g=c.current,A=()=>{g.removeEventListener("animationend",A),r?sp(g,l,a):l()};d||(o?A():(x.current=1,g.className+=` ${h}`,g.addEventListener("animationend",A)))},[d]),D.createElement(D.Fragment,null,s)}}function to(e,t){return{content:Yl(e.content,e.props),containerId:e.props.containerId,id:e.props.toastId,theme:e.props.theme,type:e.props.type,data:e.props.data||{},isLoading:e.props.isLoading,icon:e.props.icon,reason:e.removalReason,status:t}}function Yl(e,t,n=!1){return D.isValidElement(e)&&!Wt(e.type)?D.cloneElement(e,{closeToast:t.closeToast,toastProps:t,data:t.data,isPaused:n}):_t(e)?e({closeToast:t.closeToast,toastProps:t,data:t.data,isPaused:n}):e}function op({closeToast:e,theme:t,ariaLabel:n="close"}){return D.createElement("button",{className:`Toastify__close-button Toastify__close-button--${t}`,type:"button",onClick:r=>{r.stopPropagation(),e(!0)},"aria-label":n},D.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},D.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}function up({delay:e,isRunning:t,closeToast:n,type:r="default",hide:a,className:s,controlledProgress:i,progress:o,rtl:l,isIn:c,theme:d}){let f=a||i&&o===0,p={animationDuration:`${e}ms`,animationPlayState:t?"running":"paused"};i&&(p.transform=`scaleX(${o})`);let h=dt("Toastify__progress-bar",i?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${d}`,`Toastify__progress-bar--${r}`,{"Toastify__progress-bar--rtl":l}),x=_t(s)?s({rtl:l,type:r,defaultClassName:h}):dt(h,s),g={[i&&o>=1?"onTransitionEnd":"onAnimationEnd"]:i&&o<1?null:()=>{c&&n()}};return D.createElement("div",{className:"Toastify__progress-bar--wrp","data-hidden":f},D.createElement("div",{className:`Toastify__progress-bar--bg Toastify__progress-bar-theme--${d} Toastify__progress-bar--${r}`}),D.createElement("div",{role:"progressbar","aria-hidden":f?"true":"false","aria-label":"notification timer",className:x,style:p,...g}))}var lp=1,Wl=()=>`${lp++}`;function cp(e,t,n){let r=1,a=0,s=[],i=[],o=t,l=new Map,c=new Set,d=S=>(c.add(S),()=>c.delete(S)),f=()=>{i=Array.from(l.values()),c.forEach(S=>S())},p=({containerId:S,toastId:N,updateId:O})=>{let k=S?S!==e:e!==1,w=l.has(N)&&O==null;return k||w},h=(S,N)=>{l.forEach(O=>{var k;(N==null||N===O.props.toastId)&&((k=O.toggle)==null||k.call(O,S))})},x=S=>{var N,O;(O=(N=S.props)==null?void 0:N.onClose)==null||O.call(N,S.removalReason),S.isActive=!1},g=S=>{if(S==null)l.forEach(x);else{let N=l.get(S);N&&x(N)}f()},A=()=>{a-=s.length,s=[]},E=S=>{var N,O;let{toastId:k,updateId:w}=S.props,R=w==null;S.staleId&&l.delete(S.staleId),S.isActive=!0,l.set(k,S),f(),n(to(S,R?"added":"updated")),R&&((O=(N=S.props).onOpen)==null||O.call(N))};return{id:e,props:o,observe:d,toggle:h,removeToast:g,toasts:l,clearQueue:A,buildToast:(S,N)=>{if(p(N))return;let{toastId:O,updateId:k,data:w,staleId:R,delay:P}=N,$=k==null;$&&a++;let X={...o,style:o.toastStyle,key:r++,...Object.fromEntries(Object.entries(N).filter(([Y,K])=>K!=null)),toastId:O,updateId:k,data:w,isIn:!1,className:ss(N.className||o.toastClassName),progressClassName:ss(N.progressClassName||o.progressClassName),autoClose:N.isLoading?!1:ap(N.autoClose,o.autoClose),closeToast(Y){l.get(O).removalReason=Y,g(O)},deleteToast(){let Y=l.get(O);if(Y!=null){if(n(to(Y,"removed")),l.delete(O),a--,a<0&&(a=0),s.length>0){E(s.shift());return}f()}}};X.closeButton=o.closeButton,N.closeButton===!1||is(N.closeButton)?X.closeButton=N.closeButton:N.closeButton===!0&&(X.closeButton=is(o.closeButton)?o.closeButton:!0);let U={content:S,props:X,staleId:R};o.limit&&o.limit>0&&a>o.limit&&$?s.push(U):dr(P)?setTimeout(()=>{E(U)},P):E(U)},setProps(S){o=S},setToggle:(S,N)=>{let O=l.get(S);O&&(O.toggle=N)},isToastActive:S=>{var N;return(N=l.get(S))==null?void 0:N.isActive},getSnapshot:()=>i}}var Oe=new Map,tr=[],os=new Set,dp=e=>os.forEach(t=>t(e)),Vl=()=>Oe.size>0;function fp(){tr.forEach(e=>ql(e.content,e.options)),tr=[]}var hp=(e,{containerId:t})=>{var n;return(n=Oe.get(t||1))==null?void 0:n.toasts.get(e)};function $l(e,t){var n;if(t)return!!((n=Oe.get(t))!=null&&n.isToastActive(e));let r=!1;return Oe.forEach(a=>{a.isToastActive(e)&&(r=!0)}),r}function mp(e){if(!Vl()){tr=tr.filter(t=>e!=null&&t.options.toastId!==e);return}if(e==null||rp(e))Oe.forEach(t=>{t.removeToast(e)});else if(e&&("containerId"in e||"id"in e)){let t=Oe.get(e.containerId);t?t.removeToast(e.id):Oe.forEach(n=>{n.removeToast(e.id)})}}var pp=(e={})=>{Oe.forEach(t=>{t.props.limit&&(!e.containerId||t.id===e.containerId)&&t.clearQueue()})};function ql(e,t){is(e)&&(Vl()||tr.push({content:e,options:t}),Oe.forEach(n=>{n.buildToast(e,t)}))}function gp(e){var t;(t=Oe.get(e.containerId||1))==null||t.setToggle(e.id,e.fn)}function Gl(e,t){Oe.forEach(n=>{(t==null||!(t!=null&&t.containerId)||t?.containerId===n.id)&&n.toggle(e,t?.id)})}function bp(e){let t=e.containerId||1;return{subscribe(n){let r=cp(t,e,dp);Oe.set(t,r);let a=r.observe(n);return fp(),()=>{a(),Oe.delete(t)}},setProps(n){var r;(r=Oe.get(t))==null||r.setProps(n)},getSnapshot(){var n;return(n=Oe.get(t))==null?void 0:n.getSnapshot()}}}function Ep(e){return os.add(e),()=>{os.delete(e)}}function Tp(e){return e&&(Wt(e.toastId)||dr(e.toastId))?e.toastId:Wl()}function fr(e,t){return ql(e,t),t.toastId}function ia(e,t){return{...t,type:t&&t.type||e,toastId:Tp(t)}}function oa(e){return(t,n)=>fr(t,ia(e,n))}function fe(e,t){return fr(e,ia("default",t))}fe.loading=(e,t)=>fr(e,ia("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...t}));function xp(e,{pending:t,error:n,success:r},a){let s;t&&(s=Wt(t)?fe.loading(t,a):fe.loading(t.render,{...a,...t}));let i={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},o=(c,d,f)=>{if(d==null){fe.dismiss(s);return}let p={type:c,...i,...a,data:f},h=Wt(d)?{render:d}:d;return s?fe.update(s,{...p,...h}):fe(h.render,{...p,...h}),f},l=_t(e)?e():e;return l.then(c=>o("success",r,c)).catch(c=>o("error",n,c)),l}fe.promise=xp;fe.success=oa("success");fe.info=oa("info");fe.error=oa("error");fe.warning=oa("warning");fe.warn=fe.warning;fe.dark=(e,t)=>fr(e,ia("default",{theme:"dark",...t}));function yp(e){mp(e)}fe.dismiss=yp;fe.clearWaitingQueue=pp;fe.isActive=$l;fe.update=(e,t={})=>{let n=hp(e,t);if(n){let{props:r,content:a}=n,s={delay:100,...r,...t,toastId:t.toastId||e,updateId:Wl()};s.toastId!==e&&(s.staleId=e);let i=s.render||a;delete s.render,fr(i,s)}};fe.done=e=>{fe.update(e,{progress:1})};fe.onChange=Ep;fe.play=e=>Gl(!0,e);fe.pause=e=>Gl(!1,e);function _p(e){var t;let{subscribe:n,getSnapshot:r,setProps:a}=D.useRef(bp(e)).current;a(e);let s=(t=D.useSyncExternalStore(n,r,r))==null?void 0:t.slice();function i(o){if(!s)return[];let l=new Map;return e.newestOnTop&&s.reverse(),s.forEach(c=>{let{position:d}=c.props;l.has(d)||l.set(d,[]),l.get(d).push(c)}),Array.from(l,c=>o(c[0],c[1]))}return{getToastToRender:i,isToastActive:$l,count:s?.length}}function Cp(e){let[t,n]=D.useState(!1),[r,a]=D.useState(!1),s=D.useRef(null),i=D.useRef({start:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,didMove:!1}).current,{autoClose:o,pauseOnHover:l,closeToast:c,onClick:d,closeOnClick:f}=e;gp({id:e.toastId,containerId:e.containerId,fn:n}),D.useEffect(()=>{if(e.pauseOnFocusLoss)return p(),()=>{h()}},[e.pauseOnFocusLoss]);function p(){document.hasFocus()||E(),window.addEventListener("focus",A),window.addEventListener("blur",E)}function h(){window.removeEventListener("focus",A),window.removeEventListener("blur",E)}function x(R){if(e.draggable===!0||e.draggable===R.pointerType){S();let P=s.current;i.canCloseOnClick=!0,i.canDrag=!0,P.style.transition="none",e.draggableDirection==="x"?(i.start=R.clientX,i.removalDistance=P.offsetWidth*(e.draggablePercent/100)):(i.start=R.clientY,i.removalDistance=P.offsetHeight*(e.draggablePercent===80?e.draggablePercent*1.5:e.draggablePercent)/100)}}function g(R){let{top:P,bottom:$,left:X,right:U}=s.current.getBoundingClientRect();R.nativeEvent.type!=="touchend"&&e.pauseOnHover&&R.clientX>=X&&R.clientX<=U&&R.clientY>=P&&R.clientY<=$?E():A()}function A(){n(!0)}function E(){n(!1)}function S(){i.didMove=!1,document.addEventListener("pointermove",O),document.addEventListener("pointerup",k)}function N(){document.removeEventListener("pointermove",O),document.removeEventListener("pointerup",k)}function O(R){let P=s.current;if(i.canDrag&&P){i.didMove=!0,t&&E(),e.draggableDirection==="x"?i.delta=R.clientX-i.start:i.delta=R.clientY-i.start,i.start!==R.clientX&&(i.canCloseOnClick=!1);let $=e.draggableDirection==="x"?`${i.delta}px, var(--y)`:`0, calc(${i.delta}px + var(--y))`;P.style.transform=`translate3d(${$},0)`,P.style.opacity=`${1-Math.abs(i.delta/i.removalDistance)}`}}function k(){N();let R=s.current;if(i.canDrag&&i.didMove&&R){if(i.canDrag=!1,Math.abs(i.delta)>i.removalDistance){a(!0),e.closeToast(!0),e.collapseAll();return}R.style.transition="transform 0.2s, opacity 0.2s",R.style.removeProperty("transform"),R.style.removeProperty("opacity")}}let w={onPointerDown:x,onPointerUp:g};return o&&l&&(w.onMouseEnter=E,e.stacked||(w.onMouseLeave=A)),f&&(w.onClick=R=>{d&&d(R),i.canCloseOnClick&&c(!0)}),{playToast:A,pauseToast:E,isRunning:t,preventExitTransition:r,toastRef:s,eventHandlers:w}}var Ap=typeof window<"u"?D.useLayoutEffect:D.useEffect,ua=({theme:e,type:t,isLoading:n,...r})=>D.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:e==="colored"?"currentColor":`var(--toastify-icon-color-${t})`,...r});function Sp(e){return D.createElement(ua,{...e},D.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))}function Ip(e){return D.createElement(ua,{...e},D.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))}function Np(e){return D.createElement(ua,{...e},D.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))}function wp(e){return D.createElement(ua,{...e},D.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))}function vp(){return D.createElement("div",{className:"Toastify__spinner"})}var us={info:Ip,warning:Sp,success:Np,error:wp,spinner:vp},kp=e=>e in us;function Op({theme:e,type:t,isLoading:n,icon:r}){let a=null,s={theme:e,type:t};return r===!1||(_t(r)?a=r({...s,isLoading:n}):D.isValidElement(r)?a=D.cloneElement(r,s):n?a=us.spinner():kp(t)&&(a=us[t](s))),a}var Rp=e=>{let{isRunning:t,preventExitTransition:n,toastRef:r,eventHandlers:a,playToast:s}=Cp(e),{closeButton:i,children:o,autoClose:l,onClick:c,type:d,hideProgressBar:f,closeToast:p,transition:h,position:x,className:g,style:A,progressClassName:E,updateId:S,role:N,progress:O,rtl:k,toastId:w,deleteToast:R,isIn:P,isLoading:$,closeOnClick:X,theme:U,ariaLabel:Y}=e,K=dt("Toastify__toast",`Toastify__toast-theme--${U}`,`Toastify__toast--${d}`,{"Toastify__toast--rtl":k},{"Toastify__toast--close-on-click":X}),F=_t(g)?g({rtl:k,position:x,type:d,defaultClassName:K}):dt(K,g),H=Op(e),q=!!O||!l,Q={closeToast:p,type:d,theme:U},B=null;return i===!1||(_t(i)?B=i(Q):D.isValidElement(i)?B=D.cloneElement(i,Q):B=op(Q)),D.createElement(h,{isIn:P,done:R,position:x,preventExitTransition:n,nodeRef:r,playToast:s},D.createElement("div",{id:w,tabIndex:0,onClick:c,"data-in":P,className:F,...a,style:A,ref:r,...P&&{role:N,"aria-label":Y}},H!=null&&D.createElement("div",{className:dt("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!$})},H),Yl(o,e,!t),B,!e.customProgressBar&&D.createElement(up,{...S&&!q?{key:`p-${S}`}:{},rtl:k,theme:U,delay:l,isRunning:t,isIn:P,closeToast:p,hide:f,type:d,className:E,controlledProgress:q,progress:O||0})))},Lp=(e,t=!1)=>({enter:`Toastify--animate Toastify__${e}-enter`,exit:`Toastify--animate Toastify__${e}-exit`,appendPosition:t}),Xl=ip(Lp("bounce",!0)),Pp={position:"top-right",transition:Xl,autoClose:5e3,closeButton:!0,pauseOnHover:!0,pauseOnFocusLoss:!0,draggable:"touch",draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light","aria-label":"Notifications Alt+T",hotKeys:e=>e.altKey&&e.code==="KeyT"};function Dp(e){let t={...Pp,...e},n=e.stacked,[r,a]=D.useState(!0),s=D.useRef(null),{getToastToRender:i,isToastActive:o,count:l}=_p(t),{className:c,style:d,rtl:f,containerId:p,hotKeys:h}=t;function x(A){let E=dt("Toastify__toast-container",`Toastify__toast-container--${A}`,{"Toastify__toast-container--rtl":f});return _t(c)?c({position:A,rtl:f,defaultClassName:E}):dt(E,ss(c))}function g(){n&&(a(!0),fe.play())}return Ap(()=>{var A;if(n){let E=s.current.querySelectorAll('[data-in="true"]'),S=12,N=(A=t.position)==null?void 0:A.includes("top"),O=0,k=0;Array.from(E).reverse().forEach((w,R)=>{let P=w;P.classList.add("Toastify__toast--stacked"),R>0&&(P.dataset.collapsed=`${r}`),P.dataset.pos||(P.dataset.pos=N?"top":"bot");let $=O*(r?.2:1)+(r?0:S*R);P.style.setProperty("--y",`${N?$:$*-1}px`),P.style.setProperty("--g",`${S}`),P.style.setProperty("--s",`${1-(r?k:0)}`),O+=P.offsetHeight,k+=.025})}},[r,l,n]),D.useEffect(()=>{function A(E){var S;let N=s.current;h(E)&&((S=N.querySelector('[tabIndex="0"]'))==null||S.focus(),a(!1),fe.pause()),E.key==="Escape"&&(document.activeElement===N||N!=null&&N.contains(document.activeElement))&&(a(!0),fe.play())}return document.addEventListener("keydown",A),()=>{document.removeEventListener("keydown",A)}},[h]),D.createElement("section",{ref:s,className:"Toastify",id:p,onMouseEnter:()=>{n&&(a(!1),fe.pause())},onMouseLeave:g,"aria-live":"polite","aria-atomic":"false","aria-relevant":"additions text","aria-label":t["aria-label"]},i((A,E)=>{let S=E.length?{...d}:{...d,pointerEvents:"none"};return D.createElement("div",{tabIndex:-1,className:x(A),"data-stacked":n,style:S,key:`c-${A}`},E.map(({content:N,props:O})=>D.createElement(Rp,{...O,stacked:n,collapseAll:g,isIn:o(O.toastId,O.containerId),key:`t-${O.key}`},N)))}))}const Mp={containerId:"swatch-multi-module"},Bp=e=>fe.error(e,Mp),no={MATERIAL:"material"},Fp="UIGrouping";class ls{static getTransformedData({dataType:t,data:n,selectedProduct:r}){switch(t){case et.UI:return this.getMapUIData(n);case et.FETCH_DATA_PRODUCT:return this.getTransformedFetchProductData({data:n,selectedProduct:r});default:throw new Error("Unsupported format")}}static getGroupingValue(t){if(t)return t.find(n=>n.name===Fp)}static getAllMaterialValuesKeys(t){if(t)return t.flatMap(n=>n.groups.flatMap(r=>r.options.filter(a=>a.typeComponent===no.MATERIAL)).map(r=>r.optionName))}static getAllMaterialOptions(t){const n=JSON.parse(this.getGroupingValue(t).value);if(n){const r=this.getAllMaterialValuesKeys(n);if(r?.length){const a=t.filter(s=>r.includes(s.name));if(a?.length){const s=Ur.getMaterialsValuesFromOptions(a);if(s?.length)return{allMaterialValues:s,productElementOptions:a}}}}}static getMapUIData(t){return this.getAllMaterialOptions(t)}static getTransformedFetchProductData({data:t,selectedProduct:n}){const{materials:r=[],structure:a=[]}=t,s=new Map;for(const f of a)for(const p of f.groups??[])for(const h of p.options??[])h?.typeComponent===no.MATERIAL&&h?.optionName&&s.set(h.optionName,p.groupName);const o=r.filter(f=>f.optionName&&s.has(f.optionName)).map(f=>({...f,groupName:f.optionName?s.get(f.optionName):void 0})),l=o.flatMap(f=>{const{label:p,groupName:h}=f,x=(p.toLocaleLowerCase()==="color"?h:p)||"without_name";return(f.valuesArray??[]).map(g=>({...g,parentName:x,productInformation:n||"Product wasn't found"}))}),c=new Set,d=o.map(({label:f,groupName:p,valuesArray:h})=>{const x=f?.toLowerCase()==="color"?p??f:f;return{id:x,value:x,label:x,valuesArray:h}}).filter(f=>f.label&&(c.has(f.label)?!1:(c.add(f.label),!0))).sort((f,p)=>f.label.localeCompare(p.label));return{allMaterialValues:l,productElementOptions:d}}}const Hp=({productListItem:e})=>{const t=Pe(),{name:n,img:r}=e,a=r?`https://admin-fts.threekit.com${r}`:"https://clownfish-app-cvxrz.ondigitalocean.app/assets/product_thumb-Bn1S8z9K.png",s=async()=>{const{assetId:i,name:o}=e;if(i&&o){const l=await t(Vn({assetId:i})).unwrap();if(l){t(Vf(e));const c=ls.getTransformedData({dataType:et.FETCH_DATA_PRODUCT,data:l});t(es(c))}else Bp("Failed to load product")}};return m.jsxs("li",{className:"min-w-0 cursor-pointer text-xs",tabIndex:0,onClick:s,children:[m.jsx("div",{className:"mb-[12px] w-full aspect-square relative overflow-hidden rounded-sm",children:m.jsx("img",{src:a||"https://hastings-questionnaie-storage.fra1.digitaloceanspaces.com/static/Image%20(8)%20(1).png",alt:"product-list-item",className:"absolute inset-0 w-full h-full! object-cover"})}),n]})},Kl={name:"All",value:"",productId:0,items:[]};class Up{static getCartTotalCount({cartItems:t}){return t.reduce((n,r)=>n+r.count,0)}static getUniqueCategories(t){const n=["All","Vanities","Storage & Shelving","Countertops","Basins","Vessels","Pedestals & Consoles","Tubs","Mirrors","Toilets","Bathroom Accessories"],a=Array.from(new Set(t.map(o=>o.collection).filter(Boolean))).map(o=>({name:o,value:o,productId:0,items:[]}));return[Kl,...a].sort((o,l)=>{const c=n.indexOf(o.name),d=n.indexOf(l.name),f=c===-1?Number.MAX_SAFE_INTEGER:c,p=d===-1?Number.MAX_SAFE_INTEGER:d;return f!==p?f-p:o.name.localeCompare(l.name)}).map((o,l)=>({...o,productId:l}))}static getCartPreparedOption(t,n){if(!t?.length)return[];const r=n.flatMap(a=>a.items||[]);return t.map(a=>{const s=r.find(i=>i.parentName===a.parentName&&i.metadata?.label===a.metadata?.label);return{...a,count:s?s.count:1}})}}const jp=({text:e,isActive:t=!1,onClick:n})=>{const r=()=>{n&&n()},a=s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),r())};return m.jsx("div",{role:"button",tabIndex:0,onClick:r,onKeyDown:a,className:`
         flex flex-row justify-center items-center max-w-max px-4 py-2 capitalize rounded-full
@@ -78,7 +78,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
 <div class="p-4">
 ${String(i).trim()}
 </div>
-</details>`})}function fC({children:e,className:t="",openFirst:n=!1}){const a=dC(typeof e=="string"?e:"",{openFirst:n});return m.jsx("div",{className:["prose",nf.prose,t].filter(Boolean).join(" "),children:m.jsx(Mx,{rehypePlugins:[uC],children:a})})}function hC(e){return m.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,className:"size-5",...e,children:[m.jsx("rect",{x:"0.666667",y:"0.666667",width:"10.6667",height:"10.6667",rx:"5.33333",stroke:"#B1B1B1",strokeWidth:"1.33333"}),m.jsx("circle",{cx:"6.00065",cy:"3.33268",r:"0.666667",fill:"#B1B1B1"}),m.jsx("rect",{x:"5.33398",y:"5.33398",width:"1.33333",height:"4",fill:"#B1B1B1"})]})}const Cu={},rf=({tooltipData:e,openFirst:t=!1,trigger:n})=>{if(!e?.trim())return null;const r=a=>{a.stopPropagation()};return m.jsxs(ni,{children:[m.jsx(ri,{asChild:!0,children:n??m.jsx("button",{className:Cu.iconBtn,"aria-label":"Open tooltip",onClick:r,children:m.jsx(hC,{className:Cu.iconSvg})})}),m.jsx(ai,{className:"bg-[#000] text-white text-[1.1rem] leading-[1.45] w-auto max-w-[300px]",side:"top",children:m.jsx(fC,{openFirst:t,children:e})})]})},af=_.forwardRef(({values:e,value:t,onValueChange:n,placeholder:r="Sort by",title:a,className:s,dropdownWidth:i,align:o="start",showClear:l=!1,getTooltipByMaterialAndSection:c,sectionName:d},f)=>{const[p,h]=_.useState(!1),x=_.useRef(null);_.useEffect(()=>{if(!p)return;const S=O=>{const k=O.target,w=x.current;w&&(w.contains(k)||k===w)||h(!1)},N=O=>O.key==="Escape"&&h(!1);return window.addEventListener("scroll",S,!0),window.addEventListener("resize",S),document.addEventListener("keydown",N),()=>{window.removeEventListener("scroll",S,!0),window.removeEventListener("resize",S),document.removeEventListener("keydown",N)}},[p]);const g=t?e.find(S=>S.value===t):void 0,A=S=>{n(S),h(!1)},E=()=>n(null);return m.jsxs(Nc,{open:p,onOpenChange:h,children:[m.jsxs(wc,{ref:f,"aria-haspopup":"listbox","aria-expanded":p,className:ke("inline-flex flex-row items-center justify-between gap-[8px] rounded-full bg-[var(--label-bg, #f5f5f5)] px-[8px] py-[8px] text-xs font-medium h-[36px] text-blackborder border-transparent hover:bg-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--main-accent-color)]sm:w-[102px]",s),children:[m.jsx("span",{className:ke(!g&&"text-xs  text-gray-700 ms:text-sm"),children:g?.label??r}),m.jsx(Il,{className:ke("h-4 w-[16px] transition-transform",p&&"rotate-180")})]}),m.jsxs(vc,{ref:x,align:o,sideOffset:6,className:ke("bg-white border border-gray-200 rounded-xl shadow-lg z-50 max-h-80 overflow-y-auto p-0",i||"w-[var(--radix-popover-trigger-width)]"),style:{WebkitOverflowScrolling:"touch",overscrollBehavior:"contain"},onTouchStart:S=>S.stopPropagation(),onTouchMove:S=>S.stopPropagation(),onWheel:S=>S.stopPropagation(),children:[(a??r)&&m.jsx("div",{className:"px-4 pt-3 pb-2 text-[1rem] font-regular",children:a??r}),l&&t!==null&&m.jsx("div",{className:"px-4 py-2 border-b",children:m.jsxs("button",{onClick:E,className:"inline-flex flex-row items-center gap-[4px] text-[0.95rem] text-black hover:text-[var(--main-accent-color)] transition-colors",children:[m.jsx(Us,{className:"h-3.5 w-[12px].5"}),"Clear"]})}),m.jsx("div",{role:"listbox","aria-activedescendant":g?`option-${g.value}`:void 0,className:"py-1",children:e.map(S=>{const N=t===S.value;return m.jsxs("div",{id:`option-${S.value}`,role:"option","aria-selected":N,tabIndex:0,className:ke("flex flex-row items-start justify-between gap-[8px] px-4 py-2 cursor-pointer","hover:bg-gray-50 focus:bg-gray-50 focus:outline-none"),onClick:()=>A(S.value),onKeyDown:O=>{(O.key==="Enter"||O.key===" ")&&(O.preventDefault(),A(S.value))},children:[m.jsxs("div",{className:"flex flex-row items-center gap-[8px]",children:[m.jsx("span",{className:"text-[1.05rem]",children:S.label}),(()=>{if(!c||!d)return null;const O=c(S.value,d);return O?.Description?m.jsx(rf,{tooltipData:O.Description}):null})()]}),N?m.jsx(Sl,{className:"h-4 w-[16px]"}):null]},S.value)})})]})]})});af.displayName="SingleSelect";const sf=({size:e=80,trackClassName:t="text-white",accentClassName:n="text-amber-700",className:r="",isOverlay:a=!0})=>m.jsx("div",{className:a?"absolute inset-0 flex flex-row items-center justify-center backdrop-blur bg-black/30 z-150":"inline-flex flex-row items-center justify-center",children:m.jsxs("span",{role:"status","aria-label":"Loading",className:r,style:{width:e,height:e},children:[m.jsxs("svg",{viewBox:"0 0 80 80",className:"animate-spin",width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",children:[m.jsx("path",{d:"M40.0003 6.66675V20.0001M54.0003 26.0001L63.667 16.3334M60.0003 40.0001H73.3337M54.0003 54.0001L63.667 63.6667M40.0003 60.0001V73.3334M16.3337 63.6667L26.0003 54.0001M6.66699 40.0001H20.0003M16.3337 16.3334L26.0003 26.0001",stroke:"currentColor",className:t,strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round"}),m.jsx("path",{d:"M54 25.9999L63.6667 16.3333",stroke:"currentColor",className:n,strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round"})]}),m.jsx("span",{className:"sr-only",children:"Loading…"})]})}),mC=({open:e,target:t,children:n,offset:r=12,maxWidthPx:a=420,forceOverflowVisible:s=!0})=>{const i=D.useRef(null),[o,l]=D.useState({top:0,left:0,arrowLeft:16});return D.useEffect(()=>{if(!e||!t||!s)return;const c=t.style.position;getComputedStyle(t).position==="static"&&(t.style.position="relative");const f=t.style.overflow;return t.style.overflow="visible",()=>{t.style.position=c,t.style.overflow=f}},[e,t,s]),D.useLayoutEffect(()=>{if(!e||!t)return;const c=10,d=8,f=()=>{const g=i.current;if(!g)return;const A={vis:g.style.visibility,top:g.style.top,left:g.style.left,maxW:g.style.maxWidth,transform:g.style.transform};g.style.visibility="hidden",g.style.top="0px",g.style.left="0px",g.style.transform="none",g.style.maxWidth=`min(${a}px, calc(100vw - ${d*2}px))`;const E=g.getBoundingClientRect(),S=E.width,N=E.height,O=t.getBoundingClientRect(),k=O.left,w=Math.max(d,Math.min(k,window.innerWidth-d-S)),R=Math.max(d,O.top-(N+r+c)),P=k-w+16,$=Math.max(8,Math.min(P,S-8));g.style.visibility=A.vis,g.style.top=A.top,g.style.left=A.left,g.style.maxWidth=A.maxW,g.style.transform=A.transform,l({top:R,left:w,arrowLeft:$})};f();const p=()=>f(),h=()=>f();window.addEventListener("scroll",p,{passive:!0}),window.addEventListener("resize",h);const x=new ResizeObserver(()=>f());return x.observe(t),()=>{window.removeEventListener("scroll",p),window.removeEventListener("resize",h),x.disconnect()}},[e,t,r,a]),!e||!t?null:$t.createPortal(m.jsx("div",{className:"fixed inset-0 z-[60000] pointer-events-none",children:m.jsxs("div",{ref:i,role:"tooltip",className:`
+</details>`})}function fC({children:e,className:t="",openFirst:n=!1}){const a=dC(typeof e=="string"?e:"",{openFirst:n});return m.jsx("div",{className:["prose",nf.prose,t].filter(Boolean).join(" "),children:m.jsx(Mx,{rehypePlugins:[uC],children:a})})}function hC(e){return m.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,className:"size-5",...e,children:[m.jsx("rect",{x:"0.666667",y:"0.666667",width:"10.6667",height:"10.6667",rx:"5.33333",stroke:"#B1B1B1",strokeWidth:"1.33333"}),m.jsx("circle",{cx:"6.00065",cy:"3.33268",r:"0.666667",fill:"#B1B1B1"}),m.jsx("rect",{x:"5.33398",y:"5.33398",width:"1.33333",height:"4",fill:"#B1B1B1"})]})}const Cu={},rf=({tooltipData:e,openFirst:t=!1,trigger:n})=>{if(!e?.trim())return null;const r=a=>{a.stopPropagation()};return m.jsxs(ni,{children:[m.jsx(ri,{asChild:!0,children:n??m.jsx("button",{className:Cu.iconBtn,"aria-label":"Open tooltip",onClick:r,children:m.jsx(hC,{className:Cu.iconSvg})})}),m.jsx(ai,{className:"bg-[#000] text-white text-[1.1rem] leading-[1.45] w-auto max-w-[300px]",side:"top",children:m.jsx(fC,{openFirst:t,children:e})})]})},af=_.forwardRef(({values:e,value:t,onValueChange:n,placeholder:r="Sort by",title:a,className:s,dropdownWidth:i,align:o="start",showClear:l=!1,getTooltipByMaterialAndSection:c,sectionName:d},f)=>{const[p,h]=_.useState(!1),x=_.useRef(null);_.useEffect(()=>{if(!p)return;const S=O=>{const k=O.target,w=x.current;w&&(w.contains(k)||k===w)||h(!1)},N=O=>O.key==="Escape"&&h(!1);return window.addEventListener("scroll",S,!0),window.addEventListener("resize",S),document.addEventListener("keydown",N),()=>{window.removeEventListener("scroll",S,!0),window.removeEventListener("resize",S),document.removeEventListener("keydown",N)}},[p]);const g=t?e.find(S=>S.value===t):void 0,A=S=>{n(S),h(!1)},E=()=>n(null);return m.jsxs(Nc,{open:p,onOpenChange:h,children:[m.jsxs(wc,{ref:f,"aria-haspopup":"listbox","aria-expanded":p,className:ke("inline-flex flex-row items-center justify-between gap-[8px] rounded-full bg-[var(--label-bg, #f5f5f5)] px-[8px] py-[8px] text-xs font-medium h-[36px] text-blackborder border-transparent hover:bg-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--main-accent-color)]sm:w-[102px]",s),children:[m.jsx("span",{className:ke(!g&&"text-xs  text-gray-700 ms:text-sm"),children:g?.label??r}),m.jsx(Il,{className:ke("h-4 w-[16px] transition-transform",p&&"rotate-180")})]}),m.jsxs(vc,{ref:x,align:o,sideOffset:6,className:ke("bg-white border border-gray-200 rounded-xl shadow-lg z-50 max-h-80 overflow-y-auto p-0",i||"w-[var(--radix-popover-trigger-width)]"),style:{WebkitOverflowScrolling:"touch",overscrollBehavior:"contain"},onTouchStart:S=>S.stopPropagation(),onTouchMove:S=>S.stopPropagation(),onWheel:S=>S.stopPropagation(),children:[(a??r)&&m.jsx("div",{className:"px-4 pt-3 pb-2 text-[1rem] font-regular",children:a??r}),l&&t!==null&&m.jsx("div",{className:"px-4 py-2 border-b",children:m.jsxs("button",{onClick:E,className:"inline-flex flex-row items-center gap-[4px] text-[0.95rem] text-black hover:text-[var(--main-accent-color)] transition-colors",children:[m.jsx(Us,{className:"h-3.5 w-[12px].5"}),"Clear"]})}),m.jsx("div",{role:"listbox","aria-activedescendant":g?`option-${g.value}`:void 0,className:"py-1",children:e.map(S=>{const N=t===S.value;return m.jsxs("div",{id:`option-${S.value}`,role:"option","aria-selected":N,tabIndex:0,className:ke("flex flex-row items-start justify-between gap-[8px] px-4 py-2 cursor-pointer","hover:bg-gray-50 focus:bg-gray-50 focus:outline-none"),onClick:()=>A(S.value),onKeyDown:O=>{(O.key==="Enter"||O.key===" ")&&(O.preventDefault(),A(S.value))},children:[m.jsxs("div",{className:"flex flex-row items-center gap-[8px]",children:[m.jsx("span",{className:"text-[1.05rem]",children:S.label}),(()=>{if(!c||!d)return null;const O=c(S.value,d);return O?.Description?m.jsx(rf,{tooltipData:O.Description}):null})()]}),N?m.jsx(Sl,{className:"h-4 w-[16px]"}):null]},S.value)})})]})]})});af.displayName="SingleSelect";const sf=({size:e=80,trackClassName:t="text-white",accentClassName:n="text-amber-700",className:r="",isOverlay:a=!0})=>m.jsx("div",{className:a?"absolute inset-0 flex flex-row items-center justify-center backdrop-blur bg-black/30 z-150":"inline-flex flex-row items-center justify-center",children:m.jsxs("span",{role:"status","aria-label":"Loading",className:r,style:{width:e,height:e},children:[m.jsxs("svg",{viewBox:"0 0 80 80",className:"animate-spin",width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",children:[m.jsx("path",{d:"M40.0003 6.66675V20.0001M54.0003 26.0001L63.667 16.3334M60.0003 40.0001H73.3337M54.0003 54.0001L63.667 63.6667M40.0003 60.0001V73.3334M16.3337 63.6667L26.0003 54.0001M6.66699 40.0001H20.0003M16.3337 16.3334L26.0003 26.0001",stroke:"currentColor",className:t,strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round"}),m.jsx("path",{d:"M54 25.9999L63.6667 16.3333",stroke:"currentColor",className:n,strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round"})]}),m.jsx("span",{className:"sr-only",children:"Loading…"})]})}),mC=({open:e,target:t,children:n,offset:r=12,maxWidthPx:a=420,forceOverflowVisible:s=!0})=>{const i=D.useRef(null),[o,l]=D.useState({top:0,left:0,arrowLeft:16});return D.useEffect(()=>{if(!e||!t||!s)return;const c=t.style.position;getComputedStyle(t).position==="static"&&(t.style.position="relative");const f=t.style.overflow;return t.style.overflow="visible",()=>{t.style.position=c,t.style.overflow=f}},[e,t,s]),D.useLayoutEffect(()=>{if(!e||!t)return;const c=10,d=8,f=()=>{const g=i.current;if(!g)return;const A={vis:g.style.visibility,top:g.style.top,left:g.style.left,maxW:g.style.maxWidth,transform:g.style.transform};g.style.visibility="hidden",g.style.top="0px",g.style.left="0px",g.style.transform="none",g.style.maxWidth=`min(${a}px, calc(100vw - ${d*2}px))`;const E=g.getBoundingClientRect(),S=E.width,N=E.height,O=t.getBoundingClientRect(),k=O.left,w=Math.max(d,Math.min(k,window.innerWidth-d-S)),R=Math.max(d,O.top-(N+r+c)),P=k-w+16,$=Math.max(8,Math.min(P,S-8));g.style.visibility=A.vis,g.style.top=A.top,g.style.left=A.left,g.style.maxWidth=A.maxW,g.style.transform=A.transform,l({top:R,left:w,arrowLeft:$})};f();const p=()=>f(),h=()=>f();window.addEventListener("scroll",p,{passive:!0}),window.addEventListener("resize",h);const x=new ResizeObserver(()=>f());return x.observe(t),()=>{window.removeEventListener("scroll",p),window.removeEventListener("resize",h),x.disconnect()}},[e,t,r,a]),!e||!t?null:$t.createPortal(m.jsx("div",{className:"fixed inset-0 z-[9999999999] pointer-events-none",children:m.jsxs("div",{ref:i,role:"tooltip",className:`
           absolute
           rounded-2xl
           text-white text-sm leading-6 font-medium
@@ -88,28 +88,28 @@ ${String(i).trim()}
             border-l-[10px] border-l-transparent
             border-r-[10px] border-r-transparent
             border-t-[10px]
-          `,style:{left:o.arrowLeft,borderTopColor:"rgba(40,40,40,0.8)"}})]})}),document.querySelector("#root-container"))},of=({val:e,onDelete:t})=>{const[n,r]=D.useState(null),[a,s]=D.useState(!1),[i,o]=D.useState({materialName:"",parentName:"",productName:""}),l=e.metadata,c=d=>{d.stopPropagation(),t(e)};return m.jsxs(m.Fragment,{children:[m.jsxs("div",{tabIndex:0,onKeyDown:d=>{(d.key==="Enter"||d.key===" ")&&d.preventDefault()},className:`
-          bg-[var(--background-grey)] relative w-[40px] h-[40px] border border-solid border-[var(--border)]
-          rounded-md aspect-square overflow-hidden transition sm:w-[64px] sm:h-[64px]
-          select-none
-        `,"aria-label":`Selected swatch ${e.name??e.assetId}`,title:"Click to remove",onMouseEnter:d=>{r(d.currentTarget),o({materialName:l?.label||e?.name||"empty_materialName",parentName:e.parentName,productName:e.productName||"empty_product_name"}),s(!0)},onMouseLeave:()=>s(!1),children:[zt.getImage(e)?m.jsx(Vs,{item:e}):m.jsx($s,{item:e}),m.jsx("div",{className:`absolute top-0 right-0 m-[2px] w-[12px] h-[12px] flex flex-row justify-center items-center text-white
-        bg-[var(--main-accent-color)] rounded-2xl border-none z-[99] sm:w-[16px] sm:h-[16px]`,children:e.count}),m.jsx("div",{onClick:c,className:`
-          absolute inset-0 m-auto
-          w-[12px] h-[12px]
-          flex items-center justify-center
-          bg-[var(--background-grey)]
-          rounded-full
-          z-[100] cursor-pointer
-          sm:w-[32px] sm:h-[32px]
-        `,children:m.jsx(ur,{className:"w-[8px] h-[8px] stroke-[var(--svg-dark)]"})})]}),m.jsx(mC,{open:a,target:n,offset:8,children:m.jsxs(m.Fragment,{children:[i.materialName," | ",i.parentName]})})]})},pC=()=>m.jsx("div",{className:["relative w-[40px] h-[40px] rounded-md aspect-square overflow-hidden","border border-solid border-[var(--border)] bg-[var(--sidebar-b)] sm:w-[64px] sm:h-[64px]"].join(" "),"aria-hidden":!0}),gC=({selectedMaterials:e,containerStyles:t="p-[var(--padding)] border-t border-solid border-[var(--border)] shrink-0 sm:p-[var(--sm-padding)]"})=>{const n=Pe(),r=ue(cr),a=o=>{if(!r.length)return;const l=o.productInformation?.assetId,c=f=>f.parentName===o.parentName&&f.metadata?.label===o.metadata?.label,d=r.map(f=>{if(f.assetId!==l)return f;const p=f.items.filter(h=>!c(h));return{...f,items:p}}).filter(f=>f.items.length>0);n(ts(d))},s=Math.max(0,Re-e.length),i=lr(e);return m.jsxs("div",{className:t,children:[m.jsxs("div",{className:"flex flex-row justify-between items-center mb-[12px]",children:[m.jsxs("div",{className:"relative",children:[m.jsx("div",{className:"text-xs",children:"Swatches list"}),m.jsx("span",{className:"absolute top-0 right-[-20px] font-medium text-[var(--main-accent-color)] text-[8px] leading-none",children:"Free"})]}),m.jsxs("div",{className:"text-xs",children:[i,"/",Re," Selected"]})]}),m.jsxs("div",{className:"flex flex-row flex-wrap gap-[8px]",children:[e.map((o,l)=>{const c=o.metadata;return m.jsx(of,{val:o,onDelete:a},`${c?.label||l}/${o.parentName}`)}),Array.from({length:s}).map((o,l)=>m.jsx(pC,{},`mock-${l}`))]})]})},uf=()=>{const e=Pe(),t=ue(cr),n=D.useMemo(()=>t.flatMap(a=>a.items.map(s=>({...s,productName:a.name}))),[t]),r=()=>{n.length&&e(Du(!0))};return m.jsxs("div",{className:`flex flex-col border-t border-[var(--border)] shrink-0 shadow-[0_-2px_10px_rgba(40,40,40,0.10)]
-      sm:flex-row
-    `,children:[m.jsx(gC,{selectedMaterials:n,containerStyles:"flex flex-col p-[var(--sm-padding)] shrink-0 sm:w-[50%] sm:border-r sm:border-[var(--border)]"}),m.jsx("div",{className:"flex flex-row w-full p-[var(--sm-padding)] border-t border-[var(--border)] sm:border-none lg:w-[50%] sm:justify-center sm:items-center lg:justify-end lg:items-end",children:m.jsx("div",{className:"w-full lg:w-[50%] text-sm",children:m.jsx(Wu,{onClick:r,children:"ADD SWATCHES TO CART"})})})]})},bC=[{label:"Clear All",value:""},{label:"A-Z",value:"asc"},{label:"Z-A",value:"dsc"}],EC=()=>{const e=Pe(),t=D.useRef(null),n=ue(Jm),r=ue(ju),a=ue(Zm),s=ue(cr),[i,o]=D.useState(Kl),[l,c]=D.useState(""),[d,f]=D.useState(""),[p,h]=D.useState(null),[x,g]=D.useState(!1);D.useEffect(()=>{const k=t.current;if(!k)return;const w=()=>{const R=k.scrollTop;!x&&R>0&&g(!0),R===0&&x&&g(!1)};return k.addEventListener("scroll",w),()=>k.removeEventListener("scroll",w)},[x]),D.useEffect(()=>{const k=setTimeout(()=>{f(l.trim().toLowerCase())},300);return()=>clearTimeout(k)},[l]),D.useEffect(()=>{e($n())},[e]);const A=D.useMemo(()=>s.reduce((k,w)=>k+(w.items?.length??0),0),[s]),E=D.useMemo(()=>Up.getUniqueCategories(a),[a]),S=k=>k.toLowerCase(),N=D.useMemo(()=>new Intl.Collator(void 0,{sensitivity:"base",numeric:!1}),[]),O=D.useMemo(()=>{let k=a;if(i?.value){const w=S(i.value);k=k.filter(R=>S(R.collection??"")===w)}return d&&(k=k.filter(w=>S(w.name).includes(d))),p==="asc"?k=[...k].sort((w,R)=>N.compare(w.name,R.name)):p==="dsc"?k=[...k].sort((w,R)=>N.compare(R.name,w.name)):k=[...k],k},[a,i,d,p,N]);return m.jsxs("div",{className:"relative flex flex-col h-full min-h-0 w-full",children:[m.jsxs("div",{className:"flex-shrink-0",children:[m.jsx("div",{className:dt("overflow-hidden transform-gpu transition-[max-height,opacity,transform] duration-500 ease-in-out",x?"max-h-0 opacity-0 -translate-y-4 pointer-events-none":"max-h-40 opacity-100 translate-y-0"),children:m.jsx("div",{className:"h-40",children:m.jsx("img",{src:"https://hastings-questionnaie-storage.fra1.digitaloceanspaces.com/static/pic%20big%201%20(1).jpg",className:"object-cover w-full h-full"})})}),m.jsxs("header",{className:"flex flex-col border-b border-[var(--border)] lg:flex-row lg:justify-between",children:[m.jsx("h1",{className:"m-0! p-[var(--sm-padding)] text-base font-medium",children:"Swatches store"}),m.jsx("div",{className:"flex flex-row justify-center items-center border-t border-[var(--border)] p-[var(--sm-padding)] text-xs font-medium leading-[24px] lg:border-none",children:m.jsxs("span",{children:["Choose 5 free swatches to curate your perfect design. Plus get"," ",m.jsx("span",{className:"text-[var(--main-accent-color)] underline",children:"free design advice"})," ","from our experts"]})})]})]}),m.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[(n||r)&&m.jsx(sf,{}),m.jsxs("div",{className:"flex flex-row w-full items-center justify-between gap-[16px] border-b border-[var(--border)] p-[var(--sm-padding)]",children:[m.jsxs("div",{className:"flex flex-row h-[36px] w-full items-center justify-between gap-[16px] shrink-0 lg:max-w-[382px]",children:[m.jsxs("div",{className:"relative h-[36px] flex-1 min-w-0 lg:max-w-[240px]",children:[m.jsx("input",{type:"text",placeholder:"Search",value:l,onChange:k=>c(k.target.value),className:`
-                  h-full w-full rounded-2xl border border-[var(--border)] bg-[var(--background)]
-                  px-4 pr-8 text-sm text-black placeholder-[var(--text-muted)]
-                  transition focus:border-[var(--main-accent-color)] focus:outline-none
-                `}),m.jsx("div",{className:`
-                  pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 sm:right-4
-                  [&_svg_path]:stroke-[var(--svg-dark)]
+          `,style:{left:o.arrowLeft,borderTopColor:"rgba(40,40,40,0.8)"}})]})}),document.querySelector("#root-container"))},of=({val:e,onDelete:t})=>{const[n,r]=D.useState(null),[a,s]=D.useState(!1),[i,o]=D.useState({materialName:"",parentName:"",productName:""}),l=e.metadata,c=d=>{d.stopPropagation(),t(e)};return m.jsxs(m.Fragment,{children:[m.jsxs("div",{tabIndex:0,onKeyDown:d=>{(d.key==="Enter"||d.key===" ")&&d.preventDefault()},className:`\r
+          bg-[var(--background-grey)] relative w-[40px] h-[40px] border border-solid border-[var(--border)]\r
+          rounded-md aspect-square overflow-hidden transition sm:w-[64px] sm:h-[64px]\r
+          select-none\r
+        `,"aria-label":`Selected swatch ${e.name??e.assetId}`,title:"Click to remove",onMouseEnter:d=>{r(d.currentTarget),o({materialName:l?.label||e?.name||"empty_materialName",parentName:e.parentName,productName:e.productName||"empty_product_name"}),s(!0)},onMouseLeave:()=>s(!1),children:[zt.getImage(e)?m.jsx(Vs,{item:e}):m.jsx($s,{item:e}),m.jsx("div",{className:`absolute top-0 right-0 m-[2px] w-[12px] h-[12px] flex flex-row justify-center items-center text-white\r
+        bg-[var(--main-accent-color)] rounded-2xl border-none z-[99] sm:w-[16px] sm:h-[16px]`,children:e.count}),m.jsx("div",{onClick:c,className:`\r
+          absolute inset-0 m-auto\r
+          w-[12px] h-[12px]\r
+          flex items-center justify-center\r
+          bg-[var(--background-grey)]\r
+          rounded-full\r
+          z-[100] cursor-pointer\r
+          sm:w-[32px] sm:h-[32px]\r
+        `,children:m.jsx(ur,{className:"w-[8px] h-[8px] stroke-[var(--svg-dark)]"})})]}),m.jsx(mC,{open:a,target:n,offset:8,children:m.jsxs(m.Fragment,{children:[i.materialName," | ",i.parentName]})})]})},pC=()=>m.jsx("div",{className:["relative w-[40px] h-[40px] rounded-md aspect-square overflow-hidden","border border-solid border-[var(--border)] bg-[var(--sidebar-b)] sm:w-[64px] sm:h-[64px]"].join(" "),"aria-hidden":!0}),gC=({selectedMaterials:e,containerStyles:t="p-[var(--padding)] border-t border-solid border-[var(--border)] shrink-0 sm:p-[var(--sm-padding)]"})=>{const n=Pe(),r=ue(cr),a=o=>{if(!r.length)return;const l=o.productInformation?.assetId,c=f=>f.parentName===o.parentName&&f.metadata?.label===o.metadata?.label,d=r.map(f=>{if(f.assetId!==l)return f;const p=f.items.filter(h=>!c(h));return{...f,items:p}}).filter(f=>f.items.length>0);n(ts(d))},s=Math.max(0,Re-e.length),i=lr(e);return m.jsxs("div",{className:t,children:[m.jsxs("div",{className:"flex flex-row justify-between items-center mb-[12px]",children:[m.jsxs("div",{className:"relative",children:[m.jsx("div",{className:"text-xs",children:"Swatches list"}),m.jsx("span",{className:"absolute top-0 right-[-20px] font-medium text-[var(--main-accent-color)] text-[8px] leading-none",children:"Free"})]}),m.jsxs("div",{className:"text-xs",children:[i,"/",Re," Selected"]})]}),m.jsxs("div",{className:"flex flex-row flex-wrap gap-[8px]",children:[e.map((o,l)=>{const c=o.metadata;return m.jsx(of,{val:o,onDelete:a},`${c?.label||l}/${o.parentName}`)}),Array.from({length:s}).map((o,l)=>m.jsx(pC,{},`mock-${l}`))]})]})},uf=()=>{const e=Pe(),t=ue(cr),n=D.useMemo(()=>t.flatMap(a=>a.items.map(s=>({...s,productName:a.name}))),[t]),r=()=>{n.length&&e(Du(!0))};return m.jsxs("div",{className:`flex flex-col border-t border-[var(--border)] shrink-0 shadow-[0_-2px_10px_rgba(40,40,40,0.10)]\r
+      sm:flex-row\r
+    `,children:[m.jsx(gC,{selectedMaterials:n,containerStyles:"flex flex-col p-[var(--sm-padding)] shrink-0 sm:w-[50%] sm:border-r sm:border-[var(--border)]"}),m.jsx("div",{className:"flex flex-row w-full p-[var(--sm-padding)] border-t border-[var(--border)] sm:border-none lg:w-[50%] sm:justify-center sm:items-center lg:justify-end lg:items-end",children:m.jsx("div",{className:"w-full lg:w-[50%] text-sm",children:m.jsx(Wu,{onClick:r,children:"ADD SWATCHES TO CART"})})})]})},bC=[{label:"Clear All",value:""},{label:"A-Z",value:"asc"},{label:"Z-A",value:"dsc"}],EC=()=>{const e=Pe(),t=D.useRef(null),n=ue(Jm),r=ue(ju),a=ue(Zm),s=ue(cr),[i,o]=D.useState(Kl),[l,c]=D.useState(""),[d,f]=D.useState(""),[p,h]=D.useState(null),[x,g]=D.useState(!1);D.useEffect(()=>{const k=t.current;if(!k)return;const w=()=>{const R=k.scrollTop;!x&&R>0&&g(!0),R===0&&x&&g(!1)};return k.addEventListener("scroll",w),()=>k.removeEventListener("scroll",w)},[x]),D.useEffect(()=>{const k=setTimeout(()=>{f(l.trim().toLowerCase())},300);return()=>clearTimeout(k)},[l]),D.useEffect(()=>{e($n())},[e]);const A=D.useMemo(()=>s.reduce((k,w)=>k+(w.items?.length??0),0),[s]),E=D.useMemo(()=>Up.getUniqueCategories(a),[a]),S=k=>k.toLowerCase(),N=D.useMemo(()=>new Intl.Collator(void 0,{sensitivity:"base",numeric:!1}),[]),O=D.useMemo(()=>{let k=a;if(i?.value){const w=S(i.value);k=k.filter(R=>S(R.collection??"")===w)}return d&&(k=k.filter(w=>S(w.name).includes(d))),p==="asc"?k=[...k].sort((w,R)=>N.compare(w.name,R.name)):p==="dsc"?k=[...k].sort((w,R)=>N.compare(R.name,w.name)):k=[...k],k},[a,i,d,p,N]);return m.jsxs("div",{className:"relative flex flex-col h-full min-h-0 w-full",children:[m.jsxs("div",{className:"flex-shrink-0",children:[m.jsx("div",{className:dt("overflow-hidden transform-gpu transition-[max-height,opacity,transform] duration-500 ease-in-out",x?"max-h-0 opacity-0 -translate-y-4 pointer-events-none":"max-h-40 opacity-100 translate-y-0"),children:m.jsx("div",{className:"h-40",children:m.jsx("img",{src:"https://hastings-questionnaie-storage.fra1.digitaloceanspaces.com/static/pic%20big%201%20(1).jpg",className:"object-cover w-full h-full"})})}),m.jsxs("header",{className:"flex flex-col border-b border-[var(--border)] lg:flex-row lg:justify-between",children:[m.jsx("h1",{className:"m-0! p-[var(--sm-padding)] text-base font-medium",children:"Swatches store"}),m.jsx("div",{className:"flex flex-row justify-center items-center border-t border-[var(--border)] p-[var(--sm-padding)] text-xs font-medium leading-[24px] lg:border-none",children:m.jsxs("span",{children:["Choose 5 free swatches to curate your perfect design. Plus get"," ",m.jsx("span",{className:"text-[var(--main-accent-color)] underline",children:"free design advice"})," ","from our experts"]})})]})]}),m.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[(n||r)&&m.jsx(sf,{}),m.jsxs("div",{className:"flex flex-row w-full items-center justify-between gap-[16px] border-b border-[var(--border)] p-[var(--sm-padding)]",children:[m.jsxs("div",{className:"flex flex-row h-[36px] w-full items-center justify-between gap-[16px] shrink-0 lg:max-w-[382px]",children:[m.jsxs("div",{className:"relative h-[36px] flex-1 min-w-0 lg:max-w-[240px]",children:[m.jsx("input",{type:"text",placeholder:"Search",value:l,onChange:k=>c(k.target.value),className:`\r
+                  h-full w-full rounded-2xl border border-[var(--border)] bg-[var(--background)]\r
+                  px-4 pr-8 text-sm text-black placeholder-[var(--text-muted)]\r
+                  transition focus:border-[var(--main-accent-color)] focus:outline-none\r
+                `}),m.jsx("div",{className:`\r
+                  pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 sm:right-4\r
+                  [&_svg_path]:stroke-[var(--svg-dark)]\r
                 `,children:m.jsx(tp,{width:20,height:20})})]}),m.jsx(af,{title:"Sort by",placeholder:"Sort by",values:bC,value:p,onValueChange:h,className:"shrink-0 w-[90px] xxs:w-[100px] bg-[var(--label-bg)] sm:py-8px sm:px-16px sm:w-[102px]",dropdownWidth:"w-64"})]}),m.jsx(ao,{items:E,activeId:i.productId,onSelect:k=>o(k),className:"hidden lg:flex flex-row shrink-0 overflow-x-auto"})]}),m.jsx(ao,{items:E,activeId:i.productId,onSelect:k=>o(k),className:"h-[64px] p-[var(--sm-padding)] border-b border-[var(--border)] lg:hidden"}),m.jsxs("div",{ref:t,className:"flex-1 min-h-0 overflow-y-auto overscroll-contain p-[var(--sm-padding)]",children:[m.jsx("div",{className:"mb-4",children:"Select Product"}),O.length?m.jsx("ul",{className:"grid grid-cols-2 gap-[16px] sm:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 2xl:grid-cols-9",children:O.map(k=>m.jsx(Hp,{productListItem:k},k.name))}):m.jsx("div",{className:"flex flex-row h-full items-center justify-center",children:"No products were found"})]}),A?m.jsx(uf,{}):null]})]})};function TC(e){const t=_.useRef({value:e,previous:e});return _.useMemo(()=>(t.current.value!==e&&(t.current.previous=t.current.value,t.current.value=e),t.current.previous),[e])}var Ca="Checkbox",[xC]=ra(Ca),[yC,Ii]=xC(Ca);function _C(e){const{__scopeCheckbox:t,checked:n,children:r,defaultChecked:a,disabled:s,form:i,name:o,onCheckedChange:l,required:c,value:d="on",internal_do_not_use_render:f}=e,[p,h]=Rs({prop:n,defaultProp:a??!1,onChange:l,caller:Ca}),[x,g]=_.useState(null),[A,E]=_.useState(null),S=_.useRef(!1),N=x?!!i||!!x.closest("form"):!0,O={checked:p,disabled:s,setChecked:h,control:x,setControl:g,name:o,form:i,value:d,hasConsumerStoppedPropagationRef:S,required:c,defaultChecked:Lt(a)?!1:a,isFormControl:N,bubbleInput:A,setBubbleInput:E};return m.jsx(yC,{scope:t,...O,children:CC(f)?f(O):r})}var lf="CheckboxTrigger",cf=_.forwardRef(({__scopeCheckbox:e,onKeyDown:t,onClick:n,...r},a)=>{const{control:s,value:i,disabled:o,checked:l,required:c,setControl:d,setChecked:f,hasConsumerStoppedPropagationRef:p,isFormControl:h,bubbleInput:x}=Ii(lf,e),g=Xe(a,d),A=_.useRef(l);return _.useEffect(()=>{const E=s?.form;if(E){const S=()=>f(A.current);return E.addEventListener("reset",S),()=>E.removeEventListener("reset",S)}},[s,f]),m.jsx(Ne.button,{type:"button",role:"checkbox","aria-checked":Lt(l)?"mixed":l,"aria-required":c,"data-state":gf(l),"data-disabled":o?"":void 0,disabled:o,value:i,...r,ref:g,onKeyDown:Le(t,E=>{E.key==="Enter"&&E.preventDefault()}),onClick:Le(n,E=>{f(S=>Lt(S)?!0:!S),x&&h&&(p.current=E.isPropagationStopped(),p.current||E.stopPropagation())})})});cf.displayName=lf;var df=_.forwardRef((e,t)=>{const{__scopeCheckbox:n,name:r,checked:a,defaultChecked:s,required:i,disabled:o,value:l,onCheckedChange:c,form:d,...f}=e;return m.jsx(_C,{__scopeCheckbox:n,checked:a,defaultChecked:s,disabled:o,required:i,onCheckedChange:c,name:r,form:d,value:l,internal_do_not_use_render:({isFormControl:p})=>m.jsxs(m.Fragment,{children:[m.jsx(cf,{...f,ref:t,__scopeCheckbox:n}),p&&m.jsx(pf,{__scopeCheckbox:n})]})})});df.displayName=Ca;var ff="CheckboxIndicator",hf=_.forwardRef((e,t)=>{const{__scopeCheckbox:n,forceMount:r,...a}=e,s=Ii(ff,n);return m.jsx(_n,{present:r||Lt(s.checked)||s.checked===!0,children:m.jsx(Ne.span,{"data-state":gf(s.checked),"data-disabled":s.disabled?"":void 0,...a,ref:t,style:{pointerEvents:"none",...e.style}})})});hf.displayName=ff;var mf="CheckboxBubbleInput",pf=_.forwardRef(({__scopeCheckbox:e,...t},n)=>{const{control:r,hasConsumerStoppedPropagationRef:a,checked:s,defaultChecked:i,required:o,disabled:l,name:c,value:d,form:f,bubbleInput:p,setBubbleInput:h}=Ii(mf,e),x=Xe(n,h),g=TC(s),A=lc(r);_.useEffect(()=>{const S=p;if(!S)return;const N=window.HTMLInputElement.prototype,k=Object.getOwnPropertyDescriptor(N,"checked").set,w=!a.current;if(g!==s&&k){const R=new Event("click",{bubbles:w});S.indeterminate=Lt(s),k.call(S,Lt(s)?!1:s),S.dispatchEvent(R)}},[p,g,s,a]);const E=_.useRef(Lt(s)?!1:s);return m.jsx(Ne.input,{type:"checkbox","aria-hidden":!0,defaultChecked:i??E.current,required:o,disabled:l,name:c,value:d,form:f,...t,tabIndex:-1,ref:x,style:{...t.style,...A,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});pf.displayName=mf;function CC(e){return typeof e=="function"}function Lt(e){return e==="indeterminate"}function gf(e){return Lt(e)?"indeterminate":e?"checked":"unchecked"}function AC({className:e,...t}){return m.jsx(df,{"data-slot":"checkbox",className:ke(`
         bg-white peer border-input dark:bg-input/30
         data-[state=checked]:bg-transparent
@@ -120,18 +120,18 @@ ${String(i).trim()}
         size-4 shrink-0 rounded-[4px] border shadow-xs
         transition-shadow outline-none focus-visible:ring-[3px]
         disabled:cursor-not-allowed disabled:opacity-50
-      `,e),...t,children:m.jsx(hf,{"data-slot":"checkbox-indicator",className:"flex flex-row items-center justify-center text-current transition-none",children:m.jsx(Sl,{className:"size-3"})})})}const xr=_.forwardRef(({options:e,values:t,onValueChange:n,placeholder:r="Select options...",className:a="w-full min-w-[80px] 2xs:min-w-[100px] xs:min-w-[110px]  sm:max-w-[auto] sm:min-w-[130px] lg:min-w-[160px]",dropdownWidth:s,align:i="start",getTooltipByMaterialAndSection:o,sectionName:l},c)=>{const[d,f]=_.useState(!1),p=_.useRef(null);_.useEffect(()=>{if(!d)return;const E=N=>{const O=N.target,k=p.current;k&&(k.contains(O)||O===k)||f(!1)},S=N=>{N.key==="Escape"&&f(!1)};return window.addEventListener("scroll",E,!0),window.addEventListener("resize",E),document.addEventListener("keydown",S),()=>{window.removeEventListener("scroll",E,!0),window.removeEventListener("resize",E),document.removeEventListener("keydown",S)}},[d]);const h=(E,S)=>{n(S?[...t,E]:t.filter(N=>N!==E))},x=()=>{n([])},g=t.length,A=g===0?r:g===1?e.find(E=>E.value===t[0])?.label||`${r} selected`:m.jsxs("div",{className:"flex flex-row items-center w-full",children:[m.jsx("span",{className:"truncate mr-1",children:r}),m.jsx("span",{className:`
-              flex-none flex flex-row justify-center items-center
-              w-[20px] h-5 rounded-full
-              bg-[var(--main-accent-color)] text-white
-              text-[1rem] leading-none
-              select-none pointer-events-none
-              overflow-hidden
-            `,children:g})]});if(e.length)return m.jsxs(Nc,{open:d,onOpenChange:f,children:[m.jsxs(wc,{ref:c,className:ke("flex flex-row items-center justify-between rounded-full border border-[var(--main-accent-color)] px-2 sm:px-4 py-2 bg-white cursor-pointer hover:bg-gray-50 data-[state=open]:border-primary hover:border-primary focus:border-primary  min-h-9",a),children:[m.jsx("div",{className:"w-full text-xs truncate text-left leading-[20px] sm:text-sm",children:A}),m.jsx(Il,{className:ke("h-4 w-[16px] transition-transform",d&&"rotate-180")})]}),m.jsxs(vc,{ref:p,className:ke("bg-white border rounded-lg shadow-lg z-50 max-h-75 text-sm overflow-y-auto overscroll-behavior-y-contain touch-pan-y p-2",s||"w-[var(--radix-popover-trigger-width)]"),align:i,sideOffset:4,style:{WebkitOverflowScrolling:"touch",overscrollBehavior:"contain"},onTouchStart:E=>{E.stopPropagation()},onTouchMove:E=>{E.stopPropagation()},onWheel:E=>{E.stopPropagation()},children:[g>0&&m.jsx("div",{className:"flex flex-row gap-[8px] items-center justify-between px-2 py-1 mb-2 border-b",children:m.jsxs("button",{onClick:x,className:"text-sm text-black hover:text-primary transition-color cursor-pointer duration-200 flex flex-row items-center gap-[4px]",children:[m.jsx(Us,{className:"h-3 w-[12px]"}),"Clear all"]})}),m.jsx("div",{className:"flex flex-col gap-[4px]",children:e.map(E=>{const S=t.includes(E.value);return m.jsxs("div",{className:"flex flex-row items-start gap-[8px] px-2 py-1 hover:bg-gray-50 rounded transition-background duration-300 cursor-pointer",onClick:()=>h(E.value,!S),children:[m.jsx(AC,{checked:S,className:"size-6",onCheckedChange:N=>h(E.value,N)}),m.jsxs("div",{className:"flex-1 flex flex-row items-center justify-between",children:[m.jsxs("div",{className:"flex flex-row items-center gap-[8px]",children:[m.jsx("span",{className:"text-sm",children:E.label}),(()=>{if(!o||!l)return null;const N=o(E.value,l);return N&&N.Description?m.jsx(rf,{tooltipData:N?.Description}):null})()]}),E.count!==void 0&&m.jsx("span",{className:"text-sm text-gray-800 bg-gray-100 px-2 py-0.5 ml-2 rounded-full whitespace-nowrap",children:E.count})]})]},E.value)})})]})]})});xr.displayName="MultiSelect";const bf=({containerStyles:e,selectStyles:t})=>{const n=Pe(),r=ue(uh),a=ue(yn),[s,i]=D.useState([]),[o,l]=D.useState([]);D.useEffect(()=>{if(!r?.length)return;const d=r.map(f=>{if(f.metadata){const{Name:x,Label:g}=f.metadata||{};return{value:x,label:g,id:x}}const{label:p,value:h}=f||{};return{value:h,label:p,id:h}});i(d)},[r]);const c=(d,f)=>{if(f.length){const p=Ru(f);if(p.length){const h=r.filter(A=>A.metadata?p.includes(A.metadata?.Label):p.includes(A.value));l(p);const x=Ur.mapFiltersFromValues(h,a),g=Ur.getPositiveSelectedFilers(x);g.length&&g.forEach(A=>{const{filterName:E,filterKeys:S}=A;n(ea({filterName:E,values:S}))}),n(Aa({attributes:h}))}else n(Aa({attributes:r}))}else l([]),n(Aa({attributes:r}))};return m.jsxs("div",{className:e,children:[m.jsx("span",{className:"text-sm",children:"Product element"}),m.jsx(xr,{options:s,values:o,onValueChange:d=>c("PanelElement",d),placeholder:"All product elements",className:t,dropdownWidth:"w-80"})]})},SC=()=>{const e=Pe(),t=ue(yn),n=ue(or),[r,a]=D.useState([]);D.useEffect(()=>{if(n?.length){const i=[...new Set(n.map(o=>o.metadata?.Finish||o.metadata?.Material))].filter(Boolean).map(o=>{const l=n.filter(c=>c.metadata?.Finish===o||c.metadata?.Material===o).length;return{value:o,label:o,count:l}});i?.length&&a(i)}},[n]);const s=(i,o)=>{e(ea({filterName:i,values:o}))};return m.jsx(xr,{options:r,values:t.Finish,onValueChange:i=>s("Finish",i),placeholder:"Material",dropdownWidth:"w-80"})},IC=()=>{const e=Pe(),t=ue(yn),n=ue(or),[r,a]=D.useState([]);D.useEffect(()=>{if(n?.length){const i=[...new Set(n.map(o=>o?.metadata?.Color).filter(Boolean).map(o=>o.split(",").map(l=>l.trim())).flat())].map(o=>{const l=n.filter(c=>c.metadata?.Color&&c.metadata?.Color.split(",").map(d=>d.trim()).includes(o)).length;return{value:o,label:o,count:l}});i?.length&&a(i)}},[n]);const s=(i,o)=>{e(ea({filterName:i,values:o}))};return m.jsx(xr,{options:r,values:t.Color,onValueChange:i=>s("Color",i),placeholder:"Color",dropdownWidth:"w-80"})},NC=()=>{const e=Pe(),t=ue(yn),n=ue(or),[r,a]=D.useState([]);D.useEffect(()=>{if(n?.length){const i=[...new Set(n.map(o=>o?.metadata?.Look).filter(Boolean).map(o=>o.split(",").map(l=>l.trim())).flat())].map(o=>{const l=n.filter(c=>c.metadata?.Look&&c.metadata?.Look.split(",").map(d=>d.trim()).includes(o)).length;return{value:o,label:o,count:l}});i?.length&&a(i)}},[n]);const s=(i,o)=>{e(ea({filterName:i,values:o}))};return m.jsx(xr,{options:r,values:t.Look,onValueChange:i=>s("Look",i),placeholder:"Look",dropdownWidth:"w-80"})},Ef=()=>m.jsxs("div",{className:"flex flex-row items-center gap-[16px] p-[var(--sm-padding)]",children:[m.jsx(SC,{}),m.jsx(IC,{}),m.jsx(NC,{})]}),wC=()=>m.jsxs("div",{className:`flex flex-col justify-between border-b border-[var(--border)]
-      sm:flex-row
-    `,children:[m.jsx(bf,{containerStyles:`flex flex-row justify-between items-center gap-[8px] p-[var(--sm-padding)] w-full text-xs
-        border-b border-[var(--border)]
-        sm:max-w-[360px] sm:text-sm sm:border-none
+      `,e),...t,children:m.jsx(hf,{"data-slot":"checkbox-indicator",className:"flex flex-row items-center justify-center text-current transition-none",children:m.jsx(Sl,{className:"size-3"})})})}const xr=_.forwardRef(({options:e,values:t,onValueChange:n,placeholder:r="Select options...",className:a="w-full min-w-[80px] 2xs:min-w-[100px] xs:min-w-[110px]  sm:max-w-[auto] sm:min-w-[130px] lg:min-w-[160px]",dropdownWidth:s,align:i="start",getTooltipByMaterialAndSection:o,sectionName:l},c)=>{const[d,f]=_.useState(!1),p=_.useRef(null);_.useEffect(()=>{if(!d)return;const E=N=>{const O=N.target,k=p.current;k&&(k.contains(O)||O===k)||f(!1)},S=N=>{N.key==="Escape"&&f(!1)};return window.addEventListener("scroll",E,!0),window.addEventListener("resize",E),document.addEventListener("keydown",S),()=>{window.removeEventListener("scroll",E,!0),window.removeEventListener("resize",E),document.removeEventListener("keydown",S)}},[d]);const h=(E,S)=>{n(S?[...t,E]:t.filter(N=>N!==E))},x=()=>{n([])},g=t.length,A=g===0?r:g===1?e.find(E=>E.value===t[0])?.label||`${r} selected`:m.jsxs("div",{className:"flex flex-row items-center w-full",children:[m.jsx("span",{className:"truncate mr-1",children:r}),m.jsx("span",{className:`\r
+              flex-none flex flex-row justify-center items-center\r
+              w-[20px] h-5 rounded-full\r
+              bg-[var(--main-accent-color)] text-white\r
+              text-[1rem] leading-none\r
+              select-none pointer-events-none\r
+              overflow-hidden\r
+            `,children:g})]});if(e.length)return m.jsxs(Nc,{open:d,onOpenChange:f,children:[m.jsxs(wc,{ref:c,className:ke("flex flex-row items-center justify-between rounded-full border border-[var(--main-accent-color)] px-2 sm:px-4 py-2 bg-white cursor-pointer hover:bg-gray-50 data-[state=open]:border-primary hover:border-primary focus:border-primary  min-h-9",a),children:[m.jsx("div",{className:"w-full text-xs truncate text-left leading-[20px] sm:text-sm",children:A}),m.jsx(Il,{className:ke("h-4 w-[16px] transition-transform",d&&"rotate-180")})]}),m.jsxs(vc,{ref:p,className:ke("bg-white border rounded-lg shadow-lg z-50 max-h-75 text-sm overflow-y-auto overscroll-behavior-y-contain touch-pan-y p-2",s||"w-[var(--radix-popover-trigger-width)]"),align:i,sideOffset:4,style:{WebkitOverflowScrolling:"touch",overscrollBehavior:"contain"},onTouchStart:E=>{E.stopPropagation()},onTouchMove:E=>{E.stopPropagation()},onWheel:E=>{E.stopPropagation()},children:[g>0&&m.jsx("div",{className:"flex flex-row gap-[8px] items-center justify-between px-2 py-1 mb-2 border-b",children:m.jsxs("button",{onClick:x,className:"text-sm text-black hover:text-primary transition-color cursor-pointer duration-200 flex flex-row items-center gap-[4px]",children:[m.jsx(Us,{className:"h-3 w-[12px]"}),"Clear all"]})}),m.jsx("div",{className:"flex flex-col gap-[4px]",children:e.map(E=>{const S=t.includes(E.value);return m.jsxs("div",{className:"flex flex-row items-start gap-[8px] px-2 py-1 hover:bg-gray-50 rounded transition-background duration-300 cursor-pointer",onClick:()=>h(E.value,!S),children:[m.jsx(AC,{checked:S,className:"size-6",onCheckedChange:N=>h(E.value,N)}),m.jsxs("div",{className:"flex-1 flex flex-row items-center justify-between",children:[m.jsxs("div",{className:"flex flex-row items-center gap-[8px]",children:[m.jsx("span",{className:"text-sm",children:E.label}),(()=>{if(!o||!l)return null;const N=o(E.value,l);return N&&N.Description?m.jsx(rf,{tooltipData:N?.Description}):null})()]}),E.count!==void 0&&m.jsx("span",{className:"text-sm text-gray-800 bg-gray-100 px-2 py-0.5 ml-2 rounded-full whitespace-nowrap",children:E.count})]})]},E.value)})})]})]})});xr.displayName="MultiSelect";const bf=({containerStyles:e,selectStyles:t})=>{const n=Pe(),r=ue(uh),a=ue(yn),[s,i]=D.useState([]),[o,l]=D.useState([]);D.useEffect(()=>{if(!r?.length)return;const d=r.map(f=>{if(f.metadata){const{Name:x,Label:g}=f.metadata||{};return{value:x,label:g,id:x}}const{label:p,value:h}=f||{};return{value:h,label:p,id:h}});i(d)},[r]);const c=(d,f)=>{if(f.length){const p=Ru(f);if(p.length){const h=r.filter(A=>A.metadata?p.includes(A.metadata?.Label):p.includes(A.value));l(p);const x=Ur.mapFiltersFromValues(h,a),g=Ur.getPositiveSelectedFilers(x);g.length&&g.forEach(A=>{const{filterName:E,filterKeys:S}=A;n(ea({filterName:E,values:S}))}),n(Aa({attributes:h}))}else n(Aa({attributes:r}))}else l([]),n(Aa({attributes:r}))};return m.jsxs("div",{className:e,children:[m.jsx("span",{className:"text-sm",children:"Product element"}),m.jsx(xr,{options:s,values:o,onValueChange:d=>c("PanelElement",d),placeholder:"All product elements",className:t,dropdownWidth:"w-80"})]})},SC=()=>{const e=Pe(),t=ue(yn),n=ue(or),[r,a]=D.useState([]);D.useEffect(()=>{if(n?.length){const i=[...new Set(n.map(o=>o.metadata?.Finish||o.metadata?.Material))].filter(Boolean).map(o=>{const l=n.filter(c=>c.metadata?.Finish===o||c.metadata?.Material===o).length;return{value:o,label:o,count:l}});i?.length&&a(i)}},[n]);const s=(i,o)=>{e(ea({filterName:i,values:o}))};return m.jsx(xr,{options:r,values:t.Finish,onValueChange:i=>s("Finish",i),placeholder:"Material",dropdownWidth:"w-80"})},IC=()=>{const e=Pe(),t=ue(yn),n=ue(or),[r,a]=D.useState([]);D.useEffect(()=>{if(n?.length){const i=[...new Set(n.map(o=>o?.metadata?.Color).filter(Boolean).map(o=>o.split(",").map(l=>l.trim())).flat())].map(o=>{const l=n.filter(c=>c.metadata?.Color&&c.metadata?.Color.split(",").map(d=>d.trim()).includes(o)).length;return{value:o,label:o,count:l}});i?.length&&a(i)}},[n]);const s=(i,o)=>{e(ea({filterName:i,values:o}))};return m.jsx(xr,{options:r,values:t.Color,onValueChange:i=>s("Color",i),placeholder:"Color",dropdownWidth:"w-80"})},NC=()=>{const e=Pe(),t=ue(yn),n=ue(or),[r,a]=D.useState([]);D.useEffect(()=>{if(n?.length){const i=[...new Set(n.map(o=>o?.metadata?.Look).filter(Boolean).map(o=>o.split(",").map(l=>l.trim())).flat())].map(o=>{const l=n.filter(c=>c.metadata?.Look&&c.metadata?.Look.split(",").map(d=>d.trim()).includes(o)).length;return{value:o,label:o,count:l}});i?.length&&a(i)}},[n]);const s=(i,o)=>{e(ea({filterName:i,values:o}))};return m.jsx(xr,{options:r,values:t.Look,onValueChange:i=>s("Look",i),placeholder:"Look",dropdownWidth:"w-80"})},Ef=()=>m.jsxs("div",{className:"flex flex-row items-center gap-[16px] p-[var(--sm-padding)]",children:[m.jsx(SC,{}),m.jsx(IC,{}),m.jsx(NC,{})]}),wC=()=>m.jsxs("div",{className:`flex flex-col justify-between border-b border-[var(--border)]\r
+      sm:flex-row\r
+    `,children:[m.jsx(bf,{containerStyles:`flex flex-row justify-between items-center gap-[8px] p-[var(--sm-padding)] w-full text-xs\r
+        border-b border-[var(--border)]\r
+        sm:max-w-[360px] sm:text-sm sm:border-none\r
         `,selectStyles:"min-w-[auto] max-w-[154px] sm:max-w-[auto] sm:min-w-[180px] font-normal"}),m.jsx(Ef,{})]});function un(e,t,n){let r=n.initialDeps??[],a;function s(){var i,o,l,c;let d;n.key&&((i=n.debug)!=null&&i.call(n))&&(d=Date.now());const f=e();if(!(f.length!==r.length||f.some((x,g)=>r[g]!==x)))return a;r=f;let h;if(n.key&&((o=n.debug)!=null&&o.call(n))&&(h=Date.now()),a=t(...f),n.key&&((l=n.debug)!=null&&l.call(n))){const x=Math.round((Date.now()-d)*100)/100,g=Math.round((Date.now()-h)*100)/100,A=g/16,E=(S,N)=>{for(S=String(S);S.length<N;)S=" "+S;return S};console.info(`%c⏱ ${E(g,5)} /${E(x,5)} ms`,`
             font-size: .6rem;
             font-weight: bold;
@@ -144,15 +144,15 @@ ${String(i).trim()}
           flex flex-row items-center justify-center rounded-2xl border-none
           bg-[var(--background-grey)] pointer-events-none
           ${t?"bg-[var(--main-accent-color)]":""}
-        `,children:m.jsx(UC,{})})]},e.assetId),m.jsxs("div",{className:"mb-[12px] flex flex-col",children:[m.jsxs("span",{className:"mb-[4px] text-sm font-semibold leading-[16px]",children:[e.metadata?.label||e.label," "]}),m.jsxs("span",{className:"text-xs font-medium leading-[14px]",children:[e.parentName," "]})]})]})},jC=({isOpen:e,onClose:t,title:n="Message",width:r,height:a,children:s})=>{const i=D.useRef(null);return D.useEffect(()=>{const o=l=>{i.current&&!i.current.contains(l.target)&&t()};return e&&document.addEventListener("mousedown",o),()=>{document.removeEventListener("mousedown",o)}},[e,t]),e?$t.createPortal(m.jsx("div",{className:"fixed inset-0 z-99999999999999 flex flex-row items-center justify-center bg-black/40 p-4",children:m.jsxs("div",{ref:i,className:`
-          bg-white rounded-2xl shadow-xl flex flex-col overflow-hidden
-          max-w-[90vw] max-h-[90vh]
-        `,style:{width:r||"auto",height:a||"auto"},children:[m.jsxs("div",{className:"flex flex-row items-center justify-between p-[var(--sm-padding)] border-b border-[var(--border)]",children:[m.jsx("span",{className:"text-base font-semibold text-[var(--text)]",children:n}),m.jsx("button",{onClick:t,className:"flex flex-row justify-center items-center p-1 rounded-full bg-[var(--border)] hover:bg-gray-100 transition [&_svg_path]:stroke-[var(--svg-dark)] w-[30px] h-[30px]",children:m.jsx(ur,{className:"text-[var(--text)] ",width:10,hanging:10})})]}),m.jsx("div",{className:"flex flex-col gap-[12px] text-[var(--text-muted)]",children:s})]})}),document.querySelector("#root-container")):null},yf=({isOpen:e,onClose:t})=>m.jsx(jC,{isOpen:e,onClose:t,width:320,title:"Swatch Limit",children:m.jsxs("div",{children:[m.jsxs("div",{className:"text-sm font-medium p-[var(--sm-padding)] border-b border-[var(--border)] leading-[20px]",children:[m.jsx("p",{className:"mb-4",children:"You've reached your maximum number of swatches!"}),m.jsx("p",{children:"If you'd like to add another swatch please remove an existing swatch from your cart"})]}),m.jsx("div",{className:"p-[var(--sm-padding)] w-full",children:m.jsx("button",{className:`
-        w-full block py-3 rounded-full
-        bg-[var(--main-accent-color)] text-white font-bold capitalize
+        `,children:m.jsx(UC,{})})]},e.assetId),m.jsxs("div",{className:"mb-[12px] flex flex-col",children:[m.jsxs("span",{className:"mb-[4px] text-sm font-semibold leading-[16px]",children:[e.metadata?.label||e.label," "]}),m.jsxs("span",{className:"text-xs font-medium leading-[14px]",children:[e.parentName," "]})]})]})},jC=({isOpen:e,onClose:t,title:n="Message",width:r,height:a,children:s})=>{const i=D.useRef(null);return D.useEffect(()=>{const o=l=>{i.current&&!i.current.contains(l.target)&&t()};return e&&document.addEventListener("mousedown",o),()=>{document.removeEventListener("mousedown",o)}},[e,t]),e?$t.createPortal(m.jsx("div",{className:"fixed inset-0 z-99999999999999 flex flex-row items-center justify-center bg-black/40 p-4",children:m.jsxs("div",{ref:i,className:`\r
+          bg-white rounded-2xl shadow-xl flex flex-col overflow-hidden\r
+          max-w-[90vw] max-h-[90vh]\r
+        `,style:{width:r||"auto",height:a||"auto"},children:[m.jsxs("div",{className:"flex flex-row items-center justify-between p-[var(--sm-padding)] border-b border-[var(--border)]",children:[m.jsx("span",{className:"text-base font-semibold text-[var(--text)]",children:n}),m.jsx("button",{onClick:t,className:"flex flex-row justify-center items-center p-1 rounded-full bg-[var(--border)] hover:bg-gray-100 transition [&_svg_path]:stroke-[var(--svg-dark)] w-[30px] h-[30px]",children:m.jsx(ur,{className:"text-[var(--text)] ",width:10,hanging:10})})]}),m.jsx("div",{className:"flex flex-col gap-[12px] text-[var(--text-muted)]",children:s})]})}),document.querySelector("#root-container")):null},yf=({isOpen:e,onClose:t})=>m.jsx(jC,{isOpen:e,onClose:t,width:320,title:"Swatch Limit",children:m.jsxs("div",{children:[m.jsxs("div",{className:"text-sm font-medium p-[var(--sm-padding)] border-b border-[var(--border)] leading-[20px]",children:[m.jsx("p",{className:"mb-4",children:"You've reached your maximum number of swatches!"}),m.jsx("p",{children:"If you'd like to add another swatch please remove an existing swatch from your cart"})]}),m.jsx("div",{className:"p-[var(--sm-padding)] w-full",children:m.jsx("button",{className:`\r
+        w-full block py-3 rounded-full\r
+        bg-[var(--main-accent-color)] text-white font-bold capitalize\r
           `,onClick:t,children:"OK"})})]})}),zC=({containerStyles:e="flex-1 min-h-0 overflow-y-auto p-[var(--padding)] sm:p-[var(--sm-padding)] ",gridStyles:t="grid grid-cols-1 gap-[8px] sm:grid-cols-3",desktopColumnsCount:n=3})=>{const r=Pe(),a=D.useRef(null),s=ue(or),i=ue(yn),o=ue(Os),l=ue(cr),[c,d]=D.useState(!1),f=D.useMemo(()=>l.flatMap(F=>F.items),[l]),p=D.useMemo(()=>l.flatMap(F=>F.items).reduce((F,H)=>F+(H.count??0),0),[l]),h=D.useMemo(()=>s.filter(F=>{const H=i.Finish.length===0||i.Finish.some(ae=>F.metadata?.Finish===ae||F.metadata?.Material===ae),q=i.Color.length===0||F.metadata?.Color&&i.Color.some(ae=>F.metadata?.Color?.split(",").map(y=>y.trim()).includes(ae)),Q=F.metadata?.Look,B=!i.Look||i.Look.length===0||i.Look.some(ae=>Q&&Q.includes(ae));return H&&q&&B}),[i,s]),x=typeof window<"u"?window.matchMedia("(min-width: 640px)").matches:!1,g=x?n:1,A=Math.ceil(h.length/g),E=x?300:200,S=xf({count:A,getScrollElement:()=>a.current,estimateSize:()=>E,overscan:24,measureElement:F=>F?.getBoundingClientRect().height}),N=S.getVirtualItems(),O=S.getTotalSize(),k=N[0]?.index??0,w=N[N.length-1]?.index??-1,R=k*g,P=Math.min((w+1)*g,h.length),$=h.slice(R,P),X=N[0]?.start??0,U=O-(N[N.length-1]?.end??0),Y=(F,H)=>F.metadata?.label===H.metadata?.label&&F.parentName===H.parentName,K=F=>{if(!o)return;if(l.some(y=>y.items.some(he=>Y(he,F)))){const y=l.map(Te=>{const I=Te.items.filter(de=>!Y(de,F));return{...Te,items:I}}).filter(Te=>Te.items.length>0);r(ts(y));const he=y.find(Te=>Te.assetId===o.assetId)??y[0]??null;he&&r(Di(he));return}if(p>=5){d(!0);return}const q={...F,productInformation:o,count:1},Q=l.findIndex(y=>y.assetId===o.assetId);let B;if(Q>=0)B=l.map((y,he)=>he!==Q?y:{...y,items:[...y.items,q]});else{const y={assetId:o.assetId,name:o.name,productInformation:o,items:[q]};B=[...l,y]}r(ts(B));const ae=B.find(y=>y.assetId===o.assetId)??B[0];r(Di(ae))};return m.jsxs("div",{ref:a,className:e,children:[m.jsx(yf,{isOpen:c,onClose:()=>d(!1)}),m.jsx("div",{style:{height:X},"aria-hidden":!0}),m.jsx("div",{className:t,children:$.map((F,H)=>{const q=R+H,Q=`${F.metadata?.label||q}/${F.parentName}`,B=(q+1)%g===0||q===h.length-1,ae=F&&F.metadata?.value,y=!!f.find(he=>he.metadata?.value===ae&&he.parentName===F.parentName);return B?m.jsx("div",{ref:S.measureElement,children:m.jsx(Zr,{val:F,isSelected:y,onClick:K})},Q):m.jsx(Zr,{val:F,isSelected:y,onClick:K},Q)})}),m.jsx("div",{style:{height:U},"aria-hidden":!0})]})},YC=()=>{const e=Pe(),t=ue(Os);D.useEffect(()=>()=>{e(Wf())},[]);const n=()=>{e($f())};return m.jsxs("div",{className:"flex flex-col h-full ",children:[m.jsx("header",{className:"flex flex-row shrink-0 items-center justify-between border-b border-[var(--border)] p-[var(--sm-padding)]",children:m.jsxs("div",{className:"flex flex-row items-center gap-[8px]",children:[m.jsx("button",{className:"[&_svg_path]:stroke-[var(--main-accent-color)] cursor-pointer",onClick:n,children:m.jsx(qs,{})}),m.jsx("h2",{className:"m-0! text-base font-medium leading-[1.6]",children:t?.name})]})}),m.jsxs("div",{className:"flex flex-col min-h-0 flex-1 ",children:[m.jsx("div",{className:"shrink-0",children:m.jsx(wC,{})}),m.jsx(zC,{containerStyles:"flex-1 min-h-0 overflow-y-auto overscroll-contain p-[var(--sm-padding)]",gridStyles:"grid grid-cols-2 gap-[16px] sm:grid-cols-4 lg:grid-cols-5 xl:grid-cols-7 2xl:grid-cols-9",desktopColumnsCount:6}),m.jsx(uf,{})]})]})},WC=({onSendData:e})=>{const t=ue(lh),n=ue(Os);return m.jsxs("div",{className:"relative h-full min-h-0 w-full",children:[m.jsx(Dp,{containerId:"swatch-multi-module",position:"top-center",autoClose:4e3,hideProgressBar:!0,closeOnClick:!0,pauseOnHover:!0,draggable:!1,theme:"dark",transition:Xl,style:{zIndex:999999999999999,position:"absolute"}}),t?m.jsx(ep,{onSendData:e}):n?m.jsx(YC,{}):m.jsx(EC,{})]})},Jr={SWATCH:"swatch",CART:"cart"},VC="_overlay_1aet8_1",$C="_panel_1aet8_10",qC="_enter_1aet8_38",GC="_exit_1aet8_42",Yn={overlay:VC,panel:$C,enter:qC,exit:GC},_f=({children:e,isOpen:t,setIsOpen:n})=>{const r=D.useRef(null),a=D.useRef(null),s=()=>n(!1);return D.useLayoutEffect(()=>{t&&typeof document<"u"&&(a.current=document.activeElement)},[t]),D.useEffect(()=>{t?r.current?.focus():a.current?.focus?.()},[t]),D.useEffect(()=>{if(!t)return;const i=o=>{o.key==="Escape"&&s()};return window.addEventListener("keydown",i),()=>window.removeEventListener("keydown",i)},[t]),D.useEffect(()=>{if(!t)return;const i=document.documentElement,o=document.body,l=i.style.overflow,c=o.style.overflow;return i.style.overflow="hidden",o.style.overflow="hidden",()=>{i.style.overflow=l,o.style.overflow=c}},[t]),t?$t.createPortal(m.jsx("div",{className:dt(Yn.overlay),onMouseDown:s,onTouchStart:s,children:m.jsx("div",{ref:r,tabIndex:-1,className:ke(Yn.panel,Yn.right,t?Yn.enter:Yn.exit,"bg-[var(--sidebar-bg)]"),onMouseDown:i=>i.stopPropagation(),onTouchStart:i=>i.stopPropagation(),children:e})}),document.querySelector("#root-container")):null};class XC{static getCartPreparedOption(t){return t?.length?t.map(n=>({...n,count:1})):[]}}const KC=()=>m.jsx("div",{className:["relative w-[40px] h-[40px] rounded-md aspect-square overflow-hidden","border border-solid border-[var(--border)] bg-[var(--sidebar-b)] sm:w-[64px] sm:h-[64px]"].join(" "),"aria-hidden":!0}),QC=({selectedMaterials:e,containerStyles:t="p-[var(--sm-padding)] border-t border-solid border-[var(--border)] shrink-0 shadow-[0_-2px_10px_rgba(40,40,40,0.10)]"})=>{const n=Pe(),r=lr(e),a=Math.max(0,Re-e.length),s=i=>{n(ta({selectedMaterial:i,materialCount:r,selectedMaterials:e}))};return m.jsxs("div",{className:t,children:[m.jsxs("div",{className:"flex flex-row justify-between items-center mb-[12px]",children:[m.jsxs("div",{className:"relative",children:[m.jsx("div",{className:"text-xs",children:"Swatches list"}),m.jsx("span",{className:"absolute top-0 right-[-20px] font-medium text-[var(--main-accent-color)] text-[8px] leading-none",children:"Free"})]}),m.jsxs("div",{className:"text-xs",children:[r,"/",Re," Selected"]})]}),m.jsxs("div",{className:"flex flex-row flex-wrap gap-[8px]",children:[e.map((i,o)=>{const l=i.metadata;return m.jsx(of,{val:i,onDelete:s},`${l?.label||o}/${i.parentName}`)}),Array.from({length:a}).map((i,o)=>m.jsx(KC,{},`mock-${o}`))]})]})},ZC=()=>{const e=ue(qt)??[];return m.jsx(QC,{selectedMaterials:e})},JC=({containerStyles:e="flex-1 min-h-0 overflow-y-auto p-[var(--sm-padding)]",gridStyles:t="grid grid-cols-2 gap-[var(--sm-padding)] sm:grid-cols-3 ",desktopColumnsCount:n=3})=>{const r=xn.useDispatch(),a=D.useRef(null),s=ue(or),i=ue(qt),o=ue(yn),[l,c]=D.useState(!1),d=D.useMemo(()=>i.reduce((U,Y)=>U+(Y.count??0),0),[i]),f=D.useMemo(()=>s.filter(U=>{const Y=o.Finish.length===0||o.Finish.some(q=>U.metadata?.Finish===q||U.metadata?.Material===q),K=o.Color.length===0||U.metadata?.Color&&o.Color.some(q=>U.metadata?.Color?.split(",").map(Q=>Q.trim()).includes(q)),F=U.metadata?.Look,H=!o.Look||o.Look.length===0||o.Look.some(q=>F&&F.includes(q));return Y&&K&&H}),[o,s]),p=typeof window<"u"?window.matchMedia("(min-width: 640px)").matches:!1,h=p?n:1,x=Math.ceil(f.length/h),g=p?300:200,A=xf({count:x,getScrollElement:()=>a.current,estimateSize:()=>g,overscan:24,measureElement:U=>U?.getBoundingClientRect().height}),E=A.getVirtualItems(),S=A.getTotalSize(),N=E[0]?.index??0,O=E[E.length-1]?.index??-1,k=N*h,w=Math.min((O+1)*h,f.length),R=f.slice(k,w),P=E[0]?.start??0,$=S-(E[E.length-1]?.end??0),X=U=>{const Y=i.find(K=>K.label===U.label);d+1>5&&!Y&&c(!0),r(ta({materialCount:d,selectedMaterials:i,selectedMaterial:{...U,count:1}}))};return m.jsxs("div",{ref:a,className:e,children:[m.jsx(yf,{isOpen:l,onClose:()=>c(!1)}),m.jsx("div",{style:{height:P},"aria-hidden":!0}),m.jsx("div",{className:t,children:R.map((U,Y)=>{const K=k+Y,F=`${U.metadata?.label||K}/${U.parentName}`,H=(K+1)%h===0||K===f.length-1,q=U&&U.metadata?.value,Q=!!i.find(B=>B.metadata?.value===q&&B.parentName===U.parentName);return H?m.jsx("div",{ref:A.measureElement,children:m.jsx(Zr,{val:U,isSelected:Q,onClick:X})},F):m.jsx(Zr,{val:U,isSelected:Q,onClick:X},F)})}),m.jsx("div",{style:{height:$},"aria-hidden":!0})]})},eA=({isOpen:e,onToggleSidebar:t,onSetActiveTab:n})=>{const r=Pe(),a=ue(qt)??[],s=ue(ju),i=()=>{const o=XC.getCartPreparedOption(a);o&&r(Qf(o)),n(Jr.CART)};return m.jsxs(_f,{isOpen:e,setIsOpen:t,children:[m.jsxs("header",{className:"flex flex-row p-[var(--sm-padding)] justify-between items-center border-b border-solid border-[var(--border)]",children:[m.jsx("h2",{className:"m-0! text-[1.8rem] leading-[1.6] font-medium",children:"Order free swatches"}),m.jsx("button",{className:`flex flex-row justify-center items-center w-[30px] h-[30px] bg-[var(--background-grey)]\r
               border-none cursor-pointer rounded-full\r
-              [&_svg_path]:stroke-[var(--svg-dark)]`,onClick:t,children:m.jsx(ur,{width:10,height:10})})]}),m.jsxs("div",{className:"flex flex-col h-full min-h-0 relative",children:[s&&m.jsx(sf,{}),m.jsx(bf,{containerStyles:"flex flex-row justify-between items-center shrink-0 p-[var(--sm-padding)] border-b border-solid border-[var(--border)]",selectStyles:"min-w-[auto] max-w-[154px] sm:max-w-[auto] sm:min-w-[250px]"}),m.jsx("div",{className:"w-full border-b border-b-border",children:m.jsx(Ef,{})}),m.jsx(JC,{}),m.jsx(ZC,{}),m.jsx("div",{className:"p-[var(--sm-padding)] border-t border-solid border-[var(--border)] shrink-0",children:m.jsx("button",{className:"w-full bg-[var(--main-accent-color)] p-[1.25rem] hover:bg-secondary transition-all duration-200 text-white rounded-full font-bold cursor-pointer text-sm",onClick:i,children:"ADD SWATCHES TO CART"})})]})]})},tA=({onSetActiveTab:e,onToggleSidebar:t})=>{const n=ue(qt),r=lr(n);return m.jsxs("header",{className:"flex flex-row MaterialMultiProductList justify-between items-center border-b border-solid border-[var(--border)] p-[var(--sm-padding)]",children:[m.jsxs("div",{className:"flex flex-row items-center gap-[4px]",children:[m.jsxs("div",{className:"flex flex-row items-center gap-[8px]",children:[m.jsx("button",{className:"[&_svg_path]:stroke-[var(--main-accent-color)] cursor-pointer",onClick:()=>e?.(Jr.SWATCH),children:m.jsx(qs,{})}),m.jsx("h2",{className:"m-0! text-base leading-[1.6] font-medium ",children:"Your cart"})]}),r>=Re?m.jsxs(m.Fragment,{children:[m.jsxs("span",{className:"text-[var(--main-accent-color)] hidden! text-xs sm:block!",children:["(",Re,") You reached maximum amount of swatches"]}),m.jsxs("span",{className:"text-[var(--main-accent-color)] block! sm:hidden!",children:["(",Re,") Max"]})]}):null]}),m.jsx("button",{className:`flex flex-row justify-center items-center w-[30px] h-[30px] bg-[var(--background-grey)]
-            border-none cursor-pointer rounded-full
+              [&_svg_path]:stroke-[var(--svg-dark)]`,onClick:t,children:m.jsx(ur,{width:10,height:10})})]}),m.jsxs("div",{className:"flex flex-col h-full min-h-0 relative",children:[s&&m.jsx(sf,{}),m.jsx(bf,{containerStyles:"flex flex-row justify-between items-center shrink-0 p-[var(--sm-padding)] border-b border-solid border-[var(--border)]",selectStyles:"min-w-[auto] max-w-[154px] sm:max-w-[auto] sm:min-w-[250px]"}),m.jsx("div",{className:"w-full border-b border-b-border",children:m.jsx(Ef,{})}),m.jsx(JC,{}),m.jsx(ZC,{}),m.jsx("div",{className:"p-[var(--sm-padding)] border-t border-solid border-[var(--border)] shrink-0",children:m.jsx("button",{className:"w-full bg-[var(--main-accent-color)] p-[1.25rem] hover:bg-secondary transition-all duration-200 text-white rounded-full font-bold cursor-pointer text-sm",onClick:i,children:"ADD SWATCHES TO CART"})})]})]})},tA=({onSetActiveTab:e,onToggleSidebar:t})=>{const n=ue(qt),r=lr(n);return m.jsxs("header",{className:"flex flex-row MaterialMultiProductList justify-between items-center border-b border-solid border-[var(--border)] p-[var(--sm-padding)]",children:[m.jsxs("div",{className:"flex flex-row items-center gap-[4px]",children:[m.jsxs("div",{className:"flex flex-row items-center gap-[8px]",children:[m.jsx("button",{className:"[&_svg_path]:stroke-[var(--main-accent-color)] cursor-pointer",onClick:()=>e?.(Jr.SWATCH),children:m.jsx(qs,{})}),m.jsx("h2",{className:"m-0! text-base leading-[1.6] font-medium ",children:"Your cart"})]}),r>=Re?m.jsxs(m.Fragment,{children:[m.jsxs("span",{className:"text-[var(--main-accent-color)] hidden! text-xs sm:block!",children:["(",Re,") You reached maximum amount of swatches"]}),m.jsxs("span",{className:"text-[var(--main-accent-color)] block! sm:hidden!",children:["(",Re,") Max"]})]}):null]}),m.jsx("button",{className:`flex flex-row justify-center items-center w-[30px] h-[30px] bg-[var(--background-grey)]\r
+            border-none cursor-pointer rounded-full\r
             [&_svg_path]:stroke-[var(--svg-dark)]`,onClick:t,children:m.jsx(ur,{width:10,height:10})})]})},nA=()=>{const e=Pe(),t=ue(qt)??[],n=lr(t),r=i=>{e(qf({selectedMaterial:i})),e(ta({selectedMaterial:i,materialCount:1,selectedMaterials:t}))},a=i=>{e(Gf({selectedMaterial:i}))},s=i=>{e(Xf({selectedMaterial:i}))};return m.jsx("ul",{className:"flex flex-col flex-1 min-h-0 overflow-y-auto",children:t?.map(i=>m.jsx(zl,{item:i,canInc:n<Re,onDelete:()=>r(i),onIncrement:()=>a(i),onDecrement:()=>s(i)},`${i.label}/${i.parentName}`))})},rA=({isOpen:e,onToggleSidebar:t,onSetActiveTab:n,onSendData:r})=>{const a=ue(qt)??[];return m.jsxs(_f,{isOpen:e,setIsOpen:t,children:[m.jsx(tA,{onSetActiveTab:n,onToggleSidebar:t}),m.jsxs("div",{className:"flex flex-col h-full min-h-0",children:[m.jsx(nA,{}),m.jsx(Yu,{materials:a}),m.jsx("div",{className:"p-[var(--sm-padding)] border-t border-solid border-[var(--border)] shrink-0",children:m.jsx("button",{className:"w-full bg-[var(--main-accent-color)] p-[1.25rem] hover:bg-secondary transition-all duration-200 text-white text-sm rounded-full font-bold cursor-pointer",onClick:()=>r(a),children:"GO TO SHIPPING"})})]})]})},aA=({isOpen:e,onToggleSidebar:t,onSendData:n})=>{const[r,a]=D.useState(Jr.SWATCH),s=i=>{a(i)};return m.jsx(m.Fragment,{children:r===Jr.SWATCH?m.jsx(eA,{isOpen:e,onToggleSidebar:t,onSetActiveTab:s}):m.jsx(rA,{isOpen:e,onToggleSidebar:t,onSetActiveTab:s,onSendData:n})})},sA=pt.combineReducers({swatches:Pu,cart:Bu,multiProductCart:Hu});let Ja=null;function iA(){return pt.configureStore({reducer:sA,devTools:!1,middleware:e=>e({thunk:!0}).concat(Uu)})}const oA=()=>(Ja||(Ja=iA()),Ja),uA=xn.useDispatch.withTypes();xn.useSelector.withTypes();function Cf({children:e}){return m.jsx(xn.Provider,{store:oA(),children:e})}const lA=({isOpen:e,uiDataType:t,data:n,assetId:r,onToggleSidebar:a,onSendData:s})=>{const i=[et.UI,et.FETCH_DATA_PRODUCT],o=uA(),l=i.includes(t);return D.useEffect(()=>{if(t===et.UI){if(!n)throw new Error("SwatchCart-module: Attributes are important");const c=ls.getTransformedData({dataType:et.UI,data:n});c&&o(es(c))}else t===et.FETCH_DATA_PRODUCT&&r?(async()=>{try{const d=await o(Vn({assetId:r})).unwrap(),f=await o(Uf({assetId:r})).unwrap();if(!f)return;const p=ls.getTransformedData({dataType:et.FETCH_DATA_PRODUCT,data:d,selectedProduct:f.rows[0]});o(es(p))}catch(d){console.error("Failed to load product",d)}})():t===et.FETCH_DATA_ALL&&(async()=>{try{o($n()).unwrap()}catch(d){console.error("Failed to load product",d)}})()},[t,n,r]),m.jsx("div",{id:"root-container",className:`${e?"flex":"hidden"} relative flex-col h-full min-h-0 w-full`,children:m.jsx(Cf,{children:e?m.jsxs(m.Fragment,{children:[l?null:m.jsx(WC,{onSendData:s,onToggleSidebar:a}),l?m.jsx(aA,{isOpen:e,uiDataType:t,data:n,assetId:r,onToggleSidebar:a,onSendData:s}):null]}):null})})};function cA(e){const t=n=>m.jsx(Cf,{children:m.jsx(e,{...n})});return t.displayName=`withStore(${e.displayName||e.name||"Component"})`,t}const Af=cA(lA),dA=et;function fA(e,t){const n=Lf.createRoot(e);return n.render(D.createElement(Af,t)),()=>n.unmount()}exports.EDataInputType=dA;exports.SwatchModule=Af;exports.mountSwatchModule=fA;
 //# sourceMappingURL=main.cjs.map