@viglet/viglet-design-system 2026.3.8 → 2026.3.9

package/dist/{user.context-r50nSWER.cjs → user.context-B9vIBzY5.cjs}

@@ -1 +1 @@
-const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./badge-locale-sIsBdP_e.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-avatar");i=e.t(i,1);let a=require("@radix-ui/react-slot"),o=require("class-variance-authority"),s=require("@tabler/icons-react"),c=require("react-i18next"),l=require("@iconify/react"),u=require("next-themes"),d=require("sonner");var f=t.H(`circle-check`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]),p=t.H(`info`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 16v-4`,key:`1dtifu`}],[`path`,{d:`M12 8h.01`,key:`e9boi3`}]]),m=t.H(`loader-circle`,[[`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`,key:`13zald`}]]),h=t.H(`octagon-x`,[[`path`,{d:`m15 9-6 6`,key:`1uzhvr`}],[`path`,{d:`M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z`,key:`2d38gg`}],[`path`,{d:`m9 9 6 6`,key:`z0biqf`}]]),g=t.H(`triangle-alert`,[[`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`,key:`wmoenq`}],[`path`,{d:`M12 9v4`,key:`juzpu7`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]),_=(0,o.cva)(`inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,{variants:{variant:{default:`bg-primary text-primary-foreground hover:bg-primary/90`,destructive:`bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60`,outline:`border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80`,ghost:`hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50`,link:`text-primary underline-offset-4 hover:underline`},size:{default:`h-9 px-4 py-2 has-[>svg]:px-3`,sm:`h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5`,lg:`h-10 rounded-md px-6 has-[>svg]:px-4`,icon:`size-9`,"icon-sm":`size-8`,"icon-lg":`size-10`}},defaultVariants:{variant:`default`,size:`default`}});function v({className:e,variant:n,size:i,asChild:o=!1,...s}){return(0,r.jsx)(o?a.Slot:`button`,{"data-slot":`button`,className:t.U(_({variant:n,size:i,className:e})),...s})}var y=[`lucide`,`tabler`,`mdi`,`ph`,`solar`,`heroicons`],b=y.join(`,`);async function x(e,t){try{let n=await fetch(`https://api.iconify.design/search?query=${encodeURIComponent(e)}&limit=${t}&prefixes=${b}`);if(n.ok)return(await n.json()).icons??[]}catch{}return[]}function S({open:e,onOpenChange:i,value:a,onSelect:o,onClear:u,title:d,description:f,suggestKeywords:p}){let{t:m}=(0,c.useTranslation)(),[h,g]=(0,n.useState)(``),[_,v]=(0,n.useState)([]),[b,S]=(0,n.useState)(!1),C=(0,n.useRef)(null),[w,T]=(0,n.useState)(!1),[E,D]=(0,n.useState)([]),O=(0,n.useRef)(0),[k,A]=(0,n.useState)(null),j=(0,n.useCallback)(async e=>{let t=++O.current,n=()=>t===O.current;if(!e.trim()){v([]);return}S(!0);try{let t=await x(e,60);n()&&v(t)}catch{n()&&v([])}finally{n()&&S(!1)}},[]);(0,n.useEffect)(()=>(C.current&&clearTimeout(C.current),C.current=setTimeout(()=>j(h),350),()=>{C.current&&clearTimeout(C.current)}),[h,j]);function M(e){o(e),i(!1),g(``),v([]),D([]),A(null)}async function N(){if(!(!p||w)){T(!0),D([]),A(null);try{let e=(await p({title:d,description:f})).filter(e=>typeof e==`string`&&e.trim()).slice(0,5),t=[];for(let n of e)t.push({keyword:n.trim(),icons:await x(n.trim(),30)});D(t)}catch{D([])}finally{T(!1)}}}let P=k?E.find(e=>e.keyword===k)?.icons??[]:E.flatMap(e=>e.icons.slice(0,3)),F=!!p&&!!(d?.trim()??f?.trim());return(0,r.jsx)(t.D,{open:e,onOpenChange:i,children:(0,r.jsxs)(t.k,{className:`flex max-h-[80vh] flex-col sm:max-w-lg`,children:[(0,r.jsx)(t.M,{children:(0,r.jsx)(t.F,{children:m(`forms.iconPicker.chooseAnIcon`,{defaultValue:`Choose an icon`})})}),(0,r.jsxs)(`div`,{className:`flex gap-2`,children:[(0,r.jsxs)(`div`,{className:`relative flex-1`,children:[(0,r.jsx)(s.IconSearch,{className:`absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,r.jsx)(t.l,{value:h,onChange:e=>g(e.target.value),placeholder:m(`forms.iconPicker.searchIcons`,{defaultValue:`Search icons`}),className:`pl-9`,autoFocus:!0})]}),F&&(0,r.jsxs)(t.u,{type:`button`,size:`sm`,variant:`outline`,onClick:N,disabled:w,className:`shrink-0 gap-1.5`,children:[w?(0,r.jsx)(s.IconLoader2,{className:`size-4 animate-spin`}):(0,r.jsx)(s.IconSparkles,{className:`size-4`}),m(`forms.iconPicker.aiSuggest`,{defaultValue:`Suggest`})]})]}),E.length>0&&(0,r.jsxs)(`div`,{className:`rounded-lg border border-[var(--vg-accent-line)] bg-[var(--vg-accent-surface)] p-3`,children:[(0,r.jsxs)(`div`,{className:`mb-2 flex items-center gap-1.5 text-xs font-medium vg-accent-text`,children:[(0,r.jsx)(s.IconSparkles,{className:`size-3.5`}),m(`forms.iconPicker.aiSuggestions`,{defaultValue:`Suggestions`})]}),(0,r.jsx)(`div`,{className:`mb-3 flex flex-wrap gap-1.5`,children:E.map(e=>(0,r.jsxs)(`button`,{type:`button`,onClick:()=>A(k===e.keyword?null:e.keyword),className:`cursor-pointer rounded-full px-3 py-1 text-xs font-medium transition-all ${k===e.keyword?`vg-accent-solid text-white`:`bg-[var(--vg-accent-surface)] text-[var(--vg-accent-fg)] hover:bg-[var(--vg-accent-surface-strong)]`}`,children:[e.keyword,(0,r.jsx)(`span`,{className:`ml-1 opacity-60`,children:e.icons.length})]},e.keyword))}),(0,r.jsx)(`div`,{className:`flex max-h-60 flex-wrap gap-2 overflow-y-auto`,children:P.map(e=>(0,r.jsxs)(`button`,{type:`button`,onClick:()=>M(e),className:`flex cursor-pointer flex-col items-center gap-1 rounded-lg p-2 transition-all hover:bg-[var(--vg-accent-surface)] ${a===e?`border border-[var(--vg-accent-line)] bg-[var(--vg-accent-surface-strong)] vg-accent-text`:`border border-[var(--vg-accent-line)]`}`,title:e,children:[(0,r.jsx)(l.Icon,{icon:e,className:`size-7`}),(0,r.jsx)(`span`,{className:`max-w-[80px] truncate text-center text-[9px] leading-tight text-muted-foreground`,children:e.split(`:`)[1]??e})]},e))})]}),(0,r.jsxs)(`div`,{className:`max-h-[400px] min-h-[200px] flex-1 overflow-y-auto`,children:[b&&(0,r.jsx)(`div`,{className:`flex h-32 items-center justify-center text-sm text-muted-foreground`,children:m(`forms.iconPicker.searching`,{defaultValue:`Searching…`})}),!b&&h&&_.length===0&&(0,r.jsx)(`div`,{className:`flex h-32 items-center justify-center text-sm text-muted-foreground`,children:m(`forms.iconPicker.noIconsFound`,{query:h,defaultValue:`No icons found for “{{query}}”`})}),!b&&!h&&_.length===0&&E.length===0&&(0,r.jsxs)(`div`,{className:`flex h-32 flex-col items-center justify-center gap-2 px-4 text-center text-sm text-muted-foreground`,children:[(0,r.jsx)(`span`,{children:m(`forms.iconPicker.typeToSearch`,{count:y.length,defaultValue:`Type to search {{count}} icon collections`})}),F&&(0,r.jsx)(`span`,{className:`text-xs leading-relaxed`,children:m(`forms.iconPicker.orClickAi`,{defaultValue:`…or let the title and description suggest some`})})]}),_.length>0&&(0,r.jsx)(`div`,{className:`grid grid-cols-6 gap-1.5 p-1`,children:_.map(e=>(0,r.jsxs)(`button`,{type:`button`,onClick:()=>M(e),className:`flex cursor-pointer flex-col items-center justify-center gap-1 rounded-lg p-2 transition-all hover:bg-muted ${a===e?`border border-[var(--vg-accent-line)] bg-[var(--vg-accent-surface)] vg-accent-text`:`border border-transparent hover:border-border`}`,title:e,children:[(0,r.jsx)(l.Icon,{icon:e,className:`size-6`}),(0,r.jsx)(`span`,{className:`w-full truncate text-center text-[9px] leading-tight text-muted-foreground`,children:e.split(`:`)[1]??e})]},e))})]}),a&&(0,r.jsxs)(`div`,{className:`flex items-center justify-between border-t pt-2`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,r.jsx)(l.Icon,{icon:a,className:`size-5`}),(0,r.jsx)(`span`,{className:`font-mono text-xs text-muted-foreground`,children:a})]}),(0,r.jsxs)(`div`,{className:`flex gap-2`,children:[u&&(0,r.jsxs)(t.u,{size:`sm`,type:`button`,variant:`outline`,onClick:()=>{u(),i(!1)},children:[(0,r.jsx)(s.IconTrash,{className:`size-4`}),m(`forms.common.remove`,{defaultValue:`Remove`})]}),(0,r.jsx)(t.u,{size:`sm`,type:`button`,onClick:()=>i(!1),children:m(`forms.iconPicker.done`,{defaultValue:`Done`})})]})]})]})})}var C={blue:{color:`text-blue-600 dark:text-blue-400`,bg:`from-blue-500/10 to-indigo-500/10 dark:from-blue-500/20 dark:to-indigo-500/20`,ring:`ring-blue-500/10 dark:ring-blue-400/10`},violet:{color:`text-violet-600 dark:text-violet-400`,bg:`from-violet-500/10 to-purple-500/10 dark:from-violet-500/20 dark:to-purple-500/20`,ring:`ring-violet-500/10 dark:ring-violet-400/10`},emerald:{color:`text-emerald-600 dark:text-emerald-400`,bg:`from-emerald-500/10 to-teal-500/10 dark:from-emerald-500/20 dark:to-teal-500/20`,ring:`ring-emerald-500/10 dark:ring-emerald-400/10`},amber:{color:`text-amber-600 dark:text-amber-400`,bg:`from-amber-500/10 to-orange-500/10 dark:from-amber-500/20 dark:to-orange-500/20`,ring:`ring-amber-500/10 dark:ring-amber-400/10`},rose:{color:`text-rose-600 dark:text-rose-400`,bg:`from-rose-500/10 to-pink-500/10 dark:from-rose-500/20 dark:to-pink-500/20`,ring:`ring-rose-500/10 dark:ring-rose-400/10`},cyan:{color:`text-cyan-600 dark:text-cyan-400`,bg:`from-cyan-500/10 to-sky-500/10 dark:from-cyan-500/20 dark:to-sky-500/20`,ring:`ring-cyan-500/10 dark:ring-cyan-400/10`},orange:{color:`text-orange-600 dark:text-orange-400`,bg:`from-orange-500/10 to-amber-500/10 dark:from-orange-500/20 dark:to-amber-500/20`,ring:`ring-orange-500/10 dark:ring-orange-400/10`},slate:{color:`text-slate-600 dark:text-slate-400`,bg:`from-slate-500/10 to-gray-500/10 dark:from-slate-500/20 dark:to-gray-500/20`,ring:`ring-slate-500/10 dark:ring-slate-400/10`}},w=(0,n.createContext)({open:!0,toggle:()=>{},variant:`blue`});function T({variant:e=`blue`,defaultOpen:i=!0,children:a,className:o}){let[s,c]=(0,n.useState)(i);return(0,r.jsx)(w.Provider,{value:{open:s,toggle:()=>c(e=>!e),variant:e},children:(0,r.jsx)(`div`,{className:t.U(`rounded-xl border overflow-hidden`,o),children:a})})}function E({icon:e,title:i,description:a,className:o}){let{open:c,toggle:l,variant:u}=(0,n.useContext)(w),d=C[u];return(0,r.jsxs)(`button`,{type:`button`,onClick:l,className:t.U(`flex w-full items-center gap-3 px-5 py-4 bg-muted/40 border-b cursor-pointer hover:bg-muted/60 transition-colors`,o),children:[(0,r.jsx)(`div`,{className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-linear-to-br ${d.bg} ring-1 ${d.ring}`,children:(0,r.jsx)(e,{className:`size-4 ${d.color}`})}),(0,r.jsxs)(`div`,{className:`min-w-0 text-left`,children:[(0,r.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:i}),a&&(0,r.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:a})]}),(0,r.jsx)(s.IconChevronDown,{className:t.U(`ml-auto size-4 text-muted-foreground shrink-0 transition-transform duration-200`,c&&`rotate-180`)})]})}function D({icon:e,title:i,description:a,className:o}){let{variant:s}=(0,n.useContext)(w),c=C[s];return(0,r.jsxs)(`div`,{className:t.U(`flex items-center gap-3 px-5 py-4 bg-muted/40 border-b`,o),children:[(0,r.jsx)(`div`,{className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-linear-to-br ${c.bg} ring-1 ${c.ring}`,children:(0,r.jsx)(e,{className:`size-4 ${c.color}`})}),(0,r.jsxs)(`div`,{className:`min-w-0`,children:[(0,r.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:i}),a&&(0,r.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:a})]})]})}function O({children:e,className:i}){let{open:a}=(0,n.useContext)(w);return a?(0,r.jsx)(`div`,{className:t.U(`p-5 space-y-6`,i),children:e}):null}T.Header=E,T.StaticHeader=D,T.Content=O;var k=({...e})=>{let{theme:t=`system`}=(0,u.useTheme)();return(0,r.jsx)(d.Toaster,{theme:t,className:`toaster group`,icons:{success:(0,r.jsx)(f,{className:`size-4`}),info:(0,r.jsx)(p,{className:`size-4`}),warning:(0,r.jsx)(g,{className:`size-4`}),error:(0,r.jsx)(h,{className:`size-4`}),loading:(0,r.jsx)(m,{className:`size-4 animate-spin`})},style:{"--normal-bg":`var(--vg-popover)`,"--normal-text":`var(--vg-popover-foreground)`,"--normal-border":`var(--vg-border)`,"--border-radius":`var(--vg-radius)`},...e})};function A({givenName:e,familyName:t,name:n}){let r=(e??``).trim(),i=(t??``).trim();if(r||i){let e=r?r[0]:``,t=i.split(/\s+/).filter(Boolean),n=`${e}${t.length>0?t[t.length-1][0]:``}`.toUpperCase();if(n)return n}let a=(n??``).trim();if(a){let e=a.split(/\s+/).filter(Boolean);return e.length===1?e[0][0].toUpperCase():`${e[0][0]}${e[e.length-1][0]}`.toUpperCase()}return`U`}function j({className:e,givenName:n,familyName:a,name:o,src:s,alt:c,children:l,...u}){let d=A({givenName:n,familyName:a,name:o}),f=c??o??[n,a].filter(Boolean).join(` `);return(0,r.jsxs)(i.Root,{"data-slot":`user-avatar`,className:t.U(`relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full size-8`,`bg-muted text-muted-foreground text-xs font-semibold`,`ring-1 ring-border`,e),...u,children:[s&&(0,r.jsx)(i.Image,{"data-slot":`user-avatar-image`,src:s,alt:f,className:`aspect-square size-full object-cover`}),(0,r.jsx)(i.Fallback,{"data-slot":`user-avatar-fallback`,className:`flex size-full items-center justify-center`,delayMs:s?600:0,children:l??d})]})}var M=n.default.createContext(null);function N({children:e,fetchUser:t}){let[i,a]=n.default.useState({}),[o,s]=n.default.useState(`loading`),[c,l]=n.default.useState(null),u=n.default.useRef(0),d=n.default.useCallback(()=>{let e=++u.current;t().then(t=>{e===u.current&&(a(t),l(null),s(`ready`))},t=>{e===u.current&&(l(t),s(`failed`))})},[t]);n.default.useEffect(()=>{d()},[d]);let f=n.default.useMemo(()=>({user:i,refreshUser:d,status:o,error:c}),[i,d,o,c]);return(0,r.jsx)(M,{value:f,children:e})}function P(){let e=n.default.useContext(M);if(!e)throw Error(`useCurrentUser must be used within UserProvider`);return e}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return N}});
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./badge-locale-hQyWhAKe.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-avatar");i=e.t(i,1);let a=require("@radix-ui/react-slot"),o=require("class-variance-authority"),s=require("react-i18next"),c=require("@tabler/icons-react"),l=require("@iconify/react"),u=require("next-themes"),d=require("sonner");var f=t.H(`circle-check`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]),p=t.H(`info`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 16v-4`,key:`1dtifu`}],[`path`,{d:`M12 8h.01`,key:`e9boi3`}]]),m=t.H(`loader-circle`,[[`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`,key:`13zald`}]]),h=t.H(`octagon-x`,[[`path`,{d:`m15 9-6 6`,key:`1uzhvr`}],[`path`,{d:`M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z`,key:`2d38gg`}],[`path`,{d:`m9 9 6 6`,key:`z0biqf`}]]),g=t.H(`triangle-alert`,[[`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`,key:`wmoenq`}],[`path`,{d:`M12 9v4`,key:`juzpu7`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]),_=(0,o.cva)(`inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,{variants:{variant:{default:`bg-primary text-primary-foreground hover:bg-primary/90`,destructive:`bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60`,outline:`border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80`,ghost:`hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50`,link:`text-primary underline-offset-4 hover:underline`},size:{default:`h-9 px-4 py-2 has-[>svg]:px-3`,sm:`h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5`,lg:`h-10 rounded-md px-6 has-[>svg]:px-4`,icon:`size-9`,"icon-sm":`size-8`,"icon-lg":`size-10`}},defaultVariants:{variant:`default`,size:`default`}});function v({className:e,variant:n,size:i,asChild:o=!1,...s}){return(0,r.jsx)(o?a.Slot:`button`,{"data-slot":`button`,className:t.U(_({variant:n,size:i,className:e})),...s})}var y=[`lucide`,`tabler`,`mdi`,`ph`,`solar`,`heroicons`],b=y.join(`,`);async function x(e,t){try{let n=await fetch(`https://api.iconify.design/search?query=${encodeURIComponent(e)}&limit=${t}&prefixes=${b}`);if(n.ok)return(await n.json()).icons??[]}catch{}return[]}function S({open:e,onOpenChange:i,value:a,onSelect:o,onClear:u,title:d,description:f,suggestKeywords:p}){let{t:m}=(0,s.useTranslation)(),[h,g]=(0,n.useState)(``),[_,v]=(0,n.useState)([]),[b,S]=(0,n.useState)(!1),C=(0,n.useRef)(null),[w,T]=(0,n.useState)(!1),[E,D]=(0,n.useState)([]),O=(0,n.useRef)(0),[k,A]=(0,n.useState)(null),j=(0,n.useCallback)(async e=>{let t=++O.current,n=()=>t===O.current;if(!e.trim()){v([]);return}S(!0);try{let t=await x(e,60);n()&&v(t)}catch{n()&&v([])}finally{n()&&S(!1)}},[]);(0,n.useEffect)(()=>(C.current&&clearTimeout(C.current),C.current=setTimeout(()=>j(h),350),()=>{C.current&&clearTimeout(C.current)}),[h,j]);function M(e){o(e),i(!1),g(``),v([]),D([]),A(null)}async function N(){if(!(!p||w)){T(!0),D([]),A(null);try{let e=(await p({title:d,description:f})).filter(e=>typeof e==`string`&&e.trim()).slice(0,5),t=[];for(let n of e)t.push({keyword:n.trim(),icons:await x(n.trim(),30)});D(t)}catch{D([])}finally{T(!1)}}}let P=k?E.find(e=>e.keyword===k)?.icons??[]:E.flatMap(e=>e.icons.slice(0,3)),F=!!p&&!!(d?.trim()??f?.trim());return(0,r.jsx)(t.D,{open:e,onOpenChange:i,children:(0,r.jsxs)(t.k,{className:`flex max-h-[80vh] flex-col sm:max-w-lg`,children:[(0,r.jsx)(t.M,{children:(0,r.jsx)(t.F,{children:m(`forms.iconPicker.chooseAnIcon`,{defaultValue:`Choose an icon`})})}),(0,r.jsxs)(`div`,{className:`flex gap-2`,children:[(0,r.jsxs)(`div`,{className:`relative flex-1`,children:[(0,r.jsx)(c.IconSearch,{className:`absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,r.jsx)(t.l,{value:h,onChange:e=>g(e.target.value),placeholder:m(`forms.iconPicker.searchIcons`,{defaultValue:`Search icons`}),className:`pl-9`,autoFocus:!0})]}),F&&(0,r.jsxs)(t.u,{type:`button`,size:`sm`,variant:`outline`,onClick:N,disabled:w,className:`shrink-0 gap-1.5`,children:[w?(0,r.jsx)(c.IconLoader2,{className:`size-4 animate-spin`}):(0,r.jsx)(c.IconSparkles,{className:`size-4`}),m(`forms.iconPicker.aiSuggest`,{defaultValue:`Suggest`})]})]}),E.length>0&&(0,r.jsxs)(`div`,{className:`rounded-lg border border-[var(--vg-accent-line)] bg-[var(--vg-accent-surface)] p-3`,children:[(0,r.jsxs)(`div`,{className:`mb-2 flex items-center gap-1.5 text-xs font-medium vg-accent-text`,children:[(0,r.jsx)(c.IconSparkles,{className:`size-3.5`}),m(`forms.iconPicker.aiSuggestions`,{defaultValue:`Suggestions`})]}),(0,r.jsx)(`div`,{className:`mb-3 flex flex-wrap gap-1.5`,children:E.map(e=>(0,r.jsxs)(`button`,{type:`button`,onClick:()=>A(k===e.keyword?null:e.keyword),className:`cursor-pointer rounded-full px-3 py-1 text-xs font-medium transition-all ${k===e.keyword?`vg-accent-solid text-white`:`bg-[var(--vg-accent-surface)] text-[var(--vg-accent-fg)] hover:bg-[var(--vg-accent-surface-strong)]`}`,children:[e.keyword,(0,r.jsx)(`span`,{className:`ml-1 opacity-60`,children:e.icons.length})]},e.keyword))}),(0,r.jsx)(`div`,{className:`flex max-h-60 flex-wrap gap-2 overflow-y-auto`,children:P.map(e=>(0,r.jsxs)(`button`,{type:`button`,onClick:()=>M(e),className:`flex cursor-pointer flex-col items-center gap-1 rounded-lg p-2 transition-all hover:bg-[var(--vg-accent-surface)] ${a===e?`border border-[var(--vg-accent-line)] bg-[var(--vg-accent-surface-strong)] vg-accent-text`:`border border-[var(--vg-accent-line)]`}`,title:e,children:[(0,r.jsx)(l.Icon,{icon:e,className:`size-7`}),(0,r.jsx)(`span`,{className:`max-w-[80px] truncate text-center text-[9px] leading-tight text-muted-foreground`,children:e.split(`:`)[1]??e})]},e))})]}),(0,r.jsxs)(`div`,{className:`max-h-[400px] min-h-[200px] flex-1 overflow-y-auto`,children:[b&&(0,r.jsx)(`div`,{className:`flex h-32 items-center justify-center text-sm text-muted-foreground`,children:m(`forms.iconPicker.searching`,{defaultValue:`Searching…`})}),!b&&h&&_.length===0&&(0,r.jsx)(`div`,{className:`flex h-32 items-center justify-center text-sm text-muted-foreground`,children:m(`forms.iconPicker.noIconsFound`,{query:h,defaultValue:`No icons found for “{{query}}”`})}),!b&&!h&&_.length===0&&E.length===0&&(0,r.jsxs)(`div`,{className:`flex h-32 flex-col items-center justify-center gap-2 px-4 text-center text-sm text-muted-foreground`,children:[(0,r.jsx)(`span`,{children:m(`forms.iconPicker.typeToSearch`,{count:y.length,defaultValue:`Type to search {{count}} icon collections`})}),F&&(0,r.jsx)(`span`,{className:`text-xs leading-relaxed`,children:m(`forms.iconPicker.orClickAi`,{defaultValue:`…or let the title and description suggest some`})})]}),_.length>0&&(0,r.jsx)(`div`,{className:`grid grid-cols-6 gap-1.5 p-1`,children:_.map(e=>(0,r.jsxs)(`button`,{type:`button`,onClick:()=>M(e),className:`flex cursor-pointer flex-col items-center justify-center gap-1 rounded-lg p-2 transition-all hover:bg-muted ${a===e?`border border-[var(--vg-accent-line)] bg-[var(--vg-accent-surface)] vg-accent-text`:`border border-transparent hover:border-border`}`,title:e,children:[(0,r.jsx)(l.Icon,{icon:e,className:`size-6`}),(0,r.jsx)(`span`,{className:`w-full truncate text-center text-[9px] leading-tight text-muted-foreground`,children:e.split(`:`)[1]??e})]},e))})]}),a&&(0,r.jsxs)(`div`,{className:`flex items-center justify-between border-t pt-2`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,r.jsx)(l.Icon,{icon:a,className:`size-5`}),(0,r.jsx)(`span`,{className:`font-mono text-xs text-muted-foreground`,children:a})]}),(0,r.jsxs)(`div`,{className:`flex gap-2`,children:[u&&(0,r.jsxs)(t.u,{size:`sm`,type:`button`,variant:`outline`,onClick:()=>{u(),i(!1)},children:[(0,r.jsx)(c.IconTrash,{className:`size-4`}),m(`forms.common.remove`,{defaultValue:`Remove`})]}),(0,r.jsx)(t.u,{size:`sm`,type:`button`,onClick:()=>i(!1),children:m(`forms.iconPicker.done`,{defaultValue:`Done`})})]})]})]})})}var C={blue:{color:`text-blue-600 dark:text-blue-400`,bg:`from-blue-500/10 to-indigo-500/10 dark:from-blue-500/20 dark:to-indigo-500/20`,ring:`ring-blue-500/10 dark:ring-blue-400/10`},violet:{color:`text-violet-600 dark:text-violet-400`,bg:`from-violet-500/10 to-purple-500/10 dark:from-violet-500/20 dark:to-purple-500/20`,ring:`ring-violet-500/10 dark:ring-violet-400/10`},emerald:{color:`text-emerald-600 dark:text-emerald-400`,bg:`from-emerald-500/10 to-teal-500/10 dark:from-emerald-500/20 dark:to-teal-500/20`,ring:`ring-emerald-500/10 dark:ring-emerald-400/10`},amber:{color:`text-amber-600 dark:text-amber-400`,bg:`from-amber-500/10 to-orange-500/10 dark:from-amber-500/20 dark:to-orange-500/20`,ring:`ring-amber-500/10 dark:ring-amber-400/10`},rose:{color:`text-rose-600 dark:text-rose-400`,bg:`from-rose-500/10 to-pink-500/10 dark:from-rose-500/20 dark:to-pink-500/20`,ring:`ring-rose-500/10 dark:ring-rose-400/10`},cyan:{color:`text-cyan-600 dark:text-cyan-400`,bg:`from-cyan-500/10 to-sky-500/10 dark:from-cyan-500/20 dark:to-sky-500/20`,ring:`ring-cyan-500/10 dark:ring-cyan-400/10`},orange:{color:`text-orange-600 dark:text-orange-400`,bg:`from-orange-500/10 to-amber-500/10 dark:from-orange-500/20 dark:to-amber-500/20`,ring:`ring-orange-500/10 dark:ring-orange-400/10`},slate:{color:`text-slate-600 dark:text-slate-400`,bg:`from-slate-500/10 to-gray-500/10 dark:from-slate-500/20 dark:to-gray-500/20`,ring:`ring-slate-500/10 dark:ring-slate-400/10`}},w=(0,n.createContext)({open:!0,toggle:()=>{},variant:`blue`});function T({variant:e=`blue`,defaultOpen:i=!0,children:a,className:o}){let[s,c]=(0,n.useState)(i);return(0,r.jsx)(w.Provider,{value:{open:s,toggle:()=>c(e=>!e),variant:e},children:(0,r.jsx)(`div`,{className:t.U(`rounded-xl border overflow-hidden`,o),children:a})})}function E({icon:e,title:i,description:a,className:o}){let{open:s,toggle:l,variant:u}=(0,n.useContext)(w),d=C[u];return(0,r.jsxs)(`button`,{type:`button`,onClick:l,className:t.U(`flex w-full items-center gap-3 px-5 py-4 bg-muted/40 border-b cursor-pointer hover:bg-muted/60 transition-colors`,o),children:[(0,r.jsx)(`div`,{className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-linear-to-br ${d.bg} ring-1 ${d.ring}`,children:(0,r.jsx)(e,{className:`size-4 ${d.color}`})}),(0,r.jsxs)(`div`,{className:`min-w-0 text-left`,children:[(0,r.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:i}),a&&(0,r.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:a})]}),(0,r.jsx)(c.IconChevronDown,{className:t.U(`ml-auto size-4 text-muted-foreground shrink-0 transition-transform duration-200`,s&&`rotate-180`)})]})}function D({icon:e,title:i,description:a,className:o}){let{variant:s}=(0,n.useContext)(w),c=C[s];return(0,r.jsxs)(`div`,{className:t.U(`flex items-center gap-3 px-5 py-4 bg-muted/40 border-b`,o),children:[(0,r.jsx)(`div`,{className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-linear-to-br ${c.bg} ring-1 ${c.ring}`,children:(0,r.jsx)(e,{className:`size-4 ${c.color}`})}),(0,r.jsxs)(`div`,{className:`min-w-0`,children:[(0,r.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:i}),a&&(0,r.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:a})]})]})}function O({children:e,className:i}){let{open:a}=(0,n.useContext)(w);return a?(0,r.jsx)(`div`,{className:t.U(`p-5 space-y-6`,i),children:e}):null}T.Header=E,T.StaticHeader=D,T.Content=O;var k=({...e})=>{let{theme:t=`system`}=(0,u.useTheme)();return(0,r.jsx)(d.Toaster,{theme:t,className:`toaster group`,icons:{success:(0,r.jsx)(f,{className:`size-4`}),info:(0,r.jsx)(p,{className:`size-4`}),warning:(0,r.jsx)(g,{className:`size-4`}),error:(0,r.jsx)(h,{className:`size-4`}),loading:(0,r.jsx)(m,{className:`size-4 animate-spin`})},style:{"--normal-bg":`var(--vg-popover)`,"--normal-text":`var(--vg-popover-foreground)`,"--normal-border":`var(--vg-border)`,"--border-radius":`var(--vg-radius)`},...e})};function A({givenName:e,familyName:t,name:n}){let r=(e??``).trim(),i=(t??``).trim();if(r||i){let e=r?r[0]:``,t=i.split(/\s+/).filter(Boolean),n=`${e}${t.length>0?t[t.length-1][0]:``}`.toUpperCase();if(n)return n}let a=(n??``).trim();if(a){let e=a.split(/\s+/).filter(Boolean);return e.length===1?e[0][0].toUpperCase():`${e[0][0]}${e[e.length-1][0]}`.toUpperCase()}return`U`}function j({className:e,givenName:n,familyName:a,name:o,src:s,alt:c,children:l,...u}){let d=A({givenName:n,familyName:a,name:o}),f=c??o??[n,a].filter(Boolean).join(` `);return(0,r.jsxs)(i.Root,{"data-slot":`user-avatar`,className:t.U(`relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full size-8`,`bg-muted text-muted-foreground text-xs font-semibold`,`ring-1 ring-border`,e),...u,children:[s&&(0,r.jsx)(i.Image,{"data-slot":`user-avatar-image`,src:s,alt:f,className:`aspect-square size-full object-cover`}),(0,r.jsx)(i.Fallback,{"data-slot":`user-avatar-fallback`,className:`flex size-full items-center justify-center`,delayMs:s?600:0,children:l??d})]})}var M=n.default.createContext(null);function N({children:e,fetchUser:t}){let[i,a]=n.default.useState({}),[o,s]=n.default.useState(`loading`),[c,l]=n.default.useState(null),u=n.default.useRef(0),d=n.default.useCallback(()=>{let e=++u.current;t().then(t=>{e===u.current&&(a(t),l(null),s(`ready`))},t=>{e===u.current&&(l(t),s(`failed`))})},[t]);n.default.useEffect(()=>{d()},[d]);let f=n.default.useMemo(()=>({user:i,refreshUser:d,status:o,error:c}),[i,d,o,c]);return(0,r.jsx)(M,{value:f,children:e})}function P(){let e=n.default.useContext(M);if(!e)throw Error(`useCurrentUser must be used within UserProvider`);return e}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return N}});

