@pieai/swimmer-ui-kit 3.1.0 → 3.2.0

package/dist/index.js

@@ -1,48 +1,48 @@
 "use client";
 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-F41PxXDG.js";
-import { c as k, f as A, h as ee, i as j, m as te, n as M, o as N, p as ne, r as re, s as P, t as ie, y as ae } from "./GameAvatar-CRJ1r8l5.js";
-import { createElement as oe, forwardRef as F, 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 { 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: t, thumbnail: n, current: r = !1, selected: i, disabled: a = !1, onSelect: o, selectLabel: s, actions: c, className: l, hue: u, ...d }) {
-	let f = z(null), p = /* @__PURE__ */ U(V, { children: [
-		n ? /* @__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: 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
-			}), t ? /* @__PURE__ */ H("span", {
+			}), t ? /* @__PURE__ */ U("span", {
 				className: "game-ui-list-row-description",
 				children: t
 			}) : null]
 		}),
-		r ? /* @__PURE__ */ H("span", {
+		r ? /* @__PURE__ */ U("span", {
 			className: "game-ui-list-row-current",
 			"aria-hidden": "true"
 		}) : null
 	] });
-	return /* @__PURE__ */ U("div", {
+	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: {
-			...N(u),
+			...P(u),
 			...d.style
 		},
 		children: [
-			/* @__PURE__ */ H(P, {
+			/* @__PURE__ */ U(I, {
 				static: !o,
 				pressTarget: f
 			}),
-			o ? /* @__PURE__ */ U("button", {
+			o ? /* @__PURE__ */ W("button", {
 				type: "button",
 				className: "game-ui-list-row-main",
 				ref: f,
@@ -51,13 +51,13 @@ function ge({ title: e, description: t, thumbnail: n, current: r = !1, selected:
 				"aria-label": s,
 				"aria-current": r ? "true" : void 0,
 				"aria-pressed": i,
-				children: [p, /* @__PURE__ */ H(k, {})]
-			}) : /* @__PURE__ */ U("div", {
+				children: [p, /* @__PURE__ */ U(k, {})]
+			}) : /* @__PURE__ */ W("div", {
 				className: "game-ui-list-row-main",
 				"aria-current": r ? "true" : void 0,
-				children: [p, /* @__PURE__ */ H(k, {})]
+				children: [p, /* @__PURE__ */ U(k, {})]
 			}),
-			c ? /* @__PURE__ */ H("div", {
+			c ? /* @__PURE__ */ U("div", {
 				className: "game-ui-list-row-actions",
 				children: c
 			}) : null
@@ -66,19 +66,19 @@ function ge({ title: e, description: t, thumbnail: n, current: r = !1, selected:
 }
 //#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,10 +165,10 @@ function _e({ length: e = 6, value: t, onChange: n, onComplete: r, invalid: i =
 }
 //#endregion
 //#region src/controls/GameSelect/GameSelect.tsx
-var ve = F(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__ */ oe("select", {
+		children: /* @__PURE__ */ ae("select", {
 			...i,
 			ref: a,
 			key: "control",
@@ -176,7 +176,7 @@ var ve = F(function({ className: e, invalid: t, hue: n, style: r, ...i }, a) {
 			"data-invalid": t ? "true" : void 0,
 			"data-game-ui-paint": "",
 			style: {
-				...N(n),
+				...P(n),
 				...r
 			},
 			className: [
@@ -189,13 +189,13 @@ var ve = F(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: {
-			...N(n === "success" ? "leaf" : n === "warning" ? "sun" : "sky"),
+			...P(n === "success" ? "leaf" : n === "warning" ? "sun" : "sky"),
 			...i
 		},
 		children: [
-			/* @__PURE__ */ H(P, { 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(P, {}), /* @__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(j, {
+		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(P, {}),
-						/* @__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(P, {}), /* @__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,13 +772,13 @@ function Ae() {
 		]
 	});
 }
-function je({ 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] = B(f), x = d ?? y, [S, C] = 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
-	}), w = z(null);
-	L(() => {
+	}), w = B(null);
+	R(() => {
 		v && C({
 			x: 50,
 			y: 50,
@@ -580,7 +787,7 @@ function je({ rarity: e, title: n, caption: r, setLabel: i, rarityLabel: a, art:
 	}, [v]);
 	let T = (e) => {
 		let t = w.current;
-		if (t && Math.hypot(e.clientX - t.x, e.clientY - t.y) > De && (t.moved = !0), v) return;
+		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));
@@ -603,10 +810,10 @@ function je({ rarity: e, title: n, caption: r, setLabel: i, rarityLabel: a, art:
 	} : 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",
@@ -641,60 +848,60 @@ function je({ rarity: e, title: n, caption: r, setLabel: i, rarityLabel: a, art:
 			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: [
-				c ? /* @__PURE__ */ H("span", {
+				c ? /* @__PURE__ */ U("span", {
 					className: "game-ui-collect-card-sticker",
 					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: [
-						i || a ? /* @__PURE__ */ U("span", {
+						i || a ? /* @__PURE__ */ W("span", {
 							className: "game-ui-collect-card-band",
-							children: [a ? /* @__PURE__ */ H("span", {
+							children: [a ? /* @__PURE__ */ U("span", {
 								className: "game-ui-collect-card-chip",
 								children: a
-							}) : null, i ? /* @__PURE__ */ H("span", { children: i }) : null]
+							}) : null, i ? /* @__PURE__ */ U("span", { children: i }) : null]
 						}) : null,
-						/* @__PURE__ */ U("span", {
+						/* @__PURE__ */ W("span", {
 							className: "game-ui-collect-card-art",
-							children: [o, 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: n
 						}),
-						r ? /* @__PURE__ */ H("span", {
+						r ? /* @__PURE__ */ U("span", {
 							className: "game-ui-collect-card-caption",
 							children: r
 						}) : null,
-						s ? /* @__PURE__ */ H(Oe, {
+						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: l ?? /* @__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,14 +915,14 @@ function Me(e, t, n, r) {
 		y: s(o * Math.cos(i) - a * Math.sin(i))
 	};
 }
-function Ne() {
-	let e = t(), [n, r] = B("off"), [i, a] = B(null), o = z(!1), s = z(0), c = z(!1), l = z(e);
+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 = I(() => {
+	let u = L(() => {
 		s.current++, c.current = !1;
 	}, []);
-	L(() => {
-		o.current = !0, Z() || r("unavailable");
+	R(() => {
+		o.current = !0, $() || r("unavailable");
 		let e = () => {
 			document.visibilityState !== "hidden" || !c.current || (u(), r("off"), a(null));
 		};
@@ -723,22 +930,22 @@ function Ne() {
 			document.removeEventListener("visibilitychange", e), o.current = !1, u();
 		};
 	}, [u]);
-	let d = I(() => {
-		u(), a(null), r(Z() ? "off" : "unavailable");
+	let d = L(() => {
+		u(), a(null), r($() ? "off" : "unavailable");
 	}, [u]);
-	L(() => {
+	R(() => {
 		e && d();
 	}, [e, d]);
-	let f = I(async () => {
-		let e = Z();
-		if (!o.current || c.current || l.current || Q()) return !1;
+	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 n = e.requestPermission ? await e.requestPermission() : "granted";
 			if (!o.current || t !== s.current || l.current) return !1;
-			if (Q()) return d(), !1;
+			if (Ve()) return d(), !1;
 			let i = n === "granted";
 			return r(i ? "enabled" : "denied"), i;
 		} catch {
@@ -747,7 +954,7 @@ function Ne() {
 			t === s.current && (c.current = !1);
 		}
 	}, [d]);
-	return L(() => {
+	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;
@@ -761,7 +968,7 @@ function Ne() {
 			let r = performance.now();
 			if (r - i < 50) return;
 			i = r;
-			let o = Me(e.beta, e.gamma, t, n);
+			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";
@@ -780,41 +987,41 @@ function Ne() {
 }
 //#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(E, {
+				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(M, {
+				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(D, {
+			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(E, {
+				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: 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] = 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,8 +1130,8 @@ function ze({ title: e, lines: n, progress: r, progressLabel: i, 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,
@@ -932,7 +1139,7 @@ function ze({ title: e, lines: n, progress: r, progressLabel: i, ready: a, mode:
 		_
 	]);
 	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__ */ H("section", {
+	return /* @__PURE__ */ U("section", {
 		className: [
 			"game-ui-splash",
 			`game-ui-splash--${o}`,
@@ -941,27 +1148,27 @@ function ze({ title: e, lines: n, progress: r, progressLabel: i, 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(T, {
+				/* @__PURE__ */ U(T, {
 					className: "game-ui-splash-progress",
 					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(j, {
+					children: /* @__PURE__ */ U(M, {
 						variant: "primary",
 						autoFocus: !0,
 						onClick: () => c(),
@@ -974,14 +1181,14 @@ function ze({ title: e, lines: n, progress: r, progressLabel: i, ready: a, mode:
 }
 //#endregion
 //#region src/controls/GameMaterialSwatches/GameMaterialSwatches.tsx
-function Be({ activeMaterialId: e, className: t, disabled: n = !1, label: r, materials: i, onMaterialChange: a, variant: o = "desktop", "data-testid": s }) {
-	return /* @__PURE__ */ H("section", {
+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": o,
 		"data-testid": s,
-		children: /* @__PURE__ */ H("div", {
+		children: /* @__PURE__ */ U("div", {
 			className: "game-ui-material-swatch-grid",
 			role: "listbox",
 			"aria-label": r,
@@ -990,7 +1197,7 @@ function Be({ activeMaterialId: e, className: t, disabled: n = !1, label: r, mat
 					"--swatch-color": t.color,
 					"--swatch-secondary-color": t.secondaryColor ?? t.color
 				};
-				return /* @__PURE__ */ U("button", {
+				return /* @__PURE__ */ W("button", {
 					"aria-describedby": t.meta ? `${t.id}-material-meta` : void 0,
 					"aria-label": t.label,
 					"aria-selected": r,
@@ -1002,21 +1209,21 @@ function Be({ activeMaterialId: e, className: t, disabled: n = !1, label: r, mat
 					type: "button",
 					"data-game-ui-paint": "",
 					children: [
-						/* @__PURE__ */ H(P, {}),
-						/* @__PURE__ */ H("span", {
+						/* @__PURE__ */ U(I, {}),
+						/* @__PURE__ */ U("span", {
 							"aria-hidden": "true",
 							className: "game-ui-material-swatch-chip",
 							"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: s }), t.meta ? /* @__PURE__ */ H("small", {
+							children: [/* @__PURE__ */ U("strong", { children: s }), t.meta ? /* @__PURE__ */ U("small", {
 								id: `${t.id}-material-meta`,
 								children: t.meta
 							}) : null]
 						}),
-						/* @__PURE__ */ H(k, {})
+						/* @__PURE__ */ U(k, {})
 					]
 				}, t.id);
 			})
@@ -1025,13 +1232,13 @@ function Be({ activeMaterialId: e, className: t, disabled: n = !1, label: r, mat
 }
 //#endregion
 //#region src/tokens/styles.ts
-var Ve = [
+var Qe = [
 	"candy",
 	"pastel",
 	"mist",
 	"grey",
 	"outline",
 	"ink"
-], He = "pastel";
+], $e = "pastel";
 //#endregion
-export { S as FirstSessionOnboarding, O as GAME_ICON_NAMES, He as GAME_UI_DEFAULT_STYLE, Ve as GAME_UI_STYLES, s as GAME_UI_TARGETS, a as GAME_UI_THEME_CONTRACT, i as GAME_UI_TOKENS, ie as GameAvatar, M as GameBadge, j as GameButton, ye as GameCallout, r as GameCheckbox, Ce as GameCollapsiblePanel, je as GameCollectibleCard, Pe as GameCollectibleCardSlot, C as GameDialog, p as GameEmptyState, Fe as GameFactList, o as GameField, be as GameHelpTip, b as GameHistoryPanel, l as GameHudActions, E as GameIcon, D as GameIconButton, u as GameInput, c as GameLanguageMenu, ge as GameListRow, f as GameLoadingState, Be as GameMaterialSwatches, Te as GameModal, $ as GameMovementPad, _e as GameOtpInput, g as GamePanel, T as GameProgress, xe as GamePrompt, y as GameRadialMenu, m as GameSegmentedControl, ve as GameSelect, Ee as GameShell, h as GameSlider, ze as GameSplash, w as GameStageTile, re as GameTabs, v as GameTextArea, _ as GameToast, x as GameToggle, d as GameTooltip, n as LiquidGroup, ee as LiquidSurface, ae as liquidFormItem, A as playGameCardRevealSound, ne as playGameInteractionSound, te as playGameInteractionSoundForContext, e 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 };