lizaui 3.0.18 → 3.0.19

package/dist/chunks/{button-BFiQhp-f.js → button-DY6HAc8R.js}

@@ -1,19 +1,19 @@
 import { j as P } from "./jsx-runtime-BYq8_R6m.js";
-import * as yt from "react";
-import { useState as Ce, useCallback as se, useId as Ee, useMemo as W, cloneElement as Ws, isValidElement as An, createContext as ie, useRef as j, useLayoutEffect as Gs, useEffect as ke, useContext as E, useInsertionEffect as Mn, Children as zs, forwardRef as Cn, Fragment as Pn, createElement as _s } from "react";
-import { u as Us, d as _t } from "./refs-DcCOPvdv.js";
-import { t as Hs } from "./tv-ButAo3dF.js";
-import { d as Ys, c as Q } from "./classes-7MXTIFwM.js";
+import * as xt from "react";
+import { useState as Pe, useCallback as se, useId as ke, useMemo as W, cloneElement as rr, isValidElement as jn, createContext as ie, useRef as j, useLayoutEffect as ir, useEffect as Ne, useContext as O, useInsertionEffect as $n, Children as or, forwardRef as Wn, Fragment as Gn, createElement as ar } from "react";
+import { u as lr, d as Zt } from "./refs-DcCOPvdv.js";
+import { t as cr } from "./tv-ButAo3dF.js";
+import { d as ur, c as Q } from "./classes-7MXTIFwM.js";
 import { c as V } from "./variants-DhZQjbsQ.js";
