admin-ui-starter-kit 0.4.2 → 0.4.3

package/dist/showcase/assets/{global-search-D9XJ747r.js → global-search-Bhl7z_vN.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Er as n,kr as r,r as i,yr as a}from"./example-BIrQab7K.js";import{t as o}from"./arrow-right-Bf1Tl6D5.js";import{t as s}from"./clock-DuBsP5t3.js";import{t as c}from"./sparkles-DFJmoAFP.js";import{t as l}from"./x-BqJnRkKw.js";import{a as u,i as d,k as f,n as p,s as m}from"./index-Cz4UGUT2.js";import{o as h,r as g,t as _}from"./avatar-5EFTnHEG.js";import{t as v}from"./input-BPDdWrB1.js";import{i as y,r as b,t as x}from"./tabs-ePpje8sU.js";var S=u(`ticket`,[[`path`,{d:`M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z`,key:`qn84l0`}],[`path`,{d:`M13 5v2`,key:`dyzc3o`}],[`path`,{d:`M13 17v2`,key:`1ont0d`}],[`path`,{d:`M13 11v2`,key:`1wjjxi`}]]),C=e(t(),1),w=m(),T={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 E(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function D({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 c=(0,C.useMemo)(()=>{let t={};for(let n of e)(t[n.group]??=[]).push(n);return t},[e]),l=(0,C.useMemo)(()=>{let t={all:e.length};for(let[e,n]of Object.entries(c))t[e]=n.length;return t},[e.length,c]),u=(0,C.useMemo)(()=>{if(i===`all`)return c;let e=c[i];return e?{[i]:e}:{}},[c,i]),d=(0,C.useMemo)(()=>i===`all`?e.slice():c[i]??[],[i,c,e]),f=(0,C.useRef)(o);f.current=o;let p=(0,C.useRef)(d);return p.current=d,{grouped:c,tabCounts:l,activeTab:i,setActiveTab:e=>{a(e),s(0)},visibleGrouped:u,flat:d,activeIdx:o,setActiveIdx:s,setActiveById:e=>{let t=p.current.findIndex(t=>t.id===e);t>=0&&s(t)},onKeyDown:e=>{if(e.key===`ArrowDown`)e.preventDefault(),s(e=>Math.min(e+1,p.current.length-1));else if(e.key===`ArrowUp`)e.preventDefault(),s(e=>Math.max(e-1,0));else if(e.key===`Enter`){let t=p.current[f.current];t&&(e.preventDefault(),n?.(t))}else e.key===`Escape`&&r?.()},selectActive:()=>{let e=p.current[f.current];e&&n?.(e)}}}function O({title:e,hint:t}){return(0,w.jsxs)(`div`,{className:`px-6 py-12 text-center`,children:[(0,w.jsx)(`div`,{className:`mx-auto mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted/60`,children:(0,w.jsx)(d,{className:`size-4 text-muted-foreground`,"aria-hidden":`true`})}),(0,w.jsx)(n,{weight:`medium`,children:e}),(0,w.jsx)(n,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})}var k=`rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground`;function A({navigateLabel:e,openLabel:t,closeLabel:r,trailing:i,className:a}){return(0,w.jsxs)(`div`,{className:p(`flex items-center justify-between border-t border-border/60 px-4 py-2`,a),children:[(0,w.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,w.jsx)(`kbd`,{className:k,children:`↑↓`}),(0,w.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,children:e}),(0,w.jsx)(`kbd`,{className:k,children:`↵`}),(0,w.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,children:t}),(0,w.jsx)(`kbd`,{className:k,children:`esc`}),(0,w.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,children:r})]}),i]})}function j({sections:e,fallbackIcons:t}){return(0,w.jsx)(`div`,{className:`space-y-4 px-2 py-3`,children:e.map((e,r)=>(0,w.jsxs)(`div`,{children:[(0,w.jsxs)(`div`,{className:`flex items-center gap-2 px-3 pb-1.5`,children:[(0,w.jsx)(e.icon??(r===0?t?.recent??s:t?.suggestions??c),{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,w.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label})]}),(0,w.jsx)(`ul`,{className:`m-0 list-none space-y-0.5 p-0`,children:e.items.map(e=>{let t=e.icon??d;return(0,w.jsx)(`li`,{children:(0,w.jsxs)(i,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:e.onSelect,className:p(`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,w.jsx)(t,{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,w.jsx)(n,{className:`flex-1 truncate`,children:e.label})]})},e.id)})})]},e.id))})}var M=C.forwardRef(function({value:e,onChange:t,onKeyDown:n,placeholder:a,clearLabel:o=`Clear search`,loading:s=!1,autoFocus:c=!1},u){let f=C.useRef(null);return C.useImperativeHandle(u,()=>f.current),C.useEffect(()=>{c&&f.current?.focus()},[c]),(0,w.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border px-4 py-3`,children:[(0,w.jsx)(d,{className:`size-4 shrink-0 text-muted-foreground`,"aria-hidden":`true`}),(0,w.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,w.jsx)(v,{ref:f,type:`text`,value:e,onChange:e=>t(e.target.value),onKeyDown:n,placeholder:a,"aria-label":a,autoComplete:`off`,spellCheck:!1,size:`sm`,className:`h-auto border-0 bg-transparent px-0 py-0 text-sm shadow-none focus-visible:border-transparent focus-visible:ring-0`})}),s&&(0,w.jsx)(r,{className:`size-4 shrink-0 animate-spin text-muted-foreground`,"aria-hidden":`true`}),!s&&!!e&&(0,w.jsx)(i,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:()=>t(``),"aria-label":o,className:`size-6 rounded text-muted-foreground hover:bg-muted hover:text-foreground`,children:(0,w.jsx)(l,{className:`size-3.5`})})]})}),N={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`},P={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 F(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,w.jsxs)(w.Fragment,{children:[e.slice(0,a),(0,w.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 I({result:e,isActive:t=!1,query:r=``,onSelect:s,onMouseEnter:c,toneBg:l,toneAvatar:u,className:d}){let f=e.thumbnail?.icon,m={...N,...l},v={...P,...u};return(0,w.jsxs)(i,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onMouseEnter:c,onClick:s,className:p(`group/row relative h-auto w-full justify-start gap-3 rounded-lg px-3 py-(--row-py) text-left transition-colors`,t?`bg-muted/60`:`hover:bg-muted/40`,d),children:[(0,w.jsx)(`div`,{className:`flex shrink-0 items-center`,children:e.avatar?(0,w.jsxs)(_,{className:p(`size-8`,v[e.avatar.tone??`default`]),children:[e.avatar.src&&(0,w.jsx)(h,{src:e.avatar.src,alt:e.title}),(0,w.jsx)(g,{className:p(`text-xs font-semibold`,v[e.avatar.tone??`default`]),children:e.avatar.initials})]}):f?(0,w.jsx)(`span`,{className:p(`inline-flex size-8 items-center justify-center rounded-md`,m[e.thumbnail?.tone??`default`]),children:(0,w.jsx)(f,{className:`size-4`,"aria-hidden":`true`})}):null}),(0,w.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,w.jsxs)(`div`,{className:`flex items-center gap-2 leading-tight`,children:[(0,w.jsx)(n,{tag:`span`,weight:`semibold`,className:`truncate`,children:F(e.title,r)}),!!e.badge&&(0,w.jsx)(a,{variant:e.badge.tone===`destructive`?`error`:e.badge.tone,children:e.badge.label})]}),(()=>{let t=[];return e.subtitle&&t.push({key:`subtitle`,node:(0,w.jsx)(`span`,{children:F(e.subtitle,r)})}),e.meta?.forEach((e,n)=>{let r=e.icon;t.push({key:`m-${n}`,node:(0,w.jsxs)(`span`,{className:p(`inline-flex items-center gap-1`,e.mono&&`font-mono tabular-nums`),children:[!!r&&(0,w.jsx)(r,{className:`size-3 shrink-0`,"aria-hidden":`true`}),e.label]})})}),e.timestamp&&t.push({key:`ts`,node:(0,w.jsx)(`span`,{className:`tabular-nums`,children:e.timestamp})}),e.tags?.forEach(e=>t.push({key:`t-${e}`,node:(0,w.jsx)(`span`,{children:e})})),e.rightValue&&t.push({key:`rv`,node:(0,w.jsxs)(`span`,{className:`font-medium tabular-nums text-foreground`,children:[e.rightValue,!!e.rightLabel&&(0,w.jsx)(`span`,{className:`ml-1 font-normal text-muted-foreground`,children:e.rightLabel.toLowerCase()})]})}),t.length===0?null:(0,w.jsx)(n,{size:`xs`,type:`secondary`,className:`mt-0.5 truncate`,children:t.map((e,t)=>(0,w.jsxs)(`span`,{children:[t>0&&(0,w.jsx)(`span`,{"aria-hidden":`true`,className:`mx-1.5 text-muted-foreground/60`,children:`·`}),e.node]},e.key))})})()]}),!!(e.rightValue||e.rightLabel)&&(0,w.jsx)(`div`,{className:`hidden shrink-0 items-center self-stretch border-l border-border/60 pl-3 md:flex`,children:(0,w.jsxs)(`div`,{className:`flex flex-col items-end gap-0 text-right leading-tight`,children:[!!e.rightValue&&(0,w.jsx)(n,{tag:`span`,weight:`semibold`,className:`whitespace-nowrap tabular-nums`,children:e.rightValue}),!!e.rightLabel&&(0,w.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 whitespace-nowrap`,children:e.rightLabel})]})}),(0,w.jsx)(`span`,{"aria-hidden":`true`,className:p(`inline-flex size-7 shrink-0 items-center justify-center rounded-md transition-all`,t?`bg-foreground text-background opacity-100`:`text-muted-foreground opacity-0 group-hover/row:opacity-100`),children:(0,w.jsx)(o,{className:`size-3.5`})})]})}function L({value:e,onValueChange:t,tabs:r,counts:i}){return(0,w.jsx)(`div`,{className:`global-search-tabs--component border-b border-border/60 px-3 py-2`,children:(0,w.jsx)(`div`,{className:`global-search-tabs--scroller -mx-1 overflow-x-auto px-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:(0,w.jsx)(x,{value:e,onValueChange:e=>t(e),className:`min-w-max`,children:(0,w.jsx)(b,{className:`global-search-tabs--list h-8 w-max min-w-max`,children:r.map(t=>{let r=e===t.value,a=i[t.value]??0;return(0,w.jsxs)(y,{value:t.value,className:`global-search-tabs--trigger shrink-0 gap-1.5 px-2.5 text-xs`,children:[(0,w.jsx)(`span`,{children:t.label}),(0,w.jsx)(n,{tag:`span`,size:`xxs`,weight:`medium`,className:p(`global-search-tabs--count rounded px-1 py-0 tabular-nums`,r?`bg-muted text-muted-foreground`:`bg-transparent text-muted-foreground/70`),children:a})]},t.value)})})})})})}function R({results:e=[],query:t,onQueryChange:r,onResultSelect:a,onClose:o,loading:s=!1,idleSections:c,groupLabels:l,autoFocus:u=!1,strings:d,slots:m,tabs:h,className:g}){let _=f(T,d),v=D({results:e,query:t,onResultSelect:a,onClose:o}),y=!s&&t.trim().length>1&&e.length===0,b=!s&&t.trim().length<=1,x=C.useMemo(()=>{if(h)return h;let e=Object.keys(v.grouped);return[{value:`all`,label:_.tabAll},...e.map(e=>({value:e,label:l?.[e]??e}))]},[h,v.grouped,_.tabAll,l]);return(0,w.jsxs)(`div`,{className:p(`global-search--component`,`overflow-hidden rounded-xl border border-border bg-card shadow-2xl`,g),children:[m?.input??(0,w.jsx)(M,{value:t,onChange:r,onKeyDown:v.onKeyDown,placeholder:_.placeholder,clearLabel:_.clear,loading:s,autoFocus:u}),!s&&e.length>0&&(m?.tabs??(0,w.jsx)(L,{value:v.activeTab,onValueChange:v.setActiveTab,tabs:x,counts:v.tabCounts})),(0,w.jsxs)(`div`,{className:`max-h-[520px] overflow-y-auto`,children:[!!b&&(m?.idle??(c&&c.length>0?(0,w.jsx)(j,{sections:c}):null)),!!s&&(m?.loading??(0,w.jsx)(`div`,{className:`flex items-center justify-center px-6 py-12`,children:(0,w.jsx)(n,{type:`secondary`,children:_.loading})})),!!y&&(m?.empty??(0,w.jsx)(O,{title:E(_.emptyTitle,{query:t}),hint:_.emptyHint})),!s&&e.length>0&&(0,w.jsx)(`div`,{className:`px-2 py-2`,children:Object.entries(v.visibleGrouped).map(([e,r],o)=>(0,w.jsxs)(`div`,{className:p(`pb-2 last:pb-0`,o>0&&`mt-3 pt-2`),children:[(0,w.jsxs)(`div`,{className:`flex items-center justify-between px-3 pb-1`,children:[(0,w.jsx)(n,{size:`xs`,type:`secondary`,weight:`medium`,children:l?.[e]??e}),v.activeTab===`all`&&r.length>0&&(0,w.jsx)(i,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>v.setActiveTab(e),className:`h-auto rounded px-1 py-0 text-primary transition-colors hover:underline`,children:(0,w.jsx)(n,{tag:`span`,size:`xxs`,weight:`medium`,className:`text-primary`,children:_.seeAll})})]}),(0,w.jsx)(`ul`,{className:`m-0 list-none space-y-0.5 p-0`,children:r.map(e=>{let n=v.flat[v.activeIdx]?.id===e.id,r={isActive:n,query:t,onSelect:()=>a?.(e)};return(0,w.jsx)(`li`,{children:m?.renderResult?m.renderResult(e,r):(0,w.jsx)(I,{result:e,isActive:n,query:t,onSelect:r.onSelect,onMouseEnter:()=>v.setActiveById(e.id),toneBg:m?.toneBg,toneAvatar:m?.toneAvatar})},e.id)})})]},e))})]}),m?.footer??(0,w.jsx)(A,{navigateLabel:_.footerNavigate,openLabel:_.footerOpen,closeLabel:_.footerClose,trailing:!b&&!y&&e.length>0?(0,w.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:E(_.resultsCount,{count:e.length})}):void 0})]})}export{S as n,R as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Rr as n,Vr as r,jr as i,r as a}from"./example-Cz_880po.js";import{t as o}from"./arrow-right-D6hTB0Bd.js";import{t as s}from"./clock-9xbB7EnW.js";import{t as c}from"./sparkles-N8rqKQez.js";import{t as l}from"./x-D8UN9pOu.js";import{a as u,i as d,k as f,n as p,s as m}from"./index-BQIv1ffM.js";import{o as h,r as g,t as _}from"./avatar-LGWm52rv.js";import{t as v}from"./input-NIgvB9CZ.js";import{i as y,r as b,t as x}from"./tabs-CLcyGwLd.js";var S=u(`ticket`,[[`path`,{d:`M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z`,key:`qn84l0`}],[`path`,{d:`M13 5v2`,key:`dyzc3o`}],[`path`,{d:`M13 17v2`,key:`1ont0d`}],[`path`,{d:`M13 11v2`,key:`1wjjxi`}]]),C=e(t(),1),w=m(),T={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 E(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function D({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 c=(0,C.useMemo)(()=>{let t={};for(let n of e)(t[n.group]??=[]).push(n);return t},[e]),l=(0,C.useMemo)(()=>{let t={all:e.length};for(let[e,n]of Object.entries(c))t[e]=n.length;return t},[e.length,c]),u=(0,C.useMemo)(()=>{if(i===`all`)return c;let e=c[i];return e?{[i]:e}:{}},[c,i]),d=(0,C.useMemo)(()=>i===`all`?e.slice():c[i]??[],[i,c,e]),f=(0,C.useRef)(o);f.current=o;let p=(0,C.useRef)(d);return p.current=d,{grouped:c,tabCounts:l,activeTab:i,setActiveTab:e=>{a(e),s(0)},visibleGrouped:u,flat:d,activeIdx:o,setActiveIdx:s,setActiveById:e=>{let t=p.current.findIndex(t=>t.id===e);t>=0&&s(t)},onKeyDown:e=>{if(e.key===`ArrowDown`)e.preventDefault(),s(e=>Math.min(e+1,p.current.length-1));else if(e.key===`ArrowUp`)e.preventDefault(),s(e=>Math.max(e-1,0));else if(e.key===`Enter`){let t=p.current[f.current];t&&(e.preventDefault(),n?.(t))}else e.key===`Escape`&&r?.()},selectActive:()=>{let e=p.current[f.current];e&&n?.(e)}}}function O({title:e,hint:t}){return(0,w.jsxs)(`div`,{className:`px-6 py-12 text-center`,children:[(0,w.jsx)(`div`,{className:`mx-auto mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted/60`,children:(0,w.jsx)(d,{className:`size-4 text-muted-foreground`,"aria-hidden":`true`})}),(0,w.jsx)(n,{weight:`medium`,children:e}),(0,w.jsx)(n,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})}var k=`rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground`;function A({navigateLabel:e,openLabel:t,closeLabel:r,trailing:i,className:a}){return(0,w.jsxs)(`div`,{className:p(`flex items-center justify-between border-t border-border/60 px-4 py-2`,a),children:[(0,w.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,w.jsx)(`kbd`,{className:k,children:`↑↓`}),(0,w.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,children:e}),(0,w.jsx)(`kbd`,{className:k,children:`↵`}),(0,w.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,children:t}),(0,w.jsx)(`kbd`,{className:k,children:`esc`}),(0,w.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,children:r})]}),i]})}function j({sections:e,fallbackIcons:t}){return(0,w.jsx)(`div`,{className:`space-y-4 px-2 py-3`,children:e.map((e,r)=>(0,w.jsxs)(`div`,{children:[(0,w.jsxs)(`div`,{className:`flex items-center gap-2 px-3 pb-1.5`,children:[(0,w.jsx)(e.icon??(r===0?t?.recent??s:t?.suggestions??c),{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,w.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label})]}),(0,w.jsx)(`ul`,{className:`m-0 list-none space-y-0.5 p-0`,children:e.items.map(e=>{let t=e.icon??d;return(0,w.jsx)(`li`,{children:(0,w.jsxs)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:e.onSelect,className:p(`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,w.jsx)(t,{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,w.jsx)(n,{className:`flex-1 truncate`,children:e.label})]})},e.id)})})]},e.id))})}var M=C.forwardRef(function({value:e,onChange:t,onKeyDown:n,placeholder:i,clearLabel:o=`Clear search`,loading:s=!1,autoFocus:c=!1},u){let f=C.useRef(null);return C.useImperativeHandle(u,()=>f.current),C.useEffect(()=>{c&&f.current?.focus()},[c]),(0,w.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border px-4 py-3`,children:[(0,w.jsx)(d,{className:`size-4 shrink-0 text-muted-foreground`,"aria-hidden":`true`}),(0,w.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,w.jsx)(v,{ref:f,type:`text`,value:e,onChange:e=>t(e.target.value),onKeyDown:n,placeholder:i,"aria-label":i,autoComplete:`off`,spellCheck:!1,size:`sm`,className:`h-auto border-0 bg-transparent px-0 py-0 text-sm shadow-none focus-visible:border-transparent focus-visible:ring-0`})}),s&&(0,w.jsx)(r,{className:`size-4 shrink-0 animate-spin text-muted-foreground`,"aria-hidden":`true`}),!s&&!!e&&(0,w.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,onClick:()=>t(``),"aria-label":o,className:`size-6 rounded text-muted-foreground hover:bg-muted hover:text-foreground`,children:(0,w.jsx)(l,{className:`size-3.5`})})]})}),N={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`},P={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 F(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,w.jsxs)(w.Fragment,{children:[e.slice(0,a),(0,w.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 I({result:e,isActive:t=!1,query:r=``,onSelect:s,onMouseEnter:c,toneBg:l,toneAvatar:u,className:d}){let f=e.thumbnail?.icon,m={...N,...l},v={...P,...u};return(0,w.jsxs)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onMouseEnter:c,onClick:s,className:p(`group/row relative h-auto w-full justify-start gap-3 rounded-lg px-3 py-(--row-py) text-left transition-colors`,t?`bg-muted/60`:`hover:bg-muted/40`,d),children:[(0,w.jsx)(`div`,{className:`flex shrink-0 items-center`,children:e.avatar?(0,w.jsxs)(_,{className:p(`size-8`,v[e.avatar.tone??`default`]),children:[e.avatar.src&&(0,w.jsx)(h,{src:e.avatar.src,alt:e.title}),(0,w.jsx)(g,{className:p(`text-xs font-semibold`,v[e.avatar.tone??`default`]),children:e.avatar.initials})]}):f?(0,w.jsx)(`span`,{className:p(`inline-flex size-8 items-center justify-center rounded-md`,m[e.thumbnail?.tone??`default`]),children:(0,w.jsx)(f,{className:`size-4`,"aria-hidden":`true`})}):null}),(0,w.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,w.jsxs)(`div`,{className:`flex items-center gap-2 leading-tight`,children:[(0,w.jsx)(n,{tag:`span`,weight:`semibold`,className:`truncate`,children:F(e.title,r)}),!!e.badge&&(0,w.jsx)(i,{variant:e.badge.tone===`destructive`?`error`:e.badge.tone,children:e.badge.label})]}),(()=>{let t=[];return e.subtitle&&t.push({key:`subtitle`,node:(0,w.jsx)(`span`,{children:F(e.subtitle,r)})}),e.meta?.forEach((e,n)=>{let r=e.icon;t.push({key:`m-${n}`,node:(0,w.jsxs)(`span`,{className:p(`inline-flex items-center gap-1`,e.mono&&`font-mono tabular-nums`),children:[!!r&&(0,w.jsx)(r,{className:`size-3 shrink-0`,"aria-hidden":`true`}),e.label]})})}),e.timestamp&&t.push({key:`ts`,node:(0,w.jsx)(`span`,{className:`tabular-nums`,children:e.timestamp})}),e.tags?.forEach(e=>t.push({key:`t-${e}`,node:(0,w.jsx)(`span`,{children:e})})),e.rightValue&&t.push({key:`rv`,node:(0,w.jsxs)(`span`,{className:`font-medium tabular-nums text-foreground`,children:[e.rightValue,!!e.rightLabel&&(0,w.jsx)(`span`,{className:`ml-1 font-normal text-muted-foreground`,children:e.rightLabel.toLowerCase()})]})}),t.length===0?null:(0,w.jsx)(n,{size:`xs`,type:`secondary`,className:`mt-0.5 truncate`,children:t.map((e,t)=>(0,w.jsxs)(`span`,{children:[t>0&&(0,w.jsx)(`span`,{"aria-hidden":`true`,className:`mx-1.5 text-muted-foreground/60`,children:`·`}),e.node]},e.key))})})()]}),!!(e.rightValue||e.rightLabel)&&(0,w.jsx)(`div`,{className:`hidden shrink-0 items-center self-stretch border-l border-border/60 pl-3 md:flex`,children:(0,w.jsxs)(`div`,{className:`flex flex-col items-end gap-0 text-right leading-tight`,children:[!!e.rightValue&&(0,w.jsx)(n,{tag:`span`,weight:`semibold`,className:`whitespace-nowrap tabular-nums`,children:e.rightValue}),!!e.rightLabel&&(0,w.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 whitespace-nowrap`,children:e.rightLabel})]})}),(0,w.jsx)(`span`,{"aria-hidden":`true`,className:p(`inline-flex size-7 shrink-0 items-center justify-center rounded-md transition-all`,t?`bg-foreground text-background opacity-100`:`text-muted-foreground opacity-0 group-hover/row:opacity-100`),children:(0,w.jsx)(o,{className:`size-3.5`})})]})}function L({value:e,onValueChange:t,tabs:r,counts:i}){return(0,w.jsx)(`div`,{className:`global-search-tabs--component border-b border-border/60 px-3 py-2`,children:(0,w.jsx)(`div`,{className:`global-search-tabs--scroller -mx-1 overflow-x-auto px-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:(0,w.jsx)(x,{value:e,onValueChange:e=>t(e),className:`min-w-max`,children:(0,w.jsx)(b,{className:`global-search-tabs--list h-8 w-max min-w-max`,children:r.map(t=>{let r=e===t.value,a=i[t.value]??0;return(0,w.jsxs)(y,{value:t.value,className:`global-search-tabs--trigger shrink-0 gap-1.5 px-2.5 text-xs`,children:[(0,w.jsx)(`span`,{children:t.label}),(0,w.jsx)(n,{tag:`span`,size:`xxs`,weight:`medium`,className:p(`global-search-tabs--count rounded px-1 py-0 tabular-nums`,r?`bg-muted text-muted-foreground`:`bg-transparent text-muted-foreground/70`),children:a})]},t.value)})})})})})}function R({results:e=[],query:t,onQueryChange:r,onResultSelect:i,onClose:o,loading:s=!1,idleSections:c,groupLabels:l,autoFocus:u=!1,strings:d,slots:m,tabs:h,className:g}){let _=f(T,d),v=D({results:e,query:t,onResultSelect:i,onClose:o}),y=!s&&t.trim().length>1&&e.length===0,b=!s&&t.trim().length<=1,x=C.useMemo(()=>{if(h)return h;let e=Object.keys(v.grouped);return[{value:`all`,label:_.tabAll},...e.map(e=>({value:e,label:l?.[e]??e}))]},[h,v.grouped,_.tabAll,l]);return(0,w.jsxs)(`div`,{className:p(`global-search--component`,`overflow-hidden rounded-xl border border-border bg-card shadow-2xl`,g),children:[m?.input??(0,w.jsx)(M,{value:t,onChange:r,onKeyDown:v.onKeyDown,placeholder:_.placeholder,clearLabel:_.clear,loading:s,autoFocus:u}),!s&&e.length>0&&(m?.tabs??(0,w.jsx)(L,{value:v.activeTab,onValueChange:v.setActiveTab,tabs:x,counts:v.tabCounts})),(0,w.jsxs)(`div`,{className:`max-h-[520px] overflow-y-auto`,children:[!!b&&(m?.idle??(c&&c.length>0?(0,w.jsx)(j,{sections:c}):null)),!!s&&(m?.loading??(0,w.jsx)(`div`,{className:`flex items-center justify-center px-6 py-12`,children:(0,w.jsx)(n,{type:`secondary`,children:_.loading})})),!!y&&(m?.empty??(0,w.jsx)(O,{title:E(_.emptyTitle,{query:t}),hint:_.emptyHint})),!s&&e.length>0&&(0,w.jsx)(`div`,{className:`px-2 py-2`,children:Object.entries(v.visibleGrouped).map(([e,r],o)=>(0,w.jsxs)(`div`,{className:p(`pb-2 last:pb-0`,o>0&&`mt-3 pt-2`),children:[(0,w.jsxs)(`div`,{className:`flex items-center justify-between px-3 pb-1`,children:[(0,w.jsx)(n,{size:`xs`,type:`secondary`,weight:`medium`,children:l?.[e]??e}),v.activeTab===`all`&&r.length>0&&(0,w.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>v.setActiveTab(e),className:`h-auto rounded px-1 py-0 text-primary transition-colors hover:underline`,children:(0,w.jsx)(n,{tag:`span`,size:`xxs`,weight:`medium`,className:`text-primary`,children:_.seeAll})})]}),(0,w.jsx)(`ul`,{className:`m-0 list-none space-y-0.5 p-0`,children:r.map(e=>{let n=v.flat[v.activeIdx]?.id===e.id,r={isActive:n,query:t,onSelect:()=>i?.(e)};return(0,w.jsx)(`li`,{children:m?.renderResult?m.renderResult(e,r):(0,w.jsx)(I,{result:e,isActive:n,query:t,onSelect:r.onSelect,onMouseEnter:()=>v.setActiveById(e.id),toneBg:m?.toneBg,toneAvatar:m?.toneAvatar})},e.id)})})]},e))})]}),m?.footer??(0,w.jsx)(A,{navigateLabel:_.footerNavigate,openLabel:_.footerOpen,closeLabel:_.footerClose,trailing:!b&&!y&&e.length>0?(0,w.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:E(_.resultsCount,{count:e.length})}):void 0})]})}export{S as n,R as t};

package/dist/showcase/assets/{global-search-C2R_3Pb3.js → global-search-C4yaPFSW.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{hr as r,mr as i,t as a}from"./example-BIrQab7K.js";import{t as o}from"./briefcase-B_Uti-Iu.js";import{t as s}from"./clock-DuBsP5t3.js";import{t as c}from"./file-text-D3AE37vP.js";import{n as l,t as u}from"./global-search-D9XJ747r.js";import{t as d}from"./user-Bqmz8M16.js";import{a as f,s as p}from"./index-Cz4UGUT2.js";import{t as m}from"./props-table-BR-KjRNe.js";import{r as h}from"./fetchers-DHuMQ6PN.js";var g=f(`package-search`,[[`path`,{d:`M12 22V12`,key:`d0xqtd`}],[`path`,{d:`M20.27 18.27 22 20`,key:`er2am`}],[`path`,{d:`M21 10.498V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.729l7 4a2 2 0 0 0 2 .001l.98-.559`,key:`tok1h1`}],[`path`,{d:`M3.29 7 12 12l8.71-5`,key:`19ckod`}],[`path`,{d:`m7.5 4.27 8.997 5.148`,key:`9yrvtv`}],[`circle`,{cx:`18.5`,cy:`16.5`,r:`2.5`,key:`ke13xx`}]]),_=e({Default:()=>E,EmptyState:()=>A,IdleSuggestions:()=>D,LoadingState:()=>k,PopulatedResults:()=>O}),v=t(n(),1),y=p(),b={customer:`Customers`,order:`Orders`,voucher:`Vouchers`,team:`Team`},x={customer:d,order:c,voucher:l,team:o},S={customer:`primary`,order:`info`,voucher:`success`,team:`warning`},C=[{id:`customer-sarah`,title:`Sarah Smitha`,subtitle:`sarah@example.com`,group:`customer`,avatar:{initials:`SS`,tone:`primary`},badge:{label:`VIP`,tone:`success`},timestamp:`2m ago`},{id:`order-392`,title:`ORD-2026-0392`,subtitle:`Balsamic tasting set`,group:`order`,thumbnail:{icon:c,tone:`info`},rightValue:`320 USD`,rightLabel:`Total`},{id:`voucher-spring`,title:`SPRING-2026`,subtitle:`Campaign voucher`,group:`voucher`,thumbnail:{icon:l,tone:`success`},badge:{label:`Active`,tone:`success`}},{id:`team-daniel`,title:`Daniel Smith`,subtitle:`Operations manager`,group:`team`,avatar:{initials:`DS`,tone:`warning`},tags:[`Orders`,`Fulfillment`]}],w=[{id:`recent`,label:`Recent searches`,icon:s,items:[{id:`recent-1`,label:`ORD-2026-0392`,icon:c},{id:`recent-2`,label:`Sarah Smitha`,icon:d}]},{id:`suggested`,label:`Suggested`,icon:g,items:[{id:`suggested-1`,label:`Open vouchers`,icon:l},{id:`suggested-2`,label:`Fulfillment team`,icon:o}]}];function T(e){return{id:e.id,title:e.title,subtitle:e.subtitle,group:e.type,thumbnail:{icon:x[e.type],tone:S[e.type]}}}function E(){let[e,t]=(0,v.useState)(``),[n,r]=(0,v.useState)([]),[i,a]=(0,v.useState)(!1);return(0,v.useEffect)(()=>{let t=e.trim();if(t.length<=1){r([]),a(!1);return}let n=!1;return a(!0),h(t).then(e=>{n||(r(e.map(T)),a(!1))}),()=>{n=!0}},[e]),(0,y.jsx)(`div`,{className:`w-full`,children:(0,y.jsx)(u,{query:e,onQueryChange:t,results:n,loading:i,groupLabels:(0,v.useMemo)(()=>b,[]),onResultSelect:e=>{},onClose:()=>t(``)})})}function D(){let[e,t]=(0,v.useState)(``);return(0,y.jsx)(`div`,{className:`w-full`,children:(0,y.jsx)(u,{query:e,onQueryChange:t,results:[],idleSections:w,groupLabels:(0,v.useMemo)(()=>b,[])})})}function O(){let[e,t]=(0,v.useState)(`sa`);return(0,y.jsx)(`div`,{className:`w-full`,children:(0,y.jsx)(u,{query:e,onQueryChange:t,results:C,groupLabels:(0,v.useMemo)(()=>b,[])})})}function k(){let[e,t]=(0,v.useState)(`order`);return(0,y.jsx)(`div`,{className:`w-full`,children:(0,y.jsx)(u,{query:e,onQueryChange:t,results:[],loading:!0,groupLabels:(0,v.useMemo)(()=>b,[])})})}function A(){let[e,t]=(0,v.useState)(`zzzz`);return(0,y.jsx)(`div`,{className:`w-full`,children:(0,y.jsx)(u,{query:e,onQueryChange:t,results:[],groupLabels:(0,v.useMemo)(()=>b,[])})})}var j=`import { Briefcase, Clock, FileText, PackageSearch, Ticket, User } from 'lucide-react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,t as a}from"./example-Cz_880po.js";import{t as o}from"./briefcase-0WhUdLn5.js";import{t as s}from"./clock-9xbB7EnW.js";import{t as c}from"./file-text-DwqbUujq.js";import{n as l,t as u}from"./global-search-Bhl7z_vN.js";import{t as d}from"./user-BZog6aIh.js";import{a as f,s as p}from"./index-BQIv1ffM.js";import{t as m}from"./props-table-2pIZzGC-.js";import{r as h}from"./fetchers-DHuMQ6PN.js";var g=f(`package-search`,[[`path`,{d:`M12 22V12`,key:`d0xqtd`}],[`path`,{d:`M20.27 18.27 22 20`,key:`er2am`}],[`path`,{d:`M21 10.498V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.729l7 4a2 2 0 0 0 2 .001l.98-.559`,key:`tok1h1`}],[`path`,{d:`M3.29 7 12 12l8.71-5`,key:`19ckod`}],[`path`,{d:`m7.5 4.27 8.997 5.148`,key:`9yrvtv`}],[`circle`,{cx:`18.5`,cy:`16.5`,r:`2.5`,key:`ke13xx`}]]),_=e({Default:()=>E,EmptyState:()=>A,IdleSuggestions:()=>D,LoadingState:()=>k,PopulatedResults:()=>O}),v=t(n(),1),y=p(),b={customer:`Customers`,order:`Orders`,voucher:`Vouchers`,team:`Team`},x={customer:d,order:c,voucher:l,team:o},S={customer:`primary`,order:`info`,voucher:`success`,team:`warning`},C=[{id:`customer-sarah`,title:`Sarah Smitha`,subtitle:`sarah@example.com`,group:`customer`,avatar:{initials:`SS`,tone:`primary`},badge:{label:`VIP`,tone:`success`},timestamp:`2m ago`},{id:`order-392`,title:`ORD-2026-0392`,subtitle:`Balsamic tasting set`,group:`order`,thumbnail:{icon:c,tone:`info`},rightValue:`320 USD`,rightLabel:`Total`},{id:`voucher-spring`,title:`SPRING-2026`,subtitle:`Campaign voucher`,group:`voucher`,thumbnail:{icon:l,tone:`success`},badge:{label:`Active`,tone:`success`}},{id:`team-daniel`,title:`Daniel Smith`,subtitle:`Operations manager`,group:`team`,avatar:{initials:`DS`,tone:`warning`},tags:[`Orders`,`Fulfillment`]}],w=[{id:`recent`,label:`Recent searches`,icon:s,items:[{id:`recent-1`,label:`ORD-2026-0392`,icon:c},{id:`recent-2`,label:`Sarah Smitha`,icon:d}]},{id:`suggested`,label:`Suggested`,icon:g,items:[{id:`suggested-1`,label:`Open vouchers`,icon:l},{id:`suggested-2`,label:`Fulfillment team`,icon:o}]}];function T(e){return{id:e.id,title:e.title,subtitle:e.subtitle,group:e.type,thumbnail:{icon:x[e.type],tone:S[e.type]}}}function E(){let[e,t]=(0,v.useState)(``),[n,r]=(0,v.useState)([]),[i,a]=(0,v.useState)(!1);return(0,v.useEffect)(()=>{let t=e.trim();if(t.length<=1){r([]),a(!1);return}let n=!1;return a(!0),h(t).then(e=>{n||(r(e.map(T)),a(!1))}),()=>{n=!0}},[e]),(0,y.jsx)(`div`,{className:`w-full`,children:(0,y.jsx)(u,{query:e,onQueryChange:t,results:n,loading:i,groupLabels:(0,v.useMemo)(()=>b,[]),onResultSelect:e=>{},onClose:()=>t(``)})})}function D(){let[e,t]=(0,v.useState)(``);return(0,y.jsx)(`div`,{className:`w-full`,children:(0,y.jsx)(u,{query:e,onQueryChange:t,results:[],idleSections:w,groupLabels:(0,v.useMemo)(()=>b,[])})})}function O(){let[e,t]=(0,v.useState)(`sa`);return(0,y.jsx)(`div`,{className:`w-full`,children:(0,y.jsx)(u,{query:e,onQueryChange:t,results:C,groupLabels:(0,v.useMemo)(()=>b,[])})})}function k(){let[e,t]=(0,v.useState)(`order`);return(0,y.jsx)(`div`,{className:`w-full`,children:(0,y.jsx)(u,{query:e,onQueryChange:t,results:[],loading:!0,groupLabels:(0,v.useMemo)(()=>b,[])})})}function A(){let[e,t]=(0,v.useState)(`zzzz`);return(0,y.jsx)(`div`,{className:`w-full`,children:(0,y.jsx)(u,{query:e,onQueryChange:t,results:[],groupLabels:(0,v.useMemo)(()=>b,[])})})}var j=`import { Briefcase, Clock, FileText, PackageSearch, Ticket, User } from 'lucide-react';
 import { useEffect, useMemo, useState } from 'react';
 
 import {

package/dist/showcase/assets/{globe-BJHI134i.js → globe-BCikLfKc.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`globe`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20`,key:`13o1zl`}],[`path`,{d:`M2 12h20`,key:`9i4pu4`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`globe`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20`,key:`13o1zl`}],[`path`,{d:`M2 12h20`,key:`9i4pu4`}]]);export{t};

package/dist/showcase/assets/{gradient-card-CV8w2JG5.js → gradient-card-Dh_5ZYv0.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,Tr as i,hr as a,mr as o,r as s,t as c}from"./example-BIrQab7K.js";import{t as l}from"./dollar-sign-DlK6XF_v.js";import{t as u}from"./shopping-bag-B5BzpLV5.js";import{t as d}from"./sparkles-DFJmoAFP.js";import{t as f}from"./users-ERTaffcv.js";import{n as p,s as m}from"./index-Cz4UGUT2.js";import{t as h}from"./props-table-BR-KjRNe.js";var g=t(n(),1),_=m(),v={coral:`bg-gradient-to-br from-destructive to-warning`,ocean:`bg-gradient-to-br from-info to-primary`,forest:`bg-gradient-to-br from-success to-info`,twilight:`bg-gradient-to-br from-foreground to-info`,ember:`bg-gradient-to-br from-destructive via-warning to-destructive`};function y(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`div`,{className:`absolute -right-12 -top-12 h-44 w-44 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,_.jsx)(`div`,{className:`absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]})}function b(){let e=`gradient-card-diag-stripes-${(0,g.useId)().replace(/:/g,``)}`;return(0,_.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-[0.04]`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,_.jsx)(`defs`,{children:(0,_.jsx)(`pattern`,{id:e,width:`8`,height:`8`,patternUnits:`userSpaceOnUse`,patternTransform:`rotate(45)`,children:(0,_.jsx)(`rect`,{width:`2`,height:`8`,className:`fill-inverse-foreground`})})}),(0,_.jsx)(`rect`,{width:`100%`,height:`100%`,fill:`url(#${e})`})]})}var x={none:null,circles:()=>(0,_.jsx)(y,{}),diagonal:()=>(0,_.jsx)(b,{})};function S({gradient:e=`coral`,pattern:t=`none`,title:n,subtitle:a,value:o,valueLabel:c,badge:l,icon:u,alertText:d,alertCount:f,action:m,footer:h,children:g,className:y}){let b=x[t],S=!!(n||a||u);return(0,_.jsxs)(`div`,{className:p(`gradient-card--component relative overflow-hidden rounded-lg`,v[e],y),children:[!!b&&b(),(0,_.jsxs)(`div`,{className:`relative flex flex-col gap-5 p-6`,children:[!!S&&(0,_.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,_.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[!!n&&(0,_.jsx)(r,{weight:`semibold`,className:`tracking-tight leading-snug text-inverse-foreground`,children:n}),!!a&&(0,_.jsx)(r,{size:`xs`,className:`mt-0.5 leading-snug text-inverse-muted`,children:a})]}),!!u&&(0,_.jsx)(`span`,{"aria-hidden":`true`,className:`inline-flex size-10 shrink-0 items-center justify-center rounded-xl bg-inverse-surface text-inverse-foreground ring-1 ring-inverse-border backdrop-blur-sm`,children:(0,_.jsx)(u,{className:`size-5`})})]}),!!o&&(0,_.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,_.jsx)(i,{tag:`h3`,align:`left`,className:`text-4xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:o}),(c||l)&&(0,_.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[!!c&&(0,_.jsx)(r,{size:`xs`,className:`leading-snug text-inverse-muted`,children:c}),!!l&&(0,_.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface-strong px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wider text-inverse-foreground backdrop-blur-sm`,children:l})]})]}),!!d&&(0,_.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl bg-inverse-surface px-3.5 py-2.5 ring-1 ring-inverse-border backdrop-blur-sm`,children:[(0,_.jsx)(r,{className:`min-w-0 flex-1 leading-snug text-inverse-foreground`,children:d}),!!f&&(0,_.jsx)(`span`,{className:`inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-inverse-surface-strong px-1.5 text-xs font-bold tabular-nums text-inverse-foreground`,children:f})]}),!!g&&(0,_.jsx)(`div`,{children:g}),(!!m||!!h)&&(0,_.jsxs)(`div`,{className:`flex items-center justify-between gap-3 pt-1`,children:[m?(0,_.jsx)(s,{variant:`dark`,onClick:m.onClick,className:`rounded-xl px-4`,children:m.label}):(0,_.jsx)(`span`,{}),!!h&&(0,_.jsx)(r,{size:`xs`,className:`text-inverse-muted`,children:h})]})]})]})}S.displayName=`GradientCard`;function C({gradient:e=`coral`,pattern:t=`none`,title:n,value:a,change:o,subtitle:s,className:c}){let l=x[t];return(0,_.jsxs)(`div`,{className:p(`gradient-card-compact--component relative overflow-hidden rounded-lg`,v[e],c),children:[!!l&&l(),(0,_.jsxs)(`div`,{className:`relative flex flex-col gap-1 p-5`,children:[!!n&&(0,_.jsx)(r,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-inverse-muted`,children:n}),(0,_.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!a&&(0,_.jsx)(i,{tag:`h4`,align:`left`,className:`text-2xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:a}),!!o&&(0,_.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface px-2 py-0.5 text-xs font-semibold tabular-nums text-inverse-foreground backdrop-blur-sm`,children:o})]}),!!s&&(0,_.jsx)(r,{size:`xs`,className:`leading-snug text-inverse-subtle`,children:s})]})]})}C.displayName=`GradientCardCompact`;var w=e({CompactAllGradients:()=>D,HeroCardWithAction:()=>E,HeroVariants:()=>O}),T=[`coral`,`ocean`,`forest`,`twilight`,`ember`];function E(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(S,{gradient:`coral`,pattern:`circles`,title:`Pending Orders`,subtitle:`Requires attention`,value:`24`,valueLabel:`orders awaiting fulfillment`,badge:`Urgent`,alertText:`3 orders older than 48h`,alertCount:3,icon:u,action:{label:`Review Orders`,onClick:()=>{}}})})}function D(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-5`,children:T.map(e=>(0,_.jsx)(C,{gradient:e,pattern:e===`ocean`||e===`ember`?`circles`:e===`twilight`?`diagonal`:`none`,title:e,value:`42`,change:`+5%`,subtitle:`this month`},e))})})}function O(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,_.jsx)(S,{gradient:`ocean`,title:`Monthly Sales`,subtitle:`March 2026`,value:`52,340 USD`,badge:`+12.5%`,icon:l,action:{label:`View Report`,onClick:()=>{}}}),(0,_.jsx)(S,{gradient:`forest`,pattern:`diagonal`,title:`New Customers`,subtitle:`This week`,value:`248`,icon:f,action:{label:`See list`,onClick:()=>{}}}),(0,_.jsx)(S,{gradient:`twilight`,title:`AI Insights`,subtitle:`Recent`,value:`—`,icon:d}),(0,_.jsx)(S,{gradient:`ember`,pattern:`circles`,title:`Critical alerts`,subtitle:`Last 24h`,value:`3`,alertText:`Investigate immediately`,alertCount:3})]})})}var k=`import { ShoppingBag, DollarSign, Users, Sparkles } from 'lucide-react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Lr as a,Rr as o,r as s,t as c}from"./example-Cz_880po.js";import{t as l}from"./dollar-sign-BXD_x2mP.js";import{t as u}from"./shopping-bag-XmeqUqk9.js";import{t as d}from"./sparkles-N8rqKQez.js";import{t as f}from"./users-BgXAp2UO.js";import{n as p,s as m}from"./index-BQIv1ffM.js";import{t as h}from"./props-table-2pIZzGC-.js";var g=t(n(),1),_=m(),v={coral:`bg-gradient-to-br from-destructive to-warning`,ocean:`bg-gradient-to-br from-info to-primary`,forest:`bg-gradient-to-br from-success to-info`,twilight:`bg-gradient-to-br from-foreground to-info`,ember:`bg-gradient-to-br from-destructive via-warning to-destructive`};function y(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`div`,{className:`absolute -right-12 -top-12 h-44 w-44 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,_.jsx)(`div`,{className:`absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]})}function b(){let e=`gradient-card-diag-stripes-${(0,g.useId)().replace(/:/g,``)}`;return(0,_.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-[0.04]`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,_.jsx)(`defs`,{children:(0,_.jsx)(`pattern`,{id:e,width:`8`,height:`8`,patternUnits:`userSpaceOnUse`,patternTransform:`rotate(45)`,children:(0,_.jsx)(`rect`,{width:`2`,height:`8`,className:`fill-inverse-foreground`})})}),(0,_.jsx)(`rect`,{width:`100%`,height:`100%`,fill:`url(#${e})`})]})}var x={none:null,circles:()=>(0,_.jsx)(y,{}),diagonal:()=>(0,_.jsx)(b,{})};function S({gradient:e=`coral`,pattern:t=`none`,title:n,subtitle:r,value:i,valueLabel:c,badge:l,icon:u,alertText:d,alertCount:f,action:m,footer:h,children:g,className:y}){let b=x[t],S=!!(n||r||u);return(0,_.jsxs)(`div`,{className:p(`gradient-card--component relative overflow-hidden rounded-lg`,v[e],y),children:[!!b&&b(),(0,_.jsxs)(`div`,{className:`relative flex flex-col gap-5 p-6`,children:[!!S&&(0,_.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,_.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[!!n&&(0,_.jsx)(o,{weight:`semibold`,className:`tracking-tight leading-snug text-inverse-foreground`,children:n}),!!r&&(0,_.jsx)(o,{size:`xs`,className:`mt-0.5 leading-snug text-inverse-muted`,children:r})]}),!!u&&(0,_.jsx)(`span`,{"aria-hidden":`true`,className:`inline-flex size-10 shrink-0 items-center justify-center rounded-xl bg-inverse-surface text-inverse-foreground ring-1 ring-inverse-border backdrop-blur-sm`,children:(0,_.jsx)(u,{className:`size-5`})})]}),!!i&&(0,_.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,_.jsx)(a,{tag:`h3`,align:`left`,className:`text-4xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:i}),(c||l)&&(0,_.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[!!c&&(0,_.jsx)(o,{size:`xs`,className:`leading-snug text-inverse-muted`,children:c}),!!l&&(0,_.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface-strong px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wider text-inverse-foreground backdrop-blur-sm`,children:l})]})]}),!!d&&(0,_.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl bg-inverse-surface px-3.5 py-2.5 ring-1 ring-inverse-border backdrop-blur-sm`,children:[(0,_.jsx)(o,{className:`min-w-0 flex-1 leading-snug text-inverse-foreground`,children:d}),!!f&&(0,_.jsx)(`span`,{className:`inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-inverse-surface-strong px-1.5 text-xs font-bold tabular-nums text-inverse-foreground`,children:f})]}),!!g&&(0,_.jsx)(`div`,{children:g}),(!!m||!!h)&&(0,_.jsxs)(`div`,{className:`flex items-center justify-between gap-3 pt-1`,children:[m?(0,_.jsx)(s,{variant:`dark`,onClick:m.onClick,className:`rounded-xl px-4`,children:m.label}):(0,_.jsx)(`span`,{}),!!h&&(0,_.jsx)(o,{size:`xs`,className:`text-inverse-muted`,children:h})]})]})]})}S.displayName=`GradientCard`;function C({gradient:e=`coral`,pattern:t=`none`,title:n,value:r,change:i,subtitle:s,className:c}){let l=x[t];return(0,_.jsxs)(`div`,{className:p(`gradient-card-compact--component relative overflow-hidden rounded-lg`,v[e],c),children:[!!l&&l(),(0,_.jsxs)(`div`,{className:`relative flex flex-col gap-1 p-5`,children:[!!n&&(0,_.jsx)(o,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-inverse-muted`,children:n}),(0,_.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!r&&(0,_.jsx)(a,{tag:`h4`,align:`left`,className:`text-2xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:r}),!!i&&(0,_.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface px-2 py-0.5 text-xs font-semibold tabular-nums text-inverse-foreground backdrop-blur-sm`,children:i})]}),!!s&&(0,_.jsx)(o,{size:`xs`,className:`leading-snug text-inverse-subtle`,children:s})]})]})}C.displayName=`GradientCardCompact`;var w=e({CompactAllGradients:()=>D,HeroCardWithAction:()=>E,HeroVariants:()=>O}),T=[`coral`,`ocean`,`forest`,`twilight`,`ember`];function E(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(S,{gradient:`coral`,pattern:`circles`,title:`Pending Orders`,subtitle:`Requires attention`,value:`24`,valueLabel:`orders awaiting fulfillment`,badge:`Urgent`,alertText:`3 orders older than 48h`,alertCount:3,icon:u,action:{label:`Review Orders`,onClick:()=>{}}})})}function D(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-5`,children:T.map(e=>(0,_.jsx)(C,{gradient:e,pattern:e===`ocean`||e===`ember`?`circles`:e===`twilight`?`diagonal`:`none`,title:e,value:`42`,change:`+5%`,subtitle:`this month`},e))})})}function O(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,_.jsx)(S,{gradient:`ocean`,title:`Monthly Sales`,subtitle:`March 2026`,value:`52,340 USD`,badge:`+12.5%`,icon:l,action:{label:`View Report`,onClick:()=>{}}}),(0,_.jsx)(S,{gradient:`forest`,pattern:`diagonal`,title:`New Customers`,subtitle:`This week`,value:`248`,icon:f,action:{label:`See list`,onClick:()=>{}}}),(0,_.jsx)(S,{gradient:`twilight`,title:`AI Insights`,subtitle:`Recent`,value:`—`,icon:d}),(0,_.jsx)(S,{gradient:`ember`,pattern:`circles`,title:`Critical alerts`,subtitle:`Last 24h`,value:`3`,alertText:`Investigate immediately`,alertCount:3})]})})}var k=`import { ShoppingBag, DollarSign, Users, Sparkles } from 'lucide-react';
 import { GradientCard, GradientCardCompact, type GradientPreset } from '@/components/composed/cards/gradient-card';
 
 const PRESETS: GradientPreset[] = ['coral', 'ocean', 'forest', 'twilight', 'ember'];
@@ -55,4 +55,4 @@ export function HeroVariants() {
 		</>
 	);
 }
-`;function A(e){let t={h4:`h4`,...e.components};return w||M(`Examples`,!1),D||M(`Examples.CompactAllGradients`,!0),E||M(`Examples.HeroCardWithAction`,!0),O||M(`Examples.HeroVariants`,!0),(0,_.jsxs)(a,{title:`Composed · Gradient card`,description:`Vivid gradient card with optional pattern, badge, alert, action.`,layer:`composed`,status:`ready`,children:[(0,_.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,_.jsx)(c,{name:`HeroCardWithAction`,source:k,children:(0,_.jsx)(E,{})}),(0,_.jsx)(c,{name:`CompactAllGradients`,source:k,children:(0,_.jsx)(D,{})}),(0,_.jsx)(c,{name:`HeroVariants`,source:k,children:(0,_.jsx)(O,{})})]}),(0,_.jsxs)(o,{title:`API`,id:`api`,children:[(0,_.jsx)(t.h4,{children:`GradientCard`}),(0,_.jsx)(h,{component:`GradientCard`}),(0,_.jsx)(t.h4,{children:`GradientCardCompact`}),(0,_.jsx)(h,{component:`GradientCardCompact`})]})]})}function j(e={}){let{wrapper:t}=e.components||{};return t?(0,_.jsx)(t,{...e,children:(0,_.jsx)(A,{...e})}):A(e)}function M(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default};
+`;function A(e){let t={h4:`h4`,...e.components};return w||M(`Examples`,!1),D||M(`Examples.CompactAllGradients`,!0),E||M(`Examples.HeroCardWithAction`,!0),O||M(`Examples.HeroVariants`,!0),(0,_.jsxs)(r,{title:`Composed · Gradient card`,description:`Vivid gradient card with optional pattern, badge, alert, action.`,layer:`composed`,status:`ready`,children:[(0,_.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,_.jsx)(c,{name:`HeroCardWithAction`,source:k,children:(0,_.jsx)(E,{})}),(0,_.jsx)(c,{name:`CompactAllGradients`,source:k,children:(0,_.jsx)(D,{})}),(0,_.jsx)(c,{name:`HeroVariants`,source:k,children:(0,_.jsx)(O,{})})]}),(0,_.jsxs)(i,{title:`API`,id:`api`,children:[(0,_.jsx)(t.h4,{children:`GradientCard`}),(0,_.jsx)(h,{component:`GradientCard`}),(0,_.jsx)(t.h4,{children:`GradientCardCompact`}),(0,_.jsx)(h,{component:`GradientCardCompact`})]})]})}function j(e={}){let{wrapper:t}=e.components||{};return t?(0,_.jsx)(t,{...e,children:(0,_.jsx)(A,{...e})}):A(e)}function M(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default};

package/dist/showcase/assets/{hash-CtBGoIvf.js → hash-C8m0EECO.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`hash`,[[`line`,{x1:`4`,x2:`20`,y1:`9`,y2:`9`,key:`4lhtct`}],[`line`,{x1:`4`,x2:`20`,y1:`15`,y2:`15`,key:`vyu0kd`}],[`line`,{x1:`10`,x2:`8`,y1:`3`,y2:`21`,key:`1ggp8o`}],[`line`,{x1:`16`,x2:`14`,y1:`3`,y2:`21`,key:`weycgp`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`hash`,[[`line`,{x1:`4`,x2:`20`,y1:`9`,y2:`9`,key:`4lhtct`}],[`line`,{x1:`4`,x2:`20`,y1:`15`,y2:`15`,key:`vyu0kd`}],[`line`,{x1:`10`,x2:`8`,y1:`3`,y2:`21`,key:`1ggp8o`}],[`line`,{x1:`16`,x2:`14`,y1:`3`,y2:`21`,key:`weycgp`}]]);export{t};

package/dist/showcase/assets/{header-B3FSlVv4.js → header-BXjw7Lm_.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{y as n}from"./sidebar.context-BCb20eIt.js";import{n as r,s as i}from"./index-Cz4UGUT2.js";import{t as a}from"./separator-BjGdXNcn.js";import{t as o}from"./breadcrumbs-D_lniGJs.js";import{t as s}from"./use-layout-link-BK_oEoBg.js";var c=e(t(),1),l=i();function u({breadcrumbs:e=[],homeBreadcrumb:t=null,showSidebarTrigger:i=!0,triggerSlot:u,renderLink:d,LinkComponent:f,className:p}){let m=s({renderLink:d,LinkComponent:f}),h=c.useMemo(()=>{let n=[];return t&&n.push(t),n.push(...e),n},[t,e]),g=h.length>0;return(0,l.jsxs)(`div`,{className:r(`relative flex min-h-9 min-w-0 items-stretch gap-3 overflow-hidden`,p),children:[!!i&&(0,l.jsx)(`div`,{className:`relative flex min-h-9 items-center justify-center gap-2`,children:u??(0,l.jsx)(n,{className:`size-7 [&_svg]:size-4`})}),!!g&&(0,l.jsxs)(l.Fragment,{children:[!!i&&(0,l.jsx)(a,{orientation:`vertical`,className:`h-auto self-stretch`}),(0,l.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center overflow-hidden`,children:(0,l.jsx)(o,{breadcrumbs:h,size:`xs`,renderLink:m,className:r(`min-w-0 overflow-hidden`,`[&_[data-slot=breadcrumb-list]]:flex-nowrap [&_[data-slot=breadcrumb-list]]:overflow-hidden [&_[data-slot=breadcrumb-list]]:break-normal`,`[&_[data-slot=breadcrumb-item]]:min-w-0 [&_[data-slot=breadcrumb-item]]:shrink`,`[&_[data-slot=breadcrumb-link]]:truncate [&_[data-slot=breadcrumb-page]]:truncate`)})})]})]})}function d({showBreadcrumbs:e=!0,breadcrumbs:t=[],homeBreadcrumb:n=null,showSidebarTrigger:i=!0,brand:a,leftContent:o,centerContent:c,rightContent:d,slots:f,renderLink:p,LinkComponent:m,className:h,contentClassName:g,leftClassName:_,centerClassName:v,rightClassName:y,breadcrumbsClassName:b}){let x=s({renderLink:p,LinkComponent:m});return(0,l.jsx)(`header`,{className:r(`sticky top-0 z-40 flex min-h-[var(--topbar-height)] items-center border-b bg-background/70 px-4 py-2 backdrop-blur-md transition-[width,height] ease-linear md:px-5`,`dark:bg-topbar`,h),children:(0,l.jsxs)(`div`,{className:r(`flex min-h-9 min-w-0 flex-1 items-stretch gap-4`,g),children:[!!(f?.brand??a)&&(0,l.jsx)(`div`,{className:`hidden min-w-0 shrink-0 items-center md:flex`,children:f?.brand??a}),!!e&&(f?.breadcrumbs??(0,l.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,l.jsx)(u,{breadcrumbs:t,homeBreadcrumb:n,showSidebarTrigger:i,renderLink:x,className:b})})),!!(f?.left??o)&&(0,l.jsx)(`div`,{className:r(`flex min-w-0 items-center`,_),children:f?.left??o}),!!(f?.center??c)&&(0,l.jsx)(`div`,{className:r(`hidden min-w-0 shrink-0 items-center justify-center lg:flex`,v),children:f?.center??c}),!!(f?.right??d)&&(0,l.jsx)(`div`,{className:r(`ml-auto flex shrink-0 items-center gap-2`,y),children:f?.right??d})]})})}export{u as n,d as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{y as n}from"./sidebar.context-CRjgeYJL.js";import{n as r,s as i}from"./index-BQIv1ffM.js";import{t as a}from"./separator-BsYPzBlF.js";import{t as o}from"./breadcrumbs-BUm4gHzL.js";import{t as s}from"./use-layout-link-BQ6Y9z__.js";var c=e(t(),1),l=i();function u({breadcrumbs:e=[],homeBreadcrumb:t=null,showSidebarTrigger:i=!0,triggerSlot:u,renderLink:d,LinkComponent:f,className:p}){let m=s({renderLink:d,LinkComponent:f}),h=c.useMemo(()=>{let n=[];return t&&n.push(t),n.push(...e),n},[t,e]),g=h.length>0;return(0,l.jsxs)(`div`,{className:r(`relative flex min-h-9 min-w-0 items-stretch gap-3 overflow-hidden`,p),children:[!!i&&(0,l.jsx)(`div`,{className:`relative flex min-h-9 items-center justify-center gap-2`,children:u??(0,l.jsx)(n,{className:`size-7 [&_svg]:size-4`})}),!!g&&(0,l.jsxs)(l.Fragment,{children:[!!i&&(0,l.jsx)(a,{orientation:`vertical`,className:`h-auto self-stretch`}),(0,l.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center overflow-hidden`,children:(0,l.jsx)(o,{breadcrumbs:h,size:`xs`,renderLink:m,className:r(`min-w-0 overflow-hidden`,`[&_[data-slot=breadcrumb-list]]:flex-nowrap [&_[data-slot=breadcrumb-list]]:overflow-hidden [&_[data-slot=breadcrumb-list]]:break-normal`,`[&_[data-slot=breadcrumb-item]]:min-w-0 [&_[data-slot=breadcrumb-item]]:shrink`,`[&_[data-slot=breadcrumb-link]]:truncate [&_[data-slot=breadcrumb-page]]:truncate`)})})]})]})}function d({showBreadcrumbs:e=!0,breadcrumbs:t=[],homeBreadcrumb:n=null,showSidebarTrigger:i=!0,brand:a,leftContent:o,centerContent:c,rightContent:d,slots:f,renderLink:p,LinkComponent:m,className:h,contentClassName:g,leftClassName:_,centerClassName:v,rightClassName:y,breadcrumbsClassName:b}){let x=s({renderLink:p,LinkComponent:m});return(0,l.jsx)(`header`,{className:r(`sticky top-0 z-40 flex min-h-[var(--topbar-height)] items-center border-b bg-background/70 px-4 py-2 backdrop-blur-md transition-[width,height] ease-linear md:px-5`,`dark:bg-topbar`,h),children:(0,l.jsxs)(`div`,{className:r(`flex min-h-9 min-w-0 flex-1 items-stretch gap-4`,g),children:[!!(f?.brand??a)&&(0,l.jsx)(`div`,{className:`hidden min-w-0 shrink-0 items-center md:flex`,children:f?.brand??a}),!!e&&(f?.breadcrumbs??(0,l.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,l.jsx)(u,{breadcrumbs:t,homeBreadcrumb:n,showSidebarTrigger:i,renderLink:x,className:b})})),!!(f?.left??o)&&(0,l.jsx)(`div`,{className:r(`flex min-w-0 items-center`,_),children:f?.left??o}),!!(f?.center??c)&&(0,l.jsx)(`div`,{className:r(`hidden min-w-0 shrink-0 items-center justify-center lg:flex`,v),children:f?.center??c}),!!(f?.right??d)&&(0,l.jsx)(`div`,{className:r(`ml-auto flex shrink-0 items-center gap-2`,y),children:f?.right??d})]})})}export{u as n,d as t};

package/dist/showcase/assets/header-notifications-CShSQ8kR.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Rr as n,jr as r,r as i}from"./example-Cz_880po.js";import{t as a}from"./bell-C80n9VRl.js";import{a as o,i as s}from"./sidebar.context-CRjgeYJL.js";import{a as c,i as l,k as u,n as d,s as f}from"./index-BQIv1ffM.js";import{a as p,c as m,i as h,l as g,o as _,r as v,s as y,t as b}from"./dropdown-menu-Cto8-yDW.js";import{t as x}from"./use-layout-link-BQ6Y9z__.js";var S=c(`command`,[[`path`,{d:`M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3`,key:`11bfej`}]]),C=e(t(),1);function w({key:e,enabled:t=!0,onTrigger:n,preventDefault:r=!0}){(0,C.useEffect)(()=>{if(!t||!n||typeof document>`u`)return;let i=t=>{(t.metaKey||t.ctrlKey)&&t.key.toLowerCase()===e.toLowerCase()&&(r&&t.preventDefault(),n())};return document.addEventListener(`keydown`,i),()=>document.removeEventListener(`keydown`,i)},[t,e,n,r])}var T=f();function E(){if(typeof navigator>`u`)return!1;let e=navigator.userAgentData;return e?.platform?e.platform===`macOS`:/Mac|iPhone|iPad/.test(navigator.platform)}function D({onOpen:e,isMac:t,enableShortcut:r=!0,strings:a,className:s,iconClassName:c,shortcutSlot:f}){let p=u(o,a),m=(0,C.useMemo)(()=>t??E(),[t]);w({key:`k`,enabled:r,onTrigger:e});let h=m?p.shortcutMac:p.shortcutPc,g=f??(0,T.jsx)(`kbd`,{className:`header-search--shortcut hidden h-5 shrink-0 items-center gap-1 rounded-md border border-border/70 bg-background/60 px-1.5 font-mono text-xxs text-muted-foreground lg:inline-flex`,children:m?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(S,{className:`size-3 text-muted-foreground`,"aria-hidden":`true`}),(0,T.jsx)(n,{tag:`span`,size:`xs`,type:`secondary`,children:`K`})]}):(0,T.jsx)(n,{tag:`span`,size:`xs`,type:`secondary`,children:`Ctrl+K`})});return(0,T.jsxs)(i,{type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:e,className:d(`header-search--component header-search--trigger h-8 w-full min-w-[205px] justify-start gap-2 rounded-lg border-border/80 bg-muted/40 px-2.5 text-foreground shadow-none transition-[background-color,border-color,color,box-shadow] hover:border-border hover:bg-muted/60 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background dark:border-border/80 dark:bg-muted/40 dark:hover:bg-muted/60 dark:hover:text-foreground`,s),title:h,children:[(0,T.jsx)(l,{className:d(`header-search--icon size-3.5 shrink-0 text-muted-foreground`,c),"aria-hidden":`true`}),(0,T.jsx)(n,{tag:`span`,size:`xs`,type:`secondary`,className:`header-search--placeholder flex-1 text-left`,children:p.placeholder}),g,(0,T.jsx)(`span`,{className:`sr-only`,children:p.placeholder})]})}function O({notifications:e=[],unreadCount:t=0,onNotificationClick:o,onMarkAllRead:c,onViewAll:l,viewAllHref:f,renderLink:S,LinkComponent:C,align:w=`end`,side:E=`bottom`,strings:D,className:O,contentClassName:A,renderNotification:j}){let M=u(s,D),N=x({renderLink:S,LinkComponent:C}),P=t>99?`99+`:String(t);return(0,T.jsxs)(b,{children:[(0,T.jsx)(g,{render:(0,T.jsxs)(i,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"aria-label":M.triggerLabel,className:d(`header-notifications--component header-notifications--trigger relative`,O),children:[(0,T.jsx)(a,{className:`size-4`,"aria-hidden":`true`}),t>0&&(0,T.jsx)(r,{variant:`error`,className:`absolute -right-1 -top-1 flex h-4.5 min-w-4.5 items-center justify-center rounded-full px-1 py-0 text-xxs`,children:P})]})}),(0,T.jsxs)(v,{className:d(`header-notifications--content w-80 max-w-[calc(100vw-2rem)]`,A),align:w,side:E,children:[(0,T.jsxs)(h,{children:[(0,T.jsxs)(_,{className:`header-notifications--label flex items-center justify-between gap-3`,children:[(0,T.jsx)(n,{tag:`span`,weight:`semibold`,children:M.heading}),t>0&&!!c&&(0,T.jsx)(i,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:c,className:`h-auto px-1 py-0 text-xs`,children:M.markAllRead})]}),(0,T.jsx)(m,{}),e.length===0?(0,T.jsx)(`div`,{className:`header-notifications--empty p-4 text-center`,children:(0,T.jsx)(n,{type:`secondary`,children:M.empty})}):(0,T.jsx)(`div`,{className:`space-y-1 p-1`,children:e.map(e=>(0,T.jsx)(k,{notification:e,onClick:o,renderLink:N,renderNotification:j},e.id))})]}),!!(l||f)&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(m,{}),f?(0,T.jsx)(y,{href:f,render:e=>N({...e,href:f,children:e.children}),children:M.viewAll}):(0,T.jsx)(p,{onClick:l,children:M.viewAll})]})]})]})}function k({notification:e,onClick:t,renderLink:r,renderNotification:i}){if(i)return i(e);let a=(0,T.jsxs)(`div`,{className:`header-notifications--item-content min-w-0 space-y-1`,children:[(0,T.jsx)(n,{weight:`medium`,children:e.title}),!!e.description&&(0,T.jsx)(n,{size:`xs`,type:`secondary`,children:e.description}),!!e.time&&(0,T.jsx)(n,{size:`xxs`,type:`secondary`,children:e.time})]}),o=d(`header-notifications--item items-start rounded-md px-3 py-2`,!e.read&&`bg-muted/40`);return e.href?(0,T.jsx)(y,{href:e.href,className:o,onClick:()=>t?.(e),render:t=>r({...t,href:e.href,children:t.children}),children:a}):(0,T.jsx)(p,{onClick:()=>t?.(e),className:o,children:a})}export{D as n,O as t};

