tembro 2.1.0 → 2.1.2

package/dist/components/actions/action-menu.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/dropdown-menu/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({actions:e,label:s,trigger:c,align:l=`end`,side:u=`bottom`,sideOffset:d=4,disabled:f=!1,triggerVariant:p=`ghost`,triggerSize:m=`icon-sm`,showChevron:h=!1,closeOnSelect:g=!0,contentClassName:_,triggerClassName:v,itemClassName:y,emptyLabel:b=`No actions`,menuWidth:x,loadingLabel:S=`Working...`,persistIconSpace:C=!0}){let w=e.filter(e=>!e.hidden),[T,E]=i.useState(null),[D,O]=i.useState(!1),k=i.useRef(null),A=async e=>{if(!(e.disabled||e.loading||T))try{E(e.key),await e.onSelect?.(),g&&!e.keepOpen&&O(!1)}finally{E(null)}},j=e=>{k.current!==e.key&&(k.current=e.key,queueMicrotask(()=>{k.current===e.key&&(k.current=null)}),A(e))};return(0,o.jsxs)(r.DropdownMenu,{open:D,onOpenChange:O,children:[(0,o.jsxs)(r.DropdownMenuTrigger,{render:c??(0,o.jsx)(n.Button,{type:`button`,variant:p,size:m,disabled:f,className:t.cn(`rounded-full border border-transparent text-muted-foreground shadow-none transition-[background-color,border-color,color,box-shadow] hover:border-border/70 hover:bg-accent hover:text-foreground focus-visible:border-[color:var(--aui-focus-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_var(--aui-focus-ring-soft,transparent)]`,v),onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation}),children:[!c&&(0,o.jsx)(a.MoreHorizontalIcon,{}),!c&&h&&(0,o.jsx)(`span`,{className:`text-[10px] font-medium uppercase tracking-[0.18em]`,children:`Menu`}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Open actions`})]}),(0,o.jsxs)(r.DropdownMenuContent,{align:l,side:u,sideOffset:d,className:t.cn(`min-w-48 rounded-[var(--aui-card-radius,var(--radius-lg))]`,_),style:x?{width:typeof x==`number`?`${x}px`:x}:void 0,children:[s&&(0,o.jsx)(r.DropdownMenuLabel,{children:s}),s&&w.length>0&&(0,o.jsx)(r.DropdownMenuSeparator,{}),w.length===0&&(0,o.jsx)(r.DropdownMenuItem,{disabled:!0,children:b}),w.map((e,n)=>{let s=e.loading||T===e.key,c=n>0?w[n-1]?.section:void 0,l=!!(e.section&&e.section!==c);return(0,o.jsxs)(i.Fragment,{children:[l?(0,o.jsxs)(o.Fragment,{children:[n>0?(0,o.jsx)(r.DropdownMenuSeparator,{}):null,(0,o.jsx)(r.DropdownMenuLabel,{children:e.section})]}):null,(0,o.jsxs)(r.DropdownMenuItem,{disabled:e.disabled||s,variant:e.destructive?`destructive`:`default`,closeOnSelect:g&&!e.keepOpen,className:t.cn(`min-h-11 items-start gap-3 rounded-[calc(var(--radius-md)+1px)] border border-transparent py-2.5 transition-[background-color,color,border-color,box-shadow] data-[highlighted]:shadow-[inset_0_0_0_1px_color-mix(in_oklch,var(--primary),transparent_76%)] data-[disabled]:opacity-45`,y),onSelect:n=>{(e.keepOpen||!g)&&n.preventDefault(),t.stopInteractivePropagation(n),j(e)},onClick:n=>{t.stopInteractivePropagation(n),j(e)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,o.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-5 shrink-0 items-center justify-center text-muted-foreground`,!C&&!s&&!e.icon&&`hidden`),children:s?(0,o.jsx)(a.Loader2Icon,{className:`size-4 animate-spin`}):e.icon}),(0,o.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{className:`block truncate`,children:e.label}),e.description?(0,o.jsx)(r.DropdownMenuItemDescription,{className:`mt-0.5 truncate`,children:s?S:e.description}):null]}),e.shortcut&&(0,o.jsx)(r.DropdownMenuShortcut,{children:e.shortcut})]})]},e.key)})]})]})}exports.ActionMenu=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/dropdown-menu/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({actions:e,label:s,trigger:c,align:l=`end`,side:u=`bottom`,sideOffset:d=4,disabled:f=!1,triggerVariant:p=`ghost`,triggerSize:m=`icon-sm`,showChevron:h=!1,closeOnSelect:g=!0,contentClassName:_,triggerClassName:v,itemClassName:y,emptyLabel:b=`No actions`,menuWidth:x,loadingLabel:S=`Working...`,persistIconSpace:C=!0}){let w=e.filter(e=>!e.hidden),[T,E]=i.useState(null),[D,O]=i.useState(!1),k=i.useRef(null),A=async e=>{if(!(e.disabled||e.loading||T))try{E(e.key),await e.onSelect?.(),g&&!e.keepOpen&&O(!1)}finally{E(null)}},j=e=>{k.current!==e.key&&(k.current=e.key,queueMicrotask(()=>{k.current===e.key&&(k.current=null)}),A(e))};return(0,o.jsxs)(r.DropdownMenu,{open:D,onOpenChange:O,children:[(0,o.jsxs)(r.DropdownMenuTrigger,{render:c??(0,o.jsx)(n.Button,{type:`button`,variant:p,size:m,disabled:f,className:t.cn(`rounded-full border border-transparent text-muted-foreground shadow-none transition-[background-color,border-color,color,box-shadow] hover:border-border/70 hover:bg-accent hover:text-foreground focus-visible:border-[color:var(--aui-focus-ring,var(--ring))] focus-visible:shadow-[0_0_0_3px_var(--aui-focus-ring-soft,transparent)]`,v),onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation}),children:[!c&&(0,o.jsx)(a.MoreHorizontalIcon,{}),!c&&h&&(0,o.jsx)(`span`,{className:`text-[10px] font-medium uppercase tracking-[0.18em]`,children:`Menu`}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Open actions`})]}),(0,o.jsxs)(r.DropdownMenuContent,{align:l,side:u,sideOffset:d,className:t.cn(`min-w-48 rounded-[var(--aui-card-radius,var(--radius-lg))]`,_),style:x?{width:typeof x==`number`?`${x}px`:x}:void 0,children:[s&&(0,o.jsx)(r.DropdownMenuLabel,{children:s}),s&&w.length>0&&(0,o.jsx)(r.DropdownMenuSeparator,{}),w.length===0&&(0,o.jsx)(r.DropdownMenuItem,{disabled:!0,children:b}),w.map((e,n)=>{let s=e.loading||T===e.key,c=n>0?w[n-1]?.section:void 0,l=!!(e.section&&e.section!==c);return(0,o.jsxs)(i.Fragment,{children:[l?(0,o.jsxs)(o.Fragment,{children:[n>0?(0,o.jsx)(r.DropdownMenuSeparator,{}):null,(0,o.jsx)(r.DropdownMenuLabel,{children:e.section})]}):null,(0,o.jsxs)(r.DropdownMenuItem,{disabled:e.disabled||s,variant:e.destructive?`destructive`:`default`,closeOnSelect:g&&!e.keepOpen,className:t.cn(`min-h-11 items-start gap-3 rounded-[calc(var(--radius-md)+1px)] border border-transparent py-2.5 transition-[background-color,color,border-color,box-shadow] data-[highlighted]:shadow-[inset_0_0_0_1px_color-mix(in_oklch,var(--primary),transparent_76%)] data-[disabled]:opacity-45`,y),onSelect:n=>{(e.keepOpen||!g)&&n.preventDefault(),t.stopInteractivePropagation(n),j(e)},onClick:n=>{t.stopInteractivePropagation(n),j(e)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,o.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-5 shrink-0 items-center justify-center text-muted-foreground`,!C&&!s&&!e.icon&&`hidden`),children:s?(0,o.jsx)(a.Loader2Icon,{className:`size-4 animate-spin`}):e.icon}),(0,o.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{className:`block truncate`,children:e.label}),e.description?(0,o.jsx)(r.DropdownMenuItemDescription,{className:`mt-0.5 truncate`,children:s?S:e.description}):null]}),e.shortcut&&(0,o.jsx)(r.DropdownMenuShortcut,{children:e.shortcut})]})]},e.key)})]})]})}exports.ActionMenu=s;

package/dist/components/actions/action-menu.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 { DropdownMenu as r, DropdownMenuContent as i, DropdownMenuItem as a, DropdownMenuItemDescription as o, DropdownMenuLabel as s, DropdownMenuSeparator as c, DropdownMenuShortcut as l, DropdownMenuTrigger as u } from "../ui/dropdown-menu/index.js";

package/dist/components/actions/button-group.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("react/jsx-runtime");function a({items:e,attached:a=!0,size:o=`sm`,variant:s=`outline`,activeVariant:c=`default`,orientation:l=`horizontal`,fullWidth:u=!1,allowDeselect:d=!1,value:f,defaultValue:p,onValueChange:m,className:h,children:g,..._}){let v=l===`vertical`,y=f!==void 0,[b,x]=r.useState(p),S=y?f:b,C=r.useId(),w=r.useRef([]),T=e=>{let t=d&&S===e?``:e;y||x(t),m?.(t)};return(0,i.jsxs)(`div`,{"data-slot":`button-group`,role:`group`,"data-orientation":l,"aria-orientation":l,className:t.cn(`inline-flex`,v?`flex-col`:`items-center`,u&&`w-full`,a?`overflow-hidden rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] shadow-[var(--aui-control-shadow,none)]`:`gap-2`,h),..._,children:[e?.map(({key:r,label:l,description:d,className:f,size:p,variant:m,onClick:h,"aria-label":g,..._},y)=>{let b=S===r,x=d?`${C}-${r}-description`:void 0;return(0,i.jsx)(n.Button,{ref:e=>{w.current[y]=e},size:p??o,variant:m??(b?c:s),"aria-label":g??(d&&typeof l==`string`?l:void 0),"aria-pressed":b||void 0,"aria-describedby":x,tabIndex:b||!S&&y===0?0:-1,"data-selected":b||void 0,className:t.cn(a&&t.cn(`relative rounded-none border-0 shadow-none first:ml-0 data-[selected=true]:shadow-none`,u&&`flex-1`,v?`w-full border-t border-[color:var(--aui-control-border,var(--border))] first:border-t-0`:`border-l border-[color:var(--aui-control-border,var(--border))] first:border-l-0`),d&&`h-auto min-h-9 py-2`,f),onClick:e=>{T(r),h?.(e)},onKeyDown:t=>{let n=e?.length??0;if(!n)return;let r=e=>{let t=(e+n)%n;w.current[t]?.focus()};t.key===`ArrowRight`&&!v?(t.preventDefault(),r(y+1)):t.key===`ArrowLeft`&&!v?(t.preventDefault(),r(y-1)):t.key===`ArrowDown`&&v?(t.preventDefault(),r(y+1)):t.key===`ArrowUp`&&v?(t.preventDefault(),r(y-1)):t.key===`Home`?(t.preventDefault(),r(0)):t.key===`End`&&(t.preventDefault(),r(n-1))},..._,children:d?(0,i.jsxs)(`span`,{className:`flex min-w-0 flex-col items-start text-left`,children:[(0,i.jsx)(`span`,{children:l}),(0,i.jsx)(`span`,{"aria-hidden":`true`,className:`truncate text-[11px] font-medium opacity-80`,children:d}),(0,i.jsx)(`span`,{id:x,className:`sr-only`,children:d})]}):l},r)}),g]})}exports.ButtonGroup=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/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({items:e,attached:a=!0,size:o=`sm`,variant:s=`outline`,activeVariant:c=`default`,orientation:l=`horizontal`,fullWidth:u=!1,allowDeselect:d=!1,value:f,defaultValue:p,onValueChange:m,className:h,children:g,..._}){let v=l===`vertical`,y=f!==void 0,[b,x]=r.useState(p),S=y?f:b,C=r.useId(),w=r.useRef([]),T=e=>{let t=d&&S===e?``:e;y||x(t),m?.(t)};return(0,i.jsxs)(`div`,{"data-slot":`button-group`,role:`group`,"data-orientation":l,"aria-orientation":l,className:t.cn(`inline-flex`,v?`flex-col`:`items-center`,u&&`w-full`,a?`overflow-hidden rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] shadow-[var(--aui-control-shadow,none)]`:`gap-2`,h),..._,children:[e?.map(({key:r,label:l,description:d,className:f,size:p,variant:m,onClick:h,"aria-label":g,..._},y)=>{let b=S===r,x=d?`${C}-${r}-description`:void 0;return(0,i.jsx)(n.Button,{ref:e=>{w.current[y]=e},size:p??o,variant:m??(b?c:s),"aria-label":g??(d&&typeof l==`string`?l:void 0),"aria-pressed":b||void 0,"aria-describedby":x,tabIndex:b||!S&&y===0?0:-1,"data-selected":b||void 0,className:t.cn(a&&t.cn(`relative rounded-none border-0 shadow-none first:ml-0 data-[selected=true]:shadow-none`,u&&`flex-1`,v?`w-full border-t border-[color:var(--aui-control-border,var(--border))] first:border-t-0`:`border-l border-[color:var(--aui-control-border,var(--border))] first:border-l-0`),d&&`h-auto min-h-9 py-2`,f),onClick:e=>{T(r),h?.(e)},onKeyDown:t=>{let n=e?.length??0;if(!n)return;let r=e=>{let t=(e+n)%n;w.current[t]?.focus()};t.key===`ArrowRight`&&!v?(t.preventDefault(),r(y+1)):t.key===`ArrowLeft`&&!v?(t.preventDefault(),r(y-1)):t.key===`ArrowDown`&&v?(t.preventDefault(),r(y+1)):t.key===`ArrowUp`&&v?(t.preventDefault(),r(y-1)):t.key===`Home`?(t.preventDefault(),r(0)):t.key===`End`&&(t.preventDefault(),r(n-1))},..._,children:d?(0,i.jsxs)(`span`,{className:`flex min-w-0 flex-col items-start text-left`,children:[(0,i.jsx)(`span`,{children:l}),(0,i.jsx)(`span`,{"aria-hidden":`true`,className:`truncate text-[11px] font-medium opacity-80`,children:d}),(0,i.jsx)(`span`,{id:x,className:`sr-only`,children:d})]}):l},r)}),g]})}exports.ButtonGroup=a;

package/dist/components/actions/button-group.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";

package/dist/components/actions/copy-button.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");async function o(e){if(typeof navigator<`u`&&navigator.clipboard?.writeText){await navigator.clipboard.writeText(e);return}if(typeof document>`u`)throw Error(`Clipboard is not available`);let t=document.createElement(`textarea`);t.value=e,t.setAttribute(`readonly`,``),t.style.position=`fixed`,t.style.left=`-9999px`,document.body.appendChild(t),t.select();try{document.execCommand(`copy`)}finally{document.body.removeChild(t)}}function s({value:e,copiedLabel:s=`Copied`,copyLabel:c=`Copy`,copiedTimeout:l=1600,onCopied:u,onCopyError:d,showIcon:f=!0,copiedVariant:p,variant:m,disabled:h,children:g,type:_=`button`,...v}){let[y,b]=r.useState(!1),x=r.useRef(void 0);r.useEffect(()=>()=>{x.current&&window.clearTimeout(x.current)},[]);let S=r.useCallback(async()=>{try{await o(e),b(!0),u?.(e),x.current&&window.clearTimeout(x.current),x.current=window.setTimeout(()=>b(!1),l)}catch(e){d?.(e)}},[l,u,d,e]);return(0,a.jsxs)(n.Button,{"data-slot":`copy-button`,"data-copied":y||void 0,type:_,variant:y?p??`secondary`:m,disabled:h||!e,onClick:e=>{t.stopInteractivePropagation(e),S()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,"aria-live":`polite`,...v,children:[f&&(y?(0,a.jsx)(i.CheckIcon,{"data-icon":`inline-start`}):(0,a.jsx)(i.CopyIcon,{"data-icon":`inline-start`})),g??(y?s:c)]})}exports.CopyButton=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");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");async function o(e){if(typeof navigator<`u`&&navigator.clipboard?.writeText){await navigator.clipboard.writeText(e);return}if(typeof document>`u`)throw Error(`Clipboard is not available`);let t=document.createElement(`textarea`);t.value=e,t.setAttribute(`readonly`,``),t.style.position=`fixed`,t.style.left=`-9999px`,document.body.appendChild(t),t.select();try{document.execCommand(`copy`)}finally{document.body.removeChild(t)}}function s({value:e,copiedLabel:s=`Copied`,copyLabel:c=`Copy`,copiedTimeout:l=1600,onCopied:u,onCopyError:d,showIcon:f=!0,copiedVariant:p,variant:m,disabled:h,children:g,type:_=`button`,...v}){let[y,b]=r.useState(!1),x=r.useRef(void 0);r.useEffect(()=>()=>{x.current&&window.clearTimeout(x.current)},[]);let S=r.useCallback(async()=>{try{await o(e),b(!0),u?.(e),x.current&&window.clearTimeout(x.current),x.current=window.setTimeout(()=>b(!1),l)}catch(e){d?.(e)}},[l,u,d,e]);return(0,a.jsxs)(n.Button,{"data-slot":`copy-button`,"data-copied":y||void 0,type:_,variant:y?p??`secondary`:m,disabled:h||!e,onClick:e=>{t.stopInteractivePropagation(e),S()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,"aria-live":`polite`,...v,children:[f&&(y?(0,a.jsx)(i.CheckIcon,{"data-icon":`inline-start`}):(0,a.jsx)(i.CopyIcon,{"data-icon":`inline-start`})),g??(y?s:c)]})}exports.CopyButton=s;

package/dist/components/actions/copy-button.js

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

