admin-ui-starter-kit 0.1.2 → 0.1.4

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./react-dom-Bz4cALsF.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-B7wr19E1.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{An as n,At as r,Cn as i,Ct as a,Dt as o,En as s,Et as c,Ht as l,It as u,Ln as d,On as f,Ot as p,Rt as m,Sn as h,St as g,Tn as _,Tt as v,Zt as y,_n as b,an as ee,bn as te,cr as x,hn as ne,ir as S,jt as re,kn as ie,kt as ae,nt as oe,rr as C,rt as se,ur as ce,wn as w,wt as le,xn as T,zt as E}from"./example-C6-_Sy6B.js";import{s as ue}from"./useOpenInteractionType-BLV8Pa2n.js";var D=e(t()),O=`Escape`;function k(e,t,n){switch(e){case`vertical`:return t;case`horizontal`:return n;default:return t||n}}function A(e,t){return k(t,e===`ArrowUp`||e===`ArrowDown`,e===`ArrowLeft`||e===`ArrowRight`)}function de(e,t,n){return k(t,e===`ArrowDown`,n?e===`ArrowLeft`:e===`ArrowRight`)||e===`Enter`||e===` `||e===``}function fe(e,t,n){return k(t,n?e===w:e===_,e===i)}function pe(e,t,n,r){return t===`both`||t===`horizontal`&&r&&r>1?e===O:k(t,n?e===_:e===w,e===s)}function j(e,t){let{listRef:i,activeIndex:s,onNavigate:d=()=>{},enabled:_=!0,selectedIndex:x=null,allowEscape:ae=!1,loopFocus:w=!1,nested:O=!1,rtl:k=!1,virtual:j=!1,focusItemOnOpen:M=`auto`,focusItemOnHover:N=!0,openOnArrowKeyDown:me=!0,disabledIndices:P=void 0,orientation:F=`vertical`,parentOrientation:he,cols:I=1,id:ge,resetOnPointerLeave:_e=!0,externalTree:ve}=t,L=`rootStore`in e?e.rootStore:e,R=L.useState(`open`),z=L.useState(`floatingElement`),B=L.useState(`domReferenceElement`),ye=L.context.dataRef,be=ne(z),xe=b(B),V=E(be),Se=oe(),H=se(ve),U=D.useRef(M),W=D.useRef(x??-1),G=D.useRef(null),K=D.useRef(!0),q=S(e=>{d(W.current===-1?null:W.current,e)}),Ce=D.useRef(q),J=D.useRef(!!z),we=D.useRef(R),Y=D.useRef(!1),X=D.useRef(!1),Te=D.useRef(null),Ee=E(P),Z=E(R),Q=E(x),De=E(_e),Oe=m(),ke=m(),Ae=S(()=>{function e(e){j?H?.events.emit(`virtualfocus`,e):Te.current=ue(e,{sync:Y.current,preventScroll:!0})}let t=i.current[W.current],n=X.current;t&&e(t),(Y.current?e=>e():e=>Oe.request(e))(()=>{let r=i.current[W.current]||t;r&&(t||e(r),Fe&&(n||!K.current)&&r.scrollIntoView?.({block:`nearest`,inline:`nearest`}))})});C(()=>{ye.current.orientation=F},[ye,F]),C(()=>{_&&(R&&z?(W.current=x??-1,U.current&&x!=null&&(X.current=!0,q())):J.current&&(W.current=-1,Ce.current()))},[_,R,z,x,q]),C(()=>{if(_){if(!R){Y.current=!1;return}if(z)if(s==null){if(Y.current=!1,Q.current!=null)return;if(J.current&&(W.current=-1,Ae()),(!we.current||!J.current)&&U.current&&(G.current!=null||U.current===!0&&G.current==null)){let e=0,t=()=>{i.current[0]==null?(e<2&&(e?e=>ke.request(e):queueMicrotask)(t),e+=1):(W.current=G.current==null||de(G.current,F,k)||O?p(i):o(i),G.current=null,q())};t()}}else r(i.current,s)||(W.current=s,Ae(),X.current=!1)}},[_,R,z,s,Q,O,i,F,k,q,Ae,ke]),C(()=>{if(!_||z||!H||j||!J.current)return;let e=H.nodesRef.current,t=e.find(e=>e.id===Se)?.context?.elements.floating,n=te(u(z)),r=e.some(e=>e.context&&T(e.context.elements.floating,n));t&&!r&&K.current&&t.focus({preventScroll:!0})},[_,z,H,Se,j]),C(()=>{Ce.current=q,we.current=R,J.current=!!z}),C(()=>{R||(G.current=null,U.current=M)},[R,M]);let je=s!=null,Me=S(e=>{if(!Z.current)return;let t=i.current.indexOf(e.currentTarget);t!==-1&&(W.current!==t||s!==t)&&(W.current=t,q(e))}),Ne=S(()=>he??H?.nodesRef.current.find(e=>e.id===Se)?.context?.dataRef?.current.orientation),Pe=S(()=>p(i,Ee.current)),$=S(e=>{if(K.current=!1,Y.current=!0,e.which===229||!Z.current&&e.currentTarget===V.current)return;if(O&&pe(e.key,F,k,I)){A(e.key,Ne())||n(e),L.setOpen(!1,l(ee,e.nativeEvent)),ce(B)&&(j?H?.events.emit(`virtualfocus`,B):B.focus());return}let t=W.current,s=p(i,P),u=o(i,P);if(xe||(e.key===`Home`&&(n(e),W.current=s,q(e)),e.key===`End`&&(n(e),W.current=u,q(e))),I>1){let t=Array.from({length:i.current.length},()=>({width:1,height:1})),n=g(t,I,!1),r=n.findIndex(e=>e!=null&&!re(i.current,e,P)),a=n.reduce((e,t,n)=>t!=null&&!re(i.current,t,P)?n:e,-1),o=n[c(n.map(e=>e==null?null:i.current[e]),{event:e,orientation:F,loopFocus:w,rtl:k,cols:I,disabledIndices:v([...(typeof P==`function`?null:P)||i.current.map((e,t)=>re(i.current,t,P)?t:void 0),void 0],n),minIndex:r,maxIndex:a,prevIndex:le(W.current>u?s:W.current,t,n,I,e.key===`ArrowDown`?`bl`:e.key===(k?`ArrowLeft`:`ArrowRight`)?`tr`:`tl`),stopEvent:!0})];if(o!=null&&(W.current=o,q(e)),F===`both`)return}if(A(e.key,F)){if(n(e),R&&!j&&te(e.currentTarget.ownerDocument)===e.currentTarget){W.current=de(e.key,F,k)?s:u,q(e);return}de(e.key,F,k)?w?t>=u?ae&&t!==i.current.length?W.current=-1:(Y.current=!1,W.current=s):W.current=a(i.current,{startingIndex:t,disabledIndices:P}):W.current=Math.min(u,a(i.current,{startingIndex:t,disabledIndices:P})):w?t<=s?ae&&t!==-1?W.current=i.current.length:(Y.current=!1,W.current=u):W.current=a(i.current,{startingIndex:t,decrement:!0,disabledIndices:P}):W.current=Math.max(s,a(i.current,{startingIndex:t,decrement:!0,disabledIndices:P})),r(i.current,W.current)&&(W.current=-1),q(e)}}),Fe=D.useMemo(()=>({onFocus(e){Y.current=!0,Me(e)},onClick:({currentTarget:e})=>e.focus({preventScroll:!0}),onMouseMove(e){Y.current=!0,X.current=!1,N&&Me(e)},onPointerLeave(e){if(!Z.current||!K.current||e.pointerType===`touch`)return;Y.current=!0;let t=e.relatedTarget;if(!(!N||i.current.includes(t))&&De.current&&(Te.current?.(),Te.current=null,W.current=-1,q(e),!j)){let e=V.current,t=te(u(e));e&&T(e,t)&&e.focus({preventScroll:!0})}}}),[Me,Z,V,N,i,q,De,j]),Ie=D.useMemo(()=>j&&R&&je&&{"aria-activedescendant":`${ge}-${s}`},[j,R,je,ge,s]),Le=D.useMemo(()=>({"aria-orientation":F===`both`?void 0:F,...xe?{}:Ie,onKeyDown(e){if(e.key===`Tab`&&e.shiftKey&&R&&!j){let t=h(e.nativeEvent);if(t&&!T(V.current,t))return;n(e),L.setOpen(!1,l(y,e.nativeEvent)),ce(B)&&B.focus();return}$(e)},onPointerMove(){K.current=!0}}),[Ie,$,V,F,xe,L,R,j,B]),Re=D.useMemo(()=>{function e(e){L.setOpen(!0,l(ee,e.nativeEvent,e.currentTarget))}function t(e){M===`auto`&&f(e.nativeEvent)&&(U.current=!j)}function r(e){U.current=M,M===`auto`&&ie(e.nativeEvent)&&(U.current=!0)}return{onKeyDown(t){let r=L.select(`open`);K.current=!1;let i=t.key.startsWith(`Arrow`),a=fe(t.key,Ne(),k),o=A(t.key,F),s=(O?a:o)||t.key===`Enter`||t.key.trim()===``;if(j&&r)return $(t);if(!(!r&&!me&&i)){if(s){let e=A(t.key,Ne());G.current=O&&e?null:t.key}if(O){a&&(n(t),r?(W.current=Pe(),q(t)):e(t));return}o&&(Q.current!=null&&(W.current=Q.current),n(t),!r&&me?e(t):$(t),r&&q(t))}},onFocus(e){L.select(`open`)&&!j&&(W.current=-1,q(e))},onPointerDown:r,onPointerEnter:r,onMouseDown:t,onClick:t}},[$,M,Pe,O,q,L,me,F,Ne,k,Q,j]),ze=D.useMemo(()=>({...Ie,...Re}),[Ie,Re]);return D.useMemo(()=>_?{reference:ze,floating:Le,item:Fe,trigger:Re}:{},[_,ze,Le,Re,Fe])}function M(e,t){let{listRef:r,elementsRef:i,activeIndex:a,onMatch:o,onTyping:s,enabled:c=!0,resetMs:l=750,selectedIndex:u=null}=t,f=`rootStore`in e?e.rootStore:e,p=f.useState(`open`),m=d(),h=D.useRef(``),g=D.useRef(u??a??-1),_=D.useRef(null),v=S(e=>{function t(e){let t=i?.current[e];return!t||ae(t)}function c(e,n,r=0){if(e.length===0)return-1;let i=(r%e.length+e.length)%e.length,a=n.toLocaleLowerCase();for(let n=0;n<e.length;n+=1){let r=(i+n)%e.length;if(!(!e[r]?.toLocaleLowerCase().startsWith(a)||!t(r)))return r}return-1}let d=r.current;if(h.current.length>0&&e.key===` `&&(n(e),s?.(!0)),h.current.length>0&&h.current[0]!==` `&&c(d,h.current)===-1&&e.key!==` `&&s?.(!1),d==null||e.key.length!==1||e.ctrlKey||e.metaKey||e.altKey)return;p&&e.key!==` `&&(n(e),s?.(!0));let f=h.current===``;f&&(g.current=u??a??-1),d.every(e=>e?e[0]?.toLocaleLowerCase()!==e[1]?.toLocaleLowerCase():!0)&&h.current===e.key&&(h.current=``,g.current=_.current),h.current+=e.key,m.start(l,()=>{h.current=``,g.current=_.current,s?.(!1)});let v=((f?u??a??-1:g.current)??0)+1,y=c(d,h.current,v);y===-1?e.key!==` `&&(h.current=``,s?.(!1)):(o?.(y),_.current=y)}),y=S(e=>{let t=e.relatedTarget,n=f.select(`domReferenceElement`),r=f.select(`floatingElement`);T(n,t)||T(r,t)||(m.clear(),h.current=``,g.current=_.current,s?.(!1))});C(()=>{!p&&u!==null||(m.clear(),_.current=null,h.current!==``&&(h.current=``))},[p,u,m]),C(()=>{p&&h.current===``&&(g.current=u??a??-1)},[p,u,a]);let b=D.useMemo(()=>({onKeyDown:v,onBlur:y}),[v,y]);return D.useMemo(()=>c?{reference:b,floating:b}:{},[c,b])}function N(e){let t=e.getBoundingClientRect(),n=x(e),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,o=parseFloat(r.height)||0,s=parseFloat(i.width)||0,c=parseFloat(i.height)||0,l=Math.max(t.width,a,s),u=Math.max(t.height,o,c),d=l-t.width,f=u-t.height;return{left:t.left-d/2,right:t.right+d/2,top:t.top-f/2,bottom:t.bottom+f/2}}export{M as n,j as r,N as t};

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

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

