tembro 1.0.0

package/dist/components/display/avatar.js

@@ -0,0 +1,72 @@
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/display/avatar.tsx
+var i = {
+	xs: "size-6 text-[10px]",
+	sm: "size-8 text-xs",
+	default: "size-10 text-sm",
+	lg: "size-12 text-base",
+	xl: "size-16 text-lg"
+}, a = {
+	circle: "rounded-full",
+	rounded: "rounded-xl",
+	square: "rounded-md"
+}, o = {
+	online: "bg-emerald-500",
+	offline: "bg-muted-foreground",
+	busy: "bg-destructive",
+	away: "bg-amber-500"
+};
+function s(e) {
+	if (!e) return "?";
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length ? t.slice(0, 2).map((e) => e[0]?.toUpperCase()).join("") : "?";
+}
+function c({ src: c, alt: l, name: u, fallback: d, size: f = "default", shape: p = "circle", status: m, className: h, ...g }) {
+	let [_, v] = t.useState(!1), y = !!(c && !_);
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "avatar",
+		"data-size": f,
+		"data-shape": p,
+		className: e("relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden border bg-muted font-medium text-muted-foreground", i[f], a[p], h),
+		...g,
+		children: [y ? /* @__PURE__ */ n("img", {
+			src: c,
+			alt: l ?? u ?? "Avatar",
+			className: "size-full object-cover",
+			onError: () => v(!0)
+		}) : /* @__PURE__ */ n("span", {
+			"data-slot": "avatar-fallback",
+			children: d ?? s(u)
+		}), m && /* @__PURE__ */ n("span", {
+			"data-slot": "avatar-status",
+			"data-status": m,
+			className: e("absolute bottom-0 right-0 size-2.5 rounded-full border-2 border-background", f === "xs" && "size-2", f === "xl" && "size-3.5", o[m])
+		})]
+	});
+}
+function l({ items: t, max: i = 5, size: a = "default", shape: o = "circle", stacked: s = !0, overflowLabel: l = (e) => `+${e}`, className: u, ...d }) {
+	let f = t.slice(0, i), p = Math.max(t.length - i, 0);
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "avatar-group",
+		className: e("flex items-center", s ? "-space-x-2" : "gap-2", u),
+		...d,
+		children: [f.map((t) => {
+			let { key: r, ...i } = t;
+			return /* @__PURE__ */ n(c, {
+				size: t.size ?? a,
+				shape: t.shape ?? o,
+				className: e(s && "ring-2 ring-background", t.className),
+				...i
+			}, r);
+		}), p > 0 && /* @__PURE__ */ n(c, {
+			size: a,
+			shape: o,
+			fallback: l(p),
+			className: e(s && "ring-2 ring-background")
+		})]
+	});
+}
+//#endregion
+export { c as Avatar, l as AvatarGroup };

package/dist/components/display/carousel.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");function o(e,t,n){return t<=0?0:n?(e%t+t)%t:Math.min(Math.max(e,0),t-1)}function s({index:e,defaultIndex:s=0,onIndexChange:c,loop:l=!1,showDots:u=!0,showArrows:d=!0,keyboard:f=!0,previousLabel:p=`Previous slide`,nextLabel:m=`Next slide`,className:h,children:g,..._}){let v=r.Children.toArray(g),[y,b]=r.useState(s),x=e!==void 0,S=o(x?e:y,v.length,l);function C(e){let t=o(e,v.length,l);x||b(t),c?.(t)}let w=l||S>0,T=l||S<v.length-1;return(0,a.jsxs)(`div`,{"data-slot":`carousel`,className:t.cn(`grid gap-3`,h),onKeyDown:e=>{!f||v.length<=1||(e.key===`ArrowLeft`&&w&&(e.preventDefault(),C(S-1)),e.key===`ArrowRight`&&T&&(e.preventDefault(),C(S+1)))},..._,children:[(0,a.jsxs)(`div`,{className:`relative overflow-hidden rounded-xl border bg-card`,children:[v[S],d&&v.length>1?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.Button,{type:`button`,variant:`secondary`,size:`icon-sm`,className:`absolute left-3 top-3`,disabled:!w,"aria-label":p,onClick:()=>C(S-1),children:(0,a.jsx)(i.ChevronLeftIcon,{})}),(0,a.jsx)(n.Button,{type:`button`,variant:`secondary`,size:`icon-sm`,className:`absolute right-3 top-3`,disabled:!T,"aria-label":m,onClick:()=>C(S+1),children:(0,a.jsx)(i.ChevronRightIcon,{})})]}):null]}),u&&v.length>1&&(0,a.jsx)(`div`,{className:`flex items-center justify-center gap-2`,children:v.map((e,n)=>(0,a.jsx)(`button`,{type:`button`,"aria-label":`Go to slide ${n+1}`,"aria-pressed":n===S,className:t.cn(`size-2.5 rounded-full bg-muted-foreground/30 transition-colors`,n===S&&`bg-primary`),onClick:()=>C(n)},n))})]})}function c({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`carousel-item`,className:t.cn(`p-4`,e),...n})}exports.Carousel=s,exports.CarouselItem=c;

