astrogators-shared-ui 0.15.0 → 0.16.0

package/dist/index.js

@@ -1,6 +1,7 @@
-import e, { createContext as t, useCallback as n, useContext as r, useEffect as i, useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-var l = {
+import e, { createContext as t, forwardRef as n, useCallback as r, useContext as i, useEffect as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createPortal as d } from "react-dom";
+var f = {
 	container: "_container_u3o0e_1",
 	padding: "_padding_u3o0e_7",
 	"maxWidth-sm": "_maxWidth-sm_u3o0e_12",
@@ -8,203 +9,73 @@ var l = {
 	"maxWidth-lg": "_maxWidth-lg_u3o0e_20",
 	"maxWidth-xl": "_maxWidth-xl_u3o0e_24",
 	"maxWidth-full": "_maxWidth-full_u3o0e_28"
-}, u = ({ children: e, maxWidth: t = "xl", padding: n = !0, className: r = "", style: i }) => /* @__PURE__ */ s("div", {
-	className: `${l.container} ${l[`maxWidth-${t}`]} ${n ? l.padding : ""} ${r}`,
+}, p = ({ children: e, maxWidth: t = "xl", padding: n = !0, className: r = "", style: i }) => /* @__PURE__ */ l("div", {
+	className: `${f.container} ${f[`maxWidth-${t}`]} ${n ? f.padding : ""} ${r}`,
 	style: i,
 	children: e
-}), d = {
-	topBar: "_topBar_10g3c_1",
-	content: "_content_10g3c_13",
-	left: "_left_10g3c_23",
-	right: "_right_10g3c_30",
-	logo: "_logo_10g3c_36"
-}, f = ({ logo: e, leftContent: t, rightContent: n, className: r = "" }) => /* @__PURE__ */ s("header", {
-	className: `${d.topBar} ${r}`,
-	children: /* @__PURE__ */ c("div", {
-		className: d.content,
-		children: [/* @__PURE__ */ c("div", {
-			className: d.left,
-			children: [e && /* @__PURE__ */ s("div", {
-				className: d.logo,
+}), m = {
+	topBar: "_topBar_r058i_1",
+	content: "_content_r058i_17",
+	left: "_left_r058i_25",
+	right: "_right_r058i_32",
+	logo: "_logo_r058i_38"
+}, h = ({ logo: e, leftContent: t, rightContent: n, className: r = "" }) => /* @__PURE__ */ l("header", {
+	className: `${m.topBar} ${r}`,
+	children: /* @__PURE__ */ u("div", {
+		className: m.content,
+		children: [/* @__PURE__ */ u("div", {
+			className: m.left,
+			children: [e && /* @__PURE__ */ l("div", {
+				className: m.logo,
 				children: e
 			}), t]
-		}), /* @__PURE__ */ s("div", {
-			className: d.right,
+		}), /* @__PURE__ */ l("div", {
+			className: m.right,
 			children: n
 		})]
 	})
-}), p = {
-	button: "_button_159ms_1",
-	sm: "_sm_159ms_22",
-	md: "_md_159ms_28",
-	lg: "_lg_159ms_34",
-	primary: "_primary_159ms_41",
-	secondary: "_secondary_159ms_55",
-	outline: "_outline_159ms_69",
-	ghost: "_ghost_159ms_80",
-	danger: "_danger_159ms_89",
-	fullWidth: "_fullWidth_159ms_100",
-	loading: "_loading_159ms_105",
-	loadingSpinner: "_loadingSpinner_159ms_110",
-	spinner: "_spinner_159ms_116",
-	spin: "_spin_159ms_116",
-	loadingText: "_loadingText_159ms_131"
-}, m = ({ children: e, variant: t = "primary", size: n = "md", fullWidth: r = !1, loading: i = !1, disabled: a = !1, className: o = "", ...l }) => /* @__PURE__ */ s("button", {
-	className: `${p.button} ${p[t]} ${p[n]} ${r ? p.fullWidth : ""} ${i ? p.loading : ""} ${o}`,
-	disabled: a || i,
-	...l,
-	children: i ? /* @__PURE__ */ c("span", {
-		className: p.loadingSpinner,
-		children: [/* @__PURE__ */ s("span", { className: p.spinner }), /* @__PURE__ */ s("span", {
-			className: p.loadingText,
-			children: e
-		})]
-	}) : e
-}), h = {
-	selectWrapper: "_selectWrapper_ir4bq_1",
-	fullWidth: "_fullWidth_ir4bq_7",
-	label: "_label_ir4bq_11",
-	required: "_required_ir4bq_20",
-	selectContainer: "_selectContainer_ir4bq_24",
-	select: "_select_ir4bq_1",
-	error: "_error_ir4bq_63",
-	arrow: "_arrow_ir4bq_71",
-	errorText: "_errorText_ir4bq_81",
-	helperText: "_helperText_ir4bq_86"
-}, g = e.forwardRef(({ label: e, error: t, helperText: n, options: r, placeholder: i, fullWidth: a = !1, className: o = "", id: l, ...u }, d) => {
-	let f = l || `select-${Math.random().toString(36).substr(2, 9)}`, p = !!t;
-	return /* @__PURE__ */ c("div", {
-		className: `${h.selectWrapper} ${a ? h.fullWidth : ""} ${o}`,
-		children: [
-			e && /* @__PURE__ */ c("label", {
-				htmlFor: f,
-				className: h.label,
-				children: [e, u.required && /* @__PURE__ */ s("span", {
-					className: h.required,
-					children: "*"
-				})]
-			}),
-			/* @__PURE__ */ c("div", {
-				className: h.selectContainer,
-				children: [/* @__PURE__ */ c("select", {
-					ref: d,
-					id: f,
-					className: `${h.select} ${p ? h.error : ""}`,
-					...u,
-					children: [
-						i && /* @__PURE__ */ s("option", {
-							value: "",
-							disabled: !0,
-							children: i
-						}),
-						r && r.map((e) => /* @__PURE__ */ s("option", {
-							value: e.value,
-							disabled: e.disabled,
-							children: e.label
-						}, e.value)),
-						!r && u.children
-					]
-				}), /* @__PURE__ */ s("span", {
-					className: h.arrow,
-					children: "▼"
-				})]
-			}),
-			t && /* @__PURE__ */ s("span", {
-				className: h.errorText,
-				children: t
-			}),
-			n && !t && /* @__PURE__ */ s("span", {
-				className: h.helperText,
-				children: n
-			})
-		]
-	});
-});
-g.displayName = "Select";
-var _ = {
-	inputWrapper: "_inputWrapper_15t4g_1",
-	fullWidth: "_fullWidth_15t4g_7",
-	label: "_label_15t4g_11",
-	required: "_required_15t4g_20",
-	input: "_input_15t4g_1",
-	error: "_error_15t4g_55",
-	errorText: "_errorText_15t4g_63",
-	helperText: "_helperText_15t4g_68"
-}, v = e.forwardRef(({ label: e, error: t, helperText: n, fullWidth: r = !1, className: i = "", id: a, ...o }, l) => {
-	let u = a || `input-${Math.random().toString(36).substr(2, 9)}`, d = !!t;
-	return /* @__PURE__ */ c("div", {
-		className: `${_.inputWrapper} ${r ? _.fullWidth : ""} ${i}`,
-		children: [
-			e && /* @__PURE__ */ c("label", {
-				htmlFor: u,
-				className: _.label,
-				children: [e, o.required && /* @__PURE__ */ s("span", {
-					className: _.required,
-					children: "*"
-				})]
-			}),
-			/* @__PURE__ */ s("input", {
-				ref: l,
-				id: u,
-				className: `${_.input} ${d ? _.error : ""}`,
-				...o
-			}),
-			t && /* @__PURE__ */ s("span", {
-				className: _.errorText,
-				children: t
-			}),
-			n && !t && /* @__PURE__ */ s("span", {
-				className: _.helperText,
-				children: n
-			})
-		]
-	});
-});
-v.displayName = "Input";
-//#endregion
-//#region src/services/auth.ts
-var y = "astrogators_access_token", b = "astrogators_refresh_token", x = () => localStorage.getItem(y), S = (e) => {
-	localStorage.setItem(y, e);
+}), g = "astrogators_access_token", _ = "astrogators_refresh_token", v = () => localStorage.getItem(g), y = (e) => {
+	localStorage.setItem(g, e);
+}, b = () => {
+	localStorage.removeItem(g);
+}, x = () => localStorage.getItem(_), S = (e) => {
+	localStorage.setItem(_, e);
 }, C = () => {
-	localStorage.removeItem(y);
-}, w = () => localStorage.getItem(b), T = (e) => {
-	localStorage.setItem(b, e);
-}, E = () => {
-	localStorage.removeItem(b);
-}, D = (e, t) => {
-	S(e), T(t);
-}, O = () => {
-	C(), E();
-}, ee = () => !!x(), te = "", k, A = null, j = (e) => {
-	te = e.baseURL, k = e.onUnauthorized;
-}, M = () => A || (A = (async () => {
-	let e = w();
+	localStorage.removeItem(_);
+}, w = (e, t) => {
+	y(e), S(t);
+}, T = () => {
+	b(), C();
+}, E = () => !!v(), D = "", O, k = null, A = (e) => {
+	D = e.baseURL, O = e.onUnauthorized;
+}, j = () => k || (k = (async () => {
+	let e = x();
 	if (!e) throw Error("No refresh token available");
-	let t = await fetch(`${te}/api/v1/auth/refresh`, {
+	let t = await fetch(`${D}/api/v1/auth/refresh`, {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ refresh_token: e })
 	});
-	if (!t.ok) throw O(), k?.(), Error("Token refresh failed");
+	if (!t.ok) throw T(), O?.(), Error("Token refresh failed");
 	let n = await t.json();
-	return D(n.access_token, n.refresh_token), n.access_token;
+	return w(n.access_token, n.refresh_token), n.access_token;
 })().finally(() => {
-	A = null;
-}), A), N = 30, P = [700, 1500], ne = new Set([
+	k = null;
+}), k), ee = 30, M = [700, 1500], N = new Set([
 	502,
 	503,
 	504
-]), F = (e) => {
+]), P = (e) => {
 	let t = (e ?? "GET").toUpperCase();
 	return t === "GET" || t === "HEAD" || t === "OPTIONS";
-}, I = (e) => e == null || typeof e == "string", re = (e) => new Promise((t) => setTimeout(t, e)), ie = async (e, t) => {
-	let n = F(t.method) && I(t.body), r = I(t.body), i;
-	for (let a = 0; a <= P.length; a++) {
-		a > 0 && await re(P[a - 1]);
-		let o = a < P.length;
+}, F = (e) => e == null || typeof e == "string", te = (e) => new Promise((t) => setTimeout(t, e)), I = async (e, t) => {
+	let n = P(t.method) && F(t.body), r = F(t.body), i;
+	for (let a = 0; a <= M.length; a++) {
+		a > 0 && await te(M[a - 1]);
+		let o = a < M.length;
 		try {
 			let r = await fetch(e, t);
-			if (o && n && ne.has(r.status)) continue;
+			if (o && n && N.has(r.status)) continue;
 			return r;
 		} catch (e) {
 			if (i = e, o && r) continue;
@@ -212,39 +83,39 @@ var y = "astrogators_access_token", b = "astrogators_refresh_token", x = () => l
 		}
 	}
 	throw i ?? /* @__PURE__ */ Error("fetchWithRetry: retries exhausted");
-}, ae = (e) => {
+}, ne = (e) => {
 	try {
 		let t = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), { exp: n } = JSON.parse(atob(t));
-		return typeof n == "number" && Date.now() / 1e3 >= n - N;
+		return typeof n == "number" && Date.now() / 1e3 >= n - ee;
 	} catch {
 		return !1;
 	}
-}, oe = async (e, t = {}) => {
-	let n = x();
-	if (n && ae(n)) try {
-		n = await M();
+}, re = async (e, t = {}) => {
+	let n = v();
+	if (n && ne(n)) try {
+		n = await j();
 	} catch {
-		n = x();
+		n = v();
 	}
 	let r = { ...t.headers };
 	n && (r.Authorization = `Bearer ${n}`);
-	let i = await ie(e, {
+	let i = await I(e, {
 		...t,
 		headers: r
 	});
 	if (i.status !== 401 || !n) return i;
 	try {
-		return r.Authorization = `Bearer ${await M()}`, await ie(e, {
+		return r.Authorization = `Bearer ${await j()}`, await I(e, {
 			...t,
 			headers: r
 		});
 	} catch {
 		return i;
 	}
-}, se = class {
+}, ie = class {
 	baseURL;
 	constructor(e) {
-		this.baseURL = e.baseURL, j({
+		this.baseURL = e.baseURL, A({
 			baseURL: e.baseURL,
 			onUnauthorized: e.onUnauthorized
 		});
@@ -253,7 +124,7 @@ var y = "astrogators_access_token", b = "astrogators_refresh_token", x = () => l
 		let n = {
 			"Content-Type": "application/json",
 			...t.headers
-		}, r = await oe(`${this.baseURL}${e}`, {
+		}, r = await re(`${this.baseURL}${e}`, {
 			...t,
 			headers: n
 		});
@@ -303,33 +174,33 @@ var y = "astrogators_access_token", b = "astrogators_refresh_token", x = () => l
 			method: "DELETE"
 		});
 	}
-}, L, ce = (e) => {
-	L = new se(e);
-}, R = "astrogators_ally_codes", z = "astrogators_selected_ally_code", B = () => {
+}, L, ae = (e) => {
+	L = new ie(e);
+}, R = "astrogators_ally_codes", oe = "astrogators_selected_ally_code", z = () => {
 	try {
 		let e = localStorage.getItem(R);
 		return e ? JSON.parse(e) : [];
 	} catch (e) {
 		return console.error("Failed to read ally codes from localStorage:", e), [];
 	}
-}, le = (e) => {
+}, se = (e) => {
 	try {
-		let t = B();
+		let t = z();
 		if (t.some((t) => t.ally_code === e.ally_code)) return;
 		t.push(e), localStorage.setItem(R, JSON.stringify(t));
 	} catch (e) {
 		console.error("Failed to save ally code to localStorage:", e);
 	}
-}, ue = (e) => {
+}, ce = (e) => {
 	try {
-		let t = B().filter((t) => t.ally_code !== e);
+		let t = z().filter((t) => t.ally_code !== e);
 		localStorage.setItem(R, JSON.stringify(t));
 	} catch (e) {
 		console.error("Failed to remove ally code from localStorage:", e);
 	}
-}, V = (e) => {
+}, le = (e) => {
 	try {
-		let t = B().map((t) => t.ally_code === e ? {
+		let t = z().map((t) => t.ally_code === e ? {
 			...t,
 			last_used_at: (/* @__PURE__ */ new Date()).toISOString()
 		} : t);
@@ -337,16 +208,16 @@ var y = "astrogators_access_token", b = "astrogators_refresh_token", x = () => l
 	} catch (e) {
 		console.error("Failed to update ally code last used:", e);
 	}
-}, de = () => localStorage.getItem(z), H = (e) => {
-	e ? localStorage.setItem(z, e) : localStorage.removeItem(z);
-}, fe = () => {
-	localStorage.removeItem(R), localStorage.removeItem(z);
-}, pe = t(void 0), me = ({ children: e, apiBaseUrl: t }) => {
-	let [r, o] = a(null), [c, l] = a(!0), [u, d] = a(!0), [f, p] = a(!0), [m, h] = a([]), [g, _] = a(null), [v, y] = a(!1), [b, x] = a({
+}, ue = () => localStorage.getItem(oe), B = (e) => {
+	e ? localStorage.setItem(oe, e) : localStorage.removeItem(oe);
+}, de = () => {
+	localStorage.removeItem(R), localStorage.removeItem(oe);
+}, fe = t(void 0), pe = ({ children: e, apiBaseUrl: t }) => {
+	let [n, i] = s(null), [o, c] = s(!0), [u, d] = s(!0), [f, p] = s(!0), [m, h] = s([]), [g, _] = s(null), [v, y] = s(!1), [b, x] = s({
 		show: !1,
 		localStorageCodes: []
 	});
-	ce({ baseURL: t }), i(() => {
+	ae({ baseURL: t }), a(() => {
 		(async () => {
 			try {
 				d((await L.get("/api/v1/config/features")).auth_enabled);
@@ -357,381 +228,842 @@ var y = "astrogators_access_token", b = "astrogators_refresh_token", x = () => l
 			}
 		})();
 	}, [t]);
-	let S = n(async () => {
-		if (!ee()) {
-			o(null), l(!1);
+	let S = r(async () => {
+		if (!E()) {
+			i(null), c(!1);
 			return;
 		}
 		try {
-			o(await L.get("/api/v1/users/me"));
+			i(await L.get("/api/v1/users/me"));
 		} catch (e) {
-			console.error("Failed to fetch user:", e), o(null), O();
+			console.error("Failed to fetch user:", e), i(null), T();
 		} finally {
-			l(!1);
+			c(!1);
 		}
 	}, []);
-	i(() => {
+	a(() => {
 		S();
 	}, [S]);
 	let C = async (e) => {
 		try {
 			let t = await L.post("/api/v1/auth/login", e);
-			D(t.access_token, t.refresh_token), o(await L.get("/api/v1/users/me"));
+			w(t.access_token, t.refresh_token), i(await L.get("/api/v1/users/me"));
 		} catch (e) {
 			throw console.error("Login failed:", e), e;
 		}
-	}, w = async (e) => {
+	}, D = async (e) => {
 		try {
 			await L.post("/api/v1/auth/register", e);
 		} catch (e) {
 			throw console.error("Registration failed:", e), e;
 		}
-	}, T = () => {
-		O(), o(null), h([]), _(null), H(null), x({
+	}, O = () => {
+		T(), i(null), h([]), _(null), B(null), x({
 			show: !1,
 			localStorageCodes: []
 		});
-	}, E = async () => {
+	}, k = async () => {
 		await S();
-	}, te = async (e) => {
+	}, A = async (e) => {
 		try {
 			return (await L.post("/api/v1/auth/forgot-password", e)).message;
 		} catch (e) {
 			throw console.error("Forgot password failed:", e), e;
 		}
-	}, k = async (e) => {
+	}, j = async (e) => {
 		try {
 			return (await L.post("/api/v1/auth/reset-password", e)).message;
 		} catch (e) {
 			throw console.error("Reset password failed:", e), e;
 		}
-	}, A = async (e) => {
+	}, ee = async (e) => {
 		try {
 			return (await L.post("/api/v1/auth/resend-verification", e)).message;
 		} catch (e) {
 			throw console.error("Resend verification failed:", e), e;
 		}
-	}, j = n(async () => {
+	}, M = r(async () => {
 		y(!0);
 		try {
 			let e = [];
-			if (r) {
+			if (n) {
 				let t = await L.get("/api/v1/users/me/ally-codes");
 				h(t.ally_codes), e = t.ally_codes.map((e) => e.ally_code);
-				let n = B();
+				let n = z();
 				n.length > 0 && x({
 					show: !0,
 					localStorageCodes: n.map((e) => e.ally_code)
 				});
 			} else {
-				let t = B();
+				let t = z();
 				h(t), e = t.map((e) => e.ally_code);
 			}
-			let t = de(), n = t && e.includes(t) ? t : null;
-			_(n), n !== t && H(n);
+			let t = ue(), r = t && e.includes(t) ? t : null;
+			_(r), r !== t && B(r);
 		} catch (e) {
 			console.error("Failed to fetch ally codes:", e), h([]);
 		} finally {
 			y(!1);
 		}
-	}, [r]), M = n(async (e) => {
-		r && typeof e == "number" ? (await L.put(`/api/v1/users/me/ally-codes/${e}/use`, {}), await j()) : !r && typeof e == "string" && (V(e), h(B()));
-	}, [r, j]), N = n((e) => {
-		if (_(e), H(e), e && r) {
+	}, [n]), N = r(async (e) => {
+		n && typeof e == "number" ? (await L.put(`/api/v1/users/me/ally-codes/${e}/use`, {}), await M()) : !n && typeof e == "string" && (le(e), h(z()));
+	}, [n, M]), P = r((e) => {
+		if (_(e), B(e), e && n) {
 			let t = m.find((t) => "ally_code" in t && t.ally_code === e);
-			t && "id" in t && M(t.id);
-		} else e && !r && V(e);
+			t && "id" in t && N(t.id);
+		} else e && !n && le(e);
 	}, [
-		r,
+		n,
 		m,
-		M
-	]), P = n(async (e) => {
+		N
+	]), F = r(async (e) => {
 		if (!/^\d{9}$/.test(e)) throw Error("Ally code must be exactly 9 digits");
-		if (r) {
+		if (n) {
 			let t = await L.post("/api/v1/users/me/ally-codes", { ally_code: e });
-			h((e) => [t, ...e]), m.length === 0 && N(e);
+			h((e) => [t, ...e]), m.length === 0 && P(e);
 		} else {
 			let t = await L.get(`/api/v1/player-data/player/${e}`);
 			if (!t) throw Error("Invalid ally code - player not found");
-			le({
+			se({
 				ally_code: e,
 				player_name: t.data?.name ?? null,
 				last_used_at: (/* @__PURE__ */ new Date()).toISOString()
-			}), h(B()), m.length === 0 && N(e);
+			}), h(z()), m.length === 0 && P(e);
 		}
 	}, [
-		r,
+		n,
 		m.length,
-		N
-	]), ne = n(async (e) => {
-		r && typeof e == "number" ? (await L.delete(`/api/v1/users/me/ally-codes/${e}`), h((t) => t.filter((t) => "id" in t && t.id !== e))) : !r && typeof e == "string" && (ue(e), h(B()), g === e && N(null));
+		P
+	]), te = r(async (e) => {
+		n && typeof e == "number" ? (await L.delete(`/api/v1/users/me/ally-codes/${e}`), h((t) => t.filter((t) => "id" in t && t.id !== e))) : !n && typeof e == "string" && (ce(e), h(z()), g === e && P(null));
 	}, [
-		r,
+		n,
 		g,
-		N
-	]), F = n(() => {
+		P
+	]), I = r(() => {
 		x({
 			show: !1,
 			localStorageCodes: []
 		});
-	}, []), I = n(async () => {
-		if (!r) return;
-		let e = B();
+	}, []), ne = r(async () => {
+		if (!n) return;
+		let e = z();
 		for (let t of e) try {
-			await P(t.ally_code);
+			await F(t.ally_code);
 		} catch (e) {
 			console.error(`Failed to migrate ally code ${t.ally_code}:`, e);
 		}
-		fe(), F();
+		de(), I();
 	}, [
-		r,
-		P,
-		F
+		n,
+		F,
+		I
 	]);
-	i(() => {
-		j();
-	}, [j]);
+	a(() => {
+		M();
+	}, [M]);
 	let re = {
-		user: r,
-		isAuthenticated: !!r,
-		isLoading: c,
+		user: n,
+		isAuthenticated: !!n,
+		isLoading: o,
 		login: C,
-		register: w,
-		logout: T,
-		refreshUser: E,
-		forgotPassword: te,
-		resetPassword: k,
-		resendVerification: A,
+		register: D,
+		logout: O,
+		refreshUser: k,
+		forgotPassword: A,
+		resetPassword: j,
+		resendVerification: ee,
 		authEnabled: u,
 		isLoadingFeatures: f,
 		allyCodes: m,
 		selectedAllyCode: g,
 		isLoadingAllyCodes: v,
-		fetchAllyCodes: j,
-		addAllyCode: P,
-		removeAllyCode: ne,
-		selectAllyCode: N,
-		updateAllyCodeLastUsed: M,
+		fetchAllyCodes: M,
+		addAllyCode: F,
+		removeAllyCode: te,
+		selectAllyCode: P,
+		updateAllyCodeLastUsed: N,
 		migrationPrompt: b,
-		dismissMigrationPrompt: F,
-		migrateLocalStorageCodes: I
+		dismissMigrationPrompt: I,
+		migrateLocalStorageCodes: ne
 	};
-	return /* @__PURE__ */ s(pe.Provider, {
+	return /* @__PURE__ */ l(fe.Provider, {
 		value: re,
 		children: e
 	});
-}, U = () => {
-	let e = r(pe);
+}, V = () => {
+	let e = i(fe);
 	if (e === void 0) throw Error("useAuth must be used within an AuthProvider");
 	return e;
-}, W = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6, 9)}`, he = (e) => e.replace(/-/g, ""), G = {
-	allyCodeDropdown: "_allyCodeDropdown_1m0tw_1",
-	select: "_select_1m0tw_8",
-	manageButton: "_manageButton_1m0tw_12",
-	managePanel: "_managePanel_1m0tw_16",
-	addSection: "_addSection_1m0tw_37",
-	addInputGroup: "_addInputGroup_1m0tw_43",
-	error: "_error_1m0tw_55",
-	success: "_success_1m0tw_61",
-	codesList: "_codesList_1m0tw_67",
-	codeItem: "_codeItem_1m0tw_71",
-	doneButton: "_doneButton_1m0tw_88"
-}, ge = ({ onAllyCodeSelected: e, className: t = "" }) => {
-	let { allyCodes: n, selectedAllyCode: r, selectAllyCode: i, removeAllyCode: o, addAllyCode: l, isLoadingAllyCodes: u } = U(), [d, f] = a(!1), [p, h] = a(""), [_, y] = a(""), [b, x] = a(""), [S, C] = a(!1), w = n.map((e) => ({
+};
+//#endregion
+//#region src/hooks/useDismissableMenu.ts
+function me({ isOpen: e, onClose: t, triggerRef: n, panelRef: r }) {
+	a(() => {
+		if (!e) return;
+		let i = (e) => {
+			let i = e.target;
+			n.current?.contains(i) || r.current?.contains(i) || t();
+		}, a = (e) => {
+			e.key === "Escape" && (t(), n.current?.focus());
+		};
+		return document.addEventListener("mousedown", i), document.addEventListener("keydown", a), () => {
+			document.removeEventListener("mousedown", i), document.removeEventListener("keydown", a);
+		};
+	}, [
+		e,
+		t,
+		n,
+		r
+	]);
+}
+var H = {
+	navMenu: "_navMenu_b9xlf_1",
+	trigger: "_trigger_b9xlf_8",
+	tabActive: "_tabActive_b9xlf_29",
+	chevron: "_chevron_b9xlf_34",
+	panel: "_panel_b9xlf_43",
+	sectionLink: "_sectionLink_b9xlf_57",
+	sectionActive: "_sectionActive_b9xlf_71",
+	comingSoon: "_comingSoon_b9xlf_76"
+}, he = ({ app: e, isCurrentApp: t, activeSectionId: n, isOpen: r, onOpenChange: i, onSectionClick: a }) => {
+	let { isAuthenticated: s, user: c } = V(), d = o(null), f = o(null), p = `navmenu-panel-${e.id}`;
+	me({
+		isOpen: r,
+		onClose: () => i(!1),
+		triggerRef: d,
+		panelRef: f
+	});
+	let m = e.sections.filter((e) => !(e.requiresAuth && !s || e.roles && (!c || !e.roles.includes(c.role)))), h = (e) => (n) => {
+		t && a?.(e, n), i(!1);
+	};
+	return /* @__PURE__ */ u("div", {
+		className: H.navMenu,
+		children: [/* @__PURE__ */ u("button", {
+			type: "button",
+			ref: d,
+			className: `${H.trigger} ${t ? H.tabActive : ""}`,
+			"aria-expanded": r,
+			"aria-controls": p,
+			"aria-haspopup": "true",
+			onClick: () => i(!r),
+			children: [e.label, /* @__PURE__ */ l("svg", {
+				className: H.chevron,
+				width: "10",
+				height: "6",
+				viewBox: "0 0 10 6",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ l("path", {
+					d: "M1 1l4 4 4-4",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					fill: "none",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})]
+		}), r && /* @__PURE__ */ l("div", {
+			id: p,
+			ref: f,
+			className: H.panel,
+			children: e.status === "coming-soon" ? /* @__PURE__ */ l("div", {
+				className: H.comingSoon,
+				children: "Coming soon"
+			}) : /* @__PURE__ */ l("nav", {
+				"aria-label": `${e.label} sections`,
+				onKeyDown: (e) => {
+					if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+					let t = Array.from(e.currentTarget.querySelectorAll("a")), n = t.indexOf(document.activeElement);
+					n !== -1 && (e.preventDefault(), t[e.key === "ArrowDown" ? (n + 1) % t.length : (n - 1 + t.length) % t.length]?.focus());
+				},
+				children: m.map((e) => {
+					let r = t && n === e.id;
+					return /* @__PURE__ */ l("a", {
+						href: e.href,
+						className: `${H.sectionLink} ${r ? H.sectionActive : ""}`,
+						"aria-current": r ? "page" : void 0,
+						onClick: h(e),
+						children: e.label
+					}, e.id);
+				})
+			})
+		})]
+	});
+}, ge = { burger: "_burger_javjr_1" }, _e = n(({ isOpen: e, onClick: t, controlsId: n }, r) => /* @__PURE__ */ l("button", {
+	ref: r,
+	type: "button",
+	className: ge.burger,
+	onClick: t,
+	"aria-expanded": e,
+	"aria-controls": n,
+	"aria-label": e ? "Close navigation menu" : "Open navigation menu",
+	children: e ? /* @__PURE__ */ l("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 20 20",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ l("path", {
+			d: "M4 4l12 12M16 4L4 16",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round"
+		})
+	}) : /* @__PURE__ */ l("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 20 20",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ l("path", {
+			d: "M2 5h16M2 10h16M2 15h16",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round"
+		})
+	})
+}));
+_e.displayName = "NavBurger";
+//#endregion
+//#region src/navigation/suiteNav.ts
+var ve = [
+	{
+		id: "mod-ledger",
+		label: "Mod Ledger",
+		href: "/mod-ledger/",
+		status: "available",
+		sections: [
+			{
+				id: "grid",
+				label: "Grid",
+				href: "/mod-ledger/"
+			},
+			{
+				id: "evaluations",
+				label: "Evaluations",
+				href: "/mod-ledger/evaluations"
+			},
+			{
+				id: "moderation",
+				label: "Moderation",
+				href: "/mod-ledger/moderation",
+				roles: ["admin", "mod"]
+			}
+		]
+	},
+	{
+		id: "navicharts",
+		label: "Navicharts",
+		href: "/navicharts/",
+		status: "available",
+		sections: [{
+			id: "library",
+			label: "My Star Charts",
+			href: "/navicharts/"
+		}]
+	},
+	{
+		id: "nightwatcher",
+		label: "Nightwatcher",
+		href: "/nightwatcher/",
+		status: "available",
+		sections: [{
+			id: "overview",
+			label: "Overview",
+			href: "/nightwatcher/"
+		}]
+	}
+], U = {
+	selectWrapper: "_selectWrapper_ir4bq_1",
+	fullWidth: "_fullWidth_ir4bq_7",
+	label: "_label_ir4bq_11",
+	required: "_required_ir4bq_20",
+	selectContainer: "_selectContainer_ir4bq_24",
+	select: "_select_ir4bq_1",
+	error: "_error_ir4bq_63",
+	arrow: "_arrow_ir4bq_71",
+	errorText: "_errorText_ir4bq_81",
+	helperText: "_helperText_ir4bq_86"
+}, ye = e.forwardRef(({ label: e, error: t, helperText: n, options: r, placeholder: i, fullWidth: a = !1, className: o = "", id: s, ...c }, d) => {
+	let f = s || `select-${Math.random().toString(36).substr(2, 9)}`, p = !!t;
+	return /* @__PURE__ */ u("div", {
+		className: `${U.selectWrapper} ${a ? U.fullWidth : ""} ${o}`,
+		children: [
+			e && /* @__PURE__ */ u("label", {
+				htmlFor: f,
+				className: U.label,
+				children: [e, c.required && /* @__PURE__ */ l("span", {
+					className: U.required,
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: U.selectContainer,
+				children: [/* @__PURE__ */ u("select", {
+					ref: d,
+					id: f,
+					className: `${U.select} ${p ? U.error : ""}`,
+					...c,
+					children: [
+						i && /* @__PURE__ */ l("option", {
+							value: "",
+							disabled: !0,
+							children: i
+						}),
+						r && r.map((e) => /* @__PURE__ */ l("option", {
+							value: e.value,
+							disabled: e.disabled,
+							children: e.label
+						}, e.value)),
+						!r && c.children
+					]
+				}), /* @__PURE__ */ l("span", {
+					className: U.arrow,
+					children: "▼"
+				})]
+			}),
+			t && /* @__PURE__ */ l("span", {
+				className: U.errorText,
+				children: t
+			}),
+			n && !t && /* @__PURE__ */ l("span", {
+				className: U.helperText,
+				children: n
+			})
+		]
+	});
+});
+ye.displayName = "Select";
+var W = {
+	button: "_button_159ms_1",
+	sm: "_sm_159ms_22",
+	md: "_md_159ms_28",
+	lg: "_lg_159ms_34",
+	primary: "_primary_159ms_41",
+	secondary: "_secondary_159ms_55",
+	outline: "_outline_159ms_69",
+	ghost: "_ghost_159ms_80",
+	danger: "_danger_159ms_89",
+	fullWidth: "_fullWidth_159ms_100",
+	loading: "_loading_159ms_105",
+	loadingSpinner: "_loadingSpinner_159ms_110",
+	spinner: "_spinner_159ms_116",
+	spin: "_spin_159ms_116",
+	loadingText: "_loadingText_159ms_131"
+}, G = ({ children: e, variant: t = "primary", size: n = "md", fullWidth: r = !1, loading: i = !1, disabled: a = !1, className: o = "", ...s }) => /* @__PURE__ */ l("button", {
+	className: `${W.button} ${W[t]} ${W[n]} ${r ? W.fullWidth : ""} ${i ? W.loading : ""} ${o}`,
+	disabled: a || i,
+	...s,
+	children: i ? /* @__PURE__ */ u("span", {
+		className: W.loadingSpinner,
+		children: [/* @__PURE__ */ l("span", { className: W.spinner }), /* @__PURE__ */ l("span", {
+			className: W.loadingText,
+			children: e
+		})]
+	}) : e
+}), K = {
+	inputWrapper: "_inputWrapper_15t4g_1",
+	fullWidth: "_fullWidth_15t4g_7",
+	label: "_label_15t4g_11",
+	required: "_required_15t4g_20",
+	input: "_input_15t4g_1",
+	error: "_error_15t4g_55",
+	errorText: "_errorText_15t4g_63",
+	helperText: "_helperText_15t4g_68"
+}, be = e.forwardRef(({ label: e, error: t, helperText: n, fullWidth: r = !1, className: i = "", id: a, ...o }, s) => {
+	let c = a || `input-${Math.random().toString(36).substr(2, 9)}`, d = !!t;
+	return /* @__PURE__ */ u("div", {
+		className: `${K.inputWrapper} ${r ? K.fullWidth : ""} ${i}`,
+		children: [
+			e && /* @__PURE__ */ u("label", {
+				htmlFor: c,
+				className: K.label,
+				children: [e, o.required && /* @__PURE__ */ l("span", {
+					className: K.required,
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ l("input", {
+				ref: s,
+				id: c,
+				className: `${K.input} ${d ? K.error : ""}`,
+				...o
+			}),
+			t && /* @__PURE__ */ l("span", {
+				className: K.errorText,
+				children: t
+			}),
+			n && !t && /* @__PURE__ */ l("span", {
+				className: K.helperText,
+				children: n
+			})
+		]
+	});
+});
+be.displayName = "Input";
+//#endregion
+//#region src/utils/formatAllyCode.ts
+var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6, 9)}`, xe = (e) => e.replace(/-/g, ""), J = {
+	allyCodeDropdown: "_allyCodeDropdown_1pawi_1",
+	select: "_select_1pawi_8",
+	manageButton: "_manageButton_1pawi_12",
+	managePanel: "_managePanel_1pawi_16",
+	addSection: "_addSection_1pawi_37",
+	addInputGroup: "_addInputGroup_1pawi_43",
+	error: "_error_1pawi_55",
+	success: "_success_1pawi_61",
+	codesList: "_codesList_1pawi_67",
+	codeItem: "_codeItem_1pawi_71",
+	doneButton: "_doneButton_1pawi_88",
+	inline: "_inline_1pawi_107"
+}, Se = ({ onAllyCodeSelected: e, className: t = "", isOpen: n, onOpenChange: r, variant: i = "floating" }) => {
+	let { allyCodes: a, selectedAllyCode: c, selectAllyCode: d, removeAllyCode: f, addAllyCode: p, isLoadingAllyCodes: m } = V(), [h, g] = s(!1), _ = n ?? h, v = (e) => {
+		g(e), r?.(e);
+	}, [y, b] = s(""), [x, S] = s(""), [C, w] = s(""), [T, E] = s(!1), D = o(null), O = o(null);
+	me({
+		isOpen: _ && i === "floating",
+		onClose: () => v(!1),
+		triggerRef: D,
+		panelRef: O
+	});
+	let k = a.map((e) => ({
 		value: e.ally_code,
-		label: e.player_name ? `${e.player_name} (${W(e.ally_code)})` : W(e.ally_code)
-	})), T = (t) => {
+		label: e.player_name ? `${e.player_name} (${q(e.ally_code)})` : q(e.ally_code)
+	})), A = (t) => {
 		let n = t.target.value || null;
-		i(n), e?.(n);
-	}, E = async (e) => {
-		let t = n.find((t) => t.ally_code === e);
-		t && await o("id" in t ? t.id : t.ally_code);
-	}, D = async () => {
-		if (y(""), x(""), !/^\d{9}$/.test(p)) {
-			y("Ally code must be exactly 9 digits");
+		d(n), e?.(n);
+	}, j = async (e) => {
+		let t = a.find((t) => t.ally_code === e);
+		t && await f("id" in t ? t.id : t.ally_code);
+	}, ee = async () => {
+		if (S(""), w(""), !/^\d{9}$/.test(y)) {
+			S("Ally code must be exactly 9 digits");
 			return;
 		}
-		C(!0);
+		E(!0);
 		try {
-			await l(p), x("Added successfully!"), h(""), setTimeout(() => x(""), 2e3);
+			await p(y), w("Added successfully!"), b(""), setTimeout(() => w(""), 2e3);
 		} catch (e) {
-			y(e.message || "Failed to add ally code");
+			S(e.message || "Failed to add ally code");
 		} finally {
-			C(!1);
+			E(!1);
 		}
-	}, O = n.length > 0;
-	return /* @__PURE__ */ c("div", {
-		className: `${G.allyCodeDropdown} ${t}`,
+	}, M = a.length > 0;
+	return /* @__PURE__ */ u("div", {
+		className: `${J.allyCodeDropdown} ${i === "inline" ? J.inline : ""} ${t}`,
 		children: [
-			O && /* @__PURE__ */ s(g, {
-				options: w,
-				value: r || "",
-				onChange: T,
+			M && /* @__PURE__ */ l(ye, {
+				options: k,
+				value: c || "",
+				onChange: A,
 				placeholder: "Select ally code",
-				disabled: u,
-				className: G.select
+				disabled: m,
+				className: J.select
 			}),
-			d && /* @__PURE__ */ c("div", {
-				className: G.managePanel,
+			_ && /* @__PURE__ */ u("div", {
+				className: J.managePanel,
+				ref: O,
+				id: "ally-code-manage-panel",
 				children: [
-					/* @__PURE__ */ s("h4", { children: "Manage Ally Codes" }),
-					/* @__PURE__ */ c("div", {
-						className: G.addSection,
+					/* @__PURE__ */ l("h4", { children: "Manage Ally Codes" }),
+					/* @__PURE__ */ u("div", {
+						className: J.addSection,
 						children: [
-							/* @__PURE__ */ c("div", {
-								className: G.addInputGroup,
-								children: [/* @__PURE__ */ s(v, {
+							/* @__PURE__ */ u("div", {
+								className: J.addInputGroup,
+								children: [/* @__PURE__ */ l(be, {
 									type: "text",
 									placeholder: "9-digit ally code",
-									value: p,
-									onChange: (e) => h(e.target.value.replace(/\D/g, "").slice(0, 9)),
-									disabled: S
-								}), /* @__PURE__ */ s(m, {
+									value: y,
+									onChange: (e) => b(e.target.value.replace(/\D/g, "").slice(0, 9)),
+									disabled: T
+								}), /* @__PURE__ */ l(G, {
 									variant: "primary",
 									size: "sm",
-									onClick: D,
-									loading: S,
-									disabled: p.length !== 9,
+									onClick: ee,
+									loading: T,
+									disabled: y.length !== 9,
 									children: "Add"
 								})]
 							}),
-							_ && /* @__PURE__ */ s("div", {
-								className: G.error,
-								children: _
+							x && /* @__PURE__ */ l("div", {
+								className: J.error,
+								children: x
 							}),
-							b && /* @__PURE__ */ s("div", {
-								className: G.success,
-								children: b
+							C && /* @__PURE__ */ l("div", {
+								className: J.success,
+								children: C
 							})
 						]
 					}),
-					/* @__PURE__ */ s("div", {
-						className: G.codesList,
-						children: n.map((e) => /* @__PURE__ */ c("div", {
-							className: G.codeItem,
-							children: [/* @__PURE__ */ s("span", { children: e.player_name ? `${e.player_name} (${W(e.ally_code)})` : W(e.ally_code) }), /* @__PURE__ */ s(m, {
+					/* @__PURE__ */ l("div", {
+						className: J.codesList,
+						children: a.map((e) => /* @__PURE__ */ u("div", {
+							className: J.codeItem,
+							children: [/* @__PURE__ */ l("span", { children: e.player_name ? `${e.player_name} (${q(e.ally_code)})` : q(e.ally_code) }), /* @__PURE__ */ l(G, {
 								variant: "ghost",
 								size: "sm",
-								onClick: () => E(e.ally_code),
+								onClick: () => j(e.ally_code),
 								children: "Remove"
 							})]
 						}, e.ally_code))
 					}),
-					/* @__PURE__ */ s(m, {
+					/* @__PURE__ */ l(G, {
 						variant: "secondary",
 						size: "sm",
-						onClick: () => f(!1),
-						className: G.doneButton,
+						onClick: () => v(!1),
+						className: J.doneButton,
 						children: "Done"
 					})
 				]
 			}),
-			/* @__PURE__ */ s(m, {
+			/* @__PURE__ */ l("span", {
+				ref: D,
+				children: /* @__PURE__ */ l(G, {
+					variant: "ghost",
+					size: "sm",
+					onClick: () => v(!_),
+					className: J.manageButton,
+					"aria-expanded": _,
+					"aria-controls": "ally-code-manage-panel",
+					"aria-haspopup": "true",
+					children: M ? "Manage" : "+ Add ally code"
+				})
+			})
+		]
+	});
+}, Ce = {
+	authCluster: "_authCluster_17o10_1",
+	userLink: "_userLink_17o10_7",
+	adminLink: "_adminLink_17o10_16"
+}, we = ({ showAuth: e = !0 }) => {
+	let { user: t, isAuthenticated: n, logout: r, authEnabled: i } = V();
+	return e ? n ? /* @__PURE__ */ u("div", {
+		className: Ce.authCluster,
+		children: [
+			t?.role === "admin" && /* @__PURE__ */ l("a", {
+				href: "/admin/users",
+				className: Ce.adminLink,
+				children: "Admin"
+			}),
+			/* @__PURE__ */ l("a", {
+				href: "/profile",
+				className: Ce.userLink,
+				children: t?.username
+			}),
+			/* @__PURE__ */ l(G, {
 				variant: "ghost",
 				size: "sm",
-				onClick: () => f(!d),
-				className: G.manageButton,
-				children: O ? "Manage" : "+ Add ally code"
+				onClick: () => {
+					r(), window.location.href = "/";
+				},
+				children: "Logout"
 			})
 		]
-	});
-}, K = {
-	logoLink: "_logoLink_84pn2_3",
-	appNav: "_appNav_84pn2_9",
-	appName: "_appName_84pn2_15",
-	tabs: "_tabs_84pn2_29",
-	tab: "_tab_84pn2_29",
-	tabActive: "_tabActive_84pn2_56",
-	extrasGroup: "_extrasGroup_84pn2_64",
-	authCluster: "_authCluster_84pn2_70",
-	userLink: "_userLink_84pn2_76"
-}, _e = ({ hubUrl: t = "/", appName: n, appHref: r = "/", navItems: i, showAllyCode: a = !1, showAuth: l = !0, rightExtras: u, className: d }) => {
-	let { user: p, isAuthenticated: h, logout: g, authEnabled: _ } = U(), v = () => {
-		g(), window.location.href = t;
-	}, y = !!u || a, b = !!(i && i.length > 0), x = !!n || b, S = l ? h ? /* @__PURE__ */ c("div", {
-		className: K.authCluster,
-		children: [/* @__PURE__ */ s("a", {
-			href: "/profile",
-			className: K.userLink,
-			children: p?.username
-		}), /* @__PURE__ */ s(m, {
-			variant: "ghost",
-			size: "sm",
-			onClick: v,
-			children: "Logout"
-		})]
-	}) : _ ? /* @__PURE__ */ c("div", {
-		className: K.authCluster,
-		children: [/* @__PURE__ */ s("a", {
+	}) : i ? /* @__PURE__ */ u("div", {
+		className: Ce.authCluster,
+		children: [/* @__PURE__ */ l("a", {
 			href: "/login",
-			children: /* @__PURE__ */ s(m, {
+			children: /* @__PURE__ */ l(G, {
 				variant: "ghost",
 				size: "sm",
 				children: "Login"
 			})
-		}), /* @__PURE__ */ s("a", {
+		}), /* @__PURE__ */ l("a", {
 			href: "/register",
-			children: /* @__PURE__ */ s(m, {
+			children: /* @__PURE__ */ l(G, {
 				variant: "primary",
 				size: "sm",
 				children: "Sign Up"
 			})
 		})]
 	}) : null : null;
-	return /* @__PURE__ */ s(f, {
+}, Y = {
+	backdrop: "_backdrop_1n4uh_1",
+	panel: "_panel_1n4uh_11",
+	accordion: "_accordion_1n4uh_24",
+	accordionItem: "_accordionItem_1n4uh_29",
+	accordionHeader: "_accordionHeader_1n4uh_33",
+	currentApp: "_currentApp_1n4uh_48",
+	chevron: "_chevron_1n4uh_53",
+	chevronOpen: "_chevronOpen_1n4uh_58",
+	accordionPanel: "_accordionPanel_1n4uh_62",
+	sectionLink: "_sectionLink_1n4uh_68",
+	sectionActive: "_sectionActive_1n4uh_79",
+	comingSoon: "_comingSoon_1n4uh_85",
+	allySection: "_allySection_1n4uh_91",
+	extrasSection: "_extrasSection_1n4uh_92",
+	accountSection: "_accountSection_1n4uh_93"
+}, Te = ({ isOpen: e, onClose: t, currentApp: n, activeSectionId: r, onSectionClick: i, rightExtras: c, showAuth: f, panelId: p, returnFocusRef: m }) => {
+	let { isAuthenticated: h, user: g } = V(), [_, v] = s(n === "hub" ? null : n), y = o(null);
+	if (a(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+		document.body.style.overflow = "unset";
+	}), [e]), a(() => {
+		if (!e) return;
+		let r = (e) => {
+			e.key === "Escape" && (t(), m.current?.focus());
+		};
+		return document.addEventListener("keydown", r), v(n === "hub" ? null : n), y.current?.focus(), () => document.removeEventListener("keydown", r);
+	}, [e]), !e) return null;
+	let b = (e, r) => (a) => {
+		e === n && i?.(r, a), t();
+	};
+	return d(/* @__PURE__ */ l("div", {
+		className: Y.backdrop,
+		onClick: t,
+		children: /* @__PURE__ */ u("div", {
+			ref: y,
+			id: p,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": "Navigation menu",
+			tabIndex: -1,
+			className: Y.panel,
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: Y.accordion,
+					children: ve.map((e) => {
+						let t = _ === e.id, i = n === e.id, a = e.sections.filter((e) => !(e.requiresAuth && !h || e.roles && (!g || !e.roles.includes(g.role)))), o = `mobile-accordion-${e.id}`;
+						return /* @__PURE__ */ u("div", {
+							className: Y.accordionItem,
+							children: [/* @__PURE__ */ u("button", {
+								type: "button",
+								className: `${Y.accordionHeader} ${i ? Y.currentApp : ""}`,
+								"aria-expanded": t,
+								"aria-controls": o,
+								onClick: () => v(t ? null : e.id),
+								children: [e.label, /* @__PURE__ */ l("svg", {
+									className: `${Y.chevron} ${t ? Y.chevronOpen : ""}`,
+									width: "10",
+									height: "6",
+									viewBox: "0 0 10 6",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ l("path", {
+										d: "M1 1l4 4 4-4",
+										stroke: "currentColor",
+										strokeWidth: "1.5",
+										fill: "none",
+										strokeLinecap: "round",
+										strokeLinejoin: "round"
+									})
+								})]
+							}), t && /* @__PURE__ */ l("div", {
+								id: o,
+								className: Y.accordionPanel,
+								children: e.status === "coming-soon" ? /* @__PURE__ */ l("div", {
+									className: Y.comingSoon,
+									children: "Coming soon"
+								}) : a.map((t) => {
+									let n = i && r === t.id;
+									return /* @__PURE__ */ l("a", {
+										href: t.href,
+										className: `${Y.sectionLink} ${n ? Y.sectionActive : ""}`,
+										"aria-current": n ? "page" : void 0,
+										onClick: b(e.id, t),
+										children: t.label
+									}, t.id);
+								})
+							})]
+						}, e.id);
+					})
+				}),
+				/* @__PURE__ */ l("div", {
+					className: Y.allySection,
+					children: /* @__PURE__ */ l(Se, { variant: "inline" })
+				}),
+				c && /* @__PURE__ */ l("div", {
+					className: Y.extrasSection,
+					children: c
+				}),
+				/* @__PURE__ */ l("div", {
+					className: Y.accountSection,
+					children: /* @__PURE__ */ l(we, { showAuth: f })
+				})
+			]
+		})
+	}), document.body);
+}, Ee = {
+	logoLink: "_logoLink_12f5f_3",
+	appMenus: "_appMenus_12f5f_10",
+	desktopRight: "_desktopRight_12f5f_19",
+	extrasGroup: "_extrasGroup_12f5f_25"
+}, De = ({ currentApp: e, activeSectionId: t, onNavigate: n, rightExtras: r, showAuth: i = !0, className: d }) => {
+	let [f, p] = s(null), [m, g] = s(!1), _ = o(null), v = "suite-mobile-nav-panel";
+	return a(() => {
+		let e = window.matchMedia("(max-width: 768px)"), t = () => {
+			p(null), g(!1);
+		};
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(h, {
 		className: d,
-		logo: /* @__PURE__ */ s("a", {
-			href: t,
-			className: K.logoLink,
+		logo: /* @__PURE__ */ l("a", {
+			href: "/",
+			className: Ee.logoLink,
 			children: "The Astrogator's Table"
 		}),
-		leftContent: x ? /* @__PURE__ */ c("div", {
-			className: K.appNav,
-			children: [n && /* @__PURE__ */ s("a", {
-				href: r,
-				className: K.appName,
-				children: n
-			}), b && /* @__PURE__ */ s("nav", {
-				className: K.tabs,
-				children: i.map((t) => {
-					let n = `${K.tab} ${t.active ? K.tabActive : ""}`;
-					return t.render ? /* @__PURE__ */ s(e.Fragment, { children: t.render({
-						className: n,
-						children: t.label
-					}) }, t.href) : /* @__PURE__ */ s("a", {
-						href: t.href,
-						className: n,
-						children: t.label
-					}, t.href);
-				})
-			})]
-		}) : void 0,
-		rightContent: /* @__PURE__ */ c(o, { children: [y && /* @__PURE__ */ c("div", {
-			className: K.extrasGroup,
-			children: [u, a && /* @__PURE__ */ s(ge, {})]
-		}), S] })
-	});
-}, q = {
+		leftContent: /* @__PURE__ */ l("nav", {
+			className: Ee.appMenus,
+			children: ve.map((r) => /* @__PURE__ */ l(he, {
+				app: r,
+				isCurrentApp: e === r.id,
+				activeSectionId: t,
+				isOpen: f === r.id,
+				onOpenChange: (e) => p(e ? r.id : null),
+				onSectionClick: n
+			}, r.id))
+		}),
+		rightContent: /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
+			className: Ee.desktopRight,
+			children: [
+				r && /* @__PURE__ */ l("div", {
+					className: Ee.extrasGroup,
+					children: r
+				}),
+				/* @__PURE__ */ l(Se, {
+					isOpen: f === "ally",
+					onOpenChange: (e) => p(e ? "ally" : null)
+				}),
+				/* @__PURE__ */ l(we, { showAuth: i })
+			]
+		}), /* @__PURE__ */ l(_e, {
+			ref: _,
+			isOpen: m,
+			onClick: () => {
+				p(null), g((e) => !e);
+			},
+			controlsId: v
+		})] })
+	}), /* @__PURE__ */ l(Te, {
+		isOpen: m,
+		onClose: () => g(!1),
+		currentApp: e,
+		activeSectionId: t,
+		onSectionClick: n,
+		rightExtras: r,
+		showAuth: i,
+		panelId: v,
+		returnFocusRef: _
+	})] });
+}, X = {
 	footer: "_footer_zjuj8_1",
 	content: "_content_zjuj8_7",
 	defaultContent: "_defaultContent_zjuj8_13",
 	copyright: "_copyright_zjuj8_21",
 	disclaimer: "_disclaimer_zjuj8_26"
-}, ve = ({ children: e, className: t = "" }) => /* @__PURE__ */ s("footer", {
-	className: `${q.footer} ${t}`,
-	children: /* @__PURE__ */ s("div", {
-		className: q.content,
-		children: e || /* @__PURE__ */ c("div", {
-			className: q.defaultContent,
-			children: [/* @__PURE__ */ c("p", {
-				className: q.copyright,
+}, Oe = ({ children: e, className: t = "" }) => /* @__PURE__ */ l("footer", {
+	className: `${X.footer} ${t}`,
+	children: /* @__PURE__ */ l("div", {
+		className: X.content,
+		children: e || /* @__PURE__ */ u("div", {
+			className: X.defaultContent,
+			children: [/* @__PURE__ */ u("p", {
+				className: X.copyright,
 				children: [
 					"© ",
 					(/* @__PURE__ */ new Date()).getFullYear(),
 					" The Astrogator's Table. All rights reserved."
 				]
-			}), /* @__PURE__ */ s("p", {
-				className: q.disclaimer,
+			}), /* @__PURE__ */ l("p", {
+				className: X.disclaimer,
 				children: "Star Wars: Galaxy of Heroes is a trademark of Electronic Arts Inc."
 			})]
 		})
@@ -739,11 +1071,11 @@ var y = "astrogators_access_token", b = "astrogators_refresh_token", x = () => l
 });
 //#endregion
 //#region src/utils/formatTime.ts
-function ye(e) {
+function ke(e) {
 	let t = /([zZ]|[+-]\d{2}:?\d{2})$/.test(e);
 	return new Date(t ? e : `${e}Z`);
 }
-function be(e, t) {
+function Ae(e, t) {
 	let n = Math.max(0, Math.floor((t - e.getTime()) / 1e3));
 	if (n < 60) return `${n}s ago`;
 	let r = Math.floor(n / 60);
@@ -751,43 +1083,43 @@ function be(e, t) {
 	let i = Math.floor(r / 60);
 	return i < 24 ? `${i}h ago` : `${Math.floor(i / 24)}d ago`;
 }
-function J(e) {
+function je(e) {
 	return `${Math.floor(e / 60)}:${(e % 60).toString().padStart(2, "0")}`;
 }
-var Y = {
+var Me = {
 	rosterRefresh: "_rosterRefresh_1rbul_3",
 	updatedLabel: "_updatedLabel_1rbul_11",
 	refreshButton: "_refreshButton_1rbul_19",
 	spin: "_spin_1rbul_31"
-}, xe = ({ onRefresh: e, isRefreshing: t, cachedAt: n = null, refreshAvailableAt: r = null, labelPrefix: o = "Updated", className: l = "" }) => {
-	let [u, d] = a(() => Date.now()), f = !!n || r != null && r > u;
-	i(() => {
+}, Ne = ({ onRefresh: e, isRefreshing: t, cachedAt: n = null, refreshAvailableAt: r = null, labelPrefix: i = "Updated", className: o = "" }) => {
+	let [c, d] = s(() => Date.now()), f = !!n || r != null && r > c;
+	a(() => {
 		if (!f) return;
 		let e = setInterval(() => d(Date.now()), 1e3);
 		return () => clearInterval(e);
 	}, [f]);
-	let p = r ? Math.max(0, Math.ceil((r - u) / 1e3)) : 0, h = n ? be(ye(n), u) : null, g = t || p > 0, _ = p > 0 ? `Fresh data available in ${J(p)}` : "Refresh roster";
-	return /* @__PURE__ */ c("div", {
-		className: `${Y.rosterRefresh} ${l}`,
-		children: [h && /* @__PURE__ */ s("span", {
-			className: Y.updatedLabel,
-			title: _,
-			children: p > 0 ? `${o} ${h} · fresh in ${J(p)}` : `${o} ${h}`
-		}), /* @__PURE__ */ s(m, {
+	let p = r ? Math.max(0, Math.ceil((r - c) / 1e3)) : 0, m = n ? Ae(ke(n), c) : null, h = t || p > 0, g = p > 0 ? `Fresh data available in ${je(p)}` : "Refresh roster";
+	return /* @__PURE__ */ u("div", {
+		className: `${Me.rosterRefresh} ${o}`,
+		children: [m && /* @__PURE__ */ l("span", {
+			className: Me.updatedLabel,
+			title: g,
+			children: p > 0 ? `${i} ${m} · fresh in ${je(p)}` : `${i} ${m}`
+		}), /* @__PURE__ */ l(G, {
 			variant: "outline",
 			size: "sm",
 			onClick: e,
-			disabled: g,
-			title: _,
+			disabled: h,
+			title: g,
 			"aria-label": "Refresh roster",
-			className: Y.refreshButton,
-			children: /* @__PURE__ */ s("span", {
-				className: t ? Y.spin : void 0,
+			className: Me.refreshButton,
+			children: /* @__PURE__ */ l("span", {
+				className: t ? Me.spin : void 0,
 				children: "⟳"
 			})
 		})]
 	});
-}, X = {
+}, Z = {
 	card: "_card_1vw8g_1",
 	chamfered: "_chamfered_1vw8g_15",
 	default: "_default_1vw8g_20",
@@ -798,37 +1130,37 @@ var Y = {
 	"padding-md": "_padding-md_1vw8g_43",
 	"padding-lg": "_padding-lg_1vw8g_47",
 	hoverable: "_hoverable_1vw8g_52"
-}, Se = ({ children: e, variant: t = "default", chamfered: n = !1, chamferSize: r = "md", padding: i = "md", hoverable: a = !1, showDiagonalBorders: l = !0, edgeColor: u, className: d = "", onClick: f, style: p }) => {
-	let m = n ? r === "asymmetric" ? "chamfered-box-asymmetric" : r === "sm" ? "chamfered-box-sm" : r === "lg" ? "chamfered-box-lg" : "chamfered-box" : "", h = u ?? (n ? "var(--color-border)" : void 0), g = h ? { color: h } : void 0, _ = h ? {
+}, Pe = ({ children: e, variant: t = "default", chamfered: n = !1, chamferSize: r = "md", padding: i = "md", hoverable: a = !1, showDiagonalBorders: o = !0, edgeColor: s, className: d = "", onClick: f, style: p }) => {
+	let m = n ? r === "asymmetric" ? "chamfered-box-asymmetric" : r === "sm" ? "chamfered-box-sm" : r === "lg" ? "chamfered-box-lg" : "chamfered-box" : "", h = s ?? (n ? "var(--color-border)" : void 0), g = h ? { color: h } : void 0, _ = h ? {
 		...p,
 		"--card-edge-color": h
 	} : p;
-	return /* @__PURE__ */ c("div", {
-		className: `${X.card} ${n ? X.chamfered : ""} ${X[t]} ${X[`padding-${i}`]} ${m} ${a ? X.hoverable : ""} ${d}`,
+	return /* @__PURE__ */ u("div", {
+		className: `${Z.card} ${n ? Z.chamfered : ""} ${Z[t]} ${Z[`padding-${i}`]} ${m} ${a ? Z.hoverable : ""} ${d}`,
 		onClick: f,
 		role: f ? "button" : void 0,
 		tabIndex: f ? 0 : void 0,
 		style: _,
-		children: [n && l && /* @__PURE__ */ c(o, { children: [
-			/* @__PURE__ */ s("div", {
+		children: [n && o && /* @__PURE__ */ u(c, { children: [
+			/* @__PURE__ */ l("div", {
 				className: "chamfered-diagonal-border chamfered-diagonal-tl",
 				style: g
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ l("div", {
 				className: "chamfered-diagonal-border chamfered-diagonal-tr",
 				style: g
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ l("div", {
 				className: "chamfered-diagonal-border chamfered-diagonal-bl",
 				style: g
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ l("div", {
 				className: "chamfered-diagonal-border chamfered-diagonal-br",
 				style: g
 			})
 		] }), e]
 	});
-}, Z = {
+}, Fe = {
 	badge: "_badge_rk7t5_1",
 	sm: "_sm_rk7t5_11",
 	md: "_md_rk7t5_16",
@@ -840,8 +1172,8 @@ var Y = {
 	warning: "_warning_rk7t5_47",
 	error: "_error_rk7t5_52",
 	info: "_info_rk7t5_57"
-}, Ce = ({ children: e, variant: t = "default", size: n = "md", className: r = "" }) => /* @__PURE__ */ s("span", {
-	className: `${Z.badge} ${Z[t]} ${Z[n]} ${r}`,
+}, Ie = ({ children: e, variant: t = "default", size: n = "md", className: r = "" }) => /* @__PURE__ */ l("span", {
+	className: `${Fe.badge} ${Fe[t]} ${Fe[n]} ${r}`,
 	children: e
 }), Q = {
 	overlay: "_overlay_1b3yt_1",
@@ -856,34 +1188,34 @@ var Y = {
 	title: "_title_1b3yt_53",
 	closeButton: "_closeButton_1b3yt_60",
 	content: "_content_1b3yt_78"
-}, we = ({ isOpen: e, onClose: t, title: n, children: r, size: a = "md", closeOnOverlayClick: o = !0, className: l = "" }) => (i(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+}, Le = ({ isOpen: e, onClose: t, title: n, children: r, size: i = "md", closeOnOverlayClick: o = !0, className: s = "" }) => (a(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
 	document.body.style.overflow = "unset";
-}), [e]), i(() => {
+}), [e]), a(() => {
 	let n = (n) => {
 		n.key === "Escape" && e && t();
 	};
 	return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-}, [e, t]), e ? /* @__PURE__ */ s("div", {
+}, [e, t]), e ? /* @__PURE__ */ l("div", {
 	className: Q.overlay,
 	onClick: (e) => {
 		o && e.target === e.currentTarget && t();
 	},
-	children: /* @__PURE__ */ c("div", {
-		className: `${Q.modal} ${Q[a]} ${l}`,
+	children: /* @__PURE__ */ u("div", {
+		className: `${Q.modal} ${Q[i]} ${s}`,
 		role: "dialog",
 		"aria-modal": "true",
-		children: [n && /* @__PURE__ */ c("div", {
+		children: [n && /* @__PURE__ */ u("div", {
 			className: Q.header,
-			children: [/* @__PURE__ */ s("h2", {
+			children: [/* @__PURE__ */ l("h2", {
 				className: Q.title,
 				children: n
-			}), /* @__PURE__ */ s("button", {
+			}), /* @__PURE__ */ l("button", {
 				className: Q.closeButton,
 				onClick: t,
 				"aria-label": "Close modal",
 				children: "✕"
 			})]
-		}), /* @__PURE__ */ s("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: Q.content,
 			children: r
 		})]
@@ -898,24 +1230,24 @@ var Y = {
 	dot: "_dot_1uhnh_34",
 	bounce: "_bounce_1uhnh_1",
 	visuallyHidden: "_visuallyHidden_1uhnh_91"
-}, Te = ({ size: e = "md", variant: t = "spinner", className: n = "" }) => t === "dots" ? /* @__PURE__ */ c("div", {
+}, Re = ({ size: e = "md", variant: t = "spinner", className: n = "" }) => t === "dots" ? /* @__PURE__ */ u("div", {
 	className: `${$.dots} ${$[e]} ${n}`,
 	children: [
-		/* @__PURE__ */ s("span", { className: $.dot }),
-		/* @__PURE__ */ s("span", { className: $.dot }),
-		/* @__PURE__ */ s("span", { className: $.dot })
+		/* @__PURE__ */ l("span", { className: $.dot }),
+		/* @__PURE__ */ l("span", { className: $.dot }),
+		/* @__PURE__ */ l("span", { className: $.dot })
 	]
-}) : /* @__PURE__ */ s("div", {
+}) : /* @__PURE__ */ l("div", {
 	className: `${$.spinner} ${$[e]} ${n}`,
 	role: "status",
-	children: /* @__PURE__ */ s("span", {
+	children: /* @__PURE__ */ l("span", {
 		className: $.visuallyHidden,
 		children: "Loading..."
 	})
-}), Ee = async (e) => {
+}), ze = async (e) => {
 	if (e.length === 0) return {};
 	let t = [...new Set(e)], n = await L.get(`/api/v1/users/lookup?ids=${t.join(",")}`);
 	return Object.fromEntries(n.users.map((e) => [e.id, e.username]));
 };
 //#endregion
-export { ge as AllyCodeDropdown, se as ApiClient, me as AuthProvider, Ce as Badge, m as Button, Se as Card, u as Container, ve as Footer, v as Input, Te as Loader, we as Modal, _e as NavBar, xe as RosterRefresh, g as Select, f as TopBar, L as apiClient, oe as authedFetch, fe as clearAllyCodes, O as clearTokens, j as configureAuthRefresh, Ee as fetchUsernames, W as formatAllyCode, J as formatCountdown, be as formatRelativeTime, x as getAccessToken, B as getAllyCodesFromStorage, w as getRefreshToken, de as getSelectedAllyCode, ce as initializeApiClient, ee as isAuthenticated, ye as parseBackendTimestamp, M as refreshAccessToken, C as removeAccessToken, ue as removeAllyCodeFromStorage, E as removeRefreshToken, le as saveAllyCodeToStorage, S as setAccessToken, T as setRefreshToken, H as setSelectedAllyCode, D as setTokens, he as unformatAllyCode, V as updateAllyCodeLastUsed, U as useAuth };
+export { Se as AllyCodeDropdown, ie as ApiClient, pe as AuthProvider, Ie as Badge, G as Button, Pe as Card, p as Container, Oe as Footer, be as Input, Re as Loader, Le as Modal, De as NavBar, Ne as RosterRefresh, ve as SUITE_NAV, ye as Select, h as TopBar, L as apiClient, re as authedFetch, de as clearAllyCodes, T as clearTokens, A as configureAuthRefresh, ze as fetchUsernames, q as formatAllyCode, je as formatCountdown, Ae as formatRelativeTime, v as getAccessToken, z as getAllyCodesFromStorage, x as getRefreshToken, ue as getSelectedAllyCode, ae as initializeApiClient, E as isAuthenticated, ke as parseBackendTimestamp, j as refreshAccessToken, b as removeAccessToken, ce as removeAllyCodeFromStorage, C as removeRefreshToken, se as saveAllyCodeToStorage, y as setAccessToken, S as setRefreshToken, B as setSelectedAllyCode, w as setTokens, xe as unformatAllyCode, le as updateAllyCodeLastUsed, V as useAuth };