tembro 2.1.0 → 2.1.2

package/dist/components/inputs/async-select.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs"),i=require("../ui/popover/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function ee(e,t){let[n,r]=a.useState(e);return a.useEffect(()=>{let n=window.setTimeout(()=>{r(e)},t);return()=>{window.clearTimeout(n)}},[t,e]),n}function te(e){return typeof e==`object`&&!!e&&`options`in e}function c(e){if(!e||e.length===0)return[];let t=e[0];return te(t)?e:[{options:e}]}function ne(e){return e.flatMap(e=>e.options)}function l(e){return typeof e.label==`string`||typeof e.label==`number`?String(e.label).toLowerCase():e.value.toLowerCase()}function re(e,t){let n=e.trim().toLowerCase();return n?!t.some(e=>e.value.toLowerCase()===n||l(e)===n):!1}function ie(e,t,n,r,i){if(e)return t?.value===e?t:i?.value===e?i:[...n,...r].find(t=>t.value===e)}function u(...e){let t=new Map;return e.forEach(e=>{e?.forEach(e=>{t.set(e.value,e)})}),Array.from(t.values())}function d(e,t){let n=new Map(t.map(e=>[e.value,e]));return e.map(e=>n.get(e)).filter(e=>!!e)}function ae(e,t,n){let r=e.get(t);if(r){if(Number.isFinite(n)&&Date.now()-r.createdAt>n){e.delete(t);return}return r.groups}}function f(e,t,n){e.set(t,{groups:n,createdAt:Date.now()})}function oe(e){return e.trim().toLowerCase()}function p({className:e,children:n}){return(0,s.jsx)(`div`,{"data-slot":`async-select-state`,className:t.cn(`rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-3 text-sm leading-5 text-muted-foreground`,e),children:n})}function se(e){return typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.value}function ce({option:e,selected:n,renderOption:r,optionClassName:i,onSelect:a}){return(0,s.jsxs)(`button`,{type:`button`,disabled:e.disabled,"data-slot":`async-select-option`,"data-selected":n||void 0,"data-disabled":e.disabled||void 0,className:t.cn(`flex w-full items-start gap-2.5 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-left text-sm outline-none transition-[background-color,border-color,color,box-shadow] hover:border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_93%)] focus-visible:border-[color:var(--aui-focus-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_var(--aui-focus-ring-soft,transparent)] data-[selected=true]:border-[color:color-mix(in_oklch,var(--primary),transparent_68%)] data-[selected=true]:bg-[color:color-mix(in_oklch,var(--primary),transparent_89%)] data-[selected=true]:text-foreground disabled:pointer-events-none disabled:opacity-50`,i),onClick:()=>a(e),children:[(0,s.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border border-border/70`,n&&`border-primary bg-primary text-primary-foreground`),children:n&&(0,s.jsx)(o.CheckIcon,{className:`size-3`})}),(0,s.jsx)(`span`,{className:`min-w-0 flex-1`,children:r?.(e,{selected:n})??(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:e.label}),e.description&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.description}),e.disabled&&e.disabledReason&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.disabledReason})]})})]})}function le({search:e,isCreating:t,label:n,onCreate:r}){return(0,s.jsxs)(`button`,{type:`button`,disabled:t,"data-slot":`async-select-create`,className:`flex w-full items-center gap-2 rounded-[var(--radius-md)] border border-dashed border-[color:color-mix(in_oklch,var(--primary),transparent_55%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_94%)] px-3 py-2.5 text-left text-sm font-medium text-foreground outline-none transition-[background-color,border-color,color,box-shadow] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)] disabled:pointer-events-none disabled:opacity-50`,onClick:r,children:[(0,s.jsx)(`span`,{className:`flex size-4 shrink-0 items-center justify-center`,children:t?(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}):(0,s.jsx)(o.PlusIcon,{className:`size-4`})}),(0,s.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:n?.(e)??`Create "${e.trim()}"`})]})}function m(e){if(`isMulti`in e&&e.isMulti){let t={...e};return delete t.isMulti,(0,s.jsx)(h,{...t})}let{className:te,value:l,selectedOption:u,onValueChange:d,loadOptions:se,loadSelectedOption:m,defaultOptions:ue,disabled:g=!1,clearable:de=!0,cacheOptions:_=!0,cacheTtl:fe=1/0,debounceMs:pe=250,minSearchLength:v=0,labels:y,renderOption:b,renderValue:me,renderLoading:he,renderEmpty:x,renderError:ge,renderMinSearch:_e,onCreateOption:S,createOptionLabel:ve,showCreateOption:ye,showSelectedDescription:be=!0,triggerClassName:xe,contentClassName:Se,searchClassName:C,optionClassName:Ce,invalid:we,...Te}=e,w=a.useMemo(()=>c(ue),[ue]),Ee=a.useMemo(()=>ne(w),[w]),[T,E]=a.useState(!1),[D,O]=a.useState(``),[De,k]=a.useState(w),[Oe,A]=a.useState(null),[j,M]=a.useState(!1),[N,P]=a.useState(!1),[F,I]=a.useState(!1),L=a.useRef(new Map),R=a.useRef(0),ke=a.useRef(0),z=ee(D,pe).trim(),B=a.useMemo(()=>ne(De),[De]),V=a.useMemo(()=>({search:D,minSearchLength:v,options:B}),[B,v,D]),H=ie(l,u,B,Ee,Oe),U=de&&!!l&&!g,W=z.length<v,G=!W&&!!S&&(ye??re)(D,B);a.useEffect(()=>{L.current.clear()},[se]),a.useEffect(()=>{k(w)},[w]),a.useEffect(()=>{if(!l||H||!m)return;let e=new AbortController,t=++ke.current;async function n(){let n=await m?.(l,e.signal);!e.signal.aborted&&t===ke.current&&A(n??null)}return n(),()=>{e.abort()}},[H,m,l]),a.useEffect(()=>{if(!T)return;if(W){k(w),M(!1),I(!1);return}let e=_?ae(L.current,z,fe):void 0;if(e){k(e),M(!1),I(!1);return}let t=new AbortController,n=++R.current;async function r(){M(!0),I(!1);try{let e=c(await se(z,t.signal));!t.signal.aborted&&n===R.current&&(_&&f(L.current,z,e),k(e))}catch{!t.signal.aborted&&n===R.current&&(I(!0),k([]))}finally{!t.signal.aborted&&n===R.current&&M(!1)}}return r(),()=>{t.abort()}},[_,fe,se,T,w,z,W]);let K=e=>{e.disabled||(d?.(e.value,e),E(!1),O(``))},q=()=>{d?.(void 0),O(``)},J=e=>{t.stopInteractivePropagation(e),q()},Y=e=>{if(!g){if(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `){e.preventDefault(),E(!0);return}(e.key===`Backspace`||e.key===`Delete`)&&l&&(e.preventDefault(),q())}},X=async()=>{if(!(!S||!D.trim()||W)){P(!0);try{let e=await S(D.trim()),t=oe(D);k(t=>[{options:[e]},...t]),_&&t&&f(L.current,t,[{options:[e]}]),d?.(e.value,e),O(``),E(!1)}finally{P(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-select`,className:t.cn(`w-full`,te),...Te,children:(0,s.jsxs)(i.Popover,{open:T,onOpenChange:E,children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:g,"aria-expanded":T,"aria-invalid":we||void 0,"data-slot":`async-select-trigger`,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left`,xe),onKeyDown:Y}),children:[(0,s.jsx)(`span`,{className:`min-w-0 flex-1 text-left`,children:H?(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col gap-0.5`,children:[(0,s.jsx)(`span`,{className:`truncate font-semibold`,children:me?.(H)??H.label}),be&&(H.description||H.disabled&&H.disabledReason)?(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:H.description??H.disabledReason}):null]}):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:y?.placeholder??`Select`})}),(0,s.jsxs)(`span`,{className:`ml-2 flex shrink-0 items-center gap-1`,children:[U&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,className:`rounded-full border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground`,"aria-label":y?.clear??`Clear`,onClick:J,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),q())},children:(0,s.jsx)(o.XIcon,{className:`size-3.5`})}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 opacity-60`})]})]}),(0,s.jsxs)(i.PopoverContent,{align:`start`,"data-slot":`async-select-content`,className:t.cn(`w-(--anchor-width) min-w-72 gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,Se),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{"data-slot":`async-select-search`,value:D,onChange:e=>O(e.target.value),placeholder:y?.searchPlaceholder??`Search...`,className:t.cn(`pl-8`,C)})]}),(0,s.jsxs)(`div`,{className:`max-h-72 space-y-1 overflow-y-auto pr-1`,children:[W&&B.length===0&&(_e?.(V)??(0,s.jsx)(p,{children:y?.minSearchLength?.(v)??`Type at least ${v} characters`})),j&&(he?.(V)??(0,s.jsx)(p,{children:(0,s.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}),y?.loading??`Loading...`]})})),!j&&F&&(ge?.(V)??(0,s.jsx)(p,{className:`text-destructive`,children:y?.error??`Could not load options`})),!j&&!F&&!W&&B.length===0&&!G&&(x?.(V)??(0,s.jsx)(p,{children:y?.empty??`No options found`})),!j&&!F&&G&&(0,s.jsx)(le,{search:D,isCreating:N,label:ve,onCreate:X}),!j&&!F&&De.map((e,t)=>(0,s.jsxs)(`div`,{children:[e.label&&(0,s.jsx)(`div`,{className:`sticky top-0 z-10 bg-popover px-2 py-1 text-xs font-medium text-muted-foreground`,children:e.label}),e.options.map(e=>(0,s.jsx)(ce,{option:e,selected:e.value===l,renderOption:b,optionClassName:Ce,onSelect:K},e.value))]},t))]})]})]})})}function h({className:e,value:te,selectedOptions:l,onValueChange:ie,loadOptions:m,loadSelectedOptions:h,defaultOptions:ue,disabled:g=!1,clearable:de=!0,cacheOptions:_=!0,cacheTtl:fe=1/0,closeOnSelect:pe=!1,debounceMs:v=250,minSearchLength:y=0,maxSelected:b,maxVisibleTags:me,showSelectAll:he=!1,labels:x,renderOption:ge,renderValue:_e,renderTag:S,renderLoading:ve,renderEmpty:ye,renderError:be,renderMinSearch:xe,renderMaxSelected:Se,onCreateOption:C,createOptionLabel:Ce,showCreateOption:we,showSelectedDescription:Te=!0,triggerClassName:w,contentClassName:Ee,searchClassName:T,optionClassName:E,tagClassName:D,invalid:O,...De}){let k=a.useMemo(()=>te??[],[te]),Oe=k.join(`|`),A=a.useMemo(()=>c(ue),[ue]),j=a.useMemo(()=>ne(A),[A]),[M,N]=a.useState(!1),[P,F]=a.useState(``),[I,L]=a.useState(A),[R,ke]=a.useState([]),[z,B]=a.useState(!1),[V,H]=a.useState(!1),[U,W]=a.useState(!1),G=a.useRef(new Map),K=a.useRef(0),q=a.useRef(0),J=ee(P,v).trim(),Y=a.useMemo(()=>ne(I),[I]),X=a.useMemo(()=>new Set(k),[k]),Z=a.useMemo(()=>u(l,R,Y,j),[j,Y,R,l]),Ae=a.useMemo(()=>d(k,Z),[Z,k]),Q=a.useMemo(()=>({search:P,minSearchLength:y,options:Y,selectedCount:k.length,maxSelected:b}),[Y,b,y,P,k.length]),je=k.length>0,Me=de&&je&&!g,Ne=typeof b==`number`&&k.length>=b,Pe=Math.max(me??k.length,1),$=J.length<y,Fe=!$&&!!C&&(we??re)(P,Y),Ie=Y.filter(e=>!e.disabled).filter(e=>!X.has(e.value)),Le=he&&Ie.length>0&&!Ne,Re=Ae.slice(0,Pe),ze=Math.max(Ae.length-Re.length,0);a.useEffect(()=>{G.current.clear()},[m]),a.useEffect(()=>{L(A)},[A]),a.useEffect(()=>{if(!k.length||!h)return;let e=new Set(Z.map(e=>e.value)),t=k.filter(t=>!e.has(t));if(!t.length)return;let n=new AbortController,r=++q.current;async function i(){let e=await h?.(t,n.signal);!n.signal.aborted&&r===q.current&&e&&ke(t=>u(t,e))}return i(),()=>{n.abort()}},[Z,h,Oe,k]),a.useEffect(()=>{if(!M)return;if($){L(A),B(!1),W(!1);return}let e=_?ae(G.current,J,fe):void 0;if(e){L(e),B(!1),W(!1);return}let t=new AbortController,n=++K.current;async function r(){B(!0),W(!1);try{let e=c(await m(J,t.signal));!t.signal.aborted&&n===K.current&&(_&&f(G.current,J,e),L(e))}catch{!t.signal.aborted&&n===K.current&&(W(!0),L([]))}finally{!t.signal.aborted&&n===K.current&&B(!1)}}return r(),()=>{t.abort()}},[_,fe,m,M,A,J,$]);let Be=(e,t)=>{ie?.(e,d(e,t))},Ve=e=>{Be(k.filter(t=>t!==e),Z)},He=e=>{e.disabled||(Be(X.has(e.value)?k.filter(t=>t!==e.value):Ne?k:[...k,e.value],u(Z,[e])),pe&&(N(!1),F(``)))},Ue=(e,n)=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Backspace`&&e.key!==`Delete`||(e.preventDefault(),t.stopInteractivePropagation(e),Ve(n.value))},We=e=>{if(!g){if(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `){e.preventDefault(),N(!0);return}P.length>0||k.length===0||(e.key===`Backspace`||e.key===`Delete`)&&(e.preventDefault(),Ve(k[k.length-1]))}},Ge=()=>{if(!Ie.length)return;let e=typeof b==`number`?Math.max(b-k.length,0):Ie.length,t=Ie.slice(0,e);Be(Array.from(new Set([...k,...t.map(e=>e.value)])),u(Z,t))},Ke=e=>{Ve(e.value)},qe=()=>{ie?.([],[]),F(``)},Je=e=>{t.stopInteractivePropagation(e),qe()},Ye=async()=>{if(!(!C||!P.trim()||$)){H(!0);try{let e=await C(P.trim()),t=oe(P),n=u(Z,[e]),r=X.has(e.value)||Ne?k:[...k,e.value];L(t=>[{options:[e]},...t]),_&&t&&f(G.current,t,[{options:[e]}]),Be(r,n),F(``),pe&&N(!1)}finally{H(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-multi-select`,className:t.cn(`w-full`,e),...De,children:(0,s.jsxs)(i.Popover,{open:M,onOpenChange:N,children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:g,"aria-expanded":M,"aria-invalid":O||void 0,"data-slot":`async-select-trigger`,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left`,w),onKeyDown:We}),children:[(0,s.jsx)(`span`,{className:`flex min-w-0 flex-1 flex-wrap gap-1 text-left`,children:Ae.length>0?(0,s.jsxs)(s.Fragment,{children:[Re.map(e=>(0,s.jsxs)(`span`,{"data-slot":`async-select-tag`,className:t.cn(`inline-flex max-w-full items-center gap-1.5 rounded-[var(--radius-sm)] border border-[color:color-mix(in_oklch,var(--primary),transparent_70%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_92%)] px-2 py-1 text-xs font-medium text-foreground`,D),children:[(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,s.jsx)(`span`,{className:`truncate`,children:S?.(e,{remove:()=>Ke(e)})??_e?.(e)??e.label}),Te&&(e.description||e.disabled&&e.disabledReason)?(0,s.jsx)(`span`,{className:`truncate text-[11px] text-muted-foreground`,children:e.description??e.disabledReason}):null]}),!g&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-tag-remove`,className:`rounded-full p-0.5 text-muted-foreground transition-colors hover:bg-background hover:text-foreground`,"aria-label":`Remove ${se(e)}`,onClick:n=>{t.stopInteractivePropagation(n),Ke(e)},onKeyDown:t=>Ue(t,e),children:(0,s.jsx)(o.XIcon,{className:`size-3`})})]},e.value)),ze>0?(0,s.jsx)(`span`,{"data-slot":`async-select-tag-overflow`,className:t.cn(`inline-flex max-w-full items-center rounded-[var(--radius-sm)] border border-dashed border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_58%)] px-2 py-1 text-xs font-medium text-muted-foreground`,D),children:x?.hiddenSelected?.(ze)??`+${ze} more`}):null]}):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:x?.multiPlaceholder??x?.placeholder??`Select`})}),(0,s.jsxs)(`span`,{className:`ml-2 flex shrink-0 items-center gap-1`,children:[Me&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-clear`,className:`rounded-full border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground`,"aria-label":x?.clearAll??x?.clear??`Clear all`,onClick:Je,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),qe())},children:(0,s.jsx)(o.XIcon,{className:`size-3.5`})}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 opacity-60`})]})]}),(0,s.jsxs)(i.PopoverContent,{align:`start`,"data-slot":`async-select-content`,className:t.cn(`w-(--anchor-width) min-w-72 gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,Ee),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{"data-slot":`async-select-search`,value:P,onChange:e=>F(e.target.value),placeholder:x?.searchPlaceholder??`Search...`,className:t.cn(`pl-8`,T)})]}),(0,s.jsxs)(`div`,{"data-slot":`async-select-meta`,className:`flex flex-wrap items-center justify-between gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_62%)] px-3 py-2 text-xs text-muted-foreground`,children:[je&&x?.selectedCount&&(0,s.jsx)(`span`,{children:x.selectedCount(k.length)}),Ne&&(Se?.(Q)??(0,s.jsx)(`span`,{children:x?.maxSelected?.(b??k.length)??`Maximum ${b} selected`})),(0,s.jsxs)(`div`,{className:`ml-auto flex items-center gap-2`,children:[Le&&(0,s.jsx)(`button`,{type:`button`,"data-slot":`async-select-meta-action`,className:`rounded-[var(--radius-sm)] border border-border/75 px-2.5 py-1 font-medium text-foreground transition-colors hover:bg-background`,onClick:Ge,children:x?.selectAll??`Select all`}),Me&&(0,s.jsx)(`button`,{type:`button`,"data-slot":`async-select-meta-action`,className:`rounded-[var(--radius-sm)] border border-border/75 px-2.5 py-1 font-medium text-foreground transition-colors hover:bg-background`,onClick:()=>ie?.([],[]),children:x?.clearAll??x?.clear??`Clear all`})]})]}),(0,s.jsxs)(`div`,{className:`max-h-72 space-y-1 overflow-y-auto pr-1`,children:[$&&Y.length===0&&(xe?.(Q)??(0,s.jsx)(p,{children:x?.minSearchLength?.(y)??`Type at least ${y} characters`})),z&&(ve?.(Q)??(0,s.jsx)(p,{children:(0,s.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}),x?.loading??`Loading...`]})})),!z&&U&&(be?.(Q)??(0,s.jsx)(p,{className:`text-destructive`,children:x?.error??`Could not load options`})),!z&&!U&&!$&&Y.length===0&&!Fe&&(ye?.(Q)??(0,s.jsx)(p,{children:x?.empty??`No options found`})),!z&&!U&&Fe&&(0,s.jsx)(le,{search:P,isCreating:V,label:Ce,onCreate:Ye}),!z&&!U&&I.map((e,t)=>(0,s.jsxs)(`div`,{children:[e.label&&(0,s.jsx)(`div`,{className:`sticky top-0 z-10 bg-popover px-2 py-1 text-xs font-medium text-muted-foreground`,children:(0,s.jsx)(`span`,{"data-slot":`async-select-group-label`,children:e.label})}),e.options.map(e=>(0,s.jsx)(ce,{option:e,selected:X.has(e.value),renderOption:ge,optionClassName:E,onSelect:He},e.value))]},t))]})]})]})})}exports.AsyncMultiSelect=h,exports.AsyncSelect=m;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs"),i=require("../ui/popover/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function ee(e,t){let[n,r]=a.useState(e);return a.useEffect(()=>{let n=window.setTimeout(()=>{r(e)},t);return()=>{window.clearTimeout(n)}},[t,e]),n}function te(e){return typeof e==`object`&&!!e&&`options`in e}function c(e){if(!e||e.length===0)return[];let t=e[0];return te(t)?e:[{options:e}]}function ne(e){return e.flatMap(e=>e.options)}function l(e){return typeof e.label==`string`||typeof e.label==`number`?String(e.label).toLowerCase():e.value.toLowerCase()}function re(e,t){let n=e.trim().toLowerCase();return n?!t.some(e=>e.value.toLowerCase()===n||l(e)===n):!1}function ie(e,t,n,r,i){if(e)return t?.value===e?t:i?.value===e?i:[...n,...r].find(t=>t.value===e)}function u(...e){let t=new Map;return e.forEach(e=>{e?.forEach(e=>{t.set(e.value,e)})}),Array.from(t.values())}function d(e,t){let n=new Map(t.map(e=>[e.value,e]));return e.map(e=>n.get(e)).filter(e=>!!e)}function ae(e,t,n){let r=e.get(t);if(r){if(Number.isFinite(n)&&Date.now()-r.createdAt>n){e.delete(t);return}return r.groups}}function f(e,t,n){e.set(t,{groups:n,createdAt:Date.now()})}function oe(e){return e.trim().toLowerCase()}function p({className:e,children:n}){return(0,s.jsx)(`div`,{"data-slot":`async-select-state`,className:t.cn(`rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-3 text-sm leading-5 text-muted-foreground`,e),children:n})}function se(e){return typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.value}function ce({option:e,selected:n,renderOption:r,optionClassName:i,onSelect:a}){return(0,s.jsxs)(`button`,{type:`button`,disabled:e.disabled,"data-slot":`async-select-option`,"data-selected":n||void 0,"data-disabled":e.disabled||void 0,className:t.cn(`flex w-full items-start gap-2.5 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-left text-sm outline-none transition-[background-color,border-color,color,box-shadow] hover:border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_93%)] focus-visible:border-[color:var(--aui-focus-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_var(--aui-focus-ring-soft,transparent)] data-[selected=true]:border-[color:color-mix(in_oklch,var(--primary),transparent_68%)] data-[selected=true]:bg-[color:color-mix(in_oklch,var(--primary),transparent_89%)] data-[selected=true]:text-foreground disabled:pointer-events-none disabled:opacity-50`,i),onClick:()=>a(e),children:[(0,s.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border border-border/70`,n&&`border-primary bg-primary text-primary-foreground`),children:n&&(0,s.jsx)(o.CheckIcon,{className:`size-3`})}),(0,s.jsx)(`span`,{className:`min-w-0 flex-1`,children:r?.(e,{selected:n})??(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:e.label}),e.description&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.description}),e.disabled&&e.disabledReason&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:e.disabledReason})]})})]})}function le({search:e,isCreating:t,label:n,onCreate:r}){return(0,s.jsxs)(`button`,{type:`button`,disabled:t,"data-slot":`async-select-create`,className:`flex w-full items-center gap-2 rounded-[var(--radius-md)] border border-dashed border-[color:color-mix(in_oklch,var(--primary),transparent_55%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_94%)] px-3 py-2.5 text-left text-sm font-medium text-foreground outline-none transition-[background-color,border-color,color,box-shadow] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)] disabled:pointer-events-none disabled:opacity-50`,onClick:r,children:[(0,s.jsx)(`span`,{className:`flex size-4 shrink-0 items-center justify-center`,children:t?(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}):(0,s.jsx)(o.PlusIcon,{className:`size-4`})}),(0,s.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:n?.(e)??`Create "${e.trim()}"`})]})}function m(e){if(`isMulti`in e&&e.isMulti){let t={...e};return delete t.isMulti,(0,s.jsx)(h,{...t})}let{className:te,value:l,selectedOption:u,onValueChange:d,loadOptions:se,loadSelectedOption:m,defaultOptions:ue,disabled:g=!1,clearable:de=!0,cacheOptions:_=!0,cacheTtl:fe=1/0,debounceMs:pe=250,minSearchLength:v=0,labels:y,renderOption:b,renderValue:me,renderLoading:he,renderEmpty:x,renderError:ge,renderMinSearch:_e,onCreateOption:S,createOptionLabel:ve,showCreateOption:ye,showSelectedDescription:be=!0,triggerClassName:xe,contentClassName:Se,searchClassName:C,optionClassName:Ce,invalid:we,...Te}=e,w=a.useMemo(()=>c(ue),[ue]),Ee=a.useMemo(()=>ne(w),[w]),[T,E]=a.useState(!1),[D,O]=a.useState(``),[De,k]=a.useState(w),[Oe,A]=a.useState(null),[j,M]=a.useState(!1),[N,P]=a.useState(!1),[F,I]=a.useState(!1),L=a.useRef(new Map),R=a.useRef(0),ke=a.useRef(0),z=ee(D,pe).trim(),B=a.useMemo(()=>ne(De),[De]),V=a.useMemo(()=>({search:D,minSearchLength:v,options:B}),[B,v,D]),H=ie(l,u,B,Ee,Oe),U=de&&!!l&&!g,W=z.length<v,G=!W&&!!S&&(ye??re)(D,B);a.useEffect(()=>{L.current.clear()},[se]),a.useEffect(()=>{k(w)},[w]),a.useEffect(()=>{if(!l||H||!m)return;let e=new AbortController,t=++ke.current;async function n(){let n=await m?.(l,e.signal);!e.signal.aborted&&t===ke.current&&A(n??null)}return n(),()=>{e.abort()}},[H,m,l]),a.useEffect(()=>{if(!T)return;if(W){k(w),M(!1),I(!1);return}let e=_?ae(L.current,z,fe):void 0;if(e){k(e),M(!1),I(!1);return}let t=new AbortController,n=++R.current;async function r(){M(!0),I(!1);try{let e=c(await se(z,t.signal));!t.signal.aborted&&n===R.current&&(_&&f(L.current,z,e),k(e))}catch{!t.signal.aborted&&n===R.current&&(I(!0),k([]))}finally{!t.signal.aborted&&n===R.current&&M(!1)}}return r(),()=>{t.abort()}},[_,fe,se,T,w,z,W]);let K=e=>{e.disabled||(d?.(e.value,e),E(!1),O(``))},q=()=>{d?.(void 0),O(``)},J=e=>{t.stopInteractivePropagation(e),q()},Y=e=>{if(!g){if(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `){e.preventDefault(),E(!0);return}(e.key===`Backspace`||e.key===`Delete`)&&l&&(e.preventDefault(),q())}},X=async()=>{if(!(!S||!D.trim()||W)){P(!0);try{let e=await S(D.trim()),t=oe(D);k(t=>[{options:[e]},...t]),_&&t&&f(L.current,t,[{options:[e]}]),d?.(e.value,e),O(``),E(!1)}finally{P(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-select`,className:t.cn(`w-full`,te),...Te,children:(0,s.jsxs)(i.Popover,{open:T,onOpenChange:E,children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:g,"aria-expanded":T,"aria-invalid":we||void 0,"data-slot":`async-select-trigger`,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left`,xe),onKeyDown:Y}),children:[(0,s.jsx)(`span`,{className:`min-w-0 flex-1 text-left`,children:H?(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col gap-0.5`,children:[(0,s.jsx)(`span`,{className:`truncate font-semibold`,children:me?.(H)??H.label}),be&&(H.description||H.disabled&&H.disabledReason)?(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:H.description??H.disabledReason}):null]}):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:y?.placeholder??`Select`})}),(0,s.jsxs)(`span`,{className:`ml-2 flex shrink-0 items-center gap-1`,children:[U&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,className:`rounded-full border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground`,"aria-label":y?.clear??`Clear`,onClick:J,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),q())},children:(0,s.jsx)(o.XIcon,{className:`size-3.5`})}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 opacity-60`})]})]}),(0,s.jsxs)(i.PopoverContent,{align:`start`,"data-slot":`async-select-content`,className:t.cn(`w-(--anchor-width) min-w-72 gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,Se),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{"data-slot":`async-select-search`,value:D,onChange:e=>O(e.target.value),placeholder:y?.searchPlaceholder??`Search...`,className:t.cn(`pl-8`,C)})]}),(0,s.jsxs)(`div`,{className:`max-h-72 space-y-1 overflow-y-auto pr-1`,children:[W&&B.length===0&&(_e?.(V)??(0,s.jsx)(p,{children:y?.minSearchLength?.(v)??`Type at least ${v} characters`})),j&&(he?.(V)??(0,s.jsx)(p,{children:(0,s.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}),y?.loading??`Loading...`]})})),!j&&F&&(ge?.(V)??(0,s.jsx)(p,{className:`text-destructive`,children:y?.error??`Could not load options`})),!j&&!F&&!W&&B.length===0&&!G&&(x?.(V)??(0,s.jsx)(p,{children:y?.empty??`No options found`})),!j&&!F&&G&&(0,s.jsx)(le,{search:D,isCreating:N,label:ve,onCreate:X}),!j&&!F&&De.map((e,t)=>(0,s.jsxs)(`div`,{children:[e.label&&(0,s.jsx)(`div`,{className:`sticky top-0 z-10 bg-popover px-2 py-1 text-xs font-medium text-muted-foreground`,children:e.label}),e.options.map(e=>(0,s.jsx)(ce,{option:e,selected:e.value===l,renderOption:b,optionClassName:Ce,onSelect:K},e.value))]},t))]})]})]})})}function h({className:e,value:te,selectedOptions:l,onValueChange:ie,loadOptions:m,loadSelectedOptions:h,defaultOptions:ue,disabled:g=!1,clearable:de=!0,cacheOptions:_=!0,cacheTtl:fe=1/0,closeOnSelect:pe=!1,debounceMs:v=250,minSearchLength:y=0,maxSelected:b,maxVisibleTags:me,showSelectAll:he=!1,labels:x,renderOption:ge,renderValue:_e,renderTag:S,renderLoading:ve,renderEmpty:ye,renderError:be,renderMinSearch:xe,renderMaxSelected:Se,onCreateOption:C,createOptionLabel:Ce,showCreateOption:we,showSelectedDescription:Te=!0,triggerClassName:w,contentClassName:Ee,searchClassName:T,optionClassName:E,tagClassName:D,invalid:O,...De}){let k=a.useMemo(()=>te??[],[te]),Oe=k.join(`|`),A=a.useMemo(()=>c(ue),[ue]),j=a.useMemo(()=>ne(A),[A]),[M,N]=a.useState(!1),[P,F]=a.useState(``),[I,L]=a.useState(A),[R,ke]=a.useState([]),[z,B]=a.useState(!1),[V,H]=a.useState(!1),[U,W]=a.useState(!1),G=a.useRef(new Map),K=a.useRef(0),q=a.useRef(0),J=ee(P,v).trim(),Y=a.useMemo(()=>ne(I),[I]),X=a.useMemo(()=>new Set(k),[k]),Z=a.useMemo(()=>u(l,R,Y,j),[j,Y,R,l]),Ae=a.useMemo(()=>d(k,Z),[Z,k]),Q=a.useMemo(()=>({search:P,minSearchLength:y,options:Y,selectedCount:k.length,maxSelected:b}),[Y,b,y,P,k.length]),je=k.length>0,Me=de&&je&&!g,Ne=typeof b==`number`&&k.length>=b,Pe=Math.max(me??k.length,1),$=J.length<y,Fe=!$&&!!C&&(we??re)(P,Y),Ie=Y.filter(e=>!e.disabled).filter(e=>!X.has(e.value)),Le=he&&Ie.length>0&&!Ne,Re=Ae.slice(0,Pe),ze=Math.max(Ae.length-Re.length,0);a.useEffect(()=>{G.current.clear()},[m]),a.useEffect(()=>{L(A)},[A]),a.useEffect(()=>{if(!k.length||!h)return;let e=new Set(Z.map(e=>e.value)),t=k.filter(t=>!e.has(t));if(!t.length)return;let n=new AbortController,r=++q.current;async function i(){let e=await h?.(t,n.signal);!n.signal.aborted&&r===q.current&&e&&ke(t=>u(t,e))}return i(),()=>{n.abort()}},[Z,h,Oe,k]),a.useEffect(()=>{if(!M)return;if($){L(A),B(!1),W(!1);return}let e=_?ae(G.current,J,fe):void 0;if(e){L(e),B(!1),W(!1);return}let t=new AbortController,n=++K.current;async function r(){B(!0),W(!1);try{let e=c(await m(J,t.signal));!t.signal.aborted&&n===K.current&&(_&&f(G.current,J,e),L(e))}catch{!t.signal.aborted&&n===K.current&&(W(!0),L([]))}finally{!t.signal.aborted&&n===K.current&&B(!1)}}return r(),()=>{t.abort()}},[_,fe,m,M,A,J,$]);let Be=(e,t)=>{ie?.(e,d(e,t))},Ve=e=>{Be(k.filter(t=>t!==e),Z)},He=e=>{e.disabled||(Be(X.has(e.value)?k.filter(t=>t!==e.value):Ne?k:[...k,e.value],u(Z,[e])),pe&&(N(!1),F(``)))},Ue=(e,n)=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Backspace`&&e.key!==`Delete`||(e.preventDefault(),t.stopInteractivePropagation(e),Ve(n.value))},We=e=>{if(!g){if(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `){e.preventDefault(),N(!0);return}P.length>0||k.length===0||(e.key===`Backspace`||e.key===`Delete`)&&(e.preventDefault(),Ve(k[k.length-1]))}},Ge=()=>{if(!Ie.length)return;let e=typeof b==`number`?Math.max(b-k.length,0):Ie.length,t=Ie.slice(0,e);Be(Array.from(new Set([...k,...t.map(e=>e.value)])),u(Z,t))},Ke=e=>{Ve(e.value)},qe=()=>{ie?.([],[]),F(``)},Je=e=>{t.stopInteractivePropagation(e),qe()},Ye=async()=>{if(!(!C||!P.trim()||$)){H(!0);try{let e=await C(P.trim()),t=oe(P),n=u(Z,[e]),r=X.has(e.value)||Ne?k:[...k,e.value];L(t=>[{options:[e]},...t]),_&&t&&f(G.current,t,[{options:[e]}]),Be(r,n),F(``),pe&&N(!1)}finally{H(!1)}}};return(0,s.jsx)(`div`,{"data-slot":`async-multi-select`,className:t.cn(`w-full`,e),...De,children:(0,s.jsxs)(i.Popover,{open:M,onOpenChange:N,children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:g,"aria-expanded":M,"aria-invalid":O||void 0,"data-slot":`async-select-trigger`,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left`,w),onKeyDown:We}),children:[(0,s.jsx)(`span`,{className:`flex min-w-0 flex-1 flex-wrap gap-1 text-left`,children:Ae.length>0?(0,s.jsxs)(s.Fragment,{children:[Re.map(e=>(0,s.jsxs)(`span`,{"data-slot":`async-select-tag`,className:t.cn(`inline-flex max-w-full items-center gap-1.5 rounded-[var(--radius-sm)] border border-[color:color-mix(in_oklch,var(--primary),transparent_70%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_92%)] px-2 py-1 text-xs font-medium text-foreground`,D),children:[(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,s.jsx)(`span`,{className:`truncate`,children:S?.(e,{remove:()=>Ke(e)})??_e?.(e)??e.label}),Te&&(e.description||e.disabled&&e.disabledReason)?(0,s.jsx)(`span`,{className:`truncate text-[11px] text-muted-foreground`,children:e.description??e.disabledReason}):null]}),!g&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-tag-remove`,className:`rounded-full p-0.5 text-muted-foreground transition-colors hover:bg-background hover:text-foreground`,"aria-label":`Remove ${se(e)}`,onClick:n=>{t.stopInteractivePropagation(n),Ke(e)},onKeyDown:t=>Ue(t,e),children:(0,s.jsx)(o.XIcon,{className:`size-3`})})]},e.value)),ze>0?(0,s.jsx)(`span`,{"data-slot":`async-select-tag-overflow`,className:t.cn(`inline-flex max-w-full items-center rounded-[var(--radius-sm)] border border-dashed border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_58%)] px-2 py-1 text-xs font-medium text-muted-foreground`,D),children:x?.hiddenSelected?.(ze)??`+${ze} more`}):null]}):(0,s.jsx)(`span`,{className:`truncate text-muted-foreground`,children:x?.multiPlaceholder??x?.placeholder??`Select`})}),(0,s.jsxs)(`span`,{className:`ml-2 flex shrink-0 items-center gap-1`,children:[Me&&(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"data-slot":`async-select-clear`,className:`rounded-full border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground`,"aria-label":x?.clearAll??x?.clear??`Clear all`,onClick:Je,onKeyDown:e=>{e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),t.stopInteractivePropagation(e),qe())},children:(0,s.jsx)(o.XIcon,{className:`size-3.5`})}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 opacity-60`})]})]}),(0,s.jsxs)(i.PopoverContent,{align:`start`,"data-slot":`async-select-content`,className:t.cn(`w-(--anchor-width) min-w-72 gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,Ee),children:[(0,s.jsxs)(`div`,{"data-slot":`async-select-search-wrap`,className:`relative`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{"data-slot":`async-select-search`,value:P,onChange:e=>F(e.target.value),placeholder:x?.searchPlaceholder??`Search...`,className:t.cn(`pl-8`,T)})]}),(0,s.jsxs)(`div`,{"data-slot":`async-select-meta`,className:`flex flex-wrap items-center justify-between gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_62%)] px-3 py-2 text-xs text-muted-foreground`,children:[je&&x?.selectedCount&&(0,s.jsx)(`span`,{children:x.selectedCount(k.length)}),Ne&&(Se?.(Q)??(0,s.jsx)(`span`,{children:x?.maxSelected?.(b??k.length)??`Maximum ${b} selected`})),(0,s.jsxs)(`div`,{className:`ml-auto flex items-center gap-2`,children:[Le&&(0,s.jsx)(`button`,{type:`button`,"data-slot":`async-select-meta-action`,className:`rounded-[var(--radius-sm)] border border-border/75 px-2.5 py-1 font-medium text-foreground transition-colors hover:bg-background`,onClick:Ge,children:x?.selectAll??`Select all`}),Me&&(0,s.jsx)(`button`,{type:`button`,"data-slot":`async-select-meta-action`,className:`rounded-[var(--radius-sm)] border border-border/75 px-2.5 py-1 font-medium text-foreground transition-colors hover:bg-background`,onClick:()=>ie?.([],[]),children:x?.clearAll??x?.clear??`Clear all`})]})]}),(0,s.jsxs)(`div`,{className:`max-h-72 space-y-1 overflow-y-auto pr-1`,children:[$&&Y.length===0&&(xe?.(Q)??(0,s.jsx)(p,{children:x?.minSearchLength?.(y)??`Type at least ${y} characters`})),z&&(ve?.(Q)??(0,s.jsx)(p,{children:(0,s.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,s.jsx)(o.Loader2Icon,{className:`size-4 animate-spin`}),x?.loading??`Loading...`]})})),!z&&U&&(be?.(Q)??(0,s.jsx)(p,{className:`text-destructive`,children:x?.error??`Could not load options`})),!z&&!U&&!$&&Y.length===0&&!Fe&&(ye?.(Q)??(0,s.jsx)(p,{children:x?.empty??`No options found`})),!z&&!U&&Fe&&(0,s.jsx)(le,{search:P,isCreating:V,label:Ce,onCreate:Ye}),!z&&!U&&I.map((e,t)=>(0,s.jsxs)(`div`,{children:[e.label&&(0,s.jsx)(`div`,{className:`sticky top-0 z-10 bg-popover px-2 py-1 text-xs font-medium text-muted-foreground`,children:(0,s.jsx)(`span`,{"data-slot":`async-select-group-label`,children:e.label})}),e.options.map(e=>(0,s.jsx)(ce,{option:e,selected:X.has(e.value),renderOption:ge,optionClassName:E,onSelect:He},e.value))]},t))]})]})]})})}exports.AsyncMultiSelect=h,exports.AsyncSelect=m;

