admin-ui-starter-kit 0.6.7 → 0.6.9

package/dist/showcase/assets/funnel-Ca9nWMHm.js

@@ -0,0 +1 @@
+import{l as e}from"./index-BjjNfnhP.js";var t=e(`funnel`,[[`path`,{d:`M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z`,key:`sc7q7i`}]]);export{t};

package/dist/showcase/assets/generic-AAssz0h7.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{P as n}from"./index-BjjNfnhP.js";var r=e(n(),1),i=e(t(),1);function a(e,t){let n=(0,i.useRef)(t);(0,i.useEffect)(function(){t!==n.current&&e.attributionControl!=null&&(n.current!=null&&e.attributionControl.removeAttribution(n.current),t!=null&&e.attributionControl.addAttribution(t)),n.current=t},[e,t])}function o(e){return Object.freeze({__version:1,map:e})}function s(e,t){return Object.freeze({...e,...t})}var c=(0,i.createContext)(null);function l(){let e=(0,i.use)(c);if(e==null)throw Error(`No context provided: useLeafletContext() can only be used in a descendant of <MapContainer>`);return e}function u(e){function t(t,n){let{instance:r,context:a}=e(t).current;(0,i.useImperativeHandle)(n,()=>r);let{children:o}=t;return o==null?null:i.createElement(c,{value:a},o)}return(0,i.forwardRef)(t)}function d(e){function t(t,n){let[a,o]=(0,i.useState)(!1),{instance:s}=e(t,o).current;(0,i.useImperativeHandle)(n,()=>s),(0,i.useEffect)(function(){a&&s.update()},[s,a,t.children]);let c=s._contentNode;return c?(0,r.createPortal)(t.children,c):null}return(0,i.forwardRef)(t)}function f(e){function t(t,n){let{instance:r}=e(t).current;return(0,i.useImperativeHandle)(n,()=>r),null}return(0,i.forwardRef)(t)}function p(e){return function(t){let n=l(),r=e(t,n),{instance:a}=r.current,o=(0,i.useRef)(t.position),{position:s}=t;return(0,i.useEffect)(function(){return a.addTo(n.map),function(){a.remove()}},[n.map,a]),(0,i.useEffect)(function(){s!=null&&s!==o.current&&(a.setPosition(s),o.current=s)},[a,s]),r}}function m(e,t){let n=(0,i.useRef)(void 0);(0,i.useEffect)(function(){return t!=null&&e.instance.on(t),n.current=t,function(){n.current!=null&&e.instance.off(n.current),n.current=null}},[e,t])}function h(e,t){let n=e.pane??t.pane;return n?{...e,pane:n}:e}function g(e,t){return function(n,r){let i=l(),o=e(h(n,i),i);return a(i.map,n.attribution),m(o.current,n.eventHandlers),t(o.current,i,n,r),o}}function _(e,t,n){return Object.freeze({instance:e,context:t,container:n})}function v(e,t){return t==null?function(t,n){let r=(0,i.useRef)(void 0);return r.current||=e(t,n),r}:function(n,r){let a=(0,i.useRef)(void 0);a.current||=e(n,r);let o=(0,i.useRef)(n),{instance:s}=a.current;return(0,i.useEffect)(function(){o.current!==n&&(t(s,n,o.current),o.current=n)},[s,n,t]),a}}function y(e,t){(0,i.useEffect)(function(){return(t.layerContainer??t.map).addLayer(e.instance),function(){t.layerContainer?.removeLayer(e.instance),t.map.removeLayer(e.instance)}},[t,e])}function b(e){return function(t){let n=l(),r=e(h(t,n),n);return a(n.map,t.attribution),m(r.current,t.eventHandlers),y(r.current,n),r}}function x(e,t){let n=(0,i.useRef)(void 0);(0,i.useEffect)(function(){if(t.pathOptions!==n.current){let r=t.pathOptions??{};e.instance.setStyle(r),n.current=r}},[e,t])}function S(e){return function(t){let n=l(),r=e(h(t,n),n);return m(r.current,t.eventHandlers),y(r.current,n),x(r.current,t),r}}function C(e){function t(t,n){return _(e(t),n)}return f(p(v(t)))}function w(e,t){return u(b(v(e,t)))}function T(e,t){return d(g(v(e),t))}function E(e,t){return u(S(v(e,t)))}function D(e,t){return f(b(v(e,t)))}export{D as a,_ as c,u as d,c as f,l as h,E as i,h as l,s as m,w as n,b as o,o as p,T as r,v as s,C as t,p as u};

