tembro 1.0.0

package/dist/components/display/status-legend.js

@@ -0,0 +1,70 @@
+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 { Badge as o } from "../ui/badge/index.js";
+import "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/display/status-legend.tsx
+var l = {
+	default: "bg-primary",
+	success: "bg-emerald-500",
+	warning: "bg-amber-500",
+	danger: "bg-destructive",
+	info: "bg-blue-500",
+	muted: "bg-muted-foreground"
+};
+function u({ title: u, description: d, actions: f, items: p, orientation: m = "vertical", compact: h = !1, showCounts: g = !0, contentClassName: _, itemClassName: v, className: y, ...b }) {
+	let x = p.filter((e) => !e.hidden), S = !!(u || d || f);
+	return /* @__PURE__ */ c(t, {
+		"data-slot": "status-legend",
+		className: e("min-w-0 border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-page-bg)_92%,white_8%)] shadow-sm dark:bg-[color:color-mix(in_srgb,var(--aui-page-bg)_96%,black_4%)]", y),
+		...b,
+		children: [S && /* @__PURE__ */ s(i, {
+			className: e("pb-3", h && "p-4 pb-2"),
+			children: /* @__PURE__ */ c("div", {
+				className: "flex min-w-0 items-start justify-between gap-3",
+				children: [/* @__PURE__ */ c("div", {
+					className: "min-w-0 space-y-1",
+					children: [u && /* @__PURE__ */ s(a, {
+						className: "text-base tracking-tight",
+						children: u
+					}), d && /* @__PURE__ */ s(r, {
+						className: "leading-6",
+						children: d
+					})]
+				}), f && /* @__PURE__ */ s("div", {
+					className: "shrink-0",
+					children: f
+				})]
+			})
+		}), /* @__PURE__ */ s(n, {
+			className: e("gap-3", m === "vertical" && "grid", m === "horizontal" && "flex flex-wrap", m === "grid" && "grid sm:grid-cols-2", h ? "p-4 pt-2" : "pt-0", _),
+			children: x.map((t) => /* @__PURE__ */ c("div", {
+				"data-slot": "status-legend-item",
+				"data-tone": t.tone ?? "default",
+				className: e("flex min-w-0 items-start justify-between gap-3 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] p-3 shadow-[inset_0_1px_0_rgba(255,255,255,0.35)] transition hover:border-[color:color-mix(in_srgb,var(--aui-brand-strong)_26%,var(--aui-surface-border))]", h && "p-2.5", v, t.className),
+				children: [/* @__PURE__ */ c("div", {
+					className: "flex min-w-0 items-start gap-2",
+					children: [t.icon ? /* @__PURE__ */ s("span", {
+						className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-xl bg-[color:var(--aui-page-bg)] text-muted-foreground [&_svg]:size-4",
+						children: t.icon
+					}) : /* @__PURE__ */ s("span", { className: e("mt-1.5 size-2.5 shrink-0 rounded-full shadow-[0_0_0_4px_color-mix(in_srgb,var(--aui-page-bg)_72%,transparent)]", l[t.tone ?? "default"]) }), /* @__PURE__ */ c("div", {
+						className: "min-w-0 space-y-0.5",
+						children: [/* @__PURE__ */ s("div", {
+							className: "truncate text-sm font-medium text-foreground",
+							children: t.label
+						}), t.description && /* @__PURE__ */ s("div", {
+							className: "text-xs leading-5 text-muted-foreground",
+							children: t.description
+						})]
+					})]
+				}), g && t.count !== void 0 && /* @__PURE__ */ s(o, {
+					variant: "secondary",
+					className: "shrink-0 rounded-full border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg)] px-2.5 py-1 shadow-sm",
+					children: t.count
+				})]
+			}, t.key))
+		})]
+	});
+}
+//#endregion
+export { u as StatusLegend };

