@pieai/swimmer-ui-kit 3.1.0 → 3.2.1

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, O 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, k as _, l as v, m as y, n as b, o as x, p as S, r as C, s as w, t as T, u as E, v as D, w as O, x as k, y as A } from "./GameStageTile-BdG3tMV-.js";
+import { c as j, f as M, h as N, i as P, m as ee, n as F, o as I, p as L, r as R, s as z, t as B, y as V } from "./GameAvatar-Cs5KVYFf.js";
+import { cloneElement as te, createElement as H, forwardRef as ne, isValidElement as re, useCallback as U, useEffect as W, useId as G, useLayoutEffect as K, useRef as q, useState as J } from "react";
+import { Fragment as Y, jsx as X, jsxs as Z } from "react/jsx-runtime";
+import { FloatingFocusManager as ie, FloatingPortal as ae, autoUpdate as oe, flip as se, offset as ce, safePolygon as le, shift as ue, useClick as de, useDismiss as fe, useFloating as pe, useFocus as me, useHover as he, useInteractions as ge, useRole as _e } 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 ve({ 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 = q(null), p = /* @__PURE__ */ Z(Y, { children: [
+		n ? /* @__PURE__ */ X("span", {
 			className: "game-ui-list-row-thumbnail",
 			children: n
 		}) : null,
-		/* @__PURE__ */ U("span", {
+		/* @__PURE__ */ Z("span", {
 			className: "game-ui-list-row-copy",
-			children: [/* @__PURE__ */ H("span", {
+			children: [/* @__PURE__ */ X("span", {
 				className: "game-ui-list-row-title",
 				children: e
-			}), t ? /* @__PURE__ */ H("span", {
+			}), t ? /* @__PURE__ */ X("span", {
 				className: "game-ui-list-row-description",
 				children: t
 			}) : null]
 		}),
-		r ? /* @__PURE__ */ H("span", {
+		r ? /* @__PURE__ */ X("span", {
 			className: "game-ui-list-row-current",
 			"aria-hidden": "true"
 		}) : null
 	] });
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ Z("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),
+			...I(u),
 			...d.style
 		},
 		children: [
-			/* @__PURE__ */ H(P, {
+			/* @__PURE__ */ X(z, {
 				static: !o,
 				pressTarget: f
 			}),
-			o ? /* @__PURE__ */ U("button", {
+			o ? /* @__PURE__ */ Z("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__ */ X(j, {})]
+			}) : /* @__PURE__ */ Z("div", {
 				className: "game-ui-list-row-main",
 				"aria-current": r ? "true" : void 0,
-				children: [p, /* @__PURE__ */ H(k, {})]
+				children: [p, /* @__PURE__ */ X(j, {})]
 			}),
-			c ? /* @__PURE__ */ H("div", {
+			c ? /* @__PURE__ */ X("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 ye(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 be({ 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 = G(), p = q([]), m = q(!1), [h, g] = J(null), _ = ye(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 = ye(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__ */ X("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__ */ Z("span", {
 				className: "game-ui-otp-slot",
-				children: [/* @__PURE__ */ H("input", {
+				children: [/* @__PURE__ */ X("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__ */ X("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 xe = ne(function({ className: e, invalid: t, hue: n, style: r, ...i }, a) {
+	return /* @__PURE__ */ X("span", {
 		className: "game-ui-select-frame",
-		children: /* @__PURE__ */ oe("select", {
+		children: /* @__PURE__ */ H("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),
+				...I(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 Se({ 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__ */ Z("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"),
+			...I(n === "success" ? "leaf" : n === "warning" ? "sun" : "sky"),
 			...i
 		},
 		children: [
-			/* @__PURE__ */ H(P, { static: !0 }),
-			e ? /* @__PURE__ */ H("div", {
+			/* @__PURE__ */ X(z, { static: !0 }),
+			e ? /* @__PURE__ */ X("div", {
 				className: "game-ui-callout-title",
 				children: e
 			}) : null,
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ X("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 Ce({ label: e, children: t }) {
+	let [n, r] = J(!1), [i, a] = J(void 0), { refs: o, floatingStyles: s, context: c } = pe({
 		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 })
+			ce(8),
+			se(),
+			ue({ padding: 12 })
 		],
-		whileElementsMounted: G
-	}), l = I((e) => {
+		whileElementsMounted: oe
+	}), l = U((e) => {
 		o.setReference(e), a(e?.closest("dialog") ?? void 0);
-	}, [o]), { getReferenceProps: u, getFloatingProps: d } = me([
-		pe(c, {
+	}, [o]), { getReferenceProps: u, getFloatingProps: d } = ge([
+		he(c, {
 			mouseOnly: !0,
 			move: !1,
 			delay: {
 				open: 300,
 				close: 120
 			},
-			handleClose: se()
+			handleClose: le()
 		}),
+		me(c),
+		de(c),
 		fe(c),
-		le(c),
-		ue(c),
-		he(c, { role: "tooltip" })
+		_e(c, { role: "tooltip" })
 	]);
-	return /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ U("button", {
+	return /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ Z("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__ */ X(z, {}), /* @__PURE__ */ Z("svg", {
 			width: "20",
 			height: "20",
 			viewBox: "0 0 24 24",
 			fill: "none",
 			"aria-hidden": "true",
 			children: [
-				/* @__PURE__ */ H("circle", {
+				/* @__PURE__ */ X("circle", {
 					cx: "12",
 					cy: "12",
 					r: "9",
 					stroke: "currentColor",
 					strokeWidth: "1.6"
 				}),
-				/* @__PURE__ */ H("path", {
+				/* @__PURE__ */ X("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__ */ X("circle", {
 					cx: "12",
 					cy: "16.7",
 					r: "1",
@@ -290,9 +290,9 @@ function be({ label: e, children: t }) {
 				})
 			]
 		})]
-	}), n && /* @__PURE__ */ H(W, {
+	}), n && /* @__PURE__ */ X(ae, {
 		root: i,
-		children: /* @__PURE__ */ H("div", {
+		children: /* @__PURE__ */ X("div", {
 			ref: o.setFloating,
 			className: "game-ui-help-tip",
 			style: s,
@@ -302,12 +302,255 @@ function be({ label: e, children: t }) {
 	})] });
 }
 //#endregion
+//#region src/feedback/GameHelpCard/GameHelpCard.tsx
+var we = 150;
+function Te({ children: e, label: t, topics: n, link: r, placement: i = "bottom", align: a = "center", openDelay: o = 200 }) {
+	let s = G(), [c, l] = J(!1), [u, d] = J(""), [f, m] = J(void 0), h = q(null), g = q(void 0), _ = q(!1), v = q(!1), y = (e) => {
+		e && d(""), l(e);
+	}, { refs: b, floatingStyles: x, context: C } = pe({
+		open: c,
+		onOpenChange(e, t, n) {
+			if (!e && n === "escape-key") {
+				t?.preventDefault(), t?.stopPropagation();
+				let e = h.current;
+				e && b.floating.current?.contains(document.activeElement) && (v.current = !0, e.focus(), v.current = !1);
+			}
+			y(e);
+		},
+		placement: a === "center" ? i : `${i}-${a}`,
+		strategy: "fixed",
+		middleware: [
+			ce(8),
+			se(),
+			ue({ padding: 12 })
+		],
+		whileElementsMounted: oe
+	}), { getReferenceProps: w, getFloatingProps: T } = ge([he(C, {
+		mouseOnly: !0,
+		move: !1,
+		delay: {
+			open: o,
+			close: we
+		},
+		handleClose: le()
+	}), fe(C)]), E = re(e), D = E ? e.props : {}, O = D.ref, k = U((e) => {
+		h.current = e, b.setReference(e), m(e?.closest("dialog") ?? void 0), typeof O == "function" ? O(e) : O && (O.current = e);
+	}, [O, b]), A = q(null), j = S(A, {
+		component: "GameHelpCard",
+		lazy: !E && p(e),
+		active: !E
+	}), M = `${s}-card`;
+	K(() => {
+		E || (h.current = j, b.setReference(j), m(j?.closest("dialog") ?? void 0));
+	}, [
+		E,
+		j,
+		b
+	]), K(() => {
+		if (!(E || !j)) return j.setAttribute("aria-expanded", String(c)), c ? j.setAttribute("aria-controls", M) : j.removeAttribute("aria-controls"), () => {
+			j.removeAttribute("aria-expanded"), j.removeAttribute("aria-controls");
+		};
+	}, [
+		E,
+		j,
+		c,
+		M
+	]);
+	let N = n.find((e) => e.id === u) ?? n[0];
+	if (!N) return e;
+	let P = `${s}-tabs`, ee = (e) => `${P}-${e}`, F = (e) => `${s}-panel-${e}`, I = (e) => {
+		g.current = e.pointerType, _.current = !0;
+	}, L = () => {
+		let e = _.current;
+		_.current = !1, !e && !c && !v.current && y(!0);
+	}, B = () => {
+		_.current = !1;
+	}, V = (e) => {
+		let t = g.current === "touch";
+		return g.current = void 0, !t || c ? !1 : (e.preventDefault(), e.stopPropagation(), y(!0), !0);
+	}, H = (e) => !c || e.key !== "Escape" ? !1 : (e.preventDefault(), e.stopPropagation(), y(!1), !0);
+	return /* @__PURE__ */ Z(Y, { children: [E ? te(e, {
+		...w({
+			onPointerDown(e) {
+				I(e), D.onPointerDown?.(e);
+			},
+			onFocus(e) {
+				L(), D.onFocus?.(e);
+			},
+			onBlur(e) {
+				B(), D.onBlur?.(e);
+			},
+			onClick(e) {
+				V(e) || D.onClick?.(e);
+			},
+			onKeyDown(e) {
+				H(e) || D.onKeyDown?.(e);
+			}
+		}),
+		ref: k,
+		"aria-expanded": c,
+		"aria-controls": c ? M : void 0
+	}) : /* @__PURE__ */ X("span", {
+		className: "game-ui-trigger-slot",
+		ref: A,
+		...w({
+			onPointerDownCapture: I,
+			onFocus: L,
+			onBlur: B,
+			onClickCapture: (e) => {
+				V(e);
+			},
+			onKeyDown: (e) => {
+				H(e);
+			}
+		}),
+		children: e
+	}), c && /* @__PURE__ */ X(ae, {
+		root: f,
+		children: /* @__PURE__ */ X(ie, {
+			context: C,
+			modal: !1,
+			initialFocus: -1,
+			returnFocus: !1,
+			order: ["reference", "content"],
+			children: /* @__PURE__ */ Z("div", {
+				ref: b.setFloating,
+				id: M,
+				role: "dialog",
+				"aria-label": t,
+				className: "game-ui-help-card",
+				style: x,
+				...T(),
+				children: [/* @__PURE__ */ X(Oe, { source: h.current }), /* @__PURE__ */ Z("div", {
+					className: "game-ui-help-card-paint",
+					"data-game-ui-paint": "",
+					children: [/* @__PURE__ */ X(z, { static: !0 }), /* @__PURE__ */ Z("div", {
+						className: "game-ui-help-card-content",
+						children: [
+							n.length > 1 ? /* @__PURE__ */ X(R, {
+								id: P,
+								activeId: N.id,
+								"aria-label": t,
+								tabs: n.map((e) => ({
+									id: e.id,
+									label: e.label,
+									panelId: F(e.id)
+								})),
+								onSelect: d
+							}) : null,
+							n.length > 1 ? n.map((e) => /* @__PURE__ */ X("div", {
+								id: F(e.id),
+								role: "tabpanel",
+								"aria-labelledby": ee(e.id),
+								hidden: e.id !== N.id,
+								children: /* @__PURE__ */ X(ke, {
+									topic: e,
+									showMedia: e.id === N.id
+								})
+							}, e.id)) : /* @__PURE__ */ X(ke, {
+								topic: N,
+								showMedia: !0
+							}),
+							r ? /* @__PURE__ */ X("a", {
+								className: "game-ui-help-card-link",
+								href: r.href,
+								children: r.label
+							}) : null
+						]
+					})]
+				})]
+			})
+		})
+	})] });
+}
+var Ee = ["data-game-ui-theme", "data-game-ui-style"], De = [
+	"class",
+	"style",
+	...Ee
+];
+function Oe({ source: e }) {
+	let t = q(null);
+	return K(() => {
+		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 Ee) {
+				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: De
+		});
+		return i(), () => a.disconnect();
+	}, [e]), /* @__PURE__ */ X("span", {
+		ref: t,
+		hidden: !0
+	});
+}
+function ke({ topic: e, showMedia: t }) {
+	return /* @__PURE__ */ Z(Y, { children: [
+		/* @__PURE__ */ X("h3", {
+			className: "game-ui-help-card-title",
+			children: e.title
+		}),
+		/* @__PURE__ */ X("p", {
+			className: "game-ui-help-card-body",
+			children: e.body
+		}),
+		t && e.media ? /* @__PURE__ */ X(Ae, { media: e.media }) : null
+	] });
+}
+function Ae({ media: e }) {
+	return e.kind === "image" ? /* @__PURE__ */ X("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__ */ X(je, { media: e });
+}
+function je({ media: e }) {
+	let n = t(), r = q(null);
+	return W(() => {
+		let e = r.current;
+		if (!(!e || n)) return e.play().catch(() => void 0), () => e.pause();
+	}, [n]), /* @__PURE__ */ X("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__ */ X("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 Me({ actionLabel: e, children: t, title: n }) {
+	return /* @__PURE__ */ Z("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__ */ Z("div", { children: [/* @__PURE__ */ X("h3", { children: n }), /* @__PURE__ */ X("p", { children: t })] }), e ? /* @__PURE__ */ X(P, {
 			variant: "primary",
 			children: e
 		}) : null]
@@ -315,33 +558,33 @@ function xe({ actionLabel: e, children: t, title: n }) {
 }
 //#endregion
 //#region src/containers/shared/classes.ts
-function Y(...e) {
+function Ne(...e) {
 	return e.filter(Boolean).join(" ");
 }
 //#endregion
 //#region src/containers/GameCollapsiblePanel/GameCollapsiblePanel.tsx
-var Se = {
+var Pe = {
 	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 Fe({ actions: e, children: t, className: n, defaultOpen: r = !0, labels: i, onOpenChange: a, open: o, title: s, tone: c = "default", ...l }) {
+	let u = G(), [d, f] = J(r), p = o ?? d, m = {
+		...Pe,
 		...i
 	}, h = () => {
 		let e = !p;
 		o === void 0 && f(e), a?.(e);
 	};
-	return /* @__PURE__ */ U("section", {
+	return /* @__PURE__ */ Z("section", {
 		...l,
-		className: Y("game-ui-collapsible", n),
+		className: Ne("game-ui-collapsible", n),
 		"data-open": p,
 		"data-panel-tone": c,
-		children: [/* @__PURE__ */ U("header", {
+		children: [/* @__PURE__ */ Z("header", {
 			className: "game-ui-collapsible-header",
-			children: [/* @__PURE__ */ H("h3", {
+			children: [/* @__PURE__ */ X("h3", {
 				className: "game-ui-collapsible-heading",
-				children: /* @__PURE__ */ U("button", {
+				children: /* @__PURE__ */ Z("button", {
 					"aria-controls": u,
 					"aria-expanded": p,
 					className: "game-ui-collapsible-toggle",
@@ -350,27 +593,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__ */ X(z, {}),
+						/* @__PURE__ */ X("span", {
 							"aria-hidden": "true",
 							className: "game-ui-collapsible-chevron"
 						}),
-						/* @__PURE__ */ H("span", {
+						/* @__PURE__ */ X("span", {
 							className: "game-ui-collapsible-title",
 							children: s
 						})
 					]
 				})
-			}), e ? /* @__PURE__ */ H("span", {
+			}), e ? /* @__PURE__ */ X("span", {
 				className: "game-ui-collapsible-actions",
 				children: e
 			}) : null]
-		}), /* @__PURE__ */ H("div", {
+		}), /* @__PURE__ */ X("div", {
 			className: "game-ui-collapsible-region",
 			id: u,
-			children: /* @__PURE__ */ H("div", {
+			children: /* @__PURE__ */ X("div", {
 				className: "game-ui-collapsible-clip",
-				children: /* @__PURE__ */ H("div", {
+				children: /* @__PURE__ */ X("div", {
 					className: "game-ui-collapsible-content",
 					children: t
 				})
@@ -380,14 +623,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 Ie({ kind: e }) {
+	return /* @__PURE__ */ X("svg", {
 		"aria-hidden": "true",
 		fill: "none",
 		height: "14",
 		viewBox: "0 0 14 14",
 		width: "14",
-		children: /* @__PURE__ */ H("path", {
+		children: /* @__PURE__ */ X("path", {
 			d: {
 				close: "M3 3l8 8M11 3l-8 8",
 				maximize: "M3 5V3h2M9 3h2v2M11 9v2H9M5 11H3V9",
@@ -402,9 +645,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 Le({ 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 = q(null), f = q(null), p = G(), [m, h] = J(!s);
+	return W(() => {
 		let e = d.current, t = f.current;
 		if (!(!e || !t)) {
 			if (s) {
@@ -413,9 +656,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__ */ X("dialog", {
 		"aria-labelledby": p,
-		className: Y("game-ui-modal", t),
+		className: Ne("game-ui-modal", t),
 		"data-position": c,
 		"data-size": l,
 		onCancel: (e) => {
@@ -425,32 +668,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__ */ Z("div", {
 			"aria-hidden": m ? !0 : void 0,
 			className: "game-ui-modal-frame",
 			inert: m || void 0,
 			ref: f,
 			children: [
-				/* @__PURE__ */ U("header", {
+				/* @__PURE__ */ Z("header", {
 					className: "game-ui-modal-header",
-					children: [/* @__PURE__ */ H("h2", {
+					children: [/* @__PURE__ */ X("h2", {
 						className: "game-ui-modal-title",
 						id: p,
 						children: u
-					}), /* @__PURE__ */ U("button", {
+					}), /* @__PURE__ */ Z("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__ */ X(z, {}), /* @__PURE__ */ X(Ie, { kind: "close" })]
 					})]
 				}),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ X("div", {
 					className: "game-ui-modal-body",
 					children: s || a ? e : null
 				}),
-				i ? /* @__PURE__ */ H("footer", {
+				i ? /* @__PURE__ */ X("footer", {
 					className: "game-ui-modal-footer",
 					children: i
 				}) : null
@@ -460,38 +703,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 Re({ 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__ */ Z("section", {
 		"aria-label": u,
 		className: ["game-ui-shell", r].filter(Boolean).join(" "),
 		"data-density": i,
 		"data-layout": o,
 		children: [
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ X("div", {
 				className: "game-ui-shell-scene",
 				children: n
 			}),
-			a ? /* @__PURE__ */ H("div", {
+			a ? /* @__PURE__ */ X("div", {
 				className: "game-ui-shell-hud",
 				children: a
 			}) : null,
-			e ? /* @__PURE__ */ H("aside", {
+			e ? /* @__PURE__ */ X("aside", {
 				className: "game-ui-shell-library",
 				children: e
 			}) : null,
-			l ? /* @__PURE__ */ H("aside", {
+			l ? /* @__PURE__ */ X("aside", {
 				className: "game-ui-shell-side-panel",
 				children: l
 			}) : null,
-			s ? /* @__PURE__ */ H("div", {
+			s ? /* @__PURE__ */ X("div", {
 				className: "game-ui-shell-movement",
 				children: s
 			}) : null,
-			t ? /* @__PURE__ */ H("div", {
+			t ? /* @__PURE__ */ X("div", {
 				className: "game-ui-shell-bottom-bar",
 				children: t
 			}) : null,
-			c ? /* @__PURE__ */ H("div", {
+			c ? /* @__PURE__ */ X("div", {
 				className: "game-ui-shell-overlay",
 				children: c
 			}) : null
@@ -500,63 +743,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 Q = 10, ze = 6;
+function Be({ filled: e, total: t }) {
+	return /* @__PURE__ */ X("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__ */ X("i", { "data-on": n < e ? "true" : void 0 }, n))
 	});
 }
-function ke({ rarity: e }) {
-	return e === "legendary" ? /* @__PURE__ */ U("svg", {
+function Ve({ rarity: e }) {
+	return e === "legendary" ? /* @__PURE__ */ Z("svg", {
 		className: "game-ui-collect-card-inlay",
 		viewBox: "0 0 34 22",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ H("path", {
+		children: [/* @__PURE__ */ X("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__ */ X("circle", {
 			className: "game-ui-collect-card-jewel",
 			cx: "17",
 			cy: "14",
 			r: "2.6"
 		})]
-	}) : e === "rare" ? /* @__PURE__ */ U("svg", {
+	}) : e === "rare" ? /* @__PURE__ */ Z("svg", {
 		className: "game-ui-collect-card-inlay",
 		viewBox: "0 0 22 22",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ H("path", {
+		children: [/* @__PURE__ */ X("path", {
 			className: "game-ui-collect-card-gem",
 			d: "M11 2 L19 10 L11 20 L3 10 Z"
-		}), /* @__PURE__ */ H("path", {
+		}), /* @__PURE__ */ X("path", {
 			className: "game-ui-collect-card-gem-light",
 			d: "M11 2 L14 10 L11 20"
 		})]
 	}) : null;
 }
-function Ae() {
-	return /* @__PURE__ */ U("svg", {
+function He() {
+	return /* @__PURE__ */ Z("svg", {
 		viewBox: "0 0 100 100",
 		"aria-hidden": "true",
 		children: [
-			/* @__PURE__ */ H("circle", {
+			/* @__PURE__ */ X("circle", {
 				className: "game-ui-collect-card-back-ring",
 				cx: "50",
 				cy: "50",
 				r: "38"
 			}),
-			/* @__PURE__ */ H("circle", {
+			/* @__PURE__ */ X("circle", {
 				className: "game-ui-collect-card-back-dash",
 				cx: "50",
 				cy: "50",
 				r: "28"
 			}),
-			/* @__PURE__ */ H("path", {
+			/* @__PURE__ */ X("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__ */ X("circle", {
 				className: "game-ui-collect-card-back-core",
 				cx: "50",
 				cy: "50",
@@ -565,13 +808,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 Ue({ 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] = J(f), x = d ?? y, [S, C] = J({
 		x: 50,
 		y: 50,
 		active: !1
-	}), w = z(null);
-	L(() => {
+	}), w = q(null);
+	W(() => {
 		v && C({
 			x: 50,
 			y: 50,
@@ -580,7 +823,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) > ze && (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));
@@ -591,7 +834,7 @@ function je({ rarity: e, title: n, caption: r, setLabel: i, rarityLabel: a, art:
 		});
 	}, E = () => {
 		let t = !x;
-		d === void 0 && b(t), p?.(t), h && A(t ? "common" : e);
+		d === void 0 && b(t), p?.(t), h && M(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,
@@ -603,10 +846,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 * Q : 0}deg`,
+		"--card-ry": `${O.active ? (O.x - 50) / 50 * Q : 0}deg`
 	};
-	return /* @__PURE__ */ U("button", {
+	return /* @__PURE__ */ Z("button", {
 		type: "button",
 		className: [
 			"game-ui-collect-card",
@@ -641,60 +884,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__ */ Z("span", {
 			className: "game-ui-collect-card-face",
 			"aria-hidden": "true",
 			children: [
-				c ? /* @__PURE__ */ H("span", {
+				c ? /* @__PURE__ */ X("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__ */ X(Ve, { rarity: e }),
+				e === "legendary" ? /* @__PURE__ */ X("span", { className: "game-ui-collect-card-foil" }) : null,
+				/* @__PURE__ */ Z("span", {
 					className: "game-ui-collect-card-inner",
 					children: [
-						i || a ? /* @__PURE__ */ U("span", {
+						i || a ? /* @__PURE__ */ Z("span", {
 							className: "game-ui-collect-card-band",
-							children: [a ? /* @__PURE__ */ H("span", {
+							children: [a ? /* @__PURE__ */ X("span", {
 								className: "game-ui-collect-card-chip",
 								children: a
-							}) : null, i ? /* @__PURE__ */ H("span", { children: i }) : null]
+							}) : null, i ? /* @__PURE__ */ X("span", { children: i }) : null]
 						}) : null,
-						/* @__PURE__ */ U("span", {
+						/* @__PURE__ */ Z("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__ */ X("span", { className: "game-ui-collect-card-foil" }) : null]
 						}),
-						/* @__PURE__ */ H("span", {
+						/* @__PURE__ */ X("span", {
 							className: "game-ui-collect-card-title",
 							children: n
 						}),
-						r ? /* @__PURE__ */ H("span", {
+						r ? /* @__PURE__ */ X("span", {
 							className: "game-ui-collect-card-caption",
 							children: r
 						}) : null,
-						s ? /* @__PURE__ */ H(Oe, {
+						s ? /* @__PURE__ */ X(Be, {
 							filled: s.filled,
 							total: s.total
 						}) : null
 					]
 				}),
-				/* @__PURE__ */ H("span", { className: "game-ui-collect-card-glare" })
+				/* @__PURE__ */ X("span", { className: "game-ui-collect-card-glare" })
 			]
-		}), /* @__PURE__ */ H("span", {
+		}), /* @__PURE__ */ X("span", {
 			className: "game-ui-collect-card-back",
 			"aria-hidden": "true",
-			children: l ?? /* @__PURE__ */ H(Ae, {})
+			children: l ?? /* @__PURE__ */ X(He, {})
 		})]
 	});
 }
 //#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 We = () => document.visibilityState === "hidden";
+function Ge(e, t, n, r) {
 	if (e === null || t === null || ![
 		e,
 		t,
@@ -708,14 +951,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 Ke() {
+	let e = t(), [n, r] = J("off"), [i, a] = J(null), o = q(!1), s = q(0), c = q(!1), l = q(e);
 	l.current = e;
-	let u = I(() => {
+	let u = U(() => {
 		s.current++, c.current = !1;
 	}, []);
-	L(() => {
-		o.current = !0, Z() || r("unavailable");
+	W(() => {
+		o.current = !0, $() || r("unavailable");
 		let e = () => {
 			document.visibilityState !== "hidden" || !c.current || (u(), r("off"), a(null));
 		};
@@ -723,22 +966,22 @@ function Ne() {
 			document.removeEventListener("visibilitychange", e), o.current = !1, u();
 		};
 	}, [u]);
-	let d = I(() => {
-		u(), a(null), r(Z() ? "off" : "unavailable");
+	let d = U(() => {
+		u(), a(null), r($() ? "off" : "unavailable");
 	}, [u]);
-	L(() => {
+	W(() => {
 		e && d();
 	}, [e, d]);
-	let f = I(async () => {
-		let e = Z();
-		if (!o.current || c.current || l.current || Q()) return !1;
+	let f = U(async () => {
+		let e = $();
+		if (!o.current || c.current || l.current || We()) 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 (We()) return d(), !1;
 			let i = n === "granted";
 			return r(i ? "enabled" : "denied"), i;
 		} catch {
@@ -747,7 +990,7 @@ function Ne() {
 			t === s.current && (c.current = !1);
 		}
 	}, [d]);
-	return L(() => {
+	return W(() => {
 		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 +1004,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 = Ge(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 +1023,41 @@ function Ne() {
 }
 //#endregion
 //#region src/game/GameCollectibleCardSlot/GameCollectibleCardSlot.tsx
-function Pe({ label: e, className: t }) {
-	return /* @__PURE__ */ U("div", {
+function qe({ label: e, className: t }) {
+	return /* @__PURE__ */ Z("div", {
 		className: ["game-ui-collect-card-slot", t].filter(Boolean).join(" "),
 		role: "img",
 		"aria-label": e,
-		children: [/* @__PURE__ */ H("span", {
+		children: [/* @__PURE__ */ X("span", {
 			"aria-hidden": "true",
 			children: "?"
-		}), /* @__PURE__ */ H("span", { children: e })]
+		}), /* @__PURE__ */ X("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 Je({ className: e, density: t = "comfortable", facts: n, label: r, variant: i = "facts" }) {
+	return /* @__PURE__ */ X("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__ */ Z("article", {
 			className: "game-ui-fact",
 			children: [
-				e.icon ? /* @__PURE__ */ H(E, {
+				e.icon ? /* @__PURE__ */ X(u, {
 					icon: e.icon,
 					size: t === "dense" ? "sm" : "md"
 				}) : null,
-				/* @__PURE__ */ U("span", {
+				/* @__PURE__ */ Z("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__ */ X("small", { children: e.label }),
+						/* @__PURE__ */ X("strong", { children: e.value }),
+						e.meta ? /* @__PURE__ */ X("em", { children: e.meta }) : null
 					]
 				}),
-				e.tone ? /* @__PURE__ */ H(M, {
+				e.tone ? /* @__PURE__ */ X(F, {
 					tone: e.tone,
 					children: i === "stats" ? e.label : e.value
 				}) : null
@@ -824,7 +1067,7 @@ function Fe({ className: e, density: t = "comfortable", facts: n, label: r, vari
 }
 //#endregion
 //#region src/game/GameMovementPad/GameMovementPad.tsx
-var Ie = [
+var Ye = [
 	{
 		direction: "forward",
 		label: "Move forward",
@@ -849,7 +1092,7 @@ var Ie = [
 		shortcut: "S / ↓",
 		symbol: "↓"
 	}
-], Le = {
+], Xe = {
 	ArrowUp: "forward",
 	w: "forward",
 	W: "forward",
@@ -864,57 +1107,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 }) {
-	let c = ["game-ui-movement-pad", t].filter(Boolean).join(" "), l = (e) => {
-		r || s?.(e);
+function Ze({ actions: e = Ye, className: t, density: n = "comfortable", disabled: i = !1, helpText: a, label: o, layout: s = "dpad", onMove: c }) {
+	let l = ["game-ui-movement-pad", t].filter(Boolean).join(" "), d = (e) => {
+		i || c?.(e);
 	};
-	return /* @__PURE__ */ U("section", {
-		"aria-label": a,
-		className: c,
+	return /* @__PURE__ */ Z("section", {
+		"aria-label": o,
+		className: l,
 		"data-density": n,
-		"data-layout": o,
+		"data-layout": s,
 		onKeyDown: (t) => {
-			let n = Le[t.key];
+			let n = Xe[t.key];
 			if (!n) return;
-			let i = e.find((e) => e.direction === n);
-			!i || i.disabled || r || (t.preventDefault(), l(n));
+			let r = e.find((e) => e.direction === n);
+			!r || r.disabled || i || (t.preventDefault(), d(n));
 		},
 		tabIndex: 0,
-		children: [/* @__PURE__ */ H("div", {
+		children: [/* @__PURE__ */ X("div", {
 			className: "game-ui-movement-pad-grid",
-			children: e.map((e) => /* @__PURE__ */ U(D, {
+			children: e.map((e) => /* @__PURE__ */ Z(r, {
 				className: "game-ui-movement-button",
 				"data-direction": e.direction,
-				disabled: r || e.disabled,
+				disabled: i || e.disabled,
 				label: e.label,
-				onClick: () => l(e.direction),
-				children: [e.icon ? /* @__PURE__ */ H(E, {
+				onClick: () => d(e.direction),
+				children: [e.icon ? /* @__PURE__ */ X(u, {
 					icon: e.icon,
 					size: n === "dense" ? "sm" : "md"
-				}) : /* @__PURE__ */ H("span", {
+				}) : /* @__PURE__ */ X("span", {
 					"aria-hidden": "true",
 					children: e.symbol ?? e.label
-				}), e.shortcut ? /* @__PURE__ */ H("kbd", { children: e.shortcut }) : null]
+				}), e.shortcut ? /* @__PURE__ */ X("kbd", { children: e.shortcut }) : null]
 			}, e.direction))
-		}), i ? /* @__PURE__ */ H("p", { children: i }) : null]
+		}), a ? /* @__PURE__ */ X("p", { children: a }) : null]
 	});
 }
 //#endregion
 //#region src/game/GameSplash/GameSplash.tsx
-function Re(e) {
+function Qe(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__ */ Z(Y, { children: [
 		e.text.slice(0, t),
-		/* @__PURE__ */ H("mark", {
+		/* @__PURE__ */ X("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 $e({ 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] = J(0);
+	W(() => {
 		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 +1166,8 @@ function ze({ title: e, lines: n, progress: r, progressLabel: i, ready: a, mode:
 		u,
 		p
 	]);
-	let g = z(!1), _ = c;
-	L(() => {
+	let g = q(!1), _ = c;
+	W(() => {
 		!a || !l || g.current || !_ || (g.current = !0, _());
 	}, [
 		a,
@@ -932,7 +1175,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__ */ X("section", {
 		className: [
 			"game-ui-splash",
 			`game-ui-splash--${o}`,
@@ -941,27 +1184,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__ */ Z("div", {
 			className: "game-ui-splash-body",
 			children: [
-				o === "opening" ? /* @__PURE__ */ H("h1", {
+				o === "opening" ? /* @__PURE__ */ X("h1", {
 					className: "game-ui-splash-title",
 					children: e
 				}) : null,
-				v ? /* @__PURE__ */ H("p", {
+				v ? /* @__PURE__ */ X("p", {
 					className: "game-ui-splash-line",
 					"aria-live": "polite",
-					children: Re(v)
+					children: Qe(v)
 				}, m) : null,
-				/* @__PURE__ */ H(T, {
+				/* @__PURE__ */ X(E, {
 					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__ */ X("div", {
 					className: "game-ui-splash-start",
-					children: /* @__PURE__ */ H(j, {
+					children: /* @__PURE__ */ X(P, {
 						variant: "primary",
 						autoFocus: !0,
 						onClick: () => c(),
@@ -974,14 +1217,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 et({ activeMaterialId: e, className: t, disabled: n = !1, label: r, materials: i, onMaterialChange: a, variant: o = "desktop", "data-testid": s }) {
+	return /* @__PURE__ */ X("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__ */ X("div", {
 			className: "game-ui-material-swatch-grid",
 			role: "listbox",
 			"aria-label": r,
@@ -990,7 +1233,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__ */ Z("button", {
 					"aria-describedby": t.meta ? `${t.id}-material-meta` : void 0,
 					"aria-label": t.label,
 					"aria-selected": r,
@@ -1002,21 +1245,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__ */ X(z, {}),
+						/* @__PURE__ */ X("span", {
 							"aria-hidden": "true",
 							className: "game-ui-material-swatch-chip",
 							"data-swatch-pattern": t.pattern ?? "solid",
 							style: c
 						}),
-						/* @__PURE__ */ U("span", {
+						/* @__PURE__ */ Z("span", {
 							className: "game-ui-material-swatch-copy",
-							children: [/* @__PURE__ */ H("strong", { children: s }), t.meta ? /* @__PURE__ */ H("small", {
+							children: [/* @__PURE__ */ X("strong", { children: s }), t.meta ? /* @__PURE__ */ X("small", {
 								id: `${t.id}-material-meta`,
 								children: t.meta
 							}) : null]
 						}),
-						/* @__PURE__ */ H(k, {})
+						/* @__PURE__ */ X(j, {})
 					]
 				}, t.id);
 			})
@@ -1025,13 +1268,13 @@ function Be({ activeMaterialId: e, className: t, disabled: n = !1, label: r, mat
 }
 //#endregion
 //#region src/tokens/styles.ts
-var Ve = [
+var tt = [
 	"candy",
 	"pastel",
 	"mist",
 	"grey",
 	"outline",
 	"ink"
-], He = "pastel";
+], nt = "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 { C as FirstSessionOnboarding, k as GAME_ICON_NAMES, nt as GAME_UI_DEFAULT_STYLE, tt as GAME_UI_STYLES, i as GAME_UI_TARGETS, a as GAME_UI_THEME_CONTRACT, _ as GAME_UI_TOKENS, B as GameAvatar, F as GameBadge, P as GameButton, Se as GameCallout, s as GameCheckbox, Fe as GameCollapsiblePanel, Ue as GameCollectibleCard, qe as GameCollectibleCardSlot, w as GameDialog, y as GameEmptyState, Je as GameFactList, O as GameField, Te as GameHelpCard, Ce as GameHelpTip, x as GameHistoryPanel, l as GameHudActions, u as GameIcon, r as GameIconButton, o as GameInput, A as GameLanguageMenu, ve as GameListRow, f as GameLoadingState, et as GameMaterialSwatches, Le as GameModal, Ze as GameMovementPad, be as GameOtpInput, g as GamePanel, E as GameProgress, Me as GamePrompt, b as GameRadialMenu, D as GameSegmentedControl, xe as GameSelect, Re as GameShell, c as GameSlider, $e as GameSplash, T as GameStageTile, R as GameTabs, m as GameTextArea, v as GameToast, h as GameToggle, d as GameTooltip, n as LiquidGroup, N as LiquidSurface, V as liquidFormItem, M as playGameCardRevealSound, L as playGameInteractionSound, ee as playGameInteractionSoundForContext, e as setLiquidGooeyBudget, Ke as useGameCardOrientation };