@micjanic/recursive-grid 1.0.6 → 1.0.8

package/dist/recursive-grid.es.js

@@ -2,11 +2,11 @@ var Jr = Object.defineProperty;
 var Xr = (e, t, r) => t in e ? Jr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var B = (e, t, r) => Xr(e, typeof t != "symbol" ? t + "" : t, r);
 import * as cr from "react";
-import Zr, { useEffect as Te, useLayoutEffect as Kr, useState as Fe, useRef as W, forwardRef as en, useCallback as tn, useMemo as me, useContext as dr, createContext as rn } from "react";
+import Zr, { useEffect as ue, useLayoutEffect as Kr, useState as Fe, useRef as L, forwardRef as en, useCallback as tn, useMemo as pe, useContext as dr, createContext as rn } from "react";
 import { useApplication as nn, useTick as sn, extend as an, Application as on } from "@pixi/react";
 import { Graphics as fr, Particle as hr, Sprite as un, Container as ln, Texture as cn, ParticleContainer as dn } from "pixi.js";
 import { unstable_batchedUpdates as fn } from "react-dom";
-var Oe = { exports: {} }, le = {};
+var Oe = { exports: {} }, ce = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,7 +18,7 @@ var Oe = { exports: {} }, le = {};
  */
 var Ft;
 function hn() {
-  if (Ft) return le;
+  if (Ft) return ce;
   Ft = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(n, s, i) {
@@ -36,9 +36,9 @@ function hn() {
       props: i
     };
   }
-  return le.Fragment = t, le.jsx = r, le.jsxs = r, le;
+  return ce.Fragment = t, ce.jsx = r, ce.jsxs = r, ce;
 }
