@tmf_ciclica/ciclicastorybook 1.2.126 → 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, b = 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;
+  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;
@@ -80,12 +80,12 @@ function pa() {
       }
     }
   }
-  function y(C) {
+  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 = p, fe.Portal = n, fe.Profiler = s, fe.StrictMode = o, fe.Suspense = g, fe.isAsyncMode = function(C) {
-    return y(C) || $(C) === c;
-  }, fe.isConcurrentMode = y, fe.isContextConsumer = function(C) {
+    return b(C) || $(C) === c;
+  }, fe.isConcurrentMode = b, fe.isContextConsumer = function(C) {
     return $(C) === l;
   }, fe.isContextProvider = function(C) {
     return $(C) === a;
@@ -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 === b || 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);
+    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,12 +123,12 @@ 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, b = 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;
+    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 === b || 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);
+      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 y(I) {
+    function b(I) {
       if (typeof I == "object" && I !== null) {
         var se = I.$$typeof;
         switch (se) {
@@ -162,45 +162,45 @@ function ma() {
     }
     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.")), D(I) || y(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 D(I) {
-      return y(I) === d;
+      return b(I) === d;
     }
     function L(I) {
-      return y(I) === l;
+      return b(I) === l;
     }
     function J(I) {
-      return y(I) === a;
+      return b(I) === a;
     }
     function K(I) {
       return typeof I == "object" && I !== null && I.$$typeof === t;
     }
     function P(I) {
-      return y(I) === h;
+      return b(I) === h;
     }
     function Z(I) {
-      return y(I) === r;
+      return b(I) === r;
     }
     function ne(I) {
-      return y(I) === v;
+      return b(I) === v;
     }
     function G(I) {
-      return y(I) === p;
+      return b(I) === p;
     }
     function U(I) {
-      return y(I) === n;
+      return b(I) === n;
     }
     function oe(I) {
-      return y(I) === s;
+      return b(I) === s;
     }
     function ee(I) {
-      return y(I) === o;
+      return b(I) === o;
     }
     function ue(I) {
-      return y(I) === g;
+      return b(I) === g;
     }
-    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 = y;
+    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;
@@ -251,8 +251,8 @@ function ha() {
         t.call(l, g) && (c[g] = l[g]);
       if (e) {
         d = e(l);
-        for (var b = 0; b < d.length; b++)
-          n.call(l, d[b]) && (c[d[b]] = l[d[b]]);
+        for (var y = 0; y < d.length; y++)
+          n.call(l, d[y]) && (c[d[y]] = l[d[y]]);
       }
     }
     return c;
@@ -293,10 +293,10 @@ function ga() {
           var g;
           try {
             if (typeof s[h] != "function") {
-              var b = Error(
+              var y = Error(
                 (c || "React class") + ": " + l + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw b.name = "Invariant Violation", b;
+              throw y.name = "Invariant Violation", y;
             }
             g = s[h](a, h, c, l, null, t);
           } catch (v) {
@@ -342,7 +342,7 @@ function ya() {
       if (typeof L == "function")
         return L;
     }
-    var b = "<<anonymous>>", p = {
+    var y = "<<anonymous>>", p = {
       array: w("array"),
       bigint: w("bigint"),
       bool: w("boolean"),
@@ -353,7 +353,7 @@ function ya() {
       symbol: w("symbol"),
       any: k(),
       arrayOf: $,
-      element: y(),
+      element: b(),
       elementType: C(),
       instanceOf: x,
       node: q(),
@@ -374,7 +374,7 @@ function ya() {
       if (process.env.NODE_ENV !== "production")
         var L = {}, J = 0;
       function K(Z, ne, G, U, oe, ee, ue) {
-        if (U = U || b, ee = ee || G, ue !== n) {
+        if (U = U || y, ee = ee || G, ue !== n) {
           if (c) {
             var I = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
@@ -428,7 +428,7 @@ function ya() {
       }
       return _(L);
     }
-    function y() {
+    function b() {
       function D(L, J, K, P, Z) {
         var ne = L[J];
         if (!l(ne)) {
@@ -453,7 +453,7 @@ function ya() {
     function x(D) {
       function L(J, K, P, Z, ne) {
         if (!(J[K] instanceof D)) {
-          var G = D.name || b, U = ce(J[K]);
+          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;
@@ -634,7 +634,7 @@ Valid keys: ` + JSON.stringify(Object.keys(D), null, "  ")
       }
     }
     function ce(D) {
-      return !D.constructor || !D.constructor.name ? b : D.constructor.name;
+      return !D.constructor || !D.constructor.name ? y : D.constructor.name;
     }
     return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
   }, Cr;
@@ -651,10 +651,10 @@ function ba() {
   return n.resetWarningCache = t, _r = function() {
     function r(a, l, c, d, h, g) {
       if (g !== e) {
-        var b = new Error(
+        var y = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw b.name = "Invariant Violation", b;
+        throw y.name = "Invariant Violation", y;
       }
     }
     r.isRequired = r;
@@ -709,7 +709,7 @@ const i = /* @__PURE__ */ fa(Ca), Ii = ({
   fontColor: l,
   moreInfo: c
 }) => {
-  const { name: d, created_at: h, id: g, isBeingProcessed: b } = e;
+  const { name: d, created_at: h, id: g, isBeingProcessed: y } = e;
   return /* @__PURE__ */ T(
     "div",
     {
@@ -730,7 +730,7 @@ const i = /* @__PURE__ */ fa(Ca), Ii = ({
           /* @__PURE__ */ u("div", { className: Jt.ambitDate, children: h ? new Date(h).toLocaleDateString() : "" })
         ] }),
         /* @__PURE__ */ T("div", { className: Jt.ambitButtons, children: [
-          b && /* @__PURE__ */ u("img", { src: ca }),
+          y && /* @__PURE__ */ u("img", { src: ca }),
           /* @__PURE__ */ u("button", { onClick: () => r(g), disabled: e.is_default, children: /* @__PURE__ */ u("img", { src: la }) }),
           /* @__PURE__ */ u("button", { onClick: () => t(g), children: /* @__PURE__ */ u("img", { src: aa }) }),
           /* @__PURE__ */ u("button", { onClick: () => n(g), disabled: e.is_default, children: /* @__PURE__ */ u("img", { src: sa }) })
@@ -796,7 +796,7 @@ const vo = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   onCLickNewAmbit: d = () => console.log("New ambit clicked"),
   onClickCopy: h = (v) => console.log(`Copy ambit: ${v}`),
   onCLickDelete: g = (v) => console.log(`Delete ambit: ${v}`),
-  onClickFilters: b = (v) => console.log(`Filters clicked: ${v}`),
+  onClickFilters: y = (v) => console.log(`Filters clicked: ${v}`),
   onClickAmbit: p = (v) => console.log(`OnCLickAmbit: ${v}`)
 }) => {
   const { t: v } = le(), [f, _] = de(e);
@@ -806,7 +806,7 @@ const vo = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   const w = (k) => {
     if (f && f.length > 0) {
       let $ = [...f];
-      $.sort((y, C) => y[k].localeCompare(C[k])), _($);
+      $.sort((b, C) => b[k].localeCompare(C[k])), _($);
     }
   };
   return /* @__PURE__ */ T(
@@ -844,7 +844,7 @@ const vo = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             activeColor: r,
             onClickCopy: h,
             onClickDelete: g,
-            onClickFilters: b,
+            onClickFilters: y,
             onClickAmbit: p
           },
           `ambitKey${k.id}`
@@ -924,13 +924,13 @@ const Da = ({
           icon: d,
           activeIcon: h,
           isActive: g,
-          name: b,
+          name: y,
           onClick: p,
           disabled: v
         } = l, f = /* @__PURE__ */ T(fn, { children: [
-          n && r === "left" && /* @__PURE__ */ u("span", { className: Ct.buttonName, children: a(b) }),
-          /* @__PURE__ */ u("img", { src: g ? h : d, alt: a(b) }),
-          n && r === "right" && /* @__PURE__ */ u("span", { className: Ct.buttonName, children: a(b) })
+          n && r === "left" && /* @__PURE__ */ u("span", { className: Ct.buttonName, children: a(y) }),
+          /* @__PURE__ */ u("img", { src: g ? h : d, alt: a(y) }),
+          n && r === "right" && /* @__PURE__ */ u("span", { className: Ct.buttonName, children: a(y) })
         ] });
         return /* @__PURE__ */ T("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ u(
@@ -943,7 +943,7 @@ const Da = ({
               children: f
             }
           ),
-          o && /* @__PURE__ */ u(at, { text: b, position: s })
+          o && /* @__PURE__ */ u(at, { text: y, position: s })
         ] }, c);
       })
     }
@@ -1043,10 +1043,10 @@ const Np = () => /* @__PURE__ */ u("div", { children: "EditAmbit" }), Ba = "data
   inputsColor: "#605B56",
   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((b) => b), h = (b) => {
+  const { t: l } = le(), { tematicalFiltersSelected: c, activeFiltersType: d } = ve((y) => y), h = (y) => {
     ve.setState((p) => ({
       tematicalFiltersSelected: p.tematicalFiltersSelected.filter(
-        (v) => v.code !== b
+        (v) => v.code !== y
       )
     }));
   };
@@ -1061,9 +1061,9 @@ 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((b, p) => /* @__PURE__ */ T("div", { className: Co.AppliedFilterContent, style: { color: r, background: o }, children: [
-        l(b.name),
-        /* @__PURE__ */ u("img", { src: Ba, alt: "CloseIcon", onClick: () => h(b.code), style: { cursor: "pointer" } })
+      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" } })
       ] }, p)) })
     }
   );
@@ -1097,11 +1097,11 @@ 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 b = s.map((p) => ({
+    const y = s.map((p) => ({
       ...p,
       active: p.name === g.name
     }));
-    a == null || a(b);
+    a == null || a(y);
   };
   return /* @__PURE__ */ u(
     At,
@@ -1236,8 +1236,8 @@ let Vr = function(e) {
       o.setState({ pending: !0 });
       const c = o.getTouchPosition(l);
       if (o.isScrolling === void 0) {
-        const g = c[0] - o.startPosition[0], b = c[1] - o.startPosition[1];
-        o.isScrolling = Math.abs(b) > Math.abs(g);
+        const g = c[0] - o.startPosition[0], y = c[1] - o.startPosition[1];
+        o.isScrolling = Math.abs(y) > Math.abs(g);
       }
       if (o.isScrolling) return void o.setState({ index: -1 });
       const d = o.getDiffPosition(c[0]), h = o.getValueFromPosition(d);
@@ -1303,8 +1303,8 @@ let Vr = function(e) {
       }, 0);
       o.pendingResizeTimeouts.push(l);
     }, o.renderThumb = (l, c) => {
-      const d = o.props.thumbClassName + " " + o.props.thumbClassName + "-" + c + " " + (o.state.index === c ? o.props.thumbActiveClassName : ""), h = { ref: (b) => {
-        o["thumb" + c] = b;
+      const d = o.props.thumbClassName + " " + o.props.thumbClassName + "-" + c + " " + (o.state.index === c ? o.props.thumbActiveClassName : ""), h = { ref: (y) => {
+        o["thumb" + c] = y;
       }, key: o.props.thumbClassName + "-" + c, className: d, style: l, onMouseDown: o.createOnMouseDown(c), onTouchStart: o.createOnTouchStart(c), onFocus: o.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": o.props.orientation, "aria-valuenow": o.state.value[c], "aria-valuemin": o.props.min, "aria-valuemax": o.props.max, "aria-label": Array.isArray(o.props.ariaLabel) ? o.props.ariaLabel[c] : o.props.ariaLabel, "aria-labelledby": Array.isArray(o.props.ariaLabelledby) ? o.props.ariaLabelledby[c] : o.props.ariaLabelledby, "aria-disabled": o.props.disabled }, g = { index: c, value: Sn(o.state.value), valueNow: o.state.value[c] };
       return o.props.ariaValuetext && (h["aria-valuetext"] = typeof o.props.ariaValuetext == "string" ? o.props.ariaValuetext : o.props.ariaValuetext(g)), o.props.renderThumb(h, g);
     }, o.renderTrack = (l, c, d) => {
@@ -1364,8 +1364,8 @@ let Vr = function(e) {
   }, n.resize = function() {
     const { slider: r, thumb0: o } = this;
     if (!r || !o) return;
-    const s = this.sizeKey(), a = r.getBoundingClientRect(), l = r[s], c = a[this.posMaxKey()], d = a[this.posMinKey()], h = o.getBoundingClientRect()[s.replace("client", "").toLowerCase()], g = l - h, b = Math.abs(c - d);
-    this.state.upperBound === g && this.state.sliderLength === b && this.state.thumbSize === h || this.setState({ upperBound: g, sliderLength: b, thumbSize: h });
+    const s = this.sizeKey(), a = r.getBoundingClientRect(), l = r[s], c = a[this.posMaxKey()], d = a[this.posMinKey()], h = o.getBoundingClientRect()[s.replace("client", "").toLowerCase()], g = l - h, y = Math.abs(c - d);
+    this.state.upperBound === g && this.state.sliderLength === y && this.state.thumbSize === h || this.setState({ upperBound: g, sliderLength: y, thumbSize: h });
   }, n.calcOffset = function(r) {
     const o = this.props.max - this.props.min;
     return o === 0 ? 0 : (r - this.props.min) / o * this.state.upperBound;
@@ -1407,21 +1407,21 @@ let Vr = function(e) {
     const { pearling: c, max: d, min: h, minDistance: g } = this.props;
     if (!c) {
       if (s > 0) {
-        const b = o[s - 1];
-        r < b + g && (r = b + g);
+        const y = o[s - 1];
+        r < y + g && (r = y + g);
       }
       if (s < a - 1) {
-        const b = o[s + 1];
-        r > b - g && (r = b - g);
+        const y = o[s + 1];
+        r > y - g && (r = y - g);
       }
     }
-    o[s] = r, c && a > 1 && (r > l ? (this.pushSucceeding(o, g, s), function(b, p, v, f) {
-      for (let _ = 0; _ < b; _ += 1) {
+    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;
-        p[b - 1 - _] > w && (p[b - 1 - _] = w);
+        p[y - 1 - _] > w && (p[y - 1 - _] = w);
       }
-    }(a, o, g, d)) : r < l && (this.pushPreceding(o, g, s), function(b, p, v, f) {
-      for (let _ = 0; _ < b; _ += 1) {
+    }(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;
         p[_] < w && (p[_] = w);
       }
@@ -1499,7 +1499,7 @@ 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, [b, p] = de(c ? [h, g] : [e, t]), v = (f) => {
+  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(() => {
@@ -1520,7 +1520,7 @@ const Ha = "_container_4u41i_2", Ka = "_unitLabel_4u41i_8", Ga = "_slider_4u41i_
             min: c ? h : e,
             max: c ? g : t,
             step: c ? (g - h) / 30 : n,
-            value: b,
+            value: y,
             onAfterChange: v,
             withTracks: !0,
             pearling: !c,
@@ -1528,16 +1528,16 @@ const Ha = "_container_4u41i_2", Ka = "_unitLabel_4u41i_8", Ga = "_slider_4u41i_
           }
         ),
         /* @__PURE__ */ T("div", { className: Rt.labels, children: [
-          /* @__PURE__ */ u("span", { children: c ? new Date(b[0]).toLocaleDateString("en-EN", {
+          /* @__PURE__ */ u("span", { children: c ? new Date(y[0]).toLocaleDateString("en-EN", {
             day: "2-digit",
             month: "short",
             year: "numeric"
-          }) : b[0] }),
-          /* @__PURE__ */ u("span", { children: c ? new Date(b[1]).toLocaleDateString("en-EN", {
+          }) : y[0] }),
+          /* @__PURE__ */ u("span", { children: c ? new Date(y[1]).toLocaleDateString("en-EN", {
             day: "2-digit",
             month: "short",
             year: "numeric"
-          }) : b[1] })
+          }) : y[1] })
         ] })
       ]
     }
@@ -1574,7 +1574,7 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
     unit: d,
     step: h,
     disabled: g,
-    isDate: b
+    isDate: y
   } = e || {}, p = ze(
     () => o == "cat" || n == "cat",
     [n, o]
@@ -1618,7 +1618,7 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
                 values: Y.filter((W) => W !== R),
                 name: e.name,
                 source: m,
-                isDate: b
+                isDate: y
               }
             ]
           };
@@ -1634,7 +1634,7 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
             )
           };
         if (F) {
-          let Y = { ...F, min: x, max: A, type: E, isDate: b };
+          let Y = { ...F, min: x, max: A, type: E, isDate: y };
           return {
             tematicalFiltersSelected: B.tematicalFiltersSelected.map(
               (W) => W.code === S ? Y : W
@@ -1656,7 +1656,7 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
           };
       });
     }
-  }, y = ze(() => {
+  }, b = ze(() => {
     const C = {};
     if ((f == null ? void 0 : f.length) > 0)
       for (const x of f)
@@ -1739,7 +1739,7 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
             {
               onClick: () => $({ valueClicked: x, allValues: a }),
               indicator: C,
-              value: ((A = y[e.code[o == "both" ? 1 : 0]]) == null ? void 0 : A.has(x)) || !y[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}`
           );
@@ -1751,8 +1751,8 @@ const Ja = "_tematicalFiltersInputContainer_1vm1r_2", el = "_inputTypeContainer_
             min: l,
             max: c,
             unit: d,
-            defaultValue: y[e.code[0]] ? y[e.code[0]] : "",
-            isDate: b,
+            defaultValue: b[e.code[0]] ? b[e.code[0]] : "",
+            isDate: y,
             step: h
           }
         ) })
@@ -1902,14 +1902,14 @@ const Fr = ({
       activeColor: s,
       onClick: h,
       mainTitle: !0,
-      children: e == null ? void 0 : e.map((g, b) => /* @__PURE__ */ u(
+      children: e == null ? void 0 : e.map((g, y) => /* @__PURE__ */ u(
         ji,
         {
           category: g,
           fontColor: r,
           activeColor: s
         },
-        `category-${b}`
+        `category-${y}`
       ))
     }
   );
@@ -1945,7 +1945,7 @@ const rl = "_FiltersAmbitContainer_1hv16_2", ol = "_FiltersContainer_1hv16_15",
   namePlaceholder: d,
   descPlaceholder: h,
   filtersTypes: g = ["geographical", "tematical"],
-  nameRequiredText: b,
+  nameRequiredText: y,
   geoLayers: p = [],
   onGeoLayersChange: v,
   onlyFilters: f = !1,
@@ -1954,7 +1954,7 @@ const rl = "_FiltersAmbitContainer_1hv16_2", ol = "_FiltersContainer_1hv16_15",
   //campo descripción required
   extraLists: w = !1
 }) => {
-  const { t: k } = le(), { tematicalFiltersSelected: $, activeFiltersType: y } = ve(
+  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(() => {
@@ -1968,14 +1968,14 @@ const rl = "_FiltersAmbitContainer_1hv16_2", ol = "_FiltersContainer_1hv16_15",
     _ ? C && A ? c({ name: C, description: A }) : q(!0) : C ? c({ name: C, description: A }) : q(!0);
   };
   return te(() => {
-    if (g.includes("geographical") && y != "geographical" && p.length > 0) {
+    if (g.includes("geographical") && b != "geographical" && p.length > 0) {
       const m = p.map((E) => ({
         ...E,
         active: !1
       }));
       v == null || v(m);
     }
-  }, [y]), /* @__PURE__ */ T("div", { className: ft.FiltersAmbitContainer, children: [
+  }, [b]), /* @__PURE__ */ T("div", { className: ft.FiltersAmbitContainer, children: [
     /* @__PURE__ */ T("div", { className: ft.FiltersContainer, children: [
       !f && /* @__PURE__ */ T("div", { className: ft.FiltersAmbitHeader, children: [
         /* @__PURE__ */ u("div", { className: ft.FiltersAmbitTitle, children: /* @__PURE__ */ u(
@@ -2004,7 +2004,7 @@ const rl = "_FiltersAmbitContainer_1hv16_2", ol = "_FiltersContainer_1hv16_15",
         Pi,
         {
           title: k("applied_filters"),
-          isOpen: y == "applied",
+          isOpen: b == "applied",
           textColor: s || "#fff",
           backgroundColor: a || "#605B5680",
           activeColor: o
@@ -2043,7 +2043,7 @@ 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: k(b) }),
+      O && /* @__PURE__ */ u("div", { className: ft.warning, children: k(y) }),
       /* @__PURE__ */ u(Yn, { onClick: () => z(), children: k("save_ambit") })
     ] })
   ] });
@@ -2085,7 +2085,7 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
   verticalPadding: d = 10,
   xLabelPadding: h = l == "vertical" ? 50 : 40,
   containerWidth: g = 700,
-  containerHeight: b = 500,
+  containerHeight: y = 500,
   mainColor: p = "#000"
 }) => {
   const {
@@ -2095,13 +2095,13 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
     height: w,
     chartWidth: k,
     svgWidth: $,
-    svgHeight: y,
+    svgHeight: b,
     contentWidth: C
   } = ze(() => {
     if (e && e.length > 0) {
       const x = mr.max(e, (R) => R.value) || 1, A = a || x;
       if (l === "vertical") {
-        const R = e.length * (t + n) + c * 2, O = Math.max(R, g || 0), q = b, m = mr.scaleLinear().domain([0, A]).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 },
           (S, B) => A / s * B
         );
@@ -2150,7 +2150,7 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
     l,
     o,
     g,
-    b
+    y
   ]);
   return l === "vertical" ? /* @__PURE__ */ u(
     "div",
@@ -2158,7 +2158,7 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
       style: {
         //width: containerWidth ? `${containerWidth}px` : "100%",
         width: "100%",
-        height: b ? `${b}px` : "100%",
+        height: y ? `${y}px` : "100%",
         "--main-color": p
       },
       className: xo.barChartContainer,
@@ -2166,11 +2166,11 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
         "svg",
         {
           width: $,
-          height: y,
+          height: b,
           style: {
             display: "block",
             width: $,
-            height: y,
+            height: b,
             maxWidth: "none",
             "--main-color": p
           },
@@ -2233,13 +2233,13 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
         }
       )
     }
-  ) : (console.log("svgHeight: ", y), /* @__PURE__ */ u(
+  ) : (console.log("svgHeight: ", b), /* @__PURE__ */ u(
     "div",
     {
       style: {
         width: "100%",
         //width: containerWidth ? `${containerWidth}px` : "100%",
-        height: b ? `${b}px` : "100%",
+        height: y ? `${y}px` : "100%",
         "--main-color": p
       },
       className: xo.barChartContainer,
@@ -2247,10 +2247,10 @@ const fl = "_barChartContainer_1ly7h_2", xo = {
         "svg",
         {
           width: $,
-          height: y,
+          height: b,
           style: {
             minWidth: "100%",
-            height: y,
+            height: b,
             width: C,
             maxWidth: "none"
           },
@@ -2356,7 +2356,7 @@ const pl = "_graphicContainer_1ozwp_2", ml = "_titleContainer_1ozwp_13", wo = {
   xLabelPadding: h = 0,
   mainColor: g
 }) => {
-  const { t: b } = le();
+  const { t: y } = le();
   return /* @__PURE__ */ T(
     "div",
     {
@@ -2366,7 +2366,7 @@ const pl = "_graphicContainer_1ozwp_2", ml = "_titleContainer_1ozwp_13", wo = {
         paddingBottom: 40
       },
       children: [
-        /* @__PURE__ */ u("div", { className: wo.titleContainer, children: /* @__PURE__ */ u("h2", { children: b(o) }) }),
+        /* @__PURE__ */ u("div", { className: wo.titleContainer, children: /* @__PURE__ */ u("h2", { children: y(o) }) }),
         /* @__PURE__ */ u(
           qi,
           {
@@ -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: b } = e, [p, v] = de(!1);
+  const { t: d } = le(), { name: h, type: g, disabled: y } = e, [p, v] = de(!1);
   te(() => {
     o && v(
       l ? o.some(
@@ -2518,14 +2518,14 @@ const gl = "_indicatorsCategory_arwy3_2", yl = "_title_arwy3_5", bl = "_list_arw
       "div",
       {
         className: Re.indicatorNameContainer,
-        onClick: () => !b && a({ indicator: e }),
+        onClick: () => !y && a({ indicator: e }),
         children: [
           /* @__PURE__ */ u(
             "div",
             {
               style: {
                 border: p ? `1px solid ${n}` : `1px solid ${r}`,
-                opacity: b ? 0.5 : 1,
+                opacity: y ? 0.5 : 1,
                 backgroundColor: p ? n : "transparent"
               },
               className: Re.dot,
@@ -2538,7 +2538,7 @@ const gl = "_indicatorsCategory_arwy3_2", yl = "_title_arwy3_5", bl = "_list_arw
               className: Re.indicatorName,
               style: {
                 color: p ? n : r,
-                opacity: b ? 0.5 : 1
+                opacity: y ? 0.5 : 1
               },
               children: /* @__PURE__ */ u(
                 Kr,
@@ -2586,7 +2586,7 @@ const Al = "_indicatorsSubCategory_1nuug_2", Ll = "_list_1nuug_11", So = {
   activeIndicatorType: h,
   onChangeType: g
 }) => {
-  const { t: b } = le(), [p, v] = de(!1);
+  const { t: y } = le(), [p, v] = de(!1);
   return te(() => {
     v(o == a);
   }, [o, a]), /* @__PURE__ */ T(
@@ -2603,7 +2603,7 @@ const Al = "_indicatorsSubCategory_1nuug_2", Ll = "_list_1nuug_11", So = {
             "span",
             {
               style: { color: p ? r : n },
-              children: b(e)
+              children: y(e)
             }
           )
         ] }) }),
@@ -2650,7 +2650,7 @@ const Ui = ({
   onClickIndicator: d,
   multiple: h,
   activeIndicatorType: g,
-  onChangeType: b
+  onChangeType: y
 }) => {
   var _;
   const { t: p } = le(), [v, f] = de(!1);
@@ -2680,7 +2680,7 @@ const Ui = ({
           )
         ] }),
         e.subcategories ? e.subcategories.map(
-          ({ name: w, subcategory: k, indicators: $ }, y) => /* @__PURE__ */ u(
+          ({ name: w, subcategory: k, indicators: $ }, b) => /* @__PURE__ */ u(
             Wi,
             {
               id: k,
@@ -2694,9 +2694,9 @@ const Ui = ({
               defaultColor: r,
               indicators: $,
               activeIndicatorType: g,
-              onChangeType: b
+              onChangeType: y
             },
-            `subcKey ${y}`
+            `subcKey ${b}`
           )
         ) : /* @__PURE__ */ u("div", { className: $n.list, children: (_ = e.indicators) == null ? void 0 : _.map((w, k) => /* @__PURE__ */ u(
           Qr,
@@ -2709,7 +2709,7 @@ const Ui = ({
             onClickIndicator: d,
             multiple: h,
             activeIndicatorType: g,
-            onChangeType: b
+            onChangeType: y
           },
           `indicator${k}`
         )) })
@@ -2748,26 +2748,26 @@ const Ml = "_indicatorsList_13b3m_2", Rl = "_title_13b3m_6", ko = {
   changeIndType: a,
   activeIndicatorType: l
 }) => {
-  const { t: c } = le(), [d, h] = de(), [g, b] = de(), [p, v] = de(), f = (y) => {
-    h(d == y ? null : y);
-  }, _ = (y) => {
-    b(g == y ? null : y);
-  }, w = ({ indicator: y }) => {
-    k(y);
-  }, k = (y) => {
+  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 }) => {
+    k(b);
+  }, k = (b) => {
     if (!o)
       v(
-        (p == null ? void 0 : p.name) == y.name ? null : y
+        (p == null ? void 0 : p.name) == b.name ? null : b
       );
     else {
       let C = p && p.length > 0 ? [...p] : [];
       v(
         C != null && C.some(
-          (x) => x.name == y.name
+          (x) => x.name == b.name
         ) ? C.filter(
-          (x) => x.name != String(y.name)
-        ) : [...C, y]
-      ), y.type == "both" && a("cat");
+          (x) => x.name != String(b.name)
+        ) : [...C, b]
+      ), b.type == "both" && a("cat");
     }
   };
   te(() => {
@@ -2775,38 +2775,38 @@ const Ml = "_indicatorsList_13b3m_2", Rl = "_title_13b3m_6", ko = {
   }, [p]), $i(() => {
     if (s && !p)
       if (o && s && Array.isArray(s)) {
-        let y = p && p.length > 0 ? [...p] : [];
-        v([...y, ...s]), $(s[0].name);
+        let b = p && p.length > 0 ? [...p] : [];
+        v([...b, ...s]), $(s[0].name);
       } else
         k(s), $(s.name);
   }, []), te(() => {
     if (s != p)
       if (o && s && Array.isArray(s)) {
-        let y = p && p.length > 0 ? [...p] : [];
-        v([...y, ...s]), $(s[0].name);
+        let b = p && p.length > 0 ? [...p] : [];
+        v([...b, ...s]), $(s[0].name);
       } else
         k(s), $(s.name);
   }, [s]);
-  const $ = (y) => {
+  const $ = (b) => {
     const C = e.find((x) => {
       if (x.subcategories) {
         let A = x.subcategories.find(
-          (R) => R.indicators.find((O) => O.name == y)
+          (R) => R.indicators.find((O) => O.name == b)
         );
         if (A)
-          return b(A.subcategory), A;
+          return y(A.subcategory), A;
       } else
-        return x.indicators.some((A) => A.name == y);
+        return x.indicators.some((A) => A.name == b);
     });
     C && h(C.category);
   };
   return /* @__PURE__ */ T("div", { className: ko.indicatorsList, children: [
     /* @__PURE__ */ u("h2", { className: ko.title, style: { color: n }, children: c("indicators.indicators") }),
-    e.map((y, C) => /* @__PURE__ */ u(
+    e.map((b, C) => /* @__PURE__ */ u(
       Ui,
       {
-        id: y.category,
-        cat: y,
+        id: b.category,
+        cat: b,
         onClickCategory: f,
         activeCategory: d,
         onClickSubCategory: _,
@@ -2993,7 +2993,7 @@ const jl = "_legendContainer_1l2pz_3", ql = "_closeButton_1l2pz_43", Wl = "_titl
                 ] })
               ] })
             ] }) : c.categories && c.categories.length > 0 && /* @__PURE__ */ u("div", { className: Ae.gridContainer, children: c.categories.map(
-              ({ title: h, color: g }, b) => /* @__PURE__ */ T(
+              ({ title: h, color: g }, y) => /* @__PURE__ */ T(
                 "div",
                 {
                   className: Ae.elementLegendContainer,
@@ -3011,7 +3011,7 @@ const jl = "_legendContainer_1l2pz_3", ql = "_closeButton_1l2pz_43", Wl = "_titl
                     ] })
                   ]
                 },
-                b
+                y
               )
             ) }),
             c.absolute && c.absolute.noDataColor && /* @__PURE__ */ T("div", { className: Ae.noDataContainer, children: [
@@ -3584,7 +3584,7 @@ function vc(e, t, n) {
   const r = Gt(sc), [o, s] = de(null), a = Te(), { current: l } = Te({ mapLib: null, map: null });
   te(() => {
     const h = e.mapLib;
-    let g = !0, b;
+    let g = !0, y;
     return Promise.resolve(h || n).then((p) => {
       if (!g)
         return;
@@ -3594,7 +3594,7 @@ function vc(e, t, n) {
       if (!v.Map)
         throw new Error("Invalid mapLib");
       if (bc(v, e), !v.supported || v.supported(e))
-        e.reuseMaps && (b = Ht.reuse(e, a.current)), b || (b = new Ht(v.Map, e, a.current)), l.map = mc(b), l.mapLib = v, s(b), r == null || r.onMapMount(l.map, e.id);
+        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((p) => {
@@ -3606,7 +3606,7 @@ function vc(e, t, n) {
         error: p
       }) : console.error(p);
     }), () => {
-      g = !1, b && (r == null || r.onMapUnmount(e.id), e.reuseMaps ? b.recycle() : b.destroy());
+      g = !1, y && (r == null || r.onMapUnmount(e.id), e.reuseMaps ? y.recycle() : y.destroy());
     };
   }, []), gc(() => {
     o && o.setProps(e);
@@ -3648,33 +3648,33 @@ function _c(e, t) {
       element: f ? document.createElement("div") : null
     }, w = new r.Marker(_);
     return w.setLngLat([e.longitude, e.latitude]), w.getElement().addEventListener("click", (k) => {
-      var $, y;
-      (y = ($ = o.current.props).onClick) === null || y === void 0 || y.call($, {
+      var $, b;
+      (b = ($ = o.current.props).onClick) === null || b === void 0 || b.call($, {
         type: "click",
         target: w,
         originalEvent: k
       });
     }), w.on("dragstart", (k) => {
-      var $, y;
+      var $, b;
       const C = k;
-      C.lngLat = s.getLngLat(), (y = ($ = o.current.props).onDragStart) === null || y === void 0 || y.call($, C);
+      C.lngLat = s.getLngLat(), (b = ($ = o.current.props).onDragStart) === null || b === void 0 || b.call($, C);
     }), w.on("drag", (k) => {
-      var $, y;
+      var $, b;
       const C = k;
-      C.lngLat = s.getLngLat(), (y = ($ = o.current.props).onDrag) === null || y === void 0 || y.call($, C);
+      C.lngLat = s.getLngLat(), (b = ($ = o.current.props).onDrag) === null || b === void 0 || b.call($, C);
     }), w.on("dragend", (k) => {
-      var $, y;
+      var $, b;
       const C = k;
-      C.lngLat = s.getLngLat(), (y = ($ = o.current.props).onDragEnd) === null || y === void 0 || y.call($, C);
+      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: b = 0, rotationAlignment: p = "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() !== b && s.setRotation(b), s.getRotationAlignment() !== p && s.setRotationAlignment(p), 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(), [b, p] = 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();
@@ -3929,7 +3929,7 @@ const zc = ({
             );
         }) }, _)),
         /* @__PURE__ */ u(Ki, { position: "bottom-right", visualizePitch: !0 }),
-        c && b && /* @__PURE__ */ u(
+        c && y && /* @__PURE__ */ u(
           Hi,
           {
             longitude: c.longitude,
@@ -4019,7 +4019,7 @@ const jc = "_mapContainer_b0pyr_3", qc = {
   layers: d = [],
   popUpParams: h,
   onClosePopUp: g,
-  showTexts: b,
+  showTexts: y,
   hash: p = !1
 }) => {
   const v = Te();
@@ -4027,10 +4027,10 @@ const jc = "_mapContainer_b0pyr_3", qc = {
     if (v.current) {
       const f = v.current.getMap();
       f.getStyle().layers.map((w) => {
-        w.type == "symbol" && w.id != "professionals" && (b ? f.setLayoutProperty(w.id, "visibility", "visible") : f.setLayoutProperty(w.id, "visibility", "none"));
+        w.type == "symbol" && w.id != "professionals" && (y ? f.setLayoutProperty(w.id, "visibility", "visible") : f.setLayoutProperty(w.id, "visibility", "none"));
       });
     }
-  }, [b]), te(() => {
+  }, [y]), te(() => {
     let f = new zs();
     return hr.addProtocol("pmtiles", f.tile), () => {
       hr.removeProtocol("pmtiles");
@@ -4319,14 +4319,14 @@ function l0(e) {
     ...n == null ? void 0 : n.style,
     ...o == null ? void 0 : o.style,
     ...r == null ? void 0 : r.style
-  }, b = {
+  }, y = {
     ...d,
     ...n,
     ...c,
     ...l
   };
-  return h.length > 0 && (b.className = h), Object.keys(g).length > 0 && (b.style = g), {
-    props: b,
+  return h.length > 0 && (y.className = h), Object.keys(g).length > 0 && (y.style = g), {
+    props: y,
     internalRef: d.ref
   };
 }
@@ -4537,14 +4537,14 @@ function v0(e) {
     name: d,
     onChange: h,
     onChangeCommitted: g,
-    orientation: b = "horizontal",
+    orientation: y = "horizontal",
     rootRef: p,
     scale: v = b0,
     step: f = 1,
     shiftStep: _ = 10,
     tabIndex: w,
     value: k
-  } = e, $ = Q.useRef(void 0), [y, 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({
+  } = 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"
@@ -4636,13 +4636,13 @@ function v0(e) {
   Ji(() => {
     var M;
     r && L.current.contains(document.activeElement) && ((M = document.activeElement) == null || M.blur());
-  }, [r]), r && y !== -1 && C(-1), r && ce !== -1 && D(-1);
+  }, [r]), r && b !== -1 && C(-1), r && ce !== -1 && D(-1);
   const G = (M) => (V) => {
     var H;
     (H = M.onChange) == null || H.call(M, V), Z(V, V.target.valueAsNumber);
   }, U = Q.useRef(void 0);
-  let oe = b;
-  s && b === "horizontal" && (oe += "-reverse");
+  let oe = y;
+  s && y === "horizontal" && (oe += "-reverse");
   const ee = ({
     finger: M,
     move: V = !1
@@ -4809,11 +4809,11 @@ function v0(e) {
     };
   }, Qe = (M) => ({
     // So the non active thumb doesn't show its label on hover.
-    pointerEvents: y !== -1 && y !== M ? "none" : void 0
+    pointerEvents: b !== -1 && b !== M ? "none" : void 0
   });
   let _e;
-  return b === "vertical" && (_e = s ? "vertical-rl" : "vertical-lr"), {
-    active: y,
+  return y === "vertical" && (_e = s ? "vertical-rl" : "vertical-lr"), {
+    active: b,
     axis: oe,
     axisProps: y0,
     dragging: R,
@@ -4831,7 +4831,7 @@ function v0(e) {
       return {
         tabIndex: w,
         "aria-labelledby": t,
-        "aria-orientation": b,
+        "aria-orientation": y,
         "aria-valuemax": v(l),
         "aria-valuemin": v(c),
         name: d,
@@ -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"), b = Symbol.for("react.view_transition"), p = 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;
@@ -4899,7 +4899,7 @@ function C0() {
             case r:
             case c:
             case d:
-            case b:
+            case y:
               return f;
             default:
               switch (f = f && f.$$typeof, f) {
@@ -4977,7 +4977,7 @@ function _0() {
                 switch (f = f && f.$$typeof, f) {
                   case l:
                   case c:
-                  case b:
+                  case y:
                   case g:
                     return f;
                   case a:
@@ -4991,8 +4991,8 @@ 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"), b = 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 = b, ye.Memo = g, ye.Portal = n, ye.Profiler = s, ye.StrictMode = o, ye.Suspense = d, ye.SuspenseList = h, ye.isContextConsumer = function(f) {
+    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) {
       return e(f) === l;
@@ -5003,7 +5003,7 @@ function _0() {
     }, ye.isFragment = function(f) {
       return e(f) === r;
     }, ye.isLazy = function(f) {
-      return e(f) === b;
+      return e(f) === y;
     }, ye.isMemo = function(f) {
       return e(f) === g;
     }, ye.isPortal = function(f) {
@@ -5017,7 +5017,7 @@ function _0() {
     }, ye.isSuspenseList = function(f) {
       return e(f) === h;
     }, ye.isValidElementType = function(f) {
-      return typeof f == "string" || typeof f == "function" || f === r || f === s || f === o || f === d || f === h || typeof f == "object" && f !== null && (f.$$typeof === b || f.$$typeof === g || f.$$typeof === l || f.$$typeof === a || f.$$typeof === c || f.$$typeof === v || f.getModuleId !== void 0);
+      return typeof f == "string" || typeof f == "function" || f === r || f === s || f === o || f === d || f === h || typeof f == "object" && f !== null && (f.$$typeof === y || f.$$typeof === g || f.$$typeof === l || f.$$typeof === a || f.$$typeof === c || f.$$typeof === v || f.getModuleId !== void 0);
     }, ye.typeOf = e;
   }()), ye;
 }
@@ -5190,9 +5190,9 @@ function $e(e) {
       return null;
     const l = a[t], c = a.theme, d = Qn(c, r) || {};
     return ut(a, l, (g) => {
-      let b = Hn(d, o, g);
-      return g === b && typeof g == "string" && (b = Hn(d, o, `${t}${g === "default" ? "" : Je(g)}`, g)), n === !1 ? b : {
-        [n]: b
+      let y = Hn(d, o, g);
+      return g === y && typeof g == "string" && (y = Hn(d, o, `${t}${g === "default" ? "" : Je(g)}`, g)), n === !1 ? y : {
+        [n]: y
       };
     });
   };
@@ -5748,10 +5748,10 @@ function p2() {
       return {
         [n]: r
       };
-    const b = Qn(o, d) || {};
+    const y = Qn(o, d) || {};
     return g ? g(a) : ut(a, r, (v) => {
-      let f = Hn(b, h, v);
-      return v === f && typeof v == "string" && (f = Hn(b, h, `${n}${v === "default" ? "" : Je(v)}`, v)), c === !1 ? f : {
+      let f = Hn(y, h, v);
+      return v === f && typeof v == "string" && (f = Hn(y, h, `${n}${v === "default" ? "" : Je(v)}`, v)), c === !1 ? f : {
         [c]: f
       };
     });
@@ -5774,30 +5774,30 @@ function p2() {
       if (!d)
         return null;
       const h = $0(o.breakpoints), g = Object.keys(h);
-      let b = h;
+      let y = h;
       return Object.keys(d).forEach((p) => {
         const v = f2(d[p], o);
         if (v != null)
           if (typeof v == "object")
             if (a[p])
-              b = dn(b, e(p, v, o, a));
+              y = dn(y, e(p, v, o, a));
             else {
               const f = ut({
                 theme: o
               }, v, (_) => ({
                 [p]: _
               }));
-              d2(f, v) ? b[p] = t({
+              d2(f, v) ? y[p] = t({
                 sx: v,
                 theme: o,
                 nested: !0
-              }) : b = dn(b, f);
+              }) : y = dn(y, f);
             }
           else
-            b = dn(b, e(p, v, o, a));
+            y = dn(y, e(p, v, o, a));
       }), !s && o.modularCssLayers ? {
-        "@layer sx": Uo(o, Ho(g, b))
-      } : Uo(o, Ho(g, b));
+        "@layer sx": Uo(o, Ho(g, y))
+      } : Uo(o, Ho(g, y));
     }
     return Array.isArray(r) ? r.map(l) : l(r);
   }
@@ -6046,22 +6046,22 @@ function S2(e) {
     step: r = 5,
     ...o
   } = e, s = w2(t), a = Object.keys(s);
-  function l(b) {
-    return `@media (min-width:${typeof t[b] == "number" ? t[b] : b}${n})`;
+  function l(y) {
+    return `@media (min-width:${typeof t[y] == "number" ? t[y] : y}${n})`;
   }
-  function c(b) {
-    return `@media (max-width:${(typeof t[b] == "number" ? t[b] : b) - r / 100}${n})`;
+  function c(y) {
+    return `@media (max-width:${(typeof t[y] == "number" ? t[y] : y) - r / 100}${n})`;
   }
-  function d(b, p) {
+  function d(y, p) {
     const v = a.indexOf(p);
-    return `@media (min-width:${typeof t[b] == "number" ? t[b] : b}${n}) and (max-width:${(v !== -1 && typeof t[a[v]] == "number" ? t[a[v]] : p) - r / 100}${n})`;
+    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(b) {
-    return a.indexOf(b) + 1 < a.length ? d(b, a[a.indexOf(b) + 1]) : l(b);
+  function h(y) {
+    return a.indexOf(y) + 1 < a.length ? d(y, a[a.indexOf(y) + 1]) : l(y);
   }
-  function g(b) {
-    const p = a.indexOf(b);
-    return p === 0 ? l(a[1]) : p === a.length - 1 ? c(a[p]) : d(b, a[a.indexOf(b) + 1]).replace("@media", "@media not all and");
+  function g(y) {
+    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,
@@ -6281,7 +6281,7 @@ function D2(e = {}) {
       name: d,
       slot: h,
       skipVariantsResolver: g,
-      skipSx: b,
+      skipSx: y,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       overridesResolver: p = M2(cs(h)),
@@ -6290,14 +6290,14 @@ function D2(e = {}) {
       // 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 = b || !1;
+    ), w = y || !1;
     let k = $r;
     h === "Root" || h === "root" ? k = r : h ? k = o : B2(l) && (k = void 0);
     const $ = _2(l, {
       shouldForwardProp: k,
       label: P2(d, h),
       ...v
-    }), y = (x) => {
+    }), b = (x) => {
       if (x.__emotion_real === x)
         return x;
       if (typeof x == "function")
@@ -6312,7 +6312,7 @@ function D2(e = {}) {
       }
       return x;
     }, C = (...x) => {
-      const A = [], R = x.map(y), O = [];
+      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;
@@ -6613,66 +6613,66 @@ function Y2(e, t = {}) {
   } = e, {
     vars: h,
     css: g,
-    varsWithDefaults: b
+    varsWithDefaults: y
   } = Nr(d, t);
-  let p = b;
+  let p = y;
   const v = {}, {
     [c]: f,
     ..._
   } = a;
-  if (Object.entries(_ || {}).forEach(([y, C]) => {
+  if (Object.entries(_ || {}).forEach(([b, C]) => {
     const {
       vars: x,
       css: A,
       varsWithDefaults: R
     } = Nr(C, t);
-    p = Ze(p, R), v[y] = {
+    p = Ze(p, R), v[b] = {
       css: A,
       vars: x
     };
   }), f) {
     const {
-      css: y,
+      css: b,
       vars: C,
       varsWithDefaults: x
     } = Nr(f, t);
     p = Ze(p, x), v[c] = {
-      css: y,
+      css: b,
       vars: C
     };
   }
-  function w(y, C) {
+  function w(b, C) {
     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"]`), y) {
+    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 === y ? ":root" : {
-          [`@media (prefers-color-scheme: ${((R = (A = a[y]) == null ? void 0 : A.palette) == null ? void 0 : R.mode) || y})`]: {
+        return e.defaultColorScheme === b ? ":root" : {
+          [`@media (prefers-color-scheme: ${((R = (A = a[b]) == null ? void 0 : A.palette) == null ? void 0 : R.mode) || b})`]: {
             ":root": C
           }
         };
       if (x)
-        return e.defaultColorScheme === y ? `:root, ${x.replace("%s", String(y))}` : x.replace("%s", String(y));
+        return e.defaultColorScheme === b ? `:root, ${x.replace("%s", String(b))}` : x.replace("%s", String(b));
     }
     return ":root";
   }
   return {
     vars: p,
     generateThemeVars: () => {
-      let y = {
+      let b = {
         ...h
       };
       return Object.entries(v).forEach(([, {
         vars: C
       }]) => {
-        y = Ze(y, C);
-      }), y;
+        b = Ze(b, C);
+      }), b;
     },
     generateStyleSheets: () => {
       var O, q;
-      const y = [], C = e.defaultColorScheme || "light";
+      const b = [], C = e.defaultColorScheme || "light";
       function x(z, m) {
-        Object.keys(m).length && y.push(typeof z == "string" ? {
+        Object.keys(m).length && b.push(typeof z == "string" ? {
           [z]: {
             ...m
           }
@@ -6711,7 +6711,7 @@ function Y2(e, t = {}) {
         x(n(z, {
           ...S
         }), S);
-      }), s && y.push({
+      }), s && b.push({
         ":root": {
           // use double underscore to indicate that these are private variables
           "--__l-threshold": "0.7",
@@ -6719,7 +6719,7 @@ function Y2(e, t = {}) {
           "--__a": "clamp(0.87, (l / var(--__l-threshold) - 1) * -infinity, 1)"
           // 0.87 is the default alpha value for black text.
         }
-      }), y;
+      }), b;
     }
   };
 }
@@ -6941,7 +6941,7 @@ function ro(e) {
     colorSpace: o,
     ...s
   } = e, a = e.primary || J2(t), l = e.secondary || e1(t), c = e.error || t1(t), d = e.info || n1(t), h = e.success || r1(t), g = e.warning || o1(t);
-  function b(_) {
+  function y(_) {
     if (o)
       return i1(_);
     const w = ti(_, qr.text.primary) >= n ? qr.text.primary : ps.text.primary;
@@ -6957,7 +6957,7 @@ function ro(e) {
     name: w,
     mainShade: k = 500,
     lightShade: $ = 300,
-    darkShade: y = 700
+    darkShade: b = 700
   }) => {
     if (_ = {
       ..._
@@ -6979,7 +6979,7 @@ const theme1 = createTheme({ palette: {
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });` : Nt(12, w ? ` (${w})` : "", JSON.stringify(_.main)));
-    return o ? (ii(o, _, "light", $, r), ii(o, _, "dark", y, r)) : (oi(_, "light", $, r), oi(_, "dark", y, r)), _.contrastText || (_.contrastText = b(_.main)), _;
+    return o ? (ii(o, _, "light", $, r), ii(o, _, "dark", b, r)) : (oi(_, "light", $, r), oi(_, "dark", b, r)), _.contrastText || (_.contrastText = y(_.main)), _;
   };
   let v;
   return t === "light" ? v = fs() : t === "dark" && (v = ms()), process.env.NODE_ENV !== "production" && (v || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), Ze({
@@ -7029,7 +7029,7 @@ const theme2 = createTheme({ palette: {
     // the background and the text.
     contrastThreshold: n,
     // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: b,
+    getContrastText: y,
     // Generate a rich color object.
     augmentColor: p,
     // Used by the functions below to shift a color's luminance by approximately
@@ -7088,7 +7088,7 @@ 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 b = r / 14, p = h || ((_) => `${_ / c * b}rem`), v = (_, w, k, $, y) => ({
+  const y = r / 14, p = h || ((_) => `${_ / c * y}rem`), v = (_, w, k, $, b) => ({
     fontFamily: n,
     fontWeight: _,
     fontSize: p(w),
@@ -7099,7 +7099,7 @@ function c1(e, t) {
     ...n === ai ? {
       letterSpacing: `${l1($ / w)}em`
     } : {},
-    ...y,
+    ...b,
     ...d
   }), f = {
     h1: v(o, 96, 1.167, -1.5),
@@ -7193,7 +7193,7 @@ function y1(e) {
         ...d
       } = s;
       if (process.env.NODE_ENV !== "production") {
-        const h = (b) => typeof b == "string", g = (b) => !Number.isNaN(parseFloat(b));
+        const h = (y) => typeof y == "string", g = (y) => !Number.isNaN(parseFloat(y));
         !h(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !g(a) && !h(a) && console.error(`MUI: Argument "duration" must be a number or a string but found ${a}.`), h(l) || console.error('MUI: Argument "easing" must be a string.'), !g(c) && !h(c) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof s != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
 `)), Object.keys(d).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(d).join(",")}].`);
       }
@@ -7288,9 +7288,9 @@ function Wr(e = {}, ...t) {
   const g = ro({
     ...s,
     colorSpace: d
-  }), b = is(e);
-  let p = Ze(b, {
-    mixins: a1(b.breakpoints, r),
+  }), y = is(e);
+  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.
     shadows: p1.slice(),
@@ -7307,10 +7307,10 @@ function Wr(e = {}, ...t) {
         const $ = _[k];
         if (v.includes(k) && Object.keys($).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const y = 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 '&.${y}' 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: {
-                [`&.${y}`]: $
+                [`&.${b}`]: $
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
@@ -7495,8 +7495,8 @@ function A1(e = {}, ...t) {
     colorSchemeSelector: c = n.light && n.dark ? "media" : void 0,
     rootSelector: d = ":root",
     ...h
-  } = e, g = Object.keys(n)[0], b = r || (n.light && g !== "light" ? "light" : g), p = O1(s), {
-    [b]: v,
+  } = e, g = Object.keys(n)[0], y = r || (n.light && g !== "light" ? "light" : g), p = O1(s), {
+    [y]: v,
     light: f,
     dark: _,
     ...w
@@ -7504,14 +7504,14 @@ function A1(e = {}, ...t) {
     ...w
   };
   let $ = v;
-  if ((b === "dark" && !("dark" in n) || b === "light" && !("light" in n)) && ($ = !0), !$)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${b}\` option is either missing or invalid.` : Nt(21, b));
-  let y;
-  a && (y = "oklch");
-  const C = Er(y, k, $, h, b);
-  f && !k.light && Er(y, k, f, void 0, "light"), _ && !k.dark && Er(y, k, _, void 0, "dark");
+  if ((y === "dark" && !("dark" in n) || y === "light" && !("light" in n)) && ($ = !0), !$)
+    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, k, $, h, y);
+  f && !k.light && Er(b, k, f, void 0, "light"), _ && !k.dark && Er(b, k, _, void 0, "dark");
   let x = {
-    defaultColorScheme: b,
+    defaultColorScheme: y,
     ...C,
     cssVarPrefix: s,
     colorSchemeSelector: c,
@@ -7531,21 +7531,21 @@ function A1(e = {}, ...t) {
     };
     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 (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 ${y}, ${F}, ${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(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", y ? 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 = y ? 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(() => y ? 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));
+      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 (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", y ? 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 = y ? 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(() => y ? 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));
+      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(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];
@@ -8228,7 +8228,7 @@ const Z1 = Mt("span", {
     components: d = {},
     componentsProps: h = {},
     color: g = "primary",
-    classes: b,
+    classes: y,
     className: p,
     disableSwap: v = !1,
     disabled: f = !1,
@@ -8236,7 +8236,7 @@ const Z1 = Mt("span", {
     getAriaValueText: w,
     marks: k = !1,
     max: $ = 100,
-    min: y = 0,
+    min: b = 0,
     name: C,
     onChange: x,
     onChangeCommitted: A,
@@ -8257,8 +8257,8 @@ const Z1 = Mt("span", {
     ...r,
     isRtl: o,
     max: $,
-    min: y,
-    classes: b,
+    min: b,
+    classes: y,
     disabled: f,
     disableSwap: v,
     orientation: R,
@@ -8365,8 +8365,8 @@ const Z1 = Mt("span", {
       ...Qt
     }), /* @__PURE__ */ u(Le, {
       ...Ms
-    }), I.filter((Ne) => Ne.value >= y && Ne.value <= $).map((Ne, De) => {
-      const pr = Un(Ne.value, y, $), Cn = J[U].offset(pr);
+    }), I.filter((Ne) => Ne.value >= b && Ne.value <= $).map((Ne, De) => {
+      const pr = Un(Ne.value, b, $), Cn = J[U].offset(pr);
       let rt;
       return F === !1 ? rt = se.includes(Ne.value) : rt = F === "normal" && (ee ? Ne.value >= se[0] && Ne.value <= se[se.length - 1] : Ne.value <= se[0]) || F === "inverted" && (ee ? Ne.value <= se[0] || Ne.value >= se[se.length - 1] : Ne.value >= se[0]), /* @__PURE__ */ T(Q.Fragment, {
         children: [/* @__PURE__ */ u(_e, {
@@ -8396,7 +8396,7 @@ const Z1 = Mt("span", {
         }) : null]
       }, De);
     }), se.map((Ne, De) => {
-      const pr = Un(Ne, y, $), Cn = J[U].offset(pr), rt = W === "off" ? G1 : Qe;
+      const pr = Un(Ne, b, $), Cn = J[U].offset(pr), rt = W === "off" ? G1 : Qe;
       return (
         /* TODO v6: Change component structure. It will help in avoiding the complicated React.cloneElement API added in SliderValueLabel component. Should be: Thumb -> Input, ValueLabel. Follow Joy UI's Slider structure. */
         /* @__PURE__ */ u(rt, {
@@ -8717,22 +8717,22 @@ const Y1 = "_slider_1prh1_2", X1 = "_playButton_1prh1_14", Q1 = "_sliderOpen_1pr
     console.log("year changed to ", d);
   }
 }) => {
-  const h = o || ((y, C) => {
+  const h = o || ((b, C) => {
     const x = [];
-    x.push({ label: "", value: y });
-    const A = Math.ceil(y / 10) * 10;
+    x.push({ label: "", value: b });
+    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, b] = de(t);
+  })(n, r), [g, y] = de(t);
   te(() => {
-    b(t);
+    y(t);
   }, [t]);
-  const p = (y, C) => {
-    b(C), c(C);
+  const p = (b, C) => {
+    y(C), c(C);
   }, [v, f] = de(!1);
   te(() => {
-    t && console.log("defaultYear changed:", t), t && b(t);
+    t && console.log("defaultYear changed:", t), t && y(t);
   }, [t]), te(() => {
     l === !1 && f(!1);
   }, [l]);
@@ -8741,11 +8741,11 @@ const Y1 = "_slider_1prh1_2", X1 = "_playButton_1prh1_14", Q1 = "_sliderOpen_1pr
   }, w = () => {
     f(!1);
   };
-  ((y, C, x = []) => {
+  ((b, C, x = []) => {
     const A = Te();
     te(() => {
-      A.current = y;
-    }, [y]), te(() => {
+      A.current = b;
+    }, [b]), te(() => {
       function R() {
         A.current();
       }
@@ -8756,8 +8756,8 @@ const Y1 = "_slider_1prh1_2", X1 = "_playButton_1prh1_14", Q1 = "_sliderOpen_1pr
     }, [C, ...x]);
   })(
     () => {
-      v && b((y) => {
-        const C = y + 1;
+      v && y((b) => {
+        const C = b + 1;
         return C > r ? (c(n), n) : (c(C), C);
       });
     },
@@ -8964,7 +8964,7 @@ const Mu = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   defaultTooltip: d,
   showEye: h = !0
 }) => {
-  const { name: g, created_at: b, id: p, 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]);
@@ -8975,7 +8975,7 @@ const Mu = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
       className: Ke.listElement,
       style: { borderBottom: `1px solid ${o}` },
       children: [
-        /* @__PURE__ */ u("div", { className: Ke.elementNameDate, onClick: () => t(p), children: Object.keys(a).map((y, C) => y === "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}`,
@@ -8996,7 +8996,7 @@ const Mu = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
               /* @__PURE__ */ u("span", { style: { color: n ? r : o }, children: g })
             ]
           }
-        ) }, `col${C}`) : y == "data" ? /* @__PURE__ */ u("div", { className: Ke.elementDate, children: b ? new Date(b).toLocaleDateString() : "" }, `col${C}data`) : /* @__PURE__ */ u("div", { className: Ke.elementDate, children: e[y] }, `col${C}other`)) }),
+        ) }, `col${C}`) : b == "data" ? /* @__PURE__ */ u("div", { className: Ke.elementDate, children: y ? new Date(y).toLocaleDateString() : "" }, `col${C}data`) : /* @__PURE__ */ u("div", { className: Ke.elementDate, children: e[b] }, `col${C}other`)) }),
         /* @__PURE__ */ T("div", { className: Ke.elementButtons, children: [
           e.processing && /* @__PURE__ */ T("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ u("img", { src: Nu }),
@@ -9147,7 +9147,7 @@ const pi = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   //{label: 'x'}
   processTooltip: g,
   //texto para el tooltip del simbolo "En proceso"
-  defaultTooltip: b,
+  defaultTooltip: y,
   //texto para el tooltip del símbolo de candado para los elementos default
   showEye: p = !0
 }) => {
@@ -9155,21 +9155,21 @@ const pi = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   te(() => {
     e && _(e);
   }, [e]);
-  const w = (y) => {
-    if (typeof y != "string") return null;
-    if (/^\d{4}[-/]\d{2}[-/]\d{2}$/.test(y))
-      return new Date(y);
-    const C = /^(\d{2})[-/.]\s*(\d{2})[-/.]\s*(\d{4})$/.exec(y);
+  const w = (b) => {
+    if (typeof b != "string") return null;
+    if (/^\d{4}[-/]\d{2}[-/]\d{2}$/.test(b))
+      return new Date(b);
+    const C = /^(\d{2})[-/.]\s*(\d{2})[-/.]\s*(\d{4})$/.exec(b);
     if (C)
       return /* @__PURE__ */ new Date(`${C[3]}-${C[2]}-${C[1]}`);
-    const x = /^(\d{2})[-/]\s*(\d{2})[-/]\s*(\d{4})$/.exec(y);
+    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;
-  }, k = (y) => w(y) !== null, $ = (y) => {
+  }, k = (b) => w(b) !== null, $ = (b) => {
     if (!f || f.length === 0) return;
     let C = [...f];
-    const x = C.find((R) => R[y] !== null && R[y] !== void 0), A = x ? k(x[y]) : !1;
+    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[y], z = O[y];
+      const q = R[b], z = O[b];
       if (q == null && z == null) return 0;
       if (q == null) return 1;
       if (z == null) return -1;
@@ -9193,22 +9193,22 @@ const pi = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             className: it.header,
             style: { borderBottom: `1px solid ${n}` },
             children: [
-              /* @__PURE__ */ u("div", { className: it.nameDateContainer, children: Object.keys(c).map((y) => y === "name" ? /* @__PURE__ */ u("div", { className: it.elementName, children: /* @__PURE__ */ T("button", { onClick: () => $("name"), children: [
+              /* @__PURE__ */ u("div", { className: it.nameDateContainer, children: Object.keys(c).map((b) => b === "name" ? /* @__PURE__ */ u("div", { className: it.elementName, children: /* @__PURE__ */ T("button", { onClick: () => $("name"), children: [
                 /* @__PURE__ */ u("span", { children: v(c.name) }),
                 /* @__PURE__ */ u("img", { src: pi, alt: "order arrow" })
-              ] }) }, y) : y === "data" ? /* @__PURE__ */ u("div", { className: it.elementDate, children: /* @__PURE__ */ T("button", { onClick: () => $("created_at"), children: [
+              ] }) }, b) : b === "data" ? /* @__PURE__ */ u("div", { className: it.elementDate, children: /* @__PURE__ */ T("button", { onClick: () => $("created_at"), children: [
                 /* @__PURE__ */ u("span", { children: v(c.data) }),
                 /* @__PURE__ */ u("img", { src: pi, alt: "order arrow" })
-              ] }) }, y) : /* @__PURE__ */ u("div", { className: it.elementDate, children: /* @__PURE__ */ u("span", { children: v(c[y]) }) }, y)) }),
+              ] }) }, b) : /* @__PURE__ */ u("div", { className: it.elementDate, children: /* @__PURE__ */ u("span", { children: v(c[b]) }) }, b)) }),
               /* @__PURE__ */ u("div", { className: it.buttonsContainer })
             ]
           }
         ),
-        /* @__PURE__ */ u("div", { className: it.elementListContainer, children: f && f.length > 0 && f.map((y) => /* @__PURE__ */ u(
+        /* @__PURE__ */ u("div", { className: it.elementListContainer, children: f && f.length > 0 && f.map((b) => /* @__PURE__ */ u(
           _s,
           {
-            isActive: t == y.id,
-            listelement: y,
+            isActive: t == b.id,
+            listelement: b,
             fontColor: n,
             activeColor: r,
             onClickElement: l,
@@ -9216,10 +9216,10 @@ const pi = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             elementButtons: d,
             moreInfo: h,
             processTooltip: g,
-            defaultTooltip: b,
+            defaultTooltip: y,
             showEye: p
           },
-          `elementKey${y.id}`
+          `elementKey${b.id}`
         )) }),
         a && /* @__PURE__ */ u("div", { className: it.newElementButtonContainer, children: /* @__PURE__ */ u(
           Yn,
@@ -9407,17 +9407,17 @@ function zn(e, t, n = /* @__PURE__ */ new WeakSet()) {
   return !0;
 }
 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), b = ie.useRef(r);
+  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 [p, v] = ie.useState(() => {
-    const y = n._getWatch(r, c.current);
-    return d.current ? d.current(y) : y;
-  }), f = ie.useCallback((y) => {
-    const C = yi(r, n._names, y || n._formValues, !1, c.current);
+    const b = n._getWatch(r, c.current);
+    return d.current ? d.current(b) : b;
+  }), f = ie.useCallback((b) => {
+    const C = yi(r, n._names, b || n._formValues, !1, c.current);
     return d.current ? d.current(C) : C;
-  }, [n._formValues, n._names, r]), _ = ie.useCallback((y) => {
+  }, [n._formValues, n._names, r]), _ = ie.useCallback((b) => {
     if (!s) {
-      const C = yi(r, n._names, y || n._formValues, !1, c.current);
+      const C = yi(r, n._names, b || n._formValues, !1, c.current);
       if (d.current) {
         const x = d.current(C);
         zn(x, h.current) || (v(x), h.current = x);
@@ -9425,21 +9425,21 @@ function Ku(e) {
         v(C);
     }
   }, [n._formValues, n._names, s, r]);
-  $s(() => ((g.current !== n || !zn(b.current, r)) && (g.current = n, b.current = r, _()), n._subscribe({
+  $s(() => ((g.current !== n || !zn(y.current, r)) && (g.current = n, y.current = r, _()), n._subscribe({
     name: r,
     formState: {
       values: !0
     },
     exact: a,
-    callback: (y) => {
-      _(y.values);
+    callback: (b) => {
+      _(b.values);
     }
   })), [n, a, r, _]), ie.useEffect(() => n._removeUnmounted());
-  const w = g.current !== n, k = b.current, $ = ie.useMemo(() => {
+  const w = g.current !== n, k = y.current, $ = ie.useMemo(() => {
     if (s)
       return null;
-    const y = !w && !zn(k, r);
-    return w || y ? f() : null;
+    const b = !w && !zn(k, r);
+    return w || b ? f() : null;
   }, [s, w, r, k, f]);
   return $ !== null ? $ : p;
 }
@@ -9453,12 +9453,12 @@ function Gu(e) {
     control: o,
     name: n,
     exact: l
-  }), b = ie.useRef(e), p = 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 } : {}
   }));
-  b.current = e;
+  y.current = e;
   const f = ie.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
@@ -9480,9 +9480,9 @@ function Gu(e) {
       enumerable: !0,
       get: () => Fe(g.errors, n)
     }
-  }), [g, n]), _ = ie.useCallback((y) => v.current.onChange({
+  }), [g, n]), _ = ie.useCallback((b) => v.current.onChange({
     target: {
-      value: Fu(y),
+      value: Fu(b),
       name: n
     },
     type: hi.CHANGE
@@ -9492,13 +9492,13 @@ function Gu(e) {
       name: n
     },
     type: hi.BLUR
-  }), [n, o._formValues]), k = ie.useCallback((y) => {
+  }), [n, o._formValues]), k = ie.useCallback((b) => {
     const C = Fe(o._fields, n);
-    C && C._f && y && (C._f.ref = {
-      focus: () => Rn(y.focus) && y.focus(),
-      select: () => Rn(y.select) && y.select(),
-      setCustomValidity: (x) => Rn(y.setCustomValidity) && y.setCustomValidity(x),
-      reportValidity: () => Rn(y.reportValidity) && y.reportValidity()
+    C && C._f && b && (C._f.ref = {
+      focus: () => Rn(b.focus) && b.focus(),
+      select: () => Rn(b.select) && b.select(),
+      setCustomValidity: (x) => Rn(b.setCustomValidity) && b.setCustomValidity(x),
+      reportValidity: () => Rn(b.reportValidity) && b.reportValidity()
     });
   }, [o._fields, n]), $ = ie.useMemo(() => ({
     name: n,
@@ -9509,21 +9509,21 @@ function Gu(e) {
     ref: k
   }), [n, r, g.disabled, _, w, k, h]);
   return ie.useEffect(() => {
-    const y = o._options.shouldUnregister || s, C = p.current;
+    const b = o._options.shouldUnregister || s, C = p.current;
     C && C !== n && !c && o.unregister(C), o.register(n, {
-      ...b.current.rules,
-      ...Ar(b.current.disabled) ? { disabled: b.current.disabled } : {}
+      ...y.current.rules,
+      ...Ar(y.current.disabled) ? { disabled: y.current.disabled } : {}
     });
     const x = (A, R) => {
       const O = Fe(o._fields, A);
       O && O._f && (O._f.mount = R);
     };
-    if (x(n, !0), y) {
-      const A = ws(Fe(o._options.defaultValues, n, b.current.defaultValue));
+    if (x(n, !0), b) {
+      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), p.current = n, () => {
-      (c ? y && !o._state.action : y) ? o.unregister(n) : x(n, !1);
+      (c ? b && !o._state.action : b) ? o.unregister(n) : x(n, !1);
     };
   }, [n, o, c, s]), ie.useEffect(() => {
     o._setDisabledField({
@@ -9576,11 +9576,11 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
     onClickForgotPass: g = () => {
       console.log("Click on forgot password");
     },
-    forgotPassLabel: b = "forgot-password",
+    forgotPassLabel: y = "forgot-password",
     //Lógica extra al onChange además de actualizar el valor en RHF
     onChangeExtraFunction: p = () => {
     }
-  } = e, { t: v } = le(), { control: f, trigger: _, clearErrors: w } = t, { errorColor: k } = vn((x) => x), [$, y] = 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(
@@ -9623,7 +9623,7 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
                 r == "password" && /* @__PURE__ */ u(
                   "button",
                   {
-                    onClick: () => y(!$),
+                    onClick: () => b(!$),
                     type: "button",
                     className: rn.showPasswordButton,
                     children: /* @__PURE__ */ u(
@@ -9638,7 +9638,7 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
               ]
             }
           ),
-          r == "password" && /* @__PURE__ */ u("div", { className: rn.forgotPassButton, children: /* @__PURE__ */ u("button", { onClick: g, children: v(b) }) }),
+          r == "password" && /* @__PURE__ */ u("div", { className: rn.forgotPassButton, children: /* @__PURE__ */ u("button", { onClick: g, children: v(y) }) }),
           /* @__PURE__ */ u(
             bn,
             {
@@ -9671,9 +9671,9 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
     placeholder: d,
     errorColor: h = "red",
     width: g = 325,
-    options: b = []
+    options: y = []
     //Used if we dont use react hook form
-  } = e, { t: p } = le(), { control: v, trigger: f, clearErrors: _ } = t || {}, { errorColor: w } = vn((y) => y);
+  } = e, { t: p } = le(), { control: v, trigger: f, clearErrors: _ } = t || {}, { errorColor: w } = vn((b) => b);
   Te(l);
   const [k, $] = de(null);
   return te(() => {
@@ -9685,15 +9685,15 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
       control: v,
       rules: {
         required: l ? `${p(s)} ${p("errorMessages.required")}` : !1,
-        validate: c ? (y) => {
+        validate: c ? (b) => {
           let C = t.getValues();
-          return c(y, C);
+          return c(b, C);
         } : void 0
       },
-      render: ({ field: y, fieldState: C }) => {
+      render: ({ field: b, fieldState: C }) => {
         var A;
-        const x = b.find(
-          (R) => R.value === y.value
+        const x = y.find(
+          (R) => R.value === b.value
         );
         return /* @__PURE__ */ T("div", { className: Ve.selectInputContainer, children: [
           s && /* @__PURE__ */ T("h3", { className: Ve.labelContainer, children: [
@@ -9706,16 +9706,16 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
               /* @__PURE__ */ T(
                 "select",
                 {
-                  ...y,
-                  value: y.value ?? "",
+                  ...b,
+                  value: b.value ?? "",
                   onChange: (R) => {
-                    const O = R.target.value, q = b.every((z) => typeof z.value == "number") ? Number(O) : O;
-                    y.onChange(q);
+                    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: p(d || "selectOption") }),
-                    b.map((R, O) => /* @__PURE__ */ u(
+                    y.map((R, O) => /* @__PURE__ */ u(
                       "option",
                       {
                         value: R.value,
@@ -9759,19 +9759,19 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
         "select",
         {
           value: k ?? "",
-          onChange: (y) => {
-            const C = y.target.value, x = b.every((A) => typeof A.value == "number") ? Number(C) : C;
+          onChange: (b) => {
+            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: p(d || "selectOption") }),
-            b.map((y, C) => /* @__PURE__ */ u(
+            y.map((b, C) => /* @__PURE__ */ u(
               "option",
               {
-                value: y.value,
+                value: b.value,
                 className: Ve.option,
-                children: p(y.label)
+                children: p(b.label)
               },
               C
             ))
@@ -9781,10 +9781,10 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
       /* @__PURE__ */ u("img", { src: Ci, alt: "Open", className: Ve.dropdownArrow })
     ] }),
     (() => {
-      const y = b.find(
+      const b = y.find(
         (C) => C.value === k
       );
-      return y && y.description ? /* @__PURE__ */ u("div", { className: Ve.optionDescription, children: p(y.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,9 +9803,9 @@ 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: b } = t, { errorColor: p } = vn((_) => _), v = ({ options: _, onChange: w, actualValue: k }) => {
+  } = 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((y) => y !== _);
+      let $ = k.filter((b) => b !== _);
       w($);
     }
   }, f = ({ options: _, onChange: w, actualValue: k }) => {
@@ -9821,7 +9821,7 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
       },
       render: ({
         formState: { errors: _ },
-        field: { onChange: w, onBlur: k, value: $, ref: y },
+        field: { onChange: w, onBlur: k, value: $, ref: b },
         fieldState: C
       }) => {
         var x;
@@ -9911,7 +9911,7 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
     required: d,
     errorColor: h = "red",
     labelWidth: g = "300px",
-    sliderWidth: b = "300px",
+    sliderWidth: y = "300px",
     minText: p,
     maxText: v,
     disabled: f = !1,
@@ -9920,7 +9920,7 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
       (O, q) => s + q
     ),
     showMarksNumber: w = !0
-  } = e, { t: k } = le(), { control: $, trigger: y, clearErrors: C } = t || {};
+  } = e, { t: k } = le(), { control: $, trigger: b, clearErrors: C } = t || {};
   Te(d);
   const { errorColorForm: x } = vn((O) => O), [A, R] = de(l);
   return t ? /* @__PURE__ */ u(
@@ -9939,7 +9939,7 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
           {
             className: Ee.rankingSliderContainer,
             style: {
-              gridTemplateColumns: `${o && g} ${b}`
+              gridTemplateColumns: `${o && g} ${y}`
             },
             children: [
               o && /* @__PURE__ */ u(
@@ -10002,7 +10002,7 @@ const Xu = "_textInputContainer_1o3iy_2", Qu = "_labelContainer_1o3iy_5", Ju = "
     "div",
     {
       className: Ee.rankingSliderContainer,
-      style: { gridTemplateColumns: `${o && g} ${b}` },
+      style: { gridTemplateColumns: `${o && g} ${y}` },
       children: [
         o && /* @__PURE__ */ u(
           "p",
@@ -10210,18 +10210,18 @@ 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, b = n == h, p = s.includes(h);
+        const { id: h, label: g } = c, y = n == h, p = s.includes(h);
         return /* @__PURE__ */ u(
           "button",
           {
-            className: `${sn.sectionItem} ${b ? sn.sectionItemActive : ""} ${p ? sn.sectionItemError : ""}`,
+            className: `${sn.sectionItem} ${y ? sn.sectionItemActive : ""} ${p ? sn.sectionItemError : ""}`,
             type: "button",
-            style: { backgroundColor: b ? r : "inherit" },
+            style: { backgroundColor: y ? r : "inherit" },
             onClick: () => l(h),
             children: /* @__PURE__ */ u(
               "span",
               {
-                style: { color: b ? "white" : "inherit" },
+                style: { color: y ? "white" : "inherit" },
                 className: sn.sectionLabel,
                 children: a(g)
               }
@@ -10245,7 +10245,7 @@ const Od = "_textDescriptionContainer_163pc_2", Ad = "_textDescriptionText_163pc
   defaultCategory: d = null,
   categoryLabel: h = "Select Category",
   activeCategory: g = null,
-  activeCategoryColor: b = "#b32f5d",
+  activeCategoryColor: y = "#b32f5d",
   categoriesWithErrors: p = [],
   onSubmit: v = (f) => console.log("Form submitted with: ", f)
 }) => {
@@ -10263,15 +10263,15 @@ const Od = "_textDescriptionContainer_163pc_2", Ad = "_textDescriptionText_163pc
   }) : [], [t]), $ = (O) => {
     const q = t == null ? void 0 : t.find((z) => z.categoryId === O);
     return (q == null ? void 0 : q.subcategories) || [];
-  }, [y, C] = de(
+  }, [b, C] = de(
     g || d || null
   ), [x, A] = de(null);
   te(() => {
-    !y && k.length > 0 && C(k[0].id);
-  }, [k, y]), te(() => {
-    const O = $(y);
+    !b && k.length > 0 && C(k[0].id);
+  }, [k, b]), te(() => {
+    const O = $(b);
     !x && (O == null ? void 0 : O.length) > 0 && A(O[0].id);
-  }, [y, x, t]);
+  }, [b, x, t]);
   const R = (O, q) => {
     var z;
     if (((z = O.subcategories) == null ? void 0 : z.length) > 0) {
@@ -10288,7 +10288,7 @@ const Od = "_textDescriptionContainer_163pc_2", Ad = "_textDescriptionText_163pc
                 categories: m,
                 categoriesWithErrors: p,
                 onChange: (E) => A(E),
-                activeColor: b
+                activeColor: y
               }
             )
           },
@@ -10368,17 +10368,17 @@ const Od = "_textDescriptionContainer_163pc_2", Ad = "_textDescriptionText_163pc
     c && k.length > 0 && /* @__PURE__ */ u("div", { className: nn.categorySelectorContainer, children: /* @__PURE__ */ u(
       xi,
       {
-        activeCategory: y,
+        activeCategory: b,
         categories: k,
         categoriesWithErrors: p,
         onChange: (O) => {
           C(O), A(null);
         },
-        activeColor: b
+        activeColor: y
       }
     ) }),
     /* @__PURE__ */ u("div", { className: nn.formObjectContainer, children: t == null ? void 0 : t.map((O, q) => {
-      const z = O.categoryId === y;
+      const z = O.categoryId === b;
       return O.category ? /* @__PURE__ */ u(
         "div",
         {
@@ -10565,7 +10565,7 @@ 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: b } = t || {}, [p, v] = de(l), f = (w) => {
+  } = e, { t: g } = le(), { control: y } = t || {}, [p, v] = de(l), f = (w) => {
     v(w), n && n(w);
   }, _ = (w, k) => /* @__PURE__ */ T("div", { className: Wt.switchContainer, style: { width: `${h}px` }, children: [
     s && /* @__PURE__ */ u(
@@ -10602,7 +10602,7 @@ const lf = "_switchContainer_194wl_2", cf = "_labelRight_194wl_9", uf = "_labelL
     yn,
     {
       name: o,
-      control: b,
+      control: y,
       defaultValue: l,
       render: ({ field: w }) => _(w.value, w.onChange)
     }
@@ -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, b = o ? -13 : 0, p = "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",
@@ -10690,7 +10690,7 @@ const vf = "_container_1pl8d_3", Cf = "_burger_1pl8d_10", _f = "_menu_1pl8d_21",
             "g",
             {
               style: {
-                transform: `translate(${b}px, ${g}px)`,
+                transform: `translate(${y}px, ${g}px)`,
                 transition: `transform ${p} cubic-bezier(0.42, 0, 0.58, 1)`
               },
               children: /* @__PURE__ */ u("circle", { cx: "33", cy: "31.51666", r: c, fill: r })
@@ -10783,8 +10783,8 @@ const $f = "_svgContainer_1rxoe_2", Nf = "_svg_1rxoe_2", wi = {
   showYAxisLabels: c = !0,
   showGrid: d = !0,
   xAxisTickRotation: h = -90,
-  yAxisTickFormat: g = (y) => y.toLocaleString("es-ES"),
-  barPadding: b = 0.1,
+  yAxisTickFormat: g = (b) => b.toLocaleString("es-ES"),
+  barPadding: y = 0.1,
   groupPadding: p = 0.05,
   animationDuration: v = 750,
   onBarHover: f,
@@ -10793,7 +10793,7 @@ const $f = "_svgContainer_1rxoe_2", Nf = "_svg_1rxoe_2", wi = {
   xAxisLabel: k,
   yAxisLabel: $
 }) => {
-  const y = Te(), C = Te(), [x, A] = de({ width: 0, height: 0 });
+  const b = Te(), C = Te(), [x, A] = de({ width: 0, height: 0 });
   return te(() => {
     const R = () => {
       if (C.current) {
@@ -10807,9 +10807,9 @@ const $f = "_svgContainer_1rxoe_2", Nf = "_svg_1rxoe_2", wi = {
     return R(), window.addEventListener("resize", R), () => window.removeEventListener("resize", R);
   }, [r, o]), te(() => {
     if (!e || e.length === 0 || x.width === 0) return;
-    const R = ht(y.current), O = x.width, q = x.height, z = O - s.left - s.right, m = q - s.top - s.bottom;
+    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(b), 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 || {}));
+    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(
@@ -10834,7 +10834,7 @@ const $f = "_svgContainer_1rxoe_2", Nf = "_svg_1rxoe_2", wi = {
     n,
     x,
     s,
-    b,
+    y,
     p,
     l,
     c,
@@ -10856,7 +10856,7 @@ const $f = "_svgContainer_1rxoe_2", Nf = "_svg_1rxoe_2", wi = {
       children: /* @__PURE__ */ u(
         "svg",
         {
-          ref: y,
+          ref: b,
           className: wi.svg,
           width: x.width,
           height: x.height
@@ -10912,7 +10912,7 @@ const Of = "_svgContainer_7fkic_2", Af = "_svg_7fkic_2", Si = {
   showYAxisLabels: d = !0,
   showGrid: h = !0,
   xAxisTickRotation: g = -90,
-  yAxisTickFormat: b = (O) => O.toLocaleString("es-ES"),
+  yAxisTickFormat: y = (O) => O.toLocaleString("es-ES"),
   barPadding: p = 0.4,
   animationDuration: v = 750,
   onBarHover: f,
@@ -10920,7 +10920,7 @@ const Of = "_svgContainer_7fkic_2", Af = "_svg_7fkic_2", Si = {
   title: w,
   xAxisLabel: k,
   yAxisLabel: $,
-  stackOrder: y = "reverse",
+  stackOrder: b = "reverse",
   // "reverse", "ascending", "descending", "insideOut", "none"
   showTooltip: C = !0,
   reverseKeys: x = !0,
@@ -11044,7 +11044,7 @@ const Of = "_svgContainer_7fkic_2", Af = "_svg_7fkic_2", Si = {
     }), k && ue.append("text").attr(
       "transform",
       `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(b)).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($));
+    ).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}`);
@@ -11058,7 +11058,7 @@ const Of = "_svgContainer_7fkic_2", Af = "_svg_7fkic_2", Si = {
       C && se && se.style("visibility", "visible").html(`
                 <strong>${E(re.key)}</strong><br/>
                 ${re.xKey}<br/>
-                ${b(we)}
+                ${y(we)}
               `), ht(this).style("opacity", 0.8), f && f(j, {
         key: re.key,
         value: we,
@@ -11094,14 +11094,14 @@ const Of = "_svgContainer_7fkic_2", Af = "_svg_7fkic_2", Si = {
     d,
     h,
     g,
-    b,
+    y,
     v,
     f,
     _,
     w,
     k,
     $,
-    y,
+    b,
     C,
     x,
     R
@@ -11203,7 +11203,7 @@ const Mf = "_externalContainer_1er0i_2", Rf = "_externalSintetic_1er0i_9", Df =
   getTotal: d = Hf,
   columnWidth: h = 50
 }) => {
-  const g = c || ((p) => p), b = (p) => p === "demanda_red" || p === "reduccio_demanda_red" ? (l.demanda || "").replace("(", "").replace(")", "") : l[p] || "";
+  const g = c || ((p) => p), y = (p) => p === "demanda_red" || p === "reduccio_demanda_red" ? (l.demanda || "").replace("(", "").replace(")", "") : l[p] || "";
   return /* @__PURE__ */ T(
     "div",
     {
@@ -11232,7 +11232,7 @@ const Mf = "_externalContainer_1er0i_2", Rf = "_externalSintetic_1er0i_9", Df =
               children: [
                 (f = d(p, e)) == null ? void 0 : f.toLocaleString("es-ES"),
                 " ",
-                b(p)
+                y(p)
               ]
             },
             v
@@ -11466,7 +11466,7 @@ const Ls = ({
   containerStyles: d = {},
   alignLeft: h = !1
 }) => {
-  const [g, b] = 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;
+  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",
     {
@@ -11569,8 +11569,8 @@ const Ls = ({
                   viewBox: `0 0 ${r} ${r}`,
                   style: { overflow: "visible" },
                   children: [
-                    k.map((y, C) => {
-                      const x = g === C, { tx: A, ty: R } = x ? ki(p, v, y.sa, y.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",
                         {
@@ -11579,13 +11579,13 @@ const Ls = ({
                             cursor: "pointer",
                             transition: "transform 0.18s ease"
                           },
-                          onMouseEnter: () => b(C),
-                          onMouseLeave: () => b(null),
+                          onMouseEnter: () => y(C),
+                          onMouseLeave: () => y(null),
                           children: /* @__PURE__ */ u(
                             "path",
                             {
-                              d: Xf(p, v, _, f, y.sa, y.ea),
-                              fill: y.color || Mr,
+                              d: Xf(p, v, _, f, b.sa, b.ea),
+                              fill: b.color || Mr,
                               style: {
                                 filter: x ? "brightness(1.25)" : "brightness(1)",
                                 transition: "filter 0.18s ease"
@@ -11596,8 +11596,8 @@ const Ls = ({
                         C
                       );
                     }),
-                    k.map((y, C) => {
-                      const x = ct(p, v, f, y.sa), A = e === "cheese" ? p : ct(p, v, _, y.sa).x, R = e === "cheese" ? v : ct(p, v, _, y.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",
                         {
@@ -11613,9 +11613,9 @@ const Ls = ({
                         `gap-${C}`
                       );
                     }),
-                    k.map((y, C) => {
-                      if (y.ea - y.sa < 20) return null;
-                      const x = g === C, { tx: A, ty: R } = x ? ki(p, v, y.sa, y.ea, 10) : { tx: 0, ty: 0 }, O = y.sa + (y.ea - y.sa) / 2, q = ct(p, v, w, O);
+                    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",
                         {
@@ -11630,7 +11630,7 @@ const Ls = ({
                           pointerEvents: "none",
                           style: { transition: "transform 0.18s ease" },
                           children: [
-                            y.value,
+                            b.value,
                             "%"
                           ]
                         },
@@ -11649,7 +11649,7 @@ const Ls = ({
                     gap: "12px 24px",
                     justifyContent: h ? "flex-start" : "center"
                   },
-                  children: t.map((y, C) => /* @__PURE__ */ T(
+                  children: t.map((b, C) => /* @__PURE__ */ T(
                     "div",
                     {
                       style: {
@@ -11660,8 +11660,8 @@ const Ls = ({
                         opacity: g === null || g === C ? 1 : 0.4,
                         transition: "opacity 0.15s"
                       },
-                      onMouseEnter: () => b(C),
-                      onMouseLeave: () => b(null),
+                      onMouseEnter: () => y(C),
+                      onMouseLeave: () => y(null),
                       children: [
                         /* @__PURE__ */ u(
                           "span",
@@ -11670,7 +11670,7 @@ const Ls = ({
                               width: "32px",
                               height: "14px",
                               borderRadius: "3px",
-                              background: y.color || Mr,
+                              background: b.color || Mr,
                               flexShrink: 0
                             }
                           }
@@ -11683,7 +11683,7 @@ const Ls = ({
                               fontSize: "13px",
                               fontWeight: "400"
                             },
-                            children: y.title
+                            children: b.title
                           }
                         )
                       ]
@@ -11744,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",
     {
@@ -11780,8 +11781,8 @@ const Ti = [
             children: t
           }
         ),
-        /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column", gap: "18px" }, children: e.map((g, b) => {
-          const p = g.color || Ti[b % 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",
             {
@@ -11796,7 +11797,7 @@ const Ti = [
                       fontWeight: "400",
                       opacity: 0.9
                     },
-                    children: g.title
+                    children: y.title
                   }
                 ),
                 /* @__PURE__ */ T(
@@ -11818,8 +11819,8 @@ const Ti = [
                             left: 0,
                             top: 0,
                             height: "100%",
-                            width: `${v}%`,
-                            background: p,
+                            width: `${f}%`,
+                            background: v,
                             borderRadius: a ?? "6px",
                             transition: s ? "width 0.8s cubic-bezier(0.16, 1, 0.3, 1)" : "none"
                           }
@@ -11833,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
                         }
                       )
                     ]
@@ -11847,7 +11848,7 @@ const Ti = [
                 )
               ]
             },
-            b
+            p
           );
         }) })
       ]
@@ -11865,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]),