tembro 3.0.0 → 3.1.1

package/dist/src/components/display/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./description-list.cjs"),t=require("./data-list.cjs"),n=require("./activity-feed.cjs"),r=require("./avatar.cjs"),i=require("./descriptions.cjs"),a=require("./kanban.cjs"),o=require("./code-block.cjs"),s=require("./data-state.cjs"),c=require("./list.cjs"),l=require("./metric-grid.cjs"),u=require("./progress.cjs"),d=require("./progress-circle.cjs"),f=require("./property-grid.cjs"),p=require("./result.cjs"),m=require("./statistic.cjs"),h=require("./status-dot.cjs"),g=require("./status-legend.cjs"),_=require("./timeline.cjs"),v=require("./tree-view.cjs"),y=require("./user-card.cjs"),b=require("./delta-badge.cjs"),x=require("./trend-card.cjs"),S=require("./comparison-card.cjs"),C=require("./info-card.cjs"),w=require("./virtual-list.cjs");exports.ActivityFeed=n.ActivityFeed,exports.Avatar=r.Avatar,exports.AvatarGroup=r.AvatarGroup,exports.CodeBlock=o.CodeBlock,exports.ComparisonCard=S.ComparisonCard,exports.DataList=t.DataList,exports.DataListRow=t.DataListRow,exports.DataState=s.DataState,exports.DeltaBadge=b.DeltaBadge,exports.DescriptionList=e.DescriptionList,exports.Descriptions=i.Descriptions,exports.InfoCard=C.InfoCard,exports.KanbanBoard=a.KanbanBoard,exports.List=c.List,exports.ListRow=c.ListRow,exports.MetricGrid=l.MetricGrid,exports.Progress=u.Progress,exports.ProgressCard=u.ProgressCard,exports.ProgressCircle=d.ProgressCircle,exports.PropertyGrid=f.PropertyGrid,exports.Result=p.Result,exports.ResultAction=p.ResultAction,exports.Statistic=m.Statistic,exports.StatisticCard=m.StatisticCard,exports.StatisticGrid=m.StatisticGrid,exports.StatusDot=h.StatusDot,exports.StatusLegend=g.StatusLegend,exports.Timeline=_.Timeline,exports.TreeView=v.TreeView,exports.TrendCard=x.TrendCard,exports.UserCard=y.UserCard,exports.VirtualList=w.VirtualList,exports.getProgressPercent=u.getProgressPercent;

package/dist/src/components/display/index.js

@@ -0,0 +1,26 @@
+import { DescriptionList as e } from "./description-list.js";
+import { DataList as t, DataListRow as n } from "./data-list.js";
+import { ActivityFeed as r } from "./activity-feed.js";
+import { Avatar as i, AvatarGroup as a } from "./avatar.js";
+import { Descriptions as o } from "./descriptions.js";
+import { KanbanBoard as s } from "./kanban.js";
+import { CodeBlock as c } from "./code-block.js";
+import { DataState as l } from "./data-state.js";
+import { List as u, ListRow as d } from "./list.js";
+import { MetricGrid as f } from "./metric-grid.js";
+import { Progress as p, ProgressCard as m, getProgressPercent as h } from "./progress.js";
+import { ProgressCircle as g } from "./progress-circle.js";
+import { PropertyGrid as _ } from "./property-grid.js";
+import { Result as v, ResultAction as y } from "./result.js";
+import { Statistic as b, StatisticCard as x, StatisticGrid as S } from "./statistic.js";
+import { StatusDot as C } from "./status-dot.js";
+import { StatusLegend as w } from "./status-legend.js";
+import { Timeline as T } from "./timeline.js";
+import { TreeView as E } from "./tree-view.js";
+import { UserCard as D } from "./user-card.js";
+import { DeltaBadge as O } from "./delta-badge.js";
+import { TrendCard as k } from "./trend-card.js";
+import { ComparisonCard as A } from "./comparison-card.js";
+import { InfoCard as j } from "./info-card.js";
+import { VirtualList as M } from "./virtual-list.js";
+export { r as ActivityFeed, i as Avatar, a as AvatarGroup, c as CodeBlock, A as ComparisonCard, t as DataList, n as DataListRow, l as DataState, O as DeltaBadge, e as DescriptionList, o as Descriptions, j as InfoCard, s as KanbanBoard, u as List, d as ListRow, f as MetricGrid, p as Progress, m as ProgressCard, g as ProgressCircle, _ as PropertyGrid, v as Result, y as ResultAction, b as Statistic, x as StatisticCard, S as StatisticGrid, C as StatusDot, w as StatusLegend, T as Timeline, E as TreeView, k as TrendCard, D as UserCard, M as VirtualList, h as getProgressPercent };

