@pieai/swimmer-ui-kit 2.10.0 → 2.11.0

package/dist/liquid-presence.css

@@ -1 +1 @@
-:root{--game-ui-assistance-z:96;--game-ui-liquid-reveal-bg:#050c0df0;--game-ui-liquid-reveal-solid:#101718;--game-ui-liquid-reveal-text:#f2f7f4;--game-ui-liquid-reveal-muted:#b6c7c0;--game-ui-liquid-reveal-shadow:0 22px 70px #00000038;--game-ui-liquid-reveal-backdrop:#0000003d;--game-ui-liquid-action-face:#fff8ec;--game-ui-liquid-action-ink:#403127;--game-ui-liquid-action-lip:#ae9e87;--game-ui-liquid-action-border:#dccdb9;--game-ui-liquid-field-face:#0000003d;--game-ui-liquid-material-ink:#020a08;--game-ui-liquid-material-muted:#020a08;--game-ui-liquid-material-field:#104a41;--game-ui-liquid-field-ink:#f2f7f4}.game-ui-liquid-reveal .game-ui-button--secondary{background:var(--game-ui-liquid-action-face);color:var(--game-ui-liquid-action-ink);border:1px solid var(--game-ui-liquid-action-border);--game-ui-button-lip-ink:var(--game-ui-liquid-action-lip);--game-ui-shadow-button:inset 0 1px 0 color-mix(in srgb, var(--game-ui-liquid-action-face) 90%, transparent)}.game-ui-liquid-reveal .game-ui-button:disabled{opacity:.55}.game-ui-liquid-reveal .game-ui-button--ghost{color:var(--game-ui-liquid-reveal-muted)}.game-ui-liquid-reveal{isolation:isolate;min-width:0;color:var(--game-ui-liquid-reveal-text);font-family:var(--game-ui-font-body);border-radius:32px;position:relative}.game-ui-liquid-reveal:before{content:"";z-index:-1;background:var(--game-ui-liquid-reveal-bg);backdrop-filter:blur(8px);box-shadow:var(--game-ui-liquid-reveal-shadow);pointer-events:none;border-radius:27px;position:absolute;inset:6px}.game-ui-liquid-reveal-content{z-index:1;min-width:0;padding:12px;position:relative}.game-ui-liquid-reveal[data-reveal-surface=material]{--game-ui-liquid-reveal-text:var(--game-ui-liquid-material-ink);--game-ui-liquid-reveal-muted:var(--game-ui-liquid-material-muted);--game-ui-liquid-field-face:var(--game-ui-liquid-material-field)}.game-ui-liquid-reveal[data-reveal-surface=material]:before{backdrop-filter:none;background:0 0}.game-ui-liquid-reveal[data-reveal-surface=material][data-reveal-motion=preparing] .game-ui-liquid-reveal-content,.game-ui-liquid-reveal[data-reveal-surface=material][data-reveal-motion=preparing] .game-ui-liquid-reveal-ink{opacity:0}.game-ui-liquid-reveal[data-reveal-surface=material]:is([data-reveal-motion=preparing],[data-reveal-motion=drawing]):before{box-shadow:none}.game-ui-liquid-reveal[data-reveal-filter=flat]:before{backdrop-filter:none;background:var(--game-ui-liquid-reveal-solid)}.game-ui-liquid-reveal-ink{pointer-events:none;position:absolute;inset:0;overflow:visible}.game-ui-liquid-reveal[data-reveal-variant=input]{border-radius:36px}.game-ui-liquid-reveal[data-reveal-variant=input]:before{border-radius:30px}@media (forced-colors:active){.game-ui-liquid-reveal{color:canvastext;border:2px solid canvastext}.game-ui-liquid-reveal:before{box-shadow:none;backdrop-filter:none;background:canvas}.game-ui-liquid-reveal[data-reveal-surface=material]{--game-ui-liquid-reveal-text:CanvasText;--game-ui-liquid-reveal-muted:CanvasText;--game-ui-liquid-field-ink:CanvasText;--game-ui-liquid-field-face:Canvas}.game-ui-liquid-reveal[data-reveal-surface=material]:before{background:canvas}.game-ui-liquid-reveal-ink{display:none}}.game-ui-liquid-presence{--liquid-presence-from:var(--game-ui-secondary);--liquid-presence-to:var(--game-ui-secondary);vertical-align:middle;pointer-events:none;color:var(--game-ui-secondary);flex:none;line-height:0;display:inline-block;position:relative}.game-ui-liquid-presence>svg{width:100%;height:100%;display:block;overflow:visible}.game-ui-liquid-presence[data-activity=disabled]{opacity:.5}.game-ui-liquid-presence[data-activity=error],.game-ui-liquid-presence[data-activity=unknown]{--liquid-presence-from:var(--game-ui-warning);--liquid-presence-to:var(--game-ui-warning)}.game-ui-liquid-presence-overlay{z-index:95;pointer-events:none;color:var(--game-ui-secondary);position:fixed;inset:0;overflow:visible}.game-ui-liquid-presence-overlay>[hidden]{display:none!important}.game-ui-liquid-presence-flight,.game-ui-liquid-presence-seat{transform-origin:50%;position:absolute;top:0;left:0;overflow:visible}.game-ui-liquid-presence-flight{width:96px;height:72px}.game-ui-liquid-presence-seat{width:112px;height:56px}.game-ui-liquid-presence-label{box-sizing:border-box;border-radius:var(--game-ui-radius-control,12px);background:var(--game-ui-panel-strong);width:max-content;max-width:min(260px,100vw - 32px);color:var(--game-ui-text);box-shadow:var(--game-ui-shadow-button);font:500 13px/1.5 var(--game-ui-font-body);overflow-wrap:anywhere;text-wrap:pretty;padding:9px 14px;position:absolute;top:0;left:0}.game-ui-liquid-presence-label--guide{overscroll-behavior:contain;pointer-events:auto;text-wrap:wrap;border-radius:16px;width:300px;max-width:calc(100vw - 32px);max-height:min(300px,42dvh);padding:16px;overflow:auto}.game-ui-liquid-presence-label--expanded{flex-direction:column;width:420px;max-height:min(560px,65dvh);display:flex}@media (prefers-reduced-motion:reduce){.game-ui-liquid-presence-flight{display:none}}@media (forced-colors:active){.game-ui-liquid-presence svg g,.game-ui-liquid-presence-overlay svg g,.game-ui-liquid-presence-overlay svg path{filter:none;fill:highlight}.game-ui-liquid-presence-label{color:canvastext;box-shadow:none;background:canvas;border:1px solid canvastext}}.game-ui-liquid-anchor{z-index:var(--game-ui-assistance-z,95);width:max-content}
+@layer swimmer-ui{.game-ui-button[data-game-ui-control=liquid-presence]{box-shadow:none;color:inherit;background:0 0;border:0;border-radius:50%;padding:0}.game-ui-button[data-game-ui-control=liquid-presence]:is(:hover,:active){transform:translate(0,0)scale(1)}:root{--game-ui-assistance-z:96;--game-ui-liquid-reveal-bg:#050c0df0;--game-ui-liquid-reveal-solid:#101718;--game-ui-liquid-reveal-text:#f2f7f4;--game-ui-liquid-reveal-muted:#b6c7c0;--game-ui-liquid-reveal-shadow:0 22px 70px #00000038;--game-ui-liquid-reveal-backdrop:#0000003d;--game-ui-liquid-action-face:#fff8ec;--game-ui-liquid-action-ink:#403127;--game-ui-liquid-action-lip:#ae9e87;--game-ui-liquid-action-border:#dccdb9;--game-ui-liquid-field-face:#0000003d;--game-ui-liquid-material-ink:#020a08;--game-ui-liquid-material-muted:#020a08;--game-ui-liquid-material-field:#104a41;--game-ui-liquid-field-ink:#f2f7f4}.game-ui-liquid-reveal .game-ui-button--secondary{background:var(--game-ui-liquid-action-face);color:var(--game-ui-liquid-action-ink);border:1px solid var(--game-ui-liquid-action-border);--game-ui-button-lip-ink:var(--game-ui-liquid-action-lip);--game-ui-shadow-button:inset 0 1px 0 color-mix(in srgb, var(--game-ui-liquid-action-face) 90%, transparent)}.game-ui-liquid-reveal .game-ui-button:disabled{opacity:.55}.game-ui-liquid-reveal .game-ui-button--ghost{color:var(--game-ui-liquid-reveal-muted)}.game-ui-liquid-reveal{isolation:isolate;min-width:0;color:var(--game-ui-liquid-reveal-text);font-family:var(--game-ui-font-body);border-radius:32px;position:relative}.game-ui-liquid-reveal:before{content:"";z-index:-1;background:var(--game-ui-liquid-reveal-bg);backdrop-filter:blur(8px);box-shadow:var(--game-ui-liquid-reveal-shadow);pointer-events:none;border-radius:27px;position:absolute;inset:6px}.game-ui-liquid-reveal-content{z-index:1;min-width:0;padding:12px;position:relative}.game-ui-liquid-reveal[data-reveal-surface=material]{--game-ui-liquid-reveal-text:var(--game-ui-liquid-material-ink);--game-ui-liquid-reveal-muted:var(--game-ui-liquid-material-muted);--game-ui-liquid-field-face:var(--game-ui-liquid-material-field)}.game-ui-liquid-reveal[data-reveal-surface=material]:before{backdrop-filter:none;background:0 0}.game-ui-liquid-reveal[data-reveal-surface=material][data-reveal-motion=preparing] .game-ui-liquid-reveal-content,.game-ui-liquid-reveal[data-reveal-surface=material][data-reveal-motion=preparing] .game-ui-liquid-reveal-ink{opacity:0}.game-ui-liquid-reveal[data-reveal-surface=material]:is([data-reveal-motion=preparing],[data-reveal-motion=drawing]):before{box-shadow:none}.game-ui-liquid-reveal[data-reveal-filter=flat]:before{backdrop-filter:none;background:var(--game-ui-liquid-reveal-solid)}.game-ui-liquid-reveal-ink{pointer-events:none;position:absolute;inset:0;overflow:visible}.game-ui-liquid-reveal[data-reveal-variant=input]{border-radius:36px}.game-ui-liquid-reveal[data-reveal-variant=input]:before{border-radius:30px}@media (forced-colors:active){.game-ui-liquid-reveal{color:canvastext;border:2px solid canvastext}.game-ui-liquid-reveal:before{box-shadow:none;backdrop-filter:none;background:canvas}.game-ui-liquid-reveal[data-reveal-surface=material]{--game-ui-liquid-reveal-text:CanvasText;--game-ui-liquid-reveal-muted:CanvasText;--game-ui-liquid-field-ink:CanvasText;--game-ui-liquid-field-face:Canvas}.game-ui-liquid-reveal[data-reveal-surface=material]:before{background:canvas}.game-ui-liquid-reveal-ink{display:none}}.game-ui-liquid-presence{--liquid-presence-from:var(--game-ui-secondary);--liquid-presence-to:var(--game-ui-secondary);vertical-align:middle;pointer-events:none;color:var(--game-ui-secondary);flex:none;line-height:0;display:inline-block;position:relative}.game-ui-liquid-presence>svg{width:100%;height:100%;display:block;overflow:visible}.game-ui-liquid-presence[data-activity=disabled]{opacity:.5}.game-ui-liquid-presence[data-activity=error],.game-ui-liquid-presence[data-activity=unknown]{--liquid-presence-from:var(--game-ui-warning);--liquid-presence-to:var(--game-ui-warning)}.game-ui-liquid-presence-overlay{z-index:95;pointer-events:none;color:var(--game-ui-secondary);position:fixed;inset:0;overflow:visible}.game-ui-liquid-presence-overlay>[hidden]{display:none!important}.game-ui-liquid-presence-flight,.game-ui-liquid-presence-seat{transform-origin:50%;position:absolute;top:0;left:0;overflow:visible}.game-ui-liquid-presence-flight{width:96px;height:72px}.game-ui-liquid-presence-seat{width:112px;height:56px}.game-ui-liquid-presence-label{box-sizing:border-box;border-radius:var(--game-ui-radius-control,12px);background:var(--game-ui-panel-strong);width:max-content;max-width:min(260px,100vw - 32px);color:var(--game-ui-text);box-shadow:var(--game-ui-shadow-button);font:500 13px/1.5 var(--game-ui-font-body);overflow-wrap:anywhere;text-wrap:pretty;padding:9px 14px;position:absolute;top:0;left:0}.game-ui-liquid-presence-label--guide{overscroll-behavior:contain;pointer-events:auto;text-wrap:wrap;border-radius:16px;width:300px;max-width:calc(100vw - 32px);max-height:min(300px,42dvh);padding:16px;overflow:auto}.game-ui-liquid-presence-label--expanded{flex-direction:column;width:420px;max-height:min(560px,65dvh);display:flex}@media (prefers-reduced-motion:reduce){.game-ui-liquid-presence-flight{display:none}}@media (forced-colors:active){.game-ui-liquid-presence svg g,.game-ui-liquid-presence-overlay svg g,.game-ui-liquid-presence-overlay svg path{filter:none;fill:highlight}.game-ui-liquid-presence-label{color:canvastext;box-shadow:none;background:canvas;border:1px solid canvastext}}.game-ui-liquid-anchor{z-index:var(--game-ui-assistance-z,95);width:max-content}}

package/dist/liquid-presence.js

@@ -232,34 +232,34 @@ var V = (e, t, n) => {
 	let r = String(n);
 	e.getAttribute(t) !== r && e.setAttribute(t, r);
 };
-function H(e, t, n) {
+function re(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 re(e, t, n, r, i = 0, a = 1, o = !1, s = 0) {
+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));
 	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));
 	let l = t.phase === "flight" || t.phase === "return";
 	B(e.flight, l);
-	let u = H(e, t.point.x, t.point.y);
+	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));
 	}
 	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);
 }
