@pieai/swimmer-ui-kit 3.0.0 → 3.1.0

package/dist/liquid-presence.js

@@ -1,20 +1,21 @@
 "use client";
-import { a as e, h as t, l as n, n as r, p as i, t as a, v as o, x as s, y as c } from "./reducedMotion-B8kv-v64.js";
-import { useCallback as l, useEffect as u, useId as d, useLayoutEffect as f, useRef as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { createPortal as v } from "react-dom";
-import { FloatingPortal as y, autoUpdate as b, computePosition as x, flip as S, hide as C, offset as w, shift as T, size as E } from "@floating-ui/react";
+import { C as e, a as t, b as n, g as r, m as i, o as a, p as o, v as s, x as c } from "./LiquidGroup-RTK_Uvgw.js";
+import { i as l, n as u, o as d, r as f, s as p, t as m } from "./GameAvatar-CRJ1r8l5.js";
+import { useCallback as h, useEffect as g, useId as _, useLayoutEffect as v, useRef as y, useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { createPortal as w } from "react-dom";
+import { FloatingPortal as T, autoUpdate as E, computePosition as D, flip as O, hide as k, offset as A, shift as ee, size as te } from "@floating-ui/react";
 //#region src/liquid/material/light.ts
-var D = "var(--liquid-presence-from, var(--game-ui-cta-from))", O = "var(--liquid-presence-to, var(--game-ui-cta-to))", k = [
-	[0, `color-mix(in srgb, ${D}, white 30%)`],
-	[.16, `color-mix(in srgb, ${D}, white 15%)`],
-	[.5, `color-mix(in srgb, ${D}, ${O})`],
-	[1, `color-mix(in srgb, ${O}, black 5%)`]
+var j = "var(--liquid-presence-from, var(--game-ui-cta-from))", M = "var(--liquid-presence-to, var(--game-ui-cta-to))", ne = [
+	[0, `color-mix(in srgb, ${j}, white 30%)`],
+	[.16, `color-mix(in srgb, ${j}, white 15%)`],
+	[.5, `color-mix(in srgb, ${j}, ${M})`],
+	[1, `color-mix(in srgb, ${M}, black 5%)`]
 ];
-function A(e, t, n) {
+function N(e, t, n) {
 	return Number.isFinite(e) ? Math.max(t, Math.min(n, e)) : t;
 }
-function j(e) {
+function P(e) {
 	return !!(e && [
 		e.x,
 		e.y,
@@ -22,23 +23,23 @@ function j(e) {
 		e.height
 	].every(Number.isFinite) && e.width > 0 && e.height > 0);
 }
-function ee(e, t) {
-	return j(e) && e.x + e.width > t.x && e.y + e.height > t.y && e.x < t.x + t.width && e.y < t.y + t.height;
+function re(e, t) {
+	return P(e) && e.x + e.width > t.x && e.y + e.height > t.y && e.x < t.x + t.width && e.y < t.y + t.height;
 }
-function te(e) {
+function ie(e) {
 	return {
 		x: e.x + e.width / 2,
 		y: e.y + e.height / 2
 	};
 }
-function M(e, t) {
+function F(e, t) {
 	let n = Math.hypot(t.x - e.x, t.y - e.y) || 1;
 	return {
 		x: (t.x - e.x) / n,
 		y: (t.y - e.y) / n
 	};
 }
-function ne(e, t) {
+function ae(e, t) {
 	let n = Math.max(e.x, t.x), r = Math.max(e.y, t.y);
 	return {
 		x: n,
@@ -47,19 +48,19 @@ function ne(e, t) {
 		height: Math.max(0, Math.min(e.y + e.height, t.y + t.height) - r)
 	};
 }
-function re(e, t) {
-	let n = e.y + e.height + 88 < t.y + t.height, r = n ? "bottom" : "top", i = Math.max(t.x + 18, e.x), a = Math.min(t.x + t.width - 18, e.x + e.width), o = A(Math.max(0, a - i) * .58, 36, 84);
+function oe(e, t) {
+	let n = e.y + e.height + 88 < t.y + t.height, r = n ? "bottom" : "top", i = Math.max(t.x + 18, e.x), a = Math.min(t.x + t.width - 18, e.x + e.width), o = N(Math.max(0, a - i) * .58, 36, 84);
 	return {
-		x: A((i + a) / 2, t.x + o / 2 + 8, t.x + t.width - o / 2 - 8),
-		y: A(n ? e.y + e.height + 10 : e.y - 10, t.y + 18, t.y + t.height - 18),
+		x: N((i + a) / 2, t.x + o / 2 + 8, t.x + t.width - o / 2 - 8),
+		y: N(n ? e.y + e.height + 10 : e.y - 10, t.y + 18, t.y + t.height - 18),
 		side: r,
 		width: o
 	};
 }
-function N(e, t, n, r) {
-	let i = A(n, 0, 1), a = M(e, t), o = Math.min(86, Math.hypot(t.x - e.x, t.y - e.y) * .2), s = {
-		x: A((e.x + t.x) / 2 + a.y * o, r.x + 16, r.x + r.width - 16),
-		y: A((e.y + t.y) / 2 - a.x * o, r.y + 16, r.y + r.height - 16)
+function I(e, t, n, r) {
+	let i = N(n, 0, 1), a = F(e, t), o = Math.min(86, Math.hypot(t.x - e.x, t.y - e.y) * .2), s = {
+		x: N((e.x + t.x) / 2 + a.y * o, r.x + 16, r.x + r.width - 16),
+		y: N((e.y + t.y) / 2 - a.x * o, r.y + 16, r.y + r.height - 16)
 	}, c = 2 * (1 - i) * (s.x - e.x) + 2 * i * (t.x - s.x), l = 2 * (1 - i) * (s.y - e.y) + 2 * i * (t.y - s.y);
 	return {
 		x: (1 - i) ** 2 * e.x + 2 * (1 - i) * i * s.x + i ** 2 * t.x,
@@ -67,51 +68,51 @@ function N(e, t, n, r) {
 		angle: Math.atan2(l, c) * 180 / Math.PI
 	};
 }
-function P(t = 0, n = 0, r = 0, i = 1, a = 0) {
-	let o = A(a, 0, 1), s = 66 * Math.sqrt(1 - .075 * A(r, 0, 1)) - o * 2.4;
-	return e(80 - s, 80 - s, s * 2, s * 2, [
+function L(e = 0, t = 0, n = 0, r = 1, i = 0) {
+	let a = N(i, 0, 1), s = 66 * Math.sqrt(1 - .075 * N(n, 0, 1)) - a * 2.4;
+	return o(80 - s, 80 - s, s * 2, s * 2, [
 		s,
 		s,
 		s,
 		s
 	], {
-		amplitude: (3.5 + o * 9 + A(n, 0, 1) * 9) * A(i, .15, 1.25),
+		amplitude: (3.5 + a * 9 + N(t, 0, 1) * 9) * N(r, .15, 1.25),
 		lobes: 3,
 		seed: 17,
-		phase: t
+		phase: e
 	});
 }
-function F(t, n, r = 20) {
-	let i = A(n, 0, 1), a = A(r, 6, 48), o = a + (t - a) * i, s = a + (8 - a) * i;
-	return e(-o / 2, -s / 2, o, s, [
+function R(e, t, n = 20) {
+	let r = N(t, 0, 1), i = N(n, 6, 48), a = i + (e - i) * r, s = i + (8 - i) * r;
+	return o(-a / 2, -s / 2, a, s, [
 		s / 2,
 		s / 2,
 		s / 2,
 		s / 2
 	], {
 		amplitude: 2.2,
-		phase: i * Math.PI,
+		phase: r * Math.PI,
 		seed: 17,
 		lobes: 3
 	});
 }
 //#endregion
 //#region src/presence/LiquidReveal/geometry.ts
-function I(t, r, i, a = 0, o = 1) {
-	let s = Math.max(44, t), c = Math.max(44, r), l = Math.min(28, (s - 12) / 2, (c - 12) / 2), u = e(6, 6, s - 12, c - 12, [
+function z(e, t, n, r = 0, a = 1) {
+	let s = Math.max(44, e), c = Math.max(44, t), l = Math.min(28, (s - 12) / 2, (c - 12) / 2), u = o(6, 6, s - 12, c - 12, [
 		l,
 		l,
 		l,
 		l
 	], {
-		amplitude: (i ? 8 : 11) * Math.min(1.25, Math.max(.25, Number.isFinite(o) ? o : 1)),
+		amplitude: (n ? 8 : 11) * Math.min(1.25, Math.max(.25, Number.isFinite(a) ? a : 1)),
 		lobes: 3,
 		seed: 17,
-		phase: a
+		phase: r
 	}), d = Math.max(0, l - 2.5);
 	return {
 		outline: u,
-		ribbon: `${u} ${n(8.5, 8.5, s - 17, c - 17, [
+		ribbon: `${u} ${i(8.5, 8.5, s - 17, c - 17, [
 			d,
 			d,
 			d,
@@ -121,93 +122,93 @@ function I(t, r, i, a = 0, o = 1) {
 }
 //#endregion
 //#region src/liquid/ambientClock.ts
-var L = /* @__PURE__ */ new Map(), R, z, B = !1;
-function V() {
-	if (B || z !== void 0 || (clearTimeout(R), R = void 0, !L.size)) return;
-	let e = Math.min(...[...L.values()].map((e) => e.at));
-	R = setTimeout(() => {
-		R = void 0, z = requestAnimationFrame((e) => {
-			z = void 0, B = !0;
+var B = /* @__PURE__ */ new Map(), V, H, U = !1;
+function W() {
+	if (U || H !== void 0 || (clearTimeout(V), V = void 0, !B.size)) return;
+	let e = Math.min(...[...B.values()].map((e) => e.at));
+	V = setTimeout(() => {
+		V = void 0, H = requestAnimationFrame((e) => {
+			H = void 0, U = !0;
 			try {
-				for (let [t, n] of [...L]) n.at > e + 1 || !L.has(t) || (L.delete(t), n.paint(e));
+				for (let [t, n] of [...B]) n.at > e + 1 || !B.has(t) || (B.delete(t), n.paint(e));
 			} finally {
-				B = !1, V();
+				U = !1, W();
 			}
 		});
 	}, Math.max(0, e - performance.now()));
 }
-function ie(e, t = 1e3 / 12) {
+function se(e, t = 1e3 / 12) {
 	let n = Symbol();
-	return L.set(n, {
+	return B.set(n, {
 		at: performance.now() + t,
 		paint: e
-	}), V(), () => {
-		L.delete(n), !L.size && z !== void 0 && (cancelAnimationFrame(z), z = void 0), V();
+	}), W(), () => {
+		B.delete(n), !B.size && H !== void 0 && (cancelAnimationFrame(H), H = void 0), W();
 	};
 }
 //#endregion
 //#region src/presence/LiquidReveal/useAmbient.ts
-function H(e, t, n, r, i, a = 1, l = 1) {
-	let d = p(0);
-	return u(() => {
-		let u = e.current;
-		if (!u || !t || !n || !r) {
-			u && (u.dataset.revealAmbient = "static");
+function G(t, r, i, a, o, s = 1, l = 1) {
+	let u = y(0);
+	return g(() => {
+		let d = t.current;
+		if (!d || !r || !i || !a) {
+			d && (d.dataset.revealAmbient = "static");
 			return;
 		}
-		let f = !0, p = !0, m = performance.now(), h = () => {}, g = u.querySelector("[data-reveal-outline]"), _ = u.querySelector("[data-reveal-body]"), v = u.querySelector("[data-reveal-ribbon]"), y = (n + 24) * (r + 24), b = (e) => {
+		let f = !0, p = !0, m = performance.now(), h = () => {}, g = d.querySelector("[data-reveal-outline]"), _ = d.querySelector("[data-reveal-body]"), v = d.querySelector("[data-reveal-ribbon]"), y = (i + 24) * (a + 24), b = (t) => {
 			if (!f || !p || document.hidden) return;
-			let t = Math.min(160, Math.max(0, e - m));
-			m = e;
-			let x = document.querySelector("dialog:modal"), S = x && !x.contains(u) || ["drawing", "preparing"].includes(u.dataset.revealMotion ?? ""), C = o();
-			if (S || C.activeGroups > 0 || !s(y)) {
-				u.dataset.revealAmbient = "paused", h = ie(b, 250);
+			let r = Math.min(160, Math.max(0, t - m));
+			m = t;
+			let x = document.querySelector("dialog:modal"), S = x && !x.contains(d) || ["drawing", "preparing"].includes(d.dataset.revealMotion ?? ""), C = n();
+			if (S || C.activeGroups > 0 || !e(y)) {
+				d.dataset.revealAmbient = "paused", h = se(b, 250);
 				return;
 			}
 			try {
-				d.current += t * Math.PI * 2 * l / 1e4;
-				let e = I(n, r, i, d.current, a);
-				g?.setAttribute("d", e.outline), _?.setAttribute("d", e.outline), v?.setAttribute("d", e.ribbon), u.dataset.revealAmbient = "flowing";
+				u.current += r * Math.PI * 2 * l / 1e4;
+				let e = z(i, a, o, u.current, s);
+				g?.setAttribute("d", e.outline), _?.setAttribute("d", e.outline), v?.setAttribute("d", e.ribbon), d.dataset.revealAmbient = "flowing";
 			} finally {
 				c();
 			}
-			h = ie(b);
+			h = se(b);
 		}, x = () => {
-			h(), m = performance.now(), u.dataset.revealAmbient = "paused", p && !document.hidden && (h = ie(b));
+			h(), m = performance.now(), d.dataset.revealAmbient = "paused", p && !document.hidden && (h = se(b));
 		}, S = typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
 			p = e[0]?.isIntersecting ?? !1, x();
 		});
-		return S?.observe(u), document.addEventListener("visibilitychange", x), x(), () => {
-			f = !1, h(), S?.disconnect(), document.removeEventListener("visibilitychange", x), u.dataset.revealAmbient = "static";
+		return S?.observe(d), document.addEventListener("visibilitychange", x), x(), () => {
+			f = !1, h(), S?.disconnect(), document.removeEventListener("visibilitychange", x), d.dataset.revealAmbient = "static";
 		};
 	}, [
-		e,
 		t,
-		n,
 		r,
 		i,
 		a,
+		o,
+		s,
 		l
-	]), d;
+	]), u;
 }
 //#endregion
 //#region src/presence/LiquidReveal/entranceGeometry.ts
-var U = (e) => {
+var K = (e) => {
 	let t = Math.min(1, Math.max(0, e));
 	return t * t * t * (10 + t * (-15 + 6 * t));
 };
-function W(t, n, r, i, a, o, s = 1) {
-	let c = I(t, n, r, 0, s).outline;
+function ce(e, t, n, r, i, a, s = 1) {
+	let c = z(e, t, n, 0, s).outline;
 	return Array.from({ length: 49 }, (l, u) => {
-		let d = u / 48, f = U((d - .08) / .34), p = N(i, a, f, o), m = U((d - .39) / .46), h = U((d - .47) / .46), g = U((d - .3) / .14) * (1 - m), _ = 8 + 20 * U(d / .15) + 10 * g, v = 1 + Math.sin(f * Math.PI) * .35, y = a.x - i.x, b = a.y - i.y, x = Math.abs(y) > Math.abs(b), S = _ * (x ? v : 1 / Math.sqrt(v)), C = _ * (x ? 1 / Math.sqrt(v) : v), w = S + (t - 12 - S) * m, T = C + (n - 12 - C) * h, E = (p.x - S / 2) * (1 - m) + 6 * m, D = (p.y - C / 2) * (1 - h) + 6 * h, O = Math.min(w / 2, T / 2, 28 + 12 * (1 - h));
+		let d = u / 48, f = K((d - .08) / .34), p = I(r, i, f, a), m = K((d - .39) / .46), h = K((d - .47) / .46), g = K((d - .3) / .14) * (1 - m), _ = 8 + 20 * K(d / .15) + 10 * g, v = 1 + Math.sin(f * Math.PI) * .35, y = i.x - r.x, b = i.y - r.y, x = Math.abs(y) > Math.abs(b), S = _ * (x ? v : 1 / Math.sqrt(v)), C = _ * (x ? 1 / Math.sqrt(v) : v), w = S + (e - 12 - S) * m, T = C + (t - 12 - C) * h, E = (p.x - S / 2) * (1 - m) + 6 * m, D = (p.y - C / 2) * (1 - h) + 6 * h, O = Math.min(w / 2, T / 2, 28 + 12 * (1 - h));
 		return {
-			d: `path("${d >= .95 ? c : e(E, D, w, T, [
+			d: `path("${d >= .95 ? c : o(E, D, w, T, [
 				O,
 				O,
 				O,
 				O
 			], {
-				amplitude: 1.2 + ((r ? 8 : 11) * s - 1.2) * h,
+				amplitude: 1.2 + ((n ? 8 : 11) * s - 1.2) * h,
 				seed: 17,
 				lobes: 3,
 				phase: 0
@@ -218,16 +219,16 @@ function W(t, n, r, i, a, o, s = 1) {
 }
 //#endregion
 //#region src/presence/LiquidReveal/useEntrance.ts
-function G(e, t, n, r, i, a, o, l, u = 1) {
-	let d = p(null);
-	f(() => {
-		let f = e.current;
+function le(t, n, r, i, a, o, s, l, u = 1) {
+	let d = y(null);
+	v(() => {
+		let f = t.current;
 		if (!f) return;
-		if (!t || a || f.contains(document.activeElement) || window.matchMedia("(forced-colors: active)").matches) {
-			d.current = n, f.dataset.revealMotion = "static";
+		if (!n || o || f.contains(document.activeElement) || window.matchMedia("(forced-colors: active)").matches) {
+			d.current = r, f.dataset.revealMotion = "static";
 			return;
 		}
-		if (d.current === n || (f.dataset.revealMotion = "preparing", !r || !i)) return;
+		if (d.current === r || (f.dataset.revealMotion = "preparing", !i || !a)) return;
 		let p = !0, m = !1, h = !1, g = 0, _ = 0, v = [], y = () => {
 			v.forEach((e) => e.cancel()), v.length = 0, m && c(), m = !1, f.dataset.revealMotion = h ? "settled" : "static";
 		}, b = () => {
@@ -240,26 +241,26 @@ function G(e, t, n, r, i, a, o, l, u = 1) {
 				y();
 				return;
 			}
-			let e = t.current?.getBoundingClientRect(), a = f.getBoundingClientRect(), c = f.querySelector("[data-reveal-body]"), x = f.querySelector("[data-reveal-material]"), S = f.querySelector(".game-ui-liquid-reveal-content");
-			if (d.current = n, f.contains(document.activeElement) || !e || !j(e) || document.hidden || typeof f.animate != "function" || !s((r + 24) * (i + 24))) {
+			let t = n.current?.getBoundingClientRect(), o = f.getBoundingClientRect(), c = f.querySelector("[data-reveal-body]"), x = f.querySelector("[data-reveal-material]"), S = f.querySelector(".game-ui-liquid-reveal-content");
+			if (d.current = r, f.contains(document.activeElement) || !t || !P(t) || document.hidden || typeof f.animate != "function" || !e((i + 24) * (a + 24))) {
 				y();
 				return;
 			}
 			m = !0, h = !0, f.dataset.revealMotion = "drawing";
-			let C = a.width / r || 1, w = a.height / i || 1, T = {
-				x: (e.x + e.width / 2 - a.x) / C,
-				y: (e.y + e.height / 2 - a.y) / w
+			let C = o.width / i || 1, w = o.height / a || 1, T = {
+				x: (t.x + t.width / 2 - o.x) / C,
+				y: (t.y + t.height / 2 - o.y) / w
 			}, E = {
-				x: Math.min(r - 28, Math.max(28, T.x)),
-				y: T.y > i / 2 ? i - 28 : 28
+				x: Math.min(i - 28, Math.max(28, T.x)),
+				y: T.y > a / 2 ? a - 28 : 28
 			}, D = {
-				x: -a.x / C,
-				y: -a.y / w,
+				x: -o.x / C,
+				y: -o.y / w,
 				width: innerWidth / C,
 				height: innerHeight / w
 			};
-			if (o && c && CSS.supports("d", "path(\"M0 0L1 1Z\")")) {
-				let e = W(r, i, l, T, E, D, u);
+			if (s && c && CSS.supports("d", "path(\"M0 0L1 1Z\")")) {
+				let e = ce(i, a, l, T, E, D, u);
 				v.push(c.animate(e, {
 					duration: 720,
 					fill: "both",
@@ -290,7 +291,7 @@ function G(e, t, n, r, i, a, o, l, u = 1) {
 					fill: "both"
 				}));
 			} else x && v.push(x.animate([{ opacity: .2 }, { opacity: 1 }], { duration: 180 }));
-			let O = t.current?.querySelector(".game-ui-liquid-presence > svg");
+			let O = n.current?.querySelector(".game-ui-liquid-presence > svg");
 			O && v.push(O.animate([
 				{ transform: "scale(1)" },
 				{
@@ -317,25 +318,25 @@ function G(e, t, n, r, i, a, o, l, u = 1) {
 			p = !1, x(), f.removeEventListener("focusin", x), f.removeEventListener("pointerdown", x, !0), document.removeEventListener("visibilitychange", S), window.removeEventListener("resize", x), window.removeEventListener("scroll", x, !0);
 		};
 	}, [
-		e,
 		t,
 		n,
 		r,
 		i,
 		a,
 		o,
+		s,
 		l,
 		u
 	]);
 }
 //#endregion
 //#region src/presence/LiquidReveal/LiquidReveal.tsx
-function K({ children: e, source: n, revealKey: r = "initial", variant: s = "content", reducedMotion: c, idleMotion: l = "still", colorFrom: u, colorTo: h, motionIntensity: v = 1, motionSpeed: y = 1, className: b = "" }) {
-	let x = a() || c === !0, S = A(v, .25, 1.25), C = A(y, .5, 1.5), w = p(null), [T, E] = m({
+function q({ children: e, source: i, revealKey: a = "initial", variant: o = "content", reducedMotion: c, idleMotion: l = "still", colorFrom: u, colorTo: d, motionIntensity: f = 1, motionSpeed: p = 1, className: m = "" }) {
+	let h = t() || c === !0, g = N(f, .25, 1.25), x = N(p, .5, 1.5), w = y(null), [T, E] = b({
 		width: 0,
 		height: 0
-	}), D = `liquid-reveal-${d().replace(/[^a-zA-Z0-9_-]/g, "")}`;
-	f(() => {
+	}), D = `liquid-reveal-${_().replace(/[^a-zA-Z0-9_-]/g, "")}`;
+	v(() => {
 		let e = w.current;
 		if (!e) return;
 		let t = () => {
@@ -348,67 +349,67 @@ function K({ children: e, source: n, revealKey: r = "initial", variant: s = "con
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, []), G(w, n, r, T.width, T.height, x, !0, s === "input", S);
-	let O = Math.max(44, T.width), j = Math.max(44, T.height), ee = H(w, !x && l === "breathe", T.width, T.height, s === "input", S, C), te = I(O, j, s === "input", ee.current, S), M = (O + 24) * (j + 24) <= o().maxFilterArea;
-	return /* @__PURE__ */ _("div", {
+	}, []), le(w, i, a, T.width, T.height, h, !0, o === "input", g);
+	let O = Math.max(44, T.width), k = Math.max(44, T.height), A = G(w, !h && l === "breathe", T.width, T.height, o === "input", g, x), ee = z(O, k, o === "input", A.current, g), te = (O + 24) * (k + 24) <= n().maxFilterArea;
+	return /* @__PURE__ */ C("div", {
 		ref: w,
-		className: `game-ui-liquid-reveal ${b}`,
+		className: `game-ui-liquid-reveal ${m}`,
 		style: {
 			...u ? { "--liquid-presence-from": u } : {},
-			...h ? { "--liquid-presence-to": h } : {}
+			...d ? { "--liquid-presence-to": d } : {}
 		},
-		"data-reveal-variant": s,
+		"data-reveal-variant": o,
 		"data-reveal-surface": "material",
-		"data-reveal-filter": M ? "volume" : "flat",
-		children: [/* @__PURE__ */ g("div", {
+		"data-reveal-filter": te ? "volume" : "flat",
+		children: [/* @__PURE__ */ S("div", {
 			className: "game-ui-liquid-reveal-content",
 			children: e
-		}), T.width > 0 && /* @__PURE__ */ _("svg", {
+		}), T.width > 0 && /* @__PURE__ */ C("svg", {
 			className: "game-ui-liquid-reveal-ink",
 			width: O,
-			height: j,
-			viewBox: `0 0 ${O} ${j}`,
+			height: k,
+			viewBox: `0 0 ${O} ${k}`,
 			"aria-hidden": "true",
 			focusable: "false",
 			children: [
-				/* @__PURE__ */ _("defs", { children: [/* @__PURE__ */ g("linearGradient", {
+				/* @__PURE__ */ C("defs", { children: [/* @__PURE__ */ S("linearGradient", {
 					id: `${D}-fill`,
 					x1: "0",
 					y1: "0",
 					x2: "0",
 					y2: "1",
-					children: k.map(([e, t]) => /* @__PURE__ */ g("stop", {
+					children: ne.map(([e, t]) => /* @__PURE__ */ S("stop", {
 						offset: e,
 						style: { stopColor: t }
 					}, e))
-				}), /* @__PURE__ */ g("filter", {
+				}), /* @__PURE__ */ S("filter", {
 					id: `${D}-finish`,
 					x: "-12",
 					y: "-12",
 					width: O + 24,
-					height: j + 24,
+					height: k + 24,
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
-					children: /* @__PURE__ */ g(i, {
-						blur: t.blur,
-						contrast: t.contrast,
-						gloss: t.gloss,
+					children: /* @__PURE__ */ S(r, {
+						blur: s.blur,
+						contrast: s.contrast,
+						gloss: s.gloss,
 						shadows: [],
 						stroke: null,
 						waviness: 0
 					})
 				})] }),
-				/* @__PURE__ */ g("path", {
+				/* @__PURE__ */ S("path", {
 					"data-reveal-body": "",
-					d: te.outline,
+					d: ee.outline,
 					fill: `url(#${D}-fill)`
 				}),
-				/* @__PURE__ */ g("g", {
+				/* @__PURE__ */ S("g", {
 					"data-reveal-material": "",
-					filter: M ? `url(#${D}-finish)` : void 0,
-					children: /* @__PURE__ */ g("path", {
+					filter: te ? `url(#${D}-finish)` : void 0,
+					children: /* @__PURE__ */ S("path", {
 						"data-reveal-outline": "",
-						d: te.outline,
+						d: ee.outline,
 						fill: `url(#${D}-fill)`
 					})
 				})
@@ -418,15 +419,15 @@ function K({ children: e, source: n, revealKey: r = "initial", variant: s = "con
 }
 //#endregion
 //#region src/presence/motion.ts
-var q = r("cubic-bezier(0.45, 0, 0.2, 1)");
-function ae(e) {
+var J = a("cubic-bezier(0.45, 0, 0.2, 1)");
+function ue(e) {
 	let { source: t, destination: n, viewport: r, returning: i = !1, from: a, origin: o } = e, s = o?.seat == null ? 0 : 180;
 	if (s && e.elapsed < s) return {
 		...o,
 		phase: "gather",
-		seat: o.seat * (1 - q(A(e.elapsed / s, 0, 1)))
+		seat: o.seat * (1 - J(N(e.elapsed / s, 0, 1)))
 	};
-	let c = Math.max(0, e.elapsed - s), l = te(t), u = M(l, n), d = Math.atan2(u.y, u.x) * 180 / Math.PI, f = t.width / 160, p = {
+	let c = Math.max(0, e.elapsed - s), l = ie(t), u = F(l, n), d = Math.atan2(u.y, u.x) * 180 / Math.PI, f = t.width / 160, p = {
 		x: l.x + u.x * 112 * f,
 		y: l.y + u.y * 112 * f
 	}, m = {
@@ -441,7 +442,7 @@ function ae(e) {
 	};
 	if (i) {
 		if (o?.bud) {
-			let e = q(A(c / 320, 0, 1)), t = o.bud.x + (80 - o.bud.x) * e, n = o.bud.y + (80 - o.bud.y) * e;
+			let e = J(N(c / 320, 0, 1)), t = o.bud.x + (80 - o.bud.x) * e, n = o.bud.y + (80 - o.bud.y) * e;
 			return {
 				...m,
 				phase: e < 1 ? "merge" : "still",
@@ -457,9 +458,9 @@ function ae(e) {
 				} : null
 			};
 		}
-		let e = A(c / 620, 0, 1);
+		let e = N(c / 620, 0, 1);
 		if (e < 1) {
-			let t = N(a ?? n, p, q(e), r);
+			let t = I(a ?? n, p, J(e), r);
 			return {
 				...m,
 				phase: "return",
@@ -469,11 +470,11 @@ function ae(e) {
 				stretch: 1 + .3 * Math.sin(e * Math.PI)
 			};
 		}
-		let t = A((c - 620) / 420, 0, 1), i = 112 - 78 * q(t);
+		let t = N((c - 620) / 420, 0, 1), i = 112 - 78 * J(t);
 		return {
 			...m,
 			phase: t < 1 ? "merge" : "still",
-			separation: 1 - q(t),
+			separation: 1 - J(t),
 			point: {
 				x: l.x + u.x * i * f,
 				y: l.y + u.y * i * f
@@ -481,13 +482,13 @@ function ae(e) {
 			bud: t < 1 ? {
 				x: 80 + u.x * i,
 				y: 80 + u.y * i,
-				radius: 16 * (1 - .65 * q(t))
+				radius: 16 * (1 - .65 * J(t))
 			} : null
 		};
 	}
 	let h = o?.phase === "split" ? o.bud : null, g = h ? o.separation : 0, _ = h ? Math.max(180, 460 * (1 - g)) : a ? 0 : 460;
 	if (c < _) {
-		let e = q(c / _), t = 42 + 70 * e, n = h ? h.x + (80 + u.x * 112 - h.x) * e : 80 + u.x * t, r = h ? h.y + (80 + u.y * 112 - h.y) * e : 80 + u.y * t, i = h?.radius ?? 16 * .55;
+		let e = J(c / _), t = 42 + 70 * e, n = h ? h.x + (80 + u.x * 112 - h.x) * e : 80 + u.x * t, r = h ? h.y + (80 + u.y * 112 - h.y) * e : 80 + u.y * t, i = h?.radius ?? 16 * .55;
 		return {
 			...m,
 			phase: "split",
@@ -503,9 +504,9 @@ function ae(e) {
 			}
 		};
 	}
-	let v = a ?? p, y = 560 + Math.min(260, Math.hypot(n.x - v.x, n.y - v.y) * .26), b = A((c - _) / y, 0, 1);
+	let v = a ?? p, y = 560 + Math.min(260, Math.hypot(n.x - v.x, n.y - v.y) * .26), b = N((c - _) / y, 0, 1);
 	if (b < 1) {
-		let e = N(v, n, q(b), r);
+		let e = I(v, n, J(b), r);
 		return {
 			...m,
 			phase: "flight",
@@ -515,54 +516,54 @@ function ae(e) {
 			stretch: 1 + .35 * Math.sin(b * Math.PI)
 		};
 	}
-	let x = A((c - _ - y) / 380, 0, 1);
+	let x = N((c - _ - y) / 380, 0, 1);
 	return {
 		...m,
 		phase: x < 1 ? "land" : "dock",
 		separation: 1,
 		point: n,
-		seat: q(x)
+		seat: J(x)
 	};
 }
 //#endregion
 //#region src/presence/paint.ts
-function J(e, t) {
+function Y(e, t) {
 	e.toggleAttribute("hidden", !t);
 	let n = e.style, r = t ? "" : "none";
 	n.display !== r && (n.display = r);
 }
-var Y = (e, t, n) => {
+var X = (e, t, n) => {
 	let r = String(n);
 	e.getAttribute(t) !== r && e.setAttribute(t, r);
 };
-function oe(e, t, n) {
+function de(e, t, n) {
 	let r = e.overlay.getBoundingClientRect(), i = r.width / (e.overlay.clientWidth || r.width || 1) || 1, a = r.height / (e.overlay.clientHeight || r.height || 1) || 1;
 	return {
 		x: (t - r.x) / i,
 		y: (n - r.y) / a
 	};
 }
-function se(e, t, n, r, i = 0, a = 1, o = !1, s = 0) {
-	Y(e.source, "data-liquid-phase", t.phase), Y(e.overlay, "data-liquid-phase", t.phase), Y(e.body, "d", P(r, i, t.separation, a, s));
+function fe(e, t, n, r, i = 0, a = 1, o = !1, s = 0) {
+	X(e.source, "data-liquid-phase", t.phase), X(e.overlay, "data-liquid-phase", t.phase), X(e.body, "d", L(r, i, t.separation, a, s));
 	let c = t.bud ? Math.sin(t.separation * Math.PI) * .045 : 0;
-	Y(e.body, "transform", `translate(${((t.bud?.x ?? 80) - 80) * c} ${((t.bud?.y ?? 80) - 80) * c})`), J(e.bud, !!t.bud), t.bud && (Y(e.bud, "cx", t.bud.x), Y(e.bud, "cy", t.bud.y), Y(e.bud, "r", t.bud.radius));
+	X(e.body, "transform", `translate(${((t.bud?.x ?? 80) - 80) * c} ${((t.bud?.y ?? 80) - 80) * c})`), Y(e.bud, !!t.bud), t.bud && (X(e.bud, "cx", t.bud.x), X(e.bud, "cy", t.bud.y), X(e.bud, "r", t.bud.radius));
 	let l = t.phase === "flight" || t.phase === "return";
-	J(e.flight, l);
-	let u = oe(e, t.point.x, t.point.y);
+	Y(e.flight, l);
+	let u = de(e, t.point.x, t.point.y);
 	if (l) {
 		let n = t.diameter / 32;
-		e.flight.style.transform = `translate(${u.x - 48}px, ${u.y - 36}px)`, Y(e.flightBody, "transform", `rotate(${t.angle}) scale(${n * t.stretch} ${n / Math.sqrt(t.stretch)})`), Y(e.trail, "opacity", Math.min(.8, (t.stretch - 1) * 3));
+		e.flight.style.transform = `translate(${u.x - 48}px, ${u.y - 36}px)`, X(e.flightBody, "transform", `rotate(${t.angle}) scale(${n * t.stretch} ${n / Math.sqrt(t.stretch)})`), X(e.trail, "opacity", Math.min(.8, (t.stretch - 1) * 3));
 	}
-	J(e.seat, t.seat !== null), t.seat !== null && (e.seat.style.transform = `translate(${u.x - 56}px, ${u.y - 28}px)`, Y(e.seatBody, "d", F(t.seatWidth ?? n, t.seat, t.diameter))), J(e.label, o || t.phase !== "gather" && t.seat !== null && t.seat > .45);
+	Y(e.seat, t.seat !== null), t.seat !== null && (e.seat.style.transform = `translate(${u.x - 56}px, ${u.y - 28}px)`, X(e.seatBody, "d", R(t.seatWidth ?? n, t.seat, t.diameter))), Y(e.label, o || t.phase !== "gather" && t.seat !== null && t.seat > .45);
 }
-function ce(e, t, n, r) {
+function pe(e, t, n, r) {
 	e.satellites.forEach((e, i) => {
-		if (J(e, n), !n) return;
+		if (Y(e, n), !n) return;
 		let a = t * .7 + i * Math.PI * 2 / 3, o = 63 + Math.max(0, Math.sin(t * 1.6 + i * 2)) * (16 + r * 12);
-		Y(e, "cx", 80 + Math.cos(a) * o), Y(e, "cy", 80 + Math.sin(a) * o), Y(e, "r", 7 + i * 1.5);
+		X(e, "cx", 80 + Math.cos(a) * o), X(e, "cy", 80 + Math.sin(a) * o), X(e, "r", 7 + i * 1.5);
 	});
 }
-function X() {
+function Z() {
 	let e = window.visualViewport;
 	return {
 		x: e?.offsetLeft ?? 0,
@@ -573,23 +574,23 @@ function X() {
 }
 //#endregion
 //#region src/presence/tracking.ts
-function le(e) {
+function me(e) {
 	try {
 		let t = e.contextElement;
 		if (t && t.ownerDocument !== document || t && (!t.isConnected || t.closest("[hidden], [inert]")) || t && getComputedStyle(t).visibility === "hidden") return null;
 		let n = document.querySelector("dialog:modal");
 		if (n && (!t || !n.contains(t))) return null;
 		let r = e.getRect();
-		return j(r) && ee(r, X()) ? r : null;
+		return P(r) && re(r, Z()) ? r : null;
 	} catch {
 		return null;
 	}
 }
-function ue(e, t, n, r) {
+function he(e, t, n, r) {
 	let i = t.contextElement, a = {
 		...i ? { contextElement: i } : {},
 		getBoundingClientRect: () => {
-			let e = le(t) ?? {
+			let e = me(t) ?? {
 				x: 0,
 				y: 0,
 				width: 0,
@@ -626,7 +627,7 @@ function ue(e, t, n, r) {
 		attributeFilter: ["open", "inert"]
 	});
 	let l = () => {}, u = !1, d = /* @__PURE__ */ new Map(), f = (e) => {
-		l(), u = e, l = b(i ?? a, n, r, { animationFrame: !i || e });
+		l(), u = e, l = E(i ?? a, n, r, { animationFrame: !i || e });
 	}, p = (e) => {
 		if (!(e.target instanceof Element) || !o.has(e.target)) return;
 		let t = "propertyName" in e ? String(e.propertyName) : "animationName" in e ? String(e.animationName) : e.type, n = d.get(e.target) ?? /* @__PURE__ */ new Set();
@@ -647,35 +648,35 @@ function ue(e, t, n, r) {
 }
 //#endregion
 //#region src/presence/shared/panelObstacles.ts
-var Z = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Set();
-function de(e, t) {
-	let n = Z.get(e), r = t && j(t) ? {
+var Q = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Set();
+function ge(e, t) {
+	let n = Q.get(e), r = t && P(t) ? {
 		x: t.x,
 		y: t.y,
 		width: t.width,
 		height: t.height
 	} : null;
 	if (!(!n && !r || n && r && n.x === r.x && n.y === r.y && n.width === r.width && n.height === r.height)) {
-		r ? Z.set(e, r) : Z.delete(e);
-		for (let e of [...Q]) try {
+		r ? Q.set(e, r) : Q.delete(e);
+		for (let e of [...$]) try {
 			e();
 		} catch {}
 	}
 }
-function fe(e) {
-	return [...Z].filter(([t]) => t.isConnected && !t.contains(e) && !e.contains(t)).map(([, e]) => e);
+function _e(e) {
+	return [...Q].filter(([t]) => t.isConnected && !t.contains(e) && !e.contains(t)).map(([, e]) => e);
 }
-function pe(e) {
-	return Q.add(e), () => {
-		Q.delete(e);
+function ve(e) {
+	return $.add(e), () => {
+		$.delete(e);
 	};
 }
-function me(e, t, n, r) {
+function ye(e, t, n, r) {
 	let { width: i, height: a } = t;
 	if (!Number.isFinite(i + a) || i <= 0 || a <= 0) return null;
 	let o = n.x + 12, s = n.y + 12, c = n.x + n.width - i - 12, l = n.y + n.height - a - 12;
 	if (c < o || l < s) return null;
-	let u = r.filter(j), d = [
+	let u = r.filter(P), d = [
 		e.x,
 		o,
 		c
@@ -699,66 +700,66 @@ function me(e, t, n, r) {
 }
 //#endregion
 //#region src/presence/LiquidPresence/useMotion.ts
-function $(e, t, n, r) {
-	let i = p(n);
-	i.current = n;
-	let a = !!n.guideContent, l = p(null), d = p(null), f = p(null), m = p(0), h = p(+(n.idleMotion === "breathe")), g = p(() => {});
-	u(() => {
-		let n = e.current, r = t.current;
-		if (!n || !r) return;
-		let a = {
-			source: n,
-			overlay: r,
-			body: n.querySelector("[data-presence-body]"),
-			bud: n.querySelector("[data-presence-bud]"),
-			satellites: [...n.querySelectorAll("[data-presence-satellite]")],
-			flight: r.querySelector(".game-ui-liquid-presence-flight"),
-			flightBody: r.querySelector("[data-presence-flight-body]"),
-			trail: r.querySelector("[data-presence-trail]"),
-			seat: r.querySelector(".game-ui-liquid-presence-seat"),
-			seatBody: r.querySelector("[data-presence-seat-body]"),
-			label: r.querySelector(".game-ui-liquid-presence-label")
-		}, u = i.current.target ?? null;
-		u || (d.current = null), u?.key === d.current && (u = null);
-		let p = l.current, _ = !u && !!(p && p.phase !== "still"), v = p && [
+function be(t, r, i, a) {
+	let o = y(i);
+	o.current = i;
+	let s = !!i.guideContent, l = y(null), u = y(null), d = y(null), f = y(0), p = y(+(i.idleMotion === "breathe")), m = y(() => {});
+	g(() => {
+		let i = t.current, a = r.current;
+		if (!i || !a) return;
+		let s = {
+			source: i,
+			overlay: a,
+			body: i.querySelector("[data-presence-body]"),
+			bud: i.querySelector("[data-presence-bud]"),
+			satellites: [...i.querySelectorAll("[data-presence-satellite]")],
+			flight: a.querySelector(".game-ui-liquid-presence-flight"),
+			flightBody: a.querySelector("[data-presence-flight-body]"),
+			trail: a.querySelector("[data-presence-trail]"),
+			seat: a.querySelector(".game-ui-liquid-presence-seat"),
+			seatBody: a.querySelector("[data-presence-seat-body]"),
+			label: a.querySelector(".game-ui-liquid-presence-label")
+		}, h = o.current.target ?? null;
+		h || (u.current = null), h?.key === u.current && (h = null);
+		let g = l.current, _ = !h && !!(g && g.phase !== "still"), v = g && [
 			"flight",
 			"dock",
 			"land",
 			"gather",
 			"return"
-		].includes(p.phase) ? p.point : void 0, y = p?.point ?? te(n.getBoundingClientRect()), b = p?.seatWidth ?? 48, C = p ?? void 0, D = n.getBoundingClientRect(), O = performance.now(), k = null, j = () => {}, M = !0, N = !1, P = !1, F = !0, I = 0, L = m.current, R = performance.now(), z = 0, B = 0, V = null, H = () => {}, U, W = () => {
-			N && c(), N = !1;
-		}, G = (e) => {
-			if (u) {
-				d.current = u.key, u = null, _ = !!(l.current && l.current.phase !== "still"), C = l.current ?? void 0, v = l.current?.point, y = v ?? y, O = performance.now(), H(), clearTimeout(U), B++, J(a.label, !1);
+		].includes(g.phase) ? g.point : void 0, y = g?.point ?? ie(i.getBoundingClientRect()), b = g?.seatWidth ?? 48, x = g ?? void 0, S = i.getBoundingClientRect(), C = performance.now(), w = null, T = () => {}, E = !0, k = !1, j = !1, M = !0, ne = 0, P = f.current, F = performance.now(), I = 0, L = 0, R = null, z = () => {}, B, V = () => {
+			k && c(), k = !1;
+		}, H = (e) => {
+			if (h) {
+				u.current = h.key, h = null, _ = !!(l.current && l.current.phase !== "still"), x = l.current ?? void 0, v = l.current?.point, y = v ?? y, C = performance.now(), z(), clearTimeout(B), L++, Y(s.label, !1);
 				try {
-					i.current.onDismiss?.(e);
+					o.current.onDismiss?.(e);
 				} catch {}
-				$();
+				J();
 			}
-		}, K = () => {
-			if (!u) return null;
-			let e = a.label.style.pointerEvents;
-			i.current.guideContent && (a.label.style.pointerEvents = "none");
+		}, U = () => {
+			if (!h) return null;
+			let e = s.label.style.pointerEvents;
+			o.current.guideContent && (s.label.style.pointerEvents = "none");
 			try {
-				return le(i.current.target?.key === u.key ? i.current.target : u);
+				return me(o.current.target?.key === h.key ? o.current.target : h);
 			} finally {
-				a.label.style.pointerEvents = e;
+				s.label.style.pointerEvents = e;
 			}
-		}, q = () => {
-			if (!u) return;
-			let e = K();
+		}, W = () => {
+			if (!h) return;
+			let e = U();
 			if (!e) {
-				G("unavailable");
+				H("unavailable");
 				return;
 			}
-			let t = re(e, X()), n = ne(e, X()), r = (e) => A(e === "top" ? n.y - 10 : n.y + n.height + 10, X().y + 18, X().y + X().height - 18);
+			let t = oe(e, Z()), n = ae(e, Z()), r = (e) => N(e === "top" ? n.y - 10 : n.y + n.height + 10, Z().y + 18, Z().y + Z().height - 18);
 			y = {
 				x: t.x,
-				y: r(V ?? t.side)
+				y: r(R ?? t.side)
 			}, b = t.width;
-			let o = {
-				...u.contextElement ? { contextElement: u.contextElement } : {},
+			let i = {
+				...h.contextElement ? { contextElement: h.contextElement } : {},
 				getBoundingClientRect: () => ({
 					...n,
 					top: n.y,
@@ -766,192 +767,192 @@ function $(e, t, n, r) {
 					bottom: n.y + n.height,
 					right: n.x + n.width
 				})
-			}, s = ++B, c = i.current.guideSize === "expanded";
-			c || (a.label.style.maxHeight = ""), i.current.guideContent && !a.label.style.transform && (a.label.style.visibility = "hidden", J(a.label, !0)), x(o, a.label, {
+			}, a = ++L, c = o.current.guideSize === "expanded";
+			c || (s.label.style.maxHeight = ""), o.current.guideContent && !s.label.style.transform && (s.label.style.visibility = "hidden", Y(s.label, !0)), D(i, s.label, {
 				strategy: "absolute",
-				placement: c && X().width >= 900 ? "right" : t.side,
+				placement: c && Z().width >= 900 ? "right" : t.side,
 				middleware: [
-					w(26),
-					S({
+					A(26),
+					O({
 						padding: 16,
-						...c && X().width >= 900 ? { fallbackPlacements: [
+						...c && Z().width >= 900 ? { fallbackPlacements: [
 							"left",
 							"bottom",
 							"top"
 						] } : {}
 					}),
-					T({
+					ee({
 						padding: 16,
 						crossAxis: !c
 					}),
-					...c ? [E({
+					...c ? [te({
 						padding: 16,
 						apply({ availableHeight: e, elements: t }) {
-							let n = `${Math.max(0, Math.min(560, X().height * .65, e))}px`;
+							let n = `${Math.max(0, Math.min(560, Z().height * .65, e))}px`;
 							t.floating.style.maxHeight !== n && (t.floating.style.maxHeight = n);
 						}
 					})] : []
 				]
 			}).then(({ x: e, y: i, placement: o }) => {
-				if (M && s === B) {
-					let s = fe(a.label);
-					if (s.length && a.label.offsetWidth && a.label.offsetHeight) {
-						let t = me({
+				if (E && a === L) {
+					let a = _e(s.label);
+					if (a.length && s.label.offsetWidth && s.label.offsetHeight) {
+						let t = ye({
 							x: e,
 							y: i
 						}, {
-							width: a.label.offsetWidth,
-							height: a.label.offsetHeight
-						}, X(), [...s, n]);
+							width: s.label.offsetWidth,
+							height: s.label.offsetHeight
+						}, Z(), [...a, n]);
 						if (!t) {
-							a.label.style.visibility = "hidden";
+							s.label.style.visibility = "hidden";
 							return;
 						}
 						e = t.x, i = t.y;
 					}
-					a.label.style.transform = `translate(${e}px, ${i}px)`, a.label.style.visibility = "", V = o.startsWith("top") ? "top" : o.startsWith("bottom") ? "bottom" : t.side;
-					let c = r(V);
+					s.label.style.transform = `translate(${e}px, ${i}px)`, s.label.style.visibility = "", R = o.startsWith("top") ? "top" : o.startsWith("bottom") ? "bottom" : t.side;
+					let c = r(R);
 					y.y !== c && (y = {
 						x: t.x,
 						y: c
-					}, $());
+					}, J());
 				}
 			}).catch(() => {});
-		}, Y = () => [
+		}, G = () => [
 			"connecting",
 			"listening",
 			"thinking",
 			"speaking",
 			"working"
-		].includes(i.current.activity ?? "idle"), oe = () => i.current.idleMotion === "breathe" && (i.current.activity ?? "idle") === "idle", Z = () => {
-			if (P = !1, i.current.reducedMotion || i.current.activity === "disabled" || document.hidden || !F || !ee(n.getBoundingClientRect(), X())) return !1;
-			let e = document.querySelector("dialog:modal");
-			if (e && !e.contains(n)) return !1;
-			let t = u?.contextElement?.closest("dialog") ?? null;
-			if (u && n.closest("dialog") !== t) return !1;
-			let r = 13184 + (n.getBoundingClientRect().width * 2) ** 2, a = o();
-			return a.maxAnimatedGroups === 0 || r > a.maxFilterArea ? (W(), !1) : !(u || _ || Y()) && oe() && !N && a.activeGroups > 0 ? (P = !0, !1) : (N ||= s(r), N);
+		].includes(o.current.activity ?? "idle"), K = () => o.current.idleMotion === "breathe" && (o.current.activity ?? "idle") === "idle", ce = () => {
+			if (j = !1, o.current.reducedMotion || o.current.activity === "disabled" || document.hidden || !M || !re(i.getBoundingClientRect(), Z())) return !1;
+			let t = document.querySelector("dialog:modal");
+			if (t && !t.contains(i)) return !1;
+			let r = h?.contextElement?.closest("dialog") ?? null;
+			if (h && i.closest("dialog") !== r) return !1;
+			let a = 13184 + (i.getBoundingClientRect().width * 2) ** 2, s = n();
+			return s.maxAnimatedGroups === 0 || a > s.maxFilterArea ? (V(), !1) : !(h || _ || G()) && K() && !k && s.activeGroups > 0 ? (j = !0, !1) : (k ||= e(a), k);
 		};
-		function Q(e) {
-			if (!M || document.hidden) return;
-			let t = a.source.getBoundingClientRect();
-			if (!a.source.isConnected || a.source.closest("[hidden], [inert]") || t.width <= 0 || t.height <= 0) {
-				_ = !1, l.current = null, G("unavailable"), J(a.label, !1), J(a.flight, !1), J(a.seat, !1), W();
+		function le(e) {
+			if (!E || document.hidden) return;
+			let t = s.source.getBoundingClientRect();
+			if (!s.source.isConnected || s.source.closest("[hidden], [inert]") || t.width <= 0 || t.height <= 0) {
+				_ = !1, l.current = null, H("unavailable"), Y(s.label, !1), Y(s.flight, !1), Y(s.seat, !1), V();
 				return;
 			}
-			if (u && !K()) {
-				G("unavailable");
+			if (h && !U()) {
+				H("unavailable");
 				return;
 			}
-			let n = Z(), r = ae({
-				elapsed: e - O,
-				source: _ ? t : D,
+			let n = ce(), r = ue({
+				elapsed: e - C,
+				source: _ ? t : S,
 				destination: y,
-				viewport: X(),
+				viewport: Z(),
 				returning: _,
 				...v ? { from: v } : {},
-				...C ? { origin: C } : {}
+				...x ? { origin: x } : {}
 			});
-			!u && !_ && (r = {
+			!h && !_ && (r = {
 				...r,
 				phase: "still",
 				separation: 0,
 				bud: null,
 				seat: null
-			}), (!n || u && f.current === u.key) && (r = {
+			}), (!n || h && d.current === h.key) && (r = {
 				...r,
-				phase: u ? "dock" : "still",
+				phase: h ? "dock" : "still",
 				point: y,
 				bud: null,
-				seat: u ? 1 : null,
-				separation: +!!u
-			}), _ && r.phase === "still" && (_ = !1), u && r.phase === "dock" && (f.current = u.key);
-			let o = !["still", "dock"].includes(r.phase), s = i.current.levelRef?.current, c = !o && oe(), d = Math.max(0, Math.min(160, e - R));
-			R = e;
-			let p = typeof s == "number" ? A(s, 0, 1) : 0;
-			z += (p - z) * (1 - Math.exp(-d / (p > z ? 65 : 140)));
-			let g = A(i.current.motionSpeed ?? 1, .5, 1.5), x = A(i.current.motionIntensity ?? 1, .25, 1.25);
-			n && (o || Y() || c) && (L += d * (c ? 84e-5 : .00105) * g), m.current = L, n && (o || Y() || c) && (h.current += (+!!c - h.current) * (1 - Math.exp(-d / 500)));
-			let S = n && Y() && !o ? .14 + z * .75 : o ? .2 : 0, w = a.label.hasAttribute("hidden");
-			se(a, r, b, L, S, x, !!(i.current.guideContent && u), h.current), ce(a, L, n && i.current.splashes !== !1 && i.current.activity === "speaking" && r.phase === "still", z);
-			let T = n && (o || Y()) ? "animated" : n && c ? "ambient" : "static";
-			a.source.dataset.liquidMotion !== T && (a.source.dataset.liquidMotion = T), l.current = {
+				seat: h ? 1 : null,
+				separation: +!!h
+			}), _ && r.phase === "still" && (_ = !1), h && r.phase === "dock" && (d.current = h.key);
+			let i = !["still", "dock"].includes(r.phase), a = o.current.levelRef?.current, c = !i && K(), u = Math.max(0, Math.min(160, e - F));
+			F = e;
+			let m = typeof a == "number" ? N(a, 0, 1) : 0;
+			I += (m - I) * (1 - Math.exp(-u / (m > I ? 65 : 140)));
+			let g = N(o.current.motionSpeed ?? 1, .5, 1.5), D = N(o.current.motionIntensity ?? 1, .25, 1.25);
+			n && (i || G() || c) && (P += u * (c ? 84e-5 : .00105) * g), f.current = P, n && (i || G() || c) && (p.current += (+!!c - p.current) * (1 - Math.exp(-u / 500)));
+			let O = n && G() && !i ? .14 + I * .75 : i ? .2 : 0, k = s.label.hasAttribute("hidden");
+			fe(s, r, b, P, O, D, !!(o.current.guideContent && h), p.current), pe(s, P, n && o.current.splashes !== !1 && o.current.activity === "speaking" && r.phase === "still", I);
+			let A = n && (i || G()) ? "animated" : n && c ? "ambient" : "static";
+			s.source.dataset.liquidMotion !== A && (s.source.dataset.liquidMotion = A), l.current = {
 				...r,
-				seatWidth: r.phase === "gather" ? C?.seatWidth ?? b : b
-			}, u && w && !a.label.hasAttribute("hidden") && q(), n && (o || Y()) ? k = requestAnimationFrame(de) : (W(), c && (n || P) && (j = ie(() => {
-				j = () => {}, M && !document.hidden && F && de(performance.now());
-			}, P ? 250 : 1e3 / 12)));
+				seatWidth: r.phase === "gather" ? x?.seatWidth ?? b : b
+			}, h && k && !s.label.hasAttribute("hidden") && W(), n && (i || G()) ? w = requestAnimationFrame(q) : (V(), c && (n || j) && (T = se(() => {
+				T = () => {}, E && !document.hidden && M && q(performance.now());
+			}, j ? 250 : 1e3 / 12)));
 		}
-		function de(e) {
-			if (k = null, !M || document.hidden) {
-				W();
+		function q(e) {
+			if (w = null, !E || document.hidden) {
+				V();
 				return;
 			}
-			if ((l.current?.phase === "still" || l.current?.phase === "dock") && e - I < 32) {
-				k = requestAnimationFrame(de);
+			if ((l.current?.phase === "still" || l.current?.phase === "dock") && e - ne < 32) {
+				w = requestAnimationFrame(q);
 				return;
 			}
-			I = e, Q(e);
+			ne = e, le(e);
 		}
-		function $() {
-			!M || k !== null || document.hidden || (j(), j = () => {}, Q(performance.now()));
+		function J() {
+			!E || w !== null || document.hidden || (T(), T = () => {}, le(performance.now()));
 		}
-		g.current = $;
-		let he = () => {
-			if (H(), H = () => {}, !u || document.hidden) return;
-			let e = ue(a.source, u, a.label, () => {
-				q(), $();
+		m.current = J;
+		let X = () => {
+			if (z(), z = () => {}, !h || document.hidden) return;
+			let e = he(s.source, h, s.label, () => {
+				W(), J();
 			});
-			H = e, u || e();
+			z = e, h || e();
 		};
-		u && (q(), u && (he(), u && !i.current.guideContent && (U = setTimeout(() => G("expired"), 12e3))));
-		let ge = (e) => {
-			if (e.key === "Escape" && !e.isComposing && u) {
-				if (i.current.guideContent && e.target instanceof Node && a.label.contains(e.target)) return;
+		h && (W(), h && (X(), h && !o.current.guideContent && (B = setTimeout(() => H("expired"), 12e3))));
+		let de = (e) => {
+			if (e.key === "Escape" && !e.isComposing && h) {
+				if (o.current.guideContent && e.target instanceof Node && s.label.contains(e.target)) return;
 				let t = document.querySelector("dialog:modal");
-				if (t && !t.contains(a.label)) return;
-				i.current.guideContent && e.preventDefault(), G("dismissed");
+				if (t && !t.contains(s.label)) return;
+				o.current.guideContent && e.preventDefault(), H("dismissed");
 			}
-		}, _e = (e) => {
-			i.current.dismissOnTargetClick !== !1 && u?.contextElement && e.target instanceof Node && u.contextElement.contains(e.target) && G("dismissed");
-		}, ve = () => {
-			document.hidden ? (j(), j = () => {}, k !== null && cancelAnimationFrame(k), k = null, H(), B++, W()) : (R = performance.now(), he(), $());
-		}, ye = typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
-			F = e[0]?.isIntersecting ?? !0, F || (j(), j = () => {}, k !== null && cancelAnimationFrame(k), k = null, W()), $();
+		}, Q = (e) => {
+			o.current.dismissOnTargetClick !== !1 && h?.contextElement && e.target instanceof Node && h.contextElement.contains(e.target) && H("dismissed");
+		}, $ = () => {
+			document.hidden ? (T(), T = () => {}, w !== null && cancelAnimationFrame(w), w = null, z(), L++, V()) : (F = performance.now(), X(), J());
+		}, ge = typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
+			M = e[0]?.isIntersecting ?? !0, M || (T(), T = () => {}, w !== null && cancelAnimationFrame(w), w = null, V()), J();
 		});
-		ye?.observe(n), document.addEventListener("keydown", ge, !0), document.addEventListener("click", _e), document.addEventListener("visibilitychange", ve), document.addEventListener("close", $, !0), document.addEventListener("toggle", $, !0);
-		let be = pe(() => {
-			q(), $();
+		ge?.observe(i), document.addEventListener("keydown", de, !0), document.addEventListener("click", Q), document.addEventListener("visibilitychange", $), document.addEventListener("close", J, !0), document.addEventListener("toggle", J, !0);
+		let be = ve(() => {
+			W(), J();
 		});
-		return $(), () => {
-			M = !1, g.current = () => {}, B++, k !== null && cancelAnimationFrame(k), clearTimeout(U), j(), H(), be(), ye?.disconnect(), W(), document.removeEventListener("keydown", ge, !0), document.removeEventListener("click", _e), document.removeEventListener("visibilitychange", ve), document.removeEventListener("close", $, !0), document.removeEventListener("toggle", $, !0);
+		return J(), () => {
+			E = !1, m.current = () => {}, L++, w !== null && cancelAnimationFrame(w), clearTimeout(B), T(), z(), be(), ge?.disconnect(), V(), document.removeEventListener("keydown", de, !0), document.removeEventListener("click", Q), document.removeEventListener("visibilitychange", $), document.removeEventListener("close", J, !0), document.removeEventListener("toggle", J, !0);
 		};
 	}, [
-		e,
 		t,
 		r,
-		n.target?.key,
-		n.reducedMotion,
-		n.size,
-		n.guideSize,
-		a
-	]), u(() => g.current(), [
-		n.activity,
-		n.idleMotion,
-		n.motionSpeed,
-		n.motionIntensity,
-		n.splashes
+		a,
+		i.target?.key,
+		i.reducedMotion,
+		i.size,
+		i.guideSize,
+		s
+	]), g(() => m.current(), [
+		i.activity,
+		i.idleMotion,
+		i.motionSpeed,
+		i.motionIntensity,
+		i.splashes
 	]);
 }
 //#endregion
 //#region src/presence/LiquidPresence/LiquidPresence.tsx
-function he(e) {
-	let n = a() || e.reducedMotion === !0, r = A(e.size ?? 64, 32, 224), o = `presence-${d().replace(/[^a-zA-Z0-9_-]/g, "")}`, s = p(null), c = p(null), [l, f] = m(null);
-	u(() => {
+function xe(e) {
+	let n = t() || e.reducedMotion === !0, i = N(e.size ?? 64, 32, 224), a = `presence-${_().replace(/[^a-zA-Z0-9_-]/g, "")}`, o = y(null), c = y(null), [l, u] = b(null);
+	g(() => {
 		let t = e.target?.contextElement?.closest("dialog");
-		f(t ?? s.current?.closest("dialog") ?? document.body);
-	}, [e.target?.contextElement]), u(() => {
-		let e = s.current, t = c.current;
+		u(t ?? o.current?.closest("dialog") ?? document.body);
+	}, [e.target?.contextElement]), g(() => {
+		let e = o.current, t = c.current;
 		if (!e || !t) return;
 		let n = () => {
 			let n = getComputedStyle(e), r = e.closest("[data-game-ui-style]")?.getAttribute("data-game-ui-style"), i = e.closest("[data-game-ui-theme]")?.getAttribute("data-game-ui-theme");
@@ -975,68 +976,68 @@ function he(e) {
 		return n(), window.addEventListener("resize", n, { passive: !0 }), () => {
 			r.disconnect(), window.removeEventListener("resize", n);
 		};
-	}, [l]), $(s, c, {
+	}, [l]), be(o, c, {
 		...e,
-		size: r,
+		size: i,
 		reducedMotion: n
 	}, l);
-	let y = {
-		width: r,
-		height: r,
+	let d = {
+		width: i,
+		height: i,
 		...e.colorFrom ? { "--liquid-presence-from": e.colorFrom } : {},
 		...e.colorTo ? { "--liquid-presence-to": e.colorTo } : {},
 		...["error", "unknown"].includes(e.activity ?? "") ? {
 			"--liquid-presence-from": "var(--game-ui-warning)",
 			"--liquid-presence-to": "var(--game-ui-warning)"
 		} : {}
-	}, b = (e, n) => /* @__PURE__ */ _("defs", { children: [/* @__PURE__ */ g("linearGradient", {
-		id: `${o}-${e}-fill`,
+	}, f = (e, t) => /* @__PURE__ */ C("defs", { children: [/* @__PURE__ */ S("linearGradient", {
+		id: `${a}-${e}-fill`,
 		gradientUnits: "userSpaceOnUse",
 		x1: 0,
 		y1: e === "core" ? 16 : -18,
 		x2: 0,
 		y2: e === "core" ? 146 : 18,
-		children: k.map(([e, t]) => /* @__PURE__ */ g("stop", {
+		children: ne.map(([e, t]) => /* @__PURE__ */ S("stop", {
 			offset: e,
 			style: { stopColor: t }
 		}, e))
-	}), /* @__PURE__ */ g("filter", {
-		id: `${o}-${e}-goo`,
+	}), /* @__PURE__ */ S("filter", {
+		id: `${a}-${e}-goo`,
 		filterUnits: "userSpaceOnUse",
-		...n,
+		...t,
 		colorInterpolationFilters: "sRGB",
-		children: /* @__PURE__ */ g(i, {
-			blur: t.blur,
-			contrast: t.contrast,
-			gloss: t.gloss,
+		children: /* @__PURE__ */ S(r, {
+			blur: s.blur,
+			contrast: s.contrast,
+			gloss: s.gloss,
 			shadows: [],
 			stroke: null,
 			waviness: 0
 		})
 	})] });
-	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", {
-		ref: s,
+	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("span", {
+		ref: o,
 		className: `game-ui-liquid-presence ${e.className ?? ""}`,
-		style: y,
+		style: d,
 		"data-activity": e.activity ?? "idle",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ _("svg", {
+		children: /* @__PURE__ */ C("svg", {
 			viewBox: "0 0 160 160",
 			focusable: "false",
-			children: [b("core", {
+			children: [f("core", {
 				x: -80,
 				y: -80,
 				width: 320,
 				height: 320
-			}), /* @__PURE__ */ _("g", {
-				fill: `url(#${o}-core-fill)`,
-				filter: `url(#${o}-core-goo)`,
+			}), /* @__PURE__ */ C("g", {
+				fill: `url(#${a}-core-fill)`,
+				filter: `url(#${a}-core-goo)`,
 				children: [
-					/* @__PURE__ */ g("path", {
+					/* @__PURE__ */ S("path", {
 						"data-presence-body": "",
-						d: P()
+						d: L()
 					}),
-					/* @__PURE__ */ g("circle", {
+					/* @__PURE__ */ S("circle", {
 						"data-presence-bud": "",
 						cx: "80",
 						cy: "80",
@@ -1047,7 +1048,7 @@ function he(e) {
 						0,
 						1,
 						2
-					].map((e) => /* @__PURE__ */ g("circle", {
+					].map((e) => /* @__PURE__ */ S("circle", {
 						"data-presence-satellite": "",
 						cx: "80",
 						cy: "80",
@@ -1057,39 +1058,39 @@ function he(e) {
 				]
 			})]
 		})
-	}), l && v(/* @__PURE__ */ _("div", {
+	}), l && w(/* @__PURE__ */ C("div", {
 		ref: c,
 		className: "game-ui-liquid-presence-overlay",
 		style: {
-			...y,
+			...d,
 			width: void 0,
 			height: void 0
 		},
 		"data-presence-overlay": "",
 		children: [
-			/* @__PURE__ */ _("svg", {
+			/* @__PURE__ */ C("svg", {
 				className: "game-ui-liquid-presence-flight",
 				viewBox: "-48 -36 96 72",
 				"aria-hidden": "true",
 				focusable: "false",
 				style: { display: "none" },
-				children: [b("flight", {
+				children: [f("flight", {
 					x: -48,
 					y: -36,
 					width: 96,
 					height: 72
-				}), /* @__PURE__ */ g("g", {
-					fill: `url(#${o}-flight-fill)`,
-					filter: `url(#${o}-flight-goo)`,
-					children: /* @__PURE__ */ _("g", {
+				}), /* @__PURE__ */ S("g", {
+					fill: `url(#${a}-flight-fill)`,
+					filter: `url(#${a}-flight-goo)`,
+					children: /* @__PURE__ */ C("g", {
 						"data-presence-flight-body": "",
-						children: [/* @__PURE__ */ g("circle", { r: "16" }), /* @__PURE__ */ _("g", {
+						children: [/* @__PURE__ */ S("circle", { r: "16" }), /* @__PURE__ */ C("g", {
 							"data-presence-trail": "",
-							children: [/* @__PURE__ */ g("circle", {
+							children: [/* @__PURE__ */ S("circle", {
 								cx: "-27",
 								cy: "5",
 								r: "4.5"
-							}), /* @__PURE__ */ g("circle", {
+							}), /* @__PURE__ */ S("circle", {
 								cx: "-36",
 								cy: "8",
 								r: "2.5"
@@ -1098,25 +1099,25 @@ function he(e) {
 					})
 				})]
 			}),
-			/* @__PURE__ */ _("svg", {
+			/* @__PURE__ */ C("svg", {
 				className: "game-ui-liquid-presence-seat",
 				viewBox: "-56 -28 112 56",
 				"aria-hidden": "true",
 				focusable: "false",
 				style: { display: "none" },
-				children: [b("seat", {
+				children: [f("seat", {
 					x: -56,
 					y: -28,
 					width: 112,
 					height: 56
-				}), /* @__PURE__ */ g("path", {
+				}), /* @__PURE__ */ S("path", {
 					"data-presence-seat-body": "",
-					d: F(48, 1),
-					fill: `url(#${o}-seat-fill)`,
-					filter: `url(#${o}-seat-goo)`
+					d: R(48, 1),
+					fill: `url(#${a}-seat-fill)`,
+					filter: `url(#${a}-seat-goo)`
 				})]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ S("div", {
 				className: `game-ui-liquid-presence-label${e.guideContent ? " game-ui-liquid-presence-label--guide" : ""}${e.guideContent && e.guideSize === "expanded" ? " game-ui-liquid-presence-label--expanded" : ""}`,
 				role: e.guideContent ? void 0 : "status",
 				"aria-atomic": !e.guideContent || void 0,
@@ -1126,7 +1127,7 @@ function he(e) {
 					e.stopPropagation(), e.key === "Escape" && e.preventDefault();
 				} : void 0,
 				hidden: !0,
-				children: e.guideContent ? /* @__PURE__ */ g(K, {
+				children: e.guideContent ? /* @__PURE__ */ S(q, {
 					reducedMotion: n,
 					children: e.guideContent
 				}) : e.target?.label.slice(0, 240)
@@ -1136,17 +1137,17 @@ function he(e) {
 }
 //#endregion
 //#region src/presence/LiquidAnchor/LiquidAnchor.tsx
-function ge({ source: e, children: t, placement: n = "top-end", onBoundsChange: r }) {
-	let [i, a] = m(null), o = p(r);
+function Se({ source: e, children: t, placement: n = "top-end", onBoundsChange: r }) {
+	let [i, a] = b(null), o = y(r);
 	o.current = r;
-	let [s, c] = m(null);
-	return f(() => {
+	let [s, c] = b(null);
+	return v(() => {
 		c(e.current?.closest("dialog") ?? document.body);
-	}, [e]), f(() => {
+	}, [e]), v(() => {
 		let t = e.current, r = i;
 		if (!t || !r) return;
 		let a = (e) => {
-			de(r, e), o.current?.(e);
+			ge(r, e), o.current?.(e);
 		}, s = !0, c = 0, l = null, u = null, d = () => {
 			let e = getComputedStyle(t);
 			for (let e of ["data-game-ui-theme", "data-game-ui-style"]) {
@@ -1176,23 +1177,23 @@ function ge({ source: e, children: t, placement: n = "top-end", onBoundsChange:
 				r.style.visibility = "hidden", a(null);
 				return;
 			}
-			x(t, r, {
+			D(t, r, {
 				strategy: "fixed",
 				placement: n,
 				middleware: [
-					w(14),
-					S({ padding: 12 }),
-					T({
+					A(14),
+					O({ padding: 12 }),
+					ee({
 						padding: 12,
 						crossAxis: !0
 					}),
-					E({
+					te({
 						padding: 12,
 						apply({ availableHeight: e, availableWidth: t }) {
 							r.dataset.liquidCompact = e < 500 ? "true" : "false", r.style.setProperty("--liquid-outlet-height", `${Math.max(0, e)}px`), r.style.maxWidth = `${Math.max(0, t)}px`;
 						}
 					}),
-					C({ strategy: "referenceHidden" })
+					k({ strategy: "referenceHidden" })
 				]
 			}).then(({ x: t, y: n, middlewareData: i }) => {
 				if (!s || e !== c) return;
@@ -1213,7 +1214,7 @@ function ge({ source: e, children: t, placement: n = "top-end", onBoundsChange:
 			});
 		};
 		d();
-		let p = b(t, r, f), m = new MutationObserver(() => {
+		let p = E(t, r, f), m = new MutationObserver(() => {
 			d(), f();
 		});
 		for (let e = t; e; e = e.parentElement) m.observe(e, {
@@ -1243,10 +1244,10 @@ function ge({ source: e, children: t, placement: n = "top-end", onBoundsChange:
 		i,
 		n,
 		e
-	]), s ? /* @__PURE__ */ g(y, {
+	]), s ? /* @__PURE__ */ S(T, {
 		root: s,
 		preserveTabOrder: !1,
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ S("div", {
 			ref: a,
 			className: "game-ui-liquid-anchor",
 			style: {
@@ -1261,13 +1262,13 @@ function ge({ source: e, children: t, placement: n = "top-end", onBoundsChange:
 }
 //#endregion
 //#region src/presence/LiquidPopover/LiquidPopover.tsx
-function _e({ open: e, ...t }) {
-	return e ? /* @__PURE__ */ g(ve, { ...t }) : null;
+function Ce({ open: e, ...t }) {
+	return e ? /* @__PURE__ */ S(we, { ...t }) : null;
 }
-function ve({ source: e, onOpenChange: t, title: n, children: r, width: i = 440, placement: a = "bottom-end" }) {
-	let o = d(), s = p(null), c = p(null), u = p(!1), h = p(t);
-	h.current = t;
-	let v = l((t) => {
+function we({ source: e, onOpenChange: t, title: n, children: r, width: i = 440, placement: a = "bottom-end" }) {
+	let o = _(), s = y(null), c = y(null), l = y(!1), u = y(t);
+	u.current = t;
+	let d = h((t) => {
 		s.current = t;
 		let n = e.current;
 		if (t) return () => {
@@ -1275,45 +1276,45 @@ function ve({ source: e, onOpenChange: t, title: n, children: r, width: i = 440,
 				!t.isConnected && n?.isConnected && n.focus({ preventScroll: !0 });
 			});
 		};
-	}, [e]), [y, b] = m(!1);
-	f(() => {
-		let e = matchMedia("(max-width: 767px)"), t = () => b(e.matches);
+	}, [e]), [f, p] = b(!1);
+	v(() => {
+		let e = matchMedia("(max-width: 767px)"), t = () => p(e.matches);
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []), f(() => {
-		u.current = !1;
+	}, []), v(() => {
+		l.current = !1;
 		let t = (t) => {
 			let n = t.composedPath();
-			s.current && !n.includes(s.current) && (!e.current || !n.includes(e.current)) && h.current(!1);
+			s.current && !n.includes(s.current) && (!e.current || !n.includes(e.current)) && u.current(!1);
 		}, n = (e) => {
 			if (e.key !== "Escape" || e.defaultPrevented || e.isComposing) return;
 			let t = document.querySelector("dialog:modal");
-			t && !t.contains(s.current) || (e.preventDefault(), h.current(!1));
+			t && !t.contains(s.current) || (e.preventDefault(), u.current(!1));
 		};
 		return document.addEventListener("pointerdown", t), document.addEventListener("keydown", n), () => {
 			document.removeEventListener("pointerdown", t), document.removeEventListener("keydown", n);
 		};
 	}, [e]);
-	let x = y ? "top" : a;
-	return /* @__PURE__ */ g(ge, {
+	let m = f ? "top" : a;
+	return /* @__PURE__ */ S(Se, {
 		source: e,
-		placement: x,
+		placement: m,
 		onBoundsChange: (e) => {
-			e && !u.current && c.current && (c.current.focus({ preventScroll: !0 }), u.current = document.activeElement === c.current);
+			e && !l.current && c.current && (c.current.focus({ preventScroll: !0 }), l.current = document.activeElement === c.current);
 		},
-		children: /* @__PURE__ */ g("div", {
-			ref: v,
+		children: /* @__PURE__ */ S("div", {
+			ref: d,
 			className: "game-ui-liquid-popover",
 			role: "dialog",
 			"aria-modal": "false",
 			"aria-labelledby": `${o}-title`,
-			"data-popover-placement": x,
+			"data-popover-placement": m,
 			style: { "--game-ui-popover-width": `${Number.isFinite(i) ? Math.max(24, i) : 440}px` },
-			children: /* @__PURE__ */ g(K, {
+			children: /* @__PURE__ */ S(q, {
 				source: e,
 				revealKey: o,
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ C("div", {
 					className: "game-ui-liquid-popover-content",
-					children: [/* @__PURE__ */ g("h2", {
+					children: [/* @__PURE__ */ S("h2", {
 						ref: c,
 						id: `${o}-title`,
 						tabIndex: -1,
@@ -1325,4 +1326,174 @@ function ve({ source: e, onOpenChange: t, title: n, children: r, width: i = 440,
 	});
 }
 //#endregion
-export { ge as LiquidAnchor, _e as LiquidPopover, he as LiquidPresence, K as LiquidReveal };
+//#region src/game/GameAccountMenu/GameAccountMenu.tsx
+var Te = 12;
+function Ee(e) {
+	let t = Array.from(e);
+	return t.length > Te ? `${t.slice(0, Te).join("")}…` : e;
+}
+function De(e) {
+	return e?.startsWith("https:") ? e : void 0;
+}
+function Oe({ user: e, labels: t, site: n, products: r = [], accountHref: i, onSignOut: a, signingOut: o = !1, defaultTab: s, className: c }) {
+	let u = y(null), [d, f] = b(!1), p = n != null && typeof n != "boolean", h = [
+		...p ? ["site"] : [],
+		...r.length > 0 ? ["products"] : [],
+		"account"
+	], g = s && h.includes(s) ? s : h[0] ?? "account", _ = De(e.avatarUrl), v = _ ? { src: _ } : {};
+	return /* @__PURE__ */ C("div", {
+		className: ["game-ui-account-menu", c].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ C(l, {
+			ref: u,
+			size: "sm",
+			className: "game-ui-account-menu-trigger",
+			"aria-haspopup": "dialog",
+			"aria-expanded": d,
+			"aria-label": t.trigger,
+			onClick: () => f((e) => !e),
+			children: [/* @__PURE__ */ S("span", {
+				"aria-hidden": "true",
+				className: "game-ui-account-menu-avatar",
+				children: /* @__PURE__ */ S(m, {
+					name: e.name,
+					size: "sm",
+					...v
+				})
+			}), /* @__PURE__ */ S("span", {
+				className: "game-ui-account-menu-trigger-name",
+				children: Ee(e.name)
+			})]
+		}), /* @__PURE__ */ S(Ce, {
+			open: d,
+			onOpenChange: f,
+			source: u,
+			title: /* @__PURE__ */ S("span", {
+				className: "game-ui-account-menu-name",
+				children: e.name
+			}),
+			width: 360,
+			children: /* @__PURE__ */ S(ke, {
+				avatarImage: v,
+				initialTab: g,
+				labels: t,
+				products: r,
+				accountHref: i,
+				onSignOut: a,
+				signingOut: o,
+				site: p ? n : null,
+				tabs: h,
+				user: e
+			})
+		})]
+	});
+}
+function ke({ avatarImage: e, initialTab: t, labels: n, products: r, accountHref: i, onSignOut: a, signingOut: o, site: s, tabs: c, user: u }) {
+	let d = _(), [p, h] = b(t), v = y(!1);
+	g(() => {
+		o || (v.current = !1);
+	}, [o]);
+	let x = () => {
+		o || v.current || (v.current = !0, new Promise((e) => e(a())).finally(() => {
+			v.current = !1;
+		}));
+	}, w = c.length > 1, T = {
+		site: n.siteTab,
+		products: n.productsTab,
+		account: n.accountTab
+	}, E = c.map((e) => ({
+		id: e,
+		label: T[e],
+		panelId: `${d}-panel-${e}`
+	})), D = (e, t) => /* @__PURE__ */ S("div", {
+		className: "game-ui-account-menu-section",
+		hidden: w && p !== e,
+		id: `${d}-panel-${e}`,
+		role: w ? "tabpanel" : void 0,
+		"aria-labelledby": w ? `${d}-tabs-${e}` : void 0,
+		children: t
+	});
+	return /* @__PURE__ */ C("div", {
+		className: "game-ui-account-menu-panel",
+		children: [
+			/* @__PURE__ */ C("div", {
+				className: "game-ui-account-menu-identity",
+				children: [/* @__PURE__ */ S("span", {
+					"aria-hidden": "true",
+					className: "game-ui-account-menu-avatar",
+					children: /* @__PURE__ */ S(m, {
+						name: u.name,
+						size: "md",
+						...e
+					})
+				}), u.email ? /* @__PURE__ */ S("p", {
+					className: "game-ui-account-menu-email",
+					children: u.email
+				}) : null]
+			}),
+			w ? /* @__PURE__ */ S(f, {
+				id: `${d}-tabs`,
+				"aria-label": n.trigger,
+				activeId: p,
+				onSelect: (e) => h(e),
+				tabs: E
+			}) : null,
+			c.includes("site") ? D("site", s) : null,
+			c.includes("products") ? D("products", /* @__PURE__ */ S("ul", {
+				className: "game-ui-account-menu-products",
+				children: r.map((e) => /* @__PURE__ */ S("li", { children: /* @__PURE__ */ S(Ae, {
+					currentLabel: n.current,
+					product: e
+				}) }, e.id))
+			})) : null,
+			D("account", /* @__PURE__ */ C("div", {
+				className: "game-ui-account-menu-actions",
+				children: [/* @__PURE__ */ S(l, {
+					fullWidth: !0,
+					href: i,
+					variant: "secondary",
+					children: n.manage
+				}), /* @__PURE__ */ S(l, {
+					fullWidth: !0,
+					pending: o,
+					onClick: x,
+					variant: "secondary",
+					children: n.signOut
+				})]
+			}))
+		]
+	});
+}
+function Ae({ currentLabel: e, product: t }) {
+	let n = y(null), r = /* @__PURE__ */ C("span", {
+		className: "game-ui-list-row-copy",
+		children: [/* @__PURE__ */ S("span", {
+			className: "game-ui-list-row-title",
+			children: t.name
+		}), t.description ? /* @__PURE__ */ S("span", {
+			className: "game-ui-list-row-description",
+			children: t.description
+		}) : null]
+	});
+	return t.current ? /* @__PURE__ */ C("div", {
+		className: "game-ui-list-row game-ui-account-menu-product",
+		"data-game-ui-paint": "",
+		style: d(),
+		children: [/* @__PURE__ */ S(p, { static: !0 }), /* @__PURE__ */ C("div", {
+			className: "game-ui-list-row-main",
+			"aria-current": "true",
+			children: [r, /* @__PURE__ */ S(u, { children: e })]
+		})]
+	}) : /* @__PURE__ */ C("div", {
+		className: "game-ui-list-row game-ui-account-menu-product",
+		"data-game-ui-paint": "",
+		style: d(),
+		children: [/* @__PURE__ */ S(p, { pressTarget: n }), /* @__PURE__ */ S("a", {
+			className: "game-ui-list-row-main",
+			href: t.href,
+			ref: n,
+			children: r
+		})]
+	});
+}
+//#endregion
+export { Oe as GameAccountMenu, Se as LiquidAnchor, Ce as LiquidPopover, xe as LiquidPresence, q as LiquidReveal };