themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/data-display-b3d1TfL4.js

@@ -0,0 +1,1129 @@
+"use client";
+import { s as e } from "./ui-provider-CftIB6TY.js";
+import { useStrings as t } from "./lib/strings.js";
+import { t as n } from "./utils-C2EKeIw3.js";
+import { l as r, n as i, o as a, s as o } from "./buttons-Co6GavvM.js";
+import { a as s, i as c, r as l } from "./typography-Cv8MT-82.js";
+import { r as u, t as d } from "./structure-BvW4vG4H.js";
+import { f, l as p, p as m, u as h } from "./feedback-a9j9J-9A.js";
+import { _ as g, c as _, l as v, m as y, o as b, p as x, s as S } from "./primitives-DKPOGVpj.js";
+import { r as C } from "./number-BNT_BIzJ.js";
+import { a as w, r as T, t as E } from "./date-BFNMnrS5.js";
+import { t as D } from "./badge-BZXZT9wd.js";
+import { t as O } from "./separator-Gk_WXH-l.js";
+import { n as k } from "./display-ByI5tkqy.js";
+import { c as ee, l as te, n as A, o as j, r as ne, t as re, u as M } from "./item-pJ0GsOiJ.js";
+import N, { forwardRef as ie } from "react";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { BarChart3 as ae, Calendar as oe, FolderOpen as se, Info as ce, Search as le } from "lucide-react";
+//#region src/components/blocks/data-display/dense-info-card/helpers.tsx
+function ue({ value: e, max: t = 5, label: r }) {
+	return /* @__PURE__ */ I("div", {
+		className: n("helpers--component", "flex items-center gap-space-xs"),
+		children: [Array.from({ length: t }, (t, r) => /* @__PURE__ */ F("div", { className: n("h-1.5 w-3 rounded-full", r < e ? "bg-foreground/60" : "bg-muted") }, r)), !!r && /* @__PURE__ */ F(s, {
+			size: "xs",
+			type: "secondary",
+			className: "ml-1",
+			children: r
+		})]
+	});
+}
+function L({ label: e, value: t, badge: n, badgeTone: r }) {
+	return /* @__PURE__ */ I(d, {
+		direction: "horizontal",
+		align: "center",
+		justify: "between",
+		gap: "md",
+		children: [
+			/* @__PURE__ */ F(s, {
+				size: "xs",
+				className: "shrink-0 text-muted-foreground",
+				children: e
+			}),
+			!!n && /* @__PURE__ */ F(D, {
+				tone: r ?? "secondary",
+				children: n
+			}),
+			!!t && !n && /* @__PURE__ */ F(s, {
+				weight: "semibold",
+				className: "text-right tabular-nums",
+				children: t
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/blocks/data-display/dense-info-card/partials/dense-info-dashboard.tsx
+function R({ title: e, description: t, statusBadges: r, rows: i, secondaryRows: a, scale: o, footerBadges: c, footerText: l, actions: u, className: f }) {
+	return /* @__PURE__ */ F(k, {
+		title: e,
+		description: t,
+		actions: u,
+		className: n("dense-info-dashboard--component", f),
+		children: /* @__PURE__ */ I(d, {
+			gap: "lg",
+			children: [
+				/* @__PURE__ */ F(d, {
+					direction: "horizontal",
+					wrap: !0,
+					align: "center",
+					gap: "sm",
+					children: r.map((e) => /* @__PURE__ */ F(D, {
+						tone: e.tone,
+						children: e.label
+					}, e.label))
+				}),
+				/* @__PURE__ */ F(d, {
+					gap: "md",
+					children: i.map((e) => /* @__PURE__ */ F(L, { ...e }, e.label))
+				}),
+				!!o && /* @__PURE__ */ I("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ F(s, {
+						size: "xs",
+						className: "text-muted-foreground",
+						children: o.label
+					}), /* @__PURE__ */ F(ue, {
+						value: o.value,
+						max: o.max,
+						label: `${String(o.value)}/${String(o.max ?? 5)}`
+					})]
+				}),
+				!!a && a.length > 0 && /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(O, {}), /* @__PURE__ */ F(d, {
+					gap: "md",
+					children: a.map((e) => /* @__PURE__ */ F(L, { ...e }, e.label))
+				})] }),
+				(!!c || !!l) && /* @__PURE__ */ I(d, {
+					direction: "horizontal",
+					wrap: !0,
+					align: "center",
+					gap: "md",
+					className: "border-border border-t pt-space-md",
+					children: [!!c && c.map((e) => /* @__PURE__ */ F(D, {
+						tone: e.tone,
+						children: e.label
+					}, e.label)), !!l && /* @__PURE__ */ F(s, {
+						size: "xs",
+						className: "text-muted-foreground",
+						children: l
+					})]
+				})
+			]
+		})
+	});
+}
+R.displayName = "DenseInfoDashboard";
+//#endregion
+//#region src/components/blocks/data-display/inline-stat/inline-stat.tsx
+function z({ label: e, value: t, layout: r = "between", mono: i = !1, className: a, labelClassName: o, valueClassName: s }) {
+	let c = i ? y : g, u = F(typeof e == "string" || typeof e == "number" ? l : "span", {
+		className: o,
+		children: e
+	});
+	return r === "stacked" ? /* @__PURE__ */ I(d, {
+		gap: "2xs",
+		className: n("inline-stat--component", a),
+		children: [u, /* @__PURE__ */ F(c, {
+			size: "inherit",
+			className: n("text-sm leading-snug", i && "tabular-nums", s),
+			children: t
+		})]
+	}) : /* @__PURE__ */ I(d, {
+		direction: "horizontal",
+		gap: "md",
+		justify: r === "between" ? "between" : "start",
+		wrap: !1,
+		className: n("inline-stat--component", a),
+		children: [u, /* @__PURE__ */ F(c, {
+			size: "inherit",
+			className: n("text-sm leading-snug", i && "tabular-nums", s),
+			children: t
+		})]
+	});
+}
+z.displayName = "InlineStat";
+//#endregion
+//#region src/components/blocks/data-display/dense-info-card/dense-info.strings.ts
+var B = {
+	total: "Total",
+	tasks: "Tasks"
+};
+//#endregion
+//#region src/components/blocks/data-display/dense-info-card/partials/dense-info-classification.tsx
+function V({ title: e, description: r, stats: i, items: a, totalLabel: o, totalValue: l, footerBadges: f, footerText: p, actions: m, className: h, strings: _ }) {
+	let v = t(B, _);
+	return /* @__PURE__ */ F(k, {
+		title: e,
+		description: r,
+		actions: m,
+		className: n("dense-info-classification--component", h),
+		children: /* @__PURE__ */ I(d, {
+			gap: "lg",
+			children: [
+				/* @__PURE__ */ F(u, {
+					columns: {
+						base: 2,
+						sm: 3
+					},
+					gap: "md",
+					children: i.map((e) => /* @__PURE__ */ I("div", {
+						className: "rounded-radius border border-border/50 bg-muted/30 p-surface-xs text-center",
+						children: [
+							/* @__PURE__ */ F(c, {
+								tag: "h4",
+								className: "border-none pb-0 text-base font-semibold tabular-nums",
+								children: e.value
+							}),
+							/* @__PURE__ */ F(s, {
+								size: "xs",
+								type: "secondary",
+								weight: "medium",
+								className: "mt-0.5",
+								children: e.label
+							}),
+							!!e.trendBadge && /* @__PURE__ */ F("div", {
+								className: "mt-1 flex justify-center",
+								children: /* @__PURE__ */ F(D, {
+									tone: e.trendTone ?? "secondary",
+									children: e.trendBadge
+								})
+							})
+						]
+					}, e.label))
+				}),
+				/* @__PURE__ */ F(O, {}),
+				/* @__PURE__ */ F(j, { children: a.map((e) => /* @__PURE__ */ I(re, {
+					size: "sm",
+					children: [
+						/* @__PURE__ */ F(ee, { children: /* @__PURE__ */ F("span", { className: n("h-2 w-2 shrink-0 rounded-full", e.dotColor) }) }),
+						/* @__PURE__ */ F(ne, { children: /* @__PURE__ */ I(M, {
+							bold: !1,
+							className: "gap-space-md",
+							children: [e.label, !!e.badge && /* @__PURE__ */ F(D, {
+								tone: e.badgeTone ?? "secondary",
+								children: e.badge
+							})]
+						}) }),
+						/* @__PURE__ */ F(A, { children: /* @__PURE__ */ F(g, {
+							weight: "semibold",
+							className: "tabular-nums",
+							children: e.value
+						}) })
+					]
+				}, e.label)) }),
+				!!l && /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(O, {}), /* @__PURE__ */ F(z, {
+					label: /* @__PURE__ */ F(s, {
+						tag: "span",
+						weight: "bold",
+						lineHeight: "tight",
+						children: o ?? v.total
+					}),
+					value: l,
+					mono: !0,
+					valueClassName: "text-sm font-bold"
+				})] }),
+				(!!f || !!p) && /* @__PURE__ */ I(d, {
+					direction: "horizontal",
+					wrap: !0,
+					align: "center",
+					gap: "md",
+					className: "border-border border-t pt-space-md",
+					children: [!!f && f.map((e) => /* @__PURE__ */ F(D, {
+						tone: e.tone,
+						children: e.label
+					}, e.label)), !!p && /* @__PURE__ */ F(s, {
+						size: "xs",
+						className: "text-muted-foreground",
+						children: p
+					})]
+				})
+			]
+		})
+	});
+}
+V.displayName = "DenseInfoClassification";
+//#endregion
+//#region src/components/blocks/data-display/dense-info-card/partials/dense-info-financial.tsx
+function H({ title: e, description: r, headerBadges: i, lineItems: a, totalLabel: o, totalAmount: c, footerBadges: l, footerText: u, actions: f, className: p, strings: m }) {
+	let h = t(B, m);
+	return /* @__PURE__ */ F(k, {
+		title: e,
+		description: r,
+		actions: f,
+		className: n("dense-info-financial--component", p),
+		children: /* @__PURE__ */ I(d, {
+			gap: "lg",
+			children: [
+				/* @__PURE__ */ F(d, {
+					direction: "horizontal",
+					wrap: !0,
+					align: "center",
+					gap: "sm",
+					children: i.map((e) => /* @__PURE__ */ F(D, {
+						tone: e.tone,
+						children: e.label
+					}, e.label))
+				}),
+				/* @__PURE__ */ F(j, { children: a.map((e, t) => /* @__PURE__ */ I("div", { children: [t > 0 && /* @__PURE__ */ F(te, { className: "my-0" }), /* @__PURE__ */ I(re, {
+					size: "sm",
+					children: [/* @__PURE__ */ F(ne, { children: /* @__PURE__ */ I(M, {
+						className: "gap-space-md",
+						children: [e.label, !!e.badge && /* @__PURE__ */ F(D, {
+							tone: e.badgeTone ?? "secondary",
+							children: e.badge
+						})]
+					}) }), /* @__PURE__ */ F(A, { children: /* @__PURE__ */ F(g, {
+						weight: "semibold",
+						className: "tabular-nums",
+						children: e.amount
+					}) })]
+				})] }, e.label)) }),
+				!!c && /* @__PURE__ */ F(z, {
+					className: "rounded-radius bg-muted/50 p-surface-xs",
+					label: /* @__PURE__ */ F(s, {
+						tag: "span",
+						weight: "semibold",
+						lineHeight: "tight",
+						children: o ?? h.total
+					}),
+					value: c,
+					mono: !0,
+					valueClassName: "text-sm font-semibold"
+				}),
+				(!!l || !!u) && /* @__PURE__ */ I(d, {
+					direction: "horizontal",
+					wrap: !0,
+					align: "center",
+					gap: "md",
+					className: "border-border border-t pt-space-md",
+					children: [!!l && l.map((e) => /* @__PURE__ */ F(D, {
+						tone: e.tone,
+						children: e.label
+					}, e.label)), !!u && /* @__PURE__ */ F(s, {
+						size: "xs",
+						className: "text-muted-foreground",
+						children: u
+					})]
+				})
+			]
+		})
+	});
+}
+H.displayName = "DenseInfoFinancial";
+//#endregion
+//#region src/components/blocks/data-display/dense-info-card/partials/dense-info-project.tsx
+function U({ title: e, description: r, statusLabel: i, statusTone: a, metaPairs: o, date: l, priority: u, completedTasks: f, totalTasks: p, actions: m, className: h, strings: g }) {
+	let _ = t(B, g), v = p > 0 ? Math.round(f / p * 100) : 0, y = 2 * Math.PI * 7, b = y - v / 100 * y;
+	return /* @__PURE__ */ F(k, {
+		padding: "md",
+		actions: m,
+		className: n("dense-info-project-card--component", h),
+		children: /* @__PURE__ */ I(d, {
+			gap: "lg",
+			children: [
+				/* @__PURE__ */ I("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ F(se, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ F(D, {
+						tone: a,
+						dot: !0,
+						children: i
+					})]
+				}),
+				/* @__PURE__ */ F(c, {
+					tag: "h5",
+					className: "font-bold border-none pb-0",
+					children: e
+				}),
+				!!r && /* @__PURE__ */ F(s, {
+					type: "secondary",
+					className: "line-clamp-2",
+					children: r
+				}),
+				!!o && o.length > 0 && /* @__PURE__ */ F(d, {
+					direction: "horizontal",
+					wrap: !0,
+					align: "center",
+					gap: "sm",
+					children: o.map((e, t) => /* @__PURE__ */ I("span", {
+						className: "flex items-center gap-space-xs",
+						children: [
+							t > 0 && /* @__PURE__ */ F(s, {
+								tag: "span",
+								type: "discrete",
+								className: "mx-0.5",
+								children: "•"
+							}),
+							!!e.icon && /* @__PURE__ */ F("span", {
+								className: "text-muted-foreground",
+								children: e.icon
+							}),
+							/* @__PURE__ */ F(s, {
+								size: "xs",
+								type: "secondary",
+								children: e.label
+							})
+						]
+					}, e.label))
+				}),
+				(!!l || !!u) && /* @__PURE__ */ I("div", {
+					className: "flex items-center justify-between",
+					children: [!!l && /* @__PURE__ */ I("div", {
+						className: "flex items-center gap-space-sm",
+						children: [/* @__PURE__ */ F(oe, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ F(s, {
+							size: "xs",
+							type: "secondary",
+							children: l
+						})]
+					}), !!u && /* @__PURE__ */ I("div", {
+						className: "flex items-center gap-space-sm",
+						children: [/* @__PURE__ */ F(ae, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ F(s, {
+							size: "xs",
+							type: "secondary",
+							children: u
+						})]
+					})]
+				}),
+				/* @__PURE__ */ F(O, {}),
+				/* @__PURE__ */ I("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ I("div", {
+						className: "flex items-center gap-space-md",
+						children: [/* @__PURE__ */ I("svg", {
+							width: "20",
+							height: "20",
+							viewBox: "0 0 20 20",
+							className: "shrink-0",
+							children: [/* @__PURE__ */ F("circle", {
+								cx: "10",
+								cy: "10",
+								r: "7",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								className: "text-muted/50"
+							}), /* @__PURE__ */ F("circle", {
+								cx: "10",
+								cy: "10",
+								r: "7",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeDasharray: y,
+								strokeDashoffset: b,
+								strokeLinecap: "round",
+								className: "text-primary-accent",
+								transform: "rotate(-90 10 10)"
+							})]
+						}), /* @__PURE__ */ I(s, {
+							size: "xs",
+							weight: "medium",
+							children: [
+								f,
+								"/",
+								p,
+								" ",
+								_.tasks
+							]
+						})]
+					}), /* @__PURE__ */ F("div", { className: "h-6 w-6 rounded-full bg-muted" })]
+				})
+			]
+		})
+	});
+}
+U.displayName = "DenseInfoProjectCard";
+//#endregion
+//#region src/components/blocks/data-display/dense-info-card/partials/dense-info-score.tsx
+function W({ title: e, description: t, statusBadges: r, score: i, scoreLevel: a, scoreFilled: o, scoreTotal: l = 10, rows: u, footerBadges: f, actions: p, className: m }) {
+	let h = a === "good" ? "bg-success" : a === "medium" ? "bg-warning" : "bg-destructive";
+	return /* @__PURE__ */ F(k, {
+		title: e,
+		description: t,
+		actions: p,
+		className: n("dense-info-score-card--component", m),
+		children: /* @__PURE__ */ I(d, {
+			gap: "lg",
+			children: [
+				/* @__PURE__ */ F(d, {
+					direction: "horizontal",
+					wrap: !0,
+					align: "center",
+					gap: "sm",
+					children: r.map((e) => /* @__PURE__ */ F(D, {
+						tone: e.tone,
+						children: e.label
+					}, e.label))
+				}),
+				/* @__PURE__ */ F("div", {
+					className: "flex items-center justify-center py-space-md",
+					children: /* @__PURE__ */ F(c, {
+						tag: "h2",
+						className: "text-base font-bold tabular-nums border-none pb-0",
+						children: String(i)
+					})
+				}),
+				/* @__PURE__ */ F(d, {
+					direction: "horizontal",
+					align: "center",
+					justify: "center",
+					gap: "xs",
+					children: Array.from({ length: l }, (e, t) => /* @__PURE__ */ F("div", { className: n("h-5 w-2 rounded-radius-sm", t < o ? h : "bg-muted") }, t))
+				}),
+				/* @__PURE__ */ F(O, {}),
+				/* @__PURE__ */ F(d, {
+					gap: "md",
+					children: u.map((e) => /* @__PURE__ */ F(z, {
+						label: /* @__PURE__ */ F(s, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							weight: "medium",
+							lineHeight: "tight",
+							children: e.label
+						}),
+						value: e.value,
+						mono: !0,
+						valueClassName: "text-sm font-semibold text-right"
+					}, e.label))
+				}),
+				!!f && f.length > 0 && /* @__PURE__ */ F(d, {
+					direction: "horizontal",
+					wrap: !0,
+					align: "center",
+					gap: "md",
+					className: "border-border border-t pt-space-md",
+					children: f.map((e) => /* @__PURE__ */ F(D, {
+						tone: e.tone,
+						children: e.label
+					}, e.label))
+				})
+			]
+		})
+	});
+}
+W.displayName = "DenseInfoScoreCard";
+//#endregion
+//#region src/components/blocks/data-display/empty-state/empty-state.strings.ts
+var G = {
+	title: "Nothing here yet",
+	description: "Once data lands, it will show up in this view.",
+	ariaLabel: "Empty state"
+}, de = {
+	sm: "!p-surface-xs",
+	md: "!p-surface",
+	lg: "!p-surface-lg"
+}, fe = {
+	none: "default",
+	icon: "icon",
+	"icon-soft": "icon",
+	illustration: "default"
+}, pe = {
+	none: void 0,
+	icon: void 0,
+	"icon-soft": "bg-muted/40 text-muted-foreground",
+	illustration: "mb-space-xl"
+}, K = ie(function({ title: r, description: i, media: a, mediaVariant: o = "none", renderMedia: l, actions: u, footer: g, padding: _, border: v = !1, className: y, strings: b, ariaLabel: x }, S) {
+	let C = t(G, b), { defaultScale: w } = e(), T = _ ?? w ?? "md", E = r ?? C.title, D = i === !1 ? null : i ?? C.description, O = l ? l({ mediaVariant: o }) : a, k = !!O;
+	return /* @__PURE__ */ I(p, {
+		ref: S,
+		role: "status",
+		"aria-label": x ?? C.ariaLabel,
+		className: n("empty-state--component", de[T], v ? "border-border border border-dashed" : "border-border border-0", y),
+		children: [/* @__PURE__ */ I(f, {
+			className: "empty-state--header",
+			children: [
+				!!k && /* @__PURE__ */ F(m, {
+					variant: fe[o],
+					className: n("empty-state--media", pe[o]),
+					children: O
+				}),
+				/* @__PURE__ */ F(c, {
+					tag: "h3",
+					className: "empty-state--title border-0 pb-0",
+					"data-slot": "empty-title",
+					children: E
+				}),
+				!!D && /* @__PURE__ */ F(s, {
+					type: "secondary",
+					className: "empty-state--description leading-relaxed [&>a]:text-primary-accent [&>a]:underline [&>a]:underline-offset-4 hover:[&>a]:no-underline",
+					"data-slot": "empty-description",
+					children: D
+				})
+			]
+		}), (!!u || !!g) && /* @__PURE__ */ I(h, {
+			className: "empty-state--content",
+			children: [!!u && /* @__PURE__ */ F(d, {
+				direction: "horizontal",
+				gap: "md",
+				justify: "center",
+				className: "empty-state--actions",
+				children: u
+			}), !!g && /* @__PURE__ */ F(s, {
+				tag: "div",
+				size: "xs",
+				type: "secondary",
+				className: "empty-state--footer",
+				children: g
+			})]
+		})]
+	});
+});
+K.displayName = "EmptyState";
+//#endregion
+//#region src/components/blocks/data-display/empty-state/partials/illustrations/document-stack.tsx
+function q({ className: e }) {
+	return /* @__PURE__ */ I("div", {
+		className: n("document-stack-illustration--component relative h-24 w-32", e),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ I("div", {
+			className: "bg-muted/70 dark:bg-muted/40 border-border/50 absolute left-1 top-1 flex h-20 w-20 -rotate-6 flex-col gap-1.5 rounded-radius-md border p-2 shadow-sm",
+			children: [
+				/* @__PURE__ */ F("div", { className: "bg-muted h-2 w-12 rounded" }),
+				/* @__PURE__ */ F("div", { className: "bg-muted/60 h-1.5 w-10 rounded" }),
+				/* @__PURE__ */ F("div", { className: "bg-muted/60 h-1.5 w-9 rounded" })
+			]
+		}), /* @__PURE__ */ I("div", {
+			className: "bg-background border-border absolute right-1 top-2 flex h-20 w-20 rotate-3 flex-col gap-1.5 rounded-radius-md border p-2 shadow-sm",
+			children: [
+				/* @__PURE__ */ F("div", { className: "bg-muted h-2 w-12 rounded" }),
+				/* @__PURE__ */ F("div", { className: "bg-muted/60 h-1.5 w-10 rounded" }),
+				/* @__PURE__ */ F("div", { className: "bg-muted/60 h-1.5 w-9 rounded" }),
+				/* @__PURE__ */ I("div", {
+					className: "mt-auto flex items-center gap-1",
+					children: [/* @__PURE__ */ F("div", { className: "bg-success size-1.5 rounded-full" }), /* @__PURE__ */ F("div", { className: "bg-muted/60 h-1.5 w-8 rounded" })]
+				})
+			]
+		})]
+	});
+}
+q.displayName = "DocumentStackIllustration";
+//#endregion
+//#region src/components/blocks/data-display/empty-state/partials/illustrations/inbox-clean.tsx
+function J({ className: e }) {
+	return /* @__PURE__ */ I("div", {
+		className: n("inbox-clean-illustration--component relative h-24 w-32", e),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ F("div", {
+			className: "bg-success/12 border-success/30 absolute left-1/2 top-0 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border",
+			children: /* @__PURE__ */ F("svg", {
+				viewBox: "0 0 16 16",
+				className: "text-success size-icon-md",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ F("path", { d: "M3 8l3 3 7-7" })
+			})
+		}), /* @__PURE__ */ I("div", {
+			className: "bg-background border-border absolute inset-x-0 bottom-0 flex h-14 flex-col rounded-radius border shadow-sm",
+			children: [/* @__PURE__ */ F("div", { className: "bg-muted/30 h-3 rounded-t-radius" }), /* @__PURE__ */ I("div", {
+				className: "flex flex-1 items-center justify-between px-3",
+				children: [/* @__PURE__ */ I("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ F("div", { className: "bg-muted/60 h-1.5 w-12 rounded" }), /* @__PURE__ */ F("div", { className: "bg-muted/40 h-1.5 w-8 rounded" })]
+				}), /* @__PURE__ */ F("div", { className: "bg-muted/40 size-3 rounded-full" })]
+			})]
+		})]
+	});
+}
+J.displayName = "InboxCleanIllustration";
+//#endregion
+//#region src/components/blocks/data-display/empty-state/partials/illustrations/search-glass.tsx
+function me({ className: e }) {
+	return /* @__PURE__ */ F("div", {
+		className: n("search-glass-illustration--component", "flex size-20 items-center justify-center rounded-full bg-muted/40 ring-8 ring-muted/20", e),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ F(le, { className: "size-8 text-muted-foreground" })
+	});
+}
+me.displayName = "SearchGlassIllustration";
+//#endregion
+//#region src/components/blocks/data-display/empty-state/partials/illustrations/stacked-cards.tsx
+function he({ className: e }) {
+	return /* @__PURE__ */ I("div", {
+		className: n("stacked-cards-illustration--component relative h-24 w-52", e),
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ F("div", { className: "bg-muted/60 dark:bg-muted/30 border-border/50 absolute inset-x-6 top-0 h-6 rounded-t-radius border" }),
+			/* @__PURE__ */ F("div", { className: "bg-muted/80 dark:bg-muted/50 border-border/60 absolute inset-x-3 top-3 h-6 rounded-t-radius border" }),
+			/* @__PURE__ */ I("div", {
+				className: "bg-background border-border absolute inset-x-0 top-6 flex h-16 items-center gap-3 rounded-radius border px-4 shadow-sm",
+				children: [/* @__PURE__ */ F("div", { className: "bg-muted size-8 shrink-0 rounded" }), /* @__PURE__ */ I("div", {
+					className: "flex flex-1 flex-col gap-1.5",
+					children: [/* @__PURE__ */ F("div", { className: "bg-muted h-2.5 w-3/4 rounded" }), /* @__PURE__ */ F("div", { className: "bg-muted/60 h-2 w-1/2 rounded" })]
+				})]
+			}),
+			/* @__PURE__ */ F("div", { className: "from-background/0 via-background/60 to-background pointer-events-none absolute inset-x-0 bottom-0 h-8 bg-linear-to-b" })
+		]
+	});
+}
+he.displayName = "StackedCardsIllustration";
+//#endregion
+//#region src/components/blocks/data-display/empty-state/partials/illustrations/users-circle.tsx
+function ge({ className: e }) {
+	return /* @__PURE__ */ I("div", {
+		className: n("users-circle-illustration--component relative flex h-24 w-32 items-center justify-center", e),
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ F("div", { className: "bg-muted/70 border-border absolute left-2 size-12 rounded-full border-2" }),
+			/* @__PURE__ */ F("div", { className: "bg-muted border-border z-10 size-14 rounded-full border-2 shadow-sm" }),
+			/* @__PURE__ */ F("div", { className: "bg-muted/60 border-border absolute right-2 size-10 rounded-full border-2" })
+		]
+	});
+}
+ge.displayName = "UsersCircleIllustration";
+//#endregion
+//#region src/components/blocks/data-display/metadata/metadata-list.strings.ts
+var _e = {
+	formatInfoAriaLabel: (e) => `${e} info`,
+	infoFallback: "Info"
+};
+//#endregion
+//#region src/components/blocks/data-display/metadata/metadata-value.tsx
+function ve(e) {
+	return e == null || e === "";
+}
+function ye(e, t = "—") {
+	return /* @__PURE__ */ F(x, {
+		size: "inherit",
+		className: n("metadata-value--component", e),
+		children: t
+	});
+}
+function be(e) {
+	throw Error("Unsupported metadata value descriptor.");
+}
+function Y(e) {
+	if (e.kind === "node") return /* @__PURE__ */ F(P, { children: e.node });
+	if (e.kind === "empty" || e.kind !== "link" && ve(e.value)) return ye(e.className, e.emptyLabel);
+	switch (e.kind) {
+		case void 0:
+		case "text": return /* @__PURE__ */ F(g, {
+			size: "inherit",
+			className: n("metadata-value--component", e.className),
+			children: e.display ?? e.value
+		});
+		case "mono": return /* @__PURE__ */ F(y, {
+			size: "inherit",
+			className: n("metadata-value--component", e.className),
+			children: e.display ?? e.value
+		});
+		case "email": return /* @__PURE__ */ F(b, {
+			value: e.value,
+			display: e.display,
+			emptyLabel: e.emptyLabel,
+			className: n("metadata-value--component", e.className)
+		});
+		case "phone": return /* @__PURE__ */ F(_, {
+			value: e.value,
+			display: e.display,
+			emptyLabel: e.emptyLabel,
+			className: n("metadata-value--component", e.className)
+		});
+		case "url": return /* @__PURE__ */ F(v, {
+			value: e.value,
+			display: e.display,
+			emptyLabel: e.emptyLabel,
+			className: n("metadata-value--component", e.className)
+		});
+		case "link": return /* @__PURE__ */ F(S, {
+			href: e.href,
+			emptyLabel: e.emptyLabel,
+			className: n("metadata-value--component", e.className),
+			children: e.display ?? e.value ?? e.href
+		});
+		case "date": return /* @__PURE__ */ F(E, {
+			value: e.value,
+			format: e.dateFormat,
+			preset: e.datePreset,
+			locale: e.dateLocale,
+			emptyLabel: e.emptyLabel,
+			size: "inherit",
+			className: n("metadata-value--component", e.className)
+		});
+		case "time": return /* @__PURE__ */ F(w, {
+			value: e.value,
+			format: e.timeFormat,
+			preset: e.timePreset,
+			locale: e.dateLocale,
+			emptyLabel: e.emptyLabel,
+			size: "inherit",
+			className: n("metadata-value--component", e.className)
+		});
+		case "datetime": return /* @__PURE__ */ F(T, {
+			value: e.value,
+			format: e.dateFormat,
+			timeFormat: e.timeFormat,
+			preset: e.datePreset,
+			locale: e.dateLocale,
+			emptyLabel: e.emptyLabel,
+			size: "inherit",
+			className: n("metadata-value--component", e.className)
+		});
+		case "money": return /* @__PURE__ */ F(C, {
+			amount: e.value,
+			currency: e.currency,
+			unit: e.unit,
+			minorUnitScale: e.minorUnitScale,
+			symbol: e.symbol,
+			currencyDisplay: e.currencyDisplay,
+			formatMode: e.formatMode,
+			minimumFractionDigits: e.minimumFractionDigits,
+			maximumFractionDigits: e.maximumFractionDigits,
+			locale: e.locale,
+			emptyLabel: e.emptyLabel,
+			size: "inherit",
+			className: n("metadata-value--component", e.className)
+		});
+		case "badge": return /* @__PURE__ */ F(D, {
+			tone: e.badgeTone ?? "secondary",
+			size: e.badgeSize,
+			inline: !0,
+			className: n("metadata-value--component self-start justify-self-start", e.className),
+			children: e.display ?? e.value
+		});
+		default: return be(e);
+	}
+}
+Y.displayName = "MetadataValue";
+//#endregion
+//#region src/components/blocks/data-display/metadata/metadata-list.tsx
+var xe = {
+	1: 1,
+	2: {
+		base: 1,
+		md: 2
+	},
+	3: {
+		base: 1,
+		sm: 2,
+		lg: 3
+	},
+	4: {
+		base: 1,
+		sm: 2,
+		lg: 3,
+		xl: 4
+	}
+};
+function Se(e) {
+	return typeof e == "object" ? e : xe[e];
+}
+var X = (e, t) => e.id ? e.id : `metadata-${typeof e.label == "string" ? e.label : `${t}`}-${t}`;
+function Ce(e) {
+	return typeof e == "string" || typeof e == "number";
+}
+function we(e) {
+	return typeof e == "object" && !!e && !N.isValidElement(e) && !Array.isArray(e) && ("kind" in e || "node" in e || "value" in e);
+}
+function Z({ value: e, isEmptyValue: t, emptyLabel: r, valueBase: i }) {
+	return we(e) ? e.kind === "node" ? /* @__PURE__ */ F(Y, { ...e }) : /* @__PURE__ */ F(Y, {
+		...e,
+		emptyLabel: e.emptyLabel ?? r,
+		className: n(i, e.className)
+	}) : Ce(e) ? /* @__PURE__ */ F(Y, {
+		value: e,
+		kind: t ? "empty" : "text",
+		emptyLabel: r,
+		className: i
+	}) : e;
+}
+function Q({ triggerProps: e, ariaLabel: t }) {
+	let { className: r, ...a } = e;
+	return /* @__PURE__ */ F(i, {
+		...a,
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		size: "sm",
+		iconOnly: !0,
+		className: n("metadata-list--info-trigger -mx-space-2xs inline-flex size-avatar-sm shrink-0 items-center justify-center rounded-radius-sm", "text-muted-foreground transition-colors hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", r),
+		"aria-label": t,
+		children: /* @__PURE__ */ F(ce, { className: "size-icon-sm cursor-help" })
+	});
+}
+function Te({ items: e, columns: i = 2, density: c = "default", emptyLabel: f = "—", title: p, titleSeparator: m = !1, className: h, layout: g = "grid", separator: _ = ": ", itemSeparator: v = !1, strings: y }) {
+	let b = t(_e, y), x = N.useMemo(() => e.filter(Boolean), [e]);
+	if (x.length === 0) return null;
+	let S = c === "compact", C = "metadata--field text-left", w = n("metadata-list--value", S ? "text-xs" : "text-sm"), T = "mb-space-sm block", E = p != null, D = E && m;
+	if (g === "inline") {
+		let e = typeof v == "string" ? v : v ? " | " : "";
+		return /* @__PURE__ */ I("div", {
+			className: n("metadata-list--component", "metadata-list-container @container/metadata-list", h),
+			children: [
+				!!E && /* @__PURE__ */ F(l, {
+					tag: "div",
+					className: n("metadata-list--title", T),
+					children: p
+				}),
+				!!D && /* @__PURE__ */ F(O, { className: "metadata-list--title-separator mb-space-md" }),
+				/* @__PURE__ */ F(d, {
+					direction: "horizontal",
+					gap: S ? "sm" : "md",
+					className: "metadata-list--inline",
+					children: x.map((t, i) => {
+						let c = X(t, i), u = t.emptyLabel ?? f, p = t.value === null || t.value === void 0, m = t.value ?? u, h = t.icon, g = t.tooltip !== null && t.tooltip !== void 0, v = typeof t.render == "function", y = e && i < x.length - 1;
+						return /* @__PURE__ */ I(N.Fragment, { children: [/* @__PURE__ */ I(d, {
+							direction: "horizontal",
+							gap: "md",
+							className: "metadata-list--item min-w-0 items-start [&>*]:max-w-full [&>*]:min-w-0 [&>.badge--component]:self-start",
+							children: [
+								!!h && /* @__PURE__ */ F(h, { className: n("flex-shrink-0", S ? "size-icon-sm" : "size-icon", "text-muted-foreground") }),
+								/* @__PURE__ */ I(d, {
+									direction: "horizontal",
+									gap: "none",
+									align: "baseline",
+									className: "min-w-0",
+									children: [
+										/* @__PURE__ */ F(l, {
+											className: n("metadata-list--label whitespace-nowrap", C),
+											children: t.label
+										}),
+										!!g && /* @__PURE__ */ I(a, { children: [/* @__PURE__ */ F(r, { render: (e) => /* @__PURE__ */ F(Q, {
+											triggerProps: e,
+											ariaLabel: typeof t.label == "string" ? b.formatInfoAriaLabel(t.label) : b.infoFallback
+										}) }), /* @__PURE__ */ F(o, {
+											side: "top",
+											align: "start",
+											className: "max-w-xs",
+											children: /* @__PURE__ */ F(s, {
+												type: "inverse",
+												size: "xs",
+												children: t.tooltip
+											})
+										})] }),
+										/* @__PURE__ */ F(s, {
+											size: "inherit",
+											type: "secondary",
+											children: _
+										})
+									]
+								}),
+								v ? t.render?.(t) : Z({
+									value: m,
+									isEmptyValue: p,
+									emptyLabel: u,
+									valueBase: n(w, "leading-tight")
+								})
+							]
+						}), !!y && /* @__PURE__ */ F(s, {
+							size: "inherit",
+							type: "secondary",
+							className: "metadata-list--item-separator",
+							children: e
+						})] }, c);
+					})
+				})
+			]
+		});
+	}
+	if (g === "rows") {
+		let e = S ? "py-row-y-sm" : "py-row-y";
+		return /* @__PURE__ */ I("div", {
+			className: n("metadata-list--component", "metadata-list-container @container/metadata-list", h),
+			children: [
+				!!E && /* @__PURE__ */ F(l, {
+					tag: "div",
+					className: n("metadata-list--title mb-space-md", T),
+					children: p
+				}),
+				!!D && /* @__PURE__ */ F(O, { className: "metadata-list--title-separator mb-space-md" }),
+				/* @__PURE__ */ F(d, {
+					render: /* @__PURE__ */ F("dl", {}),
+					gap: "none",
+					className: "metadata-list--rows divide-y divide-border/50",
+					children: x.map((t, i) => {
+						let c = X(t, i), u = t.emptyLabel ?? f, d = t.value === null || t.value === void 0, p = t.value ?? u, m = t.icon, h = t.tooltip !== null && t.tooltip !== void 0, g = typeof t.render == "function";
+						return /* @__PURE__ */ I("div", {
+							className: n("metadata-list--item grid items-baseline gap-x-space-xl gap-y-space-sm grid-cols-[minmax(0,1fr)_minmax(0,2fr)]", e),
+							children: [/* @__PURE__ */ I("dt", {
+								className: "flex items-center gap-space-sm min-w-0",
+								children: [
+									!!m && /* @__PURE__ */ F(m, { className: n("flex-shrink-0 text-muted-foreground", S ? "size-icon-sm" : "size-icon") }),
+									/* @__PURE__ */ F(l, {
+										className: n("metadata-list--label truncate", C),
+										children: t.label
+									}),
+									!!h && /* @__PURE__ */ I(a, { children: [/* @__PURE__ */ F(r, { render: (e) => /* @__PURE__ */ F(Q, {
+										triggerProps: e,
+										ariaLabel: typeof t.label == "string" ? b.formatInfoAriaLabel(t.label) : b.infoFallback
+									}) }), /* @__PURE__ */ F(o, {
+										side: "top",
+										align: "start",
+										className: "max-w-xs",
+										children: /* @__PURE__ */ F(s, {
+											type: "inverse",
+											size: "xs",
+											children: t.tooltip
+										})
+									})] })
+								]
+							}), /* @__PURE__ */ I("dd", {
+								className: "min-w-0 break-words [overflow-wrap:anywhere] [&>*]:max-w-full [&>*]:min-w-0",
+								children: [g ? t.render?.(t) : Z({
+									value: p,
+									isEmptyValue: d,
+									emptyLabel: u,
+									valueBase: n(w, "break-words leading-tight")
+								}), !!t.description && /* @__PURE__ */ F(s, {
+									size: "inherit",
+									type: "secondary",
+									className: "metadata-list--description mt-space-xs text-xs leading-snug",
+									children: t.description
+								})]
+							})]
+						}, c);
+					})
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ I("div", {
+		className: n("metadata-list--component", "metadata-list-container @container/metadata-list", h),
+		children: [
+			!!E && /* @__PURE__ */ F(l, {
+				tag: "div",
+				className: n("metadata-list--title", T),
+				children: p
+			}),
+			!!D && /* @__PURE__ */ F(O, { className: "metadata-list--title-separator mb-space-md" }),
+			/* @__PURE__ */ F(u, {
+				columns: Se(i),
+				gap: S ? "md" : "xl",
+				align: "start",
+				className: "metadata-list--grid",
+				children: x.map((e, t) => {
+					let i = X(e, t), c = e.emptyLabel ?? f, u = e.value === null || e.value === void 0, p = e.value ?? c, m = e.icon, h = e.tooltip !== null && e.tooltip !== void 0, g = typeof e.render == "function";
+					return /* @__PURE__ */ I(d, {
+						gap: "sm",
+						className: "metadata-list--item min-w-0 items-start [&>*]:max-w-full [&>*]:min-w-0 [&>.badge--component]:self-start",
+						children: [
+							/* @__PURE__ */ I("div", {
+								className: "flex items-center gap-space-sm",
+								children: [
+									!!m && /* @__PURE__ */ F(m, { className: n("flex-shrink-0", S ? "size-icon-sm" : "size-icon", "text-muted-foreground") }),
+									/* @__PURE__ */ F(l, {
+										className: n("metadata-list--label", C),
+										children: e.label
+									}),
+									!!h && /* @__PURE__ */ I(a, { children: [/* @__PURE__ */ F(r, { render: (t) => /* @__PURE__ */ F(Q, {
+										triggerProps: t,
+										ariaLabel: typeof e.label == "string" ? b.formatInfoAriaLabel(e.label) : b.infoFallback
+									}) }), /* @__PURE__ */ F(o, {
+										side: "top",
+										align: "start",
+										className: "max-w-xs",
+										children: /* @__PURE__ */ F(s, {
+											type: "inverse",
+											size: "xs",
+											children: e.tooltip
+										})
+									})] })
+								]
+							}),
+							g ? e.render?.(e) : Z({
+								value: p,
+								isEmptyValue: u,
+								emptyLabel: c,
+								valueBase: n(w, "leading-tight")
+							}),
+							!!e.description && /* @__PURE__ */ F(s, {
+								size: "inherit",
+								type: "secondary",
+								className: "metadata-list--description text-xs leading-snug",
+								children: e.description
+							})
+						]
+					}, i);
+				})
+			})
+		]
+	});
+}
+Te.displayName = "MetadataList";
+//#endregion
+//#region src/components/blocks/data-display/relationship-card-frame.tsx
+function Ee(e) {
+	return e ? typeof e == "object" && !Array.isArray(e) && "label" in e ? /* @__PURE__ */ F(D, {
+		inline: !0,
+		tone: e.tone ?? "secondary",
+		size: e.size,
+		children: e.label
+	}) : e : null;
+}
+var $ = ie(function({ icon: e, title: t, titleBadge: r, alertSlot: i, metadataSlot: a, primaryActionSlot: o, overflowActionSlot: c, selectorSlot: l, detailsSlot: u, className: f, headerClassName: p, bodyClassName: m, ...h }, g) {
+	let _ = !!i || !!a || !!o || !!l || !!u;
+	return /* @__PURE__ */ I(d, {
+		ref: g,
+		className: n("relationship-card-frame--component", f),
+		...h,
+		children: [/* @__PURE__ */ I(d, {
+			direction: "horizontal",
+			gap: "md",
+			align: "start",
+			justify: "between",
+			wrap: !1,
+			className: n("relationship-card-frame--header", p),
+			children: [/* @__PURE__ */ I(d, {
+				direction: "horizontal",
+				gap: "md",
+				align: "start",
+				wrap: !1,
+				className: "relationship-card-frame--header-start",
+				children: [!!e && /* @__PURE__ */ F("div", {
+					className: "relationship-card-frame--icon mt-space-2xs inline-flex shrink-0 items-center text-muted-foreground",
+					children: e
+				}), /* @__PURE__ */ F("div", {
+					className: "min-w-0",
+					children: /* @__PURE__ */ I(d, {
+						direction: "horizontal",
+						gap: "sm",
+						className: "relationship-card-frame--title-row",
+						children: [/* @__PURE__ */ F(s, {
+							tag: "div",
+							weight: "medium",
+							className: "relationship-card-frame--title truncate",
+							children: t
+						}), !!r && /* @__PURE__ */ F("span", {
+							className: "relationship-card-frame--title-badge inline-flex",
+							children: Ee(r)
+						})]
+					})
+				})]
+			}), !!c && /* @__PURE__ */ F("div", {
+				className: "relationship-card-frame--overflow shrink-0",
+				children: c
+			})]
+		}), !!_ && /* @__PURE__ */ I(d, {
+			className: n("relationship-card-frame--body", m),
+			children: [
+				!!i && /* @__PURE__ */ F("div", {
+					className: "relationship-card-frame--alert",
+					children: i
+				}),
+				!!l && /* @__PURE__ */ F("div", {
+					className: "relationship-card-frame--selector",
+					children: l
+				}),
+				!!a && /* @__PURE__ */ F("div", {
+					className: "relationship-card-frame--metadata",
+					children: a
+				}),
+				!!o && /* @__PURE__ */ F("div", {
+					className: "relationship-card-frame--primary-action",
+					children: o
+				}),
+				!!u && /* @__PURE__ */ F("div", {
+					className: "relationship-card-frame--details",
+					children: u
+				})
+			]
+		})]
+	});
+});
+$.displayName = "RelationshipCardFrame";
+//#endregion
+export { R as _, he as a, q as c, W as d, U as f, z as g, B as h, ge as i, K as l, V as m, Te as n, me as o, H as p, Y as r, J as s, $ as t, G as u };
+
+//# sourceMappingURL=data-display-b3d1TfL4.js.map