themelia-react-ui 2.0.3 → 2.0.5

package/dist/{data-display-DT_khPl_.js → data-display-BdgCAw8T.js}

@@ -1,49 +1,51 @@
 "use client";
-import { s as e } from "./ui-provider-C_U0Xma4.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-BRhFDwuU.js";
-import { c as r, o as i, s as a } from "./typography-UTnveOEy.js";
-import { r as o, t as s } from "./structure-BmisBK-3.js";
-import { i as c, o as l, r as u, s as d } from "./feedback-BYIhtitP.js";
-import { _ as f, m as p } from "./primitives-BFK08r9M.js";
-import { t as m } from "./badge-HpFqoqSY.js";
-import { t as h } from "./separator-BDV-Y648.js";
-import { n as g } from "./display-hAc1HjpI.js";
-import { c as _, n as v, o as y, r as b, t as x, u as S } from "./item-K5_ghvze.js";
-import { forwardRef as C, useId as w } from "react";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { Search as O } from "lucide-react";
+import { t as n } from "./utils-B6kKb8jB.js";
+import { c as r, o as i, s as a } from "./typography-BQnine1k.js";
+import { n as o } from "./text.styles-B64My8RZ.js";
+import { r as s, t as c } from "./structure-DuxKl954.js";
+import { i as l, o as u, r as d, s as f } from "./feedback-Dm4izqFn.js";
+import { n as p } from "./composition.recipes-COdiFhxB.js";
+import { _ as m, m as h } from "./primitives-ByWgGUgt.js";
+import { t as g } from "./badge-xIiV_E7f.js";
+import { t as _ } from "./separator-Ct_WSWTJ.js";
+import { n as v } from "./display-KsZLw9Ov.js";
+import { c as y, n as b, o as x, r as S, t as C, u as w } from "./item-DjCcM18E.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 k({ value: e, max: t = 5, label: i }) {
-	return /* @__PURE__ */ D("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__ */ E("div", {
+		children: [/* @__PURE__ */ O("div", {
 			className: "flex items-center gap-space-xs",
-			children: Array.from({ length: t }, (t, r) => /* @__PURE__ */ E("div", { className: n("h-1.5 w-3 rounded-full", r < e ? "bg-muted-foreground" : "bg-muted") }, r))
-		}), !!i && /* @__PURE__ */ E(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 A({ label: e, value: t, badge: n, badgeTone: i }) {
-	return /* @__PURE__ */ D(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__ */ E(r, {
+			/* @__PURE__ */ O(r, {
 				size: "xs",
 				className: "shrink-0 text-muted-foreground",
 				children: e
 			}),
-			!!n && /* @__PURE__ */ E(m, {
+			!!n && /* @__PURE__ */ O(g, {
 				tone: i ?? "secondary",
 				children: n
 			}),
-			!!t && !n && /* @__PURE__ */ E(r, {
+			!!t && !n && /* @__PURE__ */ O(r, {
 				type: "inherit",
 				weight: "semibold",
 				className: "text-right tabular-nums",
@@ -54,53 +56,53 @@ function A({ label: e, value: t, badge: n, badgeTone: i }) {
 }
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-dashboard.tsx
-function j({ title: e, description: t, statusBadges: i, rows: a, secondaryRows: o, scale: c, footerBadges: l, footerText: u, actions: d, className: f }) {
-	return /* @__PURE__ */ E(g, {
+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__ */ E(s, {
+		titleSuffix: i.length > 0 ? /* @__PURE__ */ O(c, {
 			direction: "horizontal",
 			wrap: !0,
 			align: "center",
 			gap: "sm",
-			children: i.map((e) => /* @__PURE__ */ E(m, {
+			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__ */ D(s, {
+		children: /* @__PURE__ */ k(c, {
 			gap: "2xl",
 			children: [
-				/* @__PURE__ */ D(s, {
+				/* @__PURE__ */ k(c, {
 					gap: "md",
-					children: [a.map((e) => /* @__PURE__ */ E(A, { ...e }, e.label)), !!c && /* @__PURE__ */ D("div", {
+					children: [a.map((e) => /* @__PURE__ */ O(M, { ...e }, e.label)), !!s && /* @__PURE__ */ k("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ E(r, {
+						children: [/* @__PURE__ */ O(r, {
 							size: "xs",
 							className: "text-muted-foreground",
-							children: c.label
-						}), /* @__PURE__ */ E(k, {
-							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__ */ E(s, {
+				!!o && o.length > 0 && /* @__PURE__ */ O(c, {
 					gap: "md",
-					children: o.map((e) => /* @__PURE__ */ E(A, { ...e }, e.label))
+					children: o.map((e) => /* @__PURE__ */ O(M, { ...e }, e.label))
 				}),
-				(!!l || !!u) && /* @__PURE__ */ D(s, {
+				(!!l || !!u) && /* @__PURE__ */ k(c, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
 					gap: "md",
-					children: [!!l && l.map((e) => /* @__PURE__ */ E(m, {
+					children: [!!l && l.map((e) => /* @__PURE__ */ O(g, {
 						tone: e.tone,
 						children: e.label
-					}, e.label)), !!u && /* @__PURE__ */ E(r, {
+					}, e.label)), !!u && /* @__PURE__ */ O(r, {
 						size: "xs",
 						className: "text-muted-foreground",
 						children: u
@@ -110,77 +112,77 @@ function j({ title: e, description: t, statusBadges: i, rows: a, secondaryRows:
 		})
 	});
 }
-j.displayName = "DenseInfoDashboard";
+N.displayName = "DenseInfoDashboard";
 //#endregion
 //#region src/components/blocks/data-display/inline-stat/inline-stat.tsx
-function M({ label: e, value: t, layout: r = "between", mono: a = !1, valueWeight: o, className: c, labelClassName: l, valueClassName: u }) {
-	let d = a ? p : f, m = typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ E(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__ */ E("span", {
+	}) : /* @__PURE__ */ O("span", {
 		className: l,
 		children: e
-	}), h = /* @__PURE__ */ E(d, {
+	}), p = /* @__PURE__ */ O(d, {
 		type: "inherit",
 		weight: o,
 		className: u,
 		children: t
 	});
-	return r === "stacked" ? /* @__PURE__ */ D(s, {
+	return r === "stacked" ? /* @__PURE__ */ k(c, {
 		gap: "2xs",
-		className: n("inline-stat--component", c),
-		children: [m, h]
-	}) : /* @__PURE__ */ D(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: [m, h]
+		className: n("inline-stat--component", s),
+		children: [f, p]
 	});
 }
-M.displayName = "InlineStat";
+P.displayName = "InlineStat";
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/dense-info.strings.ts
-var N = {
+var F = {
 	total: "Total",
 	tasks: "tasks",
 	priority: "priority"
 };
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-classification.tsx
-function P({ title: e, description: i, stats: c, items: l, totalLabel: u, totalValue: d, footerBadges: p, footerText: C, actions: w, className: O, strings: k }) {
-	let A = t(N, k);
-	return /* @__PURE__ */ E(g, {
+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,
-		className: n("dense-info-classification--component", O),
-		children: /* @__PURE__ */ D(s, {
+		actions: h,
+		className: n("dense-info-classification--component", T),
+		children: /* @__PURE__ */ k(c, {
 			gap: "2xl",
 			children: [
-				/* @__PURE__ */ E(o, {
+				/* @__PURE__ */ O(s, {
 					columns: {
 						base: 2,
 						sm: 3
 					},
 					gap: "xl",
-					children: c.map((e) => /* @__PURE__ */ D(s, {
+					children: o.map((e) => /* @__PURE__ */ k(c, {
 						gap: "dense",
 						className: "min-w-0 items-start",
 						children: [
-							/* @__PURE__ */ E(a, {
+							/* @__PURE__ */ O(a, {
 								tag: "h4",
 								className: "tabular-nums text-inherit",
 								children: e.value
 							}),
-							/* @__PURE__ */ E(r, {
+							/* @__PURE__ */ O(r, {
 								size: "xs",
 								type: "secondary",
 								weight: "medium",
 								children: e.label
 							}),
-							!!e.trendBadge && /* @__PURE__ */ E(m, {
+							!!e.trendBadge && /* @__PURE__ */ O(g, {
 								tone: e.trendTone ?? "secondary",
 								className: "self-start",
 								children: e.trendBadge
@@ -188,30 +190,30 @@ function P({ title: e, description: i, stats: c, items: l, totalLabel: u, totalV
 						]
 					}, e.label))
 				}),
-				/* @__PURE__ */ D(s, {
+				/* @__PURE__ */ k(c, {
 					gap: "md",
-					children: [/* @__PURE__ */ E(y, { children: l.map((e) => /* @__PURE__ */ D(x, {
+					children: [/* @__PURE__ */ O(x, { children: l.map((e) => /* @__PURE__ */ k(C, {
 						size: "sm",
 						role: "listitem",
 						children: [
-							/* @__PURE__ */ E(_, { children: /* @__PURE__ */ E("span", { className: n("h-2 w-2 shrink-0 rounded-full", e.dotColor) }) }),
-							/* @__PURE__ */ E(b, { children: /* @__PURE__ */ D(S, {
+							/* @__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__ */ E(m, {
+								children: [e.label, !!e.badge && /* @__PURE__ */ O(g, {
 									tone: e.badgeTone ?? "secondary",
 									children: e.badge
 								})]
 							}) }),
-							/* @__PURE__ */ E(v, { children: /* @__PURE__ */ E(f, {
+							/* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(m, {
 								type: "inherit",
 								weight: "semibold",
 								className: "tabular-nums",
 								children: e.value
 							}) })
 						]
-					}, e.label)) }), !!d && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(h, {}), /* @__PURE__ */ E(M, {
-						label: /* @__PURE__ */ E(r, {
+					}, e.label)) }), !!d && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(_, {}), /* @__PURE__ */ O(P, {
+						label: /* @__PURE__ */ O(r, {
 							type: "inherit",
 							tag: "span",
 							weight: "bold",
@@ -223,84 +225,84 @@ function P({ title: e, description: i, stats: c, items: l, totalLabel: u, totalV
 						valueClassName: "tabular-nums"
 					})] })]
 				}),
-				(!!p || !!C) && /* @__PURE__ */ D(s, {
+				(!!f || !!p) && /* @__PURE__ */ k(c, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
 					gap: "md",
-					children: [!!p && p.map((e) => /* @__PURE__ */ E(m, {
+					children: [!!f && f.map((e) => /* @__PURE__ */ O(g, {
 						tone: e.tone,
 						children: e.label
-					}, e.label)), !!C && /* @__PURE__ */ E(r, {
+					}, e.label)), !!p && /* @__PURE__ */ O(r, {
 						size: "xs",
 						className: "text-muted-foreground",
-						children: C
+						children: p
 					})]
 				})
 			]
 		})
 	});
 }
-P.displayName = "DenseInfoClassification";
+I.displayName = "DenseInfoClassification";
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-financial.tsx
-function F({ title: e, description: i, headerBadges: a, lineItems: o, totalLabel: c, totalAmount: l, footerBadges: u, footerText: d, actions: p, className: _, strings: C }) {
-	let w = t(N, C);
-	return /* @__PURE__ */ E(g, {
+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__ */ E(s, {
+		titleSuffix: a.length > 0 ? /* @__PURE__ */ O(c, {
 			direction: "horizontal",
 			wrap: !0,
 			align: "center",
 			gap: "sm",
-			children: a.map((e) => /* @__PURE__ */ E(m, {
+			children: a.map((e) => /* @__PURE__ */ O(g, {
 				tone: e.tone,
 				children: e.label
 			}, e.label))
 		}) : void 0,
-		actions: p,
-		className: n("dense-info-financial--component", _),
-		children: /* @__PURE__ */ D(s, {
+		actions: f,
+		className: n("dense-info-financial--component", p),
+		children: /* @__PURE__ */ k(c, {
 			gap: "2xl",
-			children: [/* @__PURE__ */ D(s, {
+			children: [/* @__PURE__ */ k(c, {
 				gap: "md",
-				children: [/* @__PURE__ */ E(y, { children: o.map((e) => /* @__PURE__ */ D(x, {
+				children: [/* @__PURE__ */ O(x, { children: o.map((e) => /* @__PURE__ */ k(C, {
 					size: "sm",
 					role: "listitem",
-					children: [/* @__PURE__ */ E(b, { children: /* @__PURE__ */ D(S, {
+					children: [/* @__PURE__ */ O(S, { children: /* @__PURE__ */ k(w, {
 						className: "gap-space-md",
-						children: [e.label, !!e.badge && /* @__PURE__ */ E(m, {
+						children: [e.label, !!e.badge && /* @__PURE__ */ O(g, {
 							tone: e.badgeTone ?? "secondary",
 							children: e.badge
 						})]
-					}) }), /* @__PURE__ */ E(v, { children: /* @__PURE__ */ E(f, {
+					}) }), /* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(m, {
 						type: "inherit",
 						weight: "semibold",
 						className: "tabular-nums",
 						children: e.amount
 					}) })]
-				}, e.label)) }), !!l && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(h, {}), /* @__PURE__ */ E(M, {
-					label: /* @__PURE__ */ E(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__ */ D(s, {
+			}), (!!u || !!d) && /* @__PURE__ */ k(c, {
 				direction: "horizontal",
 				wrap: !0,
 				align: "center",
 				gap: "md",
-				children: [!!u && u.map((e) => /* @__PURE__ */ E(m, {
+				children: [!!u && u.map((e) => /* @__PURE__ */ O(g, {
 					tone: e.tone,
 					children: e.label
-				}, e.label)), !!d && /* @__PURE__ */ E(r, {
+				}, e.label)), !!d && /* @__PURE__ */ O(r, {
 					size: "xs",
 					className: "text-muted-foreground",
 					children: d
@@ -309,58 +311,47 @@ function F({ title: e, description: i, headerBadges: a, lineItems: o, totalLabel
 		})
 	});
 }
-F.displayName = "DenseInfoFinancial";
+L.displayName = "DenseInfoFinancial";
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-project.tsx
-function I({ title: e, description: i, statusLabel: o, statusTone: c, metaPairs: l, date: u, priority: d, completedTasks: f, totalTasks: p, actions: h, className: _, strings: v }) {
-	let y = t(N, v), b = p > 0 ? Math.round(f / p * 100) : 0, x = 2 * Math.PI * 7, S = x - b / 100 * x;
-	return /* @__PURE__ */ E(g, {
+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: h,
-		className: n("dense-info-project-card--component", _),
-		children: /* @__PURE__ */ D(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__ */ D(s, {
-					gap: "normal",
-					children: [/* @__PURE__ */ D(s, {
-						direction: "horizontal",
-						wrap: !0,
-						align: "center",
-						gap: "sm",
-						children: [/* @__PURE__ */ E(a, {
-							tag: "h5",
-							className: "text-inherit",
-							children: e
-						}), /* @__PURE__ */ E(m, {
-							tone: c,
-							dot: !0,
-							children: o
-						})]
-					}), !!i && /* @__PURE__ */ E(r, {
-						type: "secondary",
-						className: "line-clamp-2",
-						children: i
-					})]
-				}),
-				!!l && l.length > 0 && /* @__PURE__ */ E(s, {
+				!!s && s.length > 0 && /* @__PURE__ */ O(c, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
 					gap: "sm",
-					children: l.map((e, t) => /* @__PURE__ */ D("span", {
+					children: s.map((e, t) => /* @__PURE__ */ k("span", {
 						className: "flex items-center gap-space-xs",
 						children: [
-							t > 0 && /* @__PURE__ */ E(r, {
+							t > 0 && /* @__PURE__ */ O(r, {
 								tag: "span",
 								type: "discrete",
 								children: "•"
 							}),
-							!!e.icon && /* @__PURE__ */ E("span", {
+							!!e.icon && /* @__PURE__ */ O("span", {
 								className: "text-muted-foreground",
 								children: e.icon
 							}),
-							/* @__PURE__ */ E(r, {
+							/* @__PURE__ */ O(r, {
 								size: "xs",
 								type: "secondary",
 								children: e.label
@@ -368,34 +359,34 @@ function I({ title: e, description: i, statusLabel: o, statusTone: c, metaPairs:
 						]
 					}, e.label))
 				}),
-				(!!u || !!d) && /* @__PURE__ */ D(s, {
+				(!!l || !!u) && /* @__PURE__ */ k(c, {
 					direction: "horizontal",
 					align: "center",
 					justify: "between",
 					gap: "md",
-					children: [!!u && /* @__PURE__ */ E(r, {
+					children: [!!l && /* @__PURE__ */ O(r, {
 						size: "xs",
 						type: "secondary",
-						children: u
-					}), !!d && /* @__PURE__ */ D(r, {
+						children: l
+					}), !!u && /* @__PURE__ */ k(r, {
 						size: "xs",
 						type: "secondary",
 						children: [
-							d,
+							u,
 							" ",
-							y.priority
+							_.priority
 						]
 					})]
 				}),
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ k("div", {
 					className: "flex items-center gap-space-md",
-					children: [/* @__PURE__ */ D("svg", {
+					children: [/* @__PURE__ */ k("svg", {
 						width: "20",
 						height: "20",
 						viewBox: "0 0 20 20",
 						className: "shrink-0",
 						"aria-hidden": "true",
-						children: [/* @__PURE__ */ E("circle", {
+						children: [/* @__PURE__ */ O("circle", {
 							cx: "10",
 							cy: "10",
 							r: "7",
@@ -403,29 +394,29 @@ function I({ title: e, description: i, statusLabel: o, statusTone: c, metaPairs:
 							stroke: "currentColor",
 							strokeWidth: "2",
 							className: "stroke-border"
-						}), /* @__PURE__ */ E("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__ */ D(r, {
+					}), /* @__PURE__ */ k(r, {
 						type: "inherit",
 						size: "xs",
 						weight: "medium",
 						children: [
-							f,
+							d,
 							"/",
-							p,
+							f,
 							" ",
-							y.tasks
+							_.tasks
 						]
 					})]
 				})
@@ -433,48 +424,47 @@ function I({ title: e, description: i, statusLabel: o, statusTone: c, metaPairs:
 		})
 	});
 }
-I.displayName = "DenseInfoProjectCard";
+R.displayName = "DenseInfoProjectCard";
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-score.tsx
-function L({ title: e, description: t, statusBadges: i, score: o, scoreLevel: c, scoreFilled: l, scoreTotal: u = 10, rows: d, footerBadges: f, actions: p, className: h }) {
-	let _ = c === "good" ? "bg-success" : c === "medium" ? "bg-warning" : "bg-destructive";
-	return /* @__PURE__ */ E(g, {
+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__ */ E(s, {
+		titleSuffix: i.length > 0 ? /* @__PURE__ */ O(c, {
 			direction: "horizontal",
 			wrap: !0,
 			align: "center",
 			gap: "sm",
-			children: i.map((e) => /* @__PURE__ */ E(m, {
+			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", h),
-		children: /* @__PURE__ */ D(s, {
+		className: n("dense-info-score-card--component", m),
+		children: /* @__PURE__ */ k(c, {
 			gap: "2xl",
 			children: [
-				/* @__PURE__ */ D(s, {
+				/* @__PURE__ */ k(c, {
 					gap: "md",
-					align: "center",
-					children: [/* @__PURE__ */ E(a, {
+					children: [/* @__PURE__ */ O(a, {
 						tag: "h2",
+						size: "2xl",
 						className: "tabular-nums text-inherit",
 						children: String(o)
-					}), /* @__PURE__ */ E(s, {
+					}), /* @__PURE__ */ O(c, {
 						direction: "horizontal",
 						align: "center",
-						justify: "center",
 						gap: "xs",
-						children: Array.from({ length: u }, (e, t) => /* @__PURE__ */ E("div", { className: n("h-5 w-2 rounded-radius-sm", t < l ? _ : "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__ */ E(s, {
+				/* @__PURE__ */ O(c, {
 					gap: "md",
-					children: d.map((e) => /* @__PURE__ */ E(M, {
-						label: /* @__PURE__ */ E(r, {
+					children: d.map((e) => /* @__PURE__ */ O(P, {
+						label: /* @__PURE__ */ O(r, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
@@ -487,12 +477,12 @@ function L({ title: e, description: t, statusBadges: i, score: o, scoreLevel: c,
 						valueClassName: "text-end tabular-nums"
 					}, e.label))
 				}),
-				!!f && f.length > 0 && /* @__PURE__ */ E(s, {
+				!!f && f.length > 0 && /* @__PURE__ */ O(c, {
 					direction: "horizontal",
 					wrap: !0,
 					align: "center",
 					gap: "md",
-					children: f.map((e) => /* @__PURE__ */ E(m, {
+					children: f.map((e) => /* @__PURE__ */ O(g, {
 						tone: e.tone,
 						children: e.label
 					}, e.label))
@@ -501,92 +491,92 @@ function L({ title: e, description: t, statusBadges: i, score: o, scoreLevel: c,
 		})
 	});
 }
-L.displayName = "DenseInfoScoreCard";
+z.displayName = "DenseInfoScoreCard";
 //#endregion
 //#region src/components/blocks/data-display/empty-state/empty-state.strings.ts
-var R = {
+var B = {
 	title: "Nothing here yet",
 	description: "Once data lands, it will show up in this view.",
 	ariaLabel: "Empty state"
-}, z = {
+}, V = {
 	sm: "!p-surface-xs",
 	md: "!p-surface",
 	lg: "!p-surface-lg"
-}, B = {
+}, H = {
 	none: "default",
 	icon: "icon",
 	"icon-soft": "icon",
 	illustration: "default"
-}, V = {
+}, U = {
 	none: void 0,
 	icon: void 0,
 	"icon-soft": "bg-muted/50 text-muted-foreground",
 	illustration: "mb-space-xl"
-}, H = C(function({ title: i, description: o, media: f, mediaVariant: p = "none", renderMedia: m, actions: h, footer: g, padding: _, border: v = !1, className: y, strings: b, ariaLabel: x }, S) {
-	let C = t(R, b), { defaultScale: w } = e(), T = _ ?? w ?? "md", O = i ?? C.title, k = o === !1 ? null : o ?? C.description, A = m ? m({ mediaVariant: p }) : f, j = !!A;
-	return /* @__PURE__ */ D(u, {
-		ref: S,
+}, 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": x ?? C.ariaLabel,
-		className: n("empty-state--component", z[T], v ? "border-border border border-dashed" : "border-border border-0", y),
-		children: [/* @__PURE__ */ D(l, {
+		"aria-label": S ?? w.ariaLabel,
+		className: n("empty-state--component", V[E], y ? "border-border border border-dashed" : "border-border border-0", b),
+		children: [/* @__PURE__ */ k(u, {
 			className: "empty-state--header",
 			children: [
-				!!j && /* @__PURE__ */ E(d, {
-					variant: B[p],
-					className: n("empty-state--media", V[p]),
-					children: A
+				!!M && /* @__PURE__ */ O(f, {
+					variant: H[m],
+					className: n("empty-state--media", U[m]),
+					children: j
 				}),
-				/* @__PURE__ */ E(a, {
+				/* @__PURE__ */ O(a, {
 					tag: "h3",
 					align: "center",
 					className: "empty-state--title border-0 pb-0 text-inherit",
 					"data-slot": "empty-title",
-					children: O
+					children: D
 				}),
-				!!k && /* @__PURE__ */ E(r, {
+				!!A && /* @__PURE__ */ O(r, {
 					type: "secondary",
 					align: "center",
 					lineHeight: "relaxed",
 					className: "empty-state--description [&>a]:text-primary-accent [&>a]:underline [&>a]:underline-offset-4 hover:[&>a]:no-underline",
 					"data-slot": "empty-description",
-					children: k
+					children: A
 				})
 			]
-		}), (!!h || !!g) && /* @__PURE__ */ D(c, {
+		}), (!!g || !!_) && /* @__PURE__ */ k(l, {
 			className: "empty-state--content",
-			children: [!!h && /* @__PURE__ */ E(s, {
+			children: [!!g && /* @__PURE__ */ O(c, {
 				direction: "horizontal",
-				gap: "md",
+				gap: p.commands,
 				justify: "center",
 				className: "empty-state--actions",
-				children: h
-			}), !!g && /* @__PURE__ */ E(r, {
+				children: g
+			}), !!_ && /* @__PURE__ */ O(r, {
 				tag: "div",
 				size: "xs",
 				type: "secondary",
 				align: "center",
 				className: "empty-state--footer",
-				children: g
+				children: _
 			})]
 		})]
 	});
 });
-H.displayName = "EmptyState";
+W.displayName = "EmptyState";
 //#endregion
 //#region src/components/blocks/data-display/empty-state/partials/illustrations/document-stack.tsx
-function U({ className: e }) {
-	return /* @__PURE__ */ E("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__ */ D("svg", {
+		children: /* @__PURE__ */ k("svg", {
 			viewBox: "0 0 128 96",
 			className: "h-full w-full overflow-visible",
 			focusable: "false",
-			children: [/* @__PURE__ */ D("g", {
+			children: [/* @__PURE__ */ k("g", {
 				transform: "rotate(-6 44 44)",
 				children: [
-					/* @__PURE__ */ E("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 4.5,
 						y: 4.5,
 						width: 79,
@@ -594,7 +584,7 @@ function U({ className: e }) {
 						style: { rx: "var(--radius-md)" },
 						className: "fill-muted/70 dark:fill-muted/40 stroke-border/50 drop-shadow-xs"
 					}),
-					/* @__PURE__ */ E("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 13,
 						y: 13,
 						width: 48,
@@ -602,7 +592,7 @@ function U({ className: e }) {
 						rx: 4,
 						className: "fill-muted"
 					}),
-					/* @__PURE__ */ E("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 13,
 						y: 27,
 						width: 40,
@@ -610,7 +600,7 @@ function U({ className: e }) {
 						rx: 3,
 						className: "fill-muted/60"
 					}),
-					/* @__PURE__ */ E("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 13,
 						y: 39,
 						width: 36,
@@ -619,10 +609,10 @@ function U({ className: e }) {
 						className: "fill-muted/60"
 					})
 				]
-			}), /* @__PURE__ */ D("g", {
+			}), /* @__PURE__ */ k("g", {
 				transform: "rotate(3 84 48)",
 				children: [
-					/* @__PURE__ */ E("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 44.5,
 						y: 8.5,
 						width: 79,
@@ -630,7 +620,7 @@ function U({ className: e }) {
 						style: { rx: "var(--radius-md)" },
 						className: "fill-background stroke-border drop-shadow-xs"
 					}),
-					/* @__PURE__ */ E("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 53,
 						y: 17,
 						width: 48,
@@ -638,7 +628,7 @@ function U({ className: e }) {
 						rx: 4,
 						className: "fill-muted"
 					}),
-					/* @__PURE__ */ E("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 53,
 						y: 31,
 						width: 40,
@@ -646,7 +636,7 @@ function U({ className: e }) {
 						rx: 3,
 						className: "fill-muted/60"
 					}),
-					/* @__PURE__ */ E("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 53,
 						y: 43,
 						width: 36,
@@ -654,13 +644,13 @@ function U({ className: e }) {
 						rx: 3,
 						className: "fill-muted/60"
 					}),
-					/* @__PURE__ */ E("circle", {
+					/* @__PURE__ */ O("circle", {
 						cx: 56,
 						cy: 76,
 						r: 3,
 						className: "fill-success"
 					}),
-					/* @__PURE__ */ E("rect", {
+					/* @__PURE__ */ O("rect", {
 						x: 63,
 						y: 73,
 						width: 32,
@@ -673,22 +663,22 @@ function U({ className: e }) {
 		})
 	});
 }
-U.displayName = "DocumentStackIllustration";
+G.displayName = "DocumentStackIllustration";
 //#endregion
 //#region src/components/blocks/data-display/empty-state/partials/illustrations/inbox-clean.tsx
-function W({ className: e }) {
-	let t = w();
-	return /* @__PURE__ */ E("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__ */ D("svg", {
+		children: /* @__PURE__ */ k("svg", {
 			viewBox: "0 0 128 96",
 			className: "h-full w-full overflow-visible",
 			focusable: "false",
 			children: [
-				/* @__PURE__ */ E("defs", { children: /* @__PURE__ */ E("clipPath", {
+				/* @__PURE__ */ O("defs", { children: /* @__PURE__ */ O("clipPath", {
 					id: t,
-					children: /* @__PURE__ */ E("rect", {
+					children: /* @__PURE__ */ O("rect", {
 						x: .5,
 						y: 40.5,
 						width: 127,
@@ -696,13 +686,13 @@ function W({ className: e }) {
 						style: { rx: "var(--radius)" }
 					})
 				}) }),
-				/* @__PURE__ */ E("circle", {
+				/* @__PURE__ */ O("circle", {
 					cx: 64,
 					cy: 16,
 					r: 15.5,
 					className: "fill-success/12 stroke-success/30"
 				}),
-				/* @__PURE__ */ E("path", {
+				/* @__PURE__ */ O("path", {
 					d: "M59 16l3 3 7-7",
 					fill: "none",
 					className: "stroke-success",
@@ -710,7 +700,7 @@ function W({ className: e }) {
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
 				}),
-				/* @__PURE__ */ E("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: .5,
 					y: 40.5,
 					width: 127,
@@ -718,17 +708,17 @@ function W({ className: e }) {
 					style: { rx: "var(--radius)" },
 					className: "fill-background drop-shadow-xs"
 				}),
-				/* @__PURE__ */ D("g", {
+				/* @__PURE__ */ k("g", {
 					clipPath: `url(#${t})`,
 					children: [
-						/* @__PURE__ */ E("rect", {
+						/* @__PURE__ */ O("rect", {
 							x: 1,
 							y: 41,
 							width: 126,
 							height: 12,
 							className: "fill-muted/30"
 						}),
-						/* @__PURE__ */ E("rect", {
+						/* @__PURE__ */ O("rect", {
 							x: 13,
 							y: 66,
 							width: 48,
@@ -736,7 +726,7 @@ function W({ className: e }) {
 							rx: 3,
 							className: "fill-muted/60"
 						}),
-						/* @__PURE__ */ E("rect", {
+						/* @__PURE__ */ O("rect", {
 							x: 13,
 							y: 76,
 							width: 32,
@@ -744,7 +734,7 @@ function W({ className: e }) {
 							rx: 3,
 							className: "fill-muted/40"
 						}),
-						/* @__PURE__ */ E("circle", {
+						/* @__PURE__ */ O("circle", {
 							cx: 109,
 							cy: 74,
 							r: 6,
@@ -752,7 +742,7 @@ function W({ className: e }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ E("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: .5,
 					y: 40.5,
 					width: 127,
@@ -765,52 +755,52 @@ function W({ className: e }) {
 		})
 	});
 }
-W.displayName = "InboxCleanIllustration";
+K.displayName = "InboxCleanIllustration";
 //#endregion
 //#region src/components/blocks/data-display/empty-state/partials/illustrations/search-glass.tsx
-function G({ className: e }) {
-	return /* @__PURE__ */ E("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__ */ E(O, { className: "size-8 text-muted-foreground" })
+		children: /* @__PURE__ */ O(A, { className: "size-8 text-muted-foreground" })
 	});
 }
-G.displayName = "SearchGlassIllustration";
+q.displayName = "SearchGlassIllustration";
 //#endregion
 //#region src/components/blocks/data-display/empty-state/partials/illustrations/stacked-cards.tsx
-function K({ className: e }) {
-	let t = w();
-	return /* @__PURE__ */ E("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__ */ D("svg", {
+		children: /* @__PURE__ */ k("svg", {
 			viewBox: "0 0 208 96",
 			className: "h-full w-full overflow-visible",
 			focusable: "false",
 			children: [
-				/* @__PURE__ */ E("defs", { children: /* @__PURE__ */ D("linearGradient", {
+				/* @__PURE__ */ O("defs", { children: /* @__PURE__ */ k("linearGradient", {
 					id: t,
 					x1: "0",
 					y1: "0",
 					x2: "0",
 					y2: "1",
 					children: [
-						/* @__PURE__ */ E("stop", {
+						/* @__PURE__ */ O("stop", {
 							stopColor: "var(--background)",
 							stopOpacity: 0
 						}),
-						/* @__PURE__ */ E("stop", {
+						/* @__PURE__ */ O("stop", {
 							offset: "0.5",
 							stopColor: "var(--background)",
 							stopOpacity: .6
 						}),
-						/* @__PURE__ */ E("stop", {
+						/* @__PURE__ */ O("stop", {
 							offset: "1",
 							stopColor: "var(--background)"
 						})
 					]
 				}) }),
-				/* @__PURE__ */ E("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: 24.5,
 					y: .5,
 					width: 159,
@@ -818,7 +808,7 @@ function K({ className: e }) {
 					style: { rx: "var(--radius)" },
 					className: "fill-muted/60 dark:fill-muted/30 stroke-border/50"
 				}),
-				/* @__PURE__ */ E("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: 12.5,
 					y: 12.5,
 					width: 183,
@@ -826,7 +816,7 @@ function K({ className: e }) {
 					style: { rx: "var(--radius)" },
 					className: "fill-muted/80 dark:fill-muted/50 stroke-border/60"
 				}),
-				/* @__PURE__ */ E("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: .5,
 					y: 24.5,
 					width: 207,
@@ -834,7 +824,7 @@ function K({ className: e }) {
 					style: { rx: "var(--radius)" },
 					className: "fill-background stroke-border drop-shadow-xs"
 				}),
-				/* @__PURE__ */ E("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: 17,
 					y: 40,
 					width: 32,
@@ -842,7 +832,7 @@ function K({ className: e }) {
 					rx: 4,
 					className: "fill-muted"
 				}),
-				/* @__PURE__ */ E("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: 61,
 					y: 44,
 					width: 97.5,
@@ -850,7 +840,7 @@ function K({ className: e }) {
 					rx: 4,
 					className: "fill-muted"
 				}),
-				/* @__PURE__ */ E("rect", {
+				/* @__PURE__ */ O("rect", {
 					x: 61,
 					y: 60,
 					width: 65,
@@ -858,7 +848,7 @@ function K({ className: e }) {
 					rx: 4,
 					className: "fill-muted/60"
 				}),
-				/* @__PURE__ */ E("rect", {
+				/* @__PURE__ */ O("rect", {
 					y: 64,
 					width: 208,
 					height: 32,
@@ -868,104 +858,106 @@ function K({ className: e }) {
 		})
 	});
 }
-K.displayName = "StackedCardsIllustration";
+J.displayName = "StackedCardsIllustration";
 //#endregion
 //#region src/components/blocks/data-display/empty-state/partials/illustrations/users-circle.tsx
-function q({ className: e }) {
-	return /* @__PURE__ */ D("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__ */ E("div", { className: "bg-muted/50 border-border absolute left-2 size-12 rounded-full border-2" }),
-			/* @__PURE__ */ E("div", { className: "bg-muted border-border z-10 size-14 rounded-full border-2 shadow-sm" }),
-			/* @__PURE__ */ E("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" })
 		]
 	});
 }
-q.displayName = "UsersCircleIllustration";
+Y.displayName = "UsersCircleIllustration";
 //#endregion
 //#region src/components/blocks/data-display/relationship-card-frame.tsx
-function J(e) {
-	return e ? typeof e == "object" && !Array.isArray(e) && "label" in e ? /* @__PURE__ */ E(m, {
+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 Y = C(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__ */ D(s, {
-		ref: g,
-		className: n("relationship-card-frame--component", f),
-		...h,
-		children: [/* @__PURE__ */ D(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__ */ D(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__ */ E("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__ */ E("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "min-w-0",
-					children: /* @__PURE__ */ D(s, {
+					children: /* @__PURE__ */ k(c, {
 						direction: "horizontal",
 						gap: "sm",
 						className: "relationship-card-frame--title-row",
-						children: [/* @__PURE__ */ E(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__ */ E("span", {
+						}), !!i && /* @__PURE__ */ O("span", {
 							className: "relationship-card-frame--title-badge inline-flex",
-							children: J(i)
+							children: X(i)
 						})]
 					})
 				})]
-			}), !!l && /* @__PURE__ */ E("div", {
+			}), !!u && /* @__PURE__ */ O("div", {
 				className: "relationship-card-frame--overflow shrink-0",
-				children: l
+				children: u
 			})]
-		}), !!_ && /* @__PURE__ */ D(s, {
-			className: n("relationship-card-frame--body", m),
+		}), !!v && /* @__PURE__ */ k(c, {
+			className: n("relationship-card-frame--body", h),
 			children: [
-				!!a && /* @__PURE__ */ E("div", {
+				!!a && /* @__PURE__ */ O("div", {
 					className: "relationship-card-frame--alert",
 					children: a
 				}),
-				!!u && /* @__PURE__ */ E("div", {
+				!!d && /* @__PURE__ */ O("div", {
 					className: "relationship-card-frame--selector",
-					children: u
+					children: d
 				}),
-				!!o && /* @__PURE__ */ E("div", {
+				!!s && /* @__PURE__ */ O("div", {
 					className: "relationship-card-frame--metadata",
-					children: o
+					children: s
 				}),
-				!!c && /* @__PURE__ */ E("div", {
+				!!l && /* @__PURE__ */ O("div", {
 					className: "relationship-card-frame--primary-action",
-					children: c
+					children: l
 				}),
-				!!d && /* @__PURE__ */ E("div", {
+				!!f && /* @__PURE__ */ O("div", {
 					className: "relationship-card-frame--details",
-					children: d
+					children: f
 				})
 			]
 		})]
 	});
 });
-Y.displayName = "RelationshipCardFrame";
+Z.displayName = "RelationshipCardFrame";
 //#endregion
-export { W as a, R as c, F as d, P as f, j as h, G as i, L as l, M as m, q as n, U as o, N as p, K as r, H as s, Y as t, I 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-DT_khPl_.js.map
+//# sourceMappingURL=data-display-BdgCAw8T.js.map