themelia-react-ui 2.0.4 → 2.0.6

package/dist/{data-display-D4oujtx0.js → data-display-Cmj-xZYl.js}

@@ -1,50 +1,51 @@
 "use client";
-import { s as e } from "./ui-provider-CQCuCBcy.js";
+import { d as e } from "./ui-provider-C-74NVLc.js";
 import { useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-CF3c95Io.js";
-import { c as r, o as i, s as a } from "./typography-CSyJrh28.js";
-import { r as o, t as s } from "./structure-C0V0_Fyf.js";
-import { i as c, o as l, r as u, s as d } from "./feedback-DZNL5Lg1.js";
-import { n as f } from "./composition.recipes-COdiFhxB.js";
-import { _ as p, m } from "./primitives-Du64iDbb.js";
-import { t as h } from "./badge-DErMA7ul.js";
-import { t as g } from "./separator-GNfPG-90.js";
-import { n as _ } from "./display-BB4BL_-K.js";
-import { c as v, n as y, o as b, r as x, t as S, u as C } from "./item-BvZ2DR_x.js";
-import { forwardRef as w, useId as T } from "react";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
-import { Search as k } from "lucide-react";
+import { t as n } from "./utils-DhuoqFy4.js";
+import { c as r, o as i, s as a } from "./typography-C7-YMW1S.js";
+import { n as o } from "./text.styles-B64My8RZ.js";
+import { r as s, t as c } from "./structure-DZJ2wbAU.js";
+import { a as l, c as u, i as d, s as f } from "./feedback-Dzo1xtAU.js";
+import { n as p } from "./composition.recipes-COdiFhxB.js";
+import { _ as m, m as h } from "./primitives-BkkQjYl7.js";
+import { t as g } from "./badge-wWauMgAt.js";
+import { t as _ } from "./separator-DM6gs2vu.js";
+import { n as v } from "./display-CT_N2a3w.js";
+import { c as y, n as b, o as x, r as S, t as C, u as w } from "./item-FfWnaYST.js";
+import { forwardRef as T, useId as E } from "react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Search as A } from "lucide-react";
 //#region src/components/blocks/data-display/dense-info-card/helpers.tsx
-function A({ value: e, max: t = 5, label: i }) {
-	return /* @__PURE__ */ O("div", {
+function j({ value: e, max: t = 5, label: i }) {
+	return /* @__PURE__ */ k("div", {
 		className: n("helpers--component", "flex items-center gap-space-md"),
-		children: [/* @__PURE__ */ D("div", {
+		children: [/* @__PURE__ */ O("div", {
 			className: "flex items-center gap-space-xs",
-			children: Array.from({ length: t }, (t, r) => /* @__PURE__ */ D("div", { className: n("h-1.5 w-3 rounded-full", r < e ? "bg-muted-foreground" : "bg-muted") }, r))
-		}), !!i && /* @__PURE__ */ D(r, {
+			children: Array.from({ length: t }, (t, r) => /* @__PURE__ */ O("div", { className: n("h-1.5 w-3 rounded-full", r < e ? "bg-muted-foreground" : "bg-muted") }, r))
+		}), !!i && /* @__PURE__ */ O(r, {
 			size: "xs",
 			type: "secondary",
 			children: i
 		})]
 	});
 }
-function j({ label: e, value: t, badge: n, badgeTone: i }) {
-	return /* @__PURE__ */ O(s, {
+function M({ label: e, value: t, badge: n, badgeTone: i }) {
+	return /* @__PURE__ */ k(c, {
 		direction: "horizontal",
 		align: "center",
 		justify: "between",
 		gap: "md",
 		children: [
-			/* @__PURE__ */ D(r, {
+			/* @__PURE__ */ O(r, {
 				size: "xs",
 				className: "shrink-0 text-muted-foreground",
 				children: e
 			}),
-			!!n && /* @__PURE__ */ D(h, {
+			!!n && /* @__PURE__ */ O(g, {
 				tone: i ?? "secondary",
 				children: n
 			}),
-			!!t && !n && /* @__PURE__ */ D(r, {
+			!!t && !n && /* @__PURE__ */ O(r, {
 				type: "inherit",
 				weight: "semibold",
 				className: "text-right tabular-nums",
@@ -55,53 +56,53 @@ function j({ label: e, value: t, badge: n, badgeTone: i }) {
 }
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-dashboard.tsx
-function M({ title: e, description: t, statusBadges: i, rows: a, secondaryRows: o, scale: c, footerBadges: l, footerText: u, actions: d, className: f }) {
-	return /* @__PURE__ */ D(_, {
+function N({ title: e, description: t, statusBadges: i, rows: a, secondaryRows: o, scale: s, footerBadges: l, footerText: u, actions: d, className: f }) {
+	return /* @__PURE__ */ O(v, {
 		title: e,
 		description: t,
-		titleSuffix: i.length > 0 ? /* @__PURE__ */ D(s, {
+		titleSuffix: i.length > 0 ? /* @__PURE__ */ O(c, {
 			direction: "horizontal",
 			wrap: !0,
 			align: "center",
 			gap: "sm",
-			children: i.map((e) => /* @__PURE__ */ D(h, {
+			children: i.map((e) => /* @__PURE__ */ O(g, {
 				tone: e.tone,
 				children: e.label
 			}, e.label))
 		}) : void 0,
 		actions: d,
 		className: n("dense-info-dashboard--component", f),
-		children: /* @__PURE__ */ O(s, {
+		children: /* @__PURE__ */ k(c, {
 			gap: "2xl",
 			children: [
-				/* @__PURE__ */ O(s, {
+				/* @__PURE__ */ k(c, {
 					gap: "md",
-					children: [a.map((e) => /* @__PURE__ */ D(j, { ...e }, e.label)), !!c && /* @__PURE__ */ O("div", {
+					children: [a.map((e) => /* @__PURE__ */ O(M, { ...e }, e.label)), !!s && /* @__PURE__ */ k("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ D(r, {
+						children: [/* @__PURE__ */ O(r, {
 							size: "xs",
 							className: "text-muted-foreground",
-							children: c.label
-						}), /* @__PURE__ */ D(A, {
-							value: c.value,
-							max: c.max,
-							label: `${String(c.value)}/${String(c.max ?? 5)}`
+							children: s.label
+						}), /* @__PURE__ */ O(j, {
+							value: s.value,
+							max: s.max,
+							label: `${String(s.value)}/${String(s.max ?? 5)}`
 						})]
 					})]
 				}),
-				!!o && o.length > 0 && /* @__PURE__ */ D(s, {
+				!!o && o.length > 0 && /* @__PURE__ */ O(c, {
 					gap: "md",
-					children: o.map((e) => /* @__PURE__ */ D(j, { ...e }, e.label))
+					children: o.map((e) => /* @__PURE__ */ O(M, { ...e }, e.label))
 				}),
-				(!!l || !!u) && /* @__PURE__ */ O(s, {
+				(!!l || !!u) && /* @__PURE__ */ k(c, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
 					gap: "md",
-					children: [!!l && l.map((e) => /* @__PURE__ */ D(h, {
+					children: [!!l && l.map((e) => /* @__PURE__ */ O(g, {
 						tone: e.tone,
 						children: e.label
-					}, e.label)), !!u && /* @__PURE__ */ D(r, {
+					}, e.label)), !!u && /* @__PURE__ */ O(r, {
 						size: "xs",
 						className: "text-muted-foreground",
 						children: u
@@ -111,77 +112,77 @@ function M({ title: e, description: t, statusBadges: i, rows: a, secondaryRows:
 		})
 	});
 }
-M.displayName = "DenseInfoDashboard";
+N.displayName = "DenseInfoDashboard";
 //#endregion
 //#region src/components/blocks/data-display/inline-stat/inline-stat.tsx
-function N({ label: e, value: t, layout: r = "between", mono: a = !1, valueWeight: o, className: c, labelClassName: l, valueClassName: u }) {
-	let d = a ? m : p, f = typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ D(i, {
+function P({ label: e, value: t, layout: r = "between", mono: a = !1, valueWeight: o, className: s, labelClassName: l, valueClassName: u }) {
+	let d = a ? h : m, f = typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ O(i, {
 		className: n("text-inherit", l),
 		children: e
-	}) : /* @__PURE__ */ D("span", {
+	}) : /* @__PURE__ */ O("span", {
 		className: l,
 		children: e
-	}), h = /* @__PURE__ */ D(d, {
+	}), p = /* @__PURE__ */ O(d, {
 		type: "inherit",
 		weight: o,
 		className: u,
 		children: t
 	});
-	return r === "stacked" ? /* @__PURE__ */ O(s, {
+	return r === "stacked" ? /* @__PURE__ */ k(c, {
 		gap: "2xs",
-		className: n("inline-stat--component", c),
-		children: [f, h]
-	}) : /* @__PURE__ */ O(s, {
+		className: n("inline-stat--component", s),
+		children: [f, p]
+	}) : /* @__PURE__ */ k(c, {
 		direction: "horizontal",
 		gap: "md",
 		justify: r === "between" ? "between" : "start",
 		wrap: !1,
-		className: n("inline-stat--component", c),
-		children: [f, h]
+		className: n("inline-stat--component", s),
+		children: [f, p]
 	});
 }
-N.displayName = "InlineStat";
+P.displayName = "InlineStat";
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/dense-info.strings.ts
-var P = {
+var F = {
 	total: "Total",
 	tasks: "tasks",
 	priority: "priority"
 };
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-classification.tsx
-function F({ title: e, description: i, stats: c, items: l, totalLabel: u, totalValue: d, footerBadges: f, footerText: m, actions: w, className: T, strings: k }) {
-	let A = t(P, k);
-	return /* @__PURE__ */ D(_, {
+function I({ title: e, description: i, stats: o, items: l, totalLabel: u, totalValue: d, footerBadges: f, footerText: p, actions: h, className: T, strings: E }) {
+	let A = t(F, E);
+	return /* @__PURE__ */ O(v, {
 		title: e,
 		description: i,
-		actions: w,
+		actions: h,
 		className: n("dense-info-classification--component", T),
-		children: /* @__PURE__ */ O(s, {
+		children: /* @__PURE__ */ k(c, {
 			gap: "2xl",
 			children: [
-				/* @__PURE__ */ D(o, {
+				/* @__PURE__ */ O(s, {
 					columns: {
 						base: 2,
 						sm: 3
 					},
 					gap: "xl",
-					children: c.map((e) => /* @__PURE__ */ O(s, {
+					children: o.map((e) => /* @__PURE__ */ k(c, {
 						gap: "dense",
 						className: "min-w-0 items-start",
 						children: [
-							/* @__PURE__ */ D(a, {
+							/* @__PURE__ */ O(a, {
 								tag: "h4",
 								className: "tabular-nums text-inherit",
 								children: e.value
 							}),
-							/* @__PURE__ */ D(r, {
+							/* @__PURE__ */ O(r, {
 								size: "xs",
 								type: "secondary",
 								weight: "medium",
 								children: e.label
 							}),
-							!!e.trendBadge && /* @__PURE__ */ D(h, {
+							!!e.trendBadge && /* @__PURE__ */ O(g, {
 								tone: e.trendTone ?? "secondary",
 								className: "self-start",
 								children: e.trendBadge
@@ -189,30 +190,30 @@ function F({ title: e, description: i, stats: c, items: l, totalLabel: u, totalV
 						]
 					}, e.label))
 				}),
-				/* @__PURE__ */ O(s, {
+				/* @__PURE__ */ k(c, {
 					gap: "md",
-					children: [/* @__PURE__ */ D(b, { children: l.map((e) => /* @__PURE__ */ O(S, {
+					children: [/* @__PURE__ */ O(x, { children: l.map((e) => /* @__PURE__ */ k(C, {
 						size: "sm",
 						role: "listitem",
 						children: [
-							/* @__PURE__ */ D(v, { children: /* @__PURE__ */ D("span", { className: n("h-2 w-2 shrink-0 rounded-full", e.dotColor) }) }),
-							/* @__PURE__ */ D(x, { children: /* @__PURE__ */ O(C, {
+							/* @__PURE__ */ O(y, { children: /* @__PURE__ */ O("span", { className: n("h-2 w-2 shrink-0 rounded-full", e.dotColor) }) }),
+							/* @__PURE__ */ O(S, { children: /* @__PURE__ */ k(w, {
 								bold: !1,
 								className: "gap-space-md",
-								children: [e.label, !!e.badge && /* @__PURE__ */ D(h, {
+								children: [e.label, !!e.badge && /* @__PURE__ */ O(g, {
 									tone: e.badgeTone ?? "secondary",
 									children: e.badge
 								})]
 							}) }),
-							/* @__PURE__ */ D(y, { children: /* @__PURE__ */ D(p, {
+							/* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(m, {
 								type: "inherit",
 								weight: "semibold",
 								className: "tabular-nums",
 								children: e.value
 							}) })
 						]
-					}, e.label)) }), !!d && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(g, {}), /* @__PURE__ */ D(N, {
-						label: /* @__PURE__ */ D(r, {
+					}, e.label)) }), !!d && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(_, {}), /* @__PURE__ */ O(P, {
+						label: /* @__PURE__ */ O(r, {
 							type: "inherit",
 							tag: "span",
 							weight: "bold",
@@ -224,84 +225,84 @@ function F({ title: e, description: i, stats: c, items: l, totalLabel: u, totalV
 						valueClassName: "tabular-nums"
 					})] })]
 				}),
-				(!!f || !!m) && /* @__PURE__ */ O(s, {
+				(!!f || !!p) && /* @__PURE__ */ k(c, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
 					gap: "md",
-					children: [!!f && f.map((e) => /* @__PURE__ */ D(h, {
+					children: [!!f && f.map((e) => /* @__PURE__ */ O(g, {
 						tone: e.tone,
 						children: e.label
-					}, e.label)), !!m && /* @__PURE__ */ D(r, {
+					}, e.label)), !!p && /* @__PURE__ */ O(r, {
 						size: "xs",
 						className: "text-muted-foreground",
-						children: m
+						children: p
 					})]
 				})
 			]
 		})
 	});
 }
-F.displayName = "DenseInfoClassification";
+I.displayName = "DenseInfoClassification";
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-financial.tsx
-function I({ title: e, description: i, headerBadges: a, lineItems: o, totalLabel: c, totalAmount: l, footerBadges: u, footerText: d, actions: f, className: m, strings: v }) {
-	let w = t(P, v);
-	return /* @__PURE__ */ D(_, {
+function L({ title: e, description: i, headerBadges: a, lineItems: o, totalLabel: s, totalAmount: l, footerBadges: u, footerText: d, actions: f, className: p, strings: h }) {
+	let y = t(F, h);
+	return /* @__PURE__ */ O(v, {
 		title: e,
 		description: i,
-		titleSuffix: a.length > 0 ? /* @__PURE__ */ D(s, {
+		titleSuffix: a.length > 0 ? /* @__PURE__ */ O(c, {
 			direction: "horizontal",
 			wrap: !0,
 			align: "center",
 			gap: "sm",
-			children: a.map((e) => /* @__PURE__ */ D(h, {
+			children: a.map((e) => /* @__PURE__ */ O(g, {
 				tone: e.tone,
 				children: e.label
 			}, e.label))
 		}) : void 0,
 		actions: f,
-		className: n("dense-info-financial--component", m),
-		children: /* @__PURE__ */ O(s, {
+		className: n("dense-info-financial--component", p),
+		children: /* @__PURE__ */ k(c, {
 			gap: "2xl",
-			children: [/* @__PURE__ */ O(s, {
+			children: [/* @__PURE__ */ k(c, {
 				gap: "md",
-				children: [/* @__PURE__ */ D(b, { children: o.map((e) => /* @__PURE__ */ O(S, {
+				children: [/* @__PURE__ */ O(x, { children: o.map((e) => /* @__PURE__ */ k(C, {
 					size: "sm",
 					role: "listitem",
-					children: [/* @__PURE__ */ D(x, { children: /* @__PURE__ */ O(C, {
+					children: [/* @__PURE__ */ O(S, { children: /* @__PURE__ */ k(w, {
 						className: "gap-space-md",
-						children: [e.label, !!e.badge && /* @__PURE__ */ D(h, {
+						children: [e.label, !!e.badge && /* @__PURE__ */ O(g, {
 							tone: e.badgeTone ?? "secondary",
 							children: e.badge
 						})]
-					}) }), /* @__PURE__ */ D(y, { children: /* @__PURE__ */ D(p, {
+					}) }), /* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(m, {
 						type: "inherit",
 						weight: "semibold",
 						className: "tabular-nums",
 						children: e.amount
 					}) })]
-				}, e.label)) }), !!l && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(g, {}), /* @__PURE__ */ D(N, {
-					label: /* @__PURE__ */ D(r, {
+				}, e.label)) }), !!l && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(_, {}), /* @__PURE__ */ O(P, {
+					label: /* @__PURE__ */ O(r, {
 						type: "inherit",
 						tag: "span",
 						weight: "semibold",
 						lineHeight: "tight",
-						children: c ?? w.total
+						children: s ?? y.total
 					}),
 					value: l,
 					valueWeight: "semibold",
 					valueClassName: "tabular-nums"
 				})] })]
-			}), (!!u || !!d) && /* @__PURE__ */ O(s, {
+			}), (!!u || !!d) && /* @__PURE__ */ k(c, {
 				direction: "horizontal",
 				wrap: !0,
 				align: "center",
 				gap: "md",
-				children: [!!u && u.map((e) => /* @__PURE__ */ D(h, {
+				children: [!!u && u.map((e) => /* @__PURE__ */ O(g, {
 					tone: e.tone,
 					children: e.label
-				}, e.label)), !!d && /* @__PURE__ */ D(r, {
+				}, e.label)), !!d && /* @__PURE__ */ O(r, {
 					size: "xs",
 					className: "text-muted-foreground",
 					children: d
@@ -310,58 +311,47 @@ function I({ title: e, description: i, headerBadges: a, lineItems: o, totalLabel
 		})
 	});
 }
-I.displayName = "DenseInfoFinancial";
+L.displayName = "DenseInfoFinancial";
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-project.tsx
-function L({ title: e, description: i, statusLabel: o, statusTone: c, metaPairs: l, date: u, priority: d, completedTasks: f, totalTasks: p, actions: m, className: g, strings: v }) {
-	let y = t(P, v), b = p > 0 ? Math.round(f / p * 100) : 0, x = 2 * Math.PI * 7, S = x - b / 100 * x;
-	return /* @__PURE__ */ D(_, {
+function R({ title: e, description: i, statusLabel: a, statusTone: o, metaPairs: s, date: l, priority: u, completedTasks: d, totalTasks: f, actions: p, className: m, strings: h }) {
+	let _ = t(F, h), y = f > 0 ? Math.round(d / f * 100) : 0, b = 2 * Math.PI * 7, x = b - y / 100 * b;
+	return /* @__PURE__ */ O(v, {
 		padding: "md",
-		actions: m,
-		className: n("dense-info-project-card--component", g),
-		children: /* @__PURE__ */ O(s, {
+		title: e,
+		titleSuffix: /* @__PURE__ */ O(g, {
+			tone: o,
+			dot: !0,
+			children: a
+		}),
+		description: i ? /* @__PURE__ */ O("span", {
+			className: "line-clamp-2",
+			children: i
+		}) : void 0,
+		actions: p,
+		className: n("dense-info-project-card--component", m),
+		contentClassName: "flex-1 justify-end",
+		children: /* @__PURE__ */ k(c, {
 			gap: "lg",
 			children: [
-				/* @__PURE__ */ O(s, {
-					gap: "normal",
-					children: [/* @__PURE__ */ O(s, {
-						direction: "horizontal",
-						wrap: !0,
-						align: "center",
-						gap: "sm",
-						children: [/* @__PURE__ */ D(a, {
-							tag: "h5",
-							className: "text-inherit",
-							children: e
-						}), /* @__PURE__ */ D(h, {
-							tone: c,
-							dot: !0,
-							children: o
-						})]
-					}), !!i && /* @__PURE__ */ D(r, {
-						type: "secondary",
-						className: "line-clamp-2",
-						children: i
-					})]
-				}),
-				!!l && l.length > 0 && /* @__PURE__ */ D(s, {
+				!!s && s.length > 0 && /* @__PURE__ */ O(c, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
 					gap: "sm",
-					children: l.map((e, t) => /* @__PURE__ */ O("span", {
+					children: s.map((e, t) => /* @__PURE__ */ k("span", {
 						className: "flex items-center gap-space-xs",
 						children: [
-							t > 0 && /* @__PURE__ */ D(r, {
+							t > 0 && /* @__PURE__ */ O(r, {
 								tag: "span",
 								type: "discrete",
 								children: "•"
 							}),
-							!!e.icon && /* @__PURE__ */ D("span", {
+							!!e.icon && /* @__PURE__ */ O("span", {
 								className: "text-muted-foreground",
 								children: e.icon
 							}),
-							/* @__PURE__ */ D(r, {
+							/* @__PURE__ */ O(r, {
 								size: "xs",
 								type: "secondary",
 								children: e.label
@@ -369,34 +359,34 @@ function L({ title: e, description: i, statusLabel: o, statusTone: c, metaPairs:
 						]
 					}, e.label))
 				}),
-				(!!u || !!d) && /* @__PURE__ */ O(s, {
+				(!!l || !!u) && /* @__PURE__ */ k(c, {
 					direction: "horizontal",
 					align: "center",
 					justify: "between",
 					gap: "md",
-					children: [!!u && /* @__PURE__ */ D(r, {
+					children: [!!l && /* @__PURE__ */ O(r, {
 						size: "xs",
 						type: "secondary",
-						children: u
-					}), !!d && /* @__PURE__ */ O(r, {
+						children: l
+					}), !!u && /* @__PURE__ */ k(r, {
 						size: "xs",
 						type: "secondary",
 						children: [
-							d,
+							u,
 							" ",
-							y.priority
+							_.priority
 						]
 					})]
 				}),
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ k("div", {
 					className: "flex items-center gap-space-md",
-					children: [/* @__PURE__ */ O("svg", {
+					children: [/* @__PURE__ */ k("svg", {
 						width: "20",
 						height: "20",
 						viewBox: "0 0 20 20",
 						className: "shrink-0",
 						"aria-hidden": "true",
-						children: [/* @__PURE__ */ D("circle", {
+						children: [/* @__PURE__ */ O("circle", {
 							cx: "10",
 							cy: "10",
 							r: "7",
@@ -404,29 +394,29 @@ function L({ title: e, description: i, statusLabel: o, statusTone: c, metaPairs:
 							stroke: "currentColor",
 							strokeWidth: "2",
 							className: "stroke-border"
-						}), /* @__PURE__ */ D("circle", {
+						}), /* @__PURE__ */ O("circle", {
 							cx: "10",
 							cy: "10",
 							r: "7",
 							fill: "none",
 							stroke: "currentColor",
 							strokeWidth: "2",
-							strokeDasharray: x,
-							strokeDashoffset: S,
+							strokeDasharray: b,
+							strokeDashoffset: x,
 							strokeLinecap: "round",
 							className: "text-primary-accent",
 							transform: "rotate(-90 10 10)"
 						})]
-					}), /* @__PURE__ */ O(r, {
+					}), /* @__PURE__ */ k(r, {
 						type: "inherit",
 						size: "xs",
 						weight: "medium",
 						children: [
-							f,
+							d,
 							"/",
-							p,
+							f,
 							" ",
-							y.tasks
+							_.tasks
 						]
 					})]
 				})
@@ -434,48 +424,47 @@ function L({ title: e, description: i, statusLabel: o, statusTone: c, metaPairs:
 		})
 	});
 }
-L.displayName = "DenseInfoProjectCard";
+R.displayName = "DenseInfoProjectCard";
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-score.tsx
-function R({ title: e, description: t, statusBadges: i, score: o, scoreLevel: c, scoreFilled: l, scoreTotal: u = 10, rows: d, footerBadges: f, actions: p, className: m }) {
-	let g = c === "good" ? "bg-success" : c === "medium" ? "bg-warning" : "bg-destructive";
-	return /* @__PURE__ */ D(_, {
+function z({ title: e, description: t, statusBadges: i, score: o, scoreLevel: s, scoreFilled: l, scoreTotal: u = 10, rows: d, footerBadges: f, actions: p, className: m }) {
+	let h = s === "good" ? "bg-success" : s === "medium" ? "bg-warning" : "bg-destructive";
+	return /* @__PURE__ */ O(v, {
 		title: e,
 		description: t,
-		titleSuffix: i.length > 0 ? /* @__PURE__ */ D(s, {
+		titleSuffix: i.length > 0 ? /* @__PURE__ */ O(c, {
 			direction: "horizontal",
 			wrap: !0,
 			align: "center",
 			gap: "sm",
-			children: i.map((e) => /* @__PURE__ */ D(h, {
+			children: i.map((e) => /* @__PURE__ */ O(g, {
 				tone: e.tone,
 				children: e.label
 			}, e.label))
 		}) : void 0,
 		actions: p,
 		className: n("dense-info-score-card--component", m),
-		children: /* @__PURE__ */ O(s, {
+		children: /* @__PURE__ */ k(c, {
 			gap: "2xl",
 			children: [
-				/* @__PURE__ */ O(s, {
+				/* @__PURE__ */ k(c, {
 					gap: "md",
-					align: "center",
-					children: [/* @__PURE__ */ D(a, {
+					children: [/* @__PURE__ */ O(a, {
 						tag: "h2",
+						size: "2xl",
 						className: "tabular-nums text-inherit",
 						children: String(o)
-					}), /* @__PURE__ */ D(s, {
+					}), /* @__PURE__ */ O(c, {
 						direction: "horizontal",
 						align: "center",
-						justify: "center",
 						gap: "xs",
-						children: Array.from({ length: u }, (e, t) => /* @__PURE__ */ D("div", { className: n("h-5 w-2 rounded-radius-sm", t < l ? g : "bg-muted") }, t))
+						children: Array.from({ length: u }, (e, t) => /* @__PURE__ */ O("div", { className: n("h-5 w-2 rounded-radius-sm", t < l ? h : "bg-muted") }, t))
 					})]
 				}),
-				/* @__PURE__ */ D(s, {
+				/* @__PURE__ */ O(c, {
 					gap: "md",
-					children: d.map((e) => /* @__PURE__ */ D(N, {
-						label: /* @__PURE__ */ D(r, {
+					children: d.map((e) => /* @__PURE__ */ O(P, {
+						label: /* @__PURE__ */ O(r, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
@@ -488,12 +477,12 @@ function R({ title: e, description: t, statusBadges: i, score: o, scoreLevel: c,
 						valueClassName: "text-end tabular-nums"
 					}, e.label))
 				}),
-				!!f && f.length > 0 && /* @__PURE__ */ D(s, {
+				!!f && f.length > 0 && /* @__PURE__ */ O(c, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
 					gap: "md",
-					children: f.map((e) => /* @__PURE__ */ D(h, {
+					children: f.map((e) => /* @__PURE__ */ O(g, {
 						tone: e.tone,
 						children: e.label
 					}, e.label))
@@ -502,50 +491,51 @@ function R({ title: e, description: t, statusBadges: i, score: o, scoreLevel: c,
 		})
 	});
 }
-R.displayName = "DenseInfoScoreCard";
+z.displayName = "DenseInfoScoreCard";
 //#endregion
 //#region src/components/blocks/data-display/empty-state/empty-state.strings.ts
-var z = {
+var B = {
 	title: "Nothing here yet",
 	description: "Once data lands, it will show up in this view.",
 	ariaLabel: "Empty state"
-}, B = {
-	sm: "!p-surface-xs",
-	md: "!p-surface",
-	lg: "!p-surface-lg"
 }, V = {
+	none: "p-0",
+	sm: "p-surface-xs",
+	md: "p-surface",
+	lg: "p-surface-lg"
+}, H = {
 	none: "default",
 	icon: "icon",
 	"icon-soft": "icon",
 	illustration: "default"
-}, H = {
+}, U = {
 	none: void 0,
 	icon: void 0,
 	"icon-soft": "bg-muted/50 text-muted-foreground",
 	illustration: "mb-space-xl"
-}, U = w(function({ title: i, description: o, media: p, mediaVariant: m = "none", renderMedia: h, actions: g, footer: _, padding: v, border: y = !1, className: b, strings: x, ariaLabel: S }, C) {
-	let w = t(z, x), { defaultScale: T } = e(), E = v ?? T ?? "md", k = i ?? w.title, A = o === !1 ? null : o ?? w.description, j = h ? h({ mediaVariant: m }) : p, M = !!j;
-	return /* @__PURE__ */ O(u, {
+}, W = T(function({ title: i, description: o, media: s, mediaVariant: m = "none", renderMedia: h, actions: g, footer: _, padding: v, border: y = !1, className: b, strings: x, ariaLabel: S }, C) {
+	let w = t(B, x), { defaultScale: T } = e(), E = v ?? T ?? "md", D = i ?? w.title, A = o === !1 ? null : o ?? w.description, j = h ? h({ mediaVariant: m }) : s, M = !!j;
+	return /* @__PURE__ */ k(d, {
 		ref: C,
 		role: "status",
 		"aria-label": S ?? w.ariaLabel,
-		className: n("empty-state--component", B[E], y ? "border-border border border-dashed" : "border-border border-0", b),
-		children: [/* @__PURE__ */ O(l, {
+		className: n("empty-state--component", V[E], y ? "border-border border border-dashed" : "border-border border-0", b),
+		children: [/* @__PURE__ */ k(f, {
 			className: "empty-state--header",
 			children: [
-				!!M && /* @__PURE__ */ D(d, {
-					variant: V[m],
-					className: n("empty-state--media", H[m]),
+				!!M && /* @__PURE__ */ O(u, {
+					variant: H[m],
+					className: n("empty-state--media", U[m]),
 					children: j
 				}),
-				/* @__PURE__ */ D(a, {
+				/* @__PURE__ */ O(a, {
 					tag: "h3",
 					align: "center",
 					className: "empty-state--title border-0 pb-0 text-inherit",
 					"data-slot": "empty-title",
-					children: k
+					children: D
 				}),
-				!!A && /* @__PURE__ */ D(r, {
+				!!A && /* @__PURE__ */ O(r, {
 					type: "secondary",
 					align: "center",
 					lineHeight: "relaxed",
@@ -554,15 +544,15 @@ var z = {
 					children: A
 				})
 			]
-		}), (!!g || !!_) && /* @__PURE__ */ O(c, {
+		}), (!!g || !!_) && /* @__PURE__ */ k(l, {
 			className: "empty-state--content",
-			children: [!!g && /* @__PURE__ */ D(s, {
+			children: [!!g && /* @__PURE__ */ O(c, {
 				direction: "horizontal",
-				gap: f.commands,
+				gap: p.commands,
 				justify: "center",
 				className: "empty-state--actions",
 				children: g
-			}), !!_ && /* @__PURE__ */ D(r, {
+			}), !!_ && /* @__PURE__ */ O(r, {
 				tag: "div",
 				size: "xs",
 				type: "secondary",
@@ -573,21 +563,21 @@ var z = {
 		})]
 	});
 });
-U.displayName = "EmptyState";
+W.displayName = "EmptyState";
 //#endregion
 //#region src/components/blocks/data-display/empty-state/partials/illustrations/document-stack.tsx
-function W({ className: e }) {
-	return /* @__PURE__ */ D("div", {
+function G({ className: e }) {
+	return /* @__PURE__ */ O("div", {
 		className: n("document-stack-illustration--component relative h-24 w-32", e),
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ O("svg", {
+		children: /* @__PURE__ */ k("svg", {
 			viewBox: "0 0 128 96",
 			className: "h-full w-full overflow-visible",
 			focusable: "false",
-			children: [/* @__PURE__ */ O("g", {
+			children: [/* @__PURE__ */ k("g", {
 				transform: "rotate(-6 44 44)",
 				children: [
-					/* @__PURE__ */ D("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 4.5,
 						y: 4.5,
 						width: 79,
@@ -595,7 +585,7 @@ function W({ className: e }) {
 						style: { rx: "var(--radius-md)" },
 						className: "fill-muted/70 dark:fill-muted/40 stroke-border/50 drop-shadow-xs"
 					}),
-					/* @__PURE__ */ D("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 13,
 						y: 13,
 						width: 48,
@@ -603,7 +593,7 @@ function W({ className: e }) {
 						rx: 4,
 						className: "fill-muted"
 					}),
-					/* @__PURE__ */ D("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 13,
 						y: 27,
 						width: 40,
@@ -611,7 +601,7 @@ function W({ className: e }) {
 						rx: 3,
 						className: "fill-muted/60"
 					}),
-					/* @__PURE__ */ D("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 13,
 						y: 39,
 						width: 36,
@@ -620,10 +610,10 @@ function W({ className: e }) {
 						className: "fill-muted/60"
 					})
 				]
-			}), /* @__PURE__ */ O("g", {
+			}), /* @__PURE__ */ k("g", {
 				transform: "rotate(3 84 48)",
 				children: [
-					/* @__PURE__ */ D("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 44.5,
 						y: 8.5,
 						width: 79,
@@ -631,7 +621,7 @@ function W({ className: e }) {
 						style: { rx: "var(--radius-md)" },
 						className: "fill-background stroke-border drop-shadow-xs"
 					}),
-					/* @__PURE__ */ D("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 53,
 						y: 17,
 						width: 48,
@@ -639,7 +629,7 @@ function W({ className: e }) {
 						rx: 4,
 						className: "fill-muted"
 					}),
-					/* @__PURE__ */ D("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 53,
 						y: 31,
 						width: 40,
@@ -647,7 +637,7 @@ function W({ className: e }) {
 						rx: 3,
 						className: "fill-muted/60"
 					}),
-					/* @__PURE__ */ D("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 53,
 						y: 43,
 						width: 36,
@@ -655,13 +645,13 @@ function W({ className: e }) {
 						rx: 3,
 						className: "fill-muted/60"
 					}),
-					/* @__PURE__ */ D("circle", {
+					/* @__PURE__ */ O("circle", {
 						cx: 56,
 						cy: 76,
 						r: 3,
 						className: "fill-success"
 					}),
-					/* @__PURE__ */ D("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 63,
 						y: 73,
 						width: 32,
@@ -674,22 +664,22 @@ function W({ className: e }) {
 		})
 	});
 }
-W.displayName = "DocumentStackIllustration";
+G.displayName = "DocumentStackIllustration";
 //#endregion
 //#region src/components/blocks/data-display/empty-state/partials/illustrations/inbox-clean.tsx
-function G({ className: e }) {
-	let t = T();
-	return /* @__PURE__ */ D("div", {
+function K({ className: e }) {
+	let t = E();
+	return /* @__PURE__ */ O("div", {
 		className: n("inbox-clean-illustration--component relative h-24 w-32", e),
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ O("svg", {
+		children: /* @__PURE__ */ k("svg", {
 			viewBox: "0 0 128 96",
 			className: "h-full w-full overflow-visible",
 			focusable: "false",
 			children: [
-				/* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", {
+				/* @__PURE__ */ O("defs", { children: /* @__PURE__ */ O("clipPath", {
 					id: t,
-					children: /* @__PURE__ */ D("rect", {
+					children: /* @__PURE__ */ O("rect", {
 						x: .5,
 						y: 40.5,
 						width: 127,
@@ -697,13 +687,13 @@ function G({ className: e }) {
 						style: { rx: "var(--radius)" }
 					})
 				}) }),
-				/* @__PURE__ */ D("circle", {
+				/* @__PURE__ */ O("circle", {
 					cx: 64,
 					cy: 16,
 					r: 15.5,
 					className: "fill-success/12 stroke-success/30"
 				}),
-				/* @__PURE__ */ D("path", {
+				/* @__PURE__ */ O("path", {
 					d: "M59 16l3 3 7-7",
 					fill: "none",
 					className: "stroke-success",
@@ -711,7 +701,7 @@ function G({ className: e }) {
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
 				}),
-				/* @__PURE__ */ D("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: .5,
 					y: 40.5,
 					width: 127,
@@ -719,17 +709,17 @@ function G({ className: e }) {
 					style: { rx: "var(--radius)" },
 					className: "fill-background drop-shadow-xs"
 				}),
-				/* @__PURE__ */ O("g", {
+				/* @__PURE__ */ k("g", {
 					clipPath: `url(#${t})`,
 					children: [
-						/* @__PURE__ */ D("rect", {
+						/* @__PURE__ */ O("rect", {
 							x: 1,
 							y: 41,
 							width: 126,
 							height: 12,
 							className: "fill-muted/30"
 						}),
-						/* @__PURE__ */ D("rect", {
+						/* @__PURE__ */ O("rect", {
 							x: 13,
 							y: 66,
 							width: 48,
@@ -737,7 +727,7 @@ function G({ className: e }) {
 							rx: 3,
 							className: "fill-muted/60"
 						}),
-						/* @__PURE__ */ D("rect", {
+						/* @__PURE__ */ O("rect", {
 							x: 13,
 							y: 76,
 							width: 32,
@@ -745,7 +735,7 @@ function G({ className: e }) {
 							rx: 3,
 							className: "fill-muted/40"
 						}),
-						/* @__PURE__ */ D("circle", {
+						/* @__PURE__ */ O("circle", {
 							cx: 109,
 							cy: 74,
 							r: 6,
@@ -753,7 +743,7 @@ function G({ className: e }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ D("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: .5,
 					y: 40.5,
 					width: 127,
@@ -766,52 +756,52 @@ function G({ className: e }) {
 		})
 	});
 }
-G.displayName = "InboxCleanIllustration";
+K.displayName = "InboxCleanIllustration";
 //#endregion
 //#region src/components/blocks/data-display/empty-state/partials/illustrations/search-glass.tsx
-function K({ className: e }) {
-	return /* @__PURE__ */ D("div", {
+function q({ className: e }) {
+	return /* @__PURE__ */ O("div", {
 		className: n("search-glass-illustration--component", "flex size-20 items-center justify-center rounded-full bg-muted/50 ring-8 ring-muted/30", e),
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ D(k, { className: "size-8 text-muted-foreground" })
+		children: /* @__PURE__ */ O(A, { className: "size-8 text-muted-foreground" })
 	});
 }
-K.displayName = "SearchGlassIllustration";
+q.displayName = "SearchGlassIllustration";
 //#endregion
 //#region src/components/blocks/data-display/empty-state/partials/illustrations/stacked-cards.tsx
-function q({ className: e }) {
-	let t = T();
-	return /* @__PURE__ */ D("div", {
+function J({ className: e }) {
+	let t = E();
+	return /* @__PURE__ */ O("div", {
 		className: n("stacked-cards-illustration--component relative h-24 w-52", e),
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ O("svg", {
+		children: /* @__PURE__ */ k("svg", {
 			viewBox: "0 0 208 96",
 			className: "h-full w-full overflow-visible",
 			focusable: "false",
 			children: [
-				/* @__PURE__ */ D("defs", { children: /* @__PURE__ */ O("linearGradient", {
+				/* @__PURE__ */ O("defs", { children: /* @__PURE__ */ k("linearGradient", {
 					id: t,
 					x1: "0",
 					y1: "0",
 					x2: "0",
 					y2: "1",
 					children: [
-						/* @__PURE__ */ D("stop", {
+						/* @__PURE__ */ O("stop", {
 							stopColor: "var(--background)",
 							stopOpacity: 0
 						}),
-						/* @__PURE__ */ D("stop", {
+						/* @__PURE__ */ O("stop", {
 							offset: "0.5",
 							stopColor: "var(--background)",
 							stopOpacity: .6
 						}),
-						/* @__PURE__ */ D("stop", {
+						/* @__PURE__ */ O("stop", {
 							offset: "1",
 							stopColor: "var(--background)"
 						})
 					]
 				}) }),
-				/* @__PURE__ */ D("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: 24.5,
 					y: .5,
 					width: 159,
@@ -819,7 +809,7 @@ function q({ className: e }) {
 					style: { rx: "var(--radius)" },
 					className: "fill-muted/60 dark:fill-muted/30 stroke-border/50"
 				}),
-				/* @__PURE__ */ D("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: 12.5,
 					y: 12.5,
 					width: 183,
@@ -827,7 +817,7 @@ function q({ className: e }) {
 					style: { rx: "var(--radius)" },
 					className: "fill-muted/80 dark:fill-muted/50 stroke-border/60"
 				}),
-				/* @__PURE__ */ D("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: .5,
 					y: 24.5,
 					width: 207,
@@ -835,7 +825,7 @@ function q({ className: e }) {
 					style: { rx: "var(--radius)" },
 					className: "fill-background stroke-border drop-shadow-xs"
 				}),
-				/* @__PURE__ */ D("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: 17,
 					y: 40,
 					width: 32,
@@ -843,7 +833,7 @@ function q({ className: e }) {
 					rx: 4,
 					className: "fill-muted"
 				}),
-				/* @__PURE__ */ D("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: 61,
 					y: 44,
 					width: 97.5,
@@ -851,7 +841,7 @@ function q({ className: e }) {
 					rx: 4,
 					className: "fill-muted"
 				}),
-				/* @__PURE__ */ D("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: 61,
 					y: 60,
 					width: 65,
@@ -859,7 +849,7 @@ function q({ className: e }) {
 					rx: 4,
 					className: "fill-muted/60"
 				}),
-				/* @__PURE__ */ D("rect", {
+				/* @__PURE__ */ O("rect", {
 					y: 64,
 					width: 208,
 					height: 32,
@@ -869,104 +859,106 @@ function q({ className: e }) {
 		})
 	});
 }
-q.displayName = "StackedCardsIllustration";
+J.displayName = "StackedCardsIllustration";
 //#endregion
 //#region src/components/blocks/data-display/empty-state/partials/illustrations/users-circle.tsx
-function J({ className: e }) {
-	return /* @__PURE__ */ O("div", {
+function Y({ className: e }) {
+	return /* @__PURE__ */ k("div", {
 		className: n("users-circle-illustration--component relative flex h-24 w-32 items-center justify-center", e),
 		"aria-hidden": "true",
 		children: [
-			/* @__PURE__ */ D("div", { className: "bg-muted/50 border-border absolute left-2 size-12 rounded-full border-2" }),
-			/* @__PURE__ */ D("div", { className: "bg-muted border-border z-10 size-14 rounded-full border-2 shadow-sm" }),
-			/* @__PURE__ */ D("div", { className: "bg-muted/50 border-border absolute right-2 size-10 rounded-full border-2" })
+			/* @__PURE__ */ O("div", { className: "bg-muted/50 border-border absolute left-2 size-12 rounded-full border-2" }),
+			/* @__PURE__ */ O("div", { className: "bg-muted border-border z-10 size-14 rounded-full border-2 shadow-sm" }),
+			/* @__PURE__ */ O("div", { className: "bg-muted/50 border-border absolute right-2 size-10 rounded-full border-2" })
 		]
 	});
 }
-J.displayName = "UsersCircleIllustration";
+Y.displayName = "UsersCircleIllustration";
 //#endregion
 //#region src/components/blocks/data-display/relationship-card-frame.tsx
-function Y(e) {
-	return e ? typeof e == "object" && !Array.isArray(e) && "label" in e ? /* @__PURE__ */ D(h, {
+function X(e) {
+	return e ? typeof e == "object" && !Array.isArray(e) && "label" in e ? /* @__PURE__ */ O(g, {
 		inline: !0,
 		tone: e.tone ?? "secondary",
 		size: e.size,
 		children: e.label
 	}) : e : null;
 }
-var X = w(function({ icon: e, title: t, titleBadge: i, alertSlot: a, metadataSlot: o, primaryActionSlot: c, overflowActionSlot: l, selectorSlot: u, detailsSlot: d, className: f, headerClassName: p, bodyClassName: m, ...h }, g) {
-	let _ = !!a || !!o || !!c || !!u || !!d;
-	return /* @__PURE__ */ O(s, {
-		ref: g,
-		className: n("relationship-card-frame--component", f),
-		...h,
-		children: [/* @__PURE__ */ O(s, {
+var Z = T(function({ icon: e, title: t, titleBadge: i, alertSlot: a, metadataSlot: s, primaryActionSlot: l, overflowActionSlot: u, selectorSlot: d, detailsSlot: f, className: p, headerClassName: m, bodyClassName: h, ...g }, _) {
+	let v = !!a || !!s || !!l || !!d || !!f;
+	return /* @__PURE__ */ k(c, {
+		ref: _,
+		className: n("relationship-card-frame--component", p),
+		...g,
+		children: [/* @__PURE__ */ k(c, {
 			direction: "horizontal",
 			gap: "md",
 			align: "start",
 			justify: "between",
 			wrap: !1,
-			className: n("relationship-card-frame--header", p),
-			children: [/* @__PURE__ */ O(s, {
+			className: n("relationship-card-frame--header", m),
+			children: [/* @__PURE__ */ k(c, {
 				direction: "horizontal",
 				gap: "md",
 				align: "start",
 				wrap: !1,
 				className: "relationship-card-frame--header-start",
-				children: [!!e && /* @__PURE__ */ D("div", {
+				children: [!!e && /* @__PURE__ */ O("div", {
 					className: "relationship-card-frame--icon mt-space-2xs inline-flex shrink-0 items-center text-muted-foreground",
 					children: e
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "min-w-0",
-					children: /* @__PURE__ */ O(s, {
+					children: /* @__PURE__ */ k(c, {
 						direction: "horizontal",
 						gap: "sm",
 						className: "relationship-card-frame--title-row",
-						children: [/* @__PURE__ */ D(r, {
+						children: [/* @__PURE__ */ O(r, {
 							type: "inherit",
 							tag: "div",
-							weight: "medium",
+							size: o.subject,
+							weight: "semibold",
+							lineHeight: "tight",
 							className: "relationship-card-frame--title truncate",
 							children: t
-						}), !!i && /* @__PURE__ */ D("span", {
+						}), !!i && /* @__PURE__ */ O("span", {
 							className: "relationship-card-frame--title-badge inline-flex",
-							children: Y(i)
+							children: X(i)
 						})]
 					})
 				})]
-			}), !!l && /* @__PURE__ */ D("div", {
+			}), !!u && /* @__PURE__ */ O("div", {
 				className: "relationship-card-frame--overflow shrink-0",
-				children: l
+				children: u
 			})]
-		}), !!_ && /* @__PURE__ */ O(s, {
-			className: n("relationship-card-frame--body", m),
+		}), !!v && /* @__PURE__ */ k(c, {
+			className: n("relationship-card-frame--body", h),
 			children: [
-				!!a && /* @__PURE__ */ D("div", {
+				!!a && /* @__PURE__ */ O("div", {
 					className: "relationship-card-frame--alert",
 					children: a
 				}),
-				!!u && /* @__PURE__ */ D("div", {
+				!!d && /* @__PURE__ */ O("div", {
 					className: "relationship-card-frame--selector",
-					children: u
+					children: d
 				}),
-				!!o && /* @__PURE__ */ D("div", {
+				!!s && /* @__PURE__ */ O("div", {
 					className: "relationship-card-frame--metadata",
-					children: o
+					children: s
 				}),
-				!!c && /* @__PURE__ */ D("div", {
+				!!l && /* @__PURE__ */ O("div", {
 					className: "relationship-card-frame--primary-action",
-					children: c
+					children: l
 				}),
-				!!d && /* @__PURE__ */ D("div", {
+				!!f && /* @__PURE__ */ O("div", {
 					className: "relationship-card-frame--details",
-					children: d
+					children: f
 				})
 			]
 		})]
 	});
 });
-X.displayName = "RelationshipCardFrame";
+Z.displayName = "RelationshipCardFrame";
 //#endregion
-export { G as a, z as c, I as d, F as f, M as h, K as i, R as l, N as m, J as n, W as o, P as p, q as r, U as s, X as t, L as u };
+export { K as a, B as c, L as d, I as f, N as h, q as i, z as l, P as m, Y as n, G as o, F as p, J as r, W as s, Z as t, R as u };
 
-//# sourceMappingURL=data-display-D4oujtx0.js.map
+//# sourceMappingURL=data-display-Cmj-xZYl.js.map