package/dist/components/inputs/async-select.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
 import { Button as n } from "../ui/button/index.js";
 import { Input as r } from "../ui/input/index.js";

package/dist/components/inputs/clearable-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./input-decorator.cjs"),r=require("./input-value.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=i.forwardRef(({value:e,onChange:s,onValueChange:c,onClear:l,clearable:u=!0,clearLabel:d=`Clear`,clearOnEscape:f=!0,focusAfterClear:p=!0,replaceTrailingWhenClear:m=!0,leadingIcon:h,trailing:g,trailingAction:_,disabled:v,onKeyDown:y,...b},x)=>{let S=i.useRef(null),C=r.getInputValue(e),w=u&&C.length>0&&!v&&!b.readOnly,T=r.createInputChangeHandler({onChange:s,onValueChange:c});i.useImperativeHandle(x,()=>S.current);let E=()=>{w&&(c?.(``),l?.(),p&&S.current?.focus())},D=e=>{t.stopInteractivePropagation(e),E()},O=e=>{t.stopInteractivePropagation(e)};return(0,o.jsx)(n.InputDecorator,{"data-slot":`clearable-input`,ref:S,value:C,disabled:v,onChange:T,onKeyDown:e=>{y?.(e),!e.defaultPrevented&&f&&e.key===`Escape`&&w&&(e.preventDefault(),E())},leading:h,trailing:w&&m?null:g,trailingAction:(0,o.jsxs)(o.Fragment,{children:[_,w&&(0,o.jsx)(`button`,{type:`button`,"data-slot":`clearable-input-clear`,"aria-label":d,className:`inline-flex size-7 items-center justify-center rounded-[var(--radius-sm)] border border-transparent bg-transparent text-muted-foreground/74 transition hover:border-border/60 hover:bg-muted/58 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30`,onClick:D,onMouseDown:O,onDoubleClick:O,children:(0,o.jsx)(a.XIcon,{className:`size-4`})})]}),...b})});s.displayName=`ClearableInput`,exports.ClearableInput=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./input-decorator.cjs"),r=require("./input-value.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=i.forwardRef(({value:e,onChange:s,onValueChange:c,onClear:l,clearable:u=!0,clearLabel:d=`Clear`,clearOnEscape:f=!0,focusAfterClear:p=!0,replaceTrailingWhenClear:m=!0,leadingIcon:h,trailing:g,trailingAction:_,disabled:v,onKeyDown:y,...b},x)=>{let S=i.useRef(null),C=r.getInputValue(e),w=u&&C.length>0&&!v&&!b.readOnly,T=r.createInputChangeHandler({onChange:s,onValueChange:c});i.useImperativeHandle(x,()=>S.current);let E=()=>{w&&(c?.(``),l?.(),p&&S.current?.focus())},D=e=>{t.stopInteractivePropagation(e),E()},O=e=>{t.stopInteractivePropagation(e)};return(0,o.jsx)(n.InputDecorator,{"data-slot":`clearable-input`,ref:S,value:C,disabled:v,onChange:T,onKeyDown:e=>{y?.(e),!e.defaultPrevented&&f&&e.key===`Escape`&&w&&(e.preventDefault(),E())},leading:h,trailing:w&&m?null:g,trailingAction:(0,o.jsxs)(o.Fragment,{children:[_,w&&(0,o.jsx)(`button`,{type:`button`,"data-slot":`clearable-input-clear`,"aria-label":d,className:`inline-flex size-7 items-center justify-center rounded-[var(--radius-sm)] border border-transparent bg-transparent text-muted-foreground/74 transition hover:border-border/60 hover:bg-muted/58 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30`,onClick:D,onMouseDown:O,onDoubleClick:O,children:(0,o.jsx)(a.XIcon,{className:`size-4`})})]}),...b})});s.displayName=`ClearableInput`,exports.ClearableInput=s;

