prisma-goat 0.2.9 → 0.3.1

package/dist/prisma-goat.js

@@ -219,10 +219,10 @@ const _g = lA(
     const r = J(
       "inline-flex items-center justify-center rounded-lg font-bold focus:outline-none focus:ring-2 focus:ring-offset-2 w-full",
       {
-        "text-white": A !== "secondary" && A !== "tertiary",
-        "text-[#1F2937]": A === "secondary" || A === "tertiary"
+        "text-white": A !== "secondary" && A !== "tertiary" && A !== "experiences",
+        "text-[#3d434b]": A === "secondary" || A === "tertiary" || A === "experiences"
       }
-    ), c = {
+    ), a = {
       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]",
@@ -231,7 +231,8 @@ const _g = lA(
       danger: "bg-[#b91c1c] hover:bg-[#9b1c1c] focus:ring-[#b91c1c] focus:border-[#b91c1c]",
       warning: "bg-[#f59e0b] hover:bg-[#d97706] focus:ring-[#f59e0b] focus:border-[#f59e0b]",
       success: "bg-[#047857] hover:bg-[#065f46] focus:ring-[#047857] focus:border-[#047857]",
-      tertiary: "bg-[#d4d3d3] border-2 hover:border-[#374151] focus:ring-[#1F2937] focus:border-[#1F2937]"
+      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]"
     }, G = {
       small: "px-4 py-1.5 text-xs",
       medium: "px-6 py-2.5 text-base",
@@ -244,10 +245,10 @@ const _g = lA(
           A === "secondary" ? "border-[#1F2937]" : "border-white"
         )
       }
