@telegraph/tooltip 0.1.2 → 0.2.0

package/dist/esm/index.mjs

@@ -1,68 +1,68 @@
 import { jsx as k, jsxs as Tn } from "react/jsx-runtime";
-import * as le from "@radix-ui/react-tooltip";
+import * as lt from "@radix-ui/react-tooltip";
 import { useControllableState as _s } from "@radix-ui/react-use-controllable-state";
 import { OverrideAppearance as Hs } from "@telegraph/appearance";
 import { RefToTgphRef as Us } from "@telegraph/helpers";
 import { Stack as zs } from "@telegraph/layout";
 import { Text as Ys } from "@telegraph/typography";
-import se, { createContext as ie, useRef as _, useLayoutEffect as Xs, useEffect as mt, useState as qs, useContext as E, useMemo as Ne, Fragment as vn, createElement as Zs, useInsertionEffect as wn, useCallback as Js, forwardRef as Qs } from "react";
-const ei = ie({});
-function ti(e) {
-  const t = _(null);
-  return t.current === null && (t.current = e()), t.current;
+import st, { createContext as it, useRef as _, useLayoutEffect as Xs, useEffect as me, useState as qs, useContext as E, useMemo as Nt, Fragment as vn, createElement as Zs, useInsertionEffect as wn, useCallback as Js, forwardRef as Qs } from "react";
+const ti = it({});
+function ei(t) {
+  const e = _(null);
+  return e.current === null && (e.current = t()), e.current;
 }
-const Sn = typeof window < "u", ni = Sn ? Xs : mt, Vn = /* @__PURE__ */ ie(null);
-function si(e, t) {
-  e.indexOf(t) === -1 && e.push(t);
+const Sn = typeof window < "u", ni = Sn ? Xs : me, Vn = /* @__PURE__ */ it(null);
+function si(t, e) {
+  t.indexOf(e) === -1 && t.push(e);
 }
-function ii(e, t) {
-  const n = e.indexOf(t);
-  n > -1 && e.splice(n, 1);
+function ii(t, e) {
+  const n = t.indexOf(e);
+  n > -1 && t.splice(n, 1);
 }
-const U = (e, t, n) => n > t ? t : n < e ? e : n;
-function Xe(e, t) {
-  return t ? `${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}` : e;
+const U = (t, e, n) => n > e ? e : n < t ? t : n;
+function Xt(t, e) {
+  return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
 }
-let ye = () => {
+let yt = () => {
 }, Z = () => {
 };
 var bn;
-typeof process < "u" && ((bn = process.env) == null ? void 0 : bn.NODE_ENV) !== "production" && (ye = (e, t, n) => {
-  !e && typeof console < "u" && console.warn(Xe(t, n));
-}, Z = (e, t, n) => {
-  if (!e)
-    throw new Error(Xe(t, n));
+typeof process < "u" && ((bn = process.env) == null ? void 0 : bn.NODE_ENV) !== "production" && (yt = (t, e, n) => {
+  !t && typeof console < "u" && console.warn(Xt(e, n));
+}, Z = (t, e, n) => {
+  if (!t)
+    throw new Error(Xt(e, n));
 });
-const j = {}, An = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
-function ri(e) {
-  return typeof e == "object" && e !== null;
+const j = {}, An = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+function ri(t) {
+  return typeof t == "object" && t !== null;
 }
-const xn = (e) => /^0[^.\s]+$/u.test(e);
+const xn = (t) => /^0[^.\s]+$/u.test(t);
 // @__NO_SIDE_EFFECTS__
-function Mn(e) {
-  let t;
-  return () => (t === void 0 && (t = e()), t);
+function Mn(t) {
+  let e;
+  return () => (e === void 0 && (e = t()), e);
 }
-const re = /* @__NO_SIDE_EFFECTS__ */ (e) => e, oi = (e, t) => (n) => t(e(n)), Be = (...e) => e.reduce(oi), Cn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
-  const s = t - e;
-  return s === 0 ? 1 : (n - e) / s;
+const rt = /* @__NO_SIDE_EFFECTS__ */ (t) => t, oi = (t, e) => (n) => e(t(n)), Bt = (...t) => t.reduce(oi), Cn = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+  const s = e - t;
+  return s === 0 ? 1 : (n - t) / s;
 };
 class Pn {
   constructor() {
     this.subscriptions = [];
   }
-  add(t) {
-    return si(this.subscriptions, t), () => ii(this.subscriptions, t);
+  add(e) {
+    return si(this.subscriptions, e), () => ii(this.subscriptions, e);
   }
-  notify(t, n, s) {
+  notify(e, n, s) {
     const i = this.subscriptions.length;
     if (i)
       if (i === 1)
-        this.subscriptions[0](t, n, s);
+        this.subscriptions[0](e, n, s);
       else
         for (let r = 0; r < i; r++) {
           const o = this.subscriptions[r];
-          o && o(t, n, s);
+          o && o(e, n, s);
         }
   }
   getSize() {
@@ -72,49 +72,49 @@ class Pn {
     this.subscriptions.length = 0;
   }
 }
-const K = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, N = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
-function Fn(e, t) {
-  return t ? e * (1e3 / t) : 0;
+const K = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, N = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
+function Fn(t, e) {
+  return e ? t * (1e3 / e) : 0;
 }
-const Lt = /* @__PURE__ */ new Set();
-function On(e, t, n) {
-  e || Lt.has(t) || (console.warn(Xe(t, n)), Lt.add(t));
+const Le = /* @__PURE__ */ new Set();
+function On(t, e, n) {
+  t || Le.has(e) || (console.warn(Xt(e, n)), Le.add(e));
 }
-const Dn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, ai = 1e-7, ui = 12;
-function ci(e, t, n, s, i) {
+const Dn = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, ai = 1e-7, ui = 12;
+function ci(t, e, n, s, i) {
   let r, o, a = 0;
   do
-    o = t + (n - t) / 2, r = Dn(o, s, i) - e, r > 0 ? n = o : t = o;
+    o = e + (n - e) / 2, r = Dn(o, s, i) - t, r > 0 ? n = o : e = o;
   while (Math.abs(r) > ai && ++a < ui);
   return o;
 }
-function be(e, t, n, s) {
-  if (e === t && n === s)
-    return re;
-  const i = (r) => ci(r, 0, 1, e, n);
-  return (r) => r === 0 || r === 1 ? r : Dn(i(r), t, s);
+function bt(t, e, n, s) {
+  if (t === e && n === s)
+    return rt;
+  const i = (r) => ci(r, 0, 1, t, n);
+  return (r) => r === 0 || r === 1 ? r : Dn(i(r), e, s);
 }
-const Rn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, In = (e) => (t) => 1 - e(1 - t), kn = /* @__PURE__ */ be(0.33, 1.53, 0.69, 0.99), gt = /* @__PURE__ */ In(kn), En = /* @__PURE__ */ Rn(gt), Nn = (e) => (e *= 2) < 1 ? 0.5 * gt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), yt = (e) => 1 - Math.sin(Math.acos(e)), li = In(yt), Bn = Rn(yt), fi = /* @__PURE__ */ be(0.42, 0, 1, 1), di = /* @__PURE__ */ be(0, 0, 0.58, 1), Ln = /* @__PURE__ */ be(0.42, 0, 0.58, 1), hi = (e) => Array.isArray(e) && typeof e[0] != "number", Kn = (e) => Array.isArray(e) && typeof e[0] == "number", Kt = {
-  linear: re,
+const Rn = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, In = (t) => (e) => 1 - t(1 - e), kn = /* @__PURE__ */ bt(0.33, 1.53, 0.69, 0.99), ge = /* @__PURE__ */ In(kn), En = /* @__PURE__ */ Rn(ge), Nn = (t) => (t *= 2) < 1 ? 0.5 * ge(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), ye = (t) => 1 - Math.sin(Math.acos(t)), li = In(ye), Bn = Rn(ye), fi = /* @__PURE__ */ bt(0.42, 0, 1, 1), di = /* @__PURE__ */ bt(0, 0, 0.58, 1), Ln = /* @__PURE__ */ bt(0.42, 0, 0.58, 1), hi = (t) => Array.isArray(t) && typeof t[0] != "number", Kn = (t) => Array.isArray(t) && typeof t[0] == "number", Ke = {
+  linear: rt,
   easeIn: fi,
   easeInOut: Ln,
   easeOut: di,
-  circIn: yt,
+  circIn: ye,
   circInOut: Bn,
   circOut: li,
-  backIn: gt,
+  backIn: ge,
   backInOut: En,
   backOut: kn,
   anticipate: Nn
-}, pi = (e) => typeof e == "string", Wt = (e) => {
-  if (Kn(e)) {
-    Z(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
-    const [t, n, s, i] = e;
-    return be(t, n, s, i);
-  } else if (pi(e))
-    return Z(Kt[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), Kt[e];
-  return e;
-}, xe = [
+}, pi = (t) => typeof t == "string", We = (t) => {
+  if (Kn(t)) {
+    Z(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
+    const [e, n, s, i] = t;
+    return bt(e, n, s, i);
+  } else if (pi(t))
+    return Z(Ke[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Ke[t];
+  return t;
+}, xt = [
   "setup",
   // Compute
   "read",
@@ -132,7 +132,7 @@ const Rn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, In
   "postRender"
   // Compute
 ];
-function mi(e, t) {
+function mi(t, e) {
   let n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), i = !1, r = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -141,7 +141,7 @@ function mi(e, t) {
     isProcessing: !1
   };
   function c(u) {
-    o.has(u) && (l.schedule(u), e()), u(a);
+    o.has(u) && (l.schedule(u), t()), u(a);
   }
   const l = {
     /**
@@ -171,140 +171,140 @@ function mi(e, t) {
   return l;
 }
 const gi = 40;
-function Wn(e, t) {
+function Wn(t, e) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = () => n = !0, o = xe.reduce((T, V) => (T[V] = mi(r), T), {}), { setup: a, read: c, resolveKeyframes: l, preUpdate: u, update: d, preRender: f, render: h, postRender: p } = o, b = () => {
+  }, r = () => n = !0, o = xt.reduce((T, V) => (T[V] = mi(r), T), {}), { setup: a, read: c, resolveKeyframes: l, preUpdate: u, update: d, preRender: f, render: h, postRender: p } = o, b = () => {
     const T = j.useManualTiming ? i.timestamp : performance.now();
-    n = !1, j.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(T - i.timestamp, gi), 1)), i.timestamp = T, i.isProcessing = !0, a.process(i), c.process(i), l.process(i), u.process(i), d.process(i), f.process(i), h.process(i), p.process(i), i.isProcessing = !1, n && t && (s = !1, e(b));
+    n = !1, j.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(T - i.timestamp, gi), 1)), i.timestamp = T, i.isProcessing = !0, a.process(i), c.process(i), l.process(i), u.process(i), d.process(i), f.process(i), h.process(i), p.process(i), i.isProcessing = !1, n && e && (s = !1, t(b));
   }, y = () => {
-    n = !0, s = !0, i.isProcessing || e(b);
+    n = !0, s = !0, i.isProcessing || t(b);
   };
-  return { schedule: xe.reduce((T, V) => {
+  return { schedule: xt.reduce((T, V) => {
     const v = o[V];
     return T[V] = (A, M = !1, S = !1) => (n || y(), v.schedule(A, M, S)), T;
   }, {}), cancel: (T) => {
-    for (let V = 0; V < xe.length; V++)
-      o[xe[V]].cancel(T);
+    for (let V = 0; V < xt.length; V++)
+      o[xt[V]].cancel(T);
   }, state: i, steps: o };
 }
-const { schedule: L, cancel: qe, state: Fe } = /* @__PURE__ */ Wn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : re, !0);
-let Ce;
+const { schedule: L, cancel: qt, state: Ft } = /* @__PURE__ */ Wn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : rt, !0);
+let Ct;
 function yi() {
-  Ce = void 0;
+  Ct = void 0;
 }
 const I = {
-  now: () => (Ce === void 0 && I.set(Fe.isProcessing || j.useManualTiming ? Fe.timestamp : performance.now()), Ce),
-  set: (e) => {
-    Ce = e, queueMicrotask(yi);
+  now: () => (Ct === void 0 && I.set(Ft.isProcessing || j.useManualTiming ? Ft.timestamp : performance.now()), Ct),
+  set: (t) => {
+    Ct = t, queueMicrotask(yi);
   }
-}, $n = (e) => (t) => typeof t == "string" && t.startsWith(e), jn = /* @__PURE__ */ $n("--"), bi = /* @__PURE__ */ $n("var(--"), bt = (e) => bi(e) ? Ti.test(e.split("/*")[0].trim()) : !1, Ti = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
-function $t(e) {
-  return typeof e != "string" ? !1 : e.split("/*")[0].includes("var(--");
+}, $n = (t) => (e) => typeof e == "string" && e.startsWith(t), jn = /* @__PURE__ */ $n("--"), bi = /* @__PURE__ */ $n("var(--"), be = (t) => bi(t) ? Ti.test(t.split("/*")[0].trim()) : !1, Ti = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+function $e(t) {
+  return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
 }
-const oe = {
-  test: (e) => typeof e == "number",
+const ot = {
+  test: (t) => typeof t == "number",
   parse: parseFloat,
-  transform: (e) => e
-}, pe = {
-  ...oe,
-  transform: (e) => U(0, 1, e)
-}, Me = {
-  ...oe,
+  transform: (t) => t
+}, pt = {
+  ...ot,
+  transform: (t) => U(0, 1, t)
+}, Mt = {
+  ...ot,
   default: 1
-}, he = (e) => Math.round(e * 1e5) / 1e5, Tt = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function vi(e) {
-  return e == null;
+}, ht = (t) => Math.round(t * 1e5) / 1e5, Te = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function vi(t) {
+  return t == null;
 }
-const wi = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, vt = (e, t) => (n) => !!(typeof n == "string" && wi.test(n) && n.startsWith(e) || t && !vi(n) && Object.prototype.hasOwnProperty.call(n, t)), Gn = (e, t, n) => (s) => {
+const wi = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, ve = (t, e) => (n) => !!(typeof n == "string" && wi.test(n) && n.startsWith(t) || e && !vi(n) && Object.prototype.hasOwnProperty.call(n, e)), Gn = (t, e, n) => (s) => {
   if (typeof s != "string")
     return s;
-  const [i, r, o, a] = s.match(Tt);
+  const [i, r, o, a] = s.match(Te);
   return {
-    [e]: parseFloat(i),
-    [t]: parseFloat(r),
+    [t]: parseFloat(i),
+    [e]: parseFloat(r),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Si = (e) => U(0, 255, e), $e = {
-  ...oe,
-  transform: (e) => Math.round(Si(e))
+}, Si = (t) => U(0, 255, t), $t = {
+  ...ot,
+  transform: (t) => Math.round(Si(t))
 }, Y = {
-  test: /* @__PURE__ */ vt("rgb", "red"),
+  test: /* @__PURE__ */ ve("rgb", "red"),
   parse: /* @__PURE__ */ Gn("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + $e.transform(e) + ", " + $e.transform(t) + ", " + $e.transform(n) + ", " + he(pe.transform(s)) + ")"
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + $t.transform(t) + ", " + $t.transform(e) + ", " + $t.transform(n) + ", " + ht(pt.transform(s)) + ")"
 };
-function Vi(e) {
-  let t = "", n = "", s = "", i = "";
-  return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), s = e.substring(5, 7), i = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), s = e.substring(3, 4), i = e.substring(4, 5), t += t, n += n, s += s, i += i), {
-    red: parseInt(t, 16),
+function Vi(t) {
+  let e = "", n = "", s = "", i = "";
+  return t.length > 5 ? (e = t.substring(1, 3), n = t.substring(3, 5), s = t.substring(5, 7), i = t.substring(7, 9)) : (e = t.substring(1, 2), n = t.substring(2, 3), s = t.substring(3, 4), i = t.substring(4, 5), e += e, n += n, s += s, i += i), {
+    red: parseInt(e, 16),
     green: parseInt(n, 16),
     blue: parseInt(s, 16),
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const Ze = {
-  test: /* @__PURE__ */ vt("#"),
+const Zt = {
+  test: /* @__PURE__ */ ve("#"),
   parse: Vi,
   transform: Y.transform
-}, Te = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
-  test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
+}, Tt = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
+  test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
-  transform: (t) => `${t}${e}`
-}), G = /* @__PURE__ */ Te("deg"), te = /* @__PURE__ */ Te("%"), m = /* @__PURE__ */ Te("px"), Ai = /* @__PURE__ */ Te("vh"), xi = /* @__PURE__ */ Te("vw"), jt = {
-  ...te,
-  parse: (e) => te.parse(e) / 100,
-  transform: (e) => te.transform(e * 100)
+  transform: (e) => `${e}${t}`
+}), G = /* @__PURE__ */ Tt("deg"), et = /* @__PURE__ */ Tt("%"), m = /* @__PURE__ */ Tt("px"), Ai = /* @__PURE__ */ Tt("vh"), xi = /* @__PURE__ */ Tt("vw"), je = {
+  ...et,
+  parse: (t) => et.parse(t) / 100,
+  transform: (t) => et.transform(t * 100)
 }, Q = {
-  test: /* @__PURE__ */ vt("hsl", "hue"),
+  test: /* @__PURE__ */ ve("hsl", "hue"),
   parse: /* @__PURE__ */ Gn("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + te.transform(he(t)) + ", " + te.transform(he(n)) + ", " + he(pe.transform(s)) + ")"
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + et.transform(ht(e)) + ", " + et.transform(ht(n)) + ", " + ht(pt.transform(s)) + ")"
 }, P = {
-  test: (e) => Y.test(e) || Ze.test(e) || Q.test(e),
-  parse: (e) => Y.test(e) ? Y.parse(e) : Q.test(e) ? Q.parse(e) : Ze.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? Y.transform(e) : Q.transform(e),
-  getAnimatableNone: (e) => {
-    const t = P.parse(e);
-    return t.alpha = 0, P.transform(t);
+  test: (t) => Y.test(t) || Zt.test(t) || Q.test(t),
+  parse: (t) => Y.test(t) ? Y.parse(t) : Q.test(t) ? Q.parse(t) : Zt.parse(t),
+  transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? Y.transform(t) : Q.transform(t),
+  getAnimatableNone: (t) => {
+    const e = P.parse(t);
+    return e.alpha = 0, P.transform(e);
   }
 }, Mi = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function Ci(e) {
-  var t, n;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(Tt)) == null ? void 0 : t.length) || 0) + (((n = e.match(Mi)) == null ? void 0 : n.length) || 0) > 0;
+function Ci(t) {
+  var e, n;
+  return isNaN(t) && typeof t == "string" && (((e = t.match(Te)) == null ? void 0 : e.length) || 0) + (((n = t.match(Mi)) == null ? void 0 : n.length) || 0) > 0;
 }
-const _n = "number", Hn = "color", Pi = "var", Fi = "var(", Gt = "${}", Oi = /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 t = e.toString(), n = [], s = {
+const _n = "number", Hn = "color", Pi = "var", Fi = "var(", Ge = "${}", Oi = /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 mt(t) {
+  const e = t.toString(), n = [], s = {
     color: [],
     number: [],
     var: []
   }, i = [];
   let r = 0;
-  const a = t.replace(Oi, (c) => (P.test(c) ? (s.color.push(r), i.push(Hn), n.push(P.parse(c))) : c.startsWith(Fi) ? (s.var.push(r), i.push(Pi), n.push(c)) : (s.number.push(r), i.push(_n), n.push(parseFloat(c))), ++r, Gt)).split(Gt);
+  const a = e.replace(Oi, (c) => (P.test(c) ? (s.color.push(r), i.push(Hn), n.push(P.parse(c))) : c.startsWith(Fi) ? (s.var.push(r), i.push(Pi), n.push(c)) : (s.number.push(r), i.push(_n), n.push(parseFloat(c))), ++r, Ge)).split(Ge);
   return { values: n, split: a, indexes: s, types: i };
 }
-function Un(e) {
-  return me(e).values;
+function Un(t) {
+  return mt(t).values;
 }
-function zn(e) {
-  const { split: t, types: n } = me(e), s = t.length;
+function zn(t) {
+  const { split: e, types: n } = mt(t), s = e.length;
   return (i) => {
     let r = "";
     for (let o = 0; o < s; o++)
-      if (r += t[o], i[o] !== void 0) {
+      if (r += e[o], i[o] !== void 0) {
         const a = n[o];
-        a === _n ? r += he(i[o]) : a === Hn ? r += P.transform(i[o]) : r += i[o];
+        a === _n ? r += ht(i[o]) : a === Hn ? r += P.transform(i[o]) : r += i[o];
       }
     return r;
   };
 }
-const Di = (e) => typeof e == "number" ? 0 : P.test(e) ? P.getAnimatableNone(e) : e;
-function Ri(e) {
-  const t = Un(e);
-  return zn(e)(t.map(Di));
+const Di = (t) => typeof t == "number" ? 0 : P.test(t) ? P.getAnimatableNone(t) : t;
+function Ri(t) {
+  const e = Un(t);
+  return zn(t)(e.map(Di));
 }
 const B = {
   test: Ci,
@@ -312,17 +312,17 @@ const B = {
   createTransformer: zn,
   getAnimatableNone: Ri
 };
-function je(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 jt(t, e, n) {
+  return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
-function Ii({ hue: e, saturation: t, lightness: n, alpha: s }) {
-  e /= 360, t /= 100, n /= 100;
+function Ii({ hue: t, saturation: e, lightness: n, alpha: s }) {
+  t /= 360, e /= 100, n /= 100;
   let i = 0, r = 0, o = 0;
-  if (!t)
+  if (!e)
     i = r = o = n;
   else {
-    const a = n < 0.5 ? n * (1 + t) : n + t - n * t, c = 2 * n - a;
-    i = je(c, a, e + 1 / 3), r = je(c, a, e), o = je(c, a, e - 1 / 3);
+    const a = n < 0.5 ? n * (1 + e) : n + e - n * e, c = 2 * n - a;
+    i = jt(c, a, t + 1 / 3), r = jt(c, a, t), o = jt(c, a, t - 1 / 3);
   }
   return {
     red: Math.round(i * 255),
@@ -331,107 +331,107 @@ function Ii({ hue: e, saturation: t, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function Oe(e, t) {
-  return (n) => n > 0 ? t : e;
+function Ot(t, e) {
+  return (n) => n > 0 ? e : t;
 }
-const ve = (e, t, n) => e + (t - e) * n, Ge = (e, t, n) => {
-  const s = e * e, i = n * (t * t - s) + s;
+const vt = (t, e, n) => t + (e - t) * n, Gt = (t, e, n) => {
+  const s = t * t, i = n * (e * e - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, ki = [Ze, Y, Q], Ei = (e) => ki.find((t) => t.test(e));
-function _t(e) {
-  const t = Ei(e);
-  if (ye(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !t)
+}, ki = [Zt, Y, Q], Ei = (t) => ki.find((e) => e.test(t));
+function _e(t) {
+  const e = Ei(t);
+  if (yt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !e)
     return !1;
-  let n = t.parse(e);
-  return t === Q && (n = Ii(n)), n;
+  let n = e.parse(t);
+  return e === Q && (n = Ii(n)), n;
 }
-const Ht = (e, t) => {
-  const n = _t(e), s = _t(t);
+const He = (t, e) => {
+  const n = _e(t), s = _e(e);
   if (!n || !s)
-    return Oe(e, t);
+    return Ot(t, e);
   const i = { ...n };
-  return (r) => (i.red = Ge(n.red, s.red, r), i.green = Ge(n.green, s.green, r), i.blue = Ge(n.blue, s.blue, r), i.alpha = ve(n.alpha, s.alpha, r), Y.transform(i));
-}, Je = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Ni(e, t) {
-  return Je.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
+  return (r) => (i.red = Gt(n.red, s.red, r), i.green = Gt(n.green, s.green, r), i.blue = Gt(n.blue, s.blue, r), i.alpha = vt(n.alpha, s.alpha, r), Y.transform(i));
+}, Jt = /* @__PURE__ */ new Set(["none", "hidden"]);
+function Ni(t, e) {
+  return Jt.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
-function Bi(e, t) {
-  return (n) => ve(e, t, n);
+function Bi(t, e) {
+  return (n) => vt(t, e, n);
 }
-function wt(e) {
-  return typeof e == "number" ? Bi : typeof e == "string" ? bt(e) ? Oe : P.test(e) ? Ht : Wi : Array.isArray(e) ? Yn : typeof e == "object" ? P.test(e) ? Ht : Li : Oe;
+function we(t) {
+  return typeof t == "number" ? Bi : typeof t == "string" ? be(t) ? Ot : P.test(t) ? He : Wi : Array.isArray(t) ? Yn : typeof t == "object" ? P.test(t) ? He : Li : Ot;
 }
-function Yn(e, t) {
-  const n = [...e], s = n.length, i = e.map((r, o) => wt(r)(r, t[o]));
+function Yn(t, e) {
+  const n = [...t], s = n.length, i = t.map((r, o) => we(r)(r, e[o]));
   return (r) => {
     for (let o = 0; o < s; o++)
       n[o] = i[o](r);
     return n;
   };
 }
-function Li(e, t) {
-  const n = { ...e, ...t }, s = {};
+function Li(t, e) {
+  const n = { ...t, ...e }, s = {};
   for (const i in n)
-    e[i] !== void 0 && t[i] !== void 0 && (s[i] = wt(e[i])(e[i], t[i]));
+    t[i] !== void 0 && e[i] !== void 0 && (s[i] = we(t[i])(t[i], e[i]));
   return (i) => {
     for (const r in s)
       n[r] = s[r](i);
     return n;
   };
 }
-function Ki(e, t) {
+function Ki(t, e) {
   const n = [], s = { color: 0, var: 0, number: 0 };
-  for (let i = 0; i < t.values.length; i++) {
-    const r = t.types[i], o = e.indexes[r][s[r]], a = e.values[o] ?? 0;
+  for (let i = 0; i < e.values.length; i++) {
+    const r = e.types[i], o = t.indexes[r][s[r]], a = t.values[o] ?? 0;
     n[i] = a, s[r]++;
   }
   return n;
 }
-const Wi = (e, t) => {
-  const n = B.createTransformer(t), s = me(e), i = me(t);
-  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Je.has(e) && !i.values.length || Je.has(t) && !s.values.length ? Ni(e, t) : Be(Yn(Ki(s, i), i.values), n) : (ye(!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.`, "complex-values-different"), Oe(e, t));
+const Wi = (t, e) => {
+  const n = B.createTransformer(e), s = mt(t), i = mt(e);
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Jt.has(t) && !i.values.length || Jt.has(e) && !s.values.length ? Ni(t, e) : Bt(Yn(Ki(s, i), i.values), n) : (yt(!0, `Complex values '${t}' and '${e}' 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.`, "complex-values-different"), Ot(t, e));
 };
-function Xn(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ve(e, t, n) : wt(e)(e, t);
+function Xn(t, e, n) {
+  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? vt(t, e, n) : we(t)(t, e);
 }
-const $i = (e) => {
-  const t = ({ timestamp: n }) => e(n);
+const $i = (t) => {
+  const e = ({ timestamp: n }) => t(n);
   return {
-    start: (n = !0) => L.update(t, n),
-    stop: () => qe(t),
+    start: (n = !0) => L.update(e, n),
+    stop: () => qt(e),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => Fe.isProcessing ? Fe.timestamp : I.now()
+    now: () => Ft.isProcessing ? Ft.timestamp : I.now()
   };
-}, qn = (e, t, n = 10) => {
+}, qn = (t, e, n = 10) => {
   let s = "";
-  const i = Math.max(Math.round(t / n), 2);
+  const i = Math.max(Math.round(e / n), 2);
   for (let r = 0; r < i; r++)
-    s += Math.round(e(r / (i - 1)) * 1e4) / 1e4 + ", ";
+    s += Math.round(t(r / (i - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${s.substring(0, s.length - 2)})`;
-}, De = 2e4;
-function St(e) {
-  let t = 0;
+}, Dt = 2e4;
+function Se(t) {
+  let e = 0;
   const n = 50;
-  let s = e.next(t);
-  for (; !s.done && t < De; )
-    t += n, s = e.next(t);
-  return t >= De ? 1 / 0 : t;
+  let s = t.next(e);
+  for (; !s.done && e < Dt; )
+    e += n, s = t.next(e);
+  return e >= Dt ? 1 / 0 : e;
 }
-function ji(e, t = 100, n) {
-  const s = n({ ...e, keyframes: [0, t] }), i = Math.min(St(s), De);
+function ji(t, e = 100, n) {
+  const s = n({ ...t, keyframes: [0, e] }), i = Math.min(Se(s), Dt);
   return {
     type: "keyframes",
-    ease: (r) => s.next(i * r).value / t,
+    ease: (r) => s.next(i * r).value / e,
     duration: /* @__PURE__ */ N(i)
   };
 }
 const Gi = 5;
-function Zn(e, t, n) {
-  const s = Math.max(t - Gi, 0);
-  return Fn(n - e(s), t - s);
+function Zn(t, e, n) {
+  const s = Math.max(e - Gi, 0);
+  return Fn(n - t(s), e - s);
 }
 const x = {
   // Default spring physics
@@ -461,88 +461,88 @@ const x = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, _e = 1e-3;
-function _i({ duration: e = x.duration, bounce: t = x.bounce, velocity: n = x.velocity, mass: s = x.mass }) {
+}, _t = 1e-3;
+function _i({ duration: t = x.duration, bounce: e = x.bounce, velocity: n = x.velocity, mass: s = x.mass }) {
   let i, r;
-  ye(e <= /* @__PURE__ */ K(x.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
-  let o = 1 - t;
-  o = U(x.minDamping, x.maxDamping, o), e = U(x.minDuration, x.maxDuration, /* @__PURE__ */ N(e)), o < 1 ? (i = (l) => {
-    const u = l * o, d = u * e, f = u - n, h = Qe(l, o), p = Math.exp(-d);
-    return _e - f / h * p;
+  yt(t <= /* @__PURE__ */ K(x.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  let o = 1 - e;
+  o = U(x.minDamping, x.maxDamping, o), t = U(x.minDuration, x.maxDuration, /* @__PURE__ */ N(t)), o < 1 ? (i = (l) => {
+    const u = l * o, d = u * t, f = u - n, h = Qt(l, o), p = Math.exp(-d);
+    return _t - f / h * p;
   }, r = (l) => {
-    const d = l * o * e, f = d * n + n, h = Math.pow(o, 2) * Math.pow(l, 2) * e, p = Math.exp(-d), b = Qe(Math.pow(l, 2), o);
-    return (-i(l) + _e > 0 ? -1 : 1) * ((f - h) * p) / b;
+    const d = l * o * t, f = d * n + n, h = Math.pow(o, 2) * Math.pow(l, 2) * t, p = Math.exp(-d), b = Qt(Math.pow(l, 2), o);
+    return (-i(l) + _t > 0 ? -1 : 1) * ((f - h) * p) / b;
   }) : (i = (l) => {
-    const u = Math.exp(-l * e), d = (l - n) * e + 1;
-    return -_e + u * d;
+    const u = Math.exp(-l * t), d = (l - n) * t + 1;
+    return -_t + u * d;
   }, r = (l) => {
-    const u = Math.exp(-l * e), d = (n - l) * (e * e);
+    const u = Math.exp(-l * t), d = (n - l) * (t * t);
     return u * d;
   });
-  const a = 5 / e, c = Ui(i, r, a);
-  if (e = /* @__PURE__ */ K(e), isNaN(c))
+  const a = 5 / t, c = Ui(i, r, a);
+  if (t = /* @__PURE__ */ K(t), isNaN(c))
     return {
       stiffness: x.stiffness,
       damping: x.damping,
-      duration: e
+      duration: t
     };
   {
     const l = Math.pow(c, 2) * s;
     return {
       stiffness: l,
       damping: o * 2 * Math.sqrt(s * l),
-      duration: e
+      duration: t
     };
   }
 }
 const Hi = 12;
-function Ui(e, t, n) {
+function Ui(t, e, n) {
   let s = n;
   for (let i = 1; i < Hi; i++)
-    s = s - e(s) / t(s);
+    s = s - t(s) / e(s);
   return s;
 }
-function Qe(e, t) {
-  return e * Math.sqrt(1 - t * t);
+function Qt(t, e) {
+  return t * Math.sqrt(1 - e * e);
 }
 const zi = ["duration", "bounce"], Yi = ["stiffness", "damping", "mass"];
-function Ut(e, t) {
-  return t.some((n) => e[n] !== void 0);
+function Ue(t, e) {
+  return e.some((n) => t[n] !== void 0);
 }
-function Xi(e) {
-  let t = {
+function Xi(t) {
+  let e = {
     velocity: x.velocity,
     stiffness: x.stiffness,
     damping: x.damping,
     mass: x.mass,
     isResolvedFromDuration: !1,
-    ...e
+    ...t
   };
-  if (!Ut(e, Yi) && Ut(e, zi))
-    if (t.velocity = 0, e.visualDuration) {
-      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * U(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(i);
-      t = {
-        ...t,
+  if (!Ue(t, Yi) && Ue(t, zi))
+    if (e.velocity = 0, t.visualDuration) {
+      const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * U(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
+      e = {
+        ...e,
         mass: x.mass,
         stiffness: i,
         damping: r
       };
     } else {
-      const n = _i({ ...e, velocity: 0 });
-      t = {
-        ...t,
+      const n = _i({ ...t, velocity: 0 });
+      e = {
+        ...e,
         ...n,
         mass: x.mass
-      }, t.isResolvedFromDuration = !0;
+      }, e.isResolvedFromDuration = !0;
     }
-  return t;
+  return e;
 }
-function Re(e = x.visualDuration, t = x.bounce) {
-  const n = typeof e != "object" ? {
-    visualDuration: e,
+function Rt(t = x.visualDuration, e = x.bounce) {
+  const n = typeof t != "object" ? {
+    visualDuration: t,
     keyframes: [0, 1],
-    bounce: t
-  } : e;
+    bounce: e
+  } : t;
   let { restSpeed: s, restDelta: i } = n;
   const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: c, damping: l, mass: u, duration: d, velocity: f, isResolvedFromDuration: h } = Xi({
     ...n,
@@ -551,7 +551,7 @@ function Re(e = x.visualDuration, t = x.bounce) {
   s || (s = w ? x.restSpeed.granular : x.restSpeed.default), i || (i = w ? x.restDelta.granular : x.restDelta.default);
   let T;
   if (b < 1) {
-    const v = Qe(g, b);
+    const v = Qt(g, b);
     T = (A) => {
       const M = Math.exp(-b * g * A);
       return o - M * ((p + b * g * y) / v * Math.sin(v * A) + y * Math.cos(v * A));
@@ -580,7 +580,7 @@ function Re(e = x.visualDuration, t = x.bounce) {
       return a.value = a.done ? o : A, a;
     },
     toString: () => {
-      const v = Math.min(St(V), De), A = qn((M) => V.next(v * M).value, v, 30);
+      const v = Math.min(Se(V), Dt), A = qn((M) => V.next(v * M).value, v, 30);
       return v + "ms " + A;
     },
     toTransition: () => {
@@ -588,16 +588,16 @@ function Re(e = x.visualDuration, t = x.bounce) {
   };
   return V;
 }
-Re.applyToOptions = (e) => {
-  const t = ji(e, 100, Re);
-  return e.ease = t.ease, e.duration = /* @__PURE__ */ K(t.duration), e.type = "keyframes", e;
+Rt.applyToOptions = (t) => {
+  const e = ji(t, 100, Rt);
+  return t.ease = e.ease, t.duration = /* @__PURE__ */ K(e.duration), t.type = "keyframes", t;
 };
-function et({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: c, restDelta: l = 0.5, restSpeed: u }) {
-  const d = e[0], f = {
+function te({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: c, restDelta: l = 0.5, restSpeed: u }) {
+  const d = t[0], f = {
     done: !1,
     value: d
   }, h = (S) => a !== void 0 && S < a || c !== void 0 && S > c, p = (S) => a === void 0 ? c : c === void 0 || Math.abs(a - S) < Math.abs(c - S) ? a : c;
-  let b = n * t;
+  let b = n * e;
   const y = d + b, g = o === void 0 ? y : o(y);
   g !== y && (b = g - d);
   const w = (S) => -b * Math.exp(-S / s), T = (S) => g + w(S), V = (S) => {
@@ -606,7 +606,7 @@ function et({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   };
   let v, A;
   const M = (S) => {
-    h(f.value) && (v = S, A = Re({
+    h(f.value) && (v = S, A = Rt({
       keyframes: [f.value, p(f.value)],
       velocity: Zn(T, S, f.value),
       // TODO: This should be passing * 1000
@@ -624,88 +624,88 @@ function et({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
     }
   };
 }
-function qi(e, t, n) {
-  const s = [], i = n || j.mix || Xn, r = e.length - 1;
+function qi(t, e, n) {
+  const s = [], i = n || j.mix || Xn, r = t.length - 1;
   for (let o = 0; o < r; o++) {
-    let a = i(e[o], e[o + 1]);
-    if (t) {
-      const c = Array.isArray(t) ? t[o] || re : t;
-      a = Be(c, a);
+    let a = i(t[o], t[o + 1]);
+    if (e) {
+      const c = Array.isArray(e) ? e[o] || rt : e;
+      a = Bt(c, a);
     }
     s.push(a);
   }
   return s;
 }
-function Zi(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
-  const r = e.length;
-  if (Z(r === t.length, "Both input and output ranges must be the same length", "range-length"), r === 1)
-    return () => t[0];
-  if (r === 2 && t[0] === t[1])
-    return () => t[1];
-  const o = e[0] === e[1];
-  e[0] > e[r - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const a = qi(t, s, i), c = a.length, l = (u) => {
-    if (o && u < e[0])
-      return t[0];
+function Zi(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
+  const r = t.length;
+  if (Z(r === e.length, "Both input and output ranges must be the same length", "range-length"), r === 1)
+    return () => e[0];
+  if (r === 2 && e[0] === e[1])
+    return () => e[1];
+  const o = t[0] === t[1];
+  t[0] > t[r - 1] && (t = [...t].reverse(), e = [...e].reverse());
+  const a = qi(e, s, i), c = a.length, l = (u) => {
+    if (o && u < t[0])
+      return e[0];
     let d = 0;
     if (c > 1)
-      for (; d < e.length - 2 && !(u < e[d + 1]); d++)
+      for (; d < t.length - 2 && !(u < t[d + 1]); d++)
         ;
-    const f = /* @__PURE__ */ Cn(e[d], e[d + 1], u);
+    const f = /* @__PURE__ */ Cn(t[d], t[d + 1], u);
     return a[d](f);
   };
-  return n ? (u) => l(U(e[0], e[r - 1], u)) : l;
+  return n ? (u) => l(U(t[0], t[r - 1], u)) : l;
 }
-function Ji(e, t) {
-  const n = e[e.length - 1];
-  for (let s = 1; s <= t; s++) {
-    const i = /* @__PURE__ */ Cn(0, t, s);
-    e.push(ve(n, 1, i));
+function Ji(t, e) {
+  const n = t[t.length - 1];
+  for (let s = 1; s <= e; s++) {
+    const i = /* @__PURE__ */ Cn(0, e, s);
+    t.push(vt(n, 1, i));
   }
 }
-function Qi(e) {
-  const t = [0];
-  return Ji(t, e.length - 1), t;
+function Qi(t) {
+  const e = [0];
+  return Ji(e, t.length - 1), e;
 }
-function er(e, t) {
-  return e.map((n) => n * t);
+function tr(t, e) {
+  return t.map((n) => n * e);
 }
-function tr(e, t) {
-  return e.map(() => t || Ln).splice(0, e.length - 1);
+function er(t, e) {
+  return t.map(() => e || Ln).splice(0, t.length - 1);
 }
-function ee({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const i = hi(s) ? s.map(Wt) : Wt(s), r = {
+function tt({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
+  const i = hi(s) ? s.map(We) : We(s), r = {
     done: !1,
-    value: t[0]
-  }, o = er(
+    value: e[0]
+  }, o = tr(
     // 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 : Qi(t),
-    e
-  ), a = Zi(o, t, {
-    ease: Array.isArray(i) ? i : tr(t, i)
+    n && n.length === e.length ? n : Qi(e),
+    t
+  ), a = Zi(o, e, {
+    ease: Array.isArray(i) ? i : er(e, i)
   });
   return {
-    calculatedDuration: e,
-    next: (c) => (r.value = a(c), r.done = c >= e, r)
+    calculatedDuration: t,
+    next: (c) => (r.value = a(c), r.done = c >= t, r)
   };
 }
-const nr = (e) => e !== null;
-function Vt(e, { repeat: t, repeatType: n = "loop" }, s, i = 1) {
-  const r = e.filter(nr), a = i < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
+const nr = (t) => t !== null;
+function Ve(t, { repeat: e, repeatType: n = "loop" }, s, i = 1) {
+  const r = t.filter(nr), a = i < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : r.length - 1;
   return !a || s === void 0 ? r[a] : s;
 }
 const sr = {
-  decay: et,
-  inertia: et,
-  tween: ee,
-  keyframes: ee,
-  spring: Re
+  decay: te,
+  inertia: te,
+  tween: tt,
+  keyframes: tt,
+  spring: Rt
 };
-function Jn(e) {
-  typeof e.type == "string" && (e.type = sr[e.type]);
+function Jn(t) {
+  typeof t.type == "string" && (t.type = sr[t.type]);
 }
-class At {
+class Ae {
   constructor() {
     this.updateFinished();
   }
@@ -713,8 +713,8 @@ class At {
     return this._finished;
   }
   updateFinished() {
-    this._finished = new Promise((t) => {
-      this.resolve = t;
+    this._finished = new Promise((e) => {
+      this.resolve = e;
     });
   }
   notifyFinished() {
@@ -725,45 +725,45 @@ class At {
    *
    * @deprecated Use `finished` instead.
    */
-  then(t, n) {
-    return this.finished.then(t, n);
+  then(e, n) {
+    return this.finished.then(e, n);
   }
 }
-const ir = (e) => e / 100;
-class xt extends At {
-  constructor(t) {
+const ir = (t) => t / 100;
+class xe extends Ae {
+  constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       var s, i;
       const { motionValue: n } = this.options;
       n && n.updatedAt !== I.now() && this.tick(I.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (i = (s = this.options).onStop) == null || i.call(s));
-    }, this.options = t, this.initAnimation(), this.play(), t.autoplay === !1 && this.pause();
+    }, this.options = e, this.initAnimation(), this.play(), e.autoplay === !1 && this.pause();
   }
   initAnimation() {
-    const { options: t } = this;
-    Jn(t);
-    const { type: n = ee, repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = t;
-    let { keyframes: a } = t;
-    const c = n || ee;
-    process.env.NODE_ENV !== "production" && c !== ee && Z(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), c !== ee && typeof a[0] != "number" && (this.mixKeyframes = Be(ir, Xn(a[0], a[1])), a = [0, 100]);
-    const l = c({ ...t, keyframes: a });
+    const { options: e } = this;
+    Jn(e);
+    const { type: n = tt, repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = e;
+    let { keyframes: a } = e;
+    const c = n || tt;
+    process.env.NODE_ENV !== "production" && c !== tt && Z(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), c !== tt && typeof a[0] != "number" && (this.mixKeyframes = Bt(ir, Xn(a[0], a[1])), a = [0, 100]);
+    const l = c({ ...e, keyframes: a });
     r === "mirror" && (this.mirroredGenerator = c({
-      ...t,
+      ...e,
       keyframes: [...a].reverse(),
       velocity: -o
-    })), l.calculatedDuration === null && (l.calculatedDuration = St(l));
+    })), l.calculatedDuration === null && (l.calculatedDuration = Se(l));
     const { calculatedDuration: u } = l;
     this.calculatedDuration = u, this.resolvedDuration = u + i, this.totalDuration = this.resolvedDuration * (s + 1) - i, this.generator = l;
   }
-  updateTime(t) {
-    const n = Math.round(t - this.startTime) * this.playbackSpeed;
+  updateTime(e) {
+    const n = Math.round(e - this.startTime) * this.playbackSpeed;
     this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = n;
   }
-  tick(t, n = !1) {
+  tick(e, n = !1) {
     const { generator: s, totalDuration: i, mixKeyframes: r, mirroredGenerator: o, resolvedDuration: a, calculatedDuration: c } = this;
     if (this.startTime === null)
       return s.next(0);
     const { delay: l = 0, keyframes: u, repeat: d, repeatType: f, repeatDelay: h, type: p, onUpdate: b, finalKeyframe: y } = this.options;
-    this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - i / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
+    this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - i / this.speed, this.startTime)), n ? this.currentTime = e : this.updateTime(e);
     const g = this.currentTime - l * (this.playbackSpeed >= 0 ? 1 : -1), w = this.playbackSpeed >= 0 ? g < 0 : g > i;
     this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
     let T = this.currentTime, V = s;
@@ -777,44 +777,44 @@ class xt extends At {
     let { done: A } = v;
     !w && c !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     const M = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
-    return M && p !== et && (v.value = Vt(u, this.options, y, this.speed)), b && b(v.value), M && this.finish(), v;
+    return M && p !== te && (v.value = Ve(u, this.options, y, this.speed)), b && b(v.value), M && this.finish(), v;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
    * resolves when the animation finishes at all but in a future update could/should
    * reject if its cancels.
    */
-  then(t, n) {
-    return this.finished.then(t, n);
+  then(e, n) {
+    return this.finished.then(e, n);
   }
   get duration() {
     return /* @__PURE__ */ N(this.calculatedDuration);
   }
   get iterationDuration() {
-    const { delay: t = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ N(t);
+    const { delay: e = 0 } = this.options || {};
+    return this.duration + /* @__PURE__ */ N(e);
   }
   get time() {
     return /* @__PURE__ */ N(this.currentTime);
   }
-  set time(t) {
+  set time(e) {
     var n;
-    t = /* @__PURE__ */ K(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), (n = this.driver) == null || n.start(!1);
+    e = /* @__PURE__ */ K(e), this.currentTime = e, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = e : this.driver && (this.startTime = this.driver.now() - e / this.playbackSpeed), (n = this.driver) == null || n.start(!1);
   }
   get speed() {
     return this.playbackSpeed;
   }
-  set speed(t) {
+  set speed(e) {
     this.updateTime(I.now());
-    const n = this.playbackSpeed !== t;
-    this.playbackSpeed = t, n && (this.time = /* @__PURE__ */ N(this.currentTime));
+    const n = this.playbackSpeed !== e;
+    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ N(this.currentTime));
   }
   play() {
     var i, r;
     if (this.isStopped)
       return;
-    const { driver: t = $i, startTime: n } = this.options;
-    this.driver || (this.driver = t((o) => this.tick(o))), (r = (i = this.options).onPlay) == null || r.call(i);
+    const { driver: e = $i, startTime: n } = this.options;
+    this.driver || (this.driver = e((o) => this.tick(o))), (r = (i = this.options).onPlay) == null || r.call(i);
     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();
   }
@@ -825,12 +825,12 @@ class xt extends At {
     this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
   }
   finish() {
-    var t, n;
-    this.notifyFinished(), this.teardown(), this.state = "finished", (n = (t = this.options).onComplete) == null || n.call(t);
+    var e, n;
+    this.notifyFinished(), this.teardown(), this.state = "finished", (n = (e = this.options).onComplete) == null || n.call(e);
   }
   cancel() {
-    var t, n;
-    this.holdTime = null, this.startTime = 0, this.tick(0), this.teardown(), (n = (t = this.options).onCancel) == null || n.call(t);
+    var e, n;
+    this.holdTime = null, this.startTime = 0, this.tick(0), this.teardown(), (n = (e = this.options).onCancel) == null || n.call(e);
   }
   teardown() {
     this.state = "idle", this.stopDriver(), this.startTime = this.holdTime = null;
@@ -838,21 +838,21 @@ class xt extends At {
   stopDriver() {
     this.driver && (this.driver.stop(), this.driver = void 0);
   }
-  sample(t) {
-    return this.startTime = 0, this.tick(t, !0);
+  sample(e) {
+    return this.startTime = 0, this.tick(e, !0);
   }
-  attachTimeline(t) {
+  attachTimeline(e) {
     var n;
-    return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (n = this.driver) == null || n.stop(), t.observe(this);
+    return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (n = this.driver) == null || n.stop(), e.observe(this);
   }
 }
-function rr(e) {
-  for (let t = 1; t < e.length; t++)
-    e[t] ?? (e[t] = e[t - 1]);
+function rr(t) {
+  for (let e = 1; e < t.length; e++)
+    t[e] ?? (t[e] = t[e - 1]);
 }
-const X = (e) => e * 180 / Math.PI, tt = (e) => {
-  const t = X(Math.atan2(e[1], e[0]));
-  return nt(t);
+const X = (t) => t * 180 / Math.PI, ee = (t) => {
+  const e = X(Math.atan2(t[1], t[0]));
+  return ne(e);
 }, or = {
   x: 4,
   y: 5,
@@ -860,57 +860,57 @@ const X = (e) => e * 180 / Math.PI, tt = (e) => {
   translateY: 5,
   scaleX: 0,
   scaleY: 3,
-  scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
-  rotate: tt,
-  rotateZ: tt,
-  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
-}, nt = (e) => (e = e % 360, e < 0 && (e += 360), e), zt = tt, Yt = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), Xt = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), ar = {
+  scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
+  rotate: ee,
+  rotateZ: ee,
+  skewX: (t) => X(Math.atan(t[1])),
+  skewY: (t) => X(Math.atan(t[2])),
+  skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
+}, ne = (t) => (t = t % 360, t < 0 && (t += 360), t), ze = ee, Ye = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Xe = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), ar = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: Yt,
-  scaleY: Xt,
-  scale: (e) => (Yt(e) + Xt(e)) / 2,
-  rotateX: (e) => nt(X(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => nt(X(Math.atan2(-e[2], e[0]))),
-  rotateZ: zt,
-  rotate: zt,
-  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
+  scaleX: Ye,
+  scaleY: Xe,
+  scale: (t) => (Ye(t) + Xe(t)) / 2,
+  rotateX: (t) => ne(X(Math.atan2(t[6], t[5]))),
+  rotateY: (t) => ne(X(Math.atan2(-t[2], t[0]))),
+  rotateZ: ze,
+  rotate: ze,
+  skewX: (t) => X(Math.atan(t[4])),
+  skewY: (t) => X(Math.atan(t[1])),
+  skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
 };
-function st(e) {
-  return e.includes("scale") ? 1 : 0;
+function se(t) {
+  return t.includes("scale") ? 1 : 0;
 }
-function it(e, t) {
-  if (!e || e === "none")
-    return st(t);
-  const n = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
+function ie(t, e) {
+  if (!t || t === "none")
+    return se(e);
+  const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, i;
   if (n)
     s = ar, i = n;
   else {
-    const a = e.match(/^matrix\(([-\d.e\s,]+)\)$/u);
+    const a = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
     s = or, i = a;
   }
   if (!i)
-    return st(t);
-  const r = s[t], o = i[1].split(",").map(cr);
+    return se(e);
+  const r = s[e], o = i[1].split(",").map(cr);
   return typeof r == "function" ? r(o) : o[r];
 }
-const ur = (e, t) => {
-  const { transform: n = "none" } = getComputedStyle(e);
-  return it(n, t);
+const ur = (t, e) => {
+  const { transform: n = "none" } = getComputedStyle(t);
+  return ie(n, e);
 };
-function cr(e) {
-  return parseFloat(e.trim());
+function cr(t) {
+  return parseFloat(t.trim());
 }
-const ae = [
+const at = [
   "transformPerspective",
   "x",
   "y",
@@ -928,77 +928,77 @@ const ae = [
   "skew",
   "skewX",
   "skewY"
-], ue = new Set(ae), qt = (e) => e === oe || e === m, lr = /* @__PURE__ */ new Set(["x", "y", "z"]), fr = ae.filter((e) => !lr.has(e));
-function dr(e) {
-  const t = [];
+], ut = new Set(at), qe = (t) => t === ot || t === m, lr = /* @__PURE__ */ new Set(["x", "y", "z"]), fr = at.filter((t) => !lr.has(t));
+function dr(t) {
+  const e = [];
   return fr.forEach((n) => {
-    const s = e.getValue(n);
-    s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
-  }), t;
+    const s = t.getValue(n);
+    s !== void 0 && (e.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
+  }), e;
 }
 const H = {
   // 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),
-  top: (e, { top: t }) => parseFloat(t),
-  left: (e, { left: t }) => parseFloat(t),
-  bottom: ({ y: e }, { top: t }) => parseFloat(t) + (e.max - e.min),
-  right: ({ x: e }, { left: t }) => parseFloat(t) + (e.max - e.min),
+  width: ({ x: t }, { paddingLeft: e = "0", paddingRight: n = "0" }) => t.max - t.min - parseFloat(e) - parseFloat(n),
+  height: ({ y: t }, { paddingTop: e = "0", paddingBottom: n = "0" }) => t.max - t.min - parseFloat(e) - parseFloat(n),
+  top: (t, { top: e }) => parseFloat(e),
+  left: (t, { left: e }) => parseFloat(e),
+  bottom: ({ y: t }, { top: e }) => parseFloat(e) + (t.max - t.min),
+  right: ({ x: t }, { left: e }) => parseFloat(e) + (t.max - t.min),
   // Transform
-  x: (e, { transform: t }) => it(t, "x"),
-  y: (e, { transform: t }) => it(t, "y")
+  x: (t, { transform: e }) => ie(e, "x"),
+  y: (t, { transform: e }) => ie(e, "y")
 };
 H.translateX = H.x;
 H.translateY = H.y;
 const q = /* @__PURE__ */ new Set();
-let rt = !1, ot = !1, at = !1;
+let re = !1, oe = !1, ae = !1;
 function Qn() {
-  if (ot) {
-    const e = Array.from(q).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
-    t.forEach((s) => {
+  if (oe) {
+    const t = Array.from(q).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+    e.forEach((s) => {
       const i = dr(s);
       i.length && (n.set(s, i), s.render());
-    }), e.forEach((s) => s.measureInitialState()), t.forEach((s) => {
+    }), t.forEach((s) => s.measureInitialState()), e.forEach((s) => {
       s.render();
       const i = n.get(s);
       i && i.forEach(([r, o]) => {
         var a;
         (a = s.getValue(r)) == null || a.set(o);
       });
-    }), e.forEach((s) => s.measureEndState()), e.forEach((s) => {
+    }), t.forEach((s) => s.measureEndState()), t.forEach((s) => {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  ot = !1, rt = !1, q.forEach((e) => e.complete(at)), q.clear();
+  oe = !1, re = !1, q.forEach((t) => t.complete(ae)), q.clear();
 }
-function es() {
-  q.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (ot = !0);
+function ts() {
+  q.forEach((t) => {
+    t.readKeyframes(), t.needsMeasurement && (oe = !0);
   });
 }
 function hr() {
-  at = !0, es(), Qn(), at = !1;
+  ae = !0, ts(), Qn(), ae = !1;
 }
-class Mt {
-  constructor(t, n, s, i, r, o = !1) {
-    this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = i, this.element = r, this.isAsync = o;
+class Me {
+  constructor(e, n, s, i, r, o = !1) {
+    this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = s, this.motionValue = i, this.element = r, this.isAsync = o;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (q.add(this), rt || (rt = !0, L.read(es), L.resolveKeyframes(Qn))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (q.add(this), re || (re = !0, L.read(ts), L.resolveKeyframes(Qn))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
-    const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
-    if (t[0] === null) {
-      const r = i == null ? void 0 : i.get(), o = t[t.length - 1];
+    const { unresolvedKeyframes: e, name: n, element: s, motionValue: i } = this;
+    if (e[0] === null) {
+      const r = i == null ? void 0 : i.get(), o = e[e.length - 1];
       if (r !== void 0)
-        t[0] = r;
+        e[0] = r;
       else if (s && n) {
         const a = s.readValue(n, o);
-        a != null && (t[0] = a);
+        a != null && (e[0] = a);
       }
-      t[0] === void 0 && (t[0] = o), i && r === void 0 && i.set(t[0]);
+      e[0] === void 0 && (e[0] = o), i && r === void 0 && i.set(e[0]);
     }
-    rr(t);
+    rr(e);
   }
   setFinalKeyframe() {
   }
@@ -1008,8 +1008,8 @@ class Mt {
   }
   measureEndState() {
   }
-  complete(t = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), q.delete(this);
+  complete(e = !1) {
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, e), q.delete(this);
   }
   cancel() {
     this.state === "scheduled" && (q.delete(this), this.state = "pending");
@@ -1018,40 +1018,40 @@ class Mt {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const pr = (e) => e.startsWith("--");
-function mr(e, t, n) {
-  pr(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+const pr = (t) => t.startsWith("--");
+function mr(t, e, n) {
+  pr(e) ? t.style.setProperty(e, n) : t.style[e] = n;
 }
 const gr = {};
-function ts(e, t) {
-  const n = /* @__PURE__ */ Mn(e);
-  return () => gr[t] ?? n();
+function es(t, e) {
+  const n = /* @__PURE__ */ Mn(t);
+  return () => gr[e] ?? n();
 }
-const yr = /* @__PURE__ */ ts(() => window.ScrollTimeline !== void 0, "scrollTimeline"), ns = /* @__PURE__ */ ts(() => {
+const yr = /* @__PURE__ */ es(() => window.ScrollTimeline !== void 0, "scrollTimeline"), ns = /* @__PURE__ */ es(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), de = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, Zt = {
+}, "linearEasing"), dt = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, Ze = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ de([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ de([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ de([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ de([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ dt([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ dt([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ dt([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ dt([0.33, 1.53, 0.69, 0.99])
 };
-function ss(e, t) {
-  if (e)
-    return typeof e == "function" ? ns() ? qn(e, t) : "ease-out" : Kn(e) ? de(e) : Array.isArray(e) ? e.map((n) => ss(n, t) || Zt.easeOut) : Zt[e];
+function ss(t, e) {
+  if (t)
+    return typeof t == "function" ? ns() ? qn(t, e) : "ease-out" : Kn(t) ? dt(t) : Array.isArray(t) ? t.map((n) => ss(n, e) || Ze.easeOut) : Ze[t];
 }
-function br(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeOut", times: c } = {}, l = void 0) {
+function br(t, e, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeOut", times: c } = {}, l = void 0) {
   const u = {
-    [t]: n
+    [e]: n
   };
   c && (u.offset = c);
   const d = ss(a, i);
@@ -1064,24 +1064,24 @@ function br(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatTyp
     iterations: r + 1,
     direction: o === "reverse" ? "alternate" : "normal"
   };
-  return l && (f.pseudoElement = l), e.animate(u, f);
+  return l && (f.pseudoElement = l), t.animate(u, f);
 }
-function is(e) {
-  return typeof e == "function" && "applyToOptions" in e;
+function is(t) {
+  return typeof t == "function" && "applyToOptions" in t;
 }
-function Tr({ type: e, ...t }) {
-  return is(e) && ns() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
+function Tr({ type: t, ...e }) {
+  return is(t) && ns() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
-class rs extends At {
-  constructor(t) {
-    if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !t)
+class rs extends Ae {
+  constructor(e) {
+    if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !e)
       return;
-    const { element: n, name: s, keyframes: i, pseudoElement: r, allowFlatten: o = !1, finalKeyframe: a, onComplete: c } = t;
-    this.isPseudoElement = !!r, this.allowFlatten = o, this.options = t, Z(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const l = Tr(t);
+    const { element: n, name: s, keyframes: i, pseudoElement: r, allowFlatten: o = !1, finalKeyframe: a, onComplete: c } = e;
+    this.isPseudoElement = !!r, this.allowFlatten = o, this.options = e, Z(typeof e.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
+    const l = Tr(e);
     this.animation = br(n, s, i, l, r), l.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !r) {
-        const u = Vt(i, this.options, a, this.speed);
+        const u = Ve(i, this.options, a, this.speed);
         this.updateMotionValue ? this.updateMotionValue(u) : mr(n, s, u), this.animation.cancel();
       }
       c == null || c(), this.notifyFinished();
@@ -1094,8 +1094,8 @@ class rs extends At {
     this.animation.pause();
   }
   complete() {
-    var t, n;
-    (n = (t = this.animation).finish) == null || n.call(t);
+    var e, n;
+    (n = (e = this.animation).finish) == null || n.call(e);
   }
   cancel() {
     try {
@@ -1107,8 +1107,8 @@ class rs extends At {
     if (this.isStopped)
       return;
     this.isStopped = !0;
-    const { state: t } = this;
-    t === "idle" || t === "finished" || (this.updateMotionValue ? this.updateMotionValue() : this.commitStyles(), this.isPseudoElement || this.cancel());
+    const { state: e } = this;
+    e === "idle" || e === "finished" || (this.updateMotionValue ? this.updateMotionValue() : this.commitStyles(), this.isPseudoElement || this.cancel());
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1124,23 +1124,23 @@ class rs extends At {
    */
   commitStyles() {
     var n, s, i;
-    const t = (n = this.options) == null ? void 0 : n.element;
-    !this.isPseudoElement && (t != null && t.isConnected) && ((i = (s = this.animation).commitStyles) == null || i.call(s));
+    const e = (n = this.options) == null ? void 0 : n.element;
+    !this.isPseudoElement && (e != null && e.isConnected) && ((i = (s = this.animation).commitStyles) == null || i.call(s));
   }
   get duration() {
     var n, s;
-    const t = ((s = (n = this.animation.effect) == null ? void 0 : n.getComputedTiming) == null ? void 0 : s.call(n).duration) || 0;
-    return /* @__PURE__ */ N(Number(t));
+    const e = ((s = (n = this.animation.effect) == null ? void 0 : n.getComputedTiming) == null ? void 0 : s.call(n).duration) || 0;
+    return /* @__PURE__ */ N(Number(e));
   }
   get iterationDuration() {
-    const { delay: t = 0 } = this.options || {};
-    return this.duration + /* @__PURE__ */ N(t);
+    const { delay: e = 0 } = this.options || {};
+    return this.duration + /* @__PURE__ */ N(e);
   }
   get time() {
     return /* @__PURE__ */ N(Number(this.animation.currentTime) || 0);
   }
-  set time(t) {
-    this.manualStartTime = null, this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ K(t);
+  set time(e) {
+    this.manualStartTime = null, this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ K(e);
   }
   /**
    * The playback speed of the animation.
@@ -1149,8 +1149,8 @@ class rs extends At {
   get speed() {
     return this.animation.playbackRate;
   }
-  set speed(t) {
-    t < 0 && (this.finishedTime = null), this.animation.playbackRate = t;
+  set speed(e) {
+    e < 0 && (this.finishedTime = null), this.animation.playbackRate = e;
   }
   get state() {
     return this.finishedTime !== null ? "finished" : this.animation.playState;
@@ -1158,15 +1158,15 @@ class rs extends At {
   get startTime() {
     return this.manualStartTime ?? Number(this.animation.startTime);
   }
-  set startTime(t) {
-    this.manualStartTime = this.animation.startTime = t;
+  set startTime(e) {
+    this.manualStartTime = this.animation.startTime = e;
   }
   /**
    * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
    */
-  attachTimeline({ timeline: t, observe: n }) {
+  attachTimeline({ timeline: e, observe: n }) {
     var s;
-    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && yr() ? (this.animation.timeline = t, re) : n(this);
+    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && yr() ? (this.animation.timeline = e, rt) : n(this);
   }
 }
 const os = {
@@ -1174,16 +1174,16 @@ const os = {
   backInOut: En,
   circInOut: Bn
 };
-function vr(e) {
-  return e in os;
+function vr(t) {
+  return t in os;
 }
-function wr(e) {
-  typeof e.ease == "string" && vr(e.ease) && (e.ease = os[e.ease]);
+function wr(t) {
+  typeof t.ease == "string" && vr(t.ease) && (t.ease = os[t.ease]);
 }
-const He = 10;
+const Ht = 10;
 class Sr extends rs {
-  constructor(t) {
-    wr(t), Jn(t), super(t), t.startTime !== void 0 && (this.startTime = t.startTime), this.options = t;
+  constructor(e) {
+    wr(e), Jn(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1193,43 +1193,43 @@ class Sr extends rs {
    * its current value, "previous" value, and therefore allow
    * Motion to calculate velocity for any subsequent animation.
    */
-  updateMotionValue(t) {
+  updateMotionValue(e) {
     const { motionValue: n, onUpdate: s, onComplete: i, element: r, ...o } = this.options;
     if (!n)
       return;
-    if (t !== void 0) {
-      n.set(t);
+    if (e !== void 0) {
+      n.set(e);
       return;
     }
-    const a = new xt({
+    const a = new xe({
       ...o,
       autoplay: !1
-    }), c = Math.max(He, I.now() - this.startTime), l = U(0, He, c - He);
+    }), c = Math.max(Ht, I.now() - this.startTime), l = U(0, Ht, c - Ht);
     n.setWithVelocity(a.sample(Math.max(0, c - l)).value, a.sample(c).value, l), a.stop();
   }
 }
-const Jt = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
-(B.test(e) || e === "0") && // And it contains numbers and/or colors
-!e.startsWith("url("));
-function Vr(e) {
-  const t = e[0];
-  if (e.length === 1)
+const Je = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
+(B.test(t) || t === "0") && // And it contains numbers and/or colors
+!t.startsWith("url("));
+function Vr(t) {
+  const e = t[0];
+  if (t.length === 1)
     return !0;
-  for (let n = 0; n < e.length; n++)
-    if (e[n] !== t)
+  for (let n = 0; n < t.length; n++)
+    if (t[n] !== e)
       return !0;
 }
-function Ar(e, t, n, s) {
-  const i = e[0];
+function Ar(t, e, n, s) {
+  const i = t[0];
   if (i === null)
     return !1;
-  if (t === "display" || t === "visibility")
+  if (e === "display" || e === "visibility")
     return !0;
-  const r = e[e.length - 1], o = Jt(i, t), a = Jt(r, t);
-  return ye(o === a, `You are trying to animate ${t} from "${i}" to "${r}". "${o ? r : i}" is not an animatable value.`, "value-not-animatable"), !o || !a ? !1 : Vr(e) || (n === "spring" || is(n)) && s;
+  const r = t[t.length - 1], o = Je(i, e), a = Je(r, e);
+  return yt(o === a, `You are trying to animate ${e} from "${i}" to "${r}". "${o ? r : i}" is not an animatable value.`, "value-not-animatable"), !o || !a ? !1 : Vr(t) || (n === "spring" || is(n)) && s;
 }
-function ut(e) {
-  e.duration = 0, e.type = "keyframes";
+function ue(t) {
+  t.duration = 0, t.type = "keyframes";
 }
 const xr = /* @__PURE__ */ new Set([
   "opacity",
@@ -1239,12 +1239,12 @@ const xr = /* @__PURE__ */ new Set([
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
 ]), Mr = /* @__PURE__ */ Mn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function Cr(e) {
+function Cr(t) {
   var u;
-  const { motionValue: t, name: n, repeatDelay: s, repeatType: i, damping: r, type: o } = e;
-  if (!(((u = t == null ? void 0 : t.owner) == null ? void 0 : u.current) instanceof HTMLElement))
+  const { motionValue: e, name: n, repeatDelay: s, repeatType: i, damping: r, type: o } = t;
+  if (!(((u = e == null ? void 0 : e.owner) == null ? void 0 : u.current) instanceof HTMLElement))
     return !1;
-  const { onUpdate: c, transformTemplate: l } = t.owner.getProps();
+  const { onUpdate: c, transformTemplate: l } = e.owner.getProps();
   return Mr() && n && xr.has(n) && (n !== "transform" || !l) && /**
    * 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.
@@ -1252,15 +1252,15 @@ function Cr(e) {
   !c && !s && i !== "mirror" && r !== 0 && o !== "inertia";
 }
 const Pr = 40;
-class Fr extends At {
-  constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: o = "loop", keyframes: a, name: c, motionValue: l, element: u, ...d }) {
+class Fr extends Ae {
+  constructor({ autoplay: e = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: o = "loop", keyframes: a, name: c, motionValue: l, element: u, ...d }) {
     var p;
     super(), this.stop = () => {
       var b, y;
       this._animation && (this._animation.stop(), (b = this.stopTimeline) == null || b.call(this)), (y = this.keyframeResolver) == null || y.cancel();
     }, this.createdAt = I.now();
     const f = {
-      autoplay: t,
+      autoplay: e,
       delay: n,
       type: s,
       repeat: i,
@@ -1270,37 +1270,37 @@ class Fr extends At {
       motionValue: l,
       element: u,
       ...d
-    }, h = (u == null ? void 0 : u.KeyframeResolver) || Mt;
+    }, h = (u == null ? void 0 : u.KeyframeResolver) || Me;
     this.keyframeResolver = new h(a, (b, y, g) => this.onKeyframesResolved(b, y, f, !g), c, l, u), (p = this.keyframeResolver) == null || p.scheduleResolve();
   }
-  onKeyframesResolved(t, n, s, i) {
+  onKeyframesResolved(e, n, s, i) {
     var y, g;
     this.keyframeResolver = void 0;
     const { name: r, type: o, velocity: a, delay: c, isHandoff: l, onUpdate: u } = s;
-    this.resolvedAt = I.now(), Ar(t, r, o, a) || ((j.instantAnimations || !c) && (u == null || u(Vt(t, s, n))), t[0] = t[t.length - 1], ut(s), s.repeat = 0);
+    this.resolvedAt = I.now(), Ar(e, r, o, a) || ((j.instantAnimations || !c) && (u == null || u(Ve(e, s, n))), e[0] = e[e.length - 1], ue(s), s.repeat = 0);
     const f = {
       startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > Pr ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...s,
-      keyframes: t
+      keyframes: e
     }, h = !l && Cr(f), p = (g = (y = f.motionValue) == null ? void 0 : y.owner) == null ? void 0 : g.current, b = h ? new Sr({
       ...f,
       element: p
-    }) : new xt(f);
+    }) : new xe(f);
     b.finished.then(() => {
       this.notifyFinished();
-    }).catch(re), this.pendingTimeline && (this.stopTimeline = b.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = b;
+    }).catch(rt), this.pendingTimeline && (this.stopTimeline = b.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = b;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
   }
-  then(t, n) {
-    return this.finished.finally(t).then(() => {
+  then(e, n) {
+    return this.finished.finally(e).then(() => {
     });
   }
   get animation() {
-    var t;
-    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), hr()), this._animation;
+    var e;
+    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), hr()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1311,8 +1311,8 @@ class Fr extends At {
   get time() {
     return this.animation.time;
   }
-  set time(t) {
-    this.animation.time = t;
+  set time(e) {
+    this.animation.time = e;
   }
   get speed() {
     return this.animation.speed;
@@ -1320,14 +1320,14 @@ class Fr extends At {
   get state() {
     return this.animation.state;
   }
-  set speed(t) {
-    this.animation.speed = t;
+  set speed(e) {
+    this.animation.speed = e;
   }
   get startTime() {
     return this.animation.startTime;
   }
-  attachTimeline(t) {
-    return this._animation ? this.stopTimeline = this.animation.attachTimeline(t) : this.pendingTimeline = t, () => this.stop();
+  attachTimeline(e) {
+    return this._animation ? this.stopTimeline = this.animation.attachTimeline(e) : this.pendingTimeline = e, () => this.stop();
   }
   play() {
     this.animation.play();
@@ -1339,47 +1339,47 @@ class Fr extends At {
     this.animation.complete();
   }
   cancel() {
-    var t;
-    this._animation && this.animation.cancel(), (t = this.keyframeResolver) == null || t.cancel();
+    var e;
+    this._animation && this.animation.cancel(), (e = this.keyframeResolver) == null || e.cancel();
   }
 }
-function as(e, t, n, s = 0, i = 1) {
-  const r = Array.from(e).sort((l, u) => l.sortNodePosition(u)).indexOf(t), o = e.size, a = (o - 1) * s;
+function as(t, e, n, s = 0, i = 1) {
+  const r = Array.from(t).sort((l, u) => l.sortNodePosition(u)).indexOf(e), o = t.size, a = (o - 1) * s;
   return typeof n == "function" ? n(r, o) : i === 1 ? r * s : a - r * s;
 }
 const Or = (
   // 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 Dr(e) {
-  const t = Or.exec(e);
-  if (!t)
+function Dr(t) {
+  const e = Or.exec(t);
+  if (!e)
     return [,];
-  const [, n, s, i] = t;
+  const [, n, s, i] = e;
   return [`--${n ?? s}`, i];
 }
 const Rr = 4;
-function us(e, t, n = 1) {
-  Z(n <= Rr, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [s, i] = Dr(e);
+function us(t, e, n = 1) {
+  Z(n <= Rr, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [s, i] = Dr(t);
   if (!s)
     return;
-  const r = window.getComputedStyle(t).getPropertyValue(s);
+  const r = window.getComputedStyle(e).getPropertyValue(s);
   if (r) {
     const o = r.trim();
     return An(o) ? parseFloat(o) : o;
   }
-  return bt(i) ? us(i, t, n + 1) : i;
+  return be(i) ? us(i, e, n + 1) : i;
 }
 const Ir = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, kr = (e) => ({
+}, kr = (t) => ({
   type: "spring",
   stiffness: 550,
-  damping: e === 0 ? 2 * Math.sqrt(550) : 30,
+  damping: t === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
 }), Er = {
   type: "keyframes",
@@ -1388,48 +1388,48 @@ const Ir = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Br = (e, { keyframes: t }) => t.length > 2 ? Er : ue.has(e) ? e.startsWith("scale") ? kr(t[1]) : Ir : Nr, Lr = (e) => e !== null;
-function Kr(e, { repeat: t, repeatType: n = "loop" }, s) {
-  const i = e.filter(Lr), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
+}, Br = (t, { keyframes: e }) => e.length > 2 ? Er : ut.has(t) ? t.startsWith("scale") ? kr(e[1]) : Ir : Nr, Lr = (t) => t !== null;
+function Kr(t, { repeat: e, repeatType: n = "loop" }, s) {
+  const i = t.filter(Lr), r = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
   return i[r];
 }
-function cs(e, t) {
-  if (e != null && e.inherit && t) {
-    const { inherit: n, ...s } = e;
-    return { ...t, ...s };
+function cs(t, e) {
+  if (t != null && t.inherit && e) {
+    const { inherit: n, ...s } = t;
+    return { ...e, ...s };
   }
-  return e;
+  return t;
 }
-function ls(e, t) {
-  const n = (e == null ? void 0 : e[t]) ?? (e == null ? void 0 : e.default) ?? e;
-  return n !== e ? cs(n, e) : n;
+function ls(t, e) {
+  const n = (t == null ? void 0 : t[e]) ?? (t == null ? void 0 : t.default) ?? t;
+  return n !== t ? cs(n, t) : n;
 }
-function Wr({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: c, elapsed: l, ...u }) {
+function Wr({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: c, elapsed: l, ...u }) {
   return !!Object.keys(u).length;
 }
-const $r = (e, t, n, s = {}, i, r) => (o) => {
-  const a = ls(s, e) || {}, c = a.delay || s.delay || 0;
+const $r = (t, e, n, s = {}, i, r) => (o) => {
+  const a = ls(s, t) || {}, c = a.delay || s.delay || 0;
   let { elapsed: l = 0 } = s;
   l = l - /* @__PURE__ */ K(c);
   const u = {
     keyframes: Array.isArray(n) ? n : [null, n],
     ease: "easeOut",
-    velocity: t.getVelocity(),
+    velocity: e.getVelocity(),
     ...a,
     delay: -l,
     onUpdate: (f) => {
-      t.set(f), a.onUpdate && a.onUpdate(f);
+      e.set(f), a.onUpdate && a.onUpdate(f);
     },
     onComplete: () => {
       o(), a.onComplete && a.onComplete();
     },
-    name: e,
-    motionValue: t,
+    name: t,
+    motionValue: e,
     element: r ? void 0 : i
   };
-  Wr(a) || Object.assign(u, Br(e, u)), u.duration && (u.duration = /* @__PURE__ */ K(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ K(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  Wr(a) || Object.assign(u, Br(t, u)), u.duration && (u.duration = /* @__PURE__ */ K(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ K(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let d = !1;
-  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (ut(u), u.delay === 0 && (d = !0)), (j.instantAnimations || j.skipAnimations || i != null && i.shouldSkipAnimations) && (d = !0, ut(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, d && !r && t.get() !== void 0) {
+  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (ue(u), u.delay === 0 && (d = !0)), (j.instantAnimations || j.skipAnimations || i != null && i.shouldSkipAnimations) && (d = !0, ue(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, d && !r && e.get() !== void 0) {
     const f = Kr(u.keyframes, a);
     if (f !== void 0) {
       L.update(() => {
@@ -1438,28 +1438,28 @@ const $r = (e, t, n, s = {}, i, r) => (o) => {
       return;
     }
   }
-  return a.isSync ? new xt(u) : new Fr(u);
+  return a.isSync ? new xe(u) : new Fr(u);
 };
-function Qt(e) {
-  const t = [{}, {}];
-  return e == null || e.values.forEach((n, s) => {
-    t[0][s] = n.get(), t[1][s] = n.getVelocity();
-  }), t;
+function Qe(t) {
+  const e = [{}, {}];
+  return t == null || t.values.forEach((n, s) => {
+    e[0][s] = n.get(), e[1][s] = n.getVelocity();
+  }), e;
 }
-function Ct(e, t, n, s) {
-  if (typeof t == "function") {
-    const [i, r] = Qt(s);
-    t = t(n !== void 0 ? n : e.custom, i, r);
+function Ce(t, e, n, s) {
+  if (typeof e == "function") {
+    const [i, r] = Qe(s);
+    e = e(n !== void 0 ? n : t.custom, i, r);
   }
-  if (typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function") {
-    const [i, r] = Qt(s);
-    t = t(n !== void 0 ? n : e.custom, i, r);
+  if (typeof e == "string" && (e = t.variants && t.variants[e]), typeof e == "function") {
+    const [i, r] = Qe(s);
+    e = e(n !== void 0 ? n : t.custom, i, r);
   }
-  return t;
+  return e;
 }
-function ne(e, t, n) {
-  const s = e.getProps();
-  return Ct(s, t, n !== void 0 ? n : s.custom, e);
+function nt(t, e, n) {
+  const s = t.getProps();
+  return Ce(s, e, n !== void 0 ? n : s.custom, t);
 }
 const fs = /* @__PURE__ */ new Set([
   "width",
@@ -1468,8 +1468,8 @@ const fs = /* @__PURE__ */ new Set([
   "left",
   "right",
   "bottom",
-  ...ae
-]), en = 30, jr = (e) => !isNaN(parseFloat(e));
+  ...at
+]), tn = 30, jr = (t) => !isNaN(parseFloat(t));
 class Gr {
   /**
    * @param init - The initiating value
@@ -1477,20 +1477,20 @@ class Gr {
    *
    * -  `transformer`: A function to transform incoming values with.
    */
-  constructor(t, n = {}) {
+  constructor(e, n = {}) {
     this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (s) => {
       var r;
       const i = I.now();
       if (this.updatedAt !== i && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(s), this.current !== this.prev && ((r = this.events.change) == null || r.notify(this.current), this.dependents))
         for (const o of this.dependents)
           o.dirty();
-    }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
+    }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
-  setCurrent(t) {
-    this.current = t, this.updatedAt = I.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = jr(this.current));
+  setCurrent(e) {
+    this.current = e, this.updatedAt = I.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = jr(this.current));
   }
-  setPrevFrameValue(t = this.current) {
-    this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
+  setPrevFrameValue(e = this.current) {
+    this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
   }
   /**
    * Adds a function that will be notified when the `MotionValue` is updated.
@@ -1532,27 +1532,27 @@ class Gr {
    *
    * @deprecated
    */
-  onChange(t) {
-    return process.env.NODE_ENV !== "production" && On(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
+  onChange(e) {
+    return process.env.NODE_ENV !== "production" && On(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
   }
-  on(t, n) {
-    this.events[t] || (this.events[t] = new Pn());
-    const s = this.events[t].add(n);
-    return t === "change" ? () => {
+  on(e, n) {
+    this.events[e] || (this.events[e] = new Pn());
+    const s = this.events[e].add(n);
+    return e === "change" ? () => {
       s(), L.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : s;
   }
   clearListeners() {
-    for (const t in this.events)
-      this.events[t].clear();
+    for (const e in this.events)
+      this.events[e].clear();
   }
   /**
    * Attaches a passive effect to the `MotionValue`.
    */
-  attach(t, n) {
-    this.passiveEffect = t, this.stopPassiveEffect = n;
+  attach(e, n) {
+    this.passiveEffect = e, this.stopPassiveEffect = n;
   }
   /**
    * Sets the state of the `MotionValue`.
@@ -1569,28 +1569,28 @@ class Gr {
    *
    * @public
    */
-  set(t) {
-    this.passiveEffect ? this.passiveEffect(t, this.updateAndNotify) : this.updateAndNotify(t);
+  set(e) {
+    this.passiveEffect ? this.passiveEffect(e, this.updateAndNotify) : this.updateAndNotify(e);
   }
-  setWithVelocity(t, n, s) {
-    this.set(n), this.prev = void 0, this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt - s;
+  setWithVelocity(e, n, s) {
+    this.set(n), this.prev = void 0, this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt - s;
   }
   /**
    * Set the state of the `MotionValue`, stopping any active animations,
    * effects, and resets velocity to `0`.
    */
-  jump(t, n = !0) {
-    this.updateAndNotify(t), this.prev = t, this.prevUpdatedAt = this.prevFrameValue = void 0, n && this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+  jump(e, n = !0) {
+    this.updateAndNotify(e), this.prev = e, this.prevUpdatedAt = this.prevFrameValue = void 0, n && this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
   }
   dirty() {
-    var t;
-    (t = this.events.change) == null || t.notify(this.current);
+    var e;
+    (e = this.events.change) == null || e.notify(this.current);
   }
-  addDependent(t) {
-    this.dependents || (this.dependents = /* @__PURE__ */ new Set()), this.dependents.add(t);
+  addDependent(e) {
+    this.dependents || (this.dependents = /* @__PURE__ */ new Set()), this.dependents.add(e);
   }
-  removeDependent(t) {
-    this.dependents && this.dependents.delete(t);
+  removeDependent(e) {
+    this.dependents && this.dependents.delete(e);
   }
   /**
    * Returns the latest state of `MotionValue`
@@ -1616,10 +1616,10 @@ class Gr {
    * @public
    */
   getVelocity() {
-    const t = I.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > en)
+    const e = I.now();
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > tn)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, en);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, tn);
     return Fn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
@@ -1632,9 +1632,9 @@ class Gr {
    *
    * @param animation - A function that starts the provided animation
    */
-  start(t) {
+  start(e) {
     return this.stop(), new Promise((n) => {
-      this.hasAnimated = !0, this.animation = t(n), this.events.animationStart && this.events.animationStart.notify();
+      this.hasAnimated = !0, this.animation = e(n), this.events.animationStart && this.events.animationStart.notify();
     }).then(() => {
       this.events.animationComplete && this.events.animationComplete.notify(), this.clearAnimation();
     });
@@ -1668,62 +1668,62 @@ class Gr {
    * @public
    */
   destroy() {
-    var t, n;
-    (t = this.dependents) == null || t.clear(), (n = this.events.destroy) == null || n.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+    var e, n;
+    (e = this.dependents) == null || e.clear(), (n = this.events.destroy) == null || n.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
   }
 }
-function Ie(e, t) {
-  return new Gr(e, t);
+function It(t, e) {
+  return new Gr(t, e);
 }
-const ct = (e) => Array.isArray(e);
-function _r(e, t, n) {
-  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, Ie(n));
+const ce = (t) => Array.isArray(t);
+function _r(t, e, n) {
+  t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, It(n));
 }
-function Hr(e) {
-  return ct(e) ? e[e.length - 1] || 0 : e;
+function Hr(t) {
+  return ce(t) ? t[t.length - 1] || 0 : t;
 }
-function Ur(e, t) {
-  const n = ne(e, t);
+function Ur(t, e) {
+  const n = nt(t, e);
   let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
   r = { ...r, ...s };
   for (const o in r) {
     const a = Hr(r[o]);
-    _r(e, o, a);
+    _r(t, o, a);
   }
 }
-const R = (e) => !!(e && e.getVelocity);
-function zr(e) {
-  return !!(R(e) && e.add);
+const R = (t) => !!(t && t.getVelocity);
+function zr(t) {
+  return !!(R(t) && t.add);
 }
-function Yr(e, t) {
-  const n = e.getValue("willChange");
+function Yr(t, e) {
+  const n = t.getValue("willChange");
   if (zr(n))
-    return n.add(t);
+    return n.add(e);
   if (!n && j.WillChange) {
     const s = new j.WillChange("auto");
-    e.addValue("willChange", s), s.add(t);
+    t.addValue("willChange", s), s.add(e);
   }
 }
-function Pt(e) {
-  return e.replace(/([A-Z])/g, (t) => `-${t.toLowerCase()}`);
+function Pe(t) {
+  return t.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
 }
-const Xr = "framerAppearId", ds = "data-" + Pt(Xr);
-function qr(e) {
-  return e.props[ds];
+const Xr = "framerAppearId", ds = "data-" + Pe(Xr);
+function qr(t) {
+  return t.props[ds];
 }
-function Zr({ protectedKeys: e, needsAnimating: t }, n) {
-  const s = e.hasOwnProperty(n) && t[n] !== !0;
-  return t[n] = !1, s;
+function Zr({ protectedKeys: t, needsAnimating: e }, n) {
+  const s = t.hasOwnProperty(n) && e[n] !== !0;
+  return e[n] = !1, s;
 }
-function hs(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
-  let { transition: r, transitionEnd: o, ...a } = t;
-  const c = e.getDefaultTransition();
+function hs(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
+  let { transition: r, transitionEnd: o, ...a } = e;
+  const c = t.getDefaultTransition();
   r = r ? cs(r, c) : c;
   const l = r == null ? void 0 : r.reduceMotion;
   s && (r = s);
-  const u = [], d = i && e.animationState && e.animationState.getState()[i];
+  const u = [], d = i && t.animationState && t.animationState.getState()[i];
   for (const f in a) {
-    const h = e.getValue(f, e.latestValues[f] ?? null), p = a[f];
+    const h = t.getValue(f, t.latestValues[f] ?? null), p = a[f];
     if (p === void 0 || d && Zr(d, f))
       continue;
     const b = {
@@ -1734,34 +1734,34 @@ function hs(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
       continue;
     let g = !1;
     if (window.MotionHandoffAnimation) {
-      const V = qr(e);
+      const V = qr(t);
       if (V) {
         const v = window.MotionHandoffAnimation(V, f, L);
         v !== null && (b.startTime = v, g = !0);
       }
     }
-    Yr(e, f);
-    const w = l ?? e.shouldReduceMotion;
-    h.start($r(f, h, p, w && fs.has(f) ? { type: !1 } : b, e, g));
+    Yr(t, f);
+    const w = l ?? t.shouldReduceMotion;
+    h.start($r(f, h, p, w && fs.has(f) ? { type: !1 } : b, t, g));
     const T = h.animation;
     T && u.push(T);
   }
   if (o) {
     const f = () => L.update(() => {
-      o && Ur(e, o);
+      o && Ur(t, o);
     });
     u.length ? Promise.all(u).then(f) : f();
   }
   return u;
 }
-function lt(e, t, n = {}) {
+function le(t, e, n = {}) {
   var c;
-  const s = ne(e, t, n.type === "exit" ? (c = e.presenceContext) == null ? void 0 : c.custom : void 0);
-  let { transition: i = e.getDefaultTransition() || {} } = s || {};
+  const s = nt(t, e, n.type === "exit" ? (c = t.presenceContext) == null ? void 0 : c.custom : void 0);
+  let { transition: i = t.getDefaultTransition() || {} } = s || {};
   n.transitionOverride && (i = n.transitionOverride);
-  const r = s ? () => Promise.all(hs(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (l = 0) => {
+  const r = s ? () => Promise.all(hs(t, s, n)) : () => Promise.resolve(), o = t.variantChildren && t.variantChildren.size ? (l = 0) => {
     const { delayChildren: u = 0, staggerChildren: d, staggerDirection: f } = i;
-    return Jr(e, t, l, u, d, f, n);
+    return Jr(t, e, l, u, d, f, n);
   } : () => Promise.resolve(), { when: a } = i;
   if (a) {
     const [l, u] = a === "beforeChildren" ? [r, o] : [o, r];
@@ -1769,74 +1769,74 @@ function lt(e, t, n = {}) {
   } else
     return Promise.all([r(), o(n.delay)]);
 }
-function Jr(e, t, n = 0, s = 0, i = 0, r = 1, o) {
+function Jr(t, e, n = 0, s = 0, i = 0, r = 1, o) {
   const a = [];
-  for (const c of e.variantChildren)
-    c.notify("AnimationStart", t), a.push(lt(c, t, {
+  for (const c of t.variantChildren)
+    c.notify("AnimationStart", e), a.push(le(c, e, {
       ...o,
-      delay: n + (typeof s == "function" ? 0 : s) + as(e.variantChildren, c, s, i, r)
-    }).then(() => c.notify("AnimationComplete", t)));
+      delay: n + (typeof s == "function" ? 0 : s) + as(t.variantChildren, c, s, i, r)
+    }).then(() => c.notify("AnimationComplete", e)));
   return Promise.all(a);
 }
-function Qr(e, t, n = {}) {
-  e.notify("AnimationStart", t);
+function Qr(t, e, n = {}) {
+  t.notify("AnimationStart", e);
   let s;
-  if (Array.isArray(t)) {
-    const i = t.map((r) => lt(e, r, n));
+  if (Array.isArray(e)) {
+    const i = e.map((r) => le(t, r, n));
     s = Promise.all(i);
-  } else if (typeof t == "string")
-    s = lt(e, t, n);
+  } else if (typeof e == "string")
+    s = le(t, e, n);
   else {
-    const i = typeof t == "function" ? ne(e, t, n.custom) : t;
-    s = Promise.all(hs(e, i, n));
+    const i = typeof e == "function" ? nt(t, e, n.custom) : e;
+    s = Promise.all(hs(t, i, n));
   }
   return s.then(() => {
-    e.notify("AnimationComplete", t);
+    t.notify("AnimationComplete", e);
   });
 }
-const eo = {
-  test: (e) => e === "auto",
-  parse: (e) => e
-}, ps = (e) => (t) => t.test(e), ms = [oe, m, te, G, xi, Ai, eo], tn = (e) => ms.find(ps(e));
-function to(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || xn(e) : !0;
+const to = {
+  test: (t) => t === "auto",
+  parse: (t) => t
+}, ps = (t) => (e) => e.test(t), ms = [ot, m, et, G, xi, Ai, to], en = (t) => ms.find(ps(t));
+function eo(t) {
+  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || xn(t) : !0;
 }
 const no = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function so(e) {
-  const [t, n] = e.slice(0, -1).split("(");
-  if (t === "drop-shadow")
-    return e;
-  const [s] = n.match(Tt) || [];
+function so(t) {
+  const [e, n] = t.slice(0, -1).split("(");
+  if (e === "drop-shadow")
+    return t;
+  const [s] = n.match(Te) || [];
   if (!s)
-    return e;
+    return t;
   const i = n.replace(s, "");
-  let r = no.has(t) ? 1 : 0;
-  return s !== n && (r *= 100), t + "(" + r + i + ")";
+  let r = no.has(e) ? 1 : 0;
+  return s !== n && (r *= 100), e + "(" + r + i + ")";
 }
-const io = /\b([a-z-]*)\(.*?\)/gu, ft = {
+const io = /\b([a-z-]*)\(.*?\)/gu, fe = {
   ...B,
-  getAnimatableNone: (e) => {
-    const t = e.match(io);
-    return t ? t.map(so).join(" ") : e;
+  getAnimatableNone: (t) => {
+    const e = t.match(io);
+    return e ? e.map(so).join(" ") : t;
   }
-}, dt = {
+}, de = {
   ...B,
-  getAnimatableNone: (e) => {
-    const t = B.parse(e);
-    return B.createTransformer(e)(t.map((s) => typeof s == "number" ? 0 : typeof s == "object" ? { ...s, alpha: 1 } : s));
+  getAnimatableNone: (t) => {
+    const e = B.parse(t);
+    return B.createTransformer(t)(e.map((s) => typeof s == "number" ? 0 : typeof s == "object" ? { ...s, alpha: 1 } : s));
   }
 }, nn = {
-  ...oe,
+  ...ot,
   transform: Math.round
 }, ro = {
   rotate: G,
   rotateX: G,
   rotateY: G,
   rotateZ: G,
-  scale: Me,
-  scaleX: Me,
-  scaleY: Me,
-  scaleZ: Me,
+  scale: Mt,
+  scaleX: Mt,
+  scaleY: Mt,
+  scaleZ: Mt,
   skew: G,
   skewX: G,
   skewY: G,
@@ -1849,11 +1849,11 @@ const io = /\b([a-z-]*)\(.*?\)/gu, ft = {
   z: m,
   perspective: m,
   transformPerspective: m,
-  opacity: pe,
-  originX: jt,
-  originY: jt,
+  opacity: pt,
+  originX: je,
+  originY: je,
   originZ: m
-}, Ft = {
+}, Fe = {
   // Border props
   borderWidth: m,
   borderTopWidth: m,
@@ -1912,11 +1912,11 @@ const io = /\b([a-z-]*)\(.*?\)/gu, ft = {
   ...ro,
   zIndex: nn,
   // SVG
-  fillOpacity: pe,
-  strokeOpacity: pe,
+  fillOpacity: pt,
+  strokeOpacity: pt,
   numOctaves: nn
 }, oo = {
-  ...Ft,
+  ...Fe,
   // Color props
   color: P,
   backgroundColor: P,
@@ -1929,81 +1929,81 @@ const io = /\b([a-z-]*)\(.*?\)/gu, ft = {
   borderRightColor: P,
   borderBottomColor: P,
   borderLeftColor: P,
-  filter: ft,
-  WebkitFilter: ft,
-  mask: dt,
-  WebkitMask: dt
-}, gs = (e) => oo[e], ao = /* @__PURE__ */ new Set([ft, dt]);
-function ys(e, t) {
-  let n = gs(e);
-  return ao.has(n) || (n = B), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
+  filter: fe,
+  WebkitFilter: fe,
+  mask: de,
+  WebkitMask: de
+}, gs = (t) => oo[t], ao = /* @__PURE__ */ new Set([fe, de]);
+function ys(t, e) {
+  let n = gs(t);
+  return ao.has(n) || (n = B), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const uo = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function co(e, t, n) {
+function co(t, e, n) {
   let s = 0, i;
-  for (; s < e.length && !i; ) {
-    const r = e[s];
-    typeof r == "string" && !uo.has(r) && me(r).values.length && (i = e[s]), s++;
+  for (; s < t.length && !i; ) {
+    const r = t[s];
+    typeof r == "string" && !uo.has(r) && mt(r).values.length && (i = t[s]), s++;
   }
   if (i && n)
-    for (const r of t)
-      e[r] = ys(n, i);
+    for (const r of e)
+      t[r] = ys(n, i);
 }
-class lo extends Mt {
-  constructor(t, n, s, i, r) {
-    super(t, n, s, i, r, !0);
+class lo extends Me {
+  constructor(e, n, s, i, r) {
+    super(e, n, s, i, r, !0);
   }
   readKeyframes() {
-    const { unresolvedKeyframes: t, element: n, name: s } = this;
+    const { unresolvedKeyframes: e, element: n, name: s } = this;
     if (!n || !n.current)
       return;
     super.readKeyframes();
-    for (let u = 0; u < t.length; u++) {
-      let d = t[u];
-      if (typeof d == "string" && (d = d.trim(), bt(d))) {
+    for (let u = 0; u < e.length; u++) {
+      let d = e[u];
+      if (typeof d == "string" && (d = d.trim(), be(d))) {
         const f = us(d, n.current);
-        f !== void 0 && (t[u] = f), u === t.length - 1 && (this.finalKeyframe = d);
+        f !== void 0 && (e[u] = f), u === e.length - 1 && (this.finalKeyframe = d);
       }
     }
-    if (this.resolveNoneKeyframes(), !fs.has(s) || t.length !== 2)
+    if (this.resolveNoneKeyframes(), !fs.has(s) || e.length !== 2)
       return;
-    const [i, r] = t, o = tn(i), a = tn(r), c = $t(i), l = $t(r);
+    const [i, r] = e, o = en(i), a = en(r), c = $e(i), l = $e(r);
     if (c !== l && H[s]) {
       this.needsMeasurement = !0;
       return;
     }
     if (o !== a)
-      if (qt(o) && qt(a))
-        for (let u = 0; u < t.length; u++) {
-          const d = t[u];
-          typeof d == "string" && (t[u] = parseFloat(d));
+      if (qe(o) && qe(a))
+        for (let u = 0; u < e.length; u++) {
+          const d = e[u];
+          typeof d == "string" && (e[u] = parseFloat(d));
         }
       else H[s] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
-    const { unresolvedKeyframes: t, name: n } = this, s = [];
-    for (let i = 0; i < t.length; i++)
-      (t[i] === null || to(t[i])) && s.push(i);
-    s.length && co(t, s, n);
+    const { unresolvedKeyframes: e, name: n } = this, s = [];
+    for (let i = 0; i < e.length; i++)
+      (e[i] === null || eo(e[i])) && s.push(i);
+    s.length && co(e, s, n);
   }
   measureInitialState() {
-    const { element: t, unresolvedKeyframes: n, name: s } = this;
-    if (!t || !t.current)
+    const { element: e, unresolvedKeyframes: n, name: s } = this;
+    if (!e || !e.current)
       return;
-    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = H[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
+    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = H[s](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
     const i = n[n.length - 1];
-    i !== void 0 && t.getValue(s, i).jump(i, !1);
+    i !== void 0 && e.getValue(s, i).jump(i, !1);
   }
   measureEndState() {
     var a;
-    const { element: t, name: n, unresolvedKeyframes: s } = this;
-    if (!t || !t.current)
+    const { element: e, name: n, unresolvedKeyframes: s } = this;
+    if (!e || !e.current)
       return;
-    const i = t.getValue(n);
+    const i = e.getValue(n);
     i && i.jump(this.measuredOrigin, !1);
     const r = s.length - 1, o = s[r];
-    s[r] = H[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, l]) => {
-      t.getValue(c).set(l);
+    s[r] = H[n](e.measureViewportBox(), window.getComputedStyle(e.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([c, l]) => {
+      e.getValue(c).set(l);
     }), this.resolveNoneKeyframes();
   }
 }
@@ -2016,21 +2016,21 @@ const fo = /* @__PURE__ */ new Set([
   // or until we implement support for linear() easing.
   // "background-color"
 ]);
-function ho(e, t, n) {
-  if (e == null)
+function ho(t, e, n) {
+  if (t == null)
     return [];
-  if (e instanceof EventTarget)
-    return [e];
-  if (typeof e == "string") {
+  if (t instanceof EventTarget)
+    return [t];
+  if (typeof t == "string") {
     let s = document;
-    const i = (n == null ? void 0 : n[e]) ?? s.querySelectorAll(e);
+    const i = (n == null ? void 0 : n[t]) ?? s.querySelectorAll(t);
     return i ? Array.from(i) : [];
   }
-  return Array.from(e).filter((s) => s != null);
+  return Array.from(t).filter((s) => s != null);
 }
-const bs = (e, t) => t && typeof e == "number" ? t.transform(e) : e;
-function po(e) {
-  return ri(e) && "offsetHeight" in e;
+const bs = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
+function po(t) {
+  return ri(t) && "offsetHeight" in t;
 }
 const { schedule: mo } = /* @__PURE__ */ Wn(queueMicrotask, !1), go = {
   y: !1
@@ -2038,19 +2038,19 @@ const { schedule: mo } = /* @__PURE__ */ Wn(queueMicrotask, !1), go = {
 function yo() {
   return go.y;
 }
-function Ts(e, t) {
-  const n = ho(e), s = new AbortController(), i = {
+function Ts(t, e) {
+  const n = ho(t), s = new AbortController(), i = {
     passive: !0,
-    ...t,
+    ...e,
     signal: s.signal
   };
   return [n, i, () => s.abort()];
 }
-function bo(e) {
-  return !(e.pointerType === "touch" || yo());
+function bo(t) {
+  return !(t.pointerType === "touch" || yo());
 }
-function To(e, t, n = {}) {
-  const [s, i, r] = Ts(e, n);
+function To(t, e, n = {}) {
+  const [s, i, r] = Ts(t, n);
   return s.forEach((o) => {
     let a = !1, c = !1, l;
     const u = () => {
@@ -2073,58 +2073,58 @@ function To(e, t, n = {}) {
       if (!bo(y))
         return;
       c = !1;
-      const g = t(o, y);
+      const g = e(o, y);
       typeof g == "function" && (l = g, o.addEventListener("pointerleave", p, i));
     };
     o.addEventListener("pointerenter", b, i), o.addEventListener("pointerdown", h, i);
   }), r;
 }
-const vs = (e, t) => t ? e === t ? !0 : vs(e, t.parentElement) : !1, vo = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, wo = /* @__PURE__ */ new Set([
+const vs = (t, e) => e ? t === e ? !0 : vs(t, e.parentElement) : !1, vo = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, wo = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function So(e) {
-  return wo.has(e.tagName) || e.isContentEditable === !0;
+function So(t) {
+  return wo.has(t.tagName) || t.isContentEditable === !0;
 }
-const Pe = /* @__PURE__ */ new WeakSet();
-function sn(e) {
-  return (t) => {
-    t.key === "Enter" && e(t);
+const Pt = /* @__PURE__ */ new WeakSet();
+function sn(t) {
+  return (e) => {
+    e.key === "Enter" && t(e);
   };
 }
-function Ue(e, t) {
-  e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
+function Ut(t, e) {
+  t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
-const Vo = (e, t) => {
-  const n = e.currentTarget;
+const Vo = (t, e) => {
+  const n = t.currentTarget;
   if (!n)
     return;
   const s = sn(() => {
-    if (Pe.has(n))
+    if (Pt.has(n))
       return;
-    Ue(n, "down");
+    Ut(n, "down");
     const i = sn(() => {
-      Ue(n, "up");
-    }), r = () => Ue(n, "cancel");
-    n.addEventListener("keyup", i, t), n.addEventListener("blur", r, t);
+      Ut(n, "up");
+    }), r = () => Ut(n, "cancel");
+    n.addEventListener("keyup", i, e), n.addEventListener("blur", r, e);
   });
-  n.addEventListener("keydown", s, t), n.addEventListener("blur", () => n.removeEventListener("keydown", s), t);
+  n.addEventListener("keydown", s, e), n.addEventListener("blur", () => n.removeEventListener("keydown", s), e);
 };
-function rn(e) {
-  return vo(e) && !0;
+function rn(t) {
+  return vo(t) && !0;
 }
 const on = /* @__PURE__ */ new WeakSet();
-function Ao(e, t, n = {}) {
-  const [s, i, r] = Ts(e, n), o = (a) => {
+function Ao(t, e, n = {}) {
+  const [s, i, r] = Ts(t, n), o = (a) => {
     const c = a.currentTarget;
     if (!rn(a) || on.has(a))
       return;
-    Pe.add(c), n.stopPropagation && on.add(a);
-    const l = t(c, a), u = (h, p) => {
-      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), Pe.has(c) && Pe.delete(c), rn(h) && typeof l == "function" && l(h, { success: p });
+    Pt.add(c), n.stopPropagation && on.add(a);
+    const l = e(c, a), u = (h, p) => {
+      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), Pt.has(c) && Pt.delete(c), rn(h) && typeof l == "function" && l(h, { success: p });
     }, d = (h) => {
       u(h, c === window || c === document || n.useGlobalTarget || vs(c, h.target));
     }, f = (h) => {
@@ -2136,17 +2136,17 @@ function Ao(e, t, n = {}) {
     (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, i), po(a) && (a.addEventListener("focus", (l) => Vo(l, i)), !So(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), r;
 }
-const xo = [...ms, P, B], Mo = (e) => xo.find(ps(e)), an = () => ({ min: 0, max: 0 }), ws = () => ({
+const xo = [...ms, P, B], Mo = (t) => xo.find(ps(t)), an = () => ({ min: 0, max: 0 }), ws = () => ({
   x: an(),
   y: an()
 }), Co = /* @__PURE__ */ new WeakMap();
-function Le(e) {
-  return e !== null && typeof e == "object" && typeof e.start == "function";
+function Lt(t) {
+  return t !== null && typeof t == "object" && typeof t.start == "function";
 }
-function ge(e) {
-  return typeof e == "string" || Array.isArray(e);
+function gt(t) {
+  return typeof t == "string" || Array.isArray(t);
 }
-const Ot = [
+const Oe = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2154,41 +2154,41 @@ const Ot = [
   "whileTap",
   "whileDrag",
   "exit"
-], Dt = ["initial", ...Ot];
-function Ke(e) {
-  return Le(e.animate) || Dt.some((t) => ge(e[t]));
+], De = ["initial", ...Oe];
+function Kt(t) {
+  return Lt(t.animate) || De.some((e) => gt(t[e]));
 }
-function Ss(e) {
-  return !!(Ke(e) || e.variants);
+function Ss(t) {
+  return !!(Kt(t) || t.variants);
 }
-function Po(e, t, n) {
-  for (const s in t) {
-    const i = t[s], r = n[s];
+function Po(t, e, n) {
+  for (const s in e) {
+    const i = e[s], r = n[s];
     if (R(i))
-      e.addValue(s, i);
+      t.addValue(s, i);
     else if (R(r))
-      e.addValue(s, Ie(i, { owner: e }));
+      t.addValue(s, It(i, { owner: t }));
     else if (r !== i)
-      if (e.hasValue(s)) {
-        const o = e.getValue(s);
+      if (t.hasValue(s)) {
+        const o = t.getValue(s);
         o.liveStyle === !0 ? o.jump(i) : o.hasAnimated || o.set(i);
       } else {
-        const o = e.getStaticValue(s);
-        e.addValue(s, Ie(o !== void 0 ? o : i, { owner: e }));
+        const o = t.getStaticValue(s);
+        t.addValue(s, It(o !== void 0 ? o : i, { owner: t }));
       }
   }
   for (const s in n)
-    t[s] === void 0 && e.removeValue(s);
-  return t;
+    e[s] === void 0 && t.removeValue(s);
+  return e;
 }
-const ht = { current: null }, Vs = { current: !1 }, Fo = typeof window < "u";
+const he = { current: null }, Vs = { current: !1 }, Fo = typeof window < "u";
 function Oo() {
   if (Vs.current = !0, !!Fo)
     if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => ht.current = e.matches;
-      e.addEventListener("change", t), t();
+      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => he.current = t.matches;
+      t.addEventListener("change", e), e();
     } else
-      ht.current = !1;
+      he.current = !1;
 }
 const un = [
   "AnimationStart",
@@ -2199,12 +2199,12 @@ const un = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-let ke = {};
-function As(e) {
-  ke = e;
+let kt = {};
+function As(t) {
+  kt = t;
 }
 function Do() {
-  return ke;
+  return kt;
 }
 class Ro {
   /**
@@ -2214,34 +2214,34 @@ class Ro {
    * This isn't an abstract method as it needs calling in the constructor, but it is
    * intended to be one.
    */
-  scrapeMotionValuesFromProps(t, n, s) {
+  scrapeMotionValuesFromProps(e, n, s) {
     return {};
   }
-  constructor({ parent: t, props: n, presenceContext: s, reducedMotionConfig: i, skipAnimations: r, blockInitialAnimation: o, visualState: a }, c = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.shouldSkipAnimations = !1, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Mt, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.hasBeenMounted = !1, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+  constructor({ parent: e, props: n, presenceContext: s, reducedMotionConfig: i, skipAnimations: r, blockInitialAnimation: o, visualState: a }, c = {}) {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.shouldSkipAnimations = !1, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Me, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.hasBeenMounted = !1, 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 h = I.now();
       this.renderScheduledAt < h && (this.renderScheduledAt = h, L.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: u } = a;
-    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.skipAnimationsConfig = r, this.options = c, this.blockInitialAnimation = !!o, this.isControllingVariants = Ke(n), this.isVariantNode = Ss(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.skipAnimationsConfig = r, this.options = c, this.blockInitialAnimation = !!o, this.isControllingVariants = Kt(n), this.isVariantNode = Ss(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const { willChange: d, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const h in f) {
       const p = f[h];
       l[h] !== void 0 && R(p) && p.set(l[h]);
     }
   }
-  mount(t) {
+  mount(e) {
     var n, s;
     if (this.hasBeenMounted)
       for (const i in this.initialValues)
         (n = this.values.get(i)) == null || n.jump(this.initialValues[i]), this.latestValues[i] = this.initialValues[i];
-    this.current = t, Co.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((i, r) => this.bindToMotionValue(r, i)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (Vs.current || Oo(), this.shouldReduceMotion = ht.current), process.env.NODE_ENV !== "production" && On(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, (s = this.parent) == null || s.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
+    this.current = e, Co.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((i, r) => this.bindToMotionValue(r, i)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (Vs.current || Oo(), this.shouldReduceMotion = he.current), process.env.NODE_ENV !== "production" && On(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, (s = this.parent) == null || s.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
   }
   unmount() {
-    var t;
-    this.projection && this.projection.unmount(), qe(this.notifyUpdate), qe(this.render), this.valueSubscriptions.forEach((n) => n()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), (t = this.parent) == null || t.removeChild(this);
+    var e;
+    this.projection && this.projection.unmount(), qt(this.notifyUpdate), qt(this.render), this.valueSubscriptions.forEach((n) => n()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), (e = this.parent) == null || e.removeChild(this);
     for (const n in this.events)
       this.events[n].clear();
     for (const n in this.features) {
@@ -2250,49 +2250,49 @@ class Ro {
     }
     this.current = null;
   }
-  addChild(t) {
-    this.children.add(t), this.enteringChildren ?? (this.enteringChildren = /* @__PURE__ */ new Set()), this.enteringChildren.add(t);
+  addChild(e) {
+    this.children.add(e), this.enteringChildren ?? (this.enteringChildren = /* @__PURE__ */ new Set()), this.enteringChildren.add(e);
   }
-  removeChild(t) {
-    this.children.delete(t), this.enteringChildren && this.enteringChildren.delete(t);
+  removeChild(e) {
+    this.children.delete(e), this.enteringChildren && this.enteringChildren.delete(e);
   }
-  bindToMotionValue(t, n) {
-    if (this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)(), n.accelerate && fo.has(t) && this.current instanceof HTMLElement) {
+  bindToMotionValue(e, n) {
+    if (this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)(), n.accelerate && fo.has(e) && this.current instanceof HTMLElement) {
       const { factory: o, keyframes: a, times: c, ease: l, duration: u } = n.accelerate, d = new rs({
         element: this.current,
-        name: t,
+        name: e,
         keyframes: a,
         times: c,
         ease: l,
         duration: /* @__PURE__ */ K(u)
       }), f = o(d);
-      this.valueSubscriptions.set(t, () => {
+      this.valueSubscriptions.set(e, () => {
         f(), d.cancel();
       });
       return;
     }
-    const s = ue.has(t);
+    const s = ut.has(e);
     s && this.onBindTransform && this.onBindTransform();
     const i = n.on("change", (o) => {
-      this.latestValues[t] = o, this.props.onUpdate && L.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
+      this.latestValues[e] = o, this.props.onUpdate && L.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
     });
     let r;
-    typeof window < "u" && window.MotionCheckAppearSync && (r = window.MotionCheckAppearSync(this, t, n)), this.valueSubscriptions.set(t, () => {
+    typeof window < "u" && window.MotionCheckAppearSync && (r = window.MotionCheckAppearSync(this, e, n)), this.valueSubscriptions.set(e, () => {
       i(), r && r(), n.owner && n.stop();
     });
   }
-  sortNodePosition(t) {
-    return !this.current || !this.sortInstanceNodePosition || this.type !== t.type ? 0 : this.sortInstanceNodePosition(this.current, t.current);
+  sortNodePosition(e) {
+    return !this.current || !this.sortInstanceNodePosition || this.type !== e.type ? 0 : this.sortInstanceNodePosition(this.current, e.current);
   }
   updateFeatures() {
-    let t = "animation";
-    for (t in ke) {
-      const n = ke[t];
+    let e = "animation";
+    for (e in kt) {
+      const n = kt[e];
       if (!n)
         continue;
       const { isEnabled: s, Feature: i } = n;
-      if (!this.features[t] && i && s(this.props) && (this.features[t] = new i(this)), this.features[t]) {
-        const r = this.features[t];
+      if (!this.features[e] && i && s(this.props) && (this.features[e] = new i(this)), this.features[e]) {
+        const r = this.features[e];
         r.isMounted ? r.update() : (r.mount(), r.isMounted = !0);
       }
     }
@@ -2308,25 +2308,25 @@ class Ro {
   measureViewportBox() {
     return this.current ? this.measureInstanceViewportBox(this.current, this.props) : ws();
   }
-  getStaticValue(t) {
-    return this.latestValues[t];
+  getStaticValue(e) {
+    return this.latestValues[e];
   }
-  setStaticValue(t, n) {
-    this.latestValues[t] = n;
+  setStaticValue(e, n) {
+    this.latestValues[e] = n;
   }
   /**
    * Update the provided props. Ensure any newly-added motion values are
    * added to our map, old ones removed, and listeners updated.
    */
-  update(t, n) {
-    (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
+  update(e, n) {
+    (e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
     for (let s = 0; s < un.length; s++) {
       const i = un[s];
       this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
-      const r = "on" + i, o = t[r];
+      const r = "on" + i, o = e[r];
       o && (this.propEventSubscriptions[i] = this.on(i, o));
     }
-    this.prevMotionValues = Po(this, this.scrapeMotionValuesFromProps(t, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Po(this, this.scrapeMotionValuesFromProps(e, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2334,8 +2334,8 @@ class Ro {
   /**
    * Returns the variant definition with a given name.
    */
-  getVariant(t) {
-    return this.props.variants ? this.props.variants[t] : void 0;
+  getVariant(e) {
+    return this.props.variants ? this.props.variants[e] : void 0;
   }
   /**
    * Returns the defined default transition on this component.
@@ -2352,76 +2352,76 @@ class Ro {
   /**
    * Add a child visual element to our set of children.
    */
-  addVariantChild(t) {
+  addVariantChild(e) {
     const n = this.getClosestVariantNode();
     if (n)
-      return n.variantChildren && n.variantChildren.add(t), () => n.variantChildren.delete(t);
+      return n.variantChildren && n.variantChildren.add(e), () => n.variantChildren.delete(e);
   }
   /**
    * Add a motion value and bind it to this visual element.
    */
-  addValue(t, n) {
-    const s = this.values.get(t);
-    n !== s && (s && this.removeValue(t), this.bindToMotionValue(t, n), this.values.set(t, n), this.latestValues[t] = n.get());
+  addValue(e, n) {
+    const s = this.values.get(e);
+    n !== s && (s && this.removeValue(e), this.bindToMotionValue(e, n), this.values.set(e, n), this.latestValues[e] = n.get());
   }
   /**
    * Remove a motion value and unbind any active subscriptions.
    */
-  removeValue(t) {
-    this.values.delete(t);
-    const n = this.valueSubscriptions.get(t);
-    n && (n(), this.valueSubscriptions.delete(t)), delete this.latestValues[t], this.removeValueFromRenderState(t, this.renderState);
+  removeValue(e) {
+    this.values.delete(e);
+    const n = this.valueSubscriptions.get(e);
+    n && (n(), this.valueSubscriptions.delete(e)), delete this.latestValues[e], this.removeValueFromRenderState(e, this.renderState);
   }
   /**
    * Check whether we have a motion value for this key
    */
-  hasValue(t) {
-    return this.values.has(t);
+  hasValue(e) {
+    return this.values.has(e);
   }
-  getValue(t, n) {
-    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 = Ie(n === null ? void 0 : n, { owner: this }), this.addValue(t, s)), s;
+  getValue(e, n) {
+    if (this.props.values && this.props.values[e])
+      return this.props.values[e];
+    let s = this.values.get(e);
+    return s === void 0 && n !== void 0 && (s = It(n === null ? void 0 : n, { owner: this }), this.addValue(e, s)), s;
   }
   /**
    * If we're trying to animate to a previously unencountered value,
    * we need to check for it in our state and as a last resort read it
    * directly from the instance (which might have performance implications).
    */
-  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" && (An(s) || xn(s)) ? s = parseFloat(s) : !Mo(s) && B.test(n) && (s = ys(t, n)), this.setBaseTarget(t, R(s) ? s.get() : s)), R(s) ? s.get() : s;
+  readValue(e, n) {
+    let s = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
+    return s != null && (typeof s == "string" && (An(s) || xn(s)) ? s = parseFloat(s) : !Mo(s) && B.test(n) && (s = ys(e, n)), this.setBaseTarget(e, R(s) ? s.get() : s)), R(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
    * only hydrated on creation and when we first read a value.
    */
-  setBaseTarget(t, n) {
-    this.baseTarget[t] = n;
+  setBaseTarget(e, n) {
+    this.baseTarget[e] = n;
   }
   /**
    * Find the base target for a value thats been removed from all animation
    * props.
    */
-  getBaseTarget(t) {
+  getBaseTarget(e) {
     var r;
     const { initial: n } = this.props;
     let s;
     if (typeof n == "string" || typeof n == "object") {
-      const o = Ct(this.props, n, (r = this.presenceContext) == null ? void 0 : r.custom);
-      o && (s = o[t]);
+      const o = Ce(this.props, n, (r = this.presenceContext) == null ? void 0 : r.custom);
+      o && (s = o[e]);
     }
     if (n && s !== void 0)
       return s;
-    const i = this.getBaseTargetFromProps(this.props, t);
-    return i !== void 0 && !R(i) ? i : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
+    const i = this.getBaseTargetFromProps(this.props, e);
+    return i !== void 0 && !R(i) ? i : this.initialValues[e] !== void 0 && s === void 0 ? void 0 : this.baseTarget[e];
   }
-  on(t, n) {
-    return this.events[t] || (this.events[t] = new Pn()), this.events[t].add(n);
+  on(e, n) {
+    return this.events[e] || (this.events[e] = new Pn()), this.events[e].add(n);
   }
-  notify(t, ...n) {
-    this.events[t] && this.events[t].notify(...n);
+  notify(e, ...n) {
+    this.events[e] && this.events[e].notify(...n);
   }
   scheduleRenderMicrotask() {
     mo.render(this.render);
@@ -2431,41 +2431,41 @@ class xs extends Ro {
   constructor() {
     super(...arguments), this.KeyframeResolver = lo;
   }
-  sortInstanceNodePosition(t, n) {
-    return t.compareDocumentPosition(n) & 2 ? 1 : -1;
+  sortInstanceNodePosition(e, n) {
+    return e.compareDocumentPosition(n) & 2 ? 1 : -1;
   }
-  getBaseTargetFromProps(t, n) {
-    const s = t.style;
+  getBaseTargetFromProps(e, n) {
+    const s = e.style;
     return s ? s[n] : void 0;
   }
-  removeValueFromRenderState(t, { vars: n, style: s }) {
-    delete n[t], delete s[t];
+  removeValueFromRenderState(e, { vars: n, style: s }) {
+    delete n[e], delete s[e];
   }
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
-    const { children: t } = this.props;
-    R(t) && (this.childSubscription = t.on("change", (n) => {
+    const { children: e } = this.props;
+    R(e) && (this.childSubscription = e.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
 }
-class ce {
-  constructor(t) {
-    this.isMounted = !1, this.node = t;
+class ct {
+  constructor(e) {
+    this.isMounted = !1, this.node = e;
   }
   update() {
   }
 }
-function Io({ top: e, left: t, right: n, bottom: s }) {
+function Io({ top: t, left: e, right: n, bottom: s }) {
   return {
-    x: { min: t, max: n },
-    y: { min: e, max: s }
+    x: { min: e, max: n },
+    y: { min: t, max: s }
   };
 }
-function ko(e, t) {
-  if (!t)
-    return e;
-  const n = t({ x: e.left, y: e.top }), s = t({ x: e.right, y: e.bottom });
+function ko(t, e) {
+  if (!e)
+    return t;
+  const n = e({ x: t.left, y: t.top }), s = e({ x: t.right, y: t.bottom });
   return {
     top: n.y,
     left: n.x,
@@ -2473,19 +2473,19 @@ function ko(e, t) {
     right: s.x
   };
 }
-function Eo(e, t) {
-  return Io(ko(e.getBoundingClientRect(), t));
+function Eo(t, e) {
+  return Io(ko(t.getBoundingClientRect(), e));
 }
 const No = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Bo = ae.length;
-function Lo(e, t, n) {
+}, Bo = at.length;
+function Lo(t, e, n) {
   let s = "", i = !0;
   for (let r = 0; r < Bo; r++) {
-    const o = ae[r], a = e[o];
+    const o = at[r], a = t[o];
     if (a === void 0)
       continue;
     let c = !0;
@@ -2496,75 +2496,75 @@ function Lo(e, t, n) {
       c = o.startsWith("scale") ? l === 1 : l === 0;
     }
     if (!c || n) {
-      const l = bs(a, Ft[o]);
+      const l = bs(a, Fe[o]);
       if (!c) {
         i = !1;
         const u = No[o] || o;
         s += `${u}(${l}) `;
       }
-      n && (t[o] = l);
+      n && (e[o] = l);
     }
   }
-  return s = s.trim(), n ? s = n(t, i ? "" : s) : i && (s = "none"), s;
+  return s = s.trim(), n ? s = n(e, i ? "" : s) : i && (s = "none"), s;
 }
-function Rt(e, t, n) {
-  const { style: s, vars: i, transformOrigin: r } = e;
+function Re(t, e, n) {
+  const { style: s, vars: i, transformOrigin: r } = t;
   let o = !1, a = !1;
-  for (const c in t) {
-    const l = t[c];
-    if (ue.has(c)) {
+  for (const c in e) {
+    const l = e[c];
+    if (ut.has(c)) {
       o = !0;
       continue;
     } else if (jn(c)) {
       i[c] = l;
       continue;
     } else {
-      const u = bs(l, Ft[c]);
+      const u = bs(l, Fe[c]);
       c.startsWith("origin") ? (a = !0, r[c] = u) : s[c] = u;
     }
   }
-  if (t.transform || (o || n ? s.transform = Lo(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
+  if (e.transform || (o || n ? s.transform = Lo(e, t.transform, n) : s.transform && (s.transform = "none")), a) {
     const { originX: c = "50%", originY: l = "50%", originZ: u = 0 } = r;
     s.transformOrigin = `${c} ${l} ${u}`;
   }
 }
-function Ms(e, { style: t, vars: n }, s, i) {
-  const r = e.style;
+function Ms(t, { style: e, vars: n }, s, i) {
+  const r = t.style;
   let o;
-  for (o in t)
-    r[o] = t[o];
+  for (o in e)
+    r[o] = e[o];
   i == null || i.applyProjectionStyles(r, s);
   for (o in n)
     r.setProperty(o, n[o]);
 }
-function cn(e, t) {
-  return t.max === t.min ? 0 : e / (t.max - t.min) * 100;
+function cn(t, e) {
+  return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
 }
-const fe = {
-  correct: (e, t) => {
-    if (!t.target)
-      return e;
-    if (typeof e == "string")
-      if (m.test(e))
-        e = parseFloat(e);
+const ft = {
+  correct: (t, e) => {
+    if (!e.target)
+      return t;
+    if (typeof t == "string")
+      if (m.test(t))
+        t = parseFloat(t);
       else
-        return e;
-    const n = cn(e, t.target.x), s = cn(e, t.target.y);
+        return t;
+    const n = cn(t, e.target.x), s = cn(t, e.target.y);
     return `${n}% ${s}%`;
   }
 }, Ko = {
-  correct: (e, { treeScale: t, projectionDelta: n }) => {
-    const s = e, i = B.parse(e);
+  correct: (t, { treeScale: e, projectionDelta: n }) => {
+    const s = t, i = B.parse(t);
     if (i.length > 5)
       return s;
-    const r = B.createTransformer(e), o = typeof i[0] != "number" ? 1 : 0, a = n.x.scale * t.x, c = n.y.scale * t.y;
+    const r = B.createTransformer(t), o = typeof i[0] != "number" ? 1 : 0, a = n.x.scale * e.x, c = n.y.scale * e.y;
     i[0 + o] /= a, i[1 + o] /= c;
-    const l = ve(a, c, 0.5);
+    const l = vt(a, c, 0.5);
     return typeof i[2 + o] == "number" && (i[2 + o] /= l), typeof i[3 + o] == "number" && (i[3 + o] /= l), r(i);
   }
 }, Wo = {
   borderRadius: {
-    ...fe,
+    ...ft,
     applyTo: [
       "borderTopLeftRadius",
       "borderTopRightRadius",
@@ -2572,48 +2572,48 @@ const fe = {
       "borderBottomRightRadius"
     ]
   },
-  borderTopLeftRadius: fe,
-  borderTopRightRadius: fe,
-  borderBottomLeftRadius: fe,
-  borderBottomRightRadius: fe,
+  borderTopLeftRadius: ft,
+  borderTopRightRadius: ft,
+  borderBottomLeftRadius: ft,
+  borderBottomRightRadius: ft,
   boxShadow: Ko
 };
-function Cs(e, { layout: t, layoutId: n }) {
-  return ue.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Wo[e] || e === "opacity");
+function Cs(t, { layout: e, layoutId: n }) {
+  return ut.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!Wo[t] || t === "opacity");
 }
-function It(e, t, n) {
+function Ie(t, e, n) {
   var o;
-  const s = e.style, i = t == null ? void 0 : t.style, r = {};
+  const s = t.style, i = e == null ? void 0 : e.style, r = {};
   if (!s)
     return r;
   for (const a in s)
-    (R(s[a]) || i && R(i[a]) || Cs(a, e) || ((o = n == null ? void 0 : n.getValue(a)) == null ? void 0 : o.liveStyle) !== void 0) && (r[a] = s[a]);
+    (R(s[a]) || i && R(i[a]) || Cs(a, t) || ((o = n == null ? void 0 : n.getValue(a)) == null ? void 0 : o.liveStyle) !== void 0) && (r[a] = s[a]);
   return r;
 }
-function $o(e) {
-  return window.getComputedStyle(e);
+function $o(t) {
+  return window.getComputedStyle(t);
 }
 class jo extends xs {
   constructor() {
     super(...arguments), this.type = "html", this.renderInstance = Ms;
   }
-  readValueFromInstance(t, n) {
+  readValueFromInstance(e, n) {
     var s;
-    if (ue.has(n))
-      return (s = this.projection) != null && s.isProjecting ? st(n) : ur(t, n);
+    if (ut.has(n))
+      return (s = this.projection) != null && s.isProjecting ? se(n) : ur(e, n);
     {
-      const i = $o(t), r = (jn(n) ? i.getPropertyValue(n) : i[n]) || 0;
+      const i = $o(e), r = (jn(n) ? i.getPropertyValue(n) : i[n]) || 0;
       return typeof r == "string" ? r.trim() : r;
     }
   }
-  measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return Eo(t, n);
+  measureInstanceViewportBox(e, { transformPagePoint: n }) {
+    return Eo(e, n);
   }
-  build(t, n, s) {
-    Rt(t, n, s.transformTemplate);
+  build(e, n, s) {
+    Re(e, n, s.transformTemplate);
   }
-  scrapeMotionValuesFromProps(t, n, s) {
-    return It(t, n, s);
+  scrapeMotionValuesFromProps(e, n, s) {
+    return Ie(e, n, s);
   }
 }
 const Go = {
@@ -2623,10 +2623,10 @@ const Go = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Ho(e, t, n = 1, s = 0, i = !0) {
-  e.pathLength = 1;
+function Ho(t, e, n = 1, s = 0, i = !0) {
+  t.pathLength = 1;
   const r = i ? Go : _o;
-  e[r.offset] = `${-s}`, e[r.array] = `${t} ${n}`;
+  t[r.offset] = `${-s}`, t[r.array] = `${e} ${n}`;
 }
 const Uo = [
   "offsetDistance",
@@ -2634,8 +2634,8 @@ const Uo = [
   "offsetRotate",
   "offsetAnchor"
 ];
-function Ps(e, {
-  attrX: t,
+function Ps(t, {
+  attrX: e,
   attrY: n,
   attrScale: s,
   pathLength: i,
@@ -2644,16 +2644,16 @@ function Ps(e, {
   // This is object creation, which we try to avoid per-frame.
   ...a
 }, c, l, u) {
-  if (Rt(e, a, l), c) {
-    e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
+  if (Re(t, a, l), c) {
+    t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
     return;
   }
-  e.attrs = e.style, e.style = {};
-  const { attrs: d, style: f } = e;
+  t.attrs = t.style, t.style = {};
+  const { attrs: d, style: f } = t;
   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 = (u == null ? void 0 : u.transformBox) ?? "fill-box", delete d.transformBox);
   for (const h of Uo)
     d[h] !== void 0 && (f[h] = d[h], delete d[h]);
-  t !== void 0 && (d.x = t), n !== void 0 && (d.y = n), s !== void 0 && (d.scale = s), i !== void 0 && Ho(d, i, r, o, !1);
+  e !== void 0 && (d.x = e), n !== void 0 && (d.y = n), s !== void 0 && (d.scale = s), i !== void 0 && Ho(d, i, r, o, !1);
 }
 const Fs = /* @__PURE__ */ new Set([
   "baseFrequency",
@@ -2679,18 +2679,18 @@ const Fs = /* @__PURE__ */ new Set([
   "startOffset",
   "textLength",
   "lengthAdjust"
-]), Os = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-function zo(e, t, n, s) {
-  Ms(e, t, void 0, s);
-  for (const i in t.attrs)
-    e.setAttribute(Fs.has(i) ? i : Pt(i), t.attrs[i]);
-}
-function Ds(e, t, n) {
-  const s = It(e, t, n);
-  for (const i in e)
-    if (R(e[i]) || R(t[i])) {
-      const r = ae.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
-      s[r] = e[i];
+]), Os = (t) => typeof t == "string" && t.toLowerCase() === "svg";
+function zo(t, e, n, s) {
+  Ms(t, e, void 0, s);
+  for (const i in e.attrs)
+    t.setAttribute(Fs.has(i) ? i : Pe(i), e.attrs[i]);
+}
+function Ds(t, e, n) {
+  const s = Ie(t, e, n);
+  for (const i in t)
+    if (R(t[i]) || R(e[i])) {
+      const r = at.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
+      s[r] = t[i];
     }
   return s;
 }
@@ -2698,64 +2698,64 @@ class Yo extends xs {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = ws;
   }
-  getBaseTargetFromProps(t, n) {
-    return t[n];
+  getBaseTargetFromProps(e, n) {
+    return e[n];
   }
-  readValueFromInstance(t, n) {
-    if (ue.has(n)) {
+  readValueFromInstance(e, n) {
+    if (ut.has(n)) {
       const s = gs(n);
       return s && s.default || 0;
     }
-    return n = Fs.has(n) ? n : Pt(n), t.getAttribute(n);
+    return n = Fs.has(n) ? n : Pe(n), e.getAttribute(n);
   }
-  scrapeMotionValuesFromProps(t, n, s) {
-    return Ds(t, n, s);
+  scrapeMotionValuesFromProps(e, n, s) {
+    return Ds(e, n, s);
   }
-  build(t, n, s) {
-    Ps(t, n, this.isSVGTag, s.transformTemplate, s.style);
+  build(e, n, s) {
+    Ps(e, n, this.isSVGTag, s.transformTemplate, s.style);
   }
-  renderInstance(t, n, s, i) {
-    zo(t, n, s, i);
+  renderInstance(e, n, s, i) {
+    zo(e, n, s, i);
   }
-  mount(t) {
-    this.isSVGTag = Os(t.tagName), super.mount(t);
+  mount(e) {
+    this.isSVGTag = Os(e.tagName), super.mount(e);
   }
 }
-const Xo = Dt.length;
-function Rs(e) {
-  if (!e)
+const Xo = De.length;
+function Rs(t) {
+  if (!t)
     return;
-  if (!e.isControllingVariants) {
-    const n = e.parent ? Rs(e.parent) || {} : {};
-    return e.props.initial !== void 0 && (n.initial = e.props.initial), n;
+  if (!t.isControllingVariants) {
+    const n = t.parent ? Rs(t.parent) || {} : {};
+    return t.props.initial !== void 0 && (n.initial = t.props.initial), n;
   }
-  const t = {};
+  const e = {};
   for (let n = 0; n < Xo; n++) {
-    const s = Dt[n], i = e.props[s];
-    (ge(i) || i === !1) && (t[s] = i);
+    const s = De[n], i = t.props[s];
+    (gt(i) || i === !1) && (e[s] = i);
   }
-  return t;
+  return e;
 }
-function Is(e, t) {
-  if (!Array.isArray(t))
+function Is(t, e) {
+  if (!Array.isArray(e))
     return !1;
-  const n = t.length;
-  if (n !== e.length)
+  const n = e.length;
+  if (n !== t.length)
     return !1;
   for (let s = 0; s < n; s++)
-    if (t[s] !== e[s])
+    if (e[s] !== t[s])
       return !1;
   return !0;
 }
-const qo = [...Ot].reverse(), Zo = Ot.length;
-function Jo(e) {
-  return (t) => Promise.all(t.map(({ animation: n, options: s }) => Qr(e, n, s)));
+const qo = [...Oe].reverse(), Zo = Oe.length;
+function Jo(t) {
+  return (e) => Promise.all(e.map(({ animation: n, options: s }) => Qr(t, n, s)));
 }
-function Qo(e) {
-  let t = Jo(e), n = ln(), s = !0;
+function Qo(t) {
+  let e = Jo(t), n = ln(), s = !0;
   const i = (c) => (l, u) => {
     var f;
-    const d = ne(e, u, c === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
+    const d = nt(t, u, c === "exit" ? (f = t.presenceContext) == null ? void 0 : f.custom : void 0);
     if (d) {
       const { transition: h, transitionEnd: p, ...b } = d;
       l = { ...l, ...b, ...p };
@@ -2763,19 +2763,19 @@ function Qo(e) {
     return l;
   };
   function r(c) {
-    t = c(e);
+    e = c(t);
   }
   function o(c) {
-    const { props: l } = e, u = Rs(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
+    const { props: l } = t, u = Rs(t.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
     let h = {}, p = 1 / 0;
     for (let y = 0; y < Zo; y++) {
-      const g = qo[y], w = n[g], T = l[g] !== void 0 ? l[g] : u[g], V = ge(T), v = g === c ? w.isActive : null;
+      const g = qo[y], w = n[g], T = l[g] !== void 0 ? l[g] : u[g], V = gt(T), v = g === c ? w.isActive : null;
       v === !1 && (p = y);
       let A = T === u[g] && T !== l[g] && V;
-      if (A && s && e.manuallyAnimateOnMount && (A = !1), w.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
+      if (A && s && t.manuallyAnimateOnMount && (A = !1), w.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
       !w.isActive && v === null || // If we didn't and don't have any defined prop for this animation type
       !T && !w.prevProp || // Or if the prop doesn't define an animation
-      Le(T) || typeof T == "boolean")
+      Lt(T) || typeof T == "boolean")
         continue;
       if (g === "exit" && w.isActive && v !== !0) {
         w.prevResolvedValues && (h = {
@@ -2784,37 +2784,37 @@ function Qo(e) {
         });
         continue;
       }
-      const M = ea(w.prevProp, T);
+      const M = ta(w.prevProp, T);
       let S = M || // If we're making this variant active, we want to always make it active
       g === c && w.isActive && !A && V || // If we removed a higher-priority variant (i is in reverse order)
       y > p && V, O = !1;
       const D = Array.isArray(T) ? T : [T];
       let W = D.reduce(i(g), {});
       v === !1 && (W = {});
-      const { prevResolvedValues: we = {} } = w, Se = {
-        ...we,
+      const { prevResolvedValues: wt = {} } = w, St = {
+        ...wt,
         ...W
-      }, Ve = (F) => {
+      }, Vt = (F) => {
         S = !0, f.has(F) && (O = !0, f.delete(F)), w.needsAnimating[F] = !0;
-        const C = e.getValue(F);
+        const C = t.getValue(F);
         C && (C.liveStyle = !1);
       };
-      for (const F in Se) {
-        const C = W[F], $ = we[F];
+      for (const F in St) {
+        const C = W[F], $ = wt[F];
         if (h.hasOwnProperty(F))
           continue;
         let J = !1;
-        ct(C) && ct($) ? J = !Is(C, $) : J = C !== $, J ? C != null ? Ve(F) : f.add(F) : C !== void 0 && f.has(F) ? Ve(F) : w.protectedKeys[F] = !0;
+        ce(C) && ce($) ? J = !Is(C, $) : J = C !== $, J ? C != null ? Vt(F) : f.add(F) : C !== void 0 && f.has(F) ? Vt(F) : w.protectedKeys[F] = !0;
       }
-      w.prevProp = T, w.prevResolvedValues = W, w.isActive && (h = { ...h, ...W }), s && e.blockInitialAnimation && (S = !1);
-      const Ae = A && M;
-      S && (!Ae || O) && d.push(...D.map((F) => {
+      w.prevProp = T, w.prevResolvedValues = W, w.isActive && (h = { ...h, ...W }), s && t.blockInitialAnimation && (S = !1);
+      const At = A && M;
+      S && (!At || O) && d.push(...D.map((F) => {
         const C = { type: g };
-        if (typeof F == "string" && s && !Ae && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: $ } = e, J = ne($, F);
+        if (typeof F == "string" && s && !At && t.manuallyAnimateOnMount && t.parent) {
+          const { parent: $ } = t, J = nt($, F);
           if ($.enteringChildren && J) {
             const { delayChildren: Gs } = J.transition || {};
-            C.delay = as($.enteringChildren, e, Gs);
+            C.delay = as($.enteringChildren, t, Gs);
           }
         }
         return {
@@ -2826,22 +2826,22 @@ function Qo(e) {
     if (f.size) {
       const y = {};
       if (typeof l.initial != "boolean") {
-        const g = ne(e, Array.isArray(l.initial) ? l.initial[0] : l.initial);
+        const g = nt(t, Array.isArray(l.initial) ? l.initial[0] : l.initial);
         g && g.transition && (y.transition = g.transition);
       }
       f.forEach((g) => {
-        const w = e.getBaseTarget(g), T = e.getValue(g);
+        const w = t.getBaseTarget(g), T = t.getValue(g);
         T && (T.liveStyle = !0), y[g] = w ?? null;
       }), d.push({ animation: y });
     }
     let b = !!d.length;
-    return s && (l.initial === !1 || l.initial === l.animate) && !e.manuallyAnimateOnMount && (b = !1), s = !1, b ? t(d) : Promise.resolve();
+    return s && (l.initial === !1 || l.initial === l.animate) && !t.manuallyAnimateOnMount && (b = !1), s = !1, b ? e(d) : Promise.resolve();
   }
   function a(c, l) {
     var d;
     if (n[c].isActive === l)
       return Promise.resolve();
-    (d = e.variantChildren) == null || d.forEach((f) => {
+    (d = t.variantChildren) == null || d.forEach((f) => {
       var h;
       return (h = f.animationState) == null ? void 0 : h.setActive(c, l);
     }), n[c].isActive = l;
@@ -2860,12 +2860,12 @@ function Qo(e) {
     }
   };
 }
-function ea(e, t) {
-  return typeof t == "string" ? t !== e : Array.isArray(t) ? !Is(t, e) : !1;
+function ta(t, e) {
+  return typeof e == "string" ? e !== t : Array.isArray(e) ? !Is(e, t) : !1;
 }
-function z(e = !1) {
+function z(t = !1) {
   return {
-    isActive: e,
+    isActive: t,
     protectedKeys: {},
     needsAnimating: {},
     prevResolvedValues: {}
@@ -2882,17 +2882,17 @@ function ln() {
     exit: z()
   };
 }
-function fn(e, t, n, s = { passive: !0 }) {
-  return e.addEventListener(t, n, s), () => e.removeEventListener(t, n);
+function fn(t, e, n, s = { passive: !0 }) {
+  return t.addEventListener(e, n, s), () => t.removeEventListener(e, n);
 }
-function ta(e) {
-  return R(e) ? e.get() : e;
+function ea(t) {
+  return R(t) ? t.get() : t;
 }
-const ks = ie({
-  transformPagePoint: (e) => e,
+const ks = it({
+  transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
-}), kt = ie({ strict: !1 }), dn = {
+}), ke = it({ strict: !1 }), dn = {
   animation: [
     "animate",
     "variants",
@@ -2916,39 +2916,39 @@ let hn = !1;
 function na() {
   if (hn)
     return;
-  const e = {};
-  for (const t in dn)
-    e[t] = {
-      isEnabled: (n) => dn[t].some((s) => !!n[s])
+  const t = {};
+  for (const e in dn)
+    t[e] = {
+      isEnabled: (n) => dn[e].some((s) => !!n[s])
     };
-  As(e), hn = !0;
+  As(t), hn = !0;
 }
 function Es() {
   return na(), Do();
 }
-function pn(e) {
-  const t = Es();
-  for (const n in e)
-    t[n] = {
-      ...t[n],
-      ...e[n]
+function pn(t) {
+  const e = Es();
+  for (const n in t)
+    e[n] = {
+      ...e[n],
+      ...t[n]
     };
-  As(t);
+  As(e);
 }
-function sa({ children: e, features: t, strict: n = !1 }) {
-  const [, s] = qs(!ze(t)), i = _(void 0);
-  if (!ze(t)) {
-    const { renderer: r, ...o } = t;
+function sa({ children: t, features: e, strict: n = !1 }) {
+  const [, s] = qs(!zt(e)), i = _(void 0);
+  if (!zt(e)) {
+    const { renderer: r, ...o } = e;
     i.current = r, pn(o);
   }
-  return mt(() => {
-    ze(t) && t().then(({ renderer: r, ...o }) => {
+  return me(() => {
+    zt(e) && e().then(({ renderer: r, ...o }) => {
       pn(o), i.current = r, s(!0);
     });
-  }, []), k(kt.Provider, { value: { renderer: i.current, strict: n }, children: e });
+  }, []), k(ke.Provider, { value: { renderer: i.current, strict: n }, children: t });
 }
-function ze(e) {
-  return typeof e == "function";
+function zt(t) {
+  return typeof t == "function";
 }
 const ia = /* @__PURE__ */ new Set([
   "animate",
@@ -2983,81 +2983,81 @@ const ia = /* @__PURE__ */ new Set([
   "ignoreStrict",
   "viewport"
 ]);
-function Ee(e) {
-  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || ia.has(e);
+function Et(t) {
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || ia.has(t);
 }
-let Ns = (e) => !Ee(e);
-function ra(e) {
-  typeof e == "function" && (Ns = (t) => t.startsWith("on") ? !Ee(t) : e(t));
+let Ns = (t) => !Et(t);
+function ra(t) {
+  typeof t == "function" && (Ns = (e) => e.startsWith("on") ? !Et(e) : t(e));
 }
 try {
   ra(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function oa(e, t, n) {
+function oa(t, e, n) {
   const s = {};
-  for (const i in e)
-    i === "values" && typeof e.values == "object" || (Ns(i) || n === !0 && Ee(i) || !t && !Ee(i) || // If trying to use native HTML drag events, forward drag listeners
-    e.draggable && i.startsWith("onDrag")) && (s[i] = e[i]);
+  for (const i in t)
+    i === "values" && typeof t.values == "object" || (Ns(i) || n === !0 && Et(i) || !e && !Et(i) || // If trying to use native HTML drag events, forward drag listeners
+    t.draggable && i.startsWith("onDrag")) && (s[i] = t[i]);
   return s;
 }
-const We = /* @__PURE__ */ ie({});
-function aa(e, t) {
-  if (Ke(e)) {
-    const { initial: n, animate: s } = e;
+const Wt = /* @__PURE__ */ it({});
+function aa(t, e) {
+  if (Kt(t)) {
+    const { initial: n, animate: s } = t;
     return {
-      initial: n === !1 || ge(n) ? n : void 0,
-      animate: ge(s) ? s : void 0
+      initial: n === !1 || gt(n) ? n : void 0,
+      animate: gt(s) ? s : void 0
     };
   }
-  return e.inherit !== !1 ? t : {};
+  return t.inherit !== !1 ? e : {};
 }
-function ua(e) {
-  const { initial: t, animate: n } = aa(e, E(We));
-  return Ne(() => ({ initial: t, animate: n }), [mn(t), mn(n)]);
+function ua(t) {
+  const { initial: e, animate: n } = aa(t, E(Wt));
+  return Nt(() => ({ initial: e, animate: n }), [mn(e), mn(n)]);
 }
-function mn(e) {
-  return Array.isArray(e) ? e.join(" ") : e;
+function mn(t) {
+  return Array.isArray(t) ? t.join(" ") : t;
 }
-const Et = () => ({
+const Ee = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
   vars: {}
 });
-function Bs(e, t, n) {
-  for (const s in t)
-    !R(t[s]) && !Cs(s, n) && (e[s] = t[s]);
+function Bs(t, e, n) {
+  for (const s in e)
+    !R(e[s]) && !Cs(s, n) && (t[s] = e[s]);
 }
-function ca({ transformTemplate: e }, t) {
-  return Ne(() => {
-    const n = Et();
-    return Rt(n, t, e), Object.assign({}, n.vars, n.style);
-  }, [t]);
+function ca({ transformTemplate: t }, e) {
+  return Nt(() => {
+    const n = Ee();
+    return Re(n, e, t), Object.assign({}, n.vars, n.style);
+  }, [e]);
 }
-function la(e, t) {
-  const n = e.style || {}, s = {};
-  return Bs(s, n, e), Object.assign(s, ca(e, t)), s;
+function la(t, e) {
+  const n = t.style || {}, s = {};
+  return Bs(s, n, t), Object.assign(s, ca(t, e)), s;
 }
-function fa(e, t) {
-  const n = {}, s = la(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;
+function fa(t, e) {
+  const n = {}, s = la(t, e);
+  return t.drag && t.dragListener !== !1 && (n.draggable = !1, s.userSelect = s.WebkitUserSelect = s.WebkitTouchCallout = "none", s.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = s, n;
 }
 const Ls = () => ({
-  ...Et(),
+  ...Ee(),
   attrs: {}
 });
-function da(e, t, n, s) {
-  const i = Ne(() => {
+function da(t, e, n, s) {
+  const i = Nt(() => {
     const r = Ls();
-    return Ps(r, t, Os(s), e.transformTemplate, e.style), {
+    return Ps(r, e, Os(s), t.transformTemplate, t.style), {
       ...r.attrs,
       style: { ...r.style }
     };
-  }, [t]);
-  if (e.style) {
+  }, [e]);
+  if (t.style) {
     const r = {};
-    Bs(r, e.style, e), i.style = { ...r, ...i.style };
+    Bs(r, t.style, t), i.style = { ...r, ...i.style };
   }
   return i;
 }
@@ -3088,53 +3088,53 @@ const ha = [
   "use",
   "view"
 ];
-function Nt(e) {
+function Ne(t) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
      * HTML custom React components.
      */
-    typeof e != "string" || /**
+    typeof t != "string" || /**
      * If it contains a dash, the element is a custom HTML webcomponent.
      */
-    e.includes("-") ? !1 : (
+    t.includes("-") ? !1 : (
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(ha.indexOf(e) > -1 || /**
+      !!(ha.indexOf(t) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
-      /[A-Z]/u.test(e))
+      /[A-Z]/u.test(t))
     )
   );
 }
-function pa(e, t, n, { latestValues: s }, i, r = !1, o) {
-  const c = (o ?? Nt(e) ? da : fa)(t, s, i, e), l = oa(t, typeof e == "string", r), u = e !== vn ? { ...l, ...c, ref: n } : {}, { children: d } = t, f = Ne(() => R(d) ? d.get() : d, [d]);
-  return Zs(e, {
+function pa(t, e, n, { latestValues: s }, i, r = !1, o) {
+  const c = (o ?? Ne(t) ? da : fa)(e, s, i, t), l = oa(e, typeof t == "string", r), u = t !== vn ? { ...l, ...c, ref: n } : {}, { children: d } = e, f = Nt(() => R(d) ? d.get() : d, [d]);
+  return Zs(t, {
     ...u,
     children: f
   });
 }
-function ma({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, i) {
+function ma({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
   return {
-    latestValues: ga(n, s, i, e),
-    renderState: t()
+    latestValues: ga(n, s, i, t),
+    renderState: e()
   };
 }
-function ga(e, t, n, s) {
-  const i = {}, r = s(e, {});
+function ga(t, e, n, s) {
+  const i = {}, r = s(t, {});
   for (const f in r)
-    i[f] = ta(r[f]);
-  let { initial: o, animate: a } = e;
-  const c = Ke(e), l = Ss(e);
-  t && l && !c && e.inherit !== !1 && (o === void 0 && (o = t.initial), a === void 0 && (a = t.animate));
+    i[f] = ea(r[f]);
+  let { initial: o, animate: a } = t;
+  const c = Kt(t), l = Ss(t);
+  e && l && !c && t.inherit !== !1 && (o === void 0 && (o = e.initial), a === void 0 && (a = e.animate));
   let u = n ? n.initial === !1 : !1;
   u = u || o === !1;
   const d = u ? a : o;
-  if (d && typeof d != "boolean" && !Le(d)) {
+  if (d && typeof d != "boolean" && !Lt(d)) {
     const f = Array.isArray(d) ? d : [d];
     for (let h = 0; h < f.length; h++) {
-      const p = Ct(e, f[h]);
+      const p = Ce(t, f[h]);
       if (p) {
         const { transitionEnd: b, transition: y, ...g } = p;
         for (const w in g) {
@@ -3152,17 +3152,17 @@ function ga(e, t, n, s) {
   }
   return i;
 }
-const Ks = (e) => (t, n) => {
-  const s = E(We), i = E(Vn), r = () => ma(e, t, s, i);
-  return n ? r() : ti(r);
+const Ks = (t) => (e, n) => {
+  const s = E(Wt), i = E(Vn), r = () => ma(t, e, s, i);
+  return n ? r() : ei(r);
 }, ya = /* @__PURE__ */ Ks({
-  scrapeMotionValuesFromProps: It,
-  createRenderState: Et
+  scrapeMotionValuesFromProps: Ie,
+  createRenderState: Ee
 }), ba = /* @__PURE__ */ Ks({
   scrapeMotionValuesFromProps: Ds,
   createRenderState: Ls
 }), Ta = Symbol.for("motionComponentSymbol");
-function va(e, t, n) {
+function va(t, e, n) {
   const s = _(n);
   wn(() => {
     s.current = n;
@@ -3170,7 +3170,7 @@ function va(e, t, n) {
   const i = _(null);
   return Js((r) => {
     var a;
-    r && ((a = e.onMount) == null || a.call(e, r)), t && (r ? t.mount(r) : t.unmount());
+    r && ((a = t.onMount) == null || a.call(t, r)), e && (r ? e.mount(r) : e.unmount());
     const o = s.current;
     if (typeof o == "function")
       if (r) {
@@ -3178,17 +3178,17 @@ function va(e, t, n) {
         typeof c == "function" && (i.current = c);
       } else i.current ? (i.current(), i.current = null) : o(r);
     else o && (o.current = r);
-  }, [t]);
+  }, [e]);
 }
-const wa = ie({});
-function Sa(e) {
-  return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
+const wa = it({});
+function Sa(t) {
+  return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-function Va(e, t, n, s, i, r) {
+function Va(t, e, n, s, i, r) {
   var T, V;
-  const { visualElement: o } = E(We), a = E(kt), c = E(Vn), l = E(ks), u = l.reducedMotion, d = l.skipAnimations, f = _(null), h = _(!1);
-  s = s || a.renderer, !f.current && s && (f.current = s(e, {
-    visualState: t,
+  const { visualElement: o } = E(Wt), a = E(ke), c = E(Vn), l = E(ks), u = l.reducedMotion, d = l.skipAnimations, f = _(null), h = _(!1);
+  s = s || a.renderer, !f.current && s && (f.current = s(t, {
+    visualState: e,
     parent: o,
     props: n,
     presenceContext: c,
@@ -3206,20 +3206,20 @@ function Va(e, t, n, s, i, r) {
   const g = n[ds], w = _(!!g && !((T = window.MotionHandoffIsComplete) != null && T.call(window, g)) && ((V = window.MotionHasOptimisedAnimation) == null ? void 0 : V.call(window, g)));
   return ni(() => {
     h.current = !0, p && (y.current = !0, window.MotionIsMounted = !0, p.updateFeatures(), p.scheduleRenderMicrotask(), w.current && p.animationState && p.animationState.animateChanges());
-  }), mt(() => {
+  }), me(() => {
     p && (!w.current && p.animationState && p.animationState.animateChanges(), w.current && (queueMicrotask(() => {
       var v;
       (v = window.MotionHandoffMarkAsComplete) == null || v.call(window, g);
     }), w.current = !1), p.enteringChildren = void 0);
   }), p;
 }
-function Aa(e, t, n, s) {
-  const { layoutId: i, layout: r, drag: o, dragConstraints: a, layoutScroll: c, layoutRoot: l, layoutCrossfade: u } = t;
-  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : Ws(e.parent)), e.projection.setOptions({
+function Aa(t, e, n, s) {
+  const { layoutId: i, layout: r, drag: o, dragConstraints: a, layoutScroll: c, layoutRoot: l, layoutCrossfade: u } = e;
+  t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : Ws(t.parent)), t.projection.setOptions({
     layoutId: i,
     layout: r,
     alwaysMeasureLayout: !!o || a && Sa(a),
-    visualElement: e,
+    visualElement: t,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
      * to update by the time layout animations run.
@@ -3234,12 +3234,12 @@ function Aa(e, t, n, s) {
     layoutRoot: l
   });
 }
-function Ws(e) {
-  if (e)
-    return e.options.allowProjection !== !1 ? e.projection : Ws(e.parent);
+function Ws(t) {
+  if (t)
+    return t.options.allowProjection !== !1 ? t.projection : Ws(t.parent);
 }
-function xa(e, { forwardMotionProps: t = !1, type: n } = {}, s, i) {
-  const r = n ? n === "svg" : Nt(e), o = r ? ba : ya;
+function xa(t, { forwardMotionProps: e = !1, type: n } = {}, s, i) {
+  const r = n ? n === "svg" : Ne(t), o = r ? ba : ya;
   function a(l, u) {
     let d;
     const f = {
@@ -3250,46 +3250,46 @@ function xa(e, { forwardMotionProps: t = !1, type: n } = {}, s, i) {
     if (!h && Sn) {
       Ca(f, s);
       const y = Pa(f);
-      d = y.MeasureLayout, p.visualElement = Va(e, b, f, i, y.ProjectionNode, r);
+      d = y.MeasureLayout, p.visualElement = Va(t, b, f, i, y.ProjectionNode, r);
     }
-    return Tn(We.Provider, { value: p, children: [d && p.visualElement ? k(d, { visualElement: p.visualElement, ...f }) : null, pa(e, l, va(b, p.visualElement, u), b, h, t, r)] });
+    return Tn(Wt.Provider, { value: p, children: [d && p.visualElement ? k(d, { visualElement: p.visualElement, ...f }) : null, pa(t, l, va(b, p.visualElement, u), b, h, e, r)] });
   }
-  a.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
+  a.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
   const c = Qs(a);
-  return c[Ta] = e, c;
+  return c[Ta] = t, c;
 }
-function Ma({ layoutId: e }) {
-  const t = E(ei).id;
-  return t && e !== void 0 ? t + "-" + e : e;
+function Ma({ layoutId: t }) {
+  const e = E(ti).id;
+  return e && t !== void 0 ? e + "-" + t : t;
 }
-function Ca(e, t) {
-  E(kt).strict, process.env.NODE_ENV;
+function Ca(t, e) {
+  E(ke).strict, process.env.NODE_ENV;
 }
-function Pa(e) {
-  const t = Es(), { drag: n, layout: s } = t;
+function Pa(t) {
+  const e = Es(), { drag: n, layout: s } = e;
   if (!n && !s)
     return {};
   const i = { ...n, ...s };
   return {
-    MeasureLayout: n != null && n.isEnabled(e) || s != null && s.isEnabled(e) ? i.MeasureLayout : void 0,
+    MeasureLayout: n != null && n.isEnabled(t) || s != null && s.isEnabled(t) ? i.MeasureLayout : void 0,
     ProjectionNode: i.ProjectionNode
   };
 }
-const Fa = (e, t) => t.isSVG ?? Nt(e) ? new Yo(t) : new jo(t, {
-  allowProjection: e !== vn
+const Fa = (t, e) => e.isSVG ?? Ne(t) ? new Yo(e) : new jo(e, {
+  allowProjection: t !== vn
 });
-class Oa extends ce {
+class Oa extends ct {
   /**
    * 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 = Qo(t));
+  constructor(e) {
+    super(e), e.animationState || (e.animationState = Qo(e));
   }
   updateAnimationControlsSubscription() {
-    const { animate: t } = this.node.getProps();
-    Le(t) && (this.unmountControls = t.subscribe(this.node));
+    const { animate: e } = this.node.getProps();
+    Lt(e) && (this.unmountControls = e.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement
@@ -3298,33 +3298,33 @@ class Oa extends ce {
     this.updateAnimationControlsSubscription();
   }
   update() {
-    const { animate: t } = this.node.getProps(), { animate: n } = this.node.prevProps || {};
-    t !== n && this.updateAnimationControlsSubscription();
+    const { animate: e } = this.node.getProps(), { animate: n } = this.node.prevProps || {};
+    e !== n && this.updateAnimationControlsSubscription();
   }
   unmount() {
-    var t;
-    this.node.animationState.reset(), (t = this.unmountControls) == null || t.call(this);
+    var e;
+    this.node.animationState.reset(), (e = this.unmountControls) == null || e.call(this);
   }
 }
 let Da = 0;
-class Ra extends ce {
+class Ra extends ct {
   constructor() {
     super(...arguments), this.id = Da++;
   }
   update() {
     if (!this.node.presenceContext)
       return;
-    const { isPresent: t, onExitComplete: n } = this.node.presenceContext, { isPresent: s } = this.node.prevPresenceContext || {};
-    if (!this.node.animationState || t === s)
+    const { isPresent: e, onExitComplete: n } = this.node.presenceContext, { isPresent: s } = this.node.prevPresenceContext || {};
+    if (!this.node.animationState || e === s)
       return;
-    const i = this.node.animationState.setActive("exit", !t);
-    n && !t && i.then(() => {
+    const i = this.node.animationState.setActive("exit", !e);
+    n && !e && i.then(() => {
       n(this.id);
     });
   }
   mount() {
-    const { register: t, onExitComplete: n } = this.node.presenceContext || {};
-    n && n(this.id), t && (this.unmount = t(this.id));
+    const { register: e, onExitComplete: n } = this.node.presenceContext || {};
+    n && n(this.id), e && (this.unmount = e(this.id));
   }
   unmount() {
   }
@@ -3337,65 +3337,65 @@ const Ia = {
     Feature: Ra
   }
 };
-function $s(e) {
+function $s(t) {
   return {
     point: {
-      x: e.pageX,
-      y: e.pageY
+      x: t.pageX,
+      y: t.pageY
     }
   };
 }
-function gn(e, t, n) {
-  const { props: s } = e;
-  e.animationState && s.whileHover && e.animationState.setActive("whileHover", n === "Start");
+function gn(t, e, n) {
+  const { props: s } = t;
+  t.animationState && s.whileHover && t.animationState.setActive("whileHover", n === "Start");
   const i = "onHover" + n, r = s[i];
-  r && L.postRender(() => r(t, $s(t)));
+  r && L.postRender(() => r(e, $s(e)));
 }
-class ka extends ce {
+class ka extends ct {
   mount() {
-    const { current: t } = this.node;
-    t && (this.unmount = To(t, (n, s) => (gn(this.node, s, "Start"), (i) => gn(this.node, i, "End"))));
+    const { current: e } = this.node;
+    e && (this.unmount = To(e, (n, s) => (gn(this.node, s, "Start"), (i) => gn(this.node, i, "End"))));
   }
   unmount() {
   }
 }
-class Ea extends ce {
+class Ea extends ct {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
   onFocus() {
-    let t = !1;
+    let e = !1;
     try {
-      t = this.node.current.matches(":focus-visible");
+      e = this.node.current.matches(":focus-visible");
     } catch {
-      t = !0;
+      e = !0;
     }
-    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
+    !e || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
   }
   onBlur() {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = Be(fn(this.node.current, "focus", () => this.onFocus()), fn(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = Bt(fn(this.node.current, "focus", () => this.onFocus()), fn(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
 }
-function yn(e, t, n) {
-  const { props: s } = e;
-  if (e.current instanceof HTMLButtonElement && e.current.disabled)
+function yn(t, e, n) {
+  const { props: s } = t;
+  if (t.current instanceof HTMLButtonElement && t.current.disabled)
     return;
-  e.animationState && s.whileTap && e.animationState.setActive("whileTap", n === "Start");
+  t.animationState && s.whileTap && t.animationState.setActive("whileTap", n === "Start");
   const i = "onTap" + (n === "End" ? "" : n), r = s[i];
-  r && L.postRender(() => r(t, $s(t)));
+  r && L.postRender(() => r(e, $s(e)));
 }
-class Na extends ce {
+class Na extends ct {
   mount() {
-    const { current: t } = this.node;
-    if (!t)
+    const { current: e } = this.node;
+    if (!e)
       return;
     const { globalTapTarget: n, propagate: s } = this.node.props;
-    this.unmount = Ao(t, (i, r) => (yn(this.node, r, "Start"), (o, { success: a }) => yn(this.node, o, a ? "End" : "Cancel")), {
+    this.unmount = Ao(e, (i, r) => (yn(this.node, r, "Start"), (o, { success: a }) => yn(this.node, o, a ? "End" : "Cancel")), {
       useGlobalTarget: n,
       stopPropagation: (s == null ? void 0 : s.tap) === !1
     });
@@ -3403,35 +3403,35 @@ class Na extends ce {
   unmount() {
   }
 }
-const pt = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), Ba = (e) => {
-  const t = pt.get(e.target);
-  t && t(e);
-}, La = (e) => {
-  e.forEach(Ba);
+const pe = /* @__PURE__ */ new WeakMap(), Yt = /* @__PURE__ */ new WeakMap(), Ba = (t) => {
+  const e = pe.get(t.target);
+  e && e(t);
+}, La = (t) => {
+  t.forEach(Ba);
 };
-function Ka({ root: e, ...t }) {
-  const n = e || document;
-  Ye.has(n) || Ye.set(n, {});
-  const s = Ye.get(n), i = JSON.stringify(t);
-  return s[i] || (s[i] = new IntersectionObserver(La, { root: e, ...t })), s[i];
-}
-function Wa(e, t, n) {
-  const s = Ka(t);
-  return pt.set(e, n), s.observe(e), () => {
-    pt.delete(e), s.unobserve(e);
+function Ka({ root: t, ...e }) {
+  const n = t || document;
+  Yt.has(n) || Yt.set(n, {});
+  const s = Yt.get(n), i = JSON.stringify(e);
+  return s[i] || (s[i] = new IntersectionObserver(La, { root: t, ...e })), s[i];
+}
+function Wa(t, e, n) {
+  const s = Ka(e);
+  return pe.set(t, n), s.observe(t), () => {
+    pe.delete(t), s.unobserve(t);
   };
 }
 const $a = {
   some: 0,
   all: 1
 };
-class ja extends ce {
+class ja extends ct {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
   startObserver() {
     this.unmount();
-    const { viewport: t = {} } = this.node.getProps(), { root: n, margin: s, amount: i = "some", once: r } = t, o = {
+    const { viewport: e = {} } = this.node.getProps(), { root: n, margin: s, amount: i = "some", once: r } = e, o = {
       root: n ? n.current : void 0,
       rootMargin: s,
       threshold: typeof i == "number" ? i : $a[i]
@@ -3451,14 +3451,14 @@ class ja extends ce {
   update() {
     if (typeof IntersectionObserver > "u")
       return;
-    const { props: t, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(Ga(t, n)) && this.startObserver();
+    const { props: e, prevProps: n } = this.node;
+    ["amount", "margin", "root"].some(Ga(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function Ga({ viewport: e = {} }, { viewport: t = {} } = {}) {
-  return (n) => e[n] !== t[n];
+function Ga({ viewport: t = {} }, { viewport: e = {} } = {}) {
+  return (n) => t[n] !== e[n];
 }
 const _a = {
   inView: {
@@ -3478,38 +3478,37 @@ const _a = {
   ...Ia,
   ..._a
 };
-function Ua(e, t) {
-  return xa(e, t);
+function Ua(t, e) {
+  return xa(t, e);
 }
 const za = /* @__PURE__ */ Ua("div"), Ya = {
   light: {
-    border: "px",
     shadow: "2"
   },
   dark: {}
-}, js = se.createContext({
+}, js = st.createContext({
   groupOpen: !1,
   setGroupOpen: () => {
   }
-}), Xa = ({ open: e, delay: t = 600 }) => {
-  const n = se.useContext(js);
-  return se.useEffect(() => {
+}), Xa = ({ open: t, delay: e = 600 }) => {
+  const n = st.useContext(js);
+  return st.useEffect(() => {
     let s = null;
-    return n.setGroupOpen && (e === !0 && n.setGroupOpen(!0), e === !1 && (s = setTimeout(() => {
+    return n.setGroupOpen && (t === !0 && n.setGroupOpen(!0), t === !1 && (s = setTimeout(() => {
       n.setGroupOpen && n.setGroupOpen(!1);
-    }, t))), () => {
+    }, e))), () => {
       s && clearTimeout(s);
     };
-  }, [e, n, t]), {
+  }, [t, n, e]), {
     groupOpen: n.groupOpen
   };
-}, su = ({ children: e }) => {
-  const [t, n] = se.useState(!1);
-  return /* @__PURE__ */ k(js.Provider, { value: { groupOpen: t, setGroupOpen: n }, children: e });
+}, su = ({ children: t }) => {
+  const [e, n] = st.useState(!1);
+  return /* @__PURE__ */ k(js.Provider, { value: { groupOpen: e, setGroupOpen: n }, children: t });
 }, iu = ({
   // Radix Tooltip Provider Props
-  delayDuration: e = 400,
-  skipDelayDuration: t,
+  delayDuration: t = 400,
+  skipDelayDuration: e,
   disableHoverableContent: n,
   // Radix Tooltip Root Props
   defaultOpen: s,
@@ -3540,13 +3539,13 @@ const za = /* @__PURE__ */ Ua("div"), Ya = {
   triggerRef: O,
   children: D
 }) => {
-  const [W, we] = _s({
+  const [W, wt] = _s({
     prop: i,
     onChange: r,
     defaultProp: s ?? !1
-  }), { groupOpen: Se } = Xa({ open: !!W, delay: e }), Ve = se.Children.toArray(D).some(
-    (C) => se.isValidElement(C) ? C.props.disabled : !1
-  ), Ae = Se || Ve ? 0 : e, Bt = !Se, F = (C) => {
+  }), { groupOpen: St } = Xa({ open: !!W, delay: t }), Vt = st.Children.toArray(D).some(
+    (C) => st.isValidElement(C) ? C.props.disabled : !1
+  ), At = St || Vt ? 0 : t, Be = !St, F = (C) => {
     if (C === "top")
       return {
         y: -5
@@ -3565,20 +3564,20 @@ const za = /* @__PURE__ */ Ua("div"), Ya = {
       };
   };
   return /* @__PURE__ */ k(sa, { features: Ha, children: /* @__PURE__ */ k(
-    le.Provider,
+    lt.Provider,
     {
-      delayDuration: Ae,
-      skipDelayDuration: t,
+      delayDuration: At,
+      skipDelayDuration: e,
       disableHoverableContent: n,
       children: /* @__PURE__ */ Tn(
-        le.Root,
+        lt.Root,
         {
           open: M === !1 ? !1 : W,
-          onOpenChange: we,
+          onOpenChange: wt,
           children: [
-            /* @__PURE__ */ k(le.Trigger, { asChild: !0, ref: O, children: /* @__PURE__ */ k(Us, { children: D }) }),
-            /* @__PURE__ */ k(le.Portal, { children: /* @__PURE__ */ k(
-              le.Content,
+            /* @__PURE__ */ k(lt.Trigger, { asChild: !0, ref: O, children: /* @__PURE__ */ k(Us, { children: D }) }),
+            /* @__PURE__ */ k(lt.Portal, { children: /* @__PURE__ */ k(
+              lt.Content,
               {
                 "aria-label": o,
                 onEscapeKeyDown: a,
@@ -3602,7 +3601,7 @@ const za = /* @__PURE__ */ Ua("div"), Ya = {
                   {
                     as: za,
                     className: "tgph",
-                    initial: Bt && !V ? {
+                    initial: Be && !V ? {
                       opacity: 0,
                       scale: 0.5,
                       ...F(u)