package/dist/components/inputs/clearable-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { stopInteractivePropagation as e } from "../../lib/utils.js";
 import { InputDecorator as t } from "./input-decorator.js";
 import { createInputChangeHandler as n, getInputValue as r } from "./input-value.js";

package/dist/components/inputs/color-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/input/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({value:e,defaultValue:a=`#000000`,onValueChange:o,label:s,description:c,swatchClassName:l,className:u,disabled:d,...f}){let[p,m]=r.useState(a),h=e??p,g=t=>{e===void 0&&m(t),o?.(t)};return(0,i.jsxs)(`div`,{"data-slot":`color-input`,className:t.cn(`grid gap-2`,u),children:[(s||c)&&(0,i.jsxs)(`div`,{className:`grid gap-0.5`,children:[s&&(0,i.jsx)(`label`,{className:`text-sm font-medium text-foreground`,children:s}),c&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:c})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`input`,{type:`color`,value:h,disabled:d,className:t.cn(`size-9 cursor-pointer rounded-md border bg-background p-1 disabled:cursor-not-allowed disabled:opacity-50`,l),onChange:e=>g(e.currentTarget.value),...f}),(0,i.jsx)(n.Input,{value:h,disabled:d,onChange:e=>g(e.currentTarget.value),className:`font-mono`})]})]})}exports.ColorInput=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/input/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({value:e,defaultValue:a=`#000000`,onValueChange:o,label:s,description:c,swatchClassName:l,className:u,disabled:d,...f}){let[p,m]=r.useState(a),h=e??p,g=t=>{e===void 0&&m(t),o?.(t)};return(0,i.jsxs)(`div`,{"data-slot":`color-input`,className:t.cn(`grid gap-2`,u),children:[(s||c)&&(0,i.jsxs)(`div`,{className:`grid gap-0.5`,children:[s&&(0,i.jsx)(`label`,{className:`text-sm font-medium text-foreground`,children:s}),c&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:c})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`input`,{type:`color`,value:h,disabled:d,className:t.cn(`size-9 cursor-pointer rounded-md border bg-background p-1 disabled:cursor-not-allowed disabled:opacity-50`,l),onChange:e=>g(e.currentTarget.value),...f}),(0,i.jsx)(n.Input,{value:h,disabled:d,onChange:e=>g(e.currentTarget.value),className:`font-mono`})]})]})}exports.ColorInput=a;

package/dist/components/inputs/color-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import { Input as t } from "../ui/input/index.js";
 import * as n from "react";

package/dist/components/inputs/combobox.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs"),i=require("../ui/popover/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function c({value:e,options:c,onValueChange:l,placeholder:u=`Select option`,searchPlaceholder:d=`Search...`,emptyLabel:f=`No option found`,disabled:p=!1,invalid:m,clearable:h=!1,allowDeselect:g=!1,showSelectedDescription:_=!0,onSearchChange:v,triggerClassName:y,contentClassName:b,optionClassName:x,searchClassName:S,className:C,...w}){let[T,E]=a.useState(!1),[D,O]=a.useState(``),k=c.find(t=>t.value===e),A=D.trim().toLowerCase(),j=c.filter(e=>e.hidden?!1:A?String(e.searchValue??e.label).toLowerCase().includes(A):!0);return(0,s.jsx)(`div`,{"data-slot":`combobox`,className:t.cn(`grid w-full gap-2`,C),...w,children:(0,s.jsxs)(i.Popover,{open:T,onOpenChange:e=>{E(e),e||(O(``),v?.(``))},children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:p,"aria-expanded":T,"aria-invalid":m||void 0,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left`,y)}),children:[(0,s.jsx)(`span`,{className:t.cn(`min-w-0 flex-1`,!k&&`text-muted-foreground`),children:k?(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col items-start`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:k.label}),_&&k.description?(0,s.jsx)(`span`,{className:`truncate text-[11px] text-muted-foreground`,children:k.description}):null]}):(0,s.jsx)(`span`,{className:`truncate font-normal`,children:u})}),h&&k&&!p?(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":`Clear value`,className:`inline-flex size-6 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted/55 hover:text-foreground`,onClick:e=>{e.preventDefault(),e.stopPropagation(),l?.(void 0,void 0)},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),l?.(void 0,void 0))},children:`×`}):null,(0,s.jsx)(o.ChevronDownIcon,{className:`size-4 opacity-60`})]}),(0,s.jsxs)(i.PopoverContent,{align:`start`,"data-slot":`combobox-content`,className:t.cn(`w-(--anchor-width) min-w-72 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,b),children:[(0,s.jsxs)(`div`,{className:`relative mb-2`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{value:D,onChange:e=>{O(e.target.value),v?.(e.target.value)},placeholder:d,className:t.cn(`h-9 pl-8`,S)})]}),(0,s.jsx)(`div`,{className:`max-h-64 overflow-y-auto`,children:j.length?j.map(n=>{let r=n.value===e;return(0,s.jsxs)(`button`,{type:`button`,disabled:n.disabled,"data-selected":r||void 0,className:t.cn(`flex w-full items-start gap-2.5 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-left text-sm transition-colors hover:border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_93%)] disabled:pointer-events-none disabled:opacity-50 data-[selected=true]:border-[color:color-mix(in_oklch,var(--primary),transparent_68%)] data-[selected=true]:bg-[color:color-mix(in_oklch,var(--primary),transparent_89%)]`,x),onClick:()=>{let e=g&&r?void 0:n.value;l?.(e,e?n:void 0),E(!1)},children:[(0,s.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border border-border/70`,r&&`border-primary bg-primary text-primary-foreground`),children:r&&(0,s.jsx)(o.CheckIcon,{className:`size-3`})}),(0,s.jsxs)(`span`,{className:`min-w-0`,children:[(0,s.jsx)(`span`,{className:`block truncate font-medium`,children:n.label}),n.description&&(0,s.jsx)(`span`,{className:`block text-xs text-muted-foreground`,children:n.description})]})]},n.value)}):(0,s.jsx)(`div`,{className:`rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-6 text-center text-sm text-muted-foreground`,children:f})})]})]})})}exports.Combobox=c;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs"),i=require("../ui/popover/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function c({value:e,options:c,onValueChange:l,placeholder:u=`Select option`,searchPlaceholder:d=`Search...`,emptyLabel:f=`No option found`,disabled:p=!1,invalid:m,clearable:h=!1,allowDeselect:g=!1,showSelectedDescription:_=!0,onSearchChange:v,triggerClassName:y,contentClassName:b,optionClassName:x,searchClassName:S,className:C,...w}){let[T,E]=a.useState(!1),[D,O]=a.useState(``),k=c.find(t=>t.value===e),A=D.trim().toLowerCase(),j=c.filter(e=>e.hidden?!1:A?String(e.searchValue??e.label).toLowerCase().includes(A):!0);return(0,s.jsx)(`div`,{"data-slot":`combobox`,className:t.cn(`grid w-full gap-2`,C),...w,children:(0,s.jsxs)(i.Popover,{open:T,onOpenChange:e=>{E(e),e||(O(``),v?.(``))},children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:p,"aria-expanded":T,"aria-invalid":m||void 0,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left`,y)}),children:[(0,s.jsx)(`span`,{className:t.cn(`min-w-0 flex-1`,!k&&`text-muted-foreground`),children:k?(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col items-start`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:k.label}),_&&k.description?(0,s.jsx)(`span`,{className:`truncate text-[11px] text-muted-foreground`,children:k.description}):null]}):(0,s.jsx)(`span`,{className:`truncate font-normal`,children:u})}),h&&k&&!p?(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":`Clear value`,className:`inline-flex size-6 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted/55 hover:text-foreground`,onClick:e=>{e.preventDefault(),e.stopPropagation(),l?.(void 0,void 0)},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),l?.(void 0,void 0))},children:`×`}):null,(0,s.jsx)(o.ChevronDownIcon,{className:`size-4 opacity-60`})]}),(0,s.jsxs)(i.PopoverContent,{align:`start`,"data-slot":`combobox-content`,className:t.cn(`w-(--anchor-width) min-w-72 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,b),children:[(0,s.jsxs)(`div`,{className:`relative mb-2`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{value:D,onChange:e=>{O(e.target.value),v?.(e.target.value)},placeholder:d,className:t.cn(`h-9 pl-8`,S)})]}),(0,s.jsx)(`div`,{className:`max-h-64 overflow-y-auto`,children:j.length?j.map(n=>{let r=n.value===e;return(0,s.jsxs)(`button`,{type:`button`,disabled:n.disabled,"data-selected":r||void 0,className:t.cn(`flex w-full items-start gap-2.5 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-left text-sm transition-colors hover:border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_93%)] disabled:pointer-events-none disabled:opacity-50 data-[selected=true]:border-[color:color-mix(in_oklch,var(--primary),transparent_68%)] data-[selected=true]:bg-[color:color-mix(in_oklch,var(--primary),transparent_89%)]`,x),onClick:()=>{let e=g&&r?void 0:n.value;l?.(e,e?n:void 0),E(!1)},children:[(0,s.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border border-border/70`,r&&`border-primary bg-primary text-primary-foreground`),children:r&&(0,s.jsx)(o.CheckIcon,{className:`size-3`})}),(0,s.jsxs)(`span`,{className:`min-w-0`,children:[(0,s.jsx)(`span`,{className:`block truncate font-medium`,children:n.label}),n.description&&(0,s.jsx)(`span`,{className:`block text-xs text-muted-foreground`,children:n.description})]})]},n.value)}):(0,s.jsx)(`div`,{className:`rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-6 text-center text-sm text-muted-foreground`,children:f})})]})]})})}exports.Combobox=c;

package/dist/components/inputs/combobox.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
 import { Input as n } from "../ui/input/index.js";

package/dist/components/inputs/inline-editable.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/input/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({value:e,onValueChange:a,placeholder:o=`Click to edit`,disabled:s,className:c,inputClassName:l,displayClassName:u,...d}){let[f,p]=r.useState(!1),[m,h]=r.useState(e),g=r.useRef(null);r.useEffect(()=>{h(e)},[e]),r.useEffect(()=>{f&&g.current?.focus()},[f]);let _=()=>{s||(a(m),p(!1))},v=()=>{h(e),p(!1)},y=e=>{e.key===`Enter`?(e.preventDefault(),_()):e.key===`Escape`&&(e.preventDefault(),v())};return f?(0,i.jsx)(`div`,{"data-slot":`inline-editable-input-mode`,className:t.cn(`flex items-center gap-1`,c),...d,children:(0,i.jsx)(n.Input,{ref:g,value:m,onChange:e=>h(e.target.value),onKeyDown:y,onBlur:_,disabled:s,placeholder:o,className:t.cn(`h-8 text-sm`,l)})}):(0,i.jsx)(`div`,{"data-slot":`inline-editable`,className:t.cn(`group flex items-center gap-1.5 rounded-md border border-transparent px-1.5 py-1 -ml-1.5 transition-colors`,!s&&`cursor-pointer hover:bg-muted/50`,c),onClick:()=>{s||p(!0)},tabIndex:s?void 0:0,onKeyDown:e=>{!s&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),p(!0))},...d,children:(0,i.jsx)(`span`,{className:t.cn(`truncate text-sm`,!e&&`text-muted-foreground italic`,s&&`opacity-50`,u),children:e||o})})}exports.InlineEditable=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/input/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({value:e,onValueChange:a,placeholder:o=`Click to edit`,disabled:s,className:c,inputClassName:l,displayClassName:u,...d}){let[f,p]=r.useState(!1),[m,h]=r.useState(e),g=r.useRef(null);r.useEffect(()=>{h(e)},[e]),r.useEffect(()=>{f&&g.current?.focus()},[f]);let _=()=>{s||(a(m),p(!1))},v=()=>{h(e),p(!1)},y=e=>{e.key===`Enter`?(e.preventDefault(),_()):e.key===`Escape`&&(e.preventDefault(),v())};return f?(0,i.jsx)(`div`,{"data-slot":`inline-editable-input-mode`,className:t.cn(`flex items-center gap-1`,c),...d,children:(0,i.jsx)(n.Input,{ref:g,value:m,onChange:e=>h(e.target.value),onKeyDown:y,onBlur:_,disabled:s,placeholder:o,className:t.cn(`h-8 text-sm`,l)})}):(0,i.jsx)(`div`,{"data-slot":`inline-editable`,className:t.cn(`group flex items-center gap-1.5 rounded-md border border-transparent px-1.5 py-1 -ml-1.5 transition-colors`,!s&&`cursor-pointer hover:bg-muted/50`,c),onClick:()=>{s||p(!0)},tabIndex:s?void 0:0,onKeyDown:e=>{!s&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),p(!0))},...d,children:(0,i.jsx)(`span`,{className:t.cn(`truncate text-sm`,!e&&`text-muted-foreground italic`,s&&`opacity-50`,u),children:e||o})})}exports.InlineEditable=a;

package/dist/components/inputs/inline-editable.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import { Input as t } from "../ui/input/index.js";
 import * as n from "react";

package/dist/components/inputs/json-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(e){if(!e.trim())return{parsed:null,valid:!0};try{return{parsed:JSON.parse(e),valid:!0}}catch{return{parsed:null,valid:!1}}}function a({value:e=``,onValueChange:a,invalidText:o=`Invalid JSON`,className:s,onChange:c,...l}){let[u,d]=n.useState(!0);n.useEffect(()=>{d(i(e).valid)},[e]);function f(e){let t=e.target.value,n=i(t);d(n.valid),a?.(t,n.parsed,n.valid),c?.(e)}return(0,r.jsxs)(`div`,{"data-slot":`json-input`,className:`grid gap-1.5`,children:[(0,r.jsx)(`textarea`,{value:e,spellCheck:!1,className:t.cn(`min-h-32 rounded-md border bg-background p-3 font-mono text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring`,!u&&`border-destructive`,s),onChange:f,...l}),!u&&(0,r.jsx)(`p`,{className:`text-sm text-destructive`,children:o})]})}exports.JsonInput=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(e){if(!e.trim())return{parsed:null,valid:!0};try{return{parsed:JSON.parse(e),valid:!0}}catch{return{parsed:null,valid:!1}}}function a({value:e=``,onValueChange:a,invalidText:o=`Invalid JSON`,className:s,onChange:c,...l}){let[u,d]=n.useState(!0);n.useEffect(()=>{d(i(e).valid)},[e]);function f(e){let t=e.target.value,n=i(t);d(n.valid),a?.(t,n.parsed,n.valid),c?.(e)}return(0,r.jsxs)(`div`,{"data-slot":`json-input`,className:`grid gap-1.5`,children:[(0,r.jsx)(`textarea`,{value:e,spellCheck:!1,className:t.cn(`min-h-32 rounded-md border bg-background p-3 font-mono text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring`,!u&&`border-destructive`,s),onChange:f,...l}),!u&&(0,r.jsx)(`p`,{className:`text-sm text-destructive`,children:o})]})}exports.JsonInput=a;

