@pittorica/carousel-react 0.22.3 → 0.22.4

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsx as B, Fragment as Kr, jsxs as Gr } from "react/jsx-runtime";
-import * as ee from "react";
-import { createContext as Tt, useRef as K, useLayoutEffect as _r, useEffect as Ye, useId as Xe, useContext as I, useInsertionEffect as qe, useMemo as et, useCallback as Qi, Children as zr, isValidElement as Hr, useState as be, Fragment as ts, createElement as Yr, forwardRef as Xr, Component as qr } from "react";
+import { jsx as R, Fragment as Hr, jsxs as Ji } from "react/jsx-runtime";
+import * as ne from "react";
+import { createContext as xt, useRef as K, useLayoutEffect as Yr, useEffect as Xe, useId as qe, useContext as O, useInsertionEffect as Ze, useMemo as Z, useCallback as Qi, Children as Xr, isValidElement as qr, useState as Pe, Fragment as ts, createElement as Zr, forwardRef as Jr, Component as Qr } from "react";
 function es(t) {
   var e, n, i = "";
   if (typeof t == "string" || typeof t == "number") i += t;
@@ -10,57 +10,57 @@ function es(t) {
   } else for (n in t) t[n] && (i && (i += " "), i += n);
   return i;
 }
-function Ze() {
+function Je() {
   for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = es(t)) && (i && (i += " "), i += e);
   return i;
 }