-function ie(e, t, n, r) {
+function ae(e, t, n, r) {
 	e.satellites.forEach((e, i) => {
 		if (B(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);
 	});
 }
-function U() {
+function H() {
 	let e = window.visualViewport;
 	return {
 		x: e?.offsetLeft ?? 0,
@@ -270,23 +270,23 @@ function U() {
 }
 //#endregion
 //#region src/liquidPresenceTracking.ts
-function ae(e) {
+function oe(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 E(r) && D(r, U()) ? r : null;
+		return E(r) && D(r, H()) ? r : null;
 	} catch {
 		return null;
 	}
 }
-function oe(e, t, n, r) {
+function se(e, t, n, r) {
 	let i = t.contextElement, a = {
 		...i ? { contextElement: i } : {},
 		getBoundingClientRect: () => {
-			let e = ae(t) ?? {
+			let e = oe(t) ?? {
 				x: 0,
 				y: 0,
 				width: 0,
@@ -343,8 +343,60 @@ function oe(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) ? {
+		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 {
+			e();
+		} catch {}
+	}
+}
+function ce(e) {
+	return [...U].filter(([t]) => t.isConnected && !t.contains(e) && !e.contains(t)).map(([, e]) => e);
+}
+function le(e) {
+	return W.add(e), () => {
+		W.delete(e);
+	};
+}
+function ue(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(E), d = [
+		e.x,
+		o,
+		c
+	], f = [
+		e.y,
+		s,
+		l
+	];
+	for (let e of u) d.push(e.x - i - 8, e.x + e.width + 8), f.push(e.y - a - 8, e.y + e.height + 8);
+	let p = null, m = Infinity;
+	for (let t of d) for (let n of f) {
+		let r = Math.min(c, Math.max(o, t)), d = Math.min(l, Math.max(s, n));
+		if (u.some((e) => r < e.x + e.width + 8 && r + i > e.x - 8 && d < e.y + e.height + 8 && d + a > e.y - 8)) continue;
+		let f = (r - e.x) ** 2 + (d - e.y) ** 2;
+		f < m && (p = {
+			x: r,
+			y: d
+		}, m = f);
+	}
+	return p;
+}
+//#endregion
 //#region src/useLiquidPresenceMotion.ts
-function W(t, n, i, o) {
+function K(t, n, i, o) {
 	let s = d(i);
 	s.current = i;
 	let l = !!i.guideContent, u = d(null), f = d(null), p = d(null), m = d(0), h = d(+(i.idleMotion === "breathe")), g = d(() => {});
@@ -371,36 +423,36 @@ function W(t, n, i, o) {
 			"land",
 			"gather",
 			"return"
-		].includes(d.phase) ? d.point : void 0, x = d?.point ?? O(i.getBoundingClientRect()), E = d?.seatWidth ?? 48, k = d ?? void 0, j = i.getBoundingClientRect(), M = performance.now(), N = null, P = () => {}, F = !0, I = !1, L = !1, R = !0, z = 0, V = m.current, H = performance.now(), W = 0, G = 0, K = null, q = () => {}, J, Y = () => {
+		].includes(d.phase) ? d.point : void 0, x = d?.point ?? O(i.getBoundingClientRect()), E = d?.seatWidth ?? 48, k = d ?? void 0, j = i.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 = () => {
 			I && r(), I = !1;
-		}, X = (e) => {
+		}, 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(), q(), clearTimeout(J), G++, B(c.label, !1);
+				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);
 				try {
 					s.current.onDismiss?.(e);
 				} catch {}
 				$();
 			}
-		}, se = () => {
+		}, X = () => {
 			if (!l) return null;
 			let e = c.label.style.pointerEvents;
 			s.current.guideContent && (c.label.style.pointerEvents = "none");
 			try {
-				return ae(s.current.target?.key === l.key ? s.current.target : l);
+				return oe(s.current.target?.key === l.key ? s.current.target : l);
 			} finally {
 				c.label.style.pointerEvents = e;
 			}
 		}, Z = () => {
 			if (!l) return;
-			let e = se();
+			let e = X();
 			if (!e) {
-				X("unavailable");
+				Y("unavailable");
 				return;
 			}
-			let t = ee(e, U()), n = A(e, U()), r = (e) => T(e === "top" ? n.y - 10 : n.y + n.height + 10, U().y + 18, U().y + U().height - 18);
+			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);
 			x = {
 				x: t.x,
-				y: r(K ?? t.side)
+				y: r(G ?? t.side)
 			}, E = t.width;
 			let i = {
 				...l.contextElement ? { contextElement: l.contextElement } : {},
@@ -411,15 +463,15 @@ function W(t, n, i, o) {
 					bottom: n.y + n.height,
 					right: n.x + n.width
 				})
-			}, a = ++G, o = s.current.guideSize === "expanded";
+			}, 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, {
 				strategy: "absolute",
-				placement: o && U().width >= 900 ? "right" : t.side,
+				placement: o && H().width >= 900 ? "right" : t.side,
 				middleware: [
 					S(26),
 					b({
 						padding: 16,
-						...o && U().width >= 900 ? { fallbackPlacements: [
+						...o && H().width >= 900 ? { fallbackPlacements: [
 							"left",
 							"bottom",
 							"top"
@@ -432,18 +484,33 @@ function W(t, n, i, o) {
 					...o ? [w({
 						padding: 16,
 						apply({ availableHeight: e, elements: t }) {
-							let n = `${Math.max(0, Math.min(560, U().height * .65, e))}px`;
+							let n = `${Math.max(0, Math.min(560, H().height * .65, e))}px`;
 							t.floating.style.maxHeight !== n && (t.floating.style.maxHeight = n);
 						}
 					})] : []
 				]
-			}).then(({ x: e, y: n, placement: i }) => {
-				if (F && a === G) {
-					c.label.style.transform = `translate(${e}px, ${n}px)`, c.label.style.visibility = "", K = i.startsWith("top") ? "top" : i.startsWith("bottom") ? "bottom" : t.side;
-					let a = r(K);
-					x.y !== a && (x = {
+			}).then(({ x: e, y: i, placement: o }) => {
+				if (F && a === W) {
+					let a = ce(c.label);
+					if (a.length && c.label.offsetWidth && c.label.offsetHeight) {
+						let t = ue({
+							x: e,
+							y: i
+						}, {
+							width: c.label.offsetWidth,
+							height: c.label.offsetHeight
+						}, H(), [...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);
+					x.y !== s && (x = {
 						x: t.x,
-						y: a
+						y: s
 					}, $());
 				}
 			}).catch(() => {});
@@ -453,31 +520,31 @@ function W(t, n, i, o) {
 			"thinking",
 			"speaking",
 			"working"
-		].includes(s.current.activity ?? "idle"), ce = () => s.current.idleMotion === "breathe" && (s.current.activity ?? "idle") === "idle", le = () => {
-			if (L = !1, s.current.reducedMotion || s.current.activity === "disabled" || document.hidden || !R || !D(i.getBoundingClientRect(), U())) return !1;
+		].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(i.getBoundingClientRect(), H())) return !1;
 			let t = document.querySelector("dialog:modal");
 			if (t && !t.contains(i)) return !1;
 			let n = l?.contextElement?.closest("dialog") ?? null;
 			if (l && i.closest("dialog") !== n) return !1;
 			let r = 13184 + (i.getBoundingClientRect().width * 2) ** 2, o = a();
-			return o.maxAnimatedGroups === 0 || r > o.maxFilterArea ? (Y(), !1) : !(l || _ || Q()) && ce() && !I && o.activeGroups > 0 ? (L = !0, !1) : (I ||= e(r), I);
+			return o.maxAnimatedGroups === 0 || r > o.maxFilterArea ? (J(), !1) : !(l || _ || Q()) && de() && !I && o.activeGroups > 0 ? (L = !0, !1) : (I ||= e(r), I);
 		};
-		function ue(e) {
+		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, X("unavailable"), B(c.label, !1), B(c.flight, !1), B(c.seat, !1), Y();
+				_ = !1, u.current = null, Y("unavailable"), B(c.label, !1), B(c.flight, !1), B(c.seat, !1), J();
 				return;
 			}
-			if (l && !se()) {
-				X("unavailable");
+			if (l && !X()) {
+				Y("unavailable");
 				return;
 			}
-			let n = le(), r = ne({
+			let n = fe(), r = ne({
 				elapsed: e - M,
 				source: _ ? t : j,
 				destination: x,
-				viewport: U(),
+				viewport: H(),
 				returning: _,
 				...v ? { from: v } : {},
 				...k ? { origin: k } : {}
@@ -496,61 +563,65 @@ function W(t, n, i, 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 && ce(), d = Math.max(0, Math.min(160, e - H));
-			H = e;
+			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;
-			W += (f - W) * (1 - Math.exp(-d / (f > W ? 65 : 140)));
+			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 + W * .75 : i ? .2 : 0, S = c.label.hasAttribute("hidden");
-			re(c, r, E, V, b, y, !!(s.current.guideContent && l), h.current), ie(c, V, n && s.current.splashes !== !1 && s.current.activity === "speaking" && r.phase === "still", W);
+			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";
 			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(de) : (Y(), o && (n || L) && (P = te(() => {
-				P = () => {}, F && !document.hidden && R && de(performance.now());
+			}, l && S && !c.label.hasAttribute("hidden") && Z(), n && (i || Q()) ? N = requestAnimationFrame(me) : (J(), o && (n || L) && (P = te(() => {
+				P = () => {}, F && !document.hidden && R && me(performance.now());
 			}, L ? 250 : 1e3 / 12)));
 		}
-		function de(e) {
+		function me(e) {
 			if (N = null, !F || document.hidden) {
-				Y();
+				J();
 				return;
 			}
 			if ((u.current?.phase === "still" || u.current?.phase === "dock") && e - z < 32) {
-				N = requestAnimationFrame(de);
+				N = requestAnimationFrame(me);
 				return;
 			}
-			z = e, ue(e);
+			z = e, pe(e);
 		}
 		function $() {
-			!F || N !== null || document.hidden || (P(), P = () => {}, ue(performance.now()));
+			!F || N !== null || document.hidden || (P(), P = () => {}, pe(performance.now()));
 		}
 		g.current = $;
-		let fe = () => {
-			if (q(), q = () => {}, !l || document.hidden) return;
-			let e = oe(c.source, l, c.label, () => {
+		let he = () => {
+			if (K(), K = () => {}, !l || document.hidden) return;
+			let e = se(c.source, l, c.label, () => {
 				Z(), $();
 			});
-			q = e, l || e();
+			K = e, l || e();
 		};
-		l && (Z(), l && (fe(), l && !s.current.guideContent && (J = setTimeout(() => X("expired"), 12e3))));
-		let pe = (e) => {
+		l && (Z(), 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;
 				let t = document.querySelector("dialog:modal");
 				if (t && !t.contains(c.label)) return;
-				s.current.guideContent && e.preventDefault(), X("dismissed");
+				s.current.guideContent && e.preventDefault(), Y("dismissed");
 			}
-		}, me = (e) => {
-			s.current.dismissOnTargetClick !== !1 && l?.contextElement && e.target instanceof Node && l.contextElement.contains(e.target) && X("dismissed");
-		}, he = () => {
-			document.hidden ? (P(), P = () => {}, N !== null && cancelAnimationFrame(N), N = null, q(), G++, Y()) : (H = performance.now(), fe(), $());
-		}, ge = typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
-			R = e[0]?.isIntersecting ?? !0, R || (P(), P = () => {}, N !== null && cancelAnimationFrame(N), N = null, Y()), $();
+		}, _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(), $());
+		}, ye = typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
+			R = e[0]?.isIntersecting ?? !0, R || (P(), P = () => {}, N !== null && cancelAnimationFrame(N), N = null, J()), $();
+		});
+		ye?.observe(i), 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(), $();
 		});
-		return ge?.observe(i), document.addEventListener("keydown", pe, !0), document.addEventListener("click", me), document.addEventListener("visibilitychange", he), document.addEventListener("close", $, !0), document.addEventListener("toggle", $, !0), $(), () => {
-			F = !1, g.current = () => {}, G++, N !== null && cancelAnimationFrame(N), clearTimeout(J), P(), q(), ge?.disconnect(), Y(), document.removeEventListener("keydown", pe, !0), document.removeEventListener("click", me), document.removeEventListener("visibilitychange", he), document.removeEventListener("close", $, !0), document.removeEventListener("toggle", $, !0);
+		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);
 		};
 	}, [
 		t,
@@ -571,7 +642,7 @@ function W(t, n, i, o) {
 }
 //#endregion
 //#region src/LiquidPresence.tsx
-function G(e) {
+function q(e) {
 	let t = s() || e.reducedMotion === !0, r = T(e.size ?? 64, 32, 224), i = `presence-${l().replace(/[^a-zA-Z0-9_-]/g, "")}`, a = d(null), o = d(null), [u, _] = f(null);
 	c(() => {
 		let t = e.target?.contextElement?.closest("dialog");
@@ -617,7 +688,7 @@ function G(e) {
 		return r(), window.addEventListener("resize", r, { passive: !0 }), () => {
 			i.disconnect(), window.removeEventListener("resize", r);
 		};
-	}, [u]), W(a, o, {
+	}, [u]), K(a, o, {
 		...e,
 		size: r,
 		reducedMotion: t
@@ -778,7 +849,7 @@ function G(e) {
 }
 //#endregion
 //#region src/liquidRevealGeometry.ts
-function K(e, n, r, a = 0, o = 1) {
+function J(e, n, r, a = 0, o = 1) {
 	let s = Math.max(44, e), c = Math.max(44, n), l = Math.min(28, (s - 12) / 2, (c - 12) / 2), u = i(6, 6, s - 12, c - 12, [
 		l,
 		l,
@@ -802,7 +873,7 @@ function K(e, n, r, a = 0, o = 1) {
 }
 //#endregion
 //#region src/useLiquidRevealAmbient.ts
-function q(t, n, i, o, s, l = 1, u = 1) {
+function Y(t, n, i, o, s, l = 1, u = 1) {
 	let f = d(0);
 	return c(() => {
 		let c = t.current;
@@ -821,7 +892,7 @@ function q(t, n, i, o, s, l = 1, u = 1) {
 			}
 			try {
 				f.current += n * Math.PI * 2 * u / 1e4;
-				let e = K(i, o, s, f.current, l);
+				let e = J(i, o, s, f.current, l);
 				g?.setAttribute("d", e.outline), _?.setAttribute("d", e.outline), v?.setAttribute("d", e.ribbon), c.dataset.revealAmbient = "flowing";
 			} finally {
 				r();
@@ -847,14 +918,14 @@ function q(t, n, i, o, s, l = 1, u = 1) {
 }
 //#endregion
 //#region src/liquidRevealEntranceGeometry.ts
-var J = (e) => {
+var X = (e) => {
 	let t = Math.min(1, Math.max(0, e));
 	return t * t * t * (10 + t * (-15 + 6 * t));
 };
-function Y(e, t, n, r, a, o, s = 1) {
-	let c = K(e, t, n, 0, s).outline;
+function Z(e, t, n, r, a, o, s = 1) {
+	let c = J(e, t, n, 0, s).outline;
 	return Array.from({ length: 49 }, (l, u) => {
-		let d = u / 48, f = J((d - .08) / .34), p = j(r, a, f, o), m = J((d - .39) / .46), h = J((d - .47) / .46), g = J((d - .3) / .14) * (1 - m), _ = 8 + 20 * J(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 = 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));
 		return {
 			d: `path("${d >= .95 ? c : i(E, D, w, T, [
 				O,
@@ -873,7 +944,7 @@ function Y(e, t, n, r, a, o, s = 1) {
 }
 //#endregion
 //#region src/useLiquidRevealEntrance.ts
-function X(t, n, i, a, o, s, c, l, f = 1) {
+function Q(t, n, i, a, o, s, c, l, f = 1) {
 	let p = d(null);
 	u(() => {
 		let u = t.current;
@@ -914,7 +985,7 @@ function X(t, n, i, a, o, s, c, l, f = 1) {
 				height: innerHeight / w
 			};
 			if (c && s && CSS.supports("d", "path(\"M0 0L1 1Z\")")) {
-				let e = Y(a, o, l, T, D, O, f);
+				let e = Z(a, o, l, T, D, O, f);
 				v.push(s.animate(e, {
 					duration: 720,
 					fill: "both",
@@ -985,7 +1056,7 @@ function X(t, n, i, a, o, s, c, l, f = 1) {
 }
 //#endregion
 //#region src/LiquidReveal.tsx
-function se({ children: e, source: t, revealKey: r = "initial", variant: i = "content", surface: o = "dark", reducedMotion: c, idleMotion: p = "still", colorFrom: m, colorTo: _, motionIntensity: v = 1, motionSpeed: y = 1, className: b = "" }) {
+function de({ children: e, source: t, revealKey: r = "initial", variant: i = "content", surface: o = "dark", reducedMotion: c, idleMotion: p = "still", colorFrom: m, colorTo: _, motionIntensity: v = 1, motionSpeed: y = 1, className: b = "" }) {
 	let x = s() || c === !0, S = T(v, .25, 1.25), C = T(y, .5, 1.5), w = d(null), [E, D] = f({
 		width: 0,
 		height: 0
@@ -1003,8 +1074,8 @@ function se({ children: e, source: t, revealKey: r = "initial", variant: i = "co
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, []), X(w, t, r, E.width, E.height, x, o === "material", i === "input", S);
-	let k = Math.max(44, E.width), A = Math.max(44, E.height), ee = q(w, !x && p === "breathe", E.width, E.height, i === "input", S, C), j = K(k, A, i === "input", ee.current, S), M = (k + 24) * (A + 24) <= a().maxFilterArea;
+	}, []), Q(w, t, r, E.width, E.height, x, o === "material", i === "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, i === "input", S, C), j = J(k, A, i === "input", ee.current, S), M = (k + 24) * (A + 24) <= a().maxFilterArea;
 	return /* @__PURE__ */ g("div", {
 		ref: w,
 		className: `game-ui-liquid-reveal ${b}`,
@@ -1085,7 +1156,7 @@ function se({ children: e, source: t, revealKey: r = "initial", variant: i = "co
 }
 //#endregion
 //#region src/LiquidAnchor.tsx
-function Z({ source: e, children: t, placement: n = "top-end", onBoundsChange: r }) {
+function fe({ 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);
@@ -1094,7 +1165,9 @@ function Z({ source: e, children: t, placement: n = "top-end", onBoundsChange: r
 	}, [e]), u(() => {
 		let t = e.current, r = i;
 		if (!t || !r) return;
-		let a = !0, s = 0, c = null, l = null, u = () => {
+		let a = (e) => {
+			G(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-")) {
 				let n = e.getPropertyValue(t);
@@ -1105,18 +1178,18 @@ function Z({ source: e, children: t, placement: n = "top-end", onBoundsChange: r
 				let e = getComputedStyle(n);
 				for (let t of ["--liquid-presence-from", "--liquid-presence-to"]) r.style.setProperty(t, e.getPropertyValue(t));
 			}
-		}, d = () => {
-			let e = ++s, i = t.getBoundingClientRect(), u = document.querySelector("dialog:modal");
-			if (c !== u && (l?.disconnect(), l = null, c = u, u && !u.contains(t) && !r.contains(u) && (l = new MutationObserver(() => {
-				(!u.isConnected || !u.matches(":modal")) && d();
-			}), l.observe(u, {
+		}, f = () => {
+			let e = ++c, i = t.getBoundingClientRect(), o = document.querySelector("dialog:modal");
+			if (l !== o && (u?.disconnect(), u = null, l = o, o && !o.contains(t) && !r.contains(o) && (u = new MutationObserver(() => {
+				(!o.isConnected || !o.matches(":modal")) && f();
+			}), u.observe(o, {
 				attributes: !0,
 				attributeFilter: ["open"]
-			}), u.parentNode && l.observe(u.parentNode, { childList: !0 }))), !t.isConnected || t.closest("[hidden], [inert], [aria-hidden=\"true\"]") || typeof t.checkVisibility == "function" && !t.checkVisibility({
+			}), o.parentNode && u.observe(o.parentNode, { childList: !0 }))), !t.isConnected || t.closest("[hidden], [inert], [aria-hidden=\"true\"]") || typeof t.checkVisibility == "function" && !t.checkVisibility({
 				opacityProperty: !0,
 				visibilityProperty: !0
-			}) || i.width <= 0 || i.height <= 0 || u && !u.contains(t) && !r.contains(u)) {
-				r.style.visibility = "hidden", o.current?.(null);
+			}) || i.width <= 0 || i.height <= 0 || o && !o.contains(t) && !r.contains(o)) {
+				r.style.visibility = "hidden", a(null);
 				return;
 			}
 			y(t, r, {
@@ -1138,28 +1211,28 @@ function Z({ source: e, children: t, placement: n = "top-end", onBoundsChange: r
 					x({ strategy: "referenceHidden" })
 				]
 			}).then(({ x: t, y: n, middlewareData: i }) => {
-				if (!a || e !== s) return;
+				if (!s || e !== c) return;
 				if (i.hide?.referenceHidden) {
-					r.style.visibility = "hidden", o.current?.(null);
+					r.style.visibility = "hidden", a(null);
 					return;
 				}
 				r.style.left = `${t}px`, r.style.top = `${n}px`, r.style.visibility = "visible";
-				let c = r.getBoundingClientRect();
-				o.current?.({
-					x: c.x,
-					y: c.y,
-					width: c.width,
-					height: c.height
+				let o = r.getBoundingClientRect();
+				a({
+					x: o.x,
+					y: o.y,
+					width: o.width,
+					height: o.height
 				});
 			}).catch(() => {
-				!a || e !== s || (r.style.visibility = "hidden", o.current?.(null));
+				!s || e !== c || (r.style.visibility = "hidden", a(null));
 			});
 		};
-		u();
-		let f = v(t, r, d), p = new MutationObserver(() => {
-			u(), d();
+		d();
+		let p = v(t, r, f), m = new MutationObserver(() => {
+			d(), f();
 		});
-		for (let e = t; e; e = e.parentElement) p.observe(e, {
+		for (let e = t; e; e = e.parentElement) m.observe(e, {
 			attributes: !0,
 			attributeFilter: [
 				"class",
@@ -1170,16 +1243,16 @@ function Z({ source: e, children: t, placement: n = "top-end", onBoundsChange: r
 				"aria-hidden"
 			]
 		});
-		let m = t.querySelector(".game-ui-liquid-presence");
-		return m && p.observe(m, {
+		let h = t.querySelector(".game-ui-liquid-presence");
+		return h && m.observe(h, {
 			attributes: !0,
 			attributeFilter: [
 				"class",
 				"style",
 				"data-activity"
 			]
-		}), document.addEventListener("toggle", d, !0), document.addEventListener("close", d, !0), () => {
-			a = !1, s++, f(), p.disconnect(), l?.disconnect(), document.removeEventListener("toggle", d, !0), document.removeEventListener("close", d, !0), o.current?.(null);
+		}), document.addEventListener("toggle", f, !0), document.addEventListener("close", f, !0), () => {
+			s = !1, c++, p(), m.disconnect(), u?.disconnect(), document.removeEventListener("toggle", f, !0), document.removeEventListener("close", f, !0), a(null);
 		};
 	}, [
 		i,
@@ -1202,4 +1275,4 @@ function Z({ source: e, children: t, placement: n = "top-end", onBoundsChange: r
 	}) : null;
 }
 //#endregion
-export { Z as LiquidAnchor, G as LiquidPresence, se as LiquidReveal };
+export { fe as LiquidAnchor, q as LiquidPresence, de as LiquidReveal };