@clubmed/trident-ui 1.6.0 → 1.6.1-beta.2

package/{hooks → ui/hooks}/useSafeBoop.js

@@ -1,42 +1,30 @@
-import * as st from "react";
-import { useState as le, useRef as H, useEffect as B, useLayoutEffect as Fi, forwardRef as Ci, useCallback as Ht, useContext as Wt, useMemo as Ae } from "react";
+import * as Bt from "react";
+import { useState as Re, useEffect as H, useLayoutEffect as Vi, useRef as Y, forwardRef as Fi, useCallback as Gt, useMemo as Se, useContext as Ci } from "react";
 import { unstable_batchedUpdates as Ei } from "react-dom";
-var Oi = Object.defineProperty, qi = (e, t) => {
-  for (var i in t)
-    Oi(e, i, { get: t[i], enumerable: !0 });
-}, O = {};
-qi(O, {
-  assign: () => $i,
-  colors: () => L,
-  createStringInterpolator: () => ft,
-  skipAnimation: () => ii,
-  to: () => ti,
-  willAdvance: () => ht
-});
-var at = we(), g = (e) => be(e, at), ot = we();
-g.write = (e) => be(e, ot);
-var Ee = we();
-g.onStart = (e) => be(e, Ee);
-var ut = we();
-g.onFrame = (e) => be(e, ut);
-var ct = we();
-g.onFinish = (e) => be(e, ct);
+var nt = _e(), y = (e) => ye(e, nt), rt = _e();
+y.write = (e) => ye(e, rt);
+var Fe = _e();
+y.onStart = (e) => ye(e, Fe);
+var st = _e();
+y.onFrame = (e) => ye(e, st);
+var at = _e();
+y.onFinish = (e) => ye(e, at);
 var K = [];