package/dist/{user.context-kPAqKN4o.js → user.context-D1PxP4D4.js}

@@ -1,11 +1,11 @@
-import { D as e, F as t, H as n, M as r, U as i, k as a, l as o, u as s } from "./badge-locale-BxI9TwkE.js";
+import { D as e, F as t, H as n, M as r, U as i, k as a, l as o, u as s } from "./badge-locale-CoEEv7s5.js";
 import c, { createContext as l, useCallback as u, useContext as d, useEffect as f, useRef as p, useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import * as _ from "@radix-ui/react-avatar";
 import { Slot as v } from "@radix-ui/react-slot";
 import { cva as y } from "class-variance-authority";
-import { IconChevronDown as b, IconLoader2 as x, IconSearch as S, IconSparkles as C, IconTrash as w } from "@tabler/icons-react";
-import { useTranslation as T } from "react-i18next";
+import { useTranslation as b } from "react-i18next";
+import { IconChevronDown as x, IconLoader2 as S, IconSearch as C, IconSparkles as w, IconTrash as T } from "@tabler/icons-react";
 import { Icon as E } from "@iconify/react";
 import { useTheme as D } from "next-themes";
 import { Toaster as O, toast as k } from "sonner";
@@ -114,7 +114,7 @@ async function z(e, t) {
 	return [];
 }
 function B({ open: n, onOpenChange: i, value: c, onSelect: l, onClear: d, title: _, description: v, suggestKeywords: y }) {
-	let { t: b } = T(), [D, O] = m(""), [k, A] = m([]), [j, M] = m(!1), N = p(null), [P, F] = m(!1), [I, R] = m([]), B = p(0), [V, H] = m(null), U = u(async (e) => {
+	let { t: x } = b(), [D, O] = m(""), [k, A] = m([]), [j, M] = m(!1), N = p(null), [P, F] = m(!1), [I, R] = m([]), B = p(0), [V, H] = m(null), U = u(async (e) => {
 		let t = ++B.current, n = () => t === B.current;
 		if (!e.trim()) {
 			A([]);
@@ -163,15 +163,15 @@ function B({ open: n, onOpenChange: i, value: c, onSelect: l, onClear: d, title:
 		children: /* @__PURE__ */ g(a, {
 			className: "flex max-h-[80vh] flex-col sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ h(r, { children: /* @__PURE__ */ h(t, { children: b("forms.iconPicker.chooseAnIcon", { defaultValue: "Choose an icon" }) }) }),
+				/* @__PURE__ */ h(r, { children: /* @__PURE__ */ h(t, { children: x("forms.iconPicker.chooseAnIcon", { defaultValue: "Choose an icon" }) }) }),
 				/* @__PURE__ */ g("div", {
 					className: "flex gap-2",
 					children: [/* @__PURE__ */ g("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ h(S, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ h(o, {
+						children: [/* @__PURE__ */ h(C, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ h(o, {
 							value: D,
 							onChange: (e) => O(e.target.value),
-							placeholder: b("forms.iconPicker.searchIcons", { defaultValue: "Search icons" }),
+							placeholder: x("forms.iconPicker.searchIcons", { defaultValue: "Search icons" }),
 							className: "pl-9",
 							autoFocus: !0
 						})]
@@ -182,7 +182,7 @@ function B({ open: n, onOpenChange: i, value: c, onSelect: l, onClear: d, title:
 						onClick: G,
 						disabled: P,
 						className: "shrink-0 gap-1.5",
-						children: [P ? /* @__PURE__ */ h(x, { className: "size-4 animate-spin" }) : /* @__PURE__ */ h(C, { className: "size-4" }), b("forms.iconPicker.aiSuggest", { defaultValue: "Suggest" })]
+						children: [P ? /* @__PURE__ */ h(S, { className: "size-4 animate-spin" }) : /* @__PURE__ */ h(w, { className: "size-4" }), x("forms.iconPicker.aiSuggest", { defaultValue: "Suggest" })]
 					})]
 				}),
 				I.length > 0 && /* @__PURE__ */ g("div", {
@@ -190,7 +190,7 @@ function B({ open: n, onOpenChange: i, value: c, onSelect: l, onClear: d, title:
 					children: [
 						/* @__PURE__ */ g("div", {
 							className: "mb-2 flex items-center gap-1.5 text-xs font-medium vg-accent-text",
-							children: [/* @__PURE__ */ h(C, { className: "size-3.5" }), b("forms.iconPicker.aiSuggestions", { defaultValue: "Suggestions" })]
+							children: [/* @__PURE__ */ h(w, { className: "size-3.5" }), x("forms.iconPicker.aiSuggestions", { defaultValue: "Suggestions" })]
 						}),
 						/* @__PURE__ */ h("div", {
 							className: "mb-3 flex flex-wrap gap-1.5",
@@ -227,23 +227,23 @@ function B({ open: n, onOpenChange: i, value: c, onSelect: l, onClear: d, title:
 					children: [
 						j && /* @__PURE__ */ h("div", {
 							className: "flex h-32 items-center justify-center text-sm text-muted-foreground",
-							children: b("forms.iconPicker.searching", { defaultValue: "Searching…" })
+							children: x("forms.iconPicker.searching", { defaultValue: "Searching…" })
 						}),
 						!j && D && k.length === 0 && /* @__PURE__ */ h("div", {
 							className: "flex h-32 items-center justify-center text-sm text-muted-foreground",
-							children: b("forms.iconPicker.noIconsFound", {
+							children: x("forms.iconPicker.noIconsFound", {
 								query: D,
 								defaultValue: "No icons found for “{{query}}”"
 							})
 						}),
 						!j && !D && k.length === 0 && I.length === 0 && /* @__PURE__ */ g("div", {
 							className: "flex h-32 flex-col items-center justify-center gap-2 px-4 text-center text-sm text-muted-foreground",
-							children: [/* @__PURE__ */ h("span", { children: b("forms.iconPicker.typeToSearch", {
+							children: [/* @__PURE__ */ h("span", { children: x("forms.iconPicker.typeToSearch", {
 								count: L.length,
 								defaultValue: "Type to search {{count}} icon collections"
 							}) }), q && /* @__PURE__ */ h("span", {
 								className: "text-xs leading-relaxed",
-								children: b("forms.iconPicker.orClickAi", { defaultValue: "…or let the title and description suggest some" })
+								children: x("forms.iconPicker.orClickAi", { defaultValue: "…or let the title and description suggest some" })
 							})]
 						}),
 						k.length > 0 && /* @__PURE__ */ h("div", {
@@ -284,12 +284,12 @@ function B({ open: n, onOpenChange: i, value: c, onSelect: l, onClear: d, title:
 							onClick: () => {
 								d(), i(!1);
 							},
-							children: [/* @__PURE__ */ h(w, { className: "size-4" }), b("forms.common.remove", { defaultValue: "Remove" })]
+							children: [/* @__PURE__ */ h(T, { className: "size-4" }), x("forms.common.remove", { defaultValue: "Remove" })]
 						}), /* @__PURE__ */ h(s, {
 							size: "sm",
 							type: "button",
 							onClick: () => i(!1),
-							children: b("forms.iconPicker.done", { defaultValue: "Done" })
+							children: x("forms.iconPicker.done", { defaultValue: "Done" })
 						})]
 					})]
 				})
@@ -380,7 +380,7 @@ function W({ icon: e, title: t, description: n, className: r }) {
 					children: n
 				})]
 			}),
-			/* @__PURE__ */ h(b, { className: i("ml-auto size-4 text-muted-foreground shrink-0 transition-transform duration-200", a && "rotate-180") })
+			/* @__PURE__ */ h(x, { className: i("ml-auto size-4 text-muted-foreground shrink-0 transition-transform duration-200", a && "rotate-180") })
 		]
 	});
 }