@burdenoff/microfe-assethandler 2026.813.1 → 2026.814.1

package/dist/assethandler/components/charts/BarsChart.js

@@ -1,20 +1,20 @@
-import { Legend as e } from "../../../node_modules/recharts/es6/component/Legend.js";
-import { Tooltip as t } from "../../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as n } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Bar as r } from "../../../node_modules/recharts/es6/cartesian/Bar.js";
-import { CartesianGrid as i } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { XAxis as a } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as o } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { BarChart as s } from "../../../node_modules/recharts/es6/chart/BarChart.js";
-import { chartTokens as c, defaultSeriesColor as l, formatNumber as u, usePrefersReducedMotion as d } from "./chartTheme.js";
+import { chartTokens as e, defaultSeriesColor as t, formatNumber as n, usePrefersReducedMotion as r } from "./chartTheme.js";
+import { Legend as i } from "../../../node_modules/recharts/es6/component/Legend.js";
+import { Tooltip as a } from "../../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as o } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Bar as s } from "../../../node_modules/recharts/es6/cartesian/Bar.js";
+import { CartesianGrid as c } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { XAxis as l } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as u } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { BarChart as d } from "../../../node_modules/recharts/es6/chart/BarChart.js";
 import { ChartDataTable as f, ChartEmpty as p, ChartFigure as m, ChartLegend as h, ChartTooltip as g } from "./ChartParts.js";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/assethandler/components/charts/BarsChart.tsx