@@ -0,0 +1,85 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{Cr as t,Sr as n,Tr as r,gr as i,hr as a,kr as o,mr as s,r as c,t as l}from"./example-C6-_Sy6B.js";import{t as u}from"./arrow-right-BclouSfP.js";import{t as d}from"./calendar-oKaDsUIy.js";import{t as f}from"./eye-JVsUA85G.js";import{t as p}from"./gift-CKFIh1Wh.js";import{t as m}from"./sparkles-BEa1AgNq.js";import{t as h}from"./user-CGcV8Ppb.js";import{D as g,a as _}from"./index-B8DVXCmf.js";import{t as v}from"./props-table-CM_1cocj.js";import{t as y}from"./icon-badge-Bcm8TlJi.js";import{t as b}from"./inline-stat-D0sE-A4C.js";import{c as x,i as S,n as C,o as w,r as T,t as E,u as D}from"./item-CMRbW6s-.js";var O={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`},k={active:`success`,redeemed:`secondary`,expired:`error`,disabled:`warning`};O.status.active,O.status.redeemed,O.status.expired,O.status.disabled;var A={purple:{card:`from-violet-600 via-purple-700 to-indigo-800`,strip:`from-violet-500 via-purple-600 to-indigo-700`},green:{card:`from-emerald-600 via-teal-700 to-emerald-800`,strip:`from-emerald-500 via-teal-600 to-emerald-700`},warm:{card:`from-orange-500 via-rose-600 to-pink-700`,strip:`from-orange-400 via-rose-500 to-pink-600`}},j={purple:`from-violet-600 to-indigo-800`,green:`from-emerald-600 to-teal-800`,warm:`from-orange-500 to-rose-700`},M={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`}},N={green:`from-emerald-500 to-teal-600`,blue:`from-blue-500 to-indigo-600`,amber:`from-amber-500 to-orange-600`},P={green:`bg-emerald-500 ring-4 ring-white shadow-lg`,blue:`bg-blue-500 ring-4 ring-white shadow-lg`,amber:`bg-amber-500 ring-4 ring-white shadow-lg`},F=_();function I({code:e,amount:i,remainingAmount:a,status:s,recipientName:l,senderName:u,message:_,expiresAt:v,createdAt:y,template:b,onView:x,gradient:S=`purple`,pattern:C=`none`,className:w,strings:T}){let E=g(O,T),D=E.status[s],j=k[s],M=!!a&&a!==i,N=M?a:i;return(0,F.jsxs)(`div`,{className:r(`group w-full max-w-sm transition-shadow duration-300 ease-out`,`hover:shadow-md hover:shadow-black/10`,w),children:[(0,F.jsxs)(`div`,{className:r(`relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6`,A[S].card),children:[C===`circles`&&(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(`div`,{className:`absolute -top-8 -right-8 h-32 w-32 rounded-full bg-white/5`,"aria-hidden":`true`}),(0,F.jsx)(`div`,{className:`absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-white/5`,"aria-hidden":`true`})]}),C===`waves`&&(0,F.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-5`,viewBox:`0 0 400 200`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:[(0,F.jsx)(`path`,{d:`M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z`,fill:`white`}),(0,F.jsx)(`path`,{d:`M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z`,fill:`white`})]}),(0,F.jsx)(`div`,{className:`absolute top-4 right-4 z-20`,children:(0,F.jsxs)(`span`,{className:r(`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wide`,`bg-white/20 text-white border border-white/25 shadow-sm backdrop-blur-md`),"data-status":j,children:[(0,F.jsx)(`span`,{className:`size-1.5 rounded-full bg-white/85`,"aria-hidden":`true`}),D]})}),(0,F.jsxs)(`div`,{className:`relative z-10`,children:[(0,F.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,F.jsx)(p,{className:`h-5 w-5 text-white/80`}),(0,F.jsx)(t,{weight:`medium`,className:`text-white/80`,children:E.giftCard})]}),(0,F.jsxs)(`div`,{className:`mt-8 mb-5`,children:[(0,F.jsx)(t,{size:`xs`,className:`text-white/50 uppercase tracking-wider`,children:E.balance}),(0,F.jsxs)(`div`,{className:`flex items-baseline gap-2.5 mt-1`,children:[(0,F.jsx)(n,{tag:`h2`,className:`text-4xl border-none pb-0 text-white tabular-nums drop-shadow-sm`,children:N}),!!M&&(0,F.jsx)(t,{className:`text-white/40 line-through tabular-nums`,children:i})]})]}),(0,F.jsxs)(`div`,{className:r(`flex items-center gap-2 rounded-lg px-4 py-2.5`,`bg-white/10 backdrop-blur-sm`,`border border-white/15`,`shadow-[0_0_12px_-3px_rgba(255,255,255,0.15)]`),children:[(0,F.jsx)(t,{weight:`semibold`,className:`text-white font-mono tracking-[0.2em] flex-1`,children:e}),(0,F.jsx)(c,{variant:`light`,buttonStyle:`ghost`,className:`p-1 h-auto text-white/50 hover:text-white hover:bg-white/10`,"aria-label":E.copyCode,children:(0,F.jsx)(o,{className:`h-4 w-4`})})]})]})]}),(0,F.jsxs)(`div`,{className:`rounded-b-lg bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4`,children:[!!_&&(0,F.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 border border-border/30`,children:[(0,F.jsxs)(`div`,{className:`flex items-center gap-1.5 mb-1`,children:[(0,F.jsx)(m,{className:`h-3 w-3 text-warning`}),(0,F.jsx)(t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:E.personalMessage})]}),(0,F.jsxs)(t,{type:`secondary`,className:`italic leading-relaxed`,children:[`“`,_,`”`]})]}),(0,F.jsxs)(`div`,{className:`grid grid-cols-2 gap-3`,children:[!!l&&(0,F.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,F.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,F.jsx)(h,{className:`h-3 w-3 text-muted-foreground`}),(0,F.jsx)(t,{size:`xxs`,type:`discrete`,weight:`medium`,className:`uppercase tracking-wide`,children:E.to})]}),(0,F.jsx)(t,{weight:`medium`,children:l})]}),!!u&&(0,F.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,F.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,F.jsx)(h,{className:`h-3 w-3 text-muted-foreground`}),(0,F.jsx)(t,{size:`xxs`,type:`discrete`,weight:`medium`,className:`uppercase tracking-wide`,children:E.from})]}),(0,F.jsx)(t,{weight:`medium`,children:u})]}),!!v&&(0,F.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,F.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,F.jsx)(d,{className:`h-3 w-3 text-muted-foreground`}),(0,F.jsx)(t,{size:`xxs`,type:`discrete`,weight:`medium`,className:`uppercase tracking-wide`,children:E.expires})]}),(0,F.jsx)(t,{weight:`medium`,children:v})]})]}),!!x&&(0,F.jsx)(c,{variant:`secondary`,buttonStyle:`outline`,icon:f,fullWidth:!0,onClick:x,children:E.viewDetails})]})]})}I.displayName=`GiftcardCard`;function L({code:e,amount:n,remainingAmount:a,status:o,recipientName:s,gradient:c=`purple`,className:l,strings:u}){let d=g(O,u).status[o],f=k[o],m=!!a&&a!==n,h=m?a:n;return(0,F.jsxs)(E,{variant:`outline`,className:r(`shadow-sm transition-colors duration-150 hover:border-border`,l),children:[(0,F.jsx)(x,{variant:`image`,children:(0,F.jsx)(`div`,{className:r(`flex size-full items-center justify-center bg-gradient-to-br`,j[c]),children:(0,F.jsx)(p,{className:`h-4 w-4 text-white`})})}),(0,F.jsxs)(T,{children:[(0,F.jsx)(D,{className:`font-mono`,children:e}),!!s&&(0,F.jsx)(S,{clamp:1,children:s})]}),(0,F.jsx)(C,{children:(0,F.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,F.jsxs)(`div`,{className:`flex items-baseline gap-1`,children:[(0,F.jsx)(t,{size:`base`,weight:`bold`,className:`tabular-nums`,children:h}),!!m&&(0,F.jsx)(t,{size:`xxs`,type:`discrete`,className:`line-through tabular-nums`,children:n})]}),(0,F.jsx)(i,{variant:f,children:d})]})})]})}L.displayName=`GiftcardCompact`;function R({code:e,amount:a,remainingAmount:s,status:l,recipientName:d,expiresAt:f,onView:m,color:h=`green`,className:_,strings:v}){let y=g(O,v),S=y.status[l],w=k[l],A=!!s&&s!==a,j=A?s:a,N=M[h];return(0,F.jsxs)(`div`,{className:r(`w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,_),children:[(0,F.jsx)(`div`,{className:r(`mx-4 mt-4 h-1 w-12 rounded-sm`,N.line)}),(0,F.jsxs)(E,{size:`xs`,className:`px-4 pb-2 pt-3`,children:[(0,F.jsx)(x,{children:(0,F.jsx)(`div`,{className:r(`flex h-8 w-8 items-center justify-center rounded-full`,N.iconBg),children:(0,F.jsx)(p,{className:`h-4 w-4`})})}),(0,F.jsx)(T,{children:(0,F.jsx)(D,{bold:!1,className:`text-muted-foreground`,children:y.giftCard})}),(0,F.jsx)(C,{children:(0,F.jsx)(i,{variant:w,children:S})})]}),(0,F.jsx)(`div`,{className:`px-4 pb-3 pt-1`,children:(0,F.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,F.jsx)(n,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:j}),!!A&&(0,F.jsx)(t,{type:`discrete`,className:`line-through tabular-nums`,children:a})]})}),(0,F.jsxs)(`div`,{className:`mx-4 flex items-center gap-2 rounded-md border border-border/30 bg-muted/50 px-3 py-2`,children:[(0,F.jsx)(t,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:e}),(0,F.jsx)(c,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,className:`shrink-0`,"aria-label":y.copyCode,children:(0,F.jsx)(o,{className:`h-3.5 w-3.5`})})]}),(0,F.jsxs)(`div`,{className:`space-y-2 px-4 pb-2 pt-3`,children:[!!d&&(0,F.jsx)(b,{label:y.recipient,value:d,valueClassName:`text-sm font-medium`}),!!f&&(0,F.jsx)(b,{label:y.expires,value:f,valueClassName:`text-sm font-medium`})]}),!!m&&(0,F.jsx)(`div`,{className:`px-3 py-2 border-t border-border/30 mt-2`,children:(0,F.jsxs)(c,{variant:`secondary`,buttonStyle:`ghost`,onClick:m,className:`group/link`,children:[y.viewDetails,(0,F.jsx)(u,{className:`ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5`})]})})]})}R.displayName=`GiftcardCardMinimal`;function z({code:e,amount:a,remainingAmount:s,status:l,recipientName:u,expiresAt:d,onView:m,className:h,strings:_}){let v=g(O,_),y=v.status[l],S=k[l],w=!!s&&s!==a,A=w?s:a;return(0,F.jsxs)(`div`,{className:r(`dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,h),children:[(0,F.jsxs)(E,{size:`xs`,className:`px-4 pb-2 pt-4`,children:[(0,F.jsx)(x,{children:(0,F.jsx)(`div`,{className:`flex h-8 w-8 items-center justify-center rounded-full bg-warning/15`,children:(0,F.jsx)(p,{className:`h-4 w-4 text-warning`})})}),(0,F.jsx)(T,{children:(0,F.jsx)(D,{bold:!1,className:`text-muted-foreground`,children:v.giftCard})}),(0,F.jsx)(C,{children:(0,F.jsx)(i,{variant:S,children:y})})]}),(0,F.jsx)(`div`,{className:`px-4 pb-3 pt-2`,children:(0,F.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,F.jsx)(n,{tag:`h2`,className:`border-none pb-0 text-3xl tabular-nums`,children:A}),!!w&&(0,F.jsx)(t,{type:`discrete`,className:`line-through tabular-nums`,children:a})]})}),(0,F.jsxs)(`div`,{className:`mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2`,children:[(0,F.jsx)(t,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:e}),(0,F.jsx)(c,{variant:`secondary`,buttonStyle:`ghost`,onClick:()=>{},className:`p-1 h-auto`,"aria-label":v.copyCode,children:(0,F.jsx)(o,{className:`h-3.5 w-3.5`})})]}),(0,F.jsxs)(`div`,{className:`space-y-2 px-4 pb-2 pt-3`,children:[!!u&&(0,F.jsx)(b,{label:v.recipient,value:u,valueClassName:`text-sm font-medium`}),!!d&&(0,F.jsx)(b,{label:v.expires,value:d,valueClassName:`text-sm font-medium`})]}),!!m&&(0,F.jsx)(`div`,{className:`px-4 pb-4 pt-2`,children:(0,F.jsx)(c,{variant:`light`,buttonStyle:`solid`,icon:f,fullWidth:!0,onClick:m,className:`bg-white text-zinc-900 hover:bg-white/90 hover:text-zinc-900`,children:v.viewDetails})})]})}z.displayName=`GiftcardCardDark`;function B({code:e,amount:a,remainingAmount:s,status:l,recipientName:u,expiresAt:m,onView:_,headerColor:v=`green`,className:b,strings:S}){let C=g(O,S),A=C.status[l],j=k[l],M=!!s&&s!==a,I=M?s:a;return(0,F.jsxs)(`div`,{className:r(`giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,b),children:[(0,F.jsxs)(`div`,{className:r(`relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4`,N[v]),children:[(0,F.jsx)(`div`,{className:`absolute inset-0 opacity-80`,style:{backgroundImage:`repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.03) 10px, rgba(255,255,255,0.03) 20px)`},"aria-hidden":`true`}),(0,F.jsx)(y,{icon:p,size:`md`,shape:`square`,className:r(`relative rounded-md text-white ring-1 ring-white/20`,P[v])}),(0,F.jsx)(t,{tag:`span`,size:`xs`,weight:`semibold`,className:`relative uppercase tracking-wider text-white/80`,children:C.giftCard})]}),(0,F.jsxs)(`div`,{className:`space-y-3 px-4 py-4`,children:[(0,F.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,F.jsxs)(`div`,{children:[(0,F.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,F.jsx)(n,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:I}),!!M&&(0,F.jsx)(t,{type:`discrete`,className:`line-through tabular-nums`,children:a})]}),(0,F.jsx)(t,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:C.balance})]}),(0,F.jsx)(i,{variant:j,children:A})]}),(0,F.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2`,children:[(0,F.jsx)(t,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:e}),(0,F.jsx)(c,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":C.copyCode,children:(0,F.jsx)(o,{className:`h-3.5 w-3.5`})})]}),(0,F.jsxs)(w,{className:`gap-0.5`,children:[!!u&&(0,F.jsxs)(E,{size:`xs`,className:`px-0`,children:[(0,F.jsx)(x,{variant:`icon`,className:`text-muted-foreground`,children:(0,F.jsx)(h,{})}),(0,F.jsx)(T,{children:(0,F.jsx)(D,{children:u})})]}),!!m&&(0,F.jsxs)(E,{size:`xs`,className:`px-0`,children:[(0,F.jsx)(x,{variant:`icon`,className:`text-muted-foreground`,children:(0,F.jsx)(d,{})}),(0,F.jsx)(T,{children:(0,F.jsx)(D,{children:m})})]})]}),!!_&&(0,F.jsx)(c,{variant:`secondary`,buttonStyle:`outline`,icon:f,fullWidth:!0,onClick:_,children:C.viewDetails})]})]})}B.displayName=`GiftcardCardIllustrated`;var V=e({CompactActiveExpired:()=>K,Dark:()=>W,GradientDefault:()=>H,Illustrated:()=>G,Minimal:()=>U});function H(){return(0,F.jsx)(F.Fragment,{children:(0,F.jsx)(I,{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 U(){return(0,F.jsx)(F.Fragment,{children:(0,F.jsx)(R,{code:`GCT-M1N2-A3L4`,amount:`150.00 USD`,status:`active`,color:`green`,recipientName:`Daniel Kowalski`,expiresAt:`Sep 15, 2026`,onView:()=>{}})})}function W(){return(0,F.jsx)(F.Fragment,{children:(0,F.jsx)(z,{code:`GCT-D4K5-G6H7`,amount:`1,000.00 USD`,status:`active`,recipientName:`Viktoria Johnsona`,expiresAt:`Dec 31, 2026`,onView:()=>{}})})}function G(){return(0,F.jsx)(F.Fragment,{children:(0,F.jsx)(B,{code:`GCT-I1L2-U3S4`,amount:`350.00 USD`,status:`active`,headerColor:`green`,recipientName:`Kalina Smitha`,expiresAt:`Nov 30, 2026`,onView:()=>{}})})}function K(){return(0,F.jsx)(F.Fragment,{children:(0,F.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,F.jsx)(L,{code:`GCT-A4B7-C9E2`,amount:`250.00 USD`,status:`active`,gradient:`purple`,recipientName:`Davida Todorova`,expiresAt:`Dec 31, 2026`,onView:()=>{}}),(0,F.jsx)(L,{code:`GCT-W5X8-Y1Z3`,amount:`75.00 USD`,status:`expired`,recipientName:`Dimitar Georgiev`,expiresAt:`Jan 15, 2026`})]})})}var q=`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 J(e){let t={h4:`h4`,...e.components};return V||X(`Examples`,!1),K||X(`Examples.CompactActiveExpired`,!0),W||X(`Examples.Dark`,!0),H||X(`Examples.GradientDefault`,!0),G||X(`Examples.Illustrated`,!0),U||X(`Examples.Minimal`,!0),(0,F.jsxs)(a,{title:`Composed · Giftcard cards`,description:`Five visual variants — gradient, compact, minimal, dark, illustrated.`,layer:`composed`,status:`ready`,children:[(0,F.jsxs)(s,{title:`Examples`,id:`examples`,children:[(0,F.jsx)(l,{name:`GradientDefault`,source:q,children:(0,F.jsx)(H,{})}),(0,F.jsx)(l,{name:`Minimal`,source:q,children:(0,F.jsx)(U,{})}),(0,F.jsx)(l,{name:`Dark`,source:q,children:(0,F.jsx)(W,{})}),(0,F.jsx)(l,{name:`Illustrated`,source:q,children:(0,F.jsx)(G,{})}),(0,F.jsx)(l,{name:`CompactActiveExpired`,source:q,children:(0,F.jsx)(K,{})})]}),(0,F.jsxs)(s,{title:`API`,id:`api`,children:[(0,F.jsx)(t.h4,{children:`GiftcardCard`}),(0,F.jsx)(v,{component:`GiftcardCard`}),(0,F.jsx)(t.h4,{children:`GiftcardCompact`}),(0,F.jsx)(v,{component:`GiftcardCompact`}),(0,F.jsx)(t.h4,{children:`GiftcardCardMinimal`}),(0,F.jsx)(v,{component:`GiftcardCardMinimal`}),(0,F.jsx)(t.h4,{children:`GiftcardCardDark`}),(0,F.jsx)(v,{component:`GiftcardCardDark`}),(0,F.jsx)(t.h4,{children:`GiftcardCardIllustrated`}),(0,F.jsx)(v,{component:`GiftcardCardIllustrated`})]})]})}function Y(e={}){let{wrapper:t}=e.components||{};return t?(0,F.jsx)(t,{...e,children:(0,F.jsx)(J,{...e})}):J(e)}function X(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Y as default};

package/dist/showcase/assets/git-branch-BO9i8XkJ.js

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

@@ -0,0 +1,90 @@
+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-C6-_Sy6B.js";import{t as o}from"./briefcase-2uLXCvAZ.js";import{t as s}from"./file-text-BIi71mZ1.js";import{n as c,t as l}from"./global-search-DkJkQ0Vs.js";import{t as u}from"./user-CGcV8Ppb.js";import{a as d}from"./index-B8DVXCmf.js";import{t as f}from"./props-table-CM_1cocj.js";import{r as p}from"./fetchers-DHuMQ6PN.js";var m=e({Default:()=>x}),h=t(n(),1),g=d(),_={customer:`Customers`,order:`Orders`,voucher:`Vouchers`,team:`Team`},v={customer:u,order:s,voucher:c,team:o},y={customer:`primary`,order:`info`,voucher:`success`,team:`warning`};function b(e){return{id:e.id,title:e.title,subtitle:e.subtitle,group:e.type,thumbnail:{icon:v[e.type],tone:y[e.type]}}}function x(){let[e,t]=(0,h.useState)(``),[n,r]=(0,h.useState)([]),[i,a]=(0,h.useState)(!1);return(0,h.useEffect)(()=>{let t=e.trim();if(t.length<=1){r([]),a(!1);return}let n=!1;return a(!0),p(t).then(e=>{n||(r(e.map(b)),a(!1))}),()=>{n=!0}},[e]),(0,g.jsx)(`div`,{className:`w-full`,children:(0,g.jsx)(l,{query:e,onQueryChange:t,results:n,loading:i,groupLabels:(0,h.useMemo)(()=>_,[]),onResultSelect:e=>{},onClose:()=>t(``)})})}var S=`import { Briefcase, FileText, Ticket, User } from 'lucide-react';
+import { useEffect, useMemo, useState } from 'react';
+
+import {
+	GlobalSearch,
+	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;
+
+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>
+	);
+}
+`;function C(e){let t={code:`code`,p:`p`,...e.components};return m||T(`Examples`,!1),x||T(`Examples.Default`,!0),(0,g.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,g.jsx)(i,{title:`Overview`,id:`overview`,children:(0,g.jsxs)(t.p,{children:[(0,g.jsx)(t.code,{children:`GlobalSearch`}),` is a controlled search palette. The library does not fetch
+anything — the consumer owns the `,(0,g.jsx)(t.code,{children:`query`}),` state and supplies the `,(0,g.jsx)(t.code,{children:`results`}),`
+array. The example below wires `,(0,g.jsx)(t.code,{children:`query`}),` to the in-repo mock fetcher in
+`,(0,g.jsx)(t.code,{children:`src/preview/_mocks/fetchers.ts`}),`, which simulates an API with a 280ms delay.`]})}),(0,g.jsx)(i,{title:`Examples`,id:`examples`,children:(0,g.jsx)(a,{name:`Default`,source:S,children:(0,g.jsx)(x,{})})}),(0,g.jsx)(i,{title:`API`,id:`api`,children:(0,g.jsx)(f,{component:`GlobalSearch`})})]})}function w(e={}){let{wrapper:t}=e.components||{};return t?(0,g.jsx)(t,{...e,children:(0,g.jsx)(C,{...e})}):C(e)}function T(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{w as default};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Cr as n,Or as r,Tr as i,gr as a}from"./example-C6-_Sy6B.js";import{t as o}from"./arrow-right-BclouSfP.js";import{t as s}from"./clock-Bn2R4aDX.js";import{t as c}from"./sparkles-BEa1AgNq.js";import{t as l}from"./x-CE8oevyh.js";import{a as u,n as d,r as f}from"./index-B8DVXCmf.js";import{o as p,r as m,t as h}from"./avatar-QBwg3fvR.js";import{i as g,r as _,t as v}from"./tabs-D02JL-Fa.js";var y=f(`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`}]]),b=e(t(),1),x=u(),S={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 C(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function w({results:e,query:t,onResultSelect:n,onClose:r}){let[i,a]=(0,b.useState)(`all`),[o,s]=(0,b.useState)(0);(0,b.useEffect)(()=>{a(`all`),s(0)},[t]);let c=(0,b.useMemo)(()=>{let t={};for(let n of e)(t[n.group]??=[]).push(n);return t},[e]),l=(0,b.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,b.useMemo)(()=>{if(i===`all`)return c;let e=c[i];return e?{[i]:e}:{}},[c,i]),d=(0,b.useMemo)(()=>i===`all`?e.slice():c[i]??[],[i,c,e]),f=(0,b.useRef)(o);f.current=o;let p=(0,b.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 T({title:e,hint:t}){return(0,x.jsxs)(`div`,{className:`px-6 py-12 text-center`,children:[(0,x.jsx)(`div`,{className:`mx-auto mb-3 inline-flex size-10 items-center justify-center rounded-full bg-muted/60`,children:(0,x.jsx)(d,{className:`size-4 text-muted-foreground`,"aria-hidden":`true`})}),(0,x.jsx)(n,{weight:`medium`,children:e}),(0,x.jsx)(n,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})}var E=`rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground`;function D({navigateLabel:e,openLabel:t,closeLabel:r,trailing:a,className:o}){return(0,x.jsxs)(`div`,{className:i(`flex items-center justify-between border-t border-border/60 px-4 py-2`,o),children:[(0,x.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,x.jsx)(`kbd`,{className:E,children:`↑↓`}),(0,x.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,children:e}),(0,x.jsx)(`kbd`,{className:E,children:`↵`}),(0,x.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,children:t}),(0,x.jsx)(`kbd`,{className:E,children:`esc`}),(0,x.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,children:r})]}),a]})}function O({sections:e,fallbackIcons:t}){return(0,x.jsx)(`div`,{className:`space-y-4 px-2 py-3`,children:e.map((e,r)=>(0,x.jsxs)(`div`,{children:[(0,x.jsxs)(`div`,{className:`flex items-center gap-2 px-3 pb-1.5`,children:[(0,x.jsx)(e.icon??(r===0?t?.recent??s:t?.suggestions??c),{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,x.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label})]}),(0,x.jsx)(`ul`,{className:`space-y-0.5`,children:e.items.map(e=>{let t=e.icon??d;return(0,x.jsx)(`li`,{children:(0,x.jsxs)(`button`,{type:`button`,onClick:e.onSelect,className:i(`flex w-full items-center gap-3 rounded-md px-3 py-1.5 text-left transition-colors`,`hover:bg-muted/50 focus-visible:bg-muted/50 focus-visible:outline-none`),children:[(0,x.jsx)(t,{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`}),(0,x.jsx)(n,{className:`flex-1 truncate`,children:e.label})]})},e.id)})})]},e.id))})}var k=b.forwardRef(function({value:e,onChange:t,onKeyDown:n,placeholder:i,clearLabel:a=`Clear search`,loading:o=!1,autoFocus:s=!1},c){let u=b.useRef(null);return b.useImperativeHandle(c,()=>u.current),b.useEffect(()=>{s&&u.current?.focus()},[s]),(0,x.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border px-4 py-3`,children:[(0,x.jsx)(d,{className:`size-4 shrink-0 text-muted-foreground`,"aria-hidden":`true`}),(0,x.jsx)(`input`,{ref:u,type:`text`,value:e,onChange:e=>t(e.target.value),onKeyDown:n,placeholder:i,"aria-label":i,autoComplete:`off`,spellCheck:!1,className:`flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground`}),o&&(0,x.jsx)(r,{className:`size-4 shrink-0 animate-spin text-muted-foreground`,"aria-hidden":`true`}),!o&&!!e&&(0,x.jsx)(`button`,{type:`button`,onClick:()=>t(``),"aria-label":a,className:`inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,children:(0,x.jsx)(l,{className:`size-3.5`})})]})}),A={primary:`bg-primary/10 text-primary`,success:`bg-success/15 text-success`,warning:`bg-warning/20 text-warning-foreground`,info:`bg-info/15 text-info`,destructive:`bg-destructive/15 text-destructive`,default:`bg-muted text-muted-foreground`},j={primary:`bg-primary/15 text-primary`,success:`bg-success/15 text-success`,warning:`bg-warning/20 text-warning-foreground`,info:`bg-info/15 text-info`,destructive:`bg-destructive/15 text-destructive`,default:`bg-muted text-muted-foreground`};function M(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,x.jsxs)(x.Fragment,{children:[e.slice(0,a),(0,x.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 N({result:e,isActive:t=!1,query:r=``,onSelect:s,onMouseEnter:c,toneBg:l,toneAvatar:u,className:d}){let f=e.thumbnail?.icon,g={...A,...l},_={...j,...u};return(0,x.jsxs)(`button`,{type:`button`,onMouseEnter:c,onClick:s,className:i(`group/row relative flex w-full items-center gap-3 rounded-lg px-3 py-(--row-py) text-left transition-colors`,`focus-visible:outline-none`,t?`bg-muted/60`:`hover:bg-muted/40`,d),children:[(0,x.jsx)(`div`,{className:`flex shrink-0 items-center`,children:e.avatar?(0,x.jsxs)(h,{className:i(`size-8`,_[e.avatar.tone??`default`]),children:[e.avatar.src&&(0,x.jsx)(p,{src:e.avatar.src,alt:e.title}),(0,x.jsx)(m,{className:i(`text-xs font-semibold`,_[e.avatar.tone??`default`]),children:e.avatar.initials})]}):f?(0,x.jsx)(`span`,{className:i(`inline-flex size-8 items-center justify-center rounded-md`,g[e.thumbnail?.tone??`default`]),children:(0,x.jsx)(f,{className:`size-4`,"aria-hidden":`true`})}):null}),(0,x.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,x.jsxs)(`div`,{className:`flex items-center gap-2 leading-tight`,children:[(0,x.jsx)(n,{tag:`span`,weight:`semibold`,className:`truncate`,children:M(e.title,r)}),!!e.badge&&(0,x.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,x.jsx)(`span`,{children:M(e.subtitle,r)})}),e.meta?.forEach((e,n)=>{let r=e.icon;t.push({key:`m-${n}`,node:(0,x.jsxs)(`span`,{className:i(`inline-flex items-center gap-1`,e.mono&&`font-mono tabular-nums`),children:[!!r&&(0,x.jsx)(r,{className:`size-3 shrink-0`,"aria-hidden":`true`}),e.label]})})}),e.timestamp&&t.push({key:`ts`,node:(0,x.jsx)(`span`,{className:`tabular-nums`,children:e.timestamp})}),e.tags?.forEach(e=>t.push({key:`t-${e}`,node:(0,x.jsx)(`span`,{children:e})})),e.rightValue&&t.push({key:`rv`,node:(0,x.jsxs)(`span`,{className:`font-medium tabular-nums text-foreground`,children:[e.rightValue,!!e.rightLabel&&(0,x.jsx)(`span`,{className:`ml-1 font-normal text-muted-foreground`,children:e.rightLabel.toLowerCase()})]})}),t.length===0?null:(0,x.jsx)(n,{size:`xs`,type:`secondary`,className:`mt-0.5 truncate`,children:t.map((e,t)=>(0,x.jsxs)(`span`,{children:[t>0&&(0,x.jsx)(`span`,{"aria-hidden":`true`,className:`mx-1.5 text-muted-foreground/60`,children:`·`}),e.node]},e.key))})})()]}),!!(e.rightValue||e.rightLabel)&&(0,x.jsx)(`div`,{className:`hidden shrink-0 items-center self-stretch border-l border-border/60 pl-3 md:flex`,children:(0,x.jsxs)(`div`,{className:`flex flex-col items-end gap-0 text-right leading-tight`,children:[!!e.rightValue&&(0,x.jsx)(n,{tag:`span`,weight:`semibold`,className:`whitespace-nowrap tabular-nums`,children:e.rightValue}),!!e.rightLabel&&(0,x.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,className:`mt-0.5 whitespace-nowrap`,children:e.rightLabel})]})}),(0,x.jsx)(`span`,{"aria-hidden":`true`,className:i(`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,x.jsx)(o,{className:`size-3.5`})})]})}function P({value:e,onValueChange:t,tabs:r,counts:a}){return(0,x.jsx)(`div`,{className:`border-b border-border/60 px-3 py-2`,children:(0,x.jsx)(v,{value:e,onValueChange:e=>t(e),children:(0,x.jsx)(_,{className:`h-8 w-fit`,children:r.map(t=>{let r=e===t.value,o=a[t.value]??0;return(0,x.jsxs)(g,{value:t.value,className:`gap-1.5 px-2.5 text-xs`,children:[(0,x.jsx)(`span`,{children:t.label}),(0,x.jsx)(n,{tag:`span`,size:`xxs`,weight:`medium`,className:i(`rounded px-1 py-0 tabular-nums`,r?`bg-muted text-muted-foreground`:`bg-transparent text-muted-foreground/70`),children:o})]},t.value)})})})})}function F({results:e=[],query:t,onQueryChange:r,onResultSelect:a,onClose:o,loading:s=!1,idleSections:c,groupLabels:l,autoFocus:u=!1,strings:d,slots:f,tabs:p,className:m}){let h={...S,...d},g=w({results:e,query:t,onResultSelect:a,onClose:o}),_=!s&&t.trim().length>1&&e.length===0,v=!s&&t.trim().length<=1,y=b.useMemo(()=>{if(p)return p;let e=Object.keys(g.grouped);return[{value:`all`,label:h.tabAll},...e.map(e=>({value:e,label:l?.[e]??e}))]},[p,g.grouped,h.tabAll,l]);return(0,x.jsxs)(`div`,{className:i(`global-search--component`,`overflow-hidden rounded-xl border border-border bg-card shadow-2xl`,m),children:[f?.input??(0,x.jsx)(k,{value:t,onChange:r,onKeyDown:g.onKeyDown,placeholder:h.placeholder,clearLabel:h.clear,loading:s,autoFocus:u}),!s&&e.length>0&&(f?.tabs??(0,x.jsx)(P,{value:g.activeTab,onValueChange:g.setActiveTab,tabs:y,counts:g.tabCounts})),(0,x.jsxs)(`div`,{className:`max-h-[520px] overflow-y-auto`,children:[!!v&&(f?.idle??(c&&c.length>0?(0,x.jsx)(O,{sections:c}):null)),!!s&&(f?.loading??(0,x.jsx)(`div`,{className:`flex items-center justify-center px-6 py-12`,children:(0,x.jsx)(n,{type:`secondary`,children:h.loading})})),!!_&&(f?.empty??(0,x.jsx)(T,{title:C(h.emptyTitle,{query:t}),hint:h.emptyHint})),!s&&e.length>0&&(0,x.jsx)(`div`,{className:`px-2 py-2`,children:Object.entries(g.visibleGrouped).map(([e,r],o)=>(0,x.jsxs)(`div`,{className:i(`pb-2 last:pb-0`,o>0&&`mt-3 pt-2`),children:[(0,x.jsxs)(`div`,{className:`flex items-center justify-between px-3 pb-1`,children:[(0,x.jsx)(n,{size:`xs`,type:`secondary`,weight:`medium`,children:l?.[e]??e}),g.activeTab===`all`&&r.length>0&&(0,x.jsx)(`button`,{type:`button`,onClick:()=>g.setActiveTab(e),className:`rounded text-primary transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,children:(0,x.jsx)(n,{tag:`span`,size:`xxs`,weight:`medium`,className:`text-primary`,children:h.seeAll})})]}),(0,x.jsx)(`ul`,{className:`space-y-0.5`,children:r.map(e=>{let n=g.flat[g.activeIdx]?.id===e.id,r={isActive:n,query:t,onSelect:()=>a?.(e)};return(0,x.jsx)(`li`,{children:f?.renderResult?f.renderResult(e,r):(0,x.jsx)(N,{result:e,isActive:n,query:t,onSelect:r.onSelect,onMouseEnter:()=>g.setActiveById(e.id),toneBg:f?.toneBg,toneAvatar:f?.toneAvatar})},e.id)})})]},e))})]}),f?.footer??(0,x.jsx)(D,{navigateLabel:h.footerNavigate,openLabel:h.footerOpen,closeLabel:h.footerClose,trailing:!v&&!_&&e.length>0?(0,x.jsx)(n,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:C(h.resultsCount,{count:e.length})}):void 0})]})}export{y as n,F as t};

