admin-ui-starter-kit 0.4.2 → 0.4.3

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

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

package/dist/showcase/assets/{info-DFu8OfxV.js → info-BimmreJ-.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.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{a as e}from"./index-BQIv1ffM.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-DqI70yoJ.js → inline-stat-DcNP6bcO.js}

@@ -1 +1 @@
-import{Er as e}from"./example-BIrQab7K.js";import{n as t,s as n}from"./index-Cz4UGUT2.js";var r=n();function i({label:n,value:i,layout:a=`between`,mono:o=!1,className:s,labelClassName:c,valueClassName:l}){return a===`stacked`?(0,r.jsxs)(`div`,{className:t(`inline-stat--component`,`flex flex-col gap-0.5`,s),children:[(0,r.jsx)(e,{tag:`span`,size:`xxs`,type:`secondary`,className:c,children:n}),(0,r.jsx)(e,{tag:`span`,className:t(o&&`tabular-nums`,l),children:i})]}):(0,r.jsxs)(`div`,{className:t(`flex items-center gap-2`,a===`between`?`justify-between`:`justify-start`,s),children:[(0,r.jsx)(e,{tag:`span`,size:`xs`,type:`secondary`,className:c,children:n}),(0,r.jsx)(e,{tag:`span`,className:t(o&&`tabular-nums`,l),children:i})]})}i.displayName=`InlineStat`;export{i as t};
+import{Rr as e}from"./example-Cz_880po.js";import{n as t,s as n}from"./index-BQIv1ffM.js";var r=n();function i({label:n,value:i,layout:a=`between`,mono:o=!1,className:s,labelClassName:c,valueClassName:l}){return a===`stacked`?(0,r.jsxs)(`div`,{className:t(`inline-stat--component`,`flex flex-col gap-0.5`,s),children:[(0,r.jsx)(e,{tag:`span`,size:`xxs`,type:`secondary`,className:c,children:n}),(0,r.jsx)(e,{tag:`span`,className:t(o&&`tabular-nums`,l),children:i})]}):(0,r.jsxs)(`div`,{className:t(`flex items-center gap-2`,a===`between`?`justify-between`:`justify-start`,s),children:[(0,r.jsx)(e,{tag:`span`,size:`xs`,type:`secondary`,className:c,children:n}),(0,r.jsx)(e,{tag:`span`,className:t(o&&`tabular-nums`,l),children:i})]})}i.displayName=`InlineStat`;export{i as t};

package/dist/showcase/assets/input-DJAWOJEx.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.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-Cz_880po.js";import{n as l,s as u}from"./index-BQIv1ffM.js";import{t as d}from"./useControlled-BF8maje6.js";import{c as f,n as p,o as m,r as h,t as g}from"./LabelableContext-DapqaNeY.js";import{t as _}from"./useLabelableId-DxorZ3YW.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=u(),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:l(`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-BPDdWrB1.js → input-NIgvB9CZ.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Er as n,Lr as r,kr as i}from"./example-BIrQab7K.js";import{t as a}from"./circle-x-c5z6-eYV.js";import{k as o,n as s,s as c}from"./index-Cz4UGUT2.js";import{t as l}from"./use-form-field-state-Sbo6tfr9.js";import{i as u,n as d}from"./form-sizing-DHUDpiPA.js";var f=e(t(),1),p=c(),ee={clear:`Clear input`},m=(e,t,n)=>{let r=e||``;return t&&r&&(r=t+r),n&&r&&(r+=n),r};function h({className:e,type:t=`text`,startIcon:c,endIcon:h,startAddon:g,endAddon:_,maxLength:v,showCharacterCount:y,clearable:b,onClear:x,isLoading:S,returnValueWithAddons:C,invalid:w,size:T,onChange:E,value:D,defaultValue:O,id:k,strings:A,...j},M){let N=(0,f.useRef)(null),P=o(ee,A),{defaultControlSize:F}=r(),I=u(T,F),L=(0,f.useCallback)(e=>{typeof M==`function`?M(e):M&&(M.current=e),N.current=e},[M]),{id:R,value:z,isReactHookForm:B,characterCount:V,hasCharacterLimit:H,showCount:U,hasValue:W,updateValue:G,clearValue:K,wouldExceedLimit:q}=l({controlledValue:D,defaultValue:O,maxLength:v,showCharacterCount:y,providedId:k,idPrefix:`input`,hasOnChange:E!==void 0}),J=!!b,Y=!!S,X=!!h,Z=!!_,Q=t===`file`,$=!!w,te=(0,f.useMemo)(()=>{let e=`px-3`,t=`px-3`;return c&&(e=`ps-9`),g&&(e=`ps-10`),h&&(t=`pe-9`),_&&(t=`pe-10`),(J&&W||Y)&&(t=`pe-9`),U&&(t=`pe-14`),`${e} ${t}`},[c,g,h,_,J,W,Y,U]),ne=(0,f.useCallback)(e=>{let t=e.target.value;if(!q(t)&&(G(t),E))if(C){let n=m(t,g,_);E({...e,target:{...e.target,value:n},currentTarget:{...e.currentTarget,value:n}})}else E(e)},[E,C,g,_,G,q]),re=(0,f.useCallback)(()=>{let e=C?m(``,g,_):``,t={target:{value:e},currentTarget:{value:e}};K(),E?.(t),x?.(),N.current?.focus()},[C,g,_,K,E,x]),ie=J&&W&&!U&&!Y,ae=Y&&!U,oe=X&&!J&&!U&&!Y,se=Z&&!J&&!U&&!Y;return(0,p.jsxs)(`div`,{className:s(`input--component`,`relative`),children:[(0,p.jsx)(`input`,{ref:L,id:R,type:t,...!B&&{value:z},onChange:ne,maxLength:v,"aria-invalid":$||void 0,disabled:j.disabled||S,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 py-1`,`transition-[color,box-shadow] outline-none`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,d[I],`file:inline-flex file:h-7 file:border file:bg-transparent file:px-3 file:text-sm file:font-medium`,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`,te,e),...j}),!!c&&(0,p.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3`,j.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,p.jsx)(c,{size:16,"aria-hidden":`true`})}),!!g&&(0,p.jsx)(`span`,{className:s(`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-sm`,j.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),children:g}),!!oe&&!!h&&(0,p.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3`,j.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,p.jsx)(h,{size:16,"aria-hidden":`true`})}),!!se&&(0,p.jsx)(`span`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-sm`,j.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),children:_}),!!U&&(0,p.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-xs tabular-nums`,j.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),"aria-live":`polite`,role:`status`,children:(0,p.jsxs)(n,{tag:`span`,size:`xs`,type:$?`error`:`secondary`,children:[V,H?`/${v}`:``]})}),!!ae&&(0,p.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,p.jsx)(i,{size:16,className:`animate-spin`,"aria-hidden":`true`})}),!!ie&&(0,p.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-9 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":P.clear,onClick:re,disabled:S,children:(0,p.jsx)(a,{size:16,"aria-hidden":`true`})})]})}var g=(0,f.memo)(f.forwardRef(h));g.displayName=`Input`;export{g as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Rr as n,Vr as r,Yr as i}from"./example-Cz_880po.js";import{t as a}from"./circle-x-VSqZOeGt.js";import{k as o,n as s,s as c}from"./index-BQIv1ffM.js";import{t as l}from"./use-form-field-state-Sbo6tfr9.js";import{i as u,n as d}from"./form-sizing-DHUDpiPA.js";var f=e(t(),1),p=c(),ee={clear:`Clear input`},m=(e,t,n)=>{let r=e||``;return t&&r&&(r=t+r),n&&r&&(r+=n),r};function h({className:e,type:t=`text`,startIcon:c,endIcon:h,startAddon:g,endAddon:_,maxLength:v,showCharacterCount:y,clearable:b,onClear:x,isLoading:S,returnValueWithAddons:C,invalid:w,size:T,onChange:E,value:D,defaultValue:O,id:k,strings:A,...j},M){let N=(0,f.useRef)(null),P=o(ee,A),{defaultControlSize:F}=i(),I=u(T,F),L=(0,f.useCallback)(e=>{typeof M==`function`?M(e):M&&(M.current=e),N.current=e},[M]),{id:R,value:z,isReactHookForm:B,characterCount:V,hasCharacterLimit:H,showCount:U,hasValue:W,updateValue:G,clearValue:K,wouldExceedLimit:q}=l({controlledValue:D,defaultValue:O,maxLength:v,showCharacterCount:y,providedId:k,idPrefix:`input`,hasOnChange:E!==void 0}),J=!!b,Y=!!S,X=!!h,Z=!!_,Q=t===`file`,$=!!w,te=(0,f.useMemo)(()=>{let e=`px-3`,t=`px-3`;return c&&(e=`ps-9`),g&&(e=`ps-10`),h&&(t=`pe-9`),_&&(t=`pe-10`),(J&&W||Y)&&(t=`pe-9`),U&&(t=`pe-14`),`${e} ${t}`},[c,g,h,_,J,W,Y,U]),ne=(0,f.useCallback)(e=>{let t=e.target.value;if(!q(t)&&(G(t),E))if(C){let n=m(t,g,_);E({...e,target:{...e.target,value:n},currentTarget:{...e.currentTarget,value:n}})}else E(e)},[E,C,g,_,G,q]),re=(0,f.useCallback)(()=>{let e=C?m(``,g,_):``,t={target:{value:e},currentTarget:{value:e}};K(),E?.(t),x?.(),N.current?.focus()},[C,g,_,K,E,x]),ie=J&&W&&!U&&!Y,ae=Y&&!U,oe=X&&!J&&!U&&!Y,se=Z&&!J&&!U&&!Y;return(0,p.jsxs)(`div`,{className:s(`input--component`,`relative`),children:[(0,p.jsx)(`input`,{ref:L,id:R,type:t,...!B&&{value:z},onChange:ne,maxLength:v,"aria-invalid":$||void 0,disabled:j.disabled||S,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 py-1`,`transition-[color,box-shadow] outline-none`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,d[I],`file:inline-flex file:h-7 file:border file:bg-transparent file:px-3 file:text-sm file:font-medium`,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`,te,e),...j}),!!c&&(0,p.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3`,j.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,p.jsx)(c,{size:16,"aria-hidden":`true`})}),!!g&&(0,p.jsx)(`span`,{className:s(`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-sm`,j.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),children:g}),!!oe&&!!h&&(0,p.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3`,j.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,p.jsx)(h,{size:16,"aria-hidden":`true`})}),!!se&&(0,p.jsx)(`span`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-sm`,j.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),children:_}),!!U&&(0,p.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-xs tabular-nums`,j.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),"aria-live":`polite`,role:`status`,children:(0,p.jsxs)(n,{tag:`span`,size:`xs`,type:$?`error`:`secondary`,children:[V,H?`/${v}`:``]})}),!!ae&&(0,p.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,p.jsx)(r,{size:16,className:`animate-spin`,"aria-hidden":`true`})}),!!ie&&(0,p.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-9 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":P.clear,onClick:re,disabled:S,children:(0,p.jsx)(a,{size:16,"aria-hidden":`true`})})]})}var g=(0,f.memo)(f.forwardRef(h));g.displayName=`Input`;export{g as t};

package/dist/showcase/assets/{input-group-BYZYeQ7j.js → input-group-BmqJ20bA.js}

@@ -1 +1 @@
-import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{xr as t}from"./example-BIrQab7K.js";import{n,s as r}from"./index-Cz4UGUT2.js";import{t as i}from"./input-BzafMIDj.js";e();var a=r();function o({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:n(`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`,...r}){return(0,a.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":t,className:n(s({align:t}),e),onClick:e=>{e.target.closest(`button`)||e.currentTarget.parentElement?.querySelector(`input`)?.focus()},...r})}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:n(`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{n as e}from"./react-dom-Bz4cALsF.js";import{Nr as t}from"./example-Cz_880po.js";import{n,s as r}from"./index-BQIv1ffM.js";import{t as i}from"./input-DJAWOJEx.js";e();var a=r();function o({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:n(`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`,...r}){return(0,a.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":t,className:n(s({align:t}),e),onClick:e=>{e.target.closest(`button`)||e.currentTarget.parentElement?.querySelector(`input`)?.focus()},...r})}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:n(`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/{input-group-YIWmmLJ6.js → input-group-gOUubhee.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-BIrQab7K.js";import{t as i}from"./lock-Dn4-vUBz.js";import{t as a}from"./mail-w1nhszbW.js";import{i as o,s}from"./index-Cz4UGUT2.js";import{n as c,r as l,t as u}from"./input-group-BYZYeQ7j.js";import{t as d}from"./PreviewLayout-BG1B5TzA.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{Dr as t,Er as n,t as r}from"./example-Cz_880po.js";import{t as i}from"./lock-DLIcOBUd.js";import{t as a}from"./mail-AES_tOd2.js";import{i as o,s}from"./index-BQIv1ffM.js";import{n as c,r as l,t as u}from"./input-group-BmqJ20bA.js";import{t as d}from"./PreviewLayout-CGEkbS-i.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/inputs-Dk8YOVkI.js

@@ -0,0 +1,155 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Nr as a,t as o}from"./example-Cz_880po.js";import{t as s}from"./chevron-down-ByPPEdNm.js";import{t as c}from"./minus-DByvcC8K.js";import{n as l,s as u}from"./index-BQIv1ffM.js";import{a as d,i as f,n as ee,o as p,t as m}from"./select-Dymyvyh6.js";import{t as h}from"./input-DJAWOJEx.js";import{t as g}from"./textarea-jexcMklP.js";import{t as _}from"./PreviewLayout-CGEkbS-i.js";var v=t(n(),1),y=u();function te({className:e,...t}){return(0,y.jsx)(`label`,{"data-slot":`label`,className:l(`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:l(`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:l(`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:l(`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=a(`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:l(C({orientation:t}),e),...n})}function T({className:e,...t}){return(0,y.jsx)(te,{"data-slot":`field-label`,className:l(`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:l(`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:l(`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;
+
+  background-color: var(--nojs-bg) !important;
+  color: var(--nojs-fg) !important;
+  caret-color: var(--nojs-fg) !important;
+  letter-spacing: .25em !important;
+  text-align: center !important;
+  border: 1px solid var(--nojs-fg) !important;
+  border-radius: 4px !important;
+  width: 100% !important;
+}
+@media (prefers-color-scheme: dark) {
+  [data-input-otp] {
+    --nojs-bg: black !important;
+    --nojs-fg: white !important;
+  }
+}`;function ue({className:e,containerClassName:t,...n}){return(0,y.jsx)(z,{"data-slot":`input-otp`,containerClassName:l(`cn-input-otp flex items-center has-disabled:opacity-50`,t),spellCheck:!1,className:l(`disabled:cursor-not-allowed`,e),...n})}function V({className:e,...t}){return(0,y.jsx)(`div`,{"data-slot":`input-otp-group`,className:l(`flex items-center rounded-3xl has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40`,e),...t})}function H({index:e,className:t,...n}){let{char:r,hasFakeCaret:i,isActive:a}=v.useContext(ce)?.slots[e]??{};return(0,y.jsxs)(`div`,{"data-slot":`input-otp-slot`,"data-active":a,className:l(`relative flex size-9 items-center justify-center border-y border-r border-input bg-input/50 text-sm transition-all outline-none first:rounded-l-3xl first:border-l last:rounded-r-3xl aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/30 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40`,t),...n,children:[r,i&&(0,y.jsx)(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:(0,y.jsx)(`div`,{className:`h-4 w-px animate-caret-blink bg-foreground duration-1000`})})]})}function U({...e}){return(0,y.jsx)(`div`,{"data-slot":`input-otp-separator`,className:`flex items-center [&_svg:not([class*='size-'])]:size-4`,role:`separator`,...e,children:(0,y.jsx)(c,{})})}function W({className:e,...t}){return(0,y.jsx)(`kbd`,{"data-slot":`kbd`,className:l(`pointer-events-none inline-flex h-5.5 w-fit min-w-5.5 items-center justify-center gap-1 rounded-lg bg-muted px-1.5 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=input-group]:bg-input in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3`,e),...t})}function de({className:e,...t}){return(0,y.jsx)(`kbd`,{"data-slot":`kbd-group`,className:l(`inline-flex items-center gap-1`,e),...t})}function fe({className:e,size:t=`default`,...n}){return(0,y.jsxs)(`div`,{className:l(`group/native-select relative w-fit has-[select:disabled]:opacity-50`,e),"data-slot":`native-select-wrapper`,"data-size":t,children:[(0,y.jsx)(`select`,{"data-slot":`native-select`,"data-size":t,className:`h-9 w-full min-w-0 appearance-none rounded-3xl border border-transparent bg-input/50 py-1 pr-8 pl-3 text-sm transition-[color,box-shadow,background-color] outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40`,...n}),(0,y.jsx)(s,{className:`pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none`,"aria-hidden":`true`,"data-slot":`native-select-icon`})]})}function G({className:e,...t}){return(0,y.jsx)(`option`,{"data-slot":`native-select-option`,className:l(`bg-[Canvas] text-[CanvasText]`,e),...t})}var pe=e({FieldExample:()=>Z,InputExample:()=>K,InputOTPExample:()=>X,KbdExample:()=>me,NativeSelectExample:()=>Y,SelectExample:()=>J,TextareaExample:()=>q});function K(){let[e,t]=(0,v.useState)(``);return(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)(_,{children:[(0,y.jsx)(h,{placeholder:`Type something…`,value:e,onChange:e=>t(e.target.value)}),(0,y.jsx)(h,{disabled:!0,placeholder:`Disabled`}),(0,y.jsx)(h,{"aria-invalid":!0,placeholder:`Invalid state`}),(0,y.jsx)(h,{type:`email`,placeholder:`email@example.com`})]})})}function q(){let[e,t]=(0,v.useState)(``);return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(g,{placeholder:`Multi-line input…`,value:e,onChange:e=>t(e.target.value)})})}function J(){let[e,t]=(0,v.useState)(null);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(m,{value:e,onValueChange:t,children:[(0,y.jsx)(d,{className:`w-48`,children:(0,y.jsx)(p,{placeholder:`Pick a fruit`})}),(0,y.jsxs)(ee,{children:[(0,y.jsx)(f,{value:`apple`,children:`Apple`}),(0,y.jsx)(f,{value:`banana`,children:`Banana`}),(0,y.jsx)(f,{value:`cherry`,children:`Cherry`}),(0,y.jsx)(f,{value:`date`,children:`Date`})]})]}),(0,y.jsxs)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:[`value: `,e||`—`]})]})}function Y(){let[e,t]=(0,v.useState)(`open`);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(fe,{"aria-label":`Issue status`,value:e,onChange:e=>t(e.target.value),children:[(0,y.jsx)(G,{value:`open`,children:`Open`}),(0,y.jsx)(G,{value:`review`,children:`In review`}),(0,y.jsx)(G,{value:`resolved`,children:`Resolved`})]}),(0,y.jsxs)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:[`value: `,e]})]})}function X(){let[e,t]=(0,v.useState)(``);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(ue,{maxLength:6,value:e,onChange:t,children:[(0,y.jsxs)(V,{children:[(0,y.jsx)(H,{index:0}),(0,y.jsx)(H,{index:1}),(0,y.jsx)(H,{index:2})]}),(0,y.jsx)(U,{}),(0,y.jsxs)(V,{children:[(0,y.jsx)(H,{index:3}),(0,y.jsx)(H,{index:4}),(0,y.jsx)(H,{index:5})]})]}),(0,y.jsxs)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:[`value: `,e||`empty`]})]})}function Z(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)(b,{className:`max-w-md`,children:[(0,y.jsx)(x,{variant:`label`,children:`Notification settings`}),(0,y.jsxs)(S,{children:[(0,y.jsxs)(w,{children:[(0,y.jsx)(T,{htmlFor:`ui-field-email`,children:`Email`}),(0,y.jsx)(h,{id:`ui-field-email`,type:`email`,defaultValue:`kira@example.com`}),(0,y.jsx)(E,{children:`Used for critical account notifications.`})]}),(0,y.jsxs)(w,{"data-invalid":`true`,children:[(0,y.jsx)(T,{htmlFor:`ui-field-backup-email`,children:`Backup email`}),(0,y.jsx)(h,{id:`ui-field-backup-email`,type:`email`,"aria-invalid":!0,defaultValue:`invalid`}),(0,y.jsx)(D,{children:`Enter a valid email address.`})]})]})]})})}function me(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)(de,{children:[(0,y.jsx)(W,{children:`Ctrl`}),(0,y.jsx)(W,{children:`K`})]})})}var Q=`import { useState } from 'react';
+import {
+	Field,
+	FieldDescription,
+	FieldError,
+	FieldGroup,
+	FieldLabel,
+	FieldLegend,
+	FieldSet,
+} from '@/components/ui/field';
+import { Input } from '@/components/ui/input';
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from '@/components/ui/input-otp';
+import { Kbd, KbdGroup } from '@/components/ui/kbd';
+import { NativeSelect, NativeSelectOption } from '@/components/ui/native-select';
+import { Textarea } from '@/components/ui/textarea';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Col } from '../../PreviewLayout';
+
+export function InputExample() {
+	const [text, setText] = useState('');
+	return (
+		<>
+			<Col>
+				<Input placeholder="Type something…" value={text} onChange={(e) => setText(e.target.value)} />
+				<Input disabled placeholder="Disabled" />
+				<Input aria-invalid placeholder="Invalid state" />
+				<Input type="email" placeholder="email@example.com" />
+			</Col>
+		</>
+	);
+}
+
+export function TextareaExample() {
+	const [body, setBody] = useState('');
+	return (
+		<>
+			<Textarea placeholder="Multi-line input…" value={body} onChange={(e) => setBody(e.target.value)} />
+		</>
+	);
+}
+
+export function SelectExample() {
+	const [fruit, setFruit] = useState<string | null>(null);
+	return (
+		<>
+			<Select value={fruit} onValueChange={setFruit}>
+				<SelectTrigger className="w-48">
+					<SelectValue placeholder="Pick a fruit" />
+				</SelectTrigger>
+				<SelectContent>
+					<SelectItem value="apple">Apple</SelectItem>
+					<SelectItem value="banana">Banana</SelectItem>
+					<SelectItem value="cherry">Cherry</SelectItem>
+					<SelectItem value="date">Date</SelectItem>
+				</SelectContent>
+			</Select>
+			<div className="mt-2 text-xs text-muted-foreground">value: {fruit || '—'}</div>
+		</>
+	);
+}
+
+export function NativeSelectExample() {
+	const [status, setStatus] = useState('open');
+
+	return (
+		<>
+			<NativeSelect
+				aria-label="Issue status"
+				value={status}
+				onChange={(event) => setStatus(event.target.value)}
+			>
+				<NativeSelectOption value="open">Open</NativeSelectOption>
+				<NativeSelectOption value="review">In review</NativeSelectOption>
+				<NativeSelectOption value="resolved">Resolved</NativeSelectOption>
+			</NativeSelect>
+			<div className="mt-2 text-xs text-muted-foreground">value: {status}</div>
+		</>
+	);
+}
+
+export function InputOTPExample() {
+	const [code, setCode] = useState('');
+
+	return (
+		<>
+			<InputOTP maxLength={6} value={code} onChange={setCode}>
+				<InputOTPGroup>
+					<InputOTPSlot index={0} />
+					<InputOTPSlot index={1} />
+					<InputOTPSlot index={2} />
+				</InputOTPGroup>
+				<InputOTPSeparator />
+				<InputOTPGroup>
+					<InputOTPSlot index={3} />
+					<InputOTPSlot index={4} />
+					<InputOTPSlot index={5} />
+				</InputOTPGroup>
+			</InputOTP>
+			<div className="mt-2 text-xs text-muted-foreground">value: {code || 'empty'}</div>
+		</>
+	);
+}
+
+export function FieldExample() {
+	return (
+		<>
+			<FieldSet className="max-w-md">
+				<FieldLegend variant="label">Notification settings</FieldLegend>
+				<FieldGroup>
+					<Field>
+						<FieldLabel htmlFor="ui-field-email">Email</FieldLabel>
+						<Input id="ui-field-email" type="email" defaultValue="kira@example.com" />
+						<FieldDescription>Used for critical account notifications.</FieldDescription>
+					</Field>
+					<Field data-invalid="true">
+						<FieldLabel htmlFor="ui-field-backup-email">Backup email</FieldLabel>
+						<Input id="ui-field-backup-email" type="email" aria-invalid defaultValue="invalid" />
+						<FieldError>Enter a valid email address.</FieldError>
+					</Field>
+				</FieldGroup>
+			</FieldSet>
+		</>
+	);
+}
+
+export function KbdExample() {
+	return (
+		<>
+			<KbdGroup>
+				<Kbd>Ctrl</Kbd>
+				<Kbd>K</Kbd>
+			</KbdGroup>
+		</>
+	);
+}
+`;function he(e){return pe||$(`Examples`,!1),Z||$(`Examples.FieldExample`,!0),K||$(`Examples.InputExample`,!0),X||$(`Examples.InputOTPExample`,!0),me||$(`Examples.KbdExample`,!0),Y||$(`Examples.NativeSelectExample`,!0),J||$(`Examples.SelectExample`,!0),q||$(`Examples.TextareaExample`,!0),(0,y.jsx)(r,{title:`UI · Inputs`,description:`Input, Textarea, Select, NativeSelect, InputOTP, Field, and Kbd primitives.`,layer:`ui`,status:`ready`,children:(0,y.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,y.jsx)(o,{name:`InputExample`,source:Q,children:(0,y.jsx)(K,{})}),(0,y.jsx)(o,{name:`TextareaExample`,source:Q,children:(0,y.jsx)(q,{})}),(0,y.jsx)(o,{name:`SelectExample`,source:Q,children:(0,y.jsx)(J,{})}),(0,y.jsx)(o,{name:`NativeSelectExample`,source:Q,children:(0,y.jsx)(Y,{})}),(0,y.jsx)(o,{name:`InputOTPExample`,source:Q,children:(0,y.jsx)(X,{})}),(0,y.jsx)(o,{name:`FieldExample`,source:Q,children:(0,y.jsx)(Z,{})}),(0,y.jsx)(o,{name:`KbdExample`,source:Q,children:(0,y.jsx)(me,{})})]})})}function ge(e={}){let{wrapper:t}=e.components||{};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(he,{...e})}):he(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{ge as default};

package/dist/showcase/assets/{invoice-header-B00JrPAb.js → invoice-header-BnNpWej2.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,Tr as n,hr as r,mr as i,t as a,yr as o}from"./example-BIrQab7K.js";import{k as s,n as c,s as l}from"./index-Cz4UGUT2.js";import{t as u}from"./props-table-BR-KjRNe.js";import{t as d}from"./smart-card-B4P_C0nk.js";import{t as f}from"./separator-BjGdXNcn.js";import{t as p}from"./inline-stat-DqI70yoJ.js";var m={title:`Invoice`,billFrom:`Bill From`,billTo:`Bill To`,issued:`Issued`,due:`Due`,amountDue:`Amount Due`},h=l();function g({eyebrow:e,name:n,location:r}){return(0,h.jsxs)(`div`,{className:c(`invoice-header--component`,`space-y-1`),children:[(0,h.jsx)(t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,h.jsx)(t,{weight:`semibold`,className:`leading-snug`,children:n}),!!r&&(0,h.jsx)(t,{size:`xs`,type:`secondary`,className:`leading-snug`,children:r})]})}function _({invoiceNumber:e,status:r,statusVariant:i=`success`,from:a,to:l,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)(t,{weight:`bold`,className:`font-mono tracking-wide`,children:e}),(0,h.jsx)(o,{variant:i,children:r})]}),(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:a.name,location:a.location}),(0,h.jsx)(g,{eyebrow:x.billTo,name:l.name,location:l.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)(t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:x.amountDue}),(0,h.jsx)(n,{tag:`h3`,className:c(`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{Dr as t,Er as n,Lr as r,Rr as i,jr as a,t as o}from"./example-Cz_880po.js";import{k as s,n as c,s as l}from"./index-BQIv1ffM.js";import{t as u}from"./props-table-2pIZzGC-.js";import{t as d}from"./smart-card-Dhu_1A_u.js";import{t as f}from"./separator-BsYPzBlF.js";import{t as p}from"./inline-stat-DcNP6bcO.js";var m={title:`Invoice`,billFrom:`Bill From`,billTo:`Bill To`,issued:`Issued`,due:`Due`,amountDue:`Amount Due`},h=l();function g({eyebrow:e,name:t,location:n}){return(0,h.jsxs)(`div`,{className:c(`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:t,statusVariant:n=`success`,from:o,to:l,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)(a,{variant:n,children:t})]}),(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:l.name,location:l.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)(r,{tag:`h3`,className:c(`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 (
@@ -33,4 +33,4 @@ export function Overdue() {
 		</>
 	);
 }
-`;function S(e){let t={h4:`h4`,...e.components};return v||w(`Examples`,!1),b||w(`Examples.Overdue`,!0),y||w(`Examples.Paid`,!0),(0,h.jsxs)(r,{title:`Composed · Invoice header`,description:`Top of an invoice — number, status, parties, amount.`,layer:`composed`,status:`ready`,children:[(0,h.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,h.jsx)(a,{name:`Paid`,source:x,children:(0,h.jsx)(y,{})}),(0,h.jsx)(a,{name:`Overdue`,source:x,children:(0,h.jsx)(b,{})})]}),(0,h.jsxs)(i,{title:`API`,id:`api`,children:[(0,h.jsx)(t.h4,{children:`InvoiceHeaderCard`}),(0,h.jsx)(u,{component:`InvoiceHeaderCard`})]})]})}function C(e={}){let{wrapper:t}=e.components||{};return t?(0,h.jsx)(t,{...e,children:(0,h.jsx)(S,{...e})}):S(e)}function w(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{C as default};
+`;function S(e){let r={h4:`h4`,...e.components};return v||w(`Examples`,!1),b||w(`Examples.Overdue`,!0),y||w(`Examples.Paid`,!0),(0,h.jsxs)(t,{title:`Composed · Invoice header`,description:`Top of an invoice — number, status, parties, amount.`,layer:`composed`,status:`ready`,children:[(0,h.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,h.jsx)(o,{name:`Paid`,source:x,children:(0,h.jsx)(y,{})}),(0,h.jsx)(o,{name:`Overdue`,source:x,children:(0,h.jsx)(b,{})})]}),(0,h.jsxs)(n,{title:`API`,id:`api`,children:[(0,h.jsx)(r.h4,{children:`InvoiceHeaderCard`}),(0,h.jsx)(u,{component:`InvoiceHeaderCard`})]})]})}function C(e={}){let{wrapper:t}=e.components||{};return t?(0,h.jsx)(t,{...e,children:(0,h.jsx)(S,{...e})}):S(e)}function w(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{C as default};

package/dist/showcase/assets/{invoice-items-CUt5D3Wz.js → invoice-items-BdPmW10L.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,hr as n,mr as r,t as i,yr as a}from"./example-BIrQab7K.js";import{t as o}from"./package-0ZgMoFm1.js";import{n as s,s as c}from"./index-Cz4UGUT2.js";import{t as l}from"./props-table-BR-KjRNe.js";import{t as u}from"./icon-badge-CxvxB8Vd.js";import{t as d}from"./separator-BjGdXNcn.js";import{t as f}from"./inline-stat-DqI70yoJ.js";import{c as p,n as m,o as h,r as g,t as _,u as v}from"./item-CbiuwbAN.js";var y=c();function b({items:e,subtotal:n,tax:r,discount:i,total:o,className:c}){return(0,y.jsxs)(`div`,{className:s(`invoice-items--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card shadow-sm`,c),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)(t,{size:`xs`,type:`secondary`,weight:`medium`,children:`Item`}),(0,y.jsx)(t,{size:`xs`,type:`secondary`,weight:`medium`,align:`center`,children:`Qty`}),(0,y.jsx)(t,{size:`xs`,type:`secondary`,weight:`medium`,align:`right`,children:`Price`}),(0,y.jsx)(t,{size:`xs`,type:`secondary`,weight:`medium`,align:`right`,children:`Total`})]}),e.map((n,r)=>(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)(t,{weight:`medium`,children:n.title}),!!n.badge&&(0,y.jsx)(a,{variant:n.badgeVariant??`secondary`,children:n.badge})]}),!!n.description&&(0,y.jsx)(t,{size:`xs`,type:`secondary`,className:`line-clamp-1`,children:n.description})]}),(0,y.jsx)(t,{align:`center`,type:`secondary`,className:`tabular-nums`,children:n.quantity??1}),(0,y.jsx)(t,{align:`right`,className:`tabular-nums`,children:n.unitPrice??n.total}),(0,y.jsx)(t,{align:`right`,weight:`semibold`,className:`tabular-nums`,children:n.total})]}),r<e.length-1&&(0,y.jsx)(d,{className:`mx-4 !w-auto`})]},n.id)),!!(n||r||i||o)&&(0,y.jsxs)(`div`,{className:`space-y-2 border-t border-border bg-muted/30 px-4 py-3`,children:[!!n&&(0,y.jsx)(f,{label:`Subtotal`,value:n,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!i&&(0,y.jsx)(f,{label:`Discount`,value:`-${i}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!r&&(0,y.jsx)(f,{label:`Tax`,value:r,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!o&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(d,{}),(0,y.jsx)(f,{className:`pt-1`,label:`Total`,value:(0,y.jsx)(t,{weight:`semibold`,className:`tabular-nums`,children:o}),labelClassName:`text-sm font-semibold`})]})]})]})}function x({items:e,total:n,className:r}){return(0,y.jsxs)(`div`,{className:s(`invoice-items--component`,`w-full min-w-0 max-w-full space-y-2`,r),children:[(0,y.jsx)(h,{className:`min-w-0 max-w-full`,children:e.map(e=>(0,y.jsxs)(_,{className:`min-w-0 bg-card shadow-sm`,children:[(0,y.jsx)(p,{children:(0,y.jsx)(u,{tone:`muted`,size:`sm`,shape:`square`,children:e.icon??(0,y.jsx)(o,{})})}),(0,y.jsxs)(g,{className:`min-w-0 basis-0`,children:[(0,y.jsx)(v,{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)(a,{variant:e.badgeVariant??`secondary`,className:`shrink-0`,children:e.badge}),!!e.description&&(0,y.jsx)(t,{size:`xs`,type:`secondary`,className:`min-w-0 truncate`,children:e.description})]})]}),(0,y.jsxs)(m,{className:`ml-auto min-w-0 shrink-0 justify-end`,children:[!!e.quantity&&e.quantity>1&&(0,y.jsxs)(t,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[`x`,e.quantity]}),(0,y.jsx)(t,{weight:`semibold`,align:`right`,className:`shrink-0 tabular-nums`,children:e.total})]})]},e.id))}),!!n&&(0,y.jsx)(f,{className:`rounded-lg border border-border bg-muted/30 px-4 py-2.5`,label:`Total`,value:(0,y.jsx)(t,{weight:`semibold`,className:`tabular-nums`,children:n}),labelClassName:`text-sm font-semibold`})]})}function S({items:e,subtotal:n,tax:r,discount:i,total:c,className:l}){return(0,y.jsxs)(`div`,{className:s(`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)(t,{weight:`semibold`,children:e.title}),!!e.badge&&(0,y.jsx)(a,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,y.jsx)(t,{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)(t,{size:`xs`,type:`discrete`,children:[`Qty: `,e.quantity]}),!!e.unitPrice&&(0,y.jsxs)(t,{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)(t,{weight:`semibold`,className:`tabular-nums`,children:e.total})})]})},e.id))}),!!c&&(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:[!!n&&(0,y.jsx)(f,{label:`Subtotal`,value:n,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!i&&(0,y.jsx)(f,{label:`Discount`,value:`-${i}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!r&&(0,y.jsx)(f,{label:`Tax (20%)`,value:r,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),(0,y.jsx)(d,{}),(0,y.jsx)(f,{className:`pt-1`,label:`Total Due`,value:(0,y.jsx)(t,{weight:`semibold`,className:`tabular-nums`,children:c}),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{Dr as t,Er as n,Rr as r,jr as i,t as a}from"./example-Cz_880po.js";import{t as o}from"./package-CjcwDJKu.js";import{n as s,s as c}from"./index-BQIv1ffM.js";import{t as l}from"./props-table-2pIZzGC-.js";import{t as u}from"./icon-badge-dwVx3Hxf.js";import{t as d}from"./separator-BsYPzBlF.js";import{t as f}from"./inline-stat-DcNP6bcO.js";import{c as p,n as m,o as h,r as g,t as _,u as v}from"./item-YF6wMI9W.js";var y=c();function b({items:e,subtotal:t,tax:n,discount:a,total:o,className:c}){return(0,y.jsxs)(`div`,{className:s(`invoice-items--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card shadow-sm`,c),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,n)=>(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)(i,{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})]}),n<e.length-1&&(0,y.jsx)(d,{className:`mx-4 !w-auto`})]},t.id)),!!(t||n||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)(f,{label:`Subtotal`,value:t,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!a&&(0,y.jsx)(f,{label:`Discount`,value:`-${a}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!n&&(0,y.jsx)(f,{label:`Tax`,value:n,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!o&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(d,{}),(0,y.jsx)(f,{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:n}){return(0,y.jsxs)(`div`,{className:s(`invoice-items--component`,`w-full min-w-0 max-w-full space-y-2`,n),children:[(0,y.jsx)(h,{className:`min-w-0 max-w-full`,children:e.map(e=>(0,y.jsxs)(_,{className:`min-w-0 bg-card shadow-sm`,children:[(0,y.jsx)(p,{children:(0,y.jsx)(u,{tone:`muted`,size:`sm`,shape:`square`,children:e.icon??(0,y.jsx)(o,{})})}),(0,y.jsxs)(g,{className:`min-w-0 basis-0`,children:[(0,y.jsx)(v,{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)(i,{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)(m,{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)(f,{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:n,discount:a,total:c,className:l}){return(0,y.jsxs)(`div`,{className:s(`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)(i,{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))}),!!c&&(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)(f,{label:`Subtotal`,value:t,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!a&&(0,y.jsx)(f,{label:`Discount`,value:`-${a}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!n&&(0,y.jsx)(f,{label:`Tax (20%)`,value:n,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),(0,y.jsx)(d,{}),(0,y.jsx)(f,{className:`pt-1`,label:`Total Due`,value:(0,y.jsx)(r,{weight:`semibold`,className:`tabular-nums`,children:c}),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,
@@ -33,4 +33,4 @@ export function Detailed() {
 		</>
 	);
 }
-`;function k(e){let t={h4:`h4`,...e.components};return C||j(`Examples`,!1),E||j(`Examples.Compact`,!0),D||j(`Examples.Detailed`,!0),T||j(`Examples.Table`,!0),(0,y.jsxs)(n,{title:`Composed · Invoice items`,description:`Table, compact, detailed layouts with subtotal/tax/discount/total.`,layer:`composed`,status:`ready`,children:[(0,y.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,y.jsx)(i,{name:`Table`,source:O,children:(0,y.jsx)(T,{})}),(0,y.jsx)(i,{name:`Compact`,source:O,children:(0,y.jsx)(E,{})}),(0,y.jsx)(i,{name:`Detailed`,source:O,children:(0,y.jsx)(D,{})})]}),(0,y.jsxs)(r,{title:`API`,id:`api`,children:[(0,y.jsx)(t.h4,{children:`InvoiceItemsTable`}),(0,y.jsx)(l,{component:`InvoiceItemsTable`}),(0,y.jsx)(t.h4,{children:`InvoiceItemsCompact`}),(0,y.jsx)(l,{component:`InvoiceItemsCompact`}),(0,y.jsx)(t.h4,{children:`InvoiceItemsDetailed`}),(0,y.jsx)(l,{component:`InvoiceItemsDetailed`})]})]})}function A(e={}){let{wrapper:t}=e.components||{};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(k,{...e})}):k(e)}function j(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{A as default};
+`;function k(e){let r={h4:`h4`,...e.components};return C||j(`Examples`,!1),E||j(`Examples.Compact`,!0),D||j(`Examples.Detailed`,!0),T||j(`Examples.Table`,!0),(0,y.jsxs)(t,{title:`Composed · Invoice items`,description:`Table, compact, detailed layouts with subtotal/tax/discount/total.`,layer:`composed`,status:`ready`,children:[(0,y.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,y.jsx)(a,{name:`Table`,source:O,children:(0,y.jsx)(T,{})}),(0,y.jsx)(a,{name:`Compact`,source:O,children:(0,y.jsx)(E,{})}),(0,y.jsx)(a,{name:`Detailed`,source:O,children:(0,y.jsx)(D,{})})]}),(0,y.jsxs)(n,{title:`API`,id:`api`,children:[(0,y.jsx)(r.h4,{children:`InvoiceItemsTable`}),(0,y.jsx)(l,{component:`InvoiceItemsTable`}),(0,y.jsx)(r.h4,{children:`InvoiceItemsCompact`}),(0,y.jsx)(l,{component:`InvoiceItemsCompact`}),(0,y.jsx)(r.h4,{children:`InvoiceItemsDetailed`}),(0,y.jsx)(l,{component:`InvoiceItemsDetailed`})]})]})}function A(e={}){let{wrapper:t}=e.components||{};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(k,{...e})}):k(e)}function j(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{A as default};

package/dist/showcase/assets/{invoice-mini-CRoaQ9g9.js → invoice-mini-CbSYyHIb.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,hr as n,mr as r,t as i,yr as a}from"./example-BIrQab7K.js";import{O as o,n as s,s as c}from"./index-Cz4UGUT2.js";import{t as l}from"./props-table-BR-KjRNe.js";import{t as u}from"./smart-card-B4P_C0nk.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=c();function m({invoice:e,className:n,strings:r}){let i=o(d,r),c={paid:i.paid,pending:i.pending,overdue:i.overdue};return(0,p.jsx)(u,{padding:`sm`,className:s(`invoice-mini--component min-w-0`,n),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)(t,{weight:`semibold`,className:`min-w-0 flex-1 truncate font-mono tracking-wide`,children:e.invoiceNumber}),(0,p.jsx)(a,{variant:f[e.status],size:`xs`,dot:!0,className:`shrink-0`,children:c[e.status]})]}),(0,p.jsx)(t,{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)(t,{size:`xs`,type:`secondary`,children:i.items(e.lineItemsCount)}),(0,p.jsxs)(t,{size:`xxs`,type:`discrete`,className:`whitespace-nowrap tabular-nums`,children:[i.due,` `,e.dueDate]})]}),(0,p.jsx)(t,{size:`base`,weight:`bold`,className:s(`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{Dr as t,Er as n,Rr as r,jr as i,t as a}from"./example-Cz_880po.js";import{O as o,n as s,s as c}from"./index-BQIv1ffM.js";import{t as l}from"./props-table-2pIZzGC-.js";import{t as u}from"./smart-card-Dhu_1A_u.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=c();function m({invoice:e,className:t,strings:n}){let a=o(d,n),c={paid:a.paid,pending:a.pending,overdue:a.overdue};return(0,p.jsx)(u,{padding:`sm`,className:s(`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)(i,{variant:f[e.status],size:`xs`,dot:!0,className:`shrink-0`,children:c[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:s(`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 (
@@ -11,4 +11,4 @@ export function Statuses() {
 		</>
 	);
 }
-`;function v(e){let t={h4:`h4`,...e.components};return h||b(`Examples`,!1),g||b(`Examples.Statuses`,!0),(0,p.jsxs)(n,{title:`Composed · Invoice mini`,description:`Compact invoice tile — paid / pending / overdue.`,layer:`composed`,status:`ready`,children:[(0,p.jsx)(r,{title:`Examples`,id:`examples`,children:(0,p.jsx)(i,{name:`Statuses`,source:_,children:(0,p.jsx)(g,{})})}),(0,p.jsxs)(r,{title:`API`,id:`api`,children:[(0,p.jsx)(t.h4,{children:`InvoiceMiniCard`}),(0,p.jsx)(l,{component:`InvoiceMiniCard`})]})]})}function y(e={}){let{wrapper:t}=e.components||{};return t?(0,p.jsx)(t,{...e,children:(0,p.jsx)(v,{...e})}):v(e)}function b(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{y as default};
+`;function v(e){let r={h4:`h4`,...e.components};return h||b(`Examples`,!1),g||b(`Examples.Statuses`,!0),(0,p.jsxs)(t,{title:`Composed · Invoice mini`,description:`Compact invoice tile — paid / pending / overdue.`,layer:`composed`,status:`ready`,children:[(0,p.jsx)(n,{title:`Examples`,id:`examples`,children:(0,p.jsx)(a,{name:`Statuses`,source:_,children:(0,p.jsx)(g,{})})}),(0,p.jsxs)(n,{title:`API`,id:`api`,children:[(0,p.jsx)(r.h4,{children:`InvoiceMiniCard`}),(0,p.jsx)(l,{component:`InvoiceMiniCard`})]})]})}function y(e={}){let{wrapper:t}=e.components||{};return t?(0,p.jsx)(t,{...e,children:(0,p.jsx)(v,{...e})}):v(e)}function b(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{y as default};

package/dist/showcase/assets/{invoice-table-DYNnDTQl.js → invoice-table-DjnWG3KF.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Br as t,Er as n,hr as r,mr as i,t as a}from"./example-BIrQab7K.js";import{k as o,n as s,s as c}from"./index-Cz4UGUT2.js";import{t as l}from"./props-table-BR-KjRNe.js";import{t as u}from"./separator-BjGdXNcn.js";var d={subtotal:`Subtotal`,tax:`Tax`,total:`Total`},f=c(),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:r,footerRows:i,taxRate:a=.2,currency:c,className:l,strings:_}){let v=o(d,_),{defaultCurrency:y}=t(),b=c??y??`€`,x=r??h(b),S=i??(r?[]:g(e,a,b,v)),C=x.map(e=>e.width??`1fr`).join(` `);return(0,f.jsxs)(`div`,{className:s(`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:s(`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:s(`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:s(`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:s(`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{Dr as t,Er as n,Qr as r,Rr as i,t as a}from"./example-Cz_880po.js";import{k as o,n as s,s as c}from"./index-BQIv1ffM.js";import{t as l}from"./props-table-2pIZzGC-.js";import{t as u}from"./separator-BsYPzBlF.js";var d={subtotal:`Subtotal`,tax:`Tax`,total:`Total`},f=c(),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)(i,{className:`truncate`,children:e.description})},{id:`qty`,header:`Qty`,width:`36px`,align:`center`,cell:e=>(0,f.jsx)(i,{align:`center`,className:`tabular-nums`,children:e.qty})},{id:`price`,header:`Price`,width:`82px`,align:`right`,cell:t=>(0,f.jsxs)(i,{className:`tabular-nums font-mono`,children:[e,t.price.toFixed(2)]})},{id:`total`,header:`Total`,width:`82px`,align:`right`,cell:t=>(0,f.jsxs)(i,{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:n,taxRate:a=.2,currency:c,className:l,strings:_}){let v=o(d,_),{defaultCurrency:y}=r(),b=c??y??`€`,x=t??h(b),S=n??(t?[]:g(e,a,b,v)),C=x.map(e=>e.width??`1fr`).join(` `);return(0,f.jsxs)(`div`,{className:s(`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:s(`flex min-w-0`,m[e.align??`left`],e.headerClassName),children:(0,f.jsx)(i,{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:s(`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:s(`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:s(`flex justify-between`,e.emphasis===`total`&&`pt-2`),children:[(0,f.jsx)(i,{type:e.emphasis===`total`?void 0:`secondary`,weight:e.emphasis===`total`?`bold`:`regular`,children:e.label}),(0,f.jsx)(i,{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 (
@@ -27,4 +27,4 @@ export function WithTaxRate() {
 		</>
 	);
 }
-`;function S(e){let t={h4:`h4`,...e.components};return v||w(`Examples`,!1),y||w(`Examples.Default`,!0),b||w(`Examples.WithTaxRate`,!0),(0,f.jsxs)(r,{title:`Composed · Invoice table`,description:`Line items with qty / price / total.`,layer:`composed`,status:`ready`,children:[(0,f.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,f.jsx)(a,{name:`Default`,source:x,children:(0,f.jsx)(y,{})}),(0,f.jsx)(a,{name:`WithTaxRate`,source:x,children:(0,f.jsx)(b,{})})]}),(0,f.jsxs)(i,{title:`API`,id:`api`,children:[(0,f.jsx)(t.h4,{children:`InvoiceTable`}),(0,f.jsx)(l,{component:`InvoiceTable`})]})]})}function C(e={}){let{wrapper:t}=e.components||{};return t?(0,f.jsx)(t,{...e,children:(0,f.jsx)(S,{...e})}):S(e)}function w(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{C as default};
+`;function S(e){let r={h4:`h4`,...e.components};return v||w(`Examples`,!1),y||w(`Examples.Default`,!0),b||w(`Examples.WithTaxRate`,!0),(0,f.jsxs)(t,{title:`Composed · Invoice table`,description:`Line items with qty / price / total.`,layer:`composed`,status:`ready`,children:[(0,f.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,f.jsx)(a,{name:`Default`,source:x,children:(0,f.jsx)(y,{})}),(0,f.jsx)(a,{name:`WithTaxRate`,source:x,children:(0,f.jsx)(b,{})})]}),(0,f.jsxs)(n,{title:`API`,id:`api`,children:[(0,f.jsx)(r.h4,{children:`InvoiceTable`}),(0,f.jsx)(l,{component:`InvoiceTable`})]})]})}function C(e={}){let{wrapper:t}=e.components||{};return t?(0,f.jsx)(t,{...e,children:(0,f.jsx)(S,{...e})}):S(e)}function w(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{C as default};

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

@@ -0,0 +1 @@
+import{t as e}from"./startOfDay-CtTeiGV0.js";import{S as t,v as n,x as r}from"./index-BQIv1ffM.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-CXNS7ELW.js

@@ -0,0 +1 @@
+import{t as e}from"./isSameDay-B2KDl_YX.js";import{S as t,_ as n}from"./index-BQIv1ffM.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-AbetEb3d.js → italic-BRS-PpYL.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.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{a as e}from"./index-BQIv1ffM.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-BJOYyqeO.js → item--6Hx9AXZ.js}

@@ -1 +1 @@
-import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{nr as t,xr as n}from"./example-BIrQab7K.js";import{n as r,s as i}from"./index-Cz4UGUT2.js";import{t as a}from"./separator-BjGdXNcn.js";import{t as o}from"./useRender-BAZlIYnj.js";e();var s=i();function c({className:e,...t}){return(0,s.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:r(`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)(a,{"data-slot":`item-separator`,orientation:`horizontal`,className:r(`my-2`,e),...t})}var u=n(`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:n=`default`,size:i=`default`,render:a,...s}){return o({defaultTagName:`div`,props:t({className:r(u({variant:n,size:i,className:e}))},s),render:a,state:{slot:`item`,variant:n,size:i}})}var f=n(`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:r(f({variant:t,className:e})),...n})}function m({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-content`,className:r(`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:r(`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:r(`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:r(`flex items-center gap-2`,e),...t})}function v({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-header`,className:r(`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:r(`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{n as e}from"./react-dom-Bz4cALsF.js";import{Nr as t,pr as n}from"./example-Cz_880po.js";import{n as r,s as i}from"./index-BQIv1ffM.js";import{t as a}from"./separator-BsYPzBlF.js";import{t as o}from"./useRender-B9zzqKA1.js";e();var s=i();function c({className:e,...t}){return(0,s.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:r(`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)(a,{"data-slot":`item-separator`,orientation:`horizontal`,className:r(`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:i=`default`,render:a,...s}){return o({defaultTagName:`div`,props:n({className:r(u({variant:t,size:i,className:e}))},s),render:a,state:{slot:`item`,variant:t,size:i}})}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:r(f({variant:t,className:e})),...n})}function m({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-content`,className:r(`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:r(`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:r(`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:r(`flex items-center gap-2`,e),...t})}function v({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`item-header`,className:r(`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:r(`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/{item-BGA6_5Zh.js → item-BszVRzXj.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,r,t as i,yr as a}from"./example-BIrQab7K.js";import{t as o}from"./bell-Dt3Nz2y2.js";import{t as s}from"./house-CAQOnHLO.js";import{t as c}from"./mail-w1nhszbW.js";import{t as l}from"./settings-BSRT_96A.js";import{s as u}from"./index-Cz4UGUT2.js";import{t as d}from"./props-table-BR-KjRNe.js";import{t as f}from"./switch-arjWj-n7.js";import{c as p,i as m,l as h,n as g,o as _,r as v,t as y,u as b}from"./item-CbiuwbAN.js";var x=e({Basic:()=>C,PolymorphicLink:()=>T,Variants:()=>w}),S=u();function C(){return(0,S.jsxs)(_,{children:[(0,S.jsxs)(y,{children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(c,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`kira@example.com`}),(0,S.jsx)(m,{children:`Primary contact email`})]}),(0,S.jsx)(g,{children:(0,S.jsx)(r,{buttonStyle:`ghost`,variant:`secondary`,children:`Copy`})})]}),(0,S.jsx)(h,{}),(0,S.jsxs)(y,{children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(o,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`Notifications`}),(0,S.jsx)(m,{children:`Receive email + in-app alerts`})]}),(0,S.jsx)(g,{children:(0,S.jsx)(f,{checked:!0,"aria-label":`Email and app notifications`})})]})]})}function w(){return(0,S.jsxs)(_,{children:[(0,S.jsxs)(y,{variant:`default`,children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(s,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`Default`}),(0,S.jsx)(m,{children:`No border, transparent background.`})]})]}),(0,S.jsxs)(y,{variant:`outline`,children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(l,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`Outline`}),(0,S.jsx)(m,{children:`Border + transparent background.`})]}),(0,S.jsx)(g,{children:(0,S.jsx)(a,{variant:`success`,children:`Active`})})]}),(0,S.jsxs)(y,{variant:`muted`,children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(o,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`Muted`}),(0,S.jsx)(m,{children:`Muted background — for inset lists.`})]})]})]})}function T(){return(0,S.jsxs)(_,{children:[(0,S.jsxs)(y,{render:(0,S.jsx)(`a`,{href:`#`,onClick:e=>e.preventDefault()}),children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(s,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`Dashboard`}),(0,S.jsx)(m,{children:`Overview of your workspace and activity.`})]})]}),(0,S.jsxs)(y,{render:(0,S.jsx)(`a`,{href:`#`,onClick:e=>e.preventDefault()}),children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(l,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`Settings`}),(0,S.jsx)(m,{children:`Account, billing, notification preferences.`})]})]})]})}var E=`import { Bell, Home, Mail, Settings } from 'lucide-react';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,jr as r,r as i,t as a}from"./example-Cz_880po.js";import{t as o}from"./bell-C80n9VRl.js";import{t as s}from"./house-C3fXPhlL.js";import{t as c}from"./mail-AES_tOd2.js";import{t as l}from"./settings-DRmWJILI.js";import{s as u}from"./index-BQIv1ffM.js";import{t as d}from"./props-table-2pIZzGC-.js";import{t as f}from"./switch-xzxCDtyg.js";import{c as p,i as m,l as h,n as g,o as _,r as v,t as y,u as b}from"./item-YF6wMI9W.js";var x=e({Basic:()=>C,PolymorphicLink:()=>T,Variants:()=>w}),S=u();function C(){return(0,S.jsxs)(_,{children:[(0,S.jsxs)(y,{children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(c,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`kira@example.com`}),(0,S.jsx)(m,{children:`Primary contact email`})]}),(0,S.jsx)(g,{children:(0,S.jsx)(i,{buttonStyle:`ghost`,variant:`secondary`,children:`Copy`})})]}),(0,S.jsx)(h,{}),(0,S.jsxs)(y,{children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(o,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`Notifications`}),(0,S.jsx)(m,{children:`Receive email + in-app alerts`})]}),(0,S.jsx)(g,{children:(0,S.jsx)(f,{checked:!0,"aria-label":`Email and app notifications`})})]})]})}function w(){return(0,S.jsxs)(_,{children:[(0,S.jsxs)(y,{variant:`default`,children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(s,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`Default`}),(0,S.jsx)(m,{children:`No border, transparent background.`})]})]}),(0,S.jsxs)(y,{variant:`outline`,children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(l,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`Outline`}),(0,S.jsx)(m,{children:`Border + transparent background.`})]}),(0,S.jsx)(g,{children:(0,S.jsx)(r,{variant:`success`,children:`Active`})})]}),(0,S.jsxs)(y,{variant:`muted`,children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(o,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`Muted`}),(0,S.jsx)(m,{children:`Muted background — for inset lists.`})]})]})]})}function T(){return(0,S.jsxs)(_,{children:[(0,S.jsxs)(y,{render:(0,S.jsx)(`a`,{href:`#`,onClick:e=>e.preventDefault()}),children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(s,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`Dashboard`}),(0,S.jsx)(m,{children:`Overview of your workspace and activity.`})]})]}),(0,S.jsxs)(y,{render:(0,S.jsx)(`a`,{href:`#`,onClick:e=>e.preventDefault()}),children:[(0,S.jsx)(p,{variant:`icon`,children:(0,S.jsx)(l,{})}),(0,S.jsxs)(v,{children:[(0,S.jsx)(b,{children:`Settings`}),(0,S.jsx)(m,{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';
@@ -131,4 +131,4 @@ not need local text utility classes for the row stack.`]}),(0,S.jsxs)(r.p,{child
 entity, such as invoice totals, SKU attributes, contact metadata, or account
 properties. Use `,(0,S.jsx)(r.code,{children:`FormField`}),` when the row contains a form control. If each row
 can be clicked, selected, toggled, or acted on independently, it is probably an
-`,(0,S.jsx)(r.code,{children:`Item`}),`.`]})]}),(0,S.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,S.jsx)(i,{name:`Basic`,source:E,children:(0,S.jsx)(C,{})}),(0,S.jsx)(i,{name:`Variants`,source:E,children:(0,S.jsx)(w,{})}),(0,S.jsx)(i,{name:`PolymorphicLink`,source:E,children:(0,S.jsx)(T,{})})]}),(0,S.jsx)(n,{title:`API`,id:`api`,children:(0,S.jsx)(d,{component:`Item`})})]})}function O(e={}){let{wrapper:t}=e.components||{};return t?(0,S.jsx)(t,{...e,children:(0,S.jsx)(D,{...e})}):D(e)}function k(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{O as default};
+`,(0,S.jsx)(r.code,{children:`Item`}),`.`]})]}),(0,S.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,S.jsx)(a,{name:`Basic`,source:E,children:(0,S.jsx)(C,{})}),(0,S.jsx)(a,{name:`Variants`,source:E,children:(0,S.jsx)(w,{})}),(0,S.jsx)(a,{name:`PolymorphicLink`,source:E,children:(0,S.jsx)(T,{})})]}),(0,S.jsx)(n,{title:`API`,id:`api`,children:(0,S.jsx)(d,{component:`Item`})})]})}function O(e={}){let{wrapper:t}=e.components||{};return t?(0,S.jsx)(t,{...e,children:(0,S.jsx)(D,{...e})}):D(e)}function k(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{O as default};

package/dist/showcase/assets/{item-CbiuwbAN.js → item-YF6wMI9W.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Er as n,Rr as r}from"./example-BIrQab7K.js";import{n as i,s as a}from"./index-Cz4UGUT2.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-BJOYyqeO.js";var g=e(t(),1),_=a(),v=(0,g.forwardRef)(function({size:e,variant:t,render:n,className:a,...o},s){let{defaultSize:c=`sm`,defaultVariant:l=`default`}=r(),u=e??c,d=t??l;return(0,_.jsx)(m,{ref:s,size:u,variant:d,render:n,className:i(`item--component rounded-lg py-1`,d==="default"&&`px-0`,a),...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:i(`gap-1.5 has-data-[size=sm]:gap-1.5 has-data-[size=xs]:gap-1.5`,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:i(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: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:r,...a},o){return(0,_.jsx)(h,{ref:o,className:i(`m-0 [&>p]:m-0 [&>p]:text-left`,t),...a,children:(0,_.jsx)(n,{tag:`span`,weight:e?`semibold`:`regular`,className:`leading-snug`,children:r})})});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},a){return(0,_.jsx)(c,{ref:a,className:i(`text-muted-foreground text-xs leading-normal`,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{n as t}from"./react-dom-Bz4cALsF.js";import{Rr as n,Xr as r}from"./example-Cz_880po.js";import{n as i,s as a}from"./index-BQIv1ffM.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--6Hx9AXZ.js";var g=e(t(),1),_=a(),v=(0,g.forwardRef)(function({size:e,variant:t,render:n,className:a,...o},s){let{defaultSize:c=`sm`,defaultVariant:l=`default`}=r(),u=e??c,d=t??l;return(0,_.jsx)(m,{ref:s,size:u,variant:d,render:n,className:i(`item--component rounded-lg py-1`,d==="default"&&`px-0`,a),...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:i(`gap-1.5 has-data-[size=sm]:gap-1.5 has-data-[size=xs]:gap-1.5`,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:i(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: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:r,...a},o){return(0,_.jsx)(h,{ref:o,className:i(`m-0 [&>p]:m-0 [&>p]:text-left`,t),...a,children:(0,_.jsx)(n,{tag:`span`,weight:e?`semibold`:`regular`,className:`leading-snug`,children:r})})});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},a){return(0,_.jsx)(c,{ref:a,className:i(`text-muted-foreground text-xs leading-normal`,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/{kanban-Br-Yz002.js → kanban-BWBbWLVe.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Ar as r,Er as i,hr as a,mr as o,r as s,t as c,yr as l}from"./example-BIrQab7K.js";import{t as u}from"./arrow-up-BhmQRZs9.js";import{t as d}from"./ellipsis-ntuo3ejh.js";import{t as f}from"./eye-CnRPL_H8.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-CoekVJlU.js";import{t as w}from"./trash-2-OsaEm8cc.js";import{a as T,k as E,n as D,s as ee}from"./index-Cz4UGUT2.js";import{t as O}from"./props-table-BR-KjRNe.js";import{t as k}from"./smart-card-B4P_C0nk.js";import{t as A}from"./popover-menu-CuA8fb7i.js";var j=T(`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`}]]),M=t(n(),1);function N({value:e,onValueChange:t,getItemValue:n,onItemMove:r}){let i=(0,M.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,M.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,M.useMemo)(()=>({findItem:i,move:a}),[i,a])}var P=(0,M.createContext)(null),F=P.Provider;function I(){let e=(0,M.useContext)(P);if(!e)throw Error(`Kanban subcomponents must be rendered inside a <Kanban> root.`);return e}var L=(0,M.createContext)(null),R=L.Provider;function z(){let e=(0,M.useContext)(L);if(!e)throw Error(`<KanbanItemHandle> / <KanbanItemActions> must be rendered inside a <KanbanItem>.`);return e}var B={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`},V=ee();function H({value:e,onValueChange:t,getItemValue:n,onItemMove:r,itemActions:i,onItemClick:a,strings:o,className:s,children:c}){let l=E(B,o),{findItem:u,move:d}=N({value:e,onValueChange:t,getItemValue:n,onItemMove:r}),[f,_]=(0,M.useState)(null),v=g(h(m,{activationConstraint:{distance:6}})),y=(0,M.useMemo)(()=>f?u(f)?.item??null:null,[f,u]),b=(0,M.useCallback)(e=>{_(String(e.active.id))},[]),x=(0,M.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,V.jsx)(F,{value:(0,M.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,V.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,V.jsx)(`div`,{role:`application`,"aria-label":l.boardAria,className:D(`kanban--component`,`w-full`,s),children:c})})})}H.displayName=`Kanban`;function U({className:e,style:t,children:n}){return(0,V.jsx)(`div`,{className:D(`grid w-full gap-3`,e),style:t,children:n})}U.displayName=`KanbanBoard`;function W({value:e,className:t,children:n}){let{setNodeRef:r,isOver:i}=C({id:e});return(0,V.jsx)(`div`,{ref:r,"data-slot":`kanban-column`,"data-column-id":e,"data-over":i?`true`:void 0,className:D(`flex min-w-0 flex-col`,t),children:n})}W.displayName=`KanbanColumn`;function G({value:e,className:t,children:n}){let r=I();return(0,V.jsx)(S,{items:(r.value[e]??[]).map(e=>r.getItemValue(e)),strategy:_,children:(0,V.jsx)(`div`,{"data-slot":`kanban-column-content`,className:D(`flex flex-col gap-2`,t),children:n})})}G.displayName=`KanbanColumnContent`;function K({value:e,className:t,disabled:n=!1,onClick:r,children:i}){let a=I(),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,M.useState)(0),_=h>0,v=(0,M.useCallback)(()=>(g(e=>e+1),()=>g(e=>Math.max(0,e-1))),[]),y=(0,M.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,M.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,V.jsx)(R,{value:y,children:(0,V.jsx)(`div`,{ref:l,style:m,"data-slot":`kanban-item`,"data-dragging":p?`true`:void 0,className:D(`touch-none select-none`,w&&`cursor-pointer`,t),onClick:w?C:void 0,..._?{}:s,..._?{}:c,children:i})})}K.displayName=`KanbanItem`;var q=(0,M.forwardRef)(function({className:e,children:t},n){let{setActivatorNodeRef:r,listeners:i,attributes:a,registerHandle:o}=z();return(0,M.useEffect)(()=>o(),[o]),(0,V.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,ref:(0,M.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:D(`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})});q.displayName=`KanbanItemHandle`;function J({className:e,icon:t,ariaLabel:n}){let[r,a]=(0,M.useState)(!1),o=I(),c=z(),l=E(B,void 0),u=c.item,f=o.itemActions,p=(0,M.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,V.jsx)(A,{open:r,onOpenChange:a,search:!1,contentClassName:`w-44`,trigger:(0,V.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"data-slot":`kanban-item-actions-trigger`,"data-stop-item-click":!0,"aria-label":n??l.itemActionsAria,onClick:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),className:D(`size-7 rounded-md p-0`,`text-muted-foreground/70 hover:bg-muted hover:text-foreground`,`transition-colors`,e),children:t??(0,V.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,V.jsxs)(V.Fragment,{children:[!!t.icon&&(0,V.jsx)(`span`,{className:D(`shrink-0`,n?`text-destructive`:`text-muted-foreground`),children:t.icon}),(0,V.jsx)(i,{tag:`span`,size:`xs`,className:D(`truncate`,n&&`text-destructive`),children:t.label})]})},onSelect:e=>{e.data?.onSelect(u),a(!1)}})}J.displayName=`KanbanItemActions`;function Y({className:e,render:t}){let{activeItem:n,activeId:r,findItem:a}=I();return(0,V.jsx)(y,{children:r?t?t({item:n,columnId:a(r)?.columnId??null}):(0,V.jsx)(`div`,{className:D(`pointer-events-none rounded-md border-2 border-dashed border-primary/40 bg-primary/5 p-3 shadow-lg`,e),children:(0,V.jsx)(i,{tag:`span`,size:`xs`,weight:`medium`,className:`text-primary/80`,children:r})}):null})}Y.displayName=`KanbanOverlay`;var X=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,V.jsxs)(k,{padding:`sm`,className:`rounded-md`,contentClassName:`space-y-2.5 px-3.5 py-2.5`,children:[(0,V.jsxs)(`div`,{className:`flex items-start gap-2.5`,children:[(0,V.jsxs)(q,{className:`-ml-1 shrink-0`,children:[(0,V.jsx)(v,{className:`size-3.5`,"aria-hidden":`true`}),(0,V.jsxs)(`span`,{className:`sr-only`,children:[`Drag `,e.title]})]}),(0,V.jsx)(i,{weight:`semibold`,tag:`div`,lineHeight:`snug`,className:`min-w-0 flex-1 line-clamp-2`,children:e.title}),(0,V.jsx)(J,{})]}),(0,V.jsx)(i,{size:`xs`,type:`secondary`,lineHeight:`snug`,className:`line-clamp-2`,children:e.description}),(0,V.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,V.jsx)(`div`,{className:`h-full bg-primary transition-[width] duration-150`,style:{width:`${e.progress}%`}})}),(0,V.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,V.jsxs)(i,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:[e.progress,`% complete`]}),(0,V.jsxs)(`div`,{className:`inline-flex items-center gap-1 text-muted-foreground`,children:[(0,V.jsx)(u,{className:`size-3`}),(0,V.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:e.votes})]})]})]})}function Z(){let[e,t]=(0,M.useState)(ne),[n,a]=(0,M.useState)(`—`),o=(0,M.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}),a(`Deleted "${e.title}"`)},[]),s=(0,M.useCallback)(e=>[{id:`view`,label:`View details`,icon:(0,V.jsx)(f,{className:`size-3.5`}),onSelect:e=>a(`Viewed "${e.title}"`)},{id:`edit`,label:`Edit`,icon:(0,V.jsx)(j,{className:`size-3.5`}),onSelect:e=>a(`Edited "${e.title}"`)},{id:`duplicate`,label:`Duplicate`,icon:(0,V.jsx)(r,{className:`size-3.5`}),isDisabled:e=>e.progress===100,onSelect:e=>a(`Duplicated "${e.title}"`)},{id:`delete`,label:`Delete`,icon:(0,V.jsx)(w,{className:`size-3.5`}),variant:`destructive`,isVisible:e=>e.progress<100,onSelect:o}],[o]);return(0,V.jsxs)(`div`,{className:`flex w-full flex-col gap-3`,children:[(0,V.jsx)(`div`,{className:`rounded-md border border-dashed border-border bg-muted/30 px-3 py-2`,children:(0,V.jsxs)(i,{size:`xs`,type:`secondary`,tag:`span`,children:[`Last event:`,` `,(0,V.jsx)(i,{size:`xs`,weight:`medium`,tag:`span`,children:n})]})}),(0,V.jsxs)(H,{value:e,onValueChange:t,getItemValue:e=>e.id,onItemClick:e=>a(`Clicked "${e.title}"`),itemActions:s,children:[(0,V.jsx)(U,{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,V.jsxs)(W,{value:e,className:`rounded-md border border-border bg-muted/20 p-2.5`,children:[(0,V.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 px-0.5`,children:[(0,V.jsx)(`span`,{className:D(`size-2 rounded-full`,n.tone),"aria-hidden":!0}),(0,V.jsx)(i,{weight:`semibold`,tag:`div`,lineHeight:`tight`,className:`min-w-0 flex-1 truncate`,children:n.title}),(0,V.jsx)(l,{variant:`secondary`,size:`xs`,className:`ml-auto`,children:t.length})]}),(0,V.jsx)(G,{value:e,className:`min-h-24 gap-2.5`,children:t.map(e=>(0,V.jsx)(K,{value:e.id,children:(0,V.jsx)(re,{feature:e})},e.id))})]},e)})}),(0,V.jsx)(Y,{})]})]})}var ie=`import { ArrowUp, Copy, Edit3, Eye, GripVertical, Trash2 } from 'lucide-react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Hr as a,Rr as o,jr as s,r as c,t as l}from"./example-Cz_880po.js";import{t as u}from"./arrow-up-p9oA4cIz.js";import{t as d}from"./ellipsis-DsrebD1Y.js";import{t as f}from"./eye-C85PNNdH.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-YOwRw8Hr.js";import{t as w}from"./trash-2-CE9bDw49.js";import{a as T,k as E,n as D,s as ee}from"./index-BQIv1ffM.js";import{t as O}from"./props-table-2pIZzGC-.js";import{t as k}from"./smart-card-Dhu_1A_u.js";import{t as A}from"./popover-menu-Bu9q96nE.js";var j=T(`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`}]]),M=t(n(),1);function N({value:e,onValueChange:t,getItemValue:n,onItemMove:r}){let i=(0,M.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,M.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,M.useMemo)(()=>({findItem:i,move:a}),[i,a])}var P=(0,M.createContext)(null),F=P.Provider;function I(){let e=(0,M.useContext)(P);if(!e)throw Error(`Kanban subcomponents must be rendered inside a <Kanban> root.`);return e}var L=(0,M.createContext)(null),R=L.Provider;function z(){let e=(0,M.useContext)(L);if(!e)throw Error(`<KanbanItemHandle> / <KanbanItemActions> must be rendered inside a <KanbanItem>.`);return e}var B={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`},V=ee();function H({value:e,onValueChange:t,getItemValue:n,onItemMove:r,itemActions:i,onItemClick:a,strings:o,className:s,children:c}){let l=E(B,o),{findItem:u,move:d}=N({value:e,onValueChange:t,getItemValue:n,onItemMove:r}),[f,_]=(0,M.useState)(null),v=g(h(m,{activationConstraint:{distance:6}})),y=(0,M.useMemo)(()=>f?u(f)?.item??null:null,[f,u]),b=(0,M.useCallback)(e=>{_(String(e.active.id))},[]),x=(0,M.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,V.jsx)(F,{value:(0,M.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,V.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,V.jsx)(`div`,{role:`application`,"aria-label":l.boardAria,className:D(`kanban--component`,`w-full`,s),children:c})})})}H.displayName=`Kanban`;function U({className:e,style:t,children:n}){return(0,V.jsx)(`div`,{className:D(`grid w-full gap-3`,e),style:t,children:n})}U.displayName=`KanbanBoard`;function W({value:e,className:t,children:n}){let{setNodeRef:r,isOver:i}=C({id:e});return(0,V.jsx)(`div`,{ref:r,"data-slot":`kanban-column`,"data-column-id":e,"data-over":i?`true`:void 0,className:D(`flex min-w-0 flex-col`,t),children:n})}W.displayName=`KanbanColumn`;function G({value:e,className:t,children:n}){let r=I();return(0,V.jsx)(S,{items:(r.value[e]??[]).map(e=>r.getItemValue(e)),strategy:_,children:(0,V.jsx)(`div`,{"data-slot":`kanban-column-content`,className:D(`flex flex-col gap-2`,t),children:n})})}G.displayName=`KanbanColumnContent`;function K({value:e,className:t,disabled:n=!1,onClick:r,children:i}){let a=I(),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,M.useState)(0),_=h>0,v=(0,M.useCallback)(()=>(g(e=>e+1),()=>g(e=>Math.max(0,e-1))),[]),y=(0,M.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,M.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,V.jsx)(R,{value:y,children:(0,V.jsx)(`div`,{ref:l,style:m,"data-slot":`kanban-item`,"data-dragging":p?`true`:void 0,className:D(`touch-none select-none`,w&&`cursor-pointer`,t),onClick:w?C:void 0,..._?{}:s,..._?{}:c,children:i})})}K.displayName=`KanbanItem`;var q=(0,M.forwardRef)(function({className:e,children:t},n){let{setActivatorNodeRef:r,listeners:i,attributes:a,registerHandle:o}=z();return(0,M.useEffect)(()=>o(),[o]),(0,V.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,ref:(0,M.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:D(`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})});q.displayName=`KanbanItemHandle`;function J({className:e,icon:t,ariaLabel:n}){let[r,i]=(0,M.useState)(!1),a=I(),s=z(),l=E(B,void 0),u=s.item,f=a.itemActions,p=(0,M.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,V.jsx)(A,{open:r,onOpenChange:i,search:!1,contentClassName:`w-44`,trigger:(0,V.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"data-slot":`kanban-item-actions-trigger`,"data-stop-item-click":!0,"aria-label":n??l.itemActionsAria,onClick:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),className:D(`size-7 rounded-md p-0`,`text-muted-foreground/70 hover:bg-muted hover:text-foreground`,`transition-colors`,e),children:t??(0,V.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,V.jsxs)(V.Fragment,{children:[!!t.icon&&(0,V.jsx)(`span`,{className:D(`shrink-0`,n?`text-destructive`:`text-muted-foreground`),children:t.icon}),(0,V.jsx)(o,{tag:`span`,size:`xs`,className:D(`truncate`,n&&`text-destructive`),children:t.label})]})},onSelect:e=>{e.data?.onSelect(u),i(!1)}})}J.displayName=`KanbanItemActions`;function Y({className:e,render:t}){let{activeItem:n,activeId:r,findItem:i}=I();return(0,V.jsx)(y,{children:r?t?t({item:n,columnId:i(r)?.columnId??null}):(0,V.jsx)(`div`,{className:D(`pointer-events-none rounded-md border-2 border-dashed border-primary/40 bg-primary/5 p-3 shadow-lg`,e),children:(0,V.jsx)(o,{tag:`span`,size:`xs`,weight:`medium`,className:`text-primary/80`,children:r})}):null})}Y.displayName=`KanbanOverlay`;var X=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,V.jsxs)(k,{padding:`sm`,className:`rounded-md`,contentClassName:`space-y-2.5 px-3.5 py-2.5`,children:[(0,V.jsxs)(`div`,{className:`flex items-start gap-2.5`,children:[(0,V.jsxs)(q,{className:`-ml-1 shrink-0`,children:[(0,V.jsx)(v,{className:`size-3.5`,"aria-hidden":`true`}),(0,V.jsxs)(`span`,{className:`sr-only`,children:[`Drag `,e.title]})]}),(0,V.jsx)(o,{weight:`semibold`,tag:`div`,lineHeight:`snug`,className:`min-w-0 flex-1 line-clamp-2`,children:e.title}),(0,V.jsx)(J,{})]}),(0,V.jsx)(o,{size:`xs`,type:`secondary`,lineHeight:`snug`,className:`line-clamp-2`,children:e.description}),(0,V.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,V.jsx)(`div`,{className:`h-full bg-primary transition-[width] duration-150`,style:{width:`${e.progress}%`}})}),(0,V.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,V.jsxs)(o,{size:`xs`,type:`secondary`,className:`tabular-nums`,children:[e.progress,`% complete`]}),(0,V.jsxs)(`div`,{className:`inline-flex items-center gap-1 text-muted-foreground`,children:[(0,V.jsx)(u,{className:`size-3`}),(0,V.jsx)(o,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:e.votes})]})]})]})}function Z(){let[e,t]=(0,M.useState)(ne),[n,r]=(0,M.useState)(`—`),i=(0,M.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}"`)},[]),c=(0,M.useCallback)(e=>[{id:`view`,label:`View details`,icon:(0,V.jsx)(f,{className:`size-3.5`}),onSelect:e=>r(`Viewed "${e.title}"`)},{id:`edit`,label:`Edit`,icon:(0,V.jsx)(j,{className:`size-3.5`}),onSelect:e=>r(`Edited "${e.title}"`)},{id:`duplicate`,label:`Duplicate`,icon:(0,V.jsx)(a,{className:`size-3.5`}),isDisabled:e=>e.progress===100,onSelect:e=>r(`Duplicated "${e.title}"`)},{id:`delete`,label:`Delete`,icon:(0,V.jsx)(w,{className:`size-3.5`}),variant:`destructive`,isVisible:e=>e.progress<100,onSelect:i}],[i]);return(0,V.jsxs)(`div`,{className:`flex w-full flex-col gap-3`,children:[(0,V.jsx)(`div`,{className:`rounded-md border border-dashed border-border bg-muted/30 px-3 py-2`,children:(0,V.jsxs)(o,{size:`xs`,type:`secondary`,tag:`span`,children:[`Last event:`,` `,(0,V.jsx)(o,{size:`xs`,weight:`medium`,tag:`span`,children:n})]})}),(0,V.jsxs)(H,{value:e,onValueChange:t,getItemValue:e=>e.id,onItemClick:e=>r(`Clicked "${e.title}"`),itemActions:c,children:[(0,V.jsx)(U,{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,V.jsxs)(W,{value:e,className:`rounded-md border border-border bg-muted/20 p-2.5`,children:[(0,V.jsxs)(`div`,{className:`mb-2 flex items-center gap-2 px-0.5`,children:[(0,V.jsx)(`span`,{className:D(`size-2 rounded-full`,n.tone),"aria-hidden":!0}),(0,V.jsx)(o,{weight:`semibold`,tag:`div`,lineHeight:`tight`,className:`min-w-0 flex-1 truncate`,children:n.title}),(0,V.jsx)(s,{variant:`secondary`,size:`xs`,className:`ml-auto`,children:t.length})]}),(0,V.jsx)(G,{value:e,className:`min-h-24 gap-2.5`,children:t.map(e=>(0,V.jsx)(K,{value:e.id,children:(0,V.jsx)(re,{feature:e})},e.id))})]},e)})}),(0,V.jsx)(Y,{})]})]})}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';
@@ -183,4 +183,4 @@ export function RoadmapBoardWithActionsOnItemClick() {
 		</div>
 	);
 }
