admin-ui-starter-kit 0.1.2 → 0.1.4

package/dist/showcase/assets/inertValue-i0cAMG-0.js

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

package/dist/showcase/assets/info-B1KV2DkO.js

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

@@ -0,0 +1 @@
+import{Cr as e,Tr as t}from"./example-C6-_Sy6B.js";import{a as n}from"./index-B8DVXCmf.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-25epjsiD.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Cr as n,Ir as r,Or as i,Tr as a}from"./example-C6-_Sy6B.js";import{t as o}from"./circle-x-CoV_AUtZ.js";import{D as s,a as c}from"./index-B8DVXCmf.js";import{a as l,i as u,n as d}from"./form-sizing-B8jbL5tL.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=s(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:a(`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:a(`file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground`,`border-input flex w-full min-w-0 rounded-md 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:a(`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:a(`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:a(`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:a(`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:a(`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:a(`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)(o,{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-CnwMt9Sr.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Gn as n,Ht as r,It as i,Tr as a,bn as o,ir as s,rr as c,sn as l}from"./example-C6-_Sy6B.js";import{a as u}from"./index-B8DVXCmf.js";import{t as d}from"./useControlled-Cpg8gDqb.js";import{c as f,n as p,o as m,r as h,t as g}from"./useLabelableId-CSxAHpU-.js";var _=e(t()),v=_.forwardRef(function(e,t){let{render:a,className:u,id:v,name:y,value:b,disabled:x=!1,onValueChange:S,defaultValue:C,autoFocus:w=!1,style:T,...E}=e,{state:D,name:O,disabled:k,setTouched:A,setDirty:j,validityData:M,setFocused:N,setFilled:P,validationMode:F,validation:I}=m(),L=k||x,R=O??y,z={...D,disabled:L},{labelId:B}=p(),V=g({id:v});c(()=>{let e=b!=null;I.inputRef.current?.value||e&&b!==``?P(!0):e&&b===``&&P(!1)},[I.inputRef,P,b]);let H=_.useRef(null);c(()=>{w&&H.current===o(i(H.current))&&N(!0)},[w,N]);let[U]=d({controlled:b,default:C,name:`FieldControl`,state:`value`}),W=b!==void 0,G=W?U:void 0,K=s(()=>I.inputRef.current?.value);return h(I.inputRef,V,G,K),n(`input`,e,{ref:[t,H],state:z,props:[{id:V,disabled:L,name:R,ref:I.inputRef,"aria-labelledby":B,autoFocus:w,...W?{value:G}:{defaultValue:C},onChange(e){let t=e.currentTarget.value;S?.(t,r(l,e.nativeEvent)),j(t!==M.initialValue),P(t!==``)},onFocus(){N(!0)},onBlur(e){A(!0),N(!1),F===`onBlur`&&I.commit(e.currentTarget.value)},onKeyDown(e){e.currentTarget.tagName===`INPUT`&&e.key===`Enter`&&(A(!0),I.commit(e.currentTarget.value))}},I.getInputValidationProps(),E],stateAttributesMapping:f})}),y=u(),b=_.forwardRef(function(e,t){return(0,y.jsx)(v,{ref:t,...e})});function x({className:e,type:t,...n}){return(0,y.jsx)(b,{type:t,"data-slot":`input`,className:a(`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{x as t};

package/dist/showcase/assets/input-group-DSKyV7we.js

@@ -0,0 +1,47 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-C6-_Sy6B.js";import{t as i}from"./lock-DQcZ9cEj.js";import{t as a}from"./mail-yNXDtmNr.js";import{a as o,n as s}from"./index-B8DVXCmf.js";import{n as c,r as l,t as u}from"./input-group-x5eWeAZg.js";import{t as d}from"./PreviewLayout-N1PTTyZK.js";var f=e({LeadingIcon:()=>m,StackedEmailPassword:()=>g,TrailingAddon:()=>h}),p=o();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{children:(0,p.jsx)(s,{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,
+	InputGroupInput,
+} from '@/components/ui/input-group';
+import { Col } from '../../PreviewLayout';
+
+export function LeadingIcon() {
+	return (
+		<>
+			<InputGroup>
+								<InputGroupAddon><Search className="size-4" /></InputGroupAddon>
+								<InputGroupInput placeholder="Search…" />
+							</InputGroup>
+		</>
+	);
+}
+
+export function TrailingAddon() {
+	return (
+		<>
+			<InputGroup>
+								<InputGroupInput placeholder="username" />
+								<InputGroupAddon align="inline-end" className="text-muted-foreground">@example.com</InputGroupAddon>
+							</InputGroup>
+		</>
+	);
+}
+
+export function StackedEmailPassword() {
+	return (
+		<>
+			<Col>
+								<InputGroup>
+									<InputGroupAddon><Mail className="size-4" /></InputGroupAddon>
+									<InputGroupInput type="email" placeholder="email@example.com" />
+								</InputGroup>
+								<InputGroup>
+									<InputGroupAddon><Lock className="size-4" /></InputGroupAddon>
+									<InputGroupInput type="password" placeholder="••••••••" />
+								</InputGroup>
+							</Col>
+		</>
+	);
+}
+`;function v(e){return f||b(`Examples`,!1),m||b(`Examples.LeadingIcon`,!0),g||b(`Examples.StackedEmailPassword`,!0),h||b(`Examples.TrailingAddon`,!0),(0,p.jsx)(t,{title:`UI · Input group`,description:`Input with leading / trailing add-ons.`,layer:`ui`,status:`ready`,children:(0,p.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,p.jsx)(r,{name:`LeadingIcon`,source:_,children:(0,p.jsx)(m,{})}),(0,p.jsx)(r,{name:`TrailingAddon`,source:_,children:(0,p.jsx)(h,{})}),(0,p.jsx)(r,{name:`StackedEmailPassword`,source:_,children:(0,p.jsx)(g,{})})]})})}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/input-group-x5eWeAZg.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{Tr as t,vr as n}from"./example-C6-_Sy6B.js";import{a as r}from"./index-B8DVXCmf.js";import{t as i}from"./input-CnwMt9Sr.js";e();var a=r();function o({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:t(`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),...n})}var s=n(`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:n=`inline-start`,...r}){return(0,a.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":n,className:t(s({align:n}),e),onClick:e=>{e.target.closest(`button`)||e.currentTarget.parentElement?.querySelector(`input`)?.focus()},...r})}n(`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,...n}){return(0,a.jsx)(i,{"data-slot":`input-group-control`,className:t(`rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 flex-1`,e),...n})}export{c as n,l as r,o as t};

package/dist/showcase/assets/inputs-B2Maxr14.js

@@ -0,0 +1,49 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{hr as r,mr as i,t as a}from"./example-C6-_Sy6B.js";import{a as o}from"./index-B8DVXCmf.js";import{a as s,i as c,n as l,o as u,t as d}from"./select-CF3cKjCo.js";import{t as f}from"./input-CnwMt9Sr.js";import{t as p}from"./textarea-B7DUIiH_.js";import{t as m}from"./PreviewLayout-N1PTTyZK.js";var h=e({InputExample:()=>v,SelectExample:()=>b,TextareaExample:()=>y}),g=t(n(),1),_=o();function v(){let[e,t]=(0,g.useState)(``);return(0,_.jsx)(_.Fragment,{children:(0,_.jsxs)(m,{children:[(0,_.jsx)(f,{placeholder:`Type something…`,value:e,onChange:e=>t(e.target.value)}),(0,_.jsx)(f,{disabled:!0,placeholder:`Disabled`}),(0,_.jsx)(f,{"aria-invalid":!0,placeholder:`Invalid state`}),(0,_.jsx)(f,{type:`email`,placeholder:`email@example.com`})]})})}function y(){let[e,t]=(0,g.useState)(``);return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(p,{placeholder:`Multi-line input…`,value:e,onChange:e=>t(e.target.value)})})}function b(){let[e,t]=(0,g.useState)(null);return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(d,{value:e,onValueChange:t,children:[(0,_.jsx)(s,{className:`w-48`,children:(0,_.jsx)(u,{placeholder:`Pick a fruit`})}),(0,_.jsxs)(l,{children:[(0,_.jsx)(c,{value:`apple`,children:`Apple`}),(0,_.jsx)(c,{value:`banana`,children:`Banana`}),(0,_.jsx)(c,{value:`cherry`,children:`Cherry`}),(0,_.jsx)(c,{value:`date`,children:`Date`})]})]}),(0,_.jsxs)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:[`value: `,e||`—`]})]})}var x=`import { useState } from 'react';
+import { Input } from '@/components/ui/input';
+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>
+		</>
+	);
+}
+`;function S(e){return h||w(`Examples`,!1),v||w(`Examples.InputExample`,!0),b||w(`Examples.SelectExample`,!0),y||w(`Examples.TextareaExample`,!0),(0,_.jsx)(r,{title:`UI · Inputs`,description:`Input, Textarea, Select primitives.`,layer:`ui`,status:`ready`,children:(0,_.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,_.jsx)(a,{name:`InputExample`,source:x,children:(0,_.jsx)(v,{})}),(0,_.jsx)(a,{name:`TextareaExample`,source:x,children:(0,_.jsx)(y,{})}),(0,_.jsx)(a,{name:`SelectExample`,source:x,children:(0,_.jsx)(b,{})})]})})}function C(e={}){let{wrapper:t}=e.components||{};return t?(0,_.jsx)(t,{...e,children:(0,_.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-header-Gxl--yFu.js

@@ -0,0 +1,36 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{Cr as t,Sr as n,Tr as r,gr as i,hr as a,mr as o,t as s}from"./example-C6-_Sy6B.js";import{D as c,a as l}from"./index-B8DVXCmf.js";import{t as u}from"./props-table-CM_1cocj.js";import{t as d}from"./smart-card-7szg_qSt.js";import{t as f}from"./separator-DUKleOvU.js";import{t as p}from"./inline-stat-D0sE-A4C.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:i}){return(0,h.jsxs)(`div`,{className:r(`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}),!!i&&(0,h.jsx)(t,{size:`xs`,type:`secondary`,className:`leading-snug`,children:i})]})}function _({invoiceNumber:e,status:a,statusVariant:o=`success`,from:s,to:l,issuedDate:u,dueDate:_,amount:v,className:y,strings:b}){let x=c(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)(i,{variant:o,children:a})]}),(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:s.name,location:s.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:r(`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 (
+		<>
+			<InvoiceHeaderCard
+								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"
+							/>
+		</>
+	);
+}
+
+export function Overdue() {
+	return (
+		<>
+			<InvoiceHeaderCard
+								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"
+							/>
+		</>
+	);
+}
+`;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)(a,{title:`Composed · Invoice header`,description:`Top of an invoice — number, status, parties, amount.`,layer:`composed`,status:`ready`,children:[(0,h.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,h.jsx)(s,{name:`Paid`,source:x,children:(0,h.jsx)(y,{})}),(0,h.jsx)(s,{name:`Overdue`,source:x,children:(0,h.jsx)(b,{})})]}),(0,h.jsxs)(o,{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};

package/dist/showcase/assets/invoice-items-BtoaGNjE.js

@@ -0,0 +1,36 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{Cr as t,Tr as n,gr as r,hr as i,mr as a,t as o}from"./example-C6-_Sy6B.js";import{t as s}from"./package-CUNvdlBi.js";import{a as c}from"./index-B8DVXCmf.js";import{t as l}from"./props-table-CM_1cocj.js";import{t as u}from"./icon-badge-Bcm8TlJi.js";import{t as d}from"./separator-DUKleOvU.js";import{t as f}from"./inline-stat-D0sE-A4C.js";import{c as p,n as m,o as h,r as g,t as _,u as v}from"./item-CMRbW6s-.js";var y=c();function b({items:e,subtotal:i,tax:a,discount:o,total:s,className:c}){return(0,y.jsxs)(`div`,{className:n(`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,i)=>(0,y.jsxs)(`div`,{children:[(0,y.jsxs)(`div`,{className:`grid grid-cols-[1fr_72px_96px_96px] items-center gap-3 px-4 py-3`,children:[(0,y.jsxs)(`div`,{className:`flex flex-col gap-0.5`,children:[(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsx)(t,{weight:`medium`,children:n.title}),!!n.badge&&(0,y.jsx)(r,{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})]}),i<e.length-1&&(0,y.jsx)(d,{className:`mx-4 !w-auto`})]},n.id)),!!(i||a||o||s)&&(0,y.jsxs)(`div`,{className:`space-y-2 border-t border-border bg-muted/30 px-4 py-3`,children:[!!i&&(0,y.jsx)(f,{label:`Subtotal`,value:i,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!o&&(0,y.jsx)(f,{label:`Discount`,value:`-${o}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!a&&(0,y.jsx)(f,{label:`Tax`,value:a,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!s&&(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:s}),labelClassName:`text-sm font-semibold`})]})]})]})}function x({items:e,total:i,className:a}){return(0,y.jsxs)(`div`,{className:n(`invoice-items--component`,`w-full min-w-0 max-w-full space-y-2`,a),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)(s,{})})}),(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)(r,{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))}),!!i&&(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:i}),labelClassName:`text-sm font-semibold`})]})}function S({items:e,subtotal:i,tax:a,discount:o,total:c,className:l}){return(0,y.jsxs)(`div`,{className:n(`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)(s,{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)(r,{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:[!!i&&(0,y.jsx)(f,{label:`Subtotal`,value:i,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm`}),!!o&&(0,y.jsx)(f,{label:`Discount`,value:`-${o}`,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm text-success`}),!!a&&(0,y.jsx)(f,{label:`Tax (20%)`,value:a,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 {
+	InvoiceItemsTable,
+	InvoiceItemsCompact,
+	InvoiceItemsDetailed,
+} from '@/components/composed/data-display/invoice-items';
+
+const items = [
+	{ 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' as const },
+	{ 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' as const },
+];
+
+export function Table() {
+	return (
+		<>
+			<InvoiceItemsTable items={items} subtotal="340.00 USD" tax="68.00 USD" discount="20.00 USD" total="388.00 USD" />
+		</>
+	);
+}
+
+export function Compact() {
+	return (
+		<>
+			<InvoiceItemsCompact items={items} total="340.00 USD" />
+		</>
+	);
+}
+
+export function Detailed() {
+	return (
+		<>
+			<InvoiceItemsDetailed items={items} subtotal="340.00 USD" tax="68.00 USD" discount="20.00 USD" total="388.00 USD" />
+		</>
+	);
+}
+`;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)(i,{title:`Composed · Invoice items`,description:`Table, compact, detailed layouts with subtotal/tax/discount/total.`,layer:`composed`,status:`ready`,children:[(0,y.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,y.jsx)(o,{name:`Table`,source:O,children:(0,y.jsx)(T,{})}),(0,y.jsx)(o,{name:`Compact`,source:O,children:(0,y.jsx)(E,{})}),(0,y.jsx)(o,{name:`Detailed`,source:O,children:(0,y.jsx)(D,{})})]}),(0,y.jsxs)(a,{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};

package/dist/showcase/assets/invoice-mini-DHFSZegy.js

@@ -0,0 +1,14 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{Cr as t,Tr as n,gr as r,hr as i,mr as a,t as o}from"./example-C6-_Sy6B.js";import{E as s,a as c}from"./index-B8DVXCmf.js";import{t as l}from"./props-table-CM_1cocj.js";import{t as u}from"./smart-card-7szg_qSt.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:i,strings:a}){let o=s(d,a),c={paid:o.paid,pending:o.pending,overdue:o.overdue};return(0,p.jsx)(u,{padding:`sm`,className:n(`invoice-mini--component`,i),children:(0,p.jsxs)(`div`,{className:`space-y-2.5`,children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,p.jsx)(t,{weight:`semibold`,className:`font-mono tracking-wide truncate`,children:e.invoiceNumber}),(0,p.jsx)(r,{variant:f[e.status],dot:!0,children:c[e.status]})]}),(0,p.jsx)(t,{type:`secondary`,className:`truncate`,children:e.customerName}),(0,p.jsxs)(`div`,{className:`flex items-end justify-between gap-3 pt-1`,children:[(0,p.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,p.jsx)(t,{size:`xs`,type:`secondary`,children:o.items(e.lineItemsCount)}),(0,p.jsxs)(t,{size:`xxs`,type:`discrete`,className:`tabular-nums`,children:[o.due,` `,e.dueDate]})]}),(0,p.jsx)(t,{size:`lg`,weight:`bold`,className:n(`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 gap-4 md:grid-cols-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 (
+		<>
+			<div className="grid gap-4 md:grid-cols-3">
+								<InvoiceMiniCard invoice={{ invoiceNumber: 'INV-2026-0198', customerName: 'Spa Retreat New York', lineItemsCount: 8, totalAmount: '4,560 USD', status: 'paid', dueDate: 'Apr 5, 2026' }} />
+								<InvoiceMiniCard invoice={{ invoiceNumber: 'INV-2026-0201', customerName: 'Adventure Park Bansko', lineItemsCount: 4, totalAmount: '2,840 USD', status: 'pending', dueDate: 'Apr 8, 2026' }} />
+								<InvoiceMiniCard invoice={{ invoiceNumber: 'INV-2026-0195', customerName: "Chef's Table New York", lineItemsCount: 3, totalAmount: '1,280 USD', status: 'overdue', dueDate: 'Mar 24, 2026' }} />
+							</div>
+		</>
+	);
+}
+`;function v(e){let t={h4:`h4`,...e.components};return h||b(`Examples`,!1),g||b(`Examples.Statuses`,!0),(0,p.jsxs)(i,{title:`Composed · Invoice mini`,description:`Compact invoice tile — paid / pending / overdue.`,layer:`composed`,status:`ready`,children:[(0,p.jsx)(a,{title:`Examples`,id:`examples`,children:(0,p.jsx)(o,{name:`Statuses`,source:_,children:(0,p.jsx)(g,{})})}),(0,p.jsxs)(a,{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};

package/dist/showcase/assets/invoice-table-6dmU_KrL.js

@@ -0,0 +1,30 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{Cr as t,Tr as n,hr as r,mr as i,t as a,zr as o}from"./example-C6-_Sy6B.js";import{D as s,a as c}from"./index-B8DVXCmf.js";import{t as l}from"./props-table-CM_1cocj.js";import{t as u}from"./separator-DUKleOvU.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)(t,{className:`truncate`,children:e.description})},{id:`qty`,header:`Qty`,width:`36px`,align:`center`,cell:e=>(0,f.jsx)(t,{align:`center`,className:`tabular-nums`,children:e.qty})},{id:`price`,header:`Price`,width:`82px`,align:`right`,cell:n=>(0,f.jsxs)(t,{className:`tabular-nums font-mono`,children:[e,n.price.toFixed(2)]})},{id:`total`,header:`Total`,width:`82px`,align:`right`,cell:n=>(0,f.jsxs)(t,{weight:`medium`,className:`tabular-nums font-mono`,children:[e,n.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=s(d,_),{defaultCurrency:y}=o(),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:n(`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:n(`flex min-w-0`,m[e.align??`left`],e.headerClassName),children:(0,f.jsx)(t,{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:n(`grid min-w-0 gap-2 px-4 py-3`,t%2==1&&`bg-muted/20`),style:{gridTemplateColumns:C},children:x.map(r=>(0,f.jsx)(`div`,{className:n(`flex min-w-0 items-center`,m[r.align??`left`],r.cellClassName),children:r.cell(e,t)},r.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,r)=>(0,f.jsxs)(`div`,{className:n(`flex justify-between`,e.emphasis===`total`&&`pt-2`),children:[(0,f.jsx)(t,{type:e.emphasis===`total`?void 0:`secondary`,weight:e.emphasis===`total`?`bold`:`regular`,children:e.label}),(0,f.jsx)(t,{weight:e.emphasis===`total`?`bold`:`regular`,className:`tabular-nums font-mono`,children:e.value})]},r))})]})]})}_.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 (
+		<>
+			<InvoiceTable
+								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 },
+								]}
+							/>
+		</>
+	);
+}
+
+export function WithTaxRate() {
+	return (
+		<>
+			<InvoiceTable
+								taxRate={20}
+								items={[
+									{ description: 'Hot Air Balloon', qty: 1, price: 580, total: 580 },
+									{ description: 'Photo Tour', qty: 2, price: 120, total: 240 },
+								]}
+							/>
+		</>
+	);
+}
+`;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};

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

@@ -0,0 +1 @@
+import{t as e}from"./startOfDay-BJgxz4yq.js";import{b as t,g as n,y as r}from"./index-B8DVXCmf.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-VtoSc1IH.js

@@ -0,0 +1 @@
+import{t as e}from"./isSameDay-BrDHfKHm.js";import{b as t,h as n}from"./index-B8DVXCmf.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-CXkAsf6H.js

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

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{Tr as t,nr as n,vr as r}from"./example-C6-_Sy6B.js";import{a as i}from"./index-B8DVXCmf.js";import{t as a}from"./separator-DUKleOvU.js";import{t as o}from"./useRender-DparzvOu.js";e();var s=i();function c({className:e,...n}){return(0,s.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:t(`group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2`,e),...n})}function l({className:e,...n}){return(0,s.jsx)(a,{"data-slot":`item-separator`,orientation:`horizontal`,className:t(`my-2`,e),...n})}var u=r(`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:r=`default`,size:i=`default`,render:a,...s}){return o({defaultTagName:`div`,props:n({className:t(u({variant:r,size:i,className:e}))},s),render:a,state:{slot:`item`,variant:r,size:i}})}var f=r(`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:n=`default`,...r}){return(0,s.jsx)(`div`,{"data-slot":`item-media`,"data-variant":n,className:t(f({variant:n,className:e})),...r})}function m({className:e,...n}){return(0,s.jsx)(`div`,{"data-slot":`item-content`,className:t(`flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none`,e),...n})}function h({className:e,...n}){return(0,s.jsx)(`div`,{"data-slot":`item-title`,className:t(`line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4`,e),...n})}function g({className:e,...n}){return(0,s.jsx)(`p`,{"data-slot":`item-description`,className:t(`line-clamp-2 text-left text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,e),...n})}function _({className:e,...n}){return(0,s.jsx)(`div`,{"data-slot":`item-actions`,className:t(`flex items-center gap-2`,e),...n})}function v({className:e,...n}){return(0,s.jsx)(`div`,{"data-slot":`item-header`,className:t(`flex basis-full items-center justify-between gap-2`,e),...n})}function y({className:e,...n}){return(0,s.jsx)(`div`,{"data-slot":`item-footer`,className:t(`flex basis-full items-center justify-between gap-2`,e),...n})}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-CMRbW6s-.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Cr as n,Lr as r,Tr as i}from"./example-C6-_Sy6B.js";import{a}from"./index-B8DVXCmf.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-CGOThKAx.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();return(0,_.jsx)(m,{ref:s,size:e??c,variant:t??l,render:n,className:i(`item--component rounded-lg`,a),...o})});v.displayName=`Item`;var y=(0,g.forwardRef)(function({className:e,...t},n){return(0,_.jsx)(d,{ref:n,className:e,...t})});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:``},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/item-sw6fAZcn.js

