admin-ui-starter-kit 0.6.1 → 0.6.2

package/dist/showcase/assets/inertValue-BRyHstYf.js

@@ -0,0 +1 @@
+import{sr as e}from"./example-Rrx9vj75.js";function t(t){return e(19)?t:t?`true`:void 0}export{t};

package/dist/showcase/assets/{info-C3G9KRCx.js → info-B4aULRpz.js}

@@ -1 +1 @@
-import{l as e}from"./index-QESvAJrb.js";var t=e(`info`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 16v-4`,key:`1dtifu`}],[`path`,{d:`M12 8h.01`,key:`e9boi3`}]]);export{t};
+import{l as e}from"./index-o71HAmc3.js";var t=e(`info`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 16v-4`,key:`1dtifu`}],[`path`,{d:`M12 8h.01`,key:`e9boi3`}]]);export{t};

package/dist/showcase/assets/{inline-stat-BnjUqzDM.js → inline-stat-BzXB3FNC.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-D-N8Ze16.js";import{t as r}from"./example-PsbgbESI.js";import{d as i}from"./index-QESvAJrb.js";import{t as a}from"./props-table-CCcohuyT.js";import{t as o}from"./inline-stat-CO01t7SJ.js";var s=e({InlineStatLayouts:()=>l}),c=i();function l(){return(0,c.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-space-md`,children:[(0,c.jsx)(o,{label:`Total spent`,value:`$12,450`,mono:!0}),(0,c.jsx)(o,{layout:`inline`,label:`Status:`,value:`Active`}),(0,c.jsx)(o,{layout:`stacked`,label:`Last seen`,value:`3 hours ago`})]})}var u=`import { InlineStat } from '@/components/composed/data-display/inline-stat';
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-Dd6X6IKg.js";import{t as r}from"./example-Rrx9vj75.js";import{d as i}from"./index-o71HAmc3.js";import{t as a}from"./props-table-C6gPyO49.js";import{t as o}from"./inline-stat-CDQocPgN.js";var s=e({InlineStatLayouts:()=>l}),c=i();function l(){return(0,c.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-space-md`,children:[(0,c.jsx)(o,{label:`Total spent`,value:`$12,450`,mono:!0}),(0,c.jsx)(o,{layout:`inline`,label:`Status:`,value:`Active`}),(0,c.jsx)(o,{layout:`stacked`,label:`Last seen`,value:`3 hours ago`})]})}var u=`import { InlineStat } from '@/components/composed/data-display/inline-stat';
 
 export function InlineStatLayouts() {
 	return (

package/dist/showcase/assets/{inline-stat-CO01t7SJ.js → inline-stat-CDQocPgN.js}

@@ -1 +1 @@
-import{p as e}from"./section-D-N8Ze16.js";import{d as t,n}from"./index-QESvAJrb.js";var r=t();function i({label:t,value:i,layout:a=`between`,mono:o=!1,className:s,labelClassName:c,valueClassName:l}){return a===`stacked`?(0,r.jsxs)(`div`,{className:n(`inline-stat--component`,`flex flex-col gap-space-2xs`,s),children:[(0,r.jsx)(e,{tag:`span`,size:`inherit`,type:`secondary`,className:n(`text-xxs leading-tight`,c),children:t}),(0,r.jsx)(e,{tag:`span`,size:`inherit`,className:n(`text-sm leading-snug`,o&&`tabular-nums`,l),children:i})]}):(0,r.jsxs)(`div`,{className:n(`inline-stat--component flex items-center gap-space-md`,a===`between`?`justify-between`:`justify-start`,s),children:[(0,r.jsx)(e,{tag:`span`,size:`inherit`,type:`secondary`,className:n(`text-xs leading-tight`,c),children:t}),(0,r.jsx)(e,{tag:`span`,size:`inherit`,className:n(`text-sm leading-snug`,o&&`tabular-nums`,l),children:i})]})}i.displayName=`InlineStat`;export{i as t};
+import{p as e}from"./section-Dd6X6IKg.js";import{d as t,n}from"./index-o71HAmc3.js";var r=t();function i({label:t,value:i,layout:a=`between`,mono:o=!1,className:s,labelClassName:c,valueClassName:l}){return a===`stacked`?(0,r.jsxs)(`div`,{className:n(`inline-stat--component`,`flex flex-col gap-space-2xs`,s),children:[(0,r.jsx)(e,{tag:`span`,size:`inherit`,type:`secondary`,className:n(`text-xxs leading-tight`,c),children:t}),(0,r.jsx)(e,{tag:`span`,size:`inherit`,className:n(`text-sm leading-snug`,o&&`tabular-nums`,l),children:i})]}):(0,r.jsxs)(`div`,{className:n(`inline-stat--component flex items-center gap-space-md`,a===`between`?`justify-between`:`justify-start`,s),children:[(0,r.jsx)(e,{tag:`span`,size:`inherit`,type:`secondary`,className:n(`text-xs leading-tight`,c),children:t}),(0,r.jsx)(e,{tag:`span`,size:`inherit`,className:n(`text-sm leading-snug`,o&&`tabular-nums`,l),children:i})]})}i.displayName=`InlineStat`;export{i as t};

package/dist/showcase/assets/{input-CBJy1dMs.js → input-CLysAarX.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{Kt as n,Qt as r,hr as i,jn as a,mr as o,nr as s,vn as c}from"./example-PsbgbESI.js";import{d as l,n as u}from"./index-QESvAJrb.js";import{t as d}from"./useControlled-BHUji6Sp.js";import{c as f,n as p,o as m,r as h,t as g}from"./LabelableContext-BDyZArAc.js";import{t as _}from"./useLabelableId-DDpjUdIO.js";var v=e(t(),1),y=v.forwardRef(function(e,t){let{render:l,className:u,id:y,name:b,value:x,disabled:S=!1,onValueChange:C,defaultValue:w,autoFocus:T=!1,style:E,...D}=e,{state:O,name:k,disabled:A,setTouched:j,setDirty:M,validityData:N,setFocused:P,setFilled:F,validationMode:I,validation:L}=m(),{clearErrors:R}=p(),z=A||S,B=k??b,V={...O,disabled:z},{labelId:H}=g(),U=_({id:y});o(()=>{let e=x!=null;L.inputRef.current?.value||e&&x!==``?F(!0):e&&x===``&&F(!1)},[L.inputRef,F,x]);let W=v.useRef(null);o(()=>{T&&W.current===a(n(W.current))&&P(!0)},[T,P]);let[G]=d({controlled:x,default:w,name:`FieldControl`,state:`value`}),K=x!==void 0,q=K?G:void 0,J=i(()=>L.inputRef.current?.value);return h(L.inputRef,U,q,J,!z,b),s(`input`,e,{ref:[t,W],state:V,props:[{id:U,disabled:z,name:B,ref:L.inputRef,"aria-labelledby":H,autoFocus:T,...K?{value:q}:{defaultValue:w},onChange(e){let t=e.currentTarget.value;C?.(t,r(c,e.nativeEvent)),M(t!==N.initialValue),F(t!==``),e.nativeEvent.defaultPrevented||(R(B),L.change(t))},onFocus(){P(!0)},onBlur(e){j(!0),P(!1),I===`onBlur`&&L.commit(e.currentTarget.value)},onKeyDown(e){e.currentTarget.tagName===`INPUT`&&e.key===`Enter`&&(j(!0),L.commit(e.currentTarget.value))}},D,e=>L.getValidationProps(z,e)],stateAttributesMapping:f})}),b=l(),x=v.forwardRef(function(e,t){return(0,b.jsx)(y,{ref:t,...e})});function S({className:e,type:t,...n}){return(0,b.jsx)(x,{type:t,"data-slot":`input`,className:u(`border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive h-9 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,e),...n})}export{S as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{Kt as n,Qt as r,hr as i,jn as a,mr as o,nr as s,vn as c}from"./example-Rrx9vj75.js";import{d as l,n as u}from"./index-o71HAmc3.js";import{t as d}from"./useControlled-BHUji6Sp.js";import{c as f,n as p,o as m,r as h,t as g}from"./LabelableContext-CNcXHqnK.js";import{t as _}from"./useLabelableId-CBWpOnwZ.js";var v=e(t(),1),y=v.forwardRef(function(e,t){let{render:l,className:u,id:y,name:b,value:x,disabled:S=!1,onValueChange:C,defaultValue:w,autoFocus:T=!1,style:E,...D}=e,{state:O,name:k,disabled:A,setTouched:j,setDirty:M,validityData:N,setFocused:P,setFilled:F,validationMode:I,validation:L}=m(),{clearErrors:R}=p(),z=A||S,B=k??b,V={...O,disabled:z},{labelId:H}=g(),U=_({id:y});o(()=>{let e=x!=null;L.inputRef.current?.value||e&&x!==``?F(!0):e&&x===``&&F(!1)},[L.inputRef,F,x]);let W=v.useRef(null);o(()=>{T&&W.current===a(n(W.current))&&P(!0)},[T,P]);let[G]=d({controlled:x,default:w,name:`FieldControl`,state:`value`}),K=x!==void 0,q=K?G:void 0,J=i(()=>L.inputRef.current?.value);return h(L.inputRef,U,q,J,!z,b),s(`input`,e,{ref:[t,W],state:V,props:[{id:U,disabled:z,name:B,ref:L.inputRef,"aria-labelledby":H,autoFocus:T,...K?{value:q}:{defaultValue:w},onChange(e){let t=e.currentTarget.value;C?.(t,r(c,e.nativeEvent)),M(t!==N.initialValue),F(t!==``),e.nativeEvent.defaultPrevented||(R(B),L.change(t))},onFocus(){P(!0)},onBlur(e){j(!0),P(!1),I===`onBlur`&&L.commit(e.currentTarget.value)},onKeyDown(e){e.currentTarget.tagName===`INPUT`&&e.key===`Enter`&&(j(!0),L.commit(e.currentTarget.value))}},D,e=>L.getValidationProps(z,e)],stateAttributesMapping:f})}),b=l(),x=v.forwardRef(function(e,t){return(0,b.jsx)(y,{ref:t,...e})});function S({className:e,type:t,...n}){return(0,b.jsx)(x,{type:t,"data-slot":`input`,className:u(`border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive h-9 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,e),...n})}export{S as t};

package/dist/showcase/assets/{input-yYoqWQQ7.js → input-CYTQ9nWN.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n,x as r}from"./section-D-N8Ze16.js";import{Er as i}from"./example-PsbgbESI.js";import{t as a}from"./circle-x-BF20gddw.js";import{N as ee,d as o,n as s}from"./index-QESvAJrb.js";import{t as te}from"./use-form-field-state-CGGJFfWu.js";import{a as c,f as l,i as u,l as d,n as ne,o as f,r as p,t as m,u as h}from"./form-sizing-C3UG5WKC.js";var g=e(t(),1),_=o(),re={clear:`Clear input`},v=(e,t,n)=>{let r=e||``;return t&&r&&(r=t+r),n&&r&&(r+=n),r};function y({className:e,type:t=`text`,startIcon:o,endIcon:y,startAddon:b,endAddon:x,maxLength:S,showCharacterCount:C,clearable:w,onClear:T,isLoading:E,returnValueWithAddons:D,invalid:ie,size:O,onChange:k,value:A,defaultValue:j,id:M,strings:N,...P},F){let I=(0,g.useRef)(null),L=ee(re,N),{defaultControlSize:R}=r(),z=l(O,R),B=(0,g.useCallback)(e=>{typeof F==`function`?F(e):F&&(F.current=e),I.current=e},[F]),{id:V,value:H,isReactHookForm:U,characterCount:ae,hasCharacterLimit:W,showCount:G,hasValue:K,updateValue:q,clearValue:J,wouldExceedLimit:Y}=te({controlledValue:A,defaultValue:j,maxLength:S,showCharacterCount:C,providedId:M,idPrefix:`input`,hasOnChange:k!==void 0}),X=!!w,Z=!!E,oe=!!y,se=!!x,Q=t===`file`,$=!!ie,ce=(0,g.useMemo)(()=>{let e=z===`small`?`ps-control-sm`:`ps-control`,t=z===`small`?`pe-control-sm`:`pe-control`;return o&&(e=f[z]),b&&(e=m[z]),y&&(t=u[z]),x&&(t=p[z]),(X&&K||Z)&&(t=u[z]),G&&(t=ne[z]),`${e} ${t}`},[o,b,y,x,X,K,Z,G,z]),le=(0,g.useCallback)(e=>{let t=e.target.value;if(!Y(t)&&(q(t),k))if(D){let n=v(t,b,x);k({...e,target:{...e.target,value:n},currentTarget:{...e.currentTarget,value:n}})}else k(e)},[k,D,b,x,q,Y]),ue=(0,g.useCallback)(()=>{let e=D?v(``,b,x):``,t={target:{value:e},currentTarget:{value:e}};J(),k?.(t),T?.(),I.current?.focus()},[D,b,x,J,k,T]),de=X&&K&&!G&&!Z,fe=Z&&!G,pe=oe&&!X&&!G&&!Z,me=se&&!X&&!G&&!Z;return(0,_.jsxs)(`div`,{className:s(`input--component`,`relative`),children:[(0,_.jsx)(`input`,{ref:B,id:V,type:t,...!U&&{value:H},onChange:le,maxLength:S,"aria-invalid":$||void 0,disabled:P.disabled||E,className:s(`file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground`,`border-input flex w-full min-w-0 rounded-radius border`,`transition-[color,box-shadow] outline-none`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,h[z],d[z],`file:inline-flex file:h-control-file file:border file:bg-transparent file:px-control file:font-medium`,z===`small`?`file:text-xs`:`file:text-sm`,Q?`cursor-pointer bg-background text-foreground file:cursor-pointer file:rounded-md file:border-input file:bg-background file:text-foreground`:`bg-transparent`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:text-destructive`,`aria-invalid:placeholder:text-destructive/40`,Q?`read-only:bg-background`:`read-only:bg-muted`,ce,e),...P}),!!o&&(0,_.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-control`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,_.jsx)(o,{className:c[z],"aria-hidden":`true`})}),!!b&&(0,_.jsx)(`span`,{className:s(`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center`,z===`small`?`ps-control-sm text-xs`:`ps-control text-sm`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),children:b}),!!pe&&!!y&&(0,_.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-control`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,_.jsx)(y,{className:c[z],"aria-hidden":`true`})}),!!me&&(0,_.jsx)(`span`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center`,z===`small`?`pe-control-sm text-xs`:`pe-control text-sm`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),children:x}),!!G&&(0,_.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center tabular-nums`,z===`small`?`pe-control-sm text-xs`:`pe-control text-sm`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),"aria-live":`polite`,role:`status`,children:(0,_.jsxs)(n,{tag:`span`,size:z===`small`?`xxs`:`xs`,type:$?`error`:`secondary`,children:[ae,W?`/${S}`:``]})}),!!fe&&(0,_.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-control`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,_.jsx)(i,{className:s(c[z],`animate-spin`),"aria-hidden":`true`})}),!!de&&(0,_.jsx)(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-control-clear items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":L.clear,onClick:ue,disabled:E,children:(0,_.jsx)(a,{className:c[z],"aria-hidden":`true`})})]})}var b=(0,g.memo)(g.forwardRef(y));b.displayName=`Input`;export{b as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n,x as r}from"./section-Dd6X6IKg.js";import{Er as i}from"./example-Rrx9vj75.js";import{t as a}from"./circle-x-Dh3sb4UC.js";import{N as ee,d as o,n as s}from"./index-o71HAmc3.js";import{t as te}from"./use-form-field-state-CGGJFfWu.js";import{a as c,f as l,i as u,l as d,n as ne,o as f,r as p,t as m,u as h}from"./form-sizing-C3UG5WKC.js";var g=e(t(),1),_=o(),re={clear:`Clear input`},v=(e,t,n)=>{let r=e||``;return t&&r&&(r=t+r),n&&r&&(r+=n),r};function y({className:e,type:t=`text`,startIcon:o,endIcon:y,startAddon:b,endAddon:x,maxLength:S,showCharacterCount:C,clearable:w,onClear:T,isLoading:E,returnValueWithAddons:D,invalid:ie,size:O,onChange:k,value:A,defaultValue:j,id:M,strings:N,...P},F){let I=(0,g.useRef)(null),L=ee(re,N),{defaultControlSize:R}=r(),z=l(O,R),B=(0,g.useCallback)(e=>{typeof F==`function`?F(e):F&&(F.current=e),I.current=e},[F]),{id:V,value:H,isReactHookForm:U,characterCount:ae,hasCharacterLimit:W,showCount:G,hasValue:K,updateValue:q,clearValue:J,wouldExceedLimit:Y}=te({controlledValue:A,defaultValue:j,maxLength:S,showCharacterCount:C,providedId:M,idPrefix:`input`,hasOnChange:k!==void 0}),X=!!w,Z=!!E,oe=!!y,se=!!x,Q=t===`file`,$=!!ie,ce=(0,g.useMemo)(()=>{let e=z===`small`?`ps-control-sm`:`ps-control`,t=z===`small`?`pe-control-sm`:`pe-control`;return o&&(e=f[z]),b&&(e=m[z]),y&&(t=u[z]),x&&(t=p[z]),(X&&K||Z)&&(t=u[z]),G&&(t=ne[z]),`${e} ${t}`},[o,b,y,x,X,K,Z,G,z]),le=(0,g.useCallback)(e=>{let t=e.target.value;if(!Y(t)&&(q(t),k))if(D){let n=v(t,b,x);k({...e,target:{...e.target,value:n},currentTarget:{...e.currentTarget,value:n}})}else k(e)},[k,D,b,x,q,Y]),ue=(0,g.useCallback)(()=>{let e=D?v(``,b,x):``,t={target:{value:e},currentTarget:{value:e}};J(),k?.(t),T?.(),I.current?.focus()},[D,b,x,J,k,T]),de=X&&K&&!G&&!Z,fe=Z&&!G,pe=oe&&!X&&!G&&!Z,me=se&&!X&&!G&&!Z;return(0,_.jsxs)(`div`,{className:s(`input--component`,`relative`),children:[(0,_.jsx)(`input`,{ref:B,id:V,type:t,...!U&&{value:H},onChange:le,maxLength:S,"aria-invalid":$||void 0,disabled:P.disabled||E,className:s(`file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground`,`border-input flex w-full min-w-0 rounded-radius border`,`transition-[color,box-shadow] outline-none`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,h[z],d[z],`file:inline-flex file:h-control-file file:border file:bg-transparent file:px-control file:font-medium`,z===`small`?`file:text-xs`:`file:text-sm`,Q?`cursor-pointer bg-background text-foreground file:cursor-pointer file:rounded-md file:border-input file:bg-background file:text-foreground`:`bg-transparent`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:text-destructive`,`aria-invalid:placeholder:text-destructive/40`,Q?`read-only:bg-background`:`read-only:bg-muted`,ce,e),...P}),!!o&&(0,_.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-control`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,_.jsx)(o,{className:c[z],"aria-hidden":`true`})}),!!b&&(0,_.jsx)(`span`,{className:s(`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center`,z===`small`?`ps-control-sm text-xs`:`ps-control text-sm`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),children:b}),!!pe&&!!y&&(0,_.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-control`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,_.jsx)(y,{className:c[z],"aria-hidden":`true`})}),!!me&&(0,_.jsx)(`span`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center`,z===`small`?`pe-control-sm text-xs`:`pe-control text-sm`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),children:x}),!!G&&(0,_.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center tabular-nums`,z===`small`?`pe-control-sm text-xs`:`pe-control text-sm`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),"aria-live":`polite`,role:`status`,children:(0,_.jsxs)(n,{tag:`span`,size:z===`small`?`xxs`:`xs`,type:$?`error`:`secondary`,children:[ae,W?`/${S}`:``]})}),!!fe&&(0,_.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-control`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,_.jsx)(i,{className:s(c[z],`animate-spin`),"aria-hidden":`true`})}),!!de&&(0,_.jsx)(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-control-clear items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":L.clear,onClick:ue,disabled:E,children:(0,_.jsx)(a,{className:c[z],"aria-hidden":`true`})})]})}var b=(0,g.memo)(g.forwardRef(y));b.displayName=`Input`;export{b as t};

