@burdenoff/microfe-brainyrich 2026.828.1 → 2026.830.1

package/dist/brainyrich/components/viz.js

@@ -12,29 +12,30 @@ import { BarChart as u } from "../../node_modules/recharts/es6/chart/BarChart.js
 import { PieChart as d } from "../../node_modules/recharts/es6/chart/PieChart.js";
 import { AreaChart as f } from "../../node_modules/recharts/es6/chart/AreaChart.js";
 import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.js";
-import { useEffect as m, useId as h, useMemo as g, useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useTr as m } from "../hooks/useTr.js";
+import { useEffect as h, useId as g, useMemo as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/brainyrich/components/viz.tsx
-function b(...t) {
+function x(...t) {
 	return p(e(t));
 }
-function x() {
+function S() {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function S() {
-	let [e, t] = _(x);
-	return m(() => {
+function C() {
+	let [e, t] = v(S);
+	return h(() => {
 		if (typeof window > "u" || typeof window.matchMedia != "function") return;
 		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), n = (e) => t(e.matches);
 		return e.addEventListener("change", n), () => e.removeEventListener("change", n);
 	}, []), e;
 }
-var C = "brainyrich-viz-motion", w = "\n@keyframes br-fade-in {\n  from { opacity: 0; transform: translateY(8px); }\n  to { opacity: 1; transform: none; }\n}\n.br-fade-in {\n  animation: br-fade-in 240ms var(--motion-easing-standard, ease-out) both;\n}\n";
-if (typeof document < "u" && !document.getElementById(C)) {
+var w = "brainyrich-viz-motion", T = "\n@keyframes br-fade-in {\n  from { opacity: 0; transform: translateY(8px); }\n  to { opacity: 1; transform: none; }\n}\n.br-fade-in {\n  animation: br-fade-in 240ms var(--motion-easing-standard, ease-out) both;\n}\n";
+if (typeof document < "u" && !document.getElementById(w)) {
 	let e = document.createElement("style");
-	e.id = C, e.textContent = w, document.head.appendChild(e);
+	e.id = w, e.textContent = T, document.head.appendChild(e);
 }
-var T = {
+var E = {
 	brand: "--color-action-primary-bg",
 	brandBorder: "--color-action-primary-border",
 	grid: "--color-chart-grid",
@@ -53,7 +54,7 @@ var T = {
 	textSecondary: "--color-text-secondary",
 	surface: "--color-bg-elevated",
 	border: "--color-border-subtle"
-}, E = [
+}, D = [
 	"--color-action-primary-bg",
 	"--color-chart-2",
 	"--color-chart-3",
@@ -67,12 +68,12 @@ var T = {
 	"--color-chart-11",
 	"--color-chart-12"
 ];
-function D(e) {
+function O(e) {
 	return typeof window > "u" ? `var(${e})` : getComputedStyle(document.documentElement).getPropertyValue(e).trim() || `var(${e})`;
 }
-function O() {
-	let [e, t] = _(0);
-	return m(() => {
+function k() {
+	let [e, t] = v(0);
+	return h(() => {
 		if (typeof window > "u") return;
 		let e = new MutationObserver(() => t((e) => e + 1));
 		return e.observe(document.documentElement, {
@@ -83,8 +84,8 @@ function O() {
 				"style"
 			]
 		}), () => e.disconnect();
-	}, []), g(() => {
-		let e = Object.fromEntries(Object.keys(T).map((e) => [e, D(T[e])])), t = E.map(D), n = (t) => {
+	}, []), _(() => {
+		let e = Object.fromEntries(Object.keys(E).map((e) => [e, O(E[e])])), t = D.map(O), n = (t) => {
 			switch (t) {
 				case "brand":
 				case "primary": return e.brand;
@@ -109,8 +110,8 @@ function O() {
 		};
 	}, [e]);
 }
-function k() {
-	let e = O();
+function A() {
+	let e = k();
 	return {
 		wrapper: {
 			background: e.surface,
@@ -119,7 +120,7 @@ function k() {
 			padding: "8px 12px",
 			color: e.textPrimary,
 			fontSize: 12,
-			boxShadow: "var(--shadow-pop, 0 8px 24px rgba(0,0,0,0.35))"
+			boxShadow: "var(--shadow-pop)"
 		},
 		label: {
 			color: e.textSecondary,
@@ -128,20 +129,20 @@ function k() {
 		}
 	};
 }
-function A({ active: e, payload: t, label: n, valueFormatter: r }) {
-	let i = k();
-	return !e || !t || t.length === 0 ? null : /* @__PURE__ */ y("div", {
+function j({ active: e, payload: t, label: n, valueFormatter: r }) {
+	let i = A();
+	return !e || !t || t.length === 0 ? null : /* @__PURE__ */ b("div", {
 		style: i.wrapper,
 		role: "tooltip",
-		children: [n !== void 0 && n !== "" ? /* @__PURE__ */ v("div", {
+		children: [n !== void 0 && n !== "" ? /* @__PURE__ */ y("div", {
 			style: i.label,
 			children: n
 		}) : null, t.map((e, t) => {
 			let n = typeof e.value == "number" ? e.value : Number(e.value), a = r && Number.isFinite(n) ? r(n) : String(e.value ?? "");
-			return /* @__PURE__ */ y("div", {
+			return /* @__PURE__ */ b("div", {
 				className: "flex items-center gap-2",
 				children: [
-					e.color ? /* @__PURE__ */ v("span", {
+					e.color ? /* @__PURE__ */ y("span", {
 						"aria-hidden": "true",
 						style: {
 							width: 8,
@@ -151,11 +152,11 @@ function A({ active: e, payload: t, label: n, valueFormatter: r }) {
 							display: "inline-block"
 						}
 					}) : null,
-					e.name ? /* @__PURE__ */ y("span", {
+					e.name ? /* @__PURE__ */ b("span", {
 						style: { color: i.label.color },
 						children: [e.name, ":"]
 					}) : null,
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ y("span", {
 						style: { fontWeight: 600 },
 						children: a
 					})
@@ -164,43 +165,43 @@ function A({ active: e, payload: t, label: n, valueFormatter: r }) {
 		})]
 	});
 }
-function j({ children: e, index: t = 0, delay: n = 0, className: r, as: i = "div" }) {
-	return S() ? /* @__PURE__ */ v(i, {
+function M({ children: e, index: t = 0, delay: n = 0, className: r, as: i = "div" }) {
+	return C() ? /* @__PURE__ */ y(i, {
 		className: r,
 		children: e
-	}) : /* @__PURE__ */ v(i, {
-		className: b("br-fade-in", r),
+	}) : /* @__PURE__ */ y(i, {
+		className: x("br-fade-in", r),
 		style: { animationDelay: `${n + t * .04}s` },
 		children: e
 	});
 }
-function M({ children: e, className: t, glow: n = !1 }) {
-	return /* @__PURE__ */ v("div", {
-		className: b("rounded-2xl border p-5", "border-[var(--color-border-glass,var(--color-border-subtle))]", "bg-[var(--color-surface-glass,var(--color-bg-elevated))]", "shadow-[var(--shadow-float,var(--shadow-elevation-3))]", "backdrop-blur-[var(--blur-glass,12px)]", n && "ring-1 ring-[var(--color-action-primary-border)]/40", t),
+function N({ children: e, className: t, glow: n = !1 }) {
+	return /* @__PURE__ */ y("div", {
+		className: x("rounded-2xl border p-5", "border-[var(--color-border-glass,var(--color-border-subtle))]", "bg-[var(--color-surface-glass,var(--color-bg-elevated))]", "shadow-[var(--shadow-float,var(--shadow-elevation-3))]", "backdrop-blur-[var(--blur-glass,12px)]", n && "ring-1 ring-[var(--color-action-primary-border)]/40", t),
 		children: e
 	});
 }
-function N({ data: e, centerLabel: a, centerValue: o, legend: s = !0, height: c = 220, valueFormatter: l }) {
-	let u = O(), f = S(), p = e.filter((e) => Number.isFinite(e.value) && e.value > 0);
-	if (p.length === 0) return /* @__PURE__ */ v("p", {
+function P({ data: e, centerLabel: a, centerValue: o, legend: s = !0, height: c = 220, valueFormatter: l }) {
+	let u = k(), f = C(), p = m(), h = e.filter((e) => Number.isFinite(e.value) && e.value > 0);
+	if (h.length === 0) return /* @__PURE__ */ y("p", {
 		className: "text-sm text-text-secondary",
-		children: "No data."
+		children: p("brainyrich.common.noData", "No data.")
 	});
-	let m = (e, t) => e.tone ? u.tone(e.tone) : u.palette[t % u.palette.length];
-	return /* @__PURE__ */ y("div", {
+	let g = (e, t) => e.tone ? u.tone(e.tone) : u.palette[t % u.palette.length];
+	return /* @__PURE__ */ b("div", {
 		className: "flex flex-col items-center gap-4 sm:flex-row sm:items-center",
-		children: [/* @__PURE__ */ y("div", {
+		children: [/* @__PURE__ */ b("div", {
 			className: "relative",
 			style: {
 				width: "100%",
 				maxWidth: 260,
 				height: c
 			},
-			children: [/* @__PURE__ */ v(n, {
+			children: [/* @__PURE__ */ y(n, {
 				width: "100%",
 				height: "100%",
-				children: /* @__PURE__ */ y(d, { children: [/* @__PURE__ */ v(i, {
-					data: p,
+				children: /* @__PURE__ */ b(d, { children: [/* @__PURE__ */ y(i, {
+					data: h,
 					dataKey: "value",
 					nameKey: "label",
 					innerRadius: "62%",
@@ -209,34 +210,34 @@ function N({ data: e, centerLabel: a, centerValue: o, legend: s = !0, height: c
 					stroke: "transparent",
 					isAnimationActive: !f,
 					animationDuration: 250,
-					children: p.map((e, t) => /* @__PURE__ */ v(r, { fill: m(e, t) }, e.label))
-				}), /* @__PURE__ */ v(t, { content: /* @__PURE__ */ v(A, { valueFormatter: l }) })] })
-			}), o || a ? /* @__PURE__ */ y("div", {
+					children: h.map((e, t) => /* @__PURE__ */ y(r, { fill: g(e, t) }, e.label))
+				}), /* @__PURE__ */ y(t, { content: /* @__PURE__ */ y(j, { valueFormatter: l }) })] })
+			}), o || a ? /* @__PURE__ */ b("div", {
 				className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center",
-				children: [o ? /* @__PURE__ */ v("span", {
+				children: [o ? /* @__PURE__ */ y("span", {
 					className: "text-xl font-semibold text-text-primary",
 					children: o
-				}) : null, a ? /* @__PURE__ */ v("span", {
+				}) : null, a ? /* @__PURE__ */ y("span", {
 					className: "text-xs text-text-secondary",
 					children: a
 				}) : null]
 			}) : null]
-		}), s ? /* @__PURE__ */ v("ul", {
+		}), s ? /* @__PURE__ */ y("ul", {
 			className: "grid flex-1 grid-cols-1 gap-2 sm:grid-cols-2",
 			"aria-label": "Legend",
-			children: p.map((e, t) => /* @__PURE__ */ y("li", {
+			children: h.map((e, t) => /* @__PURE__ */ b("li", {
 				className: "flex items-center gap-2 text-xs",
 				children: [
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ y("span", {
 						"aria-hidden": "true",
 						className: "size-2.5 shrink-0 rounded-full",
-						style: { background: m(e, t) }
+						style: { background: g(e, t) }
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ y("span", {
 						className: "truncate text-text-secondary",
 						children: e.label
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ y("span", {
 						className: "ml-auto font-medium text-text-primary",
 						children: l ? l(e.value) : e.value
 					})
@@ -245,9 +246,9 @@ function N({ data: e, centerLabel: a, centerValue: o, legend: s = !0, height: c
 		}) : null]
 	});
 }
-function P({ data: e, tone: t = "brand", height: r = 40, className: i }) {
-	let a = O().tone(t), o = e.filter((e) => Number.isFinite(e)), c = `spark-${h().replace(/:/g, "")}`;
-	if (o.length < 2) return /* @__PURE__ */ v("div", {
+function F({ data: e, tone: t = "brand", height: r = 40, className: i }) {
+	let a = k().tone(t), o = e.filter((e) => Number.isFinite(e)), c = `spark-${g().replace(/:/g, "")}`;
+	if (o.length < 2) return /* @__PURE__ */ y("div", {
 		className: i,
 		style: { height: r },
 		"aria-hidden": "true"
@@ -256,17 +257,17 @@ function P({ data: e, tone: t = "brand", height: r = 40, className: i }) {
 		x: t,
 		y: e
 	}));
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ y("div", {
 		className: i,
 		style: {
 			width: "100%",
 			height: r
 		},
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ v(n, {
+		children: /* @__PURE__ */ y(n, {
 			width: "100%",
 			height: "100%",
-			children: /* @__PURE__ */ y(f, {
+			children: /* @__PURE__ */ b(f, {
 				data: l,
 				margin: {
 					top: 2,
@@ -274,22 +275,22 @@ function P({ data: e, tone: t = "brand", height: r = 40, className: i }) {
 					bottom: 0,
 					left: 0
 				},
-				children: [/* @__PURE__ */ v("defs", { children: /* @__PURE__ */ y("linearGradient", {
+				children: [/* @__PURE__ */ y("defs", { children: /* @__PURE__ */ b("linearGradient", {
 					id: c,
 					x1: "0",
 					y1: "0",
 					x2: "0",
 					y2: "1",
-					children: [/* @__PURE__ */ v("stop", {
+					children: [/* @__PURE__ */ y("stop", {
 						offset: "0%",
 						stopColor: a,
 						stopOpacity: .28
-					}), /* @__PURE__ */ v("stop", {
+					}), /* @__PURE__ */ y("stop", {
 						offset: "100%",
 						stopColor: a,
 						stopOpacity: 0
 					})]
-				}) }), /* @__PURE__ */ v(s, {
+				}) }), /* @__PURE__ */ y(s, {
 					type: "monotone",
 					dataKey: "y",
 					stroke: a,
@@ -302,12 +303,12 @@ function P({ data: e, tone: t = "brand", height: r = 40, className: i }) {
 		})
 	});
 }
-function F({ value: e, label: t, tone: n = "brand", size: r = 120, strokeWidth: i = 10 }) {
-	let a = O(), o = S(), s = Math.max(0, Math.min(100, Number.isFinite(e) ? e : 0)), c = (r - i) / 2, l = 2 * Math.PI * c, u = s / 100 * l, d = a.tone(n), f = l - u, [p, h] = _(o ? f : l);
-	return m(() => {
-		let e = requestAnimationFrame(() => h(f));
+function I({ value: e, label: t, tone: n = "brand", size: r = 120, strokeWidth: i = 10 }) {
+	let a = k(), o = C(), s = Math.max(0, Math.min(100, Number.isFinite(e) ? e : 0)), c = (r - i) / 2, l = 2 * Math.PI * c, u = s / 100 * l, d = a.tone(n), f = l - u, [p, m] = v(o ? f : l);
+	return h(() => {
+		let e = requestAnimationFrame(() => m(f));
 		return () => cancelAnimationFrame(e);
-	}, [f]), /* @__PURE__ */ y("div", {
+	}, [f]), /* @__PURE__ */ b("div", {
 		className: "relative inline-flex items-center justify-center",
 		style: {
 			width: r,
@@ -318,18 +319,18 @@ function F({ value: e, label: t, tone: n = "brand", size: r = 120, strokeWidth:
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		"aria-label": t ?? "Progress",
-		children: [/* @__PURE__ */ y("svg", {
+		children: [/* @__PURE__ */ b("svg", {
 			width: r,
 			height: r,
 			className: "-rotate-90",
-			children: [/* @__PURE__ */ v("circle", {
+			children: [/* @__PURE__ */ y("circle", {
 				cx: r / 2,
 				cy: r / 2,
 				r: c,
 				fill: "none",
 				stroke: a.border,
 				strokeWidth: i
-			}), /* @__PURE__ */ v("circle", {
+			}), /* @__PURE__ */ y("circle", {
 				cx: r / 2,
 				cy: r / 2,
 				r: c,
@@ -341,39 +342,39 @@ function F({ value: e, label: t, tone: n = "brand", size: r = 120, strokeWidth:
 				strokeDashoffset: p,
 				style: { transition: o ? "none" : "stroke-dashoffset 600ms ease" }
 			})]
-		}), /* @__PURE__ */ y("div", {
+		}), /* @__PURE__ */ b("div", {
 			className: "absolute inset-0 flex flex-col items-center justify-center",
-			children: [/* @__PURE__ */ y("span", {
+			children: [/* @__PURE__ */ b("span", {
 				className: "text-lg font-semibold text-text-primary",
 				children: [Math.round(s), "%"]
-			}), t ? /* @__PURE__ */ v("span", {
+			}), t ? /* @__PURE__ */ y("span", {
 				className: "text-[10px] text-text-secondary",
 				children: t
 			}) : null]
 		})]
 	});
 }
-function I({ data: e, height: r = 240, valueFormatter: i }) {
-	let s = O(), d = S(), f = e.filter((e) => Number.isFinite(e.inflow) && Number.isFinite(e.outflow));
-	if (f.length === 0) return /* @__PURE__ */ v("p", {
+function L({ data: e, height: r = 240, valueFormatter: i }) {
+	let s = k(), d = C(), f = m(), p = e.filter((e) => Number.isFinite(e.inflow) && Number.isFinite(e.outflow));
+	if (p.length === 0) return /* @__PURE__ */ y("p", {
 		className: "text-sm text-text-secondary",
-		children: "No cashflow data."
+		children: f("brainyrich.common.noCashflowData", "No cashflow data.")
 	});
-	let p = f.map((e) => ({
+	let h = p.map((e) => ({
 		label: e.label,
 		inflow: Math.abs(e.inflow),
 		outflow: -Math.abs(e.outflow)
 	}));
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ y("div", {
 		style: {
 			width: "100%",
 			height: r
 		},
-		children: /* @__PURE__ */ v(n, {
+		children: /* @__PURE__ */ y(n, {
 			width: "100%",
 			height: "100%",
-			children: /* @__PURE__ */ y(u, {
-				data: p,
+			children: /* @__PURE__ */ b(u, {
+				data: h,
 				margin: {
 					top: 8,
 					right: 8,
@@ -382,7 +383,7 @@ function I({ data: e, height: r = 240, valueFormatter: i }) {
 				},
 				stackOffset: "sign",
 				children: [
-					/* @__PURE__ */ v(c, {
+					/* @__PURE__ */ y(c, {
 						dataKey: "label",
 						tick: {
 							fill: s.textSecondary,
@@ -391,7 +392,7 @@ function I({ data: e, height: r = 240, valueFormatter: i }) {
 						axisLine: { stroke: s.grid },
 						tickLine: !1
 					}),
-					/* @__PURE__ */ v(l, {
+					/* @__PURE__ */ y(l, {
 						tick: {
 							fill: s.textSecondary,
 							fontSize: 11
@@ -401,18 +402,18 @@ function I({ data: e, height: r = 240, valueFormatter: i }) {
 						width: 44,
 						tickFormatter: (e) => i ? i(Math.abs(e)) : String(Math.abs(e))
 					}),
-					/* @__PURE__ */ v(o, {
+					/* @__PURE__ */ y(o, {
 						y: 0,
 						stroke: s.grid
 					}),
-					/* @__PURE__ */ v(t, {
+					/* @__PURE__ */ y(t, {
 						cursor: {
 							fill: s.border,
 							opacity: .25
 						},
-						content: /* @__PURE__ */ v(A, { valueFormatter: (e) => i ? i(Math.abs(e)) : String(Math.abs(e)) })
+						content: /* @__PURE__ */ y(j, { valueFormatter: (e) => i ? i(Math.abs(e)) : String(Math.abs(e)) })
 					}),
-					/* @__PURE__ */ v(a, {
+					/* @__PURE__ */ y(a, {
 						dataKey: "inflow",
 						name: "Inflow",
 						fill: s.positive,
@@ -425,7 +426,7 @@ function I({ data: e, height: r = 240, valueFormatter: i }) {
 						isAnimationActive: !d,
 						animationDuration: 250
 					}),
-					/* @__PURE__ */ v(a, {
+					/* @__PURE__ */ y(a, {
 						dataKey: "outflow",
 						name: "Outflow",
 						fill: s.negative,
@@ -443,21 +444,21 @@ function I({ data: e, height: r = 240, valueFormatter: i }) {
 		})
 	});
 }
-function L({ data: e, target: r, tone: i = "brand", height: a = 200, valueFormatter: u }) {
-	let d = O(), p = S(), m = d.tone(i), g = e.filter((e) => Number.isFinite(e.y)), _ = `area-${h().replace(/:/g, "")}`;
-	return g.length < 2 ? /* @__PURE__ */ v("p", {
+function R({ data: e, target: r, tone: i = "brand", height: a = 200, valueFormatter: u }) {
+	let d = k(), p = C(), h = m(), _ = d.tone(i), v = e.filter((e) => Number.isFinite(e.y)), x = `area-${g().replace(/:/g, "")}`;
+	return v.length < 2 ? /* @__PURE__ */ y("p", {
 		className: "text-sm text-text-secondary",
-		children: "Not enough data to chart."
-	}) : /* @__PURE__ */ v("div", {
+		children: h("brainyrich.common.notEnoughData", "Not enough data to chart.")
+	}) : /* @__PURE__ */ y("div", {
 		style: {
 			width: "100%",
 			height: a
 		},
-		children: /* @__PURE__ */ v(n, {
+		children: /* @__PURE__ */ y(n, {
 			width: "100%",
 			height: "100%",
-			children: /* @__PURE__ */ y(f, {
-				data: g,
+			children: /* @__PURE__ */ b(f, {
+				data: v,
 				margin: {
 					top: 8,
 					right: 8,
@@ -465,23 +466,23 @@ function L({ data: e, target: r, tone: i = "brand", height: a = 200, valueFormat
 					left: 8
 				},
 				children: [
-					/* @__PURE__ */ v("defs", { children: /* @__PURE__ */ y("linearGradient", {
-						id: _,
+					/* @__PURE__ */ y("defs", { children: /* @__PURE__ */ b("linearGradient", {
+						id: x,
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
-						children: [/* @__PURE__ */ v("stop", {
+						children: [/* @__PURE__ */ y("stop", {
 							offset: "0%",
-							stopColor: m,
+							stopColor: _,
 							stopOpacity: .3
-						}), /* @__PURE__ */ v("stop", {
+						}), /* @__PURE__ */ y("stop", {
 							offset: "100%",
-							stopColor: m,
+							stopColor: _,
 							stopOpacity: .02
 						})]
 					}) }),
-					/* @__PURE__ */ v(c, {
+					/* @__PURE__ */ y(c, {
 						dataKey: "x",
 						tick: {
 							fill: d.textSecondary,
@@ -490,7 +491,7 @@ function L({ data: e, target: r, tone: i = "brand", height: a = 200, valueFormat
 						axisLine: { stroke: d.grid },
 						tickLine: !1
 					}),
-					/* @__PURE__ */ v(l, {
+					/* @__PURE__ */ y(l, {
 						tick: {
 							fill: d.textSecondary,
 							fontSize: 11
@@ -500,8 +501,8 @@ function L({ data: e, target: r, tone: i = "brand", height: a = 200, valueFormat
 						width: 44,
 						tickFormatter: (e) => u ? u(e) : String(e)
 					}),
-					/* @__PURE__ */ v(t, { content: /* @__PURE__ */ v(A, { valueFormatter: u }) }),
-					r !== void 0 && Number.isFinite(r) ? /* @__PURE__ */ v(o, {
+					/* @__PURE__ */ y(t, { content: /* @__PURE__ */ y(j, { valueFormatter: u }) }),
+					r !== void 0 && Number.isFinite(r) ? /* @__PURE__ */ y(o, {
 						y: r,
 						stroke: d.textSecondary,
 						strokeDasharray: "5 4",
@@ -512,12 +513,12 @@ function L({ data: e, target: r, tone: i = "brand", height: a = 200, valueFormat
 							fontSize: 10
 						}
 					}) : null,
-					/* @__PURE__ */ v(s, {
+					/* @__PURE__ */ y(s, {
 						type: "monotone",
 						dataKey: "y",
-						stroke: m,
+						stroke: _,
 						strokeWidth: 2,
-						fill: `url(#${_})`,
+						fill: `url(#${x})`,
 						isAnimationActive: !p,
 						animationDuration: 250,
 						dot: !1
@@ -527,45 +528,45 @@ function L({ data: e, target: r, tone: i = "brand", height: a = 200, valueFormat
 		})
 	});
 }
-var R = /reject|cancel|abandon|decline|fail/i;
-function z({ steps: e, current: t, className: n }) {
-	let r = R.test(t), i = e.findIndex((e) => e.toLowerCase() === t.toLowerCase());
-	return /* @__PURE__ */ y("ol", {
-		className: b("flex w-full items-center overflow-x-auto", n),
+var z = /reject|cancel|abandon|decline|fail/i;
+function B({ steps: e, current: t, className: n }) {
+	let r = z.test(t), i = e.findIndex((e) => e.toLowerCase() === t.toLowerCase());
+	return /* @__PURE__ */ b("ol", {
+		className: x("flex w-full items-center overflow-x-auto", n),
 		"aria-label": "Lifecycle progress",
 		children: [e.map((t, n) => {
 			let a = n === e.length - 1, o = i >= 0 && n < i, s = i >= 0 && n === i && !r, c = o ? "done" : s ? "active" : "upcoming";
-			return /* @__PURE__ */ y("li", {
+			return /* @__PURE__ */ b("li", {
 				className: "flex min-w-fit flex-1 items-center",
 				"aria-current": s ? "step" : void 0,
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "flex flex-col items-center gap-1.5 px-1",
-					children: [/* @__PURE__ */ v("span", {
-						className: b("flex size-7 items-center justify-center rounded-full border text-xs font-semibold transition-colors", c === "done" && "border-transparent bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]", c === "active" && "border-[var(--color-action-primary-border)] bg-[var(--color-action-primary-bg)]/15 text-[var(--color-action-primary-text)]", c === "upcoming" && "border-border-subtle bg-bg-sunken text-text-secondary"),
+					children: [/* @__PURE__ */ y("span", {
+						className: x("flex size-7 items-center justify-center rounded-full border text-xs font-semibold transition-colors", c === "done" && "border-transparent bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]", c === "active" && "border-[var(--color-action-primary-border)] bg-[var(--color-action-primary-bg)]/15 text-[var(--color-action-primary-text)]", c === "upcoming" && "border-border-subtle bg-bg-sunken text-text-secondary"),
 						"aria-hidden": "true",
 						children: o ? "✓" : n + 1
-					}), /* @__PURE__ */ v("span", {
-						className: b("whitespace-nowrap text-[11px]", s ? "font-medium text-text-primary" : "text-text-secondary"),
+					}), /* @__PURE__ */ y("span", {
+						className: x("whitespace-nowrap text-[11px]", s ? "font-medium text-text-primary" : "text-text-secondary"),
 						children: t
 					})]
-				}), a ? null : /* @__PURE__ */ v("span", {
+				}), a ? null : /* @__PURE__ */ y("span", {
 					"aria-hidden": "true",
-					className: b("mx-1 h-0.5 flex-1 rounded-full", o ? "bg-[var(--color-action-primary-bg)]" : "bg-border-subtle")
+					className: x("mx-1 h-0.5 flex-1 rounded-full", o ? "bg-[var(--color-action-primary-bg)]" : "bg-border-subtle")
 				})]
 			}, t);
-		}), r ? /* @__PURE__ */ y("li", {
+		}), r ? /* @__PURE__ */ b("li", {
 			className: "ml-2 flex min-w-fit items-center gap-1.5",
 			"aria-current": "step",
-			children: [/* @__PURE__ */ v("span", {
+			children: [/* @__PURE__ */ y("span", {
 				className: "mx-1 h-0.5 w-6 rounded-full bg-status-error-border",
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ y("div", {
+			}), /* @__PURE__ */ b("div", {
 				className: "flex flex-col items-center gap-1.5 px-1",
-				children: [/* @__PURE__ */ v("span", {
+				children: [/* @__PURE__ */ y("span", {
 					className: "flex size-7 items-center justify-center rounded-full border border-transparent bg-status-error text-xs font-semibold text-status-error-text",
 					"aria-hidden": "true",
 					children: "✕"
-				}), /* @__PURE__ */ v("span", {
+				}), /* @__PURE__ */ y("span", {
 					className: "whitespace-nowrap text-[11px] font-medium text-status-error-text",
 					children: t
 				})]
@@ -573,35 +574,35 @@ function z({ steps: e, current: t, className: n }) {
 		}) : null]
 	});
 }
-function B({ label: e, value: t, delta: n, deltaTone: r, deltaSuffix: i = "%", spark: a, sparkTone: o = "brand", glow: s = !1, icon: c, className: l }) {
+function V({ label: e, value: t, delta: n, deltaTone: r, deltaSuffix: i = "%", spark: a, sparkTone: o = "brand", glow: s = !1, icon: c, className: l }) {
 	let u = r ? r === "positive" : (n ?? 0) > 0, d = r ? r === "negative" : (n ?? 0) < 0, f = u ? "text-status-success-text bg-status-success-bg" : d ? "text-status-error-text bg-status-error-bg" : "text-text-secondary bg-bg-sunken", p = n !== void 0 && n > 0 ? "+" : "";
-	return /* @__PURE__ */ y("div", {
-		className: b("group relative overflow-hidden rounded-xl border border-border-subtle bg-bg-surface p-4 transition-shadow", "motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]", s && "ring-1 ring-[var(--color-action-primary-border)]/40", l),
+	return /* @__PURE__ */ b("div", {
+		className: x("group relative overflow-hidden rounded-xl border border-border-subtle bg-bg-surface p-4 transition-shadow", "motion-safe:hover:shadow-[var(--shadow-pop-hover,var(--shadow-elevation-2))]", s && "ring-1 ring-[var(--color-action-primary-border)]/40", l),
 		children: [
-			s ? /* @__PURE__ */ v("span", {
+			s ? /* @__PURE__ */ y("span", {
 				"aria-hidden": "true",
 				className: "pointer-events-none absolute -right-8 -top-8 size-24 rounded-full bg-[var(--color-action-primary-bg)]/15 blur-2xl"
 			}) : null,
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-start justify-between gap-2",
-				children: [/* @__PURE__ */ v("p", {
+				children: [/* @__PURE__ */ y("p", {
 					className: "text-xs text-text-secondary",
 					children: e
-				}), c ? /* @__PURE__ */ v("span", {
+				}), c ? /* @__PURE__ */ y("span", {
 					className: "text-text-secondary",
 					children: c
 				}) : null]
 			}),
-			/* @__PURE__ */ v("p", {
+			/* @__PURE__ */ y("p", {
 				className: "mt-1 text-2xl font-semibold text-text-primary",
 				children: t
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "mt-2 flex items-center justify-between gap-2",
-				children: [n !== void 0 && Number.isFinite(n) ? /* @__PURE__ */ y("span", {
-					className: b("inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-xs font-medium", f),
+				children: [n !== void 0 && Number.isFinite(n) ? /* @__PURE__ */ b("span", {
+					className: x("inline-flex items-center gap-0.5 rounded-full px-1.5 py-0.5 text-xs font-medium", f),
 					children: [
-						/* @__PURE__ */ v("span", {
+						/* @__PURE__ */ y("span", {
 							"aria-hidden": "true",
 							children: u ? "▲" : d ? "▼" : "—"
 						}),
@@ -609,9 +610,9 @@ function B({ label: e, value: t, delta: n, deltaTone: r, deltaSuffix: i = "%", s
 						n.toFixed(1),
 						i
 					]
-				}) : /* @__PURE__ */ v("span", {}), a && a.length > 1 ? /* @__PURE__ */ v("div", {
+				}) : /* @__PURE__ */ y("span", {}), a && a.length > 1 ? /* @__PURE__ */ y("div", {
 					className: "w-20 shrink-0",
-					children: /* @__PURE__ */ v(P, {
+					children: /* @__PURE__ */ y(F, {
 						data: a,
 						tone: o,
 						height: 28
@@ -622,6 +623,6 @@ function B({ label: e, value: t, delta: n, deltaTone: r, deltaSuffix: i = "%", s
 	});
 }
 //#endregion
-export { N as DonutChart, j as FadeIn, M as GlassCard, z as LifecycleStepper, L as MiniAreaChart, F as ProgressRing, P as Sparkline, B as StatTile, I as TrendBars, S as useReducedMotion, O as useVizColors };
+export { P as DonutChart, M as FadeIn, N as GlassCard, B as LifecycleStepper, R as MiniAreaChart, I as ProgressRing, F as Sparkline, V as StatTile, L as TrendBars, C as useReducedMotion, k as useVizColors };
 
 //# sourceMappingURL=viz.js.map