@burdenoff/microfe-mybodyshield 2026.1028.1 → 2026.1101.2

package/dist/mybodyshield/pages/insights/InsightsCharts.js

@@ -1,24 +1,24 @@
-import { cn as e } from "../../utils/cn.js";
-import { formatDate as t, formatGrams as n, formatKcal as r, formatNumber as i, formatWeight as a } from "../../utils/formatters.js";
-import { useTr as o } from "../../hooks/useTr.js";
-import "../../hooks/index.js";
-import { IconChip as s, MACRO_HUE as c } from "../_shared/visuals.js";
-import { Legend as l } from "../../../node_modules/recharts/es6/component/Legend.js";
+import { ResponsiveContainer as e } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { ComposedChart as t } from "../../../node_modules/recharts/es6/chart/ComposedChart.js";
+import { useTr as n } from "../../hooks/useTr.js";
+import { BarChart as r } from "../../../node_modules/recharts/es6/chart/BarChart.js";
+import { Bar as i } from "../../../node_modules/recharts/es6/cartesian/Bar.js";
+import { Area as a } from "../../../node_modules/recharts/es6/cartesian/Area.js";
+import { Line as o } from "../../../node_modules/recharts/es6/cartesian/Line.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 { CartesianGrid as l } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
 import { Tooltip as u } from "../../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as d } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Bar as f } from "../../../node_modules/recharts/es6/cartesian/Bar.js";
-import { CartesianGrid as p } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { Line as m } from "../../../node_modules/recharts/es6/cartesian/Line.js";
-import { Area as h } from "../../../node_modules/recharts/es6/cartesian/Area.js";
-import { XAxis as g } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as _ } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { BarChart as v } from "../../../node_modules/recharts/es6/chart/BarChart.js";
-import { ComposedChart as y } from "../../../node_modules/recharts/es6/chart/ComposedChart.js";
+import { Legend as d } from "../../../node_modules/recharts/es6/component/Legend.js";
+import { cn as f } from "../../utils/cn.js";
+import { formatDate as p, formatGrams as m, formatKcal as h, formatNumber as g, formatWeight as _ } from "../../utils/formatters.js";
+import { IconChip as v, MACRO_HUE as y } from "../_shared/visuals.js";
+import "../../hooks/index.js";
 import { useMemo as b } from "react";
 import { Activity as x, Dumbbell as S, HeartPulse as C, Moon as w, Scale as T, Utensils as E } from "lucide-react";
 import { jsx as D, jsxs as O } from "react/jsx-runtime";
 import { GlassCard as k } from "@burdenoff/fe-libs/ui";
