@pieai/swimmer-ui-kit 2.13.0 → 3.0.0-rc.1

package/dist/LiquidGroup-BXw1tv9H.js

@@ -0,0 +1,1291 @@
+"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";
+//#region src/tokens/references.ts
+var k = {
+	morphShape: "var(--game-ui-liquid-gooey-morph-shape)",
+	morphSpeed: "var(--game-ui-liquid-gooey-morph-speed)",
+	morphBounce: "var(--game-ui-liquid-gooey-morph-bounce)",
+	evolveMassStiffness: "var(--game-ui-liquid-gooey-evolve-mass-stiffness)",
+	evolveMassDamping: "var(--game-ui-liquid-gooey-evolve-mass-damping)",
+	evolveSizeStiffness: "var(--game-ui-liquid-gooey-evolve-size-stiffness)",
+	evolveSizeDamping: "var(--game-ui-liquid-gooey-evolve-size-damping)",
+	evolveRadiusStiffness: "var(--game-ui-liquid-gooey-evolve-radius-stiffness)",
+	evolveRadiusDamping: "var(--game-ui-liquid-gooey-evolve-radius-damping)",
+	evolveContentBlur: "var(--game-ui-liquid-gooey-evolve-content-blur)",
+	evolveRoundness: "var(--game-ui-liquid-gooey-evolve-roundness)",
+	evolveCornerDuration: "var(--game-ui-liquid-gooey-evolve-corner-duration)",
+	evolveCornerDelay: "var(--game-ui-liquid-gooey-evolve-corner-delay)",
+	evolveCornerEase: "var(--game-ui-liquid-gooey-evolve-corner-ease)",
+	evolveAnticipation: "var(--game-ui-liquid-gooey-evolve-anticipation)",
+	evolveTravel: "var(--game-ui-liquid-gooey-evolve-travel)",
+	contentBlurAreaMultiplier: "var(--game-ui-liquid-gooey-content-blur-area-multiplier)",
+	bendVertical: "var(--game-ui-liquid-gooey-bend-vertical)",
+	bendHorizontal: "var(--game-ui-liquid-gooey-bend-horizontal)",
+	bendVelocityVertical: "var(--game-ui-liquid-gooey-bend-velocity-vertical)",
+	bendVelocityHorizontal: "var(--game-ui-liquid-gooey-bend-velocity-horizontal)",
+	bendSmoothing: "var(--game-ui-liquid-gooey-bend-smoothing)",
+	bendActiveThreshold: "var(--game-ui-liquid-gooey-bend-active-threshold)",
+	bendVerticalCap: "var(--game-ui-liquid-gooey-bend-vertical-cap)",
+	bendHorizontalCap: "var(--game-ui-liquid-gooey-bend-horizontal-cap)",
+	bendRadiusMin: "var(--game-ui-liquid-gooey-bend-radius-min)",
+	bendRadiusMax: "var(--game-ui-liquid-gooey-bend-radius-max)",
+	bendLeadingCapFactor: "var(--game-ui-liquid-gooey-bend-leading-cap-factor)",
+	bendTrailingCapFactor: "var(--game-ui-liquid-gooey-bend-trailing-cap-factor)",
+	moveStiffness: "var(--game-ui-liquid-gooey-move-stiffness)",
+	moveDamping: "var(--game-ui-liquid-gooey-move-damping)",
+	moveStretch: "var(--game-ui-liquid-gooey-move-stretch)",
+	moveTail: "var(--game-ui-liquid-gooey-move-tail)",
+	moveForce: "var(--game-ui-liquid-gooey-move-force)",
+	moveTailSpringStiffness: "var(--game-ui-liquid-gooey-move-tail-spring-stiffness)",
+	moveTailSpringDamping: "var(--game-ui-liquid-gooey-move-tail-spring-damping)",
+	moveStretchSpeed: "var(--game-ui-liquid-gooey-move-stretch-speed)",
+	moveStretchSquash: "var(--game-ui-liquid-gooey-move-stretch-squash)",
+	moveSpeedThreshold: "var(--game-ui-liquid-gooey-move-speed-threshold)",
+	moveTailOnsetSpeed: "var(--game-ui-liquid-gooey-move-tail-onset-speed)",
+	moveTailOnsetRange: "var(--game-ui-liquid-gooey-move-tail-onset-range)",
+	moveTailRamp: "var(--game-ui-liquid-gooey-move-tail-ramp)",
+	moveTailMinRadius: "var(--game-ui-liquid-gooey-move-tail-min-radius)",
+	moveTailWobble: "var(--game-ui-liquid-gooey-move-tail-wobble)",
+	moveTailPhaseSpeed: "var(--game-ui-liquid-gooey-move-tail-phase-speed)",
+	moveTailMidpointA: "var(--game-ui-liquid-gooey-move-tail-midpoint-a)",
+	moveTailMidpointB: "var(--game-ui-liquid-gooey-move-tail-midpoint-b)",
+	moveTailMidRadiusA: "var(--game-ui-liquid-gooey-move-tail-mid-radius-a)",
+	moveTailMidRadiusB: "var(--game-ui-liquid-gooey-move-tail-mid-radius-b)",
+	moveTailWobblePhase: "var(--game-ui-liquid-gooey-move-tail-wobble-phase)",
+	moveMinPerpendicular: "var(--game-ui-liquid-gooey-move-min-perpendicular)",
+	moveLagBase: "var(--game-ui-liquid-gooey-move-lag-base)",
+	moveLagForce: "var(--game-ui-liquid-gooey-move-lag-force)",
+	moveSettleDistance: "var(--game-ui-liquid-gooey-move-settle-distance)",
+	moveSettleSpeed: "var(--game-ui-liquid-gooey-move-settle-speed)",
+	moveIntegrationRate: "var(--game-ui-liquid-gooey-move-integration-rate)",
+	waviness: "var(--game-ui-liquid-gooey-waviness)",
+	wavinessFreq: "var(--game-ui-liquid-gooey-waviness-freq)",
+	meltBlur: "var(--game-ui-liquid-gooey-melt-blur)",
+	meltContrast: "var(--game-ui-liquid-gooey-melt-contrast)",
+	meltReach: "var(--game-ui-liquid-gooey-melt-reach)",
+	meltFade: "var(--game-ui-liquid-gooey-melt-fade)",
+	meltWarp: "var(--game-ui-liquid-gooey-melt-warp)",
+	meltMix: "var(--game-ui-liquid-gooey-melt-mix)",
+	meltMixBlur: "var(--game-ui-liquid-gooey-melt-mix-blur)",
+	meltGravity: "var(--game-ui-liquid-gooey-melt-gravity)",
+	meltWaviness: "var(--game-ui-liquid-gooey-melt-waviness)",
+	dissolveBlur: "var(--game-ui-liquid-gooey-dissolve-blur)",
+	dissolveWarp: "var(--game-ui-liquid-gooey-dissolve-warp)",
+	dissolvePull: "var(--game-ui-liquid-gooey-dissolve-pull)",
+	dissolveRange: "var(--game-ui-liquid-gooey-dissolve-range)",
+	dissolveZone: "var(--game-ui-liquid-gooey-dissolve-zone)",
+	dissolveMix: "var(--game-ui-liquid-gooey-dissolve-mix)",
+	dissolveGravity: "var(--game-ui-liquid-gooey-dissolve-gravity)",
+	dissolveTaper: "var(--game-ui-liquid-gooey-dissolve-taper)",
+	dissolveWarpFreq: "var(--game-ui-liquid-gooey-dissolve-warp-freq)",
+	dissolveFlowSpeed: "var(--game-ui-liquid-gooey-dissolve-flow-speed)",
+	dissolveDetail: "var(--game-ui-liquid-gooey-dissolve-detail)",
+	dissolveReleaseMs: "var(--game-ui-liquid-gooey-dissolve-release-ms)",
+	dissolveFadeMs: "var(--game-ui-liquid-gooey-dissolve-fade-ms)",
+	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 = {
+	bg: "var(--game-ui-overlay-glass-bg)",
+	bgHover: "var(--game-ui-overlay-glass-bg-hover)",
+	bgStrong: "var(--game-ui-overlay-glass-bg-strong)",
+	bgPanel: "var(--game-ui-overlay-glass-bg-panel)",
+	border: "var(--game-ui-overlay-glass-border)",
+	borderHover: "var(--game-ui-overlay-glass-border-hover)",
+	text: "var(--game-ui-overlay-glass-text)",
+	textMuted: "var(--game-ui-overlay-glass-text-muted)",
+	blur: "var(--game-ui-overlay-glass-blur)",
+	focusRing: "var(--game-ui-overlay-glass-focus-ring)",
+	primaryFill: "var(--game-ui-overlay-glass-primary-fill)"
+}, j = {
+	background: "var(--game-ui-bg)",
+	playfieldScrim: "var(--game-ui-playfield-scrim)",
+	surface: "var(--game-ui-surface)",
+	surfaceRaised: "var(--game-ui-surface-raised)",
+	surfaceSunken: "var(--game-ui-surface-sunken)",
+	text: "var(--game-ui-text)",
+	textMuted: "var(--game-ui-text-muted)",
+	accent: "var(--game-ui-accent)",
+	accentContrast: "var(--game-ui-accent-contrast)",
+	secondary: "var(--game-ui-secondary)",
+	success: "var(--game-ui-success)",
+	danger: "var(--game-ui-danger)",
+	warning: "var(--game-ui-warning)",
+	focusRing: "var(--game-ui-focus-ring)",
+	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)",
+	xs: "var(--game-ui-font-xs)",
+	sm: "var(--game-ui-font-sm)",
+	md: "var(--game-ui-font-md)",
+	lg: "var(--game-ui-font-lg)",
+	xl: "var(--game-ui-font-xl)",
+	xxl: "var(--game-ui-font-xxl)",
+	lineTight: "var(--game-ui-line-tight)",
+	lineBody: "var(--game-ui-line-body)",
+	reading: "var(--game-ui-font-reading)",
+	lineReading: "var(--game-ui-line-reading)",
+	measureReading: "var(--game-ui-measure-reading)",
+	weightBody: "var(--game-ui-weight-body)",
+	weightStrong: "var(--game-ui-weight-strong)",
+	weightTitle: "var(--game-ui-weight-title)"
+}, ee = {
+	px2: "var(--game-ui-space-2)",
+	px4: "var(--game-ui-space-4)",
+	px6: "var(--game-ui-space-6)",
+	px8: "var(--game-ui-space-8)",
+	px10: "var(--game-ui-space-10)",
+	px12: "var(--game-ui-space-12)",
+	px16: "var(--game-ui-space-16)",
+	px20: "var(--game-ui-space-20)",
+	px24: "var(--game-ui-space-24)",
+	px32: "var(--game-ui-space-32)",
+	safeTop: "var(--game-ui-safe-top)",
+	safeRight: "var(--game-ui-safe-right)",
+	safeBottom: "var(--game-ui-safe-bottom)",
+	safeLeft: "var(--game-ui-safe-left)"
+}, N = {
+	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 = {
+	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 = {
+	shadowRaised: "var(--game-ui-shadow-raised)",
+	stroke: "var(--game-ui-stroke)"
+}, ne = {
+	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 = {
+	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 = {
+	touchMinimumPx: 44,
+	touchPrimaryPx: 52,
+	touchIconPx: 48,
+	touchRowPx: 46,
+	adjacentSpacingPx: 8,
+	mobileLandscapeMinHeightPx: 390,
+	desktopProofWidthPx: 1440,
+	desktopProofHeightPx: 900,
+	mobileLandscapeProofWidthPx: 844,
+	mobileLandscapeProofHeightPx: 390
+}, ae = {
+	iconSm: "var(--game-ui-icon-sm)",
+	iconMd: "var(--game-ui-icon-md)",
+	iconLg: "var(--game-ui-icon-lg)",
+	buttonSkinMinWidth: "var(--game-ui-asset-button-min-width)",
+	stageTileMinHeight: "var(--game-ui-stage-tile-min-height)",
+	terrainSwatchSize: "var(--game-ui-terrain-swatch-size)",
+	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) {
+	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);
+	return a > 0 ? Math.min(r, a * i) : r;
+}
+//#endregion
+//#region src/liquid/motionTokens.ts
+function F(e, t = 0, n = 1) {
+	return Math.min(n, Math.max(t, e));
+}
+function I(e, t) {
+	return e !== void 0 && Number.isFinite(e) ? e : t;
+}
+function ce(e) {
+	return /^var\((--[\w-]+)\)$/.exec(e.trim())?.[1] ?? null;
+}
+function le(e, t, n) {
+	let r = e?.ownerDocument.defaultView, i = ce(k[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) {
+	return Math.round(e * 10) / 10;
+}
+function R(e) {
+	return String(Math.round(e * 1e3) / 1e3);
+}
+//#endregion
+//#region src/liquid/move.ts
+var z = {
+	stiffness: 380,
+	damping: 18,
+	stretch: .18,
+	tail: .46,
+	force: .5
+}, B = {
+	tailSpringStiffness: 170,
+	tailSpringDamping: 22,
+	stretchSpeed: 6e-4,
+	stretchSquash: .65,
+	speedThreshold: 2,
+	tailOnsetSpeed: 20,
+	tailOnsetRange: 120,
+	tailRamp: 10,
+	tailMinRadius: .3,
+	tailWobble: .16,
+	tailPhaseSpeed: .045,
+	tailMidpointA: .45,
+	tailMidpointB: .75,
+	tailMidRadiusA: .62,
+	tailMidRadiusB: .4,
+	tailWobblePhase: 2.4,
+	minPerpendicular: 4,
+	lagBase: .2,
+	lagForce: 1.6,
+	settleDistance: .05,
+	settleSpeed: 1,
+	integrationRate: 60
+};
+function ue(e) {
+	let t = (t, n) => le(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))
+	};
+}
+function de(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);
+	return [u, d];
+}
+function fe(e) {
+	return {
+		cx: e.cx,
+		cy: e.cy,
+		vcx: 0,
+		vcy: 0,
+		tailX: e.cx,
+		tailY: e.cy,
+		tailVx: 0,
+		tailVy: 0,
+		tailR: 0,
+		tailPhase: 0,
+		tailInitialized: !0
+	};
+}
+function pe(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);
+	}
+	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;
+	}
+	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)
+		].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
+	};
+}
+//#endregion
+//#region src/liquid/evolve.ts
+var H = {
+	massStiffness: 320,
+	massDamping: 17,
+	sizeStiffness: 170,
+	sizeDamping: 11.5,
+	radiusStiffness: 900,
+	radiusDamping: 60,
+	contentBlur: 7,
+	roundness: 1,
+	cornerDuration: 460,
+	cornerDelay: 0,
+	cornerEase: "cubic-bezier(0.3, 1.05, 0.4, 1)",
+	anticipation: 90,
+	travel: 32
+};
+function he(e) {
+	return /^var\((--[\w-]+)\)$/.exec(e.trim())?.[1] ?? null;
+}
+function U(e, t) {
+	return e !== void 0 && Number.isFinite(e) ? e : t;
+}
+function W(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]);
+	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]);
+	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);
+	return {
+		massStiffness: r.massStiffness * i * i,
+		massDamping: r.massDamping * i * s,
+		sizeStiffness: r.sizeStiffness * i * i,
+		sizeDamping: r.sizeDamping * i * s,
+		radiusStiffness: r.radiusStiffness * i * i,
+		radiusDamping: r.radiusDamping * i,
+		contentBlur: Math.max(0, U(t?.contentBlur, r.contentBlur)),
+		roundness: r.roundness,
+		cornerDuration: r.cornerDuration / i,
+		cornerDelay: r.cornerDelay,
+		cornerEase: r.cornerEase,
+		anticipation: r.anticipation,
+		travel: r.travel,
+		...t?.advanced ?? {}
+	};
+}
+function ge(e, t) {
+	return t?.shape === void 0 ? G(e, "morphShape", 1) >= .5 : t.shape;
+}
+function J(e, t) {
+	let n = q(e, t), r = Math.max(0, G(e, "contentBlurAreaMultiplier", 3));
+	return n.contentBlur * r;
+}
+function _e(e) {
+	return {
+		cx: e.cx,
+		cy: e.cy,
+		w: e.w,
+		h: e.h,
+		r: e.r,
+		vcx: 0,
+		vcy: 0,
+		vw: 0,
+		vh: 0,
+		vr: 0,
+		motionEnv: 0,
+		tPrev: null,
+		tvx: 0,
+		tvy: 0,
+		lead01: 0,
+		cornerT0: 0,
+		cornerStarted: !1,
+		lastTargetMoveT: 0,
+		lastTargetSize: null,
+		morphActive: !1,
+		round01: 0
+	};
+}
+function ve(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
+	}, e.tvx = 0, e.tvy = 0, e.lead01 = 0, e.cornerT0 = 0, e.cornerStarted = !1, e.lastTargetMoveT = 0, e.lastTargetSize = {
+		w: t.w,
+		h: t.h
+	}, e.morphActive = !1, e.round01 = 0;
+}
+function Y(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);
+	return [l, u];
+}
+var ye = /* @__PURE__ */ new Map();
+function be(e) {
+	let t = ye.get(e);
+	if (t) return t;
+	let n = /cubic-bezier\(([^)]+)\)/.exec(e);
+	if (n) {
+		let [e = 0, r = 0, i = 1, a = 1] = (n[1] ?? "").split(",").map(Number);
+		t = (t) => {
+			if (t <= 0) return 0;
+			if (t >= 1) return 1;
+			let n = 0, o = 1;
+			for (let r = 0; r < 24; r += 1) {
+				let r = (n + o) / 2;
+				3 * r * (1 - r) * (1 - r) * e + 3 * r * r * (1 - r) * i + r ** 3 < t ? n = r : o = r;
+			}
+			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;
+}
+function xe(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;
+	e.tPrev ||= {
+		cx: s,
+		cy: c
+	};
+	let l = (s - e.tPrev.cx) / Math.max(1e-6, o || 1 / 60), u = (c - e.tPrev.cy) / Math.max(1e-6, o || 1 / 60);
+	e.tvx = e.tvx * .7 + l * .3, e.tvy = e.tvy * .7 + u * .3, e.tPrev = {
+		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 = {
+		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 w = o * 8;
+	e.round01 += Math.max(-w, Math.min(w, C - e.round01));
+	let T = 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 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
+	];
+	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
+	};
+}
+//#endregion
+//#region src/liquid/engine.ts
+function Z(e, t) {
+	return e !== void 0 && Number.isFinite(e) ? e : t;
+}
+function Ce(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))
+	};
+	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;
+}
+function we(e) {
+	return {
+		x: e.x,
+		y: e.y,
+		scale: e.scale,
+		scaleY: e.scaleY
+	};
+}
+function Te(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 De(e) {
+	return e === void 0 ? "" : JSON.stringify(e);
+}
+function Oe(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 {
+	getGroup;
+	getFilterArea;
+	onModeChange;
+	onFeaturePaddingChange;
+	nowFn;
+	requestFrame;
+	cancelFrame;
+	follow;
+	items = /* @__PURE__ */ new Map();
+	removeListeners = [];
+	mutationObserver = null;
+	awake = !1;
+	raf = 0;
+	needsPaint = !1;
+	lastActivity = 0;
+	claimed = !1;
+	budgetWarningEmitted = !1;
+	reducedMotion;
+	filterArea = 0;
+	featurePadding = 0;
+	mode = "static";
+	lastFrameTime = null;
+	moveOptions = null;
+	disposed = !1;
+	constructor(e) {
+		this.getGroup = e.getGroup, this.getFilterArea = e.getFilterArea, this.reducedMotion = e.reducedMotion ?? !1, this.onModeChange = e.onModeChange, this.onFeaturePaddingChange = e.onFeaturePaddingChange, this.follow = e.follow ?? !1, this.nowFn = e.now ?? (() => performance.now()), this.requestFrame = e.requestFrame ?? ((e) => requestAnimationFrame(e)), this.cancelFrame = e.cancelFrame ?? ((e) => cancelAnimationFrame(e));
+	}
+	register(e) {
+		this.revive(), this.unregister(e.id);
+		let t = Ce(e.config), n = {
+			...e,
+			config: t,
+			target: we(t),
+			current: we(t),
+			motion: null,
+			lastBox: null,
+			lastPaint: null,
+			ownTransform: "",
+			resizeObserver: null,
+			move: null,
+			tail: this.follow && !t.deformation ? this.createTailElements(e.blob) : null,
+			evolve: null,
+			baseContentFilter: e.host.style.filter,
+			contentBlurred: !1,
+			lastContentFilter: null
+		};
+		return n.host.style.transformOrigin = "center", this.applyHost(n), typeof ResizeObserver < "u" && (n.resizeObserver = new ResizeObserver(() => {
+			this.touch(), this.wake();
+		}), n.resizeObserver.observe(n.host)), this.items.set(n.id, n), this.updateFeaturePadding(), this.ensureSources(), this.touch(), this.wake(), () => this.unregister(n.id);
+	}
+	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());
+			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");
+		else {
+			let e = c(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),
+				duration: e.duration,
+				ease: a(e.easing)
+			}, n.host.style.willChange = r.observe ? "" : "transform", this.setMode("animated"));
+		}
+		this.touch(l), this.needsPaint = !0, this.wake();
+	}
+	setReducedMotion(e) {
+		if (this.reducedMotion !== e) {
+			if (this.reducedMotion = e, e) {
+				let e = this.now();
+				for (let t of this.items.values()) this.advanceEntry(t, e), this.snapEntry(t), this.resetMoveEntry(t), this.resetDynamicEntry(t);
+				this.releaseClaim(), this.setMode("reduced");
+			} else this.claimed || this.setMode("static");
+			this.touch(), this.needsPaint = !0, this.wake();
+		}
+	}
+	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) {
+				for (let e of this.items.values()) this.snapEntry(e), this.resetMoveEntry(e), this.resetDynamicEntry(e);
+				this.releaseClaim(), this.setMode(this.reducedMotion ? "reduced" : "static");
+			}
+			this.needsPaint = !0, this.wake();
+		}
+	}
+	wake() {
+		this.disposed || this.items.size === 0 || (this.needsPaint = !0, !this.awake && (this.awake = !0, this.raf = this.requestFrame(this.loop)));
+	}
+	dispose() {
+		if (!this.disposed) {
+			this.disposed = !0, this.raf && this.cancelFrame(this.raf), this.mutationObserver?.disconnect(), this.removeListeners.forEach((e) => e());
+			for (let e of this.items.values()) e.resizeObserver?.disconnect(), e.host.style.willChange = "", this.clearContentBlur(e), e.config.deformation?.reset(e.host), this.removeTailElements(e);
+			this.items.clear(), this.releaseClaim(), this.awake = !1, this.lastFrameTime = null;
+		}
+	}
+	getDebugState() {
+		return {
+			awake: this.awake,
+			mode: this.mode,
+			itemCount: this.items.size,
+			claimed: this.claimed,
+			filterArea: this.filterArea,
+			featurePadding: this.featurePadding
+		};
+	}
+	now() {
+		return this.nowFn();
+	}
+	touch(e = this.now()) {
+		this.lastActivity = e;
+	}
+	setMode(e) {
+		this.mode !== e && (this.mode = e, this.onModeChange?.(e));
+	}
+	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);
+	}
+	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";
+		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);
+	}
+	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);
+	}
+	isDynamic(e) {
+		return this.isDeformed(e) || this.isShape(e);
+	}
+	featureBox(e) {
+		return e.lastBox ?? {
+			x: 0,
+			y: 0,
+			w: Math.max(1, e.host.offsetWidth),
+			h: Math.max(1, e.host.offsetHeight),
+			r: [
+				0,
+				0,
+				0,
+				0
+			]
+		};
+	}
+	updateFeaturePadding() {
+		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)));
+		}
+		Math.abs(e - this.featurePadding) < .5 || (this.featurePadding = e, this.onFeaturePaddingChange?.(e));
+	}
+	clearContentBlur(e) {
+		!e.contentBlurred && e.lastContentFilter === null || (e.baseContentFilter ? e.host.style.filter = e.baseContentFilter : e.host.style.removeProperty("filter"), e.contentBlurred = !1, e.lastContentFilter = null);
+	}
+	writeContentBlur(e, t) {
+		let n = Math.max(0, Number.isFinite(t) ? t : 0);
+		if (n <= .3) {
+			this.clearContentBlur(e);
+			return;
+		}
+		let r = e.baseContentFilter.trim(), i = `${r && r !== "none" ? `${r} ` : ""}blur(${Q(n)}px)`;
+		e.lastContentFilter !== i && (e.host.style.filter = i, e.lastContentFilter = i, e.contentBlurred = !0);
+	}
+	resetDynamicEntry(e) {
+		e.evolve = null, this.clearContentBlur(e), e.config.deformation?.reset(e.host), e.lastPaint = null;
+	}
+	snapEntry(e) {
+		e.current = { ...e.target }, e.motion = null, e.host.style.willChange = "", this.applyHost(e);
+	}
+	resetMoveEntry(e) {
+		e.move = null, e.lastPaint = null, this.hideTail(e);
+	}
+	advanceEntry(e, t) {
+		let n = e.motion;
+		if (!n) return !1;
+		if (e.config.observe) return e.current = { ...e.target }, e.motion = null, e.host.style.willChange = "", this.applyHost(e), !1;
+		let r = Math.min(1, Math.max(0, (t - n.start) / n.duration)), i = n.ease(r);
+		return e.current = {
+			x: n.from.x + (n.to.x - n.from.x) * i,
+			y: n.from.y + (n.to.y - n.from.y) * i,
+			scale: n.from.scale + (n.to.scale - n.from.scale) * i,
+			scaleY: n.from.scaleY + (n.to.scaleY - n.from.scaleY) * i
+		}, this.applyHost(e), r >= 1 ? (e.current = { ...n.to }, e.motion = null, e.host.style.willChange = "", this.applyHost(e), !1) : !0;
+	}
+	applyHost(e) {
+		if (e.config.observe) {
+			e.ownTransform && e.host.style.transform === e.ownTransform && e.host.style.removeProperty("transform"), e.ownTransform = "";
+			return;
+		}
+		let t = `translate(${Q(e.current.x)}px, ${Q(e.current.y)}px) scale(${Q(e.current.scale)}, ${Q(e.current.scaleY)})`;
+		e.ownTransform !== t && (e.ownTransform = t, e.host.style.transform = t);
+	}
+	createTailElements(e) {
+		let t = e.parentElement;
+		if (!t) return null;
+		let n = e.ownerDocument, r = (e) => {
+			let t = n.createElementNS("http://www.w3.org/2000/svg", "circle");
+			return t.setAttribute("data-liquid-gooey-move-tail", e), t.setAttribute("r", "0"), t;
+		}, i = r("lead"), a = r("mid-a"), o = r("mid-b");
+		return t.insertBefore(i, e), t.insertBefore(a, e), t.insertBefore(o, e), {
+			lead: i,
+			midA: a,
+			midB: o,
+			lastPaint: null
+		};
+	}
+	removeTailElements(e) {
+		e.tail?.lead.remove(), e.tail?.midA.remove(), e.tail?.midB.remove(), e.tail = null;
+	}
+	hideTail(e) {
+		let t = e.tail;
+		!t || t.lastPaint === "hidden" || (t.lead.setAttribute("r", "0"), t.midA.setAttribute("r", "0"), t.midB.setAttribute("r", "0"), t.lastPaint = "hidden");
+	}
+	paintTail(e, t) {
+		let n = e.tail;
+		return !n || n.lastPaint === t.fingerprint ? !1 : t.visible ? (n.lead.setAttribute("cx", String(t.cx)), n.lead.setAttribute("cy", String(t.cy)), n.lead.setAttribute("r", String(t.radius)), n.midA.setAttribute("cx", String(t.midACx)), n.midA.setAttribute("cy", String(t.midACy)), n.midA.setAttribute("r", String(t.midARadius)), n.midB.setAttribute("cx", String(t.midBCx)), n.midB.setAttribute("cy", String(t.midBCy)), n.midB.setAttribute("r", String(t.midBRadius)), n.lastPaint = t.fingerprint, !0) : (this.hideTail(e), !0);
+	}
+	moveTarget(e, t) {
+		return {
+			cx: t.x + t.w / 2 + e.current.x,
+			cy: t.y + t.h / 2 + e.current.y,
+			scale: e.current.scale,
+			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;
+		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 c = e.config.radius === void 0 ? o(r, a, s) : l(e.config.radius);
+		return {
+			x: i.x,
+			y: i.y,
+			w: a,
+			h: s,
+			r: c
+		};
+	}
+	dynamicTarget(e, t) {
+		let n = e.config.observe;
+		return {
+			cx: t.x + t.w / 2 + (n ? 0 : e.current.x),
+			cy: t.y + t.h / 2 + (n ? 0 : e.current.y),
+			scale: n ? 1 : e.current.scale,
+			scaleY: n ? 1 : e.current.scaleY,
+			w: t.w,
+			h: t.h,
+			r: t.r[0] ?? 0
+		};
+	}
+	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;
+		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
+		};
+	}
+	paintDeformedEntry(e, t, n, r) {
+		let i = e.config.deformation.paint({
+			group: this.getGroup(),
+			host: e.host,
+			target: this.dynamicTarget(e, t),
+			box: t,
+			dt: n,
+			snap: this.reducedMotion || !this.claimed && !r
+		}), a = !1;
+		return e.lastPaint !== i.fingerprint && (e.lastPaint = i.fingerprint, e.blob.setAttribute("d", i.path), e.blob.setAttribute("transform", i.transform), a = !0), this.hideTail(e), this.clearContentBlur(e), {
+			changed: a,
+			moving: !this.reducedMotion && this.claimed && i.moving
+		};
+	}
+	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;
+		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}`;
+		return e.lastPaint === o ? !1 : (e.lastPaint = o, e.blob.setAttribute("d", a), e.blob.setAttribute("transform", i), !0);
+	}
+	loop = (e) => {
+		if (this.raf = 0, this.disposed || this.items.size === 0) {
+			this.awake = !1;
+			return;
+		}
+		let t = this.lastFrameTime === null ? 1 / 60 : Math.max(0, (e - this.lastFrameTime) / 1e3);
+		this.lastFrameTime = e;
+		let n = !1;
+		for (let t of this.items.values()) this.advanceEntry(t, e) && (n = !0);
+		let r = this.getGroup(), i = !1;
+		if (r) {
+			let e = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set();
+			for (let t of this.items.values()) e.set(t.id, this.readBox(t, r));
+			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);
+				r && a.add(t.id), s && o.add(t.id), s && (t.lastBox = n, t.lastPaint = null, i = !0);
+			}
+			this.updateFeaturePadding();
+			for (let r of this.items.values()) {
+				let s = e.get(r.id);
+				if (!s) continue;
+				let c = a.has(r.id), l = o.has(r.id);
+				this.isDynamic(r) && l && !c && !this.reducedMotion && !this.claimed && (this.ensureClaim() ? this.setMode("animated") : (this.resetDynamicEntry(r), this.snapEntry(r)));
+				let u = this.isDeformed(r) ? this.paintDeformedEntry(r, s, t, c) : this.isShape(r) ? this.paintEvolveEntry(r, s, t, c) : this.follow ? this.paintFollowEntry(r, s, t, l, c) : {
+					changed: this.paintEntry(r, s),
+					moving: !1
+				};
+				u.changed && (i = !0), u.moving && (n = !0);
+			}
+		}
+		this.needsPaint = !1, (n || i) && this.touch(e);
+		let a = e - this.lastActivity < 500;
+		if (n || this.needsPaint || a) {
+			this.raf = this.requestFrame(this.loop);
+			return;
+		}
+		this.awake = !1, this.releaseClaim(), this.setMode(this.reducedMotion ? "reduced" : "static"), this.lastFrameTime = null;
+	};
+	ensureSources() {
+		if (this.mutationObserver) return;
+		let e = this.getGroup();
+		if (!e || typeof MutationObserver > "u") return;
+		this.mutationObserver = new MutationObserver((e) => {
+			let t = !1;
+			for (let n of e) {
+				let e = n.target;
+				if (!(e instanceof Element && e.closest("[data-liquid-gooey-silhouette]"))) {
+					if (n.type === "attributes" && n.attributeName === "style") {
+						let t = [...this.items.values()].find((t) => t.host === e);
+						if (t && t.ownTransform === t.host.style.transform) continue;
+					}
+					t = !0;
+					break;
+				}
+			}
+			t && (this.touch(), this.wake());
+		}), this.mutationObserver.observe(e, {
+			attributes: !0,
+			attributeFilter: ["class", "style"],
+			childList: !0,
+			subtree: !0
+		});
+		let t = () => {
+			this.touch(), this.wake();
+		};
+		for (let n of [
+			"transitionrun",
+			"animationstart",
+			"pointerdown"
+		]) e.addEventListener(n, t, !0), this.removeListeners.push(() => e.removeEventListener(n, t, !0));
+		window.addEventListener("scroll", t, {
+			capture: !0,
+			passive: !0
+		}), this.removeListeners.push(() => window.removeEventListener("scroll", t, !0));
+	}
+	unregister(e) {
+		let t = this.items.get(e);
+		t && (t.resizeObserver?.disconnect(), t.host.style.willChange = "", this.clearContentBlur(t), t.config.deformation?.reset(t.host), this.removeTailElements(t), this.items.delete(e), this.updateFeaturePadding(), this.items.size === 0 && (this.raf && this.cancelFrame(this.raf), this.raf = 0, this.awake = !1, this.releaseClaim(), this.lastFrameTime = null, this.featurePadding = 0, this.onFeaturePaddingChange?.(0)));
+	}
+};
+//#endregion
+//#region src/liquid/shadow.ts
+function Ae(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) {
+	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));
+		let [o = 0, s = 0, c = 0, l = 0] = i;
+		t.push({
+			x: o,
+			y: s,
+			blur: c,
+			spread: l,
+			color: a.join(" ") || "var(--game-ui-shadow-color, transparent)",
+			inset: r
+		});
+	}
+	return t;
+}
+function Ne(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));
+	return {
+		width: n,
+		color: r.join(" ") || "var(--game-ui-stroke, transparent)"
+	};
+}
+function Pe(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})`);
+	return t.length > 0 ? t.join(" ") : void 0;
+}
+function Ie(e) {
+	return e.filter((e) => !Pe(e));
+}
+function Le(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) {
+	return e.replace(/[^a-zA-Z0-9_-]/g, "");
+}
+function $(e, t) {
+	return Number.isFinite(e) ? e : t;
+}
+function ze(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 ?? "");
+	return Number.isFinite(i) ? i : n;
+}
+function Ve(...e) {
+	return e.filter(Boolean).join(" ") || void 0;
+}
+//#endregion
+//#region src/liquid/LiquidGroup/fill.tsx
+function He({ 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", {
+		id: e,
+		x1: "0",
+		y1: "0",
+		x2: "0",
+		y2: "1",
+		children: [
+			[0, `color-mix(in srgb, ${t.top}, white ${r}%)`],
+			[.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", {
+			offset: e,
+			style: { stopColor: t }
+		}, e))
+	}) });
+}
+//#endregion
+//#region src/liquid/LiquidGroup/context.ts
+var Ue = h(null);
+function We() {
+	let e = v(Ue);
+	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) }
+		};
+		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;
+	}, [
+		d,
+		l,
+		s,
+		e,
+		A,
+		t,
+		u,
+		f,
+		c,
+		i,
+		a,
+		o,
+		n,
+		r
+	]);
+	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({
+			id: j,
+			host: e,
+			blob: t,
+			config: N.current
+		});
+	}, [
+		k,
+		j,
+		w
+	]), x(() => {
+		k.update(j, P);
+	}, [
+		P,
+		k,
+		j
+	]), y(() => {
+		e === "move" && console.warn("[swimmer-ui] effect=\"move\" is not an item effect. Use <LiquidGroup motion=\"follow\"> for selection and progress.");
+	}, [e]), x(() => {
+		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,
+		ref: te,
+		className: Ve("game-ui-liquid-item", p),
+		style: m,
+		children: h
+	}), w ? O(/* @__PURE__ */ E("path", {
+		ref: ee,
+		d: "",
+		"data-liquid-gooey-blob": ""
+	}), w) : null] });
+}), Ke = g(function(e, t) {
+	return /* @__PURE__ */ E(Ge, {
+		...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({
+		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;
+		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))
+		};
+		re((e) => e.waviness === t.waviness && e.wavinessFreq === t.wavinessFreq ? e : t);
+	}, [f, p]);
+	let Y = S(() => new ke({
+		getGroup: () => M.current,
+		getFilterArea: () => {
+			let e = M.current;
+			return e ? (e.offsetWidth + (K.current + F.current) * 2) * (e.offsetHeight + (K.current + F.current) * 2) : 0;
+		},
+		onModeChange: L,
+		onFeaturePaddingChange: (e) => {
+			F.current = e, ae((t) => Math.abs(t - e) < .5 ? t : e);
+		},
+		follow: h === "follow"
+	}), [h]);
+	x(() => {
+		let e = M.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));
+		};
+		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,
+		children: [
+			/* @__PURE__ */ D("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}`,
+				children: [
+					/* @__PURE__ */ E("defs", { children: /* @__PURE__ */ E("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
+						})
+					}) }),
+					typeof o == "string" ? null : /* @__PURE__ */ E(He, {
+						id: `${J}-fill`,
+						fill: o
+					}),
+					/* @__PURE__ */ E("g", {
+						ref: ve,
+						fill: typeof o == "string" ? o : `url(#${J}-fill)`,
+						filter: `url(#${J})`
+					})
+				]
+			}),
+			O?.(() => M.current),
+			/* @__PURE__ */ E(Ue.Provider, {
+				value: {
+					portal: ee,
+					engine: Y,
+					follow: h === "follow"
+				},
+				children: /* @__PURE__ */ E("div", {
+					className: "game-ui-liquid-content",
+					children: T
+				})
+			})
+		]
+	});
+}), Je = Object.assign(g(function(e, t) {
+	return /* @__PURE__ */ E(qe, {
+		...e,
+		ref: t
+	});
+}), { Item: Ke });
+//#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 };