@telegraph/tooltip 0.0.54 → 0.0.56

package/dist/esm/index.mjs

@@ -1,54 +1,57 @@
-import { jsx as R, jsxs as hn } from "react/jsx-runtime";
-import * as ot from "@radix-ui/react-tooltip";
-import { useControllableState as Os } from "@radix-ui/react-use-controllable-state";
-import { OverrideAppearance as Ds } from "@telegraph/appearance";
-import { RefToTgphRef as Is } from "@telegraph/helpers";
-import { Stack as Rs } from "@telegraph/layout";
-import { Text as Es } from "@telegraph/typography";
-import lt, { createContext as Q, useRef as ut, useLayoutEffect as ks, useEffect as ce, useState as Ns, useContext as k, useMemo as It, useCallback as Ls, useInsertionEffect as Bs, forwardRef as Ks, Fragment as pn, createElement as Ws } from "react";
-const $s = Q({});
-function js(t) {
-  const e = ut(null);
+import { jsx as R, jsxs as mn } from "react/jsx-runtime";
+import * as lt from "@radix-ui/react-tooltip";
+import { useControllableState as Rs } from "@radix-ui/react-use-controllable-state";
+import { OverrideAppearance as Es } from "@telegraph/appearance";
+import { RefToTgphRef as ks } from "@telegraph/helpers";
+import { Stack as Ns } from "@telegraph/layout";
+import { Text as Ls } from "@telegraph/typography";
+import et, { createContext as st, useRef as dt, useLayoutEffect as Bs, useEffect as de, useState as Ks, useContext as k, useMemo as Et, Fragment as gn, createElement as Ws, useCallback as $s, useInsertionEffect as js, forwardRef as Gs } from "react";
+const _s = st({});
+function Hs(t) {
+  const e = dt(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const le = typeof window < "u", _s = le ? ks : ce, mn = /* @__PURE__ */ Q(null);
-function Gs(t, e) {
+const he = typeof window < "u", Us = he ? Bs : de, yn = /* @__PURE__ */ st(null);
+function zs(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
-function Us(t, e) {
+function Ys(t, e) {
   const n = t.indexOf(e);
   n > -1 && t.splice(n, 1);
 }
-const z = (t, e, n) => n > e ? e : n < t ? t : n;
-let mt = () => {
-}, Y = () => {
+const Y = (t, e, n) => n > e ? e : n < t ? t : n;
+function zt(t, e) {
+  return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
+}
+let yt = () => {
+}, X = () => {
 };
-process.env.NODE_ENV !== "production" && (mt = (t, e) => {
-  !t && typeof console < "u" && console.warn(e);
-}, Y = (t, e) => {
+process.env.NODE_ENV !== "production" && (yt = (t, e, n) => {
+  !t && typeof console < "u" && console.warn(zt(e, n));
+}, X = (t, e, n) => {
   if (!t)
-    throw new Error(e);
+    throw new Error(zt(e, n));
 });
-const W = {}, gn = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
-function Hs(t) {
+const $ = {}, bn = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+function Xs(t) {
   return typeof t == "object" && t !== null;
 }
-const yn = (t) => /^0[^.\s]+$/u.test(t);
+const Tn = (t) => /^0[^.\s]+$/u.test(t);
 // @__NO_SIDE_EFFECTS__
-function fe(t) {
+function pe(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const tt = /* @__NO_SIDE_EFFECTS__ */ (t) => t, zs = (t, e) => (n) => e(t(n)), Rt = (...t) => t.reduce(zs), bn = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+const it = /* @__NO_SIDE_EFFECTS__ */ (t) => t, qs = (t, e) => (n) => e(t(n)), kt = (...t) => t.reduce(qs), vn = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
 };
-class Tn {
+class wn {
   constructor() {
     this.subscriptions = [];
   }
   add(e) {
-    return Gs(this.subscriptions, e), () => Us(this.subscriptions, e);
+    return zs(this.subscriptions, e), () => Ys(this.subscriptions, e);
   }
   notify(e, n, s) {
     const i = this.subscriptions.length;
@@ -68,49 +71,49 @@ class Tn {
     this.subscriptions.length = 0;
   }
 }
-const L = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, K = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
-function vn(t, e) {
+const L = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, W = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
+function Sn(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-const ke = /* @__PURE__ */ new Set();
-function wn(t, e, n) {
-  t || ke.has(e) || (console.warn(e), ke.add(e));
+const Le = /* @__PURE__ */ new Set();
+function Vn(t, e, n) {
+  t || Le.has(e) || (console.warn(zt(e, n)), Le.add(e));
 }
-const Sn = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Ys = 1e-7, Xs = 12;
-function qs(t, e, n, s, i) {
+const An = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Zs = 1e-7, Js = 12;
+function Qs(t, e, n, s, i) {
   let r, o, a = 0;
   do
-    o = e + (n - e) / 2, r = Sn(o, s, i) - t, r > 0 ? n = o : e = o;
-  while (Math.abs(r) > Ys && ++a < Xs);
+    o = e + (n - e) / 2, r = An(o, s, i) - t, r > 0 ? n = o : e = o;
+  while (Math.abs(r) > Zs && ++a < Js);
   return o;
 }
-function gt(t, e, n, s) {
+function bt(t, e, n, s) {
   if (t === e && n === s)
-    return tt;
-  const i = (r) => qs(r, 0, 1, t, n);
-  return (r) => r === 0 || r === 1 ? r : Sn(i(r), e, s);
-}
-const Vn = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, An = (t) => (e) => 1 - t(1 - e), xn = /* @__PURE__ */ gt(0.33, 1.53, 0.69, 0.99), de = /* @__PURE__ */ An(xn), Mn = /* @__PURE__ */ Vn(de), Cn = (t) => (t *= 2) < 1 ? 0.5 * de(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), he = (t) => 1 - Math.sin(Math.acos(t)), Zs = An(he), Pn = Vn(he), Js = /* @__PURE__ */ gt(0.42, 0, 1, 1), Qs = /* @__PURE__ */ gt(0, 0, 0.58, 1), Fn = /* @__PURE__ */ gt(0.42, 0, 0.58, 1), ti = (t) => Array.isArray(t) && typeof t[0] != "number", On = (t) => Array.isArray(t) && typeof t[0] == "number", Ne = {
-  linear: tt,
-  easeIn: Js,
-  easeInOut: Fn,
-  easeOut: Qs,
-  circIn: he,
-  circInOut: Pn,
-  circOut: Zs,
-  backIn: de,
-  backInOut: Mn,
-  backOut: xn,
-  anticipate: Cn
-}, ei = (t) => typeof t == "string", Le = (t) => {
-  if (On(t)) {
-    Y(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
+    return it;
+  const i = (r) => Qs(r, 0, 1, t, n);
+  return (r) => r === 0 || r === 1 ? r : An(i(r), e, s);
+}
+const xn = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Mn = (t) => (e) => 1 - t(1 - e), Cn = /* @__PURE__ */ bt(0.33, 1.53, 0.69, 0.99), me = /* @__PURE__ */ Mn(Cn), Pn = /* @__PURE__ */ xn(me), Fn = (t) => (t *= 2) < 1 ? 0.5 * me(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), ge = (t) => 1 - Math.sin(Math.acos(t)), ti = Mn(ge), On = xn(ge), ei = /* @__PURE__ */ bt(0.42, 0, 1, 1), ni = /* @__PURE__ */ bt(0, 0, 0.58, 1), Dn = /* @__PURE__ */ bt(0.42, 0, 0.58, 1), si = (t) => Array.isArray(t) && typeof t[0] != "number", In = (t) => Array.isArray(t) && typeof t[0] == "number", Be = {
+  linear: it,
+  easeIn: ei,
+  easeInOut: Dn,
+  easeOut: ni,
+  circIn: ge,
+  circInOut: On,
+  circOut: ti,
+  backIn: me,
+  backInOut: Pn,
+  backOut: Cn,
+  anticipate: Fn
+}, ii = (t) => typeof t == "string", Ke = (t) => {
+  if (In(t)) {
+    X(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, s, i] = t;
-    return gt(e, n, s, i);
-  } else if (ei(t))
-    return Y(Ne[t] !== void 0, `Invalid easing type '${t}'`), Ne[t];
+    return bt(e, n, s, i);
+  } else if (ii(t))
+    return X(Be[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Be[t];
   return t;
-}, St = [
+}, At = [
   "setup",
   // Compute
   "read",
@@ -128,7 +131,7 @@ const Vn = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, An
   "postRender"
   // Compute
 ];
-function ni(t, e) {
+function ri(t, e) {
   let n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), i = !1, r = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -143,9 +146,9 @@ function ni(t, e) {
     /**
      * Schedule a process to run on the next frame.
      */
-    schedule: (u, d = !1, f = !1) => {
-      const y = f && i ? n : s;
-      return d && o.add(u), y.has(u) || y.add(u), u;
+    schedule: (u, f = !1, d = !1) => {
+      const y = d && i ? n : s;
+      return f && o.add(u), y.has(u) || y.add(u), u;
     },
     /**
      * Cancel the provided callback from running on the next frame.
@@ -166,70 +169,70 @@ function ni(t, e) {
   };
   return l;
 }
-const si = 40;
-function Dn(t, e) {
+const oi = 40;
+function Rn(t, e) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = () => n = !0, o = St.reduce((m, A) => (m[A] = ni(r), m), {}), { setup: a, read: c, resolveKeyframes: l, preUpdate: u, update: d, preRender: f, render: h, postRender: y } = o, b = () => {
-    const m = W.useManualTiming ? i.timestamp : performance.now();
-    n = !1, W.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(m - i.timestamp, si), 1)), i.timestamp = m, i.isProcessing = !0, a.process(i), c.process(i), l.process(i), u.process(i), d.process(i), f.process(i), h.process(i), y.process(i), i.isProcessing = !1, n && e && (s = !1, t(b));
+  }, r = () => n = !0, o = At.reduce((m, A) => (m[A] = ri(r), m), {}), { setup: a, read: c, resolveKeyframes: l, preUpdate: u, update: f, preRender: d, render: h, postRender: y } = o, b = () => {
+    const m = $.useManualTiming ? i.timestamp : performance.now();
+    n = !1, $.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(m - i.timestamp, oi), 1)), i.timestamp = m, i.isProcessing = !0, a.process(i), c.process(i), l.process(i), u.process(i), f.process(i), d.process(i), h.process(i), y.process(i), i.isProcessing = !1, n && e && (s = !1, t(b));
   }, v = () => {
     n = !0, s = !0, i.isProcessing || t(b);
   };
-  return { schedule: St.reduce((m, A) => {
+  return { schedule: At.reduce((m, A) => {
     const T = o[A];
     return m[A] = (V, M = !1, w = !1) => (n || v(), T.schedule(V, M, w)), m;
   }, {}), cancel: (m) => {
-    for (let A = 0; A < St.length; A++)
-      o[St[A]].cancel(m);
+    for (let A = 0; A < At.length; A++)
+      o[At[A]].cancel(m);
   }, state: i, steps: o };
 }
-const { schedule: N, cancel: Ht, state: Mt } = /* @__PURE__ */ Dn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : tt, !0);
-let At;
-function ii() {
-  At = void 0;
+const { schedule: N, cancel: Yt, state: Pt } = /* @__PURE__ */ Rn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : it, !0);
+let Mt;
+function ai() {
+  Mt = void 0;
 }
 const E = {
-  now: () => (At === void 0 && E.set(Mt.isProcessing || W.useManualTiming ? Mt.timestamp : performance.now()), At),
+  now: () => (Mt === void 0 && E.set(Pt.isProcessing || $.useManualTiming ? Pt.timestamp : performance.now()), Mt),
   set: (t) => {
-    At = t, queueMicrotask(ii);
+    Mt = t, queueMicrotask(ai);
   }
-}, In = (t) => (e) => typeof e == "string" && e.startsWith(t), Rn = /* @__PURE__ */ In("--"), ri = /* @__PURE__ */ In("var(--"), pe = (t) => ri(t) ? oi.test(t.split("/*")[0].trim()) : !1, oi = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, et = {
+}, En = (t) => (e) => typeof e == "string" && e.startsWith(t), kn = /* @__PURE__ */ En("--"), ui = /* @__PURE__ */ En("var(--"), ye = (t) => ui(t) ? ci.test(t.split("/*")[0].trim()) : !1, ci = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, rt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
-}, ft = {
-  ...et,
-  transform: (t) => z(0, 1, t)
-}, Vt = {
-  ...et,
+}, pt = {
+  ...rt,
+  transform: (t) => Y(0, 1, t)
+}, xt = {
+  ...rt,
   default: 1
-}, ct = (t) => Math.round(t * 1e5) / 1e5, me = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function ai(t) {
+}, ht = (t) => Math.round(t * 1e5) / 1e5, be = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function li(t) {
   return t == null;
 }
-const ui = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, ge = (t, e) => (n) => !!(typeof n == "string" && ui.test(n) && n.startsWith(t) || e && !ai(n) && Object.prototype.hasOwnProperty.call(n, e)), En = (t, e, n) => (s) => {
+const fi = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Te = (t, e) => (n) => !!(typeof n == "string" && fi.test(n) && n.startsWith(t) || e && !li(n) && Object.prototype.hasOwnProperty.call(n, e)), Nn = (t, e, n) => (s) => {
   if (typeof s != "string")
     return s;
-  const [i, r, o, a] = s.match(me);
+  const [i, r, o, a] = s.match(be);
   return {
     [t]: parseFloat(i),
     [e]: parseFloat(r),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, ci = (t) => z(0, 255, t), Kt = {
-  ...et,
-  transform: (t) => Math.round(ci(t))
+}, di = (t) => Y(0, 255, t), Wt = {
+  ...rt,
+  transform: (t) => Math.round(di(t))
 }, _ = {
-  test: /* @__PURE__ */ ge("rgb", "red"),
-  parse: /* @__PURE__ */ En("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + Kt.transform(t) + ", " + Kt.transform(e) + ", " + Kt.transform(n) + ", " + ct(ft.transform(s)) + ")"
+  test: /* @__PURE__ */ Te("rgb", "red"),
+  parse: /* @__PURE__ */ Nn("red", "green", "blue"),
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + Wt.transform(t) + ", " + Wt.transform(e) + ", " + Wt.transform(n) + ", " + ht(pt.transform(s)) + ")"
 };
-function li(t) {
+function hi(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),
@@ -238,83 +241,83 @@ function li(t) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const zt = {
-  test: /* @__PURE__ */ ge("#"),
-  parse: li,
+const Xt = {
+  test: /* @__PURE__ */ Te("#"),
+  parse: hi,
   transform: _.transform
-}, yt = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
+}, Tt = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), $ = /* @__PURE__ */ yt("deg"), Z = /* @__PURE__ */ yt("%"), g = /* @__PURE__ */ yt("px"), fi = /* @__PURE__ */ yt("vh"), di = /* @__PURE__ */ yt("vw"), Be = {
-  ...Z,
-  parse: (t) => Z.parse(t) / 100,
-  transform: (t) => Z.transform(t * 100)
-}, X = {
-  test: /* @__PURE__ */ ge("hsl", "hue"),
-  parse: /* @__PURE__ */ En("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + Z.transform(ct(e)) + ", " + Z.transform(ct(n)) + ", " + ct(ft.transform(s)) + ")"
-}, C = {
-  test: (t) => _.test(t) || zt.test(t) || X.test(t),
-  parse: (t) => _.test(t) ? _.parse(t) : X.test(t) ? X.parse(t) : zt.parse(t),
-  transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? _.transform(t) : X.transform(t),
+}), j = /* @__PURE__ */ Tt("deg"), Q = /* @__PURE__ */ Tt("%"), g = /* @__PURE__ */ Tt("px"), pi = /* @__PURE__ */ Tt("vh"), mi = /* @__PURE__ */ Tt("vw"), We = {
+  ...Q,
+  parse: (t) => Q.parse(t) / 100,
+  transform: (t) => Q.transform(t * 100)
+}, Z = {
+  test: /* @__PURE__ */ Te("hsl", "hue"),
+  parse: /* @__PURE__ */ Nn("hue", "saturation", "lightness"),
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + Q.transform(ht(e)) + ", " + Q.transform(ht(n)) + ", " + ht(pt.transform(s)) + ")"
+}, P = {
+  test: (t) => _.test(t) || Xt.test(t) || Z.test(t),
+  parse: (t) => _.test(t) ? _.parse(t) : Z.test(t) ? Z.parse(t) : Xt.parse(t),
+  transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? _.transform(t) : Z.transform(t),
   getAnimatableNone: (t) => {
-    const e = C.parse(t);
-    return e.alpha = 0, C.transform(e);
+    const e = P.parse(t);
+    return e.alpha = 0, P.transform(e);
   }
-}, hi = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function pi(t) {
+}, gi = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function yi(t) {
   var e, n;
-  return isNaN(t) && typeof t == "string" && (((e = t.match(me)) == null ? void 0 : e.length) || 0) + (((n = t.match(hi)) == null ? void 0 : n.length) || 0) > 0;
+  return isNaN(t) && typeof t == "string" && (((e = t.match(be)) == null ? void 0 : e.length) || 0) + (((n = t.match(gi)) == null ? void 0 : n.length) || 0) > 0;
 }
-const kn = "number", Nn = "color", mi = "var", gi = "var(", Ke = "${}", yi = /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 dt(t) {
+const Ln = "number", Bn = "color", bi = "var", Ti = "var(", $e = "${}", vi = /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 = e.replace(yi, (c) => (C.test(c) ? (s.color.push(r), i.push(Nn), n.push(C.parse(c))) : c.startsWith(gi) ? (s.var.push(r), i.push(mi), n.push(c)) : (s.number.push(r), i.push(kn), n.push(parseFloat(c))), ++r, Ke)).split(Ke);
+  const a = e.replace(vi, (c) => (P.test(c) ? (s.color.push(r), i.push(Bn), n.push(P.parse(c))) : c.startsWith(Ti) ? (s.var.push(r), i.push(bi), n.push(c)) : (s.number.push(r), i.push(Ln), n.push(parseFloat(c))), ++r, $e)).split($e);
   return { values: n, split: a, indexes: s, types: i };
 }
-function Ln(t) {
-  return dt(t).values;
+function Kn(t) {
+  return mt(t).values;
 }
-function Bn(t) {
-  const { split: e, types: n } = dt(t), s = e.length;
+function Wn(t) {
+  const { split: e, types: n } = mt(t), s = e.length;
   return (i) => {
     let r = "";
     for (let o = 0; o < s; o++)
       if (r += e[o], i[o] !== void 0) {
         const a = n[o];
-        a === kn ? r += ct(i[o]) : a === Nn ? r += C.transform(i[o]) : r += i[o];
+        a === Ln ? r += ht(i[o]) : a === Bn ? r += P.transform(i[o]) : r += i[o];
       }
     return r;
   };
 }
-const bi = (t) => typeof t == "number" ? 0 : C.test(t) ? C.getAnimatableNone(t) : t;
-function Ti(t) {
-  const e = Ln(t);
-  return Bn(t)(e.map(bi));
+const wi = (t) => typeof t == "number" ? 0 : P.test(t) ? P.getAnimatableNone(t) : t;
+function Si(t) {
+  const e = Kn(t);
+  return Wn(t)(e.map(wi));
 }
-const nt = {
-  test: pi,
-  parse: Ln,
-  createTransformer: Bn,
-  getAnimatableNone: Ti
+const ot = {
+  test: yi,
+  parse: Kn,
+  createTransformer: Wn,
+  getAnimatableNone: Si
 };
-function Wt(t, e, n) {
+function $t(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 vi({ hue: t, saturation: e, lightness: n, alpha: s }) {
+function Vi({ hue: t, saturation: e, lightness: n, alpha: s }) {
   t /= 360, e /= 100, n /= 100;
   let i = 0, r = 0, o = 0;
   if (!e)
     i = r = o = n;
   else {
     const a = n < 0.5 ? n * (1 + e) : n + e - n * e, c = 2 * n - a;
-    i = Wt(c, a, t + 1 / 3), r = Wt(c, a, t), o = Wt(c, a, t - 1 / 3);
+    i = $t(c, a, t + 1 / 3), r = $t(c, a, t), o = $t(c, a, t - 1 / 3);
   }
   return {
     red: Math.round(i * 255),
@@ -323,55 +326,55 @@ function vi({ hue: t, saturation: e, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function Ct(t, e) {
+function Ft(t, e) {
   return (n) => n > 0 ? e : t;
 }
-const Et = (t, e, n) => t + (e - t) * n, $t = (t, e, n) => {
+const Nt = (t, e, n) => t + (e - t) * n, jt = (t, e, n) => {
   const s = t * t, i = n * (e * e - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, wi = [zt, _, X], Si = (t) => wi.find((e) => e.test(t));
-function We(t) {
-  const e = Si(t);
-  if (mt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`), !e)
+}, Ai = [Xt, _, Z], xi = (t) => Ai.find((e) => e.test(t));
+function je(t) {
+  const e = xi(t);
+  if (yt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !e)
     return !1;
   let n = e.parse(t);
-  return e === X && (n = vi(n)), n;
+  return e === Z && (n = Vi(n)), n;
 }
-const $e = (t, e) => {
-  const n = We(t), s = We(e);
+const Ge = (t, e) => {
+  const n = je(t), s = je(e);
   if (!n || !s)
-    return Ct(t, e);
+    return Ft(t, e);
   const i = { ...n };
-  return (r) => (i.red = $t(n.red, s.red, r), i.green = $t(n.green, s.green, r), i.blue = $t(n.blue, s.blue, r), i.alpha = Et(n.alpha, s.alpha, r), _.transform(i));
-}, Yt = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Vi(t, e) {
-  return Yt.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
+  return (r) => (i.red = jt(n.red, s.red, r), i.green = jt(n.green, s.green, r), i.blue = jt(n.blue, s.blue, r), i.alpha = Nt(n.alpha, s.alpha, r), _.transform(i));
+}, qt = /* @__PURE__ */ new Set(["none", "hidden"]);
+function Mi(t, e) {
+  return qt.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
-function Ai(t, e) {
-  return (n) => Et(t, e, n);
+function Ci(t, e) {
+  return (n) => Nt(t, e, n);
 }
-function ye(t) {
-  return typeof t == "number" ? Ai : typeof t == "string" ? pe(t) ? Ct : C.test(t) ? $e : Ci : Array.isArray(t) ? Kn : typeof t == "object" ? C.test(t) ? $e : xi : Ct;
+function ve(t) {
+  return typeof t == "number" ? Ci : typeof t == "string" ? ye(t) ? Ft : P.test(t) ? Ge : Oi : Array.isArray(t) ? $n : typeof t == "object" ? P.test(t) ? Ge : Pi : Ft;
 }
-function Kn(t, e) {
-  const n = [...t], s = n.length, i = t.map((r, o) => ye(r)(r, e[o]));
+function $n(t, e) {
+  const n = [...t], s = n.length, i = t.map((r, o) => ve(r)(r, e[o]));
   return (r) => {
     for (let o = 0; o < s; o++)
       n[o] = i[o](r);
     return n;
   };
 }
-function xi(t, e) {
+function Pi(t, e) {
   const n = { ...t, ...e }, s = {};
   for (const i in n)
-    t[i] !== void 0 && e[i] !== void 0 && (s[i] = ye(t[i])(t[i], e[i]));
+    t[i] !== void 0 && e[i] !== void 0 && (s[i] = ve(t[i])(t[i], e[i]));
   return (i) => {
     for (const r in s)
       n[r] = s[r](i);
     return n;
   };
 }
-function Mi(t, e) {
+function Fi(t, e) {
   const n = [], s = { color: 0, var: 0, number: 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;
@@ -379,51 +382,51 @@ function Mi(t, e) {
   }
   return n;
 }
-const Ci = (t, e) => {
-  const n = nt.createTransformer(e), s = dt(t), i = dt(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 ? Yt.has(t) && !i.values.length || Yt.has(e) && !s.values.length ? Vi(t, e) : Rt(Kn(Mi(s, i), i.values), n) : (mt(!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.`), Ct(t, e));
+const Oi = (t, e) => {
+  const n = ot.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 ? qt.has(t) && !i.values.length || qt.has(e) && !s.values.length ? Mi(t, e) : kt($n(Fi(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"), Ft(t, e));
 };
-function Wn(t, e, n) {
-  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? Et(t, e, n) : ye(t)(t, e);
+function jn(t, e, n) {
+  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? Nt(t, e, n) : ve(t)(t, e);
 }
-const Pi = (t) => {
+const Di = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: (n = !0) => N.update(e, n),
-    stop: () => Ht(e),
+    stop: () => Yt(e),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => Mt.isProcessing ? Mt.timestamp : E.now()
+    now: () => Pt.isProcessing ? Pt.timestamp : E.now()
   };
-}, $n = (t, e, n = 10) => {
+}, Gn = (t, e, n = 10) => {
   let s = "";
   const i = Math.max(Math.round(e / n), 2);
   for (let r = 0; r < i; r++)
     s += Math.round(t(r / (i - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${s.substring(0, s.length - 2)})`;
-}, Pt = 2e4;
-function be(t) {
+}, Ot = 2e4;
+function we(t) {
   let e = 0;
   const n = 50;
   let s = t.next(e);
-  for (; !s.done && e < Pt; )
+  for (; !s.done && e < Ot; )
     e += n, s = t.next(e);
-  return e >= Pt ? 1 / 0 : e;
+  return e >= Ot ? 1 / 0 : e;
 }
-function Fi(t, e = 100, n) {
-  const s = n({ ...t, keyframes: [0, e] }), i = Math.min(be(s), Pt);
+function Ii(t, e = 100, n) {
+  const s = n({ ...t, keyframes: [0, e] }), i = Math.min(we(s), Ot);
   return {
     type: "keyframes",
     ease: (r) => s.next(i * r).value / e,
-    duration: /* @__PURE__ */ K(i)
+    duration: /* @__PURE__ */ W(i)
   };
 }
-const Oi = 5;
-function jn(t, e, n) {
-  const s = Math.max(e - Oi, 0);
-  return vn(n - t(s), e - s);
+const Ri = 5;
+function _n(t, e, n) {
+  const s = Math.max(e - Ri, 0);
+  return Sn(n - t(s), e - s);
 }
 const x = {
   // Default spring physics
@@ -453,25 +456,25 @@ const x = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, jt = 1e-3;
-function Di({ duration: t = x.duration, bounce: e = x.bounce, velocity: n = x.velocity, mass: s = x.mass }) {
+}, Gt = 1e-3;
+function Ei({ duration: t = x.duration, bounce: e = x.bounce, velocity: n = x.velocity, mass: s = x.mass }) {
   let i, r;
-  mt(t <= /* @__PURE__ */ L(x.maxDuration), "Spring duration must be 10 seconds or less");
+  yt(t <= /* @__PURE__ */ L(x.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let o = 1 - e;
-  o = z(x.minDamping, x.maxDamping, o), t = z(x.minDuration, x.maxDuration, /* @__PURE__ */ K(t)), o < 1 ? (i = (l) => {
-    const u = l * o, d = u * t, f = u - n, h = Xt(l, o), y = Math.exp(-d);
-    return jt - f / h * y;
+  o = Y(x.minDamping, x.maxDamping, o), t = Y(x.minDuration, x.maxDuration, /* @__PURE__ */ W(t)), o < 1 ? (i = (l) => {
+    const u = l * o, f = u * t, d = u - n, h = Zt(l, o), y = Math.exp(-f);
+    return Gt - d / h * y;
   }, r = (l) => {
-    const d = l * o * t, f = d * n + n, h = Math.pow(o, 2) * Math.pow(l, 2) * t, y = Math.exp(-d), b = Xt(Math.pow(l, 2), o);
-    return (-i(l) + jt > 0 ? -1 : 1) * ((f - h) * y) / b;
+    const f = l * o * t, d = f * n + n, h = Math.pow(o, 2) * Math.pow(l, 2) * t, y = Math.exp(-f), b = Zt(Math.pow(l, 2), o);
+    return (-i(l) + Gt > 0 ? -1 : 1) * ((d - h) * y) / b;
   }) : (i = (l) => {
-    const u = Math.exp(-l * t), d = (l - n) * t + 1;
-    return -jt + u * d;
+    const u = Math.exp(-l * t), f = (l - n) * t + 1;
+    return -Gt + u * f;
   }, r = (l) => {
-    const u = Math.exp(-l * t), d = (n - l) * (t * t);
-    return u * d;
+    const u = Math.exp(-l * t), f = (n - l) * (t * t);
+    return u * f;
   });
-  const a = 5 / t, c = Ri(i, r, a);
+  const a = 5 / t, c = Ni(i, r, a);
   if (t = /* @__PURE__ */ L(t), isNaN(c))
     return {
       stiffness: x.stiffness,
@@ -487,21 +490,21 @@ function Di({ duration: t = x.duration, bounce: e = x.bounce, velocity: n = x.ve
     };
   }
 }
-const Ii = 12;
-function Ri(t, e, n) {
+const ki = 12;
+function Ni(t, e, n) {
   let s = n;
-  for (let i = 1; i < Ii; i++)
+  for (let i = 1; i < ki; i++)
     s = s - t(s) / e(s);
   return s;
 }
-function Xt(t, e) {
+function Zt(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const Ei = ["duration", "bounce"], ki = ["stiffness", "damping", "mass"];
-function je(t, e) {
+const Li = ["duration", "bounce"], Bi = ["stiffness", "damping", "mass"];
+function _e(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function Ni(t) {
+function Ki(t) {
   let e = {
     velocity: x.velocity,
     stiffness: x.stiffness,
@@ -510,9 +513,9 @@ function Ni(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!je(t, ki) && je(t, Ei))
+  if (!_e(t, Bi) && _e(t, Li))
     if (t.visualDuration) {
-      const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * z(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
+      const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * Y(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
       e = {
         ...e,
         mass: x.mass,
@@ -520,7 +523,7 @@ function Ni(t) {
         damping: r
       };
     } else {
-      const n = Di(t);
+      const n = Ei(t);
       e = {
         ...e,
         ...n,
@@ -529,21 +532,21 @@ function Ni(t) {
     }
   return e;
 }
-function Ft(t = x.visualDuration, e = x.bounce) {
+function Dt(t = x.visualDuration, e = x.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
     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 } = Ni({
+  const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: c, damping: l, mass: u, duration: f, velocity: d, isResolvedFromDuration: h } = Ki({
     ...n,
-    velocity: -/* @__PURE__ */ K(n.velocity || 0)
-  }), y = f || 0, b = l / (2 * Math.sqrt(c * u)), v = o - r, p = /* @__PURE__ */ K(Math.sqrt(c / u)), S = Math.abs(v) < 5;
+    velocity: -/* @__PURE__ */ W(n.velocity || 0)
+  }), y = d || 0, b = l / (2 * Math.sqrt(c * u)), v = o - r, p = /* @__PURE__ */ W(Math.sqrt(c / u)), S = Math.abs(v) < 5;
   s || (s = S ? x.restSpeed.granular : x.restSpeed.default), i || (i = S ? x.restDelta.granular : x.restDelta.default);
   let m;
   if (b < 1) {
-    const T = Xt(p, b);
+    const T = Zt(p, b);
     m = (V) => {
       const M = Math.exp(-b * p * V);
       return o - M * ((y + b * p * v) / T * Math.sin(T * V) + v * Math.cos(T * V));
@@ -558,21 +561,21 @@ function Ft(t = x.visualDuration, e = x.bounce) {
     };
   }
   const A = {
-    calculatedDuration: h && d || null,
+    calculatedDuration: h && f || null,
     next: (T) => {
       const V = m(T);
       if (h)
-        a.done = T >= d;
+        a.done = T >= f;
       else {
         let M = T === 0 ? y : 0;
-        b < 1 && (M = T === 0 ? /* @__PURE__ */ L(y) : jn(m, T, V));
-        const w = Math.abs(M) <= s, F = Math.abs(o - V) <= i;
-        a.done = w && F;
+        b < 1 && (M = T === 0 ? /* @__PURE__ */ L(y) : _n(m, T, V));
+        const w = Math.abs(M) <= s, O = Math.abs(o - V) <= i;
+        a.done = w && O;
       }
       return a.value = a.done ? o : V, a;
     },
     toString: () => {
-      const T = Math.min(be(A), Pt), V = $n((M) => A.next(T * M).value, T, 30);
+      const T = Math.min(we(A), Ot), V = Gn((M) => A.next(T * M).value, T, 30);
       return T + "ms " + V;
     },
     toTransition: () => {
@@ -580,27 +583,27 @@ function Ft(t = x.visualDuration, e = x.bounce) {
   };
   return A;
 }
-Ft.applyToOptions = (t) => {
-  const e = Fi(t, 100, Ft);
+Dt.applyToOptions = (t) => {
+  const e = Ii(t, 100, Dt);
   return t.ease = e.ease, t.duration = /* @__PURE__ */ L(e.duration), t.type = "keyframes", t;
 };
-function qt({ 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 = {
+function Jt({ 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 f = t[0], d = {
     done: !1,
-    value: d
+    value: f
   }, h = (w) => a !== void 0 && w < a || c !== void 0 && w > c, y = (w) => a === void 0 ? c : c === void 0 || Math.abs(a - w) < Math.abs(c - w) ? a : c;
   let b = n * e;
-  const v = d + b, p = o === void 0 ? v : o(v);
-  p !== v && (b = p - d);
+  const v = f + b, p = o === void 0 ? v : o(v);
+  p !== v && (b = p - f);
   const S = (w) => -b * Math.exp(-w / s), m = (w) => p + S(w), A = (w) => {
-    const F = S(w), D = m(w);
-    f.done = Math.abs(F) <= l, f.value = f.done ? p : D;
+    const O = S(w), D = m(w);
+    d.done = Math.abs(O) <= l, d.value = d.done ? p : D;
   };
   let T, V;
   const M = (w) => {
-    h(f.value) && (T = w, V = Ft({
-      keyframes: [f.value, y(f.value)],
-      velocity: jn(m, w, f.value),
+    h(d.value) && (T = w, V = Dt({
+      keyframes: [d.value, y(d.value)],
+      velocity: _n(m, w, d.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: r,
@@ -611,93 +614,93 @@ function qt({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   return M(0), {
     calculatedDuration: null,
     next: (w) => {
-      let F = !1;
-      return !V && T === void 0 && (F = !0, A(w), M(w)), T !== void 0 && w >= T ? V.next(w - T) : (!F && A(w), f);
+      let O = !1;
+      return !V && T === void 0 && (O = !0, A(w), M(w)), T !== void 0 && w >= T ? V.next(w - T) : (!O && A(w), d);
     }
   };
 }
-function Li(t, e, n) {
-  const s = [], i = n || W.mix || Wn, r = t.length - 1;
+function Wi(t, e, n) {
+  const s = [], i = n || $.mix || jn, r = t.length - 1;
   for (let o = 0; o < r; o++) {
     let a = i(t[o], t[o + 1]);
     if (e) {
-      const c = Array.isArray(e) ? e[o] || tt : e;
-      a = Rt(c, a);
+      const c = Array.isArray(e) ? e[o] || it : e;
+      a = kt(c, a);
     }
     s.push(a);
   }
   return s;
 }
-function Bi(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
+function $i(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const r = t.length;
-  if (Y(r === e.length, "Both input and output ranges must be the same length"), r === 1)
+  if (X(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 = Li(e, s, i), c = a.length, l = (u) => {
+  const a = Wi(e, s, i), c = a.length, l = (u) => {
     if (o && u < t[0])
       return e[0];
-    let d = 0;
+    let f = 0;
     if (c > 1)
-      for (; d < t.length - 2 && !(u < t[d + 1]); d++)
+      for (; f < t.length - 2 && !(u < t[f + 1]); f++)
         ;
-    const f = /* @__PURE__ */ bn(t[d], t[d + 1], u);
-    return a[d](f);
+    const d = /* @__PURE__ */ vn(t[f], t[f + 1], u);
+    return a[f](d);
   };
-  return n ? (u) => l(z(t[0], t[r - 1], u)) : l;
+  return n ? (u) => l(Y(t[0], t[r - 1], u)) : l;
 }
-function Ki(t, e) {
+function ji(t, e) {
   const n = t[t.length - 1];
   for (let s = 1; s <= e; s++) {
-    const i = /* @__PURE__ */ bn(0, e, s);
-    t.push(Et(n, 1, i));
+    const i = /* @__PURE__ */ vn(0, e, s);
+    t.push(Nt(n, 1, i));
   }
 }
-function Wi(t) {
+function Gi(t) {
   const e = [0];
-  return Ki(e, t.length - 1), e;
+  return ji(e, t.length - 1), e;
 }
-function $i(t, e) {
+function _i(t, e) {
   return t.map((n) => n * e);
 }
-function ji(t, e) {
-  return t.map(() => e || Fn).splice(0, t.length - 1);
+function Hi(t, e) {
+  return t.map(() => e || Dn).splice(0, t.length - 1);
 }
-function q({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
-  const i = ti(s) ? s.map(Le) : Le(s), r = {
+function J({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
+  const i = si(s) ? s.map(Ke) : Ke(s), r = {
     done: !1,
     value: e[0]
-  }, o = $i(
+  }, o = _i(
     // 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 === e.length ? n : Wi(e),
+    n && n.length === e.length ? n : Gi(e),
     t
-  ), a = Bi(o, e, {
-    ease: Array.isArray(i) ? i : ji(e, i)
+  ), a = $i(o, e, {
+    ease: Array.isArray(i) ? i : Hi(e, i)
   });
   return {
     calculatedDuration: t,
     next: (c) => (r.value = a(c), r.done = c >= t, r)
   };
 }
-const _i = (t) => t !== null;
-function Te(t, { repeat: e, repeatType: n = "loop" }, s, i = 1) {
-  const r = t.filter(_i), a = i < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : r.length - 1;
+const Ui = (t) => t !== null;
+function Se(t, { repeat: e, repeatType: n = "loop" }, s, i = 1) {
+  const r = t.filter(Ui), a = i < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : r.length - 1;
   return !a || s === void 0 ? r[a] : s;
 }
-const Gi = {
-  decay: qt,
-  inertia: qt,
-  tween: q,
-  keyframes: q,
-  spring: Ft
+const zi = {
+  decay: Jt,
+  inertia: Jt,
+  tween: J,
+  keyframes: J,
+  spring: Dt
 };
-function _n(t) {
-  typeof t.type == "string" && (t.type = Gi[t.type]);
+function Hn(t) {
+  typeof t.type == "string" && (t.type = zi[t.type]);
 }
-class ve {
+class Ve {
   constructor() {
     this.updateFinished();
   }
@@ -721,8 +724,8 @@ class ve {
     return this.finished.then(e, n);
   }
 }
-const Ui = (t) => t / 100;
-class we extends ve {
+const Yi = (t) => t / 100;
+class Ae extends Ve {
   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;
@@ -732,17 +735,17 @@ class we extends ve {
   }
   initAnimation() {
     const { options: e } = this;
-    _n(e);
-    const { type: n = q, repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = e;
+    Hn(e);
+    const { type: n = J, repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = e;
     let { keyframes: a } = e;
-    const c = n || q;
-    process.env.NODE_ENV !== "production" && c !== q && Y(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), c !== q && typeof a[0] != "number" && (this.mixKeyframes = Rt(Ui, Wn(a[0], a[1])), a = [0, 100]);
+    const c = n || J;
+    process.env.NODE_ENV !== "production" && c !== J && X(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), c !== J && typeof a[0] != "number" && (this.mixKeyframes = kt(Yi, jn(a[0], a[1])), a = [0, 100]);
     const l = c({ ...e, keyframes: a });
     r === "mirror" && (this.mirroredGenerator = c({
       ...e,
       keyframes: [...a].reverse(),
       velocity: -o
-    })), l.calculatedDuration === null && (l.calculatedDuration = be(l));
+    })), l.calculatedDuration === null && (l.calculatedDuration = we(l));
     const { calculatedDuration: u } = l;
     this.calculatedDuration = u, this.resolvedDuration = u + i, this.totalDuration = this.resolvedDuration * (s + 1) - i, this.generator = l;
   }
@@ -754,22 +757,22 @@ class we extends ve {
     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: y, onUpdate: b, finalKeyframe: v } = this.options;
+    const { delay: l = 0, keyframes: u, repeat: f, repeatType: d, repeatDelay: h, type: y, onUpdate: b, finalKeyframe: v } = this.options;
     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 p = this.currentTime - l * (this.playbackSpeed >= 0 ? 1 : -1), S = this.playbackSpeed >= 0 ? p < 0 : p > i;
     this.currentTime = Math.max(p, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
     let m = this.currentTime, A = s;
-    if (d) {
+    if (f) {
       const w = Math.min(this.currentTime, i) / a;
-      let F = Math.floor(w), D = w % 1;
-      !D && w >= 1 && (D = 1), D === 1 && F--, F = Math.min(F, d + 1), !!(F % 2) && (f === "reverse" ? (D = 1 - D, h && (D -= h / a)) : f === "mirror" && (A = o)), m = z(0, 1, D) * a;
+      let O = Math.floor(w), D = w % 1;
+      !D && w >= 1 && (D = 1), D === 1 && O--, O = Math.min(O, f + 1), !!(O % 2) && (d === "reverse" ? (D = 1 - D, h && (D -= h / a)) : d === "mirror" && (A = o)), m = Y(0, 1, D) * a;
     }
     const T = S ? { done: !1, value: u[0] } : A.next(m);
     r && (T.value = r(T.value));
     let { done: V } = T;
     !S && c !== null && (V = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     const M = this.holdTime === null && (this.state === "finished" || this.state === "running" && V);
-    return M && y !== qt && (T.value = Te(u, this.options, v, this.speed)), b && b(T.value), M && this.finish(), T;
+    return M && y !== Jt && (T.value = Se(u, this.options, v, this.speed)), b && b(T.value), M && this.finish(), T;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -780,10 +783,10 @@ class we extends ve {
     return this.finished.then(e, n);
   }
   get duration() {
-    return /* @__PURE__ */ K(this.calculatedDuration);
+    return /* @__PURE__ */ W(this.calculatedDuration);
   }
   get time() {
-    return /* @__PURE__ */ K(this.currentTime);
+    return /* @__PURE__ */ W(this.currentTime);
   }
   set time(e) {
     var n;
@@ -795,13 +798,13 @@ class we extends ve {
   set speed(e) {
     this.updateTime(E.now());
     const n = this.playbackSpeed !== e;
-    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ K(this.currentTime));
+    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ W(this.currentTime));
   }
   play() {
     var i, r;
     if (this.isStopped)
       return;
-    const { driver: e = Pi, startTime: n } = this.options;
+    const { driver: e = Di, 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();
@@ -834,14 +837,14 @@ class we extends ve {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (n = this.driver) == null || n.stop(), e.observe(this);
   }
 }
-function Hi(t) {
+function Xi(t) {
   for (let e = 1; e < t.length; e++)
     t[e] ?? (t[e] = t[e - 1]);
 }
-const G = (t) => t * 180 / Math.PI, Zt = (t) => {
-  const e = G(Math.atan2(t[1], t[0]));
-  return Jt(e);
-}, zi = {
+const H = (t) => t * 180 / Math.PI, Qt = (t) => {
+  const e = H(Math.atan2(t[1], t[0]));
+  return te(e);
+}, qi = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -849,56 +852,56 @@ const G = (t) => t * 180 / Math.PI, Zt = (t) => {
   scaleX: 0,
   scaleY: 3,
   scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
-  rotate: Zt,
-  rotateZ: Zt,
-  skewX: (t) => G(Math.atan(t[1])),
-  skewY: (t) => G(Math.atan(t[2])),
+  rotate: Qt,
+  rotateZ: Qt,
+  skewX: (t) => H(Math.atan(t[1])),
+  skewY: (t) => H(Math.atan(t[2])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, Jt = (t) => (t = t % 360, t < 0 && (t += 360), t), _e = Zt, Ge = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Ue = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Yi = {
+}, te = (t) => (t = t % 360, t < 0 && (t += 360), t), He = Qt, Ue = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), ze = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Zi = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: Ge,
-  scaleY: Ue,
-  scale: (t) => (Ge(t) + Ue(t)) / 2,
-  rotateX: (t) => Jt(G(Math.atan2(t[6], t[5]))),
-  rotateY: (t) => Jt(G(Math.atan2(-t[2], t[0]))),
-  rotateZ: _e,
-  rotate: _e,
-  skewX: (t) => G(Math.atan(t[4])),
-  skewY: (t) => G(Math.atan(t[1])),
+  scaleX: Ue,
+  scaleY: ze,
+  scale: (t) => (Ue(t) + ze(t)) / 2,
+  rotateX: (t) => te(H(Math.atan2(t[6], t[5]))),
+  rotateY: (t) => te(H(Math.atan2(-t[2], t[0]))),
+  rotateZ: He,
+  rotate: He,
+  skewX: (t) => H(Math.atan(t[4])),
+  skewY: (t) => H(Math.atan(t[1])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
 };
-function Qt(t) {
+function ee(t) {
   return t.includes("scale") ? 1 : 0;
 }
-function te(t, e) {
+function ne(t, e) {
   if (!t || t === "none")
-    return Qt(e);
+    return ee(e);
   const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, i;
   if (n)
-    s = Yi, i = n;
+    s = Zi, i = n;
   else {
     const a = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    s = zi, i = a;
+    s = qi, i = a;
   }
   if (!i)
-    return Qt(e);
-  const r = s[e], o = i[1].split(",").map(qi);
+    return ee(e);
+  const r = s[e], o = i[1].split(",").map(Qi);
   return typeof r == "function" ? r(o) : o[r];
 }
-const Xi = (t, e) => {
+const Ji = (t, e) => {
   const { transform: n = "none" } = getComputedStyle(t);
-  return te(n, e);
+  return ne(n, e);
 };
-function qi(t) {
+function Qi(t) {
   return parseFloat(t.trim());
 }
-const st = [
+const at = [
   "transformPerspective",
   "x",
   "y",
@@ -916,10 +919,10 @@ const st = [
   "skew",
   "skewX",
   "skewY"
-], it = new Set(st), He = (t) => t === et || t === g, Zi = /* @__PURE__ */ new Set(["x", "y", "z"]), Ji = st.filter((t) => !Zi.has(t));
-function Qi(t) {
+], ut = new Set(at), Ye = (t) => t === rt || t === g, tr = /* @__PURE__ */ new Set(["x", "y", "z"]), er = at.filter((t) => !tr.has(t));
+function nr(t) {
   const e = [];
-  return Ji.forEach((n) => {
+  return er.forEach((n) => {
     const s = t.getValue(n);
     s !== void 0 && (e.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), e;
@@ -933,18 +936,18 @@ const U = {
   bottom: ({ y: t }, { top: e }) => parseFloat(e) + (t.max - t.min),
   right: ({ x: t }, { left: e }) => parseFloat(e) + (t.max - t.min),
   // Transform
-  x: (t, { transform: e }) => te(e, "x"),
-  y: (t, { transform: e }) => te(e, "y")
+  x: (t, { transform: e }) => ne(e, "x"),
+  y: (t, { transform: e }) => ne(e, "y")
 };
 U.translateX = U.x;
 U.translateY = U.y;
-const H = /* @__PURE__ */ new Set();
-let ee = !1, ne = !1, se = !1;
-function Gn() {
-  if (ne) {
-    const t = Array.from(H).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+const z = /* @__PURE__ */ new Set();
+let se = !1, ie = !1, re = !1;
+function Un() {
+  if (ie) {
+    const t = Array.from(z).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     e.forEach((s) => {
-      const i = Qi(s);
+      const i = nr(s);
       i.length && (n.set(s, i), s.render());
     }), t.forEach((s) => s.measureInitialState()), e.forEach((s) => {
       s.render();
@@ -957,22 +960,22 @@ function Gn() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  ne = !1, ee = !1, H.forEach((t) => t.complete(se)), H.clear();
+  ie = !1, se = !1, z.forEach((t) => t.complete(re)), z.clear();
 }
-function Un() {
-  H.forEach((t) => {
-    t.readKeyframes(), t.needsMeasurement && (ne = !0);
+function zn() {
+  z.forEach((t) => {
+    t.readKeyframes(), t.needsMeasurement && (ie = !0);
   });
 }
-function tr() {
-  se = !0, Un(), Gn(), se = !1;
+function sr() {
+  re = !0, zn(), Un(), re = !1;
 }
-class Se {
+class xe {
   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 ? (H.add(this), ee || (ee = !0, N.read(Un), N.resolveKeyframes(Gn))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (z.add(this), se || (se = !0, N.read(zn), N.resolveKeyframes(Un))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: s, motionValue: i } = this;
@@ -986,7 +989,7 @@ class Se {
       }
       e[0] === void 0 && (e[0] = o), i && r === void 0 && i.set(e[0]);
     }
-    Hi(e);
+    Xi(e);
   }
   setFinalKeyframe() {
   }
@@ -997,80 +1000,80 @@ class Se {
   measureEndState() {
   }
   complete(e = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, e), H.delete(this);
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, e), z.delete(this);
   }
   cancel() {
-    this.state === "scheduled" && (H.delete(this), this.state = "pending");
+    this.state === "scheduled" && (z.delete(this), this.state = "pending");
   }
   resume() {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const er = (t) => t.startsWith("--");
-function nr(t, e, n) {
-  er(e) ? t.style.setProperty(e, n) : t.style[e] = n;
+const ir = (t) => t.startsWith("--");
+function rr(t, e, n) {
+  ir(e) ? t.style.setProperty(e, n) : t.style[e] = n;
 }
-const sr = /* @__PURE__ */ fe(() => window.ScrollTimeline !== void 0), ir = {};
-function rr(t, e) {
-  const n = /* @__PURE__ */ fe(t);
-  return () => ir[e] ?? n();
+const or = /* @__PURE__ */ pe(() => window.ScrollTimeline !== void 0), ar = {};
+function ur(t, e) {
+  const n = /* @__PURE__ */ pe(t);
+  return () => ar[e] ?? n();
 }
-const Hn = /* @__PURE__ */ rr(() => {
+const Yn = /* @__PURE__ */ ur(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), at = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, ze = {
+}, "linearEasing"), ft = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, Xe = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ at([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ at([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ at([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ at([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ ft([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ ft([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ ft([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ ft([0.33, 1.53, 0.69, 0.99])
 };
-function zn(t, e) {
+function Xn(t, e) {
   if (t)
-    return typeof t == "function" ? Hn() ? $n(t, e) : "ease-out" : On(t) ? at(t) : Array.isArray(t) ? t.map((n) => zn(n, e) || ze.easeOut) : ze[t];
+    return typeof t == "function" ? Yn() ? Gn(t, e) : "ease-out" : In(t) ? ft(t) : Array.isArray(t) ? t.map((n) => Xn(n, e) || Xe.easeOut) : Xe[t];
 }
-function or(t, e, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeOut", times: c } = {}, l = void 0) {
+function cr(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 = {
     [e]: n
   };
   c && (u.offset = c);
-  const d = zn(a, i);
-  Array.isArray(d) && (u.easing = d);
-  const f = {
+  const f = Xn(a, i);
+  Array.isArray(f) && (u.easing = f);
+  const d = {
     delay: s,
     duration: i,
-    easing: Array.isArray(d) ? "linear" : d,
+    easing: Array.isArray(f) ? "linear" : f,
     fill: "both",
     iterations: r + 1,
     direction: o === "reverse" ? "alternate" : "normal"
   };
-  return l && (f.pseudoElement = l), t.animate(u, f);
+  return l && (d.pseudoElement = l), t.animate(u, d);
 }
-function Yn(t) {
+function qn(t) {
   return typeof t == "function" && "applyToOptions" in t;
 }
-function ar({ type: t, ...e }) {
-  return Yn(t) && Hn() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
+function lr({ type: t, ...e }) {
+  return qn(t) && Yn() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
-class ur extends ve {
+class fr extends Ve {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !e)
       return;
     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, Y(typeof e.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
-    const l = ar(e);
-    this.animation = or(n, s, i, l, r), l.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    this.isPseudoElement = !!r, this.allowFlatten = o, this.options = e, X(typeof e.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
+    const l = lr(e);
+    this.animation = cr(n, s, i, l, r), l.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !r) {
-        const u = Te(i, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(u) : nr(n, s, u), this.animation.cancel();
+        const u = Se(i, this.options, a, this.speed);
+        this.updateMotionValue ? this.updateMotionValue(u) : rr(n, s, u), this.animation.cancel();
       }
       c == null || c(), this.notifyFinished();
     };
@@ -1117,10 +1120,10 @@ class ur extends ve {
   get duration() {
     var n, s;
     const e = ((s = (n = this.animation.effect) == null ? void 0 : n.getComputedTiming) == null ? void 0 : s.call(n).duration) || 0;
-    return /* @__PURE__ */ K(Number(e));
+    return /* @__PURE__ */ W(Number(e));
   }
   get time() {
-    return /* @__PURE__ */ K(Number(this.animation.currentTime) || 0);
+    return /* @__PURE__ */ W(Number(this.animation.currentTime) || 0);
   }
   set time(e) {
     this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ L(e);
@@ -1149,24 +1152,24 @@ class ur extends ve {
    */
   attachTimeline({ timeline: e, observe: n }) {
     var s;
-    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && sr() ? (this.animation.timeline = e, tt) : n(this);
+    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && or() ? (this.animation.timeline = e, it) : n(this);
   }
 }
-const Xn = {
-  anticipate: Cn,
-  backInOut: Mn,
-  circInOut: Pn
+const Zn = {
+  anticipate: Fn,
+  backInOut: Pn,
+  circInOut: On
 };
-function cr(t) {
-  return t in Xn;
+function dr(t) {
+  return t in Zn;
 }
-function lr(t) {
-  typeof t.ease == "string" && cr(t.ease) && (t.ease = Xn[t.ease]);
+function hr(t) {
+  typeof t.ease == "string" && dr(t.ease) && (t.ease = Zn[t.ease]);
 }
-const Ye = 10;
-class fr extends ur {
+const qe = 10;
+class pr extends fr {
   constructor(e) {
-    lr(e), _n(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
+    hr(e), Hn(e), super(e), e.startTime && (this.startTime = e.startTime), this.options = e;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1184,17 +1187,17 @@ class fr extends ur {
       n.set(e);
       return;
     }
-    const a = new we({
+    const a = new Ae({
       ...o,
       autoplay: !1
     }), c = /* @__PURE__ */ L(this.finishedTime ?? this.time);
-    n.setWithVelocity(a.sample(c - Ye).value, a.sample(c).value, Ye), a.stop();
+    n.setWithVelocity(a.sample(c - qe).value, a.sample(c).value, qe), a.stop();
   }
 }
-const Xe = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
-(nt.test(t) || t === "0") && // And it contains numbers and/or colors
+const Ze = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
+(ot.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
-function dr(t) {
+function mr(t) {
   const e = t[0];
   if (t.length === 1)
     return !0;
@@ -1202,47 +1205,47 @@ function dr(t) {
     if (t[n] !== e)
       return !0;
 }
-function hr(t, e, n, s) {
+function gr(t, e, n, s) {
   const i = t[0];
   if (i === null)
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
-  const r = t[t.length - 1], o = Xe(i, e), a = Xe(r, e);
-  return mt(o === a, `You are trying to animate ${e} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : dr(t) || (n === "spring" || Yn(n)) && s;
+  const r = t[t.length - 1], o = Ze(i, e), a = Ze(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 : mr(t) || (n === "spring" || qn(n)) && s;
 }
-function qn(t) {
-  return Hs(t) && "offsetHeight" in t;
+function oe(t) {
+  t.duration = 0, t.type;
 }
-const pr = /* @__PURE__ */ new Set([
+const yr = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), mr = /* @__PURE__ */ fe(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function gr(t) {
-  var l;
+]), br = /* @__PURE__ */ pe(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function Tr(t) {
+  var u;
   const { motionValue: e, name: n, repeatDelay: s, repeatType: i, damping: r, type: o } = t;
-  if (!qn((l = e == null ? void 0 : e.owner) == null ? void 0 : l.current))
+  if (!(((u = e == null ? void 0 : e.owner) == null ? void 0 : u.current) instanceof HTMLElement))
     return !1;
-  const { onUpdate: a, transformTemplate: c } = e.owner.getProps();
-  return mr() && n && pr.has(n) && (n !== "transform" || !c) && /**
+  const { onUpdate: c, transformTemplate: l } = e.owner.getProps();
+  return br() && n && yr.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.
    */
-  !a && !s && i !== "mirror" && r !== 0 && o !== "inertia";
+  !c && !s && i !== "mirror" && r !== 0 && o !== "inertia";
 }
-const yr = 40;
-class br extends ve {
-  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 }) {
+const vr = 40;
+class wr extends Ve {
+  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, ...f }) {
     var y;
     super(), this.stop = () => {
       var b, v;
       this._animation && (this._animation.stop(), (b = this.stopTimeline) == null || b.call(this)), (v = this.keyframeResolver) == null || v.cancel();
     }, this.createdAt = E.now();
-    const f = {
+    const d = {
       autoplay: e,
       delay: n,
       type: s,
@@ -1252,24 +1255,24 @@ class br extends ve {
       name: c,
       motionValue: l,
       element: u,
-      ...d
-    }, h = (u == null ? void 0 : u.KeyframeResolver) || Se;
-    this.keyframeResolver = new h(a, (b, v, p) => this.onKeyframesResolved(b, v, f, !p), c, l, u), (y = this.keyframeResolver) == null || y.scheduleResolve();
+      ...f
+    }, h = (u == null ? void 0 : u.KeyframeResolver) || xe;
+    this.keyframeResolver = new h(a, (b, v, p) => this.onKeyframesResolved(b, v, d, !p), c, l, u), (y = this.keyframeResolver) == null || y.scheduleResolve();
   }
   onKeyframesResolved(e, n, s, i) {
     this.keyframeResolver = void 0;
     const { name: r, type: o, velocity: a, delay: c, isHandoff: l, onUpdate: u } = s;
-    this.resolvedAt = E.now(), hr(e, r, o, a) || ((W.instantAnimations || !c) && (u == null || u(Te(e, s, n))), e[0] = e[e.length - 1], s.duration = 0, s.repeat = 0);
-    const f = {
-      startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > yr ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+    this.resolvedAt = E.now(), gr(e, r, o, a) || (($.instantAnimations || !c) && (u == null || u(Se(e, s, n))), e[0] = e[e.length - 1], oe(s), s.repeat = 0);
+    const d = {
+      startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > vr ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...s,
       keyframes: e
-    }, h = !l && gr(f) ? new fr({
-      ...f,
-      element: f.motionValue.owner.current
-    }) : new we(f);
-    h.finished.then(() => this.notifyFinished()).catch(tt), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
+    }, h = !l && Tr(d) ? new pr({
+      ...d,
+      element: d.motionValue.owner.current
+    }) : new Ae(d);
+    h.finished.then(() => this.notifyFinished()).catch(it), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1280,7 +1283,7 @@ class br extends ve {
   }
   get animation() {
     var e;
-    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), tr()), this._animation;
+    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), sr()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1320,81 +1323,81 @@ class br extends ve {
     this._animation && this.animation.cancel(), (e = this.keyframeResolver) == null || e.cancel();
   }
 }
-const Tr = (
+const Sr = (
   // 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 vr(t) {
-  const e = Tr.exec(t);
+function Vr(t) {
+  const e = Sr.exec(t);
   if (!e)
     return [,];
   const [, n, s, i] = e;
   return [`--${n ?? s}`, i];
 }
-const wr = 4;
-function Zn(t, e, n = 1) {
-  Y(n <= wr, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
-  const [s, i] = vr(t);
+const Ar = 4;
+function Jn(t, e, n = 1) {
+  X(n <= Ar, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [s, i] = Vr(t);
   if (!s)
     return;
   const r = window.getComputedStyle(e).getPropertyValue(s);
   if (r) {
     const o = r.trim();
-    return gn(o) ? parseFloat(o) : o;
+    return bn(o) ? parseFloat(o) : o;
   }
-  return pe(i) ? Zn(i, e, n + 1) : i;
+  return ye(i) ? Jn(i, e, n + 1) : i;
 }
-function Jn(t, e) {
+function Qn(t, e) {
   return (t == null ? void 0 : t[e]) ?? (t == null ? void 0 : t.default) ?? t;
 }
-const Qn = /* @__PURE__ */ new Set([
+const ts = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
   "left",
   "right",
   "bottom",
-  ...st
-]), Sr = {
+  ...at
+]), xr = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, ts = (t) => (e) => e.test(t), es = [et, g, Z, $, di, fi, Sr], qe = (t) => es.find(ts(t));
-function Vr(t) {
-  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || yn(t) : !0;
+}, es = (t) => (e) => e.test(t), ns = [rt, g, Q, j, mi, pi, xr], Je = (t) => ns.find(es(t));
+function Mr(t) {
+  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Tn(t) : !0;
 }
-const Ar = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function xr(t) {
+const Cr = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function Pr(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
-  const [s] = n.match(me) || [];
+  const [s] = n.match(be) || [];
   if (!s)
     return t;
   const i = n.replace(s, "");
-  let r = Ar.has(e) ? 1 : 0;
+  let r = Cr.has(e) ? 1 : 0;
   return s !== n && (r *= 100), e + "(" + r + i + ")";
 }
-const Mr = /\b([a-z-]*)\(.*?\)/gu, ie = {
-  ...nt,
+const Fr = /\b([a-z-]*)\(.*?\)/gu, ae = {
+  ...ot,
   getAnimatableNone: (t) => {
-    const e = t.match(Mr);
-    return e ? e.map(xr).join(" ") : t;
+    const e = t.match(Fr);
+    return e ? e.map(Pr).join(" ") : t;
   }
-}, Ze = {
-  ...et,
+}, Qe = {
+  ...rt,
   transform: Math.round
-}, Cr = {
-  rotate: $,
-  rotateX: $,
-  rotateY: $,
-  rotateZ: $,
-  scale: Vt,
-  scaleX: Vt,
-  scaleY: Vt,
-  scaleZ: Vt,
-  skew: $,
-  skewX: $,
-  skewY: $,
+}, Or = {
+  rotate: j,
+  rotateX: j,
+  rotateY: j,
+  rotateZ: j,
+  scale: xt,
+  scaleX: xt,
+  scaleY: xt,
+  scaleZ: xt,
+  skew: j,
+  skewX: j,
+  skewY: j,
   distance: g,
   translateX: g,
   translateY: g,
@@ -1404,11 +1407,11 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, ie = {
   z: g,
   perspective: g,
   transformPerspective: g,
-  opacity: ft,
-  originX: Be,
-  originY: Be,
+  opacity: pt,
+  originX: We,
+  originY: We,
   originZ: g
-}, Ve = {
+}, Me = {
   // Border props
   borderWidth: g,
   borderTopWidth: g,
@@ -1444,45 +1447,45 @@ const Mr = /\b([a-z-]*)\(.*?\)/gu, ie = {
   // Misc
   backgroundPositionX: g,
   backgroundPositionY: g,
-  ...Cr,
-  zIndex: Ze,
+  ...Or,
+  zIndex: Qe,
   // SVG
-  fillOpacity: ft,
-  strokeOpacity: ft,
-  numOctaves: Ze
-}, Pr = {
-  ...Ve,
+  fillOpacity: pt,
+  strokeOpacity: pt,
+  numOctaves: Qe
+}, Dr = {
+  ...Me,
   // Color props
-  color: C,
-  backgroundColor: C,
-  outlineColor: C,
-  fill: C,
-  stroke: C,
+  color: P,
+  backgroundColor: P,
+  outlineColor: P,
+  fill: P,
+  stroke: P,
   // Border props
-  borderColor: C,
-  borderTopColor: C,
-  borderRightColor: C,
-  borderBottomColor: C,
-  borderLeftColor: C,
-  filter: ie,
-  WebkitFilter: ie
-}, ns = (t) => Pr[t];
-function ss(t, e) {
-  let n = ns(t);
-  return n !== ie && (n = nt), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
-}
-const Fr = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function Or(t, e, n) {
+  borderColor: P,
+  borderTopColor: P,
+  borderRightColor: P,
+  borderBottomColor: P,
+  borderLeftColor: P,
+  filter: ae,
+  WebkitFilter: ae
+}, ss = (t) => Dr[t];
+function is(t, e) {
+  let n = ss(t);
+  return n !== ae && (n = ot), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
+}
+const Ir = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function Rr(t, e, n) {
   let s = 0, i;
   for (; s < t.length && !i; ) {
     const r = t[s];
-    typeof r == "string" && !Fr.has(r) && dt(r).values.length && (i = t[s]), s++;
+    typeof r == "string" && !Ir.has(r) && mt(r).values.length && (i = t[s]), s++;
   }
   if (i && n)
     for (const r of e)
-      t[r] = ss(n, i);
+      t[r] = is(n, i);
 }
-class Dr extends Se {
+class Er extends xe {
   constructor(e, n, s, i, r) {
     super(e, n, s, i, r, !0);
   }
@@ -1493,16 +1496,16 @@ class Dr extends Se {
     super.readKeyframes();
     for (let c = 0; c < e.length; c++) {
       let l = e[c];
-      if (typeof l == "string" && (l = l.trim(), pe(l))) {
-        const u = Zn(l, n.current);
+      if (typeof l == "string" && (l = l.trim(), ye(l))) {
+        const u = Jn(l, n.current);
         u !== void 0 && (e[c] = u), c === e.length - 1 && (this.finalKeyframe = l);
       }
     }
-    if (this.resolveNoneKeyframes(), !Qn.has(s) || e.length !== 2)
+    if (this.resolveNoneKeyframes(), !ts.has(s) || e.length !== 2)
       return;
-    const [i, r] = e, o = qe(i), a = qe(r);
+    const [i, r] = e, o = Je(i), a = Je(r);
     if (o !== a)
-      if (He(o) && He(a))
+      if (Ye(o) && Ye(a))
         for (let c = 0; c < e.length; c++) {
           const l = e[c];
           typeof l == "string" && (e[c] = parseFloat(l));
@@ -1512,8 +1515,8 @@ class Dr extends Se {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: n } = this, s = [];
     for (let i = 0; i < e.length; i++)
-      (e[i] === null || Vr(e[i])) && s.push(i);
-    s.length && Or(e, s, n);
+      (e[i] === null || Mr(e[i])) && s.push(i);
+    s.length && Rr(e, s, n);
   }
   measureInitialState() {
     const { element: e, unresolvedKeyframes: n, name: s } = this;
@@ -1536,7 +1539,7 @@ class Dr extends Se {
     }), this.resolveNoneKeyframes();
   }
 }
-function Ir(t, e, n) {
+function kr(t, e, n) {
   if (t instanceof EventTarget)
     return [t];
   if (typeof t == "string") {
@@ -1546,8 +1549,12 @@ function Ir(t, e, n) {
   }
   return Array.from(t);
 }
-const is = (t, e) => e && typeof t == "number" ? e.transform(t) : t, Je = 30, Rr = (t) => !isNaN(parseFloat(t));
-class Er {
+const rs = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
+function Nr(t) {
+  return Xs(t) && "offsetHeight" in t;
+}
+const tn = 30, Lr = (t) => !isNaN(parseFloat(t));
+class Br {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -1555,17 +1562,16 @@ class Er {
    * -  `transformer`: A function to transform incoming values with.
    */
   constructor(e, n = {}) {
-    this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (s, i = !0) => {
-      var o, a;
-      const r = E.now();
-      if (this.updatedAt !== r && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(s), this.current !== this.prev && ((o = this.events.change) == null || o.notify(this.current), this.dependents))
-        for (const c of this.dependents)
-          c.dirty();
-      i && ((a = this.events.renderRequest) == null || a.notify(this.current));
+    this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (s) => {
+      var r;
+      const i = E.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(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = E.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = Rr(this.current));
+    this.current = e, this.updatedAt = E.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = Lr(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -1611,10 +1617,10 @@ class Er {
    * @deprecated
    */
   onChange(e) {
-    return process.env.NODE_ENV !== "production" && wn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
+    return process.env.NODE_ENV !== "production" && Vn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
   }
   on(e, n) {
-    this.events[e] || (this.events[e] = new Tn());
+    this.events[e] || (this.events[e] = new wn());
     const s = this.events[e].add(n);
     return e === "change" ? () => {
       s(), N.read(() => {
@@ -1647,8 +1653,8 @@ class Er {
    *
    * @public
    */
-  set(e, n = !0) {
-    !n || !this.passiveEffect ? this.updateAndNotify(e, n) : this.passiveEffect(e, this.updateAndNotify);
+  set(e) {
+    this.passiveEffect ? this.passiveEffect(e, this.updateAndNotify) : this.updateAndNotify(e);
   }
   setWithVelocity(e, n, s) {
     this.set(n), this.prev = void 0, this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt - s;
@@ -1695,10 +1701,10 @@ class Er {
    */
   getVelocity() {
     const e = E.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > Je)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > tn)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, Je);
-    return vn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, tn);
+    return Sn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1750,35 +1756,35 @@ class Er {
     (e = this.dependents) == null || e.clear(), (n = this.events.destroy) == null || n.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
   }
 }
-function Ot(t, e) {
-  return new Er(t, e);
+function It(t, e) {
+  return new Br(t, e);
 }
-const { schedule: kr } = /* @__PURE__ */ Dn(queueMicrotask, !1), Nr = {
+const { schedule: Kr } = /* @__PURE__ */ Rn(queueMicrotask, !1), Wr = {
   y: !1
 };
-function Lr() {
-  return Nr.y;
+function $r() {
+  return Wr.y;
 }
-function rs(t, e) {
-  const n = Ir(t), s = new AbortController(), i = {
+function os(t, e) {
+  const n = kr(t), s = new AbortController(), i = {
     passive: !0,
     ...e,
     signal: s.signal
   };
   return [n, i, () => s.abort()];
 }
-function Qe(t) {
-  return !(t.pointerType === "touch" || Lr());
+function en(t) {
+  return !(t.pointerType === "touch" || $r());
 }
-function Br(t, e, n = {}) {
-  const [s, i, r] = rs(t, n), o = (a) => {
-    if (!Qe(a))
+function jr(t, e, n = {}) {
+  const [s, i, r] = os(t, n), o = (a) => {
+    if (!en(a))
       return;
     const { target: c } = a, l = e(c, a);
     if (typeof l != "function" || !c)
       return;
-    const u = (d) => {
-      Qe(d) && (l(d), c.removeEventListener("pointerleave", u));
+    const u = (f) => {
+      en(f) && (l(f), c.removeEventListener("pointerleave", u));
     };
     c.addEventListener("pointerleave", u, i);
   };
@@ -1786,18 +1792,18 @@ function Br(t, e, n = {}) {
     a.addEventListener("pointerenter", o, i);
   }), r;
 }
-const os = (t, e) => e ? t === e ? !0 : os(t, e.parentElement) : !1, Kr = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, Wr = /* @__PURE__ */ new Set([
+const as = (t, e) => e ? t === e ? !0 : as(t, e.parentElement) : !1, Gr = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, _r = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function $r(t) {
-  return Wr.has(t.tagName) || t.tabIndex !== -1;
+function Hr(t) {
+  return _r.has(t.tagName) || t.tabIndex !== -1;
 }
-const xt = /* @__PURE__ */ new WeakSet();
-function tn(t) {
+const Ct = /* @__PURE__ */ new WeakSet();
+function nn(t) {
   return (e) => {
     e.key === "Enter" && t(e);
   };
@@ -1805,48 +1811,48 @@ function tn(t) {
 function _t(t, e) {
   t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
-const jr = (t, e) => {
+const Ur = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
-  const s = tn(() => {
-    if (xt.has(n))
+  const s = nn(() => {
+    if (Ct.has(n))
       return;
     _t(n, "down");
-    const i = tn(() => {
+    const i = nn(() => {
       _t(n, "up");
     }), r = () => _t(n, "cancel");
     n.addEventListener("keyup", i, e), n.addEventListener("blur", r, e);
   });
   n.addEventListener("keydown", s, e), n.addEventListener("blur", () => n.removeEventListener("keydown", s), e);
 };
-function en(t) {
-  return Kr(t) && !0;
+function sn(t) {
+  return Gr(t) && !0;
 }
-function _r(t, e, n = {}) {
-  const [s, i, r] = rs(t, n), o = (a) => {
+function zr(t, e, n = {}) {
+  const [s, i, r] = os(t, n), o = (a) => {
     const c = a.currentTarget;
-    if (!en(a))
+    if (!sn(a))
       return;
-    xt.add(c);
+    Ct.add(c);
     const l = e(c, a), u = (h, y) => {
-      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), xt.has(c) && xt.delete(c), en(h) && typeof l == "function" && l(h, { success: y });
-    }, d = (h) => {
-      u(h, c === window || c === document || n.useGlobalTarget || os(c, h.target));
+      window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", d), Ct.has(c) && Ct.delete(c), sn(h) && typeof l == "function" && l(h, { success: y });
     }, f = (h) => {
+      u(h, c === window || c === document || n.useGlobalTarget || as(c, h.target));
+    }, d = (h) => {
       u(h, !1);
     };
-    window.addEventListener("pointerup", d, i), window.addEventListener("pointercancel", f, i);
+    window.addEventListener("pointerup", f, i), window.addEventListener("pointercancel", d, i);
   };
   return s.forEach((a) => {
-    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, i), qn(a) && (a.addEventListener("focus", (l) => jr(l, i)), !$r(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, i), Nr(a) && (a.addEventListener("focus", (l) => Ur(l, i)), !Hr(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), r;
 }
-const I = (t) => !!(t && t.getVelocity), Gr = [...es, C, nt], Ur = (t) => Gr.find(ts(t)), as = Q({
+const I = (t) => !!(t && t.getVelocity), Yr = [...ns, P, ot], Xr = (t) => Yr.find(es(t)), us = st({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
-}), Ae = Q({ strict: !1 }), nn = {
+}), Ce = st({ strict: !1 }), rn = {
   animation: [
     "animate",
     "variants",
@@ -1865,34 +1871,34 @@ const I = (t) => !!(t && t.getVelocity), Gr = [...es, C, nt], Ur = (t) => Gr.fin
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, J = {};
-for (const t in nn)
-  J[t] = {
-    isEnabled: (e) => nn[t].some((n) => !!e[n])
+}, nt = {};
+for (const t in rn)
+  nt[t] = {
+    isEnabled: (e) => rn[t].some((n) => !!e[n])
   };
-function sn(t) {
+function on(t) {
   for (const e in t)
-    J[e] = {
-      ...J[e],
+    nt[e] = {
+      ...nt[e],
       ...t[e]
     };
 }
-function Hr({ children: t, features: e, strict: n = !1 }) {
-  const [, s] = Ns(!Gt(e)), i = ut(void 0);
-  if (!Gt(e)) {
+function qr({ children: t, features: e, strict: n = !1 }) {
+  const [, s] = Ks(!Ht(e)), i = dt(void 0);
+  if (!Ht(e)) {
     const { renderer: r, ...o } = e;
-    i.current = r, sn(o);
+    i.current = r, on(o);
   }
-  return ce(() => {
-    Gt(e) && e().then(({ renderer: r, ...o }) => {
-      sn(o), i.current = r, s(!0);
+  return de(() => {
+    Ht(e) && e().then(({ renderer: r, ...o }) => {
+      on(o), i.current = r, s(!0);
     });
-  }, []), R(Ae.Provider, { value: { renderer: i.current, strict: n }, children: t });
+  }, []), R(Ce.Provider, { value: { renderer: i.current, strict: n }, children: t });
 }
-function Gt(t) {
+function Ht(t) {
   return typeof t == "function";
 }
-const zr = /* @__PURE__ */ new Set([
+const Zr = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -1924,32 +1930,32 @@ const zr = /* @__PURE__ */ new Set([
   "ignoreStrict",
   "viewport"
 ]);
-function Dt(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || zr.has(t);
+function Rt(t) {
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Zr.has(t);
 }
-let us = (t) => !Dt(t);
-function Yr(t) {
-  typeof t == "function" && (us = (e) => e.startsWith("on") ? !Dt(e) : t(e));
+let cs = (t) => !Rt(t);
+function Jr(t) {
+  typeof t == "function" && (cs = (e) => e.startsWith("on") ? !Rt(e) : t(e));
 }
 try {
-  Yr(require("@emotion/is-prop-valid").default);
+  Jr(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function Xr(t, e, n) {
+function Qr(t, e, n) {
   const s = {};
   for (const i in t)
-    i === "values" && typeof t.values == "object" || (us(i) || n === !0 && Dt(i) || !e && !Dt(i) || // If trying to use native HTML drag events, forward drag listeners
+    i === "values" && typeof t.values == "object" || (cs(i) || n === !0 && Rt(i) || !e && !Rt(i) || // If trying to use native HTML drag events, forward drag listeners
     t.draggable && i.startsWith("onDrag")) && (s[i] = t[i]);
   return s;
 }
-const kt = /* @__PURE__ */ Q({});
-function Nt(t) {
+const Lt = /* @__PURE__ */ st({});
+function Bt(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
-function ht(t) {
+function gt(t) {
   return typeof t == "string" || Array.isArray(t);
 }
-const xe = [
+const Pe = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -1957,158 +1963,52 @@ const xe = [
   "whileTap",
   "whileDrag",
   "exit"
-], Me = ["initial", ...xe];
-function Lt(t) {
-  return Nt(t.animate) || Me.some((e) => ht(t[e]));
+], Fe = ["initial", ...Pe];
+function Kt(t) {
+  return Bt(t.animate) || Fe.some((e) => gt(t[e]));
 }
-function cs(t) {
-  return !!(Lt(t) || t.variants);
+function ls(t) {
+  return !!(Kt(t) || t.variants);
 }
-function qr(t, e) {
-  if (Lt(t)) {
+function to(t, e) {
+  if (Kt(t)) {
     const { initial: n, animate: s } = t;
     return {
-      initial: n === !1 || ht(n) ? n : void 0,
-      animate: ht(s) ? s : void 0
+      initial: n === !1 || gt(n) ? n : void 0,
+      animate: gt(s) ? s : void 0
     };
   }
   return t.inherit !== !1 ? e : {};
 }
-function Zr(t) {
-  const { initial: e, animate: n } = qr(t, k(kt));
-  return It(() => ({ initial: e, animate: n }), [rn(e), rn(n)]);
+function eo(t) {
+  const { initial: e, animate: n } = to(t, k(Lt));
+  return Et(() => ({ initial: e, animate: n }), [an(e), an(n)]);
 }
-function rn(t) {
+function an(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-const Jr = Symbol.for("motionComponentSymbol");
-function ls(t) {
-  return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
-}
-function Qr(t, e, n) {
-  return Ls(
-    (s) => {
-      s && t.onMount && t.onMount(s), e && (s ? e.mount(s) : e.unmount()), n && (typeof n == "function" ? n(s) : ls(n) && (n.current = s));
-    },
-    /**
-     * Only pass a new ref callback to React if we've received a visual element
-     * factory. Otherwise we'll be mounting/remounting every time externalRef
-     * or other dependencies change.
-     */
-    [e]
-  );
-}
-const Ce = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), to = "framerAppearId", fs = "data-" + Ce(to), eo = Q({});
-function no(t, e, n, s, i) {
-  var b, v;
-  const { visualElement: r } = k(kt), o = k(Ae), a = k(mn), c = k(as).reducedMotion, l = ut(null);
-  s = s || o.renderer, !l.current && s && (l.current = s(t, {
-    visualState: e,
-    parent: r,
-    props: n,
-    presenceContext: a,
-    blockInitialAnimation: a ? a.initial === !1 : !1,
-    reducedMotionConfig: c
-  }));
-  const u = l.current, d = k(eo);
-  u && !u.projection && i && (u.type === "html" || u.type === "svg") && so(l.current, n, i, d);
-  const f = ut(!1);
-  Bs(() => {
-    u && f.current && u.update(n, a);
-  });
-  const h = n[fs], y = ut(!!h && !((b = window.MotionHandoffIsComplete) != null && b.call(window, h)) && ((v = window.MotionHasOptimisedAnimation) == null ? void 0 : v.call(window, h)));
-  return _s(() => {
-    u && (f.current = !0, window.MotionIsMounted = !0, u.updateFeatures(), kr.render(u.render), y.current && u.animationState && u.animationState.animateChanges());
-  }), ce(() => {
-    u && (!y.current && u.animationState && u.animationState.animateChanges(), y.current && (queueMicrotask(() => {
-      var p;
-      (p = window.MotionHandoffMarkAsComplete) == null || p.call(window, h);
-    }), y.current = !1));
-  }), u;
-}
-function so(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 : ds(t.parent)), t.projection.setOptions({
-    layoutId: i,
-    layout: r,
-    alwaysMeasureLayout: !!o || a && ls(a),
-    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.
-     * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
-     * ensuring it gets called if there's no potential layout animations.
-     *
-     */
-    animationType: typeof r == "string" ? r : "both",
-    initialPromotionConfig: s,
-    crossfade: u,
-    layoutScroll: c,
-    layoutRoot: l
-  });
-}
-function ds(t) {
-  if (t)
-    return t.options.allowProjection !== !1 ? t.projection : ds(t.parent);
-}
-function io({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVisualState: s, Component: i }) {
-  function r(a, c) {
-    let l;
-    const u = {
-      ...k(as),
-      ...a,
-      layoutId: ro(a)
-    }, { isStatic: d } = u, f = Zr(a), h = s(a, d);
-    if (!d && le) {
-      oo(u, t);
-      const y = ao(u);
-      l = y.MeasureLayout, f.visualElement = no(i, h, u, e, y.ProjectionNode);
-    }
-    return hn(kt.Provider, { value: f, children: [l && f.visualElement ? R(l, { visualElement: f.visualElement, ...u }) : null, n(i, a, Qr(h, f.visualElement, c), h, d, f.visualElement)] });
-  }
-  r.displayName = `motion.${typeof i == "string" ? i : `create(${i.displayName ?? i.name ?? ""})`}`;
-  const o = Ks(r);
-  return o[Jr] = i, o;
-}
-function ro({ layoutId: t }) {
-  const e = k($s).id;
-  return e && t !== void 0 ? e + "-" + t : t;
-}
-function oo(t, e) {
-  k(Ae).strict, process.env.NODE_ENV;
-}
-function ao(t) {
-  const { drag: e, layout: n } = J;
-  if (!e && !n)
-    return {};
-  const s = { ...e, ...n };
-  return {
-    MeasureLayout: e != null && e.isEnabled(t) || n != null && n.isEnabled(t) ? s.MeasureLayout : void 0,
-    ProjectionNode: s.ProjectionNode
-  };
-}
-const uo = {};
-function hs(t, { layout: e, layoutId: n }) {
-  return it.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!uo[t] || t === "opacity");
+const no = {};
+function fs(t, { layout: e, layoutId: n }) {
+  return ut.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!no[t] || t === "opacity");
 }
-const co = {
+const so = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, lo = st.length;
-function fo(t, e, n) {
+}, io = at.length;
+function ro(t, e, n) {
   let s = "", i = !0;
-  for (let r = 0; r < lo; r++) {
-    const o = st[r], a = t[o];
+  for (let r = 0; r < io; r++) {
+    const o = at[r], a = t[o];
     if (a === void 0)
       continue;
     let c = !0;
     if (typeof a == "number" ? c = a === (o.startsWith("scale") ? 1 : 0) : c = parseFloat(a) === 0, !c || n) {
-      const l = is(a, Ve[o]);
+      const l = rs(a, Me[o]);
       if (!c) {
         i = !1;
-        const u = co[o] || o;
+        const u = so[o] || o;
         s += `${u}(${l}) `;
       }
       n && (e[o] = l);
@@ -2116,66 +2016,66 @@ function fo(t, e, n) {
   }
   return s = s.trim(), n ? s = n(e, i ? "" : s) : i && (s = "none"), s;
 }
-function Pe(t, e, n) {
+function Oe(t, e, n) {
   const { style: s, vars: i, transformOrigin: r } = t;
   let o = !1, a = !1;
   for (const c in e) {
     const l = e[c];
-    if (it.has(c)) {
+    if (ut.has(c)) {
       o = !0;
       continue;
-    } else if (Rn(c)) {
+    } else if (kn(c)) {
       i[c] = l;
       continue;
     } else {
-      const u = is(l, Ve[c]);
+      const u = rs(l, Me[c]);
       c.startsWith("origin") ? (a = !0, r[c] = u) : s[c] = u;
     }
   }
-  if (e.transform || (o || n ? s.transform = fo(e, t.transform, n) : s.transform && (s.transform = "none")), a) {
+  if (e.transform || (o || n ? s.transform = ro(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}`;
   }
 }
-const Fe = () => ({
+const De = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
   vars: {}
 });
-function ps(t, e, n) {
+function ds(t, e, n) {
   for (const s in e)
-    !I(e[s]) && !hs(s, n) && (t[s] = e[s]);
+    !I(e[s]) && !fs(s, n) && (t[s] = e[s]);
 }
-function ho({ transformTemplate: t }, e) {
-  return It(() => {
-    const n = Fe();
-    return Pe(n, e, t), Object.assign({}, n.vars, n.style);
+function oo({ transformTemplate: t }, e) {
+  return Et(() => {
+    const n = De();
+    return Oe(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
 }
-function po(t, e) {
+function ao(t, e) {
   const n = t.style || {}, s = {};
-  return ps(s, n, t), Object.assign(s, ho(t, e)), s;
+  return ds(s, n, t), Object.assign(s, oo(t, e)), s;
 }
-function mo(t, e) {
-  const n = {}, s = po(t, e);
+function uo(t, e) {
+  const n = {}, s = ao(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 go = {
+const co = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, yo = {
+}, lo = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function bo(t, e, n = 1, s = 0, i = !0) {
+function fo(t, e, n = 1, s = 0, i = !0) {
   t.pathLength = 1;
-  const r = i ? go : yo;
+  const r = i ? co : lo;
   t[r.offset] = g.transform(-s);
   const o = g.transform(e), a = g.transform(n);
   t[r.array] = `${o} ${a}`;
 }
-function ms(t, {
+function hs(t, {
   attrX: e,
   attrY: n,
   attrScale: s,
@@ -2185,33 +2085,33 @@ function ms(t, {
   // This is object creation, which we try to avoid per-frame.
   ...a
 }, c, l, u) {
-  if (Pe(t, a, l), c) {
+  if (Oe(t, a, l), c) {
     t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
     return;
   }
   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), e !== void 0 && (d.x = e), n !== void 0 && (d.y = n), s !== void 0 && (d.scale = s), i !== void 0 && bo(d, i, r, o, !1);
+  const { attrs: f, style: d } = t;
+  f.transform && (d.transform = f.transform, delete f.transform), (d.transform || f.transformOrigin) && (d.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), d.transform && (d.transformBox = (u == null ? void 0 : u.transformBox) ?? "fill-box", delete f.transformBox), e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), s !== void 0 && (f.scale = s), i !== void 0 && fo(f, i, r, o, !1);
 }
-const gs = () => ({
-  ...Fe(),
+const ps = () => ({
+  ...De(),
   attrs: {}
-}), ys = (t) => typeof t == "string" && t.toLowerCase() === "svg";
-function To(t, e, n, s) {
-  const i = It(() => {
-    const r = gs();
-    return ms(r, e, ys(s), t.transformTemplate, t.style), {
+}), ms = (t) => typeof t == "string" && t.toLowerCase() === "svg";
+function ho(t, e, n, s) {
+  const i = Et(() => {
+    const r = ps();
+    return hs(r, e, ms(s), t.transformTemplate, t.style), {
       ...r.attrs,
       style: { ...r.style }
     };
   }, [e]);
   if (t.style) {
     const r = {};
-    ps(r, t.style, t), i.style = { ...r, ...i.style };
+    ds(r, t.style, t), i.style = { ...r, ...i.style };
   }
   return i;
 }
-const vo = [
+const po = [
   "animate",
   "circle",
   "defs",
@@ -2238,7 +2138,7 @@ const vo = [
   "use",
   "view"
 ];
-function Oe(t) {
+function Ie(t) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -2251,66 +2151,60 @@ function Oe(t) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(vo.indexOf(t) > -1 || /**
+      !!(po.indexOf(t) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(t))
     )
   );
 }
-function wo(t = !1) {
-  return (n, s, i, { latestValues: r }, o) => {
-    const c = (Oe(n) ? To : mo)(s, r, o, n), l = Xr(s, typeof n == "string", t), u = n !== pn ? { ...l, ...c, ref: i } : {}, { children: d } = s, f = It(() => I(d) ? d.get() : d, [d]);
-    return Ws(n, {
-      ...u,
-      children: f
-    });
-  };
+function mo(t, e, n, { latestValues: s }, i, r = !1) {
+  const a = (Ie(t) ? ho : uo)(e, s, i, t), c = Qr(e, typeof t == "string", r), l = t !== gn ? { ...c, ...a, ref: n } : {}, { children: u } = e, f = Et(() => I(u) ? u.get() : u, [u]);
+  return Ws(t, {
+    ...l,
+    children: f
+  });
 }
-function on(t) {
+function un(t) {
   const e = [{}, {}];
   return t == null || t.values.forEach((n, s) => {
     e[0][s] = n.get(), e[1][s] = n.getVelocity();
   }), e;
 }
-function De(t, e, n, s) {
+function Re(t, e, n, s) {
   if (typeof e == "function") {
-    const [i, r] = on(s);
+    const [i, r] = un(s);
     e = e(n !== void 0 ? n : t.custom, i, r);
   }
   if (typeof e == "string" && (e = t.variants && t.variants[e]), typeof e == "function") {
-    const [i, r] = on(s);
+    const [i, r] = un(s);
     e = e(n !== void 0 ? n : t.custom, i, r);
   }
   return e;
 }
-function So(t) {
+function go(t) {
   return I(t) ? t.get() : t;
 }
-function Vo({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
+function yo({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
   return {
-    latestValues: Ao(n, s, i, t),
+    latestValues: bo(n, s, i, t),
     renderState: e()
   };
 }
-const bs = (t) => (e, n) => {
-  const s = k(kt), i = k(mn), r = () => Vo(t, e, s, i);
-  return n ? r() : js(r);
-};
-function Ao(t, e, n, s) {
+function bo(t, e, n, s) {
   const i = {}, r = s(t, {});
-  for (const f in r)
-    i[f] = So(r[f]);
+  for (const d in r)
+    i[d] = go(r[d]);
   let { initial: o, animate: a } = t;
-  const c = Lt(t), l = cs(t);
+  const c = Kt(t), l = ls(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" && !Nt(d)) {
-    const f = Array.isArray(d) ? d : [d];
-    for (let h = 0; h < f.length; h++) {
-      const y = De(t, f[h]);
+  const f = u ? a : o;
+  if (f && typeof f != "boolean" && !Bt(f)) {
+    const d = Array.isArray(f) ? f : [f];
+    for (let h = 0; h < d.length; h++) {
+      const y = Re(t, d[h]);
       if (y) {
         const { transitionEnd: b, transition: v, ...p } = y;
         for (const S in p) {
@@ -2328,953 +2222,1071 @@ function Ao(t, e, n, s) {
   }
   return i;
 }
-function Ie(t, e, n) {
+const gs = (t) => (e, n) => {
+  const s = k(Lt), i = k(yn), r = () => yo(t, e, s, i);
+  return n ? r() : Hs(r);
+};
+function Ee(t, e, n) {
   var r;
   const { style: s } = t, i = {};
   for (const o in s)
-    (I(s[o]) || e.style && I(e.style[o]) || hs(o, t) || ((r = n == null ? void 0 : n.getValue(o)) == null ? void 0 : r.liveStyle) !== void 0) && (i[o] = s[o]);
+    (I(s[o]) || e.style && I(e.style[o]) || fs(o, t) || ((r = n == null ? void 0 : n.getValue(o)) == null ? void 0 : r.liveStyle) !== void 0) && (i[o] = s[o]);
   return i;
 }
-const xo = {
-  useVisualState: bs({
-    scrapeMotionValuesFromProps: Ie,
-    createRenderState: Fe
-  })
-};
-function Ts(t, e, n) {
-  const s = Ie(t, e, n);
+const To = /* @__PURE__ */ gs({
+  scrapeMotionValuesFromProps: Ee,
+  createRenderState: De
+});
+function ys(t, e, n) {
+  const s = Ee(t, e, n);
   for (const i in t)
     if (I(t[i]) || I(e[i])) {
-      const r = st.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
+      const r = at.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       s[r] = t[i];
     }
   return s;
 }
-const Mo = {
-  useVisualState: bs({
-    scrapeMotionValuesFromProps: Ts,
-    createRenderState: gs
-  })
-};
-function Co(t, e) {
-  return function(s, { forwardMotionProps: i } = { forwardMotionProps: !1 }) {
-    const o = {
-      ...Oe(s) ? Mo : xo,
-      preloadedFeatures: t,
-      useRender: wo(i),
-      createVisualElement: e,
-      Component: s
-    };
-    return io(o);
-  };
-}
-const Po = /* @__PURE__ */ Co();
-function pt(t, e, n) {
-  const s = t.getProps();
-  return De(s, e, n !== void 0 ? n : s.custom, t);
+const vo = /* @__PURE__ */ gs({
+  scrapeMotionValuesFromProps: ys,
+  createRenderState: ps
+}), wo = Symbol.for("motionComponentSymbol");
+function bs(t) {
+  return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-const re = (t) => Array.isArray(t);
-function Fo(t, e, n) {
-  t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Ot(n));
+function So(t, e, n) {
+  return $s(
+    (s) => {
+      s && t.onMount && t.onMount(s), e && (s ? e.mount(s) : e.unmount()), n && (typeof n == "function" ? n(s) : bs(n) && (n.current = s));
+    },
+    /**
+     * Only pass a new ref callback to React if we've received a visual element
+     * factory. Otherwise we'll be mounting/remounting every time externalRef
+     * or other dependencies change.
+     */
+    [e]
+  );
 }
-function Oo(t) {
-  return re(t) ? t[t.length - 1] || 0 : t;
+const ke = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Vo = "framerAppearId", Ts = "data-" + ke(Vo), Ao = st({});
+function xo(t, e, n, s, i) {
+  var b, v;
+  const { visualElement: r } = k(Lt), o = k(Ce), a = k(yn), c = k(us).reducedMotion, l = dt(null);
+  s = s || o.renderer, !l.current && s && (l.current = s(t, {
+    visualState: e,
+    parent: r,
+    props: n,
+    presenceContext: a,
+    blockInitialAnimation: a ? a.initial === !1 : !1,
+    reducedMotionConfig: c
+  }));
+  const u = l.current, f = k(Ao);
+  u && !u.projection && i && (u.type === "html" || u.type === "svg") && Mo(l.current, n, i, f);
+  const d = dt(!1);
+  js(() => {
+    u && d.current && u.update(n, a);
+  });
+  const h = n[Ts], y = dt(!!h && !((b = window.MotionHandoffIsComplete) != null && b.call(window, h)) && ((v = window.MotionHasOptimisedAnimation) == null ? void 0 : v.call(window, h)));
+  return Us(() => {
+    u && (d.current = !0, window.MotionIsMounted = !0, u.updateFeatures(), u.scheduleRenderMicrotask(), y.current && u.animationState && u.animationState.animateChanges());
+  }), de(() => {
+    u && (!y.current && u.animationState && u.animationState.animateChanges(), y.current && (queueMicrotask(() => {
+      var p;
+      (p = window.MotionHandoffMarkAsComplete) == null || p.call(window, h);
+    }), y.current = !1), u.enteringChildren = void 0);
+  }), u;
 }
-function Do(t, e) {
-  const n = pt(t, e);
-  let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
-  r = { ...r, ...s };
-  for (const o in r) {
-    const a = Oo(r[o]);
-    Fo(t, o, a);
-  }
+function Mo(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 : vs(t.parent)), t.projection.setOptions({
+    layoutId: i,
+    layout: r,
+    alwaysMeasureLayout: !!o || a && bs(a),
+    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.
+     * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
+     * ensuring it gets called if there's no potential layout animations.
+     *
+     */
+    animationType: typeof r == "string" ? r : "both",
+    initialPromotionConfig: s,
+    crossfade: u,
+    layoutScroll: c,
+    layoutRoot: l
+  });
 }
-function Io(t) {
-  return !!(I(t) && t.add);
+function vs(t) {
+  if (t)
+    return t.options.allowProjection !== !1 ? t.projection : vs(t.parent);
 }
-function Ro(t, e) {
-  const n = t.getValue("willChange");
-  if (Io(n))
-    return n.add(e);
-  if (!n && W.WillChange) {
-    const s = new W.WillChange("auto");
-    t.addValue("willChange", s), s.add(e);
+function Co(t, { forwardMotionProps: e = !1 } = {}, n, s) {
+  const i = Ie(t) ? vo : To;
+  function r(a, c) {
+    let l;
+    const u = {
+      ...k(us),
+      ...a,
+      layoutId: Po(a)
+    }, { isStatic: f } = u, d = eo(a), h = i(a, f);
+    if (!f && he) {
+      Fo(u, n);
+      const y = Oo(u);
+      l = y.MeasureLayout, d.visualElement = xo(t, h, u, s, y.ProjectionNode);
+    }
+    return mn(Lt.Provider, { value: d, children: [l && d.visualElement ? R(l, { visualElement: d.visualElement, ...u }) : null, mo(t, a, So(h, d.visualElement, c), h, f, e)] });
   }
+  r.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
+  const o = Gs(r);
+  return o[wo] = t, o;
 }
-function Eo(t) {
-  return t.props[fs];
+function Po({ layoutId: t }) {
+  const e = k(_s).id;
+  return e && t !== void 0 ? e + "-" + t : t;
 }
-const ko = (t) => t !== null;
-function No(t, { repeat: e, repeatType: n = "loop" }, s) {
-  const i = t.filter(ko), r = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
-  return i[r];
+function Fo(t, e) {
+  k(Ce).strict, process.env.NODE_ENV;
 }
-const Lo = {
-  type: "spring",
-  stiffness: 500,
-  damping: 25,
-  restSpeed: 10
-}, Bo = (t) => ({
-  type: "spring",
-  stiffness: 550,
-  damping: t === 0 ? 2 * Math.sqrt(550) : 30,
-  restSpeed: 10
-}), Ko = {
-  type: "keyframes",
-  duration: 0.8
-}, Wo = {
-  type: "keyframes",
-  ease: [0.25, 0.1, 0.35, 1],
-  duration: 0.3
-}, $o = (t, { keyframes: e }) => e.length > 2 ? Ko : it.has(t) ? t.startsWith("scale") ? Bo(e[1]) : Lo : Wo;
-function jo({ 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;
+function Oo(t) {
+  const { drag: e, layout: n } = nt;
+  if (!e && !n)
+    return {};
+  const s = { ...e, ...n };
+  return {
+    MeasureLayout: e != null && e.isEnabled(t) || n != null && n.isEnabled(t) ? s.MeasureLayout : void 0,
+    ProjectionNode: s.ProjectionNode
+  };
 }
-const _o = (t, e, n, s = {}, i, r) => (o) => {
-  const a = Jn(s, t) || {}, c = a.delay || s.delay || 0;
-  let { elapsed: l = 0 } = s;
-  l = l - /* @__PURE__ */ L(c);
-  const u = {
-    keyframes: Array.isArray(n) ? n : [null, n],
-    ease: "easeOut",
-    velocity: e.getVelocity(),
-    ...a,
-    delay: -l,
-    onUpdate: (f) => {
-      e.set(f), a.onUpdate && a.onUpdate(f);
-    },
-    onComplete: () => {
-      o(), a.onComplete && a.onComplete();
-    },
-    name: t,
-    motionValue: e,
-    element: r ? void 0 : i
+function Do({ top: t, left: e, right: n, bottom: s }) {
+  return {
+    x: { min: e, max: n },
+    y: { min: t, max: s }
   };
-  jo(a) || Object.assign(u, $o(t, u)), u.duration && (u.duration = /* @__PURE__ */ L(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ L(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
-  let d = !1;
-  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (u.duration = 0, u.delay === 0 && (d = !0)), (W.instantAnimations || W.skipAnimations) && (d = !0, u.duration = 0, u.delay = 0), u.allowFlatten = !a.type && !a.ease, d && !r && e.get() !== void 0) {
-    const f = No(u.keyframes, a);
-    if (f !== void 0) {
-      N.update(() => {
-        u.onUpdate(f), u.onComplete();
-      });
-      return;
-    }
-  }
-  return a.isSync ? new we(u) : new br(u);
-};
-function Go({ protectedKeys: t, needsAnimating: e }, n) {
-  const s = t.hasOwnProperty(n) && e[n] !== !0;
-  return e[n] = !1, s;
 }
-function vs(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
-  let { transition: r = t.getDefaultTransition(), transitionEnd: o, ...a } = e;
-  s && (r = s);
-  const c = [], l = i && t.animationState && t.animationState.getState()[i];
-  for (const u in a) {
-    const d = t.getValue(u, t.latestValues[u] ?? null), f = a[u];
-    if (f === void 0 || l && Go(l, u))
-      continue;
-    const h = {
-      delay: n,
-      ...Jn(r || {}, u)
-    }, y = d.get();
-    if (y !== void 0 && !d.isAnimating && !Array.isArray(f) && f === y && !h.velocity)
-      continue;
-    let b = !1;
-    if (window.MotionHandoffAnimation) {
-      const p = Eo(t);
-      if (p) {
-        const S = window.MotionHandoffAnimation(p, u, N);
-        S !== null && (h.startTime = S, b = !0);
-      }
-    }
-    Ro(t, u), d.start(_o(u, d, f, t.shouldReduceMotion && Qn.has(u) ? { type: !1 } : h, t, b));
-    const v = d.animation;
-    v && c.push(v);
-  }
-  return o && Promise.all(c).then(() => {
-    N.update(() => {
-      o && Do(t, o);
-    });
-  }), c;
+function Io(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,
+    bottom: s.y,
+    right: s.x
+  };
 }
-function oe(t, e, n = {}) {
-  var c;
-  const s = pt(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(vs(t, s, n)) : () => Promise.resolve(), o = t.variantChildren && t.variantChildren.size ? (l = 0) => {
-    const { delayChildren: u = 0, staggerChildren: d, staggerDirection: f } = i;
-    return Uo(t, e, l, u, d, f, n);
-  } : () => Promise.resolve(), { when: a } = i;
-  if (a) {
-    const [l, u] = a === "beforeChildren" ? [r, o] : [o, r];
-    return l().then(() => u());
-  } else
-    return Promise.all([r(), o(n.delay)]);
-}
-function Uo(t, e, n = 0, s = 0, i = 0, r = 1, o) {
-  const a = [], c = t.variantChildren.size, l = (c - 1) * i, u = typeof s == "function", d = u ? (f) => s(f, c) : (
-    // Support deprecated staggerChildren
-    r === 1 ? (f = 0) => f * i : (f = 0) => l - f * i
-  );
-  return Array.from(t.variantChildren).sort(Ho).forEach((f, h) => {
-    f.notify("AnimationStart", e), a.push(oe(f, e, {
-      ...o,
-      delay: n + (u ? 0 : s) + d(h)
-    }).then(() => f.notify("AnimationComplete", e)));
-  }), Promise.all(a);
+function Ro(t, e) {
+  return Do(Io(t.getBoundingClientRect(), e));
 }
-function Ho(t, e) {
-  return t.sortNodePosition(e);
+const cn = () => ({ min: 0, max: 0 }), ws = () => ({
+  x: cn(),
+  y: cn()
+}), ue = { current: null }, Ss = { current: !1 };
+function Eo() {
+  if (Ss.current = !0, !!he)
+    if (window.matchMedia) {
+      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => ue.current = t.matches;
+      t.addEventListener("change", e), e();
+    } else
+      ue.current = !1;
 }
-function zo(t, e, n = {}) {
-  t.notify("AnimationStart", e);
-  let s;
-  if (Array.isArray(e)) {
-    const i = e.map((r) => oe(t, r, n));
-    s = Promise.all(i);
-  } else if (typeof e == "string")
-    s = oe(t, e, n);
-  else {
-    const i = typeof e == "function" ? pt(t, e, n.custom) : e;
-    s = Promise.all(vs(t, i, n));
+const ko = /* @__PURE__ */ new WeakMap();
+function No(t, e, n) {
+  for (const s in e) {
+    const i = e[s], r = n[s];
+    if (I(i))
+      t.addValue(s, i);
+    else if (I(r))
+      t.addValue(s, It(i, { owner: t }));
+    else if (r !== i)
+      if (t.hasValue(s)) {
+        const o = t.getValue(s);
+        o.liveStyle === !0 ? o.jump(i) : o.hasAnimated || o.set(i);
+      } else {
+        const o = t.getStaticValue(s);
+        t.addValue(s, It(o !== void 0 ? o : i, { owner: t }));
+      }
   }
-  return s.then(() => {
-    t.notify("AnimationComplete", e);
-  });
-}
-function ws(t, e) {
-  if (!Array.isArray(e))
-    return !1;
-  const n = e.length;
-  if (n !== t.length)
-    return !1;
-  for (let s = 0; s < n; s++)
-    if (e[s] !== t[s])
-      return !1;
-  return !0;
+  for (const s in n)
+    e[s] === void 0 && t.removeValue(s);
+  return e;
 }
-const Yo = Me.length;
-function Ss(t) {
-  if (!t)
-    return;
-  if (!t.isControllingVariants) {
-    const n = t.parent ? Ss(t.parent) || {} : {};
-    return t.props.initial !== void 0 && (n.initial = t.props.initial), n;
+const ln = [
+  "AnimationStart",
+  "AnimationComplete",
+  "Update",
+  "BeforeLayoutMeasure",
+  "LayoutMeasure",
+  "LayoutAnimationStart",
+  "LayoutAnimationComplete"
+];
+class Lo {
+  /**
+   * This method takes React props and returns found MotionValues. For example, HTML
+   * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
+   *
+   * This isn't an abstract method as it needs calling in the constructor, but it is
+   * intended to be one.
+   */
+  scrapeMotionValuesFromProps(e, n, s) {
+    return {};
   }
-  const e = {};
-  for (let n = 0; n < Yo; n++) {
-    const s = Me[n], i = t.props[s];
-    (ht(i) || i === !1) && (e[s] = i);
+  constructor({ parent: e, props: n, presenceContext: s, reducedMotionConfig: i, blockInitialAnimation: r, visualState: o }, a = {}) {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = xe, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+      this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
+    }, this.renderScheduledAt = 0, this.scheduleRender = () => {
+      const d = E.now();
+      this.renderScheduledAt < d && (this.renderScheduledAt = d, N.render(this.render, !1, !0));
+    };
+    const { latestValues: c, renderState: l } = o;
+    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = l, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!r, this.isControllingVariants = Kt(n), this.isVariantNode = ls(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    const { willChange: u, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
+    for (const d in f) {
+      const h = f[d];
+      c[d] !== void 0 && I(h) && h.set(c[d]);
+    }
   }
-  return e;
-}
-const Xo = [...xe].reverse(), qo = xe.length;
-function Zo(t) {
-  return (e) => Promise.all(e.map(({ animation: n, options: s }) => zo(t, n, s)));
-}
-function Jo(t) {
-  let e = Zo(t), n = an(), s = !0;
-  const i = (c) => (l, u) => {
-    var f;
-    const d = pt(t, u, c === "exit" ? (f = t.presenceContext) == null ? void 0 : f.custom : void 0);
-    if (d) {
-      const { transition: h, transitionEnd: y, ...b } = d;
-      l = { ...l, ...b, ...y };
+  mount(e) {
+    var n;
+    this.current = e, ko.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((s, i) => this.bindToMotionValue(i, s)), Ss.current || Eo(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ue.current, process.env.NODE_ENV !== "production" && Vn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext);
+  }
+  unmount() {
+    var e;
+    this.projection && this.projection.unmount(), Yt(this.notifyUpdate), Yt(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) {
+      const s = this.features[n];
+      s && (s.unmount(), s.isMounted = !1);
     }
-    return l;
-  };
-  function r(c) {
-    e = c(t);
+    this.current = null;
   }
-  function o(c) {
-    const { props: l } = t, u = Ss(t.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
-    let h = {}, y = 1 / 0;
-    for (let v = 0; v < qo; v++) {
-      const p = Xo[v], S = n[p], m = l[p] !== void 0 ? l[p] : u[p], A = ht(m), T = p === c ? S.isActive : null;
-      T === !1 && (y = v);
-      let V = m === u[p] && m !== l[p] && A;
-      if (V && s && t.manuallyAnimateOnMount && (V = !1), S.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
-      !S.isActive && T === null || // If we didn't and don't have any defined prop for this animation type
-      !m && !S.prevProp || // Or if the prop doesn't define an animation
-      Nt(m) || typeof m == "boolean")
+  addChild(e) {
+    this.children.add(e), this.enteringChildren ?? (this.enteringChildren = /* @__PURE__ */ new Set()), this.enteringChildren.add(e);
+  }
+  removeChild(e) {
+    this.children.delete(e), this.enteringChildren && this.enteringChildren.delete(e);
+  }
+  bindToMotionValue(e, n) {
+    this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)();
+    const s = ut.has(e);
+    s && this.onBindTransform && this.onBindTransform();
+    const i = n.on("change", (o) => {
+      this.latestValues[e] = o, this.props.onUpdate && N.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
+    });
+    let r;
+    window.MotionCheckAppearSync && (r = window.MotionCheckAppearSync(this, e, n)), this.valueSubscriptions.set(e, () => {
+      i(), r && r(), n.owner && n.stop();
+    });
+  }
+  sortNodePosition(e) {
+    return !this.current || !this.sortInstanceNodePosition || this.type !== e.type ? 0 : this.sortInstanceNodePosition(this.current, e.current);
+  }
+  updateFeatures() {
+    let e = "animation";
+    for (e in nt) {
+      const n = nt[e];
+      if (!n)
         continue;
-      const M = Qo(S.prevProp, m);
-      let w = M || // If we're making this variant active, we want to always make it active
-      p === c && S.isActive && !V && A || // If we removed a higher-priority variant (i is in reverse order)
-      v > y && A, F = !1;
-      const D = Array.isArray(m) ? m : [m];
-      let B = D.reduce(i(p), {});
-      T === !1 && (B = {});
-      const { prevResolvedValues: bt = {} } = S, Tt = {
-        ...bt,
-        ...B
-      }, vt = (P) => {
-        w = !0, f.has(P) && (F = !0, f.delete(P)), S.needsAnimating[P] = !0;
-        const O = t.getValue(P);
-        O && (O.liveStyle = !1);
-      };
-      for (const P in Tt) {
-        const O = B[P], wt = bt[P];
-        if (h.hasOwnProperty(P))
-          continue;
-        let Bt = !1;
-        re(O) && re(wt) ? Bt = !ws(O, wt) : Bt = O !== wt, Bt ? O != null ? vt(P) : f.add(P) : O !== void 0 && f.has(P) ? vt(P) : S.protectedKeys[P] = !0;
-      }
-      S.prevProp = m, S.prevResolvedValues = B, S.isActive && (h = { ...h, ...B }), s && t.blockInitialAnimation && (w = !1), w && (!(V && M) || F) && d.push(...D.map((P) => ({
-        animation: P,
-        options: { type: p }
-      })));
-    }
-    if (f.size) {
-      const v = {};
-      if (typeof l.initial != "boolean") {
-        const p = pt(t, Array.isArray(l.initial) ? l.initial[0] : l.initial);
-        p && p.transition && (v.transition = p.transition);
+      const { isEnabled: s, Feature: i } = n;
+      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);
       }
-      f.forEach((p) => {
-        const S = t.getBaseTarget(p), m = t.getValue(p);
-        m && (m.liveStyle = !0), v[p] = S ?? null;
-      }), d.push({ animation: v });
     }
-    let b = !!d.length;
-    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 = t.variantChildren) == null || d.forEach((f) => {
-      var h;
-      return (h = f.animationState) == null ? void 0 : h.setActive(c, l);
-    }), n[c].isActive = l;
-    const u = o(c);
-    for (const f in n)
-      n[f].protectedKeys = {};
-    return u;
+  triggerBuild() {
+    this.build(this.renderState, this.latestValues, this.props);
   }
-  return {
-    animateChanges: o,
-    setActive: a,
-    setAnimateFunction: r,
-    getState: () => n,
-    reset: () => {
-      n = an(), s = !0;
-    }
-  };
-}
-function Qo(t, e) {
-  return typeof e == "string" ? e !== t : Array.isArray(e) ? !ws(e, t) : !1;
-}
-function j(t = !1) {
-  return {
-    isActive: t,
-    protectedKeys: {},
-    needsAnimating: {},
-    prevResolvedValues: {}
-  };
-}
-function an() {
-  return {
-    animate: j(!0),
-    whileInView: j(),
-    whileHover: j(),
-    whileTap: j(),
-    whileDrag: j(),
-    whileFocus: j(),
-    exit: j()
-  };
-}
-class rt {
-  constructor(e) {
-    this.isMounted = !1, this.node = e;
+  /**
+   * Measure the current viewport box with or without transforms.
+   * Only measures axis-aligned boxes, rotate and skew must be manually
+   * removed with a re-render to work.
+   */
+  measureViewportBox() {
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : ws();
   }
-  update() {
+  getStaticValue(e) {
+    return this.latestValues[e];
+  }
+  setStaticValue(e, n) {
+    this.latestValues[e] = n;
   }
-}
-class ta extends rt {
   /**
-   * 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.
+   * Update the provided props. Ensure any newly-added motion values are
+   * added to our map, old ones removed, and listeners updated.
    */
-  constructor(e) {
-    super(e), e.animationState || (e.animationState = Jo(e));
+  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 < ln.length; s++) {
+      const i = ln[s];
+      this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
+      const r = "on" + i, o = e[r];
+      o && (this.propEventSubscriptions[i] = this.on(i, o));
+    }
+    this.prevMotionValues = No(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
-  updateAnimationControlsSubscription() {
-    const { animate: e } = this.node.getProps();
-    Nt(e) && (this.unmountControls = e.subscribe(this.node));
+  getProps() {
+    return this.props;
   }
   /**
-   * Subscribe any provided AnimationControls to the component's VisualElement
+   * Returns the variant definition with a given name.
    */
-  mount() {
-    this.updateAnimationControlsSubscription();
+  getVariant(e) {
+    return this.props.variants ? this.props.variants[e] : void 0;
   }
-  update() {
-    const { animate: e } = this.node.getProps(), { animate: n } = this.node.prevProps || {};
-    e !== n && this.updateAnimationControlsSubscription();
+  /**
+   * Returns the defined default transition on this component.
+   */
+  getDefaultTransition() {
+    return this.props.transition;
   }
-  unmount() {
-    var e;
-    this.node.animationState.reset(), (e = this.unmountControls) == null || e.call(this);
+  getTransformPagePoint() {
+    return this.props.transformPagePoint;
   }
-}
-let ea = 0;
-class na extends rt {
-  constructor() {
-    super(...arguments), this.id = ea++;
+  getClosestVariantNode() {
+    return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
   }
-  update() {
-    if (!this.node.presenceContext)
-      return;
-    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", !e);
-    n && !e && i.then(() => {
-      n(this.id);
-    });
+  /**
+   * Add a child visual element to our set of children.
+   */
+  addVariantChild(e) {
+    const n = this.getClosestVariantNode();
+    if (n)
+      return n.variantChildren && n.variantChildren.add(e), () => n.variantChildren.delete(e);
   }
-  mount() {
-    const { register: e, onExitComplete: n } = this.node.presenceContext || {};
-    n && n(this.id), e && (this.unmount = e(this.id));
+  /**
+   * Add a motion value and bind it to this visual element.
+   */
+  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());
   }
-  unmount() {
+  /**
+   * Remove a motion value and unbind any active subscriptions.
+   */
+  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);
   }
-}
-const sa = {
-  animation: {
-    Feature: ta
-  },
-  exit: {
-    Feature: na
+  /**
+   * Check whether we have a motion value for this key
+   */
+  hasValue(e) {
+    return this.values.has(e);
   }
-};
-function un(t, e, n, s = { passive: !0 }) {
-  return t.addEventListener(e, n, s), () => t.removeEventListener(e, n);
-}
-function Vs(t) {
-  return {
-    point: {
-      x: t.pageX,
-      y: t.pageY
-    }
-  };
-}
-function ia({ top: t, left: e, right: n, bottom: s }) {
-  return {
-    x: { min: e, max: n },
-    y: { min: t, max: s }
-  };
-}
-function ra(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,
-    bottom: s.y,
-    right: s.x
-  };
-}
-const cn = () => ({ min: 0, max: 0 }), As = () => ({
-  x: cn(),
-  y: cn()
-});
-function oa(t, e) {
-  return ia(ra(t.getBoundingClientRect(), e));
-}
-function ln(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 && N.postRender(() => r(e, Vs(e)));
-}
-class aa extends rt {
-  mount() {
-    const { current: e } = this.node;
-    e && (this.unmount = Br(e, (n, s) => (ln(this.node, s, "Start"), (i) => ln(this.node, i, "End"))));
+  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;
   }
-  unmount() {
+  /**
+   * 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(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" && (bn(s) || Tn(s)) ? s = parseFloat(s) : !Xr(s) && ot.test(n) && (s = is(e, n)), this.setBaseTarget(e, I(s) ? s.get() : s)), I(s) ? s.get() : s;
   }
-}
-class ua extends rt {
-  constructor() {
-    super(...arguments), this.isActive = !1;
+  /**
+   * Set the base target to later animate back to. This is currently
+   * only hydrated on creation and when we first read a value.
+   */
+  setBaseTarget(e, n) {
+    this.baseTarget[e] = n;
   }
-  onFocus() {
-    let e = !1;
-    try {
-      e = this.node.current.matches(":focus-visible");
-    } catch {
-      e = !0;
+  /**
+   * Find the base target for a value thats been removed from all animation
+   * props.
+   */
+  getBaseTarget(e) {
+    var r;
+    const { initial: n } = this.props;
+    let s;
+    if (typeof n == "string" || typeof n == "object") {
+      const o = Re(this.props, n, (r = this.presenceContext) == null ? void 0 : r.custom);
+      o && (s = o[e]);
     }
-    !e || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
+    if (n && s !== void 0)
+      return s;
+    const i = this.getBaseTargetFromProps(this.props, e);
+    return i !== void 0 && !I(i) ? i : this.initialValues[e] !== void 0 && s === void 0 ? void 0 : this.baseTarget[e];
   }
-  onBlur() {
-    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
+  on(e, n) {
+    return this.events[e] || (this.events[e] = new wn()), this.events[e].add(n);
   }
-  mount() {
-    this.unmount = Rt(un(this.node.current, "focus", () => this.onFocus()), un(this.node.current, "blur", () => this.onBlur()));
+  notify(e, ...n) {
+    this.events[e] && this.events[e].notify(...n);
   }
-  unmount() {
+  scheduleRenderMicrotask() {
+    Kr.render(this.render);
   }
 }
-function fn(t, e, n) {
-  const { props: s } = t;
-  if (t.current instanceof HTMLButtonElement && t.current.disabled)
-    return;
-  t.animationState && s.whileTap && t.animationState.setActive("whileTap", n === "Start");
-  const i = "onTap" + (n === "End" ? "" : n), r = s[i];
-  r && N.postRender(() => r(e, Vs(e)));
-}
-class ca extends rt {
-  mount() {
-    const { current: e } = this.node;
-    e && (this.unmount = _r(e, (n, s) => (fn(this.node, s, "Start"), (i, { success: r }) => fn(this.node, i, r ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+class Vs extends Lo {
+  constructor() {
+    super(...arguments), this.KeyframeResolver = Er;
   }
-  unmount() {
+  sortInstanceNodePosition(e, n) {
+    return e.compareDocumentPosition(n) & 2 ? 1 : -1;
+  }
+  getBaseTargetFromProps(e, n) {
+    return e.style ? e.style[n] : void 0;
+  }
+  removeValueFromRenderState(e, { vars: n, style: s }) {
+    delete n[e], delete s[e];
+  }
+  handleChildMotionValue() {
+    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+    const { children: e } = this.props;
+    I(e) && (this.childSubscription = e.on("change", (n) => {
+      this.current && (this.current.textContent = `${n}`);
+    }));
   }
 }
-const ae = /* @__PURE__ */ new WeakMap(), Ut = /* @__PURE__ */ new WeakMap(), la = (t) => {
-  const e = ae.get(t.target);
-  e && e(t);
-}, fa = (t) => {
-  t.forEach(la);
-};
-function da({ root: t, ...e }) {
-  const n = t || document;
-  Ut.has(n) || Ut.set(n, {});
-  const s = Ut.get(n), i = JSON.stringify(e);
-  return s[i] || (s[i] = new IntersectionObserver(fa, { root: t, ...e })), s[i];
+function As(t, { style: e, vars: n }, s, i) {
+  const r = t.style;
+  let 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 ha(t, e, n) {
-  const s = da(e);
-  return ae.set(t, n), s.observe(t), () => {
-    ae.delete(t), s.unobserve(t);
-  };
+function Bo(t) {
+  return window.getComputedStyle(t);
 }
-const pa = {
-  some: 0,
-  all: 1
-};
-class ma extends rt {
+class Ko extends Vs {
   constructor() {
-    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
+    super(...arguments), this.type = "html", this.renderInstance = As;
   }
-  startObserver() {
-    this.unmount();
-    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 : pa[i]
-    }, a = (c) => {
-      const { isIntersecting: l } = c;
-      if (this.isInView === l || (this.isInView = l, r && !l && this.hasEnteredView))
-        return;
-      l && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", l);
-      const { onViewportEnter: u, onViewportLeave: d } = this.node.getProps(), f = l ? u : d;
-      f && f(c);
-    };
-    return ha(this.node.current, o, a);
+  readValueFromInstance(e, n) {
+    var s;
+    if (ut.has(n))
+      return (s = this.projection) != null && s.isProjecting ? ee(n) : Ji(e, n);
+    {
+      const i = Bo(e), r = (kn(n) ? i.getPropertyValue(n) : i[n]) || 0;
+      return typeof r == "string" ? r.trim() : r;
+    }
   }
-  mount() {
-    this.startObserver();
+  measureInstanceViewportBox(e, { transformPagePoint: n }) {
+    return Ro(e, n);
   }
-  update() {
-    if (typeof IntersectionObserver > "u")
-      return;
-    const { props: e, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(ga(e, n)) && this.startObserver();
+  build(e, n, s) {
+    Oe(e, n, s.transformTemplate);
   }
-  unmount() {
+  scrapeMotionValuesFromProps(e, n, s) {
+    return Ee(e, n, s);
   }
 }
-function ga({ viewport: t = {} }, { viewport: e = {} } = {}) {
-  return (n) => t[n] !== e[n];
+const xs = /* @__PURE__ */ new Set([
+  "baseFrequency",
+  "diffuseConstant",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keySplines",
+  "keyTimes",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerWidth",
+  "numOctaves",
+  "targetX",
+  "targetY",
+  "surfaceScale",
+  "specularConstant",
+  "specularExponent",
+  "stdDeviation",
+  "tableValues",
+  "viewBox",
+  "gradientTransform",
+  "pathLength",
+  "startOffset",
+  "textLength",
+  "lengthAdjust"
+]);
+function Wo(t, e, n, s) {
+  As(t, e, void 0, s);
+  for (const i in e.attrs)
+    t.setAttribute(xs.has(i) ? i : ke(i), e.attrs[i]);
 }
-const ya = {
-  inView: {
-    Feature: ma
-  },
-  tap: {
-    Feature: ca
-  },
-  focus: {
-    Feature: ua
-  },
-  hover: {
-    Feature: aa
+class $o extends Vs {
+  constructor() {
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = ws;
   }
-}, ue = { current: null }, xs = { current: !1 };
-function ba() {
-  if (xs.current = !0, !!le)
-    if (window.matchMedia) {
-      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => ue.current = t.matches;
-      t.addEventListener("change", e), e();
-    } else
-      ue.current = !1;
-}
-const Ta = /* @__PURE__ */ new WeakMap();
-function va(t, e, n) {
-  for (const s in e) {
-    const i = e[s], r = n[s];
-    if (I(i))
-      t.addValue(s, i);
-    else if (I(r))
-      t.addValue(s, Ot(i, { owner: t }));
-    else if (r !== i)
-      if (t.hasValue(s)) {
-        const o = t.getValue(s);
-        o.liveStyle === !0 ? o.jump(i) : o.hasAnimated || o.set(i);
-      } else {
-        const o = t.getStaticValue(s);
-        t.addValue(s, Ot(o !== void 0 ? o : i, { owner: t }));
-      }
+  getBaseTargetFromProps(e, n) {
+    return e[n];
+  }
+  readValueFromInstance(e, n) {
+    if (ut.has(n)) {
+      const s = ss(n);
+      return s && s.default || 0;
+    }
+    return n = xs.has(n) ? n : ke(n), e.getAttribute(n);
   }
-  for (const s in n)
-    e[s] === void 0 && t.removeValue(s);
-  return e;
-}
-const dn = [
-  "AnimationStart",
-  "AnimationComplete",
-  "Update",
-  "BeforeLayoutMeasure",
-  "LayoutMeasure",
-  "LayoutAnimationStart",
-  "LayoutAnimationComplete"
-];
-class wa {
-  /**
-   * This method takes React props and returns found MotionValues. For example, HTML
-   * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
-   *
-   * This isn't an abstract method as it needs calling in the constructor, but it is
-   * intended to be one.
-   */
   scrapeMotionValuesFromProps(e, n, s) {
-    return {};
+    return ys(e, n, s);
   }
-  constructor({ parent: e, props: n, presenceContext: s, reducedMotionConfig: i, blockInitialAnimation: r, visualState: o }, a = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Se, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
-      this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
-    }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const f = E.now();
-      this.renderScheduledAt < f && (this.renderScheduledAt = f, N.render(this.render, !1, !0));
-    };
-    const { latestValues: c, renderState: l } = o;
-    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = l, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!r, this.isControllingVariants = Lt(n), this.isVariantNode = cs(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
-    const { willChange: u, ...d } = this.scrapeMotionValuesFromProps(n, {}, this);
-    for (const f in d) {
-      const h = d[f];
-      c[f] !== void 0 && I(h) && h.set(c[f], !1);
-    }
+  build(e, n, s) {
+    hs(e, n, this.isSVGTag, s.transformTemplate, s.style);
+  }
+  renderInstance(e, n, s, i) {
+    Wo(e, n, s, i);
   }
   mount(e) {
-    this.current = e, Ta.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((n, s) => this.bindToMotionValue(s, n)), xs.current || ba(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ue.current, process.env.NODE_ENV !== "production" && wn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    this.isSVGTag = ms(e.tagName), super.mount(e);
   }
-  unmount() {
-    this.projection && this.projection.unmount(), Ht(this.notifyUpdate), Ht(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
-    for (const e in this.events)
-      this.events[e].clear();
-    for (const e in this.features) {
-      const n = this.features[e];
-      n && (n.unmount(), n.isMounted = !1);
-    }
-    this.current = null;
+}
+const jo = (t, e) => Ie(t) ? new $o(e) : new Ko(e, {
+  allowProjection: t !== gn
+});
+function tt(t, e, n) {
+  const s = t.getProps();
+  return Re(s, e, n !== void 0 ? n : s.custom, t);
+}
+const ce = (t) => Array.isArray(t);
+function Go(t, e, n) {
+  t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, It(n));
+}
+function _o(t) {
+  return ce(t) ? t[t.length - 1] || 0 : t;
+}
+function Ho(t, e) {
+  const n = tt(t, e);
+  let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
+  r = { ...r, ...s };
+  for (const o in r) {
+    const a = _o(r[o]);
+    Go(t, o, a);
   }
-  bindToMotionValue(e, n) {
-    this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)();
-    const s = it.has(e);
-    s && this.onBindTransform && this.onBindTransform();
-    const i = n.on("change", (a) => {
-      this.latestValues[e] = a, this.props.onUpdate && N.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
-    }), r = n.on("renderRequest", this.scheduleRender);
-    let o;
-    window.MotionCheckAppearSync && (o = window.MotionCheckAppearSync(this, e, n)), this.valueSubscriptions.set(e, () => {
-      i(), r(), o && o(), n.owner && n.stop();
-    });
+}
+function Uo(t) {
+  return !!(I(t) && t.add);
+}
+function zo(t, e) {
+  const n = t.getValue("willChange");
+  if (Uo(n))
+    return n.add(e);
+  if (!n && $.WillChange) {
+    const s = new $.WillChange("auto");
+    t.addValue("willChange", s), s.add(e);
   }
-  sortNodePosition(e) {
-    return !this.current || !this.sortInstanceNodePosition || this.type !== e.type ? 0 : this.sortInstanceNodePosition(this.current, e.current);
+}
+function Yo(t) {
+  return t.props[Ts];
+}
+const Xo = (t) => t !== null;
+function qo(t, { repeat: e, repeatType: n = "loop" }, s) {
+  const i = t.filter(Xo), r = e && n !== "loop" && e % 2 === 1 ? 0 : i.length - 1;
+  return i[r];
+}
+const Zo = {
+  type: "spring",
+  stiffness: 500,
+  damping: 25,
+  restSpeed: 10
+}, Jo = (t) => ({
+  type: "spring",
+  stiffness: 550,
+  damping: t === 0 ? 2 * Math.sqrt(550) : 30,
+  restSpeed: 10
+}), Qo = {
+  type: "keyframes",
+  duration: 0.8
+}, ta = {
+  type: "keyframes",
+  ease: [0.25, 0.1, 0.35, 1],
+  duration: 0.3
+}, ea = (t, { keyframes: e }) => e.length > 2 ? Qo : ut.has(t) ? t.startsWith("scale") ? Jo(e[1]) : Zo : ta;
+function na({ 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 sa = (t, e, n, s = {}, i, r) => (o) => {
+  const a = Qn(s, t) || {}, c = a.delay || s.delay || 0;
+  let { elapsed: l = 0 } = s;
+  l = l - /* @__PURE__ */ L(c);
+  const u = {
+    keyframes: Array.isArray(n) ? n : [null, n],
+    ease: "easeOut",
+    velocity: e.getVelocity(),
+    ...a,
+    delay: -l,
+    onUpdate: (d) => {
+      e.set(d), a.onUpdate && a.onUpdate(d);
+    },
+    onComplete: () => {
+      o(), a.onComplete && a.onComplete();
+    },
+    name: t,
+    motionValue: e,
+    element: r ? void 0 : i
+  };
+  na(a) || Object.assign(u, ea(t, u)), u.duration && (u.duration = /* @__PURE__ */ L(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ L(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  let f = !1;
+  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (oe(u), u.delay === 0 && (f = !0)), ($.instantAnimations || $.skipAnimations) && (f = !0, oe(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, f && !r && e.get() !== void 0) {
+    const d = qo(u.keyframes, a);
+    if (d !== void 0) {
+      N.update(() => {
+        u.onUpdate(d), u.onComplete();
+      });
+      return;
+    }
   }
-  updateFeatures() {
-    let e = "animation";
-    for (e in J) {
-      const n = J[e];
-      if (!n)
-        continue;
-      const { isEnabled: s, Feature: i } = n;
-      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);
+  return a.isSync ? new Ae(u) : new wr(u);
+};
+function ia({ protectedKeys: t, needsAnimating: e }, n) {
+  const s = t.hasOwnProperty(n) && e[n] !== !0;
+  return e[n] = !1, s;
+}
+function Ms(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
+  let { transition: r = t.getDefaultTransition(), transitionEnd: o, ...a } = e;
+  s && (r = s);
+  const c = [], l = i && t.animationState && t.animationState.getState()[i];
+  for (const u in a) {
+    const f = t.getValue(u, t.latestValues[u] ?? null), d = a[u];
+    if (d === void 0 || l && ia(l, u))
+      continue;
+    const h = {
+      delay: n,
+      ...Qn(r || {}, u)
+    }, y = f.get();
+    if (y !== void 0 && !f.isAnimating && !Array.isArray(d) && d === y && !h.velocity)
+      continue;
+    let b = !1;
+    if (window.MotionHandoffAnimation) {
+      const p = Yo(t);
+      if (p) {
+        const S = window.MotionHandoffAnimation(p, u, N);
+        S !== null && (h.startTime = S, b = !0);
       }
     }
+    zo(t, u), f.start(sa(u, f, d, t.shouldReduceMotion && ts.has(u) ? { type: !1 } : h, t, b));
+    const v = f.animation;
+    v && c.push(v);
   }
-  triggerBuild() {
-    this.build(this.renderState, this.latestValues, this.props);
-  }
-  /**
-   * Measure the current viewport box with or without transforms.
-   * Only measures axis-aligned boxes, rotate and skew must be manually
-   * removed with a re-render to work.
-   */
-  measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : As();
+  return o && Promise.all(c).then(() => {
+    N.update(() => {
+      o && Ho(t, o);
+    });
+  }), c;
+}
+function Cs(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;
+}
+function le(t, e, n = {}) {
+  var c;
+  const s = tt(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(Ms(t, s, n)) : () => Promise.resolve(), o = t.variantChildren && t.variantChildren.size ? (l = 0) => {
+    const { delayChildren: u = 0, staggerChildren: f, staggerDirection: d } = i;
+    return ra(t, e, l, u, f, d, n);
+  } : () => Promise.resolve(), { when: a } = i;
+  if (a) {
+    const [l, u] = a === "beforeChildren" ? [r, o] : [o, r];
+    return l().then(() => u());
+  } else
+    return Promise.all([r(), o(n.delay)]);
+}
+function ra(t, e, n = 0, s = 0, i = 0, r = 1, o) {
+  const a = [];
+  for (const c of t.variantChildren)
+    c.notify("AnimationStart", e), a.push(le(c, e, {
+      ...o,
+      delay: n + (typeof s == "function" ? 0 : s) + Cs(t.variantChildren, c, s, i, r)
+    }).then(() => c.notify("AnimationComplete", e)));
+  return Promise.all(a);
+}
+function oa(t, e, n = {}) {
+  t.notify("AnimationStart", e);
+  let s;
+  if (Array.isArray(e)) {
+    const i = e.map((r) => le(t, r, n));
+    s = Promise.all(i);
+  } else if (typeof e == "string")
+    s = le(t, e, n);
+  else {
+    const i = typeof e == "function" ? tt(t, e, n.custom) : e;
+    s = Promise.all(Ms(t, i, n));
   }
-  getStaticValue(e) {
-    return this.latestValues[e];
+  return s.then(() => {
+    t.notify("AnimationComplete", e);
+  });
+}
+function Ps(t, e) {
+  if (!Array.isArray(e))
+    return !1;
+  const n = e.length;
+  if (n !== t.length)
+    return !1;
+  for (let s = 0; s < n; s++)
+    if (e[s] !== t[s])
+      return !1;
+  return !0;
+}
+const aa = Fe.length;
+function Fs(t) {
+  if (!t)
+    return;
+  if (!t.isControllingVariants) {
+    const n = t.parent ? Fs(t.parent) || {} : {};
+    return t.props.initial !== void 0 && (n.initial = t.props.initial), n;
   }
-  setStaticValue(e, n) {
-    this.latestValues[e] = n;
+  const e = {};
+  for (let n = 0; n < aa; n++) {
+    const s = Fe[n], i = t.props[s];
+    (gt(i) || i === !1) && (e[s] = i);
   }
-  /**
-   * Update the provided props. Ensure any newly-added motion values are
-   * added to our map, old ones removed, and listeners updated.
-   */
-  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 < dn.length; s++) {
-      const i = dn[s];
-      this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
-      const r = "on" + i, o = e[r];
-      o && (this.propEventSubscriptions[i] = this.on(i, o));
+  return e;
+}
+const ua = [...Pe].reverse(), ca = Pe.length;
+function la(t) {
+  return (e) => Promise.all(e.map(({ animation: n, options: s }) => oa(t, n, s)));
+}
+function fa(t) {
+  let e = la(t), n = fn(), s = !0;
+  const i = (c) => (l, u) => {
+    var d;
+    const f = tt(t, u, c === "exit" ? (d = t.presenceContext) == null ? void 0 : d.custom : void 0);
+    if (f) {
+      const { transition: h, transitionEnd: y, ...b } = f;
+      l = { ...l, ...b, ...y };
     }
-    this.prevMotionValues = va(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
-  }
-  getProps() {
-    return this.props;
-  }
-  /**
-   * Returns the variant definition with a given name.
-   */
-  getVariant(e) {
-    return this.props.variants ? this.props.variants[e] : void 0;
-  }
-  /**
-   * Returns the defined default transition on this component.
-   */
-  getDefaultTransition() {
-    return this.props.transition;
-  }
-  getTransformPagePoint() {
-    return this.props.transformPagePoint;
-  }
-  getClosestVariantNode() {
-    return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
-  }
-  /**
-   * Add a child visual element to our set of children.
-   */
-  addVariantChild(e) {
-    const n = this.getClosestVariantNode();
-    if (n)
-      return n.variantChildren && n.variantChildren.add(e), () => n.variantChildren.delete(e);
+    return l;
+  };
+  function r(c) {
+    e = c(t);
   }
-  /**
-   * Add a motion value and bind it to this visual element.
-   */
-  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());
+  function o(c) {
+    const { props: l } = t, u = Fs(t.parent) || {}, f = [], d = /* @__PURE__ */ new Set();
+    let h = {}, y = 1 / 0;
+    for (let v = 0; v < ca; v++) {
+      const p = ua[v], S = n[p], m = l[p] !== void 0 ? l[p] : u[p], A = gt(m), T = p === c ? S.isActive : null;
+      T === !1 && (y = v);
+      let V = m === u[p] && m !== l[p] && A;
+      if (V && s && t.manuallyAnimateOnMount && (V = !1), S.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
+      !S.isActive && T === null || // If we didn't and don't have any defined prop for this animation type
+      !m && !S.prevProp || // Or if the prop doesn't define an animation
+      Bt(m) || typeof m == "boolean")
+        continue;
+      const M = da(S.prevProp, m);
+      let w = M || // If we're making this variant active, we want to always make it active
+      p === c && S.isActive && !V && A || // If we removed a higher-priority variant (i is in reverse order)
+      v > y && A, O = !1;
+      const D = Array.isArray(m) ? m : [m];
+      let B = D.reduce(i(p), {});
+      T === !1 && (B = {});
+      const { prevResolvedValues: vt = {} } = S, wt = {
+        ...vt,
+        ...B
+      }, St = (F) => {
+        w = !0, d.has(F) && (O = !0, d.delete(F)), S.needsAnimating[F] = !0;
+        const C = t.getValue(F);
+        C && (C.liveStyle = !1);
+      };
+      for (const F in wt) {
+        const C = B[F], K = vt[F];
+        if (h.hasOwnProperty(F))
+          continue;
+        let q = !1;
+        ce(C) && ce(K) ? q = !Ps(C, K) : q = C !== K, q ? C != null ? St(F) : d.add(F) : C !== void 0 && d.has(F) ? St(F) : S.protectedKeys[F] = !0;
+      }
+      S.prevProp = m, S.prevResolvedValues = B, S.isActive && (h = { ...h, ...B }), s && t.blockInitialAnimation && (w = !1);
+      const Vt = V && M;
+      w && (!Vt || O) && f.push(...D.map((F) => {
+        const C = { type: p };
+        if (typeof F == "string" && s && !Vt && t.manuallyAnimateOnMount && t.parent) {
+          const { parent: K } = t, q = tt(K, F);
+          if (K.enteringChildren && q) {
+            const { delayChildren: Is } = q.transition || {};
+            C.delay = Cs(K.enteringChildren, t, Is);
+          }
+        }
+        return {
+          animation: F,
+          options: C
+        };
+      }));
+    }
+    if (d.size) {
+      const v = {};
+      if (typeof l.initial != "boolean") {
+        const p = tt(t, Array.isArray(l.initial) ? l.initial[0] : l.initial);
+        p && p.transition && (v.transition = p.transition);
+      }
+      d.forEach((p) => {
+        const S = t.getBaseTarget(p), m = t.getValue(p);
+        m && (m.liveStyle = !0), v[p] = S ?? null;
+      }), f.push({ animation: v });
+    }
+    let b = !!f.length;
+    return s && (l.initial === !1 || l.initial === l.animate) && !t.manuallyAnimateOnMount && (b = !1), s = !1, b ? e(f) : Promise.resolve();
   }
-  /**
-   * Remove a motion value and unbind any active subscriptions.
-   */
-  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);
+  function a(c, l) {
+    var f;
+    if (n[c].isActive === l)
+      return Promise.resolve();
+    (f = t.variantChildren) == null || f.forEach((d) => {
+      var h;
+      return (h = d.animationState) == null ? void 0 : h.setActive(c, l);
+    }), n[c].isActive = l;
+    const u = o(c);
+    for (const d in n)
+      n[d].protectedKeys = {};
+    return u;
   }
-  /**
-   * Check whether we have a motion value for this key
-   */
-  hasValue(e) {
-    return this.values.has(e);
+  return {
+    animateChanges: o,
+    setActive: a,
+    setAnimateFunction: r,
+    getState: () => n,
+    reset: () => {
+      n = fn(), s = !0;
+    }
+  };
+}
+function da(t, e) {
+  return typeof e == "string" ? e !== t : Array.isArray(e) ? !Ps(e, t) : !1;
+}
+function G(t = !1) {
+  return {
+    isActive: t,
+    protectedKeys: {},
+    needsAnimating: {},
+    prevResolvedValues: {}
+  };
+}
+function fn() {
+  return {
+    animate: G(!0),
+    whileInView: G(),
+    whileHover: G(),
+    whileTap: G(),
+    whileDrag: G(),
+    whileFocus: G(),
+    exit: G()
+  };
+}
+class ct {
+  constructor(e) {
+    this.isMounted = !1, this.node = e;
   }
-  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 = Ot(n === null ? void 0 : n, { owner: this }), this.addValue(e, s)), s;
+  update() {
   }
+}
+class ha extends ct {
   /**
-   * 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).
+   * 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.
    */
-  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" && (gn(s) || yn(s)) ? s = parseFloat(s) : !Ur(s) && nt.test(n) && (s = ss(e, n)), this.setBaseTarget(e, I(s) ? s.get() : s)), I(s) ? s.get() : s;
+  constructor(e) {
+    super(e), e.animationState || (e.animationState = fa(e));
   }
-  /**
-   * Set the base target to later animate back to. This is currently
-   * only hydrated on creation and when we first read a value.
-   */
-  setBaseTarget(e, n) {
-    this.baseTarget[e] = n;
+  updateAnimationControlsSubscription() {
+    const { animate: e } = this.node.getProps();
+    Bt(e) && (this.unmountControls = e.subscribe(this.node));
   }
   /**
-   * Find the base target for a value thats been removed from all animation
-   * props.
+   * Subscribe any provided AnimationControls to the component's VisualElement
    */
-  getBaseTarget(e) {
-    var r;
-    const { initial: n } = this.props;
-    let s;
-    if (typeof n == "string" || typeof n == "object") {
-      const o = De(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, e);
-    return i !== void 0 && !I(i) ? i : this.initialValues[e] !== void 0 && s === void 0 ? void 0 : this.baseTarget[e];
+  mount() {
+    this.updateAnimationControlsSubscription();
   }
-  on(e, n) {
-    return this.events[e] || (this.events[e] = new Tn()), this.events[e].add(n);
+  update() {
+    const { animate: e } = this.node.getProps(), { animate: n } = this.node.prevProps || {};
+    e !== n && this.updateAnimationControlsSubscription();
   }
-  notify(e, ...n) {
-    this.events[e] && this.events[e].notify(...n);
+  unmount() {
+    var e;
+    this.node.animationState.reset(), (e = this.unmountControls) == null || e.call(this);
   }
 }
-class Ms extends wa {
+let pa = 0;
+class ma extends ct {
   constructor() {
-    super(...arguments), this.KeyframeResolver = Dr;
+    super(...arguments), this.id = pa++;
   }
-  sortInstanceNodePosition(e, n) {
-    return e.compareDocumentPosition(n) & 2 ? 1 : -1;
+  update() {
+    if (!this.node.presenceContext)
+      return;
+    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", !e);
+    n && !e && i.then(() => {
+      n(this.id);
+    });
   }
-  getBaseTargetFromProps(e, n) {
-    return e.style ? e.style[n] : void 0;
+  mount() {
+    const { register: e, onExitComplete: n } = this.node.presenceContext || {};
+    n && n(this.id), e && (this.unmount = e(this.id));
   }
-  removeValueFromRenderState(e, { vars: n, style: s }) {
-    delete n[e], delete s[e];
+  unmount() {
   }
-  handleChildMotionValue() {
-    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
-    const { children: e } = this.props;
-    I(e) && (this.childSubscription = e.on("change", (n) => {
-      this.current && (this.current.textContent = `${n}`);
-    }));
+}
+const ga = {
+  animation: {
+    Feature: ha
+  },
+  exit: {
+    Feature: ma
   }
+};
+function dn(t, e, n, s = { passive: !0 }) {
+  return t.addEventListener(e, n, s), () => t.removeEventListener(e, n);
 }
-function Cs(t, { style: e, vars: n }, s, i) {
-  const r = t.style;
-  let 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 Os(t) {
+  return {
+    point: {
+      x: t.pageX,
+      y: t.pageY
+    }
+  };
 }
-function Sa(t) {
-  return window.getComputedStyle(t);
+function hn(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 && N.postRender(() => r(e, Os(e)));
 }
-class Va extends Ms {
+class ya extends ct {
+  mount() {
+    const { current: e } = this.node;
+    e && (this.unmount = jr(e, (n, s) => (hn(this.node, s, "Start"), (i) => hn(this.node, i, "End"))));
+  }
+  unmount() {
+  }
+}
+class ba extends ct {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Cs;
+    super(...arguments), this.isActive = !1;
   }
-  readValueFromInstance(e, n) {
-    var s;
-    if (it.has(n))
-      return (s = this.projection) != null && s.isProjecting ? Qt(n) : Xi(e, n);
-    {
-      const i = Sa(e), r = (Rn(n) ? i.getPropertyValue(n) : i[n]) || 0;
-      return typeof r == "string" ? r.trim() : r;
+  onFocus() {
+    let e = !1;
+    try {
+      e = this.node.current.matches(":focus-visible");
+    } catch {
+      e = !0;
     }
+    !e || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
   }
-  measureInstanceViewportBox(e, { transformPagePoint: n }) {
-    return oa(e, n);
+  onBlur() {
+    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
-  build(e, n, s) {
-    Pe(e, n, s.transformTemplate);
+  mount() {
+    this.unmount = kt(dn(this.node.current, "focus", () => this.onFocus()), dn(this.node.current, "blur", () => this.onBlur()));
   }
-  scrapeMotionValuesFromProps(e, n, s) {
-    return Ie(e, n, s);
+  unmount() {
   }
 }
-const Ps = /* @__PURE__ */ new Set([
-  "baseFrequency",
-  "diffuseConstant",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "keySplines",
-  "keyTimes",
-  "limitingConeAngle",
-  "markerHeight",
-  "markerWidth",
-  "numOctaves",
-  "targetX",
-  "targetY",
-  "surfaceScale",
-  "specularConstant",
-  "specularExponent",
-  "stdDeviation",
-  "tableValues",
-  "viewBox",
-  "gradientTransform",
-  "pathLength",
-  "startOffset",
-  "textLength",
-  "lengthAdjust"
-]);
-function Aa(t, e, n, s) {
-  Cs(t, e, void 0, s);
-  for (const i in e.attrs)
-    t.setAttribute(Ps.has(i) ? i : Ce(i), e.attrs[i]);
+function pn(t, e, n) {
+  const { props: s } = t;
+  if (t.current instanceof HTMLButtonElement && t.current.disabled)
+    return;
+  t.animationState && s.whileTap && t.animationState.setActive("whileTap", n === "Start");
+  const i = "onTap" + (n === "End" ? "" : n), r = s[i];
+  r && N.postRender(() => r(e, Os(e)));
 }
-class xa extends Ms {
-  constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = As;
+class Ta extends ct {
+  mount() {
+    const { current: e } = this.node;
+    e && (this.unmount = zr(e, (n, s) => (pn(this.node, s, "Start"), (i, { success: r }) => pn(this.node, i, r ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
-  getBaseTargetFromProps(e, n) {
-    return e[n];
+  unmount() {
   }
-  readValueFromInstance(e, n) {
-    if (it.has(n)) {
-      const s = ns(n);
-      return s && s.default || 0;
-    }
-    return n = Ps.has(n) ? n : Ce(n), e.getAttribute(n);
+}
+const fe = /* @__PURE__ */ new WeakMap(), Ut = /* @__PURE__ */ new WeakMap(), va = (t) => {
+  const e = fe.get(t.target);
+  e && e(t);
+}, wa = (t) => {
+  t.forEach(va);
+};
+function Sa({ root: t, ...e }) {
+  const n = t || document;
+  Ut.has(n) || Ut.set(n, {});
+  const s = Ut.get(n), i = JSON.stringify(e);
+  return s[i] || (s[i] = new IntersectionObserver(wa, { root: t, ...e })), s[i];
+}
+function Va(t, e, n) {
+  const s = Sa(e);
+  return fe.set(t, n), s.observe(t), () => {
+    fe.delete(t), s.unobserve(t);
+  };
+}
+const Aa = {
+  some: 0,
+  all: 1
+};
+class xa extends ct {
+  constructor() {
+    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
-  scrapeMotionValuesFromProps(e, n, s) {
-    return Ts(e, n, s);
+  startObserver() {
+    this.unmount();
+    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 : Aa[i]
+    }, a = (c) => {
+      const { isIntersecting: l } = c;
+      if (this.isInView === l || (this.isInView = l, r && !l && this.hasEnteredView))
+        return;
+      l && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", l);
+      const { onViewportEnter: u, onViewportLeave: f } = this.node.getProps(), d = l ? u : f;
+      d && d(c);
+    };
+    return Va(this.node.current, o, a);
   }
-  build(e, n, s) {
-    ms(e, n, this.isSVGTag, s.transformTemplate, s.style);
+  mount() {
+    this.startObserver();
   }
-  renderInstance(e, n, s, i) {
-    Aa(e, n, s, i);
+  update() {
+    if (typeof IntersectionObserver > "u")
+      return;
+    const { props: e, prevProps: n } = this.node;
+    ["amount", "margin", "root"].some(Ma(e, n)) && this.startObserver();
   }
-  mount(e) {
-    this.isSVGTag = ys(e.tagName), super.mount(e);
+  unmount() {
+  }
+}
+function Ma({ viewport: t = {} }, { viewport: e = {} } = {}) {
+  return (n) => t[n] !== e[n];
+}
+const Ca = {
+  inView: {
+    Feature: xa
+  },
+  tap: {
+    Feature: Ta
+  },
+  focus: {
+    Feature: ba
+  },
+  hover: {
+    Feature: ya
   }
+}, Pa = {
+  renderer: jo,
+  ...ga,
+  ...Ca
+};
+function Fa(t, e) {
+  return Co(t, e);
 }
-const Ma = (t, e) => Oe(t) ? new xa(e) : new Va(e, {
-  allowProjection: t !== pn
-}), Ca = {
-  renderer: Ma,
-  ...sa,
-  ...ya
-}, Pa = /* @__PURE__ */ Po("div"), Fa = {
+const Oa = /* @__PURE__ */ Fa("div"), Da = {
   light: {
     border: "px",
     shadow: "2"
   },
   dark: {}
-}, Fs = lt.createContext({
+}, Ds = et.createContext({
   groupOpen: !1,
   setGroupOpen: () => {
   }
-}), Oa = ({ open: t, delay: e = 600 }) => {
-  const n = lt.useContext(Fs);
-  return lt.useEffect(() => {
+}), Ia = ({ open: t, delay: e = 600 }) => {
+  const n = et.useContext(Ds);
+  return et.useEffect(() => {
     let s = null;
     return n.setGroupOpen && (t === !0 && n.setGroupOpen(!0), t === !1 && (s = setTimeout(() => {
       n.setGroupOpen && n.setGroupOpen(!1);
@@ -3284,10 +3296,10 @@ const Ma = (t, e) => Oe(t) ? new xa(e) : new Va(e, {
   }, [t, n, e]), {
     groupOpen: n.groupOpen
   };
-}, Ba = ({ children: t }) => {
-  const [e, n] = lt.useState(!1);
-  return /* @__PURE__ */ R(Fs.Provider, { value: { groupOpen: e, setGroupOpen: n }, children: t });
-}, Ka = ({
+}, Wa = ({ children: t }) => {
+  const [e, n] = et.useState(!1);
+  return /* @__PURE__ */ R(Ds.Provider, { value: { groupOpen: e, setGroupOpen: n }, children: t });
+}, $a = ({
   // Radix Tooltip Provider Props
   delayDuration: t = 400,
   skipDelayDuration: e,
@@ -3302,8 +3314,8 @@ const Ma = (t, e) => Oe(t) ? new xa(e) : new Va(e, {
   onPointerDownOutside: c,
   forceMount: l,
   side: u = "bottom",
-  sideOffset: d = 4,
-  align: f = "center",
+  sideOffset: f = 4,
+  align: d = "center",
   alignOffset: h,
   avoidCollisions: y,
   collisionBoundary: b,
@@ -3318,56 +3330,56 @@ const Ma = (t, e) => Oe(t) ? new xa(e) : new Va(e, {
   // Telegraph Props
   enabled: M = !0,
   appearance: w = "dark",
-  triggerRef: F,
+  triggerRef: O,
   children: D
 }) => {
-  const [B, bt] = Os({
+  const [B, vt] = Rs({
     prop: i,
     onChange: r,
     defaultProp: s ?? !1
-  }), { groupOpen: Tt } = Oa({ open: !!B, delay: t }), vt = lt.Children.toArray(D).some(
-    (O) => O.props.disabled
-  ), Re = Tt || vt ? 0 : t, Ee = !Tt, P = (O) => {
-    if (O === "top")
+  }), { groupOpen: wt } = Ia({ open: !!B, delay: t }), St = et.Children.toArray(D).some(
+    (C) => et.isValidElement(C) ? C.props.disabled : !1
+  ), Vt = wt || St ? 0 : t, Ne = !wt, F = (C) => {
+    if (C === "top")
       return {
         y: -5
       };
-    if (O === "bottom")
+    if (C === "bottom")
       return {
         y: 5
       };
-    if (O === "left")
+    if (C === "left")
       return {
         x: -5
       };
-    if (O === "right")
+    if (C === "right")
       return {
         x: 5
       };
   };
-  return /* @__PURE__ */ R(Hr, { features: Ca, children: /* @__PURE__ */ R(
-    ot.Provider,
+  return /* @__PURE__ */ R(qr, { features: Pa, children: /* @__PURE__ */ R(
+    lt.Provider,
     {
-      delayDuration: Re,
+      delayDuration: Vt,
       skipDelayDuration: e,
       disableHoverableContent: n,
-      children: /* @__PURE__ */ hn(
-        ot.Root,
+      children: /* @__PURE__ */ mn(
+        lt.Root,
         {
           open: M === !1 ? !1 : B,
-          onOpenChange: bt,
+          onOpenChange: vt,
           children: [
-            /* @__PURE__ */ R(ot.Trigger, { asChild: !0, ref: F, children: /* @__PURE__ */ R(Is, { children: D }) }),
-            /* @__PURE__ */ R(ot.Portal, { children: /* @__PURE__ */ R(
-              ot.Content,
+            /* @__PURE__ */ R(lt.Trigger, { asChild: !0, ref: O, children: /* @__PURE__ */ R(ks, { children: D }) }),
+            /* @__PURE__ */ R(lt.Portal, { children: /* @__PURE__ */ R(
+              lt.Content,
               {
                 "aria-label": o,
                 onEscapeKeyDown: a,
                 onPointerDownOutside: c,
                 forceMount: l,
                 side: u,
-                sideOffset: d,
-                align: f,
+                sideOffset: f,
+                align: d,
                 alignOffset: h,
                 avoidCollisions: y,
                 collisionBoundary: b,
@@ -3378,15 +3390,15 @@ const Ma = (t, e) => Oe(t) ? new xa(e) : new Va(e, {
                 style: {
                   zIndex: "var(--tgph-zIndex-tooltip)"
                 },
-                children: /* @__PURE__ */ R(Ds, { appearance: w, asChild: !0, children: /* @__PURE__ */ R(
-                  Rs,
+                children: /* @__PURE__ */ R(Es, { appearance: w, asChild: !0, children: /* @__PURE__ */ R(
+                  Ns,
                   {
-                    as: Pa,
+                    as: Oa,
                     className: "tgph",
-                    initial: Ee && !A ? {
+                    initial: Ne && !A ? {
                       opacity: 0,
                       scale: 0.5,
-                      ...P(u)
+                      ...F(u)
                     } : {},
                     animate: {
                       opacity: 1,
@@ -3409,8 +3421,8 @@ const Ma = (t, e) => Oe(t) ? new xa(e) : new Va(e, {
                       transformOrigin: "var(--radix-tooltip-content-transform-origin)"
                     },
                     ...V ? { labelProps: V } : {},
-                    ...Fa[w],
-                    children: typeof T == "string" ? /* @__PURE__ */ R(Es, { as: "span", size: "1", children: T }) : T
+                    ...Da[w],
+                    children: typeof T == "string" ? /* @__PURE__ */ R(Ls, { as: "span", size: "1", children: T }) : T
                   }
                 ) })
               }
@@ -3422,7 +3434,7 @@ const Ma = (t, e) => Oe(t) ? new xa(e) : new Va(e, {
   ) });
 };
 export {
-  Ka as Tooltip,
-  Ba as TooltipGroupProvider
+  $a as Tooltip,
+  Wa as TooltipGroupProvider
 };
 //# sourceMappingURL=index.mjs.map