prisma-goat 0.2.6 → 0.2.8

package/dist/prisma-goat.js

@@ -1,5 +1,5 @@
 import { jsx as I, jsxs as f, Fragment as WB } from "react/jsx-runtime";
-import IA, { forwardRef as yA, useEffect as eA, useState as S, useRef as wA, createContext as bA, useContext as X, useId as Me, useCallback as aD, useLayoutEffect as De, useMemo as Rg, useInsertionEffect as we, Fragment as cD, createElement as ee, Component as te } from "react";
+import IA, { forwardRef as yA, useEffect as eA, useState as S, useRef as wA, createContext as bA, useContext as X, useId as Me, useCallback as aD, useLayoutEffect as De, useMemo as Kg, useInsertionEffect as we, Fragment as cD, createElement as ee, Component as te } from "react";
 var YD = {
   color: void 0,
   size: void 0,
@@ -27,15 +27,15 @@ function ie(g, A) {
     }
   return B;
 }
-function ug() {
-  return ug = Object.assign ? Object.assign.bind() : function(g) {
+function yg() {
+  return yg = Object.assign ? Object.assign.bind() : function(g) {
     for (var A = 1; A < arguments.length; A++) {
       var B = arguments[A];
       for (var M in B)
         Object.prototype.hasOwnProperty.call(B, M) && (g[M] = B[M]);
     }
     return g;
-  }, ug.apply(this, arguments);
+  }, yg.apply(this, arguments);
 }
 function _B(g, A) {
   var B = Object.keys(g);
@@ -47,7 +47,7 @@ function _B(g, A) {
   }
   return B;
 }
-function mg(g) {
+function ug(g) {
   for (var A = 1; A < arguments.length; A++) {
     var B = arguments[A] != null ? arguments[A] : {};
     A % 2 ? _B(Object(B), !0).forEach(function(M) {
@@ -76,13 +76,13 @@ function Ie(g, A) {
   return (A === "string" ? String : Number)(g);
 }
 function yD(g) {
-  return g && g.map((A, B) => /* @__PURE__ */ IA.createElement(A.tag, mg({
+  return g && g.map((A, B) => /* @__PURE__ */ IA.createElement(A.tag, ug({
     key: B
   }, A.attr), yD(A.child)));
 }
 function J(g) {
-  return (A) => /* @__PURE__ */ IA.createElement(ne, ug({
-    attr: mg({}, g.attr)
+  return (A) => /* @__PURE__ */ IA.createElement(ne, yg({
+    attr: ug({}, g.attr)
   }, A), yD(g.child));
 }
 function ne(g) {
@@ -92,13 +92,13 @@ function ne(g) {
       size: D,
       title: e
     } = g, w = Ce(g, Qe), Q = D || B.size || "1em", t;
-    return B.className && (t = B.className), g.className && (t = (t ? t + " " : "") + g.className), /* @__PURE__ */ IA.createElement("svg", ug({
+    return B.className && (t = B.className), g.className && (t = (t ? t + " " : "") + g.className), /* @__PURE__ */ IA.createElement("svg", yg({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, B.attr, M, w, {
       className: t,
-      style: mg(mg({
+      style: ug(ug({
         color: g.color || B.color
       }, B.style), g.style),
       height: Q,
@@ -187,7 +187,7 @@ function F() {
   for (var g, A, B = 0, M = "", D = arguments.length; B < D; B++) (g = arguments[B]) && (A = uD(g)) && (M && (M += " "), M += A);
   return M;
 }
-const ag = yA(
+const _g = yA(
   ({
     children: g,
     variant: A = "primary",
@@ -224,7 +224,7 @@ const ag = yA(
       small: "px-4 py-1.5 text-xs",
       medium: "px-6 py-2.5 text-base",
       large: "px-8 py-3 text-lg"
-    }, a = () => C === "home" ? /* @__PURE__ */ I(fe, { className: "w-5 h-5" }) : C === "Left" ? /* @__PURE__ */ I(Ee, { className: "w-5 h-5" }) : C === "right" ? /* @__PURE__ */ I(le, { className: "w-5 h-5" }) : C === "save" ? /* @__PURE__ */ I(Ke, { className: "w-5 h-5" }) : C === "more" ? /* @__PURE__ */ I(ce, { className: "w-5 h-5" }) : C === "update" ? /* @__PURE__ */ I(ye, { className: "w-5 h-5" }) : C === "attach" ? /* @__PURE__ */ I(ke, { className: "w-5 h-5" }) : C === "send" ? /* @__PURE__ */ I(Je, { className: "w-5 h-5" }) : C === "delete" ? /* @__PURE__ */ I(re, { className: "w-5 h-5" }) : C === "edit" ? /* @__PURE__ */ I(Ge, { className: "w-5 h-5" }) : C === "login" ? /* @__PURE__ */ I(pe, { className: "w-5 h-5" }) : C === "reset" ? /* @__PURE__ */ I(ae, { className: "w-5 h-5" }) : C === "add" ? /* @__PURE__ */ I(Ye, { className: "w-5 h-5" }) : C === "exit" ? /* @__PURE__ */ I(Re, { className: "w-5 h-5" }) : C === "off" ? /* @__PURE__ */ I(de, { className: "w-5 h-5" }) : C === "calculator" ? /* @__PURE__ */ I(Ze, { className: "w-5 h-5" }) : C === "list" ? /* @__PURE__ */ I(Ue, { className: "w-5 h-5" }) : C === "futbol" ? /* @__PURE__ */ I(qe, { className: "w-5 h-5" }) : null, c = /* @__PURE__ */ I(
+    }, a = () => C === "home" ? /* @__PURE__ */ I(fe, { className: "w-5 h-5" }) : C === "Left" ? /* @__PURE__ */ I(Ee, { className: "w-5 h-5" }) : C === "right" ? /* @__PURE__ */ I(le, { className: "w-5 h-5" }) : C === "save" ? /* @__PURE__ */ I(Ke, { className: "w-5 h-5" }) : C === "more" ? /* @__PURE__ */ I(ce, { className: "w-5 h-5" }) : C === "update" ? /* @__PURE__ */ I(ye, { className: "w-5 h-5" }) : C === "attach" ? /* @__PURE__ */ I(ke, { className: "w-5 h-5" }) : C === "send" ? /* @__PURE__ */ I(Je, { className: "w-5 h-5" }) : C === "delete" ? /* @__PURE__ */ I(re, { className: "w-5 h-5" }) : C === "edit" ? /* @__PURE__ */ I(Ge, { className: "w-5 h-5" }) : C === "login" ? /* @__PURE__ */ I(pe, { className: "w-5 h-5" }) : C === "reset" ? /* @__PURE__ */ I(ae, { className: "w-5 h-5" }) : C === "add" ? /* @__PURE__ */ I(Ye, { className: "w-5 h-5" }) : C === "exit" ? /* @__PURE__ */ I(Re, { className: "w-5 h-5" }) : C === "off" ? /* @__PURE__ */ I(de, { className: "w-5 h-5" }) : C === "calculator" ? /* @__PURE__ */ I(Ze, { className: "w-5 h-5" }) : C === "list" ? /* @__PURE__ */ I(Ue, { className: "w-5 h-5" }) : C === "futbol" ? /* @__PURE__ */ I(qe, { className: "w-5 h-5" }) : null, Y = /* @__PURE__ */ I(
       "div",
       {
         className: F(
@@ -232,20 +232,20 @@ const ag = yA(
           A === "secondary" ? "border-[#1F2937]" : "border-white"
         )
       }
-    ), V = () => IA.isValidElement(Q) ? IA.cloneElement(Q, { className: "w-5 h-5" }) : a(), y = i || g;
+    ), V = () => IA.isValidElement(Q) ? IA.cloneElement(Q, { className: "w-5 h-5" }) : a(), u = i || g;
     return eA(() => {
-      const u = (q) => {
-        if (w && q.key === "Enter" && !e && o) {
-          const U = new MouseEvent("click", {
+      const y = (k) => {
+        if (w && k.key === "Enter" && !e && o) {
+          const m = new MouseEvent("click", {
             bubbles: !0,
             cancelable: !0,
             view: window
           });
-          o(U);
+          o(m);
         }
       };
-      return window.addEventListener("keydown", u), () => {
-        window.removeEventListener("keydown", u);
+      return window.addEventListener("keydown", y), () => {
+        window.removeEventListener("keydown", y);
       };
     }, [w, o, e]), /* @__PURE__ */ f(
       "button",
@@ -266,17 +266,17 @@ const ag = yA(
         onClick: o,
         ...n,
         children: [
-          M && D === "left" && /* @__PURE__ */ I("span", { className: "mr-2", children: c }),
+          M && D === "left" && /* @__PURE__ */ I("span", { className: "mr-2", children: Y }),
           t === "left" && /* @__PURE__ */ I("span", { className: "mr-2", children: V() }),
-          y,
+          u,
           t === "right" && /* @__PURE__ */ I("span", { className: "ml-2", children: V() }),
-          M && D === "right" && /* @__PURE__ */ I("span", { className: "ml-2", children: c })
+          M && D === "right" && /* @__PURE__ */ I("span", { className: "ml-2", children: Y })
         ]
       }
     );
   }
 );
-ag.displayName = "Button";
+_g.displayName = "Button";
 const tA = {
   primary: "bg-[#1F2937]",
   secondary: "bg-[#ededed]",
@@ -295,7 +295,7 @@ const tA = {
   danger: "focus:ring-white focus:ring-offset-[#b91c1c]",
   warning: "focus:ring-white focus:ring-offset-[#f59e0b]",
   success: "focus:ring-white focus:ring-offset-[#047857]"
-}, Ug = {
+}, mg = {
   primary: "border-2 border-white",
   secondary: "border-2 border-[#1F2937]",
   vividPink: "border-2 border-white",
@@ -515,45 +515,45 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
     variantIndicator: G = "primary",
     backgroundIndicator: r = "black",
     logoGoatDataIndicator: a = "logoRed",
-    imgLoadingIndicator: c = "",
+    imgLoadingIndicator: Y = "",
     strokeWidthIndicator: V = "10",
-    ...y
-  }, u) => {
+    ...u
+  }, y) => {
     var R, oA, O, KA;
-    const [q, U] = S(!1), [K, P] = S(!1), [gA, mA] = S(!1), [UA, lA] = S(null), [TA, XA] = S(null), z = wA(null), x = () => U(!q), rA = () => P(!K), sA = () => P(!1);
+    const [k, m] = S(!1), [d, P] = S(!1), [gA, mA] = S(!1), [UA, lA] = S(null), [TA, XA] = S(null), z = wA(null), x = () => m(!k), rA = () => P(!d), sA = () => P(!1);
     eA(() => {
       if (typeof window < "u" && (C != null && C.events)) {
-        const Y = () => {
+        const c = () => {
           mA(!0);
-        }, k = () => {
+        }, q = () => {
           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", c), C.events.on("routeChangeComplete", q), C.events.on("routeChangeError", q), () => {
+          C.events.off("routeChangeStart", c), C.events.off("routeChangeComplete", q), C.events.off("routeChangeError", q);
         };
       }
     }, [C]);
-    const ng = (Y, k) => {
-      Y.subItems && Y.subItems.length > 0 ? lA((BA) => BA === k ? -1 : k) : Y.link && C && C.push(Y.link);
-    }, Lg = (Y, k) => {
-      Y.subItems && Y.subItems.length > 0 ? lA((BA) => BA === k ? -1 : k) : Y.link && C && (C.push(Y.link), U(!1));
-    }, NA = (Y, k) => {
-      lA((BA) => BA === k ? -1 : k), Y.link && C && C.push(Y.link);
-    }, Eg = (Y) => {
-      Y.link && C && (C.push(Y.link), sA());
-    }, Z = (Y) => {
-      Y.link && C && (C.push(Y.link), U(!1));
+    const ng = (c, q) => {
+      c.subItems && c.subItems.length > 0 ? lA((BA) => BA === q ? -1 : q) : c.link && C && C.push(c.link);
+    }, Pg = (c, q) => {
+      c.subItems && c.subItems.length > 0 ? lA((BA) => BA === q ? -1 : q) : c.link && C && (C.push(c.link), m(!1));
+    }, NA = (c, q) => {
+      lA((BA) => BA === q ? -1 : q), c.link && C && C.push(c.link);
+    }, Eg = (c) => {
+      c.link && C && (C.push(c.link), sA());
+    }, Z = (c) => {
+      c.link && C && (C.push(c.link), m(!1));
     };
     return eA(() => {
-      const Y = (k) => {
-        z.current && !z.current.contains(k.target) && sA();
+      const c = (q) => {
+        z.current && !z.current.contains(q.target) && sA();
       };
-      return K && document.addEventListener("mousedown", Y), () => {
-        document.removeEventListener("mousedown", Y);
+      return d && document.addEventListener("mousedown", c), () => {
+        document.removeEventListener("mousedown", c);
       };
-    }, [K]), /* @__PURE__ */ f("nav", { ref: u, ...y, className: `fixed top-0 left-0 right-0 z-10 ${tA[A]}`, children: [
+    }, [d]), /* @__PURE__ */ f("nav", { ref: y, ...u, className: `fixed top-0 left-0 right-0 z-10 ${tA[A]}`, children: [
       /* @__PURE__ */ I("div", { className: "mx-auto max-w-7xl px-2 sm:px-6 lg:px-8", children: /* @__PURE__ */ f("div", { className: "relative flex h-16 items-center justify-between", children: [
-        /* @__PURE__ */ I("div", { className: "absolute inset-y-0 left-0 flex items-center sm:hidden", children: /* @__PURE__ */ I("button", { className: `menu ${q ? A === "secondary" ? "openedark" : "opened" : ""}`, onClick: x, "aria-label": "Main Menu", children: /* @__PURE__ */ f("svg", { width: "45", height: "45", viewBox: "0 0 100 100", style: { fill: "#f9f8f8 !important" }, children: [
+        /* @__PURE__ */ I("div", { className: "absolute inset-y-0 left-0 flex items-center sm:hidden", children: /* @__PURE__ */ I("button", { className: `menu ${k ? A === "secondary" ? "openedark" : "opened" : ""}`, onClick: x, "aria-label": "Main Menu", children: /* @__PURE__ */ f("svg", { width: "45", height: "45", viewBox: "0 0 100 100", style: { fill: "#f9f8f8 !important" }, children: [
           /* @__PURE__ */ I("path", { className: A === "secondary" ? "linedark linedark1" : "line line1", d: "M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" }),
           /* @__PURE__ */ I("path", { className: A === "secondary" ? "linedark linedark2" : "line line2", d: "M 20,50 H 80" }),
           /* @__PURE__ */ I("path", { className: A === "secondary" ? "linedark linedark3" : "line line3", d: "M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942" })
@@ -581,7 +581,7 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
             (!e || e.trim() === "") && /* @__PURE__ */ I("div", { className: `${vA[A]}`, style: { fontSize: "10px", letterSpacing: "4px" }, children: "DATA" })
           ] }),
           /* @__PURE__ */ f("div", { className: "hidden sm:ml-6 sm:block", children: [
-            /* @__PURE__ */ I("div", { className: `flex space-x-4 ${e && e.trim() !== "" ? "mt-0" : "mt-2"}`, children: M.map((Y, k) => {
+            /* @__PURE__ */ I("div", { className: `flex space-x-4 ${e && e.trim() !== "" ? "mt-0" : "mt-2"}`, children: M.map((c, q) => {
               var BA;
               return /* @__PURE__ */ f("div", { className: "relative group", children: [
                 /* @__PURE__ */ I(
@@ -590,29 +590,29 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                     type: "button",
                     className: F(
                       "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 || (BA = Y.subItems) != null && BA.some((T) => T.link === t) ? AA[A] : "",
+                      t === c.link || (BA = c.subItems) != null && BA.some((T) => T.link === t) ? AA[A] : "",
                       b[A],
                       DA[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 === c.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 === c.link ? "font-semibold" : "font-normal"
                     ),
-                    onClick: () => ng(Y, k),
-                    onMouseEnter: () => XA(k),
+                    onClick: () => ng(c, q),
+                    onMouseEnter: () => XA(q),
                     onMouseLeave: () => XA(null),
-                    children: Y.label
+                    children: c.label
                   }
                 ),
-                TA === k && Y.description && Y.description.trim() !== "" && /* @__PURE__ */ f(
+                TA === q && c.description && c.description.trim() !== "" && /* @__PURE__ */ f(
                   "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]} ${tA[A]} rounded-md transition-all duration-300 group-hover:opacity-100 group-hover:translate-y-4`,
                     children: [
-                      Y.image && Y.image.trim() !== "" && /* @__PURE__ */ f("div", { className: "relative w-full h-24 mb-2", children: [
+                      c.image && c.image.trim() !== "" && /* @__PURE__ */ f("div", { className: "relative w-full h-24 mb-2", children: [
                         /* @__PURE__ */ I(
                           "img",
                           {
-                            src: Y.image,
+                            src: c.image,
                             alt: "Tooltip Image",
                             className: "object-cover w-full h-full rounded-t-md opacity-75 hover:opacity-100 transition-opacity duration-300"
                           }
@@ -620,16 +620,16 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                         /* @__PURE__ */ I("div", { className: "absolute bottom-0 w-full h-8 bg-gradient-to-t from-white/80 to-transparent" })
                       ] }),
                       /* @__PURE__ */ I("div", { className: "absolute top-0 left-1/2 transform -translate-x-1/2 -mt-2 w-0 h-0 border-l-4 border-r-4 border-b-4 border-transparent border-b-gray-800" }),
-                      Y.description
+                      c.description
                     ]
                   }
                 ),
-                Y.subItems && Y.subItems.length > 0 && UA === k && /* @__PURE__ */ I(
+                c.subItems && c.subItems.length > 0 && UA === q && /* @__PURE__ */ I(
                   "div",
                   {
-                    className: `absolute left-0 mt-2 w-48 ${tA[A]} ${Ug[A]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
+                    className: `absolute left-0 mt-2 w-48 ${tA[A]} ${mg[A]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
                     role: "menu",
-                    children: Y.subItems.map((T, Fg) => /* @__PURE__ */ I(
+                    children: c.subItems.map((T, Lg) => /* @__PURE__ */ I(
                       "div",
                       {
                         className: F(
@@ -639,14 +639,14 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                           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(T, k),
+                        onClick: () => NA(T, q),
                         children: T.label
                       },
-                      Fg
+                      Lg
                     ))
                   }
                 )
-              ] }, k);
+              ] }, q);
             }) }),
             g && /* @__PURE__ */ I("div", { className: "mt-2 text-sm text-gray-500", children: g })
           ] })
@@ -661,7 +661,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 ${DA[A]} focus:ring-offset-2`,
                 id: "user-menu-button",
-                "aria-expanded": K,
+                "aria-expanded": d,
                 "aria-haspopup": "true",
                 onClick: rA,
                 children: /* @__PURE__ */ I(
@@ -675,8 +675,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: (c) => {
+                          c.currentTarget.onerror = null, c.currentTarget.src = "";
                         }
                       }
                     ) : ((oA = (R = B.name) == null ? void 0 : R.charAt(0)) == null ? void 0 : oA.toUpperCase()) || "?"
@@ -684,28 +684,28 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                 )
               }
             ) }),
-            K && /* @__PURE__ */ I(
+            d && /* @__PURE__ */ I(
               "div",
               {
                 ref: z,
-                className: `absolute right-0 mt-2 w-48 ${tA[A]} ${Ug[A]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
+                className: `absolute right-0 mt-2 w-48 ${tA[A]} ${mg[A]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
                 role: "menu",
-                children: D.map((Y, k) => /* @__PURE__ */ I(
+                children: D.map((c, q) => /* @__PURE__ */ I(
                   "div",
                   {
                     className: F(
                       "block px-4 py-2 text-sm cursor-pointer",
                       b[A] && `${b[A]}`,
-                      t === Y.link ? AA[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 === c.link ? AA[A] : "",
+                      t === c.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 === c.link ? "font-semibold" : "font-normal"
                     ),
-                    onClick: Y.label === "Cerrar sesion" ? o : () => {
-                      Eg(Y);
+                    onClick: c.label === "Cerrar sesion" ? o : () => {
+                      Eg(c);
                     },
-                    children: Y.label
+                    children: c.label
                   },
-                  k
+                  q
                 ))
               }
             )
@@ -729,8 +729,8 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
           ) : /* @__PURE__ */ I(WB, {})
         ] })
       ] }) }),
-      q && /* @__PURE__ */ f("div", { className: "sm:hidden px-2 pt-2 pb-3 space-y-1", children: [
-        M.map((Y, k) => {
+      k && /* @__PURE__ */ f("div", { className: "sm:hidden px-2 pt-2 pb-3 space-y-1", children: [
+        M.map((c, q) => {
           var BA;
           return /* @__PURE__ */ f("div", { children: [
             /* @__PURE__ */ I(
@@ -739,17 +739,17 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                 className: F(
                   `block w-full px-4 py-2 text-base ${b[A]}
                                         rounded-md transition duration-300 focus:outline-none focus:ring-2 ${DA[A]} focus:ring-offset-2 text-left`,
-                  t === Y.link || (BA = Y.subItems) != null && BA.some((T) => T.link === t) ? AA[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 === c.link || (BA = c.subItems) != null && BA.some((T) => T.link === t) ? AA[A] : "",
+                  t === c.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 === c.link ? "font-semibold" : "font-normal"
                 ),
                 onClick: () => {
-                  Lg(Y, k);
+                  Pg(c, q);
                 },
-                children: Y.label
+                children: c.label
               }
             ),
-            Y.subItems && Y.subItems.length > 0 && UA === k && /* @__PURE__ */ I("div", { className: "pl-4 py-4", children: Y.subItems.map((T, Fg) => /* @__PURE__ */ I(
+            c.subItems && c.subItems.length > 0 && UA === q && /* @__PURE__ */ I("div", { className: "pl-4 py-4", children: c.subItems.map((T, Lg) => /* @__PURE__ */ I(
               "button",
               {
                 className: F(
@@ -760,13 +760,13 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                   t === T.link ? "font-semibold" : "font-normal"
                 ),
                 onClick: () => {
-                  NA(Y, k), U(!1);
+                  NA(c, q), m(!1);
                 },
                 children: T.label
               },
-              Fg
+              Lg
             )) })
-          ] }, k);
+          ] }, q);
         }),
         B ? /* @__PURE__ */ f("div", { className: "relative mt-3", children: [
           /* @__PURE__ */ I("div", { className: "ml-3 mt-4", style: { borderBottom: `1px ${Ag[A]} solid` } }),
@@ -790,8 +790,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: (c) => {
+                          c.currentTarget.onerror = null, c.currentTarget.src = "";
                         }
                       }
                     ) : ((KA = (O = B.name) == null ? void 0 : O.charAt(0)) == null ? void 0 : KA.toUpperCase()) || "?"
@@ -801,20 +801,20 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
             ),
             /* @__PURE__ */ I("div", { className: `block w-full px-4 py-4 ${vA[A]} text-left`, children: B.name })
           ] }),
-          D.map((Y, k) => /* @__PURE__ */ I(
+          D.map((c, q) => /* @__PURE__ */ I(
             "button",
             {
               className: F(
                 `block w-full px-4 py-2 text-base ${b[A]} 
                                                     rounded-md transition duration-300 focus:outline-none focus:ring-2 ${DA[A]} focus:ring-offset-2 text-left`,
-                t === Y.link ? AA[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 === c.link ? AA[A] : "",
+                t === c.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 === c.link ? "font-semibold" : "font-normal"
               ),
-              onClick: Y.label === "Cerrar sesion" ? o : () => Z(Y),
-              children: Y.label
+              onClick: c.label === "Cerrar sesion" ? o : () => Z(c),
+              children: c.label
             },
-            k
+            q
           ))
         ] }) : l ? /* @__PURE__ */ I(
           "button",
@@ -828,7 +828,7 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
               t === "/login" ? "font-semibold" : "font-normal"
             ),
             onClick: () => {
-              C.push("/login"), U(!1);
+              C.push("/login"), m(!1);
             },
             children: "Login"
           }
@@ -840,7 +840,7 @@ const PA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
           variant: G,
           background: r,
           logoGoatData: a,
-          imgLoading: c,
+          imgLoading: Y,
           strokeWidth: V
         }
       )
@@ -962,17 +962,17 @@ const Oe = yA(
     strokeWidthIndicator: G = "10",
     handleLogout: r,
     toggleTheme: a,
-    toggeInstallApp: c,
+    toggeInstallApp: Y,
     ...V
-  }, y) => {
+  }, u) => {
     var NA, Eg;
-    const [u, q] = S(!0), [U, K] = S(null), [P, gA] = S(!1), [mA, UA] = S(null), [lA, TA] = S(!1), XA = wA(null), z = () => gA(!P), x = () => gA(!1), rA = () => {
-      q((Z) => !Z);
+    const [y, k] = S(!0), [m, d] = S(null), [P, gA] = S(!1), [mA, UA] = S(null), [lA, TA] = S(!1), XA = wA(null), z = () => gA(!P), x = () => gA(!1), rA = () => {
+      k((Z) => !Z);
     }, sA = (Z, R) => {
-      Z.subItems && Z.subItems.length > 0 ? K((oA) => oA === R ? -1 : R) : Z.link && t && t.push(Z.link);
+      Z.subItems && Z.subItems.length > 0 ? d((oA) => oA === R ? -1 : R) : Z.link && t && t.push(Z.link);
     }, ng = (Z, R) => {
-      K((oA) => oA === R ? -1 : R), Z.link && t && t.push(Z.link);
-    }, Lg = (Z) => {
+      d((oA) => oA === R ? -1 : R), Z.link && t && t.push(Z.link);
+    }, Pg = (Z) => {
       Z.link && t && (t.push(Z.link), x());
     };
     return eA(() => {
@@ -989,9 +989,9 @@ const Oe = yA(
     }, [t]), /* @__PURE__ */ f(
       "div",
       {
-        ref: y,
+        ref: u,
         ...V,
-        style: { width: u ? "250px" : "70px" },
+        style: { width: y ? "250px" : "70px" },
         className: F(
           `fixed top-0 left-0 h-full ${tA[B]} text-white shadow-lg transition-all z-50`,
           M
@@ -1012,18 +1012,18 @@ const Oe = yA(
               {
                 alt: "logo",
                 className: "hidden lg:block",
-                style: { height: e && e.trim() !== "" ? e : u ? "70px" : "", width: w && w.trim() !== "" ? w : u ? "110px" : "40px" },
-                src: D && D.trim() !== "" ? D : B === "secondary" ? u ? PA : rB : u ? "https://goatdata.com.ar/images/logogoatblanco.png" : lB
+                style: { height: e && e.trim() !== "" ? e : y ? "70px" : "", width: w && w.trim() !== "" ? w : y ? "110px" : "40px" },
+                src: D && D.trim() !== "" ? D : B === "secondary" ? y ? PA : rB : y ? "https://goatdata.com.ar/images/logogoatblanco.png" : lB
               }
             ),
-            (!D || D.trim() === "") && /* @__PURE__ */ I("div", { className: `${vA[B]} ${u ? "" : "lock w-auto lg:hidden"}`, style: { fontSize: u ? "12px" : "8px", letterSpacing: "4px" }, children: "DATA" })
+            (!D || D.trim() === "") && /* @__PURE__ */ I("div", { className: `${vA[B]} ${y ? "" : "lock w-auto lg:hidden"}`, style: { fontSize: y ? "12px" : "8px", letterSpacing: "4px" }, children: "DATA" })
           ] }),
           /* @__PURE__ */ I(
             "button",
             {
               onClick: rA,
               className: `absolute -right-3 transform -translate-y-1/2 p-1 rounded-full shadow-md ${ze[B]} focus:outline-none`,
-              children: u ? /* @__PURE__ */ I(me, { size: 20 }) : /* @__PURE__ */ I(ue, { size: 20 })
+              children: y ? /* @__PURE__ */ I(me, { size: 20 }) : /* @__PURE__ */ I(ue, { size: 20 })
             }
           ),
           /* @__PURE__ */ I("div", { style: { marginLeft: "20px", marginRight: "20px", border: `1px ${Ag[B]} solid`, marginTop: "14px" } }),
@@ -1036,7 +1036,7 @@ const Oe = yA(
                   {
                     type: "button",
                     className: F(
-                      `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`,
                       b[B],
                       DA[B],
                       Q === Z.link || (oA = Z.subItems) != null && oA.some((O) => O.link === Q) ? AA[B] : "",
@@ -1052,19 +1052,19 @@ const Oe = yA(
                       (Z == null ? void 0 : Z.icon) && /* @__PURE__ */ I(
                         "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__ */ I(Z.icon, { className: "w-6 h-6" })
                         }
                       ),
-                      /* @__PURE__ */ I("span", { className: `${u ? "block" : "hidden"}`, children: Z.label })
+                      /* @__PURE__ */ I("span", { className: `${y ? "block" : "hidden"}`, children: Z.label })
                     ]
                   }
                 ),
-                mA === R && Z.description && Z.description.trim() !== "" && !u && /* @__PURE__ */ f(
+                mA === R && Z.description && Z.description.trim() !== "" && !y && /* @__PURE__ */ f(
                   "div",
                   {
                     style: {
@@ -1073,7 +1073,7 @@ const Oe = yA(
                     },
                     className: F(
                       "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],
                       tA[B]
                     ),
@@ -1094,7 +1094,7 @@ const Oe = yA(
                     ]
                   }
                 ),
-                Z.subItems && Z.subItems.length > 0 && U === R && (u ? /* @__PURE__ */ I("div", { className: "pl-4 py-4", children: Z.subItems.map((O, KA) => /* @__PURE__ */ I(
+                Z.subItems && Z.subItems.length > 0 && m === R && (y ? /* @__PURE__ */ I("div", { className: "pl-4 py-4", children: Z.subItems.map((O, KA) => /* @__PURE__ */ I(
                   "button",
                   {
                     className: F(
@@ -1114,7 +1114,7 @@ const Oe = yA(
                   "div",
                   {
                     style: { zIndex: "999" },
-                    className: `absolute left-0 mt-2 w-48 ${tA[B]} ${Ug[B]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
+                    className: `absolute left-0 mt-2 w-48 ${tA[B]} ${mg[B]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
                     role: "menu",
                     children: Z.subItems.map((O, KA) => /* @__PURE__ */ I(
                       "div",
@@ -1165,14 +1165,14 @@ const Oe = yA(
                     )
                   }
                 ),
-                /* @__PURE__ */ I("div", { className: `block w-full px-4 py-4 ${vA[B]} text-left ${u ? "block" : "hidden"}`, children: C.name }),
-                /* @__PURE__ */ I("div", { className: `mr-2 ${u ? "block" : "hidden"}`, children: /* @__PURE__ */ I(he, { size: 20, color: Ag[B] }) })
+                /* @__PURE__ */ I("div", { className: `block w-full px-4 py-4 ${vA[B]} text-left ${y ? "block" : "hidden"}`, children: C.name }),
+                /* @__PURE__ */ I("div", { className: `mr-2 ${y ? "block" : "hidden"}`, children: /* @__PURE__ */ I(he, { size: 20, color: Ag[B] }) })
               ] }),
               P && /* @__PURE__ */ I(
                 "div",
                 {
                   ref: XA,
-                  className: `absolute right-0 ${u ? "left-56" : "left-14"} bottom-8 mt-2 w-48 ${tA[B]} ${Ug[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 ${tA[B]} ${mg[B]} rounded-md shadow-lg ring-4 ring-black ring-opacity-5`,
                   role: "menu",
                   children: A.map((Z, R) => /* @__PURE__ */ I(
                     "div",
@@ -1185,7 +1185,7 @@ const Oe = yA(
                         Q === Z.link ? "font-semibold" : "font-normal"
                       ),
                       onClick: Z.label === "Cerrar sesion" ? r : () => {
-                        Lg(Z);
+                        Pg(Z);
                       },
                       children: Z.label
                     },
@@ -1193,8 +1193,8 @@ const Oe = yA(
                   ))
                 }
               ),
-              /* @__PURE__ */ f("div", { style: { display: "flex", gap: "12px", padding: "0px 20px 0px 10px", flexDirection: u ? "row" : "column", alignItems: "center" }, children: [
-                s && /* @__PURE__ */ I(fD, { variant: B, onClick: c }),
+              /* @__PURE__ */ f("div", { style: { display: "flex", gap: "12px", padding: "0px 20px 0px 10px", flexDirection: y ? "row" : "column", alignItems: "center" }, children: [
+                s && /* @__PURE__ */ I(fD, { variant: B, onClick: Y }),
                 i && /* @__PURE__ */ I(VD, { variant: B, toggleTheme: a })
               ] })
             ] })
@@ -1364,14 +1364,14 @@ function dD(g, A) {
     B = !0, M = !0, D.isProcessing || g(n);
   };
   return { schedule: lg.reduce((r, a) => {
-    const c = w[a];
-    return r[a] = (V, y = !1, u = !1) => (B || E(), c.schedule(V, y, u)), r;
+    const Y = w[a];
+    return r[a] = (V, u = !1, y = !1) => (B || E(), Y.schedule(V, u, y)), r;
   }, {}), cancel: (r) => {
     for (let a = 0; a < lg.length; a++)
       w[lg[a]].cancel(r);
   }, state: D, steps: w };
 }
-const { schedule: d, cancel: cA, state: L, steps: Og } = dD(typeof requestAnimationFrame < "u" ? requestAnimationFrame : N, !0), KD = bA({ strict: !1 }), BM = {
+const { schedule: K, cancel: cA, state: L, steps: Fg } = dD(typeof requestAnimationFrame < "u" ? requestAnimationFrame : N, !0), KD = bA({ strict: !1 }), BM = {
   animation: [
     "animate",
     "variants",
@@ -1434,12 +1434,12 @@ const xe = /* @__PURE__ */ new Set([
   "ignoreStrict",
   "viewport"
 ]);
-function Zg(g) {
+function Ug(g) {
   return g.startsWith("while") || g.startsWith("drag") && g !== "draggable" || g.startsWith("layout") || g.startsWith("onTap") || g.startsWith("onPan") || g.startsWith("onLayout") || xe.has(g);
 }
-let RD = (g) => !Zg(g);
+let RD = (g) => !Ug(g);
 function We(g) {
-  g && (RD = (A) => A.startsWith("on") ? !Zg(A) : g(A));
+  g && (RD = (A) => A.startsWith("on") ? !Ug(A) : g(A));
 }
 try {
   We(require("@emotion/is-prop-valid").default);
@@ -1448,18 +1448,18 @@ try {
 function $e(g, A, B) {
   const M = {};
   for (const D in g)
-    D === "values" && typeof g.values == "object" || (RD(D) || B === !0 && Zg(D) || !A && !Zg(D) || // If trying to use native HTML drag events, forward drag listeners
+    D === "values" && typeof g.values == "object" || (RD(D) || B === !0 && Ug(D) || !A && !Ug(D) || // If trying to use native HTML drag events, forward drag listeners
     g.draggable && D.startsWith("onDrag")) && (M[D] = g[D]);
   return M;
 }
 const MM = /* @__PURE__ */ new Set();
-function pg(g, A, B) {
+function Rg(g, A, B) {
   g || MM.has(A) || (console.warn(A), MM.add(A));
 }
 function _e(g) {
   if (typeof Proxy > "u")
     return g;
-  const A = /* @__PURE__ */ new Map(), B = (...M) => (process.env.NODE_ENV !== "production" && pg(!1, "motion() is deprecated. Use motion.create() instead."), g(...M));
+  const A = /* @__PURE__ */ new Map(), B = (...M) => (process.env.NODE_ENV !== "production" && Rg(!1, "motion() is deprecated. Use motion.create() instead."), g(...M));
   return new Proxy(B, {
     /**
      * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
@@ -1469,11 +1469,11 @@ function _e(g) {
     get: (M, D) => D === "create" ? g : (A.has(D) || A.set(D, g(D)), A.get(D))
   });
 }
-const hg = bA({});
+const pg = bA({});
 function wg(g) {
   return typeof g == "string" || Array.isArray(g);
 }
-function Jg(g) {
+function hg(g) {
   return g !== null && typeof g == "object" && typeof g.start == "function";
 }
 const yB = [
@@ -1485,14 +1485,14 @@ const yB = [
   "whileDrag",
   "exit"
 ], uB = ["initial", ...yB];
-function zg(g) {
-  return Jg(g.animate) || uB.some((A) => wg(g[A]));
+function Jg(g) {
+  return hg(g.animate) || uB.some((A) => wg(g[A]));
 }
 function pD(g) {
-  return !!(zg(g) || g.variants);
+  return !!(Jg(g) || g.variants);
 }
 function At(g, A) {
-  if (zg(g)) {
+  if (Jg(g)) {
     const { initial: B, animate: M } = g;
     return {
       initial: B === !1 || wg(B) ? B : void 0,
@@ -1502,8 +1502,8 @@ function At(g, A) {
   return g.inherit !== !1 ? A : {};
 }
 function gt(g) {
-  const { initial: A, animate: B } = At(g, X(hg));
-  return Rg(() => ({ initial: A, animate: B }), [DM(A), DM(B)]);
+  const { initial: A, animate: B } = At(g, X(pg));
+  return Kg(() => ({ initial: A, animate: B }), [DM(A), DM(B)]);
 }
 function DM(g) {
   return Array.isArray(g) ? g.join(" ") : g;
@@ -1528,7 +1528,7 @@ function Mt(g, A, B) {
 const mB = (g) => g.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Dt = "framerAppearId", hD = "data-" + mB(Dt), { schedule: UB, cancel: as } = dD(queueMicrotask, !1), JD = bA({});
 function wt(g, A, B, M, D) {
   var e, w;
-  const { visualElement: Q } = X(hg), t = X(KD), C = X(aB), i = X(qD).reducedMotion, s = wA(null);
+  const { visualElement: Q } = X(pg), t = X(KD), C = X(aB), i = X(qD).reducedMotion, s = wA(null);
   M = M || t.renderer, !s.current && M && (s.current = M(g, {
     visualState: A,
     parent: Q,
@@ -1592,7 +1592,7 @@ function tt({ preloadedFeatures: g, createVisualElement: A, useRender: B, useVis
       const G = it(o);
       s = G.MeasureLayout, E.visualElement = wt(D, l, o, A, G.ProjectionNode);
     }
-    return f(hg.Provider, { value: E, children: [s && E.visualElement ? I(s, { visualElement: E.visualElement, ...o }) : null, B(D, C, Mt(l, E.visualElement, i), l, n, E.visualElement)] });
+    return f(pg.Provider, { value: E, children: [s && E.visualElement ? I(s, { visualElement: E.visualElement, ...o }) : null, B(D, C, Mt(l, E.visualElement, i), l, n, E.visualElement)] });
   }
   Q.displayName = `motion.${typeof D == "string" ? D : `create(${(w = (e = D.displayName) !== null && e !== void 0 ? e : D.name) !== null && w !== void 0 ? w : ""})`}`;
   const t = yA(Q);
@@ -1684,7 +1684,7 @@ function VB(g, A, B, M) {
   return A;
 }
 const AB = (g) => Array.isArray(g), ot = (g) => !!(g && typeof g == "object" && g.mix && g.toValue), It = (g) => AB(g) ? g[g.length - 1] || 0 : g, H = (g) => !!(g && g.getVelocity);
-function cg(g) {
+function ag(g) {
   const A = H(g) ? g.get() : g;
   return ot(A) ? A.toValue() : A;
 }
@@ -1696,32 +1696,32 @@ function nt({ scrapeMotionValuesFromProps: g, createRenderState: A, onUpdate: B
   return B && (w.onMount = (Q) => B({ props: M, current: Q, ...w }), w.onUpdate = (Q) => B(Q)), w;
 }
 const vD = (g) => (A, B) => {
-  const M = X(hg), D = X(aB), e = () => nt(g, A, M, D);
+  const M = X(pg), D = X(aB), e = () => nt(g, A, M, D);
   return B ? e() : be(e);
 };
 function Et(g, A, B, M) {
   const D = {}, e = M(g, {});
   for (const o in e)
-    D[o] = cg(e[o]);
+    D[o] = ag(e[o]);
   let { initial: w, animate: Q } = g;
-  const t = zg(g), C = pD(g);
+  const t = Jg(g), C = pD(g);
   A && C && !t && g.inherit !== !1 && (w === void 0 && (w = A.initial), Q === void 0 && (Q = A.animate));
   let i = B ? B.initial === !1 : !1;
   i = i || w === !1;
   const s = i ? Q : w;
-  if (s && typeof s != "boolean" && !Jg(s)) {
+  if (s && typeof s != "boolean" && !hg(s)) {
     const o = Array.isArray(s) ? s : [s];
     for (let n = 0; n < o.length; n++) {
       const E = VB(g, o[n]);
       if (E) {
         const { transitionEnd: l, transition: G, ...r } = E;
         for (const a in r) {
-          let c = r[a];
-          if (Array.isArray(c)) {
-            const V = i ? c.length - 1 : 0;
-            c = c[V];
+          let Y = r[a];
+          if (Array.isArray(Y)) {
+            const V = i ? Y.length - 1 : 0;
+            Y = Y[V];
           }
-          c !== null && (D[a] = c);
+          Y !== null && (D[a] = Y);
         }
         for (const a in l)
           D[a] = l[a];
@@ -1762,46 +1762,46 @@ const HA = [
   test: (A) => typeof A == "string" && A.endsWith(g) && A.split(" ").length === 1,
   parse: parseFloat,
   transform: (A) => `${A}${g}`
-}), GA = /* @__PURE__ */ ig("deg"), CA = /* @__PURE__ */ ig("%"), m = /* @__PURE__ */ ig("px"), Gt = /* @__PURE__ */ ig("vh"), at = /* @__PURE__ */ ig("vw"), eM = {
+}), GA = /* @__PURE__ */ ig("deg"), CA = /* @__PURE__ */ ig("%"), U = /* @__PURE__ */ ig("px"), Gt = /* @__PURE__ */ ig("vh"), at = /* @__PURE__ */ ig("vw"), eM = {
   ...CA,
   parse: (g) => CA.parse(g) / 100,
   transform: (g) => CA.transform(g * 100)
 }, ct = {
   // Border props
-  borderWidth: m,
-  borderTopWidth: m,
-  borderRightWidth: m,
-  borderBottomWidth: m,
-  borderLeftWidth: m,
-  borderRadius: m,
-  radius: m,
-  borderTopLeftRadius: m,
-  borderTopRightRadius: m,
-  borderBottomRightRadius: m,
-  borderBottomLeftRadius: m,
+  borderWidth: U,
+  borderTopWidth: U,
+  borderRightWidth: U,
+  borderBottomWidth: U,
+  borderLeftWidth: U,
+  borderRadius: U,
+  radius: U,
+  borderTopLeftRadius: U,
+  borderTopRightRadius: U,
+  borderBottomRightRadius: U,
+  borderBottomLeftRadius: U,
   // Positioning props
-  width: m,
-  maxWidth: m,
-  height: m,
-  maxHeight: m,
-  top: m,
-  right: m,
-  bottom: m,
-  left: m,
+  width: U,
+  maxWidth: U,
+  height: U,
+  maxHeight: U,
+  top: U,
+  right: U,
+  bottom: U,
+  left: U,
   // Spacing props
-  padding: m,
-  paddingTop: m,
-  paddingRight: m,
-  paddingBottom: m,
-  paddingLeft: m,
-  margin: m,
-  marginTop: m,
-  marginRight: m,
-  marginBottom: m,
-  marginLeft: m,
+  padding: U,
+  paddingTop: U,
+  paddingRight: U,
+  paddingBottom: U,
+  paddingLeft: U,
+  margin: U,
+  marginTop: U,
+  marginRight: U,
+  marginBottom: U,
+  marginLeft: U,
   // Misc
-  backgroundPositionX: m,
-  backgroundPositionY: m
+  backgroundPositionX: U,
+  backgroundPositionY: U
 }, Yt = {
   rotate: GA,
   rotateX: GA,
@@ -1814,19 +1814,19 @@ const HA = [
   skew: GA,
   skewX: GA,
   skewY: GA,
-  distance: m,
-  translateX: m,
-  translateY: m,
-  translateZ: m,
-  x: m,
-  y: m,
-  z: m,
-  perspective: m,
-  transformPerspective: m,
+  distance: U,
+  translateX: U,
+  translateY: U,
+  translateZ: U,
+  x: U,
+  y: U,
+  z: U,
+  perspective: U,
+  transformPerspective: U,
   opacity: eg,
   originX: eM,
   originY: eM,
-  originZ: m
+  originZ: U
 }, tM = {
   ...SA,
   transform: Math.round
@@ -1834,7 +1834,7 @@ const HA = [
   ...ct,
   ...Yt,
   zIndex: tM,
-  size: m,
+  size: U,
   // SVG
   fillOpacity: eg,
   strokeOpacity: eg,
@@ -1895,12 +1895,12 @@ const Ut = {
 function Vt(g, A, B = 1, M = 0, D = !0) {
   g.pathLength = 1;
   const e = D ? Ut : Zt;
-  g[e.offset] = m.transform(-M);
-  const w = m.transform(A), Q = m.transform(B);
+  g[e.offset] = U.transform(-M);
+  const w = U.transform(A), Q = U.transform(B);
   g[e.array] = `${w} ${Q}`;
 }
 function QM(g, A, B) {
-  return typeof g == "string" ? g : m.transform(A + B * g);
+  return typeof g == "string" ? g : U.transform(A + B * g);
 }
 function ft(g, A, B) {
   const M = QM(A, g.x, g.width), D = QM(B, g.y, g.height);
@@ -1970,12 +1970,12 @@ function HD(g, A, B, M) {
   for (const D in A.attrs)
     g.setAttribute(jD.has(D) ? D : mB(D), A.attrs[D]);
 }
-const Vg = {};
+const Zg = {};
 function kt(g) {
-  Object.assign(Vg, g);
+  Object.assign(Zg, g);
 }
 function SD(g, { layout: A, layoutId: B }) {
-  return dA.has(g) || g.startsWith("origin") || (A || B !== void 0) && (!!Vg[g] || g === "opacity");
+  return dA.has(g) || g.startsWith("origin") || (A || B !== void 0) && (!!Zg[g] || g === "opacity");
 }
 function pB(g, A, B) {
   var M;
@@ -2028,8 +2028,8 @@ const CM = ["x", "y", "width", "height", "cx", "cy", "r"], dt = {
           const t = CM[Q];
           g[t] !== A[t] && (w = !0);
         }
-      w && d.read(() => {
-        qt(B, M), d.render(() => {
+      w && K.read(() => {
+        qt(B, M), K.render(() => {
           dB(M, D, RB(B.tagName), g.transformTemplate), HD(B, M);
         });
       });
@@ -2046,7 +2046,7 @@ function XD(g, A, B) {
     !H(A[M]) && !SD(M, B) && (g[M] = A[M]);
 }
 function Rt({ transformTemplate: g }, A) {
-  return Rg(() => {
+  return Kg(() => {
     const B = KB();
     return qB(B, A, g), Object.assign({}, B.vars, B.style);
   }, [A]);
@@ -2060,7 +2060,7 @@ function ht(g, A) {
   return g.drag && g.dragListener !== !1 && (B.draggable = !1, M.userSelect = M.WebkitUserSelect = M.WebkitTouchCallout = "none", M.touchAction = g.drag === !0 ? "none" : `pan-${g.drag === "x" ? "y" : "x"}`), g.tabIndex === void 0 && (g.onTap || g.onTapStart || g.whileTap) && (B.tabIndex = 0), B.style = M, B;
 }
 function Jt(g, A, B, M) {
-  const D = Rg(() => {
+  const D = Kg(() => {
     const e = OD();
     return dB(e, A, RB(M), g.transformTemplate), {
       ...e.attrs,
@@ -2075,7 +2075,7 @@ function Jt(g, A, B, M) {
 }
 function zt(g = !1) {
   return (B, M, D, { latestValues: e }, w) => {
-    const t = (ZB(B) ? Jt : ht)(M, e, w, B), C = $e(M, typeof B == "string", g), i = B !== cD ? { ...C, ...t, ref: D } : {}, { children: s } = M, o = Rg(() => H(s) ? s.get() : s, [s]);
+    const t = (ZB(B) ? Jt : ht)(M, e, w, B), C = $e(M, typeof B == "string", g), i = B !== cD ? { ...C, ...t, ref: D } : {}, { children: s } = M, o = Kg(() => H(s) ? s.get() : s, [s]);
     return ee(B, {
       ...i,
       children: o
@@ -2105,7 +2105,7 @@ function ND(g, A) {
       return !1;
   return !0;
 }
-function vg(g, A, B) {
+function zg(g, A, B) {
   const M = g.getProps();
   return VB(M, A, B !== void 0 ? B : M.custom, g);
 }
@@ -2213,7 +2213,7 @@ function bt(g, A) {
     return (M = Ot[A]) !== null && M !== void 0 ? M : B();
   };
 }
-const fg = /* @__PURE__ */ bt(() => {
+const Vg = /* @__PURE__ */ bt(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -2228,7 +2228,7 @@ const fg = /* @__PURE__ */ bt(() => {
   return `linear(${M.substring(0, M.length - 2)})`;
 };
 function $D(g) {
-  return !!(typeof g == "function" && fg() || !g || typeof g == "string" && (g in BB || fg()) || zB(g) || Array.isArray(g) && g.every($D));
+  return !!(typeof g == "function" && Vg() || !g || typeof g == "string" && (g in BB || Vg()) || zB(g) || Array.isArray(g) && g.every($D));
 }
 const WA = ([g, A, B, M]) => `cubic-bezier(${g}, ${A}, ${B}, ${M})`, BB = {
   linear: "linear",
@@ -2243,7 +2243,7 @@ const WA = ([g, A, B, M]) => `cubic-bezier(${g}, ${A}, ${B}, ${M})`, BB = {
 };
 function _D(g, A) {
   if (g)
-    return typeof g == "function" && fg() ? WD(g, A) : zB(g) ? WA(g) : Array.isArray(g) ? g.map((B) => _D(B, A) || BB.easeOut) : BB[g];
+    return typeof g == "function" && Vg() ? WD(g, A) : zB(g) ? WA(g) : Array.isArray(g) ? g.map((B) => _D(B, A) || BB.easeOut) : BB[g];
 }
 const MA = {
   x: !1,
@@ -2306,7 +2306,7 @@ function oM(g) {
     A.key === "Enter" && g(A);
   };
 }
-function bg(g, A) {
+function Og(g, A) {
   g.dispatchEvent(new PointerEvent("pointer" + A, { isPrimary: !0, bubbles: !0 }));
 }
 const Xt = (g, A) => {
@@ -2316,10 +2316,10 @@ const Xt = (g, A) => {
   const M = oM(() => {
     if ($A.has(B))
       return;
-    bg(B, "down");
+    Og(B, "down");
     const D = oM(() => {
-      bg(B, "up");
-    }), e = () => bg(B, "cancel");
+      Og(B, "up");
+    }), e = () => Og(B, "cancel");
     B.addEventListener("keyup", D, A), B.addEventListener("blur", e, A);
   });
   B.addEventListener("keydown", M, A), B.addEventListener("blur", () => B.removeEventListener("keydown", M), A);
@@ -2362,14 +2362,14 @@ const Mw = /* @__PURE__ */ new Set([
   "bottom",
   ...HA
 ]);
-let Yg;
+let cg;
 function Wt() {
-  Yg = void 0;
+  cg = void 0;
 }
 const iA = {
-  now: () => (Yg === void 0 && iA.set(L.isProcessing || Se.useManualTiming ? L.timestamp : performance.now()), Yg),
+  now: () => (cg === void 0 && iA.set(L.isProcessing || Se.useManualTiming ? L.timestamp : performance.now()), cg),
   set: (g) => {
-    Yg = g, queueMicrotask(Wt);
+    cg = g, queueMicrotask(Wt);
   }
 };
 function PB(g, A) {
@@ -2470,13 +2470,13 @@ class _t {
    * @deprecated
    */
   onChange(A) {
-    return process.env.NODE_ENV !== "production" && pg(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", A);
+    return process.env.NODE_ENV !== "production" && Rg(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", A);
   }
   on(A, B) {
     this.events[A] || (this.events[A] = new FB());
     const M = this.events[A].add(B);
     return A === "change" ? () => {
-      M(), d.read(() => {
+      M(), K.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : M;
@@ -2609,7 +2609,7 @@ function AQ(g, A, B) {
   g.hasValue(A) ? g.getValue(A).set(B) : g.addValue(A, tg(B));
 }
 function gQ(g, A) {
-  const B = vg(g, A);
+  const B = zg(g, A);
   let { transitionEnd: M = {}, transition: D = {}, ...e } = B || {};
   e = { ...e, ...M };
   for (const w in e) {
@@ -2660,13 +2660,13 @@ const QQ = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [B]: parseFloat(w),
     alpha: Q !== void 0 ? parseFloat(Q) : 1
   };
-}, CQ = (g) => EA(0, 255, g), jg = {
+}, CQ = (g) => EA(0, 255, g), bg = {
   ...SA,
   transform: (g) => Math.round(CQ(g))
 }, kA = {
   test: /* @__PURE__ */ HB("rgb", "red"),
   parse: /* @__PURE__ */ Ew("red", "green", "blue"),
-  transform: ({ red: g, green: A, blue: B, alpha: M = 1 }) => "rgba(" + jg.transform(g) + ", " + jg.transform(A) + ", " + jg.transform(B) + ", " + gg(eg.transform(M)) + ")"
+  transform: ({ red: g, green: A, blue: B, alpha: M = 1 }) => "rgba(" + bg.transform(g) + ", " + bg.transform(A) + ", " + bg.transform(B) + ", " + gg(eg.transform(M)) + ")"
 };
 function iQ(g) {
   let A = "", B = "", M = "", D = "";
@@ -2780,7 +2780,7 @@ function uQ(g, A, B) {
     for (const e of A)
       g[e] = cw(B, D);
 }
-const lM = (g) => g === SA || g === m, rM = (g, A) => parseFloat(g.split(", ")[A]), GM = (g, A) => (B, { transform: M }) => {
+const lM = (g) => g === SA || g === U, rM = (g, A) => parseFloat(g.split(", ")[A]), GM = (g, A) => (B, { transform: M }) => {
   if (M === "none" || !M)
     return 0;
   const D = M.match(/^matrix3d\((.+)\)$/u);
@@ -2846,7 +2846,7 @@ class TB {
     this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...A], this.onComplete = B, this.name = M, this.motionValue = D, this.element = e, this.isAsync = w;
   }
   scheduleResolve() {
-    this.isScheduled = !0, this.isAsync ? (qA.add(this), eB || (eB = !0, d.read(yw), d.resolveKeyframes(Yw))) : (this.readKeyframes(), this.complete());
+    this.isScheduled = !0, this.isAsync ? (qA.add(this), eB || (eB = !0, K.read(yw), K.resolveKeyframes(Yw))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: A, name: B, element: M, motionValue: D } = this;
@@ -2909,7 +2909,7 @@ function mw(g, A, B = 1) {
 const Uw = (g) => (A) => A.test(g), dQ = {
   test: (g) => g === "auto",
   parse: (g) => g
-}, Zw = [SA, m, CA, GA, at, Gt, dQ], aM = (g) => Zw.find(Uw(g));
+}, Zw = [SA, U, CA, GA, at, Gt, dQ], aM = (g) => Zw.find(Uw(g));
 class Vw extends TB {
   constructor(A, B, M, D, e) {
     super(A, B, M, D, e, !0);
@@ -2986,7 +2986,7 @@ function RQ(g, A, B, M) {
   return jA(w === Q, `You are trying to animate ${A} from "${D}" to "${e}". ${D} is not an animatable value - to enable this animation set ${D} to a value animatable to ${e} via the \`style\` property.`), !w || !Q ? !1 : KQ(g) || (B === "spring" || JB(B)) && M;
 }
 const pQ = (g) => g !== null;
-function Pg(g, { repeat: A, repeatType: B = "loop" }, M) {
+function vg(g, { repeat: A, repeatType: B = "loop" }, M) {
   const D = g.filter(pQ), e = A && B !== "loop" && A % 2 === 1 ? 0 : D.length - 1;
   return !e || M === void 0 ? D[e] : M;
 }
@@ -3036,7 +3036,7 @@ class fw {
       if (w)
         this.options.duration = 0;
       else {
-        t && t(Pg(A, this.options, B)), Q && Q(), this.resolveFinishedPromise();
+        t && t(vg(A, this.options, B)), Q && Q(), this.resolveFinishedPromise();
         return;
       }
     const i = this.initPlayback(A, B);
@@ -3066,7 +3066,7 @@ class fw {
   }
 }
 const h = (g, A, B) => g + (A - g) * B;
-function Hg(g, A, B) {
+function jg(g, A, B) {
   return B < 0 && (B += 1), B > 1 && (B -= 1), B < 1 / 6 ? g + (A - g) * 6 * B : B < 1 / 2 ? A : B < 2 / 3 ? g + (A - g) * (2 / 3 - B) * 6 : g;
 }
 function JQ({ hue: g, saturation: A, lightness: B, alpha: M }) {
@@ -3076,7 +3076,7 @@ function JQ({ hue: g, saturation: A, lightness: B, alpha: M }) {
     D = e = w = B;
   else {
     const Q = B < 0.5 ? B * (1 + A) : B + A - B * A, t = 2 * B - Q;
-    D = Hg(t, Q, g + 1 / 3), e = Hg(t, Q, g), w = Hg(t, Q, g - 1 / 3);
+    D = jg(t, Q, g + 1 / 3), e = jg(t, Q, g), w = jg(t, Q, g - 1 / 3);
   }
   return {
     red: Math.round(D * 255),
@@ -3085,10 +3085,10 @@ function JQ({ hue: g, saturation: A, lightness: B, alpha: M }) {
     alpha: M
   };
 }
-function kg(g, A) {
+function fg(g, A) {
   return (B) => B > 0 ? A : g;
 }
-const Sg = (g, A, B) => {
+const Hg = (g, A, B) => {
   const M = g * g, D = B * (A * A - M) + M;
   return D < 0 ? 0 : Math.sqrt(D);
 }, zQ = [DB, kA, pA], vQ = (g) => zQ.find((A) => A.test(g));
@@ -3102,9 +3102,9 @@ function YM(g) {
 const yM = (g, A) => {
   const B = YM(g), M = YM(A);
   if (!B || !M)
-    return kg(g, A);
+    return fg(g, A);
   const D = { ...B };
-  return (e) => (D.red = Sg(B.red, M.red, e), D.green = Sg(B.green, M.green, e), D.blue = Sg(B.blue, M.blue, e), D.alpha = h(B.alpha, M.alpha, e), kA.transform(D));
+  return (e) => (D.red = Hg(B.red, M.red, e), D.green = Hg(B.green, M.green, e), D.blue = Hg(B.blue, M.blue, e), D.alpha = h(B.alpha, M.alpha, e), kA.transform(D));
 }, PQ = (g, A) => (B) => A(g(B)), og = (...g) => g.reduce(PQ), QB = /* @__PURE__ */ new Set(["none", "hidden"]);
 function LQ(g, A) {
   return QB.has(g) ? (B) => B <= 0 ? g : A : (B) => B >= 1 ? A : g;
@@ -3113,7 +3113,7 @@ function FQ(g, A) {
   return (B) => h(g, A, B);
 }
 function XB(g) {
-  return typeof g == "number" ? FQ : typeof g == "string" ? fB(g) ? kg : j.test(g) ? yM : jQ : Array.isArray(g) ? kw : typeof g == "object" ? j.test(g) ? yM : OQ : kg;
+  return typeof g == "number" ? FQ : typeof g == "string" ? fB(g) ? fg : j.test(g) ? yM : jQ : Array.isArray(g) ? kw : typeof g == "object" ? j.test(g) ? yM : OQ : fg;
 }
 function kw(g, A) {
   const B = [...g], M = B.length, D = g.map((e, w) => XB(e)(e, A[w]));
@@ -3144,7 +3144,7 @@ function bQ(g, A) {
 }
 const jQ = (g, A) => {
   const B = YA.createTransformer(A), M = Qg(g), D = Qg(A);
-  return M.indexes.var.length === D.indexes.var.length && M.indexes.color.length === D.indexes.color.length && M.indexes.number.length >= D.indexes.number.length ? QB.has(g) && !D.values.length || QB.has(A) && !M.values.length ? LQ(g, A) : og(kw(bQ(M, D), D.values), B) : (jA(!0, `Complex values '${g}' and '${A}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), kg(g, A));
+  return M.indexes.var.length === D.indexes.var.length && M.indexes.color.length === D.indexes.color.length && M.indexes.number.length >= D.indexes.number.length ? QB.has(g) && !D.values.length || QB.has(A) && !M.values.length ? LQ(g, A) : og(kw(bQ(M, D), D.values), B) : (jA(!0, `Complex values '${g}' and '${A}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), fg(g, A));
 };
 function qw(g, A, B) {
   return typeof g == "number" && typeof A == "number" && typeof B == "number" ? h(g, A, B) : XB(g)(g, A);
@@ -3270,39 +3270,39 @@ function Kw(g = p.visualDuration, A = p.bounce) {
     velocity: -/* @__PURE__ */ nA(B.velocity || 0)
   }), E = o || 0, l = C / (2 * Math.sqrt(t * i)), G = w - e, r = /* @__PURE__ */ nA(Math.sqrt(t / i)), a = Math.abs(G) < 5;
   M || (M = a ? p.restSpeed.granular : p.restSpeed.default), D || (D = a ? p.restDelta.granular : p.restDelta.default);
-  let c;
+  let Y;
   if (l < 1) {
-    const y = CB(r, l);
-    c = (u) => {
-      const q = Math.exp(-l * r * u);
-      return w - q * ((E + l * r * G) / y * Math.sin(y * u) + G * Math.cos(y * u));
+    const u = CB(r, l);
+    Y = (y) => {
+      const k = Math.exp(-l * r * y);
+      return w - k * ((E + l * r * G) / u * Math.sin(u * y) + G * Math.cos(u * y));
     };
   } else if (l === 1)
-    c = (y) => w - Math.exp(-r * y) * (G + (E + r * G) * y);
+    Y = (u) => w - Math.exp(-r * u) * (G + (E + r * G) * u);
   else {
-    const y = r * Math.sqrt(l * l - 1);
-    c = (u) => {
-      const q = Math.exp(-l * r * u), U = Math.min(y * u, 300);
-      return w - q * ((E + l * r * G) * Math.sinh(U) + y * G * Math.cosh(U)) / y;
+    const u = r * Math.sqrt(l * l - 1);
+    Y = (y) => {
+      const k = Math.exp(-l * r * y), m = Math.min(u * y, 300);
+      return w - k * ((E + l * r * G) * Math.sinh(m) + u * G * Math.cosh(m)) / u;
     };
   }
   const V = {
     calculatedDuration: n && s || null,
-    next: (y) => {
-      const u = c(y);
+    next: (u) => {
+      const y = Y(u);
       if (n)
-        Q.done = y >= s;
+        Q.done = u >= s;
       else {
-        let q = 0;
-        l < 1 && (q = y === 0 ? /* @__PURE__ */ QA(E) : dw(c, y, u));
-        const U = Math.abs(q) <= M, K = Math.abs(w - u) <= D;
-        Q.done = U && K;
+        let k = 0;
+        l < 1 && (k = u === 0 ? /* @__PURE__ */ QA(E) : dw(Y, u, y));
+        const m = Math.abs(k) <= M, d = Math.abs(w - y) <= D;
+        Q.done = m && d;
       }
-      return Q.value = Q.done ? w : u, Q;
+      return Q.value = Q.done ? w : y, Q;
     },
     toString: () => {
-      const y = Math.min(xD(V), gB), u = WD((q) => V.next(y * q).value, y, 30);
-      return y + "ms " + u;
+      const u = Math.min(xD(V), gB), y = WD((k) => V.next(u * k).value, u, 30);
+      return u + "ms " + y;
     }
   };
   return V;
@@ -3311,19 +3311,19 @@ function UM({ keyframes: g, velocity: A = 0, power: B = 0.8, timeConstant: M = 3
   const s = g[0], o = {
     done: !1,
     value: s
-  }, n = (U) => Q !== void 0 && U < Q || t !== void 0 && U > t, E = (U) => Q === void 0 ? t : t === void 0 || Math.abs(Q - U) < Math.abs(t - U) ? Q : t;
+  }, 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 l = B * A;
   const G = s + l, r = w === void 0 ? G : w(G);
   r !== G && (l = r - s);
-  const a = (U) => -l * Math.exp(-U / M), c = (U) => r + a(U), V = (U) => {
-    const K = a(U), P = c(U);
-    o.done = Math.abs(K) <= C, o.value = o.done ? r : P;
+  const a = (m) => -l * Math.exp(-m / M), Y = (m) => r + a(m), V = (m) => {
+    const d = a(m), P = Y(m);
+    o.done = Math.abs(d) <= C, o.value = o.done ? r : P;
   };
-  let y, u;
-  const q = (U) => {
-    n(o.value) && (y = U, u = Kw({
+  let u, y;
+  const k = (m) => {
+    n(o.value) && (u = m, y = Kw({
       keyframes: [o.value, E(o.value)],
-      velocity: dw(c, U, o.value),
+      velocity: dw(Y, m, o.value),
       // TODO: This should be passing * 1000
       damping: D,
       stiffness: e,
@@ -3331,11 +3331,11 @@ function UM({ keyframes: g, velocity: A = 0, power: B = 0.8, timeConstant: M = 3
       restSpeed: i
     }));
   };
-  return q(0), {
+  return k(0), {
     calculatedDuration: null,
-    next: (U) => {
-      let K = !1;
-      return !u && y === void 0 && (K = !0, V(U), q(U)), y !== void 0 && U >= y ? u.next(U - y) : (!K && V(U), o);
+    next: (m) => {
+      let d = !1;
+      return !y && u === void 0 && (d = !0, V(m), k(m)), u !== void 0 && m >= u ? y.next(m - u) : (!d && V(m), o);
     }
   };
 }
@@ -3409,7 +3409,7 @@ function wC(g, A) {
 function eC(g, A) {
   return g.map(() => A || Rw).splice(0, g.length - 1);
 }
-function qg({ duration: g = 300, keyframes: A, times: B, ease: M = "easeInOut" }) {
+function kg({ duration: g = 300, keyframes: A, times: B, ease: M = "easeInOut" }) {
   const D = AC(M) ? M.map(VM) : VM(M), e = {
     done: !1,
     value: A[0]
@@ -3429,7 +3429,7 @@ function qg({ duration: g = 300, keyframes: A, times: B, ease: M = "easeInOut" }
 const tC = (g) => {
   const A = ({ timestamp: B }) => g(B);
   return {
-    start: () => d.update(A, !0),
+    start: () => K.update(A, !0),
     stop: () => cA(A),
     /**
      * If we're processing this frame we can use the
@@ -3440,8 +3440,8 @@ const tC = (g) => {
 }, QC = {
   decay: UM,
   inertia: UM,
-  tween: qg,
-  keyframes: qg,
+  tween: kg,
+  keyframes: kg,
   spring: Kw
 }, CC = (g) => g / 100;
 class NB extends fw {
@@ -3460,9 +3460,9 @@ class NB extends fw {
     super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
   }
   initPlayback(A) {
-    const { type: B = "keyframes", repeat: M = 0, repeatDelay: D = 0, repeatType: e, velocity: w = 0 } = this.options, Q = JB(B) ? B : QC[B] || qg;
+    const { type: B = "keyframes", repeat: M = 0, repeatDelay: D = 0, repeatType: e, velocity: w = 0 } = this.options, Q = JB(B) ? B : QC[B] || kg;
     let t, C;
-    Q !== qg && typeof A[0] != "number" && (process.env.NODE_ENV !== "production" && aA(A.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${A}`), t = og(CC, qw(A[0], A[1])), A = [0, 100]);
+    Q !== kg && typeof A[0] != "number" && (process.env.NODE_ENV !== "production" && aA(A.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${A}`), t = og(CC, qw(A[0], A[1])), A = [0, 100]);
     const i = Q({ ...this.options, keyframes: A });
     e === "mirror" && (C = Q({
       ...this.options,
@@ -3486,8 +3486,8 @@ class NB extends fw {
   tick(A, B = !1) {
     const { resolved: M } = this;
     if (!M) {
-      const { keyframes: U } = this.options;
-      return { done: !0, value: U[U.length - 1] };
+      const { keyframes: m } = this.options;
+      return { done: !0, value: m[m.length - 1] };
     }
     const { finalKeyframe: D, generator: e, mirroredGenerator: w, mapPercentToKeyframes: Q, keyframes: t, calculatedDuration: C, totalDuration: i, resolvedDuration: s } = M;
     if (this.startTime === null)
@@ -3496,18 +3496,18 @@ class NB extends fw {
     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 r = this.currentTime - o * (this.speed >= 0 ? 1 : -1), a = this.speed >= 0 ? r < 0 : r > i;
     this.currentTime = Math.max(r, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
-    let c = this.currentTime, V = e;
+    let Y = this.currentTime, V = e;
     if (n) {
-      const U = Math.min(this.currentTime, i) / s;
-      let K = Math.floor(U), P = U % 1;
-      !P && U >= 1 && (P = 1), P === 1 && K--, K = Math.min(K, n + 1), !!(K % 2) && (E === "reverse" ? (P = 1 - P, l && (P -= l / s)) : E === "mirror" && (V = w)), c = EA(0, 1, P) * s;
+      const m = Math.min(this.currentTime, i) / s;
+      let d = Math.floor(m), P = m % 1;
+      !P && m >= 1 && (P = 1), P === 1 && d--, d = Math.min(d, n + 1), !!(d % 2) && (E === "reverse" ? (P = 1 - P, l && (P -= l / s)) : E === "mirror" && (V = w)), Y = EA(0, 1, P) * s;
     }
-    const y = a ? { done: !1, value: t[0] } : V.next(c);
-    Q && (y.value = Q(y.value));
-    let { done: u } = y;
-    !a && C !== null && (u = this.speed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
-    const q = this.holdTime === null && (this.state === "finished" || this.state === "running" && u);
-    return q && D !== void 0 && (y.value = Pg(t, this.options, D)), G && G(y.value), q && this.finish(), y;
+    const u = a ? { done: !1, value: t[0] } : V.next(Y);
+    Q && (u.value = Q(u.value));
+    let { done: y } = u;
+    !a && C !== null && (y = this.speed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
+    const k = this.holdTime === null && (this.state === "finished" || this.state === "running" && y);
+    return k && D !== void 0 && (u.value = vg(t, this.options, D)), G && G(u.value), k && this.finish(), u;
   }
   get duration() {
     const { resolved: A } = this;
@@ -3589,7 +3589,7 @@ function sC(g, A, B, { delay: M = 0, duration: D = 300, repeat: e = 0, repeatTyp
     direction: w === "reverse" ? "alternate" : "normal"
   });
 }
-const oC = /* @__PURE__ */ YB(() => Object.hasOwnProperty.call(Element.prototype, "animate")), dg = 10, IC = 2e4;
+const oC = /* @__PURE__ */ YB(() => Object.hasOwnProperty.call(Element.prototype, "animate")), qg = 10, IC = 2e4;
 function nC(g) {
   return JB(g.type) || g.type === "spring" || !$D(g.ease);
 }
@@ -3605,11 +3605,11 @@ function EC(g, A) {
   const D = [];
   let e = 0;
   for (; !M.done && e < IC; )
-    M = B.sample(e), D.push(M.value), e += dg;
+    M = B.sample(e), D.push(M.value), e += qg;
   return {
     times: void 0,
     keyframes: D,
-    duration: e - dg,
+    duration: e - qg,
     ease: "linear"
   };
 }
@@ -3631,14 +3631,14 @@ class fM extends fw {
     let { duration: M = 300, times: D, ease: e, type: w, motionValue: Q, name: t, startTime: C } = this.options;
     if (!Q.owner || !Q.owner.current)
       return !1;
-    if (typeof e == "string" && fg() && lC(e) && (e = pw[e]), nC(this.options)) {
+    if (typeof e == "string" && Vg() && lC(e) && (e = pw[e]), nC(this.options)) {
       const { onComplete: s, onUpdate: o, motionValue: n, element: E, ...l } = this.options, G = EC(A, l);
       A = G.keyframes, A.length === 1 && (A[1] = A[0]), M = G.duration, D = G.times, e = G.ease, w = "keyframes";
     }
     const i = sC(Q.owner.current, t, A, { ...this.options, duration: M, times: D, ease: e });
     return i.startTime = C ?? this.calcStartTime(), this.pendingTimeline ? (iM(i, this.pendingTimeline), this.pendingTimeline = void 0) : i.onfinish = () => {
       const { onComplete: s } = this.options;
-      Q.set(Pg(A, this.options, B)), s && s(), this.cancel(), this.resolveFinishedPromise();
+      Q.set(vg(A, this.options, B)), s && s(), this.cancel(), this.resolveFinishedPromise();
     }, {
       animation: i,
       duration: M,
@@ -3749,7 +3749,7 @@ class fM extends fw {
         times: Q,
         isGenerator: !0
       }), l = /* @__PURE__ */ QA(this.time);
-      C.setWithVelocity(E.sample(l - dg).value, E.sample(l).value, dg);
+      C.setWithVelocity(E.sample(l - qg).value, E.sample(l).value, qg);
     }
     const { onStop: t } = this.options;
     t && t(), this.cancel();
@@ -3821,9 +3821,9 @@ const xB = (g, A, B, M = {}, D, e) => (w) => {
   }), i.duration && (i.duration = /* @__PURE__ */ QA(i.duration)), i.repeatDelay && (i.repeatDelay = /* @__PURE__ */ QA(i.repeatDelay)), i.from !== void 0 && (i.keyframes[0] = i.from);
   let s = !1;
   if ((i.type === !1 || i.duration === 0 && !i.repeatDelay) && (i.duration = 0, i.delay === 0 && (s = !0)), s && !e && A.get() !== void 0) {
-    const o = Pg(i.keyframes, Q);
+    const o = vg(i.keyframes, Q);
     if (o !== void 0)
-      return d.update(() => {
+      return K.update(() => {
         i.onUpdate(o), i.onComplete();
       }), new Ft([]);
   }
@@ -3850,7 +3850,7 @@ function hw(g, A, { delay: B = 0, transitionOverride: M, type: D } = {}) {
     if (window.MotionHandoffAnimation) {
       const r = ww(g);
       if (r) {
-        const a = window.MotionHandoffAnimation(r, s, d);
+        const a = window.MotionHandoffAnimation(r, s, K);
         a !== null && (E.startTime = a, l = !0);
       }
     }
@@ -3859,14 +3859,14 @@ function hw(g, A, { delay: B = 0, transitionOverride: M, type: D } = {}) {
     G && C.push(G);
   }
   return Q && Promise.all(C).then(() => {
-    d.update(() => {
+    K.update(() => {
       Q && gQ(g, Q);
     });
   }), C;
 }
 function iB(g, A, B = {}) {
   var M;
-  const D = vg(g, A, B.type === "exit" ? (M = g.presenceContext) === null || M === void 0 ? void 0 : M.custom : void 0);
+  const D = zg(g, A, B.type === "exit" ? (M = g.presenceContext) === null || M === void 0 ? void 0 : M.custom : void 0);
   let { transition: e = g.getDefaultTransition() || {} } = D || {};
   B.transitionOverride && (e = B.transitionOverride);
   const w = D ? () => Promise.all(hw(g, D, B)) : () => Promise.resolve(), Q = g.variantChildren && g.variantChildren.size ? (C = 0) => {
@@ -3900,7 +3900,7 @@ function ZC(g, A, B = {}) {
   } else if (typeof A == "string")
     M = iB(g, A, B);
   else {
-    const D = typeof A == "function" ? vg(g, A, B.custom) : A;
+    const D = typeof A == "function" ? zg(g, A, B.custom) : A;
     M = Promise.all(hw(g, D, B));
   }
   return M.then(() => {
@@ -3930,7 +3930,7 @@ function dC(g) {
   let A = qC(g), B = kM(), M = !0;
   const D = (t) => (C, i) => {
     var s;
-    const o = vg(g, i, t === "exit" ? (s = g.presenceContext) === null || s === void 0 ? void 0 : s.custom : void 0);
+    const o = zg(g, i, t === "exit" ? (s = g.presenceContext) === null || s === void 0 ? void 0 : s.custom : void 0);
     if (o) {
       const { transition: n, transitionEnd: E, ...l } = o;
       C = { ...C, ...l, ...E };
@@ -3944,26 +3944,26 @@ function dC(g) {
     const { props: C } = g, i = Jw(g.parent) || {}, s = [], o = /* @__PURE__ */ new Set();
     let n = {}, E = 1 / 0;
     for (let G = 0; G < kC; G++) {
-      const r = fC[G], a = B[r], c = C[r] !== void 0 ? C[r] : i[r], V = wg(c), y = r === t ? a.isActive : null;
-      y === !1 && (E = G);
-      let u = c === i[r] && c !== C[r] && V;
-      if (u && M && g.manuallyAnimateOnMount && (u = !1), a.protectedKeys = { ...n }, // If it isn't active and hasn't *just* been set as inactive
-      !a.isActive && y === null || // If we didn't and don't have any defined prop for this animation type
-      !c && !a.prevProp || // Or if the prop doesn't define an animation
-      Jg(c) || typeof c == "boolean")
+      const r = fC[G], a = B[r], Y = C[r] !== void 0 ? C[r] : i[r], V = wg(Y), u = r === t ? a.isActive : null;
+      u === !1 && (E = G);
+      let y = Y === i[r] && Y !== C[r] && V;
+      if (y && M && g.manuallyAnimateOnMount && (y = !1), a.protectedKeys = { ...n }, // If it isn't active and hasn't *just* been set as inactive
+      !a.isActive && u === null || // If we didn't and don't have any defined prop for this animation type
+      !Y && !a.prevProp || // Or if the prop doesn't define an animation
+      hg(Y) || typeof Y == "boolean")
         continue;
-      const q = KC(a.prevProp, c);
-      let U = q || // If we're making this variant active, we want to always make it active
-      r === t && a.isActive && !u && V || // If we removed a higher-priority variant (i is in reverse order)
-      G > E && V, K = !1;
-      const P = Array.isArray(c) ? c : [c];
+      const k = KC(a.prevProp, Y);
+      let m = k || // If we're making this variant active, we want to always make it active
+      r === t && a.isActive && !y && V || // If we removed a higher-priority variant (i is in reverse order)
+      G > E && V, d = !1;
+      const P = Array.isArray(Y) ? Y : [Y];
       let gA = P.reduce(D(r), {});
-      y === !1 && (gA = {});
+      u === !1 && (gA = {});
       const { prevResolvedValues: mA = {} } = a, UA = {
         ...mA,
         ...gA
       }, lA = (z) => {
-        U = !0, o.has(z) && (K = !0, o.delete(z)), a.needsAnimating[z] = !0;
+        m = !0, o.has(z) && (d = !0, o.delete(z)), a.needsAnimating[z] = !0;
         const x = g.getValue(z);
         x && (x.liveStyle = !1);
       };
@@ -3974,7 +3974,7 @@ function dC(g) {
         let sA = !1;
         AB(x) && AB(rA) ? sA = !ND(x, rA) : sA = x !== rA, sA ? x != null ? lA(z) : o.add(z) : x !== void 0 && o.has(z) ? lA(z) : a.protectedKeys[z] = !0;
       }
-      a.prevProp = c, a.prevResolvedValues = gA, a.isActive && (n = { ...n, ...gA }), M && g.blockInitialAnimation && (U = !1), U && (!(u && q) || K) && s.push(...P.map((z) => ({
+      a.prevProp = Y, a.prevResolvedValues = gA, a.isActive && (n = { ...n, ...gA }), M && g.blockInitialAnimation && (m = !1), m && (!(y && k) || d) && s.push(...P.map((z) => ({
         animation: z,
         options: { type: r }
       })));
@@ -3982,8 +3982,8 @@ function dC(g) {
     if (o.size) {
       const G = {};
       o.forEach((r) => {
-        const a = g.getBaseTarget(r), c = g.getValue(r);
-        c && (c.liveStyle = !0), G[r] = a ?? null;
+        const a = g.getBaseTarget(r), Y = g.getValue(r);
+        Y && (Y.liveStyle = !0), G[r] = a ?? null;
       }), s.push({ animation: G });
     }
     let l = !!s.length;
@@ -4052,7 +4052,7 @@ class RC extends uA {
   }
   updateAnimationControlsSubscription() {
     const { animate: A } = this.node.getProps();
-    Jg(A) && (this.unmountControls = A.subscribe(this.node));
+    hg(A) && (this.unmountControls = A.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement
@@ -4123,7 +4123,7 @@ class zw {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const s = Xg(this.lastMoveEventInfo, this.history), o = this.startEvent !== null, n = vC(s.offset, { x: 0, y: 0 }) >= 3;
+      const s = Tg(this.lastMoveEventInfo, this.history), o = this.startEvent !== null, n = vC(s.offset, { x: 0, y: 0 }) >= 3;
       if (!o && !n)
         return;
       const { point: E } = s, { timestamp: l } = L;
@@ -4131,21 +4131,21 @@ class zw {
       const { onStart: G, onMove: r } = this.handlers;
       o || (G && G(this.lastMoveEvent, s), this.startEvent = this.lastMoveEvent), r && r(this.lastMoveEvent, s);
     }, this.handlePointerMove = (s, o) => {
-      this.lastMoveEvent = s, this.lastMoveEventInfo = Tg(o, this.transformPagePoint), d.update(this.updatePoint, !0);
+      this.lastMoveEvent = s, this.lastMoveEventInfo = Sg(o, this.transformPagePoint), K.update(this.updatePoint, !0);
     }, this.handlePointerUp = (s, o) => {
       this.end();
       const { onEnd: n, onSessionEnd: E, resumeAnimation: l } = this.handlers;
       if (this.dragSnapToOrigin && l && l(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const G = Xg(s.type === "pointercancel" ? this.lastMoveEventInfo : Tg(o, this.transformPagePoint), this.history);
+      const G = Tg(s.type === "pointercancel" ? this.lastMoveEventInfo : Sg(o, this.transformPagePoint), this.history);
       this.startEvent && n && n(s, G), E && E(s, G);
     }, !vB(A))
       return;
     this.dragSnapToOrigin = e, this.handlers = B, this.transformPagePoint = M, this.contextWindow = D || window;
-    const w = Ig(A), Q = Tg(w, this.transformPagePoint), { point: t } = Q, { timestamp: C } = L;
+    const w = Ig(A), Q = Sg(w, this.transformPagePoint), { point: t } = Q, { timestamp: C } = L;
     this.history = [{ ...t, timestamp: C }];
     const { onSessionStart: i } = B;
-    i && i(A, Xg(Q, this.history)), this.removeListeners = og(Bg(this.contextWindow, "pointermove", this.handlePointerMove), Bg(this.contextWindow, "pointerup", this.handlePointerUp), Bg(this.contextWindow, "pointercancel", this.handlePointerUp));
+    i && i(A, Tg(Q, this.history)), this.removeListeners = og(Bg(this.contextWindow, "pointermove", this.handlePointerMove), Bg(this.contextWindow, "pointerup", this.handlePointerUp), Bg(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(A) {
     this.handlers = A;
@@ -4154,13 +4154,13 @@ class zw {
     this.removeListeners && this.removeListeners(), cA(this.updatePoint);
   }
 }
-function Tg(g, A) {
+function Sg(g, A) {
   return A ? { point: A(g.point) } : g;
 }
 function dM(g, A) {
   return { x: g.x - A.x, y: g.y - A.y };
 }
-function Xg({ point: g }, A) {
+function Tg({ point: g }, A) {
   return {
     point: g,
     delta: dM(g, vw(A)),
@@ -4302,11 +4302,11 @@ function Ai(g, A) {
     right: M.x
   };
 }
-function Ng(g) {
+function Xg(g) {
   return g === void 0 || g === 1;
 }
 function oB({ scale: g, scaleX: A, scaleY: B }) {
-  return !Ng(g) || !Ng(A) || !Ng(B);
+  return !Xg(g) || !Xg(A) || !Xg(B);
 }
 function VA(g) {
   return oB(g) || Ow(g) || g.z || g.rotate || g.rotateX || g.rotateY || g.skewX || g.skewY;
@@ -4317,12 +4317,12 @@ function Ow(g) {
 function FM(g) {
   return g && g !== "0%";
 }
-function Kg(g, A, B) {
+function dg(g, A, B) {
   const M = g - B, D = A * M;
   return B + D;
 }
 function OM(g, A, B, M, D) {
-  return D !== void 0 && (g = Kg(g, D, M)), Kg(g, B, M) + A;
+  return D !== void 0 && (g = dg(g, D, M)), dg(g, B, M) + A;
 }
 function IB(g, A = 0, B = 1, M, D) {
   g.min = OM(g.min, A, B, M, D), g.max = OM(g.max, A, B, M, D);
@@ -4385,12 +4385,12 @@ class Di {
         if (CA.test(r)) {
           const { projection: a } = this.visualElement;
           if (a && a.layout) {
-            const c = a.layout.layoutBox[G];
-            c && (r = W(c) * (parseFloat(r) / 100));
+            const Y = a.layout.layoutBox[G];
+            Y && (r = W(Y) * (parseFloat(r) / 100));
           }
         }
         this.originPoint[G] = r;
-      }), E && d.postRender(() => E(i, s)), MB(this.visualElement, "transform");
+      }), E && K.postRender(() => E(i, s)), MB(this.visualElement, "transform");
       const { animationState: l } = this.visualElement;
       l && l.setActive("whileDrag", !0);
     }, w = (i, s) => {
@@ -4426,7 +4426,7 @@ class Di {
     const { velocity: D } = B;
     this.startAnimation(D);
     const { onDragEnd: e } = this.getProps();
-    e && d.postRender(() => e(A, B));
+    e && K.postRender(() => e(A, B));
   }
   cancel() {
     this.isDragging = !1;
@@ -4566,7 +4566,7 @@ class Di {
       const { dragConstraints: t } = this.getProps();
       RA(t) && t.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: D } = this.visualElement, e = D.addEventListener("measure", M);
-    D && !D.layout && (D.root && D.root.updateScroll(), D.updateLayout()), d.read(M);
+    D && !D.layout && (D.root && D.root.updateScroll(), D.updateLayout()), K.read(M);
     const w = Cg(window, "resize", () => this.scalePositionWithinConstraints()), Q = D.addEventListener("didUpdate", ({ delta: t, hasLayoutChanged: C }) => {
       this.isDragging && C && (_((i) => {
         const s = this.getAxisMotionValue(i);
@@ -4610,7 +4610,7 @@ class ei extends uA {
   }
 }
 const SM = (g) => (A, B) => {
-  g && d.postRender(() => g(A, B));
+  g && K.postRender(() => g(A, B));
 };
 class ti extends uA {
   constructor() {
@@ -4629,7 +4629,7 @@ class ti extends uA {
       onStart: SM(B),
       onMove: M,
       onEnd: (e, w) => {
-        delete this.session, D && d.postRender(() => D(e, w));
+        delete this.session, D && K.postRender(() => D(e, w));
       }
     };
   }
@@ -4643,7 +4643,7 @@ class ti extends uA {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-const yg = {
+const Yg = {
   /**
    * Global flag as to whether the tree has animated since the last time
    * we resized the window
@@ -4663,7 +4663,7 @@ const xA = {
     if (!A.target)
       return g;
     if (typeof g == "string")
-      if (m.test(g))
+      if (U.test(g))
         g = parseFloat(g);
       else
         return g;
@@ -4694,11 +4694,11 @@ class Ci extends te {
     }), e.setOptions({
       ...e.options,
       onExitComplete: () => this.safeToRemove()
-    })), yg.hasEverUpdated = !0;
+    })), Yg.hasEverUpdated = !0;
   }
   getSnapshotBeforeUpdate(A) {
     const { layoutDependency: B, visualElement: M, drag: D, isPresent: e } = this.props, w = M.projection;
-    return w && (w.isPresent = e, D || A.layoutDependency !== B || B === void 0 ? w.willUpdate() : this.safeToRemove(), A.isPresent !== e && (e ? w.promote() : w.relegate() || d.postRender(() => {
+    return w && (w.isPresent = e, D || A.layoutDependency !== B || B === void 0 ? w.willUpdate() : this.safeToRemove(), A.isPresent !== e && (e ? w.promote() : w.relegate() || K.postRender(() => {
       const Q = w.getStack();
       (!Q || !Q.members.length) && this.safeToRemove();
     }))), null;
@@ -4768,9 +4768,9 @@ function Ei(g, A) {
     const e = D - B;
     e >= A && (cA(M), g(e - A));
   };
-  return d.read(M, !0), () => cA(M);
+  return K.read(M, !0), () => cA(M);
 }
-const Tw = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], li = Tw.length, XM = (g) => typeof g == "string" ? parseFloat(g) : g, NM = (g) => typeof g == "number" || m.test(g);
+const Tw = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], li = Tw.length, XM = (g) => typeof g == "string" ? parseFloat(g) : g, NM = (g) => typeof g == "number" || U.test(g);
 function ri(g, A, B, M, D, e) {
   D ? (g.opacity = h(
     0,
@@ -4804,7 +4804,7 @@ function $M(g, A) {
   g.translate = A.translate, g.scale = A.scale, g.originPoint = A.originPoint, g.origin = A.origin;
 }
 function _M(g, A, B, M, D) {
-  return g -= A, g = Kg(g, 1 / B, M), D !== void 0 && (g = Kg(g, 1 / D, M)), g;
+  return g -= A, g = dg(g, 1 / B, M), D !== void 0 && (g = dg(g, 1 / D, M)), g;
 }
 function ci(g, A = 0, B = 1, M = 0.5, D, e = g, w = g) {
   if (CA.test(A) && (A = parseFloat(A), A = h(w.min, w.max, A / 100) - w.min), typeof A != "number")
@@ -4912,9 +4912,9 @@ const fA = {
   totalNodes: 0,
   resolvedTargetDeltas: 0,
   recalculatedProjection: 0
-}, _A = typeof window < "u" && window.MotionDebug !== void 0, xg = ["", "X", "Y", "Z"], Zi = { visibility: "hidden" }, tD = 1e3;
+}, _A = typeof window < "u" && window.MotionDebug !== void 0, Ng = ["", "X", "Y", "Z"], Zi = { visibility: "hidden" }, tD = 1e3;
 let Vi = 0;
-function Wg(g, A, B, M) {
+function xg(g, A, B, M) {
   const { latestValues: D } = A;
   D[g] && (B[g] = D[g], A.setStaticValue(g, 0), M && (M[g] = 0));
 }
@@ -4927,7 +4927,7 @@ function Ww(g) {
   const B = ww(A);
   if (window.MotionHasOptimisedAnimation(B, "transform")) {
     const { layout: D, layoutId: e } = g.options;
-    window.MotionCancelOptimisedAnimation(B, "transform", d, !(D || e));
+    window.MotionCancelOptimisedAnimation(B, "transform", K, !(D || e));
   }
   const { parent: M } = g;
   M && !M.hasCheckedOptimisedAppear && Ww(M);
@@ -4966,7 +4966,7 @@ function $w({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
         let s;
         const o = () => this.root.updateBlockedByResize = !1;
         g(w, () => {
-          this.root.updateBlockedByResize = !0, s && s(), s = Ei(o, 250), yg.hasAnimatedSinceResize && (yg.hasAnimatedSinceResize = !1, this.nodes.forEach(CD));
+          this.root.updateBlockedByResize = !0, s && s(), s = Ei(o, 250), Yg.hasAnimatedSinceResize && (Yg.hasAnimatedSinceResize = !1, this.nodes.forEach(CD));
         });
       }
       t && this.root.registerSharedNode(t, this), this.options.animate !== !1 && i && (t || C) && this.addEventListener("didUpdate", ({ delta: s, hasLayoutChanged: o, hasRelativeLayoutChanged: n, layout: E }) => {
@@ -4974,9 +4974,9 @@ function $w({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const l = this.options.transition || i.getDefaultTransition() || Fi, { onLayoutAnimationStart: G, onLayoutAnimationComplete: r } = i.getProps(), a = !this.targetLayout || !xw(this.targetLayout, E), c = !o && n;
-        if (this.options.layoutRoot || this.resumeFrom || c || o && (a || !this.currentAnimation)) {
-          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(s, c);
+        const l = this.options.transition || i.getDefaultTransition() || Fi, { onLayoutAnimationStart: G, onLayoutAnimationComplete: r } = i.getProps(), a = !this.targetLayout || !xw(this.targetLayout, E), Y = !o && n;
+        if (this.options.layoutRoot || this.resumeFrom || Y || o && (a || !this.currentAnimation)) {
+          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(s, Y);
           const V = {
             ...hB(l, "layout"),
             onPlay: G,
@@ -5039,7 +5039,7 @@ function $w({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
       }
       this.isUpdating || this.nodes.forEach(Ri), this.isUpdating = !1, this.nodes.forEach(pi), this.nodes.forEach(fi), this.nodes.forEach(ki), this.clearAllSnapshots();
       const Q = iA.now();
-      L.delta = EA(0, 1e3 / 60, Q - L.timestamp), L.timestamp = Q, L.isProcessing = !0, Og.update.process(L), Og.preRender.process(L), Og.render.process(L), L.isProcessing = !1;
+      L.delta = EA(0, 1e3 / 60, Q - L.timestamp), L.timestamp = Q, L.isProcessing = !0, Fg.update.process(L), Fg.preRender.process(L), Fg.render.process(L), L.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, UB.read(this.scheduleUpdate));
@@ -5048,10 +5048,10 @@ function $w({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
       this.nodes.forEach(Ki), this.sharedNodes.forEach(vi);
     }
     scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, d.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, K.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      d.postRender(() => {
+      K.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
@@ -5237,15 +5237,15 @@ function $w({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !Q;
       const o = v(), n = t ? t.source : void 0, E = this.layout ? this.layout.source : void 0, l = n !== E, G = this.getStack(), r = !G || G.members.length <= 1, a = !!(l && !r && this.options.crossfade === !0 && !this.path.some(Li));
       this.animationProgress = 0;
-      let c;
+      let Y;
       this.mixTargetDelta = (V) => {
-        const y = V / 1e3;
-        iD(s.x, w.x, y), iD(s.y, w.y, y), this.setTargetDelta(s), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Dg(o, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Pi(this.relativeTarget, this.relativeTargetOrigin, o, y), c && ui(this.relativeTarget, c) && (this.isProjectionDirty = !1), c || (c = v()), $(c, this.relativeTarget)), l && (this.animationValues = i, ri(i, C, this.latestValues, y, a, r)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = y;
+        const u = V / 1e3;
+        iD(s.x, w.x, u), iD(s.y, w.y, u), this.setTargetDelta(s), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Dg(o, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Pi(this.relativeTarget, this.relativeTargetOrigin, o, u), Y && ui(this.relativeTarget, Y) && (this.isProjectionDirty = !1), Y || (Y = v()), $(Y, this.relativeTarget)), l && (this.animationValues = i, ri(i, C, this.latestValues, u, a, r)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = u;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(w) {
-      this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (cA(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = d.update(() => {
-        yg.hasAnimatedSinceResize = !0, this.currentAnimation = si(0, tD, {
+      this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (cA(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = K.update(() => {
+        Yg.hasAnimatedSinceResize = !0, this.currentAnimation = si(0, tD, {
           ...w,
           onUpdate: (Q) => {
             this.mixTargetDelta(Q), w.onUpdate && w.onUpdate(Q);
@@ -5322,9 +5322,9 @@ function $w({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
       if ((t.z || t.rotate || t.rotateX || t.rotateY || t.rotateZ || t.skewX || t.skewY) && (Q = !0), !Q)
         return;
       const C = {};
-      t.z && Wg("z", w, C, this.animationValues);
-      for (let i = 0; i < xg.length; i++)
-        Wg(`rotate${xg[i]}`, w, C, this.animationValues), Wg(`skew${xg[i]}`, w, C, this.animationValues);
+      t.z && xg("z", w, C, this.animationValues);
+      for (let i = 0; i < Ng.length; i++)
+        xg(`rotate${Ng[i]}`, w, C, this.animationValues), xg(`skew${Ng[i]}`, w, C, this.animationValues);
       w.render();
       for (const i in C)
         w.setStaticValue(i, C[i]), this.animationValues && (this.animationValues[i] = C[i]);
@@ -5340,28 +5340,28 @@ function $w({ attachResizeListener: g, defaultParent: A, measureScroll: B, check
         visibility: ""
       }, i = this.getTransformTemplate();
       if (this.needsReset)
-        return this.needsReset = !1, C.opacity = "", C.pointerEvents = cg(w == null ? void 0 : w.pointerEvents) || "", C.transform = i ? i(this.latestValues, "") : "none", C;
+        return this.needsReset = !1, C.opacity = "", C.pointerEvents = ag(w == null ? void 0 : w.pointerEvents) || "", C.transform = i ? i(this.latestValues, "") : "none", C;
       const s = this.getLead();
       if (!this.projectionDelta || !this.layout || !s.target) {
         const l = {};
-        return this.options.layoutId && (l.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, l.pointerEvents = cg(w == null ? void 0 : w.pointerEvents) || ""), this.hasProjected && !VA(this.latestValues) && (l.transform = i ? i({}, "") : "none", this.hasProjected = !1), l;
+        return this.options.layoutId && (l.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, l.pointerEvents = ag(w == null ? void 0 : w.pointerEvents) || ""), this.hasProjected && !VA(this.latestValues) && (l.transform = i ? i({}, "") : "none", this.hasProjected = !1), l;
       }
       const o = s.animationValues || s.latestValues;
       this.applyTransformsToTarget(), C.transform = Ui(this.projectionDeltaWithTransform, this.treeScale, o), i && (C.transform = i(o, C.transform));
       const { x: n, y: E } = this.projectionDelta;
       C.transformOrigin = `${n.origin * 100}% ${E.origin * 100}% 0`, s.animationValues ? C.opacity = s === this ? (t = (Q = o.opacity) !== null && Q !== void 0 ? Q : this.latestValues.opacity) !== null && t !== void 0 ? t : 1 : this.preserveOpacity ? this.latestValues.opacity : o.opacityExit : C.opacity = s === this ? o.opacity !== void 0 ? o.opacity : "" : o.opacityExit !== void 0 ? o.opacityExit : 0;
-      for (const l in Vg) {
+      for (const l in Zg) {
         if (o[l] === void 0)
           continue;
-        const { correct: G, applyTo: r } = Vg[l], a = C.transform === "none" ? o[l] : G(o[l], s);
+        const { correct: G, applyTo: r } = Zg[l], a = C.transform === "none" ? o[l] : G(o[l], s);
         if (r) {
-          const c = r.length;
-          for (let V = 0; V < c; V++)
+          const Y = r.length;
+          for (let V = 0; V < Y; V++)
             C[r[V]] = a;
         } else
           C[l] = a;
       }
-      return this.options.layoutId && (C.pointerEvents = s === this ? cg(w == null ? void 0 : w.pointerEvents) || "" : "none"), C;
+      return this.options.layoutId && (C.pointerEvents = s === this ? ag(w == null ? void 0 : w.pointerEvents) || "" : "none"), C;
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -5492,7 +5492,7 @@ const ji = $w({
     y: document.documentElement.scrollTop || document.body.scrollTop
   }),
   checkIsScrollRoot: () => !0
-}), $g = {
+}), Wg = {
   current: void 0
 }, Ae = $w({
   measureScroll: (g) => ({
@@ -5500,11 +5500,11 @@ const ji = $w({
     y: g.scrollTop
   }),
   defaultParent: () => {
-    if (!$g.current) {
+    if (!Wg.current) {
       const g = new ji({});
-      g.mount(window), g.setOptions({ layoutScroll: !0 }), $g.current = g;
+      g.mount(window), g.setOptions({ layoutScroll: !0 }), Wg.current = g;
     }
-    return $g.current;
+    return Wg.current;
   },
   resetTransform: (g, A) => {
     g.style.transform = A !== void 0 ? A : "none";
@@ -5524,7 +5524,7 @@ function ED(g, A, B) {
   const { props: M } = g;
   g.animationState && M.whileHover && g.animationState.setActive("whileHover", B === "Start");
   const D = "onHover" + B, e = M[D];
-  e && d.postRender(() => e(A, Ig(A)));
+  e && K.postRender(() => e(A, Ig(A)));
 }
 class Si extends uA {
   mount() {
@@ -5560,7 +5560,7 @@ function lD(g, A, B) {
   const { props: M } = g;
   g.animationState && M.whileTap && g.animationState.setActive("whileTap", B === "Start");
   const D = "onTap" + (B === "End" ? "" : B), e = M[D];
-  e && d.postRender(() => e(A, Ig(A)));
+  e && K.postRender(() => e(A, Ig(A)));
 }
 class Xi extends uA {
   mount() {
@@ -5570,7 +5570,7 @@ class Xi extends uA {
   unmount() {
   }
 }
-const nB = /* @__PURE__ */ new WeakMap(), _g = /* @__PURE__ */ new WeakMap(), Ni = (g) => {
+const nB = /* @__PURE__ */ new WeakMap(), $g = /* @__PURE__ */ new WeakMap(), Ni = (g) => {
   const A = nB.get(g.target);
   A && A(g);
 }, xi = (g) => {
@@ -5578,8 +5578,8 @@ const nB = /* @__PURE__ */ new WeakMap(), _g = /* @__PURE__ */ new WeakMap(), Ni
 };
 function Wi({ root: g, ...A }) {
   const B = g || document;
-  _g.has(B) || _g.set(B, {});
-  const M = _g.get(B), D = JSON.stringify(A);
+  $g.has(B) || $g.set(B, {});
+  const M = $g.get(B), D = JSON.stringify(A);
   return M[D] || (M[D] = new IntersectionObserver(xi, { root: g, ...A })), M[D];
 }
 function $i(g, A, B) {
@@ -5659,7 +5659,7 @@ function ts(g, A, B) {
   for (const M in A) {
     const D = A[M], e = B[M];
     if (H(D))
-      g.addValue(M, D), process.env.NODE_ENV === "development" && pg(D.version === "12.0.3", `Attempting to mix Motion versions ${D.version} with 12.0.3 may not work as expected.`);
+      g.addValue(M, D), process.env.NODE_ENV === "development" && Rg(D.version === "12.0.3", `Attempting to mix Motion versions ${D.version} with 12.0.3 may not work as expected.`);
     else if (H(e))
       g.addValue(M, tg(D, { owner: g }));
     else if (e !== D)
@@ -5700,10 +5700,10 @@ class Qs {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const n = iA.now();
-      this.renderScheduledAt < n && (this.renderScheduledAt = n, d.render(this.render, !1, !0));
+      this.renderScheduledAt < n && (this.renderScheduledAt = n, K.render(this.render, !1, !0));
     };
     const { latestValues: t, renderState: C, onUpdate: i } = w;
-    this.onUpdate = i, this.latestValues = t, this.baseTarget = { ...t }, this.initialValues = B.initial ? { ...t } : {}, this.renderState = C, this.parent = A, this.props = B, this.presenceContext = M, this.depth = A ? A.depth + 1 : 0, this.reducedMotionConfig = D, this.options = Q, this.blockInitialAnimation = !!e, this.isControllingVariants = zg(B), this.isVariantNode = pD(B), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(A && A.current);
+    this.onUpdate = i, this.latestValues = t, this.baseTarget = { ...t }, this.initialValues = B.initial ? { ...t } : {}, this.renderState = C, this.parent = A, this.props = B, this.presenceContext = M, this.depth = A ? A.depth + 1 : 0, this.reducedMotionConfig = D, this.options = Q, this.blockInitialAnimation = !!e, this.isControllingVariants = Jg(B), this.isVariantNode = pD(B), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(A && A.current);
     const { willChange: s, ...o } = this.scrapeMotionValuesFromProps(B, {}, this);
     for (const n in o) {
       const E = o[n];
@@ -5711,7 +5711,7 @@ class Qs {
     }
   }
   mount(A) {
-    this.current = A, rD.set(A, this), this.projection && !this.projection.instance && this.projection.mount(A), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((B, M) => this.bindToMotionValue(M, B)), ge.current || Ds(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : EB.current, process.env.NODE_ENV !== "production" && pg(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
+    this.current = A, rD.set(A, this), this.projection && !this.projection.instance && this.projection.mount(A), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((B, M) => this.bindToMotionValue(M, B)), ge.current || Ds(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : EB.current, process.env.NODE_ENV !== "production" && Rg(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     rD.delete(this.current), this.projection && this.projection.unmount(), cA(this.notifyUpdate), cA(this.render), this.valueSubscriptions.forEach((A) => A()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -5726,7 +5726,7 @@ class Qs {
   bindToMotionValue(A, B) {
     this.valueSubscriptions.has(A) && this.valueSubscriptions.get(A)();
     const M = dA.has(A), D = B.on("change", (Q) => {
-      this.latestValues[A] = Q, this.props.onUpdate && d.preRender(this.notifyUpdate), M && this.projection && (this.projection.isTransformDirty = !0);
+      this.latestValues[A] = Q, this.props.onUpdate && K.preRender(this.notifyUpdate), M && this.projection && (this.projection.isTransformDirty = !0);
     }), e = B.on("renderRequest", this.scheduleRender);
     let w;
     window.MotionCheckAppearSync && (w = window.MotionCheckAppearSync(this, A, B)), this.valueSubscriptions.set(A, () => {
@@ -5980,18 +5980,18 @@ const os = (g, A) => ZB(g) ? new ss(A) : new is(A, {
     });
     eA(() => {
       A.forEach((a) => {
-        const c = C.current.get(a.refId || "");
-        c && c.addEventListener("mouseenter", (V) => {
-          const y = V.target;
-          o(y.getBoundingClientRect());
+        const Y = C.current.get(a.refId || "");
+        Y && Y.addEventListener("mouseenter", (V) => {
+          const u = V.target;
+          o(u.getBoundingClientRect());
         });
       });
     }, [A]), eA(() => {
-      const a = window.matchMedia("(min-width: 640px)"), c = () => {
+      const a = window.matchMedia("(min-width: 640px)"), Y = () => {
         a.matches && Q && t(!1);
       };
-      return a.addEventListener("change", c), () => {
-        a.removeEventListener("change", c);
+      return a.addEventListener("change", Y), () => {
+        a.removeEventListener("change", Y);
       };
     }, [Q]);
     const n = {
@@ -6058,19 +6058,19 @@ const os = (g, A) => ZB(g) ? new ss(A) : new is(A, {
               ),
               (!B || B.trim() === "") && /* @__PURE__ */ I("div", { className: `text-[10px] ${r[g]} tracking-[4px]`, children: "DATA" })
             ] }) }),
-            /* @__PURE__ */ I("div", { className: "hidden sm:ml-6 sm:block flex-grow", children: /* @__PURE__ */ I("nav", { className: "flex justify-end", children: /* @__PURE__ */ I("ul", { className: "flex space-x-4", children: A.map(({ label: a, href: c, refId: V }) => /* @__PURE__ */ I("li", { children: /* @__PURE__ */ I(gM, { href: c, Viewport: l[g], colorButton: G[g], children: /* @__PURE__ */ I(
+            /* @__PURE__ */ I("div", { className: "hidden sm:ml-6 sm:block flex-grow", children: /* @__PURE__ */ I("nav", { className: "flex justify-end", children: /* @__PURE__ */ I("ul", { className: "flex space-x-4", children: A.map(({ label: a, href: Y, refId: V }) => /* @__PURE__ */ I("li", { children: /* @__PURE__ */ I(gM, { href: Y, Viewport: l[g], colorButton: G[g], children: /* @__PURE__ */ I(
               "div",
               {
-                ref: (y) => y && V && C.current.set(V, y),
+                ref: (u) => u && V && C.current.set(V, u),
                 id: V,
                 style: { padding: "6px", color: G[g] },
                 children: a
               }
-            ) }) }, c)) }) }) })
+            ) }) }, Y)) }) }) })
           ] })
         ] })
       ] }),
-      Q && /* @__PURE__ */ I("div", { className: "space-y-1 px-2 pt-2 pb-3", children: A.map(({ label: a, href: c }) => /* @__PURE__ */ I(gM, { href: c, Viewport: l[g], colorButton: G[g], children: a }, c)) })
+      Q && /* @__PURE__ */ I("div", { className: "space-y-1 px-2 pt-2 pb-3", children: A.map(({ label: a, href: Y }) => /* @__PURE__ */ I(gM, { href: Y, Viewport: l[g], colorButton: G[g], children: a }, Y)) })
     ] });
   }
 );
@@ -6080,48 +6080,52 @@ const ls = yA(
     images: g = [],
     autoPlaySpeed: A = 3e3,
     height: B = "400px",
-    hero: M = {},
-    explore: D = {},
-    overlap: e = {},
-    nameImages: w = !1,
-    nameImagesBotton: Q = !1,
-    ...t
-  }, C) => {
-    var c, V;
-    const [i, s] = S(0), o = wA(null), n = wA(null), E = wA(null), l = (y) => {
-      n.current = y.touches[0].clientX;
-    }, G = (y) => {
+    explore: M = {},
+    overlap: D = {},
+    nameImages: e = !1,
+    nameImagesBotton: w = !1,
+    handletext4: Q,
+    handletext5: t,
+    ...C
+  }, i) => {
+    var V, u;
+    const [s, o] = S(0), n = wA(null), E = wA(null), l = wA(null), G = (y) => {
       E.current = y.touches[0].clientX;
-    }, r = () => {
-      if (!n.current || !E.current) return;
-      const y = n.current - E.current;
-      y > 50 ? i < g.length - 1 && s(i + 1) : y < -50 && i > 0 && s(i - 1), n.current = null, E.current = null;
+    }, r = (y) => {
+      l.current = y.touches[0].clientX;
     }, a = () => {
-      s((y) => (y + 1) % g.length);
+      if (!E.current || !l.current) return;
+      const y = E.current - l.current;
+      y > 50 ? s < g.length - 1 && o(s + 1) : y < -50 && s > 0 && o(s - 1), E.current = null, l.current = null;
+    }, Y = () => {
+      o((y) => (y + 1) % g.length);
     };
-    return eA(() => (g.length > 0 && (o.current = setInterval(a, A)), () => {
-      o.current && clearInterval(o.current);
-    }), [A, g.length]), !g || g.length === 0 ? /* @__PURE__ */ I("header", { ref: C, ...t, className: "relative w-full overflow-hidden", style: { height: B }, children: /* @__PURE__ */ I("p", { className: "text-center text-gray-500", children: "No hay imágenes para mostrar" }) }) : /* @__PURE__ */ f(
+    return eA(() => (g.length > 0 && (n.current = setInterval(Y, A)), () => {
+      n.current && clearInterval(n.current);
+    }), [A, g.length]), !g || g.length === 0 ? /* @__PURE__ */ I("header", { ref: i, ...C, className: "relative w-full overflow-hidden", style: { height: B }, children: /* @__PURE__ */ I("p", { className: "text-center text-gray-500", children: "No hay imágenes para mostrar" }) }) : /* @__PURE__ */ f(
       "header",
       {
-        ref: C,
-        ...t,
+        ref: i,
+        ...C,
         style: { height: B },
         className: "relative w-full overflow-hidden",
-        onTouchStart: l,
-        onTouchMove: G,
-        onTouchEnd: r,
+        onTouchStart: G,
+        onTouchMove: r,
+        onTouchEnd: a,
         children: [
-          M && /* @__PURE__ */ f("div", { className: "absolute inset-0 flex flex-col justify-center items-center z-20 text-center text-white", children: [
+          D && /* @__PURE__ */ f("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-center z-20 text-white", children: [
             /* @__PURE__ */ f("h1", { className: "text-3xl md:text-5xl font-bold animate-fade-in-up", children: [
-              M.text1,
+              D.text1,
               " ",
-              /* @__PURE__ */ I("span", { className: "text-red-400", children: M.text2 })
+              /* @__PURE__ */ I("span", { className: "text-red-400", children: D.text2 })
             ] }),
-            /* @__PURE__ */ I("p", { className: "mt-4 text-lg md:text-2xl animate-fade-in", children: M.text3 }),
-            /* @__PURE__ */ I("div", { className: "mt-6 pointer-events-auto", children: M.text4 && /* @__PURE__ */ I(ag, { variant: "vividPink", size: "small", label: M.text4 }) })
+            /* @__PURE__ */ I("p", { className: "text-sm md:text-lg mb-6", children: D.text3 }),
+            /* @__PURE__ */ f("div", { className: "flex gap-4", children: [
+              D.text4 && /* @__PURE__ */ I(_g, { variant: "vividPink", onClick: Q, size: "small", label: D.text4 }),
+              D.text5 && /* @__PURE__ */ I(_g, { variant: "tertiary", onClick: t, size: "small", label: D.text5 })
+            ] })
           ] }),
-          (D == null ? void 0 : D.content) && /* @__PURE__ */ I("div", { className: "absolute z-20 bottom-8 left-1/2 transform -translate-x-1/2 pointer-events-auto", children: /* @__PURE__ */ f("a", { href: D.content, className: "flex flex-col items-center text-white", children: [
+          (M == null ? void 0 : M.content) && /* @__PURE__ */ I("div", { className: "absolute z-20 bottom-8 left-1/2 transform -translate-x-1/2 pointer-events-auto", children: /* @__PURE__ */ f("a", { href: M.content, className: "flex flex-col items-center text-white", children: [
             /* @__PURE__ */ I("span", { className: "mb-2 text-lg font-medium", children: "Explora más" }),
             /* @__PURE__ */ I(
               "svg",
@@ -6143,30 +6147,22 @@ const ls = yA(
               }
             )
           ] }) }),
-          e && /* @__PURE__ */ f("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-center z-20 text-white", children: [
-            /* @__PURE__ */ I("h1", { className: "text-3xl md:text-5xl font-extrabold mb-4", children: e.text1 }),
-            /* @__PURE__ */ I("p", { className: "text-sm md:text-lg mb-6", children: e.text2 }),
-            /* @__PURE__ */ f("div", { className: "flex gap-4", children: [
-              e.text3 && /* @__PURE__ */ I(ag, { variant: "vividPink", size: "small", label: e.text3 }),
-              e.text4 && /* @__PURE__ */ I(ag, { variant: "tertiary", size: "small", label: e.text4 })
-            ] })
-          ] }),
-          w && /* @__PURE__ */ I("div", { className: "absolute inset-0 flex flex-col justify-center items-center text-white z-10 transition-opacity duration-700 ease-in-out", children: /* @__PURE__ */ I("h1", { className: "text-4xl font-bold", children: ((c = g[i]) == null ? void 0 : c.alt) || "Título dinámico" }, i) }),
-          Q && /* @__PURE__ */ I("div", { className: "absolute bottom-8 left-1/2 transform -translate-x-1/2 text-center z-10", children: /* @__PURE__ */ I("p", { className: "text-lg font-medium text-white", children: (V = g[i]) == null ? void 0 : V.alt }) }),
+          e && /* @__PURE__ */ I("div", { className: "absolute inset-0 flex flex-col justify-center items-center text-white z-10 transition-opacity duration-700 ease-in-out", children: /* @__PURE__ */ I("h1", { className: "text-4xl font-bold", children: ((V = g[s]) == null ? void 0 : V.alt) || "Título dinámico" }, s) }),
+          w && /* @__PURE__ */ I("div", { className: "absolute bottom-8 left-1/2 transform -translate-x-1/2 text-center z-10", children: /* @__PURE__ */ I("p", { className: "text-lg font-medium text-white", children: (u = g[s]) == null ? void 0 : u.alt }) }),
           /* @__PURE__ */ I(
             "div",
             {
               className: "flex transition-transform duration-700 ease-in-out",
               style: {
-                transform: `translateX(-${i * 100}%)`,
+                transform: `translateX(-${s * 100}%)`,
                 height: B
               },
-              children: g.map(({ src: y, alt: u, href: q }, U) => /* @__PURE__ */ f("div", { id: "large-header", className: "relative w-full flex-shrink-0 large-header", children: [
-                q ? /* @__PURE__ */ I("a", { href: q, children: /* @__PURE__ */ I(
+              children: g.map(({ src: y, alt: k, href: m }, d) => /* @__PURE__ */ f("div", { id: "large-header", className: "relative w-full flex-shrink-0 large-header", children: [
+                m ? /* @__PURE__ */ I("a", { href: m, children: /* @__PURE__ */ I(
                   "img",
                   {
                     src: y,
-                    alt: u,
+                    alt: k,
                     className: "w-full h-full object-cover",
                     style: { height: B }
                   }
@@ -6174,7 +6170,7 @@ const ls = yA(
                   "img",
                   {
                     src: y,
-                    alt: u,
+                    alt: k,
                     className: "w-full h-full object-cover",
                     style: { height: B }
                   }
@@ -6186,16 +6182,16 @@ const ls = yA(
                     style: { height: B }
                   }
                 )
-              ] }, U))
+              ] }, d))
             }
           ),
-          /* @__PURE__ */ I("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2 z-30", children: g.map((y, u) => /* @__PURE__ */ I(
+          /* @__PURE__ */ I("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2 z-30", children: g.map((y, k) => /* @__PURE__ */ I(
             "button",
             {
-              onClick: () => s(u),
-              className: `w-3 h-3 rounded-full ${i === u ? "bg-white" : "bg-gray-400"}`
+              onClick: () => o(k),
+              className: `w-3 h-3 rounded-full ${s === k ? "bg-white" : "bg-gray-400"}`
             },
-            u
+            k
           )) })
         ]
       }
@@ -6204,7 +6200,7 @@ const ls = yA(
 );
 ls.displayName = "Header";
 export {
-  ag as Button,
+  _g as Button,
   Fe as CircularProgress,
   ls as Header,
   GB as LoadingIndicator,