-g.setTimeout = (e, t) => {
-  const i = g.now() + t, n = () => {
+y.setTimeout = (e, t) => {
+  const i = y.now() + t, n = () => {
     const s = K.findIndex((a) => a.cancel == n);
     ~s && K.splice(s, 1), M -= ~s ? 1 : 0;
   }, r = { time: i, handler: e, cancel: n };
-  return K.splice(Xt(i), 0, r), M += 1, Zt(), r;
+  return K.splice(Yt(i), 0, r), M += 1, Ht(), r;
 };
-var Xt = (e) => ~(~K.findIndex((t) => t.time > e) || ~K.length);
-g.cancel = (e) => {
-  Ee.delete(e), ut.delete(e), ct.delete(e), at.delete(e), ot.delete(e);
+var Yt = (e) => ~(~K.findIndex((t) => t.time > e) || ~K.length);
+y.cancel = (e) => {
+  Fe.delete(e), st.delete(e), at.delete(e), nt.delete(e), rt.delete(e);
 };
-g.sync = (e) => {
-  We = !0, g.batchedUpdates(e), We = !1;
+y.sync = (e) => {
+  Ye = !0, y.batchedUpdates(e), Ye = !1;
 };
-g.throttle = (e) => {
+y.throttle = (e) => {
   let t;
   function i() {
     try {
@@ -46,51 +34,51 @@ g.throttle = (e) => {
     }
   }
   function n(...r) {
-    t = r, g.onStart(i);
+    t = r, y.onStart(i);
   }
   return n.handler = e, n.cancel = () => {
-    Ee.delete(i), t = null;
+    Fe.delete(i), t = null;
   }, n;
 };
-var lt = typeof window < "u" ? window.requestAnimationFrame : (
+var ot = typeof window < "u" ? window.requestAnimationFrame : (
   // eslint-disable-next-line @typescript-eslint/no-empty-function
-  () => {
-  }
+  (() => {
+  })
 );
-g.use = (e) => lt = e;
-g.now = typeof performance < "u" ? () => performance.now() : Date.now;
-g.batchedUpdates = (e) => e();
-g.catch = console.error;
-g.frameLoop = "always";
-g.advance = () => {
-  g.frameLoop !== "demand" ? console.warn(
+y.use = (e) => ot = e;
+y.now = typeof performance < "u" ? () => performance.now() : Date.now;
+y.batchedUpdates = (e) => e();
+y.catch = console.error;
+y.frameLoop = "always";
+y.advance = () => {
+  y.frameLoop !== "demand" ? console.warn(
     "Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"
-  ) : Jt();
+  ) : Xt();
 };
-var Q = -1, M = 0, We = !1;
-function be(e, t) {
-  We ? (t.delete(e), e(0)) : (t.add(e), Zt());
+var Q = -1, M = 0, Ye = !1;
+function ye(e, t) {
+  Ye ? (t.delete(e), e(0)) : (t.add(e), Ht());
 }
-function Zt() {
-  Q < 0 && (Q = 0, g.frameLoop !== "demand" && lt(Kt));
+function Ht() {
+  Q < 0 && (Q = 0, y.frameLoop !== "demand" && ot(Wt));
 }
-function Ui() {
+function Oi() {
   Q = -1;
 }
-function Kt() {
-  ~Q && (lt(Kt), g.batchedUpdates(Jt));
+function Wt() {
+  ~Q && (ot(Wt), y.batchedUpdates(Xt));
 }
-function Jt() {
+function Xt() {
   const e = Q;
-  Q = g.now();
-  const t = Xt(Q);
-  if (t && (ei(K.splice(0, t), (i) => i.handler()), M -= t), !M) {
-    Ui();
+  Q = y.now();
+  const t = Yt(Q);
+  if (t && (Zt(K.splice(0, t), (i) => i.handler()), M -= t), !M) {
+    Oi();
     return;
   }
-  Ee.flush(), at.flush(e ? Math.min(64, Q - e) : 16.667), ut.flush(), ot.flush(), ct.flush();
+  Fe.flush(), nt.flush(e ? Math.min(64, Q - e) : 16.667), st.flush(), rt.flush(), at.flush();
 }
-function we() {
+function _e() {
   let e = /* @__PURE__ */ new Set(), t = e;
   return {
     add(i) {
@@ -100,22 +88,34 @@ function we() {
       return M -= t == e && e.has(i) ? 1 : 0, e.delete(i);
     },
     flush(i) {
-      t.size && (e = /* @__PURE__ */ new Set(), M -= t.size, ei(t, (n) => n(i) && e.add(n)), M += e.size, t = e);
+      t.size && (e = /* @__PURE__ */ new Set(), M -= t.size, Zt(t, (n) => n(i) && e.add(n)), M += e.size, t = e);
     }
   };
 }
-function ei(e, t) {
+function Zt(e, t) {
   e.forEach((i) => {
     try {
       t(i);
     } catch (n) {
-      g.catch(n);
+      y.catch(n);
     }
   });
 }
-function Xe() {
+var Ui = Object.defineProperty, qi = (e, t) => {
+  for (var i in t)
+    Ui(e, i, { get: t[i], enumerable: !0 });
+}, O = {};
+qi(O, {
+  assign: () => ji,
+  colors: () => L,
+  createStringInterpolator: () => lt,
+  skipAnimation: () => Jt,
+  to: () => Kt,
+  willAdvance: () => ct
+});
+function He() {
 }
-var ji = (e, t, i) => Object.defineProperty(e, t, { value: i, writable: !0, configurable: !0 }), o = {
+var $i = (e, t, i) => Object.defineProperty(e, t, { value: i, writable: !0, configurable: !0 }), o = {
   arr: Array.isArray,
   obj: (e) => !!e && e.constructor.name === "Object",
   fun: (e) => typeof e == "function",
@@ -125,17 +125,15 @@ var ji = (e, t, i) => Object.defineProperty(e, t, { value: i, writable: !0, conf
 };
 function z(e, t) {
   if (o.arr(e)) {
-    if (!o.arr(t) || e.length !== t.length)
-      return !1;
+    if (!o.arr(t) || e.length !== t.length) return !1;
     for (let i = 0; i < e.length; i++)
-      if (e[i] !== t[i])
-        return !1;
+      if (e[i] !== t[i]) return !1;
     return !0;
   }
   return e === t;
 }
-var P = (e, t) => e.forEach(t);
-function j(e, t, i) {
+var S = (e, t) => e.forEach(t);
+function $(e, t, i) {
   if (o.arr(e)) {
     for (let n = 0; n < e.length; n++)
       t.call(i, e[n], `${n}`);
@@ -148,28 +146,28 @@ var I = (e) => o.und(e) ? [] : o.arr(e) ? e : [e];
 function ae(e, t) {
   if (e.size) {
     const i = Array.from(e);
-    e.clear(), P(i, t);
+    e.clear(), S(i, t);
   }
 }
-var se = (e, ...t) => ae(e, (i) => i(...t)), dt = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), ft, ti, L = null, ii = !1, ht = Xe, $i = (e) => {
-  e.to && (ti = e.to), e.now && (g.now = e.now), e.colors !== void 0 && (L = e.colors), e.skipAnimation != null && (ii = e.skipAnimation), e.createStringInterpolator && (ft = e.createStringInterpolator), e.requestAnimationFrame && g.use(e.requestAnimationFrame), e.batchedUpdates && (g.batchedUpdates = e.batchedUpdates), e.willAdvance && (ht = e.willAdvance), e.frameLoop && (g.frameLoop = e.frameLoop);
-}, oe = /* @__PURE__ */ new Set(), V = [], Me = [], Te = 0, Oe = {
+var se = (e, ...t) => ae(e, (i) => i(...t)), ut = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), lt, Kt, L = null, Jt = !1, ct = He, ji = (e) => {
+  e.to && (Kt = e.to), e.now && (y.now = e.now), e.colors !== void 0 && (L = e.colors), e.skipAnimation != null && (Jt = e.skipAnimation), e.createStringInterpolator && (lt = e.createStringInterpolator), e.requestAnimationFrame && y.use(e.requestAnimationFrame), e.batchedUpdates && (y.batchedUpdates = e.batchedUpdates), e.willAdvance && (ct = e.willAdvance), e.frameLoop && (y.frameLoop = e.frameLoop);
+}, oe = /* @__PURE__ */ new Set(), V = [], De = [], ke = 0, Ce = {
   get idle() {
     return !oe.size && !V.length;
   },
   /** Advance the given animation on every frame until idle. */
   start(e) {
-    Te > e.priority ? (oe.add(e), g.onStart(zi)) : (ni(e), g(Ze));
+    ke > e.priority ? (oe.add(e), y.onStart(zi)) : (ei(e), y(We));
   },
   /** Advance all animations by the given time. */
-  advance: Ze,
+  advance: We,
   /** Call this when an animation's priority changes. */
   sort(e) {
-    if (Te)
-      g.onFrame(() => Oe.sort(e));
+    if (ke)
+      y.onFrame(() => Ce.sort(e));
     else {
       const t = V.indexOf(e);
-      ~t && (V.splice(t, 1), ri(e));
+      ~t && (V.splice(t, 1), ti(e));
     }
   },
   /**
@@ -182,31 +180,31 @@ var se = (e, ...t) => ae(e, (i) => i(...t)), dt = () => typeof window > "u" || !
   }
 };
 function zi() {
-  oe.forEach(ni), oe.clear(), g(Ze);
+  oe.forEach(ei), oe.clear(), y(We);
 }
-function ni(e) {
-  V.includes(e) || ri(e);
+function ei(e) {
+  V.includes(e) || ti(e);
 }
-function ri(e) {
+function ti(e) {
   V.splice(
-    Di(V, (t) => t.priority > e.priority),
+    Ni(V, (t) => t.priority > e.priority),
     0,
     e
   );
 }
-function Ze(e) {
-  const t = Me;
+function We(e) {
+  const t = De;
   for (let i = 0; i < V.length; i++) {
     const n = V[i];
-    Te = n.priority, n.idle || (ht(n), n.advance(e), n.idle || t.push(n));
+    ke = n.priority, n.idle || (ct(n), n.advance(e), n.idle || t.push(n));
   }
-  return Te = 0, Me = V, Me.length = 0, V = t, V.length > 0;
+  return ke = 0, De = V, De.length = 0, V = t, V.length > 0;
 }
-function Di(e, t) {
+function Ni(e, t) {
   const i = e.findIndex(t);
   return i < 0 ? e.length : i;
 }
-var Ni = {
+var Di = {
   transparent: 0,
   aliceblue: 4042850303,
   antiquewhite: 4209760255,
@@ -357,12 +355,12 @@ var Ni = {
   whitesmoke: 4126537215,
   yellow: 4294902015,
   yellowgreen: 2597139199
-}, E = "[-+]?\\d*\\.?\\d+", Ve = E + "%";
-function qe(...e) {
+}, E = "[-+]?\\d*\\.?\\d+", Ie = E + "%";
+function Ee(...e) {
   return "\\(\\s*(" + e.join(")\\s*,\\s*(") + ")\\s*\\)";
 }
-var Qi = new RegExp("rgb" + qe(E, E, E)), Mi = new RegExp("rgba" + qe(E, E, E, E)), Li = new RegExp("hsl" + qe(E, Ve, Ve)), Bi = new RegExp(
-  "hsla" + qe(E, Ve, Ve, E)
+var Qi = new RegExp("rgb" + Ee(E, E, E)), Mi = new RegExp("rgba" + Ee(E, E, E, E)), Li = new RegExp("hsl" + Ee(E, Ie, Ie)), Bi = new RegExp(
+  "hsla" + Ee(E, Ie, Ie, E)
 ), Gi = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, Yi = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, Hi = /^#([0-9a-fA-F]{6})$/, Wi = /^#([0-9a-fA-F]{8})$/;
 function Xi(e) {
   let t;
@@ -373,7 +371,7 @@ function Xi(e) {
   0 : (t = Mi.exec(e)) ? (Z(t[1]) << 24 | // r
   Z(t[2]) << 16 | // g
   Z(t[3]) << 8 | // b
-  Tt(t[4])) >>> // a
+  Rt(t[4])) >>> // a
   0 : (t = Gi.exec(e)) ? parseInt(
     t[1] + t[1] + // r
     t[2] + t[2] + // g
@@ -388,94 +386,91 @@ function Xi(e) {
     t[4] + t[4],
     // a
     16
-  ) >>> 0 : (t = Li.exec(e)) ? (kt(
-    It(t[1]),
+  ) >>> 0 : (t = Li.exec(e)) ? (Pt(
+    xt(t[1]),
     // h
-    Re(t[2]),
+    Ae(t[2]),
     // s
-    Re(t[3])
+    Ae(t[3])
     // l
   ) | 255) >>> // a
-  0 : (t = Bi.exec(e)) ? (kt(
-    It(t[1]),
+  0 : (t = Bi.exec(e)) ? (Pt(
+    xt(t[1]),
     // h
-    Re(t[2]),
+    Ae(t[2]),
     // s
-    Re(t[3])
+    Ae(t[3])
     // l
-  ) | Tt(t[4])) >>> // a
+  ) | Rt(t[4])) >>> // a
   0 : null;
 }
-function Le(e, t, i) {
+function Qe(e, t, i) {
   return i < 0 && (i += 1), i > 1 && (i -= 1), i < 1 / 6 ? e + (t - e) * 6 * i : i < 1 / 2 ? t : i < 2 / 3 ? e + (t - e) * (2 / 3 - i) * 6 : e;
 }
-function kt(e, t, i) {
-  const n = i < 0.5 ? i * (1 + t) : i + t - i * t, r = 2 * i - n, s = Le(r, n, e + 1 / 3), a = Le(r, n, e), u = Le(r, n, e - 1 / 3);
+function Pt(e, t, i) {
+  const n = i < 0.5 ? i * (1 + t) : i + t - i * t, r = 2 * i - n, s = Qe(r, n, e + 1 / 3), a = Qe(r, n, e), u = Qe(r, n, e - 1 / 3);
   return Math.round(s * 255) << 24 | Math.round(a * 255) << 16 | Math.round(u * 255) << 8;
 }
 function Z(e) {
   const t = parseInt(e, 10);
   return t < 0 ? 0 : t > 255 ? 255 : t;
 }
-function It(e) {
+function xt(e) {
   return (parseFloat(e) % 360 + 360) % 360 / 360;
 }
-function Tt(e) {
+function Rt(e) {
   const t = parseFloat(e);
   return t < 0 ? 0 : t > 1 ? 255 : Math.round(t * 255);
 }
-function Re(e) {
+function Ae(e) {
   const t = parseFloat(e);
   return t < 0 ? 0 : t > 100 ? 1 : t / 100;
 }
-function Vt(e) {
+function kt(e) {
   let t = Xi(e);
-  if (t === null)
-    return e;
+  if (t === null) return e;
   t = t || 0;
   const i = (t & 4278190080) >>> 24, n = (t & 16711680) >>> 16, r = (t & 65280) >>> 8, s = (t & 255) / 255;
   return `rgba(${i}, ${n}, ${r}, ${s})`;
 }
-var de = (e, t, i) => {
+var ce = (e, t, i) => {
   if (o.fun(e))
     return e;
   if (o.arr(e))
-    return de({
+    return ce({
       range: e,
       output: t,
       extrapolate: i
     });
   if (o.str(e.output[0]))
-    return ft(e);
-  const n = e, r = n.output, s = n.range || [0, 1], a = n.extrapolateLeft || n.extrapolate || "extend", u = n.extrapolateRight || n.extrapolate || "extend", d = n.easing || ((c) => c);
-  return (c) => {
-    const h = Ki(c, s);
+    return lt(e);
+  const n = e, r = n.output, s = n.range || [0, 1], a = n.extrapolateLeft || n.extrapolate || "extend", u = n.extrapolateRight || n.extrapolate || "extend", c = n.easing || ((l) => l);
+  return (l) => {
+    const m = Ki(l, s);
     return Zi(
+      l,
+      s[m],
+      s[m + 1],
+      r[m],
+      r[m + 1],
       c,
-      s[h],
-      s[h + 1],
-      r[h],
-      r[h + 1],
-      d,
       a,
       u,
       n.map
     );
   };
 };
-function Zi(e, t, i, n, r, s, a, u, d) {
-  let c = d ? d(e) : e;
-  if (c < t) {
-    if (a === "identity")
-      return c;
-    a === "clamp" && (c = t);
+function Zi(e, t, i, n, r, s, a, u, c) {
+  let l = c ? c(e) : e;
+  if (l < t) {
+    if (a === "identity") return l;
+    a === "clamp" && (l = t);
   }
-  if (c > i) {
-    if (u === "identity")
-      return c;
-    u === "clamp" && (c = i);
+  if (l > i) {
+    if (u === "identity") return l;
+    u === "clamp" && (l = i);
   }
-  return n === r ? n : t === i ? e <= t ? n : r : (t === -1 / 0 ? c = -c : i === 1 / 0 ? c = c - t : c = (c - t) / (i - t), c = s(c), n === -1 / 0 ? c = -c : r === 1 / 0 ? c = c + n : c = c * (r - n) + n, c);
+  return n === r ? n : t === i ? e <= t ? n : r : (t === -1 / 0 ? l = -l : i === 1 / 0 ? l = l - t : l = (l - t) / (i - t), l = s(l), n === -1 / 0 ? l = -l : r === 1 / 0 ? l = l + n : l = l * (r - n) + n, l);
 }
 function Ki(e, t) {
   for (var i = 1; i < t.length - 1 && !(t[i] >= e); ++i)
@@ -484,44 +479,44 @@ function Ki(e, t) {
 }
 var Ji = {
   linear: (e) => e
-}, fe = Symbol.for("FluidValue.get"), ee = Symbol.for("FluidValue.observers"), T = (e) => !!(e && e[fe]), k = (e) => e && e[fe] ? e[fe]() : e, Ft = (e) => e[ee] || null;
+}, de = Symbol.for("FluidValue.get"), ee = Symbol.for("FluidValue.observers"), T = (e) => !!(e && e[de]), k = (e) => e && e[de] ? e[de]() : e, It = (e) => e[ee] || null;
 function en(e, t) {
   e.eventObserved ? e.eventObserved(t) : e(t);
 }
-function he(e, t) {
+function fe(e, t) {
   const i = e[ee];
   i && i.forEach((n) => {
     en(n, t);
   });
 }
-var si = class {
+var ii = class {
   constructor(e) {
     if (!e && !(e = this.get))
       throw Error("Unknown getter");
     tn(this, e);
   }
-}, tn = (e, t) => ai(e, fe, t);
+}, tn = (e, t) => ni(e, de, t);
 function te(e, t) {
-  if (e[fe]) {
+  if (e[de]) {
     let i = e[ee];
-    i || ai(e, ee, i = /* @__PURE__ */ new Set()), i.has(t) || (i.add(t), e.observerAdded && e.observerAdded(i.size, t));
+    i || ni(e, ee, i = /* @__PURE__ */ new Set()), i.has(t) || (i.add(t), e.observerAdded && e.observerAdded(i.size, t));
   }
   return t;
 }
-function me(e, t) {
+function he(e, t) {
   const i = e[ee];
   if (i && i.has(t)) {
     const n = i.size - 1;
     n ? i.delete(t) : e[ee] = null, e.observerRemoved && e.observerRemoved(n, t);
   }
 }
-var ai = (e, t, i) => Object.defineProperty(e, t, {
+var ni = (e, t, i) => Object.defineProperty(e, t, {
   value: i,
   writable: !0,
   configurable: !0
-}), ke = /[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, nn = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi, Ct = new RegExp(`(${ke.source})(%|[a-z]+)`, "i"), rn = /rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi, Ue = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/, oi = (e) => {
+}), Pe = /[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, nn = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi, Tt = new RegExp(`(${Pe.source})(%|[a-z]+)`, "i"), rn = /rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi, Oe = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/, ri = (e) => {
   const [t, i] = sn(e);
-  if (!t || dt())
+  if (!t || ut())
     return e;
   const n = window.getComputedStyle(document.documentElement).getPropertyValue(t);
   if (n)
@@ -530,124 +525,100 @@ var ai = (e, t, i) => Object.defineProperty(e, t, {
     const r = window.getComputedStyle(document.documentElement).getPropertyValue(i);
     return r || e;
   } else {
-    if (i && Ue.test(i))
-      return oi(i);
+    if (i && Oe.test(i))
+      return ri(i);
     if (i)
       return i;
   }
   return e;
 }, sn = (e) => {
-  const t = Ue.exec(e);
-  if (!t)
-    return [,];
+  const t = Oe.exec(e);
+  if (!t) return [,];
   const [, i, n] = t;
   return [i, n];
-}, Be, an = (e, t, i, n, r) => `rgba(${Math.round(t)}, ${Math.round(i)}, ${Math.round(n)}, ${r})`, ui = (e) => {
-  Be || (Be = L ? (
+}, Me, an = (e, t, i, n, r) => `rgba(${Math.round(t)}, ${Math.round(i)}, ${Math.round(n)}, ${r})`, si = (e) => {
+  Me || (Me = L ? (
     // match color names, ignore partial matches
     new RegExp(`(${Object.keys(L).join("|")})(?!\\w)`, "g")
   ) : (
     // never match
     /^\b$/
   ));
-  const t = e.output.map((s) => k(s).replace(Ue, oi).replace(nn, Vt).replace(Be, Vt)), i = t.map((s) => s.match(ke).map(Number)), r = i[0].map(
+  const t = e.output.map((s) => k(s).replace(Oe, ri).replace(nn, kt).replace(Me, kt)), i = t.map((s) => s.match(Pe).map(Number)), r = i[0].map(
     (s, a) => i.map((u) => {
       if (!(a in u))
         throw Error('The arity of each "output" value must be equal');
       return u[a];
     })
   ).map(
-    (s) => de({ ...e, output: s })
+    (s) => ce({ ...e, output: s })
   );
   return (s) => {
-    const a = !Ct.test(t[0]) && t.find((d) => Ct.test(d))?.replace(ke, "");
+    const a = !Tt.test(t[0]) && t.find((c) => Tt.test(c))?.replace(Pe, "");
     let u = 0;
     return t[0].replace(
-      ke,
+      Pe,
       () => `${r[u++](s)}${a || ""}`
     ).replace(rn, an);
   };
-}, mt = "react-spring: ", ci = (e) => {
+}, dt = "react-spring: ", ai = (e) => {
   const t = e;
   let i = !1;
   if (typeof t != "function")
-    throw new TypeError(`${mt}once requires a function parameter`);
+    throw new TypeError(`${dt}once requires a function parameter`);
   return (...n) => {
     i || (t(...n), i = !0);
   };
-}, on = ci(console.warn);
+}, on = ai(console.warn);
 function un() {
   on(
-    `${mt}The "interpolate" function is deprecated in v9 (use "to" instead)`
+    `${dt}The "interpolate" function is deprecated in v9 (use "to" instead)`
   );
 }
-var cn = ci(console.warn);
-function ln() {
-  cn(
-    `${mt}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`
+var ln = ai(console.warn);
+function cn() {
+  ln(
+    `${dt}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`
   );
 }
-function je(e) {
+function Ue(e) {
   return o.str(e) && (e[0] == "#" || /\d/.test(e) || // Do not identify a CSS variable as an AnimatedString if its SSR
-  !dt() && Ue.test(e) || e in (L || {}));
+  !ut() && Oe.test(e) || e in (L || {}));
 }
-var pt = dt() ? B : Fi, dn = () => {
-  const e = H(!1);
-  return pt(() => (e.current = !0, () => {
+var ft = ut() ? H : Vi, dn = () => {
+  const e = Y(!1);
+  return ft(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
 };
-function li() {
-  const e = le()[1], t = dn();
+function oi() {
+  const e = Re()[1], t = dn();
   return () => {
     t.current && e(Math.random());
   };
 }
-function fn(e, t) {
-  const [i] = le(
-    () => ({
-      inputs: t,
-      result: e()
-    })
-  ), n = H(), r = n.current;
-  let s = r;
-  return s ? t && s.inputs && hn(t, s.inputs) || (s = {
-    inputs: t,
-    result: e()
-  }) : s = i, B(() => {
-    n.current = s, r == i && (i.inputs = i.result = void 0);
-  }, [s]), s.result;
-}
-function hn(e, t) {
-  if (e.length !== t.length)
-    return !1;
-  for (let i = 0; i < e.length; i++)
-    if (e[i] !== t[i])
-      return !1;
-  return !0;
-}
-var di = (e) => B(e, mn), mn = [];
-function Et(e) {
-  const t = H();
-  return B(() => {
+var ui = (e) => H(e, fn), fn = [];
+function Vt(e) {
+  const t = Y(void 0);
+  return H(() => {
     t.current = e;
   }), t.current;
 }
-var pe = Symbol.for("Animated:node"), pn = (e) => !!e && e[pe] === e, U = (e) => e && e[pe], gt = (e, t) => ji(e, pe, t), $e = (e) => e && e[pe] && e[pe].getPayload(), fi = class {
+var me = Symbol.for("Animated:node"), hn = (e) => !!e && e[me] === e, q = (e) => e && e[me], ht = (e, t) => $i(e, me, t), qe = (e) => e && e[me] && e[me].getPayload(), li = class {
   constructor() {
-    gt(this, this);
+    ht(this, this);
   }
   /** Get every `AnimatedValue` used by this node. */
   getPayload() {
     return this.payload || [];
   }
-}, Pe = class extends fi {
-  constructor(e) {
-    super(), this._value = e, this.done = !0, this.durationProgress = 0, o.num(this._value) && (this.lastPosition = this._value);
+}, $e = class ci extends li {
+  constructor(t) {
+    super(), this._value = t, this.done = !0, this.durationProgress = 0, o.num(this._value) && (this.lastPosition = this._value);
   }
   /** @internal */
-  static create(e) {
-    return new Pe(e);
+  static create(t) {
+    return new ci(t);
   }
   getPayload() {
     return [this];
@@ -655,51 +626,51 @@ var pe = Symbol.for("Animated:node"), pn = (e) => !!e && e[pe] === e, U = (e) =>
   getValue() {
     return this._value;
   }
-  setValue(e, t) {
-    return o.num(e) && (this.lastPosition = e, t && (e = Math.round(e / t) * t, this.done && (this.lastPosition = e))), this._value === e ? !1 : (this._value = e, !0);
+  setValue(t, i) {
+    return o.num(t) && (this.lastPosition = t, i && (t = Math.round(t / i) * i, this.done && (this.lastPosition = t))), this._value === t ? !1 : (this._value = t, !0);
   }
   reset() {
-    const { done: e } = this;
-    this.done = !1, o.num(this._value) && (this.elapsedTime = 0, this.durationProgress = 0, this.lastPosition = this._value, e && (this.lastVelocity = null), this.v0 = null);
+    const { done: t } = this;
+    this.done = !1, o.num(this._value) && (this.elapsedTime = 0, this.durationProgress = 0, this.lastPosition = this._value, t && (this.lastVelocity = null), this.v0 = null);
   }
-}, ge = class extends Pe {
-  constructor(e) {
-    super(0), this._string = null, this._toString = de({
-      output: [e, e]
+}, Te = class di extends $e {
+  constructor(t) {
+    super(0), this._string = null, this._toString = ce({
+      output: [t, t]
     });
   }
   /** @internal */
-  static create(e) {
-    return new ge(e);
+  static create(t) {
+    return new di(t);
   }
   getValue() {
-    const e = this._string;
-    return e ?? (this._string = this._toString(this._value));
+    const t = this._string;
+    return t ?? (this._string = this._toString(this._value));
   }
-  setValue(e) {
-    if (o.str(e)) {
-      if (e == this._string)
+  setValue(t) {
+    if (o.str(t)) {
+      if (t == this._string)
         return !1;
-      this._string = e, this._value = 1;
-    } else if (super.setValue(e))
+      this._string = t, this._value = 1;
+    } else if (super.setValue(t))
       this._string = null;
     else
       return !1;
     return !0;
   }
-  reset(e) {
-    e && (this._toString = de({
-      output: [this.getValue(), e]
+  reset(t) {
+    t && (this._toString = ce({
+      output: [this.getValue(), t]
     })), this._value = 0, super.reset();
   }
-}, Fe = { dependencies: null }, ze = class extends fi {
+}, Ve = { dependencies: null }, je = class extends li {
   constructor(e) {
     super(), this.source = e, this.setValue(e);
   }
   getValue(e) {
     const t = {};
-    return j(this.source, (i, n) => {
-      pn(i) ? t[n] = i.getValue(e) : T(i) ? t[n] = k(i) : e || (t[n] = i);
+    return $(this.source, (i, n) => {
+      hn(i) ? t[n] = i.getValue(e) : T(i) ? t[n] = k(i) : e || (t[n] = i);
     }), t;
   }
   /** Replace the raw object data */
@@ -707,96 +678,96 @@ var pe = Symbol.for("Animated:node"), pn = (e) => !!e && e[pe] === e, U = (e) =>
     this.source = e, this.payload = this._makePayload(e);
   }
   reset() {
-    this.payload && P(this.payload, (e) => e.reset());
+    this.payload && S(this.payload, (e) => e.reset());
   }
   /** Create a payload set. */
   _makePayload(e) {
     if (e) {
       const t = /* @__PURE__ */ new Set();
-      return j(e, this._addToPayload, t), Array.from(t);
+      return $(e, this._addToPayload, t), Array.from(t);
     }
   }
   /** Add to a payload set. */
   _addToPayload(e) {
-    Fe.dependencies && T(e) && Fe.dependencies.add(e);
-    const t = $e(e);
-    t && P(t, (i) => this.add(i));
+    Ve.dependencies && T(e) && Ve.dependencies.add(e);
+    const t = qe(e);
+    t && S(t, (i) => this.add(i));
   }
-}, hi = class extends ze {
-  constructor(e) {
-    super(e);
+}, mn = class fi extends je {
+  constructor(t) {
+    super(t);
   }
   /** @internal */
-  static create(e) {
-    return new hi(e);
+  static create(t) {
+    return new fi(t);
   }
   getValue() {
-    return this.source.map((e) => e.getValue());
+    return this.source.map((t) => t.getValue());
   }
-  setValue(e) {
-    const t = this.getPayload();
-    return e.length == t.length ? t.map((i, n) => i.setValue(e[n])).some(Boolean) : (super.setValue(e.map(gn)), !0);
+  setValue(t) {
+    const i = this.getPayload();
+    return t.length == i.length ? i.map((n, r) => n.setValue(t[r])).some(Boolean) : (super.setValue(t.map(pn)), !0);
   }
 };
-function gn(e) {
-  return (je(e) ? ge : Pe).create(e);
+function pn(e) {
+  return (Ue(e) ? Te : $e).create(e);
 }
-function Ke(e) {
-  const t = U(e);
-  return t ? t.constructor : o.arr(e) ? hi : je(e) ? ge : Pe;
+function Xe(e) {
+  const t = q(e);
+  return t ? t.constructor : o.arr(e) ? mn : Ue(e) ? Te : $e;
 }
-var Ot = (e, t) => {
+var Ft = (e, t) => {
   const i = (
     // Function components must use "forwardRef" to avoid being
     // re-rendered on every animation frame.
     !o.fun(e) || e.prototype && e.prototype.isReactComponent
   );
-  return Ci((n, r) => {
-    const s = H(null), a = i && // eslint-disable-next-line react-hooks/rules-of-hooks
-    Ht(
-      (y) => {
-        s.current = _n(r, y);
+  return Fi((n, r) => {
+    const s = Y(null), a = i && // eslint-disable-next-line react-hooks/rules-of-hooks
+    Gt(
+      (_) => {
+        s.current = yn(r, _);
       },
       [r]
-    ), [u, d] = yn(n, t), c = li(), h = () => {
-      const y = s.current;
-      if (i && !y)
+    ), [u, c] = vn(n, t), l = oi(), m = () => {
+      const _ = s.current;
+      if (i && !_)
         return;
-      (y ? t.applyAnimatedValues(y, u.getValue(!0)) : !1) === !1 && c();
-    }, l = new vn(h, d), v = H();
-    pt(() => (v.current = l, P(d, (y) => te(y, l)), () => {
-      v.current && (P(
-        v.current.deps,
-        (y) => me(y, v.current)
-      ), g.cancel(v.current.update));
-    })), B(h, []), di(() => () => {
-      const y = v.current;
-      P(y.deps, (m) => me(m, y));
+      (_ ? t.applyAnimatedValues(_, u.getValue(!0)) : !1) === !1 && l();
+    }, d = new gn(m, c), h = Y(void 0);
+    ft(() => (h.current = d, S(c, (_) => te(_, d)), () => {
+      h.current && (S(
+        h.current.deps,
+        (_) => he(_, h.current)
+      ), y.cancel(h.current.update));
+    })), H(m, []), ui(() => () => {
+      const _ = h.current;
+      S(_.deps, (g) => he(g, _));
     });
-    const b = t.getComponentProps(u.getValue());
-    return /* @__PURE__ */ st.createElement(e, { ...b, ref: a });
+    const p = t.getComponentProps(u.getValue());
+    return /* @__PURE__ */ Bt.createElement(e, { ...p, ref: a });
   });
-}, vn = class {
+}, gn = class {
   constructor(e, t) {
     this.update = e, this.deps = t;
   }
   eventObserved(e) {
-    e.type == "change" && g.write(this.update);
+    e.type == "change" && y.write(this.update);
   }
 };
-function yn(e, t) {
+function vn(e, t) {
   const i = /* @__PURE__ */ new Set();
-  return Fe.dependencies = i, e.style && (e = {
+  return Ve.dependencies = i, e.style && (e = {
     ...e,
     style: t.createAnimatedStyle(e.style)
-  }), e = new ze(e), Fe.dependencies = null, [e, i];
+  }), e = new je(e), Ve.dependencies = null, [e, i];
 }
-function _n(e, t) {
+function yn(e, t) {
   return e && (o.fun(e) ? e(t) : e.current = t), t;
 }
-var qt = Symbol.for("AnimatedComponent"), bn = (e, {
+var Ct = Symbol.for("AnimatedComponent"), _n = (e, {
   applyAnimatedValues: t = () => !1,
-  createAnimatedStyle: i = (r) => new ze(r),
+  createAnimatedStyle: i = (r) => new je(r),
   getComponentProps: n = (r) => r
 } = {}) => {
   const r = {
@@ -804,20 +775,20 @@ var qt = Symbol.for("AnimatedComponent"), bn = (e, {
     createAnimatedStyle: i,
     getComponentProps: n
   }, s = (a) => {
-    const u = Ut(a) || "Anonymous";
-    return o.str(a) ? a = s[a] || (s[a] = Ot(a, r)) : a = a[qt] || (a[qt] = Ot(a, r)), a.displayName = `Animated(${u})`, a;
+    const u = Et(a) || "Anonymous";
+    return o.str(a) ? a = s[a] || (s[a] = Ft(a, r)) : a = a[Ct] || (a[Ct] = Ft(a, r)), a.displayName = `Animated(${u})`, a;
   };
-  return j(e, (a, u) => {
-    o.arr(e) && (u = Ut(a)), s[u] = s(a);
+  return $(e, (a, u) => {
+    o.arr(e) && (u = Et(a)), s[u] = s(a);
   }), {
     animated: s
   };
-}, Ut = (e) => o.str(e) ? e : e && o.str(e.displayName) ? e.displayName : o.fun(e) && e.name || null;
-function Y(e, ...t) {
+}, Et = (e) => o.str(e) ? e : e && o.str(e.displayName) ? e.displayName : o.fun(e) && e.name || null;
+function G(e, ...t) {
   return o.fun(e) ? e(...t) : e;
 }
-var ue = (e, t) => e === !0 || !!(t && e && (o.fun(e) ? e(t) : I(e).includes(t))), mi = (e, t) => o.obj(e) ? t && e[t] : e, pi = (e, t) => e.default === !0 ? e[t] : e.default ? e.default[t] : void 0, wn = (e) => e, vt = (e, t = wn) => {
-  let i = Pn;
+var ue = (e, t) => e === !0 || !!(t && e && (o.fun(e) ? e(t) : I(e).includes(t))), hi = (e, t) => o.obj(e) ? t && e[t] : e, mi = (e, t) => e.default === !0 ? e[t] : e.default ? e.default[t] : void 0, bn = (e) => e, mt = (e, t = bn) => {
+  let i = wn;
   e.default && e.default !== !0 && (e = e.default, i = Object.keys(e));
   const n = {};
   for (const r of i) {
@@ -825,7 +796,7 @@ var ue = (e, t) => e === !0 || !!(t && e && (o.fun(e) ? e(t) : I(e).includes(t))
     o.und(s) || (n[r] = s);
   }
   return n;
-}, Pn = [
+}, wn = [
   "config",
   "onProps",
   "onStart",
@@ -869,64 +840,63 @@ var ue = (e, t) => e === !0 || !!(t && e && (o.fun(e) ? e(t) : I(e).includes(t))
   callId: 1,
   parentId: 1
 };
-function xn(e) {
+function An(e) {
   const t = {};
   let i = 0;
-  if (j(e, (n, r) => {
+  if ($(e, (n, r) => {
     Sn[r] || (t[r] = n, i++);
   }), i)
     return t;
 }
-function gi(e) {
-  const t = xn(e);
+function pi(e) {
+  const t = An(e);
   if (t) {
     const i = { to: t };
-    return j(e, (n, r) => r in t || (i[r] = n)), i;
+    return $(e, (n, r) => r in t || (i[r] = n)), i;
   }
   return { ...e };
 }
-function ve(e) {
-  return e = k(e), o.arr(e) ? e.map(ve) : je(e) ? O.createStringInterpolator({
+function pe(e) {
+  return e = k(e), o.arr(e) ? e.map(pe) : Ue(e) ? O.createStringInterpolator({
     range: [0, 1],
     output: [e, e]
   })(1) : e;
 }
-function An(e) {
-  for (const t in e)
-    return !0;
+function Pn(e) {
+  for (const t in e) return !0;
   return !1;
 }
-function Je(e) {
+function Ze(e) {
   return o.fun(e) || o.arr(e) && o.obj(e[0]);
 }
-function Rn(e, t) {
+function xn(e, t) {
   e.ref?.delete(e), t?.delete(e);
 }
-function kn(e, t) {
+function Rn(e, t) {
   t && e.ref !== t && (e.ref?.delete(e), t.add(e), e.ref = t);
 }
-var In = {
+var kn = {
   default: { tension: 170, friction: 26 }
-}, et = {
-  ...In.default,
+}, Ke = {
+  ...kn.default,
   mass: 1,
   damping: 1,
   easing: Ji.linear,
   clamp: !1
-}, Tn = class {
+}, In = class {
   constructor() {
-    this.velocity = 0, Object.assign(this, et);
+    this.velocity = 0, Object.assign(this, Ke);
   }
 };
-function Vn(e, t, i) {
-  i && (i = { ...i }, jt(i, t), t = { ...i, ...t }), jt(e, t), Object.assign(e, t);
-  for (const a in et)
-    e[a] == null && (e[a] = et[a]);
+function Tn(e, t, i) {
+  i && (i = { ...i }, Ot(i, t), t = { ...i, ...t }), Ot(e, t), Object.assign(e, t);
+  for (const a in Ke)
+    e[a] == null && (e[a] = Ke[a]);
   let { frequency: n, damping: r } = e;
   const { mass: s } = e;
   return o.und(n) || (n < 0.01 && (n = 0.01), r < 0 && (r = 0), e.tension = Math.pow(2 * Math.PI / n, 2) * s, e.friction = 4 * Math.PI * r * s / n), e;
 }
-function jt(e, t) {
+function Ot(e, t) {
   if (!o.und(t.decay))
     e.duration = void 0;
   else {
@@ -934,41 +904,41 @@ function jt(e, t) {
     (i || !o.und(t.frequency) || !o.und(t.damping) || !o.und(t.mass)) && (e.duration = void 0, e.decay = void 0), i && (e.frequency = void 0);
   }
 }
-var $t = [], Fn = class {
+var Ut = [], Vn = class {
   constructor() {
-    this.changed = !1, this.values = $t, this.toValues = null, this.fromValues = $t, this.config = new Tn(), this.immediate = !1;
+    this.changed = !1, this.values = Ut, this.toValues = null, this.fromValues = Ut, this.config = new In(), this.immediate = !1;
   }
 };
-function vi(e, { key: t, props: i, defaultProps: n, state: r, actions: s }) {
+function gi(e, { key: t, props: i, defaultProps: n, state: r, actions: s }) {
   return new Promise((a, u) => {
-    let d, c, h = ue(i.cancel ?? n?.cancel, t);
-    if (h)
-      b();
+    let c, l, m = ue(i.cancel ?? n?.cancel, t);
+    if (m)
+      p();
     else {
       o.und(i.pause) || (r.paused = ue(i.pause, t));
-      let y = n?.pause;
-      y !== !0 && (y = r.paused || ue(y, t)), d = Y(i.delay || 0, t), y ? (r.resumeQueue.add(v), s.pause()) : (s.resume(), v());
+      let _ = n?.pause;
+      _ !== !0 && (_ = r.paused || ue(_, t)), c = G(i.delay || 0, t), _ ? (r.resumeQueue.add(h), s.pause()) : (s.resume(), h());
     }
-    function l() {
-      r.resumeQueue.add(v), r.timeouts.delete(c), c.cancel(), d = c.time - g.now();
+    function d() {
+      r.resumeQueue.add(h), r.timeouts.delete(l), l.cancel(), c = l.time - y.now();
     }
-    function v() {
-      d > 0 && !O.skipAnimation ? (r.delayed = !0, c = g.setTimeout(b, d), r.pauseQueue.add(l), r.timeouts.add(c)) : b();
+    function h() {
+      c > 0 && !O.skipAnimation ? (r.delayed = !0, l = y.setTimeout(p, c), r.pauseQueue.add(d), r.timeouts.add(l)) : p();
     }
-    function b() {
-      r.delayed && (r.delayed = !1), r.pauseQueue.delete(l), r.timeouts.delete(c), e <= (r.cancelId || 0) && (h = !0);
+    function p() {
+      r.delayed && (r.delayed = !1), r.pauseQueue.delete(d), r.timeouts.delete(l), e <= (r.cancelId || 0) && (m = !0);
       try {
-        s.start({ ...i, callId: e, cancel: h }, a);
-      } catch (y) {
-        u(y);
+        s.start({ ...i, callId: e, cancel: m }, a);
+      } catch (_) {
+        u(_);
       }
     }
   });
 }
-var yt = (e, t) => t.length == 1 ? t[0] : t.some((i) => i.cancelled) ? J(e.get()) : t.every((i) => i.noop) ? yi(e.get()) : C(
+var pt = (e, t) => t.length == 1 ? t[0] : t.some((i) => i.cancelled) ? J(e.get()) : t.every((i) => i.noop) ? vi(e.get()) : C(
   e.get(),
   t.every((i) => i.finished)
-), yi = (e) => ({
+), vi = (e) => ({
   value: e,
   noop: !0,
   finished: !0,
@@ -982,84 +952,84 @@ var yt = (e, t) => t.length == 1 ? t[0] : t.some((i) => i.cancelled) ? J(e.get()
   cancelled: !0,
   finished: !1
 });
-function _i(e, t, i, n) {
-  const { callId: r, parentId: s, onRest: a } = t, { asyncTo: u, promise: d } = i;
-  return !s && e === u && !t.reset ? d : i.promise = (async () => {
+function yi(e, t, i, n) {
+  const { callId: r, parentId: s, onRest: a } = t, { asyncTo: u, promise: c } = i;
+  return !s && e === u && !t.reset ? c : i.promise = (async () => {
     i.asyncId = r, i.asyncTo = e;
-    const c = vt(
+    const l = mt(
       t,
-      (_, f) => (
+      (b, f) => (
         // The `onRest` prop is only called when the `runAsync` promise is resolved.
-        f === "onRest" ? void 0 : _
+        f === "onRest" ? void 0 : b
       )
     );
-    let h, l;
-    const v = new Promise(
-      (_, f) => (h = _, l = f)
-    ), b = (_) => {
+    let m, d;
+    const h = new Promise(
+      (b, f) => (m = b, d = f)
+    ), p = (b) => {
       const f = (
         // The `cancel` prop or `stop` method was used.
         r <= (i.cancelId || 0) && J(n) || // The async `to` prop was replaced.
         r !== i.asyncId && C(n, !1)
       );
       if (f)
-        throw _.result = f, l(_), _;
-    }, y = (_, f) => {
-      const w = new zt(), p = new Dt();
+        throw b.result = f, d(b), b;
+    }, _ = (b, f) => {
+      const w = new qt(), v = new $t();
       return (async () => {
         if (O.skipAnimation)
-          throw ye(i), p.result = C(n, !1), l(p), p;
-        b(w);
-        const S = o.obj(_) ? { ..._ } : { ...f, to: _ };
-        S.parentId = r, j(c, (q, A) => {
-          o.und(S[A]) && (S[A] = q);
+          throw ge(i), v.result = C(n, !1), d(v), v;
+        p(w);
+        const A = o.obj(b) ? { ...b } : { ...f, to: b };
+        A.parentId = r, $(l, (U, x) => {
+          o.und(A[x]) && (A[x] = U);
         });
-        const x = await n.start(S);
-        return b(w), i.paused && await new Promise((q) => {
-          i.resumeQueue.add(q);
-        }), x;
+        const P = await n.start(A);
+        return p(w), i.paused && await new Promise((U) => {
+          i.resumeQueue.add(U);
+        }), P;
       })();
     };
-    let m;
+    let g;
     if (O.skipAnimation)
-      return ye(i), C(n, !1);
+      return ge(i), C(n, !1);
     try {
-      let _;
-      o.arr(e) ? _ = (async (f) => {
+      let b;
+      o.arr(e) ? b = (async (f) => {
         for (const w of f)
-          await y(w);
-      })(e) : _ = Promise.resolve(e(y, n.stop.bind(n))), await Promise.all([_.then(h), v]), m = C(n.get(), !0, !1);
-    } catch (_) {
-      if (_ instanceof zt)
-        m = _.result;
-      else if (_ instanceof Dt)
-        m = _.result;
+          await _(w);
+      })(e) : b = Promise.resolve(e(_, n.stop.bind(n))), await Promise.all([b.then(m), h]), g = C(n.get(), !0, !1);
+    } catch (b) {
+      if (b instanceof qt)
+        g = b.result;
+      else if (b instanceof $t)
+        g = b.result;
       else
-        throw _;
+        throw b;
     } finally {
-      r == i.asyncId && (i.asyncId = s, i.asyncTo = s ? u : void 0, i.promise = s ? d : void 0);
+      r == i.asyncId && (i.asyncId = s, i.asyncTo = s ? u : void 0, i.promise = s ? c : void 0);
     }
-    return o.fun(a) && g.batchedUpdates(() => {
-      a(m, n, n.item);
-    }), m;
+    return o.fun(a) && y.batchedUpdates(() => {
+      a(g, n, n.item);
+    }), g;
   })();
 }
-function ye(e, t) {
+function ge(e, t) {
   ae(e.timeouts, (i) => i.cancel()), e.pauseQueue.clear(), e.resumeQueue.clear(), e.asyncId = e.asyncTo = e.promise = void 0, t && (e.cancelId = t);
 }
-var zt = class extends Error {
+var qt = class extends Error {
   constructor() {
     super(
       "An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise."
     );
   }
-}, Dt = class extends Error {
+}, $t = class extends Error {
   constructor() {
     super("SkipAnimationSignal");
   }
-}, tt = (e) => e instanceof _t, Cn = 1, _t = class extends si {
+}, Je = (e) => e instanceof gt, Fn = 1, gt = class extends ii {
   constructor() {
-    super(...arguments), this.id = Cn++, this._priority = 0;
+    super(...arguments), this.id = Fn++, this._priority = 0;
   }
   get priority() {
     return this._priority;
@@ -1069,7 +1039,7 @@ var zt = class extends Error {
   }
   /** Get the current value */
   get() {
-    const e = U(this);
+    const e = q(this);
     return e && e.getValue();
   }
   /** Create a spring that maps our value to another value */
@@ -1097,7 +1067,7 @@ var zt = class extends Error {
   }
   /** Tell our children about our new value */
   _onChange(e, t = !1) {
-    he(this, {
+    fe(this, {
       type: "change",
       parent: this,
       value: e,
@@ -1106,15 +1076,15 @@ var zt = class extends Error {
   }
   /** Tell our children about our new priority */
   _onPriorityChange(e) {
-    this.idle || Oe.sort(this), he(this, {
+    this.idle || Ce.sort(this), fe(this, {
       type: "priority",
       parent: this,
       priority: e
     });
   }
-}, W = Symbol.for("SpringPhase"), bi = 1, it = 2, nt = 4, Ge = (e) => (e[W] & bi) > 0, N = (e) => (e[W] & it) > 0, ie = (e) => (e[W] & nt) > 0, Nt = (e, t) => t ? e[W] |= it | bi : e[W] &= ~it, Qt = (e, t) => t ? e[W] |= nt : e[W] &= ~nt, En = class extends _t {
+}, W = Symbol.for("SpringPhase"), _i = 1, et = 2, tt = 4, Le = (e) => (e[W] & _i) > 0, D = (e) => (e[W] & et) > 0, ie = (e) => (e[W] & tt) > 0, jt = (e, t) => t ? e[W] |= et | _i : e[W] &= ~et, zt = (e, t) => t ? e[W] |= tt : e[W] &= ~tt, Cn = class extends gt {
   constructor(e, t) {
-    if (super(), this.animation = new Fn(), this.defaultProps = {}, this._state = {
+    if (super(), this.animation = new Vn(), this.defaultProps = {}, this._state = {
       paused: !1,
       delayed: !1,
       pauseQueue: /* @__PURE__ */ new Set(),
@@ -1127,27 +1097,27 @@ var zt = class extends Error {
   }
   /** Equals true when not advancing on each frame. */
   get idle() {
-    return !(N(this) || this._state.asyncTo) || ie(this);
+    return !(D(this) || this._state.asyncTo) || ie(this);
   }
   get goal() {
     return k(this.animation.to);
   }
   get velocity() {
-    const e = U(this);
-    return e instanceof Pe ? e.lastVelocity || 0 : e.getPayload().map((t) => t.lastVelocity || 0);
+    const e = q(this);
+    return e instanceof $e ? e.lastVelocity || 0 : e.getPayload().map((t) => t.lastVelocity || 0);
   }
   /**
    * When true, this value has been animated at least once.
    */
   get hasAnimated() {
-    return Ge(this);
+    return Le(this);
   }
   /**
    * When true, this value has an unfinished animation,
    * which is either active or paused.
    */
   get isAnimating() {
-    return N(this);
+    return D(this);
   }
   /**
    * When true, all current and future animations are paused.
@@ -1167,56 +1137,55 @@ var zt = class extends Error {
     let t = !0, i = !1;
     const n = this.animation;
     let { toValues: r } = n;
-    const { config: s } = n, a = $e(n.to);
-    !a && T(n.to) && (r = I(k(n.to))), n.values.forEach((c, h) => {
-      if (c.done)
-        return;
-      const l = (
+    const { config: s } = n, a = qe(n.to);
+    !a && T(n.to) && (r = I(k(n.to))), n.values.forEach((l, m) => {
+      if (l.done) return;
+      const d = (
         // Animated strings always go from 0 to 1.
-        c.constructor == ge ? 1 : a ? a[h].lastPosition : r[h]
+        l.constructor == Te ? 1 : a ? a[m].lastPosition : r[m]
       );
-      let v = n.immediate, b = l;
-      if (!v) {
-        if (b = c.lastPosition, s.tension <= 0) {
-          c.done = !0;
+      let h = n.immediate, p = d;
+      if (!h) {
+        if (p = l.lastPosition, s.tension <= 0) {
+          l.done = !0;
           return;
         }
-        let y = c.elapsedTime += e;
-        const m = n.fromValues[h], _ = c.v0 != null ? c.v0 : c.v0 = o.arr(s.velocity) ? s.velocity[h] : s.velocity;
+        let _ = l.elapsedTime += e;
+        const g = n.fromValues[m], b = l.v0 != null ? l.v0 : l.v0 = o.arr(s.velocity) ? s.velocity[m] : s.velocity;
         let f;
-        const w = s.precision || (m == l ? 5e-3 : Math.min(1, Math.abs(l - m) * 1e-3));
+        const w = s.precision || (g == d ? 5e-3 : Math.min(1, Math.abs(d - g) * 1e-3));
         if (o.und(s.duration))
           if (s.decay) {
-            const p = s.decay === !0 ? 0.998 : s.decay, S = Math.exp(-(1 - p) * y);
-            b = m + _ / (1 - p) * (1 - S), v = Math.abs(c.lastPosition - b) <= w, f = _ * S;
+            const v = s.decay === !0 ? 0.998 : s.decay, A = Math.exp(-(1 - v) * _);
+            p = g + b / (1 - v) * (1 - A), h = Math.abs(l.lastPosition - p) <= w, f = b * A;
           } else {
-            f = c.lastVelocity == null ? _ : c.lastVelocity;
-            const p = s.restVelocity || w / 10, S = s.clamp ? 0 : s.bounce, x = !o.und(S), q = m == l ? c.v0 > 0 : m < l;
-            let A, G = !1;
-            const R = 1, D = Math.ceil(e / R);
-            for (let F = 0; F < D && (A = Math.abs(f) > p, !(!A && (v = Math.abs(l - b) <= w, v))); ++F) {
-              x && (G = b == l || b > l == q, G && (f = -f * S, b = l));
-              const $ = -s.tension * 1e-6 * (b - l), X = -s.friction * 1e-3 * f, Se = ($ + X) / s.mass;
-              f = f + Se * R, b = b + f * R;
+            f = l.lastVelocity == null ? b : l.lastVelocity;
+            const v = s.restVelocity || w / 10, A = s.clamp ? 0 : s.bounce, P = !o.und(A), U = g == d ? l.v0 > 0 : g < d;
+            let x, B = !1;
+            const R = 1, N = Math.ceil(e / R);
+            for (let F = 0; F < N && (x = Math.abs(f) > v, !(!x && (h = Math.abs(d - p) <= w, h))); ++F) {
+              P && (B = p == d || p > d == U, B && (f = -f * A, p = d));
+              const j = -s.tension * 1e-6 * (p - d), X = -s.friction * 1e-3 * f, be = (j + X) / s.mass;
+              f = f + be * R, p = p + f * R;
             }
           }
         else {
-          let p = 1;
-          s.duration > 0 && (this._memoizedDuration !== s.duration && (this._memoizedDuration = s.duration, c.durationProgress > 0 && (c.elapsedTime = s.duration * c.durationProgress, y = c.elapsedTime += e)), p = (s.progress || 0) + y / this._memoizedDuration, p = p > 1 ? 1 : p < 0 ? 0 : p, c.durationProgress = p), b = m + s.easing(p) * (l - m), f = (b - c.lastPosition) / e, v = p == 1;
+          let v = 1;
+          s.duration > 0 && (this._memoizedDuration !== s.duration && (this._memoizedDuration = s.duration, l.durationProgress > 0 && (l.elapsedTime = s.duration * l.durationProgress, _ = l.elapsedTime += e)), v = (s.progress || 0) + _ / this._memoizedDuration, v = v > 1 ? 1 : v < 0 ? 0 : v, l.durationProgress = v), p = g + s.easing(v) * (d - g), f = (p - l.lastPosition) / e, h = v == 1;
         }
-        c.lastVelocity = f, Number.isNaN(b) && (console.warn("Got NaN while animating:", this), v = !0);
+        l.lastVelocity = f, Number.isNaN(p) && (console.warn("Got NaN while animating:", this), h = !0);
       }
-      a && !a[h].done && (v = !1), v ? c.done = !0 : t = !1, c.setValue(b, s.round) && (i = !0);
+      a && !a[m].done && (h = !1), h ? l.done = !0 : t = !1, l.setValue(p, s.round) && (i = !0);
     });
-    const u = U(this), d = u.getValue();
+    const u = q(this), c = u.getValue();
     if (t) {
-      const c = k(n.to);
-      (d !== c || i) && !s.decay ? (u.setValue(c), this._onChange(c)) : i && s.decay && this._onChange(d), this._stop();
-    } else i && this._onChange(d);
+      const l = k(n.to);
+      (c !== l || i) && !s.decay ? (u.setValue(l), this._onChange(l)) : i && s.decay && this._onChange(c), this._stop();
+    } else i && this._onChange(c);
   }
   /** Set the current value, while stopping the current animation */
   set(e) {
-    return g.batchedUpdates(() => {
+    return y.batchedUpdates(() => {
       this._stop(), this._focus(e), this._set(e);
     }), this;
   }
@@ -1233,9 +1202,9 @@ var zt = class extends Error {
   }
   /** Skip to the end of the current animation. */
   finish() {
-    if (N(this)) {
+    if (D(this)) {
       const { to: e, config: t } = this.animation;
-      g.batchedUpdates(() => {
+      y.batchedUpdates(() => {
         this._onStart(), t.decay || this._set(e, !1), this._stop();
       });
     }
@@ -1249,7 +1218,7 @@ var zt = class extends Error {
     let i;
     return o.und(e) ? (i = this.queue || [], this.queue = []) : i = [o.obj(e) ? e : { ...t, to: e }], Promise.all(
       i.map((n) => this._update(n))
-    ).then((n) => yt(this, n));
+    ).then((n) => pt(this, n));
   }
   /**
    * Stop the current animation, and cancel any delayed updates.
@@ -1258,7 +1227,7 @@ var zt = class extends Error {
    */
   stop(e) {
     const { to: t } = this.animation;
-    return this._focus(this.get()), ye(this._state, e && this._lastCallId), g.batchedUpdates(() => this._stop(t, e)), this;
+    return this._focus(this.get()), ge(this._state, e && this._lastCallId), y.batchedUpdates(() => this._stop(t, e)), this;
   }
   /** Restart the animation. */
   reset() {
@@ -1277,34 +1246,34 @@ var zt = class extends Error {
   _prepareNode(e) {
     const t = this.key || "";
     let { to: i, from: n } = e;
-    i = o.obj(i) ? i[t] : i, (i == null || Je(i)) && (i = void 0), n = o.obj(n) ? n[t] : n, n == null && (n = void 0);
+    i = o.obj(i) ? i[t] : i, (i == null || Ze(i)) && (i = void 0), n = o.obj(n) ? n[t] : n, n == null && (n = void 0);
     const r = { to: i, from: n };
-    return Ge(this) || (e.reverse && ([i, n] = [n, i]), n = k(n), o.und(n) ? U(this) || this._set(i) : this._set(n)), r;
+    return Le(this) || (e.reverse && ([i, n] = [n, i]), n = k(n), o.und(n) ? q(this) || this._set(i) : this._set(n)), r;
   }
   /** Every update is processed by this method before merging. */
   _update({ ...e }, t) {
     const { key: i, defaultProps: n } = this;
     e.default && Object.assign(
       n,
-      vt(
+      mt(
         e,
-        (a, u) => /^on/.test(u) ? mi(a, i) : a
+        (a, u) => /^on/.test(u) ? hi(a, i) : a
       )
-    ), Lt(this, e, "onProps"), re(this, "onProps", e, this);
+    ), Dt(this, e, "onProps"), re(this, "onProps", e, this);
     const r = this._prepareNode(e);
     if (Object.isFrozen(this))
       throw Error(
         "Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?"
       );
     const s = this._state;
-    return vi(++this._lastCallId, {
+    return gi(++this._lastCallId, {
       key: i,
       props: e,
       defaultProps: n,
       state: s,
       actions: {
         pause: () => {
-          ie(this) || (Qt(this, !0), se(s.pauseQueue), re(
+          ie(this) || (zt(this, !0), se(s.pauseQueue), re(
             this,
             "onPause",
             C(this, ne(this, this.animation.to)),
@@ -1312,7 +1281,7 @@ var zt = class extends Error {
           ));
         },
         resume: () => {
-          ie(this) && (Qt(this, !1), N(this) && this._resume(), se(s.resumeQueue), re(
+          ie(this) && (zt(this, !1), D(this) && this._resume(), se(s.resumeQueue), re(
             this,
             "onResume",
             C(this, ne(this, this.animation.to)),
@@ -1323,7 +1292,7 @@ var zt = class extends Error {
       }
     }).then((a) => {
       if (e.loop && a.finished && !(t && a.noop)) {
-        const u = wi(e);
+        const u = bi(e);
         if (u)
           return this._update(u, !0);
       }
@@ -1340,68 +1309,68 @@ var zt = class extends Error {
         this._lastToId = t.callId;
       else
         return i(J(this));
-    const { key: s, defaultProps: a, animation: u } = this, { to: d, from: c } = u;
-    let { to: h = d, from: l = c } = e;
-    r && !n && (!t.default || o.und(h)) && (h = l), t.reverse && ([h, l] = [l, h]);
-    const v = !z(l, c);
-    v && (u.from = l), l = k(l);
-    const b = !z(h, d);
-    b && this._focus(h);
-    const y = Je(t.to), { config: m } = u, { decay: _, velocity: f } = m;
-    (n || r) && (m.velocity = 0), t.config && !y && Vn(
-      m,
-      Y(t.config, s),
+    const { key: s, defaultProps: a, animation: u } = this, { to: c, from: l } = u;
+    let { to: m = c, from: d = l } = e;
+    r && !n && (!t.default || o.und(m)) && (m = d), t.reverse && ([m, d] = [d, m]);
+    const h = !z(d, l);
+    h && (u.from = d), d = k(d);
+    const p = !z(m, c);
+    p && this._focus(m);
+    const _ = Ze(t.to), { config: g } = u, { decay: b, velocity: f } = g;
+    (n || r) && (g.velocity = 0), t.config && !_ && Tn(
+      g,
+      G(t.config, s),
       // Avoid calling the same "config" prop twice.
-      t.config !== a.config ? Y(a.config, s) : void 0
+      t.config !== a.config ? G(a.config, s) : void 0
     );
-    let w = U(this);
-    if (!w || o.und(h))
+    let w = q(this);
+    if (!w || o.und(m))
       return i(C(this, !0));
-    const p = (
+    const v = (
       // 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.
-      o.und(t.reset) ? r && !t.default : !o.und(l) && ue(t.reset, s)
-    ), S = p ? l : this.get(), x = ve(h), q = o.num(x) || o.arr(x) || je(x), A = !y && (!q || ue(a.immediate || t.immediate, s));
-    if (b) {
-      const F = Ke(h);
+      o.und(t.reset) ? r && !t.default : !o.und(d) && ue(t.reset, s)
+    ), A = v ? d : this.get(), P = pe(m), U = o.num(P) || o.arr(P) || Ue(P), x = !_ && (!U || ue(a.immediate || t.immediate, s));
+    if (p) {
+      const F = Xe(m);
       if (F !== w.constructor)
-        if (A)
-          w = this._set(x);
+        if (x)
+          w = this._set(P);
         else
           throw Error(
             `Cannot animate between ${w.constructor.name} and ${F.name}, as the "to" prop suggests`
           );
     }
-    const G = w.constructor;
-    let R = T(h), D = !1;
+    const B = w.constructor;
+    let R = T(m), N = !1;
     if (!R) {
-      const F = p || !Ge(this) && v;
-      (b || F) && (D = z(ve(S), x), R = !D), (!z(u.immediate, A) && !A || !z(m.decay, _) || !z(m.velocity, f)) && (R = !0);
+      const F = v || !Le(this) && h;
+      (p || F) && (N = z(pe(A), P), R = !N), (!z(u.immediate, x) && !x || !z(g.decay, b) || !z(g.velocity, f)) && (R = !0);
     }
-    if (D && N(this) && (u.changed && !p ? R = !0 : R || this._stop(d)), !y && ((R || T(d)) && (u.values = w.getPayload(), u.toValues = T(h) ? null : G == ge ? [1] : I(x)), u.immediate != A && (u.immediate = A, !A && !p && this._set(d)), R)) {
+    if (N && D(this) && (u.changed && !v ? R = !0 : R || this._stop(c)), !_ && ((R || T(c)) && (u.values = w.getPayload(), u.toValues = T(m) ? null : B == Te ? [1] : I(P)), u.immediate != x && (u.immediate = x, !x && !v && this._set(c)), R)) {
       const { onRest: F } = u;
-      P(qn, (X) => Lt(this, t, X));
-      const $ = C(this, ne(this, d));
-      se(this._pendingCalls, $), this._pendingCalls.add(i), u.changed && g.batchedUpdates(() => {
-        u.changed = !p, F?.($, this), p ? Y(a.onRest, $) : u.onStart?.($, this);
+      S(On, (X) => Dt(this, t, X));
+      const j = C(this, ne(this, c));
+      se(this._pendingCalls, j), this._pendingCalls.add(i), u.changed && y.batchedUpdates(() => {
+        u.changed = !v, F?.(j, this), v ? G(a.onRest, j) : u.onStart?.(j, this);
       });
     }
-    p && this._set(S), y ? i(_i(t.to, t, this._state, this)) : R ? this._start() : N(this) && !b ? this._pendingCalls.add(i) : i(yi(S));
+    v && this._set(A), _ ? i(yi(t.to, t, this._state, this)) : R ? this._start() : D(this) && !p ? this._pendingCalls.add(i) : i(vi(A));
   }
   /** Update the `animation.to` value, which might be a `FluidValue` */
   _focus(e) {
     const t = this.animation;
-    e !== t.to && (Ft(this) && this._detach(), t.to = e, Ft(this) && this._attach());
+    e !== t.to && (It(this) && this._detach(), t.to = e, It(this) && this._attach());
   }
   _attach() {
     let e = 0;
     const { to: t } = this.animation;
-    T(t) && (te(t, this), tt(t) && (e = t.priority + 1)), this.priority = e;
+    T(t) && (te(t, this), Je(t) && (e = t.priority + 1)), this.priority = e;
   }
   _detach() {
     const { to: e } = this.animation;
-    T(e) && me(e, this);
+    T(e) && he(e, this);
   }
   /**
    * Update the current value from outside the frameloop,
@@ -1410,15 +1379,15 @@ var zt = class extends Error {
   _set(e, t = !0) {
     const i = k(e);
     if (!o.und(i)) {
-      const n = U(this);
+      const n = q(this);
       if (!n || !z(i, n.getValue())) {
-        const r = Ke(i);
-        !n || n.constructor != r ? gt(this, r.create(i)) : n.setValue(i), n && g.batchedUpdates(() => {
+        const r = Xe(i);
+        !n || n.constructor != r ? ht(this, r.create(i)) : n.setValue(i), n && y.batchedUpdates(() => {
           this._onChange(i, t);
         });
       }
     }
-    return U(this);
+    return q(this);
   }
   _onStart() {
     const e = this.animation;
@@ -1430,17 +1399,17 @@ var zt = class extends Error {
     ));
   }
   _onChange(e, t) {
-    t || (this._onStart(), Y(this.animation.onChange, e, this)), Y(this.defaultProps.onChange, e, this), super._onChange(e, t);
+    t || (this._onStart(), G(this.animation.onChange, e, this)), G(this.defaultProps.onChange, e, this), super._onChange(e, t);
   }
   // This method resets the animation state (even if already animating) to
   // ensure the latest from/to range is used, and it also ensures this spring
   // is added to the frameloop.
   _start() {
     const e = this.animation;
-    U(this).reset(k(e.to)), e.immediate || (e.fromValues = e.values.map((t) => t.lastPosition)), N(this) || (Nt(this, !0), ie(this) || this._resume());
+    q(this).reset(k(e.to)), e.immediate || (e.fromValues = e.values.map((t) => t.lastPosition)), D(this) || (jt(this, !0), ie(this) || this._resume());
   }
   _resume() {
-    O.skipAnimation ? this.finish() : Oe.start(this);
+    O.skipAnimation ? this.finish() : Ce.start(this);
   }
   /**
    * Exit the frameloop and notify `onRest` listeners.
@@ -1448,12 +1417,12 @@ var zt = class extends Error {
    * Always wrap `_stop` calls with `batchedUpdates`.
    */
   _stop(e, t) {
-    if (N(this)) {
-      Nt(this, !1);
+    if (D(this)) {
+      jt(this, !1);
       const i = this.animation;
-      P(i.values, (r) => {
+      S(i.values, (r) => {
         r.done = !0;
-      }), i.toValues && (i.onChange = i.onPause = i.onResume = void 0), he(this, {
+      }), i.toValues && (i.onChange = i.onPause = i.onResume = void 0), fe(this, {
         type: "idle",
         parent: this
       });
@@ -1463,14 +1432,14 @@ var zt = class extends Error {
   }
 };
 function ne(e, t) {
-  const i = ve(t), n = ve(e.get());
+  const i = pe(t), n = pe(e.get());
   return z(n, i);
 }
-function wi(e, t = e.loop, i = e.to) {
-  const n = Y(t);
+function bi(e, t = e.loop, i = e.to) {
+  const n = G(t);
   if (n) {
-    const r = n !== !0 && gi(n), s = (r || e).reverse, a = !r || r.reset;
-    return _e({
+    const r = n !== !0 && pi(n), s = (r || e).reverse, a = !r || r.reset;
+    return ve({
       ...e,
       loop: t,
       // Avoid updating default props when looping.
@@ -1480,7 +1449,7 @@ function wi(e, t = e.loop, i = e.to) {
       // For the "reverse" prop to loop as expected, the "to" prop
       // must be undefined. The "reverse" prop is ignored when the
       // "to" prop is an array or function.
-      to: !s || Je(i) ? i : void 0,
+      to: !s || Ze(i) ? i : void 0,
       // Ignore the "from" prop except on reset.
       from: a ? e.from : void 0,
       reset: a,
@@ -1490,33 +1459,33 @@ function wi(e, t = e.loop, i = e.to) {
     });
   }
 }
-function _e(e) {
-  const { to: t, from: i } = e = gi(e), n = /* @__PURE__ */ new Set();
-  return o.obj(t) && Mt(t, n), o.obj(i) && Mt(i, n), e.keys = n.size ? Array.from(n) : null, e;
+function ve(e) {
+  const { to: t, from: i } = e = pi(e), n = /* @__PURE__ */ new Set();
+  return o.obj(t) && Nt(t, n), o.obj(i) && Nt(i, n), e.keys = n.size ? Array.from(n) : null, e;
 }
-function On(e) {
-  const t = _e(e);
-  return o.und(t.default) && (t.default = vt(t)), t;
+function En(e) {
+  const t = ve(e);
+  return o.und(t.default) && (t.default = mt(t)), t;
 }
-function Mt(e, t) {
-  j(e, (i, n) => i != null && t.add(n));
+function Nt(e, t) {
+  $(e, (i, n) => i != null && t.add(n));
 }
-var qn = [
+var On = [
   "onStart",
   "onRest",
   "onChange",
   "onPause",
   "onResume"
 ];
-function Lt(e, t, i) {
-  e.animation[i] = t[i] !== pi(t, i) ? mi(t[i], e.key) : void 0;
+function Dt(e, t, i) {
+  e.animation[i] = t[i] !== mi(t, i) ? hi(t[i], e.key) : void 0;
 }
 function re(e, t, ...i) {
   e.animation[t]?.(...i), e.defaultProps[t]?.(...i);
 }
-var Un = ["onStart", "onChange", "onRest"], jn = 1, $n = class {
+var Un = ["onStart", "onChange", "onRest"], qn = 1, $n = class {
   constructor(e, t) {
-    this.id = jn++, this.springs = {}, this.queue = [], this._lastAsyncId = 0, this._active = /* @__PURE__ */ new Set(), this._changed = /* @__PURE__ */ new Set(), this._started = !1, this._state = {
+    this.id = qn++, this.springs = {}, this.queue = [], this._lastAsyncId = 0, this._active = /* @__PURE__ */ new Set(), this._changed = /* @__PURE__ */ new Set(), this._started = !1, this._state = {
       paused: !1,
       pauseQueue: /* @__PURE__ */ new Set(),
       resumeQueue: /* @__PURE__ */ new Set(),
@@ -1554,7 +1523,7 @@ var Un = ["onStart", "onChange", "onRest"], jn = 1, $n = class {
   }
   /** Push an update onto the queue of each value. */
   update(e) {
-    return e && this.queue.push(_e(e)), this;
+    return e && this.queue.push(ve(e)), this;
   }
   /**
    * Start the queued animations for every spring, and resolve the returned
@@ -1565,15 +1534,15 @@ var Un = ["onStart", "onChange", "onRest"], jn = 1, $n = class {
    */
   start(e) {
     let { queue: t } = this;
-    return e ? t = I(e).map(_e) : this.queue = [], this._flush ? this._flush(this, t) : (Ri(this, t), rt(this, t));
+    return e ? t = I(e).map(ve) : this.queue = [], this._flush ? this._flush(this, t) : (xi(this, t), it(this, t));
   }
   /** @internal */
   stop(e, t) {
     if (e !== !!e && (t = e), t) {
       const i = this.springs;
-      P(I(t), (n) => i[n].stop(!!e));
+      S(I(t), (n) => i[n].stop(!!e));
     } else
-      ye(this._state, this._lastAsyncId), this.each((i) => i.stop(!!e));
+      ge(this._state, this._lastAsyncId), this.each((i) => i.stop(!!e));
     return this;
   }
   /** Freeze the active animation in time */
@@ -1582,7 +1551,7 @@ var Un = ["onStart", "onChange", "onRest"], jn = 1, $n = class {
       this.start({ pause: !0 });
     else {
       const t = this.springs;
-      P(I(e), (i) => t[i].pause());
+      S(I(e), (i) => t[i].pause());
     }
     return this;
   }
@@ -1592,25 +1561,25 @@ var Un = ["onStart", "onChange", "onRest"], jn = 1, $n = class {
       this.start({ pause: !1 });
     else {
       const t = this.springs;
-      P(I(e), (i) => t[i].resume());
+      S(I(e), (i) => t[i].resume());
     }
     return this;
   }
   /** Call a function once per spring value */
   each(e) {
-    j(this.springs, e);
+    $(this.springs, e);
   }
   /** @internal Called at the end of every animation frame */
   _onFrame() {
     const { onStart: e, onChange: t, onRest: i } = this._events, n = this._active.size > 0, r = this._changed.size > 0;
-    (n && !this._started || r && !this._started) && (this._started = !0, ae(e, ([u, d]) => {
-      d.value = this.get(), u(d, this, this._item);
+    (n && !this._started || r && !this._started) && (this._started = !0, ae(e, ([u, c]) => {
+      c.value = this.get(), u(c, this, this._item);
     }));
     const s = !n && this._started, a = r || s && i.size ? this.get() : null;
-    r && t.size && ae(t, ([u, d]) => {
-      d.value = a, u(d, this, this._item);
-    }), s && (this._started = !1, ae(i, ([u, d]) => {
-      d.value = a, u(d, this, this._item);
+    r && t.size && ae(t, ([u, c]) => {
+      c.value = a, u(c, this, this._item);
+    }), s && (this._started = !1, ae(i, ([u, c]) => {
+      c.value = a, u(c, this, this._item);
     }));
   }
   /** @internal */
@@ -1619,113 +1588,101 @@ var Un = ["onStart", "onChange", "onRest"], jn = 1, $n = class {
       this._changed.add(e.parent), e.idle || this._active.add(e.parent);
     else if (e.type == "idle")
       this._active.delete(e.parent);
-    else
-      return;
-    g.onFrame(this._onFrame);
+    else return;
+    y.onFrame(this._onFrame);
   }
 };
-function rt(e, t) {
-  return Promise.all(t.map((i) => Pi(e, i))).then(
-    (i) => yt(e, i)
+function it(e, t) {
+  return Promise.all(t.map((i) => wi(e, i))).then(
+    (i) => pt(e, i)
   );
 }
-async function Pi(e, t, i) {
-  const { keys: n, to: r, from: s, loop: a, onRest: u, onResolve: d } = t, c = o.obj(t.default) && t.default;
+async function wi(e, t, i) {
+  const { keys: n, to: r, from: s, loop: a, onRest: u, onResolve: c } = t, l = o.obj(t.default) && t.default;
   a && (t.loop = !1), r === !1 && (t.to = null), s === !1 && (t.from = null);
-  const h = o.arr(r) || o.fun(r) ? r : void 0;
-  h ? (t.to = void 0, t.onRest = void 0, c && (c.onRest = void 0)) : P(Un, (m) => {
-    const _ = t[m];
-    if (o.fun(_)) {
-      const f = e._events[m];
-      t[m] = ({ finished: w, cancelled: p }) => {
-        const S = f.get(_);
-        S ? (w || (S.finished = !1), p && (S.cancelled = !0)) : f.set(_, {
+  const m = o.arr(r) || o.fun(r) ? r : void 0;
+  m ? (t.to = void 0, t.onRest = void 0, l && (l.onRest = void 0)) : S(Un, (g) => {
+    const b = t[g];
+    if (o.fun(b)) {
+      const f = e._events[g];
+      t[g] = ({ finished: w, cancelled: v }) => {
+        const A = f.get(b);
+        A ? (w || (A.finished = !1), v && (A.cancelled = !0)) : f.set(b, {
           value: null,
           finished: w || !1,
-          cancelled: p || !1
+          cancelled: v || !1
         });
-      }, c && (c[m] = t[m]);
+      }, l && (l[g] = t[g]);
     }
   });
-  const l = e._state;
-  t.pause === !l.paused ? (l.paused = t.pause, se(t.pause ? l.pauseQueue : l.resumeQueue)) : l.paused && (t.pause = !0);
-  const v = (n || Object.keys(e.springs)).map(
-    (m) => e.springs[m].start(t)
-  ), b = t.cancel === !0 || pi(t, "cancel") === !0;
-  (h || b && l.asyncId) && v.push(
-    vi(++e._lastAsyncId, {
+  const d = e._state;
+  t.pause === !d.paused ? (d.paused = t.pause, se(t.pause ? d.pauseQueue : d.resumeQueue)) : d.paused && (t.pause = !0);
+  const h = (n || Object.keys(e.springs)).map(
+    (g) => e.springs[g].start(t)
+  ), p = t.cancel === !0 || mi(t, "cancel") === !0;
+  (m || p && d.asyncId) && h.push(
+    gi(++e._lastAsyncId, {
       props: t,
-      state: l,
+      state: d,
       actions: {
-        pause: Xe,
-        resume: Xe,
-        start(m, _) {
-          b ? (ye(l, e._lastAsyncId), _(J(e))) : (m.onRest = u, _(
-            _i(
-              h,
+        pause: He,
+        resume: He,
+        start(g, b) {
+          p ? (ge(d, e._lastAsyncId), b(J(e))) : (g.onRest = u, b(
+            yi(
               m,
-              l,
+              g,
+              d,
               e
             )
           ));
         }
       }
     })
-  ), l.paused && await new Promise((m) => {
-    l.resumeQueue.add(m);
+  ), d.paused && await new Promise((g) => {
+    d.resumeQueue.add(g);
   });
-  const y = yt(e, await Promise.all(v));
-  if (a && y.finished && !(i && y.noop)) {
-    const m = wi(t, a, r);
-    if (m)
-      return Ri(e, [m]), Pi(e, m, !0);
+  const _ = pt(e, await Promise.all(h));
+  if (a && _.finished && !(i && _.noop)) {
+    const g = bi(t, a, r);
+    if (g)
+      return xi(e, [g]), wi(e, g, !0);
   }
-  return d && g.batchedUpdates(() => d(y, e, e.item)), y;
+  return c && y.batchedUpdates(() => c(_, e, e.item)), _;
 }
-function Bt(e, t) {
+function Qt(e, t) {
   const i = { ...e.springs };
-  return t && P(I(t), (n) => {
-    o.und(n.keys) && (n = _e(n)), o.obj(n.to) || (n = { ...n, to: void 0 }), Ai(i, n, (r) => xi(r));
+  return t && S(I(t), (n) => {
+    o.und(n.keys) && (n = ve(n)), o.obj(n.to) || (n = { ...n, to: void 0 }), Pi(i, n, (r) => Ai(r));
   }), Si(e, i), i;
 }
 function Si(e, t) {
-  j(t, (i, n) => {
+  $(t, (i, n) => {
     e.springs[n] || (e.springs[n] = i, te(i, e));
   });
 }
-function xi(e, t) {
-  const i = new En();
+function Ai(e, t) {
+  const i = new Cn();
   return i.key = e, t && te(i, t), i;
 }
-function Ai(e, t, i) {
-  t.keys && P(t.keys, (n) => {
+function Pi(e, t, i) {
+  t.keys && S(t.keys, (n) => {
     (e[n] || (e[n] = i(n)))._prepareNode(t);
   });
 }
-function Ri(e, t) {
-  P(t, (i) => {
-    Ai(e.springs, i, (n) => xi(n, e));
+function xi(e, t) {
+  S(t, (i) => {
+    Pi(e.springs, i, (n) => Ai(n, e));
   });
 }
-var De = ({
-  children: e,
-  ...t
-}) => {
-  const i = Wt(Ce), n = t.pause || !!i.pause, r = t.immediate || !!i.immediate;
-  t = fn(() => ({ pause: n, immediate: r }), [n, r]);
-  const { Provider: s } = Ce;
-  return /* @__PURE__ */ st.createElement(s, { value: t }, e);
-}, Ce = zn(De, {});
-De.Provider = Ce.Provider;
-De.Consumer = Ce.Consumer;
-function zn(e, t) {
-  return Object.assign(e, st.createContext(t)), e.Provider._context = e, e.Consumer._context = e, e;
-}
-var Dn = () => {
+var jn = Bt.createContext({
+  pause: !1,
+  immediate: !1
+}), zn = () => {
   const e = [], t = function(n) {
-    ln();
+    cn();
     const r = [];
-    return P(e, (s, a) => {
+    return S(e, (s, a) => {
       if (o.und(n))
         r.push(s.start());
       else {
@@ -1740,17 +1697,17 @@ var Dn = () => {
     const r = e.indexOf(n);
     ~r && e.splice(r, 1);
   }, t.pause = function() {
-    return P(e, (n) => n.pause(...arguments)), this;
+    return S(e, (n) => n.pause(...arguments)), this;
   }, t.resume = function() {
-    return P(e, (n) => n.resume(...arguments)), this;
+    return S(e, (n) => n.resume(...arguments)), this;
   }, t.set = function(n) {
-    P(e, (r, s) => {
+    S(e, (r, s) => {
       const a = o.fun(n) ? n(s, r) : n;
       a && r.set(a);
     });
   }, t.start = function(n) {
     const r = [];
-    return P(e, (s, a) => {
+    return S(e, (s, a) => {
       if (o.und(n))
         r.push(s.start());
       else {
@@ -1759,9 +1716,9 @@ var Dn = () => {
       }
     }), r;
   }, t.stop = function() {
-    return P(e, (n) => n.stop(...arguments)), this;
+    return S(e, (n) => n.stop(...arguments)), this;
   }, t.update = function(n) {
-    return P(e, (r, s) => r.update(this._getProps(n, r, s))), this;
+    return S(e, (r, s) => r.update(this._getProps(n, r, s))), this;
   };
   const i = function(n, r, s) {
     return o.fun(n) ? n(s, r) : n;
@@ -1771,53 +1728,55 @@ var Dn = () => {
 function Nn(e, t, i) {
   const n = o.fun(t) && t;
   n && !i && (i = []);
-  const r = Ae(
-    () => n || arguments.length == 3 ? Dn() : void 0,
+  const r = Se(
+    () => n || arguments.length == 3 ? zn() : void 0,
     []
-  ), s = H(0), a = li(), u = Ae(
+  ), s = Y(0), a = oi(), u = Se(
     () => ({
       ctrls: [],
       queue: [],
       flush(f, w) {
-        const p = Bt(f, w);
-        return s.current > 0 && !u.queue.length && !Object.keys(p).some((x) => !f.springs[x]) ? rt(f, w) : new Promise((x) => {
-          Si(f, p), u.queue.push(() => {
-            x(rt(f, w));
+        const v = Qt(f, w);
+        return s.current > 0 && !u.queue.length && !Object.keys(v).some((P) => !f.springs[P]) ? it(f, w) : new Promise((P) => {
+          Si(f, v), u.queue.push(() => {
+            P(it(f, w));
           }), a();
         });
       }
     }),
     []
-  ), d = H([...u.ctrls]), c = [], h = Et(e) || 0;
-  Ae(() => {
-    P(d.current.slice(e, h), (f) => {
-      Rn(f, r), f.stop(!0);
-    }), d.current.length = e, l(h, e);
-  }, [e]), Ae(() => {
-    l(0, Math.min(h, e));
+  ), c = Y([...u.ctrls]), l = Y([]), m = Vt(e) || 0;
+  Se(() => {
+    S(c.current.slice(e, m), (f) => {
+      xn(f, r), f.stop(!0);
+    }), c.current.length = e, d(m, e);
+  }, [e]), Se(() => {
+    d(0, Math.min(m, e));
   }, i);
-  function l(f, w) {
-    for (let p = f; p < w; p++) {
-      const S = d.current[p] || (d.current[p] = new $n(null, u.flush)), x = n ? n(p, S) : t[p];
-      x && (c[p] = On(x));
+  function d(f, w) {
+    for (let v = f; v < w; v++) {
+      const A = c.current[v] || (c.current[v] = new $n(null, u.flush)), P = n ? n(v, A) : t[v];
+      P && (l.current[v] = En(P));
     }
   }
-  const v = d.current.map((f, w) => Bt(f, c[w])), b = Wt(De), y = Et(b), m = b !== y && An(b);
-  pt(() => {
-    s.current++, u.ctrls = d.current;
+  const h = c.current.map(
+    (f, w) => Qt(f, l.current[w])
+  ), p = Ci(jn), _ = Vt(p), g = p !== _ && Pn(p);
+  ft(() => {
+    s.current++, u.ctrls = c.current;
     const { queue: f } = u;
-    f.length && (u.queue = [], P(f, (w) => w())), P(d.current, (w, p) => {
-      r?.add(w), m && w.start({ default: b });
-      const S = c[p];
-      S && (kn(w, S.ref), w.ref ? w.queue.push(S) : w.start(S));
+    f.length && (u.queue = [], S(f, (w) => w())), S(c.current, (w, v) => {
+      r?.add(w), g && w.start({ default: p });
+      const A = l.current[v];
+      A && (Rn(w, A.ref), w.ref ? w.queue.push(A) : w.start(A));
     });
-  }), di(() => () => {
-    P(u.ctrls, (f) => f.stop(!0));
+  }), ui(() => () => {
+    S(u.ctrls, (f) => f.stop(!0));
   });
-  const _ = v.map((f) => ({ ...f }));
-  return r ? [_, r] : _;
+  const b = h.map((f) => ({ ...f }));
+  return r ? [b, r] : b;
 }
-function Qn(e, t) {
+function Dn(e, t) {
   const i = o.fun(e), [[n], r] = Nn(
     1,
     i ? e : [e],
@@ -1825,90 +1784,98 @@ function Qn(e, t) {
   );
   return i || arguments.length == 2 ? [n, r] : n;
 }
-var Mn = class extends _t {
+var Qn = class extends gt {
   constructor(e, t) {
-    super(), this.source = e, this.idle = !0, this._active = /* @__PURE__ */ new Set(), this.calc = de(...t);
-    const i = this._get(), n = Ke(i);
-    gt(this, n.create(i));
+    super(), this.source = e, this.idle = !0, this._active = /* @__PURE__ */ new Set(), this.calc = ce(...t);
+    const i = this._get(), n = Xe(i);
+    ht(this, n.create(i));
   }
   advance(e) {
     const t = this._get(), i = this.get();
-    z(t, i) || (U(this).setValue(t), this._onChange(t, this.idle)), !this.idle && Gt(this._active) && Ye(this);
+    z(t, i) || (q(this).setValue(t), this._onChange(t, this.idle)), !this.idle && Mt(this._active) && Be(this);
   }
   _get() {
     const e = o.arr(this.source) ? this.source.map(k) : I(k(this.source));
     return this.calc(...e);
   }
   _start() {
-    this.idle && !Gt(this._active) && (this.idle = !1, P($e(this), (e) => {
+    this.idle && !Mt(this._active) && (this.idle = !1, S(qe(this), (e) => {
       e.done = !1;
-    }), O.skipAnimation ? (g.batchedUpdates(() => this.advance()), Ye(this)) : Oe.start(this));
+    }), O.skipAnimation ? (y.batchedUpdates(() => this.advance()), Be(this)) : Ce.start(this));
   }
   // Observe our sources only when we're observed.
   _attach() {
     let e = 1;
-    P(I(this.source), (t) => {
-      T(t) && te(t, this), tt(t) && (t.idle || this._active.add(t), e = Math.max(e, t.priority + 1));
+    S(I(this.source), (t) => {
+      T(t) && te(t, this), Je(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() {
-    P(I(this.source), (e) => {
-      T(e) && me(e, this);
-    }), this._active.clear(), Ye(this);
+    S(I(this.source), (e) => {
+      T(e) && he(e, this);
+    }), this._active.clear(), Be(this);
   }
   /** @internal */
   eventObserved(e) {
     e.type == "change" ? e.idle ? this.advance() : (this._active.add(e.parent), this._start()) : e.type == "idle" ? this._active.delete(e.parent) : e.type == "priority" && (this.priority = I(this.source).reduce(
-      (t, i) => Math.max(t, (tt(i) ? i.priority : 0) + 1),
+      (t, i) => Math.max(t, (Je(i) ? i.priority : 0) + 1),
       0
     ));
   }
 };
-function Ln(e) {
+function Mn(e) {
   return e.idle !== !1;
 }
-function Gt(e) {
-  return !e.size || Array.from(e).every(Ln);
+function Mt(e) {
+  return !e.size || Array.from(e).every(Mn);
 }
-function Ye(e) {
-  e.idle || (e.idle = !0, P($e(e), (t) => {
+function Be(e) {
+  e.idle || (e.idle = !0, S(qe(e), (t) => {
     t.done = !0;
-  }), he(e, {
+  }), fe(e, {
     type: "idle",
     parent: e
   }));
 }
 O.assign({
-  createStringInterpolator: ui,
-  to: (e, t) => new Mn(e, t)
+  createStringInterpolator: si,
+  to: (e, t) => new Qn(e, t)
 });
-var ki = /^--/;
-function Bn(e, t) {
-  return t == null || typeof t == "boolean" || t === "" ? "" : typeof t == "number" && t !== 0 && !ki.test(e) && !(ce.hasOwnProperty(e) && ce[e]) ? t + "px" : ("" + t).trim();
+var Ri = /^--/;
+function Ln(e, t) {
+  return t == null || typeof t == "boolean" || t === "" ? "" : typeof t == "number" && t !== 0 && !Ri.test(e) && !(le.hasOwnProperty(e) && le[e]) ? t + "px" : ("" + t).trim();
 }
-var Yt = {};
-function Gn(e, t) {
+var Lt = {};
+function Bn(e, t) {
   if (!e.nodeType || !e.setAttribute)
     return !1;
-  const i = e.nodeName === "filter" || e.parentNode && e.parentNode.nodeName === "filter", { style: n, children: r, scrollTop: s, scrollLeft: a, viewBox: u, ...d } = t, c = Object.values(d), h = Object.keys(d).map(
-    (l) => i || e.hasAttribute(l) ? l : Yt[l] || (Yt[l] = l.replace(
+  const i = e.nodeName === "filter" || e.parentNode && e.parentNode.nodeName === "filter", {
+    className: n,
+    style: r,
+    children: s,
+    scrollTop: a,
+    scrollLeft: u,
+    viewBox: c,
+    ...l
+  } = t, m = Object.values(l), d = Object.keys(l).map(
+    (h) => i || e.hasAttribute(h) ? h : Lt[h] || (Lt[h] = h.replace(
       /([A-Z])/g,
       // Attributes are written in dash case
-      (v) => "-" + v.toLowerCase()
+      (p) => "-" + p.toLowerCase()
     ))
   );
-  r !== void 0 && (e.textContent = r);
-  for (const l in n)
-    if (n.hasOwnProperty(l)) {
-      const v = Bn(l, n[l]);
-      ki.test(l) ? e.style.setProperty(l, v) : e.style[l] = v;
+  s !== void 0 && (e.textContent = s);
+  for (const h in r)
+    if (r.hasOwnProperty(h)) {
+      const p = Ln(h, r[h]);
+      Ri.test(h) ? e.style.setProperty(h, p) : e.style[h] = p;
     }
-  h.forEach((l, v) => {
-    e.setAttribute(l, c[v]);
-  }), s !== void 0 && (e.scrollTop = s), a !== void 0 && (e.scrollLeft = a), u !== void 0 && e.setAttribute("viewBox", u);
+  d.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), c !== void 0 && e.setAttribute("viewBox", c);
 }
-var ce = {
+var le = {
   animationIterationCount: !0,
   borderImageOutset: !0,
   borderImageSlice: !0,
@@ -1951,35 +1918,34 @@ var ce = {
   strokeMiterlimit: !0,
   strokeOpacity: !0,
   strokeWidth: !0
-}, Yn = (e, t) => e + t.charAt(0).toUpperCase() + t.substring(1), Hn = ["Webkit", "Ms", "Moz", "O"];
-ce = Object.keys(ce).reduce((e, t) => (Hn.forEach((i) => e[Yn(i, t)] = e[t]), e), ce);
-var Wn = /^(matrix|translate|scale|rotate|skew)/, Xn = /^(translate)/, Zn = /^(rotate|skew)/, He = (e, t) => o.num(e) && e !== 0 ? e + t : e, Ie = (e, t) => o.arr(e) ? e.every((i) => Ie(i, t)) : o.num(e) ? e === t : parseFloat(e) === t, Kn = class extends ze {
+}, Gn = (e, t) => e + t.charAt(0).toUpperCase() + t.substring(1), Yn = ["Webkit", "Ms", "Moz", "O"];
+le = Object.keys(le).reduce((e, t) => (Yn.forEach((i) => e[Gn(i, t)] = e[t]), e), le);
+var Hn = /^(matrix|translate|scale|rotate|skew)/, Wn = /^(translate)/, Xn = /^(rotate|skew)/, Ge = (e, t) => o.num(e) && e !== 0 ? e + t : e, xe = (e, t) => o.arr(e) ? e.every((i) => xe(i, t)) : o.num(e) ? e === t : parseFloat(e) === t, Zn = class extends je {
   constructor({ x: e, y: t, z: i, ...n }) {
     const r = [], s = [];
     (e || t || i) && (r.push([e || 0, t || 0, i || 0]), s.push((a) => [
-      `translate3d(${a.map((u) => He(u, "px")).join(",")})`,
+      `translate3d(${a.map((u) => Ge(u, "px")).join(",")})`,
       // prettier-ignore
-      Ie(a, 0)
-    ])), j(n, (a, u) => {
+      xe(a, 0)
+    ])), $(n, (a, u) => {
       if (u === "transform")
-        r.push([a || ""]), s.push((d) => [d, d === ""]);
-      else if (Wn.test(u)) {
-        if (delete n[u], o.und(a))
-          return;
-        const d = Xn.test(u) ? "px" : Zn.test(u) ? "deg" : "";
+        r.push([a || ""]), s.push((c) => [c, c === ""]);
+      else if (Hn.test(u)) {
+        if (delete n[u], o.und(a)) return;
+        const c = Wn.test(u) ? "px" : Xn.test(u) ? "deg" : "";
         r.push(I(a)), s.push(
-          u === "rotate3d" ? ([c, h, l, v]) => [
-            `rotate3d(${c},${h},${l},${He(v, d)})`,
-            Ie(v, 0)
-          ] : (c) => [
-            `${u}(${c.map((h) => He(h, d)).join(",")})`,
-            Ie(c, u.startsWith("scale") ? 1 : 0)
+          u === "rotate3d" ? ([l, m, d, h]) => [
+            `rotate3d(${l},${m},${d},${Ge(h, c)})`,
+            xe(h, 0)
+          ] : (l) => [
+            `${u}(${l.map((m) => Ge(m, c)).join(",")})`,
+            xe(l, u.startsWith("scale") ? 1 : 0)
           ]
         );
       }
-    }), r.length && (n.transform = new Jn(r, s)), super(n);
+    }), r.length && (n.transform = new Kn(r, s)), super(n);
   }
-}, Jn = class extends si {
+}, Kn = class extends ii {
   constructor(e, t) {
     super(), this.inputs = e, this.transforms = t, this._value = null;
   }
@@ -1988,7 +1954,7 @@ var Wn = /^(matrix|translate|scale|rotate|skew)/, Xn = /^(translate)/, Zn = /^(r
   }
   _get() {
     let e = "", t = !0;
-    return P(this.inputs, (i, n) => {
+    return S(this.inputs, (i, n) => {
       const r = k(i[0]), [s, a] = this.transforms[n](
         o.arr(r) ? r : i.map(k)
       );
@@ -1997,9 +1963,9 @@ var Wn = /^(matrix|translate|scale|rotate|skew)/, Xn = /^(translate)/, Zn = /^(r
   }
   // Start observing our inputs once we have an observer.
   observerAdded(e) {
-    e == 1 && P(
+    e == 1 && S(
       this.inputs,
-      (t) => P(
+      (t) => S(
         t,
         (i) => T(i) && te(i, this)
       )
@@ -2007,18 +1973,18 @@ var Wn = /^(matrix|translate|scale|rotate|skew)/, Xn = /^(translate)/, Zn = /^(r
   }
   // Stop observing our inputs once we have no observers.
   observerRemoved(e) {
-    e == 0 && P(
+    e == 0 && S(
       this.inputs,
-      (t) => P(
+      (t) => S(
         t,
-        (i) => T(i) && me(i, this)
+        (i) => T(i) && he(i, this)
       )
     );
   }
   eventObserved(e) {
-    e.type == "change" && (this._value = null), he(this, e);
+    e.type == "change" && (this._value = null), fe(this, e);
   }
-}, er = [
+}, Jn = [
   "a",
   "abbr",
   "address",
@@ -2156,20 +2122,20 @@ var Wn = /^(matrix|translate|scale|rotate|skew)/, Xn = /^(translate)/, Zn = /^(r
 ];
 O.assign({
   batchedUpdates: Ei,
-  createStringInterpolator: ui,
-  colors: Ni
+  createStringInterpolator: si,
+  colors: Di
 });
-bn(er, {
-  applyAnimatedValues: Gn,
-  createAnimatedStyle: (e) => new Kn(e),
+_n(Jn, {
+  applyAnimatedValues: Bn,
+  createAnimatedStyle: (e) => new Zn(e),
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getComponentProps: ({ scrollTop: e, scrollLeft: t, ...i }) => i
 });
-var tr = "(prefers-reduced-motion: no-preference)", ir = function() {
-  return typeof window > "u" ? !0 : !window.matchMedia(tr).matches;
-}, nr = function() {
-  var e = le(ir), t = e[0], i = e[1];
-  return B(function() {
+var er = "(prefers-reduced-motion: no-preference)", tr = function() {
+  return typeof window > "u" ? !0 : !window.matchMedia(er).matches;
+}, ir = function() {
+  var e = Re(tr), t = e[0], i = e[1];
+  return H(function() {
     var n = window.matchMedia("(prefers-reduced-motion: no-preference)"), r = function(s) {
       i(!s.matches);
     };
@@ -2177,45 +2143,45 @@ var tr = "(prefers-reduced-motion: no-preference)", ir = function() {
       return n.removeEventListener("change", r);
     };
   }, []), t;
-}, rr = function(e) {
-  var t = e === void 0 ? {} : e, i = t.x, n = i === void 0 ? 0 : i, r = t.y, s = r === void 0 ? 0 : r, a = t.z, u = a === void 0 ? 0 : a, d = t.rotation, c = d === void 0 ? 0 : d, h = t.rx, l = h === void 0 ? 0 : h, v = t.ry, b = v === void 0 ? 0 : v, y = t.rz, m = y === void 0 ? c : y, _ = t.scale, f = _ === void 0 ? 1 : _, w = t.sx, p = w === void 0 ? f || 1 : w, S = t.sy, x = S === void 0 ? f || 1 : S, q = t.sz, A = q === void 0 ? f || 1 : q, G = t.skewX, R = G === void 0 ? 0 : G, D = t.skewY, F = D === void 0 ? 0 : D, $ = t.timing, X = $ === void 0 ? 150 : $, Se = t.springConfig, Ii = Se === void 0 ? {
+}, nr = function(e) {
+  var t = e === void 0 ? {} : e, i = t.x, n = i === void 0 ? 0 : i, r = t.y, s = r === void 0 ? 0 : r, a = t.z, u = a === void 0 ? 0 : a, c = t.rotation, l = c === void 0 ? 0 : c, m = t.rx, d = m === void 0 ? 0 : m, h = t.ry, p = h === void 0 ? 0 : h, _ = t.rz, g = _ === void 0 ? l : _, b = t.scale, f = b === void 0 ? 1 : b, w = t.sx, v = w === void 0 ? f || 1 : w, A = t.sy, P = A === void 0 ? f || 1 : A, U = t.sz, x = U === void 0 ? f || 1 : U, B = t.skewX, R = B === void 0 ? 0 : B, N = t.skewY, F = N === void 0 ? 0 : N, j = t.timing, X = j === void 0 ? 150 : j, be = t.springConfig, ki = be === void 0 ? {
     tension: 300,
     friction: 10
-  } : Se, bt = t.delay, wt = bt === void 0 ? 0 : bt, xe = nr(), Pt = le(!1), Ne = Pt[0], St = Pt[1], xt = le(!1), At = xt[0], Rt = xt[1], Ti = Qn(xe ? {} : {
-    transform: Ne ? "translate3D(" + n + "px, " + s + "px, " + u + `px)
-         rotateX(` + l + "deg) rotateY(" + b + "deg) rotateZ(" + m + `deg)
-         scale3D(` + p + "," + x + "," + A + `)
+  } : be, vt = t.delay, yt = vt === void 0 ? 0 : vt, we = ir(), _t = Re(!1), ze = _t[0], bt = _t[1], wt = Re(!1), St = wt[0], At = wt[1], Ii = Dn(we ? {} : {
+    transform: ze ? "translate3D(" + n + "px, " + s + "px, " + u + `px)
+         rotateX(` + d + "deg) rotateY(" + p + "deg) rotateZ(" + g + `deg)
+         scale3D(` + v + "," + P + "," + x + `)
          skew(` + R + "deg, " + F + "deg)" : `translate3D(0px, 0px, 0px)
          rotateX(0deg) rotateY(0deg) rotateZ(0deg)
          scale3D(1, 1, 1)
          skew(0deg, 0deg)`,
-    config: Ii,
-    immediate: xe
-  }), Vi = Ht(function() {
-    xe || Rt(!0);
-  }, [xe]);
-  return B(function() {
-    if (At) {
-      var Qe = window.setTimeout(function() {
-        St(!0), Rt(!1);
-      }, wt);
+    config: ki,
+    immediate: we
+  }), Ti = Gt(function() {
+    we || At(!0);
+  }, [we]);
+  return H(function() {
+    if (St) {
+      var Ne = window.setTimeout(function() {
+        bt(!0), At(!1);
+      }, yt);
       return function() {
-        return window.clearTimeout(Qe);
+        return window.clearTimeout(Ne);
       };
     }
-  }, [At, wt]), B(function() {
-    if (Ne) {
-      var Qe = window.setTimeout(function() {
-        return St(!1);
+  }, [St, yt]), H(function() {
+    if (ze) {
+      var Ne = window.setTimeout(function() {
+        return bt(!1);
       }, X);
       return function() {
-        return window.clearTimeout(Qe);
+        return window.clearTimeout(Ne);
       };
     }
-  }, [Ne, X]), [Ti, Vi];
+  }, [ze, X]), [Ii, Ti];
 };
-const or = (e) => {
-  const [{ transform: t }, i] = rr(e);
+const ar = (e) => {
+  const [{ transform: t }, i] = nr(e);
   return [
     {
       "--transform": t || `translate3D(0px, 0px, 0px)
@@ -2228,6 +2194,6 @@ const or = (e) => {
   ];
 };
 export {
-  or as useSafeBoop
+  ar as useSafeBoop
 };
 //# sourceMappingURL=useSafeBoop.js.map