package/dist/components/display/tag-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/badge/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o({items:e,max:r,removable:o=!1,onRemove:s,overflowLabel:c=e=>`+${e}`,className:l,...u}){let d=typeof r==`number`?e.slice(0,r):e,f=typeof r==`number`?Math.max(e.length-r,0):0;return(0,a.jsxs)(`div`,{"data-slot":`tag-list`,className:t.cn(`flex flex-wrap items-center gap-1.5`,l),...u,children:[d.map(e=>(0,a.jsxs)(n.Badge,{variant:e.variant,className:t.cn(`gap-1`,e.disabled&&`opacity-55`),children:[(0,a.jsx)(`span`,{children:e.label}),o&&!e.disabled&&(0,a.jsx)(`button`,{type:`button`,"aria-label":`Remove tag`,className:`rounded-sm text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,onClick:()=>s?.(e),children:(0,a.jsx)(i.XIcon,{className:`size-3`})})]},e.key)),f>0&&(0,a.jsx)(n.Badge,{variant:`outline`,children:c(f)})]})}exports.TagList=o;

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { Badge } from "@/components/ui/badge";
+export type TagListItem = {
+    key: string;
+    label: React.ReactNode;
+    variant?: React.ComponentProps<typeof Badge>["variant"];
+    disabled?: boolean;
+};
+export type TagListProps = React.ComponentProps<"div"> & {
+    items: TagListItem[];
+    max?: number;
+    removable?: boolean;
+    onRemove?: (item: TagListItem) => void;
+    overflowLabel?: (count: number) => React.ReactNode;
+};
+declare function TagList({ items, max, removable, onRemove, overflowLabel, className, ...props }: TagListProps): React.JSX.Element;
+export { TagList };

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

@@ -0,0 +1,30 @@
+import { cn as e } from "../../lib/utils.js";
+import { Badge as t } from "../ui/badge/index.js";
+import "react";
+import { XIcon as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/display/tag-list.tsx
+function a({ items: a, max: o, removable: s = !1, onRemove: c, overflowLabel: l = (e) => `+${e}`, className: u, ...d }) {
+	let f = typeof o == "number" ? a.slice(0, o) : a, p = typeof o == "number" ? Math.max(a.length - o, 0) : 0;
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "tag-list",
+		className: e("flex flex-wrap items-center gap-1.5", u),
+		...d,
+		children: [f.map((a) => /* @__PURE__ */ i(t, {
+			variant: a.variant,
+			className: e("gap-1", a.disabled && "opacity-55"),
+			children: [/* @__PURE__ */ r("span", { children: a.label }), s && !a.disabled && /* @__PURE__ */ r("button", {
+				type: "button",
+				"aria-label": "Remove tag",
+				className: "rounded-sm text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+				onClick: () => c?.(a),
+				children: /* @__PURE__ */ r(n, { className: "size-3" })
+			})]
+		}, a.key)), p > 0 && /* @__PURE__ */ r(t, {
+			variant: "outline",
+			children: l(p)
+		})]
+	});
+}
+//#endregion
+export { a as TagList };

package/dist/components/display/tag.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");var i={neutral:`border-border bg-muted text-foreground`,info:`border-sky-200 bg-sky-50 text-sky-700 dark:border-sky-900 dark:bg-sky-950 dark:text-sky-300`,success:`border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-300`,warning:`border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-300`,danger:`border-red-200 bg-red-50 text-red-700 dark:border-red-900 dark:bg-red-950 dark:text-red-300`},a={sm:`h-6 px-2 text-xs`,default:`h-7 px-2.5 text-sm`,lg:`h-8 px-3 text-sm`};function o({tone:e=`neutral`,size:n=`default`,removable:o,selected:s,onRemove:c,className:l,children:u,...d}){return(0,r.jsxs)(`span`,{"data-slot":`tag`,"data-tone":e,"data-selected":s?`true`:void 0,className:t.cn(`inline-flex items-center gap-1 rounded-full border font-medium transition-colors`,i[e],a[n],s&&`ring-2 ring-ring ring-offset-1`,l),...d,children:[(0,r.jsx)(`span`,{children:u}),o&&(0,r.jsx)(`button`,{type:`button`,"aria-label":`Remove tag`,className:`-mr-1 inline-flex size-4 items-center justify-center rounded-full hover:bg-black/10 dark:hover:bg-white/10`,onClick:e=>{t.stopInteractivePropagation(e),c?.()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:`×`})]})}function s(e){return(0,r.jsx)(o,{...e})}function c({gap:e=`default`,className:n,...i}){return(0,r.jsx)(`div`,{"data-slot":`tag-group`,className:t.cn(`flex flex-wrap items-center`,e===`sm`&&`gap-1`,e==="default"&&`gap-2`,e===`lg`&&`gap-3`,n),...i})}exports.Chip=s,exports.Tag=o,exports.TagGroup=c;

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+export type TagTone = "neutral" | "info" | "success" | "warning" | "danger";
+export type TagSize = "sm" | "default" | "lg";
+export type TagProps = React.ComponentProps<"span"> & {
+    tone?: TagTone;
+    size?: TagSize;
+    removable?: boolean;
+    selected?: boolean;
+    onRemove?: () => void;
+};
+export type TagGroupProps = React.ComponentProps<"div"> & {
+    gap?: "sm" | "default" | "lg";
+};
+declare function Tag({ tone, size, removable, selected, onRemove, className, children, ...props }: TagProps): React.JSX.Element;
+declare function Chip(props: TagProps): React.JSX.Element;
+declare function TagGroup({ gap, className, ...props }: TagGroupProps): React.JSX.Element;
+export { Chip, Tag, TagGroup };

package/dist/components/display/tag.js

@@ -0,0 +1,47 @@
+import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/display/tag.tsx
+var i = {
+	neutral: "border-border bg-muted text-foreground",
+	info: "border-sky-200 bg-sky-50 text-sky-700 dark:border-sky-900 dark:bg-sky-950 dark:text-sky-300",
+	success: "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-300",
+	warning: "border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-300",
+	danger: "border-red-200 bg-red-50 text-red-700 dark:border-red-900 dark:bg-red-950 dark:text-red-300"
+}, a = {
+	sm: "h-6 px-2 text-xs",
+	default: "h-7 px-2.5 text-sm",
+	lg: "h-8 px-3 text-sm"
+};
+function o({ tone: o = "neutral", size: s = "default", removable: c, selected: l, onRemove: u, className: d, children: f, ...p }) {
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "tag",
+		"data-tone": o,
+		"data-selected": l ? "true" : void 0,
+		className: e("inline-flex items-center gap-1 rounded-full border font-medium transition-colors", i[o], a[s], l && "ring-2 ring-ring ring-offset-1", d),
+		...p,
+		children: [/* @__PURE__ */ n("span", { children: f }), c && /* @__PURE__ */ n("button", {
+			type: "button",
+			"aria-label": "Remove tag",
+			className: "-mr-1 inline-flex size-4 items-center justify-center rounded-full hover:bg-black/10 dark:hover:bg-white/10",
+			onClick: (e) => {
+				t(e), u?.();
+			},
+			onMouseDown: t,
+			onDoubleClick: t,
+			children: "×"
+		})]
+	});
+}
+function s(e) {
+	return /* @__PURE__ */ n(o, { ...e });
+}
+function c({ gap: t = "default", className: r, ...i }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "tag-group",
+		className: e("flex flex-wrap items-center", t === "sm" && "gap-1", t === "default" && "gap-2", t === "lg" && "gap-3", r),
+		...i
+	});
+}
+//#endregion
+export { s as Chip, o as Tag, c as TagGroup };

package/dist/components/display/timeline.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={default:`border-primary bg-primary text-primary-foreground`,success:`border-emerald-500 bg-emerald-500 text-white`,info:`border-blue-500 bg-blue-500 text-white`,warning:`border-amber-500 bg-amber-500 text-white`,danger:`border-destructive bg-destructive text-destructive-foreground`,muted:`border-muted-foreground bg-muted-foreground text-background`};function o({items:e,orientation:n=`vertical`,pending:r=!1,pendingLabel:a=`Pending`,compact:o=!1,itemClassName:s,className:u,...d}){let f=e.filter(e=>!e.hidden);return n===`horizontal`?(0,i.jsx)(`div`,{"data-slot":`timeline`,"data-orientation":`horizontal`,className:t.cn(`overflow-x-auto`,u),...d,children:(0,i.jsxs)(`div`,{className:`flex min-w-max gap-3 pb-1`,children:[f.map(e=>(0,i.jsx)(l,{item:e,compact:o,className:s},e.key)),r&&(0,i.jsx)(l,{item:{key:`pending`,title:a,tone:`muted`},compact:o,className:s})]})}):(0,i.jsxs)(`div`,{"data-slot":`timeline`,"data-orientation":`vertical`,className:t.cn(`grid gap-0`,u),...d,children:[f.map((e,t)=>(0,i.jsx)(c,{item:e,compact:o,className:s,isLast:t===f.length-1&&!r},e.key)),r&&(0,i.jsx)(c,{item:{key:`pending`,title:a,tone:`muted`},compact:o,className:s,isLast:!0})]})}function s({item:e}){let n=e.tone??`default`;return(0,i.jsx)(`span`,{"data-slot":`timeline-dot`,"data-tone":n,className:t.cn(`flex size-7 shrink-0 items-center justify-center rounded-full border text-[10px]`,a[n]),children:e.icon??(0,i.jsx)(r.CircleIcon,{className:`size-2 fill-current`})})}function c({item:e,compact:n,className:r,isLast:a}){return(0,i.jsxs)(`div`,{"data-slot":`timeline-item`,className:t.cn(`grid grid-cols-[auto_1fr] gap-3`,r,e.className),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,i.jsx)(s,{item:e}),!a&&(0,i.jsx)(`div`,{"data-slot":`timeline-line`,className:`w-px flex-1 bg-border`})]}),(0,i.jsxs)(`div`,{className:t.cn(`min-w-0 pb-5`,n&&`pb-3`),children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1 sm:flex-row sm:items-start sm:justify-between`,children:[(0,i.jsxs)(`div`,{className:`min-w-0`,children:[e.title&&(0,i.jsx)(`div`,{className:`text-sm font-medium text-foreground`,children:e.title}),e.description&&(0,i.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e.description})]}),e.time&&(0,i.jsx)(`div`,{className:`shrink-0 text-xs text-muted-foreground`,children:e.time})]}),e.content&&(0,i.jsx)(`div`,{className:`mt-2 text-sm text-muted-foreground`,children:e.content}),e.actions&&(0,i.jsx)(`div`,{className:`mt-2`,children:e.actions})]})]})}function l({item:e,compact:n,className:r}){return(0,i.jsxs)(`div`,{"data-slot":`timeline-item`,className:t.cn(`min-w-48 rounded-xl border bg-card p-3`,n&&`min-w-40 p-2`,r,e.className),children:[(0,i.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,i.jsx)(s,{item:e}),e.time&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.time})]}),e.title&&(0,i.jsx)(`div`,{className:`text-sm font-medium`,children:e.title}),e.description&&(0,i.jsx)(`div`,{className:`mt-1 text-xs text-muted-foreground`,children:e.description}),e.content&&(0,i.jsx)(`div`,{className:`mt-2 text-sm text-muted-foreground`,children:e.content}),e.actions&&(0,i.jsx)(`div`,{className:`mt-2`,children:e.actions})]})}exports.Timeline=o;

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

