tembro 3.0.0 → 3.1.1

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

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

package/dist/src/components/display/statistic.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("lucide-react"),a=require("react/jsx-runtime");function o({label:e,value:n,prefix:r,suffix:o,description:s,trend:c=`neutral`,change:l,loading:u=!1,className:d,...f}){let p=c===`up`?(0,a.jsx)(i.ArrowUpIcon,{className:`size-3`}):c===`down`?(0,a.jsx)(i.ArrowDownIcon,{className:`size-3`}):null;return(0,a.jsxs)(`div`,{"data-slot":`statistic`,className:t.cn(`grid gap-1`,d),...f,children:[(0,a.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e}),(0,a.jsx)(`div`,{className:`flex flex-wrap items-baseline gap-1.5`,children:u?(0,a.jsx)(`div`,{className:`h-8 w-28 animate-pulse rounded-md bg-muted`}):(0,a.jsxs)(a.Fragment,{children:[r&&(0,a.jsx)(`span`,{className:`text-base text-muted-foreground`,children:r}),(0,a.jsx)(`span`,{className:`text-2xl font-semibold tracking-tight`,children:n}),o&&(0,a.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:o})]})}),(s||l)&&(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 text-xs text-muted-foreground`,children:[l&&(0,a.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 font-medium`,c===`up`&&`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`,c===`down`&&`bg-destructive/10 text-destructive`,c===`neutral`&&`bg-muted text-muted-foreground`),children:[p,l]}),s&&(0,a.jsx)(`span`,{children:s})]})]})}function s({action:e,label:t,value:r,prefix:i,suffix:s,description:c,trend:l,change:u,loading:d,className:f,...p}){return(0,a.jsxs)(n.Card,{"data-slot":`statistic-card`,className:f,...p,children:[(0,a.jsxs)(n.CardHeader,{className:`flex flex-row items-center justify-between gap-3 pb-2`,children:[(0,a.jsx)(n.CardTitle,{className:`text-sm font-medium text-muted-foreground`,children:t}),e]}),(0,a.jsx)(n.CardContent,{children:(0,a.jsx)(o,{label:(0,a.jsx)(`span`,{className:`sr-only`,children:t}),value:r,prefix:i,suffix:s,description:c,trend:l,change:u,loading:d})})]})}function c({columns:e=4,className:n,...r}){return(0,a.jsx)(`div`,{"data-slot":`statistic-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.Statistic=o,exports.StatisticCard=s,exports.StatisticGrid=c;

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

@@ -0,0 +1,79 @@
+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 "react";
+import { ArrowDownIcon as a, ArrowUpIcon as o } from "lucide-react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/display/statistic.tsx
+function u({ label: t, value: n, prefix: r, suffix: i, description: u, trend: d = "neutral", change: f, loading: p = !1, className: m, ...h }) {
+	let g = d === "up" ? /* @__PURE__ */ c(o, { className: "size-3" }) : d === "down" ? /* @__PURE__ */ c(a, { className: "size-3" }) : null;
+	return /* @__PURE__ */ l("div", {
+		"data-slot": "statistic",
+		className: e("grid gap-1", m),
+		...h,
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "text-sm text-muted-foreground",
+				children: t
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "flex flex-wrap items-baseline gap-1.5",
+				children: p ? /* @__PURE__ */ c("div", { className: "h-8 w-28 animate-pulse rounded-md bg-muted" }) : /* @__PURE__ */ l(s, { children: [
+					r && /* @__PURE__ */ c("span", {
+						className: "text-base text-muted-foreground",
+						children: r
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "text-2xl font-semibold tracking-tight",
+						children: n
+					}),
+					i && /* @__PURE__ */ c("span", {
+						className: "text-sm text-muted-foreground",
+						children: i
+					})
+				] })
+			}),
+			(u || f) && /* @__PURE__ */ l("div", {
+				className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground",
+				children: [f && /* @__PURE__ */ l("span", {
+					className: e("inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 font-medium", d === "up" && "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400", d === "down" && "bg-destructive/10 text-destructive", d === "neutral" && "bg-muted text-muted-foreground"),
+					children: [g, f]
+				}), u && /* @__PURE__ */ c("span", { children: u })]
+			})
+		]
+	});
+}
+function d({ action: e, label: a, value: o, prefix: s, suffix: d, description: f, trend: p, change: m, loading: h, className: g, ..._ }) {
+	return /* @__PURE__ */ l(t, {
+		"data-slot": "statistic-card",
+		className: g,
+		..._,
+		children: [/* @__PURE__ */ l(r, {
+			className: "flex flex-row items-center justify-between gap-3 pb-2",
+			children: [/* @__PURE__ */ c(i, {
+				className: "text-sm font-medium text-muted-foreground",
+				children: a
+			}), e]
+		}), /* @__PURE__ */ c(n, { children: /* @__PURE__ */ c(u, {
+			label: /* @__PURE__ */ c("span", {
+				className: "sr-only",
+				children: a
+			}),
+			value: o,
+			prefix: s,
+			suffix: d,
+			description: f,
+			trend: p,
+			change: m,
+			loading: h
+		}) })]
+	});
+}
+function f({ columns: t = 4, className: n, ...r }) {
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "statistic-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 { u as Statistic, d as StatisticCard, f as StatisticGrid };

package/dist/src/components/display/status-dot.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:`bg-foreground`,info:`bg-blue-500`,success:`bg-emerald-500`,warning:`bg-amber-500`,danger:`bg-destructive`,muted:`bg-muted-foreground`},a={sm:`size-1.5`,default:`size-2`,lg:`size-2.5`};function o({className:e,tone:n=`neutral`,pulse:o=!1,label:s,size:c=`default`,...l}){let u=(0,r.jsxs)(`span`,{className:`relative inline-flex shrink-0 items-center justify-center`,children:[o?(0,r.jsx)(`span`,{className:t.cn(`absolute inline-flex size-full animate-ping rounded-full opacity-35`,i[n])}):null,(0,r.jsx)(`span`,{"data-slot":`status-dot-indicator`,className:t.cn(`relative rounded-full`,a[c],i[n])})]});return(0,r.jsxs)(`span`,{"data-slot":`status-dot`,className:t.cn(`inline-flex items-center gap-2 text-sm text-muted-foreground`,e),...l,children:[u,s?(0,r.jsx)(`span`,{"data-slot":`status-dot-label`,children:s}):null]})}exports.StatusDot=o;

package/dist/src/components/display/status-dot.js

@@ -0,0 +1,36 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/display/status-dot.tsx
+var r = {
+	neutral: "bg-foreground",
+	info: "bg-blue-500",
+	success: "bg-emerald-500",
+	warning: "bg-amber-500",
+	danger: "bg-destructive",
+	muted: "bg-muted-foreground"
+}, i = {
+	sm: "size-1.5",
+	default: "size-2",
+	lg: "size-2.5"
+};
+function a({ className: a, tone: o = "neutral", pulse: s = !1, label: c, size: l = "default", ...u }) {
+	let d = /* @__PURE__ */ n("span", {
+		className: "relative inline-flex shrink-0 items-center justify-center",
+		children: [s ? /* @__PURE__ */ t("span", { className: e("absolute inline-flex size-full animate-ping rounded-full opacity-35", r[o]) }) : null, /* @__PURE__ */ t("span", {
+			"data-slot": "status-dot-indicator",
+			className: e("relative rounded-full", i[l], r[o])
+		})]
+	});
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "status-dot",
+		className: e("inline-flex items-center gap-2 text-sm text-muted-foreground", a),
+		...u,
+		children: [d, c ? /* @__PURE__ */ t("span", {
+			"data-slot": "status-dot-label",
+			children: c
+		}) : null]
+	});
+}
+//#endregion
+export { a as StatusDot };

package/dist/src/components/display/status-legend.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs"),r=require("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={default:`bg-primary`,success:`bg-emerald-500`,warning:`bg-amber-500`,danger:`bg-destructive`,info:`bg-blue-500`,muted:`bg-muted-foreground`};function s({title:e,description:i,actions:s,items:c,orientation:l=`vertical`,compact:u=!1,showCounts:d=!0,contentClassName:f,itemClassName:p,className:m,...h}){let g=c.filter(e=>!e.hidden),_=!!(e||i||s),v={vertical:`grid`,horizontal:`flex flex-wrap`,grid:`grid sm:grid-cols-2`};return(0,a.jsxs)(n.Card,{"data-slot":`status-legend`,className:t.cn(`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%)]`,m),...h,children:[_&&(0,a.jsx)(n.CardHeader,{className:t.cn(`pb-3`,u&&`p-4 pb-2`),children:(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,a.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e&&(0,a.jsx)(n.CardTitle,{className:`text-base tracking-tight`,children:e}),i&&(0,a.jsx)(n.CardDescription,{className:`leading-6`,children:i})]}),s&&(0,a.jsx)(`div`,{className:`shrink-0`,children:s})]})}),(0,a.jsx)(n.CardContent,{className:t.cn(`gap-3`,v[l],u?`p-4 pt-2`:`pt-0`,f),children:g.map(e=>(0,a.jsxs)(`div`,{"data-slot":`status-legend-item`,"data-tone":e.tone??`default`,className:t.cn(`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))]`,u&&`p-2.5`,p,e.className),children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[e.icon?(0,a.jsx)(`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:e.icon}):(0,a.jsx)(`span`,{className:t.cn(`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)]`,o[e.tone??`default`])}),(0,a.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,a.jsx)(`div`,{className:`truncate text-sm font-medium text-foreground`,children:e.label}),e.description&&(0,a.jsx)(`div`,{className:`text-xs leading-5 text-muted-foreground`,children:e.description})]})]}),d&&e.count!==void 0&&(0,a.jsx)(r.Badge,{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:e.count})]},e.key))})]})}exports.StatusLegend=s;

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