package/dist/components/display/carousel.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+export type CarouselProps = React.ComponentProps<"div"> & {
+    index?: number;
+    defaultIndex?: number;
+    onIndexChange?: (index: number) => void;
+    loop?: boolean;
+    showDots?: boolean;
+    showArrows?: boolean;
+    keyboard?: boolean;
+    previousLabel?: string;
+    nextLabel?: string;
+};
+export type CarouselItemProps = React.ComponentProps<"div">;
+declare function Carousel({ index, defaultIndex, onIndexChange, loop, showDots, showArrows, keyboard, previousLabel, nextLabel, className, children, ...props }: CarouselProps): React.JSX.Element;
+declare function CarouselItem({ className, ...props }: CarouselItemProps): React.JSX.Element;
+export { Carousel, CarouselItem };

package/dist/components/display/carousel.js

@@ -0,0 +1,65 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import * as n from "react";
+import { ChevronLeftIcon as r, ChevronRightIcon as i } from "lucide-react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/display/carousel.tsx
+function c(e, t, n) {
+	return t <= 0 ? 0 : n ? (e % t + t) % t : Math.min(Math.max(e, 0), t - 1);
+}
+function l({ index: l, defaultIndex: u = 0, onIndexChange: d, loop: f = !1, showDots: p = !0, showArrows: m = !0, keyboard: h = !0, previousLabel: g = "Previous slide", nextLabel: _ = "Next slide", className: v, children: y, ...b }) {
+	let x = n.Children.toArray(y), [S, C] = n.useState(u), w = l !== void 0, T = c(w ? l : S, x.length, f);
+	function E(e) {
+		let t = c(e, x.length, f);
+		w || C(t), d?.(t);
+	}
+	let D = f || T > 0, O = f || T < x.length - 1;
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "carousel",
+		className: e("grid gap-3", v),
+		onKeyDown: (e) => {
+			!h || x.length <= 1 || (e.key === "ArrowLeft" && D && (e.preventDefault(), E(T - 1)), e.key === "ArrowRight" && O && (e.preventDefault(), E(T + 1)));
+		},
+		...b,
+		children: [/* @__PURE__ */ s("div", {
+			className: "relative overflow-hidden rounded-xl border bg-card",
+			children: [x[T], m && x.length > 1 ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(t, {
+				type: "button",
+				variant: "secondary",
+				size: "icon-sm",
+				className: "absolute left-3 top-3",
+				disabled: !D,
+				"aria-label": g,
+				onClick: () => E(T - 1),
+				children: /* @__PURE__ */ o(r, {})
+			}), /* @__PURE__ */ o(t, {
+				type: "button",
+				variant: "secondary",
+				size: "icon-sm",
+				className: "absolute right-3 top-3",
+				disabled: !O,
+				"aria-label": _,
+				onClick: () => E(T + 1),
+				children: /* @__PURE__ */ o(i, {})
+			})] }) : null]
+		}), p && x.length > 1 && /* @__PURE__ */ o("div", {
+			className: "flex items-center justify-center gap-2",
+			children: x.map((t, n) => /* @__PURE__ */ o("button", {
+				type: "button",
+				"aria-label": `Go to slide ${n + 1}`,
+				"aria-pressed": n === T,
+				className: e("size-2.5 rounded-full bg-muted-foreground/30 transition-colors", n === T && "bg-primary"),
+				onClick: () => E(n)
+			}, n))
+		})]
+	});
+}
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ o("div", {
+		"data-slot": "carousel-item",
+		className: e("p-4", t),
+		...n
+	});
+}
+//#endregion
+export { l as Carousel, u as CarouselItem };

