react-virtual-tryon/dist/index.esm.js

## **Introduction**

"use client";import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import*as o from"react";import{Slot as a}from"@radix-ui/react-slot";import{cva as s}from"class-variance-authority";import{clsx as n}from"clsx";import*as l from"@radix-ui/react-progress";import{Upload as i,ChevronDown as d,ChevronUp as c,Check as m,X as p,AlertCircle as u,Loader2 as f}from"lucide-react";import*as g from"@radix-ui/react-select";import*as b from"@radix-ui/react-dialog";function h(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]])}return r}"function"==typeof SuppressedError&&SuppressedError;const v=e=>{const t=N(e),{conflictingClassGroups:r,conflictingClassGroupModifiers:o}=e;return{getClassGroupId:e=>{const r=e.split("-");return""===r[0]&&1!==r.length&&r.shift(),y(r,t)||w(e)},getConflictingClassGroupIds:(e,t)=>{const a=r[e]||[];return t&&o[e]?[...a,...o[e]]:a}}},y=(e,t)=>{if(0===e.length)return t.classGroupId;const r=e[0],o=t.nextPart.get(r),a=o?y(e.slice(1),o):void 0;if(a)return a;if(0===t.validators.length)return;const s=e.join("-");return t.validators.find((({validator:e})=>e(s)))?.classGroupId},x=/^\[(.+)\]$/,w=e=>{if(x.test(e)){const t=x.exec(e)[1],r=t?.substring(0,t.indexOf(":"));if(r)return"arbitrary.."+r}},N=e=>{const{theme:t,prefix:r}=e,o={nextPart:new Map,validators:[]};return S(Object.entries(e.classGroups),r).forEach((([e,r])=>{k(r,o,e,t)})),o},k=(e,t,r,o)=>{e.forEach((e=>{if("string"!=typeof e){if("function"==typeof e)return O(e)?void k(e(o),t,r,o):void t.validators.push({validator:e,classGroupId:r});Object.entries(e).forEach((([e,a])=>{k(a,j(t,e),r,o)}))}else{(""===e?t:j(t,e)).classGroupId=r}}))},j=(e,t)=>{let r=e;return t.split("-").forEach((e=>{r.nextPart.has(e)||r.nextPart.set(e,{nextPart:new Map,validators:[]}),r=r.nextPart.get(e)})),r},O=e=>e.isThemeGetter,S=(e,t)=>t?e.map((([e,r])=>[e,r.map((e=>"string"==typeof e?t+e:"object"==typeof e?Object.fromEntries(Object.entries(e).map((([e,r])=>[t+e,r]))):e))])):e,z=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,r=new Map,o=new Map;const a=(a,s)=>{r.set(a,s),t++,t>e&&(t=0,o=r,r=new Map)};return{get(e){let t=r.get(e);return void 0!==t?t:void 0!==(t=o.get(e))?(a(e,t),t):void 0},set(e,t){r.has(e)?r.set(e,t):a(e,t)}}},C=e=>{const{separator:t,experimentalParseClassName:r}=e,o=1===t.length,a=t[0],s=t.length,n=e=>{const r=[];let n,l=0,i=0;for(let d=0;d<e.length;d++){let c=e[d];if(0===l){if(c===a&&(o||e.slice(d,d+s)===t)){r.push(e.slice(i,d)),i=d+s;continue}if("/"===c){n=d;continue}}"["===c?l++:"]"===c&&l--}const d=0===r.length?e:e.substring(i),c=d.startsWith("!");return{modifiers:r,hasImportantModifier:c,baseClassName:c?d.substring(1):d,maybePostfixModifierPosition:n&&n>i?n-i:void 0}};return r?e=>r({className:e,parseClassName:n}):n},I=e=>{if(e.length<=1)return e;const t=[];let r=[];return e.forEach((e=>{"["===e[0]?(t.push(...r.sort(),e),r=[]):r.push(e)})),t.push(...r.sort()),t},T=/\s+/;function R(){let e,t,r=0,o="";for(;r<arguments.length;)(e=arguments[r++])&&(t=E(e))&&(o&&(o+=" "),o+=t);return o}const E=e=>{if("string"==typeof e)return e;let t,r="";for(let o=0;o<e.length;o++)e[o]&&(t=E(e[o]))&&(r&&(r+=" "),r+=t);return r};function P(e,...t){let r,o,a,s=function(l){const i=t.reduce(((e,t)=>t(e)),e());return r=(e=>({cache:z(e.cacheSize),parseClassName:C(e),...v(e)}))(i),o=r.cache.get,a=r.cache.set,s=n,n(l)};function n(e){const t=o(e);if(t)return t;const s=((e,t)=>{const{parseClassName:r,getClassGroupId:o,getConflictingClassGroupIds:a}=t,s=[],n=e.trim().split(T);let l="";for(let e=n.length-1;e>=0;e-=1){const t=n[e],{modifiers:i,hasImportantModifier:d,baseClassName:c,maybePostfixModifierPosition:m}=r(t);let p=Boolean(m),u=o(p?c.substring(0,m):c);if(!u){if(!p){l=t+(l.length>0?" "+l:l);continue}if(u=o(c),!u){l=t+(l.length>0?" "+l:l);continue}p=!1}const f=I(i).join(":"),g=d?f+"!":f,b=g+u;if(s.includes(b))continue;s.push(b);const h=a(u,p);for(let e=0;e<h.length;++e){const t=h[e];s.push(g+t)}l=t+(l.length>0?" "+l:l)}return l})(e,r);return a(e,s),s}return function(){return s(R.apply(null,arguments))}}const D=e=>{const t=t=>t[e]||[];return t.isThemeGetter=!0,t},M=/^\[(?:([a-z-]+):)?(.+)\]$/i,A=/^\d+\/\d+$/,G=new Set(["px","full","screen"]),_=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,F=/\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$/,B=/^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/,V=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,U=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,$=e=>W(e)||G.has(e)||A.test(e),L=e=>ae(e,"length",se),W=e=>Boolean(e)&&!Number.isNaN(Number(e)),K=e=>ae(e,"number",W),q=e=>Boolean(e)&&Number.isInteger(Number(e)),H=e=>e.endsWith("%")&&W(e.slice(0,-1)),J=e=>M.test(e),X=e=>_.test(e),Y=new Set(["length","size","percentage"]),Q=e=>ae(e,Y,ne),Z=e=>ae(e,"position",ne),ee=new Set(["image","url"]),te=e=>ae(e,ee,ie),re=e=>ae(e,"",le),oe=()=>!0,ae=(e,t,r)=>{const o=M.exec(e);return!!o&&(o[1]?"string"==typeof t?o[1]===t:t.has(o[1]):r(o[2]))},se=e=>F.test(e)&&!B.test(e),ne=()=>!1,le=e=>V.test(e),ie=e=>U.test(e),de=P((()=>{const e=D("colors"),t=D("spacing"),r=D("blur"),o=D("brightness"),a=D("borderColor"),s=D("borderRadius"),n=D("borderSpacing"),l=D("borderWidth"),i=D("contrast"),d=D("grayscale"),c=D("hueRotate"),m=D("invert"),p=D("gap"),u=D("gradientColorStops"),f=D("gradientColorStopPositions"),g=D("inset"),b=D("margin"),h=D("opacity"),v=D("padding"),y=D("saturate"),x=D("scale"),w=D("sepia"),N=D("skew"),k=D("space"),j=D("translate"),O=()=>["auto",J,t],S=()=>[J,t],z=()=>["",$,L],C=()=>["auto",W,J],I=()=>["","0",J],T=()=>[W,J];return{cacheSize:500,separator:":",theme:{colors:[oe],spacing:[$,L],blur:["none","",X,J],brightness:T(),borderColor:[e],borderRadius:["none","","full",X,J],borderSpacing:S(),borderWidth:z(),contrast:T(),grayscale:I(),hueRotate:T(),invert:I(),gap:S(),gradientColorStops:[e],gradientColorStopPositions:[H,L],inset:O(),margin:O(),opacity:T(),padding:S(),saturate:T(),scale:T(),sepia:I(),skew:T(),space:S(),translate:S()},classGroups:{aspect:[{aspect:["auto","square","video",J]}],container:["container"],columns:[{columns:[X]}],"break-after":[{"break-after":["auto","avoid","all","avoid-page","page","left","right","column"]}],"break-before":[{"break-before":["auto","avoid","all","avoid-page","page","left","right","column"]}],"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"],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:["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top",J]}],overflow:[{overflow:["auto","hidden","clip","visible","scroll"]}],"overflow-x":[{"overflow-x":["auto","hidden","clip","visible","scroll"]}],"overflow-y":[{"overflow-y":["auto","hidden","clip","visible","scroll"]}],overscroll:[{overscroll:["auto","contain","none"]}],"overscroll-x":[{"overscroll-x":["auto","contain","none"]}],"overscroll-y":[{"overscroll-y":["auto","contain","none"]}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:[g]}],"inset-x":[{"inset-x":[g]}],"inset-y":[{"inset-y":[g]}],start:[{start:[g]}],end:[{end:[g]}],top:[{top:[g]}],right:[{right:[g]}],bottom:[{bottom:[g]}],left:[{left:[g]}],visibility:["visible","invisible","collapse"],z:[{z:["auto",q,J]}],basis:[{basis:O()}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["wrap","wrap-reverse","nowrap"]}],flex:[{flex:["1","auto","initial","none",J]}],grow:[{grow:I()}],shrink:[{shrink:I()}],order:[{order:["first","last","none",q,J]}],"grid-cols":[{"grid-cols":[oe]}],"col-start-end":[{col:["auto",{span:["full",q,J]},J]}],"col-start":[{"col-start":C()}],"col-end":[{"col-end":C()}],"grid-rows":[{"grid-rows":[oe]}],"row-start-end":[{row:["auto",{span:[q,J]},J]}],"row-start":[{"row-start":C()}],"row-end":[{"row-end":C()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":["auto","min","max","fr",J]}],"auto-rows":[{"auto-rows":["auto","min","max","fr",J]}],gap:[{gap:[p]}],"gap-x":[{"gap-x":[p]}],"gap-y":[{"gap-y":[p]}],"justify-content":[{justify:["normal","start","end","center","between","around","evenly","stretch"]}],"justify-items":[{"justify-items":["start","end","center","stretch"]}],"justify-self":[{"justify-self":["auto","start","end","center","stretch"]}],"align-content":[{content:["normal","start","end","center","between","around","evenly","stretch","baseline"]}],"align-items":[{items:["start","end","center","baseline","stretch"]}],"align-self":[{self:["auto","start","end","center","stretch","baseline"]}],"place-content":[{"place-content":["start","end","center","between","around","evenly","stretch","baseline"]}],"place-items":[{"place-items":["start","end","center","baseline","stretch"]}],"place-self":[{"place-self":["auto","start","end","center","stretch"]}],p:[{p:[v]}],px:[{px:[v]}],py:[{py:[v]}],ps:[{ps:[v]}],pe:[{pe:[v]}],pt:[{pt:[v]}],pr:[{pr:[v]}],pb:[{pb:[v]}],pl:[{pl:[v]}],m:[{m:[b]}],mx:[{mx:[b]}],my:[{my:[b]}],ms:[{ms:[b]}],me:[{me:[b]}],mt:[{mt:[b]}],mr:[{mr:[b]}],mb:[{mb:[b]}],ml:[{ml:[b]}],"space-x":[{"space-x":[k]}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":[k]}],"space-y-reverse":["space-y-reverse"],w:[{w:["auto","min","max","fit","svw","lvw","dvw",J,t]}],"min-w":[{"min-w":[J,t,"min","max","fit"]}],"max-w":[{"max-w":[J,t,"none","full","min","max","fit","prose",{screen:[X]},X]}],h:[{h:[J,t,"auto","min","max","fit","svh","lvh","dvh"]}],"min-h":[{"min-h":[J,t,"min","max","fit","svh","lvh","dvh"]}],"max-h":[{"max-h":[J,t,"min","max","fit","svh","lvh","dvh"]}],size:[{size:[J,t,"auto","min","max","fit"]}],"font-size":[{text:["base",X,L]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:["thin","extralight","light","normal","medium","semibold","bold","extrabold","black",K]}],"font-family":[{font:[oe]}],"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:["tighter","tight","normal","wide","wider","widest",J]}],"line-clamp":[{"line-clamp":["none",W,K]}],leading:[{leading:["none","tight","snug","normal","relaxed","loose",$,J]}],"list-image":[{"list-image":["none",J]}],"list-style-type":[{list:["none","disc","decimal",J]}],"list-style-position":[{list:["inside","outside"]}],"placeholder-color":[{placeholder:[e]}],"placeholder-opacity":[{"placeholder-opacity":[h]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"text-color":[{text:[e]}],"text-opacity":[{"text-opacity":[h]}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:["solid","dashed","dotted","double","none","wavy"]}],"text-decoration-thickness":[{decoration:["auto","from-font",$,L]}],"underline-offset":[{"underline-offset":["auto",$,J]}],"text-decoration-color":[{decoration:[e]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:S()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",J]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",J]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-opacity":[{"bg-opacity":[h]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top",Z]}],"bg-repeat":[{bg:["no-repeat",{repeat:["","x","y","round","space"]}]}],"bg-size":[{bg:["auto","cover","contain",Q]}],"bg-image":[{bg:["none",{"gradient-to":["t","tr","r","br","b","bl","l","tl"]},te]}],"bg-color":[{bg:[e]}],"gradient-from-pos":[{from:[f]}],"gradient-via-pos":[{via:[f]}],"gradient-to-pos":[{to:[f]}],"gradient-from":[{from:[u]}],"gradient-via":[{via:[u]}],"gradient-to":[{to:[u]}],rounded:[{rounded:[s]}],"rounded-s":[{"rounded-s":[s]}],"rounded-e":[{"rounded-e":[s]}],"rounded-t":[{"rounded-t":[s]}],"rounded-r":[{"rounded-r":[s]}],"rounded-b":[{"rounded-b":[s]}],"rounded-l":[{"rounded-l":[s]}],"rounded-ss":[{"rounded-ss":[s]}],"rounded-se":[{"rounded-se":[s]}],"rounded-ee":[{"rounded-ee":[s]}],"rounded-es":[{"rounded-es":[s]}],"rounded-tl":[{"rounded-tl":[s]}],"rounded-tr":[{"rounded-tr":[s]}],"rounded-br":[{"rounded-br":[s]}],"rounded-bl":[{"rounded-bl":[s]}],"border-w":[{border:[l]}],"border-w-x":[{"border-x":[l]}],"border-w-y":[{"border-y":[l]}],"border-w-s":[{"border-s":[l]}],"border-w-e":[{"border-e":[l]}],"border-w-t":[{"border-t":[l]}],"border-w-r":[{"border-r":[l]}],"border-w-b":[{"border-b":[l]}],"border-w-l":[{"border-l":[l]}],"border-opacity":[{"border-opacity":[h]}],"border-style":[{border:["solid","dashed","dotted","double","none","hidden"]}],"divide-x":[{"divide-x":[l]}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":[l]}],"divide-y-reverse":["divide-y-reverse"],"divide-opacity":[{"divide-opacity":[h]}],"divide-style":[{divide:["solid","dashed","dotted","double","none"]}],"border-color":[{border:[a]}],"border-color-x":[{"border-x":[a]}],"border-color-y":[{"border-y":[a]}],"border-color-s":[{"border-s":[a]}],"border-color-e":[{"border-e":[a]}],"border-color-t":[{"border-t":[a]}],"border-color-r":[{"border-r":[a]}],"border-color-b":[{"border-b":[a]}],"border-color-l":[{"border-l":[a]}],"divide-color":[{divide:[a]}],"outline-style":[{outline:["","solid","dashed","dotted","double","none"]}],"outline-offset":[{"outline-offset":[$,J]}],"outline-w":[{outline:[$,L]}],"outline-color":[{outline:[e]}],"ring-w":[{ring:z()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:[e]}],"ring-opacity":[{"ring-opacity":[h]}],"ring-offset-w":[{"ring-offset":[$,L]}],"ring-offset-color":[{"ring-offset":[e]}],shadow:[{shadow:["","inner","none",X,re]}],"shadow-color":[{shadow:[oe]}],opacity:[{opacity:[h]}],"mix-blend":[{"mix-blend":["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity","plus-lighter","plus-darker"]}],"bg-blend":[{"bg-blend":["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"]}],filter:[{filter:["","none"]}],blur:[{blur:[r]}],brightness:[{brightness:[o]}],contrast:[{contrast:[i]}],"drop-shadow":[{"drop-shadow":["","none",X,J]}],grayscale:[{grayscale:[d]}],"hue-rotate":[{"hue-rotate":[c]}],invert:[{invert:[m]}],saturate:[{saturate:[y]}],sepia:[{sepia:[w]}],"backdrop-filter":[{"backdrop-filter":["","none"]}],"backdrop-blur":[{"backdrop-blur":[r]}],"backdrop-brightness":[{"backdrop-brightness":[o]}],"backdrop-contrast":[{"backdrop-contrast":[i]}],"backdrop-grayscale":[{"backdrop-grayscale":[d]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[c]}],"backdrop-invert":[{"backdrop-invert":[m]}],"backdrop-opacity":[{"backdrop-opacity":[h]}],"backdrop-saturate":[{"backdrop-saturate":[y]}],"backdrop-sepia":[{"backdrop-sepia":[w]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":[n]}],"border-spacing-x":[{"border-spacing-x":[n]}],"border-spacing-y":[{"border-spacing-y":[n]}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["none","all","","colors","opacity","shadow","transform",J]}],duration:[{duration:T()}],ease:[{ease:["linear","in","out","in-out",J]}],delay:[{delay:T()}],animate:[{animate:["none","spin","ping","pulse","bounce",J]}],transform:[{transform:["","gpu","none"]}],scale:[{scale:[x]}],"scale-x":[{"scale-x":[x]}],"scale-y":[{"scale-y":[x]}],rotate:[{rotate:[q,J]}],"translate-x":[{"translate-x":[j]}],"translate-y":[{"translate-y":[j]}],"skew-x":[{"skew-x":[N]}],"skew-y":[{"skew-y":[N]}],"transform-origin":[{origin:["center","top","top-right","right","bottom-right","bottom","bottom-left","left","top-left",J]}],accent:[{accent:["auto",e]}],appearance:[{appearance:["none","auto"]}],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]}],"caret-color":[{caret:[e]}],"pointer-events":[{"pointer-events":["none","auto"]}],resize:[{resize:["none","y","x",""]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":S()}],"scroll-mx":[{"scroll-mx":S()}],"scroll-my":[{"scroll-my":S()}],"scroll-ms":[{"scroll-ms":S()}],"scroll-me":[{"scroll-me":S()}],"scroll-mt":[{"scroll-mt":S()}],"scroll-mr":[{"scroll-mr":S()}],"scroll-mb":[{"scroll-mb":S()}],"scroll-ml":[{"scroll-ml":S()}],"scroll-p":[{"scroll-p":S()}],"scroll-px":[{"scroll-px":S()}],"scroll-py":[{"scroll-py":S()}],"scroll-ps":[{"scroll-ps":S()}],"scroll-pe":[{"scroll-pe":S()}],"scroll-pt":[{"scroll-pt":S()}],"scroll-pr":[{"scroll-pr":S()}],"scroll-pb":[{"scroll-pb":S()}],"scroll-pl":[{"scroll-pl":S()}],"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]}],fill:[{fill:[e,"none"]}],"stroke-w":[{stroke:[$,L,K]}],stroke:[{stroke:[e,"none"]}],sr:["sr-only","not-sr-only"],"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-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-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"],"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"]}}}));function ce(...e){return de(n(e))}const me=s("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),pe=o.forwardRef(((t,r)=>{var{className:o,variant:s,size:n,asChild:l=!1}=t,i=h(t,["className","variant","size","asChild"]);return e(l?a:"button",Object.assign({className:ce(me({variant:s,size:n,className:o})),ref:r},i))}));pe.displayName="Button";const ue=o.forwardRef(((t,r)=>{var{className:o,value:a}=t,s=h(t,["className","value"]);return e(l.Root,Object.assign({ref:r,className:ce("relative h-4 w-full overflow-hidden rounded-full bg-secondary",o)},s,{children:e(l.Indicator,{className:"h-full w-full flex-1 bg-primary transition-all",style:{transform:`translateX(-${100-(a||0)}%)`}})}))}));function fe({onFileSelected:r,accept:a="image/*",maxSize:s=10485760}){const[n,l]=o.useState(!1),[d,c]=o.useState(0),[m,p]=o.useState(),u=o.useRef(null),f=async e=>{if(e.type.startsWith("image/"))if(e.size>s)p(`File size must be less than ${s/1024/1024}MB`);else{p(void 0);try{c(0);const t=setInterval((()=>{c((e=>Math.min(e+10,90)))}),100);await r(e),clearInterval(t),c(100)}catch(e){p("Failed to upload file"),c(0)}}else p("Please upload an image file")};return t("div",{className:"w-full",children:[t("div",{className:"border-2 border-dashed rounded-lg p-8 text-center cursor-pointer "+(n?"border-primary bg-primary/5":"border-muted"),onDrop:async e=>{e.preventDefault(),l(!1);const t=e.dataTransfer.files[0];t&&await f(t)},onDragOver:e=>{e.preventDefault(),l(!0)},onDragLeave:e=>{e.preventDefault(),l(!1)},onClick:()=>{var e;return null===(e=u.current)||void 0===e?void 0:e.click()},children:[e("input",{type:"file",ref:u,className:"hidden",accept:a,onChange:e=>{var t;const r=null===(t=e.target.files)||void 0===t?void 0:t[0];r&&f(r)}}),e(i,{className:"mx-auto h-12 w-12 text-muted-foreground mb-4"}),t("div",{className:"text-sm text-muted-foreground mb-2",children:["Drag and drop your photo here, or"," ",e(pe,{variant:"link",className:"px-1",children:"browse"})]}),t("div",{className:"text-xs text-muted-foreground",children:["Supports: JPG, PNG (max ",s/1024/1024,"MB)"]})]}),d>0&&e("div",{className:"mt-4",children:e(ue,{value:d,className:"h-2"})}),m&&e("div",{className:"mt-2 text-sm text-destructive",children:m})]})}ue.displayName=l.Root.displayName;const ge=o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e("div",Object.assign({ref:r,className:ce("rounded-lg border bg-card text-card-foreground shadow-sm",o)},a))}));ge.displayName="Card";o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e("div",Object.assign({ref:r,className:ce("flex flex-col space-y-1.5 p-6",o)},a))})).displayName="CardHeader";o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e("h3",Object.assign({ref:r,className:ce("text-2xl font-semibold leading-none tracking-tight",o)},a))})).displayName="CardTitle";o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e("p",Object.assign({ref:r,className:ce("text-sm text-muted-foreground",o)},a))})).displayName="CardDescription";const be=o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e("div",Object.assign({ref:r,className:ce("p-6 pt-0",o)},a))}));be.displayName="CardContent";o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e("div",Object.assign({ref:r,className:ce("flex items-center p-6 pt-0",o)},a))})).displayName="CardFooter";const he=s("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),ve=o.forwardRef(((t,r)=>{var{className:o,variant:a}=t,s=h(t,["className","variant"]);return e("div",Object.assign({ref:r,role:"alert",className:ce(he({variant:a}),o)},s))}));ve.displayName="Alert";const ye=o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e("h5",Object.assign({ref:r,className:ce("mb-1 font-medium leading-none tracking-tight",o)},a))}));ye.displayName="AlertTitle";const xe=o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e("div",Object.assign({ref:r,className:ce("text-sm [&_p]:leading-relaxed",o)},a))}));xe.displayName="AlertDescription";const we=g.Root,Ne=g.Value,ke=o.forwardRef(((r,o)=>{var{className:a,children:s}=r,n=h(r,["className","children"]);return t(g.Trigger,Object.assign({ref:o,className:ce("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",a)},n,{children:[s,e(g.Icon,{asChild:!0,children:e(d,{className:"h-4 w-4 opacity-50"})})]}))}));ke.displayName=g.Trigger.displayName;const je=o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e(g.ScrollUpButton,Object.assign({ref:r,className:ce("flex cursor-default items-center justify-center py-1",o)},a,{children:e(c,{className:"h-4 w-4"})}))}));je.displayName=g.ScrollUpButton.displayName;const Oe=o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e(g.ScrollDownButton,Object.assign({ref:r,className:ce("flex cursor-default items-center justify-center py-1",o)},a,{children:e(d,{className:"h-4 w-4"})}))}));Oe.displayName=g.ScrollDownButton.displayName;const Se=o.forwardRef(((r,o)=>{var{className:a,children:s,position:n="popper"}=r,l=h(r,["className","children","position"]);return e(g.Portal,{children:t(g.Content,Object.assign({ref:o,className:ce("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===n&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:n},l,{children:[e(je,{}),e(g.Viewport,{className:ce("p-1","popper"===n&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:s}),e(Oe,{})]}))})}));Se.displayName=g.Content.displayName;o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e(g.Label,Object.assign({ref:r,className:ce("py-1.5 pl-8 pr-2 text-sm font-semibold",o)},a))})).displayName=g.Label.displayName;const ze=o.forwardRef(((r,o)=>{var{className:a,children:s}=r,n=h(r,["className","children"]);return t(g.Item,Object.assign({ref:o,className:ce("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a)},n,{children:[e("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:e(g.ItemIndicator,{children:e(m,{className:"h-4 w-4"})})}),e(g.ItemText,{children:s})]}))}));ze.displayName=g.Item.displayName;o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e(g.Separator,Object.assign({ref:r,className:ce("-mx-1 my-1 h-px bg-muted",o)},a))})).displayName=g.Separator.displayName;const Ce=b.Root,Ie=b.Portal,Te=o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e(b.Overlay,Object.assign({ref:r,className:ce("fixed inset-0 z-50 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",o)},a))}));Te.displayName=b.Overlay.displayName;const Re=o.forwardRef(((r,o)=>{var{className:a,children:s}=r,n=h(r,["className","children"]);return t(Ie,{children:[e(Te,{}),t(b.Content,Object.assign({ref:o,className:ce("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",a)},n,{children:[s,t(b.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[e(p,{className:"h-4 w-4"}),e("span",{className:"sr-only",children:"Close"})]})]}))]})}));Re.displayName=b.Content.displayName;o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e(b.Title,Object.assign({ref:r,className:ce("text-lg font-semibold leading-none tracking-tight",o)},a))})).displayName=b.Title.displayName;function Ee({isOpen:t,onClose:r,children:o,className:a}){return e(Ce,{open:t,onOpenChange:e=>!e&&r(),children:e(Re,{className:ce("max-w-7xl w-[95vw] h-[90vh] p-6 overflow-y-auto","scrollbar-thin scrollbar-track-transparent scrollbar-thumb-muted",a),children:o})})}o.forwardRef(((t,r)=>{var{className:o}=t,a=h(t,["className"]);return e(b.Description,Object.assign({ref:r,className:ce("text-sm text-muted-foreground",o)},a))})).displayName=b.Description.displayName;let Pe=0;const De=new Map,Me=e=>{if(De.has(e))return;const t=setTimeout((()=>{De.delete(e),Fe({type:"REMOVE_TOAST",toastId:e})}),1e6);De.set(e,t)},Ae=(e,t)=>{switch(t.type){case"ADD_TOAST":return Object.assign(Object.assign({},e),{toasts:[t.toast,...e.toasts].slice(0,1)});case"UPDATE_TOAST":return Object.assign(Object.assign({},e),{toasts:e.toasts.map((e=>e.id===t.toast.id?Object.assign(Object.assign({},e),t.toast):e))});case"DISMISS_TOAST":{const{toastId:r}=t;return r?Me(r):e.toasts.forEach((e=>{Me(e.id)})),Object.assign(Object.assign({},e),{toasts:e.toasts.map((e=>e.id===r||void 0===r?Object.assign(Object.assign({},e),{open:!1}):e))})}case"REMOVE_TOAST":return void 0===t.toastId?Object.assign(Object.assign({},e),{toasts:[]}):Object.assign(Object.assign({},e),{toasts:e.toasts.filter((e=>e.id!==t.toastId))})}},Ge=[];let _e={toasts:[]};function Fe(e){_e=Ae(_e,e),Ge.forEach((e=>{e(_e)}))}function Be(e){var t=h(e,[]);const r=(Pe=(Pe+1)%Number.MAX_SAFE_INTEGER,Pe.toString()),o=()=>Fe({type:"DISMISS_TOAST",toastId:r});return Fe({type:"ADD_TOAST",toast:Object.assign(Object.assign({},t),{id:r,open:!0,onOpenChange:e=>{e||o()}})}),{id:r,dismiss:o,update:e=>Fe({type:"UPDATE_TOAST",toast:Object.assign(Object.assign({},e),{id:r})})}}function Ve(){const[e,t]=o.useState(_e);return o.useEffect((()=>(Ge.push(t),()=>{const e=Ge.indexOf(t);e>-1&&Ge.splice(e,1)})),[e]),Object.assign(Object.assign({},e),{toast:Be,dismiss:e=>Fe({type:"DISMISS_TOAST",toastId:e})})}const Ue=[{id:1,title:"2:3 aspect ratio"},{id:2,title:"Outfit fully visible"},{id:3,title:"Tight clothes"},{id:4,title:"Three-quater shots"},{id:5,title:"Full-body shot"}],$e=[{id:1,title:"Extreme poses or perspectives"},{id:2,title:"Outfit fully visibMultiple people or kids"},{id:3,title:"Hair or objects infront of clothes"},{id:4,title:"Wide aspect ratio or standing far away"}];function Le({garmentId:a,garmentImage:s,garmentName:n,garmentType:l,apiKey:d,token:c,widgetClasses:p,onClose:g}){const[b,h]=o.useState(!1),[v,y]=o.useState(),[x,w]=o.useState(),[N,k]=o.useState(null),[j,O]=o.useState(!1),[S,z]=o.useState(),[C,I]=o.useState(l),{toast:T}=Ve();o.useEffect((()=>{const e=e=>{h(!0),z(void 0),I(e.detail.garmentType)};return window.addEventListener("openVirtualFittingRoom",e),()=>{window.removeEventListener("openVirtualFittingRoom",e)}}),[]),o.useEffect((()=>{a&&(h(!0),z(void 0))}),[a]);return e(Ee,{isOpen:b,onClose:()=>{h(!1),y(void 0),w(void 0),z(void 0),g()},className:ce("lg:w-[70%]",p),children:t("div",{className:"flex flex-col h-full max-w-6xl mx-auto",children:[e("div",{className:"flex items-center justify-between mb-6",children:e("h1",{className:"text-2xl font-bold",children:"Virtual Fitting Room"})}),t("div",{className:"flex items-center gap-4 mb-6",children:[t("div",{className:"flex items-center gap-2",children:[e("div",{className:"w-8 h-8 rounded-full flex items-center justify-center "+(v?"bg-muted text-muted-foreground":"bg-primary text-primary-foreground"),children:"1"}),e("span",{className:"font-medium hidden sm:inline",children:"Upload Photo"})]}),e("div",{className:"h-px flex-1 bg-border bg-black"}),t("div",{className:"flex items-center gap-2",children:[e("div",{className:"w-8 h-8 rounded-full flex items-center justify-center "+(v&&!x?"bg-primary text-primary-foreground":"bg-muted text-muted-foreground"),children:"2"}),e("span",{className:"font-medium hidden sm:inline",children:"Try It On"})]}),e("div",{className:"h-px flex-1 bg-border"}),t("div",{className:"flex items-center gap-2",children:[e("div",{className:"w-8 h-8 rounded-full flex items-center justify-center "+(x?"bg-primary text-primary-foreground":"bg-muted text-muted-foreground"),children:"3"}),e("span",{className:"font-medium hidden sm:inline",children:"View Result"})]})]}),S&&e(ve,{variant:"destructive",className:"mb-6 bg-red-700/20 text-red-700 !rounded-md",children:t("div",{className:"flex flex-col md:flex-row md:justify-between ",children:[t("div",{className:" flex gap-2",children:[e(u,{className:"h-4 w-4"}),t("div",{children:[e(ye,{children:"Error"}),e(xe,{children:S})]})]}),e(pe,{variant:"outline",size:"sm",onClick:()=>{z(void 0),w(void 0),v||y(void 0)},className:"mt-2",children:"Try Again"})]})}),t("div",{className:"grid md:grid-cols-2 gap-6 flex-1",children:[e(ge,{className:"h-full",children:t(be,{className:"p-6",children:[e("h2",{className:"text-2xl font-bold mb-4",children:"Your Photo"}),v?t("div",{className:"relative aspect-[3/4] rounded-lg overflow-hidden",children:[e("img",{src:x||v,alt:"Preview",className:"object-cover w-full h-full"}),!x&&!j&&e("div",{className:"absolute inset-0 flex items-center justify-center bg-background/80 backdrop-blur-sm",children:t("div",{className:"w-full max-w-xs space-y-4 p-4",children:[t("div",{className:"space-y-2",children:[e("label",{className:"text-sm font-medium",children:"Select Garment Type"}),t(we,{value:C,onValueChange:e=>I(e),children:[e(ke,{children:e(Ne,{placeholder:"Select type"})}),t(Se,{children:[e(ze,{value:"tops",children:"Tops (Shirts, Jackets)"}),e(ze,{value:"bottoms",children:"Bottoms (Pants, Skirts)"}),e(ze,{value:"one-pieces",children:"One Pieces (Dresses, Suits)"})]})]})]}),t(pe,{size:"lg",onClick:async()=>{if(!v||!N)return void T({title:"Error",description:"Please upload a photo first",variant:"destructive"});const e=new FormData;e.append("dressImage",s),e.append("modelImage",N),e.append("category",C);try{O(!0),z(void 0),w(void 0);const t=await fetch("https://www.aiframe.app/api/virtual-tryon",{method:"POST",body:e,credentials:"include",headers:{"api-key":d,Authorization:`Bearer ${c}`}}),r=await t.json();if(!t.ok){const e=r.error||r.message||"Failed to generate preview";throw new Error(e)}if(t.ok&&!r.success){const e=r.error||r.message||"Failed to generate preview";throw new Error(e)}if(!r.generatedImageUrl)throw new Error("Invalid response from server");w(r.generatedImageUrl),T({title:"Success",description:"Virtual try-on completed!"})}catch(e){const t=e instanceof Error?e.message:"Failed to generate preview";z(t),T({title:"Error",description:t,variant:"destructive"})}finally{O(!1)}},disabled:j,className:"w-full ",children:[e(i,{className:"mr-2 h-4 w-4"}),"Try It On"]}),e(pe,{variant:"outline",onClick:()=>{y(void 0),w(void 0),z(void 0)},className:"w-full",children:"Upload Different Photo"})]})}),j&&e("div",{className:"absolute inset-0 flex items-center justify-center bg-background/80 backdrop-blur-sm",children:t("div",{className:"text-center",children:[e(f,{className:"h-8 w-8 animate-spin mx-auto mb-2"}),e("p",{className:"text-sm",children:"Processing your image..."})]})})]}):t(r,{children:[t("p",{className:"text-muted-foreground mb-6",children:["Upload a photo to try on ",n]}),e(fe,{onFileSelected:async e=>{try{O(!0),z(void 0),y(URL.createObjectURL(e)),k(e),T({title:"Success",description:"Photo uploaded successfully. Select the garment type and click 'Try It On' to see how it looks!"})}catch(e){const t=e instanceof Error?e.message:"Failed to upload photo";z(t),T({title:"Error",description:t,variant:"destructive"})}finally{O(!1)}},accept:"image/jpeg,image/png",maxSize:10485760}),t("div",{className:"flex flex-col gap-3 mt-2",children:[t("div",{children:[e("h5",{className:"font-bold",children:"Recommended:"}),e("ul",{className:"grid grid-cols-2 gap-1 mt-2 text-xs list-outside pl-4 ",children:Ue.map((t=>e("li",{className:"list-disc",children:t.title},t.id)))})]}),t("div",{children:[e("h5",{className:"font-bold",children:"Pics to Avoid:"}),e("ul",{className:"text-xs list-outside pl-4 flex flex-col gap-1 mt-2 ",children:$e.map((t=>e("li",{className:"list-disc",children:t.title},t.id)))})]})]})]}),x&&e("div",{className:"flex justify-center items-center w-full mt-3",children:e(pe,{onClick:g,className:"pl-4",children:"Shop Now"})})]})}),e(ge,{className:"h-full",children:t(be,{className:"p-6",children:[e("h2",{className:"text-2xl font-bold mb-4",children:"Selected Item"}),e("div",{className:"aspect-[3/4] rounded-lg overflow-hidden mb-4",children:e("img",{src:s,alt:n,className:"object-cover w-full h-full"})}),t("div",{className:"flex items-center justify-between",children:[e("p",{className:"font-medium text-lg",children:n}),x&&t("div",{className:"flex items-center gap-2 text-sm text-green-600",children:[e(m,{className:"h-4 w-4"}),"Try-on complete"]})]})]})})]})]})})}const We=o.createContext(void 0),Ke=({apiKey:t,token:r,children:o})=>e(We.Provider,{value:{apiKey:t,token:r},children:o}),qe=()=>{const e=o.useContext(We);if(!e)throw new Error("useTryOn must be used within a TryOnProvider");return e},He=({dressId:a,dressImage:s,dressName:n,className:l,children:i,widgetClasses:d})=>{const{apiKey:c,token:m}=qe(),[p,u]=o.useState(!1);return t(r,{children:[e(pe,{variant:"default",onClick:()=>{u(!0)},className:l,children:i||"Try On"}),p&&e(Le,{garmentId:a,garmentImage:s,garmentName:n,garmentType:"tops",onClose:()=>u(!1),apiKey:c,token:m,widgetClasses:d})]})};export{He as TryOnButton,Ke as TryOnProvider,qe as useTryOn};
//# sourceMappingURL=index.esm.js.map