@@ -0,0 +1,74 @@
+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), C = {
+		vertical: "grid",
+		horizontal: "flex flex-wrap",
+		grid: "grid sm:grid-cols-2"
+	};
+	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", C[m], 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/src/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("lucide-react"),i=require("react/jsx-runtime");var a={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`},o={sm:`h-6 px-2 text-xs`,default:`h-7 px-2.5 text-sm`,lg:`h-8 px-3 text-sm`};function s({tone:e=`neutral`,size:n=`default`,removable:s,selected:c,onRemove:l,removeLabel:u=`Remove tag`,className:d,children:f,onKeyDown:p,...m}){let h=e=>{t.stopInteractivePropagation(e),l?.()};return(0,i.jsxs)(`span`,{"data-slot":`tag`,"data-tone":e,"data-selected":c?`true`:void 0,tabIndex:s?0:m.tabIndex,className:t.cn(`inline-flex items-center gap-1.5 rounded-full border font-medium transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/35`,a[e],o[n],c&&`ring-2 ring-ring ring-offset-1`,d),onKeyDown:e=>{s&&(e.key===`Backspace`||e.key===`Delete`)&&(e.preventDefault(),l?.()),p?.(e)},...m,children:[(0,i.jsx)(`span`,{children:f}),s&&(0,i.jsx)(`button`,{type:`button`,"aria-label":u,className:`-mr-1 inline-flex size-4 shrink-0 items-center justify-center rounded-full opacity-80 transition hover:bg-black/10 hover:opacity-100 focus-visible:ring-2 focus-visible:ring-current/35 dark:hover:bg-white/10`,onClick:h,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,i.jsx)(r.XIcon,{className:`size-3`})})]})}function c(e){return(0,i.jsx)(s,{...e})}function l({gap:e=`default`,className:n,...r}){return(0,i.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),...r})}exports.Chip=c,exports.Tag=s,exports.TagGroup=l;

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