package/dist/components/inputs/json-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import * as t from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";

package/dist/components/inputs/otp-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({value:e,defaultValue:i=``,onValueChange:a,length:o=6,disabled:s=!1,inputMode:c=`numeric`,pattern:l=`[0-9]*`,mask:u=!1,labels:d,className:f,...p}){let[m,h]=n.useState(i.slice(0,o)),g=(e??m).slice(0,o),_=n.useRef([]),v=t=>{let n=t.slice(0,o);e===void 0&&h(n),a?.(n)},y=(e,t)=>{let n=String(Array.isArray(g)?g.join(``):g).padEnd(o,` `).split(``);n[e]=t.slice(-1),v(n.join(``).replace(/\s+$/g,``))},b=e=>{_.current[Math.max(0,Math.min(e,o-1))]?.focus()};return(0,r.jsx)(`div`,{"data-slot":`otp-input`,role:`group`,"aria-label":d?.group??`One-time password`,className:t.cn(`flex items-center gap-2`,f),...p,children:Array.from({length:o},(e,t)=>(0,r.jsx)(`input`,{ref:e=>{_.current[t]=e},"aria-label":d?.cell?.(t)??`Digit ${t+1}`,inputMode:c,pattern:l,type:u?`password`:`text`,autoComplete:`one-time-code`,maxLength:1,disabled:s,value:g[t]??``,className:`flex size-10 rounded-md border bg-background text-center text-sm font-medium outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50`,onChange:e=>{let n=e.currentTarget.value;y(t,n),n&&b(t+1)},onKeyDown:e=>{e.key===`Backspace`&&!g[t]&&(e.preventDefault(),b(t-1),y(t-1,``)),e.key===`ArrowLeft`&&b(t-1),e.key===`ArrowRight`&&b(t+1)},onPaste:e=>{e.preventDefault();let t=e.clipboardData.getData(`text`).trim();v(t),b(Math.min(t.length,o-1))}},t))})}exports.OtpInput=i;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({value:e,defaultValue:i=``,onValueChange:a,length:o=6,disabled:s=!1,inputMode:c=`numeric`,pattern:l=`[0-9]*`,mask:u=!1,labels:d,className:f,...p}){let[m,h]=n.useState(i.slice(0,o)),g=(e??m).slice(0,o),_=n.useRef([]),v=t=>{let n=t.slice(0,o);e===void 0&&h(n),a?.(n)},y=(e,t)=>{let n=String(Array.isArray(g)?g.join(``):g).padEnd(o,` `).split(``);n[e]=t.slice(-1),v(n.join(``).replace(/\s+$/g,``))},b=e=>{_.current[Math.max(0,Math.min(e,o-1))]?.focus()};return(0,r.jsx)(`div`,{"data-slot":`otp-input`,role:`group`,"aria-label":d?.group??`One-time password`,className:t.cn(`flex items-center gap-2`,f),...p,children:Array.from({length:o},(e,t)=>(0,r.jsx)(`input`,{ref:e=>{_.current[t]=e},"aria-label":d?.cell?.(t)??`Digit ${t+1}`,inputMode:c,pattern:l,type:u?`password`:`text`,autoComplete:`one-time-code`,maxLength:1,disabled:s,value:g[t]??``,className:`flex size-10 rounded-md border bg-background text-center text-sm font-medium outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50`,onChange:e=>{let n=e.currentTarget.value;y(t,n),n&&b(t+1)},onKeyDown:e=>{e.key===`Backspace`&&!g[t]&&(e.preventDefault(),b(t-1),y(t-1,``)),e.key===`ArrowLeft`&&b(t-1),e.key===`ArrowRight`&&b(t+1)},onPaste:e=>{e.preventDefault();let t=e.clipboardData.getData(`text`).trim();v(t),b(Math.min(t.length,o-1))}},t))})}exports.OtpInput=i;

package/dist/components/inputs/otp-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";

package/dist/components/inputs/password-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./input-decorator.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.forwardRef(({value:e,onChange:a,onValueChange:o,visible:s,defaultVisible:c=!1,onVisibleChange:l,showToggle:u=!0,showCapsLockWarning:d=!0,capsLockLabel:f=`Caps Lock is on`,showLabel:p=`Show password`,hideLabel:m=`Hide password`,disabled:h,autoComplete:g=`current-password`,trailing:_,onKeyDown:v,onKeyUp:y,...b},x)=>{let S=s!==void 0,[C,w]=n.useState(c),[T,E]=n.useState(!1),D=S?s:C,O=e=>{S||w(e),l?.(e)},k=e=>{a?.(e),o?.(e.target.value)},A=e=>{d&&E(e.getModifierState(`CapsLock`))};return(0,i.jsx)(t.InputDecorator,{"data-slot":`password-input`,ref:x,type:D?`text`:`password`,value:e??``,disabled:h,autoComplete:g,onChange:k,onKeyDown:e=>{A(e),v?.(e)},onKeyUp:e=>{A(e),y?.(e)},trailingAction:(0,i.jsxs)(i.Fragment,{children:[_,d&&T?(0,i.jsx)(`span`,{"data-slot":`password-caps-lock`,className:`hidden text-xs text-amber-600 sm:inline`,"aria-live":`polite`,children:f}):null,u?(0,i.jsx)(`button`,{type:`button`,disabled:h,"aria-label":D?m:p,className:`rounded-sm p-0.5 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50`,onClick:()=>O(!D),children:D?(0,i.jsx)(r.EyeOffIcon,{className:`size-4`}):(0,i.jsx)(r.EyeIcon,{className:`size-4`})}):null]}),...b})});a.displayName=`PasswordInput`,exports.PasswordInput=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./input-decorator.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.forwardRef(({value:e,onChange:a,onValueChange:o,visible:s,defaultVisible:c=!1,onVisibleChange:l,showToggle:u=!0,showCapsLockWarning:d=!0,capsLockLabel:f=`Caps Lock is on`,showLabel:p=`Show password`,hideLabel:m=`Hide password`,disabled:h,autoComplete:g=`current-password`,trailing:_,onKeyDown:v,onKeyUp:y,...b},x)=>{let S=s!==void 0,[C,w]=n.useState(c),[T,E]=n.useState(!1),D=S?s:C,O=e=>{S||w(e),l?.(e)},k=e=>{a?.(e),o?.(e.target.value)},A=e=>{d&&E(e.getModifierState(`CapsLock`))};return(0,i.jsx)(t.InputDecorator,{"data-slot":`password-input`,ref:x,type:D?`text`:`password`,value:e??``,disabled:h,autoComplete:g,onChange:k,onKeyDown:e=>{A(e),v?.(e)},onKeyUp:e=>{A(e),y?.(e)},trailingAction:(0,i.jsxs)(i.Fragment,{children:[_,d&&T?(0,i.jsx)(`span`,{"data-slot":`password-caps-lock`,className:`hidden text-xs text-amber-600 sm:inline`,"aria-live":`polite`,children:f}):null,u?(0,i.jsx)(`button`,{type:`button`,disabled:h,"aria-label":D?m:p,className:`rounded-sm p-0.5 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50`,onClick:()=>O(!D),children:D?(0,i.jsx)(r.EyeOffIcon,{className:`size-4`}):(0,i.jsx)(r.EyeIcon,{className:`size-4`})}):null]}),...b})});a.displayName=`PasswordInput`,exports.PasswordInput=a;

package/dist/components/inputs/password-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { InputDecorator as e } from "./input-decorator.js";
 import * as t from "react";
 import { EyeIcon as n, EyeOffIcon as r } from "lucide-react";

package/dist/components/inputs/quantity-stepper.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({value:e,defaultValue:s=0,onValueChange:c,min:l=0,max:u,step:d=1,disabled:f=!1,className:p,...m}){let[h,g]=i.useState(s),_=e??h,v=t=>{let n=Math.max(l,Math.min(u??t,Number.isFinite(t)?t:l));e===void 0&&g(n),c?.(n)};return(0,o.jsxs)(`div`,{"data-slot":`quantity-stepper`,className:t.cn(`inline-flex items-center rounded-lg border bg-background`,p),...m,children:[(0,o.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,disabled:f||_<=l,onClick:()=>v(_-d),children:[(0,o.jsx)(a.MinusIcon,{}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Decrease`})]}),(0,o.jsx)(r.Input,{value:_,disabled:f,inputMode:`numeric`,className:`h-8 w-14 border-0 text-center shadow-none focus-visible:ring-0`,onChange:e=>v(Number(e.currentTarget.value))}),(0,o.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,disabled:f||u!==void 0&&_>=u,onClick:()=>v(_+d),children:[(0,o.jsx)(a.PlusIcon,{}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Increase`})]})]})}exports.QuantityStepper=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({value:e,defaultValue:s=0,onValueChange:c,min:l=0,max:u,step:d=1,disabled:f=!1,className:p,...m}){let[h,g]=i.useState(s),_=e??h,v=t=>{let n=Math.max(l,Math.min(u??t,Number.isFinite(t)?t:l));e===void 0&&g(n),c?.(n)};return(0,o.jsxs)(`div`,{"data-slot":`quantity-stepper`,className:t.cn(`inline-flex items-center rounded-lg border bg-background`,p),...m,children:[(0,o.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,disabled:f||_<=l,onClick:()=>v(_-d),children:[(0,o.jsx)(a.MinusIcon,{}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Decrease`})]}),(0,o.jsx)(r.Input,{value:_,disabled:f,inputMode:`numeric`,className:`h-8 w-14 border-0 text-center shadow-none focus-visible:ring-0`,onChange:e=>v(Number(e.currentTarget.value))}),(0,o.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,disabled:f||u!==void 0&&_>=u,onClick:()=>v(_+d),children:[(0,o.jsx)(a.PlusIcon,{}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Increase`})]})]})}exports.QuantityStepper=s;

package/dist/components/inputs/quantity-stepper.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
 import { Input as n } from "../ui/input/index.js";

package/dist/components/inputs/rating.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a({value:e,defaultValue:a=0,onValueChange:o,count:s=5,allowClear:c=!0,disabled:l=!1,readOnly:u=!1,labels:d,icon:f,className:p,...m}){let[h,g]=n.useState(a),[_,v]=n.useState(null),y=e??h,b=_??y,x=!l&&!u,S=t=>{if(!x)return;let n=c&&t===y?0:t;e===void 0&&g(n),o?.(n)},C=(e,t)=>{x&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),S(t))};return(0,i.jsxs)(`div`,{"data-slot":`rating`,role:`radiogroup`,"aria-disabled":l||void 0,className:t.cn(`inline-flex min-h-11 items-center gap-1.5 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_82%,white_18%)] px-2 py-1.5 shadow-sm dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]`,p),onMouseLeave:()=>v(null),...m,children:[Array.from({length:s},(e,n)=>{let a=n+1,o=a<=b;return(0,i.jsx)(`button`,{type:`button`,role:`radio`,"aria-checked":a===y,"aria-label":d?.rate?.(a)??`Rate ${a}`,disabled:l,tabIndex:u?-1:0,className:t.cn(`inline-flex size-8 items-center justify-center rounded-full text-[color:var(--aui-text-muted)] outline-none transition duration-150 focus-visible:ring-2 focus-visible:ring-[color:var(--aui-brand-strong)] focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--aui-page-bg)] disabled:pointer-events-none disabled:opacity-50`,x&&`hover:bg-[color:var(--aui-control-bg)] hover:text-[color:var(--aui-brand-strong)]`,o&&`bg-[color:color-mix(in_srgb,var(--aui-brand-strong)_16%,transparent)] text-[color:var(--aui-brand-strong)]`),onMouseEnter:()=>x&&v(a),onClick:()=>S(a),onKeyDown:e=>C(e,a),children:f??(0,i.jsx)(r.StarIcon,{className:t.cn(`size-4.5`,o&&`fill-current`)})},a)}),c&&y>0&&x&&(0,i.jsx)(`button`,{type:`button`,className:`ml-1 inline-flex h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] px-3 text-xs font-semibold text-muted-foreground transition hover:bg-[color:var(--aui-control-bg)] hover:text-foreground`,onClick:()=>S(0),children:d?.clear??`Clear`})]})}exports.Rating=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a({value:e,defaultValue:a=0,onValueChange:o,count:s=5,allowClear:c=!0,disabled:l=!1,readOnly:u=!1,labels:d,icon:f,className:p,...m}){let[h,g]=n.useState(a),[_,v]=n.useState(null),y=e??h,b=_??y,x=!l&&!u,S=t=>{if(!x)return;let n=c&&t===y?0:t;e===void 0&&g(n),o?.(n)},C=(e,t)=>{x&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),S(t))};return(0,i.jsxs)(`div`,{"data-slot":`rating`,role:`radiogroup`,"aria-disabled":l||void 0,className:t.cn(`inline-flex min-h-11 items-center gap-1.5 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_82%,white_18%)] px-2 py-1.5 shadow-sm dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]`,p),onMouseLeave:()=>v(null),...m,children:[Array.from({length:s},(e,n)=>{let a=n+1,o=a<=b;return(0,i.jsx)(`button`,{type:`button`,role:`radio`,"aria-checked":a===y,"aria-label":d?.rate?.(a)??`Rate ${a}`,disabled:l,tabIndex:u?-1:0,className:t.cn(`inline-flex size-8 items-center justify-center rounded-full text-[color:var(--aui-text-muted)] outline-none transition duration-150 focus-visible:ring-2 focus-visible:ring-[color:var(--aui-brand-strong)] focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--aui-page-bg)] disabled:pointer-events-none disabled:opacity-50`,x&&`hover:bg-[color:var(--aui-control-bg)] hover:text-[color:var(--aui-brand-strong)]`,o&&`bg-[color:color-mix(in_srgb,var(--aui-brand-strong)_16%,transparent)] text-[color:var(--aui-brand-strong)]`),onMouseEnter:()=>x&&v(a),onClick:()=>S(a),onKeyDown:e=>C(e,a),children:f??(0,i.jsx)(r.StarIcon,{className:t.cn(`size-4.5`,o&&`fill-current`)})},a)}),c&&y>0&&x&&(0,i.jsx)(`button`,{type:`button`,className:`ml-1 inline-flex h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] px-3 text-xs font-semibold text-muted-foreground transition hover:bg-[color:var(--aui-control-bg)] hover:text-foreground`,onClick:()=>S(0),children:d?.clear??`Clear`})]})}exports.Rating=a;

package/dist/components/inputs/rating.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import * as t from "react";
 import { StarIcon as n } from "lucide-react";

package/dist/components/inputs/search-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./clearable-input.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.forwardRef(({searchIcon:e,loading:a=!1,loadingLabel:o=`Searching`,resultCount:s,shortcut:c,debounceMs:l,value:u,onValueChange:d,onDebouncedValueChange:f,placeholder:p=`Search...`,inputMode:m=`search`,trailing:h,showMetaOnClear:g=!1,disabled:_,...v},y)=>{let b=u==null?``:String(u);return n.useEffect(()=>{if(l==null||!f)return;let e=window.setTimeout(()=>f(b),l);return()=>window.clearTimeout(e)},[l,f,b]),(0,i.jsx)(t.ClearableInput,{ref:y,type:`search`,inputMode:m,placeholder:p,value:u,disabled:_||a,leadingIcon:e??(0,i.jsx)(r.SearchIcon,{}),trailing:(0,i.jsxs)(`span`,{"data-slot":`search-input-meta`,className:`inline-flex shrink-0 items-center gap-2 text-xs text-muted-foreground`,children:[a?(0,i.jsxs)(`span`,{"aria-live":`polite`,className:`inline-flex items-center gap-1.5`,children:[(0,i.jsx)(r.LoaderCircleIcon,{className:`size-3.5 animate-spin`,"aria-hidden":`true`}),(0,i.jsx)(`span`,{className:`sr-only`,children:o})]}):null,typeof s==`number`?(0,i.jsx)(`span`,{children:s}):null,c?(0,i.jsx)(`span`,{className:`rounded-md border border-border/80 bg-muted/60 px-1.5 py-0.5 font-mono`,children:c}):null,h]}),replaceTrailingWhenClear:!g,onValueChange:d,...v})});a.displayName=`SearchInput`,exports.SearchInput=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./clearable-input.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.forwardRef(({searchIcon:e,loading:a=!1,loadingLabel:o=`Searching`,resultCount:s,shortcut:c,debounceMs:l,value:u,onValueChange:d,onDebouncedValueChange:f,placeholder:p=`Search...`,inputMode:m=`search`,trailing:h,showMetaOnClear:g=!1,disabled:_,...v},y)=>{let b=u==null?``:String(u);return n.useEffect(()=>{if(l==null||!f)return;let e=window.setTimeout(()=>f(b),l);return()=>window.clearTimeout(e)},[l,f,b]),(0,i.jsx)(t.ClearableInput,{ref:y,type:`search`,inputMode:m,placeholder:p,value:u,disabled:_||a,leadingIcon:e??(0,i.jsx)(r.SearchIcon,{}),trailing:(0,i.jsxs)(`span`,{"data-slot":`search-input-meta`,className:`inline-flex shrink-0 items-center gap-2 text-xs text-muted-foreground`,children:[a?(0,i.jsxs)(`span`,{"aria-live":`polite`,className:`inline-flex items-center gap-1.5`,children:[(0,i.jsx)(r.LoaderCircleIcon,{className:`size-3.5 animate-spin`,"aria-hidden":`true`}),(0,i.jsx)(`span`,{className:`sr-only`,children:o})]}):null,typeof s==`number`?(0,i.jsx)(`span`,{children:s}):null,c?(0,i.jsx)(`span`,{className:`rounded-md border border-border/80 bg-muted/60 px-1.5 py-0.5 font-mono`,children:c}):null,h]}),replaceTrailingWhenClear:!g,onValueChange:d,...v})});a.displayName=`SearchInput`,exports.SearchInput=a;

package/dist/components/inputs/search-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { ClearableInput as e } from "./clearable-input.js";
 import * as t from "react";
 import { LoaderCircleIcon as n, SearchIcon as r } from "lucide-react";

