@pieai/swimmer-ui-kit 2.12.0 → 2.13.0

package/dist/liquid-presence.js

@@ -1,7 +1,7 @@
 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 { 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) {
 	return Number.isFinite(e) ? Math.max(t, Math.min(n, e)) : t;
@@ -702,26 +702,26 @@ 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__ */ h("linearGradient", {
 		id: `${i}-${e}-fill`,
 		gradientUnits: "userSpaceOnUse",
 		x1: e === "core" ? 24 : -24,
 		y1: e === "core" ? 16 : -18,
 		x2: e === "core" ? 136 : 24,
 		y2: e === "core" ? 146 : 18,
-		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", {
+	}), /* @__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 +730,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 +744,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()
 					}),
-					/* @__PURE__ */ h("circle", {
+					/* @__PURE__ */ m("circle", {
 						"data-presence-bud": "",
 						cx: "80",
 						cy: "80",
@@ -763,7 +763,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 +773,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 +783,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 +794,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 +814,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 +825,14 @@ function q(t) {
 					y: -28,
 					width: 112,
 					height: 56
-				}), /* @__PURE__ */ h("path", {
+				}), /* @__PURE__ */ m("path", {
 					"data-presence-seat-body": "",
 					d: N(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,
@@ -1056,7 +1056,7 @@ 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 = "" }) {
+function de({ children: t, source: n, revealKey: i = "initial", variant: a = "content", surface: o = "dark", reducedMotion: c, idleMotion: p = "still", colorFrom: g, 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({
 		width: 0,
 		height: 0
@@ -1076,20 +1076,20 @@ function de({ children: t, source: n, revealKey: i = "initial", variant: a = "co
 		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", {
+	return /* @__PURE__ */ h("div", {
 		ref: w,
 		className: `game-ui-liquid-reveal ${b}`,
 		style: {
-			...m ? { "--liquid-presence-from": m } : {},
+			...g ? { "--liquid-presence-from": g } : {},
 			..._ ? { "--liquid-presence-to": _ } : {}
 		},
 		"data-reveal-variant": a,
 		"data-reveal-surface": o,
 		"data-reveal-filter": M ? "volume" : "flat",
-		children: [/* @__PURE__ */ h("div", {
+		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,
@@ -1097,20 +1097,20 @@ function de({ children: t, source: n, revealKey: i = "initial", variant: a = "co
 			"aria-hidden": "true",
 			focusable: "false",
 			children: [
-				/* @__PURE__ */ g("defs", { children: [/* @__PURE__ */ g("linearGradient", {
+				/* @__PURE__ */ h("defs", { children: [/* @__PURE__ */ h("linearGradient", {
 					id: `${O}-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", {
+				}), /* @__PURE__ */ m("filter", {
 					id: `${O}-finish`,
 					x: "-12",
 					y: "-12",
@@ -1118,7 +1118,7 @@ function de({ children: t, source: n, revealKey: i = "initial", variant: a = "co
 					height: A + 24,
 					filterUnits: "userSpaceOnUse",
 					colorInterpolationFilters: "sRGB",
-					children: /* @__PURE__ */ h(s, {
+					children: /* @__PURE__ */ m(s, {
 						blur: 1.2,
 						contrast: 18,
 						gloss: 3.5,
@@ -1127,20 +1127,20 @@ 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)`
 				}),
-				/* @__PURE__ */ g("g", {
+				/* @__PURE__ */ h("g", {
 					"data-reveal-material": "",
 					filter: M ? `url(#${O}-finish)` : void 0,
-					children: [/* @__PURE__ */ h("path", {
+					children: [/* @__PURE__ */ m("path", {
 						"data-reveal-ribbon": "",
 						d: j.ribbon,
 						fillRule: "evenodd",
 						fill: `url(#${O}-fill)`
-					}), /* @__PURE__ */ h("path", {
+					}), /* @__PURE__ */ m("path", {
 						"data-reveal-outline": "",
 						d: j.outline,
 						pathLength: "1",
@@ -1258,10 +1258,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: {