-const Je = Tt({});
-function Qe(t) {
+const Qe = xt({});
+function tn(t) {
   const e = K(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const ns = typeof window < "u", is = ns ? _r : Ye, ne = /* @__PURE__ */ Tt(null);
-function tn(t, e) {
+const ns = typeof window < "u", is = ns ? Yr : Xe, ie = /* @__PURE__ */ xt(null);
+function en(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
-function en(t, e) {
+function nn(t, e) {
   const n = t.indexOf(e);
   n > -1 && t.splice(n, 1);
 }
 const q = (t, e, n) => n > e ? e : n < t ? t : n;
-function Pe(t, e) {
+function Ae(t, e) {
   return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
 }
-let xt = () => {
-}, Z = () => {
+let Tt = () => {
+}, J = () => {
 };
-var Ji;
-typeof process < "u" && ((Ji = process.env) == null ? void 0 : Ji.NODE_ENV) !== "production" && (xt = (t, e, n) => {
-  !t && typeof console < "u" && console.warn(Pe(e, n));
-}, Z = (t, e, n) => {
+var Zi;
+typeof process < "u" && ((Zi = process.env) == null ? void 0 : Zi.NODE_ENV) !== "production" && (Tt = (t, e, n) => {
+  !t && typeof console < "u" && console.warn(Ae(e, n));
+}, J = (t, e, n) => {
   if (!t)
-    throw new Error(Pe(e, n));
+    throw new Error(Ae(e, n));
 });
-const J = {}, ss = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+const Q = {}, ss = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
 function rs(t) {
   return typeof t == "object" && t !== null;
 }
 const os = (t) => /^0[^.\s]+$/u.test(t);
 // @__NO_SIDE_EFFECTS__
-function nn(t) {
+function sn(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Zr = (t, e) => (n) => e(t(n)), It = (...t) => t.reduce(Zr), Rt = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+const _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t, to = (t, e) => (n) => e(t(n)), It = (...t) => t.reduce(to), Rt = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const i = e - t;
   return i === 0 ? 1 : (n - t) / i;
 };
-class sn {
+class rn {
   constructor() {
     this.subscriptions = [];
   }
   add(e) {
-    return tn(this.subscriptions, e), () => en(this.subscriptions, e);
+    return en(this.subscriptions, e), () => nn(this.subscriptions, e);
   }
   notify(e, n, i) {
     const s = this.subscriptions.length;
@@ -85,42 +85,42 @@ function as(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
 const Fn = /* @__PURE__ */ new Set();
-function rn(t, e, n) {
-  t || Fn.has(e) || (console.warn(Pe(e, n)), Fn.add(e));
+function on(t, e, n) {
+  t || Fn.has(e) || (console.warn(Ae(e, n)), Fn.add(e));
 }
-const ls = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Jr = 1e-7, Qr = 12;
-function to(t, e, n, i, s) {
+const ls = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, eo = 1e-7, no = 12;
+function io(t, e, n, i, s) {
   let o, r, a = 0;
   do
     r = e + (n - e) / 2, o = ls(r, i, s) - t, o > 0 ? n = r : e = r;
-  while (Math.abs(o) > Jr && ++a < Qr);
+  while (Math.abs(o) > eo && ++a < no);
   return r;
 }
 function Ot(t, e, n, i) {
   if (t === e && n === i)
     return _;
-  const s = (o) => to(o, 0, 1, t, n);
+  const s = (o) => io(o, 0, 1, t, n);
   return (o) => o === 0 || o === 1 ? o : ls(s(o), e, i);
 }
-const cs = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, us = (t) => (e) => 1 - t(1 - e), hs = /* @__PURE__ */ Ot(0.33, 1.53, 0.69, 0.99), on = /* @__PURE__ */ us(hs), fs = /* @__PURE__ */ cs(on), ds = (t) => (t *= 2) < 1 ? 0.5 * on(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), an = (t) => 1 - Math.sin(Math.acos(t)), ps = us(an), ms = cs(an), eo = /* @__PURE__ */ Ot(0.42, 0, 1, 1), no = /* @__PURE__ */ Ot(0, 0, 0.58, 1), gs = /* @__PURE__ */ Ot(0.42, 0, 0.58, 1), io = (t) => Array.isArray(t) && typeof t[0] != "number", ys = (t) => Array.isArray(t) && typeof t[0] == "number", Bn = {
+const cs = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, us = (t) => (e) => 1 - t(1 - e), hs = /* @__PURE__ */ Ot(0.33, 1.53, 0.69, 0.99), an = /* @__PURE__ */ us(hs), fs = /* @__PURE__ */ cs(an), ds = (t) => (t *= 2) < 1 ? 0.5 * an(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), ln = (t) => 1 - Math.sin(Math.acos(t)), ps = us(ln), ms = cs(ln), so = /* @__PURE__ */ Ot(0.42, 0, 1, 1), ro = /* @__PURE__ */ Ot(0, 0, 0.58, 1), gs = /* @__PURE__ */ Ot(0.42, 0, 0.58, 1), oo = (t) => Array.isArray(t) && typeof t[0] != "number", ys = (t) => Array.isArray(t) && typeof t[0] == "number", Bn = {
   linear: _,
-  easeIn: eo,
+  easeIn: so,
   easeInOut: gs,
-  easeOut: no,
-  circIn: an,
+  easeOut: ro,
+  circIn: ln,
   circInOut: ms,
   circOut: ps,
-  backIn: on,
+  backIn: an,
   backInOut: fs,
   backOut: hs,
   anticipate: ds
-}, so = (t) => typeof t == "string", In = (t) => {
+}, ao = (t) => typeof t == "string", In = (t) => {
   if (ys(t)) {
-    Z(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
+    J(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, i, s] = t;
     return Ot(e, n, i, s);
-  } else if (so(t))
-    return Z(Bn[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Bn[t];
+  } else if (ao(t))
+    return J(Bn[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Bn[t];
   return t;
 }, $t = [
   "setup",
@@ -140,7 +140,7 @@ const cs = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, us
   "postRender"
   // Compute
 ];
-function ro(t, e) {
+function lo(t, e) {
   let n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), s = !1, o = !1;
   const r = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -178,38 +178,38 @@ function ro(t, e) {
   };
   return c;
 }
-const oo = 40;
+const co = 40;
 function vs(t, e) {
   let n = !1, i = !0;
   const s = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => n = !0, r = $t.reduce((v, S) => (v[S] = ro(o), v), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: d, postRender: p } = r, m = () => {
-    const v = J.useManualTiming ? s.timestamp : performance.now();
-    n = !1, J.useManualTiming || (s.delta = i ? 1e3 / 60 : Math.max(Math.min(v - s.timestamp, oo), 1)), s.timestamp = v, s.isProcessing = !0, a.process(s), l.process(s), c.process(s), u.process(s), h.process(s), f.process(s), d.process(s), p.process(s), s.isProcessing = !1, n && e && (i = !1, t(m));
-  }, y = () => {
+  }, o = () => n = !0, r = $t.reduce((v, S) => (v[S] = lo(o), v), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: d, postRender: p } = r, m = () => {
+    const v = Q.useManualTiming ? s.timestamp : performance.now();
+    n = !1, Q.useManualTiming || (s.delta = i ? 1e3 / 60 : Math.max(Math.min(v - s.timestamp, co), 1)), s.timestamp = v, s.isProcessing = !0, a.process(s), l.process(s), c.process(s), u.process(s), h.process(s), f.process(s), d.process(s), p.process(s), s.isProcessing = !1, n && e && (i = !1, t(m));
+  }, g = () => {
     n = !0, i = !0, s.isProcessing || t(m);
   };
   return { schedule: $t.reduce((v, S) => {
-    const w = r[S];
-    return v[S] = (V, D = !1, b = !1) => (n || y(), w.schedule(V, D, b)), v;
+    const b = r[S];
+    return v[S] = (V, D = !1, P = !1) => (n || g(), b.schedule(V, D, P)), v;
   }, {}), cancel: (v) => {
     for (let S = 0; S < $t.length; S++)
       r[$t[S]].cancel(v);
   }, state: s, steps: r };
 }
-const { schedule: C, cancel: nt, state: F, steps: ae } = /* @__PURE__ */ vs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : _, !0);
+const { schedule: C, cancel: nt, state: B, steps: le } = /* @__PURE__ */ vs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : _, !0);
 let Gt;
-function ao() {
+function uo() {
   Gt = void 0;
 }
-const j = {
-  now: () => (Gt === void 0 && j.set(F.isProcessing || J.useManualTiming ? F.timestamp : performance.now()), Gt),
+const N = {
+  now: () => (Gt === void 0 && N.set(B.isProcessing || Q.useManualTiming ? B.timestamp : performance.now()), Gt),
   set: (t) => {
-    Gt = t, queueMicrotask(ao);
+    Gt = t, queueMicrotask(uo);
   }
-}, Ts = (t) => (e) => typeof e == "string" && e.startsWith(t), xs = /* @__PURE__ */ Ts("--"), lo = /* @__PURE__ */ Ts("var(--"), ln = (t) => lo(t) ? co.test(t.split("/*")[0].trim()) : !1, co = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+}, xs = (t) => (e) => typeof e == "string" && e.startsWith(t), Ts = /* @__PURE__ */ xs("--"), ho = /* @__PURE__ */ xs("var(--"), cn = (t) => ho(t) ? fo.test(t.split("/*")[0].trim()) : !1, fo = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
 function On(t) {
   return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
 }
@@ -223,29 +223,29 @@ const wt = {
 }, Ut = {
   ...wt,
   default: 1
-}, Ct = (t) => Math.round(t * 1e5) / 1e5, cn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function uo(t) {
+}, Ct = (t) => Math.round(t * 1e5) / 1e5, un = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function po(t) {
   return t == null;
 }
-const ho = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, un = (t, e) => (n) => !!(typeof n == "string" && ho.test(n) && n.startsWith(t) || e && !uo(n) && Object.prototype.hasOwnProperty.call(n, e)), ws = (t, e, n) => (i) => {
+const mo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, hn = (t, e) => (n) => !!(typeof n == "string" && mo.test(n) && n.startsWith(t) || e && !po(n) && Object.prototype.hasOwnProperty.call(n, e)), ws = (t, e, n) => (i) => {
   if (typeof i != "string")
     return i;
-  const [s, o, r, a] = i.match(cn);
+  const [s, o, r, a] = i.match(un);
   return {
     [t]: parseFloat(s),
     [e]: parseFloat(o),
     [n]: parseFloat(r),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, fo = (t) => q(0, 255, t), le = {
+}, go = (t) => q(0, 255, t), ce = {
   ...wt,
-  transform: (t) => Math.round(fo(t))
+  transform: (t) => Math.round(go(t))
 }, lt = {
-  test: /* @__PURE__ */ un("rgb", "red"),
+  test: /* @__PURE__ */ hn("rgb", "red"),
   parse: /* @__PURE__ */ ws("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + le.transform(t) + ", " + le.transform(e) + ", " + le.transform(n) + ", " + Ct(Lt.transform(i)) + ")"
+  transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + ce.transform(t) + ", " + ce.transform(e) + ", " + ce.transform(n) + ", " + Ct(Lt.transform(i)) + ")"
 };
-function po(t) {
+function yo(t) {
   let e = "", n = "", i = "", s = "";
   return t.length > 5 ? (e = t.substring(1, 3), n = t.substring(3, 5), i = t.substring(5, 7), s = t.substring(7, 9)) : (e = t.substring(1, 2), n = t.substring(2, 3), i = t.substring(3, 4), s = t.substring(4, 5), e += e, n += n, i += i, s += s), {
     red: parseInt(e, 16),
@@ -254,36 +254,36 @@ function po(t) {
     alpha: s ? parseInt(s, 16) / 255 : 1
   };
 }
-const Ae = {
-  test: /* @__PURE__ */ un("#"),
-  parse: po,
+const Ve = {
+  test: /* @__PURE__ */ hn("#"),
+  parse: yo,
   transform: lt.transform
 }, jt = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), Q = /* @__PURE__ */ jt("deg"), X = /* @__PURE__ */ jt("%"), x = /* @__PURE__ */ jt("px"), mo = /* @__PURE__ */ jt("vh"), go = /* @__PURE__ */ jt("vw"), jn = {
+}), tt = /* @__PURE__ */ jt("deg"), X = /* @__PURE__ */ jt("%"), w = /* @__PURE__ */ jt("px"), vo = /* @__PURE__ */ jt("vh"), xo = /* @__PURE__ */ jt("vw"), jn = {
   ...X,
   parse: (t) => X.parse(t) / 100,
   transform: (t) => X.transform(t * 100)
 }, ft = {
-  test: /* @__PURE__ */ un("hsl", "hue"),
+  test: /* @__PURE__ */ hn("hsl", "hue"),
   parse: /* @__PURE__ */ ws("hue", "saturation", "lightness"),
   transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " + X.transform(Ct(e)) + ", " + X.transform(Ct(n)) + ", " + Ct(Lt.transform(i)) + ")"
-}, R = {
-  test: (t) => lt.test(t) || Ae.test(t) || ft.test(t),
-  parse: (t) => lt.test(t) ? lt.parse(t) : ft.test(t) ? ft.parse(t) : Ae.parse(t),
+}, L = {
+  test: (t) => lt.test(t) || Ve.test(t) || ft.test(t),
+  parse: (t) => lt.test(t) ? lt.parse(t) : ft.test(t) ? ft.parse(t) : Ve.parse(t),
   transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? lt.transform(t) : ft.transform(t),
   getAnimatableNone: (t) => {
-    const e = R.parse(t);
-    return e.alpha = 0, R.transform(e);
+    const e = L.parse(t);
+    return e.alpha = 0, L.transform(e);
   }
-}, yo = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function vo(t) {
+}, To = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function wo(t) {
   var e, n;
-  return isNaN(t) && typeof t == "string" && (((e = t.match(cn)) == null ? void 0 : e.length) || 0) + (((n = t.match(yo)) == null ? void 0 : n.length) || 0) > 0;
+  return isNaN(t) && typeof t == "string" && (((e = t.match(un)) == null ? void 0 : e.length) || 0) + (((n = t.match(To)) == null ? void 0 : n.length) || 0) > 0;
 }
-const Ss = "number", bs = "color", To = "var", xo = "var(", Nn = "${}", wo = /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;
+const bs = "number", Ss = "color", bo = "var", So = "var(", Nn = "${}", Po = /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 kt(t) {
   const e = t.toString(), n = [], i = {
     color: [],
@@ -291,7 +291,7 @@ function kt(t) {
     var: []
   }, s = [];
   let o = 0;
-  const a = e.replace(wo, (l) => (R.test(l) ? (i.color.push(o), s.push(bs), n.push(R.parse(l))) : l.startsWith(xo) ? (i.var.push(o), s.push(To), n.push(l)) : (i.number.push(o), s.push(Ss), n.push(parseFloat(l))), ++o, Nn)).split(Nn);
+  const a = e.replace(Po, (l) => (L.test(l) ? (i.color.push(o), s.push(Ss), n.push(L.parse(l))) : l.startsWith(So) ? (i.var.push(o), s.push(bo), n.push(l)) : (i.number.push(o), s.push(bs), n.push(parseFloat(l))), ++o, Nn)).split(Nn);
   return { values: n, split: a, indexes: i, types: s };
 }
 function Ps(t) {
@@ -304,33 +304,33 @@ function As(t) {
     for (let r = 0; r < i; r++)
       if (o += e[r], s[r] !== void 0) {
         const a = n[r];
-        a === Ss ? o += Ct(s[r]) : a === bs ? o += R.transform(s[r]) : o += s[r];
+        a === bs ? o += Ct(s[r]) : a === Ss ? o += L.transform(s[r]) : o += s[r];
       }
     return o;
   };
 }
-const So = (t) => typeof t == "number" ? 0 : R.test(t) ? R.getAnimatableNone(t) : t;
-function bo(t) {
+const Ao = (t) => typeof t == "number" ? 0 : L.test(t) ? L.getAnimatableNone(t) : t;
+function Vo(t) {
   const e = Ps(t);
-  return As(t)(e.map(So));
+  return As(t)(e.map(Ao));
 }
 const it = {
-  test: vo,
+  test: wo,
   parse: Ps,
   createTransformer: As,
-  getAnimatableNone: bo
+  getAnimatableNone: Vo
 };
-function ce(t, e, n) {
+function ue(t, e, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
-function Po({ hue: t, saturation: e, lightness: n, alpha: i }) {
+function Do({ hue: t, saturation: e, lightness: n, alpha: i }) {
   t /= 360, e /= 100, n /= 100;
   let s = 0, o = 0, r = 0;
   if (!e)
     s = o = r = n;
   else {
     const a = n < 0.5 ? n * (1 + e) : n + e - n * e, l = 2 * n - a;
-    s = ce(l, a, t + 1 / 3), o = ce(l, a, t), r = ce(l, a, t - 1 / 3);
+    s = ue(l, a, t + 1 / 3), o = ue(l, a, t), r = ue(l, a, t - 1 / 3);
   }
   return {
     red: Math.round(s * 255),
@@ -342,52 +342,52 @@ function Po({ hue: t, saturation: e, lightness: n, alpha: i }) {
 function Yt(t, e) {
   return (n) => n > 0 ? e : t;
 }
-const E = (t, e, n) => t + (e - t) * n, ue = (t, e, n) => {
+const E = (t, e, n) => t + (e - t) * n, he = (t, e, n) => {
   const i = t * t, s = n * (e * e - i) + i;
   return s < 0 ? 0 : Math.sqrt(s);
-}, Ao = [Ae, lt, ft], Vo = (t) => Ao.find((e) => e.test(t));
+}, Co = [Ve, lt, ft], Mo = (t) => Co.find((e) => e.test(t));
 function $n(t) {
-  const e = Vo(t);
-  if (xt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !e)
+  const e = Mo(t);
+  if (Tt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !e)
     return !1;
   let n = e.parse(t);
-  return e === ft && (n = Po(n)), n;
+  return e === ft && (n = Do(n)), n;
 }
 const Un = (t, e) => {
   const n = $n(t), i = $n(e);
   if (!n || !i)
     return Yt(t, e);
   const s = { ...n };
-  return (o) => (s.red = ue(n.red, i.red, o), s.green = ue(n.green, i.green, o), s.blue = ue(n.blue, i.blue, o), s.alpha = E(n.alpha, i.alpha, o), lt.transform(s));
-}, Ve = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Do(t, e) {
-  return Ve.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
+  return (o) => (s.red = he(n.red, i.red, o), s.green = he(n.green, i.green, o), s.blue = he(n.blue, i.blue, o), s.alpha = E(n.alpha, i.alpha, o), lt.transform(s));
+}, De = /* @__PURE__ */ new Set(["none", "hidden"]);
+function Eo(t, e) {
+  return De.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
-function Co(t, e) {
+function Ro(t, e) {
   return (n) => E(t, e, n);
 }
-function hn(t) {
-  return typeof t == "number" ? Co : typeof t == "string" ? ln(t) ? Yt : R.test(t) ? Un : Ro : Array.isArray(t) ? Vs : typeof t == "object" ? R.test(t) ? Un : Mo : Yt;
+function fn(t) {
+  return typeof t == "number" ? Ro : typeof t == "string" ? cn(t) ? Yt : L.test(t) ? Un : Fo : Array.isArray(t) ? Vs : typeof t == "object" ? L.test(t) ? Un : Lo : Yt;
 }
 function Vs(t, e) {
-  const n = [...t], i = n.length, s = t.map((o, r) => hn(o)(o, e[r]));
+  const n = [...t], i = n.length, s = t.map((o, r) => fn(o)(o, e[r]));
   return (o) => {
     for (let r = 0; r < i; r++)
       n[r] = s[r](o);
     return n;
   };
 }
-function Mo(t, e) {
+function Lo(t, e) {
   const n = { ...t, ...e }, i = {};
   for (const s in n)
-    t[s] !== void 0 && e[s] !== void 0 && (i[s] = hn(t[s])(t[s], e[s]));
+    t[s] !== void 0 && e[s] !== void 0 && (i[s] = fn(t[s])(t[s], e[s]));
   return (s) => {
     for (const o in i)
       n[o] = i[o](s);
     return n;
   };
 }
-function Eo(t, e) {
+function ko(t, e) {
   const n = [], i = { color: 0, var: 0, number: 0 };
   for (let s = 0; s < e.values.length; s++) {
     const o = e.types[s], r = t.indexes[o][i[o]], a = t.values[r] ?? 0;
@@ -395,14 +395,14 @@ function Eo(t, e) {
   }
   return n;
 }
-const Ro = (t, e) => {
+const Fo = (t, e) => {
   const n = it.createTransformer(e), i = kt(t), s = kt(e);
-  return i.indexes.var.length === s.indexes.var.length && i.indexes.color.length === s.indexes.color.length && i.indexes.number.length >= s.indexes.number.length ? Ve.has(t) && !s.values.length || Ve.has(e) && !i.values.length ? Do(t, e) : It(Vs(Eo(i, s), s.values), n) : (xt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), Yt(t, e));
+  return i.indexes.var.length === s.indexes.var.length && i.indexes.color.length === s.indexes.color.length && i.indexes.number.length >= s.indexes.number.length ? De.has(t) && !s.values.length || De.has(e) && !i.values.length ? Eo(t, e) : It(Vs(ko(i, s), s.values), n) : (Tt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), Yt(t, e));
 };
 function Ds(t, e, n) {
-  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? E(t, e, n) : hn(t)(t, e);
+  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? E(t, e, n) : fn(t)(t, e);
 }
-const Lo = (t) => {
+const Bo = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: (n = !0) => C.update(e, n),
@@ -411,7 +411,7 @@ const Lo = (t) => {
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => F.isProcessing ? F.timestamp : j.now()
+    now: () => B.isProcessing ? B.timestamp : N.now()
   };
 }, Cs = (t, e, n = 10) => {
   let i = "";
@@ -420,7 +420,7 @@ const Lo = (t) => {
     i += Math.round(t(o / (s - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${i.substring(0, i.length - 2)})`;
 }, Xt = 2e4;
-function fn(t) {
+function dn(t) {
   let e = 0;
   const n = 50;
   let i = t.next(e);
@@ -428,17 +428,17 @@ function fn(t) {
     e += n, i = t.next(e);
   return e >= Xt ? 1 / 0 : e;
 }
-function ko(t, e = 100, n) {
-  const i = n({ ...t, keyframes: [0, e] }), s = Math.min(fn(i), Xt);
+function Io(t, e = 100, n) {
+  const i = n({ ...t, keyframes: [0, e] }), s = Math.min(dn(i), Xt);
   return {
     type: "keyframes",
     ease: (o) => i.next(s * o).value / e,
     duration: /* @__PURE__ */ G(s)
   };
 }
-const Fo = 5;
+const Oo = 5;
 function Ms(t, e, n) {
-  const i = Math.max(e - Fo, 0);
+  const i = Math.max(e - Oo, 0);
   return as(n - t(i), e - i);
 }
 const M = {
@@ -469,25 +469,25 @@ const M = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, he = 1e-3;
-function Bo({ duration: t = M.duration, bounce: e = M.bounce, velocity: n = M.velocity, mass: i = M.mass }) {
+}, fe = 1e-3;
+function jo({ duration: t = M.duration, bounce: e = M.bounce, velocity: n = M.velocity, mass: i = M.mass }) {
   let s, o;
-  xt(t <= /* @__PURE__ */ Y(M.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  Tt(t <= /* @__PURE__ */ Y(M.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let r = 1 - e;
   r = q(M.minDamping, M.maxDamping, r), t = q(M.minDuration, M.maxDuration, /* @__PURE__ */ G(t)), r < 1 ? (s = (c) => {
-    const u = c * r, h = u * t, f = u - n, d = De(c, r), p = Math.exp(-h);
-    return he - f / d * p;
+    const u = c * r, h = u * t, f = u - n, d = Ce(c, r), p = Math.exp(-h);
+    return fe - f / d * p;
   }, o = (c) => {
-    const h = c * r * t, f = h * n + n, d = Math.pow(r, 2) * Math.pow(c, 2) * t, p = Math.exp(-h), m = De(Math.pow(c, 2), r);
-    return (-s(c) + he > 0 ? -1 : 1) * ((f - d) * p) / m;
+    const h = c * r * t, f = h * n + n, d = Math.pow(r, 2) * Math.pow(c, 2) * t, p = Math.exp(-h), m = Ce(Math.pow(c, 2), r);
+    return (-s(c) + fe > 0 ? -1 : 1) * ((f - d) * p) / m;
   }) : (s = (c) => {
     const u = Math.exp(-c * t), h = (c - n) * t + 1;
-    return -he + u * h;
+    return -fe + u * h;
   }, o = (c) => {
     const u = Math.exp(-c * t), h = (n - c) * (t * t);
     return u * h;
   });
-  const a = 5 / t, l = Oo(s, o, a);
+  const a = 5 / t, l = $o(s, o, a);
   if (t = /* @__PURE__ */ Y(t), isNaN(l))
     return {
       stiffness: M.stiffness,
@@ -503,21 +503,21 @@ function Bo({ duration: t = M.duration, bounce: e = M.bounce, velocity: n = M.ve
     };
   }
 }
-const Io = 12;
-function Oo(t, e, n) {
+const No = 12;
+function $o(t, e, n) {
   let i = n;
-  for (let s = 1; s < Io; s++)
+  for (let s = 1; s < No; s++)
     i = i - t(i) / e(i);
   return i;
 }
-function De(t, e) {
+function Ce(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const jo = ["duration", "bounce"], No = ["stiffness", "damping", "mass"];
+const Uo = ["duration", "bounce"], Wo = ["stiffness", "damping", "mass"];
 function Wn(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function $o(t) {
+function Ko(t) {
   let e = {
     velocity: M.velocity,
     stiffness: M.stiffness,
@@ -526,7 +526,7 @@ function $o(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Wn(t, No) && Wn(t, jo))
+  if (!Wn(t, Wo) && Wn(t, Uo))
     if (t.visualDuration) {
       const n = t.visualDuration, i = 2 * Math.PI / (n * 1.2), s = i * i, o = 2 * q(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(s);
       e = {
@@ -536,7 +536,7 @@ function $o(t) {
         damping: o
       };
     } else {
-      const n = Bo(t);
+      const n = jo(t);
       e = {
         ...e,
         ...n,
@@ -552,44 +552,44 @@ function qt(t = M.visualDuration, e = M.bounce) {
     bounce: e
   } : t;
   let { restSpeed: i, restDelta: s } = n;
-  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: c, mass: u, duration: h, velocity: f, isResolvedFromDuration: d } = $o({
+  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: c, mass: u, duration: h, velocity: f, isResolvedFromDuration: d } = Ko({
     ...n,
     velocity: -/* @__PURE__ */ G(n.velocity || 0)
-  }), p = f || 0, m = c / (2 * Math.sqrt(l * u)), y = r - o, g = /* @__PURE__ */ G(Math.sqrt(l / u)), T = Math.abs(y) < 5;
-  i || (i = T ? M.restSpeed.granular : M.restSpeed.default), s || (s = T ? M.restDelta.granular : M.restDelta.default);
+  }), p = f || 0, m = c / (2 * Math.sqrt(l * u)), g = r - o, y = /* @__PURE__ */ G(Math.sqrt(l / u)), x = Math.abs(g) < 5;
+  i || (i = x ? M.restSpeed.granular : M.restSpeed.default), s || (s = x ? M.restDelta.granular : M.restDelta.default);
   let v;
   if (m < 1) {
-    const w = De(g, m);
+    const b = Ce(y, m);
     v = (V) => {
-      const D = Math.exp(-m * g * V);
-      return r - D * ((p + m * g * y) / w * Math.sin(w * V) + y * Math.cos(w * V));
+      const D = Math.exp(-m * y * V);
+      return r - D * ((p + m * y * g) / b * Math.sin(b * V) + g * Math.cos(b * V));
     };
   } else if (m === 1)
-    v = (w) => r - Math.exp(-g * w) * (y + (p + g * y) * w);
+    v = (b) => r - Math.exp(-y * b) * (g + (p + y * g) * b);
   else {
-    const w = g * Math.sqrt(m * m - 1);
+    const b = y * Math.sqrt(m * m - 1);
     v = (V) => {
-      const D = Math.exp(-m * g * V), b = Math.min(w * V, 300);
-      return r - D * ((p + m * g * y) * Math.sinh(b) + w * y * Math.cosh(b)) / w;
+      const D = Math.exp(-m * y * V), P = Math.min(b * V, 300);
+      return r - D * ((p + m * y * g) * Math.sinh(P) + b * g * Math.cosh(P)) / b;
     };
   }
   const S = {
     calculatedDuration: d && h || null,
-    next: (w) => {
-      const V = v(w);
+    next: (b) => {
+      const V = v(b);
       if (d)
-        a.done = w >= h;
+        a.done = b >= h;
       else {
-        let D = w === 0 ? p : 0;
-        m < 1 && (D = w === 0 ? /* @__PURE__ */ Y(p) : Ms(v, w, V));
-        const b = Math.abs(D) <= i, A = Math.abs(r - V) <= s;
-        a.done = b && A;
+        let D = b === 0 ? p : 0;
+        m < 1 && (D = b === 0 ? /* @__PURE__ */ Y(p) : Ms(v, b, V));
+        const P = Math.abs(D) <= i, A = Math.abs(r - V) <= s;
+        a.done = P && A;
       }
       return a.value = a.done ? r : V, a;
     },
     toString: () => {
-      const w = Math.min(fn(S), Xt), V = Cs((D) => S.next(w * D).value, w, 30);
-      return w + "ms " + V;
+      const b = Math.min(dn(S), Xt), V = Cs((D) => S.next(b * D).value, b, 30);
+      return b + "ms " + V;
     },
     toTransition: () => {
     }
@@ -597,26 +597,26 @@ function qt(t = M.visualDuration, e = M.bounce) {
   return S;
 }
 qt.applyToOptions = (t) => {
-  const e = ko(t, 100, qt);
+  const e = Io(t, 100, qt);
   return t.ease = e.ease, t.duration = /* @__PURE__ */ Y(e.duration), t.type = "keyframes", t;
 };
-function Ce({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 325, bounceDamping: s = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
+function Me({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 325, bounceDamping: s = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
   const h = t[0], f = {
     done: !1,
     value: h
-  }, d = (b) => a !== void 0 && b < a || l !== void 0 && b > l, p = (b) => a === void 0 ? l : l === void 0 || Math.abs(a - b) < Math.abs(l - b) ? a : l;
+  }, d = (P) => a !== void 0 && P < a || l !== void 0 && P > l, p = (P) => a === void 0 ? l : l === void 0 || Math.abs(a - P) < Math.abs(l - P) ? a : l;
   let m = n * e;
-  const y = h + m, g = r === void 0 ? y : r(y);
-  g !== y && (m = g - h);
-  const T = (b) => -m * Math.exp(-b / i), v = (b) => g + T(b), S = (b) => {
-    const A = T(b), P = v(b);
-    f.done = Math.abs(A) <= c, f.value = f.done ? g : P;
+  const g = h + m, y = r === void 0 ? g : r(g);
+  y !== g && (m = y - h);
+  const x = (P) => -m * Math.exp(-P / i), v = (P) => y + x(P), S = (P) => {
+    const A = x(P), T = v(P);
+    f.done = Math.abs(A) <= c, f.value = f.done ? y : T;
   };
-  let w, V;
-  const D = (b) => {
-    d(f.value) && (w = b, V = qt({
+  let b, V;
+  const D = (P) => {
+    d(f.value) && (b = P, V = qt({
       keyframes: [f.value, p(f.value)],
-      velocity: Ms(v, b, f.value),
+      velocity: Ms(v, P, f.value),
       // TODO: This should be passing * 1000
       damping: s,
       stiffness: o,
@@ -626,14 +626,14 @@ function Ce({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
   };
   return D(0), {
     calculatedDuration: null,
-    next: (b) => {
+    next: (P) => {
       let A = !1;
-      return !V && w === void 0 && (A = !0, S(b), D(b)), w !== void 0 && b >= w ? V.next(b - w) : (!A && S(b), f);
+      return !V && b === void 0 && (A = !0, S(P), D(P)), b !== void 0 && P >= b ? V.next(P - b) : (!A && S(P), f);
     }
   };
 }
-function Uo(t, e, n) {
-  const i = [], s = n || J.mix || Ds, o = t.length - 1;
+function Go(t, e, n) {
+  const i = [], s = n || Q.mix || Ds, o = t.length - 1;
   for (let r = 0; r < o; r++) {
     let a = s(t[r], t[r + 1]);
     if (e) {
@@ -644,15 +644,15 @@ function Uo(t, e, n) {
   }
   return i;
 }
-function Wo(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
+function _o(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
   const o = t.length;
-  if (Z(o === e.length, "Both input and output ranges must be the same length", "range-length"), o === 1)
+  if (J(o === e.length, "Both input and output ranges must be the same length", "range-length"), o === 1)
     return () => e[0];
   if (o === 2 && e[0] === e[1])
     return () => e[1];
   const r = t[0] === t[1];
   t[0] > t[o - 1] && (t = [...t].reverse(), e = [...e].reverse());
-  const a = Uo(e, i, s), l = a.length, c = (u) => {
+  const a = Go(e, i, s), l = a.length, c = (u) => {
     if (r && u < t[0])
       return e[0];
     let h = 0;
@@ -664,56 +664,56 @@ function Wo(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
   };
   return n ? (u) => c(q(t[0], t[o - 1], u)) : c;
 }
-function Ko(t, e) {
+function zo(t, e) {
   const n = t[t.length - 1];
   for (let i = 1; i <= e; i++) {
     const s = /* @__PURE__ */ Rt(0, e, i);
     t.push(E(n, 1, s));
   }
 }
-function Go(t) {
+function Ho(t) {
   const e = [0];
-  return Ko(e, t.length - 1), e;
+  return zo(e, t.length - 1), e;
 }
-function _o(t, e) {
+function Yo(t, e) {
   return t.map((n) => n * e);
 }
-function zo(t, e) {
+function Xo(t, e) {
   return t.map(() => e || gs).splice(0, t.length - 1);
 }
 function dt({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }) {
-  const s = io(i) ? i.map(In) : In(i), o = {
+  const s = oo(i) ? i.map(In) : In(i), o = {
     done: !1,
     value: e[0]
-  }, r = _o(
+  }, r = Yo(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === e.length ? n : Go(e),
+    n && n.length === e.length ? n : Ho(e),
     t
-  ), a = Wo(r, e, {
-    ease: Array.isArray(s) ? s : zo(e, s)
+  ), a = _o(r, e, {
+    ease: Array.isArray(s) ? s : Xo(e, s)
   });
   return {
     calculatedDuration: t,
     next: (l) => (o.value = a(l), o.done = l >= t, o)
   };
 }
-const Ho = (t) => t !== null;
-function dn(t, { repeat: e, repeatType: n = "loop" }, i, s = 1) {
-  const o = t.filter(Ho), a = s < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
+const qo = (t) => t !== null;
+function pn(t, { repeat: e, repeatType: n = "loop" }, i, s = 1) {
+  const o = t.filter(qo), a = s < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
   return !a || i === void 0 ? o[a] : i;
 }
-const Yo = {
-  decay: Ce,
-  inertia: Ce,
+const Zo = {
+  decay: Me,
+  inertia: Me,
   tween: dt,
   keyframes: dt,
   spring: qt
 };
 function Es(t) {
-  typeof t.type == "string" && (t.type = Yo[t.type]);
+  typeof t.type == "string" && (t.type = Zo[t.type]);
 }
-class pn {
+class mn {
   constructor() {
     this.updateFinished();
   }
@@ -737,13 +737,13 @@ class pn {
     return this.finished.then(e, n);
   }
 }
-const Xo = (t) => t / 100;
-class mn extends pn {
+const Jo = (t) => t / 100;
+class gn extends mn {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       var i, s;
       const { motionValue: n } = this.options;
-      n && n.updatedAt !== j.now() && this.tick(j.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (s = (i = this.options).onStop) == null || s.call(i));
+      n && n.updatedAt !== N.now() && this.tick(N.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (s = (i = this.options).onStop) == null || s.call(i));
     }, this.options = e, this.initAnimation(), this.play(), e.autoplay === !1 && this.pause();
   }
   initAnimation() {
@@ -752,13 +752,13 @@ class mn extends pn {
     const { type: n = dt, repeat: i = 0, repeatDelay: s = 0, repeatType: o, velocity: r = 0 } = e;
     let { keyframes: a } = e;
     const l = n || dt;
-    process.env.NODE_ENV !== "production" && l !== dt && Z(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== dt && typeof a[0] != "number" && (this.mixKeyframes = It(Xo, Ds(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== dt && J(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== dt && typeof a[0] != "number" && (this.mixKeyframes = It(Jo, Ds(a[0], a[1])), a = [0, 100]);
     const c = l({ ...e, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = l({
       ...e,
       keyframes: [...a].reverse(),
       velocity: -r
-    })), c.calculatedDuration === null && (c.calculatedDuration = fn(c));
+    })), c.calculatedDuration === null && (c.calculatedDuration = dn(c));
     const { calculatedDuration: u } = c;
     this.calculatedDuration = u, this.resolvedDuration = u + s, this.totalDuration = this.resolvedDuration * (i + 1) - s, this.generator = c;
   }
@@ -770,22 +770,22 @@ class mn extends pn {
     const { generator: i, totalDuration: s, mixKeyframes: o, mirroredGenerator: r, resolvedDuration: a, calculatedDuration: l } = this;
     if (this.startTime === null)
       return i.next(0);
-    const { delay: c = 0, keyframes: u, repeat: h, repeatType: f, repeatDelay: d, type: p, onUpdate: m, finalKeyframe: y } = this.options;
+    const { delay: c = 0, keyframes: u, repeat: h, repeatType: f, repeatDelay: d, type: p, onUpdate: m, finalKeyframe: g } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - s / this.speed, this.startTime)), n ? this.currentTime = e : this.updateTime(e);
-    const g = this.currentTime - c * (this.playbackSpeed >= 0 ? 1 : -1), T = this.playbackSpeed >= 0 ? g < 0 : g > s;
-    this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = s);
+    const y = this.currentTime - c * (this.playbackSpeed >= 0 ? 1 : -1), x = this.playbackSpeed >= 0 ? y < 0 : y > s;
+    this.currentTime = Math.max(y, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = s);
     let v = this.currentTime, S = i;
     if (h) {
-      const b = Math.min(this.currentTime, s) / a;
-      let A = Math.floor(b), P = b % 1;
-      !P && b >= 1 && (P = 1), P === 1 && A--, A = Math.min(A, h + 1), !!(A % 2) && (f === "reverse" ? (P = 1 - P, d && (P -= d / a)) : f === "mirror" && (S = r)), v = q(0, 1, P) * a;
+      const P = Math.min(this.currentTime, s) / a;
+      let A = Math.floor(P), T = P % 1;
+      !T && P >= 1 && (T = 1), T === 1 && A--, A = Math.min(A, h + 1), !!(A % 2) && (f === "reverse" ? (T = 1 - T, d && (T -= d / a)) : f === "mirror" && (S = r)), v = q(0, 1, T) * a;
     }
-    const w = T ? { done: !1, value: u[0] } : S.next(v);
-    o && (w.value = o(w.value));
-    let { done: V } = w;
-    !T && l !== null && (V = this.playbackSpeed >= 0 ? this.currentTime >= s : this.currentTime <= 0);
+    const b = x ? { done: !1, value: u[0] } : S.next(v);
+    o && (b.value = o(b.value));
+    let { done: V } = b;
+    !x && l !== null && (V = this.playbackSpeed >= 0 ? this.currentTime >= s : this.currentTime <= 0);
     const D = this.holdTime === null && (this.state === "finished" || this.state === "running" && V);
-    return D && p !== Ce && (w.value = dn(u, this.options, y, this.speed)), m && m(w.value), D && this.finish(), w;
+    return D && p !== Me && (b.value = pn(u, this.options, g, this.speed)), m && m(b.value), D && this.finish(), b;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -813,7 +813,7 @@ class mn extends pn {
     return this.playbackSpeed;
   }
   set speed(e) {
-    this.updateTime(j.now());
+    this.updateTime(N.now());
     const n = this.playbackSpeed !== e;
     this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ G(this.currentTime));
   }
@@ -821,13 +821,13 @@ class mn extends pn {
     var s, o;
     if (this.isStopped)
       return;
-    const { driver: e = Lo, startTime: n } = this.options;
+    const { driver: e = Bo, startTime: n } = this.options;
     this.driver || (this.driver = e((r) => this.tick(r))), (o = (s = this.options).onPlay) == null || o.call(s);
     const i = this.driver.now();
     this.state === "finished" ? (this.updateFinished(), this.startTime = i) : this.holdTime !== null ? this.startTime = i - this.holdTime : this.startTime || (this.startTime = n ?? i), 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(j.now()), this.holdTime = this.currentTime;
+    this.state = "paused", this.updateTime(N.now()), this.holdTime = this.currentTime;
   }
   complete() {
     this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
@@ -854,14 +854,14 @@ class mn extends pn {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (n = this.driver) == null || n.stop(), e.observe(this);
   }
 }
-function qo(t) {
+function Qo(t) {
   for (let e = 1; e < t.length; e++)
     t[e] ?? (t[e] = t[e - 1]);
 }
-const ct = (t) => t * 180 / Math.PI, Me = (t) => {
+const ct = (t) => t * 180 / Math.PI, Ee = (t) => {
   const e = ct(Math.atan2(t[1], t[0]));
-  return Ee(e);
-}, Zo = {
+  return Re(e);
+}, ta = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -869,12 +869,12 @@ const ct = (t) => t * 180 / Math.PI, Me = (t) => {
   scaleX: 0,
   scaleY: 3,
   scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
-  rotate: Me,
-  rotateZ: Me,
+  rotate: Ee,
+  rotateZ: Ee,
   skewX: (t) => ct(Math.atan(t[1])),
   skewY: (t) => ct(Math.atan(t[2])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, Ee = (t) => (t = t % 360, t < 0 && (t += 360), t), Kn = Me, Gn = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), _n = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Jo = {
+}, Re = (t) => (t = t % 360, t < 0 && (t += 360), t), Kn = Ee, Gn = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), _n = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), ea = {
   x: 12,
   y: 13,
   z: 14,
@@ -884,41 +884,41 @@ const ct = (t) => t * 180 / Math.PI, Me = (t) => {
   scaleX: Gn,
   scaleY: _n,
   scale: (t) => (Gn(t) + _n(t)) / 2,
-  rotateX: (t) => Ee(ct(Math.atan2(t[6], t[5]))),
-  rotateY: (t) => Ee(ct(Math.atan2(-t[2], t[0]))),
+  rotateX: (t) => Re(ct(Math.atan2(t[6], t[5]))),
+  rotateY: (t) => Re(ct(Math.atan2(-t[2], t[0]))),
   rotateZ: Kn,
   rotate: Kn,
   skewX: (t) => ct(Math.atan(t[4])),
   skewY: (t) => ct(Math.atan(t[1])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
 };
-function Re(t) {
+function Le(t) {
   return t.includes("scale") ? 1 : 0;
 }
-function Le(t, e) {
+function ke(t, e) {
   if (!t || t === "none")
-    return Re(e);
+    return Le(e);
   const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let i, s;
   if (n)
-    i = Jo, s = n;
+    i = ea, s = n;
   else {
     const a = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    i = Zo, s = a;
+    i = ta, s = a;
   }
   if (!s)
-    return Re(e);
-  const o = i[e], r = s[1].split(",").map(ta);
+    return Le(e);
+  const o = i[e], r = s[1].split(",").map(ia);
   return typeof o == "function" ? o(r) : r[o];
 }
-const Qo = (t, e) => {
+const na = (t, e) => {
   const { transform: n = "none" } = getComputedStyle(t);
-  return Le(n, e);
+  return ke(n, e);
 };
-function ta(t) {
+function ia(t) {
   return parseFloat(t.trim());
 }
-const St = [
+const bt = [
   "transformPerspective",
   "x",
   "y",
@@ -936,15 +936,15 @@ const St = [
   "skew",
   "skewX",
   "skewY"
-], bt = new Set(St), zn = (t) => t === wt || t === x, ea = /* @__PURE__ */ new Set(["x", "y", "z"]), na = St.filter((t) => !ea.has(t));
-function ia(t) {
+], St = new Set(bt), zn = (t) => t === wt || t === w, sa = /* @__PURE__ */ new Set(["x", "y", "z"]), ra = bt.filter((t) => !sa.has(t));
+function oa(t) {
   const e = [];
-  return na.forEach((n) => {
+  return ra.forEach((n) => {
     const i = t.getValue(n);
     i !== void 0 && (e.push([n, i.get()]), i.set(n.startsWith("scale") ? 1 : 0));
   }), e;
 }
-const tt = {
+const et = {
   // Dimensions
   width: ({ x: t }, { paddingLeft: e = "0", paddingRight: n = "0" }) => t.max - t.min - parseFloat(e) - parseFloat(n),
   height: ({ y: t }, { paddingTop: e = "0", paddingBottom: n = "0" }) => t.max - t.min - parseFloat(e) - parseFloat(n),
@@ -953,18 +953,18 @@ const tt = {
   bottom: ({ y: t }, { top: e }) => parseFloat(e) + (t.max - t.min),
   right: ({ x: t }, { left: e }) => parseFloat(e) + (t.max - t.min),
   // Transform
-  x: (t, { transform: e }) => Le(e, "x"),
-  y: (t, { transform: e }) => Le(e, "y")
+  x: (t, { transform: e }) => ke(e, "x"),
+  y: (t, { transform: e }) => ke(e, "y")
 };
-tt.translateX = tt.x;
-tt.translateY = tt.y;
+et.translateX = et.x;
+et.translateY = et.y;
 const ut = /* @__PURE__ */ new Set();
-let ke = !1, Fe = !1, Be = !1;
+let Fe = !1, Be = !1, Ie = !1;
 function Rs() {
-  if (Fe) {
+  if (Be) {
     const t = Array.from(ut).filter((i) => i.needsMeasurement), e = new Set(t.map((i) => i.element)), n = /* @__PURE__ */ new Map();
     e.forEach((i) => {
-      const s = ia(i);
+      const s = oa(i);
       s.length && (n.set(i, s), i.render());
     }), t.forEach((i) => i.measureInitialState()), e.forEach((i) => {
       i.render();
@@ -977,22 +977,22 @@ function Rs() {
       i.suspendedScrollY !== void 0 && window.scrollTo(0, i.suspendedScrollY);
     });
   }
-  Fe = !1, ke = !1, ut.forEach((t) => t.complete(Be)), ut.clear();
+  Be = !1, Fe = !1, ut.forEach((t) => t.complete(Ie)), ut.clear();
 }
 function Ls() {
   ut.forEach((t) => {
-    t.readKeyframes(), t.needsMeasurement && (Fe = !0);
+    t.readKeyframes(), t.needsMeasurement && (Be = !0);
   });
 }
-function sa() {
-  Be = !0, Ls(), Rs(), Be = !1;
+function aa() {
+  Ie = !0, Ls(), Rs(), Ie = !1;
 }
-class gn {
+class yn {
   constructor(e, n, i, s, o, r = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = i, this.motionValue = s, this.element = o, this.isAsync = r;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (ut.add(this), ke || (ke = !0, C.read(Ls), C.resolveKeyframes(Rs))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (ut.add(this), Fe || (Fe = !0, C.read(Ls), C.resolveKeyframes(Rs))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: i, motionValue: s } = this;
@@ -1006,7 +1006,7 @@ class gn {
       }
       e[0] === void 0 && (e[0] = r), s && o === void 0 && s.set(e[0]);
     }
-    qo(e);
+    Qo(e);
   }
   setFinalKeyframe() {
   }
@@ -1026,16 +1026,16 @@ class gn {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const ra = (t) => t.startsWith("--");
-function oa(t, e, n) {
-  ra(e) ? t.style.setProperty(e, n) : t.style[e] = n;
+const la = (t) => t.startsWith("--");
+function ca(t, e, n) {
+  la(e) ? t.style.setProperty(e, n) : t.style[e] = n;
 }
-const aa = /* @__PURE__ */ nn(() => window.ScrollTimeline !== void 0), la = {};
-function ca(t, e) {
-  const n = /* @__PURE__ */ nn(t);
-  return () => la[e] ?? n();
+const ua = /* @__PURE__ */ sn(() => window.ScrollTimeline !== void 0), ha = {};
+function fa(t, e) {
+  const n = /* @__PURE__ */ sn(t);
+  return () => ha[e] ?? n();
 }
-const ks = /* @__PURE__ */ ca(() => {
+const ks = /* @__PURE__ */ fa(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -1057,7 +1057,7 @@ function Fs(t, e) {
   if (t)
     return typeof t == "function" ? ks() ? Cs(t, e) : "ease-out" : ys(t) ? Vt(t) : Array.isArray(t) ? t.map((n) => Fs(n, e) || Hn.easeOut) : Hn[t];
 }
-function ua(t, e, n, { delay: i = 0, duration: s = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, c = void 0) {
+function da(t, e, n, { delay: i = 0, duration: s = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, c = void 0) {
   const u = {
     [e]: n
   };
@@ -1077,20 +1077,20 @@ function ua(t, e, n, { delay: i = 0, duration: s = 300, repeat: o = 0, repeatTyp
 function Bs(t) {
   return typeof t == "function" && "applyToOptions" in t;
 }
-function ha({ type: t, ...e }) {
+function pa({ type: t, ...e }) {
   return Bs(t) && ks() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
-class fa extends pn {
+class ma extends mn {
   constructor(e) {
     if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !e)
       return;
     const { element: n, name: i, keyframes: s, pseudoElement: o, allowFlatten: r = !1, finalKeyframe: a, onComplete: l } = e;
-    this.isPseudoElement = !!o, this.allowFlatten = r, this.options = e, Z(typeof e.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const c = ha(e);
-    this.animation = ua(n, i, s, c, o), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    this.isPseudoElement = !!o, this.allowFlatten = r, this.options = e, J(typeof e.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
+    const c = pa(e);
+    this.animation = da(n, i, s, c, o), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !o) {
-        const u = dn(s, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(u) : oa(n, i, u), this.animation.cancel();
+        const u = pn(s, this.options, a, this.speed);
+        this.updateMotionValue ? this.updateMotionValue(u) : ca(n, i, u), this.animation.cancel();
       }
       l == null || l(), this.notifyFinished();
     };
@@ -1174,7 +1174,7 @@ class fa extends pn {
    */
   attachTimeline({ timeline: e, observe: n }) {
     var i;
-    return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && aa() ? (this.animation.timeline = e, _) : n(this);
+    return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && ua() ? (this.animation.timeline = e, _) : n(this);
   }
 }
 const Is = {
@@ -1182,16 +1182,16 @@ const Is = {
   backInOut: fs,
   circInOut: ms
 };
-function da(t) {
+function ga(t) {
   return t in Is;
 }
-function pa(t) {
-  typeof t.ease == "string" && da(t.ease) && (t.ease = Is[t.ease]);
+function ya(t) {
+  typeof t.ease == "string" && ga(t.ease) && (t.ease = Is[t.ease]);
 }
-const fe = 10;
-class ma extends fa {
+const de = 10;
+class va extends ma {
   constructor(e) {
-    pa(e), Es(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
+    ya(e), Es(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1209,17 +1209,17 @@ class ma extends fa {
       n.set(e);
       return;
     }
-    const a = new mn({
+    const a = new gn({
       ...r,
       autoplay: !1
-    }), l = Math.max(fe, j.now() - this.startTime), c = q(0, fe, l - fe);
+    }), l = Math.max(de, N.now() - this.startTime), c = q(0, de, l - de);
     n.setWithVelocity(a.sample(Math.max(0, l - c)).value, a.sample(l).value, c), a.stop();
   }
 }
 const Yn = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
 (it.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
-function ga(t) {
+function xa(t) {
   const e = t[0];
   if (t.length === 1)
     return !0;
@@ -1227,46 +1227,46 @@ function ga(t) {
     if (t[n] !== e)
       return !0;
 }
-function ya(t, e, n, i) {
+function Ta(t, e, n, i) {
   const s = t[0];
   if (s === null)
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
   const o = t[t.length - 1], r = Yn(s, e), a = Yn(o, e);
-  return xt(r === a, `You are trying to animate ${e} from "${s}" to "${o}". "${r ? o : s}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : ga(t) || (n === "spring" || Bs(n)) && i;
+  return Tt(r === a, `You are trying to animate ${e} from "${s}" to "${o}". "${r ? o : s}" is not an animatable value.`, "value-not-animatable"), !r || !a ? !1 : xa(t) || (n === "spring" || Bs(n)) && i;
 }
-function Ie(t) {
+function Oe(t) {
   t.duration = 0, t.type = "keyframes";
 }
-const va = /* @__PURE__ */ new Set([
+const wa = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), Ta = /* @__PURE__ */ nn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function xa(t) {
+]), ba = /* @__PURE__ */ sn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function Sa(t) {
   var u;
   const { motionValue: e, name: n, repeatDelay: i, repeatType: s, damping: o, type: r } = t;
   if (!(((u = e == null ? void 0 : e.owner) == null ? void 0 : u.current) instanceof HTMLElement))
     return !1;
   const { onUpdate: l, transformTemplate: c } = e.owner.getProps();
-  return Ta() && n && va.has(n) && (n !== "transform" || !c) && /**
+  return ba() && n && wa.has(n) && (n !== "transform" || !c) && /**
    * If we're outputting values to onUpdate then we can't use WAAPI as there's
    * no way to read the value from WAAPI every frame.
    */
   !l && !i && s !== "mirror" && o !== 0 && r !== "inertia";
 }
-const wa = 40;
-class Sa extends pn {
+const Pa = 40;
+class Aa extends mn {
   constructor({ autoplay: e = !0, delay: n = 0, type: i = "keyframes", repeat: s = 0, repeatDelay: o = 0, repeatType: r = "loop", keyframes: a, name: l, motionValue: c, element: u, ...h }) {
     var p;
     super(), this.stop = () => {
-      var m, y;
-      this._animation && (this._animation.stop(), (m = this.stopTimeline) == null || m.call(this)), (y = this.keyframeResolver) == null || y.cancel();
-    }, this.createdAt = j.now();
+      var m, g;
+      this._animation && (this._animation.stop(), (m = this.stopTimeline) == null || m.call(this)), (g = this.keyframeResolver) == null || g.cancel();
+    }, this.createdAt = N.now();
     const f = {
       autoplay: e,
       delay: n,
@@ -1278,23 +1278,23 @@ class Sa extends pn {
       motionValue: c,
       element: u,
       ...h
-    }, d = (u == null ? void 0 : u.KeyframeResolver) || gn;
-    this.keyframeResolver = new d(a, (m, y, g) => this.onKeyframesResolved(m, y, f, !g), l, c, u), (p = this.keyframeResolver) == null || p.scheduleResolve();
+    }, d = (u == null ? void 0 : u.KeyframeResolver) || yn;
+    this.keyframeResolver = new d(a, (m, g, y) => this.onKeyframesResolved(m, g, f, !y), l, c, u), (p = this.keyframeResolver) == null || p.scheduleResolve();
   }
   onKeyframesResolved(e, n, i, s) {
-    var y, g;
+    var g, y;
     this.keyframeResolver = void 0;
     const { name: o, type: r, velocity: a, delay: l, isHandoff: c, onUpdate: u } = i;
-    this.resolvedAt = j.now(), ya(e, o, r, a) || ((J.instantAnimations || !l) && (u == null || u(dn(e, i, n))), e[0] = e[e.length - 1], Ie(i), i.repeat = 0);
+    this.resolvedAt = N.now(), Ta(e, o, r, a) || ((Q.instantAnimations || !l) && (u == null || u(pn(e, i, n))), e[0] = e[e.length - 1], Oe(i), i.repeat = 0);
     const f = {
-      startTime: s ? this.resolvedAt ? this.resolvedAt - this.createdAt > wa ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      startTime: s ? this.resolvedAt ? this.resolvedAt - this.createdAt > Pa ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...i,
       keyframes: e
-    }, d = !c && xa(f), p = (g = (y = f.motionValue) == null ? void 0 : y.owner) == null ? void 0 : g.current, m = d ? new ma({
+    }, d = !c && Sa(f), p = (y = (g = f.motionValue) == null ? void 0 : g.owner) == null ? void 0 : y.current, m = d ? new va({
       ...f,
       element: p
-    }) : new mn(f);
+    }) : new gn(f);
     m.finished.then(() => {
       this.notifyFinished();
     }).catch(_), this.pendingTimeline && (this.stopTimeline = m.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = m;
@@ -1308,7 +1308,7 @@ class Sa extends pn {
   }
   get animation() {
     var e;
-    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), sa()), this._animation;
+    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), aa()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1355,21 +1355,21 @@ function Os(t, e, n, i = 0, s = 1) {
   const o = Array.from(t).sort((c, u) => c.sortNodePosition(u)).indexOf(e), r = t.size, a = (r - 1) * i;
   return typeof n == "function" ? n(o, r) : s === 1 ? o * i : a - o * i;
 }
-const ba = (
+const Va = (
   // 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 Pa(t) {
-  const e = ba.exec(t);
+function Da(t) {
+  const e = Va.exec(t);
   if (!e)
     return [,];
   const [, n, i, s] = e;
   return [`--${n ?? i}`, s];
 }
-const Aa = 4;
+const Ca = 4;
 function js(t, e, n = 1) {
-  Z(n <= Aa, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [i, s] = Pa(t);
+  J(n <= Ca, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [i, s] = Da(t);
   if (!i)
     return;
   const o = window.getComputedStyle(e).getPropertyValue(i);
@@ -1377,38 +1377,38 @@ function js(t, e, n = 1) {
     const r = o.trim();
     return ss(r) ? parseFloat(r) : r;
   }
-  return ln(s) ? js(s, e, n + 1) : s;
+  return cn(s) ? js(s, e, n + 1) : s;
 }
-const Va = {
+const Ma = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Da = (t) => ({
+}, Ea = (t) => ({
   type: "spring",
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Ca = {
+}), Ra = {
   type: "keyframes",
   duration: 0.8
-}, Ma = {
+}, La = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Ea = (t, { keyframes: e }) => e.length > 2 ? Ca : bt.has(t) ? t.startsWith("scale") ? Da(e[1]) : Va : Ma, Ra = (t) => t !== null;
-function La(t, { repeat: e, repeatType: n = "loop" }, i) {
-  const s = t.filter(Ra), o = e && n !== "loop" && e % 2 === 1 ? 0 : s.length - 1;
+}, ka = (t, { keyframes: e }) => e.length > 2 ? Ra : St.has(t) ? t.startsWith("scale") ? Ea(e[1]) : Ma : La, Fa = (t) => t !== null;
+function Ba(t, { repeat: e, repeatType: n = "loop" }, i) {
+  const s = t.filter(Fa), o = e && n !== "loop" && e % 2 === 1 ? 0 : s.length - 1;
   return s[o];
 }
-function yn(t, e) {
+function vn(t, e) {
   return (t == null ? void 0 : t[e]) ?? (t == null ? void 0 : t.default) ?? t;
 }
-function ka({ when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: s, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: c, ...u }) {
+function Ia({ when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: s, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: c, ...u }) {
   return !!Object.keys(u).length;
 }
-const vn = (t, e, n, i = {}, s, o) => (r) => {
-  const a = yn(i, t) || {}, l = a.delay || i.delay || 0;
+const xn = (t, e, n, i = {}, s, o) => (r) => {
+  const a = vn(i, t) || {}, l = a.delay || i.delay || 0;
   let { elapsed: c = 0 } = i;
   c = c - /* @__PURE__ */ Y(l);
   const u = {
@@ -1427,10 +1427,10 @@ const vn = (t, e, n, i = {}, s, o) => (r) => {
     motionValue: e,
     element: o ? void 0 : s
   };
-  ka(a) || Object.assign(u, Ea(t, u)), u.duration && (u.duration = /* @__PURE__ */ Y(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ Y(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  Ia(a) || Object.assign(u, ka(t, u)), u.duration && (u.duration = /* @__PURE__ */ Y(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ Y(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let h = !1;
-  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (Ie(u), u.delay === 0 && (h = !0)), (J.instantAnimations || J.skipAnimations || s != null && s.shouldSkipAnimations) && (h = !0, Ie(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
-    const f = La(u.keyframes, a);
+  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (Oe(u), u.delay === 0 && (h = !0)), (Q.instantAnimations || Q.skipAnimations || s != null && s.shouldSkipAnimations) && (h = !0, Oe(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
+    const f = Ba(u.keyframes, a);
     if (f !== void 0) {
       C.update(() => {
         u.onUpdate(f), u.onComplete();
@@ -1438,7 +1438,7 @@ const vn = (t, e, n, i = {}, s, o) => (r) => {
       return;
     }
   }
-  return a.isSync ? new mn(u) : new Sa(u);
+  return a.isSync ? new gn(u) : new Aa(u);
 };
 function Xn(t) {
   const e = [{}, {}];
@@ -1468,9 +1468,9 @@ const Ns = /* @__PURE__ */ new Set([
   "left",
   "right",
   "bottom",
-  ...St
-]), qn = 30, Fa = (t) => !isNaN(parseFloat(t));
-class Ba {
+  ...bt
+]), qn = 30, Oa = (t) => !isNaN(parseFloat(t));
+class ja {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -1480,14 +1480,14 @@ class Ba {
   constructor(e, n = {}) {
     this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (i) => {
       var o;
-      const s = j.now();
+      const s = N.now();
       if (this.updatedAt !== s && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(i), this.current !== this.prev && ((o = this.events.change) == null || o.notify(this.current), this.dependents))
         for (const r of this.dependents)
           r.dirty();
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = j.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = Fa(this.current));
+    this.current = e, this.updatedAt = N.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = Oa(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -1533,10 +1533,10 @@ class Ba {
    * @deprecated
    */
   onChange(e) {
-    return process.env.NODE_ENV !== "production" && rn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
+    return process.env.NODE_ENV !== "production" && on(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
   }
   on(e, n) {
-    this.events[e] || (this.events[e] = new sn());
+    this.events[e] || (this.events[e] = new rn());
     const i = this.events[e].add(n);
     return e === "change" ? () => {
       i(), C.read(() => {
@@ -1616,7 +1616,7 @@ class Ba {
    * @public
    */
   getVelocity() {
-    const e = j.now();
+    const e = N.now();
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > qn)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, qn);
@@ -1673,45 +1673,45 @@ class Ba {
   }
 }
 function vt(t, e) {
-  return new Ba(t, e);
+  return new ja(t, e);
 }
-const Oe = (t) => Array.isArray(t);
-function Ia(t, e, n) {
+const je = (t) => Array.isArray(t);
+function Na(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, vt(n));
 }
-function Oa(t) {
-  return Oe(t) ? t[t.length - 1] || 0 : t;
+function $a(t) {
+  return je(t) ? t[t.length - 1] || 0 : t;
 }
-function ja(t, e) {
+function Ua(t, e) {
   const n = yt(t, e);
   let { transitionEnd: i = {}, transition: s = {}, ...o } = n || {};
   o = { ...o, ...i };
   for (const r in o) {
-    const a = Oa(o[r]);
-    Ia(t, r, a);
+    const a = $a(o[r]);
+    Na(t, r, a);
   }
 }
-const O = (t) => !!(t && t.getVelocity);
-function Na(t) {
-  return !!(O(t) && t.add);
+const j = (t) => !!(t && t.getVelocity);
+function Wa(t) {
+  return !!(j(t) && t.add);
 }
-function je(t, e) {
+function Ne(t, e) {
   const n = t.getValue("willChange");
-  if (Na(n))
+  if (Wa(n))
     return n.add(e);
-  if (!n && J.WillChange) {
-    const i = new J.WillChange("auto");
+  if (!n && Q.WillChange) {
+    const i = new Q.WillChange("auto");
     t.addValue("willChange", i), i.add(e);
   }
 }
-function xn(t) {
+function wn(t) {
   return t.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
 }
-const $a = "framerAppearId", $s = "data-" + xn($a);
+const Ka = "framerAppearId", $s = "data-" + wn(Ka);
 function Us(t) {
   return t.props[$s];
 }
-function Ua({ protectedKeys: t, needsAnimating: e }, n) {
+function Ga({ protectedKeys: t, needsAnimating: e }, n) {
   const i = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, i;
 }
@@ -1722,42 +1722,42 @@ function Ws(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
   const c = [], u = s && t.animationState && t.animationState.getState()[s];
   for (const h in a) {
     const f = t.getValue(h, t.latestValues[h] ?? null), d = a[h];
-    if (d === void 0 || u && Ua(u, h))
+    if (d === void 0 || u && Ga(u, h))
       continue;
     const p = {
       delay: n,
-      ...yn(o || {}, h)
+      ...vn(o || {}, h)
     }, m = f.get();
     if (m !== void 0 && !f.isAnimating && !Array.isArray(d) && d === m && !p.velocity)
       continue;
-    let y = !1;
+    let g = !1;
     if (window.MotionHandoffAnimation) {
       const v = Us(t);
       if (v) {
         const S = window.MotionHandoffAnimation(v, h, C);
-        S !== null && (p.startTime = S, y = !0);
+        S !== null && (p.startTime = S, g = !0);
       }
     }
-    je(t, h);
-    const g = l ?? t.shouldReduceMotion;
-    f.start(vn(h, f, d, g && Ns.has(h) ? { type: !1 } : p, t, y));
-    const T = f.animation;
-    T && c.push(T);
+    Ne(t, h);
+    const y = l ?? t.shouldReduceMotion;
+    f.start(xn(h, f, d, y && Ns.has(h) ? { type: !1 } : p, t, g));
+    const x = f.animation;
+    x && c.push(x);
   }
   return r && Promise.all(c).then(() => {
     C.update(() => {
-      r && ja(t, r);
+      r && Ua(t, r);
     });
   }), c;
 }
-function Ne(t, e, n = {}) {
+function $e(t, e, n = {}) {
   var l;
   const i = yt(t, e, n.type === "exit" ? (l = t.presenceContext) == null ? void 0 : l.custom : void 0);
   let { transition: s = t.getDefaultTransition() || {} } = i || {};
   n.transitionOverride && (s = n.transitionOverride);
   const o = i ? () => Promise.all(Ws(t, i, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (c = 0) => {
     const { delayChildren: u = 0, staggerChildren: h, staggerDirection: f } = s;
-    return Wa(t, e, c, u, h, f, n);
+    return _a(t, e, c, u, h, f, n);
   } : () => Promise.resolve(), { when: a } = s;
   if (a) {
     const [c, u] = a === "beforeChildren" ? [o, r] : [r, o];
@@ -1765,23 +1765,23 @@ function Ne(t, e, n = {}) {
   } else
     return Promise.all([o(), r(n.delay)]);
 }
-function Wa(t, e, n = 0, i = 0, s = 0, o = 1, r) {
+function _a(t, e, n = 0, i = 0, s = 0, o = 1, r) {
   const a = [];
   for (const l of t.variantChildren)
-    l.notify("AnimationStart", e), a.push(Ne(l, e, {
+    l.notify("AnimationStart", e), a.push($e(l, e, {
       ...r,
       delay: n + (typeof i == "function" ? 0 : i) + Os(t.variantChildren, l, i, s, o)
     }).then(() => l.notify("AnimationComplete", e)));
   return Promise.all(a);
 }
-function Ka(t, e, n = {}) {
+function za(t, e, n = {}) {
   t.notify("AnimationStart", e);
   let i;
   if (Array.isArray(e)) {
-    const s = e.map((o) => Ne(t, o, n));
+    const s = e.map((o) => $e(t, o, n));
     i = Promise.all(s);
   } else if (typeof e == "string")
-    i = Ne(t, e, n);
+    i = $e(t, e, n);
   else {
     const s = typeof e == "function" ? yt(t, e, n.custom) : e;
     i = Promise.all(Ws(t, s, n));
@@ -1790,154 +1790,154 @@ function Ka(t, e, n = {}) {
     t.notify("AnimationComplete", e);
   });
 }
-const Ga = {
+const Ha = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, Ks = (t) => (e) => e.test(t), Gs = [wt, x, X, Q, go, mo, Ga], Zn = (t) => Gs.find(Ks(t));
-function _a(t) {
+}, Ks = (t) => (e) => e.test(t), Gs = [wt, w, X, tt, xo, vo, Ha], Zn = (t) => Gs.find(Ks(t));
+function Ya(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || os(t) : !0;
 }
-const za = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function Ha(t) {
+const Xa = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function qa(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
-  const [i] = n.match(cn) || [];
+  const [i] = n.match(un) || [];
   if (!i)
     return t;
   const s = n.replace(i, "");
-  let o = za.has(e) ? 1 : 0;
+  let o = Xa.has(e) ? 1 : 0;
   return i !== n && (o *= 100), e + "(" + o + s + ")";
 }
-const Ya = /\b([a-z-]*)\(.*?\)/gu, $e = {
+const Za = /\b([a-z-]*)\(.*?\)/gu, Ue = {
   ...it,
   getAnimatableNone: (t) => {
-    const e = t.match(Ya);
-    return e ? e.map(Ha).join(" ") : t;
+    const e = t.match(Za);
+    return e ? e.map(qa).join(" ") : t;
   }
 }, Jn = {
   ...wt,
   transform: Math.round
-}, Xa = {
-  rotate: Q,
-  rotateX: Q,
-  rotateY: Q,
-  rotateZ: Q,
+}, Ja = {
+  rotate: tt,
+  rotateX: tt,
+  rotateY: tt,
+  rotateZ: tt,
   scale: Ut,
   scaleX: Ut,
   scaleY: Ut,
   scaleZ: Ut,
-  skew: Q,
-  skewX: Q,
-  skewY: Q,
-  distance: x,
-  translateX: x,
-  translateY: x,
-  translateZ: x,
-  x,
-  y: x,
-  z: x,
-  perspective: x,
-  transformPerspective: x,
+  skew: tt,
+  skewX: tt,
+  skewY: tt,
+  distance: w,
+  translateX: w,
+  translateY: w,
+  translateZ: w,
+  x: w,
+  y: w,
+  z: w,
+  perspective: w,
+  transformPerspective: w,
   opacity: Lt,
   originX: jn,
   originY: jn,
-  originZ: x
-}, wn = {
+  originZ: w
+}, bn = {
   // Border props
-  borderWidth: x,
-  borderTopWidth: x,
-  borderRightWidth: x,
-  borderBottomWidth: x,
-  borderLeftWidth: x,
-  borderRadius: x,
-  borderTopLeftRadius: x,
-  borderTopRightRadius: x,
-  borderBottomRightRadius: x,
-  borderBottomLeftRadius: x,
+  borderWidth: w,
+  borderTopWidth: w,
+  borderRightWidth: w,
+  borderBottomWidth: w,
+  borderLeftWidth: w,
+  borderRadius: w,
+  borderTopLeftRadius: w,
+  borderTopRightRadius: w,
+  borderBottomRightRadius: w,
+  borderBottomLeftRadius: w,
   // Positioning props
-  width: x,
-  maxWidth: x,
-  height: x,
-  maxHeight: x,
-  top: x,
-  right: x,
-  bottom: x,
-  left: x,
-  inset: x,
-  insetBlock: x,
-  insetBlockStart: x,
-  insetBlockEnd: x,
-  insetInline: x,
-  insetInlineStart: x,
-  insetInlineEnd: x,
+  width: w,
+  maxWidth: w,
+  height: w,
+  maxHeight: w,
+  top: w,
+  right: w,
+  bottom: w,
+  left: w,
+  inset: w,
+  insetBlock: w,
+  insetBlockStart: w,
+  insetBlockEnd: w,
+  insetInline: w,
+  insetInlineStart: w,
+  insetInlineEnd: w,
   // Spacing props
-  padding: x,
-  paddingTop: x,
-  paddingRight: x,
-  paddingBottom: x,
-  paddingLeft: x,
-  paddingBlock: x,
-  paddingBlockStart: x,
-  paddingBlockEnd: x,
-  paddingInline: x,
-  paddingInlineStart: x,
-  paddingInlineEnd: x,
-  margin: x,
-  marginTop: x,
-  marginRight: x,
-  marginBottom: x,
-  marginLeft: x,
-  marginBlock: x,
-  marginBlockStart: x,
-  marginBlockEnd: x,
-  marginInline: x,
-  marginInlineStart: x,
-  marginInlineEnd: x,
+  padding: w,
+  paddingTop: w,
+  paddingRight: w,
+  paddingBottom: w,
+  paddingLeft: w,
+  paddingBlock: w,
+  paddingBlockStart: w,
+  paddingBlockEnd: w,
+  paddingInline: w,
+  paddingInlineStart: w,
+  paddingInlineEnd: w,
+  margin: w,
+  marginTop: w,
+  marginRight: w,
+  marginBottom: w,
+  marginLeft: w,
+  marginBlock: w,
+  marginBlockStart: w,
+  marginBlockEnd: w,
+  marginInline: w,
+  marginInlineStart: w,
+  marginInlineEnd: w,
   // Typography
-  fontSize: x,
+  fontSize: w,
   // Misc
-  backgroundPositionX: x,
-  backgroundPositionY: x,
-  ...Xa,
+  backgroundPositionX: w,
+  backgroundPositionY: w,
+  ...Ja,
   zIndex: Jn,
   // SVG
   fillOpacity: Lt,
   strokeOpacity: Lt,
   numOctaves: Jn
-}, qa = {
-  ...wn,
+}, Qa = {
+  ...bn,
   // Color props
-  color: R,
-  backgroundColor: R,
-  outlineColor: R,
-  fill: R,
-  stroke: R,
+  color: L,
+  backgroundColor: L,
+  outlineColor: L,
+  fill: L,
+  stroke: L,
   // Border props
-  borderColor: R,
-  borderTopColor: R,
-  borderRightColor: R,
-  borderBottomColor: R,
-  borderLeftColor: R,
-  filter: $e,
-  WebkitFilter: $e
-}, _s = (t) => qa[t];
+  borderColor: L,
+  borderTopColor: L,
+  borderRightColor: L,
+  borderBottomColor: L,
+  borderLeftColor: L,
+  filter: Ue,
+  WebkitFilter: Ue
+}, _s = (t) => Qa[t];
 function zs(t, e) {
   let n = _s(t);
-  return n !== $e && (n = it), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
+  return n !== Ue && (n = it), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
-const Za = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function Ja(t, e, n) {
+const tl = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function el(t, e, n) {
   let i = 0, s;
   for (; i < t.length && !s; ) {
     const o = t[i];
-    typeof o == "string" && !Za.has(o) && kt(o).values.length && (s = t[i]), i++;
+    typeof o == "string" && !tl.has(o) && kt(o).values.length && (s = t[i]), i++;
   }
   if (s && n)
     for (const o of e)
       t[o] = zs(n, s);
 }
-class Qa extends gn {
+class nl extends yn {
   constructor(e, n, i, s, o) {
     super(e, n, i, s, o, !0);
   }
@@ -1948,7 +1948,7 @@ class Qa extends gn {
     super.readKeyframes();
     for (let u = 0; u < e.length; u++) {
       let h = e[u];
-      if (typeof h == "string" && (h = h.trim(), ln(h))) {
+      if (typeof h == "string" && (h = h.trim(), cn(h))) {
         const f = js(h, n.current);
         f !== void 0 && (e[u] = f), u === e.length - 1 && (this.finalKeyframe = h);
       }
@@ -1956,7 +1956,7 @@ class Qa extends gn {
     if (this.resolveNoneKeyframes(), !Ns.has(i) || e.length !== 2)
       return;
     const [s, o] = e, r = Zn(s), a = Zn(o), l = On(s), c = On(o);
-    if (l !== c && tt[i]) {
+    if (l !== c && et[i]) {
       this.needsMeasurement = !0;
       return;
     }
@@ -1966,19 +1966,19 @@ class Qa extends gn {
           const h = e[u];
           typeof h == "string" && (e[u] = parseFloat(h));
         }
-      else tt[i] && (this.needsMeasurement = !0);
+      else et[i] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: n } = this, i = [];
     for (let s = 0; s < e.length; s++)
-      (e[s] === null || _a(e[s])) && i.push(s);
-    i.length && Ja(e, i, n);
+      (e[s] === null || Ya(e[s])) && i.push(s);
+    i.length && el(e, i, n);
   }
   measureInitialState() {
     const { element: e, unresolvedKeyframes: n, name: i } = this;
     if (!e || !e.current)
       return;
-    i === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = tt[i](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
+    i === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = et[i](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
     const s = n[n.length - 1];
     s !== void 0 && e.getValue(i, s).jump(s, !1);
   }
@@ -1990,12 +1990,12 @@ class Qa extends gn {
     const s = e.getValue(n);
     s && s.jump(this.measuredOrigin, !1);
     const o = i.length - 1, r = i[o];
-    i[o] = tt[n](e.measureViewportBox(), window.getComputedStyle(e.current)), r !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = r), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([l, c]) => {
+    i[o] = et[n](e.measureViewportBox(), window.getComputedStyle(e.current)), r !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = r), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([l, c]) => {
       e.getValue(l).set(c);
     }), this.resolveNoneKeyframes();
   }
 }
-function tl(t, e, n) {
+function il(t, e, n) {
   if (t == null)
     return [];
   if (t instanceof EventTarget)
@@ -2008,7 +2008,7 @@ function tl(t, e, n) {
   return Array.from(t).filter((i) => i != null);
 }
 const Hs = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
-function Ue(t) {
+function We(t) {
   return rs(t) && "offsetHeight" in t;
 }
 const { schedule: Sn } = /* @__PURE__ */ vs(queueMicrotask, !1), H = {
@@ -2018,7 +2018,7 @@ const { schedule: Sn } = /* @__PURE__ */ vs(queueMicrotask, !1), H = {
 function Ys() {
   return H.x || H.y;
 }
-function el(t) {
+function sl(t) {
   return t === "x" || t === "y" ? H[t] ? null : (H[t] = !0, () => {
     H[t] = !1;
   }) : H.x || H.y ? null : (H.x = H.y = !0, () => {
@@ -2026,7 +2026,7 @@ function el(t) {
   });
 }
 function Xs(t, e) {
-  const n = tl(t), i = new AbortController(), s = {
+  const n = il(t), i = new AbortController(), s = {
     passive: !0,
     ...e,
     signal: i.signal
@@ -2036,7 +2036,7 @@ function Xs(t, e) {
 function Qn(t) {
   return !(t.pointerType === "touch" || Ys());
 }
-function nl(t, e, n = {}) {
+function rl(t, e, n = {}) {
   const [i, s, o] = Xs(t, n), r = (a) => {
     if (!Qn(a))
       return;
@@ -2052,7 +2052,7 @@ function nl(t, e, n = {}) {
     a.addEventListener("pointerenter", r, s);
   }), o;
 }
-const qs = (t, e) => e ? t === e ? !0 : qs(t, e.parentElement) : !1, bn = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, il = /* @__PURE__ */ new Set([
+const qs = (t, e) => e ? t === e ? !0 : qs(t, e.parentElement) : !1, Pn = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, ol = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
@@ -2060,7 +2060,7 @@ const qs = (t, e) => e ? t === e ? !0 : qs(t, e.parentElement) : !1, bn = (t) =>
   "A"
 ]);
 function Zs(t) {
-  return il.has(t.tagName) || t.isContentEditable === !0;
+  return ol.has(t.tagName) || t.isContentEditable === !0;
 }
 const _t = /* @__PURE__ */ new WeakSet();
 function ti(t) {
@@ -2068,28 +2068,28 @@ function ti(t) {
     e.key === "Enter" && t(e);
   };
 }
-function de(t, e) {
+function pe(t, e) {
   t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
-const sl = (t, e) => {
+const al = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
   const i = ti(() => {
     if (_t.has(n))
       return;
-    de(n, "down");
+    pe(n, "down");
     const s = ti(() => {
-      de(n, "up");
-    }), o = () => de(n, "cancel");
+      pe(n, "up");
+    }), o = () => pe(n, "cancel");
     n.addEventListener("keyup", s, e), n.addEventListener("blur", o, e);
   });
   n.addEventListener("keydown", i, e), n.addEventListener("blur", () => n.removeEventListener("keydown", i), e);
 };
 function ei(t) {
-  return bn(t) && !Ys();
+  return Pn(t) && !Ys();
 }
-function rl(t, e, n = {}) {
+function ll(t, e, n = {}) {
   const [i, s, o] = Xs(t, n), r = (a) => {
     const l = a.currentTarget;
     if (!ei(a))
@@ -2105,16 +2105,16 @@ function rl(t, e, n = {}) {
     window.addEventListener("pointerup", h, s), window.addEventListener("pointercancel", f, s);
   };
   return i.forEach((a) => {
-    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, s), Ue(a) && (a.addEventListener("focus", (c) => sl(c, s)), !Zs(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, s), We(a) && (a.addEventListener("focus", (c) => al(c, s)), !Zs(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
 function Js(t) {
   return rs(t) && "ownerSVGElement" in t;
 }
-function ol(t) {
+function cl(t) {
   return Js(t) && t.tagName === "svg";
 }
-const al = [...Gs, R, it], ll = (t) => al.find(Ks(t)), ni = () => ({
+const ul = [...Gs, L, it], hl = (t) => ul.find(Ks(t)), ni = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
@@ -2122,26 +2122,26 @@ const al = [...Gs, R, it], ll = (t) => al.find(Ks(t)), ni = () => ({
 }), pt = () => ({
   x: ni(),
   y: ni()
-}), ii = () => ({ min: 0, max: 0 }), L = () => ({
+}), ii = () => ({ min: 0, max: 0 }), k = () => ({
   x: ii(),
   y: ii()
-}), We = { current: null }, Qs = { current: !1 }, cl = typeof window < "u";
-function ul() {
-  if (Qs.current = !0, !!cl)
+}), Ke = { current: null }, Qs = { current: !1 }, fl = typeof window < "u";
+function dl() {
+  if (Qs.current = !0, !!fl)
     if (window.matchMedia) {
-      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => We.current = t.matches;
+      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => Ke.current = t.matches;
       t.addEventListener("change", e), e();
     } else
-      We.current = !1;
+      Ke.current = !1;
 }
-const hl = /* @__PURE__ */ new WeakMap();
-function ie(t) {
+const pl = /* @__PURE__ */ new WeakMap();
+function se(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
 function Ft(t) {
   return typeof t == "string" || Array.isArray(t);
 }
-const Pn = [
+const An = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2149,19 +2149,19 @@ const Pn = [
   "whileTap",
   "whileDrag",
   "exit"
-], An = ["initial", ...Pn];
-function se(t) {
-  return ie(t.animate) || An.some((e) => Ft(t[e]));
+], Vn = ["initial", ...An];
+function re(t) {
+  return se(t.animate) || Vn.some((e) => Ft(t[e]));
 }
 function tr(t) {
-  return !!(se(t) || t.variants);
+  return !!(re(t) || t.variants);
 }
-function fl(t, e, n) {
+function ml(t, e, n) {
   for (const i in e) {
     const s = e[i], o = n[i];
-    if (O(s))
+    if (j(s))
       t.addValue(i, s);
-    else if (O(o))
+    else if (j(o))
       t.addValue(i, vt(s, { owner: t }));
     else if (o !== s)
       if (t.hasValue(i)) {
@@ -2189,10 +2189,10 @@ let Zt = {};
 function er(t) {
   Zt = t;
 }
-function dl() {
+function gl() {
   return Zt;
 }
-class pl {
+class yl {
   /**
    * 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.
@@ -2204,23 +2204,23 @@ class pl {
     return {};
   }
   constructor({ parent: e, props: n, presenceContext: i, reducedMotionConfig: s, skipAnimations: o, blockInitialAnimation: r, visualState: a }, l = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.shouldSkipAnimations = !1, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = gn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.shouldSkipAnimations = !1, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = yn, 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 = j.now();
+      const d = N.now();
       this.renderScheduledAt < d && (this.renderScheduledAt = d, C.render(this.render, !1, !0));
     };
     const { latestValues: c, renderState: u } = a;
-    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = s, this.skipAnimationsConfig = o, this.options = l, this.blockInitialAnimation = !!r, this.isControllingVariants = se(n), this.isVariantNode = tr(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = s, this.skipAnimationsConfig = o, this.options = l, this.blockInitialAnimation = !!r, this.isControllingVariants = re(n), this.isVariantNode = tr(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const { willChange: h, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const d in f) {
       const p = f[d];
-      c[d] !== void 0 && O(p) && p.set(c[d]);
+      c[d] !== void 0 && j(p) && p.set(c[d]);
     }
   }
   mount(e) {
     var n;
-    this.current = e, hl.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((i, s) => this.bindToMotionValue(s, i)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (Qs.current || ul(), this.shouldReduceMotion = We.current), process.env.NODE_ENV !== "production" && rn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext);
+    this.current = e, pl.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((i, s) => this.bindToMotionValue(s, i)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (Qs.current || dl(), this.shouldReduceMotion = Ke.current), process.env.NODE_ENV !== "production" && on(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     var e;
@@ -2241,7 +2241,7 @@ class pl {
   }
   bindToMotionValue(e, n) {
     this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)();
-    const i = bt.has(e);
+    const i = St.has(e);
     i && this.onBindTransform && this.onBindTransform();
     const s = n.on("change", (r) => {
       this.latestValues[e] = r, this.props.onUpdate && C.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
@@ -2276,7 +2276,7 @@ class pl {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : L();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : k();
   }
   getStaticValue(e) {
     return this.latestValues[e];
@@ -2296,7 +2296,7 @@ class pl {
       const o = "on" + s, r = e[o];
       r && (this.propEventSubscriptions[s] = this.on(s, r));
     }
-    this.prevMotionValues = fl(this, this.scrapeMotionValuesFromProps(e, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = ml(this, this.scrapeMotionValuesFromProps(e, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2361,7 +2361,7 @@ class pl {
    */
   readValue(e, n) {
     let i = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return i != null && (typeof i == "string" && (ss(i) || os(i)) ? i = parseFloat(i) : !ll(i) && it.test(n) && (i = zs(e, n)), this.setBaseTarget(e, O(i) ? i.get() : i)), O(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (ss(i) || os(i)) ? i = parseFloat(i) : !hl(i) && it.test(n) && (i = zs(e, n)), this.setBaseTarget(e, j(i) ? i.get() : i)), j(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2385,10 +2385,10 @@ class pl {
     if (n && i !== void 0)
       return i;
     const s = this.getBaseTargetFromProps(this.props, e);
-    return s !== void 0 && !O(s) ? s : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
+    return s !== void 0 && !j(s) ? s : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
   }
   on(e, n) {
-    return this.events[e] || (this.events[e] = new sn()), this.events[e].add(n);
+    return this.events[e] || (this.events[e] = new rn()), this.events[e].add(n);
   }
   notify(e, ...n) {
     this.events[e] && this.events[e].notify(...n);
@@ -2397,9 +2397,9 @@ class pl {
     Sn.render(this.render);
   }
 }
-class nr extends pl {
+class nr extends yl {
   constructor() {
-    super(...arguments), this.KeyframeResolver = Qa;
+    super(...arguments), this.KeyframeResolver = nl;
   }
   sortInstanceNodePosition(e, n) {
     return e.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -2414,7 +2414,7 @@ class nr extends pl {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: e } = this.props;
-    O(e) && (this.childSubscription = e.on("change", (n) => {
+    j(e) && (this.childSubscription = e.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
@@ -2432,10 +2432,10 @@ function ir({ top: t, left: e, right: n, bottom: i }) {
     y: { min: t, max: i }
   };
 }
-function ml({ x: t, y: e }) {
+function vl({ x: t, y: e }) {
   return { top: e.min, right: t.max, bottom: e.max, left: t.min };
 }
-function gl(t, e) {
+function xl(t, e) {
   if (!e)
     return t;
   const n = e({ x: t.left, y: t.top }), i = e({ x: t.right, y: t.bottom });
@@ -2446,14 +2446,14 @@ function gl(t, e) {
     right: i.x
   };
 }
-function pe(t) {
+function me(t) {
   return t === void 0 || t === 1;
 }
-function Ke({ scale: t, scaleX: e, scaleY: n }) {
-  return !pe(t) || !pe(e) || !pe(n);
+function Ge({ scale: t, scaleX: e, scaleY: n }) {
+  return !me(t) || !me(e) || !me(n);
 }
 function at(t) {
-  return Ke(t) || sr(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
+  return Ge(t) || sr(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
 }
 function sr(t) {
   return ri(t.x) || ri(t.y);
@@ -2468,14 +2468,14 @@ function Jt(t, e, n) {
 function oi(t, e, n, i, s) {
   return s !== void 0 && (t = Jt(t, s, i)), Jt(t, n, i) + e;
 }
-function Ge(t, e = 0, n = 1, i, s) {
+function _e(t, e = 0, n = 1, i, s) {
   t.min = oi(t.min, e, n, i, s), t.max = oi(t.max, e, n, i, s);
 }
 function rr(t, { x: e, y: n }) {
-  Ge(t.x, e.translate, e.scale, e.originPoint), Ge(t.y, n.translate, n.scale, n.originPoint);
+  _e(t.x, e.translate, e.scale, e.originPoint), _e(t.y, n.translate, n.scale, n.originPoint);
 }
 const ai = 0.999999999999, li = 1.0000000000001;
-function yl(t, e, n, i = !1) {
+function Tl(t, e, n, i = !1) {
   const s = n.length;
   if (!s)
     return;
@@ -2496,28 +2496,28 @@ function mt(t, e) {
 }
 function ci(t, e, n, i, s = 0.5) {
   const o = E(t.min, t.max, s);
-  Ge(t, e, n, o, i);
+  _e(t, e, n, o, i);
 }
 function gt(t, e) {
   ci(t.x, e.x, e.scaleX, e.scale, e.originX), ci(t.y, e.y, e.scaleY, e.scale, e.originY);
 }
 function or(t, e) {
-  return ir(gl(t.getBoundingClientRect(), e));
+  return ir(xl(t.getBoundingClientRect(), e));
 }
-function vl(t, e, n) {
+function wl(t, e, n) {
   const i = or(t, n), { scroll: s } = e;
   return s && (mt(i.x, s.offset.x), mt(i.y, s.offset.y)), i;
 }
-const Tl = {
+const bl = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, xl = St.length;
-function wl(t, e, n) {
+}, Sl = bt.length;
+function Pl(t, e, n) {
   let i = "", s = !0;
-  for (let o = 0; o < xl; o++) {
-    const r = St[o], a = t[r];
+  for (let o = 0; o < Sl; o++) {
+    const r = bt[o], a = t[r];
     if (a === void 0)
       continue;
     let l = !0;
@@ -2528,10 +2528,10 @@ function wl(t, e, n) {
       l = r.startsWith("scale") ? c === 1 : c === 0;
     }
     if (!l || n) {
-      const c = Hs(a, wn[r]);
+      const c = Hs(a, bn[r]);
       if (!l) {
         s = !1;
-        const u = Tl[r] || r;
+        const u = bl[r] || r;
         i += `${u}(${c}) `;
       }
       n && (e[r] = c);
@@ -2539,23 +2539,23 @@ function wl(t, e, n) {
   }
   return i = i.trim(), n ? i = n(e, s ? "" : i) : s && (i = "none"), i;
 }
-function Vn(t, e, n) {
+function Dn(t, e, n) {
   const { style: i, vars: s, transformOrigin: o } = t;
   let r = !1, a = !1;
   for (const l in e) {
     const c = e[l];
-    if (bt.has(l)) {
+    if (St.has(l)) {
       r = !0;
       continue;
-    } else if (xs(l)) {
+    } else if (Ts(l)) {
       s[l] = c;
       continue;
     } else {
-      const u = Hs(c, wn[l]);
+      const u = Hs(c, bn[l]);
       l.startsWith("origin") ? (a = !0, o[l] = u) : i[l] = u;
     }
   }
-  if (e.transform || (r || n ? i.transform = wl(e, t.transform, n) : i.transform && (i.transform = "none")), a) {
+  if (e.transform || (r || n ? i.transform = Pl(e, t.transform, n) : i.transform && (i.transform = "none")), a) {
     const { originX: l = "50%", originY: c = "50%", originZ: u = 0 } = o;
     i.transformOrigin = `${l} ${c} ${u}`;
   }
@@ -2577,14 +2577,14 @@ const At = {
     if (!e.target)
       return t;
     if (typeof t == "string")
-      if (x.test(t))
+      if (w.test(t))
         t = parseFloat(t);
       else
         return t;
     const n = ui(t, e.target.x), i = ui(t, e.target.y);
     return `${n}% ${i}%`;
   }
-}, Sl = {
+}, Al = {
   correct: (t, { treeScale: e, projectionDelta: n }) => {
     const i = t, s = it.parse(t);
     if (s.length > 5)
@@ -2594,7 +2594,7 @@ const At = {
     const c = E(a, l, 0.5);
     return typeof s[2 + r] == "number" && (s[2 + r] /= c), typeof s[3 + r] == "number" && (s[3 + r] /= c), o(s);
   }
-}, _e = {
+}, ze = {
   borderRadius: {
     ...At,
     applyTo: [
@@ -2608,33 +2608,33 @@ const At = {
   borderTopRightRadius: At,
   borderBottomLeftRadius: At,
   borderBottomRightRadius: At,
-  boxShadow: Sl
+  boxShadow: Al
 };
 function lr(t, { layout: e, layoutId: n }) {
-  return bt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!_e[t] || t === "opacity");
+  return St.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!ze[t] || t === "opacity");
 }
-function Dn(t, e, n) {
+function Cn(t, e, n) {
   var r;
   const i = t.style, s = e == null ? void 0 : e.style, o = {};
   if (!i)
     return o;
   for (const a in i)
-    (O(i[a]) || s && O(s[a]) || lr(a, t) || ((r = n == null ? void 0 : n.getValue(a)) == null ? void 0 : r.liveStyle) !== void 0) && (o[a] = i[a]);
+    (j(i[a]) || s && j(s[a]) || lr(a, t) || ((r = n == null ? void 0 : n.getValue(a)) == null ? void 0 : r.liveStyle) !== void 0) && (o[a] = i[a]);
   return o;
 }
-function bl(t) {
+function Vl(t) {
   return window.getComputedStyle(t);
 }
-class Pl extends nr {
+class Dl extends nr {
   constructor() {
     super(...arguments), this.type = "html", this.renderInstance = ar;
   }
   readValueFromInstance(e, n) {
     var i;
-    if (bt.has(n))
-      return (i = this.projection) != null && i.isProjecting ? Re(n) : Qo(e, n);
+    if (St.has(n))
+      return (i = this.projection) != null && i.isProjecting ? Le(n) : na(e, n);
     {
-      const s = bl(e), o = (xs(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Vl(e), o = (Ts(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof o == "string" ? o.trim() : o;
     }
   }
@@ -2642,25 +2642,25 @@ class Pl extends nr {
     return or(e, n);
   }
   build(e, n, i) {
-    Vn(e, n, i.transformTemplate);
+    Dn(e, n, i.transformTemplate);
   }
   scrapeMotionValuesFromProps(e, n, i) {
-    return Dn(e, n, i);
+    return Cn(e, n, i);
   }
 }
-const Al = {
+const Cl = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Vl = {
+}, Ml = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Dl(t, e, n = 1, i = 0, s = !0) {
+function El(t, e, n = 1, i = 0, s = !0) {
   t.pathLength = 1;
-  const o = s ? Al : Vl;
+  const o = s ? Cl : Ml;
   t[o.offset] = `${-i}`, t[o.array] = `${e} ${n}`;
 }
-const Cl = [
+const Rl = [
   "offsetDistance",
   "offsetPath",
   "offsetRotate",
@@ -2676,16 +2676,16 @@ function cr(t, {
   // This is object creation, which we try to avoid per-frame.
   ...a
 }, l, c, u) {
-  if (Vn(t, a, c), l) {
+  if (Dn(t, a, c), l) {
     t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
     return;
   }
   t.attrs = t.style, t.style = {};
   const { attrs: h, style: f } = t;
   h.transform && (f.transform = h.transform, delete h.transform), (f.transform || h.transformOrigin) && (f.transformOrigin = h.transformOrigin ?? "50% 50%", delete h.transformOrigin), f.transform && (f.transformBox = (u == null ? void 0 : u.transformBox) ?? "fill-box", delete h.transformBox);
-  for (const d of Cl)
+  for (const d of Rl)
     h[d] !== void 0 && (f[d] = h[d], delete h[d]);
-  e !== void 0 && (h.x = e), n !== void 0 && (h.y = n), i !== void 0 && (h.scale = i), s !== void 0 && Dl(h, s, o, r, !1);
+  e !== void 0 && (h.x = e), n !== void 0 && (h.y = n), i !== void 0 && (h.scale = i), s !== void 0 && El(h, s, o, r, !1);
 }
 const ur = /* @__PURE__ */ new Set([
   "baseFrequency",
@@ -2712,33 +2712,33 @@ const ur = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]), hr = (t) => typeof t == "string" && t.toLowerCase() === "svg";
-function Ml(t, e, n, i) {
+function Ll(t, e, n, i) {
   ar(t, e, void 0, i);
   for (const s in e.attrs)
-    t.setAttribute(ur.has(s) ? s : xn(s), e.attrs[s]);
+    t.setAttribute(ur.has(s) ? s : wn(s), e.attrs[s]);
 }
 function fr(t, e, n) {
-  const i = Dn(t, e, n);
+  const i = Cn(t, e, n);
   for (const s in t)
-    if (O(t[s]) || O(e[s])) {
-      const o = St.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
+    if (j(t[s]) || j(e[s])) {
+      const o = bt.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
       i[o] = t[s];
     }
   return i;
 }
-class El extends nr {
+class kl extends nr {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = L;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = k;
   }
   getBaseTargetFromProps(e, n) {
     return e[n];
   }
   readValueFromInstance(e, n) {
-    if (bt.has(n)) {
+    if (St.has(n)) {
       const i = _s(n);
       return i && i.default || 0;
     }
-    return n = ur.has(n) ? n : xn(n), e.getAttribute(n);
+    return n = ur.has(n) ? n : wn(n), e.getAttribute(n);
   }
   scrapeMotionValuesFromProps(e, n, i) {
     return fr(e, n, i);
@@ -2747,13 +2747,13 @@ class El extends nr {
     cr(e, n, this.isSVGTag, i.transformTemplate, i.style);
   }
   renderInstance(e, n, i, s) {
-    Ml(e, n, i, s);
+    Ll(e, n, i, s);
   }
   mount(e) {
     this.isSVGTag = hr(e.tagName), super.mount(e);
   }
 }
-const Rl = An.length;
+const Fl = Vn.length;
 function dr(t) {
   if (!t)
     return;
@@ -2762,8 +2762,8 @@ function dr(t) {
     return t.props.initial !== void 0 && (n.initial = t.props.initial), n;
   }
   const e = {};
-  for (let n = 0; n < Rl; n++) {
-    const i = An[n], s = t.props[i];
+  for (let n = 0; n < Fl; n++) {
+    const i = Vn[n], s = t.props[i];
     (Ft(s) || s === !1) && (e[i] = s);
   }
   return e;
@@ -2779,12 +2779,12 @@ function pr(t, e) {
       return !1;
   return !0;
 }
-const Ll = [...Pn].reverse(), kl = Pn.length;
-function Fl(t) {
-  return (e) => Promise.all(e.map(({ animation: n, options: i }) => Ka(t, n, i)));
+const Bl = [...An].reverse(), Il = An.length;
+function Ol(t) {
+  return (e) => Promise.all(e.map(({ animation: n, options: i }) => za(t, n, i)));
 }
-function Bl(t) {
-  let e = Fl(t), n = hi(), i = !0;
+function jl(t) {
+  let e = Ol(t), n = hi(), i = !0;
   const s = (l) => (c, u) => {
     var f;
     const h = yt(t, u, l === "exit" ? (f = t.presenceContext) == null ? void 0 : f.custom : void 0);
@@ -2800,64 +2800,64 @@ function Bl(t) {
   function r(l) {
     const { props: c } = t, u = dr(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
     let d = {}, p = 1 / 0;
-    for (let y = 0; y < kl; y++) {
-      const g = Ll[y], T = n[g], v = c[g] !== void 0 ? c[g] : u[g], S = Ft(v), w = g === l ? T.isActive : null;
-      w === !1 && (p = y);
-      let V = v === u[g] && v !== c[g] && S;
-      if (V && i && t.manuallyAnimateOnMount && (V = !1), T.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
-      !T.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
-      !v && !T.prevProp || // Or if the prop doesn't define an animation
-      ie(v) || typeof v == "boolean")
+    for (let g = 0; g < Il; g++) {
+      const y = Bl[g], x = n[y], v = c[y] !== void 0 ? c[y] : u[y], S = Ft(v), b = y === l ? x.isActive : null;
+      b === !1 && (p = g);
+      let V = v === u[y] && v !== c[y] && S;
+      if (V && i && t.manuallyAnimateOnMount && (V = !1), x.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
+      !x.isActive && b === null || // If we didn't and don't have any defined prop for this animation type
+      !v && !x.prevProp || // Or if the prop doesn't define an animation
+      se(v) || typeof v == "boolean")
         continue;
-      const D = Il(T.prevProp, v);
-      let b = D || // If we're making this variant active, we want to always make it active
-      g === l && T.isActive && !V && S || // If we removed a higher-priority variant (i is in reverse order)
-      y > p && S, A = !1;
-      const P = Array.isArray(v) ? v : [v];
-      let $ = P.reduce(s(g), {});
-      w === !1 && ($ = {});
-      const { prevResolvedValues: Pt = {} } = T, oe = {
+      const D = Nl(x.prevProp, v);
+      let P = D || // If we're making this variant active, we want to always make it active
+      y === l && x.isActive && !V && S || // If we removed a higher-priority variant (i is in reverse order)
+      g > p && S, A = !1;
+      const T = Array.isArray(v) ? v : [v];
+      let I = T.reduce(s(y), {});
+      b === !1 && (I = {});
+      const { prevResolvedValues: Pt = {} } = x, ae = {
         ...Pt,
-        ...$
-      }, Ln = (k) => {
-        b = !0, f.has(k) && (A = !0, f.delete(k)), T.needsAnimating[k] = !0;
-        const U = t.getValue(k);
+        ...I
+      }, Ln = (F) => {
+        P = !0, f.has(F) && (A = !0, f.delete(F)), x.needsAnimating[F] = !0;
+        const U = t.getValue(F);
         U && (U.liveStyle = !1);
       };
-      for (const k in oe) {
-        const U = $[k], rt = Pt[k];
-        if (d.hasOwnProperty(k))
+      for (const F in ae) {
+        const U = I[F], rt = Pt[F];
+        if (d.hasOwnProperty(F))
           continue;
         let ht = !1;
-        Oe(U) && Oe(rt) ? ht = !pr(U, rt) : ht = U !== rt, ht ? U != null ? Ln(k) : f.add(k) : U !== void 0 && f.has(k) ? Ln(k) : T.protectedKeys[k] = !0;
+        je(U) && je(rt) ? ht = !pr(U, rt) : ht = U !== rt, ht ? U != null ? Ln(F) : f.add(F) : U !== void 0 && f.has(F) ? Ln(F) : x.protectedKeys[F] = !0;
       }
-      T.prevProp = v, T.prevResolvedValues = $, T.isActive && (d = { ...d, ...$ }), i && t.blockInitialAnimation && (b = !1);
+      x.prevProp = v, x.prevResolvedValues = I, x.isActive && (d = { ...d, ...I }), i && t.blockInitialAnimation && (P = !1);
       const kn = V && D;
-      b && (!kn || A) && h.push(...P.map((k) => {
-        const U = { type: g };
-        if (typeof k == "string" && i && !kn && t.manuallyAnimateOnMount && t.parent) {
-          const { parent: rt } = t, ht = yt(rt, k);
+      P && (!kn || A) && h.push(...T.map((F) => {
+        const U = { type: y };
+        if (typeof F == "string" && i && !kn && t.manuallyAnimateOnMount && t.parent) {
+          const { parent: rt } = t, ht = yt(rt, F);
           if (rt.enteringChildren && ht) {
-            const { delayChildren: Wr } = ht.transition || {};
-            U.delay = Os(rt.enteringChildren, t, Wr);
+            const { delayChildren: zr } = ht.transition || {};
+            U.delay = Os(rt.enteringChildren, t, zr);
           }
         }
         return {
-          animation: k,
+          animation: F,
           options: U
         };
       }));
     }
     if (f.size) {
-      const y = {};
+      const g = {};
       if (typeof c.initial != "boolean") {
-        const g = yt(t, Array.isArray(c.initial) ? c.initial[0] : c.initial);
-        g && g.transition && (y.transition = g.transition);
+        const y = yt(t, Array.isArray(c.initial) ? c.initial[0] : c.initial);
+        y && y.transition && (g.transition = y.transition);
       }
-      f.forEach((g) => {
-        const T = t.getBaseTarget(g), v = t.getValue(g);
-        v && (v.liveStyle = !0), y[g] = T ?? null;
-      }), h.push({ animation: y });
+      f.forEach((y) => {
+        const x = t.getBaseTarget(y), v = t.getValue(y);
+        v && (v.liveStyle = !0), g[y] = x ?? null;
+      }), h.push({ animation: g });
     }
     let m = !!h.length;
     return i && (c.initial === !1 || c.initial === c.animate) && !t.manuallyAnimateOnMount && (m = !1), i = !1, m ? e(h) : Promise.resolve();
@@ -2885,7 +2885,7 @@ function Bl(t) {
     }
   };
 }
-function Il(t, e) {
+function Nl(t, e) {
   return typeof e == "string" ? e !== t : Array.isArray(e) ? !pr(e, t) : !1;
 }
 function ot(t = !1) {
@@ -2916,27 +2916,27 @@ function z(t, e) {
 function di(t, e) {
   t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
 }
-const mr = 1e-4, Ol = 1 - mr, jl = 1 + mr, gr = 0.01, Nl = 0 - gr, $l = 0 + gr;
-function N(t) {
+const mr = 1e-4, $l = 1 - mr, Ul = 1 + mr, gr = 0.01, Wl = 0 - gr, Kl = 0 + gr;
+function $(t) {
   return t.max - t.min;
 }
-function Ul(t, e, n) {
+function Gl(t, e, n) {
   return Math.abs(t - e) <= n;
 }
 function pi(t, e, n, i = 0.5) {
-  t.origin = i, t.originPoint = E(e.min, e.max, t.origin), t.scale = N(n) / N(e), t.translate = E(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Ol && t.scale <= jl || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Nl && t.translate <= $l || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = i, t.originPoint = E(e.min, e.max, t.origin), t.scale = $(n) / $(e), t.translate = E(n.min, n.max, t.origin) - t.originPoint, (t.scale >= $l && t.scale <= Ul || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Wl && t.translate <= Kl || isNaN(t.translate)) && (t.translate = 0);
 }
 function Mt(t, e, n, i) {
   pi(t.x, e.x, n.x, i ? i.originX : void 0), pi(t.y, e.y, n.y, i ? i.originY : void 0);
 }
 function mi(t, e, n) {
-  t.min = n.min + e.min, t.max = t.min + N(e);
+  t.min = n.min + e.min, t.max = t.min + $(e);
 }
-function Wl(t, e, n) {
+function _l(t, e, n) {
   mi(t.x, e.x, n.x), mi(t.y, e.y, n.y);
 }
 function gi(t, e, n) {
-  t.min = e.min - n.min, t.max = t.min + N(e);
+  t.min = e.min - n.min, t.max = t.min + $(e);
 }
 function Qt(t, e, n) {
   gi(t.x, e.x, n.x), gi(t.y, e.y, n.y);
@@ -2944,39 +2944,39 @@ function Qt(t, e, n) {
 function yi(t, e, n, i, s) {
   return t -= e, t = Jt(t, 1 / n, i), s !== void 0 && (t = Jt(t, 1 / s, i)), t;
 }
-function Kl(t, e = 0, n = 1, i = 0.5, s, o = t, r = t) {
+function zl(t, e = 0, n = 1, i = 0.5, s, o = t, r = t) {
   if (X.test(e) && (e = parseFloat(e), e = E(r.min, r.max, e / 100) - r.min), typeof e != "number")
     return;
   let a = E(o.min, o.max, i);
   t === o && (a -= e), t.min = yi(t.min, e, n, a, s), t.max = yi(t.max, e, n, a, s);
 }
 function vi(t, e, [n, i, s], o, r) {
-  Kl(t, e[n], e[i], e[s], e.scale, o, r);
+  zl(t, e[n], e[i], e[s], e.scale, o, r);
 }
-const Gl = ["x", "scaleX", "originX"], _l = ["y", "scaleY", "originY"];
-function Ti(t, e, n, i) {
-  vi(t.x, e, Gl, n ? n.x : void 0, i ? i.x : void 0), vi(t.y, e, _l, n ? n.y : void 0, i ? i.y : void 0);
+const Hl = ["x", "scaleX", "originX"], Yl = ["y", "scaleY", "originY"];
+function xi(t, e, n, i) {
+  vi(t.x, e, Hl, n ? n.x : void 0, i ? i.x : void 0), vi(t.y, e, Yl, n ? n.y : void 0, i ? i.y : void 0);
 }
-function xi(t) {
+function Ti(t) {
   return t.translate === 0 && t.scale === 1;
 }
 function yr(t) {
-  return xi(t.x) && xi(t.y);
+  return Ti(t.x) && Ti(t.y);
 }
 function wi(t, e) {
   return t.min === e.min && t.max === e.max;
 }
-function zl(t, e) {
+function Xl(t, e) {
   return wi(t.x, e.x) && wi(t.y, e.y);
 }
-function Si(t, e) {
+function bi(t, e) {
   return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
 }
 function vr(t, e) {
-  return Si(t.x, e.x) && Si(t.y, e.y);
+  return bi(t.x, e.x) && bi(t.y, e.y);
 }
-function bi(t) {
-  return N(t.x) / N(t.y);
+function Si(t) {
+  return $(t.x) / $(t.y);
 }
 function Pi(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
@@ -2984,7 +2984,7 @@ function Pi(t, e) {
 function W(t) {
   return [t("x"), t("y")];
 }
-function Hl(t, e, n) {
+function ql(t, e, n) {
   let i = "";
   const s = t.x.translate / e.x, o = t.y.translate / e.y, r = (n == null ? void 0 : n.z) || 0;
   if ((s || o || r) && (i = `translate3d(${s}px, ${o}px, ${r}px) `), (e.x !== 1 || e.y !== 1) && (i += `scale(${1 / e.x}, ${1 / e.y}) `), n) {
@@ -2994,11 +2994,11 @@ function Hl(t, e, n) {
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (i += `scale(${a}, ${l})`), i || "none";
 }
-const Tr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Yl = Tr.length, Ai = (t) => typeof t == "string" ? parseFloat(t) : t, Vi = (t) => typeof t == "number" || x.test(t);
-function Xl(t, e, n, i, s, o) {
-  s ? (t.opacity = E(0, n.opacity ?? 1, ql(i)), t.opacityExit = E(e.opacity ?? 1, 0, Zl(i))) : o && (t.opacity = E(e.opacity ?? 1, n.opacity ?? 1, i));
-  for (let r = 0; r < Yl; r++) {
-    const a = `border${Tr[r]}Radius`;
+const xr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Zl = xr.length, Ai = (t) => typeof t == "string" ? parseFloat(t) : t, Vi = (t) => typeof t == "number" || w.test(t);
+function Jl(t, e, n, i, s, o) {
+  s ? (t.opacity = E(0, n.opacity ?? 1, Ql(i)), t.opacityExit = E(e.opacity ?? 1, 0, tc(i))) : o && (t.opacity = E(e.opacity ?? 1, n.opacity ?? 1, i));
+  for (let r = 0; r < Zl; r++) {
+    const a = `border${xr[r]}Radius`;
     let l = Di(e, a), c = Di(n, a);
     if (l === void 0 && c === void 0)
       continue;
@@ -3009,51 +3009,51 @@ function Xl(t, e, n, i, s, o) {
 function Di(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const ql = /* @__PURE__ */ xr(0, 0.5, ps), Zl = /* @__PURE__ */ xr(0.5, 0.95, _);
-function xr(t, e, n) {
+const Ql = /* @__PURE__ */ Tr(0, 0.5, ps), tc = /* @__PURE__ */ Tr(0.5, 0.95, _);
+function Tr(t, e, n) {
   return (i) => i < t ? 0 : i > e ? 1 : n(/* @__PURE__ */ Rt(t, e, i));
 }
-function Jl(t, e, n) {
-  const i = O(t) ? t : vt(t);
-  return i.start(vn("", i, e, n)), i.animation;
+function ec(t, e, n) {
+  const i = j(t) ? t : vt(t);
+  return i.start(xn("", i, e, n)), i.animation;
 }
 function Bt(t, e, n, i = { passive: !0 }) {
   return t.addEventListener(e, n, i), () => t.removeEventListener(e, n);
 }
-const Ql = (t, e) => t.depth - e.depth;
-class tc {
+const nc = (t, e) => t.depth - e.depth;
+class ic {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
   add(e) {
-    tn(this.children, e), this.isDirty = !0;
+    en(this.children, e), this.isDirty = !0;
   }
   remove(e) {
-    en(this.children, e), this.isDirty = !0;
+    nn(this.children, e), this.isDirty = !0;
   }
   forEach(e) {
-    this.isDirty && this.children.sort(Ql), this.isDirty = !1, this.children.forEach(e);
+    this.isDirty && this.children.sort(nc), this.isDirty = !1, this.children.forEach(e);
   }
 }
-function ec(t, e) {
-  const n = j.now(), i = ({ timestamp: s }) => {
+function sc(t, e) {
+  const n = N.now(), i = ({ timestamp: s }) => {
     const o = s - n;
     o >= e && (nt(i), t(o - e));
   };
   return C.setup(i, !0), () => nt(i);
 }
 function zt(t) {
-  return O(t) ? t.get() : t;
+  return j(t) ? t.get() : t;
 }
-class nc {
+class rc {
   constructor() {
     this.members = [];
   }
   add(e) {
-    tn(this.members, e), e.scheduleRender();
+    en(this.members, e), e.scheduleRender();
   }
   remove(e) {
-    if (en(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
+    if (nn(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
       const n = this.members[this.members.length - 1];
       n && this.promote(n);
     }
@@ -3112,9 +3112,9 @@ const Ht = {
    * update will be given a `data-projection-id` attribute.
    */
   hasEverUpdated: !1
-}, me = ["", "X", "Y", "Z"], ic = 1e3;
-let sc = 0;
-function ge(t, e, n, i) {
+}, ge = ["", "X", "Y", "Z"], oc = 1e3;
+let ac = 0;
+function ye(t, e, n, i) {
   const { latestValues: s } = e;
   s[t] && (n[t] = s[t], e.setStaticValue(t, 0), i && (i[t] = 0));
 }
@@ -3132,20 +3132,20 @@ function wr(t) {
   const { parent: i } = t;
   i && !i.hasCheckedOptimisedAppear && wr(i);
 }
-function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: i, resetTransform: s }) {
+function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: i, resetTransform: s }) {
   return class {
     constructor(r = {}, a = e == null ? void 0 : e()) {
-      this.id = sc++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.layoutVersion = 0, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
+      this.id = ac++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.layoutVersion = 0, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
-        this.projectionUpdateScheduled = !1, this.nodes.forEach(ac), this.nodes.forEach(hc), this.nodes.forEach(fc), this.nodes.forEach(lc);
+        this.projectionUpdateScheduled = !1, this.nodes.forEach(uc), this.nodes.forEach(pc), this.nodes.forEach(mc), this.nodes.forEach(hc);
       }, this.resolvedRelativeTargetAt = 0, this.linkedParentVersion = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = r, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
       for (let l = 0; l < this.path.length; l++)
         this.path[l].shouldResetTransform = !0;
-      this.root === this && (this.nodes = new tc());
+      this.root === this && (this.nodes = new ic());
     }
     addEventListener(r, a) {
-      return this.eventHandlers.has(r) || this.eventHandlers.set(r, new sn()), this.eventHandlers.get(r).add(a);
+      return this.eventHandlers.has(r) || this.eventHandlers.set(r, new rn()), this.eventHandlers.get(r).add(a);
     }
     notifyListeners(r, ...a) {
       const l = this.eventHandlers.get(r);
@@ -3160,7 +3160,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     mount(r) {
       if (this.instance)
         return;
-      this.isSVG = Js(r) && !ol(r), this.instance = r;
+      this.isSVG = Js(r) && !cl(r), this.instance = r;
       const { layoutId: a, layout: l, visualElement: c } = this.options;
       if (c && !c.current && c.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), t) {
         let u, h = 0;
@@ -3169,7 +3169,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           h = window.innerWidth;
         }), t(r, () => {
           const d = window.innerWidth;
-          d !== h && (h = d, this.root.updateBlockedByResize = !0, u && u(), u = ec(f, 250), Ht.hasAnimatedSinceResize && (Ht.hasAnimatedSinceResize = !1, this.nodes.forEach(Ei)));
+          d !== h && (h = d, this.root.updateBlockedByResize = !0, u && u(), u = sc(f, 250), Ht.hasAnimatedSinceResize && (Ht.hasAnimatedSinceResize = !1, this.nodes.forEach(Ei)));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || l) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: d }) => {
@@ -3177,15 +3177,15 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const p = this.options.transition || c.getDefaultTransition() || yc, { onLayoutAnimationStart: m, onLayoutAnimationComplete: y } = c.getProps(), g = !this.targetLayout || !vr(this.targetLayout, d), T = !h && f;
-        if (this.options.layoutRoot || this.resumeFrom || T || h && (g || !this.currentAnimation)) {
+        const p = this.options.transition || c.getDefaultTransition() || Tc, { onLayoutAnimationStart: m, onLayoutAnimationComplete: g } = c.getProps(), y = !this.targetLayout || !vr(this.targetLayout, d), x = !h && f;
+        if (this.options.layoutRoot || this.resumeFrom || x || h && (y || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const v = {
-            ...yn(p, "layout"),
+            ...vn(p, "layout"),
             onPlay: m,
-            onComplete: y
+            onComplete: g
           };
-          (c.shouldReduceMotion || this.options.layoutRoot) && (v.delay = 0, v.type = !1), this.startAnimation(v), this.setAnimationOrigin(u, T);
+          (c.shouldReduceMotion || this.options.layoutRoot) && (v.delay = 0, v.type = !1), this.startAnimation(v), this.setAnimationOrigin(u, x);
         } else
           h || Ei(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = d;
@@ -3211,7 +3211,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     // Note: currently only running on root node
     startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(dc), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(gc), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: r } = this.options;
@@ -3244,15 +3244,15 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.nodes.forEach(Mi);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(uc), this.nodes.forEach(rc), this.nodes.forEach(oc)) : this.nodes.forEach(Mi), this.clearAllSnapshots();
-      const a = j.now();
-      F.delta = q(0, 1e3 / 60, a - F.timestamp), F.timestamp = a, F.isProcessing = !0, ae.update.process(F), ae.preRender.process(F), ae.render.process(F), F.isProcessing = !1;
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(dc), this.nodes.forEach(lc), this.nodes.forEach(cc)) : this.nodes.forEach(Mi), this.clearAllSnapshots();
+      const a = N.now();
+      B.delta = q(0, 1e3 / 60, a - B.timestamp), B.timestamp = a, B.isProcessing = !0, le.update.process(B), le.preRender.process(B), le.render.process(B), B.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, Sn.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(cc), this.sharedNodes.forEach(pc);
+      this.nodes.forEach(fc), this.sharedNodes.forEach(yc);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, C.preRender(this.updateProjection, !1, !0));
@@ -3266,7 +3266,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
      * Update measurements
      */
     updateSnapshot() {
-      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !N(this.snapshot.measuredBox.x) && !N(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
+      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !$(this.snapshot.measuredBox.x) && !$(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
     }
     updateLayout() {
       if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
@@ -3275,7 +3275,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         for (let l = 0; l < this.path.length; l++)
           this.path[l].updateScroll();
       const r = this.layout;
-      this.layout = this.measure(!1), this.layoutVersion++, this.layoutCorrected = L(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutVersion++, this.layoutCorrected = k(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
       const { visualElement: a } = this.options;
       a && a.notify("LayoutMeasure", this.layout.layoutBox, r ? r.layoutBox : void 0);
     }
@@ -3301,7 +3301,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     measure(r = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return r && (l = this.removeTransform(l)), vc(l), {
+      return r && (l = this.removeTransform(l)), wc(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -3313,9 +3313,9 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       var c;
       const { visualElement: r } = this.options;
       if (!r)
-        return L();
+        return k();
       const a = r.measureViewportBox();
-      if (!(((c = this.scroll) == null ? void 0 : c.wasRoot) || this.path.some(Tc))) {
+      if (!(((c = this.scroll) == null ? void 0 : c.wasRoot) || this.path.some(bc))) {
         const { scroll: u } = this.root;
         u && (mt(a.x, u.offset.x), mt(a.y, u.offset.y));
       }
@@ -3323,7 +3323,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     removeElementScroll(r) {
       var l;
-      const a = L();
+      const a = k();
       if (z(a, r), (l = this.scroll) != null && l.wasRoot)
         return a;
       for (let c = 0; c < this.path.length; c++) {
@@ -3333,7 +3333,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return a;
     }
     applyTransform(r, a = !1) {
-      const l = L();
+      const l = k();
       z(l, r);
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c];
@@ -3345,17 +3345,17 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return at(this.latestValues) && gt(l, this.latestValues), l;
     }
     removeTransform(r) {
-      const a = L();
+      const a = k();
       z(a, r);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l];
         if (!c.instance || !at(c.latestValues))
           continue;
-        Ke(c.latestValues) && c.updateSnapshot();
-        const u = L(), h = c.measurePageBox();
-        z(u, h), Ti(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
+        Ge(c.latestValues) && c.updateSnapshot();
+        const u = k(), h = c.measurePageBox();
+        z(u, h), xi(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
-      return at(this.latestValues) && Ti(a, this.latestValues), a;
+      return at(this.latestValues) && xi(a, this.latestValues), a;
     }
     setTargetDelta(r) {
       this.targetDelta = r, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -3371,7 +3371,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
     }
     forceRelativeParentToResolveTarget() {
-      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== F.timestamp && this.relativeParent.resolveTargetDelta(!0);
+      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== B.timestamp && this.relativeParent.resolveTargetDelta(!0);
     }
     resolveTargetDelta(r = !1) {
       var d;
@@ -3383,19 +3383,19 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const { layout: u, layoutId: h } = this.options;
       if (!this.layout || !(u || h))
         return;
-      this.resolvedRelativeTargetAt = F.timestamp;
+      this.resolvedRelativeTargetAt = B.timestamp;
       const f = this.getClosestProjectingParent();
-      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Wl(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : z(this.target, this.layout.layoutBox), rr(this.target, this.targetDelta)) : z(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
+      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = k(), this.targetWithTransforms = k()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), _l(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : z(this.target, this.layout.layoutBox), rr(this.target, this.targetDelta)) : z(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
     }
     getClosestProjectingParent() {
-      if (!(!this.parent || Ke(this.parent.latestValues) || sr(this.parent.latestValues)))
+      if (!(!this.parent || Ge(this.parent.latestValues) || sr(this.parent.latestValues)))
         return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
     }
     isProjecting() {
       return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
     }
     createRelativeTarget(r, a, l) {
-      this.relativeParent = r, this.linkedParentVersion = r.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = L(), this.relativeTargetOrigin = L(), Qt(this.relativeTargetOrigin, a, l), z(this.relativeTarget, this.relativeTargetOrigin);
+      this.relativeParent = r, this.linkedParentVersion = r.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = k(), this.relativeTargetOrigin = k(), Qt(this.relativeTargetOrigin, a, l), z(this.relativeTarget, this.relativeTargetOrigin);
     }
     removeRelativeTarget() {
       this.relativeParent = this.relativeTarget = void 0;
@@ -3404,14 +3404,14 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       var p;
       const r = this.getLead(), a = !!this.resumingFrom || this !== r;
       let l = !0;
-      if ((this.isProjectionDirty || (p = this.parent) != null && p.isProjectionDirty) && (l = !1), a && (this.isSharedProjectionDirty || this.isTransformDirty) && (l = !1), this.resolvedRelativeTargetAt === F.timestamp && (l = !1), l)
+      if ((this.isProjectionDirty || (p = this.parent) != null && p.isProjectionDirty) && (l = !1), a && (this.isSharedProjectionDirty || this.isTransformDirty) && (l = !1), this.resolvedRelativeTargetAt === B.timestamp && (l = !1), l)
         return;
       const { layout: c, layoutId: u } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(c || u))
         return;
       z(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
-      yl(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = L());
+      Tl(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = k());
       const { target: d } = r;
       if (!d) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -3439,18 +3439,18 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(r, a = !1) {
       const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, h = pt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const f = L(), d = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, m = d !== p, y = this.getStack(), g = !y || y.members.length <= 1, T = !!(m && !g && this.options.crossfade === !0 && !this.path.some(gc));
+      const f = k(), d = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, m = d !== p, g = this.getStack(), y = !g || g.members.length <= 1, x = !!(m && !y && this.options.crossfade === !0 && !this.path.some(xc));
       this.animationProgress = 0;
       let v;
       this.mixTargetDelta = (S) => {
-        const w = S / 1e3;
-        Ri(h.x, r.x, w), Ri(h.y, r.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Qt(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), mc(this.relativeTarget, this.relativeTargetOrigin, f, w), v && zl(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = L()), z(v, this.relativeTarget)), m && (this.animationValues = u, Xl(u, c, this.latestValues, w, T, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
+        const b = S / 1e3;
+        Ri(h.x, r.x, b), Ri(h.y, r.y, b), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Qt(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), vc(this.relativeTarget, this.relativeTargetOrigin, f, b), v && Xl(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = k()), z(v, this.relativeTarget)), m && (this.animationValues = u, Jl(u, c, this.latestValues, b, x, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = b;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
       var a, l, c;
       this.notifyListeners("animationStart"), (a = this.currentAnimation) == null || a.stop(), (c = (l = this.resumingFrom) == null ? void 0 : l.currentAnimation) == null || c.stop(), this.pendingAnimation && (nt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = C.update(() => {
-        Ht.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = vt(0)), this.currentAnimation = Jl(this.motionValue, [0, 1e3], {
+        Ht.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = vt(0)), this.currentAnimation = ec(this.motionValue, [0, 1e3], {
           ...r,
           velocity: 0,
           isSync: !0,
@@ -3471,24 +3471,24 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       r && r.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
     }
     finishAnimation() {
-      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(ic), this.currentAnimation.stop()), this.completeAnimation();
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(oc), this.currentAnimation.stop()), this.completeAnimation();
     }
     applyTransformsToTarget() {
       const r = this.getLead();
       let { targetWithTransforms: a, target: l, layout: c, latestValues: u } = r;
       if (!(!a || !l || !c)) {
-        if (this !== r && this.layout && c && br(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
-          l = this.target || L();
-          const h = N(this.layout.layoutBox.x);
+        if (this !== r && this.layout && c && Sr(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
+          l = this.target || k();
+          const h = $(this.layout.layoutBox.x);
           l.x.min = r.target.x.min, l.x.max = l.x.min + h;
-          const f = N(this.layout.layoutBox.y);
+          const f = $(this.layout.layoutBox.y);
           l.y.min = r.target.y.min, l.y.max = l.y.min + f;
         }
         z(a, l), gt(a, u), Mt(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
       }
     }
     registerSharedNode(r, a) {
-      this.sharedNodes.has(r) || this.sharedNodes.set(r, new nc()), this.sharedNodes.get(r).add(a);
+      this.sharedNodes.has(r) || this.sharedNodes.set(r, new rc()), this.sharedNodes.get(r).add(a);
       const c = a.options.initialPromotionConfig;
       a.promote({
         transition: c ? c.transition : void 0,
@@ -3531,9 +3531,9 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if ((l.z || l.rotate || l.rotateX || l.rotateY || l.rotateZ || l.skewX || l.skewY) && (a = !0), !a)
         return;
       const c = {};
-      l.z && ge("z", r, c, this.animationValues);
-      for (let u = 0; u < me.length; u++)
-        ge(`rotate${me[u]}`, r, c, this.animationValues), ge(`skew${me[u]}`, r, c, this.animationValues);
+      l.z && ye("z", r, c, this.animationValues);
+      for (let u = 0; u < ge.length; u++)
+        ye(`rotate${ge[u]}`, r, c, this.animationValues), ye(`skew${ge[u]}`, r, c, this.animationValues);
       r.render();
       for (const u in c)
         r.setStaticValue(u, c[u]), this.animationValues && (this.animationValues[u] = c[u]);
@@ -3559,20 +3559,20 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       r.visibility = "";
       const u = c.animationValues || c.latestValues;
       this.applyTransformsToTarget();
-      let h = Hl(this.projectionDeltaWithTransform, this.treeScale, u);
+      let h = ql(this.projectionDeltaWithTransform, this.treeScale, u);
       l && (h = l(u, h)), r.transform = h;
       const { x: f, y: d } = this.projectionDelta;
       r.transformOrigin = `${f.origin * 100}% ${d.origin * 100}% 0`, c.animationValues ? r.opacity = c === this ? u.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : u.opacityExit : r.opacity = c === this ? u.opacity !== void 0 ? u.opacity : "" : u.opacityExit !== void 0 ? u.opacityExit : 0;
-      for (const p in _e) {
+      for (const p in ze) {
         if (u[p] === void 0)
           continue;
-        const { correct: m, applyTo: y, isCSSVariable: g } = _e[p], T = h === "none" ? u[p] : m(u[p], c);
-        if (y) {
-          const v = y.length;
+        const { correct: m, applyTo: g, isCSSVariable: y } = ze[p], x = h === "none" ? u[p] : m(u[p], c);
+        if (g) {
+          const v = g.length;
           for (let S = 0; S < v; S++)
-            r[y[S]] = T;
+            r[g[S]] = x;
         } else
-          g ? this.options.visualElement.renderState.vars[p] = T : r[p] = T;
+          y ? this.options.visualElement.renderState.vars[p] = x : r[p] = x;
       }
       this.options.layoutId && (r.pointerEvents = c === this ? zt(a == null ? void 0 : a.pointerEvents) || "" : "none");
     }
@@ -3588,19 +3588,19 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
   };
 }
-function rc(t) {
+function lc(t) {
   t.updateLayout();
 }
-function oc(t) {
+function cc(t) {
   var n;
   const e = ((n = t.resumeFrom) == null ? void 0 : n.snapshot) || t.snapshot;
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
     const { layoutBox: i, measuredBox: s } = t.layout, { animationType: o } = t.options, r = e.source !== t.layout.source;
     o === "size" ? W((h) => {
-      const f = r ? e.measuredBox[h] : e.layoutBox[h], d = N(f);
+      const f = r ? e.measuredBox[h] : e.layoutBox[h], d = $(f);
       f.min = i[h].min, f.max = f.min + d;
-    }) : br(o, e.layoutBox, i) && W((h) => {
-      const f = r ? e.measuredBox[h] : e.layoutBox[h], d = N(i[h]);
+    }) : Sr(o, e.layoutBox, i) && W((h) => {
+      const f = r ? e.measuredBox[h] : e.layoutBox[h], d = $(i[h]);
       f.max = f.min + d, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + d);
     });
     const a = pt();
@@ -3614,9 +3614,9 @@ function oc(t) {
       if (h && !h.resumeFrom) {
         const { snapshot: f, layout: d } = h;
         if (f && d) {
-          const p = L();
+          const p = k();
           Qt(p, e.layoutBox, f.layoutBox);
-          const m = L();
+          const m = k();
           Qt(m, i, d.layoutBox), vr(p, m) || (u = !0), h.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = p, t.relativeParent = h);
         }
       }
@@ -3635,13 +3635,13 @@ function oc(t) {
   }
   t.options.transition = void 0;
 }
-function ac(t) {
+function uc(t) {
   t.parent && (t.isProjecting() || (t.isProjectionDirty = t.parent.isProjectionDirty), t.isSharedProjectionDirty || (t.isSharedProjectionDirty = !!(t.isProjectionDirty || t.parent.isProjectionDirty || t.parent.isSharedProjectionDirty)), t.isTransformDirty || (t.isTransformDirty = t.parent.isTransformDirty));
 }
-function lc(t) {
+function hc(t) {
   t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
 }
-function cc(t) {
+function fc(t) {
   t.clearSnapshot();
 }
 function Ci(t) {
@@ -3650,23 +3650,23 @@ function Ci(t) {
 function Mi(t) {
   t.isLayoutDirty = !1;
 }
-function uc(t) {
+function dc(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
 function Ei(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
-function hc(t) {
+function pc(t) {
   t.resolveTargetDelta();
 }
-function fc(t) {
+function mc(t) {
   t.calcProjection();
 }
-function dc(t) {
+function gc(t) {
   t.resetSkewAndRotation();
 }
-function pc(t) {
+function yc(t) {
   t.removeLeadSnapshot();
 }
 function Ri(t, e, n) {
@@ -3675,30 +3675,30 @@ function Ri(t, e, n) {
 function Li(t, e, n, i) {
   t.min = E(e.min, n.min, i), t.max = E(e.max, n.max, i);
 }
-function mc(t, e, n, i) {
+function vc(t, e, n, i) {
   Li(t.x, e.x, n.x, i), Li(t.y, e.y, n.y, i);
 }
-function gc(t) {
+function xc(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
 }
-const yc = {
+const Tc = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
 }, ki = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Fi = ki("applewebkit/") && !ki("chrome/") ? Math.round : _;
 function Bi(t) {
   t.min = Fi(t.min), t.max = Fi(t.max);
 }
-function vc(t) {
+function wc(t) {
   Bi(t.x), Bi(t.y);
 }
-function br(t, e, n) {
-  return t === "position" || t === "preserve-aspect" && !Ul(bi(e), bi(n), 0.2);
+function Sr(t, e, n) {
+  return t === "position" || t === "preserve-aspect" && !Gl(Si(e), Si(n), 0.2);
 }
-function Tc(t) {
+function bc(t) {
   var e;
   return t !== t.root && ((e = t.scroll) == null ? void 0 : e.wasRoot);
 }
-const xc = Sr({
+const Sc = br({
   attachResizeListener: (t, e) => Bt(t, "resize", e),
   measureScroll: () => {
     var t, e;
@@ -3708,25 +3708,25 @@ const xc = Sr({
     };
   },
   checkIsScrollRoot: () => !0
-}), ye = {
+}), ve = {
   current: void 0
-}, Pr = Sr({
+}, Pr = br({
   measureScroll: (t) => ({
     x: t.scrollLeft,
     y: t.scrollTop
   }),
   defaultParent: () => {
-    if (!ye.current) {
-      const t = new xc({});
-      t.mount(window), t.setOptions({ layoutScroll: !0 }), ye.current = t;
+    if (!ve.current) {
+      const t = new Sc({});
+      t.mount(window), t.setOptions({ layoutScroll: !0 }), ve.current = t;
     }
-    return ye.current;
+    return ve.current;
   },
   resetTransform: (t, e) => {
     t.style.transform = e !== void 0 ? e : "none";
   },
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), Cn = Tt({
+}), Mn = xt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -3736,7 +3736,7 @@ function Ii(t, e) {
     return t(e);
   t != null && (t.current = e);
 }
-function wc(...t) {
+function Pc(...t) {
   return (e) => {
     let n = !1;
     const i = t.map((s) => {
@@ -3752,14 +3752,14 @@ function wc(...t) {
       };
   };
 }
-function Sc(...t) {
-  return ee.useCallback(wc(...t), t);
+function Ac(...t) {
+  return ne.useCallback(Pc(...t), t);
 }
-class bc extends ee.Component {
+class Vc extends ne.Component {
   getSnapshotBeforeUpdate(e) {
     const n = this.props.childRef.current;
     if (n && e.isPresent && !this.props.isPresent) {
-      const i = n.offsetParent, s = Ue(i) && i.offsetWidth || 0, o = Ue(i) && i.offsetHeight || 0, r = this.props.sizeRef.current;
+      const i = n.offsetParent, s = We(i) && i.offsetWidth || 0, o = We(i) && i.offsetHeight || 0, r = this.props.sizeRef.current;
       r.height = n.offsetHeight || 0, r.width = n.offsetWidth || 0, r.top = n.offsetTop, r.left = n.offsetLeft, r.right = s - r.width - r.left, r.bottom = o - r.height - r.top;
     }
     return null;
@@ -3773,41 +3773,41 @@ class bc extends ee.Component {
     return this.props.children;
   }
 }
-function Pc({ children: t, isPresent: e, anchorX: n, anchorY: i, root: s }) {
+function Dc({ children: t, isPresent: e, anchorX: n, anchorY: i, root: s }) {
   var h;
-  const o = Xe(), r = K(null), a = K({
+  const o = qe(), r = K(null), a = K({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0,
     bottom: 0
-  }), { nonce: l } = I(Cn), c = ((h = t.props) == null ? void 0 : h.ref) ?? (t == null ? void 0 : t.ref), u = Sc(r, c);
-  return qe(() => {
-    const { width: f, height: d, top: p, left: m, right: y, bottom: g } = a.current;
+  }), { nonce: l } = O(Mn), c = ((h = t.props) == null ? void 0 : h.ref) ?? (t == null ? void 0 : t.ref), u = Ac(r, c);
+  return Ze(() => {
+    const { width: f, height: d, top: p, left: m, right: g, bottom: y } = a.current;
     if (e || !r.current || !f || !d)
       return;
-    const T = n === "left" ? `left: ${m}` : `right: ${y}`, v = i === "bottom" ? `bottom: ${g}` : `top: ${p}`;
+    const x = n === "left" ? `left: ${m}` : `right: ${g}`, v = i === "bottom" ? `bottom: ${y}` : `top: ${p}`;
     r.current.dataset.motionPopId = o;
     const S = document.createElement("style");
     l && (S.nonce = l);
-    const w = s ?? document.head;
-    return w.appendChild(S), S.sheet && S.sheet.insertRule(`
+    const b = s ?? document.head;
+    return b.appendChild(S), S.sheet && S.sheet.insertRule(`
           [data-motion-pop-id="${o}"] {
             position: absolute !important;
             width: ${f}px !important;
             height: ${d}px !important;
-            ${T}px !important;
+            ${x}px !important;
             ${v}px !important;
           }
         `), () => {
-      w.contains(S) && w.removeChild(S);
+      b.contains(S) && b.removeChild(S);
     };
-  }, [e]), B(bc, { isPresent: e, childRef: r, sizeRef: a, children: ee.cloneElement(t, { ref: u }) });
+  }, [e]), R(Vc, { isPresent: e, childRef: r, sizeRef: a, children: ne.cloneElement(t, { ref: u }) });
 }
-const Ac = ({ children: t, initial: e, isPresent: n, onExitComplete: i, custom: s, presenceAffectsLayout: o, mode: r, anchorX: a, anchorY: l, root: c }) => {
-  const u = Qe(Vc), h = Xe();
-  let f = !0, d = et(() => (f = !1, {
+const Cc = ({ children: t, initial: e, isPresent: n, onExitComplete: i, custom: s, presenceAffectsLayout: o, mode: r, anchorX: a, anchorY: l, root: c }) => {
+  const u = tn(Mc), h = qe();
+  let f = !0, d = Z(() => (f = !1, {
     id: h,
     initial: e,
     isPresent: n,
@@ -3821,21 +3821,21 @@ const Ac = ({ children: t, initial: e, isPresent: n, onExitComplete: i, custom:
     },
     register: (p) => (u.set(p, !1), () => u.delete(p))
   }), [n, u, i]);
-  return o && f && (d = { ...d }), et(() => {
+  return o && f && (d = { ...d }), Z(() => {
     u.forEach((p, m) => u.set(m, !1));
-  }, [n]), ee.useEffect(() => {
+  }, [n]), ne.useEffect(() => {
     !n && !u.size && i && i();
-  }, [n]), r === "popLayout" && (t = B(Pc, { isPresent: n, anchorX: a, anchorY: l, root: c, children: t })), B(ne.Provider, { value: d, children: t });
+  }, [n]), r === "popLayout" && (t = R(Dc, { isPresent: n, anchorX: a, anchorY: l, root: c, children: t })), R(ie.Provider, { value: d, children: t });
 };
-function Vc() {
+function Mc() {
   return /* @__PURE__ */ new Map();
 }
 function Ar(t = !0) {
-  const e = I(ne);
+  const e = O(ie);
   if (e === null)
     return [!0, null];
-  const { isPresent: n, onExitComplete: i, register: s } = e, o = Xe();
-  Ye(() => {
+  const { isPresent: n, onExitComplete: i, register: s } = e, o = qe();
+  Xe(() => {
     if (t)
       return s(o);
   }, [t]);
@@ -3845,46 +3845,46 @@ function Ar(t = !0) {
 const Wt = (t) => t.key || "";
 function Oi(t) {
   const e = [];
-  return zr.forEach(t, (n) => {
-    Hr(n) && e.push(n);
+  return Xr.forEach(t, (n) => {
+    qr(n) && e.push(n);
   }), e;
 }
-const Dc = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presenceAffectsLayout: s = !0, mode: o = "sync", propagate: r = !1, anchorX: a = "left", anchorY: l = "top", root: c }) => {
-  const [u, h] = Ar(r), f = et(() => Oi(t), [t]), d = r && !u ? [] : f.map(Wt), p = K(!0), m = K(f), y = Qe(() => /* @__PURE__ */ new Map()), g = K(/* @__PURE__ */ new Set()), [T, v] = be(f), [S, w] = be(f);
+const Ec = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presenceAffectsLayout: s = !0, mode: o = "sync", propagate: r = !1, anchorX: a = "left", anchorY: l = "top", root: c }) => {
+  const [u, h] = Ar(r), f = Z(() => Oi(t), [t]), d = r && !u ? [] : f.map(Wt), p = K(!0), m = K(f), g = tn(() => /* @__PURE__ */ new Map()), y = K(/* @__PURE__ */ new Set()), [x, v] = Pe(f), [S, b] = Pe(f);
   is(() => {
     p.current = !1, m.current = f;
-    for (let b = 0; b < S.length; b++) {
-      const A = Wt(S[b]);
-      d.includes(A) ? (y.delete(A), g.current.delete(A)) : y.get(A) !== !0 && y.set(A, !1);
+    for (let P = 0; P < S.length; P++) {
+      const A = Wt(S[P]);
+      d.includes(A) ? (g.delete(A), y.current.delete(A)) : g.get(A) !== !0 && g.set(A, !1);
     }
   }, [S, d.length, d.join("-")]);
   const V = [];
-  if (f !== T) {
-    let b = [...f];
+  if (f !== x) {
+    let P = [...f];
     for (let A = 0; A < S.length; A++) {
-      const P = S[A], $ = Wt(P);
-      d.includes($) || (b.splice(A, 0, P), V.push(P));
+      const T = S[A], I = Wt(T);
+      d.includes(I) || (P.splice(A, 0, T), V.push(T));
     }
-    return o === "wait" && V.length && (b = V), w(Oi(b)), v(f), null;
+    return o === "wait" && V.length && (P = V), b(Oi(P)), v(f), null;
   }
   process.env.NODE_ENV !== "production" && o === "wait" && S.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: D } = I(Je);
-  return B(Kr, { children: S.map((b) => {
-    const A = Wt(b), P = r && !u ? !1 : f === S || d.includes(A), $ = () => {
-      if (g.current.has(A))
+  const { forceRender: D } = O(Qe);
+  return R(Hr, { children: S.map((P) => {
+    const A = Wt(P), T = r && !u ? !1 : f === S || d.includes(A), I = () => {
+      if (y.current.has(A))
         return;
-      if (g.current.add(A), y.has(A))
-        y.set(A, !0);
+      if (y.current.add(A), g.has(A))
+        g.set(A, !0);
       else
         return;
       let Pt = !0;
-      y.forEach((oe) => {
-        oe || (Pt = !1);
-      }), Pt && (D == null || D(), w(m.current), r && (h == null || h()), i && i());
+      g.forEach((ae) => {
+        ae || (Pt = !1);
+      }), Pt && (D == null || D(), b(m.current), r && (h == null || h()), i && i());
     };
-    return B(Ac, { isPresent: P, initial: !p.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: s, mode: o, root: c, onExitComplete: P ? void 0 : $, anchorX: a, anchorY: l, children: b }, A);
+    return R(Cc, { isPresent: T, initial: !p.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: s, mode: o, root: c, onExitComplete: T ? void 0 : I, anchorX: a, anchorY: l, children: P }, A);
   }) });
-}, Vr = Tt({ strict: !1 }), ji = {
+}, Vr = xt({ strict: !1 }), ji = {
   animation: [
     "animate",
     "variants",
@@ -3905,7 +3905,7 @@ const Dc = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presen
   layout: ["layout", "layoutId"]
 };
 let Ni = !1;
-function Cc() {
+function Rc() {
   if (Ni)
     return;
   const t = {};
@@ -3916,9 +3916,9 @@ function Cc() {
   er(t), Ni = !0;
 }
 function Dr() {
-  return Cc(), dl();
+  return Rc(), gl();
 }
-function Mc(t) {
+function Lc(t) {
   const e = Dr();
   for (const n in t)
     e[n] = {
@@ -3927,7 +3927,7 @@ function Mc(t) {
     };
   er(e);
 }
-const Ec = /* @__PURE__ */ new Set([
+const kc = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -3960,26 +3960,26 @@ const Ec = /* @__PURE__ */ new Set([
   "viewport"
 ]);
 function te(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Ec.has(t);
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || kc.has(t);
 }
 let Cr = (t) => !te(t);
-function Rc(t) {
+function Fc(t) {
   typeof t == "function" && (Cr = (e) => e.startsWith("on") ? !te(e) : t(e));
 }
 try {
-  Rc(require("@emotion/is-prop-valid").default);
+  Fc(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function Lc(t, e, n) {
+function Bc(t, e, n) {
   const i = {};
   for (const s in t)
     s === "values" && typeof t.values == "object" || (Cr(s) || n === !0 && te(s) || !e && !te(s) || // If trying to use native HTML drag events, forward drag listeners
     t.draggable && s.startsWith("onDrag")) && (i[s] = t[s]);
   return i;
 }
-const re = /* @__PURE__ */ Tt({});
-function kc(t, e) {
-  if (se(t)) {
+const oe = /* @__PURE__ */ xt({});
+function Ic(t, e) {
+  if (re(t)) {
     const { initial: n, animate: i } = t;
     return {
       initial: n === !1 || Ft(n) ? n : void 0,
@@ -3988,14 +3988,14 @@ function kc(t, e) {
   }
   return t.inherit !== !1 ? e : {};
 }
-function Fc(t) {
-  const { initial: e, animate: n } = kc(t, I(re));
-  return et(() => ({ initial: e, animate: n }), [$i(e), $i(n)]);
+function Oc(t) {
+  const { initial: e, animate: n } = Ic(t, O(oe));
+  return Z(() => ({ initial: e, animate: n }), [$i(e), $i(n)]);
 }
 function $i(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-const Mn = () => ({
+const En = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
@@ -4003,28 +4003,28 @@ const Mn = () => ({
 });
 function Mr(t, e, n) {
   for (const i in e)
-    !O(e[i]) && !lr(i, n) && (t[i] = e[i]);
+    !j(e[i]) && !lr(i, n) && (t[i] = e[i]);
 }
-function Bc({ transformTemplate: t }, e) {
-  return et(() => {
-    const n = Mn();
-    return Vn(n, e, t), Object.assign({}, n.vars, n.style);
+function jc({ transformTemplate: t }, e) {
+  return Z(() => {
+    const n = En();
+    return Dn(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
 }
-function Ic(t, e) {
+function Nc(t, e) {
   const n = t.style || {}, i = {};
-  return Mr(i, n, t), Object.assign(i, Bc(t, e)), i;
+  return Mr(i, n, t), Object.assign(i, jc(t, e)), i;
 }
-function Oc(t, e) {
-  const n = {}, i = Ic(t, e);
+function $c(t, e) {
+  const n = {}, i = Nc(t, e);
   return t.drag && t.dragListener !== !1 && (n.draggable = !1, i.userSelect = i.WebkitUserSelect = i.WebkitTouchCallout = "none", i.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = i, n;
 }
 const Er = () => ({
-  ...Mn(),
+  ...En(),
   attrs: {}
 });
-function jc(t, e, n, i) {
-  const s = et(() => {
+function Uc(t, e, n, i) {
+  const s = Z(() => {
     const o = Er();
     return cr(o, e, hr(i), t.transformTemplate, t.style), {
       ...o.attrs,
@@ -4037,7 +4037,7 @@ function jc(t, e, n, i) {
   }
   return s;
 }
-const Nc = [
+const Wc = [
   "animate",
   "circle",
   "defs",
@@ -4064,7 +4064,7 @@ const Nc = [
   "use",
   "view"
 ];
-function En(t) {
+function Rn(t) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -4077,70 +4077,70 @@ function En(t) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(Nc.indexOf(t) > -1 || /**
+      !!(Wc.indexOf(t) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(t))
     )
   );
 }
-function $c(t, e, n, { latestValues: i }, s, o = !1, r) {
-  const l = (r ?? En(t) ? jc : Oc)(e, i, s, t), c = Lc(e, typeof t == "string", o), u = t !== ts ? { ...c, ...l, ref: n } : {}, { children: h } = e, f = et(() => O(h) ? h.get() : h, [h]);
-  return Yr(t, {
+function Kc(t, e, n, { latestValues: i }, s, o = !1, r) {
+  const l = (r ?? Rn(t) ? Uc : $c)(e, i, s, t), c = Bc(e, typeof t == "string", o), u = t !== ts ? { ...c, ...l, ref: n } : {}, { children: h } = e, f = Z(() => j(h) ? h.get() : h, [h]);
+  return Zr(t, {
     ...u,
     children: f
   });
 }
-function Uc({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, i, s) {
+function Gc({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, i, s) {
   return {
-    latestValues: Wc(n, i, s, t),
+    latestValues: _c(n, i, s, t),
     renderState: e()
   };
 }
-function Wc(t, e, n, i) {
+function _c(t, e, n, i) {
   const s = {}, o = i(t, {});
   for (const f in o)
     s[f] = zt(o[f]);
   let { initial: r, animate: a } = t;
-  const l = se(t), c = tr(t);
+  const l = re(t), c = tr(t);
   e && c && !l && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
   let u = n ? n.initial === !1 : !1;
   u = u || r === !1;
   const h = u ? a : r;
-  if (h && typeof h != "boolean" && !ie(h)) {
+  if (h && typeof h != "boolean" && !se(h)) {
     const f = Array.isArray(h) ? h : [h];
     for (let d = 0; d < f.length; d++) {
       const p = Tn(t, f[d]);
       if (p) {
-        const { transitionEnd: m, transition: y, ...g } = p;
-        for (const T in g) {
-          let v = g[T];
+        const { transitionEnd: m, transition: g, ...y } = p;
+        for (const x in y) {
+          let v = y[x];
           if (Array.isArray(v)) {
             const S = u ? v.length - 1 : 0;
             v = v[S];
           }
-          v !== null && (s[T] = v);
+          v !== null && (s[x] = v);
         }
-        for (const T in m)
-          s[T] = m[T];
+        for (const x in m)
+          s[x] = m[x];
       }
     }
   }
   return s;
 }
 const Rr = (t) => (e, n) => {
-  const i = I(re), s = I(ne), o = () => Uc(t, e, i, s);
-  return n ? o() : Qe(o);
-}, Kc = /* @__PURE__ */ Rr({
-  scrapeMotionValuesFromProps: Dn,
-  createRenderState: Mn
-}), Gc = /* @__PURE__ */ Rr({
+  const i = O(oe), s = O(ie), o = () => Gc(t, e, i, s);
+  return n ? o() : tn(o);
+}, zc = /* @__PURE__ */ Rr({
+  scrapeMotionValuesFromProps: Cn,
+  createRenderState: En
+}), Hc = /* @__PURE__ */ Rr({
   scrapeMotionValuesFromProps: fr,
   createRenderState: Er
-}), _c = Symbol.for("motionComponentSymbol");
-function zc(t, e, n) {
+}), Yc = Symbol.for("motionComponentSymbol");
+function Xc(t, e, n) {
   const i = K(n);
-  qe(() => {
+  Ze(() => {
     i.current = n;
   });
   const s = K(null);
@@ -4156,13 +4156,13 @@ function zc(t, e, n) {
     else r && (r.current = o);
   }, [e]);
 }
-const Lr = Tt({});
+const Lr = xt({});
 function Dt(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-function Hc(t, e, n, i, s, o) {
+function qc(t, e, n, i, s, o) {
   var v, S;
-  const { visualElement: r } = I(re), a = I(Vr), l = I(ne), c = I(Cn), u = c.reducedMotion, h = c.skipAnimations, f = K(null), d = K(!1);
+  const { visualElement: r } = O(oe), a = O(Vr), l = O(ie), c = O(Mn), u = c.reducedMotion, h = c.skipAnimations, f = K(null), d = K(!1);
   i = i || a.renderer, !f.current && i && (f.current = i(t, {
     visualState: e,
     parent: r,
@@ -4173,23 +4173,23 @@ function Hc(t, e, n, i, s, o) {
     skipAnimations: h,
     isSVG: o
   }), d.current && f.current && (f.current.manuallyAnimateOnMount = !0));
-  const p = f.current, m = I(Lr);
-  p && !p.projection && s && (p.type === "html" || p.type === "svg") && Yc(f.current, n, s, m);
-  const y = K(!1);
-  qe(() => {
-    p && y.current && p.update(n, l);
+  const p = f.current, m = O(Lr);
+  p && !p.projection && s && (p.type === "html" || p.type === "svg") && Zc(f.current, n, s, m);
+  const g = K(!1);
+  Ze(() => {
+    p && g.current && p.update(n, l);
   });
-  const g = n[$s], T = K(!!g && !((v = window.MotionHandoffIsComplete) != null && v.call(window, g)) && ((S = window.MotionHasOptimisedAnimation) == null ? void 0 : S.call(window, g)));
+  const y = n[$s], x = K(!!y && !((v = window.MotionHandoffIsComplete) != null && v.call(window, y)) && ((S = window.MotionHasOptimisedAnimation) == null ? void 0 : S.call(window, y)));
   return is(() => {
-    d.current = !0, p && (y.current = !0, window.MotionIsMounted = !0, p.updateFeatures(), p.scheduleRenderMicrotask(), T.current && p.animationState && p.animationState.animateChanges());
-  }), Ye(() => {
-    p && (!T.current && p.animationState && p.animationState.animateChanges(), T.current && (queueMicrotask(() => {
-      var w;
-      (w = window.MotionHandoffMarkAsComplete) == null || w.call(window, g);
-    }), T.current = !1), p.enteringChildren = void 0);
+    d.current = !0, p && (g.current = !0, window.MotionIsMounted = !0, p.updateFeatures(), p.scheduleRenderMicrotask(), x.current && p.animationState && p.animationState.animateChanges());
+  }), Xe(() => {
+    p && (!x.current && p.animationState && p.animationState.animateChanges(), x.current && (queueMicrotask(() => {
+      var b;
+      (b = window.MotionHandoffMarkAsComplete) == null || b.call(window, y);
+    }), x.current = !1), p.enteringChildren = void 0);
   }), p;
 }
-function Yc(t, e, n, i) {
+function Zc(t, e, n, i) {
   const { layoutId: s, layout: o, drag: r, dragConstraints: a, layoutScroll: l, layoutRoot: c, layoutCrossfade: u } = e;
   t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : kr(t.parent)), t.projection.setOptions({
     layoutId: s,
@@ -4214,39 +4214,39 @@ function kr(t) {
   if (t)
     return t.options.allowProjection !== !1 ? t.projection : kr(t.parent);
 }
-function ve(t, { forwardMotionProps: e = !1, type: n } = {}, i, s) {
-  i && Mc(i);
-  const o = n ? n === "svg" : En(t), r = o ? Gc : Kc;
+function xe(t, { forwardMotionProps: e = !1, type: n } = {}, i, s) {
+  i && Lc(i);
+  const o = n ? n === "svg" : Rn(t), r = o ? Hc : zc;
   function a(c, u) {
     let h;
     const f = {
-      ...I(Cn),
+      ...O(Mn),
       ...c,
-      layoutId: Xc(c)
-    }, { isStatic: d } = f, p = Fc(c), m = r(c, d);
+      layoutId: Jc(c)
+    }, { isStatic: d } = f, p = Oc(c), m = r(c, d);
     if (!d && ns) {
-      qc(f, i);
-      const y = Zc(f);
-      h = y.MeasureLayout, p.visualElement = Hc(t, m, f, s, y.ProjectionNode, o);
+      Qc(f, i);
+      const g = tu(f);
+      h = g.MeasureLayout, p.visualElement = qc(t, m, f, s, g.ProjectionNode, o);
     }
-    return Gr(re.Provider, { value: p, children: [h && p.visualElement ? B(h, { visualElement: p.visualElement, ...f }) : null, $c(t, c, zc(m, p.visualElement, u), m, d, e, o)] });
+    return Ji(oe.Provider, { value: p, children: [h && p.visualElement ? R(h, { visualElement: p.visualElement, ...f }) : null, Kc(t, c, Xc(m, p.visualElement, u), m, d, e, o)] });
   }
   a.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
-  const l = Xr(a);
-  return l[_c] = t, l;
+  const l = Jr(a);
+  return l[Yc] = t, l;
 }
-function Xc({ layoutId: t }) {
-  const e = I(Je).id;
+function Jc({ layoutId: t }) {
+  const e = O(Qe).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
-function qc(t, e) {
-  const n = I(Vr).strict;
+function Qc(t, e) {
+  const n = O(Vr).strict;
   if (process.env.NODE_ENV !== "production" && e && n) {
     const i = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    t.ignoreStrict ? xt(!1, i, "lazy-strict-mode") : Z(!1, i, "lazy-strict-mode");
+    t.ignoreStrict ? Tt(!1, i, "lazy-strict-mode") : J(!1, i, "lazy-strict-mode");
   }
 }
-function Zc(t) {
+function tu(t) {
   const e = Dr(), { drag: n, layout: i } = e;
   if (!n && !i)
     return {};
@@ -4256,34 +4256,34 @@ function Zc(t) {
     ProjectionNode: s.ProjectionNode
   };
 }
-function Jc(t, e) {
+function eu(t, e) {
   if (typeof Proxy > "u")
-    return ve;
-  const n = /* @__PURE__ */ new Map(), i = (o, r) => ve(o, r, t, e), s = (o, r) => (process.env.NODE_ENV !== "production" && rn(!1, "motion() is deprecated. Use motion.create() instead."), i(o, r));
+    return xe;
+  const n = /* @__PURE__ */ new Map(), i = (o, r) => xe(o, r, t, e), s = (o, r) => (process.env.NODE_ENV !== "production" && on(!1, "motion() is deprecated. Use motion.create() instead."), i(o, r));
   return new Proxy(s, {
     /**
      * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
      * The prop name is passed through as `key` and we can use that to generate a `motion`
      * DOM component with that name.
      */
-    get: (o, r) => r === "create" ? i : (n.has(r) || n.set(r, ve(r, void 0, t, e)), n.get(r))
+    get: (o, r) => r === "create" ? i : (n.has(r) || n.set(r, xe(r, void 0, t, e)), n.get(r))
   });
 }
-const Qc = (t, e) => e.isSVG ?? En(t) ? new El(e) : new Pl(e, {
+const nu = (t, e) => e.isSVG ?? Rn(t) ? new kl(e) : new Dl(e, {
   allowProjection: t !== ts
 });
-class tu extends st {
+class iu extends st {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
    * so people can optionally code split it out using the `m` component.
    */
   constructor(e) {
-    super(e), e.animationState || (e.animationState = Bl(e));
+    super(e), e.animationState || (e.animationState = jl(e));
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
-    ie(e) && (this.unmountControls = e.subscribe(this.node));
+    se(e) && (this.unmountControls = e.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement
@@ -4300,10 +4300,10 @@ class tu extends st {
     this.node.animationState.reset(), (e = this.unmountControls) == null || e.call(this);
   }
 }
-let eu = 0;
-class nu extends st {
+let su = 0;
+class ru extends st {
   constructor() {
-    super(...arguments), this.id = eu++;
+    super(...arguments), this.id = su++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -4323,12 +4323,12 @@ class nu extends st {
   unmount() {
   }
 }
-const iu = {
+const ou = {
   animation: {
-    Feature: tu
+    Feature: iu
   },
   exit: {
-    Feature: nu
+    Feature: ru
   }
 };
 function Nt(t) {
@@ -4339,12 +4339,12 @@ function Nt(t) {
     }
   };
 }
-const su = (t) => (e) => bn(e) && t(e, Nt(e));
+const au = (t) => (e) => Pn(e) && t(e, Nt(e));
 function Et(t, e, n, i) {
-  return Bt(t, e, su(n), i);
+  return Bt(t, e, au(n), i);
 }
 const Fr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Ui = (t, e) => Math.abs(t - e);
-function ru(t, e) {
+function lu(t, e) {
   const n = Ui(t.x, e.x), i = Ui(t.y, e.y);
   return Math.sqrt(n ** 2 + i ** 2);
 }
@@ -4358,29 +4358,29 @@ class Br {
     }, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const d = xe(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, m = ru(d.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      const d = we(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, m = lu(d.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!p && !m)
         return;
-      const { point: y } = d, { timestamp: g } = F;
-      this.history.push({ ...y, timestamp: g });
-      const { onStart: T, onMove: v } = this.handlers;
-      p || (T && T(this.lastMoveEvent, d), this.startEvent = this.lastMoveEvent), v && v(this.lastMoveEvent, d);
+      const { point: g } = d, { timestamp: y } = B;
+      this.history.push({ ...g, timestamp: y });
+      const { onStart: x, onMove: v } = this.handlers;
+      p || (x && x(this.lastMoveEvent, d), this.startEvent = this.lastMoveEvent), v && v(this.lastMoveEvent, d);
     }, this.handlePointerMove = (d, p) => {
       this.lastMoveEvent = d, this.lastMoveEventInfo = Te(p, this.transformPagePoint), C.update(this.updatePoint, !0);
     }, this.handlePointerUp = (d, p) => {
       this.end();
-      const { onEnd: m, onSessionEnd: y, resumeAnimation: g } = this.handlers;
-      if ((this.dragSnapToOrigin || !this.startEvent) && g && g(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+      const { onEnd: m, onSessionEnd: g, resumeAnimation: y } = this.handlers;
+      if ((this.dragSnapToOrigin || !this.startEvent) && y && y(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const T = xe(d.type === "pointercancel" ? this.lastMoveEventInfo : Te(p, this.transformPagePoint), this.history);
-      this.startEvent && m && m(d, T), y && y(d, T);
-    }, !bn(e))
+      const x = we(d.type === "pointercancel" ? this.lastMoveEventInfo : Te(p, this.transformPagePoint), this.history);
+      this.startEvent && m && m(d, x), g && g(d, x);
+    }, !Pn(e))
       return;
     this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = i, this.distanceThreshold = r, this.contextWindow = s || window;
-    const l = Nt(e), c = Te(l, this.transformPagePoint), { point: u } = c, { timestamp: h } = F;
+    const l = Nt(e), c = Te(l, this.transformPagePoint), { point: u } = c, { timestamp: h } = B;
     this.history = [{ ...u, timestamp: h }];
     const { onSessionStart: f } = n;
-    f && f(e, xe(c, this.history)), this.removeListeners = It(Et(this.contextWindow, "pointermove", this.handlePointerMove), Et(this.contextWindow, "pointerup", this.handlePointerUp), Et(this.contextWindow, "pointercancel", this.handlePointerUp)), a && this.startScrollTracking(a);
+    f && f(e, we(c, this.history)), this.removeListeners = It(Et(this.contextWindow, "pointermove", this.handlePointerMove), Et(this.contextWindow, "pointerup", this.handlePointerUp), Et(this.contextWindow, "pointercancel", this.handlePointerUp)), a && this.startScrollTracking(a);
   }
   /**
    * Start tracking scroll on ancestors and window.
@@ -4437,21 +4437,21 @@ function Te(t, e) {
 function Ki(t, e) {
   return { x: t.x - e.x, y: t.y - e.y };
 }
-function xe({ point: t }, e) {
+function we({ point: t }, e) {
   return {
     point: t,
     delta: Ki(t, Ir(e)),
-    offset: Ki(t, ou(e)),
-    velocity: au(e, 0.1)
+    offset: Ki(t, cu(e)),
+    velocity: uu(e, 0.1)
   };
 }
-function ou(t) {
+function cu(t) {
   return t[0];
 }
 function Ir(t) {
   return t[t.length - 1];
 }
-function au(t, e) {
+function uu(t, e) {
   if (t.length < 2)
     return { x: 0, y: 0 };
   let n = t.length - 1, i = null;
@@ -4469,7 +4469,7 @@ function au(t, e) {
   };
   return r.x === 1 / 0 && (r.x = 0), r.y === 1 / 0 && (r.y = 0), r;
 }
-function lu(t, { min: e, max: n }, i) {
+function hu(t, { min: e, max: n }, i) {
   return e !== void 0 && t < e ? t = i ? E(e, t, i.min) : Math.max(t, e) : n !== void 0 && t > n && (t = i ? E(n, t, i.max) : Math.min(t, n)), t;
 }
 function Gi(t, e, n) {
@@ -4478,7 +4478,7 @@ function Gi(t, e, n) {
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
   };
 }
-function cu(t, { top: e, left: n, bottom: i, right: s }) {
+function fu(t, { top: e, left: n, bottom: i, right: s }) {
   return {
     x: Gi(t.x, n, s),
     y: Gi(t.y, e, i)
@@ -4488,24 +4488,24 @@ function _i(t, e) {
   let n = e.min - t.min, i = e.max - t.max;
   return e.max - e.min < t.max - t.min && ([n, i] = [i, n]), { min: n, max: i };
 }
-function uu(t, e) {
+function du(t, e) {
   return {
     x: _i(t.x, e.x),
     y: _i(t.y, e.y)
   };
 }
-function hu(t, e) {
+function pu(t, e) {
   let n = 0.5;
-  const i = N(t), s = N(e);
+  const i = $(t), s = $(e);
   return s > i ? n = /* @__PURE__ */ Rt(e.min, e.max - i, t.min) : i > s && (n = /* @__PURE__ */ Rt(t.min, t.max - s, e.min)), q(0, 1, n);
 }
-function fu(t, e) {
+function mu(t, e) {
   const n = {};
   return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
 }
-const ze = 0.35;
-function du(t = ze) {
-  return t === !1 ? t = 0 : t === !0 && (t = ze), {
+const He = 0.35;
+function gu(t = He) {
+  return t === !1 ? t = 0 : t === !0 && (t = He), {
     x: zi(t, "left", "right"),
     y: zi(t, "top", "bottom")
   };
@@ -4519,10 +4519,10 @@ function zi(t, e, n) {
 function Hi(t, e) {
   return typeof t == "number" ? t : t[e] || 0;
 }
-const pu = /* @__PURE__ */ new WeakMap();
-class mu {
+const yu = /* @__PURE__ */ new WeakMap();
+class vu {
   constructor(e) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = L(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = k(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
   }
   start(e, { snapToCursor: n = !1, distanceThreshold: i } = {}) {
     const { presenceContext: s } = this.visualElement;
@@ -4533,32 +4533,32 @@ class mu {
     }, r = (h, f) => {
       this.stopAnimation();
       const { drag: d, dragPropagation: p, onDragStart: m } = this.getProps();
-      if (d && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = el(d), !this.openDragLock))
+      if (d && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = sl(d), !this.openDragLock))
         return;
-      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), W((g) => {
-        let T = this.getAxisMotionValue(g).get() || 0;
-        if (X.test(T)) {
+      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), W((y) => {
+        let x = this.getAxisMotionValue(y).get() || 0;
+        if (X.test(x)) {
           const { projection: v } = this.visualElement;
           if (v && v.layout) {
-            const S = v.layout.layoutBox[g];
-            S && (T = N(S) * (parseFloat(T) / 100));
+            const S = v.layout.layoutBox[y];
+            S && (x = $(S) * (parseFloat(x) / 100));
           }
         }
-        this.originPoint[g] = T;
-      }), m && C.postRender(() => m(h, f)), je(this.visualElement, "transform");
-      const { animationState: y } = this.visualElement;
-      y && y.setActive("whileDrag", !0);
+        this.originPoint[y] = x;
+      }), m && C.postRender(() => m(h, f)), Ne(this.visualElement, "transform");
+      const { animationState: g } = this.visualElement;
+      g && g.setActive("whileDrag", !0);
     }, a = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f;
-      const { dragPropagation: d, dragDirectionLock: p, onDirectionLock: m, onDrag: y } = this.getProps();
+      const { dragPropagation: d, dragDirectionLock: p, onDirectionLock: m, onDrag: g } = this.getProps();
       if (!d && !this.openDragLock)
         return;
-      const { offset: g } = f;
+      const { offset: y } = f;
       if (p && this.currentDirection === null) {
-        this.currentDirection = gu(g), this.currentDirection !== null && m && m(this.currentDirection);
+        this.currentDirection = xu(y), this.currentDirection !== null && m && m(this.currentDirection);
         return;
       }
-      this.updateAxis("x", f.point, g), this.updateAxis("y", f.point, g), this.visualElement.render(), y && y(h, f);
+      this.updateAxis("x", f.point, y), this.updateAxis("y", f.point, y), this.visualElement.render(), g && g(h, f);
     }, l = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f, this.stop(h, f), this.latestPointerEvent = null, this.latestPanInfo = null;
     }, c = () => W((h) => {
@@ -4616,13 +4616,13 @@ class mu {
       return;
     const o = this.getAxisMotionValue(e);
     let r = this.originPoint[e] + i[e];
-    this.constraints && this.constraints[e] && (r = lu(r, this.constraints[e], this.elastic[e])), o.set(r);
+    this.constraints && this.constraints[e] && (r = hu(r, this.constraints[e], this.elastic[e])), o.set(r);
   }
   resolveConstraints() {
     var o;
     const { dragConstraints: e, dragElastic: n } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (o = this.visualElement.projection) == null ? void 0 : o.layout, s = this.constraints;
-    e && Dt(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && i ? this.constraints = cu(i.layoutBox, e) : this.constraints = !1, this.elastic = du(n), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && W((r) => {
-      this.constraints !== !1 && this.getAxisMotionValue(r) && (this.constraints[r] = fu(i.layoutBox[r], this.constraints[r]));
+    e && Dt(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && i ? this.constraints = fu(i.layoutBox, e) : this.constraints = !1, this.elastic = gu(n), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && W((r) => {
+      this.constraints !== !1 && this.getAxisMotionValue(r) && (this.constraints[r] = mu(i.layoutBox[r], this.constraints[r]));
     });
   }
   resolveRefConstraints() {
@@ -4630,14 +4630,14 @@ class mu {
     if (!e || !Dt(e))
       return !1;
     const i = e.current;
-    Z(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
+    J(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
     const { projection: s } = this.visualElement;
     if (!s || !s.layout)
       return !1;
-    const o = vl(i, s.root, this.visualElement.getTransformPagePoint());
-    let r = uu(s.layout.layoutBox, o);
+    const o = wl(i, s.root, this.visualElement.getTransformPagePoint());
+    let r = du(s.layout.layoutBox, o);
     if (n) {
-      const a = n(ml(r));
+      const a = n(vl(r));
       this.hasMutatedConstraints = !!a, a && (r = ir(a));
     }
     return r;
@@ -4665,7 +4665,7 @@ class mu {
   }
   startAxisValueAnimation(e, n) {
     const i = this.getAxisMotionValue(e);
-    return je(this.visualElement, e), i.start(vn(e, i, 0, n, this.visualElement, !1));
+    return Ne(this.visualElement, e), i.start(xn(e, i, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
     W((e) => this.getAxisMotionValue(e).stop());
@@ -4719,7 +4719,7 @@ class mu {
       const a = this.getAxisMotionValue(r);
       if (a && this.constraints !== !1) {
         const l = a.get();
-        s[r] = hu({ min: l, max: l }, this.constraints[r]);
+        s[r] = pu({ min: l, max: l }, this.constraints[r]);
       }
     });
     const { transformTemplate: o } = this.visualElement.getProps();
@@ -4733,7 +4733,7 @@ class mu {
   addListeners() {
     if (!this.visualElement.current)
       return;
-    pu.set(this.visualElement, this);
+    yu.set(this.visualElement, this);
     const e = this.visualElement.current, n = Et(e, "pointerdown", (l) => {
       const { drag: c, dragListener: u = !0 } = this.getProps(), h = l.target, f = h !== e && Zs(h);
       c && u && !f && this.start(l);
@@ -4753,7 +4753,7 @@ class mu {
     };
   }
   getProps() {
-    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: i = !1, dragPropagation: s = !1, dragConstraints: o = !1, dragElastic: r = ze, dragMomentum: a = !0 } = e;
+    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: i = !1, dragPropagation: s = !1, dragConstraints: o = !1, dragElastic: r = He, dragMomentum: a = !0 } = e;
     return {
       ...e,
       drag: n,
@@ -4768,13 +4768,13 @@ class mu {
 function Kt(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
-function gu(t, e = 10) {
+function xu(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
-class yu extends st {
+class Tu extends st {
   constructor(e) {
-    super(e), this.removeGroupControls = _, this.removeListeners = _, this.controls = new mu(e);
+    super(e), this.removeGroupControls = _, this.removeListeners = _, this.controls = new vu(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
@@ -4791,7 +4791,7 @@ class yu extends st {
 const Yi = (t) => (e, n) => {
   t && C.postRender(() => t(e, n));
 };
-class vu extends st {
+class wu extends st {
   constructor() {
     super(...arguments), this.removePointerDownListener = _;
   }
@@ -4822,8 +4822,8 @@ class vu extends st {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-let we = !1;
-class Tu extends qr {
+let be = !1;
+class bu extends Qr {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -4831,7 +4831,7 @@ class Tu extends qr {
    */
   componentDidMount() {
     const { visualElement: e, layoutGroup: n, switchLayoutGroup: i, layoutId: s } = this.props, { projection: o } = e;
-    o && (n.group && n.group.add(o), i && i.register && s && i.register(o), we && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
+    o && (n.group && n.group.add(o), i && i.register && s && i.register(o), be && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), o.setOptions({
       ...o.options,
@@ -4844,7 +4844,7 @@ class Tu extends qr {
     return r && (r.isPresent = o, e.layoutDependency !== n && r.setOptions({
       ...r.options,
       layoutDependency: n
-    }), we = !0, s || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || C.postRender(() => {
+    }), be = !0, s || e.layoutDependency !== n || n === void 0 || e.isPresent !== o ? r.willUpdate() : this.safeToRemove(), e.isPresent !== o && (o ? r.promote() : r.relegate() || C.postRender(() => {
       const a = r.getStack();
       (!a || !a.members.length) && this.safeToRemove();
     }))), null;
@@ -4857,7 +4857,7 @@ class Tu extends qr {
   }
   componentWillUnmount() {
     const { visualElement: e, layoutGroup: n, switchLayoutGroup: i } = this.props, { projection: s } = e;
-    we = !0, s && (s.scheduleCheckAfterUnmount(), n && n.group && n.group.remove(s), i && i.deregister && i.deregister(s));
+    be = !0, s && (s.scheduleCheckAfterUnmount(), n && n.group && n.group.remove(s), i && i.deregister && i.deregister(s));
   }
   safeToRemove() {
     const { safeToRemove: e } = this.props;
@@ -4868,15 +4868,15 @@ class Tu extends qr {
   }
 }
 function Or(t) {
-  const [e, n] = Ar(), i = I(Je);
-  return B(Tu, { ...t, layoutGroup: i, switchLayoutGroup: I(Lr), isPresent: e, safeToRemove: n });
+  const [e, n] = Ar(), i = O(Qe);
+  return R(bu, { ...t, layoutGroup: i, switchLayoutGroup: O(Lr), isPresent: e, safeToRemove: n });
 }
-const xu = {
+const Su = {
   pan: {
-    Feature: vu
+    Feature: wu
   },
   drag: {
-    Feature: yu,
+    Feature: Tu,
     ProjectionNode: Pr,
     MeasureLayout: Or
   }
@@ -4887,15 +4887,15 @@ function Xi(t, e, n) {
   const s = "onHover" + n, o = i[s];
   o && C.postRender(() => o(e, Nt(e)));
 }
-class wu extends st {
+class Pu extends st {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = nl(e, (n, i) => (Xi(this.node, i, "Start"), (s) => Xi(this.node, s, "End"))));
+    e && (this.unmount = rl(e, (n, i) => (Xi(this.node, i, "Start"), (s) => Xi(this.node, s, "End"))));
   }
   unmount() {
   }
 }
-class Su extends st {
+class Au extends st {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -4925,37 +4925,37 @@ function qi(t, e, n) {
   const s = "onTap" + (n === "End" ? "" : n), o = i[s];
   o && C.postRender(() => o(e, Nt(e)));
 }
-class bu extends st {
+class Vu extends st {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = rl(e, (n, i) => (qi(this.node, i, "Start"), (s, { success: o }) => qi(this.node, s, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    e && (this.unmount = ll(e, (n, i) => (qi(this.node, i, "Start"), (s, { success: o }) => qi(this.node, s, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
 }
-const He = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), Pu = (t) => {
-  const e = He.get(t.target);
+const Ye = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), Du = (t) => {
+  const e = Ye.get(t.target);
   e && e(t);
-}, Au = (t) => {
-  t.forEach(Pu);
+}, Cu = (t) => {
+  t.forEach(Du);
 };
-function Vu({ root: t, ...e }) {
+function Mu({ root: t, ...e }) {
   const n = t || document;
   Se.has(n) || Se.set(n, {});
   const i = Se.get(n), s = JSON.stringify(e);
-  return i[s] || (i[s] = new IntersectionObserver(Au, { root: t, ...e })), i[s];
+  return i[s] || (i[s] = new IntersectionObserver(Cu, { root: t, ...e })), i[s];
 }
-function Du(t, e, n) {
-  const i = Vu(e);
-  return He.set(t, n), i.observe(t), () => {
-    He.delete(t), i.unobserve(t);
+function Eu(t, e, n) {
+  const i = Mu(e);
+  return Ye.set(t, n), i.observe(t), () => {
+    Ye.delete(t), i.unobserve(t);
   };
 }
-const Cu = {
+const Ru = {
   some: 0,
   all: 1
 };
-class Mu extends st {
+class Lu extends st {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -4964,7 +4964,7 @@ class Mu extends st {
     const { viewport: e = {} } = this.node.getProps(), { root: n, margin: i, amount: s = "some", once: o } = e, r = {
       root: n ? n.current : void 0,
       rootMargin: i,
-      threshold: typeof s == "number" ? s : Cu[s]
+      threshold: typeof s == "number" ? s : Ru[s]
     }, a = (l) => {
       const { isIntersecting: c } = l;
       if (this.isInView === c || (this.isInView = c, o && !c && this.hasEnteredView))
@@ -4973,7 +4973,7 @@ class Mu extends st {
       const { onViewportEnter: u, onViewportLeave: h } = this.node.getProps(), f = c ? u : h;
       f && f(l);
     };
-    return Du(this.node.current, r, a);
+    return Eu(this.node.current, r, a);
   }
   mount() {
     this.startObserver();
@@ -4982,52 +4982,52 @@ class Mu extends st {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: e, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(Eu(e, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(ku(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function Eu({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function ku({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-const Ru = {
+const Fu = {
   inView: {
-    Feature: Mu
+    Feature: Lu
   },
   tap: {
-    Feature: bu
+    Feature: Vu
   },
   focus: {
-    Feature: Su
+    Feature: Au
   },
   hover: {
-    Feature: wu
+    Feature: Pu
   }
-}, Lu = {
+}, Bu = {
   layout: {
     ProjectionNode: Pr,
     MeasureLayout: Or
   }
-}, ku = {
-  ...iu,
-  ...Ru,
-  ...xu,
-  ...Lu
-}, Zi = /* @__PURE__ */ Jc(ku, Qc);
-function jr(t) {
+}, Iu = {
+  ...ou,
+  ...Fu,
+  ...Su,
+  ...Bu
+}, jr = /* @__PURE__ */ eu(Iu, nu);
+function Nr(t) {
   var e, n, i = "";
   if (typeof t == "string" || typeof t == "number") i += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
     var s = t.length;
-    for (e = 0; e < s; e++) t[e] && (n = jr(t[e])) && (i && (i += " "), i += n);
+    for (e = 0; e < s; e++) t[e] && (n = Nr(t[e])) && (i && (i += " "), i += n);
   } else for (n in t) t[n] && (i && (i += " "), i += n);
   return i;
 }
-function Fu() {
-  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = jr(t)) && (i && (i += " "), i += e);
+function Ou() {
+  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = Nr(t)) && (i && (i += " "), i += e);
   return i;
 }
-const Rn = ({
+const ee = ({
   ref: t,
   as: e = "div",
   children: n,
@@ -5044,68 +5044,68 @@ const Rn = ({
   pl: d,
   width: p,
   height: m,
-  position: y,
-  style: g,
-  className: T,
+  position: g,
+  style: y,
+  className: x,
   href: v,
   target: S,
-  rel: w,
+  rel: b,
   htmlFor: V,
   type: D,
-  disabled: b,
+  disabled: P,
   ...A
 }) => {
-  const P = {};
-  i && (P.display = i), p && (P.width = p), m && (P.height = m), y && (P.position = y), s && (P.margin = `var(--pittorica-space-${s})`), o && (P.marginTop = `var(--pittorica-space-${o})`), r && (P.marginRight = `var(--pittorica-space-${r})`), a && (P.marginBottom = `var(--pittorica-space-${a})`), l && (P.marginLeft = `var(--pittorica-space-${l})`), c && (P.padding = `var(--pittorica-space-${c})`), u && (P.paddingTop = `var(--pittorica-space-${u})`), h && (P.paddingRight = `var(--pittorica-space-${h})`), f && (P.paddingBottom = `var(--pittorica-space-${f})`), d && (P.paddingLeft = `var(--pittorica-space-${d})`);
-  const $ = {
-    ...g,
-    ...P
+  const T = {};
+  i && (T.display = i), p && (T.width = p), m && (T.height = m), g && (T.position = g), s && (T.margin = `var(--pittorica-space-${s})`), o && (T.marginTop = `var(--pittorica-space-${o})`), r && (T.marginRight = `var(--pittorica-space-${r})`), a && (T.marginBottom = `var(--pittorica-space-${a})`), l && (T.marginLeft = `var(--pittorica-space-${l})`), c && (T.padding = `var(--pittorica-space-${c})`), u && (T.paddingTop = `var(--pittorica-space-${u})`), h && (T.paddingRight = `var(--pittorica-space-${h})`), f && (T.paddingBottom = `var(--pittorica-space-${f})`), d && (T.paddingLeft = `var(--pittorica-space-${d})`);
+  const I = {
+    ...y,
+    ...T
   };
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ R(
     e,
     {
       ref: t,
-      className: Fu("pittorica-box", T),
-      style: $,
+      className: Ou("pittorica-box", x),
+      style: I,
       href: v,
       target: S,
-      rel: w,
+      rel: b,
       htmlFor: V,
       type: D,
-      disabled: b,
+      disabled: P,
       ...A,
       children: n
     }
   );
 };
-Rn.displayName = "Box";
-function Nr(t) {
+ee.displayName = "Box";
+function $r(t) {
   var e, n, i = "";
   if (typeof t == "string" || typeof t == "number") i += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
     var s = t.length;
-    for (e = 0; e < s; e++) t[e] && (n = Nr(t[e])) && (i && (i += " "), i += n);
+    for (e = 0; e < s; e++) t[e] && (n = $r(t[e])) && (i && (i += " "), i += n);
   } else for (n in t) t[n] && (i && (i += " "), i += n);
   return i;
 }
-function Bu() {
-  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = Nr(t)) && (i && (i += " "), i += e);
+function ju() {
+  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = $r(t)) && (i && (i += " "), i += e);
   return i;
 }
-function $r(t) {
+function Ur(t) {
   var e, n, i = "";
   if (typeof t == "string" || typeof t == "number") i += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
     var s = t.length;
-    for (e = 0; e < s; e++) t[e] && (n = $r(t[e])) && (i && (i += " "), i += n);
+    for (e = 0; e < s; e++) t[e] && (n = Ur(t[e])) && (i && (i += " "), i += n);
   } else for (n in t) t[n] && (i && (i += " "), i += n);
   return i;
 }
-function Iu() {
-  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = $r(t)) && (i && (i += " "), i += e);
+function Nu() {
+  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = Ur(t)) && (i && (i += " "), i += e);
   return i;
 }
-const Ur = ({
+const Wr = ({
   ref: t,
   as: e = "div",
   children: n,
@@ -5122,42 +5122,163 @@ const Ur = ({
   pl: d,
   width: p,
   height: m,
-  position: y,
-  style: g,
-  className: T,
+  position: g,
+  style: y,
+  className: x,
   href: v,
   target: S,
-  rel: w,
+  rel: b,
   htmlFor: V,
   type: D,
-  disabled: b,
+  disabled: P,
   ...A
 }) => {
-  const P = {};
-  i && (P.display = i), p && (P.width = p), m && (P.height = m), y && (P.position = y), s && (P.margin = `var(--pittorica-space-${s})`), o && (P.marginTop = `var(--pittorica-space-${o})`), r && (P.marginRight = `var(--pittorica-space-${r})`), a && (P.marginBottom = `var(--pittorica-space-${a})`), l && (P.marginLeft = `var(--pittorica-space-${l})`), c && (P.padding = `var(--pittorica-space-${c})`), u && (P.paddingTop = `var(--pittorica-space-${u})`), h && (P.paddingRight = `var(--pittorica-space-${h})`), f && (P.paddingBottom = `var(--pittorica-space-${f})`), d && (P.paddingLeft = `var(--pittorica-space-${d})`);
-  const $ = {
-    ...g,
-    ...P
+  const T = {};
+  i && (T.display = i), p && (T.width = p), m && (T.height = m), g && (T.position = g), s && (T.margin = `var(--pittorica-space-${s})`), o && (T.marginTop = `var(--pittorica-space-${o})`), r && (T.marginRight = `var(--pittorica-space-${r})`), a && (T.marginBottom = `var(--pittorica-space-${a})`), l && (T.marginLeft = `var(--pittorica-space-${l})`), c && (T.padding = `var(--pittorica-space-${c})`), u && (T.paddingTop = `var(--pittorica-space-${u})`), h && (T.paddingRight = `var(--pittorica-space-${h})`), f && (T.paddingBottom = `var(--pittorica-space-${f})`), d && (T.paddingLeft = `var(--pittorica-space-${d})`);
+  const I = {
+    ...y,
+    ...T
   };
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ R(
     e,
     {
       ref: t,
-      className: Iu("pittorica-box", T),
-      style: $,
+      className: Nu("pittorica-box", x),
+      style: I,
       href: v,
       target: S,
-      rel: w,
+      rel: b,
       htmlFor: V,
       type: D,
-      disabled: b,
+      disabled: P,
       ...A,
       children: n
     }
   );
 };
-Ur.displayName = "Box";
-const Ou = ({
+Wr.displayName = "Box";
+const $u = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around",
+  evenly: "space-evenly"
+}, Uu = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  baseline: "baseline",
+  stretch: "stretch"
+}, Wu = ({
+  children: t,
+  direction: e = "row",
+  align: n,
+  justify: i,
+  wrap: s = "nowrap",
+  gap: o,
+  style: r,
+  className: a,
+  ...l
+}) => {
+  const c = {
+    ...r,
+    display: l.display || "flex",
+    flexDirection: e,
+    alignItems: n ? Uu[n] : void 0,
+    justifyContent: i ? $u[i] : void 0,
+    flexWrap: s,
+    gap: o ? `var(--pittorica-space-${o})` : void 0
+  };
+  return /* @__PURE__ */ R(
+    Wr,
+    {
+      className: ju("pittorica-flex", a),
+      style: c,
+      ...l,
+      children: t
+    }
+  );
+};
+function Kr(t) {
+  var e, n, i = "";
+  if (typeof t == "string" || typeof t == "number") i += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var s = t.length;
+    for (e = 0; e < s; e++) t[e] && (n = Kr(t[e])) && (i && (i += " "), i += n);
+  } else for (n in t) t[n] && (i && (i += " "), i += n);
+  return i;
+}
+function Ku() {
+  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = Kr(t)) && (i && (i += " "), i += e);
+  return i;
+}
+function Gr(t) {
+  var e, n, i = "";
+  if (typeof t == "string" || typeof t == "number") i += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var s = t.length;
+    for (e = 0; e < s; e++) t[e] && (n = Gr(t[e])) && (i && (i += " "), i += n);
+  } else for (n in t) t[n] && (i && (i += " "), i += n);
+  return i;
+}
+function Gu() {
+  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = Gr(t)) && (i && (i += " "), i += e);
+  return i;
+}
+const _r = ({
+  ref: t,
+  as: e = "div",
+  children: n,
+  display: i,
+  m: s,
+  mt: o,
+  mr: r,
+  mb: a,
+  ml: l,
+  p: c,
+  pt: u,
+  pr: h,
+  pb: f,
+  pl: d,
+  width: p,
+  height: m,
+  position: g,
+  style: y,
+  className: x,
+  href: v,
+  target: S,
+  rel: b,
+  htmlFor: V,
+  type: D,
+  disabled: P,
+  ...A
+}) => {
+  const T = {};
+  i && (T.display = i), p && (T.width = p), m && (T.height = m), g && (T.position = g), s && (T.margin = `var(--pittorica-space-${s})`), o && (T.marginTop = `var(--pittorica-space-${o})`), r && (T.marginRight = `var(--pittorica-space-${r})`), a && (T.marginBottom = `var(--pittorica-space-${a})`), l && (T.marginLeft = `var(--pittorica-space-${l})`), c && (T.padding = `var(--pittorica-space-${c})`), u && (T.paddingTop = `var(--pittorica-space-${u})`), h && (T.paddingRight = `var(--pittorica-space-${h})`), f && (T.paddingBottom = `var(--pittorica-space-${f})`), d && (T.paddingLeft = `var(--pittorica-space-${d})`);
+  const I = {
+    ...y,
+    ...T
+  };
+  return /* @__PURE__ */ R(
+    e,
+    {
+      ref: t,
+      className: Gu("pittorica-box", x),
+      style: I,
+      href: v,
+      target: S,
+      rel: b,
+      htmlFor: V,
+      type: D,
+      disabled: P,
+      ...A,
+      children: n
+    }
+  );
+};
+_r.displayName = "Box";
+const _u = ({
   children: t,
   as: e = "span",
   weight: n = "regular",
@@ -5187,22 +5308,22 @@ const Ou = ({
   ]), m = (() => {
     if (o)
       return o === "inherit" ? "inherit" : d ? o : p.has(o) ? `var(--pittorica-${o}-9)` : o;
-  })(), y = {
+  })(), g = {
     ...a,
     textAlign: i,
     color: m
   };
-  return /* @__PURE__ */ B(
-    Ur,
+  return /* @__PURE__ */ R(
+    _r,
     {
       as: e,
-      className: Bu(
+      className: Ku(
         "pittorica-text",
         { "pittorica-text--truncate": s },
         r
       ),
       "data-weight": n,
-      style: y,
+      style: g,
       href: l,
       target: c,
       rel: u,
@@ -5211,63 +5332,94 @@ const Ou = ({
       children: t
     }
   );
-}, ju = ({
+}, zu = (t) => t === 0 ? { width: "60%", flex: "0 0 60%" } : t === 1 ? { width: "25%", flex: "0 0 25%" } : t === 2 ? { width: "15%", flex: "0 0 15%" } : { width: "0%", opacity: 0, flex: "0 0 0%" }, Hu = ({
+  total: t,
+  active: e
+}) => /* @__PURE__ */ R(Wu, { gap: "2", justify: "center", className: "pittorica-carousel-pagination", children: Array.from({ length: t }).map((n, i) => /* @__PURE__ */ R(
+  jr.div,
+  {
+    layout: !0,
+    style: {
+      height: "8px",
+      borderRadius: "4px",
+      backgroundColor: i === e ? "var(--pittorica-slate-9)" : "var(--pittorica-slate-4)"
+    },
+    animate: {
+      width: i === e ? "24px" : "8px",
+      opacity: i === e ? 1 : 0.5
+    },
+    transition: { type: "spring", stiffness: 300, damping: 30 }
+  },
+  `pagination-dot-${i}`
+)) }), Yu = ({
   children: t,
   className: e,
-  preview: n = 2,
-  defaultIndex: i = 0,
-  ...s
+  defaultIndex: n = 0,
+  ...i
 }) => {
-  const [o, r] = be(i), a = et(() => {
-    const c = Array.isArray(t) ? t : [t];
-    return [...c.slice(o), ...c.slice(0, o)];
-  }, [t, o]), l = (c) => n === 2 ? c === 0 ? "75%" : c === 1 ? "25%" : "0%" : c === 0 ? "50%" : c === 1 ? "35%" : c === 2 ? "15%" : "0%";
-  return /* @__PURE__ */ B(Rn, { ...s, className: Ze("pittorica-carousel-root", e), children: /* @__PURE__ */ B(
-    Zi.div,
-    {
-      layout: !0,
-      className: "pittorica-carousel-viewport",
-      style: { display: "flex", overflow: "hidden", gap: "8px" },
-      children: /* @__PURE__ */ B(Dc, { mode: "popLayout", initial: !1, children: a.map((c, u) => {
-        const h = (o + u) % a.length, f = l(u);
-        return f === "0%" ? null : /* @__PURE__ */ B(
-          Zi.div,
-          {
-            layout: !0,
-            initial: { opacity: 0, scale: 0.9 },
-            animate: {
-              opacity: 1,
-              scale: 1,
-              width: f
+  const [s, o] = Pe(n), r = Z(
+    () => Array.isArray(t) ? t : [t],
+    [t]
+  ), a = Z(() => [
+    ...r.slice(s),
+    ...r.slice(0, s)
+  ], [r, s]);
+  return /* @__PURE__ */ Ji(ee, { ...i, className: Je("pittorica-carousel-root", e), children: [
+    /* @__PURE__ */ R(
+      "div",
+      {
+        className: "pittorica-carousel-viewport",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          width: "100%",
+          overflow: "hidden"
+        },
+        children: /* @__PURE__ */ R(Ec, { mode: "popLayout", initial: !0, children: a.map((l, c) => {
+          const u = (s + c) % r.length, h = zu(c);
+          return c > 2 ? null : /* @__PURE__ */ R(
+            jr.div,
+            {
+              layout: !0,
+              initial: { opacity: 0, x: 500 },
+              animate: { opacity: 1, x: 0, ...h },
+              exit: { opacity: 0, width: "0%" },
+              transition: {
+                layout: { type: "spring", stiffness: 200, damping: 25 },
+                x: {
+                  duration: 0.9,
+                  ease: [0.22, 1, 0.36, 1],
+                  delay: c * 0.12
+                },
+                opacity: { duration: 0.5, delay: c * 0.12 }
+              },
+              className: "pittorica-carousel-item",
+              onClick: () => o(u),
+              children: l
             },
-            exit: { opacity: 0, scale: 0.9, width: "0%" },
-            transition: { type: "spring", stiffness: 300, damping: 30 },
-            className: "pittorica-carousel-item",
-            onClick: () => r(h),
-            style: { cursor: "pointer", flexShrink: 0 },
-            children: c
-          },
-          h
-        );
-      }) })
-    }
-  ) });
-}, Nu = ({ children: t, className: e, ...n }) => /* @__PURE__ */ B(
-  Rn,
+            u
+          );
+        }) })
+      }
+    ),
+    /* @__PURE__ */ R(ee, { mt: "4", children: /* @__PURE__ */ R(Hu, { total: r.length, active: s }) })
+  ] });
+}, Xu = ({ children: t, className: e, ...n }) => /* @__PURE__ */ R(
+  ee,
   {
     ...n,
-    className: Ze("pittorica-carousel-item-inner", e),
-    style: { width: "100%", height: "100%" },
+    className: Je("pittorica-carousel-item-inner", e),
+    style: { height: "100%", display: "flex" },
     children: t
   }
-), $u = ({ children: t, className: e }) => /* @__PURE__ */ B("div", { className: Ze("pittorica-carousel-description", e), children: /* @__PURE__ */ B(Ou, { color: "white", weight: "medium", children: t }) }), _u = {
-  Root: ju,
-  Item: Nu,
-  Description: $u
+), qu = ({ children: t, className: e }) => /* @__PURE__ */ R("div", { className: Je("pittorica-carousel-description", e), children: /* @__PURE__ */ R(_u, { weight: "medium", children: t }) }), eh = {
+  Root: Yu,
+  Item: Xu,
+  Description: qu
 };
 export {
-  _u as Carousel,
-  $u as CarouselDescription,
-  Nu as CarouselItem,
-  ju as CarouselRoot
+  eh as Carousel,
+  qu as CarouselDescription,
+  Xu as CarouselItem,
+  Yu as CarouselRoot
 };