package/dist/showcase/assets/getPseudoElementBounds-fbxSMOsb.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{Bn as n,Bt as r,En as i,Fn as a,Hn as o,In as s,It as c,Jt as l,Kt as u,Ln as d,Lt as f,Mn as p,Nn as m,On as h,Pn as g,Pt as _,Qt as v,Rt as y,Sr as b,Vn as x,Yn as S,Yt as C,br as w,dt as ee,ft as te,gn as ne,hr as T,ir as E,jn as re,mr as D,sn as ie,zn as ae,zt as oe}from"./example-6bZGEb3-.js";import{c as se}from"./useOpenInteractionType-CRefmlni.js";var O=e(t(),1),k=`Escape`;function A(e,t,n){switch(e){case`vertical`:return t;case`horizontal`:return n;default:return t||n}}function j(e,t){return A(t,e===`ArrowUp`||e===`ArrowDown`,e===`ArrowLeft`||e===`ArrowRight`)}function ce(e,t,n){return A(t,e===`ArrowDown`,n?e===`ArrowLeft`:e===`ArrowRight`)||e===`Enter`||e===` `||e===``}function le(e,t,n){return A(t,n?e===a:e===s,e===g)}function ue(e,t,n,r){return t===`both`||t===`horizontal`&&r?e===k:A(t,n?e===s:e===a,e===d)}function M(e,t){let{listRef:r,activeIndex:a,onNavigate:o=()=>{},enabled:s=!0,selectedIndex:d=null,allowEscape:g=!1,loopFocus:y=!1,nested:S=!1,rtl:w=!1,virtual:E=!1,focusItemOnOpen:k=`auto`,focusItemOnHover:A=!0,openOnArrowKeyDown:M=!0,disabledIndices:N=void 0,orientation:P=`vertical`,parentOrientation:de,id:fe,resetOnPointerLeave:pe=!0,externalTree:me,grid:he}=t,ge=he!=null,F=`rootStore`in e?e.rootStore:e,I=F.useState(`open`),L=F.useState(`floatingElement`),R=F.useState(`domReferenceElement`),_e=F.context.dataRef,ve=i(L),ye=h(R),z=C(ve),be=ee(),B=te(me),V=O.useRef(k),H=O.useRef(d??-1),U=O.useRef(null),W=O.useRef(!0),G=T(e=>{o(H.current===-1?null:H.current,e)}),K=O.useRef(!!L),xe=O.useRef(I),q=O.useRef(!1),J=O.useRef(!1),Se=O.useRef(null),Ce=C(N),Y=C(I),X=C(d),we=C(pe),Te=l(),Ee=l(),De=T(()=>{function e(e){E?B?.events.emit(`virtualfocus`,e):Se.current=se(e,{sync:q.current,preventScroll:!0})}let t=r.current[H.current],n=J.current;t&&e(t),(q.current?e=>e():e=>Te.request(e))(()=>{let i=r.current[H.current]||t;i&&(t||e(i),je&&(n||!W.current)&&i.scrollIntoView?.({block:`nearest`,inline:`nearest`}))})});D(()=>{_e.current.orientation=P},[_e,P]),D(()=>{s&&(I&&L?(H.current=d??-1,V.current&&d!=null&&(J.current=!0,G())):K.current&&(H.current=-1,G()))},[s,I,L,d,G]),D(()=>{if(s){if(!I){q.current=!1;return}if(L)if(a==null){if(q.current=!1,X.current!=null)return;if(K.current&&(H.current=-1,De()),(!xe.current||!K.current)&&V.current&&(U.current!=null||V.current===!0&&U.current==null)){let e=0,t=()=>{r.current[0]==null?(e<2&&(e?e=>Ee.request(e):queueMicrotask)(t),e+=1):(H.current=U.current==null||ce(U.current,P,w)||S?f(r):c(r),U.current=null,G())};t()}}else oe(r.current,a)||(H.current=a,De(),J.current=!1)}},[s,I,L,a,X,S,r,P,w,G,De,Ee]),D(()=>{if(!s||L||!B||E||!K.current)return;let e=B.nodesRef.current,t=e.find(e=>e.id===be)?.context?.elements.floating,n=re(u(R??t??null)),r=e.some(e=>e.context&&p(e.context.elements.floating,n));t&&!r&&W.current&&t.focus({preventScroll:!0})},[s,L,R,B,be,E]),D(()=>{xe.current=I,K.current=!!L}),D(()=>{I||(U.current=null,V.current=k)},[I,k]);let Oe=a!=null,ke=T(e=>{if(!Y.current)return;let t=r.current.indexOf(e.currentTarget);t!==-1&&(H.current!==t||a!==t)&&(H.current=t,G(e))}),Z=T(()=>de??B?.nodesRef.current.find(e=>e.id===be)?.context?.dataRef?.current.orientation),Ae=T(()=>f(r,Ce.current)),Q=T(e=>{if(W.current=!1,q.current=!0,e.which===229||!Y.current&&e.currentTarget===z.current)return;if(S&&ue(e.key,P,w,ge)){j(e.key,Z())||x(e),F.setOpen(!1,v(ne,e.nativeEvent)),b(R)&&(E?B?.events.emit(`virtualfocus`,R):R.focus());return}let t=H.current,n=f(r,N),i=c(r,N);if(ye||(e.key===`Home`&&(x(e),H.current=n,G(e)),e.key===`End`&&(x(e),H.current=i,G(e))),he!=null){let t=he(e,H.current,r,P,y,w,N,n,i);if(t!=null&&(H.current=t,G(e)),P===`both`)return}if(j(e.key,P)){if(x(e),I&&!E&&re(e.currentTarget.ownerDocument)===e.currentTarget){H.current=ce(e.key,P,w)?n:i,G(e);return}ce(e.key,P,w)?y?t>=i?g&&t!==r.current.length?H.current=-1:(q.current=!1,H.current=n):H.current=_(r.current,{startingIndex:t,disabledIndices:N}):H.current=Math.min(i,_(r.current,{startingIndex:t,disabledIndices:N})):y?t<=n?g&&t!==-1?H.current=r.current.length:(q.current=!1,H.current=i):H.current=_(r.current,{startingIndex:t,decrement:!0,disabledIndices:N}):H.current=Math.max(n,_(r.current,{startingIndex:t,decrement:!0,disabledIndices:N})),oe(r.current,H.current)&&(H.current=-1),G(e)}}),je=O.useMemo(()=>({onFocus(e){q.current=!0,ke(e)},onClick:({currentTarget:e})=>e.focus({preventScroll:!0}),onMouseMove(e){q.current=!0,J.current=!1,A&&ke(e)},onPointerLeave(e){if(!Y.current||!W.current||e.pointerType===`touch`)return;q.current=!0;let t=e.relatedTarget;if(!(!A||r.current.includes(t))&&we.current&&(Se.current?.(),Se.current=null,H.current=-1,G(e),!E)){let e=z.current,t=re(u(e));e&&p(e,t)&&e.focus({preventScroll:!0})}}}),[ke,Y,z,A,r,G,we,E]),$=O.useMemo(()=>E&&I&&Oe&&{"aria-activedescendant":`${fe}-${a}`},[E,I,Oe,fe,a]),Me=O.useMemo(()=>({"aria-orientation":P===`both`?void 0:P,...ye?{}:$,onKeyDown(e){if(e.key===`Tab`&&e.shiftKey&&I&&!E){let t=m(e.nativeEvent);if(t&&!p(z.current,t))return;x(e),F.setOpen(!1,v(ie,e.nativeEvent)),b(R)&&R.focus();return}Q(e)},onPointerMove(){W.current=!0}}),[$,Q,z,P,ye,F,I,E,R]),Ne=O.useMemo(()=>{function e(e){F.setOpen(!0,v(ne,e.nativeEvent,e.currentTarget))}function t(e){k===`auto`&&ae(e.nativeEvent)&&(V.current=!E)}function r(e){V.current=k,k===`auto`&&n(e.nativeEvent)&&(V.current=!0)}return{onKeyDown(t){let n=F.select(`open`);W.current=!1;let r=t.key.startsWith(`Arrow`),i=le(t.key,Z(),w),a=j(t.key,P),o=(S?i:a)||t.key===`Enter`||t.key.trim()===``;if(E&&n)return Q(t);if(!(!n&&!M&&r)){if(o){let e=j(t.key,Z());U.current=S&&e?null:t.key}if(S){i&&(x(t),n?(H.current=Ae(),G(t)):e(t));return}a&&(X.current!=null&&(H.current=X.current),x(t),!n&&M?e(t):Q(t),n&&G(t))}},onFocus(e){F.select(`open`)&&!E&&(H.current=-1,G(e))},onPointerDown:r,onPointerEnter:r,onMouseDown:t,onClick:t}},[Q,k,Ae,S,G,F,M,P,Z,w,X,E]),Pe=O.useMemo(()=>({...$,...Ne}),[$,Ne]);return O.useMemo(()=>s?{reference:Pe,floating:Me,item:je,trigger:Ne}:{},[s,Pe,Me,Ne,je])}function N(e,t){let{listRef:n,elementsRef:i,activeIndex:a,onMatch:o,disabledIndices:s,onTyping:c,enabled:l=!0,resetMs:u=750,selectedIndex:d=null}=t,f=`rootStore`in e?e.rootStore:e,m=f.useState(`open`),h=S(),g=O.useRef(``),_=O.useRef(d??a??-1),v=O.useRef(null),b=T(e=>{function t(e){let t=i?.current[e];return!t||y(t)}function l(e){return t(e)?s==null||!r(E,e,s):!1}function f(e,t,n=0){if(e.length===0)return-1;let r=(n%e.length+e.length)%e.length,i=t.toLowerCase();for(let t=0;t<e.length;t+=1){let n=(r+t)%e.length;if(!(!e[n]?.toLowerCase().startsWith(i)||!l(n)))return n}return-1}let p=n.current;if(g.current.length>0&&e.key===` `&&(x(e),c?.(!0)),g.current.length>0&&g.current[0]!==` `&&f(p,g.current)===-1&&e.key!==` `&&c?.(!1),p==null||e.key.length!==1||e.ctrlKey||e.metaKey||e.altKey)return;m&&e.key!==` `&&(x(e),c?.(!0));let b=g.current===``;b&&(_.current=d??a??-1),p.every((e,t)=>e&&l(t)?e[0]?.toLowerCase()!==e[1]?.toLowerCase():!0)&&g.current===e.key&&(g.current=``,_.current=v.current),g.current+=e.key,h.start(u,()=>{g.current=``,_.current=v.current,c?.(!1)});let S=((b?d??a??-1:_.current)??0)+1,C=f(p,g.current,S);C===-1?e.key!==` `&&(g.current=``,c?.(!1)):(o?.(C),v.current=C)}),C=T(e=>{let t=e.relatedTarget,n=f.select(`domReferenceElement`),r=f.select(`floatingElement`);p(n,t)||p(r,t)||(h.clear(),g.current=``,_.current=v.current,c?.(!1))});D(()=>{!m&&d!==null||(h.clear(),v.current=null,g.current!==``&&(g.current=``))},[m,d,h]),D(()=>{m&&g.current===``&&(_.current=d??a??-1)},[m,d,a]);let w=O.useMemo(()=>({onKeyDown:b,onBlur:C}),[b,C]);return O.useMemo(()=>l?{reference:w,floating:w}:{},[l,w])}function P(e){let t=e.getBoundingClientRect(),n=w(e);if(o)return t;let r=n.getComputedStyle(e,`::before`),i=n.getComputedStyle(e,`::after`);if(!(r.content!==`none`||i.content!==`none`))return t;let a=parseFloat(r.width)||0,s=parseFloat(r.height)||0,c=parseFloat(i.width)||0,l=parseFloat(i.height)||0,u=Math.max(t.width,a,c),d=Math.max(t.height,s,l),f=u-t.width,p=d-t.height;return{left:t.left-f/2,right:t.right+f/2,top:t.top-p/2,bottom:t.bottom+p/2}}export{N as n,M as r,P as t};

