prisma-goat 0.2.5 → 0.2.7

package/dist/prisma-goat.js

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