@pieai/swimmer-ui-kit 2.12.0 → 2.14.0

package/dist/liquid-presence.js

@@ -1,12 +1,19 @@
-import { _ as e, g as t, m as n, p as r, r as i, s as a, t as o, u as s } from "./liquidGooeySpring-WwyGKGPL.js";
+import { _ as e, g as t, m as n, p as r, r as i, s as a, t as o, u as s } from "./liquidGooeySpring-r7c1S2ZB.js";
 import { useEffect as c, useId as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
-import { createPortal as p } from "react-dom";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { createPortal as g } from "react-dom";
 import { FloatingPortal as _, autoUpdate as v, computePosition as y, flip as b, hide as x, offset as S, shift as C, size as w } from "@floating-ui/react";
-function T(e, t, n) {
+//#region src/liquidMaterialLight.ts
+var T = "var(--liquid-presence-from, var(--game-ui-secondary))", E = "var(--liquid-presence-to, var(--game-ui-secondary))", D = [
+	[0, `color-mix(in srgb, ${T}, white 18%)`],
+	[.16, `color-mix(in srgb, ${T}, white 9%)`],
+	[.55, `color-mix(in srgb, ${T}, ${E})`],
+	[1, `color-mix(in srgb, ${E}, black 5%)`]
+];
+function O(e, t, n) {
 	return Number.isFinite(e) ? Math.max(t, Math.min(n, e)) : t;
 }
-function E(e) {
+function k(e) {
 	return !!(e && [
 		e.x,
 		e.y,
@@ -14,23 +21,23 @@ function E(e) {
 		e.height
 	].every(Number.isFinite) && e.width > 0 && e.height > 0);
 }
-function D(e, t) {
-	return E(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 A(e, t) {
+	return k(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 O(e) {
+function j(e) {
 	return {
 		x: e.x + e.width / 2,
 		y: e.y + e.height / 2
 	};
 }
-function k(e, t) {
+function M(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 A(e, t) {
+function ee(e, t) {
 	let n = Math.max(e.x, t.x), r = Math.max(e.y, t.y);
 	return {
 		x: n,
@@ -39,19 +46,19 @@ function A(e, t) {
 		height: Math.max(0, Math.min(e.y + e.height, t.y + t.height) - r)
 	};
 }
-function ee(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 = T(Math.max(0, a - i) * .58, 36, 84);
+function N(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 = O(Math.max(0, a - i) * .58, 36, 84);
 	return {
-		x: T((i + a) / 2, t.x + o / 2 + 8, t.x + t.width - o / 2 - 8),
-		y: T(n ? e.y + e.height + 10 : e.y - 10, t.y + 18, t.y + t.height - 18),
+		x: O((i + a) / 2, t.x + o / 2 + 8, t.x + t.width - o / 2 - 8),
+		y: O(n ? e.y + e.height + 10 : e.y - 10, t.y + 18, t.y + t.height - 18),
 		side: r,
 		width: o
 	};
 }
-function j(e, t, n, r) {
-	let i = T(n, 0, 1), a = k(e, t), o = Math.min(86, Math.hypot(t.x - e.x, t.y - e.y) * .2), s = {
-		x: T((e.x + t.x) / 2 + a.y * o, r.x + 16, r.x + r.width - 16),
-		y: T((e.y + t.y) / 2 - a.x * o, r.y + 16, r.y + r.height - 16)
+function P(e, t, n, r) {
+	let i = O(n, 0, 1), a = M(e, t), o = Math.min(86, Math.hypot(t.x - e.x, t.y - e.y) * .2), s = {
+		x: O((e.x + t.x) / 2 + a.y * o, r.x + 16, r.x + r.width - 16),
+		y: O((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,
@@ -59,22 +66,22 @@ function j(e, t, n, r) {
 		angle: Math.atan2(l, c) * 180 / Math.PI
 	};
 }
-function M(e = 0, t = 0, n = 0, r = 1, a = 0) {
-	let o = T(a, 0, 1), s = 66 * Math.sqrt(1 - .075 * T(n, 0, 1)) - o * 2.4;
+function F(e = 0, t = 0, n = 0, r = 1, a = 0) {
+	let o = O(a, 0, 1), s = 66 * Math.sqrt(1 - .075 * O(n, 0, 1)) - o * 2.4;
 	return i(80 - s, 80 - s, s * 2, s * 2, [
 		s,
 		s,
 		s,
 		s
 	], {
-		amplitude: (3.5 + o * 9 + T(t, 0, 1) * 9) * T(r, .15, 1.25),
+		amplitude: (3.5 + o * 9 + O(t, 0, 1) * 9) * O(r, .15, 1.25),
 		lobes: 3,
 		seed: 17,
 		phase: e
 	});
 }
-function N(e, t, n = 20) {
-	let r = T(t, 0, 1), a = T(n, 6, 48), o = a + (e - a) * r, s = a + (8 - a) * r;
+function I(e, t, n = 20) {
+	let r = O(t, 0, 1), a = O(n, 6, 48), o = a + (e - a) * r, s = a + (8 - a) * r;
 	return i(-o / 2, -s / 2, o, s, [
 		s / 2,
 		s / 2,
@@ -89,41 +96,41 @@ function N(e, t, n = 20) {
 }
 //#endregion
 //#region src/liquidAmbientClock.ts
-var P = /* @__PURE__ */ new Map(), F, I, L = !1;
-function R() {
-	if (L || I !== void 0 || (clearTimeout(F), F = void 0, !P.size)) return;
-	let e = Math.min(...[...P.values()].map((e) => e.at));
-	F = setTimeout(() => {
-		F = void 0, I = requestAnimationFrame((e) => {
-			I = void 0, L = !0;
+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;
 			try {
-				for (let [t, n] of [...P]) n.at > e + 1 || !P.has(t) || (P.delete(t), n.paint(e));
+				for (let [t, n] of [...L]) n.at > e + 1 || !L.has(t) || (L.delete(t), n.paint(e));
 			} finally {
-				L = !1, R();
+				B = !1, V();
 			}
 		});
 	}, Math.max(0, e - performance.now()));
 }
 function te(e, t = 1e3 / 12) {
 	let n = Symbol();
-	return P.set(n, {
+	return L.set(n, {
 		at: performance.now() + t,
 		paint: e
-	}), R(), () => {
-		P.delete(n), !P.size && I !== void 0 && (cancelAnimationFrame(I), I = void 0), R();
+	}), V(), () => {
+		L.delete(n), !L.size && z !== void 0 && (cancelAnimationFrame(z), z = void 0), V();
 	};
 }
 //#endregion
 //#region src/liquidPresenceMotion.ts
-var z = o("cubic-bezier(0.45, 0, 0.2, 1)");
+var H = o("cubic-bezier(0.45, 0, 0.2, 1)");
 function ne(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 - z(T(e.elapsed / s, 0, 1)))
+		seat: o.seat * (1 - H(O(e.elapsed / s, 0, 1)))
 	};
-	let c = Math.max(0, e.elapsed - s), l = O(t), u = k(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 = j(t), u = M(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 = {
@@ -138,7 +145,7 @@ function ne(e) {
 	};
 	if (i) {
 		if (o?.bud) {
-			let e = z(T(c / 320, 0, 1)), t = o.bud.x + (80 - o.bud.x) * e, n = o.bud.y + (80 - o.bud.y) * e;
+			let e = H(O(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",
@@ -154,9 +161,9 @@ function ne(e) {
 				} : null
 			};
 		}
-		let e = T(c / 620, 0, 1);
+		let e = O(c / 620, 0, 1);
 		if (e < 1) {
-			let t = j(a ?? n, p, z(e), r);
+			let t = P(a ?? n, p, H(e), r);
 			return {
 				...m,
 				phase: "return",
@@ -166,11 +173,11 @@ function ne(e) {
 				stretch: 1 + .3 * Math.sin(e * Math.PI)
 			};
 		}
-		let t = T((c - 620) / 420, 0, 1), i = 112 - 78 * z(t);
+		let t = O((c - 620) / 420, 0, 1), i = 112 - 78 * H(t);
 		return {
 			...m,
 			phase: t < 1 ? "merge" : "still",
-			separation: 1 - z(t),
+			separation: 1 - H(t),
 			point: {
 				x: l.x + u.x * i * f,
 				y: l.y + u.y * i * f
@@ -178,13 +185,13 @@ function ne(e) {
 			bud: t < 1 ? {
 				x: 80 + u.x * i,
 				y: 80 + u.y * i,
-				radius: 16 * (1 - .65 * z(t))
+				radius: 16 * (1 - .65 * H(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 = z(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 = H(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",
@@ -200,9 +207,9 @@ function ne(e) {
 			}
 		};
 	}
-	let v = a ?? p, y = 560 + Math.min(260, Math.hypot(n.x - v.x, n.y - v.y) * .26), b = T((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 = O((c - _) / y, 0, 1);
 	if (b < 1) {
-		let e = j(v, n, z(b), r);
+		let e = P(v, n, H(b), r);
 		return {
 			...m,
 			phase: "flight",
@@ -212,23 +219,23 @@ function ne(e) {
 			stretch: 1 + .35 * Math.sin(b * Math.PI)
 		};
 	}
-	let x = T((c - _ - y) / 380, 0, 1);
+	let x = O((c - _ - y) / 380, 0, 1);
 	return {
 		...m,
 		phase: x < 1 ? "land" : "dock",
 		separation: 1,
 		point: n,
-		seat: z(x)
+		seat: H(x)
 	};
 }
 //#endregion
 //#region src/liquidPresencePaint.ts
-function B(e, t) {
+function U(e, t) {
 	e.toggleAttribute("hidden", !t);
 	let n = e.style, r = t ? "" : "none";
 	n.display !== r && (n.display = r);
 }
-var V = (e, t, n) => {
+var W = (e, t, n) => {
 	let r = String(n);
 	e.getAttribute(t) !== r && e.setAttribute(t, r);
 };
@@ -240,26 +247,26 @@ function re(e, t, n) {
 	};
 }
 function ie(e, t, n, r, i = 0, a = 1, o = !1, s = 0) {
-	V(e.source, "data-liquid-phase", t.phase), V(e.overlay, "data-liquid-phase", t.phase), V(e.body, "d", M(r, i, t.separation, a, s));
+	W(e.source, "data-liquid-phase", t.phase), W(e.overlay, "data-liquid-phase", t.phase), W(e.body, "d", F(r, i, t.separation, a, s));
 	let c = t.bud ? Math.sin(t.separation * Math.PI) * .045 : 0;
-	V(e.body, "transform", `translate(${((t.bud?.x ?? 80) - 80) * c} ${((t.bud?.y ?? 80) - 80) * c})`), B(e.bud, !!t.bud), t.bud && (V(e.bud, "cx", t.bud.x), V(e.bud, "cy", t.bud.y), V(e.bud, "r", t.bud.radius));
+	W(e.body, "transform", `translate(${((t.bud?.x ?? 80) - 80) * c} ${((t.bud?.y ?? 80) - 80) * c})`), U(e.bud, !!t.bud), t.bud && (W(e.bud, "cx", t.bud.x), W(e.bud, "cy", t.bud.y), W(e.bud, "r", t.bud.radius));
 	let l = t.phase === "flight" || t.phase === "return";
-	B(e.flight, l);
+	U(e.flight, l);
 	let u = re(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)`, V(e.flightBody, "transform", `rotate(${t.angle}) scale(${n * t.stretch} ${n / Math.sqrt(t.stretch)})`), V(e.trail, "opacity", Math.min(.8, (t.stretch - 1) * 3));
+		e.flight.style.transform = `translate(${u.x - 48}px, ${u.y - 36}px)`, W(e.flightBody, "transform", `rotate(${t.angle}) scale(${n * t.stretch} ${n / Math.sqrt(t.stretch)})`), W(e.trail, "opacity", Math.min(.8, (t.stretch - 1) * 3));
 	}
-	B(e.seat, t.seat !== null), t.seat !== null && (e.seat.style.transform = `translate(${u.x - 56}px, ${u.y - 28}px)`, V(e.seatBody, "d", N(t.seatWidth ?? n, t.seat, t.diameter))), B(e.label, o || t.phase !== "gather" && t.seat !== null && t.seat > .45);
+	U(e.seat, t.seat !== null), t.seat !== null && (e.seat.style.transform = `translate(${u.x - 56}px, ${u.y - 28}px)`, W(e.seatBody, "d", I(t.seatWidth ?? n, t.seat, t.diameter))), U(e.label, o || t.phase !== "gather" && t.seat !== null && t.seat > .45);
 }
 function ae(e, t, n, r) {
 	e.satellites.forEach((e, i) => {
-		if (B(e, n), !n) return;
+		if (U(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);
-		V(e, "cx", 80 + Math.cos(a) * o), V(e, "cy", 80 + Math.sin(a) * o), V(e, "r", 7 + i * 1.5);
+		W(e, "cx", 80 + Math.cos(a) * o), W(e, "cy", 80 + Math.sin(a) * o), W(e, "r", 7 + i * 1.5);
 	});
 }
-function H() {
+function G() {
 	let e = window.visualViewport;
 	return {
 		x: e?.offsetLeft ?? 0,
@@ -277,7 +284,7 @@ function oe(e) {
 		let n = document.querySelector("dialog:modal");
 		if (n && (!t || !n.contains(t))) return null;
 		let r = e.getRect();
-		return E(r) && D(r, H()) ? r : null;
+		return k(r) && A(r, G()) ? r : null;
 	} catch {
 		return null;
 	}
@@ -344,27 +351,27 @@ function se(e, t, n, r) {
 }
 //#endregion
 //#region src/liquidPanelObstacles.ts
-var U = /* @__PURE__ */ new Map(), W = /* @__PURE__ */ new Set();
-function G(e, t) {
-	let n = U.get(e), r = t && E(t) ? {
+var K = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Set();
+function J(e, t) {
+	let n = K.get(e), r = t && k(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 ? U.set(e, r) : U.delete(e);
-		for (let e of [...W]) try {
+		r ? K.set(e, r) : K.delete(e);
+		for (let e of [...q]) try {
 			e();
 		} catch {}
 	}
 }
 function ce(e) {
-	return [...U].filter(([t]) => t.isConnected && !t.contains(e) && !e.contains(t)).map(([, e]) => e);
+	return [...K].filter(([t]) => t.isConnected && !t.contains(e) && !e.contains(t)).map(([, e]) => e);
 }
 function le(e) {
-	return W.add(e), () => {
-		W.delete(e);
+	return q.add(e), () => {
+		q.delete(e);
 	};
 }
 function ue(e, t, n, r) {
@@ -372,7 +379,7 @@ function ue(e, t, n, r) {
 	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(E), d = [
+	let u = r.filter(k), d = [
 		e.x,
 		o,
 		c
@@ -396,7 +403,7 @@ function ue(e, t, n, r) {
 }
 //#endregion
 //#region src/useLiquidPresenceMotion.ts
-function K(e, i, a, o) {
+function Y(e, i, a, o) {
 	let s = d(a);
 	s.current = a;
 	let l = !!a.guideContent, u = d(null), f = d(null), p = d(null), m = d(0), h = d(+(a.idleMotion === "breathe")), g = d(() => {});
@@ -423,17 +430,17 @@ function K(e, i, a, o) {
 			"land",
 			"gather",
 			"return"
-		].includes(d.phase) ? d.point : void 0, x = d?.point ?? O(a.getBoundingClientRect()), E = d?.seatWidth ?? 48, k = d ?? void 0, j = a.getBoundingClientRect(), M = performance.now(), N = null, P = () => {}, F = !0, I = !1, L = !1, R = !0, z = 0, V = m.current, re = performance.now(), U = 0, W = 0, G = null, K = () => {}, q, J = () => {
+		].includes(d.phase) ? d.point : void 0, x = d?.point ?? j(a.getBoundingClientRect()), T = d?.seatWidth ?? 48, E = d ?? void 0, D = a.getBoundingClientRect(), k = performance.now(), M = null, P = () => {}, F = !0, I = !1, L = !1, R = !0, z = 0, B = m.current, V = performance.now(), H = 0, W = 0, re = null, K = () => {}, q, J = () => {
 			I && n(), I = !1;
 		}, Y = (e) => {
 			if (l) {
-				f.current = l.key, l = null, _ = !!(u.current && u.current.phase !== "still"), k = u.current ?? void 0, v = u.current?.point, x = v ?? x, M = performance.now(), K(), clearTimeout(q), W++, B(c.label, !1);
+				f.current = l.key, l = null, _ = !!(u.current && u.current.phase !== "still"), E = u.current ?? void 0, v = u.current?.point, x = v ?? x, k = performance.now(), K(), clearTimeout(q), W++, U(c.label, !1);
 				try {
 					s.current.onDismiss?.(e);
 				} catch {}
 				$();
 			}
-		}, X = () => {
+		}, de = () => {
 			if (!l) return null;
 			let e = c.label.style.pointerEvents;
 			s.current.guideContent && (c.label.style.pointerEvents = "none");
@@ -442,18 +449,18 @@ function K(e, i, a, o) {
 			} finally {
 				c.label.style.pointerEvents = e;
 			}
-		}, Z = () => {
+		}, X = () => {
 			if (!l) return;
-			let e = X();
+			let e = de();
 			if (!e) {
 				Y("unavailable");
 				return;
 			}
-			let t = ee(e, H()), n = A(e, H()), r = (e) => T(e === "top" ? n.y - 10 : n.y + n.height + 10, H().y + 18, H().y + H().height - 18);
+			let t = N(e, G()), n = ee(e, G()), r = (e) => O(e === "top" ? n.y - 10 : n.y + n.height + 10, G().y + 18, G().y + G().height - 18);
 			x = {
 				x: t.x,
-				y: r(G ?? t.side)
-			}, E = t.width;
+				y: r(re ?? t.side)
+			}, T = t.width;
 			let i = {
 				...l.contextElement ? { contextElement: l.contextElement } : {},
 				getBoundingClientRect: () => ({
@@ -464,14 +471,14 @@ function K(e, i, a, o) {
 					right: n.x + n.width
 				})
 			}, a = ++W, o = s.current.guideSize === "expanded";
-			o || (c.label.style.maxHeight = ""), s.current.guideContent && !c.label.style.transform && (c.label.style.visibility = "hidden", B(c.label, !0)), y(i, c.label, {
+			o || (c.label.style.maxHeight = ""), s.current.guideContent && !c.label.style.transform && (c.label.style.visibility = "hidden", U(c.label, !0)), y(i, c.label, {
 				strategy: "absolute",
-				placement: o && H().width >= 900 ? "right" : t.side,
+				placement: o && G().width >= 900 ? "right" : t.side,
 				middleware: [
 					S(26),
 					b({
 						padding: 16,
-						...o && H().width >= 900 ? { fallbackPlacements: [
+						...o && G().width >= 900 ? { fallbackPlacements: [
 							"left",
 							"bottom",
 							"top"
@@ -484,7 +491,7 @@ function K(e, i, a, o) {
 					...o ? [w({
 						padding: 16,
 						apply({ availableHeight: e, elements: t }) {
-							let n = `${Math.max(0, Math.min(560, H().height * .65, e))}px`;
+							let n = `${Math.max(0, Math.min(560, G().height * .65, e))}px`;
 							t.floating.style.maxHeight !== n && (t.floating.style.maxHeight = n);
 						}
 					})] : []
@@ -499,55 +506,55 @@ function K(e, i, a, o) {
 						}, {
 							width: c.label.offsetWidth,
 							height: c.label.offsetHeight
-						}, H(), [...a, n]);
+						}, G(), [...a, n]);
 						if (!t) {
 							c.label.style.visibility = "hidden";
 							return;
 						}
 						e = t.x, i = t.y;
 					}
-					c.label.style.transform = `translate(${e}px, ${i}px)`, c.label.style.visibility = "", G = o.startsWith("top") ? "top" : o.startsWith("bottom") ? "bottom" : t.side;
-					let s = r(G);
+					c.label.style.transform = `translate(${e}px, ${i}px)`, c.label.style.visibility = "", re = o.startsWith("top") ? "top" : o.startsWith("bottom") ? "bottom" : t.side;
+					let s = r(re);
 					x.y !== s && (x = {
 						x: t.x,
 						y: s
 					}, $());
 				}
 			}).catch(() => {});
-		}, Q = () => [
+		}, Z = () => [
 			"connecting",
 			"listening",
 			"thinking",
 			"speaking",
 			"working"
-		].includes(s.current.activity ?? "idle"), de = () => s.current.idleMotion === "breathe" && (s.current.activity ?? "idle") === "idle", fe = () => {
-			if (L = !1, s.current.reducedMotion || s.current.activity === "disabled" || document.hidden || !R || !D(a.getBoundingClientRect(), H())) return !1;
+		].includes(s.current.activity ?? "idle"), Q = () => s.current.idleMotion === "breathe" && (s.current.activity ?? "idle") === "idle", fe = () => {
+			if (L = !1, s.current.reducedMotion || s.current.activity === "disabled" || document.hidden || !R || !A(a.getBoundingClientRect(), G())) return !1;
 			let e = document.querySelector("dialog:modal");
 			if (e && !e.contains(a)) return !1;
 			let n = l?.contextElement?.closest("dialog") ?? null;
 			if (l && a.closest("dialog") !== n) return !1;
 			let i = 13184 + (a.getBoundingClientRect().width * 2) ** 2, o = r();
-			return o.maxAnimatedGroups === 0 || i > o.maxFilterArea ? (J(), !1) : !(l || _ || Q()) && de() && !I && o.activeGroups > 0 ? (L = !0, !1) : (I ||= t(i), I);
+			return o.maxAnimatedGroups === 0 || i > o.maxFilterArea ? (J(), !1) : !(l || _ || Z()) && Q() && !I && o.activeGroups > 0 ? (L = !0, !1) : (I ||= t(i), I);
 		};
 		function pe(e) {
 			if (!F || document.hidden) return;
 			let t = c.source.getBoundingClientRect();
 			if (!c.source.isConnected || c.source.closest("[hidden], [inert]") || t.width <= 0 || t.height <= 0) {
-				_ = !1, u.current = null, Y("unavailable"), B(c.label, !1), B(c.flight, !1), B(c.seat, !1), J();
+				_ = !1, u.current = null, Y("unavailable"), U(c.label, !1), U(c.flight, !1), U(c.seat, !1), J();
 				return;
 			}
-			if (l && !X()) {
+			if (l && !de()) {
 				Y("unavailable");
 				return;
 			}
 			let n = fe(), r = ne({
-				elapsed: e - M,
-				source: _ ? t : j,
+				elapsed: e - k,
+				source: _ ? t : D,
 				destination: x,
-				viewport: H(),
+				viewport: G(),
 				returning: _,
 				...v ? { from: v } : {},
-				...k ? { origin: k } : {}
+				...E ? { origin: E } : {}
 			});
 			!l && !_ && (r = {
 				...r,
@@ -563,45 +570,45 @@ function K(e, i, a, o) {
 				seat: l ? 1 : null,
 				separation: +!!l
 			}), _ && r.phase === "still" && (_ = !1), l && r.phase === "dock" && (p.current = l.key);
-			let i = !["still", "dock"].includes(r.phase), a = s.current.levelRef?.current, o = !i && de(), d = Math.max(0, Math.min(160, e - re));
-			re = e;
-			let f = typeof a == "number" ? T(a, 0, 1) : 0;
-			U += (f - U) * (1 - Math.exp(-d / (f > U ? 65 : 140)));
-			let g = T(s.current.motionSpeed ?? 1, .5, 1.5), y = T(s.current.motionIntensity ?? 1, .25, 1.25);
-			n && (i || Q() || o) && (V += d * (o ? 84e-5 : .00105) * g), m.current = V, n && (i || Q() || o) && (h.current += (+!!o - h.current) * (1 - Math.exp(-d / 500)));
-			let b = n && Q() && !i ? .14 + U * .75 : i ? .2 : 0, S = c.label.hasAttribute("hidden");
-			ie(c, r, E, V, b, y, !!(s.current.guideContent && l), h.current), ae(c, V, n && s.current.splashes !== !1 && s.current.activity === "speaking" && r.phase === "still", U);
-			let C = n && (i || Q()) ? "animated" : n && o ? "ambient" : "static";
+			let i = !["still", "dock"].includes(r.phase), a = s.current.levelRef?.current, o = !i && Q(), d = Math.max(0, Math.min(160, e - V));
+			V = e;
+			let f = typeof a == "number" ? O(a, 0, 1) : 0;
+			H += (f - H) * (1 - Math.exp(-d / (f > H ? 65 : 140)));
+			let g = O(s.current.motionSpeed ?? 1, .5, 1.5), y = O(s.current.motionIntensity ?? 1, .25, 1.25);
+			n && (i || Z() || o) && (B += d * (o ? 84e-5 : .00105) * g), m.current = B, n && (i || Z() || o) && (h.current += (+!!o - h.current) * (1 - Math.exp(-d / 500)));
+			let b = n && Z() && !i ? .14 + H * .75 : i ? .2 : 0, S = c.label.hasAttribute("hidden");
+			ie(c, r, T, B, b, y, !!(s.current.guideContent && l), h.current), ae(c, B, n && s.current.splashes !== !1 && s.current.activity === "speaking" && r.phase === "still", H);
+			let C = n && (i || Z()) ? "animated" : n && o ? "ambient" : "static";
 			c.source.dataset.liquidMotion !== C && (c.source.dataset.liquidMotion = C), u.current = {
 				...r,
-				seatWidth: r.phase === "gather" ? k?.seatWidth ?? E : E
-			}, l && S && !c.label.hasAttribute("hidden") && Z(), n && (i || Q()) ? N = requestAnimationFrame(me) : (J(), o && (n || L) && (P = te(() => {
+				seatWidth: r.phase === "gather" ? E?.seatWidth ?? T : T
+			}, l && S && !c.label.hasAttribute("hidden") && X(), n && (i || Z()) ? M = requestAnimationFrame(me) : (J(), o && (n || L) && (P = te(() => {
 				P = () => {}, F && !document.hidden && R && me(performance.now());
 			}, L ? 250 : 1e3 / 12)));
 		}
 		function me(e) {
-			if (N = null, !F || document.hidden) {
+			if (M = null, !F || document.hidden) {
 				J();
 				return;
 			}
 			if ((u.current?.phase === "still" || u.current?.phase === "dock") && e - z < 32) {
-				N = requestAnimationFrame(me);
+				M = requestAnimationFrame(me);
 				return;
 			}
 			z = e, pe(e);
 		}
 		function $() {
-			!F || N !== null || document.hidden || (P(), P = () => {}, pe(performance.now()));
+			!F || M !== null || document.hidden || (P(), P = () => {}, pe(performance.now()));
 		}
 		g.current = $;
 		let he = () => {
 			if (K(), K = () => {}, !l || document.hidden) return;
 			let e = se(c.source, l, c.label, () => {
-				Z(), $();
+				X(), $();
 			});
 			K = e, l || e();
 		};
-		l && (Z(), l && (he(), l && !s.current.guideContent && (q = setTimeout(() => Y("expired"), 12e3))));
+		l && (X(), l && (he(), l && !s.current.guideContent && (q = setTimeout(() => Y("expired"), 12e3))));
 		let ge = (e) => {
 			if (e.key === "Escape" && !e.isComposing && l) {
 				if (s.current.guideContent && e.target instanceof Node && c.label.contains(e.target)) return;
@@ -612,16 +619,16 @@ function K(e, i, a, o) {
 		}, _e = (e) => {
 			s.current.dismissOnTargetClick !== !1 && l?.contextElement && e.target instanceof Node && l.contextElement.contains(e.target) && Y("dismissed");
 		}, ve = () => {
-			document.hidden ? (P(), P = () => {}, N !== null && cancelAnimationFrame(N), N = null, K(), W++, J()) : (re = performance.now(), he(), $());
+			document.hidden ? (P(), P = () => {}, M !== null && cancelAnimationFrame(M), M = null, K(), W++, J()) : (V = performance.now(), he(), $());
 		}, ye = typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
-			R = e[0]?.isIntersecting ?? !0, R || (P(), P = () => {}, N !== null && cancelAnimationFrame(N), N = null, J()), $();
+			R = e[0]?.isIntersecting ?? !0, R || (P(), P = () => {}, M !== null && cancelAnimationFrame(M), M = null, J()), $();
 		});
 		ye?.observe(a), document.addEventListener("keydown", ge, !0), document.addEventListener("click", _e), document.addEventListener("visibilitychange", ve), document.addEventListener("close", $, !0), document.addEventListener("toggle", $, !0);
 		let be = le(() => {
-			Z(), $();
+			X(), $();
 		});
 		return $(), () => {
-			F = !1, g.current = () => {}, W++, N !== null && cancelAnimationFrame(N), clearTimeout(q), P(), K(), be(), ye?.disconnect(), J(), document.removeEventListener("keydown", ge, !0), document.removeEventListener("click", _e), document.removeEventListener("visibilitychange", ve), document.removeEventListener("close", $, !0), document.removeEventListener("toggle", $, !0);
+			F = !1, g.current = () => {}, W++, M !== null && cancelAnimationFrame(M), clearTimeout(q), P(), K(), be(), ye?.disconnect(), J(), document.removeEventListener("keydown", ge, !0), document.removeEventListener("click", _e), document.removeEventListener("visibilitychange", ve), document.removeEventListener("close", $, !0), document.removeEventListener("toggle", $, !0);
 		};
 	}, [
 		e,
@@ -642,8 +649,8 @@ function K(e, i, a, o) {
 }
 //#endregion
 //#region src/LiquidPresence.tsx
-function q(t) {
-	let n = e() || t.reducedMotion === !0, r = T(t.size ?? 64, 32, 224), i = `presence-${l().replace(/[^a-zA-Z0-9_-]/g, "")}`, a = d(null), o = d(null), [u, _] = f(null);
+function de(t) {
+	let n = e() || t.reducedMotion === !0, r = O(t.size ?? 64, 32, 224), i = `presence-${l().replace(/[^a-zA-Z0-9_-]/g, "")}`, a = d(null), o = d(null), [u, _] = f(null);
 	c(() => {
 		let e = t.target?.contextElement?.closest("dialog");
 		_(e ?? a.current?.closest("dialog") ?? document.body);
@@ -688,7 +695,7 @@ function q(t) {
 		return r(), window.addEventListener("resize", r, { passive: !0 }), () => {
 			i.disconnect(), window.removeEventListener("resize", r);
 		};
-	}, [u]), K(a, o, {
+	}, [u]), Y(a, o, {
 		...t,
 		size: r,
 		reducedMotion: n
@@ -702,26 +709,23 @@ function q(t) {
 			"--liquid-presence-from": "var(--game-ui-warning)",
 			"--liquid-presence-to": "var(--game-ui-warning)"
 		} : {}
-	}, y = (e, t) => /* @__PURE__ */ g("defs", { children: [/* @__PURE__ */ g("linearGradient", {
+	}, y = (e, t) => /* @__PURE__ */ h("defs", { children: [/* @__PURE__ */ m("linearGradient", {
 		id: `${i}-${e}-fill`,
 		gradientUnits: "userSpaceOnUse",
-		x1: e === "core" ? 24 : -24,
+		x1: 0,
 		y1: e === "core" ? 16 : -18,
-		x2: e === "core" ? 136 : 24,
+		x2: 0,
 		y2: e === "core" ? 146 : 18,
-		children: [/* @__PURE__ */ h("stop", {
-			offset: "0",
-			stopColor: "var(--liquid-presence-from, var(--game-ui-secondary))"
-		}), /* @__PURE__ */ h("stop", {
-			offset: "1",
-			stopColor: "var(--liquid-presence-to, var(--game-ui-secondary))"
-		})]
-	}), /* @__PURE__ */ h("filter", {
+		children: D.map(([e, t]) => /* @__PURE__ */ m("stop", {
+			offset: e,
+			style: { stopColor: t }
+		}, e))
+	}), /* @__PURE__ */ m("filter", {
 		id: `${i}-${e}-goo`,
 		filterUnits: "userSpaceOnUse",
 		...t,
 		colorInterpolationFilters: "sRGB",
-		children: /* @__PURE__ */ h(s, {
+		children: /* @__PURE__ */ m(s, {
 			blur: e === "core" ? 5 : 2,
 			contrast: 18,
 			gloss: 3.5,
@@ -730,13 +734,13 @@ function q(t) {
 			waviness: 0
 		})
 	})] });
-	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
 		ref: a,
 		className: `game-ui-liquid-presence ${t.className ?? ""}`,
 		style: v,
 		"data-activity": t.activity ?? "idle",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ g("svg", {
+		children: /* @__PURE__ */ h("svg", {
 			viewBox: "0 0 160 160",
 			focusable: "false",
 			children: [y("core", {
@@ -744,15 +748,15 @@ function q(t) {
 				y: -80,
 				width: 320,
 				height: 320
-			}), /* @__PURE__ */ g("g", {
+			}), /* @__PURE__ */ h("g", {
 				fill: `url(#${i}-core-fill)`,
 				filter: `url(#${i}-core-goo)`,
 				children: [
-					/* @__PURE__ */ h("path", {
+					/* @__PURE__ */ m("path", {
 						"data-presence-body": "",
-						d: M()
+						d: F()
 					}),
-					/* @__PURE__ */ h("circle", {
+					/* @__PURE__ */ m("circle", {
 						"data-presence-bud": "",
 						cx: "80",
 						cy: "80",
@@ -763,7 +767,7 @@ function q(t) {
 						0,
 						1,
 						2
-					].map((e) => /* @__PURE__ */ h("circle", {
+					].map((e) => /* @__PURE__ */ m("circle", {
 						"data-presence-satellite": "",
 						cx: "80",
 						cy: "80",
@@ -773,7 +777,7 @@ function q(t) {
 				]
 			})]
 		})
-	}), u && p(/* @__PURE__ */ g("div", {
+	}), u && g(/* @__PURE__ */ h("div", {
 		ref: o,
 		className: "game-ui-liquid-presence-overlay",
 		style: {
@@ -783,7 +787,7 @@ function q(t) {
 		},
 		"data-presence-overlay": "",
 		children: [
-			/* @__PURE__ */ g("svg", {
+			/* @__PURE__ */ h("svg", {
 				className: "game-ui-liquid-presence-flight",
 				viewBox: "-48 -36 96 72",
 				"aria-hidden": "true",
@@ -794,18 +798,18 @@ function q(t) {
 					y: -36,
 					width: 96,
 					height: 72
-				}), /* @__PURE__ */ h("g", {
+				}), /* @__PURE__ */ m("g", {
 					fill: `url(#${i}-flight-fill)`,
 					filter: `url(#${i}-flight-goo)`,
-					children: /* @__PURE__ */ g("g", {
+					children: /* @__PURE__ */ h("g", {
 						"data-presence-flight-body": "",
-						children: [/* @__PURE__ */ h("circle", { r: "16" }), /* @__PURE__ */ g("g", {
+						children: [/* @__PURE__ */ m("circle", { r: "16" }), /* @__PURE__ */ h("g", {
 							"data-presence-trail": "",
-							children: [/* @__PURE__ */ h("circle", {
+							children: [/* @__PURE__ */ m("circle", {
 								cx: "-27",
 								cy: "5",
 								r: "4.5"
-							}), /* @__PURE__ */ h("circle", {
+							}), /* @__PURE__ */ m("circle", {
 								cx: "-36",
 								cy: "8",
 								r: "2.5"
@@ -814,7 +818,7 @@ function q(t) {
 					})
 				})]
 			}),
-			/* @__PURE__ */ g("svg", {
+			/* @__PURE__ */ h("svg", {
 				className: "game-ui-liquid-presence-seat",
 				viewBox: "-56 -28 112 56",
 				"aria-hidden": "true",
@@ -825,14 +829,14 @@ function q(t) {
 					y: -28,
 					width: 112,
 					height: 56
-				}), /* @__PURE__ */ h("path", {
+				}), /* @__PURE__ */ m("path", {
 					"data-presence-seat-body": "",
-					d: N(48, 1),
+					d: I(48, 1),
 					fill: `url(#${i}-seat-fill)`,
 					filter: `url(#${i}-seat-goo)`
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ m("div", {
 				className: `game-ui-liquid-presence-label${t.guideContent ? " game-ui-liquid-presence-label--guide" : ""}${t.guideContent && t.guideSize === "expanded" ? " game-ui-liquid-presence-label--expanded" : ""}`,
 				role: t.guideContent ? void 0 : "status",
 				"aria-atomic": !t.guideContent || void 0,
@@ -849,7 +853,7 @@ function q(t) {
 }
 //#endregion
 //#region src/liquidRevealGeometry.ts
-function J(e, t, n, r = 0, o = 1) {
+function X(e, t, n, r = 0, o = 1) {
 	let s = Math.max(44, e), c = Math.max(44, t), l = Math.min(28, (s - 12) / 2, (c - 12) / 2), u = i(6, 6, s - 12, c - 12, [
 		l,
 		l,
@@ -873,7 +877,7 @@ function J(e, t, n, r = 0, o = 1) {
 }
 //#endregion
 //#region src/useLiquidRevealAmbient.ts
-function Y(e, i, a, o, s, l = 1, u = 1) {
+function Z(e, i, a, o, s, l = 1, u = 1) {
 	let f = d(0);
 	return c(() => {
 		let c = e.current;
@@ -892,7 +896,7 @@ function Y(e, i, a, o, s, l = 1, u = 1) {
 			}
 			try {
 				f.current += i * Math.PI * 2 * u / 1e4;
-				let e = J(a, o, s, f.current, l);
+				let e = X(a, o, s, f.current, l);
 				g?.setAttribute("d", e.outline), _?.setAttribute("d", e.outline), v?.setAttribute("d", e.ribbon), c.dataset.revealAmbient = "flowing";
 			} finally {
 				n();
@@ -918,14 +922,14 @@ function Y(e, i, a, o, s, l = 1, u = 1) {
 }
 //#endregion
 //#region src/liquidRevealEntranceGeometry.ts
-var X = (e) => {
+var Q = (e) => {
 	let t = Math.min(1, Math.max(0, e));
 	return t * t * t * (10 + t * (-15 + 6 * t));
 };
-function Z(e, t, n, r, a, o, s = 1) {
-	let c = J(e, t, n, 0, s).outline;
+function fe(e, t, n, r, a, o, s = 1) {
+	let c = X(e, t, n, 0, s).outline;
 	return Array.from({ length: 49 }, (l, u) => {
-		let d = u / 48, f = X((d - .08) / .34), p = j(r, a, f, o), m = X((d - .39) / .46), h = X((d - .47) / .46), g = X((d - .3) / .14) * (1 - m), _ = 8 + 20 * X(d / .15) + 10 * g, v = 1 + Math.sin(f * Math.PI) * .35, y = a.x - r.x, b = a.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));
+		let d = u / 48, f = Q((d - .08) / .34), p = P(r, a, f, o), m = Q((d - .39) / .46), h = Q((d - .47) / .46), g = Q((d - .3) / .14) * (1 - m), _ = 8 + 20 * Q(d / .15) + 10 * g, v = 1 + Math.sin(f * Math.PI) * .35, y = a.x - r.x, b = a.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 : i(E, D, w, T, [
 				O,
@@ -944,7 +948,7 @@ function Z(e, t, n, r, a, o, s = 1) {
 }
 //#endregion
 //#region src/useLiquidRevealEntrance.ts
-function Q(e, r, i, a, o, s, c, l, f = 1) {
+function pe(e, r, i, a, o, s, c, l, f = 1) {
 	let p = d(null);
 	u(() => {
 		let u = e.current;
@@ -967,7 +971,7 @@ function Q(e, r, i, a, o, s, c, l, f = 1) {
 				return;
 			}
 			let e = r.current?.getBoundingClientRect(), n = u.getBoundingClientRect(), s = u.querySelector("[data-reveal-body]"), x = u.querySelector("[data-reveal-material]"), S = u.querySelector(".game-ui-liquid-reveal-content");
-			if (p.current = i, u.contains(document.activeElement) || !e || !E(e) || document.hidden || typeof u.animate != "function" || !t((a + 24) * (o + 24))) {
+			if (p.current = i, u.contains(document.activeElement) || !e || !k(e) || document.hidden || typeof u.animate != "function" || !t((a + 24) * (o + 24))) {
 				y();
 				return;
 			}
@@ -975,17 +979,17 @@ function Q(e, r, i, a, o, s, c, l, f = 1) {
 			let C = n.width / a || 1, w = n.height / o || 1, T = {
 				x: (e.x + e.width / 2 - n.x) / C,
 				y: (e.y + e.height / 2 - n.y) / w
-			}, D = {
+			}, E = {
 				x: Math.min(a - 28, Math.max(28, T.x)),
 				y: T.y > o / 2 ? o - 28 : 28
-			}, O = {
+			}, D = {
 				x: -n.x / C,
 				y: -n.y / w,
 				width: innerWidth / C,
 				height: innerHeight / w
 			};
 			if (c && s && CSS.supports("d", "path(\"M0 0L1 1Z\")")) {
-				let e = Z(a, o, l, T, D, O, f);
+				let e = fe(a, o, l, T, E, D, f);
 				v.push(s.animate(e, {
 					duration: 720,
 					fill: "both",
@@ -1016,8 +1020,8 @@ function Q(e, r, i, a, o, s, c, l, f = 1) {
 					fill: "both"
 				}));
 			} else x && v.push(x.animate([{ opacity: .2 }, { opacity: 1 }], { duration: 180 }));
-			let k = r.current?.querySelector(".game-ui-liquid-presence > svg");
-			k && v.push(k.animate([
+			let O = r.current?.querySelector(".game-ui-liquid-presence > svg");
+			O && v.push(O.animate([
 				{ transform: "scale(1)" },
 				{
 					transform: "scale(1.05, .9)",
@@ -1056,17 +1060,17 @@ function Q(e, r, i, a, o, s, c, l, f = 1) {
 }
 //#endregion
 //#region src/LiquidReveal.tsx
-function de({ children: t, source: n, revealKey: i = "initial", variant: a = "content", surface: o = "dark", reducedMotion: c, idleMotion: p = "still", colorFrom: m, colorTo: _, motionIntensity: v = 1, motionSpeed: y = 1, className: b = "" }) {
-	let x = e() || c === !0, S = T(v, .25, 1.25), C = T(y, .5, 1.5), w = d(null), [E, D] = f({
+function me({ children: t, source: n, revealKey: i = "initial", variant: a = "content", surface: o = "dark", reducedMotion: c, idleMotion: g = "still", colorFrom: _, colorTo: v, motionIntensity: y = 1, motionSpeed: b = 1, className: x = "" }) {
+	let S = e() || c === !0, C = O(y, .25, 1.25), w = O(b, .5, 1.5), T = d(null), [E, k] = f({
 		width: 0,
 		height: 0
-	}), O = `liquid-reveal-${l().replace(/[^a-zA-Z0-9_-]/g, "")}`;
+	}), A = `liquid-reveal-${l().replace(/[^a-zA-Z0-9_-]/g, "")}`;
 	u(() => {
-		let e = w.current;
+		let e = T.current;
 		if (!e) return;
 		let t = () => {
 			let t = e.clientWidth, n = e.clientHeight;
-			D((e) => e.width === t && e.height === n ? e : {
+			k((e) => e.width === t && e.height === n ? e : {
 				width: t,
 				height: n
 			});
@@ -1074,51 +1078,61 @@ function de({ children: t, source: n, revealKey: i = "initial", variant: a = "co
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, []), Q(w, n, i, E.width, E.height, x, o === "material", a === "input", S);
-	let k = Math.max(44, E.width), A = Math.max(44, E.height), ee = Y(w, !x && p === "breathe", E.width, E.height, a === "input", S, C), j = J(k, A, a === "input", ee.current, S), M = (k + 24) * (A + 24) <= r().maxFilterArea;
-	return /* @__PURE__ */ g("div", {
-		ref: w,
-		className: `game-ui-liquid-reveal ${b}`,
+	}, []), pe(T, n, i, E.width, E.height, S, o === "material", a === "input", C);
+	let j = Math.max(44, E.width), M = Math.max(44, E.height), ee = Z(T, !S && g === "breathe", E.width, E.height, a === "input", C, w), N = X(j, M, a === "input", ee.current, C), P = (j + 24) * (M + 24) <= r().maxFilterArea;
+	return /* @__PURE__ */ h("div", {
+		ref: T,
+		className: `game-ui-liquid-reveal ${x}`,
 		style: {
-			...m ? { "--liquid-presence-from": m } : {},
-			..._ ? { "--liquid-presence-to": _ } : {}
+			..._ ? { "--liquid-presence-from": _ } : {},
+			...v ? { "--liquid-presence-to": v } : {}
 		},
 		"data-reveal-variant": a,
 		"data-reveal-surface": o,
-		"data-reveal-filter": M ? "volume" : "flat",
-		children: [/* @__PURE__ */ h("div", {
+		"data-reveal-filter": P ? "volume" : "flat",
+		children: [/* @__PURE__ */ m("div", {
 			className: "game-ui-liquid-reveal-content",
 			children: t
-		}), E.width > 0 && /* @__PURE__ */ g("svg", {
+		}), E.width > 0 && /* @__PURE__ */ h("svg", {
 			className: "game-ui-liquid-reveal-ink",
-			width: k,
-			height: A,
-			viewBox: `0 0 ${k} ${A}`,
+			width: j,
+			height: M,
+			viewBox: `0 0 ${j} ${M}`,
 			"aria-hidden": "true",
 			focusable: "false",
 			children: [
-				/* @__PURE__ */ g("defs", { children: [/* @__PURE__ */ g("linearGradient", {
-					id: `${O}-fill`,
+				/* @__PURE__ */ h("defs", { children: [o === "material" ? /* @__PURE__ */ m("linearGradient", {
+					id: `${A}-fill`,
+					x1: "0",
+					y1: "0",
+					x2: "0",
+					y2: "1",
+					children: D.map(([e, t]) => /* @__PURE__ */ m("stop", {
+						offset: e,
+						style: { stopColor: t }
+					}, e))
+				}) : /* @__PURE__ */ h("linearGradient", {
+					id: `${A}-fill`,
 					x1: "0",
 					y1: "0",
 					x2: "1",
 					y2: "1",
-					children: [/* @__PURE__ */ h("stop", {
+					children: [/* @__PURE__ */ m("stop", {
 						offset: "0",
 						stopColor: "var(--liquid-presence-from, var(--game-ui-secondary))"
-					}), /* @__PURE__ */ h("stop", {
+					}), /* @__PURE__ */ m("stop", {
 						offset: "1",
 						stopColor: "var(--liquid-presence-to, var(--game-ui-secondary))"
 					})]
-				}), /* @__PURE__ */ h("filter", {
-					id: `${O}-finish`,
+				}), /* @__PURE__ */ m("filter", {
+					id: `${A}-finish`,
 					x: "-12",
 					y: "-12",
-					width: k + 24,
-					height: A + 24,
+					width: j + 24,
+					height: M + 24,
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
-					children: /* @__PURE__ */ h(s, {
+					children: /* @__PURE__ */ m(s, {
 						blur: 1.2,
 						contrast: 18,
 						gloss: 3.5,
@@ -1127,28 +1141,32 @@ function de({ children: t, source: n, revealKey: i = "initial", variant: a = "co
 						waviness: 0
 					})
 				})] }),
-				o === "material" && /* @__PURE__ */ h("path", {
+				o === "material" && /* @__PURE__ */ m("path", {
 					"data-reveal-body": "",
-					d: j.outline,
-					fill: `url(#${O}-fill)`
+					d: N.outline,
+					fill: `url(#${A}-fill)`
 				}),
-				/* @__PURE__ */ g("g", {
+				/* @__PURE__ */ m("g", {
 					"data-reveal-material": "",
-					filter: M ? `url(#${O}-finish)` : void 0,
-					children: [/* @__PURE__ */ h("path", {
+					filter: P ? `url(#${A}-finish)` : void 0,
+					children: o === "material" ? /* @__PURE__ */ m("path", {
+						"data-reveal-outline": "",
+						d: N.outline,
+						fill: `url(#${A}-fill)`
+					}) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("path", {
 						"data-reveal-ribbon": "",
-						d: j.ribbon,
+						d: N.ribbon,
 						fillRule: "evenodd",
-						fill: `url(#${O}-fill)`
-					}), /* @__PURE__ */ h("path", {
+						fill: `url(#${A}-fill)`
+					}), /* @__PURE__ */ m("path", {
 						"data-reveal-outline": "",
-						d: j.outline,
+						d: N.outline,
 						pathLength: "1",
 						fill: "none",
-						stroke: `url(#${O}-fill)`,
+						stroke: `url(#${A}-fill)`,
 						strokeWidth: "1.2",
 						strokeLinecap: "round"
-					})]
+					})] })
 				})
 			]
 		})]
@@ -1156,7 +1174,7 @@ function de({ children: t, source: n, revealKey: i = "initial", variant: a = "co
 }
 //#endregion
 //#region src/LiquidAnchor.tsx
-function fe({ source: e, children: t, placement: n = "top-end", onBoundsChange: r }) {
+function $({ source: e, children: t, placement: n = "top-end", onBoundsChange: r }) {
 	let [i, a] = f(null), o = d(r);
 	o.current = r;
 	let [s, c] = f(null);
@@ -1166,7 +1184,7 @@ function fe({ source: e, children: t, placement: n = "top-end", onBoundsChange:
 		let t = e.current, r = i;
 		if (!t || !r) return;
 		let a = (e) => {
-			G(r, e), o.current?.(e);
+			J(r, e), o.current?.(e);
 		}, s = !0, c = 0, l = null, u = null, d = () => {
 			let e = getComputedStyle(t);
 			for (let t of Array.from(e)) if (t.startsWith("--game-ui-") || t.startsWith("--liquid-presence-")) {
@@ -1258,10 +1276,10 @@ function fe({ source: e, children: t, placement: n = "top-end", onBoundsChange:
 		i,
 		n,
 		e
-	]), s ? /* @__PURE__ */ h(_, {
+	]), s ? /* @__PURE__ */ m(_, {
 		root: s,
 		preserveTabOrder: !1,
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ m("div", {
 			ref: a,
 			className: "game-ui-liquid-anchor",
 			style: {
@@ -1275,4 +1293,4 @@ function fe({ source: e, children: t, placement: n = "top-end", onBoundsChange:
 	}) : null;
 }
 //#endregion
-export { fe as LiquidAnchor, q as LiquidPresence, de as LiquidReveal };
+export { $ as LiquidAnchor, de as LiquidPresence, me as LiquidReveal };