@burdenoff/microfe-brainyrich 2026.706.3 → 2026.706.4

package/dist/brainyrich/components/viz.js

@@ -11,16 +11,30 @@ import { YAxis as l } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
 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 { motion as p } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { useReducedMotion as m } from "../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
-import { twMerge as h } from "../../node_modules/tailwind-merge/dist/bundle-mjs.js";
-import { useEffect as g, useId as _, useMemo as v, useState as y } from "react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+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";
 //#region src/brainyrich/components/viz.tsx
-function S(...t) {
-	return h(e(t));
+function b(...t) {
+	return p(e(t));
 }
-var C = {
+function x() {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function S() {
+	let [e, t] = _(x);
+	return m(() => {
+		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)) {
+	let e = document.createElement("style");
+	e.id = C, e.textContent = w, document.head.appendChild(e);
+}
+var T = {
 	brand: "--color-action-primary-bg",
 	brandBorder: "--color-action-primary-border",
 	grid: "--color-chart-grid",
@@ -39,7 +53,7 @@ var C = {
 	textSecondary: "--color-text-secondary",
 	surface: "--color-bg-elevated",
 	border: "--color-border-subtle"
-}, w = [
+}, E = [
 	"--color-action-primary-bg",
 	"--color-chart-2",
 	"--color-chart-3",
@@ -53,12 +67,12 @@ var C = {
 	"--color-chart-11",
 	"--color-chart-12"
 ];
-function T(e) {
+function D(e) {
 	return typeof window > "u" ? `var(${e})` : getComputedStyle(document.documentElement).getPropertyValue(e).trim() || `var(${e})`;
 }
-function E() {
-	let [e, t] = y(0);
-	return g(() => {
+function O() {
+	let [e, t] = _(0);
+	return m(() => {
 		if (typeof window > "u") return;
 		let e = new MutationObserver(() => t((e) => e + 1));
 		return e.observe(document.documentElement, {
@@ -69,8 +83,8 @@ function E() {
 				"style"
 			]
 		}), () => e.disconnect();
-	}, []), v(() => {
-		let e = Object.fromEntries(Object.keys(C).map((e) => [e, T(C[e])])), t = w.map(T), n = (t) => {
+	}, []), g(() => {
+		let e = Object.fromEntries(Object.keys(T).map((e) => [e, D(T[e])])), t = E.map(D), n = (t) => {
 			switch (t) {
 				case "brand":
 				case "primary": return e.brand;
@@ -95,8 +109,8 @@ function E() {
 		};
 	}, [e]);
 }
-function D() {
-	let e = E();
+function k() {
+	let e = O();
 	return {
 		wrapper: {
 			background: e.surface,
@@ -114,20 +128,20 @@ function D() {
 		}
 	};
 }
-function O({ active: e, payload: t, label: n, valueFormatter: r }) {
-	let i = D();
-	return !e || !t || t.length === 0 ? null : /* @__PURE__ */ x("div", {
+function A({ active: e, payload: t, label: n, valueFormatter: r }) {
+	let i = k();
+	return !e || !t || t.length === 0 ? null : /* @__PURE__ */ y("div", {
 		style: i.wrapper,
 		role: "tooltip",
-		children: [n !== void 0 && n !== "" ? /* @__PURE__ */ b("div", {
+		children: [n !== void 0 && n !== "" ? /* @__PURE__ */ v("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__ */ x("div", {
+			return /* @__PURE__ */ y("div", {
 				className: "flex items-center gap-2",
 				children: [
-					e.color ? /* @__PURE__ */ b("span", {
+					e.color ? /* @__PURE__ */ v("span", {
 						"aria-hidden": "true",
 						style: {
 							width: 8,
@@ -137,11 +151,11 @@ function O({ active: e, payload: t, label: n, valueFormatter: r }) {
 							display: "inline-block"
 						}
 					}) : null,
-					e.name ? /* @__PURE__ */ x("span", {
+					e.name ? /* @__PURE__ */ y("span", {
 						style: { color: i.label.color },
 						children: [e.name, ":"]
 					}) : null,
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ v("span", {
 						style: { fontWeight: 600 },
 						children: a
 					})
@@ -150,56 +164,42 @@ function O({ active: e, payload: t, label: n, valueFormatter: r }) {
 		})]
 	});
 }
-function k({ children: e, index: t = 0, delay: n = 0, className: r, as: i = "div" }) {
-	if (m()) return /* @__PURE__ */ b(i, {
+function j({ children: e, index: t = 0, delay: n = 0, className: r, as: i = "div" }) {
+	return S() ? /* @__PURE__ */ v(i, {
 		className: r,
 		children: e
-	});
-	let a = p[i];
-	return /* @__PURE__ */ b(a, {
-		className: r,
-		initial: {
-			opacity: 0,
-			y: 8
-		},
-		animate: {
-			opacity: 1,
-			y: 0
-		},
-		transition: {
-			duration: .25,
-			ease: "easeOut",
-			delay: n + t * .04
-		},
+	}) : /* @__PURE__ */ v(i, {
+		className: b("br-fade-in", r),
+		style: { animationDelay: `${n + t * .04}s` },
 		children: e
 	});
 }
-function A({ children: e, className: t, glow: n = !1 }) {
-	return /* @__PURE__ */ b("div", {
-		className: S("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 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),
 		children: e
 	});
 }
-function j({ data: e, centerLabel: a, centerValue: o, legend: s = !0, height: c = 220, valueFormatter: l }) {
-	let u = E(), f = m(), p = e.filter((e) => Number.isFinite(e.value) && e.value > 0);
-	if (p.length === 0) return /* @__PURE__ */ b("p", {
+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", {
 		className: "text-sm text-text-secondary",
 		children: "No data."
 	});
-	let h = (e, t) => e.tone ? u.tone(e.tone) : u.palette[t % u.palette.length];
-	return /* @__PURE__ */ x("div", {
+	let m = (e, t) => e.tone ? u.tone(e.tone) : u.palette[t % u.palette.length];
+	return /* @__PURE__ */ y("div", {
 		className: "flex flex-col items-center gap-4 sm:flex-row sm:items-center",
-		children: [/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ y("div", {
 			className: "relative",
 			style: {
 				width: "100%",
 				maxWidth: 260,
 				height: c
 			},
-			children: [/* @__PURE__ */ b(n, {
+			children: [/* @__PURE__ */ v(n, {
 				width: "100%",
 				height: "100%",
-				children: /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(i, {
+				children: /* @__PURE__ */ y(d, { children: [/* @__PURE__ */ v(i, {
 					data: p,
 					dataKey: "value",
 					nameKey: "label",
@@ -209,34 +209,34 @@ function j({ data: e, centerLabel: a, centerValue: o, legend: s = !0, height: c
 					stroke: "transparent",
 					isAnimationActive: !f,
 					animationDuration: 250,
-					children: p.map((e, t) => /* @__PURE__ */ b(r, { fill: h(e, t) }, e.label))
-				}), /* @__PURE__ */ b(t, { content: /* @__PURE__ */ b(O, { valueFormatter: l }) })] })
-			}), o || a ? /* @__PURE__ */ x("div", {
+					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", {
 				className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center",
-				children: [o ? /* @__PURE__ */ b("span", {
+				children: [o ? /* @__PURE__ */ v("span", {
 					className: "text-xl font-semibold text-text-primary",
 					children: o
-				}) : null, a ? /* @__PURE__ */ b("span", {
+				}) : null, a ? /* @__PURE__ */ v("span", {
 					className: "text-xs text-text-secondary",
 					children: a
 				}) : null]
 			}) : null]
-		}), s ? /* @__PURE__ */ b("ul", {
+		}), s ? /* @__PURE__ */ v("ul", {
 			className: "grid flex-1 grid-cols-1 gap-2 sm:grid-cols-2",
 			"aria-label": "Legend",
-			children: p.map((e, t) => /* @__PURE__ */ x("li", {
+			children: p.map((e, t) => /* @__PURE__ */ y("li", {
 				className: "flex items-center gap-2 text-xs",
 				children: [
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ v("span", {
 						"aria-hidden": "true",
 						className: "size-2.5 shrink-0 rounded-full",
-						style: { background: h(e, t) }
+						style: { background: m(e, t) }
 					}),
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ v("span", {
 						className: "truncate text-text-secondary",
 						children: e.label
 					}),
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ v("span", {
 						className: "ml-auto font-medium text-text-primary",
 						children: l ? l(e.value) : e.value
 					})
@@ -245,9 +245,9 @@ function j({ data: e, centerLabel: a, centerValue: o, legend: s = !0, height: c
 		}) : null]
 	});
 }
-function M({ data: e, tone: t = "brand", height: r = 40, className: i }) {
-	let a = E().tone(t), o = e.filter((e) => Number.isFinite(e)), c = `spark-${_().replace(/:/g, "")}`;
-	if (o.length < 2) return /* @__PURE__ */ b("div", {
+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", {
 		className: i,
 		style: { height: r },
 		"aria-hidden": "true"
@@ -256,17 +256,17 @@ function M({ data: e, tone: t = "brand", height: r = 40, className: i }) {
 		x: t,
 		y: e
 	}));
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ v("div", {
 		className: i,
 		style: {
 			width: "100%",
 			height: r
 		},
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ b(n, {
+		children: /* @__PURE__ */ v(n, {
 			width: "100%",
 			height: "100%",
-			children: /* @__PURE__ */ x(f, {
+			children: /* @__PURE__ */ y(f, {
 				data: l,
 				margin: {
 					top: 2,
@@ -274,22 +274,22 @@ function M({ data: e, tone: t = "brand", height: r = 40, className: i }) {
 					bottom: 0,
 					left: 0
 				},
-				children: [/* @__PURE__ */ b("defs", { children: /* @__PURE__ */ x("linearGradient", {
+				children: [/* @__PURE__ */ v("defs", { children: /* @__PURE__ */ y("linearGradient", {
 					id: c,
 					x1: "0",
 					y1: "0",
 					x2: "0",
 					y2: "1",
-					children: [/* @__PURE__ */ b("stop", {
+					children: [/* @__PURE__ */ v("stop", {
 						offset: "0%",
 						stopColor: a,
 						stopOpacity: .28
-					}), /* @__PURE__ */ b("stop", {
+					}), /* @__PURE__ */ v("stop", {
 						offset: "100%",
 						stopColor: a,
 						stopOpacity: 0
 					})]
-				}) }), /* @__PURE__ */ b(s, {
+				}) }), /* @__PURE__ */ v(s, {
 					type: "monotone",
 					dataKey: "y",
 					stroke: a,
@@ -302,9 +302,12 @@ function M({ data: e, tone: t = "brand", height: r = 40, className: i }) {
 		})
 	});
 }
-function N({ value: e, label: t, tone: n = "brand", size: r = 120, strokeWidth: i = 10 }) {
-	let a = E(), o = m(), 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);
-	return /* @__PURE__ */ x("div", {
+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));
+		return () => cancelAnimationFrame(e);
+	}, [f]), /* @__PURE__ */ y("div", {
 		className: "relative inline-flex items-center justify-center",
 		style: {
 			width: r,
@@ -315,18 +318,18 @@ function N({ value: e, label: t, tone: n = "brand", size: r = 120, strokeWidth:
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		"aria-label": t ?? "Progress",
-		children: [/* @__PURE__ */ x("svg", {
+		children: [/* @__PURE__ */ y("svg", {
 			width: r,
 			height: r,
 			className: "-rotate-90",
-			children: [/* @__PURE__ */ b("circle", {
+			children: [/* @__PURE__ */ v("circle", {
 				cx: r / 2,
 				cy: r / 2,
 				r: c,
 				fill: "none",
 				stroke: a.border,
 				strokeWidth: i
-			}), /* @__PURE__ */ b(p.circle, {
+			}), /* @__PURE__ */ v("circle", {
 				cx: r / 2,
 				cy: r / 2,
 				r: c,
@@ -335,28 +338,24 @@ function N({ value: e, label: t, tone: n = "brand", size: r = 120, strokeWidth:
 				strokeWidth: i,
 				strokeLinecap: "round",
 				strokeDasharray: l,
-				initial: { strokeDashoffset: o ? l - u : l },
-				animate: { strokeDashoffset: l - u },
-				transition: {
-					duration: o ? 0 : .25,
-					ease: "easeOut"
-				}
+				strokeDashoffset: p,
+				style: { transition: o ? "none" : "stroke-dashoffset 600ms ease" }
 			})]
-		}), /* @__PURE__ */ x("div", {
+		}), /* @__PURE__ */ y("div", {
 			className: "absolute inset-0 flex flex-col items-center justify-center",
-			children: [/* @__PURE__ */ x("span", {
+			children: [/* @__PURE__ */ y("span", {
 				className: "text-lg font-semibold text-text-primary",
 				children: [Math.round(s), "%"]
-			}), t ? /* @__PURE__ */ b("span", {
+			}), t ? /* @__PURE__ */ v("span", {
 				className: "text-[10px] text-text-secondary",
 				children: t
 			}) : null]
 		})]
 	});
 }
-function P({ data: e, height: r = 240, valueFormatter: i }) {
-	let s = E(), d = m(), f = e.filter((e) => Number.isFinite(e.inflow) && Number.isFinite(e.outflow));
-	if (f.length === 0) return /* @__PURE__ */ b("p", {
+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", {
 		className: "text-sm text-text-secondary",
 		children: "No cashflow data."
 	});
@@ -365,15 +364,15 @@ function P({ data: e, height: r = 240, valueFormatter: i }) {
 		inflow: Math.abs(e.inflow),
 		outflow: -Math.abs(e.outflow)
 	}));
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ v("div", {
 		style: {
 			width: "100%",
 			height: r
 		},
-		children: /* @__PURE__ */ b(n, {
+		children: /* @__PURE__ */ v(n, {
 			width: "100%",
 			height: "100%",
-			children: /* @__PURE__ */ x(u, {
+			children: /* @__PURE__ */ y(u, {
 				data: p,
 				margin: {
 					top: 8,
@@ -383,7 +382,7 @@ function P({ data: e, height: r = 240, valueFormatter: i }) {
 				},
 				stackOffset: "sign",
 				children: [
-					/* @__PURE__ */ b(c, {
+					/* @__PURE__ */ v(c, {
 						dataKey: "label",
 						tick: {
 							fill: s.textSecondary,
@@ -392,7 +391,7 @@ function P({ data: e, height: r = 240, valueFormatter: i }) {
 						axisLine: { stroke: s.grid },
 						tickLine: !1
 					}),
-					/* @__PURE__ */ b(l, {
+					/* @__PURE__ */ v(l, {
 						tick: {
 							fill: s.textSecondary,
 							fontSize: 11
@@ -402,18 +401,18 @@ function P({ data: e, height: r = 240, valueFormatter: i }) {
 						width: 44,
 						tickFormatter: (e) => i ? i(Math.abs(e)) : String(Math.abs(e))
 					}),
-					/* @__PURE__ */ b(o, {
+					/* @__PURE__ */ v(o, {
 						y: 0,
 						stroke: s.grid
 					}),
-					/* @__PURE__ */ b(t, {
+					/* @__PURE__ */ v(t, {
 						cursor: {
 							fill: s.border,
 							opacity: .25
 						},
-						content: /* @__PURE__ */ b(O, { valueFormatter: (e) => i ? i(Math.abs(e)) : String(Math.abs(e)) })
+						content: /* @__PURE__ */ v(A, { valueFormatter: (e) => i ? i(Math.abs(e)) : String(Math.abs(e)) })
 					}),
-					/* @__PURE__ */ b(a, {
+					/* @__PURE__ */ v(a, {
 						dataKey: "inflow",
 						name: "Inflow",
 						fill: s.positive,
@@ -426,7 +425,7 @@ function P({ data: e, height: r = 240, valueFormatter: i }) {
 						isAnimationActive: !d,
 						animationDuration: 250
 					}),
-					/* @__PURE__ */ b(a, {
+					/* @__PURE__ */ v(a, {
 						dataKey: "outflow",
 						name: "Outflow",
 						fill: s.negative,
@@ -444,20 +443,20 @@ function P({ data: e, height: r = 240, valueFormatter: i }) {
 		})
 	});
 }
-function F({ data: e, target: r, tone: i = "brand", height: a = 200, valueFormatter: u }) {
-	let d = E(), p = m(), h = d.tone(i), g = e.filter((e) => Number.isFinite(e.y)), v = `area-${_().replace(/:/g, "")}`;
-	return g.length < 2 ? /* @__PURE__ */ b("p", {
+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", {
 		className: "text-sm text-text-secondary",
 		children: "Not enough data to chart."
-	}) : /* @__PURE__ */ b("div", {
+	}) : /* @__PURE__ */ v("div", {
 		style: {
 			width: "100%",
 			height: a
 		},
-		children: /* @__PURE__ */ b(n, {
+		children: /* @__PURE__ */ v(n, {
 			width: "100%",
 			height: "100%",
-			children: /* @__PURE__ */ x(f, {
+			children: /* @__PURE__ */ y(f, {
 				data: g,
 				margin: {
 					top: 8,
@@ -466,23 +465,23 @@ function F({ data: e, target: r, tone: i = "brand", height: a = 200, valueFormat
 					left: 8
 				},
 				children: [
-					/* @__PURE__ */ b("defs", { children: /* @__PURE__ */ x("linearGradient", {
-						id: v,
+					/* @__PURE__ */ v("defs", { children: /* @__PURE__ */ y("linearGradient", {
+						id: _,
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
-						children: [/* @__PURE__ */ b("stop", {
+						children: [/* @__PURE__ */ v("stop", {
 							offset: "0%",
-							stopColor: h,
+							stopColor: m,
 							stopOpacity: .3
-						}), /* @__PURE__ */ b("stop", {
+						}), /* @__PURE__ */ v("stop", {
 							offset: "100%",
-							stopColor: h,
+							stopColor: m,
 							stopOpacity: .02
 						})]
 					}) }),
-					/* @__PURE__ */ b(c, {
+					/* @__PURE__ */ v(c, {
 						dataKey: "x",
 						tick: {
 							fill: d.textSecondary,
@@ -491,7 +490,7 @@ function F({ data: e, target: r, tone: i = "brand", height: a = 200, valueFormat
 						axisLine: { stroke: d.grid },
 						tickLine: !1
 					}),
-					/* @__PURE__ */ b(l, {
+					/* @__PURE__ */ v(l, {
 						tick: {
 							fill: d.textSecondary,
 							fontSize: 11
@@ -501,8 +500,8 @@ function F({ data: e, target: r, tone: i = "brand", height: a = 200, valueFormat
 						width: 44,
 						tickFormatter: (e) => u ? u(e) : String(e)
 					}),
-					/* @__PURE__ */ b(t, { content: /* @__PURE__ */ b(O, { valueFormatter: u }) }),
-					r !== void 0 && Number.isFinite(r) ? /* @__PURE__ */ b(o, {
+					/* @__PURE__ */ v(t, { content: /* @__PURE__ */ v(A, { valueFormatter: u }) }),
+					r !== void 0 && Number.isFinite(r) ? /* @__PURE__ */ v(o, {
 						y: r,
 						stroke: d.textSecondary,
 						strokeDasharray: "5 4",
@@ -513,12 +512,12 @@ function F({ data: e, target: r, tone: i = "brand", height: a = 200, valueFormat
 							fontSize: 10
 						}
 					}) : null,
-					/* @__PURE__ */ b(s, {
+					/* @__PURE__ */ v(s, {
 						type: "monotone",
 						dataKey: "y",
-						stroke: h,
+						stroke: m,
 						strokeWidth: 2,
-						fill: `url(#${v})`,
+						fill: `url(#${_})`,
 						isAnimationActive: !p,
 						animationDuration: 250,
 						dot: !1
@@ -528,45 +527,45 @@ function F({ data: e, target: r, tone: i = "brand", height: a = 200, valueFormat
 		})
 	});
 }
-var I = /reject|cancel|abandon|decline|fail/i;
-function L({ steps: e, current: t, className: n }) {
-	let r = I.test(t), i = e.findIndex((e) => e.toLowerCase() === t.toLowerCase());
-	return /* @__PURE__ */ x("ol", {
-		className: S("flex w-full items-center overflow-x-auto", n),
+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),
 		"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__ */ x("li", {
+			return /* @__PURE__ */ y("li", {
 				className: "flex min-w-fit flex-1 items-center",
 				"aria-current": s ? "step" : void 0,
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex flex-col items-center gap-1.5 px-1",
-					children: [/* @__PURE__ */ b("span", {
-						className: S("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__ */ 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"),
 						"aria-hidden": "true",
 						children: o ? "✓" : n + 1
-					}), /* @__PURE__ */ b("span", {
-						className: S("whitespace-nowrap text-[11px]", s ? "font-medium text-text-primary" : "text-text-secondary"),
+					}), /* @__PURE__ */ v("span", {
+						className: b("whitespace-nowrap text-[11px]", s ? "font-medium text-text-primary" : "text-text-secondary"),
 						children: t
 					})]
-				}), a ? null : /* @__PURE__ */ b("span", {
+				}), a ? null : /* @__PURE__ */ v("span", {
 					"aria-hidden": "true",
-					className: S("mx-1 h-0.5 flex-1 rounded-full", o ? "bg-[var(--color-action-primary-bg)]" : "bg-border-subtle")
+					className: b("mx-1 h-0.5 flex-1 rounded-full", o ? "bg-[var(--color-action-primary-bg)]" : "bg-border-subtle")
 				})]
 			}, t);
-		}), r ? /* @__PURE__ */ x("li", {
+		}), r ? /* @__PURE__ */ y("li", {
 			className: "ml-2 flex min-w-fit items-center gap-1.5",
 			"aria-current": "step",
-			children: [/* @__PURE__ */ b("span", {
+			children: [/* @__PURE__ */ v("span", {
 				className: "mx-1 h-0.5 w-6 rounded-full bg-status-error-border",
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ x("div", {
+			}), /* @__PURE__ */ y("div", {
 				className: "flex flex-col items-center gap-1.5 px-1",
-				children: [/* @__PURE__ */ b("span", {
+				children: [/* @__PURE__ */ v("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__ */ b("span", {
+				}), /* @__PURE__ */ v("span", {
 					className: "whitespace-nowrap text-[11px] font-medium text-status-error-text",
 					children: t
 				})]
@@ -574,35 +573,35 @@ function L({ steps: e, current: t, className: n }) {
 		}) : null]
 	});
 }
-function R({ label: e, value: t, delta: n, deltaTone: r, deltaSuffix: i = "%", spark: a, sparkTone: o = "brand", glow: s = !1, icon: c, className: l }) {
+function B({ 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__ */ x("div", {
-		className: S("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__ */ 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),
 		children: [
-			s ? /* @__PURE__ */ b("span", {
+			s ? /* @__PURE__ */ v("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__ */ x("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex items-start justify-between gap-2",
-				children: [/* @__PURE__ */ b("p", {
+				children: [/* @__PURE__ */ v("p", {
 					className: "text-xs text-text-secondary",
 					children: e
-				}), c ? /* @__PURE__ */ b("span", {
+				}), c ? /* @__PURE__ */ v("span", {
 					className: "text-text-secondary",
 					children: c
 				}) : null]
 			}),
-			/* @__PURE__ */ b("p", {
+			/* @__PURE__ */ v("p", {
 				className: "mt-1 text-2xl font-semibold text-text-primary",
 				children: t
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ y("div", {
 				className: "mt-2 flex items-center justify-between gap-2",
-				children: [n !== void 0 && Number.isFinite(n) ? /* @__PURE__ */ x("span", {
-					className: S("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__ */ 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: [
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ v("span", {
 							"aria-hidden": "true",
 							children: u ? "▲" : d ? "▼" : "—"
 						}),
@@ -610,9 +609,9 @@ function R({ label: e, value: t, delta: n, deltaTone: r, deltaSuffix: i = "%", s
 						n.toFixed(1),
 						i
 					]
-				}) : /* @__PURE__ */ b("span", {}), a && a.length > 1 ? /* @__PURE__ */ b("div", {
+				}) : /* @__PURE__ */ v("span", {}), a && a.length > 1 ? /* @__PURE__ */ v("div", {
 					className: "w-20 shrink-0",
-					children: /* @__PURE__ */ b(M, {
+					children: /* @__PURE__ */ v(P, {
 						data: a,
 						tone: o,
 						height: 28
@@ -623,6 +622,6 @@ function R({ label: e, value: t, delta: n, deltaTone: r, deltaSuffix: i = "%", s
 	});
 }
 //#endregion
-export { j as DonutChart, k as FadeIn, A as GlassCard, L as LifecycleStepper, F as MiniAreaChart, N as ProgressRing, M as Sparkline, R as StatTile, P as TrendBars, E as useVizColors };
+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 };
 
 //# sourceMappingURL=viz.js.map