package/dist/src/components/display/info-card.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs"),r=require("../ui/skeleton/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={default:`border border-border/70 bg-card/96 shadow-sm ring-1 ring-foreground/4`,outline:`border border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4`,elevated:`border border-border/75 bg-card/98 shadow-[0_24px_80px_rgba(15,23,42,0.12)] ring-1 ring-foreground/4`,ghost:`border-transparent bg-transparent shadow-none`},s={compact:`p-3`,default:`p-4`,comfortable:`p-5`},c={sm:`text-sm`,md:`text-base`,lg:`text-lg`};function l({eyebrow:e,title:i,description:l,media:u,icon:d,status:f,actions:p,meta:m,content:h,footer:g,orientation:_=`vertical`,variant:v=`outline`,size:y=`md`,density:b,compact:x,loading:S=!1,disabled:C=!1,selected:w=!1,interactive:T,className:E,classNames:D,renderHeader:O,renderMedia:k,renderContent:A,renderFooter:j,children:M,onClick:N,...P}){let F={eyebrow:e,title:i,description:l,media:u,icon:d,status:f,actions:p,meta:m,content:h,footer:g},I=!!(N||T),L=x?`compact`:b??`default`;return(0,a.jsx)(n.Card,{"data-slot":`info-card`,"data-selected":w||void 0,"data-disabled":C||void 0,"data-loading":S||void 0,className:t.cn(`overflow-hidden transition-colors data-[selected=true]:border-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55`,o[v],I&&`cursor-pointer hover:bg-muted/35`,_===`horizontal`&&`flex`,E,D?.root),onClick:C?void 0:N,...P,children:S?(0,a.jsxs)(`div`,{className:t.cn(`grid gap-3`,s[L]),children:[(0,a.jsx)(r.Skeleton,{className:`h-5 w-1/2`}),(0,a.jsx)(r.SkeletonText,{rows:3})]}):(0,a.jsxs)(a.Fragment,{children:[u&&(k?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-media`,className:t.cn(`bg-muted/50`,_===`horizontal`?`w-40 shrink-0 border-r border-border/70`:`aspect-video border-b border-border/70`,D?.media),children:u})),(0,a.jsxs)(`div`,{"data-slot":`info-card-body`,className:t.cn(`grid min-w-0 flex-1 gap-3`,s[L],D?.body),children:[O?.(F)??(0,a.jsxs)(`div`,{"data-slot":`info-card-header`,className:t.cn(`flex items-start justify-between gap-3`,D?.header),children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[d&&(0,a.jsx)(`div`,{"data-slot":`info-card-icon`,className:t.cn(`flex size-9 shrink-0 items-center justify-center rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]`,D?.icon),children:d}),(0,a.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[e&&(0,a.jsx)(`div`,{"data-slot":`info-card-eyebrow`,className:t.cn(`text-[11px] font-semibold uppercase tracking-[0.22em] text-muted-foreground`,D?.eyebrow),children:e}),(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[i&&(0,a.jsx)(`div`,{"data-slot":`info-card-title`,className:t.cn(`truncate font-semibold tracking-tight text-foreground`,c[y],D?.title),children:i}),f&&(0,a.jsx)(`div`,{"data-slot":`info-card-status`,className:D?.status,children:f})]}),l&&(0,a.jsx)(`div`,{"data-slot":`info-card-description`,className:t.cn(`line-clamp-2 text-sm text-muted-foreground`,D?.description),children:l})]})]}),p&&(0,a.jsx)(`div`,{"data-slot":`info-card-actions`,className:t.cn(`shrink-0`,D?.actions),onClick:t.stopInteractivePropagation,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:p})]}),m&&(0,a.jsx)(`div`,{"data-slot":`info-card-meta`,className:t.cn(`text-xs text-muted-foreground`,D?.meta),children:m}),(h||M)&&(A?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-content`,className:D?.content,children:h??M})),g&&(j?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-footer`,className:t.cn(`border-t pt-3 text-sm text-muted-foreground`,D?.footer),children:g}))]})]})})}exports.InfoCard=l;

package/dist/{components/display/smart-card.js → src/components/display/info-card.js}

@@ -3,7 +3,7 @@ import { Card as n } from "../ui/card/index.js";
 import { Skeleton as r, SkeletonText as i } from "../ui/skeleton/index.js";
 import "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/display/smart-card.tsx
+//#region src/components/display/info-card.tsx
 var c = {
 	default: "border border-border/70 bg-card/96 shadow-sm ring-1 ring-foreground/4",
 	outline: "border border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4",
@@ -114,8 +114,5 @@ function d({ eyebrow: d, title: f, description: p, media: m, icon: h, status: g,
 		})] })
 	});
 }
-function f(e) {
-	return /* @__PURE__ */ o(d, { ...e });
-}
 //#endregion
-export { d as InfoCard, f as SmartCard };
+export { d as InfoCard };

package/dist/src/components/display/kanban.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs"),r=require("../../../node_modules/@dnd-kit/helpers/dist/index.cjs"),i=require("../../../node_modules/@dnd-kit/react/index.cjs"),a=require("../../../node_modules/@dnd-kit/dom/sortable.cjs"),o=require("../../../node_modules/@dnd-kit/react/sortable.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("lucide-react"),l=require("react/jsx-runtime");var u=`tembro-kanban-card:`,d=`tembro-kanban-column:`;function f(e){return`${u}${e}`}function p(e){return`${d}${e}`}function m(e){return e.startsWith(u)?e.slice(19):e}function h(e){let t=e===void 0?``:String(e);return t.startsWith(d)?t.slice(21):t}function g(e){return new Map(e.flatMap(e=>e.cards.map(e=>[f(e.key),e])))}function _(e,t){let n=g(e),i=r.move(Object.fromEntries(e.map(e=>[p(e.key),e.cards.map(e=>f(e.key))])),t);return e.map(e=>({...e,cards:(i[p(e.key)]??[]).map(e=>n.get(String(e))).filter(e=>!!e)}))}var v=s.forwardRef(function({label:e,disabled:t},n){return(0,l.jsx)(`button`,{ref:n,type:`button`,className:`inline-flex size-8 shrink-0 touch-none items-center justify-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-45`,"aria-label":e,disabled:t,onClick:e=>e.stopPropagation(),children:(0,l.jsx)(c.GripVerticalIcon,{className:`size-4`,"aria-hidden":`true`})})});function y({card:e,handle:t}){return(0,l.jsxs)(n.Card,{className:`transition-colors hover:bg-muted/40`,children:[(0,l.jsx)(n.CardHeader,{className:`p-3 pb-1`,children:(0,l.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,l.jsx)(n.CardTitle,{className:`text-sm`,children:e.title}),(0,l.jsxs)(`div`,{className:`flex items-center gap-1`,children:[e.extra,t]})]})}),e.description||e.meta?(0,l.jsxs)(n.CardContent,{className:`grid gap-2 p-3 pt-0 text-xs text-muted-foreground`,children:[e.description,e.meta?(0,l.jsx)(`div`,{children:e.meta}):null]}):null]})}function b({card:e,column:n,index:r,boardDisabled:i,renderCard:a,onCardClick:s,dragHandleLabel:c,cardClassName:u}){let d=i||n.disabled===!0||e.disabled===!0,{ref:m,handleRef:h,isDragging:g,isDropTarget:_}=o.useSortable({id:f(e.key),index:r,group:p(n.key),type:`tembro-kanban-card`,accept:`tembro-kanban-card`,disabled:d,data:{cardKey:e.key,columnKey:n.key},transition:{duration:180,easing:`cubic-bezier(0.2, 0, 0, 1)`,idle:!0}}),b=(0,l.jsx)(v,{ref:h,label:c?.(e,n)??`Move ${String(e.title)}`,disabled:d}),x={index:r,isDragging:g,isDropTarget:_,handle:b};return(0,l.jsx)(`article`,{ref:m,"data-slot":`kanban-card`,"data-dragging":g||void 0,"data-drop-target":_||void 0,"data-disabled":d||void 0,role:s&&!d?`button`:void 0,tabIndex:s&&!d?0:void 0,"aria-label":typeof e.title==`string`?e.title:void 0,className:t.cn(`rounded-lg outline-none transition-[opacity,box-shadow]`,s&&!d&&`cursor-pointer focus-visible:ring-2 focus-visible:ring-ring`,_&&`ring-2 ring-primary/30`,g&&`opacity-30`,d&&`opacity-55`,u),onClick:()=>{d||s?.(e,n)},onKeyDown:t=>{t.target!==t.currentTarget||d||!s||(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),s(e,n))},children:a?.(e,n,x)??(0,l.jsx)(y,{card:e,handle:b})})}function x({column:e,boardDisabled:n,renderCard:r,onCardClick:a,dragHandleLabel:o,emptyColumn:s,columnClassName:c,cardClassName:u}){let{ref:d,isDropTarget:f}=i.useDroppable({id:p(e.key),type:`tembro-kanban-column`,accept:`tembro-kanban-card`,disabled:n||e.disabled===!0,collisionPriority:1,data:{columnKey:e.key}});return(0,l.jsxs)(`section`,{ref:d,"data-slot":`kanban-column`,"data-drop-target":f||void 0,"data-disabled":e.disabled||void 0,"aria-label":typeof e.title==`string`?e.title:void 0,className:t.cn(`grid min-h-40 content-start gap-3 rounded-lg border bg-muted/35 p-3 transition-[border-color,background-color,box-shadow]`,f&&`border-primary/60 bg-primary/5 ring-2 ring-primary/15`,e.disabled&&`opacity-60`,c),children:[(0,l.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,l.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,l.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:e.title}),e.description?(0,l.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e.description}):null]}),(0,l.jsx)(`div`,{className:`rounded-full bg-background px-2 py-0.5 text-xs text-muted-foreground`,children:e.count??e.cards.length})]}),(0,l.jsx)(`div`,{className:`grid min-h-16 content-start gap-2`,children:e.cards.length===0?(0,l.jsxs)(`div`,{className:`grid min-h-20 place-items-center rounded-lg border border-dashed p-3 text-center text-xs text-muted-foreground`,children:[(0,l.jsx)(`span`,{children:s}),(0,l.jsx)(`span`,{className:`sr-only`,children:`No cards yet.`})]}):e.cards.map((t,i)=>(0,l.jsx)(b,{card:t,column:e,index:i,boardDisabled:n,renderCard:r,onCardClick:a,dragHandleLabel:o,cardClassName:u},t.key))})]})}function S({columns:e,defaultColumns:n=[],onColumnsChange:r,onCardMove:o,renderCard:c,onCardClick:u,disabled:d=!1,emptyColumn:p=`Drop cards here.`,dragHandleLabel:g,columnClassName:v,cardClassName:b,overlayClassName:S,className:C,"aria-label":w=`Kanban board`,...T}){let[E,D]=s.useState(()=>n),[O,k]=s.useState(null),[A,j]=s.useState(null),M=s.useRef(null),N=e??E,P=O??N,F=e!==void 0;function I(e){let t=e.operation.source;if(!t)return;let n=String(t.id);M.current=N,k(N),j(n)}function L(e){let t=e.operation.source;if(!t||!a.isSortable(t))return;let n=_(M.current??N,e);M.current=n,k(n)}function R(e){let t=e.operation.source;if(j(null),e.canceled||!t||!a.isSortable(t)){M.current=null,k(null);return}let n=M.current??_(N,e),i=m(String(t.id)),s=h(t.initialGroup),c=h(t.group),l=N.find(e=>e.key===s),u=n.find(e=>e.key===c),d=l?.cards.find(e=>e.key===i);if(M.current=null,k(null),!d||!l||!u)return;let f={card:d,fromColumn:l,toColumn:u,fromIndex:t.initialIndex,toIndex:t.index};F||D(n),r?.(n,f),o?.(f)}let z=A?P.flatMap(e=>e.cards.map(t=>({card:t,column:e}))).find(({card:e})=>f(e.key)===A):void 0;return(0,l.jsxs)(i.DragDropProvider,{onDragStart:I,onDragOver:L,onDragEnd:R,children:[(0,l.jsx)(`div`,{...T,role:`group`,"aria-label":w,"data-slot":`kanban-board`,className:t.cn(`grid auto-cols-[minmax(280px,1fr)] grid-flow-col gap-4 overflow-x-auto pb-2`,C),children:P.map(e=>(0,l.jsx)(x,{column:e,boardDisabled:d,renderCard:c,onCardClick:u,dragHandleLabel:g,emptyColumn:p,columnClassName:v,cardClassName:b},e.key))}),(0,l.jsx)(i.DragOverlay,{children:z?(0,l.jsx)(`div`,{className:t.cn(`min-w-64 rotate-1 opacity-95 shadow-2xl`,S),children:c?.(z.card,z.column,{index:z.column.cards.findIndex(e=>e.key===z.card.key),isDragging:!0,isDropTarget:!1,handle:null})??(0,l.jsx)(y,{card:z.card,handle:null})}):null})]})}exports.KanbanBoard=S;

package/dist/src/components/display/kanban.js

@@ -0,0 +1,242 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Card as t, CardContent as n, CardHeader as r, CardTitle as i } from "../ui/card/index.js";
+import { move as a } from "../../../node_modules/@dnd-kit/helpers/dist/index.js";
+import { DragDropProvider as o, DragOverlay as s, useDroppable as c } from "../../../node_modules/@dnd-kit/react/index.js";
+import { isSortable as l } from "../../../node_modules/@dnd-kit/dom/sortable.js";
+import { useSortable as u } from "../../../node_modules/@dnd-kit/react/sortable.js";
+import * as d from "react";
+import { GripVerticalIcon as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/display/kanban.tsx
+var h = "tembro-kanban-card:", g = "tembro-kanban-column:";
+function _(e) {
+	return `${h}${e}`;
+}
+function v(e) {
+	return `${g}${e}`;
+}
+function y(e) {
+	return e.startsWith(h) ? e.slice(19) : e;
+}
+function b(e) {
+	let t = e === void 0 ? "" : String(e);
+	return t.startsWith(g) ? t.slice(21) : t;
+}
+function x(e) {
+	return new Map(e.flatMap((e) => e.cards.map((e) => [_(e.key), e])));
+}
+function S(e, t) {
+	let n = x(e), r = a(Object.fromEntries(e.map((e) => [v(e.key), e.cards.map((e) => _(e.key))])), t);
+	return e.map((e) => ({
+		...e,
+		cards: (r[v(e.key)] ?? []).map((e) => n.get(String(e))).filter((e) => !!e)
+	}));
+}
+var C = d.forwardRef(function({ label: e, disabled: t }, n) {
+	return /* @__PURE__ */ p("button", {
+		ref: n,
+		type: "button",
+		className: "inline-flex size-8 shrink-0 touch-none items-center justify-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-45",
+		"aria-label": e,
+		disabled: t,
+		onClick: (e) => e.stopPropagation(),
+		children: /* @__PURE__ */ p(f, {
+			className: "size-4",
+			"aria-hidden": "true"
+		})
+	});
+});
+function w({ card: e, handle: a }) {
+	return /* @__PURE__ */ m(t, {
+		className: "transition-colors hover:bg-muted/40",
+		children: [/* @__PURE__ */ p(r, {
+			className: "p-3 pb-1",
+			children: /* @__PURE__ */ m("div", {
+				className: "flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ p(i, {
+					className: "text-sm",
+					children: e.title
+				}), /* @__PURE__ */ m("div", {
+					className: "flex items-center gap-1",
+					children: [e.extra, a]
+				})]
+			})
+		}), e.description || e.meta ? /* @__PURE__ */ m(n, {
+			className: "grid gap-2 p-3 pt-0 text-xs text-muted-foreground",
+			children: [e.description, e.meta ? /* @__PURE__ */ p("div", { children: e.meta }) : null]
+		}) : null]
+	});
+}
+function T({ card: t, column: n, index: r, boardDisabled: i, renderCard: a, onCardClick: o, dragHandleLabel: s, cardClassName: c }) {
+	let l = i || n.disabled === !0 || t.disabled === !0, { ref: d, handleRef: f, isDragging: m, isDropTarget: h } = u({
+		id: _(t.key),
+		index: r,
+		group: v(n.key),
+		type: "tembro-kanban-card",
+		accept: "tembro-kanban-card",
+		disabled: l,
+		data: {
+			cardKey: t.key,
+			columnKey: n.key
+		},
+		transition: {
+			duration: 180,
+			easing: "cubic-bezier(0.2, 0, 0, 1)",
+			idle: !0
+		}
+	}), g = /* @__PURE__ */ p(C, {
+		ref: f,
+		label: s?.(t, n) ?? `Move ${String(t.title)}`,
+		disabled: l
+	}), y = {
+		index: r,
+		isDragging: m,
+		isDropTarget: h,
+		handle: g
+	};
+	return /* @__PURE__ */ p("article", {
+		ref: d,
+		"data-slot": "kanban-card",
+		"data-dragging": m || void 0,
+		"data-drop-target": h || void 0,
+		"data-disabled": l || void 0,
+		role: o && !l ? "button" : void 0,
+		tabIndex: o && !l ? 0 : void 0,
+		"aria-label": typeof t.title == "string" ? t.title : void 0,
+		className: e("rounded-lg outline-none transition-[opacity,box-shadow]", o && !l && "cursor-pointer focus-visible:ring-2 focus-visible:ring-ring", h && "ring-2 ring-primary/30", m && "opacity-30", l && "opacity-55", c),
+		onClick: () => {
+			l || o?.(t, n);
+		},
+		onKeyDown: (e) => {
+			e.target !== e.currentTarget || l || !o || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), o(t, n));
+		},
+		children: a?.(t, n, y) ?? /* @__PURE__ */ p(w, {
+			card: t,
+			handle: g
+		})
+	});
+}
+function E({ column: t, boardDisabled: n, renderCard: r, onCardClick: i, dragHandleLabel: a, emptyColumn: o, columnClassName: s, cardClassName: l }) {
+	let { ref: u, isDropTarget: d } = c({
+		id: v(t.key),
+		type: "tembro-kanban-column",
+		accept: "tembro-kanban-card",
+		disabled: n || t.disabled === !0,
+		collisionPriority: 1,
+		data: { columnKey: t.key }
+	});
+	return /* @__PURE__ */ m("section", {
+		ref: u,
+		"data-slot": "kanban-column",
+		"data-drop-target": d || void 0,
+		"data-disabled": t.disabled || void 0,
+		"aria-label": typeof t.title == "string" ? t.title : void 0,
+		className: e("grid min-h-40 content-start gap-3 rounded-lg border bg-muted/35 p-3 transition-[border-color,background-color,box-shadow]", d && "border-primary/60 bg-primary/5 ring-2 ring-primary/15", t.disabled && "opacity-60", s),
+		children: [/* @__PURE__ */ m("div", {
+			className: "flex items-start justify-between gap-3",
+			children: [/* @__PURE__ */ m("div", {
+				className: "grid gap-0.5",
+				children: [/* @__PURE__ */ p("h3", {
+					className: "text-sm font-semibold text-foreground",
+					children: t.title
+				}), t.description ? /* @__PURE__ */ p("p", {
+					className: "text-xs text-muted-foreground",
+					children: t.description
+				}) : null]
+			}), /* @__PURE__ */ p("div", {
+				className: "rounded-full bg-background px-2 py-0.5 text-xs text-muted-foreground",
+				children: t.count ?? t.cards.length
+			})]
+		}), /* @__PURE__ */ p("div", {
+			className: "grid min-h-16 content-start gap-2",
+			children: t.cards.length === 0 ? /* @__PURE__ */ m("div", {
+				className: "grid min-h-20 place-items-center rounded-lg border border-dashed p-3 text-center text-xs text-muted-foreground",
+				children: [/* @__PURE__ */ p("span", { children: o }), /* @__PURE__ */ p("span", {
+					className: "sr-only",
+					children: "No cards yet."
+				})]
+			}) : t.cards.map((e, o) => /* @__PURE__ */ p(T, {
+				card: e,
+				column: t,
+				index: o,
+				boardDisabled: n,
+				renderCard: r,
+				onCardClick: i,
+				dragHandleLabel: a,
+				cardClassName: l
+			}, e.key))
+		})]
+	});
+}
+function D({ columns: t, defaultColumns: n = [], onColumnsChange: r, onCardMove: i, renderCard: a, onCardClick: c, disabled: u = !1, emptyColumn: f = "Drop cards here.", dragHandleLabel: h, columnClassName: g, cardClassName: v, overlayClassName: x, className: C, "aria-label": T = "Kanban board", ...D }) {
+	let [O, k] = d.useState(() => n), [A, j] = d.useState(null), [M, N] = d.useState(null), P = d.useRef(null), F = t ?? O, I = A ?? F, L = t !== void 0;
+	function R(e) {
+		let t = e.operation.source;
+		if (!t) return;
+		let n = String(t.id);
+		P.current = F, j(F), N(n);
+	}
+	function z(e) {
+		let t = e.operation.source;
+		if (!t || !l(t)) return;
+		let n = S(P.current ?? F, e);
+		P.current = n, j(n);
+	}
+	function B(e) {
+		let t = e.operation.source;
+		if (N(null), e.canceled || !t || !l(t)) {
+			P.current = null, j(null);
+			return;
+		}
+		let n = P.current ?? S(F, e), a = y(String(t.id)), o = b(t.initialGroup), s = b(t.group), c = F.find((e) => e.key === o), u = n.find((e) => e.key === s), d = c?.cards.find((e) => e.key === a);
+		if (P.current = null, j(null), !d || !c || !u) return;
+		let f = {
+			card: d,
+			fromColumn: c,
+			toColumn: u,
+			fromIndex: t.initialIndex,
+			toIndex: t.index
+		};
+		L || k(n), r?.(n, f), i?.(f);
+	}
+	let V = M ? I.flatMap((e) => e.cards.map((t) => ({
+		card: t,
+		column: e
+	}))).find(({ card: e }) => _(e.key) === M) : void 0;
+	return /* @__PURE__ */ m(o, {
+		onDragStart: R,
+		onDragOver: z,
+		onDragEnd: B,
+		children: [/* @__PURE__ */ p("div", {
+			...D,
+			role: "group",
+			"aria-label": T,
+			"data-slot": "kanban-board",
+			className: e("grid auto-cols-[minmax(280px,1fr)] grid-flow-col gap-4 overflow-x-auto pb-2", C),
+			children: I.map((e) => /* @__PURE__ */ p(E, {
+				column: e,
+				boardDisabled: u,
+				renderCard: a,
+				onCardClick: c,
+				dragHandleLabel: h,
+				emptyColumn: f,
+				columnClassName: g,
+				cardClassName: v
+			}, e.key))
+		}), /* @__PURE__ */ p(s, { children: V ? /* @__PURE__ */ p("div", {
+			className: e("min-w-64 rotate-1 opacity-95 shadow-2xl", x),
+			children: a?.(V.card, V.column, {
+				index: V.column.cards.findIndex((e) => e.key === V.card.key),
+				isDragging: !0,
+				isDropTarget: !1,
+				handle: null
+			}) ?? /* @__PURE__ */ p(w, {
+				card: V.card,
+				handle: null
+			})
+		}) : null })]
+	});
+}
+//#endregion
+export { D as KanbanBoard };

package/dist/src/components/display/list.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a={sm:`px-3 py-2`,md:`px-4 py-3`,lg:`px-5 py-4`};function o({items:e,bordered:n=!0,split:r=!0,size:a=`md`,renderItem:o,className:c,children:l,...u}){return(0,i.jsxs)(`div`,{"data-slot":`list`,className:t.cn(`overflow-hidden bg-card`,n&&`rounded-lg border`,c),...u,children:[e?.map((e,t)=>o?.(e,t)??(0,i.jsx)(s,{item:e,split:r,size:a},e.key)),l]})}function s({item:e,split:n=!0,size:o=`md`,className:s,...c}){let l=!!(e.href||e.onClick),u=(0,i.jsxs)(i.Fragment,{children:[e.avatar&&(0,i.jsx)(`div`,{className:`shrink-0`,children:e.avatar}),(0,i.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,i.jsx)(`div`,{className:`truncate text-sm font-medium text-foreground`,children:e.title}),e.description&&(0,i.jsx)(`div`,{className:`mt-0.5 line-clamp-2 text-sm text-muted-foreground`,children:e.description})]}),e.extra&&(0,i.jsx)(`div`,{className:`shrink-0 text-sm text-muted-foreground`,children:e.extra}),l&&(0,i.jsx)(r.ChevronRightIcon,{className:`size-4 shrink-0 text-muted-foreground`})]}),d=t.cn(`flex items-center gap-3 bg-card transition-colors`,a[o],n&&`border-b last:border-b-0`,l&&!e.disabled&&`cursor-pointer hover:bg-muted/50`,e.disabled&&`pointer-events-none opacity-55`,s);return e.href?(0,i.jsx)(`a`,{"data-slot":`list-row`,href:e.href,className:d,...c,children:u}):(0,i.jsx)(`div`,{"data-slot":`list-row`,role:l?`button`:void 0,tabIndex:l&&!e.disabled?0:void 0,className:d,onClick:e.onClick,...c,children:u})}exports.List=o,exports.ListRow=s;

package/dist/src/components/display/list.js

@@ -0,0 +1,62 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { ChevronRightIcon as t } from "lucide-react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/display/list.tsx
+var a = {
+	sm: "px-3 py-2",
+	md: "px-4 py-3",
+	lg: "px-5 py-4"
+};
+function o({ items: t, bordered: n = !0, split: a = !0, size: o = "md", renderItem: c, className: l, children: u, ...d }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "list",
+		className: e("overflow-hidden bg-card", n && "rounded-lg border", l),
+		...d,
+		children: [t?.map((e, t) => c?.(e, t) ?? /* @__PURE__ */ r(s, {
+			item: e,
+			split: a,
+			size: o
+		}, e.key)), u]
+	});
+}
+function s({ item: o, split: s = !0, size: c = "md", className: l, ...u }) {
+	let d = !!(o.href || o.onClick), f = /* @__PURE__ */ i(n, { children: [
+		o.avatar && /* @__PURE__ */ r("div", {
+			className: "shrink-0",
+			children: o.avatar
+		}),
+		/* @__PURE__ */ i("div", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ r("div", {
+				className: "truncate text-sm font-medium text-foreground",
+				children: o.title
+			}), o.description && /* @__PURE__ */ r("div", {
+				className: "mt-0.5 line-clamp-2 text-sm text-muted-foreground",
+				children: o.description
+			})]
+		}),
+		o.extra && /* @__PURE__ */ r("div", {
+			className: "shrink-0 text-sm text-muted-foreground",
+			children: o.extra
+		}),
+		d && /* @__PURE__ */ r(t, { className: "size-4 shrink-0 text-muted-foreground" })
+	] }), p = e("flex items-center gap-3 bg-card transition-colors", a[c], s && "border-b last:border-b-0", d && !o.disabled && "cursor-pointer hover:bg-muted/50", o.disabled && "pointer-events-none opacity-55", l);
+	return o.href ? /* @__PURE__ */ r("a", {
+		"data-slot": "list-row",
+		href: o.href,
+		className: p,
+		...u,
+		children: f
+	}) : /* @__PURE__ */ r("div", {
+		"data-slot": "list-row",
+		role: d ? "button" : void 0,
+		tabIndex: d && !o.disabled ? 0 : void 0,
+		className: p,
+		onClick: o.onClick,
+		...u,
+		children: f
+	});
+}
+//#endregion
+export { o as List, s as ListRow };

package/dist/src/components/display/metric-grid.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 xl:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 xl:grid-cols-4`},o={default:``,success:`border-emerald-500/20 bg-emerald-500/5`,warning:`border-amber-500/20 bg-amber-500/5`,danger:`border-destructive/20 bg-destructive/5`,info:`border-blue-500/20 bg-blue-500/5`,muted:`bg-muted/40`};function s({className:e,items:r,columns:s=4,compact:c=!1,itemClassName:l,...u}){let d=r.filter(e=>!e.hidden);return(0,i.jsx)(`div`,{"data-slot":`metric-grid`,className:t.cn(`grid gap-3`,a[s],e),...u,children:d.map(e=>(0,i.jsxs)(n.Card,{"data-slot":`stat-card`,"data-tone":e.tone??`default`,className:t.cn(`min-w-0 overflow-hidden`,o[e.tone??`default`],l,e.className),children:[(0,i.jsxs)(n.CardHeader,{className:t.cn(`flex flex-row items-start justify-between gap-3 space-y-0`,c?`p-3 pb-1`:`pb-2`),children:[(0,i.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[(0,i.jsx)(n.CardDescription,{className:`truncate`,children:e.label}),(0,i.jsx)(n.CardTitle,{className:t.cn(`truncate`,c?`text-xl`:`text-2xl`),children:e.loading?(0,i.jsx)(`span`,{className:`block h-8 w-24 animate-pulse rounded bg-muted`}):e.value})]}),e.icon&&(0,i.jsx)(`div`,{className:`shrink-0 rounded-lg bg-muted p-2 text-muted-foreground [&_svg]:size-4`,children:e.icon})]}),(e.description||e.trend)&&(0,i.jsxs)(n.CardContent,{className:t.cn(`flex min-w-0 items-center justify-between gap-2`,c?`p-3 pt-1`:`pt-0`),children:[e.description&&(0,i.jsx)(`div`,{className:`min-w-0 truncate text-xs text-muted-foreground`,children:e.description}),e.trend&&(0,i.jsx)(`div`,{className:`shrink-0 text-xs font-medium`,children:e.trend})]})]},e.key))})}exports.MetricGrid=s;

package/dist/src/components/display/metric-grid.js

@@ -0,0 +1,58 @@
+import { cn as e } from "../../lib/utils.js";
+import { Card as t, CardContent as n, CardDescription as r, CardHeader as i, CardTitle as a } from "../ui/card/index.js";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/display/metric-grid.tsx
+var c = {
+	1: "grid-cols-1",
+	2: "grid-cols-1 sm:grid-cols-2",
+	3: "grid-cols-1 sm:grid-cols-2 xl:grid-cols-3",
+	4: "grid-cols-1 sm:grid-cols-2 xl:grid-cols-4"
+}, l = {
+	default: "",
+	success: "border-emerald-500/20 bg-emerald-500/5",
+	warning: "border-amber-500/20 bg-amber-500/5",
+	danger: "border-destructive/20 bg-destructive/5",
+	info: "border-blue-500/20 bg-blue-500/5",
+	muted: "bg-muted/40"
+};
+function u({ className: u, items: d, columns: f = 4, compact: p = !1, itemClassName: m, ...h }) {
+	let g = d.filter((e) => !e.hidden);
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "metric-grid",
+		className: e("grid gap-3", c[f], u),
+		...h,
+		children: g.map((c) => /* @__PURE__ */ s(t, {
+			"data-slot": "stat-card",
+			"data-tone": c.tone ?? "default",
+			className: e("min-w-0 overflow-hidden", l[c.tone ?? "default"], m, c.className),
+			children: [/* @__PURE__ */ s(i, {
+				className: e("flex flex-row items-start justify-between gap-3 space-y-0", p ? "p-3 pb-1" : "pb-2"),
+				children: [/* @__PURE__ */ s("div", {
+					className: "min-w-0 space-y-1",
+					children: [/* @__PURE__ */ o(r, {
+						className: "truncate",
+						children: c.label
+					}), /* @__PURE__ */ o(a, {
+						className: e("truncate", p ? "text-xl" : "text-2xl"),
+						children: c.loading ? /* @__PURE__ */ o("span", { className: "block h-8 w-24 animate-pulse rounded bg-muted" }) : c.value
+					})]
+				}), c.icon && /* @__PURE__ */ o("div", {
+					className: "shrink-0 rounded-lg bg-muted p-2 text-muted-foreground [&_svg]:size-4",
+					children: c.icon
+				})]
+			}), (c.description || c.trend) && /* @__PURE__ */ s(n, {
+				className: e("flex min-w-0 items-center justify-between gap-2", p ? "p-3 pt-1" : "pt-0"),
+				children: [c.description && /* @__PURE__ */ o("div", {
+					className: "min-w-0 truncate text-xs text-muted-foreground",
+					children: c.description
+				}), c.trend && /* @__PURE__ */ o("div", {
+					className: "shrink-0 text-xs font-medium",
+					children: c.trend
+				})]
+			})]
+		}, c.key))
+	});
+}
+//#endregion
+export { u as MetricGrid };

