@pieai/swimmer-ui-kit 3.0.0 → 3.2.0

package/dist/index.js

@@ -1,84 +1,84 @@
 "use client";
-import { t as e } from "./LiquidGroup-BXw1tv9H.js";
-import { A as t, B as n, C as r, D as i, E as a, H as o, M as s, N as c, O as l, P as u, R as d, S as f, T as p, V as m, _ as h, a as g, b as _, c as v, d as y, f as b, g as x, h as S, i as C, j as w, k as T, l as E, m as D, n as O, o as k, p as ee, r as te, s as A, t as ne, u as re, v as ie, w as j, x as M, y as N } from "./GameStageTile-DwU_Vvi8.js";
-import { b as P, t as F } from "./reducedMotion-B8kv-v64.js";
-import { createElement as ae, forwardRef as oe, useCallback as I, useEffect as L, useId as R, useRef as z, useState as B } from "react";
-import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
-import { FloatingPortal as W, autoUpdate as G, flip as K, offset as q, safePolygon as se, shift as ce, useClick as le, useDismiss as ue, useFloating as de, useFocus as fe, useHover as pe, useInteractions as me, useRole as he } from "@floating-ui/react";
+import { S as e, a as t, t as n } from "./LiquidGroup-RTK_Uvgw.js";
+import { C as r, D as i, E as a, S as o, T as s, _ as c, a as l, b as u, c as d, d as f, f as p, g as m, h, i as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T, v as E, x as D, y as O } from "./GameStageTile-BtBb8NEw.js";
+import { c as k, f as A, h as j, i as M, m as ee, n as N, o as P, p as te, r as F, s as I, t as ne, y as re } from "./GameAvatar-Cs5KVYFf.js";
+import { cloneElement as ie, createElement as ae, forwardRef as oe, useCallback as L, useEffect as R, useId as z, useLayoutEffect as se, useRef as B, useState as V } from "react";
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { FloatingFocusManager as ce, FloatingPortal as G, autoUpdate as K, flip as q, offset as J, safePolygon as Y, shift as X, useClick as le, useDismiss as Z, useFloating as Q, useFocus as ue, useHover as de, useInteractions as fe, useRole as pe } from "@floating-ui/react";
 //#region src/controls/GameListRow/GameListRow.tsx