-import { c as Xs } from "./clsx-OuTLNxxd.js";
-import { S as qs } from "./index-ctnzfHek.js";
-function Zs(e, t, n) {
+import { c as dr } from "./clsx-OuTLNxxd.js";
+import { S as fr } from "./index-ctnzfHek.js";
+function hr(e, t, n) {
   return Math.min(Math.max(e, t), n);
 }
-function Js(e) {
+function pr(e) {
   return `${e}-${Math.floor(Math.random() * 1e6)}`;
 }
-const Qs = Hs({
+const mr = cr({
   base: [
     "z-0",
     "cursor-pointer",
@@ -34,7 +34,7 @@ const Qs = Hs({
     "tap-highlight-transparent",
     "transform-gpu data-[pressed=true]:scale-[0.97]",
     // focus ring
-    ...Ys
+    ...ur
   ],
   variants: {
     variant: {
@@ -420,13 +420,13 @@ const Qs = Hs({
     }
   ]
 });
-function er(e = {}) {
-  const [t, n] = Ce([]), s = se((i) => {
+function gr(e = {}) {
+  const [t, n] = Pe([]), s = se((i) => {
     const o = i.target, a = Math.max(o.clientWidth, o.clientHeight);
     n((c) => [
       ...c,
       {
-        key: Js(c.length.toString()),
+        key: pr(c.length.toString()),
         size: a,
         x: i.x - a / 2,
         y: i.y - a / 2
@@ -437,7 +437,7 @@ function er(e = {}) {
   }, []);
   return { ripples: t, onClear: r, onPress: s, ...e };
 }
-function tr(e) {
+function yr(e) {
   const {
     id: t,
     classNames: n,
@@ -454,8 +454,8 @@ function tr(e) {
     spinnerPlacement: h = "start",
     type: m = "button",
     ...v
-  } = e, x = Us(e.ref), p = Ee(), S = t || p, { onPress: y, onClear: A, ripples: g } = er(), w = W(
-    () => Qs({
+  } = e, T = lr(e.ref), p = ke(), S = t || p, { onPress: y, onClear: A, ripples: g } = gr(), w = W(
+    () => mr({
       size: e.size,
       color: e.color,
       variant: e.variant,
@@ -477,20 +477,20 @@ function tr(e) {
       u == null || u(N);
     },
     [u, a]
-  ), T = (N) => An(N) ? Ws(N, {
+  ), x = (N) => jn(N) ? rr(N, {
     // "aria-hidden": true,
     // "focusable": false,
-  }) : null, I = T(l), R = T(d), z = (N) => {
-    const ze = N.currentTarget.getBoundingClientRect(), D = {
+  }) : null, I = x(l), R = x(d), z = (N) => {
+    const ze = N.currentTarget.getBoundingClientRect(), F = {
       target: N.currentTarget,
       x: N.clientX - ze.left,
       y: N.clientY - ze.top
     };
-    y(D);
+    y(F);
   }, Te = () => ({
-    className: Xs(w, n == null ? void 0 : n.base),
-    "data-disabled": _t(a),
-    "data-loading": _t(o),
+    className: dr(w, n == null ? void 0 : n.base),
+    "data-disabled": Zt(a),
+    "data-loading": Zt(o),
     onClick: M,
     onPointerDown: z,
     "data-slot": "button",
@@ -500,9 +500,9 @@ function tr(e) {
     ...v
   }), We = se(() => ({ ripples: g, onClear: A }), [g, A]);
   return {
-    domRef: x,
+    domRef: T,
     isIconOnly: c,
-    Component: r ? qs : "button",
+    Component: r ? fr : "button",
     children: i,
     isLoading: o,
     spinner: f,
@@ -513,48 +513,48 @@ function tr(e) {
     getRippleProps: We
   };
 }
-const Fn = ie({});
-function bt(e) {
+const zn = ie({});
+function Tt(e) {
   const t = j(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const vt = typeof window < "u", In = vt ? Gs : ke, Ne = /* @__PURE__ */ ie(null);
-function nr(e, t) {
+const Vt = typeof window < "u", _n = Vt ? ir : Ne, Le = /* @__PURE__ */ ie(null);
+function br(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
-function sr(e, t) {
+function vr(e, t) {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }
-const Z = (e, t, n) => n > t ? t : n < e ? e : n;
-let be = () => {
-}, J = () => {
+const J = (e, t, n) => n > t ? t : n < e ? e : n;
+let oe = () => {
+}, U = () => {
 };
-process.env.NODE_ENV !== "production" && (be = (e, t) => {
-}, J = (e, t) => {
+process.env.NODE_ENV !== "production" && (oe = (e, t) => {
+}, U = (e, t) => {
   if (!e)
     throw new Error(t);
 });
-const G = {}, Dn = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
-function rr(e) {
+const G = {}, Un = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
+function wr(e) {
   return typeof e == "object" && e !== null;
 }
-const Rn = (e) => /^0[^.\s]+$/u.test(e);
+const Hn = (e) => /^0[^.\s]+$/u.test(e);
 // @__NO_SIDE_EFFECTS__
-function wt(e) {
+function St(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const oe = /* @__NO_SIDE_EFFECTS__ */ (e) => e, ir = (e, t) => (n) => t(e(n)), Le = (...e) => e.reduce(ir), On = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
+const ae = /* @__NO_SIDE_EFFECTS__ */ (e) => e, xr = (e, t) => (n) => t(e(n)), Be = (...e) => e.reduce(xr), Yn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
   const s = t - e;
   return s === 0 ? 1 : (n - e) / s;
 };
-class En {
+class Xn {
   constructor() {
     this.subscriptions = [];
   }
   add(t) {
-    return nr(this.subscriptions, t), () => sr(this.subscriptions, t);
+    return br(this.subscriptions, t), () => vr(this.subscriptions, t);
   }
   notify(t, n, s) {
     const r = this.subscriptions.length;
@@ -575,48 +575,48 @@ class En {
   }
 }
 const B = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, $ = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
-function kn(e, t) {
+function qn(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const Ut = /* @__PURE__ */ new Set();
-function Tt(e, t, n) {
-  e || Ut.has(t) || Ut.add(t);
+const Jt = /* @__PURE__ */ new Set();
+function At(e, t, n) {
+  e || Jt.has(t) || Jt.add(t);
 }
-const Nn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, or = 1e-7, ar = 12;
-function lr(e, t, n, s, r) {
+const Zn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Tr = 1e-7, Vr = 12;
+function Sr(e, t, n, s, r) {
   let i, o, a = 0;
   do
-    o = t + (n - t) / 2, i = Nn(o, s, r) - e, i > 0 ? n = o : t = o;
-  while (Math.abs(i) > or && ++a < ar);
+    o = t + (n - t) / 2, i = Zn(o, s, r) - e, i > 0 ? n = o : t = o;
+  while (Math.abs(i) > Tr && ++a < Vr);
   return o;
 }
 function ve(e, t, n, s) {
   if (e === t && n === s)
-    return oe;
-  const r = (i) => lr(i, 0, 1, e, n);
-  return (i) => i === 0 || i === 1 ? i : Nn(r(i), t, s);
-}
-const Ln = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Bn = (e) => (t) => 1 - e(1 - t), Kn = /* @__PURE__ */ ve(0.33, 1.53, 0.69, 0.99), xt = /* @__PURE__ */ Bn(Kn), jn = /* @__PURE__ */ Ln(xt), $n = (e) => (e *= 2) < 1 ? 0.5 * xt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Vt = (e) => 1 - Math.sin(Math.acos(e)), cr = Bn(Vt), Wn = Ln(Vt), ur = /* @__PURE__ */ ve(0.42, 0, 1, 1), dr = /* @__PURE__ */ ve(0, 0, 0.58, 1), Gn = /* @__PURE__ */ ve(0.42, 0, 0.58, 1), fr = (e) => Array.isArray(e) && typeof e[0] != "number", zn = (e) => Array.isArray(e) && typeof e[0] == "number", Ht = {
-  linear: oe,
-  easeIn: ur,
-  easeInOut: Gn,
-  easeOut: dr,
-  circIn: Vt,
-  circInOut: Wn,
-  circOut: cr,
-  backIn: xt,
-  backInOut: jn,
-  backOut: Kn,
-  anticipate: $n
-}, hr = (e) => typeof e == "string", Yt = (e) => {
-  if (zn(e)) {
-    J(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
+    return ae;
+  const r = (i) => Sr(i, 0, 1, e, n);
+  return (i) => i === 0 || i === 1 ? i : Zn(r(i), t, s);
+}
+const Jn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Qn = (e) => (t) => 1 - e(1 - t), es = /* @__PURE__ */ ve(0.33, 1.53, 0.69, 0.99), Mt = /* @__PURE__ */ Qn(es), ts = /* @__PURE__ */ Jn(Mt), ns = (e) => (e *= 2) < 1 ? 0.5 * Mt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Ct = (e) => 1 - Math.sin(Math.acos(e)), Ar = Qn(Ct), ss = Jn(Ct), Mr = /* @__PURE__ */ ve(0.42, 0, 1, 1), Cr = /* @__PURE__ */ ve(0, 0, 0.58, 1), rs = /* @__PURE__ */ ve(0.42, 0, 0.58, 1), Pr = (e) => Array.isArray(e) && typeof e[0] != "number", is = (e) => Array.isArray(e) && typeof e[0] == "number", Qt = {
+  linear: ae,
+  easeIn: Mr,
+  easeInOut: rs,
+  easeOut: Cr,
+  circIn: Ct,
+  circInOut: ss,
+  circOut: Ar,
+  backIn: Mt,
+  backInOut: ts,
+  backOut: es,
+  anticipate: ns
+}, Dr = (e) => typeof e == "string", en = (e) => {
+  if (is(e)) {
+    U(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [t, n, s, r] = e;
     return ve(t, n, s, r);
-  } else if (hr(e))
-    return J(Ht[e] !== void 0, `Invalid easing type '${e}'`), Ht[e];
+  } else if (Dr(e))
+    return U(Qt[e] !== void 0, `Invalid easing type '${e}'`), Qt[e];
   return e;
-}, xe = [
+}, Ve = [
   "setup",
   // Compute
   "read",
@@ -634,7 +634,7 @@ const Ln = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Bn
   "postRender"
   // Compute
 ];
-function pr(e, t) {
+function Ir(e, t) {
   let n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), r = !1, i = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -672,70 +672,70 @@ function pr(e, t) {
   };
   return u;
 }
-const mr = 40;
-function _n(e, t) {
+const Fr = 40;
+function os(e, t) {
   let n = !1, s = !0;
   const r = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, i = () => n = !0, o = xe.reduce((y, A) => (y[A] = pr(i), y), {}), { setup: a, read: c, resolveKeyframes: u, preUpdate: l, update: d, preRender: f, render: h, postRender: m } = o, v = () => {
+  }, i = () => n = !0, o = Ve.reduce((y, A) => (y[A] = Ir(i), y), {}), { setup: a, read: c, resolveKeyframes: u, preUpdate: l, update: d, preRender: f, render: h, postRender: m } = o, v = () => {
     const y = G.useManualTiming ? r.timestamp : performance.now();
-    n = !1, G.useManualTiming || (r.delta = s ? 1e3 / 60 : Math.max(Math.min(y - r.timestamp, mr), 1)), r.timestamp = y, r.isProcessing = !0, a.process(r), c.process(r), u.process(r), l.process(r), d.process(r), f.process(r), h.process(r), m.process(r), r.isProcessing = !1, n && t && (s = !1, e(v));
-  }, x = () => {
+    n = !1, G.useManualTiming || (r.delta = s ? 1e3 / 60 : Math.max(Math.min(y - r.timestamp, Fr), 1)), r.timestamp = y, r.isProcessing = !0, a.process(r), c.process(r), u.process(r), l.process(r), d.process(r), f.process(r), h.process(r), m.process(r), r.isProcessing = !1, n && t && (s = !1, e(v));
+  }, T = () => {
     n = !0, s = !0, r.isProcessing || e(v);
   };
-  return { schedule: xe.reduce((y, A) => {
+  return { schedule: Ve.reduce((y, A) => {
     const g = o[A];
-    return y[A] = (w, M = !1, T = !1) => (n || x(), g.schedule(w, M, T)), y;
+    return y[A] = (w, M = !1, x = !1) => (n || T(), g.schedule(w, M, x)), y;
   }, {}), cancel: (y) => {
-    for (let A = 0; A < xe.length; A++)
-      o[xe[A]].cancel(y);
+    for (let A = 0; A < Ve.length; A++)
+      o[Ve[A]].cancel(y);
   }, state: r, steps: o };
 }
-const { schedule: L, cancel: et, state: Pe } = /* @__PURE__ */ _n(typeof requestAnimationFrame < "u" ? requestAnimationFrame : oe, !0);
-let Ae;
-function gr() {
-  Ae = void 0;
+const { schedule: L, cancel: tt, state: De, steps: vl } = /* @__PURE__ */ os(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ae, !0);
+let Me;
+function Rr() {
+  Me = void 0;
 }
 const k = {
-  now: () => (Ae === void 0 && k.set(Pe.isProcessing || G.useManualTiming ? Pe.timestamp : performance.now()), Ae),
+  now: () => (Me === void 0 && k.set(De.isProcessing || G.useManualTiming ? De.timestamp : performance.now()), Me),
   set: (e) => {
-    Ae = e, queueMicrotask(gr);
+    Me = e, queueMicrotask(Rr);
   }
-}, Un = (e) => (t) => typeof t == "string" && t.startsWith(e), Hn = /* @__PURE__ */ Un("--"), yr = /* @__PURE__ */ Un("var(--"), St = (e) => yr(e) ? br.test(e.split("/*")[0].trim()) : !1, br = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, ae = {
+}, as = (e) => (t) => typeof t == "string" && t.startsWith(e), Pt = /* @__PURE__ */ as("--"), Er = /* @__PURE__ */ as("var(--"), Dt = (e) => Er(e) ? Or.test(e.split("/*")[0].trim()) : !1, Or = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, le = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
-}, pe = {
-  ...ae,
-  transform: (e) => Z(0, 1, e)
-}, Ve = {
-  ...ae,
+}, me = {
+  ...le,
+  transform: (e) => J(0, 1, e)
+}, Se = {
+  ...le,
   default: 1
-}, he = (e) => Math.round(e * 1e5) / 1e5, At = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function vr(e) {
+}, pe = (e) => Math.round(e * 1e5) / 1e5, It = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function kr(e) {
   return e == null;
 }
-const wr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Mt = (e, t) => (n) => !!(typeof n == "string" && wr.test(n) && n.startsWith(e) || t && !vr(n) && Object.prototype.hasOwnProperty.call(n, t)), Yn = (e, t, n) => (s) => {
+const Nr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Ft = (e, t) => (n) => !!(typeof n == "string" && Nr.test(n) && n.startsWith(e) || t && !kr(n) && Object.prototype.hasOwnProperty.call(n, t)), ls = (e, t, n) => (s) => {
   if (typeof s != "string")
     return s;
-  const [r, i, o, a] = s.match(At);
+  const [r, i, o, a] = s.match(It);
   return {
     [e]: parseFloat(r),
     [t]: parseFloat(i),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Tr = (e) => Z(0, 255, e), He = {
-  ...ae,
-  transform: (e) => Math.round(Tr(e))
-}, H = {
-  test: /* @__PURE__ */ Mt("rgb", "red"),
-  parse: /* @__PURE__ */ Yn("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + He.transform(e) + ", " + He.transform(t) + ", " + He.transform(n) + ", " + he(pe.transform(s)) + ")"
+}, Lr = (e) => J(0, 255, e), He = {
+  ...le,
+  transform: (e) => Math.round(Lr(e))
+}, Y = {
+  test: /* @__PURE__ */ Ft("rgb", "red"),
+  parse: /* @__PURE__ */ ls("red", "green", "blue"),
+  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + He.transform(e) + ", " + He.transform(t) + ", " + He.transform(n) + ", " + pe(me.transform(s)) + ")"
 };
-function xr(e) {
+function Br(e) {
   let t = "", n = "", s = "", r = "";
   return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), s = e.substring(5, 7), r = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), s = e.substring(3, 4), r = e.substring(4, 5), t += t, n += n, s += s, r += r), {
     red: parseInt(t, 16),
@@ -744,76 +744,76 @@ function xr(e) {
     alpha: r ? parseInt(r, 16) / 255 : 1
   };
 }
-const tt = {
-  test: /* @__PURE__ */ Mt("#"),
-  parse: xr,
-  transform: H.transform
+const nt = {
+  test: /* @__PURE__ */ Ft("#"),
+  parse: Br,
+  transform: Y.transform
 }, we = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), _ = /* @__PURE__ */ we("deg"), ne = /* @__PURE__ */ we("%"), b = /* @__PURE__ */ we("px"), Vr = /* @__PURE__ */ we("vh"), Sr = /* @__PURE__ */ we("vw"), Xt = {
+}), _ = /* @__PURE__ */ we("deg"), ne = /* @__PURE__ */ we("%"), b = /* @__PURE__ */ we("px"), Kr = /* @__PURE__ */ we("vh"), jr = /* @__PURE__ */ we("vw"), tn = {
   ...ne,
   parse: (e) => ne.parse(e) / 100,
   transform: (e) => ne.transform(e * 100)
 }, ee = {
-  test: /* @__PURE__ */ Mt("hsl", "hue"),
-  parse: /* @__PURE__ */ Yn("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + ne.transform(he(t)) + ", " + ne.transform(he(n)) + ", " + he(pe.transform(s)) + ")"
-}, F = {
-  test: (e) => H.test(e) || tt.test(e) || ee.test(e),
-  parse: (e) => H.test(e) ? H.parse(e) : ee.test(e) ? ee.parse(e) : tt.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? H.transform(e) : ee.transform(e),
+  test: /* @__PURE__ */ Ft("hsl", "hue"),
+  parse: /* @__PURE__ */ ls("hue", "saturation", "lightness"),
+  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + ne.transform(pe(t)) + ", " + ne.transform(pe(n)) + ", " + pe(me.transform(s)) + ")"
+}, D = {
+  test: (e) => Y.test(e) || nt.test(e) || ee.test(e),
+  parse: (e) => Y.test(e) ? Y.parse(e) : ee.test(e) ? ee.parse(e) : nt.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? Y.transform(e) : ee.transform(e),
   getAnimatableNone: (e) => {
-    const t = F.parse(e);
-    return t.alpha = 0, F.transform(t);
+    const t = D.parse(e);
+    return t.alpha = 0, D.transform(t);
   }
-}, Ar = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function Mr(e) {
+}, $r = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function Wr(e) {
   var t, n;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(At)) == null ? void 0 : t.length) || 0) + (((n = e.match(Ar)) == null ? void 0 : n.length) || 0) > 0;
+  return isNaN(e) && typeof e == "string" && (((t = e.match(It)) == null ? void 0 : t.length) || 0) + (((n = e.match($r)) == null ? void 0 : n.length) || 0) > 0;
 }
-const Xn = "number", qn = "color", Cr = "var", Pr = "var(", qt = "${}", Fr = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
-function me(e) {
+const cs = "number", us = "color", Gr = "var", zr = "var(", nn = "${}", _r = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+function ge(e) {
   const t = e.toString(), n = [], s = {
     color: [],
     number: [],
     var: []
   }, r = [];
   let i = 0;
-  const a = t.replace(Fr, (c) => (F.test(c) ? (s.color.push(i), r.push(qn), n.push(F.parse(c))) : c.startsWith(Pr) ? (s.var.push(i), r.push(Cr), n.push(c)) : (s.number.push(i), r.push(Xn), n.push(parseFloat(c))), ++i, qt)).split(qt);
+  const a = t.replace(_r, (c) => (D.test(c) ? (s.color.push(i), r.push(us), n.push(D.parse(c))) : c.startsWith(zr) ? (s.var.push(i), r.push(Gr), n.push(c)) : (s.number.push(i), r.push(cs), n.push(parseFloat(c))), ++i, nn)).split(nn);
   return { values: n, split: a, indexes: s, types: r };
 }
-function Zn(e) {
-  return me(e).values;
+function ds(e) {
+  return ge(e).values;
 }
-function Jn(e) {
-  const { split: t, types: n } = me(e), s = t.length;
+function fs(e) {
+  const { split: t, types: n } = ge(e), s = t.length;
   return (r) => {
     let i = "";
     for (let o = 0; o < s; o++)
       if (i += t[o], r[o] !== void 0) {
         const a = n[o];
-        a === Xn ? i += he(r[o]) : a === qn ? i += F.transform(r[o]) : i += r[o];
+        a === cs ? i += pe(r[o]) : a === us ? i += D.transform(r[o]) : i += r[o];
       }
     return i;
   };
 }
-const Ir = (e) => typeof e == "number" ? 0 : F.test(e) ? F.getAnimatableNone(e) : e;
-function Dr(e) {
-  const t = Zn(e);
-  return Jn(e)(t.map(Ir));
+const Ur = (e) => typeof e == "number" ? 0 : D.test(e) ? D.getAnimatableNone(e) : e;
+function Hr(e) {
+  const t = ds(e);
+  return fs(e)(t.map(Ur));
 }
-const le = {
-  test: Mr,
-  parse: Zn,
-  createTransformer: Jn,
-  getAnimatableNone: Dr
+const ce = {
+  test: Wr,
+  parse: ds,
+  createTransformer: fs,
+  getAnimatableNone: Hr
 };
 function Ye(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
-function Rr({ hue: e, saturation: t, lightness: n, alpha: s }) {
+function Yr({ hue: e, saturation: t, lightness: n, alpha: s }) {
   e /= 360, t /= 100, n /= 100;
   let r = 0, i = 0, o = 0;
   if (!t)
@@ -829,55 +829,55 @@ function Rr({ hue: e, saturation: t, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function Fe(e, t) {
+function Ie(e, t) {
   return (n) => n > 0 ? t : e;
 }
-const Be = (e, t, n) => e + (t - e) * n, Xe = (e, t, n) => {
+const xe = (e, t, n) => e + (t - e) * n, Xe = (e, t, n) => {
   const s = e * e, r = n * (t * t - s) + s;
   return r < 0 ? 0 : Math.sqrt(r);
-}, Or = [tt, H, ee], Er = (e) => Or.find((t) => t.test(e));
-function Zt(e) {
-  const t = Er(e);
-  if (be(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
+}, Xr = [nt, Y, ee], qr = (e) => Xr.find((t) => t.test(e));
+function sn(e) {
+  const t = qr(e);
+  if (oe(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
     return !1;
   let n = t.parse(e);
-  return t === ee && (n = Rr(n)), n;
+  return t === ee && (n = Yr(n)), n;
 }
-const Jt = (e, t) => {
-  const n = Zt(e), s = Zt(t);
+const rn = (e, t) => {
+  const n = sn(e), s = sn(t);
   if (!n || !s)
-    return Fe(e, t);
+    return Ie(e, t);
   const r = { ...n };
-  return (i) => (r.red = Xe(n.red, s.red, i), r.green = Xe(n.green, s.green, i), r.blue = Xe(n.blue, s.blue, i), r.alpha = Be(n.alpha, s.alpha, i), H.transform(r));
-}, nt = /* @__PURE__ */ new Set(["none", "hidden"]);
-function kr(e, t) {
-  return nt.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
+  return (i) => (r.red = Xe(n.red, s.red, i), r.green = Xe(n.green, s.green, i), r.blue = Xe(n.blue, s.blue, i), r.alpha = xe(n.alpha, s.alpha, i), Y.transform(r));
+}, st = /* @__PURE__ */ new Set(["none", "hidden"]);
+function Zr(e, t) {
+  return st.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
-function Nr(e, t) {
-  return (n) => Be(e, t, n);
+function Jr(e, t) {
+  return (n) => xe(e, t, n);
 }
-function Ct(e) {
-  return typeof e == "number" ? Nr : typeof e == "string" ? St(e) ? Fe : F.test(e) ? Jt : Kr : Array.isArray(e) ? Qn : typeof e == "object" ? F.test(e) ? Jt : Lr : Fe;
+function Rt(e) {
+  return typeof e == "number" ? Jr : typeof e == "string" ? Dt(e) ? Ie : D.test(e) ? rn : ti : Array.isArray(e) ? hs : typeof e == "object" ? D.test(e) ? rn : Qr : Ie;
 }
-function Qn(e, t) {
-  const n = [...e], s = n.length, r = e.map((i, o) => Ct(i)(i, t[o]));
+function hs(e, t) {
+  const n = [...e], s = n.length, r = e.map((i, o) => Rt(i)(i, t[o]));
   return (i) => {
     for (let o = 0; o < s; o++)
       n[o] = r[o](i);
     return n;
   };
 }
-function Lr(e, t) {
+function Qr(e, t) {
   const n = { ...e, ...t }, s = {};
   for (const r in n)
-    e[r] !== void 0 && t[r] !== void 0 && (s[r] = Ct(e[r])(e[r], t[r]));
+    e[r] !== void 0 && t[r] !== void 0 && (s[r] = Rt(e[r])(e[r], t[r]));
   return (r) => {
     for (const i in s)
       n[i] = s[i](r);
     return n;
   };
 }
-function Br(e, t) {
+function ei(e, t) {
   const n = [], s = { color: 0, var: 0, number: 0 };
   for (let r = 0; r < t.values.length; r++) {
     const i = t.types[r], o = e.indexes[i][s[i]], a = e.values[o] ?? 0;
@@ -885,51 +885,51 @@ function Br(e, t) {
   }
   return n;
 }
-const Kr = (e, t) => {
-  const n = le.createTransformer(t), s = me(e), r = me(t);
-  return s.indexes.var.length === r.indexes.var.length && s.indexes.color.length === r.indexes.color.length && s.indexes.number.length >= r.indexes.number.length ? nt.has(e) && !r.values.length || nt.has(t) && !s.values.length ? kr(e, t) : Le(Qn(Br(s, r), r.values), n) : (be(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Fe(e, t));
+const ti = (e, t) => {
+  const n = ce.createTransformer(t), s = ge(e), r = ge(t);
+  return s.indexes.var.length === r.indexes.var.length && s.indexes.color.length === r.indexes.color.length && s.indexes.number.length >= r.indexes.number.length ? st.has(e) && !r.values.length || st.has(t) && !s.values.length ? Zr(e, t) : Be(hs(ei(s, r), r.values), n) : (oe(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Ie(e, t));
 };
-function es(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? Be(e, t, n) : Ct(e)(e, t);
+function ps(e, t, n) {
+  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? xe(e, t, n) : Rt(e)(e, t);
 }
-const jr = (e) => {
+const ni = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
     start: (n = !0) => L.update(t, n),
-    stop: () => et(t),
+    stop: () => tt(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => Pe.isProcessing ? Pe.timestamp : k.now()
+    now: () => De.isProcessing ? De.timestamp : k.now()
   };
-}, ts = (e, t, n = 10) => {
+}, ms = (e, t, n = 10) => {
   let s = "";
   const r = Math.max(Math.round(t / n), 2);
   for (let i = 0; i < r; i++)
     s += Math.round(e(i / (r - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${s.substring(0, s.length - 2)})`;
-}, Ie = 2e4;
-function Pt(e) {
+}, Fe = 2e4;
+function Et(e) {
   let t = 0;
   const n = 50;
   let s = e.next(t);
-  for (; !s.done && t < Ie; )
+  for (; !s.done && t < Fe; )
     t += n, s = e.next(t);
-  return t >= Ie ? 1 / 0 : t;
+  return t >= Fe ? 1 / 0 : t;
 }
-function $r(e, t = 100, n) {
-  const s = n({ ...e, keyframes: [0, t] }), r = Math.min(Pt(s), Ie);
+function si(e, t = 100, n) {
+  const s = n({ ...e, keyframes: [0, t] }), r = Math.min(Et(s), Fe);
   return {
     type: "keyframes",
     ease: (i) => s.next(r * i).value / t,
     duration: /* @__PURE__ */ $(r)
   };
 }
-const Wr = 5;
-function ns(e, t, n) {
-  const s = Math.max(t - Wr, 0);
-  return kn(n - e(s), t - s);
+const ri = 5;
+function gs(e, t, n) {
+  const s = Math.max(t - ri, 0);
+  return qn(n - e(s), t - s);
 }
 const C = {
   // Default spring physics
@@ -960,15 +960,15 @@ const C = {
   minDamping: 0.05,
   maxDamping: 1
 }, qe = 1e-3;
-function Gr({ duration: e = C.duration, bounce: t = C.bounce, velocity: n = C.velocity, mass: s = C.mass }) {
+function ii({ duration: e = C.duration, bounce: t = C.bounce, velocity: n = C.velocity, mass: s = C.mass }) {
   let r, i;
-  be(e <= /* @__PURE__ */ B(C.maxDuration), "Spring duration must be 10 seconds or less");
+  oe(e <= /* @__PURE__ */ B(C.maxDuration), "Spring duration must be 10 seconds or less");
   let o = 1 - t;
-  o = Z(C.minDamping, C.maxDamping, o), e = Z(C.minDuration, C.maxDuration, /* @__PURE__ */ $(e)), o < 1 ? (r = (u) => {
-    const l = u * o, d = l * e, f = l - n, h = st(u, o), m = Math.exp(-d);
+  o = J(C.minDamping, C.maxDamping, o), e = J(C.minDuration, C.maxDuration, /* @__PURE__ */ $(e)), o < 1 ? (r = (u) => {
+    const l = u * o, d = l * e, f = l - n, h = rt(u, o), m = Math.exp(-d);
     return qe - f / h * m;
   }, i = (u) => {
-    const d = u * o * e, f = d * n + n, h = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-d), v = st(Math.pow(u, 2), o);
+    const d = u * o * e, f = d * n + n, h = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-d), v = rt(Math.pow(u, 2), o);
     return (-r(u) + qe > 0 ? -1 : 1) * ((f - h) * m) / v;
   }) : (r = (u) => {
     const l = Math.exp(-u * e), d = (u - n) * e + 1;
@@ -977,7 +977,7 @@ function Gr({ duration: e = C.duration, bounce: t = C.bounce, velocity: n = C.ve
     const l = Math.exp(-u * e), d = (n - u) * (e * e);
     return l * d;
   });
-  const a = 5 / e, c = _r(r, i, a);
+  const a = 5 / e, c = ai(r, i, a);
   if (e = /* @__PURE__ */ B(e), isNaN(c))
     return {
       stiffness: C.stiffness,
@@ -993,21 +993,21 @@ function Gr({ duration: e = C.duration, bounce: t = C.bounce, velocity: n = C.ve
     };
   }
 }
-const zr = 12;
-function _r(e, t, n) {
+const oi = 12;
+function ai(e, t, n) {
   let s = n;
-  for (let r = 1; r < zr; r++)
+  for (let r = 1; r < oi; r++)
     s = s - e(s) / t(s);
   return s;
 }
-function st(e, t) {
+function rt(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
-const Ur = ["duration", "bounce"], Hr = ["stiffness", "damping", "mass"];
-function Qt(e, t) {
+const li = ["duration", "bounce"], ci = ["stiffness", "damping", "mass"];
+function on(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
-function Yr(e) {
+function ui(e) {
   let t = {
     velocity: C.velocity,
     stiffness: C.stiffness,
@@ -1016,9 +1016,9 @@ function Yr(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!Qt(e, Hr) && Qt(e, Ur))
+  if (!on(e, ci) && on(e, li))
     if (e.visualDuration) {
-      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), r = s * s, i = 2 * Z(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(r);
+      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), r = s * s, i = 2 * J(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(r);
       t = {
         ...t,
         mass: C.mass,
@@ -1026,7 +1026,7 @@ function Yr(e) {
         damping: i
       };
     } else {
-      const n = Gr(e);
+      const n = ii(e);
       t = {
         ...t,
         ...n,
@@ -1035,32 +1035,32 @@ function Yr(e) {
     }
   return t;
 }
-function De(e = C.visualDuration, t = C.bounce) {
+function Re(e = C.visualDuration, t = C.bounce) {
   const n = typeof e != "object" ? {
     visualDuration: e,
     keyframes: [0, 1],
     bounce: t
   } : e;
   let { restSpeed: s, restDelta: r } = n;
-  const i = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: i }, { stiffness: c, damping: u, mass: l, duration: d, velocity: f, isResolvedFromDuration: h } = Yr({
+  const i = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: i }, { stiffness: c, damping: u, mass: l, duration: d, velocity: f, isResolvedFromDuration: h } = ui({
     ...n,
     velocity: -/* @__PURE__ */ $(n.velocity || 0)
-  }), m = f || 0, v = u / (2 * Math.sqrt(c * l)), x = o - i, p = /* @__PURE__ */ $(Math.sqrt(c / l)), S = Math.abs(x) < 5;
+  }), m = f || 0, v = u / (2 * Math.sqrt(c * l)), T = o - i, p = /* @__PURE__ */ $(Math.sqrt(c / l)), S = Math.abs(T) < 5;
   s || (s = S ? C.restSpeed.granular : C.restSpeed.default), r || (r = S ? C.restDelta.granular : C.restDelta.default);
   let y;
   if (v < 1) {
-    const g = st(p, v);
+    const g = rt(p, v);
     y = (w) => {
       const M = Math.exp(-v * p * w);
-      return o - M * ((m + v * p * x) / g * Math.sin(g * w) + x * Math.cos(g * w));
+      return o - M * ((m + v * p * T) / g * Math.sin(g * w) + T * Math.cos(g * w));
     };
   } else if (v === 1)
-    y = (g) => o - Math.exp(-p * g) * (x + (m + p * x) * g);
+    y = (g) => o - Math.exp(-p * g) * (T + (m + p * T) * g);
   else {
     const g = p * Math.sqrt(v * v - 1);
     y = (w) => {
-      const M = Math.exp(-v * p * w), T = Math.min(g * w, 300);
-      return o - M * ((m + v * p * x) * Math.sinh(T) + g * x * Math.cosh(T)) / g;
+      const M = Math.exp(-v * p * w), x = Math.min(g * w, 300);
+      return o - M * ((m + v * p * T) * Math.sinh(x) + g * T * Math.cosh(x)) / g;
     };
   }
   const A = {
@@ -1071,14 +1071,14 @@ function De(e = C.visualDuration, t = C.bounce) {
         a.done = g >= d;
       else {
         let M = g === 0 ? m : 0;
-        v < 1 && (M = g === 0 ? /* @__PURE__ */ B(m) : ns(y, g, w));
-        const T = Math.abs(M) <= s, I = Math.abs(o - w) <= r;
-        a.done = T && I;
+        v < 1 && (M = g === 0 ? /* @__PURE__ */ B(m) : gs(y, g, w));
+        const x = Math.abs(M) <= s, I = Math.abs(o - w) <= r;
+        a.done = x && I;
       }
       return a.value = a.done ? o : w, a;
     },
     toString: () => {
-      const g = Math.min(Pt(A), Ie), w = ts((M) => A.next(g * M).value, g, 30);
+      const g = Math.min(Et(A), Fe), w = ms((M) => A.next(g * M).value, g, 30);
       return g + "ms " + w;
     },
     toTransition: () => {
@@ -1086,27 +1086,27 @@ function De(e = C.visualDuration, t = C.bounce) {
   };
   return A;
 }
-De.applyToOptions = (e) => {
-  const t = $r(e, 100, De);
+Re.applyToOptions = (e) => {
+  const t = si(e, 100, Re);
   return e.ease = t.ease, e.duration = /* @__PURE__ */ B(t.duration), e.type = "keyframes", e;
 };
-function rt({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: r = 10, bounceStiffness: i = 500, modifyTarget: o, min: a, max: c, restDelta: u = 0.5, restSpeed: l }) {
+function it({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: r = 10, bounceStiffness: i = 500, modifyTarget: o, min: a, max: c, restDelta: u = 0.5, restSpeed: l }) {
   const d = e[0], f = {
     done: !1,
     value: d
-  }, h = (T) => a !== void 0 && T < a || c !== void 0 && T > c, m = (T) => a === void 0 ? c : c === void 0 || Math.abs(a - T) < Math.abs(c - T) ? a : c;
+  }, h = (x) => a !== void 0 && x < a || c !== void 0 && x > c, m = (x) => a === void 0 ? c : c === void 0 || Math.abs(a - x) < Math.abs(c - x) ? a : c;
   let v = n * t;
-  const x = d + v, p = o === void 0 ? x : o(x);
-  p !== x && (v = p - d);
-  const S = (T) => -v * Math.exp(-T / s), y = (T) => p + S(T), A = (T) => {
-    const I = S(T), R = y(T);
+  const T = d + v, p = o === void 0 ? T : o(T);
+  p !== T && (v = p - d);
+  const S = (x) => -v * Math.exp(-x / s), y = (x) => p + S(x), A = (x) => {
+    const I = S(x), R = y(x);
     f.done = Math.abs(I) <= u, f.value = f.done ? p : R;
   };
   let g, w;
-  const M = (T) => {
-    h(f.value) && (g = T, w = De({
+  const M = (x) => {
+    h(f.value) && (g = x, w = Re({
       keyframes: [f.value, m(f.value)],
-      velocity: ns(y, T, f.value),
+      velocity: gs(y, x, f.value),
       // TODO: This should be passing * 1000
       damping: r,
       stiffness: i,
@@ -1116,94 +1116,94 @@ function rt({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   };
   return M(0), {
     calculatedDuration: null,
-    next: (T) => {
+    next: (x) => {
       let I = !1;
-      return !w && g === void 0 && (I = !0, A(T), M(T)), g !== void 0 && T >= g ? w.next(T - g) : (!I && A(T), f);
+      return !w && g === void 0 && (I = !0, A(x), M(x)), g !== void 0 && x >= g ? w.next(x - g) : (!I && A(x), f);
     }
   };
 }
-function Xr(e, t, n) {
-  const s = [], r = n || G.mix || es, i = e.length - 1;
+function di(e, t, n) {
+  const s = [], r = n || G.mix || ps, i = e.length - 1;
   for (let o = 0; o < i; o++) {
     let a = r(e[o], e[o + 1]);
     if (t) {
-      const c = Array.isArray(t) ? t[o] || oe : t;
-      a = Le(c, a);
+      const c = Array.isArray(t) ? t[o] || ae : t;
+      a = Be(c, a);
     }
     s.push(a);
   }
   return s;
 }
-function qr(e, t, { clamp: n = !0, ease: s, mixer: r } = {}) {
+function fi(e, t, { clamp: n = !0, ease: s, mixer: r } = {}) {
   const i = e.length;
-  if (J(i === t.length, "Both input and output ranges must be the same length"), i === 1)
+  if (U(i === t.length, "Both input and output ranges must be the same length"), i === 1)
     return () => t[0];
   if (i === 2 && t[0] === t[1])
     return () => t[1];
   const o = e[0] === e[1];
   e[0] > e[i - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const a = Xr(t, s, r), c = a.length, u = (l) => {
+  const a = di(t, s, r), c = a.length, u = (l) => {
     if (o && l < e[0])
       return t[0];
     let d = 0;
     if (c > 1)
       for (; d < e.length - 2 && !(l < e[d + 1]); d++)
         ;
-    const f = /* @__PURE__ */ On(e[d], e[d + 1], l);
+    const f = /* @__PURE__ */ Yn(e[d], e[d + 1], l);
     return a[d](f);
   };
-  return n ? (l) => u(Z(e[0], e[i - 1], l)) : u;
+  return n ? (l) => u(J(e[0], e[i - 1], l)) : u;
 }
-function Zr(e, t) {
+function hi(e, t) {
   const n = e[e.length - 1];
   for (let s = 1; s <= t; s++) {
-    const r = /* @__PURE__ */ On(0, t, s);
-    e.push(Be(n, 1, r));
+    const r = /* @__PURE__ */ Yn(0, t, s);
+    e.push(xe(n, 1, r));
   }
 }
-function Jr(e) {
+function pi(e) {
   const t = [0];
-  return Zr(t, e.length - 1), t;
+  return hi(t, e.length - 1), t;
 }
-function Qr(e, t) {
+function mi(e, t) {
   return e.map((n) => n * t);
 }
-function ei(e, t) {
-  return e.map(() => t || Gn).splice(0, e.length - 1);
+function gi(e, t) {
+  return e.map(() => t || rs).splice(0, e.length - 1);
 }
 function te({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const r = fr(s) ? s.map(Yt) : Yt(s), i = {
+  const r = Pr(s) ? s.map(en) : en(s), i = {
     done: !1,
     value: t[0]
-  }, o = Qr(
+  }, o = mi(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === t.length ? n : Jr(t),
+    n && n.length === t.length ? n : pi(t),
     e
-  ), a = qr(o, t, {
-    ease: Array.isArray(r) ? r : ei(t, r)
+  ), a = fi(o, t, {
+    ease: Array.isArray(r) ? r : gi(t, r)
   });
   return {
     calculatedDuration: e,
     next: (c) => (i.value = a(c), i.done = c >= e, i)
   };
 }
-const ti = (e) => e !== null;
-function Ft(e, { repeat: t, repeatType: n = "loop" }, s, r = 1) {
-  const i = e.filter(ti), a = r < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
+const yi = (e) => e !== null;
+function Ot(e, { repeat: t, repeatType: n = "loop" }, s, r = 1) {
+  const i = e.filter(yi), a = r < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
   return !a || s === void 0 ? i[a] : s;
 }
-const ni = {
-  decay: rt,
-  inertia: rt,
+const bi = {
+  decay: it,
+  inertia: it,
   tween: te,
   keyframes: te,
-  spring: De
+  spring: Re
 };
-function ss(e) {
-  typeof e.type == "string" && (e.type = ni[e.type]);
+function ys(e) {
+  typeof e.type == "string" && (e.type = bi[e.type]);
 }
-class It {
+class kt {
   constructor() {
     this.updateFinished();
   }
@@ -1227,8 +1227,8 @@ class It {
     return this.finished.then(t, n);
   }
 }
-const si = (e) => e / 100;
-class Dt extends It {
+const vi = (e) => e / 100;
+class Nt extends kt {
   constructor(t) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       var s, r;
@@ -1238,17 +1238,17 @@ class Dt extends It {
   }
   initAnimation() {
     const { options: t } = this;
-    ss(t);
+    ys(t);
     const { type: n = te, repeat: s = 0, repeatDelay: r = 0, repeatType: i, velocity: o = 0 } = t;
     let { keyframes: a } = t;
     const c = n || te;
-    process.env.NODE_ENV !== "production" && c !== te && J(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), c !== te && typeof a[0] != "number" && (this.mixKeyframes = Le(si, es(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && c !== te && U(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), c !== te && typeof a[0] != "number" && (this.mixKeyframes = Be(vi, ps(a[0], a[1])), a = [0, 100]);
     const u = c({ ...t, keyframes: a });
     i === "mirror" && (this.mirroredGenerator = c({
       ...t,
       keyframes: [...a].reverse(),
       velocity: -o
-    })), u.calculatedDuration === null && (u.calculatedDuration = Pt(u));
+    })), u.calculatedDuration === null && (u.calculatedDuration = Et(u));
     const { calculatedDuration: l } = u;
     this.calculatedDuration = l, this.resolvedDuration = l + r, this.totalDuration = this.resolvedDuration * (s + 1) - r, this.generator = u;
   }
@@ -1260,22 +1260,22 @@ class Dt extends It {
     const { generator: s, totalDuration: r, mixKeyframes: i, mirroredGenerator: o, resolvedDuration: a, calculatedDuration: c } = this;
     if (this.startTime === null)
       return s.next(0);
-    const { delay: u = 0, keyframes: l, repeat: d, repeatType: f, repeatDelay: h, type: m, onUpdate: v, finalKeyframe: x } = this.options;
+    const { delay: u = 0, keyframes: l, repeat: d, repeatType: f, repeatDelay: h, type: m, onUpdate: v, finalKeyframe: T } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - r / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
     const p = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), S = this.playbackSpeed >= 0 ? p < 0 : p > r;
     this.currentTime = Math.max(p, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = r);
     let y = this.currentTime, A = s;
     if (d) {
-      const T = Math.min(this.currentTime, r) / a;
-      let I = Math.floor(T), R = T % 1;
-      !R && T >= 1 && (R = 1), R === 1 && I--, I = Math.min(I, d + 1), !!(I % 2) && (f === "reverse" ? (R = 1 - R, h && (R -= h / a)) : f === "mirror" && (A = o)), y = Z(0, 1, R) * a;
+      const x = Math.min(this.currentTime, r) / a;
+      let I = Math.floor(x), R = x % 1;
+      !R && x >= 1 && (R = 1), R === 1 && I--, I = Math.min(I, d + 1), !!(I % 2) && (f === "reverse" ? (R = 1 - R, h && (R -= h / a)) : f === "mirror" && (A = o)), y = J(0, 1, R) * a;
     }
     const g = S ? { done: !1, value: l[0] } : A.next(y);
     i && (g.value = i(g.value));
     let { done: w } = g;
     !S && c !== null && (w = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
     const M = this.holdTime === null && (this.state === "finished" || this.state === "running" && w);
-    return M && m !== rt && (g.value = Ft(l, this.options, x, this.speed)), v && v(g.value), M && this.finish(), g;
+    return M && m !== it && (g.value = Ot(l, this.options, T, this.speed)), v && v(g.value), M && this.finish(), g;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -1307,7 +1307,7 @@ class Dt extends It {
     var r, i;
     if (this.isStopped)
       return;
-    const { driver: t = jr, startTime: n } = this.options;
+    const { driver: t = ni, startTime: n } = this.options;
     this.driver || (this.driver = t((o) => this.tick(o))), (i = (r = this.options).onPlay) == null || i.call(r);
     const s = this.driver.now();
     this.state === "finished" ? (this.updateFinished(), this.startTime = s) : this.holdTime !== null ? this.startTime = s - this.holdTime : this.startTime || (this.startTime = n ?? s), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
@@ -1340,14 +1340,14 @@ class Dt extends It {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (n = this.driver) == null || n.stop(), t.observe(this);
   }
 }
-function ri(e) {
+function wi(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
-const Y = (e) => e * 180 / Math.PI, it = (e) => {
-  const t = Y(Math.atan2(e[1], e[0]));
-  return ot(t);
-}, ii = {
+const X = (e) => e * 180 / Math.PI, ot = (e) => {
+  const t = X(Math.atan2(e[1], e[0]));
+  return at(t);
+}, xi = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -1355,56 +1355,56 @@ const Y = (e) => e * 180 / Math.PI, it = (e) => {
   scaleX: 0,
   scaleY: 3,
   scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
-  rotate: it,
-  rotateZ: it,
-  skewX: (e) => Y(Math.atan(e[1])),
-  skewY: (e) => Y(Math.atan(e[2])),
+  rotate: ot,
+  rotateZ: ot,
+  skewX: (e) => X(Math.atan(e[1])),
+  skewY: (e) => X(Math.atan(e[2])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
-}, ot = (e) => (e = e % 360, e < 0 && (e += 360), e), en = it, tn = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), nn = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), oi = {
+}, at = (e) => (e = e % 360, e < 0 && (e += 360), e), an = ot, ln = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), cn = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Ti = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: tn,
-  scaleY: nn,
-  scale: (e) => (tn(e) + nn(e)) / 2,
-  rotateX: (e) => ot(Y(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => ot(Y(Math.atan2(-e[2], e[0]))),
-  rotateZ: en,
-  rotate: en,
-  skewX: (e) => Y(Math.atan(e[4])),
-  skewY: (e) => Y(Math.atan(e[1])),
+  scaleX: ln,
+  scaleY: cn,
+  scale: (e) => (ln(e) + cn(e)) / 2,
+  rotateX: (e) => at(X(Math.atan2(e[6], e[5]))),
+  rotateY: (e) => at(X(Math.atan2(-e[2], e[0]))),
+  rotateZ: an,
+  rotate: an,
+  skewX: (e) => X(Math.atan(e[4])),
+  skewY: (e) => X(Math.atan(e[1])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
 };
-function at(e) {
+function lt(e) {
   return e.includes("scale") ? 1 : 0;
 }
-function lt(e, t) {
+function ct(e, t) {
   if (!e || e === "none")
-    return at(t);
+    return lt(t);
   const n = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, r;
   if (n)
-    s = oi, r = n;
+    s = Ti, r = n;
   else {
     const a = e.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    s = ii, r = a;
+    s = xi, r = a;
   }
   if (!r)
-    return at(t);
-  const i = s[t], o = r[1].split(",").map(li);
+    return lt(t);
+  const i = s[t], o = r[1].split(",").map(Si);
   return typeof i == "function" ? i(o) : o[i];
 }
-const ai = (e, t) => {
+const Vi = (e, t) => {
   const { transform: n = "none" } = getComputedStyle(e);
-  return lt(n, t);
+  return ct(n, t);
 };
-function li(e) {
+function Si(e) {
   return parseFloat(e.trim());
 }
-const ce = [
+const ue = [
   "transformPerspective",
   "x",
   "y",
@@ -1422,15 +1422,15 @@ const ce = [
   "skew",
   "skewX",
   "skewY"
-], ue = new Set(ce), sn = (e) => e === ae || e === b, ci = /* @__PURE__ */ new Set(["x", "y", "z"]), ui = ce.filter((e) => !ci.has(e));
-function di(e) {
+], de = new Set(ue), un = (e) => e === le || e === b, Ai = /* @__PURE__ */ new Set(["x", "y", "z"]), Mi = ue.filter((e) => !Ai.has(e));
+function Ci(e) {
   const t = [];
-  return ui.forEach((n) => {
+  return Mi.forEach((n) => {
     const s = e.getValue(n);
     s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), t;
 }
-const X = {
+const q = {
   // Dimensions
   width: ({ x: e }, { paddingLeft: t = "0", paddingRight: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
   height: ({ y: e }, { paddingTop: t = "0", paddingBottom: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
@@ -1439,18 +1439,18 @@ const X = {
   bottom: ({ y: e }, { top: t }) => parseFloat(t) + (e.max - e.min),
   right: ({ x: e }, { left: t }) => parseFloat(t) + (e.max - e.min),
   // Transform
-  x: (e, { transform: t }) => lt(t, "x"),
-  y: (e, { transform: t }) => lt(t, "y")
+  x: (e, { transform: t }) => ct(t, "x"),
+  y: (e, { transform: t }) => ct(t, "y")
 };
-X.translateX = X.x;
-X.translateY = X.y;
-const q = /* @__PURE__ */ new Set();
-let ct = !1, ut = !1, dt = !1;
-function rs() {
-  if (ut) {
-    const e = Array.from(q).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+q.translateX = q.x;
+q.translateY = q.y;
+const Z = /* @__PURE__ */ new Set();
+let ut = !1, dt = !1, ft = !1;
+function bs() {
+  if (dt) {
+    const e = Array.from(Z).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     t.forEach((s) => {
-      const r = di(s);
+      const r = Ci(s);
       r.length && (n.set(s, r), s.render());
     }), e.forEach((s) => s.measureInitialState()), t.forEach((s) => {
       s.render();
@@ -1463,22 +1463,22 @@ function rs() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  ut = !1, ct = !1, q.forEach((e) => e.complete(dt)), q.clear();
+  dt = !1, ut = !1, Z.forEach((e) => e.complete(ft)), Z.clear();
 }
-function is() {
-  q.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (ut = !0);
+function vs() {
+  Z.forEach((e) => {
+    e.readKeyframes(), e.needsMeasurement && (dt = !0);
   });
 }
-function fi() {
-  dt = !0, is(), rs(), dt = !1;
+function Pi() {
+  ft = !0, vs(), bs(), ft = !1;
 }
-class Rt {
+class Lt {
   constructor(t, n, s, r, i, o = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = r, this.element = i, this.isAsync = o;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (q.add(this), ct || (ct = !0, L.read(is), L.resolveKeyframes(rs))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (Z.add(this), ut || (ut = !0, L.read(vs), L.resolveKeyframes(bs))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: r } = this;
@@ -1492,7 +1492,7 @@ class Rt {
       }
       t[0] === void 0 && (t[0] = o), r && i === void 0 && r.set(t[0]);
     }
-    ri(t);
+    wi(t);
   }
   setFinalKeyframe() {
   }
@@ -1503,52 +1503,52 @@ class Rt {
   measureEndState() {
   }
   complete(t = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), q.delete(this);
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), Z.delete(this);
   }
   cancel() {
-    this.state === "scheduled" && (q.delete(this), this.state = "pending");
+    this.state === "scheduled" && (Z.delete(this), this.state = "pending");
   }
   resume() {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const hi = (e) => e.startsWith("--");
-function pi(e, t, n) {
-  hi(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+const Di = (e) => e.startsWith("--");
+function Ii(e, t, n) {
+  Di(t) ? e.style.setProperty(t, n) : e.style[t] = n;
 }
-const mi = /* @__PURE__ */ wt(() => window.ScrollTimeline !== void 0), gi = {};
-function yi(e, t) {
-  const n = /* @__PURE__ */ wt(e);
-  return () => gi[t] ?? n();
+const Fi = /* @__PURE__ */ St(() => window.ScrollTimeline !== void 0), Ri = {};
+function Ei(e, t) {
+  const n = /* @__PURE__ */ St(e);
+  return () => Ri[t] ?? n();
 }
-const os = /* @__PURE__ */ yi(() => {
+const ws = /* @__PURE__ */ Ei(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), fe = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, rn = {
+}, "linearEasing"), he = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, dn = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ fe([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ fe([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ fe([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ fe([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ he([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ he([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ he([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ he([0.33, 1.53, 0.69, 0.99])
 };
-function as(e, t) {
+function xs(e, t) {
   if (e)
-    return typeof e == "function" ? os() ? ts(e, t) : "ease-out" : zn(e) ? fe(e) : Array.isArray(e) ? e.map((n) => as(n, t) || rn.easeOut) : rn[e];
+    return typeof e == "function" ? ws() ? ms(e, t) : "ease-out" : is(e) ? he(e) : Array.isArray(e) ? e.map((n) => xs(n, t) || dn.easeOut) : dn[e];
 }
-function bi(e, t, n, { delay: s = 0, duration: r = 300, repeat: i = 0, repeatType: o = "loop", ease: a = "easeOut", times: c } = {}, u = void 0) {
+function Oi(e, t, n, { delay: s = 0, duration: r = 300, repeat: i = 0, repeatType: o = "loop", ease: a = "easeOut", times: c } = {}, u = void 0) {
   const l = {
     [t]: n
   };
   c && (l.offset = c);
-  const d = as(a, r);
+  const d = xs(a, r);
   Array.isArray(d) && (l.easing = d);
   const f = {
     delay: s,
@@ -1560,23 +1560,23 @@ function bi(e, t, n, { delay: s = 0, duration: r = 300, repeat: i = 0, repeatTyp
   };
   return u && (f.pseudoElement = u), e.animate(l, f);
 }
-function ls(e) {
+function Ts(e) {
   return typeof e == "function" && "applyToOptions" in e;
 }
-function vi({ type: e, ...t }) {
-  return ls(e) && os() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
+function ki({ type: e, ...t }) {
+  return Ts(e) && ws() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
 }
-class wi extends It {
+class Ni extends kt {
   constructor(t) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !t)
       return;
     const { element: n, name: s, keyframes: r, pseudoElement: i, allowFlatten: o = !1, finalKeyframe: a, onComplete: c } = t;
-    this.isPseudoElement = !!i, this.allowFlatten = o, this.options = t, J(typeof t.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
-    const u = vi(t);
-    this.animation = bi(n, s, r, u, i), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    this.isPseudoElement = !!i, this.allowFlatten = o, this.options = t, U(typeof t.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
+    const u = ki(t);
+    this.animation = Oi(n, s, r, u, i), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !i) {
-        const l = Ft(r, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(l) : pi(n, s, l), this.animation.cancel();
+        const l = Ot(r, this.options, a, this.speed);
+        this.updateMotionValue ? this.updateMotionValue(l) : Ii(n, s, l), this.animation.cancel();
       }
       c == null || c(), this.notifyFinished();
     };
@@ -1655,24 +1655,24 @@ class wi extends It {
    */
   attachTimeline({ timeline: t, observe: n }) {
     var s;
-    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && mi() ? (this.animation.timeline = t, oe) : n(this);
+    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && Fi() ? (this.animation.timeline = t, ae) : n(this);
   }
 }
-const cs = {
-  anticipate: $n,
-  backInOut: jn,
-  circInOut: Wn
+const Vs = {
+  anticipate: ns,
+  backInOut: ts,
+  circInOut: ss
 };
-function Ti(e) {
-  return e in cs;
+function Li(e) {
+  return e in Vs;
 }
-function xi(e) {
-  typeof e.ease == "string" && Ti(e.ease) && (e.ease = cs[e.ease]);
+function Bi(e) {
+  typeof e.ease == "string" && Li(e.ease) && (e.ease = Vs[e.ease]);
 }
-const on = 10;
-class Vi extends wi {
+const fn = 10;
+class Ki extends Ni {
   constructor(t) {
-    xi(t), ss(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
+    Bi(t), ys(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1690,17 +1690,17 @@ class Vi extends wi {
       n.set(t);
       return;
     }
-    const a = new Dt({
+    const a = new Nt({
       ...o,
       autoplay: !1
     }), c = /* @__PURE__ */ B(this.finishedTime ?? this.time);
-    n.setWithVelocity(a.sample(c - on).value, a.sample(c).value, on), a.stop();
+    n.setWithVelocity(a.sample(c - fn).value, a.sample(c).value, fn), a.stop();
   }
 }
-const an = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
-(le.test(e) || e === "0") && // And it contains numbers and/or colors
+const hn = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
+(ce.test(e) || e === "0") && // And it contains numbers and/or colors
 !e.startsWith("url("));
-function Si(e) {
+function ji(e) {
   const t = e[0];
   if (e.length === 1)
     return !0;
@@ -1708,45 +1708,45 @@ function Si(e) {
     if (e[n] !== t)
       return !0;
 }
-function Ai(e, t, n, s) {
+function $i(e, t, n, s) {
   const r = e[0];
   if (r === null)
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
-  const i = e[e.length - 1], o = an(r, t), a = an(i, t);
-  return be(o === a, `You are trying to animate ${t} from "${r}" to "${i}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${i} via the \`style\` property.`), !o || !a ? !1 : Si(e) || (n === "spring" || ls(n)) && s;
+  const i = e[e.length - 1], o = hn(r, t), a = hn(i, t);
+  return oe(o === a, `You are trying to animate ${t} from "${r}" to "${i}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${i} via the \`style\` property.`), !o || !a ? !1 : ji(e) || (n === "spring" || Ts(n)) && s;
 }
-function Ot(e) {
-  return rr(e) && "offsetHeight" in e;
+function Bt(e) {
+  return wr(e) && "offsetHeight" in e;
 }
-const Mi = /* @__PURE__ */ new Set([
+const Wi = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), Ci = /* @__PURE__ */ wt(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function Pi(e) {
+]), Gi = /* @__PURE__ */ St(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function zi(e) {
   var u;
   const { motionValue: t, name: n, repeatDelay: s, repeatType: r, damping: i, type: o } = e;
-  if (!Ot((u = t == null ? void 0 : t.owner) == null ? void 0 : u.current))
+  if (!Bt((u = t == null ? void 0 : t.owner) == null ? void 0 : u.current))
     return !1;
   const { onUpdate: a, transformTemplate: c } = t.owner.getProps();
-  return Ci() && n && Mi.has(n) && (n !== "transform" || !c) && /**
+  return Gi() && n && Wi.has(n) && (n !== "transform" || !c) && /**
    * If we're outputting values to onUpdate then we can't use WAAPI as there's
    * no way to read the value from WAAPI every frame.
    */
   !a && !s && r !== "mirror" && i !== 0 && o !== "inertia";
 }
-const Fi = 40;
-class Ii extends It {
+const _i = 40;
+class Ui extends kt {
   constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: o = "loop", keyframes: a, name: c, motionValue: u, element: l, ...d }) {
     var m;
     super(), this.stop = () => {
-      var v, x;
-      this._animation && (this._animation.stop(), (v = this.stopTimeline) == null || v.call(this)), (x = this.keyframeResolver) == null || x.cancel();
+      var v, T;
+      this._animation && (this._animation.stop(), (v = this.stopTimeline) == null || v.call(this)), (T = this.keyframeResolver) == null || T.cancel();
     }, this.createdAt = k.now();
     const f = {
       autoplay: t,
@@ -1759,23 +1759,23 @@ class Ii extends It {
       motionValue: u,
       element: l,
       ...d
-    }, h = (l == null ? void 0 : l.KeyframeResolver) || Rt;
-    this.keyframeResolver = new h(a, (v, x, p) => this.onKeyframesResolved(v, x, f, !p), c, u, l), (m = this.keyframeResolver) == null || m.scheduleResolve();
+    }, h = (l == null ? void 0 : l.KeyframeResolver) || Lt;
+    this.keyframeResolver = new h(a, (v, T, p) => this.onKeyframesResolved(v, T, f, !p), c, u, l), (m = this.keyframeResolver) == null || m.scheduleResolve();
   }
   onKeyframesResolved(t, n, s, r) {
     this.keyframeResolver = void 0;
     const { name: i, type: o, velocity: a, delay: c, isHandoff: u, onUpdate: l } = s;
-    this.resolvedAt = k.now(), Ai(t, i, o, a) || ((G.instantAnimations || !c) && (l == null || l(Ft(t, s, n))), t[0] = t[t.length - 1], s.duration = 0, s.repeat = 0);
+    this.resolvedAt = k.now(), $i(t, i, o, a) || ((G.instantAnimations || !c) && (l == null || l(Ot(t, s, n))), t[0] = t[t.length - 1], s.duration = 0, s.repeat = 0);
     const f = {
-      startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > Fi ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > _i ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...s,
       keyframes: t
-    }, h = !u && Pi(f) ? new Vi({
+    }, h = !u && zi(f) ? new Ki({
       ...f,
       element: f.motionValue.owner.current
-    }) : new Dt(f);
-    h.finished.then(() => this.notifyFinished()).catch(oe), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
+    }) : new Nt(f);
+    h.finished.then(() => this.notifyFinished()).catch(ae), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1786,7 +1786,7 @@ class Ii extends It {
   }
   get animation() {
     var t;
-    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), fi()), this._animation;
+    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), Pi()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1826,78 +1826,78 @@ class Ii extends It {
     this._animation && this.animation.cancel(), (t = this.keyframeResolver) == null || t.cancel();
   }
 }
-const Di = (
+const Hi = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
-function Ri(e) {
-  const t = Di.exec(e);
+function Yi(e) {
+  const t = Hi.exec(e);
   if (!t)
     return [,];
   const [, n, s, r] = t;
   return [`--${n ?? s}`, r];
 }
-const Oi = 4;
-function us(e, t, n = 1) {
-  J(n <= Oi, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
-  const [s, r] = Ri(e);
+const Xi = 4;
+function Ss(e, t, n = 1) {
+  U(n <= Xi, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
+  const [s, r] = Yi(e);
   if (!s)
     return;
   const i = window.getComputedStyle(t).getPropertyValue(s);
   if (i) {
     const o = i.trim();
-    return Dn(o) ? parseFloat(o) : o;
+    return Un(o) ? parseFloat(o) : o;
   }
-  return St(r) ? us(r, t, n + 1) : r;
+  return Dt(r) ? Ss(r, t, n + 1) : r;
 }
-function ds(e, t) {
+function As(e, t) {
   return (e == null ? void 0 : e[t]) ?? (e == null ? void 0 : e.default) ?? e;
 }
-const fs = /* @__PURE__ */ new Set([
+const Ms = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
   "left",
   "right",
   "bottom",
-  ...ce
-]), Ei = {
+  ...ue
+]), qi = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, hs = (e) => (t) => t.test(e), ps = [ae, b, ne, _, Sr, Vr, Ei], ln = (e) => ps.find(hs(e));
-function ki(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Rn(e) : !0;
+}, Cs = (e) => (t) => t.test(e), Ps = [le, b, ne, _, jr, Kr, qi], pn = (e) => Ps.find(Cs(e));
+function Zi(e) {
+  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Hn(e) : !0;
 }
-const Ni = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function Li(e) {
+const Ji = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function Qi(e) {
   const [t, n] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
-  const [s] = n.match(At) || [];
+  const [s] = n.match(It) || [];
   if (!s)
     return e;
   const r = n.replace(s, "");
-  let i = Ni.has(t) ? 1 : 0;
+  let i = Ji.has(t) ? 1 : 0;
   return s !== n && (i *= 100), t + "(" + i + r + ")";
 }
-const Bi = /\b([a-z-]*)\(.*?\)/gu, ft = {
-  ...le,
+const eo = /\b([a-z-]*)\(.*?\)/gu, ht = {
+  ...ce,
   getAnimatableNone: (e) => {
-    const t = e.match(Bi);
-    return t ? t.map(Li).join(" ") : e;
+    const t = e.match(eo);
+    return t ? t.map(Qi).join(" ") : e;
   }
-}, cn = {
-  ...ae,
+}, mn = {
+  ...le,
   transform: Math.round
-}, Ki = {
+}, to = {
   rotate: _,
   rotateX: _,
   rotateY: _,
   rotateZ: _,
-  scale: Ve,
-  scaleX: Ve,
-  scaleY: Ve,
-  scaleZ: Ve,
+  scale: Se,
+  scaleX: Se,
+  scaleY: Se,
+  scaleZ: Se,
   skew: _,
   skewX: _,
   skewY: _,
@@ -1910,11 +1910,11 @@ const Bi = /\b([a-z-]*)\(.*?\)/gu, ft = {
   z: b,
   perspective: b,
   transformPerspective: b,
-  opacity: pe,
-  originX: Xt,
-  originY: Xt,
+  opacity: me,
+  originX: tn,
+  originY: tn,
   originZ: b
-}, Et = {
+}, Kt = {
   // Border props
   borderWidth: b,
   borderTopWidth: b,
@@ -1950,45 +1950,45 @@ const Bi = /\b([a-z-]*)\(.*?\)/gu, ft = {
   // Misc
   backgroundPositionX: b,
   backgroundPositionY: b,
-  ...Ki,
-  zIndex: cn,
+  ...to,
+  zIndex: mn,
   // SVG
-  fillOpacity: pe,
-  strokeOpacity: pe,
-  numOctaves: cn
-}, ji = {
-  ...Et,
+  fillOpacity: me,
+  strokeOpacity: me,
+  numOctaves: mn
+}, no = {
+  ...Kt,
   // Color props
-  color: F,
-  backgroundColor: F,
-  outlineColor: F,
-  fill: F,
-  stroke: F,
+  color: D,
+  backgroundColor: D,
+  outlineColor: D,
+  fill: D,
+  stroke: D,
   // Border props
-  borderColor: F,
-  borderTopColor: F,
-  borderRightColor: F,
-  borderBottomColor: F,
-  borderLeftColor: F,
-  filter: ft,
-  WebkitFilter: ft
-}, ms = (e) => ji[e];
-function gs(e, t) {
-  let n = ms(e);
-  return n !== ft && (n = le), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
-}
-const $i = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function Wi(e, t, n) {
+  borderColor: D,
+  borderTopColor: D,
+  borderRightColor: D,
+  borderBottomColor: D,
+  borderLeftColor: D,
+  filter: ht,
+  WebkitFilter: ht
+}, Ds = (e) => no[e];
+function Is(e, t) {
+  let n = Ds(e);
+  return n !== ht && (n = ce), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
+}
+const so = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function ro(e, t, n) {
   let s = 0, r;
   for (; s < e.length && !r; ) {
     const i = e[s];
-    typeof i == "string" && !$i.has(i) && me(i).values.length && (r = e[s]), s++;
+    typeof i == "string" && !so.has(i) && ge(i).values.length && (r = e[s]), s++;
   }
   if (r && n)
     for (const i of t)
-      e[i] = gs(n, r);
+      e[i] = Is(n, r);
 }
-class Gi extends Rt {
+class io extends Lt {
   constructor(t, n, s, r, i) {
     super(t, n, s, r, i, !0);
   }
@@ -1999,33 +1999,33 @@ class Gi extends Rt {
     super.readKeyframes();
     for (let c = 0; c < t.length; c++) {
       let u = t[c];
-      if (typeof u == "string" && (u = u.trim(), St(u))) {
-        const l = us(u, n.current);
+      if (typeof u == "string" && (u = u.trim(), Dt(u))) {
+        const l = Ss(u, n.current);
         l !== void 0 && (t[c] = l), c === t.length - 1 && (this.finalKeyframe = u);
       }
     }
-    if (this.resolveNoneKeyframes(), !fs.has(s) || t.length !== 2)
+    if (this.resolveNoneKeyframes(), !Ms.has(s) || t.length !== 2)
       return;
-    const [r, i] = t, o = ln(r), a = ln(i);
+    const [r, i] = t, o = pn(r), a = pn(i);
     if (o !== a)
-      if (sn(o) && sn(a))
+      if (un(o) && un(a))
         for (let c = 0; c < t.length; c++) {
           const u = t[c];
           typeof u == "string" && (t[c] = parseFloat(u));
         }
-      else X[s] && (this.needsMeasurement = !0);
+      else q[s] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, s = [];
     for (let r = 0; r < t.length; r++)
-      (t[r] === null || ki(t[r])) && s.push(r);
-    s.length && Wi(t, s, n);
+      (t[r] === null || Zi(t[r])) && s.push(r);
+    s.length && ro(t, s, n);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: n, name: s } = this;
     if (!t || !t.current)
       return;
-    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = X[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
+    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = q[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
     const r = n[n.length - 1];
     r !== void 0 && t.getValue(s, r).jump(r, !1);
   }
@@ -2037,12 +2037,12 @@ class Gi extends Rt {
     const r = t.getValue(n);
     r && r.jump(this.measuredOrigin, !1);
     const i = s.length - 1, o = s[i];
-    s[i] = X[n](t.measureViewportBox(), window.getComputedStyle(t.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([c, u]) => {
+    s[i] = q[n](t.measureViewportBox(), window.getComputedStyle(t.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([c, u]) => {
       t.getValue(c).set(u);
     }), this.resolveNoneKeyframes();
   }
 }
-function zi(e, t, n) {
+function oo(e, t, n) {
   if (e instanceof EventTarget)
     return [e];
   if (typeof e == "string") {
@@ -2052,8 +2052,8 @@ function zi(e, t, n) {
   }
   return Array.from(e);
 }
-const ys = (e, t) => t && typeof e == "number" ? t.transform(e) : e, un = 30, _i = (e) => !isNaN(parseFloat(e));
-class Ui {
+const Fs = (e, t) => t && typeof e == "number" ? t.transform(e) : e, gn = 30, ao = (e) => !isNaN(parseFloat(e));
+class lo {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -2071,7 +2071,7 @@ class Ui {
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = k.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = _i(this.current));
+    this.current = t, this.updatedAt = k.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = ao(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -2117,10 +2117,10 @@ class Ui {
    * @deprecated
    */
   onChange(t) {
-    return process.env.NODE_ENV !== "production" && Tt(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
+    return process.env.NODE_ENV !== "production" && At(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
   }
   on(t, n) {
-    this.events[t] || (this.events[t] = new En());
+    this.events[t] || (this.events[t] = new Xn());
     const s = this.events[t].add(n);
     return t === "change" ? () => {
       s(), L.read(() => {
@@ -2201,10 +2201,10 @@ class Ui {
    */
   getVelocity() {
     const t = k.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > un)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > gn)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, un);
-    return kn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, gn);
+    return qn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -2256,35 +2256,36 @@ class Ui {
     (t = this.dependents) == null || t.clear(), (n = this.events.destroy) == null || n.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
   }
 }
-function Re(e, t) {
-  return new Ui(e, t);
+function Ee(e, t) {
+  return new lo(e, t);
 }
-const { schedule: Hi } = /* @__PURE__ */ _n(queueMicrotask, !1), Yi = {
+const { schedule: co } = /* @__PURE__ */ os(queueMicrotask, !1), yn = {
+  x: !1,
   y: !1
 };
-function Xi() {
-  return Yi.y;
+function Rs() {
+  return yn.x || yn.y;
 }
-function bs(e, t) {
-  const n = zi(e), s = new AbortController(), r = {
+function Es(e, t) {
+  const n = oo(e), s = new AbortController(), r = {
     passive: !0,
     ...t,
     signal: s.signal
   };
   return [n, r, () => s.abort()];
 }
-function dn(e) {
-  return !(e.pointerType === "touch" || Xi());
+function bn(e) {
+  return !(e.pointerType === "touch" || Rs());
 }
-function qi(e, t, n = {}) {
-  const [s, r, i] = bs(e, n), o = (a) => {
-    if (!dn(a))
+function uo(e, t, n = {}) {
+  const [s, r, i] = Es(e, n), o = (a) => {
+    if (!bn(a))
       return;
     const { target: c } = a, u = t(c, a);
     if (typeof u != "function" || !c)
       return;
     const l = (d) => {
-      dn(d) && (u(d), c.removeEventListener("pointerleave", l));
+      bn(d) && (u(d), c.removeEventListener("pointerleave", l));
     };
     c.addEventListener("pointerleave", l, r);
   };
@@ -2292,18 +2293,18 @@ function qi(e, t, n = {}) {
     a.addEventListener("pointerenter", o, r);
   }), i;
 }
-const vs = (e, t) => t ? e === t ? !0 : vs(e, t.parentElement) : !1, Zi = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, Ji = /* @__PURE__ */ new Set([
+const Os = (e, t) => t ? e === t ? !0 : Os(e, t.parentElement) : !1, ks = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, fo = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function Qi(e) {
-  return Ji.has(e.tagName) || e.tabIndex !== -1;
+function ho(e) {
+  return fo.has(e.tagName) || e.tabIndex !== -1;
 }
-const Me = /* @__PURE__ */ new WeakSet();
-function fn(e) {
+const Ce = /* @__PURE__ */ new WeakSet();
+function vn(e) {
   return (t) => {
     t.key === "Enter" && e(t);
   };
@@ -2311,53 +2312,53 @@ function fn(e) {
 function Ze(e, t) {
   e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
 }
-const eo = (e, t) => {
+const po = (e, t) => {
   const n = e.currentTarget;
   if (!n)
     return;
-  const s = fn(() => {
-    if (Me.has(n))
+  const s = vn(() => {
+    if (Ce.has(n))
       return;
     Ze(n, "down");
-    const r = fn(() => {
+    const r = vn(() => {
       Ze(n, "up");
     }), i = () => Ze(n, "cancel");
     n.addEventListener("keyup", r, t), n.addEventListener("blur", i, t);
   });
   n.addEventListener("keydown", s, t), n.addEventListener("blur", () => n.removeEventListener("keydown", s), t);
 };
-function hn(e) {
-  return Zi(e) && !0;
+function wn(e) {
+  return ks(e) && !Rs();
 }
-function to(e, t, n = {}) {
-  const [s, r, i] = bs(e, n), o = (a) => {
+function mo(e, t, n = {}) {
+  const [s, r, i] = Es(e, n), o = (a) => {
     const c = a.currentTarget;
-    if (!hn(a))
+    if (!wn(a))
       return;
-    Me.add(c);
+    Ce.add(c);
     const u = t(c, a), l = (h, m) => {
-      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), Me.has(c) && Me.delete(c), hn(h) && typeof u == "function" && u(h, { success: m });
+      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), Ce.has(c) && Ce.delete(c), wn(h) && typeof u == "function" && u(h, { success: m });
     }, d = (h) => {
-      l(h, c === window || c === document || n.useGlobalTarget || vs(c, h.target));
+      l(h, c === window || c === document || n.useGlobalTarget || Os(c, h.target));
     }, f = (h) => {
       l(h, !1);
     };
     window.addEventListener("pointerup", d, r), window.addEventListener("pointercancel", f, r);
   };
   return s.forEach((a) => {
-    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, r), Ot(a) && (a.addEventListener("focus", (u) => eo(u, r)), !Qi(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, r), Bt(a) && (a.addEventListener("focus", (u) => po(u, r)), !ho(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), i;
 }
-const O = (e) => !!(e && e.getVelocity), no = [...ps, F, le], so = (e) => no.find(hs(e)), kt = ie({
+const E = (e) => !!(e && e.getVelocity), go = [...Ps, D, ce], yo = (e) => go.find(Cs(e)), jt = ie({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
 });
-class ro extends yt.Component {
+class bo extends xt.Component {
   getSnapshotBeforeUpdate(t) {
     const n = this.props.childRef.current;
     if (n && t.isPresent && !this.props.isPresent) {
-      const s = n.offsetParent, r = Ot(s) && s.offsetWidth || 0, i = this.props.sizeRef.current;
+      const s = n.offsetParent, r = Bt(s) && s.offsetWidth || 0, i = this.props.sizeRef.current;
       i.height = n.offsetHeight || 0, i.width = n.offsetWidth || 0, i.top = n.offsetTop, i.left = n.offsetLeft, i.right = r - i.width - i.left;
     }
     return null;
@@ -2371,15 +2372,15 @@ class ro extends yt.Component {
     return this.props.children;
   }
 }
-function io({ children: e, isPresent: t, anchorX: n }) {
-  const s = Ee(), r = j(null), i = j({
+function vo({ children: e, isPresent: t, anchorX: n }) {
+  const s = ke(), r = j(null), i = j({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0
-  }), { nonce: o } = E(kt);
-  return Mn(() => {
+  }), { nonce: o } = O(jt);
+  return $n(() => {
     const { width: a, height: c, top: u, left: l, right: d } = i.current;
     if (t || !r.current || !a || !c)
       return;
@@ -2397,10 +2398,10 @@ function io({ children: e, isPresent: t, anchorX: n }) {
         `), () => {
       document.head.contains(h) && document.head.removeChild(h);
     };
-  }, [t]), P.jsx(ro, { isPresent: t, childRef: r, sizeRef: i, children: yt.cloneElement(e, { ref: r }) });
+  }, [t]), P.jsx(bo, { isPresent: t, childRef: r, sizeRef: i, children: xt.cloneElement(e, { ref: r }) });
 }
-const oo = ({ children: e, initial: t, isPresent: n, onExitComplete: s, custom: r, presenceAffectsLayout: i, mode: o, anchorX: a }) => {
-  const c = bt(ao), u = Ee();
+const wo = ({ children: e, initial: t, isPresent: n, onExitComplete: s, custom: r, presenceAffectsLayout: i, mode: o, anchorX: a }) => {
+  const c = Tt(xo), u = ke();
   let l = !0, d = W(() => (l = !1, {
     id: u,
     initial: t,
@@ -2417,38 +2418,38 @@ const oo = ({ children: e, initial: t, isPresent: n, onExitComplete: s, custom:
   }), [n, c, s]);
   return i && l && (d = { ...d }), W(() => {
     c.forEach((f, h) => c.set(h, !1));
-  }, [n]), yt.useEffect(() => {
+  }, [n]), xt.useEffect(() => {
     !n && !c.size && s && s();
-  }, [n]), o === "popLayout" && (e = P.jsx(io, { isPresent: n, anchorX: a, children: e })), P.jsx(Ne.Provider, { value: d, children: e });
+  }, [n]), o === "popLayout" && (e = P.jsx(vo, { isPresent: n, anchorX: a, children: e })), P.jsx(Le.Provider, { value: d, children: e });
 };
-function ao() {
+function xo() {
   return /* @__PURE__ */ new Map();
 }
-function lo(e = !0) {
-  const t = E(Ne);
+function To(e = !0) {
+  const t = O(Le);
   if (t === null)
     return [!0, null];
-  const { isPresent: n, onExitComplete: s, register: r } = t, i = Ee();
-  ke(() => {
+  const { isPresent: n, onExitComplete: s, register: r } = t, i = ke();
+  Ne(() => {
     if (e)
       return r(i);
   }, [e]);
   const o = se(() => e && s && s(i), [i, s, e]);
   return !n && s ? [!1, o] : [!0];
 }
-const Se = (e) => e.key || "";
-function pn(e) {
+const Ae = (e) => e.key || "";
+function xn(e) {
   const t = [];
-  return zs.forEach(e, (n) => {
-    An(n) && t.push(n);
+  return or.forEach(e, (n) => {
+    jn(n) && t.push(n);
   }), t;
 }
-const co = ({ children: e, custom: t, initial: n = !0, onExitComplete: s, presenceAffectsLayout: r = !0, mode: i = "sync", propagate: o = !1, anchorX: a = "left" }) => {
-  const [c, u] = lo(o), l = W(() => pn(e), [e]), d = o && !c ? [] : l.map(Se), f = j(!0), h = j(l), m = bt(() => /* @__PURE__ */ new Map()), [v, x] = Ce(l), [p, S] = Ce(l);
-  In(() => {
+const Vo = ({ children: e, custom: t, initial: n = !0, onExitComplete: s, presenceAffectsLayout: r = !0, mode: i = "sync", propagate: o = !1, anchorX: a = "left" }) => {
+  const [c, u] = To(o), l = W(() => xn(e), [e]), d = o && !c ? [] : l.map(Ae), f = j(!0), h = j(l), m = Tt(() => /* @__PURE__ */ new Map()), [v, T] = Pe(l), [p, S] = Pe(l);
+  _n(() => {
     f.current = !1, h.current = l;
     for (let g = 0; g < p.length; g++) {
-      const w = Se(p[g]);
+      const w = Ae(p[g]);
       d.includes(w) ? m.delete(w) : m.get(w) !== !0 && m.set(w, !1);
     }
   }, [p, d.length, d.join("-")]);
@@ -2456,15 +2457,15 @@ const co = ({ children: e, custom: t, initial: n = !0, onExitComplete: s, presen
   if (l !== v) {
     let g = [...l];
     for (let w = 0; w < p.length; w++) {
-      const M = p[w], T = Se(M);
-      d.includes(T) || (g.splice(w, 0, M), y.push(M));
+      const M = p[w], x = Ae(M);
+      d.includes(x) || (g.splice(w, 0, M), y.push(M));
     }
-    return i === "wait" && y.length && (g = y), S(pn(g)), x(l), null;
+    return i === "wait" && y.length && (g = y), S(xn(g)), T(l), null;
   }
   process.env.NODE_ENV !== "production" && i === "wait" && p.length > 1;
-  const { forceRender: A } = E(Fn);
+  const { forceRender: A } = O(zn);
   return P.jsx(P.Fragment, { children: p.map((g) => {
-    const w = Se(g), M = o && !c ? !1 : l === p || d.includes(w), T = () => {
+    const w = Ae(g), M = o && !c ? !1 : l === p || d.includes(w), x = () => {
       if (m.has(w))
         m.set(w, !0);
       else
@@ -2474,9 +2475,9 @@ const co = ({ children: e, custom: t, initial: n = !0, onExitComplete: s, presen
         R || (I = !1);
       }), I && (A == null || A(), S(h.current), o && (u == null || u()), s && s());
     };
-    return P.jsx(oo, { isPresent: M, initial: !f.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: r, mode: i, onExitComplete: M ? void 0 : T, anchorX: a, children: g }, w);
+    return P.jsx(wo, { isPresent: M, initial: !f.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: r, mode: i, onExitComplete: M ? void 0 : x, anchorX: a, children: g }, w);
   }) });
-}, Nt = ie({ strict: !1 }), mn = {
+}, $t = ie({ strict: !1 }), Tn = {
   animation: [
     "animate",
     "variants",
@@ -2496,33 +2497,33 @@ const co = ({ children: e, custom: t, initial: n = !0, onExitComplete: s, presen
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, re = {};
-for (const e in mn)
+for (const e in Tn)
   re[e] = {
-    isEnabled: (t) => mn[e].some((n) => !!t[n])
+    isEnabled: (t) => Tn[e].some((n) => !!t[n])
   };
-function gn(e) {
+function pt(e) {
   for (const t in e)
     re[t] = {
       ...re[t],
       ...e[t]
     };
 }
-function uo({ children: e, features: t, strict: n = !1 }) {
-  const [, s] = Ce(!Je(t)), r = j(void 0);
+function So({ children: e, features: t, strict: n = !1 }) {
+  const [, s] = Pe(!Je(t)), r = j(void 0);
   if (!Je(t)) {
     const { renderer: i, ...o } = t;
-    r.current = i, gn(o);
+    r.current = i, pt(o);
   }
-  return ke(() => {
+  return Ne(() => {
     Je(t) && t().then(({ renderer: i, ...o }) => {
-      gn(o), r.current = i, s(!0);
+      pt(o), r.current = i, s(!0);
     });
-  }, []), P.jsx(Nt.Provider, { value: { renderer: r.current, strict: n }, children: e });
+  }, []), P.jsx($t.Provider, { value: { renderer: r.current, strict: n }, children: e });
 }
 function Je(e) {
   return typeof e == "function";
 }
-const fo = /* @__PURE__ */ new Set([
+const Ao = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -2555,27 +2556,27 @@ const fo = /* @__PURE__ */ new Set([
   "viewport"
 ]);
 function Oe(e) {
-  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || fo.has(e);
+  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || Ao.has(e);
 }
-let ws = (e) => !Oe(e);
-function ho(e) {
-  typeof e == "function" && (ws = (t) => t.startsWith("on") ? !Oe(t) : e(t));
+let Ns = (e) => !Oe(e);
+function Mo(e) {
+  typeof e == "function" && (Ns = (t) => t.startsWith("on") ? !Oe(t) : e(t));
 }
 try {
-  ho(require("@emotion/is-prop-valid").default);
+  Mo(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function po(e, t, n) {
+function Co(e, t, n) {
   const s = {};
   for (const r in e)
-    r === "values" && typeof e.values == "object" || (ws(r) || n === !0 && Oe(r) || !t && !Oe(r) || // If trying to use native HTML drag events, forward drag listeners
+    r === "values" && typeof e.values == "object" || (Ns(r) || n === !0 && Oe(r) || !t && !Oe(r) || // If trying to use native HTML drag events, forward drag listeners
     e.draggable && r.startsWith("onDrag")) && (s[r] = e[r]);
   return s;
 }
-function mo(e) {
+function Po(e) {
   if (typeof Proxy > "u")
     return e;
-  const t = /* @__PURE__ */ new Map(), n = (...s) => (process.env.NODE_ENV !== "production" && Tt(!1, "motion() is deprecated. Use motion.create() instead."), e(...s));
+  const t = /* @__PURE__ */ new Map(), n = (...s) => (process.env.NODE_ENV !== "production" && At(!1, "motion() is deprecated. Use motion.create() instead."), e(...s));
   return new Proxy(n, {
     /**
      * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
@@ -2589,10 +2590,10 @@ const Ke = /* @__PURE__ */ ie({});
 function je(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
-function ge(e) {
+function ye(e) {
   return typeof e == "string" || Array.isArray(e);
 }
-const Lt = [
+const Wt = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2600,38 +2601,38 @@ const Lt = [
   "whileTap",
   "whileDrag",
   "exit"
-], Bt = ["initial", ...Lt];
+], Gt = ["initial", ...Wt];
 function $e(e) {
-  return je(e.animate) || Bt.some((t) => ge(e[t]));
+  return je(e.animate) || Gt.some((t) => ye(e[t]));
 }
-function Ts(e) {
+function Ls(e) {
   return !!($e(e) || e.variants);
 }
-function go(e, t) {
+function Do(e, t) {
   if ($e(e)) {
     const { initial: n, animate: s } = e;
     return {
-      initial: n === !1 || ge(n) ? n : void 0,
-      animate: ge(s) ? s : void 0
+      initial: n === !1 || ye(n) ? n : void 0,
+      animate: ye(s) ? s : void 0
     };
   }
   return e.inherit !== !1 ? t : {};
 }
-function yo(e) {
-  const { initial: t, animate: n } = go(e, E(Ke));
-  return W(() => ({ initial: t, animate: n }), [yn(t), yn(n)]);
+function Io(e) {
+  const { initial: t, animate: n } = Do(e, O(Ke));
+  return W(() => ({ initial: t, animate: n }), [Vn(t), Vn(n)]);
 }
-function yn(e) {
+function Vn(e) {
   return Array.isArray(e) ? e.join(" ") : e;
 }
-const bo = Symbol.for("motionComponentSymbol");
-function xs(e) {
+const Fo = Symbol.for("motionComponentSymbol");
+function Bs(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
-function vo(e, t, n) {
+function Ro(e, t, n) {
   return se(
     (s) => {
-      s && e.onMount && e.onMount(s), t && (s ? t.mount(s) : t.unmount()), n && (typeof n == "function" ? n(s) : xs(n) && (n.current = s));
+      s && e.onMount && e.onMount(s), t && (s ? t.mount(s) : t.unmount()), n && (typeof n == "function" ? n(s) : Bs(n) && (n.current = s));
     },
     /**
      * Only pass a new ref callback to React if we've received a visual element
@@ -2641,10 +2642,10 @@ function vo(e, t, n) {
     [t]
   );
 }
-const Kt = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), wo = "framerAppearId", Vs = "data-" + Kt(wo), To = ie({});
-function xo(e, t, n, s, r) {
-  var v, x;
-  const { visualElement: i } = E(Ke), o = E(Nt), a = E(Ne), c = E(kt).reducedMotion, u = j(null);
+const zt = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Eo = "framerAppearId", Ks = "data-" + zt(Eo), Oo = ie({});
+function ko(e, t, n, s, r) {
+  var v, T;
+  const { visualElement: i } = O(Ke), o = O($t), a = O(Le), c = O(jt).reducedMotion, u = j(null);
   s = s || o.renderer, !u.current && s && (u.current = s(e, {
     visualState: t,
     parent: i,
@@ -2653,28 +2654,28 @@ function xo(e, t, n, s, r) {
     blockInitialAnimation: a ? a.initial === !1 : !1,
     reducedMotionConfig: c
   }));
-  const l = u.current, d = E(To);
-  l && !l.projection && r && (l.type === "html" || l.type === "svg") && Vo(u.current, n, r, d);
+  const l = u.current, d = O(Oo);
+  l && !l.projection && r && (l.type === "html" || l.type === "svg") && No(u.current, n, r, d);
   const f = j(!1);
-  Mn(() => {
+  $n(() => {
     l && f.current && l.update(n, a);
   });
-  const h = n[Vs], m = j(!!h && !((v = window.MotionHandoffIsComplete) != null && v.call(window, h)) && ((x = window.MotionHasOptimisedAnimation) == null ? void 0 : x.call(window, h)));
-  return In(() => {
-    l && (f.current = !0, window.MotionIsMounted = !0, l.updateFeatures(), Hi.render(l.render), m.current && l.animationState && l.animationState.animateChanges());
-  }), ke(() => {
+  const h = n[Ks], m = j(!!h && !((v = window.MotionHandoffIsComplete) != null && v.call(window, h)) && ((T = window.MotionHasOptimisedAnimation) == null ? void 0 : T.call(window, h)));
+  return _n(() => {
+    l && (f.current = !0, window.MotionIsMounted = !0, l.updateFeatures(), co.render(l.render), m.current && l.animationState && l.animationState.animateChanges());
+  }), Ne(() => {
     l && (!m.current && l.animationState && l.animationState.animateChanges(), m.current && (queueMicrotask(() => {
       var p;
       (p = window.MotionHandoffMarkAsComplete) == null || p.call(window, h);
     }), m.current = !1));
   }), l;
 }
-function Vo(e, t, n, s) {
+function No(e, t, n, s) {
   const { layoutId: r, layout: i, drag: o, dragConstraints: a, layoutScroll: c, layoutRoot: u, layoutCrossfade: l } = t;
-  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : Ss(e.parent)), e.projection.setOptions({
+  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : js(e.parent)), e.projection.setOptions({
     layoutId: r,
     layout: i,
-    alwaysMeasureLayout: !!o || a && xs(a),
+    alwaysMeasureLayout: !!o || a && Bs(a),
     visualElement: e,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -2690,37 +2691,42 @@ function Vo(e, t, n, s) {
     layoutRoot: u
   });
 }
-function Ss(e) {
+function js(e) {
   if (e)
-    return e.options.allowProjection !== !1 ? e.projection : Ss(e.parent);
+    return e.options.allowProjection !== !1 ? e.projection : js(e.parent);
 }
-function So({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVisualState: s, Component: r }) {
+function Lo({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVisualState: s, Component: r }) {
+  e && pt(e);
   function i(a, c) {
     let u;
     const l = {
-      ...E(kt),
+      ...O(jt),
       ...a,
-      layoutId: Ao(a)
-    }, { isStatic: d } = l, f = yo(a), h = s(a, d);
-    if (!d && vt) {
-      Mo(l, e);
-      const m = Co(l);
-      u = m.MeasureLayout, f.visualElement = xo(r, h, l, t, m.ProjectionNode);
+      layoutId: Bo(a)
+    }, { isStatic: d } = l, f = Io(a), h = s(a, d);
+    if (!d && Vt) {
+      Ko(l, e);
+      const m = jo(l);
+      u = m.MeasureLayout, f.visualElement = ko(r, h, l, t, m.ProjectionNode);
     }
-    return P.jsxs(Ke.Provider, { value: f, children: [u && f.visualElement ? P.jsx(u, { visualElement: f.visualElement, ...l }) : null, n(r, a, vo(h, f.visualElement, c), h, d, f.visualElement)] });
+    return P.jsxs(Ke.Provider, { value: f, children: [u && f.visualElement ? P.jsx(u, { visualElement: f.visualElement, ...l }) : null, n(r, a, Ro(h, f.visualElement, c), h, d, f.visualElement)] });
   }
   i.displayName = `motion.${typeof r == "string" ? r : `create(${r.displayName ?? r.name ?? ""})`}`;
-  const o = Cn(i);
-  return o[bo] = r, o;
+  const o = Wn(i);
+  return o[Fo] = r, o;
 }
-function Ao({ layoutId: e }) {
-  const t = E(Fn).id;
+function Bo({ layoutId: e }) {
+  const t = O(zn).id;
   return t && e !== void 0 ? t + "-" + e : e;
 }
-function Mo(e, t) {
-  E(Nt).strict, process.env.NODE_ENV;
+function Ko(e, t) {
+  const n = O($t).strict;
+  if (process.env.NODE_ENV !== "production" && t && n) {
+    const s = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
+    e.ignoreStrict ? oe(!1, s) : U(!1, s);
+  }
 }
-function Co(e) {
+function jo(e) {
   const { drag: t, layout: n } = re;
   if (!t && !n)
     return {};
@@ -2730,28 +2736,32 @@ function Co(e) {
     ProjectionNode: s.ProjectionNode
   };
 }
-const Po = {};
-function As(e, { layout: t, layoutId: n }) {
-  return ue.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Po[e] || e === "opacity");
+const mt = {};
+function wl(e) {
+  for (const t in e)
+    mt[t] = e[t], Pt(t) && (mt[t].isCSSVariable = !0);
+}
+function $s(e, { layout: t, layoutId: n }) {
+  return de.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!mt[e] || e === "opacity");
 }
-const Fo = {
+const $o = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Io = ce.length;
-function Do(e, t, n) {
+}, Wo = ue.length;
+function Go(e, t, n) {
   let s = "", r = !0;
-  for (let i = 0; i < Io; i++) {
-    const o = ce[i], a = e[o];
+  for (let i = 0; i < Wo; i++) {
+    const o = ue[i], a = e[o];
     if (a === void 0)
       continue;
     let c = !0;
     if (typeof a == "number" ? c = a === (o.startsWith("scale") ? 1 : 0) : c = parseFloat(a) === 0, !c || n) {
-      const u = ys(a, Et[o]);
+      const u = Fs(a, Kt[o]);
       if (!c) {
         r = !1;
-        const l = Fo[o] || o;
+        const l = $o[o] || o;
         s += `${l}(${u}) `;
       }
       n && (t[o] = u);
@@ -2759,66 +2769,66 @@ function Do(e, t, n) {
   }
   return s = s.trim(), n ? s = n(t, r ? "" : s) : r && (s = "none"), s;
 }
-function jt(e, t, n) {
+function _t(e, t, n) {
   const { style: s, vars: r, transformOrigin: i } = e;
   let o = !1, a = !1;
   for (const c in t) {
     const u = t[c];
-    if (ue.has(c)) {
+    if (de.has(c)) {
       o = !0;
       continue;
-    } else if (Hn(c)) {
+    } else if (Pt(c)) {
       r[c] = u;
       continue;
     } else {
-      const l = ys(u, Et[c]);
+      const l = Fs(u, Kt[c]);
       c.startsWith("origin") ? (a = !0, i[c] = l) : s[c] = l;
     }
   }
-  if (t.transform || (o || n ? s.transform = Do(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
+  if (t.transform || (o || n ? s.transform = Go(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
     const { originX: c = "50%", originY: u = "50%", originZ: l = 0 } = i;
     s.transformOrigin = `${c} ${u} ${l}`;
   }
 }
-const $t = () => ({
+const Ut = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
   vars: {}
 });
-function Ms(e, t, n) {
+function Ws(e, t, n) {
   for (const s in t)
-    !O(t[s]) && !As(s, n) && (e[s] = t[s]);
+    !E(t[s]) && !$s(s, n) && (e[s] = t[s]);
 }
-function Ro({ transformTemplate: e }, t) {
+function zo({ transformTemplate: e }, t) {
   return W(() => {
-    const n = $t();
-    return jt(n, t, e), Object.assign({}, n.vars, n.style);
+    const n = Ut();
+    return _t(n, t, e), Object.assign({}, n.vars, n.style);
   }, [t]);
 }
-function Oo(e, t) {
+function _o(e, t) {
   const n = e.style || {}, s = {};
-  return Ms(s, n, e), Object.assign(s, Ro(e, t)), s;
+  return Ws(s, n, e), Object.assign(s, zo(e, t)), s;
 }
-function Eo(e, t) {
-  const n = {}, s = Oo(e, t);
+function Uo(e, t) {
+  const n = {}, s = _o(e, t);
   return e.drag && e.dragListener !== !1 && (n.draggable = !1, s.userSelect = s.WebkitUserSelect = s.WebkitTouchCallout = "none", s.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (n.tabIndex = 0), n.style = s, n;
 }
-const ko = {
+const Ho = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, No = {
+}, Yo = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Lo(e, t, n = 1, s = 0, r = !0) {
+function Xo(e, t, n = 1, s = 0, r = !0) {
   e.pathLength = 1;
-  const i = r ? ko : No;
+  const i = r ? Ho : Yo;
   e[i.offset] = b.transform(-s);
   const o = b.transform(t), a = b.transform(n);
   e[i.array] = `${o} ${a}`;
 }
-function Cs(e, {
+function Gs(e, {
   attrX: t,
   attrY: n,
   attrScale: s,
@@ -2828,33 +2838,33 @@ function Cs(e, {
   // This is object creation, which we try to avoid per-frame.
   ...a
 }, c, u, l) {
-  if (jt(e, a, u), c) {
+  if (_t(e, a, u), c) {
     e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
     return;
   }
   e.attrs = e.style, e.style = {};
   const { attrs: d, style: f } = e;
-  d.transform && (f.transform = d.transform, delete d.transform), (f.transform || d.transformOrigin) && (f.transformOrigin = d.transformOrigin ?? "50% 50%", delete d.transformOrigin), f.transform && (f.transformBox = (l == null ? void 0 : l.transformBox) ?? "fill-box", delete d.transformBox), t !== void 0 && (d.x = t), n !== void 0 && (d.y = n), s !== void 0 && (d.scale = s), r !== void 0 && Lo(d, r, i, o, !1);
+  d.transform && (f.transform = d.transform, delete d.transform), (f.transform || d.transformOrigin) && (f.transformOrigin = d.transformOrigin ?? "50% 50%", delete d.transformOrigin), f.transform && (f.transformBox = (l == null ? void 0 : l.transformBox) ?? "fill-box", delete d.transformBox), t !== void 0 && (d.x = t), n !== void 0 && (d.y = n), s !== void 0 && (d.scale = s), r !== void 0 && Xo(d, r, i, o, !1);
 }
-const Ps = () => ({
-  ...$t(),
+const zs = () => ({
+  ...Ut(),
   attrs: {}
-}), Fs = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-function Bo(e, t, n, s) {
+}), _s = (e) => typeof e == "string" && e.toLowerCase() === "svg";
+function qo(e, t, n, s) {
   const r = W(() => {
-    const i = Ps();
-    return Cs(i, t, Fs(s), e.transformTemplate, e.style), {
+    const i = zs();
+    return Gs(i, t, _s(s), e.transformTemplate, e.style), {
       ...i.attrs,
       style: { ...i.style }
     };
   }, [t]);
   if (e.style) {
     const i = {};
-    Ms(i, e.style, e), r.style = { ...i, ...r.style };
+    Ws(i, e.style, e), r.style = { ...i, ...r.style };
   }
   return r;
 }
-const Ko = [
+const Zo = [
   "animate",
   "circle",
   "defs",
@@ -2881,7 +2891,7 @@ const Ko = [
   "use",
   "view"
 ];
-function Wt(e) {
+function Ht(e) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -2894,58 +2904,58 @@ function Wt(e) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(Ko.indexOf(e) > -1 || /**
+      !!(Zo.indexOf(e) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(e))
     )
   );
 }
-function jo(e = !1) {
+function Jo(e = !1) {
   return (n, s, r, { latestValues: i }, o) => {
-    const c = (Wt(n) ? Bo : Eo)(s, i, o, n), u = po(s, typeof n == "string", e), l = n !== Pn ? { ...u, ...c, ref: r } : {}, { children: d } = s, f = W(() => O(d) ? d.get() : d, [d]);
-    return _s(n, {
+    const c = (Ht(n) ? qo : Uo)(s, i, o, n), u = Co(s, typeof n == "string", e), l = n !== Gn ? { ...u, ...c, ref: r } : {}, { children: d } = s, f = W(() => E(d) ? d.get() : d, [d]);
+    return ar(n, {
       ...l,
       children: f
     });
   };
 }
-function bn(e) {
+function Sn(e) {
   const t = [{}, {}];
   return e == null || e.values.forEach((n, s) => {
     t[0][s] = n.get(), t[1][s] = n.getVelocity();
   }), t;
 }
-function Gt(e, t, n, s) {
+function Yt(e, t, n, s) {
   if (typeof t == "function") {
-    const [r, i] = bn(s);
+    const [r, i] = Sn(s);
     t = t(n !== void 0 ? n : e.custom, r, i);
   }
   if (typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function") {
-    const [r, i] = bn(s);
+    const [r, i] = Sn(s);
     t = t(n !== void 0 ? n : e.custom, r, i);
   }
   return t;
 }
-function $o(e) {
-  return O(e) ? e.get() : e;
+function Qo(e) {
+  return E(e) ? e.get() : e;
 }
-function Wo({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, r) {
+function ea({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, r) {
   return {
-    latestValues: Go(n, s, r, e),
+    latestValues: ta(n, s, r, e),
     renderState: t()
   };
 }
-const Is = (e) => (t, n) => {
-  const s = E(Ke), r = E(Ne), i = () => Wo(e, t, s, r);
-  return n ? i() : bt(i);
+const Us = (e) => (t, n) => {
+  const s = O(Ke), r = O(Le), i = () => ea(e, t, s, r);
+  return n ? i() : Tt(i);
 };
-function Go(e, t, n, s) {
+function ta(e, t, n, s) {
   const r = {}, i = s(e, {});
   for (const f in i)
-    r[f] = $o(i[f]);
+    r[f] = Qo(i[f]);
   let { initial: o, animate: a } = e;
-  const c = $e(e), u = Ts(e);
+  const c = $e(e), u = Ls(e);
   t && u && !c && e.inherit !== !1 && (o === void 0 && (o = t.initial), a === void 0 && (a = t.animate));
   let l = n ? n.initial === !1 : !1;
   l = l || o === !1;
@@ -2953,9 +2963,9 @@ function Go(e, t, n, s) {
   if (d && typeof d != "boolean" && !je(d)) {
     const f = Array.isArray(d) ? d : [d];
     for (let h = 0; h < f.length; h++) {
-      const m = Gt(e, f[h]);
+      const m = Yt(e, f[h]);
       if (m) {
-        const { transitionEnd: v, transition: x, ...p } = m;
+        const { transitionEnd: v, transition: T, ...p } = m;
         for (const S in p) {
           let y = p[S];
           if (Array.isArray(y)) {
@@ -2971,110 +2981,110 @@ function Go(e, t, n, s) {
   }
   return r;
 }
-function zt(e, t, n) {
+function Xt(e, t, n) {
   var i;
   const { style: s } = e, r = {};
   for (const o in s)
-    (O(s[o]) || t.style && O(t.style[o]) || As(o, e) || ((i = n == null ? void 0 : n.getValue(o)) == null ? void 0 : i.liveStyle) !== void 0) && (r[o] = s[o]);
+    (E(s[o]) || t.style && E(t.style[o]) || $s(o, e) || ((i = n == null ? void 0 : n.getValue(o)) == null ? void 0 : i.liveStyle) !== void 0) && (r[o] = s[o]);
   return r;
 }
-const zo = {
-  useVisualState: Is({
-    scrapeMotionValuesFromProps: zt,
-    createRenderState: $t
+const na = {
+  useVisualState: Us({
+    scrapeMotionValuesFromProps: Xt,
+    createRenderState: Ut
   })
 };
-function Ds(e, t, n) {
-  const s = zt(e, t, n);
+function Hs(e, t, n) {
+  const s = Xt(e, t, n);
   for (const r in e)
-    if (O(e[r]) || O(t[r])) {
-      const i = ce.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
+    if (E(e[r]) || E(t[r])) {
+      const i = ue.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
       s[i] = e[r];
     }
   return s;
 }
-const _o = {
-  useVisualState: Is({
-    scrapeMotionValuesFromProps: Ds,
-    createRenderState: Ps
+const sa = {
+  useVisualState: Us({
+    scrapeMotionValuesFromProps: Hs,
+    createRenderState: zs
   })
 };
-function Uo(e, t) {
+function ra(e, t) {
   return function(s, { forwardMotionProps: r } = { forwardMotionProps: !1 }) {
     const o = {
-      ...Wt(s) ? _o : zo,
+      ...Ht(s) ? sa : na,
       preloadedFeatures: e,
-      useRender: jo(r),
+      useRender: Jo(r),
       createVisualElement: t,
       Component: s
     };
-    return So(o);
+    return Lo(o);
   };
 }
-const Ho = /* @__PURE__ */ Uo(), Yo = /* @__PURE__ */ mo(Ho);
-function ye(e, t, n) {
+const ia = /* @__PURE__ */ ra(), oa = /* @__PURE__ */ Po(ia);
+function be(e, t, n) {
   const s = e.getProps();
-  return Gt(s, t, n !== void 0 ? n : s.custom, e);
+  return Yt(s, t, n !== void 0 ? n : s.custom, e);
 }
-const ht = (e) => Array.isArray(e);
-function Xo(e, t, n) {
-  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, Re(n));
+const gt = (e) => Array.isArray(e);
+function aa(e, t, n) {
+  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, Ee(n));
 }
-function qo(e) {
-  return ht(e) ? e[e.length - 1] || 0 : e;
+function la(e) {
+  return gt(e) ? e[e.length - 1] || 0 : e;
 }
-function Zo(e, t) {
-  const n = ye(e, t);
+function ca(e, t) {
+  const n = be(e, t);
   let { transitionEnd: s = {}, transition: r = {}, ...i } = n || {};
   i = { ...i, ...s };
   for (const o in i) {
-    const a = qo(i[o]);
-    Xo(e, o, a);
+    const a = la(i[o]);
+    aa(e, o, a);
   }
 }
-function Jo(e) {
-  return !!(O(e) && e.add);
+function ua(e) {
+  return !!(E(e) && e.add);
 }
-function Qo(e, t) {
+function da(e, t) {
   const n = e.getValue("willChange");
-  if (Jo(n))
+  if (ua(n))
     return n.add(t);
   if (!n && G.WillChange) {
     const s = new G.WillChange("auto");
     e.addValue("willChange", s), s.add(t);
   }
 }
-function ea(e) {
-  return e.props[Vs];
+function fa(e) {
+  return e.props[Ks];
 }
-const ta = (e) => e !== null;
-function na(e, { repeat: t, repeatType: n = "loop" }, s) {
-  const r = e.filter(ta), i = t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
+const ha = (e) => e !== null;
+function pa(e, { repeat: t, repeatType: n = "loop" }, s) {
+  const r = e.filter(ha), i = t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
   return r[i];
 }
-const sa = {
+const ma = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, ra = (e) => ({
+}, ga = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), ia = {
+}), ya = {
   type: "keyframes",
   duration: 0.8
-}, oa = {
+}, ba = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, aa = (e, { keyframes: t }) => t.length > 2 ? ia : ue.has(e) ? e.startsWith("scale") ? ra(t[1]) : sa : oa;
-function la({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: r, repeat: i, repeatType: o, repeatDelay: a, from: c, elapsed: u, ...l }) {
+}, va = (e, { keyframes: t }) => t.length > 2 ? ya : de.has(e) ? e.startsWith("scale") ? ga(t[1]) : ma : ba;
+function wa({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: r, repeat: i, repeatType: o, repeatDelay: a, from: c, elapsed: u, ...l }) {
   return !!Object.keys(l).length;
 }
-const ca = (e, t, n, s = {}, r, i) => (o) => {
-  const a = ds(s, e) || {}, c = a.delay || s.delay || 0;
+const xa = (e, t, n, s = {}, r, i) => (o) => {
+  const a = As(s, e) || {}, c = a.delay || s.delay || 0;
   let { elapsed: u = 0 } = s;
   u = u - /* @__PURE__ */ B(c);
   const l = {
@@ -3093,10 +3103,10 @@ const ca = (e, t, n, s = {}, r, i) => (o) => {
     motionValue: t,
     element: i ? void 0 : r
   };
-  la(a) || Object.assign(l, aa(e, l)), l.duration && (l.duration = /* @__PURE__ */ B(l.duration)), l.repeatDelay && (l.repeatDelay = /* @__PURE__ */ B(l.repeatDelay)), l.from !== void 0 && (l.keyframes[0] = l.from);
+  wa(a) || Object.assign(l, va(e, l)), l.duration && (l.duration = /* @__PURE__ */ B(l.duration)), l.repeatDelay && (l.repeatDelay = /* @__PURE__ */ B(l.repeatDelay)), l.from !== void 0 && (l.keyframes[0] = l.from);
   let d = !1;
   if ((l.type === !1 || l.duration === 0 && !l.repeatDelay) && (l.duration = 0, l.delay === 0 && (d = !0)), (G.instantAnimations || G.skipAnimations) && (d = !0, l.duration = 0, l.delay = 0), l.allowFlatten = !a.type && !a.ease, d && !i && t.get() !== void 0) {
-    const f = na(l.keyframes, a);
+    const f = pa(l.keyframes, a);
     if (f !== void 0) {
       L.update(() => {
         l.onUpdate(f), l.onComplete();
@@ -3104,52 +3114,52 @@ const ca = (e, t, n, s = {}, r, i) => (o) => {
       return;
     }
   }
-  return a.isSync ? new Dt(l) : new Ii(l);
+  return a.isSync ? new Nt(l) : new Ui(l);
 };
-function ua({ protectedKeys: e, needsAnimating: t }, n) {
+function Ta({ protectedKeys: e, needsAnimating: t }, n) {
   const s = e.hasOwnProperty(n) && t[n] !== !0;
   return t[n] = !1, s;
 }
-function Rs(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
+function Ys(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
   let { transition: i = e.getDefaultTransition(), transitionEnd: o, ...a } = t;
   s && (i = s);
   const c = [], u = r && e.animationState && e.animationState.getState()[r];
   for (const l in a) {
     const d = e.getValue(l, e.latestValues[l] ?? null), f = a[l];
-    if (f === void 0 || u && ua(u, l))
+    if (f === void 0 || u && Ta(u, l))
       continue;
     const h = {
       delay: n,
-      ...ds(i || {}, l)
+      ...As(i || {}, l)
     }, m = d.get();
     if (m !== void 0 && !d.isAnimating && !Array.isArray(f) && f === m && !h.velocity)
       continue;
     let v = !1;
     if (window.MotionHandoffAnimation) {
-      const p = ea(e);
+      const p = fa(e);
       if (p) {
         const S = window.MotionHandoffAnimation(p, l, L);
         S !== null && (h.startTime = S, v = !0);
       }
     }
-    Qo(e, l), d.start(ca(l, d, f, e.shouldReduceMotion && fs.has(l) ? { type: !1 } : h, e, v));
-    const x = d.animation;
-    x && c.push(x);
+    da(e, l), d.start(xa(l, d, f, e.shouldReduceMotion && Ms.has(l) ? { type: !1 } : h, e, v));
+    const T = d.animation;
+    T && c.push(T);
   }
   return o && Promise.all(c).then(() => {
     L.update(() => {
-      o && Zo(e, o);
+      o && ca(e, o);
     });
   }), c;
 }
-function pt(e, t, n = {}) {
+function yt(e, t, n = {}) {
   var c;
-  const s = ye(e, t, n.type === "exit" ? (c = e.presenceContext) == null ? void 0 : c.custom : void 0);
+  const s = be(e, t, n.type === "exit" ? (c = e.presenceContext) == null ? void 0 : c.custom : void 0);
   let { transition: r = e.getDefaultTransition() || {} } = s || {};
   n.transitionOverride && (r = n.transitionOverride);
-  const i = s ? () => Promise.all(Rs(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (u = 0) => {
+  const i = s ? () => Promise.all(Ys(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (u = 0) => {
     const { delayChildren: l = 0, staggerChildren: d, staggerDirection: f } = r;
-    return da(e, t, l + u, d, f, n);
+    return Va(e, t, l + u, d, f, n);
   } : () => Promise.resolve(), { when: a } = r;
   if (a) {
     const [u, l] = a === "beforeChildren" ? [i, o] : [o, i];
@@ -3157,35 +3167,35 @@ function pt(e, t, n = {}) {
   } else
     return Promise.all([i(), o(n.delay)]);
 }
-function da(e, t, n = 0, s = 0, r = 1, i) {
+function Va(e, t, n = 0, s = 0, r = 1, i) {
   const o = [], a = (e.variantChildren.size - 1) * s, c = r === 1 ? (u = 0) => u * s : (u = 0) => a - u * s;
-  return Array.from(e.variantChildren).sort(fa).forEach((u, l) => {
-    u.notify("AnimationStart", t), o.push(pt(u, t, {
+  return Array.from(e.variantChildren).sort(Sa).forEach((u, l) => {
+    u.notify("AnimationStart", t), o.push(yt(u, t, {
       ...i,
       delay: n + c(l)
     }).then(() => u.notify("AnimationComplete", t)));
   }), Promise.all(o);
 }
-function fa(e, t) {
+function Sa(e, t) {
   return e.sortNodePosition(t);
 }
-function ha(e, t, n = {}) {
+function Aa(e, t, n = {}) {
   e.notify("AnimationStart", t);
   let s;
   if (Array.isArray(t)) {
-    const r = t.map((i) => pt(e, i, n));
+    const r = t.map((i) => yt(e, i, n));
     s = Promise.all(r);
   } else if (typeof t == "string")
-    s = pt(e, t, n);
+    s = yt(e, t, n);
   else {
-    const r = typeof t == "function" ? ye(e, t, n.custom) : t;
-    s = Promise.all(Rs(e, r, n));
+    const r = typeof t == "function" ? be(e, t, n.custom) : t;
+    s = Promise.all(Ys(e, r, n));
   }
   return s.then(() => {
     e.notify("AnimationComplete", t);
   });
 }
-function Os(e, t) {
+function Xs(e, t) {
   if (!Array.isArray(t))
     return !1;
   const n = t.length;
@@ -3196,30 +3206,30 @@ function Os(e, t) {
       return !1;
   return !0;
 }
-const pa = Bt.length;
-function Es(e) {
+const Ma = Gt.length;
+function qs(e) {
   if (!e)
     return;
   if (!e.isControllingVariants) {
-    const n = e.parent ? Es(e.parent) || {} : {};
+    const n = e.parent ? qs(e.parent) || {} : {};
     return e.props.initial !== void 0 && (n.initial = e.props.initial), n;
   }
   const t = {};
-  for (let n = 0; n < pa; n++) {
-    const s = Bt[n], r = e.props[s];
-    (ge(r) || r === !1) && (t[s] = r);
+  for (let n = 0; n < Ma; n++) {
+    const s = Gt[n], r = e.props[s];
+    (ye(r) || r === !1) && (t[s] = r);
   }
   return t;
 }
-const ma = [...Lt].reverse(), ga = Lt.length;
-function ya(e) {
-  return (t) => Promise.all(t.map(({ animation: n, options: s }) => ha(e, n, s)));
+const Ca = [...Wt].reverse(), Pa = Wt.length;
+function Da(e) {
+  return (t) => Promise.all(t.map(({ animation: n, options: s }) => Aa(e, n, s)));
 }
-function ba(e) {
-  let t = ya(e), n = vn(), s = !0;
+function Ia(e) {
+  let t = Da(e), n = An(), s = !0;
   const r = (c) => (u, l) => {
     var f;
-    const d = ye(e, l, c === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
+    const d = be(e, l, c === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
     if (d) {
       const { transition: h, transitionEnd: m, ...v } = d;
       u = { ...u, ...v, ...m };
@@ -3230,54 +3240,54 @@ function ba(e) {
     t = c(e);
   }
   function o(c) {
-    const { props: u } = e, l = Es(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
+    const { props: u } = e, l = qs(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
     let h = {}, m = 1 / 0;
-    for (let x = 0; x < ga; x++) {
-      const p = ma[x], S = n[p], y = u[p] !== void 0 ? u[p] : l[p], A = ge(y), g = p === c ? S.isActive : null;
-      g === !1 && (m = x);
+    for (let T = 0; T < Pa; T++) {
+      const p = Ca[T], S = n[p], y = u[p] !== void 0 ? u[p] : l[p], A = ye(y), g = p === c ? S.isActive : null;
+      g === !1 && (m = T);
       let w = y === l[p] && y !== u[p] && A;
       if (w && s && e.manuallyAnimateOnMount && (w = !1), S.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
       !S.isActive && g === null || // If we didn't and don't have any defined prop for this animation type
       !y && !S.prevProp || // Or if the prop doesn't define an animation
       je(y) || typeof y == "boolean")
         continue;
-      const M = va(S.prevProp, y);
-      let T = M || // If we're making this variant active, we want to always make it active
+      const M = Fa(S.prevProp, y);
+      let x = M || // If we're making this variant active, we want to always make it active
       p === c && S.isActive && !w && A || // If we removed a higher-priority variant (i is in reverse order)
-      x > m && A, I = !1;
+      T > m && A, I = !1;
       const R = Array.isArray(y) ? y : [y];
       let z = R.reduce(r(p), {});
       g === !1 && (z = {});
       const { prevResolvedValues: Te = {} } = S, We = {
         ...Te,
         ...z
-      }, Ge = (D) => {
-        T = !0, f.has(D) && (I = !0, f.delete(D)), S.needsAnimating[D] = !0;
-        const K = e.getValue(D);
+      }, Ge = (F) => {
+        x = !0, f.has(F) && (I = !0, f.delete(F)), S.needsAnimating[F] = !0;
+        const K = e.getValue(F);
         K && (K.liveStyle = !1);
       };
-      for (const D in We) {
-        const K = z[D], _e = Te[D];
-        if (h.hasOwnProperty(D))
+      for (const F in We) {
+        const K = z[F], _e = Te[F];
+        if (h.hasOwnProperty(F))
           continue;
         let Ue = !1;
-        ht(K) && ht(_e) ? Ue = !Os(K, _e) : Ue = K !== _e, Ue ? K != null ? Ge(D) : f.add(D) : K !== void 0 && f.has(D) ? Ge(D) : S.protectedKeys[D] = !0;
+        gt(K) && gt(_e) ? Ue = !Xs(K, _e) : Ue = K !== _e, Ue ? K != null ? Ge(F) : f.add(F) : K !== void 0 && f.has(F) ? Ge(F) : S.protectedKeys[F] = !0;
       }
-      S.prevProp = y, S.prevResolvedValues = z, S.isActive && (h = { ...h, ...z }), s && e.blockInitialAnimation && (T = !1), T && (!(w && M) || I) && d.push(...R.map((D) => ({
-        animation: D,
+      S.prevProp = y, S.prevResolvedValues = z, S.isActive && (h = { ...h, ...z }), s && e.blockInitialAnimation && (x = !1), x && (!(w && M) || I) && d.push(...R.map((F) => ({
+        animation: F,
         options: { type: p }
       })));
     }
     if (f.size) {
-      const x = {};
+      const T = {};
       if (typeof u.initial != "boolean") {
-        const p = ye(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
-        p && p.transition && (x.transition = p.transition);
+        const p = be(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
+        p && p.transition && (T.transition = p.transition);
       }
       f.forEach((p) => {
         const S = e.getBaseTarget(p), y = e.getValue(p);
-        y && (y.liveStyle = !0), x[p] = S ?? null;
-      }), d.push({ animation: x });
+        y && (y.liveStyle = !0), T[p] = S ?? null;
+      }), d.push({ animation: T });
     }
     let v = !!d.length;
     return s && (u.initial === !1 || u.initial === u.animate) && !e.manuallyAnimateOnMount && (v = !1), s = !1, v ? t(d) : Promise.resolve();
@@ -3301,14 +3311,14 @@ function ba(e) {
     setAnimateFunction: i,
     getState: () => n,
     reset: () => {
-      n = vn(), s = !0;
+      n = An(), s = !0;
     }
   };
 }
-function va(e, t) {
-  return typeof t == "string" ? t !== e : Array.isArray(t) ? !Os(t, e) : !1;
+function Fa(e, t) {
+  return typeof t == "string" ? t !== e : Array.isArray(t) ? !Xs(t, e) : !1;
 }
-function U(e = !1) {
+function H(e = !1) {
   return {
     isActive: e,
     protectedKeys: {},
@@ -3316,32 +3326,32 @@ function U(e = !1) {
     prevResolvedValues: {}
   };
 }
-function vn() {
+function An() {
   return {
-    animate: U(!0),
-    whileInView: U(),
-    whileHover: U(),
-    whileTap: U(),
-    whileDrag: U(),
-    whileFocus: U(),
-    exit: U()
+    animate: H(!0),
+    whileInView: H(),
+    whileHover: H(),
+    whileTap: H(),
+    whileDrag: H(),
+    whileFocus: H(),
+    exit: H()
   };
 }
-class de {
+class fe {
   constructor(t) {
     this.isMounted = !1, this.node = t;
   }
   update() {
   }
 }
-class wa extends de {
+class Ra extends fe {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
    * so people can optionally code split it out using the `m` component.
    */
   constructor(t) {
-    super(t), t.animationState || (t.animationState = ba(t));
+    super(t), t.animationState || (t.animationState = Ia(t));
   }
   updateAnimationControlsSubscription() {
     const { animate: t } = this.node.getProps();
@@ -3362,10 +3372,10 @@ class wa extends de {
     this.node.animationState.reset(), (t = this.unmountControls) == null || t.call(this);
   }
 }
-let Ta = 0;
-class xa extends de {
+let Ea = 0;
+class Oa extends fe {
   constructor() {
-    super(...arguments), this.id = Ta++;
+    super(...arguments), this.id = Ea++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -3385,18 +3395,18 @@ class xa extends de {
   unmount() {
   }
 }
-const Va = {
+const ka = {
   animation: {
-    Feature: wa
+    Feature: Ra
   },
   exit: {
-    Feature: xa
+    Feature: Oa
   }
 };
-function wn(e, t, n, s = { passive: !0 }) {
+function Mn(e, t, n, s = { passive: !0 }) {
   return e.addEventListener(t, n, s), () => e.removeEventListener(t, n);
 }
-function ks(e) {
+function qt(e) {
   return {
     point: {
       x: e.pageX,
@@ -3404,13 +3414,17 @@ function ks(e) {
     }
   };
 }
-function Sa({ top: e, left: t, right: n, bottom: s }) {
+const xl = (e) => (t) => ks(t) && e(t, qt(t));
+function Na({ top: e, left: t, right: n, bottom: s }) {
   return {
     x: { min: t, max: n },
     y: { min: e, max: s }
   };
 }
-function Aa(e, t) {
+function Tl({ x: e, y: t }) {
+  return { top: t.min, right: e.max, bottom: t.max, left: e.min };
+}
+function La(e, t) {
   if (!t)
     return e;
   const n = t({ x: e.left, y: e.top }), s = t({ x: e.right, y: e.bottom });
@@ -3421,28 +3435,95 @@ function Aa(e, t) {
     right: s.x
   };
 }
-const Tn = () => ({ min: 0, max: 0 }), Ns = () => ({
-  x: Tn(),
-  y: Tn()
+const Cn = () => ({
+  translate: 0,
+  scale: 1,
+  origin: 0,
+  originPoint: 0
+}), Vl = () => ({
+  x: Cn(),
+  y: Cn()
+}), Pn = () => ({ min: 0, max: 0 }), Zs = () => ({
+  x: Pn(),
+  y: Pn()
 });
-function Ma(e, t) {
-  return Sa(Aa(e.getBoundingClientRect(), t));
+function Qe(e) {
+  return e === void 0 || e === 1;
+}
+function Ba({ scale: e, scaleX: t, scaleY: n }) {
+  return !Qe(e) || !Qe(t) || !Qe(n);
+}
+function Ka(e) {
+  return Ba(e) || ja(e) || e.z || e.rotate || e.rotateX || e.rotateY || e.skewX || e.skewY;
+}
+function ja(e) {
+  return Dn(e.x) || Dn(e.y);
+}
+function Dn(e) {
+  return e && e !== "0%";
+}
+function In(e, t, n) {
+  const s = e - n, r = t * s;
+  return n + r;
+}
+function Fn(e, t, n, s, r) {
+  return r !== void 0 && (e = In(e, r, s)), In(e, n, s) + t;
+}
+function bt(e, t = 0, n = 1, s, r) {
+  e.min = Fn(e.min, t, n, s, r), e.max = Fn(e.max, t, n, s, r);
+}
+function $a(e, { x: t, y: n }) {
+  bt(e.x, t.translate, t.scale, t.originPoint), bt(e.y, n.translate, n.scale, n.originPoint);
+}
+const Rn = 0.999999999999, En = 1.0000000000001;
+function Sl(e, t, n, s = !1) {
+  const r = n.length;
+  if (!r)
+    return;
+  t.x = t.y = 1;
+  let i, o;
+  for (let a = 0; a < r; a++) {
+    i = n[a], o = i.projectionDelta;
+    const { visualElement: c } = i.options;
+    c && c.props.style && c.props.style.display === "contents" || (s && i.options.layoutScroll && i.scroll && i !== i.root && Nn(e, {
+      x: -i.scroll.offset.x,
+      y: -i.scroll.offset.y
+    }), o && (t.x *= o.x.scale, t.y *= o.y.scale, $a(e, o)), s && Ka(i.latestValues) && Nn(e, i.latestValues));
+  }
+  t.x < En && t.x > Rn && (t.x = 1), t.y < En && t.y > Rn && (t.y = 1);
+}
+function On(e, t) {
+  e.min = e.min + t, e.max = e.max + t;
+}
+function kn(e, t, n, s, r = 0.5) {
+  const i = xe(e.min, e.max, r);
+  bt(e, t, n, i, s);
+}
+function Nn(e, t) {
+  kn(e.x, t.x, t.scaleX, t.scale, t.originX), kn(e.y, t.y, t.scaleY, t.scale, t.originY);
+}
+function Js(e, t) {
+  return Na(La(e.getBoundingClientRect(), t));
+}
+function Al(e, t, n) {
+  const s = Js(e, n), { scroll: r } = t;
+  return r && (On(s.x, r.offset.x), On(s.y, r.offset.y)), s;
 }
-function xn(e, t, n) {
+function Ln(e, t, n) {
   const { props: s } = e;
   e.animationState && s.whileHover && e.animationState.setActive("whileHover", n === "Start");
   const r = "onHover" + n, i = s[r];
-  i && L.postRender(() => i(t, ks(t)));
+  i && L.postRender(() => i(t, qt(t)));
 }
-class Ca extends de {
+class Wa extends fe {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = qi(t, (n, s) => (xn(this.node, s, "Start"), (r) => xn(this.node, r, "End"))));
+    t && (this.unmount = uo(t, (n, s) => (Ln(this.node, s, "Start"), (r) => Ln(this.node, r, "End"))));
   }
   unmount() {
   }
 }
-class Pa extends de {
+class Ga extends fe {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -3459,50 +3540,50 @@ class Pa extends de {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = Le(wn(this.node.current, "focus", () => this.onFocus()), wn(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = Be(Mn(this.node.current, "focus", () => this.onFocus()), Mn(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
 }
-function Vn(e, t, n) {
+function Bn(e, t, n) {
   const { props: s } = e;
   if (e.current instanceof HTMLButtonElement && e.current.disabled)
     return;
   e.animationState && s.whileTap && e.animationState.setActive("whileTap", n === "Start");
   const r = "onTap" + (n === "End" ? "" : n), i = s[r];
-  i && L.postRender(() => i(t, ks(t)));
+  i && L.postRender(() => i(t, qt(t)));
 }
-class Fa extends de {
+class za extends fe {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = to(t, (n, s) => (Vn(this.node, s, "Start"), (r, { success: i }) => Vn(this.node, r, i ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    t && (this.unmount = mo(t, (n, s) => (Bn(this.node, s, "Start"), (r, { success: i }) => Bn(this.node, r, i ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
 }
-const mt = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), Ia = (e) => {
-  const t = mt.get(e.target);
+const vt = /* @__PURE__ */ new WeakMap(), et = /* @__PURE__ */ new WeakMap(), _a = (e) => {
+  const t = vt.get(e.target);
   t && t(e);
-}, Da = (e) => {
-  e.forEach(Ia);
+}, Ua = (e) => {
+  e.forEach(_a);
 };
-function Ra({ root: e, ...t }) {
+function Ha({ root: e, ...t }) {
   const n = e || document;
-  Qe.has(n) || Qe.set(n, {});
-  const s = Qe.get(n), r = JSON.stringify(t);
-  return s[r] || (s[r] = new IntersectionObserver(Da, { root: e, ...t })), s[r];
-}
-function Oa(e, t, n) {
-  const s = Ra(t);
-  return mt.set(e, n), s.observe(e), () => {
-    mt.delete(e), s.unobserve(e);
+  et.has(n) || et.set(n, {});
+  const s = et.get(n), r = JSON.stringify(t);
+  return s[r] || (s[r] = new IntersectionObserver(Ua, { root: e, ...t })), s[r];
+}
+function Ya(e, t, n) {
+  const s = Ha(t);
+  return vt.set(e, n), s.observe(e), () => {
+    vt.delete(e), s.unobserve(e);
   };
 }
-const Ea = {
+const Xa = {
   some: 0,
   all: 1
 };
-class ka extends de {
+class qa extends fe {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -3511,7 +3592,7 @@ class ka extends de {
     const { viewport: t = {} } = this.node.getProps(), { root: n, margin: s, amount: r = "some", once: i } = t, o = {
       root: n ? n.current : void 0,
       rootMargin: s,
-      threshold: typeof r == "number" ? r : Ea[r]
+      threshold: typeof r == "number" ? r : Xa[r]
     }, a = (c) => {
       const { isIntersecting: u } = c;
       if (this.isInView === u || (this.isInView = u, i && !u && this.hasEnteredView))
@@ -3520,7 +3601,7 @@ class ka extends de {
       const { onViewportEnter: l, onViewportLeave: d } = this.node.getProps(), f = u ? l : d;
       f && f(c);
     };
-    return Oa(this.node.current, o, a);
+    return Ya(this.node.current, o, a);
   }
   mount() {
     this.startObserver();
@@ -3529,58 +3610,58 @@ class ka extends de {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: t, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(Na(t, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(Za(t, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function Na({ viewport: e = {} }, { viewport: t = {} } = {}) {
+function Za({ viewport: e = {} }, { viewport: t = {} } = {}) {
   return (n) => e[n] !== t[n];
 }
-const La = {
+const Ja = {
   inView: {
-    Feature: ka
+    Feature: qa
   },
   tap: {
-    Feature: Fa
+    Feature: za
   },
   focus: {
-    Feature: Pa
+    Feature: Ga
   },
   hover: {
-    Feature: Ca
+    Feature: Wa
   }
-}, gt = { current: null }, Ls = { current: !1 };
-function Ba() {
-  if (Ls.current = !0, !!vt)
+}, wt = { current: null }, Qs = { current: !1 };
+function Qa() {
+  if (Qs.current = !0, !!Vt)
     if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => gt.current = e.matches;
+      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => wt.current = e.matches;
       e.addListener(t), t();
     } else
-      gt.current = !1;
+      wt.current = !1;
 }
-const Ka = /* @__PURE__ */ new WeakMap();
-function ja(e, t, n) {
+const el = /* @__PURE__ */ new WeakMap();
+function tl(e, t, n) {
   for (const s in t) {
     const r = t[s], i = n[s];
-    if (O(r))
+    if (E(r))
       e.addValue(s, r);
-    else if (O(i))
-      e.addValue(s, Re(r, { owner: e }));
+    else if (E(i))
+      e.addValue(s, Ee(r, { owner: e }));
     else if (i !== r)
       if (e.hasValue(s)) {
         const o = e.getValue(s);
         o.liveStyle === !0 ? o.jump(r) : o.hasAnimated || o.set(r);
       } else {
         const o = e.getStaticValue(s);
-        e.addValue(s, Re(o !== void 0 ? o : r, { owner: e }));
+        e.addValue(s, Ee(o !== void 0 ? o : r, { owner: e }));
       }
   }
   for (const s in n)
     t[s] === void 0 && e.removeValue(s);
   return t;
 }
-const Sn = [
+const Kn = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -3589,7 +3670,7 @@ const Sn = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class $a {
+class nl {
   /**
    * This method takes React props and returns found MotionValues. For example, HTML
    * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
@@ -3601,25 +3682,25 @@ class $a {
     return {};
   }
   constructor({ parent: t, props: n, presenceContext: s, reducedMotionConfig: r, blockInitialAnimation: i, visualState: o }, a = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Rt, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Lt, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const f = k.now();
       this.renderScheduledAt < f && (this.renderScheduledAt = f, L.render(this.render, !1, !0));
     };
     const { latestValues: c, renderState: u } = o;
-    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = r, this.options = a, this.blockInitialAnimation = !!i, this.isControllingVariants = $e(n), this.isVariantNode = Ts(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = r, this.options = a, this.blockInitialAnimation = !!i, this.isControllingVariants = $e(n), this.isVariantNode = Ls(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
     const { willChange: l, ...d } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const f in d) {
       const h = d[f];
-      c[f] !== void 0 && O(h) && h.set(c[f], !1);
+      c[f] !== void 0 && E(h) && h.set(c[f], !1);
     }
   }
   mount(t) {
-    this.current = t, Ka.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Ls.current || Ba(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : gt.current, process.env.NODE_ENV !== "production" && Tt(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    this.current = t, el.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Qs.current || Qa(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : wt.current, process.env.NODE_ENV !== "production" && At(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
-    this.projection && this.projection.unmount(), et(this.notifyUpdate), et(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
+    this.projection && this.projection.unmount(), tt(this.notifyUpdate), tt(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
     for (const t in this.events)
       this.events[t].clear();
     for (const t in this.features) {
@@ -3630,7 +3711,7 @@ class $a {
   }
   bindToMotionValue(t, n) {
     this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
-    const s = ue.has(t);
+    const s = de.has(t);
     s && this.onBindTransform && this.onBindTransform();
     const r = n.on("change", (a) => {
       this.latestValues[t] = a, this.props.onUpdate && L.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
@@ -3665,7 +3746,7 @@ class $a {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : Ns();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : Zs();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -3679,13 +3760,13 @@ class $a {
    */
   update(t, n) {
     (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let s = 0; s < Sn.length; s++) {
-      const r = Sn[s];
+    for (let s = 0; s < Kn.length; s++) {
+      const r = Kn[s];
       this.propEventSubscriptions[r] && (this.propEventSubscriptions[r](), delete this.propEventSubscriptions[r]);
       const i = "on" + r, o = t[i];
       o && (this.propEventSubscriptions[r] = this.on(r, o));
     }
-    this.prevMotionValues = ja(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = tl(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -3741,7 +3822,7 @@ class $a {
     if (this.props.values && this.props.values[t])
       return this.props.values[t];
     let s = this.values.get(t);
-    return s === void 0 && n !== void 0 && (s = Re(n === null ? void 0 : n, { owner: this }), this.addValue(t, s)), s;
+    return s === void 0 && n !== void 0 && (s = Ee(n === null ? void 0 : n, { owner: this }), this.addValue(t, s)), s;
   }
   /**
    * If we're trying to animate to a previously unencountered value,
@@ -3750,7 +3831,7 @@ class $a {
    */
   readValue(t, n) {
     let s = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return s != null && (typeof s == "string" && (Dn(s) || Rn(s)) ? s = parseFloat(s) : !so(s) && le.test(n) && (s = gs(t, n)), this.setBaseTarget(t, O(s) ? s.get() : s)), O(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (Un(s) || Hn(s)) ? s = parseFloat(s) : !yo(s) && ce.test(n) && (s = Is(t, n)), this.setBaseTarget(t, E(s) ? s.get() : s)), E(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -3768,24 +3849,24 @@ class $a {
     const { initial: n } = this.props;
     let s;
     if (typeof n == "string" || typeof n == "object") {
-      const o = Gt(this.props, n, (i = this.presenceContext) == null ? void 0 : i.custom);
+      const o = Yt(this.props, n, (i = this.presenceContext) == null ? void 0 : i.custom);
       o && (s = o[t]);
     }
     if (n && s !== void 0)
       return s;
     const r = this.getBaseTargetFromProps(this.props, t);
-    return r !== void 0 && !O(r) ? r : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
+    return r !== void 0 && !E(r) ? r : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
   }
   on(t, n) {
-    return this.events[t] || (this.events[t] = new En()), this.events[t].add(n);
+    return this.events[t] || (this.events[t] = new Xn()), this.events[t].add(n);
   }
   notify(t, ...n) {
     this.events[t] && this.events[t].notify(...n);
   }
 }
-class Bs extends $a {
+class er extends nl {
   constructor() {
-    super(...arguments), this.KeyframeResolver = Gi;
+    super(...arguments), this.KeyframeResolver = io;
   }
   sortInstanceNodePosition(t, n) {
     return t.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -3799,43 +3880,43 @@ class Bs extends $a {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: t } = this.props;
-    O(t) && (this.childSubscription = t.on("change", (n) => {
+    E(t) && (this.childSubscription = t.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
 }
-function Ks(e, { style: t, vars: n }, s, r) {
+function tr(e, { style: t, vars: n }, s, r) {
   Object.assign(e.style, t, r && r.getProjectionStyles(s));
   for (const i in n)
     e.style.setProperty(i, n[i]);
 }
-function Wa(e) {
+function sl(e) {
   return window.getComputedStyle(e);
 }
-class Ga extends Bs {
+class rl extends er {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Ks;
+    super(...arguments), this.type = "html", this.renderInstance = tr;
   }
   readValueFromInstance(t, n) {
     var s;
-    if (ue.has(n))
-      return (s = this.projection) != null && s.isProjecting ? at(n) : ai(t, n);
+    if (de.has(n))
+      return (s = this.projection) != null && s.isProjecting ? lt(n) : Vi(t, n);
     {
-      const r = Wa(t), i = (Hn(n) ? r.getPropertyValue(n) : r[n]) || 0;
+      const r = sl(t), i = (Pt(n) ? r.getPropertyValue(n) : r[n]) || 0;
       return typeof i == "string" ? i.trim() : i;
     }
   }
   measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return Ma(t, n);
+    return Js(t, n);
   }
   build(t, n, s) {
-    jt(t, n, s.transformTemplate);
+    _t(t, n, s.transformTemplate);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return zt(t, n, s);
+    return Xt(t, n, s);
   }
 }
-const js = /* @__PURE__ */ new Set([
+const nr = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -3860,50 +3941,50 @@ const js = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]);
-function za(e, t, n, s) {
-  Ks(e, t, void 0, s);
+function il(e, t, n, s) {
+  tr(e, t, void 0, s);
   for (const r in t.attrs)
-    e.setAttribute(js.has(r) ? r : Kt(r), t.attrs[r]);
+    e.setAttribute(nr.has(r) ? r : zt(r), t.attrs[r]);
 }
-class _a extends Bs {
+class ol extends er {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Ns;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Zs;
   }
   getBaseTargetFromProps(t, n) {
     return t[n];
   }
   readValueFromInstance(t, n) {
-    if (ue.has(n)) {
-      const s = ms(n);
+    if (de.has(n)) {
+      const s = Ds(n);
       return s && s.default || 0;
     }
-    return n = js.has(n) ? n : Kt(n), t.getAttribute(n);
+    return n = nr.has(n) ? n : zt(n), t.getAttribute(n);
   }
   scrapeMotionValuesFromProps(t, n, s) {
-    return Ds(t, n, s);
+    return Hs(t, n, s);
   }
   build(t, n, s) {
-    Cs(t, n, this.isSVGTag, s.transformTemplate, s.style);
+    Gs(t, n, this.isSVGTag, s.transformTemplate, s.style);
   }
   renderInstance(t, n, s, r) {
-    za(t, n, s, r);
+    il(t, n, s, r);
   }
   mount(t) {
-    this.isSVGTag = Fs(t.tagName), super.mount(t);
+    this.isSVGTag = _s(t.tagName), super.mount(t);
   }
 }
-const Ua = (e, t) => Wt(e) ? new _a(t) : new Ga(t, {
-  allowProjection: e !== Pn
-}), Ha = {
-  renderer: Ua,
-  ...Va,
-  ...La
-}, $s = (e) => {
+const al = (e, t) => Ht(e) ? new ol(t) : new rl(t, {
+  allowProjection: e !== Gn
+}), ll = {
+  renderer: al,
+  ...ka,
+  ...Ja
+}, sr = (e) => {
   const { ripples: t = [], motionProps: n, color: s = "currentColor", style: r, onClear: i } = e;
   return /* @__PURE__ */ P.jsx(P.Fragment, { children: t.map((o) => {
-    const a = Zs(0.01 * o.size, 0.2, o.size > 100 ? 0.75 : 0.5);
-    return /* @__PURE__ */ P.jsx(uo, { features: Ha, children: /* @__PURE__ */ P.jsx(co, { mode: "popLayout", children: /* @__PURE__ */ P.jsx(
-      Yo.span,
+    const a = hr(0.01 * o.size, 0.2, o.size > 100 ? 0.75 : 0.5);
+    return /* @__PURE__ */ P.jsx(So, { features: ll, children: /* @__PURE__ */ P.jsx(Vo, { mode: "popLayout", children: /* @__PURE__ */ P.jsx(
+      oa.span,
       {
         animate: { transform: "scale(2)", opacity: 0 },
         className: "ripple-item-span",
@@ -3933,11 +4014,11 @@ const Ua = (e, t) => Wt(e) ? new _a(t) : new Ga(t, {
     ) }) }, o.key);
   }) });
 };
-$s.displayName = "LizaUI.Ripple";
-const Ya = () => /* @__PURE__ */ P.jsx("div", { "aria-label": "Loading", className: "relative inline-flex flex-col gap-2 items-center justify-center", children: /* @__PURE__ */ P.jsxs("div", { className: "relative flex w-5 h-5", children: [
+sr.displayName = "LizaUI.Ripple";
+const cl = () => /* @__PURE__ */ P.jsx("div", { "aria-label": "Loading", className: "relative inline-flex flex-col gap-2 items-center justify-center", children: /* @__PURE__ */ P.jsxs("div", { className: "relative flex w-5 h-5", children: [
   /* @__PURE__ */ P.jsx("i", { className: "absolute w-full h-full rounded-full border-2 border-b-current animate-spinner-ease-spin border-solid border-t-transparent border-l-transparent border-r-transparent" }),
   /* @__PURE__ */ P.jsx("i", { className: "absolute w-full h-full rounded-full border-2 border-b-current opacity-75 animate-spinner-linear-spin border-dotted border-t-transparent border-l-transparent border-r-transparent" })
-] }) }), Xa = Cn((e, t) => {
+] }) }), ul = Wn((e, t) => {
   const {
     Component: n,
     domRef: s,
@@ -3950,23 +4031,82 @@ const Ya = () => /* @__PURE__ */ P.jsx("div", { "aria-label": "Loading", classNa
     endContent: l,
     getButtonProps: d,
     getRippleProps: f
-  } = tr({
+  } = yr({
     ...e,
     ref: t
-  }), h = W(() => /* @__PURE__ */ P.jsx(Ya, {}), []), m = a ?? h;
+  }), h = W(() => /* @__PURE__ */ P.jsx(cl, {}), []), m = a ?? h;
   return /* @__PURE__ */ P.jsxs(n, { ...d(), ref: s, children: [
     u,
     o && c === "start" && m,
     o && i ? null : r,
     o && c === "end" && m,
     l,
-    /* @__PURE__ */ P.jsx($s, { ...f() })
+    /* @__PURE__ */ P.jsx(sr, { ...f() })
   ] });
 });
-Xa.displayName = "Custom.Button";
+ul.displayName = "Custom.Button";
 export {
-  co as A,
-  Xa as B,
-  Qs as b
+  Qo as $,
+  b as A,
+  ul as B,
+  ce as C,
+  To as D,
+  wl as E,
+  fe as F,
+  co as G,
+  E as H,
+  Ee as I,
+  br as J,
+  vr as K,
+  zn as L,
+  k as M,
+  Ar as N,
+  In as O,
+  Xn as P,
+  As as Q,
+  vl as R,
+  Oo as S,
+  Ka as T,
+  On as U,
+  Nn as V,
+  Ba as W,
+  $a as X,
+  ja as Y,
+  Sl as Z,
+  Vl as _,
+  wr as a,
+  mt as a0,
+  fa as a1,
+  ra as a2,
+  al as a3,
+  Ja as a4,
+  ka as a5,
+  Po as a6,
+  Vo as a7,
+  mr as b,
+  Mn as c,
+  xl as d,
+  L as e,
+  De as f,
+  ks as g,
+  qt as h,
+  yn as i,
+  tt as j,
+  $ as k,
+  Yn as l,
+  xe as m,
+  J as n,
+  Zs as o,
+  Be as p,
+  Bs as q,
+  U as r,
+  B as s,
+  Al as t,
+  Tl as u,
+  Na as v,
+  da as w,
+  xa as x,
+  ne as y,
+  ae as z
 };
-//# sourceMappingURL=button-BFiQhp-f.js.map
+//# sourceMappingURL=button-DY6HAc8R.js.map