@pieai/swimmer-ui-kit 3.2.0 → 3.2.1

package/dist/{GameStageTile-BtBb8NEw.js → GameStageTile-BdG3tMV-.js}

@@ -1,11 +1,11 @@
 "use client";
 import { A as e, D as t, E as n, F as r, M as i, N as a, O as o, P as s, T as c, a as l, j as u, w as d } from "./LiquidGroup-RTK_Uvgw.js";
 import { a as f, c as p, d as m, i as h, l as g, n as _, o as v, s as y, u as b } from "./GameAvatar-Cs5KVYFf.js";
-import { A as x, B as S, C, D as w, E as ee, F as te, G as ne, H as re, I as ie, J as ae, K as oe, L as se, M as ce, N as le, O as ue, P as de, R as T, S as E, T as D, U as O, V as k, W as A, _ as j, a as M, b as N, c as P, d as F, f as I, g as L, h as R, i as z, j as B, k as V, l as H, m as fe, n as pe, o as me, p as he, q as ge, r as _e, s as ve, t as ye, u as be, v as xe, w as Se, x as Ce, y as we, z as Te } from "./paths-B7D0h7Mh.js";
-import { cloneElement as Ee, forwardRef as U, isValidElement as De, useId as W, useLayoutEffect as G, useRef as K, useState as q } from "react";
-import { jsx as J, jsxs as Y } from "react/jsx-runtime";
+import { A as x, B as S, C, D as w, E as ee, F as te, G as ne, H as re, I as ie, J as ae, K as oe, L as se, M as ce, N as le, O as ue, P as de, R as fe, S as pe, T as me, U as he, V as T, W as E, _ as D, a as O, b as k, c as A, d as j, f as M, g as N, h as P, i as F, j as I, k as L, l as R, m as ge, n as _e, o as ve, p as ye, q as be, r as xe, s as Se, t as Ce, u as we, v as Te, w as Ee, x as De, y as Oe, z as ke } from "./paths-B7D0h7Mh.js";
+import { cloneElement as Ae, forwardRef as z, isValidElement as B, useId as V, useLayoutEffect as H, useRef as U, useState as W } from "react";
+import { jsx as G, jsxs as K } from "react/jsx-runtime";
 //#region src/tokens/index.ts