package/dist/components/inputs/slider.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(e,t,n){return Math.min(Math.max(e,t),n)}function a(e,t,n){return n<=t?0:(e-t)/(n-t)*100}function o(e,t,n){let r=a(i(e,t,n),t,n);return{background:`linear-gradient(90deg, var(--aui-brand-strong) 0%, var(--aui-brand-strong) ${r}%, var(--aui-control-bg) ${r}%, var(--aui-control-bg) 100%)`}}function s({value:e,defaultValue:i=0,onValueChange:a,min:s=0,max:c=100,step:l=1,label:u,description:d,showValue:f=!1,formatValue:p,className:m,disabled:h,...g}){let[_,v]=n.useState(i),y=e??_,b=p?.(y)??y,x=t=>{e===void 0&&v(t),a?.(t)};return(0,r.jsxs)(`div`,{"data-slot":`slider`,className:t.cn(`grid gap-3`,m),children:[(u||d||f)&&(0,r.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,r.jsxs)(`div`,{className:`grid gap-1`,children:[u&&(0,r.jsx)(`label`,{className:`text-sm font-semibold tracking-tight text-foreground`,children:u}),d&&(0,r.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:d})]}),f&&(0,r.jsx)(`div`,{className:`inline-flex min-h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] px-3 text-sm font-semibold text-foreground shadow-sm`,children:b})]}),(0,r.jsx)(`input`,{"data-slot":`slider-input`,type:`range`,value:y,min:s,max:c,step:l,disabled:h,style:o(y,s,c),className:`h-3 w-full cursor-pointer appearance-none rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] shadow-[inset_0_1px_2px_rgba(15,23,42,0.08)] outline-none transition hover:brightness-[1.02] disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-thumb]:transition [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]`,onChange:e=>x(e.currentTarget.valueAsNumber),...g})]})}function c(e,t,n){let r=a(i(e[0],t,n),t,n),o=a(i(e[1],t,n),t,n);return{left:`${r}%`,width:`${Math.max(o-r,0)}%`}}function l({value:e,defaultValue:i=[0,100],onValueChange:a,min:o=0,max:s=100,step:l=1,label:u,description:d,showValue:f=!1,formatValue:p,className:m,disabled:h,...g}){let[_,v]=n.useState(i),y=e??_,b=p?.(y)??`${y[0]} - ${y[1]}`,x=(t,n)=>{let r=t===0?[Math.min(n,y[1]),y[1]]:[y[0],Math.max(n,y[0])];e===void 0&&v(r),a?.(r)};return(0,r.jsxs)(`div`,{"data-slot":`range-slider`,className:t.cn(`grid gap-3`,m),children:[(u||d||f)&&(0,r.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,r.jsxs)(`div`,{className:`grid gap-1`,children:[u&&(0,r.jsx)(`label`,{className:`text-sm font-semibold tracking-tight text-foreground`,children:u}),d&&(0,r.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:d})]}),f&&(0,r.jsx)(`div`,{className:`inline-flex min-h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] px-3 text-sm font-semibold text-foreground shadow-sm`,children:b})]}),(0,r.jsxs)(`div`,{className:`grid gap-3 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_82%,white_18%)] px-4 py-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.3)] dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]`,children:[(0,r.jsxs)(`div`,{className:`relative h-6`,children:[(0,r.jsx)(`div`,{className:`absolute top-1/2 h-3 w-full -translate-y-1/2 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] shadow-[inset_0_1px_2px_rgba(15,23,42,0.08)]`}),(0,r.jsx)(`div`,{className:`absolute top-1/2 h-3 -translate-y-1/2 rounded-full bg-[color:var(--aui-brand-strong)] shadow-[0_8px_24px_rgba(16,185,129,0.18)]`,style:c(y,o,s)})]}),(0,r.jsxs)(`div`,{className:`relative -mt-8 h-6`,children:[(0,r.jsx)(`input`,{type:`range`,value:y[0],min:o,max:s,step:l,disabled:h,className:`pointer-events-none absolute inset-0 h-6 w-full cursor-pointer appearance-none bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]`,onChange:e=>x(0,e.currentTarget.valueAsNumber),...g}),(0,r.jsx)(`input`,{type:`range`,value:y[1],min:o,max:s,step:l,disabled:h,className:`pointer-events-none absolute inset-0 h-6 w-full cursor-pointer appearance-none bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]`,onChange:e=>x(1,e.currentTarget.valueAsNumber),...g})]})]})]})}exports.RangeSlider=l,exports.Slider=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(e,t,n){return Math.min(Math.max(e,t),n)}function a(e,t,n){return n<=t?0:(e-t)/(n-t)*100}function o(e,t,n){let r=a(i(e,t,n),t,n);return{background:`linear-gradient(90deg, var(--aui-brand-strong) 0%, var(--aui-brand-strong) ${r}%, var(--aui-control-bg) ${r}%, var(--aui-control-bg) 100%)`}}function s({value:e,defaultValue:i=0,onValueChange:a,min:s=0,max:c=100,step:l=1,label:u,description:d,showValue:f=!1,formatValue:p,className:m,disabled:h,...g}){let[_,v]=n.useState(i),y=e??_,b=p?.(y)??y,x=t=>{e===void 0&&v(t),a?.(t)};return(0,r.jsxs)(`div`,{"data-slot":`slider`,className:t.cn(`grid gap-3`,m),children:[(u||d||f)&&(0,r.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,r.jsxs)(`div`,{className:`grid gap-1`,children:[u&&(0,r.jsx)(`label`,{className:`text-sm font-semibold tracking-tight text-foreground`,children:u}),d&&(0,r.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:d})]}),f&&(0,r.jsx)(`div`,{className:`inline-flex min-h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] px-3 text-sm font-semibold text-foreground shadow-sm`,children:b})]}),(0,r.jsx)(`input`,{"data-slot":`slider-input`,type:`range`,value:y,min:s,max:c,step:l,disabled:h,style:o(y,s,c),className:`h-3 w-full cursor-pointer appearance-none rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] shadow-[inset_0_1px_2px_rgba(15,23,42,0.08)] outline-none transition hover:brightness-[1.02] disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-thumb]:transition [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]`,onChange:e=>x(e.currentTarget.valueAsNumber),...g})]})}function c(e,t,n){let r=a(i(e[0],t,n),t,n),o=a(i(e[1],t,n),t,n);return{left:`${r}%`,width:`${Math.max(o-r,0)}%`}}function l({value:e,defaultValue:i=[0,100],onValueChange:a,min:o=0,max:s=100,step:l=1,label:u,description:d,showValue:f=!1,formatValue:p,className:m,disabled:h,...g}){let[_,v]=n.useState(i),y=e??_,b=p?.(y)??`${y[0]} - ${y[1]}`,x=(t,n)=>{let r=t===0?[Math.min(n,y[1]),y[1]]:[y[0],Math.max(n,y[0])];e===void 0&&v(r),a?.(r)};return(0,r.jsxs)(`div`,{"data-slot":`range-slider`,className:t.cn(`grid gap-3`,m),children:[(u||d||f)&&(0,r.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,r.jsxs)(`div`,{className:`grid gap-1`,children:[u&&(0,r.jsx)(`label`,{className:`text-sm font-semibold tracking-tight text-foreground`,children:u}),d&&(0,r.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:d})]}),f&&(0,r.jsx)(`div`,{className:`inline-flex min-h-8 items-center rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] px-3 text-sm font-semibold text-foreground shadow-sm`,children:b})]}),(0,r.jsxs)(`div`,{className:`grid gap-3 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_82%,white_18%)] px-4 py-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.3)] dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]`,children:[(0,r.jsxs)(`div`,{className:`relative h-6`,children:[(0,r.jsx)(`div`,{className:`absolute top-1/2 h-3 w-full -translate-y-1/2 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] shadow-[inset_0_1px_2px_rgba(15,23,42,0.08)]`}),(0,r.jsx)(`div`,{className:`absolute top-1/2 h-3 -translate-y-1/2 rounded-full bg-[color:var(--aui-brand-strong)] shadow-[0_8px_24px_rgba(16,185,129,0.18)]`,style:c(y,o,s)})]}),(0,r.jsxs)(`div`,{className:`relative -mt-8 h-6`,children:[(0,r.jsx)(`input`,{type:`range`,value:y[0],min:o,max:s,step:l,disabled:h,className:`pointer-events-none absolute inset-0 h-6 w-full cursor-pointer appearance-none bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]`,onChange:e=>x(0,e.currentTarget.valueAsNumber),...g}),(0,r.jsx)(`input`,{type:`range`,value:y[1],min:o,max:s,step:l,disabled:h,className:`pointer-events-none absolute inset-0 h-6 w-full cursor-pointer appearance-none bg-transparent outline-none disabled:cursor-not-allowed disabled:opacity-50 [&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:size-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-[3px] [&::-moz-range-thumb]:border-[color:var(--aui-page-bg)] [&::-moz-range-thumb]:bg-[color:var(--aui-brand-strong)] [&::-moz-range-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)] [&::-moz-range-track]:h-3 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-webkit-slider-runnable-track]:h-3 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-[3px] [&::-webkit-slider-thumb]:border-[color:var(--aui-page-bg)] [&::-webkit-slider-thumb]:bg-[color:var(--aui-brand-strong)] [&::-webkit-slider-thumb]:shadow-[0_8px_24px_rgba(16,185,129,0.24)]`,onChange:e=>x(1,e.currentTarget.valueAsNumber),...g})]})]})]})}exports.RangeSlider=l,exports.Slider=s;

package/dist/components/inputs/slider.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import * as t from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";

package/dist/components/inputs/tag-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/input/index.cjs"),r=require("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({value:e,defaultValue:s=[],onValueChange:c,placeholder:l=`Add tag...`,disabled:u=!1,readOnly:d=!1,maxTags:f,allowDuplicates:p=!1,separators:m=[`,`,`Enter`],normalizeTag:h=e=>e.trim(),className:g,..._}){let v=e!==void 0,[y,b]=i.useState(s),[x,S]=i.useState(``),C=v?e:y,w=f!==void 0&&C.length>=f,T=i.useCallback(e=>{v||b(e),c?.(e)},[v,c]),E=i.useCallback(e=>{let t=h(e);t&&(f!==void 0&&C.length>=f||!p&&C.includes(t)||(T([...C,t]),S(``)))},[p,f,h,T,C]),D=i.useCallback(e=>{T(C.filter(t=>t!==e))},[T,C]);return(0,o.jsx)(`div`,{"data-slot":`tag-input`,className:t.cn(`grid gap-2`,g),..._,children:(0,o.jsxs)(`div`,{className:t.cn(`flex min-h-12 flex-wrap items-center gap-2 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_78%,white_22%)] px-3 py-2.5 shadow-sm transition focus-within:border-[color:var(--aui-brand-strong)] focus-within:ring-4 focus-within:ring-[color:color-mix(in_srgb,var(--aui-brand-strong)_14%,transparent)] dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]`,u&&`opacity-60`,d&&`bg-muted/30`),children:[C.map(e=>(0,o.jsxs)(r.Badge,{variant:`secondary`,className:`h-8 gap-1 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg)] px-3 pr-1 text-[13px] font-medium shadow-sm`,children:[e,!d&&!u&&(0,o.jsx)(`button`,{type:`button`,className:`inline-flex size-5 items-center justify-center rounded-full text-muted-foreground transition hover:bg-[color:var(--aui-control-bg)] hover:text-foreground`,onClick:n=>{t.stopInteractivePropagation(n),D(e)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,o.jsx)(a.XIcon,{className:`size-3`})})]},e)),!d&&(0,o.jsx)(n.Input,{value:x,disabled:u||w,placeholder:l,className:`h-8 min-w-32 flex-1 border-0 bg-transparent px-1 text-sm shadow-none placeholder:text-[color:var(--aui-text-muted)] focus-visible:ring-0`,onChange:e=>S(e.target.value),onBlur:()=>E(x),onKeyDown:e=>{m.includes(e.key)&&(e.preventDefault(),E(x)),e.key===`Backspace`&&!x&&C.length&&D(C[C.length-1])}}),f!==void 0&&(0,o.jsxs)(`span`,{className:`ml-auto text-xs font-medium text-muted-foreground`,children:[C.length,`/`,f]})]})})}exports.TagInput=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/input/index.cjs"),r=require("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({value:e,defaultValue:s=[],onValueChange:c,placeholder:l=`Add tag...`,disabled:u=!1,readOnly:d=!1,maxTags:f,allowDuplicates:p=!1,separators:m=[`,`,`Enter`],normalizeTag:h=e=>e.trim(),className:g,..._}){let v=e!==void 0,[y,b]=i.useState(s),[x,S]=i.useState(``),C=v?e:y,w=f!==void 0&&C.length>=f,T=i.useCallback(e=>{v||b(e),c?.(e)},[v,c]),E=i.useCallback(e=>{let t=h(e);t&&(f!==void 0&&C.length>=f||!p&&C.includes(t)||(T([...C,t]),S(``)))},[p,f,h,T,C]),D=i.useCallback(e=>{T(C.filter(t=>t!==e))},[T,C]);return(0,o.jsx)(`div`,{"data-slot":`tag-input`,className:t.cn(`grid gap-2`,g),..._,children:(0,o.jsxs)(`div`,{className:t.cn(`flex min-h-12 flex-wrap items-center gap-2 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-control-bg)_78%,white_22%)] px-3 py-2.5 shadow-sm transition focus-within:border-[color:var(--aui-brand-strong)] focus-within:ring-4 focus-within:ring-[color:color-mix(in_srgb,var(--aui-brand-strong)_14%,transparent)] dark:bg-[color:color-mix(in_srgb,var(--aui-control-bg)_90%,black_10%)]`,u&&`opacity-60`,d&&`bg-muted/30`),children:[C.map(e=>(0,o.jsxs)(r.Badge,{variant:`secondary`,className:`h-8 gap-1 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg)] px-3 pr-1 text-[13px] font-medium shadow-sm`,children:[e,!d&&!u&&(0,o.jsx)(`button`,{type:`button`,className:`inline-flex size-5 items-center justify-center rounded-full text-muted-foreground transition hover:bg-[color:var(--aui-control-bg)] hover:text-foreground`,onClick:n=>{t.stopInteractivePropagation(n),D(e)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,o.jsx)(a.XIcon,{className:`size-3`})})]},e)),!d&&(0,o.jsx)(n.Input,{value:x,disabled:u||w,placeholder:l,className:`h-8 min-w-32 flex-1 border-0 bg-transparent px-1 text-sm shadow-none placeholder:text-[color:var(--aui-text-muted)] focus-visible:ring-0`,onChange:e=>S(e.target.value),onBlur:()=>E(x),onKeyDown:e=>{m.includes(e.key)&&(e.preventDefault(),E(x)),e.key===`Backspace`&&!x&&C.length&&D(C[C.length-1])}}),f!==void 0&&(0,o.jsxs)(`span`,{className:`ml-auto text-xs font-medium text-muted-foreground`,children:[C.length,`/`,f]})]})})}exports.TagInput=s;

package/dist/components/inputs/tag-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
 import { Input as n } from "../ui/input/index.js";
 import { Badge as r } from "../ui/badge/index.js";

