tembro 3.0.0 → 3.1.5

package/registry.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://tembro.dev/registry.schema.json",
   "name": "tembro",
-  "version": "3.0.0",
+  "version": "3.1.5",
   "description": "Reusable React + TypeScript UI kit registry",
   "groups": {
     "ui": [
@@ -33,16 +33,10 @@
     "overlay": [
       "alert-dialog",
       "confirm-dialog",
-      "drawer",
-      "modal-shell",
-      "sheet-shell"
+      "drawer"
     ],
     "navigation": [
-      "nav-tabs",
-      "page-tabs",
-      "pagination",
-      "stepper-tabs",
-      "command-bar"
+      "pagination"
     ],
     "inputs": [
       "async-select",
@@ -50,9 +44,22 @@
       "rating",
       "slider",
       "tag-input",
-      "inline-editable"
+      "inline-editable",
+      "color-picker",
+      "signature-pad",
+      "json-input",
+      "time-picker"
+    ],
+    "form": [
+      "form-date-picker",
+      "form-date-range-input",
+      "form-date-range-picker",
+      "form-field-shell",
+      "form-input",
+      "form-select",
+      "form-switch",
+      "form-textarea"
     ],
-    "form": [],
     "feedback": [
       "alert",
       "loading-state",
@@ -63,23 +70,23 @@
       "activity-feed",
       "avatar",
       "code-block",
-      "data-list",
+      "description-list",
       "data-state",
       "info-card",
       "kanban",
+      "qr-code",
+      "virtual-list",
       "list",
-      "metric-grid",
       "progress",
       "progress-circle",
-      "property-grid",
-      "result",
       "statistic",
       "status-dot",
       "status-legend",
       "timeline",
       "tree-view",
-      "user-card",
-      "trend-card"
+      "carousel",
+      "tag",
+      "typography"
     ],
     "actions": [
       "action-menu",
@@ -87,6 +94,9 @@
       "copy-button",
       "quick-action-grid"
     ],
+    "dnd": [
+      "sortable-list"
+    ],
     "layout": [
       "sidebar",
       "breadcrumbs",
@@ -116,25 +126,26 @@
       "toast",
       "notification-center"
     ],
-    "command": [],
+    "command": [
+      "command-palette"
+    ],
     "patterns": [
+      "form-builder",
       "resource-page",
-      "resource-detail-page"
+      "resource-detail-page",
+      "empty-state",
+      "page-toolbar",
+      "bulk-action-bar",
+      "detail-layout",
+      "settings-page",
+      "data-view"
     ],
     "modern": [
       "calendar-scheduler",
       "dual-list-picker",
-      "menubar",
-      "navigation-menu",
       "resizable-panel",
       "rich-text-editor",
-      "tour",
-      "qr-code",
-      "tag",
-      "carousel",
-      "typography",
-      "json-input",
-      "time-picker"
+      "image-cropper"
     ],
     "hooks": [
       "use-session-storage-state",
@@ -149,7 +160,8 @@
       "calendar-kit",
       "wizard-kit",
       "all"
-    ]
+    ],
+    "charts": []
   },
   "recommended": [
     "button",
@@ -177,15 +189,14 @@
     "loading-state",
     "progress",
     "progress-circle",
-    "metric-grid",
     "activity-feed",
-    "data-list",
-    "user-card",
     "action-menu",
     "filter-bar",
-    "trend-card",
     "notification-center",
-    "command-bar"
+    "command-palette",
+    "list",
+    "empty-state",
+    "page-toolbar"
   ],
   "recommendedByMode": {
     "foundation": [
@@ -211,9 +222,7 @@
       "data-state",
       "loading-state",
       "progress-circle",
-      "metric-grid",
       "activity-feed",
-      "user-card",
       "action-menu",
       "filter-bar",
       "date-picker",
@@ -221,9 +230,18 @@
       "file-upload",
       "use-data-table-view-state",
       "data-table",
-      "trend-card",
       "notification-center",
-      "command-bar"
+      "sortable-list",
+      "virtual-list",
+      "color-picker",
+      "signature-pad",
+      "qr-code",
+      "rich-text-editor",
+      "image-cropper",
+      "command-palette",
+      "empty-state",
+      "page-toolbar",
+      "data-view"
     ],
     "system": [
       "data-table",
@@ -255,31 +273,42 @@
       "segmented-control",
       "skeleton",
       "spinner",
-      "command-bar",
+      "command-palette",
       "inline-editable",
       "avatar",
       "code-block",
       "data-state",
       "kanban",
       "list",
-      "property-grid",
+      "description-list",
       "statistic",
       "tree-view",
       "copy-button",
       "section",
+      "form-builder",
+      "empty-state",
+      "page-toolbar",
+      "bulk-action-bar",
+      "detail-layout",
+      "settings-page",
+      "data-view",
+      "resource-page",
+      "resource-detail-page",
       "calendar-scheduler",
       "dual-list-picker",
-      "menubar",
-      "navigation-menu",
       "resizable-panel",
-      "rich-text-editor",
-      "tour",
-      "qr-code",
       "tag",
       "carousel",
       "typography",
       "json-input",
-      "time-picker"
+      "time-picker",
+      "sortable-list",
+      "virtual-list",
+      "color-picker",
+      "signature-pad",
+      "qr-code",
+      "rich-text-editor",
+      "image-cropper"
     ]
   },
   "migrationAliases": {
@@ -295,30 +324,24 @@
     "date-range-input": "input",
     "simple-select": "select",
     "combobox": "select",
-    "async-multi-select": "async-select",
-    "form-async-select": "select",
+    "hover-card": "popover",
+    "copy-field": "copy-button",
+    "comparison-card": "card",
+    "delta-badge": "badge",
+    "trend-card": "statistic",
+    "user-card": "avatar",
+    "form-async-select": "form-select",
     "app-sidebar": "sidebar",
     "smart-card": "info-card",
-    "app-header": "sidebar",
-    "app-shell": "sidebar",
-    "copy-field": "copy-button",
     "file-dropzone": "file-upload",
-    "form-field-shell": "input",
-    "form-input": "input",
-    "form-select": "select",
-    "form-switch": "switch",
-    "form-textarea": "textarea",
-    "hover-card": "tooltip",
     "page-container": "sidebar",
-    "page-header": "breadcrumbs",
     "section-header": "section",
     "sidebar-nav": "sidebar",
-    "stat-card": "metric-grid",
+    "stat-card": "statistic",
     "sticky-footer-bar": "sidebar",
     "input-decorator": "input",
     "input-value": "input",
     "inputs": "input",
-    "form": "input",
     "data-table-actions-column": "data-table",
     "data-table-bulk-actions": "data-table",
     "data-table-column-visibility-menu": "data-table",
@@ -330,6 +353,21 @@
     "data-table-toolbar": "data-table",
     "data-table-view-presets": "data-table",
     "table-export-menu": "data-table",
-    "table-import-button": "data-table"
+    "table-import-button": "data-table",
+    "sheet-shell": "drawer",
+    "nav-tabs": "tabs",
+    "page-tabs": "tabs",
+    "stepper-tabs": "stepper",
+    "command-bar": "command-palette",
+    "data-list": "list",
+    "property-grid": "description-list",
+    "result": "page-state",
+    "app-header": "sidebar",
+    "page-header": "section",
+    "kpi": "statistic",
+    "progress-ring": "progress-circle",
+    "dialog-actions": "dialog",
+    "modal-shell": "dialog",
+    "horizontal-bar-chart": "data-view"
   }
 }