-    ), V = () => N.isValidElement(Q) ? N.cloneElement(Q, { className: "w-5 h-5" }) : l(), a = i || g;
+    ), f = () => N.isValidElement(Q) ? N.cloneElement(Q, { className: "w-5 h-5" }) : l(), c = i || g;
     return tA(() => {
-      const u = (d) => {
-        if (e && d.key === "Enter" && !w && I) {
+      const y = (q) => {
+        if (e && q.key === "Enter" && !w && I) {
           const m = new MouseEvent("click", {
             bubbles: !0,
             cancelable: !0,
@@ -256,8 +257,8 @@ const _g = lA(
           I(m);
         }
       };
-      return window.addEventListener("keydown", u), () => {
-        window.removeEventListener("keydown", u);
+      return window.addEventListener("keydown", y), () => {
+        window.removeEventListener("keydown", y);
       };
     }, [e, I, w]), /* @__PURE__ */ U(
       "button",
@@ -266,7 +267,7 @@ const _g = lA(
         style: { whiteSpace: "nowrap" },
         className: J(
           r,
-          c[A],
+          a[A],
           G[B],
           {
             "opacity-60 cursor-not-allowed": M,
@@ -279,9 +280,9 @@ const _g = lA(
         ...n,
         children: [
           M && D === "left" && /* @__PURE__ */ o("span", { className: "mr-2", children: Y }),
-          t === "left" && /* @__PURE__ */ o("span", { className: "mr-2", children: V() }),
-          a,
-          t === "right" && /* @__PURE__ */ o("span", { className: "ml-2", children: V() }),
+          t === "left" && /* @__PURE__ */ o("span", { className: "mr-2", children: f() }),
+          c,
+          t === "right" && /* @__PURE__ */ o("span", { className: "ml-2", children: f() }),
           M && D === "right" && /* @__PURE__ */ o("span", { className: "ml-2", children: Y })
         ]
       }
@@ -343,7 +344,7 @@ const QA = {
   danger: "hover:bg-[#F87171] font-light",
   warning: "hover:bg-[#FBBF24] font-light",
   success: "hover:bg-[#2D6A4F] font-light"
-}, gA = {
+}, BA = {
   primary: "bg-[#4B5563]",
   secondary: "bg-[#F3F4F6]",
   vividPink: "bg-[#FF5C6B]",
@@ -524,48 +525,48 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
     theme: n,
     InstallApp: E,
     login: r = !1,
-    variantIndicator: c = "primary",
+    variantIndicator: a = "primary",
     backgroundIndicator: G = "black",
     logoGoatDataIndicator: l = "logoRed",
     imgLoadingIndicator: Y = "",
-    strokeWidthIndicator: V = "10",
-    ...a
-  }, u) => {
+    strokeWidthIndicator: f = "10",
+    ...c
+  }, y) => {
     var R, IA, b, KA;
-    const [d, m] = O(!1), [q, L] = O(!1), [BA, mA] = O(!1), [UA, rA] = O(null), [TA, XA] = O(null), v = wA(null), W = () => m(!d), GA = () => L(!q), oA = () => L(!1);
+    const [q, m] = O(!1), [d, v] = O(!1), [W, mA] = O(!1), [UA, rA] = O(null), [TA, XA] = O(null), P = wA(null), $ = () => m(!q), GA = () => v(!d), oA = () => v(!1);
     tA(() => {
       if (typeof window < "u" && (C != null && C.events)) {
-        const y = () => {
+        const u = () => {
           mA(!0);
         }, k = () => {
           mA(!1);
         };
-        return C.events.on("routeChangeStart", y), C.events.on("routeChangeComplete", k), C.events.on("routeChangeError", k), () => {
-          C.events.off("routeChangeStart", y), C.events.off("routeChangeComplete", k), C.events.off("routeChangeError", k);
+        return C.events.on("routeChangeStart", u), C.events.on("routeChangeComplete", k), C.events.on("routeChangeError", k), () => {
+          C.events.off("routeChangeStart", u), C.events.off("routeChangeComplete", k), C.events.off("routeChangeError", k);
         };
       }
     }, [C]);
-    const ng = (y, k) => {
-      y.subItems && y.subItems.length > 0 ? rA((MA) => MA === k ? -1 : k) : y.link && C && C.push(y.link);
-    }, Pg = (y, k) => {
-      y.subItems && y.subItems.length > 0 ? rA((MA) => MA === k ? -1 : k) : y.link && C && (C.push(y.link), m(!1));
-    }, NA = (y, k) => {
-      rA((MA) => MA === k ? -1 : k), y.link && C && C.push(y.link);
-    }, Eg = (y) => {
-      y.link && C && (C.push(y.link), oA());
-    }, f = (y) => {
-      y.link && C && (C.push(y.link), m(!1));
+    const ng = (u, k) => {
+      u.subItems && u.subItems.length > 0 ? rA((MA) => MA === k ? -1 : k) : u.link && C && C.push(u.link);
+    }, Pg = (u, k) => {
+      u.subItems && u.subItems.length > 0 ? rA((MA) => MA === k ? -1 : k) : u.link && C && (C.push(u.link), m(!1));
+    }, NA = (u, k) => {
+      rA((MA) => MA === k ? -1 : k), u.link && C && C.push(u.link);
+    }, Eg = (u) => {
+      u.link && C && (C.push(u.link), oA());
+    }, V = (u) => {
+      u.link && C && (C.push(u.link), m(!1));
     };
     return tA(() => {
-      const y = (k) => {
-        v.current && !v.current.contains(k.target) && oA();
+      const u = (k) => {
+        P.current && !P.current.contains(k.target) && oA();
       };
-      return q && document.addEventListener("mousedown", y), () => {
-        document.removeEventListener("mousedown", y);
+      return d && document.addEventListener("mousedown", u), () => {
+        document.removeEventListener("mousedown", u);
       };
-    }, [q]), /* @__PURE__ */ U("nav", { ref: u, ...a, className: `fixed top-0 left-0 right-0 z-10 ${QA[A]}`, children: [
+    }, [d]), /* @__PURE__ */ U("nav", { ref: y, ...c, className: `fixed top-0 left-0 right-0 z-10 ${QA[A]}`, children: [
       /* @__PURE__ */ o("div", { className: "mx-auto max-w-7xl px-2 sm:px-6 lg:px-8", children: /* @__PURE__ */ U("div", { className: "relative flex h-16 items-center justify-between", children: [
-        /* @__PURE__ */ o("div", { className: "absolute inset-y-0 left-0 flex items-center sm:hidden", children: /* @__PURE__ */ o("button", { className: `menu ${d ? A === "secondary" ? "openedark" : "opened" : ""}`, onClick: W, "aria-label": "Main Menu", children: /* @__PURE__ */ U("svg", { width: "45", height: "45", viewBox: "0 0 100 100", style: { fill: "#f9f8f8 !important" }, children: [
+        /* @__PURE__ */ o("div", { className: "absolute inset-y-0 left-0 flex items-center sm:hidden", children: /* @__PURE__ */ o("button", { className: `menu ${q ? A === "secondary" ? "openedark" : "opened" : ""}`, onClick: $, "aria-label": "Main Menu", children: /* @__PURE__ */ U("svg", { width: "45", height: "45", viewBox: "0 0 100 100", style: { fill: "#f9f8f8 !important" }, children: [
           /* @__PURE__ */ o("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__ */ o("path", { className: A === "secondary" ? "linedark linedark2" : "line line2", d: "M 20,50 H 80" }),
           /* @__PURE__ */ o("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" })
@@ -593,7 +594,7 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
             (!w || w.trim() === "") && /* @__PURE__ */ o("div", { className: `${vA[A]}`, style: { fontSize: "10px", letterSpacing: "4px" }, children: "DATA" })
           ] }),
           /* @__PURE__ */ U("div", { className: "hidden sm:ml-6 sm:block", children: [
-            /* @__PURE__ */ o("div", { className: `flex space-x-4 ${w && w.trim() !== "" ? "mt-0" : "mt-2"}`, children: M.map((y, k) => {
+            /* @__PURE__ */ o("div", { className: `flex space-x-4 ${w && w.trim() !== "" ? "mt-0" : "mt-2"}`, children: M.map((u, k) => {
               var MA;
               return /* @__PURE__ */ U("div", { className: "relative group", children: [
                 /* @__PURE__ */ o(
@@ -602,29 +603,29 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                     type: "button",
                     className: J(
                       "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",
-                      t === y.link || (MA = y.subItems) != null && MA.some((T) => T.link === t) ? gA[A] : "",
+                      t === u.link || (MA = u.subItems) != null && MA.some((T) => T.link === t) ? BA[A] : "",
                       j[A],
                       eA[A],
-                      t === y.link ? A === "secondary" || A === "primary" || A === "darkMagenta" || A === "veryDarkViolet" || A === "success" ? "text-custom-red" : "text-custom-blue" : A === "primary" || A === "vividPink" || A === "darkMagenta" || A === "veryDarkViolet" || A === "danger" || A === "warning" || A === "success" ? "text-white" : "text-custom-blue",
-                      t === y.link ? "font-semibold" : "font-normal"
+                      t === u.link ? A === "secondary" || A === "primary" || A === "darkMagenta" || A === "veryDarkViolet" || A === "success" ? "text-custom-red" : "text-custom-blue" : A === "primary" || A === "vividPink" || A === "darkMagenta" || A === "veryDarkViolet" || A === "danger" || A === "warning" || A === "success" ? "text-white" : "text-custom-blue",
+                      t === u.link ? "font-semibold" : "font-normal"
                     ),
-                    onClick: () => ng(y, k),
+                    onClick: () => ng(u, k),
                     onMouseEnter: () => XA(k),
                     onMouseLeave: () => XA(null),
-                    children: y.label
+                    children: u.label
                   }
                 ),
-                TA === k && y.description && y.description.trim() !== "" && /* @__PURE__ */ U(
+                TA === k && u.description && u.description.trim() !== "" && /* @__PURE__ */ U(
                   "div",
                   {
                     style: { border: `1px ${Ag[A]} 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 ${vA[A]} ${QA[A]} rounded-md transition-all duration-300 group-hover:opacity-100 group-hover:translate-y-4`,
                     children: [
-                      y.image && y.image.trim() !== "" && /* @__PURE__ */ U("div", { className: "relative w-full h-24 mb-2", children: [
+                      u.image && u.image.trim() !== "" && /* @__PURE__ */ U("div", { className: "relative w-full h-24 mb-2", children: [
                         /* @__PURE__ */ o(
                           "img",
                           {
-                            src: y.image,
+                            src: u.image,
                             alt: "Tooltip Image",
                             className: "object-cover w-full h-full rounded-t-md opacity-75 hover:opacity-100 transition-opacity duration-300"
                           }
@@ -632,22 +633,22 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                         /* @__PURE__ */ o("div", { className: "absolute bottom-0 w-full h-8 bg-gradient-to-t from-white/80 to-transparent" })
                       ] }),
                       /* @__PURE__ */ o("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" }),
-                      y.description
+                      u.description
                     ]
                   }
                 ),
-                y.subItems && y.subItems.length > 0 && UA === k && /* @__PURE__ */ o(
+                u.subItems && u.subItems.length > 0 && UA === k && /* @__PURE__ */ o(
                   "div",
                   {
                     className: `absolute left-0 mt-2 w-48 ${QA[A]} ${mg[A]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
                     role: "menu",
-                    children: y.subItems.map((T, Lg) => /* @__PURE__ */ o(
+                    children: u.subItems.map((T, Lg) => /* @__PURE__ */ o(
                       "div",
                       {
                         className: J(
                           `block px-4 py-2 text-sm cursor-pointer ${QA[A]}e`,
                           j[A] && `${j[A]}`,
-                          t === T.link ? gA[A] : "",
+                          t === T.link ? BA[A] : "",
                           t === T.link ? A === "secondary" || A === "primary" || A === "darkMagenta" || A === "veryDarkViolet" || A === "success" ? "text-custom-red" : "text-custom-blue" : A === "primary" || A === "vividPink" || A === "darkMagenta" || A === "veryDarkViolet" || A === "danger" || A === "warning" || A === "success" ? "text-white" : "text-custom-blue",
                           t === T.link ? "font-semibold" : "font-normal"
                         ),
@@ -673,7 +674,7 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                 type: "button",
                 className: `flex rounded-full bg-gray-800 text-sm transition duration-300 focus:outline-none focus:ring-2 ${eA[A]} focus:ring-offset-2`,
                 id: "user-menu-button",
-                "aria-expanded": q,
+                "aria-expanded": d,
                 "aria-haspopup": "true",
                 onClick: GA,
                 children: /* @__PURE__ */ o(
@@ -687,8 +688,8 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                         src: B.image,
                         alt: "User avatar",
                         className: "rounded-full object-cover w-full h-full",
-                        onError: (y) => {
-                          y.currentTarget.onerror = null, y.currentTarget.src = "";
+                        onError: (u) => {
+                          u.currentTarget.onerror = null, u.currentTarget.src = "";
                         }
                       }
                     ) : ((IA = (R = B.name) == null ? void 0 : R.charAt(0)) == null ? void 0 : IA.toUpperCase()) || "?"
@@ -696,26 +697,26 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                 )
               }
             ) }),
-            q && /* @__PURE__ */ o(
+            d && /* @__PURE__ */ o(
               "div",
               {
-                ref: v,
+                ref: P,
                 className: `absolute right-0 mt-2 w-48 ${QA[A]} ${mg[A]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
                 role: "menu",
-                children: D.map((y, k) => /* @__PURE__ */ o(
+                children: D.map((u, k) => /* @__PURE__ */ o(
                   "div",
                   {
                     className: J(
                       "block px-4 py-2 text-sm cursor-pointer",
                       j[A] && `${j[A]}`,
-                      t === y.link ? gA[A] : "",
-                      t === y.link ? A === "secondary" || A === "primary" || A === "darkMagenta" || A === "veryDarkViolet" || A === "success" ? "text-custom-red" : "text-custom-blue" : A === "primary" || A === "vividPink" || A === "darkMagenta" || A === "veryDarkViolet" || A === "danger" || A === "warning" || A === "success" ? "text-white" : "text-custom-blue",
-                      t === y.link ? "font-semibold" : "font-normal"
+                      t === u.link ? BA[A] : "",
+                      t === u.link ? A === "secondary" || A === "primary" || A === "darkMagenta" || A === "veryDarkViolet" || A === "success" ? "text-custom-red" : "text-custom-blue" : A === "primary" || A === "vividPink" || A === "darkMagenta" || A === "veryDarkViolet" || A === "danger" || A === "warning" || A === "success" ? "text-white" : "text-custom-blue",
+                      t === u.link ? "font-semibold" : "font-normal"
                     ),
-                    onClick: y.label === "Cerrar sesion" ? I : () => {
-                      Eg(y);
+                    onClick: u.label === "Cerrar sesion" ? I : () => {
+                      Eg(u);
                     },
-                    children: y.label
+                    children: u.label
                   },
                   k
                 ))
@@ -729,7 +730,7 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                 `items-center justify-center px-4 py-2 text-sm cursor-pointer hidden sm:block 
                                             ${j[A]} 
                                             rounded-md transition duration-300 focus:outline-none focus:ring-2 ${eA[A]} focus:ring-offset-2`,
-                t === "/login" ? gA[A] : "",
+                t === "/login" ? BA[A] : "",
                 t === "/login" ? A === "secondary" || A === "primary" || A === "darkMagenta" || A === "veryDarkViolet" || A === "success" ? "text-custom-red" : "text-custom-blue" : A === "primary" || A === "vividPink" || A === "darkMagenta" || A === "veryDarkViolet" || A === "danger" || A === "warning" || A === "success" ? "text-white" : "text-custom-blue",
                 t === "/login" ? "font-semibold" : "font-normal"
               ),
@@ -741,8 +742,8 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
           ) : /* @__PURE__ */ o(EM, {})
         ] })
       ] }) }),
-      d && /* @__PURE__ */ U("div", { className: "sm:hidden px-2 pt-2 pb-3 space-y-1", children: [
-        M.map((y, k) => {
+      q && /* @__PURE__ */ U("div", { className: "sm:hidden px-2 pt-2 pb-3 space-y-1", children: [
+        M.map((u, k) => {
           var MA;
           return /* @__PURE__ */ U("div", { children: [
             /* @__PURE__ */ o(
@@ -751,28 +752,28 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                 className: J(
                   `block w-full px-4 py-2 text-base ${j[A]}
                                         rounded-md transition duration-300 focus:outline-none focus:ring-2 ${eA[A]} focus:ring-offset-2 text-left`,
-                  t === y.link || (MA = y.subItems) != null && MA.some((T) => T.link === t) ? gA[A] : "",
-                  t === y.link ? A === "secondary" || A === "primary" || A === "darkMagenta" || A === "veryDarkViolet" || A === "success" ? "text-custom-red" : "text-custom-blue" : A === "primary" || A === "vividPink" || A === "darkMagenta" || A === "veryDarkViolet" || A === "danger" || A === "warning" || A === "success" ? "text-white" : "text-custom-blue",
-                  t === y.link ? "font-semibold" : "font-normal"
+                  t === u.link || (MA = u.subItems) != null && MA.some((T) => T.link === t) ? BA[A] : "",
+                  t === u.link ? A === "secondary" || A === "primary" || A === "darkMagenta" || A === "veryDarkViolet" || A === "success" ? "text-custom-red" : "text-custom-blue" : A === "primary" || A === "vividPink" || A === "darkMagenta" || A === "veryDarkViolet" || A === "danger" || A === "warning" || A === "success" ? "text-white" : "text-custom-blue",
+                  t === u.link ? "font-semibold" : "font-normal"
                 ),
                 onClick: () => {
-                  Pg(y, k);
+                  Pg(u, k);
                 },
-                children: y.label
+                children: u.label
               }
             ),
-            y.subItems && y.subItems.length > 0 && UA === k && /* @__PURE__ */ o("div", { className: "pl-4 py-4", children: y.subItems.map((T, Lg) => /* @__PURE__ */ o(
+            u.subItems && u.subItems.length > 0 && UA === k && /* @__PURE__ */ o("div", { className: "pl-4 py-4", children: u.subItems.map((T, Lg) => /* @__PURE__ */ o(
               "button",
               {
                 className: J(
                   `block w-full px-4 py-1 text-sm ${j[A]} 
                                                     rounded-md transition duration-300 focus:outline-none focus:ring-2 ${eA[A]} focus:ring-offset-2 text-left`,
-                  t === T.link ? gA[A] : "",
+                  t === T.link ? BA[A] : "",
                   t === T.link ? A === "secondary" || A === "primary" || A === "darkMagenta" || A === "veryDarkViolet" || A === "success" ? "text-custom-red" : "text-custom-blue" : A === "primary" || A === "vividPink" || A === "darkMagenta" || A === "veryDarkViolet" || A === "danger" || A === "warning" || A === "success" ? "text-white" : "text-custom-blue",
                   t === T.link ? "font-semibold" : "font-normal"
                 ),
                 onClick: () => {
-                  NA(y, k), m(!1);
+                  NA(u, k), m(!1);
                 },
                 children: T.label
               },
@@ -802,8 +803,8 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                         src: B.image,
                         alt: "User avatar",
                         className: "rounded-full object-cover w-full h-full",
-                        onError: (y) => {
-                          y.currentTarget.onerror = null, y.currentTarget.src = "";
+                        onError: (u) => {
+                          u.currentTarget.onerror = null, u.currentTarget.src = "";
                         }
                       }
                     ) : ((KA = (b = B.name) == null ? void 0 : b.charAt(0)) == null ? void 0 : KA.toUpperCase()) || "?"
@@ -813,18 +814,18 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
             ),
             /* @__PURE__ */ o("div", { className: `block w-full px-4 py-4 ${vA[A]} text-left`, children: B.name })
           ] }),
-          D.map((y, k) => /* @__PURE__ */ o(
+          D.map((u, k) => /* @__PURE__ */ o(
             "button",
             {
               className: J(
                 `block w-full px-4 py-2 text-base ${j[A]} 
                                                     rounded-md transition duration-300 focus:outline-none focus:ring-2 ${eA[A]} focus:ring-offset-2 text-left`,
-                t === y.link ? gA[A] : "",
-                t === y.link ? A === "secondary" || A === "primary" || A === "darkMagenta" || A === "veryDarkViolet" || A === "success" ? "text-custom-red" : "text-custom-blue" : A === "primary" || A === "vividPink" || A === "darkMagenta" || A === "veryDarkViolet" || A === "danger" || A === "warning" || A === "success" ? "text-white" : "text-custom-blue",
-                t === y.link ? "font-semibold" : "font-normal"
+                t === u.link ? BA[A] : "",
+                t === u.link ? A === "secondary" || A === "primary" || A === "darkMagenta" || A === "veryDarkViolet" || A === "success" ? "text-custom-red" : "text-custom-blue" : A === "primary" || A === "vividPink" || A === "darkMagenta" || A === "veryDarkViolet" || A === "danger" || A === "warning" || A === "success" ? "text-white" : "text-custom-blue",
+                t === u.link ? "font-semibold" : "font-normal"
               ),
-              onClick: y.label === "Cerrar sesion" ? I : () => f(y),
-              children: y.label
+              onClick: u.label === "Cerrar sesion" ? I : () => V(u),
+              children: u.label
             },
             k
           ))
@@ -835,7 +836,7 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
             className: J(
               `block w-full px-4 py-2 text-base ${j[A]} 
                                     rounded-md transition duration-300 focus:outline-none focus:ring-2 ${eA[A]} focus:ring-offset-2 text-left`,
-              t === "/login" ? gA[A] : "",
+              t === "/login" ? BA[A] : "",
               t === "/login" ? A === "secondary" || A === "primary" || A === "darkMagenta" || A === "veryDarkViolet" || A === "success" ? "text-custom-red" : "text-custom-blue" : A === "primary" || A === "vividPink" || A === "darkMagenta" || A === "veryDarkViolet" || A === "danger" || A === "warning" || A === "success" ? "text-white" : "text-custom-blue",
               t === "/login" ? "font-semibold" : "font-normal"
             ),
@@ -846,14 +847,14 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
           }
         ) : /* @__PURE__ */ o(EM, {})
       ] }),
-      BA && /* @__PURE__ */ o(
+      W && /* @__PURE__ */ o(
         JB,
         {
-          variant: c,
+          variant: a,
           background: G,
           logoGoatData: l,
           imgLoading: Y,
-          strokeWidth: V
+          strokeWidth: f
         }
       )
     ] });
@@ -971,39 +972,39 @@ const Tw = lA(
     backgroundIndicator: n = "black",
     logoGoatDataIndicator: E = "logoRed",
     imgLoadingIndicator: r = "",
-    strokeWidthIndicator: c = "10",
+    strokeWidthIndicator: a = "10",
     handleLogout: G,
     toggleTheme: l,
     toggeInstallApp: Y,
-    ...V
-  }, a) => {
+    ...f
+  }, c) => {
     var NA, Eg;
-    const [u, d] = O(!0), [m, q] = O(null), [L, BA] = O(!1), [mA, UA] = O(null), [rA, TA] = O(!1), XA = wA(null), v = () => BA(!L), W = () => BA(!1), GA = () => {
-      d((f) => !f);
-    }, oA = (f, R) => {
-      f.subItems && f.subItems.length > 0 ? q((IA) => IA === R ? -1 : R) : f.link && t && t.push(f.link);
-    }, ng = (f, R) => {
-      q((IA) => IA === R ? -1 : R), f.link && t && t.push(f.link);
-    }, Pg = (f) => {
-      f.link && t && (t.push(f.link), W());
+    const [y, q] = O(!0), [m, d] = O(null), [v, W] = O(!1), [mA, UA] = O(null), [rA, TA] = O(!1), XA = wA(null), P = () => W(!v), $ = () => W(!1), GA = () => {
+      q((V) => !V);
+    }, oA = (V, R) => {
+      V.subItems && V.subItems.length > 0 ? d((IA) => IA === R ? -1 : R) : V.link && t && t.push(V.link);
+    }, ng = (V, R) => {
+      d((IA) => IA === R ? -1 : R), V.link && t && t.push(V.link);
+    }, Pg = (V) => {
+      V.link && t && (t.push(V.link), $());
     };
     return tA(() => {
       if (typeof window < "u" && (t != null && t.events)) {
-        const f = () => {
+        const V = () => {
           TA(!0);
         }, R = () => {
           TA(!1);
         };
-        return t.events.on("routeChangeStart", f), t.events.on("routeChangeComplete", R), t.events.on("routeChangeError", R), () => {
-          t.events.off("routeChangeStart", f), t.events.off("routeChangeComplete", R), t.events.off("routeChangeError", R);
+        return t.events.on("routeChangeStart", V), t.events.on("routeChangeComplete", R), t.events.on("routeChangeError", R), () => {
+          t.events.off("routeChangeStart", V), t.events.off("routeChangeComplete", R), t.events.off("routeChangeError", R);
         };
       }
     }, [t]), /* @__PURE__ */ U(
       "div",
       {
-        ref: a,
-        ...V,
-        style: { width: u ? "250px" : "70px" },
+        ref: c,
+        ...f,
+        style: { width: y ? "250px" : "70px" },
         className: J(
           `fixed top-0 left-0 h-full ${QA[B]} text-white shadow-lg transition-all z-50`,
           M
@@ -1024,23 +1025,23 @@ const Tw = lA(
               {
                 alt: "logo",
                 className: "hidden lg:block",
-                style: { height: w && w.trim() !== "" ? w : u ? "70px" : "", width: e && e.trim() !== "" ? e : u ? "110px" : "40px" },
-                src: D && D.trim() !== "" ? D : B === "secondary" ? u ? PA : hB : u ? "https://goatdata.com.ar/images/logogoatblanco.png" : RB
+                style: { height: w && w.trim() !== "" ? w : y ? "70px" : "", width: e && e.trim() !== "" ? e : y ? "110px" : "40px" },
+                src: D && D.trim() !== "" ? D : B === "secondary" ? y ? PA : hB : y ? "https://goatdata.com.ar/images/logogoatblanco.png" : RB
               }
             ),
-            (!D || D.trim() === "") && /* @__PURE__ */ o("div", { className: `${vA[B]} ${u ? "" : "lock w-auto lg:hidden"}`, style: { fontSize: u ? "12px" : "8px", letterSpacing: "4px" }, children: "DATA" })
+            (!D || D.trim() === "") && /* @__PURE__ */ o("div", { className: `${vA[B]} ${y ? "" : "lock w-auto lg:hidden"}`, style: { fontSize: y ? "12px" : "8px", letterSpacing: "4px" }, children: "DATA" })
           ] }),
           /* @__PURE__ */ o(
             "button",
             {
               onClick: GA,
               className: `absolute -right-3 transform -translate-y-1/2 p-1 rounded-full shadow-md ${Ow[B]} focus:outline-none`,
-              children: u ? /* @__PURE__ */ o(Jw, { size: 20 }) : /* @__PURE__ */ o(hw, { size: 20 })
+              children: y ? /* @__PURE__ */ o(Jw, { size: 20 }) : /* @__PURE__ */ o(hw, { size: 20 })
             }
           ),
           /* @__PURE__ */ o("div", { style: { marginLeft: "20px", marginRight: "20px", border: `1px ${Ag[B]} solid`, marginTop: "14px" } }),
           /* @__PURE__ */ U("div", { style: { display: "flex", justifyContent: "space-between", flexDirection: "column", height: "75vh" }, children: [
-            /* @__PURE__ */ o("div", { className: "flex flex-col items-start p-4 space-y-4 mt-7", children: g.map((f, R) => {
+            /* @__PURE__ */ o("div", { className: "flex flex-col items-start p-4 space-y-4 mt-7", children: g.map((V, R) => {
               var IA;
               return /* @__PURE__ */ U("div", { className: "w-full relative group", children: [
                 /* @__PURE__ */ U(
@@ -1048,35 +1049,35 @@ const Tw = lA(
                   {
                     type: "button",
                     className: J(
-                      `flex items-center justify-start w-full ${u ? "px-4" : ""} ${u ? "py-2" : ""} text-sm cursor-pointer rounded-md transition duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2`,
+                      `flex items-center justify-start w-full ${y ? "px-4" : ""} ${y ? "py-2" : ""} text-sm cursor-pointer rounded-md transition duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2`,
                       j[B],
                       eA[B],
-                      Q === f.link || (IA = f.subItems) != null && IA.some((b) => b.link === Q) ? gA[B] : "",
-                      Q === f.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
-                      Q === f.link ? "font-semibold" : "font-normal"
+                      Q === V.link || (IA = V.subItems) != null && IA.some((b) => b.link === Q) ? BA[B] : "",
+                      Q === V.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
+                      Q === V.link ? "font-semibold" : "font-normal"
                     ),
                     onClick: () => {
-                      oA(f, R);
+                      oA(V, R);
                     },
                     onMouseEnter: () => UA(R),
                     onMouseLeave: () => UA(null),
                     children: [
-                      (f == null ? void 0 : f.icon) && /* @__PURE__ */ o(
+                      (V == null ? void 0 : V.icon) && /* @__PURE__ */ o(
                         "div",
                         {
-                          className: `flex ${u ? "" : "py-2"}`,
+                          className: `flex ${y ? "" : "py-2"}`,
                           style: {
-                            marginRight: u ? "12px" : "0px",
-                            marginLeft: u ? "0px" : "6px"
+                            marginRight: y ? "12px" : "0px",
+                            marginLeft: y ? "0px" : "6px"
                           },
-                          children: /* @__PURE__ */ o(f.icon, { className: "w-6 h-6" })
+                          children: /* @__PURE__ */ o(V.icon, { className: "w-6 h-6" })
                         }
                       ),
-                      /* @__PURE__ */ o("span", { className: `${u ? "block" : "hidden"}`, children: f.label })
+                      /* @__PURE__ */ o("span", { className: `${y ? "block" : "hidden"}`, children: V.label })
                     ]
                   }
                 ),
-                mA === R && f.description && f.description.trim() !== "" && !u && /* @__PURE__ */ U(
+                mA === R && V.description && V.description.trim() !== "" && !y && /* @__PURE__ */ U(
                   "div",
                   {
                     style: {
@@ -1085,16 +1086,16 @@ const Tw = lA(
                     },
                     className: J(
                       "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",
-                      u ? "left-full ml-2" : "left-full ml-2 translate-x-2 group-hover:translate-x-4",
+                      y ? "left-full ml-2" : "left-full ml-2 translate-x-2 group-hover:translate-x-4",
                       vA[B],
                       QA[B]
                     ),
                     children: [
-                      f.image && f.image.trim() !== "" && /* @__PURE__ */ U("div", { className: "relative w-full h-24 mb-2", children: [
+                      V.image && V.image.trim() !== "" && /* @__PURE__ */ U("div", { className: "relative w-full h-24 mb-2", children: [
                         /* @__PURE__ */ o(
                           "img",
                           {
-                            src: f.image,
+                            src: V.image,
                             alt: "Tooltip Image",
                             className: "object-cover w-full h-full rounded-t-md opacity-75 hover:opacity-100 transition-opacity duration-300"
                           }
@@ -1102,17 +1103,17 @@ const Tw = lA(
                         /* @__PURE__ */ o("div", { className: "absolute bottom-0 w-full h-8 bg-gradient-to-t from-white/80 to-transparent" })
                       ] }),
                       /* @__PURE__ */ o("div", { className: "absolute top-1/2 left-0 transform -translate-y-1/2 -ml-2 w-0 h-0 border-t-4 border-r-4 border-b-4 border-transparent border-t-gray-800" }),
-                      f.description
+                      V.description
                     ]
                   }
                 ),
-                f.subItems && f.subItems.length > 0 && m === R && (u ? /* @__PURE__ */ o("div", { className: "pl-4 py-4", children: f.subItems.map((b, KA) => /* @__PURE__ */ o(
+                V.subItems && V.subItems.length > 0 && m === R && (y ? /* @__PURE__ */ o("div", { className: "pl-4 py-4", children: V.subItems.map((b, KA) => /* @__PURE__ */ o(
                   "button",
                   {
                     className: J(
                       `block w-full px-4 py-1 text-sm ${j[B]} 
                                                         rounded-md transition duration-300 focus:outline-none focus:ring-2 ${eA[B]} focus:ring-offset-2 text-left`,
-                      Q === b.link ? gA[B] : "",
+                      Q === b.link ? BA[B] : "",
                       Q === b.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
                       Q === b.link ? "font-semibold" : "font-normal"
                     ),
@@ -1128,13 +1129,13 @@ const Tw = lA(
                     style: { zIndex: "999" },
                     className: `absolute left-0 mt-2 w-48 ${QA[B]} ${mg[B]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
                     role: "menu",
-                    children: f.subItems.map((b, KA) => /* @__PURE__ */ o(
+                    children: V.subItems.map((b, KA) => /* @__PURE__ */ o(
                       "div",
                       {
                         className: J(
                           `block px-4 py-2 text-sm cursor-pointer ${QA[B]}e`,
                           j[B] && `${j[B]}`,
-                          Q === b.link ? gA[B] : "",
+                          Q === b.link ? BA[B] : "",
                           Q === b.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
                           Q === b.link ? "font-semibold" : "font-normal"
                         ),
@@ -1150,7 +1151,7 @@ const Tw = lA(
               ] }, R);
             }) }),
             C && /* @__PURE__ */ U("div", { className: "relative ml-3", children: [
-              /* @__PURE__ */ U("div", { id: "user-menu-button", style: { display: "flex", alignItems: "center", cursor: "pointer" }, onClick: v, children: [
+              /* @__PURE__ */ U("div", { id: "user-menu-button", style: { display: "flex", alignItems: "center", cursor: "pointer" }, onClick: P, children: [
                 /* @__PURE__ */ o(
                   "button",
                   {
@@ -1168,8 +1169,8 @@ const Tw = lA(
                             src: C.image,
                             alt: "User avatar",
                             className: "rounded-full object-cover w-full h-full",
-                            onError: (f) => {
-                              f.currentTarget.onerror = null, f.currentTarget.src = "";
+                            onError: (V) => {
+                              V.currentTarget.onerror = null, V.currentTarget.src = "";
                             }
                           }
                         ) : ((Eg = (NA = C.name) == null ? void 0 : NA.charAt(0)) == null ? void 0 : Eg.toUpperCase()) || "?"
@@ -1177,35 +1178,35 @@ const Tw = lA(
                     )
                   }
                 ),
-                /* @__PURE__ */ o("div", { className: `block w-full px-4 py-4 ${vA[B]} text-left ${u ? "block" : "hidden"}`, children: C.name }),
-                /* @__PURE__ */ o("div", { className: `mr-2 ${u ? "block" : "hidden"}`, children: /* @__PURE__ */ o(Fw, { size: 20, color: Ag[B] }) })
+                /* @__PURE__ */ o("div", { className: `block w-full px-4 py-4 ${vA[B]} text-left ${y ? "block" : "hidden"}`, children: C.name }),
+                /* @__PURE__ */ o("div", { className: `mr-2 ${y ? "block" : "hidden"}`, children: /* @__PURE__ */ o(Fw, { size: 20, color: Ag[B] }) })
               ] }),
-              L && /* @__PURE__ */ o(
+              v && /* @__PURE__ */ o(
                 "div",
                 {
                   ref: XA,
-                  className: `absolute right-0 ${u ? "left-56" : "left-14"} bottom-8 mt-2 w-48 ${QA[B]} ${mg[B]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
+                  className: `absolute right-0 ${y ? "left-56" : "left-14"} bottom-8 mt-2 w-48 ${QA[B]} ${mg[B]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
                   role: "menu",
-                  children: A.map((f, R) => /* @__PURE__ */ o(
+                  children: A.map((V, R) => /* @__PURE__ */ o(
                     "div",
                     {
                       className: J(
                         "block px-4 py-2 text-sm cursor-pointer",
                         j[B] && `${j[B]}`,
-                        Q === f.link ? gA[B] : "",
-                        Q === f.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
-                        Q === f.link ? "font-semibold" : "font-normal"
+                        Q === V.link ? BA[B] : "",
+                        Q === V.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
+                        Q === V.link ? "font-semibold" : "font-normal"
                       ),
-                      onClick: f.label === "Cerrar sesion" ? G : () => {
-                        Pg(f);
+                      onClick: V.label === "Cerrar sesion" ? G : () => {
+                        Pg(V);
                       },
-                      children: f.label
+                      children: V.label
                     },
                     R
                   ))
                 }
               ),
-              /* @__PURE__ */ U("div", { style: { display: "flex", gap: "12px", padding: "0px 20px 0px 10px", flexDirection: u ? "row" : "column", alignItems: "center" }, children: [
+              /* @__PURE__ */ U("div", { style: { display: "flex", gap: "12px", padding: "0px 20px 0px 10px", flexDirection: y ? "row" : "column", alignItems: "center" }, children: [
                 s && /* @__PURE__ */ o(TD, { variant: B, onClick: Y }),
                 i && /* @__PURE__ */ o(SD, { variant: B, toggleTheme: l })
               ] })
@@ -1218,7 +1219,7 @@ const Tw = lA(
               background: n,
               logoGoatData: E,
               imgLoading: r,
-              strokeWidth: c
+              strokeWidth: a
             }
           )
         ]
@@ -1377,7 +1378,7 @@ function xD(g, A) {
   };
   return { schedule: lg.reduce((G, l) => {
     const Y = e[l];
-    return G[l] = (V, a = !1, u = !1) => (B || E(), Y.schedule(V, a, u)), G;
+    return G[l] = (f, c = !1, y = !1) => (B || E(), Y.schedule(f, c, y)), G;
   }, {}), cancel: (G) => {
     for (let l = 0; l < lg.length; l++)
       e[lg[l]].cancel(G);
@@ -1555,14 +1556,14 @@ function it(g, A, B, M, D) {
   Uw(() => {
     I && E.current && I.update(B, C);
   });
-  const r = B[Ae], c = wA(!!r && !(!((w = window.MotionHandoffIsComplete) === null || w === void 0) && w.call(window, r)) && ((e = window.MotionHasOptimisedAnimation) === null || e === void 0 ? void 0 : e.call(window, r)));
+  const r = B[Ae], a = wA(!!r && !(!((w = window.MotionHandoffIsComplete) === null || w === void 0) && w.call(window, r)) && ((e = window.MotionHasOptimisedAnimation) === null || e === void 0 ? void 0 : e.call(window, r)));
   return xw(() => {
-    I && (E.current = !0, window.MotionIsMounted = !0, I.updateFeatures(), bB.render(I.render), c.current && I.animationState && I.animationState.animateChanges());
+    I && (E.current = !0, window.MotionIsMounted = !0, I.updateFeatures(), bB.render(I.render), a.current && I.animationState && I.animationState.animateChanges());
   }), tA(() => {
-    I && (!c.current && I.animationState && I.animationState.animateChanges(), c.current && (queueMicrotask(() => {
+    I && (!a.current && I.animationState && I.animationState.animateChanges(), a.current && (queueMicrotask(() => {
       var G;
       (G = window.MotionHandoffMarkAsComplete) === null || G === void 0 || G.call(window, r);
-    }), c.current = !1));
+    }), a.current = !1));
   }), I;
 }
 function st(g, A, B, M) {
@@ -1601,8 +1602,8 @@ function ot({ preloadedFeatures: g, createVisualElement: A, useRender: B, useVis
     }, { isStatic: n } = I, E = wt(C), r = M(C, n);
     if (!n && vB) {
       nt(I, g);
-      const c = Et(I);
-      s = c.MeasureLayout, E.visualElement = it(D, r, I, A, c.ProjectionNode);
+      const a = Et(I);
+      s = a.MeasureLayout, E.visualElement = it(D, r, I, A, a.ProjectionNode);
     }
     return U(Rg.Provider, { value: E, children: [s && E.visualElement ? o(s, { visualElement: E.visualElement, ...I }) : null, B(D, C, Qt(r, E.visualElement, i), r, n, E.visualElement)] });
   }
@@ -1726,12 +1727,12 @@ function ct(g, A, B, M) {
     for (let n = 0; n < I.length; n++) {
       const E = HB(g, I[n]);
       if (E) {
-        const { transitionEnd: r, transition: c, ...G } = E;
+        const { transitionEnd: r, transition: a, ...G } = E;
         for (const l in G) {
           let Y = G[l];
           if (Array.isArray(Y)) {
-            const V = i ? Y.length - 1 : 0;
-            Y = Y[V];
+            const f = i ? Y.length - 1 : 0;
+            Y = Y[f];
           }
           Y !== null && (D[l] = Y);
         }
@@ -3280,44 +3281,44 @@ function We(g = h.visualDuration, A = h.bounce) {
   const w = B.keyframes[0], e = B.keyframes[B.keyframes.length - 1], Q = { done: !1, value: w }, { stiffness: t, damping: C, mass: i, duration: s, velocity: I, isResolvedFromDuration: n } = BC({
     ...B,
     velocity: -/* @__PURE__ */ nA(B.velocity || 0)
-  }), E = I || 0, r = C / (2 * Math.sqrt(t * i)), c = e - w, G = /* @__PURE__ */ nA(Math.sqrt(t / i)), l = Math.abs(c) < 5;
+  }), E = I || 0, r = C / (2 * Math.sqrt(t * i)), a = e - w, G = /* @__PURE__ */ nA(Math.sqrt(t / i)), l = Math.abs(a) < 5;
   M || (M = l ? h.restSpeed.granular : h.restSpeed.default), D || (D = l ? h.restDelta.granular : h.restDelta.default);
   let Y;
   if (r < 1) {
-    const a = CB(G, r);
-    Y = (u) => {
-      const d = Math.exp(-r * G * u);
-      return e - d * ((E + r * G * c) / a * Math.sin(a * u) + c * Math.cos(a * u));
+    const c = CB(G, r);
+    Y = (y) => {
+      const q = Math.exp(-r * G * y);
+      return e - q * ((E + r * G * a) / c * Math.sin(c * y) + a * Math.cos(c * y));
     };
   } else if (r === 1)
-    Y = (a) => e - Math.exp(-G * a) * (c + (E + G * c) * a);
+    Y = (c) => e - Math.exp(-G * c) * (a + (E + G * a) * c);
   else {
-    const a = G * Math.sqrt(r * r - 1);
-    Y = (u) => {
-      const d = Math.exp(-r * G * u), m = Math.min(a * u, 300);
-      return e - d * ((E + r * G * c) * Math.sinh(m) + a * c * Math.cosh(m)) / a;
+    const c = G * Math.sqrt(r * r - 1);
+    Y = (y) => {
+      const q = Math.exp(-r * G * y), m = Math.min(c * y, 300);
+      return e - q * ((E + r * G * a) * Math.sinh(m) + c * a * Math.cosh(m)) / c;
     };
   }
-  const V = {
+  const f = {
     calculatedDuration: n && s || null,
-    next: (a) => {
-      const u = Y(a);
+    next: (c) => {
+      const y = Y(c);
       if (n)
-        Q.done = a >= s;
+        Q.done = c >= s;
       else {
-        let d = 0;
-        r < 1 && (d = a === 0 ? /* @__PURE__ */ CA(E) : xe(Y, a, u));
-        const m = Math.abs(d) <= M, q = Math.abs(e - u) <= D;
-        Q.done = m && q;
+        let q = 0;
+        r < 1 && (q = c === 0 ? /* @__PURE__ */ CA(E) : xe(Y, c, y));
+        const m = Math.abs(q) <= M, d = Math.abs(e - y) <= D;
+        Q.done = m && d;
       }
-      return Q.value = Q.done ? e : u, Q;
+      return Q.value = Q.done ? e : y, Q;
     },
     toString: () => {
-      const a = Math.min(Ee(V), gB), u = le((d) => V.next(a * d).value, a, 30);
-      return a + "ms " + u;
+      const c = Math.min(Ee(f), gB), y = le((q) => f.next(c * q).value, c, 30);
+      return c + "ms " + y;
     }
   };
-  return V;
+  return f;
 }
 function bM({ keyframes: g, velocity: A = 0, power: B = 0.8, timeConstant: M = 325, bounceDamping: D = 10, bounceStiffness: w = 500, modifyTarget: e, min: Q, max: t, restDelta: C = 0.5, restSpeed: i }) {
   const s = g[0], I = {
@@ -3325,15 +3326,15 @@ function bM({ keyframes: g, velocity: A = 0, power: B = 0.8, timeConstant: M = 3
     value: s
   }, n = (m) => Q !== void 0 && m < Q || t !== void 0 && m > t, E = (m) => Q === void 0 ? t : t === void 0 || Math.abs(Q - m) < Math.abs(t - m) ? Q : t;
   let r = B * A;
-  const c = s + r, G = e === void 0 ? c : e(c);
-  G !== c && (r = G - s);
-  const l = (m) => -r * Math.exp(-m / M), Y = (m) => G + l(m), V = (m) => {
-    const q = l(m), L = Y(m);
-    I.done = Math.abs(q) <= C, I.value = I.done ? G : L;
+  const a = s + r, G = e === void 0 ? a : e(a);
+  G !== a && (r = G - s);
+  const l = (m) => -r * Math.exp(-m / M), Y = (m) => G + l(m), f = (m) => {
+    const d = l(m), v = Y(m);
+    I.done = Math.abs(d) <= C, I.value = I.done ? G : v;
   };
-  let a, u;
-  const d = (m) => {
-    n(I.value) && (a = m, u = We({
+  let c, y;
+  const q = (m) => {
+    n(I.value) && (c = m, y = We({
       keyframes: [I.value, E(I.value)],
       velocity: xe(Y, m, I.value),
       // TODO: This should be passing * 1000
@@ -3343,11 +3344,11 @@ function bM({ keyframes: g, velocity: A = 0, power: B = 0.8, timeConstant: M = 3
       restSpeed: i
     }));
   };
-  return d(0), {
+  return q(0), {
     calculatedDuration: null,
     next: (m) => {
-      let q = !1;
-      return !u && a === void 0 && (q = !0, V(m), d(m)), a !== void 0 && m >= a ? u.next(m - a) : (!q && V(m), I);
+      let d = !1;
+      return !y && c === void 0 && (d = !0, f(m), q(m)), c !== void 0 && m >= c ? y.next(m - c) : (!d && f(m), I);
     }
   };
 }
@@ -3504,22 +3505,22 @@ class IM extends Te {
     const { finalKeyframe: D, generator: w, mirroredGenerator: e, mapPercentToKeyframes: Q, keyframes: t, calculatedDuration: C, totalDuration: i, resolvedDuration: s } = M;
     if (this.startTime === null)
       return w.next(0);
-    const { delay: I, repeat: n, repeatType: E, repeatDelay: r, onUpdate: c } = this.options;
+    const { delay: I, repeat: n, repeatType: E, repeatDelay: r, onUpdate: a } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, A) : this.speed < 0 && (this.startTime = Math.min(A - i / this.speed, this.startTime)), B ? this.currentTime = A : this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = Math.round(A - this.startTime) * this.speed;
     const G = this.currentTime - I * (this.speed >= 0 ? 1 : -1), l = this.speed >= 0 ? G < 0 : G > i;
     this.currentTime = Math.max(G, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
-    let Y = this.currentTime, V = w;
+    let Y = this.currentTime, f = w;
     if (n) {
       const m = Math.min(this.currentTime, i) / s;
-      let q = Math.floor(m), L = m % 1;
-      !L && m >= 1 && (L = 1), L === 1 && q--, q = Math.min(q, n + 1), !!(q % 2) && (E === "reverse" ? (L = 1 - L, r && (L -= r / s)) : E === "mirror" && (V = e)), Y = EA(0, 1, L) * s;
+      let d = Math.floor(m), v = m % 1;
+      !v && m >= 1 && (v = 1), v === 1 && d--, d = Math.min(d, n + 1), !!(d % 2) && (E === "reverse" ? (v = 1 - v, r && (v -= r / s)) : E === "mirror" && (f = e)), Y = EA(0, 1, v) * s;
     }
-    const a = l ? { done: !1, value: t[0] } : V.next(Y);
-    Q && (a.value = Q(a.value));
-    let { done: u } = a;
-    !l && C !== null && (u = this.speed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
-    const d = this.holdTime === null && (this.state === "finished" || this.state === "running" && u);
-    return d && D !== void 0 && (a.value = vg(t, this.options, D)), c && c(a.value), d && this.finish(), a;
+    const c = l ? { done: !1, value: t[0] } : f.next(Y);
+    Q && (c.value = Q(c.value));
+    let { done: y } = c;
+    !l && C !== null && (y = this.speed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
+    const q = this.holdTime === null && (this.state === "finished" || this.state === "running" && y);
+    return q && D !== void 0 && (c.value = vg(t, this.options, D)), a && a(c.value), q && this.finish(), c;
   }
   get duration() {
     const { resolved: A } = this;
@@ -3644,8 +3645,8 @@ class SM extends Te {
     if (!Q.owner || !Q.owner.current)
       return !1;
     if (typeof w == "string" && Vg() && YC(w) && (w = _e[w]), aC(this.options)) {
-      const { onComplete: s, onUpdate: I, motionValue: n, element: E, ...r } = this.options, c = cC(A, r);
-      A = c.keyframes, A.length === 1 && (A[1] = A[0]), M = c.duration, D = c.times, w = c.ease, e = "keyframes";
+      const { onComplete: s, onUpdate: I, motionValue: n, element: E, ...r } = this.options, a = cC(A, r);
+      A = a.keyframes, A.length === 1 && (A[1] = A[0]), M = a.duration, D = a.times, w = a.ease, e = "keyframes";
     }
     const i = lC(Q.owner.current, t, A, { ...this.options, duration: M, times: D, ease: w });
     return i.startTime = C ?? this.calcStartTime(), this.pendingTimeline ? (fM(i, this.pendingTimeline), this.pendingTimeline = void 0) : i.onfinish = () => {
@@ -3867,8 +3868,8 @@ function Aw(g, A, { delay: B = 0, transitionOverride: M, type: D } = {}) {
       }
     }
     MB(g, s), I.start(nM(s, I, n, g.shouldReduceMotion && ue.has(s) ? { type: !1 } : E, g, r));
-    const c = I.animation;
-    c && C.push(c);
+    const a = I.animation;
+    a && C.push(a);
   }
   return Q && Promise.all(C).then(() => {
     p.update(() => {
@@ -3955,48 +3956,48 @@ function JC(g) {
   function e(t) {
     const { props: C } = g, i = gw(g.parent) || {}, s = [], I = /* @__PURE__ */ new Set();
     let n = {}, E = 1 / 0;
-    for (let c = 0; c < RC; c++) {
-      const G = pC[c], l = B[G], Y = C[G] !== void 0 ? C[G] : i[G], V = eg(Y), a = G === t ? l.isActive : null;
-      a === !1 && (E = c);
-      let u = Y === i[G] && Y !== C[G] && V;
-      if (u && M && g.manuallyAnimateOnMount && (u = !1), l.protectedKeys = { ...n }, // If it isn't active and hasn't *just* been set as inactive
-      !l.isActive && a === null || // If we didn't and don't have any defined prop for this animation type
+    for (let a = 0; a < RC; a++) {
+      const G = pC[a], l = B[G], Y = C[G] !== void 0 ? C[G] : i[G], f = eg(Y), c = G === t ? l.isActive : null;
+      c === !1 && (E = a);
+      let y = Y === i[G] && Y !== C[G] && f;
+      if (y && M && g.manuallyAnimateOnMount && (y = !1), l.protectedKeys = { ...n }, // If it isn't active and hasn't *just* been set as inactive
+      !l.isActive && c === null || // If we didn't and don't have any defined prop for this animation type
       !Y && !l.prevProp || // Or if the prop doesn't define an animation
       hg(Y) || typeof Y == "boolean")
         continue;
-      const d = zC(l.prevProp, Y);
-      let m = d || // If we're making this variant active, we want to always make it active
-      G === t && l.isActive && !u && V || // If we removed a higher-priority variant (i is in reverse order)
-      c > E && V, q = !1;
-      const L = Array.isArray(Y) ? Y : [Y];
-      let BA = L.reduce(D(G), {});
-      a === !1 && (BA = {});
+      const q = zC(l.prevProp, Y);
+      let m = q || // If we're making this variant active, we want to always make it active
+      G === t && l.isActive && !y && f || // If we removed a higher-priority variant (i is in reverse order)
+      a > E && f, d = !1;
+      const v = Array.isArray(Y) ? Y : [Y];
+      let W = v.reduce(D(G), {});
+      c === !1 && (W = {});
       const { prevResolvedValues: mA = {} } = l, UA = {
         ...mA,
-        ...BA
-      }, rA = (v) => {
-        m = !0, I.has(v) && (q = !0, I.delete(v)), l.needsAnimating[v] = !0;
-        const W = g.getValue(v);
-        W && (W.liveStyle = !1);
+        ...W
+      }, rA = (P) => {
+        m = !0, I.has(P) && (d = !0, I.delete(P)), l.needsAnimating[P] = !0;
+        const $ = g.getValue(P);
+        $ && ($.liveStyle = !1);
       };
-      for (const v in UA) {
-        const W = BA[v], GA = mA[v];
-        if (n.hasOwnProperty(v))
+      for (const P in UA) {
+        const $ = W[P], GA = mA[P];
+        if (n.hasOwnProperty(P))
           continue;
         let oA = !1;
-        AB(W) && AB(GA) ? oA = !ne(W, GA) : oA = W !== GA, oA ? W != null ? rA(v) : I.add(v) : W !== void 0 && I.has(v) ? rA(v) : l.protectedKeys[v] = !0;
+        AB($) && AB(GA) ? oA = !ne($, GA) : oA = $ !== GA, oA ? $ != null ? rA(P) : I.add(P) : $ !== void 0 && I.has(P) ? rA(P) : l.protectedKeys[P] = !0;
       }
-      l.prevProp = Y, l.prevResolvedValues = BA, l.isActive && (n = { ...n, ...BA }), M && g.blockInitialAnimation && (m = !1), m && (!(u && d) || q) && s.push(...L.map((v) => ({
-        animation: v,
+      l.prevProp = Y, l.prevResolvedValues = W, l.isActive && (n = { ...n, ...W }), M && g.blockInitialAnimation && (m = !1), m && (!(y && q) || d) && s.push(...v.map((P) => ({
+        animation: P,
         options: { type: G }
       })));
     }
     if (I.size) {
-      const c = {};
+      const a = {};
       I.forEach((G) => {
         const l = g.getBaseTarget(G), Y = g.getValue(G);
-        Y && (Y.liveStyle = !0), c[G] = l ?? null;
-      }), s.push({ animation: c });
+        Y && (Y.liveStyle = !0), a[G] = l ?? null;
+      }), s.push({ animation: a });
     }
     let r = !!s.length;
     return M && (C.initial === !1 || C.initial === C.animate) && !g.manuallyAnimateOnMount && (r = !1), M = !1, r ? A(s) : Promise.resolve();
@@ -4140,8 +4141,8 @@ class Bw {
         return;
       const { point: E } = s, { timestamp: r } = F;
       this.history.push({ ...E, timestamp: r });
-      const { onStart: c, onMove: G } = this.handlers;
-      I || (c && c(this.lastMoveEvent, s), this.startEvent = this.lastMoveEvent), G && G(this.lastMoveEvent, s);
+      const { onStart: a, onMove: G } = this.handlers;
+      I || (a && a(this.lastMoveEvent, s), this.startEvent = this.lastMoveEvent), G && G(this.lastMoveEvent, s);
     }, this.handlePointerMove = (s, I) => {
       this.lastMoveEvent = s, this.lastMoveEventInfo = Sg(I, this.transformPagePoint), p.update(this.updatePoint, !0);
     }, this.handlePointerUp = (s, I) => {
@@ -4149,8 +4150,8 @@ class Bw {
       const { onEnd: n, onSessionEnd: E, resumeAnimation: r } = this.handlers;
       if (this.dragSnapToOrigin && r && r(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const c = Tg(s.type === "pointercancel" ? this.lastMoveEventInfo : Sg(I, this.transformPagePoint), this.history);
-      this.startEvent && n && n(s, c), E && E(s, c);
+      const a = Tg(s.type === "pointercancel" ? this.lastMoveEventInfo : Sg(I, this.transformPagePoint), this.history);
+      this.startEvent && n && n(s, a), E && E(s, a);
     }, !BM(A))
       return;
     this.dragSnapToOrigin = w, this.handlers = B, this.transformPagePoint = M, this.contextWindow = D || window;
@@ -4205,26 +4206,26 @@ function HC(g, A) {
   return e.x === 1 / 0 && (e.x = 0), e.y === 1 / 0 && (e.y = 0), e;
 }
 const Dw = 1e-4, SC = 1 - Dw, TC = 1 + Dw, ew = 0.01, XC = 0 - ew, NC = 0 + ew;
-function $(g) {
+function _(g) {
   return g.max - g.min;
 }
 function xC(g, A, B) {
   return Math.abs(g - A) <= B;
 }
 function xM(g, A, B, M = 0.5) {
-  g.origin = M, g.originPoint = z(A.min, A.max, g.origin), g.scale = $(B) / $(A), g.translate = z(B.min, B.max, g.origin) - g.originPoint, (g.scale >= SC && g.scale <= TC || isNaN(g.scale)) && (g.scale = 1), (g.translate >= XC && g.translate <= NC || isNaN(g.translate)) && (g.translate = 0);
+  g.origin = M, g.originPoint = z(A.min, A.max, g.origin), g.scale = _(B) / _(A), g.translate = z(B.min, B.max, g.origin) - g.originPoint, (g.scale >= SC && g.scale <= TC || isNaN(g.scale)) && (g.scale = 1), (g.translate >= XC && g.translate <= NC || isNaN(g.translate)) && (g.translate = 0);
 }
 function Mg(g, A, B, M) {
   xM(g.x, A.x, B.x, M ? M.originX : void 0), xM(g.y, A.y, B.y, M ? M.originY : void 0);
 }
 function WM(g, A, B) {
-  g.min = B.min + A.min, g.max = g.min + $(A);
+  g.min = B.min + A.min, g.max = g.min + _(A);
 }
 function WC(g, A, B) {
   WM(g.x, A.x, B.x), WM(g.y, A.y, B.y);
 }
 function $M(g, A, B) {
-  g.min = A.min - B.min, g.max = g.min + $(A);
+  g.min = A.min - B.min, g.max = g.min + _(A);
 }
 function Dg(g, A, B) {
   $M(g.x, A.x, B.x), $M(g.y, A.y, B.y);
@@ -4256,7 +4257,7 @@ function Ai(g, A) {
 }
 function gi(g, A) {
   let B = 0.5;
-  const M = $(g), D = $(A);
+  const M = _(g), D = _(A);
   return D > M ? B = /* @__PURE__ */ LA(A.min, A.max - M, g.min) : M > D && (B = /* @__PURE__ */ LA(g.min, g.max - D, A.min)), EA(0, 1, B);
 }
 function Bi(g, A) {
@@ -4287,11 +4288,11 @@ const MD = () => ({
 }), hA = () => ({
   x: MD(),
   y: MD()
-}), DD = () => ({ min: 0, max: 0 }), P = () => ({
+}), DD = () => ({ min: 0, max: 0 }), L = () => ({
   x: DD(),
   y: DD()
 });
-function AA(g) {
+function gA(g) {
   return [g("x"), g("y")];
 }
 function ww({ top: g, left: A, right: B, bottom: M }) {
@@ -4379,7 +4380,7 @@ function ti(g, A, B) {
 const iw = ({ current: g }) => g ? g.ownerDocument.defaultView : null, Qi = /* @__PURE__ */ new WeakMap();
 class Ci {
   constructor(A) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = P(), this.visualElement = A;
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = L(), this.visualElement = A;
   }
   start(A, { snapToCursor: B = !1 } = {}) {
     const { presenceContext: M } = this.visualElement;
@@ -4392,16 +4393,16 @@ class Ci {
       const { drag: I, dragPropagation: n, onDragStart: E } = this.getProps();
       if (I && !n && (this.openDragLock && this.openDragLock(), this.openDragLock = gQ(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), AA((c) => {
-        let G = this.getAxisMotionValue(c).get() || 0;
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), gA((a) => {
+        let G = this.getAxisMotionValue(a).get() || 0;
         if (iA.test(G)) {
           const { projection: l } = this.visualElement;
           if (l && l.layout) {
-            const Y = l.layout.layoutBox[c];
-            Y && (G = $(Y) * (parseFloat(G) / 100));
+            const Y = l.layout.layoutBox[a];
+            Y && (G = _(Y) * (parseFloat(G) / 100));
           }
         }
-        this.originPoint[c] = G;
+        this.originPoint[a] = G;
       }), E && p.postRender(() => E(i, s)), MB(this.visualElement, "transform");
       const { animationState: r } = this.visualElement;
       r && r.setActive("whileDrag", !0);
@@ -4409,13 +4410,13 @@ class Ci {
       const { dragPropagation: I, dragDirectionLock: n, onDirectionLock: E, onDrag: r } = this.getProps();
       if (!I && !this.openDragLock)
         return;
-      const { offset: c } = s;
+      const { offset: a } = s;
       if (n && this.currentDirection === null) {
-        this.currentDirection = ii(c), this.currentDirection !== null && E && E(this.currentDirection);
+        this.currentDirection = ii(a), this.currentDirection !== null && E && E(this.currentDirection);
         return;
       }
-      this.updateAxis("x", s.point, c), this.updateAxis("y", s.point, c), this.visualElement.render(), r && r(i, s);
-    }, Q = (i, s) => this.stop(i, s), t = () => AA((i) => {
+      this.updateAxis("x", s.point, a), this.updateAxis("y", s.point, a), this.visualElement.render(), r && r(i, s);
+    }, Q = (i, s) => this.stop(i, s), t = () => gA((i) => {
       var s;
       return this.getAnimationState(i) === "paused" && ((s = this.getAxisMotionValue(i).animation) === null || s === void 0 ? void 0 : s.play());
     }), { dragSnapToOrigin: C } = this.getProps();
@@ -4458,7 +4459,7 @@ class Ci {
   resolveConstraints() {
     var A;
     const { dragConstraints: B, dragElastic: M } = this.getProps(), D = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (A = this.visualElement.projection) === null || A === void 0 ? void 0 : A.layout, w = this.constraints;
-    B && pA(B) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : B && D ? this.constraints = _C(D.layoutBox, B) : this.constraints = !1, this.elastic = Mi(M), w !== this.constraints && D && this.constraints && !this.hasMutatedConstraints && AA((e) => {
+    B && pA(B) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : B && D ? this.constraints = _C(D.layoutBox, B) : this.constraints = !1, this.elastic = Mi(M), w !== this.constraints && D && this.constraints && !this.hasMutatedConstraints && gA((e) => {
       this.constraints !== !1 && this.getAxisMotionValue(e) && (this.constraints[e] = Bi(D.layoutBox[e], this.constraints[e]));
     });
   }
@@ -4480,7 +4481,7 @@ class Ci {
     return e;
   }
   startAnimation(A) {
-    const { drag: B, dragMomentum: M, dragElastic: D, dragTransition: w, dragSnapToOrigin: e, onDragTransitionEnd: Q } = this.getProps(), t = this.constraints || {}, C = AA((i) => {
+    const { drag: B, dragMomentum: M, dragElastic: D, dragTransition: w, dragSnapToOrigin: e, onDragTransitionEnd: Q } = this.getProps(), t = this.constraints || {}, C = gA((i) => {
       if (!Gg(i, B, this.currentDirection))
         return;
       let s = t[i] || {};
@@ -4505,10 +4506,10 @@ class Ci {
     return MB(this.visualElement, A), M.start(nM(A, M, 0, B, this.visualElement, !1));
   }
   stopAnimation() {
-    AA((A) => this.getAxisMotionValue(A).stop());
+    gA((A) => this.getAxisMotionValue(A).stop());
   }
   pauseAnimation() {
-    AA((A) => {
+    gA((A) => {
       var B;
       return (B = this.getAxisMotionValue(A).animation) === null || B === void 0 ? void 0 : B.pause();
     });
@@ -4528,7 +4529,7 @@ class Ci {
     return D || this.visualElement.getValue(A, (M.initial ? M.initial[A] : void 0) || 0);
   }
   snapToCursor(A) {
-    AA((B) => {
+    gA((B) => {
       const { drag: M } = this.getProps();
       if (!Gg(B, M, this.currentDirection))
         return;
@@ -4552,7 +4553,7 @@ class Ci {
       return;
     this.stopAnimation();
     const D = { x: 0, y: 0 };
-    AA((e) => {
+    gA((e) => {
       const Q = this.getAxisMotionValue(e);
       if (Q && this.constraints !== !1) {
         const t = Q.get();
@@ -4560,7 +4561,7 @@ class Ci {
       }
     });
     const { transformTemplate: w } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = w ? w({}, "") : "none", M.root && M.root.updateScroll(), M.updateLayout(), this.resolveConstraints(), AA((e) => {
+    this.visualElement.current.style.transform = w ? w({}, "") : "none", M.root && M.root.updateScroll(), M.updateLayout(), this.resolveConstraints(), gA((e) => {
       if (!Gg(e, A, null))
         return;
       const Q = this.getAxisMotionValue(e), { min: t, max: C } = this.constraints[e];
@@ -4580,7 +4581,7 @@ class Ci {
     }, { projection: D } = this.visualElement, w = D.addEventListener("measure", M);
     D && !D.layout && (D.root && D.root.updateScroll(), D.updateLayout()), p.read(M);
     const e = Cg(window, "resize", () => this.scalePositionWithinConstraints()), Q = D.addEventListener("didUpdate", ({ delta: t, hasLayoutChanged: C }) => {
-      this.isDragging && C && (AA((i) => {
+      this.isDragging && C && (gA((i) => {
         const s = this.getAxisMotionValue(i);
         s && (this.originPoint[i] += t[i].translate, s.set(s.get() + t[i].translate));
       }), this.visualElement.render());
@@ -4809,7 +4810,7 @@ function Iw(g, A, B) {
 function ED(g, A) {
   g.min = A.min, g.max = A.max;
 }
-function _(g, A) {
+function AA(g, A) {
   ED(g.x, A.x), ED(g.y, A.y);
 }
 function lD(g, A) {
@@ -4850,7 +4851,7 @@ function Ew(g, A) {
   return uD(g.x, A.x) && uD(g.y, A.y);
 }
 function yD(g) {
-  return $(g.x) / $(g.y);
+  return _(g.x) / _(g.y);
 }
 function mD(g, A) {
   return g.translate === A.translate && g.scale === A.scale && g.originPoint === A.originPoint;
@@ -4986,15 +4987,15 @@ function rw({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const r = this.options.transition || i.getDefaultTransition() || Si, { onLayoutAnimationStart: c, onLayoutAnimationComplete: G } = i.getProps(), l = !this.targetLayout || !Ew(this.targetLayout, E), Y = !I && n;
+        const r = this.options.transition || i.getDefaultTransition() || Si, { onLayoutAnimationStart: a, onLayoutAnimationComplete: G } = i.getProps(), l = !this.targetLayout || !Ew(this.targetLayout, E), Y = !I && n;
         if (this.options.layoutRoot || this.resumeFrom || Y || I && (l || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(s, Y);
-          const V = {
+          const f = {
             ..._B(r, "layout"),
-            onPlay: c,
+            onPlay: a,
             onComplete: G
           };
-          (i.shouldReduceMotion || this.options.layoutRoot) && (V.delay = 0, V.type = !1), this.startAnimation(V);
+          (i.shouldReduceMotion || this.options.layoutRoot) && (f.delay = 0, f.type = !1), this.startAnimation(f);
         } else
           I || VD(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = E;
@@ -5080,7 +5081,7 @@ function rw({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
         for (let t = 0; t < this.path.length; t++)
           this.path[t].updateScroll();
       const e = this.layout;
-      this.layout = this.measure(!1), this.layoutCorrected = P(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutCorrected = L(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
       const { visualElement: Q } = this.options;
       Q && Q.notify("LayoutMeasure", this.layout.layoutBox, e ? e.layoutBox : void 0);
     }
@@ -5118,7 +5119,7 @@ function rw({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
       var e;
       const { visualElement: Q } = this.options;
       if (!Q)
-        return P();
+        return L();
       const t = Q.measureViewportBox();
       if (!(((e = this.scroll) === null || e === void 0 ? void 0 : e.wasRoot) || this.path.some(Xi))) {
         const { scroll: i } = this.root;
@@ -5128,18 +5129,18 @@ function rw({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
     }
     removeElementScroll(e) {
       var Q;
-      const t = P();
-      if (_(t, e), !((Q = this.scroll) === null || Q === void 0) && Q.wasRoot)
+      const t = L();
+      if (AA(t, e), !((Q = this.scroll) === null || Q === void 0) && Q.wasRoot)
         return t;
       for (let C = 0; C < this.path.length; C++) {
         const i = this.path[C], { scroll: s, options: I } = i;
-        i !== this.root && s && I.layoutScroll && (s.wasRoot && _(t, e), JA(t.x, s.offset.x), JA(t.y, s.offset.y));
+        i !== this.root && s && I.layoutScroll && (s.wasRoot && AA(t, e), JA(t.x, s.offset.x), JA(t.y, s.offset.y));
       }
       return t;
     }
     applyTransform(e, Q = !1) {
-      const t = P();
-      _(t, e);
+      const t = L();
+      AA(t, e);
       for (let C = 0; C < this.path.length; C++) {
         const i = this.path[C];
         !Q && i.options.layoutScroll && i.scroll && i !== i.root && zA(t, {
@@ -5150,15 +5151,15 @@ function rw({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
       return VA(this.latestValues) && zA(t, this.latestValues), t;
     }
     removeTransform(e) {
-      const Q = P();
-      _(Q, e);
+      const Q = L();
+      AA(Q, e);
       for (let t = 0; t < this.path.length; t++) {
         const C = this.path[t];
         if (!C.instance || !VA(C.latestValues))
           continue;
         oB(C.latestValues) && C.updateSnapshot();
-        const i = P(), s = C.measurePageBox();
-        _(i, s), aD(Q, C.latestValues, C.snapshot ? C.snapshot.layoutBox : void 0, i);
+        const i = L(), s = C.measurePageBox();
+        AA(i, s), aD(Q, C.latestValues, C.snapshot ? C.snapshot.layoutBox : void 0, i);
       }
       return VA(this.latestValues) && aD(Q, this.latestValues), Q;
     }
@@ -5189,13 +5190,13 @@ function rw({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
       if (!(!this.layout || !(s || I))) {
         if (this.resolvedRelativeTargetAt = F.timestamp, !this.targetDelta && !this.relativeTarget) {
           const n = this.getClosestProjectingParent();
-          n && n.layout && this.animationProgress !== 1 ? (this.relativeParent = n, this.forceRelativeParentToResolveTarget(), this.relativeTarget = P(), this.relativeTargetOrigin = P(), Dg(this.relativeTargetOrigin, this.layout.layoutBox, n.layout.layoutBox), _(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          n && n.layout && this.animationProgress !== 1 ? (this.relativeParent = n, this.forceRelativeParentToResolveTarget(), this.relativeTarget = L(), this.relativeTargetOrigin = L(), Dg(this.relativeTargetOrigin, this.layout.layoutBox, n.layout.layoutBox), AA(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         if (!(!this.relativeTarget && !this.targetDelta)) {
-          if (this.target || (this.target = P(), this.targetWithTransforms = P()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), WC(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : _(this.target, this.layout.layoutBox), Qw(this.target, this.targetDelta)) : _(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
+          if (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), WC(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : AA(this.target, this.layout.layoutBox), Qw(this.target, this.targetDelta)) : AA(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
             this.attemptToResolveRelativeTarget = !1;
             const n = this.getClosestProjectingParent();
-            n && !!n.resumingFrom == !!this.resumingFrom && !n.options.layoutScroll && n.target && this.animationProgress !== 1 ? (this.relativeParent = n, this.forceRelativeParentToResolveTarget(), this.relativeTarget = P(), this.relativeTargetOrigin = P(), Dg(this.relativeTargetOrigin, this.target, n.target), _(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+            n && !!n.resumingFrom == !!this.resumingFrom && !n.options.layoutScroll && n.target && this.animationProgress !== 1 ? (this.relativeParent = n, this.forceRelativeParentToResolveTarget(), this.relativeTarget = L(), this.relativeTargetOrigin = L(), Dg(this.relativeTargetOrigin, this.target, n.target), AA(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
           }
           _A && fA.resolvedTargetDeltas++;
         }
@@ -5217,9 +5218,9 @@ function rw({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
       const { layout: i, layoutId: s } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(i || s))
         return;
-      _(this.layoutCorrected, this.layout.layoutBox);
+      AA(this.layoutCorrected, this.layout.layoutBox);
       const I = this.treeScale.x, n = this.treeScale.y;
-      wi(this.layoutCorrected, this.treeScale, this.path, t), Q.layout && !Q.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (Q.target = Q.layout.layoutBox, Q.targetWithTransforms = P());
+      wi(this.layoutCorrected, this.treeScale, this.path, t), Q.layout && !Q.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (Q.target = Q.layout.layoutBox, Q.targetWithTransforms = L());
       const { target: E } = Q;
       if (!E) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -5247,12 +5248,12 @@ function rw({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
     setAnimationOrigin(e, Q = !1) {
       const t = this.snapshot, C = t ? t.latestValues : {}, i = { ...this.latestValues }, s = hA();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !Q;
-      const I = P(), n = t ? t.source : void 0, E = this.layout ? this.layout.source : void 0, r = n !== E, c = this.getStack(), G = !c || c.members.length <= 1, l = !!(r && !G && this.options.crossfade === !0 && !this.path.some(Hi));
+      const I = L(), n = t ? t.source : void 0, E = this.layout ? this.layout.source : void 0, r = n !== E, a = this.getStack(), G = !a || a.members.length <= 1, l = !!(r && !G && this.options.crossfade === !0 && !this.path.some(Hi));
       this.animationProgress = 0;
       let Y;
-      this.mixTargetDelta = (V) => {
-        const a = V / 1e3;
-        fD(s.x, e.x, a), fD(s.y, e.y, a), this.setTargetDelta(s), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Dg(I, this.layout.layoutBox, this.relativeParent.layout.layoutBox), ji(this.relativeTarget, this.relativeTargetOrigin, I, a), Y && fi(this.relativeTarget, Y) && (this.isProjectionDirty = !1), Y || (Y = P()), _(Y, this.relativeTarget)), r && (this.animationValues = i, ui(i, C, this.latestValues, a, l, G)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = a;
+      this.mixTargetDelta = (f) => {
+        const c = f / 1e3;
+        fD(s.x, e.x, c), fD(s.y, e.y, c), this.setTargetDelta(s), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Dg(I, this.layout.layoutBox, this.relativeParent.layout.layoutBox), ji(this.relativeTarget, this.relativeTargetOrigin, I, c), Y && fi(this.relativeTarget, Y) && (this.isProjectionDirty = !1), Y || (Y = L()), AA(Y, this.relativeTarget)), r && (this.animationValues = i, ui(i, C, this.latestValues, c, l, G)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = c;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(e) {
@@ -5281,13 +5282,13 @@ function rw({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
       let { targetWithTransforms: Q, target: t, layout: C, latestValues: i } = e;
       if (!(!Q || !t || !C)) {
         if (this !== e && this.layout && C && Gw(this.options.animationType, this.layout.layoutBox, C.layoutBox)) {
-          t = this.target || P();
-          const s = $(this.layout.layoutBox.x);
+          t = this.target || L();
+          const s = _(this.layout.layoutBox.x);
           t.x.min = e.target.x.min, t.x.max = t.x.min + s;
-          const I = $(this.layout.layoutBox.y);
+          const I = _(this.layout.layoutBox.y);
           t.y.min = e.target.y.min, t.y.max = t.y.min + I;
         }
-        _(Q, t), zA(Q, i), Mg(this.projectionDeltaWithTransform, this.layoutCorrected, Q, i);
+        AA(Q, t), zA(Q, i), Mg(this.projectionDeltaWithTransform, this.layoutCorrected, Q, i);
       }
     }
     registerSharedNode(e, Q) {
@@ -5365,11 +5366,11 @@ function rw({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
       for (const r in Zg) {
         if (I[r] === void 0)
           continue;
-        const { correct: c, applyTo: G } = Zg[r], l = C.transform === "none" ? I[r] : c(I[r], s);
+        const { correct: a, applyTo: G } = Zg[r], l = C.transform === "none" ? I[r] : a(I[r], s);
         if (G) {
           const Y = G.length;
-          for (let V = 0; V < Y; V++)
-            C[G[V]] = l;
+          for (let f = 0; f < Y; f++)
+            C[G[f]] = l;
         } else
           C[r] = l;
       }
@@ -5395,11 +5396,11 @@ function Ri(g) {
   const B = ((A = g.resumeFrom) === null || A === void 0 ? void 0 : A.snapshot) || g.snapshot;
   if (g.isLead() && g.layout && B && g.hasListeners("didUpdate")) {
     const { layoutBox: M, measuredBox: D } = g.layout, { animationType: w } = g.options, e = B.source !== g.layout.source;
-    w === "size" ? AA((s) => {
-      const I = e ? B.measuredBox[s] : B.layoutBox[s], n = $(I);
+    w === "size" ? gA((s) => {
+      const I = e ? B.measuredBox[s] : B.layoutBox[s], n = _(I);
       I.min = M[s].min, I.max = I.min + n;
-    }) : Gw(w, B.layoutBox, M) && AA((s) => {
-      const I = e ? B.measuredBox[s] : B.layoutBox[s], n = $(M[s]);
+    }) : Gw(w, B.layoutBox, M) && gA((s) => {
+      const I = e ? B.measuredBox[s] : B.layoutBox[s], n = _(M[s]);
       I.max = I.min + n, g.relativeTarget && !g.currentAnimation && (g.isProjectionDirty = !0, g.relativeTarget[s].max = g.relativeTarget[s].min + n);
     });
     const Q = hA();
@@ -5413,9 +5414,9 @@ function Ri(g) {
       if (s && !s.resumeFrom) {
         const { snapshot: I, layout: n } = s;
         if (I && n) {
-          const E = P();
+          const E = L();
           Dg(E, B.layoutBox, I.layoutBox);
-          const r = P();
+          const r = L();
           Dg(r, M, n.layoutBox), Ew(E, r) || (i = !0), s.options.layoutRoot && (g.relativeTarget = r, g.relativeTargetOrigin = E, g.relativeParent = s);
         }
       }
@@ -5770,7 +5771,7 @@ class Is {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : P();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : L();
   }
   getStaticValue(A) {
     return this.latestValues[A];
@@ -5938,7 +5939,7 @@ class Es extends Yw {
 }
 class ls extends Yw {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = P;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = L;
   }
   getBaseTargetFromProps(A, B) {
     return A[B];
@@ -5993,9 +5994,9 @@ const rs = (g, A) => jB(g) ? new ls(A) : new Es(A, {
     tA(() => {
       A.forEach((l) => {
         const Y = C.current.get(l.refId || "");
-        Y && Y.addEventListener("mouseenter", (V) => {
-          const a = V.target;
-          I(a.getBoundingClientRect());
+        Y && Y.addEventListener("mouseenter", (f) => {
+          const c = f.target;
+          I(c.getBoundingClientRect());
         });
       });
     }, [A]), tA(() => {
@@ -6018,7 +6019,7 @@ const rs = (g, A) => jB(g) ? new ls(A) : new Es(A, {
       goatData: "#ff0145",
       secondary: "#ff0145",
       experiences: "white"
-    }, c = {
+    }, a = {
       goatData: "white",
       secondary: "#1F2937",
       experiences: "#1F2937"
@@ -6070,19 +6071,19 @@ const rs = (g, A) => jB(g) ? new ls(A) : new Es(A, {
               ),
               (!B || B.trim() === "") && /* @__PURE__ */ o("div", { className: `text-[10px] ${G[g]} tracking-[4px]`, children: "DATA" })
             ] }) }),
-            /* @__PURE__ */ o("div", { className: "hidden sm:ml-6 sm:block flex-grow", children: /* @__PURE__ */ o("nav", { className: "flex justify-end", children: /* @__PURE__ */ o("ul", { className: "flex space-x-4", children: A.map(({ label: l, href: Y, refId: V }) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(aM, { href: Y, Viewport: r[g], colorButton: c[g], children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o("div", { className: "hidden sm:ml-6 sm:block flex-grow", children: /* @__PURE__ */ o("nav", { className: "flex justify-end", children: /* @__PURE__ */ o("ul", { className: "flex space-x-4", children: A.map(({ label: l, href: Y, refId: f }) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(aM, { href: Y, Viewport: r[g], colorButton: a[g], children: /* @__PURE__ */ o(
               "div",
               {
-                ref: (a) => a && V && C.current.set(V, a),
-                id: V,
-                style: { padding: "6px", color: c[g] },
+                ref: (c) => c && f && C.current.set(f, c),
+                id: f,
+                style: { padding: "6px", color: a[g] },
                 children: l
               }
             ) }) }, Y)) }) }) })
           ] })
         ] })
       ] }),
-      Q && /* @__PURE__ */ o("div", { className: "space-y-1 px-2 pt-2 pb-3", children: A.map(({ label: l, href: Y }) => /* @__PURE__ */ o(aM, { href: Y, Viewport: r[g], colorButton: c[g], children: l }, Y)) })
+      Q && /* @__PURE__ */ o("div", { className: "space-y-1 px-2 pt-2 pb-3", children: A.map(({ label: l, href: Y }) => /* @__PURE__ */ o(aM, { href: Y, Viewport: r[g], colorButton: a[g], children: l }, Y)) })
     ] });
   }
 );
@@ -6090,54 +6091,69 @@ cs.displayName = "Nav";
 const Ys = lA(
   ({
     images: g = [],
-    autoPlaySpeed: A = 3e3,
-    height: B = "400px",
-    explore: M = {},
-    overlap: D = {},
-    nameImages: w = !1,
-    nameImagesBotton: e = !1,
-    handletext4: Q,
-    handletext5: t,
-    ...C
-  }, i) => {
-    var V, a;
-    const [s, I] = O(0), n = wA(null), E = wA(null), r = wA(null), c = (u) => {
-      E.current = u.touches[0].clientX;
-    }, G = (u) => {
-      r.current = u.touches[0].clientX;
-    }, l = () => {
-      if (!E.current || !r.current) return;
-      const u = E.current - r.current;
-      u > 50 ? s < g.length - 1 && I(s + 1) : u < -50 && s > 0 && I(s - 1), E.current = null, r.current = null;
+    variant: A = "vividPink",
+    autoPlaySpeed: B = 3e3,
+    height: M = "400px",
+    explore: D = {},
+    overlap: w = {},
+    nameImages: e = !1,
+    nameImagesBotton: Q = !1,
+    handletext4: t,
+    handletext5: C,
+    ...i
+  }, s) => {
+    var y, q;
+    const [I, n] = O(0), E = wA(null), r = wA(null), a = wA(null), G = (m) => {
+      r.current = m.touches[0].clientX;
+    }, l = (m) => {
+      a.current = m.touches[0].clientX;
     }, Y = () => {
-      I((u) => (u + 1) % g.length);
+      if (!r.current || !a.current) return;
+      const m = r.current - a.current;
+      m > 50 ? I < g.length - 1 && n(I + 1) : m < -50 && I > 0 && n(I - 1), r.current = null, a.current = null;
+    }, f = () => {
+      n((m) => (m + 1) % g.length);
+    };
+    if (tA(() => (g.length > 0 && (E.current = setInterval(f, B)), () => {
+      E.current && clearInterval(E.current);
+    }), [B, g.length]), !g || g.length === 0)
+      return /* @__PURE__ */ o("header", { ref: s, ...i, className: "relative w-full overflow-hidden", style: { height: M }, children: /* @__PURE__ */ o("p", { className: "text-center text-gray-500", children: "No hay imágenes para mostrar" }) });
+    const c = {
+      primary: "text-white",
+      secondary: "text-white",
+      vividPink: "text-[#ff0145]",
+      darkMagenta: "text-[#770069]",
+      veryDarkViolet: "text-[#350053]",
+      danger: "text-[#b91c1c]",
+      warning: "text-[#f59e0b]",
+      success: "text-[#047857]",
+      tertiary: "text--[#d4d3d3]",
+      experiences: "text-[#a8dbce]"
     };
-    return tA(() => (g.length > 0 && (n.current = setInterval(Y, A)), () => {
-      n.current && clearInterval(n.current);
-    }), [A, g.length]), !g || g.length === 0 ? /* @__PURE__ */ o("header", { ref: i, ...C, className: "relative w-full overflow-hidden", style: { height: B }, children: /* @__PURE__ */ o("p", { className: "text-center text-gray-500", children: "No hay imágenes para mostrar" }) }) : /* @__PURE__ */ U(
+    return /* @__PURE__ */ U(
       "header",
       {
-        ref: i,
-        ...C,
-        style: { height: B },
+        ref: s,
+        ...i,
+        style: { height: M },
         className: "relative w-full overflow-hidden",
-        onTouchStart: c,
-        onTouchMove: G,
-        onTouchEnd: l,
+        onTouchStart: G,
+        onTouchMove: l,
+        onTouchEnd: Y,
         children: [
-          D && /* @__PURE__ */ U("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-center z-20 text-white", children: [
+          w && /* @__PURE__ */ U("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-center z-20 text-white", children: [
             /* @__PURE__ */ U("h1", { className: "text-3xl md:text-5xl font-bold animate-fade-in-up", children: [
-              D.text1,
+              w.text1,
               " ",
-              /* @__PURE__ */ o("span", { className: "text-red-400", children: D.text2 })
+              /* @__PURE__ */ o("span", { className: `${c[A]}`, children: w.text2 })
             ] }),
-            /* @__PURE__ */ o("p", { className: "text-sm md:text-lg mb-6", children: D.text3 }),
+            /* @__PURE__ */ o("p", { className: "text-sm md:text-lg mb-6", children: w.text3 }),
             /* @__PURE__ */ U("div", { className: "flex gap-4", children: [
-              D.text4 && /* @__PURE__ */ o(_g, { variant: "vividPink", onClick: Q, size: "small", label: D.text4 }),
-              D.text5 && /* @__PURE__ */ o(_g, { variant: "tertiary", onClick: t, size: "small", label: D.text5 })
+              w.text4 && /* @__PURE__ */ o(_g, { variant: A, onClick: t, size: "small", label: w.text4 }),
+              w.text5 && /* @__PURE__ */ o(_g, { variant: "tertiary", onClick: C, size: "small", label: w.text5 })
             ] })
           ] }),
-          (M == null ? void 0 : M.content) && /* @__PURE__ */ o("div", { className: "absolute z-20 bottom-8 left-1/2 transform -translate-x-1/2 pointer-events-auto", children: /* @__PURE__ */ U("a", { href: M.content, className: "flex flex-col items-center text-white", children: [
+          (D == null ? void 0 : D.content) && /* @__PURE__ */ o("div", { className: "absolute z-20 bottom-8 left-1/2 transform -translate-x-1/2 pointer-events-auto", children: /* @__PURE__ */ U("a", { href: D.content, className: "flex flex-col items-center text-white", children: [
             /* @__PURE__ */ o("span", { className: "mb-2 text-lg font-medium", children: "Explora más" }),
             /* @__PURE__ */ o(
               "svg",
@@ -6159,49 +6175,49 @@ const Ys = lA(
               }
             )
           ] }) }),
-          w && /* @__PURE__ */ o("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__ */ o("h1", { className: "text-4xl font-bold", children: ((V = g[s]) == null ? void 0 : V.alt) || "Título dinámico" }, s) }),
-          e && /* @__PURE__ */ o("div", { className: "absolute bottom-8 left-1/2 transform -translate-x-1/2 text-center z-10", children: /* @__PURE__ */ o("p", { className: "text-lg font-medium text-white", children: (a = g[s]) == null ? void 0 : a.alt }) }),
+          e && /* @__PURE__ */ o("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__ */ o("h1", { className: "text-4xl font-bold", children: ((y = g[I]) == null ? void 0 : y.alt) || "Título dinámico" }, I) }),
+          Q && /* @__PURE__ */ o("div", { className: "absolute bottom-8 left-1/2 transform -translate-x-1/2 text-center z-10", children: /* @__PURE__ */ o("p", { className: "text-lg font-medium text-white", children: (q = g[I]) == null ? void 0 : q.alt }) }),
           /* @__PURE__ */ o(
             "div",
             {
               className: "flex transition-transform duration-700 ease-in-out",
               style: {
-                transform: `translateX(-${s * 100}%)`,
-                height: B
+                transform: `translateX(-${I * 100}%)`,
+                height: M
               },
-              children: g.map(({ src: u, alt: d, href: m }, q) => /* @__PURE__ */ U("div", { id: "large-header", className: "relative w-full flex-shrink-0 large-header", children: [
-                m ? /* @__PURE__ */ o("a", { href: m, children: /* @__PURE__ */ o(
+              children: g.map(({ src: m, alt: d, href: v }, W) => /* @__PURE__ */ U("div", { id: "large-header", className: "relative w-full flex-shrink-0 large-header", children: [
+                v ? /* @__PURE__ */ o("a", { href: v, children: /* @__PURE__ */ o(
                   "img",
                   {
-                    src: u,
+                    src: m,
                     alt: d,
                     className: "w-full h-full object-cover",
-                    style: { height: B }
+                    style: { height: M }
                   }
                 ) }) : /* @__PURE__ */ o(
                   "img",
                   {
-                    src: u,
+                    src: m,
                     alt: d,
                     className: "w-full h-full object-cover",
-                    style: { height: B }
+                    style: { height: M }
                   }
                 ),
                 /* @__PURE__ */ o(
                   "div",
                   {
                     className: "absolute inset-0 bg-black bg-opacity-0",
-                    style: { height: B }
+                    style: { height: M }
                   }
                 )
-              ] }, q))
+              ] }, W))
             }
           ),
-          /* @__PURE__ */ o("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2 z-30", children: g.map((u, d) => /* @__PURE__ */ o(
+          /* @__PURE__ */ o("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2 z-30", children: g.map((m, d) => /* @__PURE__ */ o(
             "button",
             {
-              onClick: () => I(d),
-              className: `w-3 h-3 rounded-full ${s === d ? "bg-white" : "bg-gray-400"}`
+              onClick: () => n(d),
+              className: `w-3 h-3 rounded-full ${I === d ? "bg-white" : "bg-gray-400"}`
             },
             d
           )) })
@@ -6255,9 +6271,9 @@ const uw = ({ infoText: g, disabled: A = !1, bgStyles: B }) => {
     className: n,
     ...E
   }, r) => {
-    const [c, G] = O(i), l = () => {
+    const [a, G] = O(i), l = () => {
       G(
-        (q) => q === "password" ? "text" : "password"
+        (d) => d === "password" ? "text" : "password"
       );
     }, Y = J(
       "rounded-lg font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 w-full",
@@ -6267,7 +6283,7 @@ const uw = ({ infoText: g, disabled: A = !1, bgStyles: B }) => {
         "bg-gray-200": B,
         "border border-[#b91c1c] focus:ring-[#b91c1c]": s
       }
-    ), V = {
+    ), f = {
       primary: "border border-[#1F2937] focus:ring-[#1F2937]",
       secondary: "border border-[#d4d3d3] bg-transparent focus:ring-[#1F2937]",
       vividPink: "border border-[#ff0145] focus:ring-[#ff0145]",
@@ -6277,7 +6293,7 @@ const uw = ({ infoText: g, disabled: A = !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",
@@ -6287,15 +6303,15 @@ const uw = ({ infoText: g, disabled: A = !1, bgStyles: B }) => {
       warning: "#f59e0b",
       success: "#047857",
       tertiary: "#73787f"
-    }, u = {
+    }, y = {
       small: "px-4 py-1.5 text-xs",
       medium: "px-6 py-2.5 text-base",
       large: "px-8 py-3 text-lg"
-    }, d = () => M === "home" ? /* @__PURE__ */ o(ZB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "Left" ? /* @__PURE__ */ o(lB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "right" ? /* @__PURE__ */ o(rB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "save" ? /* @__PURE__ */ o(kB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "more" ? /* @__PURE__ */ o(YB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "update" ? /* @__PURE__ */ o(yB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "attach" ? /* @__PURE__ */ o(VB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "send" ? /* @__PURE__ */ o(pB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "delete" ? /* @__PURE__ */ o(GB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "edit" ? /* @__PURE__ */ o(aB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "login" ? /* @__PURE__ */ o(KB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "reset" ? /* @__PURE__ */ o(cB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "add" ? /* @__PURE__ */ o(uB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "exit" ? /* @__PURE__ */ o(qB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "off" ? /* @__PURE__ */ o(dB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "calculator" ? /* @__PURE__ */ o(UB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "list" ? /* @__PURE__ */ o(mB, { size: A === "small" ? 15 : 20, color: a[g] }) : M === "futbol" ? /* @__PURE__ */ o(fB, { size: A === "small" ? 15 : 20, color: a[g] }) : null, m = () => N.isValidElement(D) ? N.cloneElement(D, { className: "w-5 h-5" }) : d();
+    }, q = () => M === "home" ? /* @__PURE__ */ o(ZB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "Left" ? /* @__PURE__ */ o(lB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "right" ? /* @__PURE__ */ o(rB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "save" ? /* @__PURE__ */ o(kB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "more" ? /* @__PURE__ */ o(YB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "update" ? /* @__PURE__ */ o(yB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "attach" ? /* @__PURE__ */ o(VB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "send" ? /* @__PURE__ */ o(pB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "delete" ? /* @__PURE__ */ o(GB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "edit" ? /* @__PURE__ */ o(aB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "login" ? /* @__PURE__ */ o(KB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "reset" ? /* @__PURE__ */ o(cB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "add" ? /* @__PURE__ */ o(uB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "exit" ? /* @__PURE__ */ o(qB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "off" ? /* @__PURE__ */ o(dB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "calculator" ? /* @__PURE__ */ o(UB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "list" ? /* @__PURE__ */ o(mB, { size: A === "small" ? 15 : 20, color: c[g] }) : M === "futbol" ? /* @__PURE__ */ o(fB, { size: A === "small" ? 15 : 20, color: c[g] }) : null, m = () => N.isValidElement(D) ? N.cloneElement(D, { className: "w-5 h-5" }) : q();
     return /* @__PURE__ */ U("div", { className: "relative", children: [
       e && /* @__PURE__ */ U("div", { className: "flex items-center text-xs mb-1 font-medium text-gray-800", children: [
         /* @__PURE__ */ o("span", { style: { color: g === "tertiary" ? "#73787f" : "" }, children: e }),
-        Q && t && /* @__PURE__ */ o(uw, { infoText: t, disabled: B, bgStyles: a[g] })
+        Q && t && /* @__PURE__ */ o(uw, { infoText: t, disabled: B, bgStyles: c[g] })
       ] }),
       /* @__PURE__ */ U("div", { className: "relative flex items-center", children: [
         D && C === "left" && /* @__PURE__ */ o("span", { className: "absolute left-3", children: m() }),
@@ -6303,11 +6319,11 @@ const uw = ({ infoText: g, disabled: A = !1, bgStyles: B }) => {
           "input",
           {
             ref: r,
-            type: c,
+            type: a,
             className: J(
               Y,
-              s ? "border-[#b91c1c] focus:ring-[#b91c1c]" : V[g],
-              A in u ? u[A] : "",
+              s ? "border-[#b91c1c] focus:ring-[#b91c1c]" : f[g],
+              A in y ? y[A] : "",
               {
                 "pl-10": D && C === "left",
                 "pr-10": D && C === "right" || i === "password",
@@ -6325,7 +6341,7 @@ const uw = ({ infoText: g, disabled: A = !1, bgStyles: B }) => {
           {
             className: "absolute right-3 cursor-pointer",
             onClick: l,
-            children: c === "password" ? /* @__PURE__ */ o(vw, { size: 20, color: a[g] }) : /* @__PURE__ */ o(Pw, { size: 20, color: a[g] })
+            children: a === "password" ? /* @__PURE__ */ o(vw, { size: 20, color: c[g] }) : /* @__PURE__ */ o(Pw, { size: 20, color: c[g] })
           }
         )
       ] }),
@@ -6355,7 +6371,7 @@ const ys = N.forwardRef(
     className: n,
     ...E
   }, r) => {
-    const c = J(
+    const a = J(
       "rounded-lg font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 w-full",
       {
         "text-gray-900": g !== "secondary",
@@ -6387,20 +6403,20 @@ const ys = N.forwardRef(
       small: "px-4 py-1.5 text-xs",
       medium: "px-6 py-2.5 text-base",
       large: "px-8 py-3 text-lg"
-    }, V = () => M === "home" ? /* @__PURE__ */ o(ZB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "Left" ? /* @__PURE__ */ o(lB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "right" ? /* @__PURE__ */ o(rB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "save" ? /* @__PURE__ */ o(kB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "more" ? /* @__PURE__ */ o(YB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "update" ? /* @__PURE__ */ o(yB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "attach" ? /* @__PURE__ */ o(VB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "send" ? /* @__PURE__ */ o(pB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "delete" ? /* @__PURE__ */ o(GB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "edit" ? /* @__PURE__ */ o(aB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "login" ? /* @__PURE__ */ o(KB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "reset" ? /* @__PURE__ */ o(cB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "add" ? /* @__PURE__ */ o(uB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "exit" ? /* @__PURE__ */ o(qB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "off" ? /* @__PURE__ */ o(dB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "calculator" ? /* @__PURE__ */ o(UB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "list" ? /* @__PURE__ */ o(mB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "futbol" ? /* @__PURE__ */ o(fB, { size: A === "small" ? 15 : 20, color: l[g] }) : null, a = () => N.isValidElement(D) ? N.cloneElement(D, { className: "w-5 h-5" }) : V();
+    }, f = () => M === "home" ? /* @__PURE__ */ o(ZB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "Left" ? /* @__PURE__ */ o(lB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "right" ? /* @__PURE__ */ o(rB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "save" ? /* @__PURE__ */ o(kB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "more" ? /* @__PURE__ */ o(YB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "update" ? /* @__PURE__ */ o(yB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "attach" ? /* @__PURE__ */ o(VB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "send" ? /* @__PURE__ */ o(pB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "delete" ? /* @__PURE__ */ o(GB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "edit" ? /* @__PURE__ */ o(aB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "login" ? /* @__PURE__ */ o(KB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "reset" ? /* @__PURE__ */ o(cB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "add" ? /* @__PURE__ */ o(uB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "exit" ? /* @__PURE__ */ o(qB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "off" ? /* @__PURE__ */ o(dB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "calculator" ? /* @__PURE__ */ o(UB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "list" ? /* @__PURE__ */ o(mB, { size: A === "small" ? 15 : 20, color: l[g] }) : M === "futbol" ? /* @__PURE__ */ o(fB, { size: A === "small" ? 15 : 20, color: l[g] }) : null, c = () => N.isValidElement(D) ? N.cloneElement(D, { className: "w-5 h-5" }) : f();
     return /* @__PURE__ */ U("div", { className: "relative", children: [
       e && /* @__PURE__ */ U("div", { className: "flex items-center text-xs mb-1 font-medium text-gray-800", children: [
         /* @__PURE__ */ o("span", { style: { color: g === "tertiary" ? "#73787f" : "" }, children: e }),
         Q && t && /* @__PURE__ */ o(uw, { infoText: t, disabled: B, bgStyles: l[g] })
       ] }),
       /* @__PURE__ */ U("div", { className: "relative flex items-center", children: [
-        D && C === "left" && /* @__PURE__ */ o("span", { className: "absolute left-3", children: a() }),
+        D && C === "left" && /* @__PURE__ */ o("span", { className: "absolute left-3", children: c() }),
         /* @__PURE__ */ U(
           "select",
           {
             ref: r,
             className: J(
-              c,
+              a,
               i ? "border-[#b91c1c] focus:ring-[#b91c1c]" : G[g],
               A in Y ? Y[A] : "",
               {
@@ -6423,14 +6439,14 @@ const ys = N.forwardRef(
                   children: w
                 }
               ),
-              I.map((u) => /* @__PURE__ */ o(
+              I.map((y) => /* @__PURE__ */ o(
                 "option",
                 {
-                  value: u.value,
+                  value: y.value,
                   className: `bg-[${l[g]}] text-white text-sm`,
-                  children: u.label
+                  children: y.label
                 },
-                u.value
+                y.value
               ))
             ]
           }