prisma-goat 0.8.6 → 0.8.8

package/dist/prisma-goat.js

@@ -1,5 +1,5 @@
-import { jsx as i, jsxs as m, Fragment as UM } from "react/jsx-runtime";
-import _, { forwardRef as N, useEffect as O, useState as J, useRef as AA, createContext as SA, useContext as $, useId as zt, useCallback as TD, useLayoutEffect as vt, useMemo as Pg, useInsertionEffect as Pt, Fragment as SD, createElement as Lt, Component as Ft } from "react";
+import { jsx as i, jsxs as y, Fragment as UM } from "react/jsx-runtime";
+import _, { forwardRef as N, useEffect as O, useState as z, useRef as AA, createContext as SA, useContext as $, useId as zt, useCallback as TD, useLayoutEffect as vt, useMemo as Pg, useInsertionEffect as Pt, Fragment as SD, createElement as Lt, Component as Ft } from "react";
 var XD = {
   color: void 0,
   size: void 0,
@@ -91,18 +91,18 @@ function Xt(A) {
       attr: M,
       size: D,
       title: t
-    } = A, e = Ot(A, bt), w = D || B.size || "1em", Q;
-    return B.className && (Q = B.className), A.className && (Q = (Q ? Q + " " : "") + A.className), /* @__PURE__ */ _.createElement("svg", Vg({
+    } = A, e = Ot(A, bt), Q = D || B.size || "1em", w;
+    return B.className && (w = B.className), A.className && (w = (w ? w + " " : "") + A.className), /* @__PURE__ */ _.createElement("svg", Vg({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, B.attr, M, e, {
-      className: Q,
+      className: w,
       style: fg(fg({
         color: A.color || B.color
       }, B.style), A.style),
-      height: w,
-      width: w,
+      height: Q,
+      width: Q,
       xmlns: "http://www.w3.org/2000/svg"
     }), t && /* @__PURE__ */ _.createElement("title", null, t), A.children);
   };
@@ -207,7 +207,7 @@ function WD(A) {
   } else for (B in A) A[B] && (M && (M += " "), M += B);
   return M;
 }
-function R() {
+function h() {
   for (var A, g, B = 0, M = "", D = arguments.length; B < D; B++) (A = arguments[B]) && (g = WD(A)) && (M && (M += " "), M += g);
   return M;
 }
@@ -220,21 +220,21 @@ const Cg = N(
     loadingPosition: D = "left",
     disabled: t = !1,
     isSubmit: e = !1,
-    icon: w,
-    iconPosition: Q = "left",
+    icon: Q,
+    iconPosition: w = "left",
     iconType: C,
     label: s,
     className: o,
     onClick: I,
     ...n
   }, r) => {
-    const E = R(
+    const E = h(
       "inline-flex items-center justify-center rounded-lg font-bold focus:outline-none focus:ring-2 focus:ring-offset-2 w-full",
       {
         "text-white": g !== "secondary" && g !== "tertiary" && g !== "experiences",
         "text-[#3d434b]": g === "secondary" || g === "tertiary" || g === "experiences"
       }
-    ), G = {
+    ), l = {
       primary: "bg-[#1F2937] hover:bg-[#374151] focus:ring-[#1F2937] focus:border-[#1F2937]",
       secondary: "bg-transparent border-2 border-[#1F2937] hover:border-[#374151] focus:ring-[#1F2937] focus:border-[#1F2937]",
       vividPink: "bg-[#ff0145] hover:bg-[#e6003f] focus:ring-[#ff0145] focus:border-[#ff0145]",
@@ -246,42 +246,42 @@ const Cg = N(
       tertiary: "bg-[#d4d3d3] border-2 hover:border-[#374151] focus:ring-[#1F2937] focus:border-[#1F2937]",
       experiences: "bg-[#a8dbce] hover:bg-[#b7dad1] focus:ring-[#a8dbce] focus:border-[#a8dbce]",
       strenger: "bg-[#779eb0] hover:bg-[#9aaeb8] focus:ring-[#779eb0] focus:border-[#779eb0]"
-    }, l = {
+    }, G = {
       small: "px-4 py-1.5 text-xs",
       medium: "px-6 py-2.5 text-base",
       large: "px-8 py-3 text-lg"
-    }, c = () => C === "home" ? /* @__PURE__ */ i(pB, { className: "w-5 h-5" }) : C === "Left" ? /* @__PURE__ */ i(mB, { className: "w-5 h-5" }) : C === "right" ? /* @__PURE__ */ i(yB, { className: "w-5 h-5" }) : C === "save" ? /* @__PURE__ */ i(zB, { className: "w-5 h-5" }) : C === "more" ? /* @__PURE__ */ i(fB, { className: "w-5 h-5" }) : C === "update" ? /* @__PURE__ */ i(qB, { className: "w-5 h-5" }) : C === "attach" ? /* @__PURE__ */ i(RB, { className: "w-5 h-5" }) : C === "send" ? /* @__PURE__ */ i(LB, { className: "w-5 h-5" }) : C === "delete" ? /* @__PURE__ */ i(UB, { className: "w-5 h-5" }) : C === "edit" ? /* @__PURE__ */ i(ZB, { className: "w-5 h-5" }) : C === "login" ? /* @__PURE__ */ i(PB, { className: "w-5 h-5" }) : C === "reset" ? /* @__PURE__ */ i(VB, { className: "w-5 h-5" }) : C === "add" ? /* @__PURE__ */ i(dB, { className: "w-5 h-5" }) : C === "exit" ? /* @__PURE__ */ i(vB, { className: "w-5 h-5" }) : C === "off" ? /* @__PURE__ */ i(JB, { className: "w-5 h-5" }) : C === "calculator" ? /* @__PURE__ */ i(KB, { className: "w-5 h-5" }) : C === "list" ? /* @__PURE__ */ i(kB, { className: "w-5 h-5" }) : C === "futbol" ? /* @__PURE__ */ i(hB, { className: "w-5 h-5" }) : null, y = /* @__PURE__ */ i(
+    }, a = () => C === "home" ? /* @__PURE__ */ i(pB, { className: "w-5 h-5" }) : C === "Left" ? /* @__PURE__ */ i(mB, { className: "w-5 h-5" }) : C === "right" ? /* @__PURE__ */ i(yB, { className: "w-5 h-5" }) : C === "save" ? /* @__PURE__ */ i(zB, { className: "w-5 h-5" }) : C === "more" ? /* @__PURE__ */ i(fB, { className: "w-5 h-5" }) : C === "update" ? /* @__PURE__ */ i(qB, { className: "w-5 h-5" }) : C === "attach" ? /* @__PURE__ */ i(RB, { className: "w-5 h-5" }) : C === "send" ? /* @__PURE__ */ i(LB, { className: "w-5 h-5" }) : C === "delete" ? /* @__PURE__ */ i(UB, { className: "w-5 h-5" }) : C === "edit" ? /* @__PURE__ */ i(ZB, { className: "w-5 h-5" }) : C === "login" ? /* @__PURE__ */ i(PB, { className: "w-5 h-5" }) : C === "reset" ? /* @__PURE__ */ i(VB, { className: "w-5 h-5" }) : C === "add" ? /* @__PURE__ */ i(dB, { className: "w-5 h-5" }) : C === "exit" ? /* @__PURE__ */ i(vB, { className: "w-5 h-5" }) : C === "off" ? /* @__PURE__ */ i(JB, { className: "w-5 h-5" }) : C === "calculator" ? /* @__PURE__ */ i(KB, { className: "w-5 h-5" }) : C === "list" ? /* @__PURE__ */ i(kB, { className: "w-5 h-5" }) : C === "futbol" ? /* @__PURE__ */ i(hB, { className: "w-5 h-5" }) : null, U = /* @__PURE__ */ i(
       "div",
       {
-        className: R(
+        className: h(
           "w-5 h-5 animate-spin border-2 border-t-transparent rounded-full",
           g === "secondary" ? "border-[#1F2937]" : "border-white"
         )
       }
-    ), Z = () => _.isValidElement(w) ? _.cloneElement(w, { className: "w-5 h-5" }) : c(), a = s || A;
+    ), q = () => _.isValidElement(Q) ? _.cloneElement(Q, { className: "w-5 h-5" }) : a(), c = s || A;
     return O(() => {
-      const V = (f) => {
-        if (e && f.key === "Enter" && !t && I) {
-          const U = new MouseEvent("click", {
+      const V = (Z) => {
+        if (e && Z.key === "Enter" && !t && I) {
+          const u = new MouseEvent("click", {
             bubbles: !0,
             cancelable: !0,
             view: window
           });
-          I(U);
+          I(u);
         }
       };
       return window.addEventListener("keydown", V), () => {
         window.removeEventListener("keydown", V);
       };
-    }, [e, I, t]), /* @__PURE__ */ m(
+    }, [e, I, t]), /* @__PURE__ */ y(
       "button",
       {
         ref: r,
         style: { whiteSpace: "nowrap" },
-        className: R(
+        className: h(
           E,
-          G[g],
-          l[B],
+          l[g],
+          G[B],
           {
             "opacity-60 cursor-not-allowed": M,
             "opacity-20 cursor-not-allowed": t && !M
@@ -292,11 +292,11 @@ const Cg = N(
         onClick: I,
         ...n,
         children: [
-          M && D === "left" && /* @__PURE__ */ i("span", { className: "mr-2", children: y }),
-          Q === "left" && /* @__PURE__ */ i("span", { className: "mr-2", children: Z() }),
-          a,
-          Q === "right" && /* @__PURE__ */ i("span", { className: "ml-2", children: Z() }),
-          M && D === "right" && /* @__PURE__ */ i("span", { className: "ml-2", children: y })
+          M && D === "left" && /* @__PURE__ */ i("span", { className: "mr-2", children: U }),
+          w === "left" && /* @__PURE__ */ i("span", { className: "mr-2", children: q() }),
+          c,
+          w === "right" && /* @__PURE__ */ i("span", { className: "ml-2", children: q() }),
+          M && D === "right" && /* @__PURE__ */ i("span", { className: "ml-2", children: U })
         ]
       }
     );
@@ -392,7 +392,7 @@ const iA = {
     strokeWidth: D = "10",
     ...t
   }, e) => {
-    const w = {
+    const Q = {
       primary: "#1F2937",
       secondary: "#ededed",
       vividPink: "#ff0145",
@@ -401,7 +401,7 @@ const iA = {
       danger: "#b91c1c",
       warning: "#f59e0b",
       success: "#047857"
-    }, Q = {
+    }, w = {
       black: "bg-black",
       white: "bg-white"
     }, C = {
@@ -421,13 +421,13 @@ const iA = {
       13: "13",
       14: "14"
     };
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ y(
       "div",
       {
         ref: e,
         ...t,
         style: { zIndex: 99999 },
-        className: `fixed flex justify-center items-center top-0 left-0 right-0 bottom-0 ${Q[g]} bg-opacity-50 z-[1201]`,
+        className: `fixed flex justify-center items-center top-0 left-0 right-0 bottom-0 ${w[g]} bg-opacity-50 z-[1201]`,
         children: [
           /* @__PURE__ */ i(
             "svg",
@@ -444,7 +444,7 @@ const iA = {
                   cy: "55",
                   r: "45",
                   fill: "none",
-                  stroke: w[A],
+                  stroke: Q[A],
                   strokeWidth: s[D],
                   strokeDasharray: "314",
                   strokeDashoffset: "314",
@@ -499,7 +499,7 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
     viewBox: "0 0 24 24",
     width: "1em",
     ...A,
-    children: /* @__PURE__ */ m("g", { fill: "white", children: [
+    children: /* @__PURE__ */ y("g", { fill: "white", children: [
       /* @__PURE__ */ i("path", { d: "M19 12a7 7 0 11-7-7 7 7 0 017 7z" }),
       /* @__PURE__ */ i("path", { d: "M12 22.96a.969.969 0 01-1-.96v-.08a1 1 0 012 0 1.038 1.038 0 01-1 1.04zm7.14-2.82a1.024 1.024 0 01-.71-.29l-.13-.13a1 1 0 011.41-1.41l.13.13a1 1 0 010 1.41.984.984 0 01-.7.29zm-14.28 0a1.024 1.024 0 01-.71-.29 1 1 0 010-1.41l.13-.13a1 1 0 011.41 1.41l-.13.13a1 1 0 01-.7.29zM22 13h-.08a1 1 0 010-2 1.038 1.038 0 011.04 1 .969.969 0 01-.96 1zM2.08 13H2a1 1 0 010-2 1.038 1.038 0 011.04 1 .969.969 0 01-.96 1zm16.93-7.01a1.024 1.024 0 01-.71-.29 1 1 0 010-1.41l.13-.13a1 1 0 011.41 1.41l-.13.13a.984.984 0 01-.7.29zm-14.02 0a1.024 1.024 0 01-.71-.29l-.13-.14a1 1 0 011.41-1.41l.13.13a1 1 0 010 1.41.97.97 0 01-.7.3zM12 3.04a.969.969 0 01-1-.96V2a1 1 0 012 0 1.038 1.038 0 01-1 1.04z" })
     ] })
@@ -526,7 +526,7 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
     children: /* @__PURE__ */ i(_t, { className: "text-white text-lg" })
   }
 ) }), jB = () => {
-  const [A, g] = J(!1);
+  const [A, g] = z(!1);
   return O(() => {
     const B = () => {
       g(window.innerWidth < 640);
@@ -544,8 +544,8 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
     listMenu: D = [],
     logo: t,
     heightLogo: e,
-    widthLogo: w,
-    activeRoute: Q,
+    widthLogo: Q,
+    activeRoute: w,
     router: C,
     toggleTheme: s,
     toggeInstallApp: o,
@@ -553,61 +553,61 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
     theme: n,
     InstallApp: r,
     login: E = !1,
-    variantIndicator: G = "primary",
-    backgroundIndicator: l = "black",
-    logoGoatDataIndicator: c = "logoRed",
-    imgLoadingIndicator: y = "",
-    strokeWidthIndicator: Z = "10",
-    light: a = !1,
+    variantIndicator: l = "primary",
+    backgroundIndicator: G = "black",
+    logoGoatDataIndicator: a = "logoRed",
+    imgLoadingIndicator: U = "",
+    strokeWidthIndicator: q = "10",
+    light: c = !1,
     ...V
-  }, f) => {
+  }, Z) => {
     var EA, H, JA, yM;
-    const U = jB(), [Y, q] = J(!1), [P, MA] = J(!1), [WA, cA] = J(!1), [$A, UA] = J(null), [b, W] = J(null), rA = AA(null), ZA = () => q(!Y), ag = () => MA(!P), hA = () => MA(!1);
+    const u = jB(), [Y, f] = z(!1), [R, MA] = z(!1), [WA, cA] = z(!1), [$A, UA] = z(null), [b, W] = z(null), rA = AA(null), ZA = () => f(!Y), ag = () => MA(!R), hA = () => MA(!1);
     O(() => {
       if (typeof window < "u" && (C != null && C.events)) {
-        const u = () => {
+        const m = () => {
           cA(!0);
         }, p = () => {
           cA(!1);
         };
-        return C.events.on("routeChangeStart", u), C.events.on("routeChangeComplete", p), C.events.on("routeChangeError", p), () => {
-          C.events.off("routeChangeStart", u), C.events.off("routeChangeComplete", p), C.events.off("routeChangeError", p);
+        return C.events.on("routeChangeStart", m), C.events.on("routeChangeComplete", p), C.events.on("routeChangeError", p), () => {
+          C.events.off("routeChangeStart", m), C.events.off("routeChangeComplete", p), C.events.off("routeChangeError", p);
         };
       }
     }, [C]);
-    const Tg = (u, p) => {
-      u.subItems && u.subItems.length > 0 ? UA((wA) => wA === p ? -1 : p) : u.link && C && C.push(u.link);
-    }, cg = (u, p) => {
-      u.subItems && u.subItems.length > 0 ? UA((wA) => wA === p ? -1 : p) : u.link && C && (C.push(u.link), q(!1));
-    }, _A = (u, p) => {
-      UA((wA) => wA === p ? -1 : p), u.link && C && C.push(u.link);
-    }, k = (u) => {
-      u.link && C && (C.push(u.link), hA());
-    }, L = (u) => {
-      u.link && C && (C.push(u.link), q(!1));
+    const Tg = (m, p) => {
+      m.subItems && m.subItems.length > 0 ? UA((wA) => wA === p ? -1 : p) : m.link && C && C.push(m.link);
+    }, cg = (m, p) => {
+      m.subItems && m.subItems.length > 0 ? UA((wA) => wA === p ? -1 : p) : m.link && C && (C.push(m.link), f(!1));
+    }, _A = (m, p) => {
+      UA((wA) => wA === p ? -1 : p), m.link && C && C.push(m.link);
+    }, k = (m) => {
+      m.link && C && (C.push(m.link), hA());
+    }, L = (m) => {
+      m.link && C && (C.push(m.link), f(!1));
     };
     return O(() => {
-      const u = (p) => {
+      const m = (p) => {
         rA.current && !rA.current.contains(p.target) && hA();
       };
-      return P && document.addEventListener("mousedown", u), () => {
-        document.removeEventListener("mousedown", u);
+      return R && document.addEventListener("mousedown", m), () => {
+        document.removeEventListener("mousedown", m);
       };
-    }, [P]), /* @__PURE__ */ m("nav", { ref: f, ...V, style: { zIndex: 9999, position: "fixed", top: "0px", left: "0px", right: "0px" }, className: `${iA[g]}`, children: [
-      /* @__PURE__ */ i("div", { style: { marginLeft: "auto", marginRight: "auto", maxWidth: "80rem", paddingLeft: U ? "0.5rem" : "1.5rem", paddingRight: U ? "0.5rem" : "1.5rem" }, children: /* @__PURE__ */ m("div", { style: { position: "relative", display: "flex", height: "4rem", alignItems: "center", justifyContent: "space-between" }, children: [
-        /* @__PURE__ */ i("div", { style: { position: "absolute", top: "0px", bottom: "0px", left: "0px", display: U ? "flex" : "none", alignItems: "center" }, children: /* @__PURE__ */ i("button", { className: `menu ${Y ? g === "secondary" ? "openedark" : "opened" : ""}`, onClick: ZA, "aria-label": "Main Menu", children: /* @__PURE__ */ m("svg", { width: "45", height: "45", viewBox: "0 0 100 100", style: { fill: "#f9f8f8 !important" }, children: [
+    }, [R]), /* @__PURE__ */ y("nav", { ref: Z, ...V, style: { zIndex: 9999, position: "fixed", top: "0px", left: "0px", right: "0px" }, className: `${iA[g]}`, children: [
+      /* @__PURE__ */ i("div", { style: { marginLeft: "auto", marginRight: "auto", maxWidth: "80rem", paddingLeft: u ? "0.5rem" : "1.5rem", paddingRight: u ? "0.5rem" : "1.5rem" }, children: /* @__PURE__ */ y("div", { style: { position: "relative", display: "flex", height: "4rem", alignItems: "center", justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ i("div", { style: { position: "absolute", top: "0px", bottom: "0px", left: "0px", display: u ? "flex" : "none", alignItems: "center" }, children: /* @__PURE__ */ i("button", { className: `menu ${Y ? g === "secondary" ? "openedark" : "opened" : ""}`, onClick: ZA, "aria-label": "Main Menu", children: /* @__PURE__ */ y("svg", { width: "45", height: "45", viewBox: "0 0 100 100", style: { fill: "#f9f8f8 !important" }, children: [
           /* @__PURE__ */ i("path", { className: g === "secondary" ? "linedark linedark1" : "line line1", d: "M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" }),
           /* @__PURE__ */ i("path", { className: g === "secondary" ? "linedark linedark2" : "line line2", d: "M 20,50 H 80" }),
           /* @__PURE__ */ i("path", { className: g === "secondary" ? "linedark linedark3" : "line line3", d: "M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942" })
         ] }) }) }),
-        /* @__PURE__ */ m("div", { style: { display: "flex", flex: "1 1 0%", alignItems: "center", justifyContent: U ? "center" : "stretch" }, children: [
-          /* @__PURE__ */ m("div", { className: "flex flex-shrink-0 items-center", style: { flexDirection: "column" }, children: [
+        /* @__PURE__ */ y("div", { style: { display: "flex", flex: "1 1 0%", alignItems: "center", justifyContent: u ? "center" : "stretch" }, children: [
+          /* @__PURE__ */ y("div", { className: "flex flex-shrink-0 items-center", style: { flexDirection: "column" }, children: [
             /* @__PURE__ */ i(
               "img",
               {
                 alt: "logo",
-                className: `${U ? "hidden" : "block"}`,
-                style: { height: e && e.trim() !== "" ? e : "40px", width: w && w.trim() !== "" ? w : "65px" },
+                className: `${u ? "hidden" : "block"}`,
+                style: { height: e && e.trim() !== "" ? e : "40px", width: Q && Q.trim() !== "" ? Q : "65px" },
                 src: t && t.trim() !== "" ? t : g === "secondary" ? KA : pA
               }
             ),
@@ -615,46 +615,46 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
               "img",
               {
                 alt: "logo",
-                className: `${U ? "block" : "hidden"}`,
-                style: { height: e && e.trim() !== "" ? e : "40px", width: w && w.trim() !== "" ? w : "65px" },
+                className: `${u ? "block" : "hidden"}`,
+                style: { height: e && e.trim() !== "" ? e : "40px", width: Q && Q.trim() !== "" ? Q : "65px" },
                 src: t && t.trim() !== "" ? t : g === "secondary" ? KA : pA
               }
             ),
             (!t || t.trim() === "") && /* @__PURE__ */ i("div", { className: `${bA[g]}`, style: { fontSize: "10px", letterSpacing: "4px" }, children: "DATA" })
           ] }),
-          /* @__PURE__ */ m("div", { style: { display: U ? "none" : "block", flexGrow: 1, marginLeft: "1.5rem" }, children: [
-            /* @__PURE__ */ i("div", { className: `flex space-x-4 ${t && t.trim() !== "" ? "mt-0" : "mt-2"}`, children: M.map((u, p) => {
+          /* @__PURE__ */ y("div", { style: { display: u ? "none" : "block", flexGrow: 1, marginLeft: "1.5rem" }, children: [
+            /* @__PURE__ */ i("div", { className: `flex space-x-4 ${t && t.trim() !== "" ? "mt-0" : "mt-2"}`, children: M.map((m, p) => {
               var wA;
-              return /* @__PURE__ */ m("div", { className: "relative group", children: [
+              return /* @__PURE__ */ y("div", { className: "relative group", children: [
                 /* @__PURE__ */ i(
                   "button",
                   {
                     type: "button",
-                    className: R(
+                    className: h(
                       "flex items-center justify-center px-4 py-2 text-sm cursor-pointer rounded-md transition duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2",
-                      Q === u.link || (wA = u.subItems) != null && wA.some((x) => x.link === Q) ? tA[g] : "",
+                      w === m.link || (wA = m.subItems) != null && wA.some((x) => x.link === w) ? tA[g] : "",
                       T[g],
                       CA[g],
-                      Q === u.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
-                      Q === u.link ? "font-semibold" : "font-normal"
+                      w === m.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
+                      w === m.link ? "font-semibold" : "font-normal"
                     ),
-                    onClick: () => Tg(u, p),
+                    onClick: () => Tg(m, p),
                     onMouseEnter: () => W(p),
                     onMouseLeave: () => W(null),
-                    children: u.label
+                    children: m.label
                   }
                 ),
-                b === p && u.description && u.description.trim() !== "" && /* @__PURE__ */ m(
+                b === p && m.description && m.description.trim() !== "" && /* @__PURE__ */ y(
                   "div",
                   {
                     style: { border: `1px ${Dg[g]} solid`, maxWidth: "260px" },
                     className: `absolute top-full left-1/2 transform -translate-x-1/2 translate-y-2 opacity-0 mt-2 w-max px-4 py-4 text-xs ${bA[g]} ${iA[g]} rounded-md transition-all duration-300 group-hover:opacity-100 group-hover:translate-y-4`,
                     children: [
-                      u.image && u.image.trim() !== "" && /* @__PURE__ */ m("div", { className: "relative w-full h-24 mb-2", children: [
+                      m.image && m.image.trim() !== "" && /* @__PURE__ */ y("div", { className: "relative w-full h-24 mb-2", children: [
                         /* @__PURE__ */ i(
                           "img",
                           {
-                            src: u.image,
+                            src: m.image,
                             alt: "Tooltip Image",
                             className: "object-cover w-full h-full rounded-t-md opacity-75 hover:opacity-100 transition-opacity duration-300"
                           }
@@ -662,24 +662,24 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                         /* @__PURE__ */ i("div", { className: "absolute bottom-0 w-full h-8 bg-gradient-to-t from-white/80 to-transparent" })
                       ] }),
                       /* @__PURE__ */ i("div", { className: "absolute top-0 left-1/2 transform -translate-x-1/2 -mt-2 w-0 h-0 border-l-4 border-r-4 border-b-4 border-transparent border-b-gray-800" }),
-                      u.description
+                      m.description
                     ]
                   }
                 ),
-                u.subItems && u.subItems.length > 0 && $A === p && /* @__PURE__ */ i(
+                m.subItems && m.subItems.length > 0 && $A === p && /* @__PURE__ */ i(
                   "div",
                   {
                     className: `absolute left-0 mt-2 w-48 ${iA[g]} ${dg[g]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
                     role: "menu",
-                    children: u.subItems.map((x, Sg) => /* @__PURE__ */ i(
+                    children: m.subItems.map((x, Sg) => /* @__PURE__ */ i(
                       "div",
                       {
-                        className: R(
+                        className: h(
                           `block px-4 py-2 text-sm cursor-pointer ${iA[g]}e`,
                           T[g] && `${T[g]}`,
-                          Q === x.link ? tA[g] : "",
-                          Q === x.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
-                          Q === x.link ? "font-semibold" : "font-normal"
+                          w === x.link ? tA[g] : "",
+                          w === x.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
+                          w === x.link ? "font-semibold" : "font-normal"
                         ),
                         onClick: () => _A(x, p),
                         children: x.label
@@ -693,17 +693,17 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
             A && /* @__PURE__ */ i("div", { className: "mt-2 text-sm text-gray-500", children: A })
           ] })
         ] }),
-        /* @__PURE__ */ m("div", { className: "absolute inset-y-0 right-0 items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0 flex space-x-2", children: [
+        /* @__PURE__ */ y("div", { className: "absolute inset-y-0 right-0 items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0 flex space-x-2", children: [
           r && /* @__PURE__ */ i(Be, { variant: g, onClick: o }),
-          n && /* @__PURE__ */ i(ge, { light: a, variant: g, toggleTheme: s }),
-          B ? /* @__PURE__ */ m("div", { style: { position: "relative", display: U ? "none" : "block", marginLeft: "0.75rem" }, children: [
+          n && /* @__PURE__ */ i(ge, { light: c, variant: g, toggleTheme: s }),
+          B ? /* @__PURE__ */ y("div", { style: { position: "relative", display: u ? "none" : "block", marginLeft: "0.75rem" }, children: [
             /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
               "button",
               {
                 type: "button",
                 className: `flex rounded-full bg-gray-800 text-sm transition duration-300 focus:outline-none focus:ring-2 ${CA[g]} focus:ring-offset-2`,
                 id: "user-menu-button",
-                "aria-expanded": P,
+                "aria-expanded": R,
                 "aria-haspopup": "true",
                 onClick: ag,
                 children: /* @__PURE__ */ i(
@@ -717,8 +717,8 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                         src: B.image,
                         alt: "User avatar",
                         className: "rounded-full object-cover w-full h-full",
-                        onError: (u) => {
-                          u.currentTarget.onerror = null, u.currentTarget.src = "";
+                        onError: (m) => {
+                          m.currentTarget.onerror = null, m.currentTarget.src = "";
                         }
                       }
                     ) : ((H = (EA = B.name) == null ? void 0 : EA.charAt(0)) == null ? void 0 : H.toUpperCase()) || "?"
@@ -726,26 +726,26 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                 )
               }
             ) }),
-            P && /* @__PURE__ */ i(
+            R && /* @__PURE__ */ i(
               "div",
               {
                 ref: rA,
                 className: `absolute right-0 mt-2 w-48 ${iA[g]} ${dg[g]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
                 role: "menu",
-                children: D.map((u, p) => /* @__PURE__ */ i(
+                children: D.map((m, p) => /* @__PURE__ */ i(
                   "div",
                   {
-                    className: R(
+                    className: h(
                       "block px-4 py-2 text-sm cursor-pointer",
                       T[g] && `${T[g]}`,
-                      Q === u.link ? tA[g] : "",
-                      Q === u.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
-                      Q === u.link ? "font-semibold" : "font-normal"
+                      w === m.link ? tA[g] : "",
+                      w === m.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
+                      w === m.link ? "font-semibold" : "font-normal"
                     ),
-                    onClick: u.label === "Cerrar sesion" ? I : () => {
-                      k(u);
+                    onClick: m.label === "Cerrar sesion" ? I : () => {
+                      k(m);
                     },
-                    children: u.label
+                    children: m.label
                   },
                   p
                 ))
@@ -755,14 +755,14 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
             "button",
             {
               type: "button",
-              style: { display: U ? "none" : "block", cursor: "pointer" },
-              className: R(
+              style: { display: u ? "none" : "block", cursor: "pointer" },
+              className: h(
                 `items-center justify-center px-4 py-2 text-sm 
                                             ${T[g]} 
                                             rounded-md transition duration-300 focus:outline-none focus:ring-2 ${CA[g]} focus:ring-offset-2`,
-                Q === "/login" ? tA[g] : "",
-                Q === "/login" ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
-                Q === "/login" ? "font-semibold" : "font-normal"
+                w === "/login" ? tA[g] : "",
+                w === "/login" ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
+                w === "/login" ? "font-semibold" : "font-normal"
               ),
               onClick: () => {
                 C.push("/login"), hA();
@@ -772,38 +772,38 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
           ) : /* @__PURE__ */ i(UM, {})
         ] })
       ] }) }),
-      Y && /* @__PURE__ */ m("div", { style: { display: U ? "" : "none" }, className: "px-2 pt-2 pb-3 space-y-1", children: [
-        M.map((u, p) => {
+      Y && /* @__PURE__ */ y("div", { style: { display: u ? "" : "none" }, className: "px-2 pt-2 pb-3 space-y-1", children: [
+        M.map((m, p) => {
           var wA;
-          return /* @__PURE__ */ m("div", { children: [
+          return /* @__PURE__ */ y("div", { children: [
             /* @__PURE__ */ i(
               "button",
               {
-                className: R(
+                className: h(
                   `block w-full px-4 py-2 text-base ${T[g]}
                                         rounded-md transition duration-300 focus:outline-none focus:ring-2 ${CA[g]} focus:ring-offset-2 text-left`,
-                  Q === u.link || (wA = u.subItems) != null && wA.some((x) => x.link === Q) ? tA[g] : "",
-                  Q === u.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
-                  Q === u.link ? "font-semibold" : "font-normal"
+                  w === m.link || (wA = m.subItems) != null && wA.some((x) => x.link === w) ? tA[g] : "",
+                  w === m.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
+                  w === m.link ? "font-semibold" : "font-normal"
                 ),
                 onClick: () => {
-                  cg(u, p);
+                  cg(m, p);
                 },
-                children: u.label
+                children: m.label
               }
             ),
-            u.subItems && u.subItems.length > 0 && $A === p && /* @__PURE__ */ i("div", { className: "pl-4 py-4", children: u.subItems.map((x, Sg) => /* @__PURE__ */ i(
+            m.subItems && m.subItems.length > 0 && $A === p && /* @__PURE__ */ i("div", { className: "pl-4 py-4", children: m.subItems.map((x, Sg) => /* @__PURE__ */ i(
               "button",
               {
-                className: R(
+                className: h(
                   `block w-full px-4 py-1 text-sm ${T[g]} 
                                                     rounded-md transition duration-300 focus:outline-none focus:ring-2 ${CA[g]} focus:ring-offset-2 text-left`,
-                  Q === x.link ? tA[g] : "",
-                  Q === x.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
-                  Q === x.link ? "font-semibold" : "font-normal"
+                  w === x.link ? tA[g] : "",
+                  w === x.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
+                  w === x.link ? "font-semibold" : "font-normal"
                 ),
                 onClick: () => {
-                  _A(x, p), q(!1);
+                  _A(x, p), f(!1);
                 },
                 children: x.label
               },
@@ -811,9 +811,9 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
             )) })
           ] }, p);
         }),
-        B ? /* @__PURE__ */ m("div", { className: "relative mt-3", children: [
+        B ? /* @__PURE__ */ y("div", { className: "relative mt-3", children: [
           /* @__PURE__ */ i("div", { className: "ml-3 mt-4", style: { borderBottom: `1px ${Dg[g]} solid` } }),
-          /* @__PURE__ */ m("div", { style: { display: "flex" }, children: [
+          /* @__PURE__ */ y("div", { style: { display: "flex" }, children: [
             /* @__PURE__ */ i(
               "button",
               {
@@ -833,8 +833,8 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                         src: B.image,
                         alt: "User avatar",
                         className: "rounded-full object-cover w-full h-full",
-                        onError: (u) => {
-                          u.currentTarget.onerror = null, u.currentTarget.src = "";
+                        onError: (m) => {
+                          m.currentTarget.onerror = null, m.currentTarget.src = "";
                         }
                       }
                     ) : ((yM = (JA = B.name) == null ? void 0 : JA.charAt(0)) == null ? void 0 : yM.toUpperCase()) || "?"
@@ -844,18 +844,18 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
             ),
             /* @__PURE__ */ i("div", { className: `block w-full px-4 py-4 ${bA[g]} text-left`, children: B.name })
           ] }),
-          D.map((u, p) => /* @__PURE__ */ i(
+          D.map((m, p) => /* @__PURE__ */ i(
             "button",
             {
-              className: R(
+              className: h(
                 `block w-full px-4 py-2 text-base ${T[g]} 
                                                     rounded-md transition duration-300 focus:outline-none focus:ring-2 ${CA[g]} focus:ring-offset-2 text-left`,
-                Q === u.link ? tA[g] : "",
-                Q === u.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
-                Q === u.link ? "font-semibold" : "font-normal"
+                w === m.link ? tA[g] : "",
+                w === m.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
+                w === m.link ? "font-semibold" : "font-normal"
               ),
-              onClick: u.label === "Cerrar sesion" ? I : () => L(u),
-              children: u.label
+              onClick: m.label === "Cerrar sesion" ? I : () => L(m),
+              children: m.label
             },
             p
           ))
@@ -863,15 +863,15 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
           "button",
           {
             type: "button",
-            className: R(
+            className: h(
               `block w-full px-4 py-2 text-base ${T[g]} 
                                     rounded-md transition duration-300 focus:outline-none focus:ring-2 ${CA[g]} focus:ring-offset-2 text-left`,
-              Q === "/login" ? tA[g] : "",
-              Q === "/login" ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
-              Q === "/login" ? "font-semibold" : "font-normal"
+              w === "/login" ? tA[g] : "",
+              w === "/login" ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : g === "pikaros" ? "text-orange-300" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" || g === "pikaros" ? "text-white" : "text-custom-blue",
+              w === "/login" ? "font-semibold" : "font-normal"
             ),
             onClick: () => {
-              C.push("/login"), q(!1);
+              C.push("/login"), f(!1);
             },
             children: "Login"
           }
@@ -880,11 +880,11 @@ const KA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
       WA && /* @__PURE__ */ i(
         OB,
         {
-          variant: G,
-          background: l,
-          logoGoatData: c,
-          imgLoading: y,
-          strokeWidth: Z
+          variant: l,
+          background: G,
+          logoGoatData: a,
+          imgLoading: U,
+          strokeWidth: q
         }
       )
     ] });
@@ -900,7 +900,7 @@ const iw = N(
     height: D = "",
     ...t
   }, e) => {
-    const w = {
+    const Q = {
       primary: "#1F2937",
       secondary: "#ededed",
       vividPink: "#ff0145",
@@ -909,7 +909,7 @@ const iw = N(
       danger: "#b91c1c",
       warning: "#f59e0b",
       success: "#047857"
-    }, Q = {
+    }, w = {
       logoRed: _D,
       logoBlack: bB,
       logo6: Ae,
@@ -926,7 +926,7 @@ const iw = N(
       13: "13",
       14: "14"
     };
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ y(
       "div",
       {
         ref: e,
@@ -956,7 +956,7 @@ const iw = N(
                   cy: "55",
                   r: "45",
                   fill: "none",
-                  stroke: w[A],
+                  stroke: Q[A],
                   strokeWidth: C[M],
                   strokeDasharray: "314",
                   strokeDashoffset: "314",
@@ -975,7 +975,7 @@ const iw = N(
               style: {
                 animation: "blink 1s ease-in-out infinite"
               },
-              children: /* @__PURE__ */ i("div", { className: "ml-1", children: /* @__PURE__ */ i("img", { src: B && B.trim() !== "" ? B : Q[g], alt: "logo" }) })
+              children: /* @__PURE__ */ i("div", { className: "ml-1", children: /* @__PURE__ */ i("img", { src: B && B.trim() !== "" ? B : w[g], alt: "logo" }) })
             }
           )
         ]
@@ -993,8 +993,8 @@ const sw = N(
     logo: D,
     heightLogo: t,
     widthLogo: e,
-    activeRoute: w,
-    router: Q,
+    activeRoute: Q,
+    router: w,
     user: C,
     theme: s,
     InstallApp: o,
@@ -1002,46 +1002,46 @@ const sw = N(
     backgroundIndicator: n = "black",
     logoGoatDataIndicator: r = "logoRed",
     imgLoadingIndicator: E = "",
-    strokeWidthIndicator: G = "10",
-    handleLogout: l,
-    toggleTheme: c,
-    toggeInstallApp: y,
-    handleTogge: Z,
-    ...a
+    strokeWidthIndicator: l = "10",
+    handleLogout: G,
+    toggleTheme: a,
+    toggeInstallApp: U,
+    handleTogge: q,
+    ...c
   }, V) => {
     var cg, _A;
-    const [f, U] = J(!0), [Y, q] = J(null), [P, MA] = J(!1), [WA, cA] = J(null), [$A, UA] = J(!1), b = AA(null), W = () => MA(!P), rA = () => MA(!1), ZA = () => {
-      Z && Z(), U((k) => !k);
+    const [Z, u] = z(!0), [Y, f] = z(null), [R, MA] = z(!1), [WA, cA] = z(null), [$A, UA] = z(!1), b = AA(null), W = () => MA(!R), rA = () => MA(!1), ZA = () => {
+      q && q(), u((k) => !k);
     }, ag = (k, L) => {
-      k.subItems && k.subItems.length > 0 ? q((EA) => EA === L ? -1 : L) : k.link && Q && Q.push(k.link);
+      k.subItems && k.subItems.length > 0 ? f((EA) => EA === L ? -1 : L) : k.link && w && w.push(k.link);
     }, hA = (k, L) => {
-      q((EA) => EA === L ? -1 : L), k.link && Q && Q.push(k.link);
+      f((EA) => EA === L ? -1 : L), k.link && w && w.push(k.link);
     }, Tg = (k) => {
-      k.link && Q && (Q.push(k.link), rA());
+      k.link && w && (w.push(k.link), rA());
     };
     return O(() => {
-      if (typeof window < "u" && (Q != null && Q.events)) {
+      if (typeof window < "u" && (w != null && w.events)) {
         const k = () => {
           UA(!0);
         }, L = () => {
           UA(!1);
         };
-        return Q.events.on("routeChangeStart", k), Q.events.on("routeChangeComplete", L), Q.events.on("routeChangeError", L), () => {
-          Q.events.off("routeChangeStart", k), Q.events.off("routeChangeComplete", L), Q.events.off("routeChangeError", L);
+        return w.events.on("routeChangeStart", k), w.events.on("routeChangeComplete", L), w.events.on("routeChangeError", L), () => {
+          w.events.off("routeChangeStart", k), w.events.off("routeChangeComplete", L), w.events.off("routeChangeError", L);
         };
       }
-    }, [Q]), /* @__PURE__ */ m(
+    }, [w]), /* @__PURE__ */ y(
       "div",
       {
         ref: V,
-        ...a,
-        style: { width: f ? "250px" : "70px" },
-        className: R(
+        ...c,
+        style: { width: Z ? "250px" : "70px" },
+        className: h(
           `fixed top-0 left-0 h-full ${iA[B]} text-white shadow-lg transition-all z-50`,
           M
         ),
         children: [
-          /* @__PURE__ */ m("div", { className: "flex flex-shrink-0 items-center mt-4", style: { flexDirection: "column" }, children: [
+          /* @__PURE__ */ y("div", { className: "flex flex-shrink-0 items-center mt-4", style: { flexDirection: "column" }, children: [
             /* @__PURE__ */ i(
               "img",
               {
@@ -1056,36 +1056,36 @@ const sw = N(
               {
                 alt: "logo",
                 className: "hidden lg:block",
-                style: { height: t && t.trim() !== "" ? t : f ? "70px" : "", width: e && e.trim() !== "" ? e : f ? "110px" : "40px" },
-                src: D && D.trim() !== "" ? D : B === "secondary" ? f ? KA : bB : f ? pA : FB
+                style: { height: t && t.trim() !== "" ? t : Z ? "70px" : "", width: e && e.trim() !== "" ? e : Z ? "110px" : "40px" },
+                src: D && D.trim() !== "" ? D : B === "secondary" ? Z ? KA : bB : Z ? pA : FB
               }
             ),
-            (!D || D.trim() === "") && /* @__PURE__ */ i("div", { className: `${bA[B]} ${f ? "" : "lock w-auto lg:hidden"}`, style: { fontSize: f ? "12px" : "8px", letterSpacing: "4px" }, children: "DATA" })
+            (!D || D.trim() === "") && /* @__PURE__ */ i("div", { className: `${bA[B]} ${Z ? "" : "lock w-auto lg:hidden"}`, style: { fontSize: Z ? "12px" : "8px", letterSpacing: "4px" }, children: "DATA" })
           ] }),
           /* @__PURE__ */ i(
             "button",
             {
               onClick: ZA,
               className: `absolute -right-3 transform -translate-y-1/2 p-1 rounded-full shadow-md ${tw[B]} focus:outline-none`,
-              children: f ? /* @__PURE__ */ i(Wt, { size: 20 }) : /* @__PURE__ */ i(xt, { size: 20 })
+              children: Z ? /* @__PURE__ */ i(Wt, { size: 20 }) : /* @__PURE__ */ i(xt, { size: 20 })
             }
           ),
           /* @__PURE__ */ i("div", { style: { marginLeft: "20px", marginRight: "20px", border: `1px ${Dg[B]} solid`, marginTop: "14px" } }),
-          /* @__PURE__ */ m("div", { style: { display: "flex", justifyContent: "space-between", flexDirection: "column", height: "75vh" }, children: [
+          /* @__PURE__ */ y("div", { style: { display: "flex", justifyContent: "space-between", flexDirection: "column", height: "75vh" }, children: [
             /* @__PURE__ */ i("div", { className: "flex flex-col items-start p-4 space-y-4 mt-7", children: A.map((k, L) => {
               var EA;
-              return /* @__PURE__ */ m("div", { className: "w-full relative group", children: [
-                /* @__PURE__ */ m(
+              return /* @__PURE__ */ y("div", { className: "w-full relative group", children: [
+                /* @__PURE__ */ y(
                   "button",
                   {
                     type: "button",
-                    className: R(
-                      `flex items-center justify-start w-full ${f ? "px-4" : ""} ${f ? "py-2" : ""} text-sm cursor-pointer rounded-md transition duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2`,
+                    className: h(
+                      `flex items-center justify-start w-full ${Z ? "px-4" : ""} ${Z ? "py-2" : ""} text-sm cursor-pointer rounded-md transition duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2`,
                       T[B],
                       CA[B],
-                      w === k.link || (EA = k.subItems) != null && EA.some((H) => H.link === w) ? tA[B] : "",
-                      w === k.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : B === "pikaros" ? "text-orange-300" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" || B === "pikaros" ? "text-white" : "text-custom-blue",
-                      w === k.link ? "font-semibold" : "font-normal"
+                      Q === k.link || (EA = k.subItems) != null && EA.some((H) => H.link === Q) ? tA[B] : "",
+                      Q === k.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : B === "pikaros" ? "text-orange-300" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" || B === "pikaros" ? "text-white" : "text-custom-blue",
+                      Q === k.link ? "font-semibold" : "font-normal"
                     ),
                     onClick: () => {
                       ag(k, L);
@@ -1096,33 +1096,33 @@ const sw = N(
                       (k == null ? void 0 : k.icon) && /* @__PURE__ */ i(
                         "div",
                         {
-                          className: `flex ${f ? "" : "py-2"}`,
+                          className: `flex ${Z ? "" : "py-2"}`,
                           style: {
-                            marginRight: f ? "12px" : "0px",
-                            marginLeft: f ? "0px" : "6px"
+                            marginRight: Z ? "12px" : "0px",
+                            marginLeft: Z ? "0px" : "6px"
                           },
                           children: /* @__PURE__ */ i(k.icon, { className: "w-6 h-6" })
                         }
                       ),
-                      /* @__PURE__ */ i("span", { className: `${f ? "block" : "hidden"}`, children: k.label })
+                      /* @__PURE__ */ i("span", { className: `${Z ? "block" : "hidden"}`, children: k.label })
                     ]
                   }
                 ),
-                WA === L && k.description && k.description.trim() !== "" && !f && /* @__PURE__ */ m(
+                WA === L && k.description && k.description.trim() !== "" && !Z && /* @__PURE__ */ y(
                   "div",
                   {
                     style: {
                       border: `1px ${Dg[B]} solid`,
                       width: "240px"
                     },
-                    className: R(
+                    className: h(
                       "absolute top-1/2 transform -translate-y-1/2 transition-all duration-300 opacity-0 group-hover:opacity-100 rounded-md text-xs px-4 py-2 shadow-lg",
-                      f ? "left-full ml-2" : "left-full ml-2 translate-x-2 group-hover:translate-x-4",
+                      Z ? "left-full ml-2" : "left-full ml-2 translate-x-2 group-hover:translate-x-4",
                       bA[B],
                       iA[B]
                     ),
                     children: [
-                      k.image && k.image.trim() !== "" && /* @__PURE__ */ m("div", { className: "relative w-full h-24 mb-2", children: [
+                      k.image && k.image.trim() !== "" && /* @__PURE__ */ y("div", { className: "relative w-full h-24 mb-2", children: [
                         /* @__PURE__ */ i(
                           "img",
                           {
@@ -1138,15 +1138,15 @@ const sw = N(
                     ]
                   }
                 ),
-                k.subItems && k.subItems.length > 0 && Y === L && (f ? /* @__PURE__ */ i("div", { className: "pl-4 py-4", children: k.subItems.map((H, JA) => /* @__PURE__ */ i(
+                k.subItems && k.subItems.length > 0 && Y === L && (Z ? /* @__PURE__ */ i("div", { className: "pl-4 py-4", children: k.subItems.map((H, JA) => /* @__PURE__ */ i(
                   "button",
                   {
-                    className: R(
+                    className: h(
                       `block w-full px-4 py-1 text-sm ${T[B]} 
                                                         rounded-md transition duration-300 focus:outline-none focus:ring-2 ${CA[B]} focus:ring-offset-2 text-left`,
-                      w === H.link ? tA[B] : "",
-                      w === H.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : B === "pikaros" ? "text-orange-300" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" || B === "pikaros" ? "text-white" : "text-custom-blue",
-                      w === H.link ? "font-semibold" : "font-normal"
+                      Q === H.link ? tA[B] : "",
+                      Q === H.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : B === "pikaros" ? "text-orange-300" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" || B === "pikaros" ? "text-white" : "text-custom-blue",
+                      Q === H.link ? "font-semibold" : "font-normal"
                     ),
                     onClick: () => {
                       hA(H, L);
@@ -1163,12 +1163,12 @@ const sw = N(
                     children: k.subItems.map((H, JA) => /* @__PURE__ */ i(
                       "div",
                       {
-                        className: R(
+                        className: h(
                           `block px-4 py-2 text-sm cursor-pointer ${iA[B]}e`,
                           T[B] && `${T[B]}`,
-                          w === H.link ? tA[B] : "",
-                          w === H.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : B === "pikaros" ? "text-orange-300" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" || B === "pikaros" ? "text-white" : "text-custom-blue",
-                          w === H.link ? "font-semibold" : "font-normal"
+                          Q === H.link ? tA[B] : "",
+                          Q === H.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : B === "pikaros" ? "text-orange-300" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" || B === "pikaros" ? "text-white" : "text-custom-blue",
+                          Q === H.link ? "font-semibold" : "font-normal"
                         ),
                         onClick: () => {
                           hA(H, L);
@@ -1181,8 +1181,8 @@ const sw = N(
                 ))
               ] }, L);
             }) }),
-            C && /* @__PURE__ */ m("div", { className: "relative ml-3", children: [
-              /* @__PURE__ */ m("div", { id: "user-menu-button", style: { display: "flex", alignItems: "center", cursor: "pointer" }, onClick: W, children: [
+            C && /* @__PURE__ */ y("div", { className: "relative ml-3", children: [
+              /* @__PURE__ */ y("div", { id: "user-menu-button", style: { display: "flex", alignItems: "center", cursor: "pointer" }, onClick: W, children: [
                 /* @__PURE__ */ i(
                   "button",
                   {
@@ -1209,26 +1209,26 @@ const sw = N(
                     )
                   }
                 ),
-                /* @__PURE__ */ i("div", { className: `block w-full px-4 py-4 ${bA[B]} text-left ${f ? "block" : "hidden"}`, children: C.name }),
-                /* @__PURE__ */ i("div", { className: `mr-2 ${f ? "block" : "hidden"}`, children: /* @__PURE__ */ i(ew, { size: 20, color: Dg[B] }) })
+                /* @__PURE__ */ i("div", { className: `block w-full px-4 py-4 ${bA[B]} text-left ${Z ? "block" : "hidden"}`, children: C.name }),
+                /* @__PURE__ */ i("div", { className: `mr-2 ${Z ? "block" : "hidden"}`, children: /* @__PURE__ */ i(ew, { size: 20, color: Dg[B] }) })
               ] }),
-              P && /* @__PURE__ */ i(
+              R && /* @__PURE__ */ i(
                 "div",
                 {
                   ref: b,
-                  className: `absolute right-0 ${f ? "left-56" : "left-14"} bottom-8 mt-2 w-48 ${iA[B]} ${dg[B]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
+                  className: `absolute right-0 ${Z ? "left-56" : "left-14"} bottom-8 mt-2 w-48 ${iA[B]} ${dg[B]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
                   role: "menu",
                   children: g.map((k, L) => /* @__PURE__ */ i(
                     "div",
                     {
-                      className: R(
+                      className: h(
                         "block px-4 py-2 text-sm cursor-pointer",
                         T[B] && `${T[B]}`,
-                        w === k.link ? tA[B] : "",
-                        w === k.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : B === "pikaros" ? "text-orange-300" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" || B === "pikaros" ? "text-white" : "text-custom-blue",
-                        w === k.link ? "font-semibold" : "font-normal"
+                        Q === k.link ? tA[B] : "",
+                        Q === k.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : B === "pikaros" ? "text-orange-300" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" || B === "pikaros" ? "text-white" : "text-custom-blue",
+                        Q === k.link ? "font-semibold" : "font-normal"
                       ),
-                      onClick: k.label === "Cerrar sesion" ? l : () => {
+                      onClick: k.label === "Cerrar sesion" ? G : () => {
                         Tg(k);
                       },
                       children: k.label
@@ -1237,9 +1237,9 @@ const sw = N(
                   ))
                 }
               ),
-              /* @__PURE__ */ m("div", { style: { display: "flex", gap: "12px", padding: "0px 20px 0px 10px", flexDirection: f ? "row" : "column", alignItems: "center" }, children: [
-                o && /* @__PURE__ */ i(Be, { variant: B, onClick: y }),
-                s && /* @__PURE__ */ i(ge, { variant: B, toggleTheme: c })
+              /* @__PURE__ */ y("div", { style: { display: "flex", gap: "12px", padding: "0px 20px 0px 10px", flexDirection: Z ? "row" : "column", alignItems: "center" }, children: [
+                o && /* @__PURE__ */ i(Be, { variant: B, onClick: U }),
+                s && /* @__PURE__ */ i(ge, { variant: B, toggleTheme: a })
               ] })
             ] })
           ] }),
@@ -1250,7 +1250,7 @@ const sw = N(
               background: n,
               logoGoatData: r,
               imgLoading: E,
-              strokeWidth: G
+              strokeWidth: l
             }
           )
         ]
@@ -1259,36 +1259,47 @@ const sw = N(
   }
 );
 sw.displayName = "Sidebar";
-const fM = ({ children: A, href: g, Viewport: B, colorButton: M, setIsOpen: D }) => {
-  const t = AA(null), [e, w] = J(M);
+const fM = ({
+  children: A,
+  href: g,
+  Viewport: B,
+  colorButton: M,
+  setIsOpen: D,
+  routerApp: t = !1,
+  open: e = !1,
+  handleOpen: Q,
+  handleRouter: w
+}) => {
+  const C = AA(null), [s, o] = z(M);
   return O(() => {
-    const C = () => {
-      const s = document.getElementById(g.slice(1));
-      if (s) {
-        const o = s.getBoundingClientRect(), I = o.top >= 0 && o.bottom <= window.innerHeight;
-        w(I ? B : M);
+    const n = () => {
+      const r = document.getElementById(g.slice(1));
+      if (r) {
+        const E = r.getBoundingClientRect(), l = E.top >= 0 && E.bottom <= window.innerHeight;
+        o(l ? B : M);
       }
     };
-    return C(), window.addEventListener("scroll", C), () => {
-      window.removeEventListener("scroll", C);
+    return n(), window.addEventListener("scroll", n), () => {
+      window.removeEventListener("scroll", n);
     };
   }, [g, B, M]), /* @__PURE__ */ i(
     "button",
     {
-      onClick: () => {
-        const C = document.getElementById(g.slice(1));
-        C && (C.scrollIntoView({ behavior: "smooth" }), setTimeout(() => {
-          const s = C.getBoundingClientRect(), o = s.top >= 0 && s.bottom <= window.innerHeight;
-          w(o ? B : M), D(!1);
+      className: "group",
+      onClick: t ? w : e ? Q : () => {
+        const n = document.getElementById(g.slice(1));
+        n && (n.scrollIntoView({ behavior: "smooth" }), setTimeout(() => {
+          const r = n.getBoundingClientRect(), E = r.top >= 0 && r.bottom <= window.innerHeight;
+          o(E ? B : M), D(!1);
         }, 300));
       },
-      ref: t,
+      ref: C,
       style: {
         display: "block",
         padding: "8px 12px",
         borderRadius: "6px",
         fontSize: "14px",
-        color: e,
+        color: s,
         background: "transparent",
         opacity: 0.7,
         textDecoration: "none",
@@ -1351,10 +1362,10 @@ function nw(A) {
     timestamp: 0,
     isProcessing: !1
   };
-  function w(C) {
-    t.has(C) && (Q.schedule(C), A()), C(e);
+  function Q(C) {
+    t.has(C) && (w.schedule(C), A()), C(e);
   }
-  const Q = {
+  const w = {
     /**
      * Schedule a process to run on the next frame.
      */
@@ -1376,10 +1387,10 @@ function nw(A) {
         D = !0;
         return;
       }
-      M = !0, [g, B] = [B, g], g.forEach(w), g.clear(), M = !1, D && (D = !1, Q.process(C));
+      M = !0, [g, B] = [B, g], g.forEach(Q), g.clear(), M = !1, D && (D = !1, w.process(C));
     }
   };
-  return Q;
+  return w;
 }
 const Yg = [
   "read",
@@ -1401,21 +1412,21 @@ function we(A, g) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, t = () => B = !0, e = Yg.reduce((l, c) => (l[c] = nw(t), l), {}), { read: w, resolveKeyframes: Q, update: C, preRender: s, render: o, postRender: I } = e, n = () => {
-    const l = performance.now();
-    B = !1, D.delta = M ? 1e3 / 60 : Math.max(Math.min(l - D.timestamp, rw), 1), D.timestamp = l, D.isProcessing = !0, w.process(D), Q.process(D), C.process(D), s.process(D), o.process(D), I.process(D), D.isProcessing = !1, B && g && (M = !1, A(n));
+  }, t = () => B = !0, e = Yg.reduce((G, a) => (G[a] = nw(t), G), {}), { read: Q, resolveKeyframes: w, update: C, preRender: s, render: o, postRender: I } = e, n = () => {
+    const G = performance.now();
+    B = !1, D.delta = M ? 1e3 / 60 : Math.max(Math.min(G - D.timestamp, rw), 1), D.timestamp = G, D.isProcessing = !0, Q.process(D), w.process(D), C.process(D), s.process(D), o.process(D), I.process(D), D.isProcessing = !1, B && g && (M = !1, A(n));
   }, r = () => {
     B = !0, M = !0, D.isProcessing || A(n);
   };
-  return { schedule: Yg.reduce((l, c) => {
-    const y = e[c];
-    return l[c] = (Z, a = !1, V = !1) => (B || r(), y.schedule(Z, a, V)), l;
-  }, {}), cancel: (l) => {
-    for (let c = 0; c < Yg.length; c++)
-      e[Yg[c]].cancel(l);
+  return { schedule: Yg.reduce((G, a) => {
+    const U = e[a];
+    return G[a] = (q, c = !1, V = !1) => (B || r(), U.schedule(q, c, V)), G;
+  }, {}), cancel: (G) => {
+    for (let a = 0; a < Yg.length; a++)
+      e[Yg[a]].cancel(G);
   }, state: D, steps: e };
 }
-const { schedule: h, cancel: uA, state: j, steps: Xg } = we(typeof requestAnimationFrame < "u" ? requestAnimationFrame : gA, !0), Qe = SA({ strict: !1 }), dM = {
+const { schedule: J, cancel: uA, state: j, steps: Xg } = we(typeof requestAnimationFrame < "u" ? requestAnimationFrame : gA, !0), Qe = SA({ strict: !1 }), dM = {
   animation: [
     "animate",
     "variants",
@@ -1572,10 +1583,10 @@ function yw(A, g, B) {
 const xB = (A) => A.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Uw = "framerAppearId", se = "data-" + xB(Uw), { schedule: WB, cancel: Mo } = we(queueMicrotask, !1), oe = SA({});
 function Zw(A, g, B, M, D) {
   var t, e;
-  const { visualElement: w } = $(Fg), Q = $(Qe), C = $(HB), s = $(ee).reducedMotion, o = AA(null);
-  M = M || Q.renderer, !o.current && M && (o.current = M(A, {
+  const { visualElement: Q } = $(Fg), w = $(Qe), C = $(HB), s = $(ee).reducedMotion, o = AA(null);
+  M = M || w.renderer, !o.current && M && (o.current = M(A, {
     visualState: g,
-    parent: w,
+    parent: Q,
     props: B,
     presenceContext: C,
     blockInitialAnimation: C ? C.initial === !1 : !1,
@@ -1587,22 +1598,22 @@ function Zw(A, g, B, M, D) {
   Pt(() => {
     I && r.current && I.update(B, C);
   });
-  const E = B[se], G = AA(!!E && !(!((t = window.MotionHandoffIsComplete) === null || t === void 0) && t.call(window, E)) && ((e = window.MotionHasOptimisedAnimation) === null || e === void 0 ? void 0 : e.call(window, E)));
+  const E = B[se], l = AA(!!E && !(!((t = window.MotionHandoffIsComplete) === null || t === void 0) && t.call(window, E)) && ((e = window.MotionHasOptimisedAnimation) === null || e === void 0 ? void 0 : e.call(window, E)));
   return te(() => {
-    I && (r.current = !0, window.MotionIsMounted = !0, I.updateFeatures(), WB.render(I.render), G.current && I.animationState && I.animationState.animateChanges());
+    I && (r.current = !0, window.MotionIsMounted = !0, I.updateFeatures(), WB.render(I.render), l.current && I.animationState && I.animationState.animateChanges());
   }), O(() => {
-    I && (!G.current && I.animationState && I.animationState.animateChanges(), G.current && (queueMicrotask(() => {
-      var l;
-      (l = window.MotionHandoffMarkAsComplete) === null || l === void 0 || l.call(window, E);
-    }), G.current = !1));
+    I && (!l.current && I.animationState && I.animationState.animateChanges(), l.current && (queueMicrotask(() => {
+      var G;
+      (G = window.MotionHandoffMarkAsComplete) === null || G === void 0 || G.call(window, E);
+    }), l.current = !1));
   }), I;
 }
 function Vw(A, g, B, M) {
-  const { layoutId: D, layout: t, drag: e, dragConstraints: w, layoutScroll: Q, layoutRoot: C } = g;
+  const { layoutId: D, layout: t, drag: e, dragConstraints: Q, layoutScroll: w, layoutRoot: C } = g;
   A.projection = new B(A.latestValues, g["data-framer-portal-id"] ? void 0 : Ie(A.parent)), A.projection.setOptions({
     layoutId: D,
     layout: t,
-    alwaysMeasureLayout: !!e || w && zA(w),
+    alwaysMeasureLayout: !!e || Q && zA(Q),
     visualElement: A,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -1613,7 +1624,7 @@ function Vw(A, g, B, M) {
      */
     animationType: typeof t == "string" ? t : "both",
     initialPromotionConfig: M,
-    layoutScroll: Q,
+    layoutScroll: w,
     layoutRoot: C
   });
 }
@@ -1624,7 +1635,7 @@ function Ie(A) {
 function fw({ preloadedFeatures: A, createVisualElement: g, useRender: B, useVisualState: M, Component: D }) {
   var t, e;
   A && Ew(A);
-  function w(C, s) {
+  function Q(C, s) {
     let o;
     const I = {
       ...$(ee),
@@ -1633,14 +1644,14 @@ function fw({ preloadedFeatures: A, createVisualElement: g, useRender: B, useVis
     }, { isStatic: n } = I, r = uw(C), E = M(C, n);
     if (!n && TB) {
       qw(I, A);
-      const G = kw(I);
-      o = G.MeasureLayout, r.visualElement = Zw(D, E, I, g, G.ProjectionNode);
+      const l = kw(I);
+      o = l.MeasureLayout, r.visualElement = Zw(D, E, I, g, l.ProjectionNode);
     }
-    return m(Fg.Provider, { value: r, children: [o && r.visualElement ? i(o, { visualElement: r.visualElement, ...I }) : null, B(D, C, yw(E, r.visualElement, s), E, n, r.visualElement)] });
+    return y(Fg.Provider, { value: r, children: [o && r.visualElement ? i(o, { visualElement: r.visualElement, ...I }) : null, B(D, C, yw(E, r.visualElement, s), E, n, r.visualElement)] });
   }
-  w.displayName = `motion.${typeof D == "string" ? D : `create(${(e = (t = D.displayName) !== null && t !== void 0 ? t : D.name) !== null && e !== void 0 ? e : ""})`}`;
-  const Q = N(w);
-  return Q[mw] = D, Q;
+  Q.displayName = `motion.${typeof D == "string" ? D : `create(${(e = (t = D.displayName) !== null && t !== void 0 ? t : D.name) !== null && e !== void 0 ? e : ""})`}`;
+  const w = N(Q);
+  return w[mw] = D, w;
 }
 function dw({ layoutId: A }) {
   const g = $(Me).id;
@@ -1737,7 +1748,7 @@ function hw({ scrapeMotionValuesFromProps: A, createRenderState: g, onUpdate: B
     latestValues: Jw(M, D, t, A),
     renderState: g()
   };
-  return B && (e.onMount = (w) => B({ props: M, current: w, ...e }), e.onUpdate = (w) => B(w)), e;
+  return B && (e.onMount = (Q) => B({ props: M, current: Q, ...e }), e.onUpdate = (Q) => B(Q)), e;
 }
 const ne = (A) => (g, B) => {
   const M = $(Fg), D = $(HB), t = () => hw(A, g, M, D);
@@ -1747,28 +1758,28 @@ function Jw(A, g, B, M) {
   const D = {}, t = M(A, {});
   for (const I in t)
     D[I] = yg(t[I]);
-  let { initial: e, animate: w } = A;
-  const Q = Og(A), C = ie(A);
-  g && C && !Q && A.inherit !== !1 && (e === void 0 && (e = g.initial), w === void 0 && (w = g.animate));
+  let { initial: e, animate: Q } = A;
+  const w = Og(A), C = ie(A);
+  g && C && !w && A.inherit !== !1 && (e === void 0 && (e = g.initial), Q === void 0 && (Q = g.animate));
   let s = B ? B.initial === !1 : !1;
   s = s || e === !1;
-  const o = s ? w : e;
+  const o = s ? Q : e;
   if (o && typeof o != "boolean" && !bg(o)) {
     const I = Array.isArray(o) ? o : [o];
     for (let n = 0; n < I.length; n++) {
       const r = _B(A, I[n]);
       if (r) {
-        const { transitionEnd: E, transition: G, ...l } = r;
-        for (const c in l) {
-          let y = l[c];
-          if (Array.isArray(y)) {
-            const Z = s ? y.length - 1 : 0;
-            y = y[Z];
+        const { transitionEnd: E, transition: l, ...G } = r;
+        for (const a in G) {
+          let U = G[a];
+          if (Array.isArray(U)) {
+            const q = s ? U.length - 1 : 0;
+            U = U[q];
           }
-          y !== null && (D[c] = y);
+          U !== null && (D[a] = U);
         }
-        for (const c in E)
-          D[c] = E[c];
+        for (const a in E)
+          D[a] = E[a];
       }
     }
   }
@@ -1892,13 +1903,13 @@ const NA = [
 function Hw(A, g, B) {
   let M = "", D = !0;
   for (let t = 0; t < jw; t++) {
-    const e = NA[t], w = A[e];
-    if (w === void 0)
+    const e = NA[t], Q = A[e];
+    if (Q === void 0)
       continue;
-    let Q = !0;
-    if (typeof w == "number" ? Q = w === (e.startsWith("scale") ? 1 : 0) : Q = parseFloat(w) === 0, !Q || B) {
-      const C = le(w, gM[e]);
-      if (!Q) {
+    let w = !0;
+    if (typeof Q == "number" ? w = Q === (e.startsWith("scale") ? 1 : 0) : w = parseFloat(Q) === 0, !w || B) {
+      const C = le(Q, gM[e]);
+      if (!w) {
         D = !1;
         const s = Ow[e] || e;
         M += `${s}(${C}) `;
@@ -1910,23 +1921,23 @@ function Hw(A, g, B) {
 }
 function BM(A, g, B) {
   const { style: M, vars: D, transformOrigin: t } = A;
-  let e = !1, w = !1;
-  for (const Q in g) {
-    const C = g[Q];
-    if (RA.has(Q)) {
+  let e = !1, Q = !1;
+  for (const w in g) {
+    const C = g[w];
+    if (RA.has(w)) {
       e = !0;
       continue;
-    } else if (Ee(Q)) {
-      D[Q] = C;
+    } else if (Ee(w)) {
+      D[w] = C;
       continue;
     } else {
-      const s = le(C, gM[Q]);
-      Q.startsWith("origin") ? (w = !0, t[Q] = s) : M[Q] = s;
+      const s = le(C, gM[w]);
+      w.startsWith("origin") ? (Q = !0, t[w] = s) : M[w] = s;
     }
   }
-  if (g.transform || (e || B ? M.transform = Hw(g, A.transform, B) : M.transform && (M.transform = "none")), w) {
-    const { originX: Q = "50%", originY: C = "50%", originZ: s = 0 } = t;
-    M.transformOrigin = `${Q} ${C} ${s}`;
+  if (g.transform || (e || B ? M.transform = Hw(g, A.transform, B) : M.transform && (M.transform = "none")), Q) {
+    const { originX: w = "50%", originY: C = "50%", originZ: s = 0 } = t;
+    M.transformOrigin = `${w} ${C} ${s}`;
   }
 }
 const Tw = {
@@ -1940,8 +1951,8 @@ function Xw(A, g, B = 1, M = 0, D = !0) {
   A.pathLength = 1;
   const t = D ? Tw : Sw;
   A[t.offset] = d.transform(-M);
-  const e = d.transform(g), w = d.transform(B);
-  A[t.array] = `${e} ${w}`;
+  const e = d.transform(g), Q = d.transform(B);
+  A[t.array] = `${e} ${Q}`;
 }
 function hM(A, g, B) {
   return typeof A == "string" ? A : d.transform(g + B * A);
@@ -1957,8 +1968,8 @@ function MM(A, {
   originX: D,
   originY: t,
   pathLength: e,
-  pathSpacing: w = 1,
-  pathOffset: Q = 0,
+  pathSpacing: Q = 1,
+  pathOffset: w = 0,
   // This is object creation, which we try to avoid per-frame.
   ...C
 }, s, o) {
@@ -1968,7 +1979,7 @@ function MM(A, {
   }
   A.attrs = A.style, A.style = {};
   const { attrs: I, style: n, dimensions: r } = A;
-  I.transform && (r && (n.transform = I.transform), delete I.transform), r && (D !== void 0 || t !== void 0 || n.transform) && (n.transformOrigin = Nw(r, D !== void 0 ? D : 0.5, t !== void 0 ? t : 0.5)), g !== void 0 && (I.x = g), B !== void 0 && (I.y = B), M !== void 0 && (I.scale = M), e !== void 0 && Xw(I, e, w, Q, !1);
+  I.transform && (r && (n.transform = I.transform), delete I.transform), r && (D !== void 0 || t !== void 0 || n.transform) && (n.transformOrigin = Nw(r, D !== void 0 ? D : 0.5, t !== void 0 ? t : 0.5)), g !== void 0 && (I.x = g), B !== void 0 && (I.y = B), M !== void 0 && (I.scale = M), e !== void 0 && Xw(I, e, Q, w, !1);
 }
 const DM = () => ({
   style: {},
@@ -2058,8 +2069,8 @@ const JM = ["x", "y", "width", "height", "cx", "cy", "r"], $w = {
         return;
       let t = !!A.drag;
       if (!t) {
-        for (const w in D)
-          if (RA.has(w)) {
+        for (const Q in D)
+          if (RA.has(Q)) {
             t = !0;
             break;
           }
@@ -2068,12 +2079,12 @@ const JM = ["x", "y", "width", "height", "cx", "cy", "r"], $w = {
         return;
       let e = !g;
       if (g)
-        for (let w = 0; w < JM.length; w++) {
-          const Q = JM[w];
-          A[Q] !== g[Q] && (e = !0);
+        for (let Q = 0; Q < JM.length; Q++) {
+          const w = JM[Q];
+          A[w] !== g[w] && (e = !0);
         }
-      e && h.read(() => {
-        Ww(B, M), h.render(() => {
+      e && J.read(() => {
+        Ww(B, M), J.render(() => {
           MM(M, D, eM(B.tagName), A.transformTemplate), Ye(B, M);
         });
       });
@@ -2119,7 +2130,7 @@ function MQ(A, g, B, M) {
 }
 function DQ(A = !1) {
   return (B, M, D, { latestValues: t }, e) => {
-    const Q = ($B(B) ? MQ : BQ)(M, t, e, B), C = aw(M, typeof B == "string", A), s = B !== SD ? { ...C, ...Q, ref: D } : {}, { children: o } = M, I = Pg(() => X(o) ? o.get() : o, [o]);
+    const w = ($B(B) ? MQ : BQ)(M, t, e, B), C = aw(M, typeof B == "string", A), s = B !== SD ? { ...C, ...w, ref: D } : {}, { children: o } = M, I = Pg(() => X(o) ? o.get() : o, [o]);
     return Lt(B, {
       ...s,
       children: I
@@ -2319,19 +2330,19 @@ function vM(A) {
   return !(A.pointerType === "touch" || qe());
 }
 function sQ(A, g, B = {}) {
-  const [M, D, t] = Ke(A, B), e = (w) => {
-    if (!vM(w))
+  const [M, D, t] = Ke(A, B), e = (Q) => {
+    if (!vM(Q))
       return;
-    const { target: Q } = w, C = g(Q, w);
-    if (typeof C != "function" || !Q)
+    const { target: w } = Q, C = g(w, Q);
+    if (typeof C != "function" || !w)
       return;
     const s = (o) => {
-      vM(o) && (C(o), Q.removeEventListener("pointerleave", s));
+      vM(o) && (C(o), w.removeEventListener("pointerleave", s));
     };
-    Q.addEventListener("pointerleave", s, D);
+    w.addEventListener("pointerleave", s, D);
   };
-  return M.forEach((w) => {
-    w.addEventListener("pointerenter", e, D);
+  return M.forEach((Q) => {
+    Q.addEventListener("pointerenter", e, D);
   }), t;
 }
 const pe = (A, g) => g ? A === g ? !0 : pe(A, g.parentElement) : !1, iM = (A) => A.pointerType === "mouse" ? typeof A.button != "number" || A.button <= 0 : A.isPrimary !== !1, oQ = /* @__PURE__ */ new Set([
@@ -2372,22 +2383,22 @@ function LM(A) {
   return iM(A) && !qe();
 }
 function rQ(A, g, B = {}) {
-  const [M, D, t] = Ke(A, B), e = (w) => {
-    const Q = w.currentTarget;
-    if (!LM(w) || Bg.has(Q))
+  const [M, D, t] = Ke(A, B), e = (Q) => {
+    const w = Q.currentTarget;
+    if (!LM(Q) || Bg.has(w))
       return;
-    Bg.add(Q);
-    const C = g(Q, w), s = (n, r) => {
-      window.removeEventListener("pointerup", o), window.removeEventListener("pointercancel", I), !(!LM(n) || !Bg.has(Q)) && (Bg.delete(Q), typeof C == "function" && C(n, { success: r }));
+    Bg.add(w);
+    const C = g(w, Q), s = (n, r) => {
+      window.removeEventListener("pointerup", o), window.removeEventListener("pointercancel", I), !(!LM(n) || !Bg.has(w)) && (Bg.delete(w), typeof C == "function" && C(n, { success: r }));
     }, o = (n) => {
-      s(n, B.useGlobalTarget || pe(Q, n.target));
+      s(n, B.useGlobalTarget || pe(w, n.target));
     }, I = (n) => {
       s(n, !1);
     };
     window.addEventListener("pointerup", o, D), window.addEventListener("pointercancel", I, D);
   };
-  return M.forEach((w) => {
-    !IQ(w) && w.getAttribute("tabindex") === null && (w.tabIndex = 0), (B.useGlobalTarget ? window : w).addEventListener("pointerdown", e, D), w.addEventListener("focus", (C) => nQ(C, D), D);
+  return M.forEach((Q) => {
+    !IQ(Q) && Q.getAttribute("tabindex") === null && (Q.tabIndex = 0), (B.useGlobalTarget ? window : Q).addEventListener("pointerdown", e, D), Q.addEventListener("focus", (C) => nQ(C, D), D);
   }), t;
 }
 function EQ(A) {
@@ -2520,7 +2531,7 @@ class aQ {
     this.events[g] || (this.events[g] = new IM());
     const M = this.events[g].add(B);
     return g === "change" ? () => {
-      M(), h.read(() => {
+      M(), J.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : M;
@@ -2657,8 +2668,8 @@ function nM(A, g) {
   let { transitionEnd: M = {}, transition: D = {}, ...t } = B || {};
   t = { ...t, ...M };
   for (const e in t) {
-    const w = Rw(t[e]);
-    cQ(A, e, w);
+    const Q = Rw(t[e]);
+    cQ(A, e, Q);
   }
 }
 function YQ(A) {
@@ -2674,10 +2685,10 @@ function Je(A) {
 }
 const ze = (A, g, B) => (((1 - 3 * B + 3 * g) * A + (3 * B - 6 * g)) * A + 3 * g) * A, uQ = 1e-7, mQ = 12;
 function yQ(A, g, B, M, D) {
-  let t, e, w = 0;
+  let t, e, Q = 0;
   do
     e = g + (B - g) / 2, t = ze(e, M, D) - A, t > 0 ? B = e : g = e;
-  while (Math.abs(t) > uQ && ++w < mQ);
+  while (Math.abs(t) > uQ && ++Q < mQ);
   return e;
 }
 function Eg(A, g, B, M) {
@@ -2697,12 +2708,12 @@ function ZQ(A) {
 const VQ = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, GM = (A, g) => (B) => !!(typeof B == "string" && VQ.test(B) && B.startsWith(A) || g && !ZQ(B) && Object.prototype.hasOwnProperty.call(B, g)), Te = (A, g, B) => (M) => {
   if (typeof M != "string")
     return M;
-  const [D, t, e, w] = M.match(lM);
+  const [D, t, e, Q] = M.match(lM);
   return {
     [A]: parseFloat(D),
     [g]: parseFloat(t),
     [B]: parseFloat(e),
-    alpha: w !== void 0 ? parseFloat(w) : 1
+    alpha: Q !== void 0 ? parseFloat(Q) : 1
   };
 }, fQ = (A) => aA(0, 255, A), xg = {
   ...xA,
@@ -2746,8 +2757,8 @@ function Ig(A) {
     var: []
   }, D = [];
   let t = 0;
-  const w = g.replace(RQ, (Q) => (S.test(Q) ? (M.color.push(t), D.push(Xe), B.push(S.parse(Q))) : Q.startsWith(pQ) ? (M.var.push(t), D.push(KQ), B.push(Q)) : (M.number.push(t), D.push(Se), B.push(parseFloat(Q))), ++t, bM)).split(bM);
-  return { values: B, split: w, indexes: M, types: D };
+  const Q = g.replace(RQ, (w) => (S.test(w) ? (M.color.push(t), D.push(Xe), B.push(S.parse(w))) : w.startsWith(pQ) ? (M.var.push(t), D.push(KQ), B.push(w)) : (M.number.push(t), D.push(Se), B.push(parseFloat(w))), ++t, bM)).split(bM);
+  return { values: B, split: Q, indexes: M, types: D };
 }
 function Ne(A) {
   return Ig(A).values;
@@ -2758,8 +2769,8 @@ function xe(A) {
     let t = "";
     for (let e = 0; e < M; e++)
       if (t += g[e], D[e] !== void 0) {
-        const w = B[e];
-        w === Se ? t += eg(D[e]) : w === Xe ? t += S.transform(D[e]) : t += D[e];
+        const Q = B[e];
+        Q === Se ? t += eg(D[e]) : Q === Xe ? t += S.transform(D[e]) : t += D[e];
       }
     return t;
   };
@@ -2868,8 +2879,8 @@ function $e() {
       M.render();
       const D = B.get(M);
       D && D.forEach(([t, e]) => {
-        var w;
-        (w = M.getValue(t)) === null || w === void 0 || w.set(e);
+        var Q;
+        (Q = M.getValue(t)) === null || Q === void 0 || Q.set(e);
       });
     }), A.forEach((M) => M.measureEndState()), A.forEach((M) => {
       M.suspendedScrollY !== void 0 && window.scrollTo(0, M.suspendedScrollY);
@@ -2890,21 +2901,21 @@ class cM {
     this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...g], this.onComplete = B, this.name = M, this.motionValue = D, this.element = t, this.isAsync = e;
   }
   scheduleResolve() {
-    this.isScheduled = !0, this.isAsync ? (kA.add(this), oB || (oB = !0, h.read(_e), h.resolveKeyframes($e))) : (this.readKeyframes(), this.complete());
+    this.isScheduled = !0, this.isAsync ? (kA.add(this), oB || (oB = !0, J.read(_e), J.resolveKeyframes($e))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: g, name: B, element: M, motionValue: D } = this;
     for (let t = 0; t < g.length; t++)
       if (g[t] === null)
         if (t === 0) {
-          const e = D == null ? void 0 : D.get(), w = g[g.length - 1];
+          const e = D == null ? void 0 : D.get(), Q = g[g.length - 1];
           if (e !== void 0)
             g[0] = e;
           else if (M && B) {
-            const Q = M.readValue(B, w);
-            Q != null && (g[0] = Q);
+            const w = M.readValue(B, Q);
+            w != null && (g[0] = w);
           }
-          g[0] === void 0 && (g[0] = w), D && e === void 0 && D.set(g[0]);
+          g[0] === void 0 && (g[0] = Q), D && e === void 0 && D.set(g[0]);
         } else
           g[t] = g[t - 1];
   }
@@ -2963,21 +2974,21 @@ class Dt extends cM {
     if (!B || !B.current)
       return;
     super.readKeyframes();
-    for (let Q = 0; Q < g.length; Q++) {
-      let C = g[Q];
+    for (let w = 0; w < g.length; w++) {
+      let C = g[w];
       if (typeof C == "string" && (C = C.trim(), AM(C))) {
         const s = gt(C, B.current);
-        s !== void 0 && (g[Q] = s), Q === g.length - 1 && (this.finalKeyframe = C);
+        s !== void 0 && (g[w] = s), w === g.length - 1 && (this.finalKeyframe = C);
       }
     }
     if (this.resolveNoneKeyframes(), !Re.has(M) || g.length !== 2)
       return;
-    const [D, t] = g, e = TM(D), w = TM(t);
-    if (e !== w)
-      if (OM(e) && OM(w))
-        for (let Q = 0; Q < g.length; Q++) {
-          const C = g[Q];
-          typeof C == "string" && (g[Q] = parseFloat(C));
+    const [D, t] = g, e = TM(D), Q = TM(t);
+    if (e !== Q)
+      if (OM(e) && OM(Q))
+        for (let w = 0; w < g.length; w++) {
+          const C = g[w];
+          typeof C == "string" && (g[w] = parseFloat(C));
         }
       else
         this.needsMeasurement = !0;
@@ -3003,9 +3014,9 @@ class Dt extends cM {
       return;
     const t = B.getValue(M);
     t && t.jump(this.measuredOrigin, !1);
-    const e = D.length - 1, w = D[e];
-    D[e] = TA[M](B.measureViewportBox(), window.getComputedStyle(B.current)), w !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = w), !((g = this.removedTransforms) === null || g === void 0) && g.length && this.removedTransforms.forEach(([Q, C]) => {
-      B.getValue(Q).set(C);
+    const e = D.length - 1, Q = D[e];
+    D[e] = TA[M](B.measureViewportBox(), window.getComputedStyle(B.current)), Q !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = Q), !((g = this.removedTransforms) === null || g === void 0) && g.length && this.removedTransforms.forEach(([w, C]) => {
+      B.getValue(w).set(C);
     }), this.resolveNoneKeyframes();
   }
 }
@@ -3026,8 +3037,8 @@ function $Q(A, g, B, M) {
     return !1;
   if (g === "display" || g === "visibility")
     return !0;
-  const t = A[A.length - 1], e = SM(D, g), w = SM(t, g);
-  return XA(e === w, `You are trying to animate ${g} from "${D}" to "${t}". ${D} is not an animatable value - to enable this animation set ${D} to a value animatable to ${t} via the \`style\` property.`), !e || !w ? !1 : WQ(A) || (B === "spring" || QM(B)) && M;
+  const t = A[A.length - 1], e = SM(D, g), Q = SM(t, g);
+  return XA(e === Q, `You are trying to animate ${g} from "${D}" to "${t}". ${D} is not an animatable value - to enable this animation set ${D} to a value animatable to ${t} via the \`style\` property.`), !e || !Q ? !1 : WQ(A) || (B === "spring" || QM(B)) && M;
 }
 const _Q = (A) => A !== null;
 function Hg(A, { repeat: g, repeatType: B = "loop" }, M) {
@@ -3036,7 +3047,7 @@ function Hg(A, { repeat: g, repeatType: B = "loop" }, M) {
 }
 const AC = 40;
 class et {
-  constructor({ autoplay: g = !0, delay: B = 0, type: M = "keyframes", repeat: D = 0, repeatDelay: t = 0, repeatType: e = "loop", ...w }) {
+  constructor({ autoplay: g = !0, delay: B = 0, type: M = "keyframes", repeat: D = 0, repeatDelay: t = 0, repeatType: e = "loop", ...Q }) {
     this.isStopped = !1, this.hasAttemptedResolve = !1, this.createdAt = IA.now(), this.options = {
       autoplay: g,
       delay: B,
@@ -3044,7 +3055,7 @@ class et {
       repeat: D,
       repeatDelay: t,
       repeatType: e,
-      ...w
+      ...Q
     }, this.updateFinishedPromise();
   }
   /**
@@ -3075,12 +3086,12 @@ class et {
    */
   onKeyframesResolved(g, B) {
     this.resolvedAt = IA.now(), this.hasAttemptedResolve = !0;
-    const { name: M, type: D, velocity: t, delay: e, onComplete: w, onUpdate: Q, isGenerator: C } = this.options;
+    const { name: M, type: D, velocity: t, delay: e, onComplete: Q, onUpdate: w, isGenerator: C } = this.options;
     if (!C && !$Q(g, M, D, t))
       if (e)
         this.options.duration = 0;
       else {
-        Q && Q(Hg(g, this.options, B)), w && w(), this.resolveFinishedPromise();
+        w && w(Hg(g, this.options, B)), Q && Q(), this.resolveFinishedPromise();
         return;
       }
     const s = this.initPlayback(g, B);
@@ -3109,7 +3120,7 @@ class et {
     });
   }
 }
-const v = (A, g, B) => A + (g - A) * B;
+const P = (A, g, B) => A + (g - A) * B;
 function Wg(A, g, B) {
   return B < 0 && (B += 1), B > 1 && (B -= 1), B < 1 / 6 ? A + (g - A) * 6 * B : B < 1 / 2 ? g : B < 2 / 3 ? A + (g - A) * (2 / 3 - B) * 6 : A;
 }
@@ -3119,8 +3130,8 @@ function gC({ hue: A, saturation: g, lightness: B, alpha: M }) {
   if (!g)
     D = t = e = B;
   else {
-    const w = B < 0.5 ? B * (1 + g) : B + g - B * g, Q = 2 * B - w;
-    D = Wg(Q, w, A + 1 / 3), t = Wg(Q, w, A), e = Wg(Q, w, A - 1 / 3);
+    const Q = B < 0.5 ? B * (1 + g) : B + g - B * g, w = 2 * B - Q;
+    D = Wg(w, Q, A + 1 / 3), t = Wg(w, Q, A), e = Wg(w, Q, A - 1 / 3);
   }
   return {
     red: Math.round(D * 255),
@@ -3148,13 +3159,13 @@ const NM = (A, g) => {
   if (!B || !M)
     return pg(A, g);
   const D = { ...B };
-  return (t) => (D.red = $g(B.red, M.red, t), D.green = $g(B.green, M.green, t), D.blue = $g(B.blue, M.blue, t), D.alpha = v(B.alpha, M.alpha, t), qA.transform(D));
+  return (t) => (D.red = $g(B.red, M.red, t), D.green = $g(B.green, M.green, t), D.blue = $g(B.blue, M.blue, t), D.alpha = P(B.alpha, M.alpha, t), qA.transform(D));
 }, DC = (A, g) => (B) => g(A(B)), lg = (...A) => A.reduce(DC), nB = /* @__PURE__ */ new Set(["none", "hidden"]);
 function eC(A, g) {
   return nB.has(A) ? (B) => B <= 0 ? A : g : (B) => B >= 1 ? g : A;
 }
 function tC(A, g) {
-  return (B) => v(A, g, B);
+  return (B) => P(A, g, B);
 }
 function YM(A) {
   return typeof A == "number" ? tC : typeof A == "string" ? AM(A) ? pg : S.test(A) ? NM : CC : Array.isArray(A) ? tt : typeof A == "object" ? S.test(A) ? NM : wC : pg;
@@ -3181,8 +3192,8 @@ function QC(A, g) {
   var B;
   const M = [], D = { color: 0, var: 0, number: 0 };
   for (let t = 0; t < g.values.length; t++) {
-    const e = g.types[t], w = A.indexes[e][D[e]], Q = (B = A.values[w]) !== null && B !== void 0 ? B : 0;
-    M[t] = Q, D[e]++;
+    const e = g.types[t], Q = A.indexes[e][D[e]], w = (B = A.values[Q]) !== null && B !== void 0 ? B : 0;
+    M[t] = w, D[e]++;
   }
   return M;
 }
@@ -3191,14 +3202,14 @@ const CC = (A, g) => {
   return M.indexes.var.length === D.indexes.var.length && M.indexes.color.length === D.indexes.color.length && M.indexes.number.length >= D.indexes.number.length ? nB.has(A) && !D.values.length || nB.has(g) && !M.values.length ? eC(A, g) : lg(tt(QC(M, D), D.values), B) : (XA(!0, `Complex values '${A}' and '${g}' 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.`), pg(A, g));
 };
 function wt(A, g, B) {
-  return typeof A == "number" && typeof g == "number" && typeof B == "number" ? v(A, g, B) : YM(A)(A, g);
+  return typeof A == "number" && typeof g == "number" && typeof B == "number" ? P(A, g, B) : YM(A)(A, g);
 }
 const iC = 5;
 function Qt(A, g, B) {
   const M = Math.max(g - iC, 0);
   return he(B - A(M), g - M);
 }
-const z = {
+const v = {
   // Default spring physics
   stiffness: 100,
   damping: 10,
@@ -3227,11 +3238,11 @@ const z = {
   minDamping: 0.05,
   maxDamping: 1
 }, xM = 1e-3;
-function sC({ duration: A = z.duration, bounce: g = z.bounce, velocity: B = z.velocity, mass: M = z.mass }) {
+function sC({ duration: A = v.duration, bounce: g = v.bounce, velocity: B = v.velocity, mass: M = v.mass }) {
   let D, t;
-  XA(A <= /* @__PURE__ */ sA(z.maxDuration), "Spring duration must be 10 seconds or less");
+  XA(A <= /* @__PURE__ */ sA(v.maxDuration), "Spring duration must be 10 seconds or less");
   let e = 1 - g;
-  e = aA(z.minDamping, z.maxDamping, e), A = aA(z.minDuration, z.maxDuration, /* @__PURE__ */ GA(A)), e < 1 ? (D = (C) => {
+  e = aA(v.minDamping, v.maxDamping, e), A = aA(v.minDuration, v.maxDuration, /* @__PURE__ */ GA(A)), e < 1 ? (D = (C) => {
     const s = C * e, o = s * A, I = s - B, n = rB(C, e), r = Math.exp(-o);
     return xM - I / n * r;
   }, t = (C) => {
@@ -3244,15 +3255,15 @@ function sC({ duration: A = z.duration, bounce: g = z.bounce, velocity: B = z.ve
     const s = Math.exp(-C * A), o = (B - C) * (A * A);
     return s * o;
   });
-  const w = 5 / A, Q = IC(D, t, w);
-  if (A = /* @__PURE__ */ sA(A), isNaN(Q))
+  const Q = 5 / A, w = IC(D, t, Q);
+  if (A = /* @__PURE__ */ sA(A), isNaN(w))
     return {
-      stiffness: z.stiffness,
-      damping: z.damping,
+      stiffness: v.stiffness,
+      damping: v.damping,
       duration: A
     };
   {
-    const C = Math.pow(Q, 2) * M;
+    const C = Math.pow(w, 2) * M;
     return {
       stiffness: C,
       damping: e * 2 * Math.sqrt(M * C),
@@ -3276,10 +3287,10 @@ function WM(A, g) {
 }
 function EC(A) {
   let g = {
-    velocity: z.velocity,
-    stiffness: z.stiffness,
-    damping: z.damping,
-    mass: z.mass,
+    velocity: v.velocity,
+    stiffness: v.stiffness,
+    damping: v.damping,
+    mass: v.mass,
     isResolvedFromDuration: !1,
     ...A
   };
@@ -3288,7 +3299,7 @@ function EC(A) {
       const B = A.visualDuration, M = 2 * Math.PI / (B * 1.2), D = M * M, t = 2 * aA(0.05, 1, 1 - (A.bounce || 0)) * Math.sqrt(D);
       g = {
         ...g,
-        mass: z.mass,
+        mass: v.mass,
         stiffness: D,
         damping: t
       };
@@ -3297,77 +3308,77 @@ function EC(A) {
       g = {
         ...g,
         ...B,
-        mass: z.mass
+        mass: v.mass
       }, g.isResolvedFromDuration = !0;
     }
   return g;
 }
-function Ct(A = z.visualDuration, g = z.bounce) {
+function Ct(A = v.visualDuration, g = v.bounce) {
   const B = typeof A != "object" ? {
     visualDuration: A,
     keyframes: [0, 1],
     bounce: g
   } : A;
   let { restSpeed: M, restDelta: D } = B;
-  const t = B.keyframes[0], e = B.keyframes[B.keyframes.length - 1], w = { done: !1, value: t }, { stiffness: Q, damping: C, mass: s, duration: o, velocity: I, isResolvedFromDuration: n } = EC({
+  const t = B.keyframes[0], e = B.keyframes[B.keyframes.length - 1], Q = { done: !1, value: t }, { stiffness: w, damping: C, mass: s, duration: o, velocity: I, isResolvedFromDuration: n } = EC({
     ...B,
     velocity: -/* @__PURE__ */ GA(B.velocity || 0)
-  }), r = I || 0, E = C / (2 * Math.sqrt(Q * s)), G = e - t, l = /* @__PURE__ */ GA(Math.sqrt(Q / s)), c = Math.abs(G) < 5;
-  M || (M = c ? z.restSpeed.granular : z.restSpeed.default), D || (D = c ? z.restDelta.granular : z.restDelta.default);
-  let y;
+  }), r = I || 0, E = C / (2 * Math.sqrt(w * s)), l = e - t, G = /* @__PURE__ */ GA(Math.sqrt(w / s)), a = Math.abs(l) < 5;
+  M || (M = a ? v.restSpeed.granular : v.restSpeed.default), D || (D = a ? v.restDelta.granular : v.restDelta.default);
+  let U;
   if (E < 1) {
-    const a = rB(l, E);
-    y = (V) => {
-      const f = Math.exp(-E * l * V);
-      return e - f * ((r + E * l * G) / a * Math.sin(a * V) + G * Math.cos(a * V));
+    const c = rB(G, E);
+    U = (V) => {
+      const Z = Math.exp(-E * G * V);
+      return e - Z * ((r + E * G * l) / c * Math.sin(c * V) + l * Math.cos(c * V));
     };
   } else if (E === 1)
-    y = (a) => e - Math.exp(-l * a) * (G + (r + l * G) * a);
+    U = (c) => e - Math.exp(-G * c) * (l + (r + G * l) * c);
   else {
-    const a = l * Math.sqrt(E * E - 1);
-    y = (V) => {
-      const f = Math.exp(-E * l * V), U = Math.min(a * V, 300);
-      return e - f * ((r + E * l * G) * Math.sinh(U) + a * G * Math.cosh(U)) / a;
+    const c = G * Math.sqrt(E * E - 1);
+    U = (V) => {
+      const Z = Math.exp(-E * G * V), u = Math.min(c * V, 300);
+      return e - Z * ((r + E * G * l) * Math.sinh(u) + c * l * Math.cosh(u)) / c;
     };
   }
-  const Z = {
+  const q = {
     calculatedDuration: n && o || null,
-    next: (a) => {
-      const V = y(a);
+    next: (c) => {
+      const V = U(c);
       if (n)
-        w.done = a >= o;
+        Q.done = c >= o;
       else {
-        let f = 0;
-        E < 1 && (f = a === 0 ? /* @__PURE__ */ sA(r) : Qt(y, a, V));
-        const U = Math.abs(f) <= M, Y = Math.abs(e - V) <= D;
-        w.done = U && Y;
+        let Z = 0;
+        E < 1 && (Z = c === 0 ? /* @__PURE__ */ sA(r) : Qt(U, c, V));
+        const u = Math.abs(Z) <= M, Y = Math.abs(e - V) <= D;
+        Q.done = u && Y;
       }
-      return w.value = w.done ? e : V, w;
+      return Q.value = Q.done ? e : V, Q;
     },
     toString: () => {
-      const a = Math.min(Ze(Z), wB), V = Ve((f) => Z.next(a * f).value, a, 30);
-      return a + "ms " + V;
+      const c = Math.min(Ze(q), wB), V = Ve((Z) => q.next(c * Z).value, c, 30);
+      return c + "ms " + V;
     }
   };
-  return Z;
+  return q;
 }
-function $M({ keyframes: A, velocity: g = 0, power: B = 0.8, timeConstant: M = 325, bounceDamping: D = 10, bounceStiffness: t = 500, modifyTarget: e, min: w, max: Q, restDelta: C = 0.5, restSpeed: s }) {
+function $M({ keyframes: A, velocity: g = 0, power: B = 0.8, timeConstant: M = 325, bounceDamping: D = 10, bounceStiffness: t = 500, modifyTarget: e, min: Q, max: w, restDelta: C = 0.5, restSpeed: s }) {
   const o = A[0], I = {
     done: !1,
     value: o
-  }, n = (U) => w !== void 0 && U < w || Q !== void 0 && U > Q, r = (U) => w === void 0 ? Q : Q === void 0 || Math.abs(w - U) < Math.abs(Q - U) ? w : Q;
+  }, n = (u) => Q !== void 0 && u < Q || w !== void 0 && u > w, r = (u) => Q === void 0 ? w : w === void 0 || Math.abs(Q - u) < Math.abs(w - u) ? Q : w;
   let E = B * g;
-  const G = o + E, l = e === void 0 ? G : e(G);
-  l !== G && (E = l - o);
-  const c = (U) => -E * Math.exp(-U / M), y = (U) => l + c(U), Z = (U) => {
-    const Y = c(U), q = y(U);
-    I.done = Math.abs(Y) <= C, I.value = I.done ? l : q;
+  const l = o + E, G = e === void 0 ? l : e(l);
+  G !== l && (E = G - o);
+  const a = (u) => -E * Math.exp(-u / M), U = (u) => G + a(u), q = (u) => {
+    const Y = a(u), f = U(u);
+    I.done = Math.abs(Y) <= C, I.value = I.done ? G : f;
   };
-  let a, V;
-  const f = (U) => {
-    n(I.value) && (a = U, V = Ct({
+  let c, V;
+  const Z = (u) => {
+    n(I.value) && (c = u, V = Ct({
       keyframes: [I.value, r(I.value)],
-      velocity: Qt(y, U, I.value),
+      velocity: Qt(U, u, I.value),
       // TODO: This should be passing * 1000
       damping: D,
       stiffness: t,
@@ -3375,11 +3386,11 @@ function $M({ keyframes: A, velocity: g = 0, power: B = 0.8, timeConstant: M = 3
       restSpeed: s
     }));
   };
-  return f(0), {
+  return Z(0), {
     calculatedDuration: null,
-    next: (U) => {
+    next: (u) => {
       let Y = !1;
-      return !V && a === void 0 && (Y = !0, Z(U), f(U)), a !== void 0 && U >= a ? V.next(U - a) : (!Y && Z(U), I);
+      return !V && c === void 0 && (Y = !0, q(u), Z(u)), c !== void 0 && u >= c ? V.next(u - c) : (!Y && q(u), I);
     }
   };
 }
@@ -3407,12 +3418,12 @@ const lC = /* @__PURE__ */ Eg(0.42, 0, 1, 1), GC = /* @__PURE__ */ Eg(0, 0, 0.58
 function cC(A, g, B) {
   const M = [], D = B || wt, t = A.length - 1;
   for (let e = 0; e < t; e++) {
-    let w = D(A[e], A[e + 1]);
+    let Q = D(A[e], A[e + 1]);
     if (g) {
-      const Q = Array.isArray(g) ? g[e] || gA : g;
-      w = lg(Q, w);
+      const w = Array.isArray(g) ? g[e] || gA : g;
+      Q = lg(w, Q);
     }
-    M.push(w);
+    M.push(Q);
   }
   return M;
 }
@@ -3424,15 +3435,15 @@ function YC(A, g, { clamp: B = !0, ease: M, mixer: D } = {}) {
     return () => g[1];
   const e = A[0] === A[1];
   A[0] > A[t - 1] && (A = [...A].reverse(), g = [...g].reverse());
-  const w = cC(g, M, D), Q = w.length, C = (s) => {
+  const Q = cC(g, M, D), w = Q.length, C = (s) => {
     if (e && s < A[0])
       return g[0];
     let o = 0;
-    if (Q > 1)
+    if (w > 1)
       for (; o < A.length - 2 && !(s < A[o + 1]); o++)
         ;
     const I = /* @__PURE__ */ jA(A[o], A[o + 1], s);
-    return w[o](I);
+    return Q[o](I);
   };
   return B ? (s) => C(aA(A[0], A[t - 1], s)) : C;
 }
@@ -3440,7 +3451,7 @@ function uC(A, g) {
   const B = A[A.length - 1];
   for (let M = 1; M <= g; M++) {
     const D = /* @__PURE__ */ jA(0, g, M);
-    A.push(v(B, 1, D));
+    A.push(P(B, 1, D));
   }
 }
 function mC(A) {
@@ -3462,18 +3473,18 @@ function Rg({ duration: A = 300, keyframes: g, times: B, ease: M = "easeInOut" }
     // TODO Maybe we should warn here if there's a length mismatch
     B && B.length === g.length ? B : mC(g),
     A
-  ), w = YC(e, g, {
+  ), Q = YC(e, g, {
     ease: Array.isArray(D) ? D : UC(g, D)
   });
   return {
     calculatedDuration: A,
-    next: (Q) => (t.value = w(Q), t.done = Q >= A, t)
+    next: (w) => (t.value = Q(w), t.done = w >= A, t)
   };
 }
 const ZC = (A) => {
   const g = ({ timestamp: B }) => A(B);
   return {
-    start: () => h.update(g, !0),
+    start: () => J.update(g, !0),
     stop: () => uA(g),
     /**
      * If we're processing this frame we can use the
@@ -3494,21 +3505,21 @@ class uM extends et {
       if (this.resolver.cancel(), this.isStopped = !0, this.state === "idle")
         return;
       this.teardown();
-      const { onStop: Q } = this.options;
-      Q && Q();
+      const { onStop: w } = this.options;
+      w && w();
     };
-    const { name: B, motionValue: M, element: D, keyframes: t } = this.options, e = (D == null ? void 0 : D.KeyframeResolver) || cM, w = (Q, C) => this.onKeyframesResolved(Q, C);
-    this.resolver = new e(t, w, B, M, D), this.resolver.scheduleResolve();
+    const { name: B, motionValue: M, element: D, keyframes: t } = this.options, e = (D == null ? void 0 : D.KeyframeResolver) || cM, Q = (w, C) => this.onKeyframesResolved(w, C);
+    this.resolver = new e(t, Q, B, M, D), this.resolver.scheduleResolve();
   }
   flatten() {
     super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
   }
   initPlayback(g) {
-    const { type: B = "keyframes", repeat: M = 0, repeatDelay: D = 0, repeatType: t, velocity: e = 0 } = this.options, w = QM(B) ? B : VC[B] || Rg;
-    let Q, C;
-    w !== Rg && typeof g[0] != "number" && (process.env.NODE_ENV !== "production" && nA(g.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${g}`), Q = lg(fC, wt(g[0], g[1])), g = [0, 100]);
-    const s = w({ ...this.options, keyframes: g });
-    t === "mirror" && (C = w({
+    const { type: B = "keyframes", repeat: M = 0, repeatDelay: D = 0, repeatType: t, velocity: e = 0 } = this.options, Q = QM(B) ? B : VC[B] || Rg;
+    let w, C;
+    Q !== Rg && typeof g[0] != "number" && (process.env.NODE_ENV !== "production" && nA(g.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${g}`), w = lg(fC, wt(g[0], g[1])), g = [0, 100]);
+    const s = Q({ ...this.options, keyframes: g });
+    t === "mirror" && (C = Q({
       ...this.options,
       keyframes: [...g].reverse(),
       velocity: -e
@@ -3517,7 +3528,7 @@ class uM extends et {
     return {
       generator: s,
       mirroredGenerator: C,
-      mapPercentToKeyframes: Q,
+      mapPercentToKeyframes: w,
       calculatedDuration: o,
       resolvedDuration: I,
       totalDuration: n
@@ -3530,28 +3541,28 @@ class uM extends et {
   tick(g, B = !1) {
     const { resolved: M } = this;
     if (!M) {
-      const { keyframes: U } = this.options;
-      return { done: !0, value: U[U.length - 1] };
+      const { keyframes: u } = this.options;
+      return { done: !0, value: u[u.length - 1] };
     }
-    const { finalKeyframe: D, generator: t, mirroredGenerator: e, mapPercentToKeyframes: w, keyframes: Q, calculatedDuration: C, totalDuration: s, resolvedDuration: o } = M;
+    const { finalKeyframe: D, generator: t, mirroredGenerator: e, mapPercentToKeyframes: Q, keyframes: w, calculatedDuration: C, totalDuration: s, resolvedDuration: o } = M;
     if (this.startTime === null)
       return t.next(0);
-    const { delay: I, repeat: n, repeatType: r, repeatDelay: E, onUpdate: G } = this.options;
+    const { delay: I, repeat: n, repeatType: r, repeatDelay: E, onUpdate: l } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, g) : this.speed < 0 && (this.startTime = Math.min(g - s / this.speed, this.startTime)), B ? this.currentTime = g : this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = Math.round(g - this.startTime) * this.speed;
-    const l = this.currentTime - I * (this.speed >= 0 ? 1 : -1), c = this.speed >= 0 ? l < 0 : l > s;
-    this.currentTime = Math.max(l, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = s);
-    let y = this.currentTime, Z = t;
+    const G = this.currentTime - I * (this.speed >= 0 ? 1 : -1), a = this.speed >= 0 ? G < 0 : G > s;
+    this.currentTime = Math.max(G, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = s);
+    let U = this.currentTime, q = t;
     if (n) {
-      const U = Math.min(this.currentTime, s) / o;
-      let Y = Math.floor(U), q = U % 1;
-      !q && U >= 1 && (q = 1), q === 1 && Y--, Y = Math.min(Y, n + 1), !!(Y % 2) && (r === "reverse" ? (q = 1 - q, E && (q -= E / o)) : r === "mirror" && (Z = e)), y = aA(0, 1, q) * o;
+      const u = Math.min(this.currentTime, s) / o;
+      let Y = Math.floor(u), f = u % 1;
+      !f && u >= 1 && (f = 1), f === 1 && Y--, Y = Math.min(Y, n + 1), !!(Y % 2) && (r === "reverse" ? (f = 1 - f, E && (f -= E / o)) : r === "mirror" && (q = e)), U = aA(0, 1, f) * o;
     }
-    const a = c ? { done: !1, value: Q[0] } : Z.next(y);
-    w && (a.value = w(a.value));
-    let { done: V } = a;
-    !c && C !== null && (V = this.speed >= 0 ? this.currentTime >= s : this.currentTime <= 0);
-    const f = this.holdTime === null && (this.state === "finished" || this.state === "running" && V);
-    return f && D !== void 0 && (a.value = Hg(Q, this.options, D)), G && G(a.value), f && this.finish(), a;
+    const c = a ? { done: !1, value: w[0] } : q.next(U);
+    Q && (c.value = Q(c.value));
+    let { done: V } = c;
+    !a && C !== null && (V = this.speed >= 0 ? this.currentTime >= s : this.currentTime <= 0);
+    const Z = this.holdTime === null && (this.state === "finished" || this.state === "running" && V);
+    return Z && D !== void 0 && (c.value = Hg(w, this.options, D)), l && l(c.value), Z && this.finish(), c;
   }
   get duration() {
     const { resolved: g } = this;
@@ -3620,10 +3631,10 @@ const dC = /* @__PURE__ */ new Set([
   // or until we implement support for linear() easing.
   // "background-color"
 ]);
-function qC(A, g, B, { delay: M = 0, duration: D = 300, repeat: t = 0, repeatType: e = "loop", ease: w = "easeInOut", times: Q } = {}) {
+function qC(A, g, B, { delay: M = 0, duration: D = 300, repeat: t = 0, repeatType: e = "loop", ease: Q = "easeInOut", times: w } = {}) {
   const C = { [g]: B };
-  Q && (C.offset = Q);
-  const s = de(w, D);
+  w && (C.offset = w);
+  const s = de(Q, D);
   return Array.isArray(s) && (C.easing = s), A.animate(C, {
     delay: M,
     duration: D,
@@ -3669,20 +3680,20 @@ class gD extends et {
   constructor(g) {
     super(g);
     const { name: B, motionValue: M, element: D, keyframes: t } = this.options;
-    this.resolver = new Dt(t, (e, w) => this.onKeyframesResolved(e, w), B, M, D), this.resolver.scheduleResolve();
+    this.resolver = new Dt(t, (e, Q) => this.onKeyframesResolved(e, Q), B, M, D), this.resolver.scheduleResolve();
   }
   initPlayback(g, B) {
-    let { duration: M = 300, times: D, ease: t, type: e, motionValue: w, name: Q, startTime: C } = this.options;
-    if (!w.owner || !w.owner.current)
+    let { duration: M = 300, times: D, ease: t, type: e, motionValue: Q, name: w, startTime: C } = this.options;
+    if (!Q.owner || !Q.owner.current)
       return !1;
     if (typeof t == "string" && Kg() && hC(t) && (t = st[t]), pC(this.options)) {
-      const { onComplete: o, onUpdate: I, motionValue: n, element: r, ...E } = this.options, G = RC(g, E);
-      g = G.keyframes, g.length === 1 && (g[1] = g[0]), M = G.duration, D = G.times, t = G.ease, e = "keyframes";
+      const { onComplete: o, onUpdate: I, motionValue: n, element: r, ...E } = this.options, l = RC(g, E);
+      g = l.keyframes, g.length === 1 && (g[1] = g[0]), M = l.duration, D = l.times, t = l.ease, e = "keyframes";
     }
-    const s = qC(w.owner.current, Q, g, { ...this.options, duration: M, times: D, ease: t });
+    const s = qC(Q.owner.current, w, g, { ...this.options, duration: M, times: D, ease: t });
     return s.startTime = C ?? this.calcStartTime(), this.pendingTimeline ? (zM(s, this.pendingTimeline), this.pendingTimeline = void 0) : s.onfinish = () => {
       const { onComplete: o } = this.options;
-      w.set(Hg(g, this.options, B)), o && o(), this.cancel(), this.resolveFinishedPromise();
+      Q.set(Hg(g, this.options, B)), o && o(), this.cancel(), this.resolveFinishedPromise();
     }, {
       animation: s,
       duration: M,
@@ -3780,7 +3791,7 @@ class gD extends et {
     const { resolved: g } = this;
     if (!g)
       return;
-    const { animation: B, keyframes: M, duration: D, type: t, ease: e, times: w } = g;
+    const { animation: B, keyframes: M, duration: D, type: t, ease: e, times: Q } = g;
     if (B.playState === "idle" || B.playState === "finished")
       return;
     if (this.time) {
@@ -3790,13 +3801,13 @@ class gD extends et {
         duration: D,
         type: t,
         ease: e,
-        times: w,
+        times: Q,
         isGenerator: !0
       }), E = /* @__PURE__ */ sA(this.time);
       C.setWithVelocity(r.sample(E - hg).value, r.sample(E).value, hg);
     }
-    const { onStop: Q } = this.options;
-    Q && Q(), this.cancel();
+    const { onStop: w } = this.options;
+    w && w(), this.cancel();
   }
   complete() {
     const { resolved: g } = this;
@@ -3807,15 +3818,15 @@ class gD extends et {
     g && g.animation.cancel();
   }
   static supports(g) {
-    const { motionValue: B, name: M, repeatDelay: D, repeatType: t, damping: e, type: w } = g;
+    const { motionValue: B, name: M, repeatDelay: D, repeatType: t, damping: e, type: Q } = g;
     if (!B || !B.owner || !(B.owner.current instanceof HTMLElement))
       return !1;
-    const { onUpdate: Q, transformTemplate: C } = B.owner.getProps();
+    const { onUpdate: w, transformTemplate: C } = B.owner.getProps();
     return kC() && M && dC.has(M) && /**
      * 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.
      */
-    !Q && !C && !D && t !== "mirror" && e !== 0 && w !== "inertia";
+    !w && !C && !D && t !== "mirror" && e !== 0 && Q !== "inertia";
   }
 }
 const JC = {
@@ -3836,38 +3847,38 @@ const JC = {
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
 }, LC = (A, { keyframes: g }) => g.length > 2 ? vC : RA.has(A) ? A.startsWith("scale") ? zC(g[1]) : JC : PC;
-function FC({ when: A, delay: g, delayChildren: B, staggerChildren: M, staggerDirection: D, repeat: t, repeatType: e, repeatDelay: w, from: Q, elapsed: C, ...s }) {
+function FC({ when: A, delay: g, delayChildren: B, staggerChildren: M, staggerDirection: D, repeat: t, repeatType: e, repeatDelay: Q, from: w, elapsed: C, ...s }) {
   return !!Object.keys(s).length;
 }
 const mM = (A, g, B, M = {}, D, t) => (e) => {
-  const w = wM(M, A) || {}, Q = w.delay || M.delay || 0;
+  const Q = wM(M, A) || {}, w = Q.delay || M.delay || 0;
   let { elapsed: C = 0 } = M;
-  C = C - /* @__PURE__ */ sA(Q);
+  C = C - /* @__PURE__ */ sA(w);
   let s = {
     keyframes: Array.isArray(B) ? B : [null, B],
     ease: "easeOut",
     velocity: g.getVelocity(),
-    ...w,
+    ...Q,
     delay: -C,
     onUpdate: (I) => {
-      g.set(I), w.onUpdate && w.onUpdate(I);
+      g.set(I), Q.onUpdate && Q.onUpdate(I);
     },
     onComplete: () => {
-      e(), w.onComplete && w.onComplete();
+      e(), Q.onComplete && Q.onComplete();
     },
     name: A,
     motionValue: g,
     element: t ? void 0 : D
   };
-  FC(w) || (s = {
+  FC(Q) || (s = {
     ...s,
     ...LC(A, s)
   }), s.duration && (s.duration = /* @__PURE__ */ sA(s.duration)), s.repeatDelay && (s.repeatDelay = /* @__PURE__ */ sA(s.repeatDelay)), s.from !== void 0 && (s.keyframes[0] = s.from);
   let o = !1;
   if ((s.type === !1 || s.duration === 0 && !s.repeatDelay) && (s.duration = 0, s.delay === 0 && (o = !0)), o && !t && g.get() !== void 0) {
-    const I = Hg(s.keyframes, w);
+    const I = Hg(s.keyframes, Q);
     if (I !== void 0)
-      return h.update(() => {
+      return J.update(() => {
         s.onUpdate(I), s.onComplete();
       }), new QQ([]);
   }
@@ -3879,11 +3890,11 @@ function bC({ protectedKeys: A, needsAnimating: g }, B) {
 }
 function ot(A, g, { delay: B = 0, transitionOverride: M, type: D } = {}) {
   var t;
-  let { transition: e = A.getDefaultTransition(), transitionEnd: w, ...Q } = g;
+  let { transition: e = A.getDefaultTransition(), transitionEnd: Q, ...w } = g;
   M && (e = M);
   const C = [], s = D && A.animationState && A.animationState.getState()[D];
-  for (const o in Q) {
-    const I = A.getValue(o, (t = A.latestValues[o]) !== null && t !== void 0 ? t : null), n = Q[o];
+  for (const o in w) {
+    const I = A.getValue(o, (t = A.latestValues[o]) !== null && t !== void 0 ? t : null), n = w[o];
     if (n === void 0 || s && bC(s, o))
       continue;
     const r = {
@@ -3892,19 +3903,19 @@ function ot(A, g, { delay: B = 0, transitionOverride: M, type: D } = {}) {
     };
     let E = !1;
     if (window.MotionHandoffAnimation) {
-      const l = Je(A);
-      if (l) {
-        const c = window.MotionHandoffAnimation(l, o, h);
-        c !== null && (r.startTime = c, E = !0);
+      const G = Je(A);
+      if (G) {
+        const a = window.MotionHandoffAnimation(G, o, J);
+        a !== null && (r.startTime = a, E = !0);
       }
     }
     CB(A, o), I.start(mM(o, I, n, A.shouldReduceMotion && Re.has(o) ? { type: !1 } : r, A, E));
-    const G = I.animation;
-    G && C.push(G);
+    const l = I.animation;
+    l && C.push(l);
   }
-  return w && Promise.all(C).then(() => {
-    h.update(() => {
-      w && nM(A, w);
+  return Q && Promise.all(C).then(() => {
+    J.update(() => {
+      Q && nM(A, Q);
     });
   }), C;
 }
@@ -3913,22 +3924,22 @@ function EB(A, g, B = {}) {
   const D = jg(A, g, B.type === "exit" ? (M = A.presenceContext) === null || M === void 0 ? void 0 : M.custom : void 0);
   let { transition: t = A.getDefaultTransition() || {} } = D || {};
   B.transitionOverride && (t = B.transitionOverride);
-  const e = D ? () => Promise.all(ot(A, D, B)) : () => Promise.resolve(), w = A.variantChildren && A.variantChildren.size ? (C = 0) => {
+  const e = D ? () => Promise.all(ot(A, D, B)) : () => Promise.resolve(), Q = A.variantChildren && A.variantChildren.size ? (C = 0) => {
     const { delayChildren: s = 0, staggerChildren: o, staggerDirection: I } = t;
     return OC(A, g, s + C, o, I, B);
-  } : () => Promise.resolve(), { when: Q } = t;
-  if (Q) {
-    const [C, s] = Q === "beforeChildren" ? [e, w] : [w, e];
+  } : () => Promise.resolve(), { when: w } = t;
+  if (w) {
+    const [C, s] = w === "beforeChildren" ? [e, Q] : [Q, e];
     return C().then(() => s());
   } else
-    return Promise.all([e(), w(B.delay)]);
+    return Promise.all([e(), Q(B.delay)]);
 }
 function OC(A, g, B = 0, M = 0, D = 1, t) {
-  const e = [], w = (A.variantChildren.size - 1) * M, Q = D === 1 ? (C = 0) => C * M : (C = 0) => w - C * M;
+  const e = [], Q = (A.variantChildren.size - 1) * M, w = D === 1 ? (C = 0) => C * M : (C = 0) => Q - C * M;
   return Array.from(A.variantChildren).sort(jC).forEach((C, s) => {
     C.notify("AnimationStart", g), e.push(EB(C, g, {
       ...t,
-      delay: B + Q(s)
+      delay: B + w(s)
     }).then(() => C.notify("AnimationComplete", g)));
   }), Promise.all(e);
 }
@@ -3972,83 +3983,83 @@ function XC(A) {
 }
 function NC(A) {
   let g = XC(A), B = BD(), M = !0;
-  const D = (Q) => (C, s) => {
+  const D = (w) => (C, s) => {
     var o;
-    const I = jg(A, s, Q === "exit" ? (o = A.presenceContext) === null || o === void 0 ? void 0 : o.custom : void 0);
+    const I = jg(A, s, w === "exit" ? (o = A.presenceContext) === null || o === void 0 ? void 0 : o.custom : void 0);
     if (I) {
       const { transition: n, transitionEnd: r, ...E } = I;
       C = { ...C, ...E, ...r };
     }
     return C;
   };
-  function t(Q) {
-    g = Q(A);
+  function t(w) {
+    g = w(A);
   }
-  function e(Q) {
+  function e(w) {
     const { props: C } = A, s = nt(A.parent) || {}, o = [], I = /* @__PURE__ */ new Set();
     let n = {}, r = 1 / 0;
-    for (let G = 0; G < SC; G++) {
-      const l = TC[G], c = B[l], y = C[l] !== void 0 ? C[l] : s[l], Z = ig(y), a = l === Q ? c.isActive : null;
-      a === !1 && (r = G);
-      let V = y === s[l] && y !== C[l] && Z;
-      if (V && M && A.manuallyAnimateOnMount && (V = !1), c.protectedKeys = { ...n }, // If it isn't active and hasn't *just* been set as inactive
-      !c.isActive && a === null || // If we didn't and don't have any defined prop for this animation type
-      !y && !c.prevProp || // Or if the prop doesn't define an animation
-      bg(y) || typeof y == "boolean")
+    for (let l = 0; l < SC; l++) {
+      const G = TC[l], a = B[G], U = C[G] !== void 0 ? C[G] : s[G], q = ig(U), c = G === w ? a.isActive : null;
+      c === !1 && (r = l);
+      let V = U === s[G] && U !== C[G] && q;
+      if (V && M && A.manuallyAnimateOnMount && (V = !1), a.protectedKeys = { ...n }, // If it isn't active and hasn't *just* been set as inactive
+      !a.isActive && c === null || // If we didn't and don't have any defined prop for this animation type
+      !U && !a.prevProp || // Or if the prop doesn't define an animation
+      bg(U) || typeof U == "boolean")
         continue;
-      const f = xC(c.prevProp, y);
-      let U = f || // If we're making this variant active, we want to always make it active
-      l === Q && c.isActive && !V && Z || // If we removed a higher-priority variant (i is in reverse order)
-      G > r && Z, Y = !1;
-      const q = Array.isArray(y) ? y : [y];
-      let P = q.reduce(D(l), {});
-      a === !1 && (P = {});
-      const { prevResolvedValues: MA = {} } = c, WA = {
+      const Z = xC(a.prevProp, U);
+      let u = Z || // If we're making this variant active, we want to always make it active
+      G === w && a.isActive && !V && q || // If we removed a higher-priority variant (i is in reverse order)
+      l > r && q, Y = !1;
+      const f = Array.isArray(U) ? U : [U];
+      let R = f.reduce(D(G), {});
+      c === !1 && (R = {});
+      const { prevResolvedValues: MA = {} } = a, WA = {
         ...MA,
-        ...P
+        ...R
       }, cA = (b) => {
-        U = !0, I.has(b) && (Y = !0, I.delete(b)), c.needsAnimating[b] = !0;
+        u = !0, I.has(b) && (Y = !0, I.delete(b)), a.needsAnimating[b] = !0;
         const W = A.getValue(b);
         W && (W.liveStyle = !1);
       };
       for (const b in WA) {
-        const W = P[b], rA = MA[b];
+        const W = R[b], rA = MA[b];
         if (n.hasOwnProperty(b))
           continue;
         let ZA = !1;
-        tB(W) && tB(rA) ? ZA = !Ue(W, rA) : ZA = W !== rA, ZA ? W != null ? cA(b) : I.add(b) : W !== void 0 && I.has(b) ? cA(b) : c.protectedKeys[b] = !0;
+        tB(W) && tB(rA) ? ZA = !Ue(W, rA) : ZA = W !== rA, ZA ? W != null ? cA(b) : I.add(b) : W !== void 0 && I.has(b) ? cA(b) : a.protectedKeys[b] = !0;
       }
-      c.prevProp = y, c.prevResolvedValues = P, c.isActive && (n = { ...n, ...P }), M && A.blockInitialAnimation && (U = !1), U && (!(V && f) || Y) && o.push(...q.map((b) => ({
+      a.prevProp = U, a.prevResolvedValues = R, a.isActive && (n = { ...n, ...R }), M && A.blockInitialAnimation && (u = !1), u && (!(V && Z) || Y) && o.push(...f.map((b) => ({
         animation: b,
-        options: { type: l }
+        options: { type: G }
       })));
     }
     if (I.size) {
-      const G = {};
-      I.forEach((l) => {
-        const c = A.getBaseTarget(l), y = A.getValue(l);
-        y && (y.liveStyle = !0), G[l] = c ?? null;
-      }), o.push({ animation: G });
+      const l = {};
+      I.forEach((G) => {
+        const a = A.getBaseTarget(G), U = A.getValue(G);
+        U && (U.liveStyle = !0), l[G] = a ?? null;
+      }), o.push({ animation: l });
     }
     let E = !!o.length;
     return M && (C.initial === !1 || C.initial === C.animate) && !A.manuallyAnimateOnMount && (E = !1), M = !1, E ? g(o) : Promise.resolve();
   }
-  function w(Q, C) {
+  function Q(w, C) {
     var s;
-    if (B[Q].isActive === C)
+    if (B[w].isActive === C)
       return Promise.resolve();
     (s = A.variantChildren) === null || s === void 0 || s.forEach((I) => {
       var n;
-      return (n = I.animationState) === null || n === void 0 ? void 0 : n.setActive(Q, C);
-    }), B[Q].isActive = C;
-    const o = e(Q);
+      return (n = I.animationState) === null || n === void 0 ? void 0 : n.setActive(w, C);
+    }), B[w].isActive = C;
+    const o = e(w);
     for (const I in B)
       B[I].protectedKeys = {};
     return o;
   }
   return {
     animateChanges: e,
-    setActive: w,
+    setActive: Q,
     setAnimateFunction: t,
     getState: () => B,
     reset: () => {
@@ -4172,24 +4183,24 @@ class rt {
         return;
       const { point: r } = o, { timestamp: E } = j;
       this.history.push({ ...r, timestamp: E });
-      const { onStart: G, onMove: l } = this.handlers;
-      I || (G && G(this.lastMoveEvent, o), this.startEvent = this.lastMoveEvent), l && l(this.lastMoveEvent, o);
+      const { onStart: l, onMove: G } = this.handlers;
+      I || (l && l(this.lastMoveEvent, o), this.startEvent = this.lastMoveEvent), G && G(this.lastMoveEvent, o);
     }, this.handlePointerMove = (o, I) => {
-      this.lastMoveEvent = o, this.lastMoveEventInfo = _g(I, this.transformPagePoint), h.update(this.updatePoint, !0);
+      this.lastMoveEvent = o, this.lastMoveEventInfo = _g(I, this.transformPagePoint), J.update(this.updatePoint, !0);
     }, this.handlePointerUp = (o, I) => {
       this.end();
       const { onEnd: n, onSessionEnd: r, resumeAnimation: E } = this.handlers;
       if (this.dragSnapToOrigin && E && E(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const G = AB(o.type === "pointercancel" ? this.lastMoveEventInfo : _g(I, this.transformPagePoint), this.history);
-      this.startEvent && n && n(o, G), r && r(o, G);
+      const l = AB(o.type === "pointercancel" ? this.lastMoveEventInfo : _g(I, this.transformPagePoint), this.history);
+      this.startEvent && n && n(o, l), r && r(o, l);
     }, !iM(g))
       return;
     this.dragSnapToOrigin = t, this.handlers = B, this.transformPagePoint = M, this.contextWindow = D || window;
-    const e = Gg(g), w = _g(e, this.transformPagePoint), { point: Q } = w, { timestamp: C } = j;
-    this.history = [{ ...Q, timestamp: C }];
+    const e = Gg(g), Q = _g(e, this.transformPagePoint), { point: w } = Q, { timestamp: C } = j;
+    this.history = [{ ...w, timestamp: C }];
     const { onSessionStart: s } = B;
-    s && s(g, AB(w, this.history)), this.removeListeners = lg(tg(this.contextWindow, "pointermove", this.handlePointerMove), tg(this.contextWindow, "pointerup", this.handlePointerUp), tg(this.contextWindow, "pointercancel", this.handlePointerUp));
+    s && s(g, AB(Q, this.history)), this.removeListeners = lg(tg(this.contextWindow, "pointermove", this.handlePointerMove), tg(this.contextWindow, "pointerup", this.handlePointerUp), tg(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(g) {
     this.handlers = g;
@@ -4244,7 +4255,7 @@ function Ci(A, g, B) {
   return Math.abs(A - g) <= B;
 }
 function eD(A, g, B, M = 0.5) {
-  A.origin = M, A.originPoint = v(g.min, g.max, A.origin), A.scale = BA(B) / BA(g), A.translate = v(B.min, B.max, A.origin) - A.originPoint, (A.scale >= ei && A.scale <= ti || isNaN(A.scale)) && (A.scale = 1), (A.translate >= wi && A.translate <= Qi || isNaN(A.translate)) && (A.translate = 0);
+  A.origin = M, A.originPoint = P(g.min, g.max, A.origin), A.scale = BA(B) / BA(g), A.translate = P(B.min, B.max, A.origin) - A.originPoint, (A.scale >= ei && A.scale <= ti || isNaN(A.scale)) && (A.scale = 1), (A.translate >= wi && A.translate <= Qi || isNaN(A.translate)) && (A.translate = 0);
 }
 function wg(A, g, B, M) {
   eD(A.x, g.x, B.x, M ? M.originX : void 0), eD(A.y, g.y, B.y, M ? M.originY : void 0);
@@ -4262,7 +4273,7 @@ function Qg(A, g, B) {
   wD(A.x, g.x, B.x), wD(A.y, g.y, B.y);
 }
 function si(A, { min: g, max: B }, M) {
-  return g !== void 0 && A < g ? A = M ? v(g, A, M.min) : Math.max(A, g) : B !== void 0 && A > B && (A = M ? v(B, A, M.max) : Math.min(A, B)), A;
+  return g !== void 0 && A < g ? A = M ? P(g, A, M.min) : Math.max(A, g) : B !== void 0 && A > B && (A = M ? P(B, A, M.max) : Math.min(A, B)), A;
 }
 function QD(A, g, B) {
   return {
@@ -4381,10 +4392,10 @@ function ai(A, g, B, M = !1) {
     return;
   g.x = g.y = 1;
   let t, e;
-  for (let w = 0; w < D; w++) {
-    t = B[w], e = t.projectionDelta;
-    const { visualElement: Q } = t.options;
-    Q && Q.props.style && Q.props.style.display === "contents" || (M && t.options.layoutScroll && t.scroll && t !== t.root && FA(A, {
+  for (let Q = 0; Q < D; Q++) {
+    t = B[Q], e = t.projectionDelta;
+    const { visualElement: w } = t.options;
+    w && w.props.style && w.props.style.display === "contents" || (M && t.options.layoutScroll && t.scroll && t !== t.root && FA(A, {
       x: -t.scroll.offset.x,
       y: -t.scroll.offset.y
     }), e && (g.x *= e.x.scale, g.y *= e.y.scale, Yt(A, e)), M && fA(t.latestValues) && FA(A, t.latestValues));
@@ -4395,7 +4406,7 @@ function LA(A, g) {
   A.min = A.min + g, A.max = A.max + g;
 }
 function GD(A, g, B, M, D = 0.5) {
-  const t = v(A.min, A.max, D);
+  const t = P(A.min, A.max, D);
   aB(A, g, B, t, M);
 }
 function FA(A, g) {
@@ -4424,30 +4435,30 @@ class ui {
       const { drag: I, dragPropagation: n, onDragStart: r } = this.getProps();
       if (I && !n && (this.openDragLock && this.openDragLock(), this.openDragLock = EQ(I), !this.openDragLock))
         return;
-      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), eA((G) => {
-        let l = this.getAxisMotionValue(G).get() || 0;
-        if (oA.test(l)) {
-          const { projection: c } = this.visualElement;
-          if (c && c.layout) {
-            const y = c.layout.layoutBox[G];
-            y && (l = BA(y) * (parseFloat(l) / 100));
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), eA((l) => {
+        let G = this.getAxisMotionValue(l).get() || 0;
+        if (oA.test(G)) {
+          const { projection: a } = this.visualElement;
+          if (a && a.layout) {
+            const U = a.layout.layoutBox[l];
+            U && (G = BA(U) * (parseFloat(G) / 100));
           }
         }
-        this.originPoint[G] = l;
-      }), r && h.postRender(() => r(s, o)), CB(this.visualElement, "transform");
+        this.originPoint[l] = G;
+      }), r && J.postRender(() => r(s, o)), CB(this.visualElement, "transform");
       const { animationState: E } = this.visualElement;
       E && E.setActive("whileDrag", !0);
     }, e = (s, o) => {
       const { dragPropagation: I, dragDirectionLock: n, onDirectionLock: r, onDrag: E } = this.getProps();
       if (!I && !this.openDragLock)
         return;
-      const { offset: G } = o;
+      const { offset: l } = o;
       if (n && this.currentDirection === null) {
-        this.currentDirection = mi(G), this.currentDirection !== null && r && r(this.currentDirection);
+        this.currentDirection = mi(l), this.currentDirection !== null && r && r(this.currentDirection);
         return;
       }
-      this.updateAxis("x", o.point, G), this.updateAxis("y", o.point, G), this.visualElement.render(), E && E(s, o);
-    }, w = (s, o) => this.stop(s, o), Q = () => eA((s) => {
+      this.updateAxis("x", o.point, l), this.updateAxis("y", o.point, l), this.visualElement.render(), E && E(s, o);
+    }, Q = (s, o) => this.stop(s, o), w = () => eA((s) => {
       var o;
       return this.getAnimationState(s) === "paused" && ((o = this.getAxisMotionValue(s).animation) === null || o === void 0 ? void 0 : o.play());
     }), { dragSnapToOrigin: C } = this.getProps();
@@ -4455,8 +4466,8 @@ class ui {
       onSessionStart: D,
       onStart: t,
       onMove: e,
-      onSessionEnd: w,
-      resumeAnimation: Q
+      onSessionEnd: Q,
+      resumeAnimation: w
     }, {
       transformPagePoint: this.visualElement.getTransformPagePoint(),
       dragSnapToOrigin: C,
@@ -4470,7 +4481,7 @@ class ui {
     const { velocity: D } = B;
     this.startAnimation(D);
     const { onDragEnd: t } = this.getProps();
-    t && h.postRender(() => t(g, B));
+    t && J.postRender(() => t(g, B));
   }
   cancel() {
     this.isDragging = !1;
@@ -4506,16 +4517,16 @@ class ui {
     const t = ci(M, D.root, this.visualElement.getTransformPagePoint());
     let e = Ii(D.layout.layoutBox, t);
     if (B) {
-      const w = B(li(e));
-      this.hasMutatedConstraints = !!w, w && (e = at(w));
+      const Q = B(li(e));
+      this.hasMutatedConstraints = !!Q, Q && (e = at(Q));
     }
     return e;
   }
   startAnimation(g) {
-    const { drag: B, dragMomentum: M, dragElastic: D, dragTransition: t, dragSnapToOrigin: e, onDragTransitionEnd: w } = this.getProps(), Q = this.constraints || {}, C = eA((s) => {
+    const { drag: B, dragMomentum: M, dragElastic: D, dragTransition: t, dragSnapToOrigin: e, onDragTransitionEnd: Q } = this.getProps(), w = this.constraints || {}, C = eA((s) => {
       if (!mg(s, B, this.currentDirection))
         return;
-      let o = Q[s] || {};
+      let o = w[s] || {};
       e && (o = { min: 0, max: 0 });
       const I = D ? 200 : 1e6, n = D ? 40 : 1e7, r = {
         type: "inertia",
@@ -4530,7 +4541,7 @@ class ui {
       };
       return this.startAxisValueAnimation(s, r);
     });
-    return Promise.all(C).then(w);
+    return Promise.all(C).then(Q);
   }
   startAxisValueAnimation(g, B) {
     const M = this.getAxisMotionValue(g);
@@ -4566,8 +4577,8 @@ class ui {
         return;
       const { projection: D } = this.visualElement, t = this.getAxisMotionValue(B);
       if (D && D.layout) {
-        const { min: e, max: w } = D.layout.layoutBox[B];
-        t.set(g[B] - v(e, w, 0.5));
+        const { min: e, max: Q } = D.layout.layoutBox[B];
+        t.set(g[B] - P(e, Q, 0.5));
       }
     });
   }
@@ -4585,44 +4596,44 @@ class ui {
     this.stopAnimation();
     const D = { x: 0, y: 0 };
     eA((e) => {
-      const w = this.getAxisMotionValue(e);
-      if (w && this.constraints !== !1) {
-        const Q = w.get();
-        D[e] = ni({ min: Q, max: Q }, this.constraints[e]);
+      const Q = this.getAxisMotionValue(e);
+      if (Q && this.constraints !== !1) {
+        const w = Q.get();
+        D[e] = ni({ min: w, max: w }, this.constraints[e]);
       }
     });
     const { transformTemplate: t } = this.visualElement.getProps();
     this.visualElement.current.style.transform = t ? t({}, "") : "none", M.root && M.root.updateScroll(), M.updateLayout(), this.resolveConstraints(), eA((e) => {
       if (!mg(e, g, null))
         return;
-      const w = this.getAxisMotionValue(e), { min: Q, max: C } = this.constraints[e];
-      w.set(v(Q, C, D[e]));
+      const Q = this.getAxisMotionValue(e), { min: w, max: C } = this.constraints[e];
+      Q.set(P(w, C, D[e]));
     });
   }
   addListeners() {
     if (!this.visualElement.current)
       return;
     Yi.set(this.visualElement, this);
-    const g = this.visualElement.current, B = tg(g, "pointerdown", (Q) => {
+    const g = this.visualElement.current, B = tg(g, "pointerdown", (w) => {
       const { drag: C, dragListener: s = !0 } = this.getProps();
-      C && s && this.start(Q);
+      C && s && this.start(w);
     }), M = () => {
-      const { dragConstraints: Q } = this.getProps();
-      zA(Q) && Q.current && (this.constraints = this.resolveRefConstraints());
+      const { dragConstraints: w } = this.getProps();
+      zA(w) && w.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: D } = this.visualElement, t = D.addEventListener("measure", M);
-    D && !D.layout && (D.root && D.root.updateScroll(), D.updateLayout()), h.read(M);
-    const e = ng(window, "resize", () => this.scalePositionWithinConstraints()), w = D.addEventListener("didUpdate", ({ delta: Q, hasLayoutChanged: C }) => {
+    D && !D.layout && (D.root && D.root.updateScroll(), D.updateLayout()), J.read(M);
+    const e = ng(window, "resize", () => this.scalePositionWithinConstraints()), Q = D.addEventListener("didUpdate", ({ delta: w, hasLayoutChanged: C }) => {
       this.isDragging && C && (eA((s) => {
         const o = this.getAxisMotionValue(s);
-        o && (this.originPoint[s] += Q[s].translate, o.set(o.get() + Q[s].translate));
+        o && (this.originPoint[s] += w[s].translate, o.set(o.get() + w[s].translate));
       }), this.visualElement.render());
     });
     return () => {
-      e(), B(), t(), w && w();
+      e(), B(), t(), Q && Q();
     };
   }
   getProps() {
-    const g = this.visualElement.getProps(), { drag: B = !1, dragDirectionLock: M = !1, dragPropagation: D = !1, dragConstraints: t = !1, dragElastic: e = lB, dragMomentum: w = !0 } = g;
+    const g = this.visualElement.getProps(), { drag: B = !1, dragDirectionLock: M = !1, dragPropagation: D = !1, dragConstraints: t = !1, dragElastic: e = lB, dragMomentum: Q = !0 } = g;
     return {
       ...g,
       drag: B,
@@ -4630,7 +4641,7 @@ class ui {
       dragPropagation: D,
       dragConstraints: t,
       dragElastic: e,
-      dragMomentum: w
+      dragMomentum: Q
     };
   }
 }
@@ -4654,7 +4665,7 @@ class yi extends yA {
   }
 }
 const aD = (A) => (g, B) => {
-  A && h.postRender(() => A(g, B));
+  A && J.postRender(() => A(g, B));
 };
 class Ui extends yA {
   constructor() {
@@ -4673,7 +4684,7 @@ class Ui extends yA {
       onStart: aD(B),
       onMove: M,
       onEnd: (t, e) => {
-        delete this.session, D && h.postRender(() => D(t, e));
+        delete this.session, D && J.postRender(() => D(t, e));
       }
     };
   }
@@ -4719,9 +4730,9 @@ const Ag = {
     const M = A, D = mA.parse(A);
     if (D.length > 5)
       return M;
-    const t = mA.createTransformer(A), e = typeof D[0] != "number" ? 1 : 0, w = B.x.scale * g.x, Q = B.y.scale * g.y;
-    D[0 + e] /= w, D[1 + e] /= Q;
-    const C = v(w, Q, 0.5);
+    const t = mA.createTransformer(A), e = typeof D[0] != "number" ? 1 : 0, Q = B.x.scale * g.x, w = B.y.scale * g.y;
+    D[0 + e] /= Q, D[1 + e] /= w;
+    const C = P(Q, w, 0.5);
     return typeof D[2 + e] == "number" && (D[2 + e] /= C), typeof D[3 + e] == "number" && (D[3 + e] /= C), t(D);
   }
 };
@@ -4742,9 +4753,9 @@ class Vi extends Ft {
   }
   getSnapshotBeforeUpdate(g) {
     const { layoutDependency: B, visualElement: M, drag: D, isPresent: t } = this.props, e = M.projection;
-    return e && (e.isPresent = t, D || g.layoutDependency !== B || B === void 0 ? e.willUpdate() : this.safeToRemove(), g.isPresent !== t && (t ? e.promote() : e.relegate() || h.postRender(() => {
-      const w = e.getStack();
-      (!w || !w.members.length) && this.safeToRemove();
+    return e && (e.isPresent = t, D || g.layoutDependency !== B || B === void 0 ? e.willUpdate() : this.safeToRemove(), g.isPresent !== t && (t ? e.promote() : e.relegate() || J.postRender(() => {
+      const Q = e.getStack();
+      (!Q || !Q.members.length) && this.safeToRemove();
     }))), null;
   }
   componentDidUpdate() {
@@ -4812,24 +4823,24 @@ function pi(A, g) {
     const t = D - B;
     t >= g && (uA(M), A(t - g));
   };
-  return h.read(M, !0), () => uA(M);
+  return J.read(M, !0), () => uA(M);
 }
 const Ut = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Ri = Ut.length, YD = (A) => typeof A == "string" ? parseFloat(A) : A, uD = (A) => typeof A == "number" || d.test(A);
 function hi(A, g, B, M, D, t) {
-  D ? (A.opacity = v(
+  D ? (A.opacity = P(
     0,
     // TODO Reinstate this if only child
     B.opacity !== void 0 ? B.opacity : 1,
     Ji(M)
-  ), A.opacityExit = v(g.opacity !== void 0 ? g.opacity : 1, 0, zi(M))) : t && (A.opacity = v(g.opacity !== void 0 ? g.opacity : 1, B.opacity !== void 0 ? B.opacity : 1, M));
+  ), A.opacityExit = P(g.opacity !== void 0 ? g.opacity : 1, 0, zi(M))) : t && (A.opacity = P(g.opacity !== void 0 ? g.opacity : 1, B.opacity !== void 0 ? B.opacity : 1, M));
   for (let e = 0; e < Ri; e++) {
-    const w = `border${Ut[e]}Radius`;
-    let Q = mD(g, w), C = mD(B, w);
-    if (Q === void 0 && C === void 0)
+    const Q = `border${Ut[e]}Radius`;
+    let w = mD(g, Q), C = mD(B, Q);
+    if (w === void 0 && C === void 0)
       continue;
-    Q || (Q = 0), C || (C = 0), Q === 0 || C === 0 || uD(Q) === uD(C) ? (A[w] = Math.max(v(YD(Q), YD(C), M), 0), (oA.test(C) || oA.test(Q)) && (A[w] += "%")) : A[w] = C;
+    w || (w = 0), C || (C = 0), w === 0 || C === 0 || uD(w) === uD(C) ? (A[Q] = Math.max(P(YD(w), YD(C), M), 0), (oA.test(C) || oA.test(w)) && (A[Q] += "%")) : A[Q] = C;
   }
-  (g.rotate || B.rotate) && (A.rotate = v(g.rotate || 0, B.rotate || 0, M));
+  (g.rotate || B.rotate) && (A.rotate = P(g.rotate || 0, B.rotate || 0, M));
 }
 function mD(A, g) {
   return A[g] !== void 0 ? A[g] : A.borderRadius;
@@ -4851,10 +4862,10 @@ function ZD(A, g, B, M, D) {
   return A -= g, A = Jg(A, 1 / B, M), D !== void 0 && (A = Jg(A, 1 / D, M)), A;
 }
 function vi(A, g = 0, B = 1, M = 0.5, D, t = A, e = A) {
-  if (oA.test(g) && (g = parseFloat(g), g = v(e.min, e.max, g / 100) - e.min), typeof g != "number")
+  if (oA.test(g) && (g = parseFloat(g), g = P(e.min, e.max, g / 100) - e.min), typeof g != "number")
     return;
-  let w = v(t.min, t.max, M);
-  A === t && (w -= g), A.min = ZD(A.min, g, B, w, D), A.max = ZD(A.max, g, B, w, D);
+  let Q = P(t.min, t.max, M);
+  A === t && (Q -= g), A.min = ZD(A.min, g, B, Q, D), A.max = ZD(A.max, g, B, Q, D);
 }
 function VD(A, g, [B, M, D], t, e) {
   vi(A, g[B], g[M], g[D], g.scale, t, e);
@@ -4948,8 +4959,8 @@ function Oi(A, g, B) {
     const { transformPerspective: C, rotate: s, rotateX: o, rotateY: I, skewX: n, skewY: r } = B;
     C && (M = `perspective(${C}px) ${M}`), s && (M += `rotate(${s}deg) `), o && (M += `rotateX(${o}deg) `), I && (M += `rotateY(${I}deg) `), n && (M += `skewX(${n}deg) `), r && (M += `skewY(${r}deg) `);
   }
-  const w = A.x.scale * g.x, Q = A.y.scale * g.y;
-  return (w !== 1 || Q !== 1) && (M += `scale(${w}, ${Q})`), M || "none";
+  const Q = A.x.scale * g.x, w = A.y.scale * g.y;
+  return (Q !== 1 || w !== 1) && (M += `scale(${Q}, ${w})`), M || "none";
 }
 const dA = {
   type: "projectionFrame",
@@ -4971,29 +4982,29 @@ function dt(A) {
   const B = Je(g);
   if (window.MotionHasOptimisedAnimation(B, "transform")) {
     const { layout: D, layoutId: t } = A.options;
-    window.MotionCancelOptimisedAnimation(B, "transform", h, !(D || t));
+    window.MotionCancelOptimisedAnimation(B, "transform", J, !(D || t));
   }
   const { parent: M } = A;
   M && !M.hasCheckedOptimisedAppear && dt(M);
 }
 function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, checkIsScrollRoot: M, resetTransform: D }) {
   return class {
-    constructor(e = {}, w = g == null ? void 0 : g()) {
+    constructor(e = {}, Q = g == null ? void 0 : g()) {
       this.id = Hi++, this.animationId = 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.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
         this.projectionUpdateScheduled = !1, Mg && (dA.totalNodes = dA.resolvedTargetDeltas = dA.recalculatedProjection = 0), this.nodes.forEach(Xi), this.nodes.forEach(_i), this.nodes.forEach(As), this.nodes.forEach(Ni), Mg && window.MotionDebug.record(dA);
-      }, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = e, this.root = w ? w.root || w : this, this.path = w ? [...w.path, w] : [], this.parent = w, this.depth = w ? w.depth + 1 : 0;
-      for (let Q = 0; Q < this.path.length; Q++)
-        this.path[Q].shouldResetTransform = !0;
+      }, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = e, this.root = Q ? Q.root || Q : this, this.path = Q ? [...Q.path, Q] : [], this.parent = Q, this.depth = Q ? Q.depth + 1 : 0;
+      for (let w = 0; w < this.path.length; w++)
+        this.path[w].shouldResetTransform = !0;
       this.root === this && (this.nodes = new Ki());
     }
-    addEventListener(e, w) {
-      return this.eventHandlers.has(e) || this.eventHandlers.set(e, new IM()), this.eventHandlers.get(e).add(w);
+    addEventListener(e, Q) {
+      return this.eventHandlers.has(e) || this.eventHandlers.set(e, new IM()), this.eventHandlers.get(e).add(Q);
     }
-    notifyListeners(e, ...w) {
-      const Q = this.eventHandlers.get(e);
-      Q && Q.notify(...w);
+    notifyListeners(e, ...Q) {
+      const w = this.eventHandlers.get(e);
+      w && w.notify(...Q);
     }
     hasListeners(e) {
       return this.eventHandlers.has(e);
@@ -5001,32 +5012,32 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
     /**
      * Lifecycles
      */
-    mount(e, w = this.root.hasTreeAnimated) {
+    mount(e, Q = this.root.hasTreeAnimated) {
       if (this.instance)
         return;
       this.isSVG = qi(e), this.instance = e;
-      const { layoutId: Q, layout: C, visualElement: s } = this.options;
-      if (s && !s.current && s.mount(e), this.root.nodes.add(this), this.parent && this.parent.children.add(this), w && (C || Q) && (this.isLayoutDirty = !0), A) {
+      const { layoutId: w, layout: C, visualElement: s } = this.options;
+      if (s && !s.current && s.mount(e), this.root.nodes.add(this), this.parent && this.parent.children.add(this), Q && (C || w) && (this.isLayoutDirty = !0), A) {
         let o;
         const I = () => this.root.updateBlockedByResize = !1;
         A(e, () => {
           this.root.updateBlockedByResize = !0, o && o(), o = pi(I, 250), Zg.hasAnimatedSinceResize && (Zg.hasAnimatedSinceResize = !1, this.nodes.forEach(JD));
         });
       }
-      Q && this.root.registerSharedNode(Q, this), this.options.animate !== !1 && s && (Q || C) && this.addEventListener("didUpdate", ({ delta: o, hasLayoutChanged: I, hasRelativeLayoutChanged: n, layout: r }) => {
+      w && this.root.registerSharedNode(w, this), this.options.animate !== !1 && s && (w || C) && this.addEventListener("didUpdate", ({ delta: o, hasLayoutChanged: I, hasRelativeLayoutChanged: n, layout: r }) => {
         if (this.isTreeAnimationBlocked()) {
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const E = this.options.transition || s.getDefaultTransition() || es, { onLayoutAnimationStart: G, onLayoutAnimationComplete: l } = s.getProps(), c = !this.targetLayout || !ft(this.targetLayout, r), y = !I && n;
-        if (this.options.layoutRoot || this.resumeFrom || y || I && (c || !this.currentAnimation)) {
-          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(o, y);
-          const Z = {
+        const E = this.options.transition || s.getDefaultTransition() || es, { onLayoutAnimationStart: l, onLayoutAnimationComplete: G } = s.getProps(), a = !this.targetLayout || !ft(this.targetLayout, r), U = !I && n;
+        if (this.options.layoutRoot || this.resumeFrom || U || I && (a || !this.currentAnimation)) {
+          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(o, U);
+          const q = {
             ...wM(E, "layout"),
-            onPlay: G,
-            onComplete: l
+            onPlay: l,
+            onComplete: G
           };
-          (s.shouldReduceMotion || this.options.layoutRoot) && (Z.delay = 0, Z.type = !1), this.startAnimation(Z);
+          (s.shouldReduceMotion || this.options.layoutRoot) && (q.delay = 0, q.type = !1), this.startAnimation(q);
         } else
           I || JD(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = r;
@@ -5070,8 +5081,8 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
         const o = this.path[s];
         o.shouldResetTransform = !0, o.updateScroll("snapshot"), o.options.layoutRoot && o.willUpdate(!1);
       }
-      const { layoutId: w, layout: Q } = this.options;
-      if (w === void 0 && !Q)
+      const { layoutId: Q, layout: w } = this.options;
+      if (Q === void 0 && !w)
         return;
       const C = this.getTransformTemplate();
       this.prevTransformTemplateValue = C ? C(this.latestValues, "") : void 0, this.updateSnapshot(), e && this.notifyListeners("willUpdate");
@@ -5082,8 +5093,8 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
         return;
       }
       this.isUpdating || this.nodes.forEach(Wi), this.isUpdating = !1, this.nodes.forEach($i), this.nodes.forEach(Ti), this.nodes.forEach(Si), this.clearAllSnapshots();
-      const w = IA.now();
-      j.delta = aA(0, 1e3 / 60, w - j.timestamp), j.timestamp = w, j.isProcessing = !0, Xg.update.process(j), Xg.preRender.process(j), Xg.render.process(j), j.isProcessing = !1;
+      const Q = IA.now();
+      j.delta = aA(0, 1e3 / 60, Q - j.timestamp), j.timestamp = Q, j.isProcessing = !0, Xg.update.process(j), Xg.preRender.process(j), Xg.render.process(j), j.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, WB.read(this.scheduleUpdate));
@@ -5092,10 +5103,10 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       this.nodes.forEach(xi), this.sharedNodes.forEach(Bs);
     }
     scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, h.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, J.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      h.postRender(() => {
+      J.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
@@ -5109,90 +5120,90 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
         return;
       if (this.resumeFrom && !this.resumeFrom.instance)
-        for (let Q = 0; Q < this.path.length; Q++)
-          this.path[Q].updateScroll();
+        for (let w = 0; w < this.path.length; w++)
+          this.path[w].updateScroll();
       const e = this.layout;
       this.layout = this.measure(!1), this.layoutCorrected = F(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
-      const { visualElement: w } = this.options;
-      w && w.notify("LayoutMeasure", this.layout.layoutBox, e ? e.layoutBox : void 0);
+      const { visualElement: Q } = this.options;
+      Q && Q.notify("LayoutMeasure", this.layout.layoutBox, e ? e.layoutBox : void 0);
     }
     updateScroll(e = "measure") {
-      let w = !!(this.options.layoutScroll && this.instance);
-      if (this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === e && (w = !1), w) {
-        const Q = M(this.instance);
+      let Q = !!(this.options.layoutScroll && this.instance);
+      if (this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === e && (Q = !1), Q) {
+        const w = M(this.instance);
         this.scroll = {
           animationId: this.root.animationId,
           phase: e,
-          isRoot: Q,
+          isRoot: w,
           offset: B(this.instance),
-          wasRoot: this.scroll ? this.scroll.isRoot : Q
+          wasRoot: this.scroll ? this.scroll.isRoot : w
         };
       }
     }
     resetTransform() {
       if (!D)
         return;
-      const e = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, w = this.projectionDelta && !Vt(this.projectionDelta), Q = this.getTransformTemplate(), C = Q ? Q(this.latestValues, "") : void 0, s = C !== this.prevTransformTemplateValue;
-      e && (w || fA(this.latestValues) || s) && (D(this.instance, C), this.shouldResetTransform = !1, this.scheduleRender());
+      const e = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, Q = this.projectionDelta && !Vt(this.projectionDelta), w = this.getTransformTemplate(), C = w ? w(this.latestValues, "") : void 0, s = C !== this.prevTransformTemplateValue;
+      e && (Q || fA(this.latestValues) || s) && (D(this.instance, C), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(e = !0) {
-      const w = this.measurePageBox();
-      let Q = this.removeElementScroll(w);
-      return e && (Q = this.removeTransform(Q)), ts(Q), {
+      const Q = this.measurePageBox();
+      let w = this.removeElementScroll(Q);
+      return e && (w = this.removeTransform(w)), ts(w), {
         animationId: this.root.animationId,
-        measuredBox: w,
-        layoutBox: Q,
+        measuredBox: Q,
+        layoutBox: w,
         latestValues: {},
         source: this.id
       };
     }
     measurePageBox() {
       var e;
-      const { visualElement: w } = this.options;
-      if (!w)
+      const { visualElement: Q } = this.options;
+      if (!Q)
         return F();
-      const Q = w.measureViewportBox();
+      const w = Q.measureViewportBox();
       if (!(((e = this.scroll) === null || e === void 0 ? void 0 : e.wasRoot) || this.path.some(ws))) {
         const { scroll: s } = this.root;
-        s && (LA(Q.x, s.offset.x), LA(Q.y, s.offset.y));
+        s && (LA(w.x, s.offset.x), LA(w.y, s.offset.y));
       }
-      return Q;
+      return w;
     }
     removeElementScroll(e) {
-      var w;
-      const Q = F();
-      if (DA(Q, e), !((w = this.scroll) === null || w === void 0) && w.wasRoot)
-        return Q;
+      var Q;
+      const w = F();
+      if (DA(w, e), !((Q = this.scroll) === null || Q === void 0) && Q.wasRoot)
+        return w;
       for (let C = 0; C < this.path.length; C++) {
         const s = this.path[C], { scroll: o, options: I } = s;
-        s !== this.root && o && I.layoutScroll && (o.wasRoot && DA(Q, e), LA(Q.x, o.offset.x), LA(Q.y, o.offset.y));
+        s !== this.root && o && I.layoutScroll && (o.wasRoot && DA(w, e), LA(w.x, o.offset.x), LA(w.y, o.offset.y));
       }
-      return Q;
+      return w;
     }
-    applyTransform(e, w = !1) {
-      const Q = F();
-      DA(Q, e);
+    applyTransform(e, Q = !1) {
+      const w = F();
+      DA(w, e);
       for (let C = 0; C < this.path.length; C++) {
         const s = this.path[C];
-        !w && s.options.layoutScroll && s.scroll && s !== s.root && FA(Q, {
+        !Q && s.options.layoutScroll && s.scroll && s !== s.root && FA(w, {
           x: -s.scroll.offset.x,
           y: -s.scroll.offset.y
-        }), fA(s.latestValues) && FA(Q, s.latestValues);
+        }), fA(s.latestValues) && FA(w, s.latestValues);
       }
-      return fA(this.latestValues) && FA(Q, this.latestValues), Q;
+      return fA(this.latestValues) && FA(w, this.latestValues), w;
     }
     removeTransform(e) {
-      const w = F();
-      DA(w, e);
-      for (let Q = 0; Q < this.path.length; Q++) {
-        const C = this.path[Q];
+      const Q = F();
+      DA(Q, e);
+      for (let w = 0; w < this.path.length; w++) {
+        const C = this.path[w];
         if (!C.instance || !fA(C.latestValues))
           continue;
         GB(C.latestValues) && C.updateSnapshot();
         const s = F(), o = C.measurePageBox();
-        DA(s, o), fD(w, C.latestValues, C.snapshot ? C.snapshot.layoutBox : void 0, s);
+        DA(s, o), fD(Q, C.latestValues, C.snapshot ? C.snapshot.layoutBox : void 0, s);
       }
-      return fA(this.latestValues) && fD(w, this.latestValues), w;
+      return fA(this.latestValues) && fD(Q, this.latestValues), Q;
     }
     setTargetDelta(e) {
       this.targetDelta = e, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -5211,11 +5222,11 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== j.timestamp && this.relativeParent.resolveTargetDelta(!0);
     }
     resolveTargetDelta(e = !1) {
-      var w;
-      const Q = this.getLead();
-      this.isProjectionDirty || (this.isProjectionDirty = Q.isProjectionDirty), this.isTransformDirty || (this.isTransformDirty = Q.isTransformDirty), this.isSharedProjectionDirty || (this.isSharedProjectionDirty = Q.isSharedProjectionDirty);
-      const C = !!this.resumingFrom || this !== Q;
-      if (!(e || C && this.isSharedProjectionDirty || this.isProjectionDirty || !((w = this.parent) === null || w === void 0) && w.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
+      var Q;
+      const w = this.getLead();
+      this.isProjectionDirty || (this.isProjectionDirty = w.isProjectionDirty), this.isTransformDirty || (this.isTransformDirty = w.isTransformDirty), this.isSharedProjectionDirty || (this.isSharedProjectionDirty = w.isSharedProjectionDirty);
+      const C = !!this.resumingFrom || this !== w;
+      if (!(e || C && this.isSharedProjectionDirty || this.isProjectionDirty || !((Q = this.parent) === null || Q === void 0) && Q.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
         return;
       const { layout: o, layoutId: I } = this.options;
       if (!(!this.layout || !(o || I))) {
@@ -5242,17 +5253,17 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
     }
     calcProjection() {
       var e;
-      const w = this.getLead(), Q = !!this.resumingFrom || this !== w;
+      const Q = this.getLead(), w = !!this.resumingFrom || this !== Q;
       let C = !0;
-      if ((this.isProjectionDirty || !((e = this.parent) === null || e === void 0) && e.isProjectionDirty) && (C = !1), Q && (this.isSharedProjectionDirty || this.isTransformDirty) && (C = !1), this.resolvedRelativeTargetAt === j.timestamp && (C = !1), C)
+      if ((this.isProjectionDirty || !((e = this.parent) === null || e === void 0) && e.isProjectionDirty) && (C = !1), w && (this.isSharedProjectionDirty || this.isTransformDirty) && (C = !1), this.resolvedRelativeTargetAt === j.timestamp && (C = !1), C)
         return;
       const { layout: s, layoutId: o } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(s || o))
         return;
       DA(this.layoutCorrected, this.layout.layoutBox);
       const I = this.treeScale.x, n = this.treeScale.y;
-      ai(this.layoutCorrected, this.treeScale, this.path, Q), w.layout && !w.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (w.target = w.layout.layoutBox, w.targetWithTransforms = F());
-      const { target: r } = w;
+      ai(this.layoutCorrected, this.treeScale, this.path, w), Q.layout && !Q.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (Q.target = Q.layout.layoutBox, Q.targetWithTransforms = F());
+      const { target: r } = Q;
       if (!r) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
         return;
@@ -5266,33 +5277,33 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       this.isVisible = !0;
     }
     scheduleRender(e = !0) {
-      var w;
-      if ((w = this.options.visualElement) === null || w === void 0 || w.scheduleRender(), e) {
-        const Q = this.getStack();
-        Q && Q.scheduleRender();
+      var Q;
+      if ((Q = this.options.visualElement) === null || Q === void 0 || Q.scheduleRender(), e) {
+        const w = this.getStack();
+        w && w.scheduleRender();
       }
       this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
     }
     createProjectionDeltas() {
       this.prevProjectionDelta = PA(), this.projectionDelta = PA(), this.projectionDeltaWithTransform = PA();
     }
-    setAnimationOrigin(e, w = !1) {
-      const Q = this.snapshot, C = Q ? Q.latestValues : {}, s = { ...this.latestValues }, o = PA();
-      (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !w;
-      const I = F(), n = Q ? Q.source : void 0, r = this.layout ? this.layout.source : void 0, E = n !== r, G = this.getStack(), l = !G || G.members.length <= 1, c = !!(E && !l && this.options.crossfade === !0 && !this.path.some(Ds));
+    setAnimationOrigin(e, Q = !1) {
+      const w = this.snapshot, C = w ? w.latestValues : {}, s = { ...this.latestValues }, o = PA();
+      (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !Q;
+      const I = F(), n = w ? w.source : void 0, r = this.layout ? this.layout.source : void 0, E = n !== r, l = this.getStack(), G = !l || l.members.length <= 1, a = !!(E && !G && this.options.crossfade === !0 && !this.path.some(Ds));
       this.animationProgress = 0;
-      let y;
-      this.mixTargetDelta = (Z) => {
-        const a = Z / 1e3;
-        zD(o.x, e.x, a), zD(o.y, e.y, a), this.setTargetDelta(o), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Qg(I, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Ms(this.relativeTarget, this.relativeTargetOrigin, I, a), y && Fi(this.relativeTarget, y) && (this.isProjectionDirty = !1), y || (y = F()), DA(y, this.relativeTarget)), E && (this.animationValues = s, hi(s, C, this.latestValues, a, c, l)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = a;
+      let U;
+      this.mixTargetDelta = (q) => {
+        const c = q / 1e3;
+        zD(o.x, e.x, c), zD(o.y, e.y, c), this.setTargetDelta(o), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Qg(I, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Ms(this.relativeTarget, this.relativeTargetOrigin, I, c), U && Fi(this.relativeTarget, U) && (this.isProjectionDirty = !1), U || (U = F()), DA(U, this.relativeTarget)), E && (this.animationValues = s, hi(s, C, this.latestValues, c, a, G)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = c;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(e) {
-      this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (uA(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = h.update(() => {
+      this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (uA(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = J.update(() => {
         Zg.hasAnimatedSinceResize = !0, this.currentAnimation = di(0, RD, {
           ...e,
-          onUpdate: (w) => {
-            this.mixTargetDelta(w), e.onUpdate && e.onUpdate(w);
+          onUpdate: (Q) => {
+            this.mixTargetDelta(Q), e.onUpdate && e.onUpdate(Q);
           },
           onComplete: () => {
             e.onComplete && e.onComplete(), this.completeAnimation();
@@ -5310,24 +5321,24 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
     }
     applyTransformsToTarget() {
       const e = this.getLead();
-      let { targetWithTransforms: w, target: Q, layout: C, latestValues: s } = e;
-      if (!(!w || !Q || !C)) {
+      let { targetWithTransforms: Q, target: w, layout: C, latestValues: s } = e;
+      if (!(!Q || !w || !C)) {
         if (this !== e && this.layout && C && kt(this.options.animationType, this.layout.layoutBox, C.layoutBox)) {
-          Q = this.target || F();
+          w = this.target || F();
           const o = BA(this.layout.layoutBox.x);
-          Q.x.min = e.target.x.min, Q.x.max = Q.x.min + o;
+          w.x.min = e.target.x.min, w.x.max = w.x.min + o;
           const I = BA(this.layout.layoutBox.y);
-          Q.y.min = e.target.y.min, Q.y.max = Q.y.min + I;
+          w.y.min = e.target.y.min, w.y.max = w.y.min + I;
         }
-        DA(w, Q), FA(w, s), wg(this.projectionDeltaWithTransform, this.layoutCorrected, w, s);
+        DA(Q, w), FA(Q, s), wg(this.projectionDeltaWithTransform, this.layoutCorrected, Q, s);
       }
     }
-    registerSharedNode(e, w) {
-      this.sharedNodes.has(e) || this.sharedNodes.set(e, new bi()), this.sharedNodes.get(e).add(w);
-      const C = w.options.initialPromotionConfig;
-      w.promote({
+    registerSharedNode(e, Q) {
+      this.sharedNodes.has(e) || this.sharedNodes.set(e, new bi()), this.sharedNodes.get(e).add(Q);
+      const C = Q.options.initialPromotionConfig;
+      Q.promote({
         transition: C ? C.transition : void 0,
-        preserveFollowOpacity: C && C.shouldPreserveFollowOpacity ? C.shouldPreserveFollowOpacity(w) : void 0
+        preserveFollowOpacity: C && C.shouldPreserveFollowOpacity ? C.shouldPreserveFollowOpacity(Q) : void 0
       });
     }
     isLead() {
@@ -5336,22 +5347,22 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
     }
     getLead() {
       var e;
-      const { layoutId: w } = this.options;
-      return w ? ((e = this.getStack()) === null || e === void 0 ? void 0 : e.lead) || this : this;
+      const { layoutId: Q } = this.options;
+      return Q ? ((e = this.getStack()) === null || e === void 0 ? void 0 : e.lead) || this : this;
     }
     getPrevLead() {
       var e;
-      const { layoutId: w } = this.options;
-      return w ? (e = this.getStack()) === null || e === void 0 ? void 0 : e.prevLead : void 0;
+      const { layoutId: Q } = this.options;
+      return Q ? (e = this.getStack()) === null || e === void 0 ? void 0 : e.prevLead : void 0;
     }
     getStack() {
       const { layoutId: e } = this.options;
       if (e)
         return this.root.sharedNodes.get(e);
     }
-    promote({ needsReset: e, transition: w, preserveFollowOpacity: Q } = {}) {
+    promote({ needsReset: e, transition: Q, preserveFollowOpacity: w } = {}) {
       const C = this.getStack();
-      C && C.promote(this, Q), e && (this.projectionDelta = void 0, this.needsReset = !0), w && this.setOptions({ transition: w });
+      C && C.promote(this, w), e && (this.projectionDelta = void 0, this.needsReset = !0), Q && this.setOptions({ transition: Q });
     }
     relegate() {
       const e = this.getStack();
@@ -5361,12 +5372,12 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       const { visualElement: e } = this.options;
       if (!e)
         return;
-      let w = !1;
-      const { latestValues: Q } = e;
-      if ((Q.z || Q.rotate || Q.rotateX || Q.rotateY || Q.rotateZ || Q.skewX || Q.skewY) && (w = !0), !w)
+      let Q = !1;
+      const { latestValues: w } = e;
+      if ((w.z || w.rotate || w.rotateX || w.rotateY || w.rotateZ || w.skewX || w.skewY) && (Q = !0), !Q)
         return;
       const C = {};
-      Q.z && MB("z", e, C, this.animationValues);
+      w.z && MB("z", e, C, this.animationValues);
       for (let s = 0; s < BB.length; s++)
         MB(`rotate${BB[s]}`, e, C, this.animationValues), MB(`skew${BB[s]}`, e, C, this.animationValues);
       e.render();
@@ -5375,7 +5386,7 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       e.scheduleRender();
     }
     getProjectionStyles(e) {
-      var w, Q;
+      var Q, w;
       if (!this.instance || this.isSVG)
         return;
       if (!this.isVisible)
@@ -5393,17 +5404,17 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       const I = o.animationValues || o.latestValues;
       this.applyTransformsToTarget(), C.transform = Oi(this.projectionDeltaWithTransform, this.treeScale, I), s && (C.transform = s(I, C.transform));
       const { x: n, y: r } = this.projectionDelta;
-      C.transformOrigin = `${n.origin * 100}% ${r.origin * 100}% 0`, o.animationValues ? C.opacity = o === this ? (Q = (w = I.opacity) !== null && w !== void 0 ? w : this.latestValues.opacity) !== null && Q !== void 0 ? Q : 1 : this.preserveOpacity ? this.latestValues.opacity : I.opacityExit : C.opacity = o === this ? I.opacity !== void 0 ? I.opacity : "" : I.opacityExit !== void 0 ? I.opacityExit : 0;
+      C.transformOrigin = `${n.origin * 100}% ${r.origin * 100}% 0`, o.animationValues ? C.opacity = o === this ? (w = (Q = I.opacity) !== null && Q !== void 0 ? Q : this.latestValues.opacity) !== null && w !== void 0 ? w : 1 : this.preserveOpacity ? this.latestValues.opacity : I.opacityExit : C.opacity = o === this ? I.opacity !== void 0 ? I.opacity : "" : I.opacityExit !== void 0 ? I.opacityExit : 0;
       for (const E in kg) {
         if (I[E] === void 0)
           continue;
-        const { correct: G, applyTo: l } = kg[E], c = C.transform === "none" ? I[E] : G(I[E], o);
-        if (l) {
-          const y = l.length;
-          for (let Z = 0; Z < y; Z++)
-            C[l[Z]] = c;
+        const { correct: l, applyTo: G } = kg[E], a = C.transform === "none" ? I[E] : l(I[E], o);
+        if (G) {
+          const U = G.length;
+          for (let q = 0; q < U; q++)
+            C[G[q]] = a;
         } else
-          C[E] = c;
+          C[E] = a;
       }
       return this.options.layoutId && (C.pointerEvents = o === this ? yg(e == null ? void 0 : e.pointerEvents) || "" : "none"), C;
     }
@@ -5413,8 +5424,8 @@ function qt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
     // Only run on root
     resetTree() {
       this.root.nodes.forEach((e) => {
-        var w;
-        return (w = e.currentAnimation) === null || w === void 0 ? void 0 : w.stop();
+        var Q;
+        return (Q = e.currentAnimation) === null || Q === void 0 ? void 0 : Q.stop();
       }), this.root.nodes.forEach(hD), this.root.sharedNodes.clear();
     }
   };
@@ -5434,11 +5445,11 @@ function Si(A) {
       const I = e ? B.measuredBox[o] : B.layoutBox[o], n = BA(M[o]);
       I.max = I.min + n, A.relativeTarget && !A.currentAnimation && (A.isProjectionDirty = !0, A.relativeTarget[o].max = A.relativeTarget[o].min + n);
     });
-    const w = PA();
-    wg(w, M, B.layoutBox);
     const Q = PA();
-    e ? wg(Q, A.applyTransform(D, !0), B.measuredBox) : wg(Q, M, B.layoutBox);
-    const C = !Vt(w);
+    wg(Q, M, B.layoutBox);
+    const w = PA();
+    e ? wg(w, A.applyTransform(D, !0), B.measuredBox) : wg(w, M, B.layoutBox);
+    const C = !Vt(Q);
     let s = !1;
     if (!A.resumeFrom) {
       const o = A.getClosestProjectingParent();
@@ -5455,8 +5466,8 @@ function Si(A) {
     A.notifyListeners("didUpdate", {
       layout: M,
       snapshot: B,
-      delta: Q,
-      layoutDelta: w,
+      delta: w,
+      layoutDelta: Q,
       hasLayoutChanged: C,
       hasRelativeLayoutChanged: s
     });
@@ -5501,10 +5512,10 @@ function Bs(A) {
   A.removeLeadSnapshot();
 }
 function zD(A, g, B) {
-  A.translate = v(g.translate, 0, B), A.scale = v(g.scale, 1, B), A.origin = g.origin, A.originPoint = g.originPoint;
+  A.translate = P(g.translate, 0, B), A.scale = P(g.scale, 1, B), A.origin = g.origin, A.originPoint = g.originPoint;
 }
 function vD(A, g, B, M) {
-  A.min = v(g.min, B.min, M), A.max = v(g.max, B.max, M);
+  A.min = P(g.min, B.min, M), A.max = P(g.max, B.max, M);
 }
 function Ms(A, g, B, M) {
   vD(A.x, g.x, B.x, M), vD(A.y, g.y, B.y, M);
@@ -5568,7 +5579,7 @@ function bD(A, g, B) {
   const { props: M } = A;
   A.animationState && M.whileHover && A.animationState.setActive("whileHover", B === "Start");
   const D = "onHover" + B, t = M[D];
-  t && h.postRender(() => t(g, Gg(g)));
+  t && J.postRender(() => t(g, Gg(g)));
 }
 class is extends yA {
   mount() {
@@ -5604,7 +5615,7 @@ function OD(A, g, B) {
   const { props: M } = A;
   A.animationState && M.whileTap && A.animationState.setActive("whileTap", B === "Start");
   const D = "onTap" + (B === "End" ? "" : B), t = M[D];
-  t && h.postRender(() => t(g, Gg(g)));
+  t && J.postRender(() => t(g, Gg(g)));
 }
 class os extends yA {
   mount() {
@@ -5646,15 +5657,15 @@ class Gs extends yA {
       root: B ? B.current : void 0,
       rootMargin: M,
       threshold: typeof D == "number" ? D : ls[D]
-    }, w = (Q) => {
-      const { isIntersecting: C } = Q;
+    }, Q = (w) => {
+      const { isIntersecting: C } = w;
       if (this.isInView === C || (this.isInView = C, t && !C && this.hasEnteredView))
         return;
       C && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", C);
       const { onViewportEnter: s, onViewportLeave: o } = this.node.getProps(), I = C ? s : o;
-      I && I(Q);
+      I && I(w);
     };
-    return Es(this.node.current, e, w);
+    return Es(this.node.current, e, Q);
   }
   mount() {
     this.startObserver();
@@ -5739,19 +5750,19 @@ class Zs {
   scrapeMotionValuesFromProps(g, B, M) {
     return {};
   }
-  constructor({ parent: g, props: B, presenceContext: M, reducedMotionConfig: D, blockInitialAnimation: t, visualState: e }, w = {}) {
+  constructor({ parent: g, props: B, presenceContext: M, reducedMotionConfig: D, blockInitialAnimation: t, visualState: e }, Q = {}) {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = cM, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const n = IA.now();
-      this.renderScheduledAt < n && (this.renderScheduledAt = n, h.render(this.render, !1, !0));
+      this.renderScheduledAt < n && (this.renderScheduledAt = n, J.render(this.render, !1, !0));
     };
-    const { latestValues: Q, renderState: C, onUpdate: s } = e;
-    this.onUpdate = s, this.latestValues = Q, this.baseTarget = { ...Q }, this.initialValues = B.initial ? { ...Q } : {}, this.renderState = C, this.parent = g, this.props = B, this.presenceContext = M, this.depth = g ? g.depth + 1 : 0, this.reducedMotionConfig = D, this.options = w, this.blockInitialAnimation = !!t, this.isControllingVariants = Og(B), this.isVariantNode = ie(B), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(g && g.current);
+    const { latestValues: w, renderState: C, onUpdate: s } = e;
+    this.onUpdate = s, this.latestValues = w, this.baseTarget = { ...w }, this.initialValues = B.initial ? { ...w } : {}, this.renderState = C, this.parent = g, this.props = B, this.presenceContext = M, this.depth = g ? g.depth + 1 : 0, this.reducedMotionConfig = D, this.options = Q, this.blockInitialAnimation = !!t, this.isControllingVariants = Og(B), this.isVariantNode = ie(B), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(g && g.current);
     const { willChange: o, ...I } = this.scrapeMotionValuesFromProps(B, {}, this);
     for (const n in I) {
       const r = I[n];
-      Q[n] !== void 0 && X(r) && r.set(Q[n], !1);
+      w[n] !== void 0 && X(r) && r.set(w[n], !1);
     }
   }
   mount(g) {
@@ -5769,8 +5780,8 @@ class Zs {
   }
   bindToMotionValue(g, B) {
     this.valueSubscriptions.has(g) && this.valueSubscriptions.get(g)();
-    const M = RA.has(g), D = B.on("change", (w) => {
-      this.latestValues[g] = w, this.props.onUpdate && h.preRender(this.notifyUpdate), M && this.projection && (this.projection.isTransformDirty = !0);
+    const M = RA.has(g), D = B.on("change", (Q) => {
+      this.latestValues[g] = Q, this.props.onUpdate && J.preRender(this.notifyUpdate), M && this.projection && (this.projection.isTransformDirty = !0);
     }), t = B.on("renderRequest", this.scheduleRender);
     let e;
     window.MotionCheckAppearSync && (e = window.MotionCheckAppearSync(this, g, B)), this.valueSubscriptions.set(g, () => {
@@ -6063,33 +6074,33 @@ const vg = hs, Js = {
   all: 1
 };
 function zs(A, g, { root: B, margin: M, amount: D = "some" } = {}) {
-  const t = ke(A), e = /* @__PURE__ */ new WeakMap(), w = (C) => {
+  const t = ke(A), e = /* @__PURE__ */ new WeakMap(), Q = (C) => {
     C.forEach((s) => {
       const o = e.get(s.target);
       if (s.isIntersecting !== !!o)
         if (s.isIntersecting) {
           const I = g(s.target, s);
-          typeof I == "function" ? e.set(s.target, I) : Q.unobserve(s.target);
+          typeof I == "function" ? e.set(s.target, I) : w.unobserve(s.target);
         } else typeof o == "function" && (o(s), e.delete(s.target));
     });
-  }, Q = new IntersectionObserver(w, {
+  }, w = new IntersectionObserver(Q, {
     root: B,
     rootMargin: M,
     threshold: typeof D == "number" ? D : Js[D]
   });
-  return t.forEach((C) => Q.observe(C)), () => Q.disconnect();
+  return t.forEach((C) => w.observe(C)), () => w.disconnect();
 }
 function ht(A, { root: g, margin: B, amount: M, once: D = !1 } = {}) {
-  const [t, e] = J(!1);
+  const [t, e] = z(!1);
   return O(() => {
     if (!A.current || D && t)
       return;
-    const w = () => (e(!0), D ? void 0 : () => e(!1)), Q = {
+    const Q = () => (e(!0), D ? void 0 : () => e(!1)), w = {
       root: g && g.current || void 0,
       margin: B,
       amount: M
     };
-    return zs(A.current, w, Q);
+    return zs(A.current, Q, w);
   }, [g, A, B, D, M]), t;
 }
 const vs = N(
@@ -6099,84 +6110,86 @@ const vs = N(
     logo: B,
     heightLogo: M = "40px",
     widthLogo: D = "65px",
-    ...t
-  }, e) => {
-    const w = jB(), [Q, C] = J(!1), [s, o] = J(void 0), [I] = J(""), n = g.reduce((Z, a) => (Z[a.refId] = AA(null), Z), {}), r = () => C(!Q);
+    router: t,
+    handleOpenItem: e,
+    ...Q
+  }, w) => {
+    const C = jB(), [s, o] = z(!1), [I, n] = z(void 0), [r] = z(""), E = g.reduce((V, Z) => (V[Z.refId] = AA(null), V), {}), l = () => o(!s);
     O(() => {
-      g.forEach((a) => {
-        const V = n[a.refId];
-        if (V != null && V.current) {
-          const f = (U) => {
-            const Y = U.target;
-            o(Y.getBoundingClientRect());
+      g.forEach((Z) => {
+        const u = E[Z.refId];
+        if (u != null && u.current) {
+          const Y = (f) => {
+            const R = f.target;
+            n(R.getBoundingClientRect());
           };
-          V.current.addEventListener("mouseenter", f);
+          u.current.addEventListener("mouseenter", Y);
         }
       });
-      const Z = n[I];
-      return Z != null && Z.current && o(Z.current.getBoundingClientRect()), () => {
-        g.forEach((a) => {
-          const V = n[a.refId];
-          V != null && V.current && V.current.removeEventListener("mouseenter", () => {
+      const V = E[r];
+      return V != null && V.current && n(V.current.getBoundingClientRect()), () => {
+        g.forEach((Z) => {
+          const u = E[Z.refId];
+          u != null && u.current && u.current.removeEventListener("mouseenter", () => {
           });
         });
       };
-    }, [I, g, n]), O(() => {
-      const Z = window.matchMedia("(min-width: 640px)"), a = () => {
-        Z.matches && Q && C(!1);
+    }, [r, g, E]), O(() => {
+      const V = window.matchMedia("(min-width: 640px)"), Z = () => {
+        V.matches && s && o(!1);
       };
-      return Z.addEventListener("change", a), () => {
-        Z.removeEventListener("change", a);
+      return V.addEventListener("change", Z), () => {
+        V.removeEventListener("change", Z);
       };
-    }, [Q]);
-    const E = {
+    }, [s]);
+    const G = {
       goatData: "bg-zinc-900",
       secondary: "bg-[#ededed]",
-      experiences: "bg-zinc-900"
-    }, G = {
+      experiences: "bg-[#FFFFFF]"
+    }, a = {
       goatData: "#9a6d79",
       secondary: "#1f2937e7",
-      experiences: "#a8dbce"
-    }, l = {
+      experiences: "#6BC1E4"
+    }, U = {
       goatData: "#ff0145",
       secondary: "#ff0145",
       experiences: "#1f2937e7"
-    }, c = {
+    }, q = {
       goatData: "white",
       secondary: "#1F2937",
-      experiences: "white"
-    }, y = {
+      experiences: "#000000"
+    }, c = {
       goatData: "text-white",
       secondary: "text-[#1F2937]",
       experiences: "text-white"
     };
-    return /* @__PURE__ */ m("nav", { ref: e, ...t, style: { zIndex: 9999, position: "fixed", top: "0px", left: "0px", right: "0px" }, className: `${E[A]} bg-opacity-75`, children: [
-      /* @__PURE__ */ m("div", { style: { marginLeft: "auto", marginRight: "auto", maxWidth: "80rem", paddingLeft: w ? "0.5rem" : "1.5rem", paddingRight: w ? "0.5rem" : "1.5rem" }, children: [
-        /* @__PURE__ */ i(
+    return /* @__PURE__ */ y("nav", { ref: w, ...Q, style: { zIndex: 9999, position: "fixed", top: "0px", left: "0px", right: "0px" }, className: `${G[A]} ${A === "experiences" ? "bg-opacity-0" : "bg-opacity-75"} `, children: [
+      /* @__PURE__ */ y("div", { style: { marginLeft: "auto", marginRight: "auto", maxWidth: "80rem", paddingLeft: C ? "0.5rem" : "1.5rem", paddingRight: C ? "0.5rem" : "1.5rem" }, children: [
+        (A === "goatData" || A === "secondary") && /* @__PURE__ */ i(
           zg.div,
           {
-            style: { background: G[A], position: "absolute", opacity: 0.4, borderRadius: "0.25rem" },
+            style: { background: a[A], position: "absolute", opacity: 0.4, borderRadius: "0.25rem" },
             className: "z-20 pointer-events-none",
             animate: {
-              top: (s == null ? void 0 : s.top) || 0,
-              left: (s == null ? void 0 : s.left) || 0,
-              width: (s == null ? void 0 : s.width) || 0,
-              height: (s == null ? void 0 : s.height) || 0
+              top: (I == null ? void 0 : I.top) || 0,
+              left: (I == null ? void 0 : I.left) || 0,
+              width: (I == null ? void 0 : I.width) || 0,
+              height: (I == null ? void 0 : I.height) || 0
             }
           }
         ),
-        /* @__PURE__ */ m("div", { style: { position: "relative", display: "flex", height: "4rem", alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ i("div", { style: { position: "absolute", top: "0px", bottom: "0px", left: "0px", display: w ? "flex" : "none", alignItems: "center" }, children: /* @__PURE__ */ i("button", { className: `menu ${Q ? A === "secondary" ? "openedark" : "opened" : ""}`, onClick: r, "aria-label": "Main Menu", children: /* @__PURE__ */ m("svg", { width: "45", height: "45", viewBox: "0 0 100 100", style: { fill: "#f9f8f8 !important" }, children: [
-            /* @__PURE__ */ i("path", { className: A === "secondary" ? "linedark linedark1" : "line line1", d: "M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" }),
-            /* @__PURE__ */ i("path", { className: A === "secondary" ? "linedark linedark2" : "line line2", d: "M 20,50 H 80" }),
-            /* @__PURE__ */ i("path", { className: A === "secondary" ? "linedark linedark3" : "line line3", d: "M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942" })
+        /* @__PURE__ */ y("div", { style: { position: "relative", display: "flex", height: "4rem", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ i("div", { style: { position: "absolute", top: "0px", bottom: "0px", left: A === "experiences" ? "auto" : "0px", right: A === "experiences" ? "0px" : "auto", display: C ? "flex" : "none", alignItems: "center" }, children: /* @__PURE__ */ i("button", { className: `menu ${s ? A === "secondary" ? "openedark" : A === "experiences" ? "openeExperiences" : "opened" : ""}`, onClick: l, "aria-label": "Main Menu", children: /* @__PURE__ */ y("svg", { width: "45", height: "45", viewBox: "0 0 100 100", style: { fill: "#f9f8f8 !important" }, children: [
+            /* @__PURE__ */ i("path", { className: A === "secondary" ? "linedark linedark1" : A === "experiences" ? "lineExperiences lineExperiences1" : "line line1", d: "M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" }),
+            /* @__PURE__ */ i("path", { className: A === "secondary" ? "linedark linedark2" : A === "experiences" ? "lineExperiences lineExperiences2" : "line line2", d: "M 20,50 H 80" }),
+            /* @__PURE__ */ i("path", { className: A === "secondary" ? "linedark linedark3" : A === "experiences" ? "lineExperiences lineExperiences3" : "line line3", d: "M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942" })
           ] }) }) }),
-          /* @__PURE__ */ m("div", { style: { display: "flex", flex: "1 1 0%", alignItems: "center", justifyContent: w ? "center" : "stretch" }, children: [
-            /* @__PURE__ */ i("div", { className: "flex flex-shrink-0 items-center", children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center lg:ml-[120px] ml-0", children: [
+          /* @__PURE__ */ y("div", { style: { display: "flex", flex: A === "experiences" && C ? "" : "1 1 0%", alignItems: "center", justifyContent: C ? "center" : A === "experiences" ? "flex-end" : "stretch" }, children: [
+            /* @__PURE__ */ i("div", { className: "flex flex-shrink-0 items-center", style: { paddingLeft: A === "experiences" ? "20px" : "" }, children: /* @__PURE__ */ y("div", { className: "flex flex-col items-center lg:ml-[120px] ml-0", children: [
               /* @__PURE__ */ i(
                 "img",
                 {
-                  className: `${w ? "hidden" : "block"}`,
+                  className: `${C ? "hidden" : "block"}`,
                   style: { height: M && M.trim() !== "" ? M : "40px", width: D && D.trim() !== "" ? D : "65px" },
                   src: B && B.trim() !== "" ? B : A === "secondary" ? KA : pA,
                   alt: "Logo"
@@ -6185,27 +6198,90 @@ const vs = N(
               /* @__PURE__ */ i(
                 "img",
                 {
-                  className: `${w ? "block" : "hidden"}`,
+                  className: `${C ? "block" : "hidden"}`,
                   style: { height: M && M.trim() !== "" ? M : "40px", width: D && D.trim() !== "" ? D : "65px" },
                   src: B && B.trim() !== "" ? B : A === "secondary" ? KA : pA,
                   alt: "Logo"
                 }
               ),
-              (!B || B.trim() === "") && /* @__PURE__ */ i("div", { className: `text-[10px] ${y[A]} tracking-[4px]`, children: "DATA" })
+              (!B || B.trim() === "") && /* @__PURE__ */ i("div", { className: `text-[10px] ${c[A]} tracking-[4px]`, children: "DATA" })
             ] }) }),
-            /* @__PURE__ */ i("div", { style: { display: w ? "none" : "block", flexGrow: 1, marginLeft: "1.5rem" }, children: /* @__PURE__ */ i("nav", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ i("ul", { className: "flex space-x-4", children: g.map(({ label: Z, href: a, refId: V }) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(fM, { href: a, Viewport: l[A], colorButton: c[A], setIsOpen: C, children: /* @__PURE__ */ i(
-              "div",
+            /* @__PURE__ */ i("div", { style: { display: C ? "none" : "block", flexGrow: 1, marginLeft: "1.5rem" }, children: /* @__PURE__ */ i("nav", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ i("ul", { className: "flex space-x-4", children: g.map(({ label: V, href: Z, refId: u, open: Y, routerApp: f, link: R }) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+              fM,
               {
-                id: V,
-                ref: n[V],
-                style: { padding: "6px", color: c[A] },
-                children: Z
+                href: Z,
+                Viewport: U[A],
+                colorButton: q[A],
+                setIsOpen: o,
+                open: Y,
+                routerApp: f,
+                handleOpen: e,
+                handleRouter: () => {
+                  t.push(R);
+                },
+                children: /* @__PURE__ */ i(
+                  "div",
+                  {
+                    id: u,
+                    ref: E[u],
+                    className: `
+                                                            relative inline-block px-2 py-2
+                                                            text-[${q[A]}]
+                                                            after:content-['']
+                                                            after:absolute
+                                                            after:left-0
+                                                            after:bottom-0
+                                                            after:h-[3px]
+                                                            after:w-0
+                                                            ${A === "experiences" ? "after:bg-[#6BC1E4]" : "after:bg-transparent"}
+                                                            after:transition-all
+                                                            after:duration-300
+                                                            group-hover:after:w-full
+                                                        `,
+                    children: V
+                  }
+                )
               }
-            ) }) }, a)) }) }) })
+            ) }, Z)) }) }) })
           ] })
         ] })
       ] }),
-      Q && /* @__PURE__ */ i("div", { className: "space-y-1 px-2 pt-2 pb-3", children: g.map(({ label: Z, href: a }) => /* @__PURE__ */ i(fM, { href: a, Viewport: l[A], colorButton: c[A], setIsOpen: C, children: Z }, a)) })
+      s && /* @__PURE__ */ i("div", { style: { display: A === "experiences" && C ? "flex" : "", flexDirection: "column", alignItems: "start", marginLeft: A === "experiences" && C ? "50%" : "" }, className: "space-y-1 px-2 pt-2 pb-3", children: g.map(({ label: V, href: Z, open: u, routerApp: Y, link: f }) => /* @__PURE__ */ i(
+        fM,
+        {
+          href: Z,
+          Viewport: U[A],
+          colorButton: q[A],
+          setIsOpen: o,
+          open: u,
+          routerApp: Y,
+          handleOpen: e,
+          handleRouter: () => {
+            t.push(f);
+          },
+          children: /* @__PURE__ */ i(
+            "div",
+            {
+              className: `
+                                        relative inline-block px-2 py-1
+                                        text-[${q[A]}]
+                                        after:content-['']
+                                        after:absolute
+                                        after:left-0
+                                        after:bottom-0
+                                        after:h-[3px]
+                                        after:w-0
+                                        ${A === "experiences" ? "after:bg-[#6BC1E4]" : "after:bg-transparent"}
+                                        after:transition-all
+                                        after:duration-300
+                                        group-hover:after:w-full
+                                    `,
+              children: V
+            }
+          )
+        },
+        Z
+      )) })
     ] });
   }
 );
@@ -6239,15 +6315,15 @@ const Ps = () => ({
     className: g,
     ...B
   }, M) => {
-    const D = AA(null), t = M || D, e = ht(t, { once: !1 }), w = vg(), Q = vg();
+    const D = AA(null), t = M || D, e = ht(t, { once: !1 }), Q = vg(), w = vg();
     return O(() => {
-      t.current && e && (w.start("visible"), Q.start("visible"));
-    }, [e, w, Q, t]), /* @__PURE__ */ i("div", { ref: t, ...B, children: /* @__PURE__ */ i(
+      t.current && e && (Q.start("visible"), w.start("visible"));
+    }, [e, Q, w, t]), /* @__PURE__ */ i("div", { ref: t, ...B, children: /* @__PURE__ */ i(
       zg.div,
       {
         variants: Ps(),
         initial: "hidden",
-        animate: w,
+        animate: Q,
         exit: "hidden",
         className: g,
         children: A
@@ -6265,9 +6341,9 @@ const OA = N(
     delay: D = 0.5,
     ...t
   }, e) => {
-    const w = AA(null), Q = (n) => {
-      w.current = n, typeof e == "function" ? e(n) : e && (e.current = n);
-    }, C = ht(w, { once: !1 }), s = vg(), o = vg(), I = {
+    const Q = AA(null), w = (n) => {
+      Q.current = n, typeof e == "function" ? e(n) : e && (e.current = n);
+    }, C = ht(Q, { once: !1 }), s = vg(), o = vg(), I = {
       primary: "#1F2937",
       secondary: "#ededed",
       vividPink: "#ff0145",
@@ -6281,7 +6357,7 @@ const OA = N(
     };
     return O(() => {
       C && (s.start("visible"), o.start("visible"));
-    }, [C, s, o]), /* @__PURE__ */ m("div", { ref: Q, ...t, className: "relative overflow-hidden w-fit", children: [
+    }, [C, s, o]), /* @__PURE__ */ y("div", { ref: w, ...t, className: "relative overflow-hidden w-fit", children: [
       /* @__PURE__ */ i(
         zg.div,
         {
@@ -6330,30 +6406,30 @@ const Ls = N(
     explore: D = {},
     overlap: t = {},
     nameImages: e = !1,
-    nameImagesBotton: w = !1,
-    handletext4: Q,
+    nameImagesBotton: Q = !1,
+    handletext4: w,
     handletext5: C,
     ...s
   }, o) => {
-    var f, U;
-    const [I, n] = J(0), r = AA(null), E = AA(null), G = AA(null), l = (Y) => {
+    var Z, u;
+    const [I, n] = z(0), r = AA(null), E = AA(null), l = AA(null), G = (Y) => {
       E.current = Y.touches[0].clientX;
-    }, c = (Y) => {
-      G.current = Y.touches[0].clientX;
-    }, y = () => {
-      if (!E.current || !G.current) return;
-      const Y = E.current - G.current;
-      Y > 50 ? I < A.length - 1 && n(I + 1) : Y < -50 && I > 0 && n(I - 1), E.current = null, G.current = null;
-    }, Z = () => {
+    }, a = (Y) => {
+      l.current = Y.touches[0].clientX;
+    }, U = () => {
+      if (!E.current || !l.current) return;
+      const Y = E.current - l.current;
+      Y > 50 ? I < A.length - 1 && n(I + 1) : Y < -50 && I > 0 && n(I - 1), E.current = null, l.current = null;
+    }, q = () => {
       n((Y) => (Y + 1) % A.length);
     };
-    if (O(() => (A.length > 0 && (r.current = setInterval(Z, B)), () => {
+    if (O(() => (A.length > 0 && (r.current = setInterval(q, B)), () => {
       r.current && clearInterval(r.current);
     }), [B, A.length]), !A || A.length === 0)
       return /* @__PURE__ */ i("header", { ...s, className: "relative w-full overflow-hidden", style: { height: M }, children: /* @__PURE__ */ i("p", { className: "text-center text-gray-500", children: "No hay imágenes para mostrar" }) });
-    const a = (Y) => {
-      const q = document.getElementById(Y.slice(1));
-      q && q.scrollIntoView({ behavior: "smooth" });
+    const c = (Y) => {
+      const f = document.getElementById(Y.slice(1));
+      f && f.scrollIntoView({ behavior: "smooth" });
     }, V = {
       primary: "text-white",
       secondary: "text-white",
@@ -6366,28 +6442,28 @@ const Ls = N(
       tertiary: "text--[#d4d3d3]",
       experiences: "text-[#a8dbce]"
     };
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ y(
       "header",
       {
         ref: o,
         ...s,
         style: { height: M, position: "relative", width: "100%", overflow: "hidden" },
-        onTouchStart: l,
-        onTouchMove: c,
-        onTouchEnd: y,
+        onTouchStart: G,
+        onTouchMove: a,
+        onTouchEnd: U,
         children: [
-          t && /* @__PURE__ */ m("div", { style: { position: "absolute", inset: "0px", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" }, className: "text-center z-20 text-white", children: [
-            /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ m("h1", { className: "text-3xl md:text-5xl font-bold animate-fade-in-up", children: [
+          t && /* @__PURE__ */ y("div", { style: { position: "absolute", inset: "0px", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" }, className: "text-center z-20 text-white", children: [
+            /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ y("h1", { className: "text-3xl md:text-5xl font-bold animate-fade-in-up", children: [
               t.text1,
               /* @__PURE__ */ i("span", { className: `${V[g]}`, children: t.text2 })
             ] }) }),
             /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ i("p", { className: "text-sm md:text-lg mb-6", children: t.text3 }) }),
-            /* @__PURE__ */ m("div", { className: "flex gap-4", children: [
-              t.text4 && /* @__PURE__ */ i(OA, { variant: g, duration: 1, delay: 1, children: /* @__PURE__ */ i("div", { className: "flex", style: { padding: "5px" }, children: /* @__PURE__ */ i(Cg, { variant: g, onClick: Q, size: "small", label: t.text4 }) }) }),
+            /* @__PURE__ */ y("div", { className: "flex gap-4", children: [
+              t.text4 && /* @__PURE__ */ i(OA, { variant: g, duration: 1, delay: 1, children: /* @__PURE__ */ i("div", { className: "flex", style: { padding: "5px" }, children: /* @__PURE__ */ i(Cg, { variant: g, onClick: w, size: "small", label: t.text4 }) }) }),
               t.text5 && /* @__PURE__ */ i(OA, { variant: "tertiary", duration: 1, delay: 1, children: /* @__PURE__ */ i("div", { className: "flex", style: { padding: "5px" }, children: /* @__PURE__ */ i(Cg, { variant: "tertiary", onClick: C, size: "small", label: t.text5 }) }) })
             ] })
           ] }),
-          (D == null ? void 0 : D.content) && /* @__PURE__ */ i("div", { className: "absolute z-20 bottom-8 left-1/2 transform -translate-x-1/2 pointer-events-auto", children: /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ m("a", { onClick: () => D.content && a(D.content), className: "flex flex-col items-center text-white cursor-pointer", children: [
+          (D == null ? void 0 : D.content) && /* @__PURE__ */ i("div", { className: "absolute z-20 bottom-8 left-1/2 transform -translate-x-1/2 pointer-events-auto", children: /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ y("a", { onClick: () => D.content && c(D.content), className: "flex flex-col items-center text-white cursor-pointer", children: [
             /* @__PURE__ */ i("span", { className: "mb-2 text-lg font-medium", children: "Explora más" }),
             /* @__PURE__ */ i(
               "svg",
@@ -6409,8 +6485,8 @@ const Ls = N(
               }
             )
           ] }) }) }),
-          e && /* @__PURE__ */ i("div", { className: "absolute inset-0 flex flex-col justify-center items-center text-white z-10 transition-opacity duration-700 ease-in-out", children: /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ i("h1", { className: "text-4xl font-bold", children: ((f = A[I]) == null ? void 0 : f.alt) || "Título dinámico" }, I) }) }),
-          w && /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ i("div", { className: "absolute bottom-8 left-1/2 transform -translate-x-1/2 text-center z-10", children: /* @__PURE__ */ i("p", { className: "text-lg font-medium text-white", children: (U = A[I]) == null ? void 0 : U.alt }) }) }),
+          e && /* @__PURE__ */ i("div", { className: "absolute inset-0 flex flex-col justify-center items-center text-white z-10 transition-opacity duration-700 ease-in-out", children: /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ i("h1", { className: "text-4xl font-bold", children: ((Z = A[I]) == null ? void 0 : Z.alt) || "Título dinámico" }, I) }) }),
+          Q && /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ i("div", { className: "absolute bottom-8 left-1/2 transform -translate-x-1/2 text-center z-10", children: /* @__PURE__ */ i("p", { className: "text-lg font-medium text-white", children: (u = A[I]) == null ? void 0 : u.alt }) }) }),
           /* @__PURE__ */ i(
             "div",
             {
@@ -6419,11 +6495,11 @@ const Ls = N(
                 transform: `translateX(-${I * 100}%)`,
                 height: M
               },
-              children: A.map(({ src: Y, alt: q, href: P }, MA) => /* @__PURE__ */ i("div", { id: "large-header", className: "relative w-full flex-shrink-0 large-header", children: P ? /* @__PURE__ */ i("a", { href: P, children: /* @__PURE__ */ i(
+              children: A.map(({ src: Y, alt: f, href: R }, MA) => /* @__PURE__ */ i("div", { id: "large-header", className: "relative w-full flex-shrink-0 large-header", children: R ? /* @__PURE__ */ i("a", { href: R, children: /* @__PURE__ */ i(
                 "img",
                 {
                   src: Y,
-                  alt: q,
+                  alt: f,
                   className: "w-full h-full object-cover",
                   style: { height: M }
                 }
@@ -6431,20 +6507,20 @@ const Ls = N(
                 "img",
                 {
                   src: Y,
-                  alt: q,
+                  alt: f,
                   className: "w-full h-full object-cover",
                   style: { height: M }
                 }
               ) }, MA))
             }
           ),
-          /* @__PURE__ */ i("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2 z-30", children: A.map((Y, q) => /* @__PURE__ */ i(OA, { variant: "tertiary", duration: 1, delay: 1, children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2 z-30", children: A.map((Y, f) => /* @__PURE__ */ i(OA, { variant: "tertiary", duration: 1, delay: 1, children: /* @__PURE__ */ i(
             "button",
             {
-              onClick: () => n(q),
-              className: `w-3 h-3 rounded-full ${I === q ? "bg-white" : "bg-gray-400"}`
+              onClick: () => n(f),
+              className: `w-3 h-3 rounded-full ${I === f ? "bg-white" : "bg-gray-400"}`
             },
-            q
+            f
           ) })) })
         ]
       }
@@ -6453,11 +6529,11 @@ const Ls = N(
 );
 Ls.displayName = "Header";
 const Jt = ({ infoText: A, disabled: g = !1, bgStyles: B }) => {
-  const [M, D] = J(!1);
-  return /* @__PURE__ */ m(
+  const [M, D] = z(!1);
+  return /* @__PURE__ */ y(
     "div",
     {
-      className: R("relative flex items-center", {
+      className: h("relative flex items-center", {
         "cursor-not-allowed opacity-60": g,
         "cursor-pointer": !g
       }),
@@ -6468,7 +6544,7 @@ const Jt = ({ infoText: A, disabled: g = !1, bgStyles: B }) => {
           Bw,
           {
             size: 13,
-            className: R("ml-1", {
+            className: h("ml-1", {
               "text-gray-400": g,
               "text-gray-700": !g
             })
@@ -6487,8 +6563,8 @@ const Jt = ({ infoText: A, disabled: g = !1, bgStyles: B }) => {
     icon: D,
     placeholder: t = "Enter text",
     title: e,
-    info: w = !1,
-    infoText: Q,
+    info: Q = !1,
+    infoText: w,
     positionIcon: C = "left",
     type: s = "text",
     error: o = !1,
@@ -6496,11 +6572,11 @@ const Jt = ({ infoText: A, disabled: g = !1, bgStyles: B }) => {
     className: n,
     ...r
   }, E) => {
-    const [G, l] = J(s), c = () => {
-      l(
+    const [l, G] = z(s), a = () => {
+      G(
         (Y) => Y === "password" ? "text" : "password"
       );
-    }, y = R(
+    }, U = h(
       "rounded-lg font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 w-full",
       {
         "text-gray-900": A !== "secondary",
@@ -6508,7 +6584,7 @@ const Jt = ({ infoText: A, disabled: g = !1, bgStyles: B }) => {
         "bg-gray-200": B,
         "border border-[#b91c1c] focus:ring-[#b91c1c]": o
       }
-    ), Z = {
+    ), q = {
       primary: "border border-[#1F2937] focus:ring-[#1F2937]",
       secondary: "border border-[#d4d3d3] bg-transparent focus:ring-[#1F2937]",
       vividPink: "border border-[#ff0145] focus:ring-[#ff0145]",
@@ -6518,7 +6594,7 @@ const Jt = ({ infoText: A, disabled: g = !1, bgStyles: B }) => {
       warning: "border border-[#f59e0b] focus:ring-[#f59e0b]",
       success: "border border-[#047857] focus:ring-[#047857]",
       tertiary: "border border-[#d4d3d3] bg-[#f8f9fa] focus:ring-[#1F2937]"
-    }, a = {
+    }, c = {
       primary: "#1F2937",
       secondary: "#73787f",
       vividPink: "#ff0145",
@@ -6532,22 +6608,22 @@ const Jt = ({ infoText: A, disabled: g = !1, bgStyles: B }) => {
       small: "px-4 py-1.5 text-xs",
       medium: "px-6 py-2.5 text-base",
       large: "px-8 py-3 text-lg"
-    }, f = () => M === "home" ? /* @__PURE__ */ i(pB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "Left" ? /* @__PURE__ */ i(mB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "right" ? /* @__PURE__ */ i(yB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "save" ? /* @__PURE__ */ i(zB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "more" ? /* @__PURE__ */ i(fB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "update" ? /* @__PURE__ */ i(qB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "attach" ? /* @__PURE__ */ i(RB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "send" ? /* @__PURE__ */ i(LB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "delete" ? /* @__PURE__ */ i(UB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "edit" ? /* @__PURE__ */ i(ZB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "login" ? /* @__PURE__ */ i(PB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "reset" ? /* @__PURE__ */ i(VB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "add" ? /* @__PURE__ */ i(dB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "exit" ? /* @__PURE__ */ i(vB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "off" ? /* @__PURE__ */ i(JB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "calculator" ? /* @__PURE__ */ i(KB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "list" ? /* @__PURE__ */ i(kB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "futbol" ? /* @__PURE__ */ i(hB, { size: g === "small" ? 15 : 20, color: a[A] }) : null, U = () => _.isValidElement(D) ? _.cloneElement(D, { className: "w-5 h-5" }) : f();
-    return /* @__PURE__ */ m("div", { className: "relative", children: [
-      e && /* @__PURE__ */ m("div", { className: "flex items-center text-xs mb-1 font-medium text-gray-800", children: [
+    }, Z = () => M === "home" ? /* @__PURE__ */ i(pB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "Left" ? /* @__PURE__ */ i(mB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "right" ? /* @__PURE__ */ i(yB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "save" ? /* @__PURE__ */ i(zB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "more" ? /* @__PURE__ */ i(fB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "update" ? /* @__PURE__ */ i(qB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "attach" ? /* @__PURE__ */ i(RB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "send" ? /* @__PURE__ */ i(LB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "delete" ? /* @__PURE__ */ i(UB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "edit" ? /* @__PURE__ */ i(ZB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "login" ? /* @__PURE__ */ i(PB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "reset" ? /* @__PURE__ */ i(VB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "add" ? /* @__PURE__ */ i(dB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "exit" ? /* @__PURE__ */ i(vB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "off" ? /* @__PURE__ */ i(JB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "calculator" ? /* @__PURE__ */ i(KB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "list" ? /* @__PURE__ */ i(kB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "futbol" ? /* @__PURE__ */ i(hB, { size: g === "small" ? 15 : 20, color: c[A] }) : null, u = () => _.isValidElement(D) ? _.cloneElement(D, { className: "w-5 h-5" }) : Z();
+    return /* @__PURE__ */ y("div", { className: "relative", children: [
+      e && /* @__PURE__ */ y("div", { className: "flex items-center text-xs mb-1 font-medium text-gray-800", children: [
         /* @__PURE__ */ i("span", { style: { color: A === "tertiary" ? "#73787f" : "" }, children: e }),
-        w && Q && /* @__PURE__ */ i(Jt, { infoText: Q, disabled: B, bgStyles: a[A] })
+        Q && w && /* @__PURE__ */ i(Jt, { infoText: w, disabled: B, bgStyles: c[A] })
       ] }),
-      /* @__PURE__ */ m("div", { className: "relative flex items-center", children: [
-        D && C === "left" && /* @__PURE__ */ i("span", { className: "absolute left-3", children: U() }),
+      /* @__PURE__ */ y("div", { className: "relative flex items-center", children: [
+        D && C === "left" && /* @__PURE__ */ i("span", { className: "absolute left-3", children: u() }),
         /* @__PURE__ */ i(
           "input",
           {
             ref: E,
-            type: G,
-            className: R(
-              y,
-              o ? "border-[#b91c1c] focus:ring-[#b91c1c]" : Z[A],
+            type: l,
+            className: h(
+              U,
+              o ? "border-[#b91c1c] focus:ring-[#b91c1c]" : q[A],
               g in V ? V[g] : "",
               {
                 "pl-10": D && C === "left",
@@ -6565,12 +6641,12 @@ const Jt = ({ infoText: A, disabled: g = !1, bgStyles: B }) => {
           "span",
           {
             className: "absolute right-3 cursor-pointer",
-            onClick: c,
-            children: G === "password" ? /* @__PURE__ */ i(Aw, { size: 20, color: a[A] }) : /* @__PURE__ */ i(gw, { size: 20, color: a[A] })
+            onClick: a,
+            children: l === "password" ? /* @__PURE__ */ i(Aw, { size: 20, color: c[A] }) : /* @__PURE__ */ i(gw, { size: 20, color: c[A] })
           }
         )
       ] }),
-      o && I && /* @__PURE__ */ m("div", { className: "flex items-center gap-2 text-red-600 text-xs mt-1", children: [
+      o && I && /* @__PURE__ */ y("div", { className: "flex items-center gap-2 text-red-600 text-xs mt-1", children: [
         /* @__PURE__ */ i(xD, { size: 16 }),
         /* @__PURE__ */ i("span", { children: I })
       ] })
@@ -6587,8 +6663,8 @@ const bs = _.forwardRef(
     icon: D,
     placeholder: t = "Select an option",
     title: e,
-    info: w = !1,
-    infoText: Q,
+    info: Q = !1,
+    infoText: w,
     positionIcon: C = "left",
     error: s = !1,
     errorMessage: o = "",
@@ -6596,7 +6672,7 @@ const bs = _.forwardRef(
     className: n,
     ...r
   }, E) => {
-    const G = R(
+    const l = h(
       "rounded-lg font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 w-full",
       {
         "text-gray-900": A !== "secondary",
@@ -6604,7 +6680,7 @@ const bs = _.forwardRef(
         "bg-gray-200": B,
         "border border-[#b91c1c] focus:ring-[#b91c1c]": s
       }
-    ), l = {
+    ), G = {
       primary: "border border-[#1F2937] focus:ring-[#1F2937]",
       secondary: "border border-[#d4d3d3] bg-transparent focus:ring-[#1F2937]",
       vividPink: "border border-[#ff0145] focus:ring-[#ff0145]",
@@ -6614,7 +6690,7 @@ const bs = _.forwardRef(
       warning: "border border-[#f59e0b] focus:ring-[#f59e0b]",
       success: "border border-[#047857] focus:ring-[#047857]",
       tertiary: "border border-[#d4d3d3] bg-[#f8f9fa] focus:ring-[#1F2937]"
-    }, c = {
+    }, a = {
       primary: "#1F2937",
       secondary: "#73787f",
       vividPink: "#ff0145",
@@ -6624,26 +6700,26 @@ const bs = _.forwardRef(
       warning: "#f59e0b",
       success: "#047857",
       tertiary: "#73787f"
-    }, y = {
+    }, U = {
       small: "px-4 py-1.5 text-xs",
       medium: "px-6 py-2.5 text-base",
       large: "px-8 py-3 text-lg"
-    }, Z = () => M === "home" ? /* @__PURE__ */ i(pB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "Left" ? /* @__PURE__ */ i(mB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "right" ? /* @__PURE__ */ i(yB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "save" ? /* @__PURE__ */ i(zB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "more" ? /* @__PURE__ */ i(fB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "update" ? /* @__PURE__ */ i(qB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "attach" ? /* @__PURE__ */ i(RB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "send" ? /* @__PURE__ */ i(LB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "delete" ? /* @__PURE__ */ i(UB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "edit" ? /* @__PURE__ */ i(ZB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "login" ? /* @__PURE__ */ i(PB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "reset" ? /* @__PURE__ */ i(VB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "add" ? /* @__PURE__ */ i(dB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "exit" ? /* @__PURE__ */ i(vB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "off" ? /* @__PURE__ */ i(JB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "calculator" ? /* @__PURE__ */ i(KB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "list" ? /* @__PURE__ */ i(kB, { size: g === "small" ? 15 : 20, color: c[A] }) : M === "futbol" ? /* @__PURE__ */ i(hB, { size: g === "small" ? 15 : 20, color: c[A] }) : null, a = () => _.isValidElement(D) ? _.cloneElement(D, { className: "w-5 h-5" }) : Z();
-    return /* @__PURE__ */ m("div", { className: "relative", children: [
-      e && /* @__PURE__ */ m("div", { className: "flex items-center text-xs mb-1 font-medium text-gray-800", children: [
+    }, q = () => M === "home" ? /* @__PURE__ */ i(pB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "Left" ? /* @__PURE__ */ i(mB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "right" ? /* @__PURE__ */ i(yB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "save" ? /* @__PURE__ */ i(zB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "more" ? /* @__PURE__ */ i(fB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "update" ? /* @__PURE__ */ i(qB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "attach" ? /* @__PURE__ */ i(RB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "send" ? /* @__PURE__ */ i(LB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "delete" ? /* @__PURE__ */ i(UB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "edit" ? /* @__PURE__ */ i(ZB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "login" ? /* @__PURE__ */ i(PB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "reset" ? /* @__PURE__ */ i(VB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "add" ? /* @__PURE__ */ i(dB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "exit" ? /* @__PURE__ */ i(vB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "off" ? /* @__PURE__ */ i(JB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "calculator" ? /* @__PURE__ */ i(KB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "list" ? /* @__PURE__ */ i(kB, { size: g === "small" ? 15 : 20, color: a[A] }) : M === "futbol" ? /* @__PURE__ */ i(hB, { size: g === "small" ? 15 : 20, color: a[A] }) : null, c = () => _.isValidElement(D) ? _.cloneElement(D, { className: "w-5 h-5" }) : q();
+    return /* @__PURE__ */ y("div", { className: "relative", children: [
+      e && /* @__PURE__ */ y("div", { className: "flex items-center text-xs mb-1 font-medium text-gray-800", children: [
         /* @__PURE__ */ i("span", { style: { color: A === "tertiary" ? "#73787f" : "" }, children: e }),
-        w && Q && /* @__PURE__ */ i(Jt, { infoText: Q, disabled: B, bgStyles: c[A] })
+        Q && w && /* @__PURE__ */ i(Jt, { infoText: w, disabled: B, bgStyles: a[A] })
       ] }),
-      /* @__PURE__ */ m("div", { className: "relative flex items-center", children: [
-        D && C === "left" && /* @__PURE__ */ i("span", { className: "absolute left-3", children: a() }),
-        /* @__PURE__ */ m(
+      /* @__PURE__ */ y("div", { className: "relative flex items-center", children: [
+        D && C === "left" && /* @__PURE__ */ i("span", { className: "absolute left-3", children: c() }),
+        /* @__PURE__ */ y(
           "select",
           {
             ref: E,
-            className: R(
-              G,
-              s ? "border-[#b91c1c] focus:ring-[#b91c1c]" : l[A],
-              g in y ? y[g] : "",
+            className: h(
+              l,
+              s ? "border-[#b91c1c] focus:ring-[#b91c1c]" : G[A],
+              g in U ? U[g] : "",
               {
                 "pl-10": D && C === "left",
                 "pr-10": D && C === "right",
@@ -6660,7 +6736,7 @@ const bs = _.forwardRef(
                   value: "",
                   disabled: !0,
                   selected: !0,
-                  className: `bg-[${c[A]}] text-white text-sm`,
+                  className: `bg-[${a[A]}] text-white text-sm`,
                   children: t
                 }
               ),
@@ -6668,7 +6744,7 @@ const bs = _.forwardRef(
                 "option",
                 {
                   value: V.value,
-                  className: `bg-[${c[A]}] text-white text-sm`,
+                  className: `bg-[${a[A]}] text-white text-sm`,
                   children: V.label
                 },
                 V.value
@@ -6677,7 +6753,7 @@ const bs = _.forwardRef(
           }
         )
       ] }),
-      s && o && /* @__PURE__ */ m("div", { className: "flex items-center gap-2 text-red-600 text-xs mt-1", children: [
+      s && o && /* @__PURE__ */ y("div", { className: "flex items-center gap-2 text-red-600 text-xs mt-1", children: [
         /* @__PURE__ */ i(xD, { size: 16 }),
         /* @__PURE__ */ i("span", { children: o })
       ] })
@@ -6694,49 +6770,49 @@ const Os = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZUAAATaCAYAAAA0mz/uAA
     list: D = [],
     dataFiscal: t = {},
     logo: e,
-    router: w,
-    extraComponent: Q,
+    router: Q,
+    extraComponent: w,
     heightLogo: C = "60px",
     widthLogo: s = "85px",
     company: o = "2025 GOAT DATA",
     ...I
   }, n) => {
-    const [r] = J("Hola, Necesito más información!"), E = `
+    const [r] = z("Hola, Necesito más información!"), E = `
                 p-2 rounded-lg text-sm bg-transparent opacity-70
                 cursor-pointer tracking-widest
-            `, G = {
+            `, l = {
       goatData: "bg-zinc-800",
       secondary: "bg-[#acaaaa]",
       experiences: "bg-[#a8dbce]"
-    }, l = {
+    }, G = {
       goatData: "bg-zinc-600",
       secondary: "bg-zinc-800",
       experiences: "bg-zinc-800"
-    }, c = (Y) => {
-      const q = Y, P = encodeURIComponent(r), MA = `https://api.whatsapp.com/send?phone=${q}&text=${P}`;
-      window.open(MA, "_blank");
-    }, y = (Y) => {
-      const q = `mailto:${Y}?subject=Solicitud&body=${r}`;
-      window.open(q);
-    }, Z = (Y) => {
-      const P = `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(Y)}`;
-      window.open(P, "_blank");
     }, a = (Y) => {
-      const q = document.getElementById(Y.slice(1));
-      q && q.scrollIntoView({ behavior: "smooth" });
+      const f = Y, R = encodeURIComponent(r), MA = `https://api.whatsapp.com/send?phone=${f}&text=${R}`;
+      window.open(MA, "_blank");
+    }, U = (Y) => {
+      const f = `mailto:${Y}?subject=Solicitud&body=${r}`;
+      window.open(f);
+    }, q = (Y) => {
+      const R = `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(Y)}`;
+      window.open(R, "_blank");
+    }, c = (Y) => {
+      const f = document.getElementById(Y.slice(1));
+      f && f.scrollIntoView({ behavior: "smooth" });
     }, V = (Y) => {
       window.open(Y, "_blank");
-    }, f = {
+    }, Z = {
       goatData: "text-white",
       secondary: "text-[#1F2937]",
       experiences: "text-[#1F2937]"
-    }, U = (Y) => {
-      Y.link && w && w.push(Y.link);
+    }, u = (Y) => {
+      Y.link && Q && Q.push(Y.link);
     };
-    return /* @__PURE__ */ m("footer", { ref: n, ...I, className: `${G[A]} ${f[A]}`, style: { paddingTop: "40px" }, children: [
-      /* @__PURE__ */ m("div", { className: "container mx-auto px-4 md:px-8", children: [
-        /* @__PURE__ */ m("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8", children: [
-          /* @__PURE__ */ m("div", { className: "flex flex-col items-center", children: [
+    return /* @__PURE__ */ y("footer", { ref: n, ...I, className: `${l[A]} ${Z[A]}`, style: { paddingTop: "40px" }, children: [
+      /* @__PURE__ */ y("div", { className: "container mx-auto px-4 md:px-8", children: [
+        /* @__PURE__ */ y("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8", children: [
+          /* @__PURE__ */ y("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ i(
               "img",
               {
@@ -6745,51 +6821,51 @@ const Os = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZUAAATaCAYAAAA0mz/uAA
                 alt: "logo"
               }
             ),
-            (!e || e.trim() === "") && /* @__PURE__ */ i("div", { className: `text-[14x] ${f[A]} tracking-[4px]`, children: "DATA" })
+            (!e || e.trim() === "") && /* @__PURE__ */ i("div", { className: `text-[14x] ${Z[A]} tracking-[4px]`, children: "DATA" })
           ] }),
-          /* @__PURE__ */ m("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ y("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-4", children: "Enlaces Rápidos" }),
-            g.length > 0 && /* @__PURE__ */ i("div", { className: "text-center sm:text-left", style: { display: "flex", flexDirection: "column", justifyContent: "end" }, children: g.map((Y, q) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("button", { className: E, onClick: () => {
-              a(Y.href);
-            }, children: Y.label }) }, q)) }),
-            D.length > 0 && /* @__PURE__ */ i("div", { className: "text-center sm:text-left", style: { display: "flex", flexDirection: "column", justifyContent: "end" }, children: D.map((Y, q) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("button", { className: E, onClick: () => {
-              U(Y);
-            }, children: Y.label }) }, q)) })
+            g.length > 0 && /* @__PURE__ */ i("div", { className: "text-center sm:text-left", style: { display: "flex", flexDirection: "column", justifyContent: "end" }, children: g.map((Y, f) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("button", { className: E, onClick: () => {
+              c(Y.href);
+            }, children: Y.label }) }, f)) }),
+            D.length > 0 && /* @__PURE__ */ i("div", { className: "text-center sm:text-left", style: { display: "flex", flexDirection: "column", justifyContent: "end" }, children: D.map((Y, f) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("button", { className: E, onClick: () => {
+              u(Y);
+            }, children: Y.label }) }, f)) })
           ] }),
-          /* @__PURE__ */ m("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ y("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-4", children: "Contacto" }),
-            /* @__PURE__ */ i("div", { className: "text-center sm:text-left", style: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: B.map((Y, q) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ m(
+            /* @__PURE__ */ i("div", { className: "text-center sm:text-left", style: { display: "flex", flexDirection: "column", justifyContent: "center" }, children: B.map((Y, f) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ y(
               "div",
               {
                 className: "text-sm opacity-70 cursor-pointer mb-4",
-                onClick: Y.type === "email" ? () => y(Y.description) : Y.type === "chat" ? () => c(Y.description) : Y.type === "mapa" ? () => Z(Y.description) : void 0,
+                onClick: Y.type === "email" ? () => U(Y.description) : Y.type === "chat" ? () => a(Y.description) : Y.type === "mapa" ? () => q(Y.description) : void 0,
                 children: [
                   /* @__PURE__ */ i("strong", { children: Y.label }),
                   " ",
                   Y.type === "mapa" ? Y.descrption2 : Y.description
                 ]
               }
-            ) }, q)) })
+            ) }, f)) })
           ] }),
-          t.href && /* @__PURE__ */ m("div", { className: "flex flex-col items-center", children: [
+          t.href && /* @__PURE__ */ y("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-4", children: "Data fiscal" }),
             /* @__PURE__ */ i("a", { href: t.href, target: t.target, children: /* @__PURE__ */ i("img", { style: { height: "120px" }, src: t.src }) })
           ] }),
-          Q && /* @__PURE__ */ m("div", { className: "flex flex-col items-center", children: [
+          w && /* @__PURE__ */ y("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-4", children: "Escribenos" }),
-            Q
+            w
           ] })
         ] }),
-        /* @__PURE__ */ m("div", { className: "flex flex-col items-center mt-8", children: [
+        /* @__PURE__ */ y("div", { className: "flex flex-col items-center mt-8", children: [
           /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-4", children: "Redes Sociales" }),
-          /* @__PURE__ */ i("div", { className: "flex space-x-4", style: { marginBottom: "30px" }, children: M.map((Y, q) => /* @__PURE__ */ i("div", { style: { cursor: "pointer" }, onClick: () => {
+          /* @__PURE__ */ i("div", { className: "flex space-x-4", style: { marginBottom: "30px" }, children: M.map((Y, f) => /* @__PURE__ */ i("div", { style: { cursor: "pointer" }, onClick: () => {
             V(Y.label);
-          }, children: (Y == null ? void 0 : Y.icon) && /* @__PURE__ */ i(Y.icon, { className: "w-6 h-6" }) }, q)) })
+          }, children: (Y == null ? void 0 : Y.icon) && /* @__PURE__ */ i(Y.icon, { className: "w-6 h-6" }) }, f)) })
         ] })
       ] }),
-      /* @__PURE__ */ m("div", { style: { paddingTop: "1rem", paddingBottom: "1rem", display: "flex", flexDirection: "column", alignItems: "center" }, className: `${l[A]}`, children: [
+      /* @__PURE__ */ y("div", { style: { paddingTop: "1rem", paddingBottom: "1rem", display: "flex", flexDirection: "column", alignItems: "center" }, className: `${G[A]}`, children: [
         /* @__PURE__ */ i("p", { style: { fontSize: "10px" }, className: "text-white", children: `© ${o}. TODOS LOS DERECHOS RESERVADOS.` }),
-        /* @__PURE__ */ m("a", { href: "https://goatdata.com.ar/", target: "_blank", rel: "noopener noreferrer", className: "mt-2 flex items-center", children: [
+        /* @__PURE__ */ y("a", { href: "https://goatdata.com.ar/", target: "_blank", rel: "noopener noreferrer", className: "mt-2 flex items-center", children: [
           /* @__PURE__ */ i("span", { className: "text-xs text-white underline", children: "Diseñado y desarrollado por" }),
           /* @__PURE__ */ i("img", { src: Os, alt: "Goat Data Logo", className: "h-2.5 mx-1" }),
           /* @__PURE__ */ i("span", { className: "text-xs text-white", children: "DATA" })
@@ -6813,13 +6889,13 @@ function Xs(A) {
 }
 const Ns = N(
   ({ type: A = "success", message: g, duration: B = 5500, ...M }, D) => {
-    const t = jB(), [e, w] = J(!0), [Q, C] = J(!1), [s, o] = J(!1);
+    const t = jB(), [e, Q] = z(!0), [w, C] = z(!1), [s, o] = z(!1);
     if (O(() => {
       const r = setTimeout(() => C(!0), B - 500);
       return () => clearTimeout(r);
     }, [B]), O(() => {
-      Q && setTimeout(() => w(!1), 500);
-    }, [Q]), O(() => {
+      w && setTimeout(() => Q(!1), 500);
+    }, [w]), O(() => {
       setTimeout(() => o(!0), 100);
     }, []), !e) return null;
     const I = {
@@ -6833,7 +6909,7 @@ const Ns = N(
       info: /* @__PURE__ */ i(Ss, { className: "w-6 h-6 flex-shrink-0" }),
       warning: /* @__PURE__ */ i(Hs, { className: "w-6 h-6 flex-shrink-0" })
     };
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ y(
       "div",
       {
         ref: D,
@@ -6841,7 +6917,7 @@ const Ns = N(
         className: `fixed top-5 right-5 z-50 flex items-center gap-3 
                     ${t ? "max-w-xs p-3 text-sm" : "max-w-sm p-4"} 
                     rounded-lg shadow-lg text-white bg-opacity-90 transition-transform transform 
-                    ${Q ? "animate-slide-out" : "animate-slide-in"}`,
+                    ${w ? "animate-slide-out" : "animate-slide-in"}`,
         style: { backgroundColor: I[A].bg, zIndex: 999999 },
         children: [
           n[A],
@@ -6874,18 +6950,18 @@ const xs = N(
 xs.displayName = "FloatingAnimation";
 const Ws = N(
   ({ variant: A = "whatsapp", disabled: g = !1, className: B, onClick: M, ...D }, t) => {
-    const e = R(
+    const e = h(
       "inline-flex items-center justify-center font-bold focus:outline-none focus:ring-2 focus:ring-offset-2 hover:scale-105 transition-all duration-300 ease-in-out",
       "w-auto max-w-[250px] px-4 py-3 rounded-full",
       {
         "opacity-20 cursor-not-allowed": g
       },
       B
-    ), w = {
+    ), Q = {
       whatsapp: "hover:bg-[#128c7e] focus:ring-[#128c7e]",
       chat: "border-2 border-[#1F2937] hover:border-[#374151] focus:ring-[#1F2937]",
       soporte: "hover:bg-[#e6003f] focus:ring-[#ff0145]"
-    }, Q = {
+    }, w = {
       whatsapp: "#01ff5e",
       chat: "#1F2937",
       soporte: "#ff0145"
@@ -6897,9 +6973,9 @@ const Ws = N(
     return /* @__PURE__ */ i(
       "button",
       {
-        style: { whiteSpace: "nowrap", position: "fixed", bottom: 16, right: 16, zIndex: 9999, height: 60, width: 60, background: Q[A] },
+        style: { whiteSpace: "nowrap", position: "fixed", bottom: 16, right: 16, zIndex: 9999, height: 60, width: 60, background: w[A] },
         ref: t,
-        className: R(e, w[A]),
+        className: h(e, Q[A]),
         disabled: g,
         onClick: M,
         ...D,
@@ -6916,23 +6992,23 @@ function _s(A) {
   return K({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M333.782 80c128 64 128 288 0 352 192-64 192-288 0-352zm-48 16c64 50.843 64 270.217 0 321.06 128-50.843 128-270.217 0-321.06zm-75.13 49.922c-35.468.215-70.268 6.618-89.253 14.863-14.084 43.136-16.33 127.919-6.736 180.518-8.452-4.265-18.337-6.543-28.445-6.555-28.719 0-52 17.909-52 40s23.281 40 52 40 52-17.909 52-40c-6.166-49.187-13.74-115.12-8.225-165.437 37.756-7.722 77.49-17.422 114.688-10.715-4.152 38.294-3.029 82.424 3.379 117.552-8.452-4.265-18.337-6.543-28.446-6.554-28.719 0-52 17.908-52 40 0 22.091 23.281 40 52 40 28.72 0 52-17.909 52-40-4.618-72.485-18.78-132.767.33-196.436-18.491-5.267-40.012-7.365-61.293-7.236zm5.456 15.635c11.697-.073 23.313.706 34.174 2.558-1.185 5.199-2.232 10.67-3.156 16.336-37.913-5.64-78.578 1.385-114.332 9.656a227.233 227.233 0 0 1 3.277-14.884c19.722-7.718 50.145-13.48 80.037-13.666z" }, child: [] }] })(A);
 }
 const Ao = N(
-  ({ videoSrc: A, height: g = "400px", explore: B, overlap: M, mutedVideo: D = !0, handletext4: t, handletext5: e, variant: w = "vividPink", ...Q }, C) => {
-    const s = AA(null), [o, I] = J(D), n = () => {
-      const G = s.current;
-      G && G.play().catch(() => {
-        G.play();
+  ({ videoSrc: A, height: g = "400px", explore: B, overlap: M, mutedVideo: D = !0, handletext4: t, handletext5: e, variant: Q = "vividPink", ...w }, C) => {
+    const s = AA(null), [o, I] = z(D), n = () => {
+      const l = s.current;
+      l && l.play().catch(() => {
+        l.play();
       });
-    }, r = (G) => {
-      const l = document.getElementById(G.slice(1));
-      l && l.scrollIntoView({ behavior: "smooth" });
+    }, r = (l) => {
+      const G = document.getElementById(l.slice(1));
+      G && G.scrollIntoView({ behavior: "smooth" });
     };
     O(() => {
       if (s.current) {
-        const G = s.current;
-        G.muted = o;
-        const l = G.play();
-        l !== void 0 && l.catch(() => {
-          G.play();
+        const l = s.current;
+        l.muted = o;
+        const G = l.play();
+        G !== void 0 && G.catch(() => {
+          l.play();
         });
       }
     }, [o]);
@@ -6948,7 +7024,7 @@ const Ao = N(
       tertiary: "text-[#d4d3d3]",
       experiences: "text-[#a8dbce]"
     };
-    return /* @__PURE__ */ m("header", { ref: C, ...Q, style: { height: g, position: "relative", width: "100%", overflow: "hidden" }, children: [
+    return /* @__PURE__ */ y("header", { ref: C, ...w, style: { height: g, position: "relative", width: "100%", overflow: "hidden" }, children: [
       /* @__PURE__ */ i(
         "video",
         {
@@ -6963,20 +7039,20 @@ const Ao = N(
         }
       ),
       /* @__PURE__ */ i("div", { className: "video-header" }),
-      M && /* @__PURE__ */ m("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-center z-20 text-white", children: [
-        /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ m("h1", { className: "text-3xl md:text-5xl font-bold animate-fade-in-up", children: [
+      M && /* @__PURE__ */ y("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-center z-20 text-white", children: [
+        /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ y("h1", { className: "text-3xl md:text-5xl font-bold animate-fade-in-up", children: [
           M.text1,
           " ",
-          /* @__PURE__ */ i("span", { className: `${E[w]}`, children: M.text2 })
+          /* @__PURE__ */ i("span", { className: `${E[Q]}`, children: M.text2 })
         ] }) }),
         M.text3 && /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ i("p", { className: "text-sm md:text-lg mb-6", children: M.text3 }) }),
-        /* @__PURE__ */ m("div", { className: "flex gap-4", children: [
-          M.text4 && /* @__PURE__ */ i(OA, { variant: w, duration: 1, delay: 1, children: /* @__PURE__ */ i("div", { className: "flex p-2", children: /* @__PURE__ */ i(Cg, { variant: w, onClick: t, size: "small", label: M.text4 }) }) }),
+        /* @__PURE__ */ y("div", { className: "flex gap-4", children: [
+          M.text4 && /* @__PURE__ */ i(OA, { variant: Q, duration: 1, delay: 1, children: /* @__PURE__ */ i("div", { className: "flex p-2", children: /* @__PURE__ */ i(Cg, { variant: Q, onClick: t, size: "small", label: M.text4 }) }) }),
           M.text5 && /* @__PURE__ */ i(OA, { variant: "tertiary", duration: 1, delay: 1, children: /* @__PURE__ */ i("div", { className: "flex p-2", children: /* @__PURE__ */ i(Cg, { variant: "tertiary", onClick: e, size: "small", label: M.text5 }) }) })
         ] })
       ] }),
       /* @__PURE__ */ i("button", { onClick: () => I(!o), className: "opacitySound backdrop-blur-md", children: o ? /* @__PURE__ */ i($s, { size: 25, color: "#d4d3d3" }) : /* @__PURE__ */ i(_s, { size: 25, color: "#d4d3d3" }) }),
-      (B == null ? void 0 : B.content) && /* @__PURE__ */ i("div", { className: "absolute z-20 bottom-8 left-1/2 transform -translate-x-1/2 pointer-events-auto", children: /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ m(
+      (B == null ? void 0 : B.content) && /* @__PURE__ */ i("div", { className: "absolute z-20 bottom-8 left-1/2 transform -translate-x-1/2 pointer-events-auto", children: /* @__PURE__ */ i(lA, { children: /* @__PURE__ */ y(
         "a",
         {
           onClick: () => B.content && r(B.content),