@burdenoff/microfe-atheletebridge 2026.827.1 → 2026.829.2

package/dist/atheletebridge/pages/teams/TeamFormPage.js

@@ -1,53 +1,54 @@
-import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { SPORT_ICONS as n, SPORT_LABELS as r } from "../../components/domain.js";
-import { UserAvatar as i } from "../../components/UserAvatar.js";
-import { ErrorState as a, LoadingState as o } from "../../components/LoadingState.js";
-import { directoryUserName as s, useCreateTeam as c, useTeam as l, useUpdateTeam as u, useUserDirectory as d, useUserSearch as f } from "../../hooks/useAthleteBridgeApi.js";
-import { FormField as p, fieldInputClass as m } from "../../components/form.js";
-import { useEffect as h, useState as g } from "react";
-import { ArrowLeft as _, CalendarDays as v, Loader2 as y, MapPin as b, Save as x, Search as S, X as C } from "lucide-react";
-import { useParams as w } from "react-router";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { GlassCard as D } from "@burdenoff/fe-libs/ui";
+import { useAbTranslate as e } from "../../i18n.js";
+import { useAthleteBridge as t } from "../../context/AthleteBridgeContext.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { SPORT_ICONS as r, SPORT_LABELS as i } from "../../components/domain.js";
+import { UserAvatar as a } from "../../components/UserAvatar.js";
+import { ErrorState as o, LoadingState as s } from "../../components/LoadingState.js";
+import { directoryUserName as c, useCreateTeam as l, useTeam as u, useUpdateTeam as d, useUserDirectory as f, useUserSearch as p } from "../../hooks/useAthleteBridgeApi.js";
+import { FormField as m, fieldInputClass as h } from "../../components/form.js";
+import { useEffect as g, useState as _ } from "react";
+import { ArrowLeft as v, CalendarDays as y, Loader2 as b, MapPin as x, Save as S, Search as C, X as w } from "lucide-react";
+import { useParams as T } from "react-router";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { GlassCard as O } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/teams/TeamFormPage.tsx
-var O = Object.keys(r), k = [
+var k = Object.keys(i), A = [
 	"FORMING",
 	"ACTIVE",
 	"INACTIVE",
 	"ARCHIVED"
-], A = 300;
-function j({ sport: e }) {
-	let t = n[e];
-	return /* @__PURE__ */ T(t, {
+], j = 300;
+function M({ sport: e }) {
+	let t = r[e];
+	return /* @__PURE__ */ E(t, {
 		className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted",
 		"aria-hidden": "true"
 	});
 }
-function M({ userId: e, displayName: t, onSelect: n }) {
-	let [r, a] = g(""), o = f(r), c = o.data ?? [], l = r.trim().length >= 2, u = o.isError;
-	return e ? /* @__PURE__ */ T(p, {
+function N({ userId: e, displayName: t, onSelect: n }) {
+	let [r, i] = _(""), o = p(r), s = o.data ?? [], l = r.trim().length >= 2, u = o.isError;
+	return e ? /* @__PURE__ */ E(m, {
 		label: "Head coach",
 		hint: "Optional — the coach who leads this squad.",
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "flex items-center gap-2.5 rounded-lg border border-border-seam bg-bg-surface px-3 py-2",
 			children: [
-				/* @__PURE__ */ T(i, {
+				/* @__PURE__ */ E(a, {
 					name: t,
 					id: e,
 					size: "sm"
 				}),
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ D("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ T("p", {
+					children: [/* @__PURE__ */ E("p", {
 						className: "truncate text-sm font-medium text-text-primary",
 						children: t || "Selected coach"
-					}), /* @__PURE__ */ T("p", {
+					}), /* @__PURE__ */ E("p", {
 						className: "truncate text-xs text-text-secondary",
 						children: e
 					})]
 				}),
-				/* @__PURE__ */ T("button", {
+				/* @__PURE__ */ E("button", {
 					type: "button",
 					"aria-label": "Clear head coach",
 					onClick: () => n({
@@ -55,17 +56,17 @@ function M({ userId: e, displayName: t, onSelect: n }) {
 						displayName: ""
 					}),
 					className: "rounded-md p-1 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-					children: /* @__PURE__ */ T(C, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ E(w, { className: "h-4 w-4" })
 				})
 			]
 		})
-	}) : u ? /* @__PURE__ */ T(p, {
+	}) : u ? /* @__PURE__ */ E(m, {
 		label: "Head coach",
 		htmlFor: "headCoachId",
 		hint: "Optional — directory unavailable here; paste the auth-svc user id.",
-		children: /* @__PURE__ */ T("input", {
+		children: /* @__PURE__ */ E("input", {
 			id: "headCoachId",
-			className: m,
+			className: h,
 			value: e,
 			onChange: (e) => n({
 				userId: e.target.value,
@@ -73,30 +74,30 @@ function M({ userId: e, displayName: t, onSelect: n }) {
 			}),
 			placeholder: "user-uuid"
 		})
-	}) : /* @__PURE__ */ T(p, {
+	}) : /* @__PURE__ */ E(m, {
 		label: "Head coach",
 		hint: "Optional — the coach who leads this squad.",
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "space-y-2",
 			children: [
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ D("div", {
 					className: "relative",
 					children: [
-						/* @__PURE__ */ T(S, {
+						/* @__PURE__ */ E(C, {
 							className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted",
 							"aria-hidden": "true"
 						}),
-						/* @__PURE__ */ T("input", {
-							className: `${m} pl-9`,
+						/* @__PURE__ */ E("input", {
+							className: `${h} pl-9`,
 							value: r,
-							onChange: (e) => a(e.target.value),
+							onChange: (e) => i(e.target.value),
 							placeholder: "Search coaches by name or email…",
 							"aria-label": "Search for a head coach"
 						}),
-						o.isFetching && /* @__PURE__ */ T(y, { className: "absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 animate-spin text-text-muted" })
+						o.isFetching && /* @__PURE__ */ E(b, { className: "absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 animate-spin text-text-muted" })
 					]
 				}),
-				l && !o.isFetching && c.length === 0 && /* @__PURE__ */ E("p", {
+				l && !o.isFetching && s.length === 0 && /* @__PURE__ */ D("p", {
 					className: "text-xs text-text-secondary",
 					children: [
 						"No users match “",
@@ -104,27 +105,27 @@ function M({ userId: e, displayName: t, onSelect: n }) {
 						"”."
 					]
 				}),
-				c.length > 0 && /* @__PURE__ */ T("ul", {
+				s.length > 0 && /* @__PURE__ */ E("ul", {
 					className: "max-h-56 divide-y divide-border-seam overflow-auto rounded-lg border border-border-seam bg-bg-surface",
-					children: c.map((e) => /* @__PURE__ */ T("li", { children: /* @__PURE__ */ E("button", {
+					children: s.map((e) => /* @__PURE__ */ E("li", { children: /* @__PURE__ */ D("button", {
 						type: "button",
 						onClick: () => {
 							n({
 								userId: e.id,
-								displayName: s(e)
-							}), a("");
+								displayName: c(e)
+							}), i("");
 						},
 						className: "flex w-full items-center gap-2.5 px-3 py-2 text-left transition-colors hover:bg-bg-sunken",
-						children: [/* @__PURE__ */ T(i, {
-							name: s(e),
+						children: [/* @__PURE__ */ E(a, {
+							name: c(e),
 							id: e.id,
 							size: "sm"
-						}), /* @__PURE__ */ E("span", {
+						}), /* @__PURE__ */ D("span", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ T("span", {
+							children: [/* @__PURE__ */ E("span", {
 								className: "block truncate text-sm font-medium text-text-primary",
-								children: s(e)
-							}), /* @__PURE__ */ T("span", {
+								children: c(e)
+							}), /* @__PURE__ */ E("span", {
 								className: "block truncate text-xs text-text-secondary",
 								children: e.email
 							})]
@@ -135,7 +136,7 @@ function M({ userId: e, displayName: t, onSelect: n }) {
 		})
 	});
 }
-var N = {
+var P = {
 	name: "",
 	sport: "OTHER",
 	status: "FORMING",
@@ -147,11 +148,11 @@ var N = {
 	headCoachName: "",
 	tags: []
 };
-function P() {
-	let { id: n } = w(), i = !!n, { navigateTo: s } = e(), f = l(n), S = c(), P = u(), [F, I] = g(N), [L, R] = g(""), [z, B] = g(null), V = d(i ? [f.data?.headCoachId] : []).nameOf(f.data?.headCoachId ?? void 0);
-	h(() => {
-		let e = f.data;
-		i && e && I((t) => ({
+function F() {
+	let r = e(), { id: a } = T(), c = !!a, { navigateTo: p } = t(), C = u(a), F = l(), I = d(), [L, R] = _(P), [z, B] = _(""), [V, H] = _(null), U = f(c ? [C.data?.headCoachId] : []).nameOf(C.data?.headCoachId ?? void 0);
+	g(() => {
+		let e = C.data;
+		c && e && R((t) => ({
 			name: e.name,
 			sport: e.sport,
 			status: e.status,
@@ -160,247 +161,251 @@ function P() {
 			season: e.season ?? "",
 			homeVenue: e.homeVenue ?? "",
 			headCoachId: e.headCoachId ?? "",
-			headCoachName: V ?? t.headCoachName,
+			headCoachName: U ?? t.headCoachName,
 			tags: e.tags
 		}));
 	}, [
-		i,
-		f.data,
-		V
+		c,
+		C.data,
+		U
 	]);
-	let H = (e, t) => I((n) => ({
+	let W = (e, t) => R((n) => ({
 		...n,
 		[e]: t
-	})), U = (e) => {
+	})), G = (e) => {
 		let t = e.trim();
-		t && (I((e) => e.tags.some((e) => e.toLowerCase() === t.toLowerCase()) ? e : {
+		t && (R((e) => e.tags.some((e) => e.toLowerCase() === t.toLowerCase()) ? e : {
 			...e,
 			tags: [...e.tags, t]
-		}), R(""));
-	}, W = (e) => I((t) => ({
+		}), B(""));
+	}, K = (e) => R((t) => ({
 		...t,
 		tags: t.tags.filter((t) => t !== e)
-	})), G = (e) => {
-		e.key === "Enter" || e.key === "," ? (e.preventDefault(), U(L)) : e.key === "Backspace" && !L && F.tags.length && W(F.tags[F.tags.length - 1]);
-	}, K = async (e) => {
-		if (e.preventDefault(), B(null), !F.name.trim()) {
-			B("Team name is required.");
+	})), q = (e) => {
+		e.key === "Enter" || e.key === "," ? (e.preventDefault(), G(z)) : e.key === "Backspace" && !z && L.tags.length && K(L.tags[L.tags.length - 1]);
+	}, J = async (e) => {
+		if (e.preventDefault(), H(null), !L.name.trim()) {
+			H("Team name is required.");
 			return;
 		}
-		let t = L.trim(), r = t && !F.tags.some((e) => e.toLowerCase() === t.toLowerCase()) ? [...F.tags, t] : F.tags, a = {
-			name: F.name.trim(),
-			sport: F.sport,
-			status: F.status,
-			description: F.description.trim() || void 0,
-			ageGroup: F.ageGroup.trim() || void 0,
-			season: F.season.trim() || void 0,
-			homeVenue: F.homeVenue.trim() || void 0,
-			headCoachId: F.headCoachId.trim() || void 0,
-			tags: r
+		let t = z.trim(), n = t && !L.tags.some((e) => e.toLowerCase() === t.toLowerCase()) ? [...L.tags, t] : L.tags, r = {
+			name: L.name.trim(),
+			sport: L.sport,
+			status: L.status,
+			description: L.description.trim() || void 0,
+			ageGroup: L.ageGroup.trim() || void 0,
+			season: L.season.trim() || void 0,
+			homeVenue: L.homeVenue.trim() || void 0,
+			headCoachId: L.headCoachId.trim() || void 0,
+			tags: n
 		};
 		try {
-			i && n ? (await P.mutateAsync({
-				id: n,
-				input: a
-			}), s(`/teams/${n}`)) : s(`/teams/${(await S.mutateAsync(a)).id}`);
+			c && a ? (await I.mutateAsync({
+				id: a,
+				input: r
+			}), p(`/teams/${a}`)) : p(`/teams/${(await F.mutateAsync(r)).id}`);
 		} catch (e) {
-			B(e instanceof Error ? e.message : "Failed to save team.");
+			H(e instanceof Error ? e.message : "Failed to save team.");
 		}
-	}, q = S.isPending || P.isPending;
-	return i && f.isLoading ? /* @__PURE__ */ T(t, {
-		title: "Edit team",
-		children: /* @__PURE__ */ T(o, { label: "Loading team…" })
-	}) : i && (f.isError || !f.isLoading && !f.data) ? /* @__PURE__ */ T(t, {
-		title: "Edit team",
-		children: /* @__PURE__ */ T(a, {
-			title: "Team not found",
-			message: "This team does not exist or you do not have access to it.",
-			onRetry: () => s("/teams")
+	}, Y = F.isPending || I.isPending;
+	return c && C.isLoading ? /* @__PURE__ */ E(n, {
+		title: r("atheletebridge.pages.teamForm.editTitle", "Edit team"),
+		children: /* @__PURE__ */ E(s, { label: r("atheletebridge.pages.teamForm.loading", "Loading team…") })
+	}) : c && (C.isError || !C.isLoading && !C.data) ? /* @__PURE__ */ E(n, {
+		title: r("atheletebridge.pages.teamForm.editTitle", "Edit team"),
+		children: /* @__PURE__ */ E(o, {
+			title: r("atheletebridge.pages.teamForm.notFoundTitle", "Team not found"),
+			message: r("atheletebridge.pages.teamForm.notFoundMessage", "This team does not exist or you do not have access to it."),
+			onRetry: () => p("/teams")
 		})
-	}) : /* @__PURE__ */ T(t, {
-		title: i ? "Edit team" : "New team",
-		description: i ? "Update the squad details." : "Create a new squad to build a roster.",
-		actions: /* @__PURE__ */ E("button", {
+	}) : /* @__PURE__ */ E(n, {
+		title: c ? r("atheletebridge.pages.teamForm.editTitle", "Edit team") : r("atheletebridge.pages.teamForm.newTitle", "New team"),
+		description: c ? r("atheletebridge.pages.teamForm.editDescription", "Update the squad details.") : r("atheletebridge.pages.teamForm.newDescription", "Create a new squad to build a roster."),
+		actions: /* @__PURE__ */ D("button", {
 			type: "button",
-			onClick: () => s(i && n ? `/teams/${n}` : "/teams"),
+			onClick: () => p(c && a ? `/teams/${a}` : "/teams"),
 			className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
-			children: [/* @__PURE__ */ T(_, { className: "h-4 w-4" }), " Cancel"]
+			children: [
+				/* @__PURE__ */ E(v, { className: "h-4 w-4" }),
+				" ",
+				r("common.cancel", "Cancel")
+			]
 		}),
-		children: /* @__PURE__ */ T("form", {
-			onSubmit: K,
+		children: /* @__PURE__ */ E("form", {
+			onSubmit: J,
 			className: "mx-auto max-w-3xl",
-			children: /* @__PURE__ */ E(D, {
+			children: /* @__PURE__ */ D(O, {
 				treatment: "insight",
 				className: "p-6 sm:p-8",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ D("div", {
 					className: "space-y-5",
 					children: [
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ T(p, {
+							children: [/* @__PURE__ */ E(m, {
 								label: "Team name",
 								htmlFor: "name",
 								required: !0,
-								children: /* @__PURE__ */ T("input", {
+								children: /* @__PURE__ */ E("input", {
 									id: "name",
-									className: m,
-									value: F.name,
-									onChange: (e) => H("name", e.target.value),
+									className: h,
+									value: L.name,
+									onChange: (e) => W("name", e.target.value),
 									placeholder: "e.g. Riverside United U18"
 								})
-							}), /* @__PURE__ */ T(p, {
+							}), /* @__PURE__ */ E(m, {
 								label: "Sport",
 								htmlFor: "sport",
-								children: /* @__PURE__ */ E("div", {
+								children: /* @__PURE__ */ D("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ T(j, { sport: F.sport }), /* @__PURE__ */ T("select", {
+									children: [/* @__PURE__ */ E(M, { sport: L.sport }), /* @__PURE__ */ E("select", {
 										id: "sport",
-										className: `${m} pl-9`,
-										value: F.sport,
-										onChange: (e) => H("sport", e.target.value),
-										children: O.map((e) => /* @__PURE__ */ T("option", {
+										className: `${h} pl-9`,
+										value: L.sport,
+										onChange: (e) => W("sport", e.target.value),
+										children: k.map((e) => /* @__PURE__ */ E("option", {
 											value: e,
-											children: r[e]
+											children: i[e]
 										}, e))
 									})]
 								})
 							})]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ T(p, {
+							children: [/* @__PURE__ */ E(m, {
 								label: "Status",
 								htmlFor: "status",
-								children: /* @__PURE__ */ T("select", {
+								children: /* @__PURE__ */ E("select", {
 									id: "status",
-									className: m,
-									value: F.status,
-									onChange: (e) => H("status", e.target.value),
-									children: k.map((e) => /* @__PURE__ */ T("option", {
+									className: h,
+									value: L.status,
+									onChange: (e) => W("status", e.target.value),
+									children: A.map((e) => /* @__PURE__ */ E("option", {
 										value: e,
 										children: e.charAt(0) + e.slice(1).toLowerCase()
 									}, e))
 								})
-							}), /* @__PURE__ */ T(p, {
+							}), /* @__PURE__ */ E(m, {
 								label: "Age group",
 								htmlFor: "ageGroup",
-								children: /* @__PURE__ */ T("input", {
+								children: /* @__PURE__ */ E("input", {
 									id: "ageGroup",
-									className: m,
-									value: F.ageGroup,
-									onChange: (e) => H("ageGroup", e.target.value),
+									className: h,
+									value: L.ageGroup,
+									onChange: (e) => W("ageGroup", e.target.value),
 									placeholder: "e.g. U18"
 								})
 							})]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ T(p, {
+							children: [/* @__PURE__ */ E(m, {
 								label: "Season",
 								htmlFor: "season",
-								children: /* @__PURE__ */ E("div", {
+								children: /* @__PURE__ */ D("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ T(v, {
+									children: [/* @__PURE__ */ E(y, {
 										className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted",
 										"aria-hidden": "true"
-									}), /* @__PURE__ */ T("input", {
+									}), /* @__PURE__ */ E("input", {
 										id: "season",
-										className: `${m} pl-9`,
-										value: F.season,
-										onChange: (e) => H("season", e.target.value),
+										className: `${h} pl-9`,
+										value: L.season,
+										onChange: (e) => W("season", e.target.value),
 										placeholder: "e.g. 2025/26"
 									})]
 								})
-							}), /* @__PURE__ */ T(p, {
+							}), /* @__PURE__ */ E(m, {
 								label: "Home venue",
 								htmlFor: "homeVenue",
-								children: /* @__PURE__ */ E("div", {
+								children: /* @__PURE__ */ D("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ T(b, {
+									children: [/* @__PURE__ */ E(x, {
 										className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted",
 										"aria-hidden": "true"
-									}), /* @__PURE__ */ T("input", {
+									}), /* @__PURE__ */ E("input", {
 										id: "homeVenue",
-										className: `${m} pl-9`,
-										value: F.homeVenue,
-										onChange: (e) => H("homeVenue", e.target.value),
+										className: `${h} pl-9`,
+										value: L.homeVenue,
+										onChange: (e) => W("homeVenue", e.target.value),
 										placeholder: "e.g. Riverside Stadium"
 									})]
 								})
 							})]
 						}),
-						/* @__PURE__ */ T(M, {
-							userId: F.headCoachId,
-							displayName: F.headCoachName,
-							onSelect: ({ userId: e, displayName: t }) => I((n) => ({
+						/* @__PURE__ */ E(N, {
+							userId: L.headCoachId,
+							displayName: L.headCoachName,
+							onSelect: ({ userId: e, displayName: t }) => R((n) => ({
 								...n,
 								headCoachId: e,
 								headCoachName: t
 							}))
 						}),
-						/* @__PURE__ */ E(p, {
+						/* @__PURE__ */ D(m, {
 							label: "Description",
 							htmlFor: "description",
-							children: [/* @__PURE__ */ T("textarea", {
+							children: [/* @__PURE__ */ E("textarea", {
 								id: "description",
-								className: m,
+								className: h,
 								rows: 3,
-								maxLength: A,
-								value: F.description,
-								onChange: (e) => H("description", e.target.value),
+								maxLength: j,
+								value: L.description,
+								onChange: (e) => W("description", e.target.value),
 								placeholder: "A short description of the team."
-							}), /* @__PURE__ */ E("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "mt-1 text-right text-xs tabular-nums text-text-muted",
 								children: [
-									F.description.length,
+									L.description.length,
 									"/",
-									A
+									j
 								]
 							})]
 						}),
-						/* @__PURE__ */ T(p, {
+						/* @__PURE__ */ E(m, {
 							label: "Tags",
 							htmlFor: "tags",
 							hint: "Type a tag and press Enter to add it; click × to remove.",
-							children: /* @__PURE__ */ E("div", {
+							children: /* @__PURE__ */ D("div", {
 								className: "flex flex-wrap items-center gap-1.5 rounded-lg border border-border-seam bg-bg-surface px-2 py-1.5 focus-within:ring-2 focus-within:ring-[var(--color-focus-ring)]",
-								children: [F.tags.map((e) => /* @__PURE__ */ E("span", {
+								children: [L.tags.map((e) => /* @__PURE__ */ D("span", {
 									className: "inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
-									children: [e, /* @__PURE__ */ T("button", {
+									children: [e, /* @__PURE__ */ E("button", {
 										type: "button",
-										onClick: () => W(e),
+										onClick: () => K(e),
 										"aria-label": `Remove tag ${e}`,
 										className: "rounded-full text-text-muted transition-colors hover:text-status-error-text",
-										children: /* @__PURE__ */ T(C, { className: "h-3 w-3" })
+										children: /* @__PURE__ */ E(w, { className: "h-3 w-3" })
 									})]
-								}, e)), /* @__PURE__ */ T("input", {
+								}, e)), /* @__PURE__ */ E("input", {
 									id: "tags",
 									className: "min-w-[8rem] flex-1 bg-transparent px-1 py-0.5 text-sm text-text-primary placeholder:text-text-muted focus:outline-none",
-									value: L,
-									onChange: (e) => R(e.target.value),
-									onKeyDown: G,
-									onBlur: () => U(L),
-									placeholder: F.tags.length ? "Add tag and press Enter…" : "youth, development"
+									value: z,
+									onChange: (e) => B(e.target.value),
+									onKeyDown: q,
+									onBlur: () => G(z),
+									placeholder: L.tags.length ? "Add tag and press Enter…" : "youth, development"
 								})]
 							})
 						}),
-						z && /* @__PURE__ */ T("p", {
+						V && /* @__PURE__ */ E("p", {
 							className: "text-sm text-status-error-text",
-							children: z
+							children: V
 						})
 					]
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ D("div", {
 					className: "mt-6 flex items-center justify-end gap-3 border-t border-border-seam pt-5",
-					children: [/* @__PURE__ */ T("button", {
+					children: [/* @__PURE__ */ E("button", {
 						type: "button",
-						onClick: () => s(i && n ? `/teams/${n}` : "/teams"),
+						onClick: () => p(c && a ? `/teams/${a}` : "/teams"),
 						className: "rounded-lg px-4 py-2 text-sm font-medium text-text-secondary transition-colors hover:text-text-primary",
-						children: "Cancel"
-					}), /* @__PURE__ */ E("button", {
+						children: r("common.cancel", "Cancel")
+					}), /* @__PURE__ */ D("button", {
 						type: "submit",
-						disabled: q,
+						disabled: Y,
 						className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-semibold text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
-						children: [q ? /* @__PURE__ */ T(y, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(x, { className: "h-4 w-4" }), i ? "Save changes" : "Create team"]
+						children: [Y ? /* @__PURE__ */ E(b, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ E(S, { className: "h-4 w-4" }), c ? r("atheletebridge.pages.teamForm.saveChanges", "Save changes") : r("atheletebridge.pages.teamForm.createTeam", "Create team")]
 					})]
 				})]
 			})
@@ -408,6 +413,6 @@ function P() {
 	});
 }
 //#endregion
-export { P as TeamFormPage };
+export { F as TeamFormPage };
 
 //# sourceMappingURL=TeamFormPage.js.map