themelia-react-ui 1.0.1 → 2.0.0

package/dist/data-display-cWIRdeaf.js

@@ -1,1129 +0,0 @@
-"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-MvKVq-oL.js";
-import { i as f, o as p, r as m, s as h } from "./feedback-DWUkgEjR.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-CFM5myut.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(m, {
-		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(p, {
-			className: "empty-state--header",
-			children: [
-				!!k && /* @__PURE__ */ F(h, {
-					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(f, {
-			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-cWIRdeaf.js.map