-var ce = {};
+var de = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -63,7 +63,7 @@ function mn() {
           return "Profiler";
         case g:
           return "StrictMode";
-        case Q:
+        case G:
           return "Suspense";
         case I:
           return "SuspenseList";
@@ -133,7 +133,7 @@ function mn() {
       return Error("react-stack-top-frame");
     }
     function a(o) {
-      if (G.call(o, "key")) {
+      if (Y.call(o, "key")) {
         var S = Object.getOwnPropertyDescriptor(o, "key").get;
         if (S && S.isReactWarning) return !1;
       }
@@ -151,7 +151,7 @@ function mn() {
         configurable: !0
       });
     }
-    function d() {
+    function f() {
       var o = e(this.type);
       return Ct[o] || (Ct[o] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
@@ -167,7 +167,7 @@ function mn() {
         _owner: T
       }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: d
+        get: f
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -190,20 +190,20 @@ function mn() {
         value: Xe
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function m(o, S, E, T, Ie, Xe) {
+    function p(o, S, E, T, Ie, Xe) {
       var k = S.children;
       if (k !== void 0)
         if (T)
           if (He(k)) {
             for (T = 0; T < k.length; T++)
-              f(k[T]);
+              h(k[T]);
             Object.freeze && Object.freeze(k);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else f(k);
-      if (G.call(S, "key")) {
+        else h(k);
+      if (Y.call(S, "key")) {
         k = e(o);
         var ne = Object.keys(S).filter(function(Hr) {
           return Hr !== "key";
@@ -238,27 +238,27 @@ React keys must be passed directly to JSX without using spread:
         Xe
       );
     }
-    function f(o) {
-      h(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === C && (o._payload.status === "fulfilled" ? h(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
-    }
     function h(o) {
+      d(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === C && (o._payload.status === "fulfilled" ? d(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+    }
+    function d(o) {
       return typeof o == "object" && o !== null && o.$$typeof === _;
     }
-    var p = Zr, _ = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), A = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), Q = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), re = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), j = Symbol.for("react.client.reference"), M = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, He = Array.isArray, Je = console.createTask ? console.createTask : function() {
+    var m = Zr, _ = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), A = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), re = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), j = Symbol.for("react.client.reference"), M = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, He = Array.isArray, Je = console.createTask ? console.createTask : function() {
       return null;
     };
-    p = {
+    m = {
       react_stack_bottom_frame: function(o) {
         return o();
       }
     };
-    var kt, Ct = {}, It = p.react_stack_bottom_frame.bind(
-      p,
+    var kt, Ct = {}, It = m.react_stack_bottom_frame.bind(
+      m,
       i
     )(), Ot = Je(n(i)), jt = {};
-    ce.Fragment = w, ce.jsx = function(o, S, E) {
+    de.Fragment = w, de.jsx = function(o, S, E) {
       var T = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return m(
+      return p(
         o,
         S,
         E,
@@ -266,9 +266,9 @@ React keys must be passed directly to JSX without using spread:
         T ? Error("react-stack-top-frame") : It,
         T ? Je(n(o)) : Ot
       );
-    }, ce.jsxs = function(o, S, E) {
+    }, de.jsxs = function(o, S, E) {
       var T = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return m(
+      return p(
         o,
         S,
         E,
@@ -277,7 +277,7 @@ React keys must be passed directly to JSX without using spread:
         T ? Je(n(o)) : Ot
       );
     };
-  })()), ce;
+  })()), de;
 }
 var Nt;
 function pn() {
@@ -405,7 +405,7 @@ var _n = (e, t, r) => Object.defineProperty(e, t, { value: r, writable: !0, conf
   num: (e) => typeof e == "number",
   und: (e) => e === void 0
 };
-function Y(e, t) {
+function W(e, t) {
   if (c.arr(e)) {
     if (!c.arr(t) || e.length !== t.length) return !1;
     for (let r = 0; r < e.length; r++)
@@ -415,7 +415,7 @@ function Y(e, t) {
   return e === t;
 }
 var x = (e, t) => e.forEach(t);
-function L(e, t, r) {
+function Q(e, t, r) {
   if (c.arr(e)) {
     for (let n = 0; n < e.length; n++)
       t.call(r, e[n], `${n}`);
@@ -425,21 +425,21 @@ function L(e, t, r) {
     e.hasOwnProperty(n) && t.call(r, e[n], n);
 }
 var F = (e) => c.und(e) ? [] : c.arr(e) ? e : [e];
-function ge(e, t) {
+function ve(e, t) {
   if (e.size) {
     const r = Array.from(e);
     e.clear(), x(r, t);
   }
 }
-var pe = (e, ...t) => ge(e, (r) => r(...t)), bt = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), wt, _r, Z = null, br = !1, Rt = at, bn = (e) => {
+var ge = (e, ...t) => ve(e, (r) => r(...t)), bt = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), wt, _r, Z = null, br = !1, Rt = at, bn = (e) => {
   e.to && (_r = e.to), e.now && (b.now = e.now), e.colors !== void 0 && (Z = e.colors), e.skipAnimation != null && (br = e.skipAnimation), e.createStringInterpolator && (wt = e.createStringInterpolator), e.requestAnimationFrame && b.use(e.requestAnimationFrame), e.batchedUpdates && (b.batchedUpdates = e.batchedUpdates), e.willAdvance && (Rt = e.willAdvance), e.frameLoop && (b.frameLoop = e.frameLoop);
-}, ve = /* @__PURE__ */ new Set(), N = [], Ke = [], $e = 0, ze = {
+}, ye = /* @__PURE__ */ new Set(), N = [], Ke = [], $e = 0, ze = {
   get idle() {
-    return !ve.size && !N.length;
+    return !ye.size && !N.length;
   },
   /** Advance the given animation on every frame until idle. */
   start(e) {
-    $e > e.priority ? (ve.add(e), b.onStart(wn)) : (wr(e), b(ot));
+    $e > e.priority ? (ye.add(e), b.onStart(wn)) : (wr(e), b(ot));
   },
   /** Advance all animations by the given time. */
   advance: ot,
@@ -458,11 +458,11 @@ var pe = (e, ...t) => ge(e, (r) => r(...t)), bt = () => typeof window > "u" || !
    * ☠️ Never call this from within the frameloop.
    */
   clear() {
-    N = [], ve.clear();
+    N = [], ye.clear();
   }
 };
 function wn() {
-  ve.forEach(wr), ve.clear(), b(ot);
+  ye.forEach(wr), ye.clear(), b(ot);
 }
 function wr(e) {
   N.includes(e) || Rr(e);
@@ -715,35 +715,35 @@ function qt(e) {
   const r = (t & 4278190080) >>> 24, n = (t & 16711680) >>> 16, s = (t & 65280) >>> 8, i = (t & 255) / 255;
   return `rgba(${r}, ${n}, ${s}, ${i})`;
 }
-var be = (e, t, r) => {
+var we = (e, t, r) => {
   if (c.fun(e))
     return e;
   if (c.arr(e))
-    return be({
+    return we({
       range: e,
       output: t,
       extrapolate: r
     });
   if (c.str(e.output[0]))
     return wt(e);
-  const n = e, s = n.output, i = n.range || [0, 1], a = n.extrapolateLeft || n.extrapolate || "extend", u = n.extrapolateRight || n.extrapolate || "extend", d = n.easing || ((l) => l);
+  const n = e, s = n.output, i = n.range || [0, 1], a = n.extrapolateLeft || n.extrapolate || "extend", u = n.extrapolateRight || n.extrapolate || "extend", f = n.easing || ((l) => l);
   return (l) => {
-    const m = Fn(l, i);
+    const p = Fn(l, i);
     return jn(
       l,
-      i[m],
-      i[m + 1],
-      s[m],
-      s[m + 1],
-      d,
+      i[p],
+      i[p + 1],
+      s[p],
+      s[p + 1],
+      f,
       a,
       u,
       n.map
     );
   };
 };
-function jn(e, t, r, n, s, i, a, u, d) {
-  let l = d ? d(e) : e;
+function jn(e, t, r, n, s, i, a, u, f) {
+  let l = f ? f(e) : e;
   if (l < t) {
     if (a === "identity") return l;
     a === "clamp" && (l = t);
@@ -761,11 +761,11 @@ function Fn(e, t) {
 }
 var Vn = {
   linear: (e) => e
-}, we = Symbol.for("FluidValue.get"), oe = Symbol.for("FluidValue.observers"), V = (e) => !!(e && e[we]), O = (e) => e && e[we] ? e[we]() : e, Mt = (e) => e[oe] || null;
+}, Re = Symbol.for("FluidValue.get"), oe = Symbol.for("FluidValue.observers"), V = (e) => !!(e && e[Re]), O = (e) => e && e[Re] ? e[Re]() : e, Mt = (e) => e[oe] || null;
 function Nn(e, t) {
   e.eventObserved ? e.eventObserved(t) : e(t);
 }
-function Re(e, t) {
+function Se(e, t) {
   const r = e[oe];
   r && r.forEach((n) => {
     Nn(n, t);
@@ -777,15 +777,15 @@ var Sr = class {
       throw Error("Unknown getter");
     $n(this, e);
   }
-}, $n = (e, t) => xr(e, we, t);
-function ue(e, t) {
-  if (e[we]) {
+}, $n = (e, t) => xr(e, Re, t);
+function le(e, t) {
+  if (e[Re]) {
     let r = e[oe];
     r || xr(e, oe, r = /* @__PURE__ */ new Set()), r.has(t) || (r.add(t), e.observerAdded && e.observerAdded(r.size, t));
   }
   return t;
 }
-function Se(e, t) {
+function xe(e, t) {
   const r = e[oe];
   if (r && r.has(t)) {
     const n = r.size - 1;
@@ -833,11 +833,11 @@ var xr = (e, t, r) => Object.defineProperty(e, t, {
       return u[a];
     })
   ).map(
-    (i) => be({ ...e, output: i })
+    (i) => we({ ...e, output: i })
   );
   return (i) => {
-    var d;
-    const a = !zt.test(t[0]) && ((d = t.find((l) => zt.test(l))) == null ? void 0 : d.replace(Ve, ""));
+    var f;
+    const a = !zt.test(t[0]) && ((f = t.find((l) => zt.test(l))) == null ? void 0 : f.replace(Ve, ""));
     let u = 0;
     return t[0].replace(
       Ve,
@@ -868,8 +868,8 @@ function Ge(e) {
   return c.str(e) && (e[0] == "#" || /\d/.test(e) || // Do not identify a CSS variable as an AnimatedString if its SSR
   !bt() && Qe.test(e) || e in (Z || {}));
 }
-var xt = bt() ? Te : Kr, Yn = () => {
-  const e = W(!1);
+var xt = bt() ? ue : Kr, Yn = () => {
+  const e = L(!1);
   return xt(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
@@ -880,14 +880,14 @@ function Tr() {
     t.current && e(Math.random());
   };
 }
-var kr = (e) => Te(e, Wn), Wn = [];
+var kr = (e) => ue(e, Wn), Wn = [];
 function Lt(e) {
-  const t = W(void 0);
-  return Te(() => {
+  const t = L(void 0);
+  return ue(() => {
     t.current = e;
   }), t.current;
 }
-var xe = Symbol.for("Animated:node"), Bn = (e) => !!e && e[xe] === e, z = (e) => e && e[xe], At = (e, t) => _n(e, xe, t), Ye = (e) => e && e[xe] && e[xe].getPayload(), Cr = class {
+var Ae = Symbol.for("Animated:node"), Bn = (e) => !!e && e[Ae] === e, z = (e) => e && e[Ae], At = (e, t) => _n(e, Ae, t), Ye = (e) => e && e[Ae] && e[Ae].getPayload(), Cr = class {
   constructor() {
     At(this, this);
   }
@@ -918,7 +918,7 @@ var xe = Symbol.for("Animated:node"), Bn = (e) => !!e && e[xe] === e, z = (e) =>
   }
 }, Ue = class Or extends We {
   constructor(t) {
-    super(0), this._string = null, this._toString = be({
+    super(0), this._string = null, this._toString = we({
       output: [t, t]
     });
   }
@@ -942,7 +942,7 @@ var xe = Symbol.for("Animated:node"), Bn = (e) => !!e && e[xe] === e, z = (e) =>
     return !0;
   }
   reset(t) {
-    t && (this._toString = be({
+    t && (this._toString = we({
       output: [this.getValue(), t]
     })), this._value = 0, super.reset();
   }
@@ -952,7 +952,7 @@ var xe = Symbol.for("Animated:node"), Bn = (e) => !!e && e[xe] === e, z = (e) =>
   }
   getValue(e) {
     const t = {};
-    return L(this.source, (r, n) => {
+    return Q(this.source, (r, n) => {
       Bn(r) ? t[n] = r.getValue(e) : V(r) ? t[n] = O(r) : e || (t[n] = r);
     }), t;
   }
@@ -967,7 +967,7 @@ var xe = Symbol.for("Animated:node"), Bn = (e) => !!e && e[xe] === e, z = (e) =>
   _makePayload(e) {
     if (e) {
       const t = /* @__PURE__ */ new Set();
-      return L(e, this._addToPayload, t), Array.from(t);
+      return Q(e, this._addToPayload, t), Array.from(t);
     }
   }
   /** Add to a payload set. */
@@ -1006,29 +1006,29 @@ var Qt = (e, t) => {
     !c.fun(e) || e.prototype && e.prototype.isReactComponent
   );
   return en((n, s) => {
-    const i = W(null), a = r && // eslint-disable-next-line react-hooks/rules-of-hooks
+    const i = L(null), a = r && // eslint-disable-next-line react-hooks/rules-of-hooks
     tn(
       (_) => {
         i.current = Kn(s, _);
       },
       [s]
-    ), [u, d] = Zn(n, t), l = Tr(), m = () => {
+    ), [u, f] = Zn(n, t), l = Tr(), p = () => {
       const _ = i.current;
       if (r && !_)
         return;
       (_ ? t.applyAnimatedValues(_, u.getValue(!0)) : !1) === !1 && l();
-    }, f = new Xn(m, d), h = W(void 0);
-    xt(() => (h.current = f, x(d, (_) => ue(_, f)), () => {
-      h.current && (x(
-        h.current.deps,
-        (_) => Se(_, h.current)
-      ), b.cancel(h.current.update));
-    })), Te(m, []), kr(() => () => {
-      const _ = h.current;
-      x(_.deps, (v) => Se(v, _));
+    }, h = new Xn(p, f), d = L(void 0);
+    xt(() => (d.current = h, x(f, (_) => le(_, h)), () => {
+      d.current && (x(
+        d.current.deps,
+        (_) => xe(_, d.current)
+      ), b.cancel(d.current.update));
+    })), ue(p, []), kr(() => () => {
+      const _ = d.current;
+      x(_.deps, (v) => xe(v, _));
     });
-    const p = t.getComponentProps(u.getValue());
-    return /* @__PURE__ */ cr.createElement(e, { ...p, ref: a });
+    const m = t.getComponentProps(u.getValue());
+    return /* @__PURE__ */ cr.createElement(e, { ...m, ref: a });
   });
 }, Xn = class {
   constructor(e, t) {
@@ -1061,7 +1061,7 @@ var Gt = Symbol.for("AnimatedComponent"), es = (e, {
     const u = Yt(a) || "Anonymous";
     return c.str(a) ? a = i[a] || (i[a] = Qt(a, s)) : a = a[Gt] || (a[Gt] = Qt(a, s)), a.displayName = `Animated(${u})`, a;
   };
-  return L(e, (a, u) => {
+  return Q(e, (a, u) => {
     c.arr(e) && (u = Yt(a)), i[u] = i(a);
   }), {
     animated: i
@@ -1070,7 +1070,7 @@ var Gt = Symbol.for("AnimatedComponent"), es = (e, {
 function ee(e, ...t) {
   return c.fun(e) ? e(...t) : e;
 }
-var ye = (e, t) => e === !0 || !!(t && e && (c.fun(e) ? e(t) : F(e).includes(t))), Fr = (e, t) => c.obj(e) ? t && e[t] : e, Vr = (e, t) => e.default === !0 ? e[t] : e.default ? e.default[t] : void 0, ts = (e) => e, Pt = (e, t = ts) => {
+var _e = (e, t) => e === !0 || !!(t && e && (c.fun(e) ? e(t) : F(e).includes(t))), Fr = (e, t) => c.obj(e) ? t && e[t] : e, Vr = (e, t) => e.default === !0 ? e[t] : e.default ? e.default[t] : void 0, ts = (e) => e, Pt = (e, t = ts) => {
   let r = rs;
   e.default && e.default !== !0 && (e = e.default, r = Object.keys(e));
   const n = {};
@@ -1126,7 +1126,7 @@ var ye = (e, t) => e === !0 || !!(t && e && (c.fun(e) ? e(t) : F(e).includes(t))
 function ss(e) {
   const t = {};
   let r = 0;
-  if (L(e, (n, s) => {
+  if (Q(e, (n, s) => {
     ns[s] || (t[s] = n, r++);
   }), r)
     return t;
@@ -1135,12 +1135,12 @@ function Nr(e) {
   const t = ss(e);
   if (t) {
     const r = { to: t };
-    return L(e, (n, s) => s in t || (r[s] = n)), r;
+    return Q(e, (n, s) => s in t || (r[s] = n)), r;
   }
   return { ...e };
 }
-function Ae(e) {
-  return e = O(e), c.arr(e) ? e.map(Ae) : Ge(e) ? q.createStringInterpolator({
+function Pe(e) {
+  return e = O(e), c.arr(e) ? e.map(Pe) : Ge(e) ? q.createStringInterpolator({
     range: [0, 1],
     output: [e, e]
   })(1) : e;
@@ -1196,24 +1196,24 @@ var Bt = [], ds = class {
 };
 function $r(e, { key: t, props: r, defaultProps: n, state: s, actions: i }) {
   return new Promise((a, u) => {
-    let d, l, m = ye(r.cancel ?? (n == null ? void 0 : n.cancel), t);
-    if (m)
-      p();
+    let f, l, p = _e(r.cancel ?? (n == null ? void 0 : n.cancel), t);
+    if (p)
+      m();
     else {
-      c.und(r.pause) || (s.paused = ye(r.pause, t));
+      c.und(r.pause) || (s.paused = _e(r.pause, t));
       let _ = n == null ? void 0 : n.pause;
-      _ !== !0 && (_ = s.paused || ye(_, t)), d = ee(r.delay || 0, t), _ ? (s.resumeQueue.add(h), i.pause()) : (i.resume(), h());
-    }
-    function f() {
-      s.resumeQueue.add(h), s.timeouts.delete(l), l.cancel(), d = l.time - b.now();
+      _ !== !0 && (_ = s.paused || _e(_, t)), f = ee(r.delay || 0, t), _ ? (s.resumeQueue.add(d), i.pause()) : (i.resume(), d());
     }
     function h() {
-      d > 0 && !q.skipAnimation ? (s.delayed = !0, l = b.setTimeout(p, d), s.pauseQueue.add(f), s.timeouts.add(l)) : p();
+      s.resumeQueue.add(d), s.timeouts.delete(l), l.cancel(), f = l.time - b.now();
+    }
+    function d() {
+      f > 0 && !q.skipAnimation ? (s.delayed = !0, l = b.setTimeout(m, f), s.pauseQueue.add(h), s.timeouts.add(l)) : m();
     }
-    function p() {
-      s.delayed && (s.delayed = !1), s.pauseQueue.delete(f), s.timeouts.delete(l), e <= (s.cancelId || 0) && (m = !0);
+    function m() {
+      s.delayed && (s.delayed = !1), s.pauseQueue.delete(h), s.timeouts.delete(l), e <= (s.cancelId || 0) && (p = !0);
       try {
-        i.start({ ...r, callId: e, cancel: m }, a);
+        i.start({ ...r, callId: e, cancel: p }, a);
       } catch (_) {
         u(_);
       }
@@ -1238,8 +1238,8 @@ var Et = (e, t) => t.length == 1 ? t[0] : t.some((r) => r.cancelled) ? ae(e.get(
   finished: !1
 });
 function Ur(e, t, r, n) {
-  const { callId: s, parentId: i, onRest: a } = t, { asyncTo: u, promise: d } = r;
-  return !i && e === u && !t.reset ? d : r.promise = (async () => {
+  const { callId: s, parentId: i, onRest: a } = t, { asyncTo: u, promise: f } = r;
+  return !i && e === u && !t.reset ? f : r.promise = (async () => {
     r.asyncId = s, r.asyncTo = e;
     const l = Pt(
       t,
@@ -1248,42 +1248,42 @@ function Ur(e, t, r, n) {
         g === "onRest" ? void 0 : w
       )
     );
-    let m, f;
-    const h = new Promise(
-      (w, g) => (m = w, f = g)
-    ), p = (w) => {
+    let p, h;
+    const d = new Promise(
+      (w, g) => (p = w, h = g)
+    ), m = (w) => {
       const g = (
         // The `cancel` prop or `stop` method was used.
         s <= (r.cancelId || 0) && ae(n) || // The async `to` prop was replaced.
         s !== r.asyncId && $(n, !1)
       );
       if (g)
-        throw w.result = g, f(w), w;
+        throw w.result = g, h(w), w;
     }, _ = (w, g) => {
       const R = new Ht(), y = new Jt();
       return (async () => {
         if (q.skipAnimation)
-          throw Pe(r), y.result = $(n, !1), f(y), y;
-        p(R);
+          throw Ee(r), y.result = $(n, !1), h(y), y;
+        m(R);
         const A = c.obj(w) ? { ...w } : { ...g, to: w };
-        A.parentId = s, L(l, (Q, I) => {
-          c.und(A[I]) && (A[I] = Q);
+        A.parentId = s, Q(l, (G, I) => {
+          c.und(A[I]) && (A[I] = G);
         });
         const P = await n.start(A);
-        return p(R), r.paused && await new Promise((Q) => {
-          r.resumeQueue.add(Q);
+        return m(R), r.paused && await new Promise((G) => {
+          r.resumeQueue.add(G);
         }), P;
       })();
     };
     let v;
     if (q.skipAnimation)
-      return Pe(r), $(n, !1);
+      return Ee(r), $(n, !1);
     try {
       let w;
       c.arr(e) ? w = (async (g) => {
         for (const R of g)
           await _(R);
-      })(e) : w = Promise.resolve(e(_, n.stop.bind(n))), await Promise.all([w.then(m), h]), v = $(n.get(), !0, !1);
+      })(e) : w = Promise.resolve(e(_, n.stop.bind(n))), await Promise.all([w.then(p), d]), v = $(n.get(), !0, !1);
     } catch (w) {
       if (w instanceof Ht)
         v = w.result;
@@ -1292,15 +1292,15 @@ function Ur(e, t, r, n) {
       else
         throw w;
     } finally {
-      s == r.asyncId && (r.asyncId = i, r.asyncTo = i ? u : void 0, r.promise = i ? d : void 0);
+      s == r.asyncId && (r.asyncId = i, r.asyncTo = i ? u : void 0, r.promise = i ? f : void 0);
     }
     return c.fun(a) && b.batchedUpdates(() => {
       a(v, n, n.item);
     }), v;
   })();
 }
-function Pe(e, t) {
-  ge(e.timeouts, (r) => r.cancel()), e.pauseQueue.clear(), e.resumeQueue.clear(), e.asyncId = e.asyncTo = e.promise = void 0, t && (e.cancelId = t);
+function Ee(e, t) {
+  ve(e.timeouts, (r) => r.cancel()), e.pauseQueue.clear(), e.resumeQueue.clear(), e.asyncId = e.asyncTo = e.promise = void 0, t && (e.cancelId = t);
 }
 var Ht = class extends Error {
   constructor() {
@@ -1352,7 +1352,7 @@ var Ht = class extends Error {
   }
   /** Tell our children about our new value */
   _onChange(e, t = !1) {
-    Re(this, {
+    Se(this, {
       type: "change",
       parent: this,
       value: e,
@@ -1361,13 +1361,13 @@ var Ht = class extends Error {
   }
   /** Tell our children about our new priority */
   _onPriorityChange(e) {
-    this.idle || ze.sort(this), Re(this, {
+    this.idle || ze.sort(this), Se(this, {
       type: "priority",
       parent: this,
       priority: e
     });
   }
-}, te = Symbol.for("SpringPhase"), qr = 1, ft = 2, ht = 4, rt = (e) => (e[te] & qr) > 0, H = (e) => (e[te] & ft) > 0, de = (e) => (e[te] & ht) > 0, Xt = (e, t) => t ? e[te] |= ft | qr : e[te] &= ~ft, Zt = (e, t) => t ? e[te] |= ht : e[te] &= ~ht, hs = class extends Tt {
+}, te = Symbol.for("SpringPhase"), qr = 1, ft = 2, ht = 4, rt = (e) => (e[te] & qr) > 0, H = (e) => (e[te] & ft) > 0, fe = (e) => (e[te] & ht) > 0, Xt = (e, t) => t ? e[te] |= ft | qr : e[te] &= ~ft, Zt = (e, t) => t ? e[te] |= ht : e[te] &= ~ht, hs = class extends Tt {
   constructor(e, t) {
     if (super(), this.animation = new ds(), this.defaultProps = {}, this._state = {
       paused: !1,
@@ -1382,7 +1382,7 @@ var Ht = class extends Error {
   }
   /** Equals true when not advancing on each frame. */
   get idle() {
-    return !(H(this) || this._state.asyncTo) || de(this);
+    return !(H(this) || this._state.asyncTo) || fe(this);
   }
   get goal() {
     return O(this.animation.to);
@@ -1408,7 +1408,7 @@ var Ht = class extends Error {
    * When true, all current and future animations are paused.
    */
   get isPaused() {
-    return de(this);
+    return fe(this);
   }
   /**
    *
@@ -1423,50 +1423,50 @@ var Ht = class extends Error {
     const n = this.animation;
     let { toValues: s } = n;
     const { config: i } = n, a = Ye(n.to);
-    !a && V(n.to) && (s = F(O(n.to))), n.values.forEach((l, m) => {
+    !a && V(n.to) && (s = F(O(n.to))), n.values.forEach((l, p) => {
       if (l.done) return;
-      const f = (
+      const h = (
         // Animated strings always go from 0 to 1.
-        l.constructor == Ue ? 1 : a ? a[m].lastPosition : s[m]
+        l.constructor == Ue ? 1 : a ? a[p].lastPosition : s[p]
       );
-      let h = n.immediate, p = f;
-      if (!h) {
-        if (p = l.lastPosition, i.tension <= 0) {
+      let d = n.immediate, m = h;
+      if (!d) {
+        if (m = l.lastPosition, i.tension <= 0) {
           l.done = !0;
           return;
         }
         let _ = l.elapsedTime += e;
-        const v = n.fromValues[m], w = l.v0 != null ? l.v0 : l.v0 = c.arr(i.velocity) ? i.velocity[m] : i.velocity;
+        const v = n.fromValues[p], w = l.v0 != null ? l.v0 : l.v0 = c.arr(i.velocity) ? i.velocity[p] : i.velocity;
         let g;
-        const R = i.precision || (v == f ? 5e-3 : Math.min(1, Math.abs(f - v) * 1e-3));
+        const R = i.precision || (v == h ? 5e-3 : Math.min(1, Math.abs(h - v) * 1e-3));
         if (c.und(i.duration))
           if (i.decay) {
             const y = i.decay === !0 ? 0.998 : i.decay, A = Math.exp(-(1 - y) * _);
-            p = v + w / (1 - y) * (1 - A), h = Math.abs(l.lastPosition - p) <= R, g = w * A;
+            m = v + w / (1 - y) * (1 - A), d = Math.abs(l.lastPosition - m) <= R, g = w * A;
           } else {
             g = l.lastVelocity == null ? w : l.lastVelocity;
-            const y = i.restVelocity || R / 10, A = i.clamp ? 0 : i.bounce, P = !c.und(A), Q = v == f ? l.v0 > 0 : v < f;
+            const y = i.restVelocity || R / 10, A = i.clamp ? 0 : i.bounce, P = !c.und(A), G = v == h ? l.v0 > 0 : v < h;
             let I, re = !1;
             const C = 1, K = Math.ceil(e / C);
-            for (let j = 0; j < K && (I = Math.abs(g) > y, !(!I && (h = Math.abs(f - p) <= R, h))); ++j) {
-              P && (re = p == f || p > f == Q, re && (g = -g * A, p = f));
-              const M = -i.tension * 1e-6 * (p - f), G = -i.friction * 1e-3 * g, He = (M + G) / i.mass;
-              g = g + He * C, p = p + g * C;
+            for (let j = 0; j < K && (I = Math.abs(g) > y, !(!I && (d = Math.abs(h - m) <= R, d))); ++j) {
+              P && (re = m == h || m > h == G, re && (g = -g * A, m = h));
+              const M = -i.tension * 1e-6 * (m - h), Y = -i.friction * 1e-3 * g, He = (M + Y) / i.mass;
+              g = g + He * C, m = m + g * C;
             }
           }
         else {
           let y = 1;
-          i.duration > 0 && (this._memoizedDuration !== i.duration && (this._memoizedDuration = i.duration, l.durationProgress > 0 && (l.elapsedTime = i.duration * l.durationProgress, _ = l.elapsedTime += e)), y = (i.progress || 0) + _ / this._memoizedDuration, y = y > 1 ? 1 : y < 0 ? 0 : y, l.durationProgress = y), p = v + i.easing(y) * (f - v), g = (p - l.lastPosition) / e, h = y == 1;
+          i.duration > 0 && (this._memoizedDuration !== i.duration && (this._memoizedDuration = i.duration, l.durationProgress > 0 && (l.elapsedTime = i.duration * l.durationProgress, _ = l.elapsedTime += e)), y = (i.progress || 0) + _ / this._memoizedDuration, y = y > 1 ? 1 : y < 0 ? 0 : y, l.durationProgress = y), m = v + i.easing(y) * (h - v), g = (m - l.lastPosition) / e, d = y == 1;
         }
-        l.lastVelocity = g, Number.isNaN(p) && (console.warn("Got NaN while animating:", this), h = !0);
+        l.lastVelocity = g, Number.isNaN(m) && (console.warn("Got NaN while animating:", this), d = !0);
       }
-      a && !a[m].done && (h = !1), h ? l.done = !0 : t = !1, l.setValue(p, i.round) && (r = !0);
+      a && !a[p].done && (d = !1), d ? l.done = !0 : t = !1, l.setValue(m, i.round) && (r = !0);
     });
-    const u = z(this), d = u.getValue();
+    const u = z(this), f = u.getValue();
     if (t) {
       const l = O(n.to);
-      (d !== l || r) && !i.decay ? (u.setValue(l), this._onChange(l)) : r && i.decay && this._onChange(d), this._stop();
-    } else r && this._onChange(d);
+      (f !== l || r) && !i.decay ? (u.setValue(l), this._onChange(l)) : r && i.decay && this._onChange(f), this._stop();
+    } else r && this._onChange(f);
   }
   /** Set the current value, while stopping the current animation */
   set(e) {
@@ -1512,7 +1512,7 @@ var Ht = class extends Error {
    */
   stop(e) {
     const { to: t } = this.animation;
-    return this._focus(this.get()), Pe(this._state, e && this._lastCallId), b.batchedUpdates(() => this._stop(t, e)), this;
+    return this._focus(this.get()), Ee(this._state, e && this._lastCallId), b.batchedUpdates(() => this._stop(t, e)), this;
   }
   /** Restart the animation. */
   reset() {
@@ -1544,7 +1544,7 @@ var Ht = class extends Error {
         e,
         (a, u) => /^on/.test(u) ? Fr(a, r) : a
       )
-    ), er(this, e, "onProps"), he(this, "onProps", e, this);
+    ), er(this, e, "onProps"), me(this, "onProps", e, this);
     const s = this._prepareNode(e);
     if (Object.isFrozen(this))
       throw Error(
@@ -1558,18 +1558,18 @@ var Ht = class extends Error {
       state: i,
       actions: {
         pause: () => {
-          de(this) || (Zt(this, !0), pe(i.pauseQueue), he(
+          fe(this) || (Zt(this, !0), ge(i.pauseQueue), me(
             this,
             "onPause",
-            $(this, fe(this, this.animation.to)),
+            $(this, he(this, this.animation.to)),
             this
           ));
         },
         resume: () => {
-          de(this) && (Zt(this, !1), H(this) && this._resume(), pe(i.resumeQueue), he(
+          fe(this) && (Zt(this, !1), H(this) && this._resume(), ge(i.resumeQueue), me(
             this,
             "onResume",
-            $(this, fe(this, this.animation.to)),
+            $(this, he(this, this.animation.to)),
             this
           ));
         },
@@ -1594,13 +1594,13 @@ var Ht = class extends Error {
         this._lastToId = t.callId;
       else
         return r(ae(this));
-    const { key: i, defaultProps: a, animation: u } = this, { to: d, from: l } = u;
-    let { to: m = d, from: f = l } = e;
-    s && !n && (!t.default || c.und(m)) && (m = f), t.reverse && ([m, f] = [f, m]);
-    const h = !Y(f, l);
-    h && (u.from = f), f = O(f);
-    const p = !Y(m, d);
-    p && this._focus(m);
+    const { key: i, defaultProps: a, animation: u } = this, { to: f, from: l } = u;
+    let { to: p = f, from: h = l } = e;
+    s && !n && (!t.default || c.und(p)) && (p = h), t.reverse && ([p, h] = [h, p]);
+    const d = !W(h, l);
+    d && (u.from = h), h = O(h);
+    const m = !W(p, f);
+    m && this._focus(p);
     const _ = lt(t.to), { config: v } = u, { decay: w, velocity: g } = v;
     (n || s) && (v.velocity = 0), t.config && !_ && cs(
       v,
@@ -1609,16 +1609,16 @@ var Ht = class extends Error {
       t.config !== a.config ? ee(a.config, i) : void 0
     );
     let R = z(this);
-    if (!R || c.und(m))
+    if (!R || c.und(p))
       return r($(this, !0));
     const y = (
       // When `reset` is undefined, the `from` prop implies `reset: true`,
       // except for declarative updates. When `reset` is defined, there
       // must exist a value to animate from.
-      c.und(t.reset) ? s && !t.default : !c.und(f) && ye(t.reset, i)
-    ), A = y ? f : this.get(), P = Ae(m), Q = c.num(P) || c.arr(P) || Ge(P), I = !_ && (!Q || ye(a.immediate || t.immediate, i));
-    if (p) {
-      const j = ut(m);
+      c.und(t.reset) ? s && !t.default : !c.und(h) && _e(t.reset, i)
+    ), A = y ? h : this.get(), P = Pe(p), G = c.num(P) || c.arr(P) || Ge(P), I = !_ && (!G || _e(a.immediate || t.immediate, i));
+    if (m) {
+      const j = ut(p);
       if (j !== R.constructor)
         if (I)
           R = this._set(P);
@@ -1628,21 +1628,21 @@ var Ht = class extends Error {
           );
     }
     const re = R.constructor;
-    let C = V(m), K = !1;
+    let C = V(p), K = !1;
     if (!C) {
-      const j = y || !rt(this) && h;
-      (p || j) && (K = Y(Ae(A), P), C = !K), (!Y(u.immediate, I) && !I || !Y(v.decay, w) || !Y(v.velocity, g)) && (C = !0);
+      const j = y || !rt(this) && d;
+      (m || j) && (K = W(Pe(A), P), C = !K), (!W(u.immediate, I) && !I || !W(v.decay, w) || !W(v.velocity, g)) && (C = !0);
     }
-    if (K && H(this) && (u.changed && !y ? C = !0 : C || this._stop(d)), !_ && ((C || V(d)) && (u.values = R.getPayload(), u.toValues = V(m) ? null : re == Ue ? [1] : F(P)), u.immediate != I && (u.immediate = I, !I && !y && this._set(d)), C)) {
+    if (K && H(this) && (u.changed && !y ? C = !0 : C || this._stop(f)), !_ && ((C || V(f)) && (u.values = R.getPayload(), u.toValues = V(p) ? null : re == Ue ? [1] : F(P)), u.immediate != I && (u.immediate = I, !I && !y && this._set(f)), C)) {
       const { onRest: j } = u;
-      x(ps, (G) => er(this, t, G));
-      const M = $(this, fe(this, d));
-      pe(this._pendingCalls, M), this._pendingCalls.add(r), u.changed && b.batchedUpdates(() => {
-        var G;
-        u.changed = !y, j == null || j(M, this), y ? ee(a.onRest, M) : (G = u.onStart) == null || G.call(u, M, this);
+      x(ps, (Y) => er(this, t, Y));
+      const M = $(this, he(this, f));
+      ge(this._pendingCalls, M), this._pendingCalls.add(r), u.changed && b.batchedUpdates(() => {
+        var Y;
+        u.changed = !y, j == null || j(M, this), y ? ee(a.onRest, M) : (Y = u.onStart) == null || Y.call(u, M, this);
       });
     }
-    y && this._set(A), _ ? r(Ur(t.to, t, this._state, this)) : C ? this._start() : H(this) && !p ? this._pendingCalls.add(r) : r(Dr(A));
+    y && this._set(A), _ ? r(Ur(t.to, t, this._state, this)) : C ? this._start() : H(this) && !m ? this._pendingCalls.add(r) : r(Dr(A));
   }
   /** Update the `animation.to` value, which might be a `FluidValue` */
   _focus(e) {
@@ -1652,11 +1652,11 @@ var Ht = class extends Error {
   _attach() {
     let e = 0;
     const { to: t } = this.animation;
-    V(t) && (ue(t, this), dt(t) && (e = t.priority + 1)), this.priority = e;
+    V(t) && (le(t, this), dt(t) && (e = t.priority + 1)), this.priority = e;
   }
   _detach() {
     const { to: e } = this.animation;
-    V(e) && Se(e, this);
+    V(e) && xe(e, this);
   }
   /**
    * Update the current value from outside the frameloop,
@@ -1666,7 +1666,7 @@ var Ht = class extends Error {
     const r = O(e);
     if (!c.und(r)) {
       const n = z(this);
-      if (!n || !Y(r, n.getValue())) {
+      if (!n || !W(r, n.getValue())) {
         const s = ut(r);
         !n || n.constructor != s ? At(this, s.create(r)) : n.setValue(r), n && b.batchedUpdates(() => {
           this._onChange(r, t);
@@ -1677,10 +1677,10 @@ var Ht = class extends Error {
   }
   _onStart() {
     const e = this.animation;
-    e.changed || (e.changed = !0, he(
+    e.changed || (e.changed = !0, me(
       this,
       "onStart",
-      $(this, fe(this, e.to)),
+      $(this, he(this, e.to)),
       this
     ));
   }
@@ -1692,7 +1692,7 @@ var Ht = class extends Error {
   // is added to the frameloop.
   _start() {
     const e = this.animation;
-    z(this).reset(O(e.to)), e.immediate || (e.fromValues = e.values.map((t) => t.lastPosition)), H(this) || (Xt(this, !0), de(this) || this._resume());
+    z(this).reset(O(e.to)), e.immediate || (e.fromValues = e.values.map((t) => t.lastPosition)), H(this) || (Xt(this, !0), fe(this) || this._resume());
   }
   _resume() {
     q.skipAnimation ? this.finish() : ze.start(this);
@@ -1708,24 +1708,24 @@ var Ht = class extends Error {
       const r = this.animation;
       x(r.values, (s) => {
         s.done = !0;
-      }), r.toValues && (r.onChange = r.onPause = r.onResume = void 0), Re(this, {
+      }), r.toValues && (r.onChange = r.onPause = r.onResume = void 0), Se(this, {
         type: "idle",
         parent: this
       });
-      const n = t ? ae(this.get()) : $(this.get(), fe(this, e ?? r.to));
-      pe(this._pendingCalls, n), r.changed && (r.changed = !1, he(this, "onRest", n, this));
+      const n = t ? ae(this.get()) : $(this.get(), he(this, e ?? r.to));
+      ge(this._pendingCalls, n), r.changed && (r.changed = !1, me(this, "onRest", n, this));
     }
   }
 };
-function fe(e, t) {
-  const r = Ae(t), n = Ae(e.get());
-  return Y(n, r);
+function he(e, t) {
+  const r = Pe(t), n = Pe(e.get());
+  return W(n, r);
 }
 function Mr(e, t = e.loop, r = e.to) {
   const n = ee(t);
   if (n) {
     const s = n !== !0 && Nr(n), i = (s || e).reverse, a = !s || s.reset;
-    return Ee({
+    return Te({
       ...e,
       loop: t,
       // Avoid updating default props when looping.
@@ -1745,16 +1745,16 @@ function Mr(e, t = e.loop, r = e.to) {
     });
   }
 }
-function Ee(e) {
+function Te(e) {
   const { to: t, from: r } = e = Nr(e), n = /* @__PURE__ */ new Set();
   return c.obj(t) && Kt(t, n), c.obj(r) && Kt(r, n), e.keys = n.size ? Array.from(n) : null, e;
 }
 function ms(e) {
-  const t = Ee(e);
+  const t = Te(e);
   return c.und(t.default) && (t.default = Pt(t)), t;
 }
 function Kt(e, t) {
-  L(e, (r, n) => r != null && t.add(n));
+  Q(e, (r, n) => r != null && t.add(n));
 }
 var ps = [
   "onStart",
@@ -1766,7 +1766,7 @@ var ps = [
 function er(e, t, r) {
   e.animation[r] = t[r] !== Vr(t, r) ? Fr(t[r], e.key) : void 0;
 }
-function he(e, t, ...r) {
+function me(e, t, ...r) {
   var n, s, i, a;
   (s = (n = e.animation)[t]) == null || s.call(n, ...r), (a = (i = e.defaultProps)[t]) == null || a.call(i, ...r);
 }
@@ -1810,7 +1810,7 @@ var gs = ["onStart", "onChange", "onRest"], vs = 1, ys = class {
   }
   /** Push an update onto the queue of each value. */
   update(e) {
-    return e && this.queue.push(Ee(e)), this;
+    return e && this.queue.push(Te(e)), this;
   }
   /**
    * Start the queued animations for every spring, and resolve the returned
@@ -1821,7 +1821,7 @@ var gs = ["onStart", "onChange", "onRest"], vs = 1, ys = class {
    */
   start(e) {
     let { queue: t } = this;
-    return e ? t = F(e).map(Ee) : this.queue = [], this._flush ? this._flush(this, t) : (Yr(this, t), mt(this, t));
+    return e ? t = F(e).map(Te) : this.queue = [], this._flush ? this._flush(this, t) : (Yr(this, t), mt(this, t));
   }
   /** @internal */
   stop(e, t) {
@@ -1829,7 +1829,7 @@ var gs = ["onStart", "onChange", "onRest"], vs = 1, ys = class {
       const r = this.springs;
       x(F(t), (n) => r[n].stop(!!e));
     } else
-      Pe(this._state, this._lastAsyncId), this.each((r) => r.stop(!!e));
+      Ee(this._state, this._lastAsyncId), this.each((r) => r.stop(!!e));
     return this;
   }
   /** Freeze the active animation in time */
@@ -1854,19 +1854,19 @@ var gs = ["onStart", "onChange", "onRest"], vs = 1, ys = class {
   }
   /** Call a function once per spring value */
   each(e) {
-    L(this.springs, e);
+    Q(this.springs, e);
   }
   /** @internal Called at the end of every animation frame */
   _onFrame() {
     const { onStart: e, onChange: t, onRest: r } = this._events, n = this._active.size > 0, s = this._changed.size > 0;
-    (n && !this._started || s && !this._started) && (this._started = !0, ge(e, ([u, d]) => {
-      d.value = this.get(), u(d, this, this._item);
+    (n && !this._started || s && !this._started) && (this._started = !0, ve(e, ([u, f]) => {
+      f.value = this.get(), u(f, this, this._item);
     }));
     const i = !n && this._started, a = s || i && r.size ? this.get() : null;
-    s && t.size && ge(t, ([u, d]) => {
-      d.value = a, u(d, this, this._item);
-    }), i && (this._started = !1, ge(r, ([u, d]) => {
-      d.value = a, u(d, this, this._item);
+    s && t.size && ve(t, ([u, f]) => {
+      f.value = a, u(f, this, this._item);
+    }), i && (this._started = !1, ve(r, ([u, f]) => {
+      f.value = a, u(f, this, this._item);
     }));
   }
   /** @internal */
@@ -1885,10 +1885,10 @@ function mt(e, t) {
   );
 }
 async function zr(e, t, r) {
-  const { keys: n, to: s, from: i, loop: a, onRest: u, onResolve: d } = t, l = c.obj(t.default) && t.default;
+  const { keys: n, to: s, from: i, loop: a, onRest: u, onResolve: f } = t, l = c.obj(t.default) && t.default;
   a && (t.loop = !1), s === !1 && (t.to = null), i === !1 && (t.from = null);
-  const m = c.arr(s) || c.fun(s) ? s : void 0;
-  m ? (t.to = void 0, t.onRest = void 0, l && (l.onRest = void 0)) : x(gs, (v) => {
+  const p = c.arr(s) || c.fun(s) ? s : void 0;
+  p ? (t.to = void 0, t.onRest = void 0, l && (l.onRest = void 0)) : x(gs, (v) => {
     const w = t[v];
     if (c.fun(w)) {
       const g = e._events[v];
@@ -1902,55 +1902,55 @@ async function zr(e, t, r) {
       }, l && (l[v] = t[v]);
     }
   });
-  const f = e._state;
-  t.pause === !f.paused ? (f.paused = t.pause, pe(t.pause ? f.pauseQueue : f.resumeQueue)) : f.paused && (t.pause = !0);
-  const h = (n || Object.keys(e.springs)).map(
+  const h = e._state;
+  t.pause === !h.paused ? (h.paused = t.pause, ge(t.pause ? h.pauseQueue : h.resumeQueue)) : h.paused && (t.pause = !0);
+  const d = (n || Object.keys(e.springs)).map(
     (v) => e.springs[v].start(t)
-  ), p = t.cancel === !0 || Vr(t, "cancel") === !0;
-  (m || p && f.asyncId) && h.push(
+  ), m = t.cancel === !0 || Vr(t, "cancel") === !0;
+  (p || m && h.asyncId) && d.push(
     $r(++e._lastAsyncId, {
       props: t,
-      state: f,
+      state: h,
       actions: {
         pause: at,
         resume: at,
         start(v, w) {
-          p ? (Pe(f, e._lastAsyncId), w(ae(e))) : (v.onRest = u, w(
+          m ? (Ee(h, e._lastAsyncId), w(ae(e))) : (v.onRest = u, w(
             Ur(
-              m,
+              p,
               v,
-              f,
+              h,
               e
             )
           ));
         }
       }
     })
-  ), f.paused && await new Promise((v) => {
-    f.resumeQueue.add(v);
+  ), h.paused && await new Promise((v) => {
+    h.resumeQueue.add(v);
   });
-  const _ = Et(e, await Promise.all(h));
+  const _ = Et(e, await Promise.all(d));
   if (a && _.finished && !(r && _.noop)) {
     const v = Mr(t, a, s);
     if (v)
       return Yr(e, [v]), zr(e, v, !0);
   }
-  return d && b.batchedUpdates(() => d(_, e, e.item)), _;
+  return f && b.batchedUpdates(() => f(_, e, e.item)), _;
 }
 function tr(e, t) {
   const r = { ...e.springs };
   return t && x(F(t), (n) => {
-    c.und(n.keys) && (n = Ee(n)), c.obj(n.to) || (n = { ...n, to: void 0 }), Gr(r, n, (s) => Qr(s));
+    c.und(n.keys) && (n = Te(n)), c.obj(n.to) || (n = { ...n, to: void 0 }), Gr(r, n, (s) => Qr(s));
   }), Lr(e, r), r;
 }
 function Lr(e, t) {
-  L(t, (r, n) => {
-    e.springs[n] || (e.springs[n] = r, ue(r, e));
+  Q(t, (r, n) => {
+    e.springs[n] || (e.springs[n] = r, le(r, e));
   });
 }
 function Qr(e, t) {
   const r = new hs();
-  return r.key = e, t && ue(r, t), r;
+  return r.key = e, t && le(r, t), r;
 }
 function Gr(e, t, r) {
   t.keys && x(t.keys, (n) => {
@@ -2015,10 +2015,10 @@ var _s = cr.createContext({
 function ws(e, t, r) {
   const n = c.fun(t) && t;
   n && !r && (r = []);
-  const s = me(
+  const s = pe(
     () => n || arguments.length == 3 ? bs() : void 0,
     []
-  ), i = W(0), a = Tr(), u = me(
+  ), i = L(0), a = Tr(), u = pe(
     () => ({
       ctrls: [],
       queue: [],
@@ -2032,35 +2032,35 @@ function ws(e, t, r) {
       }
     }),
     []
-  ), d = W([...u.ctrls]), l = W([]), m = Lt(e) || 0;
-  me(() => {
-    x(d.current.slice(e, m), (g) => {
+  ), f = L([...u.ctrls]), l = L([]), p = Lt(e) || 0;
+  pe(() => {
+    x(f.current.slice(e, p), (g) => {
       as(g, s), g.stop(!0);
-    }), d.current.length = e, f(m, e);
-  }, [e]), me(() => {
-    f(0, Math.min(m, e));
+    }), f.current.length = e, h(p, e);
+  }, [e]), pe(() => {
+    h(0, Math.min(p, e));
   }, r);
-  function f(g, R) {
+  function h(g, R) {
     for (let y = g; y < R; y++) {
-      const A = d.current[y] || (d.current[y] = new ys(null, u.flush)), P = n ? n(y, A) : t[y];
+      const A = f.current[y] || (f.current[y] = new ys(null, u.flush)), P = n ? n(y, A) : t[y];
       P && (l.current[y] = ms(P));
     }
   }
-  const h = d.current.map(
+  const d = f.current.map(
     (g, R) => tr(g, l.current[R])
-  ), p = dr(_s), _ = Lt(p), v = p !== _ && is(p);
+  ), m = dr(_s), _ = Lt(m), v = m !== _ && is(m);
   xt(() => {
-    i.current++, u.ctrls = d.current;
+    i.current++, u.ctrls = f.current;
     const { queue: g } = u;
-    g.length && (u.queue = [], x(g, (R) => R())), x(d.current, (R, y) => {
-      s == null || s.add(R), v && R.start({ default: p });
+    g.length && (u.queue = [], x(g, (R) => R())), x(f.current, (R, y) => {
+      s == null || s.add(R), v && R.start({ default: m });
       const A = l.current[y];
       A && (os(R, A.ref), R.ref ? R.queue.push(A) : R.start(A));
     });
   }), kr(() => () => {
     x(u.ctrls, (g) => g.stop(!0));
   });
-  const w = h.map((g) => ({ ...g }));
+  const w = d.map((g) => ({ ...g }));
   return s ? [w, s] : w;
 }
 function rr(e, t) {
@@ -2073,13 +2073,13 @@ function rr(e, t) {
 }
 var Rs = class extends Tt {
   constructor(e, t) {
-    super(), this.source = e, this.idle = !0, this._active = /* @__PURE__ */ new Set(), this.calc = be(...t);
+    super(), this.source = e, this.idle = !0, this._active = /* @__PURE__ */ new Set(), this.calc = we(...t);
     const r = this._get(), n = ut(r);
     At(this, n.create(r));
   }
   advance(e) {
     const t = this._get(), r = this.get();
-    Y(t, r) || (z(this).setValue(t), this._onChange(t, this.idle)), !this.idle && nr(this._active) && nt(this);
+    W(t, r) || (z(this).setValue(t), this._onChange(t, this.idle)), !this.idle && nr(this._active) && nt(this);
   }
   _get() {
     const e = c.arr(this.source) ? this.source.map(O) : F(O(this.source));
@@ -2094,13 +2094,13 @@ var Rs = class extends Tt {
   _attach() {
     let e = 1;
     x(F(this.source), (t) => {
-      V(t) && ue(t, this), dt(t) && (t.idle || this._active.add(t), e = Math.max(e, t.priority + 1));
+      V(t) && le(t, this), dt(t) && (t.idle || this._active.add(t), e = Math.max(e, t.priority + 1));
     }), this.priority = e, this._start();
   }
   // Stop observing our sources once we have no observers.
   _detach() {
     x(F(this.source), (e) => {
-      V(e) && Se(e, this);
+      V(e) && xe(e, this);
     }), this._active.clear(), nt(this);
   }
   /** @internal */
@@ -2120,7 +2120,7 @@ function nr(e) {
 function nt(e) {
   e.idle || (e.idle = !0, x(Ye(e), (t) => {
     t.done = !0;
-  }), Re(e, {
+  }), Se(e, {
     type: "idle",
     parent: e
   }));
@@ -2131,7 +2131,7 @@ q.assign({
 });
 var Wr = /^--/;
 function xs(e, t) {
-  return t == null || typeof t == "boolean" || t === "" ? "" : typeof t == "number" && t !== 0 && !Wr.test(e) && !(_e.hasOwnProperty(e) && _e[e]) ? t + "px" : ("" + t).trim();
+  return t == null || typeof t == "boolean" || t === "" ? "" : typeof t == "number" && t !== 0 && !Wr.test(e) && !(be.hasOwnProperty(e) && be[e]) ? t + "px" : ("" + t).trim();
 }
 var sr = {};
 function As(e, t) {
@@ -2143,26 +2143,26 @@ function As(e, t) {
     children: i,
     scrollTop: a,
     scrollLeft: u,
-    viewBox: d,
+    viewBox: f,
     ...l
-  } = t, m = Object.values(l), f = Object.keys(l).map(
-    (h) => r || e.hasAttribute(h) ? h : sr[h] || (sr[h] = h.replace(
+  } = t, p = Object.values(l), h = Object.keys(l).map(
+    (d) => r || e.hasAttribute(d) ? d : sr[d] || (sr[d] = d.replace(
       /([A-Z])/g,
       // Attributes are written in dash case
-      (p) => "-" + p.toLowerCase()
+      (m) => "-" + m.toLowerCase()
     ))
   );
   i !== void 0 && (e.textContent = i);
-  for (const h in s)
-    if (s.hasOwnProperty(h)) {
-      const p = xs(h, s[h]);
-      Wr.test(h) ? e.style.setProperty(h, p) : e.style[h] = p;
+  for (const d in s)
+    if (s.hasOwnProperty(d)) {
+      const m = xs(d, s[d]);
+      Wr.test(d) ? e.style.setProperty(d, m) : e.style[d] = m;
     }
-  f.forEach((h, p) => {
-    e.setAttribute(h, m[p]);
-  }), n !== void 0 && (e.className = n), a !== void 0 && (e.scrollTop = a), u !== void 0 && (e.scrollLeft = u), d !== void 0 && e.setAttribute("viewBox", d);
+  h.forEach((d, m) => {
+    e.setAttribute(d, p[m]);
+  }), n !== void 0 && (e.className = n), a !== void 0 && (e.scrollTop = a), u !== void 0 && (e.scrollLeft = u), f !== void 0 && e.setAttribute("viewBox", f);
 }
-var _e = {
+var be = {
   animationIterationCount: !0,
   borderImageOutset: !0,
   borderImageSlice: !0,
@@ -2206,7 +2206,7 @@ var _e = {
   strokeOpacity: !0,
   strokeWidth: !0
 }, Ps = (e, t) => e + t.charAt(0).toUpperCase() + t.substring(1), Es = ["Webkit", "Ms", "Moz", "O"];
-_e = Object.keys(_e).reduce((e, t) => (Es.forEach((r) => e[Ps(r, t)] = e[t]), e), _e);
+be = Object.keys(be).reduce((e, t) => (Es.forEach((r) => e[Ps(r, t)] = e[t]), e), be);
 var Ts = /^(matrix|translate|scale|rotate|skew)/, ks = /^(translate)/, Cs = /^(rotate|skew)/, st = (e, t) => c.num(e) && e !== 0 ? e + t : e, Ne = (e, t) => c.arr(e) ? e.every((r) => Ne(r, t)) : c.num(e) ? e === t : parseFloat(e) === t, Is = class extends Be {
   constructor({ x: e, y: t, z: r, ...n }) {
     const s = [], i = [];
@@ -2214,18 +2214,18 @@ var Ts = /^(matrix|translate|scale|rotate|skew)/, ks = /^(translate)/, Cs = /^(r
       `translate3d(${a.map((u) => st(u, "px")).join(",")})`,
       // prettier-ignore
       Ne(a, 0)
-    ])), L(n, (a, u) => {
+    ])), Q(n, (a, u) => {
       if (u === "transform")
-        s.push([a || ""]), i.push((d) => [d, d === ""]);
+        s.push([a || ""]), i.push((f) => [f, f === ""]);
       else if (Ts.test(u)) {
         if (delete n[u], c.und(a)) return;
-        const d = ks.test(u) ? "px" : Cs.test(u) ? "deg" : "";
+        const f = ks.test(u) ? "px" : Cs.test(u) ? "deg" : "";
         s.push(F(a)), i.push(
-          u === "rotate3d" ? ([l, m, f, h]) => [
-            `rotate3d(${l},${m},${f},${st(h, d)})`,
-            Ne(h, 0)
+          u === "rotate3d" ? ([l, p, h, d]) => [
+            `rotate3d(${l},${p},${h},${st(d, f)})`,
+            Ne(d, 0)
           ] : (l) => [
-            `${u}(${l.map((m) => st(m, d)).join(",")})`,
+            `${u}(${l.map((p) => st(p, f)).join(",")})`,
             Ne(l, u.startsWith("scale") ? 1 : 0)
           ]
         );
@@ -2254,7 +2254,7 @@ var Ts = /^(matrix|translate|scale|rotate|skew)/, ks = /^(translate)/, Cs = /^(r
       this.inputs,
       (t) => x(
         t,
-        (r) => V(r) && ue(r, this)
+        (r) => V(r) && le(r, this)
       )
     );
   }
@@ -2264,12 +2264,12 @@ var Ts = /^(matrix|translate|scale|rotate|skew)/, ks = /^(translate)/, Cs = /^(r
       this.inputs,
       (t) => x(
         t,
-        (r) => V(r) && Se(r, this)
+        (r) => V(r) && xe(r, this)
       )
     );
   }
   eventObserved(e) {
-    e.type == "change" && (this._value = null), Re(this, e);
+    e.type == "change" && (this._value = null), Se(this, e);
   }
 }, js = [
   "a",
@@ -2419,7 +2419,7 @@ var Fs = es(js, {
   getComponentProps: ({ scrollTop: e, scrollLeft: t, ...r }) => r
 }), ir = Fs.animated;
 const Br = rn({}), Vs = ({ children: e }) => {
-  const { app: t } = nn(), r = me(() => {
+  const { app: t } = nn(), r = pe(() => {
     if (!t || !t.renderer) return null;
     const n = new fr();
     n.setFillStyle({
@@ -2471,12 +2471,12 @@ const Ds = ({
   cellHeight: n,
   gridDepth: s
 }) => {
-  const i = dr(Br), a = W(null), u = W(null);
-  Te(() => {
+  const i = dr(Br), a = L(null), u = L(null);
+  ue(() => {
     a.current && (u.current = new $s(
       i,
       a.current
-    ), d(
+    ), f(
       0,
       0,
       r,
@@ -2490,23 +2490,23 @@ const Ds = ({
     var l;
     (l = u.current) == null || l.updateAll();
   });
-  const d = (l, m, f, h, p, _, v, w) => {
+  const f = (l, p, h, d, m, _, v, w) => {
     var g;
     for (let R = 0; R < _; R++)
-      for (let y = 0; y < p; y++) {
-        const A = l + y * f, P = m + R * h;
+      for (let y = 0; y < m; y++) {
+        const A = l + y * h, P = p + R * d;
         v <= 0 || Math.random() > 0.7 && v < s ? Math.random() > 0.1 && ((g = u.current) == null || g.add(
           A,
           P,
-          f - 1,
           h - 1,
+          d - 1,
           v
-        )) : d(
+        )) : f(
           A,
           P,
-          f / p,
-          h / _,
-          p,
+          h / m,
+          d / _,
+          m,
           _,
           v - 1
         );
@@ -2559,28 +2559,36 @@ const Ds = ({
 );
 an({ ParticleContainer: dn, Particle: hr, Texture: cn, Container: ln, Sprite: un, Graphics: fr });
 const ar = 2, or = 2, ur = 225, lr = 225, Ms = 5, Ws = () => {
-  const [e, t] = Fe(!1), [r, n] = Fe(0), [s, i] = Fe(0), a = rr({
+  const e = L(null), [t, r] = Fe(!1), [n, s] = Fe(0), [i, a] = Fe(0), u = rr({
     from: { rotate: 0 },
-    to: { rotate: s * -360 },
-    config: { duration: 500, easing: (f) => 1 - Math.pow(1 - f, 3) }
-    // 1 second linear spin
-  }), u = rr({
-    opacity: e ? 1 : 0,
-    scale: e ? 1 : 0.5,
+    to: { rotate: i * -360 },
+    config: { duration: 500, easing: (d) => 1 - Math.pow(1 - d, 3) }
+  }), f = rr({
+    opacity: t ? 1 : 0,
+    scale: t ? 1 : 0.5,
     config: { tension: 150, friction: 14 }
-  }), d = ir(qs), l = ir("button"), m = () => {
-    n((f) => f + 1), i((f) => f + 1);
+  }), l = ir(qs), p = ir("button"), h = () => {
+    s((d) => d + 1), a((d) => d + 1);
   };
-  return /* @__PURE__ */ D.jsxs("div", { className: "flex flex-col items-center justify-center w-full h-full", children: [
+  return ue(() => () => {
+    var m;
+    const d = (m = e.current) == null ? void 0 : m.app;
+    d && !d.destroyed && d.destroy(!0, {
+      children: !0,
+      texture: !0,
+      baseTexture: !0
+    });
+  }, []), /* @__PURE__ */ D.jsxs("div", { className: "flex flex-col items-center justify-center w-full h-full", children: [
     /* @__PURE__ */ D.jsx(
       on,
       {
+        ref: e,
         antialias: !1,
         width: ur * ar,
         height: lr * or,
         className: "transition-all image-pixelated md:w-full max-w-max w-72 mb-8",
         backgroundAlpha: 0,
-        onInit: () => t(!0),
+        onInit: () => r(!0),
         children: /* @__PURE__ */ D.jsx(
           Us,
           {
@@ -2590,24 +2598,24 @@ const ar = 2, or = 2, ur = 225, lr = 225, Ms = 5, Ws = () => {
             cellHeight: lr,
             gridDepth: Ms
           },
-          r
+          n
         )
       }
     ),
-    e && /* @__PURE__ */ D.jsx(
-      l,
+    t && /* @__PURE__ */ D.jsx(
+      p,
       {
-        style: u,
+        style: f,
         className: "p-4",
-        onClick: m,
+        onClick: h,
         children: /* @__PURE__ */ D.jsx(
-          d,
+          l,
           {
             width: 36,
             height: 36,
             className: "hover:opacity-100 opacity-25",
             style: {
-              rotate: a.rotate.to((f) => `${f}deg`)
+              rotate: u.rotate.to((d) => `${d}deg`)
             }
           }
         )