package/dist/src/components/display/progress-circle.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({value:e=0,max:n=100,label:i,className:a,...o}){let s=n>0?Math.max(0,Math.min(100,Math.round(e/n*100))):0;return(0,r.jsxs)(`div`,{"data-slot":`progress-circle`,className:t.cn(`inline-flex items-center gap-3`,a),...o,children:[(0,r.jsxs)(`span`,{className:`inline-flex size-14 items-center justify-center rounded-full border-4 border-muted bg-background text-xs font-semibold text-foreground`,children:[s,`%`]}),i?(0,r.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:i}):null]})}exports.ProgressCircle=i;

package/dist/src/components/display/progress-circle.js

@@ -0,0 +1,21 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/display/progress-circle.tsx
+function r({ value: r = 0, max: i = 100, label: a, className: o, ...s }) {
+	let c = i > 0 ? Math.max(0, Math.min(100, Math.round(r / i * 100))) : 0;
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "progress-circle",
+		className: e("inline-flex items-center gap-3", o),
+		...s,
+		children: [/* @__PURE__ */ n("span", {
+			className: "inline-flex size-14 items-center justify-center rounded-full border-4 border-muted bg-background text-xs font-semibold text-foreground",
+			children: [c, "%"]
+		}), a ? /* @__PURE__ */ t("span", {
+			className: "text-sm text-muted-foreground",
+			children: a
+		}) : null]
+	});
+}
+//#endregion
+export { r as ProgressCircle };