package/dist/components/display/code-block.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("../actions/copy-button.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({code:e,language:r,title:a,showCopy:o=!0,wrap:s=!1,className:c,...l}){return(0,i.jsxs)(`div`,{"data-slot":`code-block`,className:t.cn(`overflow-hidden rounded-lg border bg-card`,c),...l,children:[(a||r||o)&&(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b px-3 py-2 text-xs text-muted-foreground`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[a&&(0,i.jsx)(`span`,{className:`truncate font-medium text-foreground`,children:a}),r&&(0,i.jsx)(`span`,{className:`rounded bg-muted px-1.5 py-0.5 font-mono`,children:r})]}),o&&(0,i.jsx)(n.CopyButton,{value:e,size:`sm`,variant:`ghost`,copyLabel:`Copy`,copiedLabel:`Copied`})]}),(0,i.jsx)(`pre`,{className:t.cn(`overflow-x-auto p-3 text-sm`,s&&`whitespace-pre-wrap break-words`),children:(0,i.jsx)(`code`,{children:e})})]})}exports.CodeBlock=a;

package/dist/components/display/code-block.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export type CodeBlockProps = React.ComponentProps<"div"> & {
+    code: string;
+    language?: string;
+    title?: React.ReactNode;
+    showCopy?: boolean;
+    wrap?: boolean;
+};
+declare function CodeBlock({ code, language, title, showCopy, wrap, className, ...props }: CodeBlockProps): React.JSX.Element;
+export { CodeBlock };

package/dist/components/display/code-block.js

@@ -0,0 +1,36 @@
+import { cn as e } from "../../lib/utils.js";
+import { CopyButton as t } from "../actions/copy-button.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/display/code-block.tsx
+function i({ code: i, language: a, title: o, showCopy: s = !0, wrap: c = !1, className: l, ...u }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "code-block",
+		className: e("overflow-hidden rounded-lg border bg-card", l),
+		...u,
+		children: [(o || a || s) && /* @__PURE__ */ r("div", {
+			className: "flex items-center justify-between gap-3 border-b px-3 py-2 text-xs text-muted-foreground",
+			children: [/* @__PURE__ */ r("div", {
+				className: "flex min-w-0 items-center gap-2",
+				children: [o && /* @__PURE__ */ n("span", {
+					className: "truncate font-medium text-foreground",
+					children: o
+				}), a && /* @__PURE__ */ n("span", {
+					className: "rounded bg-muted px-1.5 py-0.5 font-mono",
+					children: a
+				})]
+			}), s && /* @__PURE__ */ n(t, {
+				value: i,
+				size: "sm",
+				variant: "ghost",
+				copyLabel: "Copy",
+				copiedLabel: "Copied"
+			})]
+		}), /* @__PURE__ */ n("pre", {
+			className: e("overflow-x-auto p-3 text-sm", c && "whitespace-pre-wrap break-words"),
+			children: /* @__PURE__ */ n("code", { children: i })
+		})]
+	});
+}
+//#endregion
+export { i as CodeBlock };