package/dist/components/calendar/calendar.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("./date-utils.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e,t,n){if(e instanceof Date)return r.startOfMonth(e);let i=r.parseDateKey(e);if(i)return r.startOfMonth(i);let a=r.parseDateKey(t);if(a)return r.startOfMonth(a);let o=r.parseDateKey(n?.from??n?.to);return o?r.startOfMonth(o):r.startOfMonth(new Date)}function c(e,t){let n=new Date(e);return n.setDate(e.getDate()+t),n}function l(e,t){let n=new Date(t.getFullYear(),t.getMonth()+1,0).getDate();return new Date(t.getFullYear(),t.getMonth(),Math.min(e.getDate(),n))}function u(e,t){let n=r.parseDateKey(e),i=r.parseDateKey(t);if(!n||!i||t<e)return[];let a=[],o=new Date(n);for(;r.toDateKey(o)<=t;)a.push(r.toDateKey(o)),o.setDate(o.getDate()+1);return a}function d(e,t){let n=r.parseDateKey(e);return!n||!e?null:new Intl.DateTimeFormat(t,{dateStyle:`medium`}).format(n)}function f({className:e,value:f,range:p,onValueChange:m,onRangeChange:h,mode:g=`single`,month:ee,defaultMonth:te,onMonthChange:ne,min:_,max:v,disabledDates:y,locale:b=`en-US`,weekStartsOn:x=1,months:re,numberOfMonths:ie=1,showMonthHeaders:ae,showOutsideDays:S=!0,pagedNavigation:oe=!1,showTodayShortcut:C=!1,showClearShortcut:w=!1,showSelectionSummary:T=!1,labels:E,renderSelectionSummary:D,...se}){let O=f!==void 0,k=p!==void 0,[ce,A]=i.useState(f??null),[le,j]=i.useState(p??{}),[ue,de]=i.useState(()=>s(te,f,p)),M=O?f:ce,N=k?p:le,P=ee??ue,F=Math.max(re??ie,1),fe=ae??F>1,I=oe?F:1,L=r.toDateKey(new Date),R=i.useMemo(()=>new Set(y??[]),[y]),pe=i.useMemo(()=>r.getWeekdayLabels(b,x),[b,x]),z=i.useRef(new Map),[B,V]=i.useState(()=>f??p?.from??L),[H,U]=i.useState(null),W=i.useMemo(()=>Array.from({length:F},(e,t)=>r.addMonths(P,t)),[P,F]),G=i.useMemo(()=>W.map(e=>({month:e,days:r.getMonthDays(e,x)})),[W,x]),K=i.useMemo(()=>G.flatMap(e=>e.days),[G]),q=i.useCallback(e=>{if(R.has(e))return`disabled`;if(r.isBeforeDate(e,_))return`min`;if(r.isAfterDate(e,v))return`max`},[R,v,_]),J=i.useCallback(e=>!!q(e),[q]),Y=i.useMemo(()=>K.map(r.toDateKey).filter(e=>!J(e)),[K,J]),me=i.useMemo(()=>{let e=f??p?.from??L,t=N?.from??void 0,n=M??void 0;return Y.includes(B)?B:Y.includes(n??t??e)?n??t??e:Y[0]},[N?.from,M,B,p?.from,L,f,Y]);i.useEffect(()=>{O&&A(f??null)},[O,f]),i.useEffect(()=>{k&&p&&j(p)},[k,p]),i.useEffect(()=>{B&&z.current.get(B)?.focus()},[B]),i.useEffect(()=>{g!==`range`&&U(null)},[g]);let X=e=>{let t=r.startOfMonth(e);de(t),ne?.(t)},Z=(e,t=1)=>{let n=e,i=r.toDateKey(n),a=0;for(;J(i)&&a<370;)n=c(n,t),i=r.toDateKey(n),a+=1;V(i),W.some(e=>r.isSameMonth(n,e))||X(r.startOfMonth(n))},Q=e=>{if(J(e))return;if(g===`single`){O||A(e),m?.(e);return}let t=N?.from??null,n=N?.to??null;if(!t||t&&n||e<t){let t={from:e,to:null};k||j(t),h?.(t);return}if(u(t,e).some(e=>J(e))){let t={from:e,to:null};k||j(t),h?.(t);return}let r={from:t,to:e};k||j(r),h?.(r)},$=g===`range`&&N?.from&&!N.to&&H&&H>=N.from&&!u(N.from,H).some(e=>J(e))?{from:N.from,to:H}:null,he=i.useMemo(()=>{if(!T&&!D)return null;if(D)return D({mode:g,value:M,range:N,locale:b});if(g===`range`){let e=d(N?.from,b),t=d(N?.to,b);return e&&t?`${e} -> ${t}`:e?`${e} -> ...`:`No range selected`}return d(M,b)??`No date selected`},[N,M,b,g,D,T]),ge=()=>{if(g===`single`){O||A(null),m?.(``);return}let e={from:null,to:null};k||j(e),h?.(e)},_e=()=>{let e=new Date,t=r.toDateKey(e);X(e),V(t),J(t)||Q(t)},ve=(e,t)=>{let n=((G.find(e=>r.isSameMonth(t,e.month))?.days.findIndex(e=>r.toDateKey(e)===r.toDateKey(t))??0)+7)%7;switch(e.key){case`ArrowRight`:e.preventDefault(),Z(c(t,1),1);break;case`ArrowLeft`:e.preventDefault(),Z(c(t,-1),-1);break;case`ArrowDown`:e.preventDefault(),Z(c(t,7),7);break;case`ArrowUp`:e.preventDefault(),Z(c(t,-7),-7);break;case`Home`:e.preventDefault(),Z(c(t,-n),-1);break;case`End`:e.preventDefault(),Z(c(t,6-n),1);break;case`PageUp`:e.preventDefault(),Z(l(t,r.addMonths(t,-1)),-1);break;case`PageDown`:e.preventDefault(),Z(l(t,r.addMonths(t,1)),1);break}};return(0,o.jsxs)(`div`,{"data-slot":`calendar`,"data-months":F,className:t.cn(`w-fit rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,e),...se,children:[(0,o.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.previousMonth??`Previous month`,onClick:()=>X(r.addMonths(P,-I)),children:(0,o.jsx)(a.ChevronLeftIcon,{})}),(0,o.jsxs)(`div`,{className:`flex flex-1 flex-col items-center text-center`,children:[(0,o.jsx)(`span`,{className:`text-[10px] font-semibold uppercase tracking-[0.24em] text-muted-foreground/90`,children:`Calendar`}),(0,o.jsx)(`div`,{className:`text-base font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(P,b)})]}),(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.nextMonth??`Next month`,onClick:()=>X(r.addMonths(P,I)),children:(0,o.jsx)(a.ChevronRightIcon,{})})]}),(0,o.jsx)(`div`,{className:t.cn(`grid gap-3`,F>1&&`sm:grid-cols-2`),style:F>2?{gridTemplateColumns:`repeat(${F}, minmax(0, 1fr))`}:void 0,children:G.map(({month:e,days:n})=>(0,o.jsxs)(`div`,{className:`min-w-[16.5rem] rounded-[var(--radius-md)] bg-transparent p-1`,children:[fe&&(0,o.jsx)(`div`,{className:`mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(e,b)}),(0,o.jsx)(`div`,{className:`grid grid-cols-7 gap-1 text-center text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-muted-foreground/90`,children:pe.map(t=>(0,o.jsx)(`div`,{className:`py-1`,children:t},`${r.toDateKey(e)}-${t}`))}),(0,o.jsx)(`div`,{className:`mt-1.5 grid grid-cols-7 gap-1`,children:n.map(n=>{let i=r.toDateKey(n),a=!r.isSameMonth(n,e),s=g===`single`?M===i:i===N?.from||i===N?.to,c=g===`range`&&r.isWithinRange(i,N?.from,N?.to),l=!c&&g===`range`&&r.isWithinRange(i,$?.from,$?.to),u=g===`range`&&i===N?.from,d=g===`range`&&i===N?.to,f=c&&!u&&!d,p=q(i),m=!!p,h=p?E?.disabledDate?.(i,p):void 0;return(0,o.jsx)(`button`,{ref:e=>{e?z.current.set(i,e):z.current.delete(i)},type:`button`,disabled:m,"aria-label":h??E?.selectDate?.(i)??i,"aria-current":i===L?`date`:void 0,"aria-selected":s||c||l||void 0,tabIndex:i===me?0:-1,title:h,"data-selected":s||void 0,"data-range-start":u||void 0,"data-range-end":d||void 0,"data-range-middle":f||void 0,"data-today":i===L||void 0,"data-outside":a||void 0,"data-in-range":c||void 0,"data-in-preview-range":l||void 0,"data-disabled-reason":p,className:t.cn(`flex h-9 items-center justify-center rounded-[var(--radius-sm)] border border-transparent text-sm font-medium outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30`,a&&S?`text-muted-foreground/34`:`text-foreground`,a&&!S&&`pointer-events-none opacity-0`,i===L&&`border-border/70 bg-muted/60 text-foreground`,c&&`bg-primary/10 text-foreground`,l&&`bg-primary/6 text-foreground`,s&&`border-primary bg-primary text-primary-foreground shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_78%)] hover:bg-primary hover:text-primary-foreground`),onFocus:()=>V(i),onMouseEnter:()=>U(i),onMouseLeave:()=>U(null),onKeyDown:e=>ve(e,n),onClick:()=>Q(i),children:n.getDate()},i)})})]},r.toDateKey(e)))}),C||w||T||D?(0,o.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center justify-between gap-2 border-t border-[color:var(--aui-card-border,var(--border))] pt-3`,children:[(0,o.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:he}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[w?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`ghost`,onClick:ge,children:E?.clear??`Clear`}):null,C?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:_e,children:E?.today??`Today`}):null]})]}):null]})}exports.Calendar=f;
+"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("./date-utils.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e,t,n){if(e instanceof Date)return r.startOfMonth(e);let i=r.parseDateKey(e);if(i)return r.startOfMonth(i);let a=r.parseDateKey(t);if(a)return r.startOfMonth(a);let o=r.parseDateKey(n?.from??n?.to);return o?r.startOfMonth(o):r.startOfMonth(new Date)}function c(e,t){let n=new Date(e);return n.setDate(e.getDate()+t),n}function l(e,t){let n=new Date(t.getFullYear(),t.getMonth()+1,0).getDate();return new Date(t.getFullYear(),t.getMonth(),Math.min(e.getDate(),n))}function u(e,t){let n=r.parseDateKey(e),i=r.parseDateKey(t);if(!n||!i||t<e)return[];let a=[],o=new Date(n);for(;r.toDateKey(o)<=t;)a.push(r.toDateKey(o)),o.setDate(o.getDate()+1);return a}function d(e,t){let n=r.parseDateKey(e);return!n||!e?null:new Intl.DateTimeFormat(t,{dateStyle:`medium`}).format(n)}function f({className:e,value:f,range:p,onValueChange:m,onRangeChange:h,mode:g=`single`,month:ee,defaultMonth:te,onMonthChange:ne,min:_,max:v,disabledDates:y,locale:b=`en-US`,weekStartsOn:x=1,months:re,numberOfMonths:ie=1,showMonthHeaders:ae,showOutsideDays:S=!0,pagedNavigation:oe=!1,showTodayShortcut:C=!1,showClearShortcut:w=!1,showSelectionSummary:T=!1,labels:E,renderSelectionSummary:D,...se}){let O=f!==void 0,k=p!==void 0,[ce,A]=i.useState(f??null),[le,j]=i.useState(p??{}),[ue,de]=i.useState(()=>s(te,f,p)),M=O?f:ce,N=k?p:le,P=ee??ue,F=Math.max(re??ie,1),fe=ae??F>1,I=oe?F:1,L=r.toDateKey(new Date),R=i.useMemo(()=>new Set(y??[]),[y]),pe=i.useMemo(()=>r.getWeekdayLabels(b,x),[b,x]),z=i.useRef(new Map),[B,V]=i.useState(()=>f??p?.from??L),[H,U]=i.useState(null),W=i.useMemo(()=>Array.from({length:F},(e,t)=>r.addMonths(P,t)),[P,F]),G=i.useMemo(()=>W.map(e=>({month:e,days:r.getMonthDays(e,x)})),[W,x]),K=i.useMemo(()=>G.flatMap(e=>e.days),[G]),q=i.useCallback(e=>{if(R.has(e))return`disabled`;if(r.isBeforeDate(e,_))return`min`;if(r.isAfterDate(e,v))return`max`},[R,v,_]),J=i.useCallback(e=>!!q(e),[q]),Y=i.useMemo(()=>K.map(r.toDateKey).filter(e=>!J(e)),[K,J]),me=i.useMemo(()=>{let e=f??p?.from??L,t=N?.from??void 0,n=M??void 0;return Y.includes(B)?B:Y.includes(n??t??e)?n??t??e:Y[0]},[N?.from,M,B,p?.from,L,f,Y]);i.useEffect(()=>{O&&A(f??null)},[O,f]),i.useEffect(()=>{k&&p&&j(p)},[k,p]),i.useEffect(()=>{B&&z.current.get(B)?.focus()},[B]),i.useEffect(()=>{g!==`range`&&U(null)},[g]);let X=e=>{let t=r.startOfMonth(e);de(t),ne?.(t)},Z=(e,t=1)=>{let n=e,i=r.toDateKey(n),a=0;for(;J(i)&&a<370;)n=c(n,t),i=r.toDateKey(n),a+=1;V(i),W.some(e=>r.isSameMonth(n,e))||X(r.startOfMonth(n))},Q=e=>{if(J(e))return;if(g===`single`){O||A(e),m?.(e);return}let t=N?.from??null,n=N?.to??null;if(!t||t&&n||e<t){let t={from:e,to:null};k||j(t),h?.(t);return}if(u(t,e).some(e=>J(e))){let t={from:e,to:null};k||j(t),h?.(t);return}let r={from:t,to:e};k||j(r),h?.(r)},$=g===`range`&&N?.from&&!N.to&&H&&H>=N.from&&!u(N.from,H).some(e=>J(e))?{from:N.from,to:H}:null,he=i.useMemo(()=>{if(!T&&!D)return null;if(D)return D({mode:g,value:M,range:N,locale:b});if(g===`range`){let e=d(N?.from,b),t=d(N?.to,b);return e&&t?`${e} -> ${t}`:e?`${e} -> ...`:`No range selected`}return d(M,b)??`No date selected`},[N,M,b,g,D,T]),ge=()=>{if(g===`single`){O||A(null),m?.(``);return}let e={from:null,to:null};k||j(e),h?.(e)},_e=()=>{let e=new Date,t=r.toDateKey(e);X(e),V(t),J(t)||Q(t)},ve=(e,t)=>{let n=((G.find(e=>r.isSameMonth(t,e.month))?.days.findIndex(e=>r.toDateKey(e)===r.toDateKey(t))??0)+7)%7;switch(e.key){case`ArrowRight`:e.preventDefault(),Z(c(t,1),1);break;case`ArrowLeft`:e.preventDefault(),Z(c(t,-1),-1);break;case`ArrowDown`:e.preventDefault(),Z(c(t,7),7);break;case`ArrowUp`:e.preventDefault(),Z(c(t,-7),-7);break;case`Home`:e.preventDefault(),Z(c(t,-n),-1);break;case`End`:e.preventDefault(),Z(c(t,6-n),1);break;case`PageUp`:e.preventDefault(),Z(l(t,r.addMonths(t,-1)),-1);break;case`PageDown`:e.preventDefault(),Z(l(t,r.addMonths(t,1)),1);break}};return(0,o.jsxs)(`div`,{"data-slot":`calendar`,"data-months":F,className:t.cn(`w-fit rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,e),...se,children:[(0,o.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.previousMonth??`Previous month`,onClick:()=>X(r.addMonths(P,-I)),children:(0,o.jsx)(a.ChevronLeftIcon,{})}),(0,o.jsxs)(`div`,{className:`flex flex-1 flex-col items-center text-center`,children:[(0,o.jsx)(`span`,{className:`text-[10px] font-semibold uppercase tracking-[0.24em] text-muted-foreground/90`,children:`Calendar`}),(0,o.jsx)(`div`,{className:`text-base font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(P,b)})]}),(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.nextMonth??`Next month`,onClick:()=>X(r.addMonths(P,I)),children:(0,o.jsx)(a.ChevronRightIcon,{})})]}),(0,o.jsx)(`div`,{className:t.cn(`grid gap-3`,F>1&&`sm:grid-cols-2`),style:F>2?{gridTemplateColumns:`repeat(${F}, minmax(0, 1fr))`}:void 0,children:G.map(({month:e,days:n})=>(0,o.jsxs)(`div`,{className:`min-w-[16.5rem] rounded-[var(--radius-md)] bg-transparent p-1`,children:[fe&&(0,o.jsx)(`div`,{className:`mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(e,b)}),(0,o.jsx)(`div`,{className:`grid grid-cols-7 gap-1 text-center text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-muted-foreground/90`,children:pe.map(t=>(0,o.jsx)(`div`,{className:`py-1`,children:t},`${r.toDateKey(e)}-${t}`))}),(0,o.jsx)(`div`,{className:`mt-1.5 grid grid-cols-7 gap-1`,children:n.map(n=>{let i=r.toDateKey(n),a=!r.isSameMonth(n,e),s=g===`single`?M===i:i===N?.from||i===N?.to,c=g===`range`&&r.isWithinRange(i,N?.from,N?.to),l=!c&&g===`range`&&r.isWithinRange(i,$?.from,$?.to),u=g===`range`&&i===N?.from,d=g===`range`&&i===N?.to,f=c&&!u&&!d,p=q(i),m=!!p,h=p?E?.disabledDate?.(i,p):void 0;return(0,o.jsx)(`button`,{ref:e=>{e?z.current.set(i,e):z.current.delete(i)},type:`button`,disabled:m,"aria-label":h??E?.selectDate?.(i)??i,"aria-current":i===L?`date`:void 0,"aria-selected":s||c||l||void 0,tabIndex:i===me?0:-1,title:h,"data-selected":s||void 0,"data-range-start":u||void 0,"data-range-end":d||void 0,"data-range-middle":f||void 0,"data-today":i===L||void 0,"data-outside":a||void 0,"data-in-range":c||void 0,"data-in-preview-range":l||void 0,"data-disabled-reason":p,className:t.cn(`flex h-9 items-center justify-center rounded-[var(--radius-sm)] border border-transparent text-sm font-medium outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30`,a&&S?`text-muted-foreground/34`:`text-foreground`,a&&!S&&`pointer-events-none opacity-0`,i===L&&`border-border/70 bg-muted/60 text-foreground`,c&&`bg-primary/10 text-foreground`,l&&`bg-primary/6 text-foreground`,s&&`border-primary bg-primary text-primary-foreground shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_78%)] hover:bg-primary hover:text-primary-foreground`),onFocus:()=>V(i),onMouseEnter:()=>U(i),onMouseLeave:()=>U(null),onKeyDown:e=>ve(e,n),onClick:()=>Q(i),children:n.getDate()},i)})})]},r.toDateKey(e)))}),C||w||T||D?(0,o.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center justify-between gap-2 border-t border-[color:var(--aui-card-border,var(--border))] pt-3`,children:[(0,o.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:he}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[w?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`ghost`,onClick:ge,children:E?.clear??`Clear`}):null,C?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:_e,children:E?.today??`Today`}):null]})]}):null]})}exports.Calendar=f;