package/dist/src/components/display/progress.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={default:`bg-primary`,success:`bg-emerald-500`,info:`bg-blue-500`,warning:`bg-amber-500`,danger:`bg-destructive`,muted:`bg-muted-foreground`},o={sm:`h-1.5`,default:`h-2`,lg:`h-3`};function s(e,t,n){return Math.min(Math.max(e,t),n)}function c(e,t,n){return e==null||!Number.isFinite(e)||n<=t?0:(s(e,t,n)-t)/(n-t)*100}function l({value:e=0,min:n=0,max:r=100,label:s,description:l,showValue:u=!1,valueFormatter:d,tone:f=`default`,size:p=`default`,indeterminate:m=!1,className:h,trackClassName:g,indicatorClassName:_,...v}){let y=c(e,n,r),b=e??n;return(0,i.jsxs)(`div`,{"data-slot":`progress`,className:t.cn(`grid gap-1.5`,h),...v,children:[(s||l||u)&&(0,i.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3 text-sm`,children:[(0,i.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[s&&(0,i.jsx)(`div`,{className:`font-medium leading-none`,children:s}),l&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:l})]}),u&&(0,i.jsx)(`div`,{className:`shrink-0 text-xs font-medium text-muted-foreground`,children:d?d(b,y):`${Math.round(y)}%`})]}),(0,i.jsx)(`div`,{"data-slot":`progress-track`,className:t.cn(`w-full overflow-hidden rounded-full bg-muted`,o[p],g),role:`progressbar`,"aria-valuemin":n,"aria-valuemax":r,"aria-valuenow":m?void 0:b,"aria-label":typeof s==`string`?s:void 0,children:(0,i.jsx)(`div`,{"data-slot":`progress-indicator`,"data-indeterminate":m||void 0,className:t.cn(`h-full rounded-full transition-all data-[indeterminate=true]:w-1/3 data-[indeterminate=true]:animate-pulse`,a[f],_),style:m?void 0:{width:`${y}%`}})})]})}function u({title:e,description:r,value:a,min:o,max:s,tone:c,size:u,showValue:d=!0,valueFormatter:f,footer:p,progressClassName:m,className:h,...g}){return(0,i.jsxs)(n.Card,{"data-slot":`progress-card`,className:t.cn(`min-w-0`,h),...g,children:[(0,i.jsx)(n.CardHeader,{children:(0,i.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e&&(0,i.jsx)(n.CardTitle,{children:e}),r&&(0,i.jsx)(n.CardDescription,{children:r})]})}),(0,i.jsxs)(n.CardContent,{className:`space-y-3`,children:[(0,i.jsx)(l,{value:a,min:o,max:s,tone:c,size:u,showValue:d,valueFormatter:f,className:m}),p]})]})}exports.Progress=l,exports.ProgressCard=u,exports.getProgressPercent=c;

package/dist/src/components/display/progress.js

@@ -0,0 +1,86 @@
+import { cn as e } from "../../lib/utils.js";
+import { Card as t, CardContent as n, CardDescription as r, CardHeader as i, CardTitle as a } from "../ui/card/index.js";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/display/progress.tsx
+var c = {
+	default: "bg-primary",
+	success: "bg-emerald-500",
+	info: "bg-blue-500",
+	warning: "bg-amber-500",
+	danger: "bg-destructive",
+	muted: "bg-muted-foreground"
+}, l = {
+	sm: "h-1.5",
+	default: "h-2",
+	lg: "h-3"
+};
+function u(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function d(e, t, n) {
+	return e == null || !Number.isFinite(e) || n <= t ? 0 : (u(e, t, n) - t) / (n - t) * 100;
+}
+function f({ value: t = 0, min: n = 0, max: r = 100, label: i, description: a, showValue: u = !1, valueFormatter: f, tone: p = "default", size: m = "default", indeterminate: h = !1, className: g, trackClassName: _, indicatorClassName: v, ...y }) {
+	let b = d(t, n, r), x = t ?? n;
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "progress",
+		className: e("grid gap-1.5", g),
+		...y,
+		children: [(i || a || u) && /* @__PURE__ */ s("div", {
+			className: "flex min-w-0 items-start justify-between gap-3 text-sm",
+			children: [/* @__PURE__ */ s("div", {
+				className: "min-w-0 space-y-0.5",
+				children: [i && /* @__PURE__ */ o("div", {
+					className: "font-medium leading-none",
+					children: i
+				}), a && /* @__PURE__ */ o("div", {
+					className: "text-xs text-muted-foreground",
+					children: a
+				})]
+			}), u && /* @__PURE__ */ o("div", {
+				className: "shrink-0 text-xs font-medium text-muted-foreground",
+				children: f ? f(x, b) : `${Math.round(b)}%`
+			})]
+		}), /* @__PURE__ */ o("div", {
+			"data-slot": "progress-track",
+			className: e("w-full overflow-hidden rounded-full bg-muted", l[m], _),
+			role: "progressbar",
+			"aria-valuemin": n,
+			"aria-valuemax": r,
+			"aria-valuenow": h ? void 0 : x,
+			"aria-label": typeof i == "string" ? i : void 0,
+			children: /* @__PURE__ */ o("div", {
+				"data-slot": "progress-indicator",
+				"data-indeterminate": h || void 0,
+				className: e("h-full rounded-full transition-all data-[indeterminate=true]:w-1/3 data-[indeterminate=true]:animate-pulse", c[p], v),
+				style: h ? void 0 : { width: `${b}%` }
+			})
+		})]
+	});
+}
+function p({ title: c, description: l, value: u, min: d, max: p, tone: m, size: h, showValue: g = !0, valueFormatter: _, footer: v, progressClassName: y, className: b, ...x }) {
+	return /* @__PURE__ */ s(t, {
+		"data-slot": "progress-card",
+		className: e("min-w-0", b),
+		...x,
+		children: [/* @__PURE__ */ o(i, { children: /* @__PURE__ */ s("div", {
+			className: "min-w-0 space-y-1",
+			children: [c && /* @__PURE__ */ o(a, { children: c }), l && /* @__PURE__ */ o(r, { children: l })]
+		}) }), /* @__PURE__ */ s(n, {
+			className: "space-y-3",
+			children: [/* @__PURE__ */ o(f, {
+				value: u,
+				min: d,
+				max: p,
+				tone: m,
+				size: h,
+				showValue: g,
+				valueFormatter: _,
+				className: y
+			}), v]
+		})]
+	});
+}
+//#endregion
+export { f as Progress, p as ProgressCard, d as getProgressPercent };

package/dist/src/components/display/property-grid.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({items:e,columns:n=3,bordered:i=!0,className:a,...o}){return(0,r.jsx)(`div`,{"data-slot":`property-grid`,className:t.cn(`grid gap-3`,n===1&&`grid-cols-1`,n===2&&`grid-cols-1 sm:grid-cols-2`,n===3&&`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,n===4&&`grid-cols-1 sm:grid-cols-2 lg:grid-cols-4`,a),...o,children:e.map(e=>(0,r.jsxs)(`div`,{"data-slot":`property-grid-item`,className:t.cn(`min-w-0 rounded-lg bg-card p-3`,i&&`border`,e.span===2&&`sm:col-span-2`,e.span===3&&`lg:col-span-3`,e.span===4&&`lg:col-span-4`),children:[(0,r.jsx)(`div`,{className:`text-xs font-medium uppercase tracking-wide text-muted-foreground`,children:e.label}),(0,r.jsx)(`div`,{className:`mt-1 break-words text-sm font-medium text-foreground`,children:e.value}),e.description&&(0,r.jsx)(`div`,{className:`mt-1 text-xs text-muted-foreground`,children:e.description})]},e.key))})}exports.PropertyGrid=i;

package/dist/src/components/display/property-grid.js

@@ -0,0 +1,31 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/display/property-grid.tsx
+function r({ items: r, columns: i = 3, bordered: a = !0, className: o, ...s }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "property-grid",
+		className: e("grid gap-3", i === 1 && "grid-cols-1", i === 2 && "grid-cols-1 sm:grid-cols-2", i === 3 && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3", i === 4 && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4", o),
+		...s,
+		children: r.map((r) => /* @__PURE__ */ n("div", {
+			"data-slot": "property-grid-item",
+			className: e("min-w-0 rounded-lg bg-card p-3", a && "border", r.span === 2 && "sm:col-span-2", r.span === 3 && "lg:col-span-3", r.span === 4 && "lg:col-span-4"),
+			children: [
+				/* @__PURE__ */ t("div", {
+					className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
+					children: r.label
+				}),
+				/* @__PURE__ */ t("div", {
+					className: "mt-1 break-words text-sm font-medium text-foreground",
+					children: r.value
+				}),
+				r.description && /* @__PURE__ */ t("div", {
+					className: "mt-1 text-xs text-muted-foreground",
+					children: r.description
+				})
+			]
+		}, r.key))
+	});
+}
+//#endregion
+export { r as PropertyGrid };