package/dist/components/display/comparison-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("./delta-badge.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({title:e,items:i,columns:o=2,className:s,...c}){return(0,a.jsxs)(n.Card,{"data-slot":`comparison-card`,className:s,...c,children:[e&&(0,a.jsx)(n.CardHeader,{className:`pb-3`,children:(0,a.jsx)(n.CardTitle,{className:`text-sm font-medium`,children:e})}),(0,a.jsx)(n.CardContent,{className:t.cn(e?`pt-0`:``),children:(0,a.jsx)(`div`,{className:t.cn(`grid gap-4`,o===2&&`grid-cols-2`,o===3&&`grid-cols-3`,o===4&&`grid-cols-2 sm:grid-cols-4`,!e&&`pt-6`),children:i.map((e,t)=>(0,a.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,a.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.label}),(0,a.jsxs)(`div`,{className:`flex items-baseline gap-1.5`,children:[(0,a.jsx)(`span`,{className:`text-lg font-semibold leading-none`,children:e.value}),e.change&&(0,a.jsx)(r.DeltaBadge,{size:`sm`,value:e.change,trend:e.trend})]})]},t))})})]})}exports.ComparisonCard=o;

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

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

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

@@ -0,0 +1,44 @@
+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 { DeltaBadge as a } from "./delta-badge.js";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/display/comparison-card.tsx
+function c({ title: c, items: l, columns: u = 2, className: d, ...f }) {
+	return /* @__PURE__ */ s(t, {
+		"data-slot": "comparison-card",
+		className: d,
+		...f,
+		children: [c && /* @__PURE__ */ o(r, {
+			className: "pb-3",
+			children: /* @__PURE__ */ o(i, {
+				className: "text-sm font-medium",
+				children: c
+			})
+		}), /* @__PURE__ */ o(n, {
+			className: e(c ? "pt-0" : ""),
+			children: /* @__PURE__ */ o("div", {
+				className: e("grid gap-4", u === 2 && "grid-cols-2", u === 3 && "grid-cols-3", u === 4 && "grid-cols-2 sm:grid-cols-4", !c && "pt-6"),
+				children: l.map((e, t) => /* @__PURE__ */ s("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ o("span", {
+						className: "text-xs text-muted-foreground",
+						children: e.label
+					}), /* @__PURE__ */ s("div", {
+						className: "flex items-baseline gap-1.5",
+						children: [/* @__PURE__ */ o("span", {
+							className: "text-lg font-semibold leading-none",
+							children: e.value
+						}), e.change && /* @__PURE__ */ o(a, {
+							size: "sm",
+							value: e.change,
+							trend: e.trend
+						})]
+					})]
+				}, t))
+			})
+		})]
+	});
+}
+//#endregion
+export { c as ComparisonCard };