@@ -0,0 +1,25 @@
+import * as React from "react";
+export type TimelineTone = "default" | "success" | "info" | "warning" | "danger" | "muted";
+export type TimelineOrientation = "vertical" | "horizontal";
+export type TimelineItem = {
+    key: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    time?: React.ReactNode;
+    icon?: React.ReactNode;
+    tone?: TimelineTone;
+    content?: React.ReactNode;
+    actions?: React.ReactNode;
+    hidden?: boolean;
+    className?: string;
+};
+export type TimelineProps = React.ComponentProps<"div"> & {
+    items: TimelineItem[];
+    orientation?: TimelineOrientation;
+    pending?: boolean;
+    pendingLabel?: React.ReactNode;
+    compact?: boolean;
+    itemClassName?: string;
+};
+declare function Timeline({ items, orientation, pending, pendingLabel, compact, itemClassName, className, ...props }: TimelineProps): React.JSX.Element;
+export { Timeline };

package/dist/components/display/timeline.js

@@ -0,0 +1,141 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { CircleIcon as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/display/timeline.tsx
+var i = {
+	default: "border-primary bg-primary text-primary-foreground",
+	success: "border-emerald-500 bg-emerald-500 text-white",
+	info: "border-blue-500 bg-blue-500 text-white",
+	warning: "border-amber-500 bg-amber-500 text-white",
+	danger: "border-destructive bg-destructive text-destructive-foreground",
+	muted: "border-muted-foreground bg-muted-foreground text-background"
+};
+function a({ items: t, orientation: i = "vertical", pending: a = !1, pendingLabel: o = "Pending", compact: l = !1, itemClassName: u, className: d, ...f }) {
+	let p = t.filter((e) => !e.hidden);
+	return i === "horizontal" ? /* @__PURE__ */ n("div", {
+		"data-slot": "timeline",
+		"data-orientation": "horizontal",
+		className: e("overflow-x-auto", d),
+		...f,
+		children: /* @__PURE__ */ r("div", {
+			className: "flex min-w-max gap-3 pb-1",
+			children: [p.map((e) => /* @__PURE__ */ n(c, {
+				item: e,
+				compact: l,
+				className: u
+			}, e.key)), a && /* @__PURE__ */ n(c, {
+				item: {
+					key: "pending",
+					title: o,
+					tone: "muted"
+				},
+				compact: l,
+				className: u
+			})]
+		})
+	}) : /* @__PURE__ */ r("div", {
+		"data-slot": "timeline",
+		"data-orientation": "vertical",
+		className: e("grid gap-0", d),
+		...f,
+		children: [p.map((e, t) => /* @__PURE__ */ n(s, {
+			item: e,
+			compact: l,
+			className: u,
+			isLast: t === p.length - 1 && !a
+		}, e.key)), a && /* @__PURE__ */ n(s, {
+			item: {
+				key: "pending",
+				title: o,
+				tone: "muted"
+			},
+			compact: l,
+			className: u,
+			isLast: !0
+		})]
+	});
+}
+function o({ item: r }) {
+	let a = r.tone ?? "default";
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "timeline-dot",
+		"data-tone": a,
+		className: e("flex size-7 shrink-0 items-center justify-center rounded-full border text-[10px]", i[a]),
+		children: r.icon ?? /* @__PURE__ */ n(t, { className: "size-2 fill-current" })
+	});
+}
+function s({ item: t, compact: i, className: a, isLast: s }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "timeline-item",
+		className: e("grid grid-cols-[auto_1fr] gap-3", a, t.className),
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex flex-col items-center",
+			children: [/* @__PURE__ */ n(o, { item: t }), !s && /* @__PURE__ */ n("div", {
+				"data-slot": "timeline-line",
+				className: "w-px flex-1 bg-border"
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: e("min-w-0 pb-5", i && "pb-3"),
+			children: [
+				/* @__PURE__ */ r("div", {
+					className: "flex min-w-0 flex-col gap-1 sm:flex-row sm:items-start sm:justify-between",
+					children: [/* @__PURE__ */ r("div", {
+						className: "min-w-0",
+						children: [t.title && /* @__PURE__ */ n("div", {
+							className: "text-sm font-medium text-foreground",
+							children: t.title
+						}), t.description && /* @__PURE__ */ n("div", {
+							className: "text-sm text-muted-foreground",
+							children: t.description
+						})]
+					}), t.time && /* @__PURE__ */ n("div", {
+						className: "shrink-0 text-xs text-muted-foreground",
+						children: t.time
+					})]
+				}),
+				t.content && /* @__PURE__ */ n("div", {
+					className: "mt-2 text-sm text-muted-foreground",
+					children: t.content
+				}),
+				t.actions && /* @__PURE__ */ n("div", {
+					className: "mt-2",
+					children: t.actions
+				})
+			]
+		})]
+	});
+}
+function c({ item: t, compact: i, className: a }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "timeline-item",
+		className: e("min-w-48 rounded-xl border bg-card p-3", i && "min-w-40 p-2", a, t.className),
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "mb-3 flex items-center gap-2",
+				children: [/* @__PURE__ */ n(o, { item: t }), t.time && /* @__PURE__ */ n("div", {
+					className: "text-xs text-muted-foreground",
+					children: t.time
+				})]
+			}),
+			t.title && /* @__PURE__ */ n("div", {
+				className: "text-sm font-medium",
+				children: t.title
+			}),
+			t.description && /* @__PURE__ */ n("div", {
+				className: "mt-1 text-xs text-muted-foreground",
+				children: t.description
+			}),
+			t.content && /* @__PURE__ */ n("div", {
+				className: "mt-2 text-sm text-muted-foreground",
+				children: t.content
+			}),
+			t.actions && /* @__PURE__ */ n("div", {
+				className: "mt-2",
+				children: t.actions
+			})
+		]
+	});
+}
+//#endregion
+export { a as Timeline };

