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

## **Introduction**

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