-var Oe = {
+var q = {
 	...i,
 	...r,
 	...a,
@@ -19,13 +19,13 @@ var Oe = {
 	...n,
 	...d,
 	...t
-}, ke = {
+}, je = {
 	toneAttr: "data-game-ui-tone",
 	toneGlass: "glass",
 	densityAttr: "data-game-ui-density",
 	densityCompact: "compact",
 	scopeClass: "game-ui-overlay-scope"
-}, Ae = s, je = [
+}, Me = s, Ne = [
 	"--game-ui-bg",
 	"--game-ui-surface",
 	"--game-ui-surface-raised",
@@ -52,20 +52,20 @@ var Oe = {
 ];
 //#endregion
 //#region src/controls/GameCheckbox/GameCheckbox.tsx
-function Me({ className: e, label: t, hue: n, ...r }) {
-	return /* @__PURE__ */ Y("label", {
+function Pe({ className: e, label: t, hue: n, ...r }) {
+	return /* @__PURE__ */ K("label", {
 		className: ["game-ui-checkbox", e].filter(Boolean).join(" "),
 		"data-game-ui-paint": "",
 		style: v(n),
 		children: [
-			/* @__PURE__ */ J(y, {}),
-			/* @__PURE__ */ J("input", {
+			/* @__PURE__ */ G(y, {}),
+			/* @__PURE__ */ G("input", {
 				className: "game-ui-checkbox-input",
 				type: "checkbox",
 				...r
 			}),
-			/* @__PURE__ */ J(p, {}),
-			/* @__PURE__ */ J("span", {
+			/* @__PURE__ */ G(p, {}),
+			/* @__PURE__ */ G("span", {
 				className: "game-ui-checkbox-label",
 				children: t
 			})
@@ -74,25 +74,25 @@ function Me({ className: e, label: t, hue: n, ...r }) {
 }
 //#endregion
 //#region src/controls/GameField/GameField.tsx
-function Ne({ children: e, className: t, error: n, hint: r, label: i, required: a }) {
-	return /* @__PURE__ */ Y("label", {
+function Fe({ children: e, className: t, error: n, hint: r, label: i, required: a }) {
+	return /* @__PURE__ */ K("label", {
 		className: ["game-ui-field", t].filter(Boolean).join(" "),
 		"data-invalid": n ? "true" : void 0,
 		children: [
-			/* @__PURE__ */ Y("span", {
+			/* @__PURE__ */ K("span", {
 				className: "game-ui-field-label",
-				children: [i, a ? /* @__PURE__ */ Y("span", {
+				children: [i, a ? /* @__PURE__ */ K("span", {
 					"aria-hidden": "true",
 					className: "game-ui-field-required",
 					children: [" ", "*"]
 				}) : null]
 			}),
 			e,
-			r && !n ? /* @__PURE__ */ J("span", {
+			r && !n ? /* @__PURE__ */ G("span", {
 				className: "game-ui-field-hint",
 				children: r
 			}) : null,
-			n ? /* @__PURE__ */ J("span", {
+			n ? /* @__PURE__ */ G("span", {
 				className: "game-ui-field-error",
 				role: "alert",
 				children: n
@@ -102,8 +102,8 @@ function Ne({ children: e, className: t, error: n, hint: r, label: i, required:
 }
 //#endregion
 //#region src/controls/GameIconButton/GameIconButton.tsx
-var Pe = U(function({ children: e, className: t, label: n, hue: r, size: i = "md", style: a, ...o }, s) {
-	return /* @__PURE__ */ Y(f, {
+var Ie = z(function({ children: e, className: t, label: n, hue: r, size: i = "md", style: a, ...o }, s) {
+	return /* @__PURE__ */ K(f, {
 		...o,
 		ref: s,
 		"aria-label": n,
@@ -115,13 +115,13 @@ var Pe = U(function({ children: e, className: t, label: n, hue: r, size: i = "md
 			...a
 		},
 		children: [
-			/* @__PURE__ */ J(y, {}),
+			/* @__PURE__ */ G(y, {}),
 			e,
-			o["aria-pressed"] === void 0 ? null : /* @__PURE__ */ J(p, {})
+			o["aria-pressed"] === void 0 ? null : /* @__PURE__ */ G(p, {})
 		]
 	});
-}), Fe = U(function({ className: e, invalid: t, hue: n, type: r = "text", ...i }, a) {
-	return /* @__PURE__ */ J("input", {
+}), Le = z(function({ className: e, invalid: t, hue: n, type: r = "text", ...i }, a) {
+	return /* @__PURE__ */ G("input", {
 		className: ["game-ui-input", e].filter(Boolean).join(" "),
 		"data-invalid": t ? "true" : void 0,
 		ref: a,
@@ -134,65 +134,65 @@ var Pe = U(function({ children: e, className: t, label: n, hue: r, size: i = "md
 		"aria-invalid": i["aria-invalid"] ?? (t || void 0),
 		"data-game-ui-paint": ""
 	});
-}), X = {
-	ai: ye,
-	alert: pe,
-	card: M,
-	chat: me,
-	check: ve,
-	close: be,
-	coin: F,
-	compass: I,
-	copy: he,
-	crown: fe,
-	energy: L,
-	gem: xe,
-	gift: we,
-	globe: N,
-	history: Ce,
+}), J = {
+	ai: Ce,
+	alert: _e,
+	card: O,
+	chat: ve,
+	check: Se,
+	close: we,
+	coin: j,
+	compass: M,
+	copy: ye,
+	crown: ge,
+	energy: N,
+	gem: Te,
+	gift: Oe,
+	globe: k,
+	history: De,
 	redo: ie,
 	undo: oe,
-	home: E,
+	home: pe,
 	hourglass: C,
-	laurel: Se,
-	lock: D,
+	laurel: Ee,
+	lock: me,
 	lucky: ee,
 	mail: w,
 	medal: ue,
-	mission: B,
+	mission: I,
 	mobile: ce,
 	portal: te,
 	scroll: se,
-	settings: Te,
+	settings: ke,
 	shirt: S,
-	shop: k,
+	shop: T,
 	smile: re,
-	timer: A,
+	timer: E,
 	trophy: ne,
 	vote: ae,
-	"arrow-left": _e,
-	"arrow-right": z,
-	"chevron-down": P,
-	"chevron-up": H,
-	download: R,
-	external: j,
-	menu: V,
+	"arrow-left": xe,
+	"arrow-right": F,
+	"chevron-down": A,
+	"chevron-up": R,
+	download: P,
+	external: D,
+	menu: L,
 	minus: x,
 	moon: le,
 	plus: de,
-	search: T,
-	sun: O,
-	user: ge
-}, Ie = Object.keys(X);
+	search: fe,
+	sun: he,
+	user: be
+}, Re = Object.keys(J);
 //#endregion
 //#region src/icons/GameIcon/GameIcon.tsx
-function Z({ icon: e, size: t = "md", label: n, className: r, ...i }) {
-	let a = typeof e == "string" ? X[e] : e, o = {
+function Y({ icon: e, size: t = "md", label: n, className: r, ...i }) {
+	let a = typeof e == "string" ? J[e] : e, o = {
 		sm: 16,
 		md: 20,
 		lg: 24
 	}[t];
-	return /* @__PURE__ */ J("svg", {
+	return /* @__PURE__ */ G("svg", {
 		...i,
 		className: ["game-ui-icon", r].filter(Boolean).join(" "),
 		viewBox: "0 0 24 24",
@@ -209,18 +209,18 @@ function Z({ icon: e, size: t = "md", label: n, className: r, ...i }) {
 		"aria-hidden": !n || void 0,
 		"data-icon": a.name,
 		"data-icon-size": t,
-		children: a.paths.map((e, t) => /* @__PURE__ */ J("path", { d: e }, t))
+		children: a.paths.map((e, t) => /* @__PURE__ */ G("path", { d: e }, t))
 	});
 }
 //#endregion
 //#region src/controls/GameLanguageMenu/GameLanguageMenu.tsx
-function Le({ className: e, currentLabel: t, label: n, options: r, value: i, defaultValue: a, onSelect: o }) {
-	let [s, c] = q(!1), [l, u] = q(a ?? r[0]?.id ?? ""), d = W(), f = ["game-ui-language-menu", e].filter(Boolean).join(" "), m = i ?? l, h = r.find((e) => e.id === m), g = t ?? h?.label ?? r[0]?.label ?? "", _ = (e) => {
+function ze({ className: e, currentLabel: t, label: n, options: r, value: i, defaultValue: a, onSelect: o }) {
+	let [s, c] = W(!1), [l, u] = W(a ?? r[0]?.id ?? ""), d = V(), f = ["game-ui-language-menu", e].filter(Boolean).join(" "), m = i ?? l, h = r.find((e) => e.id === m), g = t ?? h?.label ?? r[0]?.label ?? "", _ = (e) => {
 		i === void 0 && u(e), o?.(e), c(!1);
 	};
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ K("div", {
 		className: f,
-		children: [/* @__PURE__ */ Y("button", {
+		children: [/* @__PURE__ */ K("button", {
 			"aria-controls": d,
 			"aria-expanded": s,
 			className: "game-ui-language-trigger",
@@ -228,19 +228,19 @@ function Le({ className: e, currentLabel: t, label: n, options: r, value: i, def
 			type: "button",
 			"data-game-ui-paint": "",
 			children: [
-				/* @__PURE__ */ J(y, {}),
-				/* @__PURE__ */ J(Z, {
+				/* @__PURE__ */ G(y, {}),
+				/* @__PURE__ */ G(Y, {
 					icon: "globe",
 					size: "sm"
 				}),
-				/* @__PURE__ */ J("span", { children: g })
+				/* @__PURE__ */ G("span", { children: g })
 			]
-		}), s ? /* @__PURE__ */ J("div", {
+		}), s ? /* @__PURE__ */ G("div", {
 			"aria-label": n,
 			className: "game-ui-language-popover",
 			id: d,
 			role: "menu",
-			children: r.map((e) => /* @__PURE__ */ Y("button", {
+			children: r.map((e) => /* @__PURE__ */ K("button", {
 				"aria-checked": e.id === m,
 				"data-selected": e.id === m,
 				onClick: () => _(e.id),
@@ -248,9 +248,9 @@ function Le({ className: e, currentLabel: t, label: n, options: r, value: i, def
 				type: "button",
 				"data-game-ui-paint": "",
 				children: [
-					/* @__PURE__ */ J(y, {}),
-					/* @__PURE__ */ Y("span", { children: [/* @__PURE__ */ J("strong", { children: e.label }), /* @__PURE__ */ J("small", { children: e.meta })] }),
-					/* @__PURE__ */ J(p, {})
+					/* @__PURE__ */ G(y, {}),
+					/* @__PURE__ */ K("span", { children: [/* @__PURE__ */ G("strong", { children: e.label }), /* @__PURE__ */ G("small", { children: e.meta })] }),
+					/* @__PURE__ */ G(p, {})
 				]
 			}, e.id))
 		}) : null]
@@ -258,12 +258,12 @@ function Le({ className: e, currentLabel: t, label: n, options: r, value: i, def
 }
 //#endregion
 //#region src/controls/GameSegmentedControl/GameSegmentedControl.tsx
-function Re({ activeId: e, label: t, onSelect: n, options: r, disabled: i, hue: a }) {
-	return /* @__PURE__ */ J("div", {
+function Be({ activeId: e, label: t, onSelect: n, options: r, disabled: i, hue: a }) {
+	return /* @__PURE__ */ G("div", {
 		"aria-label": t,
 		className: "game-ui-segmented",
 		role: "group",
-		children: r.map((t) => /* @__PURE__ */ Y("button", {
+		children: r.map((t) => /* @__PURE__ */ K("button", {
 			type: "button",
 			className: "game-ui-segmented-option",
 			"aria-pressed": t.id === e,
@@ -272,19 +272,19 @@ function Re({ activeId: e, label: t, onSelect: n, options: r, disabled: i, hue:
 			"data-game-ui-paint": "",
 			style: v(t.hue ?? a),
 			children: [
-				/* @__PURE__ */ J(y, {}),
-				/* @__PURE__ */ J("span", { children: t.label }),
-				/* @__PURE__ */ J(p, {})
+				/* @__PURE__ */ G(y, {}),
+				/* @__PURE__ */ G("span", { children: t.label }),
+				/* @__PURE__ */ G(p, {})
 			]
 		}, t.id))
 	});
 }
 //#endregion
 //#region src/controls/GameSlider/GameSlider.tsx
-function ze({ label: e, max: t, min: n, step: r, disabled: i, name: a, id: o, onChange: s, value: c }) {
-	return /* @__PURE__ */ Y("label", {
+function Ve({ label: e, max: t, min: n, step: r, disabled: i, name: a, id: o, onChange: s, value: c }) {
+	return /* @__PURE__ */ K("label", {
 		className: "game-ui-slider",
-		children: [/* @__PURE__ */ J("span", { children: e }), /* @__PURE__ */ J("input", {
+		children: [/* @__PURE__ */ G("span", { children: e }), /* @__PURE__ */ G("input", {
 			"aria-label": e,
 			max: t,
 			min: n,
@@ -302,8 +302,8 @@ function ze({ label: e, max: t, min: n, step: r, disabled: i, name: a, id: o, on
 }
 //#endregion
 //#region src/controls/GameTextArea/GameTextArea.tsx
-var Be = U(function({ className: e, invalid: t, hue: n, rows: r = 3, ...i }, a) {
-	return /* @__PURE__ */ J("textarea", {
+var He = z(function({ className: e, invalid: t, hue: n, rows: r = 3, ...i }, a) {
+	return /* @__PURE__ */ G("textarea", {
 		className: [
 			"game-ui-input",
 			"game-ui-textarea",
@@ -323,8 +323,8 @@ var Be = U(function({ className: e, invalid: t, hue: n, rows: r = 3, ...i }, a)
 });
 //#endregion
 //#region src/controls/GameToggle/GameToggle.tsx
-function Ve({ checked: e, disabled: t, label: n, onClick: r, hue: i }) {
-	return /* @__PURE__ */ Y("button", {
+function Ue({ checked: e, disabled: t, label: n, onClick: r, hue: i }) {
+	return /* @__PURE__ */ K("button", {
 		type: "button",
 		className: "game-ui-toggle",
 		role: "switch",
@@ -334,36 +334,36 @@ function Ve({ checked: e, disabled: t, label: n, onClick: r, hue: i }) {
 		"data-game-ui-paint": "",
 		style: v(i),
 		children: [
-			/* @__PURE__ */ J(y, {}),
-			/* @__PURE__ */ J("span", { children: n }),
-			/* @__PURE__ */ J(p, {}),
-			/* @__PURE__ */ J("span", {
+			/* @__PURE__ */ G(y, {}),
+			/* @__PURE__ */ G("span", { children: n }),
+			/* @__PURE__ */ G(p, {}),
+			/* @__PURE__ */ G("span", {
 				className: "game-ui-toggle-track",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ J("span", { className: "game-ui-toggle-thumb" })
+				children: /* @__PURE__ */ G("span", { className: "game-ui-toggle-thumb" })
 			})
 		]
 	});
 }
 //#endregion
 //#region src/feedback/GameEmptyState/GameEmptyState.tsx
-function He({ action: e, className: t, description: n, icon: r, title: i }) {
-	return /* @__PURE__ */ Y("div", {
+function We({ action: e, className: t, description: n, icon: r, title: i }) {
+	return /* @__PURE__ */ K("div", {
 		className: ["game-ui-empty-state", t].filter(Boolean).join(" "),
 		children: [
-			r ? /* @__PURE__ */ J(Z, {
+			r ? /* @__PURE__ */ G(Y, {
 				icon: r,
 				size: "lg"
 			}) : null,
-			/* @__PURE__ */ J("strong", {
+			/* @__PURE__ */ G("strong", {
 				className: "game-ui-empty-state-title",
 				children: i
 			}),
-			n ? /* @__PURE__ */ J("p", {
+			n ? /* @__PURE__ */ G("p", {
 				className: "game-ui-empty-state-body",
 				children: n
 			}) : null,
-			e ? /* @__PURE__ */ J("div", {
+			e ? /* @__PURE__ */ G("div", {
 				className: "game-ui-empty-state-action",
 				children: e
 			}) : null
@@ -371,16 +371,49 @@ function He({ action: e, className: t, description: n, icon: r, title: i }) {
 	});
 }
 //#endregion
+//#region src/feedback/shared/trigger-slot.ts
+var Ge = Symbol.for("react.lazy"), Ke = "a[href], button, [tabindex]:not([tabindex=\"-1\"])";
+function X(e) {
+	return typeof e == "object" && !!e && !B(e) && e.$$typeof === Ge;
+}
+var Z = /* @__PURE__ */ new Set();
+function qe(e) {
+	Z.has(e) || (Z.add(e), console.warn(`${e}: the trigger arrived as a lazy element from a Server Component. This is supported and works. Building the trigger inside a client component keeps the original element.`));
+}
+function Q(e, { component: t, lazy: n, active: r }) {
+	let [i, a] = W(null);
+	return H(() => {
+		let i = e.current;
+		if (!r || !i) return;
+		n && qe(t);
+		let o = null, s = () => {
+			let e = i.querySelector(Ke);
+			e !== o && (o = e, a(e));
+		};
+		s();
+		let c = new MutationObserver(s);
+		return c.observe(i, {
+			childList: !0,
+			subtree: !0
+		}), () => c.disconnect();
+	}, [
+		r,
+		t,
+		n,
+		e
+	]), r ? i : null;
+}
+//#endregion
 //#region src/feedback/GameLoadingState/GameLoadingState.tsx
-function Q({ label: e, tone: t = "loading" }) {
-	return /* @__PURE__ */ Y("div", {
+function Je({ label: e, tone: t = "loading" }) {
+	return /* @__PURE__ */ K("div", {
 		className: "game-ui-loading-state",
 		"data-loading-tone": t,
 		role: t === "error" ? "alert" : "status",
-		children: [/* @__PURE__ */ J(Z, {
+		children: [/* @__PURE__ */ G(Y, {
 			icon: t === "error" ? "alert" : "timer",
 			size: "lg"
-		}), /* @__PURE__ */ J("span", { children: e })]
+		}), /* @__PURE__ */ G("span", { children: e })]
 	});
 }
 //#endregion
@@ -394,7 +427,7 @@ function $(e, t, n = 0, r = 4) {
 }
 //#endregion
 //#region src/feedback/GameProgress/controller.ts
-function Ue(e, t, n, r) {
+function Ye(e, t, n, r) {
 	let i = e.parentElement, a = e.querySelector("[data-progress-track]"), o = e.querySelector("[data-progress-clip]"), s = e.querySelector("[data-progress-front]"), c = 0, l = n, u = n, d = n, f, p = 0, m = !1, h = (e, t) => {
 		e.getAttribute("d") !== t && e.setAttribute("d", t);
 	}, _ = (e = 0) => h(s, $(c || 100, l, e)), v = () => {
@@ -438,19 +471,19 @@ function Ue(e, t, n, r) {
 }
 //#endregion
 //#region src/feedback/GameProgress/GameProgress.tsx
-function We({ value: e, max: t = 100, label: n, showValue: r = !1, valueLabel: i, className: a }) {
-	let o = !Number.isFinite(t) || t <= 0 ? 100 : t, s = Math.max(0, Math.min(o, Number.isFinite(e) ? e : 0)), c = s / o, u = c * 100, d = `progress-${W().replace(/[^a-zA-Z0-9_-]/g, "")}`, f = l(), p = K(null), h = K(null), _ = K(c).current, v = K(c);
-	v.current = c, G(() => {
+function Xe({ value: e, max: t = 100, label: n, showValue: r = !1, valueLabel: i, className: a }) {
+	let o = !Number.isFinite(t) || t <= 0 ? 100 : t, s = Math.max(0, Math.min(o, Number.isFinite(e) ? e : 0)), c = s / o, u = c * 100, d = `progress-${V().replace(/[^a-zA-Z0-9_-]/g, "")}`, f = l(), p = U(null), h = U(null), _ = U(c).current, v = U(c);
+	v.current = c, H(() => {
 		if (!p.current) return;
-		let e = Ue(p.current, m(d), v.current, !f);
+		let e = Ye(p.current, m(d), v.current, !f);
 		return h.current = e, () => {
 			e.dispose(), h.current = null;
 		};
-	}, [d, f]), G(() => h.current?.update(c), [c, f]);
+	}, [d, f]), H(() => h.current?.update(c), [c, f]);
 	let y = b(g(100, 10, 5), 1, 0, m(d), 4);
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ K("div", {
 		className: ["game-ui-progress", a].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ G("div", {
 			role: "progressbar",
 			"aria-label": n,
 			"aria-valuemin": 0,
@@ -458,34 +491,34 @@ function We({ value: e, max: t = 100, label: n, showValue: r = !1, valueLabel: i
 			"aria-valuenow": s,
 			"aria-valuetext": i || void 0,
 			className: "game-ui-progress-track",
-			children: /* @__PURE__ */ Y("svg", {
+			children: /* @__PURE__ */ K("svg", {
 				ref: p,
 				viewBox: "0 0 108 18",
 				preserveAspectRatio: "none",
 				"aria-hidden": "true",
 				focusable: "false",
 				children: [
-					/* @__PURE__ */ Y("defs", { children: [/* @__PURE__ */ J("clipPath", {
+					/* @__PURE__ */ K("defs", { children: [/* @__PURE__ */ G("clipPath", {
 						id: `${d}-clip`,
-						children: /* @__PURE__ */ J("path", {
+						children: /* @__PURE__ */ G("path", {
 							"data-progress-clip": "",
 							d: y
 						})
-					}), /* @__PURE__ */ Y("linearGradient", {
+					}), /* @__PURE__ */ K("linearGradient", {
 						id: `${d}-fill`,
-						children: [/* @__PURE__ */ J("stop", {
+						children: [/* @__PURE__ */ G("stop", {
 							offset: "0%",
 							style: { stopColor: "var(--game-ui-cta-from)" }
-						}), /* @__PURE__ */ J("stop", {
+						}), /* @__PURE__ */ G("stop", {
 							offset: "100%",
 							style: { stopColor: "var(--game-ui-cta-to)" }
 						})]
 					})] }),
-					/* @__PURE__ */ J("path", {
+					/* @__PURE__ */ G("path", {
 						"data-progress-track": "",
 						d: y
 					}),
-					/* @__PURE__ */ J("path", {
+					/* @__PURE__ */ G("path", {
 						"data-progress-front": "",
 						d: $(100, _),
 						clipPath: `url(#${d}-clip)`,
@@ -493,7 +526,7 @@ function We({ value: e, max: t = 100, label: n, showValue: r = !1, valueLabel: i
 					})
 				]
 			})
-		}), i || r ? /* @__PURE__ */ J("span", {
+		}), i || r ? /* @__PURE__ */ G("span", {
 			className: "game-ui-progress-value",
 			children: i || `${Math.round(u)}%`
 		}) : null]
@@ -501,8 +534,8 @@ function We({ value: e, max: t = 100, label: n, showValue: r = !1, valueLabel: i
 }
 //#endregion
 //#region src/feedback/GameToast/GameToast.tsx
-function Ge({ children: e, tone: t = "info" }) {
-	return /* @__PURE__ */ Y("div", {
+function Ze({ children: e, tone: t = "info" }) {
+	return /* @__PURE__ */ K("div", {
 		className: "game-ui-toast",
 		"data-toast-tone": t,
 		"data-game-ui-paint": "",
@@ -510,38 +543,52 @@ function Ge({ children: e, tone: t = "info" }) {
 		"data-game-ui-danger": t === "danger" ? "true" : void 0,
 		style: v(t === "success" ? "leaf" : "sky"),
 		role: t === "danger" ? "alert" : "status",
-		children: [/* @__PURE__ */ J(y, { static: !0 }), e]
+		children: [/* @__PURE__ */ G(y, { static: !0 }), e]
 	});
 }
 //#endregion
 //#region src/feedback/GameTooltip/GameTooltip.tsx
-function Ke({ children: e, label: t, align: n = "center", placement: r = "top" }) {
-	let i = W();
-	return /* @__PURE__ */ Y("span", {
+function Qe({ children: e, label: t, align: n = "center", placement: r = "top" }) {
+	let i = V(), a = U(null), o = Q(a, {
+		component: "GameTooltip",
+		lazy: !B(e) && X(e),
+		active: !B(e)
+	});
+	return H(() => {
+		if (!o) return;
+		let e = o.getAttribute("aria-describedby");
+		return o.setAttribute("aria-describedby", [e, i].filter(Boolean).join(" ")), () => {
+			e === null ? o.removeAttribute("aria-describedby") : o.setAttribute("aria-describedby", e);
+		};
+	}, [o, i]), /* @__PURE__ */ K("span", {
 		className: "game-ui-tooltip",
-		children: [De(e) ? Ee(e, { "aria-describedby": [e.props["aria-describedby"], i].filter(Boolean).join(" ") }) : e, /* @__PURE__ */ Y("span", {
+		children: [B(e) ? Ae(e, { "aria-describedby": [e.props["aria-describedby"], i].filter(Boolean).join(" ") }) : /* @__PURE__ */ G("span", {
+			className: "game-ui-trigger-slot",
+			ref: a,
+			children: e
+		}), /* @__PURE__ */ K("span", {
 			id: i,
 			role: "tooltip",
 			"data-game-ui-paint": "",
 			"data-tooltip-align": n,
 			"data-tooltip-placement": r,
-			children: [/* @__PURE__ */ J(y, { static: !0 }), t]
+			children: [/* @__PURE__ */ G(y, { static: !0 }), t]
 		})]
 	});
 }
 //#endregion
 //#region src/containers/GameDialog/GameDialog.tsx
-function qe({ children: e, className: t, title: n }) {
-	let r = W();
-	return /* @__PURE__ */ Y("section", {
+function $e({ children: e, className: t, title: n }) {
+	let r = V();
+	return /* @__PURE__ */ K("section", {
 		"aria-labelledby": r,
 		"aria-modal": "true",
 		className: ["game-ui-dialog", t].filter(Boolean).join(" "),
 		role: "dialog",
-		children: [/* @__PURE__ */ J("h2", {
+		children: [/* @__PURE__ */ G("h2", {
 			id: r,
 			children: n
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ G("div", {
 			className: "game-ui-dialog-body",
 			children: e
 		})]
@@ -549,24 +596,24 @@ function qe({ children: e, className: t, title: n }) {
 }
 //#endregion
 //#region src/containers/GameHistoryPanel/GameHistoryPanel.tsx
-function Je({ entries: e, label: t }) {
-	return /* @__PURE__ */ J("section", {
+function et({ entries: e, label: t }) {
+	return /* @__PURE__ */ G("section", {
 		"aria-label": t,
 		className: "game-ui-history",
-		children: e.map((e) => /* @__PURE__ */ Y("article", {
+		children: e.map((e) => /* @__PURE__ */ K("article", {
 			className: "game-ui-history-entry",
 			"data-entry-kind": e.kind,
-			children: [/* @__PURE__ */ Y("div", {
+			children: [/* @__PURE__ */ K("div", {
 				className: "game-ui-history-entry-header",
-				children: [/* @__PURE__ */ J("strong", { children: e.speaker }), /* @__PURE__ */ J("span", { children: e.meta })]
-			}), /* @__PURE__ */ J("p", { children: e.text })]
+				children: [/* @__PURE__ */ G("strong", { children: e.speaker }), /* @__PURE__ */ G("span", { children: e.meta })]
+			}), /* @__PURE__ */ G("p", { children: e.text })]
 		}, e.id))
 	});
 }
 //#endregion
 //#region src/containers/GameHudActions/GameHudActions.tsx
-function Ye({ children: e, className: t, label: n, ...r }) {
-	return /* @__PURE__ */ J("nav", {
+function tt({ children: e, className: t, label: n, ...r }) {
+	return /* @__PURE__ */ G("nav", {
 		"aria-label": n,
 		className: ["game-ui-hud-actions", t].filter(Boolean).join(" "),
 		"data-safe-area": "hud-actions",
@@ -576,54 +623,54 @@ function Ye({ children: e, className: t, label: n, ...r }) {
 }
 //#endregion
 //#region src/containers/GamePanel/GamePanel.tsx
-function Xe({ children: e, className: t, title: n, tone: r = "default", ...i }) {
+function nt({ children: e, className: t, title: n, tone: r = "default", ...i }) {
 	let a = ["game-ui-panel", t].filter(Boolean).join(" ");
-	return /* @__PURE__ */ Y("section", {
+	return /* @__PURE__ */ K("section", {
 		...i,
 		className: a,
 		"data-panel-tone": r,
-		children: [n ? /* @__PURE__ */ J("h3", { children: n }) : null, e]
+		children: [n ? /* @__PURE__ */ G("h3", { children: n }) : null, e]
 	});
 }
 //#endregion
 //#region src/game/FirstSessionOnboarding/FirstSessionOnboarding.tsx
-function Ze({ labels: e, onDismiss: t, open: n }) {
-	return n ? /* @__PURE__ */ Y("aside", {
+function rt({ labels: e, onDismiss: t, open: n }) {
+	return n ? /* @__PURE__ */ K("aside", {
 		"aria-labelledby": "swimmer-first-session-onboarding-title",
 		"aria-modal": "true",
 		className: "swimmer-first-session-onboarding",
 		role: "dialog",
-		children: [/* @__PURE__ */ J("div", { className: "swimmer-first-session-onboarding-scrim" }), /* @__PURE__ */ Y("div", {
+		children: [/* @__PURE__ */ G("div", { className: "swimmer-first-session-onboarding-scrim" }), /* @__PURE__ */ K("div", {
 			className: "swimmer-first-session-onboarding-card",
 			children: [
-				/* @__PURE__ */ J(Z, {
+				/* @__PURE__ */ G(Y, {
 					icon: "trophy",
 					size: "lg"
 				}),
-				/* @__PURE__ */ J(_, {
+				/* @__PURE__ */ G(_, {
 					tone: "warning",
 					children: e.badge
 				}),
-				/* @__PURE__ */ J("h2", {
+				/* @__PURE__ */ G("h2", {
 					id: "swimmer-first-session-onboarding-title",
 					children: e.title
 				}),
-				/* @__PURE__ */ J("p", { children: e.body }),
-				/* @__PURE__ */ J("ol", {
+				/* @__PURE__ */ G("p", { children: e.body }),
+				/* @__PURE__ */ G("ol", {
 					className: "swimmer-first-session-onboarding-steps",
-					children: e.steps.map((e, t) => /* @__PURE__ */ Y("li", { children: [
-						/* @__PURE__ */ J("span", { children: String(t + 1).padStart(2, "0") }),
-						/* @__PURE__ */ J("strong", { children: e.title }),
-						/* @__PURE__ */ J("small", { children: e.body })
+					children: e.steps.map((e, t) => /* @__PURE__ */ K("li", { children: [
+						/* @__PURE__ */ G("span", { children: String(t + 1).padStart(2, "0") }),
+						/* @__PURE__ */ G("strong", { children: e.title }),
+						/* @__PURE__ */ G("small", { children: e.body })
 					] }, e.title))
 				}),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ K("div", {
 					className: "swimmer-first-session-onboarding-actions",
-					children: [/* @__PURE__ */ J(h, {
+					children: [/* @__PURE__ */ G(h, {
 						onClick: t,
 						variant: "primary",
 						children: e.start
-					}), /* @__PURE__ */ J(h, {
+					}), /* @__PURE__ */ G(h, {
 						onClick: t,
 						variant: "ghost",
 						children: e.skip
@@ -635,26 +682,26 @@ function Ze({ labels: e, onDismiss: t, open: n }) {
 }
 //#endregion
 //#region src/game/GameRadialMenu/GameRadialMenu.tsx
-function Qe({ items: e, label: t, onSelect: n }) {
-	return /* @__PURE__ */ J("div", {
+function it({ items: e, label: t, onSelect: n }) {
+	return /* @__PURE__ */ G("div", {
 		"aria-label": t,
 		className: "game-ui-radial-menu",
 		role: "group",
 		style: { "--radial-count": e.length },
-		children: e.map((e, t) => /* @__PURE__ */ Y("button", {
+		children: e.map((e, t) => /* @__PURE__ */ K("button", {
 			className: "game-ui-radial-item",
 			onClick: n ? () => n(e.id) : void 0,
 			style: { "--radial-index": t },
 			type: "button",
 			"data-game-ui-paint": "",
-			children: [/* @__PURE__ */ J(y, {}), e.label]
+			children: [/* @__PURE__ */ G(y, {}), e.label]
 		}, e.id))
 	});
 }
 //#endregion
 //#region src/game/GameStageTile/GameStageTile.tsx
-function $e({ badge: e, className: t, icon: n, kicker: r, selected: i = !1, summary: a, title: o, tone: s = "daily", type: c = "button", ...l }) {
-	return /* @__PURE__ */ Y("button", {
+function at({ badge: e, className: t, icon: n, kicker: r, selected: i = !1, summary: a, title: o, tone: s = "daily", type: c = "button", ...l }) {
+	return /* @__PURE__ */ K("button", {
 		"aria-pressed": i,
 		className: ["game-ui-stage-tile", t].filter(Boolean).join(" "),
 		"data-stage-tone": s,
@@ -662,26 +709,26 @@ function $e({ badge: e, className: t, icon: n, kicker: r, selected: i = !1, summ
 		...l,
 		"data-game-ui-paint": "",
 		children: [
-			/* @__PURE__ */ J(y, {}),
-			n ? /* @__PURE__ */ J(Z, {
+			/* @__PURE__ */ G(y, {}),
+			n ? /* @__PURE__ */ G(Y, {
 				icon: n,
 				size: "lg"
 			}) : null,
-			/* @__PURE__ */ Y("span", {
+			/* @__PURE__ */ K("span", {
 				className: "game-ui-stage-tile-copy",
 				children: [
-					/* @__PURE__ */ J("small", { children: r }),
-					/* @__PURE__ */ J("strong", { children: o }),
-					/* @__PURE__ */ J("span", { children: a })
+					/* @__PURE__ */ G("small", { children: r }),
+					/* @__PURE__ */ G("strong", { children: o }),
+					/* @__PURE__ */ G("span", { children: a })
 				]
 			}),
-			e ? /* @__PURE__ */ J(_, {
+			e ? /* @__PURE__ */ G(_, {
 				tone: i ? "success" : "neutral",
 				children: e
 			}) : null,
-			/* @__PURE__ */ J(p, {})
+			/* @__PURE__ */ G(p, {})
 		]
 	});
 }
 //#endregion
-export { Me as C, Oe as D, je as E, Ne as S, Ae as T, Le as _, Ye as a, Fe as b, Ke as c, Q as d, He as f, Re as g, ze as h, Xe as i, Ge as l, Be as m, Qe as n, Je as o, Ve as p, Ze as r, qe as s, $e as t, We as u, Z as v, ke as w, Pe as x, Ie as y };
+export { Ie as C, Me as D, je as E, Ne as O, Le as S, Pe as T, Ve as _, tt as a, Y as b, Qe as c, Je as d, X as f, He as g, Ue as h, nt as i, q as k, Ze as l, We as m, it as n, et as o, Q as p, rt as r, $e as s, at as t, Xe as u, Be as v, Fe as w, Re as x, ze as y };