package/dist/components/display/tree-view.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({items:e,defaultExpandedKeys:r=[],expandedKeys:a,onExpandedKeysChange:s,selectedKey:c,onSelect:l,className:u,...d}){let[f,p]=n.useState(r),m=a??f,h=e=>{a===void 0&&p(e),s?.(e)},g=e=>{h(m.includes(e)?m.filter(t=>t!==e):[...m,e])};return(0,i.jsx)(`div`,{"data-slot":`tree-view`,role:`tree`,className:t.cn(`grid gap-1 text-sm`,u),...d,children:e.map(e=>(0,i.jsx)(o,{item:e,level:1,expandedKeys:m,selectedKey:c,onToggle:g,onSelect:l},e.key))})}function o({item:e,level:n,expandedKeys:a,selectedKey:s,onToggle:c,onSelect:l}){let u=!!e.children?.length,d=a.includes(e.key),f=s===e.key;return(0,i.jsxs)(`div`,{"data-slot":`tree-node`,role:`treeitem`,"aria-expanded":u?d:void 0,"aria-selected":f||void 0,children:[(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 rounded-md px-2 py-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,f&&`bg-muted text-foreground`,e.disabled&&`pointer-events-none opacity-50`),style:{paddingLeft:`${n*.75}rem`},children:[(0,i.jsx)(`button`,{type:`button`,"aria-label":d?`Collapse`:`Expand`,className:t.cn(`flex size-5 items-center justify-center rounded-sm`,!u&&`invisible`),onClick:()=>c(e.key),children:(0,i.jsx)(r.ChevronRightIcon,{className:t.cn(`size-4 transition-transform`,d&&`rotate-90`)})}),e.icon,(0,i.jsx)(`button`,{type:`button`,className:`min-w-0 flex-1 truncate text-left`,onClick:()=>l?.(e),children:e.label}),e.extra]}),u&&d&&(0,i.jsx)(`div`,{role:`group`,className:`grid gap-1`,children:e.children?.map(e=>(0,i.jsx)(o,{item:e,level:n+1,expandedKeys:a,selectedKey:s,onToggle:c,onSelect:l},e.key))})]})}exports.TreeView=a;