package/dist/showcase/assets/{heart-BWZYF4xJ.js → heart-BJVBFZ-j.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`heart`,[[`path`,{d:`M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5`,key:`mvr1a0`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`heart`,[[`path`,{d:`M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5`,key:`mvr1a0`}]]);export{t};

package/dist/showcase/assets/{house-CAQOnHLO.js → house-C3fXPhlL.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`house`,[[`path`,{d:`M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8`,key:`5wwlr5`}],[`path`,{d:`M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z`,key:`r6nss1`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`house`,[[`path`,{d:`M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8`,key:`5wwlr5`}],[`path`,{d:`M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z`,key:`r6nss1`}]]);export{t};

package/dist/showcase/assets/{icon-badge-CxvxB8Vd.js → icon-badge-dwVx3Hxf.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{n,s as r}from"./index-Cz4UGUT2.js";var i=e(t(),1),a=r(),o={xs:{box:`size-6`,icon:`size-3`},sm:{box:`size-8`,icon:`size-3.5`},md:{box:`size-9`,icon:`size-4`},lg:{box:`size-12`,icon:`size-5`}},s={primary:`bg-primary/15 text-primary`,secondary:`bg-foreground/8 text-muted-foreground`,success:`bg-success/15 text-success`,warning:`bg-warning/20 text-warning-foreground`,destructive:`bg-destructive/12 text-destructive`,info:`bg-info/15 text-info`,muted:`bg-muted text-muted-foreground`},c={primary:`bg-primary text-primary-foreground`,secondary:`bg-secondary text-secondary-foreground`,success:`bg-success text-success-foreground`,warning:`bg-warning text-warning-foreground`,destructive:`bg-destructive text-destructive-foreground`,info:`bg-info text-info-foreground`,muted:`bg-foreground/70 text-background`};function l({icon:e,children:t,size:r=`md`,shape:l=`circle`,tone:u=`primary`,solid:d=!1,bordered:f=!1,className:p,...m}){let h=o[r],g=d?c[u]:s[u];return(0,a.jsx)(`span`,{"aria-hidden":!m[`aria-label`],className:n(`icon-badge--component`,`inline-flex shrink-0 items-center justify-center`,l===`circle`?`rounded-full`:`rounded-md`,h.box,g,f&&`border border-border/60`,p),...m,children:e?(0,i.createElement)(e,{className:h.icon}):t})}l.displayName=`IconBadge`;export{l as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{n,s as r}from"./index-BQIv1ffM.js";var i=e(t(),1),a=r(),o={xs:{box:`size-6`,icon:`size-3`},sm:{box:`size-8`,icon:`size-3.5`},md:{box:`size-9`,icon:`size-4`},lg:{box:`size-12`,icon:`size-5`}},s={primary:`bg-primary/15 text-primary`,secondary:`bg-foreground/8 text-muted-foreground`,success:`bg-success/15 text-success`,warning:`bg-warning/20 text-warning-foreground`,destructive:`bg-destructive/12 text-destructive`,info:`bg-info/15 text-info`,muted:`bg-muted text-muted-foreground`},c={primary:`bg-primary text-primary-foreground`,secondary:`bg-secondary text-secondary-foreground`,success:`bg-success text-success-foreground`,warning:`bg-warning text-warning-foreground`,destructive:`bg-destructive text-destructive-foreground`,info:`bg-info text-info-foreground`,muted:`bg-foreground/70 text-background`};function l({icon:e,children:t,size:r=`md`,shape:l=`circle`,tone:u=`primary`,solid:d=!1,bordered:f=!1,className:p,...m}){let h=o[r],g=d?c[u]:s[u];return(0,a.jsx)(`span`,{"aria-hidden":!m[`aria-label`],className:n(`icon-badge--component`,`inline-flex shrink-0 items-center justify-center`,l===`circle`?`rounded-full`:`rounded-md`,h.box,g,f&&`border border-border/60`,p),...m,children:e?(0,i.createElement)(e,{className:h.icon}):t})}l.displayName=`IconBadge`;export{l as t};

package/dist/showcase/assets/{image-Byz-p7hT.js → image-gc4qX_7C.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`image`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,ry:`2`,key:`1m3agn`}],[`circle`,{cx:`9`,cy:`9`,r:`2`,key:`af1f0g`}],[`path`,{d:`m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21`,key:`1xmnt7`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`image`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,ry:`2`,key:`1m3agn`}],[`circle`,{cx:`9`,cy:`9`,r:`2`,key:`af1f0g`}],[`path`,{d:`m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21`,key:`1xmnt7`}]]);export{t};

package/dist/showcase/assets/{inbox-D4UE_W9O.js → inbox-C0GJ1KEC.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`inbox`,[[`polyline`,{points:`22 12 16 12 14 15 10 15 8 12 2 12`,key:`o97t9d`}],[`path`,{d:`M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z`,key:`oot6mr`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`inbox`,[[`polyline`,{points:`22 12 16 12 14 15 10 15 8 12 2 12`,key:`o97t9d`}],[`path`,{d:`M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z`,key:`oot6mr`}]]);export{t};