@tmf_ciclica/ciclicastorybook 1.2.125 → 1.2.127

package/dist/index.es.js

@@ -49,7 +49,7 @@ var lo;
 function pa() {
   if (lo) return fe;
   lo = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, _ = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, _ = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
   function $(C) {
     if (typeof C == "object" && C !== null) {
       var x = C.$$typeof;
@@ -68,7 +68,7 @@ function pa() {
                 case l:
                 case h:
                 case v:
-                case m:
+                case p:
                 case a:
                   return C;
                 default:
@@ -83,7 +83,7 @@ function pa() {
   function b(C) {
     return $(C) === d;
   }
-  return fe.AsyncMode = c, fe.ConcurrentMode = d, fe.ContextConsumer = l, fe.ContextProvider = a, fe.Element = t, fe.ForwardRef = h, fe.Fragment = r, fe.Lazy = v, fe.Memo = m, fe.Portal = n, fe.Profiler = s, fe.StrictMode = o, fe.Suspense = g, fe.isAsyncMode = function(C) {
+  return fe.AsyncMode = c, fe.ConcurrentMode = d, fe.ContextConsumer = l, fe.ContextProvider = a, fe.Element = t, fe.ForwardRef = h, fe.Fragment = r, fe.Lazy = v, fe.Memo = p, fe.Portal = n, fe.Profiler = s, fe.StrictMode = o, fe.Suspense = g, fe.isAsyncMode = function(C) {
     return b(C) || $(C) === c;
   }, fe.isConcurrentMode = b, fe.isContextConsumer = function(C) {
     return $(C) === l;
@@ -98,7 +98,7 @@ function pa() {
   }, fe.isLazy = function(C) {
     return $(C) === v;
   }, fe.isMemo = function(C) {
-    return $(C) === m;
+    return $(C) === p;
   }, fe.isPortal = function(C) {
     return $(C) === n;
   }, fe.isProfiler = function(C) {
@@ -108,7 +108,7 @@ function pa() {
   }, fe.isSuspense = function(C) {
     return $(C) === g;
   }, fe.isValidElementType = function(C) {
-    return typeof C == "string" || typeof C == "function" || C === r || C === d || C === s || C === o || C === g || C === y || typeof C == "object" && C !== null && (C.$$typeof === v || C.$$typeof === m || C.$$typeof === a || C.$$typeof === l || C.$$typeof === h || C.$$typeof === _ || C.$$typeof === w || C.$$typeof === S || C.$$typeof === f);
+    return typeof C == "string" || typeof C == "function" || C === r || C === d || C === s || C === o || C === g || C === y || typeof C == "object" && C !== null && (C.$$typeof === v || C.$$typeof === p || C.$$typeof === a || C.$$typeof === l || C.$$typeof === h || C.$$typeof === _ || C.$$typeof === w || C.$$typeof === k || C.$$typeof === f);
   }, fe.typeOf = $, fe;
 }
 var pe = {};
@@ -123,10 +123,10 @@ var pe = {};
 var co;
 function ma() {
   return co || (co = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, _ = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, _ = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
     function $(I) {
       return typeof I == "string" || typeof I == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      I === r || I === d || I === s || I === o || I === g || I === y || typeof I == "object" && I !== null && (I.$$typeof === v || I.$$typeof === m || I.$$typeof === a || I.$$typeof === l || I.$$typeof === h || I.$$typeof === _ || I.$$typeof === w || I.$$typeof === S || I.$$typeof === f);
+      I === r || I === d || I === s || I === o || I === g || I === y || typeof I == "object" && I !== null && (I.$$typeof === v || I.$$typeof === p || I.$$typeof === a || I.$$typeof === l || I.$$typeof === h || I.$$typeof === _ || I.$$typeof === w || I.$$typeof === k || I.$$typeof === f);
     }
     function b(I) {
       if (typeof I == "object" && I !== null) {
@@ -148,7 +148,7 @@ function ma() {
                   case l:
                   case h:
                   case v:
-                  case m:
+                  case p:
                   case a:
                     return et;
                   default:
@@ -160,14 +160,14 @@ function ma() {
         }
       }
     }
-    var C = c, x = d, M = l, D = a, O = t, q = h, z = r, p = v, E = m, k = n, B = s, F = o, Y = g, W = !1;
+    var C = c, x = d, A = l, R = a, O = t, q = h, z = r, m = v, E = p, S = n, B = s, F = o, Y = g, W = !1;
     function ce(I) {
-      return W || (W = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), R(I) || b(I) === c;
+      return W || (W = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), D(I) || b(I) === c;
     }
-    function R(I) {
+    function D(I) {
       return b(I) === d;
     }
-    function A(I) {
+    function L(I) {
       return b(I) === l;
     }
     function J(I) {
@@ -186,7 +186,7 @@ function ma() {
       return b(I) === v;
     }
     function G(I) {
-      return b(I) === m;
+      return b(I) === p;
     }
     function U(I) {
       return b(I) === n;
@@ -200,7 +200,7 @@ function ma() {
     function ue(I) {
       return b(I) === g;
     }
-    pe.AsyncMode = C, pe.ConcurrentMode = x, pe.ContextConsumer = M, pe.ContextProvider = D, pe.Element = O, pe.ForwardRef = q, pe.Fragment = z, pe.Lazy = p, pe.Memo = E, pe.Portal = k, pe.Profiler = B, pe.StrictMode = F, pe.Suspense = Y, pe.isAsyncMode = ce, pe.isConcurrentMode = R, pe.isContextConsumer = A, pe.isContextProvider = J, pe.isElement = K, pe.isForwardRef = P, pe.isFragment = Z, pe.isLazy = ne, pe.isMemo = G, pe.isPortal = U, pe.isProfiler = oe, pe.isStrictMode = ee, pe.isSuspense = ue, pe.isValidElementType = $, pe.typeOf = b;
+    pe.AsyncMode = C, pe.ConcurrentMode = x, pe.ContextConsumer = A, pe.ContextProvider = R, pe.Element = O, pe.ForwardRef = q, pe.Fragment = z, pe.Lazy = m, pe.Memo = E, pe.Portal = S, pe.Profiler = B, pe.StrictMode = F, pe.Suspense = Y, pe.isAsyncMode = ce, pe.isConcurrentMode = D, pe.isContextConsumer = L, pe.isContextProvider = J, pe.isElement = K, pe.isForwardRef = P, pe.isFragment = Z, pe.isLazy = ne, pe.isMemo = G, pe.isPortal = U, pe.isProfiler = oe, pe.isStrictMode = ee, pe.isSuspense = ue, pe.isValidElementType = $, pe.typeOf = b;
   }()), pe;
 }
 var uo;
@@ -306,9 +306,9 @@ function ga() {
             (c || "React class") + ": type specification of " + l + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof g + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), g instanceof Error && !(g.message in n)) {
             n[g.message] = !0;
-            var m = d ? d() : "";
+            var p = d ? d() : "";
             e(
-              "Failed " + l + " type: " + g.message + (m ?? "")
+              "Failed " + l + " type: " + g.message + (p ?? "")
             );
           }
         }
@@ -337,12 +337,12 @@ function ya() {
   }
   return Cr = function(l, c) {
     var d = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
-    function g(R) {
-      var A = R && (d && R[d] || R[h]);
-      if (typeof A == "function")
-        return A;
+    function g(D) {
+      var L = D && (d && D[d] || D[h]);
+      if (typeof L == "function")
+        return L;
     }
-    var y = "<<anonymous>>", m = {
+    var y = "<<anonymous>>", p = {
       array: w("array"),
       bigint: w("bigint"),
       bool: w("boolean"),
@@ -351,28 +351,28 @@ function ya() {
       object: w("object"),
       string: w("string"),
       symbol: w("symbol"),
-      any: S(),
+      any: k(),
       arrayOf: $,
       element: b(),
       elementType: C(),
       instanceOf: x,
       node: q(),
-      objectOf: D,
-      oneOf: M,
+      objectOf: R,
+      oneOf: A,
       oneOfType: O,
-      shape: p,
+      shape: m,
       exact: E
     };
-    function v(R, A) {
-      return R === A ? R !== 0 || 1 / R === 1 / A : R !== R && A !== A;
+    function v(D, L) {
+      return D === L ? D !== 0 || 1 / D === 1 / L : D !== D && L !== L;
     }
-    function f(R, A) {
-      this.message = R, this.data = A && typeof A == "object" ? A : {}, this.stack = "";
+    function f(D, L) {
+      this.message = D, this.data = L && typeof L == "object" ? L : {}, this.stack = "";
     }
     f.prototype = Error.prototype;
-    function _(R) {
+    function _(D) {
       if (process.env.NODE_ENV !== "production")
-        var A = {}, J = 0;
+        var L = {}, J = 0;
       function K(Z, ne, G, U, oe, ee, ue) {
         if (U = U || y, ee = ee || G, ue !== n) {
           if (c) {
@@ -382,37 +382,37 @@ function ya() {
             throw I.name = "Invariant Violation", I;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var se = U + ":" + G;
-            !A[se] && // Avoid spamming the console because they are often not actionable except for lib authors
+            !L[se] && // Avoid spamming the console because they are often not actionable except for lib authors
             J < 3 && (s(
               "You are manually calling a React.PropTypes validation function for the `" + ee + "` prop on `" + U + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), A[se] = !0, J++);
+            ), L[se] = !0, J++);
           }
         }
-        return ne[G] == null ? Z ? ne[G] === null ? new f("The " + oe + " `" + ee + "` is marked as required " + ("in `" + U + "`, but its value is `null`.")) : new f("The " + oe + " `" + ee + "` is marked as required in " + ("`" + U + "`, but its value is `undefined`.")) : null : R(ne, G, U, oe, ee);
+        return ne[G] == null ? Z ? ne[G] === null ? new f("The " + oe + " `" + ee + "` is marked as required " + ("in `" + U + "`, but its value is `null`.")) : new f("The " + oe + " `" + ee + "` is marked as required in " + ("`" + U + "`, but its value is `undefined`.")) : null : D(ne, G, U, oe, ee);
       }
       var P = K.bind(null, !1);
       return P.isRequired = K.bind(null, !0), P;
     }
-    function w(R) {
-      function A(J, K, P, Z, ne, G) {
+    function w(D) {
+      function L(J, K, P, Z, ne, G) {
         var U = J[K], oe = F(U);
-        if (oe !== R) {
+        if (oe !== D) {
           var ee = Y(U);
           return new f(
-            "Invalid " + Z + " `" + ne + "` of type " + ("`" + ee + "` supplied to `" + P + "`, expected ") + ("`" + R + "`."),
-            { expectedType: R }
+            "Invalid " + Z + " `" + ne + "` of type " + ("`" + ee + "` supplied to `" + P + "`, expected ") + ("`" + D + "`."),
+            { expectedType: D }
           );
         }
         return null;
       }
-      return _(A);
+      return _(L);
     }
-    function S() {
+    function k() {
       return _(a);
     }
-    function $(R) {
-      function A(J, K, P, Z, ne) {
-        if (typeof R != "function")
+    function $(D) {
+      function L(J, K, P, Z, ne) {
+        if (typeof D != "function")
           return new f("Property `" + ne + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
         var G = J[K];
         if (!Array.isArray(G)) {
@@ -420,93 +420,93 @@ function ya() {
           return new f("Invalid " + Z + " `" + ne + "` of type " + ("`" + U + "` supplied to `" + P + "`, expected an array."));
         }
         for (var oe = 0; oe < G.length; oe++) {
-          var ee = R(G, oe, P, Z, ne + "[" + oe + "]", n);
+          var ee = D(G, oe, P, Z, ne + "[" + oe + "]", n);
           if (ee instanceof Error)
             return ee;
         }
         return null;
       }
-      return _(A);
+      return _(L);
     }
     function b() {
-      function R(A, J, K, P, Z) {
-        var ne = A[J];
+      function D(L, J, K, P, Z) {
+        var ne = L[J];
         if (!l(ne)) {
           var G = F(ne);
           return new f("Invalid " + P + " `" + Z + "` of type " + ("`" + G + "` supplied to `" + K + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return _(R);
+      return _(D);
     }
     function C() {
-      function R(A, J, K, P, Z) {
-        var ne = A[J];
+      function D(L, J, K, P, Z) {
+        var ne = L[J];
         if (!e.isValidElementType(ne)) {
           var G = F(ne);
           return new f("Invalid " + P + " `" + Z + "` of type " + ("`" + G + "` supplied to `" + K + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return _(R);
+      return _(D);
     }
-    function x(R) {
-      function A(J, K, P, Z, ne) {
-        if (!(J[K] instanceof R)) {
-          var G = R.name || y, U = ce(J[K]);
+    function x(D) {
+      function L(J, K, P, Z, ne) {
+        if (!(J[K] instanceof D)) {
+          var G = D.name || y, U = ce(J[K]);
           return new f("Invalid " + Z + " `" + ne + "` of type " + ("`" + U + "` supplied to `" + P + "`, expected ") + ("instance of `" + G + "`."));
         }
         return null;
       }
-      return _(A);
+      return _(L);
     }
-    function M(R) {
-      if (!Array.isArray(R))
+    function A(D) {
+      if (!Array.isArray(D))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : s("Invalid argument supplied to oneOf, expected an array.")), a;
-      function A(J, K, P, Z, ne) {
-        for (var G = J[K], U = 0; U < R.length; U++)
-          if (v(G, R[U]))
+      function L(J, K, P, Z, ne) {
+        for (var G = J[K], U = 0; U < D.length; U++)
+          if (v(G, D[U]))
             return null;
-        var oe = JSON.stringify(R, function(ue, I) {
+        var oe = JSON.stringify(D, function(ue, I) {
           var se = Y(I);
           return se === "symbol" ? String(I) : I;
         });
         return new f("Invalid " + Z + " `" + ne + "` of value `" + String(G) + "` " + ("supplied to `" + P + "`, expected one of " + oe + "."));
       }
-      return _(A);
+      return _(L);
     }
-    function D(R) {
-      function A(J, K, P, Z, ne) {
-        if (typeof R != "function")
+    function R(D) {
+      function L(J, K, P, Z, ne) {
+        if (typeof D != "function")
           return new f("Property `" + ne + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
         var G = J[K], U = F(G);
         if (U !== "object")
           return new f("Invalid " + Z + " `" + ne + "` of type " + ("`" + U + "` supplied to `" + P + "`, expected an object."));
         for (var oe in G)
           if (r(G, oe)) {
-            var ee = R(G, oe, P, Z, ne + "." + oe, n);
+            var ee = D(G, oe, P, Z, ne + "." + oe, n);
             if (ee instanceof Error)
               return ee;
           }
         return null;
       }
-      return _(A);
+      return _(L);
     }
-    function O(R) {
-      if (!Array.isArray(R))
+    function O(D) {
+      if (!Array.isArray(D))
         return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), a;
-      for (var A = 0; A < R.length; A++) {
-        var J = R[A];
+      for (var L = 0; L < D.length; L++) {
+        var J = D[L];
         if (typeof J != "function")
           return s(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + W(J) + " at index " + A + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + W(J) + " at index " + L + "."
           ), a;
       }
       function K(P, Z, ne, G, U) {
-        for (var oe = [], ee = 0; ee < R.length; ee++) {
-          var ue = R[ee], I = ue(P, Z, ne, G, U, n);
+        for (var oe = [], ee = 0; ee < D.length; ee++) {
+          var ue = D[ee], I = ue(P, Z, ne, G, U, n);
           if (I == null)
             return null;
           I.data && r(I.data, "expectedType") && oe.push(I.data.expectedType);
@@ -517,23 +517,23 @@ function ya() {
       return _(K);
     }
     function q() {
-      function R(A, J, K, P, Z) {
-        return k(A[J]) ? null : new f("Invalid " + P + " `" + Z + "` supplied to " + ("`" + K + "`, expected a ReactNode."));
+      function D(L, J, K, P, Z) {
+        return S(L[J]) ? null : new f("Invalid " + P + " `" + Z + "` supplied to " + ("`" + K + "`, expected a ReactNode."));
       }
-      return _(R);
+      return _(D);
     }
-    function z(R, A, J, K, P) {
+    function z(D, L, J, K, P) {
       return new f(
-        (R || "React class") + ": " + A + " type `" + J + "." + K + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
+        (D || "React class") + ": " + L + " type `" + J + "." + K + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
       );
     }
-    function p(R) {
-      function A(J, K, P, Z, ne) {
+    function m(D) {
+      function L(J, K, P, Z, ne) {
         var G = J[K], U = F(G);
         if (U !== "object")
           return new f("Invalid " + Z + " `" + ne + "` of type `" + U + "` " + ("supplied to `" + P + "`, expected `object`."));
-        for (var oe in R) {
-          var ee = R[oe];
+        for (var oe in D) {
+          var ee = D[oe];
           if (typeof ee != "function")
             return z(P, Z, ne, oe, Y(ee));
           var ue = ee(G, oe, P, Z, ne + "." + oe, n);
@@ -542,22 +542,22 @@ function ya() {
         }
         return null;
       }
-      return _(A);
+      return _(L);
     }
-    function E(R) {
-      function A(J, K, P, Z, ne) {
+    function E(D) {
+      function L(J, K, P, Z, ne) {
         var G = J[K], U = F(G);
         if (U !== "object")
           return new f("Invalid " + Z + " `" + ne + "` of type `" + U + "` " + ("supplied to `" + P + "`, expected `object`."));
-        var oe = t({}, J[K], R);
+        var oe = t({}, J[K], D);
         for (var ee in oe) {
-          var ue = R[ee];
-          if (r(R, ee) && typeof ue != "function")
+          var ue = D[ee];
+          if (r(D, ee) && typeof ue != "function")
             return z(P, Z, ne, ee, Y(ue));
           if (!ue)
             return new f(
               "Invalid " + Z + " `" + ne + "` key `" + ee + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(J[K], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(R), null, "  ")
+Valid keys: ` + JSON.stringify(Object.keys(D), null, "  ")
             );
           var I = ue(G, ee, P, Z, ne + "." + ee, n);
           if (I)
@@ -565,32 +565,32 @@ Valid keys: ` + JSON.stringify(Object.keys(R), null, "  ")
         }
         return null;
       }
-      return _(A);
+      return _(L);
     }
-    function k(R) {
-      switch (typeof R) {
+    function S(D) {
+      switch (typeof D) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !R;
+          return !D;
         case "object":
-          if (Array.isArray(R))
-            return R.every(k);
-          if (R === null || l(R))
+          if (Array.isArray(D))
+            return D.every(S);
+          if (D === null || l(D))
             return !0;
-          var A = g(R);
-          if (A) {
-            var J = A.call(R), K;
-            if (A !== R.entries) {
+          var L = g(D);
+          if (L) {
+            var J = L.call(D), K;
+            if (L !== D.entries) {
               for (; !(K = J.next()).done; )
-                if (!k(K.value))
+                if (!S(K.value))
                   return !1;
             } else
               for (; !(K = J.next()).done; ) {
                 var P = K.value;
-                if (P && !k(P[1]))
+                if (P && !S(P[1]))
                   return !1;
               }
           } else
@@ -600,43 +600,43 @@ Valid keys: ` + JSON.stringify(Object.keys(R), null, "  ")
           return !1;
       }
     }
-    function B(R, A) {
-      return R === "symbol" ? !0 : A ? A["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && A instanceof Symbol : !1;
+    function B(D, L) {
+      return D === "symbol" ? !0 : L ? L["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && L instanceof Symbol : !1;
     }
-    function F(R) {
-      var A = typeof R;
-      return Array.isArray(R) ? "array" : R instanceof RegExp ? "object" : B(A, R) ? "symbol" : A;
+    function F(D) {
+      var L = typeof D;
+      return Array.isArray(D) ? "array" : D instanceof RegExp ? "object" : B(L, D) ? "symbol" : L;
     }
-    function Y(R) {
-      if (typeof R > "u" || R === null)
-        return "" + R;
-      var A = F(R);
-      if (A === "object") {
-        if (R instanceof Date)
+    function Y(D) {
+      if (typeof D > "u" || D === null)
+        return "" + D;
+      var L = F(D);
+      if (L === "object") {
+        if (D instanceof Date)
           return "date";
-        if (R instanceof RegExp)
+        if (D instanceof RegExp)
           return "regexp";
       }
-      return A;
+      return L;
     }
-    function W(R) {
-      var A = Y(R);
-      switch (A) {
+    function W(D) {
+      var L = Y(D);
+      switch (L) {
         case "array":
         case "object":
-          return "an " + A;
+          return "an " + L;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + A;
+          return "a " + L;
         default:
-          return A;
+          return L;
       }
     }
-    function ce(R) {
-      return !R.constructor || !R.constructor.name ? y : R.constructor.name;
+    function ce(D) {
+      return !D.constructor || !D.constructor.name ? y : D.constructor.name;
     }
-    return m.checkPropTypes = o, m.resetWarningCache = o.resetWarningCache, m.PropTypes = m, m;
+    return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
   }, Cr;
 }
 var _r, yo;
@@ -797,16 +797,16 @@ const vo = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   onClickCopy: h = (v) => console.log(`Copy ambit: ${v}`),
   onCLickDelete: g = (v) => console.log(`Delete ambit: ${v}`),
   onClickFilters: y = (v) => console.log(`Filters clicked: ${v}`),
-  onClickAmbit: m = (v) => console.log(`OnCLickAmbit: ${v}`)
+  onClickAmbit: p = (v) => console.log(`OnCLickAmbit: ${v}`)
 }) => {
   const { t: v } = le(), [f, _] = de(e);
   te(() => {
     e && _(e);
   }, [e]);
-  const w = (S) => {
+  const w = (k) => {
     if (f && f.length > 0) {
       let $ = [...f];
-      $.sort((b, C) => b[S].localeCompare(C[S])), _($);
+      $.sort((b, C) => b[k].localeCompare(C[k])), _($);
     }
   };
   return /* @__PURE__ */ T(
@@ -835,19 +835,19 @@ const vo = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             ]
           }
         ),
-        /* @__PURE__ */ u("div", { className: dt.ambitListContainer, children: f && f.length > 0 && f.map((S) => /* @__PURE__ */ u(
+        /* @__PURE__ */ u("div", { className: dt.ambitListContainer, children: f && f.length > 0 && f.map((k) => /* @__PURE__ */ u(
           Ii,
           {
-            isActive: t == S.id,
-            ambit: S,
+            isActive: t == k.id,
+            ambit: k,
             fontColor: n,
             activeColor: r,
             onClickCopy: h,
             onClickDelete: g,
             onClickFilters: y,
-            onClickAmbit: m
+            onClickAmbit: p
           },
-          `ambitKey${S.id}`
+          `ambitKey${k.id}`
         )) }),
         /* @__PURE__ */ u("div", { className: dt.newAmbitButtonContainer, children: /* @__PURE__ */ u(
           Yn,
@@ -925,7 +925,7 @@ const Da = ({
           activeIcon: h,
           isActive: g,
           name: y,
-          onClick: m,
+          onClick: p,
           disabled: v
         } = l, f = /* @__PURE__ */ T(fn, { children: [
           n && r === "left" && /* @__PURE__ */ u("span", { className: Ct.buttonName, children: a(y) }),
@@ -936,7 +936,7 @@ const Da = ({
           /* @__PURE__ */ u(
             "button",
             {
-              onClick: m,
+              onClick: p,
               className: `${Ct.button}
                 ${g && Ct.active}`,
               disabled: v,
@@ -1044,8 +1044,8 @@ const Np = () => /* @__PURE__ */ u("div", { children: "EditAmbit" }), Ba = "data
   activeFiltersType: null
 })), Pi = ({ title: e, onClick: t, isOpen: n = !0, textColor: r = "#ffffff", backgroundColor: o = "#605B5680", activeColor: s, fontColor: a = "#605B56" }) => {
   const { t: l } = le(), { tematicalFiltersSelected: c, activeFiltersType: d } = ve((y) => y), h = (y) => {
-    ve.setState((m) => ({
-      tematicalFiltersSelected: m.tematicalFiltersSelected.filter(
+    ve.setState((p) => ({
+      tematicalFiltersSelected: p.tematicalFiltersSelected.filter(
         (v) => v.code !== y
       )
     }));
@@ -1061,10 +1061,10 @@ const Np = () => /* @__PURE__ */ u("div", { children: "EditAmbit" }), Ba = "data
       activeColor: s,
       mainTitle: !0,
       color: a,
-      children: /* @__PURE__ */ u("div", { className: Co.AppliedFiltersContainer, children: c == null ? void 0 : c.map((y, m) => /* @__PURE__ */ T("div", { className: Co.AppliedFilterContent, style: { color: r, background: o }, children: [
+      children: /* @__PURE__ */ u("div", { className: Co.AppliedFiltersContainer, children: c == null ? void 0 : c.map((y, p) => /* @__PURE__ */ T("div", { className: Co.AppliedFilterContent, style: { color: r, background: o }, children: [
         l(y.name),
         /* @__PURE__ */ u("img", { src: Ba, alt: "CloseIcon", onClick: () => h(y.code), style: { cursor: "pointer" } })
-      ] }, m)) })
+      ] }, p)) })
     }
   );
 };
@@ -1097,9 +1097,9 @@ const ja = "_layersList_cn837_25", qa = "_layerName_cn837_34", _o = {
   const { t: l } = le(), { activeFiltersType: c } = ve((g) => g), d = () => {
     c === "geographical" ? ve.setState({ activeFiltersType: null }) : ve.setState({ activeFiltersType: "geographical" });
   }, h = (g) => {
-    const y = s.map((m) => ({
-      ...m,
-      active: m.name === g.name
+    const y = s.map((p) => ({
+      ...p,
+      active: p.name === g.name
     }));
     a == null || a(y);
   };
@@ -1415,15 +1415,15 @@ let Vr = function(e) {
         r > y - g && (r = y - g);
       }
     }
-    o[s] = r, c && a > 1 && (r > l ? (this.pushSucceeding(o, g, s), function(y, m, v, f) {
+    o[s] = r, c && a > 1 && (r > l ? (this.pushSucceeding(o, g, s), function(y, p, v, f) {
       for (let _ = 0; _ < y; _ += 1) {
         const w = f - _ * v;
-        m[y - 1 - _] > w && (m[y - 1 - _] = w);
+        p[y - 1 - _] > w && (p[y - 1 - _] = w);
       }
-    }(a, o, g, d)) : r < l && (this.pushPreceding(o, g, s), function(y, m, v, f) {
+    }(a, o, g, d)) : r < l && (this.pushPreceding(o, g, s), function(y, p, v, f) {
       for (let _ = 0; _ < y; _ += 1) {
         const w = f + _ * v;
-        m[_] < w && (m[_] = w);
+        p[_] < w && (p[_] = w);
       }
     }(a, o, g, h))), this.setState({ value: o }, this.fireChangeEvent.bind(this, "onChange"));
   }, n.pushSucceeding = function(r, o, s) {
@@ -1499,11 +1499,11 @@ const Ha = "_container_4u41i_2", Ka = "_unitLabel_4u41i_8", Ga = "_slider_4u41i_
   defaultValue: l,
   isDate: c
 }) => {
-  const { t: d } = le(), h = c ? new Date(e).getTime() : null, g = c ? new Date(t).getTime() : null, [y, m] = de(c ? [h, g] : [e, t]), v = (f) => {
-    m(f), r == null || r({ min: f[0], max: f[1] });
+  const { t: d } = le(), h = c ? new Date(e).getTime() : null, g = c ? new Date(t).getTime() : null, [y, p] = de(c ? [h, g] : [e, t]), v = (f) => {
+    p(f), r == null || r({ min: f[0], max: f[1] });
   };
   return te(() => {
-    l || m(c ? [h, g] : [e, t]);
+    l || p(c ? [h, g] : [e, t]);
   }, [l, c]), /* @__PURE__ */ T(
     "div",
     {
@@ -1575,7 +1575,7 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
     step: h,
     disabled: g,
     isDate: y
-  } = e || {}, m = ze(
+  } = e || {}, p = ze(
     () => o == "cat" || n == "cat",
     [n, o]
   ), v = ze(
@@ -1585,26 +1585,26 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
     tematicalFiltersSelected: f,
     selectedIndicator: _,
     fontColor: w,
-    inputsColor: S
+    inputsColor: k
   } = ve((C) => C), $ = (C) => {
     if (C) {
-      const { min: x, max: M, valueClicked: D, allValues: O } = C || {}, { code: q, type: z, source: p } = e || {}, E = v ? "abs" : m ? "cat" : "both";
-      let k = q[0];
-      z == "both" && (k = E == "cat" ? q[1] : q[0]), E == "cat" ? ve.setState((B) => {
+      const { min: x, max: A, valueClicked: R, allValues: O } = C || {}, { code: q, type: z, source: m } = e || {}, E = v ? "abs" : p ? "cat" : "both";
+      let S = q[0];
+      z == "both" && (S = E == "cat" ? q[1] : q[0]), E == "cat" ? ve.setState((B) => {
         let F = B.tematicalFiltersSelected.find(
-          (Y) => Y.code === k
+          (Y) => Y.code === S
         );
         if (F) {
           let Y = [F.values];
-          return F.values.includes(D) ? Y = F.values.filter(
-            (W) => W !== D
-          ) : Y = [...F.values, D], Y.length == O.length ? {
+          return F.values.includes(R) ? Y = F.values.filter(
+            (W) => W !== R
+          ) : Y = [...F.values, R], Y.length == O.length ? {
             tematicalFiltersSelected: B.tematicalFiltersSelected.filter(
-              (W) => W.code !== k
+              (W) => W.code !== S
             )
           } : {
             tematicalFiltersSelected: B.tematicalFiltersSelected.map(
-              (W) => W.code === k ? { ...W, values: Y } : W
+              (W) => W.code === S ? { ...W, values: Y } : W
             )
           };
         } else {
@@ -1614,10 +1614,10 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
               ...f,
               {
                 type: "cat",
-                code: k,
-                values: Y.filter((W) => W !== D),
+                code: S,
+                values: Y.filter((W) => W !== R),
                 name: e.name,
-                source: p,
+                source: m,
                 isDate: y
               }
             ]
@@ -1625,19 +1625,19 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
         }
       }) : E == "abs" && ve.setState((B) => {
         let F = B.tematicalFiltersSelected.find(
-          (Y) => Y.code === k
+          (Y) => Y.code === S
         );
-        if (x == e.minValue && M == e.maxValue)
+        if (x == e.minValue && A == e.maxValue)
           return {
             tematicalFiltersSelected: B.tematicalFiltersSelected.filter(
-              (Y) => Y.code !== k
+              (Y) => Y.code !== S
             )
           };
         if (F) {
-          let Y = { ...F, min: x, max: M, type: E, isDate: y };
+          let Y = { ...F, min: x, max: A, type: E, isDate: y };
           return {
             tematicalFiltersSelected: B.tematicalFiltersSelected.map(
-              (W) => W.code === k ? Y : W
+              (W) => W.code === S ? Y : W
             )
           };
         } else
@@ -1646,9 +1646,9 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
               ...f,
               {
                 type: E,
-                code: k,
+                code: S,
                 min: x,
-                max: M,
+                max: A,
                 name: e.name,
                 source: e.source
               }
@@ -1703,8 +1703,8 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: n == "abs" ? S : "white",
-                      border: `1.5px solid ${n == "abs" ? S : w}`
+                      backgroundColor: n == "abs" ? k : "white",
+                      border: `1.5px solid ${n == "abs" ? k : w}`
                     }
                   }
                 ),
@@ -1722,8 +1722,8 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: n == "cat" ? S : "white",
-                      border: `1.5px solid ${n == "cat" ? S : w}`
+                      backgroundColor: n == "cat" ? k : "white",
+                      border: `1.5px solid ${n == "cat" ? k : w}`
                     }
                   }
                 ),
@@ -1732,14 +1732,14 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
             ]
           }
         ),
-        m && /* @__PURE__ */ u("div", { className: Tn.checkboxContainer, children: (a || []).map((C, x) => {
-          var M;
+        p && /* @__PURE__ */ u("div", { className: Tn.checkboxContainer, children: (a || []).map((C, x) => {
+          var A;
           return /* @__PURE__ */ u(
             Bi,
             {
               onClick: () => $({ valueClicked: x, allValues: a }),
               indicator: C,
-              value: ((M = b[e.code[o == "both" ? 1 : 0]]) == null ? void 0 : M.has(x)) || !b[e.code[o == "both" ? 1 : 0]]
+              value: ((A = b[e.code[o == "both" ? 1 : 0]]) == null ? void 0 : A.has(x)) || !b[e.code[o == "both" ? 1 : 0]]
             },
             `checkbox-${x}`
           );
@@ -1946,7 +1946,7 @@ const rl = "_FiltersAmbitContainer_1hv16_2", ol = "_FiltersContainer_1hv16_15",
   descPlaceholder: h,
   filtersTypes: g = ["geographical", "tematical"],
   nameRequiredText: y,
-  geoLayers: m = [],
+  geoLayers: p = [],
   onGeoLayersChange: v,
   onlyFilters: f = !1,
   //usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
@@ -1954,9 +1954,9 @@ const rl = "_FiltersAmbitContainer_1hv16_2", ol = "_FiltersContainer_1hv16_15",
   //campo descripción required
   extraLists: w = !1
 }) => {
-  const { t: S } = le(), { tematicalFiltersSelected: $, activeFiltersType: b } = ve(
-    (p) => p
-  ), [C, x] = de(e || null), [M, D] = de(t || null), [O, q] = de(!1);
+  const { t: k } = le(), { tematicalFiltersSelected: $, activeFiltersType: b } = ve(
+    (m) => m
+  ), [C, x] = de(e || null), [A, R] = de(t || null), [O, q] = de(!1);
   te(() => {
     ve.setState({
       tematicalFiltersSelected: n || []
@@ -1965,15 +1965,15 @@ const rl = "_FiltersAmbitContainer_1hv16_2", ol = "_FiltersContainer_1hv16_15",
     l($);
   }, [$]);
   const z = () => {
-    _ ? C && M ? c({ name: C, description: M }) : q(!0) : C ? c({ name: C, description: M }) : q(!0);
+    _ ? C && A ? c({ name: C, description: A }) : q(!0) : C ? c({ name: C, description: A }) : q(!0);
   };
   return te(() => {
-    if (g.includes("geographical") && b != "geographical" && m.length > 0) {
-      const p = m.map((E) => ({
+    if (g.includes("geographical") && b != "geographical" && p.length > 0) {
+      const m = p.map((E) => ({
         ...E,
         active: !1
       }));
-      v == null || v(p);
+      v == null || v(m);
     }
   }, [b]), /* @__PURE__ */ T("div", { className: ft.FiltersAmbitContainer, children: [
     /* @__PURE__ */ T("div", { className: ft.FiltersContainer, children: [
@@ -1982,28 +1982,28 @@ const rl = "_FiltersAmbitContainer_1hv16_2", ol = "_FiltersContainer_1hv16_15",
           "input",
           {
             type: "text",
-            onChange: (p) => {
-              q(!1), x(p.target.value);
+            onChange: (m) => {
+              q(!1), x(m.target.value);
             },
             value: C,
-            placeholder: S(d)
+            placeholder: k(d)
           }
         ) }),
         /* @__PURE__ */ u("div", { className: ft.FiltersAmbitDescription, children: /* @__PURE__ */ u("div", { className: ft.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ u(
           "textarea",
           {
-            value: M,
-            onChange: (p) => {
-              _ && q(!1), D(p.target.value);
+            value: A,
+            onChange: (m) => {
+              _ && q(!1), R(m.target.value);
             },
-            placeholder: S(h)
+            placeholder: k(h)
           }
         ) }) })
       ] }),
       /* @__PURE__ */ u(
         Pi,
         {
-          title: S("applied_filters"),
+          title: k("applied_filters"),
           isOpen: b == "applied",
           textColor: s || "#fff",
           backgroundColor: a || "#605B5680",
@@ -2015,19 +2015,19 @@ const rl = "_FiltersAmbitContainer_1hv16_2", ol = "_FiltersContainer_1hv16_15",
         {
           title: "geo_filters",
           activeColor: o,
-          geoLayers: m,
+          geoLayers: p,
           onGeoLayersChange: v
         }
       ),
-      g.includes("extra") && w.map((p) => /* @__PURE__ */ u(
+      g.includes("extra") && w.map((m) => /* @__PURE__ */ u(
         Fr,
         {
-          indicators: p.indicators,
+          indicators: m.indicators,
           inputsColor: o,
           textColor: s,
-          title: p.title,
+          title: m.title,
           activeColor: o,
-          isExtra: p.title
+          isExtra: m.title
         }
       )),
       g.includes("tematical") && /* @__PURE__ */ u(
@@ -2043,8 +2043,8 @@ const rl = "_FiltersAmbitContainer_1hv16_2", ol = "_FiltersContainer_1hv16_15",
       )
     ] }),
     !f && /* @__PURE__ */ T("div", { className: ft.buttonContainer, children: [
-      O && /* @__PURE__ */ u("div", { className: ft.warning, children: S(y) }),
-      /* @__PURE__ */ u(Yn, { onClick: () => z(), children: S("save_ambit") })
+      O && /* @__PURE__ */ u("div", { className: ft.warning, children: k(y) }),
+      /* @__PURE__ */ u(Yn, { onClick: () => z(), children: k("save_ambit") })
     ] })
   ] });
 };
@@ -2086,44 +2086,44 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
   xLabelPadding: h = l == "vertical" ? 50 : 40,
   containerWidth: g = 700,
   containerHeight: y = 500,
-  mainColor: m = "#000"
+  mainColor: p = "#000"
 }) => {
   const {
     xScale: v,
     yScale: f,
     ticks: _,
     height: w,
-    chartWidth: S,
+    chartWidth: k,
     svgWidth: $,
     svgHeight: b,
     contentWidth: C
   } = ze(() => {
     if (e && e.length > 0) {
-      const x = mr.max(e, (D) => D.value) || 1, M = a || x;
+      const x = mr.max(e, (R) => R.value) || 1, A = a || x;
       if (l === "vertical") {
-        const D = e.length * (t + n) + c * 2, O = Math.max(D, g || 0), q = y, p = mr.scaleLinear().domain([0, M]).range([q - 100, d]), E = Array.from(
+        const R = e.length * (t + n) + c * 2, O = Math.max(R, g || 0), q = y, m = mr.scaleLinear().domain([0, A]).range([q - 100, d]), E = Array.from(
           { length: s + 1 },
-          (k, B) => M / s * B
+          (S, B) => A / s * B
         );
         return {
-          yScale: p,
+          yScale: m,
           ticks: E,
           height: q,
           chartWidth: O,
           svgWidth: O,
           svgHeight: q,
-          contentWidth: D
+          contentWidth: R
         };
       } else {
-        const D = e.length * (t + n);
-        console.log("barsHeight: ", D);
-        const O = D + d * 2 + h + 30, q = g + o + c * 2, z = mr.scaleLinear().domain([0, M]).range([0, g - c * 2]), p = Array.from(
+        const R = e.length * (t + n);
+        console.log("barsHeight: ", R);
+        const O = R + d * 2 + h + 30, q = g + o + c * 2, z = mr.scaleLinear().domain([0, A]).range([0, g - c * 2]), m = Array.from(
           { length: s + 1 },
-          (E, k) => M / s * k
+          (E, S) => A / s * S
         );
         return {
           xScale: z,
-          ticks: p,
+          ticks: m,
           height: O,
           chartWidth: g,
           svgWidth: q,
@@ -2159,7 +2159,7 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
         //width: containerWidth ? `${containerWidth}px` : "100%",
         width: "100%",
         height: y ? `${y}px` : "100%",
-        "--main-color": m
+        "--main-color": p
       },
       className: xo.barChartContainer,
       children: /* @__PURE__ */ u(
@@ -2172,19 +2172,19 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
             width: $,
             height: b,
             maxWidth: "none",
-            "--main-color": m
+            "--main-color": p
           },
           children: /* @__PURE__ */ T("g", { transform: `translate(${c}, 0)`, children: [
-            /* @__PURE__ */ u("g", { children: _.map((x, M) => {
-              const D = f(x);
+            /* @__PURE__ */ u("g", { children: _.map((x, A) => {
+              const R = f(x);
               return /* @__PURE__ */ T("g", { children: [
                 /* @__PURE__ */ u(
                   "line",
                   {
                     x1: 0,
-                    x2: S - c * 2,
-                    y1: D,
-                    y2: D,
+                    x2: k - c * 2,
+                    y1: R,
+                    y2: R,
                     stroke: "#ccc"
                   }
                 ),
@@ -2192,17 +2192,17 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
                   "text",
                   {
                     x: -10,
-                    y: D + 4,
+                    y: R + 4,
                     textAnchor: "end",
                     fontSize: 10,
                     fill: r,
                     children: parseInt(x)
                   }
                 )
-              ] }, M);
+              ] }, A);
             }) }),
-            e && e.length > 0 && e.map((x, M) => {
-              const D = f(0) - f(x.value), O = M * (t + n), q = f(x.value);
+            e && e.length > 0 && e.map((x, A) => {
+              const R = f(0) - f(x.value), O = A * (t + n), q = f(x.value);
               return /* @__PURE__ */ T("g", { children: [
                 /* @__PURE__ */ u(
                   "rect",
@@ -2210,7 +2210,7 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
                     x: O,
                     y: q,
                     width: t,
-                    height: D,
+                    height: R,
                     fill: x.color,
                     rx: 0
                   }
@@ -2227,7 +2227,7 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
                     children: x.title
                   }
                 )
-              ] }, M);
+              ] }, A);
             })
           ] })
         }
@@ -2240,7 +2240,7 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
         width: "100%",
         //width: containerWidth ? `${containerWidth}px` : "100%",
         height: y ? `${y}px` : "100%",
-        "--main-color": m
+        "--main-color": p
       },
       className: xo.barChartContainer,
       children: /* @__PURE__ */ u(
@@ -2255,9 +2255,9 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
             maxWidth: "none"
           },
           children: /* @__PURE__ */ T("g", { transform: `translate(0,${d})`, children: [
-            /* @__PURE__ */ u("g", { transform: `translate(${o + c}, 0)`, children: _.map((x, M) => {
-              const D = v(x);
-              return /* @__PURE__ */ T("g", { transform: `translate(${D}, 0)`, children: [
+            /* @__PURE__ */ u("g", { transform: `translate(${o + c}, 0)`, children: _.map((x, A) => {
+              const R = v(x);
+              return /* @__PURE__ */ T("g", { transform: `translate(${R}, 0)`, children: [
                 /* @__PURE__ */ u(
                   "line",
                   {
@@ -2276,10 +2276,10 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
                     children: parseInt(x)
                   }
                 )
-              ] }, M);
+              ] }, A);
             }) }),
-            e && e.length > 0 && e.map((x, M) => {
-              const D = v(x.value), O = M * (t + n);
+            e && e.length > 0 && e.map((x, A) => {
+              const R = v(x.value), O = A * (t + n);
               return console.log("y: ", O), /* @__PURE__ */ T(
                 "g",
                 {
@@ -2299,7 +2299,7 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
                     /* @__PURE__ */ u(
                       "rect",
                       {
-                        width: D,
+                        width: R,
                         height: t,
                         fill: x.color,
                         rx: 0
@@ -2307,7 +2307,7 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
                     )
                   ]
                 },
-                M
+                A
               );
             })
           ] })
@@ -2430,7 +2430,7 @@ const gl = "_indicatorsCategory_arwy3_2", yl = "_title_arwy3_5", bl = "_list_arw
   multiple: l = !1,
   onChangeType: c
 }) => {
-  const { t: d } = le(), { name: h, type: g, disabled: y } = e, [m, v] = de(!1);
+  const { t: d } = le(), { name: h, type: g, disabled: y } = e, [p, v] = de(!1);
   te(() => {
     o && v(
       l ? o.some(
@@ -2497,7 +2497,7 @@ const gl = "_indicatorsCategory_arwy3_2", yl = "_title_arwy3_5", bl = "_list_arw
         ]
       }
     )
-  ] }) }) }), _ = () => /* @__PURE__ */ u("div", { className: Re.switchExternalContainer, children: /* @__PURE__ */ u("div", { className: Re.switchType, children: /* @__PURE__ */ u("div", { className: Re.switchTypeOptions, children: t.map((w, S) => /* @__PURE__ */ T(
+  ] }) }) }), _ = () => /* @__PURE__ */ u("div", { className: Re.switchExternalContainer, children: /* @__PURE__ */ u("div", { className: Re.switchType, children: /* @__PURE__ */ u("div", { className: Re.switchTypeOptions, children: t.map((w, k) => /* @__PURE__ */ T(
     "div",
     {
       className: Re.optionContainer,
@@ -2511,7 +2511,7 @@ const gl = "_indicatorsCategory_arwy3_2", yl = "_title_arwy3_5", bl = "_list_arw
         /* @__PURE__ */ u("h4", { children: d(w.unit) })
       ]
     },
-    S
+    k
   )) }) }) });
   return /* @__PURE__ */ T("div", { className: Re.indicatorContainer, children: [
     /* @__PURE__ */ T(
@@ -2524,12 +2524,12 @@ const gl = "_indicatorsCategory_arwy3_2", yl = "_title_arwy3_5", bl = "_list_arw
             "div",
             {
               style: {
-                border: m ? `1px solid ${n}` : `1px solid ${r}`,
+                border: p ? `1px solid ${n}` : `1px solid ${r}`,
                 opacity: y ? 0.5 : 1,
-                backgroundColor: m ? n : "transparent"
+                backgroundColor: p ? n : "transparent"
               },
               className: Re.dot,
-              children: l && /* @__PURE__ */ u("img", { src: m ? Cl : vl, alt: "" })
+              children: l && /* @__PURE__ */ u("img", { src: p ? Cl : vl, alt: "" })
             }
           ),
           /* @__PURE__ */ u(
@@ -2537,7 +2537,7 @@ const gl = "_indicatorsCategory_arwy3_2", yl = "_title_arwy3_5", bl = "_list_arw
             {
               className: Re.indicatorName,
               style: {
-                color: m ? n : r,
+                color: p ? n : r,
                 opacity: y ? 0.5 : 1
               },
               children: /* @__PURE__ */ u(
@@ -2586,7 +2586,7 @@ const Al = "_indicatorsSubCategory_1nuug_2", Ll = "_list_1nuug_11", So = {
   activeIndicatorType: h,
   onChangeType: g
 }) => {
-  const { t: y } = le(), [m, v] = de(!1);
+  const { t: y } = le(), [p, v] = de(!1);
   return te(() => {
     v(o == a);
   }, [o, a]), /* @__PURE__ */ T(
@@ -2594,15 +2594,15 @@ const Al = "_indicatorsSubCategory_1nuug_2", Ll = "_list_1nuug_11", So = {
     {
       className: So.indicatorsSubCategory,
       initial: { height: "43px" },
-      animate: { height: m ? "auto" : "43px" },
+      animate: { height: p ? "auto" : "43px" },
       transition: { duration: 0.4 },
       children: [
-        /* @__PURE__ */ u("button", { onClick: () => s(a), children: /* @__PURE__ */ T("h3", { style: { color: m ? r : n }, children: [
-          /* @__PURE__ */ u("span", { style: { color: m ? r : n }, children: m ? "-" : "+" }),
+        /* @__PURE__ */ u("button", { onClick: () => s(a), children: /* @__PURE__ */ T("h3", { style: { color: p ? r : n }, children: [
+          /* @__PURE__ */ u("span", { style: { color: p ? r : n }, children: p ? "-" : "+" }),
           /* @__PURE__ */ u(
             "span",
             {
-              style: { color: m ? r : n },
+              style: { color: p ? r : n },
               children: y(e)
             }
           )
@@ -2653,7 +2653,7 @@ const Ui = ({
   onChangeType: y
 }) => {
   var _;
-  const { t: m } = le(), [v, f] = de(!1);
+  const { t: p } = le(), [v, f] = de(!1);
   return te(() => {
     f(s === t);
   }, [s, t]), /* @__PURE__ */ T(
@@ -2675,15 +2675,15 @@ const Ui = ({
             "span",
             {
               style: { color: v ? n : r },
-              children: m(e.name)
+              children: p(e.name)
             }
           )
         ] }),
         e.subcategories ? e.subcategories.map(
-          ({ name: w, subcategory: S, indicators: $ }, b) => /* @__PURE__ */ u(
+          ({ name: w, subcategory: k, indicators: $ }, b) => /* @__PURE__ */ u(
             Wi,
             {
-              id: S,
+              id: k,
               activeSubCategory: a,
               subcName: w,
               onClickSubCategory: l,
@@ -2698,7 +2698,7 @@ const Ui = ({
             },
             `subcKey ${b}`
           )
-        ) : /* @__PURE__ */ u("div", { className: $n.list, children: (_ = e.indicators) == null ? void 0 : _.map((w, S) => /* @__PURE__ */ u(
+        ) : /* @__PURE__ */ u("div", { className: $n.list, children: (_ = e.indicators) == null ? void 0 : _.map((w, k) => /* @__PURE__ */ u(
           Qr,
           {
             indicator: w,
@@ -2711,7 +2711,7 @@ const Ui = ({
             activeIndicatorType: g,
             onChangeType: y
           },
-          `indicator${S}`
+          `indicator${k}`
         )) })
       ]
     }
@@ -2748,19 +2748,19 @@ const Ml = "_indicatorsList_13b3m_2", Rl = "_title_13b3m_6", ko = {
   changeIndType: a,
   activeIndicatorType: l
 }) => {
-  const { t: c } = le(), [d, h] = de(), [g, y] = de(), [m, v] = de(), f = (b) => {
+  const { t: c } = le(), [d, h] = de(), [g, y] = de(), [p, v] = de(), f = (b) => {
     h(d == b ? null : b);
   }, _ = (b) => {
     y(g == b ? null : b);
   }, w = ({ indicator: b }) => {
-    S(b);
-  }, S = (b) => {
+    k(b);
+  }, k = (b) => {
     if (!o)
       v(
-        (m == null ? void 0 : m.name) == b.name ? null : b
+        (p == null ? void 0 : p.name) == b.name ? null : b
       );
     else {
-      let C = m && m.length > 0 ? [...m] : [];
+      let C = p && p.length > 0 ? [...p] : [];
       v(
         C != null && C.some(
           (x) => x.name == b.name
@@ -2771,32 +2771,32 @@ const Ml = "_indicatorsList_13b3m_2", Rl = "_title_13b3m_6", ko = {
     }
   };
   te(() => {
-    r && typeof r == "function" && m && r({ activeIndicator: m });
-  }, [m]), $i(() => {
-    if (s && !m)
+    r && typeof r == "function" && p && r({ activeIndicator: p });
+  }, [p]), $i(() => {
+    if (s && !p)
       if (o && s && Array.isArray(s)) {
-        let b = m && m.length > 0 ? [...m] : [];
+        let b = p && p.length > 0 ? [...p] : [];
         v([...b, ...s]), $(s[0].name);
       } else
-        S(s), $(s.name);
+        k(s), $(s.name);
   }, []), te(() => {
-    if (s != m)
+    if (s != p)
       if (o && s && Array.isArray(s)) {
-        let b = m && m.length > 0 ? [...m] : [];
+        let b = p && p.length > 0 ? [...p] : [];
         v([...b, ...s]), $(s[0].name);
       } else
-        S(s), $(s.name);
+        k(s), $(s.name);
   }, [s]);
   const $ = (b) => {
     const C = e.find((x) => {
       if (x.subcategories) {
-        let M = x.subcategories.find(
-          (D) => D.indicators.find((O) => O.name == b)
+        let A = x.subcategories.find(
+          (R) => R.indicators.find((O) => O.name == b)
         );
-        if (M)
-          return y(M.subcategory), M;
+        if (A)
+          return y(A.subcategory), A;
       } else
-        return x.indicators.some((M) => M.name == b);
+        return x.indicators.some((A) => A.name == b);
     });
     C && h(C.category);
   };
@@ -2812,7 +2812,7 @@ const Ml = "_indicatorsList_13b3m_2", Rl = "_title_13b3m_6", ko = {
         onClickSubCategory: _,
         activeSubCategory: g,
         onClickIndicator: w,
-        activeIndicator: m,
+        activeIndicator: p,
         activeColor: t,
         defaultColor: n,
         multiple: o,
@@ -3585,26 +3585,26 @@ function vc(e, t, n) {
   te(() => {
     const h = e.mapLib;
     let g = !0, y;
-    return Promise.resolve(h || n).then((m) => {
+    return Promise.resolve(h || n).then((p) => {
       if (!g)
         return;
-      if (!m)
+      if (!p)
         throw new Error("Invalid mapLib");
-      const v = "Map" in m ? m : m.default;
+      const v = "Map" in p ? p : p.default;
       if (!v.Map)
         throw new Error("Invalid mapLib");
       if (bc(v, e), !v.supported || v.supported(e))
         e.reuseMaps && (y = Ht.reuse(e, a.current)), y || (y = new Ht(v.Map, e, a.current)), l.map = mc(y), l.mapLib = v, s(y), r == null || r.onMapMount(l.map, e.id);
       else
         throw new Error("Map is not supported by this browser");
-    }).catch((m) => {
+    }).catch((p) => {
       const { onError: v } = e;
       v ? v({
         type: "error",
         target: null,
         originalEvent: null,
-        error: m
-      }) : console.error(m);
+        error: p
+      }) : console.error(p);
     }), () => {
       g = !1, y && (r == null || r.onMapUnmount(e.id), e.reuseMaps ? y.recycle() : y.destroy());
     };
@@ -3640,41 +3640,41 @@ function _c(e, t) {
   o.current.props = e;
   const s = ze(() => {
     let f = !1;
-    Q.Children.forEach(e.children, (S) => {
-      S && (f = !0);
+    Q.Children.forEach(e.children, (k) => {
+      k && (f = !0);
     });
     const _ = {
       ...e,
       element: f ? document.createElement("div") : null
     }, w = new r.Marker(_);
-    return w.setLngLat([e.longitude, e.latitude]), w.getElement().addEventListener("click", (S) => {
+    return w.setLngLat([e.longitude, e.latitude]), w.getElement().addEventListener("click", (k) => {
       var $, b;
       (b = ($ = o.current.props).onClick) === null || b === void 0 || b.call($, {
         type: "click",
         target: w,
-        originalEvent: S
+        originalEvent: k
       });
-    }), w.on("dragstart", (S) => {
+    }), w.on("dragstart", (k) => {
       var $, b;
-      const C = S;
+      const C = k;
       C.lngLat = s.getLngLat(), (b = ($ = o.current.props).onDragStart) === null || b === void 0 || b.call($, C);
-    }), w.on("drag", (S) => {
+    }), w.on("drag", (k) => {
       var $, b;
-      const C = S;
+      const C = k;
       C.lngLat = s.getLngLat(), (b = ($ = o.current.props).onDrag) === null || b === void 0 || b.call($, C);
-    }), w.on("dragend", (S) => {
+    }), w.on("dragend", (k) => {
       var $, b;
-      const C = S;
+      const C = k;
       C.lngLat = s.getLngLat(), (b = ($ = o.current.props).onDragEnd) === null || b === void 0 || b.call($, C);
     }), w;
   }, []);
   te(() => (s.addTo(n.getMap()), () => {
     s.remove();
   }), []);
-  const { longitude: a, latitude: l, offset: c, style: d, draggable: h = !1, popup: g = null, rotation: y = 0, rotationAlignment: m = "auto", pitchAlignment: v = "auto" } = e;
+  const { longitude: a, latitude: l, offset: c, style: d, draggable: h = !1, popup: g = null, rotation: y = 0, rotationAlignment: p = "auto", pitchAlignment: v = "auto" } = e;
   return te(() => {
     Lt(s.getElement(), d);
-  }, [d]), Gn(t, () => s, []), (s.getLngLat().lng !== a || s.getLngLat().lat !== l) && s.setLngLat([a, l]), c && !ac(s.getOffset(), c) && s.setOffset(c), s.isDraggable() !== h && s.setDraggable(h), s.getRotation() !== y && s.setRotation(y), s.getRotationAlignment() !== m && s.setRotationAlignment(m), s.getPitchAlignment() !== v && s.setPitchAlignment(v), s.getPopup() !== g && s.setPopup(g), Li(e.children, s.getElement());
+  }, [d]), Gn(t, () => s, []), (s.getLngLat().lng !== a || s.getLngLat().lat !== l) && s.setLngLat([a, l]), c && !ac(s.getOffset(), c) && s.setOffset(c), s.isDraggable() !== h && s.setDraggable(h), s.getRotation() !== y && s.setRotation(y), s.getRotationAlignment() !== p && s.setRotationAlignment(p), s.getPitchAlignment() !== v && s.setPitchAlignment(v), s.getPopup() !== g && s.setPopup(g), Li(e.children, s.getElement());
 }
 Ot(Hr(_c));
 function Ro(e) {
@@ -3897,7 +3897,7 @@ const zc = ({
   sources: d = [],
   layers: h = []
 }) => {
-  const g = Te(), [y, m] = de(null), v = Fs((f) => f.mapState.showTexts);
+  const g = Te(), [y, p] = de(null), v = Fs((f) => f.mapState.showTexts);
   return te(() => {
     if (g.current) {
       const f = g.current.getMap();
@@ -3917,7 +3917,7 @@ const zc = ({
       onClick: a,
       interactiveLayerIds: l,
       children: [
-        d.length && d.map((f, _) => /* @__PURE__ */ u(Yi, { ...f, children: h.length && h.map((w, S) => {
+        d.length && d.map((f, _) => /* @__PURE__ */ u(Yi, { ...f, children: h.length && h.map((w, k) => {
           if (w.sourceId == f.id)
             return /* @__PURE__ */ u(
               Gi,
@@ -3925,7 +3925,7 @@ const zc = ({
                 ...w.layer,
                 beforeId: o
               },
-              S
+              k
             );
         }) }, _)),
         /* @__PURE__ */ u(Ki, { position: "bottom-right", visualizePitch: !0 }),
@@ -3935,7 +3935,7 @@ const zc = ({
             longitude: c.longitude,
             latitude: c.latitude,
             anchor: c.anchor,
-            onClose: () => m(null),
+            onClose: () => p(null),
             children: c.content
           }
         )
@@ -4020,7 +4020,7 @@ const jc = "_mapContainer_b0pyr_3", qc = {
   popUpParams: h,
   onClosePopUp: g,
   showTexts: y,
-  hash: m = !1
+  hash: p = !1
 }) => {
   const v = Te();
   return te(() => {
@@ -4041,14 +4041,14 @@ const jc = "_mapContainer_b0pyr_3", qc = {
       mapLib: hr,
       initialViewState: e,
       ref: v,
-      hash: m,
+      hash: p,
       maxZoom: t,
       minZoom: n,
       mapStyle: r,
       onClick: a,
       interactiveLayerIds: l,
       children: [
-        c.length && c.map((f, _) => /* @__PURE__ */ u(Yi, { ...f, children: d.length && d.map((w, S) => {
+        c.length && c.map((f, _) => /* @__PURE__ */ u(Yi, { ...f, children: d.length && d.map((w, k) => {
           if (w.sourceId == f.id)
             return /* @__PURE__ */ u(
               Gi,
@@ -4060,7 +4060,7 @@ const jc = "_mapContainer_b0pyr_3", qc = {
                   visibility: w.layer.visibility || "visible"
                 }
               },
-              S
+              k
             );
         }) }, _)),
         /* @__PURE__ */ u(Ki, { position: "bottom-right", visualizePitch: !0 }),
@@ -4297,7 +4297,7 @@ function l0(e) {
     className: s
   } = e;
   if (!t) {
-    const m = yt(n == null ? void 0 : n.className, s, o == null ? void 0 : o.className, r == null ? void 0 : r.className), v = {
+    const p = yt(n == null ? void 0 : n.className, s, o == null ? void 0 : o.className, r == null ? void 0 : r.className), v = {
       ...n == null ? void 0 : n.style,
       ...o == null ? void 0 : o.style,
       ...r == null ? void 0 : r.style
@@ -4306,7 +4306,7 @@ function l0(e) {
       ...o,
       ...r
     };
-    return m.length > 0 && (f.className = m), Object.keys(v).length > 0 && (f.style = v), {
+    return p.length > 0 && (f.className = p), Object.keys(v).length > 0 && (f.style = v), {
       props: f,
       internalRef: void 0
     };
@@ -4538,18 +4538,18 @@ function v0(e) {
     onChange: h,
     onChangeCommitted: g,
     orientation: y = "horizontal",
-    rootRef: m,
+    rootRef: p,
     scale: v = b0,
     step: f = 1,
     shiftStep: _ = 10,
     tabIndex: w,
-    value: S
-  } = e, $ = Q.useRef(void 0), [b, C] = Q.useState(-1), [x, M] = Q.useState(-1), [D, O] = Q.useState(!1), q = Q.useRef(0), z = Q.useRef(null), [p, E] = u0({
-    controlled: S,
+    value: k
+  } = e, $ = Q.useRef(void 0), [b, C] = Q.useState(-1), [x, A] = Q.useState(-1), [R, O] = Q.useState(!1), q = Q.useRef(0), z = Q.useRef(null), [m, E] = u0({
+    controlled: k,
     default: n ?? c,
     name: "Slider"
-  }), k = h && ((L, V, H) => {
-    const ae = L.nativeEvent || L, be = new ae.constructor(ae.type, ae);
+  }), S = h && ((M, V, H) => {
+    const ae = M.nativeEvent || M, be = new ae.constructor(ae.type, ae);
     Object.defineProperty(be, "target", {
       writable: !0,
       value: {
@@ -4557,20 +4557,20 @@ function v0(e) {
         name: d
       }
     }), z.current = V, h(be, V, H);
-  }), B = Array.isArray(p);
-  let F = B ? p.slice().sort(es) : [p];
-  F = F.map((L) => L == null ? c : Ut(L, c, l));
-  const Y = a === !0 && f !== null ? [...Array(Math.floor((l - c) / f) + 1)].map((L, V) => ({
+  }), B = Array.isArray(m);
+  let F = B ? m.slice().sort(es) : [m];
+  F = F.map((M) => M == null ? c : Ut(M, c, l));
+  const Y = a === !0 && f !== null ? [...Array(Math.floor((l - c) / f) + 1)].map((M, V) => ({
     value: c + f * V
-  })) : a || [], W = Y.map((L) => L.value), [ce, R] = Q.useState(-1), A = Q.useRef(null), J = Qi(m, A), K = (L) => (V) => {
+  })) : a || [], W = Y.map((M) => M.value), [ce, D] = Q.useState(-1), L = Q.useRef(null), J = Qi(p, L), K = (M) => (V) => {
     var ae;
     const H = Number(V.currentTarget.getAttribute("data-index"));
-    Vo(V.target) && R(H), M(H), (ae = L == null ? void 0 : L.onFocus) == null || ae.call(L, V);
-  }, P = (L) => (V) => {
+    Vo(V.target) && D(H), A(H), (ae = M == null ? void 0 : M.onFocus) == null || ae.call(M, V);
+  }, P = (M) => (V) => {
     var H;
-    Vo(V.target) || R(-1), M(-1), (H = L == null ? void 0 : L.onBlur) == null || H.call(L, V);
-  }, Z = (L, V) => {
-    const H = Number(L.currentTarget.getAttribute("data-index")), ae = F[H], be = W.indexOf(ae);
+    Vo(V.target) || D(-1), A(-1), (H = M == null ? void 0 : M.onBlur) == null || H.call(M, V);
+  }, Z = (M, V) => {
+    const H = Number(M.currentTarget.getAttribute("data-index")), ae = F[H], be = W.indexOf(ae);
     let X = V;
     if (Y && f == null) {
       const Me = W[W.length - 1];
@@ -4586,12 +4586,12 @@ function v0(e) {
       });
       let Pe = H;
       o || (Pe = X.indexOf(Me)), En({
-        sliderRef: A,
+        sliderRef: L,
         activeIndex: Pe
       });
     }
-    E(X), R(H), k && !On(X, p) && k(L, X, H), g && g(L, z.current ?? X);
-  }, ne = (L) => (V) => {
+    E(X), D(H), S && !On(X, m) && S(M, X, H), g && g(M, z.current ?? X);
+  }, ne = (M) => (V) => {
     var H;
     if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Home", "End"].includes(V.key)) {
       V.preventDefault();
@@ -4631,32 +4631,32 @@ function v0(e) {
       }
       X != null && Z(V, X);
     }
-    (H = L == null ? void 0 : L.onKeyDown) == null || H.call(L, V);
+    (H = M == null ? void 0 : M.onKeyDown) == null || H.call(M, V);
   };
   Ji(() => {
-    var L;
-    r && A.current.contains(document.activeElement) && ((L = document.activeElement) == null || L.blur());
-  }, [r]), r && b !== -1 && C(-1), r && ce !== -1 && R(-1);
-  const G = (L) => (V) => {
+    var M;
+    r && L.current.contains(document.activeElement) && ((M = document.activeElement) == null || M.blur());
+  }, [r]), r && b !== -1 && C(-1), r && ce !== -1 && D(-1);
+  const G = (M) => (V) => {
     var H;
-    (H = L.onChange) == null || H.call(L, V), Z(V, V.target.valueAsNumber);
+    (H = M.onChange) == null || H.call(M, V), Z(V, V.target.valueAsNumber);
   }, U = Q.useRef(void 0);
   let oe = y;
   s && y === "horizontal" && (oe += "-reverse");
   const ee = ({
-    finger: L,
+    finger: M,
     move: V = !1
   }) => {
     const {
       current: H
-    } = A, {
+    } = L, {
       width: ae,
       height: be,
       bottom: X,
       left: Me
     } = H.getBoundingClientRect();
     let Pe;
-    oe.startsWith("vertical") ? Pe = (X - L.y) / be : Pe = (L.x - Me) / ae, oe.includes("-reverse") && (Pe = 1 - Pe);
+    oe.startsWith("vertical") ? Pe = (X - M.y) / be : Pe = (M.x - Me) / ae, oe.includes("-reverse") && (Pe = 1 - Pe);
     let Oe;
     if (Oe = m0(Pe, c, l), f)
       Oe = g0(Oe, f, c);
@@ -4679,12 +4679,12 @@ function v0(e) {
       newValue: Oe,
       activeIndex: He
     };
-  }, ue = kr((L) => {
-    const V = Nn(L, $);
+  }, ue = kr((M) => {
+    const V = Nn(M, $);
     if (!V)
       return;
-    if (q.current += 1, L.type === "mousemove" && L.buttons === 0) {
-      I(L);
+    if (q.current += 1, M.type === "mousemove" && M.buttons === 0) {
+      I(M);
       return;
     }
     const {
@@ -4695,12 +4695,12 @@ function v0(e) {
       move: !0
     });
     En({
-      sliderRef: A,
+      sliderRef: L,
       activeIndex: ae,
       setActive: C
-    }), E(H), !D && q.current > p0 && O(!0), k && !On(H, p) && k(L, H, ae);
-  }), I = kr((L) => {
-    const V = Nn(L, $);
+    }), E(H), !R && q.current > p0 && O(!0), S && !On(H, m) && S(M, H, ae);
+  }), I = kr((M) => {
+    const V = Nn(M, $);
     if (O(!1), !V)
       return;
     const {
@@ -4709,14 +4709,14 @@ function v0(e) {
       finger: V,
       move: !0
     });
-    C(-1), L.type === "touchend" && M(-1), g && g(L, z.current ?? H), $.current = void 0, Ie();
-  }), se = kr((L) => {
+    C(-1), M.type === "touchend" && A(-1), g && g(M, z.current ?? H), $.current = void 0, Ie();
+  }), se = kr((M) => {
     if (r)
       return;
-    zo() || L.preventDefault();
-    const V = L.changedTouches[0];
+    zo() || M.preventDefault();
+    const V = M.changedTouches[0];
     V != null && ($.current = V.identifier);
-    const H = Nn(L, $);
+    const H = Nn(M, $);
     if (H !== !1) {
       const {
         newValue: be,
@@ -4725,37 +4725,37 @@ function v0(e) {
         finger: H
       });
       En({
-        sliderRef: A,
+        sliderRef: L,
         activeIndex: X,
         setActive: C
-      }), E(be), k && !On(be, p) && k(L, be, X);
+      }), E(be), S && !On(be, m) && S(M, be, X);
     }
     q.current = 0;
-    const ae = Bn(A.current);
+    const ae = Bn(L.current);
     ae.addEventListener("touchmove", ue, {
       passive: !0
     }), ae.addEventListener("touchend", I, {
       passive: !0
     });
   }), Ie = Q.useCallback(() => {
-    const L = Bn(A.current);
-    L.removeEventListener("mousemove", ue), L.removeEventListener("mouseup", I), L.removeEventListener("touchmove", ue), L.removeEventListener("touchend", I);
+    const M = Bn(L.current);
+    M.removeEventListener("mousemove", ue), M.removeEventListener("mouseup", I), M.removeEventListener("touchmove", ue), M.removeEventListener("touchend", I);
   }, [I, ue]);
   Q.useEffect(() => {
     const {
-      current: L
-    } = A;
-    return L.addEventListener("touchstart", se, {
+      current: M
+    } = L;
+    return M.addEventListener("touchstart", se, {
       passive: zo()
     }), () => {
-      L.removeEventListener("touchstart", se), Ie();
+      M.removeEventListener("touchstart", se), Ie();
     };
   }, [Ie, se]), Q.useEffect(() => {
     r && Ie();
   }, [r, Ie]);
-  const et = (L) => (V) => {
+  const et = (M) => (V) => {
     var be;
-    if ((be = L.onMouseDown) == null || be.call(L, V), r || V.defaultPrevented || V.button !== 0)
+    if ((be = M.onMouseDown) == null || be.call(M, V), r || V.defaultPrevented || V.button !== 0)
       return;
     V.preventDefault();
     const H = Nn(V, $);
@@ -4767,59 +4767,59 @@ function v0(e) {
         finger: H
       });
       En({
-        sliderRef: A,
+        sliderRef: L,
         activeIndex: Me,
         setActive: C
-      }), E(X), k && !On(X, p) && k(V, X, Me);
+      }), E(X), S && !On(X, m) && S(V, X, Me);
     }
     q.current = 0;
-    const ae = Bn(A.current);
+    const ae = Bn(L.current);
     ae.addEventListener("mousemove", ue, {
       passive: !0
     }), ae.addEventListener("mouseup", I);
-  }, j = Un(B ? F[0] : c, c, l), re = Un(F[F.length - 1], c, l) - j, we = (L = {}) => {
-    const V = Vn(L), H = {
+  }, j = Un(B ? F[0] : c, c, l), re = Un(F[F.length - 1], c, l) - j, we = (M = {}) => {
+    const V = Vn(M), H = {
       onMouseDown: et(V || {})
     }, ae = {
       ...V,
       ...H
     };
     return {
-      ...L,
+      ...M,
       ref: J,
       ...ae
     };
-  }, Ce = (L) => (V) => {
+  }, Ce = (M) => (V) => {
     var ae;
-    (ae = L.onMouseOver) == null || ae.call(L, V);
+    (ae = M.onMouseOver) == null || ae.call(M, V);
     const H = Number(V.currentTarget.getAttribute("data-index"));
-    M(H);
-  }, Le = (L) => (V) => {
+    A(H);
+  }, Le = (M) => (V) => {
     var H;
-    (H = L.onMouseLeave) == null || H.call(L, V), M(-1);
-  }, je = (L = {}) => {
-    const V = Vn(L), H = {
+    (H = M.onMouseLeave) == null || H.call(M, V), A(-1);
+  }, je = (M = {}) => {
+    const V = Vn(M), H = {
       onMouseOver: Ce(V || {}),
       onMouseLeave: Le(V || {})
     };
     return {
-      ...L,
+      ...M,
       ...V,
       ...H
     };
-  }, Qe = (L) => ({
+  }, Qe = (M) => ({
     // So the non active thumb doesn't show its label on hover.
-    pointerEvents: b !== -1 && b !== L ? "none" : void 0
+    pointerEvents: b !== -1 && b !== M ? "none" : void 0
   });
   let _e;
   return y === "vertical" && (_e = s ? "vertical-rl" : "vertical-lr"), {
     active: b,
     axis: oe,
     axisProps: y0,
-    dragging: D,
+    dragging: R,
     focusedThumbIndex: ce,
-    getHiddenInputProps: (L = {}) => {
-      const V = Vn(L), H = {
+    getHiddenInputProps: (M = {}) => {
+      const V = Vn(M), H = {
         onChange: G(V || {}),
         onFocus: K(V || {}),
         onBlur: P(V || {}),
@@ -4840,7 +4840,7 @@ function v0(e) {
         max: e.max,
         step: e.step === null && e.marks ? "any" : e.step ?? void 0,
         disabled: r,
-        ...L,
+        ...M,
         ...ae,
         style: {
           ...d0,
@@ -4887,7 +4887,7 @@ var jo;
 function C0() {
   if (jo) return ge;
   jo = 1;
-  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), y = Symbol.for("react.view_transition"), m = Symbol.for("react.client.reference");
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), y = Symbol.for("react.view_transition"), p = Symbol.for("react.client.reference");
   function v(f) {
     if (typeof f == "object" && f !== null) {
       var _ = f.$$typeof;
@@ -4944,7 +4944,7 @@ function C0() {
   }, ge.isSuspenseList = function(f) {
     return v(f) === d;
   }, ge.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === n || f === o || f === r || f === c || f === d || typeof f == "object" && f !== null && (f.$$typeof === g || f.$$typeof === h || f.$$typeof === a || f.$$typeof === s || f.$$typeof === l || f.$$typeof === m || f.getModuleId !== void 0);
+    return typeof f == "string" || typeof f == "function" || f === n || f === o || f === r || f === c || f === d || typeof f == "object" && f !== null && (f.$$typeof === g || f.$$typeof === h || f.$$typeof === a || f.$$typeof === s || f.$$typeof === l || f.$$typeof === p || f.getModuleId !== void 0);
   }, ge.typeOf = v, ge;
 }
 var ye = {};
@@ -4971,7 +4971,7 @@ function _0() {
               case o:
               case d:
               case h:
-              case m:
+              case p:
                 return f;
               default:
                 switch (f = f && f.$$typeof, f) {
@@ -4991,7 +4991,7 @@ function _0() {
         }
       }
     }
-    var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), v = Symbol.for("react.client.reference");
+    var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), p = Symbol.for("react.view_transition"), v = Symbol.for("react.client.reference");
     ye.ContextConsumer = a, ye.ContextProvider = l, ye.Element = t, ye.ForwardRef = c, ye.Fragment = r, ye.Lazy = y, ye.Memo = g, ye.Portal = n, ye.Profiler = s, ye.StrictMode = o, ye.Suspense = d, ye.SuspenseList = h, ye.isContextConsumer = function(f) {
       return e(f) === a;
     }, ye.isContextProvider = function(f) {
@@ -5775,26 +5775,26 @@ function p2() {
         return null;
       const h = $0(o.breakpoints), g = Object.keys(h);
       let y = h;
-      return Object.keys(d).forEach((m) => {
-        const v = f2(d[m], o);
+      return Object.keys(d).forEach((p) => {
+        const v = f2(d[p], o);
         if (v != null)
           if (typeof v == "object")
-            if (a[m])
-              y = dn(y, e(m, v, o, a));
+            if (a[p])
+              y = dn(y, e(p, v, o, a));
             else {
               const f = ut({
                 theme: o
               }, v, (_) => ({
-                [m]: _
+                [p]: _
               }));
-              d2(f, v) ? y[m] = t({
+              d2(f, v) ? y[p] = t({
                 sx: v,
                 theme: o,
                 nested: !0
               }) : y = dn(y, f);
             }
           else
-            y = dn(y, e(m, v, o, a));
+            y = dn(y, e(p, v, o, a));
       }), !s && o.modularCssLayers ? {
         "@layer sx": Uo(o, Ho(g, y))
       } : Uo(o, Ho(g, y));
@@ -6052,16 +6052,16 @@ function S2(e) {
   function c(y) {
     return `@media (max-width:${(typeof t[y] == "number" ? t[y] : y) - r / 100}${n})`;
   }
-  function d(y, m) {
-    const v = a.indexOf(m);
-    return `@media (min-width:${typeof t[y] == "number" ? t[y] : y}${n}) and (max-width:${(v !== -1 && typeof t[a[v]] == "number" ? t[a[v]] : m) - r / 100}${n})`;
+  function d(y, p) {
+    const v = a.indexOf(p);
+    return `@media (min-width:${typeof t[y] == "number" ? t[y] : y}${n}) and (max-width:${(v !== -1 && typeof t[a[v]] == "number" ? t[a[v]] : p) - r / 100}${n})`;
   }
   function h(y) {
     return a.indexOf(y) + 1 < a.length ? d(y, a[a.indexOf(y) + 1]) : l(y);
   }
   function g(y) {
-    const m = a.indexOf(y);
-    return m === 0 ? l(a[1]) : m === a.length - 1 ? c(a[m]) : d(y, a[a.indexOf(y) + 1]).replace("@media", "@media not all and");
+    const p = a.indexOf(y);
+    return p === 0 ? l(a[1]) : p === a.length - 1 ? c(a[p]) : d(y, a[a.indexOf(y) + 1]).replace("@media", "@media not all and");
   }
   return {
     keys: a,
@@ -6276,7 +6276,7 @@ function D2(e = {}) {
     R2(l, t, n);
   }
   return (l, c = {}) => {
-    x2(l, (x) => x.filter((M) => M !== Kt));
+    x2(l, (x) => x.filter((A) => A !== Kt));
     const {
       name: d,
       slot: h,
@@ -6284,36 +6284,36 @@ function D2(e = {}) {
       skipSx: y,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: m = M2(cs(h)),
+      overridesResolver: p = M2(cs(h)),
       ...v
     } = c, f = d && d.startsWith("Mui") || h ? "components" : "custom", _ = g !== void 0 ? g : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       h && h !== "Root" && h !== "root" || !1
     ), w = y || !1;
-    let S = $r;
-    h === "Root" || h === "root" ? S = r : h ? S = o : B2(l) && (S = void 0);
+    let k = $r;
+    h === "Root" || h === "root" ? k = r : h ? k = o : B2(l) && (k = void 0);
     const $ = _2(l, {
-      shouldForwardProp: S,
+      shouldForwardProp: k,
       label: P2(d, h),
       ...v
     }), b = (x) => {
       if (x.__emotion_real === x)
         return x;
       if (typeof x == "function")
-        return function(D) {
-          return Fn(D, x, D.theme.modularCssLayers ? f : void 0);
+        return function(R) {
+          return Fn(R, x, R.theme.modularCssLayers ? f : void 0);
         };
       if (lt(x)) {
-        const M = as(x);
+        const A = as(x);
         return function(O) {
-          return M.variants ? Fn(O, M, O.theme.modularCssLayers ? f : void 0) : O.theme.modularCssLayers ? Tt(M.style, f) : M.style;
+          return A.variants ? Fn(O, A, O.theme.modularCssLayers ? f : void 0) : O.theme.modularCssLayers ? Tt(A.style, f) : A.style;
         };
       }
       return x;
     }, C = (...x) => {
-      const M = [], D = x.map(b), O = [];
-      if (M.push(s), d && m && O.push(function(E) {
+      const A = [], R = x.map(b), O = [];
+      if (A.push(s), d && p && O.push(function(E) {
         var Y, W;
         const B = (W = (Y = E.theme.components) == null ? void 0 : Y[d]) == null ? void 0 : W.styleOverrides;
         if (!B)
@@ -6321,17 +6321,17 @@ function D2(e = {}) {
         const F = {};
         for (const ce in B)
           F[ce] = Fn(E, B[ce], E.theme.modularCssLayers ? "theme" : void 0);
-        return m(E, F);
+        return p(E, F);
       }), d && !_ && O.push(function(E) {
         var F, Y;
-        const k = E.theme, B = (Y = (F = k == null ? void 0 : k.components) == null ? void 0 : F[d]) == null ? void 0 : Y.variants;
+        const S = E.theme, B = (Y = (F = S == null ? void 0 : S.components) == null ? void 0 : F[d]) == null ? void 0 : Y.variants;
         return B ? ls(E, B, [], E.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), w || O.push(Kt), Array.isArray(D[0])) {
-        const p = D.shift(), E = new Array(M.length).fill(""), k = new Array(O.length).fill("");
+      }), w || O.push(Kt), Array.isArray(R[0])) {
+        const m = R.shift(), E = new Array(A.length).fill(""), S = new Array(O.length).fill("");
         let B;
-        B = [...E, ...p, ...k], B.raw = [...E, ...p.raw, ...k], M.unshift(B);
+        B = [...E, ...m, ...S], B.raw = [...E, ...m.raw, ...S], A.unshift(B);
       }
-      const q = [...M, ...D, ...O], z = $(...q);
+      const q = [...A, ...R, ...O], z = $(...q);
       return l.muiName && (z.muiName = l.muiName), process.env.NODE_ENV !== "production" && (z.displayName = I2(d, h, l)), z;
     };
     return $.withConfig && (C.withConfig = $.withConfig), C;
@@ -6615,7 +6615,7 @@ function Y2(e, t = {}) {
     css: g,
     varsWithDefaults: y
   } = Nr(d, t);
-  let m = y;
+  let p = y;
   const v = {}, {
     [c]: f,
     ..._
@@ -6623,11 +6623,11 @@ function Y2(e, t = {}) {
   if (Object.entries(_ || {}).forEach(([b, C]) => {
     const {
       vars: x,
-      css: M,
-      varsWithDefaults: D
+      css: A,
+      varsWithDefaults: R
     } = Nr(C, t);
-    m = Ze(m, D), v[b] = {
-      css: M,
+    p = Ze(p, R), v[b] = {
+      css: A,
       vars: x
     };
   }), f) {
@@ -6636,18 +6636,18 @@ function Y2(e, t = {}) {
       vars: C,
       varsWithDefaults: x
     } = Nr(f, t);
-    m = Ze(m, x), v[c] = {
+    p = Ze(p, x), v[c] = {
       css: b,
       vars: C
     };
   }
   function w(b, C) {
-    var M, D;
+    var A, R;
     let x = o;
     if (o === "class" && (x = ".%s"), o === "data" && (x = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (x = `[${o}="%s"]`), b) {
       if (x === "media")
         return e.defaultColorScheme === b ? ":root" : {
-          [`@media (prefers-color-scheme: ${((D = (M = a[b]) == null ? void 0 : M.palette) == null ? void 0 : D.mode) || b})`]: {
+          [`@media (prefers-color-scheme: ${((R = (A = a[b]) == null ? void 0 : A.palette) == null ? void 0 : R.mode) || b})`]: {
             ":root": C
           }
         };
@@ -6657,7 +6657,7 @@ function Y2(e, t = {}) {
     return ":root";
   }
   return {
-    vars: m,
+    vars: p,
     generateThemeVars: () => {
       let b = {
         ...h
@@ -6671,10 +6671,10 @@ function Y2(e, t = {}) {
     generateStyleSheets: () => {
       var O, q;
       const b = [], C = e.defaultColorScheme || "light";
-      function x(z, p) {
-        Object.keys(p).length && b.push(typeof z == "string" ? {
+      function x(z, m) {
+        Object.keys(m).length && b.push(typeof z == "string" ? {
           [z]: {
-            ...p
+            ...m
           }
         } : z);
       }
@@ -6682,14 +6682,14 @@ function Y2(e, t = {}) {
         ...g
       }), g);
       const {
-        [C]: M,
-        ...D
+        [C]: A,
+        ...R
       } = v;
-      if (M) {
+      if (A) {
         const {
           css: z
-        } = M, p = (q = (O = a[C]) == null ? void 0 : O.palette) == null ? void 0 : q.mode, E = !r && p ? {
-          colorScheme: p,
+        } = A, m = (q = (O = a[C]) == null ? void 0 : O.palette) == null ? void 0 : q.mode, E = !r && m ? {
+          colorScheme: m,
           ...z
         } : {
           ...z
@@ -6698,19 +6698,19 @@ function Y2(e, t = {}) {
           ...E
         }), E);
       }
-      return Object.entries(D).forEach(([z, {
-        css: p
+      return Object.entries(R).forEach(([z, {
+        css: m
       }]) => {
         var B, F;
-        const E = (F = (B = a[z]) == null ? void 0 : B.palette) == null ? void 0 : F.mode, k = !r && E ? {
+        const E = (F = (B = a[z]) == null ? void 0 : B.palette) == null ? void 0 : F.mode, S = !r && E ? {
           colorScheme: E,
-          ...p
+          ...m
         } : {
-          ...p
+          ...m
         };
         x(n(z, {
-          ...k
-        }), k);
+          ...S
+        }), S);
       }), s && b.push({
         ":root": {
           // use double underscore to indicate that these are private variables
@@ -6946,24 +6946,24 @@ function ro(e) {
       return i1(_);
     const w = ti(_, qr.text.primary) >= n ? qr.text.primary : ps.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const S = ti(_, w);
-      S < 3 && console.error([`MUI: The contrast ratio of ${S}:1 for ${w} on ${_}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+      const k = ti(_, w);
+      k < 3 && console.error([`MUI: The contrast ratio of ${k}:1 for ${w} on ${_}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
 `));
     }
     return w;
   }
-  const m = ({
+  const p = ({
     color: _,
     name: w,
-    mainShade: S = 500,
+    mainShade: k = 500,
     lightShade: $ = 300,
     darkShade: b = 700
   }) => {
     if (_ = {
       ..._
-    }, !_.main && _[S] && (_.main = _[S]), !_.hasOwnProperty("main"))
+    }, !_.main && _[k] && (_.main = _[k]), !_.hasOwnProperty("main"))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${w ? ` (${w})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${S}\` property.` : Nt(11, w ? ` (${w})` : "", S));
+The color object needs to have a \`main\` property or a \`${k}\` property.` : Nt(11, w ? ` (${w})` : "", k));
     if (typeof _.main != "string")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${w ? ` (${w})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(_.main)}\` was provided instead.
@@ -6991,12 +6991,12 @@ const theme2 = createTheme({ palette: {
     // The palette mode, can be light or dark.
     mode: t,
     // The colors used to represent primary interface elements for a user.
-    primary: m({
+    primary: p({
       color: a,
       name: "primary"
     }),
     // The colors used to represent secondary interface elements for a user.
-    secondary: m({
+    secondary: p({
       color: l,
       name: "secondary",
       mainShade: "A400",
@@ -7004,22 +7004,22 @@ const theme2 = createTheme({ palette: {
       darkShade: "A700"
     }),
     // The colors used to represent interface elements that the user should be made aware of.
-    error: m({
+    error: p({
       color: c,
       name: "error"
     }),
     // The colors used to represent potentially dangerous actions or important messages.
-    warning: m({
+    warning: p({
       color: g,
       name: "warning"
     }),
     // The colors used to present information to the user that is neutral and not necessarily important.
-    info: m({
+    info: p({
       color: d,
       name: "info"
     }),
     // The colors used to indicate the successful completion of an action that user triggered.
-    success: m({
+    success: p({
       color: h,
       name: "success"
     }),
@@ -7031,7 +7031,7 @@ const theme2 = createTheme({ palette: {
     // Takes a background color and returns the text color that maximizes the contrast.
     getContrastText: y,
     // Generate a rich color object.
-    augmentColor: m,
+    augmentColor: p,
     // Used by the functions below to shift a color's luminance by approximately
     // two indexes within its tonal palette.
     // E.g., shift from Red 500 to Red 300 or Red 700.
@@ -7088,12 +7088,12 @@ function c1(e, t) {
     ...g
   } = typeof t == "function" ? t(e) : t;
   process.env.NODE_ENV !== "production" && (typeof r != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof c != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const y = r / 14, m = h || ((_) => `${_ / c * y}rem`), v = (_, w, S, $, b) => ({
+  const y = r / 14, p = h || ((_) => `${_ / c * y}rem`), v = (_, w, k, $, b) => ({
     fontFamily: n,
     fontWeight: _,
-    fontSize: m(w),
+    fontSize: p(w),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: S,
+    lineHeight: k,
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
     ...n === ai ? {
@@ -7126,7 +7126,7 @@ function c1(e, t) {
   };
   return Ze({
     htmlFontSize: c,
-    pxToRem: m,
+    pxToRem: p,
     fontFamily: n,
     fontSize: r,
     fontWeightLight: o,
@@ -7289,7 +7289,7 @@ function Wr(e = {}, ...t) {
     ...s,
     colorSpace: d
   }), y = is(e);
-  let m = Ze(y, {
+  let p = Ze(y, {
     mixins: a1(y.breakpoints, r),
     palette: g,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
@@ -7300,39 +7300,39 @@ function Wr(e = {}, ...t) {
       ...b1
     }
   });
-  if (m = Ze(m, h), m = t.reduce((v, f) => Ze(v, f), m), process.env.NODE_ENV !== "production") {
+  if (p = Ze(p, h), p = t.reduce((v, f) => Ze(v, f), p), process.env.NODE_ENV !== "production") {
     const v = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], f = (_, w) => {
-      let S;
-      for (S in _) {
-        const $ = _[S];
-        if (v.includes(S) && Object.keys($).length > 0) {
+      let k;
+      for (k in _) {
+        const $ = _[k];
+        if (v.includes(k) && Object.keys($).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const b = to("", S);
-            console.error([`MUI: The \`${w}\` component increases the CSS specificity of the \`${S}\` internal state.`, "You can not override it like this: ", JSON.stringify(_, null, 2), "", `Instead, you need to use the '&.${b}' syntax:`, JSON.stringify({
+            const b = to("", k);
+            console.error([`MUI: The \`${w}\` component increases the CSS specificity of the \`${k}\` internal state.`, "You can not override it like this: ", JSON.stringify(_, null, 2), "", `Instead, you need to use the '&.${b}' syntax:`, JSON.stringify({
               root: {
                 [`&.${b}`]: $
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
           }
-          _[S] = {};
+          _[k] = {};
         }
       }
     };
-    Object.keys(m.components).forEach((_) => {
-      const w = m.components[_].styleOverrides;
+    Object.keys(p.components).forEach((_) => {
+      const w = p.components[_].styleOverrides;
       w && _.startsWith("Mui") && f(w, _);
     });
   }
-  return m.unstable_sxConfig = {
+  return p.unstable_sxConfig = {
     ...sr,
     ...h == null ? void 0 : h.unstable_sxConfig
-  }, m.unstable_sx = function(f) {
+  }, p.unstable_sx = function(f) {
     return Kt({
       sx: f,
       theme: this
     });
-  }, m.toRuntimeSource = hs, _1(m), m;
+  }, p.toRuntimeSource = hs, _1(p), p;
 }
 function x1(e) {
   let t;
@@ -7495,12 +7495,12 @@ function A1(e = {}, ...t) {
     colorSchemeSelector: c = n.light && n.dark ? "media" : void 0,
     rootSelector: d = ":root",
     ...h
-  } = e, g = Object.keys(n)[0], y = r || (n.light && g !== "light" ? "light" : g), m = O1(s), {
+  } = e, g = Object.keys(n)[0], y = r || (n.light && g !== "light" ? "light" : g), p = O1(s), {
     [y]: v,
     light: f,
     dark: _,
     ...w
-  } = n, S = {
+  } = n, k = {
     ...w
   };
   let $ = v;
@@ -7508,16 +7508,16 @@ function A1(e = {}, ...t) {
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${y}\` option is either missing or invalid.` : Nt(21, y));
   let b;
   a && (b = "oklch");
-  const C = Er(b, S, $, h, y);
-  f && !S.light && Er(b, S, f, void 0, "light"), _ && !S.dark && Er(b, S, _, void 0, "dark");
+  const C = Er(b, k, $, h, y);
+  f && !k.light && Er(b, k, f, void 0, "light"), _ && !k.dark && Er(b, k, _, void 0, "dark");
   let x = {
     defaultColorScheme: y,
     ...C,
     cssVarPrefix: s,
     colorSchemeSelector: c,
     rootSelector: d,
-    getCssVar: m,
-    colorSchemes: S,
+    getCssVar: p,
+    colorSchemes: k,
     font: {
       ...s1(C.typography),
       ...C.font
@@ -7525,54 +7525,54 @@ function A1(e = {}, ...t) {
     spacing: E1(h.spacing)
   };
   Object.keys(x.colorSchemes).forEach((z) => {
-    const p = x.colorSchemes[z].palette, E = (B) => {
+    const m = x.colorSchemes[z].palette, E = (B) => {
       const F = B.split("-"), Y = F[1], W = F[2];
-      return m(B, p[Y][W]);
+      return p(B, m[Y][W]);
     };
-    p.mode === "light" && (N(p.common, "background", "#fff"), N(p.common, "onBackground", "#000")), p.mode === "dark" && (N(p.common, "background", "#000"), N(p.common, "onBackground", "#fff"));
-    function k(B, F, Y) {
+    m.mode === "light" && (N(m.common, "background", "#fff"), N(m.common, "onBackground", "#000")), m.mode === "dark" && (N(m.common, "background", "#000"), N(m.common, "onBackground", "#fff"));
+    function S(B, F, Y) {
       if (b) {
         let W;
         return B === wt && (W = `transparent ${((1 - Y) * 100).toFixed(0)}%`), B === me && (W = `#000 ${(Y * 100).toFixed(0)}%`), B === he && (W = `#fff ${(Y * 100).toFixed(0)}%`), `color-mix(in ${b}, ${F}, ${W})`;
       }
       return B(F, Y);
     }
-    if (N1(p, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), p.mode === "light") {
-      N(p.Alert, "errorColor", k(me, a ? m("palette-error-light") : p.error.light, 0.6)), N(p.Alert, "infoColor", k(me, a ? m("palette-info-light") : p.info.light, 0.6)), N(p.Alert, "successColor", k(me, a ? m("palette-success-light") : p.success.light, 0.6)), N(p.Alert, "warningColor", k(me, a ? m("palette-warning-light") : p.warning.light, 0.6)), N(p.Alert, "errorFilledBg", E("palette-error-main")), N(p.Alert, "infoFilledBg", E("palette-info-main")), N(p.Alert, "successFilledBg", E("palette-success-main")), N(p.Alert, "warningFilledBg", E("palette-warning-main")), N(p.Alert, "errorFilledColor", tt(() => p.getContrastText(p.error.main))), N(p.Alert, "infoFilledColor", tt(() => p.getContrastText(p.info.main))), N(p.Alert, "successFilledColor", tt(() => p.getContrastText(p.success.main))), N(p.Alert, "warningFilledColor", tt(() => p.getContrastText(p.warning.main))), N(p.Alert, "errorStandardBg", k(he, a ? m("palette-error-light") : p.error.light, 0.9)), N(p.Alert, "infoStandardBg", k(he, a ? m("palette-info-light") : p.info.light, 0.9)), N(p.Alert, "successStandardBg", k(he, a ? m("palette-success-light") : p.success.light, 0.9)), N(p.Alert, "warningStandardBg", k(he, a ? m("palette-warning-light") : p.warning.light, 0.9)), N(p.Alert, "errorIconColor", E("palette-error-main")), N(p.Alert, "infoIconColor", E("palette-info-main")), N(p.Alert, "successIconColor", E("palette-success-main")), N(p.Alert, "warningIconColor", E("palette-warning-main")), N(p.AppBar, "defaultBg", E("palette-grey-100")), N(p.Avatar, "defaultBg", E("palette-grey-400")), N(p.Button, "inheritContainedBg", E("palette-grey-300")), N(p.Button, "inheritContainedHoverBg", E("palette-grey-A100")), N(p.Chip, "defaultBorder", E("palette-grey-400")), N(p.Chip, "defaultAvatarColor", E("palette-grey-700")), N(p.Chip, "defaultIconColor", E("palette-grey-700")), N(p.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), N(p.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), N(p.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), N(p.LinearProgress, "primaryBg", k(he, a ? m("palette-primary-main") : p.primary.main, 0.62)), N(p.LinearProgress, "secondaryBg", k(he, a ? m("palette-secondary-main") : p.secondary.main, 0.62)), N(p.LinearProgress, "errorBg", k(he, a ? m("palette-error-main") : p.error.main, 0.62)), N(p.LinearProgress, "infoBg", k(he, a ? m("palette-info-main") : p.info.main, 0.62)), N(p.LinearProgress, "successBg", k(he, a ? m("palette-success-main") : p.success.main, 0.62)), N(p.LinearProgress, "warningBg", k(he, a ? m("palette-warning-light") : p.warning.main, 0.62)), N(p.Skeleton, "bg", b ? k(wt, a ? m("palette-text-primary") : p.text.primary, 0.11) : `rgba(${E("palette-text-primaryChannel")} / 0.11)`), N(p.Slider, "primaryTrack", k(he, a ? m("palette-primary-main") : p.primary.main, 0.62)), N(p.Slider, "secondaryTrack", k(he, a ? m("palette-secondary-main") : p.secondary.main, 0.62)), N(p.Slider, "errorTrack", k(he, a ? m("palette-error-main") : p.error.main, 0.62)), N(p.Slider, "infoTrack", k(he, a ? m("palette-info-main") : p.info.main, 0.62)), N(p.Slider, "successTrack", k(he, a ? m("palette-success-main") : p.success.main, 0.62)), N(p.Slider, "warningTrack", k(he, a ? m("palette-warning-main") : p.warning.main, 0.62));
-      const B = b ? k(me, a ? m("palette-background-default") : p.background.default, 0.6825) : Mn(p.background.default, 0.8);
-      N(p.SnackbarContent, "bg", B), N(p.SnackbarContent, "color", tt(() => b ? qr.text.primary : p.getContrastText(B))), N(p.SpeedDialAction, "fabHoverBg", Mn(p.background.paper, 0.15)), N(p.StepConnector, "border", E("palette-grey-400")), N(p.StepContent, "border", E("palette-grey-400")), N(p.Switch, "defaultColor", E("palette-common-white")), N(p.Switch, "defaultDisabledColor", E("palette-grey-100")), N(p.Switch, "primaryDisabledColor", k(he, a ? m("palette-primary-main") : p.primary.main, 0.62)), N(p.Switch, "secondaryDisabledColor", k(he, a ? m("palette-secondary-main") : p.secondary.main, 0.62)), N(p.Switch, "errorDisabledColor", k(he, a ? m("palette-error-main") : p.error.main, 0.62)), N(p.Switch, "infoDisabledColor", k(he, a ? m("palette-info-main") : p.info.main, 0.62)), N(p.Switch, "successDisabledColor", k(he, a ? m("palette-success-main") : p.success.main, 0.62)), N(p.Switch, "warningDisabledColor", k(he, a ? m("palette-warning-main") : p.warning.main, 0.62)), N(p.TableCell, "border", k(he, wt(a ? m("palette-divider") : p.divider, 1), 0.88)), N(p.Tooltip, "bg", k(wt, a ? m("palette-grey-700") : p.grey[700], 0.92));
+    if (N1(m, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), m.mode === "light") {
+      N(m.Alert, "errorColor", S(me, a ? p("palette-error-light") : m.error.light, 0.6)), N(m.Alert, "infoColor", S(me, a ? p("palette-info-light") : m.info.light, 0.6)), N(m.Alert, "successColor", S(me, a ? p("palette-success-light") : m.success.light, 0.6)), N(m.Alert, "warningColor", S(me, a ? p("palette-warning-light") : m.warning.light, 0.6)), N(m.Alert, "errorFilledBg", E("palette-error-main")), N(m.Alert, "infoFilledBg", E("palette-info-main")), N(m.Alert, "successFilledBg", E("palette-success-main")), N(m.Alert, "warningFilledBg", E("palette-warning-main")), N(m.Alert, "errorFilledColor", tt(() => m.getContrastText(m.error.main))), N(m.Alert, "infoFilledColor", tt(() => m.getContrastText(m.info.main))), N(m.Alert, "successFilledColor", tt(() => m.getContrastText(m.success.main))), N(m.Alert, "warningFilledColor", tt(() => m.getContrastText(m.warning.main))), N(m.Alert, "errorStandardBg", S(he, a ? p("palette-error-light") : m.error.light, 0.9)), N(m.Alert, "infoStandardBg", S(he, a ? p("palette-info-light") : m.info.light, 0.9)), N(m.Alert, "successStandardBg", S(he, a ? p("palette-success-light") : m.success.light, 0.9)), N(m.Alert, "warningStandardBg", S(he, a ? p("palette-warning-light") : m.warning.light, 0.9)), N(m.Alert, "errorIconColor", E("palette-error-main")), N(m.Alert, "infoIconColor", E("palette-info-main")), N(m.Alert, "successIconColor", E("palette-success-main")), N(m.Alert, "warningIconColor", E("palette-warning-main")), N(m.AppBar, "defaultBg", E("palette-grey-100")), N(m.Avatar, "defaultBg", E("palette-grey-400")), N(m.Button, "inheritContainedBg", E("palette-grey-300")), N(m.Button, "inheritContainedHoverBg", E("palette-grey-A100")), N(m.Chip, "defaultBorder", E("palette-grey-400")), N(m.Chip, "defaultAvatarColor", E("palette-grey-700")), N(m.Chip, "defaultIconColor", E("palette-grey-700")), N(m.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), N(m.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), N(m.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), N(m.LinearProgress, "primaryBg", S(he, a ? p("palette-primary-main") : m.primary.main, 0.62)), N(m.LinearProgress, "secondaryBg", S(he, a ? p("palette-secondary-main") : m.secondary.main, 0.62)), N(m.LinearProgress, "errorBg", S(he, a ? p("palette-error-main") : m.error.main, 0.62)), N(m.LinearProgress, "infoBg", S(he, a ? p("palette-info-main") : m.info.main, 0.62)), N(m.LinearProgress, "successBg", S(he, a ? p("palette-success-main") : m.success.main, 0.62)), N(m.LinearProgress, "warningBg", S(he, a ? p("palette-warning-light") : m.warning.main, 0.62)), N(m.Skeleton, "bg", b ? S(wt, a ? p("palette-text-primary") : m.text.primary, 0.11) : `rgba(${E("palette-text-primaryChannel")} / 0.11)`), N(m.Slider, "primaryTrack", S(he, a ? p("palette-primary-main") : m.primary.main, 0.62)), N(m.Slider, "secondaryTrack", S(he, a ? p("palette-secondary-main") : m.secondary.main, 0.62)), N(m.Slider, "errorTrack", S(he, a ? p("palette-error-main") : m.error.main, 0.62)), N(m.Slider, "infoTrack", S(he, a ? p("palette-info-main") : m.info.main, 0.62)), N(m.Slider, "successTrack", S(he, a ? p("palette-success-main") : m.success.main, 0.62)), N(m.Slider, "warningTrack", S(he, a ? p("palette-warning-main") : m.warning.main, 0.62));
+      const B = b ? S(me, a ? p("palette-background-default") : m.background.default, 0.6825) : Mn(m.background.default, 0.8);
+      N(m.SnackbarContent, "bg", B), N(m.SnackbarContent, "color", tt(() => b ? qr.text.primary : m.getContrastText(B))), N(m.SpeedDialAction, "fabHoverBg", Mn(m.background.paper, 0.15)), N(m.StepConnector, "border", E("palette-grey-400")), N(m.StepContent, "border", E("palette-grey-400")), N(m.Switch, "defaultColor", E("palette-common-white")), N(m.Switch, "defaultDisabledColor", E("palette-grey-100")), N(m.Switch, "primaryDisabledColor", S(he, a ? p("palette-primary-main") : m.primary.main, 0.62)), N(m.Switch, "secondaryDisabledColor", S(he, a ? p("palette-secondary-main") : m.secondary.main, 0.62)), N(m.Switch, "errorDisabledColor", S(he, a ? p("palette-error-main") : m.error.main, 0.62)), N(m.Switch, "infoDisabledColor", S(he, a ? p("palette-info-main") : m.info.main, 0.62)), N(m.Switch, "successDisabledColor", S(he, a ? p("palette-success-main") : m.success.main, 0.62)), N(m.Switch, "warningDisabledColor", S(he, a ? p("palette-warning-main") : m.warning.main, 0.62)), N(m.TableCell, "border", S(he, wt(a ? p("palette-divider") : m.divider, 1), 0.88)), N(m.Tooltip, "bg", S(wt, a ? p("palette-grey-700") : m.grey[700], 0.92));
     }
-    if (p.mode === "dark") {
-      N(p.Alert, "errorColor", k(he, a ? m("palette-error-light") : p.error.light, 0.6)), N(p.Alert, "infoColor", k(he, a ? m("palette-info-light") : p.info.light, 0.6)), N(p.Alert, "successColor", k(he, a ? m("palette-success-light") : p.success.light, 0.6)), N(p.Alert, "warningColor", k(he, a ? m("palette-warning-light") : p.warning.light, 0.6)), N(p.Alert, "errorFilledBg", E("palette-error-dark")), N(p.Alert, "infoFilledBg", E("palette-info-dark")), N(p.Alert, "successFilledBg", E("palette-success-dark")), N(p.Alert, "warningFilledBg", E("palette-warning-dark")), N(p.Alert, "errorFilledColor", tt(() => p.getContrastText(p.error.dark))), N(p.Alert, "infoFilledColor", tt(() => p.getContrastText(p.info.dark))), N(p.Alert, "successFilledColor", tt(() => p.getContrastText(p.success.dark))), N(p.Alert, "warningFilledColor", tt(() => p.getContrastText(p.warning.dark))), N(p.Alert, "errorStandardBg", k(me, a ? m("palette-error-light") : p.error.light, 0.9)), N(p.Alert, "infoStandardBg", k(me, a ? m("palette-info-light") : p.info.light, 0.9)), N(p.Alert, "successStandardBg", k(me, a ? m("palette-success-light") : p.success.light, 0.9)), N(p.Alert, "warningStandardBg", k(me, a ? m("palette-warning-light") : p.warning.light, 0.9)), N(p.Alert, "errorIconColor", E("palette-error-main")), N(p.Alert, "infoIconColor", E("palette-info-main")), N(p.Alert, "successIconColor", E("palette-success-main")), N(p.Alert, "warningIconColor", E("palette-warning-main")), N(p.AppBar, "defaultBg", E("palette-grey-900")), N(p.AppBar, "darkBg", E("palette-background-paper")), N(p.AppBar, "darkColor", E("palette-text-primary")), N(p.Avatar, "defaultBg", E("palette-grey-600")), N(p.Button, "inheritContainedBg", E("palette-grey-800")), N(p.Button, "inheritContainedHoverBg", E("palette-grey-700")), N(p.Chip, "defaultBorder", E("palette-grey-700")), N(p.Chip, "defaultAvatarColor", E("palette-grey-300")), N(p.Chip, "defaultIconColor", E("palette-grey-300")), N(p.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), N(p.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), N(p.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), N(p.LinearProgress, "primaryBg", k(me, a ? m("palette-primary-main") : p.primary.main, 0.5)), N(p.LinearProgress, "secondaryBg", k(me, a ? m("palette-secondary-main") : p.secondary.main, 0.5)), N(p.LinearProgress, "errorBg", k(me, a ? m("palette-error-main") : p.error.main, 0.5)), N(p.LinearProgress, "infoBg", k(me, a ? m("palette-info-main") : p.info.main, 0.5)), N(p.LinearProgress, "successBg", k(me, a ? m("palette-success-main") : p.success.main, 0.5)), N(p.LinearProgress, "warningBg", k(me, a ? m("palette-warning-main") : p.warning.main, 0.5)), N(p.Skeleton, "bg", b ? k(wt, a ? m("palette-text-primary") : p.text.primary, 0.13) : `rgba(${E("palette-text-primaryChannel")} / 0.13)`), N(p.Slider, "primaryTrack", k(me, a ? m("palette-primary-main") : p.primary.main, 0.5)), N(p.Slider, "secondaryTrack", k(me, a ? m("palette-secondary-main") : p.secondary.main, 0.5)), N(p.Slider, "errorTrack", k(me, a ? m("palette-error-main") : p.error.main, 0.5)), N(p.Slider, "infoTrack", k(me, a ? m("palette-info-main") : p.info.main, 0.5)), N(p.Slider, "successTrack", k(me, a ? m("palette-success-main") : p.success.main, 0.5)), N(p.Slider, "warningTrack", k(me, a ? m("palette-warning-light") : p.warning.main, 0.5));
-      const B = b ? k(he, a ? m("palette-background-default") : p.background.default, 0.985) : Mn(p.background.default, 0.98);
-      N(p.SnackbarContent, "bg", B), N(p.SnackbarContent, "color", tt(() => b ? ps.text.primary : p.getContrastText(B))), N(p.SpeedDialAction, "fabHoverBg", Mn(p.background.paper, 0.15)), N(p.StepConnector, "border", E("palette-grey-600")), N(p.StepContent, "border", E("palette-grey-600")), N(p.Switch, "defaultColor", E("palette-grey-300")), N(p.Switch, "defaultDisabledColor", E("palette-grey-600")), N(p.Switch, "primaryDisabledColor", k(me, a ? m("palette-primary-main") : p.primary.main, 0.55)), N(p.Switch, "secondaryDisabledColor", k(me, a ? m("palette-secondary-main") : p.secondary.main, 0.55)), N(p.Switch, "errorDisabledColor", k(me, a ? m("palette-error-main") : p.error.main, 0.55)), N(p.Switch, "infoDisabledColor", k(me, a ? m("palette-info-main") : p.info.main, 0.55)), N(p.Switch, "successDisabledColor", k(me, a ? m("palette-success-main") : p.success.main, 0.55)), N(p.Switch, "warningDisabledColor", k(me, a ? m("palette-warning-light") : p.warning.main, 0.55)), N(p.TableCell, "border", k(me, wt(a ? m("palette-divider") : p.divider, 1), 0.68)), N(p.Tooltip, "bg", k(wt, a ? m("palette-grey-700") : p.grey[700], 0.92));
+    if (m.mode === "dark") {
+      N(m.Alert, "errorColor", S(he, a ? p("palette-error-light") : m.error.light, 0.6)), N(m.Alert, "infoColor", S(he, a ? p("palette-info-light") : m.info.light, 0.6)), N(m.Alert, "successColor", S(he, a ? p("palette-success-light") : m.success.light, 0.6)), N(m.Alert, "warningColor", S(he, a ? p("palette-warning-light") : m.warning.light, 0.6)), N(m.Alert, "errorFilledBg", E("palette-error-dark")), N(m.Alert, "infoFilledBg", E("palette-info-dark")), N(m.Alert, "successFilledBg", E("palette-success-dark")), N(m.Alert, "warningFilledBg", E("palette-warning-dark")), N(m.Alert, "errorFilledColor", tt(() => m.getContrastText(m.error.dark))), N(m.Alert, "infoFilledColor", tt(() => m.getContrastText(m.info.dark))), N(m.Alert, "successFilledColor", tt(() => m.getContrastText(m.success.dark))), N(m.Alert, "warningFilledColor", tt(() => m.getContrastText(m.warning.dark))), N(m.Alert, "errorStandardBg", S(me, a ? p("palette-error-light") : m.error.light, 0.9)), N(m.Alert, "infoStandardBg", S(me, a ? p("palette-info-light") : m.info.light, 0.9)), N(m.Alert, "successStandardBg", S(me, a ? p("palette-success-light") : m.success.light, 0.9)), N(m.Alert, "warningStandardBg", S(me, a ? p("palette-warning-light") : m.warning.light, 0.9)), N(m.Alert, "errorIconColor", E("palette-error-main")), N(m.Alert, "infoIconColor", E("palette-info-main")), N(m.Alert, "successIconColor", E("palette-success-main")), N(m.Alert, "warningIconColor", E("palette-warning-main")), N(m.AppBar, "defaultBg", E("palette-grey-900")), N(m.AppBar, "darkBg", E("palette-background-paper")), N(m.AppBar, "darkColor", E("palette-text-primary")), N(m.Avatar, "defaultBg", E("palette-grey-600")), N(m.Button, "inheritContainedBg", E("palette-grey-800")), N(m.Button, "inheritContainedHoverBg", E("palette-grey-700")), N(m.Chip, "defaultBorder", E("palette-grey-700")), N(m.Chip, "defaultAvatarColor", E("palette-grey-300")), N(m.Chip, "defaultIconColor", E("palette-grey-300")), N(m.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), N(m.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), N(m.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), N(m.LinearProgress, "primaryBg", S(me, a ? p("palette-primary-main") : m.primary.main, 0.5)), N(m.LinearProgress, "secondaryBg", S(me, a ? p("palette-secondary-main") : m.secondary.main, 0.5)), N(m.LinearProgress, "errorBg", S(me, a ? p("palette-error-main") : m.error.main, 0.5)), N(m.LinearProgress, "infoBg", S(me, a ? p("palette-info-main") : m.info.main, 0.5)), N(m.LinearProgress, "successBg", S(me, a ? p("palette-success-main") : m.success.main, 0.5)), N(m.LinearProgress, "warningBg", S(me, a ? p("palette-warning-main") : m.warning.main, 0.5)), N(m.Skeleton, "bg", b ? S(wt, a ? p("palette-text-primary") : m.text.primary, 0.13) : `rgba(${E("palette-text-primaryChannel")} / 0.13)`), N(m.Slider, "primaryTrack", S(me, a ? p("palette-primary-main") : m.primary.main, 0.5)), N(m.Slider, "secondaryTrack", S(me, a ? p("palette-secondary-main") : m.secondary.main, 0.5)), N(m.Slider, "errorTrack", S(me, a ? p("palette-error-main") : m.error.main, 0.5)), N(m.Slider, "infoTrack", S(me, a ? p("palette-info-main") : m.info.main, 0.5)), N(m.Slider, "successTrack", S(me, a ? p("palette-success-main") : m.success.main, 0.5)), N(m.Slider, "warningTrack", S(me, a ? p("palette-warning-light") : m.warning.main, 0.5));
+      const B = b ? S(he, a ? p("palette-background-default") : m.background.default, 0.985) : Mn(m.background.default, 0.98);
+      N(m.SnackbarContent, "bg", B), N(m.SnackbarContent, "color", tt(() => b ? ps.text.primary : m.getContrastText(B))), N(m.SpeedDialAction, "fabHoverBg", Mn(m.background.paper, 0.15)), N(m.StepConnector, "border", E("palette-grey-600")), N(m.StepContent, "border", E("palette-grey-600")), N(m.Switch, "defaultColor", E("palette-grey-300")), N(m.Switch, "defaultDisabledColor", E("palette-grey-600")), N(m.Switch, "primaryDisabledColor", S(me, a ? p("palette-primary-main") : m.primary.main, 0.55)), N(m.Switch, "secondaryDisabledColor", S(me, a ? p("palette-secondary-main") : m.secondary.main, 0.55)), N(m.Switch, "errorDisabledColor", S(me, a ? p("palette-error-main") : m.error.main, 0.55)), N(m.Switch, "infoDisabledColor", S(me, a ? p("palette-info-main") : m.info.main, 0.55)), N(m.Switch, "successDisabledColor", S(me, a ? p("palette-success-main") : m.success.main, 0.55)), N(m.Switch, "warningDisabledColor", S(me, a ? p("palette-warning-light") : m.warning.main, 0.55)), N(m.TableCell, "border", S(me, wt(a ? p("palette-divider") : m.divider, 1), 0.68)), N(m.Tooltip, "bg", S(wt, a ? p("palette-grey-700") : m.grey[700], 0.92));
     }
-    a || (ot(p.background, "default"), ot(p.background, "paper"), ot(p.common, "background"), ot(p.common, "onBackground"), ot(p, "divider")), Object.keys(p).forEach((B) => {
-      const F = p[B];
-      B !== "tonalOffset" && !a && F && typeof F == "object" && (F.main && N(p[B], "mainChannel", an(ln(F.main))), F.light && N(p[B], "lightChannel", an(ln(F.light))), F.dark && N(p[B], "darkChannel", an(ln(F.dark))), F.contrastText && N(p[B], "contrastTextChannel", an(ln(F.contrastText))), B === "text" && (ot(p[B], "primary"), ot(p[B], "secondary")), B === "action" && (F.active && ot(p[B], "active"), F.selected && ot(p[B], "selected")));
+    a || (ot(m.background, "default"), ot(m.background, "paper"), ot(m.common, "background"), ot(m.common, "onBackground"), ot(m, "divider")), Object.keys(m).forEach((B) => {
+      const F = m[B];
+      B !== "tonalOffset" && !a && F && typeof F == "object" && (F.main && N(m[B], "mainChannel", an(ln(F.main))), F.light && N(m[B], "lightChannel", an(ln(F.light))), F.dark && N(m[B], "darkChannel", an(ln(F.dark))), F.contrastText && N(m[B], "contrastTextChannel", an(ln(F.contrastText))), B === "text" && (ot(m[B], "primary"), ot(m[B], "secondary")), B === "action" && (F.active && ot(m[B], "active"), F.selected && ot(m[B], "selected")));
     });
-  }), x = t.reduce((z, p) => Ze(z, p), x);
-  const M = {
+  }), x = t.reduce((z, m) => Ze(z, m), x);
+  const A = {
     prefix: s,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: l,
     getSelector: $1(x),
     enableContrastVars: a
   }, {
-    vars: D,
+    vars: R,
     generateThemeVars: O,
     generateStyleSheets: q
-  } = Y2(x, M);
-  return x.vars = D, Object.entries(x.colorSchemes[x.defaultColorScheme]).forEach(([z, p]) => {
-    x[z] = p;
+  } = Y2(x, A);
+  return x.vars = R, Object.entries(x.colorSchemes[x.defaultColorScheme]).forEach(([z, m]) => {
+    x[z] = m;
   }), x.generateThemeVars = O, x.generateStyleSheets = q, x.generateSpacing = function() {
     return os(h.spacing, Jr(this));
   }, x.getColorSchemeSelector = X2(c), x.spacing = x.generateSpacing(), x.shouldSkipGeneratingVar = l, x.unstable_sxConfig = {
     ...sr,
     ...h == null ? void 0 : h.unstable_sxConfig
-  }, x.unstable_sx = function(p) {
+  }, x.unstable_sx = function(m) {
     return Kt({
-      sx: p,
+      sx: m,
       theme: this
     });
   }, x.toRuntimeSource = hs, x;
@@ -8229,31 +8229,31 @@ const Z1 = Mt("span", {
     componentsProps: h = {},
     color: g = "primary",
     classes: y,
-    className: m,
+    className: p,
     disableSwap: v = !1,
     disabled: f = !1,
     getAriaLabel: _,
     getAriaValueText: w,
-    marks: S = !1,
+    marks: k = !1,
     max: $ = 100,
     min: b = 0,
     name: C,
     onChange: x,
-    onChangeCommitted: M,
-    orientation: D = "horizontal",
+    onChangeCommitted: A,
+    orientation: R = "horizontal",
     shiftStep: O = 10,
     size: q = "medium",
     step: z = 1,
-    scale: p = di,
+    scale: m = di,
     slotProps: E,
-    slots: k,
+    slots: S,
     tabIndex: B,
     track: F = "normal",
     value: Y,
     valueLabelDisplay: W = "off",
     valueLabelFormat: ce = di,
-    ...R
-  } = r, A = {
+    ...D
+  } = r, L = {
     ...r,
     isRtl: o,
     max: $,
@@ -8261,13 +8261,13 @@ const Z1 = Mt("span", {
     classes: y,
     disabled: f,
     disableSwap: v,
-    orientation: D,
-    marks: S,
+    orientation: R,
+    marks: k,
     color: g,
     size: q,
     step: z,
     shiftStep: O,
-    scale: p,
+    scale: m,
     track: F,
     valueLabelDisplay: W,
     valueLabelFormat: ce
@@ -8288,29 +8288,29 @@ const Z1 = Mt("span", {
     trackLeap: et,
     getThumbStyle: j
   } = v0({
-    ...A,
+    ...L,
     rootRef: n
   });
-  A.marked = I.length > 0 && I.some((Ne) => Ne.label), A.dragging = ue, A.focusedThumbIndex = oe;
-  const re = K1(A), we = (k == null ? void 0 : k.root) ?? d.Root ?? j1, Ce = (k == null ? void 0 : k.rail) ?? d.Rail ?? q1, Le = (k == null ? void 0 : k.track) ?? d.Track ?? W1, je = (k == null ? void 0 : k.thumb) ?? d.Thumb ?? U1, Qe = (k == null ? void 0 : k.valueLabel) ?? d.ValueLabel ?? vs, _e = (k == null ? void 0 : k.mark) ?? d.Mark ?? Z1, qe = (k == null ? void 0 : k.markLabel) ?? d.MarkLabel ?? H1, L = (k == null ? void 0 : k.input) ?? d.Input ?? "input", V = (E == null ? void 0 : E.root) ?? h.root, H = (E == null ? void 0 : E.rail) ?? h.rail, ae = (E == null ? void 0 : E.track) ?? h.track, be = (E == null ? void 0 : E.thumb) ?? h.thumb, X = (E == null ? void 0 : E.valueLabel) ?? h.valueLabel, Me = (E == null ? void 0 : E.mark) ?? h.mark, Pe = (E == null ? void 0 : E.markLabel) ?? h.markLabel, Oe = (E == null ? void 0 : E.input) ?? h.input, He = pt({
+  L.marked = I.length > 0 && I.some((Ne) => Ne.label), L.dragging = ue, L.focusedThumbIndex = oe;
+  const re = K1(L), we = (S == null ? void 0 : S.root) ?? d.Root ?? j1, Ce = (S == null ? void 0 : S.rail) ?? d.Rail ?? q1, Le = (S == null ? void 0 : S.track) ?? d.Track ?? W1, je = (S == null ? void 0 : S.thumb) ?? d.Thumb ?? U1, Qe = (S == null ? void 0 : S.valueLabel) ?? d.ValueLabel ?? vs, _e = (S == null ? void 0 : S.mark) ?? d.Mark ?? Z1, qe = (S == null ? void 0 : S.markLabel) ?? d.MarkLabel ?? H1, M = (S == null ? void 0 : S.input) ?? d.Input ?? "input", V = (E == null ? void 0 : E.root) ?? h.root, H = (E == null ? void 0 : E.rail) ?? h.rail, ae = (E == null ? void 0 : E.track) ?? h.track, be = (E == null ? void 0 : E.thumb) ?? h.thumb, X = (E == null ? void 0 : E.valueLabel) ?? h.valueLabel, Me = (E == null ? void 0 : E.mark) ?? h.mark, Pe = (E == null ? void 0 : E.markLabel) ?? h.markLabel, Oe = (E == null ? void 0 : E.input) ?? h.input, He = pt({
     elementType: we,
     getSlotProps: K,
     externalSlotProps: V,
-    externalForwardedProps: R,
+    externalForwardedProps: D,
     additionalProps: {
       ...P1(we) && {
         as: c
       }
     },
     ownerState: {
-      ...A,
+      ...L,
       ...V == null ? void 0 : V.ownerState
     },
-    className: [re.root, m]
+    className: [re.root, p]
   }), Qt = pt({
     elementType: Ce,
     externalSlotProps: H,
-    ownerState: A,
+    ownerState: L,
     className: re.rail
   }), Ms = pt({
     elementType: Le,
@@ -8322,7 +8322,7 @@ const Z1 = Mt("span", {
       }
     },
     ownerState: {
-      ...A,
+      ...L,
       ...ae == null ? void 0 : ae.ownerState
     },
     className: re.track
@@ -8331,7 +8331,7 @@ const Z1 = Mt("span", {
     getSlotProps: Z,
     externalSlotProps: be,
     ownerState: {
-      ...A,
+      ...L,
       ...be == null ? void 0 : be.ownerState
     },
     className: re.thumb
@@ -8339,25 +8339,25 @@ const Z1 = Mt("span", {
     elementType: Qe,
     externalSlotProps: X,
     ownerState: {
-      ...A,
+      ...L,
       ...X == null ? void 0 : X.ownerState
     },
     className: re.valueLabel
   }), dr = pt({
     elementType: _e,
     externalSlotProps: Me,
-    ownerState: A,
+    ownerState: L,
     className: re.mark
   }), fr = pt({
     elementType: qe,
     externalSlotProps: Pe,
-    ownerState: A,
+    ownerState: L,
     className: re.markLabel
   }), Ds = pt({
-    elementType: L,
+    elementType: M,
     getSlotProps: P,
     externalSlotProps: Oe,
-    ownerState: A
+    ownerState: L
   });
   return /* @__PURE__ */ T(we, {
     ...He,
@@ -8403,7 +8403,7 @@ const Z1 = Mt("span", {
           ...!un(rt) && {
             valueLabelFormat: ce,
             valueLabelDisplay: W,
-            value: typeof ce == "function" ? ce(p(Ne), De) : ce,
+            value: typeof ce == "function" ? ce(m(Ne), De) : ce,
             index: De,
             open: ne === De || G === De || W === "on",
             disabled: f
@@ -8418,12 +8418,12 @@ const Z1 = Mt("span", {
               ...j(De),
               ...ur.style
             },
-            children: /* @__PURE__ */ u(L, {
+            children: /* @__PURE__ */ u(M, {
               "data-index": De,
               "aria-label": _ ? _(De) : s,
-              "aria-valuenow": p(Ne),
+              "aria-valuenow": m(Ne),
               "aria-labelledby": l,
-              "aria-valuetext": w ? w(p(Ne), De) : a,
+              "aria-valuetext": w ? w(m(Ne), De) : a,
               value: se[De],
               ...Ds
             })
@@ -8720,15 +8720,15 @@ const Y1 = "_slider_1prh1_2", X1 = "_playButton_1prh1_14", Q1 = "_sliderOpen_1pr
   const h = o || ((b, C) => {
     const x = [];
     x.push({ label: "", value: b });
-    const M = Math.ceil(b / 10) * 10;
-    for (let D = M; D < C; D += 10)
-      x.push({ label: "", value: D });
+    const A = Math.ceil(b / 10) * 10;
+    for (let R = A; R < C; R += 10)
+      x.push({ label: "", value: R });
     return x[x.length - 1].value !== C && x.push({ label: "", value: C }), x;
   })(n, r), [g, y] = de(t);
   te(() => {
     y(t);
   }, [t]);
-  const m = (b, C) => {
+  const p = (b, C) => {
     y(C), c(C);
   }, [v, f] = de(!1);
   te(() => {
@@ -8742,15 +8742,15 @@ const Y1 = "_slider_1prh1_2", X1 = "_playButton_1prh1_14", Q1 = "_sliderOpen_1pr
     f(!1);
   };
   ((b, C, x = []) => {
-    const M = Te();
+    const A = Te();
     te(() => {
-      M.current = b;
+      A.current = b;
     }, [b]), te(() => {
-      function D() {
-        M.current();
+      function R() {
+        A.current();
       }
       {
-        let O = setInterval(D, C);
+        let O = setInterval(R, C);
         return () => clearInterval(O);
       }
     }, [C, ...x]);
@@ -8805,7 +8805,7 @@ const Y1 = "_slider_1prh1_2", X1 = "_playButton_1prh1_14", Q1 = "_sliderOpen_1pr
             marks: h,
             min: n,
             max: r,
-            onChange: m,
+            onChange: p,
             color: "primary",
             size: "small"
           }
@@ -8964,18 +8964,18 @@ const Mu = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   defaultTooltip: d,
   showEye: h = !0
 }) => {
-  const { name: g, created_at: y, id: m, isBeingProcessed: v } = e, [f, _] = de(!1), { t: w } = le();
+  const { name: g, created_at: y, id: p, isBeingProcessed: v } = e, [f, _] = de(!1), { t: w } = le();
   te(() => {
     console.log("elementButtons: ", l);
   }, [l]);
-  const S = l && l.edit && !e.is_default && !e.is_baseline, $ = l && l.trash && !e.is_default && !e.is_baseline;
+  const k = l && l.edit && !e.is_default && !e.is_baseline, $ = l && l.trash && !e.is_default && !e.is_baseline;
   return /* @__PURE__ */ T(
     "div",
     {
       className: Ke.listElement,
       style: { borderBottom: `1px solid ${o}` },
       children: [
-        /* @__PURE__ */ u("div", { className: Ke.elementNameDate, onClick: () => t(m), children: Object.keys(a).map((b, C) => b === "name" ? /* @__PURE__ */ u("div", { className: Ke.elementNameContainer, children: /* @__PURE__ */ T(
+        /* @__PURE__ */ u("div", { className: Ke.elementNameDate, onClick: () => t(p), children: Object.keys(a).map((b, C) => b === "name" ? /* @__PURE__ */ u("div", { className: Ke.elementNameContainer, children: /* @__PURE__ */ T(
           "div",
           {
             className: `${Ke.elementName} ${h && Ke.nameAndEye}`,
@@ -9030,7 +9030,7 @@ const Mu = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
             ),
             /* @__PURE__ */ u(at, { text: l.copy.tooltiptext, position: "left" })
           ] }),
-          S && /* @__PURE__ */ T("div", { className: "tooltip-parent", children: [
+          k && /* @__PURE__ */ T("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ u(
               "button",
               {
@@ -9149,7 +9149,7 @@ const pi = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   //texto para el tooltip del simbolo "En proceso"
   defaultTooltip: y,
   //texto para el tooltip del símbolo de candado para los elementos default
-  showEye: m = !0
+  showEye: p = !0
 }) => {
   const { t: v } = le(), [f, _] = de(e);
   te(() => {
@@ -9164,21 +9164,21 @@ const pi = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
       return /* @__PURE__ */ new Date(`${C[3]}-${C[2]}-${C[1]}`);
     const x = /^(\d{2})[-/]\s*(\d{2})[-/]\s*(\d{4})$/.exec(b);
     return x ? parseInt(x[1]) > 12 ? /* @__PURE__ */ new Date(`${x[3]}-${x[2]}-${x[1]}`) : /* @__PURE__ */ new Date(`${x[3]}-${x[1]}-${x[2]}`) : null;
-  }, S = (b) => w(b) !== null, $ = (b) => {
+  }, k = (b) => w(b) !== null, $ = (b) => {
     if (!f || f.length === 0) return;
     let C = [...f];
-    const x = C.find((D) => D[b] !== null && D[b] !== void 0), M = x ? S(x[b]) : !1;
-    C.sort((D, O) => {
-      const q = D[b], z = O[b];
+    const x = C.find((R) => R[b] !== null && R[b] !== void 0), A = x ? k(x[b]) : !1;
+    C.sort((R, O) => {
+      const q = R[b], z = O[b];
       if (q == null && z == null) return 0;
       if (q == null) return 1;
       if (z == null) return -1;
-      if (M) {
-        const k = w(q), B = w(z);
-        return !k && !B ? 0 : k ? B ? k - B : -1 : 1;
+      if (A) {
+        const S = w(q), B = w(z);
+        return !S && !B ? 0 : S ? B ? S - B : -1 : 1;
       }
-      const p = String(q || "").trim(), E = String(z || "").trim();
-      return p.localeCompare(E);
+      const m = String(q || "").trim(), E = String(z || "").trim();
+      return m.localeCompare(E);
     }), _(C);
   };
   return /* @__PURE__ */ T(
@@ -9217,7 +9217,7 @@ const pi = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             moreInfo: h,
             processTooltip: g,
             defaultTooltip: y,
-            showEye: m
+            showEye: p
           },
           `elementKey${b.id}`
         )) }),
@@ -9409,7 +9409,7 @@ function zn(e, t, n = /* @__PURE__ */ new WeakSet()) {
 function Ku(e) {
   const t = ao(), { control: n = t, name: r, defaultValue: o, disabled: s, exact: a, compute: l } = e || {}, c = ie.useRef(o), d = ie.useRef(l), h = ie.useRef(void 0), g = ie.useRef(n), y = ie.useRef(r);
   d.current = l;
-  const [m, v] = ie.useState(() => {
+  const [p, v] = ie.useState(() => {
     const b = n._getWatch(r, c.current);
     return d.current ? d.current(b) : b;
   }), f = ie.useCallback((b) => {
@@ -9435,13 +9435,13 @@ function Ku(e) {
       _(b.values);
     }
   })), [n, a, r, _]), ie.useEffect(() => n._removeUnmounted());
-  const w = g.current !== n, S = y.current, $ = ie.useMemo(() => {
+  const w = g.current !== n, k = y.current, $ = ie.useMemo(() => {
     if (s)
       return null;
-    const b = !w && !zn(S, r);
+    const b = !w && !zn(k, r);
     return w || b ? f() : null;
-  }, [s, w, r, S, f]);
-  return $ !== null ? $ : m;
+  }, [s, w, r, k, f]);
+  return $ !== null ? $ : p;
 }
 function Gu(e) {
   const t = ao(), { name: n, disabled: r, control: o = t, shouldUnregister: s, defaultValue: a, exact: l = !0 } = e, c = zu(o._names.array, n), d = ie.useMemo(() => Fe(o._formValues, n, Fe(o._defaultValues, n, a)), [o, n, a]), h = Ku({
@@ -9453,7 +9453,7 @@ function Gu(e) {
     control: o,
     name: n,
     exact: l
-  }), y = ie.useRef(e), m = ie.useRef(void 0), v = ie.useRef(o.register(n, {
+  }), y = ie.useRef(e), p = ie.useRef(void 0), v = ie.useRef(o.register(n, {
     ...e.rules,
     value: h,
     ...Ar(e.disabled) ? { disabled: e.disabled } : {}
@@ -9492,7 +9492,7 @@ function Gu(e) {
       name: n
     },
     type: hi.BLUR
-  }), [n, o._formValues]), S = ie.useCallback((b) => {
+  }), [n, o._formValues]), k = ie.useCallback((b) => {
     const C = Fe(o._fields, n);
     C && C._f && b && (C._f.ref = {
       focus: () => Rn(b.focus) && b.focus(),
@@ -9506,23 +9506,23 @@ function Gu(e) {
     ...Ar(r) || g.disabled ? { disabled: g.disabled || r } : {},
     onChange: _,
     onBlur: w,
-    ref: S
-  }), [n, r, g.disabled, _, w, S, h]);
+    ref: k
+  }), [n, r, g.disabled, _, w, k, h]);
   return ie.useEffect(() => {
-    const b = o._options.shouldUnregister || s, C = m.current;
+    const b = o._options.shouldUnregister || s, C = p.current;
     C && C !== n && !c && o.unregister(C), o.register(n, {
       ...y.current.rules,
       ...Ar(y.current.disabled) ? { disabled: y.current.disabled } : {}
     });
-    const x = (M, D) => {
-      const O = Fe(o._fields, M);
-      O && O._f && (O._f.mount = D);
+    const x = (A, R) => {
+      const O = Fe(o._fields, A);
+      O && O._f && (O._f.mount = R);
     };
     if (x(n, !0), b) {
-      const M = ws(Fe(o._options.defaultValues, n, y.current.defaultValue));
-      mi(o._defaultValues, n, M), Zr(Fe(o._formValues, n)) && mi(o._formValues, n, M);
+      const A = ws(Fe(o._options.defaultValues, n, y.current.defaultValue));
+      mi(o._defaultValues, n, A), Zr(Fe(o._formValues, n)) && mi(o._formValues, n, A);
     }
-    return !c && o.register(n), m.current = n, () => {
+    return !c && o.register(n), p.current = n, () => {
       (c ? b && !o._state.action : b) ? o.unregister(n) : x(n, !1);
     };
   }, [n, o, c, s]), ie.useEffect(() => {
@@ -9578,9 +9578,9 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
     },
     forgotPassLabel: y = "forgot-password",
     //Lógica extra al onChange además de actualizar el valor en RHF
-    onChangeExtraFunction: m = () => {
+    onChangeExtraFunction: p = () => {
     }
-  } = e, { t: v } = le(), { control: f, trigger: _, clearErrors: w } = t, { errorColor: S } = vn((x) => x), [$, b] = de(!1);
+  } = e, { t: v } = le(), { control: f, trigger: _, clearErrors: w } = t, { errorColor: k } = vn((x) => x), [$, b] = de(!1);
   Te(a);
   const C = () => r ? r === "password" && $ ? "text" : r : "text";
   return /* @__PURE__ */ u(
@@ -9593,16 +9593,16 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
         maxLength: s || void 0,
         validate: l || void 0
       },
-      render: ({ field: x, fieldState: M }) => {
+      render: ({ field: x, fieldState: A }) => {
         var z;
-        const { onChange: D, ...O } = x, q = (p) => {
-          D(p), m && m(p);
+        const { onChange: R, ...O } = x, q = (m) => {
+          R(m), p && p(m);
         };
         return /* @__PURE__ */ T("div", { className: rn.textInputContainer, children: [
           /* @__PURE__ */ T("h3", { className: rn.labelContainer, children: [
             v(o),
             " ",
-            a && /* @__PURE__ */ u("label", { style: { color: M.error ? d : "" }, children: "*" })
+            a && /* @__PURE__ */ u("label", { style: { color: A.error ? d : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ T(
             "div",
@@ -9642,8 +9642,8 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
           /* @__PURE__ */ u(
             bn,
             {
-              errorMessage: (z = M.error) == null ? void 0 : z.message,
-              errorColor: S || d
+              errorMessage: (z = A.error) == null ? void 0 : z.message,
+              errorColor: k || d
             }
           )
         ] });
@@ -9673,31 +9673,31 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
     width: g = 325,
     options: y = []
     //Used if we dont use react hook form
-  } = e, { t: m } = le(), { control: v, trigger: f, clearErrors: _ } = t || {}, { errorColor: w } = vn((b) => b);
+  } = e, { t: p } = le(), { control: v, trigger: f, clearErrors: _ } = t || {}, { errorColor: w } = vn((b) => b);
   Te(l);
-  const [S, $] = de(null);
+  const [k, $] = de(null);
   return te(() => {
-    S && n && n(S);
-  }, [S, n]), t ? /* @__PURE__ */ u(
+    k && n && n(k);
+  }, [k, n]), t ? /* @__PURE__ */ u(
     yn,
     {
       name: r,
       control: v,
       rules: {
-        required: l ? `${m(s)} ${m("errorMessages.required")}` : !1,
+        required: l ? `${p(s)} ${p("errorMessages.required")}` : !1,
         validate: c ? (b) => {
           let C = t.getValues();
           return c(b, C);
         } : void 0
       },
       render: ({ field: b, fieldState: C }) => {
-        var M;
+        var A;
         const x = y.find(
-          (D) => D.value === b.value
+          (R) => R.value === b.value
         );
         return /* @__PURE__ */ T("div", { className: Ve.selectInputContainer, children: [
           s && /* @__PURE__ */ T("h3", { className: Ve.labelContainer, children: [
-            m(s),
+            p(s),
             " ",
             l && /* @__PURE__ */ u("label", { style: { color: C.error ? h : "" }, children: "*" })
           ] }),
@@ -9708,19 +9708,19 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
                 {
                   ...b,
                   value: b.value ?? "",
-                  onChange: (D) => {
-                    const O = D.target.value, q = y.every((z) => typeof z.value == "number") ? Number(O) : O;
+                  onChange: (R) => {
+                    const O = R.target.value, q = y.every((z) => typeof z.value == "number") ? Number(O) : O;
                     b.onChange(q);
                   },
                   className: Ve.selectInput,
                   children: [
-                    /* @__PURE__ */ u("option", { value: "", disabled: !0, hidden: !0, children: m(d || "selectOption") }),
-                    y.map((D, O) => /* @__PURE__ */ u(
+                    /* @__PURE__ */ u("option", { value: "", disabled: !0, hidden: !0, children: p(d || "selectOption") }),
+                    y.map((R, O) => /* @__PURE__ */ u(
                       "option",
                       {
-                        value: D.value,
+                        value: R.value,
                         className: Ve.option,
-                        children: m(D.label)
+                        children: p(R.label)
                       },
                       O
                     ))
@@ -9736,12 +9736,12 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
                 }
               )
             ] }),
-            x && x.description && /* @__PURE__ */ u("div", { className: Ve.optionDescription, children: m(x.description) })
+            x && x.description && /* @__PURE__ */ u("div", { className: Ve.optionDescription, children: p(x.description) })
           ] }),
           /* @__PURE__ */ u(
             bn,
             {
-              errorMessage: (M = C.error) == null ? void 0 : M.message,
+              errorMessage: (A = C.error) == null ? void 0 : A.message,
               errorColor: w || h
             }
           )
@@ -9750,7 +9750,7 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
     }
   ) : /* @__PURE__ */ T("div", { className: Ve.selectInputContainer, children: [
     s && /* @__PURE__ */ T("h3", { className: Ve.labelContainer, children: [
-      m(s),
+      p(s),
       " ",
       l && /* @__PURE__ */ u("label", { children: "*" })
     ] }),
@@ -9758,20 +9758,20 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
       /* @__PURE__ */ T(
         "select",
         {
-          value: S ?? "",
+          value: k ?? "",
           onChange: (b) => {
-            const C = b.target.value, x = y.every((M) => typeof M.value == "number") ? Number(C) : C;
+            const C = b.target.value, x = y.every((A) => typeof A.value == "number") ? Number(C) : C;
             $(x);
           },
           className: Ve.selectInput,
           children: [
-            /* @__PURE__ */ u("option", { value: "", disabled: !0, hidden: !0, children: m(d || "selectOption") }),
+            /* @__PURE__ */ u("option", { value: "", disabled: !0, hidden: !0, children: p(d || "selectOption") }),
             y.map((b, C) => /* @__PURE__ */ u(
               "option",
               {
                 value: b.value,
                 className: Ve.option,
-                children: m(b.label)
+                children: p(b.label)
               },
               C
             ))
@@ -9782,9 +9782,9 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
     ] }),
     (() => {
       const b = y.find(
-        (C) => C.value === S
+        (C) => C.value === k
       );
-      return b && b.description ? /* @__PURE__ */ u("div", { className: Ve.optionDescription, children: m(b.description) }) : null;
+      return b && b.description ? /* @__PURE__ */ u("div", { className: Ve.optionDescription, children: p(b.description) }) : null;
     })()
   ] });
 }, hd = "_radioButtonContainer_1e994_2", gd = "_wholeInputContainer_1e994_5", yd = "_questionContainer_1e994_27", bd = "_radioQuestion_1e994_59", vd = "_inputContainer_1e994_63", Cd = "_radioInput_1e994_93", St = {
@@ -9803,13 +9803,13 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
     errorColor: a = "red",
     options: l = [],
     multi: c = !1
-  } = e, { t: d } = le(), { control: h, trigger: g, clearErrors: y } = t, { errorColor: m } = vn((_) => _), v = ({ options: _, onChange: w, actualValue: S }) => {
-    if (c && S && S.length > 0) {
-      let $ = S.filter((b) => b !== _);
+  } = e, { t: d } = le(), { control: h, trigger: g, clearErrors: y } = t, { errorColor: p } = vn((_) => _), v = ({ options: _, onChange: w, actualValue: k }) => {
+    if (c && k && k.length > 0) {
+      let $ = k.filter((b) => b !== _);
       w($);
     }
-  }, f = ({ options: _, onChange: w, actualValue: S }) => {
-    c ? S && S.length > 0 ? w([...S, _]) : w([_]) : w(_);
+  }, f = ({ options: _, onChange: w, actualValue: k }) => {
+    c ? k && k.length > 0 ? w([...k, _]) : w([_]) : w(_);
   };
   return Te(o), /* @__PURE__ */ u(
     yn,
@@ -9821,7 +9821,7 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
       },
       render: ({
         formState: { errors: _ },
-        field: { onChange: w, onBlur: S, value: $, ref: b },
+        field: { onChange: w, onBlur: k, value: $, ref: b },
         fieldState: C
       }) => {
         var x;
@@ -9847,20 +9847,20 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
           /* @__PURE__ */ T("div", { className: St.inputContainer, children: [
             l.map(
               ({
-                label: M,
-                value: D,
+                label: A,
+                value: R,
                 disabled: O = !1,
                 italicLabel: q
               }, z) => {
-                const p = $ && c ? $.isArray && ($ == null ? void 0 : $.length) > 0 && $.some((E) => E === D) : $ === D;
+                const m = $ && c ? $.isArray && ($ == null ? void 0 : $.length) > 0 && $.some((E) => E === R) : $ === R;
                 return /* @__PURE__ */ T("label", { children: [
                   /* @__PURE__ */ u(
                     "input",
                     {
                       type: "radio",
-                      checked: p,
+                      checked: m,
                       onChange: () => {
-                        c ? p ? v({
+                        c ? m ? v({
                           actualValue: $,
                           options: l,
                           onChange: w
@@ -9868,13 +9868,13 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
                           actualValue: $,
                           options: l,
                           onChange: w
-                        }) : w(D);
+                        }) : w(R);
                       },
                       className: St.radioInput
                     }
                   ),
                   /* @__PURE__ */ u("span", { className: "radio-custom" }),
-                  d(M)
+                  d(A)
                 ] }, `inputRadio ${z}`);
               }
             ),
@@ -9882,7 +9882,7 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
               bn,
               {
                 errorMessage: (x = C.error) == null ? void 0 : x.message,
-                errorColor: m || a
+                errorColor: p || a
               }
             )
           ] })
@@ -9912,7 +9912,7 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
     errorColor: h = "red",
     labelWidth: g = "300px",
     sliderWidth: y = "300px",
-    minText: m,
+    minText: p,
     maxText: v,
     disabled: f = !1,
     marks: _ = Array.from(
@@ -9920,9 +9920,9 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
       (O, q) => s + q
     ),
     showMarksNumber: w = !0
-  } = e, { t: S } = le(), { control: $, trigger: b, clearErrors: C } = t || {};
+  } = e, { t: k } = le(), { control: $, trigger: b, clearErrors: C } = t || {};
   Te(d);
-  const { errorColorForm: x } = vn((O) => O), [M, D] = de(l);
+  const { errorColorForm: x } = vn((O) => O), [A, R] = de(l);
   return t ? /* @__PURE__ */ u(
     yn,
     {
@@ -9930,7 +9930,7 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
       control: $,
       defaultValue: l,
       rules: {
-        required: d ? `${S(o)} ${S("errorMessages.required")}` : !1
+        required: d ? `${k(o)} ${k("errorMessages.required")}` : !1
       },
       render: ({ field: O, fieldState: q }) => {
         var z;
@@ -9947,11 +9947,11 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
                 {
                   className: Ee.labelContainer,
                   style: { color: f ? "#CCCCCC" : "#605B56" },
-                  children: S(o)
+                  children: k(o)
                 }
               ),
               /* @__PURE__ */ T("div", { className: Ee.inputContainer, children: [
-                m && /* @__PURE__ */ u("div", { className: Ee.minLabel, children: S(m) }),
+                p && /* @__PURE__ */ u("div", { className: Ee.minLabel, children: k(p) }),
                 /* @__PURE__ */ T("div", { children: [
                   /* @__PURE__ */ u(
                     Br,
@@ -9960,18 +9960,18 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
                       max: a,
                       step: 1,
                       value: O.value ?? l,
-                      onChange: (p) => {
-                        O.onChange(p);
+                      onChange: (m) => {
+                        O.onChange(m);
                       },
                       marks: !0,
                       className: Ee.slider,
                       thumbClassName: Ee.thumb,
-                      renderThumb: (p) => /* @__PURE__ */ u(
+                      renderThumb: (m) => /* @__PURE__ */ u(
                         "div",
                         {
-                          ...p,
+                          ...m,
                           style: {
-                            ...p.style,
+                            ...m.style,
                             backgroundColor: f ? "#CCCCCC" : c,
                             cursor: f ? "not-allowed" : "grab"
                           }
@@ -9982,9 +9982,9 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
                       disabled: f
                     }
                   ),
-                  _ && /* @__PURE__ */ u("div", { className: Ee.labels, children: _.map((p) => /* @__PURE__ */ u("span", { children: w && p }, p)) })
+                  _ && /* @__PURE__ */ u("div", { className: Ee.labels, children: _.map((m) => /* @__PURE__ */ u("span", { children: w && m }, m)) })
                 ] }),
-                v && /* @__PURE__ */ u("div", { className: Ee.maxLabel, children: S(v) })
+                v && /* @__PURE__ */ u("div", { className: Ee.maxLabel, children: k(v) })
               ] }),
               /* @__PURE__ */ u(
                 bn,
@@ -10009,11 +10009,11 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
           {
             className: Ee.labelContainer,
             style: { color: f ? "#CCCCCC" : "#605B56" },
-            children: S(o)
+            children: k(o)
           }
         ),
         /* @__PURE__ */ T("div", { className: Ee.inputContainer, children: [
-          m && /* @__PURE__ */ u("div", { className: Ee.minLabel, children: S(m) }),
+          p && /* @__PURE__ */ u("div", { className: Ee.minLabel, children: k(p) }),
           /* @__PURE__ */ T("div", { children: [
             /* @__PURE__ */ u(
               Br,
@@ -10021,9 +10021,9 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
                 min: s,
                 max: a,
                 step: 1,
-                value: M,
+                value: A,
                 onChange: (O) => {
-                  D(O), n && n(O);
+                  R(O), n && n(O);
                 },
                 marks: !0,
                 className: Ee.slider,
@@ -10046,7 +10046,7 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
             ),
             _ && /* @__PURE__ */ u("div", { className: Ee.labels, children: _.map((O) => /* @__PURE__ */ u("span", { children: w && O }, O)) })
           ] }),
-          v && /* @__PURE__ */ u("div", { className: Ee.maxLabel, children: S(v) })
+          v && /* @__PURE__ */ u("div", { className: Ee.maxLabel, children: k(v) })
         ] })
       ]
     }
@@ -10210,11 +10210,11 @@ const Od = "_textDescriptionContainer_163pc_2", Ad = "_textDescriptionText_163pc
       className: sn.categorySelector,
       style: o ? { ...o } : {},
       children: e.map((c, d) => {
-        const { id: h, label: g } = c, y = n == h, m = s.includes(h);
+        const { id: h, label: g } = c, y = n == h, p = s.includes(h);
         return /* @__PURE__ */ u(
           "button",
           {
-            className: `${sn.sectionItem} ${y ? sn.sectionItemActive : ""} ${m ? sn.sectionItemError : ""}`,
+            className: `${sn.sectionItem} ${y ? sn.sectionItemActive : ""} ${p ? sn.sectionItemError : ""}`,
             type: "button",
             style: { backgroundColor: y ? r : "inherit" },
             onClick: () => l(h),
@@ -10246,14 +10246,14 @@ const Od = "_textDescriptionContainer_163pc_2", Ad = "_textDescriptionText_163pc
   categoryLabel: h = "Select Category",
   activeCategory: g = null,
   activeCategoryColor: y = "#b32f5d",
-  categoriesWithErrors: m = [],
+  categoriesWithErrors: p = [],
   onSubmit: v = (f) => console.log("Form submitted with: ", f)
 }) => {
   const { t: f } = le(), { handleSubmit: _, control: w } = e;
   te(() => {
     s && vn.setState(() => ({ errorColor: s }));
   }, [s]);
-  const S = ze(() => t ? t.filter((O) => O.category).map((O) => {
+  const k = ze(() => t ? t.filter((O) => O.category).map((O) => {
     var q;
     return {
       id: O.categoryId,
@@ -10265,17 +10265,17 @@ const Od = "_textDescriptionContainer_163pc_2", Ad = "_textDescriptionText_163pc
     return (q == null ? void 0 : q.subcategories) || [];
   }, [b, C] = de(
     g || d || null
-  ), [x, M] = de(null);
+  ), [x, A] = de(null);
   te(() => {
-    !b && S.length > 0 && C(S[0].id);
-  }, [S, b]), te(() => {
+    !b && k.length > 0 && C(k[0].id);
+  }, [k, b]), te(() => {
     const O = $(b);
-    !x && (O == null ? void 0 : O.length) > 0 && M(O[0].id);
+    !x && (O == null ? void 0 : O.length) > 0 && A(O[0].id);
   }, [b, x, t]);
-  const D = (O, q) => {
+  const R = (O, q) => {
     var z;
     if (((z = O.subcategories) == null ? void 0 : z.length) > 0) {
-      const p = O.subcategories;
+      const m = O.subcategories;
       return /* @__PURE__ */ T("div", { children: [
         /* @__PURE__ */ u(
           "div",
@@ -10285,16 +10285,16 @@ const Od = "_textDescriptionContainer_163pc_2", Ad = "_textDescriptionText_163pc
               xi,
               {
                 activeCategory: x,
-                categories: p,
-                categoriesWithErrors: m,
-                onChange: (E) => M(E),
+                categories: m,
+                categoriesWithErrors: p,
+                onChange: (E) => A(E),
                 activeColor: y
               }
             )
           },
           O.categoryId
         ),
-        p.map((E, k) => {
+        m.map((E, S) => {
           const B = !x || E.id === x;
           return n ? /* @__PURE__ */ u(
             "div",
@@ -10314,7 +10314,7 @@ const Od = "_textDescriptionContainer_163pc_2", Ad = "_textDescriptionText_163pc
                 }
               ) }, E.id)
             },
-            `${E.id}${k}`
+            `${E.id}${S}`
           ) : /* @__PURE__ */ T(
             "div",
             {
@@ -10336,7 +10336,7 @@ const Od = "_textDescriptionContainer_163pc_2", Ad = "_textDescriptionText_163pc
                 )
               ]
             },
-            `${E.id}${k}`
+            `${E.id}${S}`
           );
         })
       ] });
@@ -10365,14 +10365,14 @@ const Od = "_textDescriptionContainer_163pc_2", Ad = "_textDescriptionText_163pc
     ] }, O.categoryId);
   };
   return /* @__PURE__ */ T("form", { className: nn.formContainer, onSubmit: _(v), children: [
-    c && S.length > 0 && /* @__PURE__ */ u("div", { className: nn.categorySelectorContainer, children: /* @__PURE__ */ u(
+    c && k.length > 0 && /* @__PURE__ */ u("div", { className: nn.categorySelectorContainer, children: /* @__PURE__ */ u(
       xi,
       {
         activeCategory: b,
-        categories: S,
-        categoriesWithErrors: m,
+        categories: k,
+        categoriesWithErrors: p,
         onChange: (O) => {
-          C(O), M(null);
+          C(O), A(null);
         },
         activeColor: y
       }
@@ -10386,7 +10386,7 @@ const Od = "_textDescriptionContainer_163pc_2", Ad = "_textDescriptionText_163pc
             width: "100%",
             display: z ? "block" : "none"
           },
-          children: D(O)
+          children: R(O)
         },
         O.categoryId
       ) : /* @__PURE__ */ u(
@@ -10565,9 +10565,9 @@ const lf = "_switchContainer_194wl_2", cf = "_labelRight_194wl_9", uf = "_labelL
     colorOn: c = "#5A514D",
     disabled: d = !1,
     width: h = 240
-  } = e, { t: g } = le(), { control: y } = t || {}, [m, v] = de(l), f = (w) => {
+  } = e, { t: g } = le(), { control: y } = t || {}, [p, v] = de(l), f = (w) => {
     v(w), n && n(w);
-  }, _ = (w, S) => /* @__PURE__ */ T("div", { className: Wt.switchContainer, style: { width: `${h}px` }, children: [
+  }, _ = (w, k) => /* @__PURE__ */ T("div", { className: Wt.switchContainer, style: { width: `${h}px` }, children: [
     s && /* @__PURE__ */ u(
       "span",
       {
@@ -10582,7 +10582,7 @@ const lf = "_switchContainer_194wl_2", cf = "_labelRight_194wl_9", uf = "_labelL
         {
           type: "checkbox",
           checked: !!w,
-          onChange: () => S(!w),
+          onChange: () => k(!w),
           disabled: d
         }
       ),
@@ -10606,7 +10606,7 @@ const lf = "_switchContainer_194wl_2", cf = "_labelRight_194wl_9", uf = "_labelL
       defaultValue: l,
       render: ({ field: w }) => _(w.value, w.onChange)
     }
-  ) : _(m, f);
+  ) : _(p, f);
 };
 pf.propTypes = {
   input: i.shape({
@@ -10655,7 +10655,7 @@ const vf = "_container_1pl8d_3", Cf = "_burger_1pl8d_10", _f = "_menu_1pl8d_21",
   textColor: n,
   iconColor: r
 }) => {
-  const [o, s] = de(!1), a = () => s((v) => !v), l = () => s(!1), c = 7, d = o ? 11 : 0, h = o ? 13 : 0, g = o ? -11.51666 : 0, y = o ? -13 : 0, m = "0.35s";
+  const [o, s] = de(!1), a = () => s((v) => !v), l = () => s(!1), c = 7, d = o ? 11 : 0, h = o ? 13 : 0, g = o ? -11.51666 : 0, y = o ? -13 : 0, p = "0.35s";
   return /* @__PURE__ */ T("div", { className: nt.container, children: [
     /* @__PURE__ */ u("button", { onClick: a, className: nt.burger, children: /* @__PURE__ */ T(
       "svg",
@@ -10671,7 +10671,7 @@ const vf = "_container_1pl8d_3", Cf = "_burger_1pl8d_10", _f = "_menu_1pl8d_21",
             {
               style: {
                 transform: `translateY(${d}px)`,
-                transition: `transform ${m} cubic-bezier(0.42, 0, 0.58, 1)`
+                transition: `transform ${p} cubic-bezier(0.42, 0, 0.58, 1)`
               },
               children: /* @__PURE__ */ u("circle", { cx: "20", cy: "9", r: c, fill: r })
             }
@@ -10681,7 +10681,7 @@ const vf = "_container_1pl8d_3", Cf = "_burger_1pl8d_10", _f = "_menu_1pl8d_21",
             {
               style: {
                 transform: `translate(${h}px, ${g}px)`,
-                transition: `transform ${m} cubic-bezier(0.42, 0, 0.58, 1)`
+                transition: `transform ${p} cubic-bezier(0.42, 0, 0.58, 1)`
               },
               children: /* @__PURE__ */ u("circle", { cx: "7", cy: "31.51666", r: c, fill: r })
             }
@@ -10691,7 +10691,7 @@ const vf = "_container_1pl8d_3", Cf = "_burger_1pl8d_10", _f = "_menu_1pl8d_21",
             {
               style: {
                 transform: `translate(${y}px, ${g}px)`,
-                transition: `transform ${m} cubic-bezier(0.42, 0, 0.58, 1)`
+                transition: `transform ${p} cubic-bezier(0.42, 0, 0.58, 1)`
               },
               children: /* @__PURE__ */ u("circle", { cx: "33", cy: "31.51666", r: c, fill: r })
             }
@@ -10701,7 +10701,7 @@ const vf = "_container_1pl8d_3", Cf = "_burger_1pl8d_10", _f = "_menu_1pl8d_21",
             {
               style: {
                 opacity: o ? 1 : 0,
-                transition: `opacity ${m} cubic-bezier(0.42, 0, 0.58, 1)`
+                transition: `opacity ${p} cubic-bezier(0.42, 0, 0.58, 1)`
               },
               children: /* @__PURE__ */ u("circle", { cx: "20", cy: "20", r: "10", fill: r })
             }
@@ -10714,7 +10714,7 @@ const vf = "_container_1pl8d_3", Cf = "_burger_1pl8d_10", _f = "_menu_1pl8d_21",
               strokeLinecap: "round",
               style: {
                 opacity: o ? 1 : 0,
-                transition: `opacity ${m} cubic-bezier(0.42, 0, 0.58, 1)`
+                transition: `opacity ${p} cubic-bezier(0.42, 0, 0.58, 1)`
               },
               children: [
                 /* @__PURE__ */ u("line", { x1: "17", y1: "17", x2: "23", y2: "23" }),
@@ -10785,44 +10785,44 @@ const $f = "_svgContainer_1rxoe_2", Nf = "_svg_1rxoe_2", wi = {
   xAxisTickRotation: h = -90,
   yAxisTickFormat: g = (b) => b.toLocaleString("es-ES"),
   barPadding: y = 0.1,
-  groupPadding: m = 0.05,
+  groupPadding: p = 0.05,
   animationDuration: v = 750,
   onBarHover: f,
   onBarClick: _,
   title: w,
-  xAxisLabel: S,
+  xAxisLabel: k,
   yAxisLabel: $
 }) => {
-  const b = Te(), C = Te(), [x, M] = de({ width: 0, height: 0 });
+  const b = Te(), C = Te(), [x, A] = de({ width: 0, height: 0 });
   return te(() => {
-    const D = () => {
+    const R = () => {
       if (C.current) {
         const O = C.current.getBoundingClientRect().width;
-        M({
+        A({
           width: typeof r == "number" ? r : O,
           height: o
         });
       }
     };
-    return D(), window.addEventListener("resize", D), () => window.removeEventListener("resize", D);
+    return R(), window.addEventListener("resize", R), () => window.removeEventListener("resize", R);
   }, [r, o]), te(() => {
     if (!e || e.length === 0 || x.width === 0) return;
-    const D = ht(b.current), O = x.width, q = x.height, z = O - s.left - s.right, p = q - s.top - s.bottom;
-    if (z <= 0 || p <= 0) return;
-    const E = e.map((P) => P.anyo || P.year || P.x), k = t, B = jn(e, (P) => jn(k, (Z) => P[Z])) || 0, F = qn(e, (P) => qn(k, (Z) => P[Z])) || 0, Y = Rr().domain(E).rangeRound([0, z]).paddingInner(y), W = Rr().domain(k).rangeRound([0, Y.bandwidth()]).padding(m), ce = Ei().domain([Math.min(0, B), F]).nice().rangeRound([p, 0]), R = Oi().domain(k).range(Array.isArray(n) ? n : Object.values(n || {}));
-    D.selectAll("*").remove();
-    const A = D.append("g").attr("transform", `translate(${s.left},${s.top})`);
-    w && D.append("text").attr("x", O / 2).attr("y", s.top / 2).attr("text-anchor", "middle").style("font-size", "16px").style("font-weight", "bold").style("fill", "#333").text(w), d && A.append("g").attr("class", "grid").selectAll("line").data(ce.ticks()).enter().append("line").attr("x1", 0).attr("x2", z).attr("y1", (P) => ce(P)).attr("y2", (P) => ce(P)).style("stroke", "#e0e0e0").style("stroke-width", 0.5), l && (A.append("g").attr("transform", `translate(0,${p})`).call(Ai(Y).tickSizeOuter(0)).attr("class", "x-axis").selectAll("text").attr("transform", `translate(0,10)rotate(${h})`).style("text-anchor", h < 0 ? "end" : "middle").style("font-size", "12px").style("fill", "#605B56"), S && A.append("text").attr(
+    const R = ht(b.current), O = x.width, q = x.height, z = O - s.left - s.right, m = q - s.top - s.bottom;
+    if (z <= 0 || m <= 0) return;
+    const E = e.map((P) => P.anyo || P.year || P.x), S = t, B = jn(e, (P) => jn(S, (Z) => P[Z])) || 0, F = qn(e, (P) => qn(S, (Z) => P[Z])) || 0, Y = Rr().domain(E).rangeRound([0, z]).paddingInner(y), W = Rr().domain(S).rangeRound([0, Y.bandwidth()]).padding(p), ce = Ei().domain([Math.min(0, B), F]).nice().rangeRound([m, 0]), D = Oi().domain(S).range(Array.isArray(n) ? n : Object.values(n || {}));
+    R.selectAll("*").remove();
+    const L = R.append("g").attr("transform", `translate(${s.left},${s.top})`);
+    w && R.append("text").attr("x", O / 2).attr("y", s.top / 2).attr("text-anchor", "middle").style("font-size", "16px").style("font-weight", "bold").style("fill", "#333").text(w), d && L.append("g").attr("class", "grid").selectAll("line").data(ce.ticks()).enter().append("line").attr("x1", 0).attr("x2", z).attr("y1", (P) => ce(P)).attr("y2", (P) => ce(P)).style("stroke", "#e0e0e0").style("stroke-width", 0.5), l && (L.append("g").attr("transform", `translate(0,${m})`).call(Ai(Y).tickSizeOuter(0)).attr("class", "x-axis").selectAll("text").attr("transform", `translate(0,10)rotate(${h})`).style("text-anchor", h < 0 ? "end" : "middle").style("font-size", "12px").style("fill", "#605B56"), k && L.append("text").attr(
       "transform",
-      `translate(${z / 2}, ${p + s.bottom - 5})`
-    ).style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(S)), c && (A.append("g").call(Dr(ce).ticks(6).tickFormat(g)).attr("class", "y-axis").call((P) => P.select(".domain").remove()), $ && A.append("text").attr("transform", "rotate(-90)").attr("y", 0 - s.left).attr("x", 0 - p / 2).attr("dy", "1em").style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text($));
-    const K = A.append("g").selectAll(".bar-group").data(e).enter().append("g").attr("class", "bar-group").attr("transform", (P) => `translate(${Y(P.anyo || P.year || P.x)},0)`).selectAll(".bar").data(
-      (P) => k.map((Z) => ({
+      `translate(${z / 2}, ${m + s.bottom - 5})`
+    ).style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(k)), c && (L.append("g").call(Dr(ce).ticks(6).tickFormat(g)).attr("class", "y-axis").call((P) => P.select(".domain").remove()), $ && L.append("text").attr("transform", "rotate(-90)").attr("y", 0 - s.left).attr("x", 0 - m / 2).attr("dy", "1em").style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text($));
+    const K = L.append("g").selectAll(".bar-group").data(e).enter().append("g").attr("class", "bar-group").attr("transform", (P) => `translate(${Y(P.anyo || P.year || P.x)},0)`).selectAll(".bar").data(
+      (P) => S.map((Z) => ({
         key: Z,
         value: P[Z],
         data: P
       }))
-    ).enter().append("rect").attr("class", "bar").attr("x", (P) => W(P.key)).attr("y", p).attr("width", W.bandwidth()).attr("height", 0).attr("fill", (P) => R(P.key)).style("cursor", f || _ ? "pointer" : "default");
+    ).enter().append("rect").attr("class", "bar").attr("x", (P) => W(P.key)).attr("y", m).attr("width", W.bandwidth()).attr("height", 0).attr("fill", (P) => D(P.key)).style("cursor", f || _ ? "pointer" : "default");
     K.transition().duration(v).attr("y", (P) => ce(Math.max(0, P.value))).attr("height", (P) => Math.abs(ce(P.value) - ce(0))), f && K.on("mouseover", function(P, Z) {
       ht(this).style("opacity", 0.8), f(P, Z);
     }).on("mouseout", function(P, Z) {
@@ -10835,7 +10835,7 @@ const $f = "_svgContainer_1rxoe_2", Nf = "_svg_1rxoe_2", wi = {
     x,
     s,
     y,
-    m,
+    p,
     l,
     c,
     d,
@@ -10845,7 +10845,7 @@ const $f = "_svgContainer_1rxoe_2", Nf = "_svg_1rxoe_2", wi = {
     f,
     _,
     w,
-    S,
+    k,
     $
   ]), /* @__PURE__ */ u(
     "div",
@@ -10913,42 +10913,42 @@ const Of = "_svgContainer_7fkic_2", Af = "_svg_7fkic_2", Si = {
   showGrid: h = !0,
   xAxisTickRotation: g = -90,
   yAxisTickFormat: y = (O) => O.toLocaleString("es-ES"),
-  barPadding: m = 0.4,
+  barPadding: p = 0.4,
   animationDuration: v = 750,
   onBarHover: f,
   onBarClick: _,
   title: w,
-  xAxisLabel: S,
+  xAxisLabel: k,
   yAxisLabel: $,
   stackOrder: b = "reverse",
   // "reverse", "ascending", "descending", "insideOut", "none"
   showTooltip: C = !0,
   reverseKeys: x = !0,
-  minBarSlotWidth: M = 60,
-  wrapXAxisLabels: D = !0
+  minBarSlotWidth: A = 60,
+  wrapXAxisLabels: R = !0
 }) => {
   const O = Te(), q = Te();
   Te();
-  const [z, p] = de({
+  const [z, m] = de({
     containerWidth: 0,
     height: 0
   }), { t: E } = le();
   return te(() => {
-    const k = () => {
+    const S = () => {
       if (q.current) {
         const B = q.current.getBoundingClientRect().width;
-        p({
+        m({
           containerWidth: typeof o == "number" ? o : B,
           height: s
         });
       }
     };
-    return k(), window.addEventListener("resize", k), () => window.removeEventListener("resize", k);
+    return S(), window.addEventListener("resize", S), () => window.removeEventListener("resize", S);
   }, [o, s]), te(() => {
     if (!e || e.length === 0 || z.containerWidth === 0) return;
-    const k = ht(O.current), { containerWidth: B, height: F } = z, Y = B - a.left - a.right, W = e.length * M, ce = Math.max(Y, W), R = ce + a.left + a.right, A = F - a.top - a.bottom;
-    if (ce <= 0 || A <= 0) return;
-    k.attr("width", R).attr("height", F);
+    const S = ht(O.current), { containerWidth: B, height: F } = z, Y = B - a.left - a.right, W = e.length * A, ce = Math.max(Y, W), D = ce + a.left + a.right, L = F - a.top - a.bottom;
+    if (ce <= 0 || L <= 0) return;
+    S.attr("width", D).attr("height", F);
     const J = x ? [...t].reverse() : t, K = [];
     e.forEach((j) => {
       const re = j.any || j.year || j.x, we = J.map((_e) => ({
@@ -10958,31 +10958,31 @@ const Of = "_svgContainer_7fkic_2", Af = "_svg_7fkic_2", Si = {
       })), Ce = we.filter((_e) => _e.value < 0), Le = we.filter((_e) => _e.value >= 0);
       let je = 0;
       Ce.forEach((_e) => {
-        const qe = je, L = je + _e.value, V = Math.abs(L - qe);
+        const qe = je, M = je + _e.value, V = Math.abs(M - qe);
         K.push({
           key: _e.key,
           value: _e.value,
-          y0: Math.max(qe, L),
+          y0: Math.max(qe, M),
           // El punto más alto
-          y1: Math.min(qe, L),
+          y1: Math.min(qe, M),
           // El punto más bajo
           height: V,
           data: _e.data,
           xKey: re
-        }), je = L;
+        }), je = M;
       });
       let Qe = 0;
       Le.forEach((_e) => {
-        const qe = Qe, L = Qe + _e.value, V = L - qe;
+        const qe = Qe, M = Qe + _e.value, V = M - qe;
         K.push({
           key: _e.key,
           value: _e.value,
-          y0: Math.min(qe, L),
-          y1: Math.max(qe, L),
+          y0: Math.min(qe, M),
+          y1: Math.max(qe, M),
           height: V,
           data: _e.data,
           xKey: re
-        }), Qe = L;
+        }), Qe = M;
       });
     });
     const P = [
@@ -10994,15 +10994,15 @@ const Of = "_svgContainer_7fkic_2", Af = "_svg_7fkic_2", Si = {
     const ne = [
       Math.min(P[0], Z[0]),
       Math.max(P[1], Z[1])
-    ], G = Rr().domain(e.map((j) => j.any || j.year || j.x)).range([0, ce]).padding(m), U = Ei().domain([ne[0], ne[1]]).nice(6).range([A, 0]), oe = Oi().domain(t).range(Array.isArray(n) ? n : Object.values(n || {})), ee = r && r.length > 0 ? e.map((j, re) => {
+    ], G = Rr().domain(e.map((j) => j.any || j.year || j.x)).range([0, ce]).padding(p), U = Ei().domain([ne[0], ne[1]]).nice(6).range([L, 0]), oe = Oi().domain(t).range(Array.isArray(n) ? n : Object.values(n || {})), ee = r && r.length > 0 ? e.map((j, re) => {
       const we = G(j.any || j.year || j.x) + G.bandwidth() / 2, Ce = U(r[re] || 0);
       return { x: we, y: Ce };
     }) : [];
-    k.selectAll("*").remove();
-    const ue = k.append("g").attr("transform", `translate(${a.left},${a.top})`);
-    w && k.append("text").attr("x", svgWidth / 2).attr("y", a.top / 2).attr("text-anchor", "middle").style("font-size", "16px").style("font-weight", "bold").style("fill", "#333").text(w), h && ue.append("g").attr("class", "grid").selectAll("line").data(U.ticks(6)).enter().append("line").attr("x1", 0).attr("x2", ce).attr("y1", (j) => U(j)).attr("y2", (j) => U(j)).style("stroke", "#e0e0e0").style("stroke-width", 0.5);
+    S.selectAll("*").remove();
+    const ue = S.append("g").attr("transform", `translate(${a.left},${a.top})`);
+    w && S.append("text").attr("x", svgWidth / 2).attr("y", a.top / 2).attr("text-anchor", "middle").style("font-size", "16px").style("font-weight", "bold").style("fill", "#333").text(w), h && ue.append("g").attr("class", "grid").selectAll("line").data(U.ticks(6)).enter().append("line").attr("x1", 0).attr("x2", ce).attr("y1", (j) => U(j)).attr("y2", (j) => U(j)).style("stroke", "#e0e0e0").style("stroke-width", 0.5);
     const I = (j, re = 12) => {
-      if (!D || j.length <= re) return [j];
+      if (!R || j.length <= re) return [j];
       const we = Math.floor(j.length / 2);
       let Ce = we;
       for (let Le = we; Le >= 0; Le--)
@@ -11019,7 +11019,7 @@ const Of = "_svgContainer_7fkic_2", Af = "_svg_7fkic_2", Si = {
       }
       return Ce === we && (Ce = we), [j.substring(0, Ce), j.substring(Ce + 1)];
     };
-    c && (ue.append("g").attr("class", "x-axis").attr("transform", `translate(0, ${A})`).call(Ai(G).tickSizeOuter(0)).selectAll("text").remove(), ue.append("g").attr("class", "x-axis-labels").attr("transform", `translate(0, ${A})`).selectAll(".x-label-group").data(e).enter().append("g").attr("class", "x-label-group").attr(
+    c && (ue.append("g").attr("class", "x-axis").attr("transform", `translate(0, ${L})`).call(Ai(G).tickSizeOuter(0)).selectAll("text").remove(), ue.append("g").attr("class", "x-axis-labels").attr("transform", `translate(0, ${L})`).selectAll(".x-label-group").data(e).enter().append("g").attr("class", "x-label-group").attr(
       "transform",
       (Ce) => `translate(${G(Ce.any || Ce.year || Ce.x) + G.bandwidth() / 2}, 0)`
     ).each(function(Ce) {
@@ -11033,18 +11033,18 @@ const Of = "_svgContainer_7fkic_2", Af = "_svg_7fkic_2", Si = {
           g !== 0 ? `rotate(${g} 0 15)` : null
         ).text(je[0]);
       else {
-        const L = -(je.length * 14 / 2) + 14 / 2;
+        const M = -(je.length * 14 / 2) + 14 / 2;
         je.forEach((V, H) => {
-          Qe.append("text").attr("x", L + H * 14).attr("y", 19).style("text-anchor", "end").style("font-size", "11px").style("fill", "#605B56").attr(
+          Qe.append("text").attr("x", M + H * 14).attr("y", 19).style("text-anchor", "end").style("font-size", "11px").style("fill", "#605B56").attr(
             "transform",
-            `rotate(${g} ${L + H * 14} 15)`
+            `rotate(${g} ${M + H * 14} 15)`
           ).text(V);
         });
       }
-    }), S && ue.append("text").attr(
+    }), k && ue.append("text").attr(
       "transform",
-      `translate(${ce / 2}, ${A + a.bottom - 5})`
-    ).style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(S)), d && (ue.append("g").attr("class", "y-axis").call(Dr(U).ticks(6).tickFormat(y)).call((j) => j.select(".domain").remove()), ue.append("g").attr("class", "y-ticks").attr("transform", `translate(${ce}, 0)`).call(Dr(U).ticks(6).tickSizeInner(ce)).call((j) => j.select(".domain").remove()).call((j) => j.selectAll(".tick text").remove()), $ && ue.append("text").attr("transform", "rotate(-90)").attr("y", 0 - a.left).attr("x", 0 - A / 2).attr("dy", "1em").style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text($));
+      `translate(${ce / 2}, ${L + a.bottom - 5})`
+    ).style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(k)), d && (ue.append("g").attr("class", "y-axis").call(Dr(U).ticks(6).tickFormat(y)).call((j) => j.select(".domain").remove()), ue.append("g").attr("class", "y-ticks").attr("transform", `translate(${ce}, 0)`).call(Dr(U).ticks(6).tickSizeInner(ce)).call((j) => j.select(".domain").remove()).call((j) => j.selectAll(".tick text").remove()), $ && ue.append("text").attr("transform", "rotate(-90)").attr("y", 0 - a.left).attr("x", 0 - L / 2).attr("dy", "1em").style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text($));
     let se;
     C && (se = ht("body").append("div").attr("class", "chart-tooltip").style("position", "absolute").style("visibility", "hidden").style("background", "rgba(0, 0, 0, 0.8)").style("color", "white").style("padding", "8px").style("border-radius", "4px").style("font-size", "12px").style("pointer-events", "none").style("z-index", "1000"));
     const Ie = ue.selectAll(".segment").data(K, (j) => `${j.xKey}-${j.key}`);
@@ -11089,7 +11089,7 @@ const Of = "_svgContainer_7fkic_2", Af = "_svg_7fkic_2", Si = {
     r,
     z,
     a,
-    m,
+    p,
     c,
     d,
     h,
@@ -11099,12 +11099,12 @@ const Of = "_svgContainer_7fkic_2", Af = "_svg_7fkic_2", Si = {
     f,
     _,
     w,
-    S,
+    k,
     $,
     b,
     C,
     x,
-    D
+    R
   ]), /* @__PURE__ */ u(
     "div",
     {
@@ -11203,7 +11203,7 @@ const Mf = "_externalContainer_1er0i_2", Rf = "_externalSintetic_1er0i_9", Df =
   getTotal: d = Hf,
   columnWidth: h = 50
 }) => {
-  const g = c || ((m) => m), y = (m) => m === "demanda_red" || m === "reduccio_demanda_red" ? (l.demanda || "").replace("(", "").replace(")", "") : l[m] || "";
+  const g = c || ((p) => p), y = (p) => p === "demanda_red" || p === "reduccio_demanda_red" ? (l.demanda || "").replace("(", "").replace(")", "") : l[p] || "";
   return /* @__PURE__ */ T(
     "div",
     {
@@ -11211,41 +11211,41 @@ const Mf = "_externalContainer_1er0i_2", Rf = "_externalSintetic_1er0i_9", Df =
       children: [
         s === !0 && /* @__PURE__ */ T(fn, { children: [
           /* @__PURE__ */ u("div", {}),
-          /* @__PURE__ */ u("div", { className: Be.yearTitles, children: e.map((m, v) => /* @__PURE__ */ u("div", { className: Be.yearTitle, style: { width: h }, children: m.anyo }, v)) })
+          /* @__PURE__ */ u("div", { className: Be.yearTitles, children: e.map((p, v) => /* @__PURE__ */ u("div", { className: Be.yearTitle, style: { width: h }, children: p.anyo }, v)) })
         ] }),
-        /* @__PURE__ */ u("div", { className: Be.titles, children: t.map((m, v) => /* @__PURE__ */ T("div", { className: Be.titleContainer, children: [
-          g(r[m]),
+        /* @__PURE__ */ u("div", { className: Be.titles, children: t.map((p, v) => /* @__PURE__ */ T("div", { className: Be.titleContainer, children: [
+          g(r[p]),
           a !== "sin" && /* @__PURE__ */ u(
             "span",
             {
               className: Be.circle,
-              style: { background: n[m] }
+              style: { background: n[p] }
             }
           )
         ] }, v)) }),
-        o === !0 && /* @__PURE__ */ u("div", { className: Be.totalContainer, children: t.map((m, v) => {
+        o === !0 && /* @__PURE__ */ u("div", { className: Be.totalContainer, children: t.map((p, v) => {
           var f;
           return /* @__PURE__ */ T(
             "div",
             {
-              className: `${Be.total} ${d(m, e) > 9999 || d(m, e) < -9999 ? Be.bigNumber : ""}`,
+              className: `${Be.total} ${d(p, e) > 9999 || d(p, e) < -9999 ? Be.bigNumber : ""}`,
               children: [
-                (f = d(m, e)) == null ? void 0 : f.toLocaleString("es-ES"),
+                (f = d(p, e)) == null ? void 0 : f.toLocaleString("es-ES"),
                 " ",
-                y(m)
+                y(p)
               ]
             },
             v
           );
         }) }),
-        /* @__PURE__ */ u("div", { className: Be.yearDatas, children: e.map((m, v) => /* @__PURE__ */ u("div", { className: Be.yearDataContainer, style: { width: h }, children: t.map(
+        /* @__PURE__ */ u("div", { className: Be.yearDatas, children: e.map((p, v) => /* @__PURE__ */ u("div", { className: Be.yearDataContainer, style: { width: h }, children: t.map(
           (f, _) => {
-            var w, S;
-            return isNaN(m[f]) ? null : /* @__PURE__ */ u(
+            var w, k;
+            return isNaN(p[f]) ? null : /* @__PURE__ */ u(
               "div",
               {
-                className: `${Be.yearDataContent} ${m[f] > 9999 || m[f] < -9999 ? Be.bigNumber : ""}`,
-                children: m[f] < 1e4 || m[f] > -1e4 ? (w = Zf(m[f])) == null ? void 0 : w.toLocaleString("es-ES") : (S = m[f]) == null ? void 0 : S.toLocaleString("es-ES")
+                className: `${Be.yearDataContent} ${p[f] > 9999 || p[f] < -9999 ? Be.bigNumber : ""}`,
+                children: p[f] < 1e4 || p[f] > -1e4 ? (w = Zf(p[f])) == null ? void 0 : w.toLocaleString("es-ES") : (k = p[f]) == null ? void 0 : k.toLocaleString("es-ES")
               },
               _
             );
@@ -11462,9 +11462,11 @@ const Ls = ({
   gapWidth: s = 3,
   backgroundColor: a = "transparent",
   fontColor: l = "black",
-  fontColorInside: c = "white"
+  fontColorInside: c = "white",
+  containerStyles: d = {},
+  alignLeft: h = !1
 }) => {
-  const [d, h] = de(null), g = r / 2, y = r / 2, m = r / 2 - 14, v = e === "donut" ? m - o : 0, f = e === "donut" ? m - o / 2 : m * 0.62, _ = ze(() => Qf(t), [t]), w = d !== null ? _[d] : null;
+  const [g, y] = de(null), p = r / 2, v = r / 2, f = r / 2 - 14, _ = e === "donut" ? f - o : 0, w = e === "donut" ? f - o / 2 : f * 0.62, k = ze(() => Qf(t), [t]), $ = g !== null ? k[g] : null;
   return /* @__PURE__ */ T(
     "div",
     {
@@ -11475,7 +11477,8 @@ const Ls = ({
         padding: "28px 32px",
         background: a,
         borderRadius: "16px",
-        fontFamily: "'Segoe UI', sans-serif"
+        fontFamily: "'Segoe UI', sans-serif",
+        ...d
       },
       children: [
         /* @__PURE__ */ T(
@@ -11510,9 +11513,9 @@ const Ls = ({
                     alignItems: "center",
                     gap: "8px",
                     transition: "opacity 0.15s",
-                    opacity: w ? 1 : 0
+                    opacity: $ ? 1 : 0
                   },
-                  children: w && /* @__PURE__ */ T(fn, { children: [
+                  children: $ && /* @__PURE__ */ T(fn, { children: [
                     /* @__PURE__ */ u(
                       "span",
                       {
@@ -11521,7 +11524,7 @@ const Ls = ({
                           width: "10px",
                           height: "10px",
                           borderRadius: "50%",
-                          background: w.color || Mr,
+                          background: $.color || Mr,
                           flexShrink: 0
                         }
                       }
@@ -11535,9 +11538,9 @@ const Ls = ({
                           fontWeight: "600"
                         },
                         children: [
-                          w.title,
+                          $.title,
                           " — ",
-                          w.value,
+                          $.value,
                           "%"
                         ]
                       }
@@ -11554,7 +11557,7 @@ const Ls = ({
             style: {
               display: "flex",
               flexDirection: "column",
-              alignItems: "center",
+              alignItems: h ? "flex-start" : "center",
               gap: "16px"
             },
             children: [
@@ -11566,58 +11569,58 @@ const Ls = ({
                   viewBox: `0 0 ${r} ${r}`,
                   style: { overflow: "visible" },
                   children: [
-                    _.map((S, $) => {
-                      const b = d === $, { tx: C, ty: x } = b ? ki(g, y, S.sa, S.ea, 10) : { tx: 0, ty: 0 };
+                    k.map((b, C) => {
+                      const x = g === C, { tx: A, ty: R } = x ? ki(p, v, b.sa, b.ea, 10) : { tx: 0, ty: 0 };
                       return /* @__PURE__ */ u(
                         "g",
                         {
-                          transform: `translate(${C}, ${x})`,
+                          transform: `translate(${A}, ${R})`,
                           style: {
                             cursor: "pointer",
                             transition: "transform 0.18s ease"
                           },
-                          onMouseEnter: () => h($),
-                          onMouseLeave: () => h(null),
+                          onMouseEnter: () => y(C),
+                          onMouseLeave: () => y(null),
                           children: /* @__PURE__ */ u(
                             "path",
                             {
-                              d: Xf(g, y, v, m, S.sa, S.ea),
-                              fill: S.color || Mr,
+                              d: Xf(p, v, _, f, b.sa, b.ea),
+                              fill: b.color || Mr,
                               style: {
-                                filter: b ? "brightness(1.25)" : "brightness(1)",
+                                filter: x ? "brightness(1.25)" : "brightness(1)",
                                 transition: "filter 0.18s ease"
                               }
                             }
                           )
                         },
-                        $
+                        C
                       );
                     }),
-                    _.map((S, $) => {
-                      const b = ct(g, y, m, S.sa), C = e === "cheese" ? g : ct(g, y, v, S.sa).x, x = e === "cheese" ? y : ct(g, y, v, S.sa).y;
+                    k.map((b, C) => {
+                      const x = ct(p, v, f, b.sa), A = e === "cheese" ? p : ct(p, v, _, b.sa).x, R = e === "cheese" ? v : ct(p, v, _, b.sa).y;
                       return /* @__PURE__ */ u(
                         "line",
                         {
-                          x1: C,
-                          y1: x,
-                          x2: b.x,
-                          y2: b.y,
+                          x1: A,
+                          y1: R,
+                          x2: x.x,
+                          y2: x.y,
                           stroke: a,
                           strokeWidth: s,
                           strokeLinecap: "butt",
                           style: { pointerEvents: "none" }
                         },
-                        `gap-${$}`
+                        `gap-${C}`
                       );
                     }),
-                    _.map((S, $) => {
-                      if (S.ea - S.sa < 20) return null;
-                      const b = d === $, { tx: C, ty: x } = b ? ki(g, y, S.sa, S.ea, 10) : { tx: 0, ty: 0 }, M = S.sa + (S.ea - S.sa) / 2, D = ct(g, y, f, M);
+                    k.map((b, C) => {
+                      if (b.ea - b.sa < 20) return null;
+                      const x = g === C, { tx: A, ty: R } = x ? ki(p, v, b.sa, b.ea, 10) : { tx: 0, ty: 0 }, O = b.sa + (b.ea - b.sa) / 2, q = ct(p, v, w, O);
                       return /* @__PURE__ */ T(
                         "text",
                         {
-                          x: D.x + C,
-                          y: D.y + x,
+                          x: q.x + A,
+                          y: q.y + R,
                           textAnchor: "middle",
                           dominantBaseline: "middle",
                           fill: c,
@@ -11627,11 +11630,11 @@ const Ls = ({
                           pointerEvents: "none",
                           style: { transition: "transform 0.18s ease" },
                           children: [
-                            S.value,
+                            b.value,
                             "%"
                           ]
                         },
-                        `lbl-${$}`
+                        `lbl-${C}`
                       );
                     })
                   ]
@@ -11644,9 +11647,9 @@ const Ls = ({
                     display: "flex",
                     flexWrap: "wrap",
                     gap: "12px 24px",
-                    justifyContent: "center"
+                    justifyContent: h ? "flex-start" : "center"
                   },
-                  children: t.map((S, $) => /* @__PURE__ */ T(
+                  children: t.map((b, C) => /* @__PURE__ */ T(
                     "div",
                     {
                       style: {
@@ -11654,11 +11657,11 @@ const Ls = ({
                         alignItems: "center",
                         gap: "8px",
                         cursor: "pointer",
-                        opacity: d === null || d === $ ? 1 : 0.4,
+                        opacity: g === null || g === C ? 1 : 0.4,
                         transition: "opacity 0.15s"
                       },
-                      onMouseEnter: () => h($),
-                      onMouseLeave: () => h(null),
+                      onMouseEnter: () => y(C),
+                      onMouseLeave: () => y(null),
                       children: [
                         /* @__PURE__ */ u(
                           "span",
@@ -11667,7 +11670,7 @@ const Ls = ({
                               width: "32px",
                               height: "14px",
                               borderRadius: "3px",
-                              background: S.color || Mr,
+                              background: b.color || Mr,
                               flexShrink: 0
                             }
                           }
@@ -11680,12 +11683,12 @@ const Ls = ({
                               fontSize: "13px",
                               fontWeight: "400"
                             },
-                            children: S.title
+                            children: b.title
                           }
                         )
                       ]
                     },
-                    $
+                    C
                   ))
                 }
               )
@@ -11711,7 +11714,9 @@ Ls.propTypes = {
   gapWidth: i.number,
   backgroundColor: i.string,
   fontColor: i.string,
-  fontColorInside: i.string
+  fontColorInside: i.string,
+  containerStyles: i.object,
+  alignLeft: i.bool
 };
 Ls.defaultProps = {
   type: "cheese",
@@ -11721,7 +11726,9 @@ Ls.defaultProps = {
   gapWidth: 3,
   backgroundColor: "transparent",
   fontColor: "black",
-  fontColorInside: "white"
+  fontColorInside: "white",
+  containerStyles: {},
+  alignLeft: !1
 };
 const Ti = [
   "#a8d8cf",
@@ -11737,15 +11744,16 @@ const Ti = [
   barHeight: o = 52,
   animated: s = !0,
   borderRadius: a,
-  containerStyles: l = {}
+  containerStyles: l = {},
+  fontColorInside: c = ""
 }) => {
-  const [c, d] = de(s ? 0 : 1);
+  const [d, h] = de(s ? 0 : 1);
   te(() => {
     if (!s) return;
-    const g = requestAnimationFrame(() => d(1));
-    return () => cancelAnimationFrame(g);
+    const y = requestAnimationFrame(() => h(1));
+    return () => cancelAnimationFrame(y);
   }, [s]);
-  const h = Math.max(...e.map((g) => g.value), 1);
+  const g = Math.max(...e.map((y) => y.value), 1);
   return /* @__PURE__ */ T(
     "div",
     {
@@ -11773,8 +11781,8 @@ const Ti = [
             children: t
           }
         ),
-        /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column", gap: "18px" }, children: e.map((g, y) => {
-          const m = g.color || Ti[y % Ti.length], v = g.value / h * 100 * c;
+        /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column", gap: "18px" }, children: e.map((y, p) => {
+          const v = y.color || Ti[p % Ti.length], f = y.value / g * 100 * d;
           return /* @__PURE__ */ T(
             "div",
             {
@@ -11789,7 +11797,7 @@ const Ti = [
                       fontWeight: "400",
                       opacity: 0.9
                     },
-                    children: g.title
+                    children: y.title
                   }
                 ),
                 /* @__PURE__ */ T(
@@ -11811,8 +11819,8 @@ const Ti = [
                             left: 0,
                             top: 0,
                             height: "100%",
-                            width: `${v}%`,
-                            background: m,
+                            width: `${f}%`,
+                            background: v,
                             borderRadius: a ?? "6px",
                             transition: s ? "width 0.8s cubic-bezier(0.16, 1, 0.3, 1)" : "none"
                           }
@@ -11826,13 +11834,13 @@ const Ti = [
                             left: "14px",
                             top: "50%",
                             transform: "translateY(-50%)",
-                            color: "#0d3d4a",
+                            color: c || n,
                             fontSize: "18px",
                             fontWeight: "700",
                             pointerEvents: "none",
                             letterSpacing: "-0.3px"
                           },
-                          children: g.value
+                          children: y.value
                         }
                       )
                     ]
@@ -11840,7 +11848,7 @@ const Ti = [
                 )
               ]
             },
-            y
+            p
           );
         }) })
       ]
@@ -11858,6 +11866,7 @@ Jf.propTypes = {
   title: i.string,
   backgroundColor: i.string,
   fontColor: i.string,
+  fontColorInside: i.string,
   barHeight: i.number,
   animated: i.bool,
   borderRadius: i.oneOfType([i.string, i.number]),