@pieai/swimmer-ui-kit 3.0.0 → 3.1.0

package/dist/GameStageTile-F41PxXDG.js

@@ -0,0 +1,687 @@
+"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-CRJ1r8l5.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";
+//#region src/tokens/index.ts
+var Oe = {
+	...i,
+	...r,
+	...a,
+	...e,
+	scrollbarSize: u.size,
+	scrollbarTrack: u.track,
+	scrollbarThumb: u.thumb,
+	scrollbarThumbHover: u.thumbHover,
+	...c,
+	...o,
+	...n,
+	...d,
+	...t
+}, ke = {
+	toneAttr: "data-game-ui-tone",
+	toneGlass: "glass",
+	densityAttr: "data-game-ui-density",
+	densityCompact: "compact",
+	scopeClass: "game-ui-overlay-scope"
+}, Ae = s, je = [
+	"--game-ui-bg",
+	"--game-ui-surface",
+	"--game-ui-surface-raised",
+	"--game-ui-surface-sunken",
+	"--game-ui-text",
+	"--game-ui-text-muted",
+	"--game-ui-accent",
+	"--game-ui-accent-bright",
+	"--game-ui-secondary",
+	"--game-ui-success",
+	"--game-ui-success-bright",
+	"--game-ui-danger",
+	"--game-ui-danger-bright",
+	"--game-ui-warning",
+	"--game-ui-focus-ring",
+	"--game-ui-border-subtle",
+	"--game-ui-border-strong",
+	"--game-ui-disabled",
+	"--game-ui-ink-deep",
+	"--game-ui-border-ink",
+	"--game-ui-wood",
+	"--game-ui-ink-title",
+	"--game-ui-ink-heading"
+];
+//#endregion
+//#region src/controls/GameCheckbox/GameCheckbox.tsx
+function Me({ className: e, label: t, hue: n, ...r }) {
+	return /* @__PURE__ */ Y("label", {
+		className: ["game-ui-checkbox", e].filter(Boolean).join(" "),
+		"data-game-ui-paint": "",
+		style: v(n),
+		children: [
+			/* @__PURE__ */ J(y, {}),
+			/* @__PURE__ */ J("input", {
+				className: "game-ui-checkbox-input",
+				type: "checkbox",
+				...r
+			}),
+			/* @__PURE__ */ J(p, {}),
+			/* @__PURE__ */ J("span", {
+				className: "game-ui-checkbox-label",
+				children: t
+			})
+		]
+	});
+}
+//#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", {
+		className: ["game-ui-field", t].filter(Boolean).join(" "),
+		"data-invalid": n ? "true" : void 0,
+		children: [
+			/* @__PURE__ */ Y("span", {
+				className: "game-ui-field-label",
+				children: [i, a ? /* @__PURE__ */ Y("span", {
+					"aria-hidden": "true",
+					className: "game-ui-field-required",
+					children: [" ", "*"]
+				}) : null]
+			}),
+			e,
+			r && !n ? /* @__PURE__ */ J("span", {
+				className: "game-ui-field-hint",
+				children: r
+			}) : null,
+			n ? /* @__PURE__ */ J("span", {
+				className: "game-ui-field-error",
+				role: "alert",
+				children: n
+			}) : null
+		]
+	});
+}
+//#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, {
+		...o,
+		ref: s,
+		"aria-label": n,
+		className: ["game-ui-icon-button", t].filter(Boolean).join(" "),
+		"data-game-ui-paint": "",
+		"data-game-ui-size": i,
+		style: {
+			...v(r),
+			...a
+		},
+		children: [
+			/* @__PURE__ */ J(y, {}),
+			e,
+			o["aria-pressed"] === void 0 ? null : /* @__PURE__ */ J(p, {})
+		]
+	});
+}), Fe = U(function({ className: e, invalid: t, hue: n, type: r = "text", ...i }, a) {
+	return /* @__PURE__ */ J("input", {
+		className: ["game-ui-input", e].filter(Boolean).join(" "),
+		"data-invalid": t ? "true" : void 0,
+		ref: a,
+		type: r,
+		...i,
+		style: {
+			...v(n),
+			...i.style
+		},
+		"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,
+	redo: ie,
+	undo: oe,
+	home: E,
+	hourglass: C,
+	laurel: Se,
+	lock: D,
+	lucky: ee,
+	mail: w,
+	medal: ue,
+	mission: B,
+	mobile: ce,
+	portal: te,
+	scroll: se,
+	settings: Te,
+	shirt: S,
+	shop: k,
+	smile: re,
+	timer: A,
+	trophy: ne,
+	vote: ae,
+	"arrow-left": _e,
+	"arrow-right": z,
+	"chevron-down": P,
+	"chevron-up": H,
+	download: R,
+	external: j,
+	menu: V,
+	minus: x,
+	moon: le,
+	plus: de,
+	search: T,
+	sun: O,
+	user: ge
+}, Ie = Object.keys(X);
+//#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 = {
+		sm: 16,
+		md: 20,
+		lg: 24
+	}[t];
+	return /* @__PURE__ */ J("svg", {
+		...i,
+		className: ["game-ui-icon", r].filter(Boolean).join(" "),
+		viewBox: "0 0 24 24",
+		width: o,
+		height: o,
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		focusable: "false",
+		role: n ? "img" : void 0,
+		"aria-label": n || void 0,
+		"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))
+	});
+}
+//#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) => {
+		i === void 0 && u(e), o?.(e), c(!1);
+	};
+	return /* @__PURE__ */ Y("div", {
+		className: f,
+		children: [/* @__PURE__ */ Y("button", {
+			"aria-controls": d,
+			"aria-expanded": s,
+			className: "game-ui-language-trigger",
+			onClick: () => c((e) => !e),
+			type: "button",
+			"data-game-ui-paint": "",
+			children: [
+				/* @__PURE__ */ J(y, {}),
+				/* @__PURE__ */ J(Z, {
+					icon: "globe",
+					size: "sm"
+				}),
+				/* @__PURE__ */ J("span", { children: g })
+			]
+		}), s ? /* @__PURE__ */ J("div", {
+			"aria-label": n,
+			className: "game-ui-language-popover",
+			id: d,
+			role: "menu",
+			children: r.map((e) => /* @__PURE__ */ Y("button", {
+				"aria-checked": e.id === m,
+				"data-selected": e.id === m,
+				onClick: () => _(e.id),
+				role: "menuitemradio",
+				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, {})
+				]
+			}, e.id))
+		}) : null]
+	});
+}
+//#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", {
+		"aria-label": t,
+		className: "game-ui-segmented",
+		role: "group",
+		children: r.map((t) => /* @__PURE__ */ Y("button", {
+			type: "button",
+			className: "game-ui-segmented-option",
+			"aria-pressed": t.id === e,
+			disabled: i,
+			onClick: n ? () => n(t.id) : void 0,
+			"data-game-ui-paint": "",
+			style: v(t.hue ?? a),
+			children: [
+				/* @__PURE__ */ J(y, {}),
+				/* @__PURE__ */ J("span", { children: t.label }),
+				/* @__PURE__ */ J(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", {
+		className: "game-ui-slider",
+		children: [/* @__PURE__ */ J("span", { children: e }), /* @__PURE__ */ J("input", {
+			"aria-label": e,
+			max: t,
+			min: n,
+			step: r,
+			disabled: i,
+			name: a,
+			id: o,
+			onChange: s ? (e) => s(Number(e.currentTarget.value)) : void 0,
+			readOnly: !s,
+			type: "range",
+			value: c,
+			"data-game-ui-paint": ""
+		})]
+	});
+}
+//#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", {
+		className: [
+			"game-ui-input",
+			"game-ui-textarea",
+			e
+		].filter(Boolean).join(" "),
+		"data-invalid": t ? "true" : void 0,
+		ref: a,
+		rows: r,
+		...i,
+		style: {
+			...v(n),
+			...i.style
+		},
+		"aria-invalid": i["aria-invalid"] ?? (t || void 0),
+		"data-game-ui-paint": ""
+	});
+});
+//#endregion
+//#region src/controls/GameToggle/GameToggle.tsx
+function Ve({ checked: e, disabled: t, label: n, onClick: r, hue: i }) {
+	return /* @__PURE__ */ Y("button", {
+		type: "button",
+		className: "game-ui-toggle",
+		role: "switch",
+		"aria-checked": e,
+		disabled: t,
+		onClick: r,
+		"data-game-ui-paint": "",
+		style: v(i),
+		children: [
+			/* @__PURE__ */ J(y, {}),
+			/* @__PURE__ */ J("span", { children: n }),
+			/* @__PURE__ */ J(p, {}),
+			/* @__PURE__ */ J("span", {
+				className: "game-ui-toggle-track",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ J("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", {
+		className: ["game-ui-empty-state", t].filter(Boolean).join(" "),
+		children: [
+			r ? /* @__PURE__ */ J(Z, {
+				icon: r,
+				size: "lg"
+			}) : null,
+			/* @__PURE__ */ J("strong", {
+				className: "game-ui-empty-state-title",
+				children: i
+			}),
+			n ? /* @__PURE__ */ J("p", {
+				className: "game-ui-empty-state-body",
+				children: n
+			}) : null,
+			e ? /* @__PURE__ */ J("div", {
+				className: "game-ui-empty-state-action",
+				children: e
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/feedback/GameLoadingState/GameLoadingState.tsx
+function Q({ label: e, tone: t = "loading" }) {
+	return /* @__PURE__ */ Y("div", {
+		className: "game-ui-loading-state",
+		"data-loading-tone": t,
+		role: t === "error" ? "alert" : "status",
+		children: [/* @__PURE__ */ J(Z, {
+			icon: t === "error" ? "alert" : "timer",
+			size: "lg"
+		}), /* @__PURE__ */ J("span", { children: e })]
+	});
+}
+//#endregion
+//#region src/feedback/GameProgress/geometry.ts
+function $(e, t, n = 0, r = 4) {
+	let i = Number.isFinite(t) ? Math.min(1, Math.max(0, t)) : 0, a = Number.isFinite(e) ? Math.max(1, e) : 1, o = r, s = o + 10;
+	if (i === 0) return "M0 0Z";
+	if (i === 1) return `M0 0H${a + 2 * o}V${s + o}H0Z`;
+	let c = o + i * a, l = Math.min(1.2, i * a * .3), u = Math.min(1.4, Math.max(-1.4, Number.isFinite(n) ? n : 0)), d = (e) => Math.round(e * 1e3) / 1e3;
+	return `M0 0H${d(c)}V${o}C${d(c - l + u)} ${o + 2} ${d(c - l - u)} ${s - 2} ${d(c)} ${s}V${s + o}H0Z`;
+}
+//#endregion
+//#region src/feedback/GameProgress/controller.ts
+function Ue(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 = () => {
+		f !== void 0 && cancelAnimationFrame(f), f = void 0;
+	}, y = () => {
+		v(), l = u, _(), e.dataset.progressMotion = "static";
+	}, x = () => {
+		let n = Number.parseFloat(getComputedStyle(i).width) || i.clientWidth;
+		if (!n || n === c) return;
+		c = n, e.setAttribute("viewBox", `0 0 ${c + 8} 18`);
+		let r = b(g(c, 10, 5), 1, 0, t, 4);
+		h(a, r), h(o, r), e.dataset.progressReady = "true", _(), f === void 0 && (e.dataset.progressMotion = "static");
+	}, S = (t) => {
+		if (f = void 0, m) return;
+		if (document.hidden || !e.isConnected) {
+			y();
+			return;
+		}
+		let n = Math.min(1, Math.max(0, (t - p) / 600));
+		l = d + (u - d) * (1 - (1 - n) ** 3), _(Math.sin(n * Math.PI * 6) * (1 - n) * 1.4 * Math.sign(u - d)), n < 1 ? f = requestAnimationFrame(S) : y();
+	}, C = () => {
+		document.hidden && y();
+	};
+	x();
+	let w = new ResizeObserver(x);
+	return w.observe(i), document.addEventListener("visibilitychange", C), {
+		update(t) {
+			let n = Number.isFinite(t) ? Math.min(1, Math.max(0, t)) : 0;
+			if (n !== u) {
+				if (v(), d = l, u = n, !r || document.hidden) {
+					y();
+					return;
+				}
+				e.dataset.progressMotion = "moving", p = performance.now(), f = requestAnimationFrame(S);
+			}
+		},
+		dispose() {
+			m = !0, v(), w.disconnect(), document.removeEventListener("visibilitychange", C);
+		}
+	};
+}
+//#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(() => {
+		if (!p.current) return;
+		let e = Ue(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]);
+	let y = b(g(100, 10, 5), 1, 0, m(d), 4);
+	return /* @__PURE__ */ Y("div", {
+		className: ["game-ui-progress", a].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ J("div", {
+			role: "progressbar",
+			"aria-label": n,
+			"aria-valuemin": 0,
+			"aria-valuemax": o,
+			"aria-valuenow": s,
+			"aria-valuetext": i || void 0,
+			className: "game-ui-progress-track",
+			children: /* @__PURE__ */ Y("svg", {
+				ref: p,
+				viewBox: "0 0 108 18",
+				preserveAspectRatio: "none",
+				"aria-hidden": "true",
+				focusable: "false",
+				children: [
+					/* @__PURE__ */ Y("defs", { children: [/* @__PURE__ */ J("clipPath", {
+						id: `${d}-clip`,
+						children: /* @__PURE__ */ J("path", {
+							"data-progress-clip": "",
+							d: y
+						})
+					}), /* @__PURE__ */ Y("linearGradient", {
+						id: `${d}-fill`,
+						children: [/* @__PURE__ */ J("stop", {
+							offset: "0%",
+							style: { stopColor: "var(--game-ui-cta-from)" }
+						}), /* @__PURE__ */ J("stop", {
+							offset: "100%",
+							style: { stopColor: "var(--game-ui-cta-to)" }
+						})]
+					})] }),
+					/* @__PURE__ */ J("path", {
+						"data-progress-track": "",
+						d: y
+					}),
+					/* @__PURE__ */ J("path", {
+						"data-progress-front": "",
+						d: $(100, _),
+						clipPath: `url(#${d}-clip)`,
+						fill: `url(#${d}-fill)`
+					})
+				]
+			})
+		}), i || r ? /* @__PURE__ */ J("span", {
+			className: "game-ui-progress-value",
+			children: i || `${Math.round(u)}%`
+		}) : null]
+	});
+}
+//#endregion
+//#region src/feedback/GameToast/GameToast.tsx
+function Ge({ children: e, tone: t = "info" }) {
+	return /* @__PURE__ */ Y("div", {
+		className: "game-ui-toast",
+		"data-toast-tone": t,
+		"data-game-ui-paint": "",
+		"data-game-ui-meaning": t === "success" ? "true" : void 0,
+		"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]
+	});
+}
+//#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", {
+		className: "game-ui-tooltip",
+		children: [De(e) ? Ee(e, { "aria-describedby": [e.props["aria-describedby"], i].filter(Boolean).join(" ") }) : e, /* @__PURE__ */ Y("span", {
+			id: i,
+			role: "tooltip",
+			"data-game-ui-paint": "",
+			"data-tooltip-align": n,
+			"data-tooltip-placement": r,
+			children: [/* @__PURE__ */ J(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", {
+		"aria-labelledby": r,
+		"aria-modal": "true",
+		className: ["game-ui-dialog", t].filter(Boolean).join(" "),
+		role: "dialog",
+		children: [/* @__PURE__ */ J("h2", {
+			id: r,
+			children: n
+		}), /* @__PURE__ */ J("div", {
+			className: "game-ui-dialog-body",
+			children: e
+		})]
+	});
+}
+//#endregion
+//#region src/containers/GameHistoryPanel/GameHistoryPanel.tsx
+function Je({ entries: e, label: t }) {
+	return /* @__PURE__ */ J("section", {
+		"aria-label": t,
+		className: "game-ui-history",
+		children: e.map((e) => /* @__PURE__ */ Y("article", {
+			className: "game-ui-history-entry",
+			"data-entry-kind": e.kind,
+			children: [/* @__PURE__ */ Y("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 })]
+		}, e.id))
+	});
+}
+//#endregion
+//#region src/containers/GameHudActions/GameHudActions.tsx
+function Ye({ children: e, className: t, label: n, ...r }) {
+	return /* @__PURE__ */ J("nav", {
+		"aria-label": n,
+		className: ["game-ui-hud-actions", t].filter(Boolean).join(" "),
+		"data-safe-area": "hud-actions",
+		...r,
+		children: e
+	});
+}
+//#endregion
+//#region src/containers/GamePanel/GamePanel.tsx
+function Xe({ children: e, className: t, title: n, tone: r = "default", ...i }) {
+	let a = ["game-ui-panel", t].filter(Boolean).join(" ");
+	return /* @__PURE__ */ Y("section", {
+		...i,
+		className: a,
+		"data-panel-tone": r,
+		children: [n ? /* @__PURE__ */ J("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", {
+		"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", {
+			className: "swimmer-first-session-onboarding-card",
+			children: [
+				/* @__PURE__ */ J(Z, {
+					icon: "trophy",
+					size: "lg"
+				}),
+				/* @__PURE__ */ J(_, {
+					tone: "warning",
+					children: e.badge
+				}),
+				/* @__PURE__ */ J("h2", {
+					id: "swimmer-first-session-onboarding-title",
+					children: e.title
+				}),
+				/* @__PURE__ */ J("p", { children: e.body }),
+				/* @__PURE__ */ J("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 })
+					] }, e.title))
+				}),
+				/* @__PURE__ */ Y("div", {
+					className: "swimmer-first-session-onboarding-actions",
+					children: [/* @__PURE__ */ J(h, {
+						onClick: t,
+						variant: "primary",
+						children: e.start
+					}), /* @__PURE__ */ J(h, {
+						onClick: t,
+						variant: "ghost",
+						children: e.skip
+					})]
+				})
+			]
+		})]
+	}) : null;
+}
+//#endregion
+//#region src/game/GameRadialMenu/GameRadialMenu.tsx
+function Qe({ items: e, label: t, onSelect: n }) {
+	return /* @__PURE__ */ J("div", {
+		"aria-label": t,
+		className: "game-ui-radial-menu",
+		role: "group",
+		style: { "--radial-count": e.length },
+		children: e.map((e, t) => /* @__PURE__ */ Y("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]
+		}, 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", {
+		"aria-pressed": i,
+		className: ["game-ui-stage-tile", t].filter(Boolean).join(" "),
+		"data-stage-tone": s,
+		type: c,
+		...l,
+		"data-game-ui-paint": "",
+		children: [
+			/* @__PURE__ */ J(y, {}),
+			n ? /* @__PURE__ */ J(Z, {
+				icon: n,
+				size: "lg"
+			}) : null,
+			/* @__PURE__ */ Y("span", {
+				className: "game-ui-stage-tile-copy",
+				children: [
+					/* @__PURE__ */ J("small", { children: r }),
+					/* @__PURE__ */ J("strong", { children: o }),
+					/* @__PURE__ */ J("span", { children: a })
+				]
+			}),
+			e ? /* @__PURE__ */ J(_, {
+				tone: i ? "success" : "neutral",
+				children: e
+			}) : null,
+			/* @__PURE__ */ J(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 };