admin-ui-starter-kit 0.4.3 → 0.4.4

package/dist/components/features/global-search/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/chunk-CMqjfN_6.cjs"),t=require("../../../lib/strings.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/badge--o9wFHB_.cjs"),a=require("../../../_shared/button-C1qc97U1.cjs"),o=require("../../../_shared/input-COMcb1WY.cjs"),s=require("../../../_shared/avatar-0spfQEHG.cjs");let c=require("react");c=e.t(c,1);let l=require("react/jsx-runtime"),u=require("lucide-react"),d=require("class-variance-authority"),f=require("@base-ui/react/tabs");var p={placeholder:`Search…`,clear:`Clear search`,loading:`Searching…`,emptyTitle:`No results for "{{query}}"`,emptyHint:`Try a shorter keyword or check the spelling.`,idleRecent:`Recent`,idleSuggestions:`Suggestions`,tabAll:`All`,footerNavigate:`navigate`,footerOpen:`open`,footerClose:`close`,resultsCount:`{{count}} results`,seeAll:`See all`};function m(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function h({results:e,query:t,onResultSelect:n,onClose:r}){let[i,a]=(0,c.useState)(`all`),[o,s]=(0,c.useState)(0);(0,c.useEffect)(()=>{a(`all`),s(0)},[t]);let l=(0,c.useMemo)(()=>{let t={};for(let n of e)(t[n.group]??=[]).push(n);return t},[e]),u=(0,c.useMemo)(()=>{let t={all:e.length};for(let[e,n]of Object.entries(l))t[e]=n.length;return t},[e.length,l]),d=(0,c.useMemo)(()=>{if(i===`all`)return l;let e=l[i];return e?{[i]:e}:{}},[l,i]),f=(0,c.useMemo)(()=>i===`all`?e.slice():l[i]??[],[i,l,e]),p=(0,c.useRef)(o);p.current=o;let m=(0,c.useRef)(f);return m.current=f,{grouped:l,tabCounts:u,activeTab:i,setActiveTab:e=>{a(e),s(0)},visibleGrouped:d,flat:f,activeIdx:o,setActiveIdx:s,setActiveById:e=>{let t=m.current.findIndex(t=>t.id===e);t>=0&&s(t)},onKeyDown:e=>{if(e.key===`ArrowDown`)e.preventDefault(),s(e=>Math.min(e+1,m.current.length-1));else if(e.key===`ArrowUp`)e.preventDefault(),s(e=>Math.max(e-1,0));else if(e.key===`Enter`){let t=m.current[p.current];t&&(e.preventDefault(),n?.(t))}else e.key===`Escape`&&r?.()},selectActive:()=>{let e=m.current[p.current];e&&n?.(e)}}}function g({title:e,hint:t}){return(0,l.jsxs)(`div`,{className:`px-6 py-12 text-center`,children:[(0,l.jsx)(`div`,{className:`mx-auto mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted/60`,children:(0,l.jsx)(u.Search,{className:`size-4 text-muted-foreground`,"aria-hidden":`true`})}),(0,l.jsx)(r.n,{weight:`medium`,children:e}),(0,l.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})}var _=`rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground`;function v({navigateLabel:e,openLabel:t,closeLabel:i,trailing:a,className:o}){return(0,l.jsxs)(`div`,{className:n.cn(`flex items-center justify-between border-t border-border/60 px-4 py-2`,o),children:[(0,l.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(`kbd`,{className:_,children:`↑↓`}),(0,l.jsx)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,children:e}),(0,l.jsx)(`kbd`,{className:_,children:`↵`}),(0,l.jsx)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,children:t}),(0,l.jsx)(`kbd`,{className:_,children:`esc`}),(0,l.jsx)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,children:i})]}),a]})}function y({sections:e,fallbackIcons:t}){return(0,l.jsx)(`div`,{className:`space-y-4 px-2 py-3`,children:e.map((e,i)=>(0,l.jsxs)(`div`,{children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2 px-3 pb-1.5`,children:[(0,l.jsx)(e.icon??(i===0?t?.recent??u.Clock:t?.suggestions??u.Sparkles),{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,l.jsx)(r.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label})]}),(0,l.jsx)(`ul`,{className:`m-0 list-none space-y-0.5 p-0`,children:e.items.map(e=>{let t=e.icon??u.Search;return(0,l.jsx)(`li`,{children:(0,l.jsxs)(a.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:e.onSelect,className:n.cn(`h-auto w-full justify-start gap-3 rounded-md px-3 py-1.5 text-left transition-colors`,`hover:bg-muted/50 focus-visible:bg-muted/50`),children:[(0,l.jsx)(t,{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,l.jsx)(r.n,{className:`flex-1 truncate`,children:e.label})]})},e.id)})})]},e.id))})}var b=c.forwardRef(function({value:e,onChange:t,onKeyDown:n,placeholder:r,clearLabel:i=`Clear search`,loading:s=!1,autoFocus:d=!1},f){let p=c.useRef(null);return c.useImperativeHandle(f,()=>p.current),c.useEffect(()=>{d&&p.current?.focus()},[d]),(0,l.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border px-4 py-3`,children:[(0,l.jsx)(u.Search,{className:`size-4 shrink-0 text-muted-foreground`,"aria-hidden":`true`}),(0,l.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,l.jsx)(o.t,{ref:p,type:`text`,value:e,onChange:e=>t(e.target.value),onKeyDown:n,placeholder:r,"aria-label":r,autoComplete:`off`,spellCheck:!1,size:`sm`,className:`h-auto border-0 bg-transparent px-0 py-0 text-sm shadow-none focus-visible:border-transparent focus-visible:ring-0`})}),s&&(0,l.jsx)(u.Loader2,{className:`size-4 shrink-0 animate-spin text-muted-foreground`,"aria-hidden":`true`}),!s&&!!e&&(0,l.jsx)(a.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:()=>t(``),"aria-label":i,className:`size-6 rounded text-muted-foreground hover:bg-muted hover:text-foreground`,children:(0,l.jsx)(u.X,{className:`size-3.5`})})]})}),x={primary:`bg-primary/5 text-primary`,success:`bg-success/10 text-success`,warning:`bg-warning/20 text-warning-foreground`,info:`bg-info/10 text-info`,destructive:`bg-destructive/10 text-destructive`,default:`bg-muted text-muted-foreground`},S={primary:`bg-primary/10 text-primary`,success:`bg-success/10 text-success`,warning:`bg-warning/20 text-warning-foreground`,info:`bg-info/10 text-info`,destructive:`bg-destructive/10 text-destructive`,default:`bg-muted text-muted-foreground`};function C(e,t){let n=(t??``).trim();if(!n)return e;let r=e.toLowerCase(),i=n.toLowerCase(),a=r.indexOf(i);return a<0?e:(0,l.jsxs)(l.Fragment,{children:[e.slice(0,a),(0,l.jsx)(`mark`,{className:`rounded-sm bg-warning/40 px-0.5 text-foreground`,children:e.slice(a,a+n.length)}),e.slice(a+n.length)]})}function w({result:e,isActive:t=!1,query:o=``,onSelect:c,onMouseEnter:d,toneBg:f,toneAvatar:p,className:m}){let h=e.thumbnail?.icon,g={...x,...f},_={...S,...p};return(0,l.jsxs)(a.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onMouseEnter:d,onClick:c,className:n.cn(`group/row relative h-auto w-full justify-start gap-3 rounded-lg px-3 py-(--row-py) text-left transition-colors`,t?`bg-muted/60`:`hover:bg-muted/40`,m),children:[(0,l.jsx)(`div`,{className:`flex shrink-0 items-center`,children:e.avatar?(0,l.jsxs)(s.t,{className:n.cn(`size-8`,_[e.avatar.tone??`default`]),children:[e.avatar.src&&(0,l.jsx)(s.o,{src:e.avatar.src,alt:e.title}),(0,l.jsx)(s.r,{className:n.cn(`text-xs font-semibold`,_[e.avatar.tone??`default`]),children:e.avatar.initials})]}):h?(0,l.jsx)(`span`,{className:n.cn(`inline-flex size-8 items-center justify-center rounded-md`,g[e.thumbnail?.tone??`default`]),children:(0,l.jsx)(h,{className:`size-4`,"aria-hidden":`true`})}):null}),(0,l.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2 leading-tight`,children:[(0,l.jsx)(r.n,{tag:`span`,weight:`semibold`,className:`truncate`,children:C(e.title,o)}),!!e.badge&&(0,l.jsx)(i.t,{variant:e.badge.tone===`destructive`?`error`:e.badge.tone,children:e.badge.label})]}),(()=>{let t=[];return e.subtitle&&t.push({key:`subtitle`,node:(0,l.jsx)(`span`,{children:C(e.subtitle,o)})}),e.meta?.forEach((e,r)=>{let i=e.icon;t.push({key:`m-${r}`,node:(0,l.jsxs)(`span`,{className:n.cn(`inline-flex items-center gap-1`,e.mono&&`font-mono tabular-nums`),children:[!!i&&(0,l.jsx)(i,{className:`size-3 shrink-0`,"aria-hidden":`true`}),e.label]})})}),e.timestamp&&t.push({key:`ts`,node:(0,l.jsx)(`span`,{className:`tabular-nums`,children:e.timestamp})}),e.tags?.forEach(e=>t.push({key:`t-${e}`,node:(0,l.jsx)(`span`,{children:e})})),e.rightValue&&t.push({key:`rv`,node:(0,l.jsxs)(`span`,{className:`font-medium tabular-nums text-foreground`,children:[e.rightValue,!!e.rightLabel&&(0,l.jsx)(`span`,{className:`ml-1 font-normal text-muted-foreground`,children:e.rightLabel.toLowerCase()})]})}),t.length===0?null:(0,l.jsx)(r.n,{size:`xs`,type:`secondary`,className:`mt-0.5 truncate`,children:t.map((e,t)=>(0,l.jsxs)(`span`,{children:[t>0&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:`mx-1.5 text-muted-foreground/60`,children:`·`}),e.node]},e.key))})})()]}),!!(e.rightValue||e.rightLabel)&&(0,l.jsx)(`div`,{className:`hidden shrink-0 items-center self-stretch border-l border-border/60 pl-3 md:flex`,children:(0,l.jsxs)(`div`,{className:`flex flex-col items-end gap-0 text-right leading-tight`,children:[!!e.rightValue&&(0,l.jsx)(r.n,{tag:`span`,weight:`semibold`,className:`whitespace-nowrap tabular-nums`,children:e.rightValue}),!!e.rightLabel&&(0,l.jsx)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 whitespace-nowrap`,children:e.rightLabel})]})}),(0,l.jsx)(`span`,{"aria-hidden":`true`,className:n.cn(`inline-flex size-7 shrink-0 items-center justify-center rounded-md transition-all`,t?`bg-foreground text-background opacity-100`:`text-muted-foreground opacity-0 group-hover/row:opacity-100`),children:(0,l.jsx)(u.ArrowRight,{className:`size-3.5`})})]})}function T({className:e,orientation:t=`horizontal`,...r}){return(0,l.jsx)(f.Tabs.Root,{"data-slot":`tabs`,"data-orientation":t,className:n.cn(`gap-2 group/tabs flex data-[orientation=horizontal]:flex-col`,e),...r})}var E=(0,d.cva)(`rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col`,{variants:{variant:{default:`bg-muted`,line:`gap-1 bg-transparent`}},defaultVariants:{variant:`default`}});function D({className:e,variant:t=`default`,...r}){return(0,l.jsx)(f.Tabs.List,{"data-slot":`tabs-list`,"data-variant":t,className:n.cn(E({variant:t}),e),...r})}function O({className:e,...t}){return(0,l.jsx)(f.Tabs.Tab,{"data-slot":`tabs-trigger`,className:n.cn(`gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent`,`data-active:bg-background data-active:text-foreground`,`after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100`,e),...t})}function k({value:e,onValueChange:t,tabs:i,counts:a}){return(0,l.jsx)(`div`,{className:`global-search-tabs--component border-b border-border/60 px-3 py-2`,children:(0,l.jsx)(`div`,{className:`global-search-tabs--scroller -mx-1 overflow-x-auto px-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:(0,l.jsx)(T,{value:e,onValueChange:e=>t(e),className:`min-w-max`,children:(0,l.jsx)(D,{className:`global-search-tabs--list h-8 w-max min-w-max`,children:i.map(t=>{let i=e===t.value,o=a[t.value]??0;return(0,l.jsxs)(O,{value:t.value,className:`global-search-tabs--trigger shrink-0 gap-1.5 px-2.5 text-xs`,children:[(0,l.jsx)(`span`,{children:t.label}),(0,l.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,className:n.cn(`global-search-tabs--count rounded px-1 py-0 tabular-nums`,i?`bg-muted text-muted-foreground`:`bg-transparent text-muted-foreground/70`),children:o})]},t.value)})})})})})}function A({results:e=[],query:i,onQueryChange:o,onResultSelect:s,onClose:u,loading:d=!1,idleSections:f,groupLabels:_,autoFocus:x=!1,strings:S,slots:C,tabs:T,className:E}){let D=t.useStrings(p,S),O=h({results:e,query:i,onResultSelect:s,onClose:u}),A=!d&&i.trim().length>1&&e.length===0,j=!d&&i.trim().length<=1,M=c.useMemo(()=>{if(T)return T;let e=Object.keys(O.grouped);return[{value:`all`,label:D.tabAll},...e.map(e=>({value:e,label:_?.[e]??e}))]},[T,O.grouped,D.tabAll,_]);return(0,l.jsxs)(`div`,{className:n.cn(`global-search--component`,`overflow-hidden rounded-xl border border-border bg-card shadow-2xl`,E),children:[C?.input??(0,l.jsx)(b,{value:i,onChange:o,onKeyDown:O.onKeyDown,placeholder:D.placeholder,clearLabel:D.clear,loading:d,autoFocus:x}),!d&&e.length>0&&(C?.tabs??(0,l.jsx)(k,{value:O.activeTab,onValueChange:O.setActiveTab,tabs:M,counts:O.tabCounts})),(0,l.jsxs)(`div`,{className:`max-h-[520px] overflow-y-auto`,children:[!!j&&(C?.idle??(f&&f.length>0?(0,l.jsx)(y,{sections:f}):null)),!!d&&(C?.loading??(0,l.jsx)(`div`,{className:`flex items-center justify-center px-6 py-12`,children:(0,l.jsx)(r.n,{type:`secondary`,children:D.loading})})),!!A&&(C?.empty??(0,l.jsx)(g,{title:m(D.emptyTitle,{query:i}),hint:D.emptyHint})),!d&&e.length>0&&(0,l.jsx)(`div`,{className:`px-2 py-2`,children:Object.entries(O.visibleGrouped).map(([e,t],o)=>(0,l.jsxs)(`div`,{className:n.cn(`pb-2 last:pb-0`,o>0&&`mt-3 pt-2`),children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between px-3 pb-1`,children:[(0,l.jsx)(r.n,{size:`xs`,type:`secondary`,weight:`medium`,children:_?.[e]??e}),O.activeTab===`all`&&t.length>0&&(0,l.jsx)(a.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>O.setActiveTab(e),className:`h-auto rounded px-1 py-0 text-primary transition-colors hover:underline`,children:(0,l.jsx)(r.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`text-primary`,children:D.seeAll})})]}),(0,l.jsx)(`ul`,{className:`m-0 list-none space-y-0.5 p-0`,children:t.map(e=>{let t=O.flat[O.activeIdx]?.id===e.id,n={isActive:t,query:i,onSelect:()=>s?.(e)};return(0,l.jsx)(`li`,{children:C?.renderResult?C.renderResult(e,n):(0,l.jsx)(w,{result:e,isActive:t,query:i,onSelect:n.onSelect,onMouseEnter:()=>O.setActiveById(e.id),toneBg:C?.toneBg,toneAvatar:C?.toneAvatar})},e.id)})})]},e))})]}),C?.footer??(0,l.jsx)(v,{navigateLabel:D.footerNavigate,openLabel:D.footerOpen,closeLabel:D.footerClose,trailing:!j&&!A&&e.length>0?(0,l.jsx)(r.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:m(D.resultsCount,{count:e.length})}):void 0})]})}exports.DEFAULT_TONE_AVATAR=S,exports.DEFAULT_TONE_BG=x,exports.GlobalSearch=A,exports.GlobalSearchEmptyState=g,exports.GlobalSearchFooter=v,exports.GlobalSearchIdleState=y,exports.GlobalSearchInput=b,exports.GlobalSearchResultRow=w,exports.GlobalSearchTabs=k,exports.defaultGlobalSearchStrings=p,exports.interpolateString=m,exports.useGlobalSearch=h;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/chunk-CMqjfN_6.cjs"),t=require("../../../lib/strings.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/button-BI347RlM.cjs"),i=require("../../../_shared/heading-0DYCOrgC.cjs"),a=require("../../../_shared/badge-CBof1rbF.cjs"),o=require("../../../_shared/input-COMcb1WY.cjs"),s=require("../../../_shared/avatar-0spfQEHG.cjs");let c=require("react");c=e.t(c,1);let l=require("react/jsx-runtime"),u=require("lucide-react"),d=require("class-variance-authority"),f=require("@base-ui/react/tabs");var p={placeholder:`Search…`,clear:`Clear search`,loading:`Searching…`,emptyTitle:`No results for "{{query}}"`,emptyHint:`Try a shorter keyword or check the spelling.`,idleRecent:`Recent`,idleSuggestions:`Suggestions`,tabAll:`All`,footerNavigate:`navigate`,footerOpen:`open`,footerClose:`close`,resultsCount:`{{count}} results`,seeAll:`See all`};function m(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function h({results:e,query:t,onResultSelect:n,onClose:r}){let[i,a]=(0,c.useState)(`all`),[o,s]=(0,c.useState)(0);(0,c.useEffect)(()=>{a(`all`),s(0)},[t]);let l=(0,c.useMemo)(()=>{let t={};for(let n of e)(t[n.group]??=[]).push(n);return t},[e]),u=(0,c.useMemo)(()=>{let t={all:e.length};for(let[e,n]of Object.entries(l))t[e]=n.length;return t},[e.length,l]),d=(0,c.useMemo)(()=>{if(i===`all`)return l;let e=l[i];return e?{[i]:e}:{}},[l,i]),f=(0,c.useMemo)(()=>i===`all`?e.slice():l[i]??[],[i,l,e]),p=(0,c.useRef)(o);p.current=o;let m=(0,c.useRef)(f);return m.current=f,{grouped:l,tabCounts:u,activeTab:i,setActiveTab:e=>{a(e),s(0)},visibleGrouped:d,flat:f,activeIdx:o,setActiveIdx:s,setActiveById:e=>{let t=m.current.findIndex(t=>t.id===e);t>=0&&s(t)},onKeyDown:e=>{if(e.key===`ArrowDown`)e.preventDefault(),s(e=>Math.min(e+1,m.current.length-1));else if(e.key===`ArrowUp`)e.preventDefault(),s(e=>Math.max(e-1,0));else if(e.key===`Enter`){let t=m.current[p.current];t&&(e.preventDefault(),n?.(t))}else e.key===`Escape`&&r?.()},selectActive:()=>{let e=m.current[p.current];e&&n?.(e)}}}function g({title:e,hint:t}){return(0,l.jsxs)(`div`,{className:`px-6 py-12 text-center`,children:[(0,l.jsx)(`div`,{className:`mx-auto mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted/60`,children:(0,l.jsx)(u.Search,{className:`size-4 text-muted-foreground`,"aria-hidden":`true`})}),(0,l.jsx)(i.n,{weight:`medium`,children:e}),(0,l.jsx)(i.n,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})}var _=`rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground`;function v({navigateLabel:e,openLabel:t,closeLabel:r,trailing:a,className:o}){return(0,l.jsxs)(`div`,{className:n.cn(`flex items-center justify-between border-t border-border/60 px-4 py-2`,o),children:[(0,l.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,l.jsx)(`kbd`,{className:_,children:`↑↓`}),(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,children:e}),(0,l.jsx)(`kbd`,{className:_,children:`↵`}),(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,children:t}),(0,l.jsx)(`kbd`,{className:_,children:`esc`}),(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,children:r})]}),a]})}function y({sections:e,fallbackIcons:t}){return(0,l.jsx)(`div`,{className:`space-y-4 px-2 py-3`,children:e.map((e,a)=>(0,l.jsxs)(`div`,{children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2 px-3 pb-1.5`,children:[(0,l.jsx)(e.icon??(a===0?t?.recent??u.Clock:t?.suggestions??u.Sparkles),{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,l.jsx)(i.n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label})]}),(0,l.jsx)(`ul`,{className:`m-0 list-none space-y-0.5 p-0`,children:e.items.map(e=>{let t=e.icon??u.Search;return(0,l.jsx)(`li`,{children:(0,l.jsxs)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:e.onSelect,className:n.cn(`h-auto w-full justify-start gap-3 rounded-md px-3 py-1.5 text-left transition-colors`,`hover:bg-muted/50 focus-visible:bg-muted/50`),children:[(0,l.jsx)(t,{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,l.jsx)(i.n,{className:`flex-1 truncate`,children:e.label})]})},e.id)})})]},e.id))})}var b=c.forwardRef(function({value:e,onChange:t,onKeyDown:n,placeholder:i,clearLabel:a=`Clear search`,loading:s=!1,autoFocus:d=!1},f){let p=c.useRef(null);return c.useImperativeHandle(f,()=>p.current),c.useEffect(()=>{d&&p.current?.focus()},[d]),(0,l.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border px-4 py-3`,children:[(0,l.jsx)(u.Search,{className:`size-4 shrink-0 text-muted-foreground`,"aria-hidden":`true`}),(0,l.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,l.jsx)(o.t,{ref:p,type:`text`,value:e,onChange:e=>t(e.target.value),onKeyDown:n,placeholder:i,"aria-label":i,autoComplete:`off`,spellCheck:!1,size:`sm`,className:`h-auto border-0 bg-transparent px-0 py-0 text-sm shadow-none focus-visible:border-transparent focus-visible:ring-0`})}),s&&(0,l.jsx)(u.Loader2,{className:`size-4 shrink-0 animate-spin text-muted-foreground`,"aria-hidden":`true`}),!s&&!!e&&(0,l.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:()=>t(``),"aria-label":a,className:`size-6 rounded text-muted-foreground hover:bg-muted hover:text-foreground`,children:(0,l.jsx)(u.X,{className:`size-3.5`})})]})}),x={primary:`bg-primary/5 text-primary`,success:`bg-success/10 text-success`,warning:`bg-warning/20 text-warning-foreground`,info:`bg-info/10 text-info`,destructive:`bg-destructive/10 text-destructive`,default:`bg-muted text-muted-foreground`},S={primary:`bg-primary/10 text-primary`,success:`bg-success/10 text-success`,warning:`bg-warning/20 text-warning-foreground`,info:`bg-info/10 text-info`,destructive:`bg-destructive/10 text-destructive`,default:`bg-muted text-muted-foreground`};function C(e,t){let n=(t??``).trim();if(!n)return e;let r=e.toLowerCase(),i=n.toLowerCase(),a=r.indexOf(i);return a<0?e:(0,l.jsxs)(l.Fragment,{children:[e.slice(0,a),(0,l.jsx)(`mark`,{className:`rounded-sm bg-warning/40 px-0.5 text-foreground`,children:e.slice(a,a+n.length)}),e.slice(a+n.length)]})}function w({result:e,isActive:t=!1,query:o=``,onSelect:c,onMouseEnter:d,toneBg:f,toneAvatar:p,className:m}){let h=e.thumbnail?.icon,g={...x,...f},_={...S,...p};return(0,l.jsxs)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onMouseEnter:d,onClick:c,className:n.cn(`group/row relative h-auto w-full justify-start gap-3 rounded-lg px-3 py-(--row-py) text-left transition-colors`,t?`bg-muted/60`:`hover:bg-muted/40`,m),children:[(0,l.jsx)(`div`,{className:`flex shrink-0 items-center`,children:e.avatar?(0,l.jsxs)(s.t,{className:n.cn(`size-8`,_[e.avatar.tone??`default`]),children:[e.avatar.src&&(0,l.jsx)(s.o,{src:e.avatar.src,alt:e.title}),(0,l.jsx)(s.r,{className:n.cn(`text-xs font-semibold`,_[e.avatar.tone??`default`]),children:e.avatar.initials})]}):h?(0,l.jsx)(`span`,{className:n.cn(`inline-flex size-8 items-center justify-center rounded-md`,g[e.thumbnail?.tone??`default`]),children:(0,l.jsx)(h,{className:`size-4`,"aria-hidden":`true`})}):null}),(0,l.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-2 leading-tight`,children:[(0,l.jsx)(i.n,{tag:`span`,weight:`semibold`,className:`truncate`,children:C(e.title,o)}),!!e.badge&&(0,l.jsx)(a.t,{variant:e.badge.tone===`destructive`?`error`:e.badge.tone,children:e.badge.label})]}),(()=>{let t=[];return e.subtitle&&t.push({key:`subtitle`,node:(0,l.jsx)(`span`,{children:C(e.subtitle,o)})}),e.meta?.forEach((e,r)=>{let i=e.icon;t.push({key:`m-${r}`,node:(0,l.jsxs)(`span`,{className:n.cn(`inline-flex items-center gap-1`,e.mono&&`font-mono tabular-nums`),children:[!!i&&(0,l.jsx)(i,{className:`size-3 shrink-0`,"aria-hidden":`true`}),e.label]})})}),e.timestamp&&t.push({key:`ts`,node:(0,l.jsx)(`span`,{className:`tabular-nums`,children:e.timestamp})}),e.tags?.forEach(e=>t.push({key:`t-${e}`,node:(0,l.jsx)(`span`,{children:e})})),e.rightValue&&t.push({key:`rv`,node:(0,l.jsxs)(`span`,{className:`font-medium tabular-nums text-foreground`,children:[e.rightValue,!!e.rightLabel&&(0,l.jsx)(`span`,{className:`ml-1 font-normal text-muted-foreground`,children:e.rightLabel.toLowerCase()})]})}),t.length===0?null:(0,l.jsx)(i.n,{size:`xs`,type:`secondary`,className:`mt-0.5 truncate`,children:t.map((e,t)=>(0,l.jsxs)(`span`,{children:[t>0&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:`mx-1.5 text-muted-foreground/60`,children:`·`}),e.node]},e.key))})})()]}),!!(e.rightValue||e.rightLabel)&&(0,l.jsx)(`div`,{className:`hidden shrink-0 items-center self-stretch border-l border-border/60 pl-3 md:flex`,children:(0,l.jsxs)(`div`,{className:`flex flex-col items-end gap-0 text-right leading-tight`,children:[!!e.rightValue&&(0,l.jsx)(i.n,{tag:`span`,weight:`semibold`,className:`whitespace-nowrap tabular-nums`,children:e.rightValue}),!!e.rightLabel&&(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 whitespace-nowrap`,children:e.rightLabel})]})}),(0,l.jsx)(`span`,{"aria-hidden":`true`,className:n.cn(`inline-flex size-7 shrink-0 items-center justify-center rounded-md transition-all`,t?`bg-foreground text-background opacity-100`:`text-muted-foreground opacity-0 group-hover/row:opacity-100`),children:(0,l.jsx)(u.ArrowRight,{className:`size-3.5`})})]})}function T({className:e,orientation:t=`horizontal`,...r}){return(0,l.jsx)(f.Tabs.Root,{"data-slot":`tabs`,"data-orientation":t,className:n.cn(`gap-2 group/tabs flex data-[orientation=horizontal]:flex-col`,e),...r})}var E=(0,d.cva)(`rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col`,{variants:{variant:{default:`bg-muted`,line:`gap-1 bg-transparent`}},defaultVariants:{variant:`default`}});function D({className:e,variant:t=`default`,...r}){return(0,l.jsx)(f.Tabs.List,{"data-slot":`tabs-list`,"data-variant":t,className:n.cn(E({variant:t}),e),...r})}function O({className:e,...t}){return(0,l.jsx)(f.Tabs.Tab,{"data-slot":`tabs-trigger`,className:n.cn(`gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent`,`data-active:bg-background data-active:text-foreground`,`after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100`,e),...t})}function k({value:e,onValueChange:t,tabs:r,counts:a}){return(0,l.jsx)(`div`,{className:`global-search-tabs--component border-b border-border/60 px-3 py-2`,children:(0,l.jsx)(`div`,{className:`global-search-tabs--scroller -mx-1 overflow-x-auto px-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:(0,l.jsx)(T,{value:e,onValueChange:e=>t(e),className:`min-w-max`,children:(0,l.jsx)(D,{className:`global-search-tabs--list h-8 w-max min-w-max`,children:r.map(t=>{let r=e===t.value,o=a[t.value]??0;return(0,l.jsxs)(O,{value:t.value,className:`global-search-tabs--trigger shrink-0 gap-1.5 px-2.5 text-xs`,children:[(0,l.jsx)(`span`,{children:t.label}),(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,weight:`medium`,className:n.cn(`global-search-tabs--count rounded px-1 py-0 tabular-nums`,r?`bg-muted text-muted-foreground`:`bg-transparent text-muted-foreground/70`),children:o})]},t.value)})})})})})}function A({results:e=[],query:a,onQueryChange:o,onResultSelect:s,onClose:u,loading:d=!1,idleSections:f,groupLabels:_,autoFocus:x=!1,strings:S,slots:C,tabs:T,className:E}){let D=t.useStrings(p,S),O=h({results:e,query:a,onResultSelect:s,onClose:u}),A=!d&&a.trim().length>1&&e.length===0,j=!d&&a.trim().length<=1,M=c.useMemo(()=>{if(T)return T;let e=Object.keys(O.grouped);return[{value:`all`,label:D.tabAll},...e.map(e=>({value:e,label:_?.[e]??e}))]},[T,O.grouped,D.tabAll,_]);return(0,l.jsxs)(`div`,{className:n.cn(`global-search--component`,`overflow-hidden rounded-xl border border-border bg-card shadow-2xl`,E),children:[C?.input??(0,l.jsx)(b,{value:a,onChange:o,onKeyDown:O.onKeyDown,placeholder:D.placeholder,clearLabel:D.clear,loading:d,autoFocus:x}),!d&&e.length>0&&(C?.tabs??(0,l.jsx)(k,{value:O.activeTab,onValueChange:O.setActiveTab,tabs:M,counts:O.tabCounts})),(0,l.jsxs)(`div`,{className:`max-h-[520px] overflow-y-auto`,children:[!!j&&(C?.idle??(f&&f.length>0?(0,l.jsx)(y,{sections:f}):null)),!!d&&(C?.loading??(0,l.jsx)(`div`,{className:`flex items-center justify-center px-6 py-12`,children:(0,l.jsx)(i.n,{type:`secondary`,children:D.loading})})),!!A&&(C?.empty??(0,l.jsx)(g,{title:m(D.emptyTitle,{query:a}),hint:D.emptyHint})),!d&&e.length>0&&(0,l.jsx)(`div`,{className:`px-2 py-2`,children:Object.entries(O.visibleGrouped).map(([e,t],o)=>(0,l.jsxs)(`div`,{className:n.cn(`pb-2 last:pb-0`,o>0&&`mt-3 pt-2`),children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between px-3 pb-1`,children:[(0,l.jsx)(i.n,{size:`xs`,type:`secondary`,weight:`medium`,children:_?.[e]??e}),O.activeTab===`all`&&t.length>0&&(0,l.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>O.setActiveTab(e),className:`h-auto rounded px-1 py-0 text-primary transition-colors hover:underline`,children:(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,weight:`medium`,className:`text-primary`,children:D.seeAll})})]}),(0,l.jsx)(`ul`,{className:`m-0 list-none space-y-0.5 p-0`,children:t.map(e=>{let t=O.flat[O.activeIdx]?.id===e.id,n={isActive:t,query:a,onSelect:()=>s?.(e)};return(0,l.jsx)(`li`,{children:C?.renderResult?C.renderResult(e,n):(0,l.jsx)(w,{result:e,isActive:t,query:a,onSelect:n.onSelect,onMouseEnter:()=>O.setActiveById(e.id),toneBg:C?.toneBg,toneAvatar:C?.toneAvatar})},e.id)})})]},e))})]}),C?.footer??(0,l.jsx)(v,{navigateLabel:D.footerNavigate,openLabel:D.footerOpen,closeLabel:D.footerClose,trailing:!j&&!A&&e.length>0?(0,l.jsx)(i.n,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:m(D.resultsCount,{count:e.length})}):void 0})]})}exports.DEFAULT_TONE_AVATAR=S,exports.DEFAULT_TONE_BG=x,exports.GlobalSearch=A,exports.GlobalSearchEmptyState=g,exports.GlobalSearchFooter=v,exports.GlobalSearchIdleState=y,exports.GlobalSearchInput=b,exports.GlobalSearchResultRow=w,exports.GlobalSearchTabs=k,exports.defaultGlobalSearchStrings=p,exports.interpolateString=m,exports.useGlobalSearch=h;
 //# sourceMappingURL=index.cjs.map