@@ -0,0 +1,117 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{gr as t,hr as n,mr as r,r as i,t as a}from"./example-C6-_Sy6B.js";import{t as o}from"./bell-CVEeEWw4.js";import{t as s}from"./house-DKxCiHyB.js";import{t as c}from"./mail-yNXDtmNr.js";import{t as l}from"./settings-DlKX-bZT.js";import{a as u}from"./index-B8DVXCmf.js";import{t as d}from"./props-table-CM_1cocj.js";import{t as f}from"./switch-B_rnbXwy.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-CMRbW6s-.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)(t,{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';
+import {
+	Item,
+	ItemActions,
+	ItemContent,
+	ItemDescription,
+	ItemGroup,
+	ItemMedia,
+	ItemSeparator,
+	ItemTitle,
+} from '@/components/base/item';
+import { Switch } from '@/components/base/forms/fields/switch';
+
+export function Basic() {
+	return (
+		<ItemGroup>
+			<Item>
+				<ItemMedia variant="icon">
+					<Mail />
+				</ItemMedia>
+				<ItemContent>
+					<ItemTitle>kira@example.com</ItemTitle>
+					<ItemDescription>Primary contact email</ItemDescription>
+				</ItemContent>
+				<ItemActions>
+					<Button buttonStyle="ghost" variant="secondary">
+						Copy
+					</Button>
+				</ItemActions>
+			</Item>
+			<ItemSeparator />
+			<Item>
+				<ItemMedia variant="icon">
+					<Bell />
+				</ItemMedia>
+				<ItemContent>
+					<ItemTitle>Notifications</ItemTitle>
+					<ItemDescription>Receive email + in-app alerts</ItemDescription>
+				</ItemContent>
+				<ItemActions>
+					<Switch checked aria-label="Email and app notifications" />
+				</ItemActions>
+			</Item>
+		</ItemGroup>
+	);
+}
+
+export function Variants() {
+	return (
+		<ItemGroup>
+			<Item variant="default">
+				<ItemMedia variant="icon">
+					<Home />
+				</ItemMedia>
+				<ItemContent>
+					<ItemTitle>Default</ItemTitle>
+					<ItemDescription>No border, transparent background.</ItemDescription>
+				</ItemContent>
+			</Item>
+			<Item variant="outline">
+				<ItemMedia variant="icon">
+					<Settings />
+				</ItemMedia>
+				<ItemContent>
+					<ItemTitle>Outline</ItemTitle>
+					<ItemDescription>Border + transparent background.</ItemDescription>
+				</ItemContent>
+				<ItemActions>
+					<Badge variant="success">Active</Badge>
+				</ItemActions>
+			</Item>
+			<Item variant="muted">
+				<ItemMedia variant="icon">
+					<Bell />
+				</ItemMedia>
+				<ItemContent>
+					<ItemTitle>Muted</ItemTitle>
+					<ItemDescription>Muted background — for inset lists.</ItemDescription>
+				</ItemContent>
+			</Item>
+		</ItemGroup>
+	);
+}
+
+export function PolymorphicLink() {
+	return (
+		<ItemGroup>
+			<Item render={<a href="#" onClick={(e) => e.preventDefault()} />}>
+				<ItemMedia variant="icon">
+					<Home />
+				</ItemMedia>
+				<ItemContent>
+					<ItemTitle>Dashboard</ItemTitle>
+					<ItemDescription>Overview of your workspace and activity.</ItemDescription>
+				</ItemContent>
+			</Item>
+			<Item render={<a href="#" onClick={(e) => e.preventDefault()} />}>
+				<ItemMedia variant="icon">
+					<Settings />
+				</ItemMedia>
+				<ItemContent>
+					<ItemTitle>Settings</ItemTitle>
+					<ItemDescription>Account, billing, notification preferences.</ItemDescription>
+				</ItemContent>
+			</Item>
+		</ItemGroup>
+	);
+}
+`;function D(e){let t={code:`code`,p:`p`,...e.components};return x||k(`Examples`,!1),C||k(`Examples.Basic`,!0),T||k(`Examples.PolymorphicLink`,!0),w||k(`Examples.Variants`,!0),(0,S.jsxs)(n,{title:`Item`,description:`Canonical row primitive — icon/avatar/image media, title + description content, optional actions. Use ItemGroup to compose lists.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/item`,children:[(0,S.jsxs)(r,{title:`Overview`,id:`overview`,children:[(0,S.jsxs)(t.p,{children:[(0,S.jsx)(t.code,{children:`Item`}),` is the row primitive used everywhere a "media + title-stack + actions"
+shape recurs — admin rows, contact details, search results, settings toggles,
+dropdown menus. Compose `,(0,S.jsx)(t.code,{children:`ItemMedia`}),`, `,(0,S.jsx)(t.code,{children:`ItemContent`}),` (with `,(0,S.jsx)(t.code,{children:`ItemTitle`}),` and
+`,(0,S.jsx)(t.code,{children:`ItemDescription`}),`), and `,(0,S.jsx)(t.code,{children:`ItemActions`}),` inside an `,(0,S.jsx)(t.code,{children:`Item`}),`. Wrap multiple rows in
+`,(0,S.jsx)(t.code,{children:`ItemGroup`}),` (with optional `,(0,S.jsx)(t.code,{children:`ItemSeparator`}),`s between them) for a list.`]}),(0,S.jsxs)(t.p,{children:[`The `,(0,S.jsx)(t.code,{children:`render`}),` prop turns any `,(0,S.jsx)(t.code,{children:`Item`}),` into a custom element (anchor, button, link
+wrapper) without breaking focus/hover styling.`]})]}),(0,S.jsxs)(r,{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)(r,{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};