package/dist/components/layout/app-sidebar.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/tooltip/index.cjs"),r=require("../../hooks/use-is-mobile.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=1024,c=`18rem`,l=`4.75rem`,u=`min(88vw, 22rem)`;function d({active:e,disabled:n}){return t.cn(`border-[color:transparent] text-foreground/80 hover:border-[color:var(--aui-divider)] hover:bg-[color:color-mix(in_oklch,var(--card),var(--primary)_4%)] hover:text-foreground focus-visible:border-[color:var(--aui-control-border-strong,var(--border))] focus-visible:bg-[color:color-mix(in_oklch,var(--card),var(--primary)_6%)] focus-visible:text-foreground focus-visible:shadow-[0_0_0_3px_color-mix(in_oklch,var(--primary),transparent_86%)]`,e&&`border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_91%)] text-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]`,n&&`hover:border-transparent hover:bg-transparent hover:text-foreground/80`)}function f(e){return e.items?.some(e=>!e.hidden)??!1}function p(e){return e.active?!0:e.items?.some(e=>p(e))??!1}function m(e,t){e.onSelect?.(),t?.(e)}function h({item:e,collapsed:r,depth:i,onItemSelect:a,renderLink:s}){let c={"aria-current":e.current??(e.active?`page`:void 0),"aria-disabled":e.disabled||void 0,"data-slot":`app-sidebar-item`,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-depth":String(i),className:t.cn(`flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,d({active:e.active,disabled:e.disabled}),r&&`justify-center px-2`)},l=(0,o.jsxs)(o.Fragment,{children:[e.icon&&(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon}),!r&&(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge&&(0,o.jsx)(`span`,{className:`shrink-0`,children:e.badge})]}),u=t=>r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:t})}):t;return e.href?.startsWith(`/`)?u(s?(0,o.jsx)(o.Fragment,{children:s({item:e,href:e.href,...c,onClick:t=>{if(e.disabled){t.preventDefault();return}m(e,a)},children:l})}):(0,o.jsx)(`a`,{href:e.href,...c,onClick:t=>{if(e.disabled){t.preventDefault();return}m(e,a)},children:l})):e.href?u((0,o.jsx)(`button`,{type:`button`,...c,className:t.cn(c.className,`w-full`),onClick:()=>{if(e.disabled)return;let t=e.href;if(t){if(m(e,a),t.startsWith(`http`)){window.open(t,`_blank`,`noopener,noreferrer`);return}window.location.assign(t)}},children:l})):u((0,o.jsx)(`button`,{type:`button`,disabled:e.disabled,...c,onClick:()=>{e.disabled||m(e,a)},children:l}))}function g({items:e,collapsed:r,depth:a,onItemSelect:s,renderLink:c}){return e.map(e=>{if(e.hidden)return null;let l=f(e),u=p(e),m=!r&&a===0&&e.sectionLabel;if(!l)return(0,o.jsxs)(i.Fragment,{children:[m?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-group-label`,className:`px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}):null,(0,o.jsx)(h,{item:e,collapsed:r,depth:a,onItemSelect:s,renderLink:c})]},e.key);let _=e.defaultExpanded??u;return(0,o.jsxs)(`div`,{"data-slot":`app-sidebar-group`,"data-depth":a,children:[m&&(0,o.jsx)(`div`,{"data-slot":`app-sidebar-group-label`,className:`px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}),(0,o.jsxs)(`details`,{"data-slot":`app-sidebar-group-details`,open:_,className:`group/app-sidebar-details`,children:[(0,o.jsxs)(`summary`,{"data-slot":`app-sidebar-group-trigger`,className:t.cn(`flex min-h-9 list-none items-center gap-2 rounded-lg border border-transparent text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow]`,d({active:u}),r?`justify-center px-2`:`px-2.5`),children:[e.icon?r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon})}):(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,!r&&(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge&&(0,o.jsx)(`span`,{className:`shrink-0`,children:e.badge}),!r&&(0,o.jsx)(`span`,{"data-slot":`app-sidebar-group-chevron`,className:`ml-auto text-xs text-muted-foreground transition-transform group-open/app-sidebar-details:rotate-90`,children:`›`})]}),(0,o.jsx)(`div`,{"data-slot":`app-sidebar-group-content`,className:t.cn(`mt-1 space-y-1`,!r&&`pl-3`),children:(0,o.jsx)(g,{items:e.items??[],collapsed:r,depth:a+1,onItemSelect:s,renderLink:c})})]})]},e.key)})}function _({item:e,collapsed:r,onItemSelect:i}){let a=(0,o.jsxs)(`button`,{type:`button`,"data-slot":`app-sidebar-action`,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,className:t.cn(`flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,d({active:e.active,disabled:e.disabled}),r&&`justify-center px-2`),disabled:e.disabled,onClick:()=>{e.disabled||m(e,i)},children:[e.icon?(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,r?null:(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge?(0,o.jsx)(`span`,{className:`shrink-0`,children:e.badge}):null]});return r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:a})}):a}function v({account:e,collapsed:r,onAfterSelect:i}){let a=(0,o.jsxs)(`button`,{type:`button`,"data-slot":`app-sidebar-account`,className:t.cn(`flex w-full items-center gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent text-left transition-[background-color,border-color,color,box-shadow]`,d({}),r?`justify-center px-2 py-2.5`:`px-3 py-2.5`),onClick:()=>{if(e.onSelect?.(),i?.(),e.href){if(e.href.startsWith(`http`)){window.open(e.href,`_blank`,`noopener,noreferrer`);return}window.location.assign(e.href)}},children:[e.avatar?(0,o.jsx)(`span`,{"data-slot":`app-sidebar-account-avatar`,className:`inline-flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/65 bg-muted/45 text-sm font-semibold`,children:e.avatar}):null,r?null:(0,o.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{"data-slot":`app-sidebar-account-label`,className:`block truncate text-sm font-semibold text-foreground`,children:e.label}),e.description?(0,o.jsx)(`span`,{"data-slot":`app-sidebar-account-description`,className:`block truncate text-xs text-muted-foreground`,children:e.description}):null]})]});return r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:a})}):a}function y({className:e,style:r,header:s,footer:u,items:d=[],collapsed:f=!1,width:p=c,collapsedWidth:m=l,collapsedRail:h,railItems:y=[],footerAccount:b,secondaryActions:x=[],footerSecondary:S,footerClassName:C,tooltipOnCollapsed:w,onItemSelect:T,renderItem:E,renderLink:D,children:O,mobile:k,mobileTitle:A,mobileDescription:j,onRequestClose:M,closeOnSelect:N=!0,...P}){let F=d.filter(e=>!e.hidden),I=y.filter(e=>!e.hidden),L=x.filter(e=>!e.hidden),R=i.useCallback(e=>{T?.(e),k&&N&&M?.()},[N,k,T,M]),z=k&&(A||j||M);return(0,o.jsxs)(`aside`,{"data-slot":`app-sidebar`,"data-collapsed":f||void 0,"data-mobile":k||void 0,className:t.cn(`flex h-full min-h-0 flex-col overflow-hidden`,e),style:{width:f?m:p,minWidth:f?m:p,...r},...P,children:[(s||z)&&(0,o.jsx)(`div`,{"data-slot":`app-sidebar-header`,className:`shrink-0 border-b p-3`,children:(0,o.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[s??null,z?(0,o.jsxs)(`div`,{className:t.cn(s&&`mt-3`),children:[A?(0,o.jsx)(`p`,{className:`text-sm font-semibold text-foreground`,children:A}):null,j?(0,o.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-muted-foreground`,children:j}):null]}):null]}),k&&M?(0,o.jsx)(`button`,{type:`button`,"aria-label":`Close navigation`,"data-slot":`app-sidebar-mobile-close`,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] text-[color:var(--aui-page-foreground)] transition hover:bg-[color:var(--aui-control-bg)]`,onClick:M,children:(0,o.jsx)(a.XIcon,{className:`size-4`})}):null]})}),(0,o.jsxs)(`nav`,{"data-slot":`app-sidebar-nav`,className:`min-h-0 flex-1 space-y-1 overflow-y-auto overscroll-contain p-2`,children:[O??F.map(e=>{if(!E)return null;let t=E(e,{collapsed:f});return!f||!w?(0,o.jsx)(i.Fragment,{children:t},e.key):(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:t})},e.key)}),!O&&!E&&(0,o.jsx)(g,{items:F,collapsed:f,depth:0,onItemSelect:R,renderLink:D})]}),(b||S||u||L.length>0||f&&(h||I.length>0))&&(0,o.jsxs)(`div`,{"data-slot":`app-sidebar-footer`,className:t.cn(`shrink-0 border-t p-3`,C),children:[f?(0,o.jsxs)(o.Fragment,{children:[I.length>0?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-rail-actions`,className:`grid gap-2`,children:I.map(e=>(0,o.jsx)(_,{item:e,collapsed:!0,onItemSelect:R},e.key))}):null,h?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-rail`,children:h}):null]}):null,!f&&b?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-account-wrap`,className:`mb-3`,children:(0,o.jsx)(v,{account:b,collapsed:!1,onAfterSelect:()=>{k&&N&&M?.()}})}):null,!f&&L.length>0?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-secondary-actions`,className:`mb-3 grid gap-2`,children:L.map(e=>(0,o.jsx)(_,{item:e,collapsed:!1,onItemSelect:R},e.key))}):null,!f&&S?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-footer-secondary`,className:`mb-3`,children:S}):null,f&&b?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-account-wrap`,children:(0,o.jsx)(v,{account:b,collapsed:!0,onAfterSelect:()=>{k&&N&&M?.()}})}):null,!f&&u]})]})}function b({className:e,header:n,footer:d,items:f=[],collapsed:p=!1,width:m=c,collapsedWidth:h=l,mobileWidth:g=u,collapsedRail:_,railItems:v=[],footerAccount:b,secondaryActions:x=[],footerSecondary:S,tooltipOnCollapsed:C=!0,responsive:w=!0,mobileBreakpoint:T=s,mobileOpen:E,defaultMobileOpen:D=!1,onMobileOpenChange:O,mobileTitle:k,mobileDescription:A,mobileToggleLabel:j=`Open navigation`,mobileToggleIcon:M,showMobileToggle:N=!0,closeOnSelect:P=!0,mobileToggleClassName:F,mobilePanelClassName:I,mobileOverlayClassName:L,renderMobileToggle:R,onItemSelect:z,renderItem:B,renderLink:V,children:H,...U}){let W=w?r.useIsMobile(T):!1,[G,K]=i.useState(D),q=E??G,J=i.useCallback(e=>{E??K(e),O?.(e)},[E,O]);i.useEffect(()=>{!W&&q&&J(!1)},[W,q,J]),i.useEffect(()=>{if(!W||!q)return;let e=document.body.style.overflow;document.body.style.overflow=`hidden`;let t=e=>{e.key===`Escape`&&J(!1)};return window.addEventListener(`keydown`,t),()=>{document.body.style.overflow=e,window.removeEventListener(`keydown`,t)}},[W,q,J]);let Y={className:e,header:n,footer:d,items:f,collapsed:p,width:m,collapsedWidth:h,collapsedRail:_,railItems:v,footerAccount:b,secondaryActions:x,footerSecondary:S,tooltipOnCollapsed:C,closeOnSelect:P,onItemSelect:z,renderItem:B,renderLink:V,children:H,...U};if(!w||!W)return(0,o.jsx)(y,{...Y});let X=(0,o.jsxs)(`button`,{type:`button`,"aria-label":q?`Close navigation`:j,"data-slot":`app-sidebar-mobile-trigger`,"data-state":q?`open`:`closed`,className:t.cn(`inline-flex min-h-10 items-center gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 text-sm font-medium text-[color:var(--aui-page-foreground)] shadow-sm transition hover:bg-[color:var(--aui-page-bg-alt)]`,F),onClick:()=>J(!q),children:[(0,o.jsx)(`span`,{className:`inline-flex size-8 items-center justify-center rounded-lg bg-[color:var(--aui-page-bg-alt)]`,children:M??(0,o.jsx)(a.MenuIcon,{className:`size-4`})}),(0,o.jsx)(`span`,{children:q?`Close navigation`:j})]});return(0,o.jsxs)(o.Fragment,{children:[N?R?R({open:q,setOpen:J}):X:null,(0,o.jsxs)(`div`,{"data-slot":`app-sidebar-mobile-root`,className:`relative z-40`,children:[(0,o.jsx)(`button`,{type:`button`,"aria-label":`Dismiss navigation`,"data-slot":`app-sidebar-mobile-overlay`,"data-state":q?`open`:`closed`,className:t.cn(`fixed inset-0 z-40 bg-black/45 transition-opacity duration-200`,q?`opacity-100`:`pointer-events-none opacity-0`,L),onClick:()=>J(!1)}),(0,o.jsx)(y,{...Y,mobile:!0,collapsed:!1,mobileTitle:k,mobileDescription:A,onRequestClose:()=>J(!1),"data-state":q?`open`:`closed`,role:`dialog`,"aria-modal":`true`,"aria-label":typeof k==`string`?k:`Navigation`,className:t.cn(`fixed inset-y-0 left-0 z-50 max-w-[22rem] border-r border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] shadow-2xl transition-transform duration-200 ease-out`,q?`translate-x-0`:`-translate-x-full`,I,e),style:{width:g,minWidth:g}})]})]})}var x=b;exports.AppSidebar=b,exports.Sidebar=x;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/tooltip/index.cjs"),r=require("../../hooks/use-is-mobile.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=1024,c=`18rem`,l=`4.75rem`,u=`min(88vw, 22rem)`;function d({active:e,disabled:n}){return t.cn(`border-[color:transparent] text-foreground/80 hover:border-[color:var(--aui-divider)] hover:bg-[color:color-mix(in_oklch,var(--card),var(--primary)_4%)] hover:text-foreground focus-visible:border-[color:var(--aui-control-border-strong,var(--border))] focus-visible:bg-[color:color-mix(in_oklch,var(--card),var(--primary)_6%)] focus-visible:text-foreground focus-visible:shadow-[0_0_0_3px_color-mix(in_oklch,var(--primary),transparent_86%)]`,e&&`border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_91%)] text-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]`,n&&`hover:border-transparent hover:bg-transparent hover:text-foreground/80`)}function f(e){return e.items?.some(e=>!e.hidden)??!1}function p(e){return e.active?!0:e.items?.some(e=>p(e))??!1}function m(e,t){e.onSelect?.(),t?.(e)}function h({item:e,collapsed:r,depth:i,onItemSelect:a,renderLink:s}){let c={"aria-current":e.current??(e.active?`page`:void 0),"aria-disabled":e.disabled||void 0,"data-slot":`app-sidebar-item`,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-depth":String(i),className:t.cn(`flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,d({active:e.active,disabled:e.disabled}),r&&`justify-center px-2`)},l=(0,o.jsxs)(o.Fragment,{children:[e.icon&&(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon}),!r&&(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge&&(0,o.jsx)(`span`,{className:`shrink-0`,children:e.badge})]}),u=t=>r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:t})}):t;return e.href?.startsWith(`/`)?u(s?(0,o.jsx)(o.Fragment,{children:s({item:e,href:e.href,...c,onClick:t=>{if(e.disabled){t.preventDefault();return}m(e,a)},children:l})}):(0,o.jsx)(`a`,{href:e.href,...c,onClick:t=>{if(e.disabled){t.preventDefault();return}m(e,a)},children:l})):e.href?u((0,o.jsx)(`button`,{type:`button`,...c,className:t.cn(c.className,`w-full`),onClick:()=>{if(e.disabled)return;let t=e.href;if(t){if(m(e,a),t.startsWith(`http`)){window.open(t,`_blank`,`noopener,noreferrer`);return}window.location.assign(t)}},children:l})):u((0,o.jsx)(`button`,{type:`button`,disabled:e.disabled,...c,onClick:()=>{e.disabled||m(e,a)},children:l}))}function g({items:e,collapsed:r,depth:a,onItemSelect:s,renderLink:c}){return e.map(e=>{if(e.hidden)return null;let l=f(e),u=p(e),m=!r&&a===0&&e.sectionLabel;if(!l)return(0,o.jsxs)(i.Fragment,{children:[m?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-group-label`,className:`px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}):null,(0,o.jsx)(h,{item:e,collapsed:r,depth:a,onItemSelect:s,renderLink:c})]},e.key);let _=e.defaultExpanded??u;return(0,o.jsxs)(`div`,{"data-slot":`app-sidebar-group`,"data-depth":a,children:[m&&(0,o.jsx)(`div`,{"data-slot":`app-sidebar-group-label`,className:`px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}),(0,o.jsxs)(`details`,{"data-slot":`app-sidebar-group-details`,open:_,className:`group/app-sidebar-details`,children:[(0,o.jsxs)(`summary`,{"data-slot":`app-sidebar-group-trigger`,className:t.cn(`flex min-h-9 list-none items-center gap-2 rounded-lg border border-transparent text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow]`,d({active:u}),r?`justify-center px-2`:`px-2.5`),children:[e.icon?r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon})}):(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,!r&&(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge&&(0,o.jsx)(`span`,{className:`shrink-0`,children:e.badge}),!r&&(0,o.jsx)(`span`,{"data-slot":`app-sidebar-group-chevron`,className:`ml-auto text-xs text-muted-foreground transition-transform group-open/app-sidebar-details:rotate-90`,children:`›`})]}),(0,o.jsx)(`div`,{"data-slot":`app-sidebar-group-content`,className:t.cn(`mt-1 space-y-1`,!r&&`pl-3`),children:(0,o.jsx)(g,{items:e.items??[],collapsed:r,depth:a+1,onItemSelect:s,renderLink:c})})]})]},e.key)})}function _({item:e,collapsed:r,onItemSelect:i}){let a=(0,o.jsxs)(`button`,{type:`button`,"data-slot":`app-sidebar-action`,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,className:t.cn(`flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,d({active:e.active,disabled:e.disabled}),r&&`justify-center px-2`),disabled:e.disabled,onClick:()=>{e.disabled||m(e,i)},children:[e.icon?(0,o.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,r?null:(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge?(0,o.jsx)(`span`,{className:`shrink-0`,children:e.badge}):null]});return r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:a})}):a}function v({account:e,collapsed:r,onAfterSelect:i}){let a=(0,o.jsxs)(`button`,{type:`button`,"data-slot":`app-sidebar-account`,className:t.cn(`flex w-full items-center gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent text-left transition-[background-color,border-color,color,box-shadow]`,d({}),r?`justify-center px-2 py-2.5`:`px-3 py-2.5`),onClick:()=>{if(e.onSelect?.(),i?.(),e.href){if(e.href.startsWith(`http`)){window.open(e.href,`_blank`,`noopener,noreferrer`);return}window.location.assign(e.href)}},children:[e.avatar?(0,o.jsx)(`span`,{"data-slot":`app-sidebar-account-avatar`,className:`inline-flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/65 bg-muted/45 text-sm font-semibold`,children:e.avatar}):null,r?null:(0,o.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{"data-slot":`app-sidebar-account-label`,className:`block truncate text-sm font-semibold text-foreground`,children:e.label}),e.description?(0,o.jsx)(`span`,{"data-slot":`app-sidebar-account-description`,className:`block truncate text-xs text-muted-foreground`,children:e.description}):null]})]});return r?(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:a})}):a}function y({className:e,style:r,header:s,footer:u,items:d=[],collapsed:f=!1,width:p=c,collapsedWidth:m=l,collapsedRail:h,railItems:y=[],footerAccount:b,secondaryActions:x=[],footerSecondary:S,footerClassName:C,tooltipOnCollapsed:w,onItemSelect:T,renderItem:E,renderLink:D,children:O,mobile:k,mobileTitle:A,mobileDescription:j,onRequestClose:M,closeOnSelect:N=!0,...P}){let F=d.filter(e=>!e.hidden),I=y.filter(e=>!e.hidden),L=x.filter(e=>!e.hidden),R=i.useCallback(e=>{T?.(e),k&&N&&M?.()},[N,k,T,M]),z=k&&(A||j||M);return(0,o.jsxs)(`aside`,{"data-slot":`app-sidebar`,"data-collapsed":f||void 0,"data-mobile":k||void 0,className:t.cn(`flex h-full min-h-0 flex-col overflow-hidden`,e),style:{width:f?m:p,minWidth:f?m:p,...r},...P,children:[(s||z)&&(0,o.jsx)(`div`,{"data-slot":`app-sidebar-header`,className:`shrink-0 border-b p-3`,children:(0,o.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[s??null,z?(0,o.jsxs)(`div`,{className:t.cn(s&&`mt-3`),children:[A?(0,o.jsx)(`p`,{className:`text-sm font-semibold text-foreground`,children:A}):null,j?(0,o.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-muted-foreground`,children:j}):null]}):null]}),k&&M?(0,o.jsx)(`button`,{type:`button`,"aria-label":`Close navigation`,"data-slot":`app-sidebar-mobile-close`,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] text-[color:var(--aui-page-foreground)] transition hover:bg-[color:var(--aui-control-bg)]`,onClick:M,children:(0,o.jsx)(a.XIcon,{className:`size-4`})}):null]})}),(0,o.jsxs)(`nav`,{"data-slot":`app-sidebar-nav`,className:`min-h-0 flex-1 space-y-1 overflow-y-auto overscroll-contain p-2`,children:[O??F.map(e=>{if(!E)return null;let t=E(e,{collapsed:f});return!f||!w?(0,o.jsx)(i.Fragment,{children:t},e.key):(0,o.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:t})},e.key)}),!O&&!E&&(0,o.jsx)(g,{items:F,collapsed:f,depth:0,onItemSelect:R,renderLink:D})]}),(b||S||u||L.length>0||f&&(h||I.length>0))&&(0,o.jsxs)(`div`,{"data-slot":`app-sidebar-footer`,className:t.cn(`shrink-0 border-t p-3`,C),children:[f?(0,o.jsxs)(o.Fragment,{children:[I.length>0?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-rail-actions`,className:`grid gap-2`,children:I.map(e=>(0,o.jsx)(_,{item:e,collapsed:!0,onItemSelect:R},e.key))}):null,h?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-rail`,children:h}):null]}):null,!f&&b?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-account-wrap`,className:`mb-3`,children:(0,o.jsx)(v,{account:b,collapsed:!1,onAfterSelect:()=>{k&&N&&M?.()}})}):null,!f&&L.length>0?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-secondary-actions`,className:`mb-3 grid gap-2`,children:L.map(e=>(0,o.jsx)(_,{item:e,collapsed:!1,onItemSelect:R},e.key))}):null,!f&&S?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-footer-secondary`,className:`mb-3`,children:S}):null,f&&b?(0,o.jsx)(`div`,{"data-slot":`app-sidebar-account-wrap`,children:(0,o.jsx)(v,{account:b,collapsed:!0,onAfterSelect:()=>{k&&N&&M?.()}})}):null,!f&&u]})]})}function b({className:e,header:n,footer:d,items:f=[],collapsed:p=!1,width:m=c,collapsedWidth:h=l,mobileWidth:g=u,collapsedRail:_,railItems:v=[],footerAccount:b,secondaryActions:x=[],footerSecondary:S,tooltipOnCollapsed:C=!0,responsive:w=!0,mobileBreakpoint:T=s,mobileOpen:E,defaultMobileOpen:D=!1,onMobileOpenChange:O,mobileTitle:k,mobileDescription:A,mobileToggleLabel:j=`Open navigation`,mobileToggleIcon:M,showMobileToggle:N=!0,closeOnSelect:P=!0,mobileToggleClassName:F,mobilePanelClassName:I,mobileOverlayClassName:L,renderMobileToggle:R,onItemSelect:z,renderItem:B,renderLink:V,children:H,...U}){let W=w?r.useIsMobile(T):!1,[G,K]=i.useState(D),q=E??G,J=i.useCallback(e=>{E??K(e),O?.(e)},[E,O]);i.useEffect(()=>{!W&&q&&J(!1)},[W,q,J]),i.useEffect(()=>{if(!W||!q)return;let e=document.body.style.overflow;document.body.style.overflow=`hidden`;let t=e=>{e.key===`Escape`&&J(!1)};return window.addEventListener(`keydown`,t),()=>{document.body.style.overflow=e,window.removeEventListener(`keydown`,t)}},[W,q,J]);let Y={className:e,header:n,footer:d,items:f,collapsed:p,width:m,collapsedWidth:h,collapsedRail:_,railItems:v,footerAccount:b,secondaryActions:x,footerSecondary:S,tooltipOnCollapsed:C,closeOnSelect:P,onItemSelect:z,renderItem:B,renderLink:V,children:H,...U};if(!w||!W)return(0,o.jsx)(y,{...Y});let X=(0,o.jsxs)(`button`,{type:`button`,"aria-label":q?`Close navigation`:j,"data-slot":`app-sidebar-mobile-trigger`,"data-state":q?`open`:`closed`,className:t.cn(`inline-flex min-h-10 items-center gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 text-sm font-medium text-[color:var(--aui-page-foreground)] shadow-sm transition hover:bg-[color:var(--aui-page-bg-alt)]`,F),onClick:()=>J(!q),children:[(0,o.jsx)(`span`,{className:`inline-flex size-8 items-center justify-center rounded-lg bg-[color:var(--aui-page-bg-alt)]`,children:M??(0,o.jsx)(a.MenuIcon,{className:`size-4`})}),(0,o.jsx)(`span`,{children:q?`Close navigation`:j})]});return(0,o.jsxs)(o.Fragment,{children:[N?R?R({open:q,setOpen:J}):X:null,(0,o.jsxs)(`div`,{"data-slot":`app-sidebar-mobile-root`,className:`relative z-40`,children:[(0,o.jsx)(`button`,{type:`button`,"aria-label":`Dismiss navigation`,"data-slot":`app-sidebar-mobile-overlay`,"data-state":q?`open`:`closed`,className:t.cn(`fixed inset-0 z-40 bg-black/45 transition-opacity duration-200`,q?`opacity-100`:`pointer-events-none opacity-0`,L),onClick:()=>J(!1)}),(0,o.jsx)(y,{...Y,mobile:!0,collapsed:!1,mobileTitle:k,mobileDescription:A,onRequestClose:()=>J(!1),"data-state":q?`open`:`closed`,role:`dialog`,"aria-modal":`true`,"aria-label":typeof k==`string`?k:`Navigation`,className:t.cn(`fixed inset-y-0 left-0 z-50 max-w-[22rem] border-r border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] shadow-2xl transition-transform duration-200 ease-out`,q?`translate-x-0`:`-translate-x-full`,I,e),style:{width:g,minWidth:g}})]})]})}var x=b;exports.AppSidebar=b,exports.Sidebar=x;

