@burdenoff/microfe-mybodyshield 2026.705.2 → 2026.706.1

package/dist/mybodyshield/pages/programs/ProgramsPage.js

@@ -1,30 +1,32 @@
 import { useMyBodyShield as e } from "../../context/MyBodyShieldContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { MetricsCard as n } from "../../components/MetricsCard.js";
-import { formatEnumLabel as r, formatNumber as i, formatRelativeTime as a } from "../../utils/formatters.js";
-import { StatusBadge as o } from "../../components/StatusBadge.js";
-import { ErrorView as s, LoadingView as ee } from "../../components/StateViews.js";
+import { motion as t } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as n } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { PageLayout as r } from "../../components/PageLayout.js";
+import { MetricsCard as i } from "../../components/MetricsCard.js";
+import { formatEnumLabel as a, formatNumber as o, formatRelativeTime as s } from "../../utils/formatters.js";
+import { StatusBadge as c } from "../../components/StatusBadge.js";
+import { ErrorView as l, LoadingView as ee } from "../../components/StateViews.js";
 import { EmptyState as te } from "../../components/EmptyState.js";
-import { GOAL_TYPE_META as c, IconChip as l } from "../_shared/visuals.js";
+import { GOAL_TYPE_META as u, IconChip as d } from "../_shared/visuals.js";
 import "../../context/index.js";
-import { useMybCreateProgram as ne, useMybPrograms as u } from "../../hooks/useMyBodyShieldApi.js";
-import { useOffsetPager as d } from "../../hooks/usePager.js";
+import { useMybCreateProgram as f, useMybPrograms as p } from "../../hooks/useMyBodyShieldApi.js";
+import { useOffsetPager as m } from "../../hooks/usePager.js";
 import "../../hooks/index.js";
-import { FilterTabs as f } from "../../components/FilterTabs.js";
-import { Pagination as p } from "../../components/Pagination.js";
+import { FilterTabs as h } from "../../components/FilterTabs.js";
+import { Pagination as ne } from "../../components/Pagination.js";
 import "../../components/index.js";