package/dist/components/calendar/calendar.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 { addMonths as n, getMonthDays as r, getMonthLabel as i, getWeekdayLabels as a, isAfterDate as o, isBeforeDate as s, isSameMonth as c, isWithinRange as ee, parseDateKey as l, startOfMonth as u, toDateKey as d } from "./date-utils.js";

package/dist/components/calendar/date-picker.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/popover/index.cjs"),i=require("./date-utils.cjs"),a=require("./calendar.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=i.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u({value:e,onValueChange:i,placeholder:u,labels:d,disabled:f=!1,clearable:p=!0,formatValue:m=l,triggerClassName:h,contentClassName:g,className:_,...v}){let[y,b]=o.useState(!1),x=!!e,S=e=>{i?.(e),b(!1)},C=()=>{i?.(``),b(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-picker`,className:t.cn(`w-full`,_),children:(0,c.jsxs)(r.Popover,{open:y,onOpenChange:b,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:f,className:t.cn(`group min-h-11 w-full justify-start gap-3 rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 px-3 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,!x&&`text-muted-foreground`,h)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(x&&`text-primary`)}),(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:d?.selected??`Date`}),(0,c.jsx)(`span`,{className:t.cn(`truncate text-sm`,x&&`font-semibold text-foreground`),children:x?m(String(e)):u??d?.placeholder??`Select date`})]}),p&&x?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":d?.clear??`Clear date`,className:`ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,onClick:e=>{e.preventDefault(),e.stopPropagation(),C()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),C())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsx)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,g),children:(0,c.jsx)(a.Calendar,{value:e,onValueChange:S,labels:d,showTodayShortcut:!0,showClearShortcut:p,showSelectionSummary:!0,...v})})]})})}exports.DatePicker=u;
+"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/popover/index.cjs"),i=require("./date-utils.cjs"),a=require("./calendar.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=i.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u({value:e,onValueChange:i,placeholder:u,labels:d,disabled:f=!1,clearable:p=!0,formatValue:m=l,triggerClassName:h,contentClassName:g,className:_,...v}){let[y,b]=o.useState(!1),x=!!e,S=e=>{i?.(e),b(!1)},C=()=>{i?.(``),b(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-picker`,className:t.cn(`w-full`,_),children:(0,c.jsxs)(r.Popover,{open:y,onOpenChange:b,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:f,className:t.cn(`group min-h-11 w-full justify-start gap-3 rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 px-3 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,!x&&`text-muted-foreground`,h)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(x&&`text-primary`)}),(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:d?.selected??`Date`}),(0,c.jsx)(`span`,{className:t.cn(`truncate text-sm`,x&&`font-semibold text-foreground`),children:x?m(String(e)):u??d?.placeholder??`Select date`})]}),p&&x?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":d?.clear??`Clear date`,className:`ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,onClick:e=>{e.preventDefault(),e.stopPropagation(),C()},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),C())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsx)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,g),children:(0,c.jsx)(a.Calendar,{value:e,onValueChange:S,labels:d,showTodayShortcut:!0,showClearShortcut:p,showSelectionSummary:!0,...v})})]})})}exports.DatePicker=u;

package/dist/components/calendar/date-picker.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 { Popover as n, PopoverContent as r, PopoverTrigger as i } from "../ui/popover/index.js";

package/dist/components/calendar/date-range-picker.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/popover/index.cjs"),i=require("./date-utils.cjs"),a=require("./calendar.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=i.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u(e,t){return typeof e==`string`?e:t}function d({className:e,value:i,onValueChange:d,labels:f,placeholder:p,disabled:m=!1,clearable:h=!0,formatValue:g=l,closeOnSelect:_=!1,closeOnPresetSelect:v=!1,showFooter:y=!0,presets:b,triggerClassName:x,contentClassName:S,months:C,numberOfMonths:w=2,pagedNavigation:T=!0,...E}){let[D,O]=o.useState(!1),[k,A]=o.useState(i??{}),j=i?.from??``,M=i?.to??``,N=!!(j||M),P=y?k:i,F=P?.from??``,I=P?.to??``,L=!!(F||I),R=C??w,z=j&&M?`${g(j)} - ${g(M)}`:j?`${g(j)} - ...`:p??f?.placeholder??`Select date range`,B=F&&I?`${g(F)} - ${g(I)}`:F?`${g(F)} - ...`:f?.placeholder??`Select date range`;o.useEffect(()=>{D&&y&&A(i??{})},[D,y,i]);let V=e=>{if(y){A(e);return}d?.(e),_&&e.from&&e.to&&O(!1)},H=()=>{d?.(k),O(!1)},U=()=>{let e={};if(y){A(e);return}d?.(e)},W=()=>{let e={};A(e),d?.(e)},G=e=>{e.preventDefault(),e.stopPropagation(),W()},K=e=>{if(y){A(e),v&&(d?.(e),O(!1));return}d?.(e),(_||v)&&e.from&&e.to&&O(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-range-picker`,className:t.cn(`w-full`,e),children:(0,c.jsxs)(r.Popover,{open:D,onOpenChange:O,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:m,className:t.cn(`group min-h-11 w-full justify-start gap-3 rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 px-3 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,!N&&`text-muted-foreground`,x)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(N&&`text-primary`)}),N?(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2`,children:[(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.start??`Start`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:j?g(j):`...`})]}),(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`-`}),(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.end??`End`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:M?g(M):`...`})]})]}):(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Range`}),(0,c.jsx)(`span`,{className:`truncate text-sm`,children:z})]}),h&&N?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":u(f?.clear,`Clear date range`),className:`ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,onClick:G,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),W())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsxs)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,S),children:[b?.length?(0,c.jsx)(`div`,{className:`flex flex-wrap gap-2 border-b border-border/70 bg-muted/20 px-3 py-3`,children:b.map((e,t)=>(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,className:`h-7 rounded-full px-3 text-xs`,onClick:()=>K(e.value),children:e.label},t))}):null,(0,c.jsx)(a.Calendar,{mode:`range`,range:P,onRangeChange:V,labels:f,renderSelectionSummary:({range:e})=>{let t=e?.from?g(e.from):null,n=e?.to?g(e.to):null;return t&&n?`${t} -> ${n}`:t?`${t} -> ...`:`No range selected`},numberOfMonths:R,pagedNavigation:T,showClearShortcut:!y&&h,showSelectionSummary:!0,...E}),y&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-border/70 bg-muted/24 px-4 py-3`,children:[(0,c.jsx)(`div`,{className:`min-w-0 text-sm text-muted-foreground`,children:(0,c.jsx)(`span`,{className:`block truncate`,children:B})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:U,children:f?.clear??`Clear`}),(0,c.jsx)(n.Button,{type:`button`,size:`sm`,disabled:!L,onClick:H,children:f?.apply??`Apply`})]})]})]})]})})}exports.DateRangePicker=d;
+"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/popover/index.cjs"),i=require("./date-utils.cjs"),a=require("./calendar.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=i.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u(e,t){return typeof e==`string`?e:t}function d({className:e,value:i,onValueChange:d,labels:f,placeholder:p,disabled:m=!1,clearable:h=!0,formatValue:g=l,closeOnSelect:_=!1,closeOnPresetSelect:v=!1,showFooter:y=!0,presets:b,triggerClassName:x,contentClassName:S,months:C,numberOfMonths:w=2,pagedNavigation:T=!0,...E}){let[D,O]=o.useState(!1),[k,A]=o.useState(i??{}),j=i?.from??``,M=i?.to??``,N=!!(j||M),P=y?k:i,F=P?.from??``,I=P?.to??``,L=!!(F||I),R=C??w,z=j&&M?`${g(j)} - ${g(M)}`:j?`${g(j)} - ...`:p??f?.placeholder??`Select date range`,B=F&&I?`${g(F)} - ${g(I)}`:F?`${g(F)} - ...`:f?.placeholder??`Select date range`;o.useEffect(()=>{D&&y&&A(i??{})},[D,y,i]);let V=e=>{if(y){A(e);return}d?.(e),_&&e.from&&e.to&&O(!1)},H=()=>{d?.(k),O(!1)},U=()=>{let e={};if(y){A(e);return}d?.(e)},W=()=>{let e={};A(e),d?.(e)},G=e=>{e.preventDefault(),e.stopPropagation(),W()},K=e=>{if(y){A(e),v&&(d?.(e),O(!1));return}d?.(e),(_||v)&&e.from&&e.to&&O(!1)};return(0,c.jsx)(`div`,{"data-slot":`date-range-picker`,className:t.cn(`w-full`,e),children:(0,c.jsxs)(r.Popover,{open:D,onOpenChange:O,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:m,className:t.cn(`group min-h-11 w-full justify-start gap-3 rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 px-3 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,!N&&`text-muted-foreground`,x)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`,className:t.cn(N&&`text-primary`)}),N?(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2`,children:[(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.start??`Start`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:j?g(j):`...`})]}),(0,c.jsx)(`span`,{className:`text-muted-foreground`,children:`-`}),(0,c.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:f?.end??`End`}),(0,c.jsx)(`span`,{className:`truncate text-sm font-semibold text-foreground`,children:M?g(M):`...`})]})]}):(0,c.jsxs)(`span`,{className:`grid min-w-0 flex-1 gap-0.5`,children:[(0,c.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Range`}),(0,c.jsx)(`span`,{className:`truncate text-sm`,children:z})]}),h&&N?(0,c.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":u(f?.clear,`Clear date range`),className:`ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-sm)] text-muted-foreground opacity-80 transition hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,onClick:G,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),W())},children:(0,c.jsx)(s.XIcon,{className:`size-3.5`})}):null]}),(0,c.jsxs)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,S),children:[b?.length?(0,c.jsx)(`div`,{className:`flex flex-wrap gap-2 border-b border-border/70 bg-muted/20 px-3 py-3`,children:b.map((e,t)=>(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,className:`h-7 rounded-full px-3 text-xs`,onClick:()=>K(e.value),children:e.label},t))}):null,(0,c.jsx)(a.Calendar,{mode:`range`,range:P,onRangeChange:V,labels:f,renderSelectionSummary:({range:e})=>{let t=e?.from?g(e.from):null,n=e?.to?g(e.to):null;return t&&n?`${t} -> ${n}`:t?`${t} -> ...`:`No range selected`},numberOfMonths:R,pagedNavigation:T,showClearShortcut:!y&&h,showSelectionSummary:!0,...E}),y&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-border/70 bg-muted/24 px-4 py-3`,children:[(0,c.jsx)(`div`,{className:`min-w-0 text-sm text-muted-foreground`,children:(0,c.jsx)(`span`,{className:`block truncate`,children:B})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:U,children:f?.clear??`Clear`}),(0,c.jsx)(n.Button,{type:`button`,size:`sm`,disabled:!L,onClick:H,children:f?.apply??`Apply`})]})]})]})]})})}exports.DateRangePicker=d;

package/dist/components/calendar/date-range-picker.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 { Popover as n, PopoverContent as r, PopoverTrigger as i } from "../ui/popover/index.js";

package/dist/components/command/command-palette.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/dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e){return[e.value,typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.id,typeof e.description==`string`||typeof e.description==`number`?String(e.description):``,...e.keywords??[]].filter(Boolean).join(` `).toLowerCase()}function c(e,t){return t?s(e).includes(t.trim().toLowerCase()):!0}function l(e){return e===!1?{enabled:!1,label:`Recent`,limit:5}:e===!0||e===void 0?{enabled:!0,label:`Recent`,limit:5}:{enabled:e.enabled??!0,label:e.label??`Recent`,limit:e.limit??5}}function u({open:e,onOpenChange:s,title:u=`Command palette`,description:d=`Search commands and actions.`,placeholder:f=`Search...`,emptyLabel:p=`No results found.`,loadingLabel:m=`Loading commands...`,groups:h,value:g,onValueChange:_,debounceMs:v=180,recent:y,filterItem:b=c,renderEmpty:x,renderLoading:S,onItemSelect:C,className:w,contentClassName:T,inputClassName:E,listClassName:D}){let[O,k]=i.useState(``),[A,j]=i.useState(``),[M,N]=i.useState({}),[P,F]=i.useState([]),[I,L]=i.useState(null),R=g??O,z=R.trim().toLowerCase(),B=l(y);i.useEffect(()=>{let e=window.setTimeout(()=>j(R),v);return()=>window.clearTimeout(e)},[v,R]),i.useEffect(()=>{if(!e)return;let t=!0;return h.filter(e=>!e.hidden&&e.loadItems).forEach(e=>{N(t=>({...t,[e.id]:{items:t[e.id]?.items??[],loading:!0,error:void 0}})),e.loadItems?.(A).then(n=>{t&&N(t=>({...t,[e.id]:{items:n,loading:!1}}))},n=>{t&&N(t=>({...t,[e.id]:{items:[],loading:!1,error:n}}))})}),()=>{t=!1}},[A,h,e]);let V=e=>{k(e),_?.(e)},H=i.useMemo(()=>{let e=new Map;return h.forEach(t=>{t.items?.forEach(t=>e.set(t.id,t)),M[t.id]?.items.forEach(t=>e.set(t.id,t))}),e},[M,h]),U=i.useMemo(()=>h.filter(e=>!e.hidden).map(e=>{let t=M[e.id],n=[...e.items??[],...t?.items??[]].filter(e=>e.hidden?!1:b(e,z));return{...e,items:n,loading:t?.loading??!1,error:t?.error}}).filter(e=>e.items.length>0||e.loading||e.error),[M,b,h,z]),W=i.useMemo(()=>!B.enabled||z||P.length===0?null:{id:`__recent`,label:B.label,items:P.slice(0,B.limit),loading:!1,error:void 0},[z,B.enabled,B.label,B.limit,P]),G=W?[W,...U]:U,K=G.some(e=>e.items.length>0),q=G.some(e=>e.loading),J=e=>{if(!B.enabled)return;let t=H.get(e.id)??e;F(n=>[t,...n.filter(t=>t.id!==e.id)].slice(0,B.limit))},Y=async(e,t)=>{if(!(e.disabled||I))try{L(e.id),await e.onSelect?.(),C?.(e,t),J(e),e.closeOnSelect!==!1&&s?.(!1)}finally{L(null)}};return(0,o.jsx)(r.Dialog,{open:e,onOpenChange:s,children:(0,o.jsxs)(r.DialogContent,{className:t.cn(`overflow-hidden rounded-[var(--radius-3xl)] border-border/80 bg-popover/98 p-0 shadow-[0_28px_90px_rgba(15,23,42,0.24)] backdrop-blur sm:max-w-xl`,T),children:[(0,o.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(r.DialogTitle,{children:u}),(0,o.jsx)(r.DialogDescription,{children:d})]}),(0,o.jsxs)(`div`,{"data-slot":`command-palette`,className:t.cn(`flex max-h-[32rem] flex-col overflow-hidden rounded-[var(--radius-3xl)] bg-popover/98 text-popover-foreground`,w),children:[(0,o.jsxs)(`div`,{className:`relative border-b border-border/70 bg-muted/20 p-3`,children:[(0,o.jsx)(a.SearchIcon,{className:`pointer-events-none absolute left-4 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,o.jsx)(n.Input,{value:R,onChange:e=>V(e.target.value),placeholder:f,className:t.cn(`h-11 rounded-full border-border/75 bg-background/96 pl-10 shadow-[0_1px_0_rgba(255,255,255,0.05)] focus-visible:ring-2`,E),autoFocus:!0})]}),(0,o.jsxs)(`div`,{className:t.cn(`overflow-y-auto p-3`,D),children:[!K&&q&&(0,o.jsx)(`div`,{className:`flex items-center justify-center gap-2 rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/30 py-8 text-sm text-muted-foreground`,children:S?.(R)??(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Loader2Icon,{className:`size-4 animate-spin`}),m]})}),!K&&!q&&(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/30 py-8 text-center text-sm text-muted-foreground`,children:x?.(R)??p}),G.map(e=>(0,o.jsxs)(`div`,{className:`py-1`,children:[e.label&&(0,o.jsxs)(`div`,{className:`flex items-center justify-between px-2 py-2 text-[11px] font-semibold uppercase tracking-[0.22em] text-muted-foreground`,children:[(0,o.jsx)(`span`,{children:e.label}),e.loading&&(0,o.jsx)(a.Loader2Icon,{className:`size-3.5 animate-spin`})]}),e.error?(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-destructive/20 bg-destructive/8 px-3 py-2 text-xs text-destructive`,children:`Could not load commands.`}):null,e.loading&&e.items.length===0&&(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/25 px-3 py-2 text-xs text-muted-foreground`,children:e.loadingLabel??m}),e.items.length===0&&!e.loading&&!e.error&&e.emptyLabel&&(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/25 px-3 py-2 text-xs text-muted-foreground`,children:e.emptyLabel}),e.items.map(t=>{let n=I===t.id;return(0,o.jsxs)(`button`,{type:`button`,disabled:t.disabled||n,"data-disabled":t.disabled||void 0,className:`flex w-full items-start gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent px-3 py-2.5 text-left text-sm outline-none transition-colors hover:border-border/70 hover:bg-accent/60 hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50`,onClick:()=>void Y(t,e),children:[t.icon&&(0,o.jsx)(`span`,{className:`shrink-0 text-muted-foreground [&_svg]:size-4`,children:t.icon}),(0,o.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{className:`block truncate`,children:t.label}),(t.description||t.disabledReason)&&(0,o.jsx)(`span`,{className:`block truncate text-xs text-muted-foreground`,children:t.disabled?t.disabledReason??t.description:t.description})]}),n&&(0,o.jsx)(a.Loader2Icon,{className:`size-3.5 animate-spin text-muted-foreground`}),t.shortcut&&(0,o.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:t.shortcut})]},t.id)})]},e.id))]})]})]})})}function d(e,t=!0){i.useEffect(()=>{if(!t)return;let n=t=>{(t.metaKey||t.ctrlKey)&&t.key.toLowerCase()===`k`&&(t.preventDefault(),e(!0))};return window.addEventListener(`keydown`,n),()=>window.removeEventListener(`keydown`,n)},[t,e])}exports.CommandPalette=u,exports.useCommandPaletteShortcut=d;
+"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/dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e){return[e.value,typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.id,typeof e.description==`string`||typeof e.description==`number`?String(e.description):``,...e.keywords??[]].filter(Boolean).join(` `).toLowerCase()}function c(e,t){return t?s(e).includes(t.trim().toLowerCase()):!0}function l(e){return e===!1?{enabled:!1,label:`Recent`,limit:5}:e===!0||e===void 0?{enabled:!0,label:`Recent`,limit:5}:{enabled:e.enabled??!0,label:e.label??`Recent`,limit:e.limit??5}}function u({open:e,onOpenChange:s,title:u=`Command palette`,description:d=`Search commands and actions.`,placeholder:f=`Search...`,emptyLabel:p=`No results found.`,loadingLabel:m=`Loading commands...`,groups:h,value:g,onValueChange:_,debounceMs:v=180,recent:y,filterItem:b=c,renderEmpty:x,renderLoading:S,onItemSelect:C,className:w,contentClassName:T,inputClassName:E,listClassName:D}){let[O,k]=i.useState(``),[A,j]=i.useState(``),[M,N]=i.useState({}),[P,F]=i.useState([]),[I,L]=i.useState(null),R=g??O,z=R.trim().toLowerCase(),B=l(y);i.useEffect(()=>{let e=window.setTimeout(()=>j(R),v);return()=>window.clearTimeout(e)},[v,R]),i.useEffect(()=>{if(!e)return;let t=!0;return h.filter(e=>!e.hidden&&e.loadItems).forEach(e=>{N(t=>({...t,[e.id]:{items:t[e.id]?.items??[],loading:!0,error:void 0}})),e.loadItems?.(A).then(n=>{t&&N(t=>({...t,[e.id]:{items:n,loading:!1}}))},n=>{t&&N(t=>({...t,[e.id]:{items:[],loading:!1,error:n}}))})}),()=>{t=!1}},[A,h,e]);let V=e=>{k(e),_?.(e)},H=i.useMemo(()=>{let e=new Map;return h.forEach(t=>{t.items?.forEach(t=>e.set(t.id,t)),M[t.id]?.items.forEach(t=>e.set(t.id,t))}),e},[M,h]),U=i.useMemo(()=>h.filter(e=>!e.hidden).map(e=>{let t=M[e.id],n=[...e.items??[],...t?.items??[]].filter(e=>e.hidden?!1:b(e,z));return{...e,items:n,loading:t?.loading??!1,error:t?.error}}).filter(e=>e.items.length>0||e.loading||e.error),[M,b,h,z]),W=i.useMemo(()=>!B.enabled||z||P.length===0?null:{id:`__recent`,label:B.label,items:P.slice(0,B.limit),loading:!1,error:void 0},[z,B.enabled,B.label,B.limit,P]),G=W?[W,...U]:U,K=G.some(e=>e.items.length>0),q=G.some(e=>e.loading),J=e=>{if(!B.enabled)return;let t=H.get(e.id)??e;F(n=>[t,...n.filter(t=>t.id!==e.id)].slice(0,B.limit))},Y=async(e,t)=>{if(!(e.disabled||I))try{L(e.id),await e.onSelect?.(),C?.(e,t),J(e),e.closeOnSelect!==!1&&s?.(!1)}finally{L(null)}};return(0,o.jsx)(r.Dialog,{open:e,onOpenChange:s,children:(0,o.jsxs)(r.DialogContent,{className:t.cn(`overflow-hidden rounded-[var(--radius-3xl)] border-border/80 bg-popover/98 p-0 shadow-[0_28px_90px_rgba(15,23,42,0.24)] backdrop-blur sm:max-w-xl`,T),children:[(0,o.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(r.DialogTitle,{children:u}),(0,o.jsx)(r.DialogDescription,{children:d})]}),(0,o.jsxs)(`div`,{"data-slot":`command-palette`,className:t.cn(`flex max-h-[32rem] flex-col overflow-hidden rounded-[var(--radius-3xl)] bg-popover/98 text-popover-foreground`,w),children:[(0,o.jsxs)(`div`,{className:`relative border-b border-border/70 bg-muted/20 p-3`,children:[(0,o.jsx)(a.SearchIcon,{className:`pointer-events-none absolute left-4 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,o.jsx)(n.Input,{value:R,onChange:e=>V(e.target.value),placeholder:f,className:t.cn(`h-11 rounded-full border-border/75 bg-background/96 pl-10 shadow-[0_1px_0_rgba(255,255,255,0.05)] focus-visible:ring-2`,E),autoFocus:!0})]}),(0,o.jsxs)(`div`,{className:t.cn(`overflow-y-auto p-3`,D),children:[!K&&q&&(0,o.jsx)(`div`,{className:`flex items-center justify-center gap-2 rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/30 py-8 text-sm text-muted-foreground`,children:S?.(R)??(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.Loader2Icon,{className:`size-4 animate-spin`}),m]})}),!K&&!q&&(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/30 py-8 text-center text-sm text-muted-foreground`,children:x?.(R)??p}),G.map(e=>(0,o.jsxs)(`div`,{className:`py-1`,children:[e.label&&(0,o.jsxs)(`div`,{className:`flex items-center justify-between px-2 py-2 text-[11px] font-semibold uppercase tracking-[0.22em] text-muted-foreground`,children:[(0,o.jsx)(`span`,{children:e.label}),e.loading&&(0,o.jsx)(a.Loader2Icon,{className:`size-3.5 animate-spin`})]}),e.error?(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-destructive/20 bg-destructive/8 px-3 py-2 text-xs text-destructive`,children:`Could not load commands.`}):null,e.loading&&e.items.length===0&&(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/25 px-3 py-2 text-xs text-muted-foreground`,children:e.loadingLabel??m}),e.items.length===0&&!e.loading&&!e.error&&e.emptyLabel&&(0,o.jsx)(`div`,{className:`rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/25 px-3 py-2 text-xs text-muted-foreground`,children:e.emptyLabel}),e.items.map(t=>{let n=I===t.id;return(0,o.jsxs)(`button`,{type:`button`,disabled:t.disabled||n,"data-disabled":t.disabled||void 0,className:`flex w-full items-start gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent px-3 py-2.5 text-left text-sm outline-none transition-colors hover:border-border/70 hover:bg-accent/60 hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50`,onClick:()=>void Y(t,e),children:[t.icon&&(0,o.jsx)(`span`,{className:`shrink-0 text-muted-foreground [&_svg]:size-4`,children:t.icon}),(0,o.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`span`,{className:`block truncate`,children:t.label}),(t.description||t.disabledReason)&&(0,o.jsx)(`span`,{className:`block truncate text-xs text-muted-foreground`,children:t.disabled?t.disabledReason??t.description:t.description})]}),n&&(0,o.jsx)(a.Loader2Icon,{className:`size-3.5 animate-spin text-muted-foreground`}),t.shortcut&&(0,o.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:t.shortcut})]},t.id)})]},e.id))]})]})]})})}function d(e,t=!0){i.useEffect(()=>{if(!t)return;let n=t=>{(t.metaKey||t.ctrlKey)&&t.key.toLowerCase()===`k`&&(t.preventDefault(),e(!0))};return window.addEventListener(`keydown`,n),()=>window.removeEventListener(`keydown`,n)},[t,e])}exports.CommandPalette=u,exports.useCommandPaletteShortcut=d;

