@pieai/swimmer-ui-kit 2.11.0 → 2.12.0

package/dist/{reducedMotion-C7O9ls34.js → liquidGooeySpring-WwyGKGPL.js}

@@ -1,48 +1,64 @@
 import { useEffect as e, useState as t } from "react";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/reducedMotion.ts
+function a() {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia("(prefers-reduced-motion: reduce)");
+}
+function o(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 s() {
+	let [n, r] = t(() => a()?.matches ?? !1);
+	return e(() => {
+		let e = a();
+		if (e) return r(e.matches), o(e, (e) => r(e.matches));
+	}, []), n;
+}
+//#endregion
 //#region src/liquidGooeyBudget.ts
-var a = 2, o = 48e4, s = 2, c = o, l = 0;
-function u(e, t) {
+var c = 2, l = 48e4, u = 2, d = l, f = 0;
+function p(e, t) {
 	return Number.isFinite(e) ? Math.max(0, Math.floor(e)) : t;
 }
-function d() {
+function m() {
 	return {
-		maxAnimatedGroups: s,
-		maxFilterArea: c,
-		activeGroups: l
+		maxAnimatedGroups: u,
+		maxFilterArea: d,
+		activeGroups: f
 	};
 }
-function f(e) {
+function h(e) {
 	if (typeof e == "number") {
-		s = u(e, 0);
+		u = p(e, 0);
 		return;
 	}
-	e.maxAnimatedGroups !== void 0 && (s = u(e.maxAnimatedGroups, 0)), e.maxFilterArea !== void 0 && (c = u(e.maxFilterArea, 0));
+	e.maxAnimatedGroups !== void 0 && (u = p(e.maxAnimatedGroups, 0)), e.maxFilterArea !== void 0 && (d = p(e.maxFilterArea, 0));
 }
-function p(e) {
-	return l >= s || (Number.isFinite(e) ? Math.max(0, e) : Infinity) > c ? !1 : (l += 1, !0);
+function g(e) {
+	return f >= u || (Number.isFinite(e) ? Math.max(0, e) : Infinity) > d ? !1 : (f += 1, !0);
 }
-function m() {
-	l > 0 && --l;
+function _() {
+	f > 0 && --f;
 }
 //#endregion
 //#region src/liquidGooeyFilter.tsx
-var h = "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 60 -29.5", g = 1.3, _ = 1 / .3902;
-function v(e, t) {
-	return e <= 0 ? t : Math.min(t, _ * e / g);
+var v = "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 60 -29.5", y = 1.3, b = 1 / .3902;
+function x(e, t) {
+	return e <= 0 ? t : Math.min(t, b * e / y);
 }
-var y = {
+var S = {
 	waviness: 0,
 	wavinessFreq: .018
 };
-function b(e) {
+function C(e) {
 	return e.spread === 0 ? "shape" : "bin";
 }
-function x(e, t) {
+function w(e, t) {
 	return t !== null || e.some((e) => e.spread !== 0);
 }
-function S({ index: e, shadow: t }) {
-	let i = [], a = b(t), o = a;
+function T({ index: e, shadow: t }) {
+	let i = [], a = C(t), o = a;
 	return t.spread !== 0 && (i.push(/* @__PURE__ */ r("feMorphology", {
 		in: o,
 		operator: t.spread > 0 ? "erode" : "dilate",
@@ -72,7 +88,7 @@ function S({ index: e, shadow: t }) {
 		result: `shadow-${e}`
 	}, "fill")), /* @__PURE__ */ r(n, { children: i });
 }
-function C({ index: e, shadow: t }) {
+function E({ index: e, shadow: t }) {
 	let i = [], a = "shape";
 	return t.spread !== 0 && (i.push(/* @__PURE__ */ r("feMorphology", {
 		in: "bin",
@@ -98,7 +114,7 @@ function C({ index: e, shadow: t }) {
 		result: `shadow-${e}`
 	}, "fill")), /* @__PURE__ */ r(n, { children: i });
 }
-function w({ stroke: e }) {
+function D({ stroke: e }) {
 	let t = [];
 	return t.push(/* @__PURE__ */ r("feMorphology", {
 		in: "bin",
@@ -120,8 +136,8 @@ function w({ stroke: e }) {
 		result: "stroke-out"
 	}, "fill")), /* @__PURE__ */ r(n, { children: t });
 }
-function T({ blur: e, contrast: t, shadows: a, stroke: o, gloss: s = 0, waviness: c = y.waviness, wavinessFreq: l = y.wavinessFreq }) {
-	let u = v(e, t), d = Math.round((.5 - 5 / 12 * u) * 100) / 100, f = c > 0;
+function O({ blur: e, contrast: t, shadows: a, stroke: o, gloss: s = 0, waviness: c = S.waviness, wavinessFreq: l = S.wavinessFreq }) {
+	let u = x(e, t), d = Math.round((.5 - 5 / 12 * u) * 100) / 100, f = c > 0;
 	return /* @__PURE__ */ i(n, { children: [
 		/* @__PURE__ */ r("feGaussianBlur", {
 			in: "SourceGraphic",
@@ -189,20 +205,20 @@ function T({ blur: e, contrast: t, shadows: a, stroke: o, gloss: s = 0, waviness
 				result: "shape"
 			})
 		] }) : null,
-		x(a, o) ? /* @__PURE__ */ r("feColorMatrix", {
+		w(a, o) ? /* @__PURE__ */ r("feColorMatrix", {
 			in: "shape",
 			type: "matrix",
-			values: h,
+			values: v,
 			result: "bin"
 		}) : null,
-		a.map((e, t) => e.inset ? /* @__PURE__ */ r(S, {
+		a.map((e, t) => e.inset ? /* @__PURE__ */ r(T, {
 			index: t,
 			shadow: e
-		}, t) : /* @__PURE__ */ r(C, {
+		}, t) : /* @__PURE__ */ r(E, {
 			index: t,
 			shadow: e
 		}, t)),
-		o ? /* @__PURE__ */ r(w, { stroke: o }) : null,
+		o ? /* @__PURE__ */ r(D, { stroke: o }) : null,
 		a.length > 0 || o ? /* @__PURE__ */ i("feMerge", { children: [
 			a.map((e, t) => e.inset ? -1 : t).filter((e) => e >= 0).reverse().map((e) => /* @__PURE__ */ r("feMergeNode", { in: `shadow-${e}` }, e)),
 			/* @__PURE__ */ r("feMergeNode", { in: "shape" }),
@@ -213,7 +229,7 @@ function T({ blur: e, contrast: t, shadows: a, stroke: o, gloss: s = 0, waviness
 }
 //#endregion
 //#region src/liquidGooeyGeometry.ts
-function E(e, t) {
+function k(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 {
@@ -221,7 +237,7 @@ function E(e, t) {
 		y: r
 	};
 }
-function D(e, t, n) {
+function A(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;
@@ -233,7 +249,7 @@ function D(e, t, n) {
 		i(r.borderBottomLeftRadius)
 	];
 }
-function O(e) {
+function j(e) {
 	return typeof e == "number" ? [
 		e,
 		e,
@@ -241,16 +257,16 @@ function O(e) {
 		e
 	] : e;
 }
-function k(e, t, n, r, i) {
+function M(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 A = 44;
-function j(e) {
+var N = 44;
+function P(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 M(e, t, n, r) {
+function F(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,
@@ -302,19 +318,19 @@ function M(e, t, n, r) {
 		default: return f(Math.PI, n, n);
 	}
 }
-var N = .18;
-function P(e, t, n, r, i, a) {
-	let o = Math.min(n, r), s = Math.min(Math.max(0, a.amplitude), o * N);
-	if (s < .15 || o <= 0) return k(e, t, n, r, i);
+var I = .18;
+function L(e, t, n, r, i, a) {
+	let o = Math.min(n, r), s = Math.min(Math.max(0, a.amplitude), o * I);
+	if (s < .15 || o <= 0) return M(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: j(l * 31 + e) * .6 + .4,
-		p: j(l * 57 + e) * Math.PI * 2
+		a: P(l * 31 + e) * .6 + .4,
+		p: P(l * 57 + e) * Math.PI * 2
 	});
 	let p = f.reduce((e, t) => e + t.a, 0) || 1, m = [];
-	for (let i = 0; i < A; i += 1) {
-		let a = i / A, o = M(n, r, c, a), l = 0;
+	for (let i = 0; i < N; i += 1) {
+		let a = i / N, o = F(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]);
@@ -326,12 +342,12 @@ function P(e, t, n, r, i, a) {
 	}
 	return `${v} Z`;
 }
-function F(e, t, n, r, i, a) {
-	return !a || a.amplitude <= 0 ? k(e, t, n, r, i) : P(e, t, n, r, i, a);
+function R(e, t, n, r, i, a) {
+	return !a || a.amplitude <= 0 ? M(e, t, n, r, i) : L(e, t, n, r, i, a);
 }
 //#endregion
 //#region src/liquidGooeySpring.ts
-var I = {
+var z = {
 	snappy: {
 		stiffness: 480,
 		damping: 34,
@@ -352,16 +368,16 @@ var I = {
 		damping: 9.6,
 		mass: 1
 	}
-}, L = 1 / 240;
-function R(e) {
+}, B = 1 / 240;
+function V(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 * L, t += n * L, r += L, o.push(t), t > a && (a = t), Math.abs(t - 1) < .001 && Math.abs(n) < .02) {
+		if (n += s * B, t += n * B, r += B, 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 / L), u = [];
+	let s = i > 0 ? i : r, c = Math.round(Math.min(120, Math.max(24, s * 90))), l = Math.min(o.length - 1, s / B), 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);
@@ -372,13 +388,13 @@ function R(e) {
 		overshoots: a > 1.001
 	};
 }
-var z = null;
-function B() {
-	return z === null && (z = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("transition-timing-function", "linear(0, 1)")), z;
+var H = null;
+function U() {
+	return H === null && (H = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("transition-timing-function", "linear(0, 1)")), H;
 }
-var V = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map();
-function U(e) {
-	let t = H.get(e);
+var W = /* @__PURE__ */ new Map(), G = /* @__PURE__ */ new Map();
+function K(e) {
+	let t = G.get(e);
 	if (t) return t;
 	let n = /^linear\(([^)]+)\)$/.exec(e.trim()), r = /^cubic-bezier\(([^)]+)\)$/.exec(e.trim()), i;
 	if (n) {
@@ -402,10 +418,10 @@ function U(e) {
 			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" ? U("cubic-bezier(0.25, 0.1, 0.25, 1)") : e === "ease-in" ? U("cubic-bezier(0.42, 0, 1, 1)") : e === "ease-out" ? U("cubic-bezier(0, 0, 0.58, 1)") : e === "ease-in-out" ? U("cubic-bezier(0.42, 0, 0.58, 1)") : (e) => Math.min(1, Math.max(0, e));
-	return H.set(e, i), i;
+	} else i = e === "ease" ? K("cubic-bezier(0.25, 0.1, 0.25, 1)") : e === "ease-in" ? K("cubic-bezier(0.42, 0, 1, 1)") : e === "ease-out" ? K("cubic-bezier(0, 0, 0.58, 1)") : e === "ease-in-out" ? K("cubic-bezier(0.42, 0, 0.58, 1)") : (e) => Math.min(1, Math.max(0, e));
+	return G.set(e, i), i;
 }
-function W(e, t = !1) {
+function q(e, t = !1) {
 	if (t) return {
 		duration: 0,
 		easing: "linear"
@@ -415,36 +431,20 @@ function W(e, t = !1) {
 		duration: Math.max(0, n.duration),
 		easing: n.ease ?? "cubic-bezier(0.22, 1, 0.36, 1)"
 	};
-	let r = typeof n == "string" ? I[n] : {
+	let r = typeof n == "string" ? z[n] : {
 		stiffness: 300,
 		damping: 24,
 		mass: 1,
 		...n
-	}, i = `${r.stiffness}/${r.damping}/${r.mass}/${B()}`, a = V.get(i);
+	}, i = `${r.stiffness}/${r.damping}/${r.mass}/${U()}`, a = W.get(i);
 	if (!a) {
-		let e = R(r);
+		let e = V(r);
 		a = {
 			duration: Math.round(e.duration * 1e3),
-			easing: B() ? `linear(${e.values.join(", ")})` : e.overshoots ? "cubic-bezier(0.34, 1.56, 0.64, 1)" : "cubic-bezier(0.22, 1, 0.36, 1)"
-		}, V.set(i, a);
+			easing: U() ? `linear(${e.values.join(", ")})` : e.overshoots ? "cubic-bezier(0.34, 1.56, 0.64, 1)" : "cubic-bezier(0.22, 1, 0.36, 1)"
+		}, W.set(i, a);
 	}
 	return a;
 }
 //#endregion
-//#region src/reducedMotion.ts
-function G() {
-	return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia("(prefers-reduced-motion: reduce)");
-}
-function K(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 q() {
-	let [n, r] = t(() => G()?.matches ?? !1);
-	return e(() => {
-		let e = G();
-		if (e) return r(e.matches), K(e, (e) => r(e.matches));
-	}, []), n;
-}
-//#endregion
-export { p as _, D as a, k as c, T as d, a as f, f as g, m as h, P as i, F as l, d as m, U as n, O as o, o as p, W as r, E as s, q as t, y as u };
+export { s as _, j as a, R as c, c as d, l as f, g, h, A as i, S as l, _ as m, q as n, k as o, m as p, L as r, M as s, K as t, O as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pieai/swimmer-ui-kit",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "description": "Token-driven React game UI kit for web and wrapped PieAI game surfaces.",
   "keywords": [
     "design-system",