-import { useMemo as m, useState as h } from "react";
-import { Dumbbell as g, FilePenLine as re, Layers as ie, Plus as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Button as b, GlassCard as x, Input as S, Label as C, ResponsiveDialog as ae, ResponsiveDialogContent as w, ResponsiveDialogDescription as T, ResponsiveDialogFooter as oe, ResponsiveDialogHeader as se, ResponsiveDialogTitle as E, Select as D, SelectContent as O, SelectItem as k, SelectTrigger as A, SelectValue as j, Textarea as ce } from "@burdenoff/fe-libs/ui";
+import { useMemo as g, useState as _ } from "react";
+import { Clock as v, Dumbbell as y, FilePenLine as re, Layers as ie, Plus as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Button as C, GlassCard as w, Input as T, Label as E, ResponsiveDialog as D, ResponsiveDialogContent as O, ResponsiveDialogDescription as ae, ResponsiveDialogFooter as oe, ResponsiveDialogHeader as se, ResponsiveDialogTitle as k, Select as A, SelectContent as j, SelectItem as M, SelectTrigger as N, SelectValue as P, Textarea as ce } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/programs/ProgramsPage.tsx
-var M = 24, le = [
+var F = 24, le = [
 	"ALL",
 	"DRAFT",
 	"ACTIVE",
 	"COMPLETED",
 	"ARCHIVED"
-], N = [
+], I = [
 	"WEIGHT_LOSS",
 	"MUSCLE_GAIN",
 	"STRENGTH",
@@ -36,12 +38,12 @@ var M = 24, le = [
 	"INTERMEDIATE",
 	"ADVANCED",
 	"ELITE"
-], de = [
+], L = [
 	"BUILD",
 	"PEAK",
 	"DELOAD",
 	"MAINTENANCE"
-], P = {
+], R = {
 	name: "",
 	description: "",
 	goalType: "GENERAL_FITNESS",
@@ -50,376 +52,422 @@ var M = 24, le = [
 	weeks: "",
 	daysPerWeek: "",
 	startDate: ""
-}, F = (e) => {
+}, z = (e) => {
 	let t = e.trim();
 	if (t === "") return null;
 	let n = Number(t);
 	return Number.isFinite(n) ? n : null;
-}, I = ({ children: e }) => /* @__PURE__ */ v("span", {
-	className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
-	children: e
-});
-function L({ id: e, value: t, onChange: n, options: i }) {
-	return /* @__PURE__ */ y(D, {
+}, B = [
+	.22,
+	1,
+	.36,
+	1
+], V = ({ index: e = 0, hover: r = !1, className: i, children: a }) => {
+	let o = n();
+	return /* @__PURE__ */ x(t.div, {
+		className: i,
+		initial: o ? !1 : {
+			opacity: 0,
+			y: 12
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		transition: o ? { duration: 0 } : {
+			duration: .35,
+			delay: Math.min(e * .05, .45),
+			ease: B
+		},
+		whileHover: o || !r ? void 0 : { y: -4 },
+		children: a
+	});
+};
+function H({ id: e, value: t, onChange: n, options: r }) {
+	return /* @__PURE__ */ S(A, {
 		value: t,
 		onValueChange: (e) => n(e),
-		children: [/* @__PURE__ */ v(A, {
+		children: [/* @__PURE__ */ x(N, {
 			id: e,
-			children: /* @__PURE__ */ v(j, {})
-		}), /* @__PURE__ */ v(O, { children: i.map((e) => /* @__PURE__ */ v(k, {
+			children: /* @__PURE__ */ x(P, {})
+		}), /* @__PURE__ */ x(j, { children: r.map((e) => /* @__PURE__ */ x(M, {
 			value: e,
-			children: r(e)
+			children: a(e)
 		}, e)) })]
 	});
 }
-function R({ program: e, onOpen: t }) {
-	let n = c[e.goalType], s = n.icon;
-	return /* @__PURE__ */ v("button", {
-		type: "button",
-		onClick: () => t(e.id),
-		className: "text-left",
-		children: /* @__PURE__ */ y(x, {
-			treatment: "glass",
-			className: "flex h-full flex-col p-5 transition-shadow hover:shadow-float",
-			children: [
-				/* @__PURE__ */ y("div", {
-					className: "flex items-start justify-between gap-3",
-					children: [/* @__PURE__ */ y("div", {
-						className: "flex min-w-0 items-start gap-3",
-						children: [/* @__PURE__ */ v(l, {
-							icon: /* @__PURE__ */ v(s, { className: "h-4 w-4" }),
-							tint: n.tint
-						}), /* @__PURE__ */ y("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ v("p", {
-								className: "truncate font-semibold text-text-primary",
-								children: e.name
-							}), /* @__PURE__ */ v("p", {
-								className: "text-xs text-text-tertiary",
-								children: r(e.goalType)
+function de({ program: e, index: t, onOpen: n }) {
+	let r = u[e.goalType], i = r.icon, l = [
+		e.phase,
+		e.level,
+		e.goalType
+	].map((e) => a(e)).join(" · ");
+	return /* @__PURE__ */ x(V, {
+		index: t,
+		hover: !0,
+		className: "h-full",
+		children: /* @__PURE__ */ x("button", {
+			type: "button",
+			onClick: () => n(e.id),
+			className: "block h-full w-full text-left",
+			children: /* @__PURE__ */ S(w, {
+				treatment: "glass",
+				className: "flex h-full flex-col p-5 transition-shadow hover:shadow-[var(--shadow-pop-hover)]",
+				children: [
+					/* @__PURE__ */ S("div", {
+						className: "flex items-start justify-between gap-3",
+						children: [/* @__PURE__ */ S("div", {
+							className: "flex min-w-0 items-start gap-3",
+							children: [/* @__PURE__ */ x(d, {
+								icon: /* @__PURE__ */ x(i, { className: "h-4 w-4" }),
+								tint: r.tint
+							}), /* @__PURE__ */ S("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ x("p", {
+									className: "truncate font-semibold text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ x("p", {
+									className: "mt-0.5 truncate text-xs text-text-tertiary",
+									children: l
+								})]
 							})]
+						}), /* @__PURE__ */ x(c, { status: e.status })]
+					}),
+					e.description && /* @__PURE__ */ x("p", {
+						className: "mt-3 line-clamp-2 text-sm text-text-secondary",
+						children: e.description
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "mt-3 inline-flex items-center gap-1.5 text-sm text-text-secondary",
+						children: [/* @__PURE__ */ x(v, { className: "h-4 w-4 shrink-0 text-action-primary-bg" }), /* @__PURE__ */ S("span", {
+							className: "tabular-nums",
+							children: [
+								o(e.weeks),
+								" wk × ",
+								o(e.daysPerWeek),
+								" days"
+							]
 						})]
-					}), /* @__PURE__ */ v(o, { status: e.status })]
-				}),
-				e.description && /* @__PURE__ */ v("p", {
-					className: "mt-3 line-clamp-2 text-sm text-text-secondary",
-					children: e.description
-				}),
-				/* @__PURE__ */ y("div", {
-					className: "mt-3 flex flex-wrap gap-1.5",
-					children: [
-						/* @__PURE__ */ v(I, { children: r(e.phase) }),
-						/* @__PURE__ */ v(I, { children: r(e.level) }),
-						/* @__PURE__ */ y(I, { children: [
-							i(e.weeks),
-							" wk × ",
-							i(e.daysPerWeek),
-							" days"
-						] })
-					]
-				}),
-				e.tags.length > 0 && /* @__PURE__ */ v("div", {
-					className: "mt-3 flex flex-wrap gap-1.5",
-					children: e.tags.slice(0, 4).map((e) => /* @__PURE__ */ y("span", {
-						className: "inline-flex items-center rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-text-secondary",
-						children: ["#", e]
-					}, e))
-				}),
-				/* @__PURE__ */ y("div", {
-					className: "mt-auto pt-4 text-xs text-text-tertiary",
-					children: ["Updated ", a(e.updatedAt)]
-				})
-			]
+					}),
+					e.tags.length > 0 && /* @__PURE__ */ x("div", {
+						className: "mt-3 flex flex-wrap gap-1.5",
+						children: e.tags.slice(0, 4).map((e) => /* @__PURE__ */ S("span", {
+							className: "inline-flex items-center rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-text-secondary",
+							children: ["#", e]
+						}, e))
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "mt-auto pt-4 text-xs text-text-tertiary",
+						children: ["Updated ", s(e.updatedAt)]
+					})
+				]
+			})
 		})
 	});
 }
-function z() {
-	let { navigateTo: a } = e(), o = d(M), [c, l] = h("ALL"), [x, I] = h("ALL"), [z, B] = h(!1), [V, H] = h(P), [U, W] = h(null), G = ne(), K = u({ pagination: { limit: 100 } }), q = m(() => K.data?.items ?? [], [K.data]), J = m(() => {
-		let e = (e) => q.filter((t) => t.status === e).length;
+function U() {
+	let { navigateTo: t } = e(), n = m(F), [s, c] = _("ALL"), [u, d] = _("ALL"), [v, w] = _(!1), [B, U] = _(R), [W, G] = _(null), K = f(), q = p({ pagination: { limit: 100 } }), J = g(() => q.data?.items ?? [], [q.data]), Y = g(() => {
+		let e = (e) => J.filter((t) => t.status === e).length;
 		return {
-			ALL: q.length,
+			ALL: J.length,
 			DRAFT: e("DRAFT"),
 			ACTIVE: e("ACTIVE"),
 			COMPLETED: e("COMPLETED"),
 			ARCHIVED: e("ARCHIVED")
 		};
-	}, [q]), Y = u({
-		status: c === "ALL" ? void 0 : c,
+	}, [J]), X = p({
+		status: s === "ALL" ? void 0 : s,
 		pagination: {
-			limit: M,
-			offset: o.offset
+			limit: F,
+			offset: n.offset
 		}
-	}), X = Y.data?.items ?? [], Z = x === "ALL" ? X : X.filter((e) => e.goalType === x), Q = (e) => {
-		l(e), o.reset();
-	}, fe = (e) => {
-		I(e), o.reset();
+	}), Z = X.data?.items ?? [], Q = u === "ALL" ? Z : Z.filter((e) => e.goalType === u), fe = (e) => {
+		c(e), n.reset();
+	}, pe = (e) => {
+		d(e), n.reset();
 	}, $ = () => {
-		H(P), W(null), B(!0);
-	}, pe = async () => {
-		if (!V.name.trim()) {
-			W("Program name is required.");
+		U(R), G(null), w(!0);
+	}, me = async () => {
+		if (!B.name.trim()) {
+			G("Program name is required.");
 			return;
 		}
 		let e = {
-			name: V.name.trim(),
-			description: V.description.trim() || null,
-			goalType: V.goalType,
-			level: V.level,
-			phase: V.phase,
-			weeks: F(V.weeks),
-			daysPerWeek: F(V.daysPerWeek),
-			startDate: V.startDate ? new Date(V.startDate).toISOString() : null
+			name: B.name.trim(),
+			description: B.description.trim() || null,
+			goalType: B.goalType,
+			level: B.level,
+			phase: B.phase,
+			weeks: z(B.weeks),
+			daysPerWeek: z(B.daysPerWeek),
+			startDate: B.startDate ? new Date(B.startDate).toISOString() : null
 		};
 		try {
-			let t = await G.mutateAsync(e);
-			B(!1), a(`programs/${t.id}`);
+			let n = await K.mutateAsync(e);
+			w(!1), t(`programs/${n.id}`);
 		} catch (e) {
-			W(e instanceof Error ? e.message : "Failed to create program.");
+			G(e instanceof Error ? e.message : "Failed to create program.");
 		}
-	}, me = le.map((e) => ({
+	}, he = le.map((e) => ({
 		value: e,
-		label: e === "ALL" ? "All" : r(e),
-		count: J[e]
+		label: e === "ALL" ? "All" : a(e),
+		count: Y[e]
 	}));
-	return /* @__PURE__ */ y(t, {
+	return /* @__PURE__ */ S(r, {
 		title: "Programs",
 		description: "Structured training blocks — build, peak, deload & maintain.",
-		actions: /* @__PURE__ */ y(b, {
+		actions: /* @__PURE__ */ S(C, {
 			onClick: $,
-			children: [/* @__PURE__ */ v(_, { className: "mr-1 h-4 w-4" }), " New program"]
+			children: [/* @__PURE__ */ x(b, { className: "mr-1 h-4 w-4" }), " New program"]
 		}),
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ S("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ v(n, {
-						icon: /* @__PURE__ */ v(g, { className: "h-5 w-5" }),
-						value: i(J.ACTIVE),
-						label: "Active programs",
-						accent: "success"
+					/* @__PURE__ */ x(V, {
+						index: 0,
+						className: "h-full",
+						children: /* @__PURE__ */ x(i, {
+							className: "h-full",
+							icon: /* @__PURE__ */ x(y, { className: "h-5 w-5" }),
+							value: o(Y.ACTIVE),
+							label: "Active programs",
+							accent: "success"
+						})
 					}),
-					/* @__PURE__ */ v(n, {
-						icon: /* @__PURE__ */ v(re, { className: "h-5 w-5" }),
-						value: i(J.DRAFT),
-						label: "Draft programs"
+					/* @__PURE__ */ x(V, {
+						index: 1,
+						className: "h-full",
+						children: /* @__PURE__ */ x(i, {
+							className: "h-full",
+							icon: /* @__PURE__ */ x(re, { className: "h-5 w-5" }),
+							value: o(Y.DRAFT),
+							label: "Draft programs"
+						})
 					}),
-					/* @__PURE__ */ v(n, {
-						icon: /* @__PURE__ */ v(ie, { className: "h-5 w-5" }),
-						value: i(J.ALL),
-						label: "Total programs"
+					/* @__PURE__ */ x(V, {
+						index: 2,
+						className: "h-full",
+						children: /* @__PURE__ */ x(i, {
+							className: "h-full",
+							icon: /* @__PURE__ */ x(ie, { className: "h-5 w-5" }),
+							value: o(Y.ALL),
+							label: "Total programs"
+						})
 					})
 				]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ S("div", {
 				className: "mt-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ v(f, {
-					options: me,
-					value: c,
-					onChange: Q
-				}), /* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ x(h, {
+					options: he,
+					value: s,
+					onChange: fe
+				}), /* @__PURE__ */ S("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ v("span", {
+					children: [/* @__PURE__ */ x("span", {
 						className: "text-sm text-text-tertiary",
 						children: "Goal"
-					}), /* @__PURE__ */ v("div", {
+					}), /* @__PURE__ */ x("div", {
 						className: "w-48",
-						children: /* @__PURE__ */ y(D, {
-							value: x,
-							onValueChange: (e) => fe(e),
-							children: [/* @__PURE__ */ v(A, { children: /* @__PURE__ */ v(j, {}) }), /* @__PURE__ */ y(O, { children: [/* @__PURE__ */ v(k, {
+						children: /* @__PURE__ */ S(A, {
+							value: u,
+							onValueChange: (e) => pe(e),
+							children: [/* @__PURE__ */ x(N, { children: /* @__PURE__ */ x(P, {}) }), /* @__PURE__ */ S(j, { children: [/* @__PURE__ */ x(M, {
 								value: "ALL",
 								children: "All goals"
-							}), N.map((e) => /* @__PURE__ */ v(k, {
+							}), I.map((e) => /* @__PURE__ */ x(M, {
 								value: e,
-								children: r(e)
+								children: a(e)
 							}, e))] })]
 						})
 					})]
 				})]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ S("div", {
 				className: "mt-6",
-				children: [Y.isLoading ? /* @__PURE__ */ v(ee, { label: "Loading programs…" }) : Y.isError ? /* @__PURE__ */ v(s, {
+				children: [X.isLoading ? /* @__PURE__ */ x(ee, { label: "Loading programs…" }) : X.isError ? /* @__PURE__ */ x(l, {
 					message: "We couldn't load your programs.",
-					onRetry: () => void Y.refetch()
-				}) : X.length === 0 ? /* @__PURE__ */ v(te, {
+					onRetry: () => void X.refetch()
+				}) : Z.length === 0 ? /* @__PURE__ */ x(te, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ v(g, { className: "h-10 w-10" }),
-					title: c === "ALL" ? "No programs yet" : "No programs in this status",
+					icon: /* @__PURE__ */ x(y, { className: "h-10 w-10" }),
+					title: s === "ALL" ? "No programs yet" : "No programs in this status",
 					description: "Create a structured training program to plan your workouts week by week.",
-					action: /* @__PURE__ */ y(b, {
+					action: /* @__PURE__ */ S(C, {
 						onClick: $,
-						children: [/* @__PURE__ */ v(_, { className: "mr-1 h-4 w-4" }), " New program"]
+						children: [/* @__PURE__ */ x(b, { className: "mr-1 h-4 w-4" }), " New program"]
 					})
-				}) : Z.length === 0 ? /* @__PURE__ */ y("div", {
+				}) : Q.length === 0 ? /* @__PURE__ */ S("div", {
 					className: "rounded-xl border border-dashed border-border-seam py-10 text-center text-sm text-text-secondary",
 					children: [
 						"No programs on this page match",
 						" ",
-						/* @__PURE__ */ v("span", {
+						/* @__PURE__ */ x("span", {
 							className: "font-medium text-text-primary",
-							children: r(x)
+							children: a(u)
 						}),
 						"."
 					]
-				}) : /* @__PURE__ */ v("div", {
+				}) : /* @__PURE__ */ x("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: Z.map((e) => /* @__PURE__ */ v(R, {
+					children: Q.map((e, n) => /* @__PURE__ */ x(de, {
 						program: e,
-						onOpen: (e) => a(`programs/${e}`)
+						index: n,
+						onOpen: (e) => t(`programs/${e}`)
 					}, e.id))
-				}), !Y.isLoading && !Y.isError && X.length > 0 && /* @__PURE__ */ v(p, {
-					page: o.page,
-					pageSize: M,
-					itemCount: X.length,
-					hasMore: Y.data?.pageInfo?.hasMore ?? !1,
-					onPageChange: (e) => o.onPageChange(e)
+				}), !X.isLoading && !X.isError && Z.length > 0 && /* @__PURE__ */ x(ne, {
+					page: n.page,
+					pageSize: F,
+					itemCount: Z.length,
+					hasMore: X.data?.pageInfo?.hasMore ?? !1,
+					onPageChange: (e) => n.onPageChange(e)
 				})]
 			}),
-			/* @__PURE__ */ v(ae, {
-				open: z,
-				onOpenChange: B,
-				children: /* @__PURE__ */ y(w, {
+			/* @__PURE__ */ x(D, {
+				open: v,
+				onOpenChange: w,
+				children: /* @__PURE__ */ S(O, {
 					className: "sm:max-w-lg",
 					children: [
-						/* @__PURE__ */ y(se, { children: [/* @__PURE__ */ v(E, { children: "New program" }), /* @__PURE__ */ v(T, { children: "Define a structured training block. You can add workouts & exercises after creating it." })] }),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ S(se, { children: [/* @__PURE__ */ x(k, { children: "New program" }), /* @__PURE__ */ x(ae, { children: "Define a structured training block. You can add workouts & exercises after creating it." })] }),
+						/* @__PURE__ */ S("div", {
 							className: "space-y-4 py-2",
 							children: [
-								U && /* @__PURE__ */ v("p", {
+								W && /* @__PURE__ */ x("p", {
 									className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-									children: U
+									children: W
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ S("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ v(C, {
+									children: [/* @__PURE__ */ x(E, {
 										htmlFor: "myb-prog-name",
 										children: "Name"
-									}), /* @__PURE__ */ v(S, {
+									}), /* @__PURE__ */ x(T, {
 										id: "myb-prog-name",
-										value: V.name,
-										onChange: (e) => H({
-											...V,
+										value: B.name,
+										onChange: (e) => U({
+											...B,
 											name: e.target.value
 										}),
 										placeholder: "e.g. Hypertrophy Block A"
 									})]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ S("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ v(C, {
+									children: [/* @__PURE__ */ x(E, {
 										htmlFor: "myb-prog-desc",
 										children: "Description"
-									}), /* @__PURE__ */ v(ce, {
+									}), /* @__PURE__ */ x(ce, {
 										id: "myb-prog-desc",
 										rows: 3,
-										value: V.description,
-										onChange: (e) => H({
-											...V,
+										value: B.description,
+										onChange: (e) => U({
+											...B,
 											description: e.target.value
 										}),
 										placeholder: "Focus, progression scheme, notes…"
 									})]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ S("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 									children: [
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ S("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ v(C, {
+											children: [/* @__PURE__ */ x(E, {
 												htmlFor: "myb-prog-goal",
 												children: "Goal type"
-											}), /* @__PURE__ */ v(L, {
+											}), /* @__PURE__ */ x(H, {
 												id: "myb-prog-goal",
-												value: V.goalType,
-												onChange: (e) => H({
-													...V,
+												value: B.goalType,
+												onChange: (e) => U({
+													...B,
 													goalType: e
 												}),
-												options: N
+												options: I
 											})]
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ S("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ v(C, {
+											children: [/* @__PURE__ */ x(E, {
 												htmlFor: "myb-prog-level",
 												children: "Level"
-											}), /* @__PURE__ */ v(L, {
+											}), /* @__PURE__ */ x(H, {
 												id: "myb-prog-level",
-												value: V.level,
-												onChange: (e) => H({
-													...V,
+												value: B.level,
+												onChange: (e) => U({
+													...B,
 													level: e
 												}),
 												options: ue
 											})]
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ S("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ v(C, {
+											children: [/* @__PURE__ */ x(E, {
 												htmlFor: "myb-prog-phase",
 												children: "Phase"
-											}), /* @__PURE__ */ v(L, {
+											}), /* @__PURE__ */ x(H, {
 												id: "myb-prog-phase",
-												value: V.phase,
-												onChange: (e) => H({
-													...V,
+												value: B.phase,
+												onChange: (e) => U({
+													...B,
 													phase: e
 												}),
-												options: de
+												options: L
 											})]
 										})
 									]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ S("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 									children: [
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ S("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ v(C, {
+											children: [/* @__PURE__ */ x(E, {
 												htmlFor: "myb-prog-weeks",
 												children: "Weeks"
-											}), /* @__PURE__ */ v(S, {
+											}), /* @__PURE__ */ x(T, {
 												id: "myb-prog-weeks",
 												type: "number",
 												min: 1,
-												value: V.weeks,
-												onChange: (e) => H({
-													...V,
+												value: B.weeks,
+												onChange: (e) => U({
+													...B,
 													weeks: e.target.value
 												}),
 												placeholder: "8"
 											})]
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ S("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ v(C, {
+											children: [/* @__PURE__ */ x(E, {
 												htmlFor: "myb-prog-days",
 												children: "Days / week"
-											}), /* @__PURE__ */ v(S, {
+											}), /* @__PURE__ */ x(T, {
 												id: "myb-prog-days",
 												type: "number",
 												min: 1,
 												max: 7,
-												value: V.daysPerWeek,
-												onChange: (e) => H({
-													...V,
+												value: B.daysPerWeek,
+												onChange: (e) => U({
+													...B,
 													daysPerWeek: e.target.value
 												}),
 												placeholder: "4"
 											})]
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ S("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ v(C, {
+											children: [/* @__PURE__ */ x(E, {
 												htmlFor: "myb-prog-start",
 												children: "Start date"
-											}), /* @__PURE__ */ v(S, {
+											}), /* @__PURE__ */ x(T, {
 												id: "myb-prog-start",
 												type: "date",
-												value: V.startDate,
-												onChange: (e) => H({
-													...V,
+												value: B.startDate,
+												onChange: (e) => U({
+													...B,
 													startDate: e.target.value
 												})
 											})]
@@ -428,15 +476,15 @@ function z() {
 								})
 							]
 						}),
-						/* @__PURE__ */ y(oe, { children: [/* @__PURE__ */ v(b, {
+						/* @__PURE__ */ S(oe, { children: [/* @__PURE__ */ x(C, {
 							variant: "outline",
-							onClick: () => B(!1),
-							disabled: G.isPending,
+							onClick: () => w(!1),
+							disabled: K.isPending,
 							children: "Cancel"
-						}), /* @__PURE__ */ v(b, {
-							onClick: () => void pe(),
-							disabled: G.isPending,
-							children: G.isPending ? "Creating…" : "Create program"
+						}), /* @__PURE__ */ x(C, {
+							onClick: () => void me(),
+							disabled: K.isPending,
+							children: K.isPending ? "Creating…" : "Create program"
 						})] })
 					]
 				})
@@ -445,6 +493,6 @@ function z() {
 	});
 }
 //#endregion
-export { z as ProgramsPage };
+export { U as ProgramsPage };
 
 //# sourceMappingURL=ProgramsPage.js.map