renderloom 1.0.5 → 1.0.6

package/dist/renderloom.js

@@ -152,7 +152,7 @@ function Oa() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), v = this.props.ref, v !== void 0 ? v : null;
     }
-    function u(v, R, $, Y, Z, ee) {
+    function d(v, R, $, Y, Z, ee) {
       var G = $.ref;
       return v = {
         $$typeof: g,
@@ -185,7 +185,7 @@ function Oa() {
         value: ee
       }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
     }
-    function d(v, R, $, Y, Z, ee) {
+    function u(v, R, $, Y, Z, ee) {
       var G = R.children;
       if (G !== void 0)
         if (Y)
@@ -224,7 +224,7 @@ React keys must be passed directly to JSX without using spread:
       return G && a(
         $,
         typeof v == "function" ? v.displayName || v.name || "Unknown" : v
-      ), u(
+      ), d(
         v,
         G,
         $,
@@ -253,7 +253,7 @@ React keys must be passed directly to JSX without using spread:
     )(), Q = q(n(o)), N = {};
     at.Fragment = y, at.jsx = function(v, R, $) {
       var Y = 1e4 > B.recentlyCreatedOwnerStacks++;
-      return d(
+      return u(
         v,
         R,
         $,
@@ -263,7 +263,7 @@ React keys must be passed directly to JSX without using spread:
       );
     }, at.jsxs = function(v, R, $) {
       var Y = 1e4 > B.recentlyCreatedOwnerStacks++;
-      return d(
+      return u(
         v,
         R,
         $,
@@ -343,7 +343,7 @@ const Ua = en(
       ...a
     },
     [
-      ...i.map(([u, d]) => Ut(u, d)),
+      ...i.map(([d, u]) => Ut(d, u)),
       ...Array.isArray(o) ? o : [o]
     ]
   )
@@ -503,18 +503,18 @@ const cl = [
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
-], ul = K("file-text", cl);
+], dl = K("file-text", cl);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dl = [
+const ul = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
-], Kt = K("info", dl);
+], Kt = K("info", ul);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -727,12 +727,12 @@ class cn {
     this.subscriptions.length = 0;
   }
 }
-const de = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, he = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
+const ue = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, he = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
 function Vi(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
 const Wn = /* @__PURE__ */ new Set();
-function un(e, t, s) {
+function dn(e, t, s) {
   e || Wn.has(t) || (console.warn(Ns(t, s)), Wn.add(t));
 }
 const Ri = (e, t, s) => (((1 - 3 * s + 3 * t) * e + (3 * s - 6 * t)) * e + 3 * t) * e, El = 1e-7, Vl = 12;
@@ -749,7 +749,7 @@ function bt(e, t, s, n) {
   const r = (o) => Rl(o, 0, 1, e, s);
   return (o) => o === 0 || o === 1 ? o : Ri(r(o), t, n);
 }
-const Di = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Li = (e) => (t) => 1 - e(1 - t), Ii = /* @__PURE__ */ bt(0.33, 1.53, 0.69, 0.99), dn = /* @__PURE__ */ Li(Ii), zi = /* @__PURE__ */ Di(dn), Oi = (e) => e >= 1 ? 1 : (e *= 2) < 1 ? 0.5 * dn(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), fn = (e) => 1 - Math.sin(Math.acos(e)), Fi = Li(fn), Bi = Di(fn), Dl = /* @__PURE__ */ bt(0.42, 0, 1, 1), Ll = /* @__PURE__ */ bt(0, 0, 0.58, 1), _i = /* @__PURE__ */ bt(0.42, 0, 0.58, 1), Il = (e) => Array.isArray(e) && typeof e[0] != "number", $i = (e) => Array.isArray(e) && typeof e[0] == "number", Un = {
+const Di = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Li = (e) => (t) => 1 - e(1 - t), Ii = /* @__PURE__ */ bt(0.33, 1.53, 0.69, 0.99), un = /* @__PURE__ */ Li(Ii), zi = /* @__PURE__ */ Di(un), Oi = (e) => e >= 1 ? 1 : (e *= 2) < 1 ? 0.5 * un(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), fn = (e) => 1 - Math.sin(Math.acos(e)), Fi = Li(fn), Bi = Di(fn), Dl = /* @__PURE__ */ bt(0.42, 0, 1, 1), Ll = /* @__PURE__ */ bt(0, 0, 0.58, 1), _i = /* @__PURE__ */ bt(0.42, 0, 0.58, 1), Il = (e) => Array.isArray(e) && typeof e[0] != "number", $i = (e) => Array.isArray(e) && typeof e[0] == "number", Un = {
   linear: me,
   easeIn: Dl,
   easeInOut: _i,
@@ -757,7 +757,7 @@ const Di = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Li
   circIn: fn,
   circInOut: Bi,
   circOut: Fi,
-  backIn: dn,
+  backIn: un,
   backInOut: zi,
   backOut: Ii,
   anticipate: Oi
@@ -795,37 +795,37 @@ function Ol(e, t) {
     timestamp: 0,
     isProcessing: !1
   };
-  function c(d) {
-    i.has(d) && (u.schedule(d), e()), d(a);
+  function c(u) {
+    i.has(u) && (d.schedule(u), e()), u(a);
   }
-  const u = {
+  const d = {
     /**
      * Schedule a process to run on the next frame.
      */
-    schedule: (d, f = !1, h = !1) => {
+    schedule: (u, f = !1, h = !1) => {
       const g = h && r ? s : n;
-      return f && i.add(d), g.add(d), d;
+      return f && i.add(u), g.add(u), u;
     },
     /**
      * Cancel the provided callback from running on the next frame.
      */
-    cancel: (d) => {
-      n.delete(d), i.delete(d);
+    cancel: (u) => {
+      n.delete(u), i.delete(u);
     },
     /**
      * Execute all schedule callbacks.
      */
-    process: (d) => {
-      if (a = d, r) {
+    process: (u) => {
+      if (a = u, r) {
         o = !0;
         return;
       }
       r = !0;
       const f = s;
-      s = n, n = f, s.forEach(c), s.clear(), r = !1, o && (o = !1, u.process(d));
+      s = n, n = f, s.forEach(c), s.clear(), r = !1, o && (o = !1, d.process(u));
     }
   };
-  return u;
+  return d;
 }
 const Fl = 40;
 function Wi(e, t) {
@@ -834,9 +834,9 @@ function Wi(e, t) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => s = !0, i = At.reduce((x, j) => (x[j] = Ol(o), x), {}), { setup: a, read: c, resolveKeyframes: u, preUpdate: d, update: f, preRender: h, render: m, postRender: g } = i, p = () => {
+  }, o = () => s = !0, i = At.reduce((x, j) => (x[j] = Ol(o), x), {}), { setup: a, read: c, resolveKeyframes: d, preUpdate: u, update: f, preRender: h, render: m, postRender: g } = i, p = () => {
     const x = Le.useManualTiming, j = x ? r.timestamp : performance.now();
-    s = !1, x || (r.delta = n ? 1e3 / 60 : Math.max(Math.min(j - r.timestamp, Fl), 1)), r.timestamp = j, r.isProcessing = !0, a.process(r), c.process(r), u.process(r), d.process(r), f.process(r), h.process(r), m.process(r), g.process(r), r.isProcessing = !1, s && t && (n = !1, e(p));
+    s = !1, x || (r.delta = n ? 1e3 / 60 : Math.max(Math.min(j - r.timestamp, Fl), 1)), r.timestamp = j, r.isProcessing = !0, a.process(r), c.process(r), d.process(r), u.process(r), f.process(r), h.process(r), m.process(r), g.process(r), r.isProcessing = !1, s && t && (n = !1, e(p));
   }, y = () => {
     s = !0, n = !0, r.isProcessing || e(p);
   };
@@ -848,7 +848,7 @@ function Wi(e, t) {
       i[At[j]].cancel(x);
   }, state: r, steps: i };
 }
-const { schedule: F, cancel: Ie, state: ie, steps: ds } = /* @__PURE__ */ Wi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : me, !0);
+const { schedule: F, cancel: Ie, state: ie, steps: us } = /* @__PURE__ */ Wi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : me, !0);
 let Lt;
 function Bl() {
   Lt = void 0;
@@ -872,7 +872,7 @@ const nt = {
 }, Nt = {
   ...nt,
   default: 1
-}, dt = (e) => Math.round(e * 1e5) / 1e5, mn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+}, ut = (e) => Math.round(e * 1e5) / 1e5, mn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function Wl(e) {
   return e == null;
 }
@@ -892,7 +892,7 @@ const Ul = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
 }, $e = {
   test: /* @__PURE__ */ pn("rgb", "red"),
   parse: /* @__PURE__ */ Ki("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: s, alpha: n = 1 }) => "rgba(" + fs.transform(e) + ", " + fs.transform(t) + ", " + fs.transform(s) + ", " + dt(pt.transform(n)) + ")"
+  transform: ({ red: e, green: t, blue: s, alpha: n = 1 }) => "rgba(" + fs.transform(e) + ", " + fs.transform(t) + ", " + fs.transform(s) + ", " + ut(pt.transform(n)) + ")"
 };
 function Kl(e) {
   let t = "", s = "", n = "", r = "";
@@ -918,7 +918,7 @@ const Ps = {
 }, qe = {
   test: /* @__PURE__ */ pn("hsl", "hue"),
   parse: /* @__PURE__ */ Ki("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: s, alpha: n = 1 }) => "hsla(" + Math.round(e) + ", " + je.transform(dt(t)) + ", " + je.transform(dt(s)) + ", " + dt(pt.transform(n)) + ")"
+  transform: ({ hue: e, saturation: t, lightness: s, alpha: n = 1 }) => "hsla(" + Math.round(e) + ", " + je.transform(ut(t)) + ", " + je.transform(ut(s)) + ", " + ut(pt.transform(n)) + ")"
 }, J = {
   test: (e) => $e.test(e) || Ps.test(e) || qe.test(e),
   parse: (e) => $e.test(e) ? $e.parse(e) : qe.test(e) ? qe.parse(e) : Ps.parse(e),
@@ -953,7 +953,7 @@ function Xi({ split: e, types: t }) {
     for (let o = 0; o < s; o++)
       if (r += e[o], n[o] !== void 0) {
         const i = t[o];
-        i === Yi ? r += dt(n[o]) : i === Hi ? r += J.transform(n[o]) : r += n[o];
+        i === Yi ? r += ut(n[o]) : i === Hi ? r += J.transform(n[o]) : r += n[o];
       }
     return r;
   };
@@ -1019,7 +1019,7 @@ function cc(e, t) {
   return (s) => W(e, t, s);
 }
 function gn(e) {
-  return typeof e == "number" ? cc : typeof e == "string" ? hn(e) ? Ht : J.test(e) ? qn : fc : Array.isArray(e) ? qi : typeof e == "object" ? J.test(e) ? qn : uc : Ht;
+  return typeof e == "number" ? cc : typeof e == "string" ? hn(e) ? Ht : J.test(e) ? qn : fc : Array.isArray(e) ? qi : typeof e == "object" ? J.test(e) ? qn : dc : Ht;
 }
 function qi(e, t) {
   const s = [...e], n = s.length, r = e.map((o, i) => gn(o)(o, t[i]));
@@ -1029,7 +1029,7 @@ function qi(e, t) {
     return s;
   };
 }
-function uc(e, t) {
+function dc(e, t) {
   const s = { ...e, ...t }, n = {};
   for (const r in s)
     e[r] !== void 0 && t[r] !== void 0 && (n[r] = gn(e[r])(e[r], t[r]));
@@ -1039,7 +1039,7 @@ function uc(e, t) {
     return s;
   };
 }
-function dc(e, t) {
+function uc(e, t) {
   const s = [], n = { color: 0, var: 0, number: 0 };
   for (let r = 0; r < t.values.length; r++) {
     const o = t.types[r], i = e.indexes[o][n[o]], a = e.values[i] ?? 0;
@@ -1049,7 +1049,7 @@ function dc(e, t) {
 }
 const fc = (e, t) => {
   const s = xe.createTransformer(t), n = et(e), r = et(t);
-  return n.indexes.var.length === r.indexes.var.length && n.indexes.color.length === r.indexes.color.length && n.indexes.number.length >= r.indexes.number.length ? Ms.has(e) && !r.values.length || Ms.has(t) && !n.values.length ? lc(e, t) : xt(qi(dc(n, r), r.values), s) : (st(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), Ht(e, t));
+  return n.indexes.var.length === r.indexes.var.length && n.indexes.color.length === r.indexes.color.length && n.indexes.number.length >= r.indexes.number.length ? Ms.has(e) && !r.values.length || Ms.has(t) && !n.values.length ? lc(e, t) : xt(qi(uc(n, r), r.values), s) : (st(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), Ht(e, t));
 };
 function Zi(e, t, s) {
   return typeof e == "number" && typeof t == "number" && typeof s == "number" ? W(e, t, s) : gn(e)(e, t);
@@ -1130,33 +1130,33 @@ function gc(e, t, s) {
 const ps = 1e-3;
 function yc({ duration: e = H.duration, bounce: t = H.bounce, velocity: s = H.velocity, mass: n = H.mass }) {
   let r, o;
-  st(e <= /* @__PURE__ */ de(H.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  st(e <= /* @__PURE__ */ ue(H.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let i = 1 - t;
-  i = Te(H.minDamping, H.maxDamping, i), e = Te(H.minDuration, H.maxDuration, /* @__PURE__ */ he(e)), i < 1 ? (r = (u) => {
-    const d = u * i, f = d * e, h = d - s, m = Es(u, i), g = Math.exp(-f);
+  i = Te(H.minDamping, H.maxDamping, i), e = Te(H.minDuration, H.maxDuration, /* @__PURE__ */ he(e)), i < 1 ? (r = (d) => {
+    const u = d * i, f = u * e, h = u - s, m = Es(d, i), g = Math.exp(-f);
     return ps - h / m * g;
-  }, o = (u) => {
-    const f = u * i * e, h = f * s + s, m = Math.pow(i, 2) * Math.pow(u, 2) * e, g = Math.exp(-f), p = Es(Math.pow(u, 2), i);
-    return (-r(u) + ps > 0 ? -1 : 1) * ((h - m) * g) / p;
-  }) : (r = (u) => {
-    const d = Math.exp(-u * e), f = (u - s) * e + 1;
-    return -ps + d * f;
-  }, o = (u) => {
-    const d = Math.exp(-u * e), f = (s - u) * (e * e);
-    return d * f;
+  }, o = (d) => {
+    const f = d * i * e, h = f * s + s, m = Math.pow(i, 2) * Math.pow(d, 2) * e, g = Math.exp(-f), p = Es(Math.pow(d, 2), i);
+    return (-r(d) + ps > 0 ? -1 : 1) * ((h - m) * g) / p;
+  }) : (r = (d) => {
+    const u = Math.exp(-d * e), f = (d - s) * e + 1;
+    return -ps + u * f;
+  }, o = (d) => {
+    const u = Math.exp(-d * e), f = (s - d) * (e * e);
+    return u * f;
   });
   const a = 5 / e, c = gc(r, o, a);
-  if (e = /* @__PURE__ */ de(e), isNaN(c))
+  if (e = /* @__PURE__ */ ue(e), isNaN(c))
     return {
       stiffness: H.stiffness,
       damping: H.damping,
       duration: e
     };
   {
-    const u = Math.pow(c, 2) * n;
+    const d = Math.pow(c, 2) * n;
     return {
-      stiffness: u,
-      damping: i * 2 * Math.sqrt(n * u),
+      stiffness: d,
+      damping: i * 2 * Math.sqrt(n * d),
       duration: e
     };
   }
@@ -1200,10 +1200,10 @@ function qt(e = H.visualDuration, t = H.bounce) {
     bounce: t
   } : e;
   let { restSpeed: n, restDelta: r } = s;
-  const o = s.keyframes[0], i = s.keyframes[s.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: c, damping: u, mass: d, duration: f, velocity: h, isResolvedFromDuration: m } = vc({
+  const o = s.keyframes[0], i = s.keyframes[s.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: c, damping: d, mass: u, duration: f, velocity: h, isResolvedFromDuration: m } = vc({
     ...s,
     velocity: -/* @__PURE__ */ he(s.velocity || 0)
-  }), g = h || 0, p = u / (2 * Math.sqrt(c * d)), y = i - o, w = /* @__PURE__ */ he(Math.sqrt(c / d)), b = Math.abs(y) < 5;
+  }), g = h || 0, p = d / (2 * Math.sqrt(c * u)), y = i - o, w = /* @__PURE__ */ he(Math.sqrt(c / u)), b = Math.abs(y) < 5;
   n || (n = b ? H.restSpeed.granular : H.restSpeed.default), r || (r = b ? H.restDelta.granular : H.restDelta.default);
   let x, j, T, P, L, k;
   if (p < 1)
@@ -1229,17 +1229,17 @@ function qt(e = H.visualDuration, t = H.bounce) {
   }
   const M = {
     calculatedDuration: m && f || null,
-    velocity: (E) => /* @__PURE__ */ de(j(E)),
+    velocity: (E) => /* @__PURE__ */ ue(j(E)),
     next: (E) => {
       if (!m && p < 1) {
-        const B = Math.exp(-p * w * E), le = Math.sin(T * E), ae = Math.cos(T * E), q = i - B * (P * le + y * ae), _ = /* @__PURE__ */ de(B * (L * le + k * ae));
+        const B = Math.exp(-p * w * E), le = Math.sin(T * E), ae = Math.cos(T * E), q = i - B * (P * le + y * ae), _ = /* @__PURE__ */ ue(B * (L * le + k * ae));
         return a.done = Math.abs(_) <= n && Math.abs(i - q) <= r, a.value = a.done ? i : q, a;
       }
       const O = x(E);
       if (m)
         a.done = E >= f;
       else {
-        const B = /* @__PURE__ */ de(j(E));
+        const B = /* @__PURE__ */ ue(j(E));
         a.done = Math.abs(B) <= n && Math.abs(i - O) <= r;
       }
       return a.value = a.done ? i : O, a;
@@ -1255,14 +1255,14 @@ function qt(e = H.visualDuration, t = H.bounce) {
 }
 qt.applyToOptions = (e) => {
   const t = mc(e, 100, qt);
-  return e.ease = t.ease, e.duration = /* @__PURE__ */ de(t.duration), e.type = "keyframes", e;
+  return e.ease = t.ease, e.duration = /* @__PURE__ */ ue(t.duration), e.type = "keyframes", e;
 };
 const wc = 5;
 function Qi(e, t, s) {
   const n = Math.max(t - wc, 0);
   return Vi(s - e(n), t - n);
 }
-function Vs({ keyframes: e, velocity: t = 0, power: s = 0.8, timeConstant: n = 325, bounceDamping: r = 10, bounceStiffness: o = 500, modifyTarget: i, min: a, max: c, restDelta: u = 0.5, restSpeed: d }) {
+function Vs({ keyframes: e, velocity: t = 0, power: s = 0.8, timeConstant: n = 325, bounceDamping: r = 10, bounceStiffness: o = 500, modifyTarget: i, min: a, max: c, restDelta: d = 0.5, restSpeed: u }) {
   const f = e[0], h = {
     done: !1,
     value: f
@@ -1272,7 +1272,7 @@ function Vs({ keyframes: e, velocity: t = 0, power: s = 0.8, timeConstant: n = 3
   w !== y && (p = w - f);
   const b = (k) => -p * Math.exp(-k / n), x = (k) => w + b(k), j = (k) => {
     const M = b(k), E = x(k);
-    h.done = Math.abs(M) <= u, h.value = h.done ? w : E;
+    h.done = Math.abs(M) <= d, h.value = h.done ? w : E;
   };
   let T, P;
   const L = (k) => {
@@ -1282,8 +1282,8 @@ function Vs({ keyframes: e, velocity: t = 0, power: s = 0.8, timeConstant: n = 3
       // TODO: This should be passing * 1000
       damping: r,
       stiffness: o,
-      restDelta: u,
-      restSpeed: d
+      restDelta: d,
+      restSpeed: u
     }));
   };
   return L(0), {
@@ -1314,17 +1314,17 @@ function jc(e, t, { clamp: s = !0, ease: n, mixer: r } = {}) {
     return () => t[1];
   const i = e[0] === e[1];
   e[0] > e[o - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const a = kc(t, n, r), c = a.length, u = (d) => {
-    if (i && d < e[0])
+  const a = kc(t, n, r), c = a.length, d = (u) => {
+    if (i && u < e[0])
       return t[0];
     let f = 0;
     if (c > 1)
-      for (; f < e.length - 2 && !(d < e[f + 1]); f++)
+      for (; f < e.length - 2 && !(u < e[f + 1]); f++)
         ;
-    const h = /* @__PURE__ */ mt(e[f], e[f + 1], d);
+    const h = /* @__PURE__ */ mt(e[f], e[f + 1], u);
     return a[f](h);
   };
-  return s ? (d) => u(Te(e[0], e[o - 1], d)) : u;
+  return s ? (u) => d(Te(e[0], e[o - 1], u)) : d;
 }
 function Tc(e, t) {
   const s = e[e.length - 1];
@@ -1418,14 +1418,14 @@ class Zt extends xn {
     let { keyframes: a } = t;
     const c = s || Ze;
     process.env.NODE_ENV !== "production" && c !== Ze && Ne(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), c !== Ze && typeof a[0] != "number" && (this.mixKeyframes = xt(Mc, Zi(a[0], a[1])), a = [0, 100]);
-    const u = c({ ...t, keyframes: a });
+    const d = c({ ...t, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = c({
       ...t,
       keyframes: [...a].reverse(),
       velocity: -i
-    })), u.calculatedDuration === null && (u.calculatedDuration = yn(u));
-    const { calculatedDuration: d } = u;
-    this.calculatedDuration = d, this.resolvedDuration = d + r, this.totalDuration = this.resolvedDuration * (n + 1) - r, this.generator = u;
+    })), d.calculatedDuration === null && (d.calculatedDuration = yn(d));
+    const { calculatedDuration: u } = d;
+    this.calculatedDuration = u, this.resolvedDuration = u + r, this.totalDuration = this.resolvedDuration * (n + 1) - r, this.generator = d;
   }
   updateTime(t) {
     const s = Math.round(t - this.startTime) * this.playbackSpeed;
@@ -1435,9 +1435,9 @@ class Zt extends xn {
     const { generator: n, totalDuration: r, mixKeyframes: o, mirroredGenerator: i, resolvedDuration: a, calculatedDuration: c } = this;
     if (this.startTime === null)
       return n.next(0);
-    const { delay: u = 0, keyframes: d, repeat: f, repeatType: h, repeatDelay: m, type: g, onUpdate: p, finalKeyframe: y } = this.options;
+    const { delay: d = 0, keyframes: u, repeat: f, repeatType: h, repeatDelay: m, type: g, onUpdate: p, finalKeyframe: y } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - r / this.speed, this.startTime)), s ? this.currentTime = t : this.updateTime(t);
-    const w = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), b = this.playbackSpeed >= 0 ? w < 0 : w > r;
+    const w = this.currentTime - d * (this.playbackSpeed >= 0 ? 1 : -1), b = this.playbackSpeed >= 0 ? w < 0 : w > r;
     this.currentTime = Math.max(w, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = r);
     let x = this.currentTime, j = n;
     if (f) {
@@ -1446,11 +1446,11 @@ class Zt extends xn {
       !E && k >= 1 && (E = 1), E === 1 && M--, M = Math.min(M, f + 1), !!(M % 2) && (h === "reverse" ? (E = 1 - E, m && (E -= m / a)) : h === "mirror" && (j = i)), x = Te(0, 1, E) * a;
     }
     let T;
-    b ? (this.delayState.value = d[0], T = this.delayState) : T = j.next(x), o && !b && (T.value = o(T.value));
+    b ? (this.delayState.value = u[0], T = this.delayState) : T = j.next(x), o && !b && (T.value = o(T.value));
     let { done: P } = T;
     !b && c !== null && (P = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
     const L = this.holdTime === null && (this.state === "finished" || this.state === "running" && P);
-    return L && g !== Vs && (T.value = os(d, this.options, y, this.speed)), p && p(T.value), L && this.finish(), T;
+    return L && g !== Vs && (T.value = os(u, this.options, y, this.speed)), p && p(T.value), L && this.finish(), T;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -1471,7 +1471,7 @@ class Zt extends xn {
     return /* @__PURE__ */ he(this.currentTime);
   }
   set time(t) {
-    t = /* @__PURE__ */ de(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), this.driver ? this.driver.start(!1) : (this.startTime = 0, this.state = "paused", this.holdTime = t, this.tick(t));
+    t = /* @__PURE__ */ ue(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), this.driver ? this.driver.start(!1) : (this.startTime = 0, this.state = "paused", this.holdTime = t, this.tick(t));
   }
   /**
    * Returns the generator's velocity at the current time in units/second.
@@ -1725,28 +1725,28 @@ const $c = /* @__PURE__ */ ro(() => window.ScrollTimeline !== void 0, "scrollTim
     return !1;
   }
   return !0;
-}, "linearEasing"), ut = ([e, t, s, n]) => `cubic-bezier(${e}, ${t}, ${s}, ${n})`, sr = {
+}, "linearEasing"), dt = ([e, t, s, n]) => `cubic-bezier(${e}, ${t}, ${s}, ${n})`, sr = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ ut([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ ut([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ ut([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ ut([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ dt([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ dt([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ dt([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ dt([0.33, 1.53, 0.69, 0.99])
 };
 function oo(e, t) {
   if (e)
-    return typeof e == "function" ? io() ? Ji(e, t) : "ease-out" : $i(e) ? ut(e) : Array.isArray(e) ? e.map((s) => oo(s, t) || sr.easeOut) : sr[e];
+    return typeof e == "function" ? io() ? Ji(e, t) : "ease-out" : $i(e) ? dt(e) : Array.isArray(e) ? e.map((s) => oo(s, t) || sr.easeOut) : sr[e];
 }
-function Wc(e, t, s, { delay: n = 0, duration: r = 300, repeat: o = 0, repeatType: i = "loop", ease: a = "easeOut", times: c } = {}, u = void 0) {
-  const d = {
+function Wc(e, t, s, { delay: n = 0, duration: r = 300, repeat: o = 0, repeatType: i = "loop", ease: a = "easeOut", times: c } = {}, d = void 0) {
+  const u = {
     [t]: s
   };
-  c && (d.offset = c);
+  c && (u.offset = c);
   const f = oo(a, r);
-  Array.isArray(f) && (d.easing = f);
+  Array.isArray(f) && (u.easing = f);
   const h = {
     delay: n,
     duration: r,
@@ -1755,7 +1755,7 @@ function Wc(e, t, s, { delay: n = 0, duration: r = 300, repeat: o = 0, repeatTyp
     iterations: o + 1,
     direction: i === "reverse" ? "alternate" : "normal"
   };
-  return u && (h.pseudoElement = u), e.animate(d, h);
+  return d && (h.pseudoElement = d), e.animate(u, h);
 }
 function ao(e) {
   return typeof e == "function" && "applyToOptions" in e;
@@ -1769,11 +1769,11 @@ class lo extends xn {
       return;
     const { element: s, name: n, keyframes: r, pseudoElement: o, allowFlatten: i = !1, finalKeyframe: a, onComplete: c } = t;
     this.isPseudoElement = !!o, this.allowFlatten = i, this.options = t, Ne(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const u = Uc(t);
-    this.animation = Wc(s, n, r, u, o), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    const d = Uc(t);
+    this.animation = Wc(s, n, r, d, o), d.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !o) {
-        const d = os(r, this.options, a, this.speed);
-        this.updateMotionValue && this.updateMotionValue(d), no(s, n, d), this.animation.cancel();
+        const u = os(r, this.options, a, this.speed);
+        this.updateMotionValue && this.updateMotionValue(u), no(s, n, u), this.animation.cancel();
       }
       c == null || c(), this.notifyFinished();
     };
@@ -1832,7 +1832,7 @@ class lo extends xn {
   }
   set time(t) {
     const s = this.finishedTime !== null;
-    this.manualStartTime = null, this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ de(t), s && this.animation.pause();
+    this.manualStartTime = null, this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ ue(t), s && this.animation.pause();
   }
   /**
    * The playback speed of the animation.
@@ -1896,8 +1896,8 @@ class Yc extends lo {
     const a = new Zt({
       ...i,
       autoplay: !1
-    }), c = Math.max(gs, ce.now() - this.startTime), u = Te(0, gs, c - gs), d = a.sample(c).value, { name: f } = this.options;
-    o && f && no(o, f, d), s.setWithVelocity(a.sample(Math.max(0, c - u)).value, d, u), a.stop();
+    }), c = Math.max(gs, ce.now() - this.startTime), d = Te(0, gs, c - gs), u = a.sample(c).value, { name: f } = this.options;
+    o && f && no(o, f, u), s.setWithVelocity(a.sample(Math.max(0, c - d)).value, u, d), a.stop();
   }
 }
 const nr = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
@@ -1950,25 +1950,25 @@ const Jc = /* @__PURE__ */ new Set([
   "borderBottomColor",
   "borderLeftColor"
 ]), Qc = /* @__PURE__ */ Ei(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function eu(e) {
+function ed(e) {
   var f;
   const { motionValue: t, name: s, repeatDelay: n, repeatType: r, damping: o, type: i, keyframes: a } = e;
   if (!(((f = t == null ? void 0 : t.owner) == null ? void 0 : f.current) instanceof HTMLElement))
     return !1;
-  const { onUpdate: u, transformTemplate: d } = t.owner.getProps();
+  const { onUpdate: d, transformTemplate: u } = t.owner.getProps();
   return Qc() && s && /**
    * Force WAAPI for color properties with browser-only color formats
    * (oklch, oklab, lab, lch, etc.) that the JS animation path can't parse.
    */
-  (uo.has(s) || Jc.has(s) && Zc(a)) && (s !== "transform" || !d) && /**
+  (uo.has(s) || Jc.has(s) && Zc(a)) && (s !== "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.
    */
-  !u && !n && r !== "mirror" && o !== 0 && i !== "inertia";
+  !d && !n && r !== "mirror" && o !== 0 && i !== "inertia";
 }
-const tu = 40;
-class su extends xn {
-  constructor({ autoplay: t = !0, delay: s = 0, type: n = "keyframes", repeat: r = 0, repeatDelay: o = 0, repeatType: i = "loop", keyframes: a, name: c, motionValue: u, element: d, ...f }) {
+const td = 40;
+class sd extends xn {
+  constructor({ autoplay: t = !0, delay: s = 0, type: n = "keyframes", repeat: r = 0, repeatDelay: o = 0, repeatType: i = "loop", keyframes: a, name: c, motionValue: d, element: u, ...f }) {
     var g;
     super(), this.stop = () => {
       var p, y;
@@ -1982,25 +1982,25 @@ class su extends xn {
       repeatDelay: o,
       repeatType: i,
       name: c,
-      motionValue: u,
-      element: d,
+      motionValue: d,
+      element: u,
       ...f
-    }, m = (d == null ? void 0 : d.KeyframeResolver) || bn;
-    this.keyframeResolver = new m(a, (p, y, w) => this.onKeyframesResolved(p, y, h, !w), c, u, d), (g = this.keyframeResolver) == null || g.scheduleResolve();
+    }, m = (u == null ? void 0 : u.KeyframeResolver) || bn;
+    this.keyframeResolver = new m(a, (p, y, w) => this.onKeyframesResolved(p, y, h, !w), c, d, u), (g = this.keyframeResolver) == null || g.scheduleResolve();
   }
   onKeyframesResolved(t, s, n, r) {
     var w, b;
     this.keyframeResolver = void 0;
-    const { name: o, type: i, velocity: a, delay: c, isHandoff: u, onUpdate: d } = n;
+    const { name: o, type: i, velocity: a, delay: c, isHandoff: d, onUpdate: u } = n;
     this.resolvedAt = ce.now();
     let f = !0;
-    Xc(t, o, i, a) || (f = !1, (Le.instantAnimations || !c) && (d == null || d(os(t, n, s))), t[0] = t[t.length - 1], Bs(n), n.repeat = 0);
+    Xc(t, o, i, a) || (f = !1, (Le.instantAnimations || !c) && (u == null || u(os(t, n, s))), t[0] = t[t.length - 1], Bs(n), n.repeat = 0);
     const m = {
-      startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > tu ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > td ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: s,
       ...n,
       keyframes: t
-    }, g = f && !u && eu(m), p = (b = (w = m.motionValue) == null ? void 0 : w.owner) == null ? void 0 : b.current;
+    }, g = f && !d && ed(m), p = (b = (w = m.motionValue) == null ? void 0 : w.owner) == null ? void 0 : b.current;
     let y;
     if (g)
       try {
@@ -2070,24 +2070,24 @@ class su extends xn {
   }
 }
 function fo(e, t, s, n = 0, r = 1) {
-  const o = Array.from(e).sort((u, d) => u.sortNodePosition(d)).indexOf(t), i = e.size, a = (i - 1) * n;
+  const o = Array.from(e).sort((d, u) => d.sortNodePosition(u)).indexOf(t), i = e.size, a = (i - 1) * n;
   return typeof s == "function" ? s(o, i) : r === 1 ? o * n : a - o * n;
 }
-const nu = (
+const nd = (
   // 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 ru(e) {
-  const t = nu.exec(e);
+function rd(e) {
+  const t = nd.exec(e);
   if (!t)
     return [,];
   const [, s, n, r] = t;
   return [`--${s ?? n}`, r];
 }
-const iu = 4;
+const id = 4;
 function ho(e, t, s = 1) {
-  Ne(s <= iu, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [n, r] = ru(e);
+  Ne(s <= id, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [n, r] = rd(e);
   if (!n)
     return;
   const o = window.getComputedStyle(t).getPropertyValue(n);
@@ -2097,24 +2097,24 @@ function ho(e, t, s = 1) {
   }
   return hn(r) ? ho(r, t, s + 1) : r;
 }
-const ou = {
+const od = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, au = (e) => ({
+}, ad = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), lu = {
+}), ld = {
   type: "keyframes",
   duration: 0.8
-}, cu = {
+}, cd = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, uu = (e, { keyframes: t }) => t.length > 2 ? lu : it.has(e) ? e.startsWith("scale") ? au(t[1]) : ou : cu;
+}, dd = (e, { keyframes: t }) => t.length > 2 ? ld : it.has(e) ? e.startsWith("scale") ? ad(t[1]) : od : cd;
 function mo(e, t) {
   if (e != null && e.inherit && t) {
     const { inherit: s, ...n } = e;
@@ -2126,7 +2126,7 @@ function vn(e, t) {
   const s = (e == null ? void 0 : e[t]) ?? (e == null ? void 0 : e.default) ?? e;
   return s !== e ? mo(s, e) : s;
 }
-const du = /* @__PURE__ */ new Set([
+const ud = /* @__PURE__ */ new Set([
   "when",
   "delay",
   "delayChildren",
@@ -2138,22 +2138,22 @@ const du = /* @__PURE__ */ new Set([
   "from",
   "elapsed"
 ]);
-function fu(e) {
+function fd(e) {
   for (const t in e)
-    if (!du.has(t))
+    if (!ud.has(t))
       return !0;
   return !1;
 }
 const wn = (e, t, s, n = {}, r, o) => (i) => {
   const a = vn(n, e) || {}, c = a.delay || n.delay || 0;
-  let { elapsed: u = 0 } = n;
-  u = u - /* @__PURE__ */ de(c);
-  const d = {
+  let { elapsed: d = 0 } = n;
+  d = d - /* @__PURE__ */ ue(c);
+  const u = {
     keyframes: Array.isArray(s) ? s : [null, s],
     ease: "easeOut",
     velocity: t.getVelocity(),
     ...a,
-    delay: -u,
+    delay: -d,
     onUpdate: (h) => {
       t.set(h), a.onUpdate && a.onUpdate(h);
     },
@@ -2164,18 +2164,18 @@ const wn = (e, t, s, n = {}, r, o) => (i) => {
     motionValue: t,
     element: o ? void 0 : r
   };
-  fu(a) || Object.assign(d, uu(e, d)), d.duration && (d.duration = /* @__PURE__ */ de(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ de(d.repeatDelay)), d.from !== void 0 && (d.keyframes[0] = d.from);
+  fd(a) || Object.assign(u, dd(e, u)), u.duration && (u.duration = /* @__PURE__ */ ue(u.duration)), u.repeatDelay && (u.repeatDelay = /* @__PURE__ */ ue(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let f = !1;
-  if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (Bs(d), d.delay === 0 && (f = !0)), (Le.instantAnimations || Le.skipAnimations || r != null && r.shouldSkipAnimations) && (f = !0, Bs(d), d.delay = 0), d.allowFlatten = !a.type && !a.ease, f && !o && t.get() !== void 0) {
-    const h = os(d.keyframes, a);
+  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (Bs(u), u.delay === 0 && (f = !0)), (Le.instantAnimations || Le.skipAnimations || r != null && r.shouldSkipAnimations) && (f = !0, Bs(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, f && !o && t.get() !== void 0) {
+    const h = os(u.keyframes, a);
     if (h !== void 0) {
       F.update(() => {
-        d.onUpdate(h), d.onComplete();
+        u.onUpdate(h), u.onComplete();
       });
       return;
     }
   }
-  return a.isSync ? new Zt(d) : new su(d);
+  return a.isSync ? new Zt(u) : new sd(u);
 };
 function rr(e) {
   const t = [{}, {}];
@@ -2206,8 +2206,8 @@ const po = /* @__PURE__ */ new Set([
   "right",
   "bottom",
   ...rt
-]), ir = 30, hu = (e) => !isNaN(parseFloat(e));
-class mu {
+]), ir = 30, hd = (e) => !isNaN(parseFloat(e));
+class md {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -2224,7 +2224,7 @@ class mu {
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = s.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = ce.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = hu(this.current));
+    this.current = t, this.updatedAt = ce.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = hd(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -2270,7 +2270,7 @@ class mu {
    * @deprecated
    */
   onChange(t) {
-    return process.env.NODE_ENV !== "production" && un(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
+    return process.env.NODE_ENV !== "production" && dn(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
   }
   on(t, s) {
     this.events[t] || (this.events[t] = new cn());
@@ -2410,31 +2410,31 @@ class mu {
   }
 }
 function tt(e, t) {
-  return new mu(e, t);
+  return new md(e, t);
 }
 const _s = (e) => Array.isArray(e);
-function pu(e, t, s) {
+function pd(e, t, s) {
   e.hasValue(t) ? e.getValue(t).set(s) : e.addValue(t, tt(s));
 }
-function gu(e) {
+function gd(e) {
   return _s(e) ? e[e.length - 1] || 0 : e;
 }
-function yu(e, t) {
+function yd(e, t) {
   const s = Ge(e, t);
   let { transitionEnd: n = {}, transition: r = {}, ...o } = s || {};
   o = { ...o, ...n };
   for (const i in o) {
-    const a = gu(o[i]);
-    pu(e, i, a);
+    const a = gd(o[i]);
+    pd(e, i, a);
   }
 }
 const oe = (e) => !!(e && e.getVelocity);
-function xu(e) {
+function xd(e) {
   return !!(oe(e) && e.add);
 }
 function $s(e, t) {
   const s = e.getValue("willChange");
-  if (xu(s))
+  if (xd(s))
     return s.add(t);
   if (!s && Le.WillChange) {
     const n = new Le.WillChange("auto");
@@ -2444,11 +2444,11 @@ function $s(e, t) {
 function jn(e) {
   return e.replace(/([A-Z])/g, (t) => `-${t.toLowerCase()}`);
 }
-const bu = "framerAppearId", go = "data-" + jn(bu);
+const bd = "framerAppearId", go = "data-" + jn(bd);
 function yo(e) {
   return e.props[go];
 }
-function vu({ protectedKeys: e, needsAnimating: t }, s) {
+function vd({ protectedKeys: e, needsAnimating: t }, s) {
   const n = e.hasOwnProperty(s) && t[s] !== !0;
   return t[s] = !1, n;
 }
@@ -2456,12 +2456,12 @@ function xo(e, t, { delay: s = 0, transitionOverride: n, type: r } = {}) {
   let { transition: o, transitionEnd: i, ...a } = t;
   const c = e.getDefaultTransition();
   o = o ? mo(o, c) : c;
-  const u = o == null ? void 0 : o.reduceMotion;
+  const d = o == null ? void 0 : o.reduceMotion;
   n && (o = n);
-  const d = [], f = r && e.animationState && e.animationState.getState()[r];
+  const u = [], f = r && e.animationState && e.animationState.getState()[r];
   for (const h in a) {
     const m = e.getValue(h, e.latestValues[h] ?? null), g = a[h];
-    if (g === void 0 || f && vu(f, h))
+    if (g === void 0 || f && vd(f, h))
       continue;
     const p = {
       delay: s,
@@ -2480,35 +2480,35 @@ function xo(e, t, { delay: s = 0, transitionOverride: n, type: r } = {}) {
       }
     }
     $s(e, h);
-    const b = u ?? e.shouldReduceMotion;
+    const b = d ?? e.shouldReduceMotion;
     m.start(wn(h, m, g, b && po.has(h) ? { type: !1 } : p, e, w));
     const x = m.animation;
-    x && d.push(x);
+    x && u.push(x);
   }
   if (i) {
     const h = () => F.update(() => {
-      i && yu(e, i);
+      i && yd(e, i);
     });
-    d.length ? Promise.all(d).then(h) : h();
+    u.length ? Promise.all(u).then(h) : h();
   }
-  return d;
+  return u;
 }
 function Ws(e, t, s = {}) {
   var c;
   const n = Ge(e, t, s.type === "exit" ? (c = e.presenceContext) == null ? void 0 : c.custom : void 0);
   let { transition: r = e.getDefaultTransition() || {} } = n || {};
   s.transitionOverride && (r = s.transitionOverride);
-  const o = n ? () => Promise.all(xo(e, n, s)) : () => Promise.resolve(), i = e.variantChildren && e.variantChildren.size ? (u = 0) => {
-    const { delayChildren: d = 0, staggerChildren: f, staggerDirection: h } = r;
-    return wu(e, t, u, d, f, h, s);
+  const o = n ? () => Promise.all(xo(e, n, s)) : () => Promise.resolve(), i = e.variantChildren && e.variantChildren.size ? (d = 0) => {
+    const { delayChildren: u = 0, staggerChildren: f, staggerDirection: h } = r;
+    return wd(e, t, d, u, f, h, s);
   } : () => Promise.resolve(), { when: a } = r;
   if (a) {
-    const [u, d] = a === "beforeChildren" ? [o, i] : [i, o];
-    return u().then(() => d());
+    const [d, u] = a === "beforeChildren" ? [o, i] : [i, o];
+    return d().then(() => u());
   } else
     return Promise.all([o(), i(s.delay)]);
 }
-function wu(e, t, s = 0, n = 0, r = 0, o = 1, i) {
+function wd(e, t, s = 0, n = 0, r = 0, o = 1, i) {
   const a = [];
   for (const c of e.variantChildren)
     c.notify("AnimationStart", t), a.push(Ws(c, t, {
@@ -2517,7 +2517,7 @@ function wu(e, t, s = 0, n = 0, r = 0, o = 1, i) {
     }).then(() => c.notify("AnimationComplete", t)));
   return Promise.all(a);
 }
-function ku(e, t, s = {}) {
+function kd(e, t, s = {}) {
   e.notify("AnimationStart", t);
   let n;
   if (Array.isArray(t)) {
@@ -2533,15 +2533,15 @@ function ku(e, t, s = {}) {
     e.notify("AnimationComplete", t);
   });
 }
-const ju = {
+const jd = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, bo = (e) => (t) => t.test(e), vo = [nt, A, je, Ee, Hl, Yl, ju], or = (e) => vo.find(bo(e));
-function Tu(e) {
+}, bo = (e) => (t) => t.test(e), vo = [nt, A, je, Ee, Hl, Yl, jd], or = (e) => vo.find(bo(e));
+function Td(e) {
   return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Mi(e) : !0;
 }
-const Su = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function Cu(e) {
+const Sd = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function Cd(e) {
   const [t, s] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
@@ -2549,14 +2549,14 @@ function Cu(e) {
   if (!n)
     return e;
   const r = s.replace(n, "");
-  let o = Su.has(t) ? 1 : 0;
+  let o = Sd.has(t) ? 1 : 0;
   return n !== s && (o *= 100), t + "(" + o + r + ")";
 }
-const Au = /\b([a-z-]*)\(.*?\)/gu, Us = {
+const Ad = /\b([a-z-]*)\(.*?\)/gu, Us = {
   ...xe,
   getAnimatableNone: (e) => {
-    const t = e.match(Au);
-    return t ? t.map(Cu).join(" ") : e;
+    const t = e.match(Ad);
+    return t ? t.map(Cd).join(" ") : e;
   }
 }, Gs = {
   ...xe,
@@ -2567,7 +2567,7 @@ const Au = /\b([a-z-]*)\(.*?\)/gu, Us = {
 }, ar = {
   ...nt,
   transform: Math.round
-}, Nu = {
+}, Nd = {
   rotate: Ee,
   rotateX: Ee,
   rotateY: Ee,
@@ -2648,13 +2648,13 @@ const Au = /\b([a-z-]*)\(.*?\)/gu, Us = {
   // Misc
   backgroundPositionX: A,
   backgroundPositionY: A,
-  ...Nu,
+  ...Nd,
   zIndex: ar,
   // SVG
   fillOpacity: pt,
   strokeOpacity: pt,
   numOctaves: ar
-}, Pu = {
+}, Pd = {
   ...Tn,
   // Color props
   color: J,
@@ -2672,23 +2672,23 @@ const Au = /\b([a-z-]*)\(.*?\)/gu, Us = {
   WebkitFilter: Us,
   mask: Gs,
   WebkitMask: Gs
-}, wo = (e) => Pu[e], Mu = /* @__PURE__ */ new Set([Us, Gs]);
+}, wo = (e) => Pd[e], Md = /* @__PURE__ */ new Set([Us, Gs]);
 function ko(e, t) {
   let s = wo(e);
-  return Mu.has(s) || (s = xe), s.getAnimatableNone ? s.getAnimatableNone(t) : void 0;
+  return Md.has(s) || (s = xe), s.getAnimatableNone ? s.getAnimatableNone(t) : void 0;
 }
-const Eu = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function Vu(e, t, s) {
+const Ed = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function Vd(e, t, s) {
   let n = 0, r;
   for (; n < e.length && !r; ) {
     const o = e[n];
-    typeof o == "string" && !Eu.has(o) && et(o).values.length && (r = e[n]), n++;
+    typeof o == "string" && !Ed.has(o) && et(o).values.length && (r = e[n]), n++;
   }
   if (r && s)
     for (const o of t)
       e[o] = ko(s, r);
 }
-class Ru extends bn {
+class Rd extends bn {
   constructor(t, s, n, r, o) {
     super(t, s, n, r, o, !0);
   }
@@ -2697,33 +2697,33 @@ class Ru extends bn {
     if (!s || !s.current)
       return;
     super.readKeyframes();
-    for (let d = 0; d < t.length; d++) {
-      let f = t[d];
+    for (let u = 0; u < t.length; u++) {
+      let f = t[u];
       if (typeof f == "string" && (f = f.trim(), hn(f))) {
         const h = ho(f, s.current);
-        h !== void 0 && (t[d] = h), d === t.length - 1 && (this.finalKeyframe = f);
+        h !== void 0 && (t[u] = h), u === t.length - 1 && (this.finalKeyframe = f);
       }
     }
     if (this.resolveNoneKeyframes(), !po.has(n) || t.length !== 2)
       return;
-    const [r, o] = t, i = or(r), a = or(o), c = Kn(r), u = Kn(o);
-    if (c !== u && Re[n]) {
+    const [r, o] = t, i = or(r), a = or(o), c = Kn(r), d = Kn(o);
+    if (c !== d && Re[n]) {
       this.needsMeasurement = !0;
       return;
     }
     if (i !== a)
       if (tr(i) && tr(a))
-        for (let d = 0; d < t.length; d++) {
-          const f = t[d];
-          typeof f == "string" && (t[d] = parseFloat(f));
+        for (let u = 0; u < t.length; u++) {
+          const f = t[u];
+          typeof f == "string" && (t[u] = parseFloat(f));
         }
       else Re[n] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: s } = this, n = [];
     for (let r = 0; r < t.length; r++)
-      (t[r] === null || Tu(t[r])) && n.push(r);
-    n.length && Vu(t, n, s);
+      (t[r] === null || Td(t[r])) && n.push(r);
+    n.length && Vd(t, n, s);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: s, name: n } = this;
@@ -2741,8 +2741,8 @@ class Ru extends bn {
     const r = t.getValue(s);
     r && r.jump(this.measuredOrigin, !1);
     const o = n.length - 1, i = n[o];
-    n[o] = Re[s](t.measureViewportBox(), window.getComputedStyle(t.current)), i !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = i), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([c, u]) => {
-      t.getValue(c).set(u);
+    n[o] = Re[s](t.measureViewportBox(), window.getComputedStyle(t.current)), i !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = i), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([c, d]) => {
+      t.getValue(c).set(d);
     }), this.resolveNoneKeyframes();
   }
 }
@@ -2769,7 +2769,7 @@ const { schedule: Sn } = /* @__PURE__ */ Wi(queueMicrotask, !1), ye = {
 function So() {
   return ye.x || ye.y;
 }
-function Du(e) {
+function Dd(e) {
   return e === "x" || e === "y" ? ye[e] ? null : (ye[e] = !0, () => {
     ye[e] = !1;
   }) : ye.x || ye.y ? null : (ye.x = ye.y = !0, () => {
@@ -2784,17 +2784,17 @@ function Co(e, t) {
   };
   return [s, r, () => n.abort()];
 }
-function Lu(e) {
+function Ld(e) {
   return !(e.pointerType === "touch" || So());
 }
-function Iu(e, t, s = {}) {
+function Id(e, t, s = {}) {
   const [n, r, o] = Co(e, s);
   return n.forEach((i) => {
-    let a = !1, c = !1, u;
-    const d = () => {
+    let a = !1, c = !1, d;
+    const u = () => {
       i.removeEventListener("pointerleave", g);
     }, f = (y) => {
-      u && (u(y), u = void 0), d();
+      d && (d(y), d = void 0), u();
     }, h = (y) => {
       a = !1, window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", h), c && (c = !1, f(y));
     }, m = () => {
@@ -2808,28 +2808,28 @@ function Iu(e, t, s = {}) {
         f(y);
       }
     }, p = (y) => {
-      if (!Lu(y))
+      if (!Ld(y))
         return;
       c = !1;
       const w = t(i, y);
-      typeof w == "function" && (u = w, i.addEventListener("pointerleave", g, r));
+      typeof w == "function" && (d = w, i.addEventListener("pointerleave", g, r));
     };
     i.addEventListener("pointerenter", p, r), i.addEventListener("pointerdown", m, r);
   }), o;
 }
-const Ao = (e, t) => t ? e === t ? !0 : Ao(e, t.parentElement) : !1, Cn = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, zu = /* @__PURE__ */ new Set([
+const Ao = (e, t) => t ? e === t ? !0 : Ao(e, t.parentElement) : !1, Cn = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, zd = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function Ou(e) {
-  return zu.has(e.tagName) || e.isContentEditable === !0;
+function Od(e) {
+  return zd.has(e.tagName) || e.isContentEditable === !0;
 }
-const Fu = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA"]);
-function Bu(e) {
-  return Fu.has(e.tagName) || e.isContentEditable === !0;
+const Fd = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA"]);
+function Bd(e) {
+  return Fd.has(e.tagName) || e.isContentEditable === !0;
 }
 const zt = /* @__PURE__ */ new WeakSet();
 function lr(e) {
@@ -2840,7 +2840,7 @@ function lr(e) {
 function ys(e, t) {
   e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
 }
-const _u = (e, t) => {
+const _d = (e, t) => {
   const s = e.currentTarget;
   if (!s)
     return;
@@ -2858,24 +2858,24 @@ const _u = (e, t) => {
 function cr(e) {
   return Cn(e) && !So();
 }
-const ur = /* @__PURE__ */ new WeakSet();
-function $u(e, t, s = {}) {
+const dr = /* @__PURE__ */ new WeakSet();
+function $d(e, t, s = {}) {
   const [n, r, o] = Co(e, s), i = (a) => {
     const c = a.currentTarget;
-    if (!cr(a) || ur.has(a))
+    if (!cr(a) || dr.has(a))
       return;
-    zt.add(c), s.stopPropagation && ur.add(a);
-    const u = t(c, a), d = (m, g) => {
-      window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", h), zt.has(c) && zt.delete(c), cr(m) && typeof u == "function" && u(m, { success: g });
+    zt.add(c), s.stopPropagation && dr.add(a);
+    const d = t(c, a), u = (m, g) => {
+      window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", h), zt.has(c) && zt.delete(c), cr(m) && typeof d == "function" && d(m, { success: g });
     }, f = (m) => {
-      d(m, c === window || c === document || s.useGlobalTarget || Ao(c, m.target));
+      u(m, c === window || c === document || s.useGlobalTarget || Ao(c, m.target));
     }, h = (m) => {
-      d(m, !1);
+      u(m, !1);
     };
     window.addEventListener("pointerup", f, r), window.addEventListener("pointercancel", h, r);
   };
   return n.forEach((a) => {
-    (s.useGlobalTarget ? window : a).addEventListener("pointerdown", i, r), It(a) && (a.addEventListener("focus", (u) => _u(u, r)), !Ou(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (s.useGlobalTarget ? window : a).addEventListener("pointerdown", i, r), It(a) && (a.addEventListener("focus", (d) => _d(d, r)), !Od(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
 function An(e) {
@@ -2883,28 +2883,28 @@ function An(e) {
 }
 const Ot = /* @__PURE__ */ new WeakMap();
 let Ve;
-const No = (e, t, s) => (n, r) => r && r[0] ? r[0][e + "Size"] : An(n) && "getBBox" in n ? n.getBBox()[t] : n[s], Wu = /* @__PURE__ */ No("inline", "width", "offsetWidth"), Uu = /* @__PURE__ */ No("block", "height", "offsetHeight");
-function Gu({ target: e, borderBoxSize: t }) {
+const No = (e, t, s) => (n, r) => r && r[0] ? r[0][e + "Size"] : An(n) && "getBBox" in n ? n.getBBox()[t] : n[s], Wd = /* @__PURE__ */ No("inline", "width", "offsetWidth"), Ud = /* @__PURE__ */ No("block", "height", "offsetHeight");
+function Gd({ target: e, borderBoxSize: t }) {
   var s;
   (s = Ot.get(e)) == null || s.forEach((n) => {
     n(e, {
       get width() {
-        return Wu(e, t);
+        return Wd(e, t);
       },
       get height() {
-        return Uu(e, t);
+        return Ud(e, t);
       }
     });
   });
 }
-function Ku(e) {
-  e.forEach(Gu);
+function Kd(e) {
+  e.forEach(Gd);
 }
-function Yu() {
-  typeof ResizeObserver > "u" || (Ve = new ResizeObserver(Ku));
+function Yd() {
+  typeof ResizeObserver > "u" || (Ve = new ResizeObserver(Kd));
 }
-function Hu(e, t) {
-  Ve || Yu();
+function Hd(e, t) {
+  Ve || Yd();
   const s = jo(e);
   return s.forEach((n) => {
     let r = Ot.get(n);
@@ -2918,7 +2918,7 @@ function Hu(e, t) {
 }
 const Ft = /* @__PURE__ */ new Set();
 let Je;
-function Xu() {
+function Xd() {
   Je = () => {
     const e = {
       get width() {
@@ -2931,18 +2931,18 @@ function Xu() {
     Ft.forEach((t) => t(e));
   }, window.addEventListener("resize", Je);
 }
-function qu(e) {
-  return Ft.add(e), Je || Xu(), () => {
+function qd(e) {
+  return Ft.add(e), Je || Xd(), () => {
     Ft.delete(e), !Ft.size && typeof Je == "function" && (window.removeEventListener("resize", Je), Je = void 0);
   };
 }
-function dr(e, t) {
-  return typeof e == "function" ? qu(e) : Hu(e, t);
+function ur(e, t) {
+  return typeof e == "function" ? qd(e) : Hd(e, t);
 }
-function Zu(e) {
+function Zd(e) {
   return An(e) && e.tagName === "svg";
 }
-const Ju = [...vo, J, xe], Qu = (e) => Ju.find(bo(e)), fr = () => ({
+const Jd = [...vo, J, xe], Qd = (e) => Jd.find(bo(e)), fr = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
@@ -2953,7 +2953,7 @@ const Ju = [...vo, J, xe], Qu = (e) => Ju.find(bo(e)), fr = () => ({
 }), hr = () => ({ min: 0, max: 0 }), se = () => ({
   x: hr(),
   y: hr()
-}), ed = /* @__PURE__ */ new WeakMap();
+}), eu = /* @__PURE__ */ new WeakMap();
 function as(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
@@ -2975,7 +2975,7 @@ function ls(e) {
 function Po(e) {
   return !!(ls(e) || e.variants);
 }
-function td(e, t, s) {
+function tu(e, t, s) {
   for (const n in t) {
     const r = t[n], o = s[n];
     if (oe(r))
@@ -2995,9 +2995,9 @@ function td(e, t, s) {
     t[n] === void 0 && e.removeValue(n);
   return t;
 }
-const Ks = { current: null }, Mo = { current: !1 }, sd = typeof window < "u";
-function nd() {
-  if (Mo.current = !0, !!sd)
+const Ks = { current: null }, Mo = { current: !1 }, su = typeof window < "u";
+function nu() {
+  if (Mo.current = !0, !!su)
     if (window.matchMedia) {
       const e = window.matchMedia("(prefers-reduced-motion)"), t = () => Ks.current = e.matches;
       e.addEventListener("change", t), t();
@@ -3017,10 +3017,10 @@ let Jt = {};
 function Eo(e) {
   Jt = e;
 }
-function rd() {
+function ru() {
   return Jt;
 }
-class id {
+class iu {
   /**
    * 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.
@@ -3038,12 +3038,12 @@ class id {
       const m = ce.now();
       this.renderScheduledAt < m && (this.renderScheduledAt = m, F.render(this.render, !1, !0));
     };
-    const { latestValues: u, renderState: d } = a;
-    this.latestValues = u, this.baseTarget = { ...u }, this.initialValues = s.initial ? { ...u } : {}, this.renderState = d, this.parent = t, this.props = s, this.presenceContext = n, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = r, this.skipAnimationsConfig = o, this.options = c, this.blockInitialAnimation = !!i, this.isControllingVariants = ls(s), this.isVariantNode = Po(s), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
+    const { latestValues: d, renderState: u } = a;
+    this.latestValues = d, this.baseTarget = { ...d }, this.initialValues = s.initial ? { ...d } : {}, this.renderState = u, this.parent = t, this.props = s, this.presenceContext = n, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = r, this.skipAnimationsConfig = o, this.options = c, this.blockInitialAnimation = !!i, this.isControllingVariants = ls(s), this.isVariantNode = Po(s), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
     const { willChange: f, ...h } = this.scrapeMotionValuesFromProps(s, {}, this);
     for (const m in h) {
       const g = h[m];
-      u[m] !== void 0 && oe(g) && g.set(u[m]);
+      d[m] !== void 0 && oe(g) && g.set(d[m]);
     }
   }
   mount(t) {
@@ -3051,7 +3051,7 @@ class id {
     if (this.hasBeenMounted)
       for (const r in this.initialValues)
         (s = this.values.get(r)) == null || s.jump(this.initialValues[r]), this.latestValues[r] = this.initialValues[r];
-    this.current = t, ed.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((r, o) => this.bindToMotionValue(o, r)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (Mo.current || nd(), this.shouldReduceMotion = Ks.current), process.env.NODE_ENV !== "production" && un(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
+    this.current = t, eu.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((r, o) => this.bindToMotionValue(o, r)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (Mo.current || nu(), this.shouldReduceMotion = Ks.current), process.env.NODE_ENV !== "production" && dn(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
   }
   unmount() {
     var t;
@@ -3072,13 +3072,13 @@ class id {
   }
   bindToMotionValue(t, s) {
     if (this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)(), s.accelerate && uo.has(t) && this.current instanceof HTMLElement) {
-      const { factory: i, keyframes: a, times: c, ease: u, duration: d } = s.accelerate, f = new lo({
+      const { factory: i, keyframes: a, times: c, ease: d, duration: u } = s.accelerate, f = new lo({
         element: this.current,
         name: t,
         keyframes: a,
         times: c,
-        ease: u,
-        duration: /* @__PURE__ */ de(d)
+        ease: d,
+        duration: /* @__PURE__ */ ue(u)
       }), h = i(f);
       this.valueSubscriptions.set(t, () => {
         h(), f.cancel();
@@ -3140,7 +3140,7 @@ class id {
       const o = "on" + r, i = t[o];
       i && (this.propEventSubscriptions[r] = this.on(r, i));
     }
-    this.prevMotionValues = td(this, this.scrapeMotionValuesFromProps(t, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = tu(this, this.scrapeMotionValuesFromProps(t, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -3205,7 +3205,7 @@ class id {
    */
   readValue(t, s) {
     let n = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return n != null && (typeof n == "string" && (Ni(n) || Mi(n)) ? n = parseFloat(n) : !Qu(n) && xe.test(s) && (n = ko(t, s)), this.setBaseTarget(t, oe(n) ? n.get() : n)), oe(n) ? n.get() : n;
+    return n != null && (typeof n == "string" && (Ni(n) || Mi(n)) ? n = parseFloat(n) : !Qd(n) && xe.test(s) && (n = ko(t, s)), this.setBaseTarget(t, oe(n) ? n.get() : n)), oe(n) ? n.get() : n;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -3241,9 +3241,9 @@ class id {
     Sn.render(this.render);
   }
 }
-class Vo extends id {
+class Vo extends iu {
   constructor() {
-    super(...arguments), this.KeyframeResolver = Ru;
+    super(...arguments), this.KeyframeResolver = Rd;
   }
   sortInstanceNodePosition(t, s) {
     return t.compareDocumentPosition(s) & 2 ? 1 : -1;
@@ -3276,10 +3276,10 @@ function Ro({ top: e, left: t, right: s, bottom: n }) {
     y: { min: e, max: n }
   };
 }
-function od({ x: e, y: t }) {
+function ou({ x: e, y: t }) {
   return { top: t.min, right: e.max, bottom: t.max, left: e.min };
 }
-function ad(e, t) {
+function au(e, t) {
   if (!t)
     return e;
   const s = t({ x: e.left, y: e.top }), n = t({ x: e.right, y: e.bottom });
@@ -3319,7 +3319,7 @@ function Lo(e, { x: t, y: s }) {
   Hs(e.x, t.translate, t.scale, t.originPoint), Hs(e.y, s.translate, s.scale, s.originPoint);
 }
 const yr = 0.999999999999, xr = 1.0000000000001;
-function ld(e, t, s, n = !1) {
+function lu(e, t, s, n = !1) {
   var a;
   const r = s.length;
   if (!r)
@@ -3328,8 +3328,8 @@ function ld(e, t, s, n = !1) {
   let o, i;
   for (let c = 0; c < r; c++) {
     o = s[c], i = o.projectionDelta;
-    const { visualElement: u } = o.options;
-    u && u.props.style && u.props.style.display === "contents" || (n && o.options.layoutScroll && o.scroll && o !== o.root && (we(e.x, -o.scroll.offset.x), we(e.y, -o.scroll.offset.y)), i && (t.x *= i.x.scale, t.y *= i.y.scale, Lo(e, i)), n && _e(o.latestValues) && Bt(e, o.latestValues, (a = o.layout) == null ? void 0 : a.layoutBox));
+    const { visualElement: d } = o.options;
+    d && d.props.style && d.props.style.display === "contents" || (n && o.options.layoutScroll && o.scroll && o !== o.root && (we(e.x, -o.scroll.offset.x), we(e.y, -o.scroll.offset.y)), i && (t.x *= i.x.scale, t.y *= i.y.scale, Lo(e, i)), n && _e(o.latestValues) && Bt(e, o.latestValues, (a = o.layout) == null ? void 0 : a.layoutBox));
   }
   t.x < xr && t.x > yr && (t.x = 1), t.y < xr && t.y > yr && (t.y = 1);
 }
@@ -3348,21 +3348,21 @@ function Bt(e, t, s) {
   br(e.x, vr(t.x, n.x), t.scaleX, t.scale, t.originX), br(e.y, vr(t.y, n.y), t.scaleY, t.scale, t.originY);
 }
 function Io(e, t) {
-  return Ro(ad(e.getBoundingClientRect(), t));
+  return Ro(au(e.getBoundingClientRect(), t));
 }
-function cd(e, t, s) {
+function cu(e, t, s) {
   const n = Io(e, s), { scroll: r } = t;
   return r && (we(n.x, r.offset.x), we(n.y, r.offset.y)), n;
 }
-const ud = {
+const du = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, dd = rt.length;
-function fd(e, t, s) {
+}, uu = rt.length;
+function fu(e, t, s) {
   let n = "", r = !0;
-  for (let o = 0; o < dd; o++) {
+  for (let o = 0; o < uu; o++) {
     const i = rt[o], a = e[i];
     if (a === void 0)
       continue;
@@ -3370,17 +3370,17 @@ function fd(e, t, s) {
     if (typeof a == "number")
       c = a === (i.startsWith("scale") ? 1 : 0);
     else {
-      const u = parseFloat(a);
-      c = i.startsWith("scale") ? u === 1 : u === 0;
+      const d = parseFloat(a);
+      c = i.startsWith("scale") ? d === 1 : d === 0;
     }
     if (!c || s) {
-      const u = To(a, Tn[i]);
+      const d = To(a, Tn[i]);
       if (!c) {
         r = !1;
-        const d = ud[i] || i;
-        n += `${d}(${u}) `;
+        const u = du[i] || i;
+        n += `${u}(${d}) `;
       }
-      s && (t[i] = u);
+      s && (t[i] = d);
     }
   }
   return n = n.trim(), s ? n = s(t, r ? "" : n) : r && (n = "none"), n;
@@ -3389,21 +3389,21 @@ function Mn(e, t, s) {
   const { style: n, vars: r, transformOrigin: o } = e;
   let i = !1, a = !1;
   for (const c in t) {
-    const u = t[c];
+    const d = t[c];
     if (it.has(c)) {
       i = !0;
       continue;
     } else if (Gi(c)) {
-      r[c] = u;
+      r[c] = d;
       continue;
     } else {
-      const d = To(u, Tn[c]);
-      c.startsWith("origin") ? (a = !0, o[c] = d) : n[c] = d;
+      const u = To(d, Tn[c]);
+      c.startsWith("origin") ? (a = !0, o[c] = u) : n[c] = u;
     }
   }
-  if (t.transform || (i || s ? n.transform = fd(t, e.transform, s) : n.transform && (n.transform = "none")), a) {
-    const { originX: c = "50%", originY: u = "50%", originZ: d = 0 } = o;
-    n.transformOrigin = `${c} ${u} ${d}`;
+  if (t.transform || (i || s ? n.transform = fu(t, e.transform, s) : n.transform && (n.transform = "none")), a) {
+    const { originX: c = "50%", originY: d = "50%", originZ: u = 0 } = o;
+    n.transformOrigin = `${c} ${d} ${u}`;
   }
 }
 function zo(e, { style: t, vars: s }, n, r) {
@@ -3430,15 +3430,15 @@ const lt = {
     const s = wr(e, t.target.x), n = wr(e, t.target.y);
     return `${s}% ${n}%`;
   }
-}, hd = {
+}, hu = {
   correct: (e, { treeScale: t, projectionDelta: s }) => {
     const n = e, r = xe.parse(e);
     if (r.length > 5)
       return n;
     const o = xe.createTransformer(e), i = typeof r[0] != "number" ? 1 : 0, a = s.x.scale * t.x, c = s.y.scale * t.y;
     r[0 + i] /= a, r[1 + i] /= c;
-    const u = W(a, c, 0.5);
-    return typeof r[2 + i] == "number" && (r[2 + i] /= u), typeof r[3 + i] == "number" && (r[3 + i] /= u), o(r);
+    const d = W(a, c, 0.5);
+    return typeof r[2 + i] == "number" && (r[2 + i] /= d), typeof r[3 + i] == "number" && (r[3 + i] /= d), o(r);
   }
 }, Xs = {
   borderRadius: {
@@ -3454,7 +3454,7 @@ const lt = {
   borderTopRightRadius: lt,
   borderBottomLeftRadius: lt,
   borderBottomRightRadius: lt,
-  boxShadow: hd
+  boxShadow: hu
 };
 function Oo(e, { layout: t, layoutId: s }) {
   return it.has(e) || e.startsWith("origin") || (t || s !== void 0) && (!!Xs[e] || e === "opacity");
@@ -3468,10 +3468,10 @@ function En(e, t, s) {
     (oe(n[a]) || r && oe(r[a]) || Oo(a, e) || ((i = s == null ? void 0 : s.getValue(a)) == null ? void 0 : i.liveStyle) !== void 0) && (o[a] = n[a]);
   return o;
 }
-function md(e) {
+function mu(e) {
   return window.getComputedStyle(e);
 }
-class pd extends Vo {
+class pu extends Vo {
   constructor() {
     super(...arguments), this.type = "html", this.renderInstance = zo;
   }
@@ -3480,7 +3480,7 @@ class pd extends Vo {
     if (it.has(s))
       return (n = this.projection) != null && n.isProjecting ? Ls(s) : Dc(t, s);
     {
-      const r = md(t), o = (Gi(s) ? r.getPropertyValue(s) : r[s]) || 0;
+      const r = mu(t), o = (Gi(s) ? r.getPropertyValue(s) : r[s]) || 0;
       return typeof o == "string" ? o.trim() : o;
     }
   }
@@ -3494,19 +3494,19 @@ class pd extends Vo {
     return En(t, s, n);
   }
 }
-const gd = {
+const gu = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, yd = {
+}, yu = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function xd(e, t, s = 1, n = 0, r = !0) {
+function xu(e, t, s = 1, n = 0, r = !0) {
   e.pathLength = 1;
-  const o = r ? gd : yd;
+  const o = r ? gu : yu;
   e[o.offset] = `${-n}`, e[o.array] = `${t} ${s}`;
 }
-const bd = [
+const bu = [
   "offsetDistance",
   "offsetPath",
   "offsetRotate",
@@ -3521,17 +3521,17 @@ function Fo(e, {
   pathOffset: i = 0,
   // This is object creation, which we try to avoid per-frame.
   ...a
-}, c, u, d) {
-  if (Mn(e, a, u), c) {
+}, c, d, u) {
+  if (Mn(e, a, d), c) {
     e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
     return;
   }
   e.attrs = e.style, e.style = {};
   const { attrs: f, style: h } = e;
-  f.transform && (h.transform = f.transform, delete f.transform), (h.transform || f.transformOrigin) && (h.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), h.transform && (h.transformBox = (d == null ? void 0 : d.transformBox) ?? "fill-box", delete f.transformBox);
-  for (const m of bd)
+  f.transform && (h.transform = f.transform, delete f.transform), (h.transform || f.transformOrigin) && (h.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), h.transform && (h.transformBox = (u == null ? void 0 : u.transformBox) ?? "fill-box", delete f.transformBox);
+  for (const m of bu)
     f[m] !== void 0 && (h[m] = f[m], delete f[m]);
-  t !== void 0 && (f.x = t), s !== void 0 && (f.y = s), n !== void 0 && (f.scale = n), r !== void 0 && xd(f, r, o, i, !1);
+  t !== void 0 && (f.x = t), s !== void 0 && (f.y = s), n !== void 0 && (f.scale = n), r !== void 0 && xu(f, r, o, i, !1);
 }
 const Bo = /* @__PURE__ */ new Set([
   "baseFrequency",
@@ -3558,7 +3558,7 @@ const Bo = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]), _o = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-function vd(e, t, s, n) {
+function vu(e, t, s, n) {
   zo(e, t, void 0, n);
   for (const r in t.attrs)
     e.setAttribute(Bo.has(r) ? r : jn(r), t.attrs[r]);
@@ -3572,7 +3572,7 @@ function $o(e, t, s) {
     }
   return n;
 }
-class wd extends Vo {
+class wu extends Vo {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = se;
   }
@@ -3593,13 +3593,13 @@ class wd extends Vo {
     Fo(t, s, this.isSVGTag, n.transformTemplate, n.style);
   }
   renderInstance(t, s, n, r) {
-    vd(t, s, n, r);
+    vu(t, s, n, r);
   }
   mount(t) {
     this.isSVGTag = _o(t.tagName), super.mount(t);
   }
 }
-const kd = Pn.length;
+const ku = Pn.length;
 function Wo(e) {
   if (!e)
     return;
@@ -3608,7 +3608,7 @@ function Wo(e) {
     return e.props.initial !== void 0 && (s.initial = e.props.initial), s;
   }
   const t = {};
-  for (let s = 0; s < kd; s++) {
+  for (let s = 0; s < ku; s++) {
     const n = Pn[s], r = e.props[n];
     (gt(r) || r === !1) && (t[n] = r);
   }
@@ -3625,31 +3625,31 @@ function Uo(e, t) {
       return !1;
   return !0;
 }
-const jd = [...Nn].reverse(), Td = Nn.length;
-function Sd(e) {
-  return (t) => Promise.all(t.map(({ animation: s, options: n }) => ku(e, s, n)));
+const ju = [...Nn].reverse(), Tu = Nn.length;
+function Su(e) {
+  return (t) => Promise.all(t.map(({ animation: s, options: n }) => kd(e, s, n)));
 }
-function Cd(e) {
-  let t = Sd(e), s = kr(), n = !0, r = !1;
-  const o = (u) => (d, f) => {
+function Cu(e) {
+  let t = Su(e), s = kr(), n = !0, r = !1;
+  const o = (d) => (u, f) => {
     var m;
-    const h = Ge(e, f, u === "exit" ? (m = e.presenceContext) == null ? void 0 : m.custom : void 0);
+    const h = Ge(e, f, d === "exit" ? (m = e.presenceContext) == null ? void 0 : m.custom : void 0);
     if (h) {
       const { transition: g, transitionEnd: p, ...y } = h;
-      d = { ...d, ...y, ...p };
+      u = { ...u, ...y, ...p };
     }
-    return d;
+    return u;
   };
-  function i(u) {
-    t = u(e);
+  function i(d) {
+    t = d(e);
   }
-  function a(u) {
-    const { props: d } = e, f = Wo(e.parent) || {}, h = [], m = /* @__PURE__ */ new Set();
+  function a(d) {
+    const { props: u } = e, f = Wo(e.parent) || {}, h = [], m = /* @__PURE__ */ new Set();
     let g = {}, p = 1 / 0;
-    for (let w = 0; w < Td; w++) {
-      const b = jd[w], x = s[b], j = d[b] !== void 0 ? d[b] : f[b], T = gt(j), P = b === u ? x.isActive : null;
+    for (let w = 0; w < Tu; w++) {
+      const b = ju[w], x = s[b], j = u[b] !== void 0 ? u[b] : f[b], T = gt(j), P = b === d ? x.isActive : null;
       P === !1 && (p = w);
-      let L = j === f[b] && j !== d[b] && T;
+      let L = j === f[b] && j !== u[b] && T;
       if (L && (n || r) && e.manuallyAnimateOnMount && (L = !1), x.protectedKeys = { ...g }, // If it isn't active and hasn't *just* been set as inactive
       !x.isActive && P === null || // If we didn't and don't have any defined prop for this animation type
       !j && !x.prevProp || // Or if the prop doesn't define an animation
@@ -3662,9 +3662,9 @@ function Cd(e) {
         });
         continue;
       }
-      const k = Ad(x.prevProp, j);
+      const k = Au(x.prevProp, j);
       let M = k || // If we're making this variant active, we want to always make it active
-      b === u && x.isActive && !L && T || // If we removed a higher-priority variant (i is in reverse order)
+      b === d && x.isActive && !L && T || // If we removed a higher-priority variant (i is in reverse order)
       w > p && T, E = !1;
       const O = Array.isArray(j) ? j : [j];
       let B = O.reduce(o(b), {});
@@ -3703,8 +3703,8 @@ function Cd(e) {
     }
     if (m.size) {
       const w = {};
-      if (typeof d.initial != "boolean") {
-        const b = Ge(e, Array.isArray(d.initial) ? d.initial[0] : d.initial);
+      if (typeof u.initial != "boolean") {
+        const b = Ge(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
         b && b.transition && (w.transition = b.transition);
       }
       m.forEach((b) => {
@@ -3713,17 +3713,17 @@ function Cd(e) {
       }), h.push({ animation: w });
     }
     let y = !!h.length;
-    return n && (d.initial === !1 || d.initial === d.animate) && !e.manuallyAnimateOnMount && (y = !1), n = !1, r = !1, y ? t(h) : Promise.resolve();
+    return n && (u.initial === !1 || u.initial === u.animate) && !e.manuallyAnimateOnMount && (y = !1), n = !1, r = !1, y ? t(h) : Promise.resolve();
   }
-  function c(u, d) {
+  function c(d, u) {
     var h;
-    if (s[u].isActive === d)
+    if (s[d].isActive === u)
       return Promise.resolve();
     (h = e.variantChildren) == null || h.forEach((m) => {
       var g;
-      return (g = m.animationState) == null ? void 0 : g.setActive(u, d);
-    }), s[u].isActive = d;
-    const f = a(u);
+      return (g = m.animationState) == null ? void 0 : g.setActive(d, u);
+    }), s[d].isActive = u;
+    const f = a(d);
     for (const m in s)
       s[m].protectedKeys = {};
     return f;
@@ -3738,7 +3738,7 @@ function Cd(e) {
     }
   };
 }
-function Ad(e, t) {
+function Au(e, t) {
   return typeof t == "string" ? t !== e : Array.isArray(t) ? !Uo(t, e) : !1;
 }
 function Fe(e = !1) {
@@ -3769,29 +3769,29 @@ function ge(e, t) {
 function jr(e, t) {
   e.translate = t.translate, e.scale = t.scale, e.originPoint = t.originPoint, e.origin = t.origin;
 }
-const Go = 1e-4, Nd = 1 - Go, Pd = 1 + Go, Ko = 0.01, Md = 0 - Ko, Ed = 0 + Ko;
-function ue(e) {
+const Go = 1e-4, Nu = 1 - Go, Pu = 1 + Go, Ko = 0.01, Mu = 0 - Ko, Eu = 0 + Ko;
+function de(e) {
   return e.max - e.min;
 }
-function Vd(e, t, s) {
+function Vu(e, t, s) {
   return Math.abs(e - t) <= s;
 }
 function Tr(e, t, s, n = 0.5) {
-  e.origin = n, e.originPoint = W(t.min, t.max, e.origin), e.scale = ue(s) / ue(t), e.translate = W(s.min, s.max, e.origin) - e.originPoint, (e.scale >= Nd && e.scale <= Pd || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Md && e.translate <= Ed || isNaN(e.translate)) && (e.translate = 0);
+  e.origin = n, e.originPoint = W(t.min, t.max, e.origin), e.scale = de(s) / de(t), e.translate = W(s.min, s.max, e.origin) - e.originPoint, (e.scale >= Nu && e.scale <= Pu || isNaN(e.scale)) && (e.scale = 1), (e.translate >= Mu && e.translate <= Eu || isNaN(e.translate)) && (e.translate = 0);
 }
 function ft(e, t, s, n) {
   Tr(e.x, t.x, s.x, n ? n.originX : void 0), Tr(e.y, t.y, s.y, n ? n.originY : void 0);
 }
 function Sr(e, t, s, n = 0) {
   const r = n ? W(s.min, s.max, n) : s.min;
-  e.min = r + t.min, e.max = e.min + ue(t);
+  e.min = r + t.min, e.max = e.min + de(t);
 }
-function Rd(e, t, s, n) {
+function Ru(e, t, s, n) {
   Sr(e.x, t.x, s.x, n == null ? void 0 : n.x), Sr(e.y, t.y, s.y, n == null ? void 0 : n.y);
 }
 function Cr(e, t, s, n = 0) {
   const r = n ? W(s.min, s.max, n) : s.min;
-  e.min = t.min - r, e.max = e.min + ue(t);
+  e.min = t.min - r, e.max = e.min + de(t);
 }
 function es(e, t, s, n) {
   Cr(e.x, t.x, s.x, n == null ? void 0 : n.x), Cr(e.y, t.y, s.y, n == null ? void 0 : n.y);
@@ -3799,18 +3799,18 @@ function es(e, t, s, n) {
 function Ar(e, t, s, n, r) {
   return e -= t, e = Qt(e, 1 / s, n), r !== void 0 && (e = Qt(e, 1 / r, n)), e;
 }
-function Dd(e, t = 0, s = 1, n = 0.5, r, o = e, i = e) {
+function Du(e, t = 0, s = 1, n = 0.5, r, o = e, i = e) {
   if (je.test(t) && (t = parseFloat(t), t = W(i.min, i.max, t / 100) - i.min), typeof t != "number")
     return;
   let a = W(o.min, o.max, n);
   e === o && (a -= t), e.min = Ar(e.min, t, s, a, r), e.max = Ar(e.max, t, s, a, r);
 }
 function Nr(e, t, [s, n, r], o, i) {
-  Dd(e, t[s], t[n], t[r], t.scale, o, i);
+  Du(e, t[s], t[n], t[r], t.scale, o, i);
 }
-const Ld = ["x", "scaleX", "originX"], Id = ["y", "scaleY", "originY"];
+const Lu = ["x", "scaleX", "originX"], Iu = ["y", "scaleY", "originY"];
 function Pr(e, t, s, n) {
-  Nr(e.x, t, Ld, s ? s.x : void 0, n ? n.x : void 0), Nr(e.y, t, Id, s ? s.y : void 0, n ? n.y : void 0);
+  Nr(e.x, t, Lu, s ? s.x : void 0, n ? n.x : void 0), Nr(e.y, t, Iu, s ? s.y : void 0, n ? n.y : void 0);
 }
 function Mr(e) {
   return e.translate === 0 && e.scale === 1;
@@ -3821,7 +3821,7 @@ function Yo(e) {
 function Er(e, t) {
   return e.min === t.min && e.max === t.max;
 }
-function zd(e, t) {
+function zu(e, t) {
   return Er(e.x, t.x) && Er(e.y, t.y);
 }
 function Vr(e, t) {
@@ -3831,7 +3831,7 @@ function Ho(e, t) {
   return Vr(e.x, t.x) && Vr(e.y, t.y);
 }
 function Rr(e) {
-  return ue(e.x) / ue(e.y);
+  return de(e.x) / de(e.y);
 }
 function Dr(e, t) {
   return e.translate === t.translate && e.scale === t.scale && e.originPoint === t.originPoint;
@@ -3839,12 +3839,12 @@ function Dr(e, t) {
 function ve(e) {
   return [e("x"), e("y")];
 }
-function Od(e, t, s) {
+function Ou(e, t, s) {
   let n = "";
   const r = e.x.translate / t.x, o = e.y.translate / t.y, i = (s == null ? void 0 : s.z) || 0;
   if ((r || o || i) && (n = `translate3d(${r}px, ${o}px, ${i}px) `), (t.x !== 1 || t.y !== 1) && (n += `scale(${1 / t.x}, ${1 / t.y}) `), s) {
-    const { transformPerspective: u, rotate: d, rotateX: f, rotateY: h, skewX: m, skewY: g } = s;
-    u && (n = `perspective(${u}px) ${n}`), d && (n += `rotate(${d}deg) `), f && (n += `rotateX(${f}deg) `), h && (n += `rotateY(${h}deg) `), m && (n += `skewX(${m}deg) `), g && (n += `skewY(${g}deg) `);
+    const { transformPerspective: d, rotate: u, rotateX: f, rotateY: h, skewX: m, skewY: g } = s;
+    d && (n = `perspective(${d}px) ${n}`), u && (n += `rotate(${u}deg) `), f && (n += `rotateX(${f}deg) `), h && (n += `rotateY(${h}deg) `), m && (n += `skewX(${m}deg) `), g && (n += `skewY(${g}deg) `);
   }
   const a = e.x.scale * t.x, c = e.y.scale * t.y;
   return (a !== 1 || c !== 1) && (n += `scale(${a}, ${c})`), n || "none";
@@ -3854,34 +3854,34 @@ const Xo = [
   "borderTopRightRadius",
   "borderBottomLeftRadius",
   "borderBottomRightRadius"
-], Fd = Xo.length, Lr = (e) => typeof e == "string" ? parseFloat(e) : e, Ir = (e) => typeof e == "number" || A.test(e);
-function Bd(e, t, s, n, r, o) {
-  r ? (e.opacity = W(0, s.opacity ?? 1, _d(n)), e.opacityExit = W(t.opacity ?? 1, 0, $d(n))) : o && (e.opacity = W(t.opacity ?? 1, s.opacity ?? 1, n));
-  for (let i = 0; i < Fd; i++) {
+], Fu = Xo.length, Lr = (e) => typeof e == "string" ? parseFloat(e) : e, Ir = (e) => typeof e == "number" || A.test(e);
+function Bu(e, t, s, n, r, o) {
+  r ? (e.opacity = W(0, s.opacity ?? 1, _u(n)), e.opacityExit = W(t.opacity ?? 1, 0, $u(n))) : o && (e.opacity = W(t.opacity ?? 1, s.opacity ?? 1, n));
+  for (let i = 0; i < Fu; i++) {
     const a = Xo[i];
-    let c = zr(t, a), u = zr(s, a);
-    if (c === void 0 && u === void 0)
+    let c = zr(t, a), d = zr(s, a);
+    if (c === void 0 && d === void 0)
       continue;
-    c || (c = 0), u || (u = 0), c === 0 || u === 0 || Ir(c) === Ir(u) ? (e[a] = Math.max(W(Lr(c), Lr(u), n), 0), (je.test(u) || je.test(c)) && (e[a] += "%")) : e[a] = u;
+    c || (c = 0), d || (d = 0), c === 0 || d === 0 || Ir(c) === Ir(d) ? (e[a] = Math.max(W(Lr(c), Lr(d), n), 0), (je.test(d) || je.test(c)) && (e[a] += "%")) : e[a] = d;
   }
   (t.rotate || s.rotate) && (e.rotate = W(t.rotate || 0, s.rotate || 0, n));
 }
 function zr(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
 }
-const _d = /* @__PURE__ */ qo(0, 0.5, Fi), $d = /* @__PURE__ */ qo(0.5, 0.95, me);
+const _u = /* @__PURE__ */ qo(0, 0.5, Fi), $u = /* @__PURE__ */ qo(0.5, 0.95, me);
 function qo(e, t, s) {
   return (n) => n < e ? 0 : n > t ? 1 : s(/* @__PURE__ */ mt(e, t, n));
 }
-function Wd(e, t, s) {
+function Wu(e, t, s) {
   const n = oe(e) ? e : tt(e);
   return n.start(wn("", n, t, s)), n.animation;
 }
 function yt(e, t, s, n = { passive: !0 }) {
   return e.addEventListener(t, s, n), () => e.removeEventListener(t, s);
 }
-const Ud = (e, t) => e.depth - t.depth;
-class Gd {
+const Uu = (e, t) => e.depth - t.depth;
+class Gu {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
@@ -3892,10 +3892,10 @@ class Gd {
     Yt(this.children, t), this.isDirty = !0;
   }
   forEach(t) {
-    this.isDirty && this.children.sort(Ud), this.isDirty = !1, this.children.forEach(t);
+    this.isDirty && this.children.sort(Uu), this.isDirty = !1, this.children.forEach(t);
   }
 }
-function Kd(e, t) {
+function Ku(e, t) {
   const s = ce.now(), n = ({ timestamp: r }) => {
     const o = r - s;
     o >= t && (Ie(n), e(o - t));
@@ -3905,7 +3905,7 @@ function Kd(e, t) {
 function _t(e) {
   return oe(e) ? e.get() : e;
 }
-class Yd {
+class Yu {
   constructor() {
     this.members = [];
   }
@@ -3969,8 +3969,8 @@ const $t = {
    * update will be given a `data-projection-id` attribute.
    */
   hasEverUpdated: !1
-}, bs = ["", "X", "Y", "Z"], Hd = 1e3;
-let Xd = 0;
+}, bs = ["", "X", "Y", "Z"], Hu = 1e3;
+let Xu = 0;
 function vs(e, t, s, n) {
   const { latestValues: r } = t;
   r[e] && (s[e] = r[e], t.setStaticValue(e, 0), n && (n[e] = 0));
@@ -3992,14 +3992,14 @@ function Zo(e) {
 function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, checkIsScrollRoot: n, resetTransform: r }) {
   return class {
     constructor(i = {}, a = t == null ? void 0 : t()) {
-      this.id = Xd++, 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 = Xu++, 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(Jd), this.nodes.forEach(rf), this.nodes.forEach(of), this.nodes.forEach(Qd);
+        this.projectionUpdateScheduled = !1, this.nodes.forEach(Ju), this.nodes.forEach(rf), this.nodes.forEach(of), this.nodes.forEach(Qu);
       }, this.resolvedRelativeTargetAt = 0, this.linkedParentVersion = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = i, 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 c = 0; c < this.path.length; c++)
         this.path[c].shouldResetTransform = !0;
-      this.root === this && (this.nodes = new Gd());
+      this.root === this && (this.nodes = new Gu());
     }
     addEventListener(i, a) {
       return this.eventHandlers.has(i) || this.eventHandlers.set(i, new cn()), this.eventHandlers.get(i).add(a);
@@ -4017,24 +4017,24 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
     mount(i) {
       if (this.instance)
         return;
-      this.isSVG = An(i) && !Zu(i), this.instance = i;
-      const { layoutId: a, layout: c, visualElement: u } = this.options;
-      if (u && !u.current && u.mount(i), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (c || a) && (this.isLayoutDirty = !0), e) {
-        let d, f = 0;
+      this.isSVG = An(i) && !Zd(i), this.instance = i;
+      const { layoutId: a, layout: c, visualElement: d } = this.options;
+      if (d && !d.current && d.mount(i), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (c || a) && (this.isLayoutDirty = !0), e) {
+        let u, f = 0;
         const h = () => this.root.updateBlockedByResize = !1;
         F.read(() => {
           f = window.innerWidth;
         }), e(i, () => {
           const m = window.innerWidth;
-          m !== f && (f = m, this.root.updateBlockedByResize = !0, d && d(), d = Kd(h, 250), $t.hasAnimatedSinceResize && ($t.hasAnimatedSinceResize = !1, this.nodes.forEach(Br)));
+          m !== f && (f = m, this.root.updateBlockedByResize = !0, u && u(), u = Ku(h, 250), $t.hasAnimatedSinceResize && ($t.hasAnimatedSinceResize = !1, this.nodes.forEach(Br)));
         });
       }
-      a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && u && (a || c) && this.addEventListener("didUpdate", ({ delta: d, hasLayoutChanged: f, hasRelativeLayoutChanged: h, layout: m }) => {
+      a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && d && (a || c) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: f, hasRelativeLayoutChanged: h, layout: m }) => {
         if (this.isTreeAnimationBlocked()) {
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const g = this.options.transition || u.getDefaultTransition() || df, { onLayoutAnimationStart: p, onLayoutAnimationComplete: y } = u.getProps(), w = !this.targetLayout || !Ho(this.targetLayout, m), b = !f && h;
+        const g = this.options.transition || d.getDefaultTransition() || uf, { onLayoutAnimationStart: p, onLayoutAnimationComplete: y } = d.getProps(), w = !this.targetLayout || !Ho(this.targetLayout, m), b = !f && h;
         if (this.options.layoutRoot || this.resumeFrom || b || f && (w || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const x = {
@@ -4042,7 +4042,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
             onPlay: p,
             onComplete: y
           };
-          (u.shouldReduceMotion || this.options.layoutRoot) && (x.delay = 0, x.type = !1), this.startAnimation(x), this.setAnimationOrigin(d, b);
+          (d.shouldReduceMotion || this.options.layoutRoot) && (x.delay = 0, x.type = !1), this.startAnimation(x), this.setAnimationOrigin(u, b);
         } else
           f || Br(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = m;
@@ -4082,15 +4082,15 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && Zo(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
         return;
       this.isLayoutDirty = !0;
-      for (let d = 0; d < this.path.length; d++) {
-        const f = this.path[d];
+      for (let u = 0; u < this.path.length; u++) {
+        const f = this.path[u];
         f.shouldResetTransform = !0, (typeof f.latestValues.x == "string" || typeof f.latestValues.y == "string") && (f.isLayoutDirty = !0), f.updateScroll("snapshot"), f.options.layoutRoot && f.willUpdate(!1);
       }
       const { layoutId: a, layout: c } = this.options;
       if (a === void 0 && !c)
         return;
-      const u = this.getTransformTemplate();
-      this.prevTransformTemplateValue = u ? u(this.latestValues, "") : void 0, this.updateSnapshot(), i && this.notifyListeners("willUpdate");
+      const d = this.getTransformTemplate();
+      this.prevTransformTemplateValue = d ? d(this.latestValues, "") : void 0, this.updateSnapshot(), i && this.notifyListeners("willUpdate");
     }
     update() {
       if (this.updateScheduled = !1, this.isUpdateBlocked()) {
@@ -4102,9 +4102,9 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
         this.nodes.forEach(Fr);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(sf), this.nodes.forEach(nf), this.nodes.forEach(qd), this.nodes.forEach(Zd)) : this.nodes.forEach(Fr), this.clearAllSnapshots();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(sf), this.nodes.forEach(nf), this.nodes.forEach(qu), this.nodes.forEach(Zu)) : this.nodes.forEach(Fr), this.clearAllSnapshots();
       const a = ce.now();
-      ie.delta = Te(0, 1e3 / 60, a - ie.timestamp), ie.timestamp = a, ie.isProcessing = !0, ds.update.process(ie), ds.preRender.process(ie), ds.render.process(ie), ie.isProcessing = !1;
+      ie.delta = Te(0, 1e3 / 60, a - ie.timestamp), ie.timestamp = a, ie.isProcessing = !0, us.update.process(ie), us.preRender.process(ie), us.render.process(ie), ie.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, Sn.read(this.scheduleUpdate));
@@ -4124,7 +4124,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
      * Update measurements
      */
     updateSnapshot() {
-      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !ue(this.snapshot.measuredBox.x) && !ue(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
+      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !de(this.snapshot.measuredBox.x) && !de(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
     }
     updateLayout() {
       if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
@@ -4153,8 +4153,8 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
     resetTransform() {
       if (!r)
         return;
-      const i = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !Yo(this.projectionDelta), c = this.getTransformTemplate(), u = c ? c(this.latestValues, "") : void 0, d = u !== this.prevTransformTemplateValue;
-      i && this.instance && (a || _e(this.latestValues) || d) && (r(this.instance, u), this.shouldResetTransform = !1, this.scheduleRender());
+      const i = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !Yo(this.projectionDelta), c = this.getTransformTemplate(), d = c ? c(this.latestValues, "") : void 0, u = d !== this.prevTransformTemplateValue;
+      i && this.instance && (a || _e(this.latestValues) || u) && (r(this.instance, d), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(i = !0) {
       const a = this.measurePageBox();
@@ -4168,14 +4168,14 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       };
     }
     measurePageBox() {
-      var u;
+      var d;
       const { visualElement: i } = this.options;
       if (!i)
         return se();
       const a = i.measureViewportBox();
-      if (!(((u = this.scroll) == null ? void 0 : u.wasRoot) || this.path.some(hf))) {
-        const { scroll: d } = this.root;
-        d && (we(a.x, d.offset.x), we(a.y, d.offset.y));
+      if (!(((d = this.scroll) == null ? void 0 : d.wasRoot) || this.path.some(hf))) {
+        const { scroll: u } = this.root;
+        u && (we(a.x, u.offset.x), we(a.y, u.offset.y));
       }
       return a;
     }
@@ -4184,32 +4184,32 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       const a = se();
       if (ge(a, i), (c = this.scroll) != null && c.wasRoot)
         return a;
-      for (let u = 0; u < this.path.length; u++) {
-        const d = this.path[u], { scroll: f, options: h } = d;
-        d !== this.root && f && h.layoutScroll && (f.wasRoot && ge(a, i), we(a.x, f.offset.x), we(a.y, f.offset.y));
+      for (let d = 0; d < this.path.length; d++) {
+        const u = this.path[d], { scroll: f, options: h } = u;
+        u !== this.root && f && h.layoutScroll && (f.wasRoot && ge(a, i), we(a.x, f.offset.x), we(a.y, f.offset.y));
       }
       return a;
     }
     applyTransform(i, a = !1, c) {
-      var d, f;
-      const u = c || se();
-      ge(u, i);
+      var u, f;
+      const d = c || se();
+      ge(d, i);
       for (let h = 0; h < this.path.length; h++) {
         const m = this.path[h];
-        !a && m.options.layoutScroll && m.scroll && m !== m.root && (we(u.x, -m.scroll.offset.x), we(u.y, -m.scroll.offset.y)), _e(m.latestValues) && Bt(u, m.latestValues, (d = m.layout) == null ? void 0 : d.layoutBox);
+        !a && m.options.layoutScroll && m.scroll && m !== m.root && (we(d.x, -m.scroll.offset.x), we(d.y, -m.scroll.offset.y)), _e(m.latestValues) && Bt(d, m.latestValues, (u = m.layout) == null ? void 0 : u.layoutBox);
       }
-      return _e(this.latestValues) && Bt(u, this.latestValues, (f = this.layout) == null ? void 0 : f.layoutBox), u;
+      return _e(this.latestValues) && Bt(d, this.latestValues, (f = this.layout) == null ? void 0 : f.layoutBox), d;
     }
     removeTransform(i) {
       var c;
       const a = se();
       ge(a, i);
-      for (let u = 0; u < this.path.length; u++) {
-        const d = this.path[u];
-        if (!_e(d.latestValues))
+      for (let d = 0; d < this.path.length; d++) {
+        const u = this.path[d];
+        if (!_e(u.latestValues))
           continue;
         let f;
-        d.instance && (Ys(d.latestValues) && d.updateSnapshot(), f = se(), ge(f, d.measurePageBox())), Pr(a, d.latestValues, (c = d.snapshot) == null ? void 0 : c.layoutBox, f);
+        u.instance && (Ys(u.latestValues) && u.updateSnapshot(), f = se(), ge(f, u.measurePageBox())), Pr(a, u.latestValues, (c = u.snapshot) == null ? void 0 : c.layoutBox, f);
       }
       return _e(this.latestValues) && Pr(a, this.latestValues), a;
     }
@@ -4236,12 +4236,12 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       const c = !!this.resumingFrom || this !== a;
       if (!(i || c && this.isSharedProjectionDirty || this.isProjectionDirty || (m = this.parent) != null && m.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
         return;
-      const { layout: d, layoutId: f } = this.options;
-      if (!this.layout || !(d || f))
+      const { layout: u, layoutId: f } = this.options;
+      if (!this.layout || !(u || f))
         return;
       this.resolvedRelativeTargetAt = ie.timestamp;
       const h = this.getClosestProjectingParent();
-      h && this.linkedParentVersion !== h.layoutVersion && !h.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (this.options.layoutAnchor !== !1 && h && h.layout ? this.createRelativeTarget(h, this.layout.layoutBox, h.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = se(), this.targetWithTransforms = se()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Rd(this.target, this.relativeTarget, this.relativeParent.target, this.options.layoutAnchor || void 0)) : this.targetDelta ? (this.resumingFrom ? this.applyTransform(this.layout.layoutBox, !1, this.target) : ge(this.target, this.layout.layoutBox), Lo(this.target, this.targetDelta)) : ge(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, this.options.layoutAnchor !== !1 && h && !!h.resumingFrom == !!this.resumingFrom && !h.options.layoutScroll && h.target && this.animationProgress !== 1 ? this.createRelativeTarget(h, this.target, h.target) : this.relativeParent = this.relativeTarget = void 0));
+      h && this.linkedParentVersion !== h.layoutVersion && !h.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (this.options.layoutAnchor !== !1 && h && h.layout ? this.createRelativeTarget(h, this.layout.layoutBox, h.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = se(), this.targetWithTransforms = se()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Ru(this.target, this.relativeTarget, this.relativeParent.target, this.options.layoutAnchor || void 0)) : this.targetDelta ? (this.resumingFrom ? this.applyTransform(this.layout.layoutBox, !1, this.target) : ge(this.target, this.layout.layoutBox), Lo(this.target, this.targetDelta)) : ge(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, this.options.layoutAnchor !== !1 && h && !!h.resumingFrom == !!this.resumingFrom && !h.options.layoutScroll && h.target && this.animationProgress !== 1 ? this.createRelativeTarget(h, this.target, h.target) : this.relativeParent = this.relativeTarget = void 0));
     }
     getClosestProjectingParent() {
       if (!(!this.parent || Ys(this.parent.latestValues) || Do(this.parent.latestValues)))
@@ -4262,12 +4262,12 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       let c = !0;
       if ((this.isProjectionDirty || (g = this.parent) != null && g.isProjectionDirty) && (c = !1), a && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === ie.timestamp && (c = !1), c)
         return;
-      const { layout: u, layoutId: d } = this.options;
-      if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(u || d))
+      const { layout: d, layoutId: u } = this.options;
+      if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(d || u))
         return;
       ge(this.layoutCorrected, this.layout.layoutBox);
       const f = this.treeScale.x, h = this.treeScale.y;
-      ld(this.layoutCorrected, this.treeScale, this.path, a), i.layout && !i.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (i.target = i.layout.layoutBox, i.targetWithTransforms = se());
+      lu(this.layoutCorrected, this.treeScale, this.path, a), i.layout && !i.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (i.target = i.layout.layoutBox, i.targetWithTransforms = se());
       const { target: m } = i;
       if (!m) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -4293,25 +4293,25 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       this.prevProjectionDelta = Qe(), this.projectionDelta = Qe(), this.projectionDeltaWithTransform = Qe();
     }
     setAnimationOrigin(i, a = !1) {
-      const c = this.snapshot, u = c ? c.latestValues : {}, d = { ...this.latestValues }, f = Qe();
+      const c = this.snapshot, d = c ? c.latestValues : {}, u = { ...this.latestValues }, f = Qe();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const h = se(), m = c ? c.source : void 0, g = this.layout ? this.layout.source : void 0, p = m !== g, y = this.getStack(), w = !y || y.members.length <= 1, b = !!(p && !w && this.options.crossfade === !0 && !this.path.some(uf));
+      const h = se(), m = c ? c.source : void 0, g = this.layout ? this.layout.source : void 0, p = m !== g, y = this.getStack(), w = !y || y.members.length <= 1, b = !!(p && !w && this.options.crossfade === !0 && !this.path.some(df));
       this.animationProgress = 0;
       let x;
       this.mixTargetDelta = (j) => {
         const T = j / 1e3;
-        _r(f.x, i.x, T), _r(f.y, i.y, T), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (es(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), cf(this.relativeTarget, this.relativeTargetOrigin, h, T), x && zd(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = se()), ge(x, this.relativeTarget)), p && (this.animationValues = d, Bd(d, u, this.latestValues, T, b, w)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = T;
+        _r(f.x, i.x, T), _r(f.y, i.y, T), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (es(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), cf(this.relativeTarget, this.relativeTargetOrigin, h, T), x && zu(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = se()), ge(x, this.relativeTarget)), p && (this.animationValues = u, Bu(u, d, this.latestValues, T, b, w)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = T;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(i) {
-      var a, c, u;
-      this.notifyListeners("animationStart"), (a = this.currentAnimation) == null || a.stop(), (u = (c = this.resumingFrom) == null ? void 0 : c.currentAnimation) == null || u.stop(), this.pendingAnimation && (Ie(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = F.update(() => {
-        $t.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = tt(0)), this.motionValue.jump(0, !1), this.currentAnimation = Wd(this.motionValue, [0, 1e3], {
+      var a, c, d;
+      this.notifyListeners("animationStart"), (a = this.currentAnimation) == null || a.stop(), (d = (c = this.resumingFrom) == null ? void 0 : c.currentAnimation) == null || d.stop(), this.pendingAnimation && (Ie(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = F.update(() => {
+        $t.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = tt(0)), this.motionValue.jump(0, !1), this.currentAnimation = Wu(this.motionValue, [0, 1e3], {
           ...i,
           velocity: 0,
           isSync: !0,
-          onUpdate: (d) => {
-            this.mixTargetDelta(d), i.onUpdate && i.onUpdate(d);
+          onUpdate: (u) => {
+            this.mixTargetDelta(u), i.onUpdate && i.onUpdate(u);
           },
           onStop: () => {
           },
@@ -4327,28 +4327,28 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       i && i.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
     }
     finishAnimation() {
-      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(Hd), this.currentAnimation.stop()), this.completeAnimation();
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(Hu), this.currentAnimation.stop()), this.completeAnimation();
     }
     applyTransformsToTarget() {
       const i = this.getLead();
-      let { targetWithTransforms: a, target: c, layout: u, latestValues: d } = i;
-      if (!(!a || !c || !u)) {
-        if (this !== i && this.layout && u && Qo(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
+      let { targetWithTransforms: a, target: c, layout: d, latestValues: u } = i;
+      if (!(!a || !c || !d)) {
+        if (this !== i && this.layout && d && Qo(this.options.animationType, this.layout.layoutBox, d.layoutBox)) {
           c = this.target || se();
-          const f = ue(this.layout.layoutBox.x);
+          const f = de(this.layout.layoutBox.x);
           c.x.min = i.target.x.min, c.x.max = c.x.min + f;
-          const h = ue(this.layout.layoutBox.y);
+          const h = de(this.layout.layoutBox.y);
           c.y.min = i.target.y.min, c.y.max = c.y.min + h;
         }
-        ge(a, c), Bt(a, d), ft(this.projectionDeltaWithTransform, this.layoutCorrected, a, d);
+        ge(a, c), Bt(a, u), ft(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
       }
     }
     registerSharedNode(i, a) {
-      this.sharedNodes.has(i) || this.sharedNodes.set(i, new Yd()), this.sharedNodes.get(i).add(a);
-      const u = a.options.initialPromotionConfig;
+      this.sharedNodes.has(i) || this.sharedNodes.set(i, new Yu()), this.sharedNodes.get(i).add(a);
+      const d = a.options.initialPromotionConfig;
       a.promote({
-        transition: u ? u.transition : void 0,
-        preserveFollowOpacity: u && u.shouldPreserveFollowOpacity ? u.shouldPreserveFollowOpacity(a) : void 0
+        transition: d ? d.transition : void 0,
+        preserveFollowOpacity: d && d.shouldPreserveFollowOpacity ? d.shouldPreserveFollowOpacity(a) : void 0
       });
     }
     isLead() {
@@ -4371,8 +4371,8 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
         return this.root.sharedNodes.get(i);
     }
     promote({ needsReset: i, transition: a, preserveFollowOpacity: c } = {}) {
-      const u = this.getStack();
-      u && u.promote(this, c), i && (this.projectionDelta = void 0, this.needsReset = !0), a && this.setOptions({ transition: a });
+      const d = this.getStack();
+      d && d.promote(this, c), i && (this.projectionDelta = void 0, this.needsReset = !0), a && this.setOptions({ transition: a });
     }
     relegate() {
       const i = this.getStack();
@@ -4386,13 +4386,13 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       const { latestValues: c } = i;
       if ((c.z || c.rotate || c.rotateX || c.rotateY || c.rotateZ || c.skewX || c.skewY) && (a = !0), !a)
         return;
-      const u = {};
-      c.z && vs("z", i, u, this.animationValues);
-      for (let d = 0; d < bs.length; d++)
-        vs(`rotate${bs[d]}`, i, u, this.animationValues), vs(`skew${bs[d]}`, i, u, this.animationValues);
+      const d = {};
+      c.z && vs("z", i, d, this.animationValues);
+      for (let u = 0; u < bs.length; u++)
+        vs(`rotate${bs[u]}`, i, d, this.animationValues), vs(`skew${bs[u]}`, i, d, this.animationValues);
       i.render();
-      for (const d in u)
-        i.setStaticValue(d, u[d]), this.animationValues && (this.animationValues[d] = u[d]);
+      for (const u in d)
+        i.setStaticValue(u, d[u]), this.animationValues && (this.animationValues[u] = d[u]);
       i.scheduleRender();
     }
     applyProjectionStyles(i, a) {
@@ -4407,22 +4407,22 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
         this.needsReset = !1, i.visibility = "", i.opacity = "", i.pointerEvents = _t(a == null ? void 0 : a.pointerEvents) || "", i.transform = c ? c(this.latestValues, "") : "none";
         return;
       }
-      const u = this.getLead();
-      if (!this.projectionDelta || !this.layout || !u.target) {
+      const d = this.getLead();
+      if (!this.projectionDelta || !this.layout || !d.target) {
         this.options.layoutId && (i.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, i.pointerEvents = _t(a == null ? void 0 : a.pointerEvents) || ""), this.hasProjected && !_e(this.latestValues) && (i.transform = c ? c({}, "") : "none", this.hasProjected = !1);
         return;
       }
       i.visibility = "";
-      const d = u.animationValues || u.latestValues;
+      const u = d.animationValues || d.latestValues;
       this.applyTransformsToTarget();
-      let f = Od(this.projectionDeltaWithTransform, this.treeScale, d);
-      c && (f = c(d, f)), i.transform = f;
+      let f = Ou(this.projectionDeltaWithTransform, this.treeScale, u);
+      c && (f = c(u, f)), i.transform = f;
       const { x: h, y: m } = this.projectionDelta;
-      i.transformOrigin = `${h.origin * 100}% ${m.origin * 100}% 0`, u.animationValues ? i.opacity = u === this ? d.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : d.opacityExit : i.opacity = u === this ? d.opacity !== void 0 ? d.opacity : "" : d.opacityExit !== void 0 ? d.opacityExit : 0;
+      i.transformOrigin = `${h.origin * 100}% ${m.origin * 100}% 0`, d.animationValues ? i.opacity = d === this ? u.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : u.opacityExit : i.opacity = d === this ? u.opacity !== void 0 ? u.opacity : "" : u.opacityExit !== void 0 ? u.opacityExit : 0;
       for (const g in Xs) {
-        if (d[g] === void 0)
+        if (u[g] === void 0)
           continue;
-        const { correct: p, applyTo: y, isCSSVariable: w } = Xs[g], b = f === "none" ? d[g] : p(d[g], u);
+        const { correct: p, applyTo: y, isCSSVariable: w } = Xs[g], b = f === "none" ? u[g] : p(u[g], d);
         if (y) {
           const x = y.length;
           for (let j = 0; j < x; j++)
@@ -4430,7 +4430,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
         } else
           w ? this.options.visualElement.renderState.vars[g] = b : i[g] = b;
       }
-      this.options.layoutId && (i.pointerEvents = u === this ? _t(a == null ? void 0 : a.pointerEvents) || "" : "none");
+      this.options.layoutId && (i.pointerEvents = d === this ? _t(a == null ? void 0 : a.pointerEvents) || "" : "none");
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -4444,32 +4444,32 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
     }
   };
 }
-function qd(e) {
+function qu(e) {
   e.updateLayout();
 }
-function Zd(e) {
+function Zu(e) {
   var s;
   const t = ((s = e.resumeFrom) == null ? void 0 : s.snapshot) || e.snapshot;
   if (e.isLead() && e.layout && t && e.hasListeners("didUpdate")) {
     const { layoutBox: n, measuredBox: r } = e.layout, { animationType: o } = e.options, i = t.source !== e.layout.source;
     if (o === "size")
       ve((f) => {
-        const h = i ? t.measuredBox[f] : t.layoutBox[f], m = ue(h);
+        const h = i ? t.measuredBox[f] : t.layoutBox[f], m = de(h);
         h.min = n[f].min, h.max = h.min + m;
       });
     else if (o === "x" || o === "y") {
       const f = o === "x" ? "y" : "x";
       qs(i ? t.measuredBox[f] : t.layoutBox[f], n[f]);
     } else Qo(o, t.layoutBox, n) && ve((f) => {
-      const h = i ? t.measuredBox[f] : t.layoutBox[f], m = ue(n[f]);
+      const h = i ? t.measuredBox[f] : t.layoutBox[f], m = de(n[f]);
       h.max = h.min + m, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[f].max = e.relativeTarget[f].min + m);
     });
     const a = Qe();
     ft(a, n, t.layoutBox);
     const c = Qe();
     i ? ft(c, e.applyTransform(r, !0), t.measuredBox) : ft(c, n, t.layoutBox);
-    const u = !Yo(a);
-    let d = !1;
+    const d = !Yo(a);
+    let u = !1;
     if (!e.resumeFrom) {
       const f = e.getClosestProjectingParent();
       if (f && !f.resumeFrom) {
@@ -4478,7 +4478,7 @@ function Zd(e) {
           const g = e.options.layoutAnchor || void 0, p = se();
           es(p, t.layoutBox, h.layoutBox, g);
           const y = se();
-          es(y, n, m.layoutBox, g), Ho(p, y) || (d = !0), f.options.layoutRoot && (e.relativeTarget = y, e.relativeTargetOrigin = p, e.relativeParent = f);
+          es(y, n, m.layoutBox, g), Ho(p, y) || (u = !0), f.options.layoutRoot && (e.relativeTarget = y, e.relativeTargetOrigin = p, e.relativeParent = f);
         }
       }
     }
@@ -4487,8 +4487,8 @@ function Zd(e) {
       snapshot: t,
       delta: c,
       layoutDelta: a,
-      hasLayoutChanged: u,
-      hasRelativeLayoutChanged: d
+      hasLayoutChanged: d,
+      hasRelativeLayoutChanged: u
     });
   } else if (e.isLead()) {
     const { onExitComplete: n } = e.options;
@@ -4496,10 +4496,10 @@ function Zd(e) {
   }
   e.options.transition = void 0;
 }
-function Jd(e) {
+function Ju(e) {
   e.parent && (e.isProjecting() || (e.isProjectionDirty = e.parent.isProjectionDirty), e.isSharedProjectionDirty || (e.isSharedProjectionDirty = !!(e.isProjectionDirty || e.parent.isProjectionDirty || e.parent.isSharedProjectionDirty)), e.isTransformDirty || (e.isTransformDirty = e.parent.isTransformDirty));
 }
-function Qd(e) {
+function Qu(e) {
   e.isProjectionDirty = e.isSharedProjectionDirty = e.isTransformDirty = !1;
 }
 function ef(e) {
@@ -4545,10 +4545,10 @@ function $r(e, t, s, n) {
 function cf(e, t, s, n) {
   $r(e.x, t.x, s.x, n), $r(e.y, t.y, s.y, n);
 }
-function uf(e) {
+function df(e) {
   return e.animationValues && e.animationValues.opacityExit !== void 0;
 }
-const df = {
+const uf = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
 }, Wr = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), Ur = Wr("applewebkit/") && !Wr("chrome/") ? Math.round : me;
@@ -4559,7 +4559,7 @@ function ff(e) {
   Gr(e.x), Gr(e.y);
 }
 function Qo(e, t, s) {
-  return e === "position" || e === "preserve-aspect" && !Vd(Rr(t), Rr(s), 0.2);
+  return e === "position" || e === "preserve-aspect" && !Vu(Rr(t), Rr(s), 0.2);
 }
 function hf(e) {
   var t;
@@ -4649,7 +4649,7 @@ function xf({ children: e, isPresent: t, anchorX: s, anchorY: n, root: r, pop: o
     left: 0,
     right: 0,
     bottom: 0
-  }), { nonce: u } = ne(Vn), d = ((h = e.props) == null ? void 0 : h.ref) ?? (e == null ? void 0 : e.ref), f = gf(a, d);
+  }), { nonce: d } = ne(Vn), u = ((h = e.props) == null ? void 0 : h.ref) ?? (e == null ? void 0 : e.ref), f = gf(a, u);
   return sn(() => {
     const { width: m, height: g, top: p, left: y, right: w, bottom: b } = c.current;
     if (t || o === !1 || !a.current || !m || !g)
@@ -4657,7 +4657,7 @@ function xf({ children: e, isPresent: t, anchorX: s, anchorY: n, root: r, pop: o
     const x = s === "left" ? `left: ${y}` : `right: ${w}`, j = n === "bottom" ? `bottom: ${b}` : `top: ${p}`;
     a.current.dataset.motionPopId = i;
     const T = document.createElement("style");
-    u && (T.nonce = u);
+    d && (T.nonce = d);
     const P = r ?? document.head;
     return P.appendChild(T), T.sheet && T.sheet.insertRule(`
           [data-motion-pop-id="${i}"] {
@@ -4673,27 +4673,27 @@ function xf({ children: e, isPresent: t, anchorX: s, anchorY: n, root: r, pop: o
     };
   }, [t]), l.jsx(yf, { isPresent: t, childRef: a, sizeRef: c, pop: o, children: o === !1 ? e : ns.cloneElement(e, { ref: f }) });
 }
-const bf = ({ children: e, initial: t, isPresent: s, onExitComplete: n, custom: r, presenceAffectsLayout: o, mode: i, anchorX: a, anchorY: c, root: u }) => {
-  const d = an(vf), f = tn();
+const bf = ({ children: e, initial: t, isPresent: s, onExitComplete: n, custom: r, presenceAffectsLayout: o, mode: i, anchorX: a, anchorY: c, root: d }) => {
+  const u = an(vf), f = tn();
   let h = !0, m = Ke(() => (h = !1, {
     id: f,
     initial: t,
     isPresent: s,
     custom: r,
     onExitComplete: (g) => {
-      d.set(g, !0);
-      for (const p of d.values())
+      u.set(g, !0);
+      for (const p of u.values())
         if (!p)
           return;
       n && n();
     },
-    register: (g) => (d.set(g, !1), () => d.delete(g))
-  }), [s, d, n]);
+    register: (g) => (u.set(g, !1), () => u.delete(g))
+  }), [s, u, n]);
   return o && h && (m = { ...m }), Ke(() => {
-    d.forEach((g, p) => d.set(p, !1));
+    u.forEach((g, p) => u.set(p, !1));
   }, [s]), ns.useEffect(() => {
-    !s && !d.size && n && n();
-  }, [s]), e = l.jsx(xf, { pop: i === "popLayout", isPresent: s, anchorX: a, anchorY: c, root: u, children: e }), l.jsx(is.Provider, { value: m, children: e });
+    !s && !u.size && n && n();
+  }, [s]), e = l.jsx(xf, { pop: i === "popLayout", isPresent: s, anchorX: a, anchorY: c, root: d, children: e }), l.jsx(is.Provider, { value: m, children: e });
 };
 function vf() {
   return /* @__PURE__ */ new Map();
@@ -4717,8 +4717,8 @@ function Yr(e) {
     Da(s) && t.push(s);
   }), t;
 }
-const fe = ({ children: e, custom: t, initial: s = !0, onExitComplete: n, presenceAffectsLayout: r = !0, mode: o = "sync", propagate: i = !1, anchorX: a = "left", anchorY: c = "top", root: u }) => {
-  const [d, f] = ta(i), h = Ke(() => Yr(e), [e]), m = i && !d ? [] : h.map(Pt), g = re(!0), p = re(h), y = an(() => /* @__PURE__ */ new Map()), w = re(/* @__PURE__ */ new Set()), [b, x] = z(h), [j, T] = z(h);
+const fe = ({ children: e, custom: t, initial: s = !0, onExitComplete: n, presenceAffectsLayout: r = !0, mode: o = "sync", propagate: i = !1, anchorX: a = "left", anchorY: c = "top", root: d }) => {
+  const [u, f] = ta(i), h = Ke(() => Yr(e), [e]), m = i && !u ? [] : h.map(Pt), g = re(!0), p = re(h), y = an(() => /* @__PURE__ */ new Map()), w = re(/* @__PURE__ */ new Set()), [b, x] = z(h), [j, T] = z(h);
   Ai(() => {
     g.current = !1, p.current = h;
     for (let k = 0; k < j.length; k++) {
@@ -4738,7 +4738,7 @@ const fe = ({ children: e, custom: t, initial: s = !0, onExitComplete: n, presen
   process.env.NODE_ENV !== "production" && o === "wait" && j.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
   const { forceRender: L } = ne(on);
   return l.jsx(l.Fragment, { children: j.map((k) => {
-    const M = Pt(k), E = i && !d ? !1 : h === j || m.includes(M), O = () => {
+    const M = Pt(k), E = i && !u ? !1 : h === j || m.includes(M), O = () => {
       if (w.current.has(M))
         return;
       if (y.has(M))
@@ -4750,7 +4750,7 @@ const fe = ({ children: e, custom: t, initial: s = !0, onExitComplete: n, presen
         le || (B = !1);
       }), B && (L == null || L(), T(p.current), i && (f == null || f()), n && n());
     };
-    return l.jsx(bf, { isPresent: E, initial: !g.current || s ? void 0 : !1, custom: t, presenceAffectsLayout: r, mode: o, root: u, onExitComplete: E ? void 0 : O, anchorX: a, anchorY: c, children: k }, M);
+    return l.jsx(bf, { isPresent: E, initial: !g.current || s ? void 0 : !1, custom: t, presenceAffectsLayout: r, mode: o, root: d, onExitComplete: E ? void 0 : O, anchorX: a, anchorY: c, children: k }, M);
   }) });
 }, sa = Pe({ strict: !1 }), Hr = {
   animation: [
@@ -4784,7 +4784,7 @@ function wf() {
   Eo(e), Xr = !0;
 }
 function na() {
-  return wf(), rd();
+  return wf(), ru();
 }
 function kf(e) {
   const t = na();
@@ -4954,9 +4954,9 @@ function Dn(e) {
   );
 }
 function Rf(e, t, s, { latestValues: n }, r, o = !1, i) {
-  const c = (i ?? Dn(e) ? Ef : Mf)(t, n, r, e), u = Sf(t, typeof e == "string", o), d = e !== ki ? { ...u, ...c, ref: s } : {}, { children: f } = t, h = Ke(() => oe(f) ? f.get() : f, [f]);
+  const c = (i ?? Dn(e) ? Ef : Mf)(t, n, r, e), d = Sf(t, typeof e == "string", o), u = e !== ki ? { ...d, ...c, ref: s } : {}, { children: f } = t, h = Ke(() => oe(f) ? f.get() : f, [f]);
   return Ut(e, {
-    ...d,
+    ...u,
     children: h
   });
 }
@@ -4971,11 +4971,11 @@ function Lf(e, t, s, n) {
   for (const h in o)
     r[h] = _t(o[h]);
   let { initial: i, animate: a } = e;
-  const c = ls(e), u = Po(e);
-  t && u && !c && e.inherit !== !1 && (i === void 0 && (i = t.initial), a === void 0 && (a = t.animate));
-  let d = s ? s.initial === !1 : !1;
-  d = d || i === !1;
-  const f = d ? a : i;
+  const c = ls(e), d = Po(e);
+  t && d && !c && e.inherit !== !1 && (i === void 0 && (i = t.initial), a === void 0 && (a = t.animate));
+  let u = s ? s.initial === !1 : !1;
+  u = u || i === !1;
+  const f = u ? a : i;
   if (f && typeof f != "boolean" && !as(f)) {
     const h = Array.isArray(f) ? f : [f];
     for (let m = 0; m < h.length; m++) {
@@ -4985,7 +4985,7 @@ function Lf(e, t, s, n) {
         for (const b in w) {
           let x = w[b];
           if (Array.isArray(x)) {
-            const j = d ? x.length - 1 : 0;
+            const j = u ? x.length - 1 : 0;
             x = x[j];
           }
           x !== null && (r[b] = x);
@@ -5032,14 +5032,14 @@ function Xe(e) {
 }
 function Bf(e, t, s, n, r, o) {
   var x, j;
-  const { visualElement: i } = ne(cs), a = ne(sa), c = ne(is), u = ne(Vn), d = u.reducedMotion, f = u.skipAnimations, h = re(null), m = re(!1);
+  const { visualElement: i } = ne(cs), a = ne(sa), c = ne(is), d = ne(Vn), u = d.reducedMotion, f = d.skipAnimations, h = re(null), m = re(!1);
   n = n || a.renderer, !h.current && n && (h.current = n(e, {
     visualState: t,
     parent: i,
     props: s,
     presenceContext: c,
     blockInitialAnimation: c ? c.initial === !1 : !1,
-    reducedMotionConfig: d,
+    reducedMotionConfig: u,
     skipAnimations: f,
     isSVG: o
   }), m.current && h.current && (h.current.manuallyAnimateOnMount = !0));
@@ -5060,7 +5060,7 @@ function Bf(e, t, s, n, r, o) {
   }), g;
 }
 function _f(e, t, s, n) {
-  const { layoutId: r, layout: o, drag: i, dragConstraints: a, layoutScroll: c, layoutRoot: u, layoutAnchor: d, layoutCrossfade: f } = t;
+  const { layoutId: r, layout: o, drag: i, dragConstraints: a, layoutScroll: c, layoutRoot: d, layoutAnchor: u, layoutCrossfade: f } = t;
   e.projection = new s(e.latestValues, t["data-framer-portal-id"] ? void 0 : ca(e.parent)), e.projection.setOptions({
     layoutId: r,
     layout: o,
@@ -5077,8 +5077,8 @@ function _f(e, t, s, n) {
     initialPromotionConfig: n,
     crossfade: f,
     layoutScroll: c,
-    layoutRoot: u,
-    layoutAnchor: d
+    layoutRoot: d,
+    layoutAnchor: u
   });
 }
 function ca(e) {
@@ -5088,19 +5088,19 @@ function ca(e) {
 function ks(e, { forwardMotionProps: t = !1, type: s } = {}, n, r) {
   n && kf(n);
   const o = s ? s === "svg" : Dn(e), i = o ? zf : If;
-  function a(u, d) {
+  function a(d, u) {
     let f;
     const h = {
       ...ne(Vn),
-      ...u,
-      layoutId: $f(u)
-    }, { isStatic: m } = h, g = Af(u), p = i(u, m);
+      ...d,
+      layoutId: $f(d)
+    }, { isStatic: m } = h, g = Af(d), p = i(d, m);
     if (!m && typeof window < "u") {
       Wf(h, n);
       const y = Uf(h);
       f = y.MeasureLayout, g.visualElement = Bf(e, p, h, r, y.ProjectionNode, o);
     }
-    return l.jsxs(cs.Provider, { value: g, children: [f && g.visualElement ? l.jsx(f, { visualElement: g.visualElement, ...h }) : null, Rf(e, u, Ff(p, g.visualElement, d), p, m, t, o)] });
+    return l.jsxs(cs.Provider, { value: g, children: [f && g.visualElement ? l.jsx(f, { visualElement: g.visualElement, ...h }) : null, Rf(e, d, Ff(p, g.visualElement, u), p, m, t, o)] });
   }
   a.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
   const c = en(a);
@@ -5130,7 +5130,7 @@ function Uf(e) {
 function Gf(e, t) {
   if (typeof Proxy > "u")
     return ks;
-  const s = /* @__PURE__ */ new Map(), n = (o, i) => ks(o, i, e, t), r = (o, i) => (process.env.NODE_ENV !== "production" && un(!1, "motion() is deprecated. Use motion.create() instead."), n(o, i));
+  const s = /* @__PURE__ */ new Map(), n = (o, i) => ks(o, i, e, t), r = (o, i) => (process.env.NODE_ENV !== "production" && dn(!1, "motion() is deprecated. Use motion.create() instead."), n(o, i));
   return new Proxy(r, {
     /**
      * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
@@ -5140,7 +5140,7 @@ function Gf(e, t) {
     get: (o, i) => i === "create" ? n : (s.has(i) || s.set(i, ks(i, void 0, e, t)), s.get(i))
   });
 }
-const Kf = (e, t) => t.isSVG ?? Dn(e) ? new wd(t) : new pd(t, {
+const Kf = (e, t) => t.isSVG ?? Dn(e) ? new wu(t) : new pu(t, {
   allowProjection: e !== ki
 });
 class Yf extends ze {
@@ -5150,7 +5150,7 @@ class Yf extends ze {
    * so people can optionally code split it out using the `m` component.
    */
   constructor(t) {
-    super(t), t.animationState || (t.animationState = Cd(t));
+    super(t), t.animationState || (t.animationState = Cu(t));
   }
   updateAnimationControlsSubscription() {
     const { animate: t } = this.node.getProps();
@@ -5189,7 +5189,7 @@ class Xf extends ze {
         if (typeof i == "string") {
           const c = Ge(this.node, i, a);
           if (c) {
-            const { transition: u, transitionEnd: d, ...f } = c;
+            const { transition: d, transitionEnd: u, ...f } = c;
             for (const h in f)
               (o = this.node.getValue(h)) == null || o.jump(f[h]);
           }
@@ -5232,13 +5232,13 @@ const Zf = (e) => (t) => Cn(t) && e(t, wt(t));
 function ht(e, t, s, n) {
   return yt(e, t, Zf(s), n);
 }
-const ua = ({ current: e }) => e ? e.ownerDocument.defaultView : null, Zr = (e, t) => Math.abs(e - t);
+const da = ({ current: e }) => e ? e.ownerDocument.defaultView : null, Zr = (e, t) => Math.abs(e - t);
 function Jf(e, t) {
   const s = Zr(e.x, t.x), n = Zr(e.y, t.y);
   return Math.sqrt(s ** 2 + n ** 2);
 }
 const Jr = /* @__PURE__ */ new Set(["auto", "scroll"]);
-class da {
+class ua {
   constructor(t, s, { transformPagePoint: n, contextWindow: r = window, dragSnapToOrigin: o = !1, distanceThreshold: i = 3, element: a } = {}) {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.lastRawMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (m) => {
       this.handleScroll(m.target);
@@ -5267,10 +5267,10 @@ class da {
     }, !Cn(t))
       return;
     this.dragSnapToOrigin = o, this.handlers = s, this.transformPagePoint = n, this.distanceThreshold = i, this.contextWindow = r || window;
-    const c = wt(t), u = Mt(c, this.transformPagePoint), { point: d } = u, { timestamp: f } = ie;
-    this.history = [{ ...d, timestamp: f }];
+    const c = wt(t), d = Mt(c, this.transformPagePoint), { point: u } = d, { timestamp: f } = ie;
+    this.history = [{ ...u, timestamp: f }];
     const { onSessionStart: h } = s;
-    h && h(t, js(u, this.history)), this.removeListeners = xt(ht(this.contextWindow, "pointermove", this.handlePointerMove), ht(this.contextWindow, "pointerup", this.handlePointerUp), ht(this.contextWindow, "pointercancel", this.handlePointerUp)), a && this.startScrollTracking(a);
+    h && h(t, js(d, this.history)), this.removeListeners = xt(ht(this.contextWindow, "pointermove", this.handlePointerMove), ht(this.contextWindow, "pointerup", this.handlePointerUp), ht(this.contextWindow, "pointercancel", this.handlePointerUp)), a && this.startScrollTracking(a);
   }
   /**
    * Start tracking scroll on ancestors and window.
@@ -5343,11 +5343,11 @@ function eh(e, t) {
     return { x: 0, y: 0 };
   let s = e.length - 1, n = null;
   const r = fa(e);
-  for (; s >= 0 && (n = e[s], !(r.timestamp - n.timestamp > /* @__PURE__ */ de(t))); )
+  for (; s >= 0 && (n = e[s], !(r.timestamp - n.timestamp > /* @__PURE__ */ ue(t))); )
     s--;
   if (!n)
     return { x: 0, y: 0 };
-  n === e[0] && e.length > 2 && r.timestamp - n.timestamp > /* @__PURE__ */ de(t) * 2 && (n = e[1]);
+  n === e[0] && e.length > 2 && r.timestamp - n.timestamp > /* @__PURE__ */ ue(t) * 2 && (n = e[1]);
   const o = /* @__PURE__ */ he(r.timestamp - n.timestamp);
   if (o === 0)
     return { x: 0, y: 0 };
@@ -5384,7 +5384,7 @@ function nh(e, t) {
 }
 function rh(e, t) {
   let s = 0.5;
-  const n = ue(e), r = ue(t);
+  const n = de(e), r = de(t);
   return r > n ? s = /* @__PURE__ */ mt(t.min, t.max - n, e.min) : n > r && (s = /* @__PURE__ */ mt(e.min, e.max - r, t.min)), Te(0, 1, s);
 }
 function ih(e, t) {
@@ -5420,7 +5420,7 @@ class lh {
       s && this.snapToCursor(wt(f).point), this.stopAnimation();
     }, i = (f, h) => {
       const { drag: m, dragPropagation: g, onDragStart: p } = this.getProps();
-      if (m && !g && (this.openDragLock && this.openDragLock(), this.openDragLock = Du(m), !this.openDragLock))
+      if (m && !g && (this.openDragLock && this.openDragLock(), this.openDragLock = Dd(m), !this.openDragLock))
         return;
       this.latestPointerEvent = f, this.latestPanInfo = h, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), ve((w) => {
         let b = this.getAxisMotionValue(w).get() || 0;
@@ -5428,7 +5428,7 @@ class lh {
           const { projection: x } = this.visualElement;
           if (x && x.layout) {
             const j = x.layout.layoutBox[w];
-            j && (b = ue(j) * (parseFloat(b) / 100));
+            j && (b = de(j) * (parseFloat(b) / 100));
           }
         }
         this.originPoint[w] = b;
@@ -5442,27 +5442,27 @@ class lh {
         return;
       const { offset: w } = h;
       if (g && this.currentDirection === null) {
-        this.currentDirection = uh(w), this.currentDirection !== null && p && p(this.currentDirection);
+        this.currentDirection = dh(w), this.currentDirection !== null && p && p(this.currentDirection);
         return;
       }
       this.updateAxis("x", h.point, w), this.updateAxis("y", h.point, w), this.visualElement.render(), y && F.update(() => y(f, h), !1, !0);
     }, c = (f, h) => {
       this.latestPointerEvent = f, this.latestPanInfo = h, this.stop(f, h), this.latestPointerEvent = null, this.latestPanInfo = null;
-    }, u = () => {
+    }, d = () => {
       const { dragSnapToOrigin: f } = this.getProps();
       (f || this.constraints) && this.startAnimation({ x: 0, y: 0 });
-    }, { dragSnapToOrigin: d } = this.getProps();
-    this.panSession = new da(t, {
+    }, { dragSnapToOrigin: u } = this.getProps();
+    this.panSession = new ua(t, {
       onSessionStart: o,
       onStart: i,
       onMove: a,
       onSessionEnd: c,
-      resumeAnimation: u
+      resumeAnimation: d
     }, {
       transformPagePoint: this.visualElement.getTransformPagePoint(),
-      dragSnapToOrigin: d,
+      dragSnapToOrigin: u,
       distanceThreshold: n,
-      contextWindow: ua(this.visualElement),
+      contextWindow: da(this.visualElement),
       element: this.visualElement.current
     });
   }
@@ -5521,23 +5521,23 @@ class lh {
     const { projection: r } = this.visualElement;
     if (!r || !r.layout)
       return !1;
-    const o = cd(n, r.root, this.visualElement.getTransformPagePoint());
+    const o = cu(n, r.root, this.visualElement.getTransformPagePoint());
     let i = nh(r.layout.layoutBox, o);
     if (s) {
-      const a = s(od(i));
+      const a = s(ou(i));
       this.hasMutatedConstraints = !!a, a && (i = Ro(a));
     }
     return i;
   }
   startAnimation(t) {
-    const { drag: s, dragMomentum: n, dragElastic: r, dragTransition: o, dragSnapToOrigin: i, onDragTransitionEnd: a } = this.getProps(), c = this.constraints || {}, u = ve((d) => {
-      if (!Et(d, s, this.currentDirection))
+    const { drag: s, dragMomentum: n, dragElastic: r, dragTransition: o, dragSnapToOrigin: i, onDragTransitionEnd: a } = this.getProps(), c = this.constraints || {}, d = ve((u) => {
+      if (!Et(u, s, this.currentDirection))
         return;
-      let f = c && c[d] || {};
-      (i === !0 || i === d) && (f = { min: 0, max: 0 });
+      let f = c && c[u] || {};
+      (i === !0 || i === u) && (f = { min: 0, max: 0 });
       const h = r ? 200 : 1e6, m = r ? 40 : 1e7, g = {
         type: "inertia",
-        velocity: n ? t[d] : 0,
+        velocity: n ? t[u] : 0,
         bounceStiffness: h,
         bounceDamping: m,
         timeConstant: 750,
@@ -5546,9 +5546,9 @@ class lh {
         ...o,
         ...f
       };
-      return this.startAxisValueAnimation(d, g);
+      return this.startAxisValueAnimation(u, g);
     });
-    return Promise.all(u).then(a);
+    return Promise.all(d).then(a);
   }
   startAxisValueAnimation(t, s) {
     const n = this.getAxisMotionValue(t);
@@ -5603,28 +5603,28 @@ class lh {
     this.visualElement.current.style.transform = o ? o({}, "") : "none", n.root && n.root.updateScroll(), n.updateLayout(), this.constraints = !1, this.resolveConstraints(), ve((i) => {
       if (!Et(i, t, null))
         return;
-      const a = this.getAxisMotionValue(i), { min: c, max: u } = this.constraints[i];
-      a.set(W(c, u, r[i]));
+      const a = this.getAxisMotionValue(i), { min: c, max: d } = this.constraints[i];
+      a.set(W(c, d, r[i]));
     }), this.visualElement.render();
   }
   addListeners() {
     if (!this.visualElement.current)
       return;
     ah.set(this.visualElement, this);
-    const t = this.visualElement.current, s = ht(t, "pointerdown", (u) => {
-      const { drag: d, dragListener: f = !0 } = this.getProps(), h = u.target, m = h !== t && Bu(h);
-      d && f && !m && this.start(u);
+    const t = this.visualElement.current, s = ht(t, "pointerdown", (d) => {
+      const { drag: u, dragListener: f = !0 } = this.getProps(), h = d.target, m = h !== t && Bd(h);
+      u && f && !m && this.start(d);
     });
     let n;
     const r = () => {
-      const { dragConstraints: u } = this.getProps();
-      Xe(u) && u.current && (this.constraints = this.resolveRefConstraints(), n || (n = ch(t, u.current, () => this.scalePositionWithinConstraints())));
+      const { dragConstraints: d } = this.getProps();
+      Xe(d) && d.current && (this.constraints = this.resolveRefConstraints(), n || (n = ch(t, d.current, () => this.scalePositionWithinConstraints())));
     }, { projection: o } = this.visualElement, i = o.addEventListener("measure", r);
     o && !o.layout && (o.root && o.root.updateScroll(), o.updateLayout()), F.read(r);
-    const a = yt(window, "resize", () => this.scalePositionWithinConstraints()), c = o.addEventListener("didUpdate", (({ delta: u, hasLayoutChanged: d }) => {
-      this.isDragging && d && (ve((f) => {
+    const a = yt(window, "resize", () => this.scalePositionWithinConstraints()), c = o.addEventListener("didUpdate", (({ delta: d, hasLayoutChanged: u }) => {
+      this.isDragging && u && (ve((f) => {
         const h = this.getAxisMotionValue(f);
-        h && (this.originPoint[f] += u[f].translate, h.set(h.get() + u[f].translate));
+        h && (this.originPoint[f] += d[f].translate, h.set(h.get() + d[f].translate));
       }), this.visualElement.render());
     }));
     return () => {
@@ -5655,7 +5655,7 @@ function ri(e) {
   };
 }
 function ch(e, t, s) {
-  const n = dr(e, ri(s)), r = dr(t, ri(s));
+  const n = ur(e, ri(s)), r = ur(t, ri(s));
   return () => {
     n(), r();
   };
@@ -5663,11 +5663,11 @@ function ch(e, t, s) {
 function Et(e, t, s) {
   return (t === !0 || t === e) && (s === null || s === e);
 }
-function uh(e, t = 10) {
+function dh(e, t = 10) {
   let s = null;
   return Math.abs(e.y) > t ? s = "y" : Math.abs(e.x) > t && (s = "x"), s;
 }
-class dh extends ze {
+class uh extends ze {
   constructor(t) {
     super(t), this.removeGroupControls = me, this.removeListeners = me, this.controls = new lh(t);
   }
@@ -5691,9 +5691,9 @@ class fh extends ze {
     super(...arguments), this.removePointerDownListener = me;
   }
   onPointerDown(t) {
-    this.session = new da(t, this.createPanHandlers(), {
+    this.session = new ua(t, this.createPanHandlers(), {
       transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: ua(this.node)
+      contextWindow: da(this.node)
     });
   }
   createPanHandlers() {
@@ -5771,7 +5771,7 @@ const mh = {
     Feature: fh
   },
   drag: {
-    Feature: dh,
+    Feature: uh,
     ProjectionNode: ea,
     MeasureLayout: ha
   }
@@ -5785,7 +5785,7 @@ function ii(e, t, s) {
 class ph extends ze {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = Iu(t, (s, n) => (ii(this.node, n, "Start"), (r) => ii(this.node, r, "End"))));
+    t && (this.unmount = Id(t, (s, n) => (ii(this.node, n, "Start"), (r) => ii(this.node, r, "End"))));
   }
   unmount() {
   }
@@ -5826,7 +5826,7 @@ class yh extends ze {
     if (!t)
       return;
     const { globalTapTarget: s, propagate: n } = this.node.props;
-    this.unmount = $u(t, (r, o) => (oi(this.node, o, "Start"), (i, { success: a }) => oi(this.node, i, a ? "End" : "Cancel")), {
+    this.unmount = $d(t, (r, o) => (oi(this.node, o, "Start"), (i, { success: a }) => oi(this.node, i, a ? "End" : "Cancel")), {
       useGlobalTarget: s,
       stopPropagation: (n == null ? void 0 : n.tap) === !1
     });
@@ -5867,13 +5867,13 @@ class jh extends ze {
       root: s ? s.current : void 0,
       rootMargin: n,
       threshold: typeof r == "number" ? r : kh[r]
-    }, a = (u) => {
-      const { isIntersecting: d } = u;
-      if (this.isInView === d || (this.isInView = d, o && !d && this.hasEnteredView))
+    }, a = (d) => {
+      const { isIntersecting: u } = d;
+      if (this.isInView === u || (this.isInView = u, o && !u && this.hasEnteredView))
         return;
-      d && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", d);
-      const { onViewportEnter: f, onViewportLeave: h } = this.node.getProps(), m = d ? f : h;
-      m && m(u);
+      u && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", u);
+      const { onViewportEnter: f, onViewportLeave: h } = this.node.getProps(), m = u ? f : h;
+      m && m(d);
     };
     this.stopObserver = wh(this.node.current, i, a);
   }
@@ -5959,8 +5959,8 @@ const Ph = (e, t) => {
     },
     getConflictingClassGroupIds: (i, a) => {
       if (a) {
-        const c = n[i], u = s[i];
-        return c ? u ? Ph(u, c) : c : u || ai;
+        const c = n[i], d = s[i];
+        return c ? d ? Ph(d, c) : c : d || ai;
       }
       return s[i] || ai;
     }
@@ -5970,17 +5970,17 @@ const Ph = (e, t) => {
     return s.classGroupId;
   const r = e[t], o = s.nextPart.get(r);
   if (o) {
-    const u = ga(e, t + 1, o);
-    if (u) return u;
+    const d = ga(e, t + 1, o);
+    if (d) return d;
   }
   const i = s.validators;
   if (i === null)
     return;
   const a = t === 0 ? e.join(ss) : e.slice(t).join(ss), c = i.length;
-  for (let u = 0; u < c; u++) {
-    const d = i[u];
-    if (d.validator(a))
-      return d.classGroupId;
+  for (let d = 0; d < c; d++) {
+    const u = i[d];
+    if (u.validator(a))
+      return u.classGroupId;
   }
 }, Rh = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const t = e.slice(1, -1), s = t.indexOf(":"), n = t.slice(0, s);
@@ -6075,9 +6075,9 @@ const Ph = (e, t) => {
   } = e;
   let n = (r) => {
     const o = [];
-    let i = 0, a = 0, c = 0, u;
-    const d = r.length;
-    for (let p = 0; p < d; p++) {
+    let i = 0, a = 0, c = 0, d;
+    const u = r.length;
+    for (let p = 0; p < u; p++) {
       const y = r[p];
       if (i === 0 && a === 0) {
         if (y === li) {
@@ -6085,7 +6085,7 @@ const Ph = (e, t) => {
           continue;
         }
         if (y === "/") {
-          u = p;
+          d = p;
           continue;
         }
       }
@@ -6100,7 +6100,7 @@ const Ph = (e, t) => {
        */
       f.startsWith(Qs) && (h = f.slice(1), m = !0)
     );
-    const g = u && u > c ? u - c : void 0;
+    const g = d && d > c ? d - c : void 0;
     return ci(o, m, h, g);
   };
   if (t) {
@@ -6148,9 +6148,9 @@ const Ph = (e, t) => {
     sortModifiers: o,
     postfixLookupClassGroupIds: i
   } = t, a = [], c = e.trim().split(Yh);
-  let u = "";
-  for (let d = c.length - 1; d >= 0; d -= 1) {
-    const f = c[d], {
+  let d = "";
+  for (let u = c.length - 1; u >= 0; u -= 1) {
+    const f = c[u], {
       isExternal: h,
       modifiers: m,
       hasImportantModifier: g,
@@ -6158,7 +6158,7 @@ const Ph = (e, t) => {
       maybePostfixModifierPosition: y
     } = s(f);
     if (h) {
-      u = f + (u.length > 0 ? " " + u : u);
+      d = f + (d.length > 0 ? " " + d : d);
       continue;
     }
     let w = !!y, b;
@@ -6171,11 +6171,11 @@ const Ph = (e, t) => {
       b = n(p);
     if (!b) {
       if (!w) {
-        u = f + (u.length > 0 ? " " + u : u);
+        d = f + (d.length > 0 ? " " + d : d);
         continue;
       }
       if (b = n(p), !b) {
-        u = f + (u.length > 0 ? " " + u : u);
+        d = f + (d.length > 0 ? " " + d : d);
         continue;
       }
       w = !1;
@@ -6189,9 +6189,9 @@ const Ph = (e, t) => {
       const k = P[L];
       a.push(j + k);
     }
-    u = f + (u.length > 0 ? " " + u : u);
+    d = f + (d.length > 0 ? " " + d : d);
   }
-  return u;
+  return d;
 }, Xh = (...e) => {
   let t = 0, s, n, r = "";
   for (; t < e.length; )
@@ -6207,14 +6207,14 @@ const Ph = (e, t) => {
 }, qh = (e, ...t) => {
   let s, n, r, o;
   const i = (c) => {
-    const u = t.reduce((d, f) => f(d), e());
-    return s = Gh(u), n = s.cache.get, r = s.cache.set, o = a, a(c);
+    const d = t.reduce((u, f) => f(u), e());
+    return s = Gh(d), n = s.cache.get, r = s.cache.set, o = a, a(c);
   }, a = (c) => {
-    const u = n(c);
-    if (u)
-      return u;
-    const d = Hh(c, s);
-    return r(c, d), d;
+    const d = n(c);
+    if (d)
+      return d;
+    const u = Hh(c, s);
+    return r(c, u), u;
   };
   return o = i, (...c) => o(Xh(...c));
 }, Zh = [], te = (e) => {
@@ -6225,14 +6225,14 @@ const Ph = (e, t) => {
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   em.test(e) && !tm.test(e)
-), In = () => !1, im = (e) => sm.test(e), om = (e) => nm.test(e), am = (e) => !S(e) && !C(e), lm = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), cm = (e) => Oe(e, Ta, In), S = (e) => ba.test(e), Be = (e) => Oe(e, Sa, rm), ui = (e) => Oe(e, ym, D), um = (e) => Oe(e, Aa, wa), dm = (e) => Oe(e, Ca, In), di = (e) => Oe(e, ka, In), fm = (e) => Oe(e, ja, om), Vt = (e) => Oe(e, Na, im), C = (e) => va.test(e), ct = (e) => Ye(e, Sa), hm = (e) => Ye(e, Ca), fi = (e) => Ye(e, ka), mm = (e) => Ye(e, Ta), pm = (e) => Ye(e, ja), Rt = (e) => Ye(e, Na, !0), gm = (e) => Ye(e, Aa, !0), Oe = (e, t, s) => {
+), In = () => !1, im = (e) => sm.test(e), om = (e) => nm.test(e), am = (e) => !S(e) && !C(e), lm = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), cm = (e) => Oe(e, Ta, In), S = (e) => ba.test(e), Be = (e) => Oe(e, Sa, rm), di = (e) => Oe(e, ym, D), dm = (e) => Oe(e, Aa, wa), um = (e) => Oe(e, Ca, In), ui = (e) => Oe(e, ka, In), fm = (e) => Oe(e, ja, om), Vt = (e) => Oe(e, Na, im), C = (e) => va.test(e), ct = (e) => Ye(e, Sa), hm = (e) => Ye(e, Ca), fi = (e) => Ye(e, ka), mm = (e) => Ye(e, Ta), pm = (e) => Ye(e, ja), Rt = (e) => Ye(e, Na, !0), gm = (e) => Ye(e, Aa, !0), Oe = (e, t, s) => {
   const n = ba.exec(e);
   return n ? n[1] ? t(n[1]) : s(n[2]) : !1;
 }, Ye = (e, t, s = !1) => {
   const n = va.exec(e);
   return n ? n[1] ? t(n[1]) : s : !1;
 }, ka = (e) => e === "position" || e === "percentage", ja = (e) => e === "image" || e === "url", Ta = (e) => e === "length" || e === "size" || e === "bg-size", Sa = (e) => e === "length", ym = (e) => e === "number", Ca = (e) => e === "family-name", Aa = (e) => e === "number" || e === "weight", Na = (e) => e === "shadow", xm = () => {
-  const e = te("color"), t = te("font"), s = te("text"), n = te("font-weight"), r = te("tracking"), o = te("leading"), i = te("breakpoint"), a = te("container"), c = te("spacing"), u = te("radius"), d = te("shadow"), f = te("inset-shadow"), h = te("text-shadow"), m = te("drop-shadow"), g = te("blur"), p = te("perspective"), y = te("aspect"), w = te("ease"), b = te("animate"), x = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [
+  const e = te("color"), t = te("font"), s = te("text"), n = te("font-weight"), r = te("tracking"), o = te("leading"), i = te("breakpoint"), a = te("container"), c = te("spacing"), d = te("radius"), u = te("shadow"), f = te("inset-shadow"), h = te("text-shadow"), m = te("drop-shadow"), g = te("blur"), p = te("perspective"), y = te("aspect"), w = te("ease"), b = te("animate"), x = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [
     "center",
     "top",
     "bottom",
@@ -6252,7 +6252,7 @@ const Ph = (e, t) => {
     "left-bottom"
   ], T = () => [...j(), C, S], P = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], k = () => [C, S, c], M = () => [Me, "full", "auto", ...k()], E = () => [be, "none", "subgrid", C, S], O = () => ["auto", {
     span: ["full", be, C, S]
-  }, be, C, S], B = () => [be, "auto", C, S], le = () => ["auto", "min", "max", "fr", C, S], ae = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], _ = () => ["auto", ...k()], pe = () => [Me, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], U = () => [Me, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...k()], Q = () => [Me, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...k()], N = () => [e, C, S], v = () => [...j(), fi, di, {
+  }, be, C, S], B = () => [be, "auto", C, S], le = () => ["auto", "min", "max", "fr", C, S], ae = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], _ = () => ["auto", ...k()], pe = () => [Me, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], U = () => [Me, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...k()], Q = () => [Me, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...k()], N = () => [e, C, S], v = () => [...j(), fi, ui, {
     position: [C, S]
   }], R = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -6263,17 +6263,17 @@ const Ph = (e, t) => {
     "",
     "none",
     "full",
-    u,
+    d,
     C,
     S
-  ], ee = () => ["", D, ct, Be], G = () => ["solid", "dashed", "dotted", "double"], Se = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], X = () => [D, As, fi, di], kt = () => [
+  ], ee = () => ["", D, ct, Be], G = () => ["solid", "dashed", "dotted", "double"], Se = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], X = () => [D, As, fi, ui], kt = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     g,
     C,
     S
-  ], jt = () => ["none", D, C, S], Tt = () => ["none", D, C, S], us = () => [D, C, S], St = () => [Me, "full", ...k()];
+  ], jt = () => ["none", D, C, S], Tt = () => ["none", D, C, S], ds = () => [D, C, S], St = () => [Me, "full", ...k()];
   return {
     cacheSize: 500,
     theme: {
@@ -7091,7 +7091,7 @@ const Ph = (e, t) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [n, gm, um]
+        font: [n, gm, dm]
       }],
       /**
        * Font Stretch
@@ -7105,7 +7105,7 @@ const Ph = (e, t) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [hm, dm, t]
+        font: [hm, um, t]
       }],
       /**
        * Font Feature Settings
@@ -7156,7 +7156,7 @@ const Ph = (e, t) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [D, "none", C, ui]
+        "line-clamp": [D, "none", C, di]
       }],
       /**
        * Line Height
@@ -7772,7 +7772,7 @@ const Ph = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          d,
+          u,
           Rt,
           Vt
         ]
@@ -8431,21 +8431,21 @@ const Ph = (e, t) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: us()
+        skew: ds()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": us()
+        "skew-x": ds()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": us()
+        "skew-y": ds()
       }],
       /**
        * Transform
@@ -8839,7 +8839,7 @@ const Ph = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [D, ct, Be, ui]
+        stroke: [D, ct, Be, di]
       }],
       /**
        * Stroke
@@ -9164,10 +9164,10 @@ const Nm = ({
   title: o = "Ether UI Console",
   className: i
 }) => {
-  const [a, c] = z(e), [u, d] = z(""), [f, h] = z(""), [m, g] = z(""), [p, y] = z(!1), [w, b] = z(!1), [x, j] = z(!1), T = async (P) => {
+  const [a, c] = z(e), [d, u] = z(""), [f, h] = z(""), [m, g] = z(""), [p, y] = z(!1), [w, b] = z(!1), [x, j] = z(!1), T = async (P) => {
     P.preventDefault(), j(!0);
     try {
-      a === "login" && t ? await t({ email: f, password: m, rememberMe: p }) : a === "register" && s ? await s({ name: u, email: f, password: m, acceptTerms: w }) : a === "forgot" && n && await n({ email: f });
+      a === "login" && t ? await t({ email: f, password: m, rememberMe: p }) : a === "register" && s ? await s({ name: d, email: f, password: m, acceptTerms: w }) : a === "forgot" && n && await n({ email: f });
     } finally {
       j(!1);
     }
@@ -9273,8 +9273,8 @@ const Nm = ({
                   label: "Full Name",
                   type: "text",
                   placeholder: "Alex Carter",
-                  value: u,
-                  onChange: (P) => d(P.target.value),
+                  value: d,
+                  onChange: (P) => u(P.target.value),
                   required: !0
                 }
               ),
@@ -9446,12 +9446,12 @@ const Nm = ({
   placeholder: r = "Select option",
   className: o
 }) => {
-  const [i, a] = z(!1), c = re(null), u = t.find((d) => d.value === s);
+  const [i, a] = z(!1), c = re(null), d = t.find((u) => u.value === s);
   return Ae(() => {
-    const d = (f) => {
+    const u = (f) => {
       c.current && !c.current.contains(f.target) && a(!1);
     };
-    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
+    return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
   }, []), /* @__PURE__ */ l.jsxs("div", { ref: c, className: V("space-y-1.5 w-full text-left relative", o), children: [
     e && /* @__PURE__ */ l.jsx("label", { className: "text-sm font-semibold text-foreground ml-1", children: e }),
     /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsxs(
@@ -9461,7 +9461,7 @@ const Nm = ({
         onClick: () => a(!i),
         className: "glass-input w-full flex items-center justify-between cursor-pointer focus:ring-2 focus:ring-ring/10 text-left",
         children: [
-          /* @__PURE__ */ l.jsx("span", { className: V(!u && "text-muted-foreground/60"), children: u ? u.label : r }),
+          /* @__PURE__ */ l.jsx("span", { className: V(!d && "text-muted-foreground/60"), children: d ? d.label : r }),
           /* @__PURE__ */ l.jsx(Ti, { size: 18, className: V("text-muted-foreground transition-transform duration-200", i && "rotate-180") })
         ]
       }
@@ -9474,22 +9474,22 @@ const Nm = ({
         exit: { opacity: 0, y: 5, scale: 0.98 },
         transition: { duration: 0.15 },
         className: "absolute z-50 w-full mt-2 glass-panel rounded-2xl overflow-hidden shadow-2xl p-1 max-h-60 overflow-y-auto custom-scrollbar",
-        children: t.map((d, f) => {
-          const h = d.value === s;
+        children: t.map((u, f) => {
+          const h = u.value === s;
           return /* @__PURE__ */ l.jsx(
             "button",
             {
               type: "button",
               onClick: () => {
-                n && n(d.value), a(!1);
+                n && n(u.value), a(!1);
               },
               className: V(
                 "w-full text-left px-4 py-2.5 rounded-xl text-sm transition-colors cursor-pointer",
                 h ? "bg-primary text-primary-foreground font-semibold" : "hover:bg-secondary text-foreground"
               ),
-              children: d.label
+              children: u.label
             },
-            d.value || f
+            u.value || f
           );
         })
       }
@@ -9502,7 +9502,7 @@ const Nm = ({
   maxSizeMB: n = 10,
   className: r
 }) => {
-  const [o, i] = z(!1), [a, c] = z([]), u = re(null), d = (p) => {
+  const [o, i] = z(!1), [a, c] = z([]), d = re(null), u = (p) => {
     p.preventDefault(), p.stopPropagation(), p.type === "dragenter" || p.type === "dragover" ? i(!0) : p.type === "dragleave" && i(!1);
   }, f = (p) => {
     const y = Array.from(p).map((b) => {
@@ -9539,11 +9539,11 @@ const Nm = ({
     /* @__PURE__ */ l.jsxs(
       "div",
       {
-        onDragEnter: d,
-        onDragOver: d,
-        onDragLeave: d,
+        onDragEnter: u,
+        onDragOver: u,
+        onDragLeave: u,
         onDrop: h,
-        onClick: () => u.current && u.current.click(),
+        onClick: () => d.current && d.current.click(),
         className: V(
           "relative border-2 border-dashed rounded-2xl p-8 flex flex-col items-center justify-center gap-3 cursor-pointer select-none transition-all duration-300 min-h-[160px]",
           o ? "border-primary bg-primary/5 scale-[0.99] shadow-md shadow-primary/5" : "bg-white/40 border-border dark:bg-black/20 hover:border-primary/50 hover:bg-secondary/20"
@@ -9552,7 +9552,7 @@ const Nm = ({
           /* @__PURE__ */ l.jsx(
             "input",
             {
-              ref: u,
+              ref: d,
               type: "file",
               multiple: !0,
               accept: t,
@@ -9617,7 +9617,7 @@ const Nm = ({
               className: "flex items-center justify-between gap-4 p-2.5 rounded-xl bg-secondary/30 border border-border/10 text-xs",
               children: [
                 /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-3 min-w-0 flex-1", children: [
-                  /* @__PURE__ */ l.jsx("div", { className: "p-2 rounded-lg bg-card border border-border/20 text-muted-foreground shrink-0", children: /* @__PURE__ */ l.jsx(ul, { size: 16 }) }),
+                  /* @__PURE__ */ l.jsx("div", { className: "p-2 rounded-lg bg-card border border-border/20 text-muted-foreground shrink-0", children: /* @__PURE__ */ l.jsx(dl, { size: 16 }) }),
                   /* @__PURE__ */ l.jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
                     /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
                       /* @__PURE__ */ l.jsx("p", { className: "font-semibold text-foreground truncate", children: p.name }),
@@ -9780,85 +9780,91 @@ const Nm = ({
   totalPages: t = 1,
   onPageChange: s,
   loading: n = !1
-}) => t <= 1 ? null : /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between py-2 mt-6 w-full", children: [
-  /* @__PURE__ */ l.jsxs("div", { className: "flex-1 flex justify-between sm:hidden", children: [
-    /* @__PURE__ */ l.jsx(
-      ke,
-      {
-        variant: "outline",
-        onClick: () => s(e - 1),
-        disabled: e === 1 || n,
-        children: "Previous"
-      }
-    ),
-    /* @__PURE__ */ l.jsx(
-      ke,
-      {
-        variant: "outline",
-        onClick: () => s(e + 1),
-        disabled: e === t || n,
-        children: "Next"
-      }
-    )
-  ] }),
-  /* @__PURE__ */ l.jsxs("div", { className: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between", children: [
-    /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-      "Page ",
-      /* @__PURE__ */ l.jsx("span", { className: "font-bold text-foreground", children: e }),
-      " of",
-      " ",
-      /* @__PURE__ */ l.jsx("span", { className: "font-bold text-foreground", children: t })
-    ] }) }),
-    /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsxs("nav", { className: "relative z-0 inline-flex gap-1.5 rounded-md shadow-sm", "aria-label": "Pagination", children: [
-      /* @__PURE__ */ l.jsxs(
+}) => {
+  if (t <= 1) return null;
+  const o = ((i, a) => a <= 5 ? Array.from({ length: a }, (c, d) => d + 1) : i <= 3 ? [1, 2, 3, 4, "...", a] : i >= a - 2 ? [1, "...", a - 3, a - 2, a - 1, a] : [1, "...", i - 1, i, i + 1, "...", a])(e, t);
+  return /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between py-2 mt-6 w-full", children: [
+    /* @__PURE__ */ l.jsxs("div", { className: "flex-1 flex justify-between sm:hidden", children: [
+      /* @__PURE__ */ l.jsx(
         ke,
         {
           variant: "outline",
-          className: "p-2.5 rounded-xl shrink-0",
           onClick: () => s(e - 1),
           disabled: e === 1 || n,
-          children: [
-            /* @__PURE__ */ l.jsx("span", { className: "sr-only", children: "Previous" }),
-            /* @__PURE__ */ l.jsx(Si, { size: 16 })
-          ]
+          children: "Previous"
         }
       ),
-      [...Array(t)].map((r, o) => {
-        const i = o + 1, a = e === i;
-        return /* @__PURE__ */ l.jsx(
-          ke,
-          {
-            variant: a ? "primary" : "outline",
-            className: "w-10 h-10 p-0 rounded-xl shrink-0 font-mono text-xs",
-            onClick: () => s(i),
-            disabled: n,
-            children: i
-          },
-          i
-        );
-      }),
-      /* @__PURE__ */ l.jsxs(
+      /* @__PURE__ */ l.jsx(
         ke,
         {
           variant: "outline",
-          className: "p-2.5 rounded-xl shrink-0",
           onClick: () => s(e + 1),
           disabled: e === t || n,
-          children: [
-            /* @__PURE__ */ l.jsx("span", { className: "sr-only", children: "Next" }),
-            /* @__PURE__ */ l.jsx(nn, { size: 16 })
-          ]
+          children: "Next"
         }
       )
-    ] }) })
-  ] })
-] }), zm = ({ children: e, content: t }) => {
+    ] }),
+    /* @__PURE__ */ l.jsxs("div", { className: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        "Page ",
+        /* @__PURE__ */ l.jsx("span", { className: "font-bold text-foreground", children: e }),
+        " of",
+        " ",
+        /* @__PURE__ */ l.jsx("span", { className: "font-bold text-foreground", children: t })
+      ] }) }),
+      /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsxs("nav", { className: "relative z-0 inline-flex gap-1.5 rounded-md shadow-sm", "aria-label": "Pagination", children: [
+        /* @__PURE__ */ l.jsxs(
+          ke,
+          {
+            variant: "outline",
+            className: "p-2.5 rounded-xl shrink-0",
+            onClick: () => s(e - 1),
+            disabled: e === 1 || n,
+            children: [
+              /* @__PURE__ */ l.jsx("span", { className: "sr-only", children: "Previous" }),
+              /* @__PURE__ */ l.jsx(Si, { size: 16 })
+            ]
+          }
+        ),
+        o.map((i, a) => {
+          if (i === "...")
+            return /* @__PURE__ */ l.jsx("div", { className: "flex items-end justify-center px-1 pb-1", children: /* @__PURE__ */ l.jsx("span", { className: "text-muted-foreground tracking-widest leading-none font-bold", children: "..." }) }, `dots-${a}`);
+          const c = e === i;
+          return /* @__PURE__ */ l.jsx(
+            ke,
+            {
+              variant: c ? "primary" : "outline",
+              className: "w-10 h-10 p-0 rounded-xl shrink-0 font-mono text-xs",
+              onClick: () => s(i),
+              disabled: n,
+              children: i
+            },
+            i
+          );
+        }),
+        /* @__PURE__ */ l.jsxs(
+          ke,
+          {
+            variant: "outline",
+            className: "p-2.5 rounded-xl shrink-0",
+            onClick: () => s(e + 1),
+            disabled: e === t || n,
+            children: [
+              /* @__PURE__ */ l.jsx("span", { className: "sr-only", children: "Next" }),
+              /* @__PURE__ */ l.jsx(nn, { size: 16 })
+            ]
+          }
+        )
+      ] }) })
+    ] })
+  ] });
+}, zm = ({ children: e, content: t }) => {
   const [s, n] = z(!1), [r, o] = z({ x: 0, y: 0 }), i = re(null), a = () => {
     if (i.current) {
-      const d = i.current.getBoundingClientRect();
+      const u = i.current.getBoundingClientRect();
       o({
-        x: d.left + d.width / 2,
-        y: d.top + window.scrollY - 8
+        x: u.left + u.width / 2,
+        y: u.top + window.scrollY - 8
       });
     }
   };
@@ -9867,7 +9873,7 @@ const Nm = ({
   }), [s]);
   const c = () => {
     t && n(!0);
-  }, u = () => {
+  }, d = () => {
     n(!1);
   };
   return /* @__PURE__ */ l.jsxs(
@@ -9875,7 +9881,7 @@ const Nm = ({
     {
       ref: i,
       onMouseEnter: c,
-      onMouseLeave: u,
+      onMouseLeave: d,
       className: "inline-block w-full",
       children: [
         e,
@@ -10019,24 +10025,24 @@ const Nm = ({
   showMobileToggle: a = !0,
   onLogout: c
 }) => {
-  const [u, d] = z(!1), [f, h] = z(!e);
+  const [d, u] = z(!1), [f, h] = z(!e);
   Ae(() => {
     h(!e);
   }, [e]), Ae(() => {
     const x = () => {
       const j = window.innerWidth < 768;
-      d(j), j || h(!1);
+      u(j), j || h(!1);
     };
     return x(), window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
   }, []);
   const m = () => {
-    if (u) {
+    if (d) {
       const x = !f;
       h(x), t && t(!x);
     } else
       t && t(!e);
   }, g = () => {
-    u && (h(!1), t && t(!0));
+    d && (h(!1), t && t(!0));
   };
   let p = !1, y = () => {
   }, w = !1;
@@ -10045,9 +10051,9 @@ const Nm = ({
     x && (p = x.isDark, y = x.toggleTheme, w = !0);
   } catch {
   }
-  const b = u ? !f : e;
+  const b = d ? !f : e;
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    u && a && /* @__PURE__ */ l.jsxs("div", { className: "flex md:hidden items-center justify-between px-6 py-4 border-b border-border/20 bg-card/45 backdrop-blur-xl w-full shrink-0 min-h-[64px]", children: [
+    d && a && /* @__PURE__ */ l.jsxs("div", { className: "flex md:hidden items-center justify-between px-6 py-4 border-b border-border/20 bg-card/45 backdrop-blur-xl w-full shrink-0 min-h-[64px]", children: [
       /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-3", children: [
         s && /* @__PURE__ */ l.jsx("div", { className: "text-primary shrink-0 transition-transform duration-300", children: s }),
         /* @__PURE__ */ l.jsx("span", { className: "font-extrabold text-sm text-foreground tracking-tight", children: n })
@@ -10073,7 +10079,7 @@ const Nm = ({
         )
       ] })
     ] }),
-    u && !b && /* @__PURE__ */ l.jsx(
+    d && !b && /* @__PURE__ */ l.jsx(
       "div",
       {
         onClick: m,
@@ -10082,7 +10088,7 @@ const Nm = ({
     ),
     /* @__PURE__ */ l.jsxs("aside", { className: V(
       "h-screen bg-card/45 backdrop-blur-xl border-r border-border/40 flex flex-col transition-all duration-300 ease-in-out shrink-0 text-left relative",
-      u ? "fixed top-0 bottom-0 left-0 z-50" : "z-30",
+      d ? "fixed top-0 bottom-0 left-0 z-50" : "z-30",
       b ? "w-0 -translate-x-full md:w-20 md:translate-x-0 overflow-hidden border-r-0 md:border-r border-border/20" : "w-64 translate-x-0 border-r border-border/40",
       i
     ), children: [
@@ -10324,17 +10330,17 @@ const Nm = ({
   ] }),
   s && /* @__PURE__ */ l.jsx("span", { className: "text-sm font-semibold text-foreground", children: s })
 ] }), Ma = Pe(), Ym = ({ children: e }) => {
-  const [t, s] = z([]), [n, r] = z(-1), [o, i] = z("IDLE"), [a, c] = z(""), [u, d] = z({ success: 0, failed: 0, skipped: 0, noLedger: 0, items: [] }), [f, h] = z(null), m = re(!1), g = (b, x = "", j) => {
-    s(b), c(x || "Batch Processing"), r(0), i("SYNCING"), d({ success: 0, failed: 0, skipped: 0, noLedger: 0, items: [] }), h(() => j);
+  const [t, s] = z([]), [n, r] = z(-1), [o, i] = z("IDLE"), [a, c] = z(""), [d, u] = z({ success: 0, failed: 0, skipped: 0, noLedger: 0, items: [] }), [f, h] = z(null), m = re(!1), g = (b, x = "", j) => {
+    s(b), c(x || "Batch Processing"), r(0), i("SYNCING"), u({ success: 0, failed: 0, skipped: 0, noLedger: 0, items: [] }), h(() => j);
   }, p = () => {
-    s([]), r(-1), i("IDLE"), d({ success: 0, failed: 0, skipped: 0, noLedger: 0, items: [] }), h(null);
+    s([]), r(-1), i("IDLE"), u({ success: 0, failed: 0, skipped: 0, noLedger: 0, items: [] }), h(null);
   }, y = async () => {
     if (n < 0 || n >= t.length || m.current || !f) return;
     m.current = !0;
     const b = t[n];
     try {
       const x = await f(b), j = typeof x == "string" ? x : x.status || "SUCCESS", T = (x == null ? void 0 : x.message) || "", P = (x == null ? void 0 : x.name) || b.name || "Task Item", L = (x == null ? void 0 : x.detail) || b.detail || "";
-      d((k) => {
+      u((k) => {
         const M = j.toLowerCase() === "success" ? "success" : j.toLowerCase() === "failed" ? "failed" : j.toLowerCase() === "skipped" ? "skipped" : "noLedger";
         return {
           ...k,
@@ -10348,7 +10354,7 @@ const Nm = ({
         };
       });
     } catch (x) {
-      console.error("Task Execution Failed:", x), d((j) => ({
+      console.error("Task Execution Failed:", x), u((j) => ({
         ...j,
         failed: j.failed + 1,
         items: [{
@@ -10370,7 +10376,7 @@ const Nm = ({
     queue: t,
     currentIndex: n,
     status: o,
-    results: u,
+    results: d,
     batchName: a,
     progress: w,
     addToQueue: g,
@@ -10381,7 +10387,7 @@ const Nm = ({
   if (!e) throw new Error("useSync must be used within a SyncProvider");
   return e;
 }, Hm = () => {
-  const { status: e, results: t, currentIndex: s, queue: n, progress: r, batchName: o, clearQueue: i } = jm(), [a, c] = z(!1), [u, d] = z(!1);
+  const { status: e, results: t, currentIndex: s, queue: n, progress: r, batchName: o, clearQueue: i } = jm(), [a, c] = z(!1), [d, u] = z(!1);
   if (e === "IDLE") return null;
   const f = n[s] || {};
   return /* @__PURE__ */ l.jsx(fe, { children: /* @__PURE__ */ l.jsx(
@@ -10393,7 +10399,7 @@ const Nm = ({
       className: V(
         "fixed bottom-6 right-6 z-50 glass-card border border-border/50 shadow-2xl transition-all duration-300 overflow-hidden",
         a ? "w-12 h-12 rounded-full p-0 flex items-center justify-center cursor-pointer" : "w-80 rounded-2xl p-4",
-        u && !a && "w-[400px] max-h-[500px]"
+        d && !a && "w-[400px] max-h-[500px]"
       ),
       onClick: () => a && c(!1),
       children: a ? /* @__PURE__ */ l.jsxs("div", { className: "relative", children: [
@@ -10410,11 +10416,11 @@ const Nm = ({
               "button",
               {
                 onClick: (h) => {
-                  h.stopPropagation(), d(!u);
+                  h.stopPropagation(), u(!d);
                 },
-                className: V("p-1 hover:bg-secondary rounded-md text-muted-foreground transition-colors cursor-pointer", u && "bg-primary/10 text-primary"),
+                className: V("p-1 hover:bg-secondary rounded-md text-muted-foreground transition-colors cursor-pointer", d && "bg-primary/10 text-primary"),
                 title: "View Logs",
-                children: /* @__PURE__ */ l.jsx(nn, { className: V("transition-transform", u && "rotate-90"), size: 16 })
+                children: /* @__PURE__ */ l.jsx(nn, { className: V("transition-transform", d && "rotate-90"), size: 16 })
               }
             ),
             /* @__PURE__ */ l.jsx(
@@ -10439,7 +10445,7 @@ const Nm = ({
             )
           ] })
         ] }),
-        !u && e === "SYNCING" && /* @__PURE__ */ l.jsxs("div", { className: "space-y-1.5", children: [
+        !d && e === "SYNCING" && /* @__PURE__ */ l.jsxs("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ l.jsxs("div", { className: "flex justify-between items-end", children: [
             /* @__PURE__ */ l.jsx("p", { className: "text-[10px] text-muted-foreground uppercase font-bold tracking-widest truncate max-w-[180px]", children: f.name || "Running Task..." }),
             /* @__PURE__ */ l.jsxs("span", { className: "text-[9px] font-mono font-bold text-primary", children: [
@@ -10457,7 +10463,7 @@ const Nm = ({
             }
           ) })
         ] }),
-        u ? /* @__PURE__ */ l.jsx("div", { className: "space-y-3 max-h-[350px] overflow-y-auto pr-2 custom-scrollbar py-2", children: t.items.length === 0 ? /* @__PURE__ */ l.jsx("p", { className: "text-center text-xs text-muted-foreground py-8", children: "Queueing..." }) : t.items.map((h, m) => /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col gap-1 p-2.5 rounded-xl bg-secondary/30 border border-border/40 text-left", children: [
+        d ? /* @__PURE__ */ l.jsx("div", { className: "space-y-3 max-h-[350px] overflow-y-auto pr-2 custom-scrollbar py-2", children: t.items.length === 0 ? /* @__PURE__ */ l.jsx("p", { className: "text-center text-xs text-muted-foreground py-8", children: "Queueing..." }) : t.items.map((h, m) => /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col gap-1 p-2.5 rounded-xl bg-secondary/30 border border-border/40 text-left", children: [
           /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ l.jsx("span", { className: "font-bold text-[11px] truncate max-w-[200px]", children: h.name }),
             /* @__PURE__ */ l.jsx(
@@ -10487,7 +10493,7 @@ const Nm = ({
             /* @__PURE__ */ l.jsx("span", { className: "text-sm font-mono font-bold text-muted-foreground", children: t.skipped + t.noLedger })
           ] })
         ] }),
-        !u && e === "COMPLETED" && /* @__PURE__ */ l.jsxs("div", { className: "bg-emerald-500/10 border border-emerald-500/20 p-2 rounded-xl flex items-center gap-2 justify-center", children: [
+        !d && e === "COMPLETED" && /* @__PURE__ */ l.jsxs("div", { className: "bg-emerald-500/10 border border-emerald-500/20 p-2 rounded-xl flex items-center gap-2 justify-center", children: [
           /* @__PURE__ */ l.jsx(il, { className: "text-emerald-500", size: 16 }),
           /* @__PURE__ */ l.jsx("p", { className: "text-[10px] font-bold text-emerald-600 uppercase tracking-tighter", children: "Batch operations completed" })
         ] })
@@ -10536,7 +10542,7 @@ const Nm = ({
   maxTags: r = 10,
   className: o
 }) => {
-  const [i, a] = z(""), [c, u] = z(!1), d = re(null), f = re(null), h = (p) => {
+  const [i, a] = z(""), [c, d] = z(!1), u = re(null), f = re(null), h = (p) => {
     if (p.key === "Enter" || p.key === ",") {
       p.preventDefault();
       const y = i.trim().replace(/,/g, "");
@@ -10560,7 +10566,7 @@ const Nm = ({
     /* @__PURE__ */ l.jsxs(
       "div",
       {
-        ref: d,
+        ref: u,
         onClick: g,
         className: V(
           "flex flex-wrap items-center gap-1.5 min-h-[42px] px-3 py-1.5 rounded-xl border transition-all duration-200 cursor-text select-none",
@@ -10600,8 +10606,8 @@ const Nm = ({
               value: i,
               onChange: (p) => a(p.target.value),
               onKeyDown: h,
-              onFocus: () => u(!0),
-              onBlur: () => u(!1),
+              onFocus: () => d(!0),
+              onBlur: () => d(!1),
               placeholder: e.length === 0 ? n : "",
               disabled: e.length >= r,
               className: "flex-1 bg-transparent border-0 outline-none p-0 text-sm text-foreground placeholder:text-muted-foreground/60 min-w-[80px]"
@@ -10729,11 +10735,11 @@ const Nm = ({
     throw new Error("useToast must be used within a ToastProvider");
   return e;
 }, tp = ({ children: e }) => {
-  const [t, s] = z([]), n = Gt(({ title: i, description: a, variant: c = "default", duration: u = 5e3 }) => {
-    const d = Math.random().toString(36).substr(2, 9);
-    s((f) => [...f, { id: d, title: i, description: a, variant: c, duration: u }]), u !== 1 / 0 && setTimeout(() => {
-      r(d);
-    }, u);
+  const [t, s] = z([]), n = Gt(({ title: i, description: a, variant: c = "default", duration: d = 5e3 }) => {
+    const u = Math.random().toString(36).substr(2, 9);
+    s((f) => [...f, { id: u, title: i, description: a, variant: c, duration: d }]), d !== 1 / 0 && setTimeout(() => {
+      r(u);
+    }, d);
   }, []), r = Gt((i) => {
     s((a) => a.filter((c) => c.id !== i));
   }, []), o = {