package/dist/src/components/display/result.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");var o={success:(0,a.jsx)(i.CheckCircle2Icon,{className:`size-8`}),error:(0,a.jsx)(i.AlertCircleIcon,{className:`size-8`}),warning:(0,a.jsx)(i.TriangleAlertIcon,{className:`size-8`}),info:(0,a.jsx)(i.InfoIcon,{className:`size-8`}),"not-found":(0,a.jsx)(i.InfoIcon,{className:`size-8`}),forbidden:(0,a.jsx)(i.ShieldAlertIcon,{className:`size-8`}),"server-error":(0,a.jsx)(i.AlertCircleIcon,{className:`size-8`})},s={success:`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`,error:`bg-destructive/10 text-destructive`,warning:`bg-amber-500/10 text-amber-600 dark:text-amber-400`,info:`bg-blue-500/10 text-blue-600 dark:text-blue-400`,"not-found":`bg-muted text-muted-foreground`,forbidden:`bg-amber-500/10 text-amber-600 dark:text-amber-400`,"server-error":`bg-destructive/10 text-destructive`},c={success:`Success`,error:`Something went wrong`,warning:`Check this action`,info:`Information`,"not-found":`Page not found`,forbidden:`Access forbidden`,"server-error":`Server error`};function l({status:e=`info`,icon:n,title:r,description:i,actions:l,extra:u,compact:d=!1,iconClassName:f,titleClassName:p,descriptionClassName:m,className:h,...g}){return(0,a.jsxs)(`div`,{"data-slot":`result`,"data-status":e,className:t.cn(`flex flex-col items-center justify-center text-center`,d?`gap-3 p-4`:`gap-4 p-8`,h),...g,children:[(0,a.jsx)(`div`,{className:t.cn(`flex items-center justify-center rounded-full`,d?`size-12`:`size-16`,s[e],f),children:n??o[e]}),(0,a.jsxs)(`div`,{className:`max-w-lg space-y-2`,children:[(0,a.jsx)(`h3`,{className:t.cn(`font-semibold tracking-tight`,d?`text-base`:`text-2xl`,p),children:r??c[e]}),i&&(0,a.jsx)(`p`,{className:t.cn(`text-sm leading-6 text-muted-foreground`,m),children:i})]}),l&&(0,a.jsx)(`div`,{className:`flex flex-wrap justify-center gap-2`,children:l}),u&&(0,a.jsx)(`div`,{className:`w-full max-w-2xl`,children:u})]})}function u({className:e,...r}){return(0,a.jsx)(n.Button,{className:t.cn(`min-w-28`,e),...r})}exports.Result=l,exports.ResultAction=u;