package/dist/components/display/tree-view.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export type TreeViewItem = {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    extra?: React.ReactNode;
+    children?: TreeViewItem[];
+    disabled?: boolean;
+};
+export type TreeViewProps = Omit<React.ComponentProps<"div">, "onSelect"> & {
+    items: TreeViewItem[];
+    defaultExpandedKeys?: string[];
+    expandedKeys?: string[];
+    onExpandedKeysChange?: (keys: string[]) => void;
+    selectedKey?: string;
+    onSelect?: (item: TreeViewItem) => void;
+};
+declare function TreeView({ items, defaultExpandedKeys, expandedKeys, onExpandedKeysChange, selectedKey, onSelect, className, ...props }: TreeViewProps): React.JSX.Element;
+export { TreeView };

package/dist/components/display/tree-view.js

@@ -0,0 +1,69 @@
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { ChevronRightIcon as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/display/tree-view.tsx
+function a({ items: n, defaultExpandedKeys: i = [], expandedKeys: a, onExpandedKeysChange: s, selectedKey: c, onSelect: l, className: u, ...d }) {
+	let [f, p] = t.useState(i), m = a ?? f, h = (e) => {
+		a === void 0 && p(e), s?.(e);
+	}, g = (e) => {
+		h(m.includes(e) ? m.filter((t) => t !== e) : [...m, e]);
+	};
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "tree-view",
+		role: "tree",
+		className: e("grid gap-1 text-sm", u),
+		...d,
+		children: n.map((e) => /* @__PURE__ */ r(o, {
+			item: e,
+			level: 1,
+			expandedKeys: m,
+			selectedKey: c,
+			onToggle: g,
+			onSelect: l
+		}, e.key))
+	});
+}
+function o({ item: t, level: a, expandedKeys: s, selectedKey: c, onToggle: l, onSelect: u }) {
+	let d = !!t.children?.length, f = s.includes(t.key), p = c === t.key;
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "tree-node",
+		role: "treeitem",
+		"aria-expanded": d ? f : void 0,
+		"aria-selected": p || void 0,
+		children: [/* @__PURE__ */ i("div", {
+			className: e("flex items-center gap-1 rounded-md px-2 py-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", p && "bg-muted text-foreground", t.disabled && "pointer-events-none opacity-50"),
+			style: { paddingLeft: `${a * .75}rem` },
+			children: [
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					"aria-label": f ? "Collapse" : "Expand",
+					className: e("flex size-5 items-center justify-center rounded-sm", !d && "invisible"),
+					onClick: () => l(t.key),
+					children: /* @__PURE__ */ r(n, { className: e("size-4 transition-transform", f && "rotate-90") })
+				}),
+				t.icon,
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: "min-w-0 flex-1 truncate text-left",
+					onClick: () => u?.(t),
+					children: t.label
+				}),
+				t.extra
+			]
+		}), d && f && /* @__PURE__ */ r("div", {
+			role: "group",
+			className: "grid gap-1",
+			children: t.children?.map((e) => /* @__PURE__ */ r(o, {
+				item: e,
+				level: a + 1,
+				expandedKeys: s,
+				selectedKey: c,
+				onToggle: l,
+				onSelect: u
+			}, e.key))
+		})]
+	});
+}
+//#endregion
+export { a as TreeView };