-`;function Q(e){let t={h4:`h4`,...e.components};return X||$(`Examples`,!1),Z||$(`Examples.RoadmapBoardWithActionsOnItemClick`,!0),(0,V.jsxs)(a,{title:`Features · Kanban`,description:"Drag-and-drop board, generic in T. Pass `itemActions` (static array or per-item factory) for the ⋮ menu, `onItemClick` for whole-card click. Headless via `useKanban`; slots: KanbanBoard / KanbanColumn / KanbanColumnContent / KanbanItem / KanbanItemHandle / KanbanItemActions / KanbanOverlay.",layer:`features`,status:`ready`,children:[(0,V.jsx)(o,{title:`Examples`,id:`examples`,children:(0,V.jsx)(c,{name:`RoadmapBoardWithActionsOnItemClick`,source:ie,children:(0,V.jsx)(Z,{})})}),(0,V.jsxs)(o,{title:`API`,id:`api`,children:[(0,V.jsx)(t.h4,{children:`Kanban`}),(0,V.jsx)(O,{component:`Kanban`}),(0,V.jsx)(t.h4,{children:`KanbanBoard`}),(0,V.jsx)(O,{component:`KanbanBoard`}),(0,V.jsx)(t.h4,{children:`KanbanColumn`}),(0,V.jsx)(O,{component:`KanbanColumn`}),(0,V.jsx)(t.h4,{children:`KanbanColumnContent`}),(0,V.jsx)(O,{component:`KanbanColumnContent`}),(0,V.jsx)(t.h4,{children:`KanbanItem`}),(0,V.jsx)(O,{component:`KanbanItem`}),(0,V.jsx)(t.h4,{children:`KanbanItemActions`}),(0,V.jsx)(O,{component:`KanbanItemActions`}),(0,V.jsx)(t.h4,{children:`KanbanOverlay`}),(0,V.jsx)(O,{component:`KanbanOverlay`})]})]})}function ae(e={}){let{wrapper:t}=e.components||{};return t?(0,V.jsx)(t,{...e,children:(0,V.jsx)(Q,{...e})}):Q(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{ae as default};
+`;function Q(e){let t={h4:`h4`,...e.components};return X||$(`Examples`,!1),Z||$(`Examples.RoadmapBoardWithActionsOnItemClick`,!0),(0,V.jsxs)(r,{title:`Features · Kanban`,description:"Drag-and-drop board, generic in T. Pass `itemActions` (static array or per-item factory) for the ⋮ menu, `onItemClick` for whole-card click. Headless via `useKanban`; slots: KanbanBoard / KanbanColumn / KanbanColumnContent / KanbanItem / KanbanItemHandle / KanbanItemActions / KanbanOverlay.",layer:`features`,status:`ready`,children:[(0,V.jsx)(i,{title:`Examples`,id:`examples`,children:(0,V.jsx)(l,{name:`RoadmapBoardWithActionsOnItemClick`,source:ie,children:(0,V.jsx)(Z,{})})}),(0,V.jsxs)(i,{title:`API`,id:`api`,children:[(0,V.jsx)(t.h4,{children:`Kanban`}),(0,V.jsx)(O,{component:`Kanban`}),(0,V.jsx)(t.h4,{children:`KanbanBoard`}),(0,V.jsx)(O,{component:`KanbanBoard`}),(0,V.jsx)(t.h4,{children:`KanbanColumn`}),(0,V.jsx)(O,{component:`KanbanColumn`}),(0,V.jsx)(t.h4,{children:`KanbanColumnContent`}),(0,V.jsx)(O,{component:`KanbanColumnContent`}),(0,V.jsx)(t.h4,{children:`KanbanItem`}),(0,V.jsx)(O,{component:`KanbanItem`}),(0,V.jsx)(t.h4,{children:`KanbanItemActions`}),(0,V.jsx)(O,{component:`KanbanItemActions`}),(0,V.jsx)(t.h4,{children:`KanbanOverlay`}),(0,V.jsx)(O,{component:`KanbanOverlay`})]})]})}function ae(e={}){let{wrapper:t}=e.components||{};return t?(0,V.jsx)(t,{...e,children:(0,V.jsx)(Q,{...e})}):Q(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{ae as default};

package/dist/showcase/assets/{label-BlCKlLE-.js → label-BgpcD3V6.js}

@@ -1 +1 @@
-import{Lr as e}from"./example-BIrQab7K.js";import{n as t,s as n}from"./index-Cz4UGUT2.js";var r=n(),i={xs:`text-xs`,sm:`text-sm`,base:`text-base`};function a(e,t){return e??t??`sm`}function o({content:n,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:t(`font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,i[d],o),children:s||n})}o.displayName=`Label`;export{o as t};
+import{Yr as e}from"./example-Cz_880po.js";import{n as t,s as n}from"./index-BQIv1ffM.js";var r=n(),i={xs:`text-xs`,sm:`text-sm`,base:`text-base`};function a(e,t){return e??t??`sm`}function o({content:n,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:t(`font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,i[d],o),children:s||n})}o.displayName=`Label`;export{o as t};

package/dist/showcase/assets/{languages-CKcUvHnt.js → languages-DDgmIDFe.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`clipboard-check`,[[`rect`,{width:`8`,height:`4`,x:`8`,y:`2`,rx:`1`,ry:`1`,key:`tgr4d6`}],[`path`,{d:`M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2`,key:`116196`}],[`path`,{d:`m9 14 2 2 4-4`,key:`df797q`}]]),n=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 as n,n as t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`clipboard-check`,[[`rect`,{width:`8`,height:`4`,x:`8`,y:`2`,rx:`1`,ry:`1`,key:`tgr4d6`}],[`path`,{d:`M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2`,key:`116196`}],[`path`,{d:`m9 14 2 2 4-4`,key:`df797q`}]]),n=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 as n,n as t};

package/dist/showcase/assets/{layers-CakZLRSD.js → layers-nkkXRmvA.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.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{a as e}from"./index-BQIv1ffM.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};