-function ge({ title: e, description: n, thumbnail: r, current: i = !1, selected: a, disabled: o = !1, onSelect: s, selectLabel: c, actions: u, className: d, hue: f, ...p }) {
-	let m = z(null), h = /* @__PURE__ */ U(V, { children: [
-		r ? /* @__PURE__ */ H("span", {
+function me({ title: e, description: t, thumbnail: n, current: r = !1, selected: i, disabled: a = !1, onSelect: o, selectLabel: s, actions: c, className: l, hue: u, ...d }) {
+	let f = B(null), p = /* @__PURE__ */ W(H, { children: [
+		n ? /* @__PURE__ */ U("span", {
 			className: "game-ui-list-row-thumbnail",
-			children: r
+			children: n
 		}) : null,
-		/* @__PURE__ */ U("span", {
+		/* @__PURE__ */ W("span", {
 			className: "game-ui-list-row-copy",
-			children: [/* @__PURE__ */ H("span", {
+			children: [/* @__PURE__ */ U("span", {
 				className: "game-ui-list-row-title",
 				children: e
-			}), n ? /* @__PURE__ */ H("span", {
+			}), t ? /* @__PURE__ */ U("span", {
 				className: "game-ui-list-row-description",
-				children: n
+				children: t
 			}) : null]
 		}),
-		i ? /* @__PURE__ */ H("span", {
+		r ? /* @__PURE__ */ U("span", {
 			className: "game-ui-list-row-current",
 			"aria-hidden": "true"
 		}) : null
 	] });
-	return /* @__PURE__ */ U("div", {
-		...p,
-		className: ["game-ui-list-row", d].filter(Boolean).join(" "),
-		"data-selected": a || void 0,
-		"data-game-ui-disabled": o || void 0,
+	return /* @__PURE__ */ W("div", {
+		...d,
+		className: ["game-ui-list-row", l].filter(Boolean).join(" "),
+		"data-selected": i || void 0,
+		"data-game-ui-disabled": a || void 0,
 		"data-game-ui-paint": "",
 		style: {
-			...l(f),
-			...p.style
+			...P(u),
+			...d.style
 		},
 		children: [
-			/* @__PURE__ */ H(T, {
-				static: !s,
-				pressTarget: m
+			/* @__PURE__ */ U(I, {
+				static: !o,
+				pressTarget: f
 			}),
-			s ? /* @__PURE__ */ U("button", {
+			o ? /* @__PURE__ */ W("button", {
 				type: "button",
 				className: "game-ui-list-row-main",
-				ref: m,
-				onClick: s,
-				disabled: o,
-				"aria-label": c,
-				"aria-current": i ? "true" : void 0,
-				"aria-pressed": a,
-				children: [h, /* @__PURE__ */ H(t, {})]
-			}) : /* @__PURE__ */ U("div", {
+				ref: f,
+				onClick: o,
+				disabled: a,
+				"aria-label": s,
+				"aria-current": r ? "true" : void 0,
+				"aria-pressed": i,
+				children: [p, /* @__PURE__ */ U(k, {})]
+			}) : /* @__PURE__ */ W("div", {
 				className: "game-ui-list-row-main",
-				"aria-current": i ? "true" : void 0,
-				children: [h, /* @__PURE__ */ H(t, {})]
+				"aria-current": r ? "true" : void 0,
+				children: [p, /* @__PURE__ */ U(k, {})]
 			}),
-			u ? /* @__PURE__ */ H("div", {
+			c ? /* @__PURE__ */ U("div", {
 				className: "game-ui-list-row-actions",
-				children: u
+				children: c
 			}) : null
 		]
 	});
 }
 //#endregion
 //#region src/controls/GameOtpInput/GameOtpInput.tsx
-function J(e) {
+function he(e) {
 	return e.normalize("NFKC").replace(/[^0-9]/g, "");
 }
-function _e({ length: e = 6, value: t, onChange: n, onComplete: r, invalid: i = !1, disabled: a = !1, readOnly: o = !1, getSlotLabel: s = (e, t) => `${e + 1} / ${t}`, getSlotDescription: c, className: l, "aria-describedby": u, ...d }) {
+function ge({ length: e = 6, value: t, onChange: n, onComplete: r, invalid: i = !1, disabled: a = !1, readOnly: o = !1, getSlotLabel: s = (e, t) => `${e + 1} / ${t}`, getSlotDescription: c, className: l, "aria-describedby": u, ...d }) {
 	if (!Number.isSafeInteger(e) || e < 1 || e > 32) throw RangeError("GameOtpInput length must be an integer from 1 to 32.");
-	let f = R(), p = z([]), m = z(!1), [h, g] = B(null), _ = J(t).slice(0, e), v = (t) => {
+	let f = z(), p = B([]), m = B(!1), [h, g] = V(null), _ = he(t).slice(0, e), v = (t) => {
 		let n = p.current[Math.max(0, Math.min(t, e - 1))];
 		n?.focus(), n?.select();
 	}, y = (t) => {
 		t !== _ && (n(t), t.length === e && r?.(t));
 	}, b = (t, n) => {
 		if (a || o) return;
-		let r = J(n);
+		let r = he(n);
 		if (!r) {
 			let e = p.current[t];
 			e && (e.value = _[t] ?? "");
@@ -104,7 +104,7 @@ function _e({ length: e = 6, value: t, onChange: n, onComplete: r, invalid: i =
 		}[t.key];
 		r === void 0 ? (t.key === "Backspace" || t.key === "Delete") && (t.preventDefault(), x(n, t.key === "Backspace")) : (t.preventDefault(), v(r));
 	};
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ U("div", {
 		...d,
 		role: "group",
 		"aria-describedby": u,
@@ -113,9 +113,9 @@ function _e({ length: e = 6, value: t, onChange: n, onComplete: r, invalid: i =
 		dir: "ltr",
 		children: Array.from({ length: e }, (t, n) => {
 			let r = c?.(n, e), l = r ? `${f}-${n}-description` : void 0;
-			return /* @__PURE__ */ U("span", {
+			return /* @__PURE__ */ W("span", {
 				className: "game-ui-otp-slot",
-				children: [/* @__PURE__ */ H("input", {
+				children: [/* @__PURE__ */ U("input", {
 					ref: (e) => {
 						p.current[n] = e;
 					},
@@ -154,7 +154,7 @@ function _e({ length: e = 6, value: t, onChange: n, onComplete: r, invalid: i =
 						m.current = !1, g(null), b(n, t);
 					},
 					"data-game-ui-paint": ""
-				}), r ? /* @__PURE__ */ H("span", {
+				}), r ? /* @__PURE__ */ U("span", {
 					id: l,
 					className: "game-ui-sr-only",
 					children: r
@@ -165,8 +165,8 @@ function _e({ length: e = 6, value: t, onChange: n, onComplete: r, invalid: i =
 }
 //#endregion
 //#region src/controls/GameSelect/GameSelect.tsx
-var ve = oe(function({ className: e, invalid: t, hue: n, style: r, ...i }, a) {
-	return /* @__PURE__ */ H("span", {
+var _e = oe(function({ className: e, invalid: t, hue: n, style: r, ...i }, a) {
+	return /* @__PURE__ */ U("span", {
 		className: "game-ui-select-frame",
 		children: /* @__PURE__ */ ae("select", {
 			...i,
@@ -176,7 +176,7 @@ var ve = oe(function({ className: e, invalid: t, hue: n, style: r, ...i }, a) {
 			"data-invalid": t ? "true" : void 0,
 			"data-game-ui-paint": "",
 			style: {
-				...l(n),
+				...P(n),
 				...r
 			},
 			className: [
@@ -189,13 +189,13 @@ var ve = oe(function({ className: e, invalid: t, hue: n, style: r, ...i }, a) {
 });
 //#endregion
 //#region src/feedback/GameCallout/GameCallout.tsx
-function ye({ heading: e, children: t, tone: n = "info", className: r, style: i, ...a }) {
+function ve({ heading: e, children: t, tone: n = "info", className: r, style: i, ...a }) {
 	let o = [
 		"game-ui-callout",
 		`game-ui-callout--${n}`,
 		r
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ W("div", {
 		...a,
 		className: o,
 		role: a.role ?? "note",
@@ -204,16 +204,16 @@ function ye({ heading: e, children: t, tone: n = "info", className: r, style: i,
 		"data-game-ui-meaning": n !== "neutral" && n !== "danger" ? "true" : void 0,
 		"data-game-ui-danger": n === "danger" ? "true" : void 0,
 		style: {
-			...l(n === "success" ? "leaf" : n === "warning" ? "sun" : "sky"),
+			...P(n === "success" ? "leaf" : n === "warning" ? "sun" : "sky"),
 			...i
 		},
 		children: [
-			/* @__PURE__ */ H(T, { static: !0 }),
-			e ? /* @__PURE__ */ H("div", {
+			/* @__PURE__ */ U(I, { static: !0 }),
+			e ? /* @__PURE__ */ U("div", {
 				className: "game-ui-callout-title",
 				children: e
 			}) : null,
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ U("div", {
 				className: "game-ui-callout-body",
 				children: t
 			})
@@ -222,8 +222,8 @@ function ye({ heading: e, children: t, tone: n = "info", className: r, style: i,
 }
 //#endregion
 //#region src/feedback/GameHelpTip/GameHelpTip.tsx
-function be({ label: e, children: t }) {
-	let [n, r] = B(!1), [i, a] = B(void 0), { refs: o, floatingStyles: s, context: c } = de({
+function ye({ label: e, children: t }) {
+	let [n, r] = V(!1), [i, a] = V(void 0), { refs: o, floatingStyles: s, context: c } = Q({
 		open: n,
 		onOpenChange(e, t, n) {
 			!e && n === "escape-key" && (t?.preventDefault(), t?.stopPropagation()), r(e);
@@ -231,29 +231,29 @@ function be({ label: e, children: t }) {
 		placement: "bottom-start",
 		strategy: "fixed",
 		middleware: [
-			q(8),
-			K(),
-			ce({ padding: 12 })
+			J(8),
+			q(),
+			X({ padding: 12 })
 		],
-		whileElementsMounted: G
-	}), l = I((e) => {
+		whileElementsMounted: K
+	}), l = L((e) => {
 		o.setReference(e), a(e?.closest("dialog") ?? void 0);
-	}, [o]), { getReferenceProps: u, getFloatingProps: d } = me([
-		pe(c, {
+	}, [o]), { getReferenceProps: u, getFloatingProps: d } = fe([
+		de(c, {
 			mouseOnly: !0,
 			move: !1,
 			delay: {
 				open: 300,
 				close: 120
 			},
-			handleClose: se()
+			handleClose: Y()
 		}),
-		fe(c),
-		le(c),
 		ue(c),
-		he(c, { role: "tooltip" })
+		le(c),
+		Z(c),
+		pe(c, { role: "tooltip" })
 	]);
-	return /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ U("button", {
+	return /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W("button", {
 		ref: l,
 		type: "button",
 		className: "game-ui-help-trigger",
@@ -262,27 +262,27 @@ function be({ label: e, children: t }) {
 			n && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), r(!1));
 		} }),
 		"data-game-ui-paint": "",
-		children: [/* @__PURE__ */ H(T, {}), /* @__PURE__ */ U("svg", {
+		children: [/* @__PURE__ */ U(I, {}), /* @__PURE__ */ W("svg", {
 			width: "20",
 			height: "20",
 			viewBox: "0 0 24 24",
 			fill: "none",
 			"aria-hidden": "true",
 			children: [
-				/* @__PURE__ */ H("circle", {
+				/* @__PURE__ */ U("circle", {
 					cx: "12",
 					cy: "12",
 					r: "9",
 					stroke: "currentColor",
 					strokeWidth: "1.6"
 				}),
-				/* @__PURE__ */ H("path", {
+				/* @__PURE__ */ U("path", {
 					d: "M9.8 8.5a2.5 2.5 0 0 1 4.7 1.2c0 1.8-2.5 1.9-2.5 3.6",
 					stroke: "currentColor",
 					strokeWidth: "1.6",
 					strokeLinecap: "round"
 				}),
-				/* @__PURE__ */ H("circle", {
+				/* @__PURE__ */ U("circle", {
 					cx: "12",
 					cy: "16.7",
 					r: "1",
@@ -290,9 +290,9 @@ function be({ label: e, children: t }) {
 				})
 			]
 		})]
-	}), n && /* @__PURE__ */ H(W, {
+	}), n && /* @__PURE__ */ U(G, {
 		root: i,
-		children: /* @__PURE__ */ H("div", {
+		children: /* @__PURE__ */ U("div", {
 			ref: o.setFloating,
 			className: "game-ui-help-tip",
 			style: s,
@@ -302,12 +302,219 @@ function be({ label: e, children: t }) {
 	})] });
 }
 //#endregion
+//#region src/feedback/GameHelpCard/GameHelpCard.tsx
+var be = 150;
+function xe({ children: e, label: t, topics: n, link: r, placement: i = "bottom", align: a = "center", openDelay: o = 200 }) {
+	let s = z(), [c, l] = V(!1), [u, d] = V(""), [f, p] = V(void 0), m = B(null), h = B(void 0), g = B(!1), _ = B(!1), v = (e) => {
+		e && d(""), l(e);
+	}, { refs: y, floatingStyles: b, context: x } = Q({
+		open: c,
+		onOpenChange(e, t, n) {
+			if (!e && n === "escape-key") {
+				t?.preventDefault(), t?.stopPropagation();
+				let e = m.current;
+				e && y.floating.current?.contains(document.activeElement) && (_.current = !0, e.focus(), _.current = !1);
+			}
+			v(e);
+		},
+		placement: a === "center" ? i : `${i}-${a}`,
+		strategy: "fixed",
+		middleware: [
+			J(8),
+			q(),
+			X({ padding: 12 })
+		],
+		whileElementsMounted: K
+	}), { getReferenceProps: S, getFloatingProps: C } = fe([de(x, {
+		mouseOnly: !0,
+		move: !1,
+		delay: {
+			open: o,
+			close: be
+		},
+		handleClose: Y()
+	}), Z(x)]), w = e.props.ref, T = L((e) => {
+		m.current = e, y.setReference(e), p(e?.closest("dialog") ?? void 0), typeof w == "function" ? w(e) : w && (w.current = e);
+	}, [w, y]), E = n.find((e) => e.id === u) ?? n[0];
+	if (!E) return e;
+	let D = e.props, O = `${s}-card`, k = `${s}-tabs`, A = (e) => `${k}-${e}`, j = (e) => `${s}-panel-${e}`;
+	return /* @__PURE__ */ W(H, { children: [ie(e, {
+		...S({
+			onPointerDown(e) {
+				h.current = e.pointerType, g.current = !0, D.onPointerDown?.(e);
+			},
+			onFocus(e) {
+				let t = g.current;
+				g.current = !1, !t && !c && !_.current && v(!0), D.onFocus?.(e);
+			},
+			onBlur(e) {
+				g.current = !1, D.onBlur?.(e);
+			},
+			onClick(e) {
+				let t = h.current === "touch";
+				if (h.current = void 0, t && !c) {
+					e.preventDefault(), e.stopPropagation(), v(!0);
+					return;
+				}
+				D.onClick?.(e);
+			},
+			onKeyDown(e) {
+				if (c && e.key === "Escape") {
+					e.preventDefault(), e.stopPropagation(), v(!1);
+					return;
+				}
+				D.onKeyDown?.(e);
+			}
+		}),
+		ref: T,
+		"aria-expanded": c,
+		"aria-controls": c ? O : void 0
+	}), c && /* @__PURE__ */ U(G, {
+		root: f,
+		children: /* @__PURE__ */ U(ce, {
+			context: x,
+			modal: !1,
+			initialFocus: -1,
+			returnFocus: !1,
+			order: ["reference", "content"],
+			children: /* @__PURE__ */ W("div", {
+				ref: y.setFloating,
+				id: O,
+				role: "dialog",
+				"aria-label": t,
+				className: "game-ui-help-card",
+				style: b,
+				...C(),
+				children: [/* @__PURE__ */ U(we, { source: m.current }), /* @__PURE__ */ W("div", {
+					className: "game-ui-help-card-paint",
+					"data-game-ui-paint": "",
+					children: [/* @__PURE__ */ U(I, { static: !0 }), /* @__PURE__ */ W("div", {
+						className: "game-ui-help-card-content",
+						children: [
+							n.length > 1 ? /* @__PURE__ */ U(F, {
+								id: k,
+								activeId: E.id,
+								"aria-label": t,
+								tabs: n.map((e) => ({
+									id: e.id,
+									label: e.label,
+									panelId: j(e.id)
+								})),
+								onSelect: d
+							}) : null,
+							n.length > 1 ? n.map((e) => /* @__PURE__ */ U("div", {
+								id: j(e.id),
+								role: "tabpanel",
+								"aria-labelledby": A(e.id),
+								hidden: e.id !== E.id,
+								children: /* @__PURE__ */ U(Te, {
+									topic: e,
+									showMedia: e.id === E.id
+								})
+							}, e.id)) : /* @__PURE__ */ U(Te, {
+								topic: E,
+								showMedia: !0
+							}),
+							r ? /* @__PURE__ */ U("a", {
+								className: "game-ui-help-card-link",
+								href: r.href,
+								children: r.label
+							}) : null
+						]
+					})]
+				})]
+			})
+		})
+	})] });
+}
+var Se = ["data-game-ui-theme", "data-game-ui-style"], Ce = [
+	"class",
+	"style",
+	...Se
+];
+function we({ source: e }) {
+	let t = B(null);
+	return se(() => {
+		let n = t.current?.parentElement;
+		if (!n || !e) return;
+		let r = (e) => e.closest("[data-game-ui-theme], [data-game-ui-style]") ?? document.documentElement, i = () => {
+			let t = r(e);
+			for (let e of Se) {
+				let r = t.closest(`[${e}]`)?.getAttribute(e);
+				r ? n.setAttribute(e, r) : n.removeAttribute(e);
+			}
+			let i = getComputedStyle(t);
+			for (let e of i) {
+				if (!e.startsWith("--game-ui-") || e === "--game-ui-droplet-radius") continue;
+				let t = i.getPropertyValue(e).trim();
+				n.style.getPropertyValue(e) !== t && n.style.setProperty(e, t);
+			}
+		}, a = new MutationObserver(i);
+		for (let t = r(e); t; t = t.parentElement) a.observe(t, {
+			attributes: !0,
+			attributeFilter: Ce
+		});
+		return i(), () => a.disconnect();
+	}, [e]), /* @__PURE__ */ U("span", {
+		ref: t,
+		hidden: !0
+	});
+}
+function Te({ topic: e, showMedia: t }) {
+	return /* @__PURE__ */ W(H, { children: [
+		/* @__PURE__ */ U("h3", {
+			className: "game-ui-help-card-title",
+			children: e.title
+		}),
+		/* @__PURE__ */ U("p", {
+			className: "game-ui-help-card-body",
+			children: e.body
+		}),
+		t && e.media ? /* @__PURE__ */ U(Ee, { media: e.media }) : null
+	] });
+}
+function Ee({ media: e }) {
+	return e.kind === "image" ? /* @__PURE__ */ U("img", {
+		className: "game-ui-help-card-media",
+		src: e.src,
+		alt: e.alt,
+		width: e.width,
+		height: e.height,
+		decoding: "async",
+		style: { aspectRatio: `${e.width} / ${e.height}` }
+	}) : /* @__PURE__ */ U(De, { media: e });
+}
+function De({ media: e }) {
+	let n = t(), r = B(null);
+	return R(() => {
+		let e = r.current;
+		if (!(!e || n)) return e.play().catch(() => void 0), () => e.pause();
+	}, [n]), /* @__PURE__ */ U("video", {
+		ref: r,
+		className: "game-ui-help-card-media",
+		width: e.width,
+		height: e.height,
+		style: { aspectRatio: `${e.width} / ${e.height}` },
+		poster: e.poster,
+		muted: !0,
+		loop: !0,
+		playsInline: !0,
+		preload: "metadata",
+		role: "img",
+		"aria-label": e.alt,
+		children: e.sources.map((e) => /* @__PURE__ */ U("source", {
+			src: e.src,
+			type: e.type
+		}, e.src))
+	});
+}
+//#endregion
 //#region src/feedback/GamePrompt/GamePrompt.tsx
-function xe({ actionLabel: e, children: t, title: n }) {
-	return /* @__PURE__ */ U("section", {
+function Oe({ actionLabel: e, children: t, title: n }) {
+	return /* @__PURE__ */ W("section", {
 		"aria-label": n,
 		className: "game-ui-prompt",
-		children: [/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("h3", { children: n }), /* @__PURE__ */ H("p", { children: t })] }), e ? /* @__PURE__ */ H(i, {
+		children: [/* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("h3", { children: n }), /* @__PURE__ */ U("p", { children: t })] }), e ? /* @__PURE__ */ U(M, {
 			variant: "primary",
 			children: e
 		}) : null]
@@ -315,33 +522,33 @@ function xe({ actionLabel: e, children: t, title: n }) {
 }
 //#endregion
 //#region src/containers/shared/classes.ts
-function Y(...e) {
+function ke(...e) {
 	return e.filter(Boolean).join(" ");
 }
 //#endregion
 //#region src/containers/GameCollapsiblePanel/GameCollapsiblePanel.tsx
-var Se = {
+var Ae = {
 	collapse: "Collapse",
 	expand: "Expand"
 };
-function Ce({ actions: e, children: t, className: n, defaultOpen: r = !0, labels: i, onOpenChange: a, open: o, title: s, tone: c = "default", ...l }) {
-	let u = R(), [d, f] = B(r), p = o ?? d, m = {
-		...Se,
+function je({ actions: e, children: t, className: n, defaultOpen: r = !0, labels: i, onOpenChange: a, open: o, title: s, tone: c = "default", ...l }) {
+	let u = z(), [d, f] = V(r), p = o ?? d, m = {
+		...Ae,
 		...i
 	}, h = () => {
 		let e = !p;
 		o === void 0 && f(e), a?.(e);
 	};
-	return /* @__PURE__ */ U("section", {
+	return /* @__PURE__ */ W("section", {
 		...l,
-		className: Y("game-ui-collapsible", n),
+		className: ke("game-ui-collapsible", n),
 		"data-open": p,
 		"data-panel-tone": c,
-		children: [/* @__PURE__ */ U("header", {
+		children: [/* @__PURE__ */ W("header", {
 			className: "game-ui-collapsible-header",
-			children: [/* @__PURE__ */ H("h3", {
+			children: [/* @__PURE__ */ U("h3", {
 				className: "game-ui-collapsible-heading",
-				children: /* @__PURE__ */ U("button", {
+				children: /* @__PURE__ */ W("button", {
 					"aria-controls": u,
 					"aria-expanded": p,
 					className: "game-ui-collapsible-toggle",
@@ -350,27 +557,27 @@ function Ce({ actions: e, children: t, className: n, defaultOpen: r = !0, labels
 					type: "button",
 					"data-game-ui-paint": "",
 					children: [
-						/* @__PURE__ */ H(T, {}),
-						/* @__PURE__ */ H("span", {
+						/* @__PURE__ */ U(I, {}),
+						/* @__PURE__ */ U("span", {
 							"aria-hidden": "true",
 							className: "game-ui-collapsible-chevron"
 						}),
-						/* @__PURE__ */ H("span", {
+						/* @__PURE__ */ U("span", {
 							className: "game-ui-collapsible-title",
 							children: s
 						})
 					]
 				})
-			}), e ? /* @__PURE__ */ H("span", {
+			}), e ? /* @__PURE__ */ U("span", {
 				className: "game-ui-collapsible-actions",
 				children: e
 			}) : null]
-		}), /* @__PURE__ */ H("div", {
+		}), /* @__PURE__ */ U("div", {
 			className: "game-ui-collapsible-region",
 			id: u,
-			children: /* @__PURE__ */ H("div", {
+			children: /* @__PURE__ */ U("div", {
 				className: "game-ui-collapsible-clip",
-				children: /* @__PURE__ */ H("div", {
+				children: /* @__PURE__ */ U("div", {
 					className: "game-ui-collapsible-content",
 					children: t
 				})
@@ -380,14 +587,14 @@ function Ce({ actions: e, children: t, className: n, defaultOpen: r = !0, labels
 }
 //#endregion
 //#region src/containers/GameWindowPanel/GameWindowPanel.tsx
-function we({ kind: e }) {
-	return /* @__PURE__ */ H("svg", {
+function Me({ kind: e }) {
+	return /* @__PURE__ */ U("svg", {
 		"aria-hidden": "true",
 		fill: "none",
 		height: "14",
 		viewBox: "0 0 14 14",
 		width: "14",
-		children: /* @__PURE__ */ H("path", {
+		children: /* @__PURE__ */ U("path", {
 			d: {
 				close: "M3 3l8 8M11 3l-8 8",
 				maximize: "M3 5V3h2M9 3h2v2M11 9v2H9M5 11H3V9",
@@ -402,9 +609,9 @@ function we({ kind: e }) {
 }
 //#endregion
 //#region src/containers/GameModal/GameModal.tsx
-function Te({ children: e, className: t, closeLabel: n = "Close", closeOnBackdrop: r = !0, footer: i, keepMounted: a = !1, onClose: o, open: s, position: c = "center", size: l = "md", title: u }) {
-	let d = z(null), f = z(null), p = R(), [m, h] = B(!s);
-	return L(() => {
+function Ne({ children: e, className: t, closeLabel: n = "Close", closeOnBackdrop: r = !0, footer: i, keepMounted: a = !1, onClose: o, open: s, position: c = "center", size: l = "md", title: u }) {
+	let d = B(null), f = B(null), p = z(), [m, h] = V(!s);
+	return R(() => {
 		let e = d.current, t = f.current;
 		if (!(!e || !t)) {
 			if (s) {
@@ -413,9 +620,9 @@ function Te({ children: e, className: t, closeLabel: n = "Close", closeOnBackdro
 			}
 			e.open && e.close(), t.setAttribute("aria-hidden", "true"), t.setAttribute("inert", ""), h(!0);
 		}
-	}, [m, s]), /* @__PURE__ */ H("dialog", {
+	}, [m, s]), /* @__PURE__ */ U("dialog", {
 		"aria-labelledby": p,
-		className: Y("game-ui-modal", t),
+		className: ke("game-ui-modal", t),
 		"data-position": c,
 		"data-size": l,
 		onCancel: (e) => {
@@ -425,32 +632,32 @@ function Te({ children: e, className: t, closeLabel: n = "Close", closeOnBackdro
 			r && e.target === d.current && o();
 		},
 		ref: d,
-		children: /* @__PURE__ */ U("div", {
+		children: /* @__PURE__ */ W("div", {
 			"aria-hidden": m ? !0 : void 0,
 			className: "game-ui-modal-frame",
 			inert: m || void 0,
 			ref: f,
 			children: [
-				/* @__PURE__ */ U("header", {
+				/* @__PURE__ */ W("header", {
 					className: "game-ui-modal-header",
-					children: [/* @__PURE__ */ H("h2", {
+					children: [/* @__PURE__ */ U("h2", {
 						className: "game-ui-modal-title",
 						id: p,
 						children: u
-					}), /* @__PURE__ */ U("button", {
+					}), /* @__PURE__ */ W("button", {
 						"aria-label": n,
 						className: "game-ui-icon-button game-ui-window-button",
 						onClick: o,
 						type: "button",
 						"data-game-ui-paint": "",
-						children: [/* @__PURE__ */ H(T, {}), /* @__PURE__ */ H(we, { kind: "close" })]
+						children: [/* @__PURE__ */ U(I, {}), /* @__PURE__ */ U(Me, { kind: "close" })]
 					})]
 				}),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ U("div", {
 					className: "game-ui-modal-body",
 					children: s || a ? e : null
 				}),
-				i ? /* @__PURE__ */ H("footer", {
+				i ? /* @__PURE__ */ U("footer", {
 					className: "game-ui-modal-footer",
 					children: i
 				}) : null
@@ -460,38 +667,38 @@ function Te({ children: e, className: t, closeLabel: n = "Close", closeOnBackdro
 }
 //#endregion
 //#region src/containers/GameShell/GameShell.tsx
-function Ee({ assetLibrary: e, bottomBar: t, children: n, className: r, density: i = "comfortable", hud: a, layout: o = "auto", movementPad: s, overlay: c, sidePanel: l, title: u }) {
-	return /* @__PURE__ */ U("section", {
+function Pe({ assetLibrary: e, bottomBar: t, children: n, className: r, density: i = "comfortable", hud: a, layout: o = "auto", movementPad: s, overlay: c, sidePanel: l, title: u }) {
+	return /* @__PURE__ */ W("section", {
 		"aria-label": u,
 		className: ["game-ui-shell", r].filter(Boolean).join(" "),
 		"data-density": i,
 		"data-layout": o,
 		children: [
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ U("div", {
 				className: "game-ui-shell-scene",
 				children: n
 			}),
-			a ? /* @__PURE__ */ H("div", {
+			a ? /* @__PURE__ */ U("div", {
 				className: "game-ui-shell-hud",
 				children: a
 			}) : null,
-			e ? /* @__PURE__ */ H("aside", {
+			e ? /* @__PURE__ */ U("aside", {
 				className: "game-ui-shell-library",
 				children: e
 			}) : null,
-			l ? /* @__PURE__ */ H("aside", {
+			l ? /* @__PURE__ */ U("aside", {
 				className: "game-ui-shell-side-panel",
 				children: l
 			}) : null,
-			s ? /* @__PURE__ */ H("div", {
+			s ? /* @__PURE__ */ U("div", {
 				className: "game-ui-shell-movement",
 				children: s
 			}) : null,
-			t ? /* @__PURE__ */ H("div", {
+			t ? /* @__PURE__ */ U("div", {
 				className: "game-ui-shell-bottom-bar",
 				children: t
 			}) : null,
-			c ? /* @__PURE__ */ H("div", {
+			c ? /* @__PURE__ */ U("div", {
 				className: "game-ui-shell-overlay",
 				children: c
 			}) : null
@@ -500,63 +707,63 @@ function Ee({ assetLibrary: e, bottomBar: t, children: n, className: r, density:
 }
 //#endregion
 //#region src/game/GameCollectibleCard/GameCollectibleCard.tsx
-var X = 10, De = 6;
-function Oe({ filled: e, total: t }) {
-	return /* @__PURE__ */ H("span", {
+var Fe = 10, Ie = 6;
+function Le({ filled: e, total: t }) {
+	return /* @__PURE__ */ U("span", {
 		className: "game-ui-collect-card-pips",
 		"aria-hidden": "true",
-		children: Array.from({ length: Math.max(0, t) }, (t, n) => /* @__PURE__ */ H("i", { "data-on": n < e ? "true" : void 0 }, n))
+		children: Array.from({ length: Math.max(0, t) }, (t, n) => /* @__PURE__ */ U("i", { "data-on": n < e ? "true" : void 0 }, n))
 	});
 }
-function ke({ rarity: e }) {
-	return e === "legendary" ? /* @__PURE__ */ U("svg", {
+function Re({ rarity: e }) {
+	return e === "legendary" ? /* @__PURE__ */ W("svg", {
 		className: "game-ui-collect-card-inlay",
 		viewBox: "0 0 34 22",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ H("path", {
+		children: [/* @__PURE__ */ U("path", {
 			className: "game-ui-collect-card-crown",
 			d: "M3 19 L5 5 L12 11 L17 2 L22 11 L29 5 L31 19 Z"
-		}), /* @__PURE__ */ H("circle", {
+		}), /* @__PURE__ */ U("circle", {
 			className: "game-ui-collect-card-jewel",
 			cx: "17",
 			cy: "14",
 			r: "2.6"
 		})]
-	}) : e === "rare" ? /* @__PURE__ */ U("svg", {
+	}) : e === "rare" ? /* @__PURE__ */ W("svg", {
 		className: "game-ui-collect-card-inlay",
 		viewBox: "0 0 22 22",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ H("path", {
+		children: [/* @__PURE__ */ U("path", {
 			className: "game-ui-collect-card-gem",
 			d: "M11 2 L19 10 L11 20 L3 10 Z"
-		}), /* @__PURE__ */ H("path", {
+		}), /* @__PURE__ */ U("path", {
 			className: "game-ui-collect-card-gem-light",
 			d: "M11 2 L14 10 L11 20"
 		})]
 	}) : null;
 }
-function Ae() {
-	return /* @__PURE__ */ U("svg", {
+function ze() {
+	return /* @__PURE__ */ W("svg", {
 		viewBox: "0 0 100 100",
 		"aria-hidden": "true",
 		children: [
-			/* @__PURE__ */ H("circle", {
+			/* @__PURE__ */ U("circle", {
 				className: "game-ui-collect-card-back-ring",
 				cx: "50",
 				cy: "50",
 				r: "38"
 			}),
-			/* @__PURE__ */ H("circle", {
+			/* @__PURE__ */ U("circle", {
 				className: "game-ui-collect-card-back-dash",
 				cx: "50",
 				cy: "50",
 				r: "28"
 			}),
-			/* @__PURE__ */ H("path", {
+			/* @__PURE__ */ U("path", {
 				className: "game-ui-collect-card-back-star",
 				d: "M50 14 L57 43 L86 50 L57 57 L50 86 L43 57 L14 50 L43 43 Z"
 			}),
-			/* @__PURE__ */ H("circle", {
+			/* @__PURE__ */ U("circle", {
 				className: "game-ui-collect-card-back-core",
 				cx: "50",
 				cy: "50",
@@ -565,62 +772,62 @@ function Ae() {
 		]
 	});
 }
-function je({ rarity: e, title: t, caption: n, setLabel: r, rarityLabel: i, art: a, pips: o, sticker: s, back: c, label: l, faceDown: u, defaultFaceDown: d = !1, onFlip: f, spotlight: p = !1, sound: m = !1, tilt: h, className: g }) {
-	let _ = F(), [v, y] = B(d), b = u ?? v, [x, S] = B({
+function Be({ rarity: e, title: n, caption: r, setLabel: i, rarityLabel: a, art: o, pips: s, sticker: c, back: l, label: u, faceDown: d, defaultFaceDown: f = !1, onFlip: p, spotlight: m = !1, sound: h = !1, tilt: g, className: _ }) {
+	let v = t(), [y, b] = V(f), x = d ?? y, [S, C] = V({
 		x: 50,
 		y: 50,
 		active: !1
-	}), C = z(null);
-	L(() => {
-		_ && S({
+	}), w = B(null);
+	R(() => {
+		v && C({
 			x: 50,
 			y: 50,
 			active: !1
 		});
-	}, [_]);
+	}, [v]);
 	let T = (e) => {
-		let t = C.current;
-		if (t && Math.hypot(e.clientX - t.x, e.clientY - t.y) > De && (t.moved = !0), _) return;
+		let t = w.current;
+		if (t && Math.hypot(e.clientX - t.x, e.clientY - t.y) > Ie && (t.moved = !0), v) return;
 		let n = e.currentTarget.getBoundingClientRect();
 		if (n.width === 0 || n.height === 0) return;
 		let r = Math.min(100, Math.max(0, (e.clientX - n.left) / n.width * 100)), i = Math.min(100, Math.max(0, (e.clientY - n.top) / n.height * 100));
-		S({
+		C({
 			x: r,
 			y: i,
 			active: !0
 		});
 	}, E = () => {
-		let t = !b;
-		u === void 0 && y(t), f?.(t), m && w(t ? "common" : e);
-	}, D = h && Number.isFinite(h.x) && Number.isFinite(h.y) ? {
-		x: 50 + Math.min(1, Math.max(-1, h.x)) * 50,
-		y: 50 + Math.min(1, Math.max(-1, h.y)) * 50,
+		let t = !x;
+		d === void 0 && b(t), p?.(t), h && A(t ? "common" : e);
+	}, D = g && Number.isFinite(g.x) && Number.isFinite(g.y) ? {
+		x: 50 + Math.min(1, Math.max(-1, g.x)) * 50,
+		y: 50 + Math.min(1, Math.max(-1, g.y)) * 50,
 		active: !0
-	} : null, O = _ ? {
+	} : null, O = v ? {
 		x: 50,
 		y: 50,
 		active: !1
-	} : x.active ? x : D ?? x, k = {
+	} : S.active ? S : D ?? S, k = {
 		"--card-mx": `${O.x}%`,
 		"--card-my": `${O.y}%`,
-		"--card-rx": `${O.active ? (50 - O.y) / 50 * X : 0}deg`,
-		"--card-ry": `${O.active ? (O.x - 50) / 50 * X : 0}deg`
+		"--card-rx": `${O.active ? (50 - O.y) / 50 * Fe : 0}deg`,
+		"--card-ry": `${O.active ? (O.x - 50) / 50 * Fe : 0}deg`
 	};
-	return /* @__PURE__ */ U("button", {
+	return /* @__PURE__ */ W("button", {
 		type: "button",
 		className: [
 			"game-ui-collect-card",
 			`game-ui-collect-card--${e}`,
-			b ? "game-ui-collect-card--down" : null,
-			p ? "game-ui-collect-card--spotlight" : null,
-			g
+			x ? "game-ui-collect-card--down" : null,
+			m ? "game-ui-collect-card--spotlight" : null,
+			_
 		].filter(Boolean).join(" "),
 		style: k,
-		"aria-label": l,
-		"aria-pressed": b,
+		"aria-label": u,
+		"aria-pressed": x,
 		"data-rarity": e,
 		onPointerDown: (e) => {
-			C.current = {
+			w.current = {
 				x: e.clientX,
 				y: e.clientY,
 				moved: !1
@@ -628,73 +835,73 @@ function je({ rarity: e, title: t, caption: n, setLabel: r, rarityLabel: i, art:
 		},
 		onPointerMove: T,
 		onPointerCancel: () => {
-			C.current = null, S((e) => ({
+			w.current = null, C((e) => ({
 				...e,
 				active: !1
 			}));
 		},
-		onPointerLeave: () => S((e) => ({
+		onPointerLeave: () => C((e) => ({
 			...e,
 			active: !1
 		})),
 		onClick: (e) => {
-			let t = e.detail !== 0 && (C.current?.moved ?? !1);
-			C.current = null, t || E();
+			let t = e.detail !== 0 && (w.current?.moved ?? !1);
+			w.current = null, t || E();
 		},
-		children: [/* @__PURE__ */ U("span", {
+		children: [/* @__PURE__ */ W("span", {
 			className: "game-ui-collect-card-face",
 			"aria-hidden": "true",
 			children: [
-				s ? /* @__PURE__ */ H("span", {
+				c ? /* @__PURE__ */ U("span", {
 					className: "game-ui-collect-card-sticker",
-					children: s
+					children: c
 				}) : null,
-				/* @__PURE__ */ H(ke, { rarity: e }),
-				e === "legendary" ? /* @__PURE__ */ H("span", { className: "game-ui-collect-card-foil" }) : null,
-				/* @__PURE__ */ U("span", {
+				/* @__PURE__ */ U(Re, { rarity: e }),
+				e === "legendary" ? /* @__PURE__ */ U("span", { className: "game-ui-collect-card-foil" }) : null,
+				/* @__PURE__ */ W("span", {
 					className: "game-ui-collect-card-inner",
 					children: [
-						r || i ? /* @__PURE__ */ U("span", {
+						i || a ? /* @__PURE__ */ W("span", {
 							className: "game-ui-collect-card-band",
-							children: [i ? /* @__PURE__ */ H("span", {
+							children: [a ? /* @__PURE__ */ U("span", {
 								className: "game-ui-collect-card-chip",
-								children: i
-							}) : null, r ? /* @__PURE__ */ H("span", { children: r }) : null]
+								children: a
+							}) : null, i ? /* @__PURE__ */ U("span", { children: i }) : null]
 						}) : null,
-						/* @__PURE__ */ U("span", {
+						/* @__PURE__ */ W("span", {
 							className: "game-ui-collect-card-art",
-							children: [a, e === "legendary" ? /* @__PURE__ */ H("span", { className: "game-ui-collect-card-foil" }) : null]
+							children: [o, e === "legendary" ? /* @__PURE__ */ U("span", { className: "game-ui-collect-card-foil" }) : null]
 						}),
-						/* @__PURE__ */ H("span", {
+						/* @__PURE__ */ U("span", {
 							className: "game-ui-collect-card-title",
-							children: t
+							children: n
 						}),
-						n ? /* @__PURE__ */ H("span", {
+						r ? /* @__PURE__ */ U("span", {
 							className: "game-ui-collect-card-caption",
-							children: n
+							children: r
 						}) : null,
-						o ? /* @__PURE__ */ H(Oe, {
-							filled: o.filled,
-							total: o.total
+						s ? /* @__PURE__ */ U(Le, {
+							filled: s.filled,
+							total: s.total
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ H("span", { className: "game-ui-collect-card-glare" })
+				/* @__PURE__ */ U("span", { className: "game-ui-collect-card-glare" })
 			]
-		}), /* @__PURE__ */ H("span", {
+		}), /* @__PURE__ */ U("span", {
 			className: "game-ui-collect-card-back",
 			"aria-hidden": "true",
-			children: c ?? /* @__PURE__ */ H(Ae, {})
+			children: l ?? /* @__PURE__ */ U(ze, {})
 		})]
 	});
 }
 //#endregion
 //#region src/game/GameCollectibleCard/orientation.ts
-function Z() {
+function $() {
 	return typeof window > "u" || !window.isSecureContext || !window.DeviceOrientationEvent ? null : window.DeviceOrientationEvent;
 }
-var Q = () => document.visibilityState === "hidden";
-function Me(e, t, n, r) {
+var Ve = () => document.visibilityState === "hidden";
+function He(e, t, n, r) {
 	if (e === null || t === null || ![
 		e,
 		t,
@@ -708,113 +915,113 @@ function Me(e, t, n, r) {
 		y: s(o * Math.cos(i) - a * Math.sin(i))
 	};
 }
-function Ne() {
-	let e = F(), [t, n] = B("off"), [r, i] = B(null), a = z(!1), o = z(0), s = z(!1), c = z(e);
-	c.current = e;
-	let l = I(() => {
-		o.current++, s.current = !1;
+function Ue() {
+	let e = t(), [n, r] = V("off"), [i, a] = V(null), o = B(!1), s = B(0), c = B(!1), l = B(e);
+	l.current = e;
+	let u = L(() => {
+		s.current++, c.current = !1;
 	}, []);
-	L(() => {
-		a.current = !0, Z() || n("unavailable");
+	R(() => {
+		o.current = !0, $() || r("unavailable");
 		let e = () => {
-			document.visibilityState !== "hidden" || !s.current || (l(), n("off"), i(null));
+			document.visibilityState !== "hidden" || !c.current || (u(), r("off"), a(null));
 		};
 		return document.addEventListener("visibilitychange", e), () => {
-			document.removeEventListener("visibilitychange", e), a.current = !1, l();
+			document.removeEventListener("visibilitychange", e), o.current = !1, u();
 		};
-	}, [l]);
-	let u = I(() => {
-		l(), i(null), n(Z() ? "off" : "unavailable");
-	}, [l]);
-	L(() => {
-		e && u();
-	}, [e, u]);
-	let d = I(async () => {
-		let e = Z();
-		if (!a.current || s.current || c.current || Q()) return !1;
-		if (!e) return n("unavailable"), !1;
-		let t = ++o.current;
-		s.current = !0, n("requesting"), i(null);
+	}, [u]);
+	let d = L(() => {
+		u(), a(null), r($() ? "off" : "unavailable");
+	}, [u]);
+	R(() => {
+		e && d();
+	}, [e, d]);
+	let f = L(async () => {
+		let e = $();
+		if (!o.current || c.current || l.current || Ve()) return !1;
+		if (!e) return r("unavailable"), !1;
+		let t = ++s.current;
+		c.current = !0, r("requesting"), a(null);
 		try {
-			let r = e.requestPermission ? await e.requestPermission() : "granted";
-			if (!a.current || t !== o.current || c.current) return !1;
-			if (Q()) return u(), !1;
-			let i = r === "granted";
-			return n(i ? "enabled" : "denied"), i;
+			let n = e.requestPermission ? await e.requestPermission() : "granted";
+			if (!o.current || t !== s.current || l.current) return !1;
+			if (Ve()) return d(), !1;
+			let i = n === "granted";
+			return r(i ? "enabled" : "denied"), i;
 		} catch {
-			return a.current && t === o.current && n("denied"), !1;
+			return o.current && t === s.current && r("denied"), !1;
 		} finally {
-			t === o.current && (s.current = !1);
+			t === s.current && (c.current = !1);
 		}
-	}, [u]);
-	return L(() => {
-		if (t !== "enabled" || e) return;
-		let n = null, r = !1, a = -Infinity, o = (e) => {
+	}, [d]);
+	return R(() => {
+		if (n !== "enabled" || e) return;
+		let t = null, r = !1, i = -Infinity, o = (e) => {
 			if (document.visibilityState === "hidden" || e.beta === null || e.gamma === null || !Number.isFinite(e.beta) || !Number.isFinite(e.gamma)) return;
-			let t = window.screen.orientation?.angle ?? 0;
-			if (!Number.isFinite(t)) return;
-			(!n || n.angle !== t) && (n = {
+			let n = window.screen.orientation?.angle ?? 0;
+			if (!Number.isFinite(n)) return;
+			(!t || t.angle !== n) && (t = {
 				beta: e.beta,
 				gamma: e.gamma,
-				angle: t
+				angle: n
 			});
 			let r = performance.now();
-			if (r - a < 50) return;
-			a = r;
-			let o = Me(e.beta, e.gamma, n, t);
-			o && i((e) => e?.x === o.x && e.y === o.y ? e : o);
+			if (r - i < 50) return;
+			i = r;
+			let o = He(e.beta, e.gamma, t, n);
+			o && a((e) => e?.x === o.x && e.y === o.y ? e : o);
 		}, s = () => {
 			let e = document.visibilityState !== "hidden";
-			n = null, a = -Infinity, i(null), e && !r && (window.addEventListener("deviceorientation", o), r = !0), !e && r && (window.removeEventListener("deviceorientation", o), r = !1);
+			t = null, i = -Infinity, a(null), e && !r && (window.addEventListener("deviceorientation", o), r = !0), !e && r && (window.removeEventListener("deviceorientation", o), r = !1);
 		};
 		return s(), document.addEventListener("visibilitychange", s), () => {
 			r && window.removeEventListener("deviceorientation", o), document.removeEventListener("visibilitychange", s);
 		};
-	}, [t, e]), {
-		status: t,
-		tilt: e || t !== "enabled" ? null : r,
-		enable: d,
-		disable: u,
+	}, [n, e]), {
+		status: n,
+		tilt: e || n !== "enabled" ? null : i,
+		enable: f,
+		disable: d,
 		reducedMotion: e
 	};
 }
 //#endregion
 //#region src/game/GameCollectibleCardSlot/GameCollectibleCardSlot.tsx
-function Pe({ label: e, className: t }) {
-	return /* @__PURE__ */ U("div", {
+function We({ label: e, className: t }) {
+	return /* @__PURE__ */ W("div", {
 		className: ["game-ui-collect-card-slot", t].filter(Boolean).join(" "),
 		role: "img",
 		"aria-label": e,
-		children: [/* @__PURE__ */ H("span", {
+		children: [/* @__PURE__ */ U("span", {
 			"aria-hidden": "true",
 			children: "?"
-		}), /* @__PURE__ */ H("span", { children: e })]
+		}), /* @__PURE__ */ U("span", { children: e })]
 	});
 }
 //#endregion
 //#region src/game/GameFactList/GameFactList.tsx
-function Fe({ className: e, density: t = "comfortable", facts: n, label: r, variant: i = "facts" }) {
-	return /* @__PURE__ */ H("section", {
+function Ge({ className: e, density: t = "comfortable", facts: n, label: r, variant: i = "facts" }) {
+	return /* @__PURE__ */ U("section", {
 		"aria-label": r,
 		className: ["game-ui-fact-list", e].filter(Boolean).join(" "),
 		"data-density": t,
 		"data-variant": i,
-		children: n.map((e) => /* @__PURE__ */ U("article", {
+		children: n.map((e) => /* @__PURE__ */ W("article", {
 			className: "game-ui-fact",
 			children: [
-				e.icon ? /* @__PURE__ */ H(M, {
+				e.icon ? /* @__PURE__ */ U(E, {
 					icon: e.icon,
 					size: t === "dense" ? "sm" : "md"
 				}) : null,
-				/* @__PURE__ */ U("span", {
+				/* @__PURE__ */ W("span", {
 					className: "game-ui-fact-copy",
 					children: [
-						/* @__PURE__ */ H("small", { children: e.label }),
-						/* @__PURE__ */ H("strong", { children: e.value }),
-						e.meta ? /* @__PURE__ */ H("em", { children: e.meta }) : null
+						/* @__PURE__ */ U("small", { children: e.label }),
+						/* @__PURE__ */ U("strong", { children: e.value }),
+						e.meta ? /* @__PURE__ */ U("em", { children: e.meta }) : null
 					]
 				}),
-				e.tone ? /* @__PURE__ */ H(D, {
+				e.tone ? /* @__PURE__ */ U(N, {
 					tone: e.tone,
 					children: i === "stats" ? e.label : e.value
 				}) : null
@@ -824,7 +1031,7 @@ function Fe({ className: e, density: t = "comfortable", facts: n, label: r, vari
 }
 //#endregion
 //#region src/game/GameMovementPad/GameMovementPad.tsx
-var Ie = [
+var Ke = [
 	{
 		direction: "forward",
 		label: "Move forward",
@@ -849,7 +1056,7 @@ var Ie = [
 		shortcut: "S / ↓",
 		symbol: "↓"
 	}
-], Le = {
+], qe = {
 	ArrowUp: "forward",
 	w: "forward",
 	W: "forward",
@@ -864,57 +1071,57 @@ var Ie = [
 	S: "backward",
 	" ": "reset"
 };
-function $({ actions: e = Ie, className: t, density: n = "comfortable", disabled: r = !1, helpText: i, label: a, layout: o = "dpad", onMove: s }) {
+function Je({ actions: e = Ke, className: t, density: n = "comfortable", disabled: r = !1, helpText: i, label: a, layout: o = "dpad", onMove: s }) {
 	let c = ["game-ui-movement-pad", t].filter(Boolean).join(" "), l = (e) => {
 		r || s?.(e);
 	};
-	return /* @__PURE__ */ U("section", {
+	return /* @__PURE__ */ W("section", {
 		"aria-label": a,
 		className: c,
 		"data-density": n,
 		"data-layout": o,
 		onKeyDown: (t) => {
-			let n = Le[t.key];
+			let n = qe[t.key];
 			if (!n) return;
 			let i = e.find((e) => e.direction === n);
 			!i || i.disabled || r || (t.preventDefault(), l(n));
 		},
 		tabIndex: 0,
-		children: [/* @__PURE__ */ H("div", {
+		children: [/* @__PURE__ */ U("div", {
 			className: "game-ui-movement-pad-grid",
-			children: e.map((e) => /* @__PURE__ */ U(j, {
+			children: e.map((e) => /* @__PURE__ */ W(D, {
 				className: "game-ui-movement-button",
 				"data-direction": e.direction,
 				disabled: r || e.disabled,
 				label: e.label,
 				onClick: () => l(e.direction),
-				children: [e.icon ? /* @__PURE__ */ H(M, {
+				children: [e.icon ? /* @__PURE__ */ U(E, {
 					icon: e.icon,
 					size: n === "dense" ? "sm" : "md"
-				}) : /* @__PURE__ */ H("span", {
+				}) : /* @__PURE__ */ U("span", {
 					"aria-hidden": "true",
 					children: e.symbol ?? e.label
-				}), e.shortcut ? /* @__PURE__ */ H("kbd", { children: e.shortcut }) : null]
+				}), e.shortcut ? /* @__PURE__ */ U("kbd", { children: e.shortcut }) : null]
 			}, e.direction))
-		}), i ? /* @__PURE__ */ H("p", { children: i }) : null]
+		}), i ? /* @__PURE__ */ U("p", { children: i }) : null]
 	});
 }
 //#endregion
 //#region src/game/GameSplash/GameSplash.tsx
-function Re(e) {
+function Ye(e) {
 	let t = e.highlight ? e.text.indexOf(e.highlight) : -1;
-	return !e.highlight || t < 0 ? e.text : /* @__PURE__ */ U(V, { children: [
+	return !e.highlight || t < 0 ? e.text : /* @__PURE__ */ W(H, { children: [
 		e.text.slice(0, t),
-		/* @__PURE__ */ H("mark", {
+		/* @__PURE__ */ U("mark", {
 			className: "game-ui-splash-mark",
 			children: e.highlight
 		}),
 		e.text.slice(t + e.highlight.length)
 	] });
 }
-function ze({ title: e, lines: t, progress: n, progressLabel: r, ready: a, mode: o = "opening", startLabel: s, onStart: c, autoStart: l = !1, lineSeconds: u = 2.6, className: d }) {
-	let f = o === "transition" ? t.slice(0, 1) : t, p = F(), [m, h] = B(0);
-	L(() => {
+function Xe({ title: e, lines: n, progress: r, progressLabel: i, ready: a, mode: o = "opening", startLabel: s, onStart: c, autoStart: l = !1, lineSeconds: u = 2.6, className: d }) {
+	let f = o === "transition" ? n.slice(0, 1) : n, p = t(), [m, h] = V(0);
+	R(() => {
 		if (f.length < 2 || p) return;
 		let e = window.setInterval(() => h((e) => (e + 1) % f.length), Math.max(1, u) * 1e3);
 		return () => window.clearInterval(e);
@@ -923,16 +1130,16 @@ function ze({ title: e, lines: t, progress: n, progressLabel: r, ready: a, mode:
 		u,
 		p
 	]);
-	let g = z(!1), _ = c;
-	L(() => {
+	let g = B(!1), _ = c;
+	R(() => {
 		!a || !l || g.current || !_ || (g.current = !0, _());
 	}, [
 		a,
 		l,
 		_
 	]);
-	let v = f[m % Math.max(1, f.length)], b = Math.round(Math.max(0, Math.min(1, Number.isFinite(n) ? n : 0)) * 100);
-	return /* @__PURE__ */ H("section", {
+	let v = f[m % Math.max(1, f.length)], y = Math.round(Math.max(0, Math.min(1, Number.isFinite(r) ? r : 0)) * 100);
+	return /* @__PURE__ */ U("section", {
 		className: [
 			"game-ui-splash",
 			`game-ui-splash--${o}`,
@@ -941,27 +1148,27 @@ function ze({ title: e, lines: t, progress: n, progressLabel: r, ready: a, mode:
 		"aria-busy": !a,
 		"aria-label": e,
 		"data-splash-ready": a,
-		children: /* @__PURE__ */ U("div", {
+		children: /* @__PURE__ */ W("div", {
 			className: "game-ui-splash-body",
 			children: [
-				o === "opening" ? /* @__PURE__ */ H("h1", {
+				o === "opening" ? /* @__PURE__ */ U("h1", {
 					className: "game-ui-splash-title",
 					children: e
 				}) : null,
-				v ? /* @__PURE__ */ H("p", {
+				v ? /* @__PURE__ */ U("p", {
 					className: "game-ui-splash-line",
 					"aria-live": "polite",
-					children: Re(v)
+					children: Ye(v)
 				}, m) : null,
-				/* @__PURE__ */ H(y, {
+				/* @__PURE__ */ U(T, {
 					className: "game-ui-splash-progress",
-					label: r,
-					value: b,
-					valueLabel: r
+					label: i,
+					value: y,
+					valueLabel: i
 				}),
-				o === "opening" && a && !l && c ? /* @__PURE__ */ H("div", {
+				o === "opening" && a && !l && c ? /* @__PURE__ */ U("div", {
 					className: "game-ui-splash-start",
-					children: /* @__PURE__ */ H(i, {
+					children: /* @__PURE__ */ U(M, {
 						variant: "primary",
 						autoFocus: !0,
 						onClick: () => c(),
@@ -974,64 +1181,64 @@ function ze({ title: e, lines: t, progress: n, progressLabel: r, ready: a, mode:
 }
 //#endregion
 //#region src/controls/GameMaterialSwatches/GameMaterialSwatches.tsx
-function Be({ activeMaterialId: e, className: n, disabled: r = !1, label: i, materials: a, onMaterialChange: o, variant: s = "desktop", "data-testid": c }) {
-	return /* @__PURE__ */ H("section", {
-		"aria-label": i,
-		className: ["game-ui-material-swatches", n].filter(Boolean).join(" "),
+function Ze({ activeMaterialId: e, className: t, disabled: n = !1, label: r, materials: i, onMaterialChange: a, variant: o = "desktop", "data-testid": s }) {
+	return /* @__PURE__ */ U("section", {
+		"aria-label": r,
+		className: ["game-ui-material-swatches", t].filter(Boolean).join(" "),
 		"data-ui-hook": "material-swatches",
-		"data-variant": s,
-		"data-testid": c,
-		children: /* @__PURE__ */ H("div", {
+		"data-variant": o,
+		"data-testid": s,
+		children: /* @__PURE__ */ U("div", {
 			className: "game-ui-material-swatch-grid",
 			role: "listbox",
-			"aria-label": i,
-			children: a.map((n) => {
-				let i = n.id === e, a = r || n.disabled, c = s === "small-mobile" ? n.compactLabel ?? n.label : n.label, l = {
-					"--swatch-color": n.color,
-					"--swatch-secondary-color": n.secondaryColor ?? n.color
+			"aria-label": r,
+			children: i.map((t) => {
+				let r = t.id === e, i = n || t.disabled, s = o === "small-mobile" ? t.compactLabel ?? t.label : t.label, c = {
+					"--swatch-color": t.color,
+					"--swatch-secondary-color": t.secondaryColor ?? t.color
 				};
-				return /* @__PURE__ */ U("button", {
-					"aria-describedby": n.meta ? `${n.id}-material-meta` : void 0,
-					"aria-label": n.label,
-					"aria-selected": i,
+				return /* @__PURE__ */ W("button", {
+					"aria-describedby": t.meta ? `${t.id}-material-meta` : void 0,
+					"aria-label": t.label,
+					"aria-selected": r,
 					className: "game-ui-material-swatch",
-					"data-material-id": n.id,
-					disabled: a,
-					onClick: o && !a ? () => o(n.id) : void 0,
+					"data-material-id": t.id,
+					disabled: i,
+					onClick: a && !i ? () => a(t.id) : void 0,
 					role: "option",
 					type: "button",
 					"data-game-ui-paint": "",
 					children: [
-						/* @__PURE__ */ H(T, {}),
-						/* @__PURE__ */ H("span", {
+						/* @__PURE__ */ U(I, {}),
+						/* @__PURE__ */ U("span", {
 							"aria-hidden": "true",
 							className: "game-ui-material-swatch-chip",
-							"data-swatch-pattern": n.pattern ?? "solid",
-							style: l
+							"data-swatch-pattern": t.pattern ?? "solid",
+							style: c
 						}),
-						/* @__PURE__ */ U("span", {
+						/* @__PURE__ */ W("span", {
 							className: "game-ui-material-swatch-copy",
-							children: [/* @__PURE__ */ H("strong", { children: c }), n.meta ? /* @__PURE__ */ H("small", {
-								id: `${n.id}-material-meta`,
-								children: n.meta
+							children: [/* @__PURE__ */ U("strong", { children: s }), t.meta ? /* @__PURE__ */ U("small", {
+								id: `${t.id}-material-meta`,
+								children: t.meta
 							}) : null]
 						}),
-						/* @__PURE__ */ H(t, {})
+						/* @__PURE__ */ U(k, {})
 					]
-				}, n.id);
+				}, t.id);
 			})
 		})
 	});
 }
 //#endregion
 //#region src/tokens/styles.ts
-var Ve = [
+var Qe = [
 	"candy",
 	"pastel",
 	"mist",
 	"grey",
 	"outline",
 	"ink"
-], He = "pastel";
+], $e = "pastel";
 //#endregion
-export { C as FirstSessionOnboarding, f as GAME_ICON_NAMES, He as GAME_UI_DEFAULT_STYLE, Ve as GAME_UI_STYLES, n as GAME_UI_TARGETS, m as GAME_UI_THEME_CONTRACT, o as GAME_UI_TOKENS, te as GameAvatar, D as GameBadge, i as GameButton, ye as GameCallout, a as GameCheckbox, Ce as GameCollapsiblePanel, je as GameCollectibleCard, Pe as GameCollectibleCardSlot, v as GameDialog, ee as GameEmptyState, Fe as GameFactList, p as GameField, be as GameHelpTip, A as GameHistoryPanel, k as GameHudActions, M as GameIcon, j as GameIconButton, r as GameInput, _ as GameLanguageMenu, ge as GameListRow, b as GameLoadingState, Be as GameMaterialSwatches, Te as GameModal, $ as GameMovementPad, _e as GameOtpInput, g as GamePanel, y as GameProgress, xe as GamePrompt, O as GameRadialMenu, N as GameSegmentedControl, ve as GameSelect, Ee as GameShell, ie as GameSlider, ze as GameSplash, ne as GameStageTile, h as GameTabs, x as GameTextArea, re as GameToast, S as GameToggle, E as GameTooltip, e as LiquidGroup, u as LiquidSurface, d as liquidFormItem, w as playGameCardRevealSound, s as playGameInteractionSound, c as playGameInteractionSoundForContext, P as setLiquidGooeyBudget, Ne as useGameCardOrientation };
+export { S as FirstSessionOnboarding, O as GAME_ICON_NAMES, $e as GAME_UI_DEFAULT_STYLE, Qe as GAME_UI_STYLES, s as GAME_UI_TARGETS, a as GAME_UI_THEME_CONTRACT, i as GAME_UI_TOKENS, ne as GameAvatar, N as GameBadge, M as GameButton, ve as GameCallout, r as GameCheckbox, je as GameCollapsiblePanel, Be as GameCollectibleCard, We as GameCollectibleCardSlot, C as GameDialog, p as GameEmptyState, Ge as GameFactList, o as GameField, xe as GameHelpCard, ye as GameHelpTip, b as GameHistoryPanel, l as GameHudActions, E as GameIcon, D as GameIconButton, u as GameInput, c as GameLanguageMenu, me as GameListRow, f as GameLoadingState, Ze as GameMaterialSwatches, Ne as GameModal, Je as GameMovementPad, ge as GameOtpInput, g as GamePanel, T as GameProgress, Oe as GamePrompt, y as GameRadialMenu, m as GameSegmentedControl, _e as GameSelect, Pe as GameShell, h as GameSlider, Xe as GameSplash, w as GameStageTile, F as GameTabs, v as GameTextArea, _ as GameToast, x as GameToggle, d as GameTooltip, n as LiquidGroup, j as LiquidSurface, re as liquidFormItem, A as playGameCardRevealSound, te as playGameInteractionSound, ee as playGameInteractionSoundForContext, e as setLiquidGooeyBudget, Ue as useGameCardOrientation };