@jameskyeong/uix 0.1.7 → 0.1.8

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),Q=require("clsx"),D=require("motion/react"),a=require("react"),Yt=require("tailwind-merge"),Ne=require("lucide-react"),Ft=require("shiki"),Ve=require("react-dom"),$e=a.createContext(null),Ye=a.createContext(null),Fe=()=>{const r=a.useContext($e);if(!r)throw new Error("Accordion components must be used within an Accordion");return r},Ue=()=>{const r=a.useContext(Ye);if(!r)throw new Error("AccordionTrigger/Content must be used within an AccordionItem");return r},Xe=a.forwardRef(({children:r,className:s,multiple:e=!0,defaultValue:n=[],...l},o)=>{const[c,d]=a.useState(()=>new Set(n)),f=u=>{d(p=>{const t=new Set(p);return t.has(u)?t.delete(u):(e||t.clear(),t.add(u)),t})};return i.jsx($e.Provider,{value:{openItems:c,toggle:f,multiple:e},children:i.jsx("div",{ref:o,className:Q.clsx("space-y-2",s),...l,children:r})})});Xe.displayName="Accordion";const We=a.forwardRef(({children:r,className:s,value:e,disabled:n=!1,...l},o)=>{const{openItems:c}=Fe(),d=c.has(e);return i.jsx(Ye.Provider,{value:{value:e,isOpen:d,disabled:n},children:i.jsx("div",{ref:o,className:Q.clsx("border border-black/5 dark:border-white/5 rounded-xl overflow-hidden",n&&"opacity-50",s),...l,children:r})})});We.displayName="AccordionItem";const qe=a.forwardRef(({children:r,className:s,...e},n)=>{const{toggle:l}=Fe(),{value:o,isOpen:c,disabled:d}=Ue();return i.jsx("button",{ref:n,type:"button",disabled:d,onClick:()=>!d&&l(o),className:Q.clsx("w-full flex items-center justify-between px-4 py-3 text-left transition-colors",c?"bg-uix-surface-200/50":"hover:bg-uix-surface-200/30",d&&"cursor-not-allowed",s),"aria-expanded":c,...e,children:i.jsxs("div",{className:"flex items-center gap-3",children:[i.jsx("svg",{className:Q.clsx("w-4 h-4 text-uix-text-300 transition-transform duration-200",c&&"rotate-90"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})}),r]})})});qe.displayName="AccordionTrigger";const Ke=a.forwardRef(({children:r,className:s,...e},n)=>{const{isOpen:l}=Ue();return i.jsx(D.AnimatePresence,{initial:!1,children:l&&i.jsx(D.motion.div,{ref:n,initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2,ease:"easeInOut"},children:i.jsx("div",{className:Q.clsx("px-4 pb-4 pt-2",s),...e,children:r})})})});Ke.displayName="AccordionContent";function x(...r){return Yt.twMerge(Q.clsx(r))}const ke=a.forwardRef(({className:r,variant:s="default",size:e="sm",children:n,...l},o)=>{const c=s==="default"?"uix-convex-colored-sm":"uix-convex-sm",d={default:"bg-uix-prime-300 backdrop-blur-sm text-uix-white-100",secondary:"bg-uix-surface-300/80 backdrop-blur-sm text-uix-text-100",outline:"border border-uix-border-200 bg-uix-surface-100/50 backdrop-blur-sm text-uix-text-300"},f={sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm"},{onDrag:u,onDragStart:p,onDragEnd:t,...m}=l;return i.jsx(D.motion.span,{ref:o,className:x("inline-flex items-center rounded-xl font-medium",c,d[s],f[e],r),whileHover:{scale:1.05},whileTap:{scale:.97},transition:{type:"tween",duration:.1,ease:"linear"},...m,children:n})});ke.displayName="Badge";const Ge=a.forwardRef(({className:r,variant:s,color:e="prime",size:n="md",children:l,...o},c)=>{const f=`inline-flex items-center justify-center rounded-full font-semibold transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-uix-prime-300 disabled:pointer-events-none disabled:opacity-50 cursor-pointer backdrop-blur-sm ${s==="filled"?"uix-convex-colored-sm":"uix-convex-sm"}`,u="bg-uix-surface-200/70 text-uix-text-100 hover:bg-uix-surface-300/80",p={prime:"bg-uix-prime-300 text-uix-white-100 hover:bg-uix-prime-400",sub1:"bg-uix-sub1-300 text-uix-white-100 hover:bg-uix-sub1-400",sub2:"bg-uix-sub2-300 text-uix-black-300 hover:bg-uix-sub2-400"},t={prime:"border border-uix-prime-300/50 text-uix-prime-300 bg-uix-surface-100/20 hover:bg-uix-prime-300 hover:text-uix-white-100 hover:border-transparent",sub1:"border border-uix-sub1-300/50 text-uix-sub1-300 bg-uix-surface-100/20 hover:bg-uix-sub1-300 hover:text-uix-white-100 hover:border-transparent",sub2:"border border-uix-sub2-300/50 text-uix-sub2-400 bg-uix-surface-100/20 hover:bg-uix-sub2-300 hover:text-uix-black-300 hover:border-transparent"},m={prime:"bg-transparent text-uix-prime-300 hover:bg-uix-prime-100/15",sub1:"bg-transparent text-uix-sub1-300 hover:bg-uix-sub1-100/15",sub2:"bg-transparent text-uix-sub2-400 hover:bg-uix-sub2-100/15"},g={filled:p[e],outline:t[e],ghost:m[e]},T={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"},O=s?g[s]:u;return i.jsx(D.motion.button,{ref:c,className:x(f,O,T[n],r),whileHover:{scale:1.03,y:-1},whileTap:{scale:.96},transition:{duration:.06,ease:[0,0,1,1]},...o,children:l})});Ge.displayName="Button";const Qe=a.forwardRef(({className:r,children:s,hover:e=!0,accentColor:n="none",accentPosition:l="none",...o},c)=>{const d={prime:"bg-uix-prime-300",sub1:"bg-uix-sub1-300",sub2:"bg-uix-sub2-300",none:""};return i.jsxs(D.motion.div,{ref:c,className:x("relative bg-uix-surface-100/80 backdrop-blur-xl backdrop-saturate-150 uix-glass-border rounded-[2rem] overflow-hidden uix-convex",r),initial:!1,whileHover:e?{y:-4,scale:1.01}:void 0,transition:{type:"tween",duration:.15,ease:"linear"},...o,children:[l==="top"&&n!=="none"&&i.jsx("div",{className:x("absolute top-0 left-0 right-0 h-1",d[n])}),l==="left"&&n!=="none"&&i.jsx("div",{className:x("absolute top-0 left-0 bottom-0 w-1",d[n])}),s]})});Qe.displayName="Card";const Ze=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("div",{ref:n,className:x("p-6 xl:p-8",r),...e,children:s}));Ze.displayName="CardContent";const Je=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("div",{ref:n,className:x("flex items-center gap-4 mb-4",r),...e,children:s}));Je.displayName="CardHeader";const et=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("h3",{ref:n,className:x("text-xl xl:text-2xl font-bold text-uix-text-100",r),...e,children:s}));et.displayName="CardTitle";const tt=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("p",{ref:n,className:x("text-uix-gray-200 leading-relaxed",r),...e,children:s}));tt.displayName="CardDescription";const st=a.forwardRef(({className:r,code:s,language:e="tsx",showLineNumbers:n=!1,...l},o)=>{const[c,d]=a.useState(!1),[f,u]=a.useState("");a.useEffect(()=>{(async()=>{const m=await Ft.codeToHtml(s.trim(),{lang:e,theme:"github-dark"});u(m)})()},[s,e]);const p=async()=>{await navigator.clipboard.writeText(s.trim()),d(!0),setTimeout(()=>d(!1),2e3)};return i.jsxs("div",{ref:o,className:x("relative rounded-2xl bg-uix-black-400 overflow-hidden uix-convex",r),...l,children:[i.jsxs("div",{className:"flex items-center justify-between px-4 py-2 border-b border-uix-black-200",children:[i.jsx(ke,{variant:"secondary",size:"sm",children:e}),i.jsx("button",{type:"button",onClick:p,className:"p-1.5 rounded-xl hover:bg-uix-black-200 transition-colors","aria-label":"Copy code",children:c?i.jsx(Ne.Check,{size:14,className:"text-green-400"}):i.jsx(Ne.Copy,{size:14,className:"text-uix-gray-100"})})]}),i.jsx("div",{className:x("p-4 overflow-x-auto text-sm","[&_pre]:!bg-transparent [&_pre]:!m-0 [&_pre]:!p-0","[&_code]:!bg-transparent",n&&"[&_.line]:before:content-[counter(line)] [&_.line]:before:counter-increment-[line] [&_.line]:before:mr-4 [&_.line]:before:text-uix-gray-300"),dangerouslySetInnerHTML:{__html:f}})]})});st.displayName="CodeBlock";const Ut={prime:"var(--uix-prime-300)",sub1:"var(--uix-sub1-300)",sub2:"var(--uix-sub2-300)"},Xt={prime:"bg-gradient-to-br from-uix-prime-400 via-uix-prime-300 to-uix-prime-400",sub1:"bg-gradient-to-br from-uix-sub1-400 via-uix-sub1-300 to-uix-sub1-400",sub2:"bg-gradient-to-br from-uix-sub2-400 via-uix-sub2-300 to-uix-sub2-400"};function Wt({children:r,className:s="",color:e="prime",gradient:n=!1,delay:l=0,charDelay:o=.04}){const c=a.useRef(null),d=D.useInView(c,{once:!0,margin:"-50px"}),[f,u]=a.useState(!1),p=1,t=r.length,m=p+l+t*o+.25;return a.useEffect(()=>{if(n&&d&&!f){const g=setTimeout(()=>{u(!0)},m*1e3);return()=>clearTimeout(g)}},[n,d,f,m]),n&&f?i.jsx("span",{ref:c,className:`inline-block bg-clip-text text-transparent ${Xt[e]} ${s}`,children:r}):i.jsx("span",{ref:c,className:`inline-block ${s}`,children:r.split("").map((g,T)=>i.jsx(D.motion.span,{className:"inline-block",style:{color:"var(--uix-text-100)"},animate:d?{color:Ut[e]}:{},transition:{duration:.25,delay:p+l+T*o,ease:[.1,.1,.9,.9]},children:g===" "?" ":g},T))})}const rt=a.createContext(null);function De(){const r=a.useContext(rt);if(!r)throw new Error("Dropdown components must be used within a Dropdown");return r}function qt({children:r,open:s,onOpenChange:e,className:n,...l}){const[o,c]=a.useState(!1),d=a.useRef(null),f=s??o,u=p=>{c(p),e==null||e(p)};return i.jsx(rt.Provider,{value:{open:f,setOpen:u,triggerRef:d},children:i.jsx("div",{className:Q.clsx("relative inline-block",n),...l,children:r})})}function Kt({children:r,className:s,onClick:e,...n}){const{open:l,setOpen:o,triggerRef:c}=De();return i.jsxs("button",{ref:c,type:"button",className:Q.clsx("inline-flex items-center gap-1.5 px-3 py-1.5 rounded-xl text-sm font-medium","uix-glass uix-glass-border uix-convex-sm","text-uix-text-200 hover:text-uix-text-100 transition-colors",s),onClick:d=>{o(!l),e==null||e(d)},"aria-expanded":l,"aria-haspopup":"true",...n,children:[r,i.jsx("svg",{className:Q.clsx("w-3.5 h-3.5 transition-transform duration-200",l&&"rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]})}function Gt({children:r,className:s,align:e="start"}){const{open:n,setOpen:l,triggerRef:o}=De(),c=a.useRef(null),[d,f]=a.useState({top:0,left:0});a.useLayoutEffect(()=>{if(!n||!o.current)return;const p=()=>{var g;const t=(g=o.current)==null?void 0:g.getBoundingClientRect();if(!t)return;let m=t.left;e==="center"?m=t.left+t.width/2:e==="end"&&(m=t.right),f({top:t.bottom+8,left:m})};return p(),window.addEventListener("scroll",p,!0),window.addEventListener("resize",p),()=>{window.removeEventListener("scroll",p,!0),window.removeEventListener("resize",p)}},[n,o,e]),a.useEffect(()=>{if(!n)return;const p=m=>{c.current&&!c.current.contains(m.target)&&o.current&&!o.current.contains(m.target)&&l(!1)},t=m=>{var g;m.key==="Escape"&&(l(!1),(g=o.current)==null||g.focus())};return document.addEventListener("mousedown",p),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",p),document.removeEventListener("keydown",t)}},[n,l,o]);const u={start:{transform:"translateX(0)"},center:{transform:"translateX(-50%)"},end:{transform:"translateX(-100%)"}};return typeof document>"u"?null:Ve.createPortal(i.jsx(D.AnimatePresence,{children:n&&i.jsx(D.motion.div,{ref:c,initial:{opacity:0,y:-8},animate:{opacity:1,y:0},exit:{opacity:0,y:-8},transition:{type:"spring",stiffness:400,damping:25,mass:.8},className:Q.clsx("fixed z-50 min-w-[180px]","uix-glass uix-glass-border uix-convex uix-glass-noise rounded-2xl","p-1.5 shadow-xl",s),style:{top:d.top,left:d.left,...u[e]},role:"menu",children:r})}),document.body)}function Qt({children:r,className:s,disabled:e,onClick:n,...l}){const{setOpen:o}=De();return i.jsx("button",{type:"button",role:"menuitem",disabled:e,className:Q.clsx("w-full flex items-center gap-2 px-3 py-2 rounded-xl text-sm text-left","transition-colors duration-100",e?"text-uix-text-300 cursor-not-allowed":"text-uix-text-200 hover:text-uix-text-100 hover:bg-uix-surface-300/60",s),onClick:c=>{e||(n==null||n(c),o(!1))},...l,children:r})}function Zt({className:r,...s}){return i.jsx("hr",{className:Q.clsx("my-1.5 h-px border-0 bg-white/15",r),...s})}const nt=({onFileSelect:r,onFilesSelect:s,accept:e="image/*",maxSizeMB:n=10,multiple:l=!1,disabled:o=!1,variant:c="default",size:d="md",icon:f,title:u,description:p,className:t,onError:m})=>{const g=a.useRef(null),[T,O]=a.useState(!1),F=w=>{const h=n*1024*1024;return w.size>h?(m==null||m(`파일 크기는 ${n}MB 이하여야 합니다`),!1):!0},v=w=>{if(!w||w.length===0)return;const h=[];for(const E of Array.from(w))F(E)&&h.push(E);h.length!==0&&(l&&s?s(h):r(h[0]))},q=w=>{v(w.target.files),w.target.value=""},V=w=>{w.preventDefault(),O(!1),!o&&v(w.dataTransfer.files)},se=w=>{w.preventDefault(),o||O(!0)},y=()=>{O(!1)},S=w=>{if(o)return;const h=w.clipboardData.items,E=[];for(const U of Array.from(h))if(U.type.startsWith("image/")||e==="*"){const Z=U.getAsFile();if(Z&&F(Z)&&(E.push(Z),!l))break}E.length>0&&(l&&s?s(E):r(E[0]))},j=()=>{var w;o||(w=g.current)==null||w.click()},M=w=>{(w.key==="Enter"||w.key===" ")&&(w.preventDefault(),j())},H={sm:"p-6",md:"p-10",lg:"p-14"},_={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16"},B=x("relative rounded-3xl text-center cursor-pointer transition-all duration-200","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-uix-prime-300",H[d],o&&"opacity-50 cursor-not-allowed"),R={default:x("border-2 border-dashed uix-glass-border bg-uix-surface-100/50",T?"border-uix-prime-300 bg-uix-prime-500/5":"border-uix-border-200 hover:border-uix-prime-300/50 hover:bg-uix-surface-200/50"),glass:x("border-2 border-dashed uix-glass uix-convex",T?"border-uix-prime-300 bg-uix-prime-500/10":"border-uix-border-100 hover:border-uix-prime-300/50")},A=u??"파일을 선택하거나 드래그하세요",$=p??"클릭, 드래그 앤 드롭, 또는 붙여넣기";return i.jsxs(D.motion.div,{className:x(B,R[c],t),onClick:j,onDrop:V,onDragOver:se,onDragLeave:y,onPaste:S,onKeyDown:M,tabIndex:o?-1:0,role:"button","aria-label":A,"aria-disabled":o,whileHover:o?void 0:{scale:1.01},whileTap:o?void 0:{scale:.99},transition:{duration:.1},children:[i.jsx("input",{ref:g,type:"file",accept:e,multiple:l,onChange:q,disabled:o,className:"hidden",tabIndex:-1}),i.jsxs("div",{className:"space-y-3",children:[i.jsx("div",{className:"flex justify-center",children:f??i.jsx(Ne.Upload,{className:x(_[d],"transition-colors",T?"text-uix-prime-300":"text-uix-text-300"),strokeWidth:1.5})}),i.jsxs("div",{children:[i.jsx("p",{className:"text-uix-text-100 font-medium mb-1",children:A}),i.jsx("p",{className:"text-sm text-uix-text-200",children:$})]}),i.jsxs("p",{className:"text-xs text-uix-text-300",children:["최대 ",n,"MB"]})]})]})};nt.displayName="FileUploader";const at=({length:r=6,onComplete:s,onChange:e,disabled:n=!1,error:l=!1,mask:o=!1,variant:c="default",size:d="md",type:f="numeric",className:u,autoFocus:p=!0})=>{const[t,m]=a.useState(Array(r).fill("")),g=a.useRef([]);a.useEffect(()=>{var y;p&&((y=g.current[0])==null||y.focus())},[p]),a.useEffect(()=>{const y=t.join("");e==null||e(y),y.length===r&&t.every(S=>S!=="")&&s(y)},[t,r,s,e]);const T=y=>f==="numeric"?y.replace(/\D/g,""):y.replace(/[^a-zA-Z0-9]/g,""),O=(y,S)=>{var H;const j=T(S).slice(-1),M=[...t];M[y]=j,m(M),j&&y<r-1&&((H=g.current[y+1])==null||H.focus())},F=(y,S)=>{var j,M,H;if(S.key==="Backspace")if(!t[y]&&y>0){(j=g.current[y-1])==null||j.focus();const _=[...t];_[y-1]="",m(_)}else{const _=[...t];_[y]="",m(_)}else S.key==="ArrowLeft"&&y>0?(M=g.current[y-1])==null||M.focus():S.key==="ArrowRight"&&y<r-1&&((H=g.current[y+1])==null||H.focus())},v=y=>{var j;y.preventDefault();const S=T(y.clipboardData.getData("text")).slice(0,r);if(S){const M=[...t];for(let _=0;_<S.length;_++)M[_]=S[_];m(M);const H=Math.min(S.length,r-1);(j=g.current[H])==null||j.focus()}},q={sm:{input:"w-10 h-11 text-lg",gap:"gap-2"},md:{input:"w-12 h-14 text-xl",gap:"gap-3"},lg:{input:"w-14 h-16 text-2xl",gap:"gap-3"}},V={default:x("bg-uix-surface-100/80 border uix-glass-border",l?"border-uix-sub1-400 focus:ring-uix-sub1-300/30":"border-uix-border-200 focus:border-uix-prime-300 focus:ring-uix-prime-300/20"),glass:x("uix-glass border uix-glass-border",l?"border-uix-sub1-400 focus:ring-uix-sub1-300/30":"border-uix-border-100 focus:border-uix-prime-300 focus:ring-uix-prime-300/20")},se=x("text-center font-semibold rounded-2xl outline-none transition-all","focus:ring-2 text-uix-text-100","disabled:opacity-50 disabled:cursor-not-allowed",q[d].input,V[c]);return i.jsx("div",{className:x("flex justify-center",q[d].gap,u),children:t.map((y,S)=>i.jsx("input",{ref:j=>{g.current[S]=j},type:o?"password":"text",inputMode:f==="numeric"?"numeric":"text",maxLength:1,value:y,onChange:j=>O(S,j.target.value),onKeyDown:j=>F(S,j),onPaste:v,disabled:n,className:se,autoComplete:"one-time-code","aria-label":`PIN 입력 ${S+1}/${r}`},S))})};at.displayName="PinInput";const Re=a.forwardRef(({className:r,orientation:s="vertical",children:e,...n},l)=>{const o={vertical:"overflow-y-auto overflow-x-hidden",horizontal:"overflow-x-auto overflow-y-hidden",both:"overflow-auto"};return i.jsx("div",{ref:l,className:x("relative",o[s],"[&::-webkit-scrollbar]:w-2","[&::-webkit-scrollbar-track]:bg-transparent","[&::-webkit-scrollbar-thumb]:bg-uix-gray-300/50","[&::-webkit-scrollbar-thumb]:rounded-full","[&::-webkit-scrollbar-thumb]:hover:bg-uix-gray-300",r),...n,children:e})});Re.displayName="ScrollArea";function Jt({threshold:r=500,className:s}){const[e,n]=a.useState(!1);a.useEffect(()=>{const o=()=>{n(window.scrollY>r)};return window.addEventListener("scroll",o,{passive:!0}),()=>window.removeEventListener("scroll",o)},[r]);const l=()=>{window.scrollTo({top:0,behavior:"smooth"})};return i.jsx(D.AnimatePresence,{children:e&&i.jsx(D.motion.button,{initial:{opacity:0,scale:.5,y:20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.5,y:20},whileHover:{scale:1.1,y:-2},whileTap:{scale:.9},transition:{default:{type:"spring",stiffness:300,damping:20,mass:.8},scale:{duration:.06,ease:[0,0,1,1]}},onClick:l,className:x("fixed bottom-6 right-6 z-50 p-3 rounded-full bg-uix-prime-300 backdrop-blur-sm text-uix-white-100 hover:bg-uix-prime-400 cursor-pointer uix-convex-colored",s),"aria-label":"Scroll to top",children:i.jsx(Ne.ChevronUp,{size:24})})})}const ot=a.forwardRef(({className:r,children:s,variant:e="default",container:n=!0,animate:l=!0,id:o,...c},d)=>{const f=a.useRef(null),u=D.useInView(f,{once:!0,margin:"-100px"}),p="backdrop-blur-xl backdrop-saturate-150 uix-glass-border uix-convex",t={default:`bg-uix-surface-200/50 ${p}`,secondary:`bg-uix-surface-300/50 ${p}`,accent:`bg-uix-prime-300/60 ${p} text-uix-white-100`},m=n?i.jsx("div",{className:"max-w-4xl mx-auto px-6 xl:px-12",children:s}):s;return i.jsx("section",{ref:g=>{f.current=g,typeof d=="function"?d(g):d&&(d.current=g)},id:o,className:x("relative py-16 xl:py-24 rounded-[2.5rem]",t[e],r),...c,children:l?i.jsx(D.motion.div,{initial:{opacity:0,y:40},animate:u?{opacity:1,y:0}:{opacity:0,y:40},transition:{type:"spring",stiffness:200,damping:25,mass:1},children:m}):m})});ot.displayName="Section";const it=a.forwardRef(({className:r,children:s,subtitle:e,...n},l)=>i.jsxs("div",{className:"text-center mb-14 xl:mb-20",children:[i.jsx("h2",{ref:l,className:x("text-4xl xl:text-6xl font-bold text-uix-text-100 mb-6 tracking-tight",r),...n,children:s}),e&&i.jsx("p",{className:"text-xl xl:text-2xl text-uix-gray-200 max-w-3xl mx-auto leading-relaxed",children:e})]}));it.displayName="SectionTitle";const lt=a.createContext(null),es=()=>{const r=a.useContext(lt);if(!r)throw new Error("Sheet components must be used within a Sheet provider");return r},ct=({open:r,onOpenChange:s,children:e})=>(a.useEffect(()=>{const n=l=>{l.key==="Escape"&&r&&s(!1)};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[r,s]),a.useEffect(()=>(r?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[r]),i.jsx(lt.Provider,{value:{open:r,onOpenChange:s},children:e}));ct.displayName="Sheet";const dt=a.forwardRef(({className:r,side:s="left",children:e},n)=>{const{open:l,onOpenChange:o}=es(),c={left:{initial:{x:"-100%"},animate:{x:0},exit:{x:"-100%"}},right:{initial:{x:"100%"},animate:{x:0},exit:{x:"100%"}}},d={left:"left-0",right:"right-0"};return i.jsx(D.AnimatePresence,{children:l&&i.jsxs(i.Fragment,{children:[i.jsx(D.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},className:"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",onClick:()=>o(!1)}),i.jsx(D.motion.div,{ref:n,initial:c[s].initial,animate:c[s].animate,exit:c[s].exit,transition:{type:"spring",damping:25,stiffness:300},className:x("fixed top-0 z-50 h-full w-72 bg-uix-surface-100/90 backdrop-blur-xl backdrop-saturate-150 border-r border-black/[0.3] dark:border-white/[0.03] rounded-r-3xl uix-convex-lg",d[s],r),children:e})]})})});dt.displayName="SheetContent";const ut=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("div",{ref:n,className:x("flex flex-col gap-2 p-6 border-b border-black/10 dark:border-white/10",r),...e,children:s}));ut.displayName="SheetHeader";const ft=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("h2",{ref:n,className:x("text-lg font-semibold text-uix-text-100",r),...e,children:s}));ft.displayName="SheetTitle";const ts="relative uix-glass uix-glass-border uix-convex uix-glass-noise rounded-3xl",mt=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("aside",{ref:n,className:x("hidden xl:flex flex-col w-60 h-full",ts,r),...e,children:s}));mt.displayName="Sidebar";const pt=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("div",{ref:n,className:x("flex flex-col gap-1 p-6",r),...e,children:s}));pt.displayName="SidebarHeader";const xt=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx(Re,{ref:n,className:x("flex-1 p-4",r),...e,children:s}));xt.displayName="SidebarContent";const bt=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("div",{ref:n,className:x("mb-6",r),...e,children:s}));bt.displayName="SidebarGroup";const gt=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("div",{ref:n,className:x("px-3 mb-3 text-xs font-semibold uppercase tracking-widest text-uix-sub1-300/80",r),...e,children:s}));gt.displayName="SidebarGroupLabel";const ht=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("ul",{ref:n,className:x("space-y-1",r),...e,children:s}));ht.displayName="SidebarMenu";const vt=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("li",{ref:n,className:x("",r),...e,children:s}));vt.displayName="SidebarMenuItem";const yt=a.forwardRef(({className:r,isActive:s=!1,children:e,...n},l)=>{const{onDrag:o,onDragStart:c,onDragEnd:d,...f}=n;return i.jsxs(D.motion.button,{ref:l,type:"button",className:x("relative flex w-full items-center gap-2 rounded-xl px-3 py-2.5 text-base font-medium","hover:bg-uix-surface-300/50 hover:text-uix-text-100",s?"text-uix-prime-300 bg-uix-prime-100/15":"text-uix-text-300",r),whileHover:{x:4,scale:1.01},whileTap:{scale:.97},transition:{duration:.08,ease:[0,0,1,1]},...f,children:[s&&i.jsx(D.motion.span,{className:"absolute left-0 top-1/2 -translate-y-1/2 w-0.5 h-5 bg-uix-prime-300 rounded-r-full",layoutId:"sidebar-active-indicator",transition:{type:"spring",stiffness:300,damping:20,mass:.8}}),e]})});yt.displayName="SidebarMenuButton";const wt=({value:r,onChange:s,min:e=0,max:n=100,step:l=1,disabled:o=!1,variant:c="default",size:d="md",color:f="prime",showValue:u=!1,showMinMax:p=!1,marks:t,label:m,description:g,className:T})=>{const O=a.useRef(null),[F,v]=a.useState(!1),q=(r-e)/(n-e)*100,V=a.useCallback(B=>{if(!O.current)return r;const R=O.current.getBoundingClientRect(),A=Math.max(0,Math.min(1,(B-R.left)/R.width)),$=e+A*(n-e),w=Math.round($/l)*l;return Math.max(e,Math.min(n,w))},[e,n,l,r]),se=B=>{if(o)return;B.preventDefault(),v(!0);const R=V(B.clientX);s(R);const A=w=>{const h=V(w.clientX);s(h)},$=()=>{v(!1),document.removeEventListener("mousemove",A),document.removeEventListener("mouseup",$)};document.addEventListener("mousemove",A),document.addEventListener("mouseup",$)},y=B=>{if(o)return;v(!0);const R=B.touches[0],A=V(R.clientX);s(A);const $=h=>{const E=h.touches[0],U=V(E.clientX);s(U)},w=()=>{v(!1),document.removeEventListener("touchmove",$),document.removeEventListener("touchend",w)};document.addEventListener("touchmove",$),document.addEventListener("touchend",w)},S=B=>{if(o)return;let R=r;switch(B.key){case"ArrowRight":case"ArrowUp":R=Math.min(n,r+l);break;case"ArrowLeft":case"ArrowDown":R=Math.max(e,r-l);break;case"Home":R=e;break;case"End":R=n;break;default:return}B.preventDefault(),s(R)},j={sm:{track:"h-1.5",thumb:"w-4 h-4"},md:{track:"h-2",thumb:"w-5 h-5"},lg:{track:"h-3",thumb:"w-6 h-6"}},M={prime:"bg-uix-prime-400",sub1:"bg-uix-sub1-400",sub2:"bg-uix-sub2-400"},H={prime:"bg-uix-prime-300",sub1:"bg-uix-sub1-300",sub2:"bg-uix-sub2-300"},_={default:"bg-uix-surface-300",glass:"uix-glass"};return i.jsxs("div",{className:x("w-full",T),children:[(m||u)&&i.jsxs("div",{className:"flex items-center justify-between mb-2",children:[m&&i.jsx("span",{className:"text-sm font-medium text-uix-text-100",children:m}),u&&i.jsx("span",{className:"text-sm font-semibold text-uix-text-200",children:r})]}),g&&i.jsx("p",{className:"text-sm text-uix-text-300 mb-3",children:g}),i.jsxs("div",{ref:O,className:x("relative w-full rounded-full cursor-pointer",j[d].track,_[c],o&&"opacity-50 cursor-not-allowed"),onMouseDown:se,onTouchStart:y,role:"slider","aria-valuemin":e,"aria-valuemax":n,"aria-valuenow":r,"aria-disabled":o,tabIndex:o?-1:0,onKeyDown:S,children:[i.jsx("div",{className:x("absolute left-0 top-0 h-full rounded-full",M[f]),style:{width:`${q}%`}}),t==null?void 0:t.map(B=>{const R=(B.value-e)/(n-e)*100;return i.jsxs("div",{className:"absolute top-1/2 -translate-y-1/2 -translate-x-1/2",style:{left:`${R}%`},children:[i.jsx("div",{className:x("w-2 h-2 rounded-full",B.value<=r?H[f]:"bg-uix-surface-400")}),i.jsx("span",{className:"absolute top-4 left-1/2 -translate-x-1/2 text-xs text-uix-text-300 whitespace-nowrap",children:B.label})]},B.value)}),i.jsx(D.motion.div,{className:x("absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full","uix-convex-colored shadow-lg",j[d].thumb,H[f],!o&&"cursor-grab active:cursor-grabbing"),style:{left:`${q}%`},animate:{scale:F?1.15:1},whileHover:o?void 0:{scale:1.1},transition:{duration:.1}})]}),p&&i.jsxs("div",{className:"flex justify-between mt-2 text-xs text-uix-text-300",children:[i.jsx("span",{children:e}),i.jsx("span",{children:n})]})]})};wt.displayName="Slider";const Nt=a.forwardRef(({className:r,variant:s="default",rounded:e="3xl",children:n,...l},o)=>{const c="relative uix-glass uix-glass-border uix-convex uix-glass-noise",d={default:"",subtle:"uix-convex-subtle",strong:"uix-convex-lg"},f={none:"rounded-none",sm:"rounded-lg",md:"rounded-xl",lg:"rounded-2xl",xl:"rounded-[1.5rem]","2xl":"rounded-[2rem]","3xl":"rounded-3xl",full:"rounded-full"};return i.jsx("div",{ref:o,className:x(c,d[s],f[e],r),...l,children:n})});Nt.displayName="Surface";const St=a.createContext(null),Tt=()=>{const r=a.useContext(St);if(!r)throw new Error("Tabs components must be used within a Tabs provider");return r},Et=a.forwardRef(({className:r,defaultValue:s,children:e,...n},l)=>{const[o,c]=a.useState(s),d=a.useId();return i.jsx(St.Provider,{value:{activeTab:o,setActiveTab:c,tabsId:d},children:i.jsx("div",{ref:l,className:x("w-full",r),...n,children:e})})});Et.displayName="Tabs";const jt=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("div",{ref:n,className:x("inline-flex items-center gap-1 rounded-2xl bg-uix-surface-300/50 backdrop-blur-xl backdrop-saturate-150 uix-glass-border p-1.5 uix-convex",r),...e,children:s}));jt.displayName="TabsList";const kt=a.forwardRef(({className:r,value:s,children:e,...n},l)=>{const{activeTab:o,setActiveTab:c,tabsId:d}=Tt(),f=o===s,{onDrag:u,onDragStart:p,onDragEnd:t,...m}=n;return i.jsxs(D.motion.button,{ref:l,type:"button",onClick:()=>c(s),className:x("relative inline-flex items-center justify-center px-4 py-2 text-base font-medium rounded-xl","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-uix-prime-300",f?"text-uix-text-100":"text-uix-text-300 hover:text-uix-text-100",r),whileHover:{scale:1.02},whileTap:{scale:.96},transition:{duration:.06,ease:[0,0,1,1]},...m,children:[f&&i.jsx(D.motion.span,{layoutId:`tabs-indicator-${d}`,className:"absolute inset-0 bg-uix-surface-100 rounded-xl uix-convex-sm",transition:{type:"spring",stiffness:300,damping:20,mass:.8}}),i.jsx("span",{className:"relative z-10",children:e})]})});kt.displayName="TabsTrigger";const Dt=a.forwardRef(({className:r,children:s,...e},n)=>i.jsx("div",{ref:n,className:x("relative mt-4",r),...e,children:i.jsx("div",{className:"grid [&>*]:col-start-1 [&>*]:row-start-1",children:s})}));Dt.displayName="TabsPanels";const Rt=a.forwardRef(({className:r,value:s,children:e,...n},l)=>{const{activeTab:o}=Tt(),c=o===s;return i.jsx(D.motion.div,{ref:l,className:x(r),initial:!1,animate:{opacity:c?1:0,scale:c?1:.98,y:c?0:8,visibility:c?"visible":"hidden"},transition:{type:"spring",stiffness:400,damping:25,mass:.8},"aria-hidden":!c,children:i.jsx("div",{...n,children:e})})});Rt.displayName="TabsContent";function ss(r){if(typeof document>"u")return;let s=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css",s.appendChild(e),e.styleSheet?e.styleSheet.cssText=r:e.appendChild(document.createTextNode(r))}const rs=r=>{switch(r){case"success":return os;case"info":return ls;case"warning":return is;case"error":return cs;default:return null}},ns=Array(12).fill(0),as=({visible:r,className:s})=>a.createElement("div",{className:["sonner-loading-wrapper",s].filter(Boolean).join(" "),"data-visible":r},a.createElement("div",{className:"sonner-spinner"},ns.map((e,n)=>a.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${n}`})))),os=a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},a.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),is=a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},a.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),ls=a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},a.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),cs=a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},a.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),ds=a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},a.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),a.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),us=()=>{const[r,s]=a.useState(document.hidden);return a.useEffect(()=>{const e=()=>{s(document.hidden)};return document.addEventListener("visibilitychange",e),()=>window.removeEventListener("visibilitychange",e)},[]),r};let je=1;class fs{constructor(){this.subscribe=s=>(this.subscribers.push(s),()=>{const e=this.subscribers.indexOf(s);this.subscribers.splice(e,1)}),this.publish=s=>{this.subscribers.forEach(e=>e(s))},this.addToast=s=>{this.publish(s),this.toasts=[...this.toasts,s]},this.create=s=>{var e;const{message:n,...l}=s,o=typeof(s==null?void 0:s.id)=="number"||((e=s.id)==null?void 0:e.length)>0?s.id:je++,c=this.toasts.find(f=>f.id===o),d=s.dismissible===void 0?!0:s.dismissible;return this.dismissedToasts.has(o)&&this.dismissedToasts.delete(o),c?this.toasts=this.toasts.map(f=>f.id===o?(this.publish({...f,...s,id:o,title:n}),{...f,...s,id:o,dismissible:d,title:n}):f):this.addToast({title:n,...l,dismissible:d,id:o}),o},this.dismiss=s=>(s?(this.dismissedToasts.add(s),requestAnimationFrame(()=>this.subscribers.forEach(e=>e({id:s,dismiss:!0})))):this.toasts.forEach(e=>{this.subscribers.forEach(n=>n({id:e.id,dismiss:!0}))}),s),this.message=(s,e)=>this.create({...e,message:s}),this.error=(s,e)=>this.create({...e,message:s,type:"error"}),this.success=(s,e)=>this.create({...e,type:"success",message:s}),this.info=(s,e)=>this.create({...e,type:"info",message:s}),this.warning=(s,e)=>this.create({...e,type:"warning",message:s}),this.loading=(s,e)=>this.create({...e,type:"loading",message:s}),this.promise=(s,e)=>{if(!e)return;let n;e.loading!==void 0&&(n=this.create({...e,promise:s,type:"loading",message:e.loading,description:typeof e.description!="function"?e.description:void 0}));const l=Promise.resolve(s instanceof Function?s():s);let o=n!==void 0,c;const d=l.then(async u=>{if(c=["resolve",u],a.isValidElement(u))o=!1,this.create({id:n,type:"default",message:u});else if(ps(u)&&!u.ok){o=!1;const t=typeof e.error=="function"?await e.error(`HTTP error! status: ${u.status}`):e.error,m=typeof e.description=="function"?await e.description(`HTTP error! status: ${u.status}`):e.description,T=typeof t=="object"&&!a.isValidElement(t)?t:{message:t};this.create({id:n,type:"error",description:m,...T})}else if(u instanceof Error){o=!1;const t=typeof e.error=="function"?await e.error(u):e.error,m=typeof e.description=="function"?await e.description(u):e.description,T=typeof t=="object"&&!a.isValidElement(t)?t:{message:t};this.create({id:n,type:"error",description:m,...T})}else if(e.success!==void 0){o=!1;const t=typeof e.success=="function"?await e.success(u):e.success,m=typeof e.description=="function"?await e.description(u):e.description,T=typeof t=="object"&&!a.isValidElement(t)?t:{message:t};this.create({id:n,type:"success",description:m,...T})}}).catch(async u=>{if(c=["reject",u],e.error!==void 0){o=!1;const p=typeof e.error=="function"?await e.error(u):e.error,t=typeof e.description=="function"?await e.description(u):e.description,g=typeof p=="object"&&!a.isValidElement(p)?p:{message:p};this.create({id:n,type:"error",description:t,...g})}}).finally(()=>{o&&(this.dismiss(n),n=void 0),e.finally==null||e.finally.call(e)}),f=()=>new Promise((u,p)=>d.then(()=>c[0]==="reject"?p(c[1]):u(c[1])).catch(p));return typeof n!="string"&&typeof n!="number"?{unwrap:f}:Object.assign(n,{unwrap:f})},this.custom=(s,e)=>{const n=(e==null?void 0:e.id)||je++;return this.create({jsx:s(n),id:n,...e}),n},this.getActiveToasts=()=>this.toasts.filter(s=>!this.dismissedToasts.has(s.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}}const Y=new fs,ms=(r,s)=>{const e=(s==null?void 0:s.id)||je++;return Y.addToast({title:r,...s,id:e}),e},ps=r=>r&&typeof r=="object"&&"ok"in r&&typeof r.ok=="boolean"&&"status"in r&&typeof r.status=="number",xs=ms,bs=()=>Y.toasts,gs=()=>Y.getActiveToasts(),hs=Object.assign(xs,{success:Y.success,info:Y.info,warning:Y.warning,error:Y.error,custom:Y.custom,message:Y.message,promise:Y.promise,dismiss:Y.dismiss,loading:Y.loading},{getHistory:bs,getToasts:gs});ss("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");function we(r){return r.label!==void 0}const vs=3,ys="24px",ws="16px",ze=4e3,Ns=356,Ss=14,Ts=45,Es=200;function re(...r){return r.filter(Boolean).join(" ")}function js(r){const[s,e]=r.split("-"),n=[];return s&&n.push(s),e&&n.push(e),n}const ks=r=>{var s,e,n,l,o,c,d,f,u;const{invert:p,toast:t,unstyled:m,interacting:g,setHeights:T,visibleToasts:O,heights:F,index:v,toasts:q,expanded:V,removeToast:se,defaultRichColors:y,closeButton:S,style:j,cancelButtonStyle:M,actionButtonStyle:H,className:_="",descriptionClassName:B="",duration:R,position:A,gap:$,expandByDefault:w,classNames:h,icons:E,closeButtonAriaLabel:U="Close toast"}=r,[Z,J]=a.useState(null),[oe,xe]=a.useState(null),[N,I]=a.useState(!1),[C,K]=a.useState(!1),[le,k]=a.useState(!1),[ce,be]=a.useState(!1),[ge,de]=a.useState(!1),[It,Se]=a.useState(0),[Mt,Ce]=a.useState(0),pe=a.useRef(t.duration||R||ze),Ie=a.useRef(null),ne=a.useRef(null),Bt=v===0,At=v+1<=O,X=t.type,ue=t.dismissible!==!1,_t=t.className||"",Lt=t.descriptionClassName||"",he=a.useMemo(()=>F.findIndex(b=>b.toastId===t.id)||0,[F,t.id]),Pt=a.useMemo(()=>{var b;return(b=t.closeButton)!=null?b:S},[t.closeButton,S]),Me=a.useMemo(()=>t.duration||R||ze,[t.duration,R]),Te=a.useRef(0),fe=a.useRef(0),Be=a.useRef(0),me=a.useRef(null),[Ht,zt]=A.split("-"),Ae=a.useMemo(()=>F.reduce((b,L,z)=>z>=he?b:b+L.height,0),[F,he]),_e=us(),Ot=t.invert||p,Ee=X==="loading";fe.current=a.useMemo(()=>he*$+Ae,[he,Ae]),a.useEffect(()=>{pe.current=Me},[Me]),a.useEffect(()=>{I(!0)},[]),a.useEffect(()=>{const b=ne.current;if(b){const L=b.getBoundingClientRect().height;return Ce(L),T(z=>[{toastId:t.id,height:L,position:t.position},...z]),()=>T(z=>z.filter(W=>W.toastId!==t.id))}},[T,t.id]),a.useLayoutEffect(()=>{if(!N)return;const b=ne.current,L=b.style.height;b.style.height="auto";const z=b.getBoundingClientRect().height;b.style.height=L,Ce(z),T(W=>W.find(P=>P.toastId===t.id)?W.map(P=>P.toastId===t.id?{...P,height:z}:P):[{toastId:t.id,height:z,position:t.position},...W])},[N,t.title,t.description,T,t.id,t.jsx,t.action,t.cancel]);const ae=a.useCallback(()=>{K(!0),Se(fe.current),T(b=>b.filter(L=>L.toastId!==t.id)),setTimeout(()=>{se(t)},Es)},[t,se,T,fe]);a.useEffect(()=>{if(t.promise&&X==="loading"||t.duration===1/0||t.type==="loading")return;let b;return V||g||_e?(()=>{if(Be.current<Te.current){const W=new Date().getTime()-Te.current;pe.current=pe.current-W}Be.current=new Date().getTime()})():(()=>{pe.current!==1/0&&(Te.current=new Date().getTime(),b=setTimeout(()=>{t.onAutoClose==null||t.onAutoClose.call(t,t),ae()},pe.current))})(),()=>clearTimeout(b)},[V,g,t,X,_e,ae]),a.useEffect(()=>{t.delete&&(ae(),t.onDismiss==null||t.onDismiss.call(t,t))},[ae,t.delete]);function Vt(){var b;if(E!=null&&E.loading){var L;return a.createElement("div",{className:re(h==null?void 0:h.loader,t==null||(L=t.classNames)==null?void 0:L.loader,"sonner-loader"),"data-visible":X==="loading"},E.loading)}return a.createElement(as,{className:re(h==null?void 0:h.loader,t==null||(b=t.classNames)==null?void 0:b.loader),visible:X==="loading"})}const $t=t.icon||(E==null?void 0:E[X])||rs(X);var Le,Pe;return a.createElement("li",{tabIndex:0,ref:ne,className:re(_,_t,h==null?void 0:h.toast,t==null||(s=t.classNames)==null?void 0:s.toast,h==null?void 0:h.default,h==null?void 0:h[X],t==null||(e=t.classNames)==null?void 0:e[X]),"data-sonner-toast":"","data-rich-colors":(Le=t.richColors)!=null?Le:y,"data-styled":!(t.jsx||t.unstyled||m),"data-mounted":N,"data-promise":!!t.promise,"data-swiped":ge,"data-removed":C,"data-visible":At,"data-y-position":Ht,"data-x-position":zt,"data-index":v,"data-front":Bt,"data-swiping":le,"data-dismissible":ue,"data-type":X,"data-invert":Ot,"data-swipe-out":ce,"data-swipe-direction":oe,"data-expanded":!!(V||w&&N),"data-testid":t.testId,style:{"--index":v,"--toasts-before":v,"--z-index":q.length-v,"--offset":`${C?It:fe.current}px`,"--initial-height":w?"auto":`${Mt}px`,...j,...t.style},onDragEnd:()=>{k(!1),J(null),me.current=null},onPointerDown:b=>{b.button!==2&&(Ee||!ue||(Ie.current=new Date,Se(fe.current),b.target.setPointerCapture(b.pointerId),b.target.tagName!=="BUTTON"&&(k(!0),me.current={x:b.clientX,y:b.clientY})))},onPointerUp:()=>{var b,L,z;if(ce||!ue)return;me.current=null;const W=Number(((b=ne.current)==null?void 0:b.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),ve=Number(((L=ne.current)==null?void 0:L.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),P=new Date().getTime()-((z=Ie.current)==null?void 0:z.getTime()),G=Z==="x"?W:ve,ye=Math.abs(G)/P;if(Math.abs(G)>=Ts||ye>.11){Se(fe.current),t.onDismiss==null||t.onDismiss.call(t,t),xe(Z==="x"?W>0?"right":"left":ve>0?"down":"up"),ae(),be(!0);return}else{var ee,te;(ee=ne.current)==null||ee.style.setProperty("--swipe-amount-x","0px"),(te=ne.current)==null||te.style.setProperty("--swipe-amount-y","0px")}de(!1),k(!1),J(null)},onPointerMove:b=>{var L,z,W;if(!me.current||!ue||((L=window.getSelection())==null?void 0:L.toString().length)>0)return;const P=b.clientY-me.current.y,G=b.clientX-me.current.x;var ye;const ee=(ye=r.swipeDirections)!=null?ye:js(A);!Z&&(Math.abs(G)>1||Math.abs(P)>1)&&J(Math.abs(G)>Math.abs(P)?"x":"y");let te={x:0,y:0};const He=ie=>1/(1.5+Math.abs(ie)/20);if(Z==="y"){if(ee.includes("top")||ee.includes("bottom"))if(ee.includes("top")&&P<0||ee.includes("bottom")&&P>0)te.y=P;else{const ie=P*He(P);te.y=Math.abs(ie)<Math.abs(P)?ie:P}}else if(Z==="x"&&(ee.includes("left")||ee.includes("right")))if(ee.includes("left")&&G<0||ee.includes("right")&&G>0)te.x=G;else{const ie=G*He(G);te.x=Math.abs(ie)<Math.abs(G)?ie:G}(Math.abs(te.x)>0||Math.abs(te.y)>0)&&de(!0),(z=ne.current)==null||z.style.setProperty("--swipe-amount-x",`${te.x}px`),(W=ne.current)==null||W.style.setProperty("--swipe-amount-y",`${te.y}px`)}},Pt&&!t.jsx&&X!=="loading"?a.createElement("button",{"aria-label":U,"data-disabled":Ee,"data-close-button":!0,onClick:Ee||!ue?()=>{}:()=>{ae(),t.onDismiss==null||t.onDismiss.call(t,t)},className:re(h==null?void 0:h.closeButton,t==null||(n=t.classNames)==null?void 0:n.closeButton)},(Pe=E==null?void 0:E.close)!=null?Pe:ds):null,(X||t.icon||t.promise)&&t.icon!==null&&((E==null?void 0:E[X])!==null||t.icon)?a.createElement("div",{"data-icon":"",className:re(h==null?void 0:h.icon,t==null||(l=t.classNames)==null?void 0:l.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||Vt():null,t.type!=="loading"?$t:null):null,a.createElement("div",{"data-content":"",className:re(h==null?void 0:h.content,t==null||(o=t.classNames)==null?void 0:o.content)},a.createElement("div",{"data-title":"",className:re(h==null?void 0:h.title,t==null||(c=t.classNames)==null?void 0:c.title)},t.jsx?t.jsx:typeof t.title=="function"?t.title():t.title),t.description?a.createElement("div",{"data-description":"",className:re(B,Lt,h==null?void 0:h.description,t==null||(d=t.classNames)==null?void 0:d.description)},typeof t.description=="function"?t.description():t.description):null),a.isValidElement(t.cancel)?t.cancel:t.cancel&&we(t.cancel)?a.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||M,onClick:b=>{we(t.cancel)&&ue&&(t.cancel.onClick==null||t.cancel.onClick.call(t.cancel,b),ae())},className:re(h==null?void 0:h.cancelButton,t==null||(f=t.classNames)==null?void 0:f.cancelButton)},t.cancel.label):null,a.isValidElement(t.action)?t.action:t.action&&we(t.action)?a.createElement("button",{"data-button":!0,"data-action":!0,style:t.actionButtonStyle||H,onClick:b=>{we(t.action)&&(t.action.onClick==null||t.action.onClick.call(t.action,b),!b.defaultPrevented&&ae())},className:re(h==null?void 0:h.actionButton,t==null||(u=t.classNames)==null?void 0:u.actionButton)},t.action.label):null)};function Oe(){if(typeof window>"u"||typeof document>"u")return"ltr";const r=document.documentElement.getAttribute("dir");return r==="auto"||!r?window.getComputedStyle(document.documentElement).direction:r}function Ds(r,s){const e={};return[r,s].forEach((n,l)=>{const o=l===1,c=o?"--mobile-offset":"--offset",d=o?ws:ys;function f(u){["top","right","bottom","left"].forEach(p=>{e[`${c}-${p}`]=typeof u=="number"?`${u}px`:u})}typeof n=="number"||typeof n=="string"?f(n):typeof n=="object"?["top","right","bottom","left"].forEach(u=>{n[u]===void 0?e[`${c}-${u}`]=d:e[`${c}-${u}`]=typeof n[u]=="number"?`${n[u]}px`:n[u]}):f(d)}),e}const Rs=a.forwardRef(function(s,e){const{id:n,invert:l,position:o="bottom-right",hotkey:c=["altKey","KeyT"],expand:d,closeButton:f,className:u,offset:p,mobileOffset:t,theme:m="light",richColors:g,duration:T,style:O,visibleToasts:F=vs,toastOptions:v,dir:q=Oe(),gap:V=Ss,icons:se,containerAriaLabel:y="Notifications"}=s,[S,j]=a.useState([]),M=a.useMemo(()=>n?S.filter(N=>N.toasterId===n):S.filter(N=>!N.toasterId),[S,n]),H=a.useMemo(()=>Array.from(new Set([o].concat(M.filter(N=>N.position).map(N=>N.position)))),[M,o]),[_,B]=a.useState([]),[R,A]=a.useState(!1),[$,w]=a.useState(!1),[h,E]=a.useState(m!=="system"?m:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),U=a.useRef(null),Z=c.join("+").replace(/Key/g,"").replace(/Digit/g,""),J=a.useRef(null),oe=a.useRef(!1),xe=a.useCallback(N=>{j(I=>{var C;return(C=I.find(K=>K.id===N.id))!=null&&C.delete||Y.dismiss(N.id),I.filter(({id:K})=>K!==N.id)})},[]);return a.useEffect(()=>Y.subscribe(N=>{if(N.dismiss){requestAnimationFrame(()=>{j(I=>I.map(C=>C.id===N.id?{...C,delete:!0}:C))});return}setTimeout(()=>{Ve.flushSync(()=>{j(I=>{const C=I.findIndex(K=>K.id===N.id);return C!==-1?[...I.slice(0,C),{...I[C],...N},...I.slice(C+1)]:[N,...I]})})})}),[S]),a.useEffect(()=>{if(m!=="system"){E(m);return}if(m==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?E("dark"):E("light")),typeof window>"u")return;const N=window.matchMedia("(prefers-color-scheme: dark)");try{N.addEventListener("change",({matches:I})=>{E(I?"dark":"light")})}catch{N.addListener(({matches:C})=>{try{E(C?"dark":"light")}catch(K){console.error(K)}})}},[m]),a.useEffect(()=>{S.length<=1&&A(!1)},[S]),a.useEffect(()=>{const N=I=>{var C;if(c.every(k=>I[k]||I.code===k)){var le;A(!0),(le=U.current)==null||le.focus()}I.code==="Escape"&&(document.activeElement===U.current||(C=U.current)!=null&&C.contains(document.activeElement))&&A(!1)};return document.addEventListener("keydown",N),()=>document.removeEventListener("keydown",N)},[c]),a.useEffect(()=>{if(U.current)return()=>{J.current&&(J.current.focus({preventScroll:!0}),J.current=null,oe.current=!1)}},[U.current]),a.createElement("section",{ref:e,"aria-label":`${y} ${Z}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},H.map((N,I)=>{var C;const[K,le]=N.split("-");return M.length?a.createElement("ol",{key:N,dir:q==="auto"?Oe():q,tabIndex:-1,ref:U,className:u,"data-sonner-toaster":!0,"data-sonner-theme":h,"data-y-position":K,"data-x-position":le,style:{"--front-toast-height":`${((C=_[0])==null?void 0:C.height)||0}px`,"--width":`${Ns}px`,"--gap":`${V}px`,...O,...Ds(p,t)},onBlur:k=>{oe.current&&!k.currentTarget.contains(k.relatedTarget)&&(oe.current=!1,J.current&&(J.current.focus({preventScroll:!0}),J.current=null))},onFocus:k=>{k.target instanceof HTMLElement&&k.target.dataset.dismissible==="false"||oe.current||(oe.current=!0,J.current=k.relatedTarget)},onMouseEnter:()=>A(!0),onMouseMove:()=>A(!0),onMouseLeave:()=>{$||A(!1)},onDragEnd:()=>A(!1),onPointerDown:k=>{k.target instanceof HTMLElement&&k.target.dataset.dismissible==="false"||w(!0)},onPointerUp:()=>w(!1)},M.filter(k=>!k.position&&I===0||k.position===N).map((k,ce)=>{var be,ge;return a.createElement(ks,{key:k.id,icons:se,index:ce,toast:k,defaultRichColors:g,duration:(be=v==null?void 0:v.duration)!=null?be:T,className:v==null?void 0:v.className,descriptionClassName:v==null?void 0:v.descriptionClassName,invert:l,visibleToasts:F,closeButton:(ge=v==null?void 0:v.closeButton)!=null?ge:f,interacting:$,position:N,style:v==null?void 0:v.style,unstyled:v==null?void 0:v.unstyled,classNames:v==null?void 0:v.classNames,cancelButtonStyle:v==null?void 0:v.cancelButtonStyle,actionButtonStyle:v==null?void 0:v.actionButtonStyle,closeButtonAriaLabel:v==null?void 0:v.closeButtonAriaLabel,removeToast:xe,toasts:M.filter(de=>de.position==k.position),heights:_.filter(de=>de.position==k.position),setHeights:B,expandByDefault:d,gap:V,expanded:R,swipeDirections:s.swipeDirections})})):null}))}),Ct=({position:r="bottom-center",variant:s="default",theme:e="system",toasterProps:n})=>{const o={default:{toast:"bg-uix-surface-200 text-uix-text-100 border border-uix-border-200 rounded-2xl shadow-lg",title:"text-uix-text-100 font-medium",description:"text-uix-text-200",actionButton:"bg-uix-prime-300 text-white rounded-xl hover:bg-uix-prime-400",cancelButton:"bg-uix-surface-300 text-uix-text-200 rounded-xl hover:bg-uix-surface-400",success:"text-green-500",error:"text-uix-sub1-400",warning:"text-amber-500",info:"text-uix-prime-400"},glass:{toast:"uix-glass uix-glass-border uix-convex rounded-2xl shadow-lg text-uix-text-100",title:"text-uix-text-100 font-medium",description:"text-uix-text-200",actionButton:"bg-uix-prime-300 text-white rounded-xl hover:bg-uix-prime-400",cancelButton:"bg-uix-surface-300/50 text-uix-text-200 rounded-xl hover:bg-uix-surface-400/50",success:"text-green-500",error:"text-uix-sub1-400",warning:"text-amber-500",info:"text-uix-prime-400"}}[s];return i.jsx(Rs,{position:r,theme:e,toastOptions:{unstyled:!0,classNames:{toast:o.toast,title:o.title,description:o.description,actionButton:o.actionButton,cancelButton:o.cancelButton,success:o.success,error:o.error,warning:o.warning,info:o.info},style:{padding:"16px",gap:"8px",display:"flex",alignItems:"center"}},...n})};Ct.displayName="Toaster";exports.Accordion=Xe;exports.AccordionContent=Ke;exports.AccordionItem=We;exports.AccordionTrigger=qe;exports.Badge=ke;exports.Button=Ge;exports.Card=Qe;exports.CardContent=Ze;exports.CardDescription=tt;exports.CardHeader=Je;exports.CardTitle=et;exports.CodeBlock=st;exports.ColorSwipeText=Wt;exports.Dropdown=qt;exports.DropdownContent=Gt;exports.DropdownItem=Qt;exports.DropdownSeparator=Zt;exports.DropdownTrigger=Kt;exports.FileUploader=nt;exports.PinInput=at;exports.ScrollArea=Re;exports.ScrollToTop=Jt;exports.Section=ot;exports.SectionTitle=it;exports.Sheet=ct;exports.SheetContent=dt;exports.SheetHeader=ut;exports.SheetTitle=ft;exports.Sidebar=mt;exports.SidebarContent=xt;exports.SidebarGroup=bt;exports.SidebarGroupLabel=gt;exports.SidebarHeader=pt;exports.SidebarMenu=ht;exports.SidebarMenuButton=yt;exports.SidebarMenuItem=vt;exports.Slider=wt;exports.Surface=Nt;exports.Tabs=Et;exports.TabsContent=Rt;exports.TabsList=jt;exports.TabsPanels=Dt;exports.TabsTrigger=kt;exports.Toaster=Ct;exports.cn=x;exports.toast=hs;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),Q=require("clsx"),D=require("motion/react"),r=require("react"),Ye=require("tailwind-merge"),Nt=require("lucide-react"),Fe=require("shiki"),Vt=require("react-dom"),$t=r.createContext(null),Yt=r.createContext(null),Ft=()=>{const n=r.useContext($t);if(!n)throw new Error("Accordion components must be used within an Accordion");return n},Ut=()=>{const n=r.useContext(Yt);if(!n)throw new Error("AccordionTrigger/Content must be used within an AccordionItem");return n},Xt=r.forwardRef(({children:n,className:s,multiple:t=!0,defaultValue:a=[],...l},i)=>{const[c,d]=r.useState(()=>new Set(a)),p=u=>{d(f=>{const e=new Set(f);return e.has(u)?e.delete(u):(t||e.clear(),e.add(u)),e})};return o.jsx($t.Provider,{value:{openItems:c,toggle:p,multiple:t},children:o.jsx("div",{ref:i,className:Q.clsx("space-y-2",s),...l,children:n})})});Xt.displayName="Accordion";const Wt=r.forwardRef(({children:n,className:s,value:t,disabled:a=!1,...l},i)=>{const{openItems:c}=Ft(),d=c.has(t);return o.jsx(Yt.Provider,{value:{value:t,isOpen:d,disabled:a},children:o.jsx("div",{ref:i,className:Q.clsx("border border-black/5 dark:border-white/5 rounded-xl overflow-hidden",a&&"opacity-50",s),...l,children:n})})});Wt.displayName="AccordionItem";const qt=r.forwardRef(({children:n,className:s,...t},a)=>{const{toggle:l}=Ft(),{value:i,isOpen:c,disabled:d}=Ut();return o.jsx("button",{ref:a,type:"button",disabled:d,onClick:()=>!d&&l(i),className:Q.clsx("w-full flex items-center justify-between px-4 py-3 text-left transition-colors",c?"bg-uix-surface-200/50":"hover:bg-uix-surface-200/30",d&&"cursor-not-allowed",s),"aria-expanded":c,...t,children:o.jsxs("div",{className:"flex items-center gap-3",children:[o.jsx("svg",{className:Q.clsx("w-4 h-4 text-uix-text-300 transition-transform duration-200",c&&"rotate-90"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:o.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})}),n]})})});qt.displayName="AccordionTrigger";const Kt=r.forwardRef(({children:n,className:s,...t},a)=>{const{isOpen:l}=Ut();return o.jsx(D.AnimatePresence,{initial:!1,children:l&&o.jsx(D.motion.div,{ref:a,initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2,ease:"easeInOut"},children:o.jsx("div",{className:Q.clsx("px-4 pb-4 pt-2",s),...t,children:n})})})});Kt.displayName="AccordionContent";function x(...n){return Ye.twMerge(Q.clsx(n))}const kt=r.forwardRef(({className:n,variant:s="default",size:t="sm",children:a,...l},i)=>{const c=s==="default"?"uix-convex-colored-sm":"uix-convex-sm",d={default:"bg-uix-prime-300 backdrop-blur-sm text-uix-white-100",secondary:"bg-uix-surface-300/80 backdrop-blur-sm text-uix-text-100",outline:"border border-uix-border-200 bg-uix-surface-100/50 backdrop-blur-sm text-uix-text-300"},p={sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm"},{onDrag:u,onDragStart:f,onDragEnd:e,...m}=l;return o.jsx(D.motion.span,{ref:i,className:x("inline-flex items-center rounded-xl font-medium",c,d[s],p[t],n),whileHover:{scale:1.05},whileTap:{scale:.97},transition:{type:"tween",duration:.1,ease:"linear"},...m,children:a})});kt.displayName="Badge";const Gt=r.forwardRef(({className:n,variant:s,color:t="prime",size:a="md",children:l,...i},c)=>{const p=`inline-flex items-center justify-center rounded-full font-semibold transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-uix-prime-300 disabled:pointer-events-none disabled:opacity-50 cursor-pointer backdrop-blur-sm ${s==="filled"?"uix-convex-colored-sm":"uix-convex-sm"}`,u="bg-uix-surface-200/70 text-uix-text-100 hover:bg-uix-surface-300/80",f={prime:"bg-uix-prime-300 text-uix-white-100 hover:bg-uix-prime-400",sub1:"bg-uix-sub1-300 text-uix-white-100 hover:bg-uix-sub1-400",sub2:"bg-uix-sub2-300 text-uix-black-300 hover:bg-uix-sub2-400"},e={prime:"border border-uix-prime-300/50 text-uix-prime-300 bg-uix-surface-100/20 hover:bg-uix-prime-300 hover:text-uix-white-100 hover:border-transparent",sub1:"border border-uix-sub1-300/50 text-uix-sub1-300 bg-uix-surface-100/20 hover:bg-uix-sub1-300 hover:text-uix-white-100 hover:border-transparent",sub2:"border border-uix-sub2-300/50 text-uix-sub2-400 bg-uix-surface-100/20 hover:bg-uix-sub2-300 hover:text-uix-black-300 hover:border-transparent"},m={prime:"bg-transparent text-uix-prime-300 hover:bg-uix-prime-100/15",sub1:"bg-transparent text-uix-sub1-300 hover:bg-uix-sub1-100/15",sub2:"bg-transparent text-uix-sub2-400 hover:bg-uix-sub2-100/15"},y={filled:f[t],outline:e[t],ghost:m[t]},S={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"},q=s?y[s]:u;return o.jsx(D.motion.button,{ref:c,className:x(p,q,S[a],n),whileHover:{scale:1.03,y:-1},whileTap:{scale:.96},transition:{duration:.06,ease:[0,0,1,1]},...i,children:l})});Gt.displayName="Button";const Qt=r.forwardRef(({className:n,children:s,hover:t=!0,accentColor:a="none",accentPosition:l="none",...i},c)=>{const d={prime:"bg-uix-prime-300",sub1:"bg-uix-sub1-300",sub2:"bg-uix-sub2-300",none:""};return o.jsxs(D.motion.div,{ref:c,className:x("relative bg-uix-surface-100/80 backdrop-blur-xl backdrop-saturate-150 uix-glass-border rounded-[2rem] overflow-hidden uix-convex",n),initial:!1,whileHover:t?{y:-4,scale:1.01}:void 0,transition:{type:"tween",duration:.15,ease:"linear"},...i,children:[l==="top"&&a!=="none"&&o.jsx("div",{className:x("absolute top-0 left-0 right-0 h-1",d[a])}),l==="left"&&a!=="none"&&o.jsx("div",{className:x("absolute top-0 left-0 bottom-0 w-1",d[a])}),s]})});Qt.displayName="Card";const Zt=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("div",{ref:a,className:x("p-6 xl:p-8",n),...t,children:s}));Zt.displayName="CardContent";const Jt=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("div",{ref:a,className:x("flex items-center gap-4 mb-4",n),...t,children:s}));Jt.displayName="CardHeader";const te=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("h3",{ref:a,className:x("text-xl xl:text-2xl font-bold text-uix-text-100",n),...t,children:s}));te.displayName="CardTitle";const ee=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("p",{ref:a,className:x("text-uix-gray-200 leading-relaxed",n),...t,children:s}));ee.displayName="CardDescription";const se=r.forwardRef(({className:n,code:s,language:t="tsx",showLineNumbers:a=!1,...l},i)=>{const[c,d]=r.useState(!1),[p,u]=r.useState("");r.useEffect(()=>{(async()=>{const m=await Fe.codeToHtml(s.trim(),{lang:t,theme:"github-dark"});u(m)})()},[s,t]);const f=async()=>{await navigator.clipboard.writeText(s.trim()),d(!0),setTimeout(()=>d(!1),2e3)};return o.jsxs("div",{ref:i,className:x("relative rounded-2xl bg-uix-black-400 overflow-hidden uix-convex",n),...l,children:[o.jsxs("div",{className:"flex items-center justify-between px-4 py-2 border-b border-uix-black-200",children:[o.jsx(kt,{variant:"secondary",size:"sm",children:t}),o.jsx("button",{type:"button",onClick:f,className:"p-1.5 rounded-xl hover:bg-uix-black-200 transition-colors","aria-label":"Copy code",children:c?o.jsx(Nt.Check,{size:14,className:"text-green-400"}):o.jsx(Nt.Copy,{size:14,className:"text-uix-gray-100"})})]}),o.jsx("div",{className:x("p-4 overflow-x-auto text-sm","[&_pre]:!bg-transparent [&_pre]:!m-0 [&_pre]:!p-0","[&_code]:!bg-transparent",a&&"[&_.line]:before:content-[counter(line)] [&_.line]:before:counter-increment-[line] [&_.line]:before:mr-4 [&_.line]:before:text-uix-gray-300"),dangerouslySetInnerHTML:{__html:p}})]})});se.displayName="CodeBlock";const Ue={prime:"var(--uix-prime-300)",sub1:"var(--uix-sub1-300)",sub2:"var(--uix-sub2-300)"},Xe={prime:"bg-gradient-to-br from-uix-prime-400 via-uix-prime-300 to-uix-prime-400",sub1:"bg-gradient-to-br from-uix-sub1-400 via-uix-sub1-300 to-uix-sub1-400",sub2:"bg-gradient-to-br from-uix-sub2-400 via-uix-sub2-300 to-uix-sub2-400"};function We({children:n,className:s="",color:t="prime",gradient:a=!1,delay:l=0,charDelay:i=.04}){const c=r.useRef(null),d=D.useInView(c,{once:!0,margin:"-50px"}),[p,u]=r.useState(!1),f=1,e=n.length,m=f+l+e*i+.25;return r.useEffect(()=>{if(a&&d&&!p){const y=setTimeout(()=>{u(!0)},m*1e3);return()=>clearTimeout(y)}},[a,d,p,m]),a&&p?o.jsx("span",{ref:c,className:`inline-block bg-clip-text text-transparent ${Xe[t]} ${s}`,children:n}):o.jsx("span",{ref:c,className:`inline-block ${s}`,children:n.split("").map((y,S)=>o.jsx(D.motion.span,{className:"inline-block",style:{color:"var(--uix-text-100)"},animate:d?{color:Ue[t]}:{},transition:{duration:.25,delay:f+l+S*i,ease:[.1,.1,.9,.9]},children:y===" "?" ":y},S))})}const ne=r.createContext(null);function Dt(){const n=r.useContext(ne);if(!n)throw new Error("Dropdown components must be used within a Dropdown");return n}function qe({children:n,open:s,onOpenChange:t,className:a,...l}){const[i,c]=r.useState(!1),d=r.useRef(null),p=s??i,u=f=>{c(f),t==null||t(f)};return o.jsx(ne.Provider,{value:{open:p,setOpen:u,triggerRef:d},children:o.jsx("div",{className:Q.clsx("relative inline-block",a),...l,children:n})})}function Ke({children:n,className:s,onClick:t,...a}){const{open:l,setOpen:i,triggerRef:c}=Dt();return o.jsxs("button",{ref:c,type:"button",className:Q.clsx("inline-flex items-center gap-1.5 px-3 py-1.5 rounded-xl text-sm font-medium","uix-glass uix-glass-border uix-convex-sm","text-uix-text-200 hover:text-uix-text-100 transition-colors",s),onClick:d=>{i(!l),t==null||t(d)},"aria-expanded":l,"aria-haspopup":"true",...a,children:[n,o.jsx("svg",{className:Q.clsx("w-3.5 h-3.5 transition-transform duration-200",l&&"rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:o.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]})}function Ge({children:n,className:s,align:t="start"}){const{open:a,setOpen:l,triggerRef:i}=Dt(),c=r.useRef(null),[d,p]=r.useState({top:0,left:0});r.useLayoutEffect(()=>{if(!a||!i.current)return;const f=()=>{var y;const e=(y=i.current)==null?void 0:y.getBoundingClientRect();if(!e)return;let m=e.left;t==="center"?m=e.left+e.width/2:t==="end"&&(m=e.right),p({top:e.bottom+8,left:m})};return f(),window.addEventListener("scroll",f,!0),window.addEventListener("resize",f),()=>{window.removeEventListener("scroll",f,!0),window.removeEventListener("resize",f)}},[a,i,t]),r.useEffect(()=>{if(!a)return;const f=m=>{c.current&&!c.current.contains(m.target)&&i.current&&!i.current.contains(m.target)&&l(!1)},e=m=>{var y;m.key==="Escape"&&(l(!1),(y=i.current)==null||y.focus())};return document.addEventListener("mousedown",f),document.addEventListener("keydown",e),()=>{document.removeEventListener("mousedown",f),document.removeEventListener("keydown",e)}},[a,l,i]);const u={start:{transform:"translateX(0)"},center:{transform:"translateX(-50%)"},end:{transform:"translateX(-100%)"}};return typeof document>"u"?null:Vt.createPortal(o.jsx(D.AnimatePresence,{children:a&&o.jsx(D.motion.div,{ref:c,initial:{opacity:0,y:-8},animate:{opacity:1,y:0},exit:{opacity:0,y:-8},transition:{type:"spring",stiffness:400,damping:25,mass:.8},className:Q.clsx("fixed z-50 min-w-[180px]","uix-glass uix-glass-border uix-convex uix-glass-noise rounded-2xl","p-1.5 shadow-xl",s),style:{top:d.top,left:d.left,...u[t]},role:"menu",children:n})}),document.body)}function Qe({children:n,className:s,disabled:t,onClick:a,...l}){const{setOpen:i}=Dt();return o.jsx("button",{type:"button",role:"menuitem",disabled:t,className:Q.clsx("w-full flex items-center gap-2 px-3 py-2 rounded-xl text-sm text-left","transition-colors duration-100",t?"text-uix-text-300 cursor-not-allowed":"text-uix-text-200 hover:text-uix-text-100 hover:bg-uix-surface-300/60",s),onClick:c=>{t||(a==null||a(c),i(!1))},...l,children:n})}function Ze({className:n,...s}){return o.jsx("hr",{className:Q.clsx("my-1.5 h-px border-0 bg-white/15",n),...s})}const ae=({onFileSelect:n,onFilesSelect:s,accept:t="image/*",maxSizeMB:a=10,multiple:l=!1,disabled:i=!1,size:c="md",icon:d,title:p,description:u,className:f,onError:e})=>{const m=r.useRef(null),[y,S]=r.useState(!1),q=g=>{const P=a*1024*1024;return g.size>P?(e==null||e(`파일 크기는 ${a}MB 이하여야 합니다`),!1):!0},z=g=>{if(!g||g.length===0)return;const P=[];for(const $ of Array.from(g))q($)&&P.push($);P.length!==0&&(l&&s?s(P):n(P[0]))},v=g=>{z(g.target.files),g.target.value=""},F=g=>{g.preventDefault(),S(!1),!i&&z(g.dataTransfer.files)},h=g=>{g.preventDefault(),i||S(!0)},T=()=>{S(!1)},R=g=>{if(i)return;const P=g.clipboardData.items,$=[];for(const N of Array.from(P))if(N.type.startsWith("image/")||t==="*"){const M=N.getAsFile();if(M&&q(M)&&($.push(M),!l))break}$.length>0&&(l&&s?s($):n($[0]))},E=()=>{var g;i||(g=m.current)==null||g.click()},L=g=>{(g.key==="Enter"||g.key===" ")&&(g.preventDefault(),E())},k={sm:"p-6",md:"p-10",lg:"p-14"},B={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16"},I=x("relative rounded-3xl text-center cursor-pointer transition-all duration-200","uix-glass uix-glass-border uix-convex","border-2 border-dashed","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-uix-prime-300",k[c],y?"border-uix-prime-300 bg-uix-prime-500/10":"border-uix-border-100 hover:border-uix-prime-300/50",i&&"opacity-50 cursor-not-allowed"),U=p??"파일을 선택하거나 드래그하세요",V=u??"클릭, 드래그 앤 드롭, 또는 붙여넣기";return o.jsxs(D.motion.div,{className:x(I,f),onClick:E,onDrop:F,onDragOver:h,onDragLeave:T,onPaste:R,onKeyDown:L,tabIndex:i?-1:0,role:"button","aria-label":U,"aria-disabled":i,whileHover:i?void 0:{scale:1.01},whileTap:i?void 0:{scale:.99},transition:{duration:.1},children:[o.jsx("input",{ref:m,type:"file",accept:t,multiple:l,onChange:v,disabled:i,className:"hidden",tabIndex:-1}),o.jsxs("div",{className:"space-y-3",children:[o.jsx("div",{className:"flex justify-center",children:d??o.jsx(Nt.Upload,{className:x(B[c],"transition-colors",y?"text-uix-prime-300":"text-uix-text-300"),strokeWidth:1.5})}),o.jsxs("div",{children:[o.jsx("p",{className:"text-uix-text-100 font-medium mb-1",children:U}),o.jsx("p",{className:"text-sm text-uix-text-200",children:V})]}),o.jsxs("p",{className:"text-xs text-uix-text-300",children:["최대 ",a,"MB"]})]})]})};ae.displayName="FileUploader";const re=({length:n=6,onComplete:s,onChange:t,disabled:a=!1,error:l=!1,mask:i=!1,size:c="md",type:d="numeric",className:p,autoFocus:u=!0})=>{const[f,e]=r.useState(Array(n).fill("")),m=r.useRef([]);r.useEffect(()=>{var h;u&&((h=m.current[0])==null||h.focus())},[u]),r.useEffect(()=>{const h=f.join("");t==null||t(h),h.length===n&&f.every(T=>T!=="")&&s(h)},[f,n,s,t]);const y=h=>d==="numeric"?h.replace(/\D/g,""):h.replace(/[^a-zA-Z0-9]/g,""),S=(h,T)=>{var L;const R=y(T).slice(-1),E=[...f];E[h]=R,e(E),R&&h<n-1&&((L=m.current[h+1])==null||L.focus())},q=(h,T)=>{var R,E,L;if(T.key==="Backspace")if(!f[h]&&h>0){(R=m.current[h-1])==null||R.focus();const k=[...f];k[h-1]="",e(k)}else{const k=[...f];k[h]="",e(k)}else T.key==="ArrowLeft"&&h>0?(E=m.current[h-1])==null||E.focus():T.key==="ArrowRight"&&h<n-1&&((L=m.current[h+1])==null||L.focus())},z=h=>{var R;h.preventDefault();const T=y(h.clipboardData.getData("text")).slice(0,n);if(T){const E=[...f];for(let k=0;k<T.length;k++)E[k]=T[k];e(E);const L=Math.min(T.length,n-1);(R=m.current[L])==null||R.focus()}},v={sm:{input:"w-10 h-11 text-lg",gap:"gap-2"},md:{input:"w-12 h-14 text-xl",gap:"gap-3"},lg:{input:"w-14 h-16 text-2xl",gap:"gap-3"}},F=x("text-center font-semibold rounded-2xl outline-none transition-all","uix-glass uix-glass-border","focus:ring-2 text-uix-text-100","disabled:opacity-50 disabled:cursor-not-allowed",v[c].input,l?"border-uix-sub1-400 focus:ring-uix-sub1-300/30":"focus:border-uix-prime-300 focus:ring-uix-prime-300/20");return o.jsx("div",{className:x("flex justify-center",v[c].gap,p),children:f.map((h,T)=>o.jsx("input",{ref:R=>{m.current[T]=R},type:i?"password":"text",inputMode:d==="numeric"?"numeric":"text",maxLength:1,value:h,onChange:R=>S(T,R.target.value),onKeyDown:R=>q(T,R),onPaste:z,disabled:a,className:F,autoComplete:"one-time-code","aria-label":`PIN 입력 ${T+1}/${n}`},T))})};re.displayName="PinInput";const Rt=r.forwardRef(({className:n,orientation:s="vertical",children:t,...a},l)=>{const i={vertical:"overflow-y-auto overflow-x-hidden",horizontal:"overflow-x-auto overflow-y-hidden",both:"overflow-auto"};return o.jsx("div",{ref:l,className:x("relative",i[s],"[&::-webkit-scrollbar]:w-2","[&::-webkit-scrollbar-track]:bg-transparent","[&::-webkit-scrollbar-thumb]:bg-uix-gray-300/50","[&::-webkit-scrollbar-thumb]:rounded-full","[&::-webkit-scrollbar-thumb]:hover:bg-uix-gray-300",n),...a,children:t})});Rt.displayName="ScrollArea";function Je({threshold:n=500,className:s}){const[t,a]=r.useState(!1);r.useEffect(()=>{const i=()=>{a(window.scrollY>n)};return window.addEventListener("scroll",i,{passive:!0}),()=>window.removeEventListener("scroll",i)},[n]);const l=()=>{window.scrollTo({top:0,behavior:"smooth"})};return o.jsx(D.AnimatePresence,{children:t&&o.jsx(D.motion.button,{initial:{opacity:0,scale:.5,y:20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.5,y:20},whileHover:{scale:1.1,y:-2},whileTap:{scale:.9},transition:{default:{type:"spring",stiffness:300,damping:20,mass:.8},scale:{duration:.06,ease:[0,0,1,1]}},onClick:l,className:x("fixed bottom-6 right-6 z-50 p-3 rounded-full bg-uix-prime-300 backdrop-blur-sm text-uix-white-100 hover:bg-uix-prime-400 cursor-pointer uix-convex-colored",s),"aria-label":"Scroll to top",children:o.jsx(Nt.ChevronUp,{size:24})})})}const oe=r.forwardRef(({className:n,children:s,variant:t="default",container:a=!0,animate:l=!0,id:i,...c},d)=>{const p=r.useRef(null),u=D.useInView(p,{once:!0,margin:"-100px"}),f="backdrop-blur-xl backdrop-saturate-150 uix-glass-border uix-convex",e={default:`bg-uix-surface-200/50 ${f}`,secondary:`bg-uix-surface-300/50 ${f}`,accent:`bg-uix-prime-300/60 ${f} text-uix-white-100`},m=a?o.jsx("div",{className:"max-w-4xl mx-auto px-6 xl:px-12",children:s}):s;return o.jsx("section",{ref:y=>{p.current=y,typeof d=="function"?d(y):d&&(d.current=y)},id:i,className:x("relative py-16 xl:py-24 rounded-[2.5rem]",e[t],n),...c,children:l?o.jsx(D.motion.div,{initial:{opacity:0,y:40},animate:u?{opacity:1,y:0}:{opacity:0,y:40},transition:{type:"spring",stiffness:200,damping:25,mass:1},children:m}):m})});oe.displayName="Section";const ie=r.forwardRef(({className:n,children:s,subtitle:t,...a},l)=>o.jsxs("div",{className:"text-center mb-14 xl:mb-20",children:[o.jsx("h2",{ref:l,className:x("text-4xl xl:text-6xl font-bold text-uix-text-100 mb-6 tracking-tight",n),...a,children:s}),t&&o.jsx("p",{className:"text-xl xl:text-2xl text-uix-gray-200 max-w-3xl mx-auto leading-relaxed",children:t})]}));ie.displayName="SectionTitle";const le=r.createContext(null),ts=()=>{const n=r.useContext(le);if(!n)throw new Error("Sheet components must be used within a Sheet provider");return n},ce=({open:n,onOpenChange:s,children:t})=>(r.useEffect(()=>{const a=l=>{l.key==="Escape"&&n&&s(!1)};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[n,s]),r.useEffect(()=>(n?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[n]),o.jsx(le.Provider,{value:{open:n,onOpenChange:s},children:t}));ce.displayName="Sheet";const de=r.forwardRef(({className:n,side:s="left",children:t},a)=>{const{open:l,onOpenChange:i}=ts(),c={left:{initial:{x:"-100%"},animate:{x:0},exit:{x:"-100%"}},right:{initial:{x:"100%"},animate:{x:0},exit:{x:"100%"}}},d={left:"left-0",right:"right-0"};return o.jsx(D.AnimatePresence,{children:l&&o.jsxs(o.Fragment,{children:[o.jsx(D.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},className:"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",onClick:()=>i(!1)}),o.jsx(D.motion.div,{ref:a,initial:c[s].initial,animate:c[s].animate,exit:c[s].exit,transition:{type:"spring",damping:25,stiffness:300},className:x("fixed top-0 z-50 h-full w-72 bg-uix-surface-100/90 backdrop-blur-xl backdrop-saturate-150 border-r border-black/[0.3] dark:border-white/[0.03] rounded-r-3xl uix-convex-lg",d[s],n),children:t})]})})});de.displayName="SheetContent";const ue=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("div",{ref:a,className:x("flex flex-col gap-2 p-6 border-b border-black/10 dark:border-white/10",n),...t,children:s}));ue.displayName="SheetHeader";const fe=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("h2",{ref:a,className:x("text-lg font-semibold text-uix-text-100",n),...t,children:s}));fe.displayName="SheetTitle";const es="relative uix-glass uix-glass-border uix-convex uix-glass-noise rounded-3xl",me=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("aside",{ref:a,className:x("hidden xl:flex flex-col w-60 h-full",es,n),...t,children:s}));me.displayName="Sidebar";const pe=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("div",{ref:a,className:x("flex flex-col gap-1 p-6",n),...t,children:s}));pe.displayName="SidebarHeader";const xe=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx(Rt,{ref:a,className:x("flex-1 p-4",n),...t,children:s}));xe.displayName="SidebarContent";const be=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("div",{ref:a,className:x("mb-6",n),...t,children:s}));be.displayName="SidebarGroup";const ge=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("div",{ref:a,className:x("px-3 mb-3 text-xs font-semibold uppercase tracking-widest text-uix-sub1-300/80",n),...t,children:s}));ge.displayName="SidebarGroupLabel";const he=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("ul",{ref:a,className:x("space-y-1",n),...t,children:s}));he.displayName="SidebarMenu";const ve=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("li",{ref:a,className:x("",n),...t,children:s}));ve.displayName="SidebarMenuItem";const ye=r.forwardRef(({className:n,isActive:s=!1,children:t,...a},l)=>{const{onDrag:i,onDragStart:c,onDragEnd:d,...p}=a;return o.jsxs(D.motion.button,{ref:l,type:"button",className:x("relative flex w-full items-center gap-2 rounded-xl px-3 py-2.5 text-base font-medium","hover:bg-uix-surface-300/50 hover:text-uix-text-100",s?"text-uix-prime-300 bg-uix-prime-100/15":"text-uix-text-300",n),whileHover:{x:4,scale:1.01},whileTap:{scale:.97},transition:{duration:.08,ease:[0,0,1,1]},...p,children:[s&&o.jsx(D.motion.span,{className:"absolute left-0 top-1/2 -translate-y-1/2 w-0.5 h-5 bg-uix-prime-300 rounded-r-full",layoutId:"sidebar-active-indicator",transition:{type:"spring",stiffness:300,damping:20,mass:.8}}),t]})});ye.displayName="SidebarMenuButton";const we=({value:n,onChange:s,min:t=0,max:a=100,step:l=1,disabled:i=!1,size:c="md",color:d="prime",showValue:p=!1,showMinMax:u=!1,marks:f,label:e,description:m,className:y})=>{const S=r.useRef(null),[q,z]=r.useState(!1),v=(n-t)/(a-t)*100,F=r.useCallback(B=>{if(!S.current)return n;const I=S.current.getBoundingClientRect(),U=Math.max(0,Math.min(1,(B-I.left)/I.width)),V=t+U*(a-t),g=Math.round(V/l)*l;return Math.max(t,Math.min(a,g))},[t,a,l,n]),h=B=>{if(i)return;B.preventDefault(),z(!0);const I=F(B.clientX);s(I);const U=g=>{const P=F(g.clientX);s(P)},V=()=>{z(!1),document.removeEventListener("mousemove",U),document.removeEventListener("mouseup",V)};document.addEventListener("mousemove",U),document.addEventListener("mouseup",V)},T=B=>{if(i)return;z(!0);const I=B.touches[0],U=F(I.clientX);s(U);const V=P=>{const $=P.touches[0],N=F($.clientX);s(N)},g=()=>{z(!1),document.removeEventListener("touchmove",V),document.removeEventListener("touchend",g)};document.addEventListener("touchmove",V),document.addEventListener("touchend",g)},R=B=>{if(i)return;let I=n;switch(B.key){case"ArrowRight":case"ArrowUp":I=Math.min(a,n+l);break;case"ArrowLeft":case"ArrowDown":I=Math.max(t,n-l);break;case"Home":I=t;break;case"End":I=a;break;default:return}B.preventDefault(),s(I)},E={sm:{track:"h-1.5",thumb:"w-4 h-4"},md:{track:"h-2",thumb:"w-5 h-5"},lg:{track:"h-3",thumb:"w-6 h-6"}},L={prime:"bg-uix-prime-400",sub1:"bg-uix-sub1-400",sub2:"bg-uix-sub2-400"},k={prime:"bg-uix-prime-300",sub1:"bg-uix-sub1-300",sub2:"bg-uix-sub2-300"};return o.jsxs("div",{className:x("w-full",y),children:[(e||p)&&o.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e&&o.jsx("span",{className:"text-sm font-medium text-uix-text-100",children:e}),p&&o.jsx("span",{className:"text-sm font-semibold text-uix-text-200",children:n})]}),m&&o.jsx("p",{className:"text-sm text-uix-text-300 mb-3",children:m}),o.jsxs("div",{ref:S,className:x("relative w-full rounded-full cursor-pointer","uix-glass uix-glass-border",E[c].track,i&&"opacity-50 cursor-not-allowed"),onMouseDown:h,onTouchStart:T,role:"slider","aria-valuemin":t,"aria-valuemax":a,"aria-valuenow":n,"aria-disabled":i,tabIndex:i?-1:0,onKeyDown:R,children:[o.jsx("div",{className:x("absolute left-0 top-0 h-full rounded-full",L[d]),style:{width:`${v}%`}}),f==null?void 0:f.map(B=>{const I=(B.value-t)/(a-t)*100;return o.jsxs("div",{className:"absolute top-1/2 -translate-y-1/2 -translate-x-1/2",style:{left:`${I}%`},children:[o.jsx("div",{className:x("w-2 h-2 rounded-full",B.value<=n?k[d]:"bg-uix-surface-400")}),o.jsx("span",{className:"absolute top-4 left-1/2 -translate-x-1/2 text-xs text-uix-text-300 whitespace-nowrap",children:B.label})]},B.value)}),o.jsx(D.motion.div,{className:x("absolute top-1/2 -translate-y-1/2 -translate-x-1/2 rounded-full","uix-convex-colored shadow-lg",E[c].thumb,k[d],!i&&"cursor-grab active:cursor-grabbing"),style:{left:`${v}%`},animate:{scale:q?1.15:1},whileHover:i?void 0:{scale:1.1},transition:{duration:.1}})]}),u&&o.jsxs("div",{className:"flex justify-between mt-2 text-xs text-uix-text-300",children:[o.jsx("span",{children:t}),o.jsx("span",{children:a})]})]})};we.displayName="Slider";const Ne=r.forwardRef(({className:n,variant:s="default",rounded:t="3xl",children:a,...l},i)=>{const c="relative uix-glass uix-glass-border uix-convex uix-glass-noise",d={default:"",subtle:"uix-convex-subtle",strong:"uix-convex-lg"},p={none:"rounded-none",sm:"rounded-lg",md:"rounded-xl",lg:"rounded-2xl",xl:"rounded-[1.5rem]","2xl":"rounded-[2rem]","3xl":"rounded-3xl",full:"rounded-full"};return o.jsx("div",{ref:i,className:x(c,d[s],p[t],n),...l,children:a})});Ne.displayName="Surface";const Se=r.createContext(null),Te=()=>{const n=r.useContext(Se);if(!n)throw new Error("Tabs components must be used within a Tabs provider");return n},Ee=r.forwardRef(({className:n,defaultValue:s,children:t,...a},l)=>{const[i,c]=r.useState(s),d=r.useId();return o.jsx(Se.Provider,{value:{activeTab:i,setActiveTab:c,tabsId:d},children:o.jsx("div",{ref:l,className:x("w-full",n),...a,children:t})})});Ee.displayName="Tabs";const je=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("div",{ref:a,className:x("inline-flex items-center gap-1 rounded-2xl bg-uix-surface-300/50 backdrop-blur-xl backdrop-saturate-150 uix-glass-border p-1.5 uix-convex",n),...t,children:s}));je.displayName="TabsList";const ke=r.forwardRef(({className:n,value:s,children:t,...a},l)=>{const{activeTab:i,setActiveTab:c,tabsId:d}=Te(),p=i===s,{onDrag:u,onDragStart:f,onDragEnd:e,...m}=a;return o.jsxs(D.motion.button,{ref:l,type:"button",onClick:()=>c(s),className:x("relative inline-flex items-center justify-center px-4 py-2 text-base font-medium rounded-xl","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-uix-prime-300",p?"text-uix-text-100":"text-uix-text-300 hover:text-uix-text-100",n),whileHover:{scale:1.02},whileTap:{scale:.96},transition:{duration:.06,ease:[0,0,1,1]},...m,children:[p&&o.jsx(D.motion.span,{layoutId:`tabs-indicator-${d}`,className:"absolute inset-0 bg-uix-surface-100 rounded-xl uix-convex-sm",transition:{type:"spring",stiffness:300,damping:20,mass:.8}}),o.jsx("span",{className:"relative z-10",children:t})]})});ke.displayName="TabsTrigger";const De=r.forwardRef(({className:n,children:s,...t},a)=>o.jsx("div",{ref:a,className:x("relative mt-4",n),...t,children:o.jsx("div",{className:"grid [&>*]:col-start-1 [&>*]:row-start-1",children:s})}));De.displayName="TabsPanels";const Re=r.forwardRef(({className:n,value:s,children:t,...a},l)=>{const{activeTab:i}=Te(),c=i===s;return o.jsx(D.motion.div,{ref:l,className:x(n),initial:!1,animate:{opacity:c?1:0,scale:c?1:.98,y:c?0:8,visibility:c?"visible":"hidden"},transition:{type:"spring",stiffness:400,damping:25,mass:.8},"aria-hidden":!c,children:o.jsx("div",{...a,children:t})})});Re.displayName="TabsContent";function ss(n){if(typeof document>"u")return;let s=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css",s.appendChild(t),t.styleSheet?t.styleSheet.cssText=n:t.appendChild(document.createTextNode(n))}const ns=n=>{switch(n){case"success":return os;case"info":return ls;case"warning":return is;case"error":return cs;default:return null}},as=Array(12).fill(0),rs=({visible:n,className:s})=>r.createElement("div",{className:["sonner-loading-wrapper",s].filter(Boolean).join(" "),"data-visible":n},r.createElement("div",{className:"sonner-spinner"},as.map((t,a)=>r.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${a}`})))),os=r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},r.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),is=r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},r.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),ls=r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},r.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),cs=r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},r.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),ds=r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),r.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),us=()=>{const[n,s]=r.useState(document.hidden);return r.useEffect(()=>{const t=()=>{s(document.hidden)};return document.addEventListener("visibilitychange",t),()=>window.removeEventListener("visibilitychange",t)},[]),n};let jt=1;class fs{constructor(){this.subscribe=s=>(this.subscribers.push(s),()=>{const t=this.subscribers.indexOf(s);this.subscribers.splice(t,1)}),this.publish=s=>{this.subscribers.forEach(t=>t(s))},this.addToast=s=>{this.publish(s),this.toasts=[...this.toasts,s]},this.create=s=>{var t;const{message:a,...l}=s,i=typeof(s==null?void 0:s.id)=="number"||((t=s.id)==null?void 0:t.length)>0?s.id:jt++,c=this.toasts.find(p=>p.id===i),d=s.dismissible===void 0?!0:s.dismissible;return this.dismissedToasts.has(i)&&this.dismissedToasts.delete(i),c?this.toasts=this.toasts.map(p=>p.id===i?(this.publish({...p,...s,id:i,title:a}),{...p,...s,id:i,dismissible:d,title:a}):p):this.addToast({title:a,...l,dismissible:d,id:i}),i},this.dismiss=s=>(s?(this.dismissedToasts.add(s),requestAnimationFrame(()=>this.subscribers.forEach(t=>t({id:s,dismiss:!0})))):this.toasts.forEach(t=>{this.subscribers.forEach(a=>a({id:t.id,dismiss:!0}))}),s),this.message=(s,t)=>this.create({...t,message:s}),this.error=(s,t)=>this.create({...t,message:s,type:"error"}),this.success=(s,t)=>this.create({...t,type:"success",message:s}),this.info=(s,t)=>this.create({...t,type:"info",message:s}),this.warning=(s,t)=>this.create({...t,type:"warning",message:s}),this.loading=(s,t)=>this.create({...t,type:"loading",message:s}),this.promise=(s,t)=>{if(!t)return;let a;t.loading!==void 0&&(a=this.create({...t,promise:s,type:"loading",message:t.loading,description:typeof t.description!="function"?t.description:void 0}));const l=Promise.resolve(s instanceof Function?s():s);let i=a!==void 0,c;const d=l.then(async u=>{if(c=["resolve",u],r.isValidElement(u))i=!1,this.create({id:a,type:"default",message:u});else if(ps(u)&&!u.ok){i=!1;const e=typeof t.error=="function"?await t.error(`HTTP error! status: ${u.status}`):t.error,m=typeof t.description=="function"?await t.description(`HTTP error! status: ${u.status}`):t.description,S=typeof e=="object"&&!r.isValidElement(e)?e:{message:e};this.create({id:a,type:"error",description:m,...S})}else if(u instanceof Error){i=!1;const e=typeof t.error=="function"?await t.error(u):t.error,m=typeof t.description=="function"?await t.description(u):t.description,S=typeof e=="object"&&!r.isValidElement(e)?e:{message:e};this.create({id:a,type:"error",description:m,...S})}else if(t.success!==void 0){i=!1;const e=typeof t.success=="function"?await t.success(u):t.success,m=typeof t.description=="function"?await t.description(u):t.description,S=typeof e=="object"&&!r.isValidElement(e)?e:{message:e};this.create({id:a,type:"success",description:m,...S})}}).catch(async u=>{if(c=["reject",u],t.error!==void 0){i=!1;const f=typeof t.error=="function"?await t.error(u):t.error,e=typeof t.description=="function"?await t.description(u):t.description,y=typeof f=="object"&&!r.isValidElement(f)?f:{message:f};this.create({id:a,type:"error",description:e,...y})}}).finally(()=>{i&&(this.dismiss(a),a=void 0),t.finally==null||t.finally.call(t)}),p=()=>new Promise((u,f)=>d.then(()=>c[0]==="reject"?f(c[1]):u(c[1])).catch(f));return typeof a!="string"&&typeof a!="number"?{unwrap:p}:Object.assign(a,{unwrap:p})},this.custom=(s,t)=>{const a=(t==null?void 0:t.id)||jt++;return this.create({jsx:s(a),id:a,...t}),a},this.getActiveToasts=()=>this.toasts.filter(s=>!this.dismissedToasts.has(s.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}}const Y=new fs,ms=(n,s)=>{const t=(s==null?void 0:s.id)||jt++;return Y.addToast({title:n,...s,id:t}),t},ps=n=>n&&typeof n=="object"&&"ok"in n&&typeof n.ok=="boolean"&&"status"in n&&typeof n.status=="number",xs=ms,bs=()=>Y.toasts,gs=()=>Y.getActiveToasts(),hs=Object.assign(xs,{success:Y.success,info:Y.info,warning:Y.warning,error:Y.error,custom:Y.custom,message:Y.message,promise:Y.promise,dismiss:Y.dismiss,loading:Y.loading},{getHistory:bs,getToasts:gs});ss("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");function wt(n){return n.label!==void 0}const vs=3,ys="24px",ws="16px",zt=4e3,Ns=356,Ss=14,Ts=45,Es=200;function et(...n){return n.filter(Boolean).join(" ")}function js(n){const[s,t]=n.split("-"),a=[];return s&&a.push(s),t&&a.push(t),a}const ks=n=>{var s,t,a,l,i,c,d,p,u;const{invert:f,toast:e,unstyled:m,interacting:y,setHeights:S,visibleToasts:q,heights:z,index:v,toasts:F,expanded:h,removeToast:T,defaultRichColors:R,closeButton:E,style:L,cancelButtonStyle:k,actionButtonStyle:B,className:I="",descriptionClassName:U="",duration:V,position:g,gap:P,expandByDefault:$,classNames:N,icons:M,closeButtonAriaLabel:nt="Close toast"}=n,[rt,Z]=r.useState(null),[ot,xt]=r.useState(null),[w,A]=r.useState(!1),[C,K]=r.useState(!1),[lt,j]=r.useState(!1),[ct,bt]=r.useState(!1),[gt,dt]=r.useState(!1),[Ie,St]=r.useState(0),[Me,Ct]=r.useState(0),pt=r.useRef(e.duration||V||zt),It=r.useRef(null),st=r.useRef(null),Ae=v===0,Be=v+1<=q,X=e.type,ut=e.dismissible!==!1,_e=e.className||"",Le=e.descriptionClassName||"",ht=r.useMemo(()=>z.findIndex(b=>b.toastId===e.id)||0,[z,e.id]),Pe=r.useMemo(()=>{var b;return(b=e.closeButton)!=null?b:E},[e.closeButton,E]),Mt=r.useMemo(()=>e.duration||V||zt,[e.duration,V]),Tt=r.useRef(0),ft=r.useRef(0),At=r.useRef(0),mt=r.useRef(null),[He,ze]=g.split("-"),Bt=r.useMemo(()=>z.reduce((b,_,O)=>O>=ht?b:b+_.height,0),[z,ht]),_t=us(),Oe=e.invert||f,Et=X==="loading";ft.current=r.useMemo(()=>ht*P+Bt,[ht,Bt]),r.useEffect(()=>{pt.current=Mt},[Mt]),r.useEffect(()=>{A(!0)},[]),r.useEffect(()=>{const b=st.current;if(b){const _=b.getBoundingClientRect().height;return Ct(_),S(O=>[{toastId:e.id,height:_,position:e.position},...O]),()=>S(O=>O.filter(W=>W.toastId!==e.id))}},[S,e.id]),r.useLayoutEffect(()=>{if(!w)return;const b=st.current,_=b.style.height;b.style.height="auto";const O=b.getBoundingClientRect().height;b.style.height=_,Ct(O),S(W=>W.find(H=>H.toastId===e.id)?W.map(H=>H.toastId===e.id?{...H,height:O}:H):[{toastId:e.id,height:O,position:e.position},...W])},[w,e.title,e.description,S,e.id,e.jsx,e.action,e.cancel]);const at=r.useCallback(()=>{K(!0),St(ft.current),S(b=>b.filter(_=>_.toastId!==e.id)),setTimeout(()=>{T(e)},Es)},[e,T,S,ft]);r.useEffect(()=>{if(e.promise&&X==="loading"||e.duration===1/0||e.type==="loading")return;let b;return h||y||_t?(()=>{if(At.current<Tt.current){const W=new Date().getTime()-Tt.current;pt.current=pt.current-W}At.current=new Date().getTime()})():(()=>{pt.current!==1/0&&(Tt.current=new Date().getTime(),b=setTimeout(()=>{e.onAutoClose==null||e.onAutoClose.call(e,e),at()},pt.current))})(),()=>clearTimeout(b)},[h,y,e,X,_t,at]),r.useEffect(()=>{e.delete&&(at(),e.onDismiss==null||e.onDismiss.call(e,e))},[at,e.delete]);function Ve(){var b;if(M!=null&&M.loading){var _;return r.createElement("div",{className:et(N==null?void 0:N.loader,e==null||(_=e.classNames)==null?void 0:_.loader,"sonner-loader"),"data-visible":X==="loading"},M.loading)}return r.createElement(rs,{className:et(N==null?void 0:N.loader,e==null||(b=e.classNames)==null?void 0:b.loader),visible:X==="loading"})}const $e=e.icon||(M==null?void 0:M[X])||ns(X);var Lt,Pt;return r.createElement("li",{tabIndex:0,ref:st,className:et(I,_e,N==null?void 0:N.toast,e==null||(s=e.classNames)==null?void 0:s.toast,N==null?void 0:N.default,N==null?void 0:N[X],e==null||(t=e.classNames)==null?void 0:t[X]),"data-sonner-toast":"","data-rich-colors":(Lt=e.richColors)!=null?Lt:R,"data-styled":!(e.jsx||e.unstyled||m),"data-mounted":w,"data-promise":!!e.promise,"data-swiped":gt,"data-removed":C,"data-visible":Be,"data-y-position":He,"data-x-position":ze,"data-index":v,"data-front":Ae,"data-swiping":lt,"data-dismissible":ut,"data-type":X,"data-invert":Oe,"data-swipe-out":ct,"data-swipe-direction":ot,"data-expanded":!!(h||$&&w),"data-testid":e.testId,style:{"--index":v,"--toasts-before":v,"--z-index":F.length-v,"--offset":`${C?Ie:ft.current}px`,"--initial-height":$?"auto":`${Me}px`,...L,...e.style},onDragEnd:()=>{j(!1),Z(null),mt.current=null},onPointerDown:b=>{b.button!==2&&(Et||!ut||(It.current=new Date,St(ft.current),b.target.setPointerCapture(b.pointerId),b.target.tagName!=="BUTTON"&&(j(!0),mt.current={x:b.clientX,y:b.clientY})))},onPointerUp:()=>{var b,_,O;if(ct||!ut)return;mt.current=null;const W=Number(((b=st.current)==null?void 0:b.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),vt=Number(((_=st.current)==null?void 0:_.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),H=new Date().getTime()-((O=It.current)==null?void 0:O.getTime()),G=rt==="x"?W:vt,yt=Math.abs(G)/H;if(Math.abs(G)>=Ts||yt>.11){St(ft.current),e.onDismiss==null||e.onDismiss.call(e,e),xt(rt==="x"?W>0?"right":"left":vt>0?"down":"up"),at(),bt(!0);return}else{var J,tt;(J=st.current)==null||J.style.setProperty("--swipe-amount-x","0px"),(tt=st.current)==null||tt.style.setProperty("--swipe-amount-y","0px")}dt(!1),j(!1),Z(null)},onPointerMove:b=>{var _,O,W;if(!mt.current||!ut||((_=window.getSelection())==null?void 0:_.toString().length)>0)return;const H=b.clientY-mt.current.y,G=b.clientX-mt.current.x;var yt;const J=(yt=n.swipeDirections)!=null?yt:js(g);!rt&&(Math.abs(G)>1||Math.abs(H)>1)&&Z(Math.abs(G)>Math.abs(H)?"x":"y");let tt={x:0,y:0};const Ht=it=>1/(1.5+Math.abs(it)/20);if(rt==="y"){if(J.includes("top")||J.includes("bottom"))if(J.includes("top")&&H<0||J.includes("bottom")&&H>0)tt.y=H;else{const it=H*Ht(H);tt.y=Math.abs(it)<Math.abs(H)?it:H}}else if(rt==="x"&&(J.includes("left")||J.includes("right")))if(J.includes("left")&&G<0||J.includes("right")&&G>0)tt.x=G;else{const it=G*Ht(G);tt.x=Math.abs(it)<Math.abs(G)?it:G}(Math.abs(tt.x)>0||Math.abs(tt.y)>0)&&dt(!0),(O=st.current)==null||O.style.setProperty("--swipe-amount-x",`${tt.x}px`),(W=st.current)==null||W.style.setProperty("--swipe-amount-y",`${tt.y}px`)}},Pe&&!e.jsx&&X!=="loading"?r.createElement("button",{"aria-label":nt,"data-disabled":Et,"data-close-button":!0,onClick:Et||!ut?()=>{}:()=>{at(),e.onDismiss==null||e.onDismiss.call(e,e)},className:et(N==null?void 0:N.closeButton,e==null||(a=e.classNames)==null?void 0:a.closeButton)},(Pt=M==null?void 0:M.close)!=null?Pt:ds):null,(X||e.icon||e.promise)&&e.icon!==null&&((M==null?void 0:M[X])!==null||e.icon)?r.createElement("div",{"data-icon":"",className:et(N==null?void 0:N.icon,e==null||(l=e.classNames)==null?void 0:l.icon)},e.promise||e.type==="loading"&&!e.icon?e.icon||Ve():null,e.type!=="loading"?$e:null):null,r.createElement("div",{"data-content":"",className:et(N==null?void 0:N.content,e==null||(i=e.classNames)==null?void 0:i.content)},r.createElement("div",{"data-title":"",className:et(N==null?void 0:N.title,e==null||(c=e.classNames)==null?void 0:c.title)},e.jsx?e.jsx:typeof e.title=="function"?e.title():e.title),e.description?r.createElement("div",{"data-description":"",className:et(U,Le,N==null?void 0:N.description,e==null||(d=e.classNames)==null?void 0:d.description)},typeof e.description=="function"?e.description():e.description):null),r.isValidElement(e.cancel)?e.cancel:e.cancel&&wt(e.cancel)?r.createElement("button",{"data-button":!0,"data-cancel":!0,style:e.cancelButtonStyle||k,onClick:b=>{wt(e.cancel)&&ut&&(e.cancel.onClick==null||e.cancel.onClick.call(e.cancel,b),at())},className:et(N==null?void 0:N.cancelButton,e==null||(p=e.classNames)==null?void 0:p.cancelButton)},e.cancel.label):null,r.isValidElement(e.action)?e.action:e.action&&wt(e.action)?r.createElement("button",{"data-button":!0,"data-action":!0,style:e.actionButtonStyle||B,onClick:b=>{wt(e.action)&&(e.action.onClick==null||e.action.onClick.call(e.action,b),!b.defaultPrevented&&at())},className:et(N==null?void 0:N.actionButton,e==null||(u=e.classNames)==null?void 0:u.actionButton)},e.action.label):null)};function Ot(){if(typeof window>"u"||typeof document>"u")return"ltr";const n=document.documentElement.getAttribute("dir");return n==="auto"||!n?window.getComputedStyle(document.documentElement).direction:n}function Ds(n,s){const t={};return[n,s].forEach((a,l)=>{const i=l===1,c=i?"--mobile-offset":"--offset",d=i?ws:ys;function p(u){["top","right","bottom","left"].forEach(f=>{t[`${c}-${f}`]=typeof u=="number"?`${u}px`:u})}typeof a=="number"||typeof a=="string"?p(a):typeof a=="object"?["top","right","bottom","left"].forEach(u=>{a[u]===void 0?t[`${c}-${u}`]=d:t[`${c}-${u}`]=typeof a[u]=="number"?`${a[u]}px`:a[u]}):p(d)}),t}const Rs=r.forwardRef(function(s,t){const{id:a,invert:l,position:i="bottom-right",hotkey:c=["altKey","KeyT"],expand:d,closeButton:p,className:u,offset:f,mobileOffset:e,theme:m="light",richColors:y,duration:S,style:q,visibleToasts:z=vs,toastOptions:v,dir:F=Ot(),gap:h=Ss,icons:T,containerAriaLabel:R="Notifications"}=s,[E,L]=r.useState([]),k=r.useMemo(()=>a?E.filter(w=>w.toasterId===a):E.filter(w=>!w.toasterId),[E,a]),B=r.useMemo(()=>Array.from(new Set([i].concat(k.filter(w=>w.position).map(w=>w.position)))),[k,i]),[I,U]=r.useState([]),[V,g]=r.useState(!1),[P,$]=r.useState(!1),[N,M]=r.useState(m!=="system"?m:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),nt=r.useRef(null),rt=c.join("+").replace(/Key/g,"").replace(/Digit/g,""),Z=r.useRef(null),ot=r.useRef(!1),xt=r.useCallback(w=>{L(A=>{var C;return(C=A.find(K=>K.id===w.id))!=null&&C.delete||Y.dismiss(w.id),A.filter(({id:K})=>K!==w.id)})},[]);return r.useEffect(()=>Y.subscribe(w=>{if(w.dismiss){requestAnimationFrame(()=>{L(A=>A.map(C=>C.id===w.id?{...C,delete:!0}:C))});return}setTimeout(()=>{Vt.flushSync(()=>{L(A=>{const C=A.findIndex(K=>K.id===w.id);return C!==-1?[...A.slice(0,C),{...A[C],...w},...A.slice(C+1)]:[w,...A]})})})}),[E]),r.useEffect(()=>{if(m!=="system"){M(m);return}if(m==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?M("dark"):M("light")),typeof window>"u")return;const w=window.matchMedia("(prefers-color-scheme: dark)");try{w.addEventListener("change",({matches:A})=>{M(A?"dark":"light")})}catch{w.addListener(({matches:C})=>{try{M(C?"dark":"light")}catch(K){console.error(K)}})}},[m]),r.useEffect(()=>{E.length<=1&&g(!1)},[E]),r.useEffect(()=>{const w=A=>{var C;if(c.every(j=>A[j]||A.code===j)){var lt;g(!0),(lt=nt.current)==null||lt.focus()}A.code==="Escape"&&(document.activeElement===nt.current||(C=nt.current)!=null&&C.contains(document.activeElement))&&g(!1)};return document.addEventListener("keydown",w),()=>document.removeEventListener("keydown",w)},[c]),r.useEffect(()=>{if(nt.current)return()=>{Z.current&&(Z.current.focus({preventScroll:!0}),Z.current=null,ot.current=!1)}},[nt.current]),r.createElement("section",{ref:t,"aria-label":`${R} ${rt}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},B.map((w,A)=>{var C;const[K,lt]=w.split("-");return k.length?r.createElement("ol",{key:w,dir:F==="auto"?Ot():F,tabIndex:-1,ref:nt,className:u,"data-sonner-toaster":!0,"data-sonner-theme":N,"data-y-position":K,"data-x-position":lt,style:{"--front-toast-height":`${((C=I[0])==null?void 0:C.height)||0}px`,"--width":`${Ns}px`,"--gap":`${h}px`,...q,...Ds(f,e)},onBlur:j=>{ot.current&&!j.currentTarget.contains(j.relatedTarget)&&(ot.current=!1,Z.current&&(Z.current.focus({preventScroll:!0}),Z.current=null))},onFocus:j=>{j.target instanceof HTMLElement&&j.target.dataset.dismissible==="false"||ot.current||(ot.current=!0,Z.current=j.relatedTarget)},onMouseEnter:()=>g(!0),onMouseMove:()=>g(!0),onMouseLeave:()=>{P||g(!1)},onDragEnd:()=>g(!1),onPointerDown:j=>{j.target instanceof HTMLElement&&j.target.dataset.dismissible==="false"||$(!0)},onPointerUp:()=>$(!1)},k.filter(j=>!j.position&&A===0||j.position===w).map((j,ct)=>{var bt,gt;return r.createElement(ks,{key:j.id,icons:T,index:ct,toast:j,defaultRichColors:y,duration:(bt=v==null?void 0:v.duration)!=null?bt:S,className:v==null?void 0:v.className,descriptionClassName:v==null?void 0:v.descriptionClassName,invert:l,visibleToasts:z,closeButton:(gt=v==null?void 0:v.closeButton)!=null?gt:p,interacting:P,position:w,style:v==null?void 0:v.style,unstyled:v==null?void 0:v.unstyled,classNames:v==null?void 0:v.classNames,cancelButtonStyle:v==null?void 0:v.cancelButtonStyle,actionButtonStyle:v==null?void 0:v.actionButtonStyle,closeButtonAriaLabel:v==null?void 0:v.closeButtonAriaLabel,removeToast:xt,toasts:k.filter(dt=>dt.position==j.position),heights:I.filter(dt=>dt.position==j.position),setHeights:U,expandByDefault:d,gap:h,expanded:V,swipeDirections:s.swipeDirections})})):null}))}),Ce=({position:n="bottom-center",theme:s="system",toasterProps:t})=>{const a={toast:"uix-glass uix-glass-border uix-convex rounded-2xl shadow-lg text-uix-text-100",title:"text-uix-text-100 font-medium",description:"text-uix-text-200",actionButton:"bg-uix-prime-300 text-white rounded-xl hover:bg-uix-prime-400",cancelButton:"bg-uix-surface-300/50 text-uix-text-200 rounded-xl hover:bg-uix-surface-400/50",success:"text-green-500",error:"text-uix-sub1-400",warning:"text-amber-500",info:"text-uix-prime-400"};return o.jsx(Rs,{position:n,theme:s,toastOptions:{unstyled:!0,classNames:{toast:a.toast,title:a.title,description:a.description,actionButton:a.actionButton,cancelButton:a.cancelButton,success:a.success,error:a.error,warning:a.warning,info:a.info},style:{padding:"16px",gap:"8px",display:"flex",alignItems:"center"}},...t})};Ce.displayName="Toaster";exports.Accordion=Xt;exports.AccordionContent=Kt;exports.AccordionItem=Wt;exports.AccordionTrigger=qt;exports.Badge=kt;exports.Button=Gt;exports.Card=Qt;exports.CardContent=Zt;exports.CardDescription=ee;exports.CardHeader=Jt;exports.CardTitle=te;exports.CodeBlock=se;exports.ColorSwipeText=We;exports.Dropdown=qe;exports.DropdownContent=Ge;exports.DropdownItem=Qe;exports.DropdownSeparator=Ze;exports.DropdownTrigger=Ke;exports.FileUploader=ae;exports.PinInput=re;exports.ScrollArea=Rt;exports.ScrollToTop=Je;exports.Section=oe;exports.SectionTitle=ie;exports.Sheet=ce;exports.SheetContent=de;exports.SheetHeader=ue;exports.SheetTitle=fe;exports.Sidebar=me;exports.SidebarContent=xe;exports.SidebarGroup=be;exports.SidebarGroupLabel=ge;exports.SidebarHeader=pe;exports.SidebarMenu=he;exports.SidebarMenuButton=ye;exports.SidebarMenuItem=ve;exports.Slider=we;exports.Surface=Ne;exports.Tabs=Ee;exports.TabsContent=Re;exports.TabsList=je;exports.TabsPanels=De;exports.TabsTrigger=ke;exports.Toaster=Ce;exports.cn=x;exports.toast=hs;

package/dist/index.d.ts

@@ -144,7 +144,7 @@ export declare interface DropdownTriggerProps extends HTMLAttributes<HTMLButtonE
 }
 
 export declare const FileUploader: {
-    ({ onFileSelect, onFilesSelect, accept, maxSizeMB, multiple, disabled, variant, size, icon, title, description, className, onError, }: FileUploaderProps): JSX.Element;
+    ({ onFileSelect, onFilesSelect, accept, maxSizeMB, multiple, disabled, size, icon, title, description, className, onError, }: FileUploaderProps): JSX.Element;
     displayName: string;
 };
 
@@ -161,8 +161,6 @@ export declare interface FileUploaderProps {
     multiple?: boolean;
     /** 비활성화 여부 */
     disabled?: boolean;
-    /** 스타일 변형 */
-    variant?: 'default' | 'glass';
     /** 크기 */
     size?: 'sm' | 'md' | 'lg';
     /** 커스텀 아이콘 */
@@ -178,7 +176,7 @@ export declare interface FileUploaderProps {
 }
 
 export declare const PinInput: {
-    ({ length, onComplete, onChange, disabled, error, mask, variant, size, type, className, autoFocus, }: PinInputProps): JSX.Element;
+    ({ length, onComplete, onChange, disabled, error, mask, size, type, className, autoFocus, }: PinInputProps): JSX.Element;
     displayName: string;
 };
 
@@ -195,8 +193,6 @@ export declare interface PinInputProps {
     error?: boolean;
     /** 비밀번호 마스킹 (●●●) */
     mask?: boolean;
-    /** 스타일 변형 */
-    variant?: 'default' | 'glass';
     /** 크기 */
     size?: 'sm' | 'md' | 'lg';
     /** 입력 타입 */
@@ -316,7 +312,7 @@ export declare interface SidebarProps extends HTMLAttributes<HTMLElement> {
 }
 
 export declare const Slider: {
-    ({ value, onChange, min, max, step, disabled, variant, size, color, showValue, showMinMax, marks, label, description, className, }: SliderProps): JSX.Element;
+    ({ value, onChange, min, max, step, disabled, size, color, showValue, showMinMax, marks, label, description, className, }: SliderProps): JSX.Element;
     displayName: string;
 };
 
@@ -338,8 +334,6 @@ export declare interface SliderProps {
     step?: number;
     /** 비활성화 여부 */
     disabled?: boolean;
-    /** 스타일 변형 */
-    variant?: 'default' | 'glass';
     /** 크기 */
     size?: 'sm' | 'md' | 'lg';
     /** 채워진 영역 색상 */
@@ -408,15 +402,13 @@ export declare interface TabsTriggerProps extends HTMLAttributes<HTMLButtonEleme
 export { toast }
 
 export declare const Toaster: {
-    ({ position, variant, theme, toasterProps, }: ToasterProps): JSX.Element;
+    ({ position, theme, toasterProps }: ToasterProps): JSX.Element;
     displayName: string;
 };
 
 export declare interface ToasterProps {
     /** 토스트 위치 */
     position?: 'top-center' | 'top-right' | 'bottom-center' | 'bottom-right' | 'top-left' | 'bottom-left';
-    /** 스타일 변형 */
-    variant?: 'default' | 'glass';
     /** 테마 (자동 감지 시 'system') */
     theme?: 'light' | 'dark' | 'system';
     /** sonner 기본 옵션 오버라이드 */