package/dist/components/display/trend-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,value:i,change:o,trend:s,description:c,icon:l,sparkline:u,className:d,...f}){let p=()=>{if(!u||u.length<2)return null;let e=Math.min(...u),t=Math.max(...u)-e||1,n=u.map((n,r)=>`${r/(u.length-1)*100},${100-(n-e)/t*100}`).join(` `),r=s===`up`?`var(--aui-success,var(--primary))`:s===`down`?`var(--destructive)`:`var(--muted-foreground)`;return(0,a.jsx)(`div`,{className:`absolute bottom-0 left-0 right-0 h-12 overflow-hidden opacity-20 pointer-events-none`,children:(0,a.jsxs)(`svg`,{viewBox:`0 0 100 100`,preserveAspectRatio:`none`,className:`w-full h-full stroke-2`,children:[(0,a.jsx)(`polyline`,{points:n,fill:`none`,stroke:r,vectorEffect:`non-scaling-stroke`}),(0,a.jsx)(`polygon`,{points:`0,100 ${n} 100,100`,fill:`color-mix(in srgb, ${r} 20%, transparent)`})]})})};return(0,a.jsxs)(n.Card,{"data-slot":`trend-card`,className:t.cn(`relative overflow-hidden`,d),...f,children:[(0,a.jsxs)(n.CardHeader,{className:`flex flex-row items-center justify-between space-y-0 pb-2`,children:[(0,a.jsx)(n.CardTitle,{className:`text-sm font-medium text-muted-foreground`,children:e}),l&&(0,a.jsx)(`div`,{className:`text-muted-foreground`,children:l})]}),(0,a.jsxs)(n.CardContent,{children:[(0,a.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,a.jsx)(`div`,{className:`text-2xl font-bold`,children:i}),o&&(0,a.jsx)(r.DeltaBadge,{value:o,trend:s})]}),c&&(0,a.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:c})]}),p()]})}exports.TrendCard=o;

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { Card } from "@/components/ui/card";
+export type TrendCardProps = React.ComponentProps<typeof Card> & {
+    title: React.ReactNode;
+    value: React.ReactNode;
+    change?: React.ReactNode;
+    trend?: "up" | "down" | "neutral";
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    sparkline?: number[];
+};
+declare function TrendCard({ title, value, change, trend, description, icon, sparkline, className, ...props }: TrendCardProps): React.JSX.Element;
+export { TrendCard };

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