package/dist/components/actions/copy-field.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./copy-button.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({value:e,label:r,description:a,copyButtonProps:o,monospace:s=!0,className:c,...l}){return(0,i.jsxs)(`div`,{"data-slot":`copy-field`,className:t.cn(`grid gap-2`,c),...l,children:[(r||a)&&(0,i.jsxs)(`div`,{className:`grid gap-0.5`,children:[r&&(0,i.jsx)(`div`,{className:`text-sm font-medium text-foreground`,children:r}),a&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:a})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg border bg-card p-2`,children:[(0,i.jsx)(`div`,{className:t.cn(`min-w-0 flex-1 truncate text-sm text-muted-foreground`,s&&`font-mono`),children:e}),(0,i.jsx)(n.CopyButton,{value:e,size:`sm`,variant:`outline`,...o})]})]})}exports.CopyField=a;

package/dist/components/actions/copy-field.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { type CopyButtonProps } from "@/components/actions/copy-button";
-export type CopyFieldProps = React.ComponentProps<"div"> & {
-    value: string;
-    label?: React.ReactNode;
-    description?: React.ReactNode;
-    copyButtonProps?: Omit<CopyButtonProps, "value">;
-    monospace?: boolean;
-};
-declare function CopyField({ value, label, description, copyButtonProps, monospace, className, ...props }: CopyFieldProps): React.JSX.Element;
-export { CopyField };

package/dist/components/actions/copy-field.js

@@ -1,35 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { CopyButton as t } from "./copy-button.js";
-import "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/actions/copy-field.tsx
-function i({ value: i, label: a, description: o, copyButtonProps: s, monospace: c = !0, className: l, ...u }) {
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "copy-field",
-		className: e("grid gap-2", l),
-		...u,
-		children: [(a || o) && /* @__PURE__ */ r("div", {
-			className: "grid gap-0.5",
-			children: [a && /* @__PURE__ */ n("div", {
-				className: "text-sm font-medium text-foreground",
-				children: a
-			}), o && /* @__PURE__ */ n("div", {
-				className: "text-xs text-muted-foreground",
-				children: o
-			})]
-		}), /* @__PURE__ */ r("div", {
-			className: "flex items-center gap-2 rounded-lg border bg-card p-2",
-			children: [/* @__PURE__ */ n("div", {
-				className: e("min-w-0 flex-1 truncate text-sm text-muted-foreground", c && "font-mono"),
-				children: i
-			}), /* @__PURE__ */ n(t, {
-				value: i,
-				size: "sm",
-				variant: "outline",
-				...s
-			})]
-		})]
-	});
-}
-//#endregion
-export { i as CopyField };

package/dist/components/charts/horizontal-bar-chart.cjs

@@ -1 +0,0 @@
-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({data:e,max:n,showValue:i=!0,emptyLabel:a=`No ranking data.`,valueFormatter:o,className:s,...c}){let l=n??Math.max(...e.map(e=>e.value),1);return e.length===0?(0,r.jsx)(`div`,{"data-slot":`horizontal-bar-chart`,className:t.cn(`rounded-[min(var(--radius-xl),16px)] border border-dashed border-border/70 px-4 py-10 text-center text-sm text-muted-foreground`,s),...c,children:a}):(0,r.jsx)(`div`,{"data-slot":`horizontal-bar-chart`,className:t.cn(`grid gap-3`,s),...c,children:e.map(e=>{let t=l>0?Math.max(0,Math.min(e.value/l*100,100)):0;return(0,r.jsxs)(`div`,{className:`grid gap-1.5`,children:[(0,r.jsxs)(`div`,{className:`flex items-center justify-between gap-3 text-sm`,children:[(0,r.jsxs)(`div`,{className:`min-w-0`,children:[(0,r.jsx)(`div`,{className:`truncate font-medium text-foreground`,children:e.label}),e.description&&(0,r.jsx)(`div`,{className:`truncate text-xs text-muted-foreground`,children:e.description})]}),i&&(0,r.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground`,children:o?o(e.value):e.value.toLocaleString()})]}),(0,r.jsx)(`div`,{className:`h-2 overflow-hidden rounded-full bg-muted`,children:(0,r.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${t}%`,background:e.color}})})]},e.key)})})}exports.HorizontalBarChart=i;

package/dist/components/charts/horizontal-bar-chart.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-export type HorizontalBarDatum = {
-    key: string;
-    label: React.ReactNode;
-    value: number;
-    description?: React.ReactNode;
-    color?: string;
-};
-export type HorizontalBarChartProps = React.ComponentProps<"div"> & {
-    data: HorizontalBarDatum[];
-    max?: number;
-    showValue?: boolean;
-    emptyLabel?: React.ReactNode;
-    valueFormatter?: (value: number) => React.ReactNode;
-};
-declare function HorizontalBarChart({ data, max, showValue, emptyLabel, valueFormatter, className, ...props }: HorizontalBarChartProps): React.JSX.Element;
-export { HorizontalBarChart };

package/dist/components/charts/horizontal-bar-chart.js

@@ -1,50 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/charts/horizontal-bar-chart.tsx
-function r({ data: r, max: i, showValue: a = !0, emptyLabel: o = "No ranking data.", valueFormatter: s, className: c, ...l }) {
-	let u = i ?? Math.max(...r.map((e) => e.value), 1);
-	return r.length === 0 ? /* @__PURE__ */ t("div", {
-		"data-slot": "horizontal-bar-chart",
-		className: e("rounded-[min(var(--radius-xl),16px)] border border-dashed border-border/70 px-4 py-10 text-center text-sm text-muted-foreground", c),
-		...l,
-		children: o
-	}) : /* @__PURE__ */ t("div", {
-		"data-slot": "horizontal-bar-chart",
-		className: e("grid gap-3", c),
-		...l,
-		children: r.map((e) => {
-			let r = u > 0 ? Math.max(0, Math.min(e.value / u * 100, 100)) : 0;
-			return /* @__PURE__ */ n("div", {
-				className: "grid gap-1.5",
-				children: [/* @__PURE__ */ n("div", {
-					className: "flex items-center justify-between gap-3 text-sm",
-					children: [/* @__PURE__ */ n("div", {
-						className: "min-w-0",
-						children: [/* @__PURE__ */ t("div", {
-							className: "truncate font-medium text-foreground",
-							children: e.label
-						}), e.description && /* @__PURE__ */ t("div", {
-							className: "truncate text-xs text-muted-foreground",
-							children: e.description
-						})]
-					}), a && /* @__PURE__ */ t("div", {
-						className: "text-xs font-medium text-muted-foreground",
-						children: s ? s(e.value) : e.value.toLocaleString()
-					})]
-				}), /* @__PURE__ */ t("div", {
-					className: "h-2 overflow-hidden rounded-full bg-muted",
-					children: /* @__PURE__ */ t("div", {
-						className: "h-full rounded-full bg-primary",
-						style: {
-							width: `${r}%`,
-							background: e.color
-						}
-					})
-				})]
-			}, e.key);
-		})
-	});
-}
-//#endregion
-export { r as HorizontalBarChart };

package/dist/components/charts/kpi.cjs

@@ -1 +0,0 @@
-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("./charts.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={neutral:`bg-muted text-muted-foreground`,success:`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`,warning:`bg-amber-500/10 text-amber-600 dark:text-amber-400`,danger:`bg-destructive/10 text-destructive`};function s({label:e,value:i,description:s,change:c,tone:l=`neutral`,values:u,icon:d,className:f,...p}){return(0,a.jsxs)(n.Card,{"data-slot":`kpi-card`,className:t.cn(`overflow-hidden`,f),...p,children:[(0,a.jsxs)(n.CardHeader,{className:`flex flex-row items-start justify-between gap-3 pb-2`,children:[(0,a.jsx)(n.CardTitle,{className:`text-sm font-medium text-muted-foreground`,children:e}),d&&(0,a.jsx)(`div`,{className:`text-muted-foreground`,children:d})]}),(0,a.jsxs)(n.CardContent,{className:`grid gap-3`,children:[(0,a.jsxs)(`div`,{className:`flex items-end justify-between gap-3`,children:[(0,a.jsxs)(`div`,{className:`grid gap-1`,children:[(0,a.jsx)(`div`,{className:`text-2xl font-semibold tracking-tight text-foreground`,children:i}),s&&(0,a.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:s})]}),c&&(0,a.jsx)(`div`,{className:t.cn(`rounded-full px-2 py-1 text-xs font-medium`,o[l]),children:c})]}),u&&(0,a.jsx)(r.Sparkline,{values:u,positive:l!==`danger`})]})]})}function c({columns:e=4,className:n,...r}){return(0,a.jsx)(`div`,{"data-slot":`kpi-grid`,className:t.cn(`grid gap-4`,e===1&&`grid-cols-1`,e===2&&`grid-cols-1 sm:grid-cols-2`,e===3&&`grid-cols-1 sm:grid-cols-2 xl:grid-cols-3`,e===4&&`grid-cols-1 sm:grid-cols-2 xl:grid-cols-4`,n),...r})}exports.KpiCard=s,exports.KpiGrid=c;

package/dist/components/charts/kpi.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { Card } from "@/components/ui/card";
-export type KpiTone = "neutral" | "success" | "warning" | "danger";
-export type KpiCardProps = React.ComponentProps<typeof Card> & {
-    label: React.ReactNode;
-    value: React.ReactNode;
-    description?: React.ReactNode;
-    change?: React.ReactNode;
-    tone?: KpiTone;
-    values?: number[];
-    icon?: React.ReactNode;
-};
-declare function KpiCard({ label, value, description, change, tone, values, icon, className, ...props }: KpiCardProps): React.JSX.Element;
-export type KpiGridProps = React.ComponentProps<"div"> & {
-    columns?: 1 | 2 | 3 | 4;
-};
-declare function KpiGrid({ columns, className, ...props }: KpiGridProps): React.JSX.Element;
-export { KpiCard, KpiGrid };

package/dist/components/charts/kpi.js

@@ -1,59 +0,0 @@
-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 { Sparkline as a } from "./charts.js";
-import "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/charts/kpi.tsx
-var c = {
-	neutral: "bg-muted text-muted-foreground",
-	success: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",
-	warning: "bg-amber-500/10 text-amber-600 dark:text-amber-400",
-	danger: "bg-destructive/10 text-destructive"
-};
-function l({ label: l, value: u, description: d, change: f, tone: p = "neutral", values: m, icon: h, className: g, ..._ }) {
-	return /* @__PURE__ */ s(t, {
-		"data-slot": "kpi-card",
-		className: e("overflow-hidden", g),
-		..._,
-		children: [/* @__PURE__ */ s(r, {
-			className: "flex flex-row items-start justify-between gap-3 pb-2",
-			children: [/* @__PURE__ */ o(i, {
-				className: "text-sm font-medium text-muted-foreground",
-				children: l
-			}), h && /* @__PURE__ */ o("div", {
-				className: "text-muted-foreground",
-				children: h
-			})]
-		}), /* @__PURE__ */ s(n, {
-			className: "grid gap-3",
-			children: [/* @__PURE__ */ s("div", {
-				className: "flex items-end justify-between gap-3",
-				children: [/* @__PURE__ */ s("div", {
-					className: "grid gap-1",
-					children: [/* @__PURE__ */ o("div", {
-						className: "text-2xl font-semibold tracking-tight text-foreground",
-						children: u
-					}), d && /* @__PURE__ */ o("div", {
-						className: "text-xs text-muted-foreground",
-						children: d
-					})]
-				}), f && /* @__PURE__ */ o("div", {
-					className: e("rounded-full px-2 py-1 text-xs font-medium", c[p]),
-					children: f
-				})]
-			}), m && /* @__PURE__ */ o(a, {
-				values: m,
-				positive: p !== "danger"
-			})]
-		})]
-	});
-}
-function u({ columns: t = 4, className: n, ...r }) {
-	return /* @__PURE__ */ o("div", {
-		"data-slot": "kpi-grid",
-		className: e("grid gap-4", t === 1 && "grid-cols-1", t === 2 && "grid-cols-1 sm:grid-cols-2", t === 3 && "grid-cols-1 sm:grid-cols-2 xl:grid-cols-3", t === 4 && "grid-cols-1 sm:grid-cols-2 xl:grid-cols-4", n),
-		...r
-	});
-}
-//#endregion
-export { l as KpiCard, u as KpiGrid };

package/dist/components/display/comparison-card.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../layout/stat-card.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({title:e,items:n,columns:i=2,...a}){return(0,r.jsx)(t.StatCard,{"data-slot":`comparison-card`,title:e,comparisonColumns:i,comparisonItems:n.map(e=>({label:e.label,value:e.value,change:e.change,trend:e.trend===`up`?`success`:e.trend===`down`?`danger`:`neutral`})),...a})}exports.ComparisonCard=i;

package/dist/components/display/comparison-card.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { StatCard } from "@/components/layout/stat-card";
-export type ComparisonCardItem = {
-    label: React.ReactNode;
-    value: React.ReactNode;
-    change?: React.ReactNode;
-    trend?: "up" | "down" | "neutral";
-};
-export type ComparisonCardProps = Omit<React.ComponentProps<typeof StatCard>, "comparisonItems" | "comparisonColumns"> & {
-    title?: React.ReactNode;
-    items: ComparisonCardItem[];
-    columns?: 2 | 3 | 4;
-};
-declare function ComparisonCard({ title, items, columns, ...props }: ComparisonCardProps): React.JSX.Element;
-export { ComparisonCard };

package/dist/components/display/comparison-card.js

@@ -1,20 +0,0 @@
-import { StatCard as e } from "../layout/stat-card.js";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/display/comparison-card.tsx
-function n({ title: n, items: r, columns: i = 2, ...a }) {
-	return /* @__PURE__ */ t(e, {
-		"data-slot": "comparison-card",
-		title: n,
-		comparisonColumns: i,
-		comparisonItems: r.map((e) => ({
-			label: e.label,
-			value: e.value,
-			change: e.change,
-			trend: e.trend === "up" ? "success" : e.trend === "down" ? "danger" : "neutral"
-		})),
-		...a
-	});
-}
-//#endregion
-export { n as ComparisonCard };

package/dist/components/display/data-list.cjs

@@ -1 +0,0 @@
-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={compact:`px-3 py-2`,default:`px-4 py-3`,comfortable:`px-5 py-4`};function o({items:e,density:n=`default`,showDividers:r=!0,className:a,...o}){return(0,i.jsx)(`div`,{"data-slot":`data-list`,className:t.cn(`overflow-hidden rounded-[var(--aui-card-radius,var(--radius-xl))] border bg-card text-card-foreground`,a),...o,children:e.map(e=>(0,i.jsx)(s,{item:e,density:n,showDivider:r},e.key))})}function s({item:e,density:n=`default`,showDivider:o=!0,className:s,...c}){let l=!!(e.href||e.onClick),u=t.cn(`group flex min-w-0 items-center gap-3 bg-card text-sm transition-colors`,a[n],o&&`border-b last:border-b-0`,l&&!e.disabled&&`cursor-pointer hover:bg-muted/55`,e.disabled&&`pointer-events-none opacity-55`,s),d=(0,i.jsxs)(i.Fragment,{children:[e.icon&&(0,i.jsx)(`div`,{className:`flex size-9 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground`,children:e.icon}),(0,i.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,i.jsx)(`div`,{className:`truncate font-medium text-foreground`,children:e.label}),e.meta&&(0,i.jsx)(`div`,{className:`shrink-0 text-xs text-muted-foreground`,children:e.meta})]}),e.description&&(0,i.jsx)(`div`,{className:`mt-0.5 line-clamp-2 text-xs leading-5 text-muted-foreground`,children:e.description})]}),e.value&&(0,i.jsx)(`div`,{className:`shrink-0 text-right font-medium text-foreground`,children:e.value}),l&&(0,i.jsx)(r.ChevronRightIcon,{className:`size-4 shrink-0 text-muted-foreground transition-transform group-hover:translate-x-0.5`})]});return e.href?(0,i.jsx)(`a`,{"data-slot":`data-list-row`,href:e.href,className:u,...c,children:d}):(0,i.jsx)(`div`,{"data-slot":`data-list-row`,role:l?`button`:void 0,tabIndex:l&&!e.disabled?0:void 0,className:u,onClick:e.onClick,...c,children:d})}exports.DataList=o,exports.DataListRow=s;

package/dist/components/display/data-list.d.ts

@@ -1,25 +0,0 @@
-import * as React from "react";
-export type DataListItem = {
-    key: string;
-    label: React.ReactNode;
-    value?: React.ReactNode;
-    description?: React.ReactNode;
-    meta?: React.ReactNode;
-    icon?: React.ReactNode;
-    href?: string;
-    disabled?: boolean;
-    onClick?: () => void;
-};
-export type DataListProps = React.ComponentProps<"div"> & {
-    items: DataListItem[];
-    density?: "compact" | "default" | "comfortable";
-    showDividers?: boolean;
-};
-declare function DataList({ items, density, showDividers, className, ...props }: DataListProps): React.JSX.Element;
-export type DataListRowProps = React.ComponentProps<"div"> & {
-    item: DataListItem;
-    density?: DataListProps["density"];
-    showDivider?: boolean;
-};
-declare function DataListRow({ item, density, showDivider, className, ...props }: DataListRowProps): React.JSX.Element;
-export { DataList, DataListRow };

package/dist/components/display/data-list.js

@@ -1,68 +0,0 @@
-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/data-list.tsx
-var a = {
-	compact: "px-3 py-2",
-	default: "px-4 py-3",
-	comfortable: "px-5 py-4"
-};
-function o({ items: t, density: n = "default", showDividers: i = !0, className: a, ...o }) {
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "data-list",
-		className: e("overflow-hidden rounded-[var(--aui-card-radius,var(--radius-xl))] border bg-card text-card-foreground", a),
-		...o,
-		children: t.map((e) => /* @__PURE__ */ r(s, {
-			item: e,
-			density: n,
-			showDivider: i
-		}, e.key))
-	});
-}
-function s({ item: o, density: s = "default", showDivider: c = !0, className: l, ...u }) {
-	let d = !!(o.href || o.onClick), f = e("group flex min-w-0 items-center gap-3 bg-card text-sm transition-colors", a[s], c && "border-b last:border-b-0", d && !o.disabled && "cursor-pointer hover:bg-muted/55", o.disabled && "pointer-events-none opacity-55", l), p = /* @__PURE__ */ i(n, { children: [
-		o.icon && /* @__PURE__ */ r("div", {
-			className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground",
-			children: o.icon
-		}),
-		/* @__PURE__ */ i("div", {
-			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ i("div", {
-				className: "flex min-w-0 items-center gap-2",
-				children: [/* @__PURE__ */ r("div", {
-					className: "truncate font-medium text-foreground",
-					children: o.label
-				}), o.meta && /* @__PURE__ */ r("div", {
-					className: "shrink-0 text-xs text-muted-foreground",
-					children: o.meta
-				})]
-			}), o.description && /* @__PURE__ */ r("div", {
-				className: "mt-0.5 line-clamp-2 text-xs leading-5 text-muted-foreground",
-				children: o.description
-			})]
-		}),
-		o.value && /* @__PURE__ */ r("div", {
-			className: "shrink-0 text-right font-medium text-foreground",
-			children: o.value
-		}),
-		d && /* @__PURE__ */ r(t, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-hover:translate-x-0.5" })
-	] });
-	return o.href ? /* @__PURE__ */ r("a", {
-		"data-slot": "data-list-row",
-		href: o.href,
-		className: f,
-		...u,
-		children: p
-	}) : /* @__PURE__ */ r("div", {
-		"data-slot": "data-list-row",
-		role: d ? "button" : void 0,
-		tabIndex: d && !o.disabled ? 0 : void 0,
-		className: f,
-		onClick: o.onClick,
-		...u,
-		children: p
-	});
-}
-//#endregion
-export { o as DataList, s as DataListRow };

package/dist/components/display/delta-badge.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/badge/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o({value:e,trend:r=`neutral`,size:o=`default`,icon:s=!0,className:c,...l}){return(0,a.jsx)(n.Badge,{"data-slot":`delta-badge`,variant:`soft`,tone:r===`up`?`success`:r===`down`?`danger`:`muted`,size:o,leftIcon:s?(0,a.jsx)(r===`up`?i.ArrowUpIcon:r===`down`?i.ArrowDownIcon:i.MinusIcon,{className:t.cn(`shrink-0`,o===`sm`?`size-2.5`:`size-3`)}):void 0,label:e,className:t.cn(o===`sm`&&`min-h-5 px-1.5 text-[10px]`,c),...l})}exports.DeltaBadge=o;