admin-ui-starter-kit 0.4.5 → 0.6.1

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

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

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

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

@@ -0,0 +1 @@
+import{t as e}from"./startOfDay-BKFJecZ3.js";import{E as t,S as n,T as r}from"./index-QESvAJrb.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-CNAQB-p9.js

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

package/dist/showcase/assets/italic-CjQCLJci.js

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

package/dist/showcase/assets/item-BMSdEK3V.js

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

package/dist/showcase/assets/item-D1Jxrpia.js

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

package/dist/showcase/assets/item-DxPwk321.js

@@ -0,0 +1,139 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,t as r}from"./section-D-N8Ze16.js";import{t as i}from"./bell-CwRy7zpP.js";import{r as a,t as o}from"./example-PsbgbESI.js";import{t as s}from"./house-opqNxOmP.js";import{t as c}from"./mail-Cj6uT4TA.js";import{t as l}from"./settings-DkTHc0Ob.js";import{d as u}from"./index-QESvAJrb.js";import{t as d}from"./props-table-CCcohuyT.js";import{c as f,i as p,l as m,n as h,o as g,r as _,t as v,u as y}from"./item-BMSdEK3V.js";import{t as b}from"./switch-D-7uqDR8.js";var x=e({Basic:()=>C,PolymorphicLink:()=>T,Variants:()=>w}),S=u();function C(){return(0,S.jsxs)(g,{children:[(0,S.jsxs)(v,{children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(c,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`kira@example.com`}),(0,S.jsx)(p,{children:`Primary contact email`})]}),(0,S.jsx)(h,{children:(0,S.jsx)(a,{buttonStyle:`ghost`,variant:`secondary`,size:`small`,children:`Copy`})})]}),(0,S.jsx)(m,{}),(0,S.jsxs)(v,{children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(i,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Notifications`}),(0,S.jsx)(p,{children:`Receive email + in-app alerts`})]}),(0,S.jsx)(h,{children:(0,S.jsx)(b,{checked:!0,"aria-label":`Email and app notifications`})})]})]})}function w(){return(0,S.jsxs)(g,{children:[(0,S.jsxs)(v,{variant:`default`,children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(s,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Default`}),(0,S.jsx)(p,{children:`No border, transparent background.`})]})]}),(0,S.jsxs)(v,{variant:`outline`,children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(l,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Outline`}),(0,S.jsx)(p,{children:`Border + transparent background.`})]}),(0,S.jsx)(h,{children:(0,S.jsx)(n,{variant:`success`,children:`Active`})})]}),(0,S.jsxs)(v,{variant:`muted`,children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(i,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Muted`}),(0,S.jsx)(p,{children:`Muted background — for inset lists.`})]})]})]})}function T(){return(0,S.jsxs)(g,{children:[(0,S.jsxs)(v,{render:(0,S.jsx)(`a`,{href:`#`,onClick:e=>e.preventDefault()}),children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(s,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Dashboard`}),(0,S.jsx)(p,{children:`Overview of your workspace and activity.`})]})]}),(0,S.jsxs)(v,{render:(0,S.jsx)(`a`,{href:`#`,onClick:e=>e.preventDefault()}),children:[(0,S.jsx)(f,{variant:`icon`,children:(0,S.jsx)(l,{})}),(0,S.jsxs)(_,{children:[(0,S.jsx)(y,{children:`Settings`}),(0,S.jsx)(p,{children:`Account, billing, notification preferences.`})]})]})]})}var E=`import { Bell, Home, Mail, Settings } from 'lucide-react';
+
+import { 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" size="small">
+						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 n={code:`code`,p:`p`,pre:`pre`,...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)(t,{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)(n.p,{children:[(0,S.jsx)(n.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)(n.code,{children:`ItemMedia`}),`, `,(0,S.jsx)(n.code,{children:`ItemContent`}),` (with `,(0,S.jsx)(n.code,{children:`ItemTitle`}),` and
+`,(0,S.jsx)(n.code,{children:`ItemDescription`}),`), and `,(0,S.jsx)(n.code,{children:`ItemActions`}),` inside an `,(0,S.jsx)(n.code,{children:`Item`}),`. Wrap multiple rows in
+`,(0,S.jsx)(n.code,{children:`ItemGroup`}),` (with optional `,(0,S.jsx)(n.code,{children:`ItemSeparator`}),`s between them) for a list.`]}),(0,S.jsxs)(n.p,{children:[`The `,(0,S.jsx)(n.code,{children:`render`}),` prop turns any `,(0,S.jsx)(n.code,{children:`Item`}),` into a custom element (anchor, button, link
+wrapper) without breaking focus/hover styling.`]}),(0,S.jsxs)(n.p,{children:[`Default row sizing comes from `,(0,S.jsx)(n.code,{children:`UIProvider.item.defaultSize`}),` and the shared
+`,(0,S.jsx)(n.code,{children:`--row-*`}),`, `,(0,S.jsx)(n.code,{children:`--space-*`}),`, `,(0,S.jsx)(n.code,{children:`--icon*`}),`, and `,(0,S.jsx)(n.code,{children:`--avatar*`}),` structural variables. Omit
+`,(0,S.jsx)(n.code,{children:`size`}),` for ordinary rows; use CSS variables or the provider default when
+tightening item density across a surface.`]}),(0,S.jsxs)(n.p,{children:[`Do not use local `,(0,S.jsx)(n.code,{children:`px-0`}),` or one-off vertical padding to align rows with a card
+edge. Keep the item padding balanced and adjust the surrounding section or card
+spacing instead.`]})]}),(0,S.jsxs)(r,{title:`Consumer usage`,id:`usage`,children:[(0,S.jsx)(n.p,{children:`Consumers import the row primitive from the exact package entrypoint:`}),(0,S.jsx)(n.pre,{children:(0,S.jsx)(n.code,{className:`language-tsx`,children:`import {
+	Item,
+	ItemActions,
+	ItemContent,
+	ItemDescription,
+	ItemGroup,
+	ItemMedia,
+	ItemTitle,
+} from 'admin-ui-starter-kit/base/item';
+`})}),(0,S.jsxs)(n.p,{children:[`Promote `,(0,S.jsx)(n.code,{children:`Item`}),` first whenever the row has its own identity: navigation rows,
+settings rows, search results, contact methods, activity rows, menu options, or
+any media + title + description + actions shape. `,(0,S.jsx)(n.code,{children:`ItemTitle`}),` and
+`,(0,S.jsx)(n.code,{children:`ItemDescription`}),` already route through the typography layer, so consumers do
+not need local text utility classes for the row stack.`]}),(0,S.jsxs)(n.p,{children:[`Use `,(0,S.jsx)(n.code,{children:`MetadataList`}),` instead when the rows are label/value facts describing one
+entity, such as invoice totals, SKU attributes, contact metadata, or account
+properties. Use `,(0,S.jsx)(n.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)(n.code,{children:`Item`}),`.`]})]}),(0,S.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,S.jsx)(o,{name:`Basic`,source:E,children:(0,S.jsx)(C,{})}),(0,S.jsx)(o,{name:`Variants`,source:E,children:(0,S.jsx)(w,{})}),(0,S.jsx)(o,{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};

package/dist/showcase/assets/kanban-DXWCGieQ.js

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

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

package/dist/showcase/assets/label-D1wLK5nY.js

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

package/dist/showcase/assets/languages-CGYZVmbV.js

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

package/dist/showcase/assets/layers-DJZSVGAu.js

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