package/dist/components/command/command-palette.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 { Dialog as n, DialogContent as r, DialogDescription as i, DialogHeader as a, DialogTitle as o } from "../ui/dialog/index.js";

package/dist/components/data-table/data-table-saved-filters.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"),a=require("../ui/select/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l({savedFilters:e,activeFilterId:l,onSelectFilter:u,onSaveFilter:d,onDeleteFilter:f,onClearFilters:p,triggerClassName:m,className:h,...g}){let[_,v]=o.useState(!1),[y,b]=o.useState(``),x=e=>{e.preventDefault(),y.trim()&&(d?.(y.trim()),b(``),v(!1))};return(0,c.jsx)(`div`,{className:h,...g,children:(0,c.jsxs)(a.Select,{value:l??null,onValueChange:e=>{e&&u?.(e)},children:[(0,c.jsx)(a.SelectTrigger,{className:m,children:(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(s.BookmarkIcon,{className:`size-4 text-muted-foreground`}),(0,c.jsx)(a.SelectValue,{placeholder:`Saved views`})]})}),(0,c.jsxs)(a.SelectContent,{children:[(0,c.jsxs)(a.SelectGroup,{children:[(0,c.jsx)(a.SelectLabel,{children:`Views`}),e.length===0&&(0,c.jsx)(`div`,{className:`px-2 py-1.5 text-sm text-muted-foreground`,children:`No saved views`}),e.map(e=>(0,c.jsxs)(`div`,{className:`group relative flex items-center`,children:[(0,c.jsx)(a.SelectItem,{value:e.id,className:`pr-8 w-full`,children:e.name}),(0,c.jsxs)(n.Button,{variant:`ghost`,size:`icon-sm`,className:`absolute right-1 hidden group-hover:flex`,onClick:n=>{n.preventDefault(),t.stopInteractivePropagation(n),f?.(e.id)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,c.jsx)(s.XIcon,{className:`size-3`}),(0,c.jsx)(`span`,{className:`sr-only`,children:`Delete`})]})]},e.id))]}),(0,c.jsx)(a.SelectSeparator,{}),(0,c.jsx)(`div`,{className:`p-1`,children:(0,c.jsxs)(i.Popover,{open:_,onOpenChange:v,children:[(0,c.jsxs)(i.PopoverTrigger,{render:(0,c.jsx)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start gap-2`}),children:[(0,c.jsx)(s.SaveIcon,{className:`size-4`}),`Save current view`]}),(0,c.jsx)(i.PopoverContent,{className:`w-64`,align:`start`,children:(0,c.jsxs)(`form`,{onSubmit:x,className:`grid gap-4`,children:[(0,c.jsxs)(`div`,{className:`space-y-2`,children:[(0,c.jsx)(`h4`,{className:`font-medium leading-none`,children:`Save View`}),(0,c.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Save current filters and sorting.`})]}),(0,c.jsx)(`div`,{className:`grid gap-2`,children:(0,c.jsx)(r.Input,{id:`name`,placeholder:`e.g. Active Users`,value:y,onChange:e=>b(e.target.value)})}),(0,c.jsx)(n.Button,{type:`submit`,disabled:!y.trim(),children:`Save`})]})})]})}),l&&(0,c.jsx)(`div`,{className:`p-1`,children:(0,c.jsxs)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start gap-2 text-destructive hover:bg-destructive/10 hover:text-destructive`,onClick:e=>{e.preventDefault(),t.stopInteractivePropagation(e),p?.()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,c.jsx)(s.XIcon,{className:`size-4`}),`Clear active view`]})})]})]})})}exports.DataTableSavedFilters=l;
+"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"),a=require("../ui/select/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l({savedFilters:e,activeFilterId:l,onSelectFilter:u,onSaveFilter:d,onDeleteFilter:f,onClearFilters:p,triggerClassName:m,className:h,...g}){let[_,v]=o.useState(!1),[y,b]=o.useState(``),x=e=>{e.preventDefault(),y.trim()&&(d?.(y.trim()),b(``),v(!1))};return(0,c.jsx)(`div`,{className:h,...g,children:(0,c.jsxs)(a.Select,{value:l??null,onValueChange:e=>{e&&u?.(e)},children:[(0,c.jsx)(a.SelectTrigger,{className:m,children:(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(s.BookmarkIcon,{className:`size-4 text-muted-foreground`}),(0,c.jsx)(a.SelectValue,{placeholder:`Saved views`})]})}),(0,c.jsxs)(a.SelectContent,{children:[(0,c.jsxs)(a.SelectGroup,{children:[(0,c.jsx)(a.SelectLabel,{children:`Views`}),e.length===0&&(0,c.jsx)(`div`,{className:`px-2 py-1.5 text-sm text-muted-foreground`,children:`No saved views`}),e.map(e=>(0,c.jsxs)(`div`,{className:`group relative flex items-center`,children:[(0,c.jsx)(a.SelectItem,{value:e.id,className:`pr-8 w-full`,children:e.name}),(0,c.jsxs)(n.Button,{variant:`ghost`,size:`icon-sm`,className:`absolute right-1 hidden group-hover:flex`,onClick:n=>{n.preventDefault(),t.stopInteractivePropagation(n),f?.(e.id)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,c.jsx)(s.XIcon,{className:`size-3`}),(0,c.jsx)(`span`,{className:`sr-only`,children:`Delete`})]})]},e.id))]}),(0,c.jsx)(a.SelectSeparator,{}),(0,c.jsx)(`div`,{className:`p-1`,children:(0,c.jsxs)(i.Popover,{open:_,onOpenChange:v,children:[(0,c.jsxs)(i.PopoverTrigger,{render:(0,c.jsx)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start gap-2`}),children:[(0,c.jsx)(s.SaveIcon,{className:`size-4`}),`Save current view`]}),(0,c.jsx)(i.PopoverContent,{className:`w-64`,align:`start`,children:(0,c.jsxs)(`form`,{onSubmit:x,className:`grid gap-4`,children:[(0,c.jsxs)(`div`,{className:`space-y-2`,children:[(0,c.jsx)(`h4`,{className:`font-medium leading-none`,children:`Save View`}),(0,c.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Save current filters and sorting.`})]}),(0,c.jsx)(`div`,{className:`grid gap-2`,children:(0,c.jsx)(r.Input,{id:`name`,placeholder:`e.g. Active Users`,value:y,onChange:e=>b(e.target.value)})}),(0,c.jsx)(n.Button,{type:`submit`,disabled:!y.trim(),children:`Save`})]})})]})}),l&&(0,c.jsx)(`div`,{className:`p-1`,children:(0,c.jsxs)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start gap-2 text-destructive hover:bg-destructive/10 hover:text-destructive`,onClick:e=>{e.preventDefault(),t.stopInteractivePropagation(e),p?.()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,c.jsx)(s.XIcon,{className:`size-4`}),`Clear active view`]})})]})]})})}exports.DataTableSavedFilters=l;

package/dist/components/data-table/data-table-saved-filters.js

