renderloom 1.0.1 → 1.0.2

package/dist/renderloom.js

@@ -1,5 +1,5 @@
 import * as ns from "react";
-import Dt, { forwardRef as en, createElement as Ut, createContext as Pe, useRef as re, useLayoutEffect as Va, useEffect as Ke, useId as tn, useContext as ne, useInsertionEffect as sn, useMemo as Ge, useCallback as Gt, Children as Ra, isValidElement as Da, useState as z, Fragment as ki, Component as La } from "react";
+import Dt, { forwardRef as en, createElement as Ut, createContext as Pe, useRef as re, useLayoutEffect as Va, useEffect as Ie, useId as tn, useContext as ne, useInsertionEffect as sn, useMemo as Ke, useCallback as Gt, Children as Ra, isValidElement as Da, useState as O, Fragment as ki, Component as La } from "react";
 import Ia from "react-dom";
 var Ct = { exports: {} }, ot = {};
 /**
@@ -49,7 +49,7 @@ function za() {
     function e(b) {
       if (b == null) return null;
       if (typeof b == "function")
-        return b.$$typeof === O ? null : b.displayName || b.name || null;
+        return b.$$typeof === z ? null : b.displayName || b.name || null;
       if (typeof b == "string") return b;
       switch (b) {
         case y:
@@ -62,7 +62,7 @@ function za() {
           return "Suspense";
         case L:
           return "SuspenseList";
-        case M:
+        case E:
           return "Activity";
       }
       if (typeof b == "object")
@@ -80,7 +80,7 @@ function za() {
             return b = b.displayName, b || (b = R.displayName || R.name || "", b = b !== "" ? "ForwardRef(" + b + ")" : "ForwardRef"), b;
           case w:
             return R = b.displayName || null, R !== null ? R : e(b.type) || "Memo";
-          case E:
+          case M:
             R = b._payload, b = b._init;
             try {
               return e(b(R));
@@ -111,7 +111,7 @@ function za() {
     }
     function n(b) {
       if (b === y) return "<>";
-      if (typeof b == "object" && b !== null && b.$$typeof === E)
+      if (typeof b == "object" && b !== null && b.$$typeof === M)
         return "<...>";
       try {
         var R = e(b);
@@ -152,7 +152,7 @@ function za() {
         "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."
       )), b = this.props.ref, b !== void 0 ? b : null;
     }
-    function u(b, R, $, K, q, ee) {
+    function u(b, R, $, K, Z, ee) {
       var G = $.ref;
       return b = {
         $$typeof: g,
@@ -177,7 +177,7 @@ function za() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: q
+        value: Z
       }), Object.defineProperty(b, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -185,7 +185,7 @@ function za() {
         value: ee
       }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     }
-    function d(b, R, $, K, q, ee) {
+    function d(b, R, $, K, Z, ee) {
       var G = R.children;
       if (G !== void 0)
         if (K)
@@ -229,17 +229,17 @@ React keys must be passed directly to JSX without using spread:
         G,
         $,
         r(),
-        q,
+        Z,
         ee
       );
     }
     function f(b) {
-      h(b) ? b._store && (b._store.validated = 1) : typeof b == "object" && b !== null && b.$$typeof === E && (b._payload.status === "fulfilled" ? h(b._payload.value) && b._payload.value._store && (b._payload.value._store.validated = 1) : b._store && (b._store.validated = 1));
+      h(b) ? b._store && (b._store.validated = 1) : typeof b == "object" && b !== null && b.$$typeof === M && (b._payload.status === "fulfilled" ? h(b._payload.value) && b._payload.value._store && (b._payload.value._store.validated = 1) : b._store && (b._store.validated = 1));
     }
     function h(b) {
       return typeof b == "object" && b !== null && b.$$typeof === g;
     }
-    var m = Dt, g = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), T = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), M = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), B = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, le = Object.prototype.hasOwnProperty, ae = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var m = Dt, g = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), T = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), E = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), B = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, le = Object.prototype.hasOwnProperty, ae = Array.isArray, q = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
@@ -250,7 +250,7 @@ React keys must be passed directly to JSX without using spread:
     var _, pe = {}, U = m.react_stack_bottom_frame.bind(
       m,
       o
-    )(), Q = X(n(o)), P = {};
+    )(), Q = q(n(o)), P = {};
     at.Fragment = y, at.jsx = function(b, R, $) {
       var K = 1e4 > B.recentlyCreatedOwnerStacks++;
       return d(
@@ -259,7 +259,7 @@ React keys must be passed directly to JSX without using spread:
         $,
         !1,
         K ? Error("react-stack-top-frame") : U,
-        K ? X(n(b)) : Q
+        K ? q(n(b)) : Q
       );
     }, at.jsxs = function(b, R, $) {
       var K = 1e4 > B.recentlyCreatedOwnerStacks++;
@@ -269,7 +269,7 @@ React keys must be passed directly to JSX without using spread:
         $,
         !0,
         K ? Error("react-stack-top-frame") : U,
-        K ? X(n(b)) : Q
+        K ? q(n(b)) : Q
       );
     };
   })()), at;
@@ -354,7 +354,7 @@ const Ua = en(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const J = (e, t) => {
+const X = (e, t) => {
   const s = en(
     ({ className: n, ...r }, o) => Ut(Ua, {
       ref: o,
@@ -378,7 +378,7 @@ const J = (e, t) => {
 const Ga = [
   ["path", { d: "m7 7 10 10", key: "1fmybs" }],
   ["path", { d: "M17 7v10H7", key: "6fjiku" }]
-], Ka = J("arrow-down-right", Ga);
+], Ka = X("arrow-down-right", Ga);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -388,7 +388,7 @@ const Ga = [
 const Ya = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
-], Ha = J("arrow-left", Ya);
+], Ha = X("arrow-left", Ya);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -398,7 +398,7 @@ const Ya = [
 const Xa = [
   ["path", { d: "M7 7h10v10", key: "1tivn9" }],
   ["path", { d: "M7 17 17 7", key: "1vkiza" }]
-], qa = J("arrow-up-right", Xa);
+], qa = X("arrow-up-right", Xa);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -414,35 +414,35 @@ const Za = [
       key: "11g9vi"
     }
   ]
-], _n = J("bell", Za);
+], _n = X("bell", Za);
 /**
  * @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 Ja = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Qa = J("check", Ja);
+const Ja = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Qa = X("check", Ja);
 /**
  * @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 el = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], ji = J("chevron-down", el);
+const el = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], ji = X("chevron-down", el);
 /**
  * @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 tl = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Si = J("chevron-left", tl);
+const tl = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Si = X("chevron-left", tl);
 /**
  * @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 sl = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], nn = J("chevron-right", sl);
+const sl = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], nn = X("chevron-right", sl);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -453,7 +453,7 @@ const nl = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], Ci = J("circle-alert", nl);
+], Ci = X("circle-alert", nl);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -463,7 +463,7 @@ const nl = [
 const rl = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
-], il = J("circle-check-big", rl);
+], il = X("circle-check-big", rl);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -473,7 +473,7 @@ const rl = [
 const ol = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], rs = J("circle-check", ol);
+], rs = X("circle-check", ol);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -484,7 +484,7 @@ const al = [
   ["path", { d: "M12 13v8", key: "1l5pq0" }],
   ["path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242", key: "1pljnt" }],
   ["path", { d: "m8 17 4-4 4 4", key: "1quai1" }]
-], ll = J("cloud-upload", al);
+], ll = X("cloud-upload", al);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -503,7 +503,7 @@ const cl = [
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
-], ul = J("file-text", cl);
+], ul = X("file-text", cl);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -514,7 +514,7 @@ const dl = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
-], Kt = J("info", dl);
+], Kt = X("info", dl);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -543,7 +543,7 @@ const fl = [
       key: "kqbvx6"
     }
   ]
-], hl = J("layers", fl);
+], hl = X("layers", fl);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -551,43 +551,54 @@ const fl = [
  * See the LICENSE file in the root directory of this source tree.
  */
 const ml = [
+  ["path", { d: "M4 5h16", key: "1tepv9" }],
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 19h16", key: "1djgab" }]
+], pl = X("menu", ml);
+/**
+ * @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 gl = [
   ["path", { d: "m14 10 7-7", key: "oa77jy" }],
   ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
-], pl = J("minimize-2", ml);
+], yl = X("minimize-2", gl);
 /**
  * @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 gl = [
+const xl = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
-], $n = J("refresh-cw", gl);
+], $n = X("refresh-cw", xl);
 /**
  * @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 yl = [
+const bl = [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
-], xl = J("trash-2", yl);
+], vl = X("trash-2", bl);
 /**
  * @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 bl = [
+const wl = [
   [
     "path",
     {
@@ -597,22 +608,22 @@ const bl = [
   ],
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], rn = J("triangle-alert", bl);
+], rn = X("triangle-alert", wl);
 /**
  * @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 vl = [
+const kl = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Re = J("x", vl), on = Pe({});
+], Re = X("x", kl), on = Pe({});
 function an(e) {
   const t = re(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const wl = typeof window < "u", Ai = wl ? Va : Ke, is = /* @__PURE__ */ Pe(null);