@@ -0,0 +1,53 @@
+import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.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.tsx
+var a = {
+	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"
+}, o = {
+	sm: "h-6 px-2 text-xs",
+	default: "h-7 px-2.5 text-sm",
+	lg: "h-8 px-3 text-sm"
+};
+function s({ tone: s = "neutral", size: c = "default", removable: l, selected: u, onRemove: d, removeLabel: f = "Remove tag", className: p, children: m, onKeyDown: h, ...g }) {
+	let _ = (e) => {
+		t(e), d?.();
+	};
+	return /* @__PURE__ */ i("span", {
+		"data-slot": "tag",
+		"data-tone": s,
+		"data-selected": u ? "true" : void 0,
+		tabIndex: l ? 0 : g.tabIndex,
+		className: e("inline-flex items-center gap-1.5 rounded-full border font-medium transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/35", a[s], o[c], u && "ring-2 ring-ring ring-offset-1", p),
+		onKeyDown: (e) => {
+			l && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), d?.()), h?.(e);
+		},
+		...g,
+		children: [/* @__PURE__ */ r("span", { children: m }), l && /* @__PURE__ */ r("button", {
+			type: "button",
+			"aria-label": f,
+			className: "-mr-1 inline-flex size-4 shrink-0 items-center justify-center rounded-full opacity-80 transition hover:bg-black/10 hover:opacity-100 focus-visible:ring-2 focus-visible:ring-current/35 dark:hover:bg-white/10",
+			onClick: _,
+			onMouseDown: t,
+			onDoubleClick: t,
+			children: /* @__PURE__ */ r(n, { className: "size-3" })
+		})]
+	});
+}
+function c(e) {
+	return /* @__PURE__ */ r(s, { ...e });
+}
+function l({ gap: t = "default", className: n, ...i }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "tag-group",
+		className: e("flex flex-wrap items-center", t === "sm" && "gap-1", t === "default" && "gap-2", t === "lg" && "gap-3", n),
+		...i
+	});
+}
+//#endregion
+export { c as Chip, s as Tag, l as TagGroup };