@@ -1,3 +1,4 @@
+"use client";
 import { stopInteractivePropagation 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/data-table/data-table.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/table/index.cjs"),a=require("../feedback/loading-state.cjs"),o=require("../display/data-state.cjs"),ee=require("./data-table-actions-column.cjs"),te=require("./data-table-bulk-actions.cjs"),ne=require("./data-table-column-visibility-menu.cjs"),re=require("./data-table-pagination.cjs"),ie=require("./data-table-toolbar.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("@tanstack/react-table");var ae={compact:`h-8 px-2 py-1.5`,default:`h-10 px-2 py-2`,comfortable:`h-12 px-3 py-3`},u={compact:`px-2 py-1.5`,default:`p-2`,comfortable:`px-3 py-3`};function oe(e,t){return typeof t==`function`?t(e):t}function se(e,t){return typeof t==`function`?t(e):t}function ce(e,t){return typeof t==`function`?t(e):t}function le(e){return e==null||e===``}function d({className:e,columns:d,data:f,title:p,description:m,features:h,search:g,filters:_,summary:v,toolbarActions:y,rowActions:b,bulkActions:x,onRefresh:S,onExport:C,refreshLabel:ue=`Refresh`,exportLabel:de=`Export`,getRowId:fe,isLoading:w=!1,isError:pe=!1,emptyState:me,errorState:he,loadingState:T,loadingVariant:ge=`skeleton`,toolbar:E,toolbarProps:D,pagination:O,sorting:_e,onSortingChange:ve,columnVisibility:ye,onColumnVisibilityChange:be,rowSelection:xe,onRowSelectionChange:Se,enableRowSelection:Ce,renderMobileCard:k,onRowClick:A,onRowDoubleClick:we,getRowDisabled:Te,density:j=`default`,striped:M=!1,bordered:N=!1,stickyHeader:P=!1,skeletonRows:Ee=6,skeletonCellClassName:De,cellFallback:Oe=`-`,tableClassName:ke,tableWrapperClassName:Ae,headerCellClassName:je,cellClassName:Me,rowClassName:Ne,renderExpandedRow:Pe,expanded:Fe,onExpandedChange:Ie,getRowCanExpand:Le,columnPinning:F,onColumnPinningChange:Re,...ze}){let Be=s.useMemo(()=>{let e=d;return!b||h?.rowActions===!1?e:[...e,ee.createDataTableActionsColumn({getActions:b})]},[d,h?.rowActions,b]),I=O===!1?void 0:O,Ve=I?{pageIndex:I.pageIndex,pageSize:I.pageSize}:void 0,L=!!(I&&I.manual!==!1),He=xe??{},R=(0,l.useReactTable)({data:f,columns:Be,getRowId:fe,getCoreRowModel:(0,l.getCoreRowModel)(),getPaginationRowModel:I&&!L?(0,l.getPaginationRowModel)():void 0,manualPagination:L,pageCount:I?.pageCount,state:{sorting:_e,columnVisibility:ye,rowSelection:He,pagination:Ve,expanded:Fe,...F?{columnPinning:F}:{}},onSortingChange:ve,onColumnVisibilityChange:be,onRowSelectionChange:Se,onExpandedChange:Ie,onColumnPinningChange:Re,enableRowSelection:Ce,getRowCanExpand:Le,getExpandedRowModel:(0,l.getExpandedRowModel)()}),z=R.getRowModel().rows,B=R.getSelectedRowModel().rows.map(e=>e.original),Ue=B.length,V=s.useMemo(()=>({table:R,data:f,selectedRows:B}),[f,B,R]),H=R.getVisibleLeafColumns(),We=Math.max(H.length,1),U=typeof E==`function`?E(R):E,W=typeof D==`function`?D(R):D,G=typeof _==`function`?_(V):_,K=typeof v==`function`?v(V):v,Ge=!!(g&&h?.search!==!1),Ke=!!(h?.columnVisibility&&R.getAllLeafColumns().some(e=>e.getCanHide())),q=!!(h?.refresh&&S),J=!!(h?.export&&C),qe=!!(h?.bulkActions!==!1&&x?.length),Y=Ke&&!!(p||m||g||G||K||y||q||J),X=Ge&&g?(0,c.jsx)(r.Input,{type:`search`,value:g.value,onValueChange:g.onValueChange,placeholder:g.placeholder??`Search...`,wrapperClassName:g.wrapperClassName??g.className,inputClassName:g.inputClassName,disabled:g.disabled,clearable:g.clearable,clearLabel:g.clearLabel,searchIcon:g.searchIcon}):void 0,Je=(0,c.jsxs)(c.Fragment,{children:[typeof y==`function`?y(V):y,Y&&(0,c.jsx)(ne.DataTableColumnVisibilityMenu,{table:R}),q&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:w,onClick:()=>S?.(V),children:ue}),J&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>C?.(V),children:de})]}),Z=qe?(0,c.jsx)(te.DataTableBulkActions,{rows:B,actions:x??[],selectedLabel:()=>`Actions`,clearLabel:null,onClearSelection:()=>R.resetRowSelection(),hideWhenEmpty:!1}):void 0,Ye=!!(U||W||p||m||X||G||K||y||Y||q||J||Z),Xe=!!(I&&!I.hidden),Q=w&&ge===`skeleton`,Ze=e=>(0,c.jsx)(i.TableRow,{children:(0,c.jsx)(i.TableCell,{colSpan:We,className:`p-0`,children:e})}),Qe=()=>Array.from({length:Math.max(Ee,1)},(e,n)=>(0,c.jsx)(i.TableRow,{"aria-hidden":`true`,children:H.map(e=>(0,c.jsx)(i.TableCell,{className:t.cn(u[j],N&&`border-r last:border-r-0`),children:(0,c.jsx)(`div`,{className:t.cn(`h-4 w-full max-w-40 animate-pulse rounded-md bg-muted`,n%3==1&&`max-w-24`,n%3==2&&`max-w-32`,De)})},`${e.id}-${n}`))},`skeleton-${n}`)),$=Q?null:w?(0,c.jsx)(a.LoadingState,{label:`Loading data...`,...T}):pe?(0,c.jsx)(o.DataState,{status:`error`,title:`Could not load data`,description:`Please try again.`,variant:`plain`,...he}):z.length===0?(0,c.jsx)(o.DataState,{status:`empty`,variant:`plain`,...me}):null;return(0,c.jsxs)(`div`,{"data-slot":`data-table`,className:t.cn(`grid gap-3`,e),...ze,children:[Ye&&(U??(0,c.jsx)(ie.DataTableToolbar,{title:p,description:m,search:X,filters:G,summary:K,actions:Je,selectionActions:Z,selectedCount:Ue,totalCount:I?I.rowCount??f.length:f.length,variant:`plain`,...W})),k&&(0,c.jsx)(`div`,{className:`grid gap-3 md:hidden`,children:$??(Q?(0,c.jsx)(a.LoadingState,{label:`Loading data...`,...T}):z.map(e=>(0,c.jsx)(s.Fragment,{children:k(e)},e.id)))}),(0,c.jsxs)(`div`,{"data-slot":`data-table-wrapper`,"data-density":j,"data-striped":M||void 0,"data-bordered":N||void 0,className:t.cn(`overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))] backdrop-blur`,k&&`hidden md:block`,Ae),children:[(0,c.jsxs)(i.Table,{containerClassName:`rounded-none border-0 bg-transparent shadow-none ring-0`,className:t.cn(`text-[0.95rem]`,ke),children:[(0,c.jsx)(i.TableHeader,{className:t.cn(P&&`sticky top-0 z-10 shadow-sm backdrop-blur`),children:R.getHeaderGroups().map(e=>(0,c.jsx)(i.TableRow,{children:e.headers.map(e=>(0,c.jsx)(i.TableHead,{style:{width:e.getSize(),...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:P?20:11}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:P?20:11}:{}},className:t.cn(ae[j],`bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground`,P&&`bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur`,e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,N&&`border-r last:border-r-0`,se(e,je)),children:e.isPlaceholder?null:(0,l.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,c.jsx)(i.TableBody,{children:$?Ze($):Q?Qe():z.map((e,n)=>{let r=Te?.(e)??!1;return(0,c.jsxs)(s.Fragment,{children:[(0,c.jsx)(i.TableRow,{"data-state":e.getIsSelected()?`selected`:void 0,"data-striped":M&&n%2==1?`true`:void 0,"data-disabled":r||void 0,className:t.cn(A&&!r&&`cursor-pointer`,!r&&`transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]`,r&&`pointer-events-none opacity-55`,oe(e,Ne)),onClick:()=>{r||A?.(e)},onDoubleClick:()=>{r||we?.(e)},children:e.getVisibleCells().map(e=>{let n=(0,l.flexRender)(e.column.columnDef.cell,e.getContext());return(0,c.jsx)(i.TableCell,{style:{...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:10}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:10}:{}},className:t.cn(u[j],e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,N&&`border-r last:border-r-0`,ce(e,Me)),children:le(n)?Oe:n},e.id)})}),e.getIsExpanded()&&Pe&&(0,c.jsx)(i.TableRow,{className:`bg-muted/50 hover:bg-muted/50`,children:(0,c.jsx)(i.TableCell,{colSpan:e.getVisibleCells().length,children:Pe(e)})})]},e.id)})})]}),Xe&&I&&(0,c.jsx)(re.DataTablePagination,{pageIndex:I.pageIndex,pageSize:I.pageSize,pageCount:I.pageCount,rowCount:I.rowCount,pageSizeOptions:I.pageSizeOptions,showPageSize:I.showPageSize,labels:I.labels,disabled:w,onPageChange:I.onPageChange,onPageSizeChange:I.onPageSizeChange})]})]})}exports.DataTable=d;
+"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/table/index.cjs"),a=require("../feedback/loading-state.cjs"),o=require("../display/data-state.cjs"),ee=require("./data-table-actions-column.cjs"),te=require("./data-table-bulk-actions.cjs"),ne=require("./data-table-column-visibility-menu.cjs"),re=require("./data-table-pagination.cjs"),ie=require("./data-table-toolbar.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("@tanstack/react-table");var ae={compact:`h-8 px-2 py-1.5`,default:`h-10 px-2 py-2`,comfortable:`h-12 px-3 py-3`},u={compact:`px-2 py-1.5`,default:`p-2`,comfortable:`px-3 py-3`};function oe(e,t){return typeof t==`function`?t(e):t}function se(e,t){return typeof t==`function`?t(e):t}function ce(e,t){return typeof t==`function`?t(e):t}function le(e){return e==null||e===``}function d({className:e,columns:d,data:f,title:p,description:m,features:h,search:g,filters:_,summary:v,toolbarActions:y,rowActions:b,bulkActions:x,onRefresh:S,onExport:C,refreshLabel:ue=`Refresh`,exportLabel:de=`Export`,getRowId:fe,isLoading:w=!1,isError:pe=!1,emptyState:me,errorState:he,loadingState:T,loadingVariant:ge=`skeleton`,toolbar:E,toolbarProps:D,pagination:O,sorting:_e,onSortingChange:ve,columnVisibility:ye,onColumnVisibilityChange:be,rowSelection:xe,onRowSelectionChange:Se,enableRowSelection:Ce,renderMobileCard:k,onRowClick:A,onRowDoubleClick:we,getRowDisabled:Te,density:j=`default`,striped:M=!1,bordered:N=!1,stickyHeader:P=!1,skeletonRows:Ee=6,skeletonCellClassName:De,cellFallback:Oe=`-`,tableClassName:ke,tableWrapperClassName:Ae,headerCellClassName:je,cellClassName:Me,rowClassName:Ne,renderExpandedRow:Pe,expanded:Fe,onExpandedChange:Ie,getRowCanExpand:Le,columnPinning:F,onColumnPinningChange:Re,...ze}){let Be=s.useMemo(()=>{let e=d;return!b||h?.rowActions===!1?e:[...e,ee.createDataTableActionsColumn({getActions:b})]},[d,h?.rowActions,b]),I=O===!1?void 0:O,Ve=I?{pageIndex:I.pageIndex,pageSize:I.pageSize}:void 0,L=!!(I&&I.manual!==!1),He=xe??{},R=(0,l.useReactTable)({data:f,columns:Be,getRowId:fe,getCoreRowModel:(0,l.getCoreRowModel)(),getPaginationRowModel:I&&!L?(0,l.getPaginationRowModel)():void 0,manualPagination:L,pageCount:I?.pageCount,state:{sorting:_e,columnVisibility:ye,rowSelection:He,pagination:Ve,expanded:Fe,...F?{columnPinning:F}:{}},onSortingChange:ve,onColumnVisibilityChange:be,onRowSelectionChange:Se,onExpandedChange:Ie,onColumnPinningChange:Re,enableRowSelection:Ce,getRowCanExpand:Le,getExpandedRowModel:(0,l.getExpandedRowModel)()}),z=R.getRowModel().rows,B=R.getSelectedRowModel().rows.map(e=>e.original),Ue=B.length,V=s.useMemo(()=>({table:R,data:f,selectedRows:B}),[f,B,R]),H=R.getVisibleLeafColumns(),We=Math.max(H.length,1),U=typeof E==`function`?E(R):E,W=typeof D==`function`?D(R):D,G=typeof _==`function`?_(V):_,K=typeof v==`function`?v(V):v,Ge=!!(g&&h?.search!==!1),Ke=!!(h?.columnVisibility&&R.getAllLeafColumns().some(e=>e.getCanHide())),q=!!(h?.refresh&&S),J=!!(h?.export&&C),qe=!!(h?.bulkActions!==!1&&x?.length),Y=Ke&&!!(p||m||g||G||K||y||q||J),X=Ge&&g?(0,c.jsx)(r.Input,{type:`search`,value:g.value,onValueChange:g.onValueChange,placeholder:g.placeholder??`Search...`,wrapperClassName:g.wrapperClassName??g.className,inputClassName:g.inputClassName,disabled:g.disabled,clearable:g.clearable,clearLabel:g.clearLabel,searchIcon:g.searchIcon}):void 0,Je=(0,c.jsxs)(c.Fragment,{children:[typeof y==`function`?y(V):y,Y&&(0,c.jsx)(ne.DataTableColumnVisibilityMenu,{table:R}),q&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:w,onClick:()=>S?.(V),children:ue}),J&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>C?.(V),children:de})]}),Z=qe?(0,c.jsx)(te.DataTableBulkActions,{rows:B,actions:x??[],selectedLabel:()=>`Actions`,clearLabel:null,onClearSelection:()=>R.resetRowSelection(),hideWhenEmpty:!1}):void 0,Ye=!!(U||W||p||m||X||G||K||y||Y||q||J||Z),Xe=!!(I&&!I.hidden),Q=w&&ge===`skeleton`,Ze=e=>(0,c.jsx)(i.TableRow,{children:(0,c.jsx)(i.TableCell,{colSpan:We,className:`p-0`,children:e})}),Qe=()=>Array.from({length:Math.max(Ee,1)},(e,n)=>(0,c.jsx)(i.TableRow,{"aria-hidden":`true`,children:H.map(e=>(0,c.jsx)(i.TableCell,{className:t.cn(u[j],N&&`border-r last:border-r-0`),children:(0,c.jsx)(`div`,{className:t.cn(`h-4 w-full max-w-40 animate-pulse rounded-md bg-muted`,n%3==1&&`max-w-24`,n%3==2&&`max-w-32`,De)})},`${e.id}-${n}`))},`skeleton-${n}`)),$=Q?null:w?(0,c.jsx)(a.LoadingState,{label:`Loading data...`,...T}):pe?(0,c.jsx)(o.DataState,{status:`error`,title:`Could not load data`,description:`Please try again.`,variant:`plain`,...he}):z.length===0?(0,c.jsx)(o.DataState,{status:`empty`,variant:`plain`,...me}):null;return(0,c.jsxs)(`div`,{"data-slot":`data-table`,className:t.cn(`grid gap-3`,e),...ze,children:[Ye&&(U??(0,c.jsx)(ie.DataTableToolbar,{title:p,description:m,search:X,filters:G,summary:K,actions:Je,selectionActions:Z,selectedCount:Ue,totalCount:I?I.rowCount??f.length:f.length,variant:`plain`,...W})),k&&(0,c.jsx)(`div`,{className:`grid gap-3 md:hidden`,children:$??(Q?(0,c.jsx)(a.LoadingState,{label:`Loading data...`,...T}):z.map(e=>(0,c.jsx)(s.Fragment,{children:k(e)},e.id)))}),(0,c.jsxs)(`div`,{"data-slot":`data-table-wrapper`,"data-density":j,"data-striped":M||void 0,"data-bordered":N||void 0,className:t.cn(`overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))] backdrop-blur`,k&&`hidden md:block`,Ae),children:[(0,c.jsxs)(i.Table,{containerClassName:`rounded-none border-0 bg-transparent shadow-none ring-0`,className:t.cn(`text-[0.95rem]`,ke),children:[(0,c.jsx)(i.TableHeader,{className:t.cn(P&&`sticky top-0 z-10 shadow-sm backdrop-blur`),children:R.getHeaderGroups().map(e=>(0,c.jsx)(i.TableRow,{children:e.headers.map(e=>(0,c.jsx)(i.TableHead,{style:{width:e.getSize(),...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:P?20:11}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:P?20:11}:{}},className:t.cn(ae[j],`bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground`,P&&`bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur`,e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,N&&`border-r last:border-r-0`,se(e,je)),children:e.isPlaceholder?null:(0,l.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,c.jsx)(i.TableBody,{children:$?Ze($):Q?Qe():z.map((e,n)=>{let r=Te?.(e)??!1;return(0,c.jsxs)(s.Fragment,{children:[(0,c.jsx)(i.TableRow,{"data-state":e.getIsSelected()?`selected`:void 0,"data-striped":M&&n%2==1?`true`:void 0,"data-disabled":r||void 0,className:t.cn(A&&!r&&`cursor-pointer`,!r&&`transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]`,r&&`pointer-events-none opacity-55`,oe(e,Ne)),onClick:()=>{r||A?.(e)},onDoubleClick:()=>{r||we?.(e)},children:e.getVisibleCells().map(e=>{let n=(0,l.flexRender)(e.column.columnDef.cell,e.getContext());return(0,c.jsx)(i.TableCell,{style:{...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:10}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:10}:{}},className:t.cn(u[j],e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,N&&`border-r last:border-r-0`,ce(e,Me)),children:le(n)?Oe:n},e.id)})}),e.getIsExpanded()&&Pe&&(0,c.jsx)(i.TableRow,{className:`bg-muted/50 hover:bg-muted/50`,children:(0,c.jsx)(i.TableCell,{colSpan:e.getVisibleCells().length,children:Pe(e)})})]},e.id)})})]}),Xe&&I&&(0,c.jsx)(re.DataTablePagination,{pageIndex:I.pageIndex,pageSize:I.pageSize,pageCount:I.pageCount,rowCount:I.rowCount,pageSizeOptions:I.pageSizeOptions,showPageSize:I.showPageSize,labels:I.labels,disabled:w,onPageChange:I.onPageChange,onPageSizeChange:I.onPageSizeChange})]})]})}exports.DataTable=d;

package/dist/components/data-table/data-table.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/data-table/table-import-button.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a({accept:e=`.csv,.xlsx,.xls`,multiple:a=!1,label:o=`Import`,inputName:s,onFilesSelect:c,onFileSelect:l,disabled:u,children:d,...f}){let p=n.useRef(null);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:u,onClick:()=>p.current?.click(),...f,children:[(0,i.jsx)(r.UploadIcon,{"data-icon":`inline-start`}),d??o]}),(0,i.jsx)(`input`,{ref:p,name:s,type:`file`,accept:e,multiple:a,disabled:u,className:`sr-only`,onChange:e=>{let t=Array.from(e.currentTarget.files??[]);c?.(t),t[0]&&l?.(t[0]),e.currentTarget.value=``}})]})}exports.TableImportButton=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a({accept:e=`.csv,.xlsx,.xls`,multiple:a=!1,label:o=`Import`,inputName:s,onFilesSelect:c,onFileSelect:l,disabled:u,children:d,...f}){let p=n.useRef(null);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:u,onClick:()=>p.current?.click(),...f,children:[(0,i.jsx)(r.UploadIcon,{"data-icon":`inline-start`}),d??o]}),(0,i.jsx)(`input`,{ref:p,name:s,type:`file`,accept:e,multiple:a,disabled:u,className:`sr-only`,onChange:e=>{let t=Array.from(e.currentTarget.files??[]);c?.(t),t[0]&&l?.(t[0]),e.currentTarget.value=``}})]})}exports.TableImportButton=a;

package/dist/components/data-table/table-import-button.js

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

