prisma-goat 0.7.1 → 0.7.2

package/dist/prisma-goat.js

@@ -91,18 +91,18 @@ function St(A) {
       attr: M,
       size: D,
       title: t
-    } = A, e = bt(A, Ft), Q = D || B.size || "1em", w;
-    return B.className && (w = B.className), A.className && (w = (w ? w + " " : "") + A.className), /* @__PURE__ */ _.createElement("svg", Zg({
+    } = A, e = bt(A, Ft), w = D || B.size || "1em", Q;
+    return B.className && (Q = B.className), A.className && (Q = (Q ? Q + " " : "") + A.className), /* @__PURE__ */ _.createElement("svg", Zg({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, B.attr, M, e, {
-      className: w,
+      className: Q,
       style: Vg(Vg({
         color: A.color || B.color
       }, B.style), A.style),
-      height: Q,
-      width: Q,
+      height: w,
+      width: w,
       xmlns: "http://www.w3.org/2000/svg"
     }), t && /* @__PURE__ */ _.createElement("title", null, t), A.children);
   };
@@ -220,8 +220,8 @@ const wg = N(
     loadingPosition: D = "left",
     disabled: t = !1,
     isSubmit: e = !1,
-    icon: Q,
-    iconPosition: w = "left",
+    icon: w,
+    iconPosition: Q = "left",
     iconType: C,
     label: s,
     className: o,
@@ -257,7 +257,7 @@ const wg = N(
           g === "secondary" ? "border-[#1F2937]" : "border-white"
         )
       }
-    ), Z = () => _.isValidElement(Q) ? _.cloneElement(Q, { className: "w-5 h-5" }) : c(), a = s || A;
+    ), Z = () => _.isValidElement(w) ? _.cloneElement(w, { className: "w-5 h-5" }) : c(), a = s || A;
     return O(() => {
       const u = (k) => {
         if (e && k.key === "Enter" && !t && I) {
@@ -292,9 +292,9 @@ const wg = N(
         ...n,
         children: [
           M && D === "left" && /* @__PURE__ */ i("span", { className: "mr-2", children: U }),
-          w === "left" && /* @__PURE__ */ i("span", { className: "mr-2", children: Z() }),
+          Q === "left" && /* @__PURE__ */ i("span", { className: "mr-2", children: Z() }),
           a,
-          w === "right" && /* @__PURE__ */ i("span", { className: "ml-2", children: Z() }),
+          Q === "right" && /* @__PURE__ */ i("span", { className: "ml-2", children: Z() }),
           M && D === "right" && /* @__PURE__ */ i("span", { className: "ml-2", children: U })
         ]
       }
@@ -383,7 +383,7 @@ const iA = {
     strokeWidth: D = "10",
     ...t
   }, e) => {
-    const Q = {
+    const w = {
       primary: "#1F2937",
       secondary: "#ededed",
       vividPink: "#ff0145",
@@ -392,7 +392,7 @@ const iA = {
       danger: "#b91c1c",
       warning: "#f59e0b",
       success: "#047857"
-    }, w = {
+    }, Q = {
       black: "bg-black",
       white: "bg-white"
     }, C = {
@@ -417,7 +417,7 @@ const iA = {
       {
         ref: e,
         ...t,
-        className: `fixed flex justify-center items-center top-0 left-0 right-0 bottom-0 ${w[g]} bg-opacity-60 z-[1201]`,
+        className: `fixed flex justify-center items-center top-0 left-0 right-0 bottom-0 ${Q[g]} bg-opacity-60 z-[1201]`,
         children: [
           /* @__PURE__ */ i(
             "svg",
@@ -434,7 +434,7 @@ const iA = {
                   cy: "55",
                   r: "45",
                   fill: "none",
-                  stroke: Q[A],
+                  stroke: w[A],
                   strokeWidth: s[D],
                   strokeDasharray: "314",
                   strokeDashoffset: "314",
@@ -538,8 +538,8 @@ const pA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
     listMenu: D = [],
     logo: t,
     heightLogo: e,
-    widthLogo: Q,
-    activeRoute: w,
+    widthLogo: w,
+    activeRoute: Q,
     router: C,
     toggleTheme: s,
     toggeInstallApp: o,
@@ -599,8 +599,8 @@ const pA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
               "img",
               {
                 alt: "logo",
-                className: "block w-auto lg:hidden",
-                style: { height: e && e.trim() !== "" ? e : "40px", width: Q && Q.trim() !== "" ? Q : "65px" },
+                className: `${k ? "hidden" : "block"}`,
+                style: { height: e && e.trim() !== "" ? e : "40px", width: w && w.trim() !== "" ? w : "65px" },
                 src: t && t.trim() !== "" ? t : g === "secondary" ? pA : Qg
               }
             ),
@@ -608,8 +608,8 @@ const pA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
               "img",
               {
                 alt: "logo",
-                className: "hidden lg:block",
-                style: { height: e && e.trim() !== "" ? e : "40px", width: Q && Q.trim() !== "" ? Q : "65px" },
+                className: `${k ? "block" : "hidden"}`,
+                style: { height: e && e.trim() !== "" ? e : "40px", width: w && w.trim() !== "" ? w : "65px" },
                 src: t && t.trim() !== "" ? t : g === "secondary" ? pA : Qg
               }
             ),
@@ -625,11 +625,11 @@ const pA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                     type: "button",
                     className: R(
                       "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",
-                      w === m.link || (tA = m.subItems) != null && tA.some((W) => W.link === w) ? eA[g] : "",
+                      Q === m.link || (tA = m.subItems) != null && tA.some((W) => W.link === Q) ? eA[g] : "",
                       T[g],
                       QA[g],
-                      w === m.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
-                      w === m.link ? "font-semibold" : "font-normal"
+                      Q === m.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
+                      Q === m.link ? "font-semibold" : "font-normal"
                     ),
                     onClick: () => Hg(m, p),
                     onMouseEnter: () => F(p),
@@ -670,9 +670,9 @@ const pA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                         className: R(
                           `block px-4 py-2 text-sm cursor-pointer ${iA[g]}e`,
                           T[g] && `${T[g]}`,
-                          w === W.link ? eA[g] : "",
-                          w === W.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
-                          w === W.link ? "font-semibold" : "font-normal"
+                          Q === W.link ? eA[g] : "",
+                          Q === W.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
+                          Q === W.link ? "font-semibold" : "font-normal"
                         ),
                         onClick: () => WA(W, p),
                         children: W.label
@@ -731,9 +731,9 @@ const pA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                     className: R(
                       "block px-4 py-2 text-sm cursor-pointer",
                       T[g] && `${T[g]}`,
-                      w === m.link ? eA[g] : "",
-                      w === m.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
-                      w === m.link ? "font-semibold" : "font-normal"
+                      Q === m.link ? eA[g] : "",
+                      Q === m.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
+                      Q === m.link ? "font-semibold" : "font-normal"
                     ),
                     onClick: m.label === "Cerrar sesion" ? I : () => {
                       q(m);
@@ -753,9 +753,9 @@ const pA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                 `items-center justify-center px-4 py-2 text-sm 
                                             ${T[g]} 
                                             rounded-md transition duration-300 focus:outline-none focus:ring-2 ${QA[g]} focus:ring-offset-2`,
-                w === "/login" ? eA[g] : "",
-                w === "/login" ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
-                w === "/login" ? "font-semibold" : "font-normal"
+                Q === "/login" ? eA[g] : "",
+                Q === "/login" ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
+                Q === "/login" ? "font-semibold" : "font-normal"
               ),
               onClick: () => {
                 C.push("/login"), hA();
@@ -775,9 +775,9 @@ const pA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                 className: R(
                   `block w-full px-4 py-2 text-base ${T[g]}
                                         rounded-md transition duration-300 focus:outline-none focus:ring-2 ${QA[g]} focus:ring-offset-2 text-left`,
-                  w === m.link || (tA = m.subItems) != null && tA.some((W) => W.link === w) ? eA[g] : "",
-                  w === m.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
-                  w === m.link ? "font-semibold" : "font-normal"
+                  Q === m.link || (tA = m.subItems) != null && tA.some((W) => W.link === Q) ? eA[g] : "",
+                  Q === m.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
+                  Q === m.link ? "font-semibold" : "font-normal"
                 ),
                 onClick: () => {
                   ag(m, p);
@@ -791,9 +791,9 @@ const pA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
                 className: R(
                   `block w-full px-4 py-1 text-sm ${T[g]} 
                                                     rounded-md transition duration-300 focus:outline-none focus:ring-2 ${QA[g]} focus:ring-offset-2 text-left`,
-                  w === W.link ? eA[g] : "",
-                  w === W.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
-                  w === W.link ? "font-semibold" : "font-normal"
+                  Q === W.link ? eA[g] : "",
+                  Q === W.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
+                  Q === W.link ? "font-semibold" : "font-normal"
                 ),
                 onClick: () => {
                   WA(m, p), Y(!1);
@@ -843,9 +843,9 @@ const pA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
               className: R(
                 `block w-full px-4 py-2 text-base ${T[g]} 
                                                     rounded-md transition duration-300 focus:outline-none focus:ring-2 ${QA[g]} focus:ring-offset-2 text-left`,
-                w === m.link ? eA[g] : "",
-                w === m.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
-                w === m.link ? "font-semibold" : "font-normal"
+                Q === m.link ? eA[g] : "",
+                Q === m.link ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
+                Q === m.link ? "font-semibold" : "font-normal"
               ),
               onClick: m.label === "Cerrar sesion" ? I : () => P(m),
               children: m.label
@@ -859,9 +859,9 @@ const pA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZQAAApUCAYAAACv3FolAA
             className: R(
               `block w-full px-4 py-2 text-base ${T[g]} 
                                     rounded-md transition duration-300 focus:outline-none focus:ring-2 ${QA[g]} focus:ring-offset-2 text-left`,
-              w === "/login" ? eA[g] : "",
-              w === "/login" ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
-              w === "/login" ? "font-semibold" : "font-normal"
+              Q === "/login" ? eA[g] : "",
+              Q === "/login" ? g === "secondary" || g === "primary" || g === "darkMagenta" || g === "veryDarkViolet" || g === "success" ? "text-custom-red" : "text-custom-blue" : g === "primary" || g === "vividPink" || g === "darkMagenta" || g === "veryDarkViolet" || g === "danger" || g === "warning" || g === "success" ? "text-white" : "text-custom-blue",
+              Q === "/login" ? "font-semibold" : "font-normal"
             ),
             onClick: () => {
               C.push("/login"), Y(!1);
@@ -893,7 +893,7 @@ const Cw = N(
     height: D = "",
     ...t
   }, e) => {
-    const Q = {
+    const w = {
       primary: "#1F2937",
       secondary: "#ededed",
       vividPink: "#ff0145",
@@ -902,7 +902,7 @@ const Cw = N(
       danger: "#b91c1c",
       warning: "#f59e0b",
       success: "#047857"
-    }, w = {
+    }, Q = {
       logoRed: $D,
       logoBlack: FB,
       logo6: _D,
@@ -949,7 +949,7 @@ const Cw = N(
                   cy: "55",
                   r: "45",
                   fill: "none",
-                  stroke: Q[A],
+                  stroke: w[A],
                   strokeWidth: C[M],
                   strokeDasharray: "314",
                   strokeDashoffset: "314",
@@ -968,7 +968,7 @@ const Cw = N(
               style: {
                 animation: "blink 1s ease-in-out infinite"
               },
-              children: /* @__PURE__ */ i("div", { className: "ml-1", children: /* @__PURE__ */ i("img", { src: B && B.trim() !== "" ? B : w[g], alt: "logo" }) })
+              children: /* @__PURE__ */ i("div", { className: "ml-1", children: /* @__PURE__ */ i("img", { src: B && B.trim() !== "" ? B : Q[g], alt: "logo" }) })
             }
           )
         ]
@@ -986,8 +986,8 @@ const iw = N(
     logo: D,
     heightLogo: t,
     widthLogo: e,
-    activeRoute: Q,
-    router: w,
+    activeRoute: w,
+    router: Q,
     user: C,
     theme: s,
     InstallApp: o,
@@ -1005,24 +1005,24 @@ const iw = N(
     const [u, k] = h(!0), [V, Y] = h(null), [d, b] = h(!1), [CA, yA] = h(null), [UA, ZA] = h(!1), Gg = AA(null), F = () => b(!d), x = () => b(!1), VA = () => {
       k((q) => !q);
     }, aA = (q, P) => {
-      q.subItems && q.subItems.length > 0 ? Y((EA) => EA === P ? -1 : P) : q.link && w && w.push(q.link);
+      q.subItems && q.subItems.length > 0 ? Y((EA) => EA === P ? -1 : P) : q.link && Q && Q.push(q.link);
     }, hA = (q, P) => {
-      Y((EA) => EA === P ? -1 : P), q.link && w && w.push(q.link);
+      Y((EA) => EA === P ? -1 : P), q.link && Q && Q.push(q.link);
     }, Hg = (q) => {
-      q.link && w && (w.push(q.link), x());
+      q.link && Q && (Q.push(q.link), x());
     };
     return O(() => {
-      if (typeof window < "u" && (w != null && w.events)) {
+      if (typeof window < "u" && (Q != null && Q.events)) {
         const q = () => {
           ZA(!0);
         }, P = () => {
           ZA(!1);
         };
-        return w.events.on("routeChangeStart", q), w.events.on("routeChangeComplete", P), w.events.on("routeChangeError", P), () => {
-          w.events.off("routeChangeStart", q), w.events.off("routeChangeComplete", P), w.events.off("routeChangeError", P);
+        return Q.events.on("routeChangeStart", q), Q.events.on("routeChangeComplete", P), Q.events.on("routeChangeError", P), () => {
+          Q.events.off("routeChangeStart", q), Q.events.off("routeChangeComplete", P), Q.events.off("routeChangeError", P);
         };
       }
-    }, [w]), /* @__PURE__ */ y(
+    }, [Q]), /* @__PURE__ */ y(
       "div",
       {
         ref: a,
@@ -1075,9 +1075,9 @@ const iw = N(
                       `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`,
                       T[B],
                       QA[B],
-                      Q === q.link || (EA = q.subItems) != null && EA.some((H) => H.link === Q) ? eA[B] : "",
-                      Q === q.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
-                      Q === q.link ? "font-semibold" : "font-normal"
+                      w === q.link || (EA = q.subItems) != null && EA.some((H) => H.link === w) ? eA[B] : "",
+                      w === q.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
+                      w === q.link ? "font-semibold" : "font-normal"
                     ),
                     onClick: () => {
                       aA(q, P);
@@ -1136,9 +1136,9 @@ const iw = N(
                     className: R(
                       `block w-full px-4 py-1 text-sm ${T[B]} 
                                                         rounded-md transition duration-300 focus:outline-none focus:ring-2 ${QA[B]} focus:ring-offset-2 text-left`,
-                      Q === H.link ? eA[B] : "",
-                      Q === H.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
-                      Q === H.link ? "font-semibold" : "font-normal"
+                      w === H.link ? eA[B] : "",
+                      w === H.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
+                      w === H.link ? "font-semibold" : "font-normal"
                     ),
                     onClick: () => {
                       hA(H, P);
@@ -1158,9 +1158,9 @@ const iw = N(
                         className: R(
                           `block px-4 py-2 text-sm cursor-pointer ${iA[B]}e`,
                           T[B] && `${T[B]}`,
-                          Q === H.link ? eA[B] : "",
-                          Q === H.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
-                          Q === H.link ? "font-semibold" : "font-normal"
+                          w === H.link ? eA[B] : "",
+                          w === H.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
+                          w === H.link ? "font-semibold" : "font-normal"
                         ),
                         onClick: () => {
                           hA(H, P);
@@ -1216,9 +1216,9 @@ const iw = N(
                       className: R(
                         "block px-4 py-2 text-sm cursor-pointer",
                         T[B] && `${T[B]}`,
-                        Q === q.link ? eA[B] : "",
-                        Q === q.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
-                        Q === q.link ? "font-semibold" : "font-normal"
+                        w === q.link ? eA[B] : "",
+                        w === q.link ? B === "secondary" || B === "primary" || B === "darkMagenta" || B === "veryDarkViolet" || B === "success" ? "text-custom-red" : "text-custom-blue" : B === "primary" || B === "vividPink" || B === "darkMagenta" || B === "veryDarkViolet" || B === "danger" || B === "warning" || B === "success" ? "text-white" : "text-custom-blue",
+                        w === q.link ? "font-semibold" : "font-normal"
                       ),
                       onClick: q.label === "Cerrar sesion" ? l : () => {
                         Hg(q);
@@ -1252,13 +1252,13 @@ const iw = N(
 );
 iw.displayName = "Sidebar";
 const VM = ({ children: A, href: g, Viewport: B, colorButton: M, setIsOpen: D }) => {
-  const t = AA(null), [e, Q] = h(M);
+  const t = AA(null), [e, w] = h(M);
   return O(() => {
     const C = () => {
       const s = document.getElementById(g.slice(1));
       if (s) {
         const o = s.getBoundingClientRect(), I = o.top >= 0 && o.bottom <= window.innerHeight;
-        Q(I ? B : M);
+        w(I ? B : M);
       }
     };
     return C(), window.addEventListener("scroll", C), () => {
@@ -1271,7 +1271,7 @@ const VM = ({ children: A, href: g, Viewport: B, colorButton: M, setIsOpen: D })
         const C = document.getElementById(g.slice(1));
         C && (C.scrollIntoView({ behavior: "smooth" }), setTimeout(() => {
           const s = C.getBoundingClientRect(), o = s.top >= 0 && s.bottom <= window.innerHeight;
-          Q(o ? B : M), D(!1);
+          w(o ? B : M), D(!1);
         }, 300));
       },
       ref: t,
@@ -1343,10 +1343,10 @@ function Iw(A) {
     timestamp: 0,
     isProcessing: !1
   };
-  function Q(C) {
-    t.has(C) && (w.schedule(C), A()), C(e);
+  function w(C) {
+    t.has(C) && (Q.schedule(C), A()), C(e);
   }
-  const w = {
+  const Q = {
     /**
      * Schedule a process to run on the next frame.
      */
@@ -1368,10 +1368,10 @@ function Iw(A) {
         D = !0;
         return;
       }
-      M = !0, [g, B] = [B, g], g.forEach(Q), g.clear(), M = !1, D && (D = !1, w.process(C));
+      M = !0, [g, B] = [B, g], g.forEach(w), g.clear(), M = !1, D && (D = !1, Q.process(C));
     }
   };
-  return w;
+  return Q;
 }
 const cg = [
   "read",
@@ -1393,9 +1393,9 @@ function te(A, g) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, t = () => B = !0, e = cg.reduce((l, c) => (l[c] = Iw(t), l), {}), { read: Q, resolveKeyframes: w, update: C, preRender: s, render: o, postRender: I } = e, n = () => {
+  }, t = () => B = !0, e = cg.reduce((l, c) => (l[c] = Iw(t), l), {}), { read: w, resolveKeyframes: Q, update: C, preRender: s, render: o, postRender: I } = e, n = () => {
     const l = performance.now();
-    B = !1, D.delta = M ? 1e3 / 60 : Math.max(Math.min(l - D.timestamp, nw), 1), D.timestamp = l, D.isProcessing = !0, Q.process(D), w.process(D), C.process(D), s.process(D), o.process(D), I.process(D), D.isProcessing = !1, B && g && (M = !1, A(n));
+    B = !1, D.delta = M ? 1e3 / 60 : Math.max(Math.min(l - D.timestamp, nw), 1), D.timestamp = l, D.isProcessing = !0, w.process(D), Q.process(D), C.process(D), s.process(D), o.process(D), I.process(D), D.isProcessing = !1, B && g && (M = !1, A(n));
   }, E = () => {
     B = !0, M = !0, D.isProcessing || A(n);
   };
@@ -1564,10 +1564,10 @@ function mw(A, g, B) {
 const NB = (A) => A.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), yw = "framerAppearId", ie = "data-" + NB(yw), { schedule: xB, cancel: Bo } = te(queueMicrotask, !1), se = SA({});
 function Uw(A, g, B, M, D) {
   var t, e;
-  const { visualElement: Q } = $(Lg), w = $(we), C = $(jB), s = $(De).reducedMotion, o = AA(null);
-  M = M || w.renderer, !o.current && M && (o.current = M(A, {
+  const { visualElement: w } = $(Lg), Q = $(we), C = $(jB), s = $(De).reducedMotion, o = AA(null);
+  M = M || Q.renderer, !o.current && M && (o.current = M(A, {
     visualState: g,
-    parent: Q,
+    parent: w,
     props: B,
     presenceContext: C,
     blockInitialAnimation: C ? C.initial === !1 : !1,
@@ -1590,11 +1590,11 @@ function Uw(A, g, B, M, D) {
   }), I;
 }
 function Zw(A, g, B, M) {
-  const { layoutId: D, layout: t, drag: e, dragConstraints: Q, layoutScroll: w, layoutRoot: C } = g;
+  const { layoutId: D, layout: t, drag: e, dragConstraints: w, layoutScroll: Q, layoutRoot: C } = g;
   A.projection = new B(A.latestValues, g["data-framer-portal-id"] ? void 0 : oe(A.parent)), A.projection.setOptions({
     layoutId: D,
     layout: t,
-    alwaysMeasureLayout: !!e || Q && zA(Q),
+    alwaysMeasureLayout: !!e || w && zA(w),
     visualElement: A,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -1605,7 +1605,7 @@ function Zw(A, g, B, M) {
      */
     animationType: typeof t == "string" ? t : "both",
     initialPromotionConfig: M,
-    layoutScroll: w,
+    layoutScroll: Q,
     layoutRoot: C
   });
 }
@@ -1616,7 +1616,7 @@ function oe(A) {
 function Vw({ preloadedFeatures: A, createVisualElement: g, useRender: B, useVisualState: M, Component: D }) {
   var t, e;
   A && Ew(A);
-  function Q(C, s) {
+  function w(C, s) {
     let o;
     const I = {
       ...$(De),
@@ -1630,9 +1630,9 @@ function Vw({ preloadedFeatures: A, createVisualElement: g, useRender: B, useVis
     }
     return y(Lg.Provider, { value: E, children: [o && E.visualElement ? i(o, { visualElement: E.visualElement, ...I }) : null, B(D, C, mw(r, E.visualElement, s), r, n, E.visualElement)] });
   }
-  Q.displayName = `motion.${typeof D == "string" ? D : `create(${(e = (t = D.displayName) !== null && t !== void 0 ? t : D.name) !== null && e !== void 0 ? e : ""})`}`;
-  const w = N(Q);
-  return w[uw] = D, w;
+  w.displayName = `motion.${typeof D == "string" ? D : `create(${(e = (t = D.displayName) !== null && t !== void 0 ? t : D.name) !== null && e !== void 0 ? e : ""})`}`;
+  const Q = N(w);
+  return Q[uw] = D, Q;
 }
 function fw({ layoutId: A }) {
   const g = $(Be).id;
@@ -1729,7 +1729,7 @@ function Rw({ scrapeMotionValuesFromProps: A, createRenderState: g, onUpdate: B
     latestValues: hw(M, D, t, A),
     renderState: g()
   };
-  return B && (e.onMount = (Q) => B({ props: M, current: Q, ...e }), e.onUpdate = (Q) => B(Q)), e;
+  return B && (e.onMount = (w) => B({ props: M, current: w, ...e }), e.onUpdate = (w) => B(w)), e;
 }
 const Ie = (A) => (g, B) => {
   const M = $(Lg), D = $(jB), t = () => Rw(A, g, M, D);
@@ -1739,12 +1739,12 @@ function hw(A, g, B, M) {
   const D = {}, t = M(A, {});
   for (const I in t)
     D[I] = mg(t[I]);
-  let { initial: e, animate: Q } = A;
-  const w = bg(A), C = Ce(A);
-  g && C && !w && A.inherit !== !1 && (e === void 0 && (e = g.initial), Q === void 0 && (Q = g.animate));
+  let { initial: e, animate: w } = A;
+  const Q = bg(A), C = Ce(A);
+  g && C && !Q && A.inherit !== !1 && (e === void 0 && (e = g.initial), w === void 0 && (w = g.animate));
   let s = B ? B.initial === !1 : !1;
   s = s || e === !1;
-  const o = s ? Q : e;
+  const o = s ? w : e;
   if (o && typeof o != "boolean" && !Fg(o)) {
     const I = Array.isArray(o) ? o : [o];
     for (let n = 0; n < I.length; n++) {
@@ -1884,13 +1884,13 @@ const NA = [
 function jw(A, g, B) {
   let M = "", D = !0;
   for (let t = 0; t < Ow; t++) {
-    const e = NA[t], Q = A[e];
-    if (Q === void 0)
+    const e = NA[t], w = A[e];
+    if (w === void 0)
       continue;
-    let w = !0;
-    if (typeof Q == "number" ? w = Q === (e.startsWith("scale") ? 1 : 0) : w = parseFloat(Q) === 0, !w || B) {
-      const C = re(Q, AM[e]);
-      if (!w) {
+    let Q = !0;
+    if (typeof w == "number" ? Q = w === (e.startsWith("scale") ? 1 : 0) : Q = parseFloat(w) === 0, !Q || B) {
+      const C = re(w, AM[e]);
+      if (!Q) {
         D = !1;
         const s = bw[e] || e;
         M += `${s}(${C}) `;
@@ -1902,23 +1902,23 @@ function jw(A, g, B) {
 }
 function gM(A, g, B) {
   const { style: M, vars: D, transformOrigin: t } = A;
-  let e = !1, Q = !1;
-  for (const w in g) {
-    const C = g[w];
-    if (RA.has(w)) {
+  let e = !1, w = !1;
+  for (const Q in g) {
+    const C = g[Q];
+    if (RA.has(Q)) {
       e = !0;
       continue;
-    } else if (Ee(w)) {
-      D[w] = C;
+    } else if (Ee(Q)) {
+      D[Q] = C;
       continue;
     } else {
-      const s = re(C, AM[w]);
-      w.startsWith("origin") ? (Q = !0, t[w] = s) : M[w] = s;
+      const s = re(C, AM[Q]);
+      Q.startsWith("origin") ? (w = !0, t[Q] = s) : M[Q] = s;
     }
   }
-  if (g.transform || (e || B ? M.transform = jw(g, A.transform, B) : M.transform && (M.transform = "none")), Q) {
-    const { originX: w = "50%", originY: C = "50%", originZ: s = 0 } = t;
-    M.transformOrigin = `${w} ${C} ${s}`;
+  if (g.transform || (e || B ? M.transform = jw(g, A.transform, B) : M.transform && (M.transform = "none")), w) {
+    const { originX: Q = "50%", originY: C = "50%", originZ: s = 0 } = t;
+    M.transformOrigin = `${Q} ${C} ${s}`;
   }
 }
 const Hw = {
@@ -1932,8 +1932,8 @@ function Sw(A, g, B = 1, M = 0, D = !0) {
   A.pathLength = 1;
   const t = D ? Hw : Tw;
   A[t.offset] = f.transform(-M);
-  const e = f.transform(g), Q = f.transform(B);
-  A[t.array] = `${e} ${Q}`;
+  const e = f.transform(g), w = f.transform(B);
+  A[t.array] = `${e} ${w}`;
 }
 function RM(A, g, B) {
   return typeof A == "string" ? A : f.transform(g + B * A);
@@ -1949,8 +1949,8 @@ function BM(A, {
   originX: D,
   originY: t,
   pathLength: e,
-  pathSpacing: Q = 1,
-  pathOffset: w = 0,
+  pathSpacing: w = 1,
+  pathOffset: Q = 0,
   // This is object creation, which we try to avoid per-frame.
   ...C
 }, s, o) {
@@ -1960,7 +1960,7 @@ function BM(A, {
   }
   A.attrs = A.style, A.style = {};
   const { attrs: I, style: n, dimensions: E } = A;
-  I.transform && (E && (n.transform = I.transform), delete I.transform), E && (D !== void 0 || t !== void 0 || n.transform) && (n.transformOrigin = Xw(E, D !== void 0 ? D : 0.5, t !== void 0 ? t : 0.5)), g !== void 0 && (I.x = g), B !== void 0 && (I.y = B), M !== void 0 && (I.scale = M), e !== void 0 && Sw(I, e, Q, w, !1);
+  I.transform && (E && (n.transform = I.transform), delete I.transform), E && (D !== void 0 || t !== void 0 || n.transform) && (n.transformOrigin = Xw(E, D !== void 0 ? D : 0.5, t !== void 0 ? t : 0.5)), g !== void 0 && (I.x = g), B !== void 0 && (I.y = B), M !== void 0 && (I.scale = M), e !== void 0 && Sw(I, e, w, Q, !1);
 }
 const MM = () => ({
   style: {},
@@ -2050,8 +2050,8 @@ const hM = ["x", "y", "width", "height", "cx", "cy", "r"], Ww = {
         return;
       let t = !!A.drag;
       if (!t) {
-        for (const Q in D)
-          if (RA.has(Q)) {
+        for (const w in D)
+          if (RA.has(w)) {
             t = !0;
             break;
           }
@@ -2060,9 +2060,9 @@ const hM = ["x", "y", "width", "height", "cx", "cy", "r"], Ww = {
         return;
       let e = !g;
       if (g)
-        for (let Q = 0; Q < hM.length; Q++) {
-          const w = hM[Q];
-          A[w] !== g[w] && (e = !0);
+        for (let w = 0; w < hM.length; w++) {
+          const Q = hM[w];
+          A[Q] !== g[Q] && (e = !0);
         }
       e && J.read(() => {
         xw(B, M), J.render(() => {
@@ -2111,7 +2111,7 @@ function BQ(A, g, B, M) {
 }
 function MQ(A = !1) {
   return (B, M, D, { latestValues: t }, e) => {
-    const w = (WB(B) ? BQ : gQ)(M, t, e, B), C = Gw(M, typeof B == "string", A), s = B !== TD ? { ...C, ...w, ref: D } : {}, { children: o } = M, I = vg(() => X(o) ? o.get() : o, [o]);
+    const Q = (WB(B) ? BQ : gQ)(M, t, e, B), C = Gw(M, typeof B == "string", A), s = B !== TD ? { ...C, ...Q, ref: D } : {}, { children: o } = M, I = vg(() => X(o) ? o.get() : o, [o]);
     return Pt(B, {
       ...s,
       children: I
@@ -2311,19 +2311,19 @@ function zM(A) {
   return !(A.pointerType === "touch" || de());
 }
 function iQ(A, g, B = {}) {
-  const [M, D, t] = ke(A, B), e = (Q) => {
-    if (!zM(Q))
+  const [M, D, t] = ke(A, B), e = (w) => {
+    if (!zM(w))
       return;
-    const { target: w } = Q, C = g(w, Q);
-    if (typeof C != "function" || !w)
+    const { target: Q } = w, C = g(Q, w);
+    if (typeof C != "function" || !Q)
       return;
     const s = (o) => {
-      zM(o) && (C(o), w.removeEventListener("pointerleave", s));
+      zM(o) && (C(o), Q.removeEventListener("pointerleave", s));
     };
-    w.addEventListener("pointerleave", s, D);
+    Q.addEventListener("pointerleave", s, D);
   };
-  return M.forEach((Q) => {
-    Q.addEventListener("pointerenter", e, D);
+  return M.forEach((w) => {
+    w.addEventListener("pointerenter", e, D);
   }), t;
 }
 const Ke = (A, g) => g ? A === g ? !0 : Ke(A, g.parentElement) : !1, CM = (A) => A.pointerType === "mouse" ? typeof A.button != "number" || A.button <= 0 : A.isPrimary !== !1, sQ = /* @__PURE__ */ new Set([
@@ -2364,22 +2364,22 @@ function PM(A) {
   return CM(A) && !de();
 }
 function nQ(A, g, B = {}) {
-  const [M, D, t] = ke(A, B), e = (Q) => {
-    const w = Q.currentTarget;
-    if (!PM(Q) || Ag.has(w))
+  const [M, D, t] = ke(A, B), e = (w) => {
+    const Q = w.currentTarget;
+    if (!PM(w) || Ag.has(Q))
       return;
-    Ag.add(w);
-    const C = g(w, Q), s = (n, E) => {
-      window.removeEventListener("pointerup", o), window.removeEventListener("pointercancel", I), !(!PM(n) || !Ag.has(w)) && (Ag.delete(w), typeof C == "function" && C(n, { success: E }));
+    Ag.add(Q);
+    const C = g(Q, w), s = (n, E) => {
+      window.removeEventListener("pointerup", o), window.removeEventListener("pointercancel", I), !(!PM(n) || !Ag.has(Q)) && (Ag.delete(Q), typeof C == "function" && C(n, { success: E }));
     }, o = (n) => {
-      s(n, B.useGlobalTarget || Ke(w, n.target));
+      s(n, B.useGlobalTarget || Ke(Q, n.target));
     }, I = (n) => {
       s(n, !1);
     };
     window.addEventListener("pointerup", o, D), window.addEventListener("pointercancel", I, D);
   };
-  return M.forEach((Q) => {
-    !oQ(Q) && Q.getAttribute("tabindex") === null && (Q.tabIndex = 0), (B.useGlobalTarget ? window : Q).addEventListener("pointerdown", e, D), Q.addEventListener("focus", (C) => IQ(C, D), D);
+  return M.forEach((w) => {
+    !oQ(w) && w.getAttribute("tabindex") === null && (w.tabIndex = 0), (B.useGlobalTarget ? window : w).addEventListener("pointerdown", e, D), w.addEventListener("focus", (C) => IQ(C, D), D);
   }), t;
 }
 function EQ(A) {
@@ -2649,8 +2649,8 @@ function IM(A, g) {
   let { transitionEnd: M = {}, transition: D = {}, ...t } = B || {};
   t = { ...t, ...M };
   for (const e in t) {
-    const Q = pw(t[e]);
-    aQ(A, e, Q);
+    const w = pw(t[e]);
+    aQ(A, e, w);
   }
 }
 function cQ(A) {
@@ -2666,10 +2666,10 @@ function he(A) {
 }
 const Je = (A, g, B) => (((1 - 3 * B + 3 * g) * A + (3 * B - 6 * g)) * A + 3 * g) * A, YQ = 1e-7, uQ = 12;
 function mQ(A, g, B, M, D) {
-  let t, e, Q = 0;
+  let t, e, w = 0;
   do
     e = g + (B - g) / 2, t = Je(e, M, D) - A, t > 0 ? B = e : g = e;
-  while (Math.abs(t) > YQ && ++Q < uQ);
+  while (Math.abs(t) > YQ && ++w < uQ);
   return e;
 }
 function Eg(A, g, B, M) {
@@ -2689,12 +2689,12 @@ function UQ(A) {
 const ZQ = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, lM = (A, g) => (B) => !!(typeof B == "string" && ZQ.test(B) && B.startsWith(A) || g && !UQ(B) && Object.prototype.hasOwnProperty.call(B, g)), He = (A, g, B) => (M) => {
   if (typeof M != "string")
     return M;
-  const [D, t, e, Q] = M.match(rM);
+  const [D, t, e, w] = M.match(rM);
   return {
     [A]: parseFloat(D),
     [g]: parseFloat(t),
     [B]: parseFloat(e),
-    alpha: Q !== void 0 ? parseFloat(Q) : 1
+    alpha: w !== void 0 ? parseFloat(w) : 1
   };
 }, VQ = (A) => GA(0, 255, A), Ng = {
   ...xA,
@@ -2738,8 +2738,8 @@ function og(A) {
     var: []
   }, D = [];
   let t = 0;
-  const Q = g.replace(pQ, (w) => (S.test(w) ? (M.color.push(t), D.push(Se), B.push(S.parse(w))) : w.startsWith(KQ) ? (M.var.push(t), D.push(kQ), B.push(w)) : (M.number.push(t), D.push(Te), B.push(parseFloat(w))), ++t, FM)).split(FM);
-  return { values: B, split: Q, indexes: M, types: D };
+  const w = g.replace(pQ, (Q) => (S.test(Q) ? (M.color.push(t), D.push(Se), B.push(S.parse(Q))) : Q.startsWith(KQ) ? (M.var.push(t), D.push(kQ), B.push(Q)) : (M.number.push(t), D.push(Te), B.push(parseFloat(Q))), ++t, FM)).split(FM);
+  return { values: B, split: w, indexes: M, types: D };
 }
 function Xe(A) {
   return og(A).values;
@@ -2750,8 +2750,8 @@ function Ne(A) {
     let t = "";
     for (let e = 0; e < M; e++)
       if (t += g[e], D[e] !== void 0) {
-        const Q = B[e];
-        Q === Te ? t += Mg(D[e]) : Q === Se ? t += S.transform(D[e]) : t += D[e];
+        const w = B[e];
+        w === Te ? t += Mg(D[e]) : w === Se ? t += S.transform(D[e]) : t += D[e];
       }
     return t;
   };
@@ -2860,8 +2860,8 @@ function We() {
       M.render();
       const D = B.get(M);
       D && D.forEach(([t, e]) => {
-        var Q;
-        (Q = M.getValue(t)) === null || Q === void 0 || Q.set(e);
+        var w;
+        (w = M.getValue(t)) === null || w === void 0 || w.set(e);
       });
     }), A.forEach((M) => M.measureEndState()), A.forEach((M) => {
       M.suspendedScrollY !== void 0 && window.scrollTo(0, M.suspendedScrollY);
@@ -2889,14 +2889,14 @@ class aM {
     for (let t = 0; t < g.length; t++)
       if (g[t] === null)
         if (t === 0) {
-          const e = D == null ? void 0 : D.get(), Q = g[g.length - 1];
+          const e = D == null ? void 0 : D.get(), w = g[g.length - 1];
           if (e !== void 0)
             g[0] = e;
           else if (M && B) {
-            const w = M.readValue(B, Q);
-            w != null && (g[0] = w);
+            const Q = M.readValue(B, w);
+            Q != null && (g[0] = Q);
           }
-          g[0] === void 0 && (g[0] = Q), D && e === void 0 && D.set(g[0]);
+          g[0] === void 0 && (g[0] = w), D && e === void 0 && D.set(g[0]);
         } else
           g[t] = g[t - 1];
   }
@@ -2955,21 +2955,21 @@ class Mt extends aM {
     if (!B || !B.current)
       return;
     super.readKeyframes();
-    for (let w = 0; w < g.length; w++) {
-      let C = g[w];
+    for (let Q = 0; Q < g.length; Q++) {
+      let C = g[Q];
       if (typeof C == "string" && (C = C.trim(), _B(C))) {
         const s = At(C, B.current);
-        s !== void 0 && (g[w] = s), w === g.length - 1 && (this.finalKeyframe = C);
+        s !== void 0 && (g[Q] = s), Q === g.length - 1 && (this.finalKeyframe = C);
       }
     }
     if (this.resolveNoneKeyframes(), !pe.has(M) || g.length !== 2)
       return;
-    const [D, t] = g, e = HM(D), Q = HM(t);
-    if (e !== Q)
-      if (bM(e) && bM(Q))
-        for (let w = 0; w < g.length; w++) {
-          const C = g[w];
-          typeof C == "string" && (g[w] = parseFloat(C));
+    const [D, t] = g, e = HM(D), w = HM(t);
+    if (e !== w)
+      if (bM(e) && bM(w))
+        for (let Q = 0; Q < g.length; Q++) {
+          const C = g[Q];
+          typeof C == "string" && (g[Q] = parseFloat(C));
         }
       else
         this.needsMeasurement = !0;
@@ -2995,9 +2995,9 @@ class Mt extends aM {
       return;
     const t = B.getValue(M);
     t && t.jump(this.measuredOrigin, !1);
-    const e = D.length - 1, Q = D[e];
-    D[e] = TA[M](B.measureViewportBox(), window.getComputedStyle(B.current)), Q !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = Q), !((g = this.removedTransforms) === null || g === void 0) && g.length && this.removedTransforms.forEach(([w, C]) => {
-      B.getValue(w).set(C);
+    const e = D.length - 1, w = D[e];
+    D[e] = TA[M](B.measureViewportBox(), window.getComputedStyle(B.current)), w !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = w), !((g = this.removedTransforms) === null || g === void 0) && g.length && this.removedTransforms.forEach(([Q, C]) => {
+      B.getValue(Q).set(C);
     }), this.resolveNoneKeyframes();
   }
 }
@@ -3018,8 +3018,8 @@ function WQ(A, g, B, M) {
     return !1;
   if (g === "display" || g === "visibility")
     return !0;
-  const t = A[A.length - 1], e = TM(D, g), Q = TM(t, g);
-  return XA(e === Q, `You are trying to animate ${g} from "${D}" to "${t}". ${D} is not an animatable value - to enable this animation set ${D} to a value animatable to ${t} via the \`style\` property.`), !e || !Q ? !1 : xQ(A) || (B === "spring" || wM(B)) && M;
+  const t = A[A.length - 1], e = TM(D, g), w = TM(t, g);
+  return XA(e === w, `You are trying to animate ${g} from "${D}" to "${t}". ${D} is not an animatable value - to enable this animation set ${D} to a value animatable to ${t} via the \`style\` property.`), !e || !w ? !1 : xQ(A) || (B === "spring" || wM(B)) && M;
 }
 const $Q = (A) => A !== null;
 function jg(A, { repeat: g, repeatType: B = "loop" }, M) {
@@ -3028,7 +3028,7 @@ function jg(A, { repeat: g, repeatType: B = "loop" }, M) {
 }
 const _Q = 40;
 class Dt {
-  constructor({ autoplay: g = !0, delay: B = 0, type: M = "keyframes", repeat: D = 0, repeatDelay: t = 0, repeatType: e = "loop", ...Q }) {
+  constructor({ autoplay: g = !0, delay: B = 0, type: M = "keyframes", repeat: D = 0, repeatDelay: t = 0, repeatType: e = "loop", ...w }) {
     this.isStopped = !1, this.hasAttemptedResolve = !1, this.createdAt = IA.now(), this.options = {
       autoplay: g,
       delay: B,
@@ -3036,7 +3036,7 @@ class Dt {
       repeat: D,
       repeatDelay: t,
       repeatType: e,
-      ...Q
+      ...w
     }, this.updateFinishedPromise();
   }
   /**
@@ -3067,12 +3067,12 @@ class Dt {
    */
   onKeyframesResolved(g, B) {
     this.resolvedAt = IA.now(), this.hasAttemptedResolve = !0;
-    const { name: M, type: D, velocity: t, delay: e, onComplete: Q, onUpdate: w, isGenerator: C } = this.options;
+    const { name: M, type: D, velocity: t, delay: e, onComplete: w, onUpdate: Q, isGenerator: C } = this.options;
     if (!C && !WQ(g, M, D, t))
       if (e)
         this.options.duration = 0;
       else {
-        w && w(jg(g, this.options, B)), Q && Q(), this.resolveFinishedPromise();
+        Q && Q(jg(g, this.options, B)), w && w(), this.resolveFinishedPromise();
         return;
       }
     const s = this.initPlayback(g, B);
@@ -3111,8 +3111,8 @@ function AC({ hue: A, saturation: g, lightness: B, alpha: M }) {
   if (!g)
     D = t = e = B;
   else {
-    const Q = B < 0.5 ? B * (1 + g) : B + g - B * g, w = 2 * B - Q;
-    D = xg(w, Q, A + 1 / 3), t = xg(w, Q, A), e = xg(w, Q, A - 1 / 3);
+    const w = B < 0.5 ? B * (1 + g) : B + g - B * g, Q = 2 * B - w;
+    D = xg(Q, w, A + 1 / 3), t = xg(Q, w, A), e = xg(Q, w, A - 1 / 3);
   }
   return {
     red: Math.round(D * 255),
@@ -3173,8 +3173,8 @@ function wC(A, g) {
   var B;
   const M = [], D = { color: 0, var: 0, number: 0 };
   for (let t = 0; t < g.values.length; t++) {
-    const e = g.types[t], Q = A.indexes[e][D[e]], w = (B = A.values[Q]) !== null && B !== void 0 ? B : 0;
-    M[t] = w, D[e]++;
+    const e = g.types[t], w = A.indexes[e][D[e]], Q = (B = A.values[w]) !== null && B !== void 0 ? B : 0;
+    M[t] = Q, D[e]++;
   }
   return M;
 }
@@ -3236,15 +3236,15 @@ function iC({ duration: A = z.duration, bounce: g = z.bounce, velocity: B = z.ve
     const s = Math.exp(-C * A), o = (B - C) * (A * A);
     return s * o;
   });
-  const Q = 5 / A, w = oC(D, t, Q);
-  if (A = /* @__PURE__ */ sA(A), isNaN(w))
+  const w = 5 / A, Q = oC(D, t, w);
+  if (A = /* @__PURE__ */ sA(A), isNaN(Q))
     return {
       stiffness: z.stiffness,
       damping: z.damping,
       duration: A
     };
   {
-    const C = Math.pow(w, 2) * M;
+    const C = Math.pow(Q, 2) * M;
     return {
       stiffness: C,
       damping: e * 2 * Math.sqrt(M * C),
@@ -3301,10 +3301,10 @@ function Qt(A = z.visualDuration, g = z.bounce) {
     bounce: g
   } : A;
   let { restSpeed: M, restDelta: D } = B;
-  const t = B.keyframes[0], e = B.keyframes[B.keyframes.length - 1], Q = { done: !1, value: t }, { stiffness: w, damping: C, mass: s, duration: o, velocity: I, isResolvedFromDuration: n } = EC({
+  const t = B.keyframes[0], e = B.keyframes[B.keyframes.length - 1], w = { done: !1, value: t }, { stiffness: Q, damping: C, mass: s, duration: o, velocity: I, isResolvedFromDuration: n } = EC({
     ...B,
     velocity: -/* @__PURE__ */ lA(B.velocity || 0)
-  }), E = I || 0, r = C / (2 * Math.sqrt(w * s)), G = e - t, l = /* @__PURE__ */ lA(Math.sqrt(w / s)), c = Math.abs(G) < 5;
+  }), E = I || 0, r = C / (2 * Math.sqrt(Q * s)), G = e - t, l = /* @__PURE__ */ lA(Math.sqrt(Q / s)), c = Math.abs(G) < 5;
   M || (M = c ? z.restSpeed.granular : z.restSpeed.default), D || (D = c ? z.restDelta.granular : z.restDelta.default);
   let U;
   if (r < 1) {
@@ -3327,14 +3327,14 @@ function Qt(A = z.visualDuration, g = z.bounce) {
     next: (a) => {
       const u = U(a);
       if (n)
-        Q.done = a >= o;
+        w.done = a >= o;
       else {
         let k = 0;
         r < 1 && (k = a === 0 ? /* @__PURE__ */ sA(E) : wt(U, a, u));
         const V = Math.abs(k) <= M, Y = Math.abs(e - u) <= D;
-        Q.done = V && Y;
+        w.done = V && Y;
       }
-      return Q.value = Q.done ? e : u, Q;
+      return w.value = w.done ? e : u, w;
     },
     toString: () => {
       const a = Math.min(Ue(Z), tB), u = Ze((k) => Z.next(a * k).value, a, 30);
@@ -3343,11 +3343,11 @@ function Qt(A = z.visualDuration, g = z.bounce) {
   };
   return Z;
 }
-function WM({ keyframes: A, velocity: g = 0, power: B = 0.8, timeConstant: M = 325, bounceDamping: D = 10, bounceStiffness: t = 500, modifyTarget: e, min: Q, max: w, restDelta: C = 0.5, restSpeed: s }) {
+function WM({ keyframes: A, velocity: g = 0, power: B = 0.8, timeConstant: M = 325, bounceDamping: D = 10, bounceStiffness: t = 500, modifyTarget: e, min: w, max: Q, restDelta: C = 0.5, restSpeed: s }) {
   const o = A[0], I = {
     done: !1,
     value: o
-  }, n = (V) => Q !== void 0 && V < Q || w !== void 0 && V > w, E = (V) => Q === void 0 ? w : w === void 0 || Math.abs(Q - V) < Math.abs(w - V) ? Q : w;
+  }, n = (V) => w !== void 0 && V < w || Q !== void 0 && V > Q, E = (V) => w === void 0 ? Q : Q === void 0 || Math.abs(w - V) < Math.abs(Q - V) ? w : Q;
   let r = B * g;
   const G = o + r, l = e === void 0 ? G : e(G);
   l !== G && (r = l - o);
@@ -3399,12 +3399,12 @@ const rC = /* @__PURE__ */ Eg(0.42, 0, 1, 1), lC = /* @__PURE__ */ Eg(0, 0, 0.58
 function aC(A, g, B) {
   const M = [], D = B || tt, t = A.length - 1;
   for (let e = 0; e < t; e++) {
-    let Q = D(A[e], A[e + 1]);
+    let w = D(A[e], A[e + 1]);
     if (g) {
-      const w = Array.isArray(g) ? g[e] || gA : g;
-      Q = rg(w, Q);
+      const Q = Array.isArray(g) ? g[e] || gA : g;
+      w = rg(Q, w);
     }
-    M.push(Q);
+    M.push(w);
   }
   return M;
 }
@@ -3416,15 +3416,15 @@ function cC(A, g, { clamp: B = !0, ease: M, mixer: D } = {}) {
     return () => g[1];
   const e = A[0] === A[1];
   A[0] > A[t - 1] && (A = [...A].reverse(), g = [...g].reverse());
-  const Q = aC(g, M, D), w = Q.length, C = (s) => {
+  const w = aC(g, M, D), Q = w.length, C = (s) => {
     if (e && s < A[0])
       return g[0];
     let o = 0;
-    if (w > 1)
+    if (Q > 1)
       for (; o < A.length - 2 && !(s < A[o + 1]); o++)
         ;
     const I = /* @__PURE__ */ jA(A[o], A[o + 1], s);
-    return Q[o](I);
+    return w[o](I);
   };
   return B ? (s) => C(GA(A[0], A[t - 1], s)) : C;
 }
@@ -3454,12 +3454,12 @@ function pg({ duration: A = 300, keyframes: g, times: B, ease: M = "easeInOut" }
     // TODO Maybe we should warn here if there's a length mismatch
     B && B.length === g.length ? B : uC(g),
     A
-  ), Q = cC(e, g, {
+  ), w = cC(e, g, {
     ease: Array.isArray(D) ? D : yC(g, D)
   });
   return {
     calculatedDuration: A,
-    next: (w) => (t.value = Q(w), t.done = w >= A, t)
+    next: (Q) => (t.value = w(Q), t.done = Q >= A, t)
   };
 }
 const UC = (A) => {
@@ -3486,21 +3486,21 @@ class YM extends Dt {
       if (this.resolver.cancel(), this.isStopped = !0, this.state === "idle")
         return;
       this.teardown();
-      const { onStop: w } = this.options;
-      w && w();
+      const { onStop: Q } = this.options;
+      Q && Q();
     };
-    const { name: B, motionValue: M, element: D, keyframes: t } = this.options, e = (D == null ? void 0 : D.KeyframeResolver) || aM, Q = (w, C) => this.onKeyframesResolved(w, C);
-    this.resolver = new e(t, Q, B, M, D), this.resolver.scheduleResolve();
+    const { name: B, motionValue: M, element: D, keyframes: t } = this.options, e = (D == null ? void 0 : D.KeyframeResolver) || aM, w = (Q, C) => this.onKeyframesResolved(Q, C);
+    this.resolver = new e(t, w, B, M, D), this.resolver.scheduleResolve();
   }
   flatten() {
     super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
   }
   initPlayback(g) {
-    const { type: B = "keyframes", repeat: M = 0, repeatDelay: D = 0, repeatType: t, velocity: e = 0 } = this.options, Q = wM(B) ? B : ZC[B] || pg;
-    let w, C;
-    Q !== pg && typeof g[0] != "number" && (process.env.NODE_ENV !== "production" && nA(g.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${g}`), w = rg(VC, tt(g[0], g[1])), g = [0, 100]);
-    const s = Q({ ...this.options, keyframes: g });
-    t === "mirror" && (C = Q({
+    const { type: B = "keyframes", repeat: M = 0, repeatDelay: D = 0, repeatType: t, velocity: e = 0 } = this.options, w = wM(B) ? B : ZC[B] || pg;
+    let Q, C;
+    w !== pg && typeof g[0] != "number" && (process.env.NODE_ENV !== "production" && nA(g.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${g}`), Q = rg(VC, tt(g[0], g[1])), g = [0, 100]);
+    const s = w({ ...this.options, keyframes: g });
+    t === "mirror" && (C = w({
       ...this.options,
       keyframes: [...g].reverse(),
       velocity: -e
@@ -3509,7 +3509,7 @@ class YM extends Dt {
     return {
       generator: s,
       mirroredGenerator: C,
-      mapPercentToKeyframes: w,
+      mapPercentToKeyframes: Q,
       calculatedDuration: o,
       resolvedDuration: I,
       totalDuration: n
@@ -3525,7 +3525,7 @@ class YM extends Dt {
       const { keyframes: V } = this.options;
       return { done: !0, value: V[V.length - 1] };
     }
-    const { finalKeyframe: D, generator: t, mirroredGenerator: e, mapPercentToKeyframes: Q, keyframes: w, calculatedDuration: C, totalDuration: s, resolvedDuration: o } = M;
+    const { finalKeyframe: D, generator: t, mirroredGenerator: e, mapPercentToKeyframes: w, keyframes: Q, calculatedDuration: C, totalDuration: s, resolvedDuration: o } = M;
     if (this.startTime === null)
       return t.next(0);
     const { delay: I, repeat: n, repeatType: E, repeatDelay: r, onUpdate: G } = this.options;
@@ -3538,12 +3538,12 @@ class YM extends Dt {
       let Y = Math.floor(V), d = V % 1;
       !d && V >= 1 && (d = 1), d === 1 && Y--, Y = Math.min(Y, n + 1), !!(Y % 2) && (E === "reverse" ? (d = 1 - d, r && (d -= r / o)) : E === "mirror" && (Z = e)), U = GA(0, 1, d) * o;
     }
-    const a = c ? { done: !1, value: w[0] } : Z.next(U);
-    Q && (a.value = Q(a.value));
+    const a = c ? { done: !1, value: Q[0] } : Z.next(U);
+    w && (a.value = w(a.value));
     let { done: u } = a;
     !c && C !== null && (u = this.speed >= 0 ? this.currentTime >= s : this.currentTime <= 0);
     const k = this.holdTime === null && (this.state === "finished" || this.state === "running" && u);
-    return k && D !== void 0 && (a.value = jg(w, this.options, D)), G && G(a.value), k && this.finish(), a;
+    return k && D !== void 0 && (a.value = jg(Q, this.options, D)), G && G(a.value), k && this.finish(), a;
   }
   get duration() {
     const { resolved: g } = this;
@@ -3612,10 +3612,10 @@ const fC = /* @__PURE__ */ new Set([
   // or until we implement support for linear() easing.
   // "background-color"
 ]);
-function dC(A, g, B, { delay: M = 0, duration: D = 300, repeat: t = 0, repeatType: e = "loop", ease: Q = "easeInOut", times: w } = {}) {
+function dC(A, g, B, { delay: M = 0, duration: D = 300, repeat: t = 0, repeatType: e = "loop", ease: w = "easeInOut", times: Q } = {}) {
   const C = { [g]: B };
-  w && (C.offset = w);
-  const s = fe(Q, D);
+  Q && (C.offset = Q);
+  const s = fe(w, D);
   return Array.isArray(s) && (C.easing = s), A.animate(C, {
     delay: M,
     duration: D,
@@ -3661,20 +3661,20 @@ class AD extends Dt {
   constructor(g) {
     super(g);
     const { name: B, motionValue: M, element: D, keyframes: t } = this.options;
-    this.resolver = new Mt(t, (e, Q) => this.onKeyframesResolved(e, Q), B, M, D), this.resolver.scheduleResolve();
+    this.resolver = new Mt(t, (e, w) => this.onKeyframesResolved(e, w), B, M, D), this.resolver.scheduleResolve();
   }
   initPlayback(g, B) {
-    let { duration: M = 300, times: D, ease: t, type: e, motionValue: Q, name: w, startTime: C } = this.options;
-    if (!Q.owner || !Q.owner.current)
+    let { duration: M = 300, times: D, ease: t, type: e, motionValue: w, name: Q, startTime: C } = this.options;
+    if (!w.owner || !w.owner.current)
       return !1;
     if (typeof t == "string" && kg() && RC(t) && (t = it[t]), KC(this.options)) {
       const { onComplete: o, onUpdate: I, motionValue: n, element: E, ...r } = this.options, G = pC(g, r);
       g = G.keyframes, g.length === 1 && (g[1] = g[0]), M = G.duration, D = G.times, t = G.ease, e = "keyframes";
     }
-    const s = dC(Q.owner.current, w, g, { ...this.options, duration: M, times: D, ease: t });
+    const s = dC(w.owner.current, Q, g, { ...this.options, duration: M, times: D, ease: t });
     return s.startTime = C ?? this.calcStartTime(), this.pendingTimeline ? (JM(s, this.pendingTimeline), this.pendingTimeline = void 0) : s.onfinish = () => {
       const { onComplete: o } = this.options;
-      Q.set(jg(g, this.options, B)), o && o(), this.cancel(), this.resolveFinishedPromise();
+      w.set(jg(g, this.options, B)), o && o(), this.cancel(), this.resolveFinishedPromise();
     }, {
       animation: s,
       duration: M,
@@ -3772,7 +3772,7 @@ class AD extends Dt {
     const { resolved: g } = this;
     if (!g)
       return;
-    const { animation: B, keyframes: M, duration: D, type: t, ease: e, times: Q } = g;
+    const { animation: B, keyframes: M, duration: D, type: t, ease: e, times: w } = g;
     if (B.playState === "idle" || B.playState === "finished")
       return;
     if (this.time) {
@@ -3782,13 +3782,13 @@ class AD extends Dt {
         duration: D,
         type: t,
         ease: e,
-        times: Q,
+        times: w,
         isGenerator: !0
       }), r = /* @__PURE__ */ sA(this.time);
       C.setWithVelocity(E.sample(r - Rg).value, E.sample(r).value, Rg);
     }
-    const { onStop: w } = this.options;
-    w && w(), this.cancel();
+    const { onStop: Q } = this.options;
+    Q && Q(), this.cancel();
   }
   complete() {
     const { resolved: g } = this;
@@ -3799,15 +3799,15 @@ class AD extends Dt {
     g && g.animation.cancel();
   }
   static supports(g) {
-    const { motionValue: B, name: M, repeatDelay: D, repeatType: t, damping: e, type: Q } = g;
+    const { motionValue: B, name: M, repeatDelay: D, repeatType: t, damping: e, type: w } = g;
     if (!B || !B.owner || !(B.owner.current instanceof HTMLElement))
       return !1;
-    const { onUpdate: w, transformTemplate: C } = B.owner.getProps();
+    const { onUpdate: Q, transformTemplate: C } = B.owner.getProps();
     return qC() && M && fC.has(M) && /**
      * If we're outputting values to onUpdate then we can't use WAAPI as there's
      * no way to read the value from WAAPI every frame.
      */
-    !w && !C && !D && t !== "mirror" && e !== 0 && Q !== "inertia";
+    !Q && !C && !D && t !== "mirror" && e !== 0 && w !== "inertia";
   }
 }
 const hC = {
@@ -3828,36 +3828,36 @@ const hC = {
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
 }, PC = (A, { keyframes: g }) => g.length > 2 ? zC : RA.has(A) ? A.startsWith("scale") ? JC(g[1]) : hC : vC;
-function LC({ when: A, delay: g, delayChildren: B, staggerChildren: M, staggerDirection: D, repeat: t, repeatType: e, repeatDelay: Q, from: w, elapsed: C, ...s }) {
+function LC({ when: A, delay: g, delayChildren: B, staggerChildren: M, staggerDirection: D, repeat: t, repeatType: e, repeatDelay: w, from: Q, elapsed: C, ...s }) {
   return !!Object.keys(s).length;
 }
 const uM = (A, g, B, M = {}, D, t) => (e) => {
-  const Q = tM(M, A) || {}, w = Q.delay || M.delay || 0;
+  const w = tM(M, A) || {}, Q = w.delay || M.delay || 0;
   let { elapsed: C = 0 } = M;
-  C = C - /* @__PURE__ */ sA(w);
+  C = C - /* @__PURE__ */ sA(Q);
   let s = {
     keyframes: Array.isArray(B) ? B : [null, B],
     ease: "easeOut",
     velocity: g.getVelocity(),
-    ...Q,
+    ...w,
     delay: -C,
     onUpdate: (I) => {
-      g.set(I), Q.onUpdate && Q.onUpdate(I);
+      g.set(I), w.onUpdate && w.onUpdate(I);
     },
     onComplete: () => {
-      e(), Q.onComplete && Q.onComplete();
+      e(), w.onComplete && w.onComplete();
     },
     name: A,
     motionValue: g,
     element: t ? void 0 : D
   };
-  LC(Q) || (s = {
+  LC(w) || (s = {
     ...s,
     ...PC(A, s)
   }), s.duration && (s.duration = /* @__PURE__ */ sA(s.duration)), s.repeatDelay && (s.repeatDelay = /* @__PURE__ */ sA(s.repeatDelay)), s.from !== void 0 && (s.keyframes[0] = s.from);
   let o = !1;
   if ((s.type === !1 || s.duration === 0 && !s.repeatDelay) && (s.duration = 0, s.delay === 0 && (o = !0)), o && !t && g.get() !== void 0) {
-    const I = jg(s.keyframes, Q);
+    const I = jg(s.keyframes, w);
     if (I !== void 0)
       return J.update(() => {
         s.onUpdate(I), s.onComplete();
@@ -3871,11 +3871,11 @@ function FC({ protectedKeys: A, needsAnimating: g }, B) {
 }
 function st(A, g, { delay: B = 0, transitionOverride: M, type: D } = {}) {
   var t;
-  let { transition: e = A.getDefaultTransition(), transitionEnd: Q, ...w } = g;
+  let { transition: e = A.getDefaultTransition(), transitionEnd: w, ...Q } = g;
   M && (e = M);
   const C = [], s = D && A.animationState && A.animationState.getState()[D];
-  for (const o in w) {
-    const I = A.getValue(o, (t = A.latestValues[o]) !== null && t !== void 0 ? t : null), n = w[o];
+  for (const o in Q) {
+    const I = A.getValue(o, (t = A.latestValues[o]) !== null && t !== void 0 ? t : null), n = Q[o];
     if (n === void 0 || s && FC(s, o))
       continue;
     const E = {
@@ -3894,9 +3894,9 @@ function st(A, g, { delay: B = 0, transitionOverride: M, type: D } = {}) {
     const G = I.animation;
     G && C.push(G);
   }
-  return Q && Promise.all(C).then(() => {
+  return w && Promise.all(C).then(() => {
     J.update(() => {
-      Q && IM(A, Q);
+      w && IM(A, w);
     });
   }), C;
 }
@@ -3905,22 +3905,22 @@ function EB(A, g, B = {}) {
   const D = Og(A, g, B.type === "exit" ? (M = A.presenceContext) === null || M === void 0 ? void 0 : M.custom : void 0);
   let { transition: t = A.getDefaultTransition() || {} } = D || {};
   B.transitionOverride && (t = B.transitionOverride);
-  const e = D ? () => Promise.all(st(A, D, B)) : () => Promise.resolve(), Q = A.variantChildren && A.variantChildren.size ? (C = 0) => {
+  const e = D ? () => Promise.all(st(A, D, B)) : () => Promise.resolve(), w = A.variantChildren && A.variantChildren.size ? (C = 0) => {
     const { delayChildren: s = 0, staggerChildren: o, staggerDirection: I } = t;
     return bC(A, g, s + C, o, I, B);
-  } : () => Promise.resolve(), { when: w } = t;
-  if (w) {
-    const [C, s] = w === "beforeChildren" ? [e, Q] : [Q, e];
+  } : () => Promise.resolve(), { when: Q } = t;
+  if (Q) {
+    const [C, s] = Q === "beforeChildren" ? [e, w] : [w, e];
     return C().then(() => s());
   } else
-    return Promise.all([e(), Q(B.delay)]);
+    return Promise.all([e(), w(B.delay)]);
 }
 function bC(A, g, B = 0, M = 0, D = 1, t) {
-  const e = [], Q = (A.variantChildren.size - 1) * M, w = D === 1 ? (C = 0) => C * M : (C = 0) => Q - C * M;
+  const e = [], w = (A.variantChildren.size - 1) * M, Q = D === 1 ? (C = 0) => C * M : (C = 0) => w - C * M;
   return Array.from(A.variantChildren).sort(OC).forEach((C, s) => {
     C.notify("AnimationStart", g), e.push(EB(C, g, {
       ...t,
-      delay: B + w(s)
+      delay: B + Q(s)
     }).then(() => C.notify("AnimationComplete", g)));
   }), Promise.all(e);
 }
@@ -3964,23 +3964,23 @@ function SC(A) {
 }
 function XC(A) {
   let g = SC(A), B = gD(), M = !0;
-  const D = (w) => (C, s) => {
+  const D = (Q) => (C, s) => {
     var o;
-    const I = Og(A, s, w === "exit" ? (o = A.presenceContext) === null || o === void 0 ? void 0 : o.custom : void 0);
+    const I = Og(A, s, Q === "exit" ? (o = A.presenceContext) === null || o === void 0 ? void 0 : o.custom : void 0);
     if (I) {
       const { transition: n, transitionEnd: E, ...r } = I;
       C = { ...C, ...r, ...E };
     }
     return C;
   };
-  function t(w) {
-    g = w(A);
+  function t(Q) {
+    g = Q(A);
   }
-  function e(w) {
+  function e(Q) {
     const { props: C } = A, s = It(A.parent) || {}, o = [], I = /* @__PURE__ */ new Set();
     let n = {}, E = 1 / 0;
     for (let G = 0; G < TC; G++) {
-      const l = HC[G], c = B[l], U = C[l] !== void 0 ? C[l] : s[l], Z = Cg(U), a = l === w ? c.isActive : null;
+      const l = HC[G], c = B[l], U = C[l] !== void 0 ? C[l] : s[l], Z = Cg(U), a = l === Q ? c.isActive : null;
       a === !1 && (E = G);
       let u = U === s[l] && U !== C[l] && Z;
       if (u && M && A.manuallyAnimateOnMount && (u = !1), c.protectedKeys = { ...n }, // If it isn't active and hasn't *just* been set as inactive
@@ -3990,7 +3990,7 @@ function XC(A) {
         continue;
       const k = NC(c.prevProp, U);
       let V = k || // If we're making this variant active, we want to always make it active
-      l === w && c.isActive && !u && Z || // If we removed a higher-priority variant (i is in reverse order)
+      l === Q && c.isActive && !u && Z || // If we removed a higher-priority variant (i is in reverse order)
       G > E && Z, Y = !1;
       const d = Array.isArray(U) ? U : [U];
       let b = d.reduce(D(l), {});
@@ -4025,22 +4025,22 @@ function XC(A) {
     let r = !!o.length;
     return M && (C.initial === !1 || C.initial === C.animate) && !A.manuallyAnimateOnMount && (r = !1), M = !1, r ? g(o) : Promise.resolve();
   }
-  function Q(w, C) {
+  function w(Q, C) {
     var s;
-    if (B[w].isActive === C)
+    if (B[Q].isActive === C)
       return Promise.resolve();
     (s = A.variantChildren) === null || s === void 0 || s.forEach((I) => {
       var n;
-      return (n = I.animationState) === null || n === void 0 ? void 0 : n.setActive(w, C);
-    }), B[w].isActive = C;
-    const o = e(w);
+      return (n = I.animationState) === null || n === void 0 ? void 0 : n.setActive(Q, C);
+    }), B[Q].isActive = C;
+    const o = e(Q);
     for (const I in B)
       B[I].protectedKeys = {};
     return o;
   }
   return {
     animateChanges: e,
-    setActive: Q,
+    setActive: w,
     setAnimateFunction: t,
     getState: () => B,
     reset: () => {
@@ -4178,10 +4178,10 @@ class nt {
     }, !CM(g))
       return;
     this.dragSnapToOrigin = t, this.handlers = B, this.transformPagePoint = M, this.contextWindow = D || window;
-    const e = lg(g), Q = $g(e, this.transformPagePoint), { point: w } = Q, { timestamp: C } = j;
-    this.history = [{ ...w, timestamp: C }];
+    const e = lg(g), w = $g(e, this.transformPagePoint), { point: Q } = w, { timestamp: C } = j;
+    this.history = [{ ...Q, timestamp: C }];
     const { onSessionStart: s } = B;
-    s && s(g, _g(Q, this.history)), this.removeListeners = rg(Dg(this.contextWindow, "pointermove", this.handlePointerMove), Dg(this.contextWindow, "pointerup", this.handlePointerUp), Dg(this.contextWindow, "pointercancel", this.handlePointerUp));
+    s && s(g, _g(w, this.history)), this.removeListeners = rg(Dg(this.contextWindow, "pointermove", this.handlePointerMove), Dg(this.contextWindow, "pointerup", this.handlePointerUp), Dg(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(g) {
     this.handlers = g;
@@ -4373,10 +4373,10 @@ function Gi(A, g, B, M = !1) {
     return;
   g.x = g.y = 1;
   let t, e;
-  for (let Q = 0; Q < D; Q++) {
-    t = B[Q], e = t.projectionDelta;
-    const { visualElement: w } = t.options;
-    w && w.props.style && w.props.style.display === "contents" || (M && t.options.layoutScroll && t.scroll && t !== t.root && FA(A, {
+  for (let w = 0; w < D; w++) {
+    t = B[w], e = t.projectionDelta;
+    const { visualElement: Q } = t.options;
+    Q && Q.props.style && Q.props.style.display === "contents" || (M && t.options.layoutScroll && t.scroll && t !== t.root && FA(A, {
       x: -t.scroll.offset.x,
       y: -t.scroll.offset.y
     }), e && (g.x *= e.x.scale, g.y *= e.y.scale, ct(A, e)), M && dA(t.latestValues) && FA(A, t.latestValues));
@@ -4439,7 +4439,7 @@ class Yi {
         return;
       }
       this.updateAxis("x", o.point, G), this.updateAxis("y", o.point, G), this.visualElement.render(), r && r(s, o);
-    }, Q = (s, o) => this.stop(s, o), w = () => DA((s) => {
+    }, w = (s, o) => this.stop(s, o), Q = () => DA((s) => {
       var o;
       return this.getAnimationState(s) === "paused" && ((o = this.getAxisMotionValue(s).animation) === null || o === void 0 ? void 0 : o.play());
     }), { dragSnapToOrigin: C } = this.getProps();
@@ -4447,8 +4447,8 @@ class Yi {
       onSessionStart: D,
       onStart: t,
       onMove: e,
-      onSessionEnd: Q,
-      resumeAnimation: w
+      onSessionEnd: w,
+      resumeAnimation: Q
     }, {
       transformPagePoint: this.visualElement.getTransformPagePoint(),
       dragSnapToOrigin: C,
@@ -4498,16 +4498,16 @@ class Yi {
     const t = ai(M, D.root, this.visualElement.getTransformPagePoint());
     let e = oi(D.layout.layoutBox, t);
     if (B) {
-      const Q = B(ri(e));
-      this.hasMutatedConstraints = !!Q, Q && (e = Gt(Q));
+      const w = B(ri(e));
+      this.hasMutatedConstraints = !!w, w && (e = Gt(w));
     }
     return e;
   }
   startAnimation(g) {
-    const { drag: B, dragMomentum: M, dragElastic: D, dragTransition: t, dragSnapToOrigin: e, onDragTransitionEnd: Q } = this.getProps(), w = this.constraints || {}, C = DA((s) => {
+    const { drag: B, dragMomentum: M, dragElastic: D, dragTransition: t, dragSnapToOrigin: e, onDragTransitionEnd: w } = this.getProps(), Q = this.constraints || {}, C = DA((s) => {
       if (!ug(s, B, this.currentDirection))
         return;
-      let o = w[s] || {};
+      let o = Q[s] || {};
       e && (o = { min: 0, max: 0 });
       const I = D ? 200 : 1e6, n = D ? 40 : 1e7, E = {
         type: "inertia",
@@ -4522,7 +4522,7 @@ class Yi {
       };
       return this.startAxisValueAnimation(s, E);
     });
-    return Promise.all(C).then(Q);
+    return Promise.all(C).then(w);
   }
   startAxisValueAnimation(g, B) {
     const M = this.getAxisMotionValue(g);
@@ -4558,8 +4558,8 @@ class Yi {
         return;
       const { projection: D } = this.visualElement, t = this.getAxisMotionValue(B);
       if (D && D.layout) {
-        const { min: e, max: Q } = D.layout.layoutBox[B];
-        t.set(g[B] - v(e, Q, 0.5));
+        const { min: e, max: w } = D.layout.layoutBox[B];
+        t.set(g[B] - v(e, w, 0.5));
       }
     });
   }
@@ -4577,44 +4577,44 @@ class Yi {
     this.stopAnimation();
     const D = { x: 0, y: 0 };
     DA((e) => {
-      const Q = this.getAxisMotionValue(e);
-      if (Q && this.constraints !== !1) {
-        const w = Q.get();
-        D[e] = Ii({ min: w, max: w }, this.constraints[e]);
+      const w = this.getAxisMotionValue(e);
+      if (w && this.constraints !== !1) {
+        const Q = w.get();
+        D[e] = Ii({ min: Q, max: Q }, this.constraints[e]);
       }
     });
     const { transformTemplate: t } = this.visualElement.getProps();
     this.visualElement.current.style.transform = t ? t({}, "") : "none", M.root && M.root.updateScroll(), M.updateLayout(), this.resolveConstraints(), DA((e) => {
       if (!ug(e, g, null))
         return;
-      const Q = this.getAxisMotionValue(e), { min: w, max: C } = this.constraints[e];
-      Q.set(v(w, C, D[e]));
+      const w = this.getAxisMotionValue(e), { min: Q, max: C } = this.constraints[e];
+      w.set(v(Q, C, D[e]));
     });
   }
   addListeners() {
     if (!this.visualElement.current)
       return;
     ci.set(this.visualElement, this);
-    const g = this.visualElement.current, B = Dg(g, "pointerdown", (w) => {
+    const g = this.visualElement.current, B = Dg(g, "pointerdown", (Q) => {
       const { drag: C, dragListener: s = !0 } = this.getProps();
-      C && s && this.start(w);
+      C && s && this.start(Q);
     }), M = () => {
-      const { dragConstraints: w } = this.getProps();
-      zA(w) && w.current && (this.constraints = this.resolveRefConstraints());
+      const { dragConstraints: Q } = this.getProps();
+      zA(Q) && Q.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: D } = this.visualElement, t = D.addEventListener("measure", M);
     D && !D.layout && (D.root && D.root.updateScroll(), D.updateLayout()), J.read(M);
-    const e = Ig(window, "resize", () => this.scalePositionWithinConstraints()), Q = D.addEventListener("didUpdate", ({ delta: w, hasLayoutChanged: C }) => {
+    const e = Ig(window, "resize", () => this.scalePositionWithinConstraints()), w = D.addEventListener("didUpdate", ({ delta: Q, hasLayoutChanged: C }) => {
       this.isDragging && C && (DA((s) => {
         const o = this.getAxisMotionValue(s);
-        o && (this.originPoint[s] += w[s].translate, o.set(o.get() + w[s].translate));
+        o && (this.originPoint[s] += Q[s].translate, o.set(o.get() + Q[s].translate));
       }), this.visualElement.render());
     });
     return () => {
-      e(), B(), t(), Q && Q();
+      e(), B(), t(), w && w();
     };
   }
   getProps() {
-    const g = this.visualElement.getProps(), { drag: B = !1, dragDirectionLock: M = !1, dragPropagation: D = !1, dragConstraints: t = !1, dragElastic: e = rB, dragMomentum: Q = !0 } = g;
+    const g = this.visualElement.getProps(), { drag: B = !1, dragDirectionLock: M = !1, dragPropagation: D = !1, dragConstraints: t = !1, dragElastic: e = rB, dragMomentum: w = !0 } = g;
     return {
       ...g,
       drag: B,
@@ -4622,7 +4622,7 @@ class Yi {
       dragPropagation: D,
       dragConstraints: t,
       dragElastic: e,
-      dragMomentum: Q
+      dragMomentum: w
     };
   }
 }
@@ -4711,9 +4711,9 @@ const $A = {
     const M = A, D = uA.parse(A);
     if (D.length > 5)
       return M;
-    const t = uA.createTransformer(A), e = typeof D[0] != "number" ? 1 : 0, Q = B.x.scale * g.x, w = B.y.scale * g.y;
-    D[0 + e] /= Q, D[1 + e] /= w;
-    const C = v(Q, w, 0.5);
+    const t = uA.createTransformer(A), e = typeof D[0] != "number" ? 1 : 0, w = B.x.scale * g.x, Q = B.y.scale * g.y;
+    D[0 + e] /= w, D[1 + e] /= Q;
+    const C = v(w, Q, 0.5);
     return typeof D[2 + e] == "number" && (D[2 + e] /= C), typeof D[3 + e] == "number" && (D[3 + e] /= C), t(D);
   }
 };
@@ -4735,8 +4735,8 @@ class Zi extends Lt {
   getSnapshotBeforeUpdate(g) {
     const { layoutDependency: B, visualElement: M, drag: D, isPresent: t } = this.props, e = M.projection;
     return e && (e.isPresent = t, D || g.layoutDependency !== B || B === void 0 ? e.willUpdate() : this.safeToRemove(), g.isPresent !== t && (t ? e.promote() : e.relegate() || J.postRender(() => {
-      const Q = e.getStack();
-      (!Q || !Q.members.length) && this.safeToRemove();
+      const w = e.getStack();
+      (!w || !w.members.length) && this.safeToRemove();
     }))), null;
   }
   componentDidUpdate() {
@@ -4815,11 +4815,11 @@ function Ri(A, g, B, M, D, t) {
     hi(M)
   ), A.opacityExit = v(g.opacity !== void 0 ? g.opacity : 1, 0, Ji(M))) : t && (A.opacity = v(g.opacity !== void 0 ? g.opacity : 1, B.opacity !== void 0 ? B.opacity : 1, M));
   for (let e = 0; e < pi; e++) {
-    const Q = `border${yt[e]}Radius`;
-    let w = uD(g, Q), C = uD(B, Q);
-    if (w === void 0 && C === void 0)
+    const w = `border${yt[e]}Radius`;
+    let Q = uD(g, w), C = uD(B, w);
+    if (Q === void 0 && C === void 0)
       continue;
-    w || (w = 0), C || (C = 0), w === 0 || C === 0 || YD(w) === YD(C) ? (A[Q] = Math.max(v(cD(w), cD(C), M), 0), (oA.test(C) || oA.test(w)) && (A[Q] += "%")) : A[Q] = C;
+    Q || (Q = 0), C || (C = 0), Q === 0 || C === 0 || YD(Q) === YD(C) ? (A[w] = Math.max(v(cD(Q), cD(C), M), 0), (oA.test(C) || oA.test(Q)) && (A[w] += "%")) : A[w] = C;
   }
   (g.rotate || B.rotate) && (A.rotate = v(g.rotate || 0, B.rotate || 0, M));
 }
@@ -4845,8 +4845,8 @@ function UD(A, g, B, M, D) {
 function zi(A, g = 0, B = 1, M = 0.5, D, t = A, e = A) {
   if (oA.test(g) && (g = parseFloat(g), g = v(e.min, e.max, g / 100) - e.min), typeof g != "number")
     return;
-  let Q = v(t.min, t.max, M);
-  A === t && (Q -= g), A.min = UD(A.min, g, B, Q, D), A.max = UD(A.max, g, B, Q, D);
+  let w = v(t.min, t.max, M);
+  A === t && (w -= g), A.min = UD(A.min, g, B, w, D), A.max = UD(A.max, g, B, w, D);
 }
 function ZD(A, g, [B, M, D], t, e) {
   zi(A, g[B], g[M], g[D], g.scale, t, e);
@@ -4940,8 +4940,8 @@ function bi(A, g, B) {
     const { transformPerspective: C, rotate: s, rotateX: o, rotateY: I, skewX: n, skewY: E } = B;
     C && (M = `perspective(${C}px) ${M}`), s && (M += `rotate(${s}deg) `), o && (M += `rotateX(${o}deg) `), I && (M += `rotateY(${I}deg) `), n && (M += `skewX(${n}deg) `), E && (M += `skewY(${E}deg) `);
   }
-  const Q = A.x.scale * g.x, w = A.y.scale * g.y;
-  return (Q !== 1 || w !== 1) && (M += `scale(${Q}, ${w})`), M || "none";
+  const w = A.x.scale * g.x, Q = A.y.scale * g.y;
+  return (w !== 1 || Q !== 1) && (M += `scale(${w}, ${Q})`), M || "none";
 }
 const qA = {
   type: "projectionFrame",
@@ -4970,22 +4970,22 @@ function ft(A) {
 }
 function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, checkIsScrollRoot: M, resetTransform: D }) {
   return class {
-    constructor(e = {}, Q = g == null ? void 0 : g()) {
+    constructor(e = {}, w = g == null ? void 0 : g()) {
       this.id = ji++, this.animationId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
         this.projectionUpdateScheduled = !1, gg && (qA.totalNodes = qA.resolvedTargetDeltas = qA.recalculatedProjection = 0), this.nodes.forEach(Si), this.nodes.forEach($i), this.nodes.forEach(_i), this.nodes.forEach(Xi), gg && window.MotionDebug.record(qA);
-      }, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = e, this.root = Q ? Q.root || Q : this, this.path = Q ? [...Q.path, Q] : [], this.parent = Q, this.depth = Q ? Q.depth + 1 : 0;
-      for (let w = 0; w < this.path.length; w++)
-        this.path[w].shouldResetTransform = !0;
+      }, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = e, this.root = w ? w.root || w : this, this.path = w ? [...w.path, w] : [], this.parent = w, this.depth = w ? w.depth + 1 : 0;
+      for (let Q = 0; Q < this.path.length; Q++)
+        this.path[Q].shouldResetTransform = !0;
       this.root === this && (this.nodes = new ki());
     }
-    addEventListener(e, Q) {
-      return this.eventHandlers.has(e) || this.eventHandlers.set(e, new oM()), this.eventHandlers.get(e).add(Q);
+    addEventListener(e, w) {
+      return this.eventHandlers.has(e) || this.eventHandlers.set(e, new oM()), this.eventHandlers.get(e).add(w);
     }
-    notifyListeners(e, ...Q) {
-      const w = this.eventHandlers.get(e);
-      w && w.notify(...Q);
+    notifyListeners(e, ...w) {
+      const Q = this.eventHandlers.get(e);
+      Q && Q.notify(...w);
     }
     hasListeners(e) {
       return this.eventHandlers.has(e);
@@ -4993,19 +4993,19 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
     /**
      * Lifecycles
      */
-    mount(e, Q = this.root.hasTreeAnimated) {
+    mount(e, w = this.root.hasTreeAnimated) {
       if (this.instance)
         return;
       this.isSVG = di(e), this.instance = e;
-      const { layoutId: w, layout: C, visualElement: s } = this.options;
-      if (s && !s.current && s.mount(e), this.root.nodes.add(this), this.parent && this.parent.children.add(this), Q && (C || w) && (this.isLayoutDirty = !0), A) {
+      const { layoutId: Q, layout: C, visualElement: s } = this.options;
+      if (s && !s.current && s.mount(e), this.root.nodes.add(this), this.parent && this.parent.children.add(this), w && (C || Q) && (this.isLayoutDirty = !0), A) {
         let o;
         const I = () => this.root.updateBlockedByResize = !1;
         A(e, () => {
           this.root.updateBlockedByResize = !0, o && o(), o = Ki(I, 250), Ug.hasAnimatedSinceResize && (Ug.hasAnimatedSinceResize = !1, this.nodes.forEach(hD));
         });
       }
-      w && this.root.registerSharedNode(w, this), this.options.animate !== !1 && s && (w || C) && this.addEventListener("didUpdate", ({ delta: o, hasLayoutChanged: I, hasRelativeLayoutChanged: n, layout: E }) => {
+      Q && this.root.registerSharedNode(Q, this), this.options.animate !== !1 && s && (Q || C) && this.addEventListener("didUpdate", ({ delta: o, hasLayoutChanged: I, hasRelativeLayoutChanged: n, layout: E }) => {
         if (this.isTreeAnimationBlocked()) {
           this.target = void 0, this.relativeTarget = void 0;
           return;
@@ -5062,8 +5062,8 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
         const o = this.path[s];
         o.shouldResetTransform = !0, o.updateScroll("snapshot"), o.options.layoutRoot && o.willUpdate(!1);
       }
-      const { layoutId: Q, layout: w } = this.options;
-      if (Q === void 0 && !w)
+      const { layoutId: w, layout: Q } = this.options;
+      if (w === void 0 && !Q)
         return;
       const C = this.getTransformTemplate();
       this.prevTransformTemplateValue = C ? C(this.latestValues, "") : void 0, this.updateSnapshot(), e && this.notifyListeners("willUpdate");
@@ -5074,8 +5074,8 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
         return;
       }
       this.isUpdating || this.nodes.forEach(xi), this.isUpdating = !1, this.nodes.forEach(Wi), this.nodes.forEach(Hi), this.nodes.forEach(Ti), this.clearAllSnapshots();
-      const Q = IA.now();
-      j.delta = GA(0, 1e3 / 60, Q - j.timestamp), j.timestamp = Q, j.isProcessing = !0, Sg.update.process(j), Sg.preRender.process(j), Sg.render.process(j), j.isProcessing = !1;
+      const w = IA.now();
+      j.delta = GA(0, 1e3 / 60, w - j.timestamp), j.timestamp = w, j.isProcessing = !0, Sg.update.process(j), Sg.preRender.process(j), Sg.render.process(j), j.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, xB.read(this.scheduleUpdate));
@@ -5101,90 +5101,90 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
         return;
       if (this.resumeFrom && !this.resumeFrom.instance)
-        for (let w = 0; w < this.path.length; w++)
-          this.path[w].updateScroll();
+        for (let Q = 0; Q < this.path.length; Q++)
+          this.path[Q].updateScroll();
       const e = this.layout;
       this.layout = this.measure(!1), this.layoutCorrected = L(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
-      const { visualElement: Q } = this.options;
-      Q && Q.notify("LayoutMeasure", this.layout.layoutBox, e ? e.layoutBox : void 0);
+      const { visualElement: w } = this.options;
+      w && w.notify("LayoutMeasure", this.layout.layoutBox, e ? e.layoutBox : void 0);
     }
     updateScroll(e = "measure") {
-      let Q = !!(this.options.layoutScroll && this.instance);
-      if (this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === e && (Q = !1), Q) {
-        const w = M(this.instance);
+      let w = !!(this.options.layoutScroll && this.instance);
+      if (this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === e && (w = !1), w) {
+        const Q = M(this.instance);
         this.scroll = {
           animationId: this.root.animationId,
           phase: e,
-          isRoot: w,
+          isRoot: Q,
           offset: B(this.instance),
-          wasRoot: this.scroll ? this.scroll.isRoot : w
+          wasRoot: this.scroll ? this.scroll.isRoot : Q
         };
       }
     }
     resetTransform() {
       if (!D)
         return;
-      const e = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, Q = this.projectionDelta && !Zt(this.projectionDelta), w = this.getTransformTemplate(), C = w ? w(this.latestValues, "") : void 0, s = C !== this.prevTransformTemplateValue;
-      e && (Q || dA(this.latestValues) || s) && (D(this.instance, C), this.shouldResetTransform = !1, this.scheduleRender());
+      const e = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, w = this.projectionDelta && !Zt(this.projectionDelta), Q = this.getTransformTemplate(), C = Q ? Q(this.latestValues, "") : void 0, s = C !== this.prevTransformTemplateValue;
+      e && (w || dA(this.latestValues) || s) && (D(this.instance, C), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(e = !0) {
-      const Q = this.measurePageBox();
-      let w = this.removeElementScroll(Q);
-      return e && (w = this.removeTransform(w)), es(w), {
+      const w = this.measurePageBox();
+      let Q = this.removeElementScroll(w);
+      return e && (Q = this.removeTransform(Q)), es(Q), {
         animationId: this.root.animationId,
-        measuredBox: Q,
-        layoutBox: w,
+        measuredBox: w,
+        layoutBox: Q,
         latestValues: {},
         source: this.id
       };
     }
     measurePageBox() {
       var e;
-      const { visualElement: Q } = this.options;
-      if (!Q)
+      const { visualElement: w } = this.options;
+      if (!w)
         return L();
-      const w = Q.measureViewportBox();
+      const Q = w.measureViewportBox();
       if (!(((e = this.scroll) === null || e === void 0 ? void 0 : e.wasRoot) || this.path.some(ts))) {
         const { scroll: s } = this.root;
-        s && (LA(w.x, s.offset.x), LA(w.y, s.offset.y));
+        s && (LA(Q.x, s.offset.x), LA(Q.y, s.offset.y));
       }
-      return w;
+      return Q;
     }
     removeElementScroll(e) {
-      var Q;
-      const w = L();
-      if (MA(w, e), !((Q = this.scroll) === null || Q === void 0) && Q.wasRoot)
-        return w;
+      var w;
+      const Q = L();
+      if (MA(Q, e), !((w = this.scroll) === null || w === void 0) && w.wasRoot)
+        return Q;
       for (let C = 0; C < this.path.length; C++) {
         const s = this.path[C], { scroll: o, options: I } = s;
-        s !== this.root && o && I.layoutScroll && (o.wasRoot && MA(w, e), LA(w.x, o.offset.x), LA(w.y, o.offset.y));
+        s !== this.root && o && I.layoutScroll && (o.wasRoot && MA(Q, e), LA(Q.x, o.offset.x), LA(Q.y, o.offset.y));
       }
-      return w;
+      return Q;
     }
-    applyTransform(e, Q = !1) {
-      const w = L();
-      MA(w, e);
+    applyTransform(e, w = !1) {
+      const Q = L();
+      MA(Q, e);
       for (let C = 0; C < this.path.length; C++) {
         const s = this.path[C];
-        !Q && s.options.layoutScroll && s.scroll && s !== s.root && FA(w, {
+        !w && s.options.layoutScroll && s.scroll && s !== s.root && FA(Q, {
           x: -s.scroll.offset.x,
           y: -s.scroll.offset.y
-        }), dA(s.latestValues) && FA(w, s.latestValues);
+        }), dA(s.latestValues) && FA(Q, s.latestValues);
       }
-      return dA(this.latestValues) && FA(w, this.latestValues), w;
+      return dA(this.latestValues) && FA(Q, this.latestValues), Q;
     }
     removeTransform(e) {
-      const Q = L();
-      MA(Q, e);
-      for (let w = 0; w < this.path.length; w++) {
-        const C = this.path[w];
+      const w = L();
+      MA(w, e);
+      for (let Q = 0; Q < this.path.length; Q++) {
+        const C = this.path[Q];
         if (!C.instance || !dA(C.latestValues))
           continue;
         lB(C.latestValues) && C.updateSnapshot();
         const s = L(), o = C.measurePageBox();
-        MA(s, o), VD(Q, C.latestValues, C.snapshot ? C.snapshot.layoutBox : void 0, s);
+        MA(s, o), VD(w, C.latestValues, C.snapshot ? C.snapshot.layoutBox : void 0, s);
       }
-      return dA(this.latestValues) && VD(Q, this.latestValues), Q;
+      return dA(this.latestValues) && VD(w, this.latestValues), w;
     }
     setTargetDelta(e) {
       this.targetDelta = e, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -5203,11 +5203,11 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== j.timestamp && this.relativeParent.resolveTargetDelta(!0);
     }
     resolveTargetDelta(e = !1) {
-      var Q;
-      const w = this.getLead();
-      this.isProjectionDirty || (this.isProjectionDirty = w.isProjectionDirty), this.isTransformDirty || (this.isTransformDirty = w.isTransformDirty), this.isSharedProjectionDirty || (this.isSharedProjectionDirty = w.isSharedProjectionDirty);
-      const C = !!this.resumingFrom || this !== w;
-      if (!(e || C && this.isSharedProjectionDirty || this.isProjectionDirty || !((Q = this.parent) === null || Q === void 0) && Q.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
+      var w;
+      const Q = this.getLead();
+      this.isProjectionDirty || (this.isProjectionDirty = Q.isProjectionDirty), this.isTransformDirty || (this.isTransformDirty = Q.isTransformDirty), this.isSharedProjectionDirty || (this.isSharedProjectionDirty = Q.isSharedProjectionDirty);
+      const C = !!this.resumingFrom || this !== Q;
+      if (!(e || C && this.isSharedProjectionDirty || this.isProjectionDirty || !((w = this.parent) === null || w === void 0) && w.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize))
         return;
       const { layout: o, layoutId: I } = this.options;
       if (!(!this.layout || !(o || I))) {
@@ -5234,17 +5234,17 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
     }
     calcProjection() {
       var e;
-      const Q = this.getLead(), w = !!this.resumingFrom || this !== Q;
+      const w = this.getLead(), Q = !!this.resumingFrom || this !== w;
       let C = !0;
-      if ((this.isProjectionDirty || !((e = this.parent) === null || e === void 0) && e.isProjectionDirty) && (C = !1), w && (this.isSharedProjectionDirty || this.isTransformDirty) && (C = !1), this.resolvedRelativeTargetAt === j.timestamp && (C = !1), C)
+      if ((this.isProjectionDirty || !((e = this.parent) === null || e === void 0) && e.isProjectionDirty) && (C = !1), Q && (this.isSharedProjectionDirty || this.isTransformDirty) && (C = !1), this.resolvedRelativeTargetAt === j.timestamp && (C = !1), C)
         return;
       const { layout: s, layoutId: o } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(s || o))
         return;
       MA(this.layoutCorrected, this.layout.layoutBox);
       const I = this.treeScale.x, n = this.treeScale.y;
-      Gi(this.layoutCorrected, this.treeScale, this.path, w), Q.layout && !Q.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (Q.target = Q.layout.layoutBox, Q.targetWithTransforms = L());
-      const { target: E } = Q;
+      Gi(this.layoutCorrected, this.treeScale, this.path, Q), w.layout && !w.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (w.target = w.layout.layoutBox, w.targetWithTransforms = L());
+      const { target: E } = w;
       if (!E) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
         return;
@@ -5258,20 +5258,20 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       this.isVisible = !0;
     }
     scheduleRender(e = !0) {
-      var Q;
-      if ((Q = this.options.visualElement) === null || Q === void 0 || Q.scheduleRender(), e) {
-        const w = this.getStack();
-        w && w.scheduleRender();
+      var w;
+      if ((w = this.options.visualElement) === null || w === void 0 || w.scheduleRender(), e) {
+        const Q = this.getStack();
+        Q && Q.scheduleRender();
       }
       this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
     }
     createProjectionDeltas() {
       this.prevProjectionDelta = PA(), this.projectionDelta = PA(), this.projectionDeltaWithTransform = PA();
     }
-    setAnimationOrigin(e, Q = !1) {
-      const w = this.snapshot, C = w ? w.latestValues : {}, s = { ...this.latestValues }, o = PA();
-      (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !Q;
-      const I = L(), n = w ? w.source : void 0, E = this.layout ? this.layout.source : void 0, r = n !== E, G = this.getStack(), l = !G || G.members.length <= 1, c = !!(r && !l && this.options.crossfade === !0 && !this.path.some(Ms));
+    setAnimationOrigin(e, w = !1) {
+      const Q = this.snapshot, C = Q ? Q.latestValues : {}, s = { ...this.latestValues }, o = PA();
+      (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !w;
+      const I = L(), n = Q ? Q.source : void 0, E = this.layout ? this.layout.source : void 0, r = n !== E, G = this.getStack(), l = !G || G.members.length <= 1, c = !!(r && !l && this.options.crossfade === !0 && !this.path.some(Ms));
       this.animationProgress = 0;
       let U;
       this.mixTargetDelta = (Z) => {
@@ -5283,8 +5283,8 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       this.notifyListeners("animationStart"), this.currentAnimation && this.currentAnimation.stop(), this.resumingFrom && this.resumingFrom.currentAnimation && this.resumingFrom.currentAnimation.stop(), this.pendingAnimation && (YA(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = J.update(() => {
         Ug.hasAnimatedSinceResize = !0, this.currentAnimation = fi(0, pD, {
           ...e,
-          onUpdate: (Q) => {
-            this.mixTargetDelta(Q), e.onUpdate && e.onUpdate(Q);
+          onUpdate: (w) => {
+            this.mixTargetDelta(w), e.onUpdate && e.onUpdate(w);
           },
           onComplete: () => {
             e.onComplete && e.onComplete(), this.completeAnimation();
@@ -5302,24 +5302,24 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
     }
     applyTransformsToTarget() {
       const e = this.getLead();
-      let { targetWithTransforms: Q, target: w, layout: C, latestValues: s } = e;
-      if (!(!Q || !w || !C)) {
+      let { targetWithTransforms: w, target: Q, layout: C, latestValues: s } = e;
+      if (!(!w || !Q || !C)) {
         if (this !== e && this.layout && C && qt(this.options.animationType, this.layout.layoutBox, C.layoutBox)) {
-          w = this.target || L();
+          Q = this.target || L();
           const o = BA(this.layout.layoutBox.x);
-          w.x.min = e.target.x.min, w.x.max = w.x.min + o;
+          Q.x.min = e.target.x.min, Q.x.max = Q.x.min + o;
           const I = BA(this.layout.layoutBox.y);
-          w.y.min = e.target.y.min, w.y.max = w.y.min + I;
+          Q.y.min = e.target.y.min, Q.y.max = Q.y.min + I;
         }
-        MA(Q, w), FA(Q, s), eg(this.projectionDeltaWithTransform, this.layoutCorrected, Q, s);
+        MA(w, Q), FA(w, s), eg(this.projectionDeltaWithTransform, this.layoutCorrected, w, s);
       }
     }
-    registerSharedNode(e, Q) {
-      this.sharedNodes.has(e) || this.sharedNodes.set(e, new Fi()), this.sharedNodes.get(e).add(Q);
-      const C = Q.options.initialPromotionConfig;
-      Q.promote({
+    registerSharedNode(e, w) {
+      this.sharedNodes.has(e) || this.sharedNodes.set(e, new Fi()), this.sharedNodes.get(e).add(w);
+      const C = w.options.initialPromotionConfig;
+      w.promote({
         transition: C ? C.transition : void 0,
-        preserveFollowOpacity: C && C.shouldPreserveFollowOpacity ? C.shouldPreserveFollowOpacity(Q) : void 0
+        preserveFollowOpacity: C && C.shouldPreserveFollowOpacity ? C.shouldPreserveFollowOpacity(w) : void 0
       });
     }
     isLead() {
@@ -5328,22 +5328,22 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
     }
     getLead() {
       var e;
-      const { layoutId: Q } = this.options;
-      return Q ? ((e = this.getStack()) === null || e === void 0 ? void 0 : e.lead) || this : this;
+      const { layoutId: w } = this.options;
+      return w ? ((e = this.getStack()) === null || e === void 0 ? void 0 : e.lead) || this : this;
     }
     getPrevLead() {
       var e;
-      const { layoutId: Q } = this.options;
-      return Q ? (e = this.getStack()) === null || e === void 0 ? void 0 : e.prevLead : void 0;
+      const { layoutId: w } = this.options;
+      return w ? (e = this.getStack()) === null || e === void 0 ? void 0 : e.prevLead : void 0;
     }
     getStack() {
       const { layoutId: e } = this.options;
       if (e)
         return this.root.sharedNodes.get(e);
     }
-    promote({ needsReset: e, transition: Q, preserveFollowOpacity: w } = {}) {
+    promote({ needsReset: e, transition: w, preserveFollowOpacity: Q } = {}) {
       const C = this.getStack();
-      C && C.promote(this, w), e && (this.projectionDelta = void 0, this.needsReset = !0), Q && this.setOptions({ transition: Q });
+      C && C.promote(this, Q), e && (this.projectionDelta = void 0, this.needsReset = !0), w && this.setOptions({ transition: w });
     }
     relegate() {
       const e = this.getStack();
@@ -5353,12 +5353,12 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       const { visualElement: e } = this.options;
       if (!e)
         return;
-      let Q = !1;
-      const { latestValues: w } = e;
-      if ((w.z || w.rotate || w.rotateX || w.rotateY || w.rotateZ || w.skewX || w.skewY) && (Q = !0), !Q)
+      let w = !1;
+      const { latestValues: Q } = e;
+      if ((Q.z || Q.rotate || Q.rotateX || Q.rotateY || Q.rotateZ || Q.skewX || Q.skewY) && (w = !0), !w)
         return;
       const C = {};
-      w.z && BB("z", e, C, this.animationValues);
+      Q.z && BB("z", e, C, this.animationValues);
       for (let s = 0; s < gB.length; s++)
         BB(`rotate${gB[s]}`, e, C, this.animationValues), BB(`skew${gB[s]}`, e, C, this.animationValues);
       e.render();
@@ -5367,7 +5367,7 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       e.scheduleRender();
     }
     getProjectionStyles(e) {
-      var Q, w;
+      var w, Q;
       if (!this.instance || this.isSVG)
         return;
       if (!this.isVisible)
@@ -5385,7 +5385,7 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
       const I = o.animationValues || o.latestValues;
       this.applyTransformsToTarget(), C.transform = bi(this.projectionDeltaWithTransform, this.treeScale, I), s && (C.transform = s(I, C.transform));
       const { x: n, y: E } = this.projectionDelta;
-      C.transformOrigin = `${n.origin * 100}% ${E.origin * 100}% 0`, o.animationValues ? C.opacity = o === this ? (w = (Q = I.opacity) !== null && Q !== void 0 ? Q : this.latestValues.opacity) !== null && w !== void 0 ? w : 1 : this.preserveOpacity ? this.latestValues.opacity : I.opacityExit : C.opacity = o === this ? I.opacity !== void 0 ? I.opacity : "" : I.opacityExit !== void 0 ? I.opacityExit : 0;
+      C.transformOrigin = `${n.origin * 100}% ${E.origin * 100}% 0`, o.animationValues ? C.opacity = o === this ? (Q = (w = I.opacity) !== null && w !== void 0 ? w : this.latestValues.opacity) !== null && Q !== void 0 ? Q : 1 : this.preserveOpacity ? this.latestValues.opacity : I.opacityExit : C.opacity = o === this ? I.opacity !== void 0 ? I.opacity : "" : I.opacityExit !== void 0 ? I.opacityExit : 0;
       for (const r in qg) {
         if (I[r] === void 0)
           continue;
@@ -5405,8 +5405,8 @@ function dt({ attachResizeListener: A, defaultParent: g, measureScroll: B, check
     // Only run on root
     resetTree() {
       this.root.nodes.forEach((e) => {
-        var Q;
-        return (Q = e.currentAnimation) === null || Q === void 0 ? void 0 : Q.stop();
+        var w;
+        return (w = e.currentAnimation) === null || w === void 0 ? void 0 : w.stop();
       }), this.root.nodes.forEach(RD), this.root.sharedNodes.clear();
     }
   };
@@ -5426,11 +5426,11 @@ function Ti(A) {
       const I = e ? B.measuredBox[o] : B.layoutBox[o], n = BA(M[o]);
       I.max = I.min + n, A.relativeTarget && !A.currentAnimation && (A.isProjectionDirty = !0, A.relativeTarget[o].max = A.relativeTarget[o].min + n);
     });
-    const Q = PA();
-    eg(Q, M, B.layoutBox);
     const w = PA();
-    e ? eg(w, A.applyTransform(D, !0), B.measuredBox) : eg(w, M, B.layoutBox);
-    const C = !Zt(Q);
+    eg(w, M, B.layoutBox);
+    const Q = PA();
+    e ? eg(Q, A.applyTransform(D, !0), B.measuredBox) : eg(Q, M, B.layoutBox);
+    const C = !Zt(w);
     let s = !1;
     if (!A.resumeFrom) {
       const o = A.getClosestProjectingParent();
@@ -5447,8 +5447,8 @@ function Ti(A) {
     A.notifyListeners("didUpdate", {
       layout: M,
       snapshot: B,
-      delta: w,
-      layoutDelta: Q,
+      delta: Q,
+      layoutDelta: w,
       hasLayoutChanged: C,
       hasRelativeLayoutChanged: s
     });
@@ -5638,15 +5638,15 @@ class ls extends mA {
       root: B ? B.current : void 0,
       rootMargin: M,
       threshold: typeof D == "number" ? D : rs[D]
-    }, Q = (w) => {
-      const { isIntersecting: C } = w;
+    }, w = (Q) => {
+      const { isIntersecting: C } = Q;
       if (this.isInView === C || (this.isInView = C, t && !C && this.hasEnteredView))
         return;
       C && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", C);
       const { onViewportEnter: s, onViewportLeave: o } = this.node.getProps(), I = C ? s : o;
-      I && I(w);
+      I && I(Q);
     };
-    return Es(this.node.current, e, Q);
+    return Es(this.node.current, e, w);
   }
   mount() {
     this.startObserver();
@@ -5731,19 +5731,19 @@ class Us {
   scrapeMotionValuesFromProps(g, B, M) {
     return {};
   }
-  constructor({ parent: g, props: B, presenceContext: M, reducedMotionConfig: D, blockInitialAnimation: t, visualState: e }, Q = {}) {
+  constructor({ parent: g, props: B, presenceContext: M, reducedMotionConfig: D, blockInitialAnimation: t, visualState: e }, w = {}) {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = aM, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const n = IA.now();
       this.renderScheduledAt < n && (this.renderScheduledAt = n, J.render(this.render, !1, !0));
     };
-    const { latestValues: w, renderState: C, onUpdate: s } = e;
-    this.onUpdate = s, this.latestValues = w, this.baseTarget = { ...w }, this.initialValues = B.initial ? { ...w } : {}, this.renderState = C, this.parent = g, this.props = B, this.presenceContext = M, this.depth = g ? g.depth + 1 : 0, this.reducedMotionConfig = D, this.options = Q, this.blockInitialAnimation = !!t, this.isControllingVariants = bg(B), this.isVariantNode = Ce(B), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(g && g.current);
+    const { latestValues: Q, renderState: C, onUpdate: s } = e;
+    this.onUpdate = s, this.latestValues = Q, this.baseTarget = { ...Q }, this.initialValues = B.initial ? { ...Q } : {}, this.renderState = C, this.parent = g, this.props = B, this.presenceContext = M, this.depth = g ? g.depth + 1 : 0, this.reducedMotionConfig = D, this.options = w, this.blockInitialAnimation = !!t, this.isControllingVariants = bg(B), this.isVariantNode = Ce(B), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(g && g.current);
     const { willChange: o, ...I } = this.scrapeMotionValuesFromProps(B, {}, this);
     for (const n in I) {
       const E = I[n];
-      w[n] !== void 0 && X(E) && E.set(w[n], !1);
+      Q[n] !== void 0 && X(E) && E.set(Q[n], !1);
     }
   }
   mount(g) {
@@ -5761,8 +5761,8 @@ class Us {
   }
   bindToMotionValue(g, B) {
     this.valueSubscriptions.has(g) && this.valueSubscriptions.get(g)();
-    const M = RA.has(g), D = B.on("change", (Q) => {
-      this.latestValues[g] = Q, this.props.onUpdate && J.preRender(this.notifyUpdate), M && this.projection && (this.projection.isTransformDirty = !0);
+    const M = RA.has(g), D = B.on("change", (w) => {
+      this.latestValues[g] = w, this.props.onUpdate && J.preRender(this.notifyUpdate), M && this.projection && (this.projection.isTransformDirty = !0);
     }), t = B.on("renderRequest", this.scheduleRender);
     let e;
     window.MotionCheckAppearSync && (e = window.MotionCheckAppearSync(this, g, B)), this.valueSubscriptions.set(g, () => {
@@ -6055,33 +6055,33 @@ const zg = Rs, hs = {
   all: 1
 };
 function Js(A, g, { root: B, margin: M, amount: D = "some" } = {}) {
-  const t = qe(A), e = /* @__PURE__ */ new WeakMap(), Q = (C) => {
+  const t = qe(A), e = /* @__PURE__ */ new WeakMap(), w = (C) => {
     C.forEach((s) => {
       const o = e.get(s.target);
       if (s.isIntersecting !== !!o)
         if (s.isIntersecting) {
           const I = g(s.target, s);
-          typeof I == "function" ? e.set(s.target, I) : w.unobserve(s.target);
+          typeof I == "function" ? e.set(s.target, I) : Q.unobserve(s.target);
         } else typeof o == "function" && (o(s), e.delete(s.target));
     });
-  }, w = new IntersectionObserver(Q, {
+  }, Q = new IntersectionObserver(w, {
     root: B,
     rootMargin: M,
     threshold: typeof D == "number" ? D : hs[D]
   });
-  return t.forEach((C) => w.observe(C)), () => w.disconnect();
+  return t.forEach((C) => Q.observe(C)), () => Q.disconnect();
 }
 function Rt(A, { root: g, margin: B, amount: M, once: D = !1 } = {}) {
   const [t, e] = h(!1);
   return O(() => {
     if (!A.current || D && t)
       return;
-    const Q = () => (e(!0), D ? void 0 : () => e(!1)), w = {
+    const w = () => (e(!0), D ? void 0 : () => e(!1)), Q = {
       root: g && g.current || void 0,
       margin: B,
       amount: M
     };
-    return Js(A.current, Q, w);
+    return Js(A.current, w, Q);
   }, [g, A, B, D, M]), t;
 }
 const zs = N(
@@ -6093,7 +6093,7 @@ const zs = N(
     widthLogo: D = "65px",
     ...t
   }, e) => {
-    const Q = OB(), [w, C] = h(!1), [s, o] = h(void 0), [I] = h(""), n = g.reduce((Z, a) => (Z[a.refId] = AA(null), Z), {}), E = () => C(!w);
+    const w = OB(), [Q, C] = h(!1), [s, o] = h(void 0), [I] = h(""), n = g.reduce((Z, a) => (Z[a.refId] = AA(null), Z), {}), E = () => C(!Q);
     O(() => {
       g.forEach((a) => {
         const u = n[a.refId];
@@ -6115,12 +6115,12 @@ const zs = N(
       };
     }, [I, g, n]), O(() => {
       const Z = window.matchMedia("(min-width: 640px)"), a = () => {
-        Z.matches && w && C(!1);
+        Z.matches && Q && C(!1);
       };
       return Z.addEventListener("change", a), () => {
         Z.removeEventListener("change", a);
       };
-    }, [w]);
+    }, [Q]);
     const r = {
       goatData: "bg-zinc-900",
       secondary: "bg-[#ededed]",
@@ -6143,7 +6143,7 @@ const zs = N(
       experiences: "text-white"
     };
     return /* @__PURE__ */ y("nav", { ref: e, ...t, style: { zIndex: 9999, position: "fixed", top: "0px", left: "0px", right: "0px" }, className: `${r[A]} bg-opacity-75`, children: [
-      /* @__PURE__ */ y("div", { style: { marginLeft: "auto", marginRight: "auto", maxWidth: "80rem", paddingLeft: Q ? "0.5rem" : "1.5rem", paddingRight: Q ? "0.5rem" : "1.5rem" }, children: [
+      /* @__PURE__ */ y("div", { style: { marginLeft: "auto", marginRight: "auto", maxWidth: "80rem", paddingLeft: w ? "0.5rem" : "1.5rem", paddingRight: w ? "0.5rem" : "1.5rem" }, children: [
         /* @__PURE__ */ i(
           Jg.div,
           {
@@ -6158,17 +6158,17 @@ const zs = N(
           }
         ),
         /* @__PURE__ */ y("div", { style: { position: "relative", display: "flex", height: "4rem", alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ i("div", { style: { position: "absolute", top: "0px", bottom: "0px", left: "0px", display: Q ? "flex" : "none", alignItems: "center" }, children: /* @__PURE__ */ i("button", { className: `menu ${w ? A === "secondary" ? "openedark" : "opened" : ""}`, onClick: E, "aria-label": "Main Menu", children: /* @__PURE__ */ y("svg", { width: "45", height: "45", viewBox: "0 0 100 100", style: { fill: "#f9f8f8 !important" }, children: [
+          /* @__PURE__ */ i("div", { style: { position: "absolute", top: "0px", bottom: "0px", left: "0px", display: w ? "flex" : "none", alignItems: "center" }, children: /* @__PURE__ */ i("button", { className: `menu ${Q ? A === "secondary" ? "openedark" : "opened" : ""}`, onClick: E, "aria-label": "Main Menu", children: /* @__PURE__ */ y("svg", { width: "45", height: "45", viewBox: "0 0 100 100", style: { fill: "#f9f8f8 !important" }, children: [
             /* @__PURE__ */ i("path", { className: A === "secondary" ? "linedark linedark1" : "line line1", d: "M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" }),
             /* @__PURE__ */ i("path", { className: A === "secondary" ? "linedark linedark2" : "line line2", d: "M 20,50 H 80" }),
             /* @__PURE__ */ i("path", { className: A === "secondary" ? "linedark linedark3" : "line line3", d: "M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942" })
           ] }) }) }),
-          /* @__PURE__ */ y("div", { style: { display: "flex", flex: "1 1 0%", alignItems: "center", justifyContent: Q ? "center" : "stretch" }, children: [
+          /* @__PURE__ */ y("div", { style: { display: "flex", flex: "1 1 0%", alignItems: "center", justifyContent: w ? "center" : "stretch" }, children: [
             /* @__PURE__ */ i("div", { className: "flex flex-shrink-0 items-center", children: /* @__PURE__ */ y("div", { className: "flex flex-col items-center lg:ml-[120px] ml-0", children: [
               /* @__PURE__ */ i(
                 "img",
                 {
-                  className: "block lg:hidden",
+                  className: `${w ? "hidden" : "block"}`,
                   style: { height: M && M.trim() !== "" ? M : "40px", width: D && D.trim() !== "" ? D : "65px" },
                   src: B && B.trim() !== "" ? B : A === "secondary" ? pA : Qg,
                   alt: "Logo"
@@ -6177,7 +6177,7 @@ const zs = N(
               /* @__PURE__ */ i(
                 "img",
                 {
-                  className: "hidden lg:block",
+                  className: `${w ? "block" : "hidden"}`,
                   style: { height: M && M.trim() !== "" ? M : "40px", width: D && D.trim() !== "" ? D : "65px" },
                   src: B && B.trim() !== "" ? B : A === "secondary" ? pA : Qg,
                   alt: "Logo"
@@ -6185,7 +6185,7 @@ const zs = N(
               ),
               (!B || B.trim() === "") && /* @__PURE__ */ i("div", { className: `text-[10px] ${U[A]} tracking-[4px]`, children: "DATA" })
             ] }) }),
-            /* @__PURE__ */ i("div", { style: { display: Q ? "none" : "block", flexGrow: 1, marginLeft: "1.5rem" }, children: /* @__PURE__ */ i("nav", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ i("ul", { className: "flex space-x-4", children: g.map(({ label: Z, href: a, refId: u }) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(VM, { href: a, Viewport: l[A], colorButton: c[A], setIsOpen: C, children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i("div", { style: { display: w ? "none" : "block", flexGrow: 1, marginLeft: "1.5rem" }, children: /* @__PURE__ */ i("nav", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ i("ul", { className: "flex space-x-4", children: g.map(({ label: Z, href: a, refId: u }) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(VM, { href: a, Viewport: l[A], colorButton: c[A], setIsOpen: C, children: /* @__PURE__ */ i(
               "div",
               {
                 id: u,
@@ -6197,7 +6197,7 @@ const zs = N(
           ] })
         ] })
       ] }),
-      w && /* @__PURE__ */ i("div", { className: "space-y-1 px-2 pt-2 pb-3", children: g.map(({ label: Z, href: a }) => /* @__PURE__ */ i(VM, { href: a, Viewport: l[A], colorButton: c[A], setIsOpen: C, children: Z }, a)) })
+      Q && /* @__PURE__ */ i("div", { className: "space-y-1 px-2 pt-2 pb-3", children: g.map(({ label: Z, href: a }) => /* @__PURE__ */ i(VM, { href: a, Viewport: l[A], colorButton: c[A], setIsOpen: C, children: Z }, a)) })
     ] });
   }
 );
@@ -6231,15 +6231,15 @@ const vs = () => ({
     className: g,
     ...B
   }, M) => {
-    const D = AA(null), t = M || D, e = Rt(t, { once: !1 }), Q = zg(), w = zg();
+    const D = AA(null), t = M || D, e = Rt(t, { once: !1 }), w = zg(), Q = zg();
     return O(() => {
-      t.current && e && (Q.start("visible"), w.start("visible"));
-    }, [e, Q, w, t]), /* @__PURE__ */ i("div", { ref: t, ...B, children: /* @__PURE__ */ i(
+      t.current && e && (w.start("visible"), Q.start("visible"));
+    }, [e, w, Q, t]), /* @__PURE__ */ i("div", { ref: t, ...B, children: /* @__PURE__ */ i(
       Jg.div,
       {
         variants: vs(),
         initial: "hidden",
-        animate: Q,
+        animate: w,
         exit: "hidden",
         className: g,
         children: A
@@ -6257,9 +6257,9 @@ const OA = N(
     delay: D = 0.5,
     ...t
   }, e) => {
-    const Q = AA(null), w = (n) => {
-      Q.current = n, typeof e == "function" ? e(n) : e && (e.current = n);
-    }, C = Rt(Q, { once: !1 }), s = zg(), o = zg(), I = {
+    const w = AA(null), Q = (n) => {
+      w.current = n, typeof e == "function" ? e(n) : e && (e.current = n);
+    }, C = Rt(w, { once: !1 }), s = zg(), o = zg(), I = {
       primary: "#1F2937",
       secondary: "#ededed",
       vividPink: "#ff0145",
@@ -6273,7 +6273,7 @@ const OA = N(
     };
     return O(() => {
       C && (s.start("visible"), o.start("visible"));
-    }, [C, s, o]), /* @__PURE__ */ y("div", { ref: w, ...t, className: "relative overflow-hidden w-fit", children: [
+    }, [C, s, o]), /* @__PURE__ */ y("div", { ref: Q, ...t, className: "relative overflow-hidden w-fit", children: [
       /* @__PURE__ */ i(
         Jg.div,
         {
@@ -6322,8 +6322,8 @@ const Ps = N(
     explore: D = {},
     overlap: t = {},
     nameImages: e = !1,
-    nameImagesBotton: Q = !1,
-    handletext4: w,
+    nameImagesBotton: w = !1,
+    handletext4: Q,
     handletext5: C,
     ...s
   }, o) => {
@@ -6375,7 +6375,7 @@ const Ps = N(
             ] }) }),
             /* @__PURE__ */ i(rA, { children: /* @__PURE__ */ i("p", { className: "text-sm md:text-lg mb-6", children: t.text3 }) }),
             /* @__PURE__ */ y("div", { className: "flex gap-4", children: [
-              t.text4 && /* @__PURE__ */ i(OA, { variant: g, duration: 1, delay: 1, children: /* @__PURE__ */ i("div", { className: "flex", style: { padding: "5px" }, children: /* @__PURE__ */ i(wg, { variant: g, onClick: w, size: "small", label: t.text4 }) }) }),
+              t.text4 && /* @__PURE__ */ i(OA, { variant: g, duration: 1, delay: 1, children: /* @__PURE__ */ i("div", { className: "flex", style: { padding: "5px" }, children: /* @__PURE__ */ i(wg, { variant: g, onClick: Q, size: "small", label: t.text4 }) }) }),
               t.text5 && /* @__PURE__ */ i(OA, { variant: "tertiary", duration: 1, delay: 1, children: /* @__PURE__ */ i("div", { className: "flex", style: { padding: "5px" }, children: /* @__PURE__ */ i(wg, { variant: "tertiary", onClick: C, size: "small", label: t.text5 }) }) })
             ] })
           ] }),
@@ -6402,7 +6402,7 @@ const Ps = N(
             )
           ] }) }) }),
           e && /* @__PURE__ */ i("div", { className: "absolute inset-0 flex flex-col justify-center items-center text-white z-10 transition-opacity duration-700 ease-in-out", children: /* @__PURE__ */ i(rA, { children: /* @__PURE__ */ i("h1", { className: "text-4xl font-bold", children: ((k = A[I]) == null ? void 0 : k.alt) || "Título dinámico" }, I) }) }),
-          Q && /* @__PURE__ */ i(rA, { children: /* @__PURE__ */ i("div", { className: "absolute bottom-8 left-1/2 transform -translate-x-1/2 text-center z-10", children: /* @__PURE__ */ i("p", { className: "text-lg font-medium text-white", children: (V = A[I]) == null ? void 0 : V.alt }) }) }),
+          w && /* @__PURE__ */ i(rA, { children: /* @__PURE__ */ i("div", { className: "absolute bottom-8 left-1/2 transform -translate-x-1/2 text-center z-10", children: /* @__PURE__ */ i("p", { className: "text-lg font-medium text-white", children: (V = A[I]) == null ? void 0 : V.alt }) }) }),
           /* @__PURE__ */ i(
             "div",
             {
@@ -6479,8 +6479,8 @@ const ht = ({ infoText: A, disabled: g = !1, bgStyles: B }) => {
     icon: D,
     placeholder: t = "Enter text",
     title: e,
-    info: Q = !1,
-    infoText: w,
+    info: w = !1,
+    infoText: Q,
     positionIcon: C = "left",
     type: s = "text",
     error: o = !1,
@@ -6528,7 +6528,7 @@ const ht = ({ infoText: A, disabled: g = !1, bgStyles: B }) => {
     return /* @__PURE__ */ y("div", { className: "relative", children: [
       e && /* @__PURE__ */ y("div", { className: "flex items-center text-xs mb-1 font-medium text-gray-800", children: [
         /* @__PURE__ */ i("span", { style: { color: A === "tertiary" ? "#73787f" : "" }, children: e }),
-        Q && w && /* @__PURE__ */ i(ht, { infoText: w, disabled: B, bgStyles: a[A] })
+        w && Q && /* @__PURE__ */ i(ht, { infoText: Q, disabled: B, bgStyles: a[A] })
       ] }),
       /* @__PURE__ */ y("div", { className: "relative flex items-center", children: [
         D && C === "left" && /* @__PURE__ */ i("span", { className: "absolute left-3", children: V() }),
@@ -6579,8 +6579,8 @@ const Fs = _.forwardRef(
     icon: D,
     placeholder: t = "Select an option",
     title: e,
-    info: Q = !1,
-    infoText: w,
+    info: w = !1,
+    infoText: Q,
     positionIcon: C = "left",
     error: s = !1,
     errorMessage: o = "",
@@ -6624,7 +6624,7 @@ const Fs = _.forwardRef(
     return /* @__PURE__ */ y("div", { className: "relative", children: [
       e && /* @__PURE__ */ y("div", { className: "flex items-center text-xs mb-1 font-medium text-gray-800", children: [
         /* @__PURE__ */ i("span", { style: { color: A === "tertiary" ? "#73787f" : "" }, children: e }),
-        Q && w && /* @__PURE__ */ i(ht, { infoText: w, disabled: B, bgStyles: c[A] })
+        w && Q && /* @__PURE__ */ i(ht, { infoText: Q, disabled: B, bgStyles: c[A] })
       ] }),
       /* @__PURE__ */ y("div", { className: "relative flex items-center", children: [
         D && C === "left" && /* @__PURE__ */ i("span", { className: "absolute left-3", children: a() }),
@@ -6686,8 +6686,8 @@ const bs = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZUAAATaCAYAAAA0mz/uAA
     list: D = [],
     dataFiscal: t = {},
     logo: e,
-    router: Q,
-    extraComponent: w,
+    router: w,
+    extraComponent: Q,
     heightLogo: C = "60px",
     widthLogo: s = "85px",
     company: o = "2025 GOAT DATA",
@@ -6723,7 +6723,7 @@ const bs = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZUAAATaCAYAAAA0mz/uAA
       secondary: "text-[#1F2937]",
       experiences: "text-[#1F2937]"
     }, V = (Y) => {
-      Y.link && Q && Q.push(Y.link);
+      Y.link && w && w.push(Y.link);
     };
     return /* @__PURE__ */ y("footer", { ref: n, ...I, className: `${G[A]} ${k[A]}`, style: { paddingTop: "40px" }, children: [
       /* @__PURE__ */ y("div", { className: "container mx-auto px-4 md:px-8", children: [
@@ -6767,9 +6767,9 @@ const bs = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEZUAAATaCAYAAAA0mz/uAA
             /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-4", children: "Data fiscal" }),
             /* @__PURE__ */ i("a", { href: t.href, target: t.target, children: /* @__PURE__ */ i("img", { style: { height: "120px" }, src: t.src }) })
           ] }),
-          w && /* @__PURE__ */ y("div", { className: "flex flex-col items-center", children: [
+          Q && /* @__PURE__ */ y("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ i("h2", { className: "text-lg font-semibold mb-4", children: "Escribenos" }),
-            w
+            Q
           ] })
         ] }),
         /* @__PURE__ */ y("div", { className: "flex flex-col items-center mt-8", children: [
@@ -6805,13 +6805,13 @@ function Ss(A) {
 }
 const Xs = N(
   ({ type: A = "success", message: g, duration: B = 5500, ...M }, D) => {
-    const t = OB(), [e, Q] = h(!0), [w, C] = h(!1), [s, o] = h(!1);
+    const t = OB(), [e, w] = h(!0), [Q, C] = h(!1), [s, o] = h(!1);
     if (O(() => {
       const E = setTimeout(() => C(!0), B - 500);
       return () => clearTimeout(E);
     }, [B]), O(() => {
-      w && setTimeout(() => Q(!1), 500);
-    }, [w]), O(() => {
+      Q && setTimeout(() => w(!1), 500);
+    }, [Q]), O(() => {
       setTimeout(() => o(!0), 100);
     }, []), !e) return null;
     const I = {
@@ -6833,7 +6833,7 @@ const Xs = N(
         className: `fixed top-5 right-5 z-50 flex items-center gap-3 
                     ${t ? "max-w-xs p-3 text-sm" : "max-w-sm p-4"} 
                     rounded-lg shadow-lg text-white bg-opacity-90 transition-transform transform 
-                    ${w ? "animate-slide-out" : "animate-slide-in"}`,
+                    ${Q ? "animate-slide-out" : "animate-slide-in"}`,
         style: { backgroundColor: I[A].bg, zIndex: 1e4 },
         children: [
           n[A],
@@ -6873,11 +6873,11 @@ const xs = N(
         "opacity-20 cursor-not-allowed": g
       },
       B
-    ), Q = {
+    ), w = {
       whatsapp: "hover:bg-[#128c7e] focus:ring-[#128c7e]",
       chat: "border-2 border-[#1F2937] hover:border-[#374151] focus:ring-[#1F2937]",
       soporte: "hover:bg-[#e6003f] focus:ring-[#ff0145]"
-    }, w = {
+    }, Q = {
       whatsapp: "#01ff5e",
       chat: "#1F2937",
       soporte: "#ff0145"
@@ -6889,9 +6889,9 @@ const xs = N(
     return /* @__PURE__ */ i(
       "button",
       {
-        style: { whiteSpace: "nowrap", position: "fixed", bottom: 16, right: 16, zIndex: 9999, height: 60, width: 60, background: w[A] },
+        style: { whiteSpace: "nowrap", position: "fixed", bottom: 16, right: 16, zIndex: 9999, height: 60, width: 60, background: Q[A] },
         ref: t,
-        className: R(e, Q[A]),
+        className: R(e, w[A]),
         disabled: g,
         onClick: M,
         ...D,
@@ -6908,7 +6908,7 @@ function $s(A) {
   return K({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M333.782 80c128 64 128 288 0 352 192-64 192-288 0-352zm-48 16c64 50.843 64 270.217 0 321.06 128-50.843 128-270.217 0-321.06zm-75.13 49.922c-35.468.215-70.268 6.618-89.253 14.863-14.084 43.136-16.33 127.919-6.736 180.518-8.452-4.265-18.337-6.543-28.445-6.555-28.719 0-52 17.909-52 40s23.281 40 52 40 52-17.909 52-40c-6.166-49.187-13.74-115.12-8.225-165.437 37.756-7.722 77.49-17.422 114.688-10.715-4.152 38.294-3.029 82.424 3.379 117.552-8.452-4.265-18.337-6.543-28.446-6.554-28.719 0-52 17.908-52 40 0 22.091 23.281 40 52 40 28.72 0 52-17.909 52-40-4.618-72.485-18.78-132.767.33-196.436-18.491-5.267-40.012-7.365-61.293-7.236zm5.456 15.635c11.697-.073 23.313.706 34.174 2.558-1.185 5.199-2.232 10.67-3.156 16.336-37.913-5.64-78.578 1.385-114.332 9.656a227.233 227.233 0 0 1 3.277-14.884c19.722-7.718 50.145-13.48 80.037-13.666z" }, child: [] }] })(A);
 }
 const _s = N(
-  ({ videoSrc: A, height: g = "400px", explore: B, overlap: M, mutedVideo: D = !0, handletext4: t, handletext5: e, variant: Q = "vividPink", ...w }, C) => {
+  ({ videoSrc: A, height: g = "400px", explore: B, overlap: M, mutedVideo: D = !0, handletext4: t, handletext5: e, variant: w = "vividPink", ...Q }, C) => {
     const s = AA(null), [o, I] = h(D), n = () => {
       const G = s.current;
       G && G.play().catch(() => {
@@ -6940,7 +6940,7 @@ const _s = N(
       tertiary: "text-[#d4d3d3]",
       experiences: "text-[#a8dbce]"
     };
-    return /* @__PURE__ */ y("header", { ref: C, ...w, style: { height: g, position: "relative", width: "100%", overflow: "hidden" }, children: [
+    return /* @__PURE__ */ y("header", { ref: C, ...Q, style: { height: g, position: "relative", width: "100%", overflow: "hidden" }, children: [
       /* @__PURE__ */ i(
         "video",
         {
@@ -6959,11 +6959,11 @@ const _s = N(
         /* @__PURE__ */ i(rA, { children: /* @__PURE__ */ y("h1", { className: "text-3xl md:text-5xl font-bold animate-fade-in-up", children: [
           M.text1,
           " ",
-          /* @__PURE__ */ i("span", { className: `${r[Q]}`, children: M.text2 })
+          /* @__PURE__ */ i("span", { className: `${r[w]}`, children: M.text2 })
         ] }) }),
         M.text3 && /* @__PURE__ */ i(rA, { children: /* @__PURE__ */ i("p", { className: "text-sm md:text-lg mb-6", children: M.text3 }) }),
         /* @__PURE__ */ y("div", { className: "flex gap-4", children: [
-          M.text4 && /* @__PURE__ */ i(OA, { variant: Q, duration: 1, delay: 1, children: /* @__PURE__ */ i("div", { className: "flex p-2", children: /* @__PURE__ */ i(wg, { variant: Q, onClick: t, size: "small", label: M.text4 }) }) }),
+          M.text4 && /* @__PURE__ */ i(OA, { variant: w, duration: 1, delay: 1, children: /* @__PURE__ */ i("div", { className: "flex p-2", children: /* @__PURE__ */ i(wg, { variant: w, onClick: t, size: "small", label: M.text4 }) }) }),
           M.text5 && /* @__PURE__ */ i(OA, { variant: "tertiary", duration: 1, delay: 1, children: /* @__PURE__ */ i("div", { className: "flex p-2", children: /* @__PURE__ */ i(wg, { variant: "tertiary", onClick: e, size: "small", label: M.text5 }) }) })
         ] })
       ] }),