package/dist/components/display/data-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={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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1,68 @@
+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/data-state.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"),r=require("../ui/card/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s={idle:{title:`Ready`,description:`No action has started yet.`,icon:(0,o.jsx)(a.CheckCircle2Icon,{})},loading:{title:`Loading`,description:`Please wait while data is being prepared.`,icon:(0,o.jsx)(a.Loader2Icon,{className:`animate-spin`})},empty:{title:`No data`,description:`There is nothing to show yet.`,icon:(0,o.jsx)(a.SearchXIcon,{})},error:{title:`Something went wrong`,description:`Try again or check the request.`,icon:(0,o.jsx)(a.AlertTriangleIcon,{})},success:{title:`Ready`,description:`Data loaded successfully.`,icon:(0,o.jsx)(a.CheckCircle2Icon,{})}};function c({status:e,title:i,description:a,actions:c,icon:l,compact:u=!1,children:d,retryLabel:f=`Retry`,onRetry:p,className:m,...h}){let g=s[e];return(0,o.jsx)(r.Card,{"data-slot":`data-state`,"data-status":e,className:t.cn(`min-w-0 border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4`,m),...h,children:(0,o.jsxs)(r.CardContent,{className:t.cn(`flex flex-col items-center justify-center text-center`,u?`p-4`:`min-h-52 p-8`),children:[(0,o.jsx)(`div`,{className:t.cn(`mb-3 flex items-center justify-center rounded-full border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)] [&_svg]:size-5`,u?`size-9`:`size-12`),children:l??g.icon}),(0,o.jsx)(`div`,{className:t.cn(`font-semibold tracking-tight text-foreground`,u?`text-sm`:`text-base`),children:i??g.title}),(0,o.jsx)(`p`,{className:`mt-1 max-w-md text-sm text-muted-foreground`,children:a??g.description}),d&&(0,o.jsx)(`div`,{className:`mt-4 w-full`,children:d}),(c||p)&&(0,o.jsxs)(`div`,{className:`mt-4 flex flex-wrap justify-center gap-2`,children:[p&&(0,o.jsx)(n.Button,{size:`sm`,variant:e===`error`?`default`:`outline`,onClick:p,children:f}),c]})]})})}exports.DataState=c;

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { Card } from "@/components/ui/card";
+export type DataStateStatus = "idle" | "loading" | "empty" | "error" | "success";
+export type DataStateProps = React.ComponentProps<typeof Card> & {
+    status: DataStateStatus;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    icon?: React.ReactNode;
+    compact?: boolean;
+    children?: React.ReactNode;
+    retryLabel?: React.ReactNode;
+    onRetry?: () => void;
+};
+declare function DataState({ status, title, description, actions, icon, compact, children, retryLabel, onRetry, className, ...props }: DataStateProps): React.JSX.Element;
+export { DataState };

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

@@ -0,0 +1,75 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import { Card as n, CardContent as r } from "../ui/card/index.js";
+import "react";
+import { AlertTriangleIcon as i, CheckCircle2Icon as a, Loader2Icon as o, SearchXIcon as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/display/data-state.tsx
+var u = {
+	idle: {
+		title: "Ready",
+		description: "No action has started yet.",
+		icon: /* @__PURE__ */ c(a, {})
+	},
+	loading: {
+		title: "Loading",
+		description: "Please wait while data is being prepared.",
+		icon: /* @__PURE__ */ c(o, { className: "animate-spin" })
+	},
+	empty: {
+		title: "No data",
+		description: "There is nothing to show yet.",
+		icon: /* @__PURE__ */ c(s, {})
+	},
+	error: {
+		title: "Something went wrong",
+		description: "Try again or check the request.",
+		icon: /* @__PURE__ */ c(i, {})
+	},
+	success: {
+		title: "Ready",
+		description: "Data loaded successfully.",
+		icon: /* @__PURE__ */ c(a, {})
+	}
+};
+function d({ status: i, title: a, description: o, actions: s, icon: d, compact: f = !1, children: p, retryLabel: m = "Retry", onRetry: h, className: g, ..._ }) {
+	let v = u[i];
+	return /* @__PURE__ */ c(n, {
+		"data-slot": "data-state",
+		"data-status": i,
+		className: e("min-w-0 border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4", g),
+		..._,
+		children: /* @__PURE__ */ l(r, {
+			className: e("flex flex-col items-center justify-center text-center", f ? "p-4" : "min-h-52 p-8"),
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: e("mb-3 flex items-center justify-center rounded-full border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)] [&_svg]:size-5", f ? "size-9" : "size-12"),
+					children: d ?? v.icon
+				}),
+				/* @__PURE__ */ c("div", {
+					className: e("font-semibold tracking-tight text-foreground", f ? "text-sm" : "text-base"),
+					children: a ?? v.title
+				}),
+				/* @__PURE__ */ c("p", {
+					className: "mt-1 max-w-md text-sm text-muted-foreground",
+					children: o ?? v.description
+				}),
+				p && /* @__PURE__ */ c("div", {
+					className: "mt-4 w-full",
+					children: p
+				}),
+				(s || h) && /* @__PURE__ */ l("div", {
+					className: "mt-4 flex flex-wrap justify-center gap-2",
+					children: [h && /* @__PURE__ */ c(t, {
+						size: "sm",
+						variant: i === "error" ? "default" : "outline",
+						onClick: h,
+						children: m
+					}), s]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { d as DataState };

package/dist/components/display/delta-badge.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");function a({value:e,trend:n=`neutral`,size:a=`default`,icon:o=!0,className:s,...c}){let l=n===`up`?r.ArrowUpIcon:n===`down`?r.ArrowDownIcon:r.MinusIcon;return(0,i.jsxs)(`span`,{"data-slot":`delta-badge`,className:t.cn(`inline-flex items-center justify-center font-medium`,a===`sm`?`gap-0.5 rounded px-1 py-0.5 text-[10px]`:`gap-1 rounded-full px-1.5 py-0.5 text-xs`,n===`up`&&`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`,n===`down`&&`bg-destructive/10 text-destructive`,n===`neutral`&&`bg-muted text-muted-foreground`,s),...c,children:[o&&(0,i.jsx)(l,{className:t.cn(`shrink-0`,a===`sm`?`size-2.5`:`size-3`)}),e]})}exports.DeltaBadge=a;

package/dist/components/display/delta-badge.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export type DeltaBadgeProps = React.ComponentProps<"span"> & {
+    value: React.ReactNode;
+    trend?: "up" | "down" | "neutral";
+    size?: "sm" | "default";
+    icon?: boolean;
+};
+declare function DeltaBadge({ value, trend, size, icon, className, ...props }: DeltaBadgeProps): React.JSX.Element;
+export { DeltaBadge };

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

@@ -0,0 +1,16 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { ArrowDownIcon as t, ArrowUpIcon as n, MinusIcon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/display/delta-badge.tsx
+function o({ value: o, trend: s = "neutral", size: c = "default", icon: l = !0, className: u, ...d }) {
+	let f = s === "up" ? n : s === "down" ? t : r;
+	return /* @__PURE__ */ a("span", {
+		"data-slot": "delta-badge",
+		className: e("inline-flex items-center justify-center font-medium", c === "sm" ? "gap-0.5 rounded px-1 py-0.5 text-[10px]" : "gap-1 rounded-full px-1.5 py-0.5 text-xs", s === "up" && "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400", s === "down" && "bg-destructive/10 text-destructive", s === "neutral" && "bg-muted text-muted-foreground", u),
+		...d,
+		children: [l && /* @__PURE__ */ i(f, { className: e("shrink-0", c === "sm" ? "size-2.5" : "size-3") }), o]
+	});
+}
+//#endregion
+export { o as DeltaBadge };

package/dist/components/display/demo.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`description-list`,`DescriptionList`,`display`,`Structured key-value details for entity, invoice and profile pages.`),e.component(`progress`,`Progress`,`display`,`Linear progress with label, value formatter, tone and indeterminate state.`),e.component(`progress-circle`,`ProgressCircle`,`display`,`Compact circular progress for sidebars and status cards.`),e.component(`timeline`,`Timeline`,`display`,`Vertical or horizontal event stream for workflow history.`),e.component(`status-dot`,`StatusDot`,`display`,`Tiny live status indicator with optional pulse animation.`),e.component(`user-card`,`UserCard`,`display`,`User summary row with avatar, metadata and actions.`),e.component(`delta-badge`,`DeltaBadge`,`display`,`Compact positive, negative, and risk deltas for metric summaries.`),e.component(`entity-header`,`EntityHeader`,`display`,`Top summary row for a customer, invoice, or workspace.`),e.component(`notification-center`,`NotificationCenter`,`display`,`Compact activity and notifications stream.`),e.component(`entity-card`,`EntityCard`,`display`,`Structured summary card with title, meta, state and actions.`),e.component(`file-card`,`FileCard`,`display`,`Compact file summary with state and actions.`),e.component(`data-list`,`DataList`,`display`,`Readable title and description rows for compact operational lists.`),e.component(`status-legend`,`StatusLegend`,`display`,`Explain status meaning and counts in a compact legend.`),e.component(`trend-card`,`TrendCard`,`display`,`Metric summary card with trend context.`),e.component(`comparison-card`,`ComparisonCard`,`display`,`Compare current and previous values in one compact card.`)]);exports.displayShowcaseDemoRegistry=t;

package/dist/components/display/demo.d.ts

@@ -0,0 +1,6 @@
+export declare const displayShowcaseDemoRegistry: {
+    [k: string]: {
+        mock: import("../../showcase").ShowcaseDemoMock;
+        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
+    };
+};

package/dist/components/display/demo.js

@@ -0,0 +1,21 @@
+import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
+//#region src/components/display/demo.tsx
+var n = t([
+	e("description-list", "DescriptionList", "display", "Structured key-value details for entity, invoice and profile pages."),
+	e("progress", "Progress", "display", "Linear progress with label, value formatter, tone and indeterminate state."),
+	e("progress-circle", "ProgressCircle", "display", "Compact circular progress for sidebars and status cards."),
+	e("timeline", "Timeline", "display", "Vertical or horizontal event stream for workflow history."),
+	e("status-dot", "StatusDot", "display", "Tiny live status indicator with optional pulse animation."),
+	e("user-card", "UserCard", "display", "User summary row with avatar, metadata and actions."),
+	e("delta-badge", "DeltaBadge", "display", "Compact positive, negative, and risk deltas for metric summaries."),
+	e("entity-header", "EntityHeader", "display", "Top summary row for a customer, invoice, or workspace."),
+	e("notification-center", "NotificationCenter", "display", "Compact activity and notifications stream."),
+	e("entity-card", "EntityCard", "display", "Structured summary card with title, meta, state and actions."),
+	e("file-card", "FileCard", "display", "Compact file summary with state and actions."),
+	e("data-list", "DataList", "display", "Readable title and description rows for compact operational lists."),
+	e("status-legend", "StatusLegend", "display", "Explain status meaning and counts in a compact legend."),
+	e("trend-card", "TrendCard", "display", "Metric summary card with trend context."),
+	e("comparison-card", "ComparisonCard", "display", "Compare current and previous values in one compact card.")
+]);
+//#endregion
+export { n as displayShowcaseDemoRegistry };

package/dist/components/display/description-list.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 md:grid-cols-2`,3:`grid-cols-1 md:grid-cols-2 xl:grid-cols-3`,4:`grid-cols-1 md:grid-cols-2 xl:grid-cols-4`},o={1:`col-span-1`,2:`md:col-span-2`,3:`xl:col-span-3`,4:`xl:col-span-4`};function s(e){return e==null||e===``}function c({title:e,description:r,actions:c,items:l,columns:u=2,bordered:d=!0,compact:f=!1,emptyValue:p=`-`,itemClassName:m,labelClassName:h,valueClassName:g,contentClassName:_,className:v,...y}){let b=l.filter(e=>!e.hidden),x=!!(e||r||c);return(0,i.jsxs)(n.Card,{"data-slot":`description-list`,className:t.cn(`min-w-0`,v),...y,children:[x&&(0,i.jsx)(n.CardHeader,{children:(0,i.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,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})]}),c&&(0,i.jsx)(`div`,{className:`shrink-0`,children:c})]})}),(0,i.jsx)(n.CardContent,{className:t.cn(`grid gap-2`,a[u],_),children:b.map(e=>(0,i.jsx)(`div`,{"data-slot":`description-list-item`,className:t.cn(`min-w-0 rounded-lg`,d&&`border bg-muted/20`,f?`p-2`:`p-3`,e.span&&e.span>1&&o[e.span],m,e.className),children:(0,i.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[e.icon&&(0,i.jsx)(`span`,{className:`mt-0.5 shrink-0 text-muted-foreground [&_svg]:size-4`,children:e.icon}),(0,i.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1`,children:[(0,i.jsx)(`div`,{className:t.cn(`text-xs font-medium uppercase tracking-wide text-muted-foreground`,h,e.labelClassName),children:e.label}),(0,i.jsx)(`div`,{className:t.cn(`min-w-0 break-words text-sm font-medium text-foreground`,g,e.valueClassName),children:s(e.value)?p:e.value}),e.description&&(0,i.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:e.description})]})]})},e.key))})]})}exports.DescriptionList=c;

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

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { Card } from "@/components/ui/card";
+export type DescriptionListColumn = 1 | 2 | 3 | 4;
+export type DescriptionListItem = {
+    key: string;
+    label: React.ReactNode;
+    value?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    span?: DescriptionListColumn;
+    hidden?: boolean;
+    className?: string;
+    labelClassName?: string;
+    valueClassName?: string;
+};
+export type DescriptionListProps = React.ComponentProps<typeof Card> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    items: DescriptionListItem[];
+    columns?: DescriptionListColumn;
+    bordered?: boolean;
+    compact?: boolean;
+    emptyValue?: React.ReactNode;
+    itemClassName?: string;
+    labelClassName?: string;
+    valueClassName?: string;
+    contentClassName?: string;
+};
+declare function DescriptionList({ title, description, actions, items, columns, bordered, compact, emptyValue, itemClassName, labelClassName, valueClassName, contentClassName, className, ...props }: DescriptionListProps): React.JSX.Element;
+export { DescriptionList };