@telegraph/modal 0.1.0 → 0.1.2

package/dist/esm/index.mjs

@@ -1,51 +1,51 @@
-import { jsx as M, jsxs as Ve } from "react/jsx-runtime";
-import * as J from "@radix-ui/react-dialog";
+import { jsx as M, jsxs as Ce } from "react/jsx-runtime";
+import * as ee from "@radix-ui/react-dialog";
 import * as v from "react";
-import ne, { createContext as se, useRef as fe, useLayoutEffect as Us, useEffect as dt, useState as Gs, useContext as I, useMemo as Fe, useCallback as zs, useInsertionEffect as Hs, forwardRef as Ys, Fragment as Tn, createElement as Xs } from "react";
-import * as qs from "react-dom";
-import { FocusScope as Zs } from "@radix-ui/react-focus-scope";
-import * as Js from "@radix-ui/react-portal";
-import * as Qs from "@radix-ui/react-visually-hidden";
-import { Button as ei } from "@telegraph/button";
-import { RefToTgphRef as ti } from "@telegraph/helpers";
-import { Stack as ee, Box as ni } from "@telegraph/layout";
-import { X as si } from "lucide-react";
+import re, { createContext as oe, useRef as pe, useLayoutEffect as Ys, useEffect as pt, useState as Xs, useContext as k, useMemo as Re, Fragment as xn, createElement as qs, useCallback as Zs, useInsertionEffect as Js, forwardRef as Qs } from "react";
+import * as ei from "react-dom";
+import { FocusScope as ti } from "@radix-ui/react-focus-scope";
+import * as ni from "@radix-ui/react-portal";
+import * as si from "@radix-ui/react-visually-hidden";
+import { Button as ii } from "@telegraph/button";
+import { RefToTgphRef as ri } from "@telegraph/helpers";
+import { Stack as se, Box as oi } from "@telegraph/layout";
+import { X as ai } from "lucide-react";
 function Ke(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(i) {
     if (e == null || e(i), n === !1 || !i.defaultPrevented)
       return t == null ? void 0 : t(i);
   };
 }