package/dist/components/features/global-search/index.js

@@ -1,8 +1,8 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { n } from "../../../_shared/heading-HeP06nXG.js";
-import { t as r } from "../../../_shared/badge-yGlx9trX.js";
-import { t as i } from "../../../_shared/button-SuocMQFT.js";
+import { t as n } from "../../../_shared/button-BGKY8UY0.js";
+import { n as r } from "../../../_shared/heading-HeP06nXG.js";
+import { t as i } from "../../../_shared/badge-6WYAMJwA.js";
 import { t as a } from "../../../_shared/input-C7t-RHYq.js";
 import { o, r as s, t as c } from "../../../_shared/avatar-CBi4LGxy.js";
 import * as l from "react";
@@ -101,11 +101,11 @@ function O({ title: e, hint: t }) {
 					"aria-hidden": "true"
 				})
 			}),
-			/* @__PURE__ */ h(n, {
+			/* @__PURE__ */ h(r, {
 				weight: "medium",
 				children: e
 			}),
-			/* @__PURE__ */ h(n, {
+			/* @__PURE__ */ h(r, {
 				size: "xs",
 				type: "secondary",
 				className: "mt-1",
@@ -117,7 +117,7 @@ function O({ title: e, hint: t }) {
 //#endregion
 //#region src/components/features/global-search/partials/global-search-footer.tsx
 var k = "rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground";
-function A({ navigateLabel: e, openLabel: r, closeLabel: i, trailing: a, className: o }) {
+function A({ navigateLabel: e, openLabel: n, closeLabel: i, trailing: a, className: o }) {
 	return /* @__PURE__ */ g("div", {
 		className: t("flex items-center justify-between border-t border-border/60 px-4 py-2", o),
 		children: [/* @__PURE__ */ g("span", {
@@ -127,7 +127,7 @@ function A({ navigateLabel: e, openLabel: r, closeLabel: i, trailing: a, classNa
 					className: k,
 					children: "↑↓"
 				}),
-				/* @__PURE__ */ h(n, {
+				/* @__PURE__ */ h(r, {
 					tag: "span",
 					size: "xxs",
 					type: "secondary",
@@ -137,17 +137,17 @@ function A({ navigateLabel: e, openLabel: r, closeLabel: i, trailing: a, classNa
 					className: k,
 					children: "↵"
 				}),
-				/* @__PURE__ */ h(n, {
+				/* @__PURE__ */ h(r, {
 					tag: "span",
 					size: "xxs",
 					type: "secondary",
-					children: r
+					children: n
 				}),
 				/* @__PURE__ */ h("kbd", {
 					className: k,
 					children: "esc"
 				}),
-				/* @__PURE__ */ h(n, {
+				/* @__PURE__ */ h(r, {
 					tag: "span",
 					size: "xxs",
 					type: "secondary",
@@ -159,15 +159,15 @@ function A({ navigateLabel: e, openLabel: r, closeLabel: i, trailing: a, classNa
 }
 //#endregion
 //#region src/components/features/global-search/partials/global-search-idle-state.tsx
-function j({ sections: e, fallbackIcons: r }) {
+function j({ sections: e, fallbackIcons: i }) {
 	return /* @__PURE__ */ h("div", {
 		className: "space-y-4 px-2 py-3",
 		children: e.map((e, a) => /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
 			className: "flex items-center gap-2 px-3 pb-1.5",
-			children: [/* @__PURE__ */ h(e.icon ?? (a === 0 ? r?.recent ?? v : r?.suggestions ?? x), {
+			children: [/* @__PURE__ */ h(e.icon ?? (a === 0 ? i?.recent ?? v : i?.suggestions ?? x), {
 				className: "size-3.5 text-muted-foreground",
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ h(n, {
+			}), /* @__PURE__ */ h(r, {
 				size: "xxs",
 				type: "secondary",
 				weight: "medium",
@@ -177,18 +177,18 @@ function j({ sections: e, fallbackIcons: r }) {
 		}), /* @__PURE__ */ h("ul", {
 			className: "m-0 list-none space-y-0.5 p-0",
 			children: e.items.map((e) => {
-				let r = e.icon ?? b;
-				return /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g(i, {
+				let i = e.icon ?? b;
+				return /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g(n, {
 					type: "button",
 					variant: "secondary",
 					buttonStyle: "ghost",
 					size: "sm",
 					onClick: e.onSelect,
 					className: t("h-auto w-full justify-start gap-3 rounded-md px-3 py-1.5 text-left transition-colors", "hover:bg-muted/50 focus-visible:bg-muted/50"),
-					children: [/* @__PURE__ */ h(r, {
+					children: [/* @__PURE__ */ h(i, {
 						className: "size-3.5 text-muted-foreground",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ h(n, {
+					}), /* @__PURE__ */ h(r, {
 						className: "flex-1 truncate",
 						children: e.label
 					})]
@@ -199,7 +199,7 @@ function j({ sections: e, fallbackIcons: r }) {
 }
 //#endregion
 //#region src/components/features/global-search/partials/global-search-input.tsx
-var M = l.forwardRef(function({ value: e, onChange: t, onKeyDown: n, placeholder: r, clearLabel: o = "Clear search", loading: s = !1, autoFocus: c = !1 }, u) {
+var M = l.forwardRef(function({ value: e, onChange: t, onKeyDown: r, placeholder: i, clearLabel: o = "Clear search", loading: s = !1, autoFocus: c = !1 }, u) {
 	let d = l.useRef(null);
 	return l.useImperativeHandle(u, () => d.current), l.useEffect(() => {
 		c && d.current?.focus();
@@ -217,9 +217,9 @@ var M = l.forwardRef(function({ value: e, onChange: t, onKeyDown: n, placeholder
 					type: "text",
 					value: e,
 					onChange: (e) => t(e.target.value),
-					onKeyDown: n,
-					placeholder: r,
-					"aria-label": r,
+					onKeyDown: r,
+					placeholder: i,
+					"aria-label": i,
 					autoComplete: "off",
 					spellCheck: !1,
 					size: "sm",
@@ -230,7 +230,7 @@ var M = l.forwardRef(function({ value: e, onChange: t, onKeyDown: n, placeholder
 				className: "size-4 shrink-0 animate-spin text-muted-foreground",
 				"aria-hidden": "true"
 			}),
-			!s && !!e && /* @__PURE__ */ h(i, {
+			!s && !!e && /* @__PURE__ */ h(n, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
@@ -280,7 +280,7 @@ function I({ result: e, isActive: a = !1, query: l = "", onSelect: u, onMouseEnt
 		...P,
 		...p
 	};
-	return /* @__PURE__ */ g(i, {
+	return /* @__PURE__ */ g(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
@@ -312,24 +312,24 @@ function I({ result: e, isActive: a = !1, query: l = "", onSelect: u, onMouseEnt
 				className: "min-w-0 flex-1",
 				children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2 leading-tight",
-					children: [/* @__PURE__ */ h(n, {
+					children: [/* @__PURE__ */ h(r, {
 						tag: "span",
 						weight: "semibold",
 						className: "truncate",
 						children: F(e.title, l)
-					}), !!e.badge && /* @__PURE__ */ h(r, {
+					}), !!e.badge && /* @__PURE__ */ h(i, {
 						variant: e.badge.tone === "destructive" ? "error" : e.badge.tone,
 						children: e.badge.label
 					})]
 				}), (() => {
-					let r = [];
-					return e.subtitle && r.push({
+					let n = [];
+					return e.subtitle && n.push({
 						key: "subtitle",
 						node: /* @__PURE__ */ h("span", { children: F(e.subtitle, l) })
-					}), e.meta?.forEach((e, n) => {
+					}), e.meta?.forEach((e, r) => {
 						let i = e.icon;
-						r.push({
-							key: `m-${n}`,
+						n.push({
+							key: `m-${r}`,
 							node: /* @__PURE__ */ g("span", {
 								className: t("inline-flex items-center gap-1", e.mono && "font-mono tabular-nums"),
 								children: [!!i && /* @__PURE__ */ h(i, {
@@ -338,16 +338,16 @@ function I({ result: e, isActive: a = !1, query: l = "", onSelect: u, onMouseEnt
 								}), e.label]
 							})
 						});
-					}), e.timestamp && r.push({
+					}), e.timestamp && n.push({
 						key: "ts",
 						node: /* @__PURE__ */ h("span", {
 							className: "tabular-nums",
 							children: e.timestamp
 						})
-					}), e.tags?.forEach((e) => r.push({
+					}), e.tags?.forEach((e) => n.push({
 						key: `t-${e}`,
 						node: /* @__PURE__ */ h("span", { children: e })
-					})), e.rightValue && r.push({
+					})), e.rightValue && n.push({
 						key: "rv",
 						node: /* @__PURE__ */ g("span", {
 							className: "font-medium tabular-nums text-foreground",
@@ -356,11 +356,11 @@ function I({ result: e, isActive: a = !1, query: l = "", onSelect: u, onMouseEnt
 								children: e.rightLabel.toLowerCase()
 							})]
 						})
-					}), r.length === 0 ? null : /* @__PURE__ */ h(n, {
+					}), n.length === 0 ? null : /* @__PURE__ */ h(r, {
 						size: "xs",
 						type: "secondary",
 						className: "mt-0.5 truncate",
-						children: r.map((e, t) => /* @__PURE__ */ g("span", { children: [t > 0 && /* @__PURE__ */ h("span", {
+						children: n.map((e, t) => /* @__PURE__ */ g("span", { children: [t > 0 && /* @__PURE__ */ h("span", {
 							"aria-hidden": "true",
 							className: "mx-1.5 text-muted-foreground/60",
 							children: "·"
@@ -372,12 +372,12 @@ function I({ result: e, isActive: a = !1, query: l = "", onSelect: u, onMouseEnt
 				className: "hidden shrink-0 items-center self-stretch border-l border-border/60 pl-3 md:flex",
 				children: /* @__PURE__ */ g("div", {
 					className: "flex flex-col items-end gap-0 text-right leading-tight",
-					children: [!!e.rightValue && /* @__PURE__ */ h(n, {
+					children: [!!e.rightValue && /* @__PURE__ */ h(r, {
 						tag: "span",
 						weight: "semibold",
 						className: "whitespace-nowrap tabular-nums",
 						children: e.rightValue
-					}), !!e.rightLabel && /* @__PURE__ */ h(n, {
+					}), !!e.rightLabel && /* @__PURE__ */ h(r, {
 						tag: "span",
 						size: "xxs",
 						type: "secondary",
@@ -428,30 +428,30 @@ function B({ className: e, ...n }) {
 }
 //#endregion
 //#region src/components/features/global-search/partials/global-search-tabs.tsx
-function V({ value: e, onValueChange: r, tabs: i, counts: a }) {
+function V({ value: e, onValueChange: n, tabs: i, counts: a }) {
 	return /* @__PURE__ */ h("div", {
 		className: "global-search-tabs--component border-b border-border/60 px-3 py-2",
 		children: /* @__PURE__ */ h("div", {
 			className: "global-search-tabs--scroller -mx-1 overflow-x-auto px-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
 			children: /* @__PURE__ */ h(L, {
 				value: e,
-				onValueChange: (e) => r(e),
+				onValueChange: (e) => n(e),
 				className: "min-w-max",
 				children: /* @__PURE__ */ h(z, {
 					className: "global-search-tabs--list h-8 w-max min-w-max",
-					children: i.map((r) => {
-						let i = e === r.value, o = a[r.value] ?? 0;
+					children: i.map((n) => {
+						let i = e === n.value, o = a[n.value] ?? 0;
 						return /* @__PURE__ */ g(B, {
-							value: r.value,
+							value: n.value,
 							className: "global-search-tabs--trigger shrink-0 gap-1.5 px-2.5 text-xs",
-							children: [/* @__PURE__ */ h("span", { children: r.label }), /* @__PURE__ */ h(n, {
+							children: [/* @__PURE__ */ h("span", { children: n.label }), /* @__PURE__ */ h(r, {
 								tag: "span",
 								size: "xxs",
 								weight: "medium",
 								className: t("global-search-tabs--count rounded px-1 py-0 tabular-nums", i ? "bg-muted text-muted-foreground" : "bg-transparent text-muted-foreground/70"),
 								children: o
 							})]
-						}, r.value);
+						}, n.value);
 					})
 				})
 			})
@@ -460,13 +460,13 @@ function V({ value: e, onValueChange: r, tabs: i, counts: a }) {
 }
 //#endregion
 //#region src/components/features/global-search/global-search.tsx
-function H({ results: r = [], query: a, onQueryChange: o, onResultSelect: s, onClose: c, loading: u = !1, idleSections: d, groupLabels: f, autoFocus: p = !1, strings: m, slots: _, tabs: v, className: y }) {
+function H({ results: i = [], query: a, onQueryChange: o, onResultSelect: s, onClose: c, loading: u = !1, idleSections: d, groupLabels: f, autoFocus: p = !1, strings: m, slots: _, tabs: v, className: y }) {
 	let b = e(T, m), x = D({
-		results: r,
+		results: i,
 		query: a,
 		onResultSelect: s,
 		onClose: c
-	}), S = !u && a.trim().length > 1 && r.length === 0, C = !u && a.trim().length <= 1, w = l.useMemo(() => {
+	}), S = !u && a.trim().length > 1 && i.length === 0, C = !u && a.trim().length <= 1, w = l.useMemo(() => {
 		if (v) return v;
 		let e = Object.keys(x.grouped);
 		return [{
@@ -494,7 +494,7 @@ function H({ results: r = [], query: a, onQueryChange: o, onResultSelect: s, onC
 				loading: u,
 				autoFocus: p
 			}),
-			!u && r.length > 0 && (_?.tabs ?? /* @__PURE__ */ h(V, {
+			!u && i.length > 0 && (_?.tabs ?? /* @__PURE__ */ h(V, {
 				value: x.activeTab,
 				onValueChange: x.setActiveTab,
 				tabs: w,
@@ -506,7 +506,7 @@ function H({ results: r = [], query: a, onQueryChange: o, onResultSelect: s, onC
 					!!C && (_?.idle ?? (d && d.length > 0 ? /* @__PURE__ */ h(j, { sections: d }) : null)),
 					!!u && (_?.loading ?? /* @__PURE__ */ h("div", {
 						className: "flex items-center justify-center px-6 py-12",
-						children: /* @__PURE__ */ h(n, {
+						children: /* @__PURE__ */ h(r, {
 							type: "secondary",
 							children: b.loading
 						})
@@ -515,25 +515,25 @@ function H({ results: r = [], query: a, onQueryChange: o, onResultSelect: s, onC
 						title: E(b.emptyTitle, { query: a }),
 						hint: b.emptyHint
 					})),
-					!u && r.length > 0 && /* @__PURE__ */ h("div", {
+					!u && i.length > 0 && /* @__PURE__ */ h("div", {
 						className: "px-2 py-2",
-						children: Object.entries(x.visibleGrouped).map(([e, r], o) => /* @__PURE__ */ g("div", {
+						children: Object.entries(x.visibleGrouped).map(([e, i], o) => /* @__PURE__ */ g("div", {
 							className: t("pb-2 last:pb-0", o > 0 && "mt-3 pt-2"),
 							children: [/* @__PURE__ */ g("div", {
 								className: "flex items-center justify-between px-3 pb-1",
-								children: [/* @__PURE__ */ h(n, {
+								children: [/* @__PURE__ */ h(r, {
 									size: "xs",
 									type: "secondary",
 									weight: "medium",
 									children: f?.[e] ?? e
-								}), x.activeTab === "all" && r.length > 0 && /* @__PURE__ */ h(i, {
+								}), x.activeTab === "all" && i.length > 0 && /* @__PURE__ */ h(n, {
 									type: "button",
 									variant: "secondary",
 									buttonStyle: "ghost",
 									size: "xs",
 									onClick: () => x.setActiveTab(e),
 									className: "h-auto rounded px-1 py-0 text-primary transition-colors hover:underline",
-									children: /* @__PURE__ */ h(n, {
+									children: /* @__PURE__ */ h(r, {
 										tag: "span",
 										size: "xxs",
 										weight: "medium",
@@ -543,7 +543,7 @@ function H({ results: r = [], query: a, onQueryChange: o, onResultSelect: s, onC
 								})]
 							}), /* @__PURE__ */ h("ul", {
 								className: "m-0 list-none space-y-0.5 p-0",
-								children: r.map((e) => {
+								children: i.map((e) => {
 									let t = x.flat[x.activeIdx]?.id === e.id, n = {
 										isActive: t,
 										query: a,
@@ -568,12 +568,12 @@ function H({ results: r = [], query: a, onQueryChange: o, onResultSelect: s, onC
 				navigateLabel: b.footerNavigate,
 				openLabel: b.footerOpen,
 				closeLabel: b.footerClose,
-				trailing: !C && !S && r.length > 0 ? /* @__PURE__ */ h(n, {
+				trailing: !C && !S && i.length > 0 ? /* @__PURE__ */ h(r, {
 					tag: "span",
 					size: "xxs",
 					type: "secondary",
 					className: "tabular-nums",
-					children: E(b.resultsCount, { count: r.length })
+					children: E(b.resultsCount, { count: i.length })
 				}) : void 0
 			})
 		]

package/dist/components/features/kanban/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/heading-0DYCOrgC.cjs"),r=require("../../../_shared/button-C1qc97U1.cjs"),i=require("../../../_shared/popover-menu-Fz-bvWJF.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react"),c=require("@dnd-kit/core"),l=require("@dnd-kit/sortable"),u=require("@dnd-kit/utilities");function d({value:e,onValueChange:t,getItemValue:n,onItemMove:r}){let i=(0,a.useCallback)(t=>{for(let[r,i]of Object.entries(e)){let e=i.findIndex(e=>n(e)===t);if(e>=0)return{columnId:r,index:e,item:i[e]}}},[e,n]),o=(0,a.useCallback)(({itemId:n,toColumnId:a,toIndex:o})=>{let s=i(n);if(!s||!Object.prototype.hasOwnProperty.call(e,a))return;let{columnId:c,index:l,item:u}=s,d=e[a],f=o===void 0?d.length:Math.max(0,Math.min(o,d.length));if(c===a&&l===f)return;let p={...e},m=[...p[c]];m.splice(l,1),p[c]=m;let h=[...c===a?m:p[a]],g=f;c===a&&l<f&&(g=Math.max(0,f-1)),h.splice(g,0,u),p[a]=h,t(p),r?.({item:u,itemId:n,from:{columnId:c,index:l},to:{columnId:a,index:g}})},[e,i,t,r]);return(0,a.useMemo)(()=>({findItem:i,move:o}),[i,o])}var f=(0,a.createContext)(null),p=f.Provider;function m(){let e=(0,a.useContext)(f);if(!e)throw Error(`Kanban subcomponents must be rendered inside a <Kanban> root.`);return e}var h=(0,a.createContext)(null),g=h.Provider;function _(){let e=(0,a.useContext)(h);if(!e)throw Error(`<KanbanItemHandle> / <KanbanItemActions> must be rendered inside a <KanbanItem>.`);return e}var v={announceDragStart:`Picked up item {name}.`,announceDragMove:`Moving {name} from {from} to {to}.`,announceDragEnd:`Dropped {name} into {to}.`,announceDragCancel:`Cancelled drag of {name}.`,dragHandleAria:`Drag handle`,boardAria:`Kanban board`,itemActionsAria:`Item actions`};function y(e,t){return Object.entries(t).reduce((e,[t,n])=>e.replace(RegExp(`\\{${t}\\}`,`g`),n),e)}function b({value:n,onValueChange:r,getItemValue:i,onItemMove:s,itemActions:l,onItemClick:u,strings:f,className:m,children:h}){let g=e.useStrings(v,f),{findItem:_,move:y}=d({value:n,onValueChange:r,getItemValue:i,onItemMove:s}),[b,x]=(0,a.useState)(null),S=(0,c.useSensors)((0,c.useSensor)(c.PointerSensor,{activationConstraint:{distance:6}})),C=(0,a.useMemo)(()=>b?_(b)?.item??null:null,[b,_]),w=(0,a.useCallback)(e=>{x(String(e.active.id))},[]),T=(0,a.useCallback)(e=>{x(null);let{active:t,over:r}=e;if(!r)return;t.data.current;let i=r.data.current,a=String(r.id),o=i?.columnId??(Object.prototype.hasOwnProperty.call(n,a)?a:void 0);if(!o)return;let s=i?.columnId===void 0?n[o].length:i.index;y({itemId:String(t.id),toColumnId:o,toIndex:s})},[y,n]);return(0,o.jsx)(p,{value:(0,a.useMemo)(()=>({value:n,onValueChange:r,getItemValue:i,activeId:b,activeItem:C,findItem:_,itemActions:l,onItemClick:u}),[n,r,i,b,C,_,l,u]),children:(0,o.jsx)(c.DndContext,{sensors:S,onDragStart:w,onDragEnd:T,onDragCancel:()=>x(null),accessibility:{announcements:{onDragStart({active:e}){return g.announceDragStart.replace(`{name}`,String(e.id))},onDragOver({active:e,over:t}){if(t)return g.announceDragMove.replace(`{name}`,String(e.id)).replace(`{from}`,``).replace(`{to}`,String(t.id))},onDragEnd({active:e,over:t}){return g.announceDragEnd.replace(`{name}`,String(e.id)).replace(`{to}`,t?String(t.id):``)},onDragCancel({active:e}){return g.announceDragCancel.replace(`{name}`,String(e.id))}}},children:(0,o.jsx)(`div`,{role:`application`,"aria-label":g.boardAria,className:t.cn(`kanban--component`,`w-full`,m),children:h})})})}b.displayName=`Kanban`;function x({className:e,style:n,children:r}){return(0,o.jsx)(`div`,{className:t.cn(`grid w-full gap-3`,e),style:n,children:r})}x.displayName=`KanbanBoard`;function S({value:e,className:n,children:r}){let{setNodeRef:i,isOver:a}=(0,c.useDroppable)({id:e});return(0,o.jsx)(`div`,{ref:i,"data-slot":`kanban-column`,"data-column-id":e,"data-over":a?`true`:void 0,className:t.cn(`flex min-w-0 flex-col`,n),children:r})}S.displayName=`KanbanColumn`;function C({value:e,className:n,children:r}){let i=m();return(0,o.jsx)(l.SortableContext,{items:(i.value[e]??[]).map(e=>i.getItemValue(e)),strategy:l.verticalListSortingStrategy,children:(0,o.jsx)(`div`,{"data-slot":`kanban-column-content`,className:t.cn(`flex flex-col gap-2`,n),children:r})})}C.displayName=`KanbanColumnContent`;function w({value:e,className:n,disabled:r=!1,onClick:i,children:s}){let c=m(),d=c.findItem(e),{attributes:f,listeners:p,setNodeRef:h,setActivatorNodeRef:_,transform:v,transition:y,isDragging:b}=(0,l.useSortable)({id:e,disabled:r,data:{columnId:d?.columnId,index:d?.index}}),x={transform:u.CSS.Transform.toString(v),transition:y,opacity:b?.4:void 0},[S,C]=(0,a.useState)(0),w=S>0,T=(0,a.useCallback)(()=>(C(e=>e+1),()=>C(e=>Math.max(0,e-1))),[]),E=(0,a.useMemo)(()=>({listeners:p,attributes:f,setActivatorNodeRef:_,registerHandle:T,itemId:e,item:d?.item??null}),[p,f,_,T,e,d?.item]),D=c.onItemClick,O=(0,a.useCallback)(e=>{if(!e.target?.closest(`[data-stop-item-click]`)){if(i){i();return}D&&d?.item!==void 0&&D(d.item)}},[i,D,d?.item]),k=!!(i||D);return(0,o.jsx)(g,{value:E,children:(0,o.jsx)(`div`,{ref:h,style:x,"data-slot":`kanban-item`,"data-dragging":b?`true`:void 0,className:t.cn(`touch-none select-none`,k&&`cursor-pointer`,n),onClick:k?O:void 0,...w?{}:f,...w?{}:p,children:s})})}w.displayName=`KanbanItem`;var T=(0,a.forwardRef)(function({className:e,children:n},i){let{setActivatorNodeRef:s,listeners:c,attributes:l,registerHandle:u}=_();return(0,a.useEffect)(()=>u(),[u]),(0,o.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,ref:(0,a.useCallback)(e=>{s(e),typeof i==`function`?i(e):i&&(i.current=e)},[s,i]),"data-slot":`kanban-item-handle`,"data-stop-item-click":!0,onClick:e=>e.stopPropagation(),className:t.cn(`cursor-grab rounded-sm shadow-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 active:cursor-grabbing`,e),...l,...c,children:n})});T.displayName=`KanbanItemHandle`;function E({className:c,icon:l,ariaLabel:u}){let[d,f]=(0,a.useState)(!1),p=m(),h=_(),g=e.useStrings(v,void 0),y=h.item,b=p.itemActions,x=(0,a.useMemo)(()=>!b||y==null?[]:(typeof b==`function`?b(y):b).filter(e=>e.isVisible?e.isVisible(y):!0),[b,y]);return x.length===0?null:(0,o.jsx)(i.t,{open:d,onOpenChange:f,search:!1,contentClassName:`w-44`,trigger:(0,o.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"data-slot":`kanban-item-actions-trigger`,"data-stop-item-click":!0,"aria-label":u??g.itemActionsAria,onClick:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),className:t.cn(`size-7 rounded-md p-0`,`text-muted-foreground/70 hover:bg-muted hover:text-foreground`,`transition-colors`,c),children:l??(0,o.jsx)(s.MoreHorizontal,{className:`size-4`,"aria-hidden":`true`})}),items:x.map(e=>({value:e.id,label:e.label,icon:e.icon,disabled:e.isDisabled?.(y)??!1,data:e})),renderItem:e=>{let r=e.data,i=r.variant===`destructive`;return(0,o.jsxs)(o.Fragment,{children:[!!r.icon&&(0,o.jsx)(`span`,{className:t.cn(`shrink-0`,i?`text-destructive`:`text-muted-foreground`),children:r.icon}),(0,o.jsx)(n.n,{tag:`span`,size:`xs`,className:t.cn(`truncate`,i&&`text-destructive`),children:r.label})]})},onSelect:e=>{e.data?.onSelect(y),f(!1)}})}E.displayName=`KanbanItemActions`;function D({className:e,render:r}){let{activeItem:i,activeId:a,findItem:s}=m();return(0,o.jsx)(c.DragOverlay,{children:a?r?r({item:i,columnId:s(a)?.columnId??null}):(0,o.jsx)(`div`,{className:t.cn(`pointer-events-none rounded-md border-2 border-dashed border-primary/40 bg-primary/5 p-3 shadow-lg`,e),children:(0,o.jsx)(n.n,{tag:`span`,size:`xs`,weight:`medium`,className:`text-primary/80`,children:a})}):null})}D.displayName=`KanbanOverlay`,exports.Kanban=b,exports.KanbanBoard=x,exports.KanbanColumn=S,exports.KanbanColumnContent=C,exports.KanbanItem=w,exports.KanbanItemActions=E,exports.KanbanItemHandle=T,exports.KanbanOverlay=D,exports.defaultKanbanStrings=v,exports.interpolateKanbanString=y,exports.useKanban=d;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BI347RlM.cjs"),r=require("../../../_shared/heading-0DYCOrgC.cjs"),i=require("../../../_shared/popover-menu-Fz-bvWJF.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react"),c=require("@dnd-kit/core"),l=require("@dnd-kit/sortable"),u=require("@dnd-kit/utilities");function d({value:e,onValueChange:t,getItemValue:n,onItemMove:r}){let i=(0,a.useCallback)(t=>{for(let[r,i]of Object.entries(e)){let e=i.findIndex(e=>n(e)===t);if(e>=0)return{columnId:r,index:e,item:i[e]}}},[e,n]),o=(0,a.useCallback)(({itemId:n,toColumnId:a,toIndex:o})=>{let s=i(n);if(!s||!Object.prototype.hasOwnProperty.call(e,a))return;let{columnId:c,index:l,item:u}=s,d=e[a],f=o===void 0?d.length:Math.max(0,Math.min(o,d.length));if(c===a&&l===f)return;let p={...e},m=[...p[c]];m.splice(l,1),p[c]=m;let h=[...c===a?m:p[a]],g=f;c===a&&l<f&&(g=Math.max(0,f-1)),h.splice(g,0,u),p[a]=h,t(p),r?.({item:u,itemId:n,from:{columnId:c,index:l},to:{columnId:a,index:g}})},[e,i,t,r]);return(0,a.useMemo)(()=>({findItem:i,move:o}),[i,o])}var f=(0,a.createContext)(null),p=f.Provider;function m(){let e=(0,a.useContext)(f);if(!e)throw Error(`Kanban subcomponents must be rendered inside a <Kanban> root.`);return e}var h=(0,a.createContext)(null),g=h.Provider;function _(){let e=(0,a.useContext)(h);if(!e)throw Error(`<KanbanItemHandle> / <KanbanItemActions> must be rendered inside a <KanbanItem>.`);return e}var v={announceDragStart:`Picked up item {name}.`,announceDragMove:`Moving {name} from {from} to {to}.`,announceDragEnd:`Dropped {name} into {to}.`,announceDragCancel:`Cancelled drag of {name}.`,dragHandleAria:`Drag handle`,boardAria:`Kanban board`,itemActionsAria:`Item actions`};function y(e,t){return Object.entries(t).reduce((e,[t,n])=>e.replace(RegExp(`\\{${t}\\}`,`g`),n),e)}function b({value:n,onValueChange:r,getItemValue:i,onItemMove:s,itemActions:l,onItemClick:u,strings:f,className:m,children:h}){let g=e.useStrings(v,f),{findItem:_,move:y}=d({value:n,onValueChange:r,getItemValue:i,onItemMove:s}),[b,x]=(0,a.useState)(null),S=(0,c.useSensors)((0,c.useSensor)(c.PointerSensor,{activationConstraint:{distance:6}})),C=(0,a.useMemo)(()=>b?_(b)?.item??null:null,[b,_]),w=(0,a.useCallback)(e=>{x(String(e.active.id))},[]),T=(0,a.useCallback)(e=>{x(null);let{active:t,over:r}=e;if(!r)return;t.data.current;let i=r.data.current,a=String(r.id),o=i?.columnId??(Object.prototype.hasOwnProperty.call(n,a)?a:void 0);if(!o)return;let s=i?.columnId===void 0?n[o].length:i.index;y({itemId:String(t.id),toColumnId:o,toIndex:s})},[y,n]);return(0,o.jsx)(p,{value:(0,a.useMemo)(()=>({value:n,onValueChange:r,getItemValue:i,activeId:b,activeItem:C,findItem:_,itemActions:l,onItemClick:u}),[n,r,i,b,C,_,l,u]),children:(0,o.jsx)(c.DndContext,{sensors:S,onDragStart:w,onDragEnd:T,onDragCancel:()=>x(null),accessibility:{announcements:{onDragStart({active:e}){return g.announceDragStart.replace(`{name}`,String(e.id))},onDragOver({active:e,over:t}){if(t)return g.announceDragMove.replace(`{name}`,String(e.id)).replace(`{from}`,``).replace(`{to}`,String(t.id))},onDragEnd({active:e,over:t}){return g.announceDragEnd.replace(`{name}`,String(e.id)).replace(`{to}`,t?String(t.id):``)},onDragCancel({active:e}){return g.announceDragCancel.replace(`{name}`,String(e.id))}}},children:(0,o.jsx)(`div`,{role:`application`,"aria-label":g.boardAria,className:t.cn(`kanban--component`,`w-full`,m),children:h})})})}b.displayName=`Kanban`;function x({className:e,style:n,children:r}){return(0,o.jsx)(`div`,{className:t.cn(`grid w-full gap-3`,e),style:n,children:r})}x.displayName=`KanbanBoard`;function S({value:e,className:n,children:r}){let{setNodeRef:i,isOver:a}=(0,c.useDroppable)({id:e});return(0,o.jsx)(`div`,{ref:i,"data-slot":`kanban-column`,"data-column-id":e,"data-over":a?`true`:void 0,className:t.cn(`flex min-w-0 flex-col`,n),children:r})}S.displayName=`KanbanColumn`;function C({value:e,className:n,children:r}){let i=m();return(0,o.jsx)(l.SortableContext,{items:(i.value[e]??[]).map(e=>i.getItemValue(e)),strategy:l.verticalListSortingStrategy,children:(0,o.jsx)(`div`,{"data-slot":`kanban-column-content`,className:t.cn(`flex flex-col gap-2`,n),children:r})})}C.displayName=`KanbanColumnContent`;function w({value:e,className:n,disabled:r=!1,onClick:i,children:s}){let c=m(),d=c.findItem(e),{attributes:f,listeners:p,setNodeRef:h,setActivatorNodeRef:_,transform:v,transition:y,isDragging:b}=(0,l.useSortable)({id:e,disabled:r,data:{columnId:d?.columnId,index:d?.index}}),x={transform:u.CSS.Transform.toString(v),transition:y,opacity:b?.4:void 0},[S,C]=(0,a.useState)(0),w=S>0,T=(0,a.useCallback)(()=>(C(e=>e+1),()=>C(e=>Math.max(0,e-1))),[]),E=(0,a.useMemo)(()=>({listeners:p,attributes:f,setActivatorNodeRef:_,registerHandle:T,itemId:e,item:d?.item??null}),[p,f,_,T,e,d?.item]),D=c.onItemClick,O=(0,a.useCallback)(e=>{if(!e.target?.closest(`[data-stop-item-click]`)){if(i){i();return}D&&d?.item!==void 0&&D(d.item)}},[i,D,d?.item]),k=!!(i||D);return(0,o.jsx)(g,{value:E,children:(0,o.jsx)(`div`,{ref:h,style:x,"data-slot":`kanban-item`,"data-dragging":b?`true`:void 0,className:t.cn(`touch-none select-none`,k&&`cursor-pointer`,n),onClick:k?O:void 0,...w?{}:f,...w?{}:p,children:s})})}w.displayName=`KanbanItem`;var T=(0,a.forwardRef)(function({className:e,children:r},i){let{setActivatorNodeRef:s,listeners:c,attributes:l,registerHandle:u}=_();return(0,a.useEffect)(()=>u(),[u]),(0,o.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,ref:(0,a.useCallback)(e=>{s(e),typeof i==`function`?i(e):i&&(i.current=e)},[s,i]),"data-slot":`kanban-item-handle`,"data-stop-item-click":!0,onClick:e=>e.stopPropagation(),className:t.cn(`cursor-grab rounded-sm shadow-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 active:cursor-grabbing`,e),...l,...c,children:r})});T.displayName=`KanbanItemHandle`;function E({className:c,icon:l,ariaLabel:u}){let[d,f]=(0,a.useState)(!1),p=m(),h=_(),g=e.useStrings(v,void 0),y=h.item,b=p.itemActions,x=(0,a.useMemo)(()=>!b||y==null?[]:(typeof b==`function`?b(y):b).filter(e=>e.isVisible?e.isVisible(y):!0),[b,y]);return x.length===0?null:(0,o.jsx)(i.t,{open:d,onOpenChange:f,search:!1,contentClassName:`w-44`,trigger:(0,o.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"data-slot":`kanban-item-actions-trigger`,"data-stop-item-click":!0,"aria-label":u??g.itemActionsAria,onClick:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),className:t.cn(`size-7 rounded-md p-0`,`text-muted-foreground/70 hover:bg-muted hover:text-foreground`,`transition-colors`,c),children:l??(0,o.jsx)(s.MoreHorizontal,{className:`size-4`,"aria-hidden":`true`})}),items:x.map(e=>({value:e.id,label:e.label,icon:e.icon,disabled:e.isDisabled?.(y)??!1,data:e})),renderItem:e=>{let n=e.data,i=n.variant===`destructive`;return(0,o.jsxs)(o.Fragment,{children:[!!n.icon&&(0,o.jsx)(`span`,{className:t.cn(`shrink-0`,i?`text-destructive`:`text-muted-foreground`),children:n.icon}),(0,o.jsx)(r.n,{tag:`span`,size:`xs`,className:t.cn(`truncate`,i&&`text-destructive`),children:n.label})]})},onSelect:e=>{e.data?.onSelect(y),f(!1)}})}E.displayName=`KanbanItemActions`;function D({className:e,render:n}){let{activeItem:i,activeId:a,findItem:s}=m();return(0,o.jsx)(c.DragOverlay,{children:a?n?n({item:i,columnId:s(a)?.columnId??null}):(0,o.jsx)(`div`,{className:t.cn(`pointer-events-none rounded-md border-2 border-dashed border-primary/40 bg-primary/5 p-3 shadow-lg`,e),children:(0,o.jsx)(r.n,{tag:`span`,size:`xs`,weight:`medium`,className:`text-primary/80`,children:a})}):null})}D.displayName=`KanbanOverlay`,exports.Kanban=b,exports.KanbanBoard=x,exports.KanbanColumn=S,exports.KanbanColumnContent=C,exports.KanbanItem=w,exports.KanbanItemActions=E,exports.KanbanItemHandle=T,exports.KanbanOverlay=D,exports.defaultKanbanStrings=v,exports.interpolateKanbanString=y,exports.useKanban=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/features/kanban/index.js

@@ -1,7 +1,7 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { n } from "../../../_shared/heading-HeP06nXG.js";
-import { t as r } from "../../../_shared/button-SuocMQFT.js";
+import { t as n } from "../../../_shared/button-BGKY8UY0.js";
+import { n as r } from "../../../_shared/heading-HeP06nXG.js";
 import { t as i } from "../../../_shared/popover-menu-bKQatoYF.js";
 import { createContext as a, forwardRef as o, useCallback as s, useContext as c, useEffect as l, useMemo as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
@@ -240,9 +240,9 @@ function z({ value: e, className: n, disabled: r = !1, onClick: i, children: a }
 	});
 }
 z.displayName = "KanbanItem";
-var B = o(function({ className: e, children: n }, i) {
+var B = o(function({ className: e, children: r }, i) {
 	let { setActivatorNodeRef: a, listeners: o, attributes: c, registerHandle: u } = M();
-	return l(() => u(), [u]), /* @__PURE__ */ p(r, {
+	return l(() => u(), [u]), /* @__PURE__ */ p(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
@@ -256,7 +256,7 @@ var B = o(function({ className: e, children: n }, i) {
 		className: t("cursor-grab rounded-sm shadow-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 active:cursor-grabbing", e),
 		...c,
 		...o,
-		children: n
+		children: r
 	});
 });
 B.displayName = "KanbanItemHandle";
@@ -267,7 +267,7 @@ function V({ className: a, icon: o, ariaLabel: s }) {
 		onOpenChange: l,
 		search: !1,
 		contentClassName: "w-44",
-		trigger: /* @__PURE__ */ p(r, {
+		trigger: /* @__PURE__ */ p(n, {
 			type: "button",
 			variant: "secondary",
 			buttonStyle: "ghost",
@@ -291,15 +291,15 @@ function V({ className: a, icon: o, ariaLabel: s }) {
 			data: e
 		})),
 		renderItem: (e) => {
-			let r = e.data, i = r.variant === "destructive";
-			return /* @__PURE__ */ m(f, { children: [!!r.icon && /* @__PURE__ */ p("span", {
+			let n = e.data, i = n.variant === "destructive";
+			return /* @__PURE__ */ m(f, { children: [!!n.icon && /* @__PURE__ */ p("span", {
 				className: t("shrink-0", i ? "text-destructive" : "text-muted-foreground"),
-				children: r.icon
-			}), /* @__PURE__ */ p(n, {
+				children: n.icon
+			}), /* @__PURE__ */ p(r, {
 				tag: "span",
 				size: "xs",
 				className: t("truncate", i && "text-destructive"),
-				children: r.label
+				children: n.label
 			})] });
 		},
 		onSelect: (e) => {
@@ -308,14 +308,14 @@ function V({ className: a, icon: o, ariaLabel: s }) {
 	});
 }
 V.displayName = "KanbanItemActions";
-function H({ className: e, render: r }) {
+function H({ className: e, render: n }) {
 	let { activeItem: i, activeId: a, findItem: o } = k();
-	return /* @__PURE__ */ p(_, { children: a ? r ? r({
+	return /* @__PURE__ */ p(_, { children: a ? n ? n({
 		item: i,
 		columnId: o(a)?.columnId ?? null
 	}) : /* @__PURE__ */ p("div", {
 		className: t("pointer-events-none rounded-md border-2 border-dashed border-primary/40 bg-primary/5 p-3 shadow-lg", e),
-		children: /* @__PURE__ */ p(n, {
+		children: /* @__PURE__ */ p(r, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",