package/dist/components/layout/app-sidebar.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import { Tooltip as t } from "../ui/tooltip/index.js";
 import { useIsMobile as n } from "../../hooks/use-is-mobile.js";

package/dist/components/layout/breadcrumbs.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a(e,t,n){if(e.length<=t||t<3)return e;let r=e[0],i=Math.max(t-2,1),a=e.slice(-i);return[r,{key:`__collapsed__`,label:n},...a]}function o({className:e,items:o,maxItems:s,collapseLabel:c=`…`,separator:l=(0,i.jsx)(r.ChevronRightIcon,{className:`size-3.5`}),wrap:u=!1,currentItemLabel:d,renderLink:f,...p}){let m=n.useMemo(()=>typeof s==`number`?a(o,s,c):o,[c,o,s]);return(0,i.jsx)(`nav`,{"data-slot":`breadcrumbs`,"aria-label":`Breadcrumb`,className:t.cn(`flex min-w-0 items-center gap-1 overflow-x-auto text-sm text-muted-foreground`,u?`flex-wrap`:`whitespace-nowrap`,e),...p,children:m.map((e,r)=>{let a=e.key===`__collapsed__`,o=r===m.length-1,s=e.current||o;return(0,i.jsxs)(n.Fragment,{children:[r>0&&(0,i.jsx)(`span`,{className:`shrink-0 opacity-60`,children:l}),a?(0,i.jsx)(`span`,{"data-slot":`breadcrumbs-collapsed`,className:`shrink-0 rounded-full border border-border/65 px-2 py-0.5 text-xs text-muted-foreground`,children:e.label}):e.href&&!s?f?f({item:e,href:e.href,"data-slot":`breadcrumbs-link`,className:`truncate rounded-[var(--radius-sm)] px-1 py-0.5 transition-colors hover:bg-accent/55 hover:text-foreground`,onClick:()=>e.onSelect?.(),children:(0,i.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})}):(0,i.jsx)(`a`,{href:e.href,"data-slot":`breadcrumbs-link`,className:`truncate rounded-[var(--radius-sm)] px-1 py-0.5 transition-colors hover:bg-accent/55 hover:text-foreground`,onClick:()=>e.onSelect?.(),children:(0,i.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})}):(0,i.jsxs)(`span`,{"data-slot":`breadcrumbs-current`,"aria-current":s?e.currentLabel??d??`page`:void 0,className:t.cn(`inline-flex min-w-0 items-center gap-1.5 truncate rounded-[var(--radius-sm)] px-1 py-0.5`,s&&`bg-accent/45 font-medium text-foreground`),children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})]},e.key)})})}exports.Breadcrumbs=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a(e,t,n){if(e.length<=t||t<3)return e;let r=e[0],i=Math.max(t-2,1),a=e.slice(-i);return[r,{key:`__collapsed__`,label:n},...a]}function o({className:e,items:o,maxItems:s,collapseLabel:c=`…`,separator:l=(0,i.jsx)(r.ChevronRightIcon,{className:`size-3.5`}),wrap:u=!1,currentItemLabel:d,renderLink:f,...p}){let m=n.useMemo(()=>typeof s==`number`?a(o,s,c):o,[c,o,s]);return(0,i.jsx)(`nav`,{"data-slot":`breadcrumbs`,"aria-label":`Breadcrumb`,className:t.cn(`flex min-w-0 items-center gap-1 overflow-x-auto text-sm text-muted-foreground`,u?`flex-wrap`:`whitespace-nowrap`,e),...p,children:m.map((e,r)=>{let a=e.key===`__collapsed__`,o=r===m.length-1,s=e.current||o;return(0,i.jsxs)(n.Fragment,{children:[r>0&&(0,i.jsx)(`span`,{className:`shrink-0 opacity-60`,children:l}),a?(0,i.jsx)(`span`,{"data-slot":`breadcrumbs-collapsed`,className:`shrink-0 rounded-full border border-border/65 px-2 py-0.5 text-xs text-muted-foreground`,children:e.label}):e.href&&!s?f?f({item:e,href:e.href,"data-slot":`breadcrumbs-link`,className:`truncate rounded-[var(--radius-sm)] px-1 py-0.5 transition-colors hover:bg-accent/55 hover:text-foreground`,onClick:()=>e.onSelect?.(),children:(0,i.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})}):(0,i.jsx)(`a`,{href:e.href,"data-slot":`breadcrumbs-link`,className:`truncate rounded-[var(--radius-sm)] px-1 py-0.5 transition-colors hover:bg-accent/55 hover:text-foreground`,onClick:()=>e.onSelect?.(),children:(0,i.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})}):(0,i.jsxs)(`span`,{"data-slot":`breadcrumbs-current`,"aria-current":s?e.currentLabel??d??`page`:void 0,className:t.cn(`inline-flex min-w-0 items-center gap-1.5 truncate rounded-[var(--radius-sm)] px-1 py-0.5`,s&&`bg-accent/45 font-medium text-foreground`),children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})]},e.key)})})}exports.Breadcrumbs=o;

package/dist/components/layout/breadcrumbs.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import * as t from "react";
 import { ChevronRightIcon as n } from "lucide-react";

package/dist/components/modern/dual-list-picker.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({items:e,picked:i=[],onPickedChange:a,availableTitle:o=`Available`,pickedTitle:s=`Selected`,searchPlaceholder:c=`Search items...`,emptyMessage:l=`No items.`,maxPicked:u,transferAll:d=!0,className:f,...p}){let[m,h]=n.useState(``),g=new Set(i),_=m.trim().toLowerCase(),v=e=>_?String(e.label).toLowerCase().includes(_)||e.value.toLowerCase().includes(_):!0,y=e.filter(e=>!g.has(e.value)&&v(e)),b=e.filter(e=>g.has(e.value)&&v(e)),x=u!==void 0&&i.length>=u;function S(e){let t=g.has(e);if(!t&&x)return;let n=t?i.filter(t=>t!==e):[...i,e];a?.(n)}function C(){let t=[...i];for(let n of e)if(!(n.disabled||g.has(n.value))){if(u!==void 0&&t.length>=u)break;t.push(n.value)}a?.(t)}function w(){a?.([])}let T=(e,t,n)=>(0,r.jsxs)(`div`,{className:`min-h-48 rounded-lg border bg-card`,children:[(0,r.jsxs)(`div`,{className:`flex items-center justify-between gap-2 border-b px-3 py-2 text-sm font-medium`,children:[(0,r.jsx)(`span`,{children:e}),(0,r.jsx)(`span`,{className:`text-xs font-normal text-muted-foreground`,children:t.length})]}),(0,r.jsx)(`div`,{className:`grid gap-1 p-2`,children:t.length===0?(0,r.jsx)(`div`,{className:`rounded-md border border-dashed px-3 py-6 text-center text-sm text-muted-foreground`,children:l}):t.map(e=>(0,r.jsxs)(`button`,{type:`button`,disabled:e.disabled||n===`available`&&x,className:`flex items-center justify-between rounded-md px-2 py-1.5 text-left text-sm hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:opacity-50`,"aria-pressed":g.has(e.value),onClick:()=>S(e.value),children:[(0,r.jsx)(`span`,{children:e.label}),(0,r.jsx)(`span`,{className:`text-muted-foreground`,children:g.has(e.value)?`−`:`+`})]},e.value))})]});return(0,r.jsxs)(`div`,{"data-slot":`dual-list-picker`,className:t.cn(`grid gap-3`,f),...p,children:[(0,r.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between`,children:[(0,r.jsx)(`input`,{value:m,placeholder:c,className:`h-9 min-w-0 rounded-md border bg-background px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring/40 sm:max-w-xs`,onChange:e=>h(e.currentTarget.value)}),d&&(0,r.jsxs)(`div`,{className:`flex gap-2`,children:[(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-3 py-1.5 text-sm disabled:opacity-50`,disabled:x,onClick:C,children:`Add all`}),(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-3 py-1.5 text-sm disabled:opacity-50`,disabled:i.length===0,onClick:w,children:`Remove all`})]})]}),(0,r.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[T(o,y,`available`),T(s,b,`picked`)]}),u!==void 0&&(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[i.length,` / `,u,` selected`]})]})}exports.DualListPicker=i;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({items:e,picked:i=[],onPickedChange:a,availableTitle:o=`Available`,pickedTitle:s=`Selected`,searchPlaceholder:c=`Search items...`,emptyMessage:l=`No items.`,maxPicked:u,transferAll:d=!0,className:f,...p}){let[m,h]=n.useState(``),g=new Set(i),_=m.trim().toLowerCase(),v=e=>_?String(e.label).toLowerCase().includes(_)||e.value.toLowerCase().includes(_):!0,y=e.filter(e=>!g.has(e.value)&&v(e)),b=e.filter(e=>g.has(e.value)&&v(e)),x=u!==void 0&&i.length>=u;function S(e){let t=g.has(e);if(!t&&x)return;let n=t?i.filter(t=>t!==e):[...i,e];a?.(n)}function C(){let t=[...i];for(let n of e)if(!(n.disabled||g.has(n.value))){if(u!==void 0&&t.length>=u)break;t.push(n.value)}a?.(t)}function w(){a?.([])}let T=(e,t,n)=>(0,r.jsxs)(`div`,{className:`min-h-48 rounded-lg border bg-card`,children:[(0,r.jsxs)(`div`,{className:`flex items-center justify-between gap-2 border-b px-3 py-2 text-sm font-medium`,children:[(0,r.jsx)(`span`,{children:e}),(0,r.jsx)(`span`,{className:`text-xs font-normal text-muted-foreground`,children:t.length})]}),(0,r.jsx)(`div`,{className:`grid gap-1 p-2`,children:t.length===0?(0,r.jsx)(`div`,{className:`rounded-md border border-dashed px-3 py-6 text-center text-sm text-muted-foreground`,children:l}):t.map(e=>(0,r.jsxs)(`button`,{type:`button`,disabled:e.disabled||n===`available`&&x,className:`flex items-center justify-between rounded-md px-2 py-1.5 text-left text-sm hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:opacity-50`,"aria-pressed":g.has(e.value),onClick:()=>S(e.value),children:[(0,r.jsx)(`span`,{children:e.label}),(0,r.jsx)(`span`,{className:`text-muted-foreground`,children:g.has(e.value)?`−`:`+`})]},e.value))})]});return(0,r.jsxs)(`div`,{"data-slot":`dual-list-picker`,className:t.cn(`grid gap-3`,f),...p,children:[(0,r.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between`,children:[(0,r.jsx)(`input`,{value:m,placeholder:c,className:`h-9 min-w-0 rounded-md border bg-background px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring/40 sm:max-w-xs`,onChange:e=>h(e.currentTarget.value)}),d&&(0,r.jsxs)(`div`,{className:`flex gap-2`,children:[(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-3 py-1.5 text-sm disabled:opacity-50`,disabled:x,onClick:C,children:`Add all`}),(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-3 py-1.5 text-sm disabled:opacity-50`,disabled:i.length===0,onClick:w,children:`Remove all`})]})]}),(0,r.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[T(o,y,`available`),T(s,b,`picked`)]}),u!==void 0&&(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[i.length,` / `,u,` selected`]})]})}exports.DualListPicker=i;

package/dist/components/modern/dual-list-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import * as t from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";

package/dist/components/modern/resizable-panel.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.createContext(null);function o(e){if(typeof e==`number`)return e;if(typeof e==`string`){let t=Number.parseFloat(e.replace(`%`,``));return Number.isFinite(t)?t:void 0}}function s({direction:e=`horizontal`,className:r,children:s,...u}){let d=n.useRef(null),f=n.Children.toArray(s).filter(e=>n.isValidElement(e)&&e.type===c),p=f.length,m=n.useMemo(()=>{let e=f.map(e=>o(e.props.defaultSize)),t=e.reduce((e,t)=>e+(t??0),0),n=e.filter(e=>e===void 0).length,r=Math.max(100-t,0),i=n>0?r/n:p>0?100/p:100;return e.map(e=>e??i)},[p,f]),h=n.useMemo(()=>f.map(e=>e.props.minSize??15),[f]),[g,_]=n.useState(m);n.useEffect(()=>{_(m)},[m]);let v=n.useCallback((t,n)=>{let r=d.current;if(!r||t<0||t>=p-1)return;let i=e===`horizontal`?r.getBoundingClientRect().width:r.getBoundingClientRect().height;if(!i)return;let a=n/i*100;_(e=>{let n=[...e],r=n[t]??0,i=n[t+1]??0,o=h[t]??15,s=h[t+1]??15,c=r+a,l=Math.min(Math.max(c,o),r+i-s),u=l-r;return n[t]=l,n[t+1]=i-u,n})},[e,h,p]),y=n.Children.map(s,e=>{if(!n.isValidElement(e))return e;if(e.type===c){let t=f.findIndex(t=>t===e);return n.cloneElement(e,{"data-panel-index":t})}if(e.type===l){let t=n.Children.toArray(s).slice(0,n.Children.toArray(s).indexOf(e)).filter(e=>n.isValidElement(e)&&e.type===c).length-1;return n.cloneElement(e,{"data-handle-index":t})}return e});return(0,i.jsx)(a.Provider,{value:{direction:e,getSize:e=>g[e]??100/Math.max(p,1),resizePanels:v},children:(0,i.jsx)(`div`,{ref:d,"data-slot":`resizable-panel-group`,"data-direction":e,className:t.cn(`flex gap-2`,e===`horizontal`?`flex-row items-stretch`:`flex-col`,r),...u,children:y})})}function c({className:e,style:r,defaultSize:s,...c}){let l=n.useContext(a),u=Number(c[`data-panel-index`]??0),d=l?l.getSize(u):o(s)??100;return(0,i.jsx)(`div`,{"data-slot":`resizable-panel`,className:t.cn(`min-h-24 overflow-auto rounded-lg border bg-card p-3`,e),style:{flexBasis:`${d}%`,flexGrow:0,flexShrink:0,...r},...c})}function l({className:e,...o}){let s=n.useContext(a),c=Number(o[`data-handle-index`]??0),l=n.useRef(null);return(0,i.jsx)(`button`,{type:`button`,"data-slot":`resizable-handle`,"aria-label":`Resize panels`,className:t.cn(`relative flex shrink-0 items-center justify-center rounded-full border border-border/70 bg-background/85 text-muted-foreground shadow-sm transition-colors hover:border-ring/45 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,s?.direction===`horizontal`?`w-3 cursor-col-resize`:`h-3 cursor-row-resize`,e),onPointerDown:e=>{s&&(l.current={pointerId:e.pointerId,axis:s.direction===`horizontal`?e.clientX:e.clientY},e.currentTarget.setPointerCapture(e.pointerId))},onPointerMove:e=>{if(!s||!l.current||l.current.pointerId!==e.pointerId)return;let t=s.direction===`horizontal`?e.clientX:e.clientY,n=t-l.current.axis;n!==0&&(l.current.axis=t,s.resizePanels(c,n))},onPointerUp:e=>{l.current?.pointerId===e.pointerId&&(l.current=null)},onPointerCancel:()=>{l.current=null},onKeyDown:e=>{if(!s)return;let t=e.shiftKey?24:12;s.direction===`horizontal`&&e.key===`ArrowLeft`&&(e.preventDefault(),s.resizePanels(c,-t)),s.direction===`horizontal`&&e.key===`ArrowRight`&&(e.preventDefault(),s.resizePanels(c,t)),s.direction===`vertical`&&e.key===`ArrowUp`&&(e.preventDefault(),s.resizePanels(c,-t)),s.direction===`vertical`&&e.key===`ArrowDown`&&(e.preventDefault(),s.resizePanels(c,t))},...o,children:(0,i.jsx)(r.GripVerticalIcon,{className:t.cn(`size-3`,s?.direction===`vertical`&&`rotate-90`)})})}exports.ResizableHandle=l,exports.ResizablePanel=c,exports.ResizablePanelGroup=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.createContext(null);function o(e){if(typeof e==`number`)return e;if(typeof e==`string`){let t=Number.parseFloat(e.replace(`%`,``));return Number.isFinite(t)?t:void 0}}function s({direction:e=`horizontal`,className:r,children:s,...u}){let d=n.useRef(null),f=n.Children.toArray(s).filter(e=>n.isValidElement(e)&&e.type===c),p=f.length,m=n.useMemo(()=>{let e=f.map(e=>o(e.props.defaultSize)),t=e.reduce((e,t)=>e+(t??0),0),n=e.filter(e=>e===void 0).length,r=Math.max(100-t,0),i=n>0?r/n:p>0?100/p:100;return e.map(e=>e??i)},[p,f]),h=n.useMemo(()=>f.map(e=>e.props.minSize??15),[f]),[g,_]=n.useState(m);n.useEffect(()=>{_(m)},[m]);let v=n.useCallback((t,n)=>{let r=d.current;if(!r||t<0||t>=p-1)return;let i=e===`horizontal`?r.getBoundingClientRect().width:r.getBoundingClientRect().height;if(!i)return;let a=n/i*100;_(e=>{let n=[...e],r=n[t]??0,i=n[t+1]??0,o=h[t]??15,s=h[t+1]??15,c=r+a,l=Math.min(Math.max(c,o),r+i-s),u=l-r;return n[t]=l,n[t+1]=i-u,n})},[e,h,p]),y=n.Children.map(s,e=>{if(!n.isValidElement(e))return e;if(e.type===c){let t=f.findIndex(t=>t===e);return n.cloneElement(e,{"data-panel-index":t})}if(e.type===l){let t=n.Children.toArray(s).slice(0,n.Children.toArray(s).indexOf(e)).filter(e=>n.isValidElement(e)&&e.type===c).length-1;return n.cloneElement(e,{"data-handle-index":t})}return e});return(0,i.jsx)(a.Provider,{value:{direction:e,getSize:e=>g[e]??100/Math.max(p,1),resizePanels:v},children:(0,i.jsx)(`div`,{ref:d,"data-slot":`resizable-panel-group`,"data-direction":e,className:t.cn(`flex gap-2`,e===`horizontal`?`flex-row items-stretch`:`flex-col`,r),...u,children:y})})}function c({className:e,style:r,defaultSize:s,...c}){let l=n.useContext(a),u=Number(c[`data-panel-index`]??0),d=l?l.getSize(u):o(s)??100;return(0,i.jsx)(`div`,{"data-slot":`resizable-panel`,className:t.cn(`min-h-24 overflow-auto rounded-lg border bg-card p-3`,e),style:{flexBasis:`${d}%`,flexGrow:0,flexShrink:0,...r},...c})}function l({className:e,...o}){let s=n.useContext(a),c=Number(o[`data-handle-index`]??0),l=n.useRef(null);return(0,i.jsx)(`button`,{type:`button`,"data-slot":`resizable-handle`,"aria-label":`Resize panels`,className:t.cn(`relative flex shrink-0 items-center justify-center rounded-full border border-border/70 bg-background/85 text-muted-foreground shadow-sm transition-colors hover:border-ring/45 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,s?.direction===`horizontal`?`w-3 cursor-col-resize`:`h-3 cursor-row-resize`,e),onPointerDown:e=>{s&&(l.current={pointerId:e.pointerId,axis:s.direction===`horizontal`?e.clientX:e.clientY},e.currentTarget.setPointerCapture(e.pointerId))},onPointerMove:e=>{if(!s||!l.current||l.current.pointerId!==e.pointerId)return;let t=s.direction===`horizontal`?e.clientX:e.clientY,n=t-l.current.axis;n!==0&&(l.current.axis=t,s.resizePanels(c,n))},onPointerUp:e=>{l.current?.pointerId===e.pointerId&&(l.current=null)},onPointerCancel:()=>{l.current=null},onKeyDown:e=>{if(!s)return;let t=e.shiftKey?24:12;s.direction===`horizontal`&&e.key===`ArrowLeft`&&(e.preventDefault(),s.resizePanels(c,-t)),s.direction===`horizontal`&&e.key===`ArrowRight`&&(e.preventDefault(),s.resizePanels(c,t)),s.direction===`vertical`&&e.key===`ArrowUp`&&(e.preventDefault(),s.resizePanels(c,-t)),s.direction===`vertical`&&e.key===`ArrowDown`&&(e.preventDefault(),s.resizePanels(c,t))},...o,children:(0,i.jsx)(r.GripVerticalIcon,{className:t.cn(`size-3`,s?.direction===`vertical`&&`rotate-90`)})})}exports.ResizableHandle=l,exports.ResizablePanel=c,exports.ResizablePanelGroup=s;