package/dist/showcase/assets/gift-BC42Oxfz.js

@@ -0,0 +1 @@
+import{l as e}from"./index-BjjNfnhP.js";var t=e(`gift`,[[`path`,{d:`M12 7v14`,key:`1akyts`}],[`path`,{d:`M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8`,key:`1sqzm4`}],[`path`,{d:`M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5`,key:`kc0143`}],[`rect`,{x:`3`,y:`7`,width:`18`,height:`4`,rx:`1`,key:`1hberx`}]]);export{t};

package/dist/showcase/assets/giftcard-cards-CFKnYe0c.js

@@ -0,0 +1,85 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{f as t,n,o as r,p as i,t as a}from"./section-DuBNJP4P.js";import{t as o}from"./arrow-right-a3STqWgx.js";import{Dr as s,r as c,t as l}from"./example-6bZGEb3-.js";import{t as u}from"./eye-pXVkim6z.js";import{t as d}from"./gift-BC42Oxfz.js";import{N as f,d as p,n as m}from"./index-BjjNfnhP.js";import{t as h}from"./props-table-X9St7Q4m.js";import{t as g}from"./icon-badge-CePIZqWR.js";import{c as _,i as v,n as y,r as b,t as x,u as S}from"./item-LinnMxvu.js";import{t as C}from"./metadata-list-DyjhZi6d.js";var w={status:{active:`Active`,redeemed:`Redeemed`,expired:`Expired`,disabled:`Disabled`},giftCard:`Gift Card`,balance:`Balance`,personalMessage:`Personal Message`,to:`To`,from:`From`,expires:`Expires`,recipient:`Recipient`,viewDetails:`View Details`,copyCode:`Copy code`},T={active:`success`,redeemed:`secondary`,expired:`error`,disabled:`warning`};w.status.active,w.status.redeemed,w.status.expired,w.status.disabled;var E={purple:{card:`from-primary via-primary/90 to-info`,strip:`from-primary via-primary/90 to-info`},green:{card:`from-success via-info to-success`,strip:`from-success via-info to-success`},warm:{card:`from-warning via-warning/90 to-destructive`,strip:`from-warning via-warning/90 to-destructive`}},D={purple:`from-primary to-info`,green:`from-success to-info`,warm:`from-warning to-destructive`},O={green:{line:`bg-success`,iconBg:`bg-success/15 text-success`},purple:{line:`bg-primary`,iconBg:`bg-primary/15 text-primary`},warm:{line:`bg-warning`,iconBg:`bg-warning/15 text-warning-foreground`}},k={green:`from-success to-info`,blue:`from-info to-primary`,amber:`from-warning to-destructive`},A={green:`bg-success ring-4 ring-background shadow-lg`,blue:`bg-info ring-4 ring-background shadow-lg`,amber:`bg-warning ring-4 ring-background shadow-lg`},j=p();function M({code:e,amount:n,remainingAmount:r,status:a,recipientName:o,senderName:l,message:p,expiresAt:h,createdAt:g,template:_,onView:v,gradient:y=`purple`,pattern:b=`none`,className:x,strings:S}){let D=f(w,S),O=D.status[a],k=T[a],A=!!r&&r!==n,M=A?r:n,N=[...o?[{label:D.to,value:o}]:[],...l?[{label:D.from,value:l}]:[],...h?[{label:D.expires,value:h}]:[]];return(0,j.jsxs)(`div`,{className:m(`giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out`,`hover:shadow-md hover:shadow-foreground/10`,x),children:[(0,j.jsxs)(`div`,{className:m(`relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6`,E[y].card),children:[b===`circles`&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`div`,{className:`absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,j.jsx)(`div`,{className:`absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]}),b===`waves`&&(0,j.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-5`,viewBox:`0 0 400 200`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:[(0,j.jsx)(`path`,{d:`M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z`,className:`fill-inverse-foreground`}),(0,j.jsx)(`path`,{d:`M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z`,className:`fill-inverse-foreground`})]}),(0,j.jsx)(`div`,{className:`absolute top-4 right-4 z-20`,children:(0,j.jsxs)(`span`,{className:m(`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-semibold uppercase tracking-wide`,`bg-inverse-surface-strong text-inverse-foreground border border-inverse-border shadow-sm backdrop-blur-md`),"data-status":k,children:[(0,j.jsx)(`span`,{className:`size-1.5 rounded-full bg-inverse-foreground/85`,"aria-hidden":`true`}),O]})}),(0,j.jsxs)(`div`,{className:`relative z-10`,children:[(0,j.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsx)(d,{className:`h-5 w-5 text-inverse-foreground opacity-80`}),(0,j.jsx)(i,{weight:`medium`,className:`text-inverse-muted`,children:D.giftCard})]}),(0,j.jsxs)(`div`,{className:`mt-8 mb-5`,children:[(0,j.jsx)(i,{size:`xs`,className:`uppercase tracking-wider text-inverse-subtle`,children:D.balance}),(0,j.jsxs)(`div`,{className:`flex items-baseline gap-2.5 mt-1`,children:[(0,j.jsx)(t,{tag:`h2`,className:`text-4xl border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm`,children:M}),!!A&&(0,j.jsx)(i,{className:`line-through tabular-nums text-inverse-disabled`,children:n})]})]}),(0,j.jsxs)(`div`,{className:m(`flex items-center gap-2 rounded-lg px-4 py-2.5`,`bg-inverse-surface backdrop-blur-sm`,`border border-inverse-border`,`shadow-sm`),children:[(0,j.jsx)(i,{weight:`semibold`,className:`flex-1 font-mono tracking-[0.2em] text-inverse-foreground`,children:e}),(0,j.jsx)(c,{variant:`light`,buttonStyle:`ghost`,className:`p-1 h-auto text-inverse-foreground opacity-60 hover:bg-inverse-surface hover:opacity-100`,"aria-label":D.copyCode,children:(0,j.jsx)(s,{className:`h-4 w-4`})})]})]})]}),(0,j.jsxs)(`div`,{className:`rounded-b-lg bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4`,children:[!!p&&(0,j.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 border border-border/30`,children:[(0,j.jsx)(i,{size:`xs`,type:`secondary`,weight:`medium`,className:`mb-1 uppercase tracking-wide`,children:D.personalMessage}),(0,j.jsxs)(i,{type:`secondary`,className:`italic leading-relaxed`,children:[`“`,p,`”`]})]}),(0,j.jsx)(C,{items:N,columns:2}),!!v&&(0,j.jsx)(c,{variant:`secondary`,buttonStyle:`outline`,icon:u,fullWidth:!0,onClick:v,children:D.viewDetails})]})]})}M.displayName=`GiftcardCard`;function N({code:e,amount:t,remainingAmount:n,status:a,recipientName:o,gradient:s=`purple`,className:c,strings:l}){let u=f(w,l).status[a],p=T[a],h=!!n&&n!==t,g=h?n:t;return(0,j.jsxs)(x,{size:`small`,variant:`outline`,className:m(`giftcard-compact--component flex-nowrap gap-x-2.5 px-3 py-2 shadow-sm transition-colors duration-150 hover:border-border`,c),children:[(0,j.jsx)(_,{variant:`image`,children:(0,j.jsx)(`div`,{className:m(`flex size-full items-center justify-center bg-gradient-to-br`,D[s]),children:(0,j.jsx)(d,{className:`h-4 w-4 text-inverse-foreground`})})}),(0,j.jsxs)(b,{className:`min-w-0`,children:[(0,j.jsx)(S,{className:`w-full max-w-full truncate whitespace-nowrap font-mono text-xs`,children:e}),!!o&&(0,j.jsx)(v,{clamp:1,children:o})]}),(0,j.jsx)(y,{className:`shrink-0`,children:(0,j.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,j.jsxs)(`div`,{className:`flex items-baseline gap-1`,children:[(0,j.jsx)(i,{size:`sm`,weight:`bold`,className:`tabular-nums`,children:g}),!!h&&(0,j.jsx)(i,{size:`xs`,type:`discrete`,className:`line-through tabular-nums`,children:t})]}),(0,j.jsx)(r,{variant:p,size:`small`,children:u})]})})]})}N.displayName=`GiftcardCompact`;function P({code:e,amount:n,remainingAmount:a,status:l,recipientName:u,expiresAt:p,onView:h,color:g=`green`,className:v,strings:E}){let D=f(w,E),k=D.status[l],A=T[l],M=!!a&&a!==n,N=M?a:n,P=O[g],F=[...u?[{label:D.recipient,value:u}]:[],...p?[{label:D.expires,value:p}]:[]];return(0,j.jsxs)(`div`,{className:m(`giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,v),children:[(0,j.jsx)(`div`,{className:m(`mx-4 mt-3 h-1 w-12 rounded-sm`,P.line)}),(0,j.jsxs)(x,{size:`small`,className:`flex-nowrap items-center`,children:[(0,j.jsx)(_,{children:(0,j.jsx)(`div`,{className:m(`flex h-7 w-7 items-center justify-center rounded-full`,P.iconBg),children:(0,j.jsx)(d,{className:`h-3.5 w-3.5`})})}),(0,j.jsx)(b,{children:(0,j.jsx)(S,{bold:!1,className:`text-muted-foreground`,children:D.giftCard})}),(0,j.jsx)(y,{className:`shrink-0`,children:(0,j.jsx)(r,{variant:A,size:`small`,children:k})})]}),(0,j.jsx)(`div`,{className:`px-4 pb-2 pt-0`,children:(0,j.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,j.jsx)(t,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:N}),!!M&&(0,j.jsx)(i,{type:`discrete`,className:`line-through tabular-nums`,children:n})]})}),(0,j.jsxs)(`div`,{className:`mx-4 flex items-center gap-1.5 rounded-md border border-border/30 bg-muted/50 px-2.5 py-1.5`,children:[(0,j.jsx)(i,{weight:`medium`,className:`flex-1 font-mono tracking-[0.15em]`,children:e}),(0,j.jsx)(c,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,className:`shrink-0`,"aria-label":D.copyCode,children:(0,j.jsx)(s,{className:`h-3.5 w-3.5`})})]}),(0,j.jsx)(C,{items:F,columns:1,dense:!0,gapClassName:`gap-1.5`,className:`px-4 pb-1.5 pt-2`}),!!h&&(0,j.jsx)(`div`,{className:`mt-1 border-t border-border/30 px-3 py-1.5`,children:(0,j.jsxs)(c,{variant:`secondary`,buttonStyle:`ghost`,onClick:h,className:`group/link`,children:[D.viewDetails,(0,j.jsx)(o,{className:`ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5`})]})})]})}P.displayName=`GiftcardCardMinimal`;function F({code:e,amount:n,remainingAmount:a,status:o,recipientName:l,expiresAt:p,onView:h,className:g,strings:v}){let E=f(w,v),D=E.status[o],O=T[o],k=!!a&&a!==n,A=k?a:n,M=[...l?[{label:E.recipient,value:l}]:[],...p?[{label:E.expires,value:p}]:[]];return(0,j.jsxs)(`div`,{className:m(`giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,g),children:[(0,j.jsxs)(x,{size:`small`,children:[(0,j.jsx)(_,{children:(0,j.jsx)(`div`,{className:`flex h-8 w-8 items-center justify-center rounded-full bg-warning/15`,children:(0,j.jsx)(d,{className:`h-4 w-4 text-warning`})})}),(0,j.jsx)(b,{children:(0,j.jsx)(S,{bold:!1,className:`text-muted-foreground`,children:E.giftCard})}),(0,j.jsx)(y,{children:(0,j.jsx)(r,{variant:O,children:D})})]}),(0,j.jsx)(`div`,{className:`px-4 pb-3 pt-2`,children:(0,j.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,j.jsx)(t,{tag:`h2`,className:`border-none pb-0 text-3xl tabular-nums`,children:A}),!!k&&(0,j.jsx)(i,{type:`discrete`,className:`line-through tabular-nums`,children:n})]})}),(0,j.jsxs)(`div`,{className:`mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2`,children:[(0,j.jsx)(i,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:e}),(0,j.jsx)(c,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":E.copyCode,children:(0,j.jsx)(s,{className:`h-3.5 w-3.5`})})]}),(0,j.jsx)(C,{items:M,columns:1,className:`px-4 pb-2 pt-3`}),!!h&&(0,j.jsx)(`div`,{className:`px-4 pb-4 pt-2`,children:(0,j.jsx)(c,{variant:`dark`,buttonStyle:`solid`,icon:u,fullWidth:!0,onClick:h,children:E.viewDetails})})]})}F.displayName=`GiftcardCardDark`;function I({code:e,amount:n,remainingAmount:a,status:o,recipientName:l,expiresAt:p,onView:h,headerColor:_=`green`,className:v,strings:y}){let b=f(w,y),x=b.status[o],S=T[o],E=!!a&&a!==n,D=E?a:n,O=[...l?[{label:b.recipient,value:l}]:[],...p?[{label:b.expires,value:p}]:[]];return(0,j.jsxs)(`div`,{className:m(`giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,v),children:[(0,j.jsxs)(`div`,{className:m(`relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4`,k[_]),children:[(0,j.jsx)(`div`,{className:`absolute inset-0 opacity-80`,style:{backgroundImage:`repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)`},"aria-hidden":`true`}),(0,j.jsx)(g,{icon:d,size:`default`,shape:`square`,className:m(`relative rounded-md text-inverse-foreground ring-1 ring-inverse-border`,A[_])}),(0,j.jsx)(i,{tag:`span`,size:`xs`,weight:`semibold`,className:`relative uppercase tracking-wider text-inverse-foreground opacity-80`,children:b.giftCard})]}),(0,j.jsxs)(`div`,{className:`space-y-3 px-4 py-4`,children:[(0,j.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,j.jsxs)(`div`,{children:[(0,j.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,j.jsx)(t,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:D}),!!E&&(0,j.jsx)(i,{type:`discrete`,className:`line-through tabular-nums`,children:n})]}),(0,j.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:b.balance})]}),(0,j.jsx)(r,{variant:S,children:x})]}),(0,j.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2`,children:[(0,j.jsx)(i,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:e}),(0,j.jsx)(c,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":b.copyCode,children:(0,j.jsx)(s,{className:`h-3.5 w-3.5`})})]}),(0,j.jsx)(C,{items:O,columns:2}),!!h&&(0,j.jsx)(c,{variant:`secondary`,buttonStyle:`outline`,icon:u,fullWidth:!0,onClick:h,children:b.viewDetails})]})]})}I.displayName=`GiftcardCardIllustrated`;var L=e({CompactActiveExpired:()=>H,Dark:()=>B,GradientDefault:()=>R,Illustrated:()=>V,Minimal:()=>z});function R(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsx)(M,{code:`GCT-A4B7-C9E2`,amount:`250.00 USD`,status:`active`,gradient:`purple`,recipientName:`Davida Todorova`,senderName:`Petar Williams`,message:`Happy Birthday!`,expiresAt:`Dec 31, 2026`,createdAt:`Mar 15, 2026`,onView:()=>{}})})}function z(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsx)(P,{code:`GCT-M1N2-A3L4`,amount:`150.00 USD`,status:`active`,color:`green`,recipientName:`Daniel Kowalski`,expiresAt:`Sep 15, 2026`,onView:()=>{}})})}function B(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsx)(F,{code:`GCT-D4K5-G6H7`,amount:`1,000.00 USD`,status:`active`,recipientName:`Viktoria Johnsona`,expiresAt:`Dec 31, 2026`,onView:()=>{}})})}function V(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsx)(I,{code:`GCT-I1L2-U3S4`,amount:`350.00 USD`,status:`active`,headerColor:`green`,recipientName:`Kalina Smitha`,expiresAt:`Nov 30, 2026`,onView:()=>{}})})}function H(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,j.jsx)(N,{code:`GCT-A4B7-C9E2`,amount:`250.00 USD`,status:`active`,gradient:`purple`,recipientName:`Davida Todorova`,expiresAt:`Dec 31, 2026`,onView:()=>{}}),(0,j.jsx)(N,{code:`GCT-W5X8-Y1Z3`,amount:`75.00 USD`,status:`expired`,recipientName:`Dimitar Georgiev`,expiresAt:`Jan 15, 2026`})]})})}var U=`import {
+	GiftcardCard,
+	GiftcardCompact,
+	GiftcardCardMinimal,
+	GiftcardCardDark,
+	GiftcardCardIllustrated,
+} from '@/components/composed/cards/giftcard-card';
+
+export function GradientDefault() {
+	return (
+		<>
+			<GiftcardCard
+								code="GCT-A4B7-C9E2"
+								amount="250.00 USD"
+								status="active"
+								gradient="purple"
+								recipientName="Davida Todorova"
+								senderName="Petar Williams"
+								message="Happy Birthday!"
+								expiresAt="Dec 31, 2026"
+								createdAt="Mar 15, 2026"
+								onView={() => {}}
+							/>
+		</>
+	);
+}
+
+export function Minimal() {
+	return (
+		<>
+			<GiftcardCardMinimal
+								code="GCT-M1N2-A3L4"
+								amount="150.00 USD"
+								status="active"
+								color="green"
+								recipientName="Daniel Kowalski"
+								expiresAt="Sep 15, 2026"
+								onView={() => {}}
+							/>
+		</>
+	);
+}
+
+export function Dark() {
+	return (
+		<>
+			<GiftcardCardDark
+								code="GCT-D4K5-G6H7"
+								amount="1,000.00 USD"
+								status="active"
+								recipientName="Viktoria Johnsona"
+								expiresAt="Dec 31, 2026"
+								onView={() => {}}
+							/>
+		</>
+	);
+}
+
+export function Illustrated() {
+	return (
+		<>
+			<GiftcardCardIllustrated
+								code="GCT-I1L2-U3S4"
+								amount="350.00 USD"
+								status="active"
+								headerColor="green"
+								recipientName="Kalina Smitha"
+								expiresAt="Nov 30, 2026"
+								onView={() => {}}
+							/>
+		</>
+	);
+}
+
+export function CompactActiveExpired() {
+	return (
+		<>
+			<div className="grid gap-4 md:grid-cols-2">
+								<GiftcardCompact code="GCT-A4B7-C9E2" amount="250.00 USD" status="active" gradient="purple" recipientName="Davida Todorova" expiresAt="Dec 31, 2026" onView={() => {}} />
+								<GiftcardCompact code="GCT-W5X8-Y1Z3" amount="75.00 USD" status="expired" recipientName="Dimitar Georgiev" expiresAt="Jan 15, 2026" />
+							</div>
+		</>
+	);
+}
+`;function W(e){let t={h4:`h4`,...e.components};return L||K(`Examples`,!1),H||K(`Examples.CompactActiveExpired`,!0),B||K(`Examples.Dark`,!0),R||K(`Examples.GradientDefault`,!0),V||K(`Examples.Illustrated`,!0),z||K(`Examples.Minimal`,!0),(0,j.jsxs)(n,{title:`Composed · Giftcard cards`,description:`Five visual variants — gradient, compact, minimal, dark, illustrated.`,layer:`composed`,status:`ready`,children:[(0,j.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,j.jsx)(l,{name:`GradientDefault`,source:U,children:(0,j.jsx)(R,{})}),(0,j.jsx)(l,{name:`Minimal`,source:U,children:(0,j.jsx)(z,{})}),(0,j.jsx)(l,{name:`Dark`,source:U,children:(0,j.jsx)(B,{})}),(0,j.jsx)(l,{name:`Illustrated`,source:U,children:(0,j.jsx)(V,{})}),(0,j.jsx)(l,{name:`CompactActiveExpired`,source:U,children:(0,j.jsx)(H,{})})]}),(0,j.jsxs)(a,{title:`API`,id:`api`,children:[(0,j.jsx)(t.h4,{children:`GiftcardCard`}),(0,j.jsx)(h,{component:`GiftcardCard`}),(0,j.jsx)(t.h4,{children:`GiftcardCompact`}),(0,j.jsx)(h,{component:`GiftcardCompact`}),(0,j.jsx)(t.h4,{children:`GiftcardCardMinimal`}),(0,j.jsx)(h,{component:`GiftcardCardMinimal`}),(0,j.jsx)(t.h4,{children:`GiftcardCardDark`}),(0,j.jsx)(h,{component:`GiftcardCardDark`}),(0,j.jsx)(t.h4,{children:`GiftcardCardIllustrated`}),(0,j.jsx)(h,{component:`GiftcardCardIllustrated`})]})]})}function G(e={}){let{wrapper:t}=e.components||{};return t?(0,j.jsx)(t,{...e,children:(0,j.jsx)(W,{...e})}):W(e)}function K(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{G as default};

package/dist/showcase/assets/git-branch-B-nF8w-J.js

@@ -0,0 +1 @@
+import{l as e}from"./index-BjjNfnhP.js";var t=e(`git-branch`,[[`path`,{d:`M15 6a9 9 0 0 0-9 9V3`,key:`1cii5b`}],[`circle`,{cx:`18`,cy:`6`,r:`3`,key:`1h7g24`}],[`circle`,{cx:`6`,cy:`18`,r:`3`,key:`fqmcym`}]]);export{t};

package/dist/showcase/assets/global-search-D6Gxw0G3.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{o as n,p as r}from"./section-DuBNJP4P.js";import{t as i}from"./arrow-right-a3STqWgx.js";import{Er as a,r as o}from"./example-6bZGEb3-.js";import{t as s}from"./clock-DUqvfazQ.js";import{t as c}from"./sparkles-CIB5irID.js";import{t as l}from"./x-BJDvVLAz.js";import{N as u,a as d,d as f,l as p,n as m}from"./index-BjjNfnhP.js";import{o as h,r as g,t as _}from"./avatar-kK9n1a25.js";import{t as v}from"./input-C8OfUHCK.js";import{i as y,r as b,t as x}from"./tabs-vbNIJ-eo.js";var S=p(`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=f(),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)(r,{weight:`medium`,children:e}),(0,w.jsx)(r,{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:n,trailing:i,className:a}){return(0,w.jsxs)(`div`,{className:m(`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)(r,{tag:`span`,size:`xs`,type:`secondary`,children:e}),(0,w.jsx)(`kbd`,{className:k,children:`↵`}),(0,w.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,children:t}),(0,w.jsx)(`kbd`,{className:k,children:`esc`}),(0,w.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,children:n})]}),i]})}function j({sections:e,fallbackIcons:t}){return(0,w.jsx)(`div`,{className:`space-y-4 px-2 py-3`,children:e.map((e,n)=>(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??(n===0?t?.recent??s:t?.suggestions??c),{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,w.jsx)(r,{size:`xs`,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)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:e.onSelect,className:m(`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)(r,{className:`flex-1 truncate`,children:e.label})]})},e.id)})})]},e.id))})}var M=C.forwardRef(function({value:e,onChange:t,onKeyDown:n,placeholder:r,clearLabel:i=`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`,{"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,w.jsx)(d,{className:`size-icon 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:r,"aria-label":r,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,w.jsx)(a,{className:`size-icon shrink-0 animate-spin text-muted-foreground`,"aria-hidden":`true`}),!s&&!!e&&(0,w.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:()=>t(``),"aria-label":i,className:`size-control-sm rounded text-muted-foreground hover:bg-muted hover:text-foreground`,children:(0,w.jsx)(l,{className:`size-icon-sm`})})]})}),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:a=``,onSelect:s,onMouseEnter:c,toneBg:l,toneAvatar:u,className:d}){let f=e.thumbnail?.icon,p={...N,...l},v={...P,...u};return(0,w.jsxs)(o,{type:`button`,"data-component":`global-search-result-row`,"data-slot":`global-search-result-row`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onMouseEnter:c,onClick:s,className:m(`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`,d),children:[(0,w.jsx)(`div`,{className:`flex shrink-0 items-center`,children:e.avatar?(0,w.jsxs)(_,{className:m(`size-avatar-sm`,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:m(`text-xs font-semibold`,v[e.avatar.tone??`default`]),children:e.avatar.initials})]}):f?(0,w.jsx)(`span`,{className:m(`inline-flex size-avatar-sm items-center justify-center rounded-md`,p[e.thumbnail?.tone??`default`]),children:(0,w.jsx)(f,{className:`size-icon`,"aria-hidden":`true`})}):null}),(0,w.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,w.jsxs)(`div`,{className:`flex items-center gap-space-sm leading-tight`,children:[(0,w.jsx)(r,{tag:`span`,size:`inherit`,weight:`semibold`,className:`truncate`,children:F(e.title,a)}),!!e.badge&&(0,w.jsx)(n,{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,a)})}),e.meta?.forEach((e,n)=>{let r=e.icon;t.push({key:`m-${n}`,node:(0,w.jsxs)(`span`,{className:m(`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)(r,{size:`inherit`,type:`secondary`,className:`mt-space-2xs truncate text-xs`,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-row-x 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)(r,{tag:`span`,size:`inherit`,weight:`semibold`,className:`whitespace-nowrap tabular-nums`,children:e.rightValue}),!!e.rightLabel&&(0,w.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`mt-0.5 whitespace-nowrap`,children:e.rightLabel})]})}),(0,w.jsx)(`span`,{"aria-hidden":`true`,className:m(`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,w.jsx)(i,{className:`size-3.5`})})]})}function L({value:e,onValueChange:t,tabs:n,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:n.map(t=>{let n=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)(r,{tag:`span`,size:`xs`,weight:`medium`,className:m(`global-search-tabs--count rounded px-1 py-0 tabular-nums`,n?`bg-muted text-muted-foreground`:`bg-transparent text-muted-foreground/70`),children:a})]},t.value)})})})})})}function R({results:e=[],query:t,onQueryChange:n,onResultSelect:i,onClose:a,loading:s=!1,idleSections:c,groupLabels:l,autoFocus:d=!1,strings:f,slots:p,tabs:h,className:g}){let _=u(T,f),v=D({results:e,query:t,onResultSelect:i,onClose:a}),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`,{"data-component":`global-search`,"data-slot":`global-search`,className:m(`global-search--component`,`overflow-hidden rounded-xl border border-border bg-card shadow-2xl`,g),children:[p?.input??(0,w.jsx)(M,{value:t,onChange:n,onKeyDown:v.onKeyDown,placeholder:_.placeholder,clearLabel:_.clear,loading:s,autoFocus:d}),!s&&e.length>0&&(p?.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&&(p?.idle??(c&&c.length>0?(0,w.jsx)(j,{sections:c}):null)),!!s&&(p?.loading??(0,w.jsx)(`div`,{className:`flex items-center justify-center px-6 py-12`,children:(0,w.jsx)(r,{type:`secondary`,children:_.loading})})),!!y&&(p?.empty??(0,w.jsx)(O,{title:E(_.emptyTitle,{query:t}),hint:_.emptyHint})),!s&&e.length>0&&(0,w.jsx)(`div`,{className:`px-space-md py-space-xs`,children:Object.entries(v.visibleGrouped).map(([e,n],a)=>(0,w.jsxs)(`div`,{className:m(`pb-space-xs last:pb-0`,a>0&&`mt-space-md pt-space-xs`),children:[(0,w.jsxs)(`div`,{className:`flex items-center justify-between px-row-x pb-space-2xs`,children:[(0,w.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,children:l?.[e]??e}),v.activeTab===`all`&&n.length>0&&(0,w.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>v.setActiveTab(e),className:`h-auto rounded px-1 py-0 text-primary transition-colors hover:underline`,children:(0,w.jsx)(r,{tag:`span`,size:`xs`,weight:`medium`,className:`text-primary`,children:_.seeAll})})]}),(0,w.jsx)(`ul`,{className:`m-0 list-none space-y-0.5 p-0`,children:n.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:p?.renderResult?p.renderResult(e,r):(0,w.jsx)(I,{result:e,isActive:n,query:t,onSelect:r.onSelect,onMouseEnter:()=>v.setActiveById(e.id),toneBg:p?.toneBg,toneAvatar:p?.toneAvatar})},e.id)})})]},e))})]}),p?.footer??(0,w.jsx)(A,{navigateLabel:_.footerNavigate,openLabel:_.footerOpen,closeLabel:_.footerClose,trailing:!b&&!y&&e.length>0?(0,w.jsx)(r,{tag:`span`,size:`xs`,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-jsb_4idg.js

@@ -0,0 +1,215 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,t as i}from"./section-DuBNJP4P.js";import{t as a}from"./briefcase-DQjbh28E.js";import{t as o}from"./example-6bZGEb3-.js";import{t as s}from"./clock-DUqvfazQ.js";import{t as c}from"./file-text-Cvxg6pjh.js";import{n as l,t as u}from"./global-search-D6Gxw0G3.js";import{t as d}from"./user-CmkLnMh9.js";import{d as f,l as p}from"./index-BjjNfnhP.js";import{t as m}from"./props-table-X9St7Q4m.js";import{r as h}from"./fetchers-DHuMQ6PN.js";var g=p(`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=f(),b={customer:`Customers`,order:`Orders`,voucher:`Vouchers`,team:`Team`},x={customer:d,order:c,voucher:l,team:a},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:a}]}];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 {
+	GlobalSearch,
+	type GlobalSearchIdleSection,
+	type GlobalSearchResult,
+} from '@/components/features/global-search';
+import { mockSearch, type MockSearchResult } from '@/preview/_mocks';
+
+type ResultGroup = MockSearchResult['type'];
+
+const GROUP_LABEL: Record<ResultGroup, string> = {
+	customer: 'Customers',
+	order: 'Orders',
+	voucher: 'Vouchers',
+	team: 'Team',
+};
+
+const GROUP_ICON = {
+	customer: User,
+	order: FileText,
+	voucher: Ticket,
+	team: Briefcase,
+} as const;
+
+const GROUP_TONE = {
+	customer: 'primary',
+	order: 'info',
+	voucher: 'success',
+	team: 'warning',
+} as const;
+
+const PREVIEW_RESULTS: Array<GlobalSearchResult<ResultGroup>> = [
+	{
+		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: FileText, tone: 'info' },
+		rightValue: '320 USD',
+		rightLabel: 'Total',
+	},
+	{
+		id: 'voucher-spring',
+		title: 'SPRING-2026',
+		subtitle: 'Campaign voucher',
+		group: 'voucher',
+		thumbnail: { icon: Ticket, 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'],
+	},
+];
+
+const IDLE_SECTIONS: GlobalSearchIdleSection[] = [
+	{
+		id: 'recent',
+		label: 'Recent searches',
+		icon: Clock,
+		items: [
+			{ id: 'recent-1', label: 'ORD-2026-0392', icon: FileText },
+			{ id: 'recent-2', label: 'Sarah Smitha', icon: User },
+		],
+	},
+	{
+		id: 'suggested',
+		label: 'Suggested',
+		icon: PackageSearch,
+		items: [
+			{ id: 'suggested-1', label: 'Open vouchers', icon: Ticket },
+			{ id: 'suggested-2', label: 'Fulfillment team', icon: Briefcase },
+		],
+	},
+];
+
+function toResult(r: MockSearchResult): GlobalSearchResult<ResultGroup> {
+	return {
+		id: r.id,
+		title: r.title,
+		subtitle: r.subtitle,
+		group: r.type,
+		thumbnail: { icon: GROUP_ICON[r.type], tone: GROUP_TONE[r.type] },
+	};
+}
+
+export function Default() {
+	const [query, setQuery] = useState('');
+	const [results, setResults] = useState<Array<GlobalSearchResult<ResultGroup>>>([]);
+	const [loading, setLoading] = useState(false);
+
+	useEffect(() => {
+		const q = query.trim();
+		if (q.length <= 1) {
+			setResults([]);
+			setLoading(false);
+			return;
+		}
+		let cancelled = false;
+		setLoading(true);
+		mockSearch(q).then((rows) => {
+			if (cancelled) return;
+			setResults(rows.map(toResult));
+			setLoading(false);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [query]);
+
+	const groupLabels = useMemo(() => GROUP_LABEL, []);
+
+	return (
+		<div className="w-full">
+			<GlobalSearch<ResultGroup>
+				query={query}
+				onQueryChange={setQuery}
+				results={results}
+				loading={loading}
+				groupLabels={groupLabels}
+				onResultSelect={(result) => {
+					if (import.meta.env?.DEV) {
+						console.info('selected', result);
+					}
+				}}
+				onClose={() => setQuery('')}
+			/>
+		</div>
+	);
+}
+
+export function IdleSuggestions() {
+	const [query, setQuery] = useState('');
+	const groupLabels = useMemo(() => GROUP_LABEL, []);
+
+	return (
+		<div className="w-full">
+			<GlobalSearch<ResultGroup>
+				query={query}
+				onQueryChange={setQuery}
+				results={[]}
+				idleSections={IDLE_SECTIONS}
+				groupLabels={groupLabels}
+			/>
+		</div>
+	);
+}
+
+export function PopulatedResults() {
+	const [query, setQuery] = useState('sa');
+	const groupLabels = useMemo(() => GROUP_LABEL, []);
+
+	return (
+		<div className="w-full">
+			<GlobalSearch<ResultGroup>
+				query={query}
+				onQueryChange={setQuery}
+				results={PREVIEW_RESULTS}
+				groupLabels={groupLabels}
+			/>
+		</div>
+	);
+}
+
+export function LoadingState() {
+	const [query, setQuery] = useState('order');
+	const groupLabels = useMemo(() => GROUP_LABEL, []);
+
+	return (
+		<div className="w-full">
+			<GlobalSearch<ResultGroup>
+				query={query}
+				onQueryChange={setQuery}
+				results={[]}
+				loading
+				groupLabels={groupLabels}
+			/>
+		</div>
+	);
+}
+
+export function EmptyState() {
+	const [query, setQuery] = useState('zzzz');
+	const groupLabels = useMemo(() => GROUP_LABEL, []);
+
+	return (
+		<div className="w-full">
+			<GlobalSearch<ResultGroup>
+				query={query}
+				onQueryChange={setQuery}
+				results={[]}
+				groupLabels={groupLabels}
+			/>
+		</div>
+	);
+}
+`;function M(e){let t={code:`code`,p:`p`,...e.components};return _||P(`Examples`,!1),E||P(`Examples.Default`,!0),A||P(`Examples.EmptyState`,!0),D||P(`Examples.IdleSuggestions`,!0),k||P(`Examples.LoadingState`,!0),O||P(`Examples.PopulatedResults`,!0),(0,y.jsxs)(r,{title:`GlobalSearch`,description:`Async search palette with slots, render-props, and a headless useGlobalSearch hook.`,layer:`features`,status:`ready`,sourcePath:`src/components/features/global-search`,children:[(0,y.jsx)(i,{title:`Default`,id:`default`,children:(0,y.jsx)(o,{name:`Default`,source:j,children:(0,y.jsx)(E,{})})}),(0,y.jsxs)(i,{title:`States`,id:`states`,children:[(0,y.jsx)(o,{name:`IdleSuggestions`,source:j,children:(0,y.jsx)(D,{})}),(0,y.jsx)(o,{name:`PopulatedResults`,source:j,children:(0,y.jsx)(O,{})}),(0,y.jsx)(o,{name:`LoadingState`,source:j,children:(0,y.jsx)(k,{})}),(0,y.jsx)(o,{name:`EmptyState`,source:j,children:(0,y.jsx)(A,{})})]}),(0,y.jsx)(i,{title:`Usage notes`,id:`usage-notes`,children:(0,y.jsxs)(t.p,{children:[(0,y.jsx)(t.code,{children:`GlobalSearch`}),` is a controlled search palette. The library does not fetch
+anything — the consumer owns the `,(0,y.jsx)(t.code,{children:`query`}),` state and supplies the `,(0,y.jsx)(t.code,{children:`results`}),`
+array. The default example wires `,(0,y.jsx)(t.code,{children:`query`}),` to the in-repo mock fetcher in
+`,(0,y.jsx)(t.code,{children:`src/preview/_mocks/fetchers.ts`}),`, which simulates an API delay.`]})}),(0,y.jsx)(i,{title:`API`,id:`api`,children:(0,y.jsx)(m,{component:`GlobalSearch`})})]})}function N(e={}){let{wrapper:t}=e.components||{};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(M,{...e})}):M(e)}function P(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{N as default};

package/dist/showcase/assets/globe-C92uBSrO.js

@@ -0,0 +1 @@
+import{l as e}from"./index-BjjNfnhP.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-D4ly60sD.js

@@ -0,0 +1,58 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,p as a,t as o}from"./section-DuBNJP4P.js";import{r as s,t as c}from"./example-6bZGEb3-.js";import{t as l}from"./dollar-sign-COaRmdJE.js";import{t as u}from"./shopping-bag-5hLD82YW.js";import{t as d}from"./sparkles-CIB5irID.js";import{t as f}from"./users-CuO8W7wn.js";import{d as p,n as m}from"./index-BjjNfnhP.js";import{t as h}from"./props-table-X9St7Q4m.js";var g=t(n(),1),_=p(),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:i,value:o,valueLabel:c,badge:l,icon:u,alertText:d,alertCount:f,action:p,footer:h,children:g,className:y}){let b=x[t],S=!!(n||i||u);return(0,_.jsxs)(`div`,{className:m(`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)(a,{weight:`semibold`,className:`tracking-tight leading-snug text-inverse-foreground`,children:n}),!!i&&(0,_.jsx)(a,{size:`xs`,className:`mt-0.5 leading-snug text-inverse-muted`,children:i})]}),!!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)(r,{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)(a,{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-xs 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)(a,{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}),(!!p||!!h)&&(0,_.jsxs)(`div`,{className:`flex items-center justify-between gap-3 pt-1`,children:[p?(0,_.jsx)(s,{variant:`dark`,onClick:p.onClick,className:`rounded-xl px-4`,children:p.label}):(0,_.jsx)(`span`,{}),!!h&&(0,_.jsx)(a,{size:`xs`,className:`text-inverse-muted`,children:h})]})]})]})}S.displayName=`GradientCard`;function C({gradient:e=`coral`,pattern:t=`none`,title:n,value:i,change:o,subtitle:s,className:c}){let l=x[t];return(0,_.jsxs)(`div`,{className:m(`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)(a,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-inverse-muted`,children:n}),(0,_.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!i&&(0,_.jsx)(r,{tag:`h4`,align:`left`,className:`text-2xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:i}),!!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)(a,{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'];
+
+export function HeroCardWithAction() {
+	return (
+		<>
+			<GradientCard
+								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={ShoppingBag}
+								action={{ label: 'Review Orders', onClick: () => {} }}
+							/>
+		</>
+	);
+}
+
+export function CompactAllGradients() {
+	return (
+		<>
+			<div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-5">
+								{PRESETS.map((g) => (
+									<GradientCardCompact
+										key={g}
+										gradient={g}
+										pattern={g === 'ocean' || g === 'ember' ? 'circles' : g === 'twilight' ? 'diagonal' : 'none'}
+										title={g}
+										value="42"
+										change="+5%"
+										subtitle="this month"
+									/>
+								))}
+							</div>
+		</>
+	);
+}
+
+export function HeroVariants() {
+	return (
+		<>
+			<div className="grid gap-4 md:grid-cols-2">
+								<GradientCard gradient="ocean" title="Monthly Sales" subtitle="March 2026" value="52,340 USD" badge="+12.5%" icon={DollarSign} action={{ label: 'View Report', onClick: () => {} }} />
+								<GradientCard gradient="forest" pattern="diagonal" title="New Customers" subtitle="This week" value="248" icon={Users} action={{ label: 'See list', onClick: () => {} }} />
+								<GradientCard gradient="twilight" title="AI Insights" subtitle="Recent" value="—" icon={Sparkles} />
+								<GradientCard gradient="ember" pattern="circles" title="Critical alerts" subtitle="Last 24h" value="3" alertText="Investigate immediately" alertCount={3} />
+							</div>
+		</>
+	);
+}
+`;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)(i,{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};

package/dist/showcase/assets/hash-BShTbxlR.js

@@ -0,0 +1 @@
+import{l as e}from"./index-BjjNfnhP.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-CSiNqg9Q.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{y as n}from"./sidebar.context-BiNOpG5W.js";import{d as r,n as i}from"./index-BjjNfnhP.js";import{t as a}from"./separator-O-VQMSf_.js";import{t as o}from"./breadcrumbs-Bamog6P5.js";import{t as s}from"./use-layout-link-e9jr981L.js";var c=e(t(),1),l=r();function u({breadcrumbs:e=[],homeBreadcrumb:t=null,showSidebarTrigger:r=!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:i(`relative flex min-h-9 min-w-0 items-stretch gap-3 overflow-hidden`,p),children:[!!r&&(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:[!!r&&(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:`small`,renderLink:m,className:i(`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:r=!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:i(`sticky top-0 z-40 flex min-h-shell-header 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:i(`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:r,renderLink:x,className:b})})),!!(f?.left??o)&&(0,l.jsx)(`div`,{className:i(`flex min-w-0 items-center`,_),children:f?.left??o}),!!(f?.center??c)&&(0,l.jsx)(`div`,{className:i(`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:i(`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-CpHeFPQF.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{o as n,p as r}from"./section-DuBNJP4P.js";import{t as i}from"./bell-D7HWGStL.js";import{r as a}from"./example-6bZGEb3-.js";import{a as o,i as s}from"./sidebar.context-BiNOpG5W.js";import{N as c,a as l,d as u,l as d,n as f}from"./index-BjjNfnhP.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-KoFNw-fX.js";import{t as x}from"./use-layout-link-e9jr981L.js";var S=d(`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=u();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:n=!0,strings:i,className:s,iconClassName:u,shortcutSlot:d}){let p=c(o,i),m=(0,C.useMemo)(()=>t??E(),[t]);w({key:`k`,enabled:n,onTrigger:e});let h=m?p.shortcutMac:p.shortcutPc,g=d??(0,T.jsx)(`kbd`,{className:`header-search--shortcut hidden h-5 shrink-0 items-center gap-space-sm rounded-md border border-border/70 bg-background/60 px-space-sm font-mono text-xs text-muted-foreground lg:inline-flex`,children:m?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(S,{className:`size-icon-sm text-muted-foreground`,"aria-hidden":`true`}),(0,T.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,children:`K`})]}):(0,T.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,children:`Ctrl+K`})});return(0,T.jsxs)(a,{"data-component":`header-search`,"data-slot":`header-search-trigger`,type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:e,className:f(`header-search--component header-search--trigger h-control-sm w-full min-w-52 justify-start gap-space-md rounded-lg border-border/80 bg-muted/40 px-control-sm 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 dark:hover:bg-muted/60 dark:hover:text-foreground`,s),title:h,children:[(0,T.jsx)(l,{"data-slot":`header-search-icon`,className:f(`header-search--icon size-icon shrink-0 text-muted-foreground`,u),"aria-hidden":`true`}),(0,T.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,"data-slot":`header-search-placeholder`,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:l,onViewAll:u,viewAllHref:d,renderLink:S,LinkComponent:C,align:w=`end`,side:E=`bottom`,strings:D,className:O,contentClassName:A,renderNotification:j}){let M=c(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)(a,{"data-component":`header-notifications`,"data-slot":`header-notifications-trigger`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":M.triggerLabel,className:f(`header-notifications--component header-notifications--trigger relative`,O),children:[(0,T.jsx)(i,{className:`size-4`,"aria-hidden":`true`}),t>0&&(0,T.jsx)(n,{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 leading-none`,children:P})]})}),(0,T.jsxs)(v,{"data-component":`header-notifications-content`,"data-slot":`header-notifications-content`,className:f(`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)(r,{tag:`span`,weight:`semibold`,children:M.heading}),t>0&&!!l&&(0,T.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:l,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)(r,{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))})]}),!!(u||d)&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(m,{}),d?(0,T.jsx)(y,{href:d,render:e=>N({...e,href:d,children:e.children}),children:M.viewAll}):(0,T.jsx)(p,{onClick:u,children:M.viewAll})]})]})]})}function k({notification:e,onClick:t,renderLink:n,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)(r,{weight:`medium`,children:e.title}),!!e.description&&(0,T.jsx)(r,{size:`xs`,type:`secondary`,children:e.description}),!!e.time&&(0,T.jsx)(r,{size:`xs`,type:`secondary`,children:e.time})]}),o=f(`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=>n({...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-B3hXs7fr.js

@@ -0,0 +1 @@
+import{l as e}from"./index-BjjNfnhP.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};