@ptlm-azulejo/segmented-control 0.0.1-alpha.23 → 0.0.1-alpha.25

package/dist/index.js

@@ -1,25 +1,25 @@
-var Ho = Object.defineProperty, Yo = Object.defineProperties;
-var Xo = Object.getOwnPropertyDescriptors;
-var Wt = Object.getOwnPropertySymbols;
+var Yo = Object.defineProperty, Xo = Object.defineProperties;
+var qo = Object.getOwnPropertyDescriptors;
+var Kt = Object.getOwnPropertySymbols;
 var Dn = Object.prototype.hasOwnProperty, Rn = Object.prototype.propertyIsEnumerable;
-var fe = Math.pow, Mn = (t, e, n) => e in t ? Ho(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, g = (t, e) => {
+var de = Math.pow, Mn = (t, e, n) => e in t ? Yo(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, g = (t, e) => {
   for (var n in e || (e = {}))
     Dn.call(e, n) && Mn(t, n, e[n]);
-  if (Wt)
-    for (var n of Wt(e))
+  if (Kt)
+    for (var n of Kt(e))
       Rn.call(e, n) && Mn(t, n, e[n]);
   return t;
-}, E = (t, e) => Yo(t, Xo(e));
+}, E = (t, e) => Xo(t, qo(e));
 var U = (t, e) => {
   var n = {};
   for (var i in t)
     Dn.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
-  if (t != null && Wt)
-    for (var i of Wt(t))
+  if (t != null && Kt)
+    for (var i of Kt(t))
       e.indexOf(i) < 0 && Rn.call(t, i) && (n[i] = t[i]);
   return n;
 };
-import { inject as qo, provide as Zo, watch as Jo, computed as Ct, ref as Qo, useAttrs as tr, getCurrentInstance as er, onBeforeMount as nr, onMounted as ir, onBeforeUnmount as sr, onUnmounted as or, onBeforeUpdate as rr, onUpdated as ar, defineComponent as us, h as cs, Comment as lr, mergeProps as ur, cloneVNode as cr, toRef as de, openBlock as pe, createElementBlock as me, normalizeStyle as ge, normalizeClass as Gt, createVNode as hr, unref as ct, Fragment as fr, renderList as dr, createElementVNode as pr, toDisplayString as mr } from "vue";
+import { inject as Zo, provide as Jo, watch as Qo, computed as qt, ref as us, useAttrs as tr, getCurrentInstance as er, onBeforeMount as nr, onMounted as ir, onBeforeUnmount as sr, onUnmounted as or, onBeforeUpdate as rr, onUpdated as ar, defineComponent as cs, h as hs, Comment as lr, mergeProps as ur, cloneVNode as cr, toRef as pe, openBlock as Wt, createElementBlock as me, normalizeStyle as ge, normalizeClass as Gt, createBlock as hr, unref as ct, createCommentVNode as fr, Fragment as dr, renderList as pr, createElementVNode as mr, toDisplayString as gr } from "vue";
 const zt = [
   "setup",
   // Compute
@@ -38,7 +38,7 @@ const zt = [
   "postRender"
   // Compute
 ];
-function gr(t, e) {
+function yr(t, e) {
   let n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), s = !1, r = !1;
   const o = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -53,8 +53,8 @@ function gr(t, e) {
     /**
      * Schedule a process to run on the next frame.
      */
-    schedule: (u, h = !1, f = !1) => {
-      const p = f && s ? n : i;
+    schedule: (u, h = !1, d = !1) => {
+      const p = d && s ? n : i;
       return h && o.add(u), p.has(u) || p.add(u), u;
     },
     /**
@@ -76,50 +76,50 @@ function gr(t, e) {
   };
   return c;
 }
-const J = {}, yr = 40;
-function hs(t, e) {
+const J = {}, vr = 40;
+function fs(t, e) {
   let n = !1, i = !0;
   const s = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = () => n = !0, o = zt.reduce((T, w) => (T[w] = gr(r), T), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: d, postRender: p } = o, m = () => {
+  }, r = () => n = !0, o = zt.reduce((T, S) => (T[S] = yr(r), T), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: d, render: f, postRender: p } = o, m = () => {
     const T = J.useManualTiming ? s.timestamp : performance.now();
-    n = !1, J.useManualTiming || (s.delta = i ? 1e3 / 60 : Math.max(Math.min(T - s.timestamp, yr), 1)), s.timestamp = T, 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, J.useManualTiming || (s.delta = i ? 1e3 / 60 : Math.max(Math.min(T - s.timestamp, vr), 1)), s.timestamp = T, s.isProcessing = !0, a.process(s), l.process(s), c.process(s), u.process(s), h.process(s), d.process(s), f.process(s), p.process(s), s.isProcessing = !1, n && e && (i = !1, t(m));
   }, y = () => {
     n = !0, i = !0, s.isProcessing || t(m);
   };
-  return { schedule: zt.reduce((T, w) => {
-    const S = o[w];
-    return T[w] = (A, V = !1, P = !1) => (n || y(), S.schedule(A, V, P)), T;
+  return { schedule: zt.reduce((T, S) => {
+    const b = o[S];
+    return T[S] = (A, V = !1, P = !1) => (n || y(), b.schedule(A, V, P)), T;
   }, {}), cancel: (T) => {
-    for (let w = 0; w < zt.length; w++)
-      o[zt[w]].cancel(T);
+    for (let S = 0; S < zt.length; S++)
+      o[zt[S]].cancel(T);
   }, state: s, steps: o };
 }
-const _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t, { schedule: C, cancel: Q, state: F, steps: ye } = /* @__PURE__ */ hs(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : _, !0);
-let qt;
-function vr() {
-  qt = void 0;
+const _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t, { schedule: C, cancel: Q, state: F, steps: ye } = /* @__PURE__ */ fs(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : _, !0);
+let Zt;
+function xr() {
+  Zt = void 0;
 }
-const I = {
-  now: () => (qt === void 0 && I.set(F.isProcessing || J.useManualTiming ? F.timestamp : performance.now()), qt),
+const j = {
+  now: () => (Zt === void 0 && j.set(F.isProcessing || J.useManualTiming ? F.timestamp : performance.now()), Zt),
   set: (t) => {
-    qt = t, queueMicrotask(vr);
+    Zt = t, queueMicrotask(xr);
   }
 }, G = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, N = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
 function br(t, e) {
-  const n = I.now(), i = ({ timestamp: s }) => {
+  const n = j.now(), i = ({ timestamp: s }) => {
     const r = s - n;
     r >= e && (Q(i), t(r - e));
   };
   return C.setup(i, !0), () => Q(i);
 }
-const jt = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
+const Ot = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), nt = /* @__PURE__ */ jt("deg"), Y = /* @__PURE__ */ jt("%"), b = /* @__PURE__ */ jt("px"), xr = /* @__PURE__ */ jt("vh"), Tr = /* @__PURE__ */ jt("vw"), Ln = E(g({}, Y), {
+}), nt = /* @__PURE__ */ Ot("deg"), Y = /* @__PURE__ */ Ot("%"), x = /* @__PURE__ */ Ot("px"), Tr = /* @__PURE__ */ Ot("vh"), Sr = /* @__PURE__ */ Ot("vw"), Ln = E(g({}, Y), {
   parse: (t) => Y.parse(t) / 100,
   transform: (t) => Y.transform(t * 100)
 });
@@ -131,7 +131,7 @@ const H = {
     if (!e.target)
       return t;
     if (typeof t == "string")
-      if (b.test(t))
+      if (x.test(t))
         t = parseFloat(t);
       else
         return t;
@@ -142,15 +142,15 @@ const H = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
-}, Bt = E(g({}, vt), {
+}, Lt = E(g({}, vt), {
   transform: (t) => X(0, 1, t)
 }), Ht = E(g({}, vt), {
   default: 1
-}), Mt = (t) => Math.round(t * 1e5) / 1e5, qe = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function Sr(t) {
+}), Ct = (t) => Math.round(t * 1e5) / 1e5, qe = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function wr(t) {
   return t == null;
 }
-const wr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Ze = (t, e) => (n) => !!(typeof n == "string" && wr.test(n) && n.startsWith(t) || e && !Sr(n) && Object.prototype.hasOwnProperty.call(n, e)), fs = (t, e, n) => (i) => {
+const Ar = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Ze = (t, e) => (n) => !!(typeof n == "string" && Ar.test(n) && n.startsWith(t) || e && !wr(n) && Object.prototype.hasOwnProperty.call(n, e)), ds = (t, e, n) => (i) => {
   if (typeof i != "string")
     return i;
   const [s, r, o, a] = i.match(qe);
@@ -160,14 +160,14 @@ const wr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Ar = (t) => X(0, 255, t), ve = E(g({}, vt), {
-  transform: (t) => Math.round(Ar(t))
+}, Pr = (t) => X(0, 255, t), ve = E(g({}, vt), {
+  transform: (t) => Math.round(Pr(t))
 }), rt = {
   test: /* @__PURE__ */ Ze("rgb", "red"),
-  parse: /* @__PURE__ */ fs("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + ve.transform(t) + ", " + ve.transform(e) + ", " + ve.transform(n) + ", " + Mt(Bt.transform(i)) + ")"
+  parse: /* @__PURE__ */ ds("red", "green", "blue"),
+  transform: ({ red: t, green: e, blue: n, alpha: i = 1 }) => "rgba(" + ve.transform(t) + ", " + ve.transform(e) + ", " + ve.transform(n) + ", " + Ct(Lt.transform(i)) + ")"
 };
-function Pr(t) {
+function Er(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),
@@ -178,12 +178,12 @@ function Pr(t) {
 }
 const Re = {
   test: /* @__PURE__ */ Ze("#"),
-  parse: Pr,
+  parse: Er,
   transform: rt.transform
 }, ht = {
   test: /* @__PURE__ */ Ze("hsl", "hue"),
-  parse: /* @__PURE__ */ fs("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " + Y.transform(Mt(e)) + ", " + Y.transform(Mt(n)) + ", " + Mt(Bt.transform(i)) + ")"
+  parse: /* @__PURE__ */ ds("hue", "saturation", "lightness"),
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " + Y.transform(Ct(e)) + ", " + Y.transform(Ct(n)) + ", " + Ct(Lt.transform(i)) + ")"
 }, R = {
   test: (t) => rt.test(t) || Re.test(t) || ht.test(t),
   parse: (t) => rt.test(t) ? rt.parse(t) : ht.test(t) ? ht.parse(t) : Re.parse(t),
@@ -192,48 +192,48 @@ const Re = {
     const e = R.parse(t);
     return e.alpha = 0, R.transform(e);
   }
-}, Er = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function Vr(t) {
+}, Vr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function Cr(t) {
   var e, n;
-  return isNaN(t) && typeof t == "string" && (((e = t.match(qe)) == null ? void 0 : e.length) || 0) + (((n = t.match(Er)) == null ? void 0 : n.length) || 0) > 0;
+  return isNaN(t) && typeof t == "string" && (((e = t.match(qe)) == null ? void 0 : e.length) || 0) + (((n = t.match(Vr)) == null ? void 0 : n.length) || 0) > 0;
 }
-const ds = "number", ps = "color", Cr = "var", Mr = "var(", kn = "${}", Dr = /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", ms = "color", Mr = "var", Dr = "var(", kn = "${}", Rr = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+function Bt(t) {
   const e = t.toString(), n = [], i = {
     color: [],
     number: [],
     var: []
   }, s = [];
   let r = 0;
-  const a = e.replace(Dr, (l) => (R.test(l) ? (i.color.push(r), s.push(ps), n.push(R.parse(l))) : l.startsWith(Mr) ? (i.var.push(r), s.push(Cr), n.push(l)) : (i.number.push(r), s.push(ds), n.push(parseFloat(l))), ++r, kn)).split(kn);
+  const a = e.replace(Rr, (l) => (R.test(l) ? (i.color.push(r), s.push(ms), n.push(R.parse(l))) : l.startsWith(Dr) ? (i.var.push(r), s.push(Mr), n.push(l)) : (i.number.push(r), s.push(ps), n.push(parseFloat(l))), ++r, kn)).split(kn);
   return { values: n, split: a, indexes: i, types: s };
 }
-function ms(t) {
-  return kt(t).values;
-}
 function gs(t) {
-  const { split: e, types: n } = kt(t), i = e.length;
+  return Bt(t).values;
+}
+function ys(t) {
+  const { split: e, types: n } = Bt(t), i = e.length;
   return (s) => {
     let r = "";
     for (let o = 0; o < i; o++)
       if (r += e[o], s[o] !== void 0) {
         const a = n[o];
-        a === ds ? r += Mt(s[o]) : a === ps ? r += R.transform(s[o]) : r += s[o];
+        a === ps ? r += Ct(s[o]) : a === ms ? r += R.transform(s[o]) : r += s[o];
       }
     return r;
   };
 }
-const Rr = (t) => typeof t == "number" ? 0 : R.test(t) ? R.getAnimatableNone(t) : t;
-function Lr(t) {
-  const e = ms(t);
-  return gs(t)(e.map(Rr));
+const Lr = (t) => typeof t == "number" ? 0 : R.test(t) ? R.getAnimatableNone(t) : t;
+function Br(t) {
+  const e = gs(t);
+  return ys(t)(e.map(Lr));
 }
 const st = {
-  test: Vr,
-  parse: ms,
-  createTransformer: gs,
-  getAnimatableNone: Lr
-}, M = (t, e, n) => t + (e - t) * n, ys = {
+  test: Cr,
+  parse: gs,
+  createTransformer: ys,
+  getAnimatableNone: Br
+}, M = (t, e, n) => t + (e - t) * n, vs = {
   correct: (t, { treeScale: e, projectionDelta: n }) => {
     const i = t, s = st.parse(t);
     if (s.length > 5)
@@ -243,11 +243,11 @@ const st = {
     const c = M(a, l, 0.5);
     return typeof s[2 + o] == "number" && (s[2 + o] /= c), typeof s[3 + o] == "number" && (s[3 + o] /= c), r(s);
   }
-}, vs = (t) => (e) => typeof e == "string" && e.startsWith(t), Je = /* @__PURE__ */ vs("--"), Br = /* @__PURE__ */ vs("var(--"), Qe = (t) => Br(t) ? kr.test(t.split("/*")[0].trim()) : !1, kr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+}, xs = (t) => (e) => typeof e == "string" && e.startsWith(t), Je = /* @__PURE__ */ xs("--"), kr = /* @__PURE__ */ xs("var(--"), Qe = (t) => kr(t) ? Fr.test(t.split("/*")[0].trim()) : !1, Fr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
 function Fn(t) {
   return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
 }
-const Ft = {
+const kt = {
   borderRadius: E(g({}, H), {
     applyTo: [
       "borderTopLeftRadius",
@@ -260,16 +260,16 @@ const Ft = {
   borderTopRightRadius: H,
   borderBottomLeftRadius: H,
   borderBottomRightRadius: H,
-  boxShadow: ys
+  boxShadow: vs
 };
 function bs(t) {
   for (const e in t)
-    Ft[e] = t[e], Je(e) && (Ft[e].isCSSVariable = !0);
+    kt[e] = t[e], Je(e) && (kt[e].isCSSVariable = !0);
 }
 function It(t, e) {
   const n = typeof t == "string" && !e ? `${t}Context` : e, i = Symbol(n);
   return [(o) => {
-    const a = qo(i, o);
+    const a = Zo(i, o);
     if (a === void 0)
       throw new Error(
         `Injection \`${i.toString()}\` not found. Component must be used within ${Array.isArray(t) ? `one of the following components: ${t.join(
@@ -277,9 +277,9 @@ function It(t, e) {
         )}` : `\`${t}\``}`
       );
     return a;
-  }, (o) => (Zo(i, o), o)];
+  }, (o) => (Jo(i, o), o)];
 }
-const [Fr, Or] = It("Motion"), [jr] = It("LayoutGroup");
+const [Or, Ir] = It("Motion"), [jr] = It("LayoutGroup");
 function On(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
@@ -301,18 +301,18 @@ class tt {
   }
 }
 var ft = function() {
-}, le = function() {
+}, ue = function() {
 };
 process.env.NODE_ENV !== "production" && (ft = function(t, e) {
   !t && typeof console != "undefined" && console.warn(e);
-}, le = function(t, e) {
+}, ue = function(t, e) {
   if (!t)
     throw new Error(e);
 });
-function Dt(t, e, n) {
+function Mt(t, e, n) {
   if (Array.isArray(t))
     return t.reduce((i, s) => {
-      const r = Dt(s, e, n);
+      const r = Mt(s, e, n);
       return r ? g(g({}, i), r) : i;
     }, {});
   if (typeof t == "object")
@@ -322,10 +322,10 @@ function Dt(t, e, n) {
     return typeof i == "function" ? i(n) : i;
   }
 }
-function Ir(t, e) {
-  return typeof t != typeof e ? !0 : Array.isArray(t) && Array.isArray(e) ? !_r(t, e) : t !== e;
-}
 function _r(t, e) {
+  return typeof t != typeof e ? !0 : Array.isArray(t) && Array.isArray(e) ? !Ur(t, e) : t !== e;
+}
+function Ur(t, e) {
   const n = e.length;
   if (n !== t.length)
     return !1;
@@ -334,14 +334,14 @@ function _r(t, e) {
       return !1;
   return !0;
 }
-function jn(t) {
+function In(t) {
   return t == null ? void 0 : t.startsWith("--");
 }
-const Ur = (t) => t;
-function Nr(t) {
+const Nr = (t) => t;
+function $r(t) {
   return typeof t == "number";
 }
-const $r = [
+const Kr = [
   "animate",
   "circle",
   "defs",
@@ -397,17 +397,17 @@ const $r = [
   "linearGradient",
   "radialGradient",
   "textPath"
-], Kr = new Set($r);
-function xs(t) {
-  return Kr.has(t);
+], Wr = new Set(Kr);
+function Ts(t) {
+  return Wr.has(t);
 }
-class Wr {
+class Gr {
   constructor(e) {
     this.features = [];
     const { features: n = [], lazyMotionContext: i } = e.options, s = n.concat(i.features.value);
     this.features = s.map((o) => new o(e));
     const r = this.features;
-    Jo(i.features, (o) => {
+    Qo(i.features, (o) => {
       o.forEach((a) => {
         if (!s.includes(a)) {
           s.push(a);
@@ -447,20 +447,20 @@ class Wr {
     this.features.forEach((e) => e.beforeUnmount());
   }
 }
-function Gr(t) {
+function zr(t) {
   return typeof t == "string" || t === !1 || Array.isArray(t);
 }
-const Ts = /* @__PURE__ */ new WeakMap();
-let zr = 0;
-class Hr {
+const Ss = /* @__PURE__ */ new WeakMap();
+let Hr = 0;
+class Yr {
   constructor(e, n) {
     var i;
     this.element = null, this.isExiting = !1, this.presenceContainer = null, this.children = /* @__PURE__ */ new Set(), this.activeStates = {
       initial: !0,
       animate: !0
-    }, this.currentProcess = null, this._context = null, this.animateUpdates = _, this.id = `motion-state-${zr++}`, this.options = e, this.parent = n, (i = n == null ? void 0 : n.children) == null || i.add(this);
+    }, this.currentProcess = null, this._context = null, this.animateUpdates = _, this.id = `motion-state-${Hr++}`, this.options = e, this.parent = n, (i = n == null ? void 0 : n.children) == null || i.add(this);
     const r = (e.initial === void 0 && e.variants ? this.context.initial : e.initial) === !1 ? ["initial", "animate"] : ["initial"];
-    this.initTarget(r), this.featureManager = new Wr(this), this.type = xs(this.options.as) ? "svg" : "html";
+    this.initTarget(r), this.featureManager = new Gr(this), this.type = Ts(this.options.as) ? "svg" : "html";
   }
   // Get animation context, falling back to parent context for inheritance
   get context() {
@@ -468,7 +468,7 @@ class Hr {
       const e = {
         get: (n, i) => {
           var s;
-          return Gr(this.options[i]) ? this.options[i] : (s = this.parent) == null ? void 0 : s.context[i];
+          return zr(this.options[i]) ? this.options[i] : (s = this.parent) == null ? void 0 : s.context[i];
         }
       };
       this._context = new Proxy({}, e);
@@ -480,7 +480,7 @@ class Hr {
     var s;
     var n;
     const i = (s = this.options.custom) != null ? s : (n = this.options.animatePresenceContext) == null ? void 0 : n.custom;
-    this.baseTarget = e.reduce((r, o) => g(g({}, r), Dt(this.options[o] || this.context[o], this.options.variants, i)), {}), this.target = {};
+    this.baseTarget = e.reduce((r, o) => g(g({}, r), Mt(this.options[o] || this.context[o], this.options.variants, i)), {}), this.target = {};
   }
   // Update visual element with new options
   updateOptions(e) {
@@ -496,7 +496,7 @@ class Hr {
   // Mount motion state to DOM element, handles parent-child relationships
   mount(e, n, i = !1) {
     var s;
-    le(
+    ue(
       !!e,
       "Animation state must be mounted with valid Element"
     ), this.element = e, this.updateOptions(n), this.featureManager.mount(), !i && this.options.animate && ((s = this.startAnimation) == null || s.call(this));
@@ -519,7 +519,7 @@ class Hr {
   }
   unmount() {
     var e, n, i;
-    (n = (e = this.parent) == null ? void 0 : e.children) == null || n.delete(this), Ts.delete(this.element), this.featureManager.unmount(), (i = this.visualElement) == null || i.unmount(), this.clearAnimation();
+    (n = (e = this.parent) == null ? void 0 : e.children) == null || n.delete(this), Ss.delete(this.element), this.featureManager.unmount(), (i = this.visualElement) == null || i.unmount(), this.clearAnimation();
   }
   // Called before updating, executes in parent-to-child order
   beforeUpdate(e) {
@@ -547,14 +547,14 @@ class Hr {
   }
 }
 const ut = /* @__PURE__ */ new WeakMap();
-function In(t, e, n) {
+function jn(t, e, n) {
   return new CustomEvent(t, { detail: { target: e, isExit: n } });
 }
 const _n = {
   syntax: "<angle>",
   initialValue: "0deg",
   toDefaultUnit: (t) => `${t}deg`
-}, Yr = {
+}, Xr = {
   translate: {
     syntax: "<length-percentage>",
     initialValue: "0px",
@@ -564,31 +564,31 @@ const _n = {
   scale: {
     syntax: "<number>",
     initialValue: 1,
-    toDefaultUnit: Ur
+    toDefaultUnit: Nr
   },
   skew: _n
-}, Xr = ["translate", "scale", "rotate", "skew"], qr = ["", "X", "Y", "Z"], tn = /* @__PURE__ */ new Map(), Qt = ["transformPerspective", "x", "y", "z", "translateX", "translateY", "translateZ", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skew", "skewX", "skewY"];
-Xr.forEach((t) => {
-  qr.forEach((e) => {
-    Qt.push(t + e), tn.set(
+}, qr = ["translate", "scale", "rotate", "skew"], Zr = ["", "X", "Y", "Z"], tn = /* @__PURE__ */ new Map(), te = ["transformPerspective", "x", "y", "z", "translateX", "translateY", "translateZ", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skew", "skewX", "skewY"];
+qr.forEach((t) => {
+  Zr.forEach((e) => {
+    te.push(t + e), tn.set(
       t + e,
-      Yr[t]
+      Xr[t]
     );
   });
 });
-const Zr = new Set(Qt), Jr = (t) => Zr.has(t), Un = {
+const Jr = new Set(te), Qr = (t) => Jr.has(t), Un = {
   x: "translateX",
   y: "translateY",
   z: "translateZ"
 };
-function Qr([t], [e]) {
-  return Qt.indexOf(t) - Qt.indexOf(e);
+function ta([t], [e]) {
+  return te.indexOf(t) - te.indexOf(e);
 }
-function ta(t, [e, n]) {
+function ea(t, [e, n]) {
   return `${t} ${e}(${n})`;
 }
-function ea(t) {
-  return t.sort(Qr).reduce(ta, "").trim();
+function na(t) {
+  return t.sort(ta).reduce(ea, "").trim();
 }
 const Nn = {
   translate: [0, 0],
@@ -598,9 +598,9 @@ const Nn = {
   x: 0,
   y: 0,
   z: 0
-}, L = (t) => !!(t && t.getVelocity), na = {
+}, L = (t) => !!(t && t.getVelocity), ia = {
   get: (t, e) => {
-    let n = jn(e) ? t.style.getPropertyValue(e) : getComputedStyle(t)[e];
+    let n = In(e) ? t.style.getPropertyValue(e) : getComputedStyle(t)[e];
     if (!n && n !== "0") {
       const i = tn.get(e);
       i && (n = i.initialValue);
@@ -608,22 +608,22 @@ const Nn = {
     return n;
   },
   set: (t, e, n) => {
-    jn(e) ? t.style.setProperty(e, n) : t.style[e] = n;
+    In(e) ? t.style.setProperty(e, n) : t.style[e] = n;
   }
 };
-function ia(t) {
+function sa(t) {
   var e;
   const n = {}, i = [];
   for (let s in t) {
     let r = t[s];
-    r = L(r) ? r.get() : r, Jr(s) && s in Un && (s = Un[s]);
+    r = L(r) ? r.get() : r, Qr(s) && s in Un && (s = Un[s]);
     let o = Array.isArray(r) ? r[0] : r;
     const a = tn.get(s);
-    a ? (o = Nr(r) ? (e = a.toDefaultUnit) == null ? void 0 : e.call(a, r) : r, i.push([s, o])) : n[s] = o;
+    a ? (o = $r(r) ? (e = a.toDefaultUnit) == null ? void 0 : e.call(a, r) : r, i.push([s, o])) : n[s] = o;
   }
-  return i.length && (n.transform = ea(i)), Object.keys(n).length === 0 ? null : n;
+  return i.length && (n.transform = na(i)), Object.keys(n).length === 0 ? null : n;
 }
-const sa = {
+const oa = {
   fill: !0,
   stroke: !0,
   opacity: !0,
@@ -667,38 +667,38 @@ const sa = {
   "letter-spacing": !0,
   "vector-effect": !0
 };
-function oa(t) {
+function ra(t) {
   return t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function ra(t, e, n = 1, i = 0) {
-  t.pathLength = 1, delete t["path-length"], t["stroke-dashoffset"] = b.transform(-i);
-  const s = b.transform(e), r = b.transform(n);
+function aa(t, e, n = 1, i = 0) {
+  t.pathLength = 1, delete t["path-length"], t["stroke-dashoffset"] = x.transform(-i);
+  const s = x.transform(e), r = x.transform(n);
   t["stroke-dasharray"] = `${s} ${r}`;
 }
-function aa(t) {
+function la(t) {
   const e = {}, n = {};
   for (const i in t) {
-    const s = oa(i);
-    if (s in sa) {
+    const s = ra(i);
+    if (s in oa) {
       const r = t[i];
       e[s] = L(r) ? r.get() : r;
     } else
       n[i] = t[i];
   }
-  return e["path-length"] !== void 0 && ra(e, e["path-length"], e["path-spacing"], e["path-offset"]), {
+  return e["path-length"] !== void 0 && aa(e, e["path-length"], e["path-spacing"], e["path-offset"]), {
     attrs: e,
     style: n
   };
 }
 typeof WorkerGlobalScope != "undefined" && globalThis instanceof WorkerGlobalScope;
-const te = (t) => typeof t != "undefined";
-function la({ top: t, left: e, right: n, bottom: i }) {
+const ee = (t) => typeof t != "undefined";
+function ua({ top: t, left: e, right: n, bottom: i }) {
   return {
     x: { min: e, max: n },
     y: { min: t, max: i }
   };
 }
-function ua(t, e) {
+function ca(t, e) {
   if (!e)
     return t;
   const n = e({ x: t.left, y: t.top }), i = e({ x: t.right, y: t.bottom });
@@ -709,8 +709,8 @@ function ua(t, e) {
     right: i.x
   };
 }
-function ca(t, e) {
-  return la(ua(t.getBoundingClientRect(), e));
+function ha(t, e) {
+  return ua(ca(t.getBoundingClientRect(), e));
 }
 const $n = {
   animation: [
@@ -747,22 +747,22 @@ const Kn = () => ({
 }), Wn = () => ({ min: 0, max: 0 }), B = () => ({
   x: Wn(),
   y: Wn()
-}), ha = typeof window != "undefined", ee = { current: null }, Ss = { current: !1 };
-function fa() {
-  if (Ss.current = !0, !!ha)
+}), fa = typeof window != "undefined", ne = { current: null }, ws = { current: !1 };
+function da() {
+  if (ws.current = !0, !!fa)
     if (window.matchMedia) {
-      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => ee.current = t.matches;
+      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => ne.current = t.matches;
       t.addEventListener("change", e), e();
     } else
-      ee.current = !1;
+      ne.current = !1;
 }
-function da(t) {
+function pa(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
-function pa(t) {
+function ma(t) {
   return typeof t == "string" || Array.isArray(t);
 }
-const ma = [
+const ga = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -770,24 +770,24 @@ const ma = [
   "whileTap",
   "whileDrag",
   "exit"
-], ga = ["initial", ...ma];
-function ws(t) {
-  return da(t.animate) || ga.some((e) => pa(t[e]));
+], ya = ["initial", ...ga];
+function As(t) {
+  return pa(t.animate) || ya.some((e) => ma(t[e]));
 }
-function ya(t) {
-  return !!(ws(t) || t.variants);
+function va(t) {
+  return !!(As(t) || t.variants);
 }
 function Be(t, e) {
   return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
 }
 const Gn = /* @__PURE__ */ new Set();
-function As(t, e, n) {
+function Ps(t, e, n) {
   t || Gn.has(e) || (console.warn(Be(e, n)), Gn.add(e));
 }
 function en(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
-function ue(t, e) {
+function ce(t, e) {
   const n = t.indexOf(e);
   n > -1 && t.splice(n, 1);
 }
@@ -796,7 +796,7 @@ class nn {
     this.subscriptions = [];
   }
   add(e) {
-    return en(this.subscriptions, e), () => ue(this.subscriptions, e);
+    return en(this.subscriptions, e), () => ce(this.subscriptions, e);
   }
   notify(e, n, i) {
     const s = this.subscriptions.length;
@@ -816,10 +816,10 @@ class nn {
     this.subscriptions.length = 0;
   }
 }
-function Ps(t, e) {
+function Es(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
-const zn = 30, va = (t) => !isNaN(parseFloat(t));
+const zn = 30, xa = (t) => !isNaN(parseFloat(t));
 class ba {
   /**
    * @param init - The initiating value
@@ -830,14 +830,14 @@ class ba {
   constructor(e, n = {}) {
     this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (i) => {
       var s;
-      const r = I.now();
+      const r = j.now();
       if (this.updatedAt !== r && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(i), this.current !== this.prev && ((s = this.events.change) == null || s.notify(this.current), this.dependents))
         for (const o of this.dependents)
           o.dirty();
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = I.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = va(this.current));
+    this.current = e, this.updatedAt = j.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = xa(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -883,7 +883,7 @@ class ba {
    * @deprecated
    */
   onChange(e) {
-    return process.env.NODE_ENV !== "production" && As(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
+    return process.env.NODE_ENV !== "production" && Ps(!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 nn());
@@ -966,11 +966,11 @@ class ba {
    * @public
    */
   getVelocity() {
-    const e = I.now();
+    const e = j.now();
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > zn)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, zn);
-    return Ps(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    return Es(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1025,7 +1025,7 @@ class ba {
 function gt(t, e) {
   return new ba(t, e);
 }
-function xa(t, e, n) {
+function Ta(t, e, n) {
   for (const i in e) {
     const s = e[i], r = n[i];
     if (L(s))
@@ -1051,7 +1051,7 @@ function Hn(t) {
     e[0][i] = n.get(), e[1][i] = n.getVelocity();
   }), e;
 }
-function Es(t, e, n, i) {
+function Vs(t, e, n, i) {
   if (typeof e == "function") {
     const [s, r] = Hn(i);
     e = e(n !== void 0 ? n : t.custom, s, r);
@@ -1062,7 +1062,7 @@ function Es(t, e, n, i) {
   }
   return e;
 }
-function Ta(t) {
+function Sa(t) {
   var e;
   for (let n = 1; n < t.length; n++)
     (e = t[n]) != null || (t[n] = t[n - 1]);
@@ -1070,7 +1070,7 @@ function Ta(t) {
 const at = (t) => t * 180 / Math.PI, ke = (t) => {
   const e = at(Math.atan2(t[1], t[0]));
   return Fe(e);
-}, Sa = {
+}, wa = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -1083,7 +1083,7 @@ const at = (t) => t * 180 / Math.PI, ke = (t) => {
   skewX: (t) => at(Math.atan(t[1])),
   skewY: (t) => at(Math.atan(t[2])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, Fe = (t) => (t = t % 360, t < 0 && (t += 360), t), Yn = ke, Xn = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), qn = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), wa = {
+}, Fe = (t) => (t = t % 360, t < 0 && (t += 360), t), Yn = ke, Xn = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), qn = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Aa = {
   x: 12,
   y: 13,
   z: 14,
@@ -1104,30 +1104,30 @@ const at = (t) => t * 180 / Math.PI, ke = (t) => {
 function Oe(t) {
   return t.includes("scale") ? 1 : 0;
 }
-function je(t, e) {
+function Ie(t, e) {
   if (!t || t === "none")
     return Oe(e);
   const n = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let i, s;
   if (n)
-    i = wa, s = n;
+    i = Aa, s = n;
   else {
     const a = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    i = Sa, s = a;
+    i = wa, s = a;
   }
   if (!s)
     return Oe(e);
-  const r = i[e], o = s[1].split(",").map(Pa);
+  const r = i[e], o = s[1].split(",").map(Ea);
   return typeof r == "function" ? r(o) : o[r];
 }
-const Aa = (t, e) => {
+const Pa = (t, e) => {
   const { transform: n = "none" } = getComputedStyle(t);
-  return je(n, e);
+  return Ie(n, e);
 };
-function Pa(t) {
+function Ea(t) {
   return parseFloat(t.trim());
 }
-const bt = [
+const xt = [
   "transformPerspective",
   "x",
   "y",
@@ -1145,10 +1145,10 @@ const bt = [
   "skew",
   "skewX",
   "skewY"
-], xt = new Set(bt), Zn = (t) => t === vt || t === b, Ea = /* @__PURE__ */ new Set(["x", "y", "z"]), Va = bt.filter((t) => !Ea.has(t));
-function Ca(t) {
+], bt = new Set(xt), Zn = (t) => t === vt || t === x, Va = /* @__PURE__ */ new Set(["x", "y", "z"]), Ca = xt.filter((t) => !Va.has(t));
+function Ma(t) {
   const e = [];
-  return Va.forEach((n) => {
+  return Ca.forEach((n) => {
     const i = t.getValue(n);
     i !== void 0 && (e.push([n, i.get()]), i.set(n.startsWith("scale") ? 1 : 0));
   }), e;
@@ -1162,18 +1162,18 @@ const it = {
   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 }) => je(e, "x"),
-  y: (t, { transform: e }) => je(e, "y")
+  x: (t, { transform: e }) => Ie(e, "x"),
+  y: (t, { transform: e }) => Ie(e, "y")
 };
 it.translateX = it.x;
 it.translateY = it.y;
 const lt = /* @__PURE__ */ new Set();
-let Ie = !1, _e = !1, Ue = !1;
-function Vs() {
+let je = !1, _e = !1, Ue = !1;
+function Cs() {
   if (_e) {
     const t = Array.from(lt).filter((i) => i.needsMeasurement), e = new Set(t.map((i) => i.element)), n = /* @__PURE__ */ new Map();
     e.forEach((i) => {
-      const s = Ca(i);
+      const s = Ma(i);
       s.length && (n.set(i, s), i.render());
     }), t.forEach((i) => i.measureInitialState()), e.forEach((i) => {
       i.render();
@@ -1186,22 +1186,22 @@ function Vs() {
       i.suspendedScrollY !== void 0 && window.scrollTo(0, i.suspendedScrollY);
     });
   }
-  _e = !1, Ie = !1, lt.forEach((t) => t.complete(Ue)), lt.clear();
+  _e = !1, je = !1, lt.forEach((t) => t.complete(Ue)), lt.clear();
 }
-function Cs() {
+function Ms() {
   lt.forEach((t) => {
     t.readKeyframes(), t.needsMeasurement && (_e = !0);
   });
 }
-function Ma() {
-  Ue = !0, Cs(), Vs(), Ue = !1;
+function Da() {
+  Ue = !0, Ms(), Cs(), Ue = !1;
 }
 class sn {
   constructor(e, n, i, s, r, o = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = i, this.motionValue = s, this.element = r, this.isAsync = o;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (lt.add(this), Ie || (Ie = !0, C.read(Cs), C.resolveKeyframes(Vs))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (lt.add(this), je || (je = !0, C.read(Ms), C.resolveKeyframes(Cs))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: i, motionValue: s } = this;
@@ -1215,7 +1215,7 @@ class sn {
       }
       e[0] === void 0 && (e[0] = o), s && r === void 0 && s.set(e[0]);
     }
-    Ta(e);
+    Sa(e);
   }
   setFinalKeyframe() {
   }
@@ -1235,11 +1235,11 @@ class sn {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const Ms = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), Ds = (t) => /^0[^.\s]+$/u.test(t), Da = {
+const Ds = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), Rs = (t) => /^0[^.\s]+$/u.test(t), Ra = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, Rs = (t) => (e) => e.test(t), Ls = [vt, b, Y, nt, Tr, xr, Da], Jn = (t) => Ls.find(Rs(t)), Ra = [...Ls, R, st], La = (t) => Ra.find(Rs(t)), Ba = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function ka(t) {
+}, Ls = (t) => (e) => e.test(t), Bs = [vt, x, Y, nt, Sr, Tr, Ra], Jn = (t) => Bs.find(Ls(t)), La = [...Bs, R, st], Ba = (t) => La.find(Ls(t)), ka = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function Fa(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
@@ -1247,17 +1247,17 @@ function ka(t) {
   if (!i)
     return t;
   const s = n.replace(i, "");
-  let r = Ba.has(e) ? 1 : 0;
+  let r = ka.has(e) ? 1 : 0;
   return i !== n && (r *= 100), e + "(" + r + s + ")";
 }
-const Fa = /\b([a-z-]*)\(.*?\)/gu, Ne = E(g({}, st), {
+const Oa = /\b([a-z-]*)\(.*?\)/gu, Ne = E(g({}, st), {
   getAnimatableNone: (t) => {
-    const e = t.match(Fa);
-    return e ? e.map(ka).join(" ") : t;
+    const e = t.match(Oa);
+    return e ? e.map(Fa).join(" ") : t;
   }
 }), Qn = E(g({}, vt), {
   transform: Math.round
-}), Oa = {
+}), Ia = {
   rotate: nt,
   rotateX: nt,
   rotateY: nt,
@@ -1269,79 +1269,79 @@ const Fa = /\b([a-z-]*)\(.*?\)/gu, Ne = E(g({}, st), {
   skew: nt,
   skewX: nt,
   skewY: nt,
-  distance: b,
-  translateX: b,
-  translateY: b,
-  translateZ: b,
-  x: b,
-  y: b,
-  z: b,
-  perspective: b,
-  transformPerspective: b,
-  opacity: Bt,
+  distance: x,
+  translateX: x,
+  translateY: x,
+  translateZ: x,
+  x,
+  y: x,
+  z: x,
+  perspective: x,
+  transformPerspective: x,
+  opacity: Lt,
   originX: Ln,
   originY: Ln,
-  originZ: b
+  originZ: x
 }, on = E(g({
   // Border props
-  borderWidth: b,
-  borderTopWidth: b,
-  borderRightWidth: b,
-  borderBottomWidth: b,
-  borderLeftWidth: b,
-  borderRadius: b,
-  radius: b,
-  borderTopLeftRadius: b,
-  borderTopRightRadius: b,
-  borderBottomRightRadius: b,
-  borderBottomLeftRadius: b,
+  borderWidth: x,
+  borderTopWidth: x,
+  borderRightWidth: x,
+  borderBottomWidth: x,
+  borderLeftWidth: x,
+  borderRadius: x,
+  radius: x,
+  borderTopLeftRadius: x,
+  borderTopRightRadius: x,
+  borderBottomRightRadius: x,
+  borderBottomLeftRadius: x,
   // Positioning props
-  width: b,
-  maxWidth: b,
-  height: b,
-  maxHeight: b,
-  top: b,
-  right: b,
-  bottom: b,
-  left: b,
-  inset: b,
-  insetBlock: b,
-  insetBlockStart: b,
-  insetBlockEnd: b,
-  insetInline: b,
-  insetInlineStart: b,
-  insetInlineEnd: b,
+  width: x,
+  maxWidth: x,
+  height: x,
+  maxHeight: x,
+  top: x,
+  right: x,
+  bottom: x,
+  left: x,
+  inset: x,
+  insetBlock: x,
+  insetBlockStart: x,
+  insetBlockEnd: x,
+  insetInline: x,
+  insetInlineStart: x,
+  insetInlineEnd: x,
   // Spacing props
-  padding: b,
-  paddingTop: b,
-  paddingRight: b,
-  paddingBottom: b,
-  paddingLeft: b,
-  paddingBlock: b,
-  paddingBlockStart: b,
-  paddingBlockEnd: b,
-  paddingInline: b,
-  paddingInlineStart: b,
-  paddingInlineEnd: b,
-  margin: b,
-  marginTop: b,
-  marginRight: b,
-  marginBottom: b,
-  marginLeft: b,
-  marginBlock: b,
-  marginBlockStart: b,
-  marginBlockEnd: b,
-  marginInline: b,
-  marginInlineStart: b,
-  marginInlineEnd: b,
+  padding: x,
+  paddingTop: x,
+  paddingRight: x,
+  paddingBottom: x,
+  paddingLeft: x,
+  paddingBlock: x,
+  paddingBlockStart: x,
+  paddingBlockEnd: x,
+  paddingInline: x,
+  paddingInlineStart: x,
+  paddingInlineEnd: x,
+  margin: x,
+  marginTop: x,
+  marginRight: x,
+  marginBottom: x,
+  marginLeft: x,
+  marginBlock: x,
+  marginBlockStart: x,
+  marginBlockEnd: x,
+  marginInline: x,
+  marginInlineStart: x,
+  marginInlineEnd: x,
   // Misc
-  backgroundPositionX: b,
-  backgroundPositionY: b
-}, Oa), {
+  backgroundPositionX: x,
+  backgroundPositionY: x
+}, Ia), {
   zIndex: Qn,
   // SVG
-  fillOpacity: Bt,
-  strokeOpacity: Bt,
+  fillOpacity: Lt,
+  strokeOpacity: Lt,
   numOctaves: Qn
 }), ja = E(g({}, on), {
   // Color props
@@ -1358,12 +1358,12 @@ const Fa = /\b([a-z-]*)\(.*?\)/gu, Ne = E(g({}, st), {
   borderLeftColor: R,
   filter: Ne,
   WebkitFilter: Ne
-}), Bs = (t) => ja[t];
-function ks(t, e) {
-  let n = Bs(t);
+}), ks = (t) => ja[t];
+function Fs(t, e) {
+  let n = ks(t);
   return n !== Ne && (n = st), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
-const { schedule: Fs } = /* @__PURE__ */ hs(queueMicrotask, !0), ti = [
+const { schedule: Os } = /* @__PURE__ */ fs(queueMicrotask, !0), ti = [
   "AnimationStart",
   "AnimationComplete",
   "Update",
@@ -1372,7 +1372,7 @@ const { schedule: Fs } = /* @__PURE__ */ hs(queueMicrotask, !0), ti = [
   "LayoutAnimationStart",
   "LayoutAnimationComplete"
 ];
-class Os {
+class Is {
   /**
    * 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.
@@ -1387,20 +1387,20 @@ class Os {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = sn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const d = I.now();
-      this.renderScheduledAt < d && (this.renderScheduledAt = d, C.render(this.render, !1, !0));
+      const f = j.now();
+      this.renderScheduledAt < f && (this.renderScheduledAt = f, C.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: c } = o;
-    this.latestValues = l, this.baseTarget = g({}, l), this.initialValues = n.initial ? g({}, l) : {}, this.renderState = c, this.parent = e, this.props = n, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = s, this.options = a, this.blockInitialAnimation = !!r, this.isControllingVariants = ws(n), this.isVariantNode = ya(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
-    const f = this.scrapeMotionValuesFromProps(n, {}, this), { willChange: u } = f, h = U(f, ["willChange"]);
-    for (const d in h) {
-      const p = h[d];
-      l[d] !== void 0 && L(p) && p.set(l[d]);
+    this.latestValues = l, this.baseTarget = g({}, l), this.initialValues = n.initial ? g({}, l) : {}, this.renderState = c, this.parent = e, this.props = n, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = s, this.options = a, this.blockInitialAnimation = !!r, this.isControllingVariants = As(n), this.isVariantNode = va(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    const d = this.scrapeMotionValuesFromProps(n, {}, this), { willChange: u } = d, h = U(d, ["willChange"]);
+    for (const f in h) {
+      const p = h[f];
+      l[f] !== void 0 && L(p) && p.set(l[f]);
     }
   }
   mount(e) {
     var n;
-    this.current = e, ut.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 : (Ss.current || fa(), this.shouldReduceMotion = ee.current), process.env.NODE_ENV !== "production" && As(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext);
+    this.current = e, ut.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 : (ws.current || da(), this.shouldReduceMotion = ne.current), process.env.NODE_ENV !== "production" && Ps(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     var e;
@@ -1422,7 +1422,7 @@ class Os {
   }
   bindToMotionValue(e, n) {
     this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)();
-    const i = xt.has(e);
+    const i = bt.has(e);
     i && this.onBindTransform && this.onBindTransform();
     const s = n.on("change", (o) => {
       this.latestValues[e] = o, this.props.onUpdate && C.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
@@ -1477,7 +1477,7 @@ class Os {
       const r = "on" + s, o = e[r];
       o && (this.propEventSubscriptions[s] = this.on(s, o));
     }
-    this.prevMotionValues = xa(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Ta(this, this.scrapeMotionValuesFromProps(e, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -1543,7 +1543,7 @@ class Os {
   readValue(e, n) {
     var s;
     let i = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : (s = this.getBaseTargetFromProps(this.props, e)) != null ? s : this.readValueFromInstance(this.current, e, this.options);
-    return i != null && (typeof i == "string" && (Ms(i) || Ds(i)) ? i = parseFloat(i) : !La(i) && st.test(n) && (i = ks(e, n)), this.setBaseTarget(e, L(i) ? i.get() : i)), L(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (Ds(i) || Rs(i)) ? i = parseFloat(i) : !Ba(i) && st.test(n) && (i = Fs(e, n)), this.setBaseTarget(e, L(i) ? i.get() : i)), L(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -1561,7 +1561,7 @@ class Os {
     const { initial: i } = this.props;
     let s;
     if (typeof i == "string" || typeof i == "object") {
-      const o = Es(this.props, i, (n = this.presenceContext) == null ? void 0 : n.custom);
+      const o = Vs(this.props, i, (n = this.presenceContext) == null ? void 0 : n.custom);
       o && (s = o[e]);
     }
     if (i && s !== void 0)
@@ -1576,7 +1576,7 @@ class Os {
     this.events[e] && this.events[e].notify(...n);
   }
   scheduleRenderMicrotask() {
-    Fs.render(this.render);
+    Os.render(this.render);
   }
 }
 const js = /* @__PURE__ */ new Set([
@@ -1586,57 +1586,57 @@ const js = /* @__PURE__ */ new Set([
   "left",
   "right",
   "bottom",
-  ...bt
+  ...xt
 ]);
 var ei;
-let _t = () => {
+let jt = () => {
 }, q = () => {
 };
-typeof process != "undefined" && ((ei = process.env) == null ? void 0 : ei.NODE_ENV) !== "production" && (_t = (t, e, n) => {
+typeof process != "undefined" && ((ei = process.env) == null ? void 0 : ei.NODE_ENV) !== "production" && (jt = (t, e, n) => {
   !t && typeof console != "undefined" && console.warn(Be(e, n));
 }, q = (t, e, n) => {
   if (!t)
     throw new Error(Be(e, n));
 });
-const Ia = (
+const _a = (
   // 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 _a(t) {
-  const e = Ia.exec(t);
+function Ua(t) {
+  const e = _a.exec(t);
   if (!e)
     return [,];
   const [, n, i, s] = e;
   return [`--${n != null ? n : i}`, s];
 }
-const Ua = 4;
-function Is(t, e, n = 1) {
-  q(n <= Ua, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [i, s] = _a(t);
+const Na = 4;
+function _s(t, e, n = 1) {
+  q(n <= Na, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [i, s] = Ua(t);
   if (!i)
     return;
   const r = window.getComputedStyle(e).getPropertyValue(i);
   if (r) {
     const o = r.trim();
-    return Ms(o) ? parseFloat(o) : o;
+    return Ds(o) ? parseFloat(o) : o;
   }
-  return Qe(s) ? Is(s, e, n + 1) : s;
+  return Qe(s) ? _s(s, e, n + 1) : s;
 }
-function Na(t) {
-  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Ds(t) : !0;
+function $a(t) {
+  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || Rs(t) : !0;
 }
-const $a = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function Ka(t, e, n) {
+const Ka = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function Wa(t, e, n) {
   let i = 0, s;
   for (; i < t.length && !s; ) {
     const r = t[i];
-    typeof r == "string" && !$a.has(r) && kt(r).values.length && (s = t[i]), i++;
+    typeof r == "string" && !Ka.has(r) && Bt(r).values.length && (s = t[i]), i++;
   }
   if (s && n)
     for (const r of e)
-      t[r] = ks(n, s);
+      t[r] = Fs(n, s);
 }
-class Wa extends sn {
+class Ga extends sn {
   constructor(e, n, i, s, r) {
     super(e, n, i, s, r, !0);
   }
@@ -1648,8 +1648,8 @@ class Wa extends sn {
     for (let u = 0; u < e.length; u++) {
       let h = e[u];
       if (typeof h == "string" && (h = h.trim(), Qe(h))) {
-        const f = Is(h, n.current);
-        f !== void 0 && (e[u] = f), u === e.length - 1 && (this.finalKeyframe = h);
+        const d = _s(h, n.current);
+        d !== void 0 && (e[u] = d), u === e.length - 1 && (this.finalKeyframe = h);
       }
     }
     if (this.resolveNoneKeyframes(), !js.has(i) || e.length !== 2)
@@ -1670,8 +1670,8 @@ class Wa extends sn {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: n } = this, i = [];
     for (let s = 0; s < e.length; s++)
-      (e[s] === null || Na(e[s])) && i.push(s);
-    i.length && Ka(e, i, n);
+      (e[s] === null || $a(e[s])) && i.push(s);
+    i.length && Wa(e, i, n);
   }
   measureInitialState() {
     const { element: e, unresolvedKeyframes: n, name: i } = this;
@@ -1694,9 +1694,9 @@ class Wa extends sn {
     }), this.resolveNoneKeyframes();
   }
 }
-class _s extends Os {
+class Us extends Is {
   constructor() {
-    super(...arguments), this.KeyframeResolver = Wa;
+    super(...arguments), this.KeyframeResolver = Ga;
   }
   sortInstanceNodePosition(e, n) {
     return e.compareDocumentPosition(n) & 2 ? 1 : -1;
@@ -1715,24 +1715,24 @@ class _s extends Os {
     }));
   }
 }
-const Us = (t, e) => e && typeof t == "number" ? e.transform(t) : t, Ga = {
+const Ns = (t, e) => e && typeof t == "number" ? e.transform(t) : t, za = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, za = bt.length;
-function Ha(t, e, n) {
+}, Ha = xt.length;
+function Ya(t, e, n) {
   let i = "", s = !0;
-  for (let r = 0; r < za; r++) {
-    const o = bt[r], a = t[o];
+  for (let r = 0; r < Ha; r++) {
+    const o = xt[r], a = t[o];
     if (a === void 0)
       continue;
     let l = !0;
     if (typeof a == "number" ? l = a === (o.startsWith("scale") ? 1 : 0) : l = parseFloat(a) === 0, !l || n) {
-      const c = Us(a, on[o]);
+      const c = Ns(a, on[o]);
       if (!l) {
         s = !1;
-        const u = Ga[o] || o;
+        const u = za[o] || o;
         i += `${u}(${c}) `;
       }
       n && (e[o] = c);
@@ -1740,28 +1740,28 @@ function Ha(t, e, n) {
   }
   return i = i.trim(), n ? i = n(e, s ? "" : i) : s && (i = "none"), i;
 }
-function Ns(t, e, n) {
+function $s(t, e, n) {
   const { style: i, vars: s, transformOrigin: r } = t;
   let o = !1, a = !1;
   for (const l in e) {
     const c = e[l];
-    if (xt.has(l)) {
+    if (bt.has(l)) {
       o = !0;
       continue;
     } else if (Je(l)) {
       s[l] = c;
       continue;
     } else {
-      const u = Us(c, on[l]);
+      const u = Ns(c, on[l]);
       l.startsWith("origin") ? (a = !0, r[l] = u) : i[l] = u;
     }
   }
-  if (e.transform || (o || n ? i.transform = Ha(e, t.transform, n) : i.transform && (i.transform = "none")), a) {
+  if (e.transform || (o || n ? i.transform = Ya(e, t.transform, n) : i.transform && (i.transform = "none")), a) {
     const { originX: l = "50%", originY: c = "50%", originZ: u = 0 } = r;
     i.transformOrigin = `${l} ${c} ${u}`;
   }
 }
-function $s(t, { style: e, vars: n }, i, s) {
+function Ks(t, { style: e, vars: n }, i, s) {
   const r = t.style;
   let o;
   for (o in e)
@@ -1770,71 +1770,71 @@ function $s(t, { style: e, vars: n }, i, s) {
   for (o in n)
     r.setProperty(o, n[o]);
 }
-function Ya(t, { layout: e, layoutId: n }) {
-  return xt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!Ft[t] || t === "opacity");
+function Xa(t, { layout: e, layoutId: n }) {
+  return bt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!kt[t] || t === "opacity");
 }
-function Ks(t, e, n) {
+function Ws(t, e, n) {
   var i;
   const { style: s } = t, r = {};
   for (const o in s)
-    (L(s[o]) || e.style && L(e.style[o]) || Ya(o, t) || ((i = n == null ? void 0 : n.getValue(o)) == null ? void 0 : i.liveStyle) !== void 0) && (r[o] = s[o]);
+    (L(s[o]) || e.style && L(e.style[o]) || Xa(o, t) || ((i = n == null ? void 0 : n.getValue(o)) == null ? void 0 : i.liveStyle) !== void 0) && (r[o] = s[o]);
   return r;
 }
-function Xa(t) {
+function qa(t) {
   return window.getComputedStyle(t);
 }
-class Ws extends _s {
+class Gs extends Us {
   constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = $s;
+    super(...arguments), this.type = "html", this.renderInstance = Ks;
   }
   readValueFromInstance(e, n) {
     var i;
-    if (xt.has(n))
-      return (i = this.projection) != null && i.isProjecting ? Oe(n) : Aa(e, n);
+    if (bt.has(n))
+      return (i = this.projection) != null && i.isProjecting ? Oe(n) : Pa(e, n);
     {
-      const s = Xa(e), r = (Je(n) ? s.getPropertyValue(n) : s[n]) || 0;
+      const s = qa(e), r = (Je(n) ? s.getPropertyValue(n) : s[n]) || 0;
       return typeof r == "string" ? r.trim() : r;
     }
   }
   measureInstanceViewportBox(e, { transformPagePoint: n }) {
-    return ca(e, n);
+    return ha(e, n);
   }
   build(e, n, i) {
-    Ns(e, n, i.transformTemplate);
+    $s(e, n, i.transformTemplate);
   }
   scrapeMotionValuesFromProps(e, n, i) {
-    return Ks(e, n, i);
+    return Ws(e, n, i);
   }
 }
-const rn = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), qa = {
+const rn = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Za = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Za = {
+}, Ja = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Ja(t, e, n = 1, i = 0, s = !0) {
+function Qa(t, e, n = 1, i = 0, s = !0) {
   t.pathLength = 1;
-  const r = s ? qa : Za;
-  t[r.offset] = b.transform(-i);
-  const o = b.transform(e), a = b.transform(n);
+  const r = s ? Za : Ja;
+  t[r.offset] = x.transform(-i);
+  const o = x.transform(e), a = x.transform(n);
   t[r.array] = `${o} ${a}`;
 }
-const Qa = [
+const tl = [
   "offsetDistance",
   "offsetPath",
   "offsetRotate",
   "offsetAnchor"
 ];
-function tl(t, h, l, c, u) {
-  var f = h, {
+function el(t, h, l, c, u) {
+  var d = h, {
     attrX: e,
     attrY: n,
     attrScale: i,
     pathLength: s,
     pathSpacing: r = 1,
     pathOffset: o = 0
-  } = f, a = U(f, [
+  } = d, a = U(d, [
     "attrX",
     "attrY",
     "attrScale",
@@ -1843,18 +1843,18 @@ function tl(t, h, l, c, u) {
     "pathOffset"
   ]);
   var m, y;
-  if (Ns(t, a, c), l) {
+  if ($s(t, a, c), l) {
     t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
     return;
   }
   t.attrs = t.style, t.style = {};
-  const { attrs: d, style: p } = t;
-  d.transform && (p.transform = d.transform, delete d.transform), (p.transform || d.transformOrigin) && (p.transformOrigin = (m = d.transformOrigin) != null ? m : "50% 50%", delete d.transformOrigin), p.transform && (p.transformBox = (y = u == null ? void 0 : u.transformBox) != null ? y : "fill-box", delete d.transformBox);
-  for (const v of Qa)
-    d[v] !== void 0 && (p[v] = d[v], delete d[v]);
-  e !== void 0 && (d.x = e), n !== void 0 && (d.y = n), i !== void 0 && (d.scale = i), s !== void 0 && Ja(d, s, r, o, !1);
+  const { attrs: f, style: p } = t;
+  f.transform && (p.transform = f.transform, delete f.transform), (p.transform || f.transformOrigin) && (p.transformOrigin = (m = f.transformOrigin) != null ? m : "50% 50%", delete f.transformOrigin), p.transform && (p.transformBox = (y = u == null ? void 0 : u.transformBox) != null ? y : "fill-box", delete f.transformBox);
+  for (const v of tl)
+    f[v] !== void 0 && (p[v] = f[v], delete f[v]);
+  e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), i !== void 0 && (f.scale = i), s !== void 0 && Qa(f, s, r, o, !1);
 }
-const Gs = /* @__PURE__ */ new Set([
+const zs = /* @__PURE__ */ new Set([
   "baseFrequency",
   "diffuseConstant",
   "kernelMatrix",
@@ -1878,22 +1878,22 @@ const Gs = /* @__PURE__ */ new Set([
   "startOffset",
   "textLength",
   "lengthAdjust"
-]), el = (t) => typeof t == "string" && t.toLowerCase() === "svg";
-function nl(t, e, n, i) {
-  $s(t, e, void 0, i);
+]), nl = (t) => typeof t == "string" && t.toLowerCase() === "svg";
+function il(t, e, n, i) {
+  Ks(t, e, void 0, i);
   for (const s in e.attrs)
-    t.setAttribute(Gs.has(s) ? s : rn(s), e.attrs[s]);
+    t.setAttribute(zs.has(s) ? s : rn(s), e.attrs[s]);
 }
-function il(t, e, n) {
-  const i = Ks(t, e, n);
+function sl(t, e, n) {
+  const i = Ws(t, e, n);
   for (const s in t)
     if (L(t[s]) || L(e[s])) {
-      const r = bt.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
+      const r = xt.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
       i[r] = t[s];
     }
   return i;
 }
-class zs extends _s {
+class Hs extends Us {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = B;
   }
@@ -1901,29 +1901,29 @@ class zs extends _s {
     return e[n];
   }
   readValueFromInstance(e, n) {
-    if (xt.has(n)) {
-      const i = Bs(n);
+    if (bt.has(n)) {
+      const i = ks(n);
       return i && i.default || 0;
     }
-    return n = Gs.has(n) ? n : rn(n), e.getAttribute(n);
+    return n = zs.has(n) ? n : rn(n), e.getAttribute(n);
   }
   scrapeMotionValuesFromProps(e, n, i) {
-    return il(e, n, i);
+    return sl(e, n, i);
   }
   build(e, n, i) {
-    tl(e, n, this.isSVGTag, i.transformTemplate, i.style);
+    el(e, n, this.isSVGTag, i.transformTemplate, i.style);
   }
   renderInstance(e, n, i, s) {
-    nl(e, n, i, s);
+    il(e, n, i, s);
   }
   mount(e) {
-    this.isSVGTag = el(e.tagName), super.mount(e);
+    this.isSVGTag = nl(e.tagName), super.mount(e);
   }
 }
-function sl(t, e) {
-  return xs(t) ? new zs(e) : new Ws(e);
+function ol(t, e) {
+  return Ts(t) ? new Hs(e) : new Gs(e);
 }
-function ol(t, e, n, i = 0, s = 1) {
+function rl(t, e, n, i = 0, s = 1) {
   const r = Array.from(t), o = r.indexOf(e), a = t.size, l = (a - 1) * i, c = typeof n == "function";
   return o === r.length - 1 && (e.parent.enteringChildren = void 0), c ? n(o, a) : s === 1 ? o * i : l - o * i;
 }
@@ -1941,71 +1941,71 @@ function ln(t, e, n) {
   }
   return Array.from(t);
 }
-function Hs(t, e, n, i) {
+function Ys(t, e, n, i) {
   return typeof t == "string" && an(e) ? ln(t, n, i) : t instanceof NodeList ? Array.from(t) : Array.isArray(t) ? t : [t];
 }
-function rl(t, e, n) {
+function al(t, e, n) {
   return t * (e + 1);
 }
 function ni(t, e, n, i) {
   var s;
   return typeof e == "number" ? e : e.startsWith("-") || e.startsWith("+") ? Math.max(0, t + parseFloat(e)) : e === "<" ? n : e.startsWith("<") ? Math.max(0, n + parseFloat(e.slice(1))) : (s = i.get(e)) != null ? s : t;
 }
-const al = (t, e, n) => {
+const ll = (t, e, n) => {
   const i = e - t;
   return ((n - t) % i + i) % i + t;
-}, Ys = (t) => Array.isArray(t) && typeof t[0] != "number";
-function Xs(t, e) {
-  return Ys(t) ? t[al(0, t.length, e)] : t;
+}, Xs = (t) => Array.isArray(t) && typeof t[0] != "number";
+function qs(t, e) {
+  return Xs(t) ? t[ll(0, t.length, e)] : t;
 }
-function ll(t, e, n) {
+function ul(t, e, n) {
   for (let i = 0; i < t.length; i++) {
     const s = t[i];
-    s.at > e && s.at < n && (ue(t, s), i--);
+    s.at > e && s.at < n && (ce(t, s), i--);
   }
 }
-function ul(t, e, n, i, s, r) {
-  ll(t, s, r);
+function cl(t, e, n, i, s, r) {
+  ul(t, s, r);
   for (let o = 0; o < e.length; o++)
     t.push({
       value: e[o],
       at: M(s, r, i[o]),
-      easing: Xs(n, o)
+      easing: qs(n, o)
     });
 }
-function cl(t, e) {
+function hl(t, e) {
   for (let n = 0; n < t.length; n++)
     t[n] = t[n] / (e + 1);
 }
-function hl(t, e) {
+function fl(t, e) {
   return t.at === e.at ? t.value === null ? 1 : e.value === null ? -1 : 0 : t.at - e.at;
 }
 const yt = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const i = e - t;
   return i === 0 ? 1 : (n - t) / i;
 };
-function qs(t, e) {
+function Zs(t, e) {
   const n = t[t.length - 1];
   for (let i = 1; i <= e; i++) {
     const s = /* @__PURE__ */ yt(0, e, i);
     t.push(M(n, 1, s));
   }
 }
-function Zs(t) {
+function Js(t) {
   const e = [0];
-  return qs(e, t.length - 1), e;
+  return Zs(e, t.length - 1), e;
 }
-const ne = 2e4;
+const ie = 2e4;
 function un(t) {
   let e = 0;
   const n = 50;
   let i = t.next(e);
-  for (; !i.done && e < ne; )
+  for (; !i.done && e < ie; )
     e += n, i = t.next(e);
-  return e >= ne ? 1 / 0 : e;
+  return e >= ie ? 1 / 0 : e;
 }
-function Js(t, e = 100, n) {
-  const i = n(E(g({}, t), { keyframes: [0, e] })), s = Math.min(un(i), ne);
+function Qs(t, e = 100, n) {
+  const i = n(E(g({}, t), { keyframes: [0, e] })), s = Math.min(un(i), ie);
   return {
     type: "keyframes",
     ease: (r) => i.next(s * r).value / e,
@@ -2015,89 +2015,89 @@ function Js(t, e = 100, n) {
 function cn(t) {
   return typeof t == "function" && "applyToOptions" in t;
 }
-const fl = "easeInOut", dl = 20;
-function pl(t, r = {}, i, s) {
+const dl = "easeInOut", pl = 20;
+function ml(t, r = {}, i, s) {
   var o = r, { defaultTransition: e = {} } = o, n = U(o, ["defaultTransition"]);
   const a = e.duration || 0.3, l = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), u = {}, h = /* @__PURE__ */ new Map();
-  let f = 0, d = 0, p = 0;
+  let d = 0, f = 0, p = 0;
   for (let m = 0; m < t.length; m++) {
     const y = t[m];
     if (typeof y == "string") {
-      h.set(y, d);
+      h.set(y, f);
       continue;
     } else if (!Array.isArray(y)) {
-      h.set(y.name, ni(d, y.at, f, h));
+      h.set(y.name, ni(f, y.at, d, h));
       continue;
     }
-    let [v, x, T = {}] = y;
-    T.at !== void 0 && (d = ni(d, T.at, f, h));
-    let w = 0;
-    const S = (A, V, P, k = 0, j = 0) => {
-      const O = ml(A), Cn = V, { delay: ce = 0, times: Z = Zs(O), type: he = "keyframes", repeat: Tt, repeatType: Oh, repeatDelay: jh = 0 } = Cn, zo = U(Cn, ["delay", "times", "type", "repeat", "repeatType", "repeatDelay"]);
+    let [v, w, T = {}] = y;
+    T.at !== void 0 && (f = ni(f, T.at, d, h));
+    let S = 0;
+    const b = (A, V, P, k = 0, I = 0) => {
+      const O = gl(A), Cn = V, { delay: he = 0, times: Z = Js(O), type: fe = "keyframes", repeat: Tt, repeatType: Ih, repeatDelay: jh = 0 } = Cn, Ho = U(Cn, ["delay", "times", "type", "repeat", "repeatType", "repeatDelay"]);
       let { ease: et = e.ease || "easeOut", duration: K } = V;
-      const Sn = typeof ce == "function" ? ce(k, j) : ce, wn = O.length, An = cn(he) ? he : s == null ? void 0 : s[he || "keyframes"];
+      const Sn = typeof he == "function" ? he(k, I) : he, wn = O.length, An = cn(fe) ? fe : s == null ? void 0 : s[fe || "keyframes"];
       if (wn <= 2 && An) {
         let St = 100;
-        if (wn === 2 && vl(O)) {
+        if (wn === 2 && xl(O)) {
           const wt = O[1] - O[0];
           St = Math.abs(wt);
         }
-        const $t = g({}, zo);
-        K !== void 0 && ($t.duration = /* @__PURE__ */ G(K));
-        const Kt = Js($t, St, An);
-        et = Kt.ease, K = Kt.duration;
+        const Nt = g({}, Ho);
+        K !== void 0 && (Nt.duration = /* @__PURE__ */ G(K));
+        const $t = Qs(Nt, St, An);
+        et = $t.ease, K = $t.duration;
       }
       K != null || (K = a);
-      const Pn = d + Sn;
+      const Pn = f + Sn;
       Z.length === 1 && Z[0] === 0 && (Z[1] = 1);
       const En = Z.length - O.length;
-      if (En > 0 && qs(Z, En), O.length === 1 && O.unshift(null), Tt) {
-        q(Tt < dl, "Repeat count too high, must be less than 20", "repeat-count-high"), K = rl(K, Tt);
-        const St = [...O], $t = [...Z];
+      if (En > 0 && Zs(Z, En), O.length === 1 && O.unshift(null), Tt) {
+        q(Tt < pl, "Repeat count too high, must be less than 20", "repeat-count-high"), K = al(K, Tt);
+        const St = [...O], Nt = [...Z];
         et = Array.isArray(et) ? [...et] : [et];
-        const Kt = [...et];
+        const $t = [...et];
         for (let wt = 0; wt < Tt; wt++) {
           O.push(...St);
           for (let At = 0; At < St.length; At++)
-            Z.push($t[At] + (wt + 1)), et.push(At === 0 ? "linear" : Xs(Kt, At - 1));
+            Z.push(Nt[At] + (wt + 1)), et.push(At === 0 ? "linear" : qs($t, At - 1));
         }
-        cl(Z, Tt);
+        hl(Z, Tt);
       }
       const Vn = Pn + K;
-      ul(P, O, et, Z, Pn, Vn), w = Math.max(Sn + K, w), p = Math.max(Vn, p);
+      cl(P, O, et, Z, Pn, Vn), S = Math.max(Sn + K, S), p = Math.max(Vn, p);
     };
     if (L(v)) {
       const A = ii(v, c);
-      S(x, T, si("default", A));
+      b(w, T, si("default", A));
     } else {
-      const A = Hs(v, x, i, u), V = A.length;
+      const A = Ys(v, w, i, u), V = A.length;
       for (let P = 0; P < V; P++) {
-        x = x, T = T;
-        const k = A[P], j = ii(k, c);
-        for (const O in x)
-          S(x[O], gl(T, O), si(O, j), P, V);
+        w = w, T = T;
+        const k = A[P], I = ii(k, c);
+        for (const O in w)
+          b(w[O], yl(T, O), si(O, I), P, V);
       }
     }
-    f = d, d += w;
+    d = f, f += S;
   }
   return c.forEach((m, y) => {
     for (const v in m) {
-      const x = m[v];
-      x.sort(hl);
-      const T = [], w = [], S = [];
-      for (let V = 0; V < x.length; V++) {
-        const { at: P, value: k, easing: j } = x[V];
-        T.push(k), w.push(/* @__PURE__ */ yt(0, p, P)), S.push(j || "easeOut");
+      const w = m[v];
+      w.sort(fl);
+      const T = [], S = [], b = [];
+      for (let V = 0; V < w.length; V++) {
+        const { at: P, value: k, easing: I } = w[V];
+        T.push(k), S.push(/* @__PURE__ */ yt(0, p, P)), b.push(I || "easeOut");
       }
-      w[0] !== 0 && (w.unshift(0), T.unshift(T[0]), S.unshift(fl)), w[w.length - 1] !== 1 && (w.push(1), T.push(null)), l.has(y) || l.set(y, {
+      S[0] !== 0 && (S.unshift(0), T.unshift(T[0]), b.unshift(dl)), S[S.length - 1] !== 1 && (S.push(1), T.push(null)), l.has(y) || l.set(y, {
         keyframes: {},
         transition: {}
       });
       const A = l.get(y);
       A.keyframes[v] = T, A.transition[v] = g(E(g({}, e), {
         duration: p,
-        ease: S,
-        times: w
+        ease: b,
+        times: S
       }), n);
     }
   }), l;
@@ -2108,72 +2108,72 @@ function ii(t, e) {
 function si(t, e) {
   return e[t] || (e[t] = []), e[t];
 }
-function ml(t) {
+function gl(t) {
   return Array.isArray(t) ? t : [t];
 }
-function gl(t, e) {
+function yl(t, e) {
   return t && t[e] ? g(g({}, t), t[e]) : g({}, t);
 }
-const yl = (t) => typeof t == "number", vl = (t) => t.every(yl), bl = (t) => Array.isArray(t);
-function xl(t, e, n) {
+const vl = (t) => typeof t == "number", xl = (t) => t.every(vl), bl = (t) => Array.isArray(t);
+function Tl(t, e, n) {
   const i = t.getProps();
-  return Es(i, e, i.custom, t);
+  return Vs(i, e, i.custom, t);
 }
-function Tl(t, e, n) {
+function Sl(t, e, n) {
   t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, gt(n));
 }
-function Sl(t) {
+function wl(t) {
   return bl(t) ? t[t.length - 1] || 0 : t;
 }
-function wl(t, e) {
-  let o = xl(t, e) || {}, { transitionEnd: i = {}, transition: s = {} } = o, r = U(o, ["transitionEnd", "transition"]);
+function Al(t, e) {
+  let o = Tl(t, e) || {}, { transitionEnd: i = {}, transition: s = {} } = o, r = U(o, ["transitionEnd", "transition"]);
   r = g(g({}, r), i);
   for (const a in r) {
-    const l = Sl(r[a]);
-    Tl(t, a, l);
+    const l = wl(r[a]);
+    Sl(t, a, l);
   }
 }
-function Al(t) {
+function Pl(t) {
   return !!(L(t) && t.add);
 }
-function Pl(t, e) {
+function El(t, e) {
   const n = t.getValue("willChange");
-  if (Al(n))
+  if (Pl(n))
     return n.add(e);
   if (!n && J.WillChange) {
     const i = new J.WillChange("auto");
     t.addValue("willChange", i), i.add(e);
   }
 }
-const El = "framerAppearId", Vl = "data-" + rn(El);
-function Qs(t) {
-  return t.props[Vl];
+const Vl = "framerAppearId", Cl = "data-" + rn(Vl);
+function to(t) {
+  return t.props[Cl];
 }
-const Cl = (t) => t !== null;
-function Ml(t, { repeat: e, repeatType: n = "loop" }, i) {
-  const s = t.filter(Cl), r = e && n !== "loop" && e % 2 === 1 ? 0 : s.length - 1;
+const Ml = (t) => t !== null;
+function Dl(t, { repeat: e, repeatType: n = "loop" }, i) {
+  const s = t.filter(Ml), r = e && n !== "loop" && e % 2 === 1 ? 0 : s.length - 1;
   return s[r];
 }
-const Dl = {
+const Rl = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Rl = (t) => ({
+}, Ll = (t) => ({
   type: "spring",
   stiffness: 550,
   damping: t === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), Ll = {
+}), Bl = {
   type: "keyframes",
   duration: 0.8
-}, Bl = {
+}, kl = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, kl = (t, { keyframes: e }) => e.length > 2 ? Ll : xt.has(t) ? t.startsWith("scale") ? Rl(e[1]) : Dl : Bl;
-function Fl(h) {
-  var f = h, { when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: s, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: c } = f, u = U(f, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from", "elapsed"]);
+}, Fl = (t, { keyframes: e }) => e.length > 2 ? Bl : bt.has(t) ? t.startsWith("scale") ? Ll(e[1]) : Rl : kl;
+function Ol(h) {
+  var d = h, { when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: s, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: c } = d, u = U(d, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection", "repeat", "repeatType", "repeatDelay", "from", "elapsed"]);
   return !!Object.keys(u).length;
 }
 function hn(t, e) {
@@ -2183,17 +2183,17 @@ function hn(t, e) {
 function $e(t) {
   t.duration = 0, t.type = "keyframes";
 }
-function be(t, e, n) {
+function xe(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 Ol({ hue: t, saturation: e, lightness: n, alpha: i }) {
+function Il({ hue: t, saturation: e, lightness: n, alpha: i }) {
   t /= 360, e /= 100, n /= 100;
   let s = 0, r = 0, o = 0;
   if (!e)
     s = r = o = n;
   else {
     const a = n < 0.5 ? n * (1 + e) : n + e - n * e, l = 2 * n - a;
-    s = be(l, a, t + 1 / 3), r = be(l, a, t), o = be(l, a, t - 1 / 3);
+    s = xe(l, a, t + 1 / 3), r = xe(l, a, t), o = xe(l, a, t - 1 / 3);
   }
   return {
     red: Math.round(s * 255),
@@ -2202,38 +2202,38 @@ function Ol({ hue: t, saturation: e, lightness: n, alpha: i }) {
     alpha: i
   };
 }
-function ie(t, e) {
+function se(t, e) {
   return (n) => n > 0 ? e : t;
 }
-const xe = (t, e, n) => {
+const be = (t, e, n) => {
   const i = t * t, s = n * (e * e - i) + i;
   return s < 0 ? 0 : Math.sqrt(s);
-}, jl = [Re, rt, ht], Il = (t) => jl.find((e) => e.test(t));
+}, jl = [Re, rt, ht], _l = (t) => jl.find((e) => e.test(t));
 function oi(t) {
-  const e = Il(t);
-  if (_t(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !e)
+  const e = _l(t);
+  if (jt(!!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 === ht && (n = Ol(n)), n;
+  return e === ht && (n = Il(n)), n;
 }
 const ri = (t, e) => {
   const n = oi(t), i = oi(e);
   if (!n || !i)
-    return ie(t, e);
+    return se(t, e);
   const s = g({}, n);
-  return (r) => (s.red = xe(n.red, i.red, r), s.green = xe(n.green, i.green, r), s.blue = xe(n.blue, i.blue, r), s.alpha = M(n.alpha, i.alpha, r), rt.transform(s));
+  return (r) => (s.red = be(n.red, i.red, r), s.green = be(n.green, i.green, r), s.blue = be(n.blue, i.blue, r), s.alpha = M(n.alpha, i.alpha, r), rt.transform(s));
 }, Ke = /* @__PURE__ */ new Set(["none", "hidden"]);
-function _l(t, e) {
+function Ul(t, e) {
   return Ke.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
-const Ul = (t, e) => (n) => e(t(n)), Ut = (...t) => t.reduce(Ul);
-function Nl(t, e) {
+const Nl = (t, e) => (n) => e(t(n)), _t = (...t) => t.reduce(Nl);
+function $l(t, e) {
   return (n) => M(t, e, n);
 }
 function fn(t) {
-  return typeof t == "number" ? Nl : typeof t == "string" ? Qe(t) ? ie : R.test(t) ? ri : Wl : Array.isArray(t) ? to : typeof t == "object" ? R.test(t) ? ri : $l : ie;
+  return typeof t == "number" ? $l : typeof t == "string" ? Qe(t) ? se : R.test(t) ? ri : Gl : Array.isArray(t) ? eo : typeof t == "object" ? R.test(t) ? ri : Kl : se;
 }
-function to(t, e) {
+function eo(t, e) {
   const n = [...t], i = n.length, s = t.map((r, o) => fn(r)(r, e[o]));
   return (r) => {
     for (let o = 0; o < i; o++)
@@ -2241,7 +2241,7 @@ function to(t, e) {
     return n;
   };
 }
-function $l(t, e) {
+function Kl(t, e) {
   const n = g(g({}, 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]));
@@ -2251,7 +2251,7 @@ function $l(t, e) {
     return n;
   };
 }
-function Kl(t, e) {
+function Wl(t, e) {
   var s;
   const n = [], i = { color: 0, var: 0, number: 0 };
   for (let r = 0; r < e.values.length; r++) {
@@ -2260,14 +2260,14 @@ function Kl(t, e) {
   }
   return n;
 }
-const Wl = (t, e) => {
-  const n = st.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 ? Ke.has(t) && !s.values.length || Ke.has(e) && !i.values.length ? _l(t, e) : Ut(to(Kl(i, s), s.values), n) : (_t(!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"), ie(t, e));
+const Gl = (t, e) => {
+  const n = st.createTransformer(e), i = Bt(t), s = Bt(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 ? Ke.has(t) && !s.values.length || Ke.has(e) && !i.values.length ? Ul(t, e) : _t(eo(Wl(i, s), s.values), n) : (jt(!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"), se(t, e));
 };
-function eo(t, e, n) {
+function no(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? M(t, e, n) : fn(t)(t, e);
 }
-const Gl = (t) => {
+const zl = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: (n = !0) => C.update(e, n),
@@ -2276,18 +2276,18 @@ const Gl = (t) => {
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => F.isProcessing ? F.timestamp : I.now()
+    now: () => F.isProcessing ? F.timestamp : j.now()
   };
-}, no = (t, e, n = 10) => {
+}, io = (t, e, n = 10) => {
   let i = "";
   const s = Math.max(Math.round(e / n), 2);
   for (let r = 0; r < s; r++)
     i += Math.round(t(r / (s - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${i.substring(0, i.length - 2)})`;
-}, zl = 5;
-function io(t, e, n) {
-  const i = Math.max(e - zl, 0);
-  return Ps(n - t(i), e - i);
+}, Hl = 5;
+function so(t, e, n) {
+  const i = Math.max(e - Hl, 0);
+  return Es(n - t(i), e - i);
 }
 const D = {
   // Default spring physics
@@ -2318,16 +2318,16 @@ const D = {
   minDamping: 0.05,
   maxDamping: 1
 }, Te = 1e-3;
-function Hl({ duration: t = D.duration, bounce: e = D.bounce, velocity: n = D.velocity, mass: i = D.mass }) {
+function Yl({ duration: t = D.duration, bounce: e = D.bounce, velocity: n = D.velocity, mass: i = D.mass }) {
   let s, r;
-  _t(t <= /* @__PURE__ */ G(D.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  jt(t <= /* @__PURE__ */ G(D.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let o = 1 - e;
   o = X(D.minDamping, D.maxDamping, o), t = X(D.minDuration, D.maxDuration, /* @__PURE__ */ N(t)), o < 1 ? (s = (c) => {
-    const u = c * o, h = u * t, f = u - n, d = We(c, o), p = Math.exp(-h);
-    return Te - f / d * p;
+    const u = c * o, h = u * t, d = u - n, f = We(c, o), p = Math.exp(-h);
+    return Te - d / f * p;
   }, r = (c) => {
-    const h = c * o * t, f = h * n + n, d = Math.pow(o, 2) * Math.pow(c, 2) * t, p = Math.exp(-h), m = We(Math.pow(c, 2), o);
-    return (-s(c) + Te > 0 ? -1 : 1) * ((f - d) * p) / m;
+    const h = c * o * t, d = h * n + n, f = Math.pow(o, 2) * Math.pow(c, 2) * t, p = Math.exp(-h), m = We(Math.pow(c, 2), o);
+    return (-s(c) + Te > 0 ? -1 : 1) * ((d - f) * p) / m;
   }) : (s = (c) => {
     const u = Math.exp(-c * t), h = (c - n) * t + 1;
     return -Te + u * h;
@@ -2335,7 +2335,7 @@ function Hl({ duration: t = D.duration, bounce: e = D.bounce, velocity: n = D.ve
     const u = Math.exp(-c * t), h = (n - c) * (t * t);
     return u * h;
   });
-  const a = 5 / t, l = Xl(s, r, a);
+  const a = 5 / t, l = ql(s, r, a);
   if (t = /* @__PURE__ */ G(t), isNaN(l))
     return {
       stiffness: D.stiffness,
@@ -2351,21 +2351,21 @@ function Hl({ duration: t = D.duration, bounce: e = D.bounce, velocity: n = D.ve
     };
   }
 }
-const Yl = 12;
-function Xl(t, e, n) {
+const Xl = 12;
+function ql(t, e, n) {
   let i = n;
-  for (let s = 1; s < Yl; s++)
+  for (let s = 1; s < Xl; s++)
     i = i - t(i) / e(i);
   return i;
 }
 function We(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const ql = ["duration", "bounce"], Zl = ["stiffness", "damping", "mass"];
+const Zl = ["duration", "bounce"], Jl = ["stiffness", "damping", "mass"];
 function ai(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function Jl(t) {
+function Ql(t) {
   let e = g({
     velocity: D.velocity,
     stiffness: D.stiffness,
@@ -2373,7 +2373,7 @@ function Jl(t) {
     mass: D.mass,
     isResolvedFromDuration: !1
   }, t);
-  if (!ai(t, Zl) && ai(t, ql))
+  if (!ai(t, Jl) && ai(t, Zl))
     if (t.visualDuration) {
       const n = t.visualDuration, i = 2 * Math.PI / (n * 1.2), s = i * i, r = 2 * X(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(s);
       e = E(g({}, e), {
@@ -2382,84 +2382,84 @@ function Jl(t) {
         damping: r
       });
     } else {
-      const n = Hl(t);
+      const n = Yl(t);
       e = E(g(g({}, e), n), {
         mass: D.mass
       }), e.isResolvedFromDuration = !0;
     }
   return e;
 }
-function Ot(t = D.visualDuration, e = D.bounce) {
+function Ft(t = D.visualDuration, e = D.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
     bounce: e
   } : t;
   let { restSpeed: i, restDelta: s } = n;
-  const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: l, damping: c, mass: u, duration: h, velocity: f, isResolvedFromDuration: d } = Jl(E(g({}, n), {
+  const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: l, damping: c, mass: u, duration: h, velocity: d, isResolvedFromDuration: f } = Ql(E(g({}, n), {
     velocity: -/* @__PURE__ */ N(n.velocity || 0)
-  })), p = f || 0, m = c / (2 * Math.sqrt(l * u)), y = o - r, v = /* @__PURE__ */ N(Math.sqrt(l / u)), x = Math.abs(y) < 5;
-  i || (i = x ? D.restSpeed.granular : D.restSpeed.default), s || (s = x ? D.restDelta.granular : D.restDelta.default);
+  })), p = d || 0, m = c / (2 * Math.sqrt(l * u)), y = o - r, v = /* @__PURE__ */ N(Math.sqrt(l / u)), w = Math.abs(y) < 5;
+  i || (i = w ? D.restSpeed.granular : D.restSpeed.default), s || (s = w ? D.restDelta.granular : D.restDelta.default);
   let T;
   if (m < 1) {
-    const S = We(v, m);
+    const b = We(v, m);
     T = (A) => {
       const V = Math.exp(-m * v * A);
-      return o - V * ((p + m * v * y) / S * Math.sin(S * A) + y * Math.cos(S * A));
+      return o - V * ((p + m * v * y) / b * Math.sin(b * A) + y * Math.cos(b * A));
     };
   } else if (m === 1)
-    T = (S) => o - Math.exp(-v * S) * (y + (p + v * y) * S);
+    T = (b) => o - Math.exp(-v * b) * (y + (p + v * y) * b);
   else {
-    const S = v * Math.sqrt(m * m - 1);
+    const b = v * Math.sqrt(m * m - 1);
     T = (A) => {
-      const V = Math.exp(-m * v * A), P = Math.min(S * A, 300);
-      return o - V * ((p + m * v * y) * Math.sinh(P) + S * y * Math.cosh(P)) / S;
+      const V = Math.exp(-m * v * A), P = Math.min(b * A, 300);
+      return o - V * ((p + m * v * y) * Math.sinh(P) + b * y * Math.cosh(P)) / b;
     };
   }
-  const w = {
-    calculatedDuration: d && h || null,
-    next: (S) => {
-      const A = T(S);
-      if (d)
-        a.done = S >= h;
+  const S = {
+    calculatedDuration: f && h || null,
+    next: (b) => {
+      const A = T(b);
+      if (f)
+        a.done = b >= h;
       else {
-        let V = S === 0 ? p : 0;
-        m < 1 && (V = S === 0 ? /* @__PURE__ */ G(p) : io(T, S, A));
+        let V = b === 0 ? p : 0;
+        m < 1 && (V = b === 0 ? /* @__PURE__ */ G(p) : so(T, b, A));
         const P = Math.abs(V) <= i, k = Math.abs(o - A) <= s;
         a.done = P && k;
       }
       return a.value = a.done ? o : A, a;
     },
     toString: () => {
-      const S = Math.min(un(w), ne), A = no((V) => w.next(S * V).value, S, 30);
-      return S + "ms " + A;
+      const b = Math.min(un(S), ie), A = io((V) => S.next(b * V).value, b, 30);
+      return b + "ms " + A;
     },
     toTransition: () => {
     }
   };
-  return w;
+  return S;
 }
-Ot.applyToOptions = (t) => {
-  const e = Js(t, 100, Ot);
+Ft.applyToOptions = (t) => {
+  const e = Qs(t, 100, Ft);
   return t.ease = e.ease, t.duration = /* @__PURE__ */ G(e.duration), t.type = "keyframes", t;
 };
 function Ge({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 325, bounceDamping: s = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
-  const h = t[0], f = {
+  const h = t[0], d = {
     done: !1,
     value: h
-  }, d = (P) => a !== void 0 && P < a || l !== void 0 && P > l, p = (P) => a === void 0 ? l : l === void 0 || Math.abs(a - P) < Math.abs(l - P) ? a : l;
+  }, f = (P) => a !== void 0 && P < a || l !== void 0 && P > l, p = (P) => a === void 0 ? l : l === void 0 || Math.abs(a - P) < Math.abs(l - P) ? a : l;
   let m = n * e;
   const y = h + m, v = o === void 0 ? y : o(y);
   v !== y && (m = v - h);
-  const x = (P) => -m * Math.exp(-P / i), T = (P) => v + x(P), w = (P) => {
-    const k = x(P), j = T(P);
-    f.done = Math.abs(k) <= c, f.value = f.done ? v : j;
+  const w = (P) => -m * Math.exp(-P / i), T = (P) => v + w(P), S = (P) => {
+    const k = w(P), I = T(P);
+    d.done = Math.abs(k) <= c, d.value = d.done ? v : I;
   };
-  let S, A;
+  let b, A;
   const V = (P) => {
-    d(f.value) && (S = P, A = Ot({
-      keyframes: [f.value, p(f.value)],
-      velocity: io(T, P, f.value),
+    f(d.value) && (b = P, A = Ft({
+      keyframes: [d.value, p(d.value)],
+      velocity: so(T, P, d.value),
       // TODO: This should be passing * 1000
       damping: s,
       stiffness: r,
@@ -2471,23 +2471,23 @@ function Ge({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
     calculatedDuration: null,
     next: (P) => {
       let k = !1;
-      return !A && S === void 0 && (k = !0, w(P), V(P)), S !== void 0 && P >= S ? A.next(P - S) : (!k && w(P), f);
+      return !A && b === void 0 && (k = !0, S(P), V(P)), b !== void 0 && P >= b ? A.next(P - b) : (!k && S(P), d);
     }
   };
 }
-function Ql(t, e, n) {
-  const i = [], s = n || J.mix || eo, r = t.length - 1;
+function tu(t, e, n) {
+  const i = [], s = n || J.mix || no, r = t.length - 1;
   for (let o = 0; o < r; o++) {
     let a = s(t[o], t[o + 1]);
     if (e) {
       const l = Array.isArray(e) ? e[o] || _ : e;
-      a = Ut(l, a);
+      a = _t(l, a);
     }
     i.push(a);
   }
   return i;
 }
-function tu(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
+function eu(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
   const r = t.length;
   if (q(r === e.length, "Both input and output ranges must be the same length", "range-length"), r === 1)
     return () => e[0];
@@ -2495,90 +2495,90 @@ function tu(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
     return () => e[1];
   const o = t[0] === t[1];
   t[0] > t[r - 1] && (t = [...t].reverse(), e = [...e].reverse());
-  const a = Ql(e, i, s), l = a.length, c = (u) => {
+  const a = tu(e, i, s), l = a.length, c = (u) => {
     if (o && 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__ */ yt(t[h], t[h + 1], u);
-    return a[h](f);
+    const d = /* @__PURE__ */ yt(t[h], t[h + 1], u);
+    return a[h](d);
   };
   return n ? (u) => c(X(t[0], t[r - 1], u)) : c;
 }
-function eu(t, e) {
+function nu(t, e) {
   return t.map((n) => n * e);
 }
-const so = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, nu = 1e-7, iu = 12;
-function su(t, e, n, i, s) {
+const oo = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, iu = 1e-7, su = 12;
+function ou(t, e, n, i, s) {
   let r, o, a = 0;
   do
-    o = e + (n - e) / 2, r = so(o, i, s) - t, r > 0 ? n = o : e = o;
-  while (Math.abs(r) > nu && ++a < iu);
+    o = e + (n - e) / 2, r = oo(o, i, s) - t, r > 0 ? n = o : e = o;
+  while (Math.abs(r) > iu && ++a < su);
   return o;
 }
-function Nt(t, e, n, i) {
+function Ut(t, e, n, i) {
   if (t === e && n === i)
     return _;
-  const s = (r) => su(r, 0, 1, t, n);
-  return (r) => r === 0 || r === 1 ? r : so(s(r), e, i);
+  const s = (r) => ou(r, 0, 1, t, n);
+  return (r) => r === 0 || r === 1 ? r : oo(s(r), e, i);
 }
-const ou = /* @__PURE__ */ Nt(0.42, 0, 1, 1), ru = /* @__PURE__ */ Nt(0, 0, 0.58, 1), oo = /* @__PURE__ */ Nt(0.42, 0, 0.58, 1), ro = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, ao = (t) => (e) => 1 - t(1 - e), lo = /* @__PURE__ */ Nt(0.33, 1.53, 0.69, 0.99), dn = /* @__PURE__ */ ao(lo), uo = /* @__PURE__ */ ro(dn), co = (t) => (t *= 2) < 1 ? 0.5 * dn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), pn = (t) => 1 - Math.sin(Math.acos(t)), ho = ao(pn), fo = ro(pn), po = (t) => Array.isArray(t) && typeof t[0] == "number", li = {
+const ru = /* @__PURE__ */ Ut(0.42, 0, 1, 1), au = /* @__PURE__ */ Ut(0, 0, 0.58, 1), ro = /* @__PURE__ */ Ut(0.42, 0, 0.58, 1), ao = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, lo = (t) => (e) => 1 - t(1 - e), uo = /* @__PURE__ */ Ut(0.33, 1.53, 0.69, 0.99), dn = /* @__PURE__ */ lo(uo), co = /* @__PURE__ */ ao(dn), ho = (t) => (t *= 2) < 1 ? 0.5 * dn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), pn = (t) => 1 - Math.sin(Math.acos(t)), fo = lo(pn), po = ao(pn), mo = (t) => Array.isArray(t) && typeof t[0] == "number", li = {
   linear: _,
-  easeIn: ou,
-  easeInOut: oo,
-  easeOut: ru,
+  easeIn: ru,
+  easeInOut: ro,
+  easeOut: au,
   circIn: pn,
-  circInOut: fo,
-  circOut: ho,
+  circInOut: po,
+  circOut: fo,
   backIn: dn,
-  backInOut: uo,
-  backOut: lo,
-  anticipate: co
-}, au = (t) => typeof t == "string", ui = (t) => {
-  if (po(t)) {
+  backInOut: co,
+  backOut: uo,
+  anticipate: ho
+}, lu = (t) => typeof t == "string", ui = (t) => {
+  if (mo(t)) {
     q(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, i, s] = t;
-    return Nt(e, n, i, s);
-  } else if (au(t))
+    return Ut(e, n, i, s);
+  } else if (lu(t))
     return q(li[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), li[t];
   return t;
 };
-function lu(t, e) {
-  return t.map(() => e || oo).splice(0, t.length - 1);
+function uu(t, e) {
+  return t.map(() => e || ro).splice(0, t.length - 1);
 }
 function pt({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }) {
-  const s = Ys(i) ? i.map(ui) : ui(i), r = {
+  const s = Xs(i) ? i.map(ui) : ui(i), r = {
     done: !1,
     value: e[0]
-  }, o = eu(
+  }, o = nu(
     // 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 : Zs(e),
+    n && n.length === e.length ? n : Js(e),
     t
-  ), a = tu(o, e, {
-    ease: Array.isArray(s) ? s : lu(e, s)
+  ), a = eu(o, e, {
+    ease: Array.isArray(s) ? s : uu(e, s)
   });
   return {
     calculatedDuration: t,
     next: (l) => (r.value = a(l), r.done = l >= t, r)
   };
 }
-const uu = (t) => t !== null;
+const cu = (t) => t !== null;
 function mn(t, { repeat: e, repeatType: n = "loop" }, i, s = 1) {
-  const r = t.filter(uu), a = s < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : r.length - 1;
+  const r = t.filter(cu), a = s < 0 || e && n !== "loop" && e % 2 === 1 ? 0 : r.length - 1;
   return !a || i === void 0 ? r[a] : i;
 }
-const cu = {
+const hu = {
   decay: Ge,
   inertia: Ge,
   tween: pt,
   keyframes: pt,
-  spring: Ot
+  spring: Ft
 };
-function mo(t) {
-  typeof t.type == "string" && (t.type = cu[t.type]);
+function go(t) {
+  typeof t.type == "string" && (t.type = hu[t.type]);
 }
 class gn {
   constructor() {
@@ -2604,22 +2604,22 @@ class gn {
     return this.finished.then(e, n);
   }
 }
-const hu = (t) => t / 100;
+const fu = (t) => t / 100;
 class yn extends gn {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       var n, i;
       const { motionValue: s } = this.options;
-      s && s.updatedAt !== I.now() && this.tick(I.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (i = (n = this.options).onStop) == null || i.call(n));
+      s && s.updatedAt !== j.now() && this.tick(j.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (i = (n = this.options).onStop) == null || i.call(n));
     }, this.options = e, this.initAnimation(), this.play(), e.autoplay === !1 && this.pause();
   }
   initAnimation() {
     const { options: e } = this;
-    mo(e);
+    go(e);
     const { type: n = pt, repeat: i = 0, repeatDelay: s = 0, repeatType: r, velocity: o = 0 } = e;
     let { keyframes: a } = e;
     const l = n || pt;
-    process.env.NODE_ENV !== "production" && l !== pt && q(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== pt && typeof a[0] != "number" && (this.mixKeyframes = Ut(hu, eo(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== pt && q(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== pt && typeof a[0] != "number" && (this.mixKeyframes = _t(fu, no(a[0], a[1])), a = [0, 100]);
     const c = l(E(g({}, e), { keyframes: a }));
     r === "mirror" && (this.mirroredGenerator = l(E(g({}, e), {
       keyframes: [...a].reverse(),
@@ -2636,22 +2636,22 @@ class yn extends gn {
     const { generator: i, totalDuration: s, mixKeyframes: r, mirroredGenerator: o, resolvedDuration: a, calculatedDuration: l } = this;
     if (this.startTime === null)
       return i.next(0);
-    const { delay: c = 0, keyframes: u, repeat: h, repeatType: f, repeatDelay: d, type: p, onUpdate: m, finalKeyframe: y } = this.options;
+    const { delay: c = 0, keyframes: u, repeat: h, repeatType: d, repeatDelay: f, type: p, onUpdate: m, finalKeyframe: y } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - s / this.speed, this.startTime)), n ? this.currentTime = e : this.updateTime(e);
-    const v = this.currentTime - c * (this.playbackSpeed >= 0 ? 1 : -1), x = this.playbackSpeed >= 0 ? v < 0 : v > s;
+    const v = this.currentTime - c * (this.playbackSpeed >= 0 ? 1 : -1), w = this.playbackSpeed >= 0 ? v < 0 : v > s;
     this.currentTime = Math.max(v, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = s);
-    let T = this.currentTime, w = i;
+    let T = this.currentTime, S = i;
     if (h) {
       const P = Math.min(this.currentTime, s) / a;
-      let k = Math.floor(P), j = P % 1;
-      !j && P >= 1 && (j = 1), j === 1 && k--, k = Math.min(k, h + 1), !!(k % 2) && (f === "reverse" ? (j = 1 - j, d && (j -= d / a)) : f === "mirror" && (w = o)), T = X(0, 1, j) * a;
+      let k = Math.floor(P), I = P % 1;
+      !I && P >= 1 && (I = 1), I === 1 && k--, k = Math.min(k, h + 1), !!(k % 2) && (d === "reverse" ? (I = 1 - I, f && (I -= f / a)) : d === "mirror" && (S = o)), T = X(0, 1, I) * a;
     }
-    const S = x ? { done: !1, value: u[0] } : w.next(T);
-    r && (S.value = r(S.value));
-    let { done: A } = S;
-    !x && l !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= s : this.currentTime <= 0);
+    const b = w ? { done: !1, value: u[0] } : S.next(T);
+    r && (b.value = r(b.value));
+    let { done: A } = b;
+    !w && l !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= s : this.currentTime <= 0);
     const V = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
-    return V && p !== Ge && (S.value = mn(u, this.options, y, this.speed)), m && m(S.value), V && this.finish(), S;
+    return V && p !== Ge && (b.value = mn(u, this.options, y, this.speed)), m && m(b.value), V && this.finish(), b;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -2679,7 +2679,7 @@ class yn extends gn {
     return this.playbackSpeed;
   }
   set speed(e) {
-    this.updateTime(I.now());
+    this.updateTime(j.now());
     const n = this.playbackSpeed !== e;
     this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ N(this.currentTime));
   }
@@ -2687,13 +2687,13 @@ class yn extends gn {
     var e, n;
     if (this.isStopped)
       return;
-    const { driver: i = Gl, startTime: s } = this.options;
+    const { driver: i = zl, startTime: s } = this.options;
     this.driver || (this.driver = i((o) => this.tick(o))), (n = (e = this.options).onPlay) == null || n.call(e);
     const r = this.driver.now();
     this.state === "finished" ? (this.updateFinished(), this.startTime = r) : this.holdTime !== null ? this.startTime = r - this.holdTime : this.startTime || (this.startTime = s != null ? s : r), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
   }
   pause() {
-    this.state = "paused", this.updateTime(I.now()), this.holdTime = this.currentTime;
+    this.state = "paused", this.updateTime(j.now()), this.holdTime = this.currentTime;
   }
   complete() {
     this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
@@ -2720,24 +2720,24 @@ class yn extends gn {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (n = this.driver) == null || n.stop(), e.observe(this);
   }
 }
-const fu = (t) => t.startsWith("--");
-function du(t, e, n) {
-  fu(e) ? t.style.setProperty(e, n) : t.style[e] = n;
+const du = (t) => t.startsWith("--");
+function pu(t, e, n) {
+  du(e) ? t.style.setProperty(e, n) : t.style[e] = n;
 }
 // @__NO_SIDE_EFFECTS__
 function vn(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const pu = /* @__PURE__ */ vn(() => window.ScrollTimeline !== void 0), mu = {};
-function gu(t, e) {
+const mu = /* @__PURE__ */ vn(() => window.ScrollTimeline !== void 0), gu = {};
+function yu(t, e) {
   const n = /* @__PURE__ */ vn(t);
   return () => {
     var i;
-    return (i = mu[e]) != null ? i : n();
+    return (i = gu[e]) != null ? i : n();
   };
 }
-const go = /* @__PURE__ */ gu(() => {
+const yo = /* @__PURE__ */ yu(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch (t) {
@@ -2755,18 +2755,18 @@ const go = /* @__PURE__ */ gu(() => {
   backIn: /* @__PURE__ */ Et([0.31, 0.01, 0.66, -0.59]),
   backOut: /* @__PURE__ */ Et([0.33, 1.53, 0.69, 0.99])
 };
-function yo(t, e) {
+function vo(t, e) {
   if (t)
-    return typeof t == "function" ? go() ? no(t, e) : "ease-out" : po(t) ? Et(t) : Array.isArray(t) ? t.map((n) => yo(n, e) || ci.easeOut) : ci[t];
+    return typeof t == "function" ? yo() ? io(t, e) : "ease-out" : mo(t) ? Et(t) : Array.isArray(t) ? t.map((n) => vo(n, e) || ci.easeOut) : ci[t];
 }
-function yu(t, e, n, { delay: i = 0, duration: s = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeOut", times: l } = {}, c = void 0) {
+function vu(t, e, n, { delay: i = 0, duration: s = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeOut", times: l } = {}, c = void 0) {
   const u = {
     [e]: n
   };
   l && (u.offset = l);
-  const h = yo(a, s);
+  const h = vo(a, s);
   Array.isArray(h) && (u.easing = h);
-  const f = {
+  const d = {
     delay: i,
     duration: s,
     easing: Array.isArray(h) ? "linear" : h,
@@ -2774,12 +2774,12 @@ function yu(t, e, n, { delay: i = 0, duration: s = 300, repeat: r = 0, repeatTyp
     iterations: r + 1,
     direction: o === "reverse" ? "alternate" : "normal"
   };
-  return c && (f.pseudoElement = c), t.animate(u, f);
+  return c && (d.pseudoElement = c), t.animate(u, d);
 }
-function vu(n) {
+function xu(n) {
   var i = n, { type: t } = i, e = U(i, ["type"]);
   var s, r;
-  return cn(t) && go() ? t.applyToOptions(e) : ((s = e.duration) != null || (e.duration = 300), (r = e.ease) != null || (e.ease = "easeOut"), e);
+  return cn(t) && yo() ? t.applyToOptions(e) : ((s = e.duration) != null || (e.duration = 300), (r = e.ease) != null || (e.ease = "easeOut"), e);
 }
 class bu extends gn {
   constructor(e) {
@@ -2787,11 +2787,11 @@ class bu extends gn {
       return;
     const { element: n, name: i, keyframes: s, pseudoElement: r, allowFlatten: o = !1, finalKeyframe: a, onComplete: l } = e;
     this.isPseudoElement = !!r, this.allowFlatten = o, this.options = e, q(typeof e.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const c = vu(e);
-    this.animation = yu(n, i, s, c, r), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    const c = xu(e);
+    this.animation = vu(n, i, s, c, r), c.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !r) {
         const u = mn(s, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(u) : du(n, i, u), this.animation.cancel();
+        this.updateMotionValue ? this.updateMotionValue(u) : pu(n, i, u), this.animation.cancel();
       }
       l == null || l(), this.notifyFinished();
     };
@@ -2875,24 +2875,24 @@ class bu extends gn {
    */
   attachTimeline({ timeline: e, observe: n }) {
     var i;
-    return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && pu() ? (this.animation.timeline = e, _) : n(this);
+    return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && mu() ? (this.animation.timeline = e, _) : n(this);
   }
 }
-const vo = {
-  anticipate: co,
-  backInOut: uo,
-  circInOut: fo
+const xo = {
+  anticipate: ho,
+  backInOut: co,
+  circInOut: po
 };
-function xu(t) {
-  return t in vo;
-}
 function Tu(t) {
-  typeof t.ease == "string" && xu(t.ease) && (t.ease = vo[t.ease]);
+  return t in xo;
+}
+function Su(t) {
+  typeof t.ease == "string" && Tu(t.ease) && (t.ease = xo[t.ease]);
 }
 const Se = 10;
-class Su extends bu {
+class wu extends bu {
   constructor(e) {
-    Tu(e), mo(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
+    Su(e), go(e), super(e), e.startTime !== void 0 && (this.startTime = e.startTime), this.options = e;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -2912,14 +2912,14 @@ class Su extends bu {
     }
     const a = new yn(E(g({}, o), {
       autoplay: !1
-    })), l = Math.max(Se, I.now() - this.startTime), c = X(0, Se, l - Se);
+    })), l = Math.max(Se, j.now() - this.startTime), c = X(0, Se, l - Se);
     n.setWithVelocity(a.sample(Math.max(0, l - c)).value, a.sample(l).value, c), a.stop();
   }
 }
 const hi = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
 (st.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
-function wu(t) {
+function Au(t) {
   const e = t[0];
   if (t.length === 1)
     return !0;
@@ -2927,44 +2927,44 @@ function wu(t) {
     if (t[n] !== e)
       return !0;
 }
-function Au(t, e, n, i) {
+function Pu(t, e, n, i) {
   const s = t[0];
   if (s === null)
     return !1;
   if (e === "display" || e === "visibility")
     return !0;
   const r = t[t.length - 1], o = hi(s, e), a = hi(r, e);
-  return _t(o === a, `You are trying to animate ${e} from "${s}" to "${r}". "${o ? r : s}" is not an animatable value.`, "value-not-animatable"), !o || !a ? !1 : wu(t) || (n === "spring" || cn(n)) && i;
+  return jt(o === a, `You are trying to animate ${e} from "${s}" to "${r}". "${o ? r : s}" is not an animatable value.`, "value-not-animatable"), !o || !a ? !1 : Au(t) || (n === "spring" || cn(n)) && i;
 }
-const Pu = /* @__PURE__ */ new Set([
+const Eu = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
   "transform"
   // TODO: Could be re-enabled now we have support for linear() easing
   // "background-color"
-]), Eu = /* @__PURE__ */ vn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function Vu(t) {
+]), Vu = /* @__PURE__ */ vn(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function Cu(t) {
   var e;
   const { motionValue: n, name: i, repeatDelay: s, repeatType: r, damping: o, type: a } = t;
   if (!(((e = n == null ? void 0 : n.owner) == null ? void 0 : e.current) instanceof HTMLElement))
     return !1;
   const { onUpdate: c, transformTemplate: u } = n.owner.getProps();
-  return Eu() && i && Pu.has(i) && (i !== "transform" || !u) && /**
+  return Vu() && i && Eu.has(i) && (i !== "transform" || !u) && /**
   * If we're outputting values to onUpdate then we can't use WAAPI as there's
   * no way to read the value from WAAPI every frame.
   */
   !c && !s && r !== "mirror" && o !== 0 && a !== "inertia";
 }
-const Cu = 40;
-class Mu extends gn {
-  constructor(f) {
-    var d = f, { autoplay: e = !0, delay: n = 0, type: i = "keyframes", repeat: s = 0, repeatDelay: r = 0, repeatType: o = "loop", keyframes: a, name: l, motionValue: c, element: u } = d, h = U(d, ["autoplay", "delay", "type", "repeat", "repeatDelay", "repeatType", "keyframes", "name", "motionValue", "element"]);
+const Mu = 40;
+class Du extends gn {
+  constructor(d) {
+    var f = d, { autoplay: e = !0, delay: n = 0, type: i = "keyframes", repeat: s = 0, repeatDelay: r = 0, repeatType: o = "loop", keyframes: a, name: l, motionValue: c, element: u } = f, h = U(f, ["autoplay", "delay", "type", "repeat", "repeatDelay", "repeatType", "keyframes", "name", "motionValue", "element"]);
     var p;
     super(), this.stop = () => {
-      var v, x;
-      this._animation && (this._animation.stop(), (v = this.stopTimeline) == null || v.call(this)), (x = this.keyframeResolver) == null || x.cancel();
-    }, this.createdAt = I.now();
+      var v, w;
+      this._animation && (this._animation.stop(), (v = this.stopTimeline) == null || v.call(this)), (w = this.keyframeResolver) == null || w.cancel();
+    }, this.createdAt = j.now();
     const m = g({
       autoplay: e,
       delay: n,
@@ -2976,21 +2976,21 @@ class Mu extends gn {
       motionValue: c,
       element: u
     }, h), y = (u == null ? void 0 : u.KeyframeResolver) || sn;
-    this.keyframeResolver = new y(a, (v, x, T) => this.onKeyframesResolved(v, x, m, !T), l, c, u), (p = this.keyframeResolver) == null || p.scheduleResolve();
+    this.keyframeResolver = new y(a, (v, w, T) => this.onKeyframesResolved(v, w, m, !T), l, c, u), (p = this.keyframeResolver) == null || p.scheduleResolve();
   }
   onKeyframesResolved(e, n, i, s) {
     this.keyframeResolver = void 0;
     const { name: r, type: o, velocity: a, delay: l, isHandoff: c, onUpdate: u } = i;
-    this.resolvedAt = I.now(), Au(e, r, o, a) || ((J.instantAnimations || !l) && (u == null || u(mn(e, i, n))), e[0] = e[e.length - 1], $e(i), i.repeat = 0);
-    const h = s ? this.resolvedAt ? this.resolvedAt - this.createdAt > Cu ? this.resolvedAt : this.createdAt : this.createdAt : void 0, f = E(g({
+    this.resolvedAt = j.now(), Pu(e, r, o, a) || ((J.instantAnimations || !l) && (u == null || u(mn(e, i, n))), e[0] = e[e.length - 1], $e(i), i.repeat = 0);
+    const h = s ? this.resolvedAt ? this.resolvedAt - this.createdAt > Mu ? this.resolvedAt : this.createdAt : this.createdAt : void 0, d = E(g({
       startTime: h,
       finalKeyframe: n
     }, i), {
       keyframes: e
-    }), d = !c && Vu(f) ? new Su(E(g({}, f), {
-      element: f.motionValue.owner.current
-    })) : new yn(f);
-    d.finished.then(() => this.notifyFinished()).catch(_), this.pendingTimeline && (this.stopTimeline = d.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = d;
+    }), f = !c && Cu(d) ? new wu(E(g({}, d), {
+      element: d.motionValue.owner.current
+    })) : new yn(d);
+    f.finished.then(() => this.notifyFinished()).catch(_), this.pendingTimeline && (this.stopTimeline = f.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = f;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -3001,7 +3001,7 @@ class Mu extends gn {
   }
   get animation() {
     var e;
-    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), Ma()), this._animation;
+    return this._animation || ((e = this.keyframeResolver) == null || e.resume(), Da()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -3044,7 +3044,7 @@ class Mu extends gn {
     this._animation && this.animation.cancel(), (e = this.keyframeResolver) == null || e.cancel();
   }
 }
-const bn = (t, e, n, i = {}, s, r) => (o) => {
+const xn = (t, e, n, i = {}, s, r) => (o) => {
   const a = hn(i, t) || {}, l = a.delay || i.delay || 0;
   let { elapsed: c = 0 } = i;
   c = c - /* @__PURE__ */ G(l);
@@ -3054,8 +3054,8 @@ const bn = (t, e, n, i = {}, s, r) => (o) => {
     velocity: e.getVelocity()
   }, a), {
     delay: -c,
-    onUpdate: (f) => {
-      e.set(f), a.onUpdate && a.onUpdate(f);
+    onUpdate: (d) => {
+      e.set(d), a.onUpdate && a.onUpdate(d);
     },
     onComplete: () => {
       o(), a.onComplete && a.onComplete();
@@ -3064,64 +3064,64 @@ const bn = (t, e, n, i = {}, s, r) => (o) => {
     motionValue: e,
     element: r ? void 0 : s
   });
-  Fl(a) || Object.assign(u, kl(t, u)), u.duration && (u.duration = /* @__PURE__ */ G(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ G(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  Ol(a) || Object.assign(u, Fl(t, u)), u.duration && (u.duration = /* @__PURE__ */ G(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ G(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let h = !1;
   if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && ($e(u), u.delay === 0 && (h = !0)), (J.instantAnimations || J.skipAnimations) && (h = !0, $e(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, h && !r && e.get() !== void 0) {
-    const f = Ml(u.keyframes, a);
-    if (f !== void 0) {
+    const d = Dl(u.keyframes, a);
+    if (d !== void 0) {
       C.update(() => {
-        u.onUpdate(f), u.onComplete();
+        u.onUpdate(d), u.onComplete();
       });
       return;
     }
   }
-  return a.isSync ? new yn(u) : new Mu(u);
+  return a.isSync ? new yn(u) : new Du(u);
 };
-function Du({ protectedKeys: t, needsAnimating: e }, n) {
+function Ru({ protectedKeys: t, needsAnimating: e }, n) {
   const i = t.hasOwnProperty(n) && e[n] !== !0;
   return e[n] = !1, i;
 }
-function Ru(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
+function Lu(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
   var h;
   let u = e, { transition: r = t.getDefaultTransition(), transitionEnd: o } = u, a = U(u, ["transition", "transitionEnd"]);
   i && (r = i);
   const l = [], c = s && t.animationState && t.animationState.getState()[s];
-  for (const f in a) {
-    const d = t.getValue(f, (h = t.latestValues[f]) != null ? h : null), p = a[f];
-    if (p === void 0 || c && Du(c, f))
+  for (const d in a) {
+    const f = t.getValue(d, (h = t.latestValues[d]) != null ? h : null), p = a[d];
+    if (p === void 0 || c && Ru(c, d))
       continue;
     const m = g({
       delay: n
-    }, hn(r || {}, f)), y = d.get();
-    if (y !== void 0 && !d.isAnimating && !Array.isArray(p) && p === y && !m.velocity)
+    }, hn(r || {}, d)), y = f.get();
+    if (y !== void 0 && !f.isAnimating && !Array.isArray(p) && p === y && !m.velocity)
       continue;
     let v = !1;
     if (window.MotionHandoffAnimation) {
-      const T = Qs(t);
+      const T = to(t);
       if (T) {
-        const w = window.MotionHandoffAnimation(T, f, C);
-        w !== null && (m.startTime = w, v = !0);
+        const S = window.MotionHandoffAnimation(T, d, C);
+        S !== null && (m.startTime = S, v = !0);
       }
     }
-    Pl(t, f), d.start(bn(f, d, p, t.shouldReduceMotion && js.has(f) ? { type: !1 } : m, t, v));
-    const x = d.animation;
-    x && l.push(x);
+    El(t, d), f.start(xn(d, f, p, t.shouldReduceMotion && js.has(d) ? { type: !1 } : m, t, v));
+    const w = f.animation;
+    w && l.push(w);
   }
   return o && Promise.all(l).then(() => {
     C.update(() => {
-      o && wl(t, o);
+      o && Al(t, o);
     });
   }), l;
 }
-function Lu(t, e) {
+function Bu(t, e) {
   return t in e;
 }
-class Bu extends Os {
+class ku extends Is {
   constructor() {
     super(...arguments), this.type = "object";
   }
   readValueFromInstance(e, n) {
-    if (Lu(n, e)) {
+    if (Bu(n, e)) {
       const i = e[n];
       if (typeof i == "string" || typeof i == "number")
         return i;
@@ -3148,13 +3148,13 @@ class Bu extends Os {
 function bo(t) {
   return typeof t == "object" && t !== null;
 }
-function xn(t) {
+function bn(t) {
   return bo(t) && "ownerSVGElement" in t;
 }
-function xo(t) {
-  return xn(t) && t.tagName === "svg";
+function To(t) {
+  return bn(t) && t.tagName === "svg";
 }
-function ku(t) {
+function Fu(t) {
   const e = {
     presenceContext: null,
     props: {},
@@ -3168,10 +3168,10 @@ function ku(t) {
       },
       latestValues: {}
     }
-  }, n = xn(t) && !xo(t) ? new zs(e) : new Ws(e);
+  }, n = bn(t) && !To(t) ? new Hs(e) : new Gs(e);
   n.mount(t), ut.set(t, n);
 }
-function Fu(t) {
+function Ou(t) {
   const e = {
     presenceContext: null,
     props: {},
@@ -3181,41 +3181,41 @@ function Fu(t) {
       },
       latestValues: {}
     }
-  }, n = new Bu(e);
+  }, n = new ku(e);
   n.mount(t), ut.set(t, n);
 }
-function To(t, e, n) {
+function So(t, e, n) {
   const i = L(t) ? t : gt(t);
-  return i.start(bn("", i, e, n)), i.animation;
+  return i.start(xn("", i, e, n)), i.animation;
 }
-function Ou(t, e) {
+function Iu(t, e) {
   return L(t) || typeof t == "number" || typeof t == "string" && !an(e);
 }
-function So(t, e, n, i) {
+function wo(t, e, n, i) {
   const s = [];
-  if (Ou(t, e))
-    s.push(To(t, an(e) && e.default || e, n && (n.default || n)));
+  if (Iu(t, e))
+    s.push(So(t, an(e) && e.default || e, n && (n.default || n)));
   else {
-    const r = Hs(t, e, i), o = r.length;
+    const r = Ys(t, e, i), o = r.length;
     q(!!o, "No valid elements provided.", "no-valid-elements");
     for (let a = 0; a < o; a++) {
       const l = r[a];
       q(l !== null, "You're trying to perform an animation on null. Ensure that selectors are correctly finding elements and refs are correctly hydrated.", "animate-null");
-      const c = l instanceof Element ? ku : Fu;
+      const c = l instanceof Element ? Fu : Ou;
       ut.has(l) || c(l);
       const u = ut.get(l), h = g({}, n);
-      "delay" in h && typeof h.delay == "function" && (h.delay = h.delay(a, o)), s.push(...Ru(u, E(g({}, e), { transition: h }), {}));
+      "delay" in h && typeof h.delay == "function" && (h.delay = h.delay(a, o)), s.push(...Lu(u, E(g({}, e), { transition: h }), {}));
     }
   }
   return s;
 }
 function ju(t, e, n) {
   const i = [];
-  return pl(t, e, n, { spring: Ot }).forEach(({ keyframes: r, transition: o }, a) => {
-    i.push(...So(a, r, o));
+  return ml(t, e, n, { spring: Ft }).forEach(({ keyframes: r, transition: o }, a) => {
+    i.push(...wo(a, r, o));
   }), i;
 }
-class Iu {
+class _u {
   constructor(e) {
     this.stop = () => this.runAll("stop"), this.animations = e.filter(Boolean);
   }
@@ -3288,31 +3288,31 @@ function fi(t, e) {
   }
   return n;
 }
-class _u extends Iu {
+class Uu extends _u {
   then(e, n) {
     return this.finished.finally(e).then(() => {
     });
   }
 }
-function Uu(t) {
+function Nu(t) {
   return Array.isArray(t) && t.some(Array.isArray);
 }
-function Nu(t) {
+function $u(t) {
   function e(n, i, s) {
     let r = [], o;
-    if (Uu(n))
+    if (Nu(n))
       r = ju(n, i, t);
     else {
       const l = s || {}, { onComplete: c } = l, u = U(l, ["onComplete"]);
-      typeof c == "function" && (o = c), r = So(n, i, u, t);
+      typeof c == "function" && (o = c), r = wo(n, i, u, t);
     }
-    const a = new _u(r);
+    const a = new Uu(r);
     return o && a.finished.then(o), a;
   }
   return e;
 }
-const $u = Nu(), Ku = ["initial", "animate", "whileInView", "whileHover", "whilePress", "whileDrag", "whileFocus", "exit"];
-class Wu extends tt {
+const Ku = $u(), Wu = ["initial", "animate", "whileInView", "whileHover", "whilePress", "whileDrag", "whileFocus", "exit"];
+class Gu extends tt {
   constructor(e) {
     var n, i;
     super(e), this.animateUpdates = ({
@@ -3323,7 +3323,7 @@ class Wu extends tt {
       isExit: l
     } = {}) => {
       const { reducedMotion: c } = this.state.options.motionConfig;
-      this.state.visualElement.shouldReduceMotion = c === "always" || c === "user" && !!ee.current;
+      this.state.visualElement.shouldReduceMotion = c === "always" || c === "user" && !!ne.current;
       const u = this.state.target;
       this.state.target = g({}, this.state.baseTarget);
       let h = {};
@@ -3332,15 +3332,15 @@ class Wu extends tt {
         directAnimate: r,
         directTransition: o
       }), this.state.finalTransition = h;
-      const f = this.createAnimationFactories(u, h, a), { getChildAnimations: d } = this.setupChildAnimations(h, this.state.activeStates);
+      const d = this.createAnimationFactories(u, h, a), { getChildAnimations: f } = this.setupChildAnimations(h, this.state.activeStates);
       return this.executeAnimations({
-        factories: f,
-        getChildAnimations: d,
+        factories: d,
+        getChildAnimations: f,
         transition: h,
         controlActiveState: s,
         isExit: l
       });
-    }, this.state.visualElement = sl(this.state.options.as, {
+    }, this.state.visualElement = ol(this.state.options.as, {
       presenceContext: null,
       parent: (n = this.state.parent) == null ? void 0 : n.visualElement,
       props: E(g({}, this.state.options), {
@@ -3371,18 +3371,18 @@ class Wu extends tt {
     isExit: r = !1
   }) {
     const o = () => Promise.all(e.map((h) => h()).filter(Boolean)), a = g({}, this.state.target), l = this.state.element, c = (h) => {
-      var f, d;
-      r && (this.state.isExiting = !0), l.dispatchEvent(In("motionstart", a)), (d = (f = this.state.options).onAnimationStart) == null || d.call(f, a), h.then(() => {
+      var d, f;
+      r && (this.state.isExiting = !0), l.dispatchEvent(jn("motionstart", a)), (f = (d = this.state.options).onAnimationStart) == null || f.call(d, a), h.then(() => {
         var p, m, y, v;
         if (r) {
           this.state.isExiting = !1;
-          const x = this.state.options.animatePresenceContext;
-          if (x != null && x.onMotionExitComplete && this.state.presenceContainer) {
-            const T = this.state, w = T.visualElement.projection;
-            (p = T.options) != null && p.layoutId && ((m = w.currentAnimation) == null ? void 0 : m.state) === "running" && !T.options.exit || x.onMotionExitComplete(T.presenceContainer, T);
+          const w = this.state.options.animatePresenceContext;
+          if (w != null && w.onMotionExitComplete && this.state.presenceContainer) {
+            const T = this.state, S = T.visualElement.projection;
+            (p = T.options) != null && p.layoutId && ((m = S.currentAnimation) == null ? void 0 : m.state) === "running" && !T.options.exit || w.onMotionExitComplete(T.presenceContainer, T);
           }
         }
-        l.dispatchEvent(In("motioncomplete", a, r)), (v = (y = this.state.options).onAnimationComplete) == null || v.call(y, a);
+        l.dispatchEvent(jn("motioncomplete", a, r)), (v = (y = this.state.options).onAnimationComplete) == null || v.call(y, a);
       }).catch(_);
     }, u = () => {
       const h = i != null && i.when ? (i.when === "beforeChildren" ? o() : n()).then(() => i.when === "beforeChildren" ? n() : o()) : Promise.all([o(), n()]);
@@ -3398,12 +3398,12 @@ class Wu extends tt {
     const s = this.state.visualElement;
     if (!((i = s.variantChildren) != null && i.size) || !n)
       return { getChildAnimations: () => Promise.resolve() };
-    const { staggerChildren: r = 0, staggerDirection: o = 1, delayChildren: a = 0 } = e || {}, l = s.variantChildren.size, c = (l - 1) * r, u = typeof a == "function", h = u ? (d) => a(d, l) : o === 1 ? (d = 0) => d * r : (d = 0) => c - d * r, f = Array.from(s.variantChildren).map((d, p) => d.state.animateUpdates({
+    const { staggerChildren: r = 0, staggerDirection: o = 1, delayChildren: a = 0 } = e || {}, l = s.variantChildren.size, c = (l - 1) * r, u = typeof a == "function", h = u ? (f) => a(f, l) : o === 1 ? (f = 0) => f * r : (f = 0) => c - f * r, d = Array.from(s.variantChildren).map((f, p) => f.state.animateUpdates({
       controlActiveState: n,
       controlDelay: (u ? 0 : a) + h(p)
     }));
     return {
-      getChildAnimations: () => Promise.all(f.map((d) => d()))
+      getChildAnimations: () => Promise.all(d.map((f) => f()))
     };
   }
   createAnimationFactories(e, n, i) {
@@ -3411,13 +3411,13 @@ class Wu extends tt {
     return Object.keys(this.state.target).forEach((r) => {
       var l;
       var o;
-      if (!Ir(e[r], this.state.target[r]))
+      if (!_r(e[r], this.state.target[r]))
         return;
-      (l = (o = this.state.baseTarget)[r]) != null || (o[r] = na.get(this.state.element, r));
-      const a = this.state.target[r] === "none" && te(Nn[r]) ? Nn[r] : this.state.target[r];
+      (l = (o = this.state.baseTarget)[r]) != null || (o[r] = ia.get(this.state.element, r));
+      const a = this.state.target[r] === "none" && ee(Nn[r]) ? Nn[r] : this.state.target[r];
       s.push(() => {
         var c;
-        return $u(
+        return Ku(
           this.state.element,
           { [r]: a },
           E(g({}, (n == null ? void 0 : n[r]) || n), {
@@ -3434,18 +3434,18 @@ class Wu extends tt {
   }) {
     let s = this.state.options.transition, r = {};
     const { variants: o, custom: a, transition: l, animatePresenceContext: c } = this.state.options, u = a != null ? a : c == null ? void 0 : c.custom;
-    return this.state.activeStates = g(g({}, this.state.activeStates), e), Ku.forEach((h) => {
+    return this.state.activeStates = g(g({}, this.state.activeStates), e), Wu.forEach((h) => {
       if (!this.state.activeStates[h] || On(this.state.options[h]))
         return;
-      const f = this.state.options[h];
-      let d = te(f) ? Dt(f, o, u) : void 0;
+      const d = this.state.options[h];
+      let f = ee(d) ? Mt(d, o, u) : void 0;
       if (this.state.visualElement.isVariantNode) {
-        const p = Dt(this.state.context[h], o, u);
-        d = Object.assign(p ? p || {} : r, d);
+        const p = Mt(this.state.context[h], o, u);
+        f = Object.assign(p ? p || {} : r, f);
       }
-      d && (h !== "initial" && (s = d.transition || this.state.options.transition || {}), r = Object.assign(r, d));
-    }), n && (r = Dt(n, o, u), s = r.transition || i || l), Object.entries(r).forEach(([h, f]) => {
-      h !== "transition" && (this.state.target[h] = f);
+      f && (h !== "initial" && (s = f.transition || this.state.options.transition || {}), r = Object.assign(r, f));
+    }), n && (r = Mt(n, o, u), s = r.transition || i || l), Object.entries(r).forEach(([h, d]) => {
+      h !== "transition" && (this.state.target[h] = d);
     }), s;
   }
   /**
@@ -3454,13 +3454,13 @@ class Wu extends tt {
   mount() {
     var e, n;
     const { element: i } = this.state;
-    Ts.set(i, this.state), ut.get(i) || (this.state.visualElement.mount(i), ut.set(i, this.state.visualElement)), this.state.visualElement.state = this.state, this.updateAnimationControlsSubscription();
+    Ss.set(i, this.state), ut.get(i) || (this.state.visualElement.mount(i), ut.set(i, this.state.visualElement)), this.state.visualElement.state = this.state, this.updateAnimationControlsSubscription();
     const s = this.state.visualElement, r = s.parent;
     if (s.enteringChildren = void 0, (e = this.state.parent) != null && e.isMounted() && !s.isControllingVariants && ((n = r == null ? void 0 : r.enteringChildren) != null && n.has(s))) {
       const { delayChildren: o } = this.state.parent.finalTransition || {};
       this.animateUpdates({
         controlActiveState: this.state.parent.activeStates,
-        controlDelay: ol(r.enteringChildren, s, o)
+        controlDelay: rl(r.enteringChildren, s, o)
       })();
     }
   }
@@ -3473,17 +3473,17 @@ class Wu extends tt {
     (e = this.unmountControls) == null || e.call(this);
   }
 }
-function Gu(t) {
+function zu(t) {
   return bo(t) && "offsetHeight" in t;
 }
-const zu = {
+const Hu = {
   y: !1
 };
-function Hu() {
-  return zu.y;
+function Yu() {
+  return Hu.y;
 }
-const wo = (t, e) => e ? t === e ? !0 : wo(t, e.parentElement) : !1, Yu = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1;
-function Ao(t, e) {
+const Ao = (t, e) => e ? t === e ? !0 : Ao(t, e.parentElement) : !1, Xu = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1;
+function Po(t, e) {
   const n = ln(t), i = new AbortController(), s = E(g({
     passive: !0
   }, e), {
@@ -3491,17 +3491,17 @@ function Ao(t, e) {
   });
   return [n, s, () => i.abort()];
 }
-const Xu = /* @__PURE__ */ new Set([
+const qu = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function qu(t) {
-  return Xu.has(t.tagName) || t.isContentEditable === !0;
+function Zu(t) {
+  return qu.has(t.tagName) || t.isContentEditable === !0;
 }
-const Zt = /* @__PURE__ */ new WeakSet();
+const Jt = /* @__PURE__ */ new WeakSet();
 function di(t) {
   return (e) => {
     e.key === "Enter" && t(e);
@@ -3510,12 +3510,12 @@ function di(t) {
 function we(t, e) {
   t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
-const Zu = (t, e) => {
+const Ju = (t, e) => {
   const n = t.currentTarget;
   if (!n)
     return;
   const i = di(() => {
-    if (Zt.has(n))
+    if (Jt.has(n))
       return;
     we(n, "down");
     const s = di(() => {
@@ -3526,28 +3526,28 @@ const Zu = (t, e) => {
   n.addEventListener("keydown", i, e), n.addEventListener("blur", () => n.removeEventListener("keydown", i), e);
 };
 function pi(t) {
-  return Yu(t) && !0;
+  return Xu(t) && !0;
 }
-function Ju(t, e, n = {}) {
-  const [i, s, r] = Ao(t, n), o = (a) => {
+function Qu(t, e, n = {}) {
+  const [i, s, r] = Po(t, n), o = (a) => {
     const l = a.currentTarget;
     if (!pi(a))
       return;
-    Zt.add(l);
-    const c = e(l, a), u = (d, p) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), Zt.has(l) && Zt.delete(l), pi(d) && typeof c == "function" && c(d, { success: p });
-    }, h = (d) => {
-      u(d, l === window || l === document || n.useGlobalTarget || wo(l, d.target));
-    }, f = (d) => {
-      u(d, !1);
+    Jt.add(l);
+    const c = e(l, a), u = (f, p) => {
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", d), Jt.has(l) && Jt.delete(l), pi(f) && typeof c == "function" && c(f, { success: p });
+    }, h = (f) => {
+      u(f, l === window || l === document || n.useGlobalTarget || Ao(l, f.target));
+    }, d = (f) => {
+      u(f, !1);
     };
-    window.addEventListener("pointerup", h, s), window.addEventListener("pointercancel", f, s);
+    window.addEventListener("pointerup", h, s), window.addEventListener("pointercancel", d, s);
   };
   return i.forEach((a) => {
-    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, s), Gu(a) && (a.addEventListener("focus", (c) => Zu(c, s)), !qu(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, s), zu(a) && (a.addEventListener("focus", (c) => Ju(c, s)), !Zu(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), r;
 }
-function Po(t) {
+function Eo(t) {
   return {
     point: {
       x: t.pageX,
@@ -3559,9 +3559,9 @@ function mi(t, e, n) {
   const i = t.options;
   i.whilePress && t.setActive("whilePress", n === "Start");
   const s = `onPress${n === "End" ? "" : n}`, r = i[s];
-  r && C.postRender(() => r(e, Po(e)));
+  r && C.postRender(() => r(e, Eo(e)));
 }
-class Qu extends tt {
+class tc extends tt {
   isActive() {
     const { whilePress: e, onPress: n, onPressCancel: i, onPressStart: s } = this.state.options;
     return !!(e || n || i || s);
@@ -3578,7 +3578,7 @@ class Qu extends tt {
   }
   register() {
     const e = this.state.element;
-    !e || !this.isActive() || (this.unmount(), this.unmount = Ju(
+    !e || !this.isActive() || (this.unmount(), this.unmount = Qu(
       e,
       (n, i) => (mi(this.state, i, "Start"), (s, { success: r }) => mi(
         this.state,
@@ -3590,10 +3590,10 @@ class Qu extends tt {
   }
 }
 function gi(t) {
-  return !(t.pointerType === "touch" || Hu());
+  return !(t.pointerType === "touch" || Yu());
 }
-function tc(t, e, n = {}) {
-  const [i, s, r] = Ao(t, n), o = (a) => {
+function ec(t, e, n = {}) {
+  const [i, s, r] = Po(t, n), o = (a) => {
     if (!gi(a))
       return;
     const { target: l } = a, c = e(l, a);
@@ -3612,9 +3612,9 @@ function yi(t, e, n) {
   const i = t.options;
   i.whileHover && t.setActive("whileHover", n === "Start");
   const s = `onHover${n}`, r = i[s];
-  r && C.postRender(() => r(e, Po(e)));
+  r && C.postRender(() => r(e, Eo(e)));
 }
-class ec extends tt {
+class nc extends tt {
   isActive() {
     const { whileHover: e, onHoverStart: n, onHoverEnd: i } = this.state.options;
     return !!(e || n || i);
@@ -3631,7 +3631,7 @@ class ec extends tt {
   }
   register() {
     const e = this.state.element;
-    !e || !this.isActive() || (this.unmount(), this.unmount = tc(
+    !e || !this.isActive() || (this.unmount(), this.unmount = ec(
       e,
       (n, i) => (yi(this.state, i, "Start"), (s) => {
         yi(this.state, s, "End");
@@ -3639,24 +3639,24 @@ class ec extends tt {
     ));
   }
 }
-const nc = {
+const ic = {
   some: 0,
   all: 1
 };
-function ic(t, e, { root: n, margin: i, amount: s = "some" } = {}) {
+function sc(t, e, { root: n, margin: i, amount: s = "some" } = {}) {
   const r = ln(t), o = /* @__PURE__ */ new WeakMap(), a = (c) => {
     c.forEach((u) => {
       const h = o.get(u.target);
       if (u.isIntersecting !== !!h)
         if (u.isIntersecting) {
-          const f = e(u.target, u);
-          typeof f == "function" ? o.set(u.target, f) : l.unobserve(u.target);
+          const d = e(u.target, u);
+          typeof d == "function" ? o.set(u.target, d) : l.unobserve(u.target);
         } else typeof h == "function" && (h(u), o.delete(u.target));
     });
   }, l = new IntersectionObserver(a, {
     root: n,
     rootMargin: i,
-    threshold: typeof s == "number" ? s : nc[s]
+    threshold: typeof s == "number" ? s : ic[s]
   });
   return r.forEach((c) => l.observe(c)), () => l.disconnect();
 }
@@ -3666,7 +3666,7 @@ function vi(t, e, n) {
   const s = `onViewport${n}`, r = i[s];
   r && C.postRender(() => r(e));
 }
-class sc extends tt {
+class oc extends tt {
   isActive() {
     const { whileInView: e, onViewportEnter: n, onViewportLeave: i } = this.state.options;
     return !!(e || n || i);
@@ -3680,7 +3680,7 @@ class sc extends tt {
       return;
     this.unmount();
     const s = this.state.options.inViewOptions || {}, { once: n } = s, i = U(s, ["once"]);
-    this.unmount = ic(
+    this.unmount = sc(
       e,
       (r, o) => {
         if (vi(this.state, o, "Enter"), !n)
@@ -3697,17 +3697,17 @@ class sc extends tt {
   update() {
     const { props: e, prevProps: n } = this.state.visualElement;
     ["amount", "margin", "root"].some(
-      oc(e, n)
+      rc(e, n)
     ) && this.startObserver();
   }
 }
-function oc({ inViewOptions: t = {} }, { inViewOptions: e = {} } = {}) {
+function rc({ inViewOptions: t = {} }, { inViewOptions: e = {} } = {}) {
   return (n) => t[n] !== e[n];
 }
-function se(t, e, n, i = { passive: !0 }) {
+function oe(t, e, n, i = { passive: !0 }) {
   return t.addEventListener(e, n, i), () => t.removeEventListener(e, n);
 }
-class rc extends tt {
+class ac extends tt {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -3724,14 +3724,14 @@ class rc extends tt {
     this.isActive && (this.state.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = Ut(
-      se(this.state.element, "focus", () => this.onFocus()),
-      se(this.state.element, "blur", () => this.onBlur())
+    this.unmount = _t(
+      oe(this.state.element, "focus", () => this.onFocus()),
+      oe(this.state.element, "blur", () => this.onBlur())
     );
   }
 }
-const ac = (t, e) => t.depth - e.depth;
-class lc {
+const lc = (t, e) => t.depth - e.depth;
+class uc {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
@@ -3739,33 +3739,33 @@ class lc {
     en(this.children, e), this.isDirty = !0;
   }
   remove(e) {
-    ue(this.children, e), this.isDirty = !0;
+    ce(this.children, e), this.isDirty = !0;
   }
   forEach(e) {
-    this.isDirty && this.children.sort(ac), this.isDirty = !1, this.children.forEach(e);
+    this.isDirty && this.children.sort(lc), this.isDirty = !1, this.children.forEach(e);
   }
 }
 function Ae(t) {
   return L(t) ? t.get() : t;
 }
-const Eo = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], uc = Eo.length, bi = (t) => typeof t == "string" ? parseFloat(t) : t, xi = (t) => typeof t == "number" || b.test(t);
-function cc(t, e, n, i, s, r) {
+const Vo = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], cc = Vo.length, xi = (t) => typeof t == "string" ? parseFloat(t) : t, bi = (t) => typeof t == "number" || x.test(t);
+function hc(t, e, n, i, s, r) {
   var o, a, l, c;
-  s ? (t.opacity = M(0, (o = n.opacity) != null ? o : 1, hc(i)), t.opacityExit = M((a = e.opacity) != null ? a : 1, 0, fc(i))) : r && (t.opacity = M((l = e.opacity) != null ? l : 1, (c = n.opacity) != null ? c : 1, i));
-  for (let u = 0; u < uc; u++) {
-    const h = `border${Eo[u]}Radius`;
-    let f = Ti(e, h), d = Ti(n, h);
-    if (f === void 0 && d === void 0)
+  s ? (t.opacity = M(0, (o = n.opacity) != null ? o : 1, fc(i)), t.opacityExit = M((a = e.opacity) != null ? a : 1, 0, dc(i))) : r && (t.opacity = M((l = e.opacity) != null ? l : 1, (c = n.opacity) != null ? c : 1, i));
+  for (let u = 0; u < cc; u++) {
+    const h = `border${Vo[u]}Radius`;
+    let d = Ti(e, h), f = Ti(n, h);
+    if (d === void 0 && f === void 0)
       continue;
-    f || (f = 0), d || (d = 0), f === 0 || d === 0 || xi(f) === xi(d) ? (t[h] = Math.max(M(bi(f), bi(d), i), 0), (Y.test(d) || Y.test(f)) && (t[h] += "%")) : t[h] = d;
+    d || (d = 0), f || (f = 0), d === 0 || f === 0 || bi(d) === bi(f) ? (t[h] = Math.max(M(xi(d), xi(f), i), 0), (Y.test(f) || Y.test(d)) && (t[h] += "%")) : t[h] = f;
   }
   (e.rotate || n.rotate) && (t.rotate = M(e.rotate || 0, n.rotate || 0, i));
 }
 function Ti(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const hc = /* @__PURE__ */ Vo(0, 0.5, ho), fc = /* @__PURE__ */ Vo(0.5, 0.95, _);
-function Vo(t, e, n) {
+const fc = /* @__PURE__ */ Co(0, 0.5, fo), dc = /* @__PURE__ */ Co(0.5, 0.95, _);
+function Co(t, e, n) {
   return (i) => i < t ? 0 : i > e ? 1 : n(/* @__PURE__ */ yt(t, e, i));
 }
 function Si(t, e) {
@@ -3784,29 +3784,29 @@ function ze({ scale: t, scaleX: e, scaleY: n }) {
   return !Pe(t) || !Pe(e) || !Pe(n);
 }
 function ot(t) {
-  return ze(t) || Co(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
+  return ze(t) || Mo(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
 }
-function Co(t) {
+function Mo(t) {
   return Ai(t.x) || Ai(t.y);
 }
 function Ai(t) {
   return t && t !== "0%";
 }
-function oe(t, e, n) {
+function re(t, e, n) {
   const i = t - n, s = e * i;
   return n + s;
 }
 function Pi(t, e, n, i, s) {
-  return s !== void 0 && (t = oe(t, s, i)), oe(t, n, i) + e;
+  return s !== void 0 && (t = re(t, s, i)), re(t, n, i) + e;
 }
 function He(t, e = 0, n = 1, i, s) {
   t.min = Pi(t.min, e, n, i, s), t.max = Pi(t.max, e, n, i, s);
 }
-function Mo(t, { x: e, y: n }) {
+function Do(t, { x: e, y: n }) {
   He(t.x, e.translate, e.scale, e.originPoint), He(t.y, n.translate, n.scale, n.originPoint);
 }
 const Ei = 0.999999999999, Vi = 1.0000000000001;
-function dc(t, e, n, i = !1) {
+function pc(t, e, n, i = !1) {
   const s = n.length;
   if (!s)
     return;
@@ -3818,7 +3818,7 @@ function dc(t, e, n, i = !1) {
     l && l.props.style && l.props.style.display === "contents" || (i && r.options.layoutScroll && r.scroll && r !== r.root && mt(t, {
       x: -r.scroll.offset.x,
       y: -r.scroll.offset.y
-    }), o && (e.x *= o.x.scale, e.y *= o.y.scale, Mo(t, o)), i && ot(r.latestValues) && mt(t, r.latestValues));
+    }), o && (e.x *= o.x.scale, e.y *= o.y.scale, Do(t, o)), i && ot(r.latestValues) && mt(t, r.latestValues));
   }
   e.x < Vi && e.x > Ei && (e.x = 1), e.y < Vi && e.y > Ei && (e.y = 1);
 }
@@ -3832,17 +3832,17 @@ function Ci(t, e, n, i, s = 0.5) {
 function mt(t, e) {
   Ci(t.x, e.x, e.scaleX, e.scale, e.originX), Ci(t.y, e.y, e.scaleY, e.scale, e.originY);
 }
-const Do = 1e-4, pc = 1 - Do, mc = 1 + Do, Ro = 0.01, gc = 0 - Ro, yc = 0 + Ro;
+const Ro = 1e-4, mc = 1 - Ro, gc = 1 + Ro, Lo = 0.01, yc = 0 - Lo, vc = 0 + Lo;
 function $(t) {
   return t.max - t.min;
 }
-function vc(t, e, n) {
+function xc(t, e, n) {
   return Math.abs(t - e) <= n;
 }
 function Mi(t, e, n, i = 0.5) {
-  t.origin = i, t.originPoint = M(e.min, e.max, t.origin), t.scale = $(n) / $(e), t.translate = M(n.min, n.max, t.origin) - t.originPoint, (t.scale >= pc && t.scale <= mc || isNaN(t.scale)) && (t.scale = 1), (t.translate >= gc && t.translate <= yc || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = i, t.originPoint = M(e.min, e.max, t.origin), t.scale = $(n) / $(e), t.translate = M(n.min, n.max, t.origin) - t.originPoint, (t.scale >= mc && t.scale <= gc || isNaN(t.scale)) && (t.scale = 1), (t.translate >= yc && t.translate <= vc || isNaN(t.translate)) && (t.translate = 0);
 }
-function Rt(t, e, n, i) {
+function Dt(t, e, n, i) {
   Mi(t.x, e.x, n.x, i ? i.originX : void 0), Mi(t.y, e.y, n.y, i ? i.originY : void 0);
 }
 function Di(t, e, n) {
@@ -3854,50 +3854,50 @@ function bc(t, e, n) {
 function Ri(t, e, n) {
   t.min = e.min - n.min, t.max = t.min + $(e);
 }
-function re(t, e, n) {
+function ae(t, e, n) {
   Ri(t.x, e.x, n.x), Ri(t.y, e.y, n.y);
 }
 function Li(t, e, n, i, s) {
-  return t -= e, t = oe(t, 1 / n, i), s !== void 0 && (t = oe(t, 1 / s, i)), t;
+  return t -= e, t = re(t, 1 / n, i), s !== void 0 && (t = re(t, 1 / s, i)), t;
 }
-function xc(t, e = 0, n = 1, i = 0.5, s, r = t, o = t) {
+function Tc(t, e = 0, n = 1, i = 0.5, s, r = t, o = t) {
   if (Y.test(e) && (e = parseFloat(e), e = M(o.min, o.max, e / 100) - o.min), typeof e != "number")
     return;
   let a = M(r.min, r.max, i);
   t === r && (a -= e), t.min = Li(t.min, e, n, a, s), t.max = Li(t.max, e, n, a, s);
 }
 function Bi(t, e, [n, i, s], r, o) {
-  xc(t, e[n], e[i], e[s], e.scale, r, o);
+  Tc(t, e[n], e[i], e[s], e.scale, r, o);
 }
-const Tc = ["x", "scaleX", "originX"], Sc = ["y", "scaleY", "originY"];
+const Sc = ["x", "scaleX", "originX"], wc = ["y", "scaleY", "originY"];
 function ki(t, e, n, i) {
-  Bi(t.x, e, Tc, n ? n.x : void 0, i ? i.x : void 0), Bi(t.y, e, Sc, n ? n.y : void 0, i ? i.y : void 0);
+  Bi(t.x, e, Sc, n ? n.x : void 0, i ? i.x : void 0), Bi(t.y, e, wc, n ? n.y : void 0, i ? i.y : void 0);
 }
 function Fi(t) {
   return t.translate === 0 && t.scale === 1;
 }
-function Lo(t) {
+function Bo(t) {
   return Fi(t.x) && Fi(t.y);
 }
 function Oi(t, e) {
   return t.min === e.min && t.max === e.max;
 }
-function wc(t, e) {
+function Ac(t, e) {
   return Oi(t.x, e.x) && Oi(t.y, e.y);
 }
-function ji(t, e) {
+function Ii(t, e) {
   return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
 }
-function Bo(t, e) {
-  return ji(t.x, e.x) && ji(t.y, e.y);
+function ko(t, e) {
+  return Ii(t.x, e.x) && Ii(t.y, e.y);
 }
-function Ii(t) {
+function ji(t) {
   return $(t.x) / $(t.y);
 }
 function _i(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
 }
-class Ac {
+class Pc {
   constructor() {
     this.members = [];
   }
@@ -3905,7 +3905,7 @@ class Ac {
     en(this.members, e), e.scheduleRender();
   }
   remove(e) {
-    if (ue(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
+    if (ce(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);
     }
@@ -3951,12 +3951,12 @@ class Ac {
     this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
   }
 }
-function Pc(t, e, n) {
+function Ec(t, e, n) {
   let i = "";
   const s = t.x.translate / e.x, r = t.y.translate / e.y, o = (n == null ? void 0 : n.z) || 0;
   if ((s || r || o) && (i = `translate3d(${s}px, ${r}px, ${o}px) `), (e.x !== 1 || e.y !== 1) && (i += `scale(${1 / e.x}, ${1 / e.y}) `), n) {
-    const { transformPerspective: c, rotate: u, rotateX: h, rotateY: f, skewX: d, skewY: p } = n;
-    c && (i = `perspective(${c}px) ${i}`), u && (i += `rotate(${u}deg) `), h && (i += `rotateX(${h}deg) `), f && (i += `rotateY(${f}deg) `), d && (i += `skewX(${d}deg) `), p && (i += `skewY(${p}deg) `);
+    const { transformPerspective: c, rotate: u, rotateX: h, rotateY: d, skewX: f, skewY: p } = n;
+    c && (i = `perspective(${c}px) ${i}`), u && (i += `rotate(${u}deg) `), h && (i += `rotateX(${h}deg) `), d && (i += `rotateY(${d}deg) `), f && (i += `skewX(${f}deg) `), p && (i += `skewY(${p}deg) `);
   }
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (i += `scale(${a}, ${l})`), i || "none";
@@ -3964,7 +3964,7 @@ function Pc(t, e, n) {
 function Ui(t) {
   return [t("x"), t("y")];
 }
-const Jt = {
+const Qt = {
   /**
    * Global flag as to whether the tree has animated since the last time
    * we resized the window
@@ -3975,37 +3975,37 @@ const Jt = {
    * update will be given a `data-projection-id` attribute.
    */
   hasEverUpdated: !1
-}, Ee = ["", "X", "Y", "Z"], Ec = 1e3;
-let Vc = 0;
+}, Ee = ["", "X", "Y", "Z"], Vc = 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 ko(t) {
+function Fo(t) {
   if (t.hasCheckedOptimisedAppear = !0, t.root === t)
     return;
   const { visualElement: e } = t.options;
   if (!e)
     return;
-  const n = Qs(e);
+  const n = to(e);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: s, layoutId: r } = t.options;
     window.MotionCancelOptimisedAnimation(n, "transform", C, !(s || r));
   }
   const { parent: i } = t;
-  i && !i.hasCheckedOptimisedAppear && ko(i);
+  i && !i.hasCheckedOptimisedAppear && Fo(i);
 }
-function Fo({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: i, resetTransform: s }) {
+function Oo({ attachResizeListener: t, defaultParent: e, measureScroll: n, checkIsScrollRoot: i, resetTransform: s }) {
   return class {
     constructor(o = {}, a = e == null ? void 0 : e()) {
-      this.id = Vc++, 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(Dc), this.nodes.forEach(kc), this.nodes.forEach(Fc), this.nodes.forEach(Rc);
+        this.projectionUpdateScheduled = !1, this.nodes.forEach(Rc), this.nodes.forEach(Fc), this.nodes.forEach(Oc), this.nodes.forEach(Lc);
       }, this.resolvedRelativeTargetAt = 0, this.linkedParentVersion = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = o, 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 lc());
+      this.root === this && (this.nodes = new uc());
     }
     addEventListener(o, a) {
       return this.eventHandlers.has(o) || this.eventHandlers.set(o, new nn()), this.eventHandlers.get(o).add(a);
@@ -4023,34 +4023,34 @@ function Fo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     mount(o) {
       if (this.instance)
         return;
-      this.isSVG = xn(o) && !xo(o), this.instance = o;
+      this.isSVG = bn(o) && !To(o), this.instance = o;
       const { layoutId: a, layout: l, visualElement: c } = this.options;
       if (c && !c.current && c.mount(o), 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;
-        const f = () => this.root.updateBlockedByResize = !1;
+        const d = () => this.root.updateBlockedByResize = !1;
         C.read(() => {
           h = window.innerWidth;
         }), t(o, () => {
-          const d = window.innerWidth;
-          d !== h && (h = d, this.root.updateBlockedByResize = !0, u && u(), u = br(f, 250), Jt.hasAnimatedSinceResize && (Jt.hasAnimatedSinceResize = !1, this.nodes.forEach(Ki)));
+          const f = window.innerWidth;
+          f !== h && (h = f, this.root.updateBlockedByResize = !0, u && u(), u = br(d, 250), Qt.hasAnimatedSinceResize && (Qt.hasAnimatedSinceResize = !1, this.nodes.forEach(Ki)));
         });
       }
-      a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || l) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: d }) => {
+      a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || l) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: h, hasRelativeLayoutChanged: d, layout: f }) => {
         if (this.isTreeAnimationBlocked()) {
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const p = this.options.transition || c.getDefaultTransition() || Uc, { onLayoutAnimationStart: m, onLayoutAnimationComplete: y } = c.getProps(), v = !this.targetLayout || !Bo(this.targetLayout, d), x = !h && f;
-        if (this.options.layoutRoot || this.resumeFrom || x || h && (v || !this.currentAnimation)) {
+        const p = this.options.transition || c.getDefaultTransition() || Nc, { onLayoutAnimationStart: m, onLayoutAnimationComplete: y } = c.getProps(), v = !this.targetLayout || !ko(this.targetLayout, f), w = !h && d;
+        if (this.options.layoutRoot || this.resumeFrom || w || h && (v || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const T = E(g({}, hn(p, "layout")), {
             onPlay: m,
             onComplete: y
           });
-          (c.shouldReduceMotion || this.options.layoutRoot) && (T.delay = 0, T.type = !1), this.startAnimation(T), this.setAnimationOrigin(u, x);
+          (c.shouldReduceMotion || this.options.layoutRoot) && (T.delay = 0, T.type = !1), this.startAnimation(T), this.setAnimationOrigin(u, w);
         } else
           h || Ki(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
-        this.targetLayout = d;
+        this.targetLayout = f;
       });
     }
     unmount() {
@@ -4073,7 +4073,7 @@ function Fo({ 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(Oc), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Ic), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: o } = this.options;
@@ -4084,7 +4084,7 @@ function Fo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.options.onExitComplete && this.options.onExitComplete();
         return;
       }
-      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && ko(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
+      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && Fo(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
         return;
       this.isLayoutDirty = !0;
       for (let u = 0; u < this.path.length; u++) {
@@ -4106,15 +4106,15 @@ function Fo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.nodes.forEach($i);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Bc), this.nodes.forEach(Cc), this.nodes.forEach(Mc)) : this.nodes.forEach($i), this.clearAllSnapshots();
-      const a = I.now();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(kc), this.nodes.forEach(Mc), this.nodes.forEach(Dc)) : this.nodes.forEach($i), this.clearAllSnapshots();
+      const a = j.now();
       F.delta = X(0, 1e3 / 60, a - F.timestamp), F.timestamp = a, F.isProcessing = !0, ye.update.process(F), ye.preRender.process(F), ye.render.process(F), F.isProcessing = !1;
     }
     didUpdate() {
-      this.updateScheduled || (this.updateScheduled = !0, Fs.read(this.scheduleUpdate));
+      this.updateScheduled || (this.updateScheduled = !0, Os.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(Lc), this.sharedNodes.forEach(jc);
+      this.nodes.forEach(Bc), this.sharedNodes.forEach(jc);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, C.preRender(this.updateProjection, !1, !0));
@@ -4157,13 +4157,13 @@ function Fo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     resetTransform() {
       if (!s)
         return;
-      const o = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !Lo(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
+      const o = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !Bo(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
       o && this.instance && (a || ot(this.latestValues) || u) && (s(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(o = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return o && (l = this.removeTransform(l)), Nc(l), {
+      return o && (l = this.removeTransform(l)), $c(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -4177,7 +4177,7 @@ function Fo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!a)
         return B();
       const l = a.measureViewportBox();
-      if (!(((o = this.scroll) == null ? void 0 : o.wasRoot) || this.path.some($c))) {
+      if (!(((o = this.scroll) == null ? void 0 : o.wasRoot) || this.path.some(Kc))) {
         const { scroll: u } = this.root;
         u && (Yt(l.x, u.offset.x), Yt(l.y, u.offset.y));
       }
@@ -4189,8 +4189,8 @@ function Fo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (W(l, o), (a = this.scroll) != null && a.wasRoot)
         return l;
       for (let c = 0; c < this.path.length; c++) {
-        const u = this.path[c], { scroll: h, options: f } = u;
-        u !== this.root && h && f.layoutScroll && (h.wasRoot && W(l, o), Yt(l.x, h.offset.x), Yt(l.y, h.offset.y));
+        const u = this.path[c], { scroll: h, options: d } = u;
+        u !== this.root && h && d.layoutScroll && (h.wasRoot && W(l, o), Yt(l.x, h.offset.x), Yt(l.y, h.offset.y));
       }
       return l;
     }
@@ -4240,22 +4240,22 @@ function Fo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const c = !!this.resumingFrom || this !== l;
       if (!(o || c && this.isSharedProjectionDirty || this.isProjectionDirty || (a = this.parent) != null && a.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
         return;
-      const { layout: h, layoutId: f } = this.options;
-      if (!this.layout || !(h || f))
+      const { layout: h, layoutId: d } = this.options;
+      if (!this.layout || !(h || d))
         return;
       this.resolvedRelativeTargetAt = F.timestamp;
-      const d = this.getClosestProjectingParent();
-      d && this.linkedParentVersion !== d.layoutVersion && !d.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (d && d.layout ? this.createRelativeTarget(d, this.layout.layoutBox, d.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = B(), this.targetWithTransforms = B()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), bc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : W(this.target, this.layout.layoutBox), Mo(this.target, this.targetDelta)) : W(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, d && !!d.resumingFrom == !!this.resumingFrom && !d.options.layoutScroll && d.target && this.animationProgress !== 1 ? this.createRelativeTarget(d, this.target, d.target) : this.relativeParent = this.relativeTarget = void 0));
+      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 = B(), this.targetWithTransforms = B()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), bc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : W(this.target, this.layout.layoutBox), Do(this.target, this.targetDelta)) : W(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 || ze(this.parent.latestValues) || Co(this.parent.latestValues)))
+      if (!(!this.parent || ze(this.parent.latestValues) || Mo(this.parent.latestValues)))
         return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
     }
     isProjecting() {
       return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
     }
     createRelativeTarget(o, a, l) {
-      this.relativeParent = o, this.linkedParentVersion = o.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = B(), this.relativeTargetOrigin = B(), re(this.relativeTargetOrigin, a, l), W(this.relativeTarget, this.relativeTargetOrigin);
+      this.relativeParent = o, this.linkedParentVersion = o.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = B(), this.relativeTargetOrigin = B(), ae(this.relativeTargetOrigin, a, l), W(this.relativeTarget, this.relativeTargetOrigin);
     }
     removeRelativeTarget() {
       this.relativeParent = this.relativeTarget = void 0;
@@ -4270,14 +4270,14 @@ function Fo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(u || h))
         return;
       W(this.layoutCorrected, this.layout.layoutBox);
-      const f = this.treeScale.x, d = this.treeScale.y;
-      dc(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox, a.targetWithTransforms = B());
+      const d = this.treeScale.x, f = this.treeScale.y;
+      pc(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox, a.targetWithTransforms = B());
       const { target: p } = a;
       if (!p) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
         return;
       }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (wi(this.prevProjectionDelta.x, this.projectionDelta.x), wi(this.prevProjectionDelta.y, this.projectionDelta.y)), Rt(this.projectionDelta, this.layoutCorrected, p, this.latestValues), (this.treeScale.x !== f || this.treeScale.y !== d || !_i(this.projectionDelta.x, this.prevProjectionDelta.x) || !_i(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p));
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (wi(this.prevProjectionDelta.x, this.projectionDelta.x), wi(this.prevProjectionDelta.y, this.projectionDelta.y)), Dt(this.projectionDelta, this.layoutCorrected, p, this.latestValues), (this.treeScale.x !== d || this.treeScale.y !== f || !_i(this.projectionDelta.x, this.prevProjectionDelta.x) || !_i(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p));
     }
     hide() {
       this.isVisible = !1;
@@ -4299,18 +4299,18 @@ function Fo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(o, a = !1) {
       const l = this.snapshot, c = l ? l.latestValues : {}, u = g({}, this.latestValues), h = dt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const f = B(), d = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, m = d !== p, y = this.getStack(), v = !y || y.members.length <= 1, x = !!(m && !v && this.options.crossfade === !0 && !this.path.some(_c));
+      const d = B(), f = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, m = f !== p, y = this.getStack(), v = !y || y.members.length <= 1, w = !!(m && !v && this.options.crossfade === !0 && !this.path.some(Uc));
       this.animationProgress = 0;
       let T;
-      this.mixTargetDelta = (w) => {
-        const S = w / 1e3;
-        Wi(h.x, o.x, S), Wi(h.y, o.y, S), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (re(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Ic(this.relativeTarget, this.relativeTargetOrigin, f, S), T && wc(this.relativeTarget, T) && (this.isProjectionDirty = !1), T || (T = B()), W(T, this.relativeTarget)), m && (this.animationValues = u, cc(u, c, this.latestValues, S, x, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = S;
+      this.mixTargetDelta = (S) => {
+        const b = S / 1e3;
+        Wi(h.x, o.x, b), Wi(h.y, o.y, b), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ae(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), _c(this.relativeTarget, this.relativeTargetOrigin, d, b), T && Ac(this.relativeTarget, T) && (this.isProjectionDirty = !1), T || (T = B()), W(T, this.relativeTarget)), m && (this.animationValues = u, hc(u, c, this.latestValues, b, w, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = b;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
       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 && (Q(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = C.update(() => {
-        Jt.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = gt(0)), this.currentAnimation = To(this.motionValue, [0, 1e3], E(g({}, o), {
+        Qt.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = gt(0)), this.currentAnimation = So(this.motionValue, [0, 1e3], E(g({}, o), {
           velocity: 0,
           isSync: !0,
           onUpdate: (u) => {
@@ -4330,24 +4330,24 @@ function Fo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       o && o.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
     }
     finishAnimation() {
-      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(Ec), this.currentAnimation.stop()), this.completeAnimation();
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(Vc), this.currentAnimation.stop()), this.completeAnimation();
     }
     applyTransformsToTarget() {
       const o = this.getLead();
       let { targetWithTransforms: a, target: l, layout: c, latestValues: u } = o;
       if (!(!a || !l || !c)) {
-        if (this !== o && this.layout && c && Oo(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
+        if (this !== o && this.layout && c && Io(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
           l = this.target || B();
           const h = $(this.layout.layoutBox.x);
           l.x.min = o.target.x.min, l.x.max = l.x.min + h;
-          const f = $(this.layout.layoutBox.y);
-          l.y.min = o.target.y.min, l.y.max = l.y.min + f;
+          const d = $(this.layout.layoutBox.y);
+          l.y.min = o.target.y.min, l.y.max = l.y.min + d;
         }
-        W(a, l), mt(a, u), Rt(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
+        W(a, l), mt(a, u), Dt(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
       }
     }
     registerSharedNode(o, a) {
-      this.sharedNodes.has(o) || this.sharedNodes.set(o, new Ac()), this.sharedNodes.get(o).add(a);
+      this.sharedNodes.has(o) || this.sharedNodes.set(o, new Pc()), this.sharedNodes.get(o).add(a);
       const c = a.options.initialPromotionConfig;
       a.promote({
         transition: c ? c.transition : void 0,
@@ -4419,20 +4419,20 @@ function Fo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       o.visibility = "";
       const u = c.animationValues || c.latestValues;
       this.applyTransformsToTarget();
-      let h = Pc(this.projectionDeltaWithTransform, this.treeScale, u);
+      let h = Ec(this.projectionDeltaWithTransform, this.treeScale, u);
       l && (h = l(u, h)), o.transform = h;
-      const { x: f, y: d } = this.projectionDelta;
-      o.transformOrigin = `${f.origin * 100}% ${d.origin * 100}% 0`, c.animationValues ? o.opacity = c === this ? (m = (p = u.opacity) != null ? p : this.latestValues.opacity) != null ? m : 1 : this.preserveOpacity ? this.latestValues.opacity : u.opacityExit : o.opacity = c === this ? u.opacity !== void 0 ? u.opacity : "" : u.opacityExit !== void 0 ? u.opacityExit : 0;
-      for (const y in Ft) {
+      const { x: d, y: f } = this.projectionDelta;
+      o.transformOrigin = `${d.origin * 100}% ${f.origin * 100}% 0`, c.animationValues ? o.opacity = c === this ? (m = (p = u.opacity) != null ? p : this.latestValues.opacity) != null ? m : 1 : this.preserveOpacity ? this.latestValues.opacity : u.opacityExit : o.opacity = c === this ? u.opacity !== void 0 ? u.opacity : "" : u.opacityExit !== void 0 ? u.opacityExit : 0;
+      for (const y in kt) {
         if (u[y] === void 0)
           continue;
-        const { correct: v, applyTo: x, isCSSVariable: T } = Ft[y], w = h === "none" ? u[y] : v(u[y], c);
-        if (x) {
-          const S = x.length;
-          for (let A = 0; A < S; A++)
-            o[x[A]] = w;
+        const { correct: v, applyTo: w, isCSSVariable: T } = kt[y], S = h === "none" ? u[y] : v(u[y], c);
+        if (w) {
+          const b = w.length;
+          for (let A = 0; A < b; A++)
+            o[w[A]] = S;
         } else
-          T ? this.options.visualElement.renderState.vars[y] = w : o[y] = w;
+          T ? this.options.visualElement.renderState.vars[y] = S : o[y] = S;
       }
       this.options.layoutId && (o.pointerEvents = c === this ? Ae(a == null ? void 0 : a.pointerEvents) || "" : "none");
     }
@@ -4448,36 +4448,36 @@ function Fo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
   };
 }
-function Cc(t) {
+function Mc(t) {
   t.updateLayout();
 }
-function Mc(t) {
+function Dc(t) {
   var e;
   const n = ((e = t.resumeFrom) == null ? void 0 : e.snapshot) || t.snapshot;
   if (t.isLead() && t.layout && n && t.hasListeners("didUpdate")) {
     const { layoutBox: i, measuredBox: s } = t.layout, { animationType: r } = t.options, o = n.source !== t.layout.source;
     r === "size" ? Ui((h) => {
-      const f = o ? n.measuredBox[h] : n.layoutBox[h], d = $(f);
-      f.min = i[h].min, f.max = f.min + d;
-    }) : Oo(r, n.layoutBox, i) && Ui((h) => {
-      const f = o ? n.measuredBox[h] : n.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 d = o ? n.measuredBox[h] : n.layoutBox[h], f = $(d);
+      d.min = i[h].min, d.max = d.min + f;
+    }) : Io(r, n.layoutBox, i) && Ui((h) => {
+      const d = o ? n.measuredBox[h] : n.layoutBox[h], f = $(i[h]);
+      d.max = d.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + f);
     });
     const a = dt();
-    Rt(a, i, n.layoutBox);
+    Dt(a, i, n.layoutBox);
     const l = dt();
-    o ? Rt(l, t.applyTransform(s, !0), n.measuredBox) : Rt(l, i, n.layoutBox);
-    const c = !Lo(a);
+    o ? Dt(l, t.applyTransform(s, !0), n.measuredBox) : Dt(l, i, n.layoutBox);
+    const c = !Bo(a);
     let u = !1;
     if (!t.resumeFrom) {
       const h = t.getClosestProjectingParent();
       if (h && !h.resumeFrom) {
-        const { snapshot: f, layout: d } = h;
-        if (f && d) {
+        const { snapshot: d, layout: f } = h;
+        if (d && f) {
           const p = B();
-          re(p, n.layoutBox, f.layoutBox);
+          ae(p, n.layoutBox, d.layoutBox);
           const m = B();
-          re(m, i, d.layoutBox), Bo(p, m) || (u = !0), h.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = p, t.relativeParent = h);
+          ae(m, i, f.layoutBox), ko(p, m) || (u = !0), h.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = p, t.relativeParent = h);
         }
       }
     }
@@ -4495,13 +4495,13 @@ function Mc(t) {
   }
   t.options.transition = void 0;
 }
-function Dc(t) {
+function Rc(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 Rc(t) {
+function Lc(t) {
   t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
 }
-function Lc(t) {
+function Bc(t) {
   t.clearSnapshot();
 }
 function Ni(t) {
@@ -4510,20 +4510,20 @@ function Ni(t) {
 function $i(t) {
   t.isLayoutDirty = !1;
 }
-function Bc(t) {
+function kc(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
 function Ki(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
-function kc(t) {
+function Fc(t) {
   t.resolveTargetDelta();
 }
-function Fc(t) {
+function Oc(t) {
   t.calcProjection();
 }
-function Oc(t) {
+function Ic(t) {
   t.resetSkewAndRotation();
 }
 function jc(t) {
@@ -4535,34 +4535,34 @@ function Wi(t, e, n) {
 function Gi(t, e, n, i) {
   t.min = M(e.min, n.min, i), t.max = M(e.max, n.max, i);
 }
-function Ic(t, e, n, i) {
+function _c(t, e, n, i) {
   Gi(t.x, e.x, n.x, i), Gi(t.y, e.y, n.y, i);
 }
-function _c(t) {
+function Uc(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
 }
-const Uc = {
+const Nc = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
 }, zi = (t) => typeof navigator != "undefined" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Hi = zi("applewebkit/") && !zi("chrome/") ? Math.round : _;
 function Yi(t) {
   t.min = Hi(t.min), t.max = Hi(t.max);
 }
-function Nc(t) {
+function $c(t) {
   Yi(t.x), Yi(t.y);
 }
-function Oo(t, e, n) {
-  return t === "position" || t === "preserve-aspect" && !vc(Ii(e), Ii(n), 0.2);
+function Io(t, e, n) {
+  return t === "position" || t === "preserve-aspect" && !xc(ji(e), ji(n), 0.2);
 }
-function $c(t) {
+function Kc(t) {
   var e;
   return t !== t.root && ((e = t.scroll) == null ? void 0 : e.wasRoot);
 }
-function Kc(t, e, n, i = { passive: !0 }) {
+function Wc(t, e, n, i = { passive: !0 }) {
   return t.addEventListener(e, n, i), () => t.removeEventListener(e, n);
 }
-const Wc = Fo({
-  attachResizeListener: (t, e) => Kc(t, "resize", e),
+const Gc = Oo({
+  attachResizeListener: (t, e) => Wc(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
     y: document.documentElement.scrollTop || document.body.scrollTop
@@ -4570,14 +4570,14 @@ const Wc = Fo({
   checkIsScrollRoot: () => !0
 }), Ce = {
   current: void 0
-}, Gc = Fo({
+}, zc = Oo({
   measureScroll: (t) => ({
     x: t.scrollLeft,
     y: t.scrollTop
   }),
   defaultParent: () => {
     if (!Ce.current) {
-      const t = new Wc({});
+      const t = new Gc({});
       t.mount(window), t.setOptions({ layoutScroll: !0 }), Ce.current = t;
     }
     return Ce.current;
@@ -4591,7 +4591,7 @@ function jo(t) {
   if (t)
     return t.options.allowProjection !== !1 ? t.projection : jo(t.parent);
 }
-const Io = {
+const _o = {
   borderRadius: E(g({}, H), {
     applyTo: [
       "borderTopLeftRadius",
@@ -4604,18 +4604,18 @@ const Io = {
   borderTopRightRadius: H,
   borderBottomLeftRadius: H,
   borderBottomRightRadius: H,
-  boxShadow: ys
+  boxShadow: vs
 };
 function Vt(t) {
   return typeof t == "object" && t !== null && "nodeType" in t;
 }
-class zc extends tt {
+class Hc extends tt {
   constructor(e) {
-    super(e), bs(Io);
+    super(e), bs(_o);
   }
   initProjection() {
     const e = this.state.options;
-    this.state.visualElement.projection = new Gc(
+    this.state.visualElement.projection = new zc(
       this.state.visualElement.latestValues,
       e["data-framer-portal-id"] ? void 0 : jo(this.state.visualElement.parent)
     ), this.state.visualElement.projection.isPresent = !0, this.setOptions();
@@ -4649,7 +4649,7 @@ class zc extends tt {
     (e = this.state.visualElement.projection) == null || e.mount(this.state.element);
   }
 }
-function _o(t) {
+function Uo(t) {
   return t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1;
 }
 function Tn(t, e = "page") {
@@ -4660,13 +4660,13 @@ function Tn(t, e = "page") {
     }
   };
 }
-function Hc(t) {
-  return (e) => _o(e) && t(e, Tn(e));
+function Yc(t) {
+  return (e) => Uo(e) && t(e, Tn(e));
 }
-function Lt(t, e, n, i) {
-  return se(t, e, Hc(n), i);
+function Rt(t, e, n, i) {
+  return oe(t, e, Yc(n), i);
 }
-function Uo(t) {
+function No(t) {
   let e = null;
   return () => {
     const n = () => {
@@ -4675,8 +4675,8 @@ function Uo(t) {
     return e === null ? (e = t, n) : !1;
   };
 }
-const Xi = Uo("dragHorizontal"), qi = Uo("dragVertical");
-function Yc(t) {
+const Xi = No("dragHorizontal"), qi = No("dragVertical");
+function Xc(t) {
   let e = !1;
   if (t === "y")
     e = qi();
@@ -4693,11 +4693,11 @@ function Yc(t) {
 function Ye(t) {
   return t.max - t.min;
 }
-function Xc(t, { min: e, max: n }, i) {
+function qc(t, { min: e, max: n }, i) {
   return e !== void 0 && t < e ? t = i ? M(e, t, i.min) : Math.max(t, e) : n !== void 0 && t > n && (t = i ? M(n, t, i.max) : Math.min(t, n)), t;
 }
 const Xe = 0.35;
-function qc(t, { top: e, left: n, bottom: i, right: s }) {
+function Zc(t, { top: e, left: n, bottom: i, right: s }) {
   return {
     x: Zi(t.x, n, s),
     y: Zi(t.y, e, i)
@@ -4709,7 +4709,7 @@ function Zi(t, e, n) {
     max: n !== void 0 ? t.max + n - (t.max - t.min) : void 0
   };
 }
-function Zc(t = Xe) {
+function Jc(t = Xe) {
   return t === !1 ? t = 0 : t === !0 && (t = Xe), {
     x: Ji(t, "left", "right"),
     y: Ji(t, "top", "bottom")
@@ -4724,11 +4724,11 @@ function Ji(t, e, n) {
 function Qi(t, e) {
   return typeof t == "number" ? t : t[e] || 0;
 }
-function Jc(t, e) {
+function Qc(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;
 }
-function Qc(t, e) {
+function th(t, e) {
   return {
     x: ts(t.x, e.x),
     y: ts(t.y, e.y)
@@ -4738,63 +4738,63 @@ function ts(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 th(t, e) {
+function eh(t, e) {
   let n = 0.5;
   const i = Ye(t), s = Ye(e);
   return s > i ? n = /* @__PURE__ */ yt(e.min, e.max - i, t.min) : i > s && (n = /* @__PURE__ */ yt(t.min, t.max - s, e.min)), X(0, 1, n);
 }
 const es = (t, e) => Math.abs(t - e);
-function eh(t, e) {
+function nh(t, e) {
   const n = es(t.x, e.x), i = es(t.y, e.y);
-  return Math.sqrt(fe(n, 2) + fe(i, 2));
+  return Math.sqrt(de(n, 2) + de(i, 2));
 }
 const ns = /* @__PURE__ */ new Set(["auto", "scroll"]);
-class No {
+class $o {
   constructor(e, n, { transformPagePoint: i, contextWindow: s, dragSnapToOrigin: r = !1, element: o } = {}) {
-    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.onElementScroll = (f) => {
-      this.handleScroll(f.target);
+    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.onElementScroll = (d) => {
+      this.handleScroll(d.target);
     }, this.onWindowScroll = () => {
       this.handleScroll(window);
     }, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const f = De(this.lastMoveEventInfo, this.history), d = this.startEvent !== null, p = eh(f.offset, { x: 0, y: 0 }) >= 3;
-      if (!d && !p)
+      const d = De(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, p = nh(d.offset, { x: 0, y: 0 }) >= 3;
+      if (!f && !p)
         return;
-      const { point: m } = f, { timestamp: y } = F;
+      const { point: m } = d, { timestamp: y } = F;
       this.history.push(E(g({}, m), { timestamp: y }));
-      const { onStart: v, onMove: x } = this.handlers;
-      d || (v && v(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), x && x(this.lastMoveEvent, f);
-    }, this.handlePointerMove = (f, d) => {
-      this.lastMoveEvent = f, this.lastMoveEventInfo = Me(d, this.transformPagePoint), C.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (f, d) => {
+      const { onStart: v, onMove: w } = this.handlers;
+      f || (v && v(this.lastMoveEvent, d), this.startEvent = this.lastMoveEvent), w && w(this.lastMoveEvent, d);
+    }, this.handlePointerMove = (d, f) => {
+      this.lastMoveEvent = d, this.lastMoveEventInfo = Me(f, this.transformPagePoint), C.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (d, f) => {
       this.end();
       const { onEnd: p, onSessionEnd: m, resumeAnimation: y } = this.handlers;
       if ((this.dragSnapToOrigin || !this.startEvent) && y && y(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
       const v = De(
-        f.type === "pointercancel" ? this.lastMoveEventInfo : Me(d, this.transformPagePoint),
+        d.type === "pointercancel" ? this.lastMoveEventInfo : Me(f, this.transformPagePoint),
         this.history
       );
-      this.startEvent && p && p(f, v), m && m(f, v);
-    }, !_o(e))
+      this.startEvent && p && p(d, v), m && m(d, v);
+    }, !Uo(e))
       return;
     this.dragSnapToOrigin = r, this.handlers = n, this.transformPagePoint = i, this.contextWindow = s || window;
     const a = Tn(e), l = Me(a, this.transformPagePoint), { point: c } = l, { timestamp: u } = F;
     this.history = [E(g({}, c), { timestamp: u })];
     const { onSessionStart: h } = n;
-    h && h(e, De(l, this.history)), this.removeListeners = Ut(
-      Lt(
+    h && h(e, De(l, this.history)), this.removeListeners = _t(
+      Rt(
         this.contextWindow,
         "pointermove",
         this.handlePointerMove
       ),
-      Lt(
+      Rt(
         this.contextWindow,
         "pointerup",
         this.handlePointerUp
       ),
-      Lt(
+      Rt(
         this.contextWindow,
         "pointercancel",
         this.handlePointerUp
@@ -4870,22 +4870,22 @@ function is(t, e) {
 function De({ point: t }, e) {
   return {
     point: t,
-    delta: is(t, $o(e)),
-    offset: is(t, nh(e)),
-    velocity: ih(e, 0.1)
+    delta: is(t, Ko(e)),
+    offset: is(t, ih(e)),
+    velocity: sh(e, 0.1)
   };
 }
-function nh(t) {
+function ih(t) {
   return t[0];
 }
-function $o(t) {
+function Ko(t) {
   return t[t.length - 1];
 }
-function ih(t, e) {
+function sh(t, e) {
   if (t.length < 2)
     return { x: 0, y: 0 };
   let n = t.length - 1, i = null;
-  const s = $o(t);
+  const s = Ko(t);
   for (; n >= 0 && (i = t[n], !(s.timestamp - i.timestamp > /* @__PURE__ */ G(e))); )
     n--;
   if (!i)
@@ -4902,7 +4902,7 @@ function ih(t, e) {
   return o.x === 1 / 0 && (o.x = 0), o.y === 1 / 0 && (o.y = 0), o;
 }
 const ss = () => ({ min: 0, max: 0 });
-function sh() {
+function oh() {
   return {
     x: ss(),
     y: ss()
@@ -4911,15 +4911,15 @@ function sh() {
 function z(t) {
   return [t("x"), t("y")];
 }
-function oh(t) {
+function rh(t) {
   return !!(L(t) && t.add);
 }
 function os(t, e) {
   const n = t.getValue("willChange");
-  if (oh(n))
+  if (rh(n))
     return n.add(e);
 }
-function Ko({
+function Wo({
   top: t,
   left: e,
   right: n,
@@ -4930,7 +4930,7 @@ function Ko({
     y: { min: t, max: i }
   };
 }
-function rh(t, e) {
+function ah(t, e) {
   if (!e)
     return t;
   const n = e({ x: t.left, y: t.top }), i = e({ x: t.right, y: t.bottom });
@@ -4941,64 +4941,64 @@ function rh(t, e) {
     right: i.x
   };
 }
-function ah({ x: t, y: e }) {
+function lh({ x: t, y: e }) {
   return { top: e.min, right: t.max, bottom: e.max, left: t.min };
 }
 function rs(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
-function lh(t, e) {
-  return Ko(
-    rh(t.getBoundingClientRect(), e)
+function uh(t, e) {
+  return Wo(
+    ah(t.getBoundingClientRect(), e)
   );
 }
-function uh(t, e, n) {
-  const i = lh(t, n), { scroll: s } = e;
+function ch(t, e, n) {
+  const i = uh(t, n), { scroll: s } = e;
   return s && (rs(i.x, s.offset.x), rs(i.y, s.offset.y)), i;
 }
-function ch(t) {
+function hh(t) {
   var e;
   return (e = t.projection) == null ? void 0 : e.isPresent;
 }
-function Wo({ current: t }) {
+function Go({ current: t }) {
   return t ? t.ownerDocument.defaultView : null;
 }
-const hh = /* @__PURE__ */ new WeakMap();
-class fh {
+const fh = /* @__PURE__ */ new WeakMap();
+class dh {
   constructor(e) {
-    this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = sh(), this.visualElement = e;
+    this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = oh(), this.visualElement = e;
   }
   start(e, { snapToCursor: n = !1 } = {}) {
     const i = (c) => {
       n ? this.stopAnimation() : this.pauseAnimation(), n && this.snapToCursor(Tn(c, "page").point);
     }, s = (c, u) => {
       this.stopAnimation();
-      const { drag: h, dragPropagation: f, onDragStart: d } = this.getProps();
-      if (h && !f && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = Yc(h), !this.openGlobalLock))
+      const { drag: h, dragPropagation: d, onDragStart: f } = this.getProps();
+      if (h && !d && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = Xc(h), !this.openGlobalLock))
         return;
       this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), z((m) => {
         let y = this.getAxisMotionValue(m).get() || 0;
         if (Y.test(y)) {
           const { projection: v } = this.visualElement;
           if (v && v.layout) {
-            const x = v.layout.layoutBox[m];
-            x && (y = Ye(x) * (parseFloat(y) / 100));
+            const w = v.layout.layoutBox[m];
+            w && (y = Ye(w) * (parseFloat(y) / 100));
           }
         }
         this.originPoint[m] = y;
-      }), d && C.postRender(() => d(c, u)), os(this.visualElement, "transform"), this.visualElement.state.setActive("whileDrag", !0);
+      }), f && C.postRender(() => f(c, u)), os(this.visualElement, "transform"), this.visualElement.state.setActive("whileDrag", !0);
     }, r = (c, u) => {
       const {
         dragPropagation: h,
-        dragDirectionLock: f,
-        onDirectionLock: d,
+        dragDirectionLock: d,
+        onDirectionLock: f,
         onDrag: p
       } = this.getProps();
       if (!h && !this.openGlobalLock)
         return;
       const { offset: m } = u;
-      if (f && this.currentDirection === null) {
-        this.currentDirection = dh(m), this.currentDirection !== null && d && d(this.currentDirection);
+      if (d && this.currentDirection === null) {
+        this.currentDirection = ph(m), this.currentDirection !== null && f && f(this.currentDirection);
         return;
       }
       this.updateAxis("x", u.point, m), this.updateAxis("y", u.point, m), this.visualElement.render(), p && p(c, u);
@@ -5008,7 +5008,7 @@ class fh {
         return this.getAnimationState(c) === "paused" && ((u = this.getAxisMotionValue(c).animation) == null ? void 0 : u.play());
       }
     ), { dragSnapToOrigin: l } = this.getProps();
-    this.panSession = new No(
+    this.panSession = new $o(
       e,
       {
         onSessionStart: i,
@@ -5020,7 +5020,7 @@ class fh {
       {
         transformPagePoint: this.visualElement.getTransformPagePoint(),
         dragSnapToOrigin: l,
-        contextWindow: Wo(this.visualElement),
+        contextWindow: Go(this.visualElement),
         element: this.visualElement.current
       }
     );
@@ -5047,7 +5047,7 @@ class fh {
       return;
     const r = this.getAxisMotionValue(e);
     let o = this.originPoint[e] + i[e];
-    this.constraints && this.constraints[e] && (o = Xc(
+    this.constraints && this.constraints[e] && (o = qc(
       o,
       this.constraints[e],
       this.elastic[e]
@@ -5056,11 +5056,11 @@ class fh {
   resolveConstraints() {
     var e;
     const { dragConstraints: n, dragElastic: i } = this.getProps(), s = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (e = this.visualElement.projection) == null ? void 0 : e.layout, r = this.constraints;
-    n && Vt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && s ? this.constraints = qc(
+    n && Vt(n) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : n && s ? this.constraints = Zc(
       s.layoutBox,
       n
-    ) : this.constraints = !1, this.elastic = Zc(i), r !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && z((o) => {
-      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = Jc(
+    ) : this.constraints = !1, this.elastic = Jc(i), r !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && z((o) => {
+      this.constraints !== !1 && this.getAxisMotionValue(o) && (this.constraints[o] = Qc(
         s.layoutBox[o],
         this.constraints[o]
       ));
@@ -5071,27 +5071,27 @@ class fh {
     if (!e || !Vt(e))
       return !1;
     const i = e;
-    le(
+    ue(
       i !== null,
       "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop."
     );
     const { projection: s } = this.visualElement;
     if (!s || !s.layout)
       return !1;
-    const r = uh(
+    const r = ch(
       i,
       s.root,
       this.visualElement.getTransformPagePoint()
     );
-    let o = Qc(
+    let o = th(
       s.layout.layoutBox,
       r
     );
     if (n) {
       const a = n(
-        ah(o)
+        lh(o)
       );
-      this.hasMutatedConstraints = !!a, a && (o = Ko(a));
+      this.hasMutatedConstraints = !!a, a && (o = Wo(a));
     }
     return o;
   }
@@ -5108,11 +5108,11 @@ class fh {
         return;
       let h = l && l[u] || {};
       o && (h = { min: 0, max: 0 });
-      const f = s ? 200 : 1e6, d = s ? 40 : 1e7, p = g(g({
+      const d = s ? 200 : 1e6, f = s ? 40 : 1e7, p = g(g({
         type: "inertia",
         velocity: i ? e[u] : 0,
-        bounceStiffness: f,
-        bounceDamping: d,
+        bounceStiffness: d,
+        bounceDamping: f,
         timeConstant: 750,
         restDelta: 1,
         restSpeed: 10
@@ -5124,7 +5124,7 @@ class fh {
   startAxisValueAnimation(e, n) {
     const i = this.getAxisMotionValue(e);
     return os(this.visualElement, e), i.start(
-      bn(
+      xn(
         e,
         i,
         0,
@@ -5135,7 +5135,7 @@ class fh {
     );
   }
   stopAnimation() {
-    ch(this.visualElement) && z((e) => this.getAxisMotionValue(e).stop());
+    hh(this.visualElement) && z((e) => this.getAxisMotionValue(e).stop());
   }
   pauseAnimation() {
     z((e) => {
@@ -5189,7 +5189,7 @@ class fh {
       const a = this.getAxisMotionValue(o);
       if (a && this.constraints !== !1) {
         const l = a.get();
-        s[o] = th(
+        s[o] = eh(
           { min: l, max: l },
           this.constraints[o]
         );
@@ -5206,8 +5206,8 @@ class fh {
   addListeners() {
     if (!this.visualElement.current)
       return;
-    hh.set(this.visualElement, this);
-    const e = this.visualElement.current, n = Lt(
+    fh.set(this.visualElement, this);
+    const e = this.visualElement.current, n = Rt(
       e,
       "pointerdown",
       (l) => {
@@ -5222,7 +5222,7 @@ class fh {
       i
     );
     s && !s.layout && (s.root && s.root.updateScroll(), s.updateLayout()), C.read(i);
-    const o = se(window, "resize", () => this.scalePositionWithinConstraints()), a = s.addEventListener(
+    const o = oe(window, "resize", () => this.scalePositionWithinConstraints()), a = s.addEventListener(
       "didUpdate",
       ({ delta: l, hasLayoutChanged: c }) => {
         this.isDragging && c && (z((u) => {
@@ -5259,13 +5259,13 @@ class fh {
 function Xt(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
-function dh(t, e = 10) {
+function ph(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
-class ph extends tt {
+class mh extends tt {
   constructor(e) {
-    super(e), this.removeGroupControls = _, this.removeListeners = _, this.controls = new fh(e.visualElement);
+    super(e), this.removeGroupControls = _, this.removeListeners = _, this.controls = new dh(e.visualElement);
   }
   mount() {
     const { dragControls: e } = this.state.options;
@@ -5276,9 +5276,9 @@ class ph extends tt {
   }
 }
 let Pt = !1;
-class mh extends tt {
+class gh extends tt {
   constructor(e) {
-    super(e), bs(Io), e.getSnapshot = this.getSnapshot.bind(this), e.didUpdate = this.didUpdate.bind(this);
+    super(e), bs(_o), e.getSnapshot = this.getSnapshot.bind(this), e.didUpdate = this.didUpdate.bind(this);
   }
   beforeUpdate(e) {
     this.getSnapshot(e, void 0);
@@ -5300,7 +5300,7 @@ class mh extends tt {
         const r = s.getStack();
         r != null && r.prevLead && !r.prevLead.snapshot && (r.prevLead.willUpdate(), Pt = !0), (e = i == null ? void 0 : i.group) == null || e.add(s);
       }
-      Jt.hasEverUpdated = !0;
+      Qt.hasEverUpdated = !0;
     }
     this.didUpdate();
   }
@@ -5317,7 +5317,7 @@ class mh extends tt {
       return;
     Pt = !0;
     const l = this.state.options;
-    (s || l.layoutDependency !== r || r === void 0 || te(n) && i.isPresent !== n) && i.willUpdate(), te(n) && n !== i.isPresent && (i.isPresent = n, n ? i.promote() : i.relegate());
+    (s || l.layoutDependency !== r || r === void 0 || ee(n) && i.isPresent !== n) && i.willUpdate(), ee(n) && n !== i.isPresent && (i.isPresent = n, n ? i.promote() : i.relegate());
   }
 }
 function as(t) {
@@ -5325,17 +5325,17 @@ function as(t) {
     t && C.postRender(() => t(e, n));
   };
 }
-class gh extends tt {
+class yh extends tt {
   constructor() {
     super(...arguments), this.removePointerDownListener = _;
   }
   onPointerDown(e) {
-    this.session = new No(
+    this.session = new $o(
       e,
       this.createPanHandlers(),
       {
         transformPagePoint: this.state.visualElement.getTransformPagePoint(),
-        contextWindow: Wo(this.state.visualElement)
+        contextWindow: Go(this.state.visualElement)
       }
     );
   }
@@ -5360,7 +5360,7 @@ class gh extends tt {
     };
   }
   mount() {
-    this.removePointerDownListener = Lt(
+    this.removePointerDownListener = Rt(
       this.state.element,
       "pointerdown",
       this.onPointerDown.bind(this)
@@ -5372,39 +5372,39 @@ class gh extends tt {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-const yh = [
-  Wu,
-  Qu,
-  ec,
-  sc,
-  rc,
-  zc,
-  gh,
-  ph,
-  mh
-], vh = {
+const vh = [
+  Gu,
+  tc,
+  nc,
+  oc,
+  ac,
+  Hc,
+  yh,
+  mh,
+  gh
+], xh = {
   reducedMotion: "never",
   transition: void 0,
   nonce: void 0
 }, [bh] = It("MotionConfig");
-function xh() {
-  return bh(Ct(() => vh));
+function Th() {
+  return bh(qt(() => xh));
 }
-const Th = "data-ap-child", [Sh] = It("AnimatePresenceContext");
-function ae(t) {
+const Sh = "data-ap-child", [wh] = It("AnimatePresenceContext");
+function le(t) {
   if (t)
-    return t.nodeType === 3 || t.nodeType === 8 ? ae(t.nextSibling) : t;
+    return t.nodeType === 3 || t.nodeType === 8 ? le(t.nextSibling) : t;
 }
-const [wh] = It("LazyMotionContext");
-function Ah(t) {
+const [Ah] = It("LazyMotionContext");
+function Ph(t) {
   var e;
-  const n = Fr(null), i = jr({}), s = xh(), r = Sh({}), o = wh({
-    features: Qo([]),
+  const n = Or(null), i = jr({}), s = Th(), r = wh({}), o = Ah({
+    features: us([]),
     strict: !1
   });
   if (process.env.NODE_ENV !== "production" && ((e = t.features) != null && e.length) && o.strict) {
     const p = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    t.ignoreStrict ? ft(!1, p) : le(!1, p);
+    t.ignoreStrict ? ft(!1, p) : ue(!1, p);
   }
   const a = tr();
   function l() {
@@ -5426,22 +5426,22 @@ function Ah(t) {
   function u() {
     return g(g({}, a), c());
   }
-  const h = new Hr(
+  const h = new Yr(
     u(),
     n
   );
-  Or(h);
-  function f() {
-    var T, w;
+  Ir(h);
+  function d() {
+    var T, S;
     var p;
     const m = h.type === "svg", y = g({}, a);
-    Object.keys(a).forEach((S) => {
-      L(a[S]) && (y[S] = a[S].get());
+    Object.keys(a).forEach((b) => {
+      L(a[b]) && (y[b] = a[b].get());
     });
     let v = g(g({}, t.style), m ? {} : ((p = h.visualElement) == null ? void 0 : p.latestValues) || h.baseTarget);
     if (m) {
-      const { attrs: S, style: A } = aa(g(g({}, h.isMounted() ? h.target : h.baseTarget), v));
-      (A.transform || S.transformOrigin) && (A.transformOrigin = (T = S.transformOrigin) != null ? T : "50% 50%", delete S.transformOrigin), A.transform && (A.transformBox = (w = A.transformBox) != null ? w : "fill-box", delete S.transformBox), Object.assign(y, S), v = A;
+      const { attrs: b, style: A } = la(g(g({}, h.isMounted() ? h.target : h.baseTarget), v));
+      (A.transform || b.transformOrigin) && (A.transformOrigin = (T = b.transformOrigin) != null ? T : "50% 50%", delete b.transformOrigin), A.transform && (A.transformBox = (S = A.transformBox) != null ? S : "fill-box", delete b.transformBox), Object.assign(y, b), v = A;
     }
     t.drag && t.dragListener !== !1 && Object.assign(v, {
       userSelect: "none",
@@ -5449,20 +5449,20 @@ function Ah(t) {
       WebkitTouchCallout: "none",
       touchAction: t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`
     });
-    const x = ia(v);
-    return x && (y.style = x), y;
+    const w = sa(v);
+    return w && (y.style = w), y;
   }
-  const d = er().proxy;
+  const f = er().proxy;
   return nr(() => {
     h.beforeMount();
   }), ir(() => {
-    if (h.mount(ae(d.$el), u(), Eh(d)), r.register && h.element) {
-      const p = h.element.closest(`[${Th}]`);
+    if (h.mount(le(f.$el), u(), Vh(f)), r.register && h.element) {
+      const p = h.element.closest(`[${Sh}]`);
       p ? (h.presenceContainer = p, r.register(p, h)) : r.registerPending && r.registerPending(h);
     }
   }), sr(() => h.beforeUnmount()), or(() => {
     r.unregisterPending && r.unregisterPending(h);
-    const p = ae(d.$el);
+    const p = le(f.$el);
     p != null && p.isConnected || h.unmount();
   }), rr(() => {
     h.beforeUpdate(u());
@@ -5470,12 +5470,12 @@ function Ah(t) {
     h.update(u());
   }), {
     getProps: c,
-    getAttrs: f,
+    getAttrs: d,
     layoutGroup: i,
     state: h
   };
 }
-const Ph = {
+const Eh = {
   ignoreStrict: { type: Boolean },
   forwardMotionProps: { type: Boolean, default: !1 },
   asChild: { type: Boolean, default: !1 },
@@ -5542,13 +5542,13 @@ const Ph = {
   onPan: { type: Function },
   onPanEnd: { type: Function }
 };
-function Eh(t) {
+function Vh(t) {
   var e;
-  const n = ((e = ae(t.$el)) == null ? void 0 : e.style.display) === "none";
+  const n = ((e = le(t.$el)) == null ? void 0 : e.style.display) === "none";
   return t.$.vnode.transition && n;
 }
-const Vh = /* @__PURE__ */ new Map(), Ch = /* @__PURE__ */ new Map();
-function Mh(t) {
+const Ch = /* @__PURE__ */ new Map(), Mh = /* @__PURE__ */ new Map();
+function Dh(t) {
   if (!Array.isArray(t))
     return [t];
   const e = [];
@@ -5556,15 +5556,15 @@ function Mh(t) {
     Array.isArray(n) ? e.push(...n) : e.push(n);
   return e;
 }
-const Dh = ["area", "img", "input"];
-function Rh(t, e, n) {
+const Rh = ["area", "img", "input"];
+function Lh(t, e, n) {
   var i, s;
-  if (typeof t == "string" && Dh.includes(t))
-    return cs(t, e);
+  if (typeof t == "string" && Rh.includes(t))
+    return hs(t, e);
   if (t === "template") {
     if (!n.default)
       return null;
-    const r = Mh(n.default()), o = r.findIndex((u) => u.type !== lr);
+    const r = Dh(n.default()), o = r.findIndex((u) => u.type !== lr);
     if (o === -1)
       return r;
     const a = r[o];
@@ -5580,12 +5580,12 @@ function Rh(t, e, n) {
 }
 function ls(t, e = {}) {
   var n;
-  const i = typeof t == "string", s = i ? t : t.name || "", r = ((n = e.features) == null ? void 0 : n.length) > 0 ? Vh : Ch;
+  const i = typeof t == "string", s = i ? t : t.name || "", r = ((n = e.features) == null ? void 0 : n.length) > 0 ? Ch : Mh;
   if (i && (r != null && r.has(t)))
     return r.get(t);
-  const o = us({
+  const o = cs({
     inheritAttrs: !1,
-    props: E(g({}, Ph), {
+    props: E(g({}, Eh), {
       features: {
         type: Object,
         default: () => e.features || []
@@ -5594,27 +5594,27 @@ function ls(t, e = {}) {
     }),
     name: s ? `motion.${s}` : "Motion",
     setup(a, { slots: l }) {
-      const { getProps: c, getAttrs: u, state: h } = Ah(a);
-      function f() {
-        const d = h.element;
-        if ((!(typeof a.as == "object") || a.asChild) && d) {
+      const { getProps: c, getAttrs: u, state: h } = Ph(a);
+      function d() {
+        const f = h.element;
+        if ((!(typeof a.as == "object") || a.asChild) && f) {
           const { style: m } = u();
           if (m)
             for (const [y, v] of Object.entries(m))
-              d.style[y] = v;
+              f.style[y] = v;
         }
       }
       return () => {
-        const d = c(), p = u(), m = a.asChild ? "template" : a.as, y = E(g(g({}, e.forwardMotionProps || a.forwardMotionProps ? d : {}), p), {
-          onVnodeUpdated: f
-        }), v = Rh(m, y, l);
-        return v !== null ? v : cs(m, g({}, y), l);
+        const f = c(), p = u(), m = a.asChild ? "template" : a.as, y = E(g(g({}, e.forwardMotionProps || a.forwardMotionProps ? f : {}), p), {
+          onVnodeUpdated: d
+        }), v = Lh(m, y, l);
+        return v !== null ? v : hs(m, g({}, y), l);
       };
     }
   });
   return i && (r == null || r.set(t, o)), o;
 }
-function Lh(t = []) {
+function Bh(t = []) {
   return new Proxy({}, {
     get(e, n) {
       return n === "create" ? (i, s) => ls(i, E(g({}, s), {
@@ -5625,69 +5625,70 @@ function Lh(t = []) {
     }
   });
 }
-const Go = Lh(yh);
-Go.create("div");
-function Bh(t) {
-  const e = Ct(
-    () => t.items.value.filter((l) => !l.disabled && !t.disabled.value)
-  );
-  function n(l) {
+const zo = Bh(vh);
+zo.create("div");
+function kh(t) {
+  function e(l) {
     return t.modelValue.value === l.value;
   }
-  function i(l) {
+  function n(l) {
     return t.disabled.value || !!l.disabled;
   }
-  function s(l) {
-    i(l) || n(l) || t.onSelect(l.value);
+  function i(l) {
+    n(l) || e(l) || t.onSelect(l.value);
+  }
+  function s() {
+    const l = t.items.value, c = l.findIndex((u) => u.value === t.modelValue.value);
+    return c >= 0 && !n(l[c]) ? c : l.findIndex((u) => !n(u));
   }
   function r(l) {
-    const u = t.items.value.findIndex((f) => f.value === t.modelValue.value), h = u >= 0 ? u : 0;
-    return l === h ? 0 : -1;
+    const c = s();
+    return c < 0 ? -1 : l === c ? 0 : -1;
   }
   function o(l, c) {
     const u = t.items.value;
     let h = l;
-    for (let f = 0; f < u.length; f++)
-      if (h = (h + c + u.length) % u.length, !i(u[h])) return h;
+    for (let d = 0; d < u.length; d++)
+      if (h = (h + c + u.length) % u.length, !n(u[h])) return h;
     return l;
   }
   function a(l, c) {
+    var p;
     const u = t.items.value, h = u[c];
-    if (!h || i(h)) return;
-    let f = null;
+    if (!h || n(h)) return;
+    let d = null;
     switch (l.key) {
       case "ArrowRight":
       case "ArrowDown":
-        f = o(c, 1);
+        d = o(c, 1);
         break;
       case "ArrowLeft":
       case "ArrowUp":
-        f = o(c, -1);
+        d = o(c, -1);
         break;
       case "Home":
-        f = u.findIndex((p) => !i(p));
+        d = u.findIndex((m) => !n(m));
         break;
       case "End":
-        f = [...u].reverse().findIndex((p) => !i(p)), f >= 0 && (f = u.length - 1 - f);
+        d = [...u].reverse().findIndex((m) => !n(m)), d >= 0 && (d = u.length - 1 - d);
         break;
       default:
         return;
     }
-    if (f === null || f < 0 || f === c) return;
+    if (d === null || d < 0 || d === c) return;
     l.preventDefault();
-    const d = u[f];
-    d && s(d);
+    const f = u[d];
+    f && (i(f), (p = t.focusIndex) == null || p.call(t, d));
   }
   return {
-    enabledItems: e,
-    isSelected: n,
-    isSegmentDisabled: i,
-    select: s,
+    isSelected: e,
+    isSegmentDisabled: n,
+    select: i,
     getTabIndex: r,
     onKeydown: a
   };
 }
-const kh = ["aria-label", "aria-disabled"], Fh = ["aria-checked", "aria-label", "tabindex", "disabled", "onClick", "onKeydown"], Nh = /* @__PURE__ */ us({
+const Fh = ["aria-label", "aria-disabled"], Oh = ["aria-checked", "aria-label", "tabindex", "disabled", "onClick", "onKeydown"], $h = /* @__PURE__ */ cs({
   __name: "index",
   props: {
     items: {},
@@ -5700,77 +5701,89 @@ const kh = ["aria-label", "aria-disabled"], Fh = ["aria-checked", "aria-label",
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = t, i = e, s = de(n, "items"), r = de(n, "modelValue"), o = de(n, "disabled"), { isSelected: a, isSegmentDisabled: l, select: c, getTabIndex: u, onKeydown: h } = Bh({
+    const n = t, i = e, s = pe(n, "items"), r = pe(n, "modelValue"), o = pe(n, "disabled"), a = us([]);
+    function l(S, b) {
+      a.value[b] = S;
+    }
+    const { isSelected: c, isSegmentDisabled: u, select: h, getTabIndex: d, onKeydown: f } = kh({
       items: s,
       modelValue: r,
       disabled: o,
-      onSelect: (x) => i("update:modelValue", x)
-    }), f = Ct(() => {
-      const x = n.items.findIndex((T) => T.value === n.modelValue);
-      return x >= 0 ? x : 0;
-    }), d = Ct(() => {
-      const x = n.items.length;
-      return n.fullWidth ? `repeat(${x}, minmax(0, 1fr))` : `repeat(${x}, auto)`;
-    }), p = Ct(() => [
+      onSelect: (S) => i("update:modelValue", S),
+      focusIndex: (S) => {
+        var b;
+        return (b = a.value[S]) == null ? void 0 : b.focus();
+      }
+    }), p = qt(() => {
+      const S = n.items.findIndex((b) => b.value === n.modelValue);
+      return S >= 0 ? S : 0;
+    }), m = qt(() => {
+      const S = n.items.length;
+      if (S !== 0)
+        return n.fullWidth ? `repeat(${S}, minmax(0, 1fr))` : `repeat(${S}, auto)`;
+    }), y = qt(() => [
       "segmented-control",
       n.size === "s" ? "segmented-control--s" : "segmented-control--m",
       n.fullWidth && "segmented-control--full-width",
       n.ui.root
     ]);
-    function m(x) {
+    function v(S) {
       return [
         "segmented-control__segment",
-        a(x) && "segmented-control__segment--selected",
-        a(x) ? n.ui.segmentSelected : n.ui.segment
+        c(S) && "segmented-control__segment--selected",
+        c(S) ? n.ui.segmentSelected : n.ui.segment
       ].filter(Boolean);
     }
-    function y(x) {
+    function w(S) {
       return [
         "segmented-control__label",
-        a(x) && "segmented-control__label--selected",
-        a(x) ? n.ui.labelSelected : n.ui.label
+        c(S) && "segmented-control__label--selected",
+        c(S) ? n.ui.labelSelected : n.ui.label
       ].filter(Boolean);
     }
-    const v = {
+    const T = {
       type: "spring",
       visualDuration: 0.2,
       bounce: 0.2
     };
-    return (x, T) => (pe(), me("div", {
+    return (S, b) => (Wt(), me("div", {
       role: "radiogroup",
-      class: Gt(p.value),
-      style: ge({ gridTemplateColumns: d.value }),
+      class: Gt(y.value),
+      style: ge(m.value ? { gridTemplateColumns: m.value } : void 0),
       "aria-label": t.ariaLabel,
       "aria-disabled": t.disabled || void 0
     }, [
-      hr(ct(Go).div, {
+      t.items.length > 0 ? (Wt(), hr(ct(zo).div, {
+        key: 0,
         layout: "",
         "data-state": t.modelValue,
         class: Gt(["segmented-control__indicator", t.ui.indicator]),
-        style: ge({ gridColumn: f.value + 1, gridRow: 1 }),
-        transition: v,
+        style: ge({ gridColumn: p.value + 1, gridRow: 1 }),
+        transition: T,
         "aria-hidden": "true"
-      }, null, 8, ["data-state", "class", "style"]),
-      (pe(!0), me(fr, null, dr(t.items, (w, S) => (pe(), me("button", {
-        key: w.value,
+      }, null, 8, ["data-state", "class", "style"])) : fr("", !0),
+      (Wt(!0), me(dr, null, pr(t.items, (A, V) => (Wt(), me("button", {
+        key: A.value,
+        ref_for: !0,
+        ref: (P) => l(P, V),
         type: "button",
         role: "radio",
-        class: Gt(m(w)),
-        style: ge({ gridColumn: S + 1, gridRow: 1 }),
-        "aria-checked": ct(a)(w),
-        "aria-label": w.label,
-        tabindex: ct(u)(S),
-        disabled: ct(l)(w),
-        onClick: (A) => ct(c)(w),
-        onKeydown: (A) => ct(h)(A, S)
+        class: Gt(v(A)),
+        style: ge({ gridColumn: V + 1, gridRow: 1 }),
+        "aria-checked": ct(c)(A),
+        "aria-label": A.label,
+        tabindex: ct(d)(V),
+        disabled: ct(u)(A),
+        onClick: (P) => ct(h)(A),
+        onKeydown: (P) => ct(f)(P, V)
       }, [
-        pr("span", {
-          class: Gt(y(w))
-        }, mr(w.label), 3)
-      ], 46, Fh))), 128))
-    ], 14, kh));
+        mr("span", {
+          class: Gt(w(A))
+        }, gr(A.label), 3)
+      ], 46, Oh))), 128))
+    ], 14, Fh));
   }
 });
 export {
-  Nh as AzSegmentedControl
+  $h as AzSegmentedControl
 };