package/dist/components/display/avatar.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");var i={xs:`size-6 text-[10px]`,sm:`size-8 text-xs`,default:`size-10 text-sm`,lg:`size-12 text-base`,xl:`size-16 text-lg`},a={circle:`rounded-full`,rounded:`rounded-xl`,square:`rounded-md`},o={online:`bg-emerald-500`,offline:`bg-muted-foreground`,busy:`bg-destructive`,away:`bg-amber-500`};function s(e){if(!e)return`?`;let t=e.trim().split(/\s+/).filter(Boolean);return t.length?t.slice(0,2).map(e=>e[0]?.toUpperCase()).join(``):`?`}function c({src:e,alt:c,name:l,fallback:u,size:d=`default`,shape:f=`circle`,status:p,className:m,...h}){let[g,_]=n.useState(!1),v=!!(e&&!g);return(0,r.jsxs)(`span`,{"data-slot":`avatar`,"data-size":d,"data-shape":f,className:t.cn(`relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden border bg-muted font-medium text-muted-foreground`,i[d],a[f],m),...h,children:[v?(0,r.jsx)(`img`,{src:e,alt:c??l??`Avatar`,className:`size-full object-cover`,onError:()=>_(!0)}):(0,r.jsx)(`span`,{"data-slot":`avatar-fallback`,children:u??s(l)}),p&&(0,r.jsx)(`span`,{"data-slot":`avatar-status`,"data-status":p,className:t.cn(`absolute bottom-0 right-0 size-2.5 rounded-full border-2 border-background`,d===`xs`&&`size-2`,d===`xl`&&`size-3.5`,o[p])})]})}function l({items:e,max:n=5,size:i=`default`,shape:a=`circle`,stacked:o=!0,overflowLabel:s=e=>`+${e}`,className:l,...u}){let d=e.slice(0,n),f=Math.max(e.length-n,0);return(0,r.jsxs)(`div`,{"data-slot":`avatar-group`,className:t.cn(`flex items-center`,o?`-space-x-2`:`gap-2`,l),...u,children:[d.map(e=>{let{key:n,...s}=e;return(0,r.jsx)(c,{size:e.size??i,shape:e.shape??a,className:t.cn(o&&`ring-2 ring-background`,e.className),...s},n)}),f>0&&(0,r.jsx)(c,{size:i,shape:a,fallback:s(f),className:t.cn(o&&`ring-2 ring-background`)})]})}exports.Avatar=c,exports.AvatarGroup=l;
+"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");var i={xs:`size-6 text-[10px]`,sm:`size-8 text-xs`,default:`size-10 text-sm`,lg:`size-12 text-base`,xl:`size-16 text-lg`},a={circle:`rounded-full`,rounded:`rounded-xl`,square:`rounded-md`},o={online:`bg-emerald-500`,offline:`bg-muted-foreground`,busy:`bg-destructive`,away:`bg-amber-500`};function s(e){if(!e)return`?`;let t=e.trim().split(/\s+/).filter(Boolean);return t.length?t.slice(0,2).map(e=>e[0]?.toUpperCase()).join(``):`?`}function c({src:e,alt:c,name:l,fallback:u,size:d=`default`,shape:f=`circle`,status:p,className:m,...h}){let[g,_]=n.useState(!1),v=!!(e&&!g);return(0,r.jsxs)(`span`,{"data-slot":`avatar`,"data-size":d,"data-shape":f,className:t.cn(`relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden border bg-muted font-medium text-muted-foreground`,i[d],a[f],m),...h,children:[v?(0,r.jsx)(`img`,{src:e,alt:c??l??`Avatar`,className:`size-full object-cover`,onError:()=>_(!0)}):(0,r.jsx)(`span`,{"data-slot":`avatar-fallback`,children:u??s(l)}),p&&(0,r.jsx)(`span`,{"data-slot":`avatar-status`,"data-status":p,className:t.cn(`absolute bottom-0 right-0 size-2.5 rounded-full border-2 border-background`,d===`xs`&&`size-2`,d===`xl`&&`size-3.5`,o[p])})]})}function l({items:e,max:n=5,size:i=`default`,shape:a=`circle`,stacked:o=!0,overflowLabel:s=e=>`+${e}`,className:l,...u}){let d=e.slice(0,n),f=Math.max(e.length-n,0);return(0,r.jsxs)(`div`,{"data-slot":`avatar-group`,className:t.cn(`flex items-center`,o?`-space-x-2`:`gap-2`,l),...u,children:[d.map(e=>{let{key:n,...s}=e;return(0,r.jsx)(c,{size:e.size??i,shape:e.shape??a,className:t.cn(o&&`ring-2 ring-background`,e.className),...s},n)}),f>0&&(0,r.jsx)(c,{size:i,shape:a,fallback:s(f),className:t.cn(o&&`ring-2 ring-background`)})]})}exports.Avatar=c,exports.AvatarGroup=l;

