@pittorica/carousel-react 0.22.4 → 0.23.0

package/dist/index.js

@@ -1,66 +1,66 @@
-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) {
+import { jsx as R, Fragment as Xr, jsxs as ts } from "react/jsx-runtime";
+import * as ie from "react";
+import { createContext as xt, useRef as K, useLayoutEffect as qr, useEffect as Ze, useId as Je, useContext as O, useInsertionEffect as Qe, useMemo as Z, useCallback as es, Children as Zr, isValidElement as Jr, useState as Ae, Fragment as ns, createElement as Qr, forwardRef as to, Component as eo } from "react";
+function is(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 = es(t[e])) && (i && (i += " "), i += n);
+    for (e = 0; e < s; e++) t[e] && (n = is(t[e])) && (i && (i += " "), i += n);
   } else for (n in t) t[n] && (i && (i += " "), i += n);
   return i;
 }
-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);
+function tn() {
+  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = is(t)) && (i && (i += " "), i += e);
   return i;
 }
-const Qe = xt({});
-function tn(t) {
+const en = xt({});
+function nn(t) {
   const e = K(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const ns = typeof window < "u", is = ns ? Yr : Xe, ie = /* @__PURE__ */ xt(null);
-function en(t, e) {
+const ss = typeof window < "u", rs = ss ? qr : Ze, se = /* @__PURE__ */ xt(null);
+function sn(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
-function nn(t, e) {
+function rn(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 Ae(t, e) {
+function Ve(t, e) {
   return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
 }
 let Tt = () => {
 }, J = () => {
 };
-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));
+var Qi;
+typeof process < "u" && ((Qi = process.env) == null ? void 0 : Qi.NODE_ENV) !== "production" && (Tt = (t, e, n) => {
+  !t && typeof console < "u" && console.warn(Ve(e, n));
 }, J = (t, e, n) => {
   if (!t)
-    throw new Error(Ae(e, n));
+    throw new Error(Ve(e, n));
 });
-const Q = {}, ss = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
-function rs(t) {
+const Q = {}, os = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+function as(t) {
   return typeof t == "object" && t !== null;
 }
-const os = (t) => /^0[^.\s]+$/u.test(t);
+const ls = (t) => /^0[^.\s]+$/u.test(t);
 // @__NO_SIDE_EFFECTS__
-function sn(t) {
+function on(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-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 _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t, no = (t, e) => (n) => e(t(n)), Ot = (...t) => t.reduce(no), Lt = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const i = e - t;
   return i === 0 ? 1 : (n - t) / i;
 };
-class rn {
+class an {
   constructor() {
     this.subscriptions = [];
   }
   add(e) {
-    return en(this.subscriptions, e), () => nn(this.subscriptions, e);
+    return sn(this.subscriptions, e), () => rn(this.subscriptions, e);
   }
   notify(e, n, i) {
     const s = this.subscriptions.length;
@@ -81,48 +81,48 @@ class rn {
   }
 }
 const Y = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, G = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
-function as(t, e) {
+function cs(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-const Fn = /* @__PURE__ */ new Set();
-function on(t, e, n) {
-  t || Fn.has(e) || (console.warn(Ae(e, n)), Fn.add(e));
+const In = /* @__PURE__ */ new Set();
+function ln(t, e, n) {
+  t || In.has(e) || (console.warn(Ve(e, n)), In.add(e));
 }
-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) {
+const us = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, io = 1e-7, so = 12;
+function ro(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) > eo && ++a < no);
+    r = e + (n - e) / 2, o = us(r, i, s) - t, o > 0 ? n = r : e = r;
+  while (Math.abs(o) > io && ++a < so);
   return r;
 }
-function Ot(t, e, n, i) {
+function jt(t, e, n, i) {
   if (t === e && n === i)
     return _;
-  const s = (o) => io(o, 0, 1, t, n);
-  return (o) => o === 0 || o === 1 ? o : ls(s(o), e, i);
+  const s = (o) => ro(o, 0, 1, t, n);
+  return (o) => o === 0 || o === 1 ? o : us(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), 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 = {
+const hs = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, fs = (t) => (e) => 1 - t(1 - e), ds = /* @__PURE__ */ jt(0.33, 1.53, 0.69, 0.99), cn = /* @__PURE__ */ fs(ds), ps = /* @__PURE__ */ hs(cn), ms = (t) => (t *= 2) < 1 ? 0.5 * cn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), un = (t) => 1 - Math.sin(Math.acos(t)), gs = fs(un), ys = hs(un), oo = /* @__PURE__ */ jt(0.42, 0, 1, 1), ao = /* @__PURE__ */ jt(0, 0, 0.58, 1), vs = /* @__PURE__ */ jt(0.42, 0, 0.58, 1), lo = (t) => Array.isArray(t) && typeof t[0] != "number", xs = (t) => Array.isArray(t) && typeof t[0] == "number", On = {
   linear: _,
-  easeIn: so,
-  easeInOut: gs,
-  easeOut: ro,
-  circIn: ln,
-  circInOut: ms,
-  circOut: ps,
-  backIn: an,
-  backInOut: fs,
-  backOut: hs,
-  anticipate: ds
-}, ao = (t) => typeof t == "string", In = (t) => {
-  if (ys(t)) {
+  easeIn: oo,
+  easeInOut: vs,
+  easeOut: ao,
+  circIn: un,
+  circInOut: ys,
+  circOut: gs,
+  backIn: cn,
+  backInOut: ps,
+  backOut: ds,
+  anticipate: ms
+}, co = (t) => typeof t == "string", jn = (t) => {
+  if (xs(t)) {
     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 (ao(t))
-    return J(Bn[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Bn[t];
+    return jt(e, n, i, s);
+  } else if (co(t))
+    return J(On[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), On[t];
   return t;
-}, $t = [
+}, Ut = [
   "setup",
   // Compute
   "read",
@@ -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 lo(t, e) {
+function uo(t, e) {
   let n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), s = !1, o = !1;
   const r = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -178,74 +178,74 @@ function lo(t, e) {
   };
   return c;
 }
-const co = 40;
-function vs(t, e) {
+const ho = 40;
+function Ts(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] = lo(o), v), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: d, postRender: p } = r, m = () => {
+  }, o = () => n = !0, r = Ut.reduce((v, S) => (v[S] = uo(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));
+    n = !1, Q.useManualTiming || (s.delta = i ? 1e3 / 60 : Math.max(Math.min(v - s.timestamp, ho), 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) => {
+  return { schedule: Ut.reduce((v, S) => {
     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);
+    for (let S = 0; S < Ut.length; S++)
+      r[Ut[S]].cancel(v);
   }, state: s, steps: r };
 }
-const { schedule: C, cancel: nt, state: B, steps: le } = /* @__PURE__ */ vs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : _, !0);
-let Gt;
-function uo() {
-  Gt = void 0;
+const { schedule: C, cancel: nt, state: B, steps: ce } = /* @__PURE__ */ Ts(typeof requestAnimationFrame < "u" ? requestAnimationFrame : _, !0);
+let _t;
+function fo() {
+  _t = void 0;
 }
 const N = {
-  now: () => (Gt === void 0 && N.set(B.isProcessing || Q.useManualTiming ? B.timestamp : performance.now()), Gt),
+  now: () => (_t === void 0 && N.set(B.isProcessing || Q.useManualTiming ? B.timestamp : performance.now()), _t),
   set: (t) => {
-    Gt = t, queueMicrotask(uo);
+    _t = t, queueMicrotask(fo);
   }
-}, 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) {
+}, ws = (t) => (e) => typeof e == "string" && e.startsWith(t), bs = /* @__PURE__ */ ws("--"), po = /* @__PURE__ */ ws("var(--"), hn = (t) => po(t) ? mo.test(t.split("/*")[0].trim()) : !1, mo = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+function Nn(t) {
   return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
 }
 const wt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
-}, Lt = {
+}, kt = {
   ...wt,
   transform: (t) => q(0, 1, t)
-}, Ut = {
+}, Wt = {
   ...wt,
   default: 1
-}, Ct = (t) => Math.round(t * 1e5) / 1e5, un = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function po(t) {
+}, Mt = (t) => Math.round(t * 1e5) / 1e5, fn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function go(t) {
   return t == null;
 }
-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) => {
+const yo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, dn = (t, e) => (n) => !!(typeof n == "string" && yo.test(n) && n.startsWith(t) || e && !go(n) && Object.prototype.hasOwnProperty.call(n, e)), Ss = (t, e, n) => (i) => {
   if (typeof i != "string")
     return i;
-  const [s, o, r, a] = i.match(un);
+  const [s, o, r, a] = i.match(fn);
   return {
     [t]: parseFloat(s),
     [e]: parseFloat(o),
     [n]: parseFloat(r),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, go = (t) => q(0, 255, t), ce = {
+}, vo = (t) => q(0, 255, t), ue = {
   ...wt,
-  transform: (t) => Math.round(go(t))
+  transform: (t) => Math.round(vo(t))
 }, lt = {
-  test: /* @__PURE__ */ hn("rgb", "red"),
-  parse: /* @__PURE__ */ ws("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + ce.transform(t) + ", " + ce.transform(e) + ", " + ce.transform(n) + ", " + Ct(Lt.transform(i)) + ")"
+  test: /* @__PURE__ */ dn("rgb", "red"),
+  parse: /* @__PURE__ */ Ss("red", "green", "blue"),
+  transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + ue.transform(t) + ", " + ue.transform(e) + ", " + ue.transform(n) + ", " + Mt(kt.transform(i)) + ")"
 };
-function yo(t) {
+function xo(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,83 +254,83 @@ function yo(t) {
     alpha: s ? parseInt(s, 16) / 255 : 1
   };
 }
-const Ve = {
-  test: /* @__PURE__ */ hn("#"),
-  parse: yo,
+const De = {
+  test: /* @__PURE__ */ dn("#"),
+  parse: xo,
   transform: lt.transform
-}, jt = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
+}, Nt = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), tt = /* @__PURE__ */ jt("deg"), X = /* @__PURE__ */ jt("%"), w = /* @__PURE__ */ jt("px"), vo = /* @__PURE__ */ jt("vh"), xo = /* @__PURE__ */ jt("vw"), jn = {
+}), tt = /* @__PURE__ */ Nt("deg"), X = /* @__PURE__ */ Nt("%"), w = /* @__PURE__ */ Nt("px"), To = /* @__PURE__ */ Nt("vh"), wo = /* @__PURE__ */ Nt("vw"), $n = {
   ...X,
   parse: (t) => X.parse(t) / 100,
   transform: (t) => X.transform(t * 100)
 }, ft = {
-  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)) + ")"
+  test: /* @__PURE__ */ dn("hsl", "hue"),
+  parse: /* @__PURE__ */ Ss("hue", "saturation", "lightness"),
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " + X.transform(Mt(e)) + ", " + X.transform(Mt(n)) + ", " + Mt(kt.transform(i)) + ")"
 }, 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),
+  test: (t) => lt.test(t) || De.test(t) || ft.test(t),
+  parse: (t) => lt.test(t) ? lt.parse(t) : ft.test(t) ? ft.parse(t) : De.parse(t),
   transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? lt.transform(t) : ft.transform(t),
   getAnimatableNone: (t) => {
     const e = L.parse(t);
     return e.alpha = 0, L.transform(e);
   }
-}, To = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function wo(t) {
+}, bo = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function So(t) {
   var e, n;
-  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;
+  return isNaN(t) && typeof t == "string" && (((e = t.match(fn)) == null ? void 0 : e.length) || 0) + (((n = t.match(bo)) == null ? void 0 : n.length) || 0) > 0;
 }
-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 Ps = "number", As = "color", Po = "var", Ao = "var(", Un = "${}", Vo = /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 Ft(t) {
   const e = t.toString(), n = [], i = {
     color: [],
     number: [],
     var: []
   }, s = [];
   let o = 0;
-  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);
+  const a = e.replace(Vo, (l) => (L.test(l) ? (i.color.push(o), s.push(As), n.push(L.parse(l))) : l.startsWith(Ao) ? (i.var.push(o), s.push(Po), n.push(l)) : (i.number.push(o), s.push(Ps), n.push(parseFloat(l))), ++o, Un)).split(Un);
   return { values: n, split: a, indexes: i, types: s };
 }
-function Ps(t) {
-  return kt(t).values;
+function Vs(t) {
+  return Ft(t).values;
 }
-function As(t) {
-  const { split: e, types: n } = kt(t), i = e.length;
+function Ds(t) {
+  const { split: e, types: n } = Ft(t), i = e.length;
   return (s) => {
     let o = "";
     for (let r = 0; r < i; r++)
       if (o += e[r], s[r] !== void 0) {
         const a = n[r];
-        a === bs ? o += Ct(s[r]) : a === Ss ? o += L.transform(s[r]) : o += s[r];
+        a === Ps ? o += Mt(s[r]) : a === As ? o += L.transform(s[r]) : o += s[r];
       }
     return o;
   };
 }
-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(Ao));
+const Do = (t) => typeof t == "number" ? 0 : L.test(t) ? L.getAnimatableNone(t) : t;
+function Co(t) {
+  const e = Vs(t);
+  return Ds(t)(e.map(Do));
 }
 const it = {
-  test: wo,
-  parse: Ps,
-  createTransformer: As,
-  getAnimatableNone: Vo
+  test: So,
+  parse: Vs,
+  createTransformer: Ds,
+  getAnimatableNone: Co
 };
-function ue(t, e, n) {
+function he(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 Do({ hue: t, saturation: e, lightness: n, alpha: i }) {
+function Mo({ 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 = ue(l, a, t + 1 / 3), o = ue(l, a, t), r = ue(l, a, t - 1 / 3);
+    s = he(l, a, t + 1 / 3), o = he(l, a, t), r = he(l, a, t - 1 / 3);
   }
   return {
     red: Math.round(s * 255),
@@ -339,55 +339,55 @@ function Do({ hue: t, saturation: e, lightness: n, alpha: i }) {
     alpha: i
   };
 }
-function Yt(t, e) {
+function Xt(t, e) {
   return (n) => n > 0 ? e : t;
 }
-const E = (t, e, n) => t + (e - t) * n, he = (t, e, n) => {
+const E = (t, e, n) => t + (e - t) * n, fe = (t, e, n) => {
   const i = t * t, s = n * (e * e - i) + i;
   return s < 0 ? 0 : Math.sqrt(s);
-}, Co = [Ve, lt, ft], Mo = (t) => Co.find((e) => e.test(t));
-function $n(t) {
-  const e = Mo(t);
+}, Eo = [De, lt, ft], Ro = (t) => Eo.find((e) => e.test(t));
+function Wn(t) {
+  const e = Ro(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 = Do(n)), n;
+  return e === ft && (n = Mo(n)), n;
 }
-const Un = (t, e) => {
-  const n = $n(t), i = $n(e);
+const Kn = (t, e) => {
+  const n = Wn(t), i = Wn(e);
   if (!n || !i)
-    return Yt(t, e);
+    return Xt(t, e);
   const s = { ...n };
-  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;
+  return (o) => (s.red = fe(n.red, i.red, o), s.green = fe(n.green, i.green, o), s.blue = fe(n.blue, i.blue, o), s.alpha = E(n.alpha, i.alpha, o), lt.transform(s));
+}, Ce = /* @__PURE__ */ new Set(["none", "hidden"]);
+function Lo(t, e) {
+  return Ce.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
-function Ro(t, e) {
+function ko(t, e) {
   return (n) => E(t, e, n);
 }
-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 pn(t) {
+  return typeof t == "number" ? ko : typeof t == "string" ? hn(t) ? Xt : L.test(t) ? Kn : Io : Array.isArray(t) ? Cs : typeof t == "object" ? L.test(t) ? Kn : Fo : Xt;
 }
-function Vs(t, e) {
-  const n = [...t], i = n.length, s = t.map((o, r) => fn(o)(o, e[r]));
+function Cs(t, e) {
+  const n = [...t], i = n.length, s = t.map((o, r) => pn(o)(o, e[r]));
   return (o) => {
     for (let r = 0; r < i; r++)
       n[r] = s[r](o);
     return n;
   };
 }
-function Lo(t, e) {
+function Fo(t, e) {
   const n = { ...t, ...e }, i = {};
   for (const s in n)
-    t[s] !== void 0 && e[s] !== void 0 && (i[s] = fn(t[s])(t[s], e[s]));
+    t[s] !== void 0 && e[s] !== void 0 && (i[s] = pn(t[s])(t[s], e[s]));
   return (s) => {
     for (const o in i)
       n[o] = i[o](s);
     return n;
   };
 }
-function ko(t, e) {
+function Bo(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 ko(t, e) {
   }
   return n;
 }
-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 ? 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));
+const Io = (t, e) => {
+  const n = it.createTransformer(e), i = Ft(t), s = Ft(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 ? Ce.has(t) && !s.values.length || Ce.has(e) && !i.values.length ? Lo(t, e) : Ot(Cs(Bo(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"), Xt(t, e));
 };
-function Ds(t, e, n) {
-  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? E(t, e, n) : fn(t)(t, e);
+function Ms(t, e, n) {
+  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? E(t, e, n) : pn(t)(t, e);
 }
-const Bo = (t) => {
+const Oo = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: (n = !0) => C.update(e, n),
@@ -413,33 +413,33 @@ const Bo = (t) => {
      */
     now: () => B.isProcessing ? B.timestamp : N.now()
   };
-}, Cs = (t, e, n = 10) => {
+}, Es = (t, e, n = 10) => {
   let i = "";
   const s = Math.max(Math.round(e / n), 2);
   for (let o = 0; o < s; o++)
     i += Math.round(t(o / (s - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${i.substring(0, i.length - 2)})`;
-}, Xt = 2e4;
-function dn(t) {
+}, qt = 2e4;
+function mn(t) {
   let e = 0;
   const n = 50;
   let i = t.next(e);
-  for (; !i.done && e < Xt; )
+  for (; !i.done && e < qt; )
     e += n, i = t.next(e);
-  return e >= Xt ? 1 / 0 : e;
+  return e >= qt ? 1 / 0 : e;
 }
-function Io(t, e = 100, n) {
-  const i = n({ ...t, keyframes: [0, e] }), s = Math.min(dn(i), Xt);
+function jo(t, e = 100, n) {
+  const i = n({ ...t, keyframes: [0, e] }), s = Math.min(mn(i), qt);
   return {
     type: "keyframes",
     ease: (o) => i.next(s * o).value / e,
     duration: /* @__PURE__ */ G(s)
   };
 }
-const Oo = 5;
-function Ms(t, e, n) {
-  const i = Math.max(e - Oo, 0);
-  return as(n - t(i), e - i);
+const No = 5;
+function Rs(t, e, n) {
+  const i = Math.max(e - No, 0);
+  return cs(n - t(i), e - i);
 }
 const M = {
   // Default spring physics
@@ -469,25 +469,25 @@ const M = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, fe = 1e-3;
-function jo({ duration: t = M.duration, bounce: e = M.bounce, velocity: n = M.velocity, mass: i = M.mass }) {
+}, de = 1e-3;
+function $o({ duration: t = M.duration, bounce: e = M.bounce, velocity: n = M.velocity, mass: i = M.mass }) {
   let s, o;
   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 = Ce(c, r), p = Math.exp(-h);
-    return fe - f / d * p;
+    const u = c * r, h = u * t, f = u - n, d = Me(c, r), p = Math.exp(-h);
+    return de - 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 = Ce(Math.pow(c, 2), r);
-    return (-s(c) + fe > 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 = Me(Math.pow(c, 2), r);
+    return (-s(c) + de > 0 ? -1 : 1) * ((f - d) * p) / m;
   }) : (s = (c) => {
     const u = Math.exp(-c * t), h = (c - n) * t + 1;
-    return -fe + u * h;
+    return -de + u * h;
   }, o = (c) => {
     const u = Math.exp(-c * t), h = (n - c) * (t * t);
     return u * h;
   });
-  const a = 5 / t, l = $o(s, o, a);
+  const a = 5 / t, l = Wo(s, o, a);
   if (t = /* @__PURE__ */ Y(t), isNaN(l))
     return {
       stiffness: M.stiffness,
@@ -503,21 +503,21 @@ function jo({ duration: t = M.duration, bounce: e = M.bounce, velocity: n = M.ve
     };
   }
 }
-const No = 12;
-function $o(t, e, n) {
+const Uo = 12;
+function Wo(t, e, n) {
   let i = n;
-  for (let s = 1; s < No; s++)
+  for (let s = 1; s < Uo; s++)
     i = i - t(i) / e(i);
   return i;
 }
-function Ce(t, e) {
+function Me(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const Uo = ["duration", "bounce"], Wo = ["stiffness", "damping", "mass"];
-function Wn(t, e) {
+const Ko = ["duration", "bounce"], Go = ["stiffness", "damping", "mass"];
+function Gn(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function Ko(t) {
+function _o(t) {
   let e = {
     velocity: M.velocity,
     stiffness: M.stiffness,
@@ -526,7 +526,7 @@ function Ko(t) {
     isResolvedFromDuration: !1,
     ...t
   };
-  if (!Wn(t, Wo) && Wn(t, Uo))
+  if (!Gn(t, Go) && Gn(t, Ko))
     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 Ko(t) {
         damping: o
       };
     } else {
-      const n = jo(t);
+      const n = $o(t);
       e = {
         ...e,
         ...n,
@@ -545,21 +545,21 @@ function Ko(t) {
     }
   return e;
 }
-function qt(t = M.visualDuration, e = M.bounce) {
+function Zt(t = M.visualDuration, e = M.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
     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 } = Ko({
+  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({
     ...n,
     velocity: -/* @__PURE__ */ G(n.velocity || 0)
   }), 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 b = Ce(y, m);
+    const b = Me(y, m);
     v = (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));
@@ -581,14 +581,14 @@ function qt(t = M.visualDuration, e = M.bounce) {
         a.done = b >= h;
       else {
         let D = b === 0 ? p : 0;
-        m < 1 && (D = b === 0 ? /* @__PURE__ */ Y(p) : Ms(v, b, V));
+        m < 1 && (D = b === 0 ? /* @__PURE__ */ Y(p) : Rs(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 b = Math.min(dn(S), Xt), V = Cs((D) => S.next(b * D).value, b, 30);
+      const b = Math.min(mn(S), qt), V = Es((D) => S.next(b * D).value, b, 30);
       return b + "ms " + V;
     },
     toTransition: () => {
@@ -596,11 +596,11 @@ function qt(t = M.visualDuration, e = M.bounce) {
   };
   return S;
 }
-qt.applyToOptions = (t) => {
-  const e = Io(t, 100, qt);
+Zt.applyToOptions = (t) => {
+  const e = jo(t, 100, Zt);
   return t.ease = e.ease, t.duration = /* @__PURE__ */ Y(e.duration), t.type = "keyframes", t;
 };
-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 }) {
+function Ee({ 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
@@ -614,9 +614,9 @@ function Me({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
   };
   let b, V;
   const D = (P) => {
-    d(f.value) && (b = P, V = qt({
+    d(f.value) && (b = P, V = Zt({
       keyframes: [f.value, p(f.value)],
-      velocity: Ms(v, P, f.value),
+      velocity: Rs(v, P, f.value),
       // TODO: This should be passing * 1000
       damping: s,
       stiffness: o,
@@ -632,19 +632,19 @@ function Me({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
     }
   };
 }
-function Go(t, e, n) {
-  const i = [], s = n || Q.mix || Ds, o = t.length - 1;
+function zo(t, e, n) {
+  const i = [], s = n || Q.mix || Ms, o = t.length - 1;
   for (let r = 0; r < o; r++) {
     let a = s(t[r], t[r + 1]);
     if (e) {
       const l = Array.isArray(e) ? e[r] || _ : e;
-      a = It(l, a);
+      a = Ot(l, a);
     }
     i.push(a);
   }
   return i;
 }
-function _o(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
+function Ho(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
   const o = t.length;
   if (J(o === e.length, "Both input and output ranges must be the same length", "range-length"), o === 1)
     return () => e[0];
@@ -652,68 +652,68 @@ function _o(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
     return () => e[1];
   const r = t[0] === t[1];
   t[0] > t[o - 1] && (t = [...t].reverse(), e = [...e].reverse());
-  const a = Go(e, i, s), l = a.length, c = (u) => {
+  const a = zo(e, i, s), l = a.length, c = (u) => {
     if (r && u < t[0])
       return e[0];
     let h = 0;
     if (l > 1)
       for (; h < t.length - 2 && !(u < t[h + 1]); h++)
         ;
-    const f = /* @__PURE__ */ Rt(t[h], t[h + 1], u);
+    const f = /* @__PURE__ */ Lt(t[h], t[h + 1], u);
     return a[h](f);
   };
   return n ? (u) => c(q(t[0], t[o - 1], u)) : c;
 }
-function zo(t, e) {
+function Yo(t, e) {
   const n = t[t.length - 1];
   for (let i = 1; i <= e; i++) {
-    const s = /* @__PURE__ */ Rt(0, e, i);
+    const s = /* @__PURE__ */ Lt(0, e, i);
     t.push(E(n, 1, s));
   }
 }
-function Ho(t) {
+function Xo(t) {
   const e = [0];
-  return zo(e, t.length - 1), e;
+  return Yo(e, t.length - 1), e;
 }
-function Yo(t, e) {
+function qo(t, e) {
   return t.map((n) => n * e);
 }
-function Xo(t, e) {
-  return t.map(() => e || gs).splice(0, t.length - 1);
+function Zo(t, e) {
+  return t.map(() => e || vs).splice(0, t.length - 1);
 }
 function dt({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }) {
-  const s = oo(i) ? i.map(In) : In(i), o = {
+  const s = lo(i) ? i.map(jn) : jn(i), o = {
     done: !1,
     value: e[0]
-  }, r = Yo(
+  }, r = qo(
     // 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 : Ho(e),
+    n && n.length === e.length ? n : Xo(e),
     t
-  ), a = _o(r, e, {
-    ease: Array.isArray(s) ? s : Xo(e, s)
+  ), a = Ho(r, e, {
+    ease: Array.isArray(s) ? s : Zo(e, s)
   });
   return {
     calculatedDuration: t,
     next: (l) => (o.value = a(l), o.done = l >= t, o)
   };
 }
-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;
+const Jo = (t) => t !== null;
+function gn(t, { repeat: e, repeatType: n = "loop" }, i, s = 1) {
+  const o = t.filter(Jo), a = s < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
   return !a || i === void 0 ? o[a] : i;
 }
-const Zo = {
-  decay: Me,
-  inertia: Me,
+const Qo = {
+  decay: Ee,
+  inertia: Ee,
   tween: dt,
   keyframes: dt,
-  spring: qt
+  spring: Zt
 };
-function Es(t) {
-  typeof t.type == "string" && (t.type = Zo[t.type]);
+function Ls(t) {
+  typeof t.type == "string" && (t.type = Qo[t.type]);
 }
-class mn {
+class yn {
   constructor() {
     this.updateFinished();
   }
@@ -737,8 +737,8 @@ class mn {
     return this.finished.then(e, n);
   }
 }
-const Jo = (t) => t / 100;
-class gn extends mn {
+const ta = (t) => t / 100;
+class vn extends yn {
   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;
@@ -748,17 +748,17 @@ class gn extends mn {
   }
   initAnimation() {
     const { options: e } = this;
-    Es(e);
+    Ls(e);
     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 && 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]);
+    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 = Ot(ta, Ms(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 = dn(c));
+    })), c.calculatedDuration === null && (c.calculatedDuration = mn(c));
     const { calculatedDuration: u } = c;
     this.calculatedDuration = u, this.resolvedDuration = u + s, this.totalDuration = this.resolvedDuration * (i + 1) - s, this.generator = c;
   }
@@ -785,7 +785,7 @@ class gn extends mn {
     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 !== Me && (b.value = pn(u, this.options, g, this.speed)), m && m(b.value), D && this.finish(), b;
+    return D && p !== Ee && (b.value = gn(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
@@ -821,7 +821,7 @@ class gn extends mn {
     var s, o;
     if (this.isStopped)
       return;
-    const { driver: e = Bo, startTime: n } = this.options;
+    const { driver: e = Oo, 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();
@@ -854,14 +854,14 @@ class gn extends mn {
     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 ea(t) {
   for (let e = 1; e < t.length; e++)
     t[e] ?? (t[e] = t[e - 1]);
 }
-const ct = (t) => t * 180 / Math.PI, Ee = (t) => {
+const ct = (t) => t * 180 / Math.PI, Re = (t) => {
   const e = ct(Math.atan2(t[1], t[0]));
-  return Re(e);
-}, ta = {
+  return Le(e);
+}, na = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -869,53 +869,53 @@ const ct = (t) => t * 180 / Math.PI, Ee = (t) => {
   scaleX: 0,
   scaleY: 3,
   scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
-  rotate: Ee,
-  rotateZ: Ee,
+  rotate: Re,
+  rotateZ: Re,
   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
-}, 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 = {
+}, Le = (t) => (t = t % 360, t < 0 && (t += 360), t), _n = Re, zn = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Hn = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), ia = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: Gn,
-  scaleY: _n,
-  scale: (t) => (Gn(t) + _n(t)) / 2,
-  rotateX: (t) => Re(ct(Math.atan2(t[6], t[5]))),
-  rotateY: (t) => Re(ct(Math.atan2(-t[2], t[0]))),
-  rotateZ: Kn,
-  rotate: Kn,
+  scaleX: zn,
+  scaleY: Hn,
+  scale: (t) => (zn(t) + Hn(t)) / 2,
+  rotateX: (t) => Le(ct(Math.atan2(t[6], t[5]))),
+  rotateY: (t) => Le(ct(Math.atan2(-t[2], t[0]))),
+  rotateZ: _n,
+  rotate: _n,
   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 Le(t) {
+function ke(t) {
   return t.includes("scale") ? 1 : 0;
 }
-function ke(t, e) {
+function Fe(t, e) {
   if (!t || t === "none")
-    return Le(e);
+    return ke(e);
   const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let i, s;
   if (n)
-    i = ea, s = n;
+    i = ia, s = n;
   else {
     const a = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    i = ta, s = a;
+    i = na, s = a;
   }
   if (!s)
-    return Le(e);
-  const o = i[e], r = s[1].split(",").map(ia);
+    return ke(e);
+  const o = i[e], r = s[1].split(",").map(ra);
   return typeof o == "function" ? o(r) : r[o];
 }
-const na = (t, e) => {
+const sa = (t, e) => {
   const { transform: n = "none" } = getComputedStyle(t);
-  return ke(n, e);
+  return Fe(n, e);
 };
-function ia(t) {
+function ra(t) {
   return parseFloat(t.trim());
 }
 const bt = [
@@ -936,10 +936,10 @@ const bt = [
   "skew",
   "skewX",
   "skewY"
-], 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) {
+], St = new Set(bt), Yn = (t) => t === wt || t === w, oa = /* @__PURE__ */ new Set(["x", "y", "z"]), aa = bt.filter((t) => !oa.has(t));
+function la(t) {
   const e = [];
-  return ra.forEach((n) => {
+  return aa.forEach((n) => {
     const i = t.getValue(n);
     i !== void 0 && (e.push([n, i.get()]), i.set(n.startsWith("scale") ? 1 : 0));
   }), e;
@@ -953,18 +953,18 @@ const et = {
   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 }) => ke(e, "x"),
-  y: (t, { transform: e }) => ke(e, "y")
+  x: (t, { transform: e }) => Fe(e, "x"),
+  y: (t, { transform: e }) => Fe(e, "y")
 };
 et.translateX = et.x;
 et.translateY = et.y;
 const ut = /* @__PURE__ */ new Set();
-let Fe = !1, Be = !1, Ie = !1;
-function Rs() {
-  if (Be) {
+let Be = !1, Ie = !1, Oe = !1;
+function ks() {
+  if (Ie) {
     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 = oa(i);
+      const s = la(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);
     });
   }
-  Be = !1, Fe = !1, ut.forEach((t) => t.complete(Ie)), ut.clear();
+  Ie = !1, Be = !1, ut.forEach((t) => t.complete(Oe)), ut.clear();
 }
-function Ls() {
+function Fs() {
   ut.forEach((t) => {
-    t.readKeyframes(), t.needsMeasurement && (Be = !0);
+    t.readKeyframes(), t.needsMeasurement && (Ie = !0);
   });
 }
-function aa() {
-  Ie = !0, Ls(), Rs(), Ie = !1;
+function ca() {
+  Oe = !0, Fs(), ks(), Oe = !1;
 }
-class yn {
+class xn {
   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), Fe || (Fe = !0, C.read(Ls), C.resolveKeyframes(Rs))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (ut.add(this), Be || (Be = !0, C.read(Fs), C.resolveKeyframes(ks))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: i, motionValue: s } = this;
@@ -1006,7 +1006,7 @@ class yn {
       }
       e[0] === void 0 && (e[0] = r), s && o === void 0 && s.set(e[0]);
     }
-    Qo(e);
+    ea(e);
   }
   setFinalKeyframe() {
   }
@@ -1026,43 +1026,43 @@ class yn {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const la = (t) => t.startsWith("--");
-function ca(t, e, n) {
-  la(e) ? t.style.setProperty(e, n) : t.style[e] = n;
+const ua = (t) => t.startsWith("--");
+function ha(t, e, n) {
+  ua(e) ? t.style.setProperty(e, n) : t.style[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 fa = /* @__PURE__ */ on(() => window.ScrollTimeline !== void 0), da = {};
+function pa(t, e) {
+  const n = /* @__PURE__ */ on(t);
+  return () => da[e] ?? n();
 }
-const ks = /* @__PURE__ */ fa(() => {
+const Bs = /* @__PURE__ */ pa(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
     return !1;
   }
   return !0;
-}, "linearEasing"), Vt = ([t, e, n, i]) => `cubic-bezier(${t}, ${e}, ${n}, ${i})`, Hn = {
+}, "linearEasing"), Dt = ([t, e, n, i]) => `cubic-bezier(${t}, ${e}, ${n}, ${i})`, Xn = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ Vt([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ Vt([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ Vt([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ Vt([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ Dt([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ Dt([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ Dt([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ Dt([0.33, 1.53, 0.69, 0.99])
 };
-function Fs(t, e) {
+function Is(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];
+    return typeof t == "function" ? Bs() ? Es(t, e) : "ease-out" : xs(t) ? Dt(t) : Array.isArray(t) ? t.map((n) => Is(n, e) || Xn.easeOut) : Xn[t];
 }
-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) {
+function ma(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
   };
   l && (u.offset = l);
-  const h = Fs(a, s);
+  const h = Is(a, s);
   Array.isArray(h) && (u.easing = h);
   const f = {
     delay: i,
@@ -1074,23 +1074,23 @@ function da(t, e, n, { delay: i = 0, duration: s = 300, repeat: o = 0, repeatTyp
   };
   return c && (f.pseudoElement = c), t.animate(u, f);
 }
-function Bs(t) {
+function Os(t) {
   return typeof t == "function" && "applyToOptions" in t;
 }
-function pa({ type: t, ...e }) {
-  return Bs(t) && ks() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
+function ga({ type: t, ...e }) {
+  return Os(t) && Bs() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
 }
-class ma extends mn {
+class ya extends yn {
   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, 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 = () => {
+    const c = ga(e);
+    this.animation = ma(n, i, s, c, o), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !o) {
-        const u = pn(s, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(u) : ca(n, i, u), this.animation.cancel();
+        const u = gn(s, this.options, a, this.speed);
+        this.updateMotionValue ? this.updateMotionValue(u) : ha(n, i, u), this.animation.cancel();
       }
       l == null || l(), this.notifyFinished();
     };
@@ -1174,24 +1174,24 @@ class ma extends mn {
    */
   attachTimeline({ timeline: e, observe: n }) {
     var i;
-    return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && ua() ? (this.animation.timeline = e, _) : n(this);
+    return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && fa() ? (this.animation.timeline = e, _) : n(this);
   }
 }
-const Is = {
-  anticipate: ds,
-  backInOut: fs,
-  circInOut: ms
+const js = {
+  anticipate: ms,
+  backInOut: ps,
+  circInOut: ys
 };
-function ga(t) {
-  return t in Is;
+function va(t) {
+  return t in js;
 }
-function ya(t) {
-  typeof t.ease == "string" && ga(t.ease) && (t.ease = Is[t.ease]);
+function xa(t) {
+  typeof t.ease == "string" && va(t.ease) && (t.ease = js[t.ease]);
 }
-const de = 10;
-class va extends ma {
+const pe = 10;
+class Ta extends ya {
   constructor(e) {
-    ya(e), Es(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
+    xa(e), Ls(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 va extends ma {
       n.set(e);
       return;
     }
-    const a = new gn({
+    const a = new vn({
       ...r,
       autoplay: !1
-    }), l = Math.max(de, N.now() - this.startTime), c = q(0, de, l - de);
+    }), l = Math.max(pe, N.now() - this.startTime), c = q(0, pe, l - pe);
     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
+const qn = (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 xa(t) {
+function wa(t) {
   const e = t[0];
   if (t.length === 1)
     return !0;
@@ -1227,40 +1227,40 @@ function xa(t) {
     if (t[n] !== e)
       return !0;
 }
-function Ta(t, e, n, i) {
+function ba(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 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;
+  const o = t[t.length - 1], r = qn(s, e), a = qn(o, e);
+  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 : wa(t) || (n === "spring" || Os(n)) && i;
 }
-function Oe(t) {
+function je(t) {
   t.duration = 0, t.type = "keyframes";
 }
-const wa = /* @__PURE__ */ new Set([
+const Sa = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), ba = /* @__PURE__ */ sn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function Sa(t) {
+]), Pa = /* @__PURE__ */ on(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function Aa(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 ba() && n && wa.has(n) && (n !== "transform" || !c) && /**
+  return Pa() && n && Sa.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 Pa = 40;
-class Aa extends mn {
+const Va = 40;
+class Da extends yn {
   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 = () => {
@@ -1278,23 +1278,23 @@ class Aa extends mn {
       motionValue: c,
       element: u,
       ...h
-    }, d = (u == null ? void 0 : u.KeyframeResolver) || yn;
+    }, d = (u == null ? void 0 : u.KeyframeResolver) || xn;
     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 g, y;
     this.keyframeResolver = void 0;
     const { name: o, type: r, velocity: a, delay: l, isHandoff: c, onUpdate: u } = i;
-    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);
+    this.resolvedAt = N.now(), ba(e, o, r, a) || ((Q.instantAnimations || !l) && (u == null || u(gn(e, i, n))), e[0] = e[e.length - 1], je(i), i.repeat = 0);
     const f = {
-      startTime: s ? this.resolvedAt ? this.resolvedAt - this.createdAt > Pa ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      startTime: s ? this.resolvedAt ? this.resolvedAt - this.createdAt > Va ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
       ...i,
       keyframes: e
-    }, d = !c && Sa(f), p = (y = (g = f.motionValue) == null ? void 0 : g.owner) == null ? void 0 : y.current, m = d ? new va({
+    }, d = !c && Aa(f), p = (y = (g = f.motionValue) == null ? void 0 : g.owner) == null ? void 0 : y.current, m = d ? new Ta({
       ...f,
       element: p
-    }) : new gn(f);
+    }) : new vn(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 Aa extends mn {
   }
   get animation() {
     var e;
-    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), aa()), this._animation;
+    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), ca()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -1351,64 +1351,64 @@ class Aa extends mn {
     this._animation && this.animation.cancel(), (e = this.keyframeResolver) == null || e.cancel();
   }
 }
-function Os(t, e, n, i = 0, s = 1) {
+function Ns(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 Va = (
+const Ca = (
   // 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 Da(t) {
-  const e = Va.exec(t);
+function Ma(t) {
+  const e = Ca.exec(t);
   if (!e)
     return [,];
   const [, n, i, s] = e;
   return [`--${n ?? i}`, s];
 }
-const Ca = 4;
-function js(t, e, n = 1) {
-  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);
+const Ea = 4;
+function $s(t, e, n = 1) {
+  J(n <= Ea, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [i, s] = Ma(t);
   if (!i)
     return;
   const o = window.getComputedStyle(e).getPropertyValue(i);
   if (o) {
     const r = o.trim();
-    return ss(r) ? parseFloat(r) : r;
+    return os(r) ? parseFloat(r) : r;
   }
-  return cn(s) ? js(s, e, n + 1) : s;
+  return hn(s) ? $s(s, e, n + 1) : s;
 }
-const Ma = {
+const Ra = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Ea = (t) => ({
+}, La = (t) => ({
   type: "spring",
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Ra = {
+}), ka = {
   type: "keyframes",
   duration: 0.8
-}, La = {
+}, Fa = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, 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;
+}, Ba = (t, { keyframes: e }) => e.length > 2 ? ka : St.has(t) ? t.startsWith("scale") ? La(e[1]) : Ra : Fa, Ia = (t) => t !== null;
+function Oa(t, { repeat: e, repeatType: n = "loop" }, i) {
+  const s = t.filter(Ia), o = e && n !== "loop" && e % 2 === 1 ? 0 : s.length - 1;
   return s[o];
 }
-function vn(t, e) {
+function Tn(t, e) {
   return (t == null ? void 0 : t[e]) ?? (t == null ? void 0 : t.default) ?? t;
 }
-function Ia({ when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: s, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: c, ...u }) {
+function ja({ 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 xn = (t, e, n, i = {}, s, o) => (r) => {
-  const a = vn(i, t) || {}, l = a.delay || i.delay || 0;
+const wn = (t, e, n, i = {}, s, o) => (r) => {
+  const a = Tn(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 xn = (t, e, n, i = {}, s, o) => (r) => {
     motionValue: e,
     element: o ? void 0 : s
   };
-  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);
+  ja(a) || Object.assign(u, Ba(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) && (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 ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (je(u), u.delay === 0 && (h = !0)), (Q.instantAnimations || Q.skipAnimations || s != null && s.shouldSkipAnimations) && (h = !0, je(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
+    const f = Oa(u.keyframes, a);
     if (f !== void 0) {
       C.update(() => {
         u.onUpdate(f), u.onComplete();
@@ -1438,30 +1438,30 @@ const xn = (t, e, n, i = {}, s, o) => (r) => {
       return;
     }
   }
-  return a.isSync ? new gn(u) : new Aa(u);
+  return a.isSync ? new vn(u) : new Da(u);
 };
-function Xn(t) {
+function Zn(t) {
   const e = [{}, {}];
   return t == null || t.values.forEach((n, i) => {
     e[0][i] = n.get(), e[1][i] = n.getVelocity();
   }), e;
 }
-function Tn(t, e, n, i) {
+function bn(t, e, n, i) {
   if (typeof e == "function") {
-    const [s, o] = Xn(i);
+    const [s, o] = Zn(i);
     e = e(n !== void 0 ? n : t.custom, s, o);
   }
   if (typeof e == "string" && (e = t.variants && t.variants[e]), typeof e == "function") {
-    const [s, o] = Xn(i);
+    const [s, o] = Zn(i);
     e = e(n !== void 0 ? n : t.custom, s, o);
   }
   return e;
 }
 function yt(t, e, n) {
   const i = t.getProps();
-  return Tn(i, e, n !== void 0 ? n : i.custom, t);
+  return bn(i, e, n !== void 0 ? n : i.custom, t);
 }
-const Ns = /* @__PURE__ */ new Set([
+const Us = /* @__PURE__ */ new Set([
   "width",
   "height",
   "top",
@@ -1469,8 +1469,8 @@ const Ns = /* @__PURE__ */ new Set([
   "right",
   "bottom",
   ...bt
-]), qn = 30, Oa = (t) => !isNaN(parseFloat(t));
-class ja {
+]), Jn = 30, Na = (t) => !isNaN(parseFloat(t));
+class $a {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -1487,7 +1487,7 @@ class ja {
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = N.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = Oa(this.current));
+    this.current = e, this.updatedAt = N.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = Na(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -1533,10 +1533,10 @@ class ja {
    * @deprecated
    */
   onChange(e) {
-    return process.env.NODE_ENV !== "production" && on(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
+    return process.env.NODE_ENV !== "production" && ln(!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 rn());
+    this.events[e] || (this.events[e] = new an());
     const i = this.events[e].add(n);
     return e === "change" ? () => {
       i(), C.read(() => {
@@ -1617,10 +1617,10 @@ class ja {
    */
   getVelocity() {
     const e = N.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > qn)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > Jn)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, qn);
-    return as(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, Jn);
+    return cs(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1673,91 +1673,91 @@ class ja {
   }
 }
 function vt(t, e) {
-  return new ja(t, e);
+  return new $a(t, e);
 }
-const je = (t) => Array.isArray(t);
-function Na(t, e, n) {
+const Ne = (t) => Array.isArray(t);
+function Ua(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, vt(n));
 }
-function $a(t) {
-  return je(t) ? t[t.length - 1] || 0 : t;
+function Wa(t) {
+  return Ne(t) ? t[t.length - 1] || 0 : t;
 }
-function Ua(t, e) {
+function Ka(t, e) {
   const n = yt(t, e);
   let { transitionEnd: i = {}, transition: s = {}, ...o } = n || {};
   o = { ...o, ...i };
   for (const r in o) {
-    const a = $a(o[r]);
-    Na(t, r, a);
+    const a = Wa(o[r]);
+    Ua(t, r, a);
   }
 }
 const j = (t) => !!(t && t.getVelocity);
-function Wa(t) {
+function Ga(t) {
   return !!(j(t) && t.add);
 }
-function Ne(t, e) {
+function $e(t, e) {
   const n = t.getValue("willChange");
-  if (Wa(n))
+  if (Ga(n))
     return n.add(e);
   if (!n && Q.WillChange) {
     const i = new Q.WillChange("auto");
     t.addValue("willChange", i), i.add(e);
   }
 }
-function wn(t) {
+function Sn(t) {
   return t.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
 }
-const Ka = "framerAppearId", $s = "data-" + wn(Ka);
-function Us(t) {
-  return t.props[$s];
+const _a = "framerAppearId", Ws = "data-" + Sn(_a);
+function Ks(t) {
+  return t.props[Ws];
 }
-function Ga({ protectedKeys: t, needsAnimating: e }, n) {
+function za({ protectedKeys: t, needsAnimating: e }, n) {
   const i = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, i;
 }
-function Ws(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
+function Gs(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
   let { transition: o = t.getDefaultTransition(), transitionEnd: r, ...a } = e;
   const l = o == null ? void 0 : o.reduceMotion;
   i && (o = i);
   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 && Ga(u, h))
+    if (d === void 0 || u && za(u, h))
       continue;
     const p = {
       delay: n,
-      ...vn(o || {}, h)
+      ...Tn(o || {}, h)
     }, m = f.get();
     if (m !== void 0 && !f.isAnimating && !Array.isArray(d) && d === m && !p.velocity)
       continue;
     let g = !1;
     if (window.MotionHandoffAnimation) {
-      const v = Us(t);
+      const v = Ks(t);
       if (v) {
         const S = window.MotionHandoffAnimation(v, h, C);
         S !== null && (p.startTime = S, g = !0);
       }
     }
-    Ne(t, h);
+    $e(t, h);
     const y = l ?? t.shouldReduceMotion;
-    f.start(xn(h, f, d, y && Ns.has(h) ? { type: !1 } : p, t, g));
+    f.start(wn(h, f, d, y && Us.has(h) ? { type: !1 } : p, t, g));
     const x = f.animation;
     x && c.push(x);
   }
   return r && Promise.all(c).then(() => {
     C.update(() => {
-      r && Ua(t, r);
+      r && Ka(t, r);
     });
   }), c;
 }
-function $e(t, e, n = {}) {
+function Ue(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 o = i ? () => Promise.all(Gs(t, i, n)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (c = 0) => {
     const { delayChildren: u = 0, staggerChildren: h, staggerDirection: f } = s;
-    return _a(t, e, c, u, h, f, n);
+    return Ha(t, e, c, u, h, f, n);
   } : () => Promise.resolve(), { when: a } = s;
   if (a) {
     const [c, u] = a === "beforeChildren" ? [o, r] : [r, o];
@@ -1765,68 +1765,68 @@ function $e(t, e, n = {}) {
   } else
     return Promise.all([o(), r(n.delay)]);
 }
-function _a(t, e, n = 0, i = 0, s = 0, o = 1, r) {
+function Ha(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($e(l, e, {
+    l.notify("AnimationStart", e), a.push(Ue(l, e, {
       ...r,
-      delay: n + (typeof i == "function" ? 0 : i) + Os(t.variantChildren, l, i, s, o)
+      delay: n + (typeof i == "function" ? 0 : i) + Ns(t.variantChildren, l, i, s, o)
     }).then(() => l.notify("AnimationComplete", e)));
   return Promise.all(a);
 }
-function za(t, e, n = {}) {
+function Ya(t, e, n = {}) {
   t.notify("AnimationStart", e);
   let i;
   if (Array.isArray(e)) {
-    const s = e.map((o) => $e(t, o, n));
+    const s = e.map((o) => Ue(t, o, n));
     i = Promise.all(s);
   } else if (typeof e == "string")
-    i = $e(t, e, n);
+    i = Ue(t, e, n);
   else {
     const s = typeof e == "function" ? yt(t, e, n.custom) : e;
-    i = Promise.all(Ws(t, s, n));
+    i = Promise.all(Gs(t, s, n));
   }
   return i.then(() => {
     t.notify("AnimationComplete", e);
   });
 }
-const Ha = {
+const Xa = {
   test: (t) => t === "auto",
   parse: (t) => 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 Xa = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+}, _s = (t) => (e) => e.test(t), zs = [wt, w, X, tt, wo, To, Xa], Qn = (t) => zs.find(_s(t));
 function qa(t) {
+  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || ls(t) : !0;
+}
+const Za = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function Ja(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
-  const [i] = n.match(un) || [];
+  const [i] = n.match(fn) || [];
   if (!i)
     return t;
   const s = n.replace(i, "");
-  let o = Xa.has(e) ? 1 : 0;
+  let o = Za.has(e) ? 1 : 0;
   return i !== n && (o *= 100), e + "(" + o + s + ")";
 }
-const Za = /\b([a-z-]*)\(.*?\)/gu, Ue = {
+const Qa = /\b([a-z-]*)\(.*?\)/gu, We = {
   ...it,
   getAnimatableNone: (t) => {
-    const e = t.match(Za);
-    return e ? e.map(qa).join(" ") : t;
+    const e = t.match(Qa);
+    return e ? e.map(Ja).join(" ") : t;
   }
-}, Jn = {
+}, ti = {
   ...wt,
   transform: Math.round
-}, Ja = {
+}, tl = {
   rotate: tt,
   rotateX: tt,
   rotateY: tt,
   rotateZ: tt,
-  scale: Ut,
-  scaleX: Ut,
-  scaleY: Ut,
-  scaleZ: Ut,
+  scale: Wt,
+  scaleX: Wt,
+  scaleY: Wt,
+  scaleZ: Wt,
   skew: tt,
   skewX: tt,
   skewY: tt,
@@ -1839,11 +1839,11 @@ const Za = /\b([a-z-]*)\(.*?\)/gu, Ue = {
   z: w,
   perspective: w,
   transformPerspective: w,
-  opacity: Lt,
-  originX: jn,
-  originY: jn,
+  opacity: kt,
+  originX: $n,
+  originY: $n,
   originZ: w
-}, bn = {
+}, Pn = {
   // Border props
   borderWidth: w,
   borderTopWidth: w,
@@ -1899,14 +1899,14 @@ const Za = /\b([a-z-]*)\(.*?\)/gu, Ue = {
   // Misc
   backgroundPositionX: w,
   backgroundPositionY: w,
-  ...Ja,
-  zIndex: Jn,
+  ...tl,
+  zIndex: ti,
   // SVG
-  fillOpacity: Lt,
-  strokeOpacity: Lt,
-  numOctaves: Jn
-}, Qa = {
-  ...bn,
+  fillOpacity: kt,
+  strokeOpacity: kt,
+  numOctaves: ti
+}, el = {
+  ...Pn,
   // Color props
   color: L,
   backgroundColor: L,
@@ -1919,25 +1919,25 @@ const Za = /\b([a-z-]*)\(.*?\)/gu, Ue = {
   borderRightColor: L,
   borderBottomColor: L,
   borderLeftColor: L,
-  filter: Ue,
-  WebkitFilter: Ue
-}, _s = (t) => Qa[t];
-function zs(t, e) {
-  let n = _s(t);
-  return n !== Ue && (n = it), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
-}
-const tl = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function el(t, e, n) {
+  filter: We,
+  WebkitFilter: We
+}, Hs = (t) => el[t];
+function Ys(t, e) {
+  let n = Hs(t);
+  return n !== We && (n = it), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
+}
+const nl = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function il(t, e, n) {
   let i = 0, s;
   for (; i < t.length && !s; ) {
     const o = t[i];
-    typeof o == "string" && !tl.has(o) && kt(o).values.length && (s = t[i]), i++;
+    typeof o == "string" && !nl.has(o) && Ft(o).values.length && (s = t[i]), i++;
   }
   if (s && n)
     for (const o of e)
-      t[o] = zs(n, s);
+      t[o] = Ys(n, s);
 }
-class nl extends yn {
+class sl extends xn {
   constructor(e, n, i, s, o) {
     super(e, n, i, s, o, !0);
   }
@@ -1948,20 +1948,20 @@ class nl extends yn {
     super.readKeyframes();
     for (let u = 0; u < e.length; u++) {
       let h = e[u];
-      if (typeof h == "string" && (h = h.trim(), cn(h))) {
-        const f = js(h, n.current);
+      if (typeof h == "string" && (h = h.trim(), hn(h))) {
+        const f = $s(h, n.current);
         f !== void 0 && (e[u] = f), u === e.length - 1 && (this.finalKeyframe = h);
       }
     }
-    if (this.resolveNoneKeyframes(), !Ns.has(i) || e.length !== 2)
+    if (this.resolveNoneKeyframes(), !Us.has(i) || e.length !== 2)
       return;
-    const [s, o] = e, r = Zn(s), a = Zn(o), l = On(s), c = On(o);
+    const [s, o] = e, r = Qn(s), a = Qn(o), l = Nn(s), c = Nn(o);
     if (l !== c && et[i]) {
       this.needsMeasurement = !0;
       return;
     }
     if (r !== a)
-      if (zn(r) && zn(a))
+      if (Yn(r) && Yn(a))
         for (let u = 0; u < e.length; u++) {
           const h = e[u];
           typeof h == "string" && (e[u] = parseFloat(h));
@@ -1971,8 +1971,8 @@ class nl extends yn {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: n } = this, i = [];
     for (let s = 0; s < e.length; s++)
-      (e[s] === null || Ya(e[s])) && i.push(s);
-    i.length && el(e, i, n);
+      (e[s] === null || qa(e[s])) && i.push(s);
+    i.length && il(e, i, n);
   }
   measureInitialState() {
     const { element: e, unresolvedKeyframes: n, name: i } = this;
@@ -1995,7 +1995,7 @@ class nl extends yn {
     }), this.resolveNoneKeyframes();
   }
 }
-function il(t, e, n) {
+function rl(t, e, n) {
   if (t == null)
     return [];
   if (t instanceof EventTarget)
@@ -2007,44 +2007,44 @@ function il(t, e, n) {
   }
   return Array.from(t).filter((i) => i != null);
 }
-const Hs = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
-function We(t) {
-  return rs(t) && "offsetHeight" in t;
+const Xs = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
+function Ke(t) {
+  return as(t) && "offsetHeight" in t;
 }
-const { schedule: Sn } = /* @__PURE__ */ vs(queueMicrotask, !1), H = {
+const { schedule: An } = /* @__PURE__ */ Ts(queueMicrotask, !1), H = {
   x: !1,
   y: !1
 };
-function Ys() {
+function qs() {
   return H.x || H.y;
 }
-function sl(t) {
+function ol(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, () => {
     H.x = H.y = !1;
   });
 }
-function Xs(t, e) {
-  const n = il(t), i = new AbortController(), s = {
+function Zs(t, e) {
+  const n = rl(t), i = new AbortController(), s = {
     passive: !0,
     ...e,
     signal: i.signal
   };
   return [n, s, () => i.abort()];
 }
-function Qn(t) {
-  return !(t.pointerType === "touch" || Ys());
+function ei(t) {
+  return !(t.pointerType === "touch" || qs());
 }
-function rl(t, e, n = {}) {
-  const [i, s, o] = Xs(t, n), r = (a) => {
-    if (!Qn(a))
+function al(t, e, n = {}) {
+  const [i, s, o] = Zs(t, n), r = (a) => {
+    if (!ei(a))
       return;
     const { target: l } = a, c = e(l, a);
     if (typeof c != "function" || !l)
       return;
     const u = (h) => {
-      Qn(h) && (c(h), l.removeEventListener("pointerleave", u));
+      ei(h) && (c(h), l.removeEventListener("pointerleave", u));
     };
     l.addEventListener("pointerleave", u, s);
   };
@@ -2052,96 +2052,96 @@ function rl(t, e, n = {}) {
     a.addEventListener("pointerenter", r, s);
   }), o;
 }
-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([
+const Js = (t, e) => e ? t === e ? !0 : Js(t, e.parentElement) : !1, Vn = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, ll = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function Zs(t) {
-  return ol.has(t.tagName) || t.isContentEditable === !0;
+function Qs(t) {
+  return ll.has(t.tagName) || t.isContentEditable === !0;
 }
-const _t = /* @__PURE__ */ new WeakSet();
-function ti(t) {
+const zt = /* @__PURE__ */ new WeakSet();
+function ni(t) {
   return (e) => {
     e.key === "Enter" && t(e);
   };
 }
-function pe(t, e) {
+function me(t, e) {
   t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
-const al = (t, e) => {
+const cl = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
-  const i = ti(() => {
-    if (_t.has(n))
+  const i = ni(() => {
+    if (zt.has(n))
       return;
-    pe(n, "down");
-    const s = ti(() => {
-      pe(n, "up");
-    }), o = () => pe(n, "cancel");
+    me(n, "down");
+    const s = ni(() => {
+      me(n, "up");
+    }), o = () => me(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 Pn(t) && !Ys();
+function ii(t) {
+  return Vn(t) && !qs();
 }
-function ll(t, e, n = {}) {
-  const [i, s, o] = Xs(t, n), r = (a) => {
+function ul(t, e, n = {}) {
+  const [i, s, o] = Zs(t, n), r = (a) => {
     const l = a.currentTarget;
-    if (!ei(a))
+    if (!ii(a))
       return;
-    _t.add(l);
+    zt.add(l);
     const c = e(l, a), u = (d, p) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), _t.has(l) && _t.delete(l), ei(d) && typeof c == "function" && c(d, { success: p });
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), zt.has(l) && zt.delete(l), ii(d) && typeof c == "function" && c(d, { success: p });
     }, h = (d) => {
-      u(d, l === window || l === document || n.useGlobalTarget || qs(l, d.target));
+      u(d, l === window || l === document || n.useGlobalTarget || Js(l, d.target));
     }, f = (d) => {
       u(d, !1);
     };
     window.addEventListener("pointerup", h, s), window.addEventListener("pointercancel", f, s);
   };
   return i.forEach((a) => {
-    (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));
+    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", r, s), Ke(a) && (a.addEventListener("focus", (c) => cl(c, s)), !Qs(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
-function Js(t) {
-  return rs(t) && "ownerSVGElement" in t;
+function tr(t) {
+  return as(t) && "ownerSVGElement" in t;
 }
-function cl(t) {
-  return Js(t) && t.tagName === "svg";
+function hl(t) {
+  return tr(t) && t.tagName === "svg";
 }
-const ul = [...Gs, L, it], hl = (t) => ul.find(Ks(t)), ni = () => ({
+const fl = [...zs, L, it], dl = (t) => fl.find(_s(t)), si = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
   originPoint: 0
 }), pt = () => ({
-  x: ni(),
-  y: ni()
-}), ii = () => ({ min: 0, max: 0 }), k = () => ({
-  x: ii(),
-  y: ii()
-}), Ke = { current: null }, Qs = { current: !1 }, fl = typeof window < "u";
-function dl() {
-  if (Qs.current = !0, !!fl)
+  x: si(),
+  y: si()
+}), ri = () => ({ min: 0, max: 0 }), k = () => ({
+  x: ri(),
+  y: ri()
+}), Ge = { current: null }, er = { current: !1 }, pl = typeof window < "u";
+function ml() {
+  if (er.current = !0, !!pl)
     if (window.matchMedia) {
-      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => Ke.current = t.matches;
+      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => Ge.current = t.matches;
       t.addEventListener("change", e), e();
     } else
-      Ke.current = !1;
+      Ge.current = !1;
 }
-const pl = /* @__PURE__ */ new WeakMap();
-function se(t) {
+const gl = /* @__PURE__ */ new WeakMap();
+function re(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
-function Ft(t) {
+function Bt(t) {
   return typeof t == "string" || Array.isArray(t);
 }
-const An = [
+const Dn = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -2149,14 +2149,14 @@ const An = [
   "whileTap",
   "whileDrag",
   "exit"
-], Vn = ["initial", ...An];
-function re(t) {
-  return se(t.animate) || Vn.some((e) => Ft(t[e]));
+], Cn = ["initial", ...Dn];
+function oe(t) {
+  return re(t.animate) || Cn.some((e) => Bt(t[e]));
 }
-function tr(t) {
-  return !!(re(t) || t.variants);
+function nr(t) {
+  return !!(oe(t) || t.variants);
 }
-function ml(t, e, n) {
+function yl(t, e, n) {
   for (const i in e) {
     const s = e[i], o = n[i];
     if (j(s))
@@ -2176,7 +2176,7 @@ function ml(t, e, n) {
     e[i] === void 0 && t.removeValue(i);
   return e;
 }
-const si = [
+const oi = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -2185,14 +2185,14 @@ const si = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-let Zt = {};
-function er(t) {
-  Zt = t;
+let Jt = {};
+function ir(t) {
+  Jt = t;
 }
-function gl() {
-  return Zt;
+function vl() {
+  return Jt;
 }
-class yl {
+class xl {
   /**
    * 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,14 +2204,14 @@ class yl {
     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 = 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 = 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 = xn, 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 = 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 = re(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 = oe(n), this.isVariantNode = nr(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];
@@ -2220,7 +2220,7 @@ class yl {
   }
   mount(e) {
     var n;
-    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);
+    this.current = e, gl.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 : (er.current || ml(), this.shouldReduceMotion = Ge.current), process.env.NODE_ENV !== "production" && ln(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;
@@ -2256,8 +2256,8 @@ class yl {
   }
   updateFeatures() {
     let e = "animation";
-    for (e in Zt) {
-      const n = Zt[e];
+    for (e in Jt) {
+      const n = Jt[e];
       if (!n)
         continue;
       const { isEnabled: i, Feature: s } = n;
@@ -2290,13 +2290,13 @@ class yl {
    */
   update(e, n) {
     (e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let i = 0; i < si.length; i++) {
-      const s = si[i];
+    for (let i = 0; i < oi.length; i++) {
+      const s = oi[i];
       this.propEventSubscriptions[s] && (this.propEventSubscriptions[s](), delete this.propEventSubscriptions[s]);
       const o = "on" + s, r = e[o];
       r && (this.propEventSubscriptions[s] = this.on(s, r));
     }
-    this.prevMotionValues = ml(this, this.scrapeMotionValuesFromProps(e, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = yl(this, this.scrapeMotionValuesFromProps(e, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2361,7 +2361,7 @@ class yl {
    */
   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) : !hl(i) && it.test(n) && (i = zs(e, n)), this.setBaseTarget(e, j(i) ? i.get() : i)), j(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (os(i) || ls(i)) ? i = parseFloat(i) : !dl(i) && it.test(n) && (i = Ys(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
@@ -2379,7 +2379,7 @@ class yl {
     const { initial: n } = this.props;
     let i;
     if (typeof n == "string" || typeof n == "object") {
-      const r = Tn(this.props, n, (o = this.presenceContext) == null ? void 0 : o.custom);
+      const r = bn(this.props, n, (o = this.presenceContext) == null ? void 0 : o.custom);
       r && (i = r[e]);
     }
     if (n && i !== void 0)
@@ -2388,18 +2388,18 @@ class yl {
     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 rn()), this.events[e].add(n);
+    return this.events[e] || (this.events[e] = new an()), this.events[e].add(n);
   }
   notify(e, ...n) {
     this.events[e] && this.events[e].notify(...n);
   }
   scheduleRenderMicrotask() {
-    Sn.render(this.render);
+    An.render(this.render);
   }
 }
-class nr extends yl {
+class sr extends xl {
   constructor() {
-    super(...arguments), this.KeyframeResolver = nl;
+    super(...arguments), this.KeyframeResolver = sl;
   }
   sortInstanceNodePosition(e, n) {
     return e.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -2426,16 +2426,16 @@ class st {
   update() {
   }
 }
-function ir({ top: t, left: e, right: n, bottom: i }) {
+function rr({ top: t, left: e, right: n, bottom: i }) {
   return {
     x: { min: e, max: n },
     y: { min: t, max: i }
   };
 }
-function vl({ x: t, y: e }) {
+function Tl({ x: t, y: e }) {
   return { top: e.min, right: t.max, bottom: e.max, left: t.min };
 }
-function xl(t, e) {
+function wl(t, e) {
   if (!e)
     return t;
   const n = e({ x: t.left, y: t.top }), i = e({ x: t.right, y: t.bottom });
@@ -2446,36 +2446,36 @@ function xl(t, e) {
     right: i.x
   };
 }
-function me(t) {
+function ge(t) {
   return t === void 0 || t === 1;
 }
-function Ge({ scale: t, scaleX: e, scaleY: n }) {
-  return !me(t) || !me(e) || !me(n);
+function _e({ scale: t, scaleX: e, scaleY: n }) {
+  return !ge(t) || !ge(e) || !ge(n);
 }
 function at(t) {
-  return Ge(t) || sr(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
+  return _e(t) || or(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
 }
-function sr(t) {
-  return ri(t.x) || ri(t.y);
+function or(t) {
+  return ai(t.x) || ai(t.y);
 }
-function ri(t) {
+function ai(t) {
   return t && t !== "0%";
 }
-function Jt(t, e, n) {
+function Qt(t, e, n) {
   const i = t - n, s = e * i;
   return n + s;
 }
-function oi(t, e, n, i, s) {
-  return s !== void 0 && (t = Jt(t, s, i)), Jt(t, n, i) + e;
+function li(t, e, n, i, s) {
+  return s !== void 0 && (t = Qt(t, s, i)), Qt(t, n, i) + e;
 }
-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 ze(t, e = 0, n = 1, i, s) {
+  t.min = li(t.min, e, n, i, s), t.max = li(t.max, e, n, i, s);
 }
-function rr(t, { x: e, y: n }) {
-  _e(t.x, e.translate, e.scale, e.originPoint), _e(t.y, n.translate, n.scale, n.originPoint);
+function ar(t, { x: e, y: n }) {
+  ze(t.x, e.translate, e.scale, e.originPoint), ze(t.y, n.translate, n.scale, n.originPoint);
 }
-const ai = 0.999999999999, li = 1.0000000000001;
-function Tl(t, e, n, i = !1) {
+const ci = 0.999999999999, ui = 1.0000000000001;
+function bl(t, e, n, i = !1) {
   const s = n.length;
   if (!s)
     return;
@@ -2487,36 +2487,36 @@ function Tl(t, e, n, i = !1) {
     l && l.props.style && l.props.style.display === "contents" || (i && o.options.layoutScroll && o.scroll && o !== o.root && gt(t, {
       x: -o.scroll.offset.x,
       y: -o.scroll.offset.y
-    }), r && (e.x *= r.x.scale, e.y *= r.y.scale, rr(t, r)), i && at(o.latestValues) && gt(t, o.latestValues));
+    }), r && (e.x *= r.x.scale, e.y *= r.y.scale, ar(t, r)), i && at(o.latestValues) && gt(t, o.latestValues));
   }
-  e.x < li && e.x > ai && (e.x = 1), e.y < li && e.y > ai && (e.y = 1);
+  e.x < ui && e.x > ci && (e.x = 1), e.y < ui && e.y > ci && (e.y = 1);
 }
 function mt(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
-function ci(t, e, n, i, s = 0.5) {
+function hi(t, e, n, i, s = 0.5) {
   const o = E(t.min, t.max, s);
-  _e(t, e, n, o, i);
+  ze(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);
+  hi(t.x, e.x, e.scaleX, e.scale, e.originX), hi(t.y, e.y, e.scaleY, e.scale, e.originY);
 }
-function or(t, e) {
-  return ir(xl(t.getBoundingClientRect(), e));
+function lr(t, e) {
+  return rr(wl(t.getBoundingClientRect(), e));
 }
-function wl(t, e, n) {
-  const i = or(t, n), { scroll: s } = e;
+function Sl(t, e, n) {
+  const i = lr(t, n), { scroll: s } = e;
   return s && (mt(i.x, s.offset.x), mt(i.y, s.offset.y)), i;
 }
-const bl = {
+const Pl = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Sl = bt.length;
-function Pl(t, e, n) {
+}, Al = bt.length;
+function Vl(t, e, n) {
   let i = "", s = !0;
-  for (let o = 0; o < Sl; o++) {
+  for (let o = 0; o < Al; o++) {
     const r = bt[o], a = t[r];
     if (a === void 0)
       continue;
@@ -2528,10 +2528,10 @@ function Pl(t, e, n) {
       l = r.startsWith("scale") ? c === 1 : c === 0;
     }
     if (!l || n) {
-      const c = Hs(a, bn[r]);
+      const c = Xs(a, Pn[r]);
       if (!l) {
         s = !1;
-        const u = bl[r] || r;
+        const u = Pl[r] || r;
         i += `${u}(${c}) `;
       }
       n && (e[r] = c);
@@ -2539,7 +2539,7 @@ function Pl(t, e, n) {
   }
   return i = i.trim(), n ? i = n(e, s ? "" : i) : s && (i = "none"), i;
 }
-function Dn(t, e, n) {
+function Mn(t, e, n) {
   const { style: i, vars: s, transformOrigin: o } = t;
   let r = !1, a = !1;
   for (const l in e) {
@@ -2547,20 +2547,20 @@ function Dn(t, e, n) {
     if (St.has(l)) {
       r = !0;
       continue;
-    } else if (Ts(l)) {
+    } else if (bs(l)) {
       s[l] = c;
       continue;
     } else {
-      const u = Hs(c, bn[l]);
+      const u = Xs(c, Pn[l]);
       l.startsWith("origin") ? (a = !0, o[l] = u) : i[l] = u;
     }
   }
-  if (e.transform || (r || n ? i.transform = Pl(e, t.transform, n) : i.transform && (i.transform = "none")), a) {
+  if (e.transform || (r || n ? i.transform = Vl(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}`;
   }
 }
-function ar(t, { style: e, vars: n }, i, s) {
+function cr(t, { style: e, vars: n }, i, s) {
   const o = t.style;
   let r;
   for (r in e)
@@ -2569,7 +2569,7 @@ function ar(t, { style: e, vars: n }, i, s) {
   for (r in n)
     o.setProperty(r, n[r]);
 }
-function ui(t, e) {
+function fi(t, e) {
   return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
 }
 const At = {
@@ -2581,10 +2581,10 @@ const At = {
         t = parseFloat(t);
       else
         return t;
-    const n = ui(t, e.target.x), i = ui(t, e.target.y);
+    const n = fi(t, e.target.x), i = fi(t, e.target.y);
     return `${n}% ${i}%`;
   }
-}, Al = {
+}, Dl = {
   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);
   }
-}, ze = {
+}, He = {
   borderRadius: {
     ...At,
     applyTo: [
@@ -2608,65 +2608,65 @@ const At = {
   borderTopRightRadius: At,
   borderBottomLeftRadius: At,
   borderBottomRightRadius: At,
-  boxShadow: Al
+  boxShadow: Dl
 };
-function lr(t, { layout: e, layoutId: n }) {
-  return St.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!ze[t] || t === "opacity");
+function ur(t, { layout: e, layoutId: n }) {
+  return St.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!He[t] || t === "opacity");
 }
-function Cn(t, e, n) {
+function En(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)
-    (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]);
+    (j(i[a]) || s && j(s[a]) || ur(a, t) || ((r = n == null ? void 0 : n.getValue(a)) == null ? void 0 : r.liveStyle) !== void 0) && (o[a] = i[a]);
   return o;
 }
-function Vl(t) {
+function Cl(t) {
   return window.getComputedStyle(t);
 }
-class Dl extends nr {
+class Ml extends sr {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = ar;
+    super(...arguments), this.type = "html", this.renderInstance = cr;
   }
   readValueFromInstance(e, n) {
     var i;
     if (St.has(n))
-      return (i = this.projection) != null && i.isProjecting ? Le(n) : na(e, n);
+      return (i = this.projection) != null && i.isProjecting ? ke(n) : sa(e, n);
     {
-      const s = Vl(e), o = (Ts(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = Cl(e), o = (bs(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof o == "string" ? o.trim() : o;
     }
   }
   measureInstanceViewportBox(e, { transformPagePoint: n }) {
-    return or(e, n);
+    return lr(e, n);
   }
   build(e, n, i) {
-    Dn(e, n, i.transformTemplate);
+    Mn(e, n, i.transformTemplate);
   }
   scrapeMotionValuesFromProps(e, n, i) {
-    return Cn(e, n, i);
+    return En(e, n, i);
   }
 }
-const Cl = {
+const El = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Ml = {
+}, Rl = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function El(t, e, n = 1, i = 0, s = !0) {
+function Ll(t, e, n = 1, i = 0, s = !0) {
   t.pathLength = 1;
-  const o = s ? Cl : Ml;
+  const o = s ? El : Rl;
   t[o.offset] = `${-i}`, t[o.array] = `${e} ${n}`;
 }
-const Rl = [
+const kl = [
   "offsetDistance",
   "offsetPath",
   "offsetRotate",
   "offsetAnchor"
 ];
-function cr(t, {
+function hr(t, {
   attrX: e,
   attrY: n,
   attrScale: i,
@@ -2676,18 +2676,18 @@ function cr(t, {
   // This is object creation, which we try to avoid per-frame.
   ...a
 }, l, c, u) {
-  if (Dn(t, a, c), l) {
+  if (Mn(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 Rl)
+  for (const d of kl)
     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 && El(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 && Ll(h, s, o, r, !1);
 }
-const ur = /* @__PURE__ */ new Set([
+const fr = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -2711,14 +2711,14 @@ const ur = /* @__PURE__ */ new Set([
   "startOffset",
   "textLength",
   "lengthAdjust"
-]), hr = (t) => typeof t == "string" && t.toLowerCase() === "svg";
-function Ll(t, e, n, i) {
-  ar(t, e, void 0, i);
+]), dr = (t) => typeof t == "string" && t.toLowerCase() === "svg";
+function Fl(t, e, n, i) {
+  cr(t, e, void 0, i);
   for (const s in e.attrs)
-    t.setAttribute(ur.has(s) ? s : wn(s), e.attrs[s]);
+    t.setAttribute(fr.has(s) ? s : Sn(s), e.attrs[s]);
 }
-function fr(t, e, n) {
-  const i = Cn(t, e, n);
+function pr(t, e, n) {
+  const i = En(t, e, n);
   for (const s in t)
     if (j(t[s]) || j(e[s])) {
       const o = bt.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
@@ -2726,7 +2726,7 @@ function fr(t, e, n) {
     }
   return i;
 }
-class kl extends nr {
+class Bl extends sr {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = k;
   }
@@ -2735,40 +2735,40 @@ class kl extends nr {
   }
   readValueFromInstance(e, n) {
     if (St.has(n)) {
-      const i = _s(n);
+      const i = Hs(n);
       return i && i.default || 0;
     }
-    return n = ur.has(n) ? n : wn(n), e.getAttribute(n);
+    return n = fr.has(n) ? n : Sn(n), e.getAttribute(n);
   }
   scrapeMotionValuesFromProps(e, n, i) {
-    return fr(e, n, i);
+    return pr(e, n, i);
   }
   build(e, n, i) {
-    cr(e, n, this.isSVGTag, i.transformTemplate, i.style);
+    hr(e, n, this.isSVGTag, i.transformTemplate, i.style);
   }
   renderInstance(e, n, i, s) {
-    Ll(e, n, i, s);
+    Fl(e, n, i, s);
   }
   mount(e) {
-    this.isSVGTag = hr(e.tagName), super.mount(e);
+    this.isSVGTag = dr(e.tagName), super.mount(e);
   }
 }
-const Fl = Vn.length;
-function dr(t) {
+const Il = Cn.length;
+function mr(t) {
   if (!t)
     return;
   if (!t.isControllingVariants) {
-    const n = t.parent ? dr(t.parent) || {} : {};
+    const n = t.parent ? mr(t.parent) || {} : {};
     return t.props.initial !== void 0 && (n.initial = t.props.initial), n;
   }
   const e = {};
-  for (let n = 0; n < Fl; n++) {
-    const i = Vn[n], s = t.props[i];
-    (Ft(s) || s === !1) && (e[i] = s);
+  for (let n = 0; n < Il; n++) {
+    const i = Cn[n], s = t.props[i];
+    (Bt(s) || s === !1) && (e[i] = s);
   }
   return e;
 }
-function pr(t, e) {
+function gr(t, e) {
   if (!Array.isArray(e))
     return !1;
   const n = e.length;
@@ -2779,12 +2779,12 @@ function pr(t, e) {
       return !1;
   return !0;
 }
-const Bl = [...An].reverse(), Il = An.length;
-function Ol(t) {
-  return (e) => Promise.all(e.map(({ animation: n, options: i }) => za(t, n, i)));
+const Ol = [...Dn].reverse(), jl = Dn.length;
+function Nl(t) {
+  return (e) => Promise.all(e.map(({ animation: n, options: i }) => Ya(t, n, i)));
 }
-function jl(t) {
-  let e = Ol(t), n = hi(), i = !0;
+function $l(t) {
+  let e = Nl(t), n = di(), 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);
@@ -2798,48 +2798,48 @@ function jl(t) {
     e = l(t);
   }
   function r(l) {
-    const { props: c } = t, u = dr(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
+    const { props: c } = t, u = mr(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
     let d = {}, p = 1 / 0;
-    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;
+    for (let g = 0; g < jl; g++) {
+      const y = Ol[g], x = n[y], v = c[y] !== void 0 ? c[y] : u[y], S = Bt(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")
+      re(v) || typeof v == "boolean")
         continue;
-      const D = Nl(x.prevProp, v);
+      const D = Ul(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 = {
+      const { prevResolvedValues: Pt = {} } = x, le = {
         ...Pt,
         ...I
-      }, Ln = (F) => {
+      }, Fn = (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 F in ae) {
+      for (const F in le) {
         const U = I[F], rt = Pt[F];
         if (d.hasOwnProperty(F))
           continue;
         let ht = !1;
-        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;
+        Ne(U) && Ne(rt) ? ht = !gr(U, rt) : ht = U !== rt, ht ? U != null ? Fn(F) : f.add(F) : U !== void 0 && f.has(F) ? Fn(F) : x.protectedKeys[F] = !0;
       }
       x.prevProp = v, x.prevResolvedValues = I, x.isActive && (d = { ...d, ...I }), i && t.blockInitialAnimation && (P = !1);
-      const kn = V && D;
-      P && (!kn || A) && h.push(...T.map((F) => {
+      const Bn = V && D;
+      P && (!Bn || A) && h.push(...T.map((F) => {
         const U = { type: y };
-        if (typeof F == "string" && i && !kn && t.manuallyAnimateOnMount && t.parent) {
+        if (typeof F == "string" && i && !Bn && t.manuallyAnimateOnMount && t.parent) {
           const { parent: rt } = t, ht = yt(rt, F);
           if (rt.enteringChildren && ht) {
-            const { delayChildren: zr } = ht.transition || {};
-            U.delay = Os(rt.enteringChildren, t, zr);
+            const { delayChildren: Yr } = ht.transition || {};
+            U.delay = Ns(rt.enteringChildren, t, Yr);
           }
         }
         return {
@@ -2881,12 +2881,12 @@ function jl(t) {
     setAnimateFunction: o,
     getState: () => n,
     reset: () => {
-      n = hi();
+      n = di();
     }
   };
 }
-function Nl(t, e) {
-  return typeof e == "string" ? e !== t : Array.isArray(e) ? !pr(e, t) : !1;
+function Ul(t, e) {
+  return typeof e == "string" ? e !== t : Array.isArray(e) ? !gr(e, t) : !1;
 }
 function ot(t = !1) {
   return {
@@ -2896,7 +2896,7 @@ function ot(t = !1) {
     prevResolvedValues: {}
   };
 }
-function hi() {
+function di() {
   return {
     animate: ot(!0),
     whileInView: ot(),
@@ -2907,84 +2907,84 @@ function hi() {
     exit: ot()
   };
 }
-function fi(t, e) {
+function pi(t, e) {
   t.min = e.min, t.max = e.max;
 }
 function z(t, e) {
-  fi(t.x, e.x), fi(t.y, e.y);
+  pi(t.x, e.x), pi(t.y, e.y);
 }
-function di(t, e) {
+function mi(t, e) {
   t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
 }
-const mr = 1e-4, $l = 1 - mr, Ul = 1 + mr, gr = 0.01, Wl = 0 - gr, Kl = 0 + gr;
+const yr = 1e-4, Wl = 1 - yr, Kl = 1 + yr, vr = 0.01, Gl = 0 - vr, _l = 0 + vr;
 function $(t) {
   return t.max - t.min;
 }
-function Gl(t, e, n) {
+function zl(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) / $(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 gi(t, e, n, i = 0.5) {
+  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 >= Wl && t.scale <= Kl || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Gl && t.translate <= _l || 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 Et(t, e, n, i) {
+  gi(t.x, e.x, n.x, i ? i.originX : void 0), gi(t.y, e.y, n.y, i ? i.originY : void 0);
 }
-function mi(t, e, n) {
+function yi(t, e, n) {
   t.min = n.min + e.min, t.max = t.min + $(e);
 }
-function _l(t, e, n) {
-  mi(t.x, e.x, n.x), mi(t.y, e.y, n.y);
+function Hl(t, e, n) {
+  yi(t.x, e.x, n.x), yi(t.y, e.y, n.y);
 }
-function gi(t, e, n) {
+function vi(t, e, n) {
   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);
+function te(t, e, n) {
+  vi(t.x, e.x, n.x), vi(t.y, e.y, n.y);
 }
-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 xi(t, e, n, i, s) {
+  return t -= e, t = Qt(t, 1 / n, i), s !== void 0 && (t = Qt(t, 1 / s, i)), t;
 }
-function zl(t, e = 0, n = 1, i = 0.5, s, o = t, r = t) {
+function Yl(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);
+  t === o && (a -= e), t.min = xi(t.min, e, n, a, s), t.max = xi(t.max, e, n, a, s);
 }
-function vi(t, e, [n, i, s], o, r) {
-  zl(t, e[n], e[i], e[s], e.scale, o, r);
+function Ti(t, e, [n, i, s], o, r) {
+  Yl(t, e[n], e[i], e[s], e.scale, o, r);
 }
-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);
+const Xl = ["x", "scaleX", "originX"], ql = ["y", "scaleY", "originY"];
+function wi(t, e, n, i) {
+  Ti(t.x, e, Xl, n ? n.x : void 0, i ? i.x : void 0), Ti(t.y, e, ql, n ? n.y : void 0, i ? i.y : void 0);
 }
-function Ti(t) {
+function bi(t) {
   return t.translate === 0 && t.scale === 1;
 }
-function yr(t) {
-  return Ti(t.x) && Ti(t.y);
+function xr(t) {
+  return bi(t.x) && bi(t.y);
 }
-function wi(t, e) {
+function Si(t, e) {
   return t.min === e.min && t.max === e.max;
 }
-function Xl(t, e) {
-  return wi(t.x, e.x) && wi(t.y, e.y);
+function Zl(t, e) {
+  return Si(t.x, e.x) && Si(t.y, e.y);
 }
-function bi(t, e) {
+function Pi(t, e) {
   return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
 }
-function vr(t, e) {
-  return bi(t.x, e.x) && bi(t.y, e.y);
+function Tr(t, e) {
+  return Pi(t.x, e.x) && Pi(t.y, e.y);
 }
-function Si(t) {
+function Ai(t) {
   return $(t.x) / $(t.y);
 }
-function Pi(t, e) {
+function Vi(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
 }
 function W(t) {
   return [t("x"), t("y")];
 }
-function ql(t, e, n) {
+function Jl(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,66 +2994,66 @@ function ql(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 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);
+const wr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Ql = wr.length, Di = (t) => typeof t == "string" ? parseFloat(t) : t, Ci = (t) => typeof t == "number" || w.test(t);
+function tc(t, e, n, i, s, o) {
+  s ? (t.opacity = E(0, n.opacity ?? 1, ec(i)), t.opacityExit = E(e.opacity ?? 1, 0, nc(i))) : o && (t.opacity = E(e.opacity ?? 1, n.opacity ?? 1, i));
+  for (let r = 0; r < Ql; r++) {
+    const a = `border${wr[r]}Radius`;
+    let l = Mi(e, a), c = Mi(n, a);
     if (l === void 0 && c === void 0)
       continue;
-    l || (l = 0), c || (c = 0), l === 0 || c === 0 || Vi(l) === Vi(c) ? (t[a] = Math.max(E(Ai(l), Ai(c), i), 0), (X.test(c) || X.test(l)) && (t[a] += "%")) : t[a] = c;
+    l || (l = 0), c || (c = 0), l === 0 || c === 0 || Ci(l) === Ci(c) ? (t[a] = Math.max(E(Di(l), Di(c), i), 0), (X.test(c) || X.test(l)) && (t[a] += "%")) : t[a] = c;
   }
   (e.rotate || n.rotate) && (t.rotate = E(e.rotate || 0, n.rotate || 0, i));
 }
-function Di(t, e) {
+function Mi(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-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));
+const ec = /* @__PURE__ */ br(0, 0.5, gs), nc = /* @__PURE__ */ br(0.5, 0.95, _);
+function br(t, e, n) {
+  return (i) => i < t ? 0 : i > e ? 1 : n(/* @__PURE__ */ Lt(t, e, i));
 }
-function ec(t, e, n) {
+function ic(t, e, n) {
   const i = j(t) ? t : vt(t);
-  return i.start(xn("", i, e, n)), i.animation;
+  return i.start(wn("", i, e, n)), i.animation;
 }
-function Bt(t, e, n, i = { passive: !0 }) {
+function It(t, e, n, i = { passive: !0 }) {
   return t.addEventListener(e, n, i), () => t.removeEventListener(e, n);
 }
-const nc = (t, e) => t.depth - e.depth;
-class ic {
+const sc = (t, e) => t.depth - e.depth;
+class rc {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
   add(e) {
-    en(this.children, e), this.isDirty = !0;
+    sn(this.children, e), this.isDirty = !0;
   }
   remove(e) {
-    nn(this.children, e), this.isDirty = !0;
+    rn(this.children, e), this.isDirty = !0;
   }
   forEach(e) {
-    this.isDirty && this.children.sort(nc), this.isDirty = !1, this.children.forEach(e);
+    this.isDirty && this.children.sort(sc), this.isDirty = !1, this.children.forEach(e);
   }
 }
-function sc(t, e) {
+function oc(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) {
+function Ht(t) {
   return j(t) ? t.get() : t;
 }
-class rc {
+class ac {
   constructor() {
     this.members = [];
   }
   add(e) {
-    en(this.members, e), e.scheduleRender();
+    sn(this.members, e), e.scheduleRender();
   }
   remove(e) {
-    if (nn(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
+    if (rn(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);
     }
@@ -3101,7 +3101,7 @@ class rc {
     this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
   }
 }
-const Ht = {
+const Yt = {
   /**
    * Global flag as to whether the tree has animated since the last time
    * we resized the window
@@ -3112,40 +3112,40 @@ const Ht = {
    * update will be given a `data-projection-id` attribute.
    */
   hasEverUpdated: !1
-}, ge = ["", "X", "Y", "Z"], oc = 1e3;
-let ac = 0;
-function ye(t, e, n, i) {
+}, ye = ["", "X", "Y", "Z"], lc = 1e3;
+let cc = 0;
+function ve(t, e, n, i) {
   const { latestValues: s } = e;
   s[t] && (n[t] = s[t], e.setStaticValue(t, 0), i && (i[t] = 0));
 }
-function wr(t) {
+function Sr(t) {
   if (t.hasCheckedOptimisedAppear = !0, t.root === t)
     return;
   const { visualElement: e } = t.options;
   if (!e)
     return;
-  const n = Us(e);
+  const n = Ks(e);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: s, layoutId: o } = t.options;
     window.MotionCancelOptimisedAnimation(n, "transform", C, !(s || o));
   }
   const { parent: i } = t;
-  i && !i.hasCheckedOptimisedAppear && wr(i);
+  i && !i.hasCheckedOptimisedAppear && Sr(i);
 }
-function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: i, resetTransform: s }) {
+function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: i, resetTransform: s }) {
   return class {
     constructor(r = {}, a = e == null ? void 0 : e()) {
-      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.id = cc++, 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(uc), this.nodes.forEach(pc), this.nodes.forEach(mc), this.nodes.forEach(hc);
+        this.projectionUpdateScheduled = !1, this.nodes.forEach(fc), this.nodes.forEach(gc), this.nodes.forEach(yc), this.nodes.forEach(dc);
       }, 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 ic());
+      this.root === this && (this.nodes = new rc());
     }
     addEventListener(r, a) {
-      return this.eventHandlers.has(r) || this.eventHandlers.set(r, new rn()), this.eventHandlers.get(r).add(a);
+      return this.eventHandlers.has(r) || this.eventHandlers.set(r, new an()), this.eventHandlers.get(r).add(a);
     }
     notifyListeners(r, ...a) {
       const l = this.eventHandlers.get(r);
@@ -3160,7 +3160,7 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     mount(r) {
       if (this.instance)
         return;
-      this.isSVG = Js(r) && !cl(r), this.instance = r;
+      this.isSVG = tr(r) && !hl(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 br({ 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 = sc(f, 250), Ht.hasAnimatedSinceResize && (Ht.hasAnimatedSinceResize = !1, this.nodes.forEach(Ei)));
+          d !== h && (h = d, this.root.updateBlockedByResize = !0, u && u(), u = oc(f, 250), Yt.hasAnimatedSinceResize && (Yt.hasAnimatedSinceResize = !1, this.nodes.forEach(Li)));
         });
       }
       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,17 +3177,17 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const p = this.options.transition || c.getDefaultTransition() || Tc, { onLayoutAnimationStart: m, onLayoutAnimationComplete: g } = c.getProps(), y = !this.targetLayout || !vr(this.targetLayout, d), x = !h && f;
+        const p = this.options.transition || c.getDefaultTransition() || bc, { onLayoutAnimationStart: m, onLayoutAnimationComplete: g } = c.getProps(), y = !this.targetLayout || !Tr(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 = {
-            ...vn(p, "layout"),
+            ...Tn(p, "layout"),
             onPlay: m,
             onComplete: g
           };
           (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();
+          h || Li(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = d;
       });
     }
@@ -3211,7 +3211,7 @@ function br({ 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(gc), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(vc), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: r } = this.options;
@@ -3222,7 +3222,7 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.options.onExitComplete && this.options.onExitComplete();
         return;
       }
-      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && wr(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
+      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && Sr(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
         return;
       this.isLayoutDirty = !0;
       for (let u = 0; u < this.path.length; u++) {
@@ -3237,22 +3237,22 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     update() {
       if (this.updateScheduled = !1, this.isUpdateBlocked()) {
-        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Ci);
+        this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Ei);
         return;
       }
       if (this.animationId <= this.animationCommitId) {
-        this.nodes.forEach(Mi);
+        this.nodes.forEach(Ri);
         return;
       }
-      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();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(mc), this.nodes.forEach(uc), this.nodes.forEach(hc)) : this.nodes.forEach(Ri), 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;
+      B.delta = q(0, 1e3 / 60, a - B.timestamp), B.timestamp = a, B.isProcessing = !0, ce.update.process(B), ce.preRender.process(B), ce.render.process(B), B.isProcessing = !1;
     }
     didUpdate() {
-      this.updateScheduled || (this.updateScheduled = !0, Sn.read(this.scheduleUpdate));
+      this.updateScheduled || (this.updateScheduled = !0, An.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(fc), this.sharedNodes.forEach(yc);
+      this.nodes.forEach(pc), this.sharedNodes.forEach(xc);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, C.preRender(this.updateProjection, !1, !0));
@@ -3295,13 +3295,13 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     resetTransform() {
       if (!s)
         return;
-      const r = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !yr(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
+      const r = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !xr(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
       r && this.instance && (a || at(this.latestValues) || u) && (s(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(r = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return r && (l = this.removeTransform(l)), wc(l), {
+      return r && (l = this.removeTransform(l)), Sc(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -3315,7 +3315,7 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!r)
         return k();
       const a = r.measureViewportBox();
-      if (!(((c = this.scroll) == null ? void 0 : c.wasRoot) || this.path.some(bc))) {
+      if (!(((c = this.scroll) == null ? void 0 : c.wasRoot) || this.path.some(Pc))) {
         const { scroll: u } = this.root;
         u && (mt(a.x, u.offset.x), mt(a.y, u.offset.y));
       }
@@ -3351,11 +3351,11 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         const c = this.path[l];
         if (!c.instance || !at(c.latestValues))
           continue;
-        Ge(c.latestValues) && c.updateSnapshot();
+        _e(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);
+        z(u, h), wi(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
-      return at(this.latestValues) && xi(a, this.latestValues), a;
+      return at(this.latestValues) && wi(a, this.latestValues), a;
     }
     setTargetDelta(r) {
       this.targetDelta = r, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -3385,17 +3385,17 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       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 = 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));
+      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(), Hl(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : z(this.target, this.layout.layoutBox), ar(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 || Ge(this.parent.latestValues) || sr(this.parent.latestValues)))
+      if (!(!this.parent || _e(this.parent.latestValues) || or(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 = k(), this.relativeTargetOrigin = k(), 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(), te(this.relativeTargetOrigin, a, l), z(this.relativeTarget, this.relativeTargetOrigin);
     }
     removeRelativeTarget() {
       this.relativeParent = this.relativeTarget = void 0;
@@ -3411,13 +3411,13 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       z(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
-      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());
+      bl(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());
         return;
       }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (di(this.prevProjectionDelta.x, this.projectionDelta.x), di(this.prevProjectionDelta.y, this.projectionDelta.y)), Mt(this.projectionDelta, this.layoutCorrected, d, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== f || !Pi(this.projectionDelta.x, this.prevProjectionDelta.x) || !Pi(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", d));
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (mi(this.prevProjectionDelta.x, this.projectionDelta.x), mi(this.prevProjectionDelta.y, this.projectionDelta.y)), Et(this.projectionDelta, this.layoutCorrected, d, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== f || !Vi(this.projectionDelta.x, this.prevProjectionDelta.x) || !Vi(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", d));
     }
     hide() {
       this.isVisible = !1;
@@ -3439,18 +3439,18 @@ function br({ 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 = 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));
+      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(wc));
       this.animationProgress = 0;
       let v;
       this.mixTargetDelta = (S) => {
         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;
+        ki(h.x, r.x, b), ki(h.y, r.y, b), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (te(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Tc(this.relativeTarget, this.relativeTargetOrigin, f, b), v && Zl(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = k()), z(v, this.relativeTarget)), m && (this.animationValues = u, tc(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 = ec(this.motionValue, [0, 1e3], {
+        Yt.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = vt(0)), this.currentAnimation = ic(this.motionValue, [0, 1e3], {
           ...r,
           velocity: 0,
           isSync: !0,
@@ -3471,24 +3471,24 @@ function br({ 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(oc), this.currentAnimation.stop()), this.completeAnimation();
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(lc), 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 && Sr(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
+        if (this !== r && this.layout && c && Ar(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 = $(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);
+        z(a, l), gt(a, u), Et(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
       }
     }
     registerSharedNode(r, a) {
-      this.sharedNodes.has(r) || this.sharedNodes.set(r, new rc()), this.sharedNodes.get(r).add(a);
+      this.sharedNodes.has(r) || this.sharedNodes.set(r, new ac()), this.sharedNodes.get(r).add(a);
       const c = a.options.initialPromotionConfig;
       a.promote({
         transition: c ? c.transition : void 0,
@@ -3531,9 +3531,9 @@ function br({ 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 && 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);
+      l.z && ve("z", r, c, this.animationValues);
+      for (let u = 0; u < ye.length; u++)
+        ve(`rotate${ye[u]}`, r, c, this.animationValues), ve(`skew${ye[u]}`, r, c, this.animationValues);
       r.render();
       for (const u in c)
         r.setStaticValue(u, c[u]), this.animationValues && (this.animationValues[u] = c[u]);
@@ -3548,25 +3548,25 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
       const l = this.getTransformTemplate();
       if (this.needsReset) {
-        this.needsReset = !1, r.visibility = "", r.opacity = "", r.pointerEvents = zt(a == null ? void 0 : a.pointerEvents) || "", r.transform = l ? l(this.latestValues, "") : "none";
+        this.needsReset = !1, r.visibility = "", r.opacity = "", r.pointerEvents = Ht(a == null ? void 0 : a.pointerEvents) || "", r.transform = l ? l(this.latestValues, "") : "none";
         return;
       }
       const c = this.getLead();
       if (!this.projectionDelta || !this.layout || !c.target) {
-        this.options.layoutId && (r.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, r.pointerEvents = zt(a == null ? void 0 : a.pointerEvents) || ""), this.hasProjected && !at(this.latestValues) && (r.transform = l ? l({}, "") : "none", this.hasProjected = !1);
+        this.options.layoutId && (r.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, r.pointerEvents = Ht(a == null ? void 0 : a.pointerEvents) || ""), this.hasProjected && !at(this.latestValues) && (r.transform = l ? l({}, "") : "none", this.hasProjected = !1);
         return;
       }
       r.visibility = "";
       const u = c.animationValues || c.latestValues;
       this.applyTransformsToTarget();
-      let h = ql(this.projectionDeltaWithTransform, this.treeScale, u);
+      let h = Jl(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 ze) {
+      for (const p in He) {
         if (u[p] === void 0)
           continue;
-        const { correct: m, applyTo: g, isCSSVariable: y } = ze[p], x = h === "none" ? u[p] : m(u[p], c);
+        const { correct: m, applyTo: g, isCSSVariable: y } = He[p], x = h === "none" ? u[p] : m(u[p], c);
         if (g) {
           const v = g.length;
           for (let S = 0; S < v; S++)
@@ -3574,7 +3574,7 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         } else
           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");
+      this.options.layoutId && (r.pointerEvents = c === this ? Ht(a == null ? void 0 : a.pointerEvents) || "" : "none");
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -3584,14 +3584,14 @@ function br({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.root.nodes.forEach((r) => {
         var a;
         return (a = r.currentAnimation) == null ? void 0 : a.stop();
-      }), this.root.nodes.forEach(Ci), this.root.sharedNodes.clear();
+      }), this.root.nodes.forEach(Ei), this.root.sharedNodes.clear();
     }
   };
 }
-function lc(t) {
+function uc(t) {
   t.updateLayout();
 }
-function cc(t) {
+function hc(t) {
   var n;
   const e = ((n = t.resumeFrom) == null ? void 0 : n.snapshot) || t.snapshot;
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
@@ -3599,15 +3599,15 @@ function cc(t) {
     o === "size" ? W((h) => {
       const f = r ? e.measuredBox[h] : e.layoutBox[h], d = $(f);
       f.min = i[h].min, f.max = f.min + d;
-    }) : Sr(o, e.layoutBox, i) && W((h) => {
+    }) : Ar(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();
-    Mt(a, i, e.layoutBox);
+    Et(a, i, e.layoutBox);
     const l = pt();
-    r ? Mt(l, t.applyTransform(s, !0), e.measuredBox) : Mt(l, i, e.layoutBox);
-    const c = !yr(a);
+    r ? Et(l, t.applyTransform(s, !0), e.measuredBox) : Et(l, i, e.layoutBox);
+    const c = !xr(a);
     let u = !1;
     if (!t.resumeFrom) {
       const h = t.getClosestProjectingParent();
@@ -3615,9 +3615,9 @@ function cc(t) {
         const { snapshot: f, layout: d } = h;
         if (f && d) {
           const p = k();
-          Qt(p, e.layoutBox, f.layoutBox);
+          te(p, e.layoutBox, f.layoutBox);
           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);
+          te(m, i, d.layoutBox), Tr(p, m) || (u = !0), h.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = p, t.relativeParent = h);
         }
       }
     }
@@ -3635,71 +3635,71 @@ function cc(t) {
   }
   t.options.transition = void 0;
 }
-function uc(t) {
+function fc(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 hc(t) {
+function dc(t) {
   t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
 }
-function fc(t) {
+function pc(t) {
   t.clearSnapshot();
 }
-function Ci(t) {
+function Ei(t) {
   t.clearMeasurements();
 }
-function Mi(t) {
+function Ri(t) {
   t.isLayoutDirty = !1;
 }
-function dc(t) {
+function mc(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
-function Ei(t) {
+function Li(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
-function pc(t) {
+function gc(t) {
   t.resolveTargetDelta();
 }
-function mc(t) {
+function yc(t) {
   t.calcProjection();
 }
-function gc(t) {
+function vc(t) {
   t.resetSkewAndRotation();
 }
-function yc(t) {
+function xc(t) {
   t.removeLeadSnapshot();
 }
-function Ri(t, e, n) {
+function ki(t, e, n) {
   t.translate = E(e.translate, 0, n), t.scale = E(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
 }
-function Li(t, e, n, i) {
+function Fi(t, e, n, i) {
   t.min = E(e.min, n.min, i), t.max = E(e.max, n.max, i);
 }
-function vc(t, e, n, i) {
-  Li(t.x, e.x, n.x, i), Li(t.y, e.y, n.y, i);
+function Tc(t, e, n, i) {
+  Fi(t.x, e.x, n.x, i), Fi(t.y, e.y, n.y, i);
 }
-function xc(t) {
+function wc(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
 }
-const Tc = {
+const bc = {
   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);
+}, Bi = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Ii = Bi("applewebkit/") && !Bi("chrome/") ? Math.round : _;
+function Oi(t) {
+  t.min = Ii(t.min), t.max = Ii(t.max);
 }
-function wc(t) {
-  Bi(t.x), Bi(t.y);
+function Sc(t) {
+  Oi(t.x), Oi(t.y);
 }
-function Sr(t, e, n) {
-  return t === "position" || t === "preserve-aspect" && !Gl(Si(e), Si(n), 0.2);
+function Ar(t, e, n) {
+  return t === "position" || t === "preserve-aspect" && !zl(Ai(e), Ai(n), 0.2);
 }
-function bc(t) {
+function Pc(t) {
   var e;
   return t !== t.root && ((e = t.scroll) == null ? void 0 : e.wasRoot);
 }
-const Sc = br({
-  attachResizeListener: (t, e) => Bt(t, "resize", e),
+const Ac = Pr({
+  attachResizeListener: (t, e) => It(t, "resize", e),
   measureScroll: () => {
     var t, e;
     return {
@@ -3708,58 +3708,58 @@ const Sc = br({
     };
   },
   checkIsScrollRoot: () => !0
-}), ve = {
+}), xe = {
   current: void 0
-}, Pr = br({
+}, Vr = Pr({
   measureScroll: (t) => ({
     x: t.scrollLeft,
     y: t.scrollTop
   }),
   defaultParent: () => {
-    if (!ve.current) {
-      const t = new Sc({});
-      t.mount(window), t.setOptions({ layoutScroll: !0 }), ve.current = t;
+    if (!xe.current) {
+      const t = new Ac({});
+      t.mount(window), t.setOptions({ layoutScroll: !0 }), xe.current = t;
     }
-    return ve.current;
+    return xe.current;
   },
   resetTransform: (t, e) => {
     t.style.transform = e !== void 0 ? e : "none";
   },
   checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), Mn = xt({
+}), Rn = xt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
 });
-function Ii(t, e) {
+function ji(t, e) {
   if (typeof t == "function")
     return t(e);
   t != null && (t.current = e);
 }
-function Pc(...t) {
+function Vc(...t) {
   return (e) => {
     let n = !1;
     const i = t.map((s) => {
-      const o = Ii(s, e);
+      const o = ji(s, e);
       return !n && typeof o == "function" && (n = !0), o;
     });
     if (n)
       return () => {
         for (let s = 0; s < i.length; s++) {
           const o = i[s];
-          typeof o == "function" ? o() : Ii(t[s], null);
+          typeof o == "function" ? o() : ji(t[s], null);
         }
       };
   };
 }
-function Ac(...t) {
-  return ne.useCallback(Pc(...t), t);
+function Dc(...t) {
+  return ie.useCallback(Vc(...t), t);
 }
-class Vc extends ne.Component {
+class Cc extends ie.Component {
   getSnapshotBeforeUpdate(e) {
     const n = this.props.childRef.current;
     if (n && e.isPresent && !this.props.isPresent) {
-      const i = n.offsetParent, s = We(i) && i.offsetWidth || 0, o = We(i) && i.offsetHeight || 0, r = this.props.sizeRef.current;
+      const i = n.offsetParent, s = Ke(i) && i.offsetWidth || 0, o = Ke(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,17 +3773,17 @@ class Vc extends ne.Component {
     return this.props.children;
   }
 }
-function Dc({ children: t, isPresent: e, anchorX: n, anchorY: i, root: s }) {
+function Mc({ children: t, isPresent: e, anchorX: n, anchorY: i, root: s }) {
   var h;
-  const o = qe(), r = K(null), a = K({
+  const o = Je(), r = K(null), a = K({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0,
     bottom: 0
-  }), { 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(() => {
+  }), { nonce: l } = O(Rn), c = ((h = t.props) == null ? void 0 : h.ref) ?? (t == null ? void 0 : t.ref), u = Dc(r, c);
+  return Qe(() => {
     const { width: f, height: d, top: p, left: m, right: g, bottom: y } = a.current;
     if (e || !r.current || !f || !d)
       return;
@@ -3803,10 +3803,10 @@ function Dc({ children: t, isPresent: e, anchorX: n, anchorY: i, root: s }) {
         `), () => {
       b.contains(S) && b.removeChild(S);
     };
-  }, [e]), R(Vc, { isPresent: e, childRef: r, sizeRef: a, children: ne.cloneElement(t, { ref: u }) });
+  }, [e]), R(Cc, { isPresent: e, childRef: r, sizeRef: a, children: ie.cloneElement(t, { ref: u }) });
 }
-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();
+const Ec = ({ children: t, initial: e, isPresent: n, onExitComplete: i, custom: s, presenceAffectsLayout: o, mode: r, anchorX: a, anchorY: l, root: c }) => {
+  const u = nn(Rc), h = Je();
   let f = !0, d = Z(() => (f = !1, {
     id: h,
     initial: e,
@@ -3823,38 +3823,38 @@ const Cc = ({ children: t, initial: e, isPresent: n, onExitComplete: i, custom:
   }), [n, u, i]);
   return o && f && (d = { ...d }), Z(() => {
     u.forEach((p, m) => u.set(m, !1));
-  }, [n]), ne.useEffect(() => {
+  }, [n]), ie.useEffect(() => {
     !n && !u.size && i && i();
-  }, [n]), r === "popLayout" && (t = R(Dc, { isPresent: n, anchorX: a, anchorY: l, root: c, children: t })), R(ie.Provider, { value: d, children: t });
+  }, [n]), r === "popLayout" && (t = R(Mc, { isPresent: n, anchorX: a, anchorY: l, root: c, children: t })), R(se.Provider, { value: d, children: t });
 };
-function Mc() {
+function Rc() {
   return /* @__PURE__ */ new Map();
 }
-function Ar(t = !0) {
-  const e = O(ie);
+function Dr(t = !0) {
+  const e = O(se);
   if (e === null)
     return [!0, null];
-  const { isPresent: n, onExitComplete: i, register: s } = e, o = qe();
-  Xe(() => {
+  const { isPresent: n, onExitComplete: i, register: s } = e, o = Je();
+  Ze(() => {
     if (t)
       return s(o);
   }, [t]);
-  const r = Qi(() => t && i && i(o), [o, i, t]);
+  const r = es(() => t && i && i(o), [o, i, t]);
   return !n && i ? [!1, r] : [!0];
 }
-const Wt = (t) => t.key || "";
-function Oi(t) {
+const Kt = (t) => t.key || "";
+function Ni(t) {
   const e = [];
-  return Xr.forEach(t, (n) => {
-    qr(n) && e.push(n);
+  return Zr.forEach(t, (n) => {
+    Jr(n) && e.push(n);
   }), e;
 }
-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(() => {
+const Lc = ({ 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] = Dr(r), f = Z(() => Ni(t), [t]), d = r && !u ? [] : f.map(Kt), p = K(!0), m = K(f), g = nn(() => /* @__PURE__ */ new Map()), y = K(/* @__PURE__ */ new Set()), [x, v] = Ae(f), [S, b] = Ae(f);
+  rs(() => {
     p.current = !1, m.current = f;
     for (let P = 0; P < S.length; P++) {
-      const A = Wt(S[P]);
+      const A = Kt(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("-")]);
@@ -3862,15 +3862,15 @@ const Ec = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presen
   if (f !== x) {
     let P = [...f];
     for (let A = 0; A < S.length; A++) {
-      const T = S[A], I = Wt(T);
+      const T = S[A], I = Kt(T);
       d.includes(I) || (P.splice(A, 0, T), V.push(T));
     }
-    return o === "wait" && V.length && (P = V), b(Oi(P)), v(f), null;
+    return o === "wait" && V.length && (P = V), b(Ni(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 } = O(Qe);
-  return R(Hr, { children: S.map((P) => {
-    const A = Wt(P), T = r && !u ? !1 : f === S || d.includes(A), I = () => {
+  const { forceRender: D } = O(en);
+  return R(Xr, { children: S.map((P) => {
+    const A = Kt(P), T = r && !u ? !1 : f === S || d.includes(A), I = () => {
       if (y.current.has(A))
         return;
       if (y.current.add(A), g.has(A))
@@ -3878,13 +3878,13 @@ const Ec = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presen
       else
         return;
       let Pt = !0;
-      g.forEach((ae) => {
-        ae || (Pt = !1);
+      g.forEach((le) => {
+        le || (Pt = !1);
       }), Pt && (D == null || D(), b(m.current), r && (h == null || h()), i && i());
     };
-    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);
+    return R(Ec, { 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 = xt({ strict: !1 }), ji = {
+}, Cr = xt({ strict: !1 }), $i = {
   animation: [
     "animate",
     "variants",
@@ -3904,30 +3904,30 @@ const Ec = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presen
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 };
-let Ni = !1;
-function Rc() {
-  if (Ni)
+let Ui = !1;
+function kc() {
+  if (Ui)
     return;
   const t = {};
-  for (const e in ji)
+  for (const e in $i)
     t[e] = {
-      isEnabled: (n) => ji[e].some((i) => !!n[i])
+      isEnabled: (n) => $i[e].some((i) => !!n[i])
     };
-  er(t), Ni = !0;
+  ir(t), Ui = !0;
 }
-function Dr() {
-  return Rc(), gl();
+function Mr() {
+  return kc(), vl();
 }
-function Lc(t) {
-  const e = Dr();
+function Fc(t) {
+  const e = Mr();
   for (const n in t)
     e[n] = {
       ...e[n],
       ...t[n]
     };
-  er(e);
+  ir(e);
 }
-const kc = /* @__PURE__ */ new Set([
+const Bc = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -3959,85 +3959,85 @@ const kc = /* @__PURE__ */ new Set([
   "ignoreStrict",
   "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") || kc.has(t);
+function ee(t) {
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Bc.has(t);
 }
-let Cr = (t) => !te(t);
-function Fc(t) {
-  typeof t == "function" && (Cr = (e) => e.startsWith("on") ? !te(e) : t(e));
+let Er = (t) => !ee(t);
+function Ic(t) {
+  typeof t == "function" && (Er = (e) => e.startsWith("on") ? !ee(e) : t(e));
 }
 try {
-  Fc(require("@emotion/is-prop-valid").default);
+  Ic(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function Bc(t, e, n) {
+function Oc(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
+    s === "values" && typeof t.values == "object" || (Er(s) || n === !0 && ee(s) || !e && !ee(s) || // If trying to use native HTML drag events, forward drag listeners
     t.draggable && s.startsWith("onDrag")) && (i[s] = t[s]);
   return i;
 }
-const oe = /* @__PURE__ */ xt({});
-function Ic(t, e) {
-  if (re(t)) {
+const ae = /* @__PURE__ */ xt({});
+function jc(t, e) {
+  if (oe(t)) {
     const { initial: n, animate: i } = t;
     return {
-      initial: n === !1 || Ft(n) ? n : void 0,
-      animate: Ft(i) ? i : void 0
+      initial: n === !1 || Bt(n) ? n : void 0,
+      animate: Bt(i) ? i : void 0
     };
   }
   return t.inherit !== !1 ? e : {};
 }
-function Oc(t) {
-  const { initial: e, animate: n } = Ic(t, O(oe));
-  return Z(() => ({ initial: e, animate: n }), [$i(e), $i(n)]);
+function Nc(t) {
+  const { initial: e, animate: n } = jc(t, O(ae));
+  return Z(() => ({ initial: e, animate: n }), [Wi(e), Wi(n)]);
 }
-function $i(t) {
+function Wi(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
-const En = () => ({
+const Ln = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
   vars: {}
 });
-function Mr(t, e, n) {
+function Rr(t, e, n) {
   for (const i in e)
-    !j(e[i]) && !lr(i, n) && (t[i] = e[i]);
+    !j(e[i]) && !ur(i, n) && (t[i] = e[i]);
 }
-function jc({ transformTemplate: t }, e) {
+function $c({ transformTemplate: t }, e) {
   return Z(() => {
-    const n = En();
-    return Dn(n, e, t), Object.assign({}, n.vars, n.style);
+    const n = Ln();
+    return Mn(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
 }
-function Nc(t, e) {
+function Uc(t, e) {
   const n = t.style || {}, i = {};
-  return Mr(i, n, t), Object.assign(i, jc(t, e)), i;
+  return Rr(i, n, t), Object.assign(i, $c(t, e)), i;
 }
-function $c(t, e) {
-  const n = {}, i = Nc(t, e);
+function Wc(t, e) {
+  const n = {}, i = Uc(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 = () => ({
-  ...En(),
+const Lr = () => ({
+  ...Ln(),
   attrs: {}
 });
-function Uc(t, e, n, i) {
+function Kc(t, e, n, i) {
   const s = Z(() => {
-    const o = Er();
-    return cr(o, e, hr(i), t.transformTemplate, t.style), {
+    const o = Lr();
+    return hr(o, e, dr(i), t.transformTemplate, t.style), {
       ...o.attrs,
       style: { ...o.style }
     };
   }, [e]);
   if (t.style) {
     const o = {};
-    Mr(o, t.style, t), s.style = { ...o, ...s.style };
+    Rr(o, t.style, t), s.style = { ...o, ...s.style };
   }
   return s;
 }
-const Wc = [
+const Gc = [
   "animate",
   "circle",
   "defs",
@@ -4064,7 +4064,7 @@ const Wc = [
   "use",
   "view"
 ];
-function Rn(t) {
+function kn(t) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -4077,40 +4077,40 @@ function Rn(t) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(Wc.indexOf(t) > -1 || /**
+      !!(Gc.indexOf(t) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(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, {
+function _c(t, e, n, { latestValues: i }, s, o = !1, r) {
+  const l = (r ?? kn(t) ? Kc : Wc)(e, i, s, t), c = Oc(e, typeof t == "string", o), u = t !== ns ? { ...c, ...l, ref: n } : {}, { children: h } = e, f = Z(() => j(h) ? h.get() : h, [h]);
+  return Qr(t, {
     ...u,
     children: f
   });
 }
-function Gc({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, i, s) {
+function zc({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, i, s) {
   return {
-    latestValues: _c(n, i, s, t),
+    latestValues: Hc(n, i, s, t),
     renderState: e()
   };
 }
-function _c(t, e, n, i) {
+function Hc(t, e, n, i) {
   const s = {}, o = i(t, {});
   for (const f in o)
-    s[f] = zt(o[f]);
+    s[f] = Ht(o[f]);
   let { initial: r, animate: a } = t;
-  const l = re(t), c = tr(t);
+  const l = oe(t), c = nr(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" && !se(h)) {
+  if (h && typeof h != "boolean" && !re(h)) {
     const f = Array.isArray(h) ? h : [h];
     for (let d = 0; d < f.length; d++) {
-      const p = Tn(t, f[d]);
+      const p = bn(t, f[d]);
       if (p) {
         const { transitionEnd: m, transition: g, ...y } = p;
         for (const x in y) {
@@ -4128,23 +4128,23 @@ function _c(t, e, n, i) {
   }
   return s;
 }
-const Rr = (t) => (e, n) => {
-  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
-}), Yc = Symbol.for("motionComponentSymbol");
-function Xc(t, e, n) {
+const kr = (t) => (e, n) => {
+  const i = O(ae), s = O(se), o = () => zc(t, e, i, s);
+  return n ? o() : nn(o);
+}, Yc = /* @__PURE__ */ kr({
+  scrapeMotionValuesFromProps: En,
+  createRenderState: Ln
+}), Xc = /* @__PURE__ */ kr({
+  scrapeMotionValuesFromProps: pr,
+  createRenderState: Lr
+}), qc = Symbol.for("motionComponentSymbol");
+function Zc(t, e, n) {
   const i = K(n);
-  Ze(() => {
+  Qe(() => {
     i.current = n;
   });
   const s = K(null);
-  return Qi((o) => {
+  return es((o) => {
     var a;
     o && ((a = t.onMount) == null || a.call(t, o)), e && (o ? e.mount(o) : e.unmount());
     const r = i.current;
@@ -4156,13 +4156,13 @@ function Xc(t, e, n) {
     else r && (r.current = o);
   }, [e]);
 }
-const Lr = xt({});
-function Dt(t) {
+const Fr = xt({});
+function Ct(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-function qc(t, e, n, i, s, o) {
+function Jc(t, e, n, i, s, o) {
   var v, S;
-  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);
+  const { visualElement: r } = O(ae), a = O(Cr), l = O(se), c = O(Rn), 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,28 +4173,28 @@ function qc(t, e, n, i, s, o) {
     skipAnimations: h,
     isSVG: o
   }), d.current && f.current && (f.current.manuallyAnimateOnMount = !0));
-  const p = f.current, m = O(Lr);
-  p && !p.projection && s && (p.type === "html" || p.type === "svg") && Zc(f.current, n, s, m);
+  const p = f.current, m = O(Fr);
+  p && !p.projection && s && (p.type === "html" || p.type === "svg") && Qc(f.current, n, s, m);
   const g = K(!1);
-  Ze(() => {
+  Qe(() => {
     p && g.current && p.update(n, l);
   });
-  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(() => {
+  const y = n[Ws], x = K(!!y && !((v = window.MotionHandoffIsComplete) != null && v.call(window, y)) && ((S = window.MotionHasOptimisedAnimation) == null ? void 0 : S.call(window, y)));
+  return rs(() => {
     d.current = !0, p && (g.current = !0, window.MotionIsMounted = !0, p.updateFeatures(), p.scheduleRenderMicrotask(), x.current && p.animationState && p.animationState.animateChanges());
-  }), Xe(() => {
+  }), Ze(() => {
     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 Zc(t, e, n, i) {
+function Qc(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({
+  t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : Br(t.parent)), t.projection.setOptions({
     layoutId: s,
     layout: o,
-    alwaysMeasureLayout: !!r || a && Dt(a),
+    alwaysMeasureLayout: !!r || a && Ct(a),
     visualElement: t,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -4210,44 +4210,44 @@ function Zc(t, e, n, i) {
     layoutRoot: c
   });
 }
-function kr(t) {
+function Br(t) {
   if (t)
-    return t.options.allowProjection !== !1 ? t.projection : kr(t.parent);
+    return t.options.allowProjection !== !1 ? t.projection : Br(t.parent);
 }
-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 Te(t, { forwardMotionProps: e = !1, type: n } = {}, i, s) {
+  i && Fc(i);
+  const o = n ? n === "svg" : kn(t), r = o ? Xc : Yc;
   function a(c, u) {
     let h;
     const f = {
-      ...O(Mn),
+      ...O(Rn),
       ...c,
-      layoutId: Jc(c)
-    }, { isStatic: d } = f, p = Oc(c), m = r(c, d);
-    if (!d && ns) {
-      Qc(f, i);
-      const g = tu(f);
-      h = g.MeasureLayout, p.visualElement = qc(t, m, f, s, g.ProjectionNode, o);
+      layoutId: tu(c)
+    }, { isStatic: d } = f, p = Nc(c), m = r(c, d);
+    if (!d && ss) {
+      eu(f, i);
+      const g = nu(f);
+      h = g.MeasureLayout, p.visualElement = Jc(t, m, f, s, g.ProjectionNode, 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)] });
+    return ts(ae.Provider, { value: p, children: [h && p.visualElement ? R(h, { visualElement: p.visualElement, ...f }) : null, _c(t, c, Zc(m, p.visualElement, u), m, d, e, o)] });
   }
   a.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
-  const l = Jr(a);
-  return l[Yc] = t, l;
+  const l = to(a);
+  return l[qc] = t, l;
 }
-function Jc({ layoutId: t }) {
-  const e = O(Qe).id;
+function tu({ layoutId: t }) {
+  const e = O(en).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
-function Qc(t, e) {
-  const n = O(Vr).strict;
+function eu(t, e) {
+  const n = O(Cr).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 ? Tt(!1, i, "lazy-strict-mode") : J(!1, i, "lazy-strict-mode");
   }
 }
-function tu(t) {
-  const e = Dr(), { drag: n, layout: i } = e;
+function nu(t) {
+  const e = Mr(), { drag: n, layout: i } = e;
   if (!n && !i)
     return {};
   const s = { ...n, ...i };
@@ -4256,34 +4256,34 @@ function tu(t) {
     ProjectionNode: s.ProjectionNode
   };
 }
-function eu(t, e) {
+function iu(t, e) {
   if (typeof Proxy > "u")
-    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 Te;
+  const n = /* @__PURE__ */ new Map(), i = (o, r) => Te(o, r, t, e), s = (o, r) => (process.env.NODE_ENV !== "production" && ln(!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, xe(r, void 0, t, e)), n.get(r))
+    get: (o, r) => r === "create" ? i : (n.has(r) || n.set(r, Te(r, void 0, t, e)), n.get(r))
   });
 }
-const nu = (t, e) => e.isSVG ?? Rn(t) ? new kl(e) : new Dl(e, {
-  allowProjection: t !== ts
+const su = (t, e) => e.isSVG ?? kn(t) ? new Bl(e) : new Ml(e, {
+  allowProjection: t !== ns
 });
-class iu extends st {
+class ru 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 = jl(e));
+    super(e), e.animationState || (e.animationState = $l(e));
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
-    se(e) && (this.unmountControls = e.subscribe(this.node));
+    re(e) && (this.unmountControls = e.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement
@@ -4300,10 +4300,10 @@ class iu extends st {
     this.node.animationState.reset(), (e = this.unmountControls) == null || e.call(this);
   }
 }
-let su = 0;
-class ru extends st {
+let ou = 0;
+class au extends st {
   constructor() {
-    super(...arguments), this.id = su++;
+    super(...arguments), this.id = ou++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -4323,15 +4323,15 @@ class ru extends st {
   unmount() {
   }
 }
-const ou = {
+const lu = {
   animation: {
-    Feature: iu
+    Feature: ru
   },
   exit: {
-    Feature: ru
+    Feature: au
   }
 };
-function Nt(t) {
+function $t(t) {
   return {
     point: {
       x: t.pageX,
@@ -4339,17 +4339,17 @@ function Nt(t) {
     }
   };
 }
-const au = (t) => (e) => Pn(e) && t(e, Nt(e));
-function Et(t, e, n, i) {
-  return Bt(t, e, au(n), i);
+const cu = (t) => (e) => Vn(e) && t(e, $t(e));
+function Rt(t, e, n, i) {
+  return It(t, e, cu(n), i);
 }
-const Fr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Ui = (t, e) => Math.abs(t - e);
-function lu(t, e) {
-  const n = Ui(t.x, e.x), i = Ui(t.y, e.y);
+const Ir = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Ki = (t, e) => Math.abs(t - e);
+function uu(t, e) {
+  const n = Ki(t.x, e.x), i = Ki(t.y, e.y);
   return Math.sqrt(n ** 2 + i ** 2);
 }
-const Wi = /* @__PURE__ */ new Set(["auto", "scroll"]);
-class Br {
+const Gi = /* @__PURE__ */ new Set(["auto", "scroll"]);
+class Or {
   constructor(e, n, { transformPagePoint: i, contextWindow: s = window, dragSnapToOrigin: o = !1, distanceThreshold: r = 3, element: a } = {}) {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (d) => {
       this.handleScroll(d.target);
@@ -4358,7 +4358,7 @@ class Br {
     }, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const d = we(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, m = lu(d.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      const d = be(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, m = uu(d.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!p && !m)
         return;
       const { point: g } = d, { timestamp: y } = B;
@@ -4366,21 +4366,21 @@ class Br {
       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.lastMoveEvent = d, this.lastMoveEventInfo = we(p, this.transformPagePoint), C.update(this.updatePoint, !0);
     }, this.handlePointerUp = (d, p) => {
       this.end();
       const { onEnd: m, onSessionEnd: g, resumeAnimation: y } = this.handlers;
       if ((this.dragSnapToOrigin || !this.startEvent) && y && y(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const x = we(d.type === "pointercancel" ? this.lastMoveEventInfo : Te(p, this.transformPagePoint), this.history);
+      const x = be(d.type === "pointercancel" ? this.lastMoveEventInfo : we(p, this.transformPagePoint), this.history);
       this.startEvent && m && m(d, x), g && g(d, x);
-    }, !Pn(e))
+    }, !Vn(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 } = B;
+    const l = $t(e), c = we(l, this.transformPagePoint), { point: u } = c, { timestamp: h } = B;
     this.history = [{ ...u, timestamp: h }];
     const { onSessionStart: f } = n;
-    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);
+    f && f(e, be(c, this.history)), this.removeListeners = Ot(Rt(this.contextWindow, "pointermove", this.handlePointerMove), Rt(this.contextWindow, "pointerup", this.handlePointerUp), Rt(this.contextWindow, "pointercancel", this.handlePointerUp)), a && this.startScrollTracking(a);
   }
   /**
    * Start tracking scroll on ancestors and window.
@@ -4389,7 +4389,7 @@ class Br {
     let n = e.parentElement;
     for (; n; ) {
       const i = getComputedStyle(n);
-      (Wi.has(i.overflowX) || Wi.has(i.overflowY)) && this.scrollPositions.set(n, {
+      (Gi.has(i.overflowX) || Gi.has(i.overflowY)) && this.scrollPositions.set(n, {
         x: n.scrollLeft,
         y: n.scrollTop
       }), n = n.parentElement;
@@ -4431,31 +4431,31 @@ class Br {
     this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), nt(this.updatePoint);
   }
 }
-function Te(t, e) {
+function we(t, e) {
   return e ? { point: e(t.point) } : t;
 }
-function Ki(t, e) {
+function _i(t, e) {
   return { x: t.x - e.x, y: t.y - e.y };
 }
-function we({ point: t }, e) {
+function be({ point: t }, e) {
   return {
     point: t,
-    delta: Ki(t, Ir(e)),
-    offset: Ki(t, cu(e)),
-    velocity: uu(e, 0.1)
+    delta: _i(t, jr(e)),
+    offset: _i(t, hu(e)),
+    velocity: fu(e, 0.1)
   };
 }
-function cu(t) {
+function hu(t) {
   return t[0];
 }
-function Ir(t) {
+function jr(t) {
   return t[t.length - 1];
 }
-function uu(t, e) {
+function fu(t, e) {
   if (t.length < 2)
     return { x: 0, y: 0 };
   let n = t.length - 1, i = null;
-  const s = Ir(t);
+  const s = jr(t);
   for (; n >= 0 && (i = t[n], !(s.timestamp - i.timestamp > /* @__PURE__ */ Y(e))); )
     n--;
   if (!i)
@@ -4469,58 +4469,58 @@ function uu(t, e) {
   };
   return r.x === 1 / 0 && (r.x = 0), r.y === 1 / 0 && (r.y = 0), r;
 }
-function hu(t, { min: e, max: n }, i) {
+function du(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) {
+function zi(t, e, n) {
   return {
     min: e !== void 0 ? t.min + e : void 0,
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
   };
 }
-function fu(t, { top: e, left: n, bottom: i, right: s }) {
+function pu(t, { top: e, left: n, bottom: i, right: s }) {
   return {
-    x: Gi(t.x, n, s),
-    y: Gi(t.y, e, i)
+    x: zi(t.x, n, s),
+    y: zi(t.y, e, i)
   };
 }
-function _i(t, e) {
+function Hi(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 du(t, e) {
+function mu(t, e) {
   return {
-    x: _i(t.x, e.x),
-    y: _i(t.y, e.y)
+    x: Hi(t.x, e.x),
+    y: Hi(t.y, e.y)
   };
 }
-function pu(t, e) {
+function gu(t, e) {
   let n = 0.5;
   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);
+  return s > i ? n = /* @__PURE__ */ Lt(e.min, e.max - i, t.min) : i > s && (n = /* @__PURE__ */ Lt(t.min, t.max - s, e.min)), q(0, 1, n);
 }
-function mu(t, e) {
+function yu(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 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")
+const Ye = 0.35;
+function vu(t = Ye) {
+  return t === !1 ? t = 0 : t === !0 && (t = Ye), {
+    x: Yi(t, "left", "right"),
+    y: Yi(t, "top", "bottom")
   };
 }
-function zi(t, e, n) {
+function Yi(t, e, n) {
   return {
-    min: Hi(t, e),
-    max: Hi(t, n)
+    min: Xi(t, e),
+    max: Xi(t, n)
   };
 }
-function Hi(t, e) {
+function Xi(t, e) {
   return typeof t == "number" ? t : t[e] || 0;
 }
-const yu = /* @__PURE__ */ new WeakMap();
-class vu {
+const xu = /* @__PURE__ */ new WeakMap();
+class Tu {
   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 = k(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
   }
@@ -4529,11 +4529,11 @@ class vu {
     if (s && s.isPresent === !1)
       return;
     const o = (h) => {
-      n ? (this.stopAnimation(), this.snapToCursor(Nt(h).point)) : this.pauseAnimation();
+      n ? (this.stopAnimation(), this.snapToCursor($t(h).point)) : this.pauseAnimation();
     }, r = (h, f) => {
       this.stopAnimation();
       const { drag: d, dragPropagation: p, onDragStart: m } = this.getProps();
-      if (d && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = sl(d), !this.openDragLock))
+      if (d && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = ol(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((y) => {
         let x = this.getAxisMotionValue(y).get() || 0;
@@ -4545,7 +4545,7 @@ class vu {
           }
         }
         this.originPoint[y] = x;
-      }), m && C.postRender(() => m(h, f)), Ne(this.visualElement, "transform");
+      }), m && C.postRender(() => m(h, f)), $e(this.visualElement, "transform");
       const { animationState: g } = this.visualElement;
       g && g.setActive("whileDrag", !0);
     }, a = (h, f) => {
@@ -4555,7 +4555,7 @@ class vu {
         return;
       const { offset: y } = f;
       if (p && this.currentDirection === null) {
-        this.currentDirection = xu(y), this.currentDirection !== null && m && m(this.currentDirection);
+        this.currentDirection = wu(y), this.currentDirection !== null && m && m(this.currentDirection);
         return;
       }
       this.updateAxis("x", f.point, y), this.updateAxis("y", f.point, y), this.visualElement.render(), g && g(h, f);
@@ -4565,7 +4565,7 @@ class vu {
       var f;
       return this.getAnimationState(h) === "paused" && ((f = this.getAxisMotionValue(h).animation) == null ? void 0 : f.play());
     }), { dragSnapToOrigin: u } = this.getProps();
-    this.panSession = new Br(e, {
+    this.panSession = new Or(e, {
       onSessionStart: o,
       onStart: r,
       onMove: a,
@@ -4575,7 +4575,7 @@ class vu {
       transformPagePoint: this.visualElement.getTransformPagePoint(),
       dragSnapToOrigin: u,
       distanceThreshold: i,
-      contextWindow: Fr(this.visualElement),
+      contextWindow: Ir(this.visualElement),
       element: this.visualElement.current
     });
   }
@@ -4612,39 +4612,39 @@ class vu {
   }
   updateAxis(e, n, i) {
     const { drag: s } = this.getProps();
-    if (!i || !Kt(e, s, this.currentDirection))
+    if (!i || !Gt(e, s, this.currentDirection))
       return;
     const o = this.getAxisMotionValue(e);
     let r = this.originPoint[e] + i[e];
-    this.constraints && this.constraints[e] && (r = hu(r, this.constraints[e], this.elastic[e])), o.set(r);
+    this.constraints && this.constraints[e] && (r = du(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 = 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]));
+    e && Ct(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && i ? this.constraints = pu(i.layoutBox, e) : this.constraints = !1, this.elastic = vu(n), s !== this.constraints && i && this.constraints && !this.hasMutatedConstraints && W((r) => {
+      this.constraints !== !1 && this.getAxisMotionValue(r) && (this.constraints[r] = yu(i.layoutBox[r], this.constraints[r]));
     });
   }
   resolveRefConstraints() {
     const { dragConstraints: e, onMeasureDragConstraints: n } = this.getProps();
-    if (!e || !Dt(e))
+    if (!e || !Ct(e))
       return !1;
     const i = e.current;
     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 = wl(i, s.root, this.visualElement.getTransformPagePoint());
-    let r = du(s.layout.layoutBox, o);
+    const o = Sl(i, s.root, this.visualElement.getTransformPagePoint());
+    let r = mu(s.layout.layoutBox, o);
     if (n) {
-      const a = n(vl(r));
-      this.hasMutatedConstraints = !!a, a && (r = ir(a));
+      const a = n(Tl(r));
+      this.hasMutatedConstraints = !!a, a && (r = rr(a));
     }
     return r;
   }
   startAnimation(e) {
     const { drag: n, dragMomentum: i, dragElastic: s, dragTransition: o, dragSnapToOrigin: r, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, c = W((u) => {
-      if (!Kt(u, n, this.currentDirection))
+      if (!Gt(u, n, this.currentDirection))
         return;
       let h = l && l[u] || {};
       r && (h = { min: 0, max: 0 });
@@ -4665,7 +4665,7 @@ class vu {
   }
   startAxisValueAnimation(e, n) {
     const i = this.getAxisMotionValue(e);
-    return Ne(this.visualElement, e), i.start(xn(e, i, 0, n, this.visualElement, !1));
+    return $e(this.visualElement, e), i.start(wn(e, i, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
     W((e) => this.getAxisMotionValue(e).stop());
@@ -4693,7 +4693,7 @@ class vu {
   snapToCursor(e) {
     W((n) => {
       const { drag: i } = this.getProps();
-      if (!Kt(n, i, this.currentDirection))
+      if (!Gt(n, i, this.currentDirection))
         return;
       const { projection: s } = this.visualElement, o = this.getAxisMotionValue(n);
       if (s && s.layout) {
@@ -4711,7 +4711,7 @@ class vu {
     if (!this.visualElement.current)
       return;
     const { drag: e, dragConstraints: n } = this.getProps(), { projection: i } = this.visualElement;
-    if (!Dt(n) || !i || !this.constraints)
+    if (!Ct(n) || !i || !this.constraints)
       return;
     this.stopAnimation();
     const s = { x: 0, y: 0 };
@@ -4719,12 +4719,12 @@ class vu {
       const a = this.getAxisMotionValue(r);
       if (a && this.constraints !== !1) {
         const l = a.get();
-        s[r] = pu({ min: l, max: l }, this.constraints[r]);
+        s[r] = gu({ min: l, max: l }, this.constraints[r]);
       }
     });
     const { transformTemplate: o } = this.visualElement.getProps();
     this.visualElement.current.style.transform = o ? o({}, "") : "none", i.root && i.root.updateScroll(), i.updateLayout(), this.resolveConstraints(), W((r) => {
-      if (!Kt(r, e, null))
+      if (!Gt(r, e, null))
         return;
       const a = this.getAxisMotionValue(r), { min: l, max: c } = this.constraints[r];
       a.set(E(l, c, s[r]));
@@ -4733,16 +4733,16 @@ class vu {
   addListeners() {
     if (!this.visualElement.current)
       return;
-    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);
+    xu.set(this.visualElement, this);
+    const e = this.visualElement.current, n = Rt(e, "pointerdown", (l) => {
+      const { drag: c, dragListener: u = !0 } = this.getProps(), h = l.target, f = h !== e && Qs(h);
       c && u && !f && this.start(l);
     }), i = () => {
       const { dragConstraints: l } = this.getProps();
-      Dt(l) && l.current && (this.constraints = this.resolveRefConstraints());
+      Ct(l) && l.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: s } = this.visualElement, o = s.addEventListener("measure", i);
     s && !s.layout && (s.root && s.root.updateScroll(), s.updateLayout()), C.read(i);
-    const r = Bt(window, "resize", () => this.scalePositionWithinConstraints()), a = s.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: c }) => {
+    const r = It(window, "resize", () => this.scalePositionWithinConstraints()), a = s.addEventListener("didUpdate", ({ delta: l, hasLayoutChanged: c }) => {
       this.isDragging && c && (W((u) => {
         const h = this.getAxisMotionValue(u);
         h && (this.originPoint[u] += l[u].translate, h.set(h.get() + l[u].translate));
@@ -4753,7 +4753,7 @@ class vu {
     };
   }
   getProps() {
-    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: i = !1, dragPropagation: s = !1, dragConstraints: o = !1, dragElastic: r = He, dragMomentum: a = !0 } = e;
+    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: i = !1, dragPropagation: s = !1, dragConstraints: o = !1, dragElastic: r = Ye, dragMomentum: a = !0 } = e;
     return {
       ...e,
       drag: n,
@@ -4765,16 +4765,16 @@ class vu {
     };
   }
 }
-function Kt(t, e, n) {
+function Gt(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
-function xu(t, e = 10) {
+function wu(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
-class Tu extends st {
+class bu extends st {
   constructor(e) {
-    super(e), this.removeGroupControls = _, this.removeListeners = _, this.controls = new vu(e);
+    super(e), this.removeGroupControls = _, this.removeListeners = _, this.controls = new Tu(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
@@ -4788,24 +4788,24 @@ class Tu extends st {
     this.removeGroupControls(), this.removeListeners(), this.controls.isDragging || this.controls.endPanSession();
   }
 }
-const Yi = (t) => (e, n) => {
+const qi = (t) => (e, n) => {
   t && C.postRender(() => t(e, n));
 };
-class wu extends st {
+class Su extends st {
   constructor() {
     super(...arguments), this.removePointerDownListener = _;
   }
   onPointerDown(e) {
-    this.session = new Br(e, this.createPanHandlers(), {
+    this.session = new Or(e, this.createPanHandlers(), {
       transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: Fr(this.node)
+      contextWindow: Ir(this.node)
     });
   }
   createPanHandlers() {
     const { onPanSessionStart: e, onPanStart: n, onPan: i, onPanEnd: s } = this.node.getProps();
     return {
-      onSessionStart: Yi(e),
-      onStart: Yi(n),
+      onSessionStart: qi(e),
+      onStart: qi(n),
       onMove: i,
       onEnd: (o, r) => {
         delete this.session, s && C.postRender(() => s(o, r));
@@ -4813,7 +4813,7 @@ class wu extends st {
     };
   }
   mount() {
-    this.removePointerDownListener = Et(this.node.current, "pointerdown", (e) => this.onPointerDown(e));
+    this.removePointerDownListener = Rt(this.node.current, "pointerdown", (e) => this.onPointerDown(e));
   }
   update() {
     this.session && this.session.updateHandlers(this.createPanHandlers());
@@ -4822,8 +4822,8 @@ class wu extends st {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-let be = !1;
-class bu extends Qr {
+let Se = !1;
+class Pu extends eo {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -4831,33 +4831,33 @@ class bu 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), be && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
+    o && (n.group && n.group.add(o), i && i.register && s && i.register(o), Se && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), o.setOptions({
       ...o.options,
       layoutDependency: this.props.layoutDependency,
       onExitComplete: () => this.safeToRemove()
-    })), Ht.hasEverUpdated = !0;
+    })), Yt.hasEverUpdated = !0;
   }
   getSnapshotBeforeUpdate(e) {
     const { layoutDependency: n, visualElement: i, drag: s, isPresent: o } = this.props, { projection: r } = i;
     return r && (r.isPresent = o, e.layoutDependency !== n && r.setOptions({
       ...r.options,
       layoutDependency: n
-    }), 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(() => {
+    }), Se = !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;
   }
   componentDidUpdate() {
     const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), Sn.postRender(() => {
+    e && (e.root.didUpdate(), An.postRender(() => {
       !e.currentAnimation && e.isLead() && this.safeToRemove();
     }));
   }
   componentWillUnmount() {
     const { visualElement: e, layoutGroup: n, switchLayoutGroup: i } = this.props, { projection: s } = e;
-    be = !0, s && (s.scheduleCheckAfterUnmount(), n && n.group && n.group.remove(s), i && i.deregister && i.deregister(s));
+    Se = !0, s && (s.scheduleCheckAfterUnmount(), n && n.group && n.group.remove(s), i && i.deregister && i.deregister(s));
   }
   safeToRemove() {
     const { safeToRemove: e } = this.props;
@@ -4867,35 +4867,35 @@ class bu extends Qr {
     return null;
   }
 }
-function Or(t) {
-  const [e, n] = Ar(), i = O(Qe);
-  return R(bu, { ...t, layoutGroup: i, switchLayoutGroup: O(Lr), isPresent: e, safeToRemove: n });
+function Nr(t) {
+  const [e, n] = Dr(), i = O(en);
+  return R(Pu, { ...t, layoutGroup: i, switchLayoutGroup: O(Fr), isPresent: e, safeToRemove: n });
 }
-const Su = {
+const Au = {
   pan: {
-    Feature: wu
+    Feature: Su
   },
   drag: {
-    Feature: Tu,
-    ProjectionNode: Pr,
-    MeasureLayout: Or
+    Feature: bu,
+    ProjectionNode: Vr,
+    MeasureLayout: Nr
   }
 };
-function Xi(t, e, n) {
+function Zi(t, e, n) {
   const { props: i } = t;
   t.animationState && i.whileHover && t.animationState.setActive("whileHover", n === "Start");
   const s = "onHover" + n, o = i[s];
-  o && C.postRender(() => o(e, Nt(e)));
+  o && C.postRender(() => o(e, $t(e)));
 }
-class Pu extends st {
+class Vu extends st {
   mount() {
     const { current: e } = this.node;
-    e && (this.unmount = rl(e, (n, i) => (Xi(this.node, i, "Start"), (s) => Xi(this.node, s, "End"))));
+    e && (this.unmount = al(e, (n, i) => (Zi(this.node, i, "Start"), (s) => Zi(this.node, s, "End"))));
   }
   unmount() {
   }
 }
-class Au extends st {
+class Du extends st {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -4912,50 +4912,50 @@ class Au extends st {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = It(Bt(this.node.current, "focus", () => this.onFocus()), Bt(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = Ot(It(this.node.current, "focus", () => this.onFocus()), It(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
 }
-function qi(t, e, n) {
+function Ji(t, e, n) {
   const { props: i } = t;
   if (t.current instanceof HTMLButtonElement && t.current.disabled)
     return;
   t.animationState && i.whileTap && t.animationState.setActive("whileTap", n === "Start");
   const s = "onTap" + (n === "End" ? "" : n), o = i[s];
-  o && C.postRender(() => o(e, Nt(e)));
+  o && C.postRender(() => o(e, $t(e)));
 }
-class Vu extends st {
+class Cu extends st {
   mount() {
     const { current: e } = this.node;
-    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 }));
+    e && (this.unmount = ul(e, (n, i) => (Ji(this.node, i, "Start"), (s, { success: o }) => Ji(this.node, s, o ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
 }
-const Ye = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), Du = (t) => {
-  const e = Ye.get(t.target);
+const Xe = /* @__PURE__ */ new WeakMap(), Pe = /* @__PURE__ */ new WeakMap(), Mu = (t) => {
+  const e = Xe.get(t.target);
   e && e(t);
-}, Cu = (t) => {
-  t.forEach(Du);
+}, Eu = (t) => {
+  t.forEach(Mu);
 };
-function Mu({ root: t, ...e }) {
+function Ru({ 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(Cu, { root: t, ...e })), i[s];
-}
-function Eu(t, e, n) {
-  const i = Mu(e);
-  return Ye.set(t, n), i.observe(t), () => {
-    Ye.delete(t), i.unobserve(t);
+  Pe.has(n) || Pe.set(n, {});
+  const i = Pe.get(n), s = JSON.stringify(e);
+  return i[s] || (i[s] = new IntersectionObserver(Eu, { root: t, ...e })), i[s];
+}
+function Lu(t, e, n) {
+  const i = Ru(e);
+  return Xe.set(t, n), i.observe(t), () => {
+    Xe.delete(t), i.unobserve(t);
   };
 }
-const Ru = {
+const ku = {
   some: 0,
   all: 1
 };
-class Lu extends st {
+class Fu extends st {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -4964,7 +4964,7 @@ class Lu 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 : Ru[s]
+      threshold: typeof s == "number" ? s : ku[s]
     }, a = (l) => {
       const { isIntersecting: c } = l;
       if (this.isInView === c || (this.isInView = c, o && !c && this.hasEnteredView))
@@ -4973,7 +4973,7 @@ class Lu extends st {
       const { onViewportEnter: u, onViewportLeave: h } = this.node.getProps(), f = c ? u : h;
       f && f(l);
     };
-    return Eu(this.node.current, r, a);
+    return Lu(this.node.current, r, a);
   }
   mount() {
     this.startObserver();
@@ -4982,52 +4982,52 @@ class Lu extends st {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: e, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(ku(e, n)) && this.startObserver();
+    ["amount", "margin", "root"].some(Bu(e, n)) && this.startObserver();
   }
   unmount() {
   }
 }
-function ku({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function Bu({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-const Fu = {
+const Iu = {
   inView: {
-    Feature: Lu
+    Feature: Fu
   },
   tap: {
-    Feature: Vu
+    Feature: Cu
   },
   focus: {
-    Feature: Au
+    Feature: Du
   },
   hover: {
-    Feature: Pu
+    Feature: Vu
   }
-}, Bu = {
+}, Ou = {
   layout: {
-    ProjectionNode: Pr,
-    MeasureLayout: Or
-  }
-}, Iu = {
-  ...ou,
-  ...Fu,
-  ...Su,
-  ...Bu
-}, jr = /* @__PURE__ */ eu(Iu, nu);
-function Nr(t) {
+    ProjectionNode: Vr,
+    MeasureLayout: Nr
+  }
+}, ju = {
+  ...lu,
+  ...Iu,
+  ...Au,
+  ...Ou
+}, $r = /* @__PURE__ */ iu(ju, su);
+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 = Nr(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 Ou() {
-  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = Nr(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 ee = ({
+const ne = ({
   ref: t,
   as: e = "div",
   children: n,
@@ -5065,7 +5065,7 @@ const ee = ({
     e,
     {
       ref: t,
-      className: Ou("pittorica-box", x),
+      className: Nu("pittorica-box", x),
       style: I,
       href: v,
       target: S,
@@ -5078,34 +5078,34 @@ const ee = ({
     }
   );
 };
-ee.displayName = "Box";
-function $r(t) {
+ne.displayName = "Box";
+function Wr(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 = Wr(t[e])) && (i && (i += " "), i += n);
   } else for (n in t) t[n] && (i && (i += " "), i += n);
   return i;
 }
-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);
+function $u() {
+  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = Wr(t)) && (i && (i += " "), i += e);
   return i;
 }
-function Ur(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 = Ur(t[e])) && (i && (i += " "), i += n);
+    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 Nu() {
-  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = Ur(t)) && (i && (i += " "), i += e);
+function Uu() {
+  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;
 }
-const Wr = ({
+const Gr = ({
   ref: t,
   as: e = "div",
   children: n,
@@ -5143,7 +5143,7 @@ const Wr = ({
     e,
     {
       ref: t,
-      className: Nu("pittorica-box", x),
+      className: Uu("pittorica-box", x),
       style: I,
       href: v,
       target: S,
@@ -5156,77 +5156,69 @@ const Wr = ({
     }
   );
 };
-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 = ({
+Gr.displayName = "Box";
+const qe = (t) => typeof t == "string" && t.startsWith("auto-");
+function Vt(t, e) {
+  return !e || qe(e) ? [] : typeof e == "string" ? [`pittorica-flex--${t}-${e}`] : Object.entries(e).filter(([, n]) => n !== void 0 && !qe(n)).map(
+    ([n, i]) => n === "initial" ? `pittorica-flex--${t}-${i}` : `pittorica-flex--${n}-${t}-${i}`
+  );
+}
+const Wu = ({
   children: t,
-  direction: e = "row",
+  direction: e,
   align: n,
   justify: i,
-  wrap: s = "nowrap",
+  wrap: s,
   gap: o,
-  style: r,
+  basis: r,
   className: a,
-  ...l
+  style: l,
+  ...c
 }) => {
-  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,
+  const u = [
+    ...Vt("direction", e),
+    ...Vt("align", n),
+    ...Vt("justify", i),
+    ...Vt("wrap", s),
+    ...Vt("gap", o)
+  ], h = { ...l };
+  return qe(r) && (h["--pittorica-flex-basis"] = r.split("-")[1]), /* @__PURE__ */ R(
+    Gr,
     {
-      className: ju("pittorica-flex", a),
-      style: c,
-      ...l,
+      className: $u("pittorica-flex", u, a),
+      style: { ...l, ...h },
+      ...c,
       children: t
     }
   );
 };
-function Kr(t) {
+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 = Kr(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 Ku() {
-  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = Kr(t)) && (i && (i += " "), i += e);
+  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 Gr(t) {
+function zr(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);
+    for (e = 0; e < s; e++) t[e] && (n = zr(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);
+  for (var t, e, n = 0, i = "", s = arguments.length; n < s; n++) (t = arguments[n]) && (e = zr(t)) && (i && (i += " "), i += e);
   return i;
 }
-const _r = ({
+const Hr = ({
   ref: t,
   as: e = "div",
   children: n,
@@ -5277,7 +5269,7 @@ const _r = ({
     }
   );
 };
-_r.displayName = "Box";
+Hr.displayName = "Box";
 const _u = ({
   children: t,
   as: e = "span",
@@ -5314,7 +5306,7 @@ const _u = ({
     color: m
   };
   return /* @__PURE__ */ R(
-    _r,
+    Hr,
     {
       as: e,
       className: Ku(
@@ -5336,7 +5328,7 @@ const _u = ({
   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,
+  $r.div,
   {
     layout: !0,
     style: {
@@ -5357,14 +5349,14 @@ const _u = ({
   defaultIndex: n = 0,
   ...i
 }) => {
-  const [s, o] = Pe(n), r = Z(
+  const [s, o] = Ae(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: [
+  return /* @__PURE__ */ ts(ne, { ...i, className: tn("pittorica-carousel-root", e), children: [
     /* @__PURE__ */ R(
       "div",
       {
@@ -5375,10 +5367,10 @@ const _u = ({
           width: "100%",
           overflow: "hidden"
         },
-        children: /* @__PURE__ */ R(Ec, { mode: "popLayout", initial: !0, children: a.map((l, c) => {
+        children: /* @__PURE__ */ R(Lc, { 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,
+            $r.div,
             {
               layout: !0,
               initial: { opacity: 0, x: 500 },
@@ -5402,17 +5394,17 @@ const _u = ({
         }) })
       }
     ),
-    /* @__PURE__ */ R(ee, { mt: "4", children: /* @__PURE__ */ R(Hu, { total: r.length, active: s }) })
+    /* @__PURE__ */ R(ne, { mt: "4", children: /* @__PURE__ */ R(Hu, { total: r.length, active: s }) })
   ] });
 }, Xu = ({ children: t, className: e, ...n }) => /* @__PURE__ */ R(
-  ee,
+  ne,
   {
     ...n,
-    className: Je("pittorica-carousel-item-inner", e),
+    className: tn("pittorica-carousel-item-inner", e),
     style: { height: "100%", display: "flex" },
     children: t
   }
-), qu = ({ children: t, className: e }) => /* @__PURE__ */ R("div", { className: Je("pittorica-carousel-description", e), children: /* @__PURE__ */ R(_u, { weight: "medium", children: t }) }), eh = {
+), qu = ({ children: t, className: e }) => /* @__PURE__ */ R("div", { className: tn("pittorica-carousel-description", e), children: /* @__PURE__ */ R(_u, { weight: "medium", children: t }) }), eh = {
   Root: Yu,
   Item: Xu,
   Description: qu