+const Tl = typeof window < "u", Ai = Tl ? Va : Ie, is = /* @__PURE__ */ Pe(null);
 function ln(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
@@ -638,13 +649,13 @@ const De = {}, Pi = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
 function Ni(e) {
   return typeof e == "object" && e !== null;
 }
-const Ei = (e) => /^0[^.\s]+$/u.test(e);
+const Mi = (e) => /^0[^.\s]+$/u.test(e);
 // @__NO_SIDE_EFFECTS__
-function Mi(e) {
+function Ei(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const me = /* @__NO_SIDE_EFFECTS__ */ (e) => e, kl = (e, t) => (s) => t(e(s)), xt = (...e) => e.reduce(kl), mt = /* @__NO_SIDE_EFFECTS__ */ (e, t, s) => {
+const me = /* @__NO_SIDE_EFFECTS__ */ (e) => e, jl = (e, t) => (s) => t(e(s)), xt = (...e) => e.reduce(jl), mt = /* @__NO_SIDE_EFFECTS__ */ (e, t, s) => {
   const n = t - e;
   return n === 0 ? 1 : (s - e) / n;
 };
@@ -681,25 +692,25 @@ const Wn = /* @__PURE__ */ new Set();
 function un(e, t, s) {
   e || Wn.has(t) || (console.warn(Ps(t, s)), Wn.add(t));
 }
-const Ri = (e, t, s) => (((1 - 3 * s + 3 * t) * e + (3 * s - 6 * t)) * e + 3 * t) * e, Tl = 1e-7, jl = 12;
-function Sl(e, t, s, n, r) {
+const Ri = (e, t, s) => (((1 - 3 * s + 3 * t) * e + (3 * s - 6 * t)) * e + 3 * t) * e, Sl = 1e-7, Cl = 12;
+function Al(e, t, s, n, r) {
   let o, i, a = 0;
   do
     i = t + (s - t) / 2, o = Ri(i, n, r) - e, o > 0 ? s = i : t = i;
-  while (Math.abs(o) > Tl && ++a < jl);
+  while (Math.abs(o) > Sl && ++a < Cl);
   return i;
 }
 function bt(e, t, s, n) {
   if (e === t && s === n)
     return me;
-  const r = (o) => Sl(o, 0, 1, e, s);
+  const r = (o) => Al(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), Oi = /* @__PURE__ */ Di(dn), zi = (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), Cl = /* @__PURE__ */ bt(0.42, 0, 1, 1), Al = /* @__PURE__ */ bt(0, 0, 0.58, 1), _i = /* @__PURE__ */ bt(0.42, 0, 0.58, 1), Pl = (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), dn = /* @__PURE__ */ Li(Ii), Oi = /* @__PURE__ */ Di(dn), zi = (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), Pl = /* @__PURE__ */ bt(0.42, 0, 1, 1), Nl = /* @__PURE__ */ bt(0, 0, 0.58, 1), _i = /* @__PURE__ */ bt(0.42, 0, 0.58, 1), Ml = (e) => Array.isArray(e) && typeof e[0] != "number", $i = (e) => Array.isArray(e) && typeof e[0] == "number", Un = {
   linear: me,
-  easeIn: Cl,
+  easeIn: Pl,
   easeInOut: _i,
-  easeOut: Al,
+  easeOut: Nl,
   circIn: fn,
   circInOut: Bi,
   circOut: Fi,
@@ -707,12 +718,12 @@ const Di = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Li
   backInOut: Oi,
   backOut: Ii,
   anticipate: zi
-}, Nl = (e) => typeof e == "string", Gn = (e) => {
+}, El = (e) => typeof e == "string", Gn = (e) => {
   if ($i(e)) {
     Ae(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [t, s, n, r] = e;
     return bt(t, s, n, r);
-  } else if (Nl(e))
+  } else if (El(e))
     return Ae(Un[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), Un[e];
   return e;
 }, At = [
@@ -733,7 +744,7 @@ const Di = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Li
   "postRender"
   // Compute
 ];
-function El(e, t) {
+function Vl(e, t) {
   let s = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = !1, o = !1;
   const i = /* @__PURE__ */ new WeakSet();
   let a = {
@@ -773,16 +784,16 @@ function El(e, t) {
   };
   return u;
 }
-const Ml = 40;
+const Rl = 40;
 function Wi(e, t) {
   let s = !1, n = !0;
   const r = {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => s = !0, i = At.reduce((x, T) => (x[T] = El(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, T) => (x[T] = Vl(o), x), {}), { setup: a, read: c, resolveKeyframes: u, preUpdate: d, update: f, preRender: h, render: m, postRender: g } = i, p = () => {
     const x = De.useManualTiming, T = x ? r.timestamp : performance.now();
-    s = !1, x || (r.delta = n ? 1e3 / 60 : Math.max(Math.min(T - r.timestamp, Ml), 1)), r.timestamp = T, 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(T - r.timestamp, Rl), 1)), r.timestamp = T, 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));
   }, y = () => {
     s = !0, n = !0, r.isProcessing || e(p);
   };
@@ -796,15 +807,15 @@ function Wi(e, t) {
 }
 const { schedule: F, cancel: Le, state: ie, steps: ds } = /* @__PURE__ */ Wi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : me, !0);
 let Lt;
-function Vl() {
+function Dl() {
   Lt = void 0;
 }
 const ce = {
   now: () => (Lt === void 0 && ce.set(ie.isProcessing || De.useManualTiming ? ie.timestamp : performance.now()), Lt),
   set: (e) => {
-    Lt = e, queueMicrotask(Vl);
+    Lt = e, queueMicrotask(Dl);
   }
-}, Ui = (e) => (t) => typeof t == "string" && t.startsWith(e), Gi = /* @__PURE__ */ Ui("--"), Rl = /* @__PURE__ */ Ui("var(--"), hn = (e) => Rl(e) ? Dl.test(e.split("/*")[0].trim()) : !1, Dl = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+}, Ui = (e) => (t) => typeof t == "string" && t.startsWith(e), Gi = /* @__PURE__ */ Ui("--"), Ll = /* @__PURE__ */ Ui("var(--"), hn = (e) => Ll(e) ? Il.test(e.split("/*")[0].trim()) : !1, Il = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
 function Kn(e) {
   return typeof e != "string" ? !1 : e.split("/*")[0].includes("var(--");
 }
@@ -819,10 +830,10 @@ const nt = {
   ...nt,
   default: 1
 }, dt = (e) => Math.round(e * 1e5) / 1e5, mn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function Ll(e) {
+function Ol(e) {
   return e == null;
 }
-const Il = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, pn = (e, t) => (s) => !!(typeof s == "string" && Il.test(s) && s.startsWith(e) || t && !Ll(s) && Object.prototype.hasOwnProperty.call(s, t)), Ki = (e, t, s) => (n) => {
+const zl = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, pn = (e, t) => (s) => !!(typeof s == "string" && zl.test(s) && s.startsWith(e) || t && !Ol(s) && Object.prototype.hasOwnProperty.call(s, t)), Ki = (e, t, s) => (n) => {
   if (typeof n != "string")
     return n;
   const [r, o, i, a] = n.match(mn);
@@ -832,15 +843,15 @@ const Il = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [s]: parseFloat(i),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Ol = (e) => je(0, 255, e), fs = {
+}, Fl = (e) => je(0, 255, e), fs = {
   ...nt,
-  transform: (e) => Math.round(Ol(e))
-}, _e = {
+  transform: (e) => Math.round(Fl(e))
+}, $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)) + ")"
 };
-function zl(e) {
+function Bl(e) {
   let t = "", s = "", n = "", r = "";
   return e.length > 5 ? (t = e.substring(1, 3), s = e.substring(3, 5), n = e.substring(5, 7), r = e.substring(7, 9)) : (t = e.substring(1, 2), s = e.substring(2, 3), n = e.substring(3, 4), r = e.substring(4, 5), t += t, s += s, n += n, r += r), {
     red: parseInt(t, 16),
@@ -851,13 +862,13 @@ function zl(e) {
 }
 const Ns = {
   test: /* @__PURE__ */ pn("#"),
-  parse: zl,
-  transform: _e.transform
+  parse: Bl,
+  transform: $e.transform
 }, vt = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), Ee = /* @__PURE__ */ vt("deg"), Te = /* @__PURE__ */ vt("%"), A = /* @__PURE__ */ vt("px"), Fl = /* @__PURE__ */ vt("vh"), Bl = /* @__PURE__ */ vt("vw"), Yn = {
+}), Me = /* @__PURE__ */ vt("deg"), Te = /* @__PURE__ */ vt("%"), A = /* @__PURE__ */ vt("px"), _l = /* @__PURE__ */ vt("vh"), $l = /* @__PURE__ */ vt("vw"), Yn = {
   ...Te,
   parse: (e) => Te.parse(e) / 100,
   transform: (e) => Te.transform(e * 100)
@@ -865,20 +876,20 @@ const Ns = {
   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) + ", " + Te.transform(dt(t)) + ", " + Te.transform(dt(s)) + ", " + dt(pt.transform(n)) + ")"
-}, Z = {
-  test: (e) => _e.test(e) || Ns.test(e) || qe.test(e),
-  parse: (e) => _e.test(e) ? _e.parse(e) : qe.test(e) ? qe.parse(e) : Ns.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? _e.transform(e) : qe.transform(e),
+}, J = {
+  test: (e) => $e.test(e) || Ns.test(e) || qe.test(e),
+  parse: (e) => $e.test(e) ? $e.parse(e) : qe.test(e) ? qe.parse(e) : Ns.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? $e.transform(e) : qe.transform(e),
   getAnimatableNone: (e) => {
-    const t = Z.parse(e);
-    return t.alpha = 0, Z.transform(t);
+    const t = J.parse(e);
+    return t.alpha = 0, J.transform(t);
   }
-}, _l = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function $l(e) {
+}, Wl = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function Ul(e) {
   var t, s;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(mn)) == null ? void 0 : t.length) || 0) + (((s = e.match(_l)) == null ? void 0 : s.length) || 0) > 0;
+  return isNaN(e) && typeof e == "string" && (((t = e.match(mn)) == null ? void 0 : t.length) || 0) + (((s = e.match(Wl)) == null ? void 0 : s.length) || 0) > 0;
 }
-const Yi = "number", Hi = "color", Wl = "var", Ul = "var(", Hn = "${}", Gl = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+const Yi = "number", Hi = "color", Gl = "var", Kl = "var(", Hn = "${}", Yl = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
 function et(e) {
   const t = e.toString(), s = [], n = {
     color: [],
@@ -886,10 +897,10 @@ function et(e) {
     var: []
   }, r = [];
   let o = 0;
-  const a = t.replace(Gl, (c) => (Z.test(c) ? (n.color.push(o), r.push(Hi), s.push(Z.parse(c))) : c.startsWith(Ul) ? (n.var.push(o), r.push(Wl), s.push(c)) : (n.number.push(o), r.push(Yi), s.push(parseFloat(c))), ++o, Hn)).split(Hn);
+  const a = t.replace(Yl, (c) => (J.test(c) ? (n.color.push(o), r.push(Hi), s.push(J.parse(c))) : c.startsWith(Kl) ? (n.var.push(o), r.push(Gl), s.push(c)) : (n.number.push(o), r.push(Yi), s.push(parseFloat(c))), ++o, Hn)).split(Hn);
   return { values: s, split: a, indexes: n, types: r };
 }
-function Kl(e) {
+function Hl(e) {
   return et(e).values;
 }
 function Xi({ split: e, types: t }) {
@@ -899,29 +910,29 @@ 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 += Z.transform(n[o]) : r += n[o];
+        i === Yi ? r += dt(n[o]) : i === Hi ? r += J.transform(n[o]) : r += n[o];
       }
     return r;
   };
 }
-function Yl(e) {
+function Xl(e) {
   return Xi(et(e));
 }
-const Hl = (e) => typeof e == "number" ? 0 : Z.test(e) ? Z.getAnimatableNone(e) : e, Xl = (e, t) => typeof e == "number" ? t != null && t.trim().endsWith("/") ? e : 0 : Hl(e);
-function ql(e) {
+const ql = (e) => typeof e == "number" ? 0 : J.test(e) ? J.getAnimatableNone(e) : e, Zl = (e, t) => typeof e == "number" ? t != null && t.trim().endsWith("/") ? e : 0 : ql(e);
+function Jl(e) {
   const t = et(e);
-  return Xi(t)(t.values.map((n, r) => Xl(n, t.split[r])));
+  return Xi(t)(t.values.map((n, r) => Zl(n, t.split[r])));
 }
 const xe = {
-  test: $l,
-  parse: Kl,
-  createTransformer: Yl,
-  getAnimatableNone: ql
+  test: Ul,
+  parse: Hl,
+  createTransformer: Xl,
+  getAnimatableNone: Jl
 };
 function hs(e, t, s) {
   return s < 0 && (s += 1), s > 1 && (s -= 1), s < 1 / 6 ? e + (t - e) * 6 * s : s < 1 / 2 ? t : s < 2 / 3 ? e + (t - e) * (2 / 3 - s) * 6 : e;
 }
-function Zl({ hue: e, saturation: t, lightness: s, alpha: n }) {
+function Ql({ hue: e, saturation: t, lightness: s, alpha: n }) {
   e /= 360, t /= 100, s /= 100;
   let r = 0, o = 0, i = 0;
   if (!t)
@@ -943,29 +954,29 @@ function Ht(e, t) {
 const W = (e, t, s) => e + (t - e) * s, ms = (e, t, s) => {
   const n = e * e, r = s * (t * t - n) + n;
   return r < 0 ? 0 : Math.sqrt(r);
-}, Jl = [Ns, _e, qe], Ql = (e) => Jl.find((t) => t.test(e));
+}, ec = [Ns, $e, qe], tc = (e) => ec.find((t) => t.test(e));
 function Xn(e) {
-  const t = Ql(e);
+  const t = tc(e);
   if (st(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !t)
     return !1;
   let s = t.parse(e);
-  return t === qe && (s = Zl(s)), s;
+  return t === qe && (s = Ql(s)), s;
 }
 const qn = (e, t) => {
   const s = Xn(e), n = Xn(t);
   if (!s || !n)
     return Ht(e, t);
   const r = { ...s };
-  return (o) => (r.red = ms(s.red, n.red, o), r.green = ms(s.green, n.green, o), r.blue = ms(s.blue, n.blue, o), r.alpha = W(s.alpha, n.alpha, o), _e.transform(r));
-}, Es = /* @__PURE__ */ new Set(["none", "hidden"]);
-function ec(e, t) {
-  return Es.has(e) ? (s) => s <= 0 ? e : t : (s) => s >= 1 ? t : e;
+  return (o) => (r.red = ms(s.red, n.red, o), r.green = ms(s.green, n.green, o), r.blue = ms(s.blue, n.blue, o), r.alpha = W(s.alpha, n.alpha, o), $e.transform(r));
+}, Ms = /* @__PURE__ */ new Set(["none", "hidden"]);
+function sc(e, t) {
+  return Ms.has(e) ? (s) => s <= 0 ? e : t : (s) => s >= 1 ? t : e;
 }
-function tc(e, t) {
+function nc(e, t) {
   return (s) => W(e, t, s);
 }
 function gn(e) {
-  return typeof e == "number" ? tc : typeof e == "string" ? hn(e) ? Ht : Z.test(e) ? qn : rc : Array.isArray(e) ? qi : typeof e == "object" ? Z.test(e) ? qn : sc : Ht;
+  return typeof e == "number" ? nc : typeof e == "string" ? hn(e) ? Ht : J.test(e) ? qn : oc : Array.isArray(e) ? qi : typeof e == "object" ? J.test(e) ? qn : rc : Ht;
 }
 function qi(e, t) {
   const s = [...e], n = s.length, r = e.map((o, i) => gn(o)(o, t[i]));
@@ -975,7 +986,7 @@ function qi(e, t) {
     return s;
   };
 }
-function sc(e, t) {
+function rc(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]));
@@ -985,7 +996,7 @@ function sc(e, t) {
     return s;
   };
 }
-function nc(e, t) {
+function ic(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;
@@ -993,14 +1004,14 @@ function nc(e, t) {
   }
   return s;
 }
-const rc = (e, t) => {
+const oc = (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 ? Es.has(e) && !r.values.length || Es.has(t) && !n.values.length ? ec(e, t) : xt(qi(nc(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 ? sc(e, t) : xt(qi(ic(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);
 }
-const ic = (e) => {
+const ac = (e) => {
   const t = ({ timestamp: s }) => e(s);
   return {
     start: (s = !0) => F.update(t, s),
@@ -1026,7 +1037,7 @@ function yn(e) {
     t += s, n = e.next(t);
   return t >= Xt ? 1 / 0 : t;
 }
-function oc(e, t = 100, s) {
+function lc(e, t = 100, s) {
   const n = s({ ...e, keyframes: [0, t] }), r = Math.min(yn(n), Xt);
   return {
     type: "keyframes",
@@ -1063,26 +1074,26 @@ const Y = {
   minDamping: 0.05,
   maxDamping: 1
 };
-function Ms(e, t) {
+function Es(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
-const ac = 12;
-function lc(e, t, s) {
+const cc = 12;
+function uc(e, t, s) {
   let n = s;
-  for (let r = 1; r < ac; r++)
+  for (let r = 1; r < cc; r++)
     n = n - e(n) / t(n);
   return n;
 }
 const ps = 1e-3;
-function cc({ duration: e = Y.duration, bounce: t = Y.bounce, velocity: s = Y.velocity, mass: n = Y.mass }) {
+function dc({ duration: e = Y.duration, bounce: t = Y.bounce, velocity: s = Y.velocity, mass: n = Y.mass }) {
   let r, o;
   st(e <= /* @__PURE__ */ de(Y.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let i = 1 - t;
   i = je(Y.minDamping, Y.maxDamping, i), e = je(Y.minDuration, Y.maxDuration, /* @__PURE__ */ he(e)), i < 1 ? (r = (u) => {
-    const d = u * i, f = d * e, h = d - s, m = Ms(u, i), g = Math.exp(-f);
+    const d = u * i, f = d * e, h = d - s, m = Es(u, 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 = Ms(Math.pow(u, 2), i);
+    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;
@@ -1091,7 +1102,7 @@ function cc({ duration: e = Y.duration, bounce: t = Y.bounce, velocity: s = Y.ve
     const d = Math.exp(-u * e), f = (s - u) * (e * e);
     return d * f;
   });
-  const a = 5 / e, c = lc(r, o, a);
+  const a = 5 / e, c = uc(r, o, a);
   if (e = /* @__PURE__ */ de(e), isNaN(c))
     return {
       stiffness: Y.stiffness,
@@ -1107,11 +1118,11 @@ function cc({ duration: e = Y.duration, bounce: t = Y.bounce, velocity: s = Y.ve
     };
   }
 }
-const uc = ["duration", "bounce"], dc = ["stiffness", "damping", "mass"];
+const fc = ["duration", "bounce"], hc = ["stiffness", "damping", "mass"];
 function Zn(e, t) {
   return t.some((s) => e[s] !== void 0);
 }
-function fc(e) {
+function mc(e) {
   let t = {
     velocity: Y.velocity,
     stiffness: Y.stiffness,
@@ -1120,7 +1131,7 @@ function fc(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!Zn(e, dc) && Zn(e, uc))
+  if (!Zn(e, hc) && Zn(e, fc))
     if (t.velocity = 0, e.visualDuration) {
       const s = e.visualDuration, n = 2 * Math.PI / (s * 1.2), r = n * n, o = 2 * je(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(r);
       t = {
@@ -1130,7 +1141,7 @@ function fc(e) {
         damping: o
       };
     } else {
-      const s = cc({ ...e, velocity: 0 });
+      const s = dc({ ...e, velocity: 0 });
       t = {
         ...t,
         ...s,
@@ -1146,66 +1157,66 @@ function qt(e = Y.visualDuration, t = Y.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 } = fc({
+  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 } = mc({
     ...s,
     velocity: -/* @__PURE__ */ he(s.velocity || 0)
   }), g = h || 0, p = u / (2 * Math.sqrt(c * d)), y = i - o, k = /* @__PURE__ */ he(Math.sqrt(c / d)), v = Math.abs(y) < 5;
   n || (n = v ? Y.restSpeed.granular : Y.restSpeed.default), r || (r = v ? Y.restDelta.granular : Y.restDelta.default);
   let x, T, j, N, L, w;
   if (p < 1)
-    j = Ms(k, p), N = (g + p * k * y) / j, x = (M) => {
-      const O = Math.exp(-p * k * M);
-      return i - O * (N * Math.sin(j * M) + y * Math.cos(j * M));
-    }, L = p * k * N + y * j, w = p * k * y - N * j, T = (M) => Math.exp(-p * k * M) * (L * Math.sin(j * M) + w * Math.cos(j * M));
+    j = Es(k, p), N = (g + p * k * y) / j, x = (E) => {
+      const z = Math.exp(-p * k * E);
+      return i - z * (N * Math.sin(j * E) + y * Math.cos(j * E));
+    }, L = p * k * N + y * j, w = p * k * y - N * j, T = (E) => Math.exp(-p * k * E) * (L * Math.sin(j * E) + w * Math.cos(j * E));
   else if (p === 1) {
-    x = (O) => i - Math.exp(-k * O) * (y + (g + k * y) * O);
-    const M = g + k * y;
-    T = (O) => Math.exp(-k * O) * (k * M * O - g);
+    x = (z) => i - Math.exp(-k * z) * (y + (g + k * y) * z);
+    const E = g + k * y;
+    T = (z) => Math.exp(-k * z) * (k * E * z - g);
   } else {
-    const M = k * Math.sqrt(p * p - 1);
+    const E = k * Math.sqrt(p * p - 1);
     x = (ae) => {
-      const X = Math.exp(-p * k * ae), _ = Math.min(M * ae, 300);
-      return i - X * ((g + p * k * y) * Math.sinh(_) + M * y * Math.cosh(_)) / M;
+      const q = Math.exp(-p * k * ae), _ = Math.min(E * ae, 300);
+      return i - q * ((g + p * k * y) * Math.sinh(_) + E * y * Math.cosh(_)) / E;
     };
-    const O = (g + p * k * y) / M, B = p * k * O - y * M, le = p * k * y - O * M;
+    const z = (g + p * k * y) / E, B = p * k * z - y * E, le = p * k * y - z * E;
     T = (ae) => {
-      const X = Math.exp(-p * k * ae), _ = Math.min(M * ae, 300);
-      return X * (B * Math.sinh(_) + le * Math.cosh(_));
+      const q = Math.exp(-p * k * ae), _ = Math.min(E * ae, 300);
+      return q * (B * Math.sinh(_) + le * Math.cosh(_));
     };
   }
-  const E = {
+  const M = {
     calculatedDuration: m && f || null,
-    velocity: (M) => /* @__PURE__ */ de(T(M)),
-    next: (M) => {
+    velocity: (E) => /* @__PURE__ */ de(T(E)),
+    next: (E) => {
       if (!m && p < 1) {
-        const B = Math.exp(-p * k * M), le = Math.sin(j * M), ae = Math.cos(j * M), X = i - B * (N * le + y * ae), _ = /* @__PURE__ */ de(B * (L * le + w * ae));
-        return a.done = Math.abs(_) <= n && Math.abs(i - X) <= r, a.value = a.done ? i : X, a;
+        const B = Math.exp(-p * k * E), le = Math.sin(j * E), ae = Math.cos(j * E), q = i - B * (N * le + y * ae), _ = /* @__PURE__ */ de(B * (L * le + w * ae));
+        return a.done = Math.abs(_) <= n && Math.abs(i - q) <= r, a.value = a.done ? i : q, a;
       }
-      const O = x(M);
+      const z = x(E);
       if (m)
-        a.done = M >= f;
+        a.done = E >= f;
       else {
-        const B = /* @__PURE__ */ de(T(M));
-        a.done = Math.abs(B) <= n && Math.abs(i - O) <= r;
+        const B = /* @__PURE__ */ de(T(E));
+        a.done = Math.abs(B) <= n && Math.abs(i - z) <= r;
       }
-      return a.value = a.done ? i : O, a;
+      return a.value = a.done ? i : z, a;
     },
     toString: () => {
-      const M = Math.min(yn(E), Xt), O = Ji((B) => E.next(M * B).value, M, 30);
-      return M + "ms " + O;
+      const E = Math.min(yn(M), Xt), z = Ji((B) => M.next(E * B).value, E, 30);
+      return E + "ms " + z;
     },
     toTransition: () => {
     }
   };
-  return E;
+  return M;
 }
 qt.applyToOptions = (e) => {
-  const t = oc(e, 100, qt);
+  const t = lc(e, 100, qt);
   return e.ease = t.ease, e.duration = /* @__PURE__ */ de(t.duration), e.type = "keyframes", e;
 };
-const hc = 5;
+const pc = 5;
 function Qi(e, t, s) {
-  const n = Math.max(t - hc, 0);
+  const n = Math.max(t - pc, 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 }) {
@@ -1217,8 +1228,8 @@ function Vs({ keyframes: e, velocity: t = 0, power: s = 0.8, timeConstant: n = 3
   const y = f + p, k = i === void 0 ? y : i(y);
   k !== y && (p = k - f);
   const v = (w) => -p * Math.exp(-w / n), x = (w) => k + v(w), T = (w) => {
-    const E = v(w), M = x(w);
-    h.done = Math.abs(E) <= u, h.value = h.done ? k : M;
+    const M = v(w), E = x(w);
+    h.done = Math.abs(M) <= u, h.value = h.done ? k : E;
   };
   let j, N;
   const L = (w) => {
@@ -1235,12 +1246,12 @@ function Vs({ keyframes: e, velocity: t = 0, power: s = 0.8, timeConstant: n = 3
   return L(0), {
     calculatedDuration: null,
     next: (w) => {
-      let E = !1;
-      return !N && j === void 0 && (E = !0, T(w), L(w)), j !== void 0 && w >= j ? N.next(w - j) : (!E && T(w), h);
+      let M = !1;
+      return !N && j === void 0 && (M = !0, T(w), L(w)), j !== void 0 && w >= j ? N.next(w - j) : (!M && T(w), h);
     }
   };
 }
-function mc(e, t, s) {
+function gc(e, t, s) {
   const n = [], r = s || De.mix || Zi, o = e.length - 1;
   for (let i = 0; i < o; i++) {
     let a = r(e[i], e[i + 1]);
@@ -1252,7 +1263,7 @@ function mc(e, t, s) {
   }
   return n;
 }
-function pc(e, t, { clamp: s = !0, ease: n, mixer: r } = {}) {
+function yc(e, t, { clamp: s = !0, ease: n, mixer: r } = {}) {
   const o = e.length;
   if (Ae(o === t.length, "Both input and output ranges must be the same length", "range-length"), o === 1)
     return () => t[0];
@@ -1260,7 +1271,7 @@ function pc(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 = mc(t, n, r), c = a.length, u = (d) => {
+  const a = gc(t, n, r), c = a.length, u = (d) => {
     if (i && d < e[0])
       return t[0];
     let f = 0;
@@ -1272,46 +1283,46 @@ function pc(e, t, { clamp: s = !0, ease: n, mixer: r } = {}) {
   };
   return s ? (d) => u(je(e[0], e[o - 1], d)) : u;
 }
-function gc(e, t) {
+function xc(e, t) {
   const s = e[e.length - 1];
   for (let n = 1; n <= t; n++) {
     const r = /* @__PURE__ */ mt(0, t, n);
     e.push(W(s, 1, r));
   }
 }
-function yc(e) {
+function bc(e) {
   const t = [0];
-  return gc(t, e.length - 1), t;
+  return xc(t, e.length - 1), t;
 }
-function xc(e, t) {
+function vc(e, t) {
   return e.map((s) => s * t);
 }
-function bc(e, t) {
+function wc(e, t) {
   return e.map(() => t || _i).splice(0, e.length - 1);
 }
 function Ze({ duration: e = 300, keyframes: t, times: s, ease: n = "easeInOut" }) {
-  const r = Pl(n) ? n.map(Gn) : Gn(n), o = {
+  const r = Ml(n) ? n.map(Gn) : Gn(n), o = {
     done: !1,
     value: t[0]
-  }, i = xc(
+  }, i = vc(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    s && s.length === t.length ? s : yc(t),
+    s && s.length === t.length ? s : bc(t),
     e
-  ), a = pc(i, t, {
-    ease: Array.isArray(r) ? r : bc(t, r)
+  ), a = yc(i, t, {
+    ease: Array.isArray(r) ? r : wc(t, r)
   });
   return {
     calculatedDuration: e,
     next: (c) => (o.value = a(c), o.done = c >= e, o)
   };
 }
-const vc = (e) => e !== null;
+const kc = (e) => e !== null;
 function os(e, { repeat: t, repeatType: s = "loop" }, n, r = 1) {
-  const o = e.filter(vc), a = r < 0 || t && s !== "loop" && t % 2 === 1 ? 0 : o.length - 1;
+  const o = e.filter(kc), a = r < 0 || t && s !== "loop" && t % 2 === 1 ? 0 : o.length - 1;
   return !a || n === void 0 ? o[a] : n;
 }
-const wc = {
+const Tc = {
   decay: Vs,
   inertia: Vs,
   tween: Ze,
@@ -1319,7 +1330,7 @@ const wc = {
   spring: qt
 };
 function eo(e) {
-  typeof e.type == "string" && (e.type = wc[e.type]);
+  typeof e.type == "string" && (e.type = Tc[e.type]);
 }
 class xn {
   constructor() {
@@ -1345,7 +1356,7 @@ class xn {
     return this.finished.then(t, s);
   }
 }
-const kc = (e) => e / 100;
+const jc = (e) => e / 100;
 class Zt extends xn {
   constructor(t) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.delayState = {
@@ -1363,7 +1374,7 @@ class Zt extends xn {
     const { type: s = Ze, repeat: n = 0, repeatDelay: r = 0, repeatType: o, velocity: i = 0 } = t;
     let { keyframes: a } = t;
     const c = s || Ze;
-    process.env.NODE_ENV !== "production" && c !== Ze && Ae(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(kc, Zi(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && c !== Ze && Ae(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(jc, Zi(a[0], a[1])), a = [0, 100]);
     const u = c({ ...t, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = c({
       ...t,
@@ -1388,8 +1399,8 @@ class Zt extends xn {
     let x = this.currentTime, T = n;
     if (f) {
       const w = Math.min(this.currentTime, r) / a;
-      let E = Math.floor(w), M = w % 1;
-      !M && w >= 1 && (M = 1), M === 1 && E--, E = Math.min(E, f + 1), !!(E % 2) && (h === "reverse" ? (M = 1 - M, m && (M -= m / a)) : h === "mirror" && (T = i)), x = je(0, 1, M) * a;
+      let M = Math.floor(w), E = w % 1;
+      !E && w >= 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" && (T = i)), x = je(0, 1, E) * a;
     }
     let j;
     v ? (this.delayState.value = d[0], j = this.delayState) : j = T.next(x), o && !v && (j.value = o(j.value));
@@ -1444,7 +1455,7 @@ class Zt extends xn {
     var r, o;
     if (this.isStopped)
       return;
-    const { driver: t = ic, startTime: s } = this.options;
+    const { driver: t = ac, startTime: s } = this.options;
     this.driver || (this.driver = t((i) => this.tick(i))), (o = (r = this.options).onPlay) == null || o.call(r);
     const n = this.driver.now();
     this.state === "finished" ? (this.updateFinished(), this.startTime = n) : this.holdTime !== null ? this.startTime = n - this.holdTime : this.startTime || (this.startTime = s ?? n), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
@@ -1477,14 +1488,14 @@ class Zt extends xn {
     return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (s = this.driver) == null || s.stop(), t.observe(this);
   }
 }
-function Tc(e) {
+function Sc(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
-const $e = (e) => e * 180 / Math.PI, Rs = (e) => {
-  const t = $e(Math.atan2(e[1], e[0]));
+const We = (e) => e * 180 / Math.PI, Rs = (e) => {
+  const t = We(Math.atan2(e[1], e[0]));
   return Ds(t);
-}, jc = {
+}, Cc = {
   x: 4,
   y: 5,
   translateX: 4,
@@ -1494,10 +1505,10 @@ const $e = (e) => e * 180 / Math.PI, Rs = (e) => {
   scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
   rotate: Rs,
   rotateZ: Rs,
-  skewX: (e) => $e(Math.atan(e[1])),
-  skewY: (e) => $e(Math.atan(e[2])),
+  skewX: (e) => We(Math.atan(e[1])),
+  skewY: (e) => We(Math.atan(e[2])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
-}, Ds = (e) => (e = e % 360, e < 0 && (e += 360), e), Jn = Rs, Qn = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), er = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Sc = {
+}, Ds = (e) => (e = e % 360, e < 0 && (e += 360), e), Jn = Rs, Qn = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), er = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Ac = {
   x: 12,
   y: 13,
   z: 14,
@@ -1507,12 +1518,12 @@ const $e = (e) => e * 180 / Math.PI, Rs = (e) => {
   scaleX: Qn,
   scaleY: er,
   scale: (e) => (Qn(e) + er(e)) / 2,
-  rotateX: (e) => Ds($e(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => Ds($e(Math.atan2(-e[2], e[0]))),
+  rotateX: (e) => Ds(We(Math.atan2(e[6], e[5]))),
+  rotateY: (e) => Ds(We(Math.atan2(-e[2], e[0]))),
   rotateZ: Jn,
   rotate: Jn,
-  skewX: (e) => $e(Math.atan(e[4])),
-  skewY: (e) => $e(Math.atan(e[1])),
+  skewX: (e) => We(Math.atan(e[4])),
+  skewY: (e) => We(Math.atan(e[1])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
 };
 function Ls(e) {
@@ -1524,21 +1535,21 @@ function Is(e, t) {
   const s = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let n, r;
   if (s)
-    n = Sc, r = s;
+    n = Ac, r = s;
   else {
     const a = e.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    n = jc, r = a;
+    n = Cc, r = a;
   }
   if (!r)
     return Ls(t);
-  const o = n[t], i = r[1].split(",").map(Ac);
+  const o = n[t], i = r[1].split(",").map(Nc);
   return typeof o == "function" ? o(i) : i[o];
 }
-const Cc = (e, t) => {
+const Pc = (e, t) => {
   const { transform: s = "none" } = getComputedStyle(e);
   return Is(s, t);
 };
-function Ac(e) {
+function Nc(e) {
   return parseFloat(e.trim());
 }
 const rt = [
@@ -1559,10 +1570,10 @@ const rt = [
   "skew",
   "skewX",
   "skewY"
-], it = new Set(rt), tr = (e) => e === nt || e === A, Pc = /* @__PURE__ */ new Set(["x", "y", "z"]), Nc = rt.filter((e) => !Pc.has(e));
-function Ec(e) {
+], it = new Set(rt), tr = (e) => e === nt || e === A, Mc = /* @__PURE__ */ new Set(["x", "y", "z"]), Ec = rt.filter((e) => !Mc.has(e));
+function Vc(e) {
   const t = [];
-  return Nc.forEach((s) => {
+  return Ec.forEach((s) => {
     const n = e.getValue(s);
     n !== void 0 && (t.push([s, n.get()]), n.set(s.startsWith("scale") ? 1 : 0));
   }), t;
@@ -1587,13 +1598,13 @@ const Ve = {
 };
 Ve.translateX = Ve.x;
 Ve.translateY = Ve.y;
-const We = /* @__PURE__ */ new Set();
+const Ue = /* @__PURE__ */ new Set();
 let Os = !1, zs = !1, Fs = !1;
 function to() {
   if (zs) {
-    const e = Array.from(We).filter((n) => n.needsMeasurement), t = new Set(e.map((n) => n.element)), s = /* @__PURE__ */ new Map();
+    const e = Array.from(Ue).filter((n) => n.needsMeasurement), t = new Set(e.map((n) => n.element)), s = /* @__PURE__ */ new Map();
     t.forEach((n) => {
-      const r = Ec(n);
+      const r = Vc(n);
       r.length && (s.set(n, r), n.render());
     }), e.forEach((n) => n.measureInitialState()), t.forEach((n) => {
       n.render();
@@ -1606,14 +1617,14 @@ function to() {
       n.suspendedScrollY !== void 0 && window.scrollTo(0, n.suspendedScrollY);
     });
   }
-  zs = !1, Os = !1, We.forEach((e) => e.complete(Fs)), We.clear();
+  zs = !1, Os = !1, Ue.forEach((e) => e.complete(Fs)), Ue.clear();
 }
 function so() {
-  We.forEach((e) => {
+  Ue.forEach((e) => {
     e.readKeyframes(), e.needsMeasurement && (zs = !0);
   });
 }
-function Mc() {
+function Rc() {
   Fs = !0, so(), to(), Fs = !1;
 }
 class bn {
@@ -1621,7 +1632,7 @@ class bn {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = s, this.name = n, this.motionValue = r, this.element = o, this.isAsync = i;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (We.add(this), Os || (Os = !0, F.read(so), F.resolveKeyframes(to))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (Ue.add(this), Os || (Os = !0, F.read(so), F.resolveKeyframes(to))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: s, element: n, motionValue: r } = this;
@@ -1635,7 +1646,7 @@ class bn {
       }
       t[0] === void 0 && (t[0] = i), r && o === void 0 && r.set(t[0]);
     }
-    Tc(t);
+    Sc(t);
   }
   setFinalKeyframe() {
   }
@@ -1646,25 +1657,25 @@ class bn {
   measureEndState() {
   }
   complete(t = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), We.delete(this);
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), Ue.delete(this);
   }
   cancel() {
-    this.state === "scheduled" && (We.delete(this), this.state = "pending");
+    this.state === "scheduled" && (Ue.delete(this), this.state = "pending");
   }
   resume() {
     this.state === "pending" && this.scheduleResolve();
   }
 }
-const Vc = (e) => e.startsWith("--");
+const Dc = (e) => e.startsWith("--");
 function no(e, t, s) {
-  Vc(t) ? e.style.setProperty(t, s) : e.style[t] = s;
+  Dc(t) ? e.style.setProperty(t, s) : e.style[t] = s;
 }
-const Rc = {};
+const Lc = {};
 function ro(e, t) {
-  const s = /* @__PURE__ */ Mi(e);
-  return () => Rc[t] ?? s();
+  const s = /* @__PURE__ */ Ei(e);
+  return () => Lc[t] ?? s();
 }
-const Dc = /* @__PURE__ */ ro(() => window.ScrollTimeline !== void 0, "scrollTimeline"), io = /* @__PURE__ */ ro(() => {
+const Ic = /* @__PURE__ */ ro(() => window.ScrollTimeline !== void 0, "scrollTimeline"), io = /* @__PURE__ */ ro(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -1686,7 +1697,7 @@ 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];
 }
-function Lc(e, t, s, { delay: n = 0, duration: r = 300, repeat: o = 0, repeatType: i = "loop", ease: a = "easeOut", times: c } = {}, u = void 0) {
+function Oc(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 = {
     [t]: s
   };
@@ -1706,7 +1717,7 @@ function Lc(e, t, s, { delay: n = 0, duration: r = 300, repeat: o = 0, repeatTyp
 function ao(e) {
   return typeof e == "function" && "applyToOptions" in e;
 }
-function Ic({ type: e, ...t }) {
+function zc({ type: e, ...t }) {
   return ao(e) && io() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
 }
 class lo extends xn {
@@ -1715,8 +1726,8 @@ 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, Ae(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const u = Ic(t);
-    this.animation = Lc(s, n, r, u, o), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
+    const u = zc(t);
+    this.animation = Oc(s, n, r, u, o), u.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();
@@ -1804,7 +1815,7 @@ class lo extends xn {
    */
   attachTimeline({ timeline: t, rangeStart: s, rangeEnd: n, observe: r }) {
     var o;
-    return this.allowFlatten && ((o = this.animation.effect) == null || o.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && Dc() ? (this.animation.timeline = t, s && (this.animation.rangeStart = s), n && (this.animation.rangeEnd = n), me) : r(this);
+    return this.allowFlatten && ((o = this.animation.effect) == null || o.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && Ic() ? (this.animation.timeline = t, s && (this.animation.rangeStart = s), n && (this.animation.rangeEnd = n), me) : r(this);
   }
 }
 const co = {
@@ -1812,16 +1823,16 @@ const co = {
   backInOut: Oi,
   circInOut: Bi
 };
-function Oc(e) {
+function Fc(e) {
   return e in co;
 }
-function zc(e) {
-  typeof e.ease == "string" && Oc(e.ease) && (e.ease = co[e.ease]);
+function Bc(e) {
+  typeof e.ease == "string" && Fc(e.ease) && (e.ease = co[e.ease]);
 }
 const gs = 10;
-class Fc extends lo {
+class _c extends lo {
   constructor(t) {
-    zc(t), eo(t), super(t), t.startTime !== void 0 && t.autoplay !== !1 && (this.startTime = t.startTime), this.options = t;
+    Bc(t), eo(t), super(t), t.startTime !== void 0 && t.autoplay !== !1 && (this.startTime = t.startTime), this.options = t;
   }
   /**
    * WAAPI doesn't natively have any interruption capabilities.
@@ -1849,7 +1860,7 @@ class Fc extends lo {
 const nr = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
 (xe.test(e) || e === "0") && // And it contains numbers and/or colors
 !e.startsWith("url("));
-function Bc(e) {
+function $c(e) {
   const t = e[0];
   if (e.length === 1)
     return !0;
@@ -1857,14 +1868,14 @@ function Bc(e) {
     if (e[s] !== t)
       return !0;
 }
-function _c(e, t, s, n) {
+function Wc(e, t, s, n) {
   const r = e[0];
   if (r === null)
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
   const o = e[e.length - 1], i = nr(r, t), a = nr(o, t);
-  return st(i === a, `You are trying to animate ${t} from "${r}" to "${o}". "${i ? o : r}" is not an animatable value.`, "value-not-animatable"), !i || !a ? !1 : Bc(e) || (s === "spring" || ao(s)) && n;
+  return st(i === a, `You are trying to animate ${t} from "${r}" to "${o}". "${i ? o : r}" is not an animatable value.`, "value-not-animatable"), !i || !a ? !1 : $c(e) || (s === "spring" || ao(s)) && n;
 }
 function Bs(e) {
   e.duration = 0, e.type = "keyframes";
@@ -1877,14 +1888,14 @@ const uo = /* @__PURE__ */ new Set([
   // TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved
   // or until we implement support for linear() easing.
   // "background-color"
-]), $c = /^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/;
-function Wc(e) {
+]), Uc = /^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/;
+function Gc(e) {
   for (let t = 0; t < e.length; t++)
-    if (typeof e[t] == "string" && $c.test(e[t]))
+    if (typeof e[t] == "string" && Uc.test(e[t]))
       return !0;
   return !1;
 }
-const Uc = /* @__PURE__ */ new Set([
+const Kc = /* @__PURE__ */ new Set([
   "color",
   "backgroundColor",
   "outlineColor",
@@ -1895,25 +1906,25 @@ const Uc = /* @__PURE__ */ new Set([
   "borderRightColor",
   "borderBottomColor",
   "borderLeftColor"
-]), Gc = /* @__PURE__ */ Mi(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function Kc(e) {
+]), Yc = /* @__PURE__ */ Ei(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function Hc(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();
-  return Gc() && s && /**
+  return Yc() && 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) || Uc.has(s) && Wc(a)) && (s !== "transform" || !d) && /**
+  (uo.has(s) || Kc.has(s) && Gc(a)) && (s !== "transform" || !d) && /**
    * 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";
 }
-const Yc = 40;
-class Hc extends xn {
+const Xc = 40;
+class qc 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 }) {
     var g;
     super(), this.stop = () => {
@@ -1940,17 +1951,17 @@ class Hc extends xn {
     const { name: o, type: i, velocity: a, delay: c, isHandoff: u, onUpdate: d } = n;
     this.resolvedAt = ce.now();
     let f = !0;
-    _c(t, o, i, a) || (f = !1, (De.instantAnimations || !c) && (d == null || d(os(t, n, s))), t[0] = t[t.length - 1], Bs(n), n.repeat = 0);
+    Wc(t, o, i, a) || (f = !1, (De.instantAnimations || !c) && (d == null || d(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 > Yc ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > Xc ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: s,
       ...n,
       keyframes: t
-    }, g = f && !u && Kc(m), p = (v = (k = m.motionValue) == null ? void 0 : k.owner) == null ? void 0 : v.current;
+    }, g = f && !u && Hc(m), p = (v = (k = m.motionValue) == null ? void 0 : k.owner) == null ? void 0 : v.current;
     let y;
     if (g)
       try {
-        y = new Fc({
+        y = new _c({
           ...m,
           element: p
         });
@@ -1972,7 +1983,7 @@ class Hc extends xn {
   }
   get animation() {
     var t;
-    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), Mc()), this._animation;
+    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), Rc()), this._animation;
   }
   get duration() {
     return this.animation.duration;
@@ -2019,21 +2030,21 @@ 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;
   return typeof s == "function" ? s(o, i) : r === 1 ? o * n : a - o * n;
 }
-const Xc = (
+const Zc = (
   // 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 qc(e) {
-  const t = Xc.exec(e);
+function Jc(e) {
+  const t = Zc.exec(e);
   if (!t)
     return [,];
   const [, s, n, r] = t;
   return [`--${s ?? n}`, r];
 }
-const Zc = 4;
+const Qc = 4;
 function ho(e, t, s = 1) {
-  Ae(s <= Zc, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [n, r] = qc(e);
+  Ae(s <= Qc, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [n, r] = Jc(e);
   if (!n)
     return;
   const o = window.getComputedStyle(t).getPropertyValue(n);
@@ -2043,24 +2054,24 @@ function ho(e, t, s = 1) {
   }
   return hn(r) ? ho(r, t, s + 1) : r;
 }
-const Jc = {
+const eu = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, Qc = (e) => ({
+}, tu = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), eu = {
+}), su = {
   type: "keyframes",
   duration: 0.8
-}, tu = {
+}, nu = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, su = (e, { keyframes: t }) => t.length > 2 ? eu : it.has(e) ? e.startsWith("scale") ? Qc(t[1]) : Jc : tu;
+}, ru = (e, { keyframes: t }) => t.length > 2 ? su : it.has(e) ? e.startsWith("scale") ? tu(t[1]) : eu : nu;
 function mo(e, t) {
   if (e != null && e.inherit && t) {
     const { inherit: s, ...n } = e;
@@ -2072,7 +2083,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 nu = /* @__PURE__ */ new Set([
+const iu = /* @__PURE__ */ new Set([
   "when",
   "delay",
   "delayChildren",
@@ -2084,9 +2095,9 @@ const nu = /* @__PURE__ */ new Set([
   "from",
   "elapsed"
 ]);
-function ru(e) {
+function ou(e) {
   for (const t in e)
-    if (!nu.has(t))
+    if (!iu.has(t))
       return !0;
   return !1;
 }
@@ -2110,7 +2121,7 @@ const wn = (e, t, s, n = {}, r, o) => (i) => {
     motionValue: t,
     element: o ? void 0 : r
   };
-  ru(a) || Object.assign(d, su(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);
+  ou(a) || Object.assign(d, ru(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);
   let f = !1;
   if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (Bs(d), d.delay === 0 && (f = !0)), (De.instantAnimations || De.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);
@@ -2121,7 +2132,7 @@ const wn = (e, t, s, n = {}, r, o) => (i) => {
       return;
     }
   }
-  return a.isSync ? new Zt(d) : new Hc(d);
+  return a.isSync ? new Zt(d) : new qc(d);
 };
 function rr(e) {
   const t = [{}, {}];
@@ -2140,7 +2151,7 @@ function kn(e, t, s, n) {
   }
   return t;
 }
-function Ue(e, t, s) {
+function Ge(e, t, s) {
   const n = e.getProps();
   return kn(n, t, s !== void 0 ? s : n.custom, e);
 }
@@ -2152,8 +2163,8 @@ const po = /* @__PURE__ */ new Set([
   "right",
   "bottom",
   ...rt
-]), ir = 30, iu = (e) => !isNaN(parseFloat(e));
-class ou {
+]), ir = 30, au = (e) => !isNaN(parseFloat(e));
+class lu {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -2170,7 +2181,7 @@ class ou {
     }, 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 = iu(this.current));
+    this.current = t, this.updatedAt = ce.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = au(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -2356,31 +2367,31 @@ class ou {
   }
 }
 function tt(e, t) {
-  return new ou(e, t);
+  return new lu(e, t);
 }
 const _s = (e) => Array.isArray(e);
-function au(e, t, s) {
+function cu(e, t, s) {
   e.hasValue(t) ? e.getValue(t).set(s) : e.addValue(t, tt(s));
 }
-function lu(e) {
+function uu(e) {
   return _s(e) ? e[e.length - 1] || 0 : e;
 }
-function cu(e, t) {
-  const s = Ue(e, t);
+function du(e, t) {
+  const s = Ge(e, t);
   let { transitionEnd: n = {}, transition: r = {}, ...o } = s || {};
   o = { ...o, ...n };
   for (const i in o) {
-    const a = lu(o[i]);
-    au(e, i, a);
+    const a = uu(o[i]);
+    cu(e, i, a);
   }
 }
 const oe = (e) => !!(e && e.getVelocity);
-function uu(e) {
+function fu(e) {
   return !!(oe(e) && e.add);
 }
 function $s(e, t) {
   const s = e.getValue("willChange");
-  if (uu(s))
+  if (fu(s))
     return s.add(t);
   if (!s && De.WillChange) {
     const n = new De.WillChange("auto");
@@ -2390,11 +2401,11 @@ function $s(e, t) {
 function Tn(e) {
   return e.replace(/([A-Z])/g, (t) => `-${t.toLowerCase()}`);
 }
-const du = "framerAppearId", go = "data-" + Tn(du);
+const hu = "framerAppearId", go = "data-" + Tn(hu);
 function yo(e) {
   return e.props[go];
 }
-function fu({ protectedKeys: e, needsAnimating: t }, s) {
+function mu({ protectedKeys: e, needsAnimating: t }, s) {
   const n = e.hasOwnProperty(s) && t[s] !== !0;
   return t[s] = !1, n;
 }
@@ -2407,7 +2418,7 @@ function xo(e, t, { delay: s = 0, transitionOverride: n, type: r } = {}) {
   const d = [], 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 && fu(f, h))
+    if (g === void 0 || f && mu(f, h))
       continue;
     const p = {
       delay: s,
@@ -2433,7 +2444,7 @@ function xo(e, t, { delay: s = 0, transitionOverride: n, type: r } = {}) {
   }
   if (i) {
     const h = () => F.update(() => {
-      i && cu(e, i);
+      i && du(e, i);
     });
     d.length ? Promise.all(d).then(h) : h();
   }
@@ -2441,12 +2452,12 @@ function xo(e, t, { delay: s = 0, transitionOverride: n, type: r } = {}) {
 }
 function Ws(e, t, s = {}) {
   var c;
-  const n = Ue(e, t, s.type === "exit" ? (c = e.presenceContext) == null ? void 0 : c.custom : void 0);
+  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 hu(e, t, u, d, f, h, s);
+    return pu(e, t, u, d, f, h, s);
   } : () => Promise.resolve(), { when: a } = r;
   if (a) {
     const [u, d] = a === "beforeChildren" ? [o, i] : [i, o];
@@ -2454,7 +2465,7 @@ function Ws(e, t, s = {}) {
   } else
     return Promise.all([o(), i(s.delay)]);
 }
-function hu(e, t, s = 0, n = 0, r = 0, o = 1, i) {
+function pu(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, {
@@ -2463,7 +2474,7 @@ function hu(e, t, s = 0, n = 0, r = 0, o = 1, i) {
     }).then(() => c.notify("AnimationComplete", t)));
   return Promise.all(a);
 }
-function mu(e, t, s = {}) {
+function gu(e, t, s = {}) {
   e.notify("AnimationStart", t);
   let n;
   if (Array.isArray(t)) {
@@ -2472,22 +2483,22 @@ function mu(e, t, s = {}) {
   } else if (typeof t == "string")
     n = Ws(e, t, s);
   else {
-    const r = typeof t == "function" ? Ue(e, t, s.custom) : t;
+    const r = typeof t == "function" ? Ge(e, t, s.custom) : t;
     n = Promise.all(xo(e, r, s));
   }
   return n.then(() => {
     e.notify("AnimationComplete", t);
   });
 }
-const pu = {
+const yu = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, bo = (e) => (t) => t.test(e), vo = [nt, A, Te, Ee, Bl, Fl, pu], or = (e) => vo.find(bo(e));
-function gu(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Ei(e) : !0;
-}
-const yu = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+}, bo = (e) => (t) => t.test(e), vo = [nt, A, Te, Me, $l, _l, yu], or = (e) => vo.find(bo(e));
 function xu(e) {
+  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Mi(e) : !0;
+}
+const bu = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function vu(e) {
   const [t, s] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
@@ -2495,14 +2506,14 @@ function xu(e) {
   if (!n)
     return e;
   const r = s.replace(n, "");
-  let o = yu.has(t) ? 1 : 0;
+  let o = bu.has(t) ? 1 : 0;
   return n !== s && (o *= 100), t + "(" + o + r + ")";
 }
-const bu = /\b([a-z-]*)\(.*?\)/gu, Us = {
+const wu = /\b([a-z-]*)\(.*?\)/gu, Us = {
   ...xe,
   getAnimatableNone: (e) => {
-    const t = e.match(bu);
-    return t ? t.map(xu).join(" ") : e;
+    const t = e.match(wu);
+    return t ? t.map(vu).join(" ") : e;
   }
 }, Gs = {
   ...xe,
@@ -2513,18 +2524,18 @@ const bu = /\b([a-z-]*)\(.*?\)/gu, Us = {
 }, ar = {
   ...nt,
   transform: Math.round
-}, vu = {
-  rotate: Ee,
-  rotateX: Ee,
-  rotateY: Ee,
-  rotateZ: Ee,
+}, ku = {
+  rotate: Me,
+  rotateX: Me,
+  rotateY: Me,
+  rotateZ: Me,
   scale: Pt,
   scaleX: Pt,
   scaleY: Pt,
   scaleZ: Pt,
-  skew: Ee,
-  skewX: Ee,
-  skewY: Ee,
+  skew: Me,
+  skewX: Me,
+  skewY: Me,
   distance: A,
   translateX: A,
   translateY: A,
@@ -2594,47 +2605,47 @@ const bu = /\b([a-z-]*)\(.*?\)/gu, Us = {
   // Misc
   backgroundPositionX: A,
   backgroundPositionY: A,
-  ...vu,
+  ...ku,
   zIndex: ar,
   // SVG
   fillOpacity: pt,
   strokeOpacity: pt,
   numOctaves: ar
-}, wu = {
+}, Tu = {
   ...jn,
   // Color props
-  color: Z,
-  backgroundColor: Z,
-  outlineColor: Z,
-  fill: Z,
-  stroke: Z,
+  color: J,
+  backgroundColor: J,
+  outlineColor: J,
+  fill: J,
+  stroke: J,
   // Border props
-  borderColor: Z,
-  borderTopColor: Z,
-  borderRightColor: Z,
-  borderBottomColor: Z,
-  borderLeftColor: Z,
+  borderColor: J,
+  borderTopColor: J,
+  borderRightColor: J,
+  borderBottomColor: J,
+  borderLeftColor: J,
   filter: Us,
   WebkitFilter: Us,
   mask: Gs,
   WebkitMask: Gs
-}, wo = (e) => wu[e], ku = /* @__PURE__ */ new Set([Us, Gs]);
+}, wo = (e) => Tu[e], ju = /* @__PURE__ */ new Set([Us, Gs]);
 function ko(e, t) {
   let s = wo(e);
-  return ku.has(s) || (s = xe), s.getAnimatableNone ? s.getAnimatableNone(t) : void 0;
+  return ju.has(s) || (s = xe), s.getAnimatableNone ? s.getAnimatableNone(t) : void 0;
 }
-const Tu = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function ju(e, t, s) {
+const Su = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function Cu(e, t, s) {
   let n = 0, r;
   for (; n < e.length && !r; ) {
     const o = e[n];
-    typeof o == "string" && !Tu.has(o) && et(o).values.length && (r = e[n]), n++;
+    typeof o == "string" && !Su.has(o) && et(o).values.length && (r = e[n]), n++;
   }
   if (r && s)
     for (const o of t)
       e[o] = ko(s, r);
 }
-class Su extends bn {
+class Au extends bn {
   constructor(t, s, n, r, o) {
     super(t, s, n, r, o, !0);
   }
@@ -2668,8 +2679,8 @@ class Su extends bn {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: s } = this, n = [];
     for (let r = 0; r < t.length; r++)
-      (t[r] === null || gu(t[r])) && n.push(r);
-    n.length && ju(t, n, s);
+      (t[r] === null || xu(t[r])) && n.push(r);
+    n.length && Cu(t, n, s);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: s, name: n } = this;
@@ -2715,7 +2726,7 @@ const { schedule: Sn } = /* @__PURE__ */ Wi(queueMicrotask, !1), ye = {
 function So() {
   return ye.x || ye.y;
 }
-function Cu(e) {
+function Pu(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, () => {
@@ -2730,10 +2741,10 @@ function Co(e, t) {
   };
   return [s, r, () => n.abort()];
 }
-function Au(e) {
+function Nu(e) {
   return !(e.pointerType === "touch" || So());
 }
-function Pu(e, t, s = {}) {
+function Mu(e, t, s = {}) {
   const [n, r, o] = Co(e, s);
   return n.forEach((i) => {
     let a = !1, c = !1, u;
@@ -2754,7 +2765,7 @@ function Pu(e, t, s = {}) {
         f(y);
       }
     }, p = (y) => {
-      if (!Au(y))
+      if (!Nu(y))
         return;
       c = !1;
       const k = t(i, y);
@@ -2763,19 +2774,19 @@ function Pu(e, t, s = {}) {
     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, Nu = /* @__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, Eu = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function Eu(e) {
-  return Nu.has(e.tagName) || e.isContentEditable === !0;
-}
-const Mu = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA"]);
 function Vu(e) {
-  return Mu.has(e.tagName) || e.isContentEditable === !0;
+  return Eu.has(e.tagName) || e.isContentEditable === !0;
+}
+const Ru = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA"]);
+function Du(e) {
+  return Ru.has(e.tagName) || e.isContentEditable === !0;
 }
 const Ot = /* @__PURE__ */ new WeakSet();
 function lr(e) {
@@ -2786,7 +2797,7 @@ function lr(e) {
 function ys(e, t) {
   e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
 }
-const Ru = (e, t) => {
+const Lu = (e, t) => {
   const s = e.currentTarget;
   if (!s)
     return;
@@ -2805,7 +2816,7 @@ function cr(e) {
   return Cn(e) && !So();
 }
 const ur = /* @__PURE__ */ new WeakSet();
-function Du(e, t, s = {}) {
+function Iu(e, t, s = {}) {
   const [n, r, o] = Co(e, s), i = (a) => {
     const c = a.currentTarget;
     if (!cr(a) || ur.has(a))
@@ -2821,50 +2832,50 @@ function Du(e, t, s = {}) {
     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) => Ru(u, r)), !Eu(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (s.useGlobalTarget ? window : a).addEventListener("pointerdown", i, r), It(a) && (a.addEventListener("focus", (u) => Lu(u, r)), !Vu(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
 function An(e) {
   return Ni(e) && "ownerSVGElement" in e;
 }
 const zt = /* @__PURE__ */ new WeakMap();
-let Me;
-const Po = (e, t, s) => (n, r) => r && r[0] ? r[0][e + "Size"] : An(n) && "getBBox" in n ? n.getBBox()[t] : n[s], Lu = /* @__PURE__ */ Po("inline", "width", "offsetWidth"), Iu = /* @__PURE__ */ Po("block", "height", "offsetHeight");
-function Ou({ target: e, borderBoxSize: t }) {
+let Ee;
+const Po = (e, t, s) => (n, r) => r && r[0] ? r[0][e + "Size"] : An(n) && "getBBox" in n ? n.getBBox()[t] : n[s], Ou = /* @__PURE__ */ Po("inline", "width", "offsetWidth"), zu = /* @__PURE__ */ Po("block", "height", "offsetHeight");
+function Fu({ target: e, borderBoxSize: t }) {
   var s;
   (s = zt.get(e)) == null || s.forEach((n) => {
     n(e, {
       get width() {
-        return Lu(e, t);
+        return Ou(e, t);
       },
       get height() {
-        return Iu(e, t);
+        return zu(e, t);
       }
     });
   });
 }
-function zu(e) {
-  e.forEach(Ou);
+function Bu(e) {
+  e.forEach(Fu);
 }
-function Fu() {
-  typeof ResizeObserver > "u" || (Me = new ResizeObserver(zu));
+function _u() {
+  typeof ResizeObserver > "u" || (Ee = new ResizeObserver(Bu));
 }
-function Bu(e, t) {
-  Me || Fu();
+function $u(e, t) {
+  Ee || _u();
   const s = To(e);
   return s.forEach((n) => {
     let r = zt.get(n);
-    r || (r = /* @__PURE__ */ new Set(), zt.set(n, r)), r.add(t), Me == null || Me.observe(n);
+    r || (r = /* @__PURE__ */ new Set(), zt.set(n, r)), r.add(t), Ee == null || Ee.observe(n);
   }), () => {
     s.forEach((n) => {
       const r = zt.get(n);
-      r == null || r.delete(t), r != null && r.size || Me == null || Me.unobserve(n);
+      r == null || r.delete(t), r != null && r.size || Ee == null || Ee.unobserve(n);
     });
   };
 }
 const Ft = /* @__PURE__ */ new Set();
 let Je;
-function _u() {
+function Wu() {
   Je = () => {
     const e = {
       get width() {
@@ -2877,18 +2888,18 @@ function _u() {
     Ft.forEach((t) => t(e));
   }, window.addEventListener("resize", Je);
 }
-function $u(e) {
-  return Ft.add(e), Je || _u(), () => {
+function Uu(e) {
+  return Ft.add(e), Je || Wu(), () => {
     Ft.delete(e), !Ft.size && typeof Je == "function" && (window.removeEventListener("resize", Je), Je = void 0);
   };
 }
 function dr(e, t) {
-  return typeof e == "function" ? $u(e) : Bu(e, t);
+  return typeof e == "function" ? Uu(e) : $u(e, t);
 }
-function Wu(e) {
+function Gu(e) {
   return An(e) && e.tagName === "svg";
 }
-const Uu = [...vo, Z, xe], Gu = (e) => Uu.find(bo(e)), fr = () => ({
+const Ku = [...vo, J, xe], Yu = (e) => Ku.find(bo(e)), fr = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
@@ -2899,7 +2910,7 @@ const Uu = [...vo, Z, xe], Gu = (e) => Uu.find(bo(e)), fr = () => ({
 }), hr = () => ({ min: 0, max: 0 }), se = () => ({
   x: hr(),
   y: hr()
-}), Ku = /* @__PURE__ */ new WeakMap();
+}), Hu = /* @__PURE__ */ new WeakMap();
 function as(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
@@ -2921,7 +2932,7 @@ function ls(e) {
 function No(e) {
   return !!(ls(e) || e.variants);
 }
-function Yu(e, t, s) {
+function Xu(e, t, s) {
   for (const n in t) {
     const r = t[n], o = s[n];
     if (oe(r))
@@ -2941,9 +2952,9 @@ function Yu(e, t, s) {
     t[n] === void 0 && e.removeValue(n);
   return t;
 }
-const Ks = { current: null }, Eo = { current: !1 }, Hu = typeof window < "u";
-function Xu() {
-  if (Eo.current = !0, !!Hu)
+const Ks = { current: null }, Mo = { current: !1 }, qu = typeof window < "u";
+function Zu() {
+  if (Mo.current = !0, !!qu)
     if (window.matchMedia) {
       const e = window.matchMedia("(prefers-reduced-motion)"), t = () => Ks.current = e.matches;
       e.addEventListener("change", t), t();
@@ -2960,13 +2971,13 @@ const mr = [
   "LayoutAnimationComplete"
 ];
 let Jt = {};
-function Mo(e) {
+function Eo(e) {
   Jt = e;
 }
-function qu() {
+function Ju() {
   return Jt;
 }
-class Zu {
+class Qu {
   /**
    * 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.
@@ -2997,7 +3008,7 @@ class Zu {
     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, Ku.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 : (Eo.current || Xu(), 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, Hu.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 || Zu(), 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;
   }
   unmount() {
     var t;
@@ -3086,7 +3097,7 @@ class Zu {
       const o = "on" + r, i = t[o];
       i && (this.propEventSubscriptions[r] = this.on(r, i));
     }
-    this.prevMotionValues = Yu(this, this.scrapeMotionValuesFromProps(t, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = Xu(this, this.scrapeMotionValuesFromProps(t, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -3151,7 +3162,7 @@ class Zu {
    */
   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" && (Pi(n) || Ei(n)) ? n = parseFloat(n) : !Gu(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" && (Pi(n) || Mi(n)) ? n = parseFloat(n) : !Yu(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
@@ -3187,9 +3198,9 @@ class Zu {
     Sn.render(this.render);
   }
 }
-class Vo extends Zu {
+class Vo extends Qu {
   constructor() {
-    super(...arguments), this.KeyframeResolver = Su;
+    super(...arguments), this.KeyframeResolver = Au;
   }
   sortInstanceNodePosition(t, s) {
     return t.compareDocumentPosition(s) & 2 ? 1 : -1;
@@ -3209,7 +3220,7 @@ class Vo extends Zu {
     }));
   }
 }
-class Ie {
+class Oe {
   constructor(t) {
     this.isMounted = !1, this.node = t;
   }
@@ -3222,10 +3233,10 @@ function Ro({ top: e, left: t, right: s, bottom: n }) {
     y: { min: e, max: n }
   };
 }
-function Ju({ x: e, y: t }) {
+function ed({ x: e, y: t }) {
   return { top: t.min, right: e.max, bottom: t.max, left: e.min };
 }
-function Qu(e, t) {
+function td(e, t) {
   if (!t)
     return e;
   const s = t({ x: e.left, y: e.top }), n = t({ x: e.right, y: e.bottom });
@@ -3242,7 +3253,7 @@ function xs(e) {
 function Ys({ scale: e, scaleX: t, scaleY: s }) {
   return !xs(e) || !xs(t) || !xs(s);
 }
-function Be(e) {
+function _e(e) {
   return Ys(e) || Do(e) || e.z || e.rotate || e.rotateX || e.rotateY || e.skewX || e.skewY;
 }
 function Do(e) {
@@ -3265,7 +3276,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 ed(e, t, s, n = !1) {
+function sd(e, t, s, n = !1) {
   var a;
   const r = s.length;
   if (!r)
@@ -3275,7 +3286,7 @@ function ed(e, t, s, n = !1) {
   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 && Be(o.latestValues) && Bt(e, o.latestValues, (a = o.layout) == null ? void 0 : a.layoutBox));
+    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));
   }
   t.x < xr && t.x > yr && (t.x = 1), t.y < xr && t.y > yr && (t.y = 1);
 }
@@ -3294,21 +3305,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(Qu(e.getBoundingClientRect(), t));
+  return Ro(td(e.getBoundingClientRect(), t));
 }
-function td(e, t, s) {
+function nd(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 sd = {
+const rd = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, nd = rt.length;
-function rd(e, t, s) {
+}, id = rt.length;
+function od(e, t, s) {
   let n = "", r = !0;
-  for (let o = 0; o < nd; o++) {
+  for (let o = 0; o < id; o++) {
     const i = rt[o], a = e[i];
     if (a === void 0)
       continue;
@@ -3323,7 +3334,7 @@ function rd(e, t, s) {
       const u = jo(a, jn[i]);
       if (!c) {
         r = !1;
-        const d = sd[i] || i;
+        const d = rd[i] || i;
         n += `${d}(${u}) `;
       }
       s && (t[i] = u);
@@ -3331,7 +3342,7 @@ function rd(e, t, s) {
   }
   return n = n.trim(), s ? n = s(t, r ? "" : n) : r && (n = "none"), n;
 }
-function En(e, t, s) {
+function Mn(e, t, s) {
   const { style: n, vars: r, transformOrigin: o } = e;
   let i = !1, a = !1;
   for (const c in t) {
@@ -3347,7 +3358,7 @@ function En(e, t, s) {
       c.startsWith("origin") ? (a = !0, o[c] = d) : n[c] = d;
     }
   }
-  if (t.transform || (i || s ? n.transform = rd(t, e.transform, s) : n.transform && (n.transform = "none")), a) {
+  if (t.transform || (i || s ? n.transform = od(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}`;
   }
@@ -3376,7 +3387,7 @@ const lt = {
     const s = wr(e, t.target.x), n = wr(e, t.target.y);
     return `${s}% ${n}%`;
   }
-}, id = {
+}, ad = {
   correct: (e, { treeScale: t, projectionDelta: s }) => {
     const n = e, r = xe.parse(e);
     if (r.length > 5)
@@ -3400,12 +3411,12 @@ const lt = {
   borderTopRightRadius: lt,
   borderBottomLeftRadius: lt,
   borderBottomRightRadius: lt,
-  boxShadow: id
+  boxShadow: ad
 };
 function zo(e, { layout: t, layoutId: s }) {
   return it.has(e) || e.startsWith("origin") || (t || s !== void 0) && (!!Xs[e] || e === "opacity");
 }
-function Mn(e, t, s) {
+function En(e, t, s) {
   var i;
   const n = e.style, r = t == null ? void 0 : t.style, o = {};
   if (!n)
@@ -3414,19 +3425,19 @@ function Mn(e, t, s) {
     (oe(n[a]) || r && oe(r[a]) || zo(a, e) || ((i = s == null ? void 0 : s.getValue(a)) == null ? void 0 : i.liveStyle) !== void 0) && (o[a] = n[a]);
   return o;
 }
-function od(e) {
+function ld(e) {
   return window.getComputedStyle(e);
 }
-class ad extends Vo {
+class cd extends Vo {
   constructor() {
     super(...arguments), this.type = "html", this.renderInstance = Oo;
   }
   readValueFromInstance(t, s) {
     var n;
     if (it.has(s))
-      return (n = this.projection) != null && n.isProjecting ? Ls(s) : Cc(t, s);
+      return (n = this.projection) != null && n.isProjecting ? Ls(s) : Pc(t, s);
     {
-      const r = od(t), o = (Gi(s) ? r.getPropertyValue(s) : r[s]) || 0;
+      const r = ld(t), o = (Gi(s) ? r.getPropertyValue(s) : r[s]) || 0;
       return typeof o == "string" ? o.trim() : o;
     }
   }
@@ -3434,25 +3445,25 @@ class ad extends Vo {
     return Io(t, s);
   }
   build(t, s, n) {
-    En(t, s, n.transformTemplate);
+    Mn(t, s, n.transformTemplate);
   }
   scrapeMotionValuesFromProps(t, s, n) {
-    return Mn(t, s, n);
+    return En(t, s, n);
   }
 }
-const ld = {
+const ud = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, cd = {
+}, dd = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function ud(e, t, s = 1, n = 0, r = !0) {
+function fd(e, t, s = 1, n = 0, r = !0) {
   e.pathLength = 1;
-  const o = r ? ld : cd;
+  const o = r ? ud : dd;
   e[o.offset] = `${-n}`, e[o.array] = `${t} ${s}`;
 }
-const dd = [
+const hd = [
   "offsetDistance",
   "offsetPath",
   "offsetRotate",
@@ -3468,16 +3479,16 @@ function Fo(e, {
   // This is object creation, which we try to avoid per-frame.
   ...a
 }, c, u, d) {
-  if (En(e, a, u), c) {
+  if (Mn(e, a, u), 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 dd)
+  for (const m of hd)
     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 && ud(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 && fd(f, r, o, i, !1);
 }
 const Bo = /* @__PURE__ */ new Set([
   "baseFrequency",
@@ -3504,13 +3515,13 @@ const Bo = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]), _o = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-function fd(e, t, s, n) {
+function md(e, t, s, n) {
   Oo(e, t, void 0, n);
   for (const r in t.attrs)
     e.setAttribute(Bo.has(r) ? r : Tn(r), t.attrs[r]);
 }
 function $o(e, t, s) {
-  const n = Mn(e, t, s);
+  const n = En(e, t, s);
   for (const r in e)
     if (oe(e[r]) || oe(t[r])) {
       const o = rt.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
@@ -3518,7 +3529,7 @@ function $o(e, t, s) {
     }
   return n;
 }
-class hd extends Vo {
+class pd extends Vo {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = se;
   }
@@ -3539,13 +3550,13 @@ class hd extends Vo {
     Fo(t, s, this.isSVGTag, n.transformTemplate, n.style);
   }
   renderInstance(t, s, n, r) {
-    fd(t, s, n, r);
+    md(t, s, n, r);
   }
   mount(t) {
     this.isSVGTag = _o(t.tagName), super.mount(t);
   }
 }
-const md = Nn.length;
+const gd = Nn.length;
 function Wo(e) {
   if (!e)
     return;
@@ -3554,7 +3565,7 @@ function Wo(e) {
     return e.props.initial !== void 0 && (s.initial = e.props.initial), s;
   }
   const t = {};
-  for (let s = 0; s < md; s++) {
+  for (let s = 0; s < gd; s++) {
     const n = Nn[s], r = e.props[n];
     (gt(r) || r === !1) && (t[n] = r);
   }
@@ -3571,15 +3582,15 @@ function Uo(e, t) {
       return !1;
   return !0;
 }
-const pd = [...Pn].reverse(), gd = Pn.length;
-function yd(e) {
-  return (t) => Promise.all(t.map(({ animation: s, options: n }) => mu(e, s, n)));
+const yd = [...Pn].reverse(), xd = Pn.length;
+function bd(e) {
+  return (t) => Promise.all(t.map(({ animation: s, options: n }) => gu(e, s, n)));
 }
-function xd(e) {
-  let t = yd(e), s = kr(), n = !0, r = !1;
+function vd(e) {
+  let t = bd(e), s = kr(), n = !0, r = !1;
   const o = (u) => (d, f) => {
     var m;
-    const h = Ue(e, f, u === "exit" ? (m = e.presenceContext) == null ? void 0 : m.custom : void 0);
+    const h = Ge(e, f, u === "exit" ? (m = e.presenceContext) == null ? void 0 : m.custom : void 0);
     if (h) {
       const { transition: g, transitionEnd: p, ...y } = h;
       d = { ...d, ...y, ...p };
@@ -3592,8 +3603,8 @@ function xd(e) {
   function a(u) {
     const { props: d } = e, f = Wo(e.parent) || {}, h = [], m = /* @__PURE__ */ new Set();
     let g = {}, p = 1 / 0;
-    for (let k = 0; k < gd; k++) {
-      const v = pd[k], x = s[v], T = d[v] !== void 0 ? d[v] : f[v], j = gt(T), N = v === u ? x.isActive : null;
+    for (let k = 0; k < xd; k++) {
+      const v = yd[k], x = s[v], T = d[v] !== void 0 ? d[v] : f[v], j = gt(T), N = v === u ? x.isActive : null;
       N === !1 && (p = k);
       let L = T === f[v] && T !== d[v] && j;
       if (L && (n || r) && e.manuallyAnimateOnMount && (L = !1), x.protectedKeys = { ...g }, // If it isn't active and hasn't *just* been set as inactive
@@ -3608,18 +3619,18 @@ function xd(e) {
         });
         continue;
       }
-      const w = bd(x.prevProp, T);
-      let E = w || // If we're making this variant active, we want to always make it active
+      const w = wd(x.prevProp, T);
+      let M = w || // If we're making this variant active, we want to always make it active
       v === u && x.isActive && !L && j || // If we removed a higher-priority variant (i is in reverse order)
-      k > p && j, M = !1;
-      const O = Array.isArray(T) ? T : [T];
-      let B = O.reduce(o(v), {});
+      k > p && j, E = !1;
+      const z = Array.isArray(T) ? T : [T];
+      let B = z.reduce(o(v), {});
       N === !1 && (B = {});
       const { prevResolvedValues: le = {} } = x, ae = {
         ...le,
         ...B
-      }, X = (U) => {
-        E = !0, m.has(U) && (M = !0, m.delete(U)), x.needsAnimating[U] = !0;
+      }, q = (U) => {
+        M = !0, m.has(U) && (E = !0, m.delete(U)), x.needsAnimating[U] = !0;
         const Q = e.getValue(U);
         Q && (Q.liveStyle = !1);
       };
@@ -3628,14 +3639,14 @@ function xd(e) {
         if (g.hasOwnProperty(U))
           continue;
         let b = !1;
-        _s(Q) && _s(P) ? b = !Uo(Q, P) : b = Q !== P, b ? Q != null ? X(U) : m.add(U) : Q !== void 0 && m.has(U) ? X(U) : x.protectedKeys[U] = !0;
+        _s(Q) && _s(P) ? b = !Uo(Q, P) : b = Q !== P, b ? Q != null ? q(U) : m.add(U) : Q !== void 0 && m.has(U) ? q(U) : x.protectedKeys[U] = !0;
       }
-      x.prevProp = T, x.prevResolvedValues = B, x.isActive && (g = { ...g, ...B }), (n || r) && e.blockInitialAnimation && (E = !1);
+      x.prevProp = T, x.prevResolvedValues = B, x.isActive && (g = { ...g, ...B }), (n || r) && e.blockInitialAnimation && (M = !1);
       const _ = L && w;
-      E && (!_ || M) && h.push(...O.map((U) => {
+      M && (!_ || E) && h.push(...z.map((U) => {
         const Q = { type: v };
         if (typeof U == "string" && (n || r) && !_ && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: P } = e, b = Ue(P, U);
+          const { parent: P } = e, b = Ge(P, U);
           if (P.enteringChildren && b) {
             const { delayChildren: R } = b.transition || {};
             Q.delay = fo(P.enteringChildren, e, R);
@@ -3650,7 +3661,7 @@ function xd(e) {
     if (m.size) {
       const k = {};
       if (typeof d.initial != "boolean") {
-        const v = Ue(e, Array.isArray(d.initial) ? d.initial[0] : d.initial);
+        const v = Ge(e, Array.isArray(d.initial) ? d.initial[0] : d.initial);
         v && v.transition && (k.transition = v.transition);
       }
       m.forEach((v) => {
@@ -3684,10 +3695,10 @@ function xd(e) {
     }
   };
 }
-function bd(e, t) {
+function wd(e, t) {
   return typeof t == "string" ? t !== e : Array.isArray(t) ? !Uo(t, e) : !1;
 }
-function ze(e = !1) {
+function Fe(e = !1) {
   return {
     isActive: e,
     protectedKeys: {},
@@ -3697,13 +3708,13 @@ function ze(e = !1) {
 }
 function kr() {
   return {
-    animate: ze(!0),
-    whileInView: ze(),
-    whileHover: ze(),
-    whileTap: ze(),
-    whileDrag: ze(),
-    whileFocus: ze(),
-    exit: ze()
+    animate: Fe(!0),
+    whileInView: Fe(),
+    whileHover: Fe(),
+    whileTap: Fe(),
+    whileDrag: Fe(),
+    whileFocus: Fe(),
+    exit: Fe()
   };
 }
 function qs(e, t) {
@@ -3715,15 +3726,15 @@ function ge(e, t) {
 function Tr(e, t) {
   e.translate = t.translate, e.scale = t.scale, e.originPoint = t.originPoint, e.origin = t.origin;
 }
-const Go = 1e-4, vd = 1 - Go, wd = 1 + Go, Ko = 0.01, kd = 0 - Ko, Td = 0 + Ko;
+const Go = 1e-4, kd = 1 - Go, Td = 1 + Go, Ko = 0.01, jd = 0 - Ko, Sd = 0 + Ko;
 function ue(e) {
   return e.max - e.min;
 }
-function jd(e, t, s) {
+function Cd(e, t, s) {
   return Math.abs(e - t) <= s;
 }
 function jr(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 >= vd && e.scale <= wd || isNaN(e.scale)) && (e.scale = 1), (e.translate >= kd && e.translate <= Td || isNaN(e.translate)) && (e.translate = 0);
+  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 >= kd && e.scale <= Td || isNaN(e.scale)) && (e.scale = 1), (e.translate >= jd && e.translate <= Sd || isNaN(e.translate)) && (e.translate = 0);
 }
 function ft(e, t, s, n) {
   jr(e.x, t.x, s.x, n ? n.originX : void 0), jr(e.y, t.y, s.y, n ? n.originY : void 0);
@@ -3732,7 +3743,7 @@ 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);
 }
-function Sd(e, t, s, n) {
+function Ad(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) {
@@ -3745,30 +3756,30 @@ 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 Cd(e, t = 0, s = 1, n = 0.5, r, o = e, i = e) {
+function Pd(e, t = 0, s = 1, n = 0.5, r, o = e, i = e) {
   if (Te.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 Pr(e, t, [s, n, r], o, i) {
-  Cd(e, t[s], t[n], t[r], t.scale, o, i);
+  Pd(e, t[s], t[n], t[r], t.scale, o, i);
 }
-const Ad = ["x", "scaleX", "originX"], Pd = ["y", "scaleY", "originY"];
+const Nd = ["x", "scaleX", "originX"], Md = ["y", "scaleY", "originY"];
 function Nr(e, t, s, n) {
-  Pr(e.x, t, Ad, s ? s.x : void 0, n ? n.x : void 0), Pr(e.y, t, Pd, s ? s.y : void 0, n ? n.y : void 0);
+  Pr(e.x, t, Nd, s ? s.x : void 0, n ? n.x : void 0), Pr(e.y, t, Md, s ? s.y : void 0, n ? n.y : void 0);
 }
-function Er(e) {
+function Mr(e) {
   return e.translate === 0 && e.scale === 1;
 }
 function Yo(e) {
-  return Er(e.x) && Er(e.y);
+  return Mr(e.x) && Mr(e.y);
 }
-function Mr(e, t) {
+function Er(e, t) {
   return e.min === t.min && e.max === t.max;
 }
-function Nd(e, t) {
-  return Mr(e.x, t.x) && Mr(e.y, t.y);
+function Ed(e, t) {
+  return Er(e.x, t.x) && Er(e.y, t.y);
 }
 function Vr(e, t) {
   return Math.round(e.min) === Math.round(t.min) && Math.round(e.max) === Math.round(t.max);
@@ -3785,7 +3796,7 @@ function Dr(e, t) {
 function ve(e) {
   return [e("x"), e("y")];
 }
-function Ed(e, t, s) {
+function Vd(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) {
@@ -3800,10 +3811,10 @@ const Xo = [
   "borderTopRightRadius",
   "borderBottomLeftRadius",
   "borderBottomRightRadius"
-], Md = Xo.length, Lr = (e) => typeof e == "string" ? parseFloat(e) : e, Ir = (e) => typeof e == "number" || A.test(e);
-function Vd(e, t, s, n, r, o) {
-  r ? (e.opacity = W(0, s.opacity ?? 1, Rd(n)), e.opacityExit = W(t.opacity ?? 1, 0, Dd(n))) : o && (e.opacity = W(t.opacity ?? 1, s.opacity ?? 1, n));
-  for (let i = 0; i < Md; i++) {
+], Rd = Xo.length, Lr = (e) => typeof e == "string" ? parseFloat(e) : e, Ir = (e) => typeof e == "number" || A.test(e);
+function Dd(e, t, s, n, r, o) {
+  r ? (e.opacity = W(0, s.opacity ?? 1, Ld(n)), e.opacityExit = W(t.opacity ?? 1, 0, Id(n))) : o && (e.opacity = W(t.opacity ?? 1, s.opacity ?? 1, n));
+  for (let i = 0; i < Rd; i++) {
     const a = Xo[i];
     let c = Or(t, a), u = Or(s, a);
     if (c === void 0 && u === void 0)
@@ -3815,19 +3826,19 @@ function Vd(e, t, s, n, r, o) {
 function Or(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
 }
-const Rd = /* @__PURE__ */ qo(0, 0.5, Fi), Dd = /* @__PURE__ */ qo(0.5, 0.95, me);
+const Ld = /* @__PURE__ */ qo(0, 0.5, Fi), Id = /* @__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 Ld(e, t, s) {
+function Od(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 Id = (e, t) => e.depth - t.depth;
-class Od {
+const zd = (e, t) => e.depth - t.depth;
+class Fd {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
@@ -3838,10 +3849,10 @@ class Od {
     Yt(this.children, t), this.isDirty = !0;
   }
   forEach(t) {
-    this.isDirty && this.children.sort(Id), this.isDirty = !1, this.children.forEach(t);
+    this.isDirty && this.children.sort(zd), this.isDirty = !1, this.children.forEach(t);
   }
 }
-function zd(e, t) {
+function Bd(e, t) {
   const s = ce.now(), n = ({ timestamp: r }) => {
     const o = r - s;
     o >= t && (Le(n), e(o - t));
@@ -3851,7 +3862,7 @@ function zd(e, t) {
 function _t(e) {
   return oe(e) ? e.get() : e;
 }
-class Fd {
+class _d {
   constructor() {
     this.members = [];
   }
@@ -3915,8 +3926,8 @@ const $t = {
    * update will be given a `data-projection-id` attribute.
    */
   hasEverUpdated: !1
-}, bs = ["", "X", "Y", "Z"], Bd = 1e3;
-let _d = 0;
+}, bs = ["", "X", "Y", "Z"], $d = 1e3;
+let Wd = 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));
@@ -3938,14 +3949,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 = _d++, 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 = Wd++, 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(Ud), this.nodes.forEach(qd), this.nodes.forEach(Zd), this.nodes.forEach(Gd);
+        this.projectionUpdateScheduled = !1, this.nodes.forEach(Kd), this.nodes.forEach(Jd), this.nodes.forEach(Qd), this.nodes.forEach(Yd);
       }, 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 Od());
+      this.root === this && (this.nodes = new Fd());
     }
     addEventListener(i, a) {
       return this.eventHandlers.has(i) || this.eventHandlers.set(i, new cn()), this.eventHandlers.get(i).add(a);
@@ -3963,7 +3974,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
     mount(i) {
       if (this.instance)
         return;
-      this.isSVG = An(i) && !Wu(i), this.instance = i;
+      this.isSVG = An(i) && !Gu(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;
@@ -3972,7 +3983,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
           f = window.innerWidth;
         }), e(i, () => {
           const m = window.innerWidth;
-          m !== f && (f = m, this.root.updateBlockedByResize = !0, d && d(), d = zd(h, 250), $t.hasAnimatedSinceResize && ($t.hasAnimatedSinceResize = !1, this.nodes.forEach(Br)));
+          m !== f && (f = m, this.root.updateBlockedByResize = !0, d && d(), d = Bd(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 }) => {
@@ -3980,7 +3991,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const g = this.options.transition || u.getDefaultTransition() || sf, { onLayoutAnimationStart: p, onLayoutAnimationComplete: y } = u.getProps(), k = !this.targetLayout || !Ho(this.targetLayout, m), v = !f && h;
+        const g = this.options.transition || u.getDefaultTransition() || rf, { onLayoutAnimationStart: p, onLayoutAnimationComplete: y } = u.getProps(), k = !this.targetLayout || !Ho(this.targetLayout, m), v = !f && h;
         if (this.options.layoutRoot || this.resumeFrom || v || f && (k || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const x = {
@@ -4014,7 +4025,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
     }
     // Note: currently only running on root node
     startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Jd), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(ef), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: i } = this.options;
@@ -4041,14 +4052,14 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
     update() {
       if (this.updateScheduled = !1, this.isUpdateBlocked()) {
         const c = this.updateBlockedByResize;
-        this.unblockUpdate(), this.updateBlockedByResize = !1, this.clearAllSnapshots(), c && this.nodes.forEach(Yd), this.nodes.forEach(zr);
+        this.unblockUpdate(), this.updateBlockedByResize = !1, this.clearAllSnapshots(), c && this.nodes.forEach(Xd), this.nodes.forEach(zr);
         return;
       }
       if (this.animationId <= this.animationCommitId) {
         this.nodes.forEach(Fr);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Hd), this.nodes.forEach(Xd), this.nodes.forEach($d), this.nodes.forEach(Wd)) : this.nodes.forEach(Fr), this.clearAllSnapshots();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(qd), this.nodes.forEach(Zd), this.nodes.forEach(Ud), this.nodes.forEach(Gd)) : this.nodes.forEach(Fr), this.clearAllSnapshots();
       const a = ce.now();
       ie.delta = je(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;
     }
@@ -4056,7 +4067,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       this.updateScheduled || (this.updateScheduled = !0, Sn.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(Kd), this.sharedNodes.forEach(Qd);
+      this.nodes.forEach(Hd), this.sharedNodes.forEach(tf);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, F.preRender(this.updateProjection, !1, !0));
@@ -4100,12 +4111,12 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       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 || Be(this.latestValues) || d) && (r(this.instance, u), this.shouldResetTransform = !1, this.scheduleRender());
+      i && this.instance && (a || _e(this.latestValues) || d) && (r(this.instance, u), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(i = !0) {
       const a = this.measurePageBox();
       let c = this.removeElementScroll(a);
-      return i && (c = this.removeTransform(c)), nf(c), {
+      return i && (c = this.removeTransform(c)), of(c), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: c,
@@ -4119,7 +4130,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       if (!i)
         return se();
       const a = i.measureViewportBox();
-      if (!(((u = this.scroll) == null ? void 0 : u.wasRoot) || this.path.some(rf))) {
+      if (!(((u = this.scroll) == null ? void 0 : u.wasRoot) || this.path.some(af))) {
         const { scroll: d } = this.root;
         d && (we(a.x, d.offset.x), we(a.y, d.offset.y));
       }
@@ -4142,9 +4153,9 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       ge(u, 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)), Be(m.latestValues) && Bt(u, m.latestValues, (d = m.layout) == null ? void 0 : d.layoutBox);
+        !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);
       }
-      return Be(this.latestValues) && Bt(u, this.latestValues, (f = this.layout) == null ? void 0 : f.layoutBox), u;
+      return _e(this.latestValues) && Bt(u, this.latestValues, (f = this.layout) == null ? void 0 : f.layoutBox), u;
     }
     removeTransform(i) {
       var c;
@@ -4152,12 +4163,12 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       ge(a, i);
       for (let u = 0; u < this.path.length; u++) {
         const d = this.path[u];
-        if (!Be(d.latestValues))
+        if (!_e(d.latestValues))
           continue;
         let f;
         d.instance && (Ys(d.latestValues) && d.updateSnapshot(), f = se(), ge(f, d.measurePageBox())), Nr(a, d.latestValues, (c = d.snapshot) == null ? void 0 : c.layoutBox, f);
       }
-      return Be(this.latestValues) && Nr(a, this.latestValues), a;
+      return _e(this.latestValues) && Nr(a, this.latestValues), a;
     }
     setTargetDelta(i) {
       this.targetDelta = i, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -4187,7 +4198,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
         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(), Sd(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(), Ad(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)))
@@ -4213,7 +4224,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
         return;
       ge(this.layoutCorrected, this.layout.layoutBox);
       const f = this.treeScale.x, h = this.treeScale.y;
-      ed(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());
+      sd(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());
@@ -4241,18 +4252,18 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
     setAnimationOrigin(i, a = !1) {
       const c = this.snapshot, u = c ? c.latestValues : {}, d = { ...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(), k = !y || y.members.length <= 1, v = !!(p && !k && this.options.crossfade === !0 && !this.path.some(tf));
+      const h = se(), m = c ? c.source : void 0, g = this.layout ? this.layout.source : void 0, p = m !== g, y = this.getStack(), k = !y || y.members.length <= 1, v = !!(p && !k && this.options.crossfade === !0 && !this.path.some(nf));
       this.animationProgress = 0;
       let x;
       this.mixTargetDelta = (T) => {
         const j = T / 1e3;
-        _r(f.x, i.x, j), _r(f.y, i.y, j), 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), ef(this.relativeTarget, this.relativeTargetOrigin, h, j), x && Nd(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = se()), ge(x, this.relativeTarget)), p && (this.animationValues = d, Vd(d, u, this.latestValues, j, v, k)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = j;
+        _r(f.x, i.x, j), _r(f.y, i.y, j), 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), sf(this.relativeTarget, this.relativeTargetOrigin, h, j), x && Ed(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = se()), ge(x, this.relativeTarget)), p && (this.animationValues = d, Dd(d, u, this.latestValues, j, v, k)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = j;
       }, 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 && (Le(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 = Ld(this.motionValue, [0, 1e3], {
+        $t.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = tt(0)), this.motionValue.jump(0, !1), this.currentAnimation = Od(this.motionValue, [0, 1e3], {
           ...i,
           velocity: 0,
           isSync: !0,
@@ -4273,7 +4284,7 @@ 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(Bd), this.currentAnimation.stop()), this.completeAnimation();
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta($d), this.currentAnimation.stop()), this.completeAnimation();
     }
     applyTransformsToTarget() {
       const i = this.getLead();
@@ -4290,7 +4301,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       }
     }
     registerSharedNode(i, a) {
-      this.sharedNodes.has(i) || this.sharedNodes.set(i, new Fd()), this.sharedNodes.get(i).add(a);
+      this.sharedNodes.has(i) || this.sharedNodes.set(i, new _d()), this.sharedNodes.get(i).add(a);
       const u = a.options.initialPromotionConfig;
       a.promote({
         transition: u ? u.transition : void 0,
@@ -4355,13 +4366,13 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       }
       const u = this.getLead();
       if (!this.projectionDelta || !this.layout || !u.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 && !Be(this.latestValues) && (i.transform = c ? c({}, "") : "none", this.hasProjected = !1);
+        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;
       this.applyTransformsToTarget();
-      let f = Ed(this.projectionDeltaWithTransform, this.treeScale, d);
+      let f = Vd(this.projectionDeltaWithTransform, this.treeScale, d);
       c && (f = c(d, 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;
@@ -4390,10 +4401,10 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
     }
   };
 }
-function $d(e) {
+function Ud(e) {
   e.updateLayout();
 }
-function Wd(e) {
+function Gd(e) {
   var s;
   const t = ((s = e.resumeFrom) == null ? void 0 : s.snapshot) || e.snapshot;
   if (e.isLead() && e.layout && t && e.hasListeners("didUpdate")) {
@@ -4442,44 +4453,44 @@ function Wd(e) {
   }
   e.options.transition = void 0;
 }
-function Ud(e) {
+function Kd(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 Gd(e) {
+function Yd(e) {
   e.isProjectionDirty = e.isSharedProjectionDirty = e.isTransformDirty = !1;
 }
-function Kd(e) {
+function Hd(e) {
   e.clearSnapshot();
 }
 function zr(e) {
   e.clearMeasurements();
 }
-function Yd(e) {
+function Xd(e) {
   e.isLayoutDirty = !0, e.updateLayout();
 }
 function Fr(e) {
   e.isLayoutDirty = !1;
 }
-function Hd(e) {
+function qd(e) {
   e.isAnimationBlocked && e.layout && !e.isLayoutDirty && (e.snapshot = e.layout, e.isLayoutDirty = !0);
 }
-function Xd(e) {
+function Zd(e) {
   const { visualElement: t } = e.options;
   t && t.getProps().onBeforeLayoutMeasure && t.notify("BeforeLayoutMeasure"), e.resetTransform();
 }
 function Br(e) {
   e.finishAnimation(), e.targetDelta = e.relativeTarget = e.target = void 0, e.isProjectionDirty = !0;
 }
-function qd(e) {
+function Jd(e) {
   e.resolveTargetDelta();
 }
-function Zd(e) {
+function Qd(e) {
   e.calcProjection();
 }
-function Jd(e) {
+function ef(e) {
   e.resetSkewAndRotation();
 }
-function Qd(e) {
+function tf(e) {
   e.removeLeadSnapshot();
 }
 function _r(e, t, s) {
@@ -4488,30 +4499,30 @@ function _r(e, t, s) {
 function $r(e, t, s, n) {
   e.min = W(t.min, s.min, n), e.max = W(t.max, s.max, n);
 }
-function ef(e, t, s, n) {
+function sf(e, t, s, n) {
   $r(e.x, t.x, s.x, n), $r(e.y, t.y, s.y, n);
 }
-function tf(e) {
+function nf(e) {
   return e.animationValues && e.animationValues.opacityExit !== void 0;
 }
-const sf = {
+const rf = {
   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;
 function Gr(e) {
   e.min = Ur(e.min), e.max = Ur(e.max);
 }
-function nf(e) {
+function of(e) {
   Gr(e.x), Gr(e.y);
 }
 function Qo(e, t, s) {
-  return e === "position" || e === "preserve-aspect" && !jd(Rr(t), Rr(s), 0.2);
+  return e === "position" || e === "preserve-aspect" && !Cd(Rr(t), Rr(s), 0.2);
 }
-function rf(e) {
+function af(e) {
   var t;
   return e !== e.root && ((t = e.scroll) == null ? void 0 : t.wasRoot);
 }
-const of = Jo({
+const lf = Jo({
   attachResizeListener: (e, t) => yt(e, "resize", t),
   measureScroll: () => {
     var e, t;
@@ -4530,7 +4541,7 @@ const of = Jo({
   }),
   defaultParent: () => {
     if (!ws.current) {
-      const e = new of({});
+      const e = new lf({});
       e.mount(window), e.setOptions({ layoutScroll: !0 }), ws.current = e;
     }
     return ws.current;
@@ -4549,7 +4560,7 @@ function Kr(e, t) {
     return e(t);
   e != null && (e.current = t);
 }
-function af(...e) {
+function cf(...e) {
   return (t) => {
     let s = !1;
     const n = e.map((r) => {
@@ -4565,10 +4576,10 @@ function af(...e) {
       };
   };
 }
-function lf(...e) {
-  return ns.useCallback(af(...e), e);
+function uf(...e) {
+  return ns.useCallback(cf(...e), e);
 }
-class cf extends ns.Component {
+class df extends ns.Component {
   getSnapshotBeforeUpdate(t) {
     const s = this.props.childRef.current;
     if (It(s) && t.isPresent && !this.props.isPresent && this.props.pop !== !1) {
@@ -4586,7 +4597,7 @@ class cf extends ns.Component {
     return this.props.children;
   }
 }
-function uf({ children: e, isPresent: t, anchorX: s, anchorY: n, root: r, pop: o }) {
+function ff({ children: e, isPresent: t, anchorX: s, anchorY: n, root: r, pop: o }) {
   var h;
   const i = tn(), a = re(null), c = re({
     width: 0,
@@ -4595,7 +4606,7 @@ function uf({ 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 = lf(a, d);
+  }), { nonce: u } = ne(Vn), d = ((h = e.props) == null ? void 0 : h.ref) ?? (e == null ? void 0 : e.ref), f = uf(a, d);
   return sn(() => {
     const { width: m, height: g, top: p, left: y, right: k, bottom: v } = c.current;
     if (t || o === !1 || !a.current || !m || !g)
@@ -4617,11 +4628,11 @@ function uf({ children: e, isPresent: t, anchorX: s, anchorY: n, root: r, pop: o
       var L;
       (L = a.current) == null || L.removeAttribute("data-motion-pop-id"), N.contains(j) && N.removeChild(j);
     };
-  }, [t]), l.jsx(cf, { isPresent: t, childRef: a, sizeRef: c, pop: o, children: o === !1 ? e : ns.cloneElement(e, { ref: f }) });
+  }, [t]), l.jsx(df, { isPresent: t, childRef: a, sizeRef: c, pop: o, children: o === !1 ? e : ns.cloneElement(e, { ref: f }) });
 }
-const df = ({ children: e, initial: t, isPresent: s, onExitComplete: n, custom: r, presenceAffectsLayout: o, mode: i, anchorX: a, anchorY: c, root: u }) => {
-  const d = an(ff), f = tn();
-  let h = !0, m = Ge(() => (h = !1, {
+const hf = ({ children: e, initial: t, isPresent: s, onExitComplete: n, custom: r, presenceAffectsLayout: o, mode: i, anchorX: a, anchorY: c, root: u }) => {
+  const d = an(mf), f = tn();
+  let h = !0, m = Ke(() => (h = !1, {
     id: f,
     initial: t,
     isPresent: s,
@@ -4635,13 +4646,13 @@ const df = ({ children: e, initial: t, isPresent: s, onExitComplete: n, custom:
     },
     register: (g) => (d.set(g, !1), () => d.delete(g))
   }), [s, d, n]);
-  return o && h && (m = { ...m }), Ge(() => {
+  return o && h && (m = { ...m }), Ke(() => {
     d.forEach((g, p) => d.set(p, !1));
   }, [s]), ns.useEffect(() => {
     !s && !d.size && n && n();
-  }, [s]), e = l.jsx(uf, { pop: i === "popLayout", isPresent: s, anchorX: a, anchorY: c, root: u, children: e }), l.jsx(is.Provider, { value: m, children: e });
+  }, [s]), e = l.jsx(ff, { pop: i === "popLayout", isPresent: s, anchorX: a, anchorY: c, root: u, children: e }), l.jsx(is.Provider, { value: m, children: e });
 };
-function ff() {
+function mf() {
   return /* @__PURE__ */ new Map();
 }
 function ta(e = !0) {
@@ -4649,7 +4660,7 @@ function ta(e = !0) {
   if (t === null)
     return [!0, null];
   const { isPresent: s, onExitComplete: n, register: r } = t, o = tn();
-  Ke(() => {
+  Ie(() => {
     if (e)
       return r(o);
   }, [e]);
@@ -4664,31 +4675,31 @@ function Yr(e) {
   }), 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 = Ge(() => Yr(e), [e]), m = i && !d ? [] : h.map(Nt), g = re(!0), p = re(h), y = an(() => /* @__PURE__ */ new Map()), k = re(/* @__PURE__ */ new Set()), [v, x] = z(h), [T, j] = z(h);
+  const [d, f] = ta(i), h = Ke(() => Yr(e), [e]), m = i && !d ? [] : h.map(Nt), g = re(!0), p = re(h), y = an(() => /* @__PURE__ */ new Map()), k = re(/* @__PURE__ */ new Set()), [v, x] = O(h), [T, j] = O(h);
   Ai(() => {
     g.current = !1, p.current = h;
     for (let w = 0; w < T.length; w++) {
-      const E = Nt(T[w]);
-      m.includes(E) ? (y.delete(E), k.current.delete(E)) : y.get(E) !== !0 && y.set(E, !1);
+      const M = Nt(T[w]);
+      m.includes(M) ? (y.delete(M), k.current.delete(M)) : y.get(M) !== !0 && y.set(M, !1);
     }
   }, [T, m.length, m.join("-")]);
   const N = [];
   if (h !== v) {
     let w = [...h];
-    for (let E = 0; E < T.length; E++) {
-      const M = T[E], O = Nt(M);
-      m.includes(O) || (w.splice(E, 0, M), N.push(M));
+    for (let M = 0; M < T.length; M++) {
+      const E = T[M], z = Nt(E);
+      m.includes(z) || (w.splice(M, 0, E), N.push(E));
     }
     return o === "wait" && N.length && (w = N), j(Yr(w)), x(h), null;
   }
   process.env.NODE_ENV !== "production" && o === "wait" && T.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: T.map((w) => {
-    const E = Nt(w), M = i && !d ? !1 : h === T || m.includes(E), O = () => {
-      if (k.current.has(E))
+    const M = Nt(w), E = i && !d ? !1 : h === T || m.includes(M), z = () => {
+      if (k.current.has(M))
         return;
-      if (y.has(E))
-        k.current.add(E), y.set(E, !0);
+      if (y.has(M))
+        k.current.add(M), y.set(M, !0);
       else
         return;
       let B = !0;
@@ -4696,7 +4707,7 @@ const fe = ({ children: e, custom: t, initial: s = !0, onExitComplete: n, presen
         le || (B = !1);
       }), B && (L == null || L(), j(p.current), i && (f == null || f()), n && n());
     };
-    return l.jsx(df, { isPresent: M, initial: !g.current || s ? void 0 : !1, custom: t, presenceAffectsLayout: r, mode: o, root: u, onExitComplete: M ? void 0 : O, anchorX: a, anchorY: c, children: w }, E);
+    return l.jsx(hf, { isPresent: E, initial: !g.current || s ? void 0 : !1, custom: t, presenceAffectsLayout: r, mode: o, root: u, onExitComplete: E ? void 0 : z, anchorX: a, anchorY: c, children: w }, M);
   }) });
 }, sa = Pe({ strict: !1 }), Hr = {
   animation: [
@@ -4719,7 +4730,7 @@ const fe = ({ children: e, custom: t, initial: s = !0, onExitComplete: n, presen
   layout: ["layout", "layoutId"]
 };
 let Xr = !1;
-function hf() {
+function pf() {
   if (Xr)
     return;
   const e = {};
@@ -4727,21 +4738,21 @@ function hf() {
     e[t] = {
       isEnabled: (s) => Hr[t].some((n) => !!s[n])
     };
-  Mo(e), Xr = !0;
+  Eo(e), Xr = !0;
 }
 function na() {
-  return hf(), qu();
+  return pf(), Ju();
 }
-function mf(e) {
+function gf(e) {
   const t = na();
   for (const s in e)
     t[s] = {
       ...t[s],
       ...e[s]
     };
-  Mo(t);
+  Eo(t);
 }
-const pf = /* @__PURE__ */ new Set([
+const yf = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -4775,17 +4786,17 @@ const pf = /* @__PURE__ */ new Set([
   "viewport"
 ]);
 function ts(e) {
-  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || pf.has(e);
+  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || yf.has(e);
 }
 let ra = (e) => !ts(e);
-function gf(e) {
+function xf(e) {
   typeof e == "function" && (ra = (t) => t.startsWith("on") ? !ts(t) : e(t));
 }
 try {
-  gf(require("@emotion/is-prop-valid").default);
+  xf(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function yf(e, t, s) {
+function bf(e, t, s) {
   const n = {};
   for (const r in e)
     r === "values" && typeof e.values == "object" || oe(e[r]) || (ra(r) || s === !0 && ts(r) || !t && !ts(r) || // If trying to use native HTML drag events, forward drag listeners
@@ -4793,7 +4804,7 @@ function yf(e, t, s) {
   return n;
 }
 const cs = /* @__PURE__ */ Pe({});
-function xf(e, t) {
+function vf(e, t) {
   if (ls(e)) {
     const { initial: s, animate: n } = e;
     return {
@@ -4803,9 +4814,9 @@ function xf(e, t) {
   }
   return e.inherit !== !1 ? t : {};
 }
-function bf(e) {
-  const { initial: t, animate: s } = xf(e, ne(cs));
-  return Ge(() => ({ initial: t, animate: s }), [qr(t), qr(s)]);
+function wf(e) {
+  const { initial: t, animate: s } = vf(e, ne(cs));
+  return Ke(() => ({ initial: t, animate: s }), [qr(t), qr(s)]);
 }
 function qr(e) {
   return Array.isArray(e) ? e.join(" ") : e;
@@ -4820,26 +4831,26 @@ function ia(e, t, s) {
   for (const n in t)
     !oe(t[n]) && !zo(n, s) && (e[n] = t[n]);
 }
-function vf({ transformTemplate: e }, t) {
-  return Ge(() => {
+function kf({ transformTemplate: e }, t) {
+  return Ke(() => {
     const s = Rn();
-    return En(s, t, e), Object.assign({}, s.vars, s.style);
+    return Mn(s, t, e), Object.assign({}, s.vars, s.style);
   }, [t]);
 }
-function wf(e, t) {
+function Tf(e, t) {
   const s = e.style || {}, n = {};
-  return ia(n, s, e), Object.assign(n, vf(e, t)), n;
+  return ia(n, s, e), Object.assign(n, kf(e, t)), n;
 }
-function kf(e, t) {
-  const s = {}, n = wf(e, t);
+function jf(e, t) {
+  const s = {}, n = Tf(e, t);
   return e.drag && e.dragListener !== !1 && (s.draggable = !1, n.userSelect = n.WebkitUserSelect = n.WebkitTouchCallout = "none", n.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (s.tabIndex = 0), s.style = n, s;
 }
 const oa = () => ({
   ...Rn(),
   attrs: {}
 });
-function Tf(e, t, s, n) {
-  const r = Ge(() => {
+function Sf(e, t, s, n) {
+  const r = Ke(() => {
     const o = oa();
     return Fo(o, t, _o(n), e.transformTemplate, e.style), {
       ...o.attrs,
@@ -4852,7 +4863,7 @@ function Tf(e, t, s, n) {
   }
   return r;
 }
-const jf = [
+const Cf = [
   "animate",
   "circle",
   "defs",
@@ -4892,27 +4903,27 @@ function Dn(e) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(jf.indexOf(e) > -1 || /**
+      !!(Cf.indexOf(e) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(e))
     )
   );
 }
-function Sf(e, t, s, { latestValues: n }, r, o = !1, i) {
-  const c = (i ?? Dn(e) ? Tf : kf)(t, n, r, e), u = yf(t, typeof e == "string", o), d = e !== ki ? { ...u, ...c, ref: s } : {}, { children: f } = t, h = Ge(() => oe(f) ? f.get() : f, [f]);
+function Af(e, t, s, { latestValues: n }, r, o = !1, i) {
+  const c = (i ?? Dn(e) ? Sf : jf)(t, n, r, e), u = bf(t, typeof e == "string", o), d = e !== ki ? { ...u, ...c, ref: s } : {}, { children: f } = t, h = Ke(() => oe(f) ? f.get() : f, [f]);
   return Ut(e, {
     ...d,
     children: h
   });
 }
-function Cf({ scrapeMotionValuesFromProps: e, createRenderState: t }, s, n, r) {
+function Pf({ scrapeMotionValuesFromProps: e, createRenderState: t }, s, n, r) {
   return {
-    latestValues: Af(s, n, r, e),
+    latestValues: Nf(s, n, r, e),
     renderState: t()
   };
 }
-function Af(e, t, s, n) {
+function Nf(e, t, s, n) {
   const r = {}, o = n(e, {});
   for (const h in o)
     r[h] = _t(o[h]);
@@ -4944,16 +4955,16 @@ function Af(e, t, s, n) {
   return r;
 }
 const aa = (e) => (t, s) => {
-  const n = ne(cs), r = ne(is), o = () => Cf(e, t, n, r);
+  const n = ne(cs), r = ne(is), o = () => Pf(e, t, n, r);
   return s ? o() : an(o);
-}, Pf = /* @__PURE__ */ aa({
-  scrapeMotionValuesFromProps: Mn,
+}, Mf = /* @__PURE__ */ aa({
+  scrapeMotionValuesFromProps: En,
   createRenderState: Rn
-}), Nf = /* @__PURE__ */ aa({
+}), Ef = /* @__PURE__ */ aa({
   scrapeMotionValuesFromProps: $o,
   createRenderState: oa
-}), Ef = Symbol.for("motionComponentSymbol");
-function Mf(e, t, s) {
+}), Vf = Symbol.for("motionComponentSymbol");
+function Rf(e, t, s) {
   const n = re(s);
   sn(() => {
     n.current = s;
@@ -4976,7 +4987,7 @@ const la = Pe({});
 function Xe(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
-function Vf(e, t, s, n, r, o) {
+function Df(e, t, s, n, r, o) {
   var x, T;
   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);
   n = n || a.renderer, !h.current && n && (h.current = n(e, {
@@ -4990,7 +5001,7 @@ function Vf(e, t, s, n, r, o) {
     isSVG: o
   }), m.current && h.current && (h.current.manuallyAnimateOnMount = !0));
   const g = h.current, p = ne(la);
-  g && !g.projection && r && (g.type === "html" || g.type === "svg") && Rf(h.current, s, r, p);
+  g && !g.projection && r && (g.type === "html" || g.type === "svg") && Lf(h.current, s, r, p);
   const y = re(!1);
   sn(() => {
     g && y.current && g.update(s, c);
@@ -4998,14 +5009,14 @@ function Vf(e, t, s, n, r, o) {
   const k = s[go], v = re(!!k && typeof window < "u" && !((x = window.MotionHandoffIsComplete) != null && x.call(window, k)) && ((T = window.MotionHasOptimisedAnimation) == null ? void 0 : T.call(window, k)));
   return Ai(() => {
     m.current = !0, g && (y.current = !0, window.MotionIsMounted = !0, g.updateFeatures(), g.scheduleRenderMicrotask(), v.current && g.animationState && g.animationState.animateChanges());
-  }), Ke(() => {
+  }), Ie(() => {
     g && (!v.current && g.animationState && g.animationState.animateChanges(), v.current && (queueMicrotask(() => {
       var j;
       (j = window.MotionHandoffMarkAsComplete) == null || j.call(window, k);
     }), v.current = !1), g.enteringChildren = void 0);
   }), g;
 }
-function Rf(e, t, s, n) {
+function Lf(e, t, s, n) {
   const { layoutId: r, layout: o, drag: i, dragConstraints: a, layoutScroll: c, layoutRoot: u, layoutAnchor: d, layoutCrossfade: f } = t;
   e.projection = new s(e.latestValues, t["data-framer-portal-id"] ? void 0 : ca(e.parent)), e.projection.setOptions({
     layoutId: r,
@@ -5032,38 +5043,38 @@ function ca(e) {
     return e.options.allowProjection !== !1 ? e.projection : ca(e.parent);
 }
 function ks(e, { forwardMotionProps: t = !1, type: s } = {}, n, r) {
-  n && mf(n);
-  const o = s ? s === "svg" : Dn(e), i = o ? Nf : Pf;
+  n && gf(n);
+  const o = s ? s === "svg" : Dn(e), i = o ? Ef : Mf;
   function a(u, d) {
     let f;
     const h = {
       ...ne(Vn),
       ...u,
-      layoutId: Df(u)
-    }, { isStatic: m } = h, g = bf(u), p = i(u, m);
+      layoutId: If(u)
+    }, { isStatic: m } = h, g = wf(u), p = i(u, m);
     if (!m && typeof window < "u") {
-      Lf(h, n);
-      const y = If(h);
-      f = y.MeasureLayout, g.visualElement = Vf(e, p, h, r, y.ProjectionNode, o);
+      Of(h, n);
+      const y = zf(h);
+      f = y.MeasureLayout, g.visualElement = Df(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, Sf(e, u, Mf(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, Af(e, u, Rf(p, g.visualElement, d), p, m, t, o)] });
   }
   a.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
   const c = en(a);
-  return c[Ef] = e, c;
+  return c[Vf] = e, c;
 }
-function Df({ layoutId: e }) {
+function If({ layoutId: e }) {
   const t = ne(on).id;
   return t && e !== void 0 ? t + "-" + e : e;
 }
-function Lf(e, t) {
+function Of(e, t) {
   const s = ne(sa).strict;
   if (process.env.NODE_ENV !== "production" && t && s) {
     const n = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     e.ignoreStrict ? st(!1, n, "lazy-strict-mode") : Ae(!1, n, "lazy-strict-mode");
   }
 }
-function If(e) {
+function zf(e) {
   const t = na(), { drag: s, layout: n } = t;
   if (!s && !n)
     return {};
@@ -5073,7 +5084,7 @@ function If(e) {
     ProjectionNode: r.ProjectionNode
   };
 }
-function Of(e, t) {
+function Ff(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));
@@ -5086,17 +5097,17 @@ function Of(e, t) {
     get: (o, i) => i === "create" ? n : (s.has(i) || s.set(i, ks(i, void 0, e, t)), s.get(i))
   });
 }
-const zf = (e, t) => t.isSVG ?? Dn(e) ? new hd(t) : new ad(t, {
+const Bf = (e, t) => t.isSVG ?? Dn(e) ? new pd(t) : new cd(t, {
   allowProjection: e !== ki
 });
-class Ff extends Ie {
+class _f extends Oe {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
    * so people can optionally code split it out using the `m` component.
    */
   constructor(t) {
-    super(t), t.animationState || (t.animationState = xd(t));
+    super(t), t.animationState || (t.animationState = vd(t));
   }
   updateAnimationControlsSubscription() {
     const { animate: t } = this.node.getProps();
@@ -5117,10 +5128,10 @@ class Ff extends Ie {
     this.node.animationState.reset(), (t = this.unmountControls) == null || t.call(this);
   }
 }
-let Bf = 0;
-class _f extends Ie {
+let $f = 0;
+class Wf extends Oe {
   constructor() {
-    super(...arguments), this.id = Bf++, this.isExitComplete = !1;
+    super(...arguments), this.id = $f++, this.isExitComplete = !1;
   }
   update() {
     var o;
@@ -5133,7 +5144,7 @@ class _f extends Ie {
       if (this.isExitComplete) {
         const { initial: i, custom: a } = this.node.getProps();
         if (typeof i == "string") {
-          const c = Ue(this.node, i, a);
+          const c = Ge(this.node, i, a);
           if (c) {
             const { transition: u, transitionEnd: d, ...f } = c;
             for (const h in f)
@@ -5158,12 +5169,12 @@ class _f extends Ie {
   unmount() {
   }
 }
-const $f = {
+const Uf = {
   animation: {
-    Feature: Ff
+    Feature: _f
   },
   exit: {
-    Feature: _f
+    Feature: Wf
   }
 };
 function wt(e) {
@@ -5174,12 +5185,12 @@ function wt(e) {
     }
   };
 }
-const Wf = (e) => (t) => Cn(t) && e(t, wt(t));
+const Gf = (e) => (t) => Cn(t) && e(t, wt(t));
 function ht(e, t, s, n) {
-  return yt(e, t, Wf(s), n);
+  return yt(e, t, Gf(s), n);
 }
 const ua = ({ current: e }) => e ? e.ownerDocument.defaultView : null, Zr = (e, t) => Math.abs(e - t);
-function Uf(e, t) {
+function Kf(e, t) {
   const s = Zr(e.x, t.x), n = Zr(e.y, t.y);
   return Math.sqrt(s ** 2 + n ** 2);
 }
@@ -5193,8 +5204,8 @@ class da {
     }, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      this.lastRawMoveEventInfo && (this.lastMoveEventInfo = Et(this.lastRawMoveEventInfo, this.transformPagePoint));
-      const m = Ts(this.lastMoveEventInfo, this.history), g = this.startEvent !== null, p = Uf(m.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      this.lastRawMoveEventInfo && (this.lastMoveEventInfo = Mt(this.lastRawMoveEventInfo, this.transformPagePoint));
+      const m = Ts(this.lastMoveEventInfo, this.history), g = this.startEvent !== null, p = Kf(m.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!g && !p)
         return;
       const { point: y } = m, { timestamp: k } = ie;
@@ -5202,18 +5213,18 @@ class da {
       const { onStart: v, onMove: x } = this.handlers;
       g || (v && v(this.lastMoveEvent, m), this.startEvent = this.lastMoveEvent), x && x(this.lastMoveEvent, m);
     }, this.handlePointerMove = (m, g) => {
-      this.lastMoveEvent = m, this.lastRawMoveEventInfo = g, this.lastMoveEventInfo = Et(g, this.transformPagePoint), F.update(this.updatePoint, !0);
+      this.lastMoveEvent = m, this.lastRawMoveEventInfo = g, this.lastMoveEventInfo = Mt(g, this.transformPagePoint), F.update(this.updatePoint, !0);
     }, this.handlePointerUp = (m, g) => {
       this.end();
       const { onEnd: p, onSessionEnd: y, resumeAnimation: k } = this.handlers;
       if ((this.dragSnapToOrigin || !this.startEvent) && k && k(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const v = Ts(m.type === "pointercancel" ? this.lastMoveEventInfo : Et(g, this.transformPagePoint), this.history);
+      const v = Ts(m.type === "pointercancel" ? this.lastMoveEventInfo : Mt(g, this.transformPagePoint), this.history);
       this.startEvent && p && p(m, v), y && y(m, v);
     }, !Cn(t))
       return;
     this.dragSnapToOrigin = o, this.handlers = s, this.transformPagePoint = n, this.distanceThreshold = i, this.contextWindow = r || window;
-    const c = wt(t), u = Et(c, this.transformPagePoint), { point: d } = u, { timestamp: f } = ie;
+    const c = wt(t), u = Mt(c, this.transformPagePoint), { point: d } = u, { timestamp: f } = ie;
     this.history = [{ ...d, timestamp: f }];
     const { onSessionStart: h } = s;
     h && h(t, Ts(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);
@@ -5264,7 +5275,7 @@ class da {
     this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), Le(this.updatePoint);
   }
 }
-function Et(e, t) {
+function Mt(e, t) {
   return t ? { point: t(e.point) } : e;
 }
 function Qr(e, t) {
@@ -5274,17 +5285,17 @@ function Ts({ point: e }, t) {
   return {
     point: e,
     delta: Qr(e, fa(t)),
-    offset: Qr(e, Gf(t)),
-    velocity: Kf(t, 0.1)
+    offset: Qr(e, Yf(t)),
+    velocity: Hf(t, 0.1)
   };
 }
-function Gf(e) {
+function Yf(e) {
   return e[0];
 }
 function fa(e) {
   return e[e.length - 1];
 }
-function Kf(e, t) {
+function Hf(e, t) {
   if (e.length < 2)
     return { x: 0, y: 0 };
   let s = e.length - 1, n = null;
@@ -5303,7 +5314,7 @@ function Kf(e, t) {
   };
   return i.x === 1 / 0 && (i.x = 0), i.y === 1 / 0 && (i.y = 0), i;
 }
-function Yf(e, { min: t, max: s }, n) {
+function Xf(e, { min: t, max: s }, n) {
   return t !== void 0 && e < t ? e = n ? W(t, e, n.min) : Math.max(e, t) : s !== void 0 && e > s && (e = n ? W(s, e, n.max) : Math.min(e, s)), e;
 }
 function ei(e, t, s) {
@@ -5312,7 +5323,7 @@ function ei(e, t, s) {
     max: s !== void 0 ? e.max + s - (e.max - e.min) : void 0
   };
 }
-function Hf(e, { top: t, left: s, bottom: n, right: r }) {
+function qf(e, { top: t, left: s, bottom: n, right: r }) {
   return {
     x: ei(e.x, s, r),
     y: ei(e.y, t, n)
@@ -5322,23 +5333,23 @@ function ti(e, t) {
   let s = t.min - e.min, n = t.max - e.max;
   return t.max - t.min < e.max - e.min && ([s, n] = [n, s]), { min: s, max: n };
 }
-function Xf(e, t) {
+function Zf(e, t) {
   return {
     x: ti(e.x, t.x),
     y: ti(e.y, t.y)
   };
 }
-function qf(e, t) {
+function Jf(e, t) {
   let s = 0.5;
   const n = ue(e), r = ue(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)), je(0, 1, s);
 }
-function Zf(e, t) {
+function Qf(e, t) {
   const s = {};
   return t.min !== void 0 && (s.min = t.min - e.min), t.max !== void 0 && (s.max = t.max - e.min), s;
 }
 const Zs = 0.35;
-function Jf(e = Zs) {
+function eh(e = Zs) {
   return e === !1 ? e = 0 : e === !0 && (e = Zs), {
     x: si(e, "left", "right"),
     y: si(e, "top", "bottom")
@@ -5353,8 +5364,8 @@ function si(e, t, s) {
 function ni(e, t) {
   return typeof e == "number" ? e : e[t] || 0;
 }
-const Qf = /* @__PURE__ */ new WeakMap();
-class eh {
+const th = /* @__PURE__ */ new WeakMap();
+class sh {
   constructor(t) {
     this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = se(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = t;
   }
@@ -5366,7 +5377,7 @@ class eh {
       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 = Cu(m), !this.openDragLock))
+      if (m && !g && (this.openDragLock && this.openDragLock(), this.openDragLock = Pu(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((k) => {
         let v = this.getAxisMotionValue(k).get() || 0;
@@ -5388,7 +5399,7 @@ class eh {
         return;
       const { offset: k } = h;
       if (g && this.currentDirection === null) {
-        this.currentDirection = sh(k), this.currentDirection !== null && p && p(this.currentDirection);
+        this.currentDirection = rh(k), this.currentDirection !== null && p && p(this.currentDirection);
         return;
       }
       this.updateAxis("x", h.point, k), this.updateAxis("y", h.point, k), this.visualElement.render(), y && F.update(() => y(f, h), !1, !0);
@@ -5445,17 +5456,17 @@ class eh {
   }
   updateAxis(t, s, n) {
     const { drag: r } = this.getProps();
-    if (!n || !Mt(t, r, this.currentDirection))
+    if (!n || !Et(t, r, this.currentDirection))
       return;
     const o = this.getAxisMotionValue(t);
     let i = this.originPoint[t] + n[t];
-    this.constraints && this.constraints[t] && (i = Yf(i, this.constraints[t], this.elastic[t])), o.set(i);
+    this.constraints && this.constraints[t] && (i = Xf(i, this.constraints[t], this.elastic[t])), o.set(i);
   }
   resolveConstraints() {
     var o;
     const { dragConstraints: t, dragElastic: s } = this.getProps(), n = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (o = this.visualElement.projection) == null ? void 0 : o.layout, r = this.constraints;
-    t && Xe(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && n ? this.constraints = Hf(n.layoutBox, t) : this.constraints = !1, this.elastic = Jf(s), r !== this.constraints && !Xe(t) && n && this.constraints && !this.hasMutatedConstraints && ve((i) => {
-      this.constraints !== !1 && this.getAxisMotionValue(i) && (this.constraints[i] = Zf(n.layoutBox[i], this.constraints[i]));
+    t && Xe(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && n ? this.constraints = qf(n.layoutBox, t) : this.constraints = !1, this.elastic = eh(s), r !== this.constraints && !Xe(t) && n && this.constraints && !this.hasMutatedConstraints && ve((i) => {
+      this.constraints !== !1 && this.getAxisMotionValue(i) && (this.constraints[i] = Qf(n.layoutBox[i], this.constraints[i]));
     });
   }
   resolveRefConstraints() {
@@ -5467,17 +5478,17 @@ class eh {
     const { projection: r } = this.visualElement;
     if (!r || !r.layout)
       return !1;
-    const o = td(n, r.root, this.visualElement.getTransformPagePoint());
-    let i = Xf(r.layout.layoutBox, o);
+    const o = nd(n, r.root, this.visualElement.getTransformPagePoint());
+    let i = Zf(r.layout.layoutBox, o);
     if (s) {
-      const a = s(Ju(i));
+      const a = s(ed(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 (!Mt(d, s, this.currentDirection))
+      if (!Et(d, s, this.currentDirection))
         return;
       let f = c && c[d] || {};
       (i === !0 || i === d) && (f = { min: 0, max: 0 });
@@ -5516,7 +5527,7 @@ class eh {
   snapToCursor(t) {
     ve((s) => {
       const { drag: n } = this.getProps();
-      if (!Mt(s, n, this.currentDirection))
+      if (!Et(s, n, this.currentDirection))
         return;
       const { projection: r } = this.visualElement, o = this.getAxisMotionValue(s);
       if (r && r.layout) {
@@ -5542,12 +5553,12 @@ class eh {
       const a = this.getAxisMotionValue(i);
       if (a && this.constraints !== !1) {
         const c = a.get();
-        r[i] = qf({ min: c, max: c }, this.constraints[i]);
+        r[i] = Jf({ min: c, max: c }, this.constraints[i]);
       }
     });
     const { transformTemplate: o } = this.visualElement.getProps();
     this.visualElement.current.style.transform = o ? o({}, "") : "none", n.root && n.root.updateScroll(), n.updateLayout(), this.constraints = !1, this.resolveConstraints(), ve((i) => {
-      if (!Mt(i, t, null))
+      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]));
@@ -5556,15 +5567,15 @@ class eh {
   addListeners() {
     if (!this.visualElement.current)
       return;
-    Qf.set(this.visualElement, this);
+    th.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 && Vu(h);
+      const { drag: d, dragListener: f = !0 } = this.getProps(), h = u.target, m = h !== t && Du(h);
       d && f && !m && this.start(u);
     });
     let n;
     const r = () => {
       const { dragConstraints: u } = this.getProps();
-      Xe(u) && u.current && (this.constraints = this.resolveRefConstraints(), n || (n = th(t, u.current, () => this.scalePositionWithinConstraints())));
+      Xe(u) && u.current && (this.constraints = this.resolveRefConstraints(), n || (n = nh(t, u.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 }) => {
@@ -5600,22 +5611,22 @@ function ri(e) {
     e();
   };
 }
-function th(e, t, s) {
+function nh(e, t, s) {
   const n = dr(e, ri(s)), r = dr(t, ri(s));
   return () => {
     n(), r();
   };
 }
-function Mt(e, t, s) {
+function Et(e, t, s) {
   return (t === !0 || t === e) && (s === null || s === e);
 }
-function sh(e, t = 10) {
+function rh(e, t = 10) {
   let s = null;
   return Math.abs(e.y) > t ? s = "y" : Math.abs(e.x) > t && (s = "x"), s;
 }
-class nh extends Ie {
+class ih extends Oe {
   constructor(t) {
-    super(t), this.removeGroupControls = me, this.removeListeners = me, this.controls = new eh(t);
+    super(t), this.removeGroupControls = me, this.removeListeners = me, this.controls = new sh(t);
   }
   mount() {
     const { dragControls: t } = this.node.getProps();
@@ -5632,7 +5643,7 @@ class nh extends Ie {
 const js = (e) => (t, s) => {
   e && F.update(() => e(t, s), !1, !0);
 };
-class rh extends Ie {
+class oh extends Oe {
   constructor() {
     super(...arguments), this.removePointerDownListener = me;
   }
@@ -5664,7 +5675,7 @@ class rh extends Ie {
   }
 }
 let Ss = !1;
-class ih extends La {
+class ah extends La {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -5710,14 +5721,14 @@ class ih extends La {
 }
 function ha(e) {
   const [t, s] = ta(), n = ne(on);
-  return l.jsx(ih, { ...e, layoutGroup: n, switchLayoutGroup: ne(la), isPresent: t, safeToRemove: s });
+  return l.jsx(ah, { ...e, layoutGroup: n, switchLayoutGroup: ne(la), isPresent: t, safeToRemove: s });
 }
-const oh = {
+const lh = {
   pan: {
-    Feature: rh
+    Feature: oh
   },
   drag: {
-    Feature: nh,
+    Feature: ih,
     ProjectionNode: ea,
     MeasureLayout: ha
   }
@@ -5728,15 +5739,15 @@ function ii(e, t, s) {
   const r = "onHover" + s, o = n[r];
   o && F.postRender(() => o(t, wt(t)));
 }
-class ah extends Ie {
+class ch extends Oe {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = Pu(t, (s, n) => (ii(this.node, n, "Start"), (r) => ii(this.node, r, "End"))));
+    t && (this.unmount = Mu(t, (s, n) => (ii(this.node, n, "Start"), (r) => ii(this.node, r, "End"))));
   }
   unmount() {
   }
 }
-class lh extends Ie {
+class uh extends Oe {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -5766,13 +5777,13 @@ function oi(e, t, s) {
   const r = "onTap" + (s === "End" ? "" : s), o = n[r];
   o && F.postRender(() => o(t, wt(t)));
 }
-class ch extends Ie {
+class dh extends Oe {
   mount() {
     const { current: t } = this.node;
     if (!t)
       return;
     const { globalTapTarget: s, propagate: n } = this.node.props;
-    this.unmount = Du(t, (r, o) => (oi(this.node, o, "Start"), (i, { success: a }) => oi(this.node, i, a ? "End" : "Cancel")), {
+    this.unmount = Iu(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
     });
@@ -5780,29 +5791,29 @@ class ch extends Ie {
   unmount() {
   }
 }
-const Js = /* @__PURE__ */ new WeakMap(), Cs = /* @__PURE__ */ new WeakMap(), uh = (e) => {
+const Js = /* @__PURE__ */ new WeakMap(), Cs = /* @__PURE__ */ new WeakMap(), fh = (e) => {
   const t = Js.get(e.target);
   t && t(e);
-}, dh = (e) => {
-  e.forEach(uh);
+}, hh = (e) => {
+  e.forEach(fh);
 };
-function fh({ root: e, ...t }) {
+function mh({ root: e, ...t }) {
   const s = e || document;
   Cs.has(s) || Cs.set(s, {});
   const n = Cs.get(s), r = JSON.stringify(t);
-  return n[r] || (n[r] = new IntersectionObserver(dh, { root: e, ...t })), n[r];
+  return n[r] || (n[r] = new IntersectionObserver(hh, { root: e, ...t })), n[r];
 }
-function hh(e, t, s) {
-  const n = fh(t);
+function ph(e, t, s) {
+  const n = mh(t);
   return Js.set(e, s), n.observe(e), () => {
     Js.delete(e), n.unobserve(e);
   };
 }
-const mh = {
+const gh = {
   some: 0,
   all: 1
 };
-class ph extends Ie {
+class yh extends Oe {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -5812,7 +5823,7 @@ class ph extends Ie {
     const { viewport: t = {} } = this.node.getProps(), { root: s, margin: n, amount: r = "some", once: o } = t, i = {
       root: s ? s.current : void 0,
       rootMargin: n,
-      threshold: typeof r == "number" ? r : mh[r]
+      threshold: typeof r == "number" ? r : gh[r]
     }, a = (u) => {
       const { isIntersecting: d } = u;
       if (this.isInView === d || (this.isInView = d, o && !d && this.hasEnteredView))
@@ -5821,7 +5832,7 @@ class ph extends Ie {
       const { onViewportEnter: f, onViewportLeave: h } = this.node.getProps(), m = d ? f : h;
       m && m(u);
     };
-    this.stopObserver = hh(this.node.current, i, a);
+    this.stopObserver = ph(this.node.current, i, a);
   }
   mount() {
     this.startObserver();
@@ -5830,40 +5841,40 @@ class ph extends Ie {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: t, prevProps: s } = this.node;
-    ["amount", "margin", "root"].some(gh(t, s)) && this.startObserver();
+    ["amount", "margin", "root"].some(xh(t, s)) && this.startObserver();
   }
   unmount() {
     var t;
     (t = this.stopObserver) == null || t.call(this), this.hasEnteredView = !1, this.isInView = !1;
   }
 }
-function gh({ viewport: e = {} }, { viewport: t = {} } = {}) {
+function xh({ viewport: e = {} }, { viewport: t = {} } = {}) {
   return (s) => e[s] !== t[s];
 }
-const yh = {
+const bh = {
   inView: {
-    Feature: ph
+    Feature: yh
   },
   tap: {
-    Feature: ch
+    Feature: dh
   },
   focus: {
-    Feature: lh
+    Feature: uh
   },
   hover: {
-    Feature: ah
+    Feature: ch
   }
-}, xh = {
+}, vh = {
   layout: {
     ProjectionNode: ea,
     MeasureLayout: ha
   }
-}, bh = {
-  ...$f,
-  ...yh,
-  ...oh,
-  ...xh
-}, I = /* @__PURE__ */ Of(bh, zf);
+}, wh = {
+  ...Uf,
+  ...bh,
+  ...lh,
+  ...vh
+}, I = /* @__PURE__ */ Ff(wh, Bf);
 function ma(e) {
   var t, s, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
@@ -5873,40 +5884,40 @@ function ma(e) {
   } else for (s in e) e[s] && (n && (n += " "), n += s);
   return n;
 }
-function vh() {
+function kh() {
   for (var e, t, s = 0, n = "", r = arguments.length; s < r; s++) (e = arguments[s]) && (t = ma(e)) && (n && (n += " "), n += t);
   return n;
 }
-const wh = (e, t) => {
+const Th = (e, t) => {
   const s = new Array(e.length + t.length);
   for (let n = 0; n < e.length; n++)
     s[n] = e[n];
   for (let n = 0; n < t.length; n++)
     s[e.length + n] = t[n];
   return s;
-}, kh = (e, t) => ({
+}, jh = (e, t) => ({
   classGroupId: e,
   validator: t
 }), pa = (e = /* @__PURE__ */ new Map(), t = null, s) => ({
   nextPart: e,
   validators: t,
   classGroupId: s
-}), ss = "-", ai = [], Th = "arbitrary..", jh = (e) => {
-  const t = Ch(e), {
+}), ss = "-", ai = [], Sh = "arbitrary..", Ch = (e) => {
+  const t = Ph(e), {
     conflictingClassGroups: s,
     conflictingClassGroupModifiers: n
   } = e;
   return {
     getClassGroupId: (i) => {
       if (i.startsWith("[") && i.endsWith("]"))
-        return Sh(i);
+        return Ah(i);
       const a = i.split(ss), c = a[0] === "" && a.length > 1 ? 1 : 0;
       return ga(a, c, t);
     },
     getConflictingClassGroupIds: (i, a) => {
       if (a) {
         const c = n[i], u = s[i];
-        return c ? u ? wh(u, c) : c : u || ai;
+        return c ? u ? Th(u, c) : c : u || ai;
       }
       return s[i] || ai;
     }
@@ -5928,16 +5939,16 @@ const wh = (e, t) => {
     if (d.validator(a))
       return d.classGroupId;
   }
-}, Sh = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, Ah = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const t = e.slice(1, -1), s = t.indexOf(":"), n = t.slice(0, s);
-  return n ? Th + n : void 0;
-})(), Ch = (e) => {
+  return n ? Sh + n : void 0;
+})(), Ph = (e) => {
   const {
     theme: t,
     classGroups: s
   } = e;
-  return Ah(s, t);
-}, Ah = (e, t) => {
+  return Nh(s, t);
+}, Nh = (e, t) => {
   const s = pa();
   for (const n in e) {
     const r = e[n];
@@ -5948,28 +5959,28 @@ const wh = (e, t) => {
   const r = e.length;
   for (let o = 0; o < r; o++) {
     const i = e[o];
-    Ph(i, t, s, n);
+    Mh(i, t, s, n);
   }
-}, Ph = (e, t, s, n) => {
+}, Mh = (e, t, s, n) => {
   if (typeof e == "string") {
-    Nh(e, t, s);
+    Eh(e, t, s);
     return;
   }
   if (typeof e == "function") {
-    Eh(e, t, s, n);
+    Vh(e, t, s, n);
     return;
   }
-  Mh(e, t, s, n);
-}, Nh = (e, t, s) => {
+  Rh(e, t, s, n);
+}, Eh = (e, t, s) => {
   const n = e === "" ? t : ya(t, e);
   n.classGroupId = s;
-}, Eh = (e, t, s, n) => {
-  if (Vh(e)) {
+}, Vh = (e, t, s, n) => {
+  if (Dh(e)) {
     Ln(e(n), t, s, n);
     return;
   }
-  t.validators === null && (t.validators = []), t.validators.push(kh(s, e));
-}, Mh = (e, t, s, n) => {
+  t.validators === null && (t.validators = []), t.validators.push(jh(s, e));
+}, Rh = (e, t, s, n) => {
   const r = Object.entries(e), o = r.length;
   for (let i = 0; i < o; i++) {
     const [a, c] = r[i];
@@ -5984,7 +5995,7 @@ const wh = (e, t) => {
     a || (a = pa(), s.nextPart.set(i, a)), s = a;
   }
   return s;
-}, Vh = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Rh = (e) => {
+}, Dh = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Lh = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -6008,13 +6019,13 @@ const wh = (e, t) => {
       o in s ? s[o] = i : r(o, i);
     }
   };
-}, Qs = "!", li = ":", Dh = [], ci = (e, t, s, n, r) => ({
+}, Qs = "!", li = ":", Ih = [], ci = (e, t, s, n, r) => ({
   modifiers: e,
   hasImportantModifier: t,
   baseClassName: s,
   maybePostfixModifierPosition: n,
   isExternal: r
-}), Lh = (e) => {
+}), Oh = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: s
@@ -6051,7 +6062,7 @@ const wh = (e, t) => {
   };
   if (t) {
     const r = t + li, o = n;
-    n = (i) => i.startsWith(r) ? o(i.slice(r.length)) : ci(Dh, !1, i, void 0, !0);
+    n = (i) => i.startsWith(r) ? o(i.slice(r.length)) : ci(Ih, !1, i, void 0, !0);
   }
   if (s) {
     const r = n;
@@ -6061,7 +6072,7 @@ const wh = (e, t) => {
     });
   }
   return n;
-}, Ih = (e) => {
+}, zh = (e) => {
   const t = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((s, n) => {
     t.set(s, 1e6 + n);
@@ -6074,26 +6085,26 @@ const wh = (e, t) => {
     }
     return r.length > 0 && (r.sort(), n.push(...r)), n;
   };
-}, Oh = (e) => ({
-  cache: Rh(e.cacheSize),
-  parseClassName: Lh(e),
-  sortModifiers: Ih(e),
-  postfixLookupClassGroupIds: zh(e),
-  ...jh(e)
-}), zh = (e) => {
+}, Fh = (e) => ({
+  cache: Lh(e.cacheSize),
+  parseClassName: Oh(e),
+  sortModifiers: zh(e),
+  postfixLookupClassGroupIds: Bh(e),
+  ...Ch(e)
+}), Bh = (e) => {
   const t = /* @__PURE__ */ Object.create(null), s = e.postfixLookupClassGroups;
   if (s)
     for (let n = 0; n < s.length; n++)
       t[s[n]] = !0;
   return t;
-}, Fh = /\s+/, Bh = (e, t) => {
+}, _h = /\s+/, $h = (e, t) => {
   const {
     parseClassName: s,
     getClassGroupId: n,
     getConflictingClassGroupIds: r,
     sortModifiers: o,
     postfixLookupClassGroupIds: i
-  } = t, a = [], c = e.trim().split(Fh);
+  } = t, a = [], c = e.trim().split(_h);
   let u = "";
   for (let d = c.length - 1; d >= 0; d -= 1) {
     const f = c[d], {
@@ -6138,7 +6149,7 @@ const wh = (e, t) => {
     u = f + (u.length > 0 ? " " + u : u);
   }
   return u;
-}, _h = (...e) => {
+}, Wh = (...e) => {
   let t = 0, s, n, r = "";
   for (; t < e.length; )
     (s = e[t++]) && (n = xa(s)) && (r && (r += " "), r += n);
@@ -6150,34 +6161,34 @@ const wh = (e, t) => {
   for (let n = 0; n < e.length; n++)
     e[n] && (t = xa(e[n])) && (s && (s += " "), s += t);
   return s;
-}, $h = (e, ...t) => {
+}, Uh = (e, ...t) => {
   let s, n, r, o;
   const i = (c) => {
     const u = t.reduce((d, f) => f(d), e());
-    return s = Oh(u), n = s.cache.get, r = s.cache.set, o = a, a(c);
+    return s = Fh(u), n = s.cache.get, r = s.cache.set, o = a, a(c);
   }, a = (c) => {
     const u = n(c);
     if (u)
       return u;
-    const d = Bh(c, s);
+    const d = $h(c, s);
     return r(c, d), d;
   };
-  return o = i, (...c) => o(_h(...c));
-}, Wh = [], te = (e) => {
-  const t = (s) => s[e] || Wh;
+  return o = i, (...c) => o(Wh(...c));
+}, Gh = [], te = (e) => {
+  const t = (s) => s[e] || Gh;
   return t.isThemeGetter = !0, t;
-}, ba = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, va = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Uh = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Gh = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Kh = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Yh = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Hh = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Xh = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ne = (e) => Uh.test(e), D = (e) => !!e && !Number.isNaN(Number(e)), be = (e) => !!e && Number.isInteger(Number(e)), As = (e) => e.endsWith("%") && D(e.slice(0, -1)), Ce = (e) => Gh.test(e), wa = () => !0, qh = (e) => (
+}, ba = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, va = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Kh = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Yh = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Hh = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Xh = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, qh = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Zh = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ne = (e) => Kh.test(e), D = (e) => !!e && !Number.isNaN(Number(e)), be = (e) => !!e && Number.isInteger(Number(e)), As = (e) => e.endsWith("%") && D(e.slice(0, -1)), Ce = (e) => Yh.test(e), wa = () => !0, Jh = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // 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.
-  Kh.test(e) && !Yh.test(e)
-), In = () => !1, Zh = (e) => Hh.test(e), Jh = (e) => Xh.test(e), Qh = (e) => !S(e) && !C(e), em = (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)), tm = (e) => Oe(e, ja, In), S = (e) => ba.test(e), Fe = (e) => Oe(e, Sa, qh), ui = (e) => Oe(e, cm, D), sm = (e) => Oe(e, Aa, wa), nm = (e) => Oe(e, Ca, In), di = (e) => Oe(e, ka, In), rm = (e) => Oe(e, Ta, Jh), Vt = (e) => Oe(e, Pa, Zh), C = (e) => va.test(e), ct = (e) => Ye(e, Sa), im = (e) => Ye(e, Ca), fi = (e) => Ye(e, ka), om = (e) => Ye(e, ja), am = (e) => Ye(e, Ta), Rt = (e) => Ye(e, Pa, !0), lm = (e) => Ye(e, Aa, !0), Oe = (e, t, s) => {
+  Hh.test(e) && !Xh.test(e)
+), In = () => !1, Qh = (e) => qh.test(e), em = (e) => Zh.test(e), tm = (e) => !S(e) && !C(e), sm = (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)), nm = (e) => ze(e, ja, In), S = (e) => ba.test(e), Be = (e) => ze(e, Sa, Jh), ui = (e) => ze(e, dm, D), rm = (e) => ze(e, Aa, wa), im = (e) => ze(e, Ca, In), di = (e) => ze(e, ka, In), om = (e) => ze(e, Ta, em), Vt = (e) => ze(e, Pa, Qh), C = (e) => va.test(e), ct = (e) => Ye(e, Sa), am = (e) => Ye(e, Ca), fi = (e) => Ye(e, ka), lm = (e) => Ye(e, ja), cm = (e) => Ye(e, Ta), Rt = (e) => Ye(e, Pa, !0), um = (e) => Ye(e, Aa, !0), ze = (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", Ta = (e) => e === "image" || e === "url", ja = (e) => e === "length" || e === "size" || e === "bg-size", Sa = (e) => e === "length", cm = (e) => e === "number", Ca = (e) => e === "family-name", Aa = (e) => e === "number" || e === "weight", Pa = (e) => e === "shadow", um = () => {
+}, ka = (e) => e === "position" || e === "percentage", Ta = (e) => e === "image" || e === "url", ja = (e) => e === "length" || e === "size" || e === "bg-size", Sa = (e) => e === "length", dm = (e) => e === "number", Ca = (e) => e === "family-name", Aa = (e) => e === "number" || e === "weight", Pa = (e) => e === "shadow", fm = () => {
   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"), k = te("ease"), v = te("animate"), x = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], T = () => [
     "center",
     "top",
@@ -6196,15 +6207,15 @@ const wh = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], j = () => [...T(), C, S], N = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], w = () => [C, S, c], E = () => [Ne, "full", "auto", ...w()], M = () => [be, "none", "subgrid", C, S], O = () => ["auto", {
+  ], j = () => [...T(), C, S], N = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], w = () => [C, S, c], M = () => [Ne, "full", "auto", ...w()], E = () => [be, "none", "subgrid", C, S], z = () => ["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"], X = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], _ = () => ["auto", ...w()], pe = () => [Ne, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...w()], U = () => [Ne, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...w()], Q = () => [Ne, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...w()], P = () => [e, C, S], b = () => [...T(), 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", ...w()], pe = () => [Ne, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...w()], U = () => [Ne, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...w()], Q = () => [Ne, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...w()], P = () => [e, C, S], b = () => [...T(), fi, di, {
     position: [C, S]
   }], R = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], $ = () => ["auto", "cover", "contain", om, tm, {
+  }], $ = () => ["auto", "cover", "contain", lm, nm, {
     size: [C, S]
-  }], K = () => [As, ct, Fe], q = () => [
+  }], K = () => [As, ct, Be], Z = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -6212,7 +6223,7 @@ const wh = (e, t) => {
     u,
     C,
     S
-  ], ee = () => ["", D, ct, Fe], 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"], H = () => [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"], H = () => [D, As, fi, di], kt = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -6231,7 +6242,7 @@ const wh = (e, t) => {
       container: [Ce],
       "drop-shadow": [Ce],
       ease: ["in", "out", "in-out"],
-      font: [Qh],
+      font: [tm],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [Ce],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -6271,7 +6282,7 @@ const wh = (e, t) => {
        * Container Name
        * @see https://tailwindcss.com/docs/responsive-design#named-containers
        */
-      "container-named": [em],
+      "container-named": [sm],
       /**
        * Columns
        * @see https://tailwindcss.com/docs/columns
@@ -6409,21 +6420,21 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: E()
+        inset: M()
       }],
       /**
        * Inset Inline
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": E()
+        "inset-x": M()
       }],
       /**
        * Inset Block
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": E()
+        "inset-y": M()
       }],
       /**
        * Inset Inline Start
@@ -6431,12 +6442,12 @@ const wh = (e, t) => {
        * @todo class group will be renamed to `inset-s` in next major release
        */
       start: [{
-        "inset-s": E(),
+        "inset-s": M(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        start: E()
+        start: M()
       }],
       /**
        * Inset Inline End
@@ -6444,54 +6455,54 @@ const wh = (e, t) => {
        * @todo class group will be renamed to `inset-e` in next major release
        */
       end: [{
-        "inset-e": E(),
+        "inset-e": M(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        end: E()
+        end: M()
       }],
       /**
        * Inset Block Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-bs": [{
-        "inset-bs": E()
+        "inset-bs": M()
       }],
       /**
        * Inset Block End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-be": [{
-        "inset-be": E()
+        "inset-be": M()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: E()
+        top: M()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: E()
+        right: M()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: E()
+        bottom: M()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: E()
+        left: M()
       }],
       /**
        * Visibility
@@ -6562,14 +6573,14 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": M()
+        "grid-cols": E()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: O()
+        col: z()
       }],
       /**
        * Grid Column Start
@@ -6590,14 +6601,14 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": M()
+        "grid-rows": E()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: O()
+        row: z()
       }],
       /**
        * Grid Row Start
@@ -6667,14 +6678,14 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...X(), "normal"]
+        "justify-items": [...q(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...X()]
+        "justify-self": ["auto", ...q()]
       }],
       /**
        * Align Content
@@ -6688,7 +6699,7 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...X(), {
+        items: [...q(), {
           baseline: ["", "last"]
         }]
       }],
@@ -6697,7 +6708,7 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...X(), {
+        self: ["auto", ...q(), {
           baseline: ["", "last"]
         }]
       }],
@@ -6713,14 +6724,14 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...X(), "baseline"]
+        "place-items": [...q(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...X()]
+        "place-self": ["auto", ...q()]
       }],
       // Spacing
       /**
@@ -7020,7 +7031,7 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", s, ct, Fe]
+        text: ["base", s, ct, Be]
       }],
       /**
        * Font Smoothing
@@ -7037,7 +7048,7 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [n, lm, sm]
+        font: [n, um, rm]
       }],
       /**
        * Font Stretch
@@ -7051,7 +7062,7 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [im, nm, t]
+        font: [am, im, t]
       }],
       /**
        * Font Feature Settings
@@ -7175,7 +7186,7 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [D, "from-font", "auto", C, Fe]
+        decoration: [D, "from-font", "auto", C, Be]
       }],
       /**
        * Text Decoration Color
@@ -7320,7 +7331,7 @@ const wh = (e, t) => {
           }, be, C, S],
           radial: ["", C, S],
           conic: [be, C, S]
-        }, am, rm]
+        }, cm, om]
       }],
       /**
        * Background Color
@@ -7379,105 +7390,105 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: q()
+        rounded: Z()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": q()
+        "rounded-s": Z()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": q()
+        "rounded-e": Z()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": q()
+        "rounded-t": Z()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": q()
+        "rounded-r": Z()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": q()
+        "rounded-b": Z()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": q()
+        "rounded-l": Z()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": q()
+        "rounded-ss": Z()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": q()
+        "rounded-se": Z()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": q()
+        "rounded-ee": Z()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": q()
+        "rounded-es": Z()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": q()
+        "rounded-tl": Z()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": q()
+        "rounded-tr": Z()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": q()
+        "rounded-br": Z()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": q()
+        "rounded-bl": Z()
       }],
       /**
        * Border Width
@@ -7697,7 +7708,7 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", D, ct, Fe]
+        outline: ["", D, ct, Be]
       }],
       /**
        * Outline Color
@@ -7772,7 +7783,7 @@ const wh = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [D, Fe]
+        "ring-offset": [D, Be]
       }],
       /**
        * Ring Offset Color
@@ -8785,7 +8796,7 @@ const wh = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [D, ct, Fe, ui]
+        stroke: [D, ct, Be, ui]
       }],
       /**
        * Stroke
@@ -8862,16 +8873,16 @@ const wh = (e, t) => {
     postfixLookupClassGroups: ["container-type"],
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, dm = /* @__PURE__ */ $h(um);
+}, hm = /* @__PURE__ */ Uh(fm);
 function V(...e) {
-  return dm(vh(e));
+  return hm(kh(e));
 }
-const bm = ({
+const wm = ({
   title: e,
   children: t,
   className: s
 }) => {
-  const [n, r] = z(!1);
+  const [n, r] = O(!1);
   return /* @__PURE__ */ l.jsxs("div", { className: V("glass-card overflow-hidden p-0 border border-border/50", s), children: [
     /* @__PURE__ */ l.jsxs(
       "button",
@@ -8919,14 +8930,14 @@ const bm = ({
     title: "var(--alert-info-title, #1e3a8a)",
     desc: "var(--alert-info-desc, #1d4ed8)"
   }
-}, vm = ({
+}, km = ({
   title: e,
   description: t,
   variant: s = "info",
   dismissible: n = !1,
   className: r
 }) => {
-  const [o, i] = z(!0), a = mi[s] || mi.info, c = {
+  const [o, i] = O(!0), a = mi[s] || mi.info, c = {
     success: /* @__PURE__ */ l.jsx(rs, { size: 18, style: { color: a.title } }),
     error: /* @__PURE__ */ l.jsx(Ci, { size: 18, style: { color: a.title } }),
     warning: /* @__PURE__ */ l.jsx(rn, { size: 18, style: { color: a.title } }),
@@ -8971,7 +8982,7 @@ const bm = ({
   offline: "bg-zinc-400 ring-zinc-400/20",
   busy: "bg-destructive ring-destructive/20",
   syncing: "bg-primary ring-primary/20 animate-pulse"
-}, wm = ({
+}, Tm = ({
   src: e,
   alt: t = "User Profile",
   name: s = "",
@@ -9100,7 +9111,7 @@ const bm = ({
     )
   ] }),
   s && /* @__PURE__ */ l.jsx("span", { className: "text-sm font-semibold text-foreground leading-none", children: s })
-] }), km = ({
+] }), jm = ({
   initialMode: e = "login",
   // 'login' | 'register' | 'forgot'
   onLogin: t,
@@ -9110,7 +9121,7 @@ const bm = ({
   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), [k, v] = z(!1), [x, T] = z(!1), j = async (N) => {
+  const [a, c] = O(e), [u, d] = O(""), [f, h] = O(""), [m, g] = O(""), [p, y] = O(!1), [k, v] = O(!1), [x, T] = O(!1), j = async (N) => {
     N.preventDefault(), T(!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: k }) : a === "forgot" && n && await n({ email: f });
@@ -9317,7 +9328,7 @@ const bm = ({
       )
     ] }) })
   ] });
-}, fm = ({ children: e, variant: t = "default", className: s }) => {
+}, mm = ({ children: e, variant: t = "default", className: s }) => {
   const n = {
     default: "bg-secondary text-secondary-foreground border-border",
     primary: "bg-primary text-primary-foreground border-primary",
@@ -9330,7 +9341,7 @@ const bm = ({
     n[t],
     s
   ), children: e });
-}, hm = ({ isOpen: e, onClose: t, title: s, children: n, className: r, width: o }) => /* @__PURE__ */ l.jsx(fe, { children: e && /* @__PURE__ */ l.jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+}, pm = ({ isOpen: e, onClose: t, title: s, children: n, className: r, width: o }) => /* @__PURE__ */ l.jsx(fe, { children: e && /* @__PURE__ */ l.jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
   /* @__PURE__ */ l.jsx(
     I.div,
     {
@@ -9368,7 +9379,7 @@ const bm = ({
       ]
     }
   )
-] }) }), Tm = ({
+] }) }), Sm = ({
   isOpen: e,
   onClose: t,
   onConfirm: s,
@@ -9378,13 +9389,13 @@ const bm = ({
   cancelText: i = "Cancel",
   confirmVariant: a = "destructive",
   loading: c = !1
-}) => /* @__PURE__ */ l.jsx(hm, { isOpen: e, onClose: t, title: n, className: "max-w-md", children: /* @__PURE__ */ l.jsxs("div", { className: "space-y-6", children: [
+}) => /* @__PURE__ */ l.jsx(pm, { isOpen: e, onClose: t, title: n, className: "max-w-md", children: /* @__PURE__ */ l.jsxs("div", { className: "space-y-6", children: [
   /* @__PURE__ */ l.jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: r }),
   /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-end gap-3", children: [
     /* @__PURE__ */ l.jsx(ke, { variant: "ghost", onClick: t, disabled: c, children: i }),
     /* @__PURE__ */ l.jsx(ke, { variant: a, onClick: s, loading: c, children: o })
   ] })
-] }) }), jm = ({
+] }) }), Cm = ({
   label: e,
   options: t = [],
   value: s,
@@ -9392,8 +9403,8 @@ const bm = ({
   placeholder: r = "Select option",
   className: o
 }) => {
-  const [i, a] = z(!1), c = re(null), u = t.find((d) => d.value === s);
-  return Ke(() => {
+  const [i, a] = O(!1), c = re(null), u = t.find((d) => d.value === s);
+  return Ie(() => {
     const d = (f) => {
       c.current && !c.current.contains(f.target) && a(!1);
     };
@@ -9441,14 +9452,14 @@ const bm = ({
       }
     ) })
   ] });
-}, Sm = ({
+}, Am = ({
   onFilesAdded: e,
   accept: t = "*",
   maxFiles: s = 5,
   maxSizeMB: n = 10,
   className: r
 }) => {
-  const [o, i] = z(!1), [a, c] = z([]), u = re(null), d = (p) => {
+  const [o, i] = O(!1), [a, c] = O([]), u = re(null), d = (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((v) => {
@@ -9600,7 +9611,7 @@ const bm = ({
       }
     ) })
   ] });
-}, Cm = ({
+}, Pm = ({
   isOpen: e = !1,
   onClose: t,
   notifications: s = [],
@@ -9645,7 +9656,7 @@ const bm = ({
                 onClick: n,
                 className: "p-2 hover:bg-secondary rounded-xl text-muted-foreground hover:text-destructive cursor-pointer transition-colors",
                 title: "Clear All",
-                children: /* @__PURE__ */ l.jsx(xl, { size: 16 })
+                children: /* @__PURE__ */ l.jsx(vl, { size: 16 })
               }
             ),
             /* @__PURE__ */ l.jsx(
@@ -9721,7 +9732,7 @@ const bm = ({
       ]
     }
   )
-] }) }), Am = ({
+] }) }), Nm = ({
   currentPage: e = 1,
   totalPages: t = 1,
   onPageChange: s,
@@ -9798,8 +9809,8 @@ const bm = ({
       )
     ] }) })
   ] })
-] }), Pm = ({ children: e, content: t }) => {
-  const [s, n] = z(!1), [r, o] = z({ x: 0, y: 0 }), i = re(null), a = () => {
+] }), Mm = ({ children: e, content: t }) => {
+  const [s, n] = O(!1), [r, o] = O({ x: 0, y: 0 }), i = re(null), a = () => {
     if (i.current) {
       const d = i.current.getBoundingClientRect();
       o({
@@ -9808,7 +9819,7 @@ const bm = ({
       });
     }
   };
-  Ke(() => (s && (a(), window.addEventListener("scroll", a), window.addEventListener("resize", a)), () => {
+  Ie(() => (s && (a(), window.addEventListener("scroll", a), window.addEventListener("resize", a)), () => {
     window.removeEventListener("scroll", a), window.removeEventListener("resize", a);
   }), [s]);
   const c = () => {
@@ -9852,7 +9863,7 @@ const bm = ({
       ]
     }
   );
-}, Nm = ({
+}, Em = ({
   value: e = 0,
   // 0 to 100
   size: t = 80,
@@ -9896,7 +9907,7 @@ const bm = ({
       "%"
     ] })
   ] });
-}, Em = ({
+}, Vm = ({
   checked: e = !1,
   onChange: t,
   label: s,
@@ -9937,40 +9948,87 @@ const bm = ({
     )
   ] }),
   s && /* @__PURE__ */ l.jsx("span", { className: "text-sm font-semibold text-foreground leading-none", children: s })
-] }), Mm = ({
+] }), Rm = ({
   collapsed: e = !1,
   onToggle: t,
   logo: s,
   title: n = "RenderLoom",
   children: r,
   footer: o,
-  className: i
-}) => /* @__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 z-30",
-  e ? "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: [
-  /* @__PURE__ */ l.jsxs("div", { className: V(
-    "flex border-b border-border/20 shrink-0 transition-all duration-300",
-    e ? "flex-col items-center justify-center gap-2.5 py-4 px-1 min-h-[88px]" : "flex-row items-center justify-between p-4 min-h-[72px]"
-  ), children: [
-    /* @__PURE__ */ l.jsxs("div", { className: V("flex items-center gap-3 overflow-hidden", e && "justify-center"), children: [
-      s && /* @__PURE__ */ l.jsx("div", { className: "text-primary shrink-0 transition-transform duration-300", children: s }),
-      !e && /* @__PURE__ */ l.jsx("span", { className: "font-extrabold text-base text-foreground tracking-tight whitespace-nowrap animate-[fadeIn_0.2s_ease-out]", children: n })
-    ] }),
-    /* @__PURE__ */ l.jsx(
+  className: i,
+  showMobileToggle: a = !0
+  // 👈 Added prop to disable built-in toggle
+}) => {
+  const [c, u] = O(!1), [d, f] = O(!1);
+  Ie(() => {
+    const p = () => {
+      const y = window.innerWidth < 768;
+      u(y), y || f(!1);
+    };
+    return p(), window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
+  }, []);
+  const h = () => {
+    if (c) {
+      const p = !d;
+      f(p), t && t(!p);
+    } else
+      t && t(!e);
+  }, m = () => {
+    c && (f(!1), t && t(!0));
+  }, g = c ? !d : e;
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    c && g && a && /* @__PURE__ */ l.jsx(
       "button",
       {
         type: "button",
-        onClick: () => t && t(!e),
-        className: "hidden md:flex p-1.5 hover:bg-secondary/60 rounded-xl border border-border/20 text-muted-foreground hover:text-foreground cursor-pointer shrink-0 transition-colors",
-        children: e ? /* @__PURE__ */ l.jsx(nn, { size: 14 }) : /* @__PURE__ */ l.jsx(Si, { size: 14 })
+        onClick: h,
+        className: "fixed top-4 left-4 z-40 p-2.5 rounded-xl bg-card/85 backdrop-blur-xl border border-border/40 text-foreground shadow-lg hover:bg-secondary/60 cursor-pointer md:hidden transition-colors animate-[fadeIn_0.2s_ease-out]",
+        children: /* @__PURE__ */ l.jsx(pl, { size: 18 })
       }
-    )
-  ] }),
-  /* @__PURE__ */ l.jsx("div", { className: "flex-1 py-4 px-3 space-y-1.5 overflow-y-auto custom-scrollbar", children: r }),
-  o && /* @__PURE__ */ l.jsx("div", { className: "p-3 border-t border-border/20 min-h-[72px] flex items-center overflow-hidden shrink-0", children: o })
-] }), Vm = ({
+    ),
+    c && !g && /* @__PURE__ */ l.jsx(
+      "div",
+      {
+        onClick: h,
+        className: "fixed inset-0 bg-black/60 backdrop-blur-sm z-35 md:hidden transition-opacity duration-300"
+      }
+    ),
+    /* @__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 z-30",
+      c ? "fixed top-0 bottom-0 left-0" : "",
+      g ? "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: [
+      /* @__PURE__ */ l.jsxs("div", { className: V(
+        "flex border-b border-border/20 shrink-0 transition-all duration-300",
+        g ? "flex-col items-center justify-center gap-2.5 py-4 px-1 min-h-[88px]" : "flex-row items-center justify-between p-4 min-h-[72px]"
+      ), children: [
+        /* @__PURE__ */ l.jsxs("div", { className: V("flex items-center gap-3 overflow-hidden", g && "justify-center"), children: [
+          s && /* @__PURE__ */ l.jsx("div", { className: "text-primary shrink-0 transition-transform duration-300", children: s }),
+          !g && /* @__PURE__ */ l.jsx("span", { className: "font-extrabold text-base text-foreground tracking-tight whitespace-nowrap animate-[fadeIn_0.2s_ease-out]", children: n })
+        ] }),
+        /* @__PURE__ */ l.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: h,
+            className: "p-1.5 hover:bg-secondary/60 rounded-xl border border-border/20 text-muted-foreground hover:text-foreground cursor-pointer shrink-0 transition-colors",
+            children: g ? /* @__PURE__ */ l.jsx(nn, { size: 14 }) : /* @__PURE__ */ l.jsx(Si, { size: 14 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l.jsx(
+        "div",
+        {
+          className: "flex-1 py-4 px-3 space-y-1.5 overflow-y-auto custom-scrollbar",
+          onClickCapture: m,
+          children: r
+        }
+      ),
+      o && /* @__PURE__ */ l.jsx("div", { className: "p-3 border-t border-border/20 min-h-[72px] flex items-center overflow-hidden shrink-0", children: o })
+    ] })
+  ] });
+}, Dm = ({
   icon: e,
   label: t,
   active: s = !1,
@@ -10001,7 +10059,7 @@ const bm = ({
       )
     ]
   }
-), Rm = ({
+), Lm = ({
   min: e = 0,
   max: t = 100,
   step: s = 1,
@@ -10053,7 +10111,7 @@ const bm = ({
                 ` })
     ] })
   ] });
-}, Dm = ({
+}, Im = ({
   size: e = "md",
   // sm, md, lg
   className: t
@@ -10092,7 +10150,7 @@ const bm = ({
       ]
     }
   ) });
-}, Lm = ({
+}, Om = ({
   title: e,
   value: t,
   change: s,
@@ -10122,7 +10180,7 @@ const bm = ({
       r && /* @__PURE__ */ l.jsx("span", { className: "text-xs text-muted-foreground font-medium", children: r })
     ] })
   ] })
-] }), Im = ({
+] }), zm = ({
   checked: e = !1,
   onChange: t,
   label: s,
@@ -10157,8 +10215,8 @@ const bm = ({
     )
   ] }),
   s && /* @__PURE__ */ l.jsx("span", { className: "text-sm font-semibold text-foreground", children: s })
-] }), Na = Pe(), Om = ({ 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 = (v, x = "", T) => {
+] }), Na = Pe(), Fm = ({ children: e }) => {
+  const [t, s] = O([]), [n, r] = O(-1), [o, i] = O("IDLE"), [a, c] = O(""), [u, d] = O({ success: 0, failed: 0, skipped: 0, noLedger: 0, items: [] }), [f, h] = O(null), m = re(!1), g = (v, x = "", T) => {
     s(v), c(x || "Batch Processing"), r(0), i("SYNCING"), d({ success: 0, failed: 0, skipped: 0, noLedger: 0, items: [] }), h(() => T);
   }, p = () => {
     s([]), r(-1), i("IDLE"), d({ success: 0, failed: 0, skipped: 0, noLedger: 0, items: [] }), h(null);
@@ -10169,10 +10227,10 @@ const bm = ({
     try {
       const x = await f(v), T = typeof x == "string" ? x : x.status || "SUCCESS", j = (x == null ? void 0 : x.message) || "", N = (x == null ? void 0 : x.name) || v.name || "Task Item", L = (x == null ? void 0 : x.detail) || v.detail || "";
       d((w) => {
-        const E = T.toLowerCase() === "success" ? "success" : T.toLowerCase() === "failed" ? "failed" : T.toLowerCase() === "skipped" ? "skipped" : "noLedger";
+        const M = T.toLowerCase() === "success" ? "success" : T.toLowerCase() === "failed" ? "failed" : T.toLowerCase() === "skipped" ? "skipped" : "noLedger";
         return {
           ...w,
-          [E]: w[E] + 1,
+          [M]: w[M] + 1,
           items: [{
             name: N,
             detail: L,
@@ -10196,7 +10254,7 @@ const bm = ({
       m.current = !1, n + 1 < t.length ? r((x) => x + 1) : i("COMPLETED");
     }
   };
-  Ke(() => {
+  Ie(() => {
     o === "SYNCING" && y();
   }, [n, o, f]);
   const k = t.length > 0 ? Math.round((n + (o === "COMPLETED" ? 1 : 0)) / t.length * 100) : 0;
@@ -10210,12 +10268,12 @@ const bm = ({
     addToQueue: g,
     clearQueue: p
   }, children: e });
-}, mm = () => {
+}, gm = () => {
   const e = ne(Na);
   if (!e) throw new Error("useSync must be used within a SyncProvider");
   return e;
-}, zm = () => {
-  const { status: e, results: t, currentIndex: s, queue: n, progress: r, batchName: o, clearQueue: i } = mm(), [a, c] = z(!1), [u, d] = z(!1);
+}, Bm = () => {
+  const { status: e, results: t, currentIndex: s, queue: n, progress: r, batchName: o, clearQueue: i } = gm(), [a, c] = O(!1), [u, d] = O(!1);
   if (e === "IDLE") return null;
   const f = n[s] || {};
   return /* @__PURE__ */ l.jsx(fe, { children: /* @__PURE__ */ l.jsx(
@@ -10258,7 +10316,7 @@ const bm = ({
                   h.stopPropagation(), c(!0);
                 },
                 className: "p-1 hover:bg-secondary rounded-md text-muted-foreground transition-colors cursor-pointer",
-                children: /* @__PURE__ */ l.jsx(pl, { size: 14 })
+                children: /* @__PURE__ */ l.jsx(yl, { size: 14 })
               }
             ),
             e === "COMPLETED" && /* @__PURE__ */ l.jsx(
@@ -10295,7 +10353,7 @@ const bm = ({
           /* @__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(
-              fm,
+              mm,
               {
                 variant: h.status === "SUCCESS" || h.status === "SENT" ? "success" : h.status === "FAILED" ? "danger" : h.status === "SKIPPED" ? "warning" : "secondary",
                 className: "text-[8px] px-1 py-0 font-extrabold",
@@ -10328,7 +10386,7 @@ const bm = ({
       ] })
     }
   ) });
-}, Fm = ({
+}, _m = ({
   columns: e = [],
   data: t = [],
   loading: s = !1,
@@ -10362,7 +10420,7 @@ const bm = ({
     },
     o.id || i
   )) })
-] }) }) }), Bm = ({
+] }) }) }), $m = ({
   tags: e = [],
   onChange: t,
   label: s,
@@ -10370,7 +10428,7 @@ const bm = ({
   maxTags: r = 10,
   className: o
 }) => {
-  const [i, a] = z(""), [c, u] = z(!1), d = re(null), f = re(null), h = (p) => {
+  const [i, a] = O(""), [c, u] = O(!1), d = re(null), f = re(null), h = (p) => {
     if (p.key === "Enter" || p.key === ",") {
       p.preventDefault();
       const y = i.trim().replace(/,/g, "");
@@ -10445,7 +10503,7 @@ const bm = ({
       }
     )
   ] });
-}, _m = ({
+}, Wm = ({
   tabs: e = [],
   // array of { label: string, value: string }
   activeTab: t,
@@ -10482,7 +10540,7 @@ const bm = ({
   danger: "bg-destructive ring-destructive/20",
   running: "bg-primary ring-primary/20 animate-pulse",
   pending: "bg-zinc-400 ring-zinc-400/20"
-}, $m = ({
+}, Um = ({
   title: e,
   timestamp: t,
   description: s,
@@ -10512,7 +10570,7 @@ const bm = ({
     ] }),
     s && /* @__PURE__ */ l.jsx("p", { className: "text-xs text-muted-foreground leading-relaxed font-medium", children: s })
   ] })
-] }), Wm = ({
+] }), Gm = ({
   children: e,
   className: t
 }) => {
@@ -10532,7 +10590,7 @@ const bm = ({
   warning: "border-amber-500/20 bg-amber-500/10",
   info: "border-blue-500/20 bg-blue-500/10",
   default: "border-border bg-background"
-}, pm = ({ toasts: e, removeToast: t }) => /* @__PURE__ */ l.jsx("div", { className: "fixed bottom-4 right-4 z-[9999] flex flex-col gap-3 p-4 max-w-sm w-full pointer-events-none", children: /* @__PURE__ */ l.jsx(fe, { children: e.map((s) => /* @__PURE__ */ l.jsxs(
+}, ym = ({ toasts: e, removeToast: t }) => /* @__PURE__ */ l.jsx("div", { className: "fixed bottom-4 right-4 z-[9999] flex flex-col gap-3 p-4 max-w-sm w-full pointer-events-none", children: /* @__PURE__ */ l.jsx(fe, { children: e.map((s) => /* @__PURE__ */ l.jsxs(
   I.div,
   {
     initial: { opacity: 0, y: 20, scale: 0.95 },
@@ -10557,13 +10615,13 @@ const bm = ({
     ]
   },
   s.id
-)) }) }), Ea = Pe(), Um = () => {
-  const e = ne(Ea);
+)) }) }), Ma = Pe(), Km = () => {
+  const e = ne(Ma);
   if (!e)
     throw new Error("useToast must be used within a ToastProvider");
   return e;
-}, Gm = ({ children: e }) => {
-  const [t, s] = z([]), n = Gt(({ title: i, description: a, variant: c = "default", duration: u = 5e3 }) => {
+}, Ym = ({ children: e }) => {
+  const [t, s] = O([]), 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);
@@ -10578,65 +10636,65 @@ const bm = ({
     custom: (i) => n(i),
     dismiss: (i) => r(i)
   };
-  return /* @__PURE__ */ l.jsxs(Ea.Provider, { value: { toast: o }, children: [
+  return /* @__PURE__ */ l.jsxs(Ma.Provider, { value: { toast: o }, children: [
     e,
-    /* @__PURE__ */ l.jsx(pm, { toasts: t, removeToast: r })
+    /* @__PURE__ */ l.jsx(ym, { toasts: t, removeToast: r })
   ] });
-}, Ma = Pe(), Km = ({ children: e, defaultTheme: t = "light" }) => {
-  const [s, n] = z(() => {
+}, Ea = Pe(), Hm = ({ children: e, defaultTheme: t = "light" }) => {
+  const [s, n] = O(() => {
     if (typeof window > "u") return !1;
     const i = new URLSearchParams(window.location.search).get("theme");
     if (i) return i === "dark";
     const a = localStorage.getItem("theme");
     return a ? a === "dark" : window.matchMedia("(prefers-color-scheme: dark)").matches;
   });
-  Ke(() => {
+  Ie(() => {
     s ? (document.documentElement.classList.add("dark"), localStorage.setItem("theme", "dark")) : (document.documentElement.classList.remove("dark"), localStorage.setItem("theme", "light"));
   }, [s]);
   const r = () => n((o) => !o);
-  return /* @__PURE__ */ l.jsx(Ma.Provider, { value: { isDark: s, toggleTheme: r, setIsDark: n }, children: e });
-}, Ym = () => {
-  const e = ne(Ma);
+  return /* @__PURE__ */ l.jsx(Ea.Provider, { value: { isDark: s, toggleTheme: r, setIsDark: n }, children: e });
+}, Xm = () => {
+  const e = ne(Ea);
   if (!e) throw new Error("useTheme must be used within a ThemeProvider");
   return e;
 };
 export {
-  bm as Accordion,
-  vm as Alert,
-  km as AuthPage,
-  wm as Avatar,
-  fm as Badge,
+  wm as Accordion,
+  km as Alert,
+  jm as AuthPage,
+  Tm as Avatar,
+  mm as Badge,
   ke as Button,
   Wt as Card,
   yi as Checkbox,
-  Tm as ConfirmationModal,
-  jm as Dropdown,
-  Sm as Dropzone,
+  Sm as ConfirmationModal,
+  Cm as Dropdown,
+  Am as Dropzone,
   He as Input,
-  hm as Modal,
-  Cm as NotificationCenter,
-  Am as Pagination,
-  Pm as PortalTooltip,
-  Nm as ProgressCircle,
-  Em as Radio,
-  Mm as Sidebar,
-  Vm as SidebarItem,
-  Rm as Slider,
-  Dm as Spinner,
-  Lm as StatsCard,
-  Im as Switch,
-  zm as SyncProgressHUD,
-  Om as SyncProvider,
-  Fm as Table,
-  _m as Tabs,
-  Bm as TagInput,
-  Km as ThemeProvider,
-  Wm as Timeline,
-  $m as TimelineItem,
-  Gm as ToastProvider,
+  pm as Modal,
+  Pm as NotificationCenter,
+  Nm as Pagination,
+  Mm as PortalTooltip,
+  Em as ProgressCircle,
+  Vm as Radio,
+  Rm as Sidebar,
+  Dm as SidebarItem,
+  Lm as Slider,
+  Im as Spinner,
+  Om as StatsCard,
+  zm as Switch,
+  Bm as SyncProgressHUD,
+  Fm as SyncProvider,
+  _m as Table,
+  Wm as Tabs,
+  $m as TagInput,
+  Hm as ThemeProvider,
+  Gm as Timeline,
+  Um as TimelineItem,
+  Ym as ToastProvider,
   V as cn,
-  mm as useSync,
-  Ym as useTheme,
-  Um as useToast
+  gm as useSync,
+  Xm as useTheme,
+  Km as useToast
 };
 //# sourceMappingURL=renderloom.js.map