package/dist/components/display/avatar.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/display/carousel.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");function o(e,t,n){return t<=0?0:n?(e%t+t)%t:Math.min(Math.max(e,0),t-1)}function s({index:e,defaultIndex:s=0,onIndexChange:c,loop:l=!1,variant:u=`default`,showDots:d=!0,showArrows:f=!0,keyboard:p=!0,ariaLabel:m=`Carousel`,previousLabel:ee=`Previous slide`,nextLabel:te=`Next slide`,swipeThreshold:h=44,autoplay:g=!1,autoplayInterval:_=4500,pauseOnHover:v=!0,stopAutoplayOnInteraction:ne=!0,showPlaybackControl:y=!1,showStatus:b=!1,showThumbnails:x=!1,playLabel:S=`Start autoplay`,pauseLabel:C=`Pause autoplay`,statusLabel:w,renderThumbnail:T,renderActiveDetail:E,aspectRatio:D,mouseDrag:O=!0,onAutoplayChange:k,viewportClassName:A,controlsClassName:j,dotsClassName:re,arrowClassName:M,dotClassName:ie,activeDotClassName:N,thumbnailsClassName:P,className:F,children:I,...L}){let R=r.Children.toArray(I),[z,B]=r.useState(s),V=r.useRef(null),H=r.useRef(null),[U,W]=r.useState(!1),[G,K]=r.useState(!1),[q,J]=r.useState(g),Y=e!==void 0,X=o(Y?e:z,R.length,l),ae=R[X];r.useEffect(()=>{J(g)},[g]);function Z(e,t=`manual`){let n=o(e,R.length,l);Y||B(n),t===`manual`&&ne&&(K(!0),q&&(J(!1),k?.(!1))),c?.(n)}let Q=l||X>0,$=l||X<R.length-1;return r.useEffect(()=>{if(!q||R.length<=1||G||v&&U)return;let e=window.setInterval(()=>{if(!l&&X>=R.length-1){Z(0,`autoplay`);return}Z(X+1,`autoplay`)},_);return()=>{window.clearInterval(e)}},[X,q,_,G,U,R.length,l,v]),(0,a.jsxs)(`div`,{"data-slot":`carousel`,"data-variant":u,role:`region`,"aria-roledescription":`carousel`,"aria-label":m,tabIndex:p?0:void 0,className:t.cn(`grid gap-3`,F),onKeyDown:e=>{!p||R.length<=1||(e.key===`ArrowLeft`&&Q&&(e.preventDefault(),Z(X-1)),e.key===`ArrowRight`&&$&&(e.preventDefault(),Z(X+1)),e.key===`Home`&&(e.preventDefault(),Z(0)),e.key===`End`&&(e.preventDefault(),Z(R.length-1)))},onTouchStart:e=>{V.current=e.touches[0]?.clientX??null},onTouchEnd:e=>{if(V.current==null||R.length<=1)return;let t=(e.changedTouches[0]?.clientX??V.current)-V.current;V.current=null,!(Math.abs(t)<h)&&(t>0&&Q&&Z(X-1),t<0&&$&&Z(X+1))},onPointerDown:e=>{!O||e.pointerType===`touch`||(H.current=e.clientX)},onPointerUp:e=>{if(!O||H.current==null||R.length<=1)return;let t=e.clientX-H.current;H.current=null,!(Math.abs(t)<h)&&(t>0&&Q&&Z(X-1),t<0&&$&&Z(X+1))},onMouseEnter:()=>W(!0),onMouseLeave:()=>W(!1),...L,children:[(0,a.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_12px_32px_rgba(15,23,42,0.08))]`,u===`hero`&&`min-h-72`,u===`minimal`&&`rounded-[var(--radius-md)] shadow-none`,A),children:[b?(0,a.jsx)(`div`,{className:`pointer-events-none absolute right-3 top-3 z-10 rounded-full border border-border/70 bg-background/92 px-2.5 py-1 text-[11px] font-medium text-muted-foreground shadow-sm`,children:w?.(X,R.length)??`Slide ${X+1} / ${R.length}`}):null,(0,a.jsx)(`div`,{className:`transition-transform duration-300 ease-out`,"aria-live":`polite`,style:D?{aspectRatio:D}:void 0,children:R[X]}),f&&R.length>1?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.Button,{type:`button`,variant:u===`hero`?`default`:`secondary`,size:`icon-sm`,className:t.cn(`absolute left-3 top-1/2 -translate-y-1/2 rounded-full shadow-lg`,M),disabled:!Q,"aria-label":ee,onClick:()=>Z(X-1),children:(0,a.jsx)(i.ChevronLeftIcon,{})}),(0,a.jsx)(n.Button,{type:`button`,variant:u===`hero`?`default`:`secondary`,size:`icon-sm`,className:t.cn(`absolute right-3 top-1/2 -translate-y-1/2 rounded-full shadow-lg`,M),disabled:!$,"aria-label":te,onClick:()=>Z(X+1),children:(0,a.jsx)(i.ChevronRightIcon,{})})]}):null]}),d&&R.length>1&&(0,a.jsxs)(`div`,{className:t.cn(`flex flex-wrap items-center justify-center gap-2`,re),role:`tablist`,"aria-label":`${m} slides`,children:[R.map((e,n)=>(0,a.jsx)(`button`,{type:`button`,role:`tab`,"aria-label":`Go to slide ${n+1}`,"aria-selected":n===X,className:t.cn(`h-2.5 rounded-full bg-muted-foreground/30 transition-[width,background-color,opacity] hover:bg-muted-foreground/55`,n===X?t.cn(`w-7 bg-primary`,N):t.cn(`w-2.5`,ie)),onClick:()=>Z(n)},n)),y?(0,a.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,className:t.cn(`ml-2 rounded-full`,j),onClick:()=>{let e=!q;K(!1),J(e),k?.(e)},children:q?C:S}):null]}),x&&R.length>1?(0,a.jsx)(`div`,{className:t.cn(`grid grid-cols-2 gap-2 sm:grid-cols-4`,P),children:R.map((e,n)=>{let r=n===X;return(0,a.jsx)(`button`,{type:`button`,"aria-current":r?`true`:void 0,"aria-label":`Open slide ${n+1}`,className:t.cn(`overflow-hidden rounded-[min(var(--radius-xl),16px)] border bg-card text-left transition hover:border-primary/35 hover:shadow-sm`,r?`border-primary/35 ring-2 ring-primary/15`:`border-border/70`),onClick:()=>Z(n),children:T?T(e,n,r):(0,a.jsxs)(`div`,{className:`line-clamp-2 min-h-16 p-3 text-xs text-muted-foreground`,children:[`Slide `,n+1]})},n)})}):null,E?E(ae,X):null,(0,a.jsx)(`span`,{className:`sr-only`,"aria-live":`polite`,children:w?.(X,R.length)??`${m}: slide ${X+1} of ${R.length}`})]})}function c({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`carousel-item`,className:t.cn(`min-h-40 p-5 sm:p-6`,e),...n})}exports.Carousel=s,exports.CarouselItem=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");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e,t,n){return t<=0?0:n?(e%t+t)%t:Math.min(Math.max(e,0),t-1)}function s({index:e,defaultIndex:s=0,onIndexChange:c,loop:l=!1,variant:u=`default`,showDots:d=!0,showArrows:f=!0,keyboard:p=!0,ariaLabel:m=`Carousel`,previousLabel:ee=`Previous slide`,nextLabel:te=`Next slide`,swipeThreshold:h=44,autoplay:g=!1,autoplayInterval:_=4500,pauseOnHover:v=!0,stopAutoplayOnInteraction:ne=!0,showPlaybackControl:y=!1,showStatus:b=!1,showThumbnails:x=!1,playLabel:S=`Start autoplay`,pauseLabel:C=`Pause autoplay`,statusLabel:w,renderThumbnail:T,renderActiveDetail:E,aspectRatio:D,mouseDrag:O=!0,onAutoplayChange:k,viewportClassName:A,controlsClassName:j,dotsClassName:re,arrowClassName:M,dotClassName:ie,activeDotClassName:N,thumbnailsClassName:P,className:F,children:I,...L}){let R=r.Children.toArray(I),[z,B]=r.useState(s),V=r.useRef(null),H=r.useRef(null),[U,W]=r.useState(!1),[G,K]=r.useState(!1),[q,J]=r.useState(g),Y=e!==void 0,X=o(Y?e:z,R.length,l),ae=R[X];r.useEffect(()=>{J(g)},[g]);function Z(e,t=`manual`){let n=o(e,R.length,l);Y||B(n),t===`manual`&&ne&&(K(!0),q&&(J(!1),k?.(!1))),c?.(n)}let Q=l||X>0,$=l||X<R.length-1;return r.useEffect(()=>{if(!q||R.length<=1||G||v&&U)return;let e=window.setInterval(()=>{if(!l&&X>=R.length-1){Z(0,`autoplay`);return}Z(X+1,`autoplay`)},_);return()=>{window.clearInterval(e)}},[X,q,_,G,U,R.length,l,v]),(0,a.jsxs)(`div`,{"data-slot":`carousel`,"data-variant":u,role:`region`,"aria-roledescription":`carousel`,"aria-label":m,tabIndex:p?0:void 0,className:t.cn(`grid gap-3`,F),onKeyDown:e=>{!p||R.length<=1||(e.key===`ArrowLeft`&&Q&&(e.preventDefault(),Z(X-1)),e.key===`ArrowRight`&&$&&(e.preventDefault(),Z(X+1)),e.key===`Home`&&(e.preventDefault(),Z(0)),e.key===`End`&&(e.preventDefault(),Z(R.length-1)))},onTouchStart:e=>{V.current=e.touches[0]?.clientX??null},onTouchEnd:e=>{if(V.current==null||R.length<=1)return;let t=(e.changedTouches[0]?.clientX??V.current)-V.current;V.current=null,!(Math.abs(t)<h)&&(t>0&&Q&&Z(X-1),t<0&&$&&Z(X+1))},onPointerDown:e=>{!O||e.pointerType===`touch`||(H.current=e.clientX)},onPointerUp:e=>{if(!O||H.current==null||R.length<=1)return;let t=e.clientX-H.current;H.current=null,!(Math.abs(t)<h)&&(t>0&&Q&&Z(X-1),t<0&&$&&Z(X+1))},onMouseEnter:()=>W(!0),onMouseLeave:()=>W(!1),...L,children:[(0,a.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_12px_32px_rgba(15,23,42,0.08))]`,u===`hero`&&`min-h-72`,u===`minimal`&&`rounded-[var(--radius-md)] shadow-none`,A),children:[b?(0,a.jsx)(`div`,{className:`pointer-events-none absolute right-3 top-3 z-10 rounded-full border border-border/70 bg-background/92 px-2.5 py-1 text-[11px] font-medium text-muted-foreground shadow-sm`,children:w?.(X,R.length)??`Slide ${X+1} / ${R.length}`}):null,(0,a.jsx)(`div`,{className:`transition-transform duration-300 ease-out`,"aria-live":`polite`,style:D?{aspectRatio:D}:void 0,children:R[X]}),f&&R.length>1?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.Button,{type:`button`,variant:u===`hero`?`default`:`secondary`,size:`icon-sm`,className:t.cn(`absolute left-3 top-1/2 -translate-y-1/2 rounded-full shadow-lg`,M),disabled:!Q,"aria-label":ee,onClick:()=>Z(X-1),children:(0,a.jsx)(i.ChevronLeftIcon,{})}),(0,a.jsx)(n.Button,{type:`button`,variant:u===`hero`?`default`:`secondary`,size:`icon-sm`,className:t.cn(`absolute right-3 top-1/2 -translate-y-1/2 rounded-full shadow-lg`,M),disabled:!$,"aria-label":te,onClick:()=>Z(X+1),children:(0,a.jsx)(i.ChevronRightIcon,{})})]}):null]}),d&&R.length>1&&(0,a.jsxs)(`div`,{className:t.cn(`flex flex-wrap items-center justify-center gap-2`,re),role:`tablist`,"aria-label":`${m} slides`,children:[R.map((e,n)=>(0,a.jsx)(`button`,{type:`button`,role:`tab`,"aria-label":`Go to slide ${n+1}`,"aria-selected":n===X,className:t.cn(`h-2.5 rounded-full bg-muted-foreground/30 transition-[width,background-color,opacity] hover:bg-muted-foreground/55`,n===X?t.cn(`w-7 bg-primary`,N):t.cn(`w-2.5`,ie)),onClick:()=>Z(n)},n)),y?(0,a.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,className:t.cn(`ml-2 rounded-full`,j),onClick:()=>{let e=!q;K(!1),J(e),k?.(e)},children:q?C:S}):null]}),x&&R.length>1?(0,a.jsx)(`div`,{className:t.cn(`grid grid-cols-2 gap-2 sm:grid-cols-4`,P),children:R.map((e,n)=>{let r=n===X;return(0,a.jsx)(`button`,{type:`button`,"aria-current":r?`true`:void 0,"aria-label":`Open slide ${n+1}`,className:t.cn(`overflow-hidden rounded-[min(var(--radius-xl),16px)] border bg-card text-left transition hover:border-primary/35 hover:shadow-sm`,r?`border-primary/35 ring-2 ring-primary/15`:`border-border/70`),onClick:()=>Z(n),children:T?T(e,n,r):(0,a.jsxs)(`div`,{className:`line-clamp-2 min-h-16 p-3 text-xs text-muted-foreground`,children:[`Slide `,n+1]})},n)})}):null,E?E(ae,X):null,(0,a.jsx)(`span`,{className:`sr-only`,"aria-live":`polite`,children:w?.(X,R.length)??`${m}: slide ${X+1} of ${R.length}`})]})}function c({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`carousel-item`,className:t.cn(`min-h-40 p-5 sm:p-6`,e),...n})}exports.Carousel=s,exports.CarouselItem=c;

package/dist/components/display/carousel.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";

package/dist/components/display/code-block.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../actions/copy-button.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({code:e,language:a,title:o,showCopy:s=!0,wrap:c=!1,lineNumbers:l=!1,highlightLines:u=[],maxHeight:d,className:f,...p}){let m=r.useMemo(()=>e.split(`
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../actions/copy-button.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({code:e,language:a,title:o,showCopy:s=!0,wrap:c=!1,lineNumbers:l=!1,highlightLines:u=[],maxHeight:d,className:f,...p}){let m=r.useMemo(()=>e.split(`
 `),[e]),h=r.useMemo(()=>new Set(u),[u]);return(0,i.jsxs)(`div`,{"data-slot":`code-block`,className:t.cn(`overflow-hidden rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card`,f),...p,children:[(o||a||s)&&(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_72%)] px-3 py-2 text-xs text-muted-foreground`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[o&&(0,i.jsx)(`span`,{className:`truncate font-medium text-foreground`,children:o}),a&&(0,i.jsx)(`span`,{className:`rounded bg-muted px-1.5 py-0.5 font-mono`,children:a})]}),s&&(0,i.jsx)(n.CopyButton,{value:e,size:`sm`,variant:`ghost`,copyLabel:`Copy`,copiedLabel:`Copied`})]}),(0,i.jsx)(`pre`,{className:t.cn(`overflow-x-auto p-3 text-sm leading-6`,c&&`whitespace-pre-wrap break-words`),style:d?{maxHeight:d,overflowY:`auto`}:void 0,children:l?(0,i.jsx)(`code`,{className:`grid`,children:m.map((e,n)=>(0,i.jsxs)(`span`,{"data-highlighted":h.has(n+1)||void 0,className:t.cn(`grid grid-cols-[auto_1fr] gap-4 rounded px-1`,h.has(n+1)&&`bg-primary/10 text-foreground`),children:[(0,i.jsx)(`span`,{className:`select-none text-right text-xs text-muted-foreground/75`,children:n+1}),(0,i.jsx)(`span`,{children:e||` `})]},`${n}-${e}`))}):(0,i.jsx)(`code`,{children:m.map((e,n)=>(0,i.jsx)(`span`,{"data-highlighted":h.has(n+1)||void 0,className:t.cn(`block rounded px-1`,h.has(n+1)&&`bg-primary/10 text-foreground`),children:e||` `},`${n}-${e}`))})})]})}exports.CodeBlock=a;

package/dist/components/display/code-block.js

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

package/dist/components/display/kanban.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/card/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({columns:e,renderCard:n,onCardClick:a,onCardMove:s,emptyColumn:c=`No cards yet.`,columnClassName:l,cardClassName:u,className:d,...f}){let p=r.useMemo(()=>new Map(e.map(e=>[e.key,e])),[e]);return(0,i.jsx)(`div`,{"data-slot":`kanban-board`,className:t.cn(`grid auto-cols-[minmax(280px,1fr)] grid-flow-col gap-4 overflow-x-auto pb-2`,d),...f,children:e.map(e=>(0,i.jsx)(o,{column:e,renderCard:n,onCardClick:a,onCardMove:s,columnByKey:p,emptyColumn:c,columnClassName:l,cardClassName:u},e.key))})}function o({column:e,renderCard:r,onCardClick:a,onCardMove:o,columnByKey:s,emptyColumn:c,columnClassName:l,cardClassName:u}){return(0,i.jsxs)(`section`,{"data-slot":`kanban-column`,className:t.cn(`grid min-h-40 content-start gap-3 rounded-lg border bg-muted/35 p-3`,l),onDragOver:e=>{o&&e.preventDefault()},onDrop:t=>{let n=t.dataTransfer.getData(`application/x-tembro-kanban-card`),r=t.dataTransfer.getData(`application/x-tembro-kanban-column`),i=s.get(r),a=i?.cards.find(e=>e.key===n);a&&i&&i.key!==e.key&&o?.(a,i,e)},children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,i.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,i.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:e.title}),e.description&&(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e.description})]}),(0,i.jsx)(`div`,{className:`rounded-full bg-background px-2 py-0.5 text-xs text-muted-foreground`,children:e.count??e.cards.length})]}),(0,i.jsx)(`div`,{className:`grid gap-2`,children:e.cards.length===0?(0,i.jsx)(`div`,{"data-slot":`kanban-column-empty`,className:`rounded-md border border-dashed bg-background/60 px-3 py-6 text-center text-sm text-muted-foreground`,children:typeof c==`function`?c(e):c}):e.cards.map(s=>r?.(s,e)??(0,i.jsxs)(n.Card,{"data-slot":`kanban-card`,role:a?`button`:void 0,tabIndex:a&&!s.disabled?0:void 0,draggable:!!(o&&!s.disabled),className:t.cn(`transition-colors hover:bg-muted/40`,a&&!s.disabled&&`cursor-pointer`,o&&!s.disabled&&`cursor-grab active:cursor-grabbing`,s.disabled&&`pointer-events-none opacity-55`,u),onDragStart:t=>{t.dataTransfer.setData(`application/x-tembro-kanban-card`,s.key),t.dataTransfer.setData(`application/x-tembro-kanban-column`,e.key),t.dataTransfer.effectAllowed=`move`},onClick:()=>a?.(s,e),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&a&&!s.disabled&&(t.preventDefault(),a(s,e))},children:[(0,i.jsx)(n.CardHeader,{className:`p-3 pb-1`,children:(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,i.jsx)(n.CardTitle,{className:`text-sm`,children:s.title}),(s.extra||s.actions)&&(0,i.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[s.extra,s.actions]})]})}),(s.description||s.meta)&&(0,i.jsxs)(n.CardContent,{className:`grid gap-2 p-3 pt-0 text-xs text-muted-foreground`,children:[s.description,s.meta&&(0,i.jsx)(`div`,{children:s.meta})]})]},s.key))})]})}exports.KanbanBoard=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/card/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({columns:e,renderCard:n,onCardClick:a,onCardMove:s,emptyColumn:c=`No cards yet.`,columnClassName:l,cardClassName:u,className:d,...f}){let p=r.useMemo(()=>new Map(e.map(e=>[e.key,e])),[e]);return(0,i.jsx)(`div`,{"data-slot":`kanban-board`,className:t.cn(`grid auto-cols-[minmax(280px,1fr)] grid-flow-col gap-4 overflow-x-auto pb-2`,d),...f,children:e.map(e=>(0,i.jsx)(o,{column:e,renderCard:n,onCardClick:a,onCardMove:s,columnByKey:p,emptyColumn:c,columnClassName:l,cardClassName:u},e.key))})}function o({column:e,renderCard:r,onCardClick:a,onCardMove:o,columnByKey:s,emptyColumn:c,columnClassName:l,cardClassName:u}){return(0,i.jsxs)(`section`,{"data-slot":`kanban-column`,className:t.cn(`grid min-h-40 content-start gap-3 rounded-lg border bg-muted/35 p-3`,l),onDragOver:e=>{o&&e.preventDefault()},onDrop:t=>{let n=t.dataTransfer.getData(`application/x-tembro-kanban-card`),r=t.dataTransfer.getData(`application/x-tembro-kanban-column`),i=s.get(r),a=i?.cards.find(e=>e.key===n);a&&i&&i.key!==e.key&&o?.(a,i,e)},children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,i.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,i.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:e.title}),e.description&&(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e.description})]}),(0,i.jsx)(`div`,{className:`rounded-full bg-background px-2 py-0.5 text-xs text-muted-foreground`,children:e.count??e.cards.length})]}),(0,i.jsx)(`div`,{className:`grid gap-2`,children:e.cards.length===0?(0,i.jsx)(`div`,{"data-slot":`kanban-column-empty`,className:`rounded-md border border-dashed bg-background/60 px-3 py-6 text-center text-sm text-muted-foreground`,children:typeof c==`function`?c(e):c}):e.cards.map(s=>r?.(s,e)??(0,i.jsxs)(n.Card,{"data-slot":`kanban-card`,role:a?`button`:void 0,tabIndex:a&&!s.disabled?0:void 0,draggable:!!(o&&!s.disabled),className:t.cn(`transition-colors hover:bg-muted/40`,a&&!s.disabled&&`cursor-pointer`,o&&!s.disabled&&`cursor-grab active:cursor-grabbing`,s.disabled&&`pointer-events-none opacity-55`,u),onDragStart:t=>{t.dataTransfer.setData(`application/x-tembro-kanban-card`,s.key),t.dataTransfer.setData(`application/x-tembro-kanban-column`,e.key),t.dataTransfer.effectAllowed=`move`},onClick:()=>a?.(s,e),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&a&&!s.disabled&&(t.preventDefault(),a(s,e))},children:[(0,i.jsx)(n.CardHeader,{className:`p-3 pb-1`,children:(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,i.jsx)(n.CardTitle,{className:`text-sm`,children:s.title}),(s.extra||s.actions)&&(0,i.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[s.extra,s.actions]})]})}),(s.description||s.meta)&&(0,i.jsxs)(n.CardContent,{className:`grid gap-2 p-3 pt-0 text-xs text-muted-foreground`,children:[s.description,s.meta&&(0,i.jsx)(`div`,{children:s.meta})]})]},s.key))})]})}exports.KanbanBoard=a;

package/dist/components/display/kanban.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import { Card as t, CardContent as n, CardHeader as r, CardTitle as i } from "../ui/card/index.js";
 import * as a from "react";

package/dist/components/display/status-legend.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/card/index.cjs"),r=require("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={default:`bg-primary`,success:`bg-emerald-500`,warning:`bg-amber-500`,danger:`bg-destructive`,info:`bg-blue-500`,muted:`bg-muted-foreground`};function s({title:e,description:i,actions:s,items:c,orientation:l=`vertical`,compact:u=!1,showCounts:d=!0,contentClassName:f,itemClassName:p,className:m,...h}){let g=c.filter(e=>!e.hidden),_=!!(e||i||s);return(0,a.jsxs)(n.Card,{"data-slot":`status-legend`,className:t.cn(`min-w-0 border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-page-bg)_92%,white_8%)] shadow-sm dark:bg-[color:color-mix(in_srgb,var(--aui-page-bg)_96%,black_4%)]`,m),...h,children:[_&&(0,a.jsx)(n.CardHeader,{className:t.cn(`pb-3`,u&&`p-4 pb-2`),children:(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,a.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e&&(0,a.jsx)(n.CardTitle,{className:`text-base tracking-tight`,children:e}),i&&(0,a.jsx)(n.CardDescription,{className:`leading-6`,children:i})]}),s&&(0,a.jsx)(`div`,{className:`shrink-0`,children:s})]})}),(0,a.jsx)(n.CardContent,{className:t.cn(`gap-3`,l===`vertical`&&`grid`,l===`horizontal`&&`flex flex-wrap`,l===`grid`&&`grid sm:grid-cols-2`,u?`p-4 pt-2`:`pt-0`,f),children:g.map(e=>(0,a.jsxs)(`div`,{"data-slot":`status-legend-item`,"data-tone":e.tone??`default`,className:t.cn(`flex min-w-0 items-start justify-between gap-3 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] p-3 shadow-[inset_0_1px_0_rgba(255,255,255,0.35)] transition hover:border-[color:color-mix(in_srgb,var(--aui-brand-strong)_26%,var(--aui-surface-border))]`,u&&`p-2.5`,p,e.className),children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[e.icon?(0,a.jsx)(`span`,{className:`mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-xl bg-[color:var(--aui-page-bg)] text-muted-foreground [&_svg]:size-4`,children:e.icon}):(0,a.jsx)(`span`,{className:t.cn(`mt-1.5 size-2.5 shrink-0 rounded-full shadow-[0_0_0_4px_color-mix(in_srgb,var(--aui-page-bg)_72%,transparent)]`,o[e.tone??`default`])}),(0,a.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,a.jsx)(`div`,{className:`truncate text-sm font-medium text-foreground`,children:e.label}),e.description&&(0,a.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:e.description})]})]}),d&&e.count!==void 0&&(0,a.jsx)(r.Badge,{variant:`secondary`,className:`shrink-0 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg)] px-2.5 py-1 shadow-sm`,children:e.count})]},e.key))})]})}exports.StatusLegend=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs"),r=require("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={default:`bg-primary`,success:`bg-emerald-500`,warning:`bg-amber-500`,danger:`bg-destructive`,info:`bg-blue-500`,muted:`bg-muted-foreground`};function s({title:e,description:i,actions:s,items:c,orientation:l=`vertical`,compact:u=!1,showCounts:d=!0,contentClassName:f,itemClassName:p,className:m,...h}){let g=c.filter(e=>!e.hidden),_=!!(e||i||s),v={vertical:`grid`,horizontal:`flex flex-wrap`,grid:`grid sm:grid-cols-2`};return(0,a.jsxs)(n.Card,{"data-slot":`status-legend`,className:t.cn(`min-w-0 border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-page-bg)_92%,white_8%)] shadow-sm dark:bg-[color:color-mix(in_srgb,var(--aui-page-bg)_96%,black_4%)]`,m),...h,children:[_&&(0,a.jsx)(n.CardHeader,{className:t.cn(`pb-3`,u&&`p-4 pb-2`),children:(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,a.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e&&(0,a.jsx)(n.CardTitle,{className:`text-base tracking-tight`,children:e}),i&&(0,a.jsx)(n.CardDescription,{className:`leading-6`,children:i})]}),s&&(0,a.jsx)(`div`,{className:`shrink-0`,children:s})]})}),(0,a.jsx)(n.CardContent,{className:t.cn(`gap-3`,v[l],u?`p-4 pt-2`:`pt-0`,f),children:g.map(e=>(0,a.jsxs)(`div`,{"data-slot":`status-legend-item`,"data-tone":e.tone??`default`,className:t.cn(`flex min-w-0 items-start justify-between gap-3 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] p-3 shadow-[inset_0_1px_0_rgba(255,255,255,0.35)] transition hover:border-[color:color-mix(in_srgb,var(--aui-brand-strong)_26%,var(--aui-surface-border))]`,u&&`p-2.5`,p,e.className),children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[e.icon?(0,a.jsx)(`span`,{className:`mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-xl bg-[color:var(--aui-page-bg)] text-muted-foreground [&_svg]:size-4`,children:e.icon}):(0,a.jsx)(`span`,{className:t.cn(`mt-1.5 size-2.5 shrink-0 rounded-full shadow-[0_0_0_4px_color-mix(in_srgb,var(--aui-page-bg)_72%,transparent)]`,o[e.tone??`default`])}),(0,a.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,a.jsx)(`div`,{className:`truncate text-sm font-medium text-foreground`,children:e.label}),e.description&&(0,a.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:e.description})]})]}),d&&e.count!==void 0&&(0,a.jsx)(r.Badge,{variant:`secondary`,className:`shrink-0 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg)] px-2.5 py-1 shadow-sm`,children:e.count})]},e.key))})]})}exports.StatusLegend=s;

package/dist/components/display/status-legend.js

@@ -13,7 +13,11 @@ var l = {
 	muted: "bg-muted-foreground"
 };
 function u({ title: u, description: d, actions: f, items: p, orientation: m = "vertical", compact: h = !1, showCounts: g = !0, contentClassName: _, itemClassName: v, className: y, ...b }) {
-	let x = p.filter((e) => !e.hidden), S = !!(u || d || f);
+	let x = p.filter((e) => !e.hidden), S = !!(u || d || f), C = {
+		vertical: "grid",
+		horizontal: "flex flex-wrap",
+		grid: "grid sm:grid-cols-2"
+	};
 	return /* @__PURE__ */ c(t, {
 		"data-slot": "status-legend",
 		className: e("min-w-0 border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-page-bg)_92%,white_8%)] shadow-sm dark:bg-[color:color-mix(in_srgb,var(--aui-page-bg)_96%,black_4%)]", y),
@@ -37,7 +41,7 @@ function u({ title: u, description: d, actions: f, items: p, orientation: m = "v
 				})]
 			})
 		}), /* @__PURE__ */ s(n, {
-			className: e("gap-3", m === "vertical" && "grid", m === "horizontal" && "flex flex-wrap", m === "grid" && "grid sm:grid-cols-2", h ? "p-4 pt-2" : "pt-0", _),
+			className: e("gap-3", C[m], h ? "p-4 pt-2" : "pt-0", _),
 			children: x.map((t) => /* @__PURE__ */ c("div", {
 				"data-slot": "status-legend-item",
 				"data-tone": t.tone ?? "default",

package/dist/components/display/tree-view.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({items:e,defaultExpandedKeys:r=[],expandedKeys:a,onExpandedKeysChange:s,selectedKey:c,onSelect:l,checkedKeys:d,defaultCheckedKeys:f=[],onCheckedKeysChange:p,checkable:m=!1,searchQuery:h,onLoadChildren:g,className:_,...v}){let[y,b]=n.useState(r),[x,S]=n.useState(f),C=a??y,w=d??x,T=h?.trim().toLowerCase(),E=n.useCallback(e=>{a===void 0&&b(e),s?.(e)},[a,s]),D=(e,t)=>{let n=t?[...new Set([...w,e])]:w.filter(t=>t!==e);d===void 0&&S(n),p?.(n)},O=n.useCallback(e=>{E(C.includes(e)?C.filter(t=>t!==e):[...C,e])},[C,E]),k=n.useMemo(()=>o(e,C,T),[e,C,T]);return(0,i.jsx)(`div`,{"data-slot":`tree-view`,role:`tree`,className:t.cn(`grid gap-1 text-sm`,_),onKeyDown:e=>{let t=e.target.dataset.treeNodeKey;if(!t)return;let n=k.indexOf(t),r=t=>{if(!t)return;let n=t.replace(/\\/g,`\\\\`).replace(/"/g,`\\"`);e.currentTarget.querySelector(`[data-tree-node-key="${n}"]`)?.focus()};e.key===`ArrowDown`?(e.preventDefault(),r(k[Math.min(n+1,k.length-1)])):e.key===`ArrowUp`?(e.preventDefault(),r(k[Math.max(n-1,0)])):e.key===`ArrowRight`?(e.preventDefault(),C.includes(t)||O(t)):e.key===`ArrowLeft`&&(e.preventDefault(),C.includes(t)&&O(t)),v.onKeyDown?.(e)},...v,children:e.map(e=>(0,i.jsx)(u,{item:e,level:1,expandedKeys:C,selectedKey:c,onToggle:O,onSelect:l,checkedKeys:w,onCheckedChange:D,checkable:m,searchQuery:T,onLoadChildren:g},e.key))})}function o(e,t,n){return e.flatMap(e=>c(e,n)?[e.key,...e.children&&t.includes(e.key)?o(e.children,t,n):[]]:[])}function s(e){return e.searchText??(typeof e.label==`string`?e.label:e.key)}function c(e,t){return t?s(e).toLowerCase().includes(t)||!!e.children?.some(e=>c(e,t)):!0}function l(e,t){if(!t||typeof e!=`string`)return e;let n=e.toLowerCase().indexOf(t);return n<0?e:(0,i.jsxs)(i.Fragment,{children:[e.slice(0,n),(0,i.jsx)(`mark`,{className:`rounded bg-primary/15 px-0.5 text-foreground`,children:e.slice(n,n+t.length)}),e.slice(n+t.length)]})}function u({item:e,level:n,expandedKeys:a,selectedKey:o,onToggle:d,onSelect:f,checkedKeys:p,onCheckedChange:m,checkable:h,searchQuery:g,onLoadChildren:_}){if(!c(e,g))return null;let v=!!e.children?.length||!!_,y=a.includes(e.key),b=o===e.key,x=p.includes(e.key);return(0,i.jsxs)(`div`,{"data-slot":`tree-node`,role:`treeitem`,"aria-expanded":v?y:void 0,"aria-selected":b||void 0,children:[(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 rounded-md px-2 py-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,b&&`bg-muted text-foreground`,e.disabled&&`pointer-events-none opacity-50`),style:{paddingLeft:`${n*.75}rem`},children:[(0,i.jsx)(`button`,{type:`button`,"aria-label":y?`Collapse`:`Expand`,className:t.cn(`flex size-5 items-center justify-center rounded-sm`,!v&&`invisible`),onClick:()=>{!y&&!e.children?.length&&_?.(e),d(e.key)},children:(0,i.jsx)(r.ChevronRightIcon,{className:t.cn(`size-4 transition-transform`,y&&`rotate-90`)})}),h&&(0,i.jsx)(`input`,{type:`checkbox`,className:`size-4 rounded border-border accent-primary`,checked:x,disabled:e.disabled,"aria-label":`Select ${s(e)}`,onChange:t=>m(e.key,t.currentTarget.checked)}),e.icon,(0,i.jsx)(`button`,{type:`button`,"data-tree-node-key":e.key,className:`min-w-0 flex-1 truncate rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,disabled:e.disabled,onClick:()=>f?.(e),children:l(e.label,g)}),e.loading?(0,i.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Loading...`}):e.extra]}),v&&y&&(0,i.jsx)(`div`,{role:`group`,className:`grid gap-1`,children:e.children?.map(e=>(0,i.jsx)(u,{item:e,level:n+1,expandedKeys:a,selectedKey:o,onToggle:d,onSelect:f,checkedKeys:p,onCheckedChange:m,checkable:h,searchQuery:g,onLoadChildren:_},e.key))})]})}exports.TreeView=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({items:e,defaultExpandedKeys:r=[],expandedKeys:a,onExpandedKeysChange:s,selectedKey:c,onSelect:l,checkedKeys:d,defaultCheckedKeys:f=[],onCheckedKeysChange:p,checkable:m=!1,searchQuery:h,onLoadChildren:g,className:_,...v}){let[y,b]=n.useState(r),[x,S]=n.useState(f),C=a??y,w=d??x,T=h?.trim().toLowerCase(),E=n.useCallback(e=>{a===void 0&&b(e),s?.(e)},[a,s]),D=(e,t)=>{let n=t?[...new Set([...w,e])]:w.filter(t=>t!==e);d===void 0&&S(n),p?.(n)},O=n.useCallback(e=>{E(C.includes(e)?C.filter(t=>t!==e):[...C,e])},[C,E]),k=n.useMemo(()=>o(e,C,T),[e,C,T]);return(0,i.jsx)(`div`,{"data-slot":`tree-view`,role:`tree`,className:t.cn(`grid gap-1 text-sm`,_),onKeyDown:e=>{let t=e.target.dataset.treeNodeKey;if(!t)return;let n=k.indexOf(t),r=t=>{if(!t)return;let n=t.replace(/\\/g,`\\\\`).replace(/"/g,`\\"`);e.currentTarget.querySelector(`[data-tree-node-key="${n}"]`)?.focus()};e.key===`ArrowDown`?(e.preventDefault(),r(k[Math.min(n+1,k.length-1)])):e.key===`ArrowUp`?(e.preventDefault(),r(k[Math.max(n-1,0)])):e.key===`ArrowRight`?(e.preventDefault(),C.includes(t)||O(t)):e.key===`ArrowLeft`&&(e.preventDefault(),C.includes(t)&&O(t)),v.onKeyDown?.(e)},...v,children:e.map(e=>(0,i.jsx)(u,{item:e,level:1,expandedKeys:C,selectedKey:c,onToggle:O,onSelect:l,checkedKeys:w,onCheckedChange:D,checkable:m,searchQuery:T,onLoadChildren:g},e.key))})}function o(e,t,n){return e.flatMap(e=>c(e,n)?[e.key,...e.children&&t.includes(e.key)?o(e.children,t,n):[]]:[])}function s(e){return e.searchText??(typeof e.label==`string`?e.label:e.key)}function c(e,t){return t?s(e).toLowerCase().includes(t)||!!e.children?.some(e=>c(e,t)):!0}function l(e,t){if(!t||typeof e!=`string`)return e;let n=e.toLowerCase().indexOf(t);return n<0?e:(0,i.jsxs)(i.Fragment,{children:[e.slice(0,n),(0,i.jsx)(`mark`,{className:`rounded bg-primary/15 px-0.5 text-foreground`,children:e.slice(n,n+t.length)}),e.slice(n+t.length)]})}function u({item:e,level:n,expandedKeys:a,selectedKey:o,onToggle:d,onSelect:f,checkedKeys:p,onCheckedChange:m,checkable:h,searchQuery:g,onLoadChildren:_}){if(!c(e,g))return null;let v=!!e.children?.length||!!_,y=a.includes(e.key),b=o===e.key,x=p.includes(e.key);return(0,i.jsxs)(`div`,{"data-slot":`tree-node`,role:`treeitem`,"aria-expanded":v?y:void 0,"aria-selected":b||void 0,children:[(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 rounded-md px-2 py-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,b&&`bg-muted text-foreground`,e.disabled&&`pointer-events-none opacity-50`),style:{paddingLeft:`${n*.75}rem`},children:[(0,i.jsx)(`button`,{type:`button`,"aria-label":y?`Collapse`:`Expand`,className:t.cn(`flex size-5 items-center justify-center rounded-sm`,!v&&`invisible`),onClick:()=>{!y&&!e.children?.length&&_?.(e),d(e.key)},children:(0,i.jsx)(r.ChevronRightIcon,{className:t.cn(`size-4 transition-transform`,y&&`rotate-90`)})}),h&&(0,i.jsx)(`input`,{type:`checkbox`,className:`size-4 rounded border-border accent-primary`,checked:x,disabled:e.disabled,"aria-label":`Select ${s(e)}`,onChange:t=>m(e.key,t.currentTarget.checked)}),e.icon,(0,i.jsx)(`button`,{type:`button`,"data-tree-node-key":e.key,className:`min-w-0 flex-1 truncate rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,disabled:e.disabled,onClick:()=>f?.(e),children:l(e.label,g)}),e.loading?(0,i.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Loading...`}):e.extra]}),v&&y&&(0,i.jsx)(`div`,{role:`group`,className:`grid gap-1`,children:e.children?.map(e=>(0,i.jsx)(u,{item:e,level:n+1,expandedKeys:a,selectedKey:o,onToggle:d,onSelect:f,checkedKeys:p,onCheckedChange:m,checkable:h,searchQuery:g,onLoadChildren:_},e.key))})]})}exports.TreeView=a;