package/dist/components/modern/resizable-panel.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import * as t from "react";
 import { GripVerticalIcon as n } from "lucide-react";

package/dist/components/modern/rich-text-editor.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({value:e,onValueChange:i,placeholder:a=`Write something...`,output:o=`html`,disabled:s=!1,className:c,...l}){let u=n.useRef(null);return n.useEffect(()=>{u.current&&e!==void 0&&u.current.innerHTML!==e&&(u.current.innerHTML=e)},[e]),(0,r.jsxs)(`div`,{"data-slot":`rich-text-editor`,"data-disabled":s||void 0,className:t.cn(`grid gap-2 rounded-lg border bg-background p-2`,s&&`opacity-60`,c),...l,children:[(0,r.jsx)(`div`,{className:`flex flex-wrap gap-1 border-b pb-2`,children:[[`bold`,`B`],[`italic`,`I`],[`underline`,`U`]].map(([e,t])=>(0,r.jsx)(`button`,{type:`button`,disabled:s,className:`rounded border px-2 py-1 text-xs font-medium disabled:opacity-50`,onClick:()=>document.execCommand(e),children:t},e))}),(0,r.jsx)(`div`,{ref:u,contentEditable:!s,"aria-disabled":s||void 0,"data-placeholder":a,className:`min-h-32 rounded-md p-2 text-sm outline-none empty:before:text-muted-foreground empty:before:content-[attr(data-placeholder)]`,onInput:e=>i?.(o===`text`?e.currentTarget.textContent??``:e.currentTarget.innerHTML)})]})}exports.RichTextEditor=i;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({value:e,onValueChange:i,placeholder:a=`Write something...`,output:o=`html`,disabled:s=!1,className:c,...l}){let u=n.useRef(null);return n.useEffect(()=>{u.current&&e!==void 0&&u.current.innerHTML!==e&&(u.current.innerHTML=e)},[e]),(0,r.jsxs)(`div`,{"data-slot":`rich-text-editor`,"data-disabled":s||void 0,className:t.cn(`grid gap-2 rounded-lg border bg-background p-2`,s&&`opacity-60`,c),...l,children:[(0,r.jsx)(`div`,{className:`flex flex-wrap gap-1 border-b pb-2`,children:[[`bold`,`B`],[`italic`,`I`],[`underline`,`U`]].map(([e,t])=>(0,r.jsx)(`button`,{type:`button`,disabled:s,className:`rounded border px-2 py-1 text-xs font-medium disabled:opacity-50`,onClick:()=>document.execCommand(e),children:t},e))}),(0,r.jsx)(`div`,{ref:u,contentEditable:!s,"aria-disabled":s||void 0,"data-placeholder":a,className:`min-h-32 rounded-md p-2 text-sm outline-none empty:before:text-muted-foreground empty:before:content-[attr(data-placeholder)]`,onInput:e=>i?.(o===`text`?e.currentTarget.textContent??``:e.currentTarget.innerHTML)})]})}exports.RichTextEditor=i;

package/dist/components/modern/rich-text-editor.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import * as t from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";

package/dist/components/modern/tour.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({steps:e,index:i=0,onIndexChange:a,onClose:o,onSkip:s,onFinish:c,placement:l=`bottom`,className:u,...d}){let f=e[i],p=n.useRef(null);return n.useEffect(()=>{p.current?.focus()},[i]),f?(0,r.jsx)(`div`,{ref:p,"data-slot":`tour`,"data-placement":l,tabIndex:-1,className:t.cn(`rounded-xl border bg-popover p-4 text-popover-foreground shadow-lg outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,u),...d,children:(0,r.jsxs)(`div`,{className:`grid gap-2`,children:[(0,r.jsx)(`div`,{className:`font-semibold`,children:f.title}),f.description&&(0,r.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:f.description}),f.target&&(0,r.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:f.target}),(0,r.jsxs)(`div`,{className:`flex items-center justify-between gap-3 pt-2`,children:[(0,r.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[i+1,` / `,e.length]}),(0,r.jsxs)(`div`,{className:`flex gap-2`,children:[(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-2.5 py-1 text-sm`,onClick:()=>{s?.(),o?.()},children:`Skip`}),(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-2.5 py-1 text-sm`,disabled:i===0,onClick:()=>a?.(i-1),children:`Back`}),i<e.length-1?(0,r.jsx)(`button`,{type:`button`,className:`rounded-md bg-primary px-2.5 py-1 text-sm text-primary-foreground`,onClick:()=>a?.(i+1),children:`Next`}):(0,r.jsx)(`button`,{type:`button`,className:`rounded-md bg-primary px-2.5 py-1 text-sm text-primary-foreground`,onClick:()=>{c?.(),o?.()},children:`Done`})]})]})]})}):null}exports.Tour=i;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({steps:e,index:i=0,onIndexChange:a,onClose:o,onSkip:s,onFinish:c,placement:l=`bottom`,className:u,...d}){let f=e[i],p=n.useRef(null);return n.useEffect(()=>{p.current?.focus()},[i]),f?(0,r.jsx)(`div`,{ref:p,"data-slot":`tour`,"data-placement":l,tabIndex:-1,className:t.cn(`rounded-xl border bg-popover p-4 text-popover-foreground shadow-lg outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,u),...d,children:(0,r.jsxs)(`div`,{className:`grid gap-2`,children:[(0,r.jsx)(`div`,{className:`font-semibold`,children:f.title}),f.description&&(0,r.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:f.description}),f.target&&(0,r.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:f.target}),(0,r.jsxs)(`div`,{className:`flex items-center justify-between gap-3 pt-2`,children:[(0,r.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[i+1,` / `,e.length]}),(0,r.jsxs)(`div`,{className:`flex gap-2`,children:[(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-2.5 py-1 text-sm`,onClick:()=>{s?.(),o?.()},children:`Skip`}),(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-2.5 py-1 text-sm`,disabled:i===0,onClick:()=>a?.(i-1),children:`Back`}),i<e.length-1?(0,r.jsx)(`button`,{type:`button`,className:`rounded-md bg-primary px-2.5 py-1 text-sm text-primary-foreground`,onClick:()=>a?.(i+1),children:`Next`}):(0,r.jsx)(`button`,{type:`button`,className:`rounded-md bg-primary px-2.5 py-1 text-sm text-primary-foreground`,onClick:()=>{c?.(),o?.()},children:`Done`})]})]})]})}):null}exports.Tour=i;

package/dist/components/modern/tour.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import * as t from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";

package/dist/components/notifications/toast.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");var o=r.createContext(null),s={default:`border-border bg-popover text-popover-foreground`,success:`border-emerald-500/20 bg-emerald-500/10 text-emerald-950 dark:text-emerald-100`,info:`border-blue-500/20 bg-blue-500/10 text-blue-950 dark:text-blue-100`,warning:`border-amber-500/20 bg-amber-500/10 text-amber-950 dark:text-amber-100`,danger:`border-destructive/20 bg-destructive/10 text-destructive`,loading:`border-border bg-popover text-popover-foreground`},c={default:(0,a.jsx)(i.InfoIcon,{className:`size-4`}),success:(0,a.jsx)(i.CheckCircle2Icon,{className:`size-4`}),info:(0,a.jsx)(i.InfoIcon,{className:`size-4`}),warning:(0,a.jsx)(i.TriangleAlertIcon,{className:`size-4`}),danger:(0,a.jsx)(i.AlertCircleIcon,{className:`size-4`}),loading:(0,a.jsx)(i.Loader2Icon,{className:`size-4 animate-spin`})};function l(){return`toast-${Date.now()}-${Math.random().toString(16).slice(2)}`}function u(e){return typeof e==`object`&&!!e&&!r.isValidElement(e)&&!Array.isArray(e)}function d(e,t){return u(e)?{...e,tone:e.tone??t}:{title:e,tone:t}}function f(e,t){return typeof e==`function`?e(t):e}var p={"top-right":`right-4 top-4`,"top-left":`left-4 top-4`,"bottom-right":`bottom-4 right-4`,"bottom-left":`bottom-4 left-4`,"top-center":`left-1/2 top-4 -translate-x-1/2`,"bottom-center":`bottom-4 left-1/2 -translate-x-1/2`};function m({children:e,defaultDuration:n=4e3,maxToasts:i=5,pauseOnHover:s=!0,position:c=`top-right`}){let[u,m]=r.useState([]),g=r.useCallback(e=>{m(t=>t.filter(t=>t.id!==e))},[]),_=r.useCallback(e=>{let t=e.id??l(),r={tone:`default`,duration:n,dismissible:!0,...e,id:t};return m(e=>[r,...e.filter(e=>e.id!==t)].slice(0,i)),t},[n,i]),v=r.useCallback((e,t)=>{m(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),y=r.useCallback(()=>{m([])},[]),b=r.useCallback(e=>_(d(e,`success`)),[_]),x=r.useCallback(e=>_(d(e,`info`)),[_]),S=r.useCallback(e=>_(d(e,`warning`)),[_]),C=r.useCallback(e=>_(d(e,`danger`)),[_]),w=r.useCallback(e=>_({duration:0,...d(e,`loading`)}),[_]),T=r.useCallback(async(e,t)=>{let r=_({duration:0,dismissible:!1,...d(t.loading,`loading`)});try{let i=await e;return v(r,{duration:n,dismissible:!0,...d(f(t.success,i),`success`)}),i}catch(e){throw v(r,{duration:n,dismissible:!0,...d(f(t.error,e),`danger`)}),e}},[_,n,v]),E=r.useMemo(()=>({toasts:u,addToast:_,updateToast:v,dismissToast:g,clearToasts:y,success:b,info:x,warning:S,error:C,loading:w,promise:T}),[_,y,g,C,x,w,T,b,u,v,S]);return(0,a.jsxs)(o.Provider,{value:E,children:[e,(0,a.jsx)(`div`,{"data-slot":`toast-viewport`,className:t.cn(`fixed z-[100] flex w-[min(100%-2rem,24rem)] flex-col gap-2`,p[c]),children:u.map(e=>(0,a.jsx)(h,{toast:e,pauseOnHover:s,onDismiss:g},e.id))})]})}function h({toast:e,pauseOnHover:o,onDismiss:l}){let u=e.tone??`default`,[d,f]=r.useState(!1);return r.useEffect(()=>{if(e.duration===1/0||e.duration===0||o&&d)return;let t=window.setTimeout(()=>l(e.id),e.duration??4e3);return()=>window.clearTimeout(t)},[d,l,o,e.duration,e.id]),(0,a.jsxs)(`div`,{"data-slot":`toast`,"data-tone":u,className:t.cn(`flex gap-3 rounded-lg border p-3 shadow-lg backdrop-blur`,s[u]),role:`status`,"aria-live":`polite`,onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),children:[(0,a.jsx)(`div`,{className:`mt-0.5 shrink-0`,children:c[u]}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1`,children:[e.group?(0,a.jsx)(`div`,{className:`text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:e.group}):null,e.title&&(0,a.jsx)(`div`,{className:`text-sm font-medium leading-none`,children:e.title}),e.description&&(0,a.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e.description}),e.action&&(0,a.jsx)(`div`,{className:`pt-1`,children:e.action})]}),e.dismissible!==!1&&(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-xs`,onClick:()=>l(e.id),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Dismiss`})]})]})}function g(){let e=r.useContext(o);if(!e)throw Error(`useToast must be used inside ToastProvider`);return e}exports.ToastProvider=m,exports.useToast=g;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");var o=r.createContext(null),s={default:`border-border bg-popover text-popover-foreground`,success:`border-emerald-500/20 bg-emerald-500/10 text-emerald-950 dark:text-emerald-100`,info:`border-blue-500/20 bg-blue-500/10 text-blue-950 dark:text-blue-100`,warning:`border-amber-500/20 bg-amber-500/10 text-amber-950 dark:text-amber-100`,danger:`border-destructive/20 bg-destructive/10 text-destructive`,loading:`border-border bg-popover text-popover-foreground`},c={default:(0,a.jsx)(i.InfoIcon,{className:`size-4`}),success:(0,a.jsx)(i.CheckCircle2Icon,{className:`size-4`}),info:(0,a.jsx)(i.InfoIcon,{className:`size-4`}),warning:(0,a.jsx)(i.TriangleAlertIcon,{className:`size-4`}),danger:(0,a.jsx)(i.AlertCircleIcon,{className:`size-4`}),loading:(0,a.jsx)(i.Loader2Icon,{className:`size-4 animate-spin`})};function l(){return`toast-${Date.now()}-${Math.random().toString(16).slice(2)}`}function u(e){return typeof e==`object`&&!!e&&!r.isValidElement(e)&&!Array.isArray(e)}function d(e,t){return u(e)?{...e,tone:e.tone??t}:{title:e,tone:t}}function f(e,t){return typeof e==`function`?e(t):e}var p={"top-right":`right-4 top-4`,"top-left":`left-4 top-4`,"bottom-right":`bottom-4 right-4`,"bottom-left":`bottom-4 left-4`,"top-center":`left-1/2 top-4 -translate-x-1/2`,"bottom-center":`bottom-4 left-1/2 -translate-x-1/2`};function m({children:e,defaultDuration:n=4e3,maxToasts:i=5,pauseOnHover:s=!0,position:c=`top-right`}){let[u,m]=r.useState([]),g=r.useCallback(e=>{m(t=>t.filter(t=>t.id!==e))},[]),_=r.useCallback(e=>{let t=e.id??l(),r={tone:`default`,duration:n,dismissible:!0,...e,id:t};return m(e=>[r,...e.filter(e=>e.id!==t)].slice(0,i)),t},[n,i]),v=r.useCallback((e,t)=>{m(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),y=r.useCallback(()=>{m([])},[]),b=r.useCallback(e=>_(d(e,`success`)),[_]),x=r.useCallback(e=>_(d(e,`info`)),[_]),S=r.useCallback(e=>_(d(e,`warning`)),[_]),C=r.useCallback(e=>_(d(e,`danger`)),[_]),w=r.useCallback(e=>_({duration:0,...d(e,`loading`)}),[_]),T=r.useCallback(async(e,t)=>{let r=_({duration:0,dismissible:!1,...d(t.loading,`loading`)});try{let i=await e;return v(r,{duration:n,dismissible:!0,...d(f(t.success,i),`success`)}),i}catch(e){throw v(r,{duration:n,dismissible:!0,...d(f(t.error,e),`danger`)}),e}},[_,n,v]),E=r.useMemo(()=>({toasts:u,addToast:_,updateToast:v,dismissToast:g,clearToasts:y,success:b,info:x,warning:S,error:C,loading:w,promise:T}),[_,y,g,C,x,w,T,b,u,v,S]);return(0,a.jsxs)(o.Provider,{value:E,children:[e,(0,a.jsx)(`div`,{"data-slot":`toast-viewport`,className:t.cn(`fixed z-[100] flex w-[min(100%-2rem,24rem)] flex-col gap-2`,p[c]),children:u.map(e=>(0,a.jsx)(h,{toast:e,pauseOnHover:s,onDismiss:g},e.id))})]})}function h({toast:e,pauseOnHover:o,onDismiss:l}){let u=e.tone??`default`,[d,f]=r.useState(!1);return r.useEffect(()=>{if(e.duration===1/0||e.duration===0||o&&d)return;let t=window.setTimeout(()=>l(e.id),e.duration??4e3);return()=>window.clearTimeout(t)},[d,l,o,e.duration,e.id]),(0,a.jsxs)(`div`,{"data-slot":`toast`,"data-tone":u,className:t.cn(`flex gap-3 rounded-lg border p-3 shadow-lg backdrop-blur`,s[u]),role:`status`,"aria-live":`polite`,onMouseEnter:()=>f(!0),onMouseLeave:()=>f(!1),children:[(0,a.jsx)(`div`,{className:`mt-0.5 shrink-0`,children:c[u]}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1`,children:[e.group?(0,a.jsx)(`div`,{className:`text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:e.group}):null,e.title&&(0,a.jsx)(`div`,{className:`text-sm font-medium leading-none`,children:e.title}),e.description&&(0,a.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e.description}),e.action&&(0,a.jsx)(`div`,{className:`pt-1`,children:e.action})]}),e.dismissible!==!1&&(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-xs`,onClick:()=>l(e.id),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Dismiss`})]})]})}function g(){let e=r.useContext(o);if(!e)throw Error(`useToast must be used inside ToastProvider`);return e}exports.ToastProvider=m,exports.useToast=g;

package/dist/components/notifications/toast.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
 import * as n from "react";