@@ -0,0 +1,62 @@
+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/trend-card.tsx
+function c({ title: c, value: l, change: u, trend: d, description: f, icon: p, sparkline: m, className: h, ...g }) {
+	let _ = () => {
+		if (!m || m.length < 2) return null;
+		let e = Math.min(...m), t = Math.max(...m) - e || 1, n = m.map((n, r) => `${r / (m.length - 1) * 100},${100 - (n - e) / t * 100}`).join(" "), r = d === "up" ? "var(--aui-success,var(--primary))" : d === "down" ? "var(--destructive)" : "var(--muted-foreground)";
+		return /* @__PURE__ */ o("div", {
+			className: "absolute bottom-0 left-0 right-0 h-12 overflow-hidden opacity-20 pointer-events-none",
+			children: /* @__PURE__ */ s("svg", {
+				viewBox: "0 0 100 100",
+				preserveAspectRatio: "none",
+				className: "w-full h-full stroke-2",
+				children: [/* @__PURE__ */ o("polyline", {
+					points: n,
+					fill: "none",
+					stroke: r,
+					vectorEffect: "non-scaling-stroke"
+				}), /* @__PURE__ */ o("polygon", {
+					points: `0,100 ${n} 100,100`,
+					fill: `color-mix(in srgb, ${r} 20%, transparent)`
+				})]
+			})
+		});
+	};
+	return /* @__PURE__ */ s(t, {
+		"data-slot": "trend-card",
+		className: e("relative overflow-hidden", h),
+		...g,
+		children: [
+			/* @__PURE__ */ s(r, {
+				className: "flex flex-row items-center justify-between space-y-0 pb-2",
+				children: [/* @__PURE__ */ o(i, {
+					className: "text-sm font-medium text-muted-foreground",
+					children: c
+				}), p && /* @__PURE__ */ o("div", {
+					className: "text-muted-foreground",
+					children: p
+				})]
+			}),
+			/* @__PURE__ */ s(n, { children: [/* @__PURE__ */ s("div", {
+				className: "flex items-baseline gap-2",
+				children: [/* @__PURE__ */ o("div", {
+					className: "text-2xl font-bold",
+					children: l
+				}), u && /* @__PURE__ */ o(a, {
+					value: u,
+					trend: d
+				})]
+			}), f && /* @__PURE__ */ o("p", {
+				className: "mt-1 text-xs text-muted-foreground",
+				children: f
+			})] }),
+			_()
+		]
+	});
+}
+//#endregion
+export { c as TrendCard };

