themelia-react-ui 2.0.1 → 2.0.2

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

@@ -1,49 +1,50 @@
 "use client";
-import { s as e } from "./ui-provider-1D_NSYzO.js";
+import { s as e } from "./ui-provider-C_U0Xma4.js";
 import { useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-l5LpDw2z.js";
-import { a as r, o as i, s as a } from "./typography-DTRkE9zL.js";
-import { r as o, t as s } from "./structure-DC2dygdA.js";
-import { i as c, o as l, r as u, s as d } from "./feedback-qNuMBtRH.js";
-import { _ as f, m as p } from "./primitives-B-CkiEMU.js";
-import { t as m } from "./badge-MrKVNzW9.js";
-import { t as h } from "./separator-C8DlRGwF.js";
-import { n as g } from "./display-DsQTVzMz.js";
-import { c as _, n as v, o as y, r as b, t as x, u as S } from "./item-DEmDiTlD.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";
 //#region src/components/blocks/data-display/dense-info-card/helpers.tsx
-function k({ value: e, max: t = 5, label: r }) {
+function k({ value: e, max: t = 5, label: i }) {
 	return /* @__PURE__ */ D("div", {
 		className: n("helpers--component", "flex items-center gap-space-md"),
 		children: [/* @__PURE__ */ E("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))
-		}), !!r && /* @__PURE__ */ E(a, {
+		}), !!i && /* @__PURE__ */ E(r, {
 			size: "xs",
 			type: "secondary",
-			children: r
+			children: i
 		})]
 	});
 }
-function A({ label: e, value: t, badge: n, badgeTone: r }) {
+function A({ label: e, value: t, badge: n, badgeTone: i }) {
 	return /* @__PURE__ */ D(s, {
 		direction: "horizontal",
 		align: "center",
 		justify: "between",
 		gap: "md",
 		children: [
-			/* @__PURE__ */ E(a, {
+			/* @__PURE__ */ E(r, {
 				size: "xs",
 				className: "shrink-0 text-muted-foreground",
 				children: e
 			}),
 			!!n && /* @__PURE__ */ E(m, {
-				tone: r ?? "secondary",
+				tone: i ?? "secondary",
 				children: n
 			}),
-			!!t && !n && /* @__PURE__ */ E(a, {
+			!!t && !n && /* @__PURE__ */ E(r, {
+				type: "inherit",
 				weight: "semibold",
 				className: "text-right tabular-nums",
 				children: t
@@ -53,16 +54,16 @@ function A({ label: e, value: t, badge: n, badgeTone: r }) {
 }
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-dashboard.tsx
-function j({ title: e, description: t, statusBadges: r, rows: i, secondaryRows: o, scale: c, footerBadges: l, footerText: u, actions: d, className: f }) {
+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, {
 		title: e,
 		description: t,
-		titleSuffix: r.length > 0 ? /* @__PURE__ */ E(s, {
+		titleSuffix: i.length > 0 ? /* @__PURE__ */ E(s, {
 			direction: "horizontal",
 			wrap: !0,
 			align: "center",
 			gap: "sm",
-			children: r.map((e) => /* @__PURE__ */ E(m, {
+			children: i.map((e) => /* @__PURE__ */ E(m, {
 				tone: e.tone,
 				children: e.label
 			}, e.label))
@@ -74,9 +75,9 @@ function j({ title: e, description: t, statusBadges: r, rows: i, secondaryRows:
 			children: [
 				/* @__PURE__ */ D(s, {
 					gap: "md",
-					children: [i.map((e) => /* @__PURE__ */ E(A, { ...e }, e.label)), !!c && /* @__PURE__ */ D("div", {
+					children: [a.map((e) => /* @__PURE__ */ E(A, { ...e }, e.label)), !!c && /* @__PURE__ */ D("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ E(a, {
+						children: [/* @__PURE__ */ E(r, {
 							size: "xs",
 							className: "text-muted-foreground",
 							children: c.label
@@ -99,7 +100,7 @@ function j({ title: e, description: t, statusBadges: r, rows: i, secondaryRows:
 					children: [!!l && l.map((e) => /* @__PURE__ */ E(m, {
 						tone: e.tone,
 						children: e.label
-					}, e.label)), !!u && /* @__PURE__ */ E(a, {
+					}, e.label)), !!u && /* @__PURE__ */ E(r, {
 						size: "xs",
 						className: "text-muted-foreground",
 						children: u
@@ -112,30 +113,30 @@ function j({ title: e, description: t, statusBadges: r, rows: i, secondaryRows:
 j.displayName = "DenseInfoDashboard";
 //#endregion
 //#region src/components/blocks/data-display/inline-stat/inline-stat.tsx
-function M({ label: e, value: t, layout: i = "between", mono: a = !1, className: o, labelClassName: c, valueClassName: l }) {
-	let u = a ? p : f, d = E(typeof e == "string" || typeof e == "number" ? r : "span", {
-		className: c,
+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, {
+		className: n("text-inherit", l),
+		children: e
+	}) : /* @__PURE__ */ E("span", {
+		className: l,
 		children: e
+	}), h = /* @__PURE__ */ E(d, {
+		type: "inherit",
+		weight: o,
+		className: u,
+		children: t
 	});
-	return i === "stacked" ? /* @__PURE__ */ D(s, {
+	return r === "stacked" ? /* @__PURE__ */ D(s, {
 		gap: "2xs",
-		className: n("inline-stat--component", o),
-		children: [d, /* @__PURE__ */ E(u, {
-			size: "inherit",
-			className: n("text-sm leading-snug", a && "tabular-nums", l),
-			children: t
-		})]
+		className: n("inline-stat--component", c),
+		children: [m, h]
 	}) : /* @__PURE__ */ D(s, {
 		direction: "horizontal",
 		gap: "md",
-		justify: i === "between" ? "between" : "start",
+		justify: r === "between" ? "between" : "start",
 		wrap: !1,
-		className: n("inline-stat--component", o),
-		children: [d, /* @__PURE__ */ E(u, {
-			size: "inherit",
-			className: n("text-sm leading-snug", a && "tabular-nums", l),
-			children: t
-		})]
+		className: n("inline-stat--component", c),
+		children: [m, h]
 	});
 }
 M.displayName = "InlineStat";
@@ -148,11 +149,11 @@ var N = {
 };
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-classification.tsx
-function P({ title: e, description: r, stats: c, items: l, totalLabel: u, totalValue: d, footerBadges: p, footerText: C, actions: w, className: O, strings: k }) {
+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, {
 		title: e,
-		description: r,
+		description: i,
 		actions: w,
 		className: n("dense-info-classification--component", O),
 		children: /* @__PURE__ */ D(s, {
@@ -168,12 +169,12 @@ function P({ title: e, description: r, stats: c, items: l, totalLabel: u, totalV
 						gap: "dense",
 						className: "min-w-0 items-start",
 						children: [
-							/* @__PURE__ */ E(i, {
+							/* @__PURE__ */ E(a, {
 								tag: "h4",
-								className: "border-none pb-0 text-base font-semibold tabular-nums",
+								className: "tabular-nums text-inherit",
 								children: e.value
 							}),
-							/* @__PURE__ */ E(a, {
+							/* @__PURE__ */ E(r, {
 								size: "xs",
 								type: "secondary",
 								weight: "medium",
@@ -203,20 +204,23 @@ function P({ title: e, description: r, stats: c, items: l, totalLabel: u, totalV
 								})]
 							}) }),
 							/* @__PURE__ */ E(v, { children: /* @__PURE__ */ E(f, {
+								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(a, {
+						label: /* @__PURE__ */ E(r, {
+							type: "inherit",
 							tag: "span",
 							weight: "bold",
 							lineHeight: "tight",
 							children: u ?? A.total
 						}),
 						value: d,
-						valueClassName: "text-sm font-bold tabular-nums"
+						valueWeight: "bold",
+						valueClassName: "tabular-nums"
 					})] })]
 				}),
 				(!!p || !!C) && /* @__PURE__ */ D(s, {
@@ -227,7 +231,7 @@ function P({ title: e, description: r, stats: c, items: l, totalLabel: u, totalV
 					children: [!!p && p.map((e) => /* @__PURE__ */ E(m, {
 						tone: e.tone,
 						children: e.label
-					}, e.label)), !!C && /* @__PURE__ */ E(a, {
+					}, e.label)), !!C && /* @__PURE__ */ E(r, {
 						size: "xs",
 						className: "text-muted-foreground",
 						children: C
@@ -240,17 +244,17 @@ function P({ title: e, description: r, stats: c, items: l, totalLabel: u, totalV
 P.displayName = "DenseInfoClassification";
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-financial.tsx
-function F({ title: e, description: r, headerBadges: i, lineItems: o, totalLabel: c, totalAmount: l, footerBadges: u, footerText: d, actions: p, className: _, strings: C }) {
+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, {
 		title: e,
-		description: r,
-		titleSuffix: i.length > 0 ? /* @__PURE__ */ E(s, {
+		description: i,
+		titleSuffix: a.length > 0 ? /* @__PURE__ */ E(s, {
 			direction: "horizontal",
 			wrap: !0,
 			align: "center",
 			gap: "sm",
-			children: i.map((e) => /* @__PURE__ */ E(m, {
+			children: a.map((e) => /* @__PURE__ */ E(m, {
 				tone: e.tone,
 				children: e.label
 			}, e.label))
@@ -271,19 +275,22 @@ function F({ title: e, description: r, headerBadges: i, lineItems: o, totalLabel
 							children: e.badge
 						})]
 					}) }), /* @__PURE__ */ E(v, { children: /* @__PURE__ */ E(f, {
+						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(a, {
+					label: /* @__PURE__ */ E(r, {
+						type: "inherit",
 						tag: "span",
 						weight: "semibold",
 						lineHeight: "tight",
 						children: c ?? w.total
 					}),
 					value: l,
-					valueClassName: "text-sm font-semibold tabular-nums"
+					valueWeight: "semibold",
+					valueClassName: "tabular-nums"
 				})] })]
 			}), (!!u || !!d) && /* @__PURE__ */ D(s, {
 				direction: "horizontal",
@@ -293,7 +300,7 @@ function F({ title: e, description: r, headerBadges: i, lineItems: o, totalLabel
 				children: [!!u && u.map((e) => /* @__PURE__ */ E(m, {
 					tone: e.tone,
 					children: e.label
-				}, e.label)), !!d && /* @__PURE__ */ E(a, {
+				}, e.label)), !!d && /* @__PURE__ */ E(r, {
 					size: "xs",
 					className: "text-muted-foreground",
 					children: d
@@ -305,7 +312,7 @@ function F({ title: e, description: r, headerBadges: i, lineItems: o, totalLabel
 F.displayName = "DenseInfoFinancial";
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-project.tsx
-function I({ title: e, description: r, statusLabel: o, statusTone: c, metaPairs: l, date: u, priority: d, completedTasks: f, totalTasks: p, actions: h, className: _, strings: v }) {
+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, {
 		padding: "md",
@@ -321,19 +328,19 @@ function I({ title: e, description: r, statusLabel: o, statusTone: c, metaPairs:
 						wrap: !0,
 						align: "center",
 						gap: "sm",
-						children: [/* @__PURE__ */ E(i, {
+						children: [/* @__PURE__ */ E(a, {
 							tag: "h5",
-							className: "font-bold border-none pb-0",
+							className: "text-inherit",
 							children: e
 						}), /* @__PURE__ */ E(m, {
 							tone: c,
 							dot: !0,
 							children: o
 						})]
-					}), !!r && /* @__PURE__ */ E(a, {
+					}), !!i && /* @__PURE__ */ E(r, {
 						type: "secondary",
 						className: "line-clamp-2",
-						children: r
+						children: i
 					})]
 				}),
 				!!l && l.length > 0 && /* @__PURE__ */ E(s, {
@@ -344,7 +351,7 @@ function I({ title: e, description: r, statusLabel: o, statusTone: c, metaPairs:
 					children: l.map((e, t) => /* @__PURE__ */ D("span", {
 						className: "flex items-center gap-space-xs",
 						children: [
-							t > 0 && /* @__PURE__ */ E(a, {
+							t > 0 && /* @__PURE__ */ E(r, {
 								tag: "span",
 								type: "discrete",
 								children: "•"
@@ -353,7 +360,7 @@ function I({ title: e, description: r, statusLabel: o, statusTone: c, metaPairs:
 								className: "text-muted-foreground",
 								children: e.icon
 							}),
-							/* @__PURE__ */ E(a, {
+							/* @__PURE__ */ E(r, {
 								size: "xs",
 								type: "secondary",
 								children: e.label
@@ -366,11 +373,11 @@ function I({ title: e, description: r, statusLabel: o, statusTone: c, metaPairs:
 					align: "center",
 					justify: "between",
 					gap: "md",
-					children: [!!u && /* @__PURE__ */ E(a, {
+					children: [!!u && /* @__PURE__ */ E(r, {
 						size: "xs",
 						type: "secondary",
 						children: u
-					}), !!d && /* @__PURE__ */ D(a, {
+					}), !!d && /* @__PURE__ */ D(r, {
 						size: "xs",
 						type: "secondary",
 						children: [
@@ -409,7 +416,8 @@ function I({ title: e, description: r, statusLabel: o, statusTone: c, metaPairs:
 							className: "text-primary-accent",
 							transform: "rotate(-90 10 10)"
 						})]
-					}), /* @__PURE__ */ D(a, {
+					}), /* @__PURE__ */ D(r, {
+						type: "inherit",
 						size: "xs",
 						weight: "medium",
 						children: [
@@ -428,17 +436,17 @@ function I({ title: e, description: r, statusLabel: o, statusTone: c, metaPairs:
 I.displayName = "DenseInfoProjectCard";
 //#endregion
 //#region src/components/blocks/data-display/dense-info-card/partials/dense-info-score.tsx
-function L({ title: e, description: t, statusBadges: r, score: o, scoreLevel: c, scoreFilled: l, scoreTotal: u = 10, rows: d, footerBadges: f, actions: p, className: h }) {
+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, {
 		title: e,
 		description: t,
-		titleSuffix: r.length > 0 ? /* @__PURE__ */ E(s, {
+		titleSuffix: i.length > 0 ? /* @__PURE__ */ E(s, {
 			direction: "horizontal",
 			wrap: !0,
 			align: "center",
 			gap: "sm",
-			children: r.map((e) => /* @__PURE__ */ E(m, {
+			children: i.map((e) => /* @__PURE__ */ E(m, {
 				tone: e.tone,
 				children: e.label
 			}, e.label))
@@ -451,9 +459,9 @@ function L({ title: e, description: t, statusBadges: r, score: o, scoreLevel: c,
 				/* @__PURE__ */ D(s, {
 					gap: "md",
 					align: "center",
-					children: [/* @__PURE__ */ E(i, {
+					children: [/* @__PURE__ */ E(a, {
 						tag: "h2",
-						className: "text-base font-bold tabular-nums border-none pb-0",
+						className: "tabular-nums text-inherit",
 						children: String(o)
 					}), /* @__PURE__ */ E(s, {
 						direction: "horizontal",
@@ -466,7 +474,7 @@ function L({ title: e, description: t, statusBadges: r, score: o, scoreLevel: c,
 				/* @__PURE__ */ E(s, {
 					gap: "md",
 					children: d.map((e) => /* @__PURE__ */ E(M, {
-						label: /* @__PURE__ */ E(a, {
+						label: /* @__PURE__ */ E(r, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
@@ -475,7 +483,8 @@ function L({ title: e, description: t, statusBadges: r, score: o, scoreLevel: c,
 							children: e.label
 						}),
 						value: e.value,
-						valueClassName: "text-sm font-semibold text-right tabular-nums"
+						valueWeight: "semibold",
+						valueClassName: "text-end tabular-nums"
 					}, e.label))
 				}),
 				!!f && f.length > 0 && /* @__PURE__ */ E(s, {
@@ -513,8 +522,8 @@ var R = {
 	icon: void 0,
 	"icon-soft": "bg-muted/50 text-muted-foreground",
 	illustration: "mb-space-xl"
-}, H = C(function({ title: r, 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 = r ?? C.title, k = o === !1 ? null : o ?? C.description, A = m ? m({ mediaVariant: p }) : f, j = !!A;
+}, 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,
 		role: "status",
@@ -528,17 +537,18 @@ var R = {
 					className: n("empty-state--media", V[p]),
 					children: A
 				}),
-				/* @__PURE__ */ E(i, {
+				/* @__PURE__ */ E(a, {
 					tag: "h3",
 					align: "center",
-					className: "empty-state--title border-0 pb-0",
+					className: "empty-state--title border-0 pb-0 text-inherit",
 					"data-slot": "empty-title",
 					children: O
 				}),
-				!!k && /* @__PURE__ */ E(a, {
+				!!k && /* @__PURE__ */ E(r, {
 					type: "secondary",
 					align: "center",
-					className: "empty-state--description leading-relaxed [&>a]:text-primary-accent [&>a]:underline [&>a]:underline-offset-4 hover:[&>a]:no-underline",
+					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
 				})
@@ -551,7 +561,7 @@ var R = {
 				justify: "center",
 				className: "empty-state--actions",
 				children: h
-			}), !!g && /* @__PURE__ */ E(a, {
+			}), !!g && /* @__PURE__ */ E(r, {
 				tag: "div",
 				size: "xs",
 				type: "secondary",
@@ -883,8 +893,8 @@ function J(e) {
 		children: e.label
 	}) : e : null;
 }
-var Y = C(function({ icon: e, title: t, titleBadge: r, alertSlot: i, metadataSlot: o, primaryActionSlot: c, overflowActionSlot: l, selectorSlot: u, detailsSlot: d, className: f, headerClassName: p, bodyClassName: m, ...h }, g) {
-	let _ = !!i || !!o || !!c || !!u || !!d;
+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),
@@ -911,14 +921,15 @@ var Y = C(function({ icon: e, title: t, titleBadge: r, alertSlot: i, metadataSlo
 						direction: "horizontal",
 						gap: "sm",
 						className: "relationship-card-frame--title-row",
-						children: [/* @__PURE__ */ E(a, {
+						children: [/* @__PURE__ */ E(r, {
+							type: "inherit",
 							tag: "div",
 							weight: "medium",
 							className: "relationship-card-frame--title truncate",
 							children: t
-						}), !!r && /* @__PURE__ */ E("span", {
+						}), !!i && /* @__PURE__ */ E("span", {
 							className: "relationship-card-frame--title-badge inline-flex",
-							children: J(r)
+							children: J(i)
 						})]
 					})
 				})]
@@ -929,9 +940,9 @@ var Y = C(function({ icon: e, title: t, titleBadge: r, alertSlot: i, metadataSlo
 		}), !!_ && /* @__PURE__ */ D(s, {
 			className: n("relationship-card-frame--body", m),
 			children: [
-				!!i && /* @__PURE__ */ E("div", {
+				!!a && /* @__PURE__ */ E("div", {
 					className: "relationship-card-frame--alert",
-					children: i
+					children: a
 				}),
 				!!u && /* @__PURE__ */ E("div", {
 					className: "relationship-card-frame--selector",
@@ -957,4 +968,4 @@ Y.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 };
 
-//# sourceMappingURL=data-display-DafIvCl5.js.map
+//# sourceMappingURL=data-display-DT_khPl_.js.map