-//#region src/mybodyshield/pages/insights/InsightsCharts.tsx
+// src/mybodyshield/pages/insights/InsightsCharts.tsx
 var A = {
 	primary: "var(--color-action-primary-bg)",
 	secondary: "var(--color-accent-primary)",
@@ -44,7 +44,7 @@ var A = {
 };
 function P(e) {
 	return b(() => [...e].sort((e, t) => new Date(e.date).getTime() - new Date(t.date).getTime()).map((e) => ({
-		label: t(e.date),
+		label: p(e.date),
 		date: e.date,
 		sessions: e.sessions,
 		volumeKg: e.volumeKg,
@@ -66,41 +66,41 @@ function F({ message: e = "No data for the selected range" }) {
 		})]
 	});
 }
-function I({ title: t, icon: n, children: r, className: i }) {
+function I({ title: e, icon: t, children: n, className: r }) {
 	return /* @__PURE__ */ O(k, {
 		treatment: "plain",
-		className: e("overflow-hidden p-5", i),
+		className: f("overflow-hidden p-5", r),
 		children: [/* @__PURE__ */ O("div", {
 			className: "mb-4 flex items-center gap-2.5",
-			children: [n, /* @__PURE__ */ D("h3", {
+			children: [t, /* @__PURE__ */ D("h3", {
 				className: "text-sm font-semibold text-text-primary",
-				children: t
+				children: e
 			})]
-		}), r]
+		}), n]
 	});
 }
-function L({ daily: e }) {
-	let t = P(e), n = o();
-	return t.length === 0 ? /* @__PURE__ */ D(I, {
-		title: n("mybodyshield.pages.insights.volumeChartTitle", "Training volume"),
-		icon: /* @__PURE__ */ D(s, {
+function L({ daily: r }) {
+	let a = P(r), f = n();
+	return a.length === 0 ? /* @__PURE__ */ D(I, {
+		title: f("mybodyshield.pages.insights.volumeChartTitle", "Training volume"),
+		icon: /* @__PURE__ */ D(v, {
 			icon: /* @__PURE__ */ D(S, { className: "h-4 w-4" }),
 			tint: A.primary
 		}),
-		children: /* @__PURE__ */ D(F, { message: n("mybodyshield.pages.insights.volumeChartEmpty", "Log completed sessions to see volume trends.") })
+		children: /* @__PURE__ */ D(F, { message: f("mybodyshield.pages.insights.volumeChartEmpty", "Log completed sessions to see volume trends.") })
 	}) : /* @__PURE__ */ D(I, {
-		title: n("mybodyshield.pages.insights.volumeChartTitle", "Training volume"),
-		icon: /* @__PURE__ */ D(s, {
+		title: f("mybodyshield.pages.insights.volumeChartTitle", "Training volume"),
+		icon: /* @__PURE__ */ D(v, {
 			icon: /* @__PURE__ */ D(S, { className: "h-4 w-4" }),
 			tint: A.primary
 		}),
 		children: /* @__PURE__ */ D("div", {
 			className: "h-[260px] w-full",
-			children: /* @__PURE__ */ D(d, {
+			children: /* @__PURE__ */ D(e, {
 				width: "100%",
 				height: "100%",
-				children: /* @__PURE__ */ O(y, {
-					data: t,
+				children: /* @__PURE__ */ O(t, {
+					data: a,
 					margin: {
 						top: 4,
 						right: 16,
@@ -108,11 +108,11 @@ function L({ daily: e }) {
 						left: 4
 					},
 					children: [
-						/* @__PURE__ */ D(p, {
+						/* @__PURE__ */ D(l, {
 							...M,
 							vertical: !1
 						}),
-						/* @__PURE__ */ D(g, {
+						/* @__PURE__ */ D(s, {
 							dataKey: "label",
 							tickLine: !1,
 							axisLine: !1,
@@ -120,15 +120,15 @@ function L({ daily: e }) {
 							tickMargin: 8,
 							minTickGap: 24
 						}),
-						/* @__PURE__ */ D(_, {
+						/* @__PURE__ */ D(c, {
 							yAxisId: "left",
 							tickLine: !1,
 							axisLine: !1,
 							tick: N,
 							width: 52,
-							tickFormatter: (e) => a(Number(e))
+							tickFormatter: (e) => _(Number(e))
 						}),
-						/* @__PURE__ */ D(_, {
+						/* @__PURE__ */ D(c, {
 							yAxisId: "right",
 							orientation: "right",
 							tickLine: !1,
@@ -140,16 +140,16 @@ function L({ daily: e }) {
 						/* @__PURE__ */ D(u, {
 							contentStyle: j,
 							labelStyle: { color: "var(--color-text-tertiary)" },
-							formatter: (e, t, n) => n.dataKey === "volumeKg" ? [a(Number(e)), t] : [i(Number(e)), t]
+							formatter: (e, t, n) => n.dataKey === "volumeKg" ? [_(Number(e)), t] : [g(Number(e)), t]
 						}),
-						/* @__PURE__ */ D(l, { wrapperStyle: {
+						/* @__PURE__ */ D(d, { wrapperStyle: {
 							fontSize: 12,
 							paddingTop: 8
 						} }),
-						/* @__PURE__ */ D(f, {
+						/* @__PURE__ */ D(i, {
 							yAxisId: "left",
 							dataKey: "volumeKg",
-							name: n("mybodyshield.common.volume", "Volume"),
+							name: f("mybodyshield.common.volume", "Volume"),
 							fill: A.primary,
 							radius: [
 								4,
@@ -159,11 +159,11 @@ function L({ daily: e }) {
 							],
 							opacity: .85
 						}),
-						/* @__PURE__ */ D(m, {
+						/* @__PURE__ */ D(o, {
 							yAxisId: "right",
 							type: "monotone",
 							dataKey: "sessions",
-							name: n("mybodyshield.common.sessions", "Sessions"),
+							name: f("mybodyshield.common.sessions", "Sessions"),
 							stroke: A.secondary,
 							strokeWidth: 2.5,
 							dot: !1,
@@ -179,21 +179,21 @@ function L({ daily: e }) {
 		})
 	});
 }
-function R({ daily: e }) {
-	let t = P(e), n = o();
-	return t.some((e) => e.readiness != null || e.sleepHours != null) ? /* @__PURE__ */ D(I, {
-		title: n("mybodyshield.pages.insights.readinessSleepChartTitle", "Recovery & sleep"),
-		icon: /* @__PURE__ */ D(s, {
+function R({ daily: r }) {
+	let i = P(r), f = n();
+	return i.some((e) => e.readiness != null || e.sleepHours != null) ? /* @__PURE__ */ D(I, {
+		title: f("mybodyshield.pages.insights.readinessSleepChartTitle", "Recovery & sleep"),
+		icon: /* @__PURE__ */ D(v, {
 			icon: /* @__PURE__ */ D(C, { className: "h-4 w-4" }),
 			tint: A.success
 		}),
 		children: /* @__PURE__ */ D("div", {
 			className: "h-[260px] w-full",
-			children: /* @__PURE__ */ D(d, {
+			children: /* @__PURE__ */ D(e, {
 				width: "100%",
 				height: "100%",
-				children: /* @__PURE__ */ O(y, {
-					data: t,
+				children: /* @__PURE__ */ O(t, {
+					data: i,
 					margin: {
 						top: 4,
 						right: 16,
@@ -201,11 +201,11 @@ function R({ daily: e }) {
 						left: 4
 					},
 					children: [
-						/* @__PURE__ */ D(p, {
+						/* @__PURE__ */ D(l, {
 							...M,
 							vertical: !1
 						}),
-						/* @__PURE__ */ D(g, {
+						/* @__PURE__ */ D(s, {
 							dataKey: "label",
 							tickLine: !1,
 							axisLine: !1,
@@ -213,39 +213,39 @@ function R({ daily: e }) {
 							tickMargin: 8,
 							minTickGap: 24
 						}),
-						/* @__PURE__ */ D(_, {
+						/* @__PURE__ */ D(c, {
 							yAxisId: "left",
 							tickLine: !1,
 							axisLine: !1,
 							tick: N,
 							width: 36,
 							domain: [0, 100],
-							hide: !t.some((e) => e.readiness != null)
+							hide: !i.some((e) => e.readiness != null)
 						}),
-						/* @__PURE__ */ D(_, {
+						/* @__PURE__ */ D(c, {
 							yAxisId: "right",
 							orientation: "right",
 							tickLine: !1,
 							axisLine: !1,
 							tick: N,
 							width: 44,
-							tickFormatter: (e) => `${i(Number(e))} h`,
-							hide: !t.some((e) => e.sleepHours != null)
+							tickFormatter: (e) => `${g(Number(e))} h`,
+							hide: !i.some((e) => e.sleepHours != null)
 						}),
 						/* @__PURE__ */ D(u, {
 							contentStyle: j,
 							labelStyle: { color: "var(--color-text-tertiary)" },
-							formatter: (e, t, n) => n.dataKey === "readiness" ? [i(Number(e)), t] : [`${i(Number(e))} h`, t]
+							formatter: (e, t, n) => n.dataKey === "readiness" ? [g(Number(e)), t] : [`${g(Number(e))} h`, t]
 						}),
-						/* @__PURE__ */ D(l, { wrapperStyle: {
+						/* @__PURE__ */ D(d, { wrapperStyle: {
 							fontSize: 12,
 							paddingTop: 8
 						} }),
-						/* @__PURE__ */ D(h, {
+						/* @__PURE__ */ D(a, {
 							yAxisId: "right",
 							type: "monotone",
 							dataKey: "sleepHours",
-							name: n("mybodyshield.common.sleep", "Sleep"),
+							name: f("mybodyshield.common.sleep", "Sleep"),
 							stroke: A.secondary,
 							strokeWidth: 2,
 							fill: A.secondary,
@@ -258,11 +258,11 @@ function R({ daily: e }) {
 							},
 							connectNulls: !0
 						}),
-						/* @__PURE__ */ D(m, {
+						/* @__PURE__ */ D(o, {
 							yAxisId: "left",
 							type: "monotone",
 							dataKey: "readiness",
-							name: n("mybodyshield.common.readiness", "Readiness"),
+							name: f("mybodyshield.common.readiness", "Readiness"),
 							stroke: A.success,
 							strokeWidth: 2.5,
 							dot: !1,
@@ -278,36 +278,36 @@ function R({ daily: e }) {
 			})
 		})
 	}) : /* @__PURE__ */ D(I, {
-		title: n("mybodyshield.pages.insights.readinessSleepChartTitle", "Recovery & sleep"),
-		icon: /* @__PURE__ */ D(s, {
+		title: f("mybodyshield.pages.insights.readinessSleepChartTitle", "Recovery & sleep"),
+		icon: /* @__PURE__ */ D(v, {
 			icon: /* @__PURE__ */ D(C, { className: "h-4 w-4" }),
 			tint: A.success
 		}),
-		children: /* @__PURE__ */ D(F, { message: n("mybodyshield.pages.insights.readinessSleepChartEmpty", "Log recovery entries to see readiness and sleep trends.") })
+		children: /* @__PURE__ */ D(F, { message: f("mybodyshield.pages.insights.readinessSleepChartEmpty", "Log recovery entries to see readiness and sleep trends.") })
 	});
 }
-function z({ daily: e }) {
-	let t = P(e), r = o();
-	return t.length === 0 ? /* @__PURE__ */ D(I, {
-		title: r("mybodyshield.pages.insights.macroChartTitle", "Macro adherence"),
-		icon: /* @__PURE__ */ D(s, {
+function z({ daily: t }) {
+	let a = P(t), o = n();
+	return a.length === 0 ? /* @__PURE__ */ D(I, {
+		title: o("mybodyshield.pages.insights.macroChartTitle", "Macro adherence"),
+		icon: /* @__PURE__ */ D(v, {
 			icon: /* @__PURE__ */ D(E, { className: "h-4 w-4" }),
 			tint: A.warning
 		}),
-		children: /* @__PURE__ */ D(F, { message: r("mybodyshield.pages.insights.macroChartEmpty", "Log meals to see macro trends.") })
+		children: /* @__PURE__ */ D(F, { message: o("mybodyshield.pages.insights.macroChartEmpty", "Log meals to see macro trends.") })
 	}) : /* @__PURE__ */ D(I, {
-		title: r("mybodyshield.pages.insights.macroChartTitle", "Macro adherence"),
-		icon: /* @__PURE__ */ D(s, {
+		title: o("mybodyshield.pages.insights.macroChartTitle", "Macro adherence"),
+		icon: /* @__PURE__ */ D(v, {
 			icon: /* @__PURE__ */ D(E, { className: "h-4 w-4" }),
 			tint: A.warning
 		}),
 		children: /* @__PURE__ */ D("div", {
 			className: "h-[260px] w-full",
-			children: /* @__PURE__ */ D(d, {
+			children: /* @__PURE__ */ D(e, {
 				width: "100%",
 				height: "100%",
-				children: /* @__PURE__ */ O(v, {
-					data: t,
+				children: /* @__PURE__ */ O(r, {
+					data: a,
 					margin: {
 						top: 4,
 						right: 16,
@@ -315,11 +315,11 @@ function z({ daily: e }) {
 						left: 4
 					},
 					children: [
-						/* @__PURE__ */ D(p, {
+						/* @__PURE__ */ D(l, {
 							...M,
 							vertical: !1
 						}),
-						/* @__PURE__ */ D(g, {
+						/* @__PURE__ */ D(s, {
 							dataKey: "label",
 							tickLine: !1,
 							axisLine: !1,
@@ -327,39 +327,39 @@ function z({ daily: e }) {
 							tickMargin: 8,
 							minTickGap: 24
 						}),
-						/* @__PURE__ */ D(_, {
+						/* @__PURE__ */ D(c, {
 							tickLine: !1,
 							axisLine: !1,
 							tick: N,
 							width: 44,
-							tickFormatter: (e) => n(Number(e))
+							tickFormatter: (e) => m(Number(e))
 						}),
 						/* @__PURE__ */ D(u, {
 							contentStyle: j,
 							labelStyle: { color: "var(--color-text-tertiary)" },
-							formatter: (e, t) => [n(Number(e)), t]
+							formatter: (e, t) => [m(Number(e)), t]
 						}),
-						/* @__PURE__ */ D(l, { wrapperStyle: {
+						/* @__PURE__ */ D(d, { wrapperStyle: {
 							fontSize: 12,
 							paddingTop: 8
 						} }),
-						/* @__PURE__ */ D(f, {
+						/* @__PURE__ */ D(i, {
 							dataKey: "proteinG",
-							name: r("mybodyshield.common.protein", "Protein"),
+							name: o("mybodyshield.common.protein", "Protein"),
 							stackId: "macros",
-							fill: c.protein
+							fill: y.protein
 						}),
-						/* @__PURE__ */ D(f, {
+						/* @__PURE__ */ D(i, {
 							dataKey: "carbsG",
-							name: r("mybodyshield.common.carbs", "Carbs"),
+							name: o("mybodyshield.common.carbs", "Carbs"),
 							stackId: "macros",
-							fill: c.carbs
+							fill: y.carbs
 						}),
-						/* @__PURE__ */ D(f, {
+						/* @__PURE__ */ D(i, {
 							dataKey: "fatG",
-							name: r("mybodyshield.common.fat", "Fat"),
+							name: o("mybodyshield.common.fat", "Fat"),
 							stackId: "macros",
-							fill: c.fat
+							fill: y.fat
 						})
 					]
 				})
@@ -367,28 +367,28 @@ function z({ daily: e }) {
 		})
 	});
 }
-function B({ daily: e }) {
-	let t = P(e), n = o();
-	return t.length === 0 ? /* @__PURE__ */ D(I, {
-		title: n("mybodyshield.pages.insights.calorieChartTitle", "Calorie trend"),
-		icon: /* @__PURE__ */ D(s, {
+function B({ daily: r }) {
+	let i = P(r), o = n();
+	return i.length === 0 ? /* @__PURE__ */ D(I, {
+		title: o("mybodyshield.pages.insights.calorieChartTitle", "Calorie trend"),
+		icon: /* @__PURE__ */ D(v, {
 			icon: /* @__PURE__ */ D(T, { className: "h-4 w-4" }),
 			tint: A.chart1
 		}),
-		children: /* @__PURE__ */ D(F, { message: n("mybodyshield.pages.insights.calorieChartEmpty", "Log meals to see calorie trends.") })
+		children: /* @__PURE__ */ D(F, { message: o("mybodyshield.pages.insights.calorieChartEmpty", "Log meals to see calorie trends.") })
 	}) : /* @__PURE__ */ D(I, {
-		title: n("mybodyshield.pages.insights.calorieChartTitle", "Calorie trend"),
-		icon: /* @__PURE__ */ D(s, {
+		title: o("mybodyshield.pages.insights.calorieChartTitle", "Calorie trend"),
+		icon: /* @__PURE__ */ D(v, {
 			icon: /* @__PURE__ */ D(T, { className: "h-4 w-4" }),
 			tint: A.chart1
 		}),
 		children: /* @__PURE__ */ D("div", {
 			className: "h-[260px] w-full",
-			children: /* @__PURE__ */ D(d, {
+			children: /* @__PURE__ */ D(e, {
 				width: "100%",
 				height: "100%",
-				children: /* @__PURE__ */ O(y, {
-					data: t,
+				children: /* @__PURE__ */ O(t, {
+					data: i,
 					margin: {
 						top: 4,
 						right: 16,
@@ -396,11 +396,11 @@ function B({ daily: e }) {
 						left: 4
 					},
 					children: [
-						/* @__PURE__ */ D(p, {
+						/* @__PURE__ */ D(l, {
 							...M,
 							vertical: !1
 						}),
-						/* @__PURE__ */ D(g, {
+						/* @__PURE__ */ D(s, {
 							dataKey: "label",
 							tickLine: !1,
 							axisLine: !1,
@@ -408,22 +408,22 @@ function B({ daily: e }) {
 							tickMargin: 8,
 							minTickGap: 24
 						}),
-						/* @__PURE__ */ D(_, {
+						/* @__PURE__ */ D(c, {
 							tickLine: !1,
 							axisLine: !1,
 							tick: N,
 							width: 52,
-							tickFormatter: (e) => r(Number(e))
+							tickFormatter: (e) => h(Number(e))
 						}),
 						/* @__PURE__ */ D(u, {
 							contentStyle: j,
 							labelStyle: { color: "var(--color-text-tertiary)" },
-							formatter: (e, t) => [r(Number(e)), t]
+							formatter: (e, t) => [h(Number(e)), t]
 						}),
-						/* @__PURE__ */ D(h, {
+						/* @__PURE__ */ D(a, {
 							type: "monotone",
 							dataKey: "calories",
-							name: n("mybodyshield.common.calories", "Calories"),
+							name: o("mybodyshield.common.calories", "Calories"),
 							stroke: A.chart1,
 							strokeWidth: 2,
 							fill: A.chart1,
@@ -486,13 +486,13 @@ function W(e) {
 	return e > 0 ? "var(--color-status-success-text)" : e < 0 ? "var(--color-status-error-text)" : "var(--color-text-tertiary)";
 }
 function G({ daily: e }) {
-	let t = o(), n = H(e).filter((e) => e.r != null);
-	return n.length === 0 ? /* @__PURE__ */ O(k, {
+	let t = n(), r = H(e).filter((e) => e.r != null);
+	return r.length === 0 ? /* @__PURE__ */ O(k, {
 		treatment: "plain",
 		className: "p-6",
 		children: [/* @__PURE__ */ O("div", {
 			className: "flex items-center gap-2.5",
-			children: [/* @__PURE__ */ D(s, {
+			children: [/* @__PURE__ */ D(v, {
 				icon: /* @__PURE__ */ D(w, { className: "h-4 w-4" }),
 				tint: A.secondary
 			}), /* @__PURE__ */ D("h3", {
@@ -510,7 +510,7 @@ function G({ daily: e }) {
 			className: "border-b border-border-seam px-5 py-4",
 			children: [/* @__PURE__ */ O("div", {
 				className: "flex items-center gap-2.5",
-				children: [/* @__PURE__ */ D(s, {
+				children: [/* @__PURE__ */ D(v, {
 					icon: /* @__PURE__ */ D(w, { className: "h-4 w-4" }),
 					tint: A.secondary
 				}), /* @__PURE__ */ D("h3", {
@@ -523,7 +523,7 @@ function G({ daily: e }) {
 			})]
 		}), /* @__PURE__ */ D("div", {
 			className: "divide-y divide-border-seam/60",
-			children: n.map((e) => /* @__PURE__ */ O("div", {
+			children: r.map((e) => /* @__PURE__ */ O("div", {
 				className: "flex items-center justify-between px-5 py-3",
 				children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 					className: "text-sm font-medium text-text-primary",
@@ -546,7 +546,6 @@ function G({ daily: e }) {
 		})]
 	});
 }
-//#endregion
 export { B as CalorieChart, G as CorrelationView, z as MacroChart, R as ReadinessSleepChart, L as VolumeChart };
 
 //# sourceMappingURL=InsightsCharts.js.map