package/dist/components/display/typography.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({muted:e,size:n=`default`,className:i,...a}){return(0,r.jsx)(`p`,{className:t.cn(n===`sm`&&`text-sm`,n===`lg`&&`text-lg`,e&&`text-muted-foreground`,i),...a})}function a({level:e=2,className:n,...i}){return(0,r.jsx)(`h${e}`,{className:t.cn(`font-semibold tracking-tight`,e===1&&`text-4xl`,e===2&&`text-3xl`,e===3&&`text-2xl`,e===4&&`text-xl`,n),...i})}function o({className:e,...n}){return(0,r.jsx)(`blockquote`,{className:t.cn(`border-l-4 pl-4 italic text-muted-foreground`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`mark`,{className:t.cn(`rounded bg-amber-100 px-1 py-0.5 text-amber-950 dark:bg-amber-900 dark:text-amber-100`,e),...n})}function c({className:e,children:n,...i}){return(0,r.jsx)(`details`,{className:t.cn(`rounded-lg border bg-card p-3`,e),...i,children:n})}function l({className:e,...n}){return(0,r.jsx)(`summary`,{className:t.cn(`cursor-pointer font-medium`,e),...n})}exports.Blockquote=o,exports.Heading=a,exports.Mark=s,exports.Spoiler=c,exports.SpoilerSummary=l,exports.Text=i;

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+export type TextProps = React.ComponentProps<"p"> & {
+    muted?: boolean;
+    size?: "sm" | "default" | "lg";
+};
+export type HeadingProps = React.ComponentProps<"h2"> & {
+    level?: 1 | 2 | 3 | 4;
+};
+declare function Text({ muted, size, className, ...props }: TextProps): React.JSX.Element;
+declare function Heading({ level, className, ...props }: HeadingProps): React.JSX.Element;
+declare function Blockquote({ className, ...props }: React.ComponentProps<"blockquote">): React.JSX.Element;
+declare function Mark({ className, ...props }: React.ComponentProps<"mark">): React.JSX.Element;
+declare function Spoiler({ className, children, ...props }: React.ComponentProps<"details">): React.JSX.Element;
+declare function SpoilerSummary({ className, ...props }: React.ComponentProps<"summary">): React.JSX.Element;
+export { Blockquote, Heading, Mark, Spoiler, SpoilerSummary, Text };

package/dist/components/display/typography.js

@@ -0,0 +1,43 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/display/typography.tsx
+function n({ muted: n, size: r = "default", className: i, ...a }) {
+	return /* @__PURE__ */ t("p", {
+		className: e(r === "sm" && "text-sm", r === "lg" && "text-lg", n && "text-muted-foreground", i),
+		...a
+	});
+}
+function r({ level: n = 2, className: r, ...i }) {
+	return /* @__PURE__ */ t(`h${n}`, {
+		className: e("font-semibold tracking-tight", n === 1 && "text-4xl", n === 2 && "text-3xl", n === 3 && "text-2xl", n === 4 && "text-xl", r),
+		...i
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("blockquote", {
+		className: e("border-l-4 pl-4 italic text-muted-foreground", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("mark", {
+		className: e("rounded bg-amber-100 px-1 py-0.5 text-amber-950 dark:bg-amber-900 dark:text-amber-100", n),
+		...r
+	});
+}
+function o({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("details", {
+		className: e("rounded-lg border bg-card p-3", n),
+		...i,
+		children: r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("summary", {
+		className: e("cursor-pointer font-medium", n),
+		...r
+	});
+}
+//#endregion
+export { i as Blockquote, r as Heading, a as Mark, o as Spoiler, s as SpoilerSummary, n as Text };

package/dist/components/display/user-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("./avatar.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({name:e,description:i,src:o,alt:s,meta:c,actions:l,className:u,...d}){return(0,a.jsxs)(n.Card,{className:t.cn(`flex items-center gap-4 p-4`,u),...d,children:[(0,a.jsx)(r.Avatar,{src:o,alt:s,name:typeof e==`string`?e:void 0}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,a.jsx)(`p`,{className:`truncate font-medium text-foreground`,children:e}),i?(0,a.jsx)(`p`,{className:`truncate text-sm text-muted-foreground`,children:i}):null,c?(0,a.jsx)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:c}):null]}),l?(0,a.jsx)(`div`,{className:`shrink-0`,children:l}):null]})}exports.UserCard=o;

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Card } from "@/components/ui/card";
+export type UserCardProps = React.ComponentProps<typeof Card> & {
+    name: React.ReactNode;
+    description?: React.ReactNode;
+    src?: string;
+    alt?: string;
+    meta?: React.ReactNode;
+    actions?: React.ReactNode;
+};
+declare function UserCard({ name, description, src, alt, meta, actions, className, ...props }: UserCardProps): React.JSX.Element;
+export { UserCard };