package/dist/showcase/assets/globe-47T22W56.js

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

@@ -0,0 +1,58 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Cr as r,Sr as i,Tr as a,hr as o,mr as s,r as c,t as l}from"./example-C6-_Sy6B.js";import{t as u}from"./dollar-sign-BipUTVXC.js";import{t as d}from"./shopping-bag-EDVpxI9n.js";import{t as f}from"./sparkles-BEa1AgNq.js";import{t as p}from"./users-DzgXeZbf.js";import{a as m}from"./index-B8DVXCmf.js";import{t as h}from"./props-table-CM_1cocj.js";var g=t(n(),1),_=m(),v={coral:`bg-gradient-to-br from-[#e8453c] to-[#f4845f]`,ocean:`bg-gradient-to-br from-chart-4 to-[#7c6cf0]`,forest:`bg-gradient-to-br from-chart-1 to-[#2d9a5f]`,twilight:`bg-gradient-to-br from-[#1e1b4b] to-chart-4`,ember:`bg-gradient-to-br from-chart-3 to-chart-2`};function y(){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`div`,{className:`absolute -right-12 -top-12 h-44 w-44 rounded-full bg-white/[0.06]`,"aria-hidden":`true`}),(0,_.jsx)(`div`,{className:`absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-white/[0.05]`,"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`,fill:`white`})})}),(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:o,value:s,valueLabel:l,badge:u,icon:d,alertText:f,alertCount:p,action:m,footer:h,children:g,className:y}){let b=x[t],S=!!(n||o||d);return(0,_.jsxs)(`div`,{className:a(`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:`text-white tracking-tight leading-snug`,children:n}),!!o&&(0,_.jsx)(r,{size:`xs`,className:`mt-0.5 text-white/70 leading-snug`,children:o})]}),!!d&&(0,_.jsx)(`span`,{"aria-hidden":`true`,className:`inline-flex size-10 shrink-0 items-center justify-center rounded-xl bg-white/15 text-white ring-1 ring-white/15 backdrop-blur-sm`,children:(0,_.jsx)(d,{className:`size-5`})})]}),!!s&&(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 text-white border-none pb-0 leading-none`,children:s}),(l||u)&&(0,_.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[!!l&&(0,_.jsx)(r,{size:`xs`,className:`text-white/75 leading-snug`,children:l}),!!u&&(0,_.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-white/20 px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wider text-white backdrop-blur-sm`,children:u})]})]}),!!f&&(0,_.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl bg-white/10 px-3.5 py-2.5 ring-1 ring-white/10 backdrop-blur-sm`,children:[(0,_.jsx)(r,{className:`min-w-0 flex-1 text-white/90 leading-snug`,children:f}),!!p&&(0,_.jsx)(`span`,{className:`inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-white/25 px-1.5 text-xs font-bold tabular-nums text-white`,children:p})]}),!!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)(c,{variant:`dark`,onClick:m.onClick,className:`rounded-xl px-4`,children:m.label}):(0,_.jsx)(`span`,{}),!!h&&(0,_.jsx)(r,{size:`xs`,className:`text-white/70`,children:h})]})]})]})}S.displayName=`GradientCard`;function C({gradient:e=`coral`,pattern:t=`none`,title:n,value:o,change:s,subtitle:c,className:l}){let u=x[t];return(0,_.jsxs)(`div`,{className:a(`relative overflow-hidden rounded-lg`,v[e],l),children:[!!u&&u(),(0,_.jsxs)(`div`,{className:`relative flex flex-col gap-1 p-5`,children:[!!n&&(0,_.jsx)(r,{size:`xs`,weight:`medium`,className:`text-white/80 uppercase tracking-wider`,children:n}),(0,_.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!o&&(0,_.jsx)(i,{tag:`h4`,align:`left`,className:`text-2xl font-bold tabular-nums tracking-tight text-white border-none pb-0 leading-none`,children:o}),!!s&&(0,_.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-white/15 px-2 py-0.5 text-xs font-semibold tabular-nums text-white backdrop-blur-sm`,children:s})]}),!!c&&(0,_.jsx)(r,{size:`xs`,className:`text-white/65 leading-snug`,children:c})]})]})}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:d,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:u,action:{label:`View Report`,onClick:()=>{}}}),(0,_.jsx)(S,{gradient:`forest`,pattern:`diagonal`,title:`New Customers`,subtitle:`This week`,value:`248`,icon:p,action:{label:`See list`,onClick:()=>{}}}),(0,_.jsx)(S,{gradient:`twilight`,title:`AI Insights`,subtitle:`Recent`,value:`—`,icon:f}),(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)(o,{title:`Composed · Gradient card`,description:`Vivid gradient card with optional pattern, badge, alert, action.`,layer:`composed`,status:`ready`,children:[(0,_.jsxs)(s,{title:`Examples`,id:`examples`,children:[(0,_.jsx)(l,{name:`HeroCardWithAction`,source:k,children:(0,_.jsx)(E,{})}),(0,_.jsx)(l,{name:`CompactAllGradients`,source:k,children:(0,_.jsx)(D,{})}),(0,_.jsx)(l,{name:`HeroVariants`,source:k,children:(0,_.jsx)(O,{})})]}),(0,_.jsxs)(s,{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/header-eZHN-s6P.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Tr as n}from"./example-C6-_Sy6B.js";import{y as r}from"./sidebar.context-D3P7qppn.js";import{a as i}from"./index-B8DVXCmf.js";import{t as a}from"./separator-DUKleOvU.js";import{t as o}from"./breadcrumbs-DGZMpIoQ.js";import{n as s}from"./page-header-4F_iaFPW.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:n(`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)(r,{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:n(`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:r=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:n(`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:n(`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:r,showSidebarTrigger:i,renderLink:x,className:b})})),!!(f?.left??o)&&(0,l.jsx)(`div`,{className:n(`flex min-w-0 items-center`,_),children:f?.left??o}),!!(f?.center??c)&&(0,l.jsx)(`div`,{className:n(`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:n(`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-Caa9i87J.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Cr as n,Tr as r,gr as i,r as a}from"./example-C6-_Sy6B.js";import{t as o}from"./bell-CVEeEWw4.js";import{a as s,i as c}from"./sidebar.context-D3P7qppn.js";import{D as l,a as u,n as d,r as f}from"./index-B8DVXCmf.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-Q1BV3wPP.js";import{n as x}from"./page-header-4F_iaFPW.js";var S=f(`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:i=!0,strings:o,className:c,iconClassName:u,shortcutSlot:f}){let p=l(s,o),m=(0,C.useMemo)(()=>t??E(),[t]);w({key:`k`,enabled:i,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 bg-muted px-1.5 font-mono text-xxs text-muted-foreground lg:inline-flex dark:bg-muted/20`,children:m?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(S,{className:`size-3 dark:text-muted/60`,"aria-hidden":`true`}),(0,T.jsx)(n,{tag:`span`,size:`xs`,className:`dark:text-muted/60`,children:`K`})]}):(0,T.jsx)(n,{tag:`span`,size:`xs`,className:`dark:text-muted/60`,children:`Ctrl+K`})});return(0,T.jsxs)(a,{type:`button`,variant:`secondary`,buttonStyle:`outline`,onClick:e,className:r(`header-search--component header-search--trigger h-8 w-full min-w-[205px] justify-start gap-2 rounded-lg border-input bg-background px-2.5 shadow-none hover:bg-accent/50`,`dark:border-topbar-accent/80 dark:bg-topbar-accent/40`,c),title:h,children:[(0,T.jsx)(d,{className:r(`header-search--icon size-3.5 shrink-0 text-muted-foreground dark:text-muted/60`,u),"aria-hidden":`true`}),(0,T.jsx)(n,{tag:`span`,size:`xs`,type:`secondary`,className:`header-search--placeholder flex-1 text-left dark:text-muted/60`,children:p.placeholder}),g,(0,T.jsx)(`span`,{className:`sr-only`,children:p.placeholder})]})}function O({notifications:e=[],unreadCount:t=0,onNotificationClick:s,onMarkAllRead:u,onViewAll:d,viewAllHref:f,renderLink:S,LinkComponent:C,align:w=`end`,side:E=`bottom`,strings:D,className:O,contentClassName:A,renderNotification:j}){let M=l(c,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,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"aria-label":M.triggerLabel,className:r(`header-notifications--component header-notifications--trigger relative`,O),children:[(0,T.jsx)(o,{className:`size-4`,"aria-hidden":`true`}),t>0&&(0,T.jsx)(i,{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:r(`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&&!!u&&(0,T.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:u,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:s,renderLink:N,renderNotification:j},e.id))})]}),!!(d||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:d,children:M.viewAll})]})]})]})}function k({notification:e,onClick:t,renderLink:i,renderNotification:a}){if(a)return a(e);let o=(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})]}),s=r(`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:s,onClick:()=>t?.(e),render:t=>i({...t,href:e.href,children:t.children}),children:o}):(0,T.jsx)(p,{onClick:()=>t?.(e),className:s,children:o})}export{D as n,O as t};

package/dist/showcase/assets/heart-DjKkkUsX.js

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

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Tr as n}from"./example-C6-_Sy6B.js";import{a as r}from"./index-B8DVXCmf.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-r-gMI33G.js

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

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