package/dist/src/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/src/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/src/components/display/tree-view.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");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,checkedKeys:d,defaultCheckedKeys:f=[],onCheckedKeysChange:p,checkable:m=!1,searchQuery:h,onLoadChildren:g,className:_,...v}){let[y,b]=n.useState(r),[x,S]=n.useState(f),C=a??y,w=d??x,T=h?.trim().toLowerCase(),E=n.useCallback(e=>{a===void 0&&b(e),s?.(e)},[a,s]),D=(e,t)=>{let n=t?[...new Set([...w,e])]:w.filter(t=>t!==e);d===void 0&&S(n),p?.(n)},O=n.useCallback(e=>{E(C.includes(e)?C.filter(t=>t!==e):[...C,e])},[C,E]),k=n.useMemo(()=>o(e,C,T),[e,C,T]);return(0,i.jsx)(`div`,{"data-slot":`tree-view`,role:`tree`,className:t.cn(`grid gap-1 text-sm`,_),onKeyDown:e=>{let t=e.target.dataset.treeNodeKey;if(!t)return;let n=k.indexOf(t),r=t=>{if(!t)return;let n=t.replace(/\\/g,`\\\\`).replace(/"/g,`\\"`);e.currentTarget.querySelector(`[data-tree-node-key="${n}"]`)?.focus()};e.key===`ArrowDown`?(e.preventDefault(),r(k[Math.min(n+1,k.length-1)])):e.key===`ArrowUp`?(e.preventDefault(),r(k[Math.max(n-1,0)])):e.key===`ArrowRight`?(e.preventDefault(),C.includes(t)||O(t)):e.key===`ArrowLeft`&&(e.preventDefault(),C.includes(t)&&O(t)),v.onKeyDown?.(e)},...v,children:e.map(e=>(0,i.jsx)(u,{item:e,level:1,expandedKeys:C,selectedKey:c,onToggle:O,onSelect:l,checkedKeys:w,onCheckedChange:D,checkable:m,searchQuery:T,onLoadChildren:g},e.key))})}function o(e,t,n){return e.flatMap(e=>c(e,n)?[e.key,...e.children&&t.includes(e.key)?o(e.children,t,n):[]]:[])}function s(e){return e.searchText??(typeof e.label==`string`?e.label:e.key)}function c(e,t){return t?s(e).toLowerCase().includes(t)||!!e.children?.some(e=>c(e,t)):!0}function l(e,t){if(!t||typeof e!=`string`)return e;let n=e.toLowerCase().indexOf(t);return n<0?e:(0,i.jsxs)(i.Fragment,{children:[e.slice(0,n),(0,i.jsx)(`mark`,{className:`rounded bg-primary/15 px-0.5 text-foreground`,children:e.slice(n,n+t.length)}),e.slice(n+t.length)]})}function u({item:e,level:n,expandedKeys:a,selectedKey:o,onToggle:d,onSelect:f,checkedKeys:p,onCheckedChange:m,checkable:h,searchQuery:g,onLoadChildren:_}){if(!c(e,g))return null;let v=!!e.children?.length||!!_,y=a.includes(e.key),b=o===e.key,x=p.includes(e.key);return(0,i.jsxs)(`div`,{"data-slot":`tree-node`,role:`treeitem`,"aria-expanded":v?y:void 0,"aria-selected":b||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`,b&&`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":y?`Collapse`:`Expand`,className:t.cn(`flex size-5 items-center justify-center rounded-sm`,!v&&`invisible`),onClick:()=>{!y&&!e.children?.length&&_?.(e),d(e.key)},children:(0,i.jsx)(r.ChevronRightIcon,{className:t.cn(`size-4 transition-transform`,y&&`rotate-90`)})}),h&&(0,i.jsx)(`input`,{type:`checkbox`,className:`size-4 rounded border-border accent-primary`,checked:x,disabled:e.disabled,"aria-label":`Select ${s(e)}`,onChange:t=>m(e.key,t.currentTarget.checked)}),e.icon,(0,i.jsx)(`button`,{type:`button`,"data-tree-node-key":e.key,className:`min-w-0 flex-1 truncate rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,disabled:e.disabled,onClick:()=>f?.(e),children:l(e.label,g)}),e.loading?(0,i.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Loading...`}):e.extra]}),v&&y&&(0,i.jsx)(`div`,{role:`group`,className:`grid gap-1`,children:e.children?.map(e=>(0,i.jsx)(u,{item:e,level:n+1,expandedKeys:a,selectedKey:o,onToggle:d,onSelect:f,checkedKeys:p,onCheckedChange:m,checkable:h,searchQuery:g,onLoadChildren:_},e.key))})]})}exports.TreeView=a;

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

@@ -0,0 +1,134 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { ChevronRightIcon as n } from "lucide-react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/display/tree-view.tsx
+function o({ items: n, defaultExpandedKeys: r = [], expandedKeys: a, onExpandedKeysChange: o, selectedKey: c, onSelect: l, checkedKeys: u, defaultCheckedKeys: f = [], onCheckedKeysChange: p, checkable: m = !1, searchQuery: h, onLoadChildren: g, className: _, ...v }) {
+	let [y, b] = t.useState(r), [x, S] = t.useState(f), C = a ?? y, w = u ?? x, T = h?.trim().toLowerCase(), E = t.useCallback((e) => {
+		a === void 0 && b(e), o?.(e);
+	}, [a, o]), D = (e, t) => {
+		let n = t ? [...new Set([...w, e])] : w.filter((t) => t !== e);
+		u === void 0 && S(n), p?.(n);
+	}, O = t.useCallback((e) => {
+		E(C.includes(e) ? C.filter((t) => t !== e) : [...C, e]);
+	}, [C, E]), k = t.useMemo(() => s(n, C, T), [
+		n,
+		C,
+		T
+	]);
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "tree-view",
+		role: "tree",
+		className: e("grid gap-1 text-sm", _),
+		onKeyDown: (e) => {
+			let t = e.target.dataset.treeNodeKey;
+			if (!t) return;
+			let n = k.indexOf(t), r = (t) => {
+				if (!t) return;
+				let n = t.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
+				e.currentTarget.querySelector(`[data-tree-node-key="${n}"]`)?.focus();
+			};
+			e.key === "ArrowDown" ? (e.preventDefault(), r(k[Math.min(n + 1, k.length - 1)])) : e.key === "ArrowUp" ? (e.preventDefault(), r(k[Math.max(n - 1, 0)])) : e.key === "ArrowRight" ? (e.preventDefault(), C.includes(t) || O(t)) : e.key === "ArrowLeft" && (e.preventDefault(), C.includes(t) && O(t)), v.onKeyDown?.(e);
+		},
+		...v,
+		children: n.map((e) => /* @__PURE__ */ i(d, {
+			item: e,
+			level: 1,
+			expandedKeys: C,
+			selectedKey: c,
+			onToggle: O,
+			onSelect: l,
+			checkedKeys: w,
+			onCheckedChange: D,
+			checkable: m,
+			searchQuery: T,
+			onLoadChildren: g
+		}, e.key))
+	});
+}
+function s(e, t, n) {
+	return e.flatMap((e) => l(e, n) ? [e.key, ...e.children && t.includes(e.key) ? s(e.children, t, n) : []] : []);
+}
+function c(e) {
+	return e.searchText ?? (typeof e.label == "string" ? e.label : e.key);
+}
+function l(e, t) {
+	return t ? c(e).toLowerCase().includes(t) || !!e.children?.some((e) => l(e, t)) : !0;
+}
+function u(e, t) {
+	if (!t || typeof e != "string") return e;
+	let n = e.toLowerCase().indexOf(t);
+	return n < 0 ? e : /* @__PURE__ */ a(r, { children: [
+		e.slice(0, n),
+		/* @__PURE__ */ i("mark", {
+			className: "rounded bg-primary/15 px-0.5 text-foreground",
+			children: e.slice(n, n + t.length)
+		}),
+		e.slice(n + t.length)
+	] });
+}
+function d({ item: t, level: r, expandedKeys: o, selectedKey: s, onToggle: f, onSelect: p, checkedKeys: m, onCheckedChange: h, checkable: g, searchQuery: _, onLoadChildren: v }) {
+	if (!l(t, _)) return null;
+	let y = !!t.children?.length || !!v, b = o.includes(t.key), x = s === t.key, S = m.includes(t.key);
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "tree-node",
+		role: "treeitem",
+		"aria-expanded": y ? b : void 0,
+		"aria-selected": x || void 0,
+		children: [/* @__PURE__ */ a("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", x && "bg-muted text-foreground", t.disabled && "pointer-events-none opacity-50"),
+			style: { paddingLeft: `${r * .75}rem` },
+			children: [
+				/* @__PURE__ */ i("button", {
+					type: "button",
+					"aria-label": b ? "Collapse" : "Expand",
+					className: e("flex size-5 items-center justify-center rounded-sm", !y && "invisible"),
+					onClick: () => {
+						!b && !t.children?.length && v?.(t), f(t.key);
+					},
+					children: /* @__PURE__ */ i(n, { className: e("size-4 transition-transform", b && "rotate-90") })
+				}),
+				g && /* @__PURE__ */ i("input", {
+					type: "checkbox",
+					className: "size-4 rounded border-border accent-primary",
+					checked: S,
+					disabled: t.disabled,
+					"aria-label": `Select ${c(t)}`,
+					onChange: (e) => h(t.key, e.currentTarget.checked)
+				}),
+				t.icon,
+				/* @__PURE__ */ i("button", {
+					type: "button",
+					"data-tree-node-key": t.key,
+					className: "min-w-0 flex-1 truncate rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+					disabled: t.disabled,
+					onClick: () => p?.(t),
+					children: u(t.label, _)
+				}),
+				t.loading ? /* @__PURE__ */ i("span", {
+					className: "text-xs text-muted-foreground",
+					children: "Loading..."
+				}) : t.extra
+			]
+		}), y && b && /* @__PURE__ */ i("div", {
+			role: "group",
+			className: "grid gap-1",
+			children: t.children?.map((e) => /* @__PURE__ */ i(d, {
+				item: e,
+				level: r + 1,
+				expandedKeys: o,
+				selectedKey: s,
+				onToggle: f,
+				onSelect: p,
+				checkedKeys: m,
+				onCheckedChange: h,
+				checkable: g,
+				searchQuery: _,
+				onLoadChildren: v
+			}, e.key))
+		})]
+	});
+}
+//#endregion
+export { o as TreeView };

package/dist/src/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"),i=require("../charts/charts.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({title:e,value:a,change:s,trend:c,description:l,icon:u,sparkline:d,className:f,...p}){return(0,o.jsxs)(n.Card,{"data-slot":`trend-card`,className:t.cn(`relative overflow-hidden`,f),...p,children:[(0,o.jsxs)(n.CardHeader,{className:`flex flex-row items-center justify-between space-y-0 pb-2`,children:[(0,o.jsx)(n.CardTitle,{className:`text-sm font-medium text-muted-foreground`,children:e}),u&&(0,o.jsx)(`div`,{className:`text-muted-foreground`,children:u})]}),(0,o.jsxs)(n.CardContent,{children:[(0,o.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,o.jsx)(`div`,{className:`text-2xl font-bold`,children:a}),s&&(0,o.jsx)(r.DeltaBadge,{value:s,trend:c})]}),l&&(0,o.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:l})]}),d&&d.length>1?(0,o.jsx)(`div`,{className:`px-6 pb-4`,children:(0,o.jsx)(i.Sparkline,{values:d,positive:c!==`down`})}):null]})}exports.TrendCard=s;