-function Kt(e, t) {
+function jt(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function wn(...e) {
+function Vn(...e) {
   return (t) => {
     let n = !1;
     const s = e.map((i) => {
-      const r = Kt(i, t);
+      const r = jt(i, t);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
         for (let i = 0; i < s.length; i++) {
           const r = s[i];
-          typeof r == "function" ? r() : Kt(e[i], null);
+          typeof r == "function" ? r() : jt(e[i], null);
         }
       };
   };
 }
-function Sn(...e) {
-  return v.useCallback(wn(...e), e);
+function An(...e) {
+  return v.useCallback(Vn(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
-function ii(e) {
-  const t = /* @__PURE__ */ ri(e), n = v.forwardRef((s, i) => {
-    const { children: r, ...o } = s, a = v.Children.toArray(r), l = a.find(ai);
+function ci(e) {
+  const t = /* @__PURE__ */ ui(e), n = v.forwardRef((s, i) => {
+    const { children: r, ...o } = s, a = v.Children.toArray(r), l = a.find(fi);
     if (l) {
-      const u = l.props.children, c = a.map((d) => d === l ? v.Children.count(u) > 1 ? v.Children.only(null) : v.isValidElement(u) ? u.props.children : null : d);
+      const u = l.props.children, c = a.map((f) => f === l ? v.Children.count(u) > 1 ? v.Children.only(null) : v.isValidElement(u) ? u.props.children : null : f);
       return /* @__PURE__ */ M(t, { ...o, ref: i, children: v.isValidElement(u) ? v.cloneElement(u, void 0, c) : null });
     }
     return /* @__PURE__ */ M(t, { ...o, ref: i, children: r });
@@ -53,22 +53,22 @@ function ii(e) {
   return n.displayName = `${e}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function ri(e) {
+function ui(e) {
   const t = v.forwardRef((n, s) => {
     const { children: i, ...r } = n;
     if (v.isValidElement(i)) {
-      const o = ui(i), a = ci(r, i.props);
-      return i.type !== v.Fragment && (a.ref = s ? wn(s, o) : o), v.cloneElement(i, a);
+      const o = hi(i), a = di(r, i.props);
+      return i.type !== v.Fragment && (a.ref = s ? Vn(s, o) : o), v.cloneElement(i, a);
     }
     return v.Children.count(i) > 1 ? v.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var oi = Symbol("radix.slottable");
-function ai(e) {
-  return v.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === oi;
+var li = Symbol("radix.slottable");
+function fi(e) {
+  return v.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === li;
 }
-function ci(e, t) {
+function di(e, t) {
   const n = { ...t };
   for (const s in t) {
     const i = e[s], r = t[s];
@@ -79,12 +79,12 @@ function ci(e, t) {
   }
   return { ...e, ...n };
 }
-function ui(e) {
+function hi(e) {
   var s, i;
   let t = (s = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : s.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = (i = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : i.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var li = [
+var pi = [
   "a",
   "button",
   "div",
@@ -102,17 +102,17 @@ var li = [
   "span",
   "svg",
   "ul"
-], xn = li.reduce((e, t) => {
-  const n = /* @__PURE__ */ ii(`Primitive.${t}`), s = v.forwardRef((i, r) => {
+], Cn = pi.reduce((e, t) => {
+  const n = /* @__PURE__ */ ci(`Primitive.${t}`), s = v.forwardRef((i, r) => {
     const { asChild: o, ...a } = i, l = o ? n : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ M(l, { ...a, ref: r });
   });
   return s.displayName = `Primitive.${t}`, { ...e, [t]: s };
 }, {});
-function fi(e, t) {
-  e && qs.flushSync(() => e.dispatchEvent(t));
+function mi(e, t) {
+  e && ei.flushSync(() => e.dispatchEvent(t));
 }
-function ht(e) {
+function mt(e) {
   const t = v.useRef(e);
   return v.useEffect(() => {
     t.current = e;
@@ -121,8 +121,8 @@ function ht(e) {
     return (s = t.current) == null ? void 0 : s.call(t, ...n);
   }, []);
 }
-function di(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = ht(e);
+function gi(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = mt(e);
   v.useEffect(() => {
     const s = (i) => {
       i.key === "Escape" && n(i);
@@ -130,11 +130,11 @@ function di(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", s, { capture: !0 }), () => t.removeEventListener("keydown", s, { capture: !0 });
   }, [n, t]);
 }
-var hi = "DismissableLayer", He = "dismissableLayer.update", pi = "dismissableLayer.pointerDownOutside", mi = "dismissableLayer.focusOutside", Wt, Vn = v.createContext({
+var yi = "DismissableLayer", ze = "dismissableLayer.update", bi = "dismissableLayer.pointerDownOutside", vi = "dismissableLayer.focusOutside", _t, Mn = v.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), An = v.forwardRef(
+}), Pn = v.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: n = !1,
@@ -144,27 +144,27 @@ var hi = "DismissableLayer", He = "dismissableLayer.update", pi = "dismissableLa
       onInteractOutside: o,
       onDismiss: a,
       ...l
-    } = e, u = v.useContext(Vn), [c, d] = v.useState(null), f = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, h] = v.useState({}), g = Sn(t, (x) => d(x)), y = Array.from(u.layers), [T] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), p = y.indexOf(T), V = c ? y.indexOf(c) : -1, m = u.layersWithOutsidePointerEventsDisabled.size > 0, C = V >= p, w = bi((x) => {
-      const S = x.target, D = [...u.branches].some((F) => F.contains(S));
+    } = e, u = v.useContext(Mn), [c, f] = v.useState(null), d = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, h] = v.useState({}), g = An(t, (x) => f(x)), y = Array.from(u.layers), [T] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), p = y.indexOf(T), V = c ? y.indexOf(c) : -1, m = u.layersWithOutsidePointerEventsDisabled.size > 0, C = V >= p, w = Si((x) => {
+      const S = x.target, D = [...u.branches].some((O) => O.contains(S));
       !C || D || (i == null || i(x), o == null || o(x), x.defaultPrevented || a == null || a());
-    }, f), A = vi((x) => {
+    }, d), A = xi((x) => {
       const S = x.target;
-      [...u.branches].some((F) => F.contains(S)) || (r == null || r(x), o == null || o(x), x.defaultPrevented || a == null || a());
-    }, f);
-    return di((x) => {
+      [...u.branches].some((O) => O.contains(S)) || (r == null || r(x), o == null || o(x), x.defaultPrevented || a == null || a());
+    }, d);
+    return gi((x) => {
       V === u.layers.size - 1 && (s == null || s(x), !x.defaultPrevented && a && (x.preventDefault(), a()));
-    }, f), v.useEffect(() => {
+    }, d), v.useEffect(() => {
       if (c)
-        return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (Wt = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(c)), u.layers.add(c), $t(), () => {
-          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = Wt);
+        return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (_t = d.body.style.pointerEvents, d.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(c)), u.layers.add(c), Ut(), () => {
+          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (d.body.style.pointerEvents = _t);
         };
-    }, [c, f, n, u]), v.useEffect(() => () => {
-      c && (u.layers.delete(c), u.layersWithOutsidePointerEventsDisabled.delete(c), $t());
+    }, [c, d, n, u]), v.useEffect(() => () => {
+      c && (u.layers.delete(c), u.layersWithOutsidePointerEventsDisabled.delete(c), Ut());
     }, [c, u]), v.useEffect(() => {
       const x = () => h({});
-      return document.addEventListener(He, x), () => document.removeEventListener(He, x);
+      return document.addEventListener(ze, x), () => document.removeEventListener(ze, x);
     }, []), /* @__PURE__ */ M(
-      xn.div,
+      Cn.div,
       {
         ...l,
         ref: g,
@@ -182,27 +182,27 @@ var hi = "DismissableLayer", He = "dismissableLayer.update", pi = "dismissableLa
     );
   }
 );
-An.displayName = hi;
-var gi = "DismissableLayerBranch", yi = v.forwardRef((e, t) => {
-  const n = v.useContext(Vn), s = v.useRef(null), i = Sn(t, s);
+Pn.displayName = yi;
+var Ti = "DismissableLayerBranch", wi = v.forwardRef((e, t) => {
+  const n = v.useContext(Mn), s = v.useRef(null), i = An(t, s);
   return v.useEffect(() => {
     const r = s.current;
     if (r)
       return n.branches.add(r), () => {
         n.branches.delete(r);
       };
-  }, [n.branches]), /* @__PURE__ */ M(xn.div, { ...e, ref: i });
+  }, [n.branches]), /* @__PURE__ */ M(Cn.div, { ...e, ref: i });
 });
-yi.displayName = gi;
-function bi(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = ht(e), s = v.useRef(!1), i = v.useRef(() => {
+wi.displayName = Ti;
+function Si(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = mt(e), s = v.useRef(!1), i = v.useRef(() => {
   });
   return v.useEffect(() => {
     const r = (a) => {
       if (a.target && !s.current) {
         let l = function() {
-          Cn(
-            pi,
+          En(
+            bi,
             n,
             u,
             { discrete: !0 }
@@ -224,11 +224,11 @@ function bi(e, t = globalThis == null ? void 0 : globalThis.document) {
     onPointerDownCapture: () => s.current = !0
   };
 }
-function vi(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = ht(e), s = v.useRef(!1);
+function xi(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = mt(e), s = v.useRef(!1);
   return v.useEffect(() => {
     const i = (r) => {
-      r.target && !s.current && Cn(mi, n, { originalEvent: r }, {
+      r.target && !s.current && En(vi, n, { originalEvent: r }, {
         discrete: !1
       });
     };
@@ -238,42 +238,42 @@ function vi(e, t = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => s.current = !1
   };
 }
-function $t() {
-  const e = new CustomEvent(He);
+function Ut() {
+  const e = new CustomEvent(ze);
   document.dispatchEvent(e);
 }
-function Cn(e, t, n, { discrete: s }) {
+function En(e, t, n, { discrete: s }) {
   const i = n.originalEvent.target, r = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
-  t && i.addEventListener(e, t, { once: !0 }), s ? fi(i, r) : i.dispatchEvent(r);
+  t && i.addEventListener(e, t, { once: !0 }), s ? mi(i, r) : i.dispatchEvent(r);
 }
-var Ti = globalThis != null && globalThis.document ? v.useLayoutEffect : () => {
-}, wi = v[" useInsertionEffect ".trim().toString()] || Ti;
-function Si({
+var Vi = globalThis != null && globalThis.document ? v.useLayoutEffect : () => {
+}, Ai = v[" useInsertionEffect ".trim().toString()] || Vi;
+function Ci({
   prop: e,
   defaultProp: t,
   onChange: n = () => {
   },
   caller: s
 }) {
-  const [i, r, o] = xi({
+  const [i, r, o] = Mi({
     defaultProp: t,
     onChange: n
   }), a = e !== void 0, l = a ? e : i;
   {
     const c = v.useRef(e !== void 0);
     v.useEffect(() => {
-      const d = c.current;
-      d !== a && console.warn(
-        `${s} is changing from ${d ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      const f = c.current;
+      f !== a && console.warn(
+        `${s} is changing from ${f ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
       ), c.current = a;
     }, [a, s]);
   }
   const u = v.useCallback(
     (c) => {
-      var d;
+      var f;
       if (a) {
-        const f = Vi(c) ? c(e) : c;
-        f !== e && ((d = o.current) == null || d.call(o, f));
+        const d = Pi(c) ? c(e) : c;
+        d !== e && ((f = o.current) == null || f.call(o, d));
       } else
         r(c);
     },
@@ -281,64 +281,67 @@ function Si({
   );
   return [l, u];
 }
-function xi({
+function Mi({
   defaultProp: e,
   onChange: t
 }) {
   const [n, s] = v.useState(e), i = v.useRef(n), r = v.useRef(t);
-  return wi(() => {
+  return Ai(() => {
     r.current = t;
   }, [t]), v.useEffect(() => {
     var o;
     i.current !== n && ((o = r.current) == null || o.call(r, n), i.current = n);
   }, [n, i]), [n, s, r];
 }
-function Vi(e) {
+function Pi(e) {
   return typeof e == "function";
 }
-const Ai = se({});
-function Ci(e) {
-  const t = fe(null);
+const Ei = oe({});
+function Di(e) {
+  const t = pe(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const pt = typeof window < "u", Mi = pt ? Us : dt, Mn = /* @__PURE__ */ se(null);
-function Pi(e, t) {
+const gt = typeof window < "u", Fi = gt ? Ys : pt, Dn = /* @__PURE__ */ oe(null);
+function Oi(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
-function Ei(e, t) {
+function Ri(e, t) {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }
-const H = (e, t, n) => n > t ? t : n < e ? e : n;
-let ye = () => {
-}, Y = () => {
+const Y = (e, t, n) => n > t ? t : n < e ? e : n;
+function Ye(e, t) {
+  return t ? `${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}` : e;
+}
+let ve = () => {
+}, X = () => {
 };
-process.env.NODE_ENV !== "production" && (ye = (e, t) => {
-  !e && typeof console < "u" && console.warn(t);
-}, Y = (e, t) => {
+process.env.NODE_ENV !== "production" && (ve = (e, t, n) => {
+  !e && typeof console < "u" && console.warn(Ye(t, n));
+}, X = (e, t, n) => {
   if (!e)
-    throw new Error(t);
+    throw new Error(Ye(t, n));
 });
-const W = {}, Pn = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
-function Di(e) {
+const W = {}, Fn = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
+function Li(e) {
   return typeof e == "object" && e !== null;
 }
-const En = (e) => /^0[^.\s]+$/u.test(e);
+const On = (e) => /^0[^.\s]+$/u.test(e);
 // @__NO_SIDE_EFFECTS__
-function mt(e) {
+function yt(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const ie = /* @__NO_SIDE_EFFECTS__ */ (e) => e, Fi = (e, t) => (n) => t(e(n)), Re = (...e) => e.reduce(Fi), Dn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
+const ae = /* @__NO_SIDE_EFFECTS__ */ (e) => e, Ii = (e, t) => (n) => t(e(n)), Le = (...e) => e.reduce(Ii), Rn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
   const s = t - e;
   return s === 0 ? 1 : (n - e) / s;
 };
-class Fn {
+class Ln {
   constructor() {
     this.subscriptions = [];
   }
   add(t) {
-    return Pi(this.subscriptions, t), () => Ei(this.subscriptions, t);
+    return Oi(this.subscriptions, t), () => Ri(this.subscriptions, t);
   }
   notify(t, n, s) {
     const i = this.subscriptions.length;
@@ -358,49 +361,49 @@ class Fn {
     this.subscriptions.length = 0;
   }
 }
-const N = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, K = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
-function Rn(e, t) {
+const B = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, K = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
+function In(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const _t = /* @__PURE__ */ new Set();
-function On(e, t, n) {
-  e || _t.has(t) || (console.warn(t), _t.add(t));
+const Gt = /* @__PURE__ */ new Set();
+function kn(e, t, n) {
+  e || Gt.has(t) || (console.warn(Ye(t, n)), Gt.add(t));
 }
-const Ln = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Ri = 1e-7, Oi = 12;
-function Li(e, t, n, s, i) {
+const Nn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, ki = 1e-7, Ni = 12;
+function Bi(e, t, n, s, i) {
   let r, o, a = 0;
   do
-    o = t + (n - t) / 2, r = Ln(o, s, i) - e, r > 0 ? n = o : t = o;
-  while (Math.abs(r) > Ri && ++a < Oi);
+    o = t + (n - t) / 2, r = Nn(o, s, i) - e, r > 0 ? n = o : t = o;
+  while (Math.abs(r) > ki && ++a < Ni);
   return o;
 }
-function be(e, t, n, s) {
+function Te(e, t, n, s) {
   if (e === t && n === s)
-    return ie;
-  const i = (r) => Li(r, 0, 1, e, n);
-  return (r) => r === 0 || r === 1 ? r : Ln(i(r), t, s);
-}
-const In = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, kn = (e) => (t) => 1 - e(1 - t), Nn = /* @__PURE__ */ be(0.33, 1.53, 0.69, 0.99), gt = /* @__PURE__ */ kn(Nn), Bn = /* @__PURE__ */ In(gt), Kn = (e) => (e *= 2) < 1 ? 0.5 * gt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), yt = (e) => 1 - Math.sin(Math.acos(e)), Ii = kn(yt), Wn = In(yt), ki = /* @__PURE__ */ be(0.42, 0, 1, 1), Ni = /* @__PURE__ */ be(0, 0, 0.58, 1), $n = /* @__PURE__ */ be(0.42, 0, 0.58, 1), Bi = (e) => Array.isArray(e) && typeof e[0] != "number", _n = (e) => Array.isArray(e) && typeof e[0] == "number", jt = {
-  linear: ie,
-  easeIn: ki,
-  easeInOut: $n,
-  easeOut: Ni,
-  circIn: yt,
-  circInOut: Wn,
-  circOut: Ii,
-  backIn: gt,
-  backInOut: Bn,
-  backOut: Nn,
-  anticipate: Kn
-}, Ki = (e) => typeof e == "string", Ut = (e) => {
-  if (_n(e)) {
-    Y(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
+    return ae;
+  const i = (r) => Bi(r, 0, 1, e, n);
+  return (r) => r === 0 || r === 1 ? r : Nn(i(r), t, s);
+}
+const Bn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Kn = (e) => (t) => 1 - e(1 - t), Wn = /* @__PURE__ */ Te(0.33, 1.53, 0.69, 0.99), bt = /* @__PURE__ */ Kn(Wn), $n = /* @__PURE__ */ Bn(bt), jn = (e) => (e *= 2) < 1 ? 0.5 * bt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), vt = (e) => 1 - Math.sin(Math.acos(e)), Ki = Kn(vt), _n = Bn(vt), Wi = /* @__PURE__ */ Te(0.42, 0, 1, 1), $i = /* @__PURE__ */ Te(0, 0, 0.58, 1), Un = /* @__PURE__ */ Te(0.42, 0, 0.58, 1), ji = (e) => Array.isArray(e) && typeof e[0] != "number", Gn = (e) => Array.isArray(e) && typeof e[0] == "number", Ht = {
+  linear: ae,
+  easeIn: Wi,
+  easeInOut: Un,
+  easeOut: $i,
+  circIn: vt,
+  circInOut: _n,
+  circOut: Ki,
+  backIn: bt,
+  backInOut: $n,
+  backOut: Wn,
+  anticipate: jn
+}, _i = (e) => typeof e == "string", zt = (e) => {
+  if (Gn(e)) {
+    X(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [t, n, s, i] = e;
-    return be(t, n, s, i);
-  } else if (Ki(e))
-    return Y(jt[e] !== void 0, `Invalid easing type '${e}'`), jt[e];
+    return Te(t, n, s, i);
+  } else if (_i(e))
+    return X(Ht[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), Ht[e];
   return e;
-}, Te = [
+}, Se = [
   "setup",
   // Compute
   "read",
@@ -418,7 +421,7 @@ const In = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, kn
   "postRender"
   // Compute
 ];
-function Wi(e, t) {
+function Ui(e, t) {
   let n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), i = !1, r = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -433,9 +436,9 @@ function Wi(e, t) {
     /**
      * Schedule a process to run on the next frame.
      */
-    schedule: (c, d = !1, f = !1) => {
-      const g = f && i ? n : s;
-      return d && o.add(c), g.has(c) || g.add(c), c;
+    schedule: (c, f = !1, d = !1) => {
+      const g = d && i ? n : s;
+      return f && o.add(c), g.has(c) || g.add(c), c;
     },
     /**
      * Cancel the provided callback from running on the next frame.
@@ -456,70 +459,70 @@ function Wi(e, t) {
   };
   return u;
 }
-const $i = 40;
-function jn(e, t) {
+const Gi = 40;
+function Hn(e, t) {
   let n = !1, s = !0;
   const i = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = () => n = !0, o = Te.reduce((m, C) => (m[C] = Wi(r), m), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: d, preRender: f, render: h, postRender: g } = o, y = () => {
+  }, r = () => n = !0, o = Se.reduce((m, C) => (m[C] = Ui(r), m), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: f, preRender: d, render: h, postRender: g } = o, y = () => {
     const m = W.useManualTiming ? i.timestamp : performance.now();
-    n = !1, W.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(m - i.timestamp, $i), 1)), i.timestamp = m, i.isProcessing = !0, a.process(i), l.process(i), u.process(i), c.process(i), d.process(i), f.process(i), h.process(i), g.process(i), i.isProcessing = !1, n && t && (s = !1, e(y));
+    n = !1, W.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(m - i.timestamp, Gi), 1)), i.timestamp = m, i.isProcessing = !0, a.process(i), l.process(i), u.process(i), c.process(i), f.process(i), d.process(i), h.process(i), g.process(i), i.isProcessing = !1, n && t && (s = !1, e(y));
   }, T = () => {
     n = !0, s = !0, i.isProcessing || e(y);
   };
-  return { schedule: Te.reduce((m, C) => {
+  return { schedule: Se.reduce((m, C) => {
     const w = o[C];
     return m[C] = (A, x = !1, S = !1) => (n || T(), w.schedule(A, x, S)), m;
   }, {}), cancel: (m) => {
-    for (let C = 0; C < Te.length; C++)
-      o[Te[C]].cancel(m);
+    for (let C = 0; C < Se.length; C++)
+      o[Se[C]].cancel(m);
   }, state: i, steps: o };
 }
-const { schedule: k, cancel: Ye, state: Ae } = /* @__PURE__ */ jn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ie, !0);
-let Se;
-function _i() {
-  Se = void 0;
+const { schedule: N, cancel: Xe, state: Me } = /* @__PURE__ */ Hn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ae, !0);
+let Ve;
+function Hi() {
+  Ve = void 0;
 }
-const L = {
-  now: () => (Se === void 0 && L.set(Ae.isProcessing || W.useManualTiming ? Ae.timestamp : performance.now()), Se),
+const I = {
+  now: () => (Ve === void 0 && I.set(Me.isProcessing || W.useManualTiming ? Me.timestamp : performance.now()), Ve),
   set: (e) => {
-    Se = e, queueMicrotask(_i);
+    Ve = e, queueMicrotask(Hi);
   }
-}, Un = (e) => (t) => typeof t == "string" && t.startsWith(e), Gn = /* @__PURE__ */ Un("--"), ji = /* @__PURE__ */ Un("var(--"), bt = (e) => ji(e) ? Ui.test(e.split("/*")[0].trim()) : !1, Ui = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, re = {
+}, zn = (e) => (t) => typeof t == "string" && t.startsWith(e), Yn = /* @__PURE__ */ zn("--"), zi = /* @__PURE__ */ zn("var(--"), Tt = (e) => zi(e) ? Yi.test(e.split("/*")[0].trim()) : !1, Yi = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, ce = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
-}, he = {
-  ...re,
-  transform: (e) => H(0, 1, e)
-}, we = {
-  ...re,
+}, ge = {
+  ...ce,
+  transform: (e) => Y(0, 1, e)
+}, xe = {
+  ...ce,
   default: 1
-}, de = (e) => Math.round(e * 1e5) / 1e5, vt = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function Gi(e) {
+}, me = (e) => Math.round(e * 1e5) / 1e5, wt = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function Xi(e) {
   return e == null;
 }
-const zi = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Tt = (e, t) => (n) => !!(typeof n == "string" && zi.test(n) && n.startsWith(e) || t && !Gi(n) && Object.prototype.hasOwnProperty.call(n, t)), zn = (e, t, n) => (s) => {
+const qi = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, St = (e, t) => (n) => !!(typeof n == "string" && qi.test(n) && n.startsWith(e) || t && !Xi(n) && Object.prototype.hasOwnProperty.call(n, t)), Xn = (e, t, n) => (s) => {
   if (typeof s != "string")
     return s;
-  const [i, r, o, a] = s.match(vt);
+  const [i, r, o, a] = s.match(wt);
   return {
     [e]: parseFloat(i),
     [t]: parseFloat(r),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Hi = (e) => H(0, 255, e), We = {
-  ...re,
-  transform: (e) => Math.round(Hi(e))
-}, j = {
-  test: /* @__PURE__ */ Tt("rgb", "red"),
-  parse: /* @__PURE__ */ zn("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + We.transform(e) + ", " + We.transform(t) + ", " + We.transform(n) + ", " + de(he.transform(s)) + ")"
+}, Zi = (e) => Y(0, 255, e), We = {
+  ...ce,
+  transform: (e) => Math.round(Zi(e))
+}, U = {
+  test: /* @__PURE__ */ St("rgb", "red"),
+  parse: /* @__PURE__ */ Xn("red", "green", "blue"),
+  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + We.transform(e) + ", " + We.transform(t) + ", " + We.transform(n) + ", " + me(ge.transform(s)) + ")"
 };
-function Yi(e) {
+function Ji(e) {
   let t = "", n = "", s = "", i = "";
   return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), s = e.substring(5, 7), i = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), s = e.substring(3, 4), i = e.substring(4, 5), t += t, n += n, s += s, i += i), {
     red: parseInt(t, 16),
@@ -528,76 +531,76 @@ function Yi(e) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const Xe = {
-  test: /* @__PURE__ */ Tt("#"),
-  parse: Yi,
-  transform: j.transform
-}, ve = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
+const qe = {
+  test: /* @__PURE__ */ St("#"),
+  parse: Ji,
+  transform: U.transform
+}, we = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), $ = /* @__PURE__ */ ve("deg"), Q = /* @__PURE__ */ ve("%"), b = /* @__PURE__ */ ve("px"), Xi = /* @__PURE__ */ ve("vh"), qi = /* @__PURE__ */ ve("vw"), Gt = {
-  ...Q,
-  parse: (e) => Q.parse(e) / 100,
-  transform: (e) => Q.transform(e * 100)
-}, q = {
-  test: /* @__PURE__ */ Tt("hsl", "hue"),
-  parse: /* @__PURE__ */ zn("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + Q.transform(de(t)) + ", " + Q.transform(de(n)) + ", " + de(he.transform(s)) + ")"
+}), $ = /* @__PURE__ */ we("deg"), te = /* @__PURE__ */ we("%"), b = /* @__PURE__ */ we("px"), Qi = /* @__PURE__ */ we("vh"), er = /* @__PURE__ */ we("vw"), Yt = {
+  ...te,
+  parse: (e) => te.parse(e) / 100,
+  transform: (e) => te.transform(e * 100)
+}, J = {
+  test: /* @__PURE__ */ St("hsl", "hue"),
+  parse: /* @__PURE__ */ Xn("hue", "saturation", "lightness"),
+  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + te.transform(me(t)) + ", " + te.transform(me(n)) + ", " + me(ge.transform(s)) + ")"
 }, E = {
-  test: (e) => j.test(e) || Xe.test(e) || q.test(e),
-  parse: (e) => j.test(e) ? j.parse(e) : q.test(e) ? q.parse(e) : Xe.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? j.transform(e) : q.transform(e),
+  test: (e) => U.test(e) || qe.test(e) || J.test(e),
+  parse: (e) => U.test(e) ? U.parse(e) : J.test(e) ? J.parse(e) : qe.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? U.transform(e) : J.transform(e),
   getAnimatableNone: (e) => {
     const t = E.parse(e);
     return t.alpha = 0, E.transform(t);
   }
-}, Zi = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function Ji(e) {
+}, tr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function nr(e) {
   var t, n;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(vt)) == null ? void 0 : t.length) || 0) + (((n = e.match(Zi)) == null ? void 0 : n.length) || 0) > 0;
+  return isNaN(e) && typeof e == "string" && (((t = e.match(wt)) == null ? void 0 : t.length) || 0) + (((n = e.match(tr)) == null ? void 0 : n.length) || 0) > 0;
 }
-const Hn = "number", Yn = "color", Qi = "var", er = "var(", zt = "${}", tr = /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 pe(e) {
+const qn = "number", Zn = "color", sr = "var", ir = "var(", Xt = "${}", rr = /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 ye(e) {
   const t = e.toString(), n = [], s = {
     color: [],
     number: [],
     var: []
   }, i = [];
   let r = 0;
-  const a = t.replace(tr, (l) => (E.test(l) ? (s.color.push(r), i.push(Yn), n.push(E.parse(l))) : l.startsWith(er) ? (s.var.push(r), i.push(Qi), n.push(l)) : (s.number.push(r), i.push(Hn), n.push(parseFloat(l))), ++r, zt)).split(zt);
+  const a = t.replace(rr, (l) => (E.test(l) ? (s.color.push(r), i.push(Zn), n.push(E.parse(l))) : l.startsWith(ir) ? (s.var.push(r), i.push(sr), n.push(l)) : (s.number.push(r), i.push(qn), n.push(parseFloat(l))), ++r, Xt)).split(Xt);
   return { values: n, split: a, indexes: s, types: i };
 }
-function Xn(e) {
-  return pe(e).values;
+function Jn(e) {
+  return ye(e).values;
 }
-function qn(e) {
-  const { split: t, types: n } = pe(e), s = t.length;
+function Qn(e) {
+  const { split: t, types: n } = ye(e), s = t.length;
   return (i) => {
     let r = "";
     for (let o = 0; o < s; o++)
       if (r += t[o], i[o] !== void 0) {
         const a = n[o];
-        a === Hn ? r += de(i[o]) : a === Yn ? r += E.transform(i[o]) : r += i[o];
+        a === qn ? r += me(i[o]) : a === Zn ? r += E.transform(i[o]) : r += i[o];
       }
     return r;
   };
 }
-const nr = (e) => typeof e == "number" ? 0 : E.test(e) ? E.getAnimatableNone(e) : e;
-function sr(e) {
-  const t = Xn(e);
-  return qn(e)(t.map(nr));
+const or = (e) => typeof e == "number" ? 0 : E.test(e) ? E.getAnimatableNone(e) : e;
+function ar(e) {
+  const t = Jn(e);
+  return Qn(e)(t.map(or));
 }
-const oe = {
-  test: Ji,
-  parse: Xn,
-  createTransformer: qn,
-  getAnimatableNone: sr
+const ue = {
+  test: nr,
+  parse: Jn,
+  createTransformer: Qn,
+  getAnimatableNone: ar
 };
 function $e(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
-function ir({ hue: e, saturation: t, lightness: n, alpha: s }) {
+function cr({ hue: e, saturation: t, lightness: n, alpha: s }) {
   e /= 360, t /= 100, n /= 100;
   let i = 0, r = 0, o = 0;
   if (!t)
@@ -613,55 +616,55 @@ function ir({ hue: e, saturation: t, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function Ce(e, t) {
+function Pe(e, t) {
   return (n) => n > 0 ? t : e;
 }
-const Oe = (e, t, n) => e + (t - e) * n, _e = (e, t, n) => {
+const Ie = (e, t, n) => e + (t - e) * n, je = (e, t, n) => {
   const s = e * e, i = n * (t * t - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, rr = [Xe, j, q], or = (e) => rr.find((t) => t.test(e));
-function Ht(e) {
-  const t = or(e);
-  if (ye(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
+}, ur = [qe, U, J], lr = (e) => ur.find((t) => t.test(e));
+function qt(e) {
+  const t = lr(e);
+  if (ve(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !t)
     return !1;
   let n = t.parse(e);
-  return t === q && (n = ir(n)), n;
+  return t === J && (n = cr(n)), n;
 }
-const Yt = (e, t) => {
-  const n = Ht(e), s = Ht(t);
+const Zt = (e, t) => {
+  const n = qt(e), s = qt(t);
   if (!n || !s)
-    return Ce(e, t);
+    return Pe(e, t);
   const i = { ...n };
-  return (r) => (i.red = _e(n.red, s.red, r), i.green = _e(n.green, s.green, r), i.blue = _e(n.blue, s.blue, r), i.alpha = Oe(n.alpha, s.alpha, r), j.transform(i));
-}, qe = /* @__PURE__ */ new Set(["none", "hidden"]);
-function ar(e, t) {
-  return qe.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
+  return (r) => (i.red = je(n.red, s.red, r), i.green = je(n.green, s.green, r), i.blue = je(n.blue, s.blue, r), i.alpha = Ie(n.alpha, s.alpha, r), U.transform(i));
+}, Ze = /* @__PURE__ */ new Set(["none", "hidden"]);
+function fr(e, t) {
+  return Ze.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
-function cr(e, t) {
-  return (n) => Oe(e, t, n);
+function dr(e, t) {
+  return (n) => Ie(e, t, n);
 }
-function wt(e) {
-  return typeof e == "number" ? cr : typeof e == "string" ? bt(e) ? Ce : E.test(e) ? Yt : fr : Array.isArray(e) ? Zn : typeof e == "object" ? E.test(e) ? Yt : ur : Ce;
+function xt(e) {
+  return typeof e == "number" ? dr : typeof e == "string" ? Tt(e) ? Pe : E.test(e) ? Zt : mr : Array.isArray(e) ? es : typeof e == "object" ? E.test(e) ? Zt : hr : Pe;
 }
-function Zn(e, t) {
-  const n = [...e], s = n.length, i = e.map((r, o) => wt(r)(r, t[o]));
+function es(e, t) {
+  const n = [...e], s = n.length, i = e.map((r, o) => xt(r)(r, t[o]));
   return (r) => {
     for (let o = 0; o < s; o++)
       n[o] = i[o](r);
     return n;
   };
 }
-function ur(e, t) {
+function hr(e, t) {
   const n = { ...e, ...t }, s = {};
   for (const i in n)
-    e[i] !== void 0 && t[i] !== void 0 && (s[i] = wt(e[i])(e[i], t[i]));
+    e[i] !== void 0 && t[i] !== void 0 && (s[i] = xt(e[i])(e[i], t[i]));
   return (i) => {
     for (const r in s)
       n[r] = s[r](i);
     return n;
   };
 }
-function lr(e, t) {
+function pr(e, t) {
   const n = [], s = { color: 0, var: 0, number: 0 };
   for (let i = 0; i < t.values.length; i++) {
     const r = t.types[i], o = e.indexes[r][s[r]], a = e.values[o] ?? 0;
@@ -669,51 +672,51 @@ function lr(e, t) {
   }
   return n;
 }
-const fr = (e, t) => {
-  const n = oe.createTransformer(t), s = pe(e), i = pe(t);
-  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? qe.has(e) && !i.values.length || qe.has(t) && !s.values.length ? ar(e, t) : Re(Zn(lr(s, i), i.values), n) : (ye(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Ce(e, t));
+const mr = (e, t) => {
+  const n = ue.createTransformer(t), s = ye(e), i = ye(t);
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Ze.has(e) && !i.values.length || Ze.has(t) && !s.values.length ? fr(e, t) : Le(es(pr(s, i), i.values), n) : (ve(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), Pe(e, t));
 };
-function Jn(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? Oe(e, t, n) : wt(e)(e, t);
+function ts(e, t, n) {
+  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? Ie(e, t, n) : xt(e)(e, t);
 }
-const dr = (e) => {
+const gr = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
-    start: (n = !0) => k.update(t, n),
-    stop: () => Ye(t),
+    start: (n = !0) => N.update(t, n),
+    stop: () => Xe(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => Ae.isProcessing ? Ae.timestamp : L.now()
+    now: () => Me.isProcessing ? Me.timestamp : I.now()
   };
-}, Qn = (e, t, n = 10) => {
+}, ns = (e, t, n = 10) => {
   let s = "";
   const i = Math.max(Math.round(t / n), 2);
   for (let r = 0; r < i; r++)
     s += Math.round(e(r / (i - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${s.substring(0, s.length - 2)})`;
-}, Me = 2e4;
-function St(e) {
+}, Ee = 2e4;
+function Vt(e) {
   let t = 0;
   const n = 50;
   let s = e.next(t);
-  for (; !s.done && t < Me; )
+  for (; !s.done && t < Ee; )
     t += n, s = e.next(t);
-  return t >= Me ? 1 / 0 : t;
+  return t >= Ee ? 1 / 0 : t;
 }
-function hr(e, t = 100, n) {
-  const s = n({ ...e, keyframes: [0, t] }), i = Math.min(St(s), Me);
+function yr(e, t = 100, n) {
+  const s = n({ ...e, keyframes: [0, t] }), i = Math.min(Vt(s), Ee);
   return {
     type: "keyframes",
     ease: (r) => s.next(i * r).value / t,
     duration: /* @__PURE__ */ K(i)
   };
 }
-const pr = 5;
-function es(e, t, n) {
-  const s = Math.max(t - pr, 0);
-  return Rn(n - e(s), t - s);
+const br = 5;
+function ss(e, t, n) {
+  const s = Math.max(t - br, 0);
+  return In(n - e(s), t - s);
 }
 const P = {
   // Default spring physics
@@ -743,26 +746,26 @@ const P = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, je = 1e-3;
-function mr({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.velocity, mass: s = P.mass }) {
+}, _e = 1e-3;
+function vr({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.velocity, mass: s = P.mass }) {
   let i, r;
-  ye(e <= /* @__PURE__ */ N(P.maxDuration), "Spring duration must be 10 seconds or less");
+  ve(e <= /* @__PURE__ */ B(P.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let o = 1 - t;
-  o = H(P.minDamping, P.maxDamping, o), e = H(P.minDuration, P.maxDuration, /* @__PURE__ */ K(e)), o < 1 ? (i = (u) => {
-    const c = u * o, d = c * e, f = c - n, h = Ze(u, o), g = Math.exp(-d);
-    return je - f / h * g;
+  o = Y(P.minDamping, P.maxDamping, o), e = Y(P.minDuration, P.maxDuration, /* @__PURE__ */ K(e)), o < 1 ? (i = (u) => {
+    const c = u * o, f = c * e, d = c - n, h = Je(u, o), g = Math.exp(-f);
+    return _e - d / h * g;
   }, r = (u) => {
-    const d = u * o * e, f = d * n + n, h = Math.pow(o, 2) * Math.pow(u, 2) * e, g = Math.exp(-d), y = Ze(Math.pow(u, 2), o);
-    return (-i(u) + je > 0 ? -1 : 1) * ((f - h) * g) / y;
+    const f = u * o * e, d = f * n + n, h = Math.pow(o, 2) * Math.pow(u, 2) * e, g = Math.exp(-f), y = Je(Math.pow(u, 2), o);
+    return (-i(u) + _e > 0 ? -1 : 1) * ((d - h) * g) / y;
   }) : (i = (u) => {
-    const c = Math.exp(-u * e), d = (u - n) * e + 1;
-    return -je + c * d;
+    const c = Math.exp(-u * e), f = (u - n) * e + 1;
+    return -_e + c * f;
   }, r = (u) => {
-    const c = Math.exp(-u * e), d = (n - u) * (e * e);
-    return c * d;
+    const c = Math.exp(-u * e), f = (n - u) * (e * e);
+    return c * f;
   });
-  const a = 5 / e, l = yr(i, r, a);
-  if (e = /* @__PURE__ */ N(e), isNaN(l))
+  const a = 5 / e, l = wr(i, r, a);
+  if (e = /* @__PURE__ */ B(e), isNaN(l))
     return {
       stiffness: P.stiffness,
       damping: P.damping,
@@ -777,21 +780,21 @@ function mr({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.ve
     };
   }
 }
-const gr = 12;
-function yr(e, t, n) {
+const Tr = 12;
+function wr(e, t, n) {
   let s = n;
-  for (let i = 1; i < gr; i++)
+  for (let i = 1; i < Tr; i++)
     s = s - e(s) / t(s);
   return s;
 }
-function Ze(e, t) {
+function Je(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
-const br = ["duration", "bounce"], vr = ["stiffness", "damping", "mass"];
-function Xt(e, t) {
+const Sr = ["duration", "bounce"], xr = ["stiffness", "damping", "mass"];
+function Jt(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
-function Tr(e) {
+function Vr(e) {
   let t = {
     velocity: P.velocity,
     stiffness: P.stiffness,
@@ -800,9 +803,9 @@ function Tr(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!Xt(e, vr) && Xt(e, br))
+  if (!Jt(e, xr) && Jt(e, Sr))
     if (e.visualDuration) {
-      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * H(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(i);
+      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * Y(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(i);
       t = {
         ...t,
         mass: P.mass,
@@ -810,7 +813,7 @@ function Tr(e) {
         damping: r
       };
     } else {
-      const n = mr(e);
+      const n = vr(e);
       t = {
         ...t,
         ...n,
@@ -819,21 +822,21 @@ function Tr(e) {
     }
   return t;
 }
-function Pe(e = P.visualDuration, t = P.bounce) {
+function De(e = P.visualDuration, t = P.bounce) {
   const n = typeof e != "object" ? {
     visualDuration: e,
     keyframes: [0, 1],
     bounce: t
   } : e;
   let { restSpeed: s, restDelta: i } = n;
-  const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: l, damping: u, mass: c, duration: d, velocity: f, isResolvedFromDuration: h } = Tr({
+  const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: l, damping: u, mass: c, duration: f, velocity: d, isResolvedFromDuration: h } = Vr({
     ...n,
     velocity: -/* @__PURE__ */ K(n.velocity || 0)
-  }), g = f || 0, y = u / (2 * Math.sqrt(l * c)), T = o - r, p = /* @__PURE__ */ K(Math.sqrt(l / c)), V = Math.abs(T) < 5;
+  }), g = d || 0, y = u / (2 * Math.sqrt(l * c)), T = o - r, p = /* @__PURE__ */ K(Math.sqrt(l / c)), V = Math.abs(T) < 5;
   s || (s = V ? P.restSpeed.granular : P.restSpeed.default), i || (i = V ? P.restDelta.granular : P.restDelta.default);
   let m;
   if (y < 1) {
-    const w = Ze(p, y);
+    const w = Je(p, y);
     m = (A) => {
       const x = Math.exp(-y * p * A);
       return o - x * ((g + y * p * T) / w * Math.sin(w * A) + T * Math.cos(w * A));
@@ -848,21 +851,21 @@ function Pe(e = P.visualDuration, t = P.bounce) {
     };
   }
   const C = {
-    calculatedDuration: h && d || null,
+    calculatedDuration: h && f || null,
     next: (w) => {
       const A = m(w);
       if (h)
-        a.done = w >= d;
+        a.done = w >= f;
       else {
         let x = w === 0 ? g : 0;
-        y < 1 && (x = w === 0 ? /* @__PURE__ */ N(g) : es(m, w, A));
+        y < 1 && (x = w === 0 ? /* @__PURE__ */ B(g) : ss(m, w, A));
         const S = Math.abs(x) <= s, D = Math.abs(o - A) <= i;
         a.done = S && D;
       }
       return a.value = a.done ? o : A, a;
     },
     toString: () => {
-      const w = Math.min(St(C), Me), A = Qn((x) => C.next(w * x).value, w, 30);
+      const w = Math.min(Vt(C), Ee), A = ns((x) => C.next(w * x).value, w, 30);
       return w + "ms " + A;
     },
     toTransition: () => {
@@ -870,27 +873,27 @@ function Pe(e = P.visualDuration, t = P.bounce) {
   };
   return C;
 }
-Pe.applyToOptions = (e) => {
-  const t = hr(e, 100, Pe);
-  return e.ease = t.ease, e.duration = /* @__PURE__ */ N(t.duration), e.type = "keyframes", e;
+De.applyToOptions = (e) => {
+  const t = yr(e, 100, De);
+  return e.ease = t.ease, e.duration = /* @__PURE__ */ B(t.duration), e.type = "keyframes", e;
 };
-function Je({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
-  const d = e[0], f = {
+function Qe({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
+  const f = e[0], d = {
     done: !1,
-    value: d
+    value: f
   }, h = (S) => a !== void 0 && S < a || l !== void 0 && S > l, g = (S) => a === void 0 ? l : l === void 0 || Math.abs(a - S) < Math.abs(l - S) ? a : l;
   let y = n * t;
-  const T = d + y, p = o === void 0 ? T : o(T);
-  p !== T && (y = p - d);
+  const T = f + y, p = o === void 0 ? T : o(T);
+  p !== T && (y = p - f);
   const V = (S) => -y * Math.exp(-S / s), m = (S) => p + V(S), C = (S) => {
-    const D = V(S), F = m(S);
-    f.done = Math.abs(D) <= u, f.value = f.done ? p : F;
+    const D = V(S), O = m(S);
+    d.done = Math.abs(D) <= u, d.value = d.done ? p : O;
   };
   let w, A;
   const x = (S) => {
-    h(f.value) && (w = S, A = Pe({
-      keyframes: [f.value, g(f.value)],
-      velocity: es(m, S, f.value),
+    h(d.value) && (w = S, A = De({
+      keyframes: [d.value, g(d.value)],
+      velocity: ss(m, S, d.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: r,
@@ -902,92 +905,92 @@ function Je({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
     calculatedDuration: null,
     next: (S) => {
       let D = !1;
-      return !A && w === void 0 && (D = !0, C(S), x(S)), w !== void 0 && S >= w ? A.next(S - w) : (!D && C(S), f);
+      return !A && w === void 0 && (D = !0, C(S), x(S)), w !== void 0 && S >= w ? A.next(S - w) : (!D && C(S), d);
     }
   };
 }
-function wr(e, t, n) {
-  const s = [], i = n || W.mix || Jn, r = e.length - 1;
+function Ar(e, t, n) {
+  const s = [], i = n || W.mix || ts, r = e.length - 1;
   for (let o = 0; o < r; o++) {
     let a = i(e[o], e[o + 1]);
     if (t) {
-      const l = Array.isArray(t) ? t[o] || ie : t;
-      a = Re(l, a);
+      const l = Array.isArray(t) ? t[o] || ae : t;
+      a = Le(l, a);
     }
     s.push(a);
   }
   return s;
 }
-function Sr(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
+function Cr(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const r = e.length;
-  if (Y(r === t.length, "Both input and output ranges must be the same length"), r === 1)
+  if (X(r === t.length, "Both input and output ranges must be the same length", "range-length"), r === 1)
     return () => t[0];
   if (r === 2 && t[0] === t[1])
     return () => t[1];
   const o = e[0] === e[1];
   e[0] > e[r - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const a = wr(t, s, i), l = a.length, u = (c) => {
+  const a = Ar(t, s, i), l = a.length, u = (c) => {
     if (o && c < e[0])
       return t[0];
-    let d = 0;
+    let f = 0;
     if (l > 1)
-      for (; d < e.length - 2 && !(c < e[d + 1]); d++)
+      for (; f < e.length - 2 && !(c < e[f + 1]); f++)
         ;
-    const f = /* @__PURE__ */ Dn(e[d], e[d + 1], c);
-    return a[d](f);
+    const d = /* @__PURE__ */ Rn(e[f], e[f + 1], c);
+    return a[f](d);
   };
-  return n ? (c) => u(H(e[0], e[r - 1], c)) : u;
+  return n ? (c) => u(Y(e[0], e[r - 1], c)) : u;
 }
-function xr(e, t) {
+function Mr(e, t) {
   const n = e[e.length - 1];
   for (let s = 1; s <= t; s++) {
-    const i = /* @__PURE__ */ Dn(0, t, s);
-    e.push(Oe(n, 1, i));
+    const i = /* @__PURE__ */ Rn(0, t, s);
+    e.push(Ie(n, 1, i));
   }
 }
-function Vr(e) {
+function Pr(e) {
   const t = [0];
-  return xr(t, e.length - 1), t;
+  return Mr(t, e.length - 1), t;
 }
-function Ar(e, t) {
+function Er(e, t) {
   return e.map((n) => n * t);
 }
-function Cr(e, t) {
-  return e.map(() => t || $n).splice(0, e.length - 1);
+function Dr(e, t) {
+  return e.map(() => t || Un).splice(0, e.length - 1);
 }
-function Z({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const i = Bi(s) ? s.map(Ut) : Ut(s), r = {
+function Q({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
+  const i = ji(s) ? s.map(zt) : zt(s), r = {
     done: !1,
     value: t[0]
-  }, o = Ar(
+  }, o = Er(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === t.length ? n : Vr(t),
+    n && n.length === t.length ? n : Pr(t),
     e
-  ), a = Sr(o, t, {
-    ease: Array.isArray(i) ? i : Cr(t, i)
+  ), a = Cr(o, t, {
+    ease: Array.isArray(i) ? i : Dr(t, i)
   });
   return {
     calculatedDuration: e,
     next: (l) => (r.value = a(l), r.done = l >= e, r)
   };
 }
-const Mr = (e) => e !== null;
-function xt(e, { repeat: t, repeatType: n = "loop" }, s, i = 1) {
-  const r = e.filter(Mr), a = i < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
+const Fr = (e) => e !== null;
+function At(e, { repeat: t, repeatType: n = "loop" }, s, i = 1) {
+  const r = e.filter(Fr), a = i < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
   return !a || s === void 0 ? r[a] : s;
 }
-const Pr = {
-  decay: Je,
-  inertia: Je,
-  tween: Z,
-  keyframes: Z,
-  spring: Pe
+const Or = {
+  decay: Qe,
+  inertia: Qe,
+  tween: Q,
+  keyframes: Q,
+  spring: De
 };
-function ts(e) {
-  typeof e.type == "string" && (e.type = Pr[e.type]);
+function is(e) {
+  typeof e.type == "string" && (e.type = Or[e.type]);
 }
-class Vt {
+class Ct {
   constructor() {
     this.updateFinished();
   }
@@ -1011,28 +1014,28 @@ class Vt {
     return this.finished.then(t, n);
   }
 }
-const Er = (e) => e / 100;
-class At extends Vt {
+const Rr = (e) => e / 100;
+class Mt extends Ct {
   constructor(t) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       var s, i;
       const { motionValue: n } = this.options;
-      n && n.updatedAt !== L.now() && this.tick(L.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (i = (s = this.options).onStop) == null || i.call(s));
+      n && n.updatedAt !== I.now() && this.tick(I.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (i = (s = this.options).onStop) == null || i.call(s));
     }, this.options = t, this.initAnimation(), this.play(), t.autoplay === !1 && this.pause();
   }
   initAnimation() {
     const { options: t } = this;
-    ts(t);
-    const { type: n = Z, repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = t;
+    is(t);
+    const { type: n = Q, repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = t;
     let { keyframes: a } = t;
-    const l = n || Z;
-    process.env.NODE_ENV !== "production" && l !== Z && Y(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), l !== Z && typeof a[0] != "number" && (this.mixKeyframes = Re(Er, Jn(a[0], a[1])), a = [0, 100]);
+    const l = n || Q;
+    process.env.NODE_ENV !== "production" && l !== Q && X(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== Q && typeof a[0] != "number" && (this.mixKeyframes = Le(Rr, ts(a[0], a[1])), a = [0, 100]);
     const u = l({ ...t, keyframes: a });
     r === "mirror" && (this.mirroredGenerator = l({
       ...t,
       keyframes: [...a].reverse(),
       velocity: -o
-    })), u.calculatedDuration === null && (u.calculatedDuration = St(u));
+    })), u.calculatedDuration === null && (u.calculatedDuration = Vt(u));
     const { calculatedDuration: c } = u;
     this.calculatedDuration = c, this.resolvedDuration = c + i, this.totalDuration = this.resolvedDuration * (s + 1) - i, this.generator = u;
   }
@@ -1044,22 +1047,22 @@ class At extends Vt {
     const { generator: s, totalDuration: i, mixKeyframes: r, mirroredGenerator: o, resolvedDuration: a, calculatedDuration: l } = this;
     if (this.startTime === null)
       return s.next(0);
-    const { delay: u = 0, keyframes: c, repeat: d, repeatType: f, repeatDelay: h, type: g, onUpdate: y, finalKeyframe: T } = this.options;
+    const { delay: u = 0, keyframes: c, repeat: f, repeatType: d, repeatDelay: h, type: g, onUpdate: y, finalKeyframe: T } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - i / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
     const p = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), V = 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, C = s;
-    if (d) {
+    if (f) {
       const S = Math.min(this.currentTime, i) / a;
-      let D = Math.floor(S), F = S % 1;
-      !F && S >= 1 && (F = 1), F === 1 && D--, D = Math.min(D, d + 1), !!(D % 2) && (f === "reverse" ? (F = 1 - F, h && (F -= h / a)) : f === "mirror" && (C = o)), m = H(0, 1, F) * a;
+      let D = Math.floor(S), O = S % 1;
+      !O && S >= 1 && (O = 1), O === 1 && D--, D = Math.min(D, f + 1), !!(D % 2) && (d === "reverse" ? (O = 1 - O, h && (O -= h / a)) : d === "mirror" && (C = o)), m = Y(0, 1, O) * a;
     }
     const w = V ? { done: !1, value: c[0] } : C.next(m);
     r && (w.value = r(w.value));
     let { done: A } = w;
     !V && l !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     const x = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
-    return x && g !== Je && (w.value = xt(c, this.options, T, this.speed)), y && y(w.value), x && this.finish(), w;
+    return x && g !== Qe && (w.value = At(c, this.options, T, this.speed)), y && y(w.value), x && this.finish(), w;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -1077,13 +1080,13 @@ class At extends Vt {
   }
   set time(t) {
     var n;
-    t = /* @__PURE__ */ N(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), (n = this.driver) == null || n.start(!1);
+    t = /* @__PURE__ */ B(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), (n = this.driver) == null || n.start(!1);
   }
   get speed() {
     return this.playbackSpeed;
   }
   set speed(t) {
-    this.updateTime(L.now());
+    this.updateTime(I.now());
     const n = this.playbackSpeed !== t;
     this.playbackSpeed = t, n && (this.time = /* @__PURE__ */ K(this.currentTime));
   }
@@ -1091,13 +1094,13 @@ class At extends Vt {
     var i, r;
     if (this.isStopped)
       return;
-    const { driver: t = dr, startTime: n } = this.options;
+    const { driver: t = gr, startTime: n } = this.options;
     this.driver || (this.driver = t((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();
   }
   pause() {
-    this.state = "paused", this.updateTime(L.now()), this.holdTime = this.currentTime;
+    this.state = "paused", this.updateTime(I.now()), this.holdTime = this.currentTime;
   }
   complete() {
     this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
@@ -1124,14 +1127,14 @@ class At extends Vt {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (n = this.driver) == null || n.stop(), t.observe(this);
   }
 }
-function Dr(e) {
+function Lr(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
-const U = (e) => e * 180 / Math.PI, Qe = (e) => {
-  const t = U(Math.atan2(e[1], e[0]));
-  return et(t);
-}, Fr = {
+const G = (e) => e * 180 / Math.PI, et = (e) => {
+  const t = G(Math.atan2(e[1], e[0]));
+  return tt(t);
+}, Ir = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -1139,56 +1142,56 @@ const U = (e) => e * 180 / Math.PI, Qe = (e) => {
   scaleX: 0,
   scaleY: 3,
   scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
-  rotate: Qe,
-  rotateZ: Qe,
-  skewX: (e) => U(Math.atan(e[1])),
-  skewY: (e) => U(Math.atan(e[2])),
+  rotate: et,
+  rotateZ: et,
+  skewX: (e) => G(Math.atan(e[1])),
+  skewY: (e) => G(Math.atan(e[2])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
-}, et = (e) => (e = e % 360, e < 0 && (e += 360), e), qt = Qe, Zt = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), Jt = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Rr = {
+}, tt = (e) => (e = e % 360, e < 0 && (e += 360), e), Qt = et, en = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), tn = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), kr = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: Zt,
-  scaleY: Jt,
-  scale: (e) => (Zt(e) + Jt(e)) / 2,
-  rotateX: (e) => et(U(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => et(U(Math.atan2(-e[2], e[0]))),
-  rotateZ: qt,
-  rotate: qt,
-  skewX: (e) => U(Math.atan(e[4])),
-  skewY: (e) => U(Math.atan(e[1])),
+  scaleX: en,
+  scaleY: tn,
+  scale: (e) => (en(e) + tn(e)) / 2,
+  rotateX: (e) => tt(G(Math.atan2(e[6], e[5]))),
+  rotateY: (e) => tt(G(Math.atan2(-e[2], e[0]))),
+  rotateZ: Qt,
+  rotate: Qt,
+  skewX: (e) => G(Math.atan(e[4])),
+  skewY: (e) => G(Math.atan(e[1])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
 };
-function tt(e) {
+function nt(e) {
   return e.includes("scale") ? 1 : 0;
 }
-function nt(e, t) {
+function st(e, t) {
   if (!e || e === "none")
-    return tt(t);
+    return nt(t);
   const n = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, i;
   if (n)
-    s = Rr, i = n;
+    s = kr, i = n;
   else {
     const a = e.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    s = Fr, i = a;
+    s = Ir, i = a;
   }
   if (!i)
-    return tt(t);
-  const r = s[t], o = i[1].split(",").map(Lr);
+    return nt(t);
+  const r = s[t], o = i[1].split(",").map(Br);
   return typeof r == "function" ? r(o) : o[r];
 }
-const Or = (e, t) => {
+const Nr = (e, t) => {
   const { transform: n = "none" } = getComputedStyle(e);
-  return nt(n, t);
+  return st(n, t);
 };
-function Lr(e) {
+function Br(e) {
   return parseFloat(e.trim());
 }
-const ae = [
+const le = [
   "transformPerspective",
   "x",
   "y",
@@ -1206,15 +1209,15 @@ const ae = [
   "skew",
   "skewX",
   "skewY"
-], ce = new Set(ae), Qt = (e) => e === re || e === b, Ir = /* @__PURE__ */ new Set(["x", "y", "z"]), kr = ae.filter((e) => !Ir.has(e));
-function Nr(e) {
+], fe = new Set(le), nn = (e) => e === ce || e === b, Kr = /* @__PURE__ */ new Set(["x", "y", "z"]), Wr = le.filter((e) => !Kr.has(e));
+function $r(e) {
   const t = [];
-  return kr.forEach((n) => {
+  return Wr.forEach((n) => {
     const s = e.getValue(n);
     s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), t;
 }
-const G = {
+const H = {
   // Dimensions
   width: ({ x: e }, { paddingLeft: t = "0", paddingRight: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
   height: ({ y: e }, { paddingTop: t = "0", paddingBottom: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
@@ -1223,18 +1226,18 @@ const G = {
   bottom: ({ y: e }, { top: t }) => parseFloat(t) + (e.max - e.min),
   right: ({ x: e }, { left: t }) => parseFloat(t) + (e.max - e.min),
   // Transform
-  x: (e, { transform: t }) => nt(t, "x"),
-  y: (e, { transform: t }) => nt(t, "y")
+  x: (e, { transform: t }) => st(t, "x"),
+  y: (e, { transform: t }) => st(t, "y")
 };
-G.translateX = G.x;
-G.translateY = G.y;
+H.translateX = H.x;
+H.translateY = H.y;
 const z = /* @__PURE__ */ new Set();
-let st = !1, it = !1, rt = !1;
-function ns() {
-  if (it) {
+let it = !1, rt = !1, ot = !1;
+function rs() {
+  if (rt) {
     const e = Array.from(z).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     t.forEach((s) => {
-      const i = Nr(s);
+      const i = $r(s);
       i.length && (n.set(s, i), s.render());
     }), e.forEach((s) => s.measureInitialState()), t.forEach((s) => {
       s.render();
@@ -1247,22 +1250,22 @@ function ns() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  it = !1, st = !1, z.forEach((e) => e.complete(rt)), z.clear();
+  rt = !1, it = !1, z.forEach((e) => e.complete(ot)), z.clear();
 }
-function ss() {
+function os() {
   z.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (it = !0);
+    e.readKeyframes(), e.needsMeasurement && (rt = !0);
   });
 }
-function Br() {
-  rt = !0, ss(), ns(), rt = !1;
+function jr() {
+  ot = !0, os(), rs(), ot = !1;
 }
-class Ct {
+class Pt {
   constructor(t, n, s, i, r, o = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = i, this.element = r, this.isAsync = o;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (z.add(this), st || (st = !0, k.read(ss), k.resolveKeyframes(ns))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (z.add(this), it || (it = !0, N.read(os), N.resolveKeyframes(rs))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
@@ -1276,7 +1279,7 @@ class Ct {
       }
       t[0] === void 0 && (t[0] = o), i && r === void 0 && i.set(t[0]);
     }
-    Dr(t);
+    Lr(t);
   }
   setFinalKeyframe() {
   }
@@ -1296,71 +1299,71 @@ class Ct {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const Kr = (e) => e.startsWith("--");
-function Wr(e, t, n) {
-  Kr(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+const _r = (e) => e.startsWith("--");
+function Ur(e, t, n) {
+  _r(t) ? e.style.setProperty(t, n) : e.style[t] = n;
 }
-const $r = /* @__PURE__ */ mt(() => window.ScrollTimeline !== void 0), _r = {};
-function jr(e, t) {
-  const n = /* @__PURE__ */ mt(e);
-  return () => _r[t] ?? n();
+const Gr = /* @__PURE__ */ yt(() => window.ScrollTimeline !== void 0), Hr = {};
+function zr(e, t) {
+  const n = /* @__PURE__ */ yt(e);
+  return () => Hr[t] ?? n();
 }
-const is = /* @__PURE__ */ jr(() => {
+const as = /* @__PURE__ */ zr(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), le = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, en = {
+}, "linearEasing"), he = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, sn = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ le([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ le([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ le([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ le([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ he([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ he([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ he([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ he([0.33, 1.53, 0.69, 0.99])
 };
-function rs(e, t) {
+function cs(e, t) {
   if (e)
-    return typeof e == "function" ? is() ? Qn(e, t) : "ease-out" : _n(e) ? le(e) : Array.isArray(e) ? e.map((n) => rs(n, t) || en.easeOut) : en[e];
+    return typeof e == "function" ? as() ? ns(e, t) : "ease-out" : Gn(e) ? he(e) : Array.isArray(e) ? e.map((n) => cs(n, t) || sn.easeOut) : sn[e];
 }
-function Ur(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
+function Yr(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
   const c = {
     [t]: n
   };
   l && (c.offset = l);
-  const d = rs(a, i);
-  Array.isArray(d) && (c.easing = d);
-  const f = {
+  const f = cs(a, i);
+  Array.isArray(f) && (c.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 u && (f.pseudoElement = u), e.animate(c, f);
+  return u && (d.pseudoElement = u), e.animate(c, d);
 }
-function os(e) {
+function us(e) {
   return typeof e == "function" && "applyToOptions" in e;
 }
-function Gr({ type: e, ...t }) {
-  return os(e) && is() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
+function Xr({ type: e, ...t }) {
+  return us(e) && as() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
 }
-class zr extends Vt {
+class qr extends Ct {
   constructor(t) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !t)
       return;
     const { element: n, name: s, keyframes: i, pseudoElement: r, allowFlatten: o = !1, finalKeyframe: a, onComplete: l } = t;
-    this.isPseudoElement = !!r, this.allowFlatten = o, this.options = t, Y(typeof t.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
-    const u = Gr(t);
-    this.animation = Ur(n, s, i, u, r), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    this.isPseudoElement = !!r, this.allowFlatten = o, this.options = t, X(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
+    const u = Xr(t);
+    this.animation = Yr(n, s, i, u, r), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !r) {
-        const c = xt(i, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(c) : Wr(n, s, c), this.animation.cancel();
+        const c = At(i, this.options, a, this.speed);
+        this.updateMotionValue ? this.updateMotionValue(c) : Ur(n, s, c), this.animation.cancel();
       }
       l == null || l(), this.notifyFinished();
     };
@@ -1413,7 +1416,7 @@ class zr extends Vt {
     return /* @__PURE__ */ K(Number(this.animation.currentTime) || 0);
   }
   set time(t) {
-    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ N(t);
+    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ B(t);
   }
   /**
    * The playback speed of the animation.
@@ -1439,24 +1442,24 @@ class zr extends Vt {
    */
   attachTimeline({ timeline: t, observe: n }) {
     var s;
-    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && $r() ? (this.animation.timeline = t, ie) : n(this);
+    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && Gr() ? (this.animation.timeline = t, ae) : n(this);
   }
 }
-const as = {
-  anticipate: Kn,
-  backInOut: Bn,
-  circInOut: Wn
+const ls = {
+  anticipate: jn,
+  backInOut: $n,
+  circInOut: _n
 };
-function Hr(e) {
-  return e in as;
+function Zr(e) {
+  return e in ls;
 }
-function Yr(e) {
-  typeof e.ease == "string" && Hr(e.ease) && (e.ease = as[e.ease]);
+function Jr(e) {
+  typeof e.ease == "string" && Zr(e.ease) && (e.ease = ls[e.ease]);
 }
-const tn = 10;
-class Xr extends zr {
+const rn = 10;
+class Qr extends qr {
   constructor(t) {
-    Yr(t), ts(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
+    Jr(t), is(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1474,17 +1477,17 @@ class Xr extends zr {
       n.set(t);
       return;
     }
-    const a = new At({
+    const a = new Mt({
       ...o,
       autoplay: !1
-    }), l = /* @__PURE__ */ N(this.finishedTime ?? this.time);
-    n.setWithVelocity(a.sample(l - tn).value, a.sample(l).value, tn), a.stop();
+    }), l = /* @__PURE__ */ B(this.finishedTime ?? this.time);
+    n.setWithVelocity(a.sample(l - rn).value, a.sample(l).value, rn), a.stop();
   }
 }
-const nn = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
-(oe.test(e) || e === "0") && // And it contains numbers and/or colors
+const on = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
+(ue.test(e) || e === "0") && // And it contains numbers and/or colors
 !e.startsWith("url("));
-function qr(e) {
+function eo(e) {
   const t = e[0];
   if (e.length === 1)
     return !0;
@@ -1492,47 +1495,47 @@ function qr(e) {
     if (e[n] !== t)
       return !0;
 }
-function Zr(e, t, n, s) {
+function to(e, t, n, s) {
   const i = e[0];
   if (i === null)
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
-  const r = e[e.length - 1], o = nn(i, t), a = nn(r, t);
-  return ye(o === a, `You are trying to animate ${t} 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 : qr(e) || (n === "spring" || os(n)) && s;
+  const r = e[e.length - 1], o = on(i, t), a = on(r, t);
+  return ve(o === a, `You are trying to animate ${t} from "${i}" to "${r}". "${o ? r : i}" is not an animatable value.`, "value-not-animatable"), !o || !a ? !1 : eo(e) || (n === "spring" || us(n)) && s;
 }
-function cs(e) {
-  return Di(e) && "offsetHeight" in e;
+function at(e) {
+  e.duration = 0, e.type;
 }
-const Jr = /* @__PURE__ */ new Set([
+const no = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), Qr = /* @__PURE__ */ mt(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function eo(e) {
-  var u;
+]), so = /* @__PURE__ */ yt(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function io(e) {
+  var c;
   const { motionValue: t, name: n, repeatDelay: s, repeatType: i, damping: r, type: o } = e;
-  if (!cs((u = t == null ? void 0 : t.owner) == null ? void 0 : u.current))
+  if (!(((c = t == null ? void 0 : t.owner) == null ? void 0 : c.current) instanceof HTMLElement))
     return !1;
-  const { onUpdate: a, transformTemplate: l } = t.owner.getProps();
-  return Qr() && n && Jr.has(n) && (n !== "transform" || !l) && /**
+  const { onUpdate: l, transformTemplate: u } = t.owner.getProps();
+  return so() && n && no.has(n) && (n !== "transform" || !u) && /**
    * 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";
+  !l && !s && i !== "mirror" && r !== 0 && o !== "inertia";
 }
-const to = 40;
-class no extends Vt {
-  constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: o = "loop", keyframes: a, name: l, motionValue: u, element: c, ...d }) {
+const ro = 40;
+class oo extends Ct {
+  constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: o = "loop", keyframes: a, name: l, motionValue: u, element: c, ...f }) {
     var g;
     super(), this.stop = () => {
       var y, T;
       this._animation && (this._animation.stop(), (y = this.stopTimeline) == null || y.call(this)), (T = this.keyframeResolver) == null || T.cancel();
-    }, this.createdAt = L.now();
-    const f = {
+    }, this.createdAt = I.now();
+    const d = {
       autoplay: t,
       delay: n,
       type: s,
@@ -1542,24 +1545,24 @@ class no extends Vt {
       name: l,
       motionValue: u,
       element: c,
-      ...d
-    }, h = (c == null ? void 0 : c.KeyframeResolver) || Ct;
-    this.keyframeResolver = new h(a, (y, T, p) => this.onKeyframesResolved(y, T, f, !p), l, u, c), (g = this.keyframeResolver) == null || g.scheduleResolve();
+      ...f
+    }, h = (c == null ? void 0 : c.KeyframeResolver) || Pt;
+    this.keyframeResolver = new h(a, (y, T, p) => this.onKeyframesResolved(y, T, d, !p), l, u, c), (g = this.keyframeResolver) == null || g.scheduleResolve();
   }
   onKeyframesResolved(t, n, s, i) {
     this.keyframeResolver = void 0;
     const { name: r, type: o, velocity: a, delay: l, isHandoff: u, onUpdate: c } = s;
-    this.resolvedAt = L.now(), Zr(t, r, o, a) || ((W.instantAnimations || !l) && (c == null || c(xt(t, s, n))), t[0] = t[t.length - 1], s.duration = 0, s.repeat = 0);
-    const f = {
-      startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > to ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+    this.resolvedAt = I.now(), to(t, r, o, a) || ((W.instantAnimations || !l) && (c == null || c(At(t, s, n))), t[0] = t[t.length - 1], at(s), s.repeat = 0);
+    const d = {
+      startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > ro ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...s,
       keyframes: t
-    }, h = !u && eo(f) ? new Xr({
-      ...f,
-      element: f.motionValue.owner.current
-    }) : new At(f);
-    h.finished.then(() => this.notifyFinished()).catch(ie), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
+    }, h = !u && io(d) ? new Qr({
+      ...d,
+      element: d.motionValue.owner.current
+    }) : new Mt(d);
+    h.finished.then(() => this.notifyFinished()).catch(ae), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1570,7 +1573,7 @@ class no extends Vt {
   }
   get animation() {
     var t;
-    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), Br()), this._animation;
+    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), jr()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1610,78 +1613,78 @@ class no extends Vt {
     this._animation && this.animation.cancel(), (t = this.keyframeResolver) == null || t.cancel();
   }
 }
-const so = (
+const ao = (
   // 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 io(e) {
-  const t = so.exec(e);
+function co(e) {
+  const t = ao.exec(e);
   if (!t)
     return [,];
   const [, n, s, i] = t;
   return [`--${n ?? s}`, i];
 }
-const ro = 4;
-function us(e, t, n = 1) {
-  Y(n <= ro, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
-  const [s, i] = io(e);
+const uo = 4;
+function fs(e, t, n = 1) {
+  X(n <= uo, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [s, i] = co(e);
   if (!s)
     return;
   const r = window.getComputedStyle(t).getPropertyValue(s);
   if (r) {
     const o = r.trim();
-    return Pn(o) ? parseFloat(o) : o;
+    return Fn(o) ? parseFloat(o) : o;
   }
-  return bt(i) ? us(i, t, n + 1) : i;
+  return Tt(i) ? fs(i, t, n + 1) : i;
 }
-function ls(e, t) {
+function ds(e, t) {
   return (e == null ? void 0 : e[t]) ?? (e == null ? void 0 : e.default) ?? e;
 }
-const fs = /* @__PURE__ */ new Set([
+const hs = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
   "left",
   "right",
   "bottom",
-  ...ae
-]), oo = {
+  ...le
+]), lo = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, ds = (e) => (t) => t.test(e), hs = [re, b, Q, $, qi, Xi, oo], sn = (e) => hs.find(ds(e));
-function ao(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || En(e) : !0;
+}, ps = (e) => (t) => t.test(e), ms = [ce, b, te, $, er, Qi, lo], an = (e) => ms.find(ps(e));
+function fo(e) {
+  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || On(e) : !0;
 }
-const co = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function uo(e) {
+const ho = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function po(e) {
   const [t, n] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
-  const [s] = n.match(vt) || [];
+  const [s] = n.match(wt) || [];
   if (!s)
     return e;
   const i = n.replace(s, "");
-  let r = co.has(t) ? 1 : 0;
+  let r = ho.has(t) ? 1 : 0;
   return s !== n && (r *= 100), t + "(" + r + i + ")";
 }
-const lo = /\b([a-z-]*)\(.*?\)/gu, ot = {
-  ...oe,
+const mo = /\b([a-z-]*)\(.*?\)/gu, ct = {
+  ...ue,
   getAnimatableNone: (e) => {
-    const t = e.match(lo);
-    return t ? t.map(uo).join(" ") : e;
+    const t = e.match(mo);
+    return t ? t.map(po).join(" ") : e;
   }
-}, rn = {
-  ...re,
+}, cn = {
+  ...ce,
   transform: Math.round
-}, fo = {
+}, go = {
   rotate: $,
   rotateX: $,
   rotateY: $,
   rotateZ: $,
-  scale: we,
-  scaleX: we,
-  scaleY: we,
-  scaleZ: we,
+  scale: xe,
+  scaleX: xe,
+  scaleY: xe,
+  scaleZ: xe,
   skew: $,
   skewX: $,
   skewY: $,
@@ -1694,11 +1697,11 @@ const lo = /\b([a-z-]*)\(.*?\)/gu, ot = {
   z: b,
   perspective: b,
   transformPerspective: b,
-  opacity: he,
-  originX: Gt,
-  originY: Gt,
+  opacity: ge,
+  originX: Yt,
+  originY: Yt,
   originZ: b
-}, Mt = {
+}, Et = {
   // Border props
   borderWidth: b,
   borderTopWidth: b,
@@ -1734,14 +1737,14 @@ const lo = /\b([a-z-]*)\(.*?\)/gu, ot = {
   // Misc
   backgroundPositionX: b,
   backgroundPositionY: b,
-  ...fo,
-  zIndex: rn,
+  ...go,
+  zIndex: cn,
   // SVG
-  fillOpacity: he,
-  strokeOpacity: he,
-  numOctaves: rn
-}, ho = {
-  ...Mt,
+  fillOpacity: ge,
+  strokeOpacity: ge,
+  numOctaves: cn
+}, yo = {
+  ...Et,
   // Color props
   color: E,
   backgroundColor: E,
@@ -1754,25 +1757,25 @@ const lo = /\b([a-z-]*)\(.*?\)/gu, ot = {
   borderRightColor: E,
   borderBottomColor: E,
   borderLeftColor: E,
-  filter: ot,
-  WebkitFilter: ot
-}, ps = (e) => ho[e];
-function ms(e, t) {
-  let n = ps(e);
-  return n !== ot && (n = oe), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
-}
-const po = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function mo(e, t, n) {
+  filter: ct,
+  WebkitFilter: ct
+}, gs = (e) => yo[e];
+function ys(e, t) {
+  let n = gs(e);
+  return n !== ct && (n = ue), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
+}
+const bo = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function vo(e, t, n) {
   let s = 0, i;
   for (; s < e.length && !i; ) {
     const r = e[s];
-    typeof r == "string" && !po.has(r) && pe(r).values.length && (i = e[s]), s++;
+    typeof r == "string" && !bo.has(r) && ye(r).values.length && (i = e[s]), s++;
   }
   if (i && n)
     for (const r of t)
-      e[r] = ms(n, i);
+      e[r] = ys(n, i);
 }
-class go extends Ct {
+class To extends Pt {
   constructor(t, n, s, i, r) {
     super(t, n, s, i, r, !0);
   }
@@ -1783,33 +1786,33 @@ class go extends Ct {
     super.readKeyframes();
     for (let l = 0; l < t.length; l++) {
       let u = t[l];
-      if (typeof u == "string" && (u = u.trim(), bt(u))) {
-        const c = us(u, n.current);
+      if (typeof u == "string" && (u = u.trim(), Tt(u))) {
+        const c = fs(u, n.current);
         c !== void 0 && (t[l] = c), l === t.length - 1 && (this.finalKeyframe = u);
       }
     }
-    if (this.resolveNoneKeyframes(), !fs.has(s) || t.length !== 2)
+    if (this.resolveNoneKeyframes(), !hs.has(s) || t.length !== 2)
       return;
-    const [i, r] = t, o = sn(i), a = sn(r);
+    const [i, r] = t, o = an(i), a = an(r);
     if (o !== a)
-      if (Qt(o) && Qt(a))
+      if (nn(o) && nn(a))
         for (let l = 0; l < t.length; l++) {
           const u = t[l];
           typeof u == "string" && (t[l] = parseFloat(u));
         }
-      else G[s] && (this.needsMeasurement = !0);
+      else H[s] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, s = [];
     for (let i = 0; i < t.length; i++)
-      (t[i] === null || ao(t[i])) && s.push(i);
-    s.length && mo(t, s, n);
+      (t[i] === null || fo(t[i])) && s.push(i);
+    s.length && vo(t, s, n);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: n, name: s } = this;
     if (!t || !t.current)
       return;
-    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = G[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
+    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = H[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
     const i = n[n.length - 1];
     i !== void 0 && t.getValue(s, i).jump(i, !1);
   }
@@ -1821,12 +1824,12 @@ class go extends Ct {
     const i = t.getValue(n);
     i && i.jump(this.measuredOrigin, !1);
     const r = s.length - 1, o = s[r];
-    s[r] = G[n](t.measureViewportBox(), window.getComputedStyle(t.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([l, u]) => {
+    s[r] = H[n](t.measureViewportBox(), window.getComputedStyle(t.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([l, u]) => {
       t.getValue(l).set(u);
     }), this.resolveNoneKeyframes();
   }
 }
-function yo(e, t, n) {
+function wo(e, t, n) {
   if (e instanceof EventTarget)
     return [e];
   if (typeof e == "string") {
@@ -1836,8 +1839,12 @@ function yo(e, t, n) {
   }
   return Array.from(e);
 }
-const gs = (e, t) => t && typeof e == "number" ? t.transform(e) : e, on = 30, bo = (e) => !isNaN(parseFloat(e));
-class vo {
+const bs = (e, t) => t && typeof e == "number" ? t.transform(e) : e;
+function So(e) {
+  return Li(e) && "offsetHeight" in e;
+}
+const un = 30, xo = (e) => !isNaN(parseFloat(e));
+class Vo {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -1845,17 +1852,16 @@ class vo {
    * -  `transformer`: A function to transform incoming values with.
    */
   constructor(t, n = {}) {
-    this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (s, i = !0) => {
-      var o, a;
-      const r = L.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 l of this.dependents)
-          l.dirty();
-      i && ((a = this.events.renderRequest) == null || a.notify(this.current));
+    this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (s) => {
+      var r;
+      const i = I.now();
+      if (this.updatedAt !== i && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(s), this.current !== this.prev && ((r = this.events.change) == null || r.notify(this.current), this.dependents))
+        for (const o of this.dependents)
+          o.dirty();
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = L.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = bo(this.current));
+    this.current = t, this.updatedAt = I.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = xo(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -1901,13 +1907,13 @@ class vo {
    * @deprecated
    */
   onChange(t) {
-    return process.env.NODE_ENV !== "production" && On(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
+    return process.env.NODE_ENV !== "production" && kn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
   }
   on(t, n) {
-    this.events[t] || (this.events[t] = new Fn());
+    this.events[t] || (this.events[t] = new Ln());
     const s = this.events[t].add(n);
     return t === "change" ? () => {
-      s(), k.read(() => {
+      s(), N.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : s;
@@ -1937,8 +1943,8 @@ class vo {
    *
    * @public
    */
-  set(t, n = !0) {
-    !n || !this.passiveEffect ? this.updateAndNotify(t, n) : this.passiveEffect(t, this.updateAndNotify);
+  set(t) {
+    this.passiveEffect ? this.passiveEffect(t, this.updateAndNotify) : this.updateAndNotify(t);
   }
   setWithVelocity(t, n, s) {
     this.set(n), this.prev = void 0, this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt - s;
@@ -1984,11 +1990,11 @@ class vo {
    * @public
    */
   getVelocity() {
-    const t = L.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > on)
+    const t = I.now();
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > un)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, on);
-    return Rn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, un);
+    return In(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -2040,35 +2046,35 @@ class vo {
     (t = this.dependents) == null || t.clear(), (n = this.events.destroy) == null || n.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
   }
 }
-function Ee(e, t) {
-  return new vo(e, t);
+function Fe(e, t) {
+  return new Vo(e, t);
 }
-const { schedule: To } = /* @__PURE__ */ jn(queueMicrotask, !1), wo = {
+const { schedule: Ao } = /* @__PURE__ */ Hn(queueMicrotask, !1), Co = {
   y: !1
 };
-function So() {
-  return wo.y;
+function Mo() {
+  return Co.y;
 }
-function ys(e, t) {
-  const n = yo(e), s = new AbortController(), i = {
+function vs(e, t) {
+  const n = wo(e), s = new AbortController(), i = {
     passive: !0,
     ...t,
     signal: s.signal
   };
   return [n, i, () => s.abort()];
 }
-function an(e) {
-  return !(e.pointerType === "touch" || So());
+function ln(e) {
+  return !(e.pointerType === "touch" || Mo());
 }
-function xo(e, t, n = {}) {
-  const [s, i, r] = ys(e, n), o = (a) => {
-    if (!an(a))
+function Po(e, t, n = {}) {
+  const [s, i, r] = vs(e, n), o = (a) => {
+    if (!ln(a))
       return;
     const { target: l } = a, u = t(l, a);
     if (typeof u != "function" || !l)
       return;
-    const c = (d) => {
-      an(d) && (u(d), l.removeEventListener("pointerleave", c));
+    const c = (f) => {
+      ln(f) && (u(f), l.removeEventListener("pointerleave", c));
     };
     l.addEventListener("pointerleave", c, i);
   };
@@ -2076,18 +2082,18 @@ function xo(e, t, n = {}) {
     a.addEventListener("pointerenter", o, i);
   }), r;
 }
-const bs = (e, t) => t ? e === t ? !0 : bs(e, t.parentElement) : !1, Vo = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, Ao = /* @__PURE__ */ new Set([
+const Ts = (e, t) => t ? e === t ? !0 : Ts(e, t.parentElement) : !1, Eo = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, Do = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function Co(e) {
-  return Ao.has(e.tagName) || e.tabIndex !== -1;
+function Fo(e) {
+  return Do.has(e.tagName) || e.tabIndex !== -1;
 }
-const xe = /* @__PURE__ */ new WeakSet();
-function cn(e) {
+const Ae = /* @__PURE__ */ new WeakSet();
+function fn(e) {
   return (t) => {
     t.key === "Enter" && e(t);
   };
@@ -2095,48 +2101,48 @@ function cn(e) {
 function Ue(e, t) {
   e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
 }
-const Mo = (e, t) => {
+const Oo = (e, t) => {
   const n = e.currentTarget;
   if (!n)
     return;
-  const s = cn(() => {
-    if (xe.has(n))
+  const s = fn(() => {
+    if (Ae.has(n))
       return;
     Ue(n, "down");
-    const i = cn(() => {
+    const i = fn(() => {
       Ue(n, "up");
     }), r = () => Ue(n, "cancel");
     n.addEventListener("keyup", i, t), n.addEventListener("blur", r, t);
   });
   n.addEventListener("keydown", s, t), n.addEventListener("blur", () => n.removeEventListener("keydown", s), t);
 };
-function un(e) {
-  return Vo(e) && !0;
+function dn(e) {
+  return Eo(e) && !0;
 }
-function Po(e, t, n = {}) {
-  const [s, i, r] = ys(e, n), o = (a) => {
+function Ro(e, t, n = {}) {
+  const [s, i, r] = vs(e, n), o = (a) => {
     const l = a.currentTarget;
-    if (!un(a))
+    if (!dn(a))
       return;
-    xe.add(l);
+    Ae.add(l);
     const u = t(l, a), c = (h, g) => {
-      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), xe.has(l) && xe.delete(l), un(h) && typeof u == "function" && u(h, { success: g });
-    }, d = (h) => {
-      c(h, l === window || l === document || n.useGlobalTarget || bs(l, h.target));
+      window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", d), Ae.has(l) && Ae.delete(l), dn(h) && typeof u == "function" && u(h, { success: g });
     }, f = (h) => {
+      c(h, l === window || l === document || n.useGlobalTarget || Ts(l, h.target));
+    }, d = (h) => {
       c(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), cs(a) && (a.addEventListener("focus", (u) => Mo(u, i)), !Co(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, i), So(a) && (a.addEventListener("focus", (u) => Oo(u, i)), !Fo(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), r;
 }
-const O = (e) => !!(e && e.getVelocity), Eo = [...hs, E, oe], Do = (e) => Eo.find(ds(e)), vs = se({
+const R = (e) => !!(e && e.getVelocity), Lo = [...ms, E, ue], Io = (e) => Lo.find(ps(e)), ws = oe({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
-}), Pt = se({ strict: !1 }), ln = {
+}), Dt = oe({ strict: !1 }), hn = {
   animation: [
     "animate",
     "variants",
@@ -2155,34 +2161,34 @@ const O = (e) => !!(e && e.getVelocity), Eo = [...hs, E, oe], Do = (e) => Eo.fin
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, te = {};
-for (const e in ln)
-  te[e] = {
-    isEnabled: (t) => ln[e].some((n) => !!t[n])
+}, ie = {};
+for (const e in hn)
+  ie[e] = {
+    isEnabled: (t) => hn[e].some((n) => !!t[n])
   };
-function fn(e) {
+function pn(e) {
   for (const t in e)
-    te[t] = {
-      ...te[t],
+    ie[t] = {
+      ...ie[t],
       ...e[t]
     };
 }
-function Fo({ children: e, features: t, strict: n = !1 }) {
-  const [, s] = Gs(!Ge(t)), i = fe(void 0);
+function ko({ children: e, features: t, strict: n = !1 }) {
+  const [, s] = Xs(!Ge(t)), i = pe(void 0);
   if (!Ge(t)) {
     const { renderer: r, ...o } = t;
-    i.current = r, fn(o);
+    i.current = r, pn(o);
   }
-  return dt(() => {
+  return pt(() => {
     Ge(t) && t().then(({ renderer: r, ...o }) => {
-      fn(o), i.current = r, s(!0);
+      pn(o), i.current = r, s(!0);
     });
-  }, []), M(Pt.Provider, { value: { renderer: i.current, strict: n }, children: e });
+  }, []), M(Dt.Provider, { value: { renderer: i.current, strict: n }, children: e });
 }
 function Ge(e) {
   return typeof e == "function";
 }
-const Ro = /* @__PURE__ */ new Set([
+const No = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -2214,32 +2220,32 @@ const Ro = /* @__PURE__ */ new Set([
   "ignoreStrict",
   "viewport"
 ]);
-function De(e) {
-  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || Ro.has(e);
+function Oe(e) {
+  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || No.has(e);
 }
-let Ts = (e) => !De(e);
-function Oo(e) {
-  typeof e == "function" && (Ts = (t) => t.startsWith("on") ? !De(t) : e(t));
+let Ss = (e) => !Oe(e);
+function Bo(e) {
+  typeof e == "function" && (Ss = (t) => t.startsWith("on") ? !Oe(t) : e(t));
 }
 try {
-  Oo(require("@emotion/is-prop-valid").default);
+  Bo(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function Lo(e, t, n) {
+function Ko(e, t, n) {
   const s = {};
   for (const i in e)
-    i === "values" && typeof e.values == "object" || (Ts(i) || n === !0 && De(i) || !t && !De(i) || // If trying to use native HTML drag events, forward drag listeners
+    i === "values" && typeof e.values == "object" || (Ss(i) || n === !0 && Oe(i) || !t && !Oe(i) || // If trying to use native HTML drag events, forward drag listeners
     e.draggable && i.startsWith("onDrag")) && (s[i] = e[i]);
   return s;
 }
-const Le = /* @__PURE__ */ se({});
-function Ie(e) {
+const ke = /* @__PURE__ */ oe({});
+function Ne(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
-function me(e) {
+function be(e) {
   return typeof e == "string" || Array.isArray(e);
 }
-const Et = [
+const Ft = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2247,158 +2253,52 @@ const Et = [
   "whileTap",
   "whileDrag",
   "exit"
-], Dt = ["initial", ...Et];
-function ke(e) {
-  return Ie(e.animate) || Dt.some((t) => me(e[t]));
+], Ot = ["initial", ...Ft];
+function Be(e) {
+  return Ne(e.animate) || Ot.some((t) => be(e[t]));
 }
-function ws(e) {
-  return !!(ke(e) || e.variants);
+function xs(e) {
+  return !!(Be(e) || e.variants);
 }
-function Io(e, t) {
-  if (ke(e)) {
+function Wo(e, t) {
+  if (Be(e)) {
     const { initial: n, animate: s } = e;
     return {
-      initial: n === !1 || me(n) ? n : void 0,
-      animate: me(s) ? s : void 0
+      initial: n === !1 || be(n) ? n : void 0,
+      animate: be(s) ? s : void 0
     };
   }
   return e.inherit !== !1 ? t : {};
 }
-function ko(e) {
-  const { initial: t, animate: n } = Io(e, I(Le));
-  return Fe(() => ({ initial: t, animate: n }), [dn(t), dn(n)]);
+function $o(e) {
+  const { initial: t, animate: n } = Wo(e, k(ke));
+  return Re(() => ({ initial: t, animate: n }), [mn(t), mn(n)]);
 }
-function dn(e) {
+function mn(e) {
   return Array.isArray(e) ? e.join(" ") : e;
 }
-const No = Symbol.for("motionComponentSymbol");
-function Ss(e) {
-  return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
-}
-function Bo(e, t, n) {
-  return zs(
-    (s) => {
-      s && e.onMount && e.onMount(s), t && (s ? t.mount(s) : t.unmount()), n && (typeof n == "function" ? n(s) : Ss(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.
-     */
-    [t]
-  );
-}
-const Ft = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Ko = "framerAppearId", xs = "data-" + Ft(Ko), Wo = se({});
-function $o(e, t, n, s, i) {
-  var y, T;
-  const { visualElement: r } = I(Le), o = I(Pt), a = I(Mn), l = I(vs).reducedMotion, u = fe(null);
-  s = s || o.renderer, !u.current && s && (u.current = s(e, {
-    visualState: t,
-    parent: r,
-    props: n,
-    presenceContext: a,
-    blockInitialAnimation: a ? a.initial === !1 : !1,
-    reducedMotionConfig: l
-  }));
-  const c = u.current, d = I(Wo);
-  c && !c.projection && i && (c.type === "html" || c.type === "svg") && _o(u.current, n, i, d);
-  const f = fe(!1);
-  Hs(() => {
-    c && f.current && c.update(n, a);
-  });
-  const h = n[xs], g = fe(!!h && !((y = window.MotionHandoffIsComplete) != null && y.call(window, h)) && ((T = window.MotionHasOptimisedAnimation) == null ? void 0 : T.call(window, h)));
-  return Mi(() => {
-    c && (f.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), To.render(c.render), g.current && c.animationState && c.animationState.animateChanges());
-  }), dt(() => {
-    c && (!g.current && c.animationState && c.animationState.animateChanges(), g.current && (queueMicrotask(() => {
-      var p;
-      (p = window.MotionHandoffMarkAsComplete) == null || p.call(window, h);
-    }), g.current = !1));
-  }), c;
-}
-function _o(e, t, n, s) {
-  const { layoutId: i, layout: r, drag: o, dragConstraints: a, layoutScroll: l, layoutRoot: u, layoutCrossfade: c } = t;
-  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : Vs(e.parent)), e.projection.setOptions({
-    layoutId: i,
-    layout: r,
-    alwaysMeasureLayout: !!o || a && Ss(a),
-    visualElement: e,
-    /**
-     * 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: c,
-    layoutScroll: l,
-    layoutRoot: u
-  });
-}
-function Vs(e) {
-  if (e)
-    return e.options.allowProjection !== !1 ? e.projection : Vs(e.parent);
-}
-function jo({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVisualState: s, Component: i }) {
-  function r(a, l) {
-    let u;
-    const c = {
-      ...I(vs),
-      ...a,
-      layoutId: Uo(a)
-    }, { isStatic: d } = c, f = ko(a), h = s(a, d);
-    if (!d && pt) {
-      Go(c, e);
-      const g = zo(c);
-      u = g.MeasureLayout, f.visualElement = $o(i, h, c, t, g.ProjectionNode);
-    }
-    return Ve(Le.Provider, { value: f, children: [u && f.visualElement ? M(u, { visualElement: f.visualElement, ...c }) : null, n(i, a, Bo(h, f.visualElement, l), h, d, f.visualElement)] });
-  }
-  r.displayName = `motion.${typeof i == "string" ? i : `create(${i.displayName ?? i.name ?? ""})`}`;
-  const o = Ys(r);
-  return o[No] = i, o;
-}
-function Uo({ layoutId: e }) {
-  const t = I(Ai).id;
-  return t && e !== void 0 ? t + "-" + e : e;
-}
-function Go(e, t) {
-  I(Pt).strict, process.env.NODE_ENV;
-}
-function zo(e) {
-  const { drag: t, layout: n } = te;
-  if (!t && !n)
-    return {};
-  const s = { ...t, ...n };
-  return {
-    MeasureLayout: t != null && t.isEnabled(e) || n != null && n.isEnabled(e) ? s.MeasureLayout : void 0,
-    ProjectionNode: s.ProjectionNode
-  };
-}
-const Ho = {};
-function As(e, { layout: t, layoutId: n }) {
-  return ce.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Ho[e] || e === "opacity");
+const jo = {};
+function Vs(e, { layout: t, layoutId: n }) {
+  return fe.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!jo[e] || e === "opacity");
 }
-const Yo = {
+const _o = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Xo = ae.length;
-function qo(e, t, n) {
+}, Uo = le.length;
+function Go(e, t, n) {
   let s = "", i = !0;
-  for (let r = 0; r < Xo; r++) {
-    const o = ae[r], a = e[o];
+  for (let r = 0; r < Uo; r++) {
+    const o = le[r], a = e[o];
     if (a === void 0)
       continue;
     let l = !0;
     if (typeof a == "number" ? l = a === (o.startsWith("scale") ? 1 : 0) : l = parseFloat(a) === 0, !l || n) {
-      const u = gs(a, Mt[o]);
+      const u = bs(a, Et[o]);
       if (!l) {
         i = !1;
-        const c = Yo[o] || o;
+        const c = _o[o] || o;
         s += `${c}(${u}) `;
       }
       n && (t[o] = u);
@@ -2411,61 +2311,61 @@ function Rt(e, t, n) {
   let o = !1, a = !1;
   for (const l in t) {
     const u = t[l];
-    if (ce.has(l)) {
+    if (fe.has(l)) {
       o = !0;
       continue;
-    } else if (Gn(l)) {
+    } else if (Yn(l)) {
       i[l] = u;
       continue;
     } else {
-      const c = gs(u, Mt[l]);
+      const c = bs(u, Et[l]);
       l.startsWith("origin") ? (a = !0, r[l] = c) : s[l] = c;
     }
   }
-  if (t.transform || (o || n ? s.transform = qo(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
+  if (t.transform || (o || n ? s.transform = Go(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
     const { originX: l = "50%", originY: u = "50%", originZ: c = 0 } = r;
     s.transformOrigin = `${l} ${u} ${c}`;
   }
 }
-const Ot = () => ({
+const Lt = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
   vars: {}
 });
-function Cs(e, t, n) {
+function As(e, t, n) {
   for (const s in t)
-    !O(t[s]) && !As(s, n) && (e[s] = t[s]);
+    !R(t[s]) && !Vs(s, n) && (e[s] = t[s]);
 }
-function Zo({ transformTemplate: e }, t) {
-  return Fe(() => {
-    const n = Ot();
+function Ho({ transformTemplate: e }, t) {
+  return Re(() => {
+    const n = Lt();
     return Rt(n, t, e), Object.assign({}, n.vars, n.style);
   }, [t]);
 }
-function Jo(e, t) {
+function zo(e, t) {
   const n = e.style || {}, s = {};
-  return Cs(s, n, e), Object.assign(s, Zo(e, t)), s;
+  return As(s, n, e), Object.assign(s, Ho(e, t)), s;
 }
-function Qo(e, t) {
-  const n = {}, s = Jo(e, t);
+function Yo(e, t) {
+  const n = {}, s = zo(e, t);
   return e.drag && e.dragListener !== !1 && (n.draggable = !1, s.userSelect = s.WebkitUserSelect = s.WebkitTouchCallout = "none", s.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (n.tabIndex = 0), n.style = s, n;
 }
-const ea = {
+const Xo = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, ta = {
+}, qo = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function na(e, t, n = 1, s = 0, i = !0) {
+function Zo(e, t, n = 1, s = 0, i = !0) {
   e.pathLength = 1;
-  const r = i ? ea : ta;
+  const r = i ? Xo : qo;
   e[r.offset] = b.transform(-s);
   const o = b.transform(t), a = b.transform(n);
   e[r.array] = `${o} ${a}`;
 }
-function Ms(e, {
+function Cs(e, {
   attrX: t,
   attrY: n,
   attrScale: s,
@@ -2480,28 +2380,28 @@ function Ms(e, {
     return;
   }
   e.attrs = e.style, e.style = {};
-  const { attrs: d, style: f } = e;
-  d.transform && (f.transform = d.transform, delete d.transform), (f.transform || d.transformOrigin) && (f.transformOrigin = d.transformOrigin ?? "50% 50%", delete d.transformOrigin), f.transform && (f.transformBox = (c == null ? void 0 : c.transformBox) ?? "fill-box", delete d.transformBox), t !== void 0 && (d.x = t), n !== void 0 && (d.y = n), s !== void 0 && (d.scale = s), i !== void 0 && na(d, i, r, o, !1);
+  const { attrs: f, style: d } = e;
+  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 = (c == null ? void 0 : c.transformBox) ?? "fill-box", delete f.transformBox), t !== void 0 && (f.x = t), n !== void 0 && (f.y = n), s !== void 0 && (f.scale = s), i !== void 0 && Zo(f, i, r, o, !1);
 }
-const Ps = () => ({
-  ...Ot(),
+const Ms = () => ({
+  ...Lt(),
   attrs: {}
-}), Es = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-function sa(e, t, n, s) {
-  const i = Fe(() => {
-    const r = Ps();
-    return Ms(r, t, Es(s), e.transformTemplate, e.style), {
+}), Ps = (e) => typeof e == "string" && e.toLowerCase() === "svg";
+function Jo(e, t, n, s) {
+  const i = Re(() => {
+    const r = Ms();
+    return Cs(r, t, Ps(s), e.transformTemplate, e.style), {
       ...r.attrs,
       style: { ...r.style }
     };
   }, [t]);
   if (e.style) {
     const r = {};
-    Cs(r, e.style, e), i.style = { ...r, ...i.style };
+    As(r, e.style, e), i.style = { ...r, ...i.style };
   }
   return i;
 }
-const ia = [
+const Qo = [
   "animate",
   "circle",
   "defs",
@@ -2528,7 +2428,7 @@ const ia = [
   "use",
   "view"
 ];
-function Lt(e) {
+function It(e) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -2541,66 +2441,60 @@ function Lt(e) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(ia.indexOf(e) > -1 || /**
+      !!(Qo.indexOf(e) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(e))
     )
   );
 }
-function ra(e = !1) {
-  return (n, s, i, { latestValues: r }, o) => {
-    const l = (Lt(n) ? sa : Qo)(s, r, o, n), u = Lo(s, typeof n == "string", e), c = n !== Tn ? { ...u, ...l, ref: i } : {}, { children: d } = s, f = Fe(() => O(d) ? d.get() : d, [d]);
-    return Xs(n, {
-      ...c,
-      children: f
-    });
-  };
+function ea(e, t, n, { latestValues: s }, i, r = !1) {
+  const a = (It(e) ? Jo : Yo)(t, s, i, e), l = Ko(t, typeof e == "string", r), u = e !== xn ? { ...l, ...a, ref: n } : {}, { children: c } = t, f = Re(() => R(c) ? c.get() : c, [c]);
+  return qs(e, {
+    ...u,
+    children: f
+  });
 }
-function hn(e) {
+function gn(e) {
   const t = [{}, {}];
   return e == null || e.values.forEach((n, s) => {
     t[0][s] = n.get(), t[1][s] = n.getVelocity();
   }), t;
 }
-function It(e, t, n, s) {
+function kt(e, t, n, s) {
   if (typeof t == "function") {
-    const [i, r] = hn(s);
+    const [i, r] = gn(s);
     t = t(n !== void 0 ? n : e.custom, i, r);
   }
   if (typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function") {
-    const [i, r] = hn(s);
+    const [i, r] = gn(s);
     t = t(n !== void 0 ? n : e.custom, i, r);
   }
   return t;
 }
-function oa(e) {
-  return O(e) ? e.get() : e;
+function ta(e) {
+  return R(e) ? e.get() : e;
 }
-function aa({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, i) {
+function na({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, i) {
   return {
-    latestValues: ca(n, s, i, e),
+    latestValues: sa(n, s, i, e),
     renderState: t()
   };
 }
-const Ds = (e) => (t, n) => {
-  const s = I(Le), i = I(Mn), r = () => aa(e, t, s, i);
-  return n ? r() : Ci(r);
-};
-function ca(e, t, n, s) {
+function sa(e, t, n, s) {
   const i = {}, r = s(e, {});
-  for (const f in r)
-    i[f] = oa(r[f]);
+  for (const d in r)
+    i[d] = ta(r[d]);
   let { initial: o, animate: a } = e;
-  const l = ke(e), u = ws(e);
+  const l = Be(e), u = xs(e);
   t && u && !l && e.inherit !== !1 && (o === void 0 && (o = t.initial), a === void 0 && (a = t.animate));
   let c = n ? n.initial === !1 : !1;
   c = c || o === !1;
-  const d = c ? a : o;
-  if (d && typeof d != "boolean" && !Ie(d)) {
-    const f = Array.isArray(d) ? d : [d];
-    for (let h = 0; h < f.length; h++) {
-      const g = It(e, f[h]);
+  const f = c ? a : o;
+  if (f && typeof f != "boolean" && !Ne(f)) {
+    const d = Array.isArray(f) ? f : [f];
+    for (let h = 0; h < d.length; h++) {
+      const g = kt(e, d[h]);
       if (g) {
         const { transitionEnd: y, transition: T, ...p } = g;
         for (const V in p) {
@@ -2618,941 +2512,1059 @@ function ca(e, t, n, s) {
   }
   return i;
 }
-function kt(e, t, n) {
+const Es = (e) => (t, n) => {
+  const s = k(ke), i = k(Dn), r = () => na(e, t, s, i);
+  return n ? r() : Di(r);
+};
+function Nt(e, t, n) {
   var r;
   const { style: s } = e, i = {};
   for (const o in s)
-    (O(s[o]) || t.style && O(t.style[o]) || As(o, e) || ((r = n == null ? void 0 : n.getValue(o)) == null ? void 0 : r.liveStyle) !== void 0) && (i[o] = s[o]);
+    (R(s[o]) || t.style && R(t.style[o]) || Vs(o, e) || ((r = n == null ? void 0 : n.getValue(o)) == null ? void 0 : r.liveStyle) !== void 0) && (i[o] = s[o]);
   return i;
 }
-const ua = {
-  useVisualState: Ds({
-    scrapeMotionValuesFromProps: kt,
-    createRenderState: Ot
-  })
-};
-function Fs(e, t, n) {
-  const s = kt(e, t, n);
+const ia = /* @__PURE__ */ Es({
+  scrapeMotionValuesFromProps: Nt,
+  createRenderState: Lt
+});
+function Ds(e, t, n) {
+  const s = Nt(e, t, n);
   for (const i in e)
-    if (O(e[i]) || O(t[i])) {
-      const r = ae.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
+    if (R(e[i]) || R(t[i])) {
+      const r = le.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       s[r] = e[i];
     }
   return s;
 }
-const la = {
-  useVisualState: Ds({
-    scrapeMotionValuesFromProps: Fs,
-    createRenderState: Ps
-  })
-};
-function fa(e, t) {
-  return function(s, { forwardMotionProps: i } = { forwardMotionProps: !1 }) {
-    const o = {
-      ...Lt(s) ? la : ua,
-      preloadedFeatures: e,
-      useRender: ra(i),
-      createVisualElement: t,
-      Component: s
-    };
-    return jo(o);
-  };
-}
-const da = /* @__PURE__ */ fa();
-function ge(e, t, n) {
-  const s = e.getProps();
-  return It(s, t, n !== void 0 ? n : s.custom, e);
+const ra = /* @__PURE__ */ Es({
+  scrapeMotionValuesFromProps: Ds,
+  createRenderState: Ms
+}), oa = Symbol.for("motionComponentSymbol");
+function Fs(e) {
+  return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
-const at = (e) => Array.isArray(e);
-function ha(e, t, n) {
-  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, Ee(n));
+function aa(e, t, n) {
+  return Zs(
+    (s) => {
+      s && e.onMount && e.onMount(s), t && (s ? t.mount(s) : t.unmount()), n && (typeof n == "function" ? n(s) : Fs(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.
+     */
+    [t]
+  );
 }
-function pa(e) {
-  return at(e) ? e[e.length - 1] || 0 : e;
+const Bt = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ca = "framerAppearId", Os = "data-" + Bt(ca), ua = oe({});
+function la(e, t, n, s, i) {
+  var y, T;
+  const { visualElement: r } = k(ke), o = k(Dt), a = k(Dn), l = k(ws).reducedMotion, u = pe(null);
+  s = s || o.renderer, !u.current && s && (u.current = s(e, {
+    visualState: t,
+    parent: r,
+    props: n,
+    presenceContext: a,
+    blockInitialAnimation: a ? a.initial === !1 : !1,
+    reducedMotionConfig: l
+  }));
+  const c = u.current, f = k(ua);
+  c && !c.projection && i && (c.type === "html" || c.type === "svg") && fa(u.current, n, i, f);
+  const d = pe(!1);
+  Js(() => {
+    c && d.current && c.update(n, a);
+  });
+  const h = n[Os], g = pe(!!h && !((y = window.MotionHandoffIsComplete) != null && y.call(window, h)) && ((T = window.MotionHasOptimisedAnimation) == null ? void 0 : T.call(window, h)));
+  return Fi(() => {
+    c && (d.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), c.scheduleRenderMicrotask(), g.current && c.animationState && c.animationState.animateChanges());
+  }), pt(() => {
+    c && (!g.current && c.animationState && c.animationState.animateChanges(), g.current && (queueMicrotask(() => {
+      var p;
+      (p = window.MotionHandoffMarkAsComplete) == null || p.call(window, h);
+    }), g.current = !1), c.enteringChildren = void 0);
+  }), c;
 }
-function ma(e, t) {
-  const n = ge(e, t);
-  let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
-  r = { ...r, ...s };
-  for (const o in r) {
-    const a = pa(r[o]);
-    ha(e, o, a);
-  }
+function fa(e, t, n, s) {
+  const { layoutId: i, layout: r, drag: o, dragConstraints: a, layoutScroll: l, layoutRoot: u, layoutCrossfade: c } = t;
+  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : Rs(e.parent)), e.projection.setOptions({
+    layoutId: i,
+    layout: r,
+    alwaysMeasureLayout: !!o || a && Fs(a),
+    visualElement: e,
+    /**
+     * 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: c,
+    layoutScroll: l,
+    layoutRoot: u
+  });
 }
-function ga(e) {
-  return !!(O(e) && e.add);
+function Rs(e) {
+  if (e)
+    return e.options.allowProjection !== !1 ? e.projection : Rs(e.parent);
 }
-function ya(e, t) {
-  const n = e.getValue("willChange");
-  if (ga(n))
-    return n.add(t);
-  if (!n && W.WillChange) {
-    const s = new W.WillChange("auto");
-    e.addValue("willChange", s), s.add(t);
+function da(e, { forwardMotionProps: t = !1 } = {}, n, s) {
+  const i = It(e) ? ra : ia;
+  function r(a, l) {
+    let u;
+    const c = {
+      ...k(ws),
+      ...a,
+      layoutId: ha(a)
+    }, { isStatic: f } = c, d = $o(a), h = i(a, f);
+    if (!f && gt) {
+      pa(c, n);
+      const g = ma(c);
+      u = g.MeasureLayout, d.visualElement = la(e, h, c, s, g.ProjectionNode);
+    }
+    return Ce(ke.Provider, { value: d, children: [u && d.visualElement ? M(u, { visualElement: d.visualElement, ...c }) : null, ea(e, a, aa(h, d.visualElement, l), h, f, t)] });
   }
+  r.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
+  const o = Qs(r);
+  return o[oa] = e, o;
 }
-function ba(e) {
-  return e.props[xs];
+function ha({ layoutId: e }) {
+  const t = k(Ei).id;
+  return t && e !== void 0 ? t + "-" + e : e;
 }
-const va = (e) => e !== null;
-function Ta(e, { repeat: t, repeatType: n = "loop" }, s) {
-  const i = e.filter(va), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
-  return i[r];
+function pa(e, t) {
+  k(Dt).strict, process.env.NODE_ENV;
 }
-const wa = {
-  type: "spring",
-  stiffness: 500,
-  damping: 25,
-  restSpeed: 10
-}, Sa = (e) => ({
-  type: "spring",
-  stiffness: 550,
-  damping: e === 0 ? 2 * Math.sqrt(550) : 30,
-  restSpeed: 10
-}), xa = {
-  type: "keyframes",
-  duration: 0.8
-}, Va = {
-  type: "keyframes",
-  ease: [0.25, 0.1, 0.35, 1],
-  duration: 0.3
-}, Aa = (e, { keyframes: t }) => t.length > 2 ? xa : ce.has(e) ? e.startsWith("scale") ? Sa(t[1]) : wa : Va;
-function Ca({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
-  return !!Object.keys(c).length;
+function ma(e) {
+  const { drag: t, layout: n } = ie;
+  if (!t && !n)
+    return {};
+  const s = { ...t, ...n };
+  return {
+    MeasureLayout: t != null && t.isEnabled(e) || n != null && n.isEnabled(e) ? s.MeasureLayout : void 0,
+    ProjectionNode: s.ProjectionNode
+  };
 }
-const Ma = (e, t, n, s = {}, i, r) => (o) => {
-  const a = ls(s, e) || {}, l = a.delay || s.delay || 0;
-  let { elapsed: u = 0 } = s;
-  u = u - /* @__PURE__ */ N(l);
-  const c = {
-    keyframes: Array.isArray(n) ? n : [null, n],
-    ease: "easeOut",
-    velocity: t.getVelocity(),
-    ...a,
-    delay: -u,
-    onUpdate: (f) => {
-      t.set(f), a.onUpdate && a.onUpdate(f);
-    },
-    onComplete: () => {
-      o(), a.onComplete && a.onComplete();
-    },
-    name: e,
-    motionValue: t,
-    element: r ? void 0 : i
+function ga({ top: e, left: t, right: n, bottom: s }) {
+  return {
+    x: { min: t, max: n },
+    y: { min: e, max: s }
   };
-  Ca(a) || Object.assign(c, Aa(e, c)), c.duration && (c.duration = /* @__PURE__ */ N(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ N(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
-  let d = !1;
-  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (c.duration = 0, c.delay === 0 && (d = !0)), (W.instantAnimations || W.skipAnimations) && (d = !0, c.duration = 0, c.delay = 0), c.allowFlatten = !a.type && !a.ease, d && !r && t.get() !== void 0) {
-    const f = Ta(c.keyframes, a);
-    if (f !== void 0) {
-      k.update(() => {
-        c.onUpdate(f), c.onComplete();
-      });
-      return;
-    }
-  }
-  return a.isSync ? new At(c) : new no(c);
-};
-function Pa({ protectedKeys: e, needsAnimating: t }, n) {
-  const s = e.hasOwnProperty(n) && t[n] !== !0;
-  return t[n] = !1, s;
 }
-function Rs(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
-  let { transition: r = e.getDefaultTransition(), transitionEnd: o, ...a } = t;
-  s && (r = s);
-  const l = [], u = i && e.animationState && e.animationState.getState()[i];
-  for (const c in a) {
-    const d = e.getValue(c, e.latestValues[c] ?? null), f = a[c];
-    if (f === void 0 || u && Pa(u, c))
-      continue;
-    const h = {
-      delay: n,
-      ...ls(r || {}, c)
-    }, g = d.get();
-    if (g !== void 0 && !d.isAnimating && !Array.isArray(f) && f === g && !h.velocity)
-      continue;
-    let y = !1;
-    if (window.MotionHandoffAnimation) {
-      const p = ba(e);
-      if (p) {
-        const V = window.MotionHandoffAnimation(p, c, k);
-        V !== null && (h.startTime = V, y = !0);
-      }
-    }
-    ya(e, c), d.start(Ma(c, d, f, e.shouldReduceMotion && fs.has(c) ? { type: !1 } : h, e, y));
-    const T = d.animation;
-    T && l.push(T);
-  }
-  return o && Promise.all(l).then(() => {
-    k.update(() => {
-      o && ma(e, o);
-    });
-  }), l;
+function ya(e, t) {
+  if (!t)
+    return e;
+  const n = t({ x: e.left, y: e.top }), s = t({ x: e.right, y: e.bottom });
+  return {
+    top: n.y,
+    left: n.x,
+    bottom: s.y,
+    right: s.x
+  };
 }
-function ct(e, t, n = {}) {
-  var l;
-  const s = ge(e, t, n.type === "exit" ? (l = e.presenceContext) == null ? void 0 : l.custom : void 0);
-  let { transition: i = e.getDefaultTransition() || {} } = s || {};
-  n.transitionOverride && (i = n.transitionOverride);
-  const r = s ? () => Promise.all(Rs(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (u = 0) => {
-    const { delayChildren: c = 0, staggerChildren: d, staggerDirection: f } = i;
-    return Ea(e, t, u, c, d, f, n);
-  } : () => Promise.resolve(), { when: a } = i;
-  if (a) {
-    const [u, c] = a === "beforeChildren" ? [r, o] : [o, r];
-    return u().then(() => c());
-  } else
-    return Promise.all([r(), o(n.delay)]);
+function ba(e, t) {
+  return ga(ya(e.getBoundingClientRect(), t));
 }
-function Ea(e, t, n = 0, s = 0, i = 0, r = 1, o) {
-  const a = [], l = e.variantChildren.size, u = (l - 1) * i, c = typeof s == "function", d = c ? (f) => s(f, l) : (
-    // Support deprecated staggerChildren
-    r === 1 ? (f = 0) => f * i : (f = 0) => u - f * i
-  );
-  return Array.from(e.variantChildren).sort(Da).forEach((f, h) => {
-    f.notify("AnimationStart", t), a.push(ct(f, t, {
-      ...o,
-      delay: n + (c ? 0 : s) + d(h)
-    }).then(() => f.notify("AnimationComplete", t)));
-  }), Promise.all(a);
-}
-function Da(e, t) {
-  return e.sortNodePosition(t);
+const yn = () => ({ min: 0, max: 0 }), Ls = () => ({
+  x: yn(),
+  y: yn()
+}), ut = { current: null }, Is = { current: !1 };
+function va() {
+  if (Is.current = !0, !!gt)
+    if (window.matchMedia) {
+      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => ut.current = e.matches;
+      e.addEventListener("change", t), t();
+    } else
+      ut.current = !1;
 }
-function Fa(e, t, n = {}) {
-  e.notify("AnimationStart", t);
-  let s;
-  if (Array.isArray(t)) {
-    const i = t.map((r) => ct(e, r, n));
-    s = Promise.all(i);
-  } else if (typeof t == "string")
-    s = ct(e, t, n);
-  else {
-    const i = typeof t == "function" ? ge(e, t, n.custom) : t;
-    s = Promise.all(Rs(e, i, n));
+const Ta = /* @__PURE__ */ new WeakMap();
+function wa(e, t, n) {
+  for (const s in t) {
+    const i = t[s], r = n[s];
+    if (R(i))
+      e.addValue(s, i);
+    else if (R(r))
+      e.addValue(s, Fe(i, { owner: e }));
+    else if (r !== i)
+      if (e.hasValue(s)) {
+        const o = e.getValue(s);
+        o.liveStyle === !0 ? o.jump(i) : o.hasAnimated || o.set(i);
+      } else {
+        const o = e.getStaticValue(s);
+        e.addValue(s, Fe(o !== void 0 ? o : i, { owner: e }));
+      }
   }
-  return s.then(() => {
-    e.notify("AnimationComplete", t);
-  });
-}
-function Os(e, t) {
-  if (!Array.isArray(t))
-    return !1;
-  const n = t.length;
-  if (n !== e.length)
-    return !1;
-  for (let s = 0; s < n; s++)
-    if (t[s] !== e[s])
-      return !1;
-  return !0;
+  for (const s in n)
+    t[s] === void 0 && e.removeValue(s);
+  return t;
 }
-const Ra = Dt.length;
-function Ls(e) {
-  if (!e)
-    return;
-  if (!e.isControllingVariants) {
-    const n = e.parent ? Ls(e.parent) || {} : {};
-    return e.props.initial !== void 0 && (n.initial = e.props.initial), n;
+const bn = [
+  "AnimationStart",
+  "AnimationComplete",
+  "Update",
+  "BeforeLayoutMeasure",
+  "LayoutMeasure",
+  "LayoutAnimationStart",
+  "LayoutAnimationComplete"
+];
+class Sa {
+  /**
+   * 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(t, n, s) {
+    return {};
   }
-  const t = {};
-  for (let n = 0; n < Ra; n++) {
-    const s = Dt[n], i = e.props[s];
-    (me(i) || i === !1) && (t[s] = i);
+  constructor({ parent: t, 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 = Pt, 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 = I.now();
+      this.renderScheduledAt < d && (this.renderScheduledAt = d, N.render(this.render, !1, !0));
+    };
+    const { latestValues: l, renderState: u } = o;
+    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!r, this.isControllingVariants = Be(n), this.isVariantNode = xs(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    const { willChange: c, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
+    for (const d in f) {
+      const h = f[d];
+      l[d] !== void 0 && R(h) && h.set(l[d]);
+    }
   }
-  return t;
-}
-const Oa = [...Et].reverse(), La = Et.length;
-function Ia(e) {
-  return (t) => Promise.all(t.map(({ animation: n, options: s }) => Fa(e, n, s)));
-}
-function ka(e) {
-  let t = Ia(e), n = pn(), s = !0;
-  const i = (l) => (u, c) => {
-    var f;
-    const d = ge(e, c, l === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
-    if (d) {
-      const { transition: h, transitionEnd: g, ...y } = d;
-      u = { ...u, ...y, ...g };
+  mount(t) {
+    var n;
+    this.current = t, Ta.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((s, i) => this.bindToMotionValue(i, s)), Is.current || va(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : ut.current, process.env.NODE_ENV !== "production" && kn(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 t;
+    this.projection && this.projection.unmount(), Xe(this.notifyUpdate), Xe(this.render), this.valueSubscriptions.forEach((n) => n()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), (t = this.parent) == null || t.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 u;
-  };
-  function r(l) {
-    t = l(e);
+    this.current = null;
   }
-  function o(l) {
-    const { props: u } = e, c = Ls(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
-    let h = {}, g = 1 / 0;
-    for (let T = 0; T < La; T++) {
-      const p = Oa[T], V = n[p], m = u[p] !== void 0 ? u[p] : c[p], C = me(m), w = p === l ? V.isActive : null;
-      w === !1 && (g = T);
-      let A = m === c[p] && m !== u[p] && C;
-      if (A && s && e.manuallyAnimateOnMount && (A = !1), V.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
-      !V.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
-      !m && !V.prevProp || // Or if the prop doesn't define an animation
-      Ie(m) || typeof m == "boolean")
+  addChild(t) {
+    this.children.add(t), this.enteringChildren ?? (this.enteringChildren = /* @__PURE__ */ new Set()), this.enteringChildren.add(t);
+  }
+  removeChild(t) {
+    this.children.delete(t), this.enteringChildren && this.enteringChildren.delete(t);
+  }
+  bindToMotionValue(t, n) {
+    this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
+    const s = fe.has(t);
+    s && this.onBindTransform && this.onBindTransform();
+    const i = n.on("change", (o) => {
+      this.latestValues[t] = 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, t, n)), this.valueSubscriptions.set(t, () => {
+      i(), r && r(), n.owner && n.stop();
+    });
+  }
+  sortNodePosition(t) {
+    return !this.current || !this.sortInstanceNodePosition || this.type !== t.type ? 0 : this.sortInstanceNodePosition(this.current, t.current);
+  }
+  updateFeatures() {
+    let t = "animation";
+    for (t in ie) {
+      const n = ie[t];
+      if (!n)
         continue;
-      const x = Na(V.prevProp, m);
-      let S = x || // If we're making this variant active, we want to always make it active
-      p === l && V.isActive && !A && C || // If we removed a higher-priority variant (i is in reverse order)
-      T > g && C, D = !1;
-      const F = Array.isArray(m) ? m : [m];
-      let X = F.reduce(i(p), {});
-      w === !1 && (X = {});
-      const { prevResolvedValues: Nt = {} } = V, js = {
-        ...Nt,
-        ...X
-      }, Bt = (R) => {
-        S = !0, f.has(R) && (D = !0, f.delete(R)), V.needsAnimating[R] = !0;
-        const B = e.getValue(R);
-        B && (B.liveStyle = !1);
-      };
-      for (const R in js) {
-        const B = X[R], Ne = Nt[R];
-        if (h.hasOwnProperty(R))
-          continue;
-        let Be = !1;
-        at(B) && at(Ne) ? Be = !Os(B, Ne) : Be = B !== Ne, Be ? B != null ? Bt(R) : f.add(R) : B !== void 0 && f.has(R) ? Bt(R) : V.protectedKeys[R] = !0;
-      }
-      V.prevProp = m, V.prevResolvedValues = X, V.isActive && (h = { ...h, ...X }), s && e.blockInitialAnimation && (S = !1), S && (!(A && x) || D) && d.push(...F.map((R) => ({
-        animation: R,
-        options: { type: p }
-      })));
-    }
-    if (f.size) {
-      const T = {};
-      if (typeof u.initial != "boolean") {
-        const p = ge(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
-        p && p.transition && (T.transition = p.transition);
+      const { isEnabled: s, Feature: i } = n;
+      if (!this.features[t] && i && s(this.props) && (this.features[t] = new i(this)), this.features[t]) {
+        const r = this.features[t];
+        r.isMounted ? r.update() : (r.mount(), r.isMounted = !0);
       }
-      f.forEach((p) => {
-        const V = e.getBaseTarget(p), m = e.getValue(p);
-        m && (m.liveStyle = !0), T[p] = V ?? null;
-      }), d.push({ animation: T });
     }
-    let y = !!d.length;
-    return s && (u.initial === !1 || u.initial === u.animate) && !e.manuallyAnimateOnMount && (y = !1), s = !1, y ? t(d) : Promise.resolve();
   }
-  function a(l, u) {
-    var d;
-    if (n[l].isActive === u)
-      return Promise.resolve();
-    (d = e.variantChildren) == null || d.forEach((f) => {
-      var h;
-      return (h = f.animationState) == null ? void 0 : h.setActive(l, u);
-    }), n[l].isActive = u;
-    const c = o(l);
-    for (const f in n)
-      n[f].protectedKeys = {};
-    return c;
+  triggerBuild() {
+    this.build(this.renderState, this.latestValues, this.props);
   }
-  return {
-    animateChanges: o,
-    setActive: a,
-    setAnimateFunction: r,
-    getState: () => n,
-    reset: () => {
-      n = pn(), s = !0;
-    }
-  };
-}
-function Na(e, t) {
-  return typeof t == "string" ? t !== e : Array.isArray(t) ? !Os(t, e) : !1;
-}
-function _(e = !1) {
-  return {
-    isActive: e,
-    protectedKeys: {},
-    needsAnimating: {},
-    prevResolvedValues: {}
-  };
-}
-function pn() {
-  return {
-    animate: _(!0),
-    whileInView: _(),
-    whileHover: _(),
-    whileTap: _(),
-    whileDrag: _(),
-    whileFocus: _(),
-    exit: _()
-  };
-}
-class ue {
-  constructor(t) {
-    this.isMounted = !1, this.node = t;
+  /**
+   * 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) : Ls();
   }
-  update() {
+  getStaticValue(t) {
+    return this.latestValues[t];
+  }
+  setStaticValue(t, n) {
+    this.latestValues[t] = n;
   }
-}
-class Ba extends ue {
   /**
-   * 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(t) {
-    super(t), t.animationState || (t.animationState = ka(t));
+  update(t, n) {
+    (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
+    for (let s = 0; s < bn.length; s++) {
+      const i = bn[s];
+      this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
+      const r = "on" + i, o = t[r];
+      o && (this.propEventSubscriptions[i] = this.on(i, o));
+    }
+    this.prevMotionValues = wa(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
-  updateAnimationControlsSubscription() {
-    const { animate: t } = this.node.getProps();
-    Ie(t) && (this.unmountControls = t.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(t) {
+    return this.props.variants ? this.props.variants[t] : void 0;
   }
-  update() {
-    const { animate: t } = this.node.getProps(), { animate: n } = this.node.prevProps || {};
-    t !== n && this.updateAnimationControlsSubscription();
+  /**
+   * Returns the defined default transition on this component.
+   */
+  getDefaultTransition() {
+    return this.props.transition;
   }
-  unmount() {
-    var t;
-    this.node.animationState.reset(), (t = this.unmountControls) == null || t.call(this);
+  getTransformPagePoint() {
+    return this.props.transformPagePoint;
   }
-}
-let Ka = 0;
-class Wa extends ue {
-  constructor() {
-    super(...arguments), this.id = Ka++;
+  getClosestVariantNode() {
+    return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
   }
-  update() {
-    if (!this.node.presenceContext)
-      return;
-    const { isPresent: t, onExitComplete: n } = this.node.presenceContext, { isPresent: s } = this.node.prevPresenceContext || {};
-    if (!this.node.animationState || t === s)
-      return;
-    const i = this.node.animationState.setActive("exit", !t);
-    n && !t && i.then(() => {
-      n(this.id);
-    });
+  /**
+   * Add a child visual element to our set of children.
+   */
+  addVariantChild(t) {
+    const n = this.getClosestVariantNode();
+    if (n)
+      return n.variantChildren && n.variantChildren.add(t), () => n.variantChildren.delete(t);
   }
-  mount() {
-    const { register: t, onExitComplete: n } = this.node.presenceContext || {};
-    n && n(this.id), t && (this.unmount = t(this.id));
+  /**
+   * Add a motion value and bind it to this visual element.
+   */
+  addValue(t, n) {
+    const s = this.values.get(t);
+    n !== s && (s && this.removeValue(t), this.bindToMotionValue(t, n), this.values.set(t, n), this.latestValues[t] = n.get());
   }
-  unmount() {
+  /**
+   * Remove a motion value and unbind any active subscriptions.
+   */
+  removeValue(t) {
+    this.values.delete(t);
+    const n = this.valueSubscriptions.get(t);
+    n && (n(), this.valueSubscriptions.delete(t)), delete this.latestValues[t], this.removeValueFromRenderState(t, this.renderState);
   }
-}
-const $a = {
-  animation: {
-    Feature: Ba
-  },
-  exit: {
-    Feature: Wa
+  /**
+   * Check whether we have a motion value for this key
+   */
+  hasValue(t) {
+    return this.values.has(t);
   }
-};
-function mn(e, t, n, s = { passive: !0 }) {
-  return e.addEventListener(t, n, s), () => e.removeEventListener(t, n);
-}
-function Is(e) {
-  return {
-    point: {
-      x: e.pageX,
-      y: e.pageY
-    }
-  };
-}
-function _a({ top: e, left: t, right: n, bottom: s }) {
-  return {
-    x: { min: t, max: n },
-    y: { min: e, max: s }
-  };
-}
-function ja(e, t) {
-  if (!t)
-    return e;
-  const n = t({ x: e.left, y: e.top }), s = t({ x: e.right, y: e.bottom });
-  return {
-    top: n.y,
-    left: n.x,
-    bottom: s.y,
-    right: s.x
-  };
-}
-const gn = () => ({ min: 0, max: 0 }), ks = () => ({
-  x: gn(),
-  y: gn()
-});
-function Ua(e, t) {
-  return _a(ja(e.getBoundingClientRect(), t));
-}
-function yn(e, t, n) {
-  const { props: s } = e;
-  e.animationState && s.whileHover && e.animationState.setActive("whileHover", n === "Start");
-  const i = "onHover" + n, r = s[i];
-  r && k.postRender(() => r(t, Is(t)));
-}
-class Ga extends ue {
-  mount() {
-    const { current: t } = this.node;
-    t && (this.unmount = xo(t, (n, s) => (yn(this.node, s, "Start"), (i) => yn(this.node, i, "End"))));
+  getValue(t, n) {
+    if (this.props.values && this.props.values[t])
+      return this.props.values[t];
+    let s = this.values.get(t);
+    return s === void 0 && n !== void 0 && (s = Fe(n === null ? void 0 : n, { owner: this }), this.addValue(t, 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(t, n) {
+    let s = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
+    return s != null && (typeof s == "string" && (Fn(s) || On(s)) ? s = parseFloat(s) : !Io(s) && ue.test(n) && (s = ys(t, n)), this.setBaseTarget(t, R(s) ? s.get() : s)), R(s) ? s.get() : s;
   }
-}
-class za extends ue {
-  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(t, n) {
+    this.baseTarget[t] = n;
   }
-  onFocus() {
-    let t = !1;
-    try {
-      t = this.node.current.matches(":focus-visible");
-    } catch {
-      t = !0;
+  /**
+   * Find the base target for a value thats been removed from all animation
+   * props.
+   */
+  getBaseTarget(t) {
+    var r;
+    const { initial: n } = this.props;
+    let s;
+    if (typeof n == "string" || typeof n == "object") {
+      const o = kt(this.props, n, (r = this.presenceContext) == null ? void 0 : r.custom);
+      o && (s = o[t]);
     }
-    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
-  }
-  onBlur() {
-    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
-  }
-  mount() {
-    this.unmount = Re(mn(this.node.current, "focus", () => this.onFocus()), mn(this.node.current, "blur", () => this.onBlur()));
+    if (n && s !== void 0)
+      return s;
+    const i = this.getBaseTargetFromProps(this.props, t);
+    return i !== void 0 && !R(i) ? i : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
   }
-  unmount() {
+  on(t, n) {
+    return this.events[t] || (this.events[t] = new Ln()), this.events[t].add(n);
   }
-}
-function bn(e, t, n) {
-  const { props: s } = e;
-  if (e.current instanceof HTMLButtonElement && e.current.disabled)
-    return;
-  e.animationState && s.whileTap && e.animationState.setActive("whileTap", n === "Start");
-  const i = "onTap" + (n === "End" ? "" : n), r = s[i];
-  r && k.postRender(() => r(t, Is(t)));
-}
-class Ha extends ue {
-  mount() {
-    const { current: t } = this.node;
-    t && (this.unmount = Po(t, (n, s) => (bn(this.node, s, "Start"), (i, { success: r }) => bn(this.node, i, r ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+  notify(t, ...n) {
+    this.events[t] && this.events[t].notify(...n);
   }
-  unmount() {
+  scheduleRenderMicrotask() {
+    Ao.render(this.render);
   }
 }
-const ut = /* @__PURE__ */ new WeakMap(), ze = /* @__PURE__ */ new WeakMap(), Ya = (e) => {
-  const t = ut.get(e.target);
-  t && t(e);
-}, Xa = (e) => {
-  e.forEach(Ya);
-};
-function qa({ root: e, ...t }) {
-  const n = e || document;
-  ze.has(n) || ze.set(n, {});
-  const s = ze.get(n), i = JSON.stringify(t);
-  return s[i] || (s[i] = new IntersectionObserver(Xa, { root: e, ...t })), s[i];
-}
-function Za(e, t, n) {
-  const s = qa(t);
-  return ut.set(e, n), s.observe(e), () => {
-    ut.delete(e), s.unobserve(e);
-  };
-}
-const Ja = {
-  some: 0,
-  all: 1
-};
-class Qa extends ue {
+class ks extends Sa {
   constructor() {
-    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
+    super(...arguments), this.KeyframeResolver = To;
   }
-  startObserver() {
-    this.unmount();
-    const { viewport: t = {} } = this.node.getProps(), { root: n, margin: s, amount: i = "some", once: r } = t, o = {
-      root: n ? n.current : void 0,
-      rootMargin: s,
-      threshold: typeof i == "number" ? i : Ja[i]
-    }, a = (l) => {
-      const { isIntersecting: u } = l;
-      if (this.isInView === u || (this.isInView = u, r && !u && this.hasEnteredView))
-        return;
-      u && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", u);
-      const { onViewportEnter: c, onViewportLeave: d } = this.node.getProps(), f = u ? c : d;
-      f && f(l);
-    };
-    return Za(this.node.current, o, a);
+  sortInstanceNodePosition(t, n) {
+    return t.compareDocumentPosition(n) & 2 ? 1 : -1;
   }
-  mount() {
-    this.startObserver();
+  getBaseTargetFromProps(t, n) {
+    return t.style ? t.style[n] : void 0;
   }
-  update() {
-    if (typeof IntersectionObserver > "u")
-      return;
-    const { props: t, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(ec(t, n)) && this.startObserver();
+  removeValueFromRenderState(t, { vars: n, style: s }) {
+    delete n[t], delete s[t];
   }
-  unmount() {
+  handleChildMotionValue() {
+    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+    const { children: t } = this.props;
+    R(t) && (this.childSubscription = t.on("change", (n) => {
+      this.current && (this.current.textContent = `${n}`);
+    }));
   }
 }
-function ec({ viewport: e = {} }, { viewport: t = {} } = {}) {
-  return (n) => e[n] !== t[n];
-}
-const tc = {
-  inView: {
-    Feature: Qa
-  },
-  tap: {
-    Feature: Ha
-  },
-  focus: {
-    Feature: za
-  },
-  hover: {
-    Feature: Ga
-  }
-}, lt = { current: null }, Ns = { current: !1 };
-function nc() {
-  if (Ns.current = !0, !!pt)
-    if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => lt.current = e.matches;
-      e.addEventListener("change", t), t();
-    } else
-      lt.current = !1;
+function Ns(e, { style: t, vars: n }, s, i) {
+  const r = e.style;
+  let o;
+  for (o in t)
+    r[o] = t[o];
+  i == null || i.applyProjectionStyles(r, s);
+  for (o in n)
+    r.setProperty(o, n[o]);
 }
-const sc = /* @__PURE__ */ new WeakMap();
-function ic(e, t, n) {
-  for (const s in t) {
-    const i = t[s], r = n[s];
-    if (O(i))
-      e.addValue(s, i);
-    else if (O(r))
-      e.addValue(s, Ee(i, { owner: e }));
-    else if (r !== i)
-      if (e.hasValue(s)) {
-        const o = e.getValue(s);
-        o.liveStyle === !0 ? o.jump(i) : o.hasAnimated || o.set(i);
-      } else {
-        const o = e.getStaticValue(s);
-        e.addValue(s, Ee(o !== void 0 ? o : i, { owner: e }));
-      }
-  }
-  for (const s in n)
-    t[s] === void 0 && e.removeValue(s);
-  return t;
+function xa(e) {
+  return window.getComputedStyle(e);
 }
-const vn = [
-  "AnimationStart",
-  "AnimationComplete",
-  "Update",
-  "BeforeLayoutMeasure",
-  "LayoutMeasure",
-  "LayoutAnimationStart",
-  "LayoutAnimationComplete"
-];
-class rc {
-  /**
-   * 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(t, n, s) {
-    return {};
+class Va extends ks {
+  constructor() {
+    super(...arguments), this.type = "html", this.renderInstance = Ns;
   }
-  constructor({ parent: t, 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 = Ct, 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 = L.now();
-      this.renderScheduledAt < f && (this.renderScheduledAt = f, k.render(this.render, !1, !0));
-    };
-    const { latestValues: l, renderState: u } = o;
-    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!r, this.isControllingVariants = ke(n), this.isVariantNode = ws(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
-    const { willChange: c, ...d } = this.scrapeMotionValuesFromProps(n, {}, this);
-    for (const f in d) {
-      const h = d[f];
-      l[f] !== void 0 && O(h) && h.set(l[f], !1);
+  readValueFromInstance(t, n) {
+    var s;
+    if (fe.has(n))
+      return (s = this.projection) != null && s.isProjecting ? nt(n) : Nr(t, n);
+    {
+      const i = xa(t), r = (Yn(n) ? i.getPropertyValue(n) : i[n]) || 0;
+      return typeof r == "string" ? r.trim() : r;
     }
   }
-  mount(t) {
-    this.current = t, sc.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Ns.current || nc(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : lt.current, process.env.NODE_ENV !== "production" && On(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);
+  measureInstanceViewportBox(t, { transformPagePoint: n }) {
+    return ba(t, n);
   }
-  unmount() {
-    this.projection && this.projection.unmount(), Ye(this.notifyUpdate), Ye(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
-    for (const t in this.events)
-      this.events[t].clear();
-    for (const t in this.features) {
-      const n = this.features[t];
-      n && (n.unmount(), n.isMounted = !1);
-    }
-    this.current = null;
+  build(t, n, s) {
+    Rt(t, n, s.transformTemplate);
   }
-  bindToMotionValue(t, n) {
-    this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
-    const s = ce.has(t);
-    s && this.onBindTransform && this.onBindTransform();
-    const i = n.on("change", (a) => {
-      this.latestValues[t] = a, this.props.onUpdate && k.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
-    }), r = n.on("renderRequest", this.scheduleRender);
-    let o;
-    window.MotionCheckAppearSync && (o = window.MotionCheckAppearSync(this, t, n)), this.valueSubscriptions.set(t, () => {
-      i(), r(), o && o(), n.owner && n.stop();
-    });
+  scrapeMotionValuesFromProps(t, n, s) {
+    return Nt(t, n, s);
   }
-  sortNodePosition(t) {
-    return !this.current || !this.sortInstanceNodePosition || this.type !== t.type ? 0 : this.sortInstanceNodePosition(this.current, t.current);
+}
+const Bs = /* @__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(e, t, n, s) {
+  Ns(e, t, void 0, s);
+  for (const i in t.attrs)
+    e.setAttribute(Bs.has(i) ? i : Bt(i), t.attrs[i]);
+}
+class Ca extends ks {
+  constructor() {
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Ls;
   }
-  updateFeatures() {
-    let t = "animation";
-    for (t in te) {
-      const n = te[t];
-      if (!n)
-        continue;
-      const { isEnabled: s, Feature: i } = n;
-      if (!this.features[t] && i && s(this.props) && (this.features[t] = new i(this)), this.features[t]) {
-        const r = this.features[t];
-        r.isMounted ? r.update() : (r.mount(), r.isMounted = !0);
-      }
+  getBaseTargetFromProps(t, n) {
+    return t[n];
+  }
+  readValueFromInstance(t, n) {
+    if (fe.has(n)) {
+      const s = gs(n);
+      return s && s.default || 0;
     }
+    return n = Bs.has(n) ? n : Bt(n), t.getAttribute(n);
   }
-  triggerBuild() {
-    this.build(this.renderState, this.latestValues, this.props);
+  scrapeMotionValuesFromProps(t, n, s) {
+    return Ds(t, n, s);
   }
-  /**
-   * 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) : ks();
+  build(t, n, s) {
+    Cs(t, n, this.isSVGTag, s.transformTemplate, s.style);
   }
-  getStaticValue(t) {
-    return this.latestValues[t];
+  renderInstance(t, n, s, i) {
+    Aa(t, n, s, i);
   }
-  setStaticValue(t, n) {
-    this.latestValues[t] = n;
+  mount(t) {
+    this.isSVGTag = Ps(t.tagName), super.mount(t);
   }
-  /**
-   * Update the provided props. Ensure any newly-added motion values are
-   * added to our map, old ones removed, and listeners updated.
-   */
-  update(t, n) {
-    (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let s = 0; s < vn.length; s++) {
-      const i = vn[s];
-      this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
-      const r = "on" + i, o = t[r];
-      o && (this.propEventSubscriptions[i] = this.on(i, o));
-    }
-    this.prevMotionValues = ic(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+}
+const Ma = (e, t) => It(e) ? new Ca(t) : new Va(t, {
+  allowProjection: e !== xn
+});
+function ne(e, t, n) {
+  const s = e.getProps();
+  return kt(s, t, n !== void 0 ? n : s.custom, e);
+}
+const lt = (e) => Array.isArray(e);
+function Pa(e, t, n) {
+  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, Fe(n));
+}
+function Ea(e) {
+  return lt(e) ? e[e.length - 1] || 0 : e;
+}
+function Da(e, t) {
+  const n = ne(e, t);
+  let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
+  r = { ...r, ...s };
+  for (const o in r) {
+    const a = Ea(r[o]);
+    Pa(e, o, a);
   }
-  getProps() {
-    return this.props;
+}
+function Fa(e) {
+  return !!(R(e) && e.add);
+}
+function Oa(e, t) {
+  const n = e.getValue("willChange");
+  if (Fa(n))
+    return n.add(t);
+  if (!n && W.WillChange) {
+    const s = new W.WillChange("auto");
+    e.addValue("willChange", s), s.add(t);
   }
-  /**
-   * Returns the variant definition with a given name.
-   */
-  getVariant(t) {
-    return this.props.variants ? this.props.variants[t] : void 0;
+}
+function Ra(e) {
+  return e.props[Os];
+}
+const La = (e) => e !== null;
+function Ia(e, { repeat: t, repeatType: n = "loop" }, s) {
+  const i = e.filter(La), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
+  return i[r];
+}
+const ka = {
+  type: "spring",
+  stiffness: 500,
+  damping: 25,
+  restSpeed: 10
+}, Na = (e) => ({
+  type: "spring",
+  stiffness: 550,
+  damping: e === 0 ? 2 * Math.sqrt(550) : 30,
+  restSpeed: 10
+}), Ba = {
+  type: "keyframes",
+  duration: 0.8
+}, Ka = {
+  type: "keyframes",
+  ease: [0.25, 0.1, 0.35, 1],
+  duration: 0.3
+}, Wa = (e, { keyframes: t }) => t.length > 2 ? Ba : fe.has(e) ? e.startsWith("scale") ? Na(t[1]) : ka : Ka;
+function $a({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
+  return !!Object.keys(c).length;
+}
+const ja = (e, t, n, s = {}, i, r) => (o) => {
+  const a = ds(s, e) || {}, l = a.delay || s.delay || 0;
+  let { elapsed: u = 0 } = s;
+  u = u - /* @__PURE__ */ B(l);
+  const c = {
+    keyframes: Array.isArray(n) ? n : [null, n],
+    ease: "easeOut",
+    velocity: t.getVelocity(),
+    ...a,
+    delay: -u,
+    onUpdate: (d) => {
+      t.set(d), a.onUpdate && a.onUpdate(d);
+    },
+    onComplete: () => {
+      o(), a.onComplete && a.onComplete();
+    },
+    name: e,
+    motionValue: t,
+    element: r ? void 0 : i
+  };
+  $a(a) || Object.assign(c, Wa(e, c)), c.duration && (c.duration = /* @__PURE__ */ B(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ B(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
+  let f = !1;
+  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (at(c), c.delay === 0 && (f = !0)), (W.instantAnimations || W.skipAnimations) && (f = !0, at(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, f && !r && t.get() !== void 0) {
+    const d = Ia(c.keyframes, a);
+    if (d !== void 0) {
+      N.update(() => {
+        c.onUpdate(d), c.onComplete();
+      });
+      return;
+    }
   }
-  /**
-   * Returns the defined default transition on this component.
-   */
-  getDefaultTransition() {
-    return this.props.transition;
+  return a.isSync ? new Mt(c) : new oo(c);
+};
+function _a({ protectedKeys: e, needsAnimating: t }, n) {
+  const s = e.hasOwnProperty(n) && t[n] !== !0;
+  return t[n] = !1, s;
+}
+function Ks(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
+  let { transition: r = e.getDefaultTransition(), transitionEnd: o, ...a } = t;
+  s && (r = s);
+  const l = [], u = i && e.animationState && e.animationState.getState()[i];
+  for (const c in a) {
+    const f = e.getValue(c, e.latestValues[c] ?? null), d = a[c];
+    if (d === void 0 || u && _a(u, c))
+      continue;
+    const h = {
+      delay: n,
+      ...ds(r || {}, c)
+    }, g = f.get();
+    if (g !== void 0 && !f.isAnimating && !Array.isArray(d) && d === g && !h.velocity)
+      continue;
+    let y = !1;
+    if (window.MotionHandoffAnimation) {
+      const p = Ra(e);
+      if (p) {
+        const V = window.MotionHandoffAnimation(p, c, N);
+        V !== null && (h.startTime = V, y = !0);
+      }
+    }
+    Oa(e, c), f.start(ja(c, f, d, e.shouldReduceMotion && hs.has(c) ? { type: !1 } : h, e, y));
+    const T = f.animation;
+    T && l.push(T);
   }
-  getTransformPagePoint() {
-    return this.props.transformPagePoint;
+  return o && Promise.all(l).then(() => {
+    N.update(() => {
+      o && Da(e, o);
+    });
+  }), l;
+}
+function Ws(e, t, n, s = 0, i = 1) {
+  const r = Array.from(e).sort((u, c) => u.sortNodePosition(c)).indexOf(t), o = e.size, a = (o - 1) * s;
+  return typeof n == "function" ? n(r, o) : i === 1 ? r * s : a - r * s;
+}
+function ft(e, t, n = {}) {
+  var l;
+  const s = ne(e, t, n.type === "exit" ? (l = e.presenceContext) == null ? void 0 : l.custom : void 0);
+  let { transition: i = e.getDefaultTransition() || {} } = s || {};
+  n.transitionOverride && (i = n.transitionOverride);
+  const r = s ? () => Promise.all(Ks(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (u = 0) => {
+    const { delayChildren: c = 0, staggerChildren: f, staggerDirection: d } = i;
+    return Ua(e, t, u, c, f, d, n);
+  } : () => Promise.resolve(), { when: a } = i;
+  if (a) {
+    const [u, c] = a === "beforeChildren" ? [r, o] : [o, r];
+    return u().then(() => c());
+  } else
+    return Promise.all([r(), o(n.delay)]);
+}
+function Ua(e, t, n = 0, s = 0, i = 0, r = 1, o) {
+  const a = [];
+  for (const l of e.variantChildren)
+    l.notify("AnimationStart", t), a.push(ft(l, t, {
+      ...o,
+      delay: n + (typeof s == "function" ? 0 : s) + Ws(e.variantChildren, l, s, i, r)
+    }).then(() => l.notify("AnimationComplete", t)));
+  return Promise.all(a);
+}
+function Ga(e, t, n = {}) {
+  e.notify("AnimationStart", t);
+  let s;
+  if (Array.isArray(t)) {
+    const i = t.map((r) => ft(e, r, n));
+    s = Promise.all(i);
+  } else if (typeof t == "string")
+    s = ft(e, t, n);
+  else {
+    const i = typeof t == "function" ? ne(e, t, n.custom) : t;
+    s = Promise.all(Ks(e, i, n));
   }
-  getClosestVariantNode() {
-    return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
+  return s.then(() => {
+    e.notify("AnimationComplete", t);
+  });
+}
+function $s(e, t) {
+  if (!Array.isArray(t))
+    return !1;
+  const n = t.length;
+  if (n !== e.length)
+    return !1;
+  for (let s = 0; s < n; s++)
+    if (t[s] !== e[s])
+      return !1;
+  return !0;
+}
+const Ha = Ot.length;
+function js(e) {
+  if (!e)
+    return;
+  if (!e.isControllingVariants) {
+    const n = e.parent ? js(e.parent) || {} : {};
+    return e.props.initial !== void 0 && (n.initial = e.props.initial), n;
   }
-  /**
-   * Add a child visual element to our set of children.
-   */
-  addVariantChild(t) {
-    const n = this.getClosestVariantNode();
-    if (n)
-      return n.variantChildren && n.variantChildren.add(t), () => n.variantChildren.delete(t);
+  const t = {};
+  for (let n = 0; n < Ha; n++) {
+    const s = Ot[n], i = e.props[s];
+    (be(i) || i === !1) && (t[s] = i);
   }
-  /**
-   * Add a motion value and bind it to this visual element.
-   */
-  addValue(t, n) {
-    const s = this.values.get(t);
-    n !== s && (s && this.removeValue(t), this.bindToMotionValue(t, n), this.values.set(t, n), this.latestValues[t] = n.get());
+  return t;
+}
+const za = [...Ft].reverse(), Ya = Ft.length;
+function Xa(e) {
+  return (t) => Promise.all(t.map(({ animation: n, options: s }) => Ga(e, n, s)));
+}
+function qa(e) {
+  let t = Xa(e), n = vn(), s = !0;
+  const i = (l) => (u, c) => {
+    var d;
+    const f = ne(e, c, l === "exit" ? (d = e.presenceContext) == null ? void 0 : d.custom : void 0);
+    if (f) {
+      const { transition: h, transitionEnd: g, ...y } = f;
+      u = { ...u, ...y, ...g };
+    }
+    return u;
+  };
+  function r(l) {
+    t = l(e);
   }
-  /**
-   * Remove a motion value and unbind any active subscriptions.
-   */
-  removeValue(t) {
-    this.values.delete(t);
-    const n = this.valueSubscriptions.get(t);
-    n && (n(), this.valueSubscriptions.delete(t)), delete this.latestValues[t], this.removeValueFromRenderState(t, this.renderState);
+  function o(l) {
+    const { props: u } = e, c = js(e.parent) || {}, f = [], d = /* @__PURE__ */ new Set();
+    let h = {}, g = 1 / 0;
+    for (let T = 0; T < Ya; T++) {
+      const p = za[T], V = n[p], m = u[p] !== void 0 ? u[p] : c[p], C = be(m), w = p === l ? V.isActive : null;
+      w === !1 && (g = T);
+      let A = m === c[p] && m !== u[p] && C;
+      if (A && s && e.manuallyAnimateOnMount && (A = !1), V.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
+      !V.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
+      !m && !V.prevProp || // Or if the prop doesn't define an animation
+      Ne(m) || typeof m == "boolean")
+        continue;
+      const x = Za(V.prevProp, m);
+      let S = x || // If we're making this variant active, we want to always make it active
+      p === l && V.isActive && !A && C || // If we removed a higher-priority variant (i is in reverse order)
+      T > g && C, D = !1;
+      const O = Array.isArray(m) ? m : [m];
+      let q = O.reduce(i(p), {});
+      w === !1 && (q = {});
+      const { prevResolvedValues: Kt = {} } = V, Hs = {
+        ...Kt,
+        ...q
+      }, Wt = (F) => {
+        S = !0, d.has(F) && (D = !0, d.delete(F)), V.needsAnimating[F] = !0;
+        const L = e.getValue(F);
+        L && (L.liveStyle = !1);
+      };
+      for (const F in Hs) {
+        const L = q[F], j = Kt[F];
+        if (h.hasOwnProperty(F))
+          continue;
+        let Z = !1;
+        lt(L) && lt(j) ? Z = !$s(L, j) : Z = L !== j, Z ? L != null ? Wt(F) : d.add(F) : L !== void 0 && d.has(F) ? Wt(F) : V.protectedKeys[F] = !0;
+      }
+      V.prevProp = m, V.prevResolvedValues = q, V.isActive && (h = { ...h, ...q }), s && e.blockInitialAnimation && (S = !1);
+      const $t = A && x;
+      S && (!$t || D) && f.push(...O.map((F) => {
+        const L = { type: p };
+        if (typeof F == "string" && s && !$t && e.manuallyAnimateOnMount && e.parent) {
+          const { parent: j } = e, Z = ne(j, F);
+          if (j.enteringChildren && Z) {
+            const { delayChildren: zs } = Z.transition || {};
+            L.delay = Ws(j.enteringChildren, e, zs);
+          }
+        }
+        return {
+          animation: F,
+          options: L
+        };
+      }));
+    }
+    if (d.size) {
+      const T = {};
+      if (typeof u.initial != "boolean") {
+        const p = ne(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
+        p && p.transition && (T.transition = p.transition);
+      }
+      d.forEach((p) => {
+        const V = e.getBaseTarget(p), m = e.getValue(p);
+        m && (m.liveStyle = !0), T[p] = V ?? null;
+      }), f.push({ animation: T });
+    }
+    let y = !!f.length;
+    return s && (u.initial === !1 || u.initial === u.animate) && !e.manuallyAnimateOnMount && (y = !1), s = !1, y ? t(f) : Promise.resolve();
   }
-  /**
-   * Check whether we have a motion value for this key
-   */
-  hasValue(t) {
-    return this.values.has(t);
+  function a(l, u) {
+    var f;
+    if (n[l].isActive === u)
+      return Promise.resolve();
+    (f = e.variantChildren) == null || f.forEach((d) => {
+      var h;
+      return (h = d.animationState) == null ? void 0 : h.setActive(l, u);
+    }), n[l].isActive = u;
+    const c = o(l);
+    for (const d in n)
+      n[d].protectedKeys = {};
+    return c;
   }
-  getValue(t, n) {
-    if (this.props.values && this.props.values[t])
-      return this.props.values[t];
-    let s = this.values.get(t);
-    return s === void 0 && n !== void 0 && (s = Ee(n === null ? void 0 : n, { owner: this }), this.addValue(t, s)), s;
+  return {
+    animateChanges: o,
+    setActive: a,
+    setAnimateFunction: r,
+    getState: () => n,
+    reset: () => {
+      n = vn(), s = !0;
+    }
+  };
+}
+function Za(e, t) {
+  return typeof t == "string" ? t !== e : Array.isArray(t) ? !$s(t, e) : !1;
+}
+function _(e = !1) {
+  return {
+    isActive: e,
+    protectedKeys: {},
+    needsAnimating: {},
+    prevResolvedValues: {}
+  };
+}
+function vn() {
+  return {
+    animate: _(!0),
+    whileInView: _(),
+    whileHover: _(),
+    whileTap: _(),
+    whileDrag: _(),
+    whileFocus: _(),
+    exit: _()
+  };
+}
+class de {
+  constructor(t) {
+    this.isMounted = !1, this.node = t;
   }
-  /**
-   * If we're trying to animate to a previously unencountered value,
-   * we need to check for it in our state and as a last resort read it
-   * directly from the instance (which might have performance implications).
-   */
-  readValue(t, n) {
-    let s = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return s != null && (typeof s == "string" && (Pn(s) || En(s)) ? s = parseFloat(s) : !Do(s) && oe.test(n) && (s = ms(t, n)), this.setBaseTarget(t, O(s) ? s.get() : s)), O(s) ? s.get() : s;
+  update() {
   }
+}
+class Ja extends de {
   /**
-   * Set the base target to later animate back to. This is currently
-   * only hydrated on creation and when we first read a value.
+   * 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.
    */
-  setBaseTarget(t, n) {
-    this.baseTarget[t] = n;
+  constructor(t) {
+    super(t), t.animationState || (t.animationState = qa(t));
+  }
+  updateAnimationControlsSubscription() {
+    const { animate: t } = this.node.getProps();
+    Ne(t) && (this.unmountControls = t.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(t) {
-    var r;
-    const { initial: n } = this.props;
-    let s;
-    if (typeof n == "string" || typeof n == "object") {
-      const o = It(this.props, n, (r = this.presenceContext) == null ? void 0 : r.custom);
-      o && (s = o[t]);
-    }
-    if (n && s !== void 0)
-      return s;
-    const i = this.getBaseTargetFromProps(this.props, t);
-    return i !== void 0 && !O(i) ? i : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
+  mount() {
+    this.updateAnimationControlsSubscription();
   }
-  on(t, n) {
-    return this.events[t] || (this.events[t] = new Fn()), this.events[t].add(n);
+  update() {
+    const { animate: t } = this.node.getProps(), { animate: n } = this.node.prevProps || {};
+    t !== n && this.updateAnimationControlsSubscription();
   }
-  notify(t, ...n) {
-    this.events[t] && this.events[t].notify(...n);
+  unmount() {
+    var t;
+    this.node.animationState.reset(), (t = this.unmountControls) == null || t.call(this);
   }
 }
-class Bs extends rc {
+let Qa = 0;
+class ec extends de {
   constructor() {
-    super(...arguments), this.KeyframeResolver = go;
+    super(...arguments), this.id = Qa++;
   }
-  sortInstanceNodePosition(t, n) {
-    return t.compareDocumentPosition(n) & 2 ? 1 : -1;
+  update() {
+    if (!this.node.presenceContext)
+      return;
+    const { isPresent: t, onExitComplete: n } = this.node.presenceContext, { isPresent: s } = this.node.prevPresenceContext || {};
+    if (!this.node.animationState || t === s)
+      return;
+    const i = this.node.animationState.setActive("exit", !t);
+    n && !t && i.then(() => {
+      n(this.id);
+    });
   }
-  getBaseTargetFromProps(t, n) {
-    return t.style ? t.style[n] : void 0;
+  mount() {
+    const { register: t, onExitComplete: n } = this.node.presenceContext || {};
+    n && n(this.id), t && (this.unmount = t(this.id));
   }
-  removeValueFromRenderState(t, { vars: n, style: s }) {
-    delete n[t], delete s[t];
+  unmount() {
   }
-  handleChildMotionValue() {
-    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
-    const { children: t } = this.props;
-    O(t) && (this.childSubscription = t.on("change", (n) => {
-      this.current && (this.current.textContent = `${n}`);
-    }));
+}
+const tc = {
+  animation: {
+    Feature: Ja
+  },
+  exit: {
+    Feature: ec
   }
+};
+function Tn(e, t, n, s = { passive: !0 }) {
+  return e.addEventListener(t, n, s), () => e.removeEventListener(t, n);
 }
-function Ks(e, { style: t, vars: n }, s, i) {
-  const r = e.style;
-  let o;
-  for (o in t)
-    r[o] = t[o];
-  i == null || i.applyProjectionStyles(r, s);
-  for (o in n)
-    r.setProperty(o, n[o]);
+function _s(e) {
+  return {
+    point: {
+      x: e.pageX,
+      y: e.pageY
+    }
+  };
 }
-function oc(e) {
-  return window.getComputedStyle(e);
+function wn(e, t, n) {
+  const { props: s } = e;
+  e.animationState && s.whileHover && e.animationState.setActive("whileHover", n === "Start");
+  const i = "onHover" + n, r = s[i];
+  r && N.postRender(() => r(t, _s(t)));
 }
-class ac extends Bs {
+class nc extends de {
+  mount() {
+    const { current: t } = this.node;
+    t && (this.unmount = Po(t, (n, s) => (wn(this.node, s, "Start"), (i) => wn(this.node, i, "End"))));
+  }
+  unmount() {
+  }
+}
+class sc extends de {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Ks;
+    super(...arguments), this.isActive = !1;
   }
-  readValueFromInstance(t, n) {
-    var s;
-    if (ce.has(n))
-      return (s = this.projection) != null && s.isProjecting ? tt(n) : Or(t, n);
-    {
-      const i = oc(t), r = (Gn(n) ? i.getPropertyValue(n) : i[n]) || 0;
-      return typeof r == "string" ? r.trim() : r;
+  onFocus() {
+    let t = !1;
+    try {
+      t = this.node.current.matches(":focus-visible");
+    } catch {
+      t = !0;
     }
+    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
   }
-  measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return Ua(t, n);
+  onBlur() {
+    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
-  build(t, n, s) {
-    Rt(t, n, s.transformTemplate);
+  mount() {
+    this.unmount = Le(Tn(this.node.current, "focus", () => this.onFocus()), Tn(this.node.current, "blur", () => this.onBlur()));
   }
-  scrapeMotionValuesFromProps(t, n, s) {
-    return kt(t, n, s);
+  unmount() {
   }
 }
-const Ws = /* @__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 cc(e, t, n, s) {
-  Ks(e, t, void 0, s);
-  for (const i in t.attrs)
-    e.setAttribute(Ws.has(i) ? i : Ft(i), t.attrs[i]);
+function Sn(e, t, n) {
+  const { props: s } = e;
+  if (e.current instanceof HTMLButtonElement && e.current.disabled)
+    return;
+  e.animationState && s.whileTap && e.animationState.setActive("whileTap", n === "Start");
+  const i = "onTap" + (n === "End" ? "" : n), r = s[i];
+  r && N.postRender(() => r(t, _s(t)));
 }
-class uc extends Bs {
-  constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = ks;
+class ic extends de {
+  mount() {
+    const { current: t } = this.node;
+    t && (this.unmount = Ro(t, (n, s) => (Sn(this.node, s, "Start"), (i, { success: r }) => Sn(this.node, i, r ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
-  getBaseTargetFromProps(t, n) {
-    return t[n];
+  unmount() {
   }
-  readValueFromInstance(t, n) {
-    if (ce.has(n)) {
-      const s = ps(n);
-      return s && s.default || 0;
-    }
-    return n = Ws.has(n) ? n : Ft(n), t.getAttribute(n);
+}
+const dt = /* @__PURE__ */ new WeakMap(), He = /* @__PURE__ */ new WeakMap(), rc = (e) => {
+  const t = dt.get(e.target);
+  t && t(e);
+}, oc = (e) => {
+  e.forEach(rc);
+};
+function ac({ root: e, ...t }) {
+  const n = e || document;
+  He.has(n) || He.set(n, {});
+  const s = He.get(n), i = JSON.stringify(t);
+  return s[i] || (s[i] = new IntersectionObserver(oc, { root: e, ...t })), s[i];
+}
+function cc(e, t, n) {
+  const s = ac(t);
+  return dt.set(e, n), s.observe(e), () => {
+    dt.delete(e), s.unobserve(e);
+  };
+}
+const uc = {
+  some: 0,
+  all: 1
+};
+class lc extends de {
+  constructor() {
+    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
-  scrapeMotionValuesFromProps(t, n, s) {
-    return Fs(t, n, s);
+  startObserver() {
+    this.unmount();
+    const { viewport: t = {} } = this.node.getProps(), { root: n, margin: s, amount: i = "some", once: r } = t, o = {
+      root: n ? n.current : void 0,
+      rootMargin: s,
+      threshold: typeof i == "number" ? i : uc[i]
+    }, a = (l) => {
+      const { isIntersecting: u } = l;
+      if (this.isInView === u || (this.isInView = u, r && !u && this.hasEnteredView))
+        return;
+      u && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", u);
+      const { onViewportEnter: c, onViewportLeave: f } = this.node.getProps(), d = u ? c : f;
+      d && d(l);
+    };
+    return cc(this.node.current, o, a);
   }
-  build(t, n, s) {
-    Ms(t, n, this.isSVGTag, s.transformTemplate, s.style);
+  mount() {
+    this.startObserver();
   }
-  renderInstance(t, n, s, i) {
-    cc(t, n, s, i);
+  update() {
+    if (typeof IntersectionObserver > "u")
+      return;
+    const { props: t, prevProps: n } = this.node;
+    ["amount", "margin", "root"].some(fc(t, n)) && this.startObserver();
   }
-  mount(t) {
-    this.isSVGTag = Es(t.tagName), super.mount(t);
+  unmount() {
+  }
+}
+function fc({ viewport: e = {} }, { viewport: t = {} } = {}) {
+  return (n) => e[n] !== t[n];
+}
+const dc = {
+  inView: {
+    Feature: lc
+  },
+  tap: {
+    Feature: ic
+  },
+  focus: {
+    Feature: sc
+  },
+  hover: {
+    Feature: nc
   }
+}, hc = {
+  renderer: Ma,
+  ...tc,
+  ...dc
+};
+function pc(e, t) {
+  return da(e, t);
 }
-const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
-  allowProjection: e !== Tn
-}), fc = {
-  renderer: lc,
-  ...$a,
-  ...tc
-}, ft = /* @__PURE__ */ da("div"), $s = ne.createContext({
+const ht = /* @__PURE__ */ pc("div"), Us = re.createContext({
   layers: [],
   setLayers: () => {
   },
@@ -3562,8 +3574,8 @@ const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
   },
   removeTopLayer: () => {
   }
-}), Dc = ({ children: e }) => {
-  const [t, n] = ne.useState([]), s = (o) => {
+}), Oc = ({ children: e }) => {
+  const [t, n] = re.useState([]), s = (o) => {
     n((a) => [...a, o]);
   }, i = (o) => {
     n(t.filter((a) => a !== o));
@@ -3572,28 +3584,28 @@ const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
     o && i(o);
   };
   return /* @__PURE__ */ M(
-    $s.Provider,
+    Us.Provider,
     {
       value: { layers: t, setLayers: n, addLayer: s, removeLayer: i, removeTopLayer: r },
       children: e
     }
   );
-}, _s = () => ne.useContext($s), dc = ({
+}, Gs = () => re.useContext(Us), mc = ({
   defaultOpen: e,
   open: t,
   onOpenChange: n,
   ...s
 }) => {
-  const [i, r] = Si({
+  const [i, r] = Ci({
     prop: t,
     onChange: n,
     defaultProp: e ?? !1
-  }), o = _s(), a = s.a11yTitle;
-  if (ne.useEffect(() => {
+  }), o = Gs(), a = s.a11yTitle;
+  if (re.useEffect(() => {
     !i && o.layers.includes(a) && o.removeLayer(a);
   }, [a, o, i]), !!i)
-    return /* @__PURE__ */ M(hc, { open: i, onOpenChange: r, ...s });
-}, hc = ({
+    return /* @__PURE__ */ M(gc, { open: i, onOpenChange: r, ...s });
+}, gc = ({
   open: e,
   onOpenChange: t,
   a11yTitle: n,
@@ -3606,13 +3618,13 @@ const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
   ...l
 }) => {
   var y, T;
-  const u = n, c = _s();
-  ne.useEffect(() => {
+  const u = n, c = Gs();
+  re.useEffect(() => {
     !c || !e || c.layers.includes(u) || c.addLayer(u);
   }, [u, c, e]);
-  const d = ((y = c.layers) == null ? void 0 : y.indexOf(u)) || 0, f = ((T = c.layers) == null ? void 0 : T.length) || 0, h = d !== 0, g = u === c.layers[c.layers.length - 1];
-  return /* @__PURE__ */ M(Fo, { features: fc, children: /* @__PURE__ */ M(
-    An,
+  const f = ((y = c.layers) == null ? void 0 : y.indexOf(u)) || 0, d = ((T = c.layers) == null ? void 0 : T.length) || 0, h = f !== 0, g = u === c.layers[c.layers.length - 1];
+  return /* @__PURE__ */ M(ko, { features: hc, children: /* @__PURE__ */ M(
+    Pn,
     {
       onEscapeKeyDown: (p) => {
         g && (p.preventDefault(), c.removeTopLayer(), t(!1));
@@ -3620,8 +3632,8 @@ const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
       onPointerDownOutside: (p) => {
         g && (p.preventDefault(), c.removeTopLayer(), t(!1));
       },
-      children: /* @__PURE__ */ Ve(
-        J.Root,
+      children: /* @__PURE__ */ Ce(
+        ee.Root,
         {
           open: e,
           onOpenChange: (p) => {
@@ -3631,28 +3643,28 @@ const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
             t(p);
           },
           children: [
-            /* @__PURE__ */ Ve(Qs.Root, { children: [
-              /* @__PURE__ */ M(J.Title, { children: n }),
-              s && /* @__PURE__ */ M(J.Description, { children: s })
+            /* @__PURE__ */ Ce(si.Root, { children: [
+              /* @__PURE__ */ M(ee.Title, { children: n }),
+              s && /* @__PURE__ */ M(ee.Description, { children: s })
             ] }),
             e && // We add the className "tgph" here so that styles within
             // the portal get scoped properly to telegraph
-            /* @__PURE__ */ M(Js.Root, { className: "tgph", children: /* @__PURE__ */ M(pc, { layer: d, children: /* @__PURE__ */ M(
-              Zs,
+            /* @__PURE__ */ M(ni.Root, { className: "tgph", children: /* @__PURE__ */ M(yc, { layer: f, children: /* @__PURE__ */ M(
+              ti,
               {
                 trapped: typeof r == "boolean" ? r : g,
                 onMountAutoFocus: o,
                 onUnmountAutoFocus: a,
                 asChild: !0,
-                children: /* @__PURE__ */ M(ti, { children: /* @__PURE__ */ M(
-                  ee,
+                children: /* @__PURE__ */ M(ri, { children: /* @__PURE__ */ M(
+                  se,
                   {
-                    as: ft,
+                    as: ht,
                     initial: {
-                      top: `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${f - 1})`
+                      top: `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${d - 1})`
                     },
                     animate: {
-                      top: h ? `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${d} )` : "var(--tgph-spacing-16)"
+                      top: h ? `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${f} )` : "var(--tgph-spacing-16)"
                     },
                     exit: { top: 0 },
                     transition: { type: "spring", duration: 0.3, bounce: 0 },
@@ -3663,15 +3675,15 @@ const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
                       left: 0,
                       maxHeight: "calc(100vh - var(--tgph-spacing-32))",
                       maxWidth: "calc(100vw - var(--tgph-spacing-8))",
-                      zIndex: `calc(var(--tgph-zIndex-modal) + ${d})`
+                      zIndex: `calc(var(--tgph-zIndex-modal) + ${f})`
                     },
                     children: /* @__PURE__ */ M(
-                      ee,
+                      se,
                       {
                         direction: "column",
-                        as: ft,
+                        as: ht,
                         animate: {
-                          scale: 1.02 - Math.abs(f - d) * 0.02,
+                          scale: 1.02 - Math.abs(d - f) * 0.02,
                           transformOrigin: "center center"
                         },
                         transition: {
@@ -3702,11 +3714,11 @@ const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
       )
     }
   ) });
-}, pc = ({ layer: e, children: t }) => e > 0 ? t : /* @__PURE__ */ Ve(J.Overlay, { children: [
+}, yc = ({ layer: e, children: t }) => e > 0 ? t : /* @__PURE__ */ Ce(ee.Overlay, { children: [
   /* @__PURE__ */ M(
-    ni,
+    oi,
     {
-      as: ft,
+      as: ht,
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
@@ -3723,26 +3735,26 @@ const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
     }
   ),
   t
-] }), mc = ne.forwardRef(
-  ({ children: e, ...t }, n) => /* @__PURE__ */ M(J.Content, { ref: n, asChild: !0, ...t, children: /* @__PURE__ */ M(ee, { direction: "column", h: "full", ...t, children: e }) })
-), gc = ({
+] }), bc = re.forwardRef(
+  ({ children: e, ...t }, n) => /* @__PURE__ */ M(ee.Content, { ref: n, asChild: !0, ...t, children: /* @__PURE__ */ M(se, { direction: "column", h: "full", ...t, children: e }) })
+), vc = ({
   size: e = "1",
   variant: t = "ghost",
   ...n
-}) => /* @__PURE__ */ M(J.Close, { asChild: !0, children: /* @__PURE__ */ M(
-  ei,
+}) => /* @__PURE__ */ M(ee.Close, { asChild: !0, children: /* @__PURE__ */ M(
+  ii,
   {
-    icon: { icon: si, alt: "Close Modal" },
+    icon: { icon: ai, alt: "Close Modal" },
     variant: t,
     size: e,
     ...n
   }
-) }), yc = ({
+) }), Tc = ({
   style: e,
   children: t,
   ...n
 }) => /* @__PURE__ */ M(
-  ee,
+  se,
   {
     direction: "column",
     px: "6",
@@ -3754,11 +3766,11 @@ const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
     ...n,
     children: t
   }
-), bc = ({
+), wc = ({
   children: e,
   ...t
 }) => /* @__PURE__ */ M(
-  ee,
+  se,
   {
     direction: "row",
     justify: "space-between",
@@ -3769,11 +3781,11 @@ const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
     ...t,
     children: e
   }
-), vc = ({
+), Sc = ({
   children: e,
   ...t
 }) => /* @__PURE__ */ M(
-  ee,
+  se,
   {
     direction: "row",
     align: "center",
@@ -3785,17 +3797,17 @@ const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
     ...t,
     children: e
   }
-), Tc = {};
-Object.assign(Tc, {
-  Root: dc,
-  Content: mc,
-  Close: gc,
-  Body: yc,
-  Header: bc,
-  Footer: vc
+), xc = {};
+Object.assign(xc, {
+  Root: mc,
+  Content: bc,
+  Close: vc,
+  Body: Tc,
+  Header: wc,
+  Footer: Sc
 });
 export {
-  Tc as Modal,
-  Dc as ModalStackingProvider
+  xc as Modal,
+  Oc as ModalStackingProvider
 };
 //# sourceMappingURL=index.mjs.map