@pieai/swimmer-ui-kit 3.0.0 → 3.1.0

package/dist/index.d.ts

@@ -1146,12 +1146,21 @@ export declare interface GameToggleProps extends Pick<ButtonHTMLAttributes<HTMLB
     hue?: GameUiHue;
 }
 
-export declare function GameTooltip({ children, label }: GameTooltipProps): ReactNode;
+export declare function GameTooltip({ children, label, align, placement, }: GameTooltipProps): ReactNode;
 
 export declare interface GameTooltipProps {
     /** A single focusable trigger element (e.g. GameIconButton). */
     children: ReactNode;
+    /** Plain text; an explicit line break (\n) is kept. */
     label: string;
+    /**
+     * Which edges meet the trigger. `center` (default) centres the bubble; `start`
+     * aligns its left edge with the trigger and extends right; `end` aligns right
+     * edges and extends left.
+     */
+    align?: 'center' | 'start' | 'end';
+    /** Above the trigger (default) or below it. */
+    placement?: 'top' | 'bottom';
 }
 
 export declare interface GameUiHistoryEntry {

package/dist/index.js

@@ -1,65 +1,65 @@
 "use client";
-import { t as e } from "./LiquidGroup-BXw1tv9H.js";
-import { A as t, B as n, C as r, D as i, E as a, H as o, M as s, N as c, O as l, P as u, R as d, S as f, T as p, V as m, _ as h, a as g, b as _, c as v, d as y, f as b, g as x, h as S, i as C, j as w, k as T, l as E, m as D, n as O, o as k, p as ee, r as te, s as A, t as ne, u as re, v as ie, w as j, x as M, y as N } from "./GameStageTile-DwU_Vvi8.js";
-import { b as P, t as F } from "./reducedMotion-B8kv-v64.js";
-import { createElement as ae, forwardRef as oe, useCallback as I, useEffect as L, useId as R, useRef as z, useState as B } from "react";
+import { 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";
 //#region src/controls/GameListRow/GameListRow.tsx
-function ge({ title: e, description: n, thumbnail: r, current: i = !1, selected: a, disabled: o = !1, onSelect: s, selectLabel: c, actions: u, className: d, hue: f, ...p }) {
-	let m = z(null), h = /* @__PURE__ */ U(V, { children: [
-		r ? /* @__PURE__ */ H("span", {
+function 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", {
 			className: "game-ui-list-row-thumbnail",
-			children: r
+			children: n
 		}) : null,
 		/* @__PURE__ */ U("span", {
 			className: "game-ui-list-row-copy",
 			children: [/* @__PURE__ */ H("span", {
 				className: "game-ui-list-row-title",
 				children: e
-			}), n ? /* @__PURE__ */ H("span", {
+			}), t ? /* @__PURE__ */ H("span", {
 				className: "game-ui-list-row-description",
-				children: n
+				children: t
 			}) : null]
 		}),
-		i ? /* @__PURE__ */ H("span", {
+		r ? /* @__PURE__ */ H("span", {
 			className: "game-ui-list-row-current",
 			"aria-hidden": "true"
 		}) : null
 	] });
 	return /* @__PURE__ */ U("div", {
-		...p,
-		className: ["game-ui-list-row", d].filter(Boolean).join(" "),
-		"data-selected": a || void 0,
-		"data-game-ui-disabled": o || void 0,
+		...d,
+		className: ["game-ui-list-row", l].filter(Boolean).join(" "),
+		"data-selected": i || void 0,
+		"data-game-ui-disabled": a || void 0,
 		"data-game-ui-paint": "",
 		style: {
-			...l(f),
-			...p.style
+			...N(u),
+			...d.style
 		},
 		children: [
-			/* @__PURE__ */ H(T, {
-				static: !s,
-				pressTarget: m
+			/* @__PURE__ */ H(P, {
+				static: !o,
+				pressTarget: f
 			}),
-			s ? /* @__PURE__ */ U("button", {
+			o ? /* @__PURE__ */ U("button", {
 				type: "button",
 				className: "game-ui-list-row-main",
-				ref: m,
-				onClick: s,
-				disabled: o,
-				"aria-label": c,
-				"aria-current": i ? "true" : void 0,
-				"aria-pressed": a,
-				children: [h, /* @__PURE__ */ H(t, {})]
+				ref: f,
+				onClick: o,
+				disabled: a,
+				"aria-label": s,
+				"aria-current": r ? "true" : void 0,
+				"aria-pressed": i,
+				children: [p, /* @__PURE__ */ H(k, {})]
 			}) : /* @__PURE__ */ U("div", {
 				className: "game-ui-list-row-main",
-				"aria-current": i ? "true" : void 0,
-				children: [h, /* @__PURE__ */ H(t, {})]
+				"aria-current": r ? "true" : void 0,
+				children: [p, /* @__PURE__ */ H(k, {})]
 			}),
-			u ? /* @__PURE__ */ H("div", {
+			c ? /* @__PURE__ */ H("div", {
 				className: "game-ui-list-row-actions",
-				children: u
+				children: c
 			}) : null
 		]
 	});
@@ -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 = oe(function({ className: e, invalid: t, hue: n, style: r, ...i }, a) {
+var ve = F(function({ className: e, invalid: t, hue: n, style: r, ...i }, a) {
 	return /* @__PURE__ */ H("span", {
 		className: "game-ui-select-frame",
-		children: /* @__PURE__ */ ae("select", {
+		children: /* @__PURE__ */ oe("select", {
 			...i,
 			ref: a,
 			key: "control",
@@ -176,7 +176,7 @@ var ve = oe(function({ className: e, invalid: t, hue: n, style: r, ...i }, a) {
 			"data-invalid": t ? "true" : void 0,
 			"data-game-ui-paint": "",
 			style: {
-				...l(n),
+				...N(n),
 				...r
 			},
 			className: [
@@ -204,11 +204,11 @@ function ye({ heading: e, children: t, tone: n = "info", className: r, style: i,
 		"data-game-ui-meaning": n !== "neutral" && n !== "danger" ? "true" : void 0,
 		"data-game-ui-danger": n === "danger" ? "true" : void 0,
 		style: {
-			...l(n === "success" ? "leaf" : n === "warning" ? "sun" : "sky"),
+			...N(n === "success" ? "leaf" : n === "warning" ? "sun" : "sky"),
 			...i
 		},
 		children: [
-			/* @__PURE__ */ H(T, { static: !0 }),
+			/* @__PURE__ */ H(P, { static: !0 }),
 			e ? /* @__PURE__ */ H("div", {
 				className: "game-ui-callout-title",
 				children: e
@@ -262,7 +262,7 @@ function be({ label: e, children: t }) {
 			n && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), r(!1));
 		} }),
 		"data-game-ui-paint": "",
-		children: [/* @__PURE__ */ H(T, {}), /* @__PURE__ */ U("svg", {
+		children: [/* @__PURE__ */ H(P, {}), /* @__PURE__ */ U("svg", {
 			width: "20",
 			height: "20",
 			viewBox: "0 0 24 24",
@@ -307,7 +307,7 @@ function xe({ actionLabel: e, children: t, title: n }) {
 	return /* @__PURE__ */ U("section", {
 		"aria-label": n,
 		className: "game-ui-prompt",
-		children: [/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("h3", { children: n }), /* @__PURE__ */ H("p", { children: t })] }), e ? /* @__PURE__ */ H(i, {
+		children: [/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("h3", { children: n }), /* @__PURE__ */ H("p", { children: t })] }), e ? /* @__PURE__ */ H(j, {
 			variant: "primary",
 			children: e
 		}) : null]
@@ -350,7 +350,7 @@ function Ce({ actions: e, children: t, className: n, defaultOpen: r = !0, labels
 					type: "button",
 					"data-game-ui-paint": "",
 					children: [
-						/* @__PURE__ */ H(T, {}),
+						/* @__PURE__ */ H(P, {}),
 						/* @__PURE__ */ H("span", {
 							"aria-hidden": "true",
 							className: "game-ui-collapsible-chevron"
@@ -443,7 +443,7 @@ function Te({ children: e, className: t, closeLabel: n = "Close", closeOnBackdro
 						onClick: o,
 						type: "button",
 						"data-game-ui-paint": "",
-						children: [/* @__PURE__ */ H(T, {}), /* @__PURE__ */ H(we, { kind: "close" })]
+						children: [/* @__PURE__ */ H(P, {}), /* @__PURE__ */ H(we, { kind: "close" })]
 					})]
 				}),
 				/* @__PURE__ */ H("div", {
@@ -565,42 +565,42 @@ function Ae() {
 		]
 	});
 }
-function je({ rarity: e, title: t, caption: n, setLabel: r, rarityLabel: i, art: a, pips: o, sticker: s, back: c, label: l, faceDown: u, defaultFaceDown: d = !1, onFlip: f, spotlight: p = !1, sound: m = !1, tilt: h, className: g }) {
-	let _ = F(), [v, y] = B(d), b = u ?? v, [x, S] = B({
+function 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({
 		x: 50,
 		y: 50,
 		active: !1
-	}), C = z(null);
+	}), w = z(null);
 	L(() => {
-		_ && S({
+		v && C({
 			x: 50,
 			y: 50,
 			active: !1
 		});
-	}, [_]);
+	}, [v]);
 	let T = (e) => {
-		let t = C.current;
-		if (t && Math.hypot(e.clientX - t.x, e.clientY - t.y) > De && (t.moved = !0), _) return;
+		let t = w.current;
+		if (t && Math.hypot(e.clientX - t.x, e.clientY - t.y) > De && (t.moved = !0), v) return;
 		let n = e.currentTarget.getBoundingClientRect();
 		if (n.width === 0 || n.height === 0) return;
 		let r = Math.min(100, Math.max(0, (e.clientX - n.left) / n.width * 100)), i = Math.min(100, Math.max(0, (e.clientY - n.top) / n.height * 100));
-		S({
+		C({
 			x: r,
 			y: i,
 			active: !0
 		});
 	}, E = () => {
-		let t = !b;
-		u === void 0 && y(t), f?.(t), m && w(t ? "common" : e);
-	}, D = h && Number.isFinite(h.x) && Number.isFinite(h.y) ? {
-		x: 50 + Math.min(1, Math.max(-1, h.x)) * 50,
-		y: 50 + Math.min(1, Math.max(-1, h.y)) * 50,
+		let t = !x;
+		d === void 0 && b(t), p?.(t), h && A(t ? "common" : e);
+	}, D = g && Number.isFinite(g.x) && Number.isFinite(g.y) ? {
+		x: 50 + Math.min(1, Math.max(-1, g.x)) * 50,
+		y: 50 + Math.min(1, Math.max(-1, g.y)) * 50,
 		active: !0
-	} : null, O = _ ? {
+	} : null, O = v ? {
 		x: 50,
 		y: 50,
 		active: !1
-	} : x.active ? x : D ?? x, k = {
+	} : S.active ? S : D ?? S, k = {
 		"--card-mx": `${O.x}%`,
 		"--card-my": `${O.y}%`,
 		"--card-rx": `${O.active ? (50 - O.y) / 50 * X : 0}deg`,
@@ -611,16 +611,16 @@ function je({ rarity: e, title: t, caption: n, setLabel: r, rarityLabel: i, art:
 		className: [
 			"game-ui-collect-card",
 			`game-ui-collect-card--${e}`,
-			b ? "game-ui-collect-card--down" : null,
-			p ? "game-ui-collect-card--spotlight" : null,
-			g
+			x ? "game-ui-collect-card--down" : null,
+			m ? "game-ui-collect-card--spotlight" : null,
+			_
 		].filter(Boolean).join(" "),
 		style: k,
-		"aria-label": l,
-		"aria-pressed": b,
+		"aria-label": u,
+		"aria-pressed": x,
 		"data-rarity": e,
 		onPointerDown: (e) => {
-			C.current = {
+			w.current = {
 				x: e.clientX,
 				y: e.clientY,
 				moved: !1
@@ -628,54 +628,54 @@ function je({ rarity: e, title: t, caption: n, setLabel: r, rarityLabel: i, art:
 		},
 		onPointerMove: T,
 		onPointerCancel: () => {
-			C.current = null, S((e) => ({
+			w.current = null, C((e) => ({
 				...e,
 				active: !1
 			}));
 		},
-		onPointerLeave: () => S((e) => ({
+		onPointerLeave: () => C((e) => ({
 			...e,
 			active: !1
 		})),
 		onClick: (e) => {
-			let t = e.detail !== 0 && (C.current?.moved ?? !1);
-			C.current = null, t || E();
+			let t = e.detail !== 0 && (w.current?.moved ?? !1);
+			w.current = null, t || E();
 		},
 		children: [/* @__PURE__ */ U("span", {
 			className: "game-ui-collect-card-face",
 			"aria-hidden": "true",
 			children: [
-				s ? /* @__PURE__ */ H("span", {
+				c ? /* @__PURE__ */ H("span", {
 					className: "game-ui-collect-card-sticker",
-					children: s
+					children: c
 				}) : null,
 				/* @__PURE__ */ H(ke, { rarity: e }),
 				e === "legendary" ? /* @__PURE__ */ H("span", { className: "game-ui-collect-card-foil" }) : null,
 				/* @__PURE__ */ U("span", {
 					className: "game-ui-collect-card-inner",
 					children: [
-						r || i ? /* @__PURE__ */ U("span", {
+						i || a ? /* @__PURE__ */ U("span", {
 							className: "game-ui-collect-card-band",
-							children: [i ? /* @__PURE__ */ H("span", {
+							children: [a ? /* @__PURE__ */ H("span", {
 								className: "game-ui-collect-card-chip",
-								children: i
-							}) : null, r ? /* @__PURE__ */ H("span", { children: r }) : null]
+								children: a
+							}) : null, i ? /* @__PURE__ */ H("span", { children: i }) : null]
 						}) : null,
 						/* @__PURE__ */ U("span", {
 							className: "game-ui-collect-card-art",
-							children: [a, e === "legendary" ? /* @__PURE__ */ H("span", { className: "game-ui-collect-card-foil" }) : null]
+							children: [o, e === "legendary" ? /* @__PURE__ */ H("span", { className: "game-ui-collect-card-foil" }) : null]
 						}),
 						/* @__PURE__ */ H("span", {
 							className: "game-ui-collect-card-title",
-							children: t
+							children: n
 						}),
-						n ? /* @__PURE__ */ H("span", {
+						r ? /* @__PURE__ */ H("span", {
 							className: "game-ui-collect-card-caption",
-							children: n
+							children: r
 						}) : null,
-						o ? /* @__PURE__ */ H(Oe, {
-							filled: o.filled,
-							total: o.total
+						s ? /* @__PURE__ */ H(Oe, {
+							filled: s.filled,
+							total: s.total
 						}) : null
 					]
 				}),
@@ -684,7 +684,7 @@ function je({ rarity: e, title: t, caption: n, setLabel: r, rarityLabel: i, art:
 		}), /* @__PURE__ */ H("span", {
 			className: "game-ui-collect-card-back",
 			"aria-hidden": "true",
-			children: c ?? /* @__PURE__ */ H(Ae, {})
+			children: l ?? /* @__PURE__ */ H(Ae, {})
 		})]
 	});
 }
@@ -709,72 +709,72 @@ function Me(e, t, n, r) {
 	};
 }
 function Ne() {
-	let e = F(), [t, n] = B("off"), [r, i] = B(null), a = z(!1), o = z(0), s = z(!1), c = z(e);
-	c.current = e;
-	let l = I(() => {
-		o.current++, s.current = !1;
+	let e = t(), [n, r] = B("off"), [i, a] = B(null), o = z(!1), s = z(0), c = z(!1), l = z(e);
+	l.current = e;
+	let u = I(() => {
+		s.current++, c.current = !1;
 	}, []);
 	L(() => {
-		a.current = !0, Z() || n("unavailable");
+		o.current = !0, Z() || r("unavailable");
 		let e = () => {
-			document.visibilityState !== "hidden" || !s.current || (l(), n("off"), i(null));
+			document.visibilityState !== "hidden" || !c.current || (u(), r("off"), a(null));
 		};
 		return document.addEventListener("visibilitychange", e), () => {
-			document.removeEventListener("visibilitychange", e), a.current = !1, l();
+			document.removeEventListener("visibilitychange", e), o.current = !1, u();
 		};
-	}, [l]);
-	let u = I(() => {
-		l(), i(null), n(Z() ? "off" : "unavailable");
-	}, [l]);
+	}, [u]);
+	let d = I(() => {
+		u(), a(null), r(Z() ? "off" : "unavailable");
+	}, [u]);
 	L(() => {
-		e && u();
-	}, [e, u]);
-	let d = I(async () => {
+		e && d();
+	}, [e, d]);
+	let f = I(async () => {
 		let e = Z();
-		if (!a.current || s.current || c.current || Q()) return !1;
-		if (!e) return n("unavailable"), !1;
-		let t = ++o.current;
-		s.current = !0, n("requesting"), i(null);
+		if (!o.current || c.current || l.current || Q()) return !1;
+		if (!e) return r("unavailable"), !1;
+		let t = ++s.current;
+		c.current = !0, r("requesting"), a(null);
 		try {
-			let r = e.requestPermission ? await e.requestPermission() : "granted";
-			if (!a.current || t !== o.current || c.current) return !1;
-			if (Q()) return u(), !1;
-			let i = r === "granted";
-			return n(i ? "enabled" : "denied"), i;
+			let n = e.requestPermission ? await e.requestPermission() : "granted";
+			if (!o.current || t !== s.current || l.current) return !1;
+			if (Q()) return d(), !1;
+			let i = n === "granted";
+			return r(i ? "enabled" : "denied"), i;
 		} catch {
-			return a.current && t === o.current && n("denied"), !1;
+			return o.current && t === s.current && r("denied"), !1;
 		} finally {
-			t === o.current && (s.current = !1);
+			t === s.current && (c.current = !1);
 		}
-	}, [u]);
+	}, [d]);
 	return L(() => {
-		if (t !== "enabled" || e) return;
-		let n = null, r = !1, a = -Infinity, o = (e) => {
+		if (n !== "enabled" || e) return;
+		let t = null, r = !1, i = -Infinity, o = (e) => {
 			if (document.visibilityState === "hidden" || e.beta === null || e.gamma === null || !Number.isFinite(e.beta) || !Number.isFinite(e.gamma)) return;
-			let t = window.screen.orientation?.angle ?? 0;
-			if (!Number.isFinite(t)) return;
-			(!n || n.angle !== t) && (n = {
+			let n = window.screen.orientation?.angle ?? 0;
+			if (!Number.isFinite(n)) return;
+			(!t || t.angle !== n) && (t = {
 				beta: e.beta,
 				gamma: e.gamma,
-				angle: t
+				angle: n
 			});
 			let r = performance.now();
-			if (r - a < 50) return;
-			a = r;
-			let o = Me(e.beta, e.gamma, n, t);
-			o && i((e) => e?.x === o.x && e.y === o.y ? e : o);
+			if (r - i < 50) return;
+			i = r;
+			let o = Me(e.beta, e.gamma, t, n);
+			o && a((e) => e?.x === o.x && e.y === o.y ? e : o);
 		}, s = () => {
 			let e = document.visibilityState !== "hidden";
-			n = null, a = -Infinity, i(null), e && !r && (window.addEventListener("deviceorientation", o), r = !0), !e && r && (window.removeEventListener("deviceorientation", o), r = !1);
+			t = null, i = -Infinity, a(null), e && !r && (window.addEventListener("deviceorientation", o), r = !0), !e && r && (window.removeEventListener("deviceorientation", o), r = !1);
 		};
 		return s(), document.addEventListener("visibilitychange", s), () => {
 			r && window.removeEventListener("deviceorientation", o), document.removeEventListener("visibilitychange", s);
 		};
-	}, [t, e]), {
-		status: t,
-		tilt: e || t !== "enabled" ? null : r,
-		enable: d,
-		disable: u,
+	}, [n, e]), {
+		status: n,
+		tilt: e || n !== "enabled" ? null : i,
+		enable: f,
+		disable: d,
 		reducedMotion: e
 	};
 }
@@ -802,7 +802,7 @@ function Fe({ className: e, density: t = "comfortable", facts: n, label: r, vari
 		children: n.map((e) => /* @__PURE__ */ U("article", {
 			className: "game-ui-fact",
 			children: [
-				e.icon ? /* @__PURE__ */ H(M, {
+				e.icon ? /* @__PURE__ */ H(E, {
 					icon: e.icon,
 					size: t === "dense" ? "sm" : "md"
 				}) : null,
@@ -814,7 +814,7 @@ function Fe({ className: e, density: t = "comfortable", facts: n, label: r, vari
 						e.meta ? /* @__PURE__ */ H("em", { children: e.meta }) : null
 					]
 				}),
-				e.tone ? /* @__PURE__ */ H(D, {
+				e.tone ? /* @__PURE__ */ H(M, {
 					tone: e.tone,
 					children: i === "stats" ? e.label : e.value
 				}) : null
@@ -882,13 +882,13 @@ function $({ actions: e = Ie, className: t, density: n = "comfortable", disabled
 		tabIndex: 0,
 		children: [/* @__PURE__ */ H("div", {
 			className: "game-ui-movement-pad-grid",
-			children: e.map((e) => /* @__PURE__ */ U(j, {
+			children: e.map((e) => /* @__PURE__ */ U(D, {
 				className: "game-ui-movement-button",
 				"data-direction": e.direction,
 				disabled: r || e.disabled,
 				label: e.label,
 				onClick: () => l(e.direction),
-				children: [e.icon ? /* @__PURE__ */ H(M, {
+				children: [e.icon ? /* @__PURE__ */ H(E, {
 					icon: e.icon,
 					size: n === "dense" ? "sm" : "md"
 				}) : /* @__PURE__ */ H("span", {
@@ -912,8 +912,8 @@ function Re(e) {
 		e.text.slice(t + e.highlight.length)
 	] });
 }
-function ze({ title: e, lines: t, progress: n, progressLabel: r, ready: a, mode: o = "opening", startLabel: s, onStart: c, autoStart: l = !1, lineSeconds: u = 2.6, className: d }) {
-	let f = o === "transition" ? t.slice(0, 1) : t, p = F(), [m, h] = B(0);
+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(() => {
 		if (f.length < 2 || p) return;
 		let e = window.setInterval(() => h((e) => (e + 1) % f.length), Math.max(1, u) * 1e3);
@@ -931,7 +931,7 @@ function ze({ title: e, lines: t, progress: n, progressLabel: r, ready: a, mode:
 		l,
 		_
 	]);
-	let v = f[m % Math.max(1, f.length)], b = Math.round(Math.max(0, Math.min(1, Number.isFinite(n) ? n : 0)) * 100);
+	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", {
 		className: [
 			"game-ui-splash",
@@ -953,15 +953,15 @@ function ze({ title: e, lines: t, progress: n, progressLabel: r, ready: a, mode:
 					"aria-live": "polite",
 					children: Re(v)
 				}, m) : null,
-				/* @__PURE__ */ H(y, {
+				/* @__PURE__ */ H(T, {
 					className: "game-ui-splash-progress",
-					label: r,
-					value: b,
-					valueLabel: r
+					label: i,
+					value: y,
+					valueLabel: i
 				}),
 				o === "opening" && a && !l && c ? /* @__PURE__ */ H("div", {
 					className: "game-ui-splash-start",
-					children: /* @__PURE__ */ H(i, {
+					children: /* @__PURE__ */ H(j, {
 						variant: "primary",
 						autoFocus: !0,
 						onClick: () => c(),
@@ -974,51 +974,51 @@ function ze({ title: e, lines: t, progress: n, progressLabel: r, ready: a, mode:
 }
 //#endregion
 //#region src/controls/GameMaterialSwatches/GameMaterialSwatches.tsx
-function Be({ activeMaterialId: e, className: n, disabled: r = !1, label: i, materials: a, onMaterialChange: o, variant: s = "desktop", "data-testid": c }) {
+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", {
-		"aria-label": i,
-		className: ["game-ui-material-swatches", n].filter(Boolean).join(" "),
+		"aria-label": r,
+		className: ["game-ui-material-swatches", t].filter(Boolean).join(" "),
 		"data-ui-hook": "material-swatches",
-		"data-variant": s,
-		"data-testid": c,
+		"data-variant": o,
+		"data-testid": s,
 		children: /* @__PURE__ */ H("div", {
 			className: "game-ui-material-swatch-grid",
 			role: "listbox",
-			"aria-label": i,
-			children: a.map((n) => {
-				let i = n.id === e, a = r || n.disabled, c = s === "small-mobile" ? n.compactLabel ?? n.label : n.label, l = {
-					"--swatch-color": n.color,
-					"--swatch-secondary-color": n.secondaryColor ?? n.color
+			"aria-label": r,
+			children: i.map((t) => {
+				let r = t.id === e, i = n || t.disabled, s = o === "small-mobile" ? t.compactLabel ?? t.label : t.label, c = {
+					"--swatch-color": t.color,
+					"--swatch-secondary-color": t.secondaryColor ?? t.color
 				};
 				return /* @__PURE__ */ U("button", {
-					"aria-describedby": n.meta ? `${n.id}-material-meta` : void 0,
-					"aria-label": n.label,
-					"aria-selected": i,
+					"aria-describedby": t.meta ? `${t.id}-material-meta` : void 0,
+					"aria-label": t.label,
+					"aria-selected": r,
 					className: "game-ui-material-swatch",
-					"data-material-id": n.id,
-					disabled: a,
-					onClick: o && !a ? () => o(n.id) : void 0,
+					"data-material-id": t.id,
+					disabled: i,
+					onClick: a && !i ? () => a(t.id) : void 0,
 					role: "option",
 					type: "button",
 					"data-game-ui-paint": "",
 					children: [
-						/* @__PURE__ */ H(T, {}),
+						/* @__PURE__ */ H(P, {}),
 						/* @__PURE__ */ H("span", {
 							"aria-hidden": "true",
 							className: "game-ui-material-swatch-chip",
-							"data-swatch-pattern": n.pattern ?? "solid",
-							style: l
+							"data-swatch-pattern": t.pattern ?? "solid",
+							style: c
 						}),
 						/* @__PURE__ */ U("span", {
 							className: "game-ui-material-swatch-copy",
-							children: [/* @__PURE__ */ H("strong", { children: c }), n.meta ? /* @__PURE__ */ H("small", {
-								id: `${n.id}-material-meta`,
-								children: n.meta
+							children: [/* @__PURE__ */ H("strong", { children: s }), t.meta ? /* @__PURE__ */ H("small", {
+								id: `${t.id}-material-meta`,
+								children: t.meta
 							}) : null]
 						}),
-						/* @__PURE__ */ H(t, {})
+						/* @__PURE__ */ H(k, {})
 					]
-				}, n.id);
+				}, t.id);
 			})
 		})
 	});
@@ -1034,4 +1034,4 @@ var Ve = [
 	"ink"
 ], He = "pastel";
 //#endregion
-export { C as FirstSessionOnboarding, f as GAME_ICON_NAMES, He as GAME_UI_DEFAULT_STYLE, Ve as GAME_UI_STYLES, n as GAME_UI_TARGETS, m as GAME_UI_THEME_CONTRACT, o as GAME_UI_TOKENS, te as GameAvatar, D as GameBadge, i as GameButton, ye as GameCallout, a as GameCheckbox, Ce as GameCollapsiblePanel, je as GameCollectibleCard, Pe as GameCollectibleCardSlot, v as GameDialog, ee as GameEmptyState, Fe as GameFactList, p as GameField, be as GameHelpTip, A as GameHistoryPanel, k as GameHudActions, M as GameIcon, j as GameIconButton, r as GameInput, _ as GameLanguageMenu, ge as GameListRow, b as GameLoadingState, Be as GameMaterialSwatches, Te as GameModal, $ as GameMovementPad, _e as GameOtpInput, g as GamePanel, y as GameProgress, xe as GamePrompt, O as GameRadialMenu, N as GameSegmentedControl, ve as GameSelect, Ee as GameShell, ie as GameSlider, ze as GameSplash, ne as GameStageTile, h as GameTabs, x as GameTextArea, re as GameToast, S as GameToggle, E as GameTooltip, e as LiquidGroup, u as LiquidSurface, d as liquidFormItem, w as playGameCardRevealSound, s as playGameInteractionSound, c as playGameInteractionSoundForContext, P as setLiquidGooeyBudget, Ne as useGameCardOrientation };
+export { S as FirstSessionOnboarding, O as GAME_ICON_NAMES, 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 };