@pieai/swimmer-ui-kit 3.0.0 → 3.1.0

package/dist/{LiquidGroup-BXw1tv9H.js → LiquidGroup-RTK_Uvgw.js}

@@ -1,10 +1,9 @@
 "use client";
-import { _ as e, c as t, d as n, h as r, l as i, n as a, o, p as s, r as c, s as l, t as u, u as d, v as f, x as p, y as m } from "./reducedMotion-B8kv-v64.js";
-import { createContext as h, forwardRef as g, useCallback as _, useContext as v, useEffect as y, useId as b, useLayoutEffect as x, useMemo as S, useRef as C, useState as w } from "react";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { createPortal as O } from "react-dom";
+import { createContext as e, forwardRef as t, useCallback as n, useContext as r, useEffect as i, useId as a, useLayoutEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createPortal as p } from "react-dom";
 //#region src/tokens/references.ts
-var k = {
+var m = {
 	morphShape: "var(--game-ui-liquid-gooey-morph-shape)",
 	morphSpeed: "var(--game-ui-liquid-gooey-morph-speed)",
 	morphBounce: "var(--game-ui-liquid-gooey-morph-bounce)",
@@ -88,7 +87,7 @@ var k = {
 	dissolveStrength: "var(--game-ui-liquid-gooey-dissolve-strength)",
 	dissolveSink: "var(--game-ui-liquid-gooey-dissolve-sink)",
 	dissolveSeamBlur: "var(--game-ui-liquid-gooey-dissolve-seam-blur)"
-}, A = {
+}, h = {
 	bg: "var(--game-ui-overlay-glass-bg)",
 	bgHover: "var(--game-ui-overlay-glass-bg-hover)",
 	bgStrong: "var(--game-ui-overlay-glass-bg-strong)",
@@ -100,7 +99,7 @@ var k = {
 	blur: "var(--game-ui-overlay-glass-blur)",
 	focusRing: "var(--game-ui-overlay-glass-focus-ring)",
 	primaryFill: "var(--game-ui-overlay-glass-primary-fill)"
-}, j = {
+}, g = {
 	background: "var(--game-ui-bg)",
 	playfieldScrim: "var(--game-ui-playfield-scrim)",
 	surface: "var(--game-ui-surface)",
@@ -118,7 +117,7 @@ var k = {
 	borderSubtle: "var(--game-ui-border-subtle)",
 	borderStrong: "var(--game-ui-border-strong)",
 	disabled: "var(--game-ui-disabled)"
-}, M = {
+}, _ = {
 	familyDisplay: "var(--game-ui-font-display)",
 	familyBody: "var(--game-ui-font-body)",
 	familyMono: "var(--game-ui-font-mono)",
@@ -136,7 +135,7 @@ var k = {
 	weightBody: "var(--game-ui-weight-body)",
 	weightStrong: "var(--game-ui-weight-strong)",
 	weightTitle: "var(--game-ui-weight-title)"
-}, ee = {
+}, v = {
 	px2: "var(--game-ui-space-2)",
 	px4: "var(--game-ui-space-4)",
 	px6: "var(--game-ui-space-6)",
@@ -151,35 +150,35 @@ var k = {
 	safeRight: "var(--game-ui-safe-right)",
 	safeBottom: "var(--game-ui-safe-bottom)",
 	safeLeft: "var(--game-ui-safe-left)"
-}, N = {
+}, y = {
 	bead: "var(--game-ui-radius-bead)",
 	control: "var(--game-ui-radius-control)",
 	card: "var(--game-ui-radius-card)",
 	radiusPanel: "var(--game-ui-radius-panel)",
 	radiusModal: "var(--game-ui-radius-modal)"
-}, P = {
+}, b = {
 	size: "var(--game-ui-scrollbar-size)",
 	track: "var(--game-ui-scrollbar-track)",
 	thumb: "var(--game-ui-scrollbar-thumb)",
 	thumbHover: "var(--game-ui-scrollbar-thumb-hover)"
-}, te = {
+}, x = {
 	shadowRaised: "var(--game-ui-shadow-raised)",
 	stroke: "var(--game-ui-stroke)"
-}, ne = {
+}, S = {
 	fast: "var(--game-ui-motion-fast)",
 	base: "var(--game-ui-motion-base)",
 	slow: "var(--game-ui-motion-slow)",
 	easingPop: "var(--game-ui-ease-pop)",
 	easingSoft: "var(--game-ui-ease-soft)",
 	reducedMotion: "var(--game-ui-reduced-motion-policy)"
-}, re = {
+}, C = {
 	playfield: "var(--game-ui-z-playfield)",
 	hud: "var(--game-ui-z-hud)",
 	sidebar: "var(--game-ui-z-sidebar)",
 	overlay: "var(--game-ui-z-overlay)",
 	zModal: "var(--game-ui-z-modal)",
 	toast: "var(--game-ui-z-toast)"
-}, ie = {
+}, w = {
 	touchMinimumPx: 44,
 	touchPrimaryPx: 52,
 	touchIconPx: 48,
@@ -190,7 +189,7 @@ var k = {
 	desktopProofHeightPx: 900,
 	mobileLandscapeProofWidthPx: 844,
 	mobileLandscapeProofHeightPx: 390
-}, ae = {
+}, T = {
 	iconSm: "var(--game-ui-icon-sm)",
 	iconMd: "var(--game-ui-icon-md)",
 	iconLg: "var(--game-ui-icon-lg)",
@@ -200,45 +199,398 @@ var k = {
 	terrainToolHitSize: "var(--game-ui-terrain-tool-hit-size)",
 	buildRailCardSize: "var(--game-ui-build-rail-card-size)",
 	brushNumberWidth: "var(--game-ui-brush-number-width)"
-}, oe = .3;
-function se(e, t, n = oe) {
+}, E = 48e4, D = 2, O = E, k = 0;
+function A(e, t) {
+	return Number.isFinite(e) ? Math.max(0, Math.floor(e)) : t;
+}
+function j() {
+	return {
+		maxAnimatedGroups: D,
+		maxFilterArea: O,
+		activeGroups: k
+	};
+}
+function M(e) {
+	if (typeof e == "number") {
+		D = A(e, 0);
+		return;
+	}
+	e.maxAnimatedGroups !== void 0 && (D = A(e.maxAnimatedGroups, 0)), e.maxFilterArea !== void 0 && (O = A(e.maxFilterArea, 0));
+}
+function N(e) {
+	return k >= D || (Number.isFinite(e) ? Math.max(0, e) : Infinity) > O ? !1 : (k += 1, !0);
+}
+function P() {
+	k > 0 && --k;
+}
+//#endregion
+//#region src/liquid/material/weight.ts
+var ee = {
+	blur: 5,
+	contrast: 18,
+	gloss: 1.5,
+	blob: 3.5,
+	lobes: 3,
+	filterPadding: 20,
+	shadow: "var(--game-ui-liquid-material-shadow)"
+}, te = {
+	top: "var(--game-ui-cta-from)",
+	bottom: "var(--game-ui-cta-to)",
+	sheen: .3
+}, ne = "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 60 -29.5", F = 1.3, re = 1 / .3902;
+function I(e, t) {
+	return e <= 0 ? t : Math.min(t, re * e / F);
+}
+var L = {
+	waviness: 0,
+	wavinessFreq: .018
+};
+function ie(e) {
+	return e.spread === 0 ? "shape" : "bin";
+}
+function ae(e, t) {
+	return t !== null || e.some((e) => e.spread !== 0);
+}
+function oe({ index: e, shadow: t }) {
+	let n = [], r = ie(t), i = r;
+	return t.spread !== 0 && (n.push(/* @__PURE__ */ d("feMorphology", {
+		in: i,
+		operator: t.spread > 0 ? "erode" : "dilate",
+		radius: Math.abs(t.spread),
+		result: `shadow-${e}-erode`
+	}, "erode")), i = `shadow-${e}-erode`), (t.x !== 0 || t.y !== 0) && (n.push(/* @__PURE__ */ d("feOffset", {
+		in: i,
+		dx: t.x,
+		dy: t.y,
+		result: `shadow-${e}-offset`
+	}, "offset")), i = `shadow-${e}-offset`), t.blur > 0 && (n.push(/* @__PURE__ */ d("feGaussianBlur", {
+		in: i,
+		stdDeviation: t.blur / 2,
+		result: `shadow-${e}-blur`
+	}, "blur")), i = `shadow-${e}-blur`), n.push(/* @__PURE__ */ d("feComposite", {
+		in: r,
+		in2: i,
+		operator: "out",
+		result: `shadow-${e}-band`
+	}, "band"), /* @__PURE__ */ d("feFlood", {
+		floodColor: t.color,
+		result: `shadow-${e}-color`
+	}, "color"), /* @__PURE__ */ d("feComposite", {
+		in: `shadow-${e}-color`,
+		in2: `shadow-${e}-band`,
+		operator: "in",
+		result: `shadow-${e}`
+	}, "fill")), /* @__PURE__ */ d(u, { children: n });
+}
+function se({ index: e, shadow: t }) {
+	let n = [], r = "shape";
+	return t.spread !== 0 && (n.push(/* @__PURE__ */ d("feMorphology", {
+		in: "bin",
+		operator: t.spread > 0 ? "dilate" : "erode",
+		radius: Math.abs(t.spread),
+		result: `shadow-${e}-spread`
+	}, "spread")), r = `shadow-${e}-spread`), t.blur > 0 && (n.push(/* @__PURE__ */ d("feGaussianBlur", {
+		in: r,
+		stdDeviation: t.blur / 2,
+		result: `shadow-${e}-blur`
+	}, "blur")), r = `shadow-${e}-blur`), (t.x !== 0 || t.y !== 0) && (n.push(/* @__PURE__ */ d("feOffset", {
+		in: r,
+		dx: t.x,
+		dy: t.y,
+		result: `shadow-${e}-offset`
+	}, "offset")), r = `shadow-${e}-offset`), n.push(/* @__PURE__ */ d("feFlood", {
+		floodColor: t.color,
+		result: `shadow-${e}-color`
+	}, "color"), /* @__PURE__ */ d("feComposite", {
+		in: `shadow-${e}-color`,
+		in2: r,
+		operator: "in",
+		result: `shadow-${e}`
+	}, "fill")), /* @__PURE__ */ d(u, { children: n });
+}
+function ce({ stroke: e }) {
+	let t = [];
+	return t.push(/* @__PURE__ */ d("feMorphology", {
+		in: "bin",
+		operator: "erode",
+		radius: e.width,
+		result: "stroke-erode"
+	}, "erode"), /* @__PURE__ */ d("feComposite", {
+		in: "bin",
+		in2: "stroke-erode",
+		operator: "out",
+		result: "stroke-band"
+	}, "band"), /* @__PURE__ */ d("feFlood", {
+		floodColor: e.color,
+		result: "stroke-color"
+	}, "color"), /* @__PURE__ */ d("feComposite", {
+		in: "stroke-color",
+		in2: "stroke-band",
+		operator: "in",
+		result: "stroke-out"
+	}, "fill")), /* @__PURE__ */ d(u, { children: t });
+}
+function le({ blur: e, contrast: t, shadows: n, stroke: r, gloss: i = 0, waviness: a = L.waviness, wavinessFreq: o = L.wavinessFreq }) {
+	let s = I(e, t), c = Math.round((.5 - 5 / 12 * s) * 100) / 100, l = a > 0;
+	return /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d("feGaussianBlur", {
+			in: "SourceGraphic",
+			stdDeviation: e,
+			result: "blur"
+		}),
+		/* @__PURE__ */ d("feColorMatrix", {
+			in: "blur",
+			type: "matrix",
+			values: `1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 ${s} ${c}`,
+			result: "goo"
+		}),
+		/* @__PURE__ */ d("feComposite", {
+			in: "SourceGraphic",
+			in2: "goo",
+			operator: "atop",
+			result: l ? "shape-raw" : "shape"
+		}),
+		l ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("feTurbulence", {
+			type: "fractalNoise",
+			baseFrequency: o,
+			numOctaves: 1,
+			seed: "7",
+			result: "wave-noise"
+		}), /* @__PURE__ */ d("feDisplacementMap", {
+			in: "shape-raw",
+			in2: "wave-noise",
+			scale: a * 2,
+			xChannelSelector: "R",
+			yChannelSelector: "G",
+			result: "shape"
+		})] }) : null,
+		i > 0 ? /* @__PURE__ */ f(u, { children: [
+			/* @__PURE__ */ d("feGaussianBlur", {
+				in: "shape",
+				stdDeviation: 2.5,
+				result: "gloss-bump"
+			}),
+			/* @__PURE__ */ d("feSpecularLighting", {
+				in: "gloss-bump",
+				surfaceScale: i,
+				specularConstant: .78,
+				specularExponent: 20,
+				lightingColor: "#ffffff",
+				result: "gloss-light",
+				children: /* @__PURE__ */ d("feDistantLight", {
+					azimuth: 235,
+					elevation: 22
+				})
+			}),
+			/* @__PURE__ */ d("feMorphology", {
+				in: "shape",
+				operator: "erode",
+				radius: 1.2,
+				result: "gloss-inset"
+			}),
+			/* @__PURE__ */ d("feGaussianBlur", {
+				in: "gloss-inset",
+				stdDeviation: .8,
+				result: "gloss-mask"
+			}),
+			/* @__PURE__ */ d("feComposite", {
+				in: "gloss-light",
+				in2: "gloss-mask",
+				operator: "in",
+				result: "gloss-clip"
+			}),
+			/* @__PURE__ */ d("feComposite", {
+				in: "shape",
+				in2: "gloss-clip",
+				operator: "arithmetic",
+				k1: "0",
+				k2: "1",
+				k3: "1",
+				k4: "0",
+				result: "shape"
+			})
+		] }) : null,
+		ae(n, r) ? /* @__PURE__ */ d("feColorMatrix", {
+			in: "shape",
+			type: "matrix",
+			values: ne,
+			result: "bin"
+		}) : null,
+		n.map((e, t) => e.inset ? /* @__PURE__ */ d(oe, {
+			index: t,
+			shadow: e
+		}, t) : /* @__PURE__ */ d(se, {
+			index: t,
+			shadow: e
+		}, t)),
+		r ? /* @__PURE__ */ d(ce, { stroke: r }) : null,
+		n.length > 0 || r ? /* @__PURE__ */ f("feMerge", { children: [
+			n.map((e, t) => e.inset ? -1 : t).filter((e) => e >= 0).reverse().map((e) => /* @__PURE__ */ d("feMergeNode", { in: `shadow-${e}` }, e)),
+			/* @__PURE__ */ d("feMergeNode", { in: "shape" }),
+			r ? /* @__PURE__ */ d("feMergeNode", { in: "stroke-out" }) : null,
+			n.map((e, t) => e.inset ? /* @__PURE__ */ d("feMergeNode", { in: `shadow-${t}` }, t) : null)
+		] }) : null
+	] });
+}
+//#endregion
+//#region src/liquid/waviness.ts
+var ue = .3;
+function de(e, t, n = ue) {
 	let r = Math.max(0, Number.isFinite(e) ? e : 0);
 	if (n === !1) return r;
-	let i = Math.max(0, Number.isFinite(n) ? n : oe), a = Math.max(0, Number.isFinite(t) ? t : 0);
+	let i = Math.max(0, Number.isFinite(n) ? n : ue), a = Math.max(0, Number.isFinite(t) ? t : 0);
 	return a > 0 ? Math.min(r, a * i) : r;
 }
 //#endregion
+//#region src/liquid/geometry.ts
+function fe(e, t) {
+	let n = 0, r = 0, i = e;
+	for (; i && i !== t && t.contains(i);) n += i.offsetLeft, r += i.offsetTop, i = i.offsetParent;
+	return {
+		x: n,
+		y: r
+	};
+}
+function pe(e, t, n) {
+	let r = getComputedStyle(e), i = (e) => {
+		let r = e.split(" ")[0] ?? "";
+		return r.endsWith("%") ? (parseFloat(r) || 0) / 100 * Math.min(t, n) : parseFloat(r) || 0;
+	};
+	return [
+		i(r.borderTopLeftRadius),
+		i(r.borderTopRightRadius),
+		i(r.borderBottomRightRadius),
+		i(r.borderBottomLeftRadius)
+	];
+}
+function me(e) {
+	return typeof e == "number" ? [
+		e,
+		e,
+		e,
+		e
+	] : e;
+}
+function R(e, t, n, r, i) {
+	let [a, o, s, c] = i.map((e) => Math.max(0, e)), l = Math.min(1, n / Math.max(1e-6, a + o), n / Math.max(1e-6, c + s), r / Math.max(1e-6, a + c), r / Math.max(1e-6, o + s));
+	return a *= l, o *= l, s *= l, c *= l, `M ${e + a} ${t} H ${e + n - o} A ${o} ${o} 0 0 1 ${e + n} ${t + o} V ${t + r - s} A ${s} ${s} 0 0 1 ${e + n - s} ${t + r} H ${e + c} A ${c} ${c} 0 0 1 ${e} ${t + r - c} V ${t + a} A ${a} ${a} 0 0 1 ${e + a} ${t} Z`;
+}
+var he = 44;
+function ge(e) {
+	let t = e + 1831565813 >>> 0;
+	return t = Math.imul(t ^ t >>> 15, t | 1), t ^= t + Math.imul(t ^ t >>> 7, t | 61), ((t ^ t >>> 14) >>> 0) / 4294967296;
+}
+function _e(e, t, n, r) {
+	let i = Math.max(0, e - 2 * n), a = Math.max(0, t - 2 * n), o = Math.PI / 2 * n, s = [
+		i,
+		o,
+		a,
+		o,
+		i,
+		o,
+		a,
+		o
+	], c = r * (s.reduce((e, t) => e + t, 0) || 1), l = 0;
+	for (; l < s.length - 1 && c > s[l];) c -= s[l], l += 1;
+	let u = s[l], d = u === 0 ? 0 : c / u, f = (e, t, r) => {
+		let i = e + Math.PI / 2 * d;
+		return {
+			x: t + n * Math.cos(i),
+			y: r + n * Math.sin(i),
+			nx: Math.cos(i),
+			ny: Math.sin(i)
+		};
+	};
+	switch (l) {
+		case 0: return {
+			x: n + d * i,
+			y: 0,
+			nx: 0,
+			ny: -1
+		};
+		case 1: return f(-Math.PI / 2, e - n, n);
+		case 2: return {
+			x: e,
+			y: n + d * a,
+			nx: 1,
+			ny: 0
+		};
+		case 3: return f(0, e - n, t - n);
+		case 4: return {
+			x: e - n - d * i,
+			y: t,
+			nx: 0,
+			ny: 1
+		};
+		case 5: return f(Math.PI / 2, n, t - n);
+		case 6: return {
+			x: 0,
+			y: t - n - d * a,
+			nx: -1,
+			ny: 0
+		};
+		default: return f(Math.PI, n, n);
+	}
+}
+var ve = .18;
+function ye(e, t, n, r, i, a) {
+	let o = Math.min(n, r), s = Math.min(Math.max(0, a.amplitude), o * ve);
+	if (s < .15 || o <= 0) return R(e, t, n, r, i);
+	let c = Math.min(Math.max(...i, 0), o / 2), l = a.seed ?? 7, u = Math.max(2, Math.round(a.lobes ?? 3)), d = a.phase ?? 0, f = [];
+	for (let e = 0; e < u; e += 1) f.push({
+		k: e + 2,
+		a: ge(l * 31 + e) * .6 + .4,
+		p: ge(l * 57 + e) * Math.PI * 2
+	});
+	let p = f.reduce((e, t) => e + t.a, 0) || 1, m = [];
+	for (let i = 0; i < he; i += 1) {
+		let a = i / he, o = _e(n, r, c, a), l = 0;
+		for (let { k: e, a: t, p: n } of f) l += t * Math.sin(2 * Math.PI * e * a + n + d);
+		let u = (l / p + 1) / 2 * s;
+		m.push([e + o.x + o.nx * u, t + o.y + o.ny * u]);
+	}
+	let h = m.length, g = (e) => m[(e % h + h) % h], _ = (e) => (Math.round(e * 100) / 100).toString(), v = `M ${_(g(0)[0])} ${_(g(0)[1])}`;
+	for (let e = 0; e < h; e += 1) {
+		let t = g(e - 1), n = g(e), r = g(e + 1), i = g(e + 2), a = n[0] + (r[0] - t[0]) / 6, o = n[1] + (r[1] - t[1]) / 6, s = r[0] - (i[0] - n[0]) / 6, c = r[1] - (i[1] - n[1]) / 6;
+		v += ` C ${_(a)} ${_(o)} ${_(s)} ${_(c)} ${_(r[0])} ${_(r[1])}`;
+	}
+	return `${v} Z`;
+}
+function be(e, t, n, r, i, a) {
+	return !a || a.amplitude <= 0 ? R(e, t, n, r, i) : ye(e, t, n, r, i, a);
+}
+//#endregion
 //#region src/liquid/motionTokens.ts
-function F(e, t = 0, n = 1) {
+function z(e, t = 0, n = 1) {
 	return Math.min(n, Math.max(t, e));
 }
-function I(e, t) {
+function B(e, t) {
 	return e !== void 0 && Number.isFinite(e) ? e : t;
 }
-function ce(e) {
+function V(e) {
 	return /^var\((--[\w-]+)\)$/.exec(e.trim())?.[1] ?? null;
 }
-function le(e, t, n) {
-	let r = e?.ownerDocument.defaultView, i = ce(k[t]);
+function H(e, t, n) {
+	let r = e?.ownerDocument.defaultView, i = V(m[t]);
 	if (!r || !i) return n;
 	let a = r.getComputedStyle(e).getPropertyValue(i), o = Number.parseFloat(a);
 	return Number.isFinite(o) ? o : n;
 }
-function L(e) {
+function U(e) {
 	return Math.round(e * 10) / 10;
 }
-function R(e) {
+function W(e) {
 	return String(Math.round(e * 1e3) / 1e3);
 }
 //#endregion
 //#region src/liquid/move.ts
-var z = {
+var G = {
 	stiffness: 380,
 	damping: 18,
 	stretch: .18,
 	tail: .46,
 	force: .5
-}, B = {
+}, K = {
 	tailSpringStiffness: 170,
 	tailSpringDamping: 22,
 	stretchSpeed: 6e-4,
@@ -262,48 +614,48 @@ var z = {
 	settleSpeed: 1,
 	integrationRate: 60
 };
-function ue(e) {
-	let t = (t, n) => le(e, t, n);
+function xe(e) {
+	let t = (t, n) => H(e, t, n);
 	return {
-		stiffness: Math.max(.001, t("moveStiffness", z.stiffness)),
-		damping: Math.max(0, t("moveDamping", z.damping)),
-		stretch: F(t("moveStretch", z.stretch)),
-		tail: F(t("moveTail", z.tail)),
-		force: F(t("moveForce", z.force)),
-		tailSpringStiffness: Math.max(.001, t("moveTailSpringStiffness", B.tailSpringStiffness)),
-		tailSpringDamping: Math.max(0, t("moveTailSpringDamping", B.tailSpringDamping)),
-		stretchSpeed: Math.max(0, t("moveStretchSpeed", B.stretchSpeed)),
-		stretchSquash: Math.max(0, t("moveStretchSquash", B.stretchSquash)),
-		speedThreshold: Math.max(0, t("moveSpeedThreshold", B.speedThreshold)),
-		tailOnsetSpeed: Math.max(0, t("moveTailOnsetSpeed", B.tailOnsetSpeed)),
-		tailOnsetRange: Math.max(.001, t("moveTailOnsetRange", B.tailOnsetRange)),
-		tailRamp: Math.max(0, t("moveTailRamp", B.tailRamp)),
-		tailMinRadius: Math.max(0, t("moveTailMinRadius", B.tailMinRadius)),
-		tailWobble: Math.max(0, t("moveTailWobble", B.tailWobble)),
-		tailPhaseSpeed: Math.max(0, t("moveTailPhaseSpeed", B.tailPhaseSpeed)),
-		tailMidpointA: F(t("moveTailMidpointA", B.tailMidpointA)),
-		tailMidpointB: F(t("moveTailMidpointB", B.tailMidpointB)),
-		tailMidRadiusA: F(t("moveTailMidRadiusA", B.tailMidRadiusA)),
-		tailMidRadiusB: F(t("moveTailMidRadiusB", B.tailMidRadiusB)),
-		tailWobblePhase: t("moveTailWobblePhase", B.tailWobblePhase),
-		minPerpendicular: Math.max(0, t("moveMinPerpendicular", B.minPerpendicular)),
-		lagBase: Math.max(0, t("moveLagBase", B.lagBase)),
-		lagForce: Math.max(0, t("moveLagForce", B.lagForce)),
-		settleDistance: Math.max(0, t("moveSettleDistance", B.settleDistance)),
-		settleSpeed: Math.max(0, t("moveSettleSpeed", B.settleSpeed)),
-		integrationRate: Math.max(1, t("moveIntegrationRate", B.integrationRate))
+		stiffness: Math.max(.001, t("moveStiffness", G.stiffness)),
+		damping: Math.max(0, t("moveDamping", G.damping)),
+		stretch: z(t("moveStretch", G.stretch)),
+		tail: z(t("moveTail", G.tail)),
+		force: z(t("moveForce", G.force)),
+		tailSpringStiffness: Math.max(.001, t("moveTailSpringStiffness", K.tailSpringStiffness)),
+		tailSpringDamping: Math.max(0, t("moveTailSpringDamping", K.tailSpringDamping)),
+		stretchSpeed: Math.max(0, t("moveStretchSpeed", K.stretchSpeed)),
+		stretchSquash: Math.max(0, t("moveStretchSquash", K.stretchSquash)),
+		speedThreshold: Math.max(0, t("moveSpeedThreshold", K.speedThreshold)),
+		tailOnsetSpeed: Math.max(0, t("moveTailOnsetSpeed", K.tailOnsetSpeed)),
+		tailOnsetRange: Math.max(.001, t("moveTailOnsetRange", K.tailOnsetRange)),
+		tailRamp: Math.max(0, t("moveTailRamp", K.tailRamp)),
+		tailMinRadius: Math.max(0, t("moveTailMinRadius", K.tailMinRadius)),
+		tailWobble: Math.max(0, t("moveTailWobble", K.tailWobble)),
+		tailPhaseSpeed: Math.max(0, t("moveTailPhaseSpeed", K.tailPhaseSpeed)),
+		tailMidpointA: z(t("moveTailMidpointA", K.tailMidpointA)),
+		tailMidpointB: z(t("moveTailMidpointB", K.tailMidpointB)),
+		tailMidRadiusA: z(t("moveTailMidRadiusA", K.tailMidRadiusA)),
+		tailMidRadiusB: z(t("moveTailMidRadiusB", K.tailMidRadiusB)),
+		tailWobblePhase: t("moveTailWobblePhase", K.tailWobblePhase),
+		minPerpendicular: Math.max(0, t("moveMinPerpendicular", K.minPerpendicular)),
+		lagBase: Math.max(0, t("moveLagBase", K.lagBase)),
+		lagForce: Math.max(0, t("moveLagForce", K.lagForce)),
+		settleDistance: Math.max(0, t("moveSettleDistance", K.settleDistance)),
+		settleSpeed: Math.max(0, t("moveSettleSpeed", K.settleSpeed)),
+		integrationRate: Math.max(1, t("moveIntegrationRate", K.integrationRate))
 	};
 }
-function de(e, t, n, r, i, a) {
+function Se(e, t, n, r, i, a) {
 	let o = t + (r * (n - e) - i * t) * a;
 	return [e + o * a, o];
 }
-function V(e, t, n, r, i, a, o) {
-	let s = Math.max(0, I(a, 0)), c = Math.max(1, Math.ceil(s * o)), l = s / c, u = e, d = t;
-	for (; c-- > 0;) [u, d] = de(u, d, n, r, i, l);
+function q(e, t, n, r, i, a, o) {
+	let s = Math.max(0, B(a, 0)), c = Math.max(1, Math.ceil(s * o)), l = s / c, u = e, d = t;
+	for (; c-- > 0;) [u, d] = Se(u, d, n, r, i, l);
 	return [u, d];
 }
-function fe(e) {
+function Ce(e) {
 	return {
 		cx: e.cx,
 		cy: e.cy,
@@ -318,59 +670,59 @@ function fe(e) {
 		tailInitialized: !0
 	};
 }
-function pe(e, t) {
+function we(e, t) {
 	e.cx = t.cx, e.cy = t.cy, e.vcx = 0, e.vcy = 0, e.tailX = t.cx, e.tailY = t.cy, e.tailVx = 0, e.tailVy = 0, e.tailR = 0, e.tailPhase = 0, e.tailInitialized = !0;
 }
-function me(e, t, n, r, a) {
-	let o = Math.max(.01, I(t.scale, 1));
-	[e.cx, e.vcx] = V(e.cx, e.vcx, t.cx, a.stiffness, a.damping, r, a.integrationRate), [e.cy, e.vcy] = V(e.cy, e.vcy, t.cy, a.stiffness, a.damping, r, a.integrationRate);
-	let s = Math.hypot(e.vcx, e.vcy), c = 0, l = 1, u = 1;
-	if (s > a.speedThreshold) {
-		let t = Math.min(a.stretch, s * a.stretchSpeed);
-		c = Math.round(Math.atan2(e.vcy, e.vcx) * 100) / 100, l = 1 + t, u = 1 / (1 + t * a.stretchSquash);
+function Te(e, t, n, r, i) {
+	let a = Math.max(.01, B(t.scale, 1));
+	[e.cx, e.vcx] = q(e.cx, e.vcx, t.cx, i.stiffness, i.damping, r, i.integrationRate), [e.cy, e.vcy] = q(e.cy, e.vcy, t.cy, i.stiffness, i.damping, r, i.integrationRate);
+	let o = Math.hypot(e.vcx, e.vcy), s = 0, c = 1, l = 1;
+	if (o > i.speedThreshold) {
+		let t = Math.min(i.stretch, o * i.stretchSpeed);
+		s = Math.round(Math.atan2(e.vcy, e.vcx) * 100) / 100, c = 1 + t, l = 1 / (1 + t * i.stretchSquash);
 	}
-	e.tailInitialized ||= (e.tailX = e.cx, e.tailY = e.cy, !0), [e.tailX, e.tailVx] = V(e.tailX, e.tailVx, e.cx, a.tailSpringStiffness, a.tailSpringDamping, r, a.integrationRate), [e.tailY, e.tailVy] = V(e.tailY, e.tailVy, e.cy, a.tailSpringStiffness, a.tailSpringDamping, r, a.integrationRate);
-	let d = Math.max(0, n.w * o), f = Math.max(0, n.h * o), p = s > .001 ? e.vcx / s : 1, m = s > .001 ? e.vcy / s : 0, h = Math.max(a.minPerpendicular, Math.abs(p) * f + Math.abs(m) * d), g = (Math.abs(p) * d + Math.abs(m) * f) / 2, _ = h / 2, v = e.tailX - e.cx, y = e.tailY - e.cy, b = Math.hypot(v, y), x = g + _ * (a.lagBase + a.force * a.lagForce);
-	b > x && b > 0 && (e.tailX = e.cx + v / b * x, e.tailY = e.cy + y / b * x);
-	let S = F((s - a.tailOnsetSpeed) / a.tailOnsetRange), C = _ * a.tail * S;
-	e.tailR += (C - e.tailR) * Math.min(1, Math.max(0, r) * a.tailRamp);
-	let w = e.tailR >= a.tailMinRadius, T = e.cx, E = e.cy, D = e.cx, O = e.cy, k = 0, A = 0;
-	if (w) {
-		e.tailPhase += s * Math.max(0, I(r, 0)) * a.tailPhaseSpeed;
-		let t = e.tailR * a.tailWobble, n = -m, i = p, o = Math.sin(e.tailPhase) * t, c = Math.sin(e.tailPhase + a.tailWobblePhase) * -t;
-		T = e.cx + v * a.tailMidpointA + n * o, E = e.cy + y * a.tailMidpointA + i * o, D = e.cx + v * a.tailMidpointB + n * c, O = e.cy + y * a.tailMidpointB + i * c, k = e.tailR * a.tailMidRadiusA, A = e.tailR * a.tailMidRadiusB;
+	e.tailInitialized ||= (e.tailX = e.cx, e.tailY = e.cy, !0), [e.tailX, e.tailVx] = q(e.tailX, e.tailVx, e.cx, i.tailSpringStiffness, i.tailSpringDamping, r, i.integrationRate), [e.tailY, e.tailVy] = q(e.tailY, e.tailVy, e.cy, i.tailSpringStiffness, i.tailSpringDamping, r, i.integrationRate);
+	let u = Math.max(0, n.w * a), d = Math.max(0, n.h * a), f = o > .001 ? e.vcx / o : 1, p = o > .001 ? e.vcy / o : 0, m = Math.max(i.minPerpendicular, Math.abs(f) * d + Math.abs(p) * u), h = (Math.abs(f) * u + Math.abs(p) * d) / 2, g = m / 2, _ = e.tailX - e.cx, v = e.tailY - e.cy, y = Math.hypot(_, v), b = h + g * (i.lagBase + i.force * i.lagForce);
+	y > b && y > 0 && (e.tailX = e.cx + _ / y * b, e.tailY = e.cy + v / y * b);
+	let x = z((o - i.tailOnsetSpeed) / i.tailOnsetRange), S = g * i.tail * x;
+	e.tailR += (S - e.tailR) * Math.min(1, Math.max(0, r) * i.tailRamp);
+	let C = e.tailR >= i.tailMinRadius, w = e.cx, T = e.cy, E = e.cx, D = e.cy, O = 0, k = 0;
+	if (C) {
+		e.tailPhase += o * Math.max(0, B(r, 0)) * i.tailPhaseSpeed;
+		let t = e.tailR * i.tailWobble, n = -p, a = f, s = Math.sin(e.tailPhase) * t, c = Math.sin(e.tailPhase + i.tailWobblePhase) * -t;
+		w = e.cx + _ * i.tailMidpointA + n * s, T = e.cy + v * i.tailMidpointA + a * s, E = e.cx + _ * i.tailMidpointB + n * c, D = e.cy + v * i.tailMidpointB + a * c, O = e.tailR * i.tailMidRadiusA, k = e.tailR * i.tailMidRadiusB;
 	}
-	let j = {
-		cx: L(e.tailX),
-		cy: L(e.tailY),
-		radius: w ? L(e.tailR) : 0,
-		midACx: L(T),
-		midACy: L(E),
-		midARadius: w ? L(k) : 0,
-		midBCx: L(D),
-		midBCy: L(O),
-		midBRadius: w ? L(A) : 0,
-		visible: w,
-		fingerprint: w ? [
-			L(e.tailX),
-			L(e.tailY),
-			L(e.tailR),
-			L(T),
-			L(E),
-			L(D),
-			L(O)
+	let A = {
+		cx: U(e.tailX),
+		cy: U(e.tailY),
+		radius: C ? U(e.tailR) : 0,
+		midACx: U(w),
+		midACy: U(T),
+		midARadius: C ? U(O) : 0,
+		midBCx: U(E),
+		midBCy: U(D),
+		midBRadius: C ? U(k) : 0,
+		visible: C,
+		fingerprint: C ? [
+			U(e.tailX),
+			U(e.tailY),
+			U(e.tailR),
+			U(w),
+			U(T),
+			U(E),
+			U(D)
 		].join(",") : "hidden"
 	};
 	return {
-		path: i(-n.w / 2, -n.h / 2, n.w, n.h, n.r),
-		transform: `translate(${R(e.cx)} ${R(e.cy)}) ` + (s > a.speedThreshold ? `rotate(${R(c * 180 / Math.PI)}) scale(${R(l)} ${R(u)}) ` : "") + `scale(${R(o)})`,
-		tail: j,
-		moving: Math.hypot(e.cx - t.cx, e.cy - t.cy) > a.settleDistance || s > a.settleSpeed || e.tailR >= a.tailMinRadius
+		path: R(-n.w / 2, -n.h / 2, n.w, n.h, n.r),
+		transform: `translate(${W(e.cx)} ${W(e.cy)}) ` + (o > i.speedThreshold ? `rotate(${W(s * 180 / Math.PI)}) scale(${W(c)} ${W(l)}) ` : "") + `scale(${W(a)})`,
+		tail: A,
+		moving: Math.hypot(e.cx - t.cx, e.cy - t.cy) > i.settleDistance || o > i.settleSpeed || e.tailR >= i.tailMinRadius
 	};
 }
 //#endregion
 //#region src/liquid/evolve.ts
-var H = {
+var J = {
 	massStiffness: 320,
 	massDamping: 17,
 	sizeStiffness: 170,
@@ -385,41 +737,41 @@ var H = {
 	anticipation: 90,
 	travel: 32
 };
-function he(e) {
+function Ee(e) {
 	return /^var\((--[\w-]+)\)$/.exec(e.trim())?.[1] ?? null;
 }
-function U(e, t) {
+function Y(e, t) {
 	return e !== void 0 && Number.isFinite(e) ? e : t;
 }
-function W(e, t = 0, n = 1) {
+function X(e, t = 0, n = 1) {
 	return Math.min(n, Math.max(t, e));
 }
-function G(e, t, n) {
-	let r = e?.ownerDocument.defaultView, i = he(k[t]);
+function De(e, t, n) {
+	let r = e?.ownerDocument.defaultView, i = Ee(m[t]);
 	if (!r || !i) return n;
 	let a = Number.parseFloat(r.getComputedStyle(e).getPropertyValue(i));
 	return Number.isFinite(a) ? a : n;
 }
-function K(e, t, n) {
-	let r = e?.ownerDocument.defaultView, i = he(k[t]);
+function Oe(e, t, n) {
+	let r = e?.ownerDocument.defaultView, i = Ee(m[t]);
 	return !r || !i ? n : r.getComputedStyle(e).getPropertyValue(i).trim() || n;
 }
-function q(e, t) {
-	let n = (t, n) => G(e, t, n), r = {
-		massStiffness: Math.max(.001, n("evolveMassStiffness", H.massStiffness)),
-		massDamping: Math.max(0, n("evolveMassDamping", H.massDamping)),
-		sizeStiffness: Math.max(.001, n("evolveSizeStiffness", H.sizeStiffness)),
-		sizeDamping: Math.max(0, n("evolveSizeDamping", H.sizeDamping)),
-		radiusStiffness: Math.max(.001, n("evolveRadiusStiffness", H.radiusStiffness)),
-		radiusDamping: Math.max(0, n("evolveRadiusDamping", H.radiusDamping)),
-		contentBlur: Math.max(0, n("evolveContentBlur", H.contentBlur)),
-		roundness: W(n("evolveRoundness", H.roundness)),
-		cornerDuration: Math.max(0, n("evolveCornerDuration", H.cornerDuration)),
-		cornerDelay: Math.max(0, n("evolveCornerDelay", H.cornerDelay)),
-		cornerEase: K(e, "evolveCornerEase", H.cornerEase),
-		anticipation: Math.max(0, n("evolveAnticipation", H.anticipation)),
-		travel: Math.max(0, n("evolveTravel", H.travel))
-	}, i = Math.max(.25, U(t?.speed, n("morphSpeed", 1))), a = W(U(t?.bounce, n("morphBounce", .5))), o = (e) => Math.max(.12, 1 - 1.1 * W(e)), s = o(a) / o(.5);
+function ke(e, t) {
+	let n = (t, n) => De(e, t, n), r = {
+		massStiffness: Math.max(.001, n("evolveMassStiffness", J.massStiffness)),
+		massDamping: Math.max(0, n("evolveMassDamping", J.massDamping)),
+		sizeStiffness: Math.max(.001, n("evolveSizeStiffness", J.sizeStiffness)),
+		sizeDamping: Math.max(0, n("evolveSizeDamping", J.sizeDamping)),
+		radiusStiffness: Math.max(.001, n("evolveRadiusStiffness", J.radiusStiffness)),
+		radiusDamping: Math.max(0, n("evolveRadiusDamping", J.radiusDamping)),
+		contentBlur: Math.max(0, n("evolveContentBlur", J.contentBlur)),
+		roundness: X(n("evolveRoundness", J.roundness)),
+		cornerDuration: Math.max(0, n("evolveCornerDuration", J.cornerDuration)),
+		cornerDelay: Math.max(0, n("evolveCornerDelay", J.cornerDelay)),
+		cornerEase: Oe(e, "evolveCornerEase", J.cornerEase),
+		anticipation: Math.max(0, n("evolveAnticipation", J.anticipation)),
+		travel: Math.max(0, n("evolveTravel", J.travel))
+	}, i = Math.max(.25, Y(t?.speed, n("morphSpeed", 1))), a = X(Y(t?.bounce, n("morphBounce", .5))), o = (e) => Math.max(.12, 1 - 1.1 * X(e)), s = o(a) / o(.5);
 	return {
 		massStiffness: r.massStiffness * i * i,
 		massDamping: r.massDamping * i * s,
@@ -427,7 +779,7 @@ function q(e, t) {
 		sizeDamping: r.sizeDamping * i * s,
 		radiusStiffness: r.radiusStiffness * i * i,
 		radiusDamping: r.radiusDamping * i,
-		contentBlur: Math.max(0, U(t?.contentBlur, r.contentBlur)),
+		contentBlur: Math.max(0, Y(t?.contentBlur, r.contentBlur)),
 		roundness: r.roundness,
 		cornerDuration: r.cornerDuration / i,
 		cornerDelay: r.cornerDelay,
@@ -437,14 +789,14 @@ function q(e, t) {
 		...t?.advanced ?? {}
 	};
 }
-function ge(e, t) {
-	return t?.shape === void 0 ? G(e, "morphShape", 1) >= .5 : t.shape;
+function Ae(e, t) {
+	return t?.shape === void 0 ? De(e, "morphShape", 1) >= .5 : t.shape;
 }
-function J(e, t) {
-	let n = q(e, t), r = Math.max(0, G(e, "contentBlurAreaMultiplier", 3));
+function je(e, t) {
+	let n = ke(e, t), r = Math.max(0, De(e, "contentBlurAreaMultiplier", 3));
 	return n.contentBlur * r;
 }
-function _e(e) {
+function Me(e) {
 	return {
 		cx: e.cx,
 		cy: e.cy,
@@ -469,7 +821,7 @@ function _e(e) {
 		round01: 0
 	};
 }
-function ve(e, t) {
+function Ne(e, t) {
 	e.cx = t.cx, e.cy = t.cy, e.w = t.w, e.h = t.h, e.r = t.r, e.vcx = 0, e.vcy = 0, e.vw = 0, e.vh = 0, e.vr = 0, e.motionEnv = 0, e.tPrev = {
 		cx: t.cx,
 		cy: t.cy
@@ -478,18 +830,18 @@ function ve(e, t) {
 		h: t.h
 	}, e.morphActive = !1, e.round01 = 0;
 }
-function Y(e, t, n, r, i, a) {
+function Pe(e, t, n, r, i, a) {
 	let o = t + (r * (n - e) - i * t) * a;
 	return [e + o * a, o];
 }
-function X(e, t, n, r, i, a) {
-	let o = Math.max(0, U(a, 0)), s = Math.max(1, Math.ceil(o * 60)), c = o / s, l = e, u = t;
-	for (; s-- > 0;) [l, u] = Y(l, u, n, r, i, c);
+function Fe(e, t, n, r, i, a) {
+	let o = Math.max(0, Y(a, 0)), s = Math.max(1, Math.ceil(o * 60)), c = o / s, l = e, u = t;
+	for (; s-- > 0;) [l, u] = Pe(l, u, n, r, i, c);
 	return [l, u];
 }
-var ye = /* @__PURE__ */ new Map();
-function be(e) {
-	let t = ye.get(e);
+var Ie = /* @__PURE__ */ new Map();
+function Le(e) {
+	let t = Ie.get(e);
 	if (t) return t;
 	let n = /cubic-bezier\(([^)]+)\)/.exec(e);
 	if (n) {
@@ -505,14 +857,14 @@ function be(e) {
 			let s = (n + o) / 2;
 			return 3 * s * (1 - s) * (1 - s) * r + 3 * s * s * (1 - s) * a + s ** 3;
 		};
-	} else t = e === "ease-in-out" ? be("cubic-bezier(0.42, 0, 0.58, 1)") : (e) => W(e);
-	return ye.set(e, t), t;
+	} else t = e === "ease-in-out" ? Le("cubic-bezier(0.42, 0, 0.58, 1)") : (e) => X(e);
+	return Ie.set(e, t), t;
 }
-function xe(e) {
+function Re(e) {
 	return String(Math.round(e * 1e3) / 1e3);
 }
-function Se(e, t, n, r, i, a) {
-	let o = Math.max(0, U(n, 0)), s = t.cx, c = t.cy;
+function ze(e, t, n, r, i, a) {
+	let o = Math.max(0, Y(n, 0)), s = t.cx, c = t.cy;
 	e.tPrev ||= {
 		cx: s,
 		cy: c
@@ -522,60 +874,161 @@ function Se(e, t, n, r, i, a) {
 		cx: s,
 		cy: c
 	};
-	let f = s - e.cx, p = c - e.cy, m = Math.hypot(f, p), h = Math.hypot(e.tvx, e.tvy), g = 0, _ = 0;
-	h > .001 ? (g = e.tvx / h, _ = e.tvy / h) : m > .001 && (g = f / m, _ = p / m);
-	let v = Math.max(0, i.anticipation) / 1e3, y = v > 0 ? 1 - Math.exp(-o / v) : 1;
-	e.lead01 += (+(m > .5) - e.lead01) * y;
-	let b = Math.min(Math.max(0, i.travel) * e.lead01, m);
-	[e.cx, e.vcx] = X(e.cx, e.vcx, s + g * b, i.massStiffness, i.massDamping, o), [e.cy, e.vcy] = X(e.cy, e.vcy, c + _ * b, i.massStiffness, i.massDamping, o), [e.w, e.vw] = X(e.w, e.vw, t.w, i.sizeStiffness, i.sizeDamping, o), [e.h, e.vh] = X(e.h, e.vh, t.h, i.sizeStiffness, i.sizeDamping, o), [e.r, e.vr] = X(e.r, e.vr, t.r, i.radiusStiffness, i.radiusDamping, o);
-	let x = e.lastTargetSize;
-	(x ? Math.abs(t.w - x.w) + Math.abs(t.h - x.h) : 0) > .5 ? (e.morphActive ||= (e.cornerT0 = r, e.cornerStarted = !0, !0), e.lastTargetMoveT = r) : e.morphActive && r - e.lastTargetMoveT > 150 && r - e.cornerT0 > Math.max(0, i.cornerDelay) + Math.max(1, i.cornerDuration) && (e.morphActive = !1), e.lastTargetSize = {
+	let d = s - e.cx, f = c - e.cy, p = Math.hypot(d, f), m = Math.hypot(e.tvx, e.tvy), h = 0, g = 0;
+	m > .001 ? (h = e.tvx / m, g = e.tvy / m) : p > .001 && (h = d / p, g = f / p);
+	let _ = Math.max(0, i.anticipation) / 1e3, v = _ > 0 ? 1 - Math.exp(-o / _) : 1;
+	e.lead01 += (+(p > .5) - e.lead01) * v;
+	let y = Math.min(Math.max(0, i.travel) * e.lead01, p);
+	[e.cx, e.vcx] = Fe(e.cx, e.vcx, s + h * y, i.massStiffness, i.massDamping, o), [e.cy, e.vcy] = Fe(e.cy, e.vcy, c + g * y, i.massStiffness, i.massDamping, o), [e.w, e.vw] = Fe(e.w, e.vw, t.w, i.sizeStiffness, i.sizeDamping, o), [e.h, e.vh] = Fe(e.h, e.vh, t.h, i.sizeStiffness, i.sizeDamping, o), [e.r, e.vr] = Fe(e.r, e.vr, t.r, i.radiusStiffness, i.radiusDamping, o);
+	let b = e.lastTargetSize;
+	(b ? Math.abs(t.w - b.w) + Math.abs(t.h - b.h) : 0) > .5 ? (e.morphActive ||= (e.cornerT0 = r, e.cornerStarted = !0, !0), e.lastTargetMoveT = r) : e.morphActive && r - e.lastTargetMoveT > 150 && r - e.cornerT0 > Math.max(0, i.cornerDelay) + Math.max(1, i.cornerDuration) && (e.morphActive = !1), e.lastTargetSize = {
 		w: t.w,
 		h: t.h
 	};
-	let S = Math.max(0, i.cornerDelay) + Math.max(1, i.cornerDuration), C = 0;
-	if (e.cornerStarted && i.roundness > 0 && r - e.cornerT0 < S) {
-		let t = W((r - e.cornerT0 - Math.max(0, i.cornerDelay)) / Math.max(1, i.cornerDuration));
-		C = W((1 - be(i.cornerEase)(t)) * i.roundness);
+	let x = Math.max(0, i.cornerDelay) + Math.max(1, i.cornerDuration), S = 0;
+	if (e.cornerStarted && i.roundness > 0 && r - e.cornerT0 < x) {
+		let t = X((r - e.cornerT0 - Math.max(0, i.cornerDelay)) / Math.max(1, i.cornerDuration));
+		S = X((1 - Le(i.cornerEase)(t)) * i.roundness);
 	}
-	let w = o * 8;
-	e.round01 += Math.max(-w, Math.min(w, C - e.round01));
-	let T = Math.max(0, e.r);
+	let C = o * 8;
+	e.round01 += Math.max(-C, Math.min(C, S - e.round01));
+	let w = Math.max(0, e.r);
 	if (e.round01 > .001) {
-		let n = Math.max(Math.min(e.w, e.h) / 2, T);
-		T += (n - T) * e.round01, T = Math.max(T, t.r);
+		let n = Math.max(Math.min(e.w, e.h) / 2, w);
+		w += (n - w) * e.round01, w = Math.max(w, t.r);
 	}
-	let E = Math.min(1, (Math.hypot(e.vcx, e.vcy) + Math.abs(e.vw) + Math.abs(e.vh)) / 420);
-	e.motionEnv = Math.max(E, e.motionEnv - o * 1.9);
-	let D = e.motionEnv * e.motionEnv * Math.max(0, i.contentBlur), O = e.cornerStarted && r - e.cornerT0 < S + 80 || Math.abs(C - e.round01) > .004 || e.round01 > .004, k = Math.hypot(e.vcx, e.vcy), A = Math.abs(e.cx - s) < .05 && Math.abs(e.cy - c) < .05 && Math.abs(e.w - t.w) < .05 && Math.abs(e.h - t.h) < .05 && Math.abs(e.r - t.r) < .05 && k < 1 && Math.abs(e.vw) + Math.abs(e.vh) + Math.abs(e.vr) < 1 && e.motionEnv < .01 && !O, j = [
-		T,
-		T,
-		T,
-		T
+	let T = Math.min(1, (Math.hypot(e.vcx, e.vcy) + Math.abs(e.vw) + Math.abs(e.vh)) / 420);
+	e.motionEnv = Math.max(T, e.motionEnv - o * 1.9);
+	let E = e.motionEnv * e.motionEnv * Math.max(0, i.contentBlur), D = e.cornerStarted && r - e.cornerT0 < x + 80 || Math.abs(S - e.round01) > .004 || e.round01 > .004, O = Math.hypot(e.vcx, e.vcy), k = Math.abs(e.cx - s) < .05 && Math.abs(e.cy - c) < .05 && Math.abs(e.w - t.w) < .05 && Math.abs(e.h - t.h) < .05 && Math.abs(e.r - t.r) < .05 && O < 1 && Math.abs(e.vw) + Math.abs(e.vh) + Math.abs(e.vr) < 1 && e.motionEnv < .01 && !D, A = [
+		w,
+		w,
+		w,
+		w
 	];
 	return {
-		path: d(-e.w / 2, -e.h / 2, e.w, e.h, j, a),
-		transform: `translate(${xe(e.cx)} ${xe(e.cy)}) scale(${xe(t.scale)} ${xe(t.scaleY ?? t.scale)})`,
-		contentBlur: D,
-		moving: !A
+		path: be(-e.w / 2, -e.h / 2, e.w, e.h, A, a),
+		transform: `translate(${Re(e.cx)} ${Re(e.cy)}) scale(${Re(t.scale)} ${Re(t.scaleY ?? t.scale)})`,
+		contentBlur: E,
+		moving: !k
 	};
 }
 //#endregion
+//#region src/liquid/spring.ts
+var Be = {
+	snappy: {
+		stiffness: 480,
+		damping: 34,
+		mass: 1
+	},
+	smooth: {
+		stiffness: 190,
+		damping: 26,
+		mass: 1
+	},
+	bouncy: {
+		stiffness: 320,
+		damping: 17,
+		mass: 1
+	},
+	wobbly: {
+		stiffness: 400,
+		damping: 9.6,
+		mass: 1
+	}
+}, Ve = 1 / 240;
+function He(e) {
+	let t = 0, n = 0, r = 0, i = -1, a = 0, o = [0];
+	for (; r < 10;) {
+		let s = (-e.stiffness * (t - 1) - e.damping * n) / e.mass;
+		if (n += s * Ve, t += n * Ve, r += Ve, o.push(t), t > a && (a = t), Math.abs(t - 1) < .001 && Math.abs(n) < .02) {
+			if (i < 0 && (i = r), r - i >= .064) break;
+		} else i = -1;
+	}
+	let s = i > 0 ? i : r, c = Math.round(Math.min(120, Math.max(24, s * 90))), l = Math.min(o.length - 1, s / Ve), u = [];
+	for (let e = 0; e <= c; e += 1) {
+		let t = Math.min(o.length - 1, Math.round(e / c * l));
+		u.push(Math.round((o[t] ?? 1) * 1e4) / 1e4);
+	}
+	return u[u.length - 1] = 1, {
+		duration: s,
+		values: u,
+		overshoots: a > 1.001
+	};
+}
+var Ue = null;
+function We() {
+	return Ue === null && (Ue = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("transition-timing-function", "linear(0, 1)")), Ue;
+}
+var Ge = /* @__PURE__ */ new Map(), Ke = /* @__PURE__ */ new Map();
+function Z(e) {
+	let t = Ke.get(e);
+	if (t) return t;
+	let n = /^linear\(([^)]+)\)$/.exec(e.trim()), r = /^cubic-bezier\(([^)]+)\)$/.exec(e.trim()), i;
+	if (n) {
+		let e = (n[1] ?? "").split(",").map(Number);
+		i = (t) => {
+			if (t <= 0) return e[0] ?? 0;
+			if (t >= 1) return e[e.length - 1] ?? 1;
+			let n = t * (e.length - 1), r = Math.floor(n), i = e[r] ?? 0;
+			return i + ((e[r + 1] ?? i) - i) * (n - r);
+		};
+	} else if (r) {
+		let [e = 0, t = 0, n = 1, a = 1] = (r[1] ?? "").split(",").map(Number);
+		i = (r) => {
+			if (r <= 0) return 0;
+			if (r >= 1) return 1;
+			let i = 0, o = 1;
+			for (let t = 0; t < 24; t += 1) {
+				let t = (i + o) / 2;
+				3 * t * (1 - t) * (1 - t) * e + 3 * t * t * (1 - t) * n + t ** 3 < r ? i = t : o = t;
+			}
+			let s = (i + o) / 2;
+			return 3 * s * (1 - s) * (1 - s) * t + 3 * s * s * (1 - s) * a + s ** 3;
+		};
+	} else i = e === "ease" ? Z("cubic-bezier(0.25, 0.1, 0.25, 1)") : e === "ease-in" ? Z("cubic-bezier(0.42, 0, 1, 1)") : e === "ease-out" ? Z("cubic-bezier(0, 0, 0.58, 1)") : e === "ease-in-out" ? Z("cubic-bezier(0.42, 0, 0.58, 1)") : (e) => Math.min(1, Math.max(0, e));
+	return Ke.set(e, i), i;
+}
+function qe(e, t = !1) {
+	if (t) return {
+		duration: 0,
+		easing: "linear"
+	};
+	let n = e ?? "smooth";
+	if (typeof n == "object" && "duration" in n) return {
+		duration: Math.max(0, n.duration),
+		easing: n.ease ?? "cubic-bezier(0.22, 1, 0.36, 1)"
+	};
+	let r = typeof n == "string" ? Be[n] : {
+		stiffness: 300,
+		damping: 24,
+		mass: 1,
+		...n
+	}, i = `${r.stiffness}/${r.damping}/${r.mass}/${We()}`, a = Ge.get(i);
+	if (!a) {
+		let e = He(r);
+		a = {
+			duration: Math.round(e.duration * 1e3),
+			easing: We() ? `linear(${e.values.join(", ")})` : e.overshoots ? "cubic-bezier(0.34, 1.56, 0.64, 1)" : "cubic-bezier(0.22, 1, 0.36, 1)"
+		}, Ge.set(i, a);
+	}
+	return a;
+}
+//#endregion
 //#region src/liquid/engine.ts
-function Z(e, t) {
+function Je(e, t) {
 	return e !== void 0 && Number.isFinite(e) ? e : t;
 }
-function Ce(e) {
+function Ye(e) {
 	let t = {
 		observe: e.observe ?? !1,
-		x: Z(e.x, 0),
-		y: Z(e.y, 0),
-		scale: Math.max(.01, Z(e.scale, 1)),
-		scaleY: Math.max(.01, Z(e.scaleY ?? e.scale, 1))
+		x: Je(e.x, 0),
+		y: Je(e.y, 0),
+		scale: Math.max(.01, Je(e.scale, 1)),
+		scaleY: Math.max(.01, Je(e.scaleY ?? e.scale, 1))
 	};
-	return e.effect !== void 0 && (t.effect = e.effect), e.morph !== void 0 && (t.morph = e.morph), e.deformation !== void 0 && (t.deformation = e.deformation), e.transition !== void 0 && (t.transition = e.transition), e.delay !== void 0 && (t.delay = Math.max(0, Z(e.delay, 0))), e.radius !== void 0 && (t.radius = e.radius), e.blob !== void 0 && (t.blob = e.blob), t;
+	return e.effect !== void 0 && (t.effect = e.effect), e.morph !== void 0 && (t.morph = e.morph), e.deformation !== void 0 && (t.deformation = e.deformation), e.transition !== void 0 && (t.transition = e.transition), e.delay !== void 0 && (t.delay = Math.max(0, Je(e.delay, 0))), e.radius !== void 0 && (t.radius = e.radius), e.blob !== void 0 && (t.blob = e.blob), t;
 }
-function we(e) {
+function Xe(e) {
 	return {
 		x: e.x,
 		y: e.y,
@@ -583,22 +1036,22 @@ function we(e) {
 		scaleY: e.scaleY
 	};
 }
-function Te(e, t) {
+function Ze(e, t) {
 	return e.x === t.x && e.y === t.y && e.scale === t.scale && e.scaleY === t.scaleY;
 }
-function Ee(e, t) {
-	return e.effect === t.effect && e.observe === t.observe && JSON.stringify(e.morph) === JSON.stringify(t.morph) && e.deformation === t.deformation && JSON.stringify(e.transition) === JSON.stringify(t.transition) && e.delay === t.delay && De(e.radius) === De(t.radius);
+function Qe(e, t) {
+	return e.effect === t.effect && e.observe === t.observe && JSON.stringify(e.morph) === JSON.stringify(t.morph) && e.deformation === t.deformation && JSON.stringify(e.transition) === JSON.stringify(t.transition) && e.delay === t.delay && $e(e.radius) === $e(t.radius);
 }
-function De(e) {
+function $e(e) {
 	return e === void 0 ? "" : JSON.stringify(e);
 }
-function Oe(e, t) {
+function et(e, t) {
 	return !!(e && Math.abs(e.x - t.x) < .01 && Math.abs(e.y - t.y) < .01 && Math.abs(e.w - t.w) < .01 && Math.abs(e.h - t.h) < .01 && e.r.every((e, n) => Math.abs(e - (t.r[n] ?? 0)) < .01));
 }
 function Q(e) {
 	return String(Math.round(e * 1e3) / 1e3);
 }
-var ke = class {
+var tt = class {
 	getGroup;
 	getFilterArea;
 	onModeChange;
@@ -628,11 +1081,11 @@ var ke = class {
 	}
 	register(e) {
 		this.revive(), this.unregister(e.id);
-		let t = Ce(e.config), n = {
+		let t = Ye(e.config), n = {
 			...e,
 			config: t,
-			target: we(t),
-			current: we(t),
+			target: Xe(t),
+			current: Xe(t),
 			motion: null,
 			lastBox: null,
 			lastPaint: null,
@@ -652,24 +1105,24 @@ var ke = class {
 	update(e, t) {
 		let n = this.items.get(e);
 		if (!n) return;
-		let r = Ce(t), i = we(r), o = !Te(n.target, i), s = !Ee(n.config, r);
-		if (n.config.deformation !== r.deformation && n.config.deformation?.reset(n.host), n.config = r, this.updateFeaturePadding(), !o) {
-			s && (n.lastPaint = null, this.isDynamic(n) || this.resetDynamicEntry(n), this.isDynamic(n) && !this.reducedMotion && (this.ensureClaim() ? this.setMode("animated") : (this.snapEntry(n), this.resetDynamicEntry(n), this.setMode("static"))), this.touch(), this.wake());
+		let r = Ye(t), i = Xe(r), a = !Ze(n.target, i), o = !Qe(n.config, r);
+		if (n.config.deformation !== r.deformation && n.config.deformation?.reset(n.host), n.config = r, this.updateFeaturePadding(), !a) {
+			o && (n.lastPaint = null, this.isDynamic(n) || this.resetDynamicEntry(n), this.isDynamic(n) && !this.reducedMotion && (this.ensureClaim() ? this.setMode("animated") : (this.snapEntry(n), this.resetDynamicEntry(n), this.setMode("static"))), this.touch(), this.wake());
 			return;
 		}
-		let l = this.now();
-		if (this.advanceEntry(n, l), n.target = i, this.reducedMotion) this.snapEntry(n), this.resetMoveEntry(n), this.resetDynamicEntry(n), this.setMode("reduced");
+		let s = this.now();
+		if (this.advanceEntry(n, s), n.target = i, this.reducedMotion) this.snapEntry(n), this.resetMoveEntry(n), this.resetDynamicEntry(n), this.setMode("reduced");
 		else {
-			let e = c(r.transition), t = e.duration > 0;
+			let e = qe(r.transition), t = e.duration > 0;
 			!(t || this.follow || this.isDynamic(n)) || !this.ensureClaim() ? (this.snapEntry(n), this.resetMoveEntry(n), this.resetDynamicEntry(n), this.setMode("static")) : !t || r.observe ? (n.current = { ...i }, n.motion = null, n.host.style.willChange = "", n.lastPaint = null, this.applyHost(n), this.setMode("animated")) : (n.motion = {
 				from: { ...n.current },
 				to: { ...i },
-				start: l + (r.delay ?? 0),
+				start: s + (r.delay ?? 0),
 				duration: e.duration,
-				ease: a(e.easing)
+				ease: Z(e.easing)
 			}, n.host.style.willChange = r.observe ? "" : "transform", this.setMode("animated"));
 		}
-		this.touch(l), this.needsPaint = !0, this.wake();
+		this.touch(s), this.needsPaint = !0, this.wake();
 	}
 	setReducedMotion(e) {
 		if (this.reducedMotion !== e) {
@@ -684,7 +1137,7 @@ var ke = class {
 	setFilterArea(e) {
 		let t = Number.isFinite(e) ? Math.max(0, e) : Infinity;
 		if (!(Math.abs(t - this.filterArea) < .5)) {
-			if (this.filterArea = t, this.claimed && t > f().maxFilterArea) {
+			if (this.filterArea = t, this.claimed && t > j().maxFilterArea) {
 				for (let e of this.items.values()) this.snapEntry(e), this.resetMoveEntry(e), this.resetDynamicEntry(e);
 				this.releaseClaim(), this.setMode(this.reducedMotion ? "reduced" : "static");
 			}
@@ -723,25 +1176,25 @@ var ke = class {
 	ensureClaim() {
 		if (this.claimed) return !0;
 		let e = this.getFilterArea();
-		return Number.isFinite(e) && (this.filterArea = Math.max(0, e)), p(this.filterArea) ? (this.claimed = !0, this.moveOptions = ue(this.getGroup()), !0) : (this.warnBudgetFallback(), !1);
+		return Number.isFinite(e) && (this.filterArea = Math.max(0, e)), N(this.filterArea) ? (this.claimed = !0, this.moveOptions = xe(this.getGroup()), !0) : (this.warnBudgetFallback(), !1);
 	}
 	warnBudgetFallback() {
 		if (this.budgetWarningEmitted) return;
 		this.budgetWarningEmitted = !0;
-		let e = f(), t = e.activeGroups >= e.maxAnimatedGroups ? "the active-group limit is reached" : "the filter-area limit is exceeded";
+		let e = j(), t = e.activeGroups >= e.maxAnimatedGroups ? "the active-group limit is reached" : "the filter-area limit is exceeded";
 		console.warn(`LiquidGroup: the liquid animation budget is insufficient (${t}); degrading to static rendering for this group.`);
 	}
 	revive() {
 		this.disposed && (this.disposed = !1, this.mutationObserver = null, this.removeListeners.length = 0, this.lastFrameTime = null, this.budgetWarningEmitted = !1);
 	}
 	releaseClaim() {
-		this.claimed &&= (m(), !1);
+		this.claimed &&= (P(), !1);
 	}
 	isDeformed(e) {
 		return e.config.deformation !== void 0;
 	}
 	isShape(e) {
-		return !this.isDeformed(e) && e.config.morph !== void 0 && ge(this.getGroup(), e.config.morph);
+		return !this.isDeformed(e) && e.config.morph !== void 0 && Ae(this.getGroup(), e.config.morph);
 	}
 	isDynamic(e) {
 		return this.isDeformed(e) || this.isShape(e);
@@ -764,7 +1217,7 @@ var ke = class {
 		let e = 0;
 		for (let t of this.items.values()) {
 			let n = this.featureBox(t);
-			this.isDeformed(t) ? e = Math.max(e, t.config.deformation.padding(this.getGroup(), n)) : this.isShape(t) && (e = Math.max(e, J(this.getGroup(), t.config.morph)));
+			this.isDeformed(t) ? e = Math.max(e, t.config.deformation.padding(this.getGroup(), n)) : this.isShape(t) && (e = Math.max(e, je(this.getGroup(), t.config.morph)));
 		}
 		Math.abs(e - this.featurePadding) < .5 || (this.featurePadding = e, this.onFeaturePaddingChange?.(e));
 	}
@@ -842,22 +1295,22 @@ var ke = class {
 			scaleY: e.current.scaleY
 		};
 	}
-	readBox(e, n) {
-		let r = e.host.firstElementChild ?? e.host, i = t(e.host, n), a = e.host.offsetWidth, s = e.host.offsetHeight;
+	readBox(e, t) {
+		let n = e.host.firstElementChild ?? e.host, r = fe(e.host, t), i = e.host.offsetWidth, a = e.host.offsetHeight;
 		if (e.config.observe) {
-			let o = r.getBoundingClientRect(), c = n.getBoundingClientRect();
-			o.width > 0 || o.height > 0 ? (i = {
-				x: o.left - c.left,
-				y: o.top - c.top
-			}, a = o.width || r.offsetWidth, s = o.height || r.offsetHeight) : (i = t(r, n), a = r.offsetWidth || e.host.offsetWidth, s = r.offsetHeight || e.host.offsetHeight);
+			let o = n.getBoundingClientRect(), s = t.getBoundingClientRect();
+			o.width > 0 || o.height > 0 ? (r = {
+				x: o.left - s.left,
+				y: o.top - s.top
+			}, i = o.width || n.offsetWidth, a = o.height || n.offsetHeight) : (r = fe(n, t), i = n.offsetWidth || e.host.offsetWidth, a = n.offsetHeight || e.host.offsetHeight);
 		}
-		let c = e.config.radius === void 0 ? o(r, a, s) : l(e.config.radius);
+		let o = e.config.radius === void 0 ? pe(n, i, a) : me(e.config.radius);
 		return {
-			x: i.x,
-			y: i.y,
-			w: a,
-			h: s,
-			r: c
+			x: r.x,
+			y: r.y,
+			w: i,
+			h: a,
+			r: o
 		};
 	}
 	dynamicTarget(e, t) {
@@ -874,8 +1327,8 @@ var ke = class {
 	}
 	paintEvolveEntry(e, t, n, r) {
 		let i = this.dynamicTarget(e, t);
-		e.evolve ||= _e(i), (this.reducedMotion || !this.claimed && !r) && ve(e.evolve, i);
-		let a = q(this.getGroup(), e.config.morph), o = Se(e.evolve, i, this.reducedMotion || !this.claimed && !r ? 0 : n, this.now(), a, e.config.blob), s = `${o.path}|${o.transform}`, c = !1;
+		e.evolve ||= Me(i), (this.reducedMotion || !this.claimed && !r) && Ne(e.evolve, i);
+		let a = ke(this.getGroup(), e.config.morph), o = ze(e.evolve, i, this.reducedMotion || !this.claimed && !r ? 0 : n, this.now(), a, e.config.blob), s = `${o.path}|${o.transform}`, c = !1;
 		return e.lastPaint !== s && (e.lastPaint = s, e.blob.setAttribute("d", o.path), e.blob.setAttribute("transform", o.transform), c = !0), this.hideTail(e), this.writeContentBlur(e, o.contentBlur), {
 			changed: c,
 			moving: !this.reducedMotion && this.claimed && o.moving
@@ -897,15 +1350,15 @@ var ke = class {
 	}
 	paintFollowEntry(e, t, n, r, i) {
 		let a = this.moveTarget(e, t);
-		!i && r && !this.reducedMotion && !this.claimed && (this.ensureClaim() ? this.setMode("animated") : (this.resetMoveEntry(e), e.move = fe(a))), e.move ||= fe(a), this.reducedMotion && pe(e.move, a);
-		let o = this.moveOptions ??= ue(this.getGroup()), s = me(e.move, a, t, this.reducedMotion ? 0 : n, o), c = `${s.path}|${s.transform}`, l = !1;
+		!i && r && !this.reducedMotion && !this.claimed && (this.ensureClaim() ? this.setMode("animated") : (this.resetMoveEntry(e), e.move = Ce(a))), e.move ||= Ce(a), this.reducedMotion && we(e.move, a);
+		let o = this.moveOptions ??= xe(this.getGroup()), s = Te(e.move, a, t, this.reducedMotion ? 0 : n, o), c = `${s.path}|${s.transform}`, l = !1;
 		return e.lastPaint !== c && (e.lastPaint = c, e.blob.setAttribute("d", s.path), e.blob.setAttribute("transform", s.transform), l = !0), this.paintTail(e, s.tail) && (l = !0), {
 			changed: l,
 			moving: !this.reducedMotion && s.moving && this.claimed
 		};
 	}
 	paintEntry(e, t) {
-		let n = t.x + e.current.x + t.w * (1 - e.current.scale) / 2, r = t.y + e.current.y + t.h * (1 - e.current.scaleY) / 2, i = `translate(${Q(n)} ${Q(r)}) scale(${Q(e.current.scale)} ${Q(e.current.scaleY)})`, a = d(0, 0, t.w, t.h, t.r, e.config.blob), o = `${a}|${i}`;
+		let n = t.x + e.current.x + t.w * (1 - e.current.scale) / 2, r = t.y + e.current.y + t.h * (1 - e.current.scaleY) / 2, i = `translate(${Q(n)} ${Q(r)}) scale(${Q(e.current.scale)} ${Q(e.current.scaleY)})`, a = be(0, 0, t.w, t.h, t.r, e.config.blob), o = `${a}|${i}`;
 		return e.lastPaint === o ? !1 : (e.lastPaint = o, e.blob.setAttribute("d", a), e.blob.setAttribute("transform", i), !0);
 	}
 	loop = (e) => {
@@ -924,7 +1377,7 @@ var ke = class {
 			for (let t of this.items.values()) {
 				let n = e.get(t.id);
 				if (!n) continue;
-				let r = t.lastBox === null, s = !Oe(t.lastBox, n);
+				let r = t.lastBox === null, s = !et(t.lastBox, n);
 				r && a.add(t.id), s && o.add(t.id), s && (t.lastBox = n, t.lastPaint = null, i = !0);
 			}
 			this.updateFeaturePadding();
@@ -991,19 +1444,35 @@ var ke = class {
 	}
 };
 //#endregion
+//#region src/tokens/reducedMotion.ts
+function nt() {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia("(prefers-reduced-motion: reduce)");
+}
+function rt(e, t) {
+	let n = e;
+	return typeof e.addEventListener == "function" ? (e.addEventListener("change", t), () => e.removeEventListener("change", t)) : typeof n.addListener == "function" ? (n.addListener(t), () => n.removeListener?.(t)) : () => {};
+}
+function it() {
+	let [e, t] = l(() => nt()?.matches ?? !1);
+	return i(() => {
+		let e = nt();
+		if (e) return t(e.matches), rt(e, (e) => t(e.matches));
+	}, []), e;
+}
+//#endregion
 //#region src/liquid/shadow.ts
-function Ae(e, t) {
+function at(e, t) {
 	let n = [], r = 0, i = "";
 	for (let a of e) a === "(" ? r += 1 : a === ")" && --r, r === 0 && (t === "," ? a === "," : /\s/.test(a)) ? (i.trim() && n.push(i.trim()), i = "") : i += a;
 	return i.trim() && n.push(i.trim()), n;
 }
-var je = /^[+-]?(\d+\.?\d*|\.\d+)(px)?$/;
-function Me(e) {
+var ot = /^[+-]?(\d+\.?\d*|\.\d+)(px)?$/;
+function st(e) {
 	if (!e || e.trim() === "" || e.trim() === "none") return [];
 	let t = [];
-	for (let n of Ae(e, ",")) {
-		let e = Ae(n, " "), r = e.includes("inset"), i = [], a = [];
-		for (let t of e) t !== "inset" && (i.length < 4 && je.test(t) ? i.push(parseFloat(t)) : a.push(t));
+	for (let n of at(e, ",")) {
+		let e = at(n, " "), r = e.includes("inset"), i = [], a = [];
+		for (let t of e) t !== "inset" && (i.length < 4 && ot.test(t) ? i.push(parseFloat(t)) : a.push(t));
 		let [o = 0, s = 0, c = 0, l = 0] = i;
 		t.push({
 			x: o,
@@ -1016,55 +1485,55 @@ function Me(e) {
 	}
 	return t;
 }
-function Ne(e) {
+function ct(e) {
 	if (!e || e.trim() === "" || e.trim() === "none") return null;
-	let t = Ae(e, " "), n = 0, r = [];
-	for (let e of t) e !== "solid" && (n === 0 && je.test(e) ? n = parseFloat(e) : r.push(e));
+	let t = at(e, " "), n = 0, r = [];
+	for (let e of t) e !== "solid" && (n === 0 && ot.test(e) ? n = parseFloat(e) : r.push(e));
 	return {
 		width: n,
 		color: r.join(" ") || "var(--game-ui-stroke, transparent)"
 	};
 }
-function Pe(e) {
+function lt(e) {
 	return !e.inset && e.spread === 0 && (e.blur > 0 || e.x !== 0 || e.y !== 0);
 }
-function Fe(e) {
-	let t = e.filter(Pe).map((e) => `drop-shadow(${e.x}px ${e.y}px ${e.blur}px ${e.color})`);
+function ut(e) {
+	let t = e.filter(lt).map((e) => `drop-shadow(${e.x}px ${e.y}px ${e.blur}px ${e.color})`);
 	return t.length > 0 ? t.join(" ") : void 0;
 }
-function Ie(e) {
-	return e.filter((e) => !Pe(e));
+function dt(e) {
+	return e.filter((e) => !lt(e));
 }
-function Le(e) {
+function ft(e) {
 	return e.reduce((e, t) => Math.max(e, Math.max(Math.abs(t.x), Math.abs(t.y)) + t.blur * 1.5 + Math.max(0, t.spread)), 0);
 }
 //#endregion
 //#region src/liquid/LiquidGroup/resolve.ts
-function Re(e) {
+function pt(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "");
 }
 function $(e, t) {
 	return Number.isFinite(e) ? e : t;
 }
-function ze(e, t) {
+function mt(e, t) {
 	if (!e) return e;
 	let n = /^var\((--[\w-]+)\)$/.exec(e.trim());
 	if (!n || !t) return e;
 	let r = t.ownerDocument.defaultView;
 	return r && r.getComputedStyle(t).getPropertyValue(n[1] ?? "").trim() || e;
 }
-function Be(e, t, n) {
-	let r = ze(e, t), i = Number.parseFloat(r ?? "");
+function ht(e, t, n) {
+	let r = mt(e, t), i = Number.parseFloat(r ?? "");
 	return Number.isFinite(i) ? i : n;
 }
-function Ve(...e) {
+function gt(...e) {
 	return e.filter(Boolean).join(" ") || void 0;
 }
 //#endregion
 //#region src/liquid/LiquidGroup/fill.tsx
-function He({ id: e, fill: t }) {
+function _t({ id: e, fill: t }) {
 	let n = t.bottom ?? t.top, r = Math.round(Math.min(1, Math.max(0, t.sheen ?? .3)) * 100);
-	return /* @__PURE__ */ E("defs", { children: /* @__PURE__ */ E("linearGradient", {
+	return /* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d("linearGradient", {
 		id: e,
 		x1: "0",
 		y1: "0",
@@ -1075,7 +1544,7 @@ function He({ id: e, fill: t }) {
 			[.16, `color-mix(in srgb, ${t.top}, white ${Math.round(r / 2)}%)`],
 			[.5, `color-mix(in srgb, ${t.top}, ${n})`],
 			[1, `color-mix(in srgb, ${n}, black 5%)`]
-		].map(([e, t]) => /* @__PURE__ */ E("stop", {
+		].map(([e, t]) => /* @__PURE__ */ d("stop", {
 			offset: e,
 			style: { stopColor: t }
 		}, e))
@@ -1083,209 +1552,209 @@ function He({ id: e, fill: t }) {
 }
 //#endregion
 //#region src/liquid/LiquidGroup/context.ts
-var Ue = h(null);
-function We() {
-	let e = v(Ue);
+var vt = e(null);
+function yt() {
+	let e = r(vt);
 	if (!e) throw Error("<LiquidGroup.Item> must be rendered inside <LiquidGroup>.");
 	return e;
 }
 //#endregion
 //#region src/liquid/LiquidGroup/LiquidItem.tsx
-var Ge = g(function({ effect: e, suppressMorph: t = !1, x: n = 0, y: r = 0, scale: i = 1, scaleY: a, transition: o, delay: s, radius: c, blob: l, morph: u, deformation: d, observe: f, className: p, style: m, children: h, ...g }, v) {
-	let { portal: w, engine: k, follow: A } = We(), j = `liquid-item-${Re(b())}`, M = C(null), ee = C(null), N = C(null), P = S(() => {
-		let p = e === "morph" ? e : void 0, m = d !== void 0, h = d !== void 0 || A && u === void 0 && e !== "morph" || t && u === void 0 && e !== "morph" ? void 0 : u ?? {}, g = {
-			...p === void 0 ? {} : { effect: p },
-			...h === void 0 ? {} : { morph: h },
-			...d === void 0 ? {} : { deformation: d },
-			...f === void 0 && !m ? {} : { observe: m || f },
-			x: $(n, 0),
-			y: $(r, 0),
-			scale: $(i, 1),
-			...a === void 0 ? {} : { scaleY: $(a, 1) }
+var bt = t(function({ effect: e, suppressMorph: t = !1, x: r = 0, y: l = 0, scale: m = 1, scaleY: h, transition: g, delay: _, radius: v, blob: y, morph: b, deformation: x, observe: S, className: C, style: w, children: T, ...E }, D) {
+	let { portal: O, engine: k, follow: A } = yt(), j = `liquid-item-${pt(a())}`, M = c(null), N = c(null), P = c(null), ee = s(() => {
+		let n = e === "morph" ? e : void 0, i = x !== void 0, a = x !== void 0 || A && b === void 0 && e !== "morph" || t && b === void 0 && e !== "morph" ? void 0 : b ?? {}, o = {
+			...n === void 0 ? {} : { effect: n },
+			...a === void 0 ? {} : { morph: a },
+			...x === void 0 ? {} : { deformation: x },
+			...S === void 0 && !i ? {} : { observe: i || S },
+			x: $(r, 0),
+			y: $(l, 0),
+			scale: $(m, 1),
+			...h === void 0 ? {} : { scaleY: $(h, 1) }
 		};
-		return o !== void 0 && (g.transition = o), s !== void 0 && (g.delay = s), c !== void 0 && (g.radius = c), l !== void 0 && (g.blob = l), g;
+		return g !== void 0 && (o.transition = g), _ !== void 0 && (o.delay = _), v !== void 0 && (o.radius = v), y !== void 0 && (o.blob = y), o;
 	}, [
-		d,
-		l,
-		s,
+		x,
+		y,
+		_,
 		e,
 		A,
 		t,
-		u,
-		f,
-		c,
-		i,
-		a,
-		o,
-		n,
-		r
+		b,
+		S,
+		v,
+		m,
+		h,
+		g,
+		r,
+		l
 	]);
-	N.current === null && (N.current = P);
-	let te = _((e) => {
-		M.current = e, typeof v == "function" ? v(e) : v && (v.current = e);
-	}, [v]);
-	return x(() => {
-		let e = M.current, t = ee.current;
-		if (!(!w || !e || !t || !N.current)) return k.register({
+	P.current === null && (P.current = ee);
+	let te = n((e) => {
+		M.current = e, typeof D == "function" ? D(e) : D && (D.current = e);
+	}, [D]);
+	return o(() => {
+		let e = M.current, t = N.current;
+		if (!(!O || !e || !t || !P.current)) return k.register({
 			id: j,
 			host: e,
 			blob: t,
-			config: N.current
+			config: P.current
 		});
 	}, [
 		k,
 		j,
-		w
-	]), x(() => {
-		k.update(j, P);
+		O
+	]), o(() => {
+		k.update(j, ee);
 	}, [
-		P,
+		ee,
 		k,
 		j
-	]), y(() => {
+	]), i(() => {
 		e === "move" && console.warn("[swimmer-ui] effect=\"move\" is not an item effect. Use <LiquidGroup motion=\"follow\"> for selection and progress.");
-	}, [e]), x(() => {
+	}, [e]), o(() => {
 		let e = M.current;
 		if (!e) return;
 		let t = e.firstElementChild;
 		if (!t) return;
 		let n = window.getComputedStyle(t), r = n.borderStyle !== "none" && n.borderWidth !== "0px" && n.borderWidth !== "", i = n.outlineStyle !== "none" && n.outlineWidth !== "0px" && n.outlineWidth !== "", a = n.boxShadow && n.boxShadow !== "none";
 		(r || i || a) && console.warn("LiquidGroup.Item children should not have their own border, outline, or box-shadow. They exist on the content layer and will not merge with the liquid silhouette. Use the `stroke` and `shadow` props on <LiquidGroup> instead.");
-	}, []), /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("div", {
-		...g,
+	}, []), /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
+		...E,
 		ref: te,
-		className: Ve("game-ui-liquid-item", p),
-		style: m,
-		children: h
-	}), w ? O(/* @__PURE__ */ E("path", {
-		ref: ee,
+		className: gt("game-ui-liquid-item", C),
+		style: w,
+		children: T
+	}), O ? p(/* @__PURE__ */ d("path", {
+		ref: N,
 		d: "",
 		"data-liquid-gooey-blob": ""
-	}), w) : null] });
-}), Ke = g(function(e, t) {
-	return /* @__PURE__ */ E(Ge, {
+	}), O) : null] });
+}), xt = t(function(e, t) {
+	return /* @__PURE__ */ d(bt, {
 		...e,
 		ref: t
 	});
-}), qe = g(function({ blur: t = 6, contrast: i = 18, gloss: a, fill: o = "var(--game-ui-surface, var(--game-ui-surface))", filterPadding: c = 24, shadow: l, stroke: d, waviness: f, wavinessFreq: p, wavinessClamp: m, motion: h = "auto", className: g, style: v, children: T, auxiliary: O, ...A }, j) {
-	let M = C(null), [ee, N] = w(null), [P, te] = w({
+}), St = t(function({ blur: e = 6, contrast: t = 18, gloss: r, fill: u = "var(--game-ui-surface, var(--game-ui-surface))", filterPadding: p = 24, shadow: h, stroke: g, waviness: _, wavinessFreq: v, wavinessClamp: y, motion: b = "auto", className: x, style: S, children: C, auxiliary: w, ...T }, D) {
+	let O = c(null), [k, A] = l(null), [j, M] = l({
 		w: 0,
 		h: 0
-	}), [ne, re] = w({
-		waviness: n.waviness,
-		wavinessFreq: n.wavinessFreq
-	}), [ie, ae] = w(0), F = C(0), I = u(), ce = h === "reduced" || I, [le, L] = w(ce ? "reduced" : "static"), R = Math.max(0, $(t, 6)), z = Math.max(1, $(i, 18)), B = Math.max(0, $(c, 24)), ue = Math.max(0, $(f ?? ne.waviness, n.waviness)), de = m !== !1 && Math.max(0, $(m ?? .3, oe)), V = se(ue, P.w > 0 && P.h > 0 ? Math.min(P.w, P.h) : 0, de), fe = Math.max(0, $(p ?? ne.wavinessFreq, n.wavinessFreq)), pe = ze(l, M.current), me = ze(d, M.current), H = S(() => Me(pe), [pe]), he = S(() => Ie(H), [H]), U = S(() => Fe(H), [H]), W = S(() => Ne(me), [me]), G = Math.ceil(R * 3 + B + Le(he) + (W ? W.width : 0) + V), K = C(G);
-	K.current = G;
-	let q = Math.ceil(G + ie), ge = C(q);
-	ge.current = q;
-	let J = `liquid-gooey-${Re(b())}`, _e = _((e) => {
-		M.current = e, typeof j == "function" ? j(e) : j && (j.current = e);
-	}, [j]), ve = _((e) => N(e), []);
-	x(() => {
-		let e = M.current;
+	}), [N, P] = l({
+		waviness: L.waviness,
+		wavinessFreq: L.wavinessFreq
+	}), [te, ne] = l(0), F = c(0), re = it(), I = b === "reduced" || re, [ie, ae] = l(I ? "reduced" : "static"), oe = Math.max(0, $(e, 6)), se = Math.max(1, $(t, 18)), ce = Math.max(0, $(p, 24)), fe = Math.max(0, $(_ ?? N.waviness, L.waviness)), pe = y !== !1 && Math.max(0, $(y ?? .3, ue)), me = de(fe, j.w > 0 && j.h > 0 ? Math.min(j.w, j.h) : 0, pe), R = Math.max(0, $(v ?? N.wavinessFreq, L.wavinessFreq)), he = mt(h, O.current), ge = mt(g, O.current), _e = s(() => st(he), [he]), ve = s(() => dt(_e), [_e]), ye = s(() => ut(_e), [_e]), be = s(() => ct(ge), [ge]), z = Math.ceil(oe * 3 + ce + ft(ve) + (be ? be.width : 0) + me), B = c(z);
+	B.current = z;
+	let V = Math.ceil(z + te), H = c(V);
+	H.current = V;
+	let U = `liquid-gooey-${pt(a())}`, W = n((e) => {
+		O.current = e, typeof D == "function" ? D(e) : D && (D.current = e);
+	}, [D]), G = n((e) => A(e), []);
+	o(() => {
+		let e = O.current;
 		if (!e) return;
 		let t = {
-			waviness: Math.max(0, f === void 0 ? Be(k.waviness, e, n.waviness) : $(f, n.waviness)),
-			wavinessFreq: Math.max(0, p === void 0 ? Be(k.wavinessFreq, e, n.wavinessFreq) : $(p, n.wavinessFreq))
+			waviness: Math.max(0, _ === void 0 ? ht(m.waviness, e, L.waviness) : $(_, L.waviness)),
+			wavinessFreq: Math.max(0, v === void 0 ? ht(m.wavinessFreq, e, L.wavinessFreq) : $(v, L.wavinessFreq))
 		};
-		re((e) => e.waviness === t.waviness && e.wavinessFreq === t.wavinessFreq ? e : t);
-	}, [f, p]);
-	let Y = S(() => new ke({
-		getGroup: () => M.current,
+		P((e) => e.waviness === t.waviness && e.wavinessFreq === t.wavinessFreq ? e : t);
+	}, [_, v]);
+	let K = s(() => new tt({
+		getGroup: () => O.current,
 		getFilterArea: () => {
-			let e = M.current;
-			return e ? (e.offsetWidth + (K.current + F.current) * 2) * (e.offsetHeight + (K.current + F.current) * 2) : 0;
+			let e = O.current;
+			return e ? (e.offsetWidth + (B.current + F.current) * 2) * (e.offsetHeight + (B.current + F.current) * 2) : 0;
 		},
-		onModeChange: L,
+		onModeChange: ae,
 		onFeaturePaddingChange: (e) => {
-			F.current = e, ae((t) => Math.abs(t - e) < .5 ? t : e);
+			F.current = e, ne((t) => Math.abs(t - e) < .5 ? t : e);
 		},
-		follow: h === "follow"
-	}), [h]);
-	x(() => {
-		let e = M.current;
+		follow: b === "follow"
+	}), [b]);
+	o(() => {
+		let e = O.current;
 		if (!e) return;
 		let t = () => {
 			let t = {
 				w: e.offsetWidth,
 				h: e.offsetHeight
 			};
-			te((e) => e.w === t.w && e.h === t.h ? e : t), Y.setFilterArea((t.w + ge.current * 2) * (t.h + ge.current * 2));
+			M((e) => e.w === t.w && e.h === t.h ? e : t), K.setFilterArea((t.w + H.current * 2) * (t.h + H.current * 2));
 		};
 		if (t(), typeof ResizeObserver > "u") return;
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [Y, q]), y(() => {
-		Y.setReducedMotion(ce);
-	}, [Y, ce]), y(() => () => Y.dispose(), [Y]);
-	let X = Math.max(1, P.w), ye = Math.max(1, P.h), be = Ve("game-ui-liquid-group", g);
-	return /* @__PURE__ */ D("div", {
-		...A,
-		ref: _e,
-		className: be,
-		"data-liquid-filter-area": Math.round((P.w + q * 2) * (P.h + q * 2)),
-		"data-liquid-filter-budget": e,
-		"data-liquid-feature-padding": Math.round(ie * 10) / 10,
-		"data-liquid-motion": le,
-		"data-liquid-waviness": Math.round(V * 100) / 100,
-		style: v,
+	}, [K, V]), i(() => {
+		K.setReducedMotion(I);
+	}, [K, I]), i(() => () => K.dispose(), [K]);
+	let xe = Math.max(1, j.w), Se = Math.max(1, j.h), q = gt("game-ui-liquid-group", x);
+	return /* @__PURE__ */ f("div", {
+		...T,
+		ref: W,
+		className: q,
+		"data-liquid-filter-area": Math.round((j.w + V * 2) * (j.h + V * 2)),
+		"data-liquid-filter-budget": E,
+		"data-liquid-feature-padding": Math.round(te * 10) / 10,
+		"data-liquid-motion": ie,
+		"data-liquid-waviness": Math.round(me * 100) / 100,
+		style: S,
 		children: [
-			/* @__PURE__ */ D("svg", {
+			/* @__PURE__ */ f("svg", {
 				"aria-hidden": "true",
 				className: "game-ui-liquid-silhouette",
 				"data-liquid-gooey-silhouette": "",
 				focusable: "false",
-				style: U ? { filter: U } : void 0,
-				viewBox: `0 0 ${X} ${ye}`,
+				style: ye ? { filter: ye } : void 0,
+				viewBox: `0 0 ${xe} ${Se}`,
 				children: [
-					/* @__PURE__ */ E("defs", { children: /* @__PURE__ */ E("filter", {
+					/* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d("filter", {
 						colorInterpolationFilters: "sRGB",
 						filterUnits: "userSpaceOnUse",
-						height: ye + q * 2,
-						id: J,
-						width: X + q * 2,
-						x: -q,
-						y: -q,
-						children: /* @__PURE__ */ E(s, {
-							blur: R,
-							contrast: z,
-							gloss: a ?? r.gloss,
-							shadows: he,
-							stroke: W,
-							waviness: V,
-							wavinessFreq: fe
+						height: Se + V * 2,
+						id: U,
+						width: xe + V * 2,
+						x: -V,
+						y: -V,
+						children: /* @__PURE__ */ d(le, {
+							blur: oe,
+							contrast: se,
+							gloss: r ?? ee.gloss,
+							shadows: ve,
+							stroke: be,
+							waviness: me,
+							wavinessFreq: R
 						})
 					}) }),
-					typeof o == "string" ? null : /* @__PURE__ */ E(He, {
-						id: `${J}-fill`,
-						fill: o
+					typeof u == "string" ? null : /* @__PURE__ */ d(_t, {
+						id: `${U}-fill`,
+						fill: u
 					}),
-					/* @__PURE__ */ E("g", {
-						ref: ve,
-						fill: typeof o == "string" ? o : `url(#${J}-fill)`,
-						filter: `url(#${J})`
+					/* @__PURE__ */ d("g", {
+						ref: G,
+						fill: typeof u == "string" ? u : `url(#${U}-fill)`,
+						filter: `url(#${U})`
 					})
 				]
 			}),
-			O?.(() => M.current),
-			/* @__PURE__ */ E(Ue.Provider, {
+			w?.(() => O.current),
+			/* @__PURE__ */ d(vt.Provider, {
 				value: {
-					portal: ee,
-					engine: Y,
-					follow: h === "follow"
+					portal: k,
+					engine: K,
+					follow: b === "follow"
 				},
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ d("div", {
 					className: "game-ui-liquid-content",
-					children: T
+					children: C
 				})
 			})
 		]
 	});
-}), Je = Object.assign(g(function(e, t) {
-	return /* @__PURE__ */ E(qe, {
+}), Ct = Object.assign(t(function(e, t) {
+	return /* @__PURE__ */ d(St, {
 		...e,
 		ref: t
 	});
-}), { Item: Ke });
+}), { Item: xt });
 //#endregion
-export { j as _, F as a, M as b, le as c, re as d, k as f, P as g, N as h, Me as i, ae as l, A as m, qe as n, I as o, ne as p, Ge as r, R as s, Je as t, te as u, ee as v, ie as y };
+export { y as A, N as C, m as D, C as E, _ as F, g as M, v as N, S as O, w as P, M as S, x as T, I as _, it as a, j as b, z as c, H as d, ve as f, le as g, F as h, st as i, b as j, h as k, B as l, R as m, St as n, Z as o, ye as p, bt as r, qe as s, Ct as t, W as u, ee as v, T as w, P as x, te as y };