-function b({ data: b, xKey: x, series: S, orientation: C = "vertical", stacked: w = !1, height: T = 260, valueFormat: E = u, xTickFormat: D, showGrid: O = !0, showLegend: k, categoryWidth: A = 96, emptyLabel: j, ariaLabel: M, className: N }) {
-	let P = d(), F = S.map((e, t) => ({
+function b({ data: b, xKey: x, series: S, orientation: C = "vertical", stacked: w = !1, height: T = 260, valueFormat: E = n, xTickFormat: D, showGrid: O = !0, showLegend: k, categoryWidth: A = 96, emptyLabel: j, ariaLabel: M, className: N }) {
+	let P = r(), F = S.map((e, n) => ({
 		...e,
 		label: e.label ?? e.key,
-		color: e.color ?? l(t, S.length)
+		color: e.color ?? t(n, S.length)
 	})), I = M ?? `${F.map((e) => e.label).join(", ")} by ${x}`;
 	if (b.length === 0) return /* @__PURE__ */ v(p, {
 		height: T,
@@ -22,7 +22,7 @@ function b({ data: b, xKey: x, series: S, orientation: C = "vertical", stacked:
 		className: N
 	});
 	let L = C === "vertical", R = k ?? F.length > 1, z = {
-		fill: c.textMuted,
+		fill: e.textMuted,
 		fontSize: 12
 	}, B = F.length - 1, V = (e) => !w || e === B ? L ? [
 		4,
@@ -52,10 +52,10 @@ function b({ data: b, xKey: x, series: S, orientation: C = "vertical", stacked:
 			series: F,
 			valueFormat: E
 		}),
-		children: /* @__PURE__ */ v(n, {
+		children: /* @__PURE__ */ v(o, {
 			width: "100%",
 			height: "100%",
-			children: /* @__PURE__ */ y(s, {
+			children: /* @__PURE__ */ y(d, {
 				data: b,
 				layout: L ? "horizontal" : "vertical",
 				margin: {
@@ -66,13 +66,13 @@ function b({ data: b, xKey: x, series: S, orientation: C = "vertical", stacked:
 				},
 				barCategoryGap: L ? "24%" : "28%",
 				children: [
-					O ? /* @__PURE__ */ v(i, {
+					O ? /* @__PURE__ */ v(c, {
 						vertical: !L,
 						horizontal: L,
-						stroke: c.grid,
+						stroke: e.grid,
 						strokeWidth: 1
 					}) : null,
-					L ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(a, {
+					L ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(l, {
 						dataKey: x,
 						type: "category",
 						tickLine: !1,
@@ -80,20 +80,20 @@ function b({ data: b, xKey: x, series: S, orientation: C = "vertical", stacked:
 						tick: z,
 						tickMargin: 8,
 						tickFormatter: D ? (e) => D(e) : void 0
-					}), /* @__PURE__ */ v(o, {
+					}), /* @__PURE__ */ v(u, {
 						type: "number",
 						tickLine: !1,
 						axisLine: !1,
 						tick: z,
 						width: 48,
 						tickFormatter: (e) => E(Number(e))
-					})] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(a, {
+					})] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(l, {
 						type: "number",
 						tickLine: !1,
 						axisLine: !1,
 						tick: z,
 						tickFormatter: (e) => E(Number(e))
-					}), /* @__PURE__ */ v(o, {
+					}), /* @__PURE__ */ v(u, {
 						dataKey: x,
 						type: "category",
 						tickLine: !1,
@@ -102,9 +102,9 @@ function b({ data: b, xKey: x, series: S, orientation: C = "vertical", stacked:
 						width: A,
 						tickFormatter: D ? (e) => D(e) : void 0
 					})] }),
-					/* @__PURE__ */ v(t, {
+					/* @__PURE__ */ v(a, {
 						cursor: {
-							fill: c.track,
+							fill: e.track,
 							opacity: .5
 						},
 						content: /* @__PURE__ */ v(g, {
@@ -112,8 +112,8 @@ function b({ data: b, xKey: x, series: S, orientation: C = "vertical", stacked:
 							labelFormat: D
 						})
 					}),
-					R ? /* @__PURE__ */ v(e, { content: /* @__PURE__ */ v(h, {}) }) : null,
-					F.map((e, t) => /* @__PURE__ */ v(r, {
+					R ? /* @__PURE__ */ v(i, { content: /* @__PURE__ */ v(h, {}) }) : null,
+					F.map((e, t) => /* @__PURE__ */ v(s, {
 						dataKey: e.key,
 						name: e.label,
 						fill: e.color,

package/dist/assethandler/components/charts/ChartParts.js

@@ -1,59 +1,59 @@
-import { cn as e } from "../../utils/cn.js";
-import { chartTokens as t, renderValue as n } from "./chartTheme.js";
+import { chartTokens as e, renderValue as t } from "./chartTheme.js";
+import { cn as n } from "../../utils/cn.js";
 import { Inbox as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/assethandler/components/charts/ChartParts.tsx
-function o({ active: e, payload: r, label: o, valueFormat: s, labelFormat: c, hideLabel: l }) {
-	return !e || !r || r.length === 0 ? null : /* @__PURE__ */ a("div", {
+function o({ active: n, payload: r, label: o, valueFormat: s, labelFormat: c, hideLabel: l }) {
+	return !n || !r || r.length === 0 ? null : /* @__PURE__ */ a("div", {
 		className: "min-w-32 rounded-lg border border-border-seam bg-bg-surface/95 px-3 py-2 shadow-lg backdrop-blur-sm",
 		children: [!l && o !== void 0 && o !== "" ? /* @__PURE__ */ i("p", {
 			className: "mb-1.5 text-xs font-medium text-text-secondary",
 			children: c ? c(o) : String(o)
 		}) : null, /* @__PURE__ */ i("ul", {
 			className: "space-y-1",
-			children: r.map((e, r) => /* @__PURE__ */ a("li", {
+			children: r.map((n, r) => /* @__PURE__ */ a("li", {
 				className: "flex items-center justify-between gap-4 text-sm",
 				children: [/* @__PURE__ */ a("span", {
 					className: "flex min-w-0 items-center gap-1.5",
 					children: [/* @__PURE__ */ i("span", {
 						"aria-hidden": "true",
 						className: "h-2.5 w-2.5 shrink-0 rounded-[3px]",
-						style: { backgroundColor: e.color ?? t.brand }
+						style: { backgroundColor: n.color ?? e.brand }
 					}), /* @__PURE__ */ i("span", {
 						className: "truncate text-text-secondary",
-						children: e.name ?? e.dataKey
+						children: n.name ?? n.dataKey
 					})]
 				}), /* @__PURE__ */ i("span", {
 					className: "font-semibold tabular-nums text-text-primary",
-					children: n(e.value, s)
+					children: t(n.value, s)
 				})]
-			}, `${String(e.dataKey ?? e.name ?? r)}`))
+			}, `${String(n.dataKey ?? n.name ?? r)}`))
 		})]
 	});
 }
-function s({ payload: e }) {
-	return !e || e.length === 0 ? null : /* @__PURE__ */ i("ul", {
+function s({ payload: t }) {
+	return !t || t.length === 0 ? null : /* @__PURE__ */ i("ul", {
 		className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-1.5 pt-3",
-		children: e.map((e, n) => /* @__PURE__ */ a("li", {
+		children: t.map((t, n) => /* @__PURE__ */ a("li", {
 			className: "flex items-center gap-1.5 text-xs text-text-secondary",
 			children: [/* @__PURE__ */ i("span", {
 				"aria-hidden": "true",
 				className: "h-2.5 w-2.5 rounded-[3px]",
-				style: { backgroundColor: e.color ?? t.brand }
-			}), e.value]
-		}, `${String(e.value ?? n)}`))
+				style: { backgroundColor: t.color ?? e.brand }
+			}), t.value]
+		}, `${String(t.value ?? n)}`))
 	});
 }
-function c({ height: t = 240, label: n = "No data yet", className: o }) {
+function c({ height: e = 240, label: t = "No data yet", className: o }) {
 	return /* @__PURE__ */ a("div", {
-		className: e("flex w-full flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border-seam bg-bg-sunken/40 text-center", o),
-		style: { height: t },
+		className: n("flex w-full flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border-seam bg-bg-sunken/40 text-center", o),
+		style: { height: e },
 		children: [/* @__PURE__ */ i(r, {
 			className: "h-6 w-6 text-text-muted",
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ i("p", {
 			className: "text-sm text-text-muted",
-			children: n
+			children: t
 		})]
 	});
 }
@@ -68,32 +68,32 @@ var l = {
 	whiteSpace: "nowrap",
 	borderWidth: 0
 };
-function u({ caption: e, xLabel: t, xKey: r, data: o, series: s, valueFormat: c }) {
+function u({ caption: e, xLabel: n, xKey: r, data: o, series: s, valueFormat: c }) {
 	return /* @__PURE__ */ a("table", {
 		style: l,
 		children: [
 			/* @__PURE__ */ i("caption", { children: e }),
 			/* @__PURE__ */ i("thead", { children: /* @__PURE__ */ a("tr", { children: [/* @__PURE__ */ i("th", {
 				scope: "col",
-				children: t
+				children: n
 			}), s.map((e) => /* @__PURE__ */ i("th", {
 				scope: "col",
 				children: e.label ?? e.key
 			}, e.key))] }) }),
-			/* @__PURE__ */ i("tbody", { children: o.map((e, t) => /* @__PURE__ */ a("tr", { children: [/* @__PURE__ */ i("th", {
+			/* @__PURE__ */ i("tbody", { children: o.map((e, n) => /* @__PURE__ */ a("tr", { children: [/* @__PURE__ */ i("th", {
 				scope: "row",
 				children: String(e[r] ?? "")
-			}), s.map((t) => /* @__PURE__ */ i("td", { children: n(e[t.key], c) }, t.key))] }, `${String(e[r] ?? t)}`)) })
+			}), s.map((n) => /* @__PURE__ */ i("td", { children: t(e[n.key], c) }, n.key))] }, `${String(e[r] ?? n)}`)) })
 		]
 	});
 }
-function d({ ariaLabel: t, height: n, children: r, a11y: o, className: s }) {
+function d({ ariaLabel: e, height: t, children: r, a11y: o, className: s }) {
 	return /* @__PURE__ */ a("figure", {
 		role: "img",
-		"aria-label": t,
-		className: e("w-full", s),
+		"aria-label": e,
+		className: n("w-full", s),
 		children: [/* @__PURE__ */ i("div", {
-			style: { height: n },
+			style: { height: t },
 			children: r
 		}), o]
 	});

package/dist/assethandler/components/charts/DonutChart.js

@@ -1,42 +1,42 @@
-import { cn as e } from "../../utils/cn.js";
-import { Tooltip as t } from "../../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as n } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Cell as r } from "../../../node_modules/recharts/es6/component/Cell.js";
-import { Pie as i } from "../../../node_modules/recharts/es6/polar/Pie.js";
-import { PieChart as a } from "../../../node_modules/recharts/es6/chart/PieChart.js";
-import { chartTokens as o, formatNumber as s, renderValue as c, seriesColor as l, usePrefersReducedMotion as u } from "./chartTheme.js";
+import { chartTokens as e, formatNumber as t, renderValue as n, seriesColor as r, usePrefersReducedMotion as i } from "./chartTheme.js";
+import { cn as a } from "../../utils/cn.js";
+import { Tooltip as o } from "../../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as s } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Cell as c } from "../../../node_modules/recharts/es6/component/Cell.js";
+import { Pie as l } from "../../../node_modules/recharts/es6/polar/Pie.js";
+import { PieChart as u } from "../../../node_modules/recharts/es6/chart/PieChart.js";
 import { ChartEmpty as d, ChartTooltip as f, srOnlyStyle as p } from "./ChartParts.js";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/assethandler/components/charts/DonutChart.tsx
-function g({ data: g, centerLabel: _, centerValue: v, height: y = 240, thickness: b = .42, valueFormat: x = s, showLegend: S = !0, emptyLabel: C, ariaLabel: w, className: T }) {
-	let E = u(), D = g.filter((e) => typeof e.value == "number" && Number.isFinite(e.value) && e.value > 0).map((e, t) => ({
+function g({ data: g, centerLabel: _, centerValue: v, height: y = 240, thickness: b = .42, valueFormat: x = t, showLegend: S = !0, emptyLabel: C, ariaLabel: w, className: T }) {
+	let E = i(), D = g.filter((e) => typeof e.value == "number" && Number.isFinite(e.value) && e.value > 0).map((e, t) => ({
 		...e,
-		color: e.color ?? l(t)
+		color: e.color ?? r(t)
 	})), O = D.reduce((e, t) => e + t.value, 0);
 	if (D.length === 0 || O <= 0) return /* @__PURE__ */ m(d, {
 		height: y,
 		label: C,
 		className: T
 	});
-	let k = w ?? `${_ ?? "Distribution"}: ${D.map((e) => e.name).join(", ")}`, A = Math.max(0, Math.round(82 * (1 - b))), j = _ !== void 0 || v !== void 0, M = v === void 0 ? x(O) : c(v, x);
+	let k = w ?? `${_ ?? "Distribution"}: ${D.map((e) => e.name).join(", ")}`, A = Math.max(0, Math.round(82 * (1 - b))), j = _ !== void 0 || v !== void 0, M = v === void 0 ? x(O) : n(v, x);
 	return /* @__PURE__ */ h("figure", {
 		role: "img",
 		"aria-label": k,
-		className: e("w-full", T),
+		className: a("w-full", T),
 		children: [
 			/* @__PURE__ */ h("div", {
 				className: "relative mx-auto",
 				style: { height: y },
-				children: [/* @__PURE__ */ m(n, {
+				children: [/* @__PURE__ */ m(s, {
 					width: "100%",
 					height: "100%",
-					children: /* @__PURE__ */ h(a, { children: [/* @__PURE__ */ m(t, {
+					children: /* @__PURE__ */ h(u, { children: [/* @__PURE__ */ m(o, {
 						cursor: !1,
 						content: /* @__PURE__ */ m(f, {
 							valueFormat: x,
 							hideLabel: !0
 						})
-					}), /* @__PURE__ */ m(i, {
+					}), /* @__PURE__ */ m(l, {
 						data: D,
 						dataKey: "value",
 						nameKey: "name",
@@ -45,10 +45,10 @@ function g({ data: g, centerLabel: _, centerValue: v, height: y = 240, thickness
 						innerRadius: `${A}%`,
 						outerRadius: "82%",
 						paddingAngle: 1.5,
-						stroke: o.surface,
+						stroke: e.surface,
 						strokeWidth: 2,
 						isAnimationActive: !E,
-						children: D.map((e) => /* @__PURE__ */ m(r, { fill: e.color }, e.name))
+						children: D.map((e) => /* @__PURE__ */ m(c, { fill: e.color }, e.name))
 					})] })
 				}), j ? /* @__PURE__ */ h("div", {
 					className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center",

package/dist/assethandler/components/charts/ProgressMeter.js

@@ -1,5 +1,5 @@
-import { cn as e } from "../../utils/cn.js";
-import { toneColor as t } from "./chartTheme.js";
+import { toneColor as e } from "./chartTheme.js";
+import { cn as t } from "../../utils/cn.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/assethandler/components/charts/ProgressMeter.tsx
 var i = {
@@ -11,9 +11,9 @@ function o({ value: o, max: s = 100, label: c, thresholds: l = {
 	warning: .75,
 	danger: .9
 }, higherIsWorse: u = !0, tone: d, showValue: f = !0, format: p = a, size: m = "md", className: h }) {
-	let g = Math.min(1, Math.max(0, o / (s > 0 ? s : 1))), _ = Math.round(g * 100), v = t(d ?? (u ? g >= l.danger ? "danger" : g >= l.warning ? "warning" : "success" : g >= l.warning ? "success" : g >= l.danger ? "warning" : "danger"));
+	let g = Math.min(1, Math.max(0, o / (s > 0 ? s : 1))), _ = Math.round(g * 100), v = e(d ?? (u ? g >= l.danger ? "danger" : g >= l.warning ? "warning" : "success" : g >= l.warning ? "success" : g >= l.danger ? "warning" : "danger"));
 	return /* @__PURE__ */ r("div", {
-		className: e("w-full", h),
+		className: t("w-full", h),
 		children: [c !== void 0 || f ? /* @__PURE__ */ r("div", {
 			className: "mb-1.5 flex items-center justify-between gap-3 text-sm",
 			children: [c === void 0 ? /* @__PURE__ */ n("span", {}) : /* @__PURE__ */ n("span", {
@@ -27,7 +27,7 @@ function o({ value: o, max: s = 100, label: c, thresholds: l = {
 				})]
 			}) : null]
 		}) : null, /* @__PURE__ */ n("div", {
-			className: e("w-full overflow-hidden rounded-full bg-bg-sunken", i[m]),
+			className: t("w-full overflow-hidden rounded-full bg-bg-sunken", i[m]),
 			role: "progressbar",
 			"aria-valuenow": o,
 			"aria-valuemin": 0,

package/dist/assethandler/components/charts/RadialGauge.js

@@ -1,41 +1,41 @@
-import { cn as e } from "../../utils/cn.js";
-import { ResponsiveContainer as t } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { PolarAngleAxis as n } from "../../../node_modules/recharts/es6/polar/PolarAngleAxis.js";
-import { RadialBar as r } from "../../../node_modules/recharts/es6/polar/RadialBar.js";
-import { RadialBarChart as i } from "../../../node_modules/recharts/es6/chart/RadialBarChart.js";
-import { chartTokens as a, toneColor as o, usePrefersReducedMotion as s } from "./chartTheme.js";
+import { chartTokens as e, toneColor as t, usePrefersReducedMotion as n } from "./chartTheme.js";
+import { cn as r } from "../../utils/cn.js";
+import { ResponsiveContainer as i } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { PolarAngleAxis as a } from "../../../node_modules/recharts/es6/polar/PolarAngleAxis.js";
+import { RadialBar as o } from "../../../node_modules/recharts/es6/polar/RadialBar.js";
+import { RadialBarChart as s } from "../../../node_modules/recharts/es6/chart/RadialBarChart.js";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/assethandler/components/charts/RadialGauge.tsx
 var u = (e, t, n) => Math.min(n, Math.max(t, e));
 function d({ value: d, min: f = 0, max: p = 100, label: m, sublabel: h, thresholds: g, higherIsBetter: _ = !0, tone: v, color: y, height: b = 200, format: x = (e) => Math.round(e).toString(), ariaLabel: S, className: C }) {
-	let w = s(), T = p - f || 1, E = u(d, f, p), D = g?.warning ?? (_ ? f + T * .8 : f + T * .5), O = g?.danger ?? (_ ? f + T * .5 : f + T * .8), k = y ?? o(v ?? (_ ? d >= D ? "success" : d >= O ? "warning" : "danger" : d <= D ? "success" : d <= O ? "warning" : "danger")), A = [{
+	let w = n(), T = p - f || 1, E = u(d, f, p), D = g?.warning ?? (_ ? f + T * .8 : f + T * .5), O = g?.danger ?? (_ ? f + T * .5 : f + T * .8), k = y ?? t(v ?? (_ ? d >= D ? "success" : d >= O ? "warning" : "danger" : d <= D ? "success" : d <= O ? "warning" : "danger")), A = [{
 		name: m ?? "value",
 		value: E
 	}];
 	return /* @__PURE__ */ l("figure", {
 		role: "img",
 		"aria-label": S ?? `${m ? `${m}: ` : ""}${x(d)}`,
-		className: e("relative w-full", C),
+		className: r("relative w-full", C),
 		style: { height: b },
-		children: [/* @__PURE__ */ c(t, {
+		children: [/* @__PURE__ */ c(i, {
 			width: "100%",
 			height: "100%",
-			children: /* @__PURE__ */ l(i, {
+			children: /* @__PURE__ */ l(s, {
 				data: A,
 				innerRadius: "72%",
 				outerRadius: "100%",
 				barSize: 14,
 				startAngle: 225,
 				endAngle: -45,
-				children: [/* @__PURE__ */ c(n, {
+				children: [/* @__PURE__ */ c(a, {
 					type: "number",
 					domain: [f, p],
 					angleAxisId: 0,
 					tick: !1
-				}), /* @__PURE__ */ c(r, {
+				}), /* @__PURE__ */ c(o, {
 					dataKey: "value",
 					angleAxisId: 0,
-					background: { fill: a.track },
+					background: { fill: e.track },
 					cornerRadius: 999,
 					fill: k,
 					isAnimationActive: !w

package/dist/assethandler/components/charts/Sparkline.js

@@ -1,23 +1,23 @@
-import { cn as e } from "../../utils/cn.js";
-import { ResponsiveContainer as t } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { ReferenceDot as n } from "../../../node_modules/recharts/es6/cartesian/ReferenceDot.js";
-import { Line as r } from "../../../node_modules/recharts/es6/cartesian/Line.js";
-import { Area as i } from "../../../node_modules/recharts/es6/cartesian/Area.js";
-import { XAxis as a } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as o } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { LineChart as s } from "../../../node_modules/recharts/es6/chart/LineChart.js";
-import { AreaChart as c } from "../../../node_modules/recharts/es6/chart/AreaChart.js";
-import { chartTokens as l, usePrefersReducedMotion as u } from "./chartTheme.js";
+import { chartTokens as e, usePrefersReducedMotion as t } from "./chartTheme.js";
+import { cn as n } from "../../utils/cn.js";
+import { ResponsiveContainer as r } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { ReferenceDot as i } from "../../../node_modules/recharts/es6/cartesian/ReferenceDot.js";
+import { Line as a } from "../../../node_modules/recharts/es6/cartesian/Line.js";
+import { Area as o } from "../../../node_modules/recharts/es6/cartesian/Area.js";
+import { XAxis as s } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as c } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { LineChart as l } from "../../../node_modules/recharts/es6/chart/LineChart.js";
+import { AreaChart as u } from "../../../node_modules/recharts/es6/chart/AreaChart.js";
 import { useId as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/assethandler/components/charts/Sparkline.tsx
-function m({ data: m, type: h = "area", color: g = l.brand, height: _ = 40, strokeWidth: v = 2, showEndDot: y = !0, className: b, ariaLabel: x }) {
-	let S = d(), C = u(), w = m.filter((e) => typeof e == "number" && Number.isFinite(e)).map((e, t) => ({
+function m({ data: m, type: h = "area", color: g = e.brand, height: _ = 40, strokeWidth: v = 2, showEndDot: y = !0, className: b, ariaLabel: x }) {
+	let S = d(), C = t(), w = m.filter((e) => typeof e == "number" && Number.isFinite(e)).map((e, t) => ({
 		i: t,
 		v: e
 	})), T = x === void 0;
 	if (w.length < 2) return /* @__PURE__ */ f("div", {
-		className: e("flex items-center", b),
+		className: n("flex items-center", b),
 		style: { height: _ },
 		"aria-hidden": T ? !0 : void 0,
 		"aria-label": T ? void 0 : x,
@@ -26,15 +26,15 @@ function m({ data: m, type: h = "area", color: g = l.brand, height: _ = 40, stro
 	});
 	let E = w.map((e) => e.v), D = Math.min(...E), O = Math.max(...E), k = (O - D || Math.abs(O) || 1) * .15, A = w[w.length - 1];
 	return /* @__PURE__ */ f("div", {
-		className: e("w-full", b),
+		className: n("w-full", b),
 		style: { height: _ },
 		role: T ? void 0 : "img",
 		"aria-hidden": T ? !0 : void 0,
 		"aria-label": T ? void 0 : x,
-		children: /* @__PURE__ */ f(t, {
+		children: /* @__PURE__ */ f(r, {
 			width: "100%",
 			height: "100%",
-			children: h === "area" ? /* @__PURE__ */ p(c, {
+			children: h === "area" ? /* @__PURE__ */ p(u, {
 				data: w,
 				margin: {
 					top: 4,
@@ -59,17 +59,17 @@ function m({ data: m, type: h = "area", color: g = l.brand, height: _ = 40, stro
 							stopOpacity: .02
 						})]
 					}) }),
-					/* @__PURE__ */ f(a, {
+					/* @__PURE__ */ f(s, {
 						dataKey: "i",
 						type: "number",
 						hide: !0,
 						domain: ["dataMin", "dataMax"]
 					}),
-					/* @__PURE__ */ f(o, {
+					/* @__PURE__ */ f(c, {
 						hide: !0,
 						domain: [D - k, O + k]
 					}),
-					/* @__PURE__ */ f(i, {
+					/* @__PURE__ */ f(o, {
 						type: "monotone",
 						dataKey: "v",
 						stroke: g,
@@ -79,17 +79,17 @@ function m({ data: m, type: h = "area", color: g = l.brand, height: _ = 40, stro
 						dot: !1,
 						activeDot: !1
 					}),
-					y ? /* @__PURE__ */ f(n, {
+					y ? /* @__PURE__ */ f(i, {
 						x: A.i,
 						y: A.v,
 						r: 3.5,
 						fill: g,
-						stroke: l.surface,
+						stroke: e.surface,
 						strokeWidth: 2,
 						isFront: !0
 					}) : null
 				]
-			}) : /* @__PURE__ */ p(s, {
+			}) : /* @__PURE__ */ p(l, {
 				data: w,
 				margin: {
 					top: 4,
@@ -98,17 +98,17 @@ function m({ data: m, type: h = "area", color: g = l.brand, height: _ = 40, stro
 					left: 6
 				},
 				children: [
-					/* @__PURE__ */ f(a, {
+					/* @__PURE__ */ f(s, {
 						dataKey: "i",
 						type: "number",
 						hide: !0,
 						domain: ["dataMin", "dataMax"]
 					}),
-					/* @__PURE__ */ f(o, {
+					/* @__PURE__ */ f(c, {
 						hide: !0,
 						domain: [D - k, O + k]
 					}),
-					/* @__PURE__ */ f(r, {
+					/* @__PURE__ */ f(a, {
 						type: "monotone",
 						dataKey: "v",
 						stroke: g,
@@ -117,12 +117,12 @@ function m({ data: m, type: h = "area", color: g = l.brand, height: _ = 40, stro
 						dot: !1,
 						activeDot: !1
 					}),
-					y ? /* @__PURE__ */ f(n, {
+					y ? /* @__PURE__ */ f(i, {
 						x: A.i,
 						y: A.v,
 						r: 3.5,
 						fill: g,
-						stroke: l.surface,
+						stroke: e.surface,
 						strokeWidth: 2,
 						isFront: !0
 					}) : null