admin-ui-starter-kit 0.6.6 → 0.6.7

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/button-BMiPFJIb.cjs"),i=require("../../../_shared/typography-GtkgK9QX.cjs"),a=require("../../../_shared/badge-B8xGFpfM.cjs"),o=require("../../../_shared/input-DV3g7Fm5.cjs"),s=require("../../../_shared/avatar-BnKM_o2d.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.s,{weight:`medium`,children:e}),(0,l.jsx)(i.s,{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.s,{tag:`span`,size:`xxs`,type:`secondary`,children:e}),(0,l.jsx)(`kbd`,{className:_,children:`↵`}),(0,l.jsx)(i.s,{tag:`span`,size:`xxs`,type:`secondary`,children:t}),(0,l.jsx)(`kbd`,{className:_,children:`esc`}),(0,l.jsx)(i.s,{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.s,{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:`default`,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.s,{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`,{"data-component":`global-search-input`,"data-slot":`global-search-input`,className:`global-search-input--component flex items-center gap-space-md border-b border-border px-control py-row-y`,children:[(0,l.jsx)(u.Search,{className:`size-icon 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:`small`,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-icon 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-small`,onClick:()=>t(``),"aria-label":a,className:`size-control-sm rounded text-muted-foreground hover:bg-muted hover:text-foreground`,children:(0,l.jsx)(u.X,{className:`size-icon-sm`})})]})}),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`,"data-component":`global-search-result-row`,"data-slot":`global-search-result-row`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onMouseEnter:d,onClick:c,className:n.cn(`group/row relative h-auto w-full justify-start gap-space-lg rounded-md px-row-x py-row-y text-left transition-colors`,`global-search-result-row--component`,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-avatar-sm`,_[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-xxs font-semibold`,_[e.avatar.tone??`default`]),children:e.avatar.initials})]}):h?(0,l.jsx)(`span`,{className:n.cn(`inline-flex size-avatar-sm items-center justify-center rounded-md`,g[e.thumbnail?.tone??`default`]),children:(0,l.jsx)(h,{className:`size-icon`,"aria-hidden":`true`})}):null}),(0,l.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-space-sm leading-tight`,children:[(0,l.jsx)(i.s,{tag:`span`,size:`inherit`,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.s,{size:`inherit`,type:`secondary`,className:`mt-space-2xs truncate text-xxs`,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-row-x 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.s,{tag:`span`,size:`inherit`,weight:`semibold`,className:`whitespace-nowrap tabular-nums`,children:e.rightValue}),!!e.rightLabel&&(0,l.jsx)(i.s,{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-control-sm 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.s,{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`,{"data-component":`global-search`,"data-slot":`global-search`,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.s,{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-space-md py-space-xs`,children:Object.entries(O.visibleGrouped).map(([e,t],o)=>(0,l.jsxs)(`div`,{className:n.cn(`pb-space-xs last:pb-0`,o>0&&`mt-space-md pt-space-xs`),children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between px-row-x pb-space-2xs`,children:[(0,l.jsx)(i.s,{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:`small`,onClick:()=>O.setActiveTab(e),className:`h-auto rounded px-1 py-0 text-primary transition-colors hover:underline`,children:(0,l.jsx)(i.s,{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.s,{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-BMiPFJIb.cjs"),i=require("../../../_shared/typography-pzCKaFOc.cjs"),a=require("../../../_shared/badge-DvUA9Pr2.cjs"),o=require("../../../_shared/input-uuWeiagN.cjs"),s=require("../../../_shared/avatar-BnKM_o2d.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.s,{weight:`medium`,children:e}),(0,l.jsx)(i.s,{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.s,{tag:`span`,size:`xs`,type:`secondary`,children:e}),(0,l.jsx)(`kbd`,{className:_,children:`↵`}),(0,l.jsx)(i.s,{tag:`span`,size:`xs`,type:`secondary`,children:t}),(0,l.jsx)(`kbd`,{className:_,children:`esc`}),(0,l.jsx)(i.s,{tag:`span`,size:`xs`,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.s,{size:`xs`,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:`default`,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.s,{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`,{"data-component":`global-search-input`,"data-slot":`global-search-input`,className:`global-search-input--component flex items-center gap-space-md border-b border-border px-control py-row-y`,children:[(0,l.jsx)(u.Search,{className:`size-icon 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:`small`,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-icon 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-small`,onClick:()=>t(``),"aria-label":a,className:`size-control-sm rounded text-muted-foreground hover:bg-muted hover:text-foreground`,children:(0,l.jsx)(u.X,{className:`size-icon-sm`})})]})}),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`,"data-component":`global-search-result-row`,"data-slot":`global-search-result-row`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onMouseEnter:d,onClick:c,className:n.cn(`group/row relative h-auto w-full justify-start gap-space-lg rounded-md px-row-x py-row-y text-left transition-colors`,`global-search-result-row--component`,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-avatar-sm`,_[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-avatar-sm items-center justify-center rounded-md`,g[e.thumbnail?.tone??`default`]),children:(0,l.jsx)(h,{className:`size-icon`,"aria-hidden":`true`})}):null}),(0,l.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,l.jsxs)(`div`,{className:`flex items-center gap-space-sm leading-tight`,children:[(0,l.jsx)(i.s,{tag:`span`,size:`inherit`,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.s,{size:`inherit`,type:`secondary`,className:`mt-space-2xs truncate text-xs`,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-row-x 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.s,{tag:`span`,size:`inherit`,weight:`semibold`,className:`whitespace-nowrap tabular-nums`,children:e.rightValue}),!!e.rightLabel&&(0,l.jsx)(i.s,{tag:`span`,size:`xs`,type:`secondary`,className:`mt-0.5 whitespace-nowrap`,children:e.rightLabel})]})}),(0,l.jsx)(`span`,{"aria-hidden":`true`,className:n.cn(`inline-flex size-control-sm 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.s,{tag:`span`,size:`xs`,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`,{"data-component":`global-search`,"data-slot":`global-search`,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.s,{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-space-md py-space-xs`,children:Object.entries(O.visibleGrouped).map(([e,t],o)=>(0,l.jsxs)(`div`,{className:n.cn(`pb-space-xs last:pb-0`,o>0&&`mt-space-md pt-space-xs`),children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between px-row-x pb-space-2xs`,children:[(0,l.jsx)(i.s,{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:`small`,onClick:()=>O.setActiveTab(e),className:`h-auto rounded px-1 py-0 text-primary transition-colors hover:underline`,children:(0,l.jsx)(i.s,{tag:`span`,size:`xs`,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.s,{tag:`span`,size:`xs`,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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/features/global-search/global-search.strings.ts","../../../../src/components/features/global-search/hooks/use-global-search.ts","../../../../src/components/features/global-search/partials/global-search-empty-state.tsx","../../../../src/components/features/global-search/partials/global-search-footer.tsx","../../../../src/components/features/global-search/partials/global-search-idle-state.tsx","../../../../src/components/features/global-search/partials/global-search-input.tsx","../../../../src/components/features/global-search/partials/tone-palettes.ts","../../../../src/components/features/global-search/partials/global-search-result-row.tsx","../../../../src/components/ui/tabs.tsx","../../../../src/components/features/global-search/partials/global-search-tabs.tsx","../../../../src/components/features/global-search/global-search.tsx"],"sourcesContent":["/**\n * Strings for `GlobalSearch` and its partials. Consumers override via the\n * `strings` prop on `<GlobalSearch />`; values are deep-merged over these\n * defaults so partial overrides are safe.\n */\nexport interface GlobalSearchStrings {\n    /** Placeholder copy for the search input. */\n    placeholder: string;\n    /** aria-label for the clear-search icon button. */\n    clear: string;\n    /** Loading-state copy. */\n    loading: string;\n    /** Empty-state title — uses {{query}} as a placeholder. */\n    emptyTitle: string;\n    /** Empty-state body copy. */\n    emptyHint: string;\n    /** Idle-state heading for \"Recent\" suggestions. */\n    idleRecent: string;\n    /** Idle-state heading for curated \"Suggestions\". */\n    idleSuggestions: string;\n    /** Tab label for the \"All\" tab. */\n    tabAll: string;\n    /** Footer \"navigate\" hint. */\n    footerNavigate: string;\n    /** Footer \"open\" hint. */\n    footerOpen: string;\n    /** Footer \"close\" hint. */\n    footerClose: string;\n    /** Trailing N results count. */\n    resultsCount: string;\n    /** \"See all\" group action — jumps to that tab. */\n    seeAll: string;\n}\n\nexport const defaultGlobalSearchStrings: GlobalSearchStrings = {\n    placeholder: 'Search…',\n    clear: 'Clear search',\n    loading: 'Searching…',\n    emptyTitle: 'No results for \"{{query}}\"',\n    emptyHint: 'Try a shorter keyword or check the spelling.',\n    idleRecent: 'Recent',\n    idleSuggestions: 'Suggestions',\n    tabAll: 'All',\n    footerNavigate: 'navigate',\n    footerOpen: 'open',\n    footerClose: 'close',\n    resultsCount: '{{count}} results',\n    seeAll: 'See all',\n};\n\n/** Replace `{{key}}` tokens with values from `params`. */\nexport function interpolateString(\n    template: string,\n    params: Record<string, string | number>,\n): string {\n    return template.replace(/\\{\\{\\s*(\\w+)\\s*\\}\\}/g, (match, key) => {\n        const v = params[key];\n        return v === undefined ? match : String(v);\n    });\n}\n","/**\n * useGlobalSearch — headless state machine for `<GlobalSearch />`.\n *\n * Owns the active-row index, active tab, and the keyboard-navigation\n * handler. Returns the derived flat list (results filtered by tab) so\n * consumers can render entirely custom UIs against the same state.\n *\n * Usage:\n *   const search = useGlobalSearch({ results, query });\n *   <input onKeyDown={search.onKeyDown} />\n *   {search.flat.map((r, i) => <Row active={i === search.activeIdx} … />)}\n */\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { GlobalSearchResult } from '../global-search.types';\n\nexport interface UseGlobalSearchOptions<TGroup extends string = string> {\n    results: ReadonlyArray<GlobalSearchResult<TGroup>>;\n    query: string;\n    /** Fires when the user activates a row (Enter or click). */\n    onResultSelect?: (result: GlobalSearchResult<TGroup>) => void;\n    /** Fires when the user presses Escape. */\n    onClose?: () => void;\n}\n\nexport interface UseGlobalSearchReturn<TGroup extends string = string> {\n    /** Results bucketed by group, in insertion order. */\n    grouped: Record<string, GlobalSearchResult<TGroup>[]>;\n    /** Result count per tab (`all` plus each group key). */\n    tabCounts: Record<string, number>;\n    /** Currently-selected tab. */\n    activeTab: 'all' | TGroup;\n    /** Set the active tab — also resets the active index. */\n    setActiveTab: (tab: 'all' | TGroup) => void;\n    /** Filtered grouped map respecting the active tab. */\n    visibleGrouped: Record<string, GlobalSearchResult<TGroup>[]>;\n    /** Flat ordered list matching what is currently rendered. */\n    flat: GlobalSearchResult<TGroup>[];\n    /** Index into `flat` of the currently-highlighted row. */\n    activeIdx: number;\n    setActiveIdx: (i: number) => void;\n    /** Programmatically activate a result by id. */\n    setActiveById: (id: string) => void;\n    /** Bind to the search input's `onKeyDown` for arrow / enter / escape support. */\n    onKeyDown: (e: React.KeyboardEvent) => void;\n    /** Activate the row at `activeIdx`. */\n    selectActive: () => void;\n}\n\nexport function useGlobalSearch<TGroup extends string = string>({\n    results,\n    query,\n    onResultSelect,\n    onClose,\n}: UseGlobalSearchOptions<TGroup>): UseGlobalSearchReturn<TGroup> {\n    const [activeTab, setActiveTabState] =\n        useState<'all' | TGroup>('all');\n    const [activeIdx, setActiveIdx] = useState(0);\n\n    // Reset both the active row and the active tab when the query changes\n    // (so a fresh query never inherits a stale highlight or filter).\n    useEffect(() => {\n        setActiveTabState('all');\n        setActiveIdx(0);\n    }, [query]);\n\n    const grouped = useMemo(() => {\n        const buckets: Record<string, GlobalSearchResult<TGroup>[]> = {};\n        for (const r of results) {\n            (buckets[r.group] ??= []).push(r);\n        }\n        return buckets;\n    }, [results]);\n\n    const tabCounts = useMemo(() => {\n        const counts: Record<string, number> = { all: results.length };\n        for (const [k, v] of Object.entries(grouped)) counts[k] = v.length;\n        return counts;\n    }, [results.length, grouped]);\n\n    const visibleGrouped = useMemo(() => {\n        if (activeTab === 'all') return grouped;\n        const sub = grouped[activeTab as string];\n        return sub ? ({ [activeTab as string]: sub } as Record<string, GlobalSearchResult<TGroup>[]>) : {};\n    }, [grouped, activeTab]);\n\n    const flat = useMemo(() => {\n        if (activeTab === 'all') return results.slice();\n        return grouped[activeTab as string] ?? [];\n    }, [activeTab, grouped, results]);\n\n    const activeIdxRef = useRef(activeIdx);\n    activeIdxRef.current = activeIdx;\n    const flatRef = useRef(flat);\n    flatRef.current = flat;\n\n    const setActiveTab = (tab: 'all' | TGroup) => {\n        setActiveTabState(tab);\n        setActiveIdx(0);\n    };\n\n    const setActiveById = (id: string) => {\n        const idx = flatRef.current.findIndex((r) => r.id === id);\n        if (idx >= 0) setActiveIdx(idx);\n    };\n\n    const selectActive = () => {\n        const item = flatRef.current[activeIdxRef.current];\n        if (item) onResultSelect?.(item);\n    };\n\n    const onKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'ArrowDown') {\n            e.preventDefault();\n            setActiveIdx((i) => Math.min(i + 1, flatRef.current.length - 1));\n        } else if (e.key === 'ArrowUp') {\n            e.preventDefault();\n            setActiveIdx((i) => Math.max(i - 1, 0));\n        } else if (e.key === 'Enter') {\n            const item = flatRef.current[activeIdxRef.current];\n            if (item) {\n                e.preventDefault();\n                onResultSelect?.(item);\n            }\n        } else if (e.key === 'Escape') {\n            onClose?.();\n        }\n    };\n\n    return {\n        grouped,\n        tabCounts,\n        activeTab,\n        setActiveTab,\n        visibleGrouped,\n        flat,\n        activeIdx,\n        setActiveIdx,\n        setActiveById,\n        onKeyDown,\n        selectActive,\n    };\n}\n","/**\n * Default empty-state body — shown when the query yields no results.\n * Override entirely via `slots.empty`.\n */\nimport { Search } from 'lucide-react';\n\nimport { Text } from '@/components/typography';\n\nexport interface GlobalSearchEmptyStateProps {\n    title: string;\n    hint: string;\n}\n\nexport function GlobalSearchEmptyState({ title, hint }: GlobalSearchEmptyStateProps) {\n    return (\n        <div className=\"px-6 py-12 text-center\">\n            <div className=\"mx-auto mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted/60\">\n                <Search className=\"size-4 text-muted-foreground\" aria-hidden=\"true\" />\n            </div>\n            <Text weight=\"medium\">\n                {title}\n            </Text>\n            <Text size=\"xs\" type=\"secondary\" className=\"mt-1\">\n                {hint}\n            </Text>\n        </div>\n    );\n}\n","/**\n * GlobalSearchFooter — keyboard-hint strip below the result list.\n * Override entirely via `slots.footer`.\n */\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nconst KBD_CLASS =\n    'rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground';\n\nexport interface GlobalSearchFooterProps {\n    navigateLabel: string;\n    openLabel: string;\n    closeLabel: string;\n    /** Trailing right-aligned content (e.g. \"3 results\"). */\n    trailing?: React.ReactNode;\n    className?: string;\n}\n\nexport function GlobalSearchFooter({\n    navigateLabel,\n    openLabel,\n    closeLabel,\n    trailing,\n    className,\n}: GlobalSearchFooterProps) {\n    return (\n        <div\n            className={cn(\n                'flex items-center justify-between border-t border-border/60 px-4 py-2',\n                className,\n            )}\n        >\n            <span className=\"flex items-center gap-2\">\n                <kbd className={KBD_CLASS}>↑↓</kbd>\n                <Text tag=\"span\" size=\"xxs\" type=\"secondary\">\n                    {navigateLabel}\n                </Text>\n                <kbd className={KBD_CLASS}>↵</kbd>\n                <Text tag=\"span\" size=\"xxs\" type=\"secondary\">\n                    {openLabel}\n                </Text>\n                <kbd className={KBD_CLASS}>esc</kbd>\n                <Text tag=\"span\" size=\"xxs\" type=\"secondary\">\n                    {closeLabel}\n                </Text>\n            </span>\n            {trailing}\n        </div>\n    );\n}\n","/**\n * Default idle-state body — shown when the query is too short.\n * Renders consumer-supplied \"Recent\" + \"Suggestions\" sections.\n */\nimport { Clock, Search, Sparkles } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport type { GlobalSearchIdleSection } from '../global-search.types';\n\nexport interface GlobalSearchIdleStateProps {\n    sections: ReadonlyArray<GlobalSearchIdleSection>;\n    /** Optional override for the heading icon when missing on a section. */\n    fallbackIcons?: { recent?: React.ElementType; suggestions?: React.ElementType };\n}\n\nexport function GlobalSearchIdleState({\n    sections,\n    fallbackIcons,\n}: GlobalSearchIdleStateProps) {\n    return (\n        <div className=\"space-y-4 px-2 py-3\">\n            {sections.map((section, idx) => {\n                const HeadingIcon =\n                    section.icon ??\n                    (idx === 0\n                        ? fallbackIcons?.recent ?? Clock\n                        : fallbackIcons?.suggestions ?? Sparkles);\n                return (\n                    <div key={section.id}>\n                        <div className=\"flex items-center gap-2 px-3 pb-1.5\">\n                            <HeadingIcon\n                                className=\"size-3.5 text-muted-foreground\"\n                                aria-hidden=\"true\"\n                            />\n                            <Text\n                                size=\"xxs\"\n                                type=\"secondary\"\n                                weight=\"medium\"\n                                className=\"uppercase tracking-wider\"\n                            >\n                                {section.label}\n                            </Text>\n                        </div>\n                        <ul className=\"m-0 list-none space-y-0.5 p-0\">\n                            {section.items.map((item) => {\n                                const ItemIcon = item.icon ?? Search;\n                                return (\n                                    <li key={item.id}>\n                                        <Button\n                                            type=\"button\"\n                                            variant=\"secondary\"\n                                            buttonStyle=\"ghost\"\n                                            size=\"default\"\n                                            onClick={item.onSelect}\n                                            className={cn(\n                                                'h-auto w-full justify-start gap-3 rounded-md px-3 py-1.5 text-left transition-colors',\n                                                'hover:bg-muted/50 focus-visible:bg-muted/50',\n                                            )}\n                                        >\n                                            <ItemIcon\n                                                className=\"size-3.5 text-muted-foreground\"\n                                                aria-hidden=\"true\"\n                                            />\n                                            <Text className=\"flex-1 truncate\">\n                                                {item.label}\n                                            </Text>\n                                        </Button>\n                                    </li>\n                                );\n                            })}\n                        </ul>\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n","/**\n * GlobalSearchInput — search row at the top of the popover.\n *\n * Just the input + clear button + optional loading spinner. Keyboard\n * navigation is handled by the consumer wiring `useGlobalSearch`'s\n * `onKeyDown` handler.\n */\nimport { Loader2, Search, X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Input } from '@/components/base/forms/fields';\n\nexport interface GlobalSearchInputProps {\n    value: string;\n    onChange: (value: string) => void;\n    onKeyDown?: (e: React.KeyboardEvent) => void;\n    placeholder?: string;\n    clearLabel?: string;\n    loading?: boolean;\n    autoFocus?: boolean;\n}\n\nexport const GlobalSearchInput = React.forwardRef<HTMLInputElement, GlobalSearchInputProps>(\n    function GlobalSearchInput(\n        {\n            value,\n            onChange,\n            onKeyDown,\n            placeholder,\n            clearLabel = 'Clear search',\n            loading = false,\n            autoFocus = false,\n        },\n        ref,\n    ) {\n        const innerRef = React.useRef<HTMLInputElement | null>(null);\n        React.useImperativeHandle(ref, () => innerRef.current as HTMLInputElement);\n\n        React.useEffect(() => {\n            if (autoFocus) innerRef.current?.focus();\n        }, [autoFocus]);\n\n        return (\n            <div\n                data-component=\"global-search-input\"\n                data-slot=\"global-search-input\"\n                className=\"global-search-input--component flex items-center gap-space-md border-b border-border px-control py-row-y\"\n            >\n                <Search className=\"size-icon shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n                <div className=\"min-w-0 flex-1\">\n                    <Input\n                        ref={innerRef}\n                        type=\"text\"\n                        value={value}\n                        onChange={(e) => onChange(e.target.value)}\n                        onKeyDown={onKeyDown}\n                        placeholder={placeholder}\n                        aria-label={placeholder}\n                        autoComplete=\"off\"\n                        spellCheck={false}\n                        size=\"small\"\n                        className=\"h-auto border-0 bg-transparent px-0 py-0 text-sm shadow-none focus-visible:border-transparent focus-visible:ring-0\"\n                    />\n                </div>\n                {loading && (\n                    <Loader2\n                        className=\"size-icon shrink-0 animate-spin text-muted-foreground\"\n                        aria-hidden=\"true\"\n                    />\n                )}\n                {!loading && !!value && (\n                    <Button\n                        type=\"button\"\n                        variant=\"secondary\"\n                        buttonStyle=\"ghost\"\n                        size=\"icon-small\"\n                        onClick={() => onChange('')}\n                        aria-label={clearLabel}\n                        className=\"size-control-sm rounded text-muted-foreground hover:bg-muted hover:text-foreground\"\n                    >\n                        <X className=\"size-icon-sm\" />\n                    </Button>\n                )}\n            </div>\n        );\n    },\n);\n","/**\n * Default tone palettes for thumbnails and avatars.\n *\n * Consumers can override per-call via `slots.toneBg` / `slots.toneAvatar`.\n */\nimport type { GlobalSearchTone } from '../global-search.types';\n\nexport const DEFAULT_TONE_BG: Record<GlobalSearchTone, string> = {\n    primary: 'bg-primary/5 text-primary',\n    success: 'bg-success/10 text-success',\n    warning: 'bg-warning/20 text-warning-foreground',\n    info: 'bg-info/10 text-info',\n    destructive: 'bg-destructive/10 text-destructive',\n    default: 'bg-muted text-muted-foreground',\n};\n\nexport const DEFAULT_TONE_AVATAR: Record<GlobalSearchTone, string> = {\n    primary: 'bg-primary/10 text-primary',\n    success: 'bg-success/10 text-success',\n    warning: 'bg-warning/20 text-warning-foreground',\n    info: 'bg-info/10 text-info',\n    destructive: 'bg-destructive/10 text-destructive',\n    default: 'bg-muted text-muted-foreground',\n};\n","/**\n * GlobalSearchResultRow — single rich result card.\n *\n * Layout: [thumbnail] [title + status pill / muted secondary line / meta] [right-value column] [chevron].\n *\n * Exported as a partial so consumers can:\n *   1. Override an individual row via `slots.renderResult` and reuse this component for the others.\n *   2. Use it standalone in custom search UIs that don't need the full GlobalSearch shell.\n */\nimport { ArrowRight } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/base/display/avatar';\nimport { Badge } from '@/components/base/badge';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport type {\n    GlobalSearchResult,\n    GlobalSearchTone,\n} from '../global-search.types';\nimport {\n    DEFAULT_TONE_AVATAR,\n    DEFAULT_TONE_BG,\n} from './tone-palettes';\n\nexport interface GlobalSearchResultRowProps<TGroup extends string = string> {\n    result: GlobalSearchResult<TGroup>;\n    /** Highlighted via keyboard nav. */\n    isActive?: boolean;\n    query?: string;\n    onSelect?: () => void;\n    onMouseEnter?: () => void;\n    /** Override tone palette. Keys not provided fall back to defaults. */\n    toneBg?: Partial<Record<GlobalSearchTone, string>>;\n    toneAvatar?: Partial<Record<GlobalSearchTone, string>>;\n    className?: string;\n}\n\nfunction highlightMatch(text: string, query: string | undefined): React.ReactNode {\n    const q = (query ?? '').trim();\n    if (!q) return text;\n    const lower = text.toLowerCase();\n    const ql = q.toLowerCase();\n    const i = lower.indexOf(ql);\n    if (i < 0) return text;\n    return (\n        <>\n            {text.slice(0, i)}\n            <mark className=\"rounded-sm bg-warning/40 px-0.5 text-foreground\">\n                {text.slice(i, i + q.length)}\n            </mark>\n            {text.slice(i + q.length)}\n        </>\n    );\n}\n\nexport function GlobalSearchResultRow<TGroup extends string = string>({\n    result,\n    isActive = false,\n    query = '',\n    onSelect,\n    onMouseEnter,\n    toneBg,\n    toneAvatar,\n    className,\n}: GlobalSearchResultRowProps<TGroup>) {\n    const ThumbIcon = result.thumbnail?.icon;\n    const bg = { ...DEFAULT_TONE_BG, ...toneBg };\n    const av = { ...DEFAULT_TONE_AVATAR, ...toneAvatar };\n\n    return (\n        <Button\n            type=\"button\"\n            data-component=\"global-search-result-row\"\n            data-slot=\"global-search-result-row\"\n            variant=\"secondary\"\n            buttonStyle=\"ghost\"\n            size=\"small\"\n            onMouseEnter={onMouseEnter}\n            onClick={onSelect}\n            className={cn(\n                'group/row relative h-auto w-full justify-start gap-space-lg rounded-md px-row-x py-row-y text-left transition-colors',\n                'global-search-result-row--component',\n                isActive ? 'bg-muted/60' : 'hover:bg-muted/40',\n                className,\n            )}\n        >\n            {/* Thumbnail / Avatar */}\n            <div className=\"flex shrink-0 items-center\">\n                {result.avatar ? (\n                    <Avatar className={cn('size-avatar-sm', av[result.avatar.tone ?? 'default'])}>\n                        {result.avatar.src && (\n                            <AvatarImage src={result.avatar.src} alt={result.title} />\n                        )}\n                        <AvatarFallback\n                            className={cn('text-xxs font-semibold', av[result.avatar.tone ?? 'default'])}\n                        >\n                            {result.avatar.initials}\n                        </AvatarFallback>\n                    </Avatar>\n                ) : ThumbIcon ? (\n                    <span\n                        className={cn(\n                            'inline-flex size-avatar-sm items-center justify-center rounded-md',\n                            bg[result.thumbnail?.tone ?? 'default'],\n                        )}\n                    >\n                        <ThumbIcon className=\"size-icon\" aria-hidden=\"true\" />\n                    </span>\n                ) : null}\n            </div>\n\n            {/* Body */}\n            <div className=\"min-w-0 flex-1\">\n                <div className=\"flex items-center gap-space-sm leading-tight\">\n                    <Text tag=\"span\" size=\"inherit\" weight=\"semibold\" className=\"truncate\">\n                        {highlightMatch(result.title, query)}\n                    </Text>\n                    {!!result.badge && (\n                        <Badge\n                            variant={\n                                result.badge.tone === 'destructive'\n                                    ? 'error'\n                                    : result.badge.tone\n                            }\n                        >\n                            {result.badge.label}\n                        </Badge>\n                    )}\n                </div>\n                {(() => {\n                    const pieces: Array<{ key: string; node: React.ReactNode }> = [];\n                    if (result.subtitle)\n                        pieces.push({\n                            key: 'subtitle',\n                            node: <span>{highlightMatch(result.subtitle, query)}</span>,\n                        });\n                    result.meta?.forEach((m, i) => {\n                        const Icon = m.icon;\n                        pieces.push({\n                            key: `m-${i}`,\n                            node: (\n                                <span\n                                    className={cn(\n                                        'inline-flex items-center gap-1',\n                                        m.mono && 'font-mono tabular-nums',\n                                    )}\n                                >\n                                    {!!Icon && <Icon className=\"size-3 shrink-0\" aria-hidden=\"true\" />}\n                                    {m.label}\n                                </span>\n                            ),\n                        });\n                    });\n                    if (result.timestamp)\n                        pieces.push({\n                            key: 'ts',\n                            node: <span className=\"tabular-nums\">{result.timestamp}</span>,\n                        });\n                    result.tags?.forEach((tag) =>\n                        pieces.push({ key: `t-${tag}`, node: <span>{tag}</span> }),\n                    );\n                    if (result.rightValue) {\n                        pieces.push({\n                            key: 'rv',\n                            node: (\n                                <span className=\"font-medium tabular-nums text-foreground\">\n                                    {result.rightValue}\n                                    {!!result.rightLabel && (\n                                        <span className=\"ml-1 font-normal text-muted-foreground\">\n                                            {result.rightLabel.toLowerCase()}\n                                        </span>\n                                    )}\n                                </span>\n                            ),\n                        });\n                    }\n                    if (pieces.length === 0) return null;\n                    return (\n                        <Text size=\"inherit\" type=\"secondary\" className=\"mt-space-2xs truncate text-xxs\">\n                            {pieces.map((p, i) => (\n                                <span key={p.key}>\n                                    {i > 0 && (\n                                        <span\n                                            aria-hidden=\"true\"\n                                            className=\"mx-1.5 text-muted-foreground/60\"\n                                        >\n                                            ·\n                                        </span>\n                                    )}\n                                    {p.node}\n                                </span>\n                            ))}\n                        </Text>\n                    );\n                })()}\n            </div>\n\n            {/* Right value column — only when value/label set */}\n            {!!(result.rightValue || result.rightLabel) && (\n                <div className=\"hidden shrink-0 items-center self-stretch border-l border-border/60 pl-row-x md:flex\">\n                    <div className=\"flex flex-col items-end gap-0 text-right leading-tight\">\n                        {!!result.rightValue && (\n                            <Text\n                                tag=\"span\"\n                                size=\"inherit\"\n                                weight=\"semibold\"\n                                className=\"whitespace-nowrap tabular-nums\"\n                            >\n                                {result.rightValue}\n                            </Text>\n                        )}\n                        {!!result.rightLabel && (\n                            <Text\n                                tag=\"span\"\n                                size=\"xxs\"\n                                type=\"secondary\"\n                                className=\"mt-0.5 whitespace-nowrap\"\n                            >\n                                {result.rightLabel}\n                            </Text>\n                        )}\n                    </div>\n                </div>\n            )}\n\n            {/* Trailing chevron */}\n            <span\n                aria-hidden=\"true\"\n                className={cn(\n                    'inline-flex size-control-sm shrink-0 items-center justify-center rounded-md transition-all',\n                    isActive\n                        ? 'bg-foreground text-background opacity-100'\n                        : 'text-muted-foreground opacity-0 group-hover/row:opacity-100',\n                )}\n            >\n                <ArrowRight className=\"size-3.5\" />\n            </span>\n        </Button>\n    );\n}\n","import { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: TabsPrimitive.Root.Props) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      className={cn(\n        \"gap-2 group/tabs flex data-[orientation=horizontal]:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst tabsListVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {\n  return (\n    <TabsPrimitive.Tab\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"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\",\n        \"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\",\n        \"data-active:bg-background data-active:text-foreground\",\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {\n  return (\n    <TabsPrimitive.Panel\n      data-slot=\"tabs-content\"\n      className={cn(\"text-sm flex-1 outline-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }\n","/**\n * GlobalSearchTabs — segmented filter strip above the result list.\n *\n * Wraps `base/navigation/tabs` for app-consistent styling and adds a\n * subtle count pill next to each label.\n */\nimport { Tabs, TabsList, TabsTrigger } from '@/components/base/navigation/tabs';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface GlobalSearchTabsProps<TGroup extends string = string> {\n    /** Currently-selected tab. */\n    value: 'all' | TGroup;\n    onValueChange: (value: 'all' | TGroup) => void;\n    tabs: ReadonlyArray<{ value: 'all' | TGroup; label: string }>;\n    counts: Record<string, number>;\n}\n\nexport function GlobalSearchTabs<TGroup extends string = string>({\n    value,\n    onValueChange,\n    tabs,\n    counts,\n}: GlobalSearchTabsProps<TGroup>) {\n    return (\n        <div className=\"global-search-tabs--component border-b border-border/60 px-3 py-2\">\n            <div className=\"global-search-tabs--scroller -mx-1 overflow-x-auto px-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n                <Tabs\n                    value={value as string}\n                    onValueChange={(v) => onValueChange(v as 'all' | TGroup)}\n                    className=\"min-w-max\"\n                >\n                    <TabsList className=\"global-search-tabs--list h-8 w-max min-w-max\">\n                        {tabs.map((tab) => {\n                            const isActive = value === tab.value;\n                            const count = counts[tab.value as string] ?? 0;\n                            return (\n                                <TabsTrigger\n                                    key={tab.value as string}\n                                    value={tab.value as string}\n                                    className=\"global-search-tabs--trigger shrink-0 gap-1.5 px-2.5 text-xs\"\n                                >\n                                    <span>{tab.label}</span>\n                                    <Text\n                                        tag=\"span\"\n                                        size=\"xxs\"\n                                        weight=\"medium\"\n                                        className={cn(\n                                            'global-search-tabs--count rounded px-1 py-0 tabular-nums',\n                                            isActive\n                                                ? 'bg-muted text-muted-foreground'\n                                                : 'bg-transparent text-muted-foreground/70',\n                                        )}\n                                    >\n                                        {count}\n                                    </Text>\n                                </TabsTrigger>\n                            );\n                        })}\n                    </TabsList>\n                </Tabs>\n            </div>\n        </div>\n    );\n}\n","/**\n * GlobalSearch — framework-agnostic spotlight overlay for app-wide search.\n *\n * Composition seams:\n *   - `strings`        — deep-partial override of the default copy\n *   - `slots`          — replace any region (input, tabs, idle, empty, loading, footer)\n *   - `slots.renderResult` — full per-row override\n *   - `slots.toneBg / toneAvatar` — replace tone palettes\n *\n * Headless usage:\n *   - Call `useGlobalSearch({ results, query })` directly to drive a\n *     completely custom UI against the same selection state machine.\n *\n * Framework-agnostic:\n *   - No router import, no i18n SDK import. Routing is up to the consumer\n *     via `onResultSelect`. Strings live in the `strings` prop.\n *   - The library no longer ships `adapters/$framework/`. Consumers map\n *     their router (Inertia, Tanstack Router, RR7, Next, …) to\n *     `onResultSelect(result)` directly at the call site.\n */\nimport * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n    defaultGlobalSearchStrings,\n    interpolateString,\n    type GlobalSearchStrings,\n} from './global-search.strings';\nimport type {\n    GlobalSearchIdleSection,\n    GlobalSearchResult,\n    GlobalSearchSlots,\n    GlobalSearchTab,\n} from './global-search.types';\nimport { useGlobalSearch } from './hooks/use-global-search';\nimport {\n    GlobalSearchEmptyState,\n    GlobalSearchFooter,\n    GlobalSearchIdleState,\n    GlobalSearchInput,\n    GlobalSearchResultRow,\n    GlobalSearchTabs,\n} from './partials';\n\nexport interface GlobalSearchProps<TGroup extends string = string> {\n    /** Result list. The component renders these grouped by `result.group`. */\n    results?: ReadonlyArray<GlobalSearchResult<TGroup>>;\n    /** Current query value (controlled). */\n    query: string;\n    /** Query change callback. */\n    onQueryChange: (q: string) => void;\n    /** Activation callback — fires on row click or Enter. */\n    onResultSelect?: (result: GlobalSearchResult<TGroup>) => void;\n    /** Escape-key callback. */\n    onClose?: () => void;\n    /** Loading flag — switches the input spinner and renders the loading slot. */\n    loading?: boolean;\n    /** Idle-state sections (Recent / Suggestions / …). */\n    idleSections?: ReadonlyArray<GlobalSearchIdleSection>;\n    /** Override default group labels in the tab strip. */\n    groupLabels?: Partial<Record<TGroup, string>>;\n    /** Auto-focus the input on mount. */\n    autoFocus?: boolean;\n    /** Replace any portion of the default copy. */\n    strings?: StringsProp<GlobalSearchStrings>;\n    /** Replace any portion of the layout. */\n    slots?: GlobalSearchSlots<TGroup>;\n    /** Custom tab list — overrides the auto-generated `All + groups`. */\n    tabs?: ReadonlyArray<GlobalSearchTab<TGroup>>;\n    /** Wrapper className. */\n    className?: string;\n}\n\nexport function GlobalSearch<TGroup extends string = string>({\n    results = [],\n    query,\n    onQueryChange,\n    onResultSelect,\n    onClose,\n    loading = false,\n    idleSections,\n    groupLabels,\n    autoFocus = false,\n    strings: stringsProp,\n    slots,\n    tabs,\n    className,\n}: GlobalSearchProps<TGroup>) {\n    const strings = useStrings(defaultGlobalSearchStrings, stringsProp);\n\n    const search = useGlobalSearch<TGroup>({\n        results,\n        query,\n        onResultSelect,\n        onClose,\n    });\n\n    const isEmpty =\n        !loading && query.trim().length > 1 && results.length === 0;\n    const isIdle = !loading && query.trim().length <= 1;\n\n    const resolvedTabs = React.useMemo<\n        ReadonlyArray<GlobalSearchTab<TGroup>>\n    >(() => {\n        if (tabs) return tabs;\n        const groupKeys = Object.keys(search.grouped) as TGroup[];\n        return [\n            { value: 'all', label: strings.tabAll },\n            ...groupKeys.map((key) => ({\n                value: key,\n                label: groupLabels?.[key] ?? key,\n            })),\n        ];\n    }, [tabs, search.grouped, strings.tabAll, groupLabels]);\n\n    return (\n        <div\n            data-component=\"global-search\"\n            data-slot=\"global-search\"\n            className={cn('global-search--component', \n                'overflow-hidden rounded-xl border border-border bg-card shadow-2xl',\n                className,\n            )}\n        >\n            {slots?.input ?? (\n                <GlobalSearchInput\n                    value={query}\n                    onChange={onQueryChange}\n                    onKeyDown={search.onKeyDown}\n                    placeholder={strings.placeholder}\n                    clearLabel={strings.clear}\n                    loading={loading}\n                    autoFocus={autoFocus}\n                />\n            )}\n\n            {!loading && results.length > 0 && (\n                slots?.tabs ?? (\n                    <GlobalSearchTabs<TGroup>\n                        value={search.activeTab}\n                        onValueChange={search.setActiveTab}\n                        tabs={resolvedTabs}\n                        counts={search.tabCounts}\n                    />\n                )\n            )}\n\n            <div className=\"max-h-[520px] overflow-y-auto\">\n                {!!isIdle && (slots?.idle ?? (\n                    idleSections && idleSections.length > 0 ? (\n                        <GlobalSearchIdleState sections={idleSections} />\n                    ) : null\n                ))}\n\n                {!!loading && (slots?.loading ?? (\n                    <div className=\"flex items-center justify-center px-6 py-12\">\n                        <Text type=\"secondary\">\n                            {strings.loading}\n                        </Text>\n                    </div>\n                ))}\n\n                {!!isEmpty && (slots?.empty ?? (\n                    <GlobalSearchEmptyState\n                        title={interpolateString(strings.emptyTitle, { query })}\n                        hint={strings.emptyHint}\n                    />\n                ))}\n\n                {!loading && results.length > 0 && (\n                    <div className=\"px-space-md py-space-xs\">\n                        {Object.entries(search.visibleGrouped).map(\n                            ([groupKey, items], gi) => (\n                                <div\n                                    key={groupKey}\n                                    className={cn(\n                                        'pb-space-xs last:pb-0',\n                                        gi > 0 && 'mt-space-md pt-space-xs',\n                                    )}\n                                >\n                                    <div className=\"flex items-center justify-between px-row-x pb-space-2xs\">\n                                        <Text size=\"xs\" type=\"secondary\" weight=\"medium\">\n                                            {groupLabels?.[groupKey as TGroup] ?? groupKey}\n                                        </Text>\n                                        {search.activeTab === 'all' && items.length > 0 && (\n                                            <Button\n                                                type=\"button\"\n                                                variant=\"secondary\"\n                                                buttonStyle=\"ghost\"\n                                                size=\"small\"\n                                                onClick={() =>\n                                                    search.setActiveTab(groupKey as TGroup)\n                                                }\n                                                className=\"h-auto rounded px-1 py-0 text-primary transition-colors hover:underline\"\n                                            >\n                                                <Text\n                                                    tag=\"span\"\n                                                    size=\"xxs\"\n                                                    weight=\"medium\"\n                                                    className=\"text-primary\"\n                                                >\n                                                    {strings.seeAll}\n                                                </Text>\n                                            </Button>\n                                        )}\n                                    </div>\n                                    <ul className=\"m-0 list-none space-y-0.5 p-0\">\n                                        {items.map((item) => {\n                                            const isActive =\n                                                search.flat[search.activeIdx]?.id === item.id;\n                                            const ctx = {\n                                                isActive,\n                                                query,\n                                                onSelect: () => onResultSelect?.(item),\n                                            };\n                                            const node = slots?.renderResult ? (\n                                                slots.renderResult(item, ctx)\n                                            ) : (\n                                                <GlobalSearchResultRow<TGroup>\n                                                    result={item}\n                                                    isActive={isActive}\n                                                    query={query}\n                                                    onSelect={ctx.onSelect}\n                                                    onMouseEnter={() =>\n                                                        search.setActiveById(item.id)\n                                                    }\n                                                    toneBg={slots?.toneBg}\n                                                    toneAvatar={slots?.toneAvatar}\n                                                />\n                                            );\n                                            return <li key={item.id}>{node}</li>;\n                                        })}\n                                    </ul>\n                                </div>\n                            ),\n                        )}\n                    </div>\n                )}\n            </div>\n\n            {slots?.footer ?? (\n                <GlobalSearchFooter\n                    navigateLabel={strings.footerNavigate}\n                    openLabel={strings.footerOpen}\n                    closeLabel={strings.footerClose}\n                    trailing={\n                        !isIdle && !isEmpty && results.length > 0 ? (\n                            <Text\n                                tag=\"span\"\n                                size=\"xxs\"\n                                type=\"secondary\"\n                                className=\"tabular-nums\"\n                            >\n                                {interpolateString(strings.resultsCount, {\n                                    count: results.length,\n                                })}\n                            </Text>\n                        ) : undefined\n                    }\n                />\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/features/global-search/global-search.strings.ts","../../../../src/components/features/global-search/hooks/use-global-search.ts","../../../../src/components/features/global-search/partials/global-search-empty-state.tsx","../../../../src/components/features/global-search/partials/global-search-footer.tsx","../../../../src/components/features/global-search/partials/global-search-idle-state.tsx","../../../../src/components/features/global-search/partials/global-search-input.tsx","../../../../src/components/features/global-search/partials/tone-palettes.ts","../../../../src/components/features/global-search/partials/global-search-result-row.tsx","../../../../src/components/ui/tabs.tsx","../../../../src/components/features/global-search/partials/global-search-tabs.tsx","../../../../src/components/features/global-search/global-search.tsx"],"sourcesContent":["/**\n * Strings for `GlobalSearch` and its partials. Consumers override via the\n * `strings` prop on `<GlobalSearch />`; values are deep-merged over these\n * defaults so partial overrides are safe.\n */\nexport interface GlobalSearchStrings {\n    /** Placeholder copy for the search input. */\n    placeholder: string;\n    /** aria-label for the clear-search icon button. */\n    clear: string;\n    /** Loading-state copy. */\n    loading: string;\n    /** Empty-state title — uses {{query}} as a placeholder. */\n    emptyTitle: string;\n    /** Empty-state body copy. */\n    emptyHint: string;\n    /** Idle-state heading for \"Recent\" suggestions. */\n    idleRecent: string;\n    /** Idle-state heading for curated \"Suggestions\". */\n    idleSuggestions: string;\n    /** Tab label for the \"All\" tab. */\n    tabAll: string;\n    /** Footer \"navigate\" hint. */\n    footerNavigate: string;\n    /** Footer \"open\" hint. */\n    footerOpen: string;\n    /** Footer \"close\" hint. */\n    footerClose: string;\n    /** Trailing N results count. */\n    resultsCount: string;\n    /** \"See all\" group action — jumps to that tab. */\n    seeAll: string;\n}\n\nexport const defaultGlobalSearchStrings: GlobalSearchStrings = {\n    placeholder: 'Search…',\n    clear: 'Clear search',\n    loading: 'Searching…',\n    emptyTitle: 'No results for \"{{query}}\"',\n    emptyHint: 'Try a shorter keyword or check the spelling.',\n    idleRecent: 'Recent',\n    idleSuggestions: 'Suggestions',\n    tabAll: 'All',\n    footerNavigate: 'navigate',\n    footerOpen: 'open',\n    footerClose: 'close',\n    resultsCount: '{{count}} results',\n    seeAll: 'See all',\n};\n\n/** Replace `{{key}}` tokens with values from `params`. */\nexport function interpolateString(\n    template: string,\n    params: Record<string, string | number>,\n): string {\n    return template.replace(/\\{\\{\\s*(\\w+)\\s*\\}\\}/g, (match, key) => {\n        const v = params[key];\n        return v === undefined ? match : String(v);\n    });\n}\n","/**\n * useGlobalSearch — headless state machine for `<GlobalSearch />`.\n *\n * Owns the active-row index, active tab, and the keyboard-navigation\n * handler. Returns the derived flat list (results filtered by tab) so\n * consumers can render entirely custom UIs against the same state.\n *\n * Usage:\n *   const search = useGlobalSearch({ results, query });\n *   <input onKeyDown={search.onKeyDown} />\n *   {search.flat.map((r, i) => <Row active={i === search.activeIdx} … />)}\n */\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { GlobalSearchResult } from '../global-search.types';\n\nexport interface UseGlobalSearchOptions<TGroup extends string = string> {\n    results: ReadonlyArray<GlobalSearchResult<TGroup>>;\n    query: string;\n    /** Fires when the user activates a row (Enter or click). */\n    onResultSelect?: (result: GlobalSearchResult<TGroup>) => void;\n    /** Fires when the user presses Escape. */\n    onClose?: () => void;\n}\n\nexport interface UseGlobalSearchReturn<TGroup extends string = string> {\n    /** Results bucketed by group, in insertion order. */\n    grouped: Record<string, GlobalSearchResult<TGroup>[]>;\n    /** Result count per tab (`all` plus each group key). */\n    tabCounts: Record<string, number>;\n    /** Currently-selected tab. */\n    activeTab: 'all' | TGroup;\n    /** Set the active tab — also resets the active index. */\n    setActiveTab: (tab: 'all' | TGroup) => void;\n    /** Filtered grouped map respecting the active tab. */\n    visibleGrouped: Record<string, GlobalSearchResult<TGroup>[]>;\n    /** Flat ordered list matching what is currently rendered. */\n    flat: GlobalSearchResult<TGroup>[];\n    /** Index into `flat` of the currently-highlighted row. */\n    activeIdx: number;\n    setActiveIdx: (i: number) => void;\n    /** Programmatically activate a result by id. */\n    setActiveById: (id: string) => void;\n    /** Bind to the search input's `onKeyDown` for arrow / enter / escape support. */\n    onKeyDown: (e: React.KeyboardEvent) => void;\n    /** Activate the row at `activeIdx`. */\n    selectActive: () => void;\n}\n\nexport function useGlobalSearch<TGroup extends string = string>({\n    results,\n    query,\n    onResultSelect,\n    onClose,\n}: UseGlobalSearchOptions<TGroup>): UseGlobalSearchReturn<TGroup> {\n    const [activeTab, setActiveTabState] =\n        useState<'all' | TGroup>('all');\n    const [activeIdx, setActiveIdx] = useState(0);\n\n    // Reset both the active row and the active tab when the query changes\n    // (so a fresh query never inherits a stale highlight or filter).\n    useEffect(() => {\n        setActiveTabState('all');\n        setActiveIdx(0);\n    }, [query]);\n\n    const grouped = useMemo(() => {\n        const buckets: Record<string, GlobalSearchResult<TGroup>[]> = {};\n        for (const r of results) {\n            (buckets[r.group] ??= []).push(r);\n        }\n        return buckets;\n    }, [results]);\n\n    const tabCounts = useMemo(() => {\n        const counts: Record<string, number> = { all: results.length };\n        for (const [k, v] of Object.entries(grouped)) counts[k] = v.length;\n        return counts;\n    }, [results.length, grouped]);\n\n    const visibleGrouped = useMemo(() => {\n        if (activeTab === 'all') return grouped;\n        const sub = grouped[activeTab as string];\n        return sub ? ({ [activeTab as string]: sub } as Record<string, GlobalSearchResult<TGroup>[]>) : {};\n    }, [grouped, activeTab]);\n\n    const flat = useMemo(() => {\n        if (activeTab === 'all') return results.slice();\n        return grouped[activeTab as string] ?? [];\n    }, [activeTab, grouped, results]);\n\n    const activeIdxRef = useRef(activeIdx);\n    activeIdxRef.current = activeIdx;\n    const flatRef = useRef(flat);\n    flatRef.current = flat;\n\n    const setActiveTab = (tab: 'all' | TGroup) => {\n        setActiveTabState(tab);\n        setActiveIdx(0);\n    };\n\n    const setActiveById = (id: string) => {\n        const idx = flatRef.current.findIndex((r) => r.id === id);\n        if (idx >= 0) setActiveIdx(idx);\n    };\n\n    const selectActive = () => {\n        const item = flatRef.current[activeIdxRef.current];\n        if (item) onResultSelect?.(item);\n    };\n\n    const onKeyDown = (e: React.KeyboardEvent) => {\n        if (e.key === 'ArrowDown') {\n            e.preventDefault();\n            setActiveIdx((i) => Math.min(i + 1, flatRef.current.length - 1));\n        } else if (e.key === 'ArrowUp') {\n            e.preventDefault();\n            setActiveIdx((i) => Math.max(i - 1, 0));\n        } else if (e.key === 'Enter') {\n            const item = flatRef.current[activeIdxRef.current];\n            if (item) {\n                e.preventDefault();\n                onResultSelect?.(item);\n            }\n        } else if (e.key === 'Escape') {\n            onClose?.();\n        }\n    };\n\n    return {\n        grouped,\n        tabCounts,\n        activeTab,\n        setActiveTab,\n        visibleGrouped,\n        flat,\n        activeIdx,\n        setActiveIdx,\n        setActiveById,\n        onKeyDown,\n        selectActive,\n    };\n}\n","/**\n * Default empty-state body — shown when the query yields no results.\n * Override entirely via `slots.empty`.\n */\nimport { Search } from 'lucide-react';\n\nimport { Text } from '@/components/typography';\n\nexport interface GlobalSearchEmptyStateProps {\n    title: string;\n    hint: string;\n}\n\nexport function GlobalSearchEmptyState({ title, hint }: GlobalSearchEmptyStateProps) {\n    return (\n        <div className=\"px-6 py-12 text-center\">\n            <div className=\"mx-auto mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted/60\">\n                <Search className=\"size-4 text-muted-foreground\" aria-hidden=\"true\" />\n            </div>\n            <Text weight=\"medium\">\n                {title}\n            </Text>\n            <Text size=\"xs\" type=\"secondary\" className=\"mt-1\">\n                {hint}\n            </Text>\n        </div>\n    );\n}\n","/**\n * GlobalSearchFooter — keyboard-hint strip below the result list.\n * Override entirely via `slots.footer`.\n */\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nconst KBD_CLASS =\n    'rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground';\n\nexport interface GlobalSearchFooterProps {\n    navigateLabel: string;\n    openLabel: string;\n    closeLabel: string;\n    /** Trailing right-aligned content (e.g. \"3 results\"). */\n    trailing?: React.ReactNode;\n    className?: string;\n}\n\nexport function GlobalSearchFooter({\n    navigateLabel,\n    openLabel,\n    closeLabel,\n    trailing,\n    className,\n}: GlobalSearchFooterProps) {\n    return (\n        <div\n            className={cn(\n                'flex items-center justify-between border-t border-border/60 px-4 py-2',\n                className,\n            )}\n        >\n            <span className=\"flex items-center gap-2\">\n                <kbd className={KBD_CLASS}>↑↓</kbd>\n                <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n                    {navigateLabel}\n                </Text>\n                <kbd className={KBD_CLASS}>↵</kbd>\n                <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n                    {openLabel}\n                </Text>\n                <kbd className={KBD_CLASS}>esc</kbd>\n                <Text tag=\"span\" size=\"xs\" type=\"secondary\">\n                    {closeLabel}\n                </Text>\n            </span>\n            {trailing}\n        </div>\n    );\n}\n","/**\n * Default idle-state body — shown when the query is too short.\n * Renders consumer-supplied \"Recent\" + \"Suggestions\" sections.\n */\nimport { Clock, Search, Sparkles } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport type { GlobalSearchIdleSection } from '../global-search.types';\n\nexport interface GlobalSearchIdleStateProps {\n    sections: ReadonlyArray<GlobalSearchIdleSection>;\n    /** Optional override for the heading icon when missing on a section. */\n    fallbackIcons?: { recent?: React.ElementType; suggestions?: React.ElementType };\n}\n\nexport function GlobalSearchIdleState({\n    sections,\n    fallbackIcons,\n}: GlobalSearchIdleStateProps) {\n    return (\n        <div className=\"space-y-4 px-2 py-3\">\n            {sections.map((section, idx) => {\n                const HeadingIcon =\n                    section.icon ??\n                    (idx === 0\n                        ? fallbackIcons?.recent ?? Clock\n                        : fallbackIcons?.suggestions ?? Sparkles);\n                return (\n                    <div key={section.id}>\n                        <div className=\"flex items-center gap-2 px-3 pb-1.5\">\n                            <HeadingIcon\n                                className=\"size-3.5 text-muted-foreground\"\n                                aria-hidden=\"true\"\n                            />\n                            <Text\n                                size=\"xs\"\n                                type=\"secondary\"\n                                weight=\"medium\"\n                                className=\"uppercase tracking-wider\"\n                            >\n                                {section.label}\n                            </Text>\n                        </div>\n                        <ul className=\"m-0 list-none space-y-0.5 p-0\">\n                            {section.items.map((item) => {\n                                const ItemIcon = item.icon ?? Search;\n                                return (\n                                    <li key={item.id}>\n                                        <Button\n                                            type=\"button\"\n                                            variant=\"secondary\"\n                                            buttonStyle=\"ghost\"\n                                            size=\"default\"\n                                            onClick={item.onSelect}\n                                            className={cn(\n                                                'h-auto w-full justify-start gap-3 rounded-md px-3 py-1.5 text-left transition-colors',\n                                                'hover:bg-muted/50 focus-visible:bg-muted/50',\n                                            )}\n                                        >\n                                            <ItemIcon\n                                                className=\"size-3.5 text-muted-foreground\"\n                                                aria-hidden=\"true\"\n                                            />\n                                            <Text className=\"flex-1 truncate\">\n                                                {item.label}\n                                            </Text>\n                                        </Button>\n                                    </li>\n                                );\n                            })}\n                        </ul>\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n","/**\n * GlobalSearchInput — search row at the top of the popover.\n *\n * Just the input + clear button + optional loading spinner. Keyboard\n * navigation is handled by the consumer wiring `useGlobalSearch`'s\n * `onKeyDown` handler.\n */\nimport { Loader2, Search, X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Input } from '@/components/base/forms/fields';\n\nexport interface GlobalSearchInputProps {\n    value: string;\n    onChange: (value: string) => void;\n    onKeyDown?: (e: React.KeyboardEvent) => void;\n    placeholder?: string;\n    clearLabel?: string;\n    loading?: boolean;\n    autoFocus?: boolean;\n}\n\nexport const GlobalSearchInput = React.forwardRef<HTMLInputElement, GlobalSearchInputProps>(\n    function GlobalSearchInput(\n        {\n            value,\n            onChange,\n            onKeyDown,\n            placeholder,\n            clearLabel = 'Clear search',\n            loading = false,\n            autoFocus = false,\n        },\n        ref,\n    ) {\n        const innerRef = React.useRef<HTMLInputElement | null>(null);\n        React.useImperativeHandle(ref, () => innerRef.current as HTMLInputElement);\n\n        React.useEffect(() => {\n            if (autoFocus) innerRef.current?.focus();\n        }, [autoFocus]);\n\n        return (\n            <div\n                data-component=\"global-search-input\"\n                data-slot=\"global-search-input\"\n                className=\"global-search-input--component flex items-center gap-space-md border-b border-border px-control py-row-y\"\n            >\n                <Search className=\"size-icon shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n                <div className=\"min-w-0 flex-1\">\n                    <Input\n                        ref={innerRef}\n                        type=\"text\"\n                        value={value}\n                        onChange={(e) => onChange(e.target.value)}\n                        onKeyDown={onKeyDown}\n                        placeholder={placeholder}\n                        aria-label={placeholder}\n                        autoComplete=\"off\"\n                        spellCheck={false}\n                        size=\"small\"\n                        className=\"h-auto border-0 bg-transparent px-0 py-0 text-sm shadow-none focus-visible:border-transparent focus-visible:ring-0\"\n                    />\n                </div>\n                {loading && (\n                    <Loader2\n                        className=\"size-icon shrink-0 animate-spin text-muted-foreground\"\n                        aria-hidden=\"true\"\n                    />\n                )}\n                {!loading && !!value && (\n                    <Button\n                        type=\"button\"\n                        variant=\"secondary\"\n                        buttonStyle=\"ghost\"\n                        size=\"icon-small\"\n                        onClick={() => onChange('')}\n                        aria-label={clearLabel}\n                        className=\"size-control-sm rounded text-muted-foreground hover:bg-muted hover:text-foreground\"\n                    >\n                        <X className=\"size-icon-sm\" />\n                    </Button>\n                )}\n            </div>\n        );\n    },\n);\n","/**\n * Default tone palettes for thumbnails and avatars.\n *\n * Consumers can override per-call via `slots.toneBg` / `slots.toneAvatar`.\n */\nimport type { GlobalSearchTone } from '../global-search.types';\n\nexport const DEFAULT_TONE_BG: Record<GlobalSearchTone, string> = {\n    primary: 'bg-primary/5 text-primary',\n    success: 'bg-success/10 text-success',\n    warning: 'bg-warning/20 text-warning-foreground',\n    info: 'bg-info/10 text-info',\n    destructive: 'bg-destructive/10 text-destructive',\n    default: 'bg-muted text-muted-foreground',\n};\n\nexport const DEFAULT_TONE_AVATAR: Record<GlobalSearchTone, string> = {\n    primary: 'bg-primary/10 text-primary',\n    success: 'bg-success/10 text-success',\n    warning: 'bg-warning/20 text-warning-foreground',\n    info: 'bg-info/10 text-info',\n    destructive: 'bg-destructive/10 text-destructive',\n    default: 'bg-muted text-muted-foreground',\n};\n","/**\n * GlobalSearchResultRow — single rich result card.\n *\n * Layout: [thumbnail] [title + status pill / muted secondary line / meta] [right-value column] [chevron].\n *\n * Exported as a partial so consumers can:\n *   1. Override an individual row via `slots.renderResult` and reuse this component for the others.\n *   2. Use it standalone in custom search UIs that don't need the full GlobalSearch shell.\n */\nimport { ArrowRight } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/base/display/avatar';\nimport { Badge } from '@/components/base/badge';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport type {\n    GlobalSearchResult,\n    GlobalSearchTone,\n} from '../global-search.types';\nimport {\n    DEFAULT_TONE_AVATAR,\n    DEFAULT_TONE_BG,\n} from './tone-palettes';\n\nexport interface GlobalSearchResultRowProps<TGroup extends string = string> {\n    result: GlobalSearchResult<TGroup>;\n    /** Highlighted via keyboard nav. */\n    isActive?: boolean;\n    query?: string;\n    onSelect?: () => void;\n    onMouseEnter?: () => void;\n    /** Override tone palette. Keys not provided fall back to defaults. */\n    toneBg?: Partial<Record<GlobalSearchTone, string>>;\n    toneAvatar?: Partial<Record<GlobalSearchTone, string>>;\n    className?: string;\n}\n\nfunction highlightMatch(text: string, query: string | undefined): React.ReactNode {\n    const q = (query ?? '').trim();\n    if (!q) return text;\n    const lower = text.toLowerCase();\n    const ql = q.toLowerCase();\n    const i = lower.indexOf(ql);\n    if (i < 0) return text;\n    return (\n        <>\n            {text.slice(0, i)}\n            <mark className=\"rounded-sm bg-warning/40 px-0.5 text-foreground\">\n                {text.slice(i, i + q.length)}\n            </mark>\n            {text.slice(i + q.length)}\n        </>\n    );\n}\n\nexport function GlobalSearchResultRow<TGroup extends string = string>({\n    result,\n    isActive = false,\n    query = '',\n    onSelect,\n    onMouseEnter,\n    toneBg,\n    toneAvatar,\n    className,\n}: GlobalSearchResultRowProps<TGroup>) {\n    const ThumbIcon = result.thumbnail?.icon;\n    const bg = { ...DEFAULT_TONE_BG, ...toneBg };\n    const av = { ...DEFAULT_TONE_AVATAR, ...toneAvatar };\n\n    return (\n        <Button\n            type=\"button\"\n            data-component=\"global-search-result-row\"\n            data-slot=\"global-search-result-row\"\n            variant=\"secondary\"\n            buttonStyle=\"ghost\"\n            size=\"small\"\n            onMouseEnter={onMouseEnter}\n            onClick={onSelect}\n            className={cn(\n                'group/row relative h-auto w-full justify-start gap-space-lg rounded-md px-row-x py-row-y text-left transition-colors',\n                'global-search-result-row--component',\n                isActive ? 'bg-muted/60' : 'hover:bg-muted/40',\n                className,\n            )}\n        >\n            {/* Thumbnail / Avatar */}\n            <div className=\"flex shrink-0 items-center\">\n                {result.avatar ? (\n                    <Avatar className={cn('size-avatar-sm', av[result.avatar.tone ?? 'default'])}>\n                        {result.avatar.src && (\n                            <AvatarImage src={result.avatar.src} alt={result.title} />\n                        )}\n                        <AvatarFallback\n                            className={cn('text-xs font-semibold', av[result.avatar.tone ?? 'default'])}\n                        >\n                            {result.avatar.initials}\n                        </AvatarFallback>\n                    </Avatar>\n                ) : ThumbIcon ? (\n                    <span\n                        className={cn(\n                            'inline-flex size-avatar-sm items-center justify-center rounded-md',\n                            bg[result.thumbnail?.tone ?? 'default'],\n                        )}\n                    >\n                        <ThumbIcon className=\"size-icon\" aria-hidden=\"true\" />\n                    </span>\n                ) : null}\n            </div>\n\n            {/* Body */}\n            <div className=\"min-w-0 flex-1\">\n                <div className=\"flex items-center gap-space-sm leading-tight\">\n                    <Text tag=\"span\" size=\"inherit\" weight=\"semibold\" className=\"truncate\">\n                        {highlightMatch(result.title, query)}\n                    </Text>\n                    {!!result.badge && (\n                        <Badge\n                            variant={\n                                result.badge.tone === 'destructive'\n                                    ? 'error'\n                                    : result.badge.tone\n                            }\n                        >\n                            {result.badge.label}\n                        </Badge>\n                    )}\n                </div>\n                {(() => {\n                    const pieces: Array<{ key: string; node: React.ReactNode }> = [];\n                    if (result.subtitle)\n                        pieces.push({\n                            key: 'subtitle',\n                            node: <span>{highlightMatch(result.subtitle, query)}</span>,\n                        });\n                    result.meta?.forEach((m, i) => {\n                        const Icon = m.icon;\n                        pieces.push({\n                            key: `m-${i}`,\n                            node: (\n                                <span\n                                    className={cn(\n                                        'inline-flex items-center gap-1',\n                                        m.mono && 'font-mono tabular-nums',\n                                    )}\n                                >\n                                    {!!Icon && <Icon className=\"size-3 shrink-0\" aria-hidden=\"true\" />}\n                                    {m.label}\n                                </span>\n                            ),\n                        });\n                    });\n                    if (result.timestamp)\n                        pieces.push({\n                            key: 'ts',\n                            node: <span className=\"tabular-nums\">{result.timestamp}</span>,\n                        });\n                    result.tags?.forEach((tag) =>\n                        pieces.push({ key: `t-${tag}`, node: <span>{tag}</span> }),\n                    );\n                    if (result.rightValue) {\n                        pieces.push({\n                            key: 'rv',\n                            node: (\n                                <span className=\"font-medium tabular-nums text-foreground\">\n                                    {result.rightValue}\n                                    {!!result.rightLabel && (\n                                        <span className=\"ml-1 font-normal text-muted-foreground\">\n                                            {result.rightLabel.toLowerCase()}\n                                        </span>\n                                    )}\n                                </span>\n                            ),\n                        });\n                    }\n                    if (pieces.length === 0) return null;\n                    return (\n                        <Text size=\"inherit\" type=\"secondary\" className=\"mt-space-2xs truncate text-xs\">\n                            {pieces.map((p, i) => (\n                                <span key={p.key}>\n                                    {i > 0 && (\n                                        <span\n                                            aria-hidden=\"true\"\n                                            className=\"mx-1.5 text-muted-foreground/60\"\n                                        >\n                                            ·\n                                        </span>\n                                    )}\n                                    {p.node}\n                                </span>\n                            ))}\n                        </Text>\n                    );\n                })()}\n            </div>\n\n            {/* Right value column — only when value/label set */}\n            {!!(result.rightValue || result.rightLabel) && (\n                <div className=\"hidden shrink-0 items-center self-stretch border-l border-border/60 pl-row-x md:flex\">\n                    <div className=\"flex flex-col items-end gap-0 text-right leading-tight\">\n                        {!!result.rightValue && (\n                            <Text\n                                tag=\"span\"\n                                size=\"inherit\"\n                                weight=\"semibold\"\n                                className=\"whitespace-nowrap tabular-nums\"\n                            >\n                                {result.rightValue}\n                            </Text>\n                        )}\n                        {!!result.rightLabel && (\n                            <Text\n                                tag=\"span\"\n                                size=\"xs\"\n                                type=\"secondary\"\n                                className=\"mt-0.5 whitespace-nowrap\"\n                            >\n                                {result.rightLabel}\n                            </Text>\n                        )}\n                    </div>\n                </div>\n            )}\n\n            {/* Trailing chevron */}\n            <span\n                aria-hidden=\"true\"\n                className={cn(\n                    'inline-flex size-control-sm shrink-0 items-center justify-center rounded-md transition-all',\n                    isActive\n                        ? 'bg-foreground text-background opacity-100'\n                        : 'text-muted-foreground opacity-0 group-hover/row:opacity-100',\n                )}\n            >\n                <ArrowRight className=\"size-3.5\" />\n            </span>\n        </Button>\n    );\n}\n","import { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: TabsPrimitive.Root.Props) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      className={cn(\n        \"gap-2 group/tabs flex data-[orientation=horizontal]:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst tabsListVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {\n  return (\n    <TabsPrimitive.Tab\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"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\",\n        \"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\",\n        \"data-active:bg-background data-active:text-foreground\",\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {\n  return (\n    <TabsPrimitive.Panel\n      data-slot=\"tabs-content\"\n      className={cn(\"text-sm flex-1 outline-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }\n","/**\n * GlobalSearchTabs — segmented filter strip above the result list.\n *\n * Wraps `base/navigation/tabs` for app-consistent styling and adds a\n * subtle count pill next to each label.\n */\nimport { Tabs, TabsList, TabsTrigger } from '@/components/base/navigation/tabs';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface GlobalSearchTabsProps<TGroup extends string = string> {\n    /** Currently-selected tab. */\n    value: 'all' | TGroup;\n    onValueChange: (value: 'all' | TGroup) => void;\n    tabs: ReadonlyArray<{ value: 'all' | TGroup; label: string }>;\n    counts: Record<string, number>;\n}\n\nexport function GlobalSearchTabs<TGroup extends string = string>({\n    value,\n    onValueChange,\n    tabs,\n    counts,\n}: GlobalSearchTabsProps<TGroup>) {\n    return (\n        <div className=\"global-search-tabs--component border-b border-border/60 px-3 py-2\">\n            <div className=\"global-search-tabs--scroller -mx-1 overflow-x-auto px-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n                <Tabs\n                    value={value as string}\n                    onValueChange={(v) => onValueChange(v as 'all' | TGroup)}\n                    className=\"min-w-max\"\n                >\n                    <TabsList className=\"global-search-tabs--list h-8 w-max min-w-max\">\n                        {tabs.map((tab) => {\n                            const isActive = value === tab.value;\n                            const count = counts[tab.value as string] ?? 0;\n                            return (\n                                <TabsTrigger\n                                    key={tab.value as string}\n                                    value={tab.value as string}\n                                    className=\"global-search-tabs--trigger shrink-0 gap-1.5 px-2.5 text-xs\"\n                                >\n                                    <span>{tab.label}</span>\n                                    <Text\n                                        tag=\"span\"\n                                        size=\"xs\"\n                                        weight=\"medium\"\n                                        className={cn(\n                                            'global-search-tabs--count rounded px-1 py-0 tabular-nums',\n                                            isActive\n                                                ? 'bg-muted text-muted-foreground'\n                                                : 'bg-transparent text-muted-foreground/70',\n                                        )}\n                                    >\n                                        {count}\n                                    </Text>\n                                </TabsTrigger>\n                            );\n                        })}\n                    </TabsList>\n                </Tabs>\n            </div>\n        </div>\n    );\n}\n","/**\n * GlobalSearch — framework-agnostic spotlight overlay for app-wide search.\n *\n * Composition seams:\n *   - `strings`        — deep-partial override of the default copy\n *   - `slots`          — replace any region (input, tabs, idle, empty, loading, footer)\n *   - `slots.renderResult` — full per-row override\n *   - `slots.toneBg / toneAvatar` — replace tone palettes\n *\n * Headless usage:\n *   - Call `useGlobalSearch({ results, query })` directly to drive a\n *     completely custom UI against the same selection state machine.\n *\n * Framework-agnostic:\n *   - No router import, no i18n SDK import. Routing is up to the consumer\n *     via `onResultSelect`. Strings live in the `strings` prop.\n *   - The library no longer ships `adapters/$framework/`. Consumers map\n *     their router (Inertia, Tanstack Router, RR7, Next, …) to\n *     `onResultSelect(result)` directly at the call site.\n */\nimport * as React from 'react';\n\nimport { Button } from '@/components/base/buttons';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport {\n    defaultGlobalSearchStrings,\n    interpolateString,\n    type GlobalSearchStrings,\n} from './global-search.strings';\nimport type {\n    GlobalSearchIdleSection,\n    GlobalSearchResult,\n    GlobalSearchSlots,\n    GlobalSearchTab,\n} from './global-search.types';\nimport { useGlobalSearch } from './hooks/use-global-search';\nimport {\n    GlobalSearchEmptyState,\n    GlobalSearchFooter,\n    GlobalSearchIdleState,\n    GlobalSearchInput,\n    GlobalSearchResultRow,\n    GlobalSearchTabs,\n} from './partials';\n\nexport interface GlobalSearchProps<TGroup extends string = string> {\n    /** Result list. The component renders these grouped by `result.group`. */\n    results?: ReadonlyArray<GlobalSearchResult<TGroup>>;\n    /** Current query value (controlled). */\n    query: string;\n    /** Query change callback. */\n    onQueryChange: (q: string) => void;\n    /** Activation callback — fires on row click or Enter. */\n    onResultSelect?: (result: GlobalSearchResult<TGroup>) => void;\n    /** Escape-key callback. */\n    onClose?: () => void;\n    /** Loading flag — switches the input spinner and renders the loading slot. */\n    loading?: boolean;\n    /** Idle-state sections (Recent / Suggestions / …). */\n    idleSections?: ReadonlyArray<GlobalSearchIdleSection>;\n    /** Override default group labels in the tab strip. */\n    groupLabels?: Partial<Record<TGroup, string>>;\n    /** Auto-focus the input on mount. */\n    autoFocus?: boolean;\n    /** Replace any portion of the default copy. */\n    strings?: StringsProp<GlobalSearchStrings>;\n    /** Replace any portion of the layout. */\n    slots?: GlobalSearchSlots<TGroup>;\n    /** Custom tab list — overrides the auto-generated `All + groups`. */\n    tabs?: ReadonlyArray<GlobalSearchTab<TGroup>>;\n    /** Wrapper className. */\n    className?: string;\n}\n\nexport function GlobalSearch<TGroup extends string = string>({\n    results = [],\n    query,\n    onQueryChange,\n    onResultSelect,\n    onClose,\n    loading = false,\n    idleSections,\n    groupLabels,\n    autoFocus = false,\n    strings: stringsProp,\n    slots,\n    tabs,\n    className,\n}: GlobalSearchProps<TGroup>) {\n    const strings = useStrings(defaultGlobalSearchStrings, stringsProp);\n\n    const search = useGlobalSearch<TGroup>({\n        results,\n        query,\n        onResultSelect,\n        onClose,\n    });\n\n    const isEmpty =\n        !loading && query.trim().length > 1 && results.length === 0;\n    const isIdle = !loading && query.trim().length <= 1;\n\n    const resolvedTabs = React.useMemo<\n        ReadonlyArray<GlobalSearchTab<TGroup>>\n    >(() => {\n        if (tabs) return tabs;\n        const groupKeys = Object.keys(search.grouped) as TGroup[];\n        return [\n            { value: 'all', label: strings.tabAll },\n            ...groupKeys.map((key) => ({\n                value: key,\n                label: groupLabels?.[key] ?? key,\n            })),\n        ];\n    }, [tabs, search.grouped, strings.tabAll, groupLabels]);\n\n    return (\n        <div\n            data-component=\"global-search\"\n            data-slot=\"global-search\"\n            className={cn('global-search--component', \n                'overflow-hidden rounded-xl border border-border bg-card shadow-2xl',\n                className,\n            )}\n        >\n            {slots?.input ?? (\n                <GlobalSearchInput\n                    value={query}\n                    onChange={onQueryChange}\n                    onKeyDown={search.onKeyDown}\n                    placeholder={strings.placeholder}\n                    clearLabel={strings.clear}\n                    loading={loading}\n                    autoFocus={autoFocus}\n                />\n            )}\n\n            {!loading && results.length > 0 && (\n                slots?.tabs ?? (\n                    <GlobalSearchTabs<TGroup>\n                        value={search.activeTab}\n                        onValueChange={search.setActiveTab}\n                        tabs={resolvedTabs}\n                        counts={search.tabCounts}\n                    />\n                )\n            )}\n\n            <div className=\"max-h-[520px] overflow-y-auto\">\n                {!!isIdle && (slots?.idle ?? (\n                    idleSections && idleSections.length > 0 ? (\n                        <GlobalSearchIdleState sections={idleSections} />\n                    ) : null\n                ))}\n\n                {!!loading && (slots?.loading ?? (\n                    <div className=\"flex items-center justify-center px-6 py-12\">\n                        <Text type=\"secondary\">\n                            {strings.loading}\n                        </Text>\n                    </div>\n                ))}\n\n                {!!isEmpty && (slots?.empty ?? (\n                    <GlobalSearchEmptyState\n                        title={interpolateString(strings.emptyTitle, { query })}\n                        hint={strings.emptyHint}\n                    />\n                ))}\n\n                {!loading && results.length > 0 && (\n                    <div className=\"px-space-md py-space-xs\">\n                        {Object.entries(search.visibleGrouped).map(\n                            ([groupKey, items], gi) => (\n                                <div\n                                    key={groupKey}\n                                    className={cn(\n                                        'pb-space-xs last:pb-0',\n                                        gi > 0 && 'mt-space-md pt-space-xs',\n                                    )}\n                                >\n                                    <div className=\"flex items-center justify-between px-row-x pb-space-2xs\">\n                                        <Text size=\"xs\" type=\"secondary\" weight=\"medium\">\n                                            {groupLabels?.[groupKey as TGroup] ?? groupKey}\n                                        </Text>\n                                        {search.activeTab === 'all' && items.length > 0 && (\n                                            <Button\n                                                type=\"button\"\n                                                variant=\"secondary\"\n                                                buttonStyle=\"ghost\"\n                                                size=\"small\"\n                                                onClick={() =>\n                                                    search.setActiveTab(groupKey as TGroup)\n                                                }\n                                                className=\"h-auto rounded px-1 py-0 text-primary transition-colors hover:underline\"\n                                            >\n                                                <Text\n                                                    tag=\"span\"\n                                                    size=\"xs\"\n                                                    weight=\"medium\"\n                                                    className=\"text-primary\"\n                                                >\n                                                    {strings.seeAll}\n                                                </Text>\n                                            </Button>\n                                        )}\n                                    </div>\n                                    <ul className=\"m-0 list-none space-y-0.5 p-0\">\n                                        {items.map((item) => {\n                                            const isActive =\n                                                search.flat[search.activeIdx]?.id === item.id;\n                                            const ctx = {\n                                                isActive,\n                                                query,\n                                                onSelect: () => onResultSelect?.(item),\n                                            };\n                                            const node = slots?.renderResult ? (\n                                                slots.renderResult(item, ctx)\n                                            ) : (\n                                                <GlobalSearchResultRow<TGroup>\n                                                    result={item}\n                                                    isActive={isActive}\n                                                    query={query}\n                                                    onSelect={ctx.onSelect}\n                                                    onMouseEnter={() =>\n                                                        search.setActiveById(item.id)\n                                                    }\n                                                    toneBg={slots?.toneBg}\n                                                    toneAvatar={slots?.toneAvatar}\n                                                />\n                                            );\n                                            return <li key={item.id}>{node}</li>;\n                                        })}\n                                    </ul>\n                                </div>\n                            ),\n                        )}\n                    </div>\n                )}\n            </div>\n\n            {slots?.footer ?? (\n                <GlobalSearchFooter\n                    navigateLabel={strings.footerNavigate}\n                    openLabel={strings.footerOpen}\n                    closeLabel={strings.footerClose}\n                    trailing={\n                        !isIdle && !isEmpty && results.length > 0 ? (\n                            <Text\n                                tag=\"span\"\n                                size=\"xs\"\n                                type=\"secondary\"\n                                className=\"tabular-nums\"\n                            >\n                                {interpolateString(strings.resultsCount, {\n                                    count: results.length,\n                                })}\n                            </Text>\n                        ) : undefined\n                    }\n                />\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
 import { t as n } from "../../../_shared/button-vv59_uS_.js";
-import { s as r } from "../../../_shared/typography-CzFVA1w1.js";
-import { t as i } from "../../../_shared/badge-BYNwSWh5.js";
-import { t as a } from "../../../_shared/input-BgcP6x4C.js";
+import { s as r } from "../../../_shared/typography-DXvCmE8w.js";
+import { t as i } from "../../../_shared/badge-B4oBB5BJ.js";
+import { t as a } from "../../../_shared/input-Cin0qpjj.js";
 import { o, r as s, t as c } from "../../../_shared/avatar-BagPbPuD.js";
 import * as l from "react";
 import { useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
@@ -129,7 +129,7 @@ function A({ navigateLabel: e, openLabel: n, closeLabel: i, trailing: a, classNa
 				}),
 				/* @__PURE__ */ h(r, {
 					tag: "span",
-					size: "xxs",
+					size: "xs",
 					type: "secondary",
 					children: e
 				}),
@@ -139,7 +139,7 @@ function A({ navigateLabel: e, openLabel: n, closeLabel: i, trailing: a, classNa
 				}),
 				/* @__PURE__ */ h(r, {
 					tag: "span",
-					size: "xxs",
+					size: "xs",
 					type: "secondary",
 					children: n
 				}),
@@ -149,7 +149,7 @@ function A({ navigateLabel: e, openLabel: n, closeLabel: i, trailing: a, classNa
 				}),
 				/* @__PURE__ */ h(r, {
 					tag: "span",
-					size: "xxs",
+					size: "xs",
 					type: "secondary",
 					children: i
 				})
@@ -168,7 +168,7 @@ function j({ sections: e, fallbackIcons: i }) {
 				className: "size-3.5 text-muted-foreground",
 				"aria-hidden": "true"
 			}), /* @__PURE__ */ h(r, {
-				size: "xxs",
+				size: "xs",
 				type: "secondary",
 				weight: "medium",
 				className: "uppercase tracking-wider",
@@ -301,7 +301,7 @@ function I({ result: e, isActive: a = !1, query: l = "", onSelect: u, onMouseEnt
 						src: e.avatar.src,
 						alt: e.title
 					}), /* @__PURE__ */ h(s, {
-						className: t("text-xxs font-semibold", b[e.avatar.tone ?? "default"]),
+						className: t("text-xs font-semibold", b[e.avatar.tone ?? "default"]),
 						children: e.avatar.initials
 					})]
 				}) : v ? /* @__PURE__ */ h("span", {
@@ -364,7 +364,7 @@ function I({ result: e, isActive: a = !1, query: l = "", onSelect: u, onMouseEnt
 					}), n.length === 0 ? null : /* @__PURE__ */ h(r, {
 						size: "inherit",
 						type: "secondary",
-						className: "mt-space-2xs truncate text-xxs",
+						className: "mt-space-2xs truncate text-xs",
 						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",
@@ -385,7 +385,7 @@ function I({ result: e, isActive: a = !1, query: l = "", onSelect: u, onMouseEnt
 						children: e.rightValue
 					}), !!e.rightLabel && /* @__PURE__ */ h(r, {
 						tag: "span",
-						size: "xxs",
+						size: "xs",
 						type: "secondary",
 						className: "mt-0.5 whitespace-nowrap",
 						children: e.rightLabel
@@ -452,7 +452,7 @@ function V({ value: e, onValueChange: n, tabs: i, counts: a }) {
 							className: "global-search-tabs--trigger shrink-0 gap-1.5 px-2.5 text-xs",
 							children: [/* @__PURE__ */ h("span", { children: n.label }), /* @__PURE__ */ h(r, {
 								tag: "span",
-								size: "xxs",
+								size: "xs",
 								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
@@ -543,7 +543,7 @@ function H({ results: i = [], query: a, onQueryChange: o, onResultSelect: s, onC
 									className: "h-auto rounded px-1 py-0 text-primary transition-colors hover:underline",
 									children: /* @__PURE__ */ h(r, {
 										tag: "span",
-										size: "xxs",
+										size: "xs",
 										weight: "medium",
 										className: "text-primary",
 										children: b.seeAll
@@ -578,7 +578,7 @@ function H({ results: i = [], query: a, onQueryChange: o, onResultSelect: s, onC
 				closeLabel: b.footerClose,
 				trailing: !C && !S && i.length > 0 ? /* @__PURE__ */ h(r, {
 					tag: "span",
-					size: "xxs",
+					size: "xs",
 					type: "secondary",
 					className: "tabular-nums",
 					children: E(b.resultsCount, { count: i.length })