package/dist/showcase/assets/{input-group-CZyYSq4r.js → input-group-DYMTMed1.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-D-N8Ze16.js";import{t as r}from"./example-PsbgbESI.js";import{t as i}from"./lock-CpZ5kLUd.js";import{t as a}from"./mail-Cj6uT4TA.js";import{a as o,d as s}from"./index-QESvAJrb.js";import{n as c,r as l,t as u}from"./input-group-Dfqufdp4.js";import{t as d}from"./PreviewLayout-wYGhlcJt.js";var f=e({LeadingIcon:()=>m,StackedEmailPassword:()=>g,TrailingAddon:()=>h}),p=s();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{children:(0,p.jsx)(o,{className:`size-4`})}),(0,p.jsx)(l,{placeholder:`Search…`})]})})}function h(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(u,{children:[(0,p.jsx)(l,{placeholder:`username`}),(0,p.jsx)(c,{align:`inline-end`,className:`text-muted-foreground`,children:`@example.com`})]})})}function g(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{children:(0,p.jsx)(a,{className:`size-4`})}),(0,p.jsx)(l,{type:`email`,placeholder:`email@example.com`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{children:(0,p.jsx)(i,{className:`size-4`})}),(0,p.jsx)(l,{type:`password`,placeholder:`••••••••`})]})]})})}var _=`import { Search, Mail, Lock } from 'lucide-react';
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-Dd6X6IKg.js";import{t as r}from"./example-Rrx9vj75.js";import{t as i}from"./lock-CMrS2EKU.js";import{t as a}from"./mail-Bo_4xDQw.js";import{a as o,d as s}from"./index-o71HAmc3.js";import{n as c,r as l,t as u}from"./input-group-DtkAnPaQ.js";import{t as d}from"./PreviewLayout-CBTybzKu.js";var f=e({LeadingIcon:()=>m,StackedEmailPassword:()=>g,TrailingAddon:()=>h}),p=s();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{children:(0,p.jsx)(o,{className:`size-4`})}),(0,p.jsx)(l,{placeholder:`Search…`})]})})}function h(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(u,{children:[(0,p.jsx)(l,{placeholder:`username`}),(0,p.jsx)(c,{align:`inline-end`,className:`text-muted-foreground`,children:`@example.com`})]})})}function g(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{children:(0,p.jsx)(a,{className:`size-4`})}),(0,p.jsx)(l,{type:`email`,placeholder:`email@example.com`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{children:(0,p.jsx)(i,{className:`size-4`})}),(0,p.jsx)(l,{type:`password`,placeholder:`••••••••`})]})]})})}var _=`import { Search, Mail, Lock } from 'lucide-react';
 import {
 	InputGroup,
 	InputGroupAddon,

package/dist/showcase/assets/{input-group-Dfqufdp4.js → input-group-DtkAnPaQ.js}

@@ -1 +1 @@
-import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{c as t}from"./section-D-N8Ze16.js";import{d as n,n as r}from"./index-QESvAJrb.js";import{t as i}from"./input-CBJy1dMs.js";e();var a=n();function o({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:r(`border-input has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 h-9 rounded-md border shadow-xs transition-[color,box-shadow] has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto`,e),...t})}var s=t(`text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none`,{variants:{align:{"inline-start":`pl-2 has-[>button]:ml-[-0.25rem] has-[>kbd]:ml-[-0.15rem] order-first`,"inline-end":`pr-2 has-[>button]:mr-[-0.25rem] has-[>kbd]:mr-[-0.15rem] order-last`,"block-start":`px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start`,"block-end":`px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start`}},defaultVariants:{align:`inline-start`}});function c({className:e,align:t=`inline-start`,...n}){return(0,a.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":t,className:r(s({align:t}),e),onClick:e=>{e.target.closest(`button`)||e.currentTarget.parentElement?.querySelector(`input`)?.focus()},...n})}t(`gap-2 text-sm shadow-none flex items-center`,{variants:{size:{xs:`h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5`,sm:``,"icon-xs":`size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0`,"icon-sm":`size-8 p-0 has-[>svg]:p-0`}},defaultVariants:{size:`xs`}});function l({className:e,...t}){return(0,a.jsx)(i,{"data-slot":`input-group-control`,className:r(`rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 flex-1`,e),...t})}export{c as n,l as r,o as t};
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{c as t}from"./section-Dd6X6IKg.js";import{d as n,n as r}from"./index-o71HAmc3.js";import{t as i}from"./input-CLysAarX.js";e();var a=n();function o({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:r(`border-input has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 h-9 rounded-md border shadow-xs transition-[color,box-shadow] has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto`,e),...t})}var s=t(`text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none`,{variants:{align:{"inline-start":`pl-2 has-[>button]:ml-[-0.25rem] has-[>kbd]:ml-[-0.15rem] order-first`,"inline-end":`pr-2 has-[>button]:mr-[-0.25rem] has-[>kbd]:mr-[-0.15rem] order-last`,"block-start":`px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start`,"block-end":`px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start`}},defaultVariants:{align:`inline-start`}});function c({className:e,align:t=`inline-start`,...n}){return(0,a.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":t,className:r(s({align:t}),e),onClick:e=>{e.target.closest(`button`)||e.currentTarget.parentElement?.querySelector(`input`)?.focus()},...n})}t(`gap-2 text-sm shadow-none flex items-center`,{variants:{size:{xs:`h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5`,sm:``,"icon-xs":`size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0`,"icon-sm":`size-8 p-0 has-[>svg]:p-0`}},defaultVariants:{size:`xs`}});function l({className:e,...t}){return(0,a.jsx)(i,{"data-slot":`input-group-control`,className:r(`rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 flex-1`,e),...t})}export{c as n,l as r,o as t};

package/dist/showcase/assets/{inputs-Bhw_FGDY.js → inputs-C2flJn12.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{c as r,n as i,t as a}from"./section-D-N8Ze16.js";import{t as o}from"./example-PsbgbESI.js";import{t as s}from"./chevron-down-BqrI6QzQ.js";import{t as c}from"./minus-B1es6KJX.js";import{d as l,n as u}from"./index-QESvAJrb.js";import{a as d,i as f,n as ee,o as p,t as m}from"./select-C9Mfb_Gj.js";import{t as h}from"./input-CBJy1dMs.js";import{t as g}from"./textarea-DgNgSl1g.js";import{t as _}from"./PreviewLayout-wYGhlcJt.js";var v=t(n(),1),y=l();function te({className:e,...t}){return(0,y.jsx)(`label`,{"data-slot":`label`,className:u(`flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,e),...t})}function b({className:e,...t}){return(0,y.jsx)(`fieldset`,{"data-slot":`field-set`,className:u(`flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,e),...t})}function x({className:e,variant:t=`legend`,...n}){return(0,y.jsx)(`legend`,{"data-slot":`field-legend`,"data-variant":t,className:u(`mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,e),...n})}function S({className:e,...t}){return(0,y.jsx)(`div`,{"data-slot":`field-group`,className:u(`group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,e),...t})}var C=r(`group/field flex w-full gap-3 data-[invalid=true]:text-destructive`,{variants:{orientation:{vertical:`flex-col *:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function w({className:e,orientation:t=`vertical`,...n}){return(0,y.jsx)(`div`,{role:`group`,"data-slot":`field`,"data-orientation":t,className:u(C({orientation:t}),e),...n})}function T({className:e,...t}){return(0,y.jsx)(te,{"data-slot":`field-label`,className:u(`group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:bg-input/30 has-[>[data-slot=field]]:rounded-2xl has-[>[data-slot=field]]:border *:data-[slot=field]:p-4`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col`,e),...t})}function E({className:e,...t}){return(0,y.jsx)(`p`,{"data-slot":`field-description`,className:u(`text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5`,`last:mt-0 nth-last-2:-mt-1`,`[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,e),...t})}function D({className:e,children:t,errors:n,...r}){let i=(0,v.useMemo)(()=>{if(t)return t;if(!n?.length)return null;let e=[...new Map(n.map(e=>[e?.message,e])).values()];return e?.length==1?e[0]?.message:(0,y.jsx)(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map((e,t)=>e?.message&&(0,y.jsx)(`li`,{children:e.message},t))})},[t,n]);return i?(0,y.jsx)(`div`,{role:`alert`,"data-slot":`field-error`,className:u(`text-sm font-normal text-destructive`,e),...r,children:i}):null}var O=Object.defineProperty,k=Object.defineProperties,A=Object.getOwnPropertyDescriptors,j=Object.getOwnPropertySymbols,M=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable,P=(e,t,n)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,ne=(e,t)=>{for(var n in t||={})M.call(t,n)&&P(e,n,t[n]);if(j)for(var n of j(t))N.call(t,n)&&P(e,n,t[n]);return e},re=(e,t)=>k(e,A(t)),ie=(e,t)=>{var n={};for(var r in e)M.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&j)for(var r of j(e))t.indexOf(r)<0&&N.call(e,r)&&(n[r]=e[r]);return n};function ae(e){return[setTimeout(e,0),setTimeout(e,10),setTimeout(e,50)]}function oe(e){let t=v.useRef();return v.useEffect(()=>{t.current=e}),t.current}var F=18,I=40,L=`${I}px`,R=[`[data-lastpass-icon-root]`,`com-1password-button`,`[data-dashlanecreated]`,`[style$="2147483647 !important;"]`].join(`,`);function se({containerRef:e,inputRef:t,pushPasswordManagerStrategy:n,isFocused:r}){let[i,a]=v.useState(!1),[o,s]=v.useState(!1),[c,l]=v.useState(!1),u=v.useMemo(()=>n===`none`?!1:(n===`increase-width`||n===`experimental-no-flickering`)&&i&&o,[i,o,n]),d=v.useCallback(()=>{let r=e.current,i=t.current;if(!r||!i||c||n===`none`)return;let o=r,s=o.getBoundingClientRect().left+o.offsetWidth,u=o.getBoundingClientRect().top+o.offsetHeight/2,d=s-F,f=u;document.querySelectorAll(R).length===0&&document.elementFromPoint(d,f)===r||(a(!0),l(!0))},[e,t,c,n]);return v.useEffect(()=>{let t=e.current;if(!t||n===`none`)return;function r(){s(window.innerWidth-t.getBoundingClientRect().right>=I)}r();let i=setInterval(r,1e3);return()=>{clearInterval(i)}},[e,n]),v.useEffect(()=>{let e=r||document.activeElement===t.current;if(n===`none`||!e)return;let i=setTimeout(d,0),a=setTimeout(d,2e3),o=setTimeout(d,5e3),s=setTimeout(()=>{l(!0)},6e3);return()=>{clearTimeout(i),clearTimeout(a),clearTimeout(o),clearTimeout(s)}},[t,r,n,d]),{hasPWMBadge:i,willPushPWMBadge:u,PWM_BADGE_SPACE_WIDTH:L}}var ce=v.createContext({}),z=v.forwardRef((e,t)=>{var n=e,{value:r,onChange:i,maxLength:a,textAlign:o=`left`,pattern:s,placeholder:c,inputMode:l=`numeric`,onComplete:u,pushPasswordManagerStrategy:d=`increase-width`,pasteTransformer:f,containerClassName:ee,noScriptCSSFallback:p=le,render:m,children:h}=n,g=ie(n,[`value`,`onChange`,`maxLength`,`textAlign`,`pattern`,`placeholder`,`inputMode`,`onComplete`,`pushPasswordManagerStrategy`,`pasteTransformer`,`containerClassName`,`noScriptCSSFallback`,`render`,`children`]),_;let[y,te]=v.useState(typeof g.defaultValue==`string`?g.defaultValue:``),b=r??y,x=oe(b),S=v.useCallback(e=>{i?.(e),te(e)},[i]),C=v.useMemo(()=>s?typeof s==`string`?new RegExp(s):s:null,[s]),w=v.useRef(null),T=v.useRef(null),E=v.useRef({value:b,onChange:S,isIOS:typeof window<`u`&&((_=window==null?void 0:window.CSS)?.supports)?.call(_,`-webkit-touch-callout`,`none`)}),D=v.useRef({prev:[w.current?.selectionStart,w.current?.selectionEnd,w.current?.selectionDirection]});v.useImperativeHandle(t,()=>w.current,[]),v.useEffect(()=>{let e=w.current,t=T.current;if(!e||!t)return;E.current.value!==e.value&&E.current.onChange(e.value),D.current.prev=[e.selectionStart,e.selectionEnd,e.selectionDirection];function n(){if(document.activeElement!==e){N(null),F(null);return}let t=e.selectionStart,n=e.selectionEnd,r=e.selectionDirection,i=e.maxLength,a=e.value,o=D.current.prev,s=-1,c=-1,l;if(a.length!==0&&t!==null&&n!==null){let e=t===n,r=t===a.length&&a.length<i;if(e&&!r){let e=t;if(e===0)s=0,c=1,l=`forward`;else if(e===i)s=e-1,c=e,l=`backward`;else if(i>1&&a.length>1){let t=0;if(o[0]!==null&&o[1]!==null){l=e<o[1]?`backward`:`forward`;let n=o[0]===o[1]&&o[0]<i;l===`backward`&&!n&&(t=-1)}s=t+e,c=t+e+1}}s!==-1&&c!==-1&&s!==c&&w.current.setSelectionRange(s,c,l)}let u=s===-1?t:s,d=c===-1?n:c,f=l??r;N(u),F(d),D.current.prev=[u,d,f]}if(document.addEventListener(`selectionchange`,n,{capture:!0}),n(),document.activeElement===e&&j(!0),!document.getElementById(`input-otp-style`)){let e=document.createElement(`style`);if(e.id=`input-otp-style`,document.head.appendChild(e),e.sheet){let t=`background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;`;B(e.sheet,`[data-input-otp]::selection { background: transparent !important; color: transparent !important; }`),B(e.sheet,`[data-input-otp]:autofill { ${t} }`),B(e.sheet,`[data-input-otp]:-webkit-autofill { ${t} }`),B(e.sheet,`@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }`),B(e.sheet,`[data-input-otp] + * { pointer-events: all !important; }`)}}let r=()=>{t&&t.style.setProperty(`--root-height`,`${e.clientHeight}px`)};r();let i=new ResizeObserver(r);return i.observe(e),()=>{document.removeEventListener(`selectionchange`,n,{capture:!0}),i.disconnect()}},[]);let[O,k]=v.useState(!1),[A,j]=v.useState(!1),[M,N]=v.useState(null),[P,F]=v.useState(null);v.useEffect(()=>{ae(()=>{var e;(e=w.current)==null||e.dispatchEvent(new Event(`input`));let t=w.current?.selectionStart,n=w.current?.selectionEnd,r=w.current?.selectionDirection;t!==null&&n!==null&&(N(t),F(n),D.current.prev=[t,n,r])})},[b,A]),v.useEffect(()=>{x!==void 0&&b!==x&&x.length<a&&b.length===a&&u?.(b)},[a,u,x,b]);let I=se({containerRef:T,inputRef:w,pushPasswordManagerStrategy:d,isFocused:A}),L=v.useCallback(e=>{let t=e.currentTarget.value.slice(0,a);if(t.length>0&&C&&!C.test(t)){e.preventDefault();return}typeof x==`string`&&t.length<x.length&&document.dispatchEvent(new Event(`selectionchange`)),S(t)},[a,S,x,C]),R=v.useCallback(()=>{var e;if(w.current){let t=Math.min(w.current.value.length,a-1),n=w.current.value.length;(e=w.current)==null||e.setSelectionRange(t,n),N(t),F(n)}j(!0)},[a]),z=v.useCallback(e=>{let t=w.current;if(!f&&(!E.current.isIOS||!e.clipboardData||!t))return;let n=e.clipboardData.getData(`text/plain`),r=f?f(n):n;e.preventDefault();let i=w.current?.selectionStart,o=w.current?.selectionEnd,s=(i===o?b.slice(0,i)+r+b.slice(i):b.slice(0,i)+r+b.slice(o)).slice(0,a);if(s.length>0&&C&&!C.test(s))return;t.value=s,S(s);let c=Math.min(s.length,a-1),l=s.length;t.setSelectionRange(c,l),N(c),F(l)},[a,S,C,b]),ue=v.useMemo(()=>({position:`relative`,cursor:g.disabled?`default`:`text`,userSelect:`none`,WebkitUserSelect:`none`,pointerEvents:`none`}),[g.disabled]),V=v.useMemo(()=>({position:`absolute`,inset:0,width:I.willPushPWMBadge?`calc(100% + ${I.PWM_BADGE_SPACE_WIDTH})`:`100%`,clipPath:I.willPushPWMBadge?`inset(0 ${I.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:`100%`,display:`flex`,textAlign:o,opacity:`1`,color:`transparent`,pointerEvents:`all`,background:`transparent`,caretColor:`transparent`,border:`0 solid transparent`,outline:`0 solid transparent`,boxShadow:`none`,lineHeight:`1`,letterSpacing:`-.5em`,fontSize:`var(--root-height)`,fontFamily:`monospace`,fontVariantNumeric:`tabular-nums`}),[I.PWM_BADGE_SPACE_WIDTH,I.willPushPWMBadge,o]),H=v.useMemo(()=>v.createElement(`input`,re(ne({autoComplete:g.autoComplete||`one-time-code`},g),{"data-input-otp":!0,"data-input-otp-placeholder-shown":b.length===0||void 0,"data-input-otp-mss":M,"data-input-otp-mse":P,inputMode:l,pattern:C?.source,"aria-placeholder":c,style:V,maxLength:a,value:b,ref:w,onPaste:e=>{var t;z(e),(t=g.onPaste)==null||t.call(g,e)},onChange:L,onMouseOver:e=>{var t;k(!0),(t=g.onMouseOver)==null||t.call(g,e)},onMouseLeave:e=>{var t;k(!1),(t=g.onMouseLeave)==null||t.call(g,e)},onFocus:e=>{var t;R(),(t=g.onFocus)==null||t.call(g,e)},onBlur:e=>{var t;j(!1),(t=g.onBlur)==null||t.call(g,e)}})),[L,R,z,l,V,a,P,M,g,C?.source,b]),U=v.useMemo(()=>({slots:Array.from({length:a}).map((e,t)=>{let n=A&&M!==null&&P!==null&&(M===P&&t===M||t>=M&&t<P),r=b[t]===void 0?null:b[t];return{char:r,placeholderChar:b[0]===void 0?c?.[t]??null:null,isActive:n,hasFakeCaret:n&&r===null}}),isFocused:A,isHovering:!g.disabled&&O}),[A,O,a,P,M,g.disabled,b]),W=v.useMemo(()=>m?m(U):v.createElement(ce.Provider,{value:U},h),[h,U,m]);return v.createElement(v.Fragment,null,p!==null&&v.createElement(`noscript`,null,v.createElement(`style`,null,p)),v.createElement(`div`,{ref:T,"data-input-otp-container":!0,style:ue,className:ee},W,v.createElement(`div`,{style:{position:`absolute`,inset:0,pointerEvents:`none`}},H)))});z.displayName=`Input`;function B(e,t){try{e.insertRule(t)}catch{console.error(`input-otp could not insert CSS rule:`,t)}}var le=`
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{c as r,n as i,t as a}from"./section-Dd6X6IKg.js";import{t as o}from"./example-Rrx9vj75.js";import{t as s}from"./chevron-down-CBa5t2E0.js";import{t as c}from"./minus-CwzskYaZ.js";import{d as l,n as u}from"./index-o71HAmc3.js";import{a as d,i as f,n as ee,o as p,t as m}from"./select-Du9VvUxt.js";import{t as h}from"./input-CLysAarX.js";import{t as g}from"./textarea-BN4PUX-V.js";import{t as _}from"./PreviewLayout-CBTybzKu.js";var v=t(n(),1),y=l();function te({className:e,...t}){return(0,y.jsx)(`label`,{"data-slot":`label`,className:u(`flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,e),...t})}function b({className:e,...t}){return(0,y.jsx)(`fieldset`,{"data-slot":`field-set`,className:u(`flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,e),...t})}function x({className:e,variant:t=`legend`,...n}){return(0,y.jsx)(`legend`,{"data-slot":`field-legend`,"data-variant":t,className:u(`mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,e),...n})}function S({className:e,...t}){return(0,y.jsx)(`div`,{"data-slot":`field-group`,className:u(`group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,e),...t})}var C=r(`group/field flex w-full gap-3 data-[invalid=true]:text-destructive`,{variants:{orientation:{vertical:`flex-col *:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function w({className:e,orientation:t=`vertical`,...n}){return(0,y.jsx)(`div`,{role:`group`,"data-slot":`field`,"data-orientation":t,className:u(C({orientation:t}),e),...n})}function T({className:e,...t}){return(0,y.jsx)(te,{"data-slot":`field-label`,className:u(`group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:bg-input/30 has-[>[data-slot=field]]:rounded-2xl has-[>[data-slot=field]]:border *:data-[slot=field]:p-4`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col`,e),...t})}function E({className:e,...t}){return(0,y.jsx)(`p`,{"data-slot":`field-description`,className:u(`text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5`,`last:mt-0 nth-last-2:-mt-1`,`[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,e),...t})}function D({className:e,children:t,errors:n,...r}){let i=(0,v.useMemo)(()=>{if(t)return t;if(!n?.length)return null;let e=[...new Map(n.map(e=>[e?.message,e])).values()];return e?.length==1?e[0]?.message:(0,y.jsx)(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map((e,t)=>e?.message&&(0,y.jsx)(`li`,{children:e.message},t))})},[t,n]);return i?(0,y.jsx)(`div`,{role:`alert`,"data-slot":`field-error`,className:u(`text-sm font-normal text-destructive`,e),...r,children:i}):null}var O=Object.defineProperty,k=Object.defineProperties,A=Object.getOwnPropertyDescriptors,j=Object.getOwnPropertySymbols,M=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable,P=(e,t,n)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,ne=(e,t)=>{for(var n in t||={})M.call(t,n)&&P(e,n,t[n]);if(j)for(var n of j(t))N.call(t,n)&&P(e,n,t[n]);return e},re=(e,t)=>k(e,A(t)),ie=(e,t)=>{var n={};for(var r in e)M.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&j)for(var r of j(e))t.indexOf(r)<0&&N.call(e,r)&&(n[r]=e[r]);return n};function ae(e){return[setTimeout(e,0),setTimeout(e,10),setTimeout(e,50)]}function oe(e){let t=v.useRef();return v.useEffect(()=>{t.current=e}),t.current}var F=18,I=40,L=`${I}px`,R=[`[data-lastpass-icon-root]`,`com-1password-button`,`[data-dashlanecreated]`,`[style$="2147483647 !important;"]`].join(`,`);function se({containerRef:e,inputRef:t,pushPasswordManagerStrategy:n,isFocused:r}){let[i,a]=v.useState(!1),[o,s]=v.useState(!1),[c,l]=v.useState(!1),u=v.useMemo(()=>n===`none`?!1:(n===`increase-width`||n===`experimental-no-flickering`)&&i&&o,[i,o,n]),d=v.useCallback(()=>{let r=e.current,i=t.current;if(!r||!i||c||n===`none`)return;let o=r,s=o.getBoundingClientRect().left+o.offsetWidth,u=o.getBoundingClientRect().top+o.offsetHeight/2,d=s-F,f=u;document.querySelectorAll(R).length===0&&document.elementFromPoint(d,f)===r||(a(!0),l(!0))},[e,t,c,n]);return v.useEffect(()=>{let t=e.current;if(!t||n===`none`)return;function r(){s(window.innerWidth-t.getBoundingClientRect().right>=I)}r();let i=setInterval(r,1e3);return()=>{clearInterval(i)}},[e,n]),v.useEffect(()=>{let e=r||document.activeElement===t.current;if(n===`none`||!e)return;let i=setTimeout(d,0),a=setTimeout(d,2e3),o=setTimeout(d,5e3),s=setTimeout(()=>{l(!0)},6e3);return()=>{clearTimeout(i),clearTimeout(a),clearTimeout(o),clearTimeout(s)}},[t,r,n,d]),{hasPWMBadge:i,willPushPWMBadge:u,PWM_BADGE_SPACE_WIDTH:L}}var ce=v.createContext({}),z=v.forwardRef((e,t)=>{var n=e,{value:r,onChange:i,maxLength:a,textAlign:o=`left`,pattern:s,placeholder:c,inputMode:l=`numeric`,onComplete:u,pushPasswordManagerStrategy:d=`increase-width`,pasteTransformer:f,containerClassName:ee,noScriptCSSFallback:p=le,render:m,children:h}=n,g=ie(n,[`value`,`onChange`,`maxLength`,`textAlign`,`pattern`,`placeholder`,`inputMode`,`onComplete`,`pushPasswordManagerStrategy`,`pasteTransformer`,`containerClassName`,`noScriptCSSFallback`,`render`,`children`]),_;let[y,te]=v.useState(typeof g.defaultValue==`string`?g.defaultValue:``),b=r??y,x=oe(b),S=v.useCallback(e=>{i?.(e),te(e)},[i]),C=v.useMemo(()=>s?typeof s==`string`?new RegExp(s):s:null,[s]),w=v.useRef(null),T=v.useRef(null),E=v.useRef({value:b,onChange:S,isIOS:typeof window<`u`&&((_=window==null?void 0:window.CSS)?.supports)?.call(_,`-webkit-touch-callout`,`none`)}),D=v.useRef({prev:[w.current?.selectionStart,w.current?.selectionEnd,w.current?.selectionDirection]});v.useImperativeHandle(t,()=>w.current,[]),v.useEffect(()=>{let e=w.current,t=T.current;if(!e||!t)return;E.current.value!==e.value&&E.current.onChange(e.value),D.current.prev=[e.selectionStart,e.selectionEnd,e.selectionDirection];function n(){if(document.activeElement!==e){N(null),F(null);return}let t=e.selectionStart,n=e.selectionEnd,r=e.selectionDirection,i=e.maxLength,a=e.value,o=D.current.prev,s=-1,c=-1,l;if(a.length!==0&&t!==null&&n!==null){let e=t===n,r=t===a.length&&a.length<i;if(e&&!r){let e=t;if(e===0)s=0,c=1,l=`forward`;else if(e===i)s=e-1,c=e,l=`backward`;else if(i>1&&a.length>1){let t=0;if(o[0]!==null&&o[1]!==null){l=e<o[1]?`backward`:`forward`;let n=o[0]===o[1]&&o[0]<i;l===`backward`&&!n&&(t=-1)}s=t+e,c=t+e+1}}s!==-1&&c!==-1&&s!==c&&w.current.setSelectionRange(s,c,l)}let u=s===-1?t:s,d=c===-1?n:c,f=l??r;N(u),F(d),D.current.prev=[u,d,f]}if(document.addEventListener(`selectionchange`,n,{capture:!0}),n(),document.activeElement===e&&j(!0),!document.getElementById(`input-otp-style`)){let e=document.createElement(`style`);if(e.id=`input-otp-style`,document.head.appendChild(e),e.sheet){let t=`background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;`;B(e.sheet,`[data-input-otp]::selection { background: transparent !important; color: transparent !important; }`),B(e.sheet,`[data-input-otp]:autofill { ${t} }`),B(e.sheet,`[data-input-otp]:-webkit-autofill { ${t} }`),B(e.sheet,`@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }`),B(e.sheet,`[data-input-otp] + * { pointer-events: all !important; }`)}}let r=()=>{t&&t.style.setProperty(`--root-height`,`${e.clientHeight}px`)};r();let i=new ResizeObserver(r);return i.observe(e),()=>{document.removeEventListener(`selectionchange`,n,{capture:!0}),i.disconnect()}},[]);let[O,k]=v.useState(!1),[A,j]=v.useState(!1),[M,N]=v.useState(null),[P,F]=v.useState(null);v.useEffect(()=>{ae(()=>{var e;(e=w.current)==null||e.dispatchEvent(new Event(`input`));let t=w.current?.selectionStart,n=w.current?.selectionEnd,r=w.current?.selectionDirection;t!==null&&n!==null&&(N(t),F(n),D.current.prev=[t,n,r])})},[b,A]),v.useEffect(()=>{x!==void 0&&b!==x&&x.length<a&&b.length===a&&u?.(b)},[a,u,x,b]);let I=se({containerRef:T,inputRef:w,pushPasswordManagerStrategy:d,isFocused:A}),L=v.useCallback(e=>{let t=e.currentTarget.value.slice(0,a);if(t.length>0&&C&&!C.test(t)){e.preventDefault();return}typeof x==`string`&&t.length<x.length&&document.dispatchEvent(new Event(`selectionchange`)),S(t)},[a,S,x,C]),R=v.useCallback(()=>{var e;if(w.current){let t=Math.min(w.current.value.length,a-1),n=w.current.value.length;(e=w.current)==null||e.setSelectionRange(t,n),N(t),F(n)}j(!0)},[a]),z=v.useCallback(e=>{let t=w.current;if(!f&&(!E.current.isIOS||!e.clipboardData||!t))return;let n=e.clipboardData.getData(`text/plain`),r=f?f(n):n;e.preventDefault();let i=w.current?.selectionStart,o=w.current?.selectionEnd,s=(i===o?b.slice(0,i)+r+b.slice(i):b.slice(0,i)+r+b.slice(o)).slice(0,a);if(s.length>0&&C&&!C.test(s))return;t.value=s,S(s);let c=Math.min(s.length,a-1),l=s.length;t.setSelectionRange(c,l),N(c),F(l)},[a,S,C,b]),ue=v.useMemo(()=>({position:`relative`,cursor:g.disabled?`default`:`text`,userSelect:`none`,WebkitUserSelect:`none`,pointerEvents:`none`}),[g.disabled]),V=v.useMemo(()=>({position:`absolute`,inset:0,width:I.willPushPWMBadge?`calc(100% + ${I.PWM_BADGE_SPACE_WIDTH})`:`100%`,clipPath:I.willPushPWMBadge?`inset(0 ${I.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:`100%`,display:`flex`,textAlign:o,opacity:`1`,color:`transparent`,pointerEvents:`all`,background:`transparent`,caretColor:`transparent`,border:`0 solid transparent`,outline:`0 solid transparent`,boxShadow:`none`,lineHeight:`1`,letterSpacing:`-.5em`,fontSize:`var(--root-height)`,fontFamily:`monospace`,fontVariantNumeric:`tabular-nums`}),[I.PWM_BADGE_SPACE_WIDTH,I.willPushPWMBadge,o]),H=v.useMemo(()=>v.createElement(`input`,re(ne({autoComplete:g.autoComplete||`one-time-code`},g),{"data-input-otp":!0,"data-input-otp-placeholder-shown":b.length===0||void 0,"data-input-otp-mss":M,"data-input-otp-mse":P,inputMode:l,pattern:C?.source,"aria-placeholder":c,style:V,maxLength:a,value:b,ref:w,onPaste:e=>{var t;z(e),(t=g.onPaste)==null||t.call(g,e)},onChange:L,onMouseOver:e=>{var t;k(!0),(t=g.onMouseOver)==null||t.call(g,e)},onMouseLeave:e=>{var t;k(!1),(t=g.onMouseLeave)==null||t.call(g,e)},onFocus:e=>{var t;R(),(t=g.onFocus)==null||t.call(g,e)},onBlur:e=>{var t;j(!1),(t=g.onBlur)==null||t.call(g,e)}})),[L,R,z,l,V,a,P,M,g,C?.source,b]),U=v.useMemo(()=>({slots:Array.from({length:a}).map((e,t)=>{let n=A&&M!==null&&P!==null&&(M===P&&t===M||t>=M&&t<P),r=b[t]===void 0?null:b[t];return{char:r,placeholderChar:b[0]===void 0?c?.[t]??null:null,isActive:n,hasFakeCaret:n&&r===null}}),isFocused:A,isHovering:!g.disabled&&O}),[A,O,a,P,M,g.disabled,b]),W=v.useMemo(()=>m?m(U):v.createElement(ce.Provider,{value:U},h),[h,U,m]);return v.createElement(v.Fragment,null,p!==null&&v.createElement(`noscript`,null,v.createElement(`style`,null,p)),v.createElement(`div`,{ref:T,"data-input-otp-container":!0,style:ue,className:ee},W,v.createElement(`div`,{style:{position:`absolute`,inset:0,pointerEvents:`none`}},H)))});z.displayName=`Input`;function B(e,t){try{e.insertRule(t)}catch{console.error(`input-otp could not insert CSS rule:`,t)}}var le=`
 [data-input-otp] {
   --nojs-bg: white !important;
   --nojs-fg: black !important;

package/dist/showcase/assets/{installation-DnvS2ZUn.js → installation-CCvBKDNO.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-D-N8Ze16.js";import{r as a,t as o}from"./example-PsbgbESI.js";import{t as s}from"./wrench-BiwmotMF.js";import{d as c,l,o as u,s as d}from"./index-QESvAJrb.js";import{t as f}from"./icon-badge-ognVhKWR.js";import{t as p}from"./smart-card-C6-idFYI.js";var m=l(`plug`,[[`path`,{d:`M12 22v-5`,key:`1ega77`}],[`path`,{d:`M15 8V2`,key:`18g5xt`}],[`path`,{d:`M17 8a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1z`,key:`1xoxul`}],[`path`,{d:`M9 8V2`,key:`14iosj`}]]),h=l(`square-terminal`,[[`path`,{d:`m7 11 2-2-2-2`,key:`1lz0vl`}],[`path`,{d:`M11 13h4`,key:`1p7l4v`}],[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,ry:`2`,key:`1m3agn`}]]),g=e({ImportRecipe:()=>x,InstallCommand:()=>y,MaintainerChecks:()=>C,NextLinks:()=>w,OptionalPeers:()=>S,RequiredSteps:()=>b}),_=c(),v=[[`Package`,`Install the library plus React, Tailwind, and icon peers used by the base layer.`],[`Stylesheet`,`Import the package stylesheet once in the application entry.`],[`Provider`,`Wrap the app in UIProvider when you want centralized display defaults.`],[`Imports`,`Use exact package subpaths for every component family.`]];function y(){return(0,_.jsx)(p,{title:`Install the package`,description:`Use the package as a library dependency, not copied source.`,icon:(0,_.jsx)(f,{icon:u,tone:`primary`,shape:`square`,size:`default`}),children:(0,_.jsx)(`div`,{className:`rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground`,children:`npm install admin-ui-starter-kit react react-dom tailwindcss lucide-react`})})}function b(){return(0,_.jsx)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:v.map(([e,t],n)=>(0,_.jsx)(p,{surface:`framed`,padding:`default`,children:(0,_.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,_.jsx)(`span`,{className:`inline-flex size-7 shrink-0 items-center justify-center rounded-md bg-muted text-xs font-semibold text-foreground`,children:n+1}),(0,_.jsxs)(`div`,{children:[(0,_.jsx)(r,{weight:`semibold`,children:e}),(0,_.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})]})},e))})}function x(){return(0,_.jsx)(p,{title:`Exact public imports`,description:`Do not import raw shadcn primitives or preview files from consuming apps.`,icon:(0,_.jsx)(f,{icon:m,tone:`info`,shape:`square`,size:`default`}),children:(0,_.jsxs)(`div`,{className:`grid gap-2 font-mono text-xs text-foreground`,children:[(0,_.jsx)(`div`,{className:`rounded-md bg-muted px-3 py-2`,children:`import 'admin-ui-starter-kit/style.css';`}),(0,_.jsxs)(`div`,{className:`rounded-md bg-muted px-3 py-2`,children:[`import `,`{ UIProvider }`,` from 'admin-ui-starter-kit/ui-provider';`]}),(0,_.jsxs)(`div`,{className:`rounded-md bg-muted px-3 py-2`,children:[`import `,`{ Button }`,` from 'admin-ui-starter-kit/base/buttons';`]}),(0,_.jsxs)(`div`,{className:`rounded-md bg-muted px-3 py-2`,children:[`import `,`{ GlobalSearch }`,` from 'admin-ui-starter-kit/features/global-search';`]})]})})}function S(){return(0,_.jsx)(p,{surface:`framed`,padding:`default`,children:(0,_.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,_.jsx)(f,{icon:s,tone:`warning`,shape:`square`}),(0,_.jsxs)(`div`,{className:`min-w-0 space-y-2`,children:[(0,_.jsxs)(`div`,{children:[(0,_.jsx)(r,{weight:`semibold`,children:`Feature peers stay opt-in`}),(0,_.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Rich text, charts, maps, drag and drop, and command palettes are installed only when the consuming app uses those surfaces.`})]}),(0,_.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,_.jsx)(n,{variant:`secondary`,children:`@tiptap/react`}),(0,_.jsx)(n,{variant:`secondary`,children:`recharts`}),(0,_.jsx)(n,{variant:`secondary`,children:`embla-carousel-react`}),(0,_.jsx)(n,{variant:`secondary`,children:`cmdk`})]})]})]})})}function C(){return(0,_.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,_.jsx)(p,{title:`Consumer install skill`,description:`Installs the migration guidance into a downstream app.`,icon:(0,_.jsx)(f,{icon:d,tone:`success`,shape:`square`,size:`default`}),children:(0,_.jsx)(`div`,{className:`rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground`,children:`npx admin-ui-starter-kit-install-skill`})}),(0,_.jsx)(p,{title:`Release verification`,description:`Run package checks before publishing a release.`,icon:(0,_.jsx)(f,{icon:h,tone:`warning`,shape:`square`,size:`default`}),children:(0,_.jsx)(`div`,{className:`rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground`,children:`npm run verify:release`})})]})}function w(){return(0,_.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,_.jsx)(a,{href:`#/base/css-variables`,size:`default`,children:`View CSS variables`}),(0,_.jsx)(a,{href:`#/docs/showcase`,size:`default`,buttonStyle:`outline`,children:`Use the showcase`})]})}var T=`import {
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-Dd6X6IKg.js";import{r as a,t as o}from"./example-Rrx9vj75.js";import{t as s}from"./wrench-PjtfaRuJ.js";import{d as c,l,o as u,s as d}from"./index-o71HAmc3.js";import{t as f}from"./icon-badge-GMIN-bca.js";import{t as p}from"./smart-card-BwSFemlj.js";var m=l(`plug`,[[`path`,{d:`M12 22v-5`,key:`1ega77`}],[`path`,{d:`M15 8V2`,key:`18g5xt`}],[`path`,{d:`M17 8a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1z`,key:`1xoxul`}],[`path`,{d:`M9 8V2`,key:`14iosj`}]]),h=l(`square-terminal`,[[`path`,{d:`m7 11 2-2-2-2`,key:`1lz0vl`}],[`path`,{d:`M11 13h4`,key:`1p7l4v`}],[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,ry:`2`,key:`1m3agn`}]]),g=e({ImportRecipe:()=>x,InstallCommand:()=>y,MaintainerChecks:()=>C,NextLinks:()=>w,OptionalPeers:()=>S,RequiredSteps:()=>b}),_=c(),v=[[`Package`,`Install the library plus React, Tailwind, and icon peers used by the base layer.`],[`Stylesheet`,`Import the package stylesheet once in the application entry.`],[`Provider`,`Wrap the app in UIProvider when you want centralized display defaults.`],[`Imports`,`Use exact package subpaths for every component family.`]];function y(){return(0,_.jsx)(p,{title:`Install the package`,description:`Use the package as a library dependency, not copied source.`,icon:(0,_.jsx)(f,{icon:u,tone:`primary`,shape:`square`,size:`default`}),children:(0,_.jsx)(`div`,{className:`rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground`,children:`npm install admin-ui-starter-kit react react-dom tailwindcss lucide-react`})})}function b(){return(0,_.jsx)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:v.map(([e,t],n)=>(0,_.jsx)(p,{surface:`framed`,padding:`default`,children:(0,_.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,_.jsx)(`span`,{className:`inline-flex size-7 shrink-0 items-center justify-center rounded-md bg-muted text-xs font-semibold text-foreground`,children:n+1}),(0,_.jsxs)(`div`,{children:[(0,_.jsx)(r,{weight:`semibold`,children:e}),(0,_.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})]})},e))})}function x(){return(0,_.jsx)(p,{title:`Exact public imports`,description:`Do not import raw shadcn primitives or preview files from consuming apps.`,icon:(0,_.jsx)(f,{icon:m,tone:`info`,shape:`square`,size:`default`}),children:(0,_.jsxs)(`div`,{className:`grid gap-2 font-mono text-xs text-foreground`,children:[(0,_.jsx)(`div`,{className:`rounded-md bg-muted px-3 py-2`,children:`import 'admin-ui-starter-kit/style.css';`}),(0,_.jsxs)(`div`,{className:`rounded-md bg-muted px-3 py-2`,children:[`import `,`{ UIProvider }`,` from 'admin-ui-starter-kit/ui-provider';`]}),(0,_.jsxs)(`div`,{className:`rounded-md bg-muted px-3 py-2`,children:[`import `,`{ Button }`,` from 'admin-ui-starter-kit/base/buttons';`]}),(0,_.jsxs)(`div`,{className:`rounded-md bg-muted px-3 py-2`,children:[`import `,`{ GlobalSearch }`,` from 'admin-ui-starter-kit/features/global-search';`]})]})})}function S(){return(0,_.jsx)(p,{surface:`framed`,padding:`default`,children:(0,_.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,_.jsx)(f,{icon:s,tone:`warning`,shape:`square`}),(0,_.jsxs)(`div`,{className:`min-w-0 space-y-2`,children:[(0,_.jsxs)(`div`,{children:[(0,_.jsx)(r,{weight:`semibold`,children:`Feature peers stay opt-in`}),(0,_.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Rich text, charts, maps, drag and drop, and command palettes are installed only when the consuming app uses those surfaces.`})]}),(0,_.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,_.jsx)(n,{variant:`secondary`,children:`@tiptap/react`}),(0,_.jsx)(n,{variant:`secondary`,children:`recharts`}),(0,_.jsx)(n,{variant:`secondary`,children:`embla-carousel-react`}),(0,_.jsx)(n,{variant:`secondary`,children:`cmdk`})]})]})]})})}function C(){return(0,_.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,_.jsx)(p,{title:`Consumer install skill`,description:`Installs the migration guidance into a downstream app.`,icon:(0,_.jsx)(f,{icon:d,tone:`success`,shape:`square`,size:`default`}),children:(0,_.jsx)(`div`,{className:`rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground`,children:`npx admin-ui-starter-kit-install-skill`})}),(0,_.jsx)(p,{title:`Release verification`,description:`Run package checks before publishing a release.`,icon:(0,_.jsx)(f,{icon:h,tone:`warning`,shape:`square`,size:`default`}),children:(0,_.jsx)(`div`,{className:`rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground`,children:`npm run verify:release`})})]})}function w(){return(0,_.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,_.jsx)(a,{href:`#/base/css-variables`,size:`default`,children:`View CSS variables`}),(0,_.jsx)(a,{href:`#/docs/showcase`,size:`default`,buttonStyle:`outline`,children:`Use the showcase`})]})}var T=`import {
 	ClipboardCheck,
 	PackageOpen,
 	Plug,

package/dist/showcase/assets/{invoice-header-B9Ak8GXX.js → invoice-header-C1G_aVIm.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{f as t,n,o as r,p as i,t as a}from"./section-D-N8Ze16.js";import{t as o}from"./example-PsbgbESI.js";import{N as s,d as c,n as l}from"./index-QESvAJrb.js";import{t as u}from"./props-table-CCcohuyT.js";import{t as d}from"./smart-card-C6-idFYI.js";import{t as f}from"./separator-Ha9YxI2x.js";import{t as p}from"./inline-stat-CO01t7SJ.js";var m={title:`Invoice`,billFrom:`Bill From`,billTo:`Bill To`,issued:`Issued`,due:`Due`,amountDue:`Amount Due`},h=c();function g({eyebrow:e,name:t,location:n}){return(0,h.jsxs)(`div`,{className:l(`invoice-header--component`,`space-y-1`),children:[(0,h.jsx)(i,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,h.jsx)(i,{weight:`semibold`,className:`leading-snug`,children:t}),!!n&&(0,h.jsx)(i,{size:`xs`,type:`secondary`,className:`leading-snug`,children:n})]})}function _({invoiceNumber:e,status:n,statusVariant:a=`success`,from:o,to:c,issuedDate:u,dueDate:_,amount:v,className:y,strings:b}){let x=s(m,b);return(0,h.jsxs)(d,{title:x.title,className:y,children:[(0,h.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,h.jsx)(i,{weight:`bold`,className:`font-mono tracking-wide`,children:e}),(0,h.jsx)(r,{variant:a,children:n})]}),(0,h.jsxs)(`div`,{className:`mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6`,children:[(0,h.jsx)(g,{eyebrow:x.billFrom,name:o.name,location:o.location}),(0,h.jsx)(g,{eyebrow:x.billTo,name:c.name,location:c.location})]}),(0,h.jsx)(f,{className:`my-5`}),(0,h.jsxs)(`div`,{className:`flex flex-wrap items-end justify-between gap-4`,children:[(0,h.jsxs)(`div`,{className:`space-y-1`,children:[!!u&&(0,h.jsx)(p,{layout:`inline`,label:x.issued,value:u,mono:!0,labelClassName:`text-xxs uppercase tracking-wider font-medium`,valueClassName:`text-xs font-medium`}),!!_&&(0,h.jsx)(p,{layout:`inline`,label:x.due,value:_,mono:!0,labelClassName:`text-xxs uppercase tracking-wider font-medium`,valueClassName:`text-xs font-medium`})]}),(0,h.jsxs)(`div`,{className:`text-right`,children:[(0,h.jsx)(i,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:x.amountDue}),(0,h.jsx)(t,{tag:`h3`,className:l(`mt-1 text-3xl tabular-nums leading-none tracking-tight border-none pb-0`),children:v})]})]})]})}_.displayName=`InvoiceHeaderCard`;var v=e({Overdue:()=>b,Paid:()=>y});function y(){return(0,h.jsx)(h.Fragment,{children:(0,h.jsx)(_,{invoiceNumber:`#INV-2026-0392`,status:`Paid`,statusVariant:`success`,from:{name:`Gift Come True Ltd.`,location:`New York, NY`},to:{name:`Daniel Smith`,location:`Los Angeles, USA`},issuedDate:`Mar 20, 2026`,dueDate:`Apr 20, 2026`,amount:`2,480.00 USD`})})}function b(){return(0,h.jsx)(h.Fragment,{children:(0,h.jsx)(_,{invoiceNumber:`#INV-2026-0114`,status:`Overdue`,statusVariant:`error`,from:{name:`Gift Come True Ltd.`},to:{name:`Adventure Park Bansko`},issuedDate:`Feb 14, 2026`,dueDate:`Mar 14, 2026`,amount:`3,120.00 USD`})})}var x=`import { InvoiceHeaderCard } from '@/components/composed/data-display/invoice-header';
+import{n as e}from"./chunk-QTnfLwEv.js";import{f as t,n,o as r,p as i,t as a}from"./section-Dd6X6IKg.js";import{t as o}from"./example-Rrx9vj75.js";import{N as s,d as c,n as l}from"./index-o71HAmc3.js";import{t as u}from"./props-table-C6gPyO49.js";import{t as d}from"./smart-card-BwSFemlj.js";import{t as f}from"./separator-y9i6EG-N.js";import{t as p}from"./inline-stat-CDQocPgN.js";var m={title:`Invoice`,billFrom:`Bill From`,billTo:`Bill To`,issued:`Issued`,due:`Due`,amountDue:`Amount Due`},h=c();function g({eyebrow:e,name:t,location:n}){return(0,h.jsxs)(`div`,{className:l(`invoice-header--component`,`space-y-1`),children:[(0,h.jsx)(i,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,h.jsx)(i,{weight:`semibold`,className:`leading-snug`,children:t}),!!n&&(0,h.jsx)(i,{size:`xs`,type:`secondary`,className:`leading-snug`,children:n})]})}function _({invoiceNumber:e,status:n,statusVariant:a=`success`,from:o,to:c,issuedDate:u,dueDate:_,amount:v,className:y,strings:b}){let x=s(m,b);return(0,h.jsxs)(d,{title:x.title,className:y,children:[(0,h.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,h.jsx)(i,{weight:`bold`,className:`font-mono tracking-wide`,children:e}),(0,h.jsx)(r,{variant:a,children:n})]}),(0,h.jsxs)(`div`,{className:`mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6`,children:[(0,h.jsx)(g,{eyebrow:x.billFrom,name:o.name,location:o.location}),(0,h.jsx)(g,{eyebrow:x.billTo,name:c.name,location:c.location})]}),(0,h.jsx)(f,{className:`my-5`}),(0,h.jsxs)(`div`,{className:`flex flex-wrap items-end justify-between gap-4`,children:[(0,h.jsxs)(`div`,{className:`space-y-1`,children:[!!u&&(0,h.jsx)(p,{layout:`inline`,label:x.issued,value:u,mono:!0,labelClassName:`text-xxs uppercase tracking-wider font-medium`,valueClassName:`text-xs font-medium`}),!!_&&(0,h.jsx)(p,{layout:`inline`,label:x.due,value:_,mono:!0,labelClassName:`text-xxs uppercase tracking-wider font-medium`,valueClassName:`text-xs font-medium`})]}),(0,h.jsxs)(`div`,{className:`text-right`,children:[(0,h.jsx)(i,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:x.amountDue}),(0,h.jsx)(t,{tag:`h3`,className:l(`mt-1 text-3xl tabular-nums leading-none tracking-tight border-none pb-0`),children:v})]})]})]})}_.displayName=`InvoiceHeaderCard`;var v=e({Overdue:()=>b,Paid:()=>y});function y(){return(0,h.jsx)(h.Fragment,{children:(0,h.jsx)(_,{invoiceNumber:`#INV-2026-0392`,status:`Paid`,statusVariant:`success`,from:{name:`Gift Come True Ltd.`,location:`New York, NY`},to:{name:`Daniel Smith`,location:`Los Angeles, USA`},issuedDate:`Mar 20, 2026`,dueDate:`Apr 20, 2026`,amount:`2,480.00 USD`})})}function b(){return(0,h.jsx)(h.Fragment,{children:(0,h.jsx)(_,{invoiceNumber:`#INV-2026-0114`,status:`Overdue`,statusVariant:`error`,from:{name:`Gift Come True Ltd.`},to:{name:`Adventure Park Bansko`},issuedDate:`Feb 14, 2026`,dueDate:`Mar 14, 2026`,amount:`3,120.00 USD`})})}var x=`import { InvoiceHeaderCard } from '@/components/composed/data-display/invoice-header';
 
 export function Paid() {
 	return (

package/dist/showcase/assets/{invoice-items-DY5zUZhE.js → invoice-items-Ak0CMjDh.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-D-N8Ze16.js";import{t as a}from"./example-PsbgbESI.js";import{t as o}from"./package-DLn6nx-u.js";import{d as s,n as c}from"./index-QESvAJrb.js";import{t as l}from"./props-table-CCcohuyT.js";import{t as u}from"./icon-badge-ognVhKWR.js";import{t as d}from"./separator-Ha9YxI2x.js";import{c as f,n as p,o as m,r as h,t as g,u as _}from"./item-BMSdEK3V.js";import{t as v}from"./inline-stat-CO01t7SJ.js";var y=s();function b({items:e,subtotal:t,tax:i,discount:a,total:o,className:s}){return(0,y.jsxs)(`div`,{className:c(`invoice-items--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card shadow-sm`,s),children:[(0,y.jsxs)(`div`,{className:`grid grid-cols-[1fr_72px_96px_96px] gap-3 bg-muted/40 px-4 py-3`,children:[(0,y.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,children:`Item`}),(0,y.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,align:`center`,children:`Qty`}),(0,y.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,align:`right`,children:`Price`}),(0,y.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,align:`right`,children:`Total`})]}),e.map((t,i)=>(0,y.jsxs)(`div`,{children:[(0,y.jsxs)(`div`,{className:`grid grid-cols-[1fr_72px_96px_96px] items-center gap-3 px-4 py-3`,children:[(0,y.jsxs)(`div`,{className:`flex flex-col gap-0.5`,children:[(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsx)(r,{weight:`medium`,children:t.title}),!!t.badge&&(0,y.jsx)(n,{variant:t.badgeVariant??`secondary`,children:t.badge})]}),!!t.description&&(0,y.jsx)(r,{size:`xs`,type:`secondary`,className:`line-clamp-1`,children:t.description})]}),(0,y.jsx)(r,{align:`center`,type:`secondary`,className:`tabular-nums`,children:t.quantity??1}),(0,y.jsx)(r,{align:`right`,className:`tabular-nums`,children:t.unitPrice??t.total}),(0,y.jsx)(r,{align:`right`,weight:`semibold`,className:`tabular-nums`,children:t.total})]}),i<e.length-1&&(0,y.jsx)(d,{className:`mx-4 !w-auto`})]},t.id)),!!(t||i||a||o)&&(0,y.jsxs)(`div`,{className:`space-y-2 border-t border-border bg-muted/30 px-4 py-3`,children:[!!t&&(0,y.jsx)(v,{label:`Subtotal`,value:t,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!a&&(0,y.jsx)(v,{label:`Discount`,value:`-${a}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!i&&(0,y.jsx)(v,{label:`Tax`,value:i,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!o&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(d,{}),(0,y.jsx)(v,{className:`pt-1`,label:`Total`,value:(0,y.jsx)(r,{weight:`semibold`,className:`tabular-nums`,children:o}),labelClassName:`text-sm font-semibold`})]})]})]})}function x({items:e,total:t,className:i}){return(0,y.jsxs)(`div`,{className:c(`invoice-items--component`,`w-full min-w-0 max-w-full space-y-2`,i),children:[(0,y.jsx)(m,{className:`min-w-0 max-w-full`,children:e.map(e=>(0,y.jsxs)(g,{className:`min-w-0 bg-card shadow-sm`,children:[(0,y.jsx)(f,{children:(0,y.jsx)(u,{tone:`muted`,size:`default`,shape:`square`,children:e.icon??(0,y.jsx)(o,{})})}),(0,y.jsxs)(h,{className:`min-w-0 basis-0`,children:[(0,y.jsx)(_,{className:`w-full min-w-0 max-w-full`,children:(0,y.jsx)(`span`,{className:`block min-w-0 truncate`,children:e.title})}),!!(e.description||e.badge)&&(0,y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1.5`,children:[!!e.badge&&(0,y.jsx)(n,{variant:e.badgeVariant??`secondary`,className:`shrink-0`,children:e.badge}),!!e.description&&(0,y.jsx)(r,{size:`xs`,type:`secondary`,className:`min-w-0 truncate`,children:e.description})]})]}),(0,y.jsxs)(p,{className:`ml-auto min-w-0 shrink-0 justify-end`,children:[!!e.quantity&&e.quantity>1&&(0,y.jsxs)(r,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[`x`,e.quantity]}),(0,y.jsx)(r,{weight:`semibold`,align:`right`,className:`shrink-0 tabular-nums`,children:e.total})]})]},e.id))}),!!t&&(0,y.jsx)(v,{className:`rounded-lg border border-border bg-muted/30 px-4 py-2.5`,label:`Total`,value:(0,y.jsx)(r,{weight:`semibold`,className:`tabular-nums`,children:t}),labelClassName:`text-sm font-semibold`})]})}function S({items:e,subtotal:t,tax:i,discount:a,total:s,className:l}){return(0,y.jsxs)(`div`,{className:c(`invoice-items--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card shadow-sm`,l),children:[(0,y.jsx)(`div`,{className:`divide-y divide-border`,children:e.map(e=>(0,y.jsx)(`div`,{className:`px-4 py-3`,children:(0,y.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,y.jsxs)(`div`,{className:`flex items-start gap-3 flex-1 min-w-0`,children:[(0,y.jsx)(`div`,{className:`mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary`,children:e.icon??(0,y.jsx)(o,{className:`size-4`})}),(0,y.jsxs)(`div`,{className:`flex-1 min-w-0 space-y-1`,children:[(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsx)(r,{weight:`semibold`,children:e.title}),!!e.badge&&(0,y.jsx)(n,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,y.jsx)(r,{size:`xs`,type:`secondary`,className:`line-clamp-2`,children:e.description}),(0,y.jsxs)(`div`,{className:`flex items-center gap-3 pt-0.5`,children:[!!e.quantity&&(0,y.jsxs)(r,{size:`xs`,type:`discrete`,children:[`Qty: `,e.quantity]}),!!e.unitPrice&&(0,y.jsxs)(r,{size:`xs`,type:`discrete`,className:`tabular-nums`,children:[`@ `,e.unitPrice]})]})]})]}),(0,y.jsx)(`div`,{className:`flex flex-col items-end gap-1 shrink-0`,children:(0,y.jsx)(r,{weight:`semibold`,className:`tabular-nums`,children:e.total})})]})},e.id))}),!!s&&(0,y.jsx)(`div`,{className:`border-t border-border bg-muted/30 px-4 py-3`,children:(0,y.jsxs)(`div`,{className:`space-y-2`,children:[!!t&&(0,y.jsx)(v,{label:`Subtotal`,value:t,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!a&&(0,y.jsx)(v,{label:`Discount`,value:`-${a}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!i&&(0,y.jsx)(v,{label:`Tax (20%)`,value:i,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),(0,y.jsx)(d,{}),(0,y.jsx)(v,{className:`pt-1`,label:`Total Due`,value:(0,y.jsx)(r,{weight:`semibold`,className:`tabular-nums`,children:s}),labelClassName:`text-sm font-semibold`})]})})]})}b.displayName=`InvoiceItemsTable`,x.displayName=`InvoiceItemsCompact`,S.displayName=`InvoiceItemsDetailed`;var C=e({Compact:()=>E,Detailed:()=>D,Table:()=>T}),w=[{id:`1`,title:`Spa & Wellness Package`,description:`Full body massage — 90 min`,quantity:2,unitPrice:`120.00 USD`,total:`240.00 USD`,badge:`Premium`,badgeVariant:`primary`},{id:`2`,title:`Wine Tasting Experience`,description:`Curated selection of 6 wines`,quantity:1,unitPrice:`85.00 USD`,total:`85.00 USD`},{id:`3`,title:`Gift Wrapping Service`,quantity:1,unitPrice:`15.00 USD`,total:`15.00 USD`,badge:`Add-on`,badgeVariant:`info`}];function T(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(b,{items:w,subtotal:`340.00 USD`,tax:`68.00 USD`,discount:`20.00 USD`,total:`388.00 USD`})})}function E(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(x,{items:w,total:`340.00 USD`})})}function D(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(S,{items:w,subtotal:`340.00 USD`,tax:`68.00 USD`,discount:`20.00 USD`,total:`388.00 USD`})})}var O=`import {
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-Dd6X6IKg.js";import{t as a}from"./example-Rrx9vj75.js";import{t as o}from"./package-BaQGBJmO.js";import{d as s,n as c}from"./index-o71HAmc3.js";import{t as l}from"./props-table-C6gPyO49.js";import{t as u}from"./icon-badge-GMIN-bca.js";import{t as d}from"./separator-y9i6EG-N.js";import{c as f,n as p,o as m,r as h,t as g,u as _}from"./item-Oe2aHuvr.js";import{t as v}from"./inline-stat-CDQocPgN.js";var y=s();function b({items:e,subtotal:t,tax:i,discount:a,total:o,className:s}){return(0,y.jsxs)(`div`,{className:c(`invoice-items--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card shadow-sm`,s),children:[(0,y.jsxs)(`div`,{className:`grid grid-cols-[1fr_72px_96px_96px] gap-3 bg-muted/40 px-4 py-3`,children:[(0,y.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,children:`Item`}),(0,y.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,align:`center`,children:`Qty`}),(0,y.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,align:`right`,children:`Price`}),(0,y.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,align:`right`,children:`Total`})]}),e.map((t,i)=>(0,y.jsxs)(`div`,{children:[(0,y.jsxs)(`div`,{className:`grid grid-cols-[1fr_72px_96px_96px] items-center gap-3 px-4 py-3`,children:[(0,y.jsxs)(`div`,{className:`flex flex-col gap-0.5`,children:[(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsx)(r,{weight:`medium`,children:t.title}),!!t.badge&&(0,y.jsx)(n,{variant:t.badgeVariant??`secondary`,children:t.badge})]}),!!t.description&&(0,y.jsx)(r,{size:`xs`,type:`secondary`,className:`line-clamp-1`,children:t.description})]}),(0,y.jsx)(r,{align:`center`,type:`secondary`,className:`tabular-nums`,children:t.quantity??1}),(0,y.jsx)(r,{align:`right`,className:`tabular-nums`,children:t.unitPrice??t.total}),(0,y.jsx)(r,{align:`right`,weight:`semibold`,className:`tabular-nums`,children:t.total})]}),i<e.length-1&&(0,y.jsx)(d,{className:`mx-4 !w-auto`})]},t.id)),!!(t||i||a||o)&&(0,y.jsxs)(`div`,{className:`space-y-2 border-t border-border bg-muted/30 px-4 py-3`,children:[!!t&&(0,y.jsx)(v,{label:`Subtotal`,value:t,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!a&&(0,y.jsx)(v,{label:`Discount`,value:`-${a}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!i&&(0,y.jsx)(v,{label:`Tax`,value:i,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!o&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(d,{}),(0,y.jsx)(v,{className:`pt-1`,label:`Total`,value:(0,y.jsx)(r,{weight:`semibold`,className:`tabular-nums`,children:o}),labelClassName:`text-sm font-semibold`})]})]})]})}function x({items:e,total:t,className:i}){return(0,y.jsxs)(`div`,{className:c(`invoice-items--component`,`w-full min-w-0 max-w-full space-y-2`,i),children:[(0,y.jsx)(m,{className:`min-w-0 max-w-full`,children:e.map(e=>(0,y.jsxs)(g,{className:`min-w-0 bg-card shadow-sm`,children:[(0,y.jsx)(f,{children:(0,y.jsx)(u,{tone:`muted`,size:`default`,shape:`square`,children:e.icon??(0,y.jsx)(o,{})})}),(0,y.jsxs)(h,{className:`min-w-0 basis-0`,children:[(0,y.jsx)(_,{className:`w-full min-w-0 max-w-full`,children:(0,y.jsx)(`span`,{className:`block min-w-0 truncate`,children:e.title})}),!!(e.description||e.badge)&&(0,y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1.5`,children:[!!e.badge&&(0,y.jsx)(n,{variant:e.badgeVariant??`secondary`,className:`shrink-0`,children:e.badge}),!!e.description&&(0,y.jsx)(r,{size:`xs`,type:`secondary`,className:`min-w-0 truncate`,children:e.description})]})]}),(0,y.jsxs)(p,{className:`ml-auto min-w-0 shrink-0 justify-end`,children:[!!e.quantity&&e.quantity>1&&(0,y.jsxs)(r,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[`x`,e.quantity]}),(0,y.jsx)(r,{weight:`semibold`,align:`right`,className:`shrink-0 tabular-nums`,children:e.total})]})]},e.id))}),!!t&&(0,y.jsx)(v,{className:`rounded-lg border border-border bg-muted/30 px-4 py-2.5`,label:`Total`,value:(0,y.jsx)(r,{weight:`semibold`,className:`tabular-nums`,children:t}),labelClassName:`text-sm font-semibold`})]})}function S({items:e,subtotal:t,tax:i,discount:a,total:s,className:l}){return(0,y.jsxs)(`div`,{className:c(`invoice-items--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card shadow-sm`,l),children:[(0,y.jsx)(`div`,{className:`divide-y divide-border`,children:e.map(e=>(0,y.jsx)(`div`,{className:`px-4 py-3`,children:(0,y.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,y.jsxs)(`div`,{className:`flex items-start gap-3 flex-1 min-w-0`,children:[(0,y.jsx)(`div`,{className:`mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary`,children:e.icon??(0,y.jsx)(o,{className:`size-4`})}),(0,y.jsxs)(`div`,{className:`flex-1 min-w-0 space-y-1`,children:[(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsx)(r,{weight:`semibold`,children:e.title}),!!e.badge&&(0,y.jsx)(n,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,y.jsx)(r,{size:`xs`,type:`secondary`,className:`line-clamp-2`,children:e.description}),(0,y.jsxs)(`div`,{className:`flex items-center gap-3 pt-0.5`,children:[!!e.quantity&&(0,y.jsxs)(r,{size:`xs`,type:`discrete`,children:[`Qty: `,e.quantity]}),!!e.unitPrice&&(0,y.jsxs)(r,{size:`xs`,type:`discrete`,className:`tabular-nums`,children:[`@ `,e.unitPrice]})]})]})]}),(0,y.jsx)(`div`,{className:`flex flex-col items-end gap-1 shrink-0`,children:(0,y.jsx)(r,{weight:`semibold`,className:`tabular-nums`,children:e.total})})]})},e.id))}),!!s&&(0,y.jsx)(`div`,{className:`border-t border-border bg-muted/30 px-4 py-3`,children:(0,y.jsxs)(`div`,{className:`space-y-2`,children:[!!t&&(0,y.jsx)(v,{label:`Subtotal`,value:t,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!a&&(0,y.jsx)(v,{label:`Discount`,value:`-${a}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!i&&(0,y.jsx)(v,{label:`Tax (20%)`,value:i,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),(0,y.jsx)(d,{}),(0,y.jsx)(v,{className:`pt-1`,label:`Total Due`,value:(0,y.jsx)(r,{weight:`semibold`,className:`tabular-nums`,children:s}),labelClassName:`text-sm font-semibold`})]})})]})}b.displayName=`InvoiceItemsTable`,x.displayName=`InvoiceItemsCompact`,S.displayName=`InvoiceItemsDetailed`;var C=e({Compact:()=>E,Detailed:()=>D,Table:()=>T}),w=[{id:`1`,title:`Spa & Wellness Package`,description:`Full body massage — 90 min`,quantity:2,unitPrice:`120.00 USD`,total:`240.00 USD`,badge:`Premium`,badgeVariant:`primary`},{id:`2`,title:`Wine Tasting Experience`,description:`Curated selection of 6 wines`,quantity:1,unitPrice:`85.00 USD`,total:`85.00 USD`},{id:`3`,title:`Gift Wrapping Service`,quantity:1,unitPrice:`15.00 USD`,total:`15.00 USD`,badge:`Add-on`,badgeVariant:`info`}];function T(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(b,{items:w,subtotal:`340.00 USD`,tax:`68.00 USD`,discount:`20.00 USD`,total:`388.00 USD`})})}function E(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(x,{items:w,total:`340.00 USD`})})}function D(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(S,{items:w,subtotal:`340.00 USD`,tax:`68.00 USD`,discount:`20.00 USD`,total:`388.00 USD`})})}var O=`import {
 	InvoiceItemsTable,
 	InvoiceItemsCompact,
 	InvoiceItemsDetailed,

package/dist/showcase/assets/{invoice-mini-BAryECEH.js → invoice-mini-B7Dda49y.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-D-N8Ze16.js";import{t as a}from"./example-PsbgbESI.js";import{M as o,d as s,n as c}from"./index-QESvAJrb.js";import{t as l}from"./props-table-CCcohuyT.js";import{t as u}from"./smart-card-C6-idFYI.js";var d={paid:`Paid`,pending:`Pending`,overdue:`Overdue`,items:e=>e===1?`1 line item`:`${e} line items`,due:`Due`},f={paid:`success`,pending:`warning`,overdue:`error`};d.paid,d.pending,d.overdue;var p=s();function m({invoice:e,className:t,strings:i}){let a=o(d,i),s={paid:a.paid,pending:a.pending,overdue:a.overdue};return(0,p.jsx)(u,{padding:`default`,className:c(`invoice-mini--component min-w-0`,t),children:(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,p.jsx)(r,{weight:`semibold`,className:`min-w-0 flex-1 truncate font-mono tracking-wide`,children:e.invoiceNumber}),(0,p.jsx)(n,{variant:f[e.status],size:`small`,dot:!0,className:`shrink-0`,children:s[e.status]})]}),(0,p.jsx)(r,{type:`secondary`,className:`truncate`,children:e.customerName}),(0,p.jsxs)(`div`,{className:`flex flex-wrap items-end justify-between gap-x-3 gap-y-1 pt-1`,children:[(0,p.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,p.jsx)(r,{size:`xs`,type:`secondary`,children:a.items(e.lineItemsCount)}),(0,p.jsxs)(r,{size:`xxs`,type:`discrete`,className:`whitespace-nowrap tabular-nums`,children:[a.due,` `,e.dueDate]})]}),(0,p.jsx)(r,{size:`base`,weight:`bold`,className:c(`ml-auto shrink-0 tabular-nums leading-none`),children:e.totalAmount})]})]})})}m.displayName=`InvoiceMiniCard`;var h=e({Statuses:()=>g});function g(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(13rem,100%),1fr))] gap-3`,children:[(0,p.jsx)(m,{invoice:{invoiceNumber:`INV-2026-0198`,customerName:`Spa Retreat New York`,lineItemsCount:8,totalAmount:`4,560 USD`,status:`paid`,dueDate:`Apr 5, 2026`}}),(0,p.jsx)(m,{invoice:{invoiceNumber:`INV-2026-0201`,customerName:`Adventure Park Bansko`,lineItemsCount:4,totalAmount:`2,840 USD`,status:`pending`,dueDate:`Apr 8, 2026`}}),(0,p.jsx)(m,{invoice:{invoiceNumber:`INV-2026-0195`,customerName:`Chef's Table New York`,lineItemsCount:3,totalAmount:`1,280 USD`,status:`overdue`,dueDate:`Mar 24, 2026`}})]})})}var _=`import { InvoiceMiniCard } from '@/components/composed/data-display/invoice-mini';
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-Dd6X6IKg.js";import{t as a}from"./example-Rrx9vj75.js";import{M as o,d as s,n as c}from"./index-o71HAmc3.js";import{t as l}from"./props-table-C6gPyO49.js";import{t as u}from"./smart-card-BwSFemlj.js";var d={paid:`Paid`,pending:`Pending`,overdue:`Overdue`,items:e=>e===1?`1 line item`:`${e} line items`,due:`Due`},f={paid:`success`,pending:`warning`,overdue:`error`};d.paid,d.pending,d.overdue;var p=s();function m({invoice:e,className:t,strings:i}){let a=o(d,i),s={paid:a.paid,pending:a.pending,overdue:a.overdue};return(0,p.jsx)(u,{padding:`default`,className:c(`invoice-mini--component min-w-0`,t),children:(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,p.jsx)(r,{weight:`semibold`,className:`min-w-0 flex-1 truncate font-mono tracking-wide`,children:e.invoiceNumber}),(0,p.jsx)(n,{variant:f[e.status],size:`small`,dot:!0,className:`shrink-0`,children:s[e.status]})]}),(0,p.jsx)(r,{type:`secondary`,className:`truncate`,children:e.customerName}),(0,p.jsxs)(`div`,{className:`flex flex-wrap items-end justify-between gap-x-3 gap-y-1 pt-1`,children:[(0,p.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,p.jsx)(r,{size:`xs`,type:`secondary`,children:a.items(e.lineItemsCount)}),(0,p.jsxs)(r,{size:`xxs`,type:`discrete`,className:`whitespace-nowrap tabular-nums`,children:[a.due,` `,e.dueDate]})]}),(0,p.jsx)(r,{size:`base`,weight:`bold`,className:c(`ml-auto shrink-0 tabular-nums leading-none`),children:e.totalAmount})]})]})})}m.displayName=`InvoiceMiniCard`;var h=e({Statuses:()=>g});function g(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(13rem,100%),1fr))] gap-3`,children:[(0,p.jsx)(m,{invoice:{invoiceNumber:`INV-2026-0198`,customerName:`Spa Retreat New York`,lineItemsCount:8,totalAmount:`4,560 USD`,status:`paid`,dueDate:`Apr 5, 2026`}}),(0,p.jsx)(m,{invoice:{invoiceNumber:`INV-2026-0201`,customerName:`Adventure Park Bansko`,lineItemsCount:4,totalAmount:`2,840 USD`,status:`pending`,dueDate:`Apr 8, 2026`}}),(0,p.jsx)(m,{invoice:{invoiceNumber:`INV-2026-0195`,customerName:`Chef's Table New York`,lineItemsCount:3,totalAmount:`1,280 USD`,status:`overdue`,dueDate:`Mar 24, 2026`}})]})})}var _=`import { InvoiceMiniCard } from '@/components/composed/data-display/invoice-mini';
 
 export function Statuses() {
 	return (

package/dist/showcase/assets/{invoice-table-BUvjee74.js → invoice-table-Bl9InDl0.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,p as n,t as r,w as i}from"./section-D-N8Ze16.js";import{t as a}from"./example-PsbgbESI.js";import{N as o,d as s,n as c}from"./index-QESvAJrb.js";import{t as l}from"./props-table-CCcohuyT.js";import{t as u}from"./separator-Ha9YxI2x.js";var d={subtotal:`Subtotal`,tax:`Tax`,total:`Total`},f=s(),p=`border border-border shadow-sm`,m={left:`text-left justify-start`,right:`text-right justify-end`,center:`text-center justify-center`};function h(e){return[{id:`description`,header:`Item`,width:`minmax(0,1fr)`,cell:e=>(0,f.jsx)(n,{className:`truncate`,children:e.description})},{id:`qty`,header:`Qty`,width:`36px`,align:`center`,cell:e=>(0,f.jsx)(n,{align:`center`,className:`tabular-nums`,children:e.qty})},{id:`price`,header:`Price`,width:`82px`,align:`right`,cell:t=>(0,f.jsxs)(n,{className:`tabular-nums font-mono`,children:[e,t.price.toFixed(2)]})},{id:`total`,header:`Total`,width:`82px`,align:`right`,cell:t=>(0,f.jsxs)(n,{weight:`medium`,className:`tabular-nums font-mono`,children:[e,t.total.toFixed(2)]})}]}function g(e,t,n,r){let i=e.reduce((e,t)=>e+t.total,0),a=Math.round(i*t*100)/100,o=Math.round(t*100),s=i+a,c=e=>`${n}${e.toFixed(2)}`;return[{label:r.subtotal,value:c(i)},{label:`${r.tax} (${o}%)`,value:c(a)},{label:r.total,value:c(s),emphasis:`total`}]}function _({items:e,columns:t,footerRows:r,taxRate:a=.2,currency:s,className:l,strings:_}){let v=o(d,_),{defaultCurrency:y}=i(),b=s??y??`€`,x=t??h(b),S=r??(t?[]:g(e,a,b,v)),C=x.map(e=>e.width??`1fr`).join(` `);return(0,f.jsxs)(`div`,{className:c(`invoice-table--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg bg-card`,p,l),children:[(0,f.jsx)(`div`,{className:`grid min-w-0 gap-2 bg-muted/40 px-4 py-3`,style:{gridTemplateColumns:C},children:x.map(e=>(0,f.jsx)(`div`,{className:c(`flex min-w-0`,m[e.align??`left`],e.headerClassName),children:(0,f.jsx)(n,{size:`xs`,weight:`medium`,type:`secondary`,className:`min-w-0 truncate uppercase tracking-wider`,children:e.header})},e.id))}),e.map((e,t)=>(0,f.jsx)(`div`,{className:c(`grid min-w-0 gap-2 px-4 py-3`,t%2==1&&`bg-muted/20`),style:{gridTemplateColumns:C},children:x.map(n=>(0,f.jsx)(`div`,{className:c(`flex min-w-0 items-center`,m[n.align??`left`],n.cellClassName),children:n.cell(e,t)},n.id))},t)),S.length>0&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(u,{}),(0,f.jsx)(`div`,{className:`space-y-2 px-4 py-3`,children:S.map((e,t)=>(0,f.jsxs)(`div`,{className:c(`flex justify-between`,e.emphasis===`total`&&`pt-2`),children:[(0,f.jsx)(n,{type:e.emphasis===`total`?void 0:`secondary`,weight:e.emphasis===`total`?`bold`:`regular`,children:e.label}),(0,f.jsx)(n,{weight:e.emphasis===`total`?`bold`:`regular`,className:`tabular-nums font-mono`,children:e.value})]},t))})]})]})}_.displayName=`InvoiceTable`;var v=e({Default:()=>y,WithTaxRate:()=>b});function y(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(_,{items:[{description:`Wine Tasting x 2`,qty:2,price:185,total:370},{description:`Luxury Spa Package`,qty:1,price:420,total:420},{description:`Gift Basket (Large)`,qty:3,price:94,total:282}]})})}function b(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(_,{taxRate:20,items:[{description:`Hot Air Balloon`,qty:1,price:580,total:580},{description:`Photo Tour`,qty:2,price:120,total:240}]})})}var x=`import { InvoiceTable } from '@/components/composed/data-display/invoice-table';
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,p as n,t as r,w as i}from"./section-Dd6X6IKg.js";import{t as a}from"./example-Rrx9vj75.js";import{N as o,d as s,n as c}from"./index-o71HAmc3.js";import{t as l}from"./props-table-C6gPyO49.js";import{t as u}from"./separator-y9i6EG-N.js";var d={subtotal:`Subtotal`,tax:`Tax`,total:`Total`},f=s(),p=`border border-border shadow-sm`,m={left:`text-left justify-start`,right:`text-right justify-end`,center:`text-center justify-center`};function h(e){return[{id:`description`,header:`Item`,width:`minmax(0,1fr)`,cell:e=>(0,f.jsx)(n,{className:`truncate`,children:e.description})},{id:`qty`,header:`Qty`,width:`36px`,align:`center`,cell:e=>(0,f.jsx)(n,{align:`center`,className:`tabular-nums`,children:e.qty})},{id:`price`,header:`Price`,width:`82px`,align:`right`,cell:t=>(0,f.jsxs)(n,{className:`tabular-nums font-mono`,children:[e,t.price.toFixed(2)]})},{id:`total`,header:`Total`,width:`82px`,align:`right`,cell:t=>(0,f.jsxs)(n,{weight:`medium`,className:`tabular-nums font-mono`,children:[e,t.total.toFixed(2)]})}]}function g(e,t,n,r){let i=e.reduce((e,t)=>e+t.total,0),a=Math.round(i*t*100)/100,o=Math.round(t*100),s=i+a,c=e=>`${n}${e.toFixed(2)}`;return[{label:r.subtotal,value:c(i)},{label:`${r.tax} (${o}%)`,value:c(a)},{label:r.total,value:c(s),emphasis:`total`}]}function _({items:e,columns:t,footerRows:r,taxRate:a=.2,currency:s,className:l,strings:_}){let v=o(d,_),{defaultCurrency:y}=i(),b=s??y??`€`,x=t??h(b),S=r??(t?[]:g(e,a,b,v)),C=x.map(e=>e.width??`1fr`).join(` `);return(0,f.jsxs)(`div`,{className:c(`invoice-table--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg bg-card`,p,l),children:[(0,f.jsx)(`div`,{className:`grid min-w-0 gap-2 bg-muted/40 px-4 py-3`,style:{gridTemplateColumns:C},children:x.map(e=>(0,f.jsx)(`div`,{className:c(`flex min-w-0`,m[e.align??`left`],e.headerClassName),children:(0,f.jsx)(n,{size:`xs`,weight:`medium`,type:`secondary`,className:`min-w-0 truncate uppercase tracking-wider`,children:e.header})},e.id))}),e.map((e,t)=>(0,f.jsx)(`div`,{className:c(`grid min-w-0 gap-2 px-4 py-3`,t%2==1&&`bg-muted/20`),style:{gridTemplateColumns:C},children:x.map(n=>(0,f.jsx)(`div`,{className:c(`flex min-w-0 items-center`,m[n.align??`left`],n.cellClassName),children:n.cell(e,t)},n.id))},t)),S.length>0&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(u,{}),(0,f.jsx)(`div`,{className:`space-y-2 px-4 py-3`,children:S.map((e,t)=>(0,f.jsxs)(`div`,{className:c(`flex justify-between`,e.emphasis===`total`&&`pt-2`),children:[(0,f.jsx)(n,{type:e.emphasis===`total`?void 0:`secondary`,weight:e.emphasis===`total`?`bold`:`regular`,children:e.label}),(0,f.jsx)(n,{weight:e.emphasis===`total`?`bold`:`regular`,className:`tabular-nums font-mono`,children:e.value})]},t))})]})]})}_.displayName=`InvoiceTable`;var v=e({Default:()=>y,WithTaxRate:()=>b});function y(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(_,{items:[{description:`Wine Tasting x 2`,qty:2,price:185,total:370},{description:`Luxury Spa Package`,qty:1,price:420,total:420},{description:`Gift Basket (Large)`,qty:3,price:94,total:282}]})})}function b(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(_,{taxRate:20,items:[{description:`Hot Air Balloon`,qty:1,price:580,total:580},{description:`Photo Tour`,qty:2,price:120,total:240}]})})}var x=`import { InvoiceTable } from '@/components/composed/data-display/invoice-table';
 
 export function Default() {
 	return (

package/dist/showcase/assets/isSameDay-Bd_8WAf0.js

@@ -0,0 +1 @@
+import{t as e}from"./startOfDay-BLhx9b6k.js";import{E as t,S as n,T as r}from"./index-o71HAmc3.js";function i(e,n,i){let a=r(e,i?.in);return isNaN(n)?t(i?.in||e,NaN):(n&&a.setDate(a.getDate()+n),a)}function a(t,r,i){let[a,o]=n(i?.in,t,r);return+e(a)==+e(o)}export{i as n,a as t};

package/dist/showcase/assets/isToday-DSGtoEUa.js

@@ -0,0 +1 @@
+import{t as e}from"./isSameDay-Bd_8WAf0.js";import{E as t,x as n}from"./index-o71HAmc3.js";function r(r,i){return e(t(i?.in||r,r),n(i?.in||r))}export{r as t};

package/dist/showcase/assets/{italic-CjQCLJci.js → italic-CJzEjX5j.js}

@@ -1 +1 @@
-import{l as e}from"./index-QESvAJrb.js";var t=e(`bold`,[[`path`,{d:`M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8`,key:`mg9rjx`}]]),n=e(`italic`,[[`line`,{x1:`19`,x2:`10`,y1:`4`,y2:`4`,key:`15jd3p`}],[`line`,{x1:`14`,x2:`5`,y1:`20`,y2:`20`,key:`bu0au3`}],[`line`,{x1:`15`,x2:`9`,y1:`4`,y2:`20`,key:`uljnxc`}]]);export{t as n,n as t};
+import{l as e}from"./index-o71HAmc3.js";var t=e(`bold`,[[`path`,{d:`M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8`,key:`mg9rjx`}]]),n=e(`italic`,[[`line`,{x1:`19`,x2:`10`,y1:`4`,y2:`4`,key:`15jd3p`}],[`line`,{x1:`14`,x2:`5`,y1:`20`,y2:`20`,key:`bu0au3`}],[`line`,{x1:`15`,x2:`9`,y1:`4`,y2:`20`,key:`uljnxc`}]]);export{t as n,n as t};

package/dist/showcase/assets/{item-DxPwk321.js → item-BL_Y_0ou.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,t as r}from"./section-D-N8Ze16.js";import{t as i}from"./bell-CwRy7zpP.js";import{r as a,t as o}from"./example-PsbgbESI.js";import{t as s}from"./house-opqNxOmP.js";import{t as c}from"./mail-Cj6uT4TA.js";import{t as l}from"./settings-DkTHc0Ob.js";import{d as u}from"./index-QESvAJrb.js";import{t as d}from"./props-table-CCcohuyT.js";import{c as f,i as p,l as m,n as h,o as g,r as _,t as v,u as y}from"./item-BMSdEK3V.js";import{t as b}from"./switch-D-7uqDR8.js";var x=e({Basic:()=>C,PolymorphicLink:()=>T,Variants:()=>w}),S=u();function C(){return(0,S.jsxs)(g,{children:[(0,S.jsxs)(v,{children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(c,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`kira@example.com`}),(0,S.jsx)(p,{children:`Primary contact email`})]}),(0,S.jsx)(h,{children:(0,S.jsx)(a,{buttonStyle:`ghost`,variant:`secondary`,size:`small`,children:`Copy`})})]}),(0,S.jsx)(m,{}),(0,S.jsxs)(v,{children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(i,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Notifications`}),(0,S.jsx)(p,{children:`Receive email + in-app alerts`})]}),(0,S.jsx)(h,{children:(0,S.jsx)(b,{checked:!0,"aria-label":`Email and app notifications`})})]})]})}function w(){return(0,S.jsxs)(g,{children:[(0,S.jsxs)(v,{variant:`default`,children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(s,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Default`}),(0,S.jsx)(p,{children:`No border, transparent background.`})]})]}),(0,S.jsxs)(v,{variant:`outline`,children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(l,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Outline`}),(0,S.jsx)(p,{children:`Border + transparent background.`})]}),(0,S.jsx)(h,{children:(0,S.jsx)(n,{variant:`success`,children:`Active`})})]}),(0,S.jsxs)(v,{variant:`muted`,children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(i,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Muted`}),(0,S.jsx)(p,{children:`Muted background — for inset lists.`})]})]})]})}function T(){return(0,S.jsxs)(g,{children:[(0,S.jsxs)(v,{render:(0,S.jsx)(`a`,{href:`#`,onClick:e=>e.preventDefault()}),children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(s,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Dashboard`}),(0,S.jsx)(p,{children:`Overview of your workspace and activity.`})]})]}),(0,S.jsxs)(v,{render:(0,S.jsx)(`a`,{href:`#`,onClick:e=>e.preventDefault()}),children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(l,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Settings`}),(0,S.jsx)(p,{children:`Account, billing, notification preferences.`})]})]})]})}var E=`import { Bell, Home, Mail, Settings } from 'lucide-react';
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,t as r}from"./section-Dd6X6IKg.js";import{t as i}from"./bell-Cq9n0a2v.js";import{r as a,t as o}from"./example-Rrx9vj75.js";import{t as s}from"./house-Dew9jimg.js";import{t as c}from"./mail-Bo_4xDQw.js";import{t as l}from"./settings-CqdZB-OI.js";import{d as u}from"./index-o71HAmc3.js";import{t as d}from"./props-table-C6gPyO49.js";import{c as f,i as p,l as m,n as h,o as g,r as _,t as v,u as y}from"./item-Oe2aHuvr.js";import{t as b}from"./switch-DoPIN_UN.js";var x=e({Basic:()=>C,PolymorphicLink:()=>T,Variants:()=>w}),S=u();function C(){return(0,S.jsxs)(g,{children:[(0,S.jsxs)(v,{children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(c,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`kira@example.com`}),(0,S.jsx)(p,{children:`Primary contact email`})]}),(0,S.jsx)(h,{children:(0,S.jsx)(a,{buttonStyle:`ghost`,variant:`secondary`,size:`small`,children:`Copy`})})]}),(0,S.jsx)(m,{}),(0,S.jsxs)(v,{children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(i,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Notifications`}),(0,S.jsx)(p,{children:`Receive email + in-app alerts`})]}),(0,S.jsx)(h,{children:(0,S.jsx)(b,{checked:!0,"aria-label":`Email and app notifications`})})]})]})}function w(){return(0,S.jsxs)(g,{children:[(0,S.jsxs)(v,{variant:`default`,children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(s,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Default`}),(0,S.jsx)(p,{children:`No border, transparent background.`})]})]}),(0,S.jsxs)(v,{variant:`outline`,children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(l,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Outline`}),(0,S.jsx)(p,{children:`Border + transparent background.`})]}),(0,S.jsx)(h,{children:(0,S.jsx)(n,{variant:`success`,children:`Active`})})]}),(0,S.jsxs)(v,{variant:`muted`,children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(i,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Muted`}),(0,S.jsx)(p,{children:`Muted background — for inset lists.`})]})]})]})}function T(){return(0,S.jsxs)(g,{children:[(0,S.jsxs)(v,{render:(0,S.jsx)(`a`,{href:`#`,onClick:e=>e.preventDefault()}),children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(s,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Dashboard`}),(0,S.jsx)(p,{children:`Overview of your workspace and activity.`})]})]}),(0,S.jsxs)(v,{render:(0,S.jsx)(`a`,{href:`#`,onClick:e=>e.preventDefault()}),children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(l,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Settings`}),(0,S.jsx)(p,{children:`Account, billing, notification preferences.`})]})]})]})}var E=`import { Bell, Home, Mail, Settings } from 'lucide-react';
 
 import { Badge } from '@/components/base/badge';
 import { Button } from '@/components/base/buttons';

package/dist/showcase/assets/{item-BMSdEK3V.js → item-Oe2aHuvr.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{S as n,p as r}from"./section-D-N8Ze16.js";import{d as i,n as a}from"./index-QESvAJrb.js";import{a as o,c as s,i as c,l,n as u,o as d,r as f,s as p,t as m,u as h}from"./item-D1Jxrpia.js";var g=e(t(),1),_=i(),v=(0,g.forwardRef)(function({size:e,variant:t,render:r,className:i,...o},s){let{defaultSize:c=`default`,defaultVariant:l=`default`}=n(),u=e??c;return(0,_.jsx)(m,{ref:s,size:u===`small`?`xs`:`sm`,variant:t??l,render:r,className:a(`item--component gap-space-lg rounded-radius px-row-x py-row-y`,u===`small`?`text-xs`:`text-sm`,i),...o})});v.displayName=`Item`;var y=(0,g.forwardRef)(function({className:e,role:t,...n},r){return(0,_.jsx)(d,{ref:r,role:t,className:a(`gap-space-sm has-data-[size=sm]:gap-space-sm has-data-[size=xs]:gap-space-sm`,e),...n})});y.displayName=`ItemGroup`;var b=(0,g.forwardRef)(function(e,t){return(0,_.jsx)(l,{ref:t,...e})});b.displayName=`ItemSeparator`;var x=(0,g.forwardRef)(function({variant:e=`default`,className:t,...n},r){return(0,_.jsx)(s,{ref:r,variant:e===`avatar`?`image`:e,className:a(`group-has-data-[slot=item-description]/item:translate-y-0`,e===`avatar`?`rounded-full group-data-[size=sm]/item:rounded-full group-data-[size=xs]/item:rounded-full`:void 0,t),...n})});x.displayName=`ItemMedia`;var S=(0,g.forwardRef)(function({className:e,...t},n){return(0,_.jsx)(f,{ref:n,className:a(`gap-space-2xs group-data-[size=xs]/item:gap-space-2xs`,e),...t})});S.displayName=`ItemContent`;var C=(0,g.forwardRef)(function({className:e,...t},n){return(0,_.jsx)(u,{ref:n,className:e,...t})});C.displayName=`ItemActions`;var w=(0,g.forwardRef)(function({className:e,...t},n){return(0,_.jsx)(p,{ref:n,className:e,...t})});w.displayName=`ItemHeader`;var T=(0,g.forwardRef)(function({className:e,...t},n){return(0,_.jsx)(o,{ref:n,className:e,...t})});T.displayName=`ItemFooter`;var E=(0,g.forwardRef)(function({bold:e=!0,className:t,children:n,...i},o){return(0,_.jsx)(h,{ref:o,className:a(`m-0 text-inherit [&>p]:m-0 [&>p]:text-left`,t),...i,children:(0,_.jsx)(r,{tag:`span`,size:`inherit`,weight:e?`semibold`:`regular`,className:`leading-tight`,children:n})})});E.displayName=`ItemTitle`;var D={1:`line-clamp-1`,2:`line-clamp-2`,3:`line-clamp-3`,4:`line-clamp-4`,none:`line-clamp-none`},O=(0,g.forwardRef)(function({clamp:e=2,className:t,children:n,...r},i){return(0,_.jsx)(c,{ref:i,className:a(`mt-0 text-xs text-muted-foreground leading-tight`,D[e],t),...r,children:n})});O.displayName=`ItemDescription`;export{T as a,x as c,O as i,b as l,C as n,y as o,S as r,w as s,v as t,E as u};
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{S as n,p as r}from"./section-Dd6X6IKg.js";import{d as i,n as a}from"./index-o71HAmc3.js";import{a as o,c as s,i as c,l,n as u,o as d,r as f,s as p,t as m,u as h}from"./item-nf1zOtF7.js";var g=e(t(),1),_=i(),v=(0,g.forwardRef)(function({size:e,variant:t,render:r,className:i,...o},s){let{defaultSize:c=`default`,defaultVariant:l=`default`}=n(),u=e??c;return(0,_.jsx)(m,{ref:s,size:u===`small`?`xs`:`sm`,variant:t??l,render:r,className:a(`item--component gap-space-lg rounded-radius px-row-x py-row-y`,u===`small`?`text-xs`:`text-sm`,i),...o})});v.displayName=`Item`;var y=(0,g.forwardRef)(function({className:e,role:t,...n},r){return(0,_.jsx)(d,{ref:r,role:t,className:a(`gap-space-sm has-data-[size=sm]:gap-space-sm has-data-[size=xs]:gap-space-sm`,e),...n})});y.displayName=`ItemGroup`;var b=(0,g.forwardRef)(function(e,t){return(0,_.jsx)(l,{ref:t,...e})});b.displayName=`ItemSeparator`;var x=(0,g.forwardRef)(function({variant:e=`default`,className:t,...n},r){return(0,_.jsx)(s,{ref:r,variant:e===`avatar`?`image`:e,className:a(`group-has-data-[slot=item-description]/item:translate-y-0`,e===`avatar`?`rounded-full group-data-[size=sm]/item:rounded-full group-data-[size=xs]/item:rounded-full`:void 0,t),...n})});x.displayName=`ItemMedia`;var S=(0,g.forwardRef)(function({className:e,...t},n){return(0,_.jsx)(f,{ref:n,className:a(`gap-space-2xs group-data-[size=xs]/item:gap-space-2xs`,e),...t})});S.displayName=`ItemContent`;var C=(0,g.forwardRef)(function({className:e,...t},n){return(0,_.jsx)(u,{ref:n,className:e,...t})});C.displayName=`ItemActions`;var w=(0,g.forwardRef)(function({className:e,...t},n){return(0,_.jsx)(p,{ref:n,className:e,...t})});w.displayName=`ItemHeader`;var T=(0,g.forwardRef)(function({className:e,...t},n){return(0,_.jsx)(o,{ref:n,className:e,...t})});T.displayName=`ItemFooter`;var E=(0,g.forwardRef)(function({bold:e=!0,className:t,children:n,...i},o){return(0,_.jsx)(h,{ref:o,className:a(`m-0 text-inherit [&>p]:m-0 [&>p]:text-left`,t),...i,children:(0,_.jsx)(r,{tag:`span`,size:`inherit`,weight:e?`semibold`:`regular`,className:`leading-tight`,children:n})})});E.displayName=`ItemTitle`;var D={1:`line-clamp-1`,2:`line-clamp-2`,3:`line-clamp-3`,4:`line-clamp-4`,none:`line-clamp-none`},O=(0,g.forwardRef)(function({clamp:e=2,className:t,children:n,...r},i){return(0,_.jsx)(c,{ref:i,className:a(`mt-0 text-xs text-muted-foreground leading-tight`,D[e],t),...r,children:n})});O.displayName=`ItemDescription`;export{T as a,x as c,O as i,b as l,C as n,y as o,S as r,w as s,v as t,E as u};

package/dist/showcase/assets/{item-D1Jxrpia.js → item-nf1zOtF7.js}

@@ -1 +1 @@
-import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{c as t}from"./section-D-N8Ze16.js";import{pr as n}from"./example-PsbgbESI.js";import{d as r,n as i}from"./index-QESvAJrb.js";import{t as a}from"./useRender-CnmFaF3Y.js";import{t as o}from"./separator-Ha9YxI2x.js";e();var s=r();function c({className:e,...t}){return(0,s.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:i(`group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2`,e),...t})}function l({className:e,...t}){return(0,s.jsx)(o,{"data-slot":`item-separator`,orientation:`horizontal`,className:i(`my-2`,e),...t})}var u=t(`group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted`,{variants:{variant:{default:`border-transparent`,outline:`border-border`,muted:`border-transparent bg-muted/50`},size:{default:`gap-3.5 px-4 py-3.5`,sm:`gap-3.5 px-3.5 py-3`,xs:`gap-2.5 px-3 py-2.5 in-data-[slot=dropdown-menu-content]:p-0`}},defaultVariants:{variant:`default`,size:`default`}});function d({className:e,variant:t=`default`,size:r=`default`,render:o,...s}){return a({defaultTagName:`div`,props:n({className:i(u({variant:t,size:r,className:e}))},s),render:o,state:{slot:`item`,variant:t,size:r}})}var f=t(`flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none`,{variants:{variant:{default:`bg-transparent`,icon:`[&_svg:not([class*='size-'])]:size-4`,image:`size-10 overflow-hidden rounded-xl group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-lg [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function p({className:e,variant:t=`default`,...n}){return(0,s.jsx)(`div`,{"data-slot":`item-media`,"data-variant":t,className:i(f({variant:t,className:e})),...n})}function m({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-content`,className:i(`flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none`,e),...t})}function h({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-title`,className:i(`line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4`,e),...t})}function g({className:e,...t}){return(0,s.jsx)(`p`,{"data-slot":`item-description`,className:i(`line-clamp-2 text-left text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,e),...t})}function _({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-actions`,className:i(`flex items-center gap-2`,e),...t})}function v({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-header`,className:i(`flex basis-full items-center justify-between gap-2`,e),...t})}function y({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-footer`,className:i(`flex basis-full items-center justify-between gap-2`,e),...t})}export{y as a,p as c,g as i,l,_ as n,c as o,m as r,v as s,d as t,h as u};
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{c as t}from"./section-Dd6X6IKg.js";import{pr as n}from"./example-Rrx9vj75.js";import{d as r,n as i}from"./index-o71HAmc3.js";import{t as a}from"./useRender-Dm8qJkvr.js";import{t as o}from"./separator-y9i6EG-N.js";e();var s=r();function c({className:e,...t}){return(0,s.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:i(`group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2`,e),...t})}function l({className:e,...t}){return(0,s.jsx)(o,{"data-slot":`item-separator`,orientation:`horizontal`,className:i(`my-2`,e),...t})}var u=t(`group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted`,{variants:{variant:{default:`border-transparent`,outline:`border-border`,muted:`border-transparent bg-muted/50`},size:{default:`gap-3.5 px-4 py-3.5`,sm:`gap-3.5 px-3.5 py-3`,xs:`gap-2.5 px-3 py-2.5 in-data-[slot=dropdown-menu-content]:p-0`}},defaultVariants:{variant:`default`,size:`default`}});function d({className:e,variant:t=`default`,size:r=`default`,render:o,...s}){return a({defaultTagName:`div`,props:n({className:i(u({variant:t,size:r,className:e}))},s),render:o,state:{slot:`item`,variant:t,size:r}})}var f=t(`flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none`,{variants:{variant:{default:`bg-transparent`,icon:`[&_svg:not([class*='size-'])]:size-4`,image:`size-10 overflow-hidden rounded-xl group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-lg [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function p({className:e,variant:t=`default`,...n}){return(0,s.jsx)(`div`,{"data-slot":`item-media`,"data-variant":t,className:i(f({variant:t,className:e})),...n})}function m({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-content`,className:i(`flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none`,e),...t})}function h({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-title`,className:i(`line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4`,e),...t})}function g({className:e,...t}){return(0,s.jsx)(`p`,{"data-slot":`item-description`,className:i(`line-clamp-2 text-left text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,e),...t})}function _({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-actions`,className:i(`flex items-center gap-2`,e),...t})}function v({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-header`,className:i(`flex basis-full items-center justify-between gap-2`,e),...t})}function y({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-footer`,className:i(`flex basis-full items-center justify-between gap-2`,e),...t})}export{y as a,p as c,g as i,l,_ as n,c as o,m as r,v as s,d as t,h as u};

package/dist/showcase/assets/{kanban-DXWCGieQ.js → kanban-CB5Hghoo.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-D-N8Ze16.js";import{t as s}from"./arrow-up-B9e9cP-q.js";import{Dr as c,r as l,t as u}from"./example-PsbgbESI.js";import{t as d}from"./ellipsis-DgAjMZHc.js";import{t as f}from"./eye-YnIHbdKe.js";import{a as p,c as m,d as h,f as g,i as _,m as v,o as y,p as b,r as x,t as S,u as C}from"./sortable.esm-CE0TA9V_.js";import{t as w}from"./trash-2-DhUpICQq.js";import{N as T,d as E,l as D,n as O}from"./index-QESvAJrb.js";import{t as k}from"./props-table-CCcohuyT.js";import{t as A}from"./smart-card-C6-idFYI.js";import{t as j}from"./popover-menu-CD_JfEeq.js";var M=D(`pen-line`,[[`path`,{d:`M13 21h8`,key:`1jsn5i`}],[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]]),N=t(n(),1);function P({value:e,onValueChange:t,getItemValue:n,onItemMove:r}){let i=(0,N.useCallback)(t=>{for(let[r,i]of Object.entries(e)){let e=i.findIndex(e=>n(e)===t);if(e>=0)return{columnId:r,index:e,item:i[e]}}},[e,n]),a=(0,N.useCallback)(({itemId:n,toColumnId:a,toIndex:o})=>{let s=i(n);if(!s||!Object.prototype.hasOwnProperty.call(e,a))return;let{columnId:c,index:l,item:u}=s,d=e[a],f=o===void 0?d.length:Math.max(0,Math.min(o,d.length));if(c===a&&l===f)return;let p={...e},m=[...p[c]];m.splice(l,1),p[c]=m;let h=[...c===a?m:p[a]],g=f;c===a&&l<f&&(g=Math.max(0,f-1)),h.splice(g,0,u),p[a]=h,t(p),r?.({item:u,itemId:n,from:{columnId:c,index:l},to:{columnId:a,index:g}})},[e,i,t,r]);return(0,N.useMemo)(()=>({findItem:i,move:a}),[i,a])}var F=(0,N.createContext)(null),I=F.Provider;function L(){let e=(0,N.useContext)(F);if(!e)throw Error(`Kanban subcomponents must be rendered inside a <Kanban> root.`);return e}var R=(0,N.createContext)(null),z=R.Provider;function B(){let e=(0,N.useContext)(R);if(!e)throw Error(`<KanbanItemHandle> / <KanbanItemActions> must be rendered inside a <KanbanItem>.`);return e}var V={announceDragStart:`Picked up item {name}.`,announceDragMove:`Moving {name} from {from} to {to}.`,announceDragEnd:`Dropped {name} into {to}.`,announceDragCancel:`Cancelled drag of {name}.`,dragHandleAria:`Drag handle`,boardAria:`Kanban board`,itemActionsAria:`Item actions`},H=E();function U({value:e,onValueChange:t,getItemValue:n,onItemMove:r,itemActions:i,onItemClick:a,strings:o,className:s,children:c}){let l=T(V,o),{findItem:u,move:d}=P({value:e,onValueChange:t,getItemValue:n,onItemMove:r}),[f,_]=(0,N.useState)(null),v=g(h(m,{activationConstraint:{distance:6}})),y=(0,N.useMemo)(()=>f?u(f)?.item??null:null,[f,u]),b=(0,N.useCallback)(e=>{_(String(e.active.id))},[]),x=(0,N.useCallback)(t=>{_(null);let{active:n,over:r}=t;if(!r)return;n.data.current;let i=r.data.current,a=String(r.id),o=i?.columnId??(Object.prototype.hasOwnProperty.call(e,a)?a:void 0);if(!o)return;let s=i?.columnId===void 0?e[o].length:i.index;d({itemId:String(n.id),toColumnId:o,toIndex:s})},[d,e]);return(0,H.jsx)(I,{value:(0,N.useMemo)(()=>({value:e,onValueChange:t,getItemValue:n,activeId:f,activeItem:y,findItem:u,itemActions:i,onItemClick:a}),[e,t,n,f,y,u,i,a]),children:(0,H.jsx)(p,{sensors:v,onDragStart:b,onDragEnd:x,onDragCancel:()=>_(null),accessibility:{announcements:{onDragStart({active:e}){return l.announceDragStart.replace(`{name}`,String(e.id))},onDragOver({active:e,over:t}){if(t)return l.announceDragMove.replace(`{name}`,String(e.id)).replace(`{from}`,``).replace(`{to}`,String(t.id))},onDragEnd({active:e,over:t}){return l.announceDragEnd.replace(`{name}`,String(e.id)).replace(`{to}`,t?String(t.id):``)},onDragCancel({active:e}){return l.announceDragCancel.replace(`{name}`,String(e.id))}}},children:(0,H.jsx)(`div`,{role:`application`,"aria-label":l.boardAria,className:O(`kanban--component`,`w-full`,s),children:c})})})}U.displayName=`Kanban`;function W({className:e,style:t,children:n}){return(0,H.jsx)(`div`,{className:O(`grid w-full gap-3`,e),style:t,children:n})}W.displayName=`KanbanBoard`;function G({value:e,className:t,children:n}){let{setNodeRef:r,isOver:i}=C({id:e});return(0,H.jsx)(`div`,{ref:r,"data-slot":`kanban-column`,"data-column-id":e,"data-over":i?`true`:void 0,className:O(`flex min-w-0 flex-col`,t),children:n})}G.displayName=`KanbanColumn`;function K({value:e,className:t,children:n}){let r=L();return(0,H.jsx)(S,{items:(r.value[e]??[]).map(e=>r.getItemValue(e)),strategy:_,children:(0,H.jsx)(`div`,{"data-slot":`kanban-column-content`,className:O(`flex flex-col gap-2`,t),children:n})})}K.displayName=`KanbanColumnContent`;function q({value:e,className:t,disabled:n=!1,onClick:r,children:i}){let a=L(),o=a.findItem(e),{attributes:s,listeners:c,setNodeRef:l,setActivatorNodeRef:u,transform:d,transition:f,isDragging:p}=x({id:e,disabled:n,data:{columnId:o?.columnId,index:o?.index}}),m={transform:b.Transform.toString(d),transition:f,opacity:p?.4:void 0},[h,g]=(0,N.useState)(0),_=h>0,v=(0,N.useCallback)(()=>(g(e=>e+1),()=>g(e=>Math.max(0,e-1))),[]),y=(0,N.useMemo)(()=>({listeners:c,attributes:s,setActivatorNodeRef:u,registerHandle:v,itemId:e,item:o?.item??null}),[c,s,u,v,e,o?.item]),S=a.onItemClick,C=(0,N.useCallback)(e=>{if(!e.target?.closest(`[data-stop-item-click]`)){if(r){r();return}S&&o?.item!==void 0&&S(o.item)}},[r,S,o?.item]),w=!!(r||S);return(0,H.jsx)(z,{value:y,children:(0,H.jsx)(`div`,{ref:l,style:m,"data-slot":`kanban-item`,"data-dragging":p?`true`:void 0,className:O(`touch-none select-none`,w&&`cursor-pointer`,t),onClick:w?C:void 0,..._?{}:s,..._?{}:c,children:i})})}q.displayName=`KanbanItem`;var J=(0,N.forwardRef)(function({className:e,children:t},n){let{setActivatorNodeRef:r,listeners:i,attributes:a,registerHandle:o}=B();return(0,N.useEffect)(()=>o(),[o]),(0,H.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,ref:(0,N.useCallback)(e=>{r(e),typeof n==`function`?n(e):n&&(n.current=e)},[r,n]),"data-slot":`kanban-item-handle`,"data-stop-item-click":!0,onClick:e=>e.stopPropagation(),className:O(`cursor-grab rounded-sm shadow-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 active:cursor-grabbing`,e),...a,...i,children:t})});J.displayName=`KanbanItemHandle`;function Y({className:e,icon:t,ariaLabel:n}){let[r,i]=(0,N.useState)(!1),o=L(),s=B(),c=T(V,void 0),u=s.item,f=o.itemActions,p=(0,N.useMemo)(()=>!f||u==null?[]:(typeof f==`function`?f(u):f).filter(e=>e.isVisible?e.isVisible(u):!0),[f,u]);return p.length===0?null:(0,H.jsx)(j,{open:r,onOpenChange:i,search:!1,contentClassName:`w-44`,trigger:(0,H.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"data-slot":`kanban-item-actions-trigger`,"data-stop-item-click":!0,"aria-label":n??c.itemActionsAria,onClick:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),className:O(`size-7 rounded-md p-0`,`text-muted-foreground/70 hover:bg-muted hover:text-foreground`,`transition-colors`,e),children:t??(0,H.jsx)(d,{className:`size-4`,"aria-hidden":`true`})}),items:p.map(e=>({value:e.id,label:e.label,icon:e.icon,disabled:e.isDisabled?.(u)??!1,data:e})),renderItem:e=>{let t=e.data,n=t.variant===`destructive`;return(0,H.jsxs)(H.Fragment,{children:[!!t.icon&&(0,H.jsx)(`span`,{className:O(`shrink-0`,n?`text-destructive`:`text-muted-foreground`),children:t.icon}),(0,H.jsx)(a,{tag:`span`,size:`xs`,className:O(`truncate`,n&&`text-destructive`),children:t.label})]})},onSelect:e=>{e.data?.onSelect(u),i(!1)}})}Y.displayName=`KanbanItemActions`;function X({className:e,render:t}){let{activeItem:n,activeId:r,findItem:i}=L();return(0,H.jsx)(y,{children:r?t?t({item:n,columnId:i(r)?.columnId??null}):(0,H.jsx)(`div`,{className:O(`pointer-events-none rounded-md border-2 border-dashed border-primary/40 bg-primary/5 p-3 shadow-lg`,e),children:(0,H.jsx)(a,{tag:`span`,size:`xs`,weight:`medium`,className:`text-primary/80`,children:r})}):null})}X.displayName=`KanbanOverlay`;var ee=e({RoadmapBoardWithActionsOnItemClick:()=>Z}),te={planned:{title:`Planned`,tone:`bg-info`},building:{title:`Building`,tone:`bg-warning`},testing:{title:`Testing`,tone:`bg-primary`},shipped:{title:`Shipped`,tone:`bg-success`}},ne={planned:[{id:`f1`,title:`AI-powered search`,description:`Natural language search across all content`,progress:0,votes:142},{id:`f2`,title:`Custom webhooks`,description:`User-configurable webhook endpoints`,progress:0,votes:98}],building:[{id:`f3`,title:`Real-time collaboration`,description:`Multi-user editing with presence indicators`,progress:65,votes:234},{id:`f4`,title:`API v2 migration`,description:`RESTful API with OpenAPI 3.0 spec`,progress:40,votes:176}],testing:[{id:`f5`,title:`Two-factor auth`,description:`TOTP + WebAuthn support`,progress:90,votes:312}],shipped:[{id:`f6`,title:`Dark mode`,description:`System-aware theme with manual override`,progress:100,votes:456},{id:`f7`,title:`Export to CSV`,description:`Bulk data export with custom fields`,progress:100,votes:189}]};function re({feature:e}){return(0,H.jsxs)(A,{padding:`default`,className:`rounded-md`,contentClassName:`space-y-2.5 px-3.5 py-2.5`,children:[(0,H.jsxs)(`div`,{className:`flex items-start gap-2.5`,children:[(0,H.jsxs)(J,{className:`-ml-1 shrink-0`,children:[(0,H.jsx)(v,{className:`size-3.5`,"aria-hidden":`true`}),(0,H.jsxs)(`span`,{className:`sr-only`,children:[`Drag `,e.title]})]}),(0,H.jsx)(a,{weight:`semibold`,tag:`div`,lineHeight:`snug`,className:`min-w-0 flex-1 line-clamp-2`,children:e.title}),(0,H.jsx)(Y,{})]}),(0,H.jsx)(a,{size:`xs`,type:`secondary`,lineHeight:`snug`,className:`line-clamp-2`,children:e.description}),(0,H.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,H.jsx)(`div`,{className:`h-full bg-primary transition-[width] duration-150`,style:{width:`${e.progress}%`}})}),(0,H.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,H.jsxs)(a,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:[e.progress,`% complete`]}),(0,H.jsxs)(`div`,{className:`inline-flex items-center gap-1 text-muted-foreground`,children:[(0,H.jsx)(s,{className:`size-3`}),(0,H.jsx)(a,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:e.votes})]})]})]})}function Z(){let[e,t]=(0,N.useState)(ne),[n,r]=(0,N.useState)(`—`),o=(0,N.useCallback)(e=>{t(t=>{let n={};for(let[r,i]of Object.entries(t))n[r]=i.filter(t=>t.id!==e.id);return n}),r(`Deleted "${e.title}"`)},[]),s=(0,N.useCallback)(e=>[{id:`view`,label:`View details`,icon:(0,H.jsx)(f,{className:`size-3.5`}),onSelect:e=>r(`Viewed "${e.title}"`)},{id:`edit`,label:`Edit`,icon:(0,H.jsx)(M,{className:`size-3.5`}),onSelect:e=>r(`Edited "${e.title}"`)},{id:`duplicate`,label:`Duplicate`,icon:(0,H.jsx)(c,{className:`size-3.5`}),isDisabled:e=>e.progress===100,onSelect:e=>r(`Duplicated "${e.title}"`)},{id:`delete`,label:`Delete`,icon:(0,H.jsx)(w,{className:`size-3.5`}),variant:`destructive`,isVisible:e=>e.progress<100,onSelect:o}],[o]);return(0,H.jsxs)(`div`,{className:`flex w-full flex-col gap-3`,children:[(0,H.jsx)(`div`,{className:`rounded-md border border-dashed border-border bg-muted/30 px-3 py-2`,children:(0,H.jsxs)(a,{size:`xs`,type:`secondary`,tag:`span`,children:[`Last event:`,` `,(0,H.jsx)(a,{size:`xs`,weight:`medium`,tag:`span`,children:n})]})}),(0,H.jsx)(`div`,{className:`max-h-[38rem] overflow-auto pr-2 md:max-h-[44rem]`,children:(0,H.jsxs)(U,{value:e,onValueChange:t,getItemValue:e=>e.id,onItemClick:e=>r(`Clicked "${e.title}"`),itemActions:s,children:[(0,H.jsx)(W,{className:`grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4`,children:Object.entries(e).map(([e,t])=>{let n=te[e];return(0,H.jsxs)(G,{value:e,className:`rounded-md border border-border bg-muted/20 p-2.5`,children:[(0,H.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 px-0.5`,children:[(0,H.jsx)(`span`,{className:O(`size-2 rounded-full`,n.tone),"aria-hidden":!0}),(0,H.jsx)(a,{weight:`semibold`,tag:`div`,lineHeight:`tight`,className:`min-w-0 flex-1 truncate`,children:n.title}),(0,H.jsx)(i,{variant:`secondary`,size:`small`,className:`ml-auto`,children:t.length})]}),(0,H.jsx)(K,{value:e,className:`min-h-24 gap-2.5`,children:t.map(e=>(0,H.jsx)(q,{value:e.id,children:(0,H.jsx)(re,{feature:e})},e.id))})]},e)})}),(0,H.jsx)(X,{})]})})]})}var ie=`import { ArrowUp, Copy, Edit3, Eye, GripVertical, Trash2 } from 'lucide-react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-Dd6X6IKg.js";import{t as s}from"./arrow-up-RWJP_FHU.js";import{Dr as c,r as l,t as u}from"./example-Rrx9vj75.js";import{t as d}from"./ellipsis-CP0hyAeS.js";import{t as f}from"./eye-BKhfxIeD.js";import{a as p,c as m,d as h,f as g,i as _,m as v,o as y,p as b,r as x,t as S,u as C}from"./sortable.esm-BeBA3gT5.js";import{t as w}from"./trash-2-Bf5dpRjn.js";import{N as T,d as E,l as D,n as O}from"./index-o71HAmc3.js";import{t as k}from"./props-table-C6gPyO49.js";import{t as A}from"./smart-card-BwSFemlj.js";import{t as j}from"./popover-menu-C5M9Up4M.js";var M=D(`pen-line`,[[`path`,{d:`M13 21h8`,key:`1jsn5i`}],[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]]),N=t(n(),1);function P({value:e,onValueChange:t,getItemValue:n,onItemMove:r}){let i=(0,N.useCallback)(t=>{for(let[r,i]of Object.entries(e)){let e=i.findIndex(e=>n(e)===t);if(e>=0)return{columnId:r,index:e,item:i[e]}}},[e,n]),a=(0,N.useCallback)(({itemId:n,toColumnId:a,toIndex:o})=>{let s=i(n);if(!s||!Object.prototype.hasOwnProperty.call(e,a))return;let{columnId:c,index:l,item:u}=s,d=e[a],f=o===void 0?d.length:Math.max(0,Math.min(o,d.length));if(c===a&&l===f)return;let p={...e},m=[...p[c]];m.splice(l,1),p[c]=m;let h=[...c===a?m:p[a]],g=f;c===a&&l<f&&(g=Math.max(0,f-1)),h.splice(g,0,u),p[a]=h,t(p),r?.({item:u,itemId:n,from:{columnId:c,index:l},to:{columnId:a,index:g}})},[e,i,t,r]);return(0,N.useMemo)(()=>({findItem:i,move:a}),[i,a])}var F=(0,N.createContext)(null),I=F.Provider;function L(){let e=(0,N.useContext)(F);if(!e)throw Error(`Kanban subcomponents must be rendered inside a <Kanban> root.`);return e}var R=(0,N.createContext)(null),z=R.Provider;function B(){let e=(0,N.useContext)(R);if(!e)throw Error(`<KanbanItemHandle> / <KanbanItemActions> must be rendered inside a <KanbanItem>.`);return e}var V={announceDragStart:`Picked up item {name}.`,announceDragMove:`Moving {name} from {from} to {to}.`,announceDragEnd:`Dropped {name} into {to}.`,announceDragCancel:`Cancelled drag of {name}.`,dragHandleAria:`Drag handle`,boardAria:`Kanban board`,itemActionsAria:`Item actions`},H=E();function U({value:e,onValueChange:t,getItemValue:n,onItemMove:r,itemActions:i,onItemClick:a,strings:o,className:s,children:c}){let l=T(V,o),{findItem:u,move:d}=P({value:e,onValueChange:t,getItemValue:n,onItemMove:r}),[f,_]=(0,N.useState)(null),v=g(h(m,{activationConstraint:{distance:6}})),y=(0,N.useMemo)(()=>f?u(f)?.item??null:null,[f,u]),b=(0,N.useCallback)(e=>{_(String(e.active.id))},[]),x=(0,N.useCallback)(t=>{_(null);let{active:n,over:r}=t;if(!r)return;n.data.current;let i=r.data.current,a=String(r.id),o=i?.columnId??(Object.prototype.hasOwnProperty.call(e,a)?a:void 0);if(!o)return;let s=i?.columnId===void 0?e[o].length:i.index;d({itemId:String(n.id),toColumnId:o,toIndex:s})},[d,e]);return(0,H.jsx)(I,{value:(0,N.useMemo)(()=>({value:e,onValueChange:t,getItemValue:n,activeId:f,activeItem:y,findItem:u,itemActions:i,onItemClick:a}),[e,t,n,f,y,u,i,a]),children:(0,H.jsx)(p,{sensors:v,onDragStart:b,onDragEnd:x,onDragCancel:()=>_(null),accessibility:{announcements:{onDragStart({active:e}){return l.announceDragStart.replace(`{name}`,String(e.id))},onDragOver({active:e,over:t}){if(t)return l.announceDragMove.replace(`{name}`,String(e.id)).replace(`{from}`,``).replace(`{to}`,String(t.id))},onDragEnd({active:e,over:t}){return l.announceDragEnd.replace(`{name}`,String(e.id)).replace(`{to}`,t?String(t.id):``)},onDragCancel({active:e}){return l.announceDragCancel.replace(`{name}`,String(e.id))}}},children:(0,H.jsx)(`div`,{role:`application`,"aria-label":l.boardAria,className:O(`kanban--component`,`w-full`,s),children:c})})})}U.displayName=`Kanban`;function W({className:e,style:t,children:n}){return(0,H.jsx)(`div`,{className:O(`grid w-full gap-3`,e),style:t,children:n})}W.displayName=`KanbanBoard`;function G({value:e,className:t,children:n}){let{setNodeRef:r,isOver:i}=C({id:e});return(0,H.jsx)(`div`,{ref:r,"data-slot":`kanban-column`,"data-column-id":e,"data-over":i?`true`:void 0,className:O(`flex min-w-0 flex-col`,t),children:n})}G.displayName=`KanbanColumn`;function K({value:e,className:t,children:n}){let r=L();return(0,H.jsx)(S,{items:(r.value[e]??[]).map(e=>r.getItemValue(e)),strategy:_,children:(0,H.jsx)(`div`,{"data-slot":`kanban-column-content`,className:O(`flex flex-col gap-2`,t),children:n})})}K.displayName=`KanbanColumnContent`;function q({value:e,className:t,disabled:n=!1,onClick:r,children:i}){let a=L(),o=a.findItem(e),{attributes:s,listeners:c,setNodeRef:l,setActivatorNodeRef:u,transform:d,transition:f,isDragging:p}=x({id:e,disabled:n,data:{columnId:o?.columnId,index:o?.index}}),m={transform:b.Transform.toString(d),transition:f,opacity:p?.4:void 0},[h,g]=(0,N.useState)(0),_=h>0,v=(0,N.useCallback)(()=>(g(e=>e+1),()=>g(e=>Math.max(0,e-1))),[]),y=(0,N.useMemo)(()=>({listeners:c,attributes:s,setActivatorNodeRef:u,registerHandle:v,itemId:e,item:o?.item??null}),[c,s,u,v,e,o?.item]),S=a.onItemClick,C=(0,N.useCallback)(e=>{if(!e.target?.closest(`[data-stop-item-click]`)){if(r){r();return}S&&o?.item!==void 0&&S(o.item)}},[r,S,o?.item]),w=!!(r||S);return(0,H.jsx)(z,{value:y,children:(0,H.jsx)(`div`,{ref:l,style:m,"data-slot":`kanban-item`,"data-dragging":p?`true`:void 0,className:O(`touch-none select-none`,w&&`cursor-pointer`,t),onClick:w?C:void 0,..._?{}:s,..._?{}:c,children:i})})}q.displayName=`KanbanItem`;var J=(0,N.forwardRef)(function({className:e,children:t},n){let{setActivatorNodeRef:r,listeners:i,attributes:a,registerHandle:o}=B();return(0,N.useEffect)(()=>o(),[o]),(0,H.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,ref:(0,N.useCallback)(e=>{r(e),typeof n==`function`?n(e):n&&(n.current=e)},[r,n]),"data-slot":`kanban-item-handle`,"data-stop-item-click":!0,onClick:e=>e.stopPropagation(),className:O(`cursor-grab rounded-sm shadow-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 active:cursor-grabbing`,e),...a,...i,children:t})});J.displayName=`KanbanItemHandle`;function Y({className:e,icon:t,ariaLabel:n}){let[r,i]=(0,N.useState)(!1),o=L(),s=B(),c=T(V,void 0),u=s.item,f=o.itemActions,p=(0,N.useMemo)(()=>!f||u==null?[]:(typeof f==`function`?f(u):f).filter(e=>e.isVisible?e.isVisible(u):!0),[f,u]);return p.length===0?null:(0,H.jsx)(j,{open:r,onOpenChange:i,search:!1,contentClassName:`w-44`,trigger:(0,H.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"data-slot":`kanban-item-actions-trigger`,"data-stop-item-click":!0,"aria-label":n??c.itemActionsAria,onClick:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),className:O(`size-7 rounded-md p-0`,`text-muted-foreground/70 hover:bg-muted hover:text-foreground`,`transition-colors`,e),children:t??(0,H.jsx)(d,{className:`size-4`,"aria-hidden":`true`})}),items:p.map(e=>({value:e.id,label:e.label,icon:e.icon,disabled:e.isDisabled?.(u)??!1,data:e})),renderItem:e=>{let t=e.data,n=t.variant===`destructive`;return(0,H.jsxs)(H.Fragment,{children:[!!t.icon&&(0,H.jsx)(`span`,{className:O(`shrink-0`,n?`text-destructive`:`text-muted-foreground`),children:t.icon}),(0,H.jsx)(a,{tag:`span`,size:`xs`,className:O(`truncate`,n&&`text-destructive`),children:t.label})]})},onSelect:e=>{e.data?.onSelect(u),i(!1)}})}Y.displayName=`KanbanItemActions`;function X({className:e,render:t}){let{activeItem:n,activeId:r,findItem:i}=L();return(0,H.jsx)(y,{children:r?t?t({item:n,columnId:i(r)?.columnId??null}):(0,H.jsx)(`div`,{className:O(`pointer-events-none rounded-md border-2 border-dashed border-primary/40 bg-primary/5 p-3 shadow-lg`,e),children:(0,H.jsx)(a,{tag:`span`,size:`xs`,weight:`medium`,className:`text-primary/80`,children:r})}):null})}X.displayName=`KanbanOverlay`;var ee=e({RoadmapBoardWithActionsOnItemClick:()=>Z}),te={planned:{title:`Planned`,tone:`bg-info`},building:{title:`Building`,tone:`bg-warning`},testing:{title:`Testing`,tone:`bg-primary`},shipped:{title:`Shipped`,tone:`bg-success`}},ne={planned:[{id:`f1`,title:`AI-powered search`,description:`Natural language search across all content`,progress:0,votes:142},{id:`f2`,title:`Custom webhooks`,description:`User-configurable webhook endpoints`,progress:0,votes:98}],building:[{id:`f3`,title:`Real-time collaboration`,description:`Multi-user editing with presence indicators`,progress:65,votes:234},{id:`f4`,title:`API v2 migration`,description:`RESTful API with OpenAPI 3.0 spec`,progress:40,votes:176}],testing:[{id:`f5`,title:`Two-factor auth`,description:`TOTP + WebAuthn support`,progress:90,votes:312}],shipped:[{id:`f6`,title:`Dark mode`,description:`System-aware theme with manual override`,progress:100,votes:456},{id:`f7`,title:`Export to CSV`,description:`Bulk data export with custom fields`,progress:100,votes:189}]};function re({feature:e}){return(0,H.jsxs)(A,{padding:`default`,className:`rounded-md`,contentClassName:`space-y-2.5 px-3.5 py-2.5`,children:[(0,H.jsxs)(`div`,{className:`flex items-start gap-2.5`,children:[(0,H.jsxs)(J,{className:`-ml-1 shrink-0`,children:[(0,H.jsx)(v,{className:`size-3.5`,"aria-hidden":`true`}),(0,H.jsxs)(`span`,{className:`sr-only`,children:[`Drag `,e.title]})]}),(0,H.jsx)(a,{weight:`semibold`,tag:`div`,lineHeight:`snug`,className:`min-w-0 flex-1 line-clamp-2`,children:e.title}),(0,H.jsx)(Y,{})]}),(0,H.jsx)(a,{size:`xs`,type:`secondary`,lineHeight:`snug`,className:`line-clamp-2`,children:e.description}),(0,H.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,H.jsx)(`div`,{className:`h-full bg-primary transition-[width] duration-150`,style:{width:`${e.progress}%`}})}),(0,H.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,H.jsxs)(a,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:[e.progress,`% complete`]}),(0,H.jsxs)(`div`,{className:`inline-flex items-center gap-1 text-muted-foreground`,children:[(0,H.jsx)(s,{className:`size-3`}),(0,H.jsx)(a,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:e.votes})]})]})]})}function Z(){let[e,t]=(0,N.useState)(ne),[n,r]=(0,N.useState)(`—`),o=(0,N.useCallback)(e=>{t(t=>{let n={};for(let[r,i]of Object.entries(t))n[r]=i.filter(t=>t.id!==e.id);return n}),r(`Deleted "${e.title}"`)},[]),s=(0,N.useCallback)(e=>[{id:`view`,label:`View details`,icon:(0,H.jsx)(f,{className:`size-3.5`}),onSelect:e=>r(`Viewed "${e.title}"`)},{id:`edit`,label:`Edit`,icon:(0,H.jsx)(M,{className:`size-3.5`}),onSelect:e=>r(`Edited "${e.title}"`)},{id:`duplicate`,label:`Duplicate`,icon:(0,H.jsx)(c,{className:`size-3.5`}),isDisabled:e=>e.progress===100,onSelect:e=>r(`Duplicated "${e.title}"`)},{id:`delete`,label:`Delete`,icon:(0,H.jsx)(w,{className:`size-3.5`}),variant:`destructive`,isVisible:e=>e.progress<100,onSelect:o}],[o]);return(0,H.jsxs)(`div`,{className:`flex w-full flex-col gap-3`,children:[(0,H.jsx)(`div`,{className:`rounded-md border border-dashed border-border bg-muted/30 px-3 py-2`,children:(0,H.jsxs)(a,{size:`xs`,type:`secondary`,tag:`span`,children:[`Last event:`,` `,(0,H.jsx)(a,{size:`xs`,weight:`medium`,tag:`span`,children:n})]})}),(0,H.jsx)(`div`,{className:`max-h-[38rem] overflow-auto pr-2 md:max-h-[44rem]`,children:(0,H.jsxs)(U,{value:e,onValueChange:t,getItemValue:e=>e.id,onItemClick:e=>r(`Clicked "${e.title}"`),itemActions:s,children:[(0,H.jsx)(W,{className:`grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4`,children:Object.entries(e).map(([e,t])=>{let n=te[e];return(0,H.jsxs)(G,{value:e,className:`rounded-md border border-border bg-muted/20 p-2.5`,children:[(0,H.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 px-0.5`,children:[(0,H.jsx)(`span`,{className:O(`size-2 rounded-full`,n.tone),"aria-hidden":!0}),(0,H.jsx)(a,{weight:`semibold`,tag:`div`,lineHeight:`tight`,className:`min-w-0 flex-1 truncate`,children:n.title}),(0,H.jsx)(i,{variant:`secondary`,size:`small`,className:`ml-auto`,children:t.length})]}),(0,H.jsx)(K,{value:e,className:`min-h-24 gap-2.5`,children:t.map(e=>(0,H.jsx)(q,{value:e.id,children:(0,H.jsx)(re,{feature:e})},e.id))})]},e)})}),(0,H.jsx)(X,{})]})})]})}var ie=`import { ArrowUp, Copy, Edit3, Eye, GripVertical, Trash2 } from 'lucide-react';
 import { useCallback, useState } from 'react';
 import { Badge } from '@/components/base/badge';
 import { SmartCard } from '@/components/base/cards';

package/dist/showcase/assets/{key-round-DpuhXiJQ.js → key-round-BQwcojkz.js}

@@ -1 +1 @@
-import{l as e}from"./index-QESvAJrb.js";var t=e(`key-round`,[[`path`,{d:`M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z`,key:`1s6t7t`}],[`circle`,{cx:`16.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`w0ekpg`}]]);export{t};
+import{l as e}from"./index-o71HAmc3.js";var t=e(`key-round`,[[`path`,{d:`M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z`,key:`1s6t7t`}],[`circle`,{cx:`16.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`w0ekpg`}]]);export{t};

package/dist/showcase/assets/{label-D1wLK5nY.js → label-HtkE4eII.js}

@@ -1 +1 @@
-import{x as e}from"./section-D-N8Ze16.js";import{d as t,n}from"./index-QESvAJrb.js";var r=t(),i={small:`text-xs`,default:`text-sm`};function a(e,t){return e??t??`default`}function o({content:t,className:o=``,children:s,size:c,...l}){let{defaultLabelSize:u}=e(),d=a(c,u);return(0,r.jsx)(`label`,{...l,"data-typography":`label`,className:n(`font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,i[d],o),children:s||t})}o.displayName=`Label`;export{o as t};
+import{x as e}from"./section-Dd6X6IKg.js";import{d as t,n}from"./index-o71HAmc3.js";var r=t(),i={small:`text-xs`,default:`text-sm`};function a(e,t){return e??t??`default`}function o({content:t,className:o=``,children:s,size:c,...l}){let{defaultLabelSize:u}=e(),d=a(c,u);return(0,r.jsx)(`label`,{...l,"data-typography":`label`,className:n(`font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,i[d],o),children:s||t})}o.displayName=`Label`;export{o as t};

package/dist/showcase/assets/{languages-CGYZVmbV.js → languages-69N5-h2e.js}

@@ -1 +1 @@
-import{l as e}from"./index-QESvAJrb.js";var t=e(`languages`,[[`path`,{d:`m5 8 6 6`,key:`1wu5hv`}],[`path`,{d:`m4 14 6-6 2-3`,key:`1k1g8d`}],[`path`,{d:`M2 5h12`,key:`or177f`}],[`path`,{d:`M7 2h1`,key:`1t2jsx`}],[`path`,{d:`m22 22-5-10-5 10`,key:`don7ne`}],[`path`,{d:`M14 18h6`,key:`1m8k6r`}]]);export{t};
+import{l as e}from"./index-o71HAmc3.js";var t=e(`languages`,[[`path`,{d:`m5 8 6 6`,key:`1wu5hv`}],[`path`,{d:`m4 14 6-6 2-3`,key:`1k1g8d`}],[`path`,{d:`M2 5h12`,key:`or177f`}],[`path`,{d:`M7 2h1`,key:`1t2jsx`}],[`path`,{d:`m22 22-5-10-5 10`,key:`don7ne`}],[`path`,{d:`M14 18h6`,key:`1m8k6r`}]]);export{t};

package/dist/showcase/assets/{layers-DJZSVGAu.js → layers-CBPYgoAb.js}

@@ -1 +1 @@
-import{l as e}from"./index-QESvAJrb.js";var t=e(`layers`,[[`path`,{d:`M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z`,key:`zw3jo`}],[`path`,{d:`M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12`,key:`1wduqc`}],[`path`,{d:`M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17`,key:`kqbvx6`}]]);export{t};
+import{l as e}from"./index-o71HAmc3.js";var t=e(`layers`,[[`path`,{d:`M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z`,key:`zw3jo`}],[`path`,{d:`M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12`,key:`1wduqc`}],[`path`,{d:`M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17`,key:`kqbvx6`}]]);export{t};

package/dist/showcase/assets/{layout-app-shell-UX63nzTO.js → layout-app-shell-BfNh8jd0.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-D-N8Ze16.js";import{t as s}from"./briefcase-N74Hu0O2.js";import{t as c}from"./chart-column-Dbekq8cy.js";import{r as l,t as u}from"./example-PsbgbESI.js";import{n as d,t as f}from"./header-notifications-B2v1Mdri.js";import{t as p}from"./credit-card-CFq0S1Ma.js";import{t as m}from"./external-link-CgB9zfWz.js";import{t as h}from"./file-text-BQeGXxPG.js";import{t as g}from"./house-opqNxOmP.js";import{t as _}from"./inbox-WrbeTKEw.js";import{r as v,t as y,y as ee}from"./sidebar.context-BWMPnGn6.js";import{t as b}from"./package-DLn6nx-u.js";import{t as x}from"./plus-BkhJjfUv.js";import{t as S}from"./settings-DkTHc0Ob.js";import{t as C}from"./shield-Cme7_JJR.js";import{n as w,t as T}from"./global-search-CWvNfmpe.js";import{t as E}from"./user-DLuRcjl0.js";import{t as D}from"./users-DAlxvktS.js";import{d as te,n as O}from"./index-QESvAJrb.js";import{t as ne}from"./props-table-CCcohuyT.js";import{t as k}from"./smart-card-C6-idFYI.js";import{t as re}from"./separator-Ha9YxI2x.js";import{c as A,i as j,n as M,r as N,t as P,u as F}from"./item-BMSdEK3V.js";import{r as ie}from"./fetchers-DHuMQ6PN.js";import{t as ae}from"./metric-grid-BMLMbLjE.js";import{t as oe}from"./app-sidebar-Co0LUSvz.js";import{t as I}from"./page-header-BGqE9hzO.js";var L=te(),se={light:`light`,dark:`dark`};function R({children:e,headerTheme:t=`light`,sidebarSide:n=`left`,mobileSidebarMode:r=`drawer`,headerHeight:i,sidebarWidth:a,sidebarTrigger:o,logo:s,headerActions:c,sidebar:l,slots:u,contentAs:d=`main`,className:f,headerClassName:p,headerInnerClassName:m,bodyClassName:h,sidebarClassName:g,contentClassName:_,style:v,...y}){let ee={...i?{"--shell-header-height":i}:null,...a?{"--shell-sidebar-width-expanded":a}:null,...v},b=u?.sidebarTrigger??o,x=u?.logo??s,S=u?.headerActions??c,C=u?.sidebar??l,w=u?.content??e,T=!!C,E=(0,L.jsx)(d,{className:O(`topbar-sidebar-layout--content min-h-0 min-w-0 flex-1 overflow-auto bg-background`,_),children:w}),D=T?(0,L.jsx)(`aside`,{className:O(`topbar-sidebar-layout--sidebar min-h-0 min-w-0 overflow-hidden border-border bg-sidebar text-sidebar-foreground`,r===`drawer`?`hidden md:block`:`border-b md:border-b-0`,g),children:C}):null;return(0,L.jsxs)(`div`,{className:O(`topbar-sidebar-layout--component flex min-h-svh flex-col overflow-hidden bg-background text-foreground`,`shell-sidebar-vars`,`has-[[data-slot=sidebar][data-collapsible=icon]]:shell-sidebar-icon-current`,`has-[[data-slot=sidebar][data-collapsible=offcanvas]]:shell-sidebar-offcanvas-current`,f),style:ee,"data-header-theme":t,"data-sidebar-side":n,"data-mobile-sidebar-mode":r,...y,children:[(0,L.jsx)(`header`,{className:O(`topbar-sidebar-layout--header z-40 flex min-h-shell-header shrink-0 items-center border-b border-border bg-background px-4 text-foreground`,se[t],p),children:(0,L.jsx)(`div`,{className:O(`topbar-sidebar-layout--header-inner flex min-h-10 w-full min-w-0 items-center gap-3 md:gap-4`,m),children:u?.header??(0,L.jsxs)(L.Fragment,{children:[!!b&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--sidebar-trigger flex shrink-0 items-center`,children:b}),!!x&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--logo flex min-w-0 shrink-0 items-center`,children:x}),!!u?.headerStart&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-start flex min-w-0 items-center`,children:u.headerStart}),!!u?.headerCenter&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-center hidden min-w-0 flex-1 items-center md:flex`,children:u.headerCenter}),!!(S||u?.headerEnd)&&(0,L.jsxs)(`div`,{className:`topbar-sidebar-layout--header-trailing ml-auto flex shrink-0 items-center gap-1.5 md:gap-2`,children:[!!S&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-actions flex shrink-0 items-center gap-1.5 md:gap-2`,children:S}),!!u?.headerEnd&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-end flex shrink-0 items-center gap-1.5 md:gap-2`,children:u.headerEnd})]})]})})}),(0,L.jsx)(`div`,{className:O(`topbar-sidebar-layout--body grid min-h-0 flex-1 grid-cols-1`,T&&(n===`left`?`md:shell-grid-left`:`md:shell-grid-right`),h),children:n===`left`?(0,L.jsxs)(L.Fragment,{children:[D,E]}):(0,L.jsxs)(L.Fragment,{children:[E,D]})})]})}var ce=e({DarkHeaderLeftSidebar:()=>X,LightHeaderRightSidebar:()=>Z}),z=t(n(),1),le={Platform:[{label:`Dashboard`,href:`#/dashboard`,icon:g,handle:`dashboard`},{label:`Customers`,href:`#/customers`,icon:D,handle:`customers`,badge:31},{label:`Orders`,href:`#/orders`,icon:b,handle:`orders`,children:[{label:`Pending`,href:`#/orders/pending`,handle:`orders-pending`,badge:8},{label:`Fulfilled`,href:`#/orders/fulfilled`,handle:`orders-fulfilled`}]}],Finance:[{label:`Invoices`,href:`#/invoices`,icon:p,handle:`invoices`,badge:12},{label:`Reports`,href:`#/reports`,icon:c,handle:`reports`}]},ue=[{label:`Inbox`,href:`#/inbox`,icon:_,handle:`inbox`,badge:4},{label:`Settings`,href:`#/settings`,icon:S,handle:`settings`},{label:`Docs`,href:`https://example.com`,icon:m,handle:`docs`,external:!0}],de=[{id:`sync`,title:`Order sync completed`,description:`36 orders reconciled across two markets.`,time:`4 min ago`,tone:`success`,read:!1},{id:`risk`,title:`Manual review required`,description:`Three high-value orders need approval.`,time:`22 min ago`,tone:`warning`,read:!1}],fe={name:`Nicolas Vlachos`,email:`nicolas@example.com`,avatar:`https://i.pravatar.cc/96?img=11`},B={customer:`Customers`,order:`Orders`,voucher:`Vouchers`,team:`Team`},V={customer:E,order:h,voucher:w,team:s},pe={customer:`primary`,order:`info`,voucher:`success`,team:`warning`},H={customer:`info`,order:`secondary`,voucher:`success`,team:`warning`},me=`size-control rounded-lg border border-border bg-accent text-foreground shadow-none hover:bg-accent data-[state=open]:bg-accent [&>svg]:size-4`,he=`h-control text-foreground hover:bg-accent data-[state=open]:bg-accent max-md:size-control max-md:justify-center max-md:p-0 max-md:[&_.header-user-menu--avatar]:size-7 max-md:[&_.header-user-menu--identity]:hidden max-md:[&_.header-user-menu--chevron]:hidden`,ge=`light !ring-border/70`,U=`w-full min-w-0 max-w-[72rem] min-h-0 rounded-md border border-border shadow-sm`,_e=[{title:`Stripe payout mismatch`,meta:`Payments / due 11:30`},{title:`Address verification`,meta:`Risk review / awaiting customer`},{title:`Large quantity approval`,meta:`Operations / high-value order`},{title:`Supplier hold`,meta:`Inventory / split fulfillment`}],ve=[{title:`Payout batch`,meta:`North America / 36 invoices`,status:`Ready`,variant:`success`,icon:p},{title:`Tax export`,meta:`EU marketplaces / Q2 review`,status:`Review`,variant:`warning`,icon:h},{title:`Risk controls`,meta:`Three orders above manual threshold`,status:`Active`,variant:`info`,icon:C},{title:`Forecast delta`,meta:`Revenue plan is 4.8% above baseline`,status:`Live`,variant:`secondary`,icon:c}],ye=[{id:`revenue`,label:`Revenue`,value:24820,valueType:`currency`,currency:`USD`,change:{value:`12.4%`,direction:`up`},icon:p,subtitle:`This month`},{id:`manual-review`,label:`Manual review`,value:8,valueType:`number`,icon:C,subtitle:`High-value orders`},{id:`ready-to-fulfill`,label:`Ready to fulfill`,value:36,valueType:`number`,icon:b,subtitle:`Queued today`}];function W({href:e,children:t,className:n,target:r,rel:i}){return(0,L.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,children:t})}function be(e){return{id:e.id,title:e.title,subtitle:e.subtitle,group:e.type,thumbnail:{icon:V[e.type],tone:pe[e.type]},badge:{label:B[e.type],tone:H[e.type]},data:e}}function xe(e,t){let n=V[e.group];return(0,L.jsxs)(P,{size:`small`,render:(0,L.jsx)(`button`,{type:`button`,onClick:t.onSelect}),className:O(`rounded-lg px-3 py-2 text-left hover:bg-accent hover:text-accent-foreground`,t.isActive&&`bg-accent text-accent-foreground`),children:[(0,L.jsx)(A,{variant:`icon`,className:`size-7 rounded-md bg-muted text-muted-foreground`,children:(0,L.jsx)(n,{className:`size-4`,"aria-hidden":`true`})}),(0,L.jsxs)(N,{children:[(0,L.jsx)(F,{children:e.title}),(0,L.jsx)(j,{clamp:1,children:e.subtitle})]}),(0,L.jsx)(M,{children:(0,L.jsx)(i,{variant:H[e.group],children:B[e.group]})})]})}function G({enableShortcut:e=!0}={}){let[t,n]=(0,z.useState)(!1),[r,i]=(0,z.useState)(``),[a,o]=(0,z.useState)([]),[s,c]=(0,z.useState)(!1),[l,u]=(0,z.useState)(null),f=(0,z.useMemo)(()=>B,[]);(0,z.useEffect)(()=>{let e=r.trim();if(e.length<=1){o([]),c(!1);return}let t=!1;return c(!0),ie(e).then(e=>{t||(o(e.map(be)),c(!1))}),()=>{t=!0}},[r]);let p=()=>{n(!1),i(``),o([]),c(!1)},m=e=>{i(e)};return{trigger:(0,L.jsx)(d,{className:`h-control min-w-0 max-w-72`,enableShortcut:e,onOpen:()=>n(!0),strings:{placeholder:l?`Search again`:`Search`}}),overlay:t?(0,L.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-start justify-center bg-foreground/50 px-4 pt-24 backdrop-blur-[1px]`,onMouseDown:e=>{e.target===e.currentTarget&&p()},children:(0,L.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,L.jsx)(T,{query:r,onQueryChange:m,results:a,loading:s,groupLabels:f,autoFocus:!0,onClose:p,onResultSelect:e=>{u(e.title),p()},idleSections:[{id:`shortcuts`,label:`Suggested searches`,items:[{id:`orders`,label:`pending orders`,icon:b,onSelect:()=>m(`pending`)},{id:`customers`,label:`customers in Berlin`,icon:D,onSelect:()=>m(`Berlin`)},{id:`team`,label:`team admins`,icon:C,onSelect:()=>m(`admin`)}]}],slots:{renderResult:xe},strings:{placeholder:`Search workspace`,loading:`Searching workspace...`}})})}):null,selectedLabel:l}}function Se({name:e=`Atlas Admin`,description:t=`Production workspace`,logoSrc:n=`/favicon.svg`,fullLogoSrc:r}){return r?(0,L.jsx)(`img`,{src:r,alt:e,className:`h-9 max-w-40 shrink-0 object-contain`}):(0,L.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,L.jsx)(`div`,{className:`flex size-control shrink-0 items-center justify-center rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,children:(0,L.jsx)(`img`,{src:n,alt:``,className:`size-5 object-contain`,"aria-hidden":`true`})}),(0,L.jsxs)(`div`,{className:`hidden min-w-0 sm:block`,children:[(0,L.jsx)(a,{weight:`semibold`,className:`truncate text-inherit`,children:e}),(0,L.jsx)(a,{size:`xxs`,type:`secondary`,className:`truncate`,children:t})]})]})}function Ce(){return(0,L.jsxs)(`div`,{className:`flex h-control shrink-0 items-center gap-2`,children:[(0,L.jsx)(`img`,{src:`/favicon.svg`,alt:``,className:`size-6 object-contain`,"aria-hidden":`true`}),(0,L.jsx)(a,{weight:`semibold`,className:`text-inherit`,children:`Atlas`})]})}function K(){return(0,L.jsx)(ee,{className:me})}function q({currentUrl:e,collapsible:t=`icon`,side:n=`left`}){return(0,L.jsx)(oe,{collapsible:t,side:n,className:`h-full`,surfaceClassName:`border-0 bg-sidebar`,contentClassName:`bg-sidebar`,navigationGroups:le,footerNavItems:ue,footerLabel:`Utilities`,currentUrl:e,liveBadges:{customers:42,invoices:14},renderLink:W})}function J({divider:e=!1,menuSurface:t=`dark`}){let n=t===`light`?ge:void 0;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(f,{notifications:de,unreadCount:2,renderLink:W,className:me,contentClassName:n}),e&&(0,L.jsx)(re,{orientation:`vertical`,className:`hidden h-7 bg-border md:block`}),(0,L.jsx)(v,{user:fe,showEmail:!1,triggerClassName:he,contentClassName:n,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})}function Y(){return(0,L.jsx)(ae,{metrics:ye,variant:`bordered`,size:`sm`,columns:3,gap:`sm`,showSparklines:!1})}function we(){return(0,L.jsxs)(k,{padding:`default`,className:`shadow-sm`,children:[(0,L.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b border-border pb-3`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(a,{weight:`semibold`,children:`Review queue`}),(0,L.jsx)(a,{size:`xs`,type:`secondary`,children:`Exceptions that affect fulfillment and payout timing.`})]}),(0,L.jsx)(i,{variant:`warning`,children:`8 pending`})]}),(0,L.jsx)(`div`,{className:`divide-y divide-border`,children:_e.map(e=>(0,L.jsxs)(P,{size:`default`,children:[(0,L.jsxs)(N,{children:[(0,L.jsx)(F,{children:e.title}),(0,L.jsx)(j,{clamp:1,children:e.meta})]}),(0,L.jsx)(M,{children:(0,L.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,size:`small`,children:`Open`})})]},e.title))})]})}function Te(){return(0,L.jsxs)(k,{padding:`default`,className:`shadow-sm`,children:[(0,L.jsxs)(`div`,{className:`flex items-start justify-between gap-3 border-b border-border pb-2.5`,children:[(0,L.jsxs)(`div`,{className:`min-w-0`,children:[(0,L.jsx)(a,{weight:`semibold`,children:`Settlement signals`}),(0,L.jsx)(a,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Current finance checkpoints with owner-ready statuses.`})]}),(0,L.jsx)(i,{variant:`info`,children:`4 live`})]}),(0,L.jsx)(`div`,{className:`grid gap-2 pt-3 md:grid-cols-2`,children:ve.map(e=>{let t=e.icon;return(0,L.jsxs)(P,{size:`default`,className:`rounded-md border border-border bg-background/60`,children:[(0,L.jsx)(A,{variant:`icon`,className:`size-8 rounded-md bg-muted text-muted-foreground`,children:(0,L.jsx)(t,{className:`size-4`,"aria-hidden":`true`})}),(0,L.jsxs)(N,{children:[(0,L.jsx)(F,{children:e.title}),(0,L.jsx)(j,{clamp:1,children:e.meta})]}),(0,L.jsx)(M,{children:(0,L.jsx)(i,{variant:e.variant,children:e.status})})]},e.title)})})]})}function X(){let e=G();return(0,L.jsx)(y,{defaultOpen:!0,className:`min-h-0`,children:(0,L.jsx)(R,{headerTheme:`dark`,className:O(`h-[44rem]`,U),sidebarTrigger:(0,L.jsx)(K,{}),logo:(0,L.jsx)(Se,{}),sidebar:(0,L.jsx)(q,{currentUrl:`#/orders/pending`}),headerActions:(0,L.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,icon:x,className:`hidden h-control rounded-lg md:inline-flex`,children:`New order`}),slots:{headerCenter:e.trigger,headerEnd:(0,L.jsx)(J,{divider:!0})},children:(0,L.jsxs)(`div`,{className:`space-y-4 p-4`,children:[e.overlay,(0,L.jsx)(I,{title:`Pending orders`,description:`Exceptions, holds, and stock checks that need attention before cutoff.`,headingTag:`h3`,titleBadges:[{label:`Live`,variant:`success`}],actions:(0,L.jsx)(l,{variant:`primary`,icon:C,children:`Approve batch`})}),(0,L.jsx)(Y,{}),!!e.selectedLabel&&(0,L.jsxs)(k,{padding:`default`,className:`border-info/30 bg-info/5 shadow-sm`,children:[(0,L.jsx)(a,{size:`xs`,type:`secondary`,children:`Last selected search result`}),(0,L.jsx)(a,{weight:`semibold`,children:e.selectedLabel})]}),(0,L.jsx)(we,{})]})})})}function Z(){let e=G({enableShortcut:!1});return(0,L.jsx)(y,{defaultOpen:!0,className:`min-h-0`,children:(0,L.jsx)(R,{headerTheme:`light`,sidebarSide:`right`,sidebarWidth:`18rem`,className:O(`h-[42rem]`,U),sidebarTrigger:(0,L.jsx)(K,{}),logo:(0,L.jsx)(Ce,{}),sidebar:(0,L.jsx)(q,{currentUrl:`#/reports`,side:`right`}),slots:{headerCenter:e.trigger,headerEnd:(0,L.jsx)(J,{menuSurface:`light`})},children:(0,L.jsxs)(`div`,{className:`space-y-4 p-4`,children:[e.overlay,(0,L.jsx)(I,{title:`Finance reports`,description:`Revenue, invoices, and payout signals with navigation on the right.`,headingTag:`h3`,titleBadges:[{label:`Right rail`,variant:`info`}]}),(0,L.jsx)(Y,{}),(0,L.jsxs)(k,{padding:`default`,className:`shadow-sm`,children:[(0,L.jsx)(a,{weight:`semibold`,children:`Report activity`}),(0,L.jsx)(a,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Finance work stays in the content region while the right rail handles navigation.`})]}),(0,L.jsx)(Te,{})]})})})}var Q=`import { BarChart3, Briefcase, CreditCard, ExternalLink, FileText, Home, Inbox, Package, Plus, Settings, Shield, Ticket, User, Users } from 'lucide-react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-Dd6X6IKg.js";import{t as s}from"./briefcase-CKrv_pkI.js";import{t as c}from"./chart-column-CbUwWFn7.js";import{r as l,t as u}from"./example-Rrx9vj75.js";import{n as d,t as f}from"./header-notifications-BT643QVK.js";import{t as p}from"./credit-card-D_wnXbTK.js";import{t as m}from"./external-link-BkCjE03j.js";import{t as h}from"./file-text-Clv0qFr3.js";import{t as g}from"./house-Dew9jimg.js";import{t as _}from"./inbox-hJEV8TEx.js";import{r as v,t as y,y as ee}from"./sidebar.context-DXGEPgaT.js";import{t as b}from"./package-BaQGBJmO.js";import{t as x}from"./plus-4gOvUk-5.js";import{t as S}from"./settings-CqdZB-OI.js";import{t as C}from"./shield-Dmxwcn3w.js";import{n as w,t as T}from"./global-search-BtYqFKyN.js";import{t as E}from"./user-B35DABNz.js";import{t as D}from"./users-DDgUGkgw.js";import{d as te,n as O}from"./index-o71HAmc3.js";import{t as ne}from"./props-table-C6gPyO49.js";import{t as k}from"./smart-card-BwSFemlj.js";import{t as re}from"./separator-y9i6EG-N.js";import{c as A,i as j,n as M,r as N,t as P,u as F}from"./item-Oe2aHuvr.js";import{r as ie}from"./fetchers-DHuMQ6PN.js";import{t as ae}from"./metric-grid-ZqDufV_5.js";import{t as oe}from"./app-sidebar-LVtcgiT_.js";import{t as I}from"./page-header-Y-96EPMp.js";var L=te(),se={light:`light`,dark:`dark`};function R({children:e,headerTheme:t=`light`,sidebarSide:n=`left`,mobileSidebarMode:r=`drawer`,headerHeight:i,sidebarWidth:a,sidebarTrigger:o,logo:s,headerActions:c,sidebar:l,slots:u,contentAs:d=`main`,className:f,headerClassName:p,headerInnerClassName:m,bodyClassName:h,sidebarClassName:g,contentClassName:_,style:v,...y}){let ee={...i?{"--shell-header-height":i}:null,...a?{"--shell-sidebar-width-expanded":a}:null,...v},b=u?.sidebarTrigger??o,x=u?.logo??s,S=u?.headerActions??c,C=u?.sidebar??l,w=u?.content??e,T=!!C,E=(0,L.jsx)(d,{className:O(`topbar-sidebar-layout--content min-h-0 min-w-0 flex-1 overflow-auto bg-background`,_),children:w}),D=T?(0,L.jsx)(`aside`,{className:O(`topbar-sidebar-layout--sidebar min-h-0 min-w-0 overflow-hidden border-border bg-sidebar text-sidebar-foreground`,r===`drawer`?`hidden md:block`:`border-b md:border-b-0`,g),children:C}):null;return(0,L.jsxs)(`div`,{className:O(`topbar-sidebar-layout--component flex min-h-svh flex-col overflow-hidden bg-background text-foreground`,`shell-sidebar-vars`,`has-[[data-slot=sidebar][data-collapsible=icon]]:shell-sidebar-icon-current`,`has-[[data-slot=sidebar][data-collapsible=offcanvas]]:shell-sidebar-offcanvas-current`,f),style:ee,"data-header-theme":t,"data-sidebar-side":n,"data-mobile-sidebar-mode":r,...y,children:[(0,L.jsx)(`header`,{className:O(`topbar-sidebar-layout--header z-40 flex min-h-shell-header shrink-0 items-center border-b border-border bg-background px-4 text-foreground`,se[t],p),children:(0,L.jsx)(`div`,{className:O(`topbar-sidebar-layout--header-inner flex min-h-10 w-full min-w-0 items-center gap-3 md:gap-4`,m),children:u?.header??(0,L.jsxs)(L.Fragment,{children:[!!b&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--sidebar-trigger flex shrink-0 items-center`,children:b}),!!x&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--logo flex min-w-0 shrink-0 items-center`,children:x}),!!u?.headerStart&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-start flex min-w-0 items-center`,children:u.headerStart}),!!u?.headerCenter&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-center hidden min-w-0 flex-1 items-center md:flex`,children:u.headerCenter}),!!(S||u?.headerEnd)&&(0,L.jsxs)(`div`,{className:`topbar-sidebar-layout--header-trailing ml-auto flex shrink-0 items-center gap-1.5 md:gap-2`,children:[!!S&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-actions flex shrink-0 items-center gap-1.5 md:gap-2`,children:S}),!!u?.headerEnd&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-end flex shrink-0 items-center gap-1.5 md:gap-2`,children:u.headerEnd})]})]})})}),(0,L.jsx)(`div`,{className:O(`topbar-sidebar-layout--body grid min-h-0 flex-1 grid-cols-1`,T&&(n===`left`?`md:shell-grid-left`:`md:shell-grid-right`),h),children:n===`left`?(0,L.jsxs)(L.Fragment,{children:[D,E]}):(0,L.jsxs)(L.Fragment,{children:[E,D]})})]})}var ce=e({DarkHeaderLeftSidebar:()=>X,LightHeaderRightSidebar:()=>Z}),z=t(n(),1),le={Platform:[{label:`Dashboard`,href:`#/dashboard`,icon:g,handle:`dashboard`},{label:`Customers`,href:`#/customers`,icon:D,handle:`customers`,badge:31},{label:`Orders`,href:`#/orders`,icon:b,handle:`orders`,children:[{label:`Pending`,href:`#/orders/pending`,handle:`orders-pending`,badge:8},{label:`Fulfilled`,href:`#/orders/fulfilled`,handle:`orders-fulfilled`}]}],Finance:[{label:`Invoices`,href:`#/invoices`,icon:p,handle:`invoices`,badge:12},{label:`Reports`,href:`#/reports`,icon:c,handle:`reports`}]},ue=[{label:`Inbox`,href:`#/inbox`,icon:_,handle:`inbox`,badge:4},{label:`Settings`,href:`#/settings`,icon:S,handle:`settings`},{label:`Docs`,href:`https://example.com`,icon:m,handle:`docs`,external:!0}],de=[{id:`sync`,title:`Order sync completed`,description:`36 orders reconciled across two markets.`,time:`4 min ago`,tone:`success`,read:!1},{id:`risk`,title:`Manual review required`,description:`Three high-value orders need approval.`,time:`22 min ago`,tone:`warning`,read:!1}],fe={name:`Nicolas Vlachos`,email:`nicolas@example.com`,avatar:`https://i.pravatar.cc/96?img=11`},B={customer:`Customers`,order:`Orders`,voucher:`Vouchers`,team:`Team`},V={customer:E,order:h,voucher:w,team:s},pe={customer:`primary`,order:`info`,voucher:`success`,team:`warning`},H={customer:`info`,order:`secondary`,voucher:`success`,team:`warning`},me=`size-control rounded-lg border border-border bg-accent text-foreground shadow-none hover:bg-accent data-[state=open]:bg-accent [&>svg]:size-4`,he=`h-control text-foreground hover:bg-accent data-[state=open]:bg-accent max-md:size-control max-md:justify-center max-md:p-0 max-md:[&_.header-user-menu--avatar]:size-7 max-md:[&_.header-user-menu--identity]:hidden max-md:[&_.header-user-menu--chevron]:hidden`,ge=`light !ring-border/70`,U=`w-full min-w-0 max-w-[72rem] min-h-0 rounded-md border border-border shadow-sm`,_e=[{title:`Stripe payout mismatch`,meta:`Payments / due 11:30`},{title:`Address verification`,meta:`Risk review / awaiting customer`},{title:`Large quantity approval`,meta:`Operations / high-value order`},{title:`Supplier hold`,meta:`Inventory / split fulfillment`}],ve=[{title:`Payout batch`,meta:`North America / 36 invoices`,status:`Ready`,variant:`success`,icon:p},{title:`Tax export`,meta:`EU marketplaces / Q2 review`,status:`Review`,variant:`warning`,icon:h},{title:`Risk controls`,meta:`Three orders above manual threshold`,status:`Active`,variant:`info`,icon:C},{title:`Forecast delta`,meta:`Revenue plan is 4.8% above baseline`,status:`Live`,variant:`secondary`,icon:c}],ye=[{id:`revenue`,label:`Revenue`,value:24820,valueType:`currency`,currency:`USD`,change:{value:`12.4%`,direction:`up`},icon:p,subtitle:`This month`},{id:`manual-review`,label:`Manual review`,value:8,valueType:`number`,icon:C,subtitle:`High-value orders`},{id:`ready-to-fulfill`,label:`Ready to fulfill`,value:36,valueType:`number`,icon:b,subtitle:`Queued today`}];function W({href:e,children:t,className:n,target:r,rel:i}){return(0,L.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,children:t})}function be(e){return{id:e.id,title:e.title,subtitle:e.subtitle,group:e.type,thumbnail:{icon:V[e.type],tone:pe[e.type]},badge:{label:B[e.type],tone:H[e.type]},data:e}}function xe(e,t){let n=V[e.group];return(0,L.jsxs)(P,{size:`small`,render:(0,L.jsx)(`button`,{type:`button`,onClick:t.onSelect}),className:O(`rounded-lg px-3 py-2 text-left hover:bg-accent hover:text-accent-foreground`,t.isActive&&`bg-accent text-accent-foreground`),children:[(0,L.jsx)(A,{variant:`icon`,className:`size-7 rounded-md bg-muted text-muted-foreground`,children:(0,L.jsx)(n,{className:`size-4`,"aria-hidden":`true`})}),(0,L.jsxs)(N,{children:[(0,L.jsx)(F,{children:e.title}),(0,L.jsx)(j,{clamp:1,children:e.subtitle})]}),(0,L.jsx)(M,{children:(0,L.jsx)(i,{variant:H[e.group],children:B[e.group]})})]})}function G({enableShortcut:e=!0}={}){let[t,n]=(0,z.useState)(!1),[r,i]=(0,z.useState)(``),[a,o]=(0,z.useState)([]),[s,c]=(0,z.useState)(!1),[l,u]=(0,z.useState)(null),f=(0,z.useMemo)(()=>B,[]);(0,z.useEffect)(()=>{let e=r.trim();if(e.length<=1){o([]),c(!1);return}let t=!1;return c(!0),ie(e).then(e=>{t||(o(e.map(be)),c(!1))}),()=>{t=!0}},[r]);let p=()=>{n(!1),i(``),o([]),c(!1)},m=e=>{i(e)};return{trigger:(0,L.jsx)(d,{className:`h-control min-w-0 max-w-72`,enableShortcut:e,onOpen:()=>n(!0),strings:{placeholder:l?`Search again`:`Search`}}),overlay:t?(0,L.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-start justify-center bg-foreground/50 px-4 pt-24 backdrop-blur-[1px]`,onMouseDown:e=>{e.target===e.currentTarget&&p()},children:(0,L.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,L.jsx)(T,{query:r,onQueryChange:m,results:a,loading:s,groupLabels:f,autoFocus:!0,onClose:p,onResultSelect:e=>{u(e.title),p()},idleSections:[{id:`shortcuts`,label:`Suggested searches`,items:[{id:`orders`,label:`pending orders`,icon:b,onSelect:()=>m(`pending`)},{id:`customers`,label:`customers in Berlin`,icon:D,onSelect:()=>m(`Berlin`)},{id:`team`,label:`team admins`,icon:C,onSelect:()=>m(`admin`)}]}],slots:{renderResult:xe},strings:{placeholder:`Search workspace`,loading:`Searching workspace...`}})})}):null,selectedLabel:l}}function Se({name:e=`Atlas Admin`,description:t=`Production workspace`,logoSrc:n=`/favicon.svg`,fullLogoSrc:r}){return r?(0,L.jsx)(`img`,{src:r,alt:e,className:`h-9 max-w-40 shrink-0 object-contain`}):(0,L.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,L.jsx)(`div`,{className:`flex size-control shrink-0 items-center justify-center rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,children:(0,L.jsx)(`img`,{src:n,alt:``,className:`size-5 object-contain`,"aria-hidden":`true`})}),(0,L.jsxs)(`div`,{className:`hidden min-w-0 sm:block`,children:[(0,L.jsx)(a,{weight:`semibold`,className:`truncate text-inherit`,children:e}),(0,L.jsx)(a,{size:`xxs`,type:`secondary`,className:`truncate`,children:t})]})]})}function Ce(){return(0,L.jsxs)(`div`,{className:`flex h-control shrink-0 items-center gap-2`,children:[(0,L.jsx)(`img`,{src:`/favicon.svg`,alt:``,className:`size-6 object-contain`,"aria-hidden":`true`}),(0,L.jsx)(a,{weight:`semibold`,className:`text-inherit`,children:`Atlas`})]})}function K(){return(0,L.jsx)(ee,{className:me})}function q({currentUrl:e,collapsible:t=`icon`,side:n=`left`}){return(0,L.jsx)(oe,{collapsible:t,side:n,className:`h-full`,surfaceClassName:`border-0 bg-sidebar`,contentClassName:`bg-sidebar`,navigationGroups:le,footerNavItems:ue,footerLabel:`Utilities`,currentUrl:e,liveBadges:{customers:42,invoices:14},renderLink:W})}function J({divider:e=!1,menuSurface:t=`dark`}){let n=t===`light`?ge:void 0;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(f,{notifications:de,unreadCount:2,renderLink:W,className:me,contentClassName:n}),e&&(0,L.jsx)(re,{orientation:`vertical`,className:`hidden h-7 bg-border md:block`}),(0,L.jsx)(v,{user:fe,showEmail:!1,triggerClassName:he,contentClassName:n,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})}function Y(){return(0,L.jsx)(ae,{metrics:ye,variant:`bordered`,size:`sm`,columns:3,gap:`sm`,showSparklines:!1})}function we(){return(0,L.jsxs)(k,{padding:`default`,className:`shadow-sm`,children:[(0,L.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b border-border pb-3`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(a,{weight:`semibold`,children:`Review queue`}),(0,L.jsx)(a,{size:`xs`,type:`secondary`,children:`Exceptions that affect fulfillment and payout timing.`})]}),(0,L.jsx)(i,{variant:`warning`,children:`8 pending`})]}),(0,L.jsx)(`div`,{className:`divide-y divide-border`,children:_e.map(e=>(0,L.jsxs)(P,{size:`default`,children:[(0,L.jsxs)(N,{children:[(0,L.jsx)(F,{children:e.title}),(0,L.jsx)(j,{clamp:1,children:e.meta})]}),(0,L.jsx)(M,{children:(0,L.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,size:`small`,children:`Open`})})]},e.title))})]})}function Te(){return(0,L.jsxs)(k,{padding:`default`,className:`shadow-sm`,children:[(0,L.jsxs)(`div`,{className:`flex items-start justify-between gap-3 border-b border-border pb-2.5`,children:[(0,L.jsxs)(`div`,{className:`min-w-0`,children:[(0,L.jsx)(a,{weight:`semibold`,children:`Settlement signals`}),(0,L.jsx)(a,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Current finance checkpoints with owner-ready statuses.`})]}),(0,L.jsx)(i,{variant:`info`,children:`4 live`})]}),(0,L.jsx)(`div`,{className:`grid gap-2 pt-3 md:grid-cols-2`,children:ve.map(e=>{let t=e.icon;return(0,L.jsxs)(P,{size:`default`,className:`rounded-md border border-border bg-background/60`,children:[(0,L.jsx)(A,{variant:`icon`,className:`size-8 rounded-md bg-muted text-muted-foreground`,children:(0,L.jsx)(t,{className:`size-4`,"aria-hidden":`true`})}),(0,L.jsxs)(N,{children:[(0,L.jsx)(F,{children:e.title}),(0,L.jsx)(j,{clamp:1,children:e.meta})]}),(0,L.jsx)(M,{children:(0,L.jsx)(i,{variant:e.variant,children:e.status})})]},e.title)})})]})}function X(){let e=G();return(0,L.jsx)(y,{defaultOpen:!0,className:`min-h-0`,children:(0,L.jsx)(R,{headerTheme:`dark`,className:O(`h-[44rem]`,U),sidebarTrigger:(0,L.jsx)(K,{}),logo:(0,L.jsx)(Se,{}),sidebar:(0,L.jsx)(q,{currentUrl:`#/orders/pending`}),headerActions:(0,L.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,icon:x,className:`hidden h-control rounded-lg md:inline-flex`,children:`New order`}),slots:{headerCenter:e.trigger,headerEnd:(0,L.jsx)(J,{divider:!0})},children:(0,L.jsxs)(`div`,{className:`space-y-4 p-4`,children:[e.overlay,(0,L.jsx)(I,{title:`Pending orders`,description:`Exceptions, holds, and stock checks that need attention before cutoff.`,headingTag:`h3`,titleBadges:[{label:`Live`,variant:`success`}],actions:(0,L.jsx)(l,{variant:`primary`,icon:C,children:`Approve batch`})}),(0,L.jsx)(Y,{}),!!e.selectedLabel&&(0,L.jsxs)(k,{padding:`default`,className:`border-info/30 bg-info/5 shadow-sm`,children:[(0,L.jsx)(a,{size:`xs`,type:`secondary`,children:`Last selected search result`}),(0,L.jsx)(a,{weight:`semibold`,children:e.selectedLabel})]}),(0,L.jsx)(we,{})]})})})}function Z(){let e=G({enableShortcut:!1});return(0,L.jsx)(y,{defaultOpen:!0,className:`min-h-0`,children:(0,L.jsx)(R,{headerTheme:`light`,sidebarSide:`right`,sidebarWidth:`18rem`,className:O(`h-[42rem]`,U),sidebarTrigger:(0,L.jsx)(K,{}),logo:(0,L.jsx)(Ce,{}),sidebar:(0,L.jsx)(q,{currentUrl:`#/reports`,side:`right`}),slots:{headerCenter:e.trigger,headerEnd:(0,L.jsx)(J,{menuSurface:`light`})},children:(0,L.jsxs)(`div`,{className:`space-y-4 p-4`,children:[e.overlay,(0,L.jsx)(I,{title:`Finance reports`,description:`Revenue, invoices, and payout signals with navigation on the right.`,headingTag:`h3`,titleBadges:[{label:`Right rail`,variant:`info`}]}),(0,L.jsx)(Y,{}),(0,L.jsxs)(k,{padding:`default`,className:`shadow-sm`,children:[(0,L.jsx)(a,{weight:`semibold`,children:`Report activity`}),(0,L.jsx)(a,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Finance work stays in the content region while the right rail handles navigation.`})]}),(0,L.jsx)(Te,{})]})})})}var Q=`import { BarChart3, Briefcase, CreditCard, ExternalLink, FileText, Home, Inbox, Package, Plus, Settings, Shield, Ticket, User, Users } from 'lucide-react';
 import { useEffect, useMemo, useState } from 'react';
 
 import { Badge } from '@/components/base/badge';