package/dist/components/display/tree-view.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/filters/filter-bar.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/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s={default:`secondary`,success:`secondary`,warning:`outline`,danger:`destructive`,info:`outline`,muted:`outline`};function c({className:e,search:c,filters:l,actions:u,chips:d,activeCount:f,activeLabel:p=e=>`${e} active`,resetLabel:m=`Reset`,clearChipLabel:h,onReset:g,onRemoveChip:_,collapsible:v=!1,defaultExpanded:y=!1,emptyChips:b,chipLimit:x,chipOverflowLabel:S=e=>`+${e} more`,children:C,...w}){let[T,E]=i.useState(y),D=d?.filter(e=>!e.hidden)??[],O=x&&x>0?D.slice(0,x):D,k=Math.max(D.length-O.length,0),A=f??D.length,j=!!(l||C),M=!!d,N=!v||T,P=D.length>0||M&&b;return(0,o.jsxs)(`div`,{"data-slot":`filter-bar`,className:t.cn(`flex flex-col gap-3 rounded-lg border bg-card p-3`,e),...w,children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-2 lg:flex-row lg:items-center lg:justify-between`,children:[(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2 sm:flex-row sm:items-center`,children:[c&&(0,o.jsx)(`div`,{className:`min-w-0 flex-1`,children:c}),v&&j&&(0,o.jsxs)(n.Button,{type:`button`,variant:T?`secondary`:`outline`,size:`sm`,onClick:()=>E(e=>!e),children:[(0,o.jsx)(a.SlidersHorizontalIcon,{"data-icon":`inline-start`}),`Filters`,A>0&&(0,o.jsx)(`span`,{className:`ml-1 rounded-full bg-background px-1.5 text-xs`,children:A})]})]}),(0,o.jsxs)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:[A>0&&(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:p(A)}),A>0&&g&&(0,o.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:g,children:[(0,o.jsx)(a.XIcon,{"data-icon":`inline-start`}),m]}),u]})]}),j&&N&&(0,o.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center`,children:[l,C]}),P&&(0,o.jsx)(`div`,{"data-slot":`filter-bar-chips`,className:`flex flex-wrap items-center gap-2`,children:D.length>0?(0,o.jsxs)(o.Fragment,{children:[O.map(e=>(0,o.jsxs)(r.Badge,{variant:s[e.tone??`default`],className:t.cn(`gap-1.5`,e.disabled&&`opacity-60`),children:[(0,o.jsx)(`span`,{children:e.label}),e.value!==void 0&&(0,o.jsx)(`span`,{className:`text-muted-foreground`,children:e.value}),_&&!e.disabled&&(0,o.jsx)(`button`,{type:`button`,"aria-label":typeof h==`string`?h:`Remove filter`,className:`rounded-full p-0.5 hover:bg-muted`,onClick:n=>{t.stopInteractivePropagation(n),_(e.key)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,o.jsx)(a.XIcon,{className:`size-3`})})]},e.key)),k>0?(0,o.jsx)(r.Badge,{variant:`outline`,children:S(k)}):null]}):(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:b})})]})}exports.FilterBar=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/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s={default:`secondary`,success:`secondary`,warning:`outline`,danger:`destructive`,info:`outline`,muted:`outline`};function c({className:e,search:c,filters:l,actions:u,chips:d,activeCount:f,activeLabel:p=e=>`${e} active`,resetLabel:m=`Reset`,clearChipLabel:h,onReset:g,onRemoveChip:_,collapsible:v=!1,defaultExpanded:y=!1,emptyChips:b,chipLimit:x,chipOverflowLabel:S=e=>`+${e} more`,children:C,...w}){let[T,E]=i.useState(y),D=d?.filter(e=>!e.hidden)??[],O=x&&x>0?D.slice(0,x):D,k=Math.max(D.length-O.length,0),A=f??D.length,j=!!(l||C),M=!!d,N=!v||T,P=D.length>0||M&&b;return(0,o.jsxs)(`div`,{"data-slot":`filter-bar`,className:t.cn(`flex flex-col gap-3 rounded-lg border bg-card p-3`,e),...w,children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-2 lg:flex-row lg:items-center lg:justify-between`,children:[(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2 sm:flex-row sm:items-center`,children:[c&&(0,o.jsx)(`div`,{className:`min-w-0 flex-1`,children:c}),v&&j&&(0,o.jsxs)(n.Button,{type:`button`,variant:T?`secondary`:`outline`,size:`sm`,onClick:()=>E(e=>!e),children:[(0,o.jsx)(a.SlidersHorizontalIcon,{"data-icon":`inline-start`}),`Filters`,A>0&&(0,o.jsx)(`span`,{className:`ml-1 rounded-full bg-background px-1.5 text-xs`,children:A})]})]}),(0,o.jsxs)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:[A>0&&(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:p(A)}),A>0&&g&&(0,o.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:g,children:[(0,o.jsx)(a.XIcon,{"data-icon":`inline-start`}),m]}),u]})]}),j&&N&&(0,o.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center`,children:[l,C]}),P&&(0,o.jsx)(`div`,{"data-slot":`filter-bar-chips`,className:`flex flex-wrap items-center gap-2`,children:D.length>0?(0,o.jsxs)(o.Fragment,{children:[O.map(e=>(0,o.jsxs)(r.Badge,{variant:s[e.tone??`default`],className:t.cn(`gap-1.5`,e.disabled&&`opacity-60`),children:[(0,o.jsx)(`span`,{children:e.label}),e.value!==void 0&&(0,o.jsx)(`span`,{className:`text-muted-foreground`,children:e.value}),_&&!e.disabled&&(0,o.jsx)(`button`,{type:`button`,"aria-label":typeof h==`string`?h:`Remove filter`,className:`rounded-full p-0.5 hover:bg-muted`,onClick:n=>{t.stopInteractivePropagation(n),_(e.key)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,o.jsx)(a.XIcon,{className:`size-3`})})]},e.key)),k>0?(0,o.jsx)(r.Badge,{variant:`outline`,children:S(k)}):null]}):(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:b})})]})}exports.FilterBar=c;

package/dist/components/filters/filter-bar.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 { Badge as r } from "../ui/badge/index.js";

package/dist/components/filters/saved-filter-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 c({value:e,onValueChange:c,filters:l,onSave:u,onDelete:d,placeholder:f=`Views`,saveLabel:p=`Save current view`,savePlaceholder:m=`Name this view`,emptyMessage:h=`No saved views`,saveValue:g,onSaveValueChange:_,className:v,...y}){let[b,x]=a.useState(!1),[S,C]=a.useState(``),w=l.find(t=>t.value===e),T=g??S;function E(e){g===void 0&&C(e),_?.(e)}function D(){let e=T.trim();!e||!u||(u(e),E(``),x(!1))}return(0,s.jsx)(`div`,{"data-slot":`saved-filter-select`,className:v,...y,children:(0,s.jsxs)(i.Popover,{open:b,onOpenChange:x,children:[(0,s.jsxs)(n.Button,{render:(0,s.jsx)(i.PopoverTrigger,{}),variant:`outline`,role:`combobox`,"aria-expanded":b,className:`w-[200px] justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2 truncate`,children:[(0,s.jsx)(o.BookmarkIcon,{className:`size-4 shrink-0 opacity-50`}),(0,s.jsx)(`span`,{className:`truncate`,children:w?w.label:f})]}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 shrink-0 opacity-50`})]}),(0,s.jsxs)(i.PopoverContent,{className:`w-[250px] p-0`,align:`start`,children:[(0,s.jsx)(`div`,{className:`max-h-[300px] overflow-y-auto p-1`,children:l.length===0?(0,s.jsx)(`div`,{className:`py-6 text-center text-sm text-muted-foreground`,children:h}):(0,s.jsx)(`div`,{className:`grid gap-1`,children:l.map(r=>{let i=e===r.value;return(0,s.jsxs)(`div`,{className:t.cn(`group relative flex items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground`,i&&`bg-accent text-accent-foreground`),children:[(0,s.jsxs)(`button`,{className:`flex min-w-0 flex-1 items-center gap-2 text-left`,onClick:()=>{c?.(i?void 0:r.value),x(!1)},children:[(0,s.jsx)(`span`,{className:`flex size-4 shrink-0 items-center justify-center`,children:i&&(0,s.jsx)(o.CheckIcon,{className:`size-4`})}),(0,s.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:r.label}),r.description&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:r.description})]})]}),d&&(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`size-6 shrink-0 opacity-0 group-hover:opacity-100 hover:text-destructive`,onClick:e=>{t.stopInteractivePropagation(e),d(r.value)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,s.jsx)(o.Trash2Icon,{className:`size-3`})})]},r.value)})})}),u&&(0,s.jsxs)(`div`,{className:`grid gap-2 border-t p-2`,children:[(0,s.jsx)(r.Input,{value:T,placeholder:m,onChange:e=>E(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),D())}}),(0,s.jsxs)(n.Button,{variant:`outline`,className:`w-full justify-center text-sm font-medium`,disabled:!T.trim(),onClick:D,children:[(0,s.jsx)(o.SaveIcon,{className:`mr-2 size-4`}),p]})]})]})]})})}exports.SavedFilterSelect=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,onValueChange:c,filters:l,onSave:u,onDelete:d,placeholder:f=`Views`,saveLabel:p=`Save current view`,savePlaceholder:m=`Name this view`,emptyMessage:h=`No saved views`,saveValue:g,onSaveValueChange:_,className:v,...y}){let[b,x]=a.useState(!1),[S,C]=a.useState(``),w=l.find(t=>t.value===e),T=g??S;function E(e){g===void 0&&C(e),_?.(e)}function D(){let e=T.trim();!e||!u||(u(e),E(``),x(!1))}return(0,s.jsx)(`div`,{"data-slot":`saved-filter-select`,className:v,...y,children:(0,s.jsxs)(i.Popover,{open:b,onOpenChange:x,children:[(0,s.jsxs)(n.Button,{render:(0,s.jsx)(i.PopoverTrigger,{}),variant:`outline`,role:`combobox`,"aria-expanded":b,className:`w-[200px] justify-between`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2 truncate`,children:[(0,s.jsx)(o.BookmarkIcon,{className:`size-4 shrink-0 opacity-50`}),(0,s.jsx)(`span`,{className:`truncate`,children:w?w.label:f})]}),(0,s.jsx)(o.ChevronsUpDownIcon,{className:`size-4 shrink-0 opacity-50`})]}),(0,s.jsxs)(i.PopoverContent,{className:`w-[250px] p-0`,align:`start`,children:[(0,s.jsx)(`div`,{className:`max-h-[300px] overflow-y-auto p-1`,children:l.length===0?(0,s.jsx)(`div`,{className:`py-6 text-center text-sm text-muted-foreground`,children:h}):(0,s.jsx)(`div`,{className:`grid gap-1`,children:l.map(r=>{let i=e===r.value;return(0,s.jsxs)(`div`,{className:t.cn(`group relative flex items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground`,i&&`bg-accent text-accent-foreground`),children:[(0,s.jsxs)(`button`,{className:`flex min-w-0 flex-1 items-center gap-2 text-left`,onClick:()=>{c?.(i?void 0:r.value),x(!1)},children:[(0,s.jsx)(`span`,{className:`flex size-4 shrink-0 items-center justify-center`,children:i&&(0,s.jsx)(o.CheckIcon,{className:`size-4`})}),(0,s.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:r.label}),r.description&&(0,s.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:r.description})]})]}),d&&(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`size-6 shrink-0 opacity-0 group-hover:opacity-100 hover:text-destructive`,onClick:e=>{t.stopInteractivePropagation(e),d(r.value)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,s.jsx)(o.Trash2Icon,{className:`size-3`})})]},r.value)})})}),u&&(0,s.jsxs)(`div`,{className:`grid gap-2 border-t p-2`,children:[(0,s.jsx)(r.Input,{value:T,placeholder:m,onChange:e=>E(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),D())}}),(0,s.jsxs)(n.Button,{variant:`outline`,className:`w-full justify-center text-sm font-medium`,disabled:!T.trim(),onClick:D,children:[(0,s.jsx)(o.SaveIcon,{className:`mr-2 size-4`}),p]})]})]})]})})}exports.SavedFilterSelect=c;

package/dist/components/filters/saved-filter-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";