@burdenoff/microfe-mybodyshield 2026.705.2 → 2026.706.1

package/dist/mybodyshield/pages/goals/GoalsPage.js

@@ -1,23 +1,25 @@
-import { PageLayout as e } from "../../components/PageLayout.js";
-import { MetricsCard as t } from "../../components/MetricsCard.js";
-import { formatDate as n, formatEnumLabel as r, formatNumber as i, formatPercent as a, formatRelativeTime as o } from "../../utils/formatters.js";
-import { StatusBadge as s } from "../../components/StatusBadge.js";
-import { MiniBar as c } from "../../components/MiniBar.js";
-import { ErrorView as l, LoadingView as u } from "../../components/StateViews.js";
-import { EmptyState as d } from "../../components/EmptyState.js";
-import { GOAL_TYPE_META as f, IconChip as p, Meter as m, computeGoalProgress as h } from "../_shared/visuals.js";
-import { useMybAchieveGoal as g, useMybCreateGoal as _, useMybGoals as v, useMybUpdateGoal as y } from "../../hooks/useMyBodyShieldApi.js";
-import { useOffsetPager as b } from "../../hooks/usePager.js";
+import { motion as e } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as t } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { MetricsCard as r } from "../../components/MetricsCard.js";
+import { formatDate as i, formatEnumLabel as a, formatNumber as o, formatPercent as s, formatRelativeTime as c } from "../../utils/formatters.js";
+import { StatusBadge as l } from "../../components/StatusBadge.js";
+import { MiniBar as u } from "../../components/MiniBar.js";
+import { ErrorView as d, LoadingView as f } from "../../components/StateViews.js";
+import { EmptyState as p } from "../../components/EmptyState.js";
+import { GOAL_TYPE_META as m, IconChip as h, Meter as g, computeGoalProgress as _ } from "../_shared/visuals.js";
+import { useMybAchieveGoal as v, useMybCreateGoal as y, useMybGoals as b, useMybUpdateGoal as x } from "../../hooks/useMyBodyShieldApi.js";
+import { useOffsetPager as ee } from "../../hooks/usePager.js";
 import "../../hooks/index.js";
-import { FilterTabs as ee } from "../../components/FilterTabs.js";
-import { Pagination as te } from "../../components/Pagination.js";
+import { FilterTabs as S } from "../../components/FilterTabs.js";
+import { Pagination as C } from "../../components/Pagination.js";
 import "../../components/index.js";
-import { useMemo as x, useState as S } from "react";
-import { CalendarClock as C, CheckCircle2 as w, Plus as T, Target as E, TrendingUp as D, Trophy as O } from "lucide-react";
-import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
-import { Button as M, GlassCard as N, Input as P, Label as F, ResponsiveDialog as I, ResponsiveDialogContent as L, ResponsiveDialogDescription as R, ResponsiveDialogFooter as z, ResponsiveDialogHeader as B, ResponsiveDialogTitle as V, Select as H, SelectContent as U, SelectItem as W, SelectTrigger as G, SelectValue as K, Textarea as q } from "@burdenoff/fe-libs/ui";
+import { useMemo as te, useState as w } from "react";
+import { CalendarClock as T, CheckCircle2 as E, Plus as D, Target as O, TrendingUp as k, Trophy as ne } from "lucide-react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { Button as N, GlassCard as P, Input as F, Label as I, ResponsiveDialog as L, ResponsiveDialogContent as R, ResponsiveDialogDescription as z, ResponsiveDialogFooter as B, ResponsiveDialogHeader as V, ResponsiveDialogTitle as H, Select as U, SelectContent as W, SelectItem as G, SelectTrigger as K, SelectValue as q, Textarea as J } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/goals/GoalsPage.tsx
-var J = 12, Y = 100, X = [
+var Y = 12, X = 100, re = [
 	{
 		value: "ALL",
 		label: "All"
@@ -30,7 +32,7 @@ var J = 12, Y = 100, X = [
 		value: "ACHIEVED",
 		label: "Achieved"
 	}
-], Z = [
+], ie = [
 	"WEIGHT_LOSS",
 	"MUSCLE_GAIN",
 	"STRENGTH",
@@ -38,13 +40,13 @@ var J = 12, Y = 100, X = [
 	"MOBILITY",
 	"GENERAL_FITNESS"
 ];
-function Q(e) {
+function Z(e) {
 	let t = e.trim();
 	if (t === "") return;
 	let n = Number(t);
 	return Number.isFinite(n) ? n : void 0;
 }
-var $ = {
+var Q = {
 	title: "",
 	type: "GENERAL_FITNESS",
 	baselineValue: "",
@@ -53,125 +55,125 @@ var $ = {
 	targetDate: "",
 	description: ""
 };
-function ne({ open: e, onOpenChange: t }) {
-	let n = _(), [i, a] = S($), [o, s] = S(null), c = (e) => {
-		e || (a($), s(null)), t(e);
+function ae({ open: e, onOpenChange: t }) {
+	let n = y(), [r, i] = w(Q), [o, s] = w(null), c = (e) => {
+		e || (i(Q), s(null)), t(e);
 	}, l = async () => {
-		let e = i.title.trim();
+		let e = r.title.trim();
 		if (!e) {
 			s("Goal title is required.");
 			return;
 		}
 		s(null);
-		let r = {
+		let a = {
 			title: e,
-			type: i.type,
-			description: i.description.trim() || void 0,
-			baselineValue: Q(i.baselineValue),
-			targetValue: Q(i.targetValue),
-			unit: i.unit.trim() || void 0,
-			targetDate: i.targetDate ? new Date(i.targetDate).toISOString() : void 0
+			type: r.type,
+			description: r.description.trim() || void 0,
+			baselineValue: Z(r.baselineValue),
+			targetValue: Z(r.targetValue),
+			unit: r.unit.trim() || void 0,
+			targetDate: r.targetDate ? new Date(r.targetDate).toISOString() : void 0
 		};
 		try {
-			await n.mutateAsync(r), a($), t(!1);
+			await n.mutateAsync(a), i(Q), t(!1);
 		} catch (e) {
 			s(e instanceof Error ? e.message : "Failed to create goal.");
 		}
 	};
-	return /* @__PURE__ */ A(I, {
+	return /* @__PURE__ */ j(L, {
 		open: e,
 		onOpenChange: c,
-		children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ j(B, { children: [/* @__PURE__ */ A(V, { children: "New goal" }), /* @__PURE__ */ A(R, { children: "Set a target across training, nutrition or body composition and track it to completion." })] }), /* @__PURE__ */ j("form", {
+		children: /* @__PURE__ */ M(R, { children: [/* @__PURE__ */ M(V, { children: [/* @__PURE__ */ j(H, { children: "New goal" }), /* @__PURE__ */ j(z, { children: "Set a target across training, nutrition or body composition and track it to completion." })] }), /* @__PURE__ */ M("form", {
 			className: "space-y-4",
 			onSubmit: (e) => {
 				e.preventDefault(), l();
 			},
 			children: [
-				o && /* @__PURE__ */ A("p", {
+				o && /* @__PURE__ */ j("p", {
 					className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
 					children: o
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ A(F, {
+					children: [/* @__PURE__ */ j(I, {
 						htmlFor: "myb-goal-title",
 						children: "Title"
-					}), /* @__PURE__ */ A(P, {
+					}), /* @__PURE__ */ j(F, {
 						id: "myb-goal-title",
-						value: i.title,
-						onChange: (e) => a((t) => ({
+						value: r.title,
+						onChange: (e) => i((t) => ({
 							...t,
 							title: e.target.value
 						})),
 						placeholder: "e.g., Squat 140 kg"
 					})]
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ A(F, {
+					children: [/* @__PURE__ */ j(I, {
 						htmlFor: "myb-goal-type",
 						children: "Type"
-					}), /* @__PURE__ */ j(H, {
-						value: i.type,
-						onValueChange: (e) => a((t) => ({
+					}), /* @__PURE__ */ M(U, {
+						value: r.type,
+						onValueChange: (e) => i((t) => ({
 							...t,
 							type: e
 						})),
-						children: [/* @__PURE__ */ A(G, {
+						children: [/* @__PURE__ */ j(K, {
 							id: "myb-goal-type",
-							children: /* @__PURE__ */ A(K, { placeholder: "Select a goal type" })
-						}), /* @__PURE__ */ A(U, { children: Z.map((e) => /* @__PURE__ */ A(W, {
+							children: /* @__PURE__ */ j(q, { placeholder: "Select a goal type" })
+						}), /* @__PURE__ */ j(W, { children: ie.map((e) => /* @__PURE__ */ j(G, {
 							value: e,
-							children: r(e)
+							children: a(e)
 						}, e)) })]
 					})]
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ M("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ A(F, {
+							children: [/* @__PURE__ */ j(I, {
 								htmlFor: "myb-goal-baseline",
 								children: "Baseline"
-							}), /* @__PURE__ */ A(P, {
+							}), /* @__PURE__ */ j(F, {
 								id: "myb-goal-baseline",
 								type: "number",
 								inputMode: "decimal",
-								value: i.baselineValue,
-								onChange: (e) => a((t) => ({
+								value: r.baselineValue,
+								onChange: (e) => i((t) => ({
 									...t,
 									baselineValue: e.target.value
 								})),
 								placeholder: "0"
 							})]
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ M("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ A(F, {
+							children: [/* @__PURE__ */ j(I, {
 								htmlFor: "myb-goal-target",
 								children: "Target"
-							}), /* @__PURE__ */ A(P, {
+							}), /* @__PURE__ */ j(F, {
 								id: "myb-goal-target",
 								type: "number",
 								inputMode: "decimal",
-								value: i.targetValue,
-								onChange: (e) => a((t) => ({
+								value: r.targetValue,
+								onChange: (e) => i((t) => ({
 									...t,
 									targetValue: e.target.value
 								})),
 								placeholder: "100"
 							})]
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ M("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ A(F, {
+							children: [/* @__PURE__ */ j(I, {
 								htmlFor: "myb-goal-unit",
 								children: "Unit"
-							}), /* @__PURE__ */ A(P, {
+							}), /* @__PURE__ */ j(F, {
 								id: "myb-goal-unit",
-								value: i.unit,
-								onChange: (e) => a((t) => ({
+								value: r.unit,
+								onChange: (e) => i((t) => ({
 									...t,
 									unit: e.target.value
 								})),
@@ -180,44 +182,44 @@ function ne({ open: e, onOpenChange: t }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ A(F, {
+					children: [/* @__PURE__ */ j(I, {
 						htmlFor: "myb-goal-date",
 						children: "Target date"
-					}), /* @__PURE__ */ A(P, {
+					}), /* @__PURE__ */ j(F, {
 						id: "myb-goal-date",
 						type: "date",
-						value: i.targetDate,
-						onChange: (e) => a((t) => ({
+						value: r.targetDate,
+						onChange: (e) => i((t) => ({
 							...t,
 							targetDate: e.target.value
 						}))
 					})]
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ A(F, {
+					children: [/* @__PURE__ */ j(I, {
 						htmlFor: "myb-goal-desc",
 						children: "Description"
-					}), /* @__PURE__ */ A(q, {
+					}), /* @__PURE__ */ j(J, {
 						id: "myb-goal-desc",
 						rows: 3,
-						value: i.description,
-						onChange: (e) => a((t) => ({
+						value: r.description,
+						onChange: (e) => i((t) => ({
 							...t,
 							description: e.target.value
 						})),
 						placeholder: "Why this goal matters and how you'll get there."
 					})]
 				}),
-				/* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(M, {
+				/* @__PURE__ */ M(B, { children: [/* @__PURE__ */ j(N, {
 					type: "button",
 					variant: "outline",
 					onClick: () => c(!1),
 					disabled: n.isPending,
 					children: "Cancel"
-				}), /* @__PURE__ */ A(M, {
+				}), /* @__PURE__ */ j(N, {
 					type: "submit",
 					disabled: n.isPending,
 					children: n.isPending ? "Creating…" : "Create goal"
@@ -226,12 +228,12 @@ function ne({ open: e, onOpenChange: t }) {
 		})] })
 	});
 }
-function re({ goal: e, onOpenChange: t }) {
-	let n = y(), [r, a] = S(""), [o, s] = S(null), [c, l] = S(null);
-	e && e.id !== c && (l(e.id), a(String(e.currentValue)), s(null));
+function oe({ goal: e, onOpenChange: t }) {
+	let n = x(), [r, i] = w(""), [a, s] = w(null), [c, l] = w(null);
+	e && e.id !== c && (l(e.id), i(String(e.currentValue)), s(null));
 	let u = async () => {
 		if (!e) return;
-		let i = Q(r);
+		let i = Z(r);
 		if (i === void 0) {
 			s("Enter a valid number.");
 			return;
@@ -246,52 +248,52 @@ function re({ goal: e, onOpenChange: t }) {
 			s(e instanceof Error ? e.message : "Failed to update progress.");
 		}
 	};
-	return /* @__PURE__ */ A(I, {
+	return /* @__PURE__ */ j(L, {
 		open: e != null,
 		onOpenChange: t,
-		children: /* @__PURE__ */ j(L, { children: [/* @__PURE__ */ j(B, { children: [/* @__PURE__ */ A(V, { children: "Update progress" }), /* @__PURE__ */ A(R, { children: e ? e.title : "Log your latest value for this goal." })] }), /* @__PURE__ */ j("form", {
+		children: /* @__PURE__ */ M(R, { children: [/* @__PURE__ */ M(V, { children: [/* @__PURE__ */ j(H, { children: "Update progress" }), /* @__PURE__ */ j(z, { children: e ? e.title : "Log your latest value for this goal." })] }), /* @__PURE__ */ M("form", {
 			className: "space-y-4",
 			onSubmit: (e) => {
 				e.preventDefault(), u();
 			},
 			children: [
-				o && /* @__PURE__ */ A("p", {
+				a && /* @__PURE__ */ j("p", {
 					className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-					children: o
+					children: a
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ M("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ j(F, {
+						/* @__PURE__ */ M(I, {
 							htmlFor: "myb-goal-current",
 							children: ["Current value", e?.unit ? ` (${e.unit})` : ""]
 						}),
-						/* @__PURE__ */ A(P, {
+						/* @__PURE__ */ j(F, {
 							id: "myb-goal-current",
 							type: "number",
 							inputMode: "decimal",
 							autoFocus: !0,
 							value: r,
-							onChange: (e) => a(e.target.value),
+							onChange: (e) => i(e.target.value),
 							placeholder: "0"
 						}),
-						e && /* @__PURE__ */ j("p", {
+						e && /* @__PURE__ */ M("p", {
 							className: "text-xs text-text-tertiary",
 							children: [
 								"Target: ",
-								i(e.targetValue),
+								o(e.targetValue),
 								e.unit ? ` ${e.unit}` : ""
 							]
 						})
 					]
 				}),
-				/* @__PURE__ */ j(z, { children: [/* @__PURE__ */ A(M, {
+				/* @__PURE__ */ M(B, { children: [/* @__PURE__ */ j(N, {
 					type: "button",
 					variant: "outline",
 					onClick: () => t(!1),
 					disabled: n.isPending,
 					children: "Cancel"
-				}), /* @__PURE__ */ A(M, {
+				}), /* @__PURE__ */ j(N, {
 					type: "submit",
 					disabled: n.isPending,
 					children: n.isPending ? "Saving…" : "Save progress"
@@ -300,211 +302,264 @@ function re({ goal: e, onOpenChange: t }) {
 		})] })
 	});
 }
-function ie({ goal: e, onUpdateProgress: t, onAchieve: c, isAchieving: l }) {
-	let u = f[e.type], d = u.icon, g = h(e), _ = e.unit ? ` ${e.unit}` : "";
-	return /* @__PURE__ */ j(N, {
-		treatment: "glass",
-		className: "flex flex-col gap-3 p-5",
-		children: [
-			/* @__PURE__ */ j("div", {
-				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ j("div", {
-					className: "flex min-w-0 items-start gap-3",
-					children: [/* @__PURE__ */ A(p, {
-						icon: /* @__PURE__ */ A(d, { className: "h-4 w-4" }),
-						tint: u.tint
-					}), /* @__PURE__ */ j("div", {
-						className: "min-w-0",
-						children: [/* @__PURE__ */ A("p", {
-							className: "truncate text-sm font-semibold text-text-primary",
-							children: e.title
-						}), /* @__PURE__ */ A("span", {
-							className: "mt-1 inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
-							children: r(e.type)
+var se = [
+	.22,
+	1,
+	.36,
+	1
+], $ = ({ index: n = 0, hover: r = !1, className: i, children: a }) => {
+	let o = t();
+	return /* @__PURE__ */ j(e.div, {
+		className: i,
+		initial: o ? !1 : {
+			opacity: 0,
+			y: 12
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		transition: o ? { duration: 0 } : {
+			duration: .35,
+			delay: Math.min(n * .05, .45),
+			ease: se
+		},
+		whileHover: o || !r ? void 0 : { y: -4 },
+		children: a
+	});
+};
+function ce({ goal: e, index: t, onUpdateProgress: n, onAchieve: r, isAchieving: u }) {
+	let d = m[e.type], f = d.icon, p = _(e), v = e.unit ? ` ${e.unit}` : "", y = e.status === "ACHIEVED";
+	return /* @__PURE__ */ j($, {
+		index: t,
+		hover: !0,
+		className: "h-full",
+		children: /* @__PURE__ */ M(P, {
+			treatment: "glass",
+			glow: y,
+			className: "flex h-full flex-col gap-3.5 p-5 transition-shadow hover:shadow-[var(--shadow-pop-hover)]",
+			children: [
+				/* @__PURE__ */ M("div", {
+					className: "flex items-start justify-between gap-3",
+					children: [/* @__PURE__ */ M("div", {
+						className: "flex min-w-0 items-start gap-3",
+						children: [/* @__PURE__ */ j(h, {
+							icon: /* @__PURE__ */ j(f, { className: "h-4 w-4" }),
+							tint: d.tint
+						}), /* @__PURE__ */ M("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ j("p", {
+								className: "truncate text-sm font-semibold text-text-primary",
+								children: e.title
+							}), /* @__PURE__ */ j("span", {
+								className: "mt-1 inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
+								children: a(e.type)
+							})]
+						})]
+					}), /* @__PURE__ */ j(l, { status: e.status })]
+				}),
+				e.description && /* @__PURE__ */ j("p", {
+					className: "line-clamp-2 text-xs text-text-secondary",
+					children: e.description
+				}),
+				/* @__PURE__ */ M("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ M("div", {
+						className: "flex items-end justify-between gap-2",
+						children: [/* @__PURE__ */ M("span", {
+							className: "tabular-nums text-sm text-text-secondary",
+							children: [/* @__PURE__ */ M("span", {
+								className: "font-semibold text-text-primary",
+								children: [o(e.currentValue), v]
+							}), /* @__PURE__ */ M("span", {
+								className: "text-text-tertiary",
+								children: [
+									" ",
+									"/ ",
+									o(e.targetValue),
+									v
+								]
+							})]
+						}), /* @__PURE__ */ j("span", {
+							className: "text-lg font-bold leading-none tabular-nums text-action-primary-bg",
+							children: s(p)
 						})]
+					}), /* @__PURE__ */ j(g, {
+						value: p,
+						height: 10
 					})]
-				}), /* @__PURE__ */ A(s, { status: e.status })]
-			}),
-			e.description && /* @__PURE__ */ A("p", {
-				className: "line-clamp-2 text-xs text-text-secondary",
-				children: e.description
-			}),
-			/* @__PURE__ */ j("div", {
-				className: "space-y-1.5",
-				children: [/* @__PURE__ */ A(m, {
-					value: g,
-					color: u.tint
-				}), /* @__PURE__ */ j("div", {
-					className: "flex items-center justify-between text-xs",
-					children: [/* @__PURE__ */ j("span", {
-						className: "tabular-nums text-text-secondary",
+				}),
+				(e.targetDate || y && e.achievedAt) && /* @__PURE__ */ M("div", {
+					className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-tertiary",
+					children: [e.targetDate && /* @__PURE__ */ M("span", {
+						className: "inline-flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ j(T, { className: "h-3.5 w-3.5" }),
+							"Target ",
+							i(e.targetDate),
+							/* @__PURE__ */ M("span", {
+								className: "text-text-secondary",
+								children: ["· ", c(e.targetDate)]
+							})
+						]
+					}), y && e.achievedAt && /* @__PURE__ */ M("span", {
+						className: "inline-flex items-center gap-1 text-status-success-text",
 						children: [
-							i(e.currentValue),
-							_,
-							" / ",
-							i(e.targetValue),
-							_
+							/* @__PURE__ */ j(E, { className: "h-3.5 w-3.5" }),
+							"Achieved ",
+							i(e.achievedAt)
 						]
-					}), /* @__PURE__ */ A("span", {
-						className: "tabular-nums text-text-tertiary",
-						children: a(g)
 					})]
-				})]
-			}),
-			(e.targetDate || e.status === "ACHIEVED" && e.achievedAt) && /* @__PURE__ */ j("div", {
-				className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-tertiary",
-				children: [e.targetDate && /* @__PURE__ */ j("span", {
-					className: "inline-flex items-center gap-1",
-					children: [
-						/* @__PURE__ */ A(C, { className: "h-3.5 w-3.5" }),
-						"Target ",
-						n(e.targetDate),
-						/* @__PURE__ */ j("span", {
-							className: "text-text-secondary",
-							children: ["· ", o(e.targetDate)]
-						})
-					]
-				}), e.status === "ACHIEVED" && e.achievedAt && /* @__PURE__ */ j("span", {
-					className: "inline-flex items-center gap-1 text-status-success-text",
-					children: [
-						/* @__PURE__ */ A(w, { className: "h-3.5 w-3.5" }),
-						"Achieved ",
-						n(e.achievedAt)
-					]
-				})]
-			}),
-			/* @__PURE__ */ j("div", {
-				className: "mt-auto flex flex-wrap gap-2 pt-1",
-				children: [/* @__PURE__ */ A(M, {
-					variant: "outline",
-					size: "sm",
-					onClick: () => t(e),
-					children: "Update progress"
-				}), e.status === "ACTIVE" && /* @__PURE__ */ A(M, {
-					size: "sm",
-					onClick: () => c(e),
-					disabled: l,
-					children: l ? "Marking…" : "Mark achieved"
-				})]
-			})
-		]
+				}),
+				/* @__PURE__ */ M("div", {
+					className: "mt-auto flex flex-wrap gap-2 pt-1",
+					children: [/* @__PURE__ */ j(N, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => n(e),
+						children: "Update progress"
+					}), e.status === "ACTIVE" && /* @__PURE__ */ j(N, {
+						size: "sm",
+						onClick: () => r(e),
+						disabled: u,
+						children: u ? "Marking…" : "Mark achieved"
+					})]
+				})
+			]
+		})
 	});
 }
-function ae() {
-	let [n, r] = S("ALL"), [o, s] = S(!1), [f, p] = S(null), [m, _] = S(null), [y, C] = S(null), w = b(J), N = v({
-		status: n === "ALL" ? void 0 : n,
+function le() {
+	let [e, t] = w("ALL"), [i, a] = w(!1), [c, l] = w(null), [m, h] = w(null), [g, y] = w(null), x = ee(Y), T = b({
+		status: e === "ALL" ? void 0 : e,
 		pagination: {
-			limit: J,
-			offset: w.offset
+			limit: Y,
+			offset: x.offset
 		}
-	}), P = v({
+	}), E = b({
 		status: "ACTIVE",
-		pagination: { limit: Y }
-	}), F = v({
+		pagination: { limit: X }
+	}), P = b({
 		status: "ACHIEVED",
-		pagination: { limit: Y }
-	}), I = g(), L = N.data?.items ?? [], R = P.data?.items ?? [], z = F.data?.items ?? [], B = x(() => R.length === 0 ? 0 : R.reduce((e, t) => e + h(t), 0) / R.length, [R]), V = (e) => {
-		r(e), w.reset();
-	}, H = async (e) => {
-		_(e.id), C(null);
+		pagination: { limit: X }
+	}), F = v(), I = T.data?.items ?? [], L = E.data?.items ?? [], R = P.data?.items ?? [], z = te(() => L.length === 0 ? 0 : L.reduce((e, t) => e + _(t), 0) / L.length, [L]), B = (e) => {
+		t(e), x.reset();
+	}, V = async (e) => {
+		h(e.id), y(null);
 		try {
-			await I.mutateAsync(e.id);
+			await F.mutateAsync(e.id);
 		} catch (e) {
-			C(e instanceof Error ? e.message : "Failed to mark goal as achieved.");
+			y(e instanceof Error ? e.message : "Failed to mark goal as achieved.");
 		} finally {
-			_(null);
+			h(null);
 		}
-	}, U = N.isLoading && !N.data;
-	return /* @__PURE__ */ j(e, {
+	}, H = T.isLoading && !T.data;
+	return /* @__PURE__ */ M(n, {
 		title: "Goals",
 		description: "Targets across training, nutrition and body composition.",
-		actions: /* @__PURE__ */ j(M, {
-			onClick: () => s(!0),
-			children: [/* @__PURE__ */ A(T, { className: "mr-2 h-4 w-4" }), "New goal"]
+		actions: /* @__PURE__ */ M(N, {
+			onClick: () => a(!0),
+			children: [/* @__PURE__ */ j(D, { className: "mr-2 h-4 w-4" }), "New goal"]
 		}),
 		children: [
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ A(t, {
-						icon: /* @__PURE__ */ A(E, { className: "h-5 w-5" }),
-						value: i(P.data ? R.length : void 0),
-						label: "Active goals"
+					/* @__PURE__ */ j($, {
+						index: 0,
+						className: "h-full",
+						children: /* @__PURE__ */ j(r, {
+							className: "h-full",
+							icon: /* @__PURE__ */ j(O, { className: "h-5 w-5" }),
+							value: o(E.data ? L.length : void 0),
+							label: "Active goals"
+						})
 					}),
-					/* @__PURE__ */ A(t, {
-						icon: /* @__PURE__ */ A(O, { className: "h-5 w-5" }),
-						value: i(F.data ? z.length : void 0),
-						label: "Achieved",
-						accent: "success"
+					/* @__PURE__ */ j($, {
+						index: 1,
+						className: "h-full",
+						children: /* @__PURE__ */ j(r, {
+							className: "h-full",
+							icon: /* @__PURE__ */ j(ne, { className: "h-5 w-5" }),
+							value: o(P.data ? R.length : void 0),
+							label: "Achieved",
+							accent: "success"
+						})
 					}),
-					/* @__PURE__ */ A(t, {
-						icon: /* @__PURE__ */ A(D, { className: "h-5 w-5" }),
-						value: P.data ? a(B) : "—",
-						label: "Avg progress (active)",
-						footer: /* @__PURE__ */ A(c, {
-							value: B,
-							height: 4,
-							barClassName: "bg-accent-teal"
+					/* @__PURE__ */ j($, {
+						index: 2,
+						className: "h-full",
+						children: /* @__PURE__ */ j(r, {
+							className: "h-full",
+							icon: /* @__PURE__ */ j(k, { className: "h-5 w-5" }),
+							value: E.data ? s(z) : "—",
+							label: "Avg progress (active)",
+							footer: /* @__PURE__ */ j(u, {
+								value: z,
+								height: 4,
+								barClassName: "bg-action-primary-bg"
+							})
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ A(ee, {
-					options: X,
-					value: n,
-					onChange: V
+				children: /* @__PURE__ */ j(S, {
+					options: re,
+					value: e,
+					onChange: B
 				})
 			}),
-			y && /* @__PURE__ */ A("p", {
+			g && /* @__PURE__ */ j("p", {
 				className: "mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-				children: y
+				children: g
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: "mt-4",
-				children: U ? /* @__PURE__ */ A(u, { label: "Loading your goals…" }) : N.isError ? /* @__PURE__ */ A(l, {
+				children: H ? /* @__PURE__ */ j(f, { label: "Loading your goals…" }) : T.isError ? /* @__PURE__ */ j(d, {
 					message: "We couldn't load your goals.",
-					onRetry: () => void N.refetch()
-				}) : L.length === 0 ? /* @__PURE__ */ A(d, {
+					onRetry: () => void T.refetch()
+				}) : I.length === 0 ? /* @__PURE__ */ j(p, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ A(E, { className: "h-10 w-10" }),
-					title: n === "ALL" ? "No goals yet" : "No goals match this filter",
-					description: n === "ALL" ? "Set a goal to give your training and nutrition a clear target to work toward." : "Try a different status filter, or create a new goal.",
-					action: /* @__PURE__ */ j(M, {
-						onClick: () => s(!0),
-						children: [/* @__PURE__ */ A(T, { className: "mr-2 h-4 w-4" }), "New goal"]
+					icon: /* @__PURE__ */ j(O, { className: "h-10 w-10" }),
+					title: e === "ALL" ? "No goals yet" : "No goals match this filter",
+					description: e === "ALL" ? "Set a goal to give your training and nutrition a clear target to work toward." : "Try a different status filter, or create a new goal.",
+					action: /* @__PURE__ */ M(N, {
+						onClick: () => a(!0),
+						children: [/* @__PURE__ */ j(D, { className: "mr-2 h-4 w-4" }), "New goal"]
 					})
-				}) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("div", {
+				}) : /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: L.map((e) => /* @__PURE__ */ A(ie, {
+					children: I.map((e, t) => /* @__PURE__ */ j(ce, {
 						goal: e,
-						onUpdateProgress: p,
-						onAchieve: (e) => void H(e),
+						index: t,
+						onUpdateProgress: l,
+						onAchieve: (e) => void V(e),
 						isAchieving: m === e.id
 					}, e.id))
-				}), /* @__PURE__ */ A(te, {
-					page: w.page,
-					pageSize: J,
-					itemCount: L.length,
-					hasMore: N.data?.pageInfo?.hasMore ?? !1,
-					onPageChange: (e) => w.onPageChange(e)
+				}), /* @__PURE__ */ j(C, {
+					page: x.page,
+					pageSize: Y,
+					itemCount: I.length,
+					hasMore: T.data?.pageInfo?.hasMore ?? !1,
+					onPageChange: (e) => x.onPageChange(e)
 				})] })
 			}),
-			/* @__PURE__ */ A(ne, {
-				open: o,
-				onOpenChange: s
+			/* @__PURE__ */ j(ae, {
+				open: i,
+				onOpenChange: a
 			}),
-			/* @__PURE__ */ A(re, {
-				goal: f,
+			/* @__PURE__ */ j(oe, {
+				goal: c,
 				onOpenChange: (e) => {
-					e || p(null);
+					e || l(null);
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { ae as GoalsPage };
+export { le as GoalsPage };
 
 //# sourceMappingURL=GoalsPage.js.map