@tmf_ciclica/ciclicastorybook 1.2.67 → 1.2.69

package/dist/index.es.js

@@ -3,7 +3,7 @@ import { jsxs as m, jsx as i, Fragment as Xe } from "react/jsx-runtime";
 import * as Me from "react";
 import I, { useState as O, useEffect as A, useMemo as Be, useRef as te, useLayoutEffect as b2 } from "react";
 import e from "prop-types";
-import { useTranslation as V, Trans as yt } from "react-i18next";
+import { useTranslation as F, Trans as yt } from "react-i18next";
 import { motion as bt } from "framer-motion";
 import { create as jt } from "zustand";
 import * as tt from "d3";
@@ -13,13 +13,13 @@ import { useSelector as v2 } from "react-redux";
 import x2, { Source as w2, Layer as N2, NavigationControl as k2, Popup as $2 } from "react-map-gl/mapbox";
 import nt from "maplibre-gl";
 import { Protocol as S2 } from "pmtiles";
-import L2, { Source as M2, Layer as B2, NavigationControl as T2, Popup as F2 } from "react-map-gl/maplibre";
-import { createSlice as D2 } from "@reduxjs/toolkit";
-import V2 from "@mui/material/Slider";
+import L2, { Source as M2, Layer as B2, NavigationControl as T2, Popup as D2 } from "react-map-gl/maplibre";
+import { createSlice as V2 } from "@reduxjs/toolkit";
+import F2 from "@mui/material/Slider";
 import { createTheme as A2, Box as O2 } from "@mui/material";
 import { ThemeProvider as R2 } from "@emotion/react";
 import { NavLink as Ut } from "react-router-dom";
-const I2 = "_ambitSelector_mcunf_2", E2 = "_header_mcunf_13", q2 = "_nameDateContainer_mcunf_23", P2 = "_ambitName_mcunf_39", z2 = "_ambitDate_mcunf_53", Z2 = "_buttonsContainer_mcunf_67", j2 = "_ambitListContainer_mcunf_76", H2 = "_newAmbitButtonContainer_mcunf_80", me = {
+const I2 = "_ambitSelector_mcunf_2", E2 = "_header_mcunf_13", q2 = "_nameDateContainer_mcunf_23", P2 = "_ambitName_mcunf_39", z2 = "_ambitDate_mcunf_53", Z2 = "_buttonsContainer_mcunf_67", j2 = "_ambitListContainer_mcunf_76", H2 = "_newAmbitButtonContainer_mcunf_80", he = {
   ambitSelector: I2,
   header: E2,
   nameDateContainer: q2,
@@ -135,7 +135,7 @@ const kt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   onClickFilters: y = (g) => console.log(`Filters clicked: ${g}`),
   onClickAmbit: p = (g) => console.log(`OnCLickAmbit: ${g}`)
 }) => {
-  const { t: g } = V(), [_, v] = O(n);
+  const { t: g } = F(), [_, v] = O(n);
   A(() => {
     n && v(n);
   }, [n]);
@@ -148,30 +148,30 @@ const kt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   return /* @__PURE__ */ m(
     "div",
     {
-      className: me.ambitSelector,
+      className: he.ambitSelector,
       style: { color: s, ...l },
       children: [
         /* @__PURE__ */ m(
           "div",
           {
-            className: me.header,
+            className: he.header,
             style: { borderBottom: `1px solid ${s}` },
             children: [
-              /* @__PURE__ */ m("div", { className: me.nameDateContainer, children: [
-                /* @__PURE__ */ i("div", { className: me.ambitName, children: /* @__PURE__ */ m("button", { onClick: () => b("name"), children: [
+              /* @__PURE__ */ m("div", { className: he.nameDateContainer, children: [
+                /* @__PURE__ */ i("div", { className: he.ambitName, children: /* @__PURE__ */ m("button", { onClick: () => b("name"), children: [
                   /* @__PURE__ */ i("span", { children: g(t) }),
                   /* @__PURE__ */ i("img", { src: kt })
                 ] }) }),
-                /* @__PURE__ */ i("div", { className: me.ambitDate, children: /* @__PURE__ */ m("button", { onClick: () => b("date"), children: [
+                /* @__PURE__ */ i("div", { className: he.ambitDate, children: /* @__PURE__ */ m("button", { onClick: () => b("date"), children: [
                   /* @__PURE__ */ i("span", { children: g(o) }),
                   /* @__PURE__ */ i("img", { src: kt })
                 ] }) })
               ] }),
-              /* @__PURE__ */ i("div", { className: me.buttonsContainer })
+              /* @__PURE__ */ i("div", { className: he.buttonsContainer })
             ]
           }
         ),
-        /* @__PURE__ */ i("div", { className: me.ambitListContainer, children: _ && _.length > 0 && _.map((w) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: he.ambitListContainer, children: _ && _.length > 0 && _.map((w) => /* @__PURE__ */ i(
           Gt,
           {
             isActive: c == w.id,
@@ -185,7 +185,7 @@ const kt = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
           },
           `ambitKey${w.id}`
         )) }),
-        /* @__PURE__ */ i("div", { className: me.newAmbitButtonContainer, children: /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: he.newAmbitButtonContainer, children: /* @__PURE__ */ i(
           Qe,
           {
             style: { ...a },
@@ -232,11 +232,11 @@ const o0 = "_buttonsContainer_1ks7x_2", a0 = "_vertical_1ks7x_6", l0 = "_horizon
   top: h0,
   bottom: m0,
   right: g0
-}, he = ({ text: n, position: c, styleCustom: s = null }) => {
-  const { t: r } = V();
+}, pe = ({ text: n, position: c, styleCustom: s = null }) => {
+  const { t: r } = F();
   return /* @__PURE__ */ i("div", { className: `tooltip ${C0[c]}`, style: s, children: r(n) });
 };
-he.propTypes = {
+pe.propTypes = {
   text: e.string.isRequired,
   position: e.oneOf(["top", "bottom", "left", "right"]).isRequired,
   styleCustom: e.object
@@ -249,7 +249,7 @@ const f0 = ({
   useTooltip: t = !1,
   tooltipPosition: o = "top"
 }) => {
-  const { t: d } = V();
+  const { t: d } = F();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -279,7 +279,7 @@ const f0 = ({
               children: _
             }
           ),
-          t && /* @__PURE__ */ i(he, { text: y, position: o })
+          t && /* @__PURE__ */ i(pe, { text: y, position: o })
         ] }, l);
       })
     }
@@ -322,7 +322,7 @@ const y0 = "_indicatorsCategory_11gdl_2", b0 = "_title_11gdl_6", _0 = "_mainTitl
   titleMarginChildren: u = 15,
   mainTitle: C = !1
 }) => {
-  const { t: h } = V();
+  const { t: h } = F();
   return /* @__PURE__ */ m(
     bt.div,
     {
@@ -379,7 +379,7 @@ const Or = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), v0 = "data
   inputsColor: "#605B56",
   activeFiltersType: null
 })), Xt = ({ title: n, onClick: c, isOpen: s = !0, textColor: r = "#ffffff", backgroundColor: t = "#605B5680", activeColor: o, fontColor: d = "#605B56" }) => {
-  const { t: a } = V(), { tematicalFiltersSelected: l, activeFiltersType: u } = q((y) => y), C = (y) => {
+  const { t: a } = F(), { tematicalFiltersSelected: l, activeFiltersType: u } = q((y) => y), C = (y) => {
     q.setState((p) => ({
       tematicalFiltersSelected: p.tematicalFiltersSelected.filter(
         (g) => g.code !== y
@@ -430,7 +430,7 @@ const N0 = "_layersList_cn837_25", k0 = "_layerName_cn837_34", St = {
   geoLayers: o = [],
   onGeoLayersChange: d
 }) => {
-  const { t: a } = V(), { activeFiltersType: l } = q((h) => h), u = () => {
+  const { t: a } = F(), { activeFiltersType: l } = q((h) => h), u = () => {
     l === "geographical" ? q.setState({ activeFiltersType: null }) : q.setState({ activeFiltersType: "geographical" });
   }, C = (h) => {
     const y = o.map((p) => ({
@@ -481,7 +481,7 @@ const $0 = "_checkboxContainer_1nxra_2", S0 = {
   indicator: r,
   value: t
 }) => {
-  const { t: o } = V(), { title: d } = r || {}, { fontColor: a, inputsColor: l } = q((u) => u);
+  const { t: o } = F(), { title: d } = r || {}, { fontColor: a, inputsColor: l } = q((u) => u);
   return /* @__PURE__ */ m(
     "div",
     {
@@ -817,13 +817,13 @@ let mt = function(n) {
 }(I.Component);
 mt.displayName = "ReactSlider", mt.defaultProps = { min: 0, max: 100, step: 1, pageFn: (n) => 10 * n, minDistance: 0, defaultValue: 0, orientation: "horizontal", className: "slider", thumbClassName: "thumb", thumbActiveClassName: "active", trackClassName: "track", markClassName: "mark", withTracks: !0, pearling: !1, disabled: !1, snapDragDisabled: !1, invert: !1, marks: [], renderThumb: (n) => I.createElement("div", n), renderTrack: (n) => I.createElement("div", n), renderMark: (n) => I.createElement("span", n) };
 var gt = mt;
-const M0 = "_container_4u41i_2", B0 = "_unitLabel_4u41i_8", T0 = "_slider_4u41i_11", F0 = "_thumb_4u41i_17", D0 = "_track_4u41i_26", V0 = "_labels_4u41i_32", ke = {
+const M0 = "_container_4u41i_2", B0 = "_unitLabel_4u41i_8", T0 = "_slider_4u41i_11", D0 = "_thumb_4u41i_17", V0 = "_track_4u41i_26", F0 = "_labels_4u41i_32", ke = {
   container: M0,
   unitLabel: B0,
   slider: T0,
-  thumb: F0,
-  track: D0,
-  labels: V0
+  thumb: D0,
+  track: V0,
+  labels: F0
 }, Yt = ({
   min: n = 0,
   max: c = 100,
@@ -835,7 +835,7 @@ const M0 = "_container_4u41i_2", B0 = "_unitLabel_4u41i_8", T0 = "_slider_4u41i_
   defaultValue: a,
   isDate: l
 }) => {
-  const { t: u } = V(), C = l ? new Date(n).getTime() : null, h = l ? new Date(c).getTime() : null, [y, p] = O(l ? [C, h] : [n, c]), g = (_) => {
+  const { t: u } = F(), C = l ? new Date(n).getTime() : null, h = l ? new Date(c).getTime() : null, [y, p] = O(l ? [C, h] : [n, c]), g = (_) => {
     p(_), r == null || r({ min: _[0], max: _[1] });
   };
   return A(() => {
@@ -924,17 +924,17 @@ const A0 = "_tematicalFiltersInputContainer_1vm1r_2", O0 = "_inputTypeContainer_
     inputsColor: w
   } = q((x) => x), $ = (x) => {
     if (x) {
-      const { min: N, max: S, valueClicked: k, allValues: L } = x || {}, { code: F, type: T, source: B } = n || {}, P = g ? "abs" : p ? "cat" : "both";
-      let R = F[0];
-      T == "both" && (R = P == "cat" ? F[1] : F[0]), P == "cat" ? q.setState((X) => {
-        let W = X.tematicalFiltersSelected.find(
+      const { min: N, max: S, valueClicked: k, allValues: L } = x || {}, { code: D, type: T, source: B } = n || {}, P = g ? "abs" : p ? "cat" : "both";
+      let R = D[0];
+      T == "both" && (R = P == "cat" ? D[1] : D[0]), P == "cat" ? q.setState((X) => {
+        let K = X.tematicalFiltersSelected.find(
           (z) => z.code === R
         );
-        if (W) {
-          let z = [W.values];
-          return W.values.includes(k) ? z = W.values.filter(
+        if (K) {
+          let z = [K.values];
+          return K.values.includes(k) ? z = K.values.filter(
             (E) => E !== k
-          ) : z = [...W.values, k], z.length == L.length ? {
+          ) : z = [...K.values, k], z.length == L.length ? {
             tematicalFiltersSelected: X.tematicalFiltersSelected.filter(
               (E) => E.code !== R
             )
@@ -960,7 +960,7 @@ const A0 = "_tematicalFiltersInputContainer_1vm1r_2", O0 = "_inputTypeContainer_
           };
         }
       }) : P == "abs" && q.setState((X) => {
-        let W = X.tematicalFiltersSelected.find(
+        let K = X.tematicalFiltersSelected.find(
           (z) => z.code === R
         );
         if (N == n.minValue && S == n.maxValue)
@@ -969,8 +969,8 @@ const A0 = "_tematicalFiltersInputContainer_1vm1r_2", O0 = "_inputTypeContainer_
               (z) => z.code !== R
             )
           };
-        if (W) {
-          let z = { ...W, min: N, max: S, type: P, isDate: y };
+        if (K) {
+          let z = { ...K, min: N, max: S, type: P, isDate: y };
           return {
             tematicalFiltersSelected: X.tematicalFiltersSelected.map(
               (E) => E.code === R ? z : E
@@ -1217,7 +1217,7 @@ const n2 = ({
   inputsColor: t = "#605B56",
   activeColor: o
 }) => {
-  const { tematicalFiltersSelected: d, activeFiltersType: a } = q((C) => C), { t: l } = V();
+  const { tematicalFiltersSelected: d, activeFiltersType: a } = q((C) => C), { t: l } = F();
   A(() => {
   }, [d]), A(() => {
     r && q.setState(() => ({ fontColor: r }));
@@ -1257,7 +1257,7 @@ n2.propTypes = {
   inputsColor: e.string,
   activeColor: e.string
 };
-const E0 = "_FiltersAmbitContainer_1hv16_2", q0 = "_FiltersContainer_1hv16_15", P0 = "_FiltersAmbitHeader_1hv16_18", z0 = "_FiltersAmbitTitle_1hv16_26", Z0 = "_FiltersAmbitDescription_1hv16_35", j0 = "_FiltersAmbitDescriptionTitle_1hv16_46", H0 = "_warning_1hv16_50", K0 = "_buttonContainer_1hv16_53", ge = {
+const E0 = "_FiltersAmbitContainer_1hv16_2", q0 = "_FiltersContainer_1hv16_15", P0 = "_FiltersAmbitHeader_1hv16_18", z0 = "_FiltersAmbitTitle_1hv16_26", Z0 = "_FiltersAmbitDescription_1hv16_35", j0 = "_FiltersAmbitDescriptionTitle_1hv16_46", H0 = "_warning_1hv16_50", K0 = "_buttonContainer_1hv16_53", me = {
   FiltersAmbitContainer: E0,
   FiltersContainer: q0,
   FiltersAmbitHeader: P0,
@@ -1287,7 +1287,7 @@ const E0 = "_FiltersAmbitContainer_1hv16_2", q0 = "_FiltersContainer_1hv16_15",
   descriptionRequired: v = !1
   //campo descripción required
 }) => {
-  const { t: b } = V(), { tematicalFiltersSelected: w, activeFiltersType: $ } = q(
+  const { t: b } = F(), { tematicalFiltersSelected: w, activeFiltersType: $ } = q(
     (T) => T
   ), [f, x] = O(n || null), [N, S] = O(c || null), [k, L] = O(!1);
   A(() => {
@@ -1297,7 +1297,7 @@ const E0 = "_FiltersAmbitContainer_1hv16_2", q0 = "_FiltersContainer_1hv16_15",
   }, [s]), te(!1), A(() => {
     a(w);
   }, [w]);
-  const F = () => {
+  const D = () => {
     v ? f && N ? l({ name: f, description: N }) : L(!0) : f ? l({ name: f, description: N }) : L(!0);
   };
   return A(() => {
@@ -1308,10 +1308,10 @@ const E0 = "_FiltersAmbitContainer_1hv16_2", q0 = "_FiltersContainer_1hv16_15",
       }));
       g == null || g(T);
     }
-  }, [$]), /* @__PURE__ */ m("div", { className: ge.FiltersAmbitContainer, children: [
-    /* @__PURE__ */ m("div", { className: ge.FiltersContainer, children: [
-      !_ && /* @__PURE__ */ m("div", { className: ge.FiltersAmbitHeader, children: [
-        /* @__PURE__ */ i("div", { className: ge.FiltersAmbitTitle, children: /* @__PURE__ */ i(
+  }, [$]), /* @__PURE__ */ m("div", { className: me.FiltersAmbitContainer, children: [
+    /* @__PURE__ */ m("div", { className: me.FiltersContainer, children: [
+      !_ && /* @__PURE__ */ m("div", { className: me.FiltersAmbitHeader, children: [
+        /* @__PURE__ */ i("div", { className: me.FiltersAmbitTitle, children: /* @__PURE__ */ i(
           "input",
           {
             type: "text",
@@ -1322,7 +1322,7 @@ const E0 = "_FiltersAmbitContainer_1hv16_2", q0 = "_FiltersContainer_1hv16_15",
             placeholder: b(u)
           }
         ) }),
-        /* @__PURE__ */ i("div", { className: ge.FiltersAmbitDescription, children: /* @__PURE__ */ i("div", { className: ge.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: me.FiltersAmbitDescription, children: /* @__PURE__ */ i("div", { className: me.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ i(
           "textarea",
           {
             value: N,
@@ -1363,9 +1363,9 @@ const E0 = "_FiltersAmbitContainer_1hv16_2", q0 = "_FiltersContainer_1hv16_15",
         }
       )
     ] }),
-    !_ && /* @__PURE__ */ m("div", { className: ge.buttonContainer, children: [
-      k && /* @__PURE__ */ i("div", { className: ge.warning, children: b(y) }),
-      /* @__PURE__ */ i(Qe, { onClick: () => F(), children: b("save_ambit") })
+    !_ && /* @__PURE__ */ m("div", { className: me.buttonContainer, children: [
+      k && /* @__PURE__ */ i("div", { className: me.warning, children: b(y) }),
+      /* @__PURE__ */ i(Qe, { onClick: () => D(), children: b("save_ambit") })
     ] })
   ] });
 };
@@ -1436,12 +1436,12 @@ const U0 = "_barChartContainer_1each_2", Lt = {
       } else {
         const S = n.length * (c + s);
         console.log("barsHeight: ", S);
-        const k = S + u * 2 + C + 30, L = h + t + l * 2, F = tt.scaleLinear().domain([0, N]).range([0, h - l * 2]), T = Array.from(
+        const k = S + u * 2 + C + 30, L = h + t + l * 2, D = tt.scaleLinear().domain([0, N]).range([0, h - l * 2]), T = Array.from(
           { length: o + 1 },
           (B, P) => N / o * P
         );
         return {
-          xScale: F,
+          xScale: D,
           ticks: T,
           height: k,
           chartWidth: h,
@@ -1669,7 +1669,7 @@ const G0 = "_graphicContainer_c9zrg_2", X0 = "_titleContainer_c9zrg_14", Mt = {
   orientation: u = "horizontal",
   xLabelPadding: C = 0
 }) => {
-  const { t: h } = V();
+  const { t: h } = F();
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1720,7 +1720,7 @@ const J0 = "_indicatorsCategory_arwy3_2", Y0 = "_title_arwy3_5", en = "_list_arw
   indicatorsCategory: J0,
   title: Y0,
   list: en
-}, tn = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32549%200H4.65882V3.40392H8V4.61176H4.65882V8H3.32549V4.61176H0V3.40392H3.32549V0Z'%20fill='%23605B56'/%3e%3c/svg%3e", nn = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32549%200H4.65882V3.40392H8V4.61176H4.65882V8H3.32549V4.61176H0V3.40392H3.32549V0Z'%20fill='%23ffffff'/%3e%3c/svg%3e", sn = "_indicatorContainer_17b40_2", rn = "_indicatorNameContainer_17b40_11", on = "_dot_17b40_17", an = "_indicatorName_17b40_11", ln = "_switchExternalContainer_17b40_31", cn = "_switchType_17b40_39", dn = "_switchTypeOptions_17b40_43", un = "_optionContainer_17b40_54", pn = "_customRadious_17b40_64", hn = "_optionText_17b40_71", G = {
+}, tn = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32549%200H4.65882V3.40392H8V4.61176H4.65882V8H3.32549V4.61176H0V3.40392H3.32549V0Z'%20fill='%23605B56'/%3e%3c/svg%3e", nn = "data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.32549%200H4.65882V3.40392H8V4.61176H4.65882V8H3.32549V4.61176H0V3.40392H3.32549V0Z'%20fill='%23ffffff'/%3e%3c/svg%3e", sn = "_indicatorContainer_17b40_2", rn = "_indicatorNameContainer_17b40_11", on = "_dot_17b40_17", an = "_indicatorName_17b40_11", ln = "_switchExternalContainer_17b40_31", cn = "_switchType_17b40_39", dn = "_switchTypeOptions_17b40_43", un = "_optionContainer_17b40_54", pn = "_customRadious_17b40_64", hn = "_optionText_17b40_71", U = {
   indicatorContainer: sn,
   indicatorNameContainer: rn,
   dot: on,
@@ -1742,7 +1742,7 @@ const J0 = "_indicatorsCategory_arwy3_2", Y0 = "_title_arwy3_5", en = "_list_arw
   multiple: a = !1,
   onChangeType: l
 }) => {
-  const { t: u } = V(), { name: C, type: h, disabled: y } = n, [p, g] = O(!1);
+  const { t: u } = F(), { name: C, type: h, disabled: y } = n, [p, g] = O(!1);
   A(() => {
     t && g(
       a ? t.some(
@@ -1750,17 +1750,17 @@ const J0 = "_indicatorsCategory_arwy3_2", Y0 = "_title_arwy3_5", en = "_list_arw
       ) : t.name == C
     );
   }, [t]);
-  const _ = () => /* @__PURE__ */ i("div", { className: G.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: G.switchType, children: /* @__PURE__ */ m("div", { className: G.switchTypeOptions, children: [
+  const _ = () => /* @__PURE__ */ i("div", { className: U.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: U.switchType, children: /* @__PURE__ */ m("div", { className: U.switchTypeOptions, children: [
     /* @__PURE__ */ m(
       "div",
       {
-        className: G.optionContainer,
+        className: U.optionContainer,
         onClick: () => l("cat"),
         children: [
           /* @__PURE__ */ i(
             "span",
             {
-              className: `${G.customRadious}`,
+              className: `${U.customRadious}`,
               style: {
                 backgroundColor: o === "cat" ? s : "transparent",
                 borderColor: o === "cat" ? s : r
@@ -1770,7 +1770,7 @@ const J0 = "_indicatorsCategory_arwy3_2", Y0 = "_title_arwy3_5", en = "_list_arw
           /* @__PURE__ */ i(
             "h4",
             {
-              className: G.optionText,
+              className: U.optionText,
               style: {
                 color: o === "cat" ? s : r
               },
@@ -1783,13 +1783,13 @@ const J0 = "_indicatorsCategory_arwy3_2", Y0 = "_title_arwy3_5", en = "_list_arw
     /* @__PURE__ */ m(
       "div",
       {
-        className: G.optionContainer,
+        className: U.optionContainer,
         onClick: () => l("abs"),
         children: [
           /* @__PURE__ */ i(
             "span",
             {
-              className: `${G.customRadious}`,
+              className: `${U.customRadious}`,
               style: {
                 backgroundColor: o === "abs" ? s : "transparent",
                 borderColor: o === "abs" ? s : r
@@ -1799,7 +1799,7 @@ const J0 = "_indicatorsCategory_arwy3_2", Y0 = "_title_arwy3_5", en = "_list_arw
           /* @__PURE__ */ i(
             "h4",
             {
-              className: G.optionText,
+              className: U.optionText,
               style: {
                 color: o === "abs" ? s : r
               },
@@ -1809,15 +1809,15 @@ const J0 = "_indicatorsCategory_arwy3_2", Y0 = "_title_arwy3_5", en = "_list_arw
         ]
       }
     )
-  ] }) }) }), v = () => /* @__PURE__ */ i("div", { className: G.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: G.switchType, children: /* @__PURE__ */ i("div", { className: G.switchTypeOptions, children: c.map((b, w) => /* @__PURE__ */ m(
+  ] }) }) }), v = () => /* @__PURE__ */ i("div", { className: U.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: U.switchType, children: /* @__PURE__ */ i("div", { className: U.switchTypeOptions, children: c.map((b, w) => /* @__PURE__ */ m(
     "div",
     {
-      className: G.optionContainer,
+      className: U.optionContainer,
       children: [
         /* @__PURE__ */ i(
           "span",
           {
-            className: G.customRadious
+            className: U.customRadious
           }
         ),
         /* @__PURE__ */ i("h4", { children: u(b.unit) })
@@ -1825,11 +1825,11 @@ const J0 = "_indicatorsCategory_arwy3_2", Y0 = "_title_arwy3_5", en = "_list_arw
     },
     w
   )) }) }) });
-  return /* @__PURE__ */ m("div", { className: G.indicatorContainer, children: [
+  return /* @__PURE__ */ m("div", { className: U.indicatorContainer, children: [
     /* @__PURE__ */ m(
       "div",
       {
-        className: G.indicatorNameContainer,
+        className: U.indicatorNameContainer,
         onClick: () => !y && d({ indicator: n }),
         children: [
           /* @__PURE__ */ i(
@@ -1840,14 +1840,14 @@ const J0 = "_indicatorsCategory_arwy3_2", Y0 = "_title_arwy3_5", en = "_list_arw
                 opacity: y ? 0.5 : 1,
                 backgroundColor: p ? s : "transparent"
               },
-              className: G.dot,
+              className: U.dot,
               children: a && /* @__PURE__ */ i("img", { src: p ? nn : tn, alt: "" })
             }
           ),
           /* @__PURE__ */ i(
             "h4",
             {
-              className: G.indicatorName,
+              className: U.indicatorName,
               style: {
                 color: p ? s : r,
                 opacity: y ? 0.5 : 1
@@ -1898,7 +1898,7 @@ const mn = "_indicatorsSubCategory_1nuug_2", gn = "_list_1nuug_11", Bt = {
   activeIndicatorType: C,
   onChangeType: h
 }) => {
-  const { t: y } = V(), [p, g] = O(!1);
+  const { t: y } = F(), [p, g] = O(!1);
   return A(() => {
     g(t == d);
   }, [t, d]), /* @__PURE__ */ m(
@@ -1965,7 +1965,7 @@ const r2 = ({
   onChangeType: y
 }) => {
   var v;
-  const { t: p } = V(), [g, _] = O(!1);
+  const { t: p } = F(), [g, _] = O(!1);
   return A(() => {
     _(o === c);
   }, [o, c]), /* @__PURE__ */ m(
@@ -2060,7 +2060,7 @@ const Cn = "_indicatorsList_13b3m_2", fn = "_title_13b3m_6", Tt = {
   changeIndType: d,
   activeIndicatorType: a
 }) => {
-  const { t: l } = V(), [u, C] = O(), [h, y] = O(), [p, g] = O(), _ = (f) => {
+  const { t: l } = F(), [u, C] = O(), [h, y] = O(), [p, g] = O(), _ = (f) => {
     C(u == f ? null : f);
   }, v = (f) => {
     y(h == f ? null : f);
@@ -2154,7 +2154,7 @@ const bn = "_langSelector_o9enq_2", _n = "_currentLang_o9enq_14", vn = "_arrow_o
   prevImg: xn,
   langMenu: wn
 }, Nn = ({ langs: n, arrow: c, imgPrev: s }) => {
-  const [r, t] = O(!1), { i18n: o } = V(), d = n.find((l) => l.code == o.language), a = (l) => {
+  const [r, t] = O(!1), { i18n: o } = F(), d = n.find((l) => l.code == o.language), a = (l) => {
     o.changeLanguage(l), t(!1);
   };
   return /* @__PURE__ */ m("div", { className: $e.langSelector, children: [
@@ -2197,7 +2197,7 @@ Nn.propTypes = {
   arrow: e.object,
   imgPrev: e.object
 };
-const kn = "_legendContainer_4ndr8_3", $n = "_closeButton_4ndr8_41", Sn = "_titleContainer_4ndr8_69", Ln = "_infoContainer_4ndr8_75", Mn = "_titleLegendList_4ndr8_86", Bn = "_legendListContainer_4ndr8_92", Tn = "_gridContainer_4ndr8_92", Fn = "_elementLegendContainer_4ndr8_98", Dn = "_colorDot_4ndr8_104", Vn = "_absoluteValueContainer_4ndr8_110", An = "_absoluteValueColor_4ndr8_113", On = "_absoluteValueText_4ndr8_118", Rn = "_noDataContainer_4ndr8_130", In = "_noData_4ndr8_130", En = "_moreInfoContainer_4ndr8_151", K = {
+const kn = "_legendContainer_4ndr8_3", $n = "_closeButton_4ndr8_41", Sn = "_titleContainer_4ndr8_69", Ln = "_infoContainer_4ndr8_75", Mn = "_titleLegendList_4ndr8_86", Bn = "_legendListContainer_4ndr8_92", Tn = "_gridContainer_4ndr8_92", Dn = "_elementLegendContainer_4ndr8_98", Vn = "_colorDot_4ndr8_104", Fn = "_absoluteValueContainer_4ndr8_110", An = "_absoluteValueColor_4ndr8_113", On = "_absoluteValueText_4ndr8_118", Rn = "_noDataContainer_4ndr8_130", In = "_noData_4ndr8_130", En = "_moreInfoContainer_4ndr8_151", H = {
   legendContainer: kn,
   closeButton: $n,
   titleContainer: Sn,
@@ -2205,9 +2205,9 @@ const kn = "_legendContainer_4ndr8_3", $n = "_closeButton_4ndr8_41", Sn = "_titl
   titleLegendList: Mn,
   legendListContainer: Bn,
   gridContainer: Tn,
-  elementLegendContainer: Fn,
-  colorDot: Dn,
-  absoluteValueContainer: Vn,
+  elementLegendContainer: Dn,
+  colorDot: Vn,
+  absoluteValueContainer: Fn,
   absoluteValueColor: An,
   absoluteValueText: On,
   noDataContainer: Rn,
@@ -2229,27 +2229,27 @@ const kn = "_legendContainer_4ndr8_3", $n = "_closeButton_4ndr8_41", Sn = "_titl
   buttonTitle: o,
   onClickClose: d
 }) => {
-  const { t: a } = V();
+  const { t: a } = F();
   return /* @__PURE__ */ m(
     "div",
     {
       style: n ? { ...n } : {},
-      className: `${K.legendContainer}`,
+      className: `${H.legendContainer}`,
       children: [
-        /* @__PURE__ */ i("button", { className: K.closeButton, onClick: d }),
+        /* @__PURE__ */ i("button", { className: H.closeButton, onClick: d }),
         c && /* @__PURE__ */ i(
           "div",
           {
-            className: K.titleContainer,
+            className: H.titleContainer,
             style: {
               marginBottom: (!s || s.length == 0) && "15px"
             },
             children: /* @__PURE__ */ i("h2", { children: c })
           }
         ),
-        s && s.length > 0 && /* @__PURE__ */ i("div", { className: K.infoContainer, children: /* @__PURE__ */ i("ul", { children: s.map(({ title: l, value: u }) => /* @__PURE__ */ m("li", { children: [
-          /* @__PURE__ */ i("h3", { className: K.title, children: `${l}:` }),
-          /* @__PURE__ */ m("span", { className: K.value, children: [
+        s && s.length > 0 && /* @__PURE__ */ i("div", { className: H.infoContainer, children: /* @__PURE__ */ i("ul", { children: s.map(({ title: l, value: u }) => /* @__PURE__ */ m("li", { children: [
+          /* @__PURE__ */ i("h3", { className: H.title, children: `${l}:` }),
+          /* @__PURE__ */ m("span", { className: H.value, children: [
             "  ",
             u
           ] })
@@ -2258,7 +2258,7 @@ const kn = "_legendContainer_4ndr8_3", $n = "_closeButton_4ndr8_41", Sn = "_titl
           /* @__PURE__ */ i(
             "h3",
             {
-              className: K.titleLegendList,
+              className: H.titleLegendList,
               style: {
                 marginTop: s && s.length > 0 && u === 0 ? "30px" : u > 0 ? "20px" : "0px"
               },
@@ -2272,18 +2272,18 @@ const kn = "_legendContainer_4ndr8_3", $n = "_closeButton_4ndr8_41", Sn = "_titl
               )
             }
           ),
-          /* @__PURE__ */ m("div", { className: K.legendListContainer, children: [
-            l.absolute ? /* @__PURE__ */ m("div", { className: K.absoluteValueContainer, children: [
+          /* @__PURE__ */ m("div", { className: H.legendListContainer, children: [
+            l.absolute ? /* @__PURE__ */ m("div", { className: H.absoluteValueContainer, children: [
               /* @__PURE__ */ i(
                 "div",
                 {
-                  className: K.absoluteValueColor,
+                  className: H.absoluteValueColor,
                   style: {
                     background: `linear-gradient(to bottom, ${l.absolute.maxColor} 0%, ${l.absolute.midColor ? `${l.absolute.midColor} 50%,` : ""} ${l.absolute.minColor} 100%)`
                   }
                 }
               ),
-              /* @__PURE__ */ m("div", { className: K.absoluteValueText, children: [
+              /* @__PURE__ */ m("div", { className: H.absoluteValueText, children: [
                 /* @__PURE__ */ m("span", { children: [
                   l.absolute.maxValue,
                   " ",
@@ -2300,20 +2300,20 @@ const kn = "_legendContainer_4ndr8_3", $n = "_closeButton_4ndr8_41", Sn = "_titl
                   a(l.absolute.unit)
                 ] })
               ] })
-            ] }) : l.categories && l.categories.length > 0 && /* @__PURE__ */ i("div", { className: K.gridContainer, children: l.categories.map(
+            ] }) : l.categories && l.categories.length > 0 && /* @__PURE__ */ i("div", { className: H.gridContainer, children: l.categories.map(
               ({ title: C, color: h }, y) => /* @__PURE__ */ m(
                 "div",
                 {
-                  className: K.elementLegendContainer,
+                  className: H.elementLegendContainer,
                   children: [
                     /* @__PURE__ */ i(
                       "div",
                       {
-                        className: K.colorDot,
+                        className: H.colorDot,
                         style: { backgroundColor: h }
                       }
                     ),
-                    /* @__PURE__ */ m("div", { className: K.titleLegendElement, children: [
+                    /* @__PURE__ */ m("div", { className: H.titleLegendElement, children: [
                       a(C),
                       " "
                     ] })
@@ -2322,21 +2322,21 @@ const kn = "_legendContainer_4ndr8_3", $n = "_closeButton_4ndr8_41", Sn = "_titl
                 y
               )
             ) }),
-            l.absolute && l.absolute.noDataColor && /* @__PURE__ */ m("div", { className: K.noDataContainer, children: [
+            l.absolute && l.absolute.noDataColor && /* @__PURE__ */ m("div", { className: H.noDataContainer, children: [
               /* @__PURE__ */ i(
                 "div",
                 {
-                  className: K.noData,
+                  className: H.noData,
                   style: {
                     background: l.absolute.noDataColor
                   }
                 }
               ),
-              /* @__PURE__ */ i("div", { className: K.absoluteValueText, children: /* @__PURE__ */ i("span", { children: a(l.absolute.noDataText) }) })
+              /* @__PURE__ */ i("div", { className: H.absoluteValueText, children: /* @__PURE__ */ i("span", { children: a(l.absolute.noDataText) }) })
             ] })
           ] })
         ] }, u)),
-        t && /* @__PURE__ */ i("button", { className: K.moreInfoContainer, onClick: t, children: o || a("moreInformation") })
+        t && /* @__PURE__ */ i("button", { className: H.moreInfoContainer, onClick: t, children: o || a("moreInformation") })
       ]
     }
   );
@@ -2376,11 +2376,11 @@ qn.propTypes = {
   buttonTitle: e.string,
   onClickClose: e.func
 };
-const Pn = "_logo_1ewa6_2", Ft = {
+const Pn = "_logo_1ewa6_2", Dt = {
   logo: Pn
 }, zn = ({ src: n, alt: c, href: s }) => {
-  const { t: r } = V(), t = /* @__PURE__ */ i("img", { src: n, alt: r(c) });
-  return s ? /* @__PURE__ */ i("div", { className: Ft.logo, children: /* @__PURE__ */ i("a", { href: s, children: t }) }) : /* @__PURE__ */ i("div", { className: Ft.logo, children: t });
+  const { t: r } = F(), t = /* @__PURE__ */ i("img", { src: n, alt: r(c) });
+  return s ? /* @__PURE__ */ i("div", { className: Dt.logo, children: /* @__PURE__ */ i("a", { href: s, children: t }) }) : /* @__PURE__ */ i("div", { className: Dt.logo, children: t });
 };
 zn.propTypes = {
   src: e.string.isRequired,
@@ -2504,13 +2504,13 @@ Hn.propTypes = {
 };
 const Kn = "_mapContainer_b0pyr_3", Wn = {
   mapContainer: Kn
-}, Un = "_FeaturePopUp_mt8l5_2", Gn = "_title_mt8l5_9", Dt = {
+}, Un = "_FeaturePopUp_mt8l5_2", Gn = "_title_mt8l5_9", Vt = {
   FeaturePopUp: Un,
   title: Gn
 }, Xn = ({ props: n }) => {
-  const { t: c } = V();
-  return /* @__PURE__ */ i("div", { className: Dt.FeaturePopUp, children: n.map((s) => /* @__PURE__ */ m("p", { children: [
-    /* @__PURE__ */ m("span", { className: Dt.title, children: [
+  const { t: c } = F();
+  return /* @__PURE__ */ i("div", { className: Vt.FeaturePopUp, children: n.map((s) => /* @__PURE__ */ m("p", { children: [
+    /* @__PURE__ */ m("span", { className: Vt.title, children: [
       /* @__PURE__ */ i(yt, { i18nKey: s.name, components: { sup: /* @__PURE__ */ i("sup", {}) }, shouldUnescape: !0 }),
       ":"
     ] }),
@@ -2585,7 +2585,7 @@ const Kn = "_mapContainer_b0pyr_3", Wn = {
         )),
         /* @__PURE__ */ i(T2, { position: "bottom-right", visualizePitch: !0 }),
         C && /* @__PURE__ */ i(
-          F2,
+          D2,
           {
             longitude: C.lng,
             latitude: C.lat,
@@ -2659,7 +2659,7 @@ const Jn = "_sectionBar_yf2vy_2", Yn = "_leftContent_yf2vy_14", ei = "_textConta
   subTitleColor: a = "#605b56",
   borderTop: l = !1
 }) => {
-  const { t: u } = V();
+  const { t: u } = F();
   return /* @__PURE__ */ m(
     "div",
     {
@@ -2696,7 +2696,7 @@ si.propTypes = {
   // ancho de la barra
   borderTop: e.bool
 };
-const ri = D2({
+const ri = V2({
   name: "mapSlice",
   initialState: {
     showTexts: !0,
@@ -2722,7 +2722,7 @@ const ri = D2({
       n.activeIndicatorUnit = c.payload;
     }
   }
-}), { setShowTexts: Rr, setYear: Ir, setActiveIndicatorKey: Er, setActiveIndicatorType: qr, setActiveIndicatorUnit: Pr } = ri.actions, oi = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20d='M15.2722%2012.6627C15.2722%2011.8929%2016.1055%2011.4118%2016.7722%2011.7967L31.5641%2020.3368C32.2308%2020.7217%2032.2308%2021.684%2031.5641%2022.0689L16.7722%2030.609C16.1055%2030.9939%2015.2722%2030.5128%2015.2722%2029.743L15.2722%2012.6627Z'%20fill='%23605B56'/%3e%3c/svg%3e", ai = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3crect%20x='15'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3crect%20x='23'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3c/svg%3e", li = "_slider_1prh1_2", ci = "_playButton_1prh1_14", di = "_sliderOpen_1prh1_25", ui = "_sliderResults_1prh1_29", Fe = {
+}), { setShowTexts: Rr, setYear: Ir, setActiveIndicatorKey: Er, setActiveIndicatorType: qr, setActiveIndicatorUnit: Pr } = ri.actions, oi = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20d='M15.2722%2012.6627C15.2722%2011.8929%2016.1055%2011.4118%2016.7722%2011.7967L31.5641%2020.3368C32.2308%2020.7217%2032.2308%2021.684%2031.5641%2022.0689L16.7722%2030.609C16.1055%2030.9939%2015.2722%2030.5128%2015.2722%2029.743L15.2722%2012.6627Z'%20fill='%23605B56'/%3e%3c/svg%3e", ai = "data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='21'%20cy='21'%20r='20.25'%20fill='%23FDFDFD'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3crect%20x='15'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3crect%20x='23'%20y='12'%20width='4'%20height='19'%20rx='1'%20fill='%23605B56'/%3e%3c/svg%3e", li = "_slider_1prh1_2", ci = "_playButton_1prh1_14", di = "_sliderOpen_1prh1_25", ui = "_sliderResults_1prh1_29", De = {
   slider: li,
   playButton: ci,
   sliderOpen: di,
@@ -2811,12 +2811,12 @@ const ri = D2({
     O2,
     {
       sx: { width: 400 },
-      className: `${n ? Fe.sliderResults : Fe.slider} ${d ? Fe.sliderOpen : ""}`,
+      className: `${n ? De.sliderResults : De.slider} ${d ? De.sliderOpen : ""}`,
       style: { zIndex: o },
       children: [
         s,
         /* @__PURE__ */ i(
-          V2,
+          F2,
           {
             "aria-label": "TimeSlider",
             value: C,
@@ -2831,8 +2831,8 @@ const ri = D2({
           }
         ),
         r,
-        !p && /* @__PURE__ */ i("button", { className: Fe.playButton, onClick: _, children: /* @__PURE__ */ i("img", { src: oi, alt: "Play" }) }),
-        p && /* @__PURE__ */ i("button", { className: Fe.playButton, onClick: v, children: /* @__PURE__ */ i("img", { src: ai, alt: "Pause" }) })
+        !p && /* @__PURE__ */ i("button", { className: De.playButton, onClick: _, children: /* @__PURE__ */ i("img", { src: oi, alt: "Play" }) }),
+        p && /* @__PURE__ */ i("button", { className: De.playButton, onClick: v, children: /* @__PURE__ */ i("img", { src: ai, alt: "Pause" }) })
       ]
     }
   ) });
@@ -2865,7 +2865,7 @@ const hi = "_TopNavMenuContainer_12mp4_2", mi = "_topNavOptions_12mp4_13", gi =
     console.log("Changed NavLink", o);
   }
 }) => {
-  const { t: o } = V();
+  const { t: o } = F();
   return /* @__PURE__ */ i("div", { className: rt.TopNavMenuContainer, style: { ...c }, children: n.map((d, a) => /* @__PURE__ */ i(
     Ut,
     {
@@ -2907,7 +2907,7 @@ const fi = "_LogInButton_1vxj5_2", yi = {
     console.log("Logout clicked");
   }
 }) => {
-  const { t: l } = V();
+  const { t: l } = F();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -2926,7 +2926,7 @@ bi.propTypes = {
   userName: e.string,
   isLoggedIn: e.bool
 };
-const _i = "_elementSelector_1ox68_2", vi = "_header_1ox68_14", xi = "_nameDateContainer_1ox68_24", wi = "_elementName_1ox68_40", Ni = "_elementDate_1ox68_54", ki = "_buttonsContainer_1ox68_68", $i = "_elementListContainer_1ox68_77", Si = "_newElementButtonContainer_1ox68_81", ue = {
+const _i = "_elementSelector_1ox68_2", vi = "_header_1ox68_14", xi = "_nameDateContainer_1ox68_24", wi = "_elementName_1ox68_40", Ni = "_elementDate_1ox68_54", ki = "_buttonsContainer_1ox68_68", $i = "_elementListContainer_1ox68_77", Si = "_newElementButtonContainer_1ox68_81", de = {
   elementSelector: _i,
   header: vi,
   nameDateContainer: xi,
@@ -2935,19 +2935,19 @@ const _i = "_elementSelector_1ox68_2", vi = "_header_1ox68_14", xi = "_nameDateC
   buttonsContainer: ki,
   elementListContainer: $i,
   newElementButtonContainer: Si
-}, Li = "_listElement_s4s4h_3", Mi = "_elementNameDate_s4s4h_19", Bi = "_elementNameContainer_s4s4h_30", Ti = "_elementName_s4s4h_19", Fi = "_elementDate_s4s4h_47", Di = "_nameAndEye_s4s4h_50", Vi = "_elementButtons_s4s4h_55", Ai = "_moreInfoContainer_s4s4h_78", Oi = "_moreInfo_s4s4h_78", ne = {
+}, Li = "_listElement_s4s4h_3", Mi = "_elementNameDate_s4s4h_19", Bi = "_elementNameContainer_s4s4h_30", Ti = "_elementName_s4s4h_19", Di = "_elementDate_s4s4h_47", Vi = "_nameAndEye_s4s4h_50", Fi = "_elementButtons_s4s4h_55", Ai = "_moreInfoContainer_s4s4h_78", Oi = "_moreInfo_s4s4h_78", ne = {
   listElement: Li,
   elementNameDate: Mi,
   elementNameContainer: Bi,
   elementName: Ti,
-  elementDate: Fi,
-  nameAndEye: Di,
-  elementButtons: Vi,
+  elementDate: Di,
+  nameAndEye: Vi,
+  elementButtons: Fi,
   break: "_break_s4s4h_73",
   moreInfoContainer: Ai,
   moreInfo: Oi
 }, Ri = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Eliminar'%3e%3ccircle%20id='Ellipse%20220'%20cx='15.5106'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20id='Vector'%20d='M20.8581%2010.5548H17.5491V10.4015C17.5491%209.17493%2016.6257%208.255%2015.4714%208.255C14.3171%208.255%2013.3167%209.17493%2013.3167%2010.4015V10.5548H10.0846C9.69985%2010.5548%209.46899%2010.7848%209.46899%2011.1681C9.46899%2011.5514%209.69985%2011.7814%2010.0846%2011.7814H10.2385V21.2106C10.2385%2022.3605%2011.162%2023.3571%2012.3932%2023.3571H18.5495C19.7038%2023.3571%2020.7042%2022.4372%2020.7042%2021.2106V11.7047H20.9351C21.2429%2011.7047%2021.5507%2011.4747%2021.5507%2011.0914C21.5507%2010.7081%2021.1659%2010.5548%2020.8581%2010.5548ZM14.471%2010.4015C14.471%209.86488%2014.9327%209.40491%2015.4714%209.40491C16.01%209.40491%2016.3948%209.86488%2016.3948%2010.4015V10.5548H14.471V10.4015ZM16.3948%2018.8342V15.0011C16.3948%2014.6178%2016.6257%2014.3878%2017.0104%2014.3878C17.3952%2014.3878%2017.6261%2014.6178%2017.6261%2015.0011V18.8342C17.6261%2019.1408%2017.3952%2019.4474%2017.0104%2019.4474C16.6257%2019.4474%2016.3948%2019.1408%2016.3948%2018.8342ZM13.3167%2018.8342V15.0011C13.3167%2014.6178%2013.5475%2014.3878%2013.9323%2014.3878C14.3171%2014.3878%2014.5479%2014.6178%2014.5479%2015.0011V18.8342C14.5479%2019.1408%2014.3171%2019.4474%2013.9323%2019.4474C13.5475%2019.4474%2013.3167%2019.1408%2013.3167%2018.8342Z'%20fill='%23605B56'/%3e%3c/g%3e%3c/svg%3e", Ii = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%209259'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.3062'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cg%20id='Group%203973'%3e%3cg%20id='Rectangle%20495'%3e%3cmask%20id='path-2-inside-1_4451_10560'%20fill='white'%3e%3crect%20x='10.4033'%20y='7.70422'%20width='12.8'%20height='12.8'%20rx='1'/%3e%3c/mask%3e%3crect%20x='10.4033'%20y='7.70422'%20width='12.8'%20height='12.8'%20rx='1'%20stroke='%23605B56'%20stroke-width='3'%20mask='url(%23path-2-inside-1_4451_10560)'/%3e%3c/g%3e%3cg%20id='Group%203972'%3e%3crect%20id='Rectangle%20496'%20x='7.2041'%20y='10.9042'%20width='12.8'%20height='12.8'%20rx='1'%20fill='%23605B56'/%3e%3cpath%20id='+'%20d='M16.3785%2018.0509H14.3838V20.0776H12.9331V18.0509H10.9385V16.6749H12.9331V14.6376H14.3838V16.6749H16.3785V18.0509Z'%20fill='%23FDFDFD'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Ei = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%209260'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.1021'%20cy='15.8063'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20id='Vector'%20d='M8.20744%208.70422C7.34769%208.70422%206.88873%209.71735%207.45568%2010.3637L13.3518%2017.085C13.5118%2017.2675%2013.6%2017.5018%2013.6%2017.7445V23.2443C13.6%2023.6283%2013.8199%2023.9783%2014.1658%2024.1451L15.9658%2025.0128C16.6297%2025.3329%2017.4%2024.8491%2017.4%2024.112V17.7445C17.4%2017.5018%2017.4882%2017.2675%2017.6482%2017.085L23.5443%2010.3637C24.1113%209.71735%2023.6523%208.70422%2022.7926%208.70422H8.20744Z'%20fill='%23605B56'/%3e%3c/g%3e%3c/svg%3e", qi = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%206725'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.1021'%20cy='15.7148'%20r='14.3521'%20stroke='%23605B56'%20stroke-opacity='0.5'%20stroke-width='1.5'/%3e%3cg%20id='Group%206724'%3e%3cpath%20id='Vector'%20d='M17.4114%2023.3302C17.4114%2024.5419%2016.4269%2027.4724%2015.2126%2027.4724C13.9982%2027.4724%2013.0137%2024.5419%2013.0137%2023.3302C13.0137%2022.7483%2013.2453%2022.1902%2013.6577%2021.7787C14.0701%2021.3673%2014.6294%2021.1361%2015.2126%2021.1361C15.7957%2021.1361%2016.355%2021.3673%2016.7674%2021.7787C17.1798%2022.1902%2017.4114%2022.7483%2017.4114%2023.3302Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Union'%20d='M15.2919%2020.6088H11.2899L11.289%2020.6078C10.6273%2020.7718%209.36856%2021.3396%209.39931%2023.2845C9.39931%2023.2845%207.41254%2021.7976%208.17372%2019.0179L8.25575%2018.7445C8.59675%2017.7118%209.66004%2016.7306%2010.7714%2016.2435C10.7337%2012.8666%2011.5045%208.19644%2015.2919%204.724V20.6088ZM10.6835%2017.4164C10.5323%2017.5091%2010.3819%2017.6125%2010.2372%2017.7279C9.77215%2018.099%209.43634%2018.5195%209.26747%2018.8988L9.20595%2019.058C8.95666%2019.8145%208.9632%2020.4347%209.07607%2020.9291C9.34144%2020.5645%209.66233%2020.2832%209.9999%2020.0746C10.2365%2019.9284%2010.4715%2019.8251%2010.6835%2019.7494V17.4164Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Union_2'%20d='M15.293%204.724C19.0931%208.20817%2019.8548%2012.8981%2019.8115%2016.2777C20.8629%2016.7859%2021.8411%2017.7218%2022.165%2018.7045C23.1398%2021.6599%2021.0225%2023.2445%2021.0225%2023.2445C21.051%2021.4361%2019.9648%2020.8184%2019.2803%2020.6088H15.293V4.724ZM19.7676%2017.3949C19.7586%2017.5313%2019.7493%2017.6646%2019.7383%2017.7943V19.7094C19.9502%2019.7851%2020.1854%2019.8884%2020.4219%2020.0345C20.7595%2020.2432%2021.0794%2020.5253%2021.3447%2020.89C21.4466%2020.444%2021.4627%2019.8956%2021.2812%2019.2367L21.2148%2019.0179C21.0772%2018.6004%2020.7157%2018.1118%2020.1846%2017.6879C20.0493%2017.58%2019.9088%2017.4829%2019.7676%2017.3949Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cg%20id='Vector_2'%3e%3cpath%20d='M12.541%208.28445C12.541%208.28445%2014.8218%209.81829%2018.0434%208.28445C18.0434%208.28445%2016.9978%206.03912%2015.2919%204.61267C15.2919%204.61267%2013.7894%205.92343%2012.541%208.28445Z'%20fill='%23FDFDFD'/%3e%3cpath%20d='M15.3057%205.29626C15.9532%205.9116%2016.4918%206.63792%2016.8867%207.2533C17.0801%207.55466%2017.2355%207.82605%2017.3516%208.03748C16.0573%208.54342%2014.966%208.52427%2014.1807%208.36951C13.781%208.29074%2013.4584%208.17533%2013.2266%208.07556C13.7607%207.14513%2014.32%206.40895%2014.7646%205.88806C14.9759%205.64056%2015.1621%205.44302%2015.3057%205.29626Z'%20stroke='%23605B56'%20stroke-opacity='0.5'/%3e%3c/g%3e%3cpath%20id='Vector_3'%20d='M17.6984%2012.9862C17.6985%2013.4539%2017.5596%2013.9111%2017.2993%2014.3001C17.039%2014.689%2016.669%2014.9922%2016.236%2015.1712C15.803%2015.3503%2015.3265%2015.3972%2014.8668%2015.3061C14.4071%2015.2149%2013.9848%2014.9898%2013.6533%2014.6591C13.3218%2014.3285%2013.0961%2013.9072%2013.0046%2013.4485C12.9131%2012.9898%2012.96%2012.5143%2013.1393%2012.0822C13.3186%2011.6501%2013.6224%2011.2808%2014.0121%2011.021C14.4018%2010.7611%2014.86%2010.6224%2015.3287%2010.6224C15.957%2010.6224%2016.5597%2010.8715%2017.004%2011.3147C17.4484%2011.758%2017.6982%2012.3593%2017.6984%2012.9862Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_4'%20d='M17.1358%2013.0038C17.1358%2013.36%2017.0299%2013.7083%2016.8316%2014.0045C16.6332%2014.3007%2016.3513%2014.5316%2016.0214%2014.6679C15.6916%2014.8042%2015.3286%2014.8399%2014.9784%2014.7704C14.6282%2014.7009%2014.3066%2014.5294%2014.0541%2014.2774C13.8017%2014.0255%2013.6297%2013.7046%2013.5601%2013.3552C13.4904%2013.0058%2013.5262%2012.6436%2013.6628%2012.3145C13.7994%2011.9853%2014.0308%2011.704%2014.3277%2011.5061C14.6245%2011.3082%2014.9736%2011.2025%2015.3306%2011.2025C15.8094%2011.2025%2016.2685%2011.3923%2016.6071%2011.7301C16.9456%2012.0679%2017.1358%2012.526%2017.1358%2013.0038Z'%20fill='%23605B56'%20fill-opacity='0.5'/%3e%3cpath%20id='Vector_5'%20d='M16.7061%2013.2093C16.6508%2013.2093%2016.5978%2013.1874%2016.5588%2013.1485C16.5197%2013.1095%2016.4978%2013.0566%2016.4978%2013.0015C16.4974%2012.7236%2016.3866%2012.4572%2016.1897%2012.2607C15.9928%2012.0642%2015.7258%2011.9537%2015.4473%2011.9533C15.4175%2011.9582%2015.3869%2011.9566%2015.3578%2011.9485C15.3287%2011.9405%2015.3017%2011.9262%2015.2786%2011.9067C15.2556%2011.8872%2015.237%2011.8629%2015.2244%2011.8356C15.2117%2011.8082%2015.2051%2011.7784%2015.2051%2011.7482C15.2051%2011.7181%2015.2117%2011.6883%2015.2244%2011.6609C15.237%2011.6336%2015.2556%2011.6093%2015.2786%2011.5898C15.3017%2011.5703%2015.3287%2011.556%2015.3578%2011.5479C15.3869%2011.5399%2015.4175%2011.5383%2015.4473%2011.5432C15.8348%2011.5435%2016.2063%2011.6973%2016.4803%2011.9707C16.7543%2012.2441%2016.9084%2012.6148%2016.9088%2013.0015C16.9088%2013.0557%2016.8876%2013.1077%2016.8498%2013.1465C16.8119%2013.1854%2016.7603%2013.2079%2016.7061%2013.2093Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_6'%20d='M16.8082%2013.6607C16.8082%2013.7106%2016.7934%2013.7594%2016.7656%2013.8008C16.7378%2013.8423%2016.6984%2013.8746%2016.6522%2013.8937C16.606%2013.9128%2016.5552%2013.9178%2016.5062%2013.9081C16.4571%2013.8983%2016.4121%2013.8743%2016.3768%2013.8391C16.3414%2013.8038%2016.3173%2013.7589%2016.3076%2013.7099C16.2978%2013.661%2016.3028%2013.6103%2016.322%2013.5642C16.3411%2013.5182%2016.3735%2013.4788%2016.4151%2013.4511C16.4566%2013.4234%2016.5055%2013.4086%2016.5555%2013.4086C16.6225%2013.4086%2016.6868%2013.4351%2016.7342%2013.4824C16.7816%2013.5297%2016.8082%2013.5939%2016.8082%2013.6607Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_7'%20d='M15.6008%2016.0612C15.5633%2016.0097%2015.5141%2015.9677%2015.4573%2015.9388C15.4005%2015.9099%2015.3376%2015.8949%2015.2738%2015.8949H15.1898C15.126%2015.8948%2015.0631%2015.9099%2015.0062%2015.9388C14.9494%2015.9677%2014.9002%2016.0096%2014.8627%2016.0612C14.8627%2016.0612%2013.6074%2017.4973%2014.1816%2021.0915C14.4989%2023.0777%2015.2314%2023.6694%2015.2314%2023.6694C15.2314%2023.6694%2015.9639%2023.0777%2016.2819%2021.0915C16.8561%2017.4973%2015.6008%2016.0612%2015.6008%2016.0612Z'%20fill='%23FDFDFD'/%3e%3cpath%20id='Vector_8'%20d='M15.1468%2015.8949C15.083%2015.8948%2015.0201%2015.9099%2014.9632%2015.9388C14.9064%2015.9677%2014.8572%2016.0096%2014.8198%2016.0612C14.8198%2016.0612%2013.5645%2017.4973%2014.1387%2021.0915C14.456%2023.0777%2015.1884%2023.6694%2015.1884%2023.6694V15.8949H15.1468Z'%20fill='%23FDFDFD'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Pi = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='15.3062'%20cy='15.2144'%20r='14.3521'%20stroke='%2392898A'%20stroke-width='1.5'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.9898%2012.7234V9.89008C11.9898%208.88815%2012.3811%207.92726%2013.0777%207.21879C13.7743%206.51032%2014.719%206.1123%2015.7041%206.1123C16.6892%206.1123%2017.6339%206.51032%2018.3305%207.21879C19.0271%207.92726%2019.4184%208.88815%2019.4184%209.89008V12.7234H20.347C20.8395%2012.7234%2021.3119%2012.9224%2021.6602%2013.2767C22.0084%2013.6309%2022.2041%2014.1113%2022.2041%2014.6123V21.2234C22.2041%2021.7244%2022.0084%2022.2048%2021.6602%2022.5591C21.3119%2022.9133%2020.8395%2023.1123%2020.347%2023.1123H11.0612C10.5687%2023.1123%2010.0963%2022.9133%209.74805%2022.5591C9.39976%2022.2048%209.2041%2021.7244%209.2041%2021.2234V14.6123C9.2041%2014.1113%209.39976%2013.6309%209.74805%2013.2767C10.0963%2012.9224%2010.5687%2012.7234%2011.0612%2012.7234H11.9898ZM13.847%209.89008C13.847%209.38912%2014.0426%208.90867%2014.3909%208.55444C14.7392%208.2002%2015.2116%208.00119%2015.7041%208.00119C16.1966%208.00119%2016.669%208.2002%2017.0173%208.55444C17.3656%208.90867%2017.5612%209.38912%2017.5612%209.89008V12.7234H13.847V9.89008ZM15.7041%2015.5567C15.9504%2015.5567%2016.1866%2015.6563%2016.3607%2015.8334C16.5348%2016.0105%2016.6327%2016.2507%2016.6327%2016.5012V19.3345C16.6327%2019.585%2016.5348%2019.8252%2016.3607%2020.0023C16.1866%2020.1795%2015.9504%2020.279%2015.7041%2020.279C15.4578%2020.279%2015.2216%2020.1795%2015.0475%2020.0023C14.8734%2019.8252%2014.7755%2019.585%2014.7755%2019.3345V16.5012C14.7755%2016.2507%2014.8734%2016.0105%2015.0475%2015.8334C15.2216%2015.6563%2015.4578%2015.5567%2015.7041%2015.5567Z'%20fill='%2392898A'/%3e%3c/svg%3e", zi = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Editar'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.1021'%20cy='15.1021'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cg%20id='Group%203792'%3e%3cpath%20id='Vector%20530'%20d='M22.469%2010.8343L19.54%207.90531C19.3447%207.71005%2019.0281%207.71005%2018.8329%207.90531L8.39131%2018.3469C8.31762%2018.4206%208.2688%2018.5154%208.25167%2018.6182L7.66586%2022.1331C7.60946%2022.4715%207.90285%2022.7649%208.24126%2022.7085L11.7561%2022.1227C11.8589%2022.1055%2011.9538%2022.0567%2012.0275%2021.983L22.469%2011.5415C22.6643%2011.3462%2022.6643%2011.0296%2022.469%2010.8343Z'%20stroke='%23605B56'/%3e%3cpath%20id='Vector%20531'%20d='M9.00391%2017.7334L12.6401%2021.3695'%20stroke='%23605B56'/%3e%3cpath%20id='Vector%20614'%20d='M19.4292%207.55176L9.24805%2017.733L12.6418%2021.1267L22.823%2010.9455L19.4292%207.55176Z'%20fill='%23605B56'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Zi = "data:image/svg+xml,%3csvg%20width='31'%20height='31'%20viewBox='0%200%2031%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%206729'%3e%3ccircle%20id='Ellipse%20219'%20cx='15.1021'%20cy='15.1021'%20r='14.3521'%20stroke='%23605B56'%20stroke-width='1.5'/%3e%3cpath%20id='i'%20d='M14%209.008C14%208.708%2014.102%208.468%2014.306%208.288C14.51%208.096%2014.78%208%2015.116%208C15.452%208%2015.722%208.096%2015.926%208.288C16.13%208.468%2016.232%208.708%2016.232%209.008C16.232%209.308%2016.13%209.554%2015.926%209.746C15.722%209.926%2015.452%2010.016%2015.116%2010.016C14.78%2010.016%2014.51%209.926%2014.306%209.746C14.102%209.554%2014%209.308%2014%209.008ZM15.926%2011.906V21.788H14.288V11.906H15.926Z'%20fill='%23605B56'/%3e%3c/g%3e%3c/svg%3e";
-var Vt;
+var Ft;
 function Ct() {
   return Ct = Object.assign ? Object.assign.bind() : function(n) {
     for (var c = 1; c < arguments.length; c++) {
@@ -2963,7 +2963,7 @@ var ji = function(c) {
     width: 26,
     height: 14,
     fill: "none"
-  }, c), Vt || (Vt = /* @__PURE__ */ Me.createElement("g", {
+  }, c), Ft || (Ft = /* @__PURE__ */ Me.createElement("g", {
     fill: "currentColor"
   }, /* @__PURE__ */ Me.createElement("path", {
     d: "M12.95.408C7.659.408 2.849 2.772.083 6.726a.47.47 0 0 0 0 .532c2.761 3.955 7.571 6.313 12.867 6.313s10.106-2.358 12.867-6.313a.47.47 0 0 0 0-.532C23.05 2.772 18.24.408 12.95.408m0 10.814A4.24 4.24 0 0 1 8.718 6.99a4.24 4.24 0 0 1 4.232-4.232 4.24 4.24 0 0 1 4.232 4.232 4.24 4.24 0 0 1-4.232 4.232"
@@ -2984,7 +2984,7 @@ const Hi = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   defaultTooltip: u,
   showEye: C = !0
 }) => {
-  const { name: h, created_at: y, id: p, isBeingProcessed: g } = n, [_, v] = O(!1), { t: b } = V();
+  const { name: h, created_at: y, id: p, isBeingProcessed: g } = n, [_, v] = O(!1), { t: b } = F();
   return A(() => {
     console.log("elementButtons: ", a);
   }, [a]), /* @__PURE__ */ m(
@@ -3018,12 +3018,12 @@ const Hi = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
         /* @__PURE__ */ m("div", { className: ne.elementButtons, children: [
           n.processing && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("img", { src: qi }),
-            /* @__PURE__ */ i(he, { text: l, position: "left" })
+            /* @__PURE__ */ i(pe, { text: l, position: "left" })
           ] }),
           a.filter && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("button", { onClick: () => a.filter.onclick(n), children: /* @__PURE__ */ i("img", { src: Ei }) }),
             /* @__PURE__ */ i(
-              he,
+              pe,
               {
                 text: a.filter.tooltiptext,
                 position: "left"
@@ -3032,20 +3032,20 @@ const Hi = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
           ] }),
           a.copy && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("button", { onClick: () => a.copy.onclick(n), children: /* @__PURE__ */ i("img", { src: Ii }) }),
-            /* @__PURE__ */ i(he, { text: a.copy.tooltiptext, position: "left" })
+            /* @__PURE__ */ i(pe, { text: a.copy.tooltiptext, position: "left" })
           ] }),
           a.edit && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("button", { onClick: () => a.edit.onclick(n), children: /* @__PURE__ */ i("img", { src: zi }) }),
-            /* @__PURE__ */ i(he, { text: a.edit.tooltiptext, position: "left" })
+            /* @__PURE__ */ i(pe, { text: a.edit.tooltiptext, position: "left" })
           ] }),
           a.info && n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("button", { onClick: () => a.info.onclick(n), children: /* @__PURE__ */ i("img", { src: Zi }) }),
-            /* @__PURE__ */ i(he, { text: a.info.tooltiptext, position: "left" })
+            /* @__PURE__ */ i(pe, { text: a.info.tooltiptext, position: "left" })
           ] }),
           a.trash && !n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("button", { onClick: () => a.trash.onclick(n), children: /* @__PURE__ */ i("img", { src: Ri }) }),
             /* @__PURE__ */ i(
-              he,
+              pe,
               {
                 text: a.trash.tooltiptext,
                 position: "left"
@@ -3054,7 +3054,7 @@ const Hi = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
           ] }),
           n.is_default && /* @__PURE__ */ m("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("img", { src: Pi }),
-            /* @__PURE__ */ i(he, { text: u, position: "left" })
+            /* @__PURE__ */ i(pe, { text: u, position: "left" })
           ] })
         ] }),
         o && /* @__PURE__ */ i("div", { className: ne.break }),
@@ -3134,7 +3134,7 @@ const At = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   //texto para el tooltip del símbolo de candado para los elementos default
   showEye: p = !0
 }) => {
-  const { t: g } = V(), [_, v] = O(n);
+  const { t: g } = F(), [_, v] = O(n);
   A(() => {
     n && v(n);
   }, [n]);
@@ -3152,42 +3152,42 @@ const At = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
     let x = [..._];
     const N = x.find((k) => k[f] !== null && k[f] !== void 0), S = N ? w(N[f]) : !1;
     x.sort((k, L) => {
-      const F = k[f], T = L[f];
-      if (F == null && T == null) return 0;
-      if (F == null) return 1;
+      const D = k[f], T = L[f];
+      if (D == null && T == null) return 0;
+      if (D == null) return 1;
       if (T == null) return -1;
       if (S) {
-        const R = b(F), X = b(T);
+        const R = b(D), X = b(T);
         return !R && !X ? 0 : R ? X ? R - X : -1 : 1;
       }
-      const B = String(F || "").trim(), P = String(T || "").trim();
+      const B = String(D || "").trim(), P = String(T || "").trim();
       return B.localeCompare(P);
     }), v(x);
   };
   return /* @__PURE__ */ m(
     "div",
     {
-      className: ue.elementSelector,
+      className: de.elementSelector,
       style: { color: s, ...o },
       children: [
         /* @__PURE__ */ m(
           "div",
           {
-            className: ue.header,
+            className: de.header,
             style: { borderBottom: `1px solid ${s}` },
             children: [
-              /* @__PURE__ */ i("div", { className: ue.nameDateContainer, children: Object.keys(l).map((f) => f === "name" ? /* @__PURE__ */ i("div", { className: ue.elementName, children: /* @__PURE__ */ m("button", { onClick: () => $("name"), children: [
+              /* @__PURE__ */ i("div", { className: de.nameDateContainer, children: Object.keys(l).map((f) => f === "name" ? /* @__PURE__ */ i("div", { className: de.elementName, children: /* @__PURE__ */ m("button", { onClick: () => $("name"), children: [
                 /* @__PURE__ */ i("span", { children: g(l.name) }),
                 /* @__PURE__ */ i("img", { src: At, alt: "order arrow" })
-              ] }) }, f) : f === "data" ? /* @__PURE__ */ i("div", { className: ue.elementDate, children: /* @__PURE__ */ m("button", { onClick: () => $("created_at"), children: [
+              ] }) }, f) : f === "data" ? /* @__PURE__ */ i("div", { className: de.elementDate, children: /* @__PURE__ */ m("button", { onClick: () => $("created_at"), children: [
                 /* @__PURE__ */ i("span", { children: g(l.data) }),
                 /* @__PURE__ */ i("img", { src: At, alt: "order arrow" })
-              ] }) }, f) : /* @__PURE__ */ i("div", { className: ue.elementDate, children: /* @__PURE__ */ i("span", { children: g(l[f]) }) }, f)) }),
-              /* @__PURE__ */ i("div", { className: ue.buttonsContainer })
+              ] }) }, f) : /* @__PURE__ */ i("div", { className: de.elementDate, children: /* @__PURE__ */ i("span", { children: g(l[f]) }) }, f)) }),
+              /* @__PURE__ */ i("div", { className: de.buttonsContainer })
             ]
           }
         ),
-        /* @__PURE__ */ i("div", { className: ue.elementListContainer, children: _ && _.length > 0 && _.map((f) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: de.elementListContainer, children: _ && _.length > 0 && _.map((f) => /* @__PURE__ */ i(
           o2,
           {
             isActive: c == f.id,
@@ -3204,7 +3204,7 @@ const At = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
           },
           `elementKey${f.id}`
         )) }),
-        d && /* @__PURE__ */ i("div", { className: ue.newElementButtonContainer, children: /* @__PURE__ */ i(
+        d && /* @__PURE__ */ i("div", { className: de.newElementButtonContainer, children: /* @__PURE__ */ i(
           Qe,
           {
             style: { ...t },
@@ -3265,12 +3265,12 @@ Ki.propTypes = {
   defaultTooltip: e.string,
   showEye: e.bool
 };
-const Wi = "_formContainer_asv64_2", Ui = "_categorySelectorContainer_asv64_11", Gi = "_formObjectContainer_asv64_15", Xi = "_buttonContainer_asv64_26", De = {
+const Wi = "_formContainer_asv64_2", Ui = "_categorySelectorContainer_asv64_11", Gi = "_formObjectContainer_asv64_15", Xi = "_buttonContainer_asv64_26", Ve = {
   formContainer: Wi,
   categorySelectorContainer: Ui,
   formObjectContainer: Gi,
   buttonContainer: Xi
-}, Ve = {
+}, Fe = {
   text: "text",
   password: "password",
   radioList: "radioList",
@@ -3480,7 +3480,7 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
   errorColor: c = "red",
   containerStyles: s
 }) => {
-  const { t: r } = V();
+  const { t: r } = F();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -3509,7 +3509,7 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
     //Lógica extra al onChange además de actualizar el valor en RHF
     onChangeExtraFunction: p = () => {
     }
-  } = n, { t: g } = V(), { control: _, trigger: v, clearErrors: b } = c, { errorColor: w } = qe((N) => N), [$, f] = O(!1);
+  } = n, { t: g } = F(), { control: _, trigger: v, clearErrors: b } = c, { errorColor: w } = qe((N) => N), [$, f] = O(!1);
   te(d);
   const x = () => r ? r === "password" && $ ? "text" : r : "text";
   return /* @__PURE__ */ i(
@@ -3524,7 +3524,7 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
       },
       render: ({ field: N, fieldState: S }) => {
         var T;
-        const { onChange: k, ...L } = N, F = (B) => {
+        const { onChange: k, ...L } = N, D = (B) => {
           k(B), p && p(B);
         };
         return /* @__PURE__ */ m("div", { className: Ae.textInputContainer, children: [
@@ -3544,7 +3544,7 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
                   {
                     ...L,
                     type: x(),
-                    onChange: F,
+                    onChange: D,
                     placeholder: l ? g(l) : "",
                     maxLength: o || void 0
                   }
@@ -3601,7 +3601,7 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
     width: h = 325,
     options: y = []
     //Used if we dont use react hook form
-  } = n, { t: p } = V(), { control: g, trigger: _, clearErrors: v } = c || {}, { errorColor: b } = qe((f) => f);
+  } = n, { t: p } = F(), { control: g, trigger: _, clearErrors: v } = c || {}, { errorColor: b } = qe((f) => f);
   te(a);
   const [w, $] = O(null);
   return A(() => {
@@ -3632,7 +3632,7 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
               {
                 ...f,
                 onChange: (S) => {
-                  const k = S.target.value, L = y.every((F) => typeof F.value == "number") ? Number(k) : k;
+                  const k = S.target.value, L = y.every((D) => typeof D.value == "number") ? Number(k) : k;
                   f.onChange(L);
                 },
                 className: ie.selectInput,
@@ -3702,13 +3702,13 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
       /* @__PURE__ */ i("img", { src: qt, alt: "Open", className: ie.dropdownArrow })
     ] })
   ] });
-}, Ms = "_radioButtonContainer_1e994_2", Bs = "_wholeInputContainer_1e994_5", Ts = "_questionContainer_1e994_27", Fs = "_radioQuestion_1e994_59", Ds = "_inputContainer_1e994_63", Vs = "_radioInput_1e994_93", ve = {
+}, Ms = "_radioButtonContainer_1e994_2", Bs = "_wholeInputContainer_1e994_5", Ts = "_questionContainer_1e994_27", Ds = "_radioQuestion_1e994_59", Vs = "_inputContainer_1e994_63", Fs = "_radioInput_1e994_93", ve = {
   radioButtonContainer: Ms,
   wholeInputContainer: Bs,
   questionContainer: Ts,
-  radioQuestion: Fs,
-  inputContainer: Ds,
-  radioInput: Vs
+  radioQuestion: Ds,
+  inputContainer: Vs,
+  radioInput: Fs
 }, As = ({ input: n, reactHookFormInstance: c }) => {
   const {
     code: s,
@@ -3718,7 +3718,7 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
     errorColor: d = "red",
     options: a = [],
     multi: l = !1
-  } = n, { t: u } = V(), { control: C, trigger: h, clearErrors: y } = c, { errorColor: p } = qe((v) => v), g = ({ options: v, onChange: b, actualValue: w }) => {
+  } = n, { t: u } = F(), { control: C, trigger: h, clearErrors: y } = c, { errorColor: p } = qe((v) => v), g = ({ options: v, onChange: b, actualValue: w }) => {
     if (l && w && w.length > 0) {
       let $ = w.filter((f) => f !== v);
       b($);
@@ -3765,7 +3765,7 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
                 label: S,
                 value: k,
                 disabled: L = !1,
-                italicLabel: F
+                italicLabel: D
               }, T) => {
                 const B = $ && l ? $.isArray && ($ == null ? void 0 : $.length) > 0 && $.some((P) => P === k) : $ === k;
                 return /* @__PURE__ */ m("label", { children: [
@@ -3805,7 +3805,7 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
       }
     }
   );
-}, Os = "_rankingSliderContainer_1lekm_2", Rs = "_labelContainer_1lekm_6", Is = "_inputContainer_1lekm_10", Es = "_slider_1lekm_20", qs = "_thumb_1lekm_27", Ps = "_labels_1lekm_37", zs = "_minLabel_1lekm_67", Zs = "_maxLabel_1lekm_67", j = {
+}, Os = "_rankingSliderContainer_1lekm_2", Rs = "_labelContainer_1lekm_6", Is = "_inputContainer_1lekm_10", Es = "_slider_1lekm_20", qs = "_thumb_1lekm_27", Ps = "_labels_1lekm_37", zs = "_minLabel_1lekm_67", Zs = "_maxLabel_1lekm_67", Z = {
   rankingSliderContainer: Os,
   labelContainer: Rs,
   inputContainer: Is,
@@ -3832,10 +3832,10 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
     disabled: _ = !1,
     marks: v = Array.from(
       { length: d - o + 1 },
-      (L, F) => o + F
+      (L, D) => o + D
     ),
     showMarksNumber: b = !0
-  } = n, { t: w } = V(), { control: $, trigger: f, clearErrors: x } = c || {};
+  } = n, { t: w } = F(), { control: $, trigger: f, clearErrors: x } = c || {};
   te(u);
   const { errorColorForm: N } = qe((L) => L), [S, k] = O(a);
   return c ? /* @__PURE__ */ i(
@@ -3847,19 +3847,19 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
       rules: {
         required: u ? `${w(t)} ${w("errorMessages.required")}` : !1
       },
-      render: ({ field: L, fieldState: F }) => {
+      render: ({ field: L, fieldState: D }) => {
         var T;
         return /* @__PURE__ */ m(
           "div",
           {
-            className: j.rankingSliderContainer,
+            className: Z.rankingSliderContainer,
             style: {
               gridTemplateColumns: `${t && h} ${y}`
             },
             children: [
-              t && /* @__PURE__ */ i("p", { className: j.labelContainer, children: w(t) }),
-              /* @__PURE__ */ m("div", { className: j.inputContainer, children: [
-                p && /* @__PURE__ */ i("div", { className: j.minLabel, children: w(p) }),
+              t && /* @__PURE__ */ i("p", { className: Z.labelContainer, children: w(t) }),
+              /* @__PURE__ */ m("div", { className: Z.inputContainer, children: [
+                p && /* @__PURE__ */ i("div", { className: Z.minLabel, children: w(p) }),
                 /* @__PURE__ */ m("div", { children: [
                   /* @__PURE__ */ i(
                     gt,
@@ -3870,8 +3870,8 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
                       value: L.value ?? a,
                       onChange: (B) => L.onChange(B),
                       marks: !0,
-                      className: j.slider,
-                      thumbClassName: j.thumb,
+                      className: Z.slider,
+                      thumbClassName: Z.thumb,
                       renderThumb: (B) => /* @__PURE__ */ i(
                         "div",
                         {
@@ -3879,19 +3879,19 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
                           style: { ...B.style, backgroundColor: l }
                         }
                       ),
-                      trackClassName: j.track,
-                      markClassName: j.mark,
+                      trackClassName: Z.track,
+                      markClassName: Z.mark,
                       disabled: _
                     }
                   ),
-                  v && /* @__PURE__ */ i("div", { className: j.labels, children: v.map((B) => /* @__PURE__ */ i("span", { children: b && B }, B)) })
+                  v && /* @__PURE__ */ i("div", { className: Z.labels, children: v.map((B) => /* @__PURE__ */ i("span", { children: b && B }, B)) })
                 ] }),
-                g && /* @__PURE__ */ i("div", { className: j.maxLabel, children: w(g) })
+                g && /* @__PURE__ */ i("div", { className: Z.maxLabel, children: w(g) })
               ] }),
               /* @__PURE__ */ i(
                 Ee,
                 {
-                  errorMessage: (T = F.error) == null ? void 0 : T.message,
+                  errorMessage: (T = D.error) == null ? void 0 : T.message,
                   errorColor: N || C
                 }
               )
@@ -3903,12 +3903,12 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
   ) : /* @__PURE__ */ m(
     "div",
     {
-      className: j.rankingSliderContainer,
+      className: Z.rankingSliderContainer,
       style: { gridTemplateColumns: `${t && h} ${y}` },
       children: [
-        t && /* @__PURE__ */ i("p", { className: j.labelContainer, children: w(t) }),
-        /* @__PURE__ */ m("div", { className: j.inputContainer, children: [
-          p && /* @__PURE__ */ i("div", { className: j.minLabel, children: w(p) }),
+        t && /* @__PURE__ */ i("p", { className: Z.labelContainer, children: w(t) }),
+        /* @__PURE__ */ m("div", { className: Z.inputContainer, children: [
+          p && /* @__PURE__ */ i("div", { className: Z.minLabel, children: w(p) }),
           /* @__PURE__ */ m("div", { children: [
             /* @__PURE__ */ i(
               gt,
@@ -3921,8 +3921,8 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
                   k(L), s && s(L);
                 },
                 marks: !0,
-                className: j.slider,
-                thumbClassName: j.thumb,
+                className: Z.slider,
+                thumbClassName: Z.thumb,
                 renderThumb: (L) => /* @__PURE__ */ i(
                   "div",
                   {
@@ -3930,14 +3930,14 @@ const Ie = (n) => n.render(us(n)), ps = "_textInputContainer_1o3iy_2", hs = "_la
                     style: { ...L.style, backgroundColor: l }
                   }
                 ),
-                trackClassName: j.track,
-                markClassName: j.mark,
+                trackClassName: Z.track,
+                markClassName: Z.mark,
                 disabled: _
               }
             ),
-            v && /* @__PURE__ */ i("div", { className: j.labels, children: v.map((L) => /* @__PURE__ */ i("span", { children: b && L }, L)) })
+            v && /* @__PURE__ */ i("div", { className: Z.labels, children: v.map((L) => /* @__PURE__ */ i("span", { children: b && L }, L)) })
           ] }),
-          g && /* @__PURE__ */ i("div", { className: j.maxLabel, children: w(g) })
+          g && /* @__PURE__ */ i("div", { className: Z.maxLabel, children: w(g) })
         ] })
       ]
     }
@@ -3976,7 +3976,7 @@ const Oe = ({
   return /* @__PURE__ */ i("div", { className: Se.inputsContainer, children: o == null ? void 0 : o.map((d, a) => {
     const { inputType: l } = d;
     switch (l) {
-      case Ve.text:
+      case Fe.text:
         return /* @__PURE__ */ i(
           "div",
           {
@@ -3992,7 +3992,7 @@ const Oe = ({
           },
           `${d.code}${a}`
         );
-      case Ve.password:
+      case Fe.password:
         return /* @__PURE__ */ i(
           "div",
           {
@@ -4008,7 +4008,7 @@ const Oe = ({
           },
           `${d.code}${a}`
         );
-      case Ve.select:
+      case Fe.select:
         return /* @__PURE__ */ i(
           "div",
           {
@@ -4024,7 +4024,7 @@ const Oe = ({
           },
           `${d.code}${a}`
         );
-      case Ve.radioList:
+      case Fe.radioList:
         return /* @__PURE__ */ i(
           "div",
           {
@@ -4040,7 +4040,7 @@ const Oe = ({
           },
           `${d.code}${a}`
         );
-      case Ve.rankingSlider:
+      case Fe.rankingSlider:
         return /* @__PURE__ */ i(
           "div",
           {
@@ -4071,7 +4071,7 @@ const Oe = ({
   activeColor: r,
   containerStyles: t = {}
 }) => {
-  const { t: o } = V(), d = (a) => {
+  const { t: o } = F(), d = (a) => {
     c(a);
   };
   return /* @__PURE__ */ i(
@@ -4118,7 +4118,7 @@ const Oe = ({
   activeCategoryColor: y = "#b32f5d",
   onSubmit: p = (g) => console.log("Form submitted with: ", g)
 }) => {
-  const { t: g } = V(), { handleSubmit: _, control: v } = n;
+  const { t: g } = F(), { handleSubmit: _, control: v } = n;
   A(() => {
     o && qe.setState(() => ({ errorColor: o }));
   }, [o]);
@@ -4130,7 +4130,7 @@ const Oe = ({
       hasSubcategories: ((L = k.subcategories) == null ? void 0 : L.length) > 0
     };
   }) : [], [c]), w = (k) => {
-    const L = c == null ? void 0 : c.find((F) => F.categoryId === k);
+    const L = c == null ? void 0 : c.find((D) => D.categoryId === k);
     return (L == null ? void 0 : L.subcategories) || [];
   }, [$, f] = O(
     h || u || null
@@ -4142,14 +4142,14 @@ const Oe = ({
     !x && (k == null ? void 0 : k.length) > 0 && N(k[0].id);
   }, [$, x, c]);
   const S = (k, L) => {
-    var F;
-    if (((F = k.subcategories) == null ? void 0 : F.length) > 0) {
+    var D;
+    if (((D = k.subcategories) == null ? void 0 : D.length) > 0) {
       const T = k.subcategories;
       return /* @__PURE__ */ m("div", { children: [
         /* @__PURE__ */ i(
           "div",
           {
-            className: De.categorySelectorContainer,
+            className: Ve.categorySelectorContainer,
             children: /* @__PURE__ */ i(
               Pt,
               {
@@ -4232,8 +4232,8 @@ const Oe = ({
       )
     ] }, k.categoryId);
   };
-  return /* @__PURE__ */ m("form", { className: De.formContainer, onSubmit: _(p), children: [
-    l && b.length > 0 && /* @__PURE__ */ i("div", { className: De.categorySelectorContainer, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ m("form", { className: Ve.formContainer, onSubmit: _(p), children: [
+    l && b.length > 0 && /* @__PURE__ */ i("div", { className: Ve.categorySelectorContainer, children: /* @__PURE__ */ i(
       Pt,
       {
         activeCategory: $,
@@ -4244,9 +4244,9 @@ const Oe = ({
         activeColor: y
       }
     ) }),
-    /* @__PURE__ */ i("div", { className: De.formObjectContainer, children: c == null ? void 0 : c.map((k, L) => {
-      const F = k.categoryId === $;
-      return k.category && !F ? null : k.category && F ? /* @__PURE__ */ i(
+    /* @__PURE__ */ i("div", { className: Ve.formObjectContainer, children: c == null ? void 0 : c.map((k, L) => {
+      const D = k.categoryId === $;
+      return k.category && !D ? null : k.category && D ? /* @__PURE__ */ i(
         "div",
         {
           style: {
@@ -4267,12 +4267,12 @@ const Oe = ({
         }
       );
     }) }),
-    /* @__PURE__ */ m("div", { className: De.buttonContainer, children: [
+    /* @__PURE__ */ m("div", { className: Ve.buttonContainer, children: [
       /* @__PURE__ */ i(Qe, { containerStyles: a, type: "submit", children: g(d) }),
       /* @__PURE__ */ i(Ee, { errorMessage: t, errorColor: o })
     ] })
   ] });
-}, Ws = "_overlay_mnd4j_2", Us = "_modal_mnd4j_15", Gs = "_closeButton_mnd4j_29", Xs = "_icon_mnd4j_39", Qs = "_message_mnd4j_45", Js = "_submessage_mnd4j_51", Ys = "_buttonsContainer_mnd4j_57", e1 = "_buttonWrapper_mnd4j_64", Ce = {
+}, Ws = "_overlay_mnd4j_2", Us = "_modal_mnd4j_15", Gs = "_closeButton_mnd4j_29", Xs = "_icon_mnd4j_39", Qs = "_message_mnd4j_45", Js = "_submessage_mnd4j_51", Ys = "_buttonsContainer_mnd4j_57", e1 = "_buttonWrapper_mnd4j_64", ge = {
   overlay: Ws,
   modal: Us,
   closeButton: Gs,
@@ -4289,17 +4289,17 @@ const Oe = ({
   buttons: t,
   maxHeight: o = "450px",
   maxWidth: d = "450px"
-}) => /* @__PURE__ */ i("div", { className: Ce.overlay, children: /* @__PURE__ */ m(
+}) => /* @__PURE__ */ i("div", { className: ge.overlay, children: /* @__PURE__ */ m(
   "div",
   {
-    className: Ce.modal,
+    className: ge.modal,
     style: { maxHeight: o, maxWidth: d },
     children: [
-      /* @__PURE__ */ i("button", { className: Ce.closeButton, onClick: n, "aria-label": "Close modal", children: "✕" }),
-      c && /* @__PURE__ */ i("img", { src: c, alt: "icon", className: Ce.icon }),
-      /* @__PURE__ */ i("p", { className: Ce.message, children: s }),
-      r && /* @__PURE__ */ i("p", { className: Ce.submessage, children: r }),
-      t.length > 0 && /* @__PURE__ */ i("div", { className: Ce.buttonsContainer, children: t.map((a, l) => /* @__PURE__ */ i("div", { className: Ce.buttonWrapper, children: a }, l)) })
+      /* @__PURE__ */ i("button", { className: ge.closeButton, onClick: n, "aria-label": "Close modal", children: "✕" }),
+      c && /* @__PURE__ */ i("img", { src: c, alt: "icon", className: ge.icon }),
+      /* @__PURE__ */ i("p", { className: ge.message, children: s }),
+      r && /* @__PURE__ */ i("p", { className: ge.submessage, children: r }),
+      t.length > 0 && /* @__PURE__ */ i("div", { className: ge.buttonsContainer, children: t.map((a, l) => /* @__PURE__ */ i("div", { className: ge.buttonWrapper, children: a }, l)) })
     ]
   }
 ) });
@@ -4319,7 +4319,7 @@ t1.propTypes = {
   /** Anchura máxima del modal (por defecto 400px) */
   maxWidth: e.string
 };
-const n1 = "_stepsContainer_1cyua_3", i1 = "_stepWrapper_1cyua_9", s1 = "_circleContainer_1cyua_19", r1 = "_circle_1cyua_19", o1 = "_active_1cyua_39", a1 = "_completed_1cyua_44", l1 = "_label_1cyua_50", c1 = "_labelActive_1cyua_56", d1 = "_connector_1cyua_61", pe = {
+const n1 = "_stepsContainer_1cyua_3", i1 = "_stepWrapper_1cyua_9", s1 = "_circleContainer_1cyua_19", r1 = "_circle_1cyua_19", o1 = "_active_1cyua_39", a1 = "_completed_1cyua_44", l1 = "_label_1cyua_50", c1 = "_labelActive_1cyua_56", d1 = "_connector_1cyua_61", ue = {
   stepsContainer: n1,
   stepWrapper: i1,
   circleContainer: s1,
@@ -4329,27 +4329,27 @@ const n1 = "_stepsContainer_1cyua_3", i1 = "_stepWrapper_1cyua_9", s1 = "_circle
   label: l1,
   labelActive: c1,
   connector: d1
-}, m2 = ({ steps: n, activeColor: c }) => /* @__PURE__ */ i("div", { className: pe.stepsContainer, children: n.map((s, r) => {
+}, m2 = ({ steps: n, activeColor: c }) => /* @__PURE__ */ i("div", { className: ue.stepsContainer, children: n.map((s, r) => {
   const t = s.status === "active", o = s.status === "completed";
-  return /* @__PURE__ */ m("div", { className: pe.stepWrapper, children: [
-    /* @__PURE__ */ m("div", { className: pe.circleContainer, children: [
+  return /* @__PURE__ */ m("div", { className: ue.stepWrapper, children: [
+    /* @__PURE__ */ m("div", { className: ue.circleContainer, children: [
       /* @__PURE__ */ i(
         "div",
         {
-          className: `${pe.circle} 
-                    ${t ? pe.active : ""} 
-                    ${o ? pe.completed : ""}`,
+          className: `${ue.circle} 
+                    ${t ? ue.active : ""} 
+                    ${o ? ue.completed : ""}`,
           style: t ? { backgroundColor: c } : {},
           onClick: s.onClick,
           children: r + 1
         }
       ),
-      r < n.length - 1 && /* @__PURE__ */ i("div", { className: pe.connector })
+      r < n.length - 1 && /* @__PURE__ */ i("div", { className: ue.connector })
     ] }),
     /* @__PURE__ */ i(
       "div",
       {
-        className: `${pe.label} ${t ? pe.labelActive : ""}`,
+        className: `${ue.label} ${t ? ue.labelActive : ""}`,
         children: s.name
       }
     )
@@ -4387,7 +4387,7 @@ const h1 = "_buttonsContainer_1c7dw_2", m1 = "_button_1c7dw_2", g1 = "_active_1c
 }, C1 = ({
   buttons: n = []
 }) => {
-  const { t: c } = V();
+  const { t: c } = F();
   return /* @__PURE__ */ i("div", { className: `${We.buttonsContainer}`, children: n.map((s, r) => {
     const {
       isActive: t,
@@ -4431,7 +4431,7 @@ const f1 = "_switchContainer_194wl_2", y1 = "_labelRight_194wl_9", b1 = "_labelL
     colorOn: l = "#5A514D",
     disabled: u = !1,
     width: C = 240
-  } = n, { t: h } = V(), { control: y } = c || {}, [p, g] = O(a), _ = (b) => {
+  } = n, { t: h } = F(), { control: y } = c || {}, [p, g] = O(a), _ = (b) => {
     g(b), s && s(b);
   }, v = (b, w) => /* @__PURE__ */ m("div", { className: Le.switchContainer, style: { width: `${C}px` }, children: [
     o && /* @__PURE__ */ i(
@@ -4506,14 +4506,14 @@ S1.propTypes = {
   gifSrc: e.string,
   message: e.string
 };
-const L1 = "_container_1pl8d_3", M1 = "_burger_1pl8d_10", B1 = "_menu_1pl8d_21", T1 = "_menuOpen_1pl8d_35", F1 = "_menuClose_1pl8d_40", D1 = "_list_1pl8d_46", V1 = "_item_1pl8d_56", A1 = "_button_1pl8d_91", oe = {
+const L1 = "_container_1pl8d_3", M1 = "_burger_1pl8d_10", B1 = "_menu_1pl8d_21", T1 = "_menuOpen_1pl8d_35", D1 = "_menuClose_1pl8d_40", V1 = "_list_1pl8d_46", F1 = "_item_1pl8d_56", A1 = "_button_1pl8d_91", re = {
   container: L1,
   burger: M1,
   menu: B1,
   menuOpen: T1,
-  menuClose: F1,
-  list: D1,
-  item: V1,
+  menuClose: D1,
+  list: V1,
+  item: F1,
   button: A1
 }, C2 = ({
   options: n,
@@ -4522,8 +4522,8 @@ const L1 = "_container_1pl8d_3", M1 = "_burger_1pl8d_10", B1 = "_menu_1pl8d_21",
   iconColor: r
 }) => {
   const [t, o] = O(!1), d = () => o((g) => !g), a = () => o(!1), l = 7, u = t ? 11 : 0, C = t ? 13 : 0, h = t ? -11.51666 : 0, y = t ? -13 : 0, p = "0.35s";
-  return /* @__PURE__ */ m("div", { className: oe.container, children: [
-    /* @__PURE__ */ i("button", { onClick: d, className: oe.burger, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ m("div", { className: re.container, children: [
+    /* @__PURE__ */ i("button", { onClick: d, className: re.burger, children: /* @__PURE__ */ m(
       "svg",
       {
         width: "40",
@@ -4594,14 +4594,14 @@ const L1 = "_container_1pl8d_3", M1 = "_burger_1pl8d_10", B1 = "_menu_1pl8d_21",
     /* @__PURE__ */ i(
       "div",
       {
-        className: `${oe.menu} ${t ? oe.menuOpen : oe.menuClose}`,
+        className: `${re.menu} ${t ? re.menuOpen : re.menuClose}`,
         style: { backgroundColor: c, color: s },
-        children: /* @__PURE__ */ i("ul", { className: oe.list, children: n.map((g, _) => /* @__PURE__ */ m("li", { className: oe.item, children: [
+        children: /* @__PURE__ */ i("ul", { className: re.list, children: n.map((g, _) => /* @__PURE__ */ m("li", { className: re.item, children: [
           g.url && /* @__PURE__ */ i(
             Ut,
             {
               to: g.url,
-              className: ({ isActive: v }) => `${oe.link} ${v ? oe.active : ""}`,
+              className: ({ isActive: v }) => `${re.link} ${v ? re.active : ""}`,
               onClick: a,
               style: { color: s },
               children: g.name
@@ -4610,7 +4610,7 @@ const L1 = "_container_1pl8d_3", M1 = "_burger_1pl8d_10", B1 = "_menu_1pl8d_21",
           g.onclick && /* @__PURE__ */ i(
             "button",
             {
-              className: oe.button,
+              className: re.button,
               onClick: () => {
                 g.onclick(), a();
               },
@@ -4673,25 +4673,25 @@ const O1 = "_svgContainer_1rxoe_2", R1 = "_svg_1rxoe_2", zt = {
     return k(), window.addEventListener("resize", k), () => window.removeEventListener("resize", k);
   }, [r, t]), A(() => {
     if (!n || n.length === 0 || N.width === 0) return;
-    const k = we(f.current), L = N.width, F = N.height, T = L - o.left - o.right, B = F - o.top - o.bottom;
+    const k = we(f.current), L = N.width, D = N.height, T = L - o.left - o.right, B = D - o.top - o.bottom;
     if (T <= 0 || B <= 0) return;
-    const P = n.map((D) => D.anyo || D.year || D.x), R = c, X = lt(n, (D) => lt(R, (U) => D[U])) || 0, W = ct(n, (D) => ct(R, (U) => D[U])) || 0, z = dt().domain(P).rangeRound([0, T]).paddingInner(y), E = dt().domain(R).rangeRound([0, z.bandwidth()]).padding(p), se = Ht().domain([Math.min(0, X), W]).nice().rangeRound([B, 0]), fe = Kt().domain(R).range(Array.isArray(s) ? s : Object.values(s || {}));
+    const P = n.map((V) => V.anyo || V.year || V.x), R = c, X = lt(n, (V) => lt(R, (W) => V[W])) || 0, K = ct(n, (V) => ct(R, (W) => V[W])) || 0, z = dt().domain(P).rangeRound([0, T]).paddingInner(y), E = dt().domain(R).rangeRound([0, z.bandwidth()]).padding(p), se = Ht().domain([Math.min(0, X), K]).nice().rangeRound([B, 0]), Ce = Kt().domain(R).range(Array.isArray(s) ? s : Object.values(s || {}));
     k.selectAll("*").remove();
-    const ae = k.append("g").attr("transform", `translate(${o.left},${o.top})`);
-    b && k.append("text").attr("x", L / 2).attr("y", o.top / 2).attr("text-anchor", "middle").style("font-size", "16px").style("font-weight", "bold").style("fill", "#333").text(b), u && ae.append("g").attr("class", "grid").selectAll("line").data(se.ticks()).enter().append("line").attr("x1", 0).attr("x2", T).attr("y1", (D) => se(D)).attr("y2", (D) => se(D)).style("stroke", "#e0e0e0").style("stroke-width", 0.5), a && (ae.append("g").attr("transform", `translate(0,${B})`).call(Wt(z).tickSizeOuter(0)).attr("class", "x-axis").selectAll("text").attr("transform", `translate(0,10)rotate(${C})`).style("text-anchor", C < 0 ? "end" : "middle").style("font-size", "12px").style("fill", "#605B56"), w && ae.append("text").attr(
+    const oe = k.append("g").attr("transform", `translate(${o.left},${o.top})`);
+    b && k.append("text").attr("x", L / 2).attr("y", o.top / 2).attr("text-anchor", "middle").style("font-size", "16px").style("font-weight", "bold").style("fill", "#333").text(b), u && oe.append("g").attr("class", "grid").selectAll("line").data(se.ticks()).enter().append("line").attr("x1", 0).attr("x2", T).attr("y1", (V) => se(V)).attr("y2", (V) => se(V)).style("stroke", "#e0e0e0").style("stroke-width", 0.5), a && (oe.append("g").attr("transform", `translate(0,${B})`).call(Wt(z).tickSizeOuter(0)).attr("class", "x-axis").selectAll("text").attr("transform", `translate(0,10)rotate(${C})`).style("text-anchor", C < 0 ? "end" : "middle").style("font-size", "12px").style("fill", "#605B56"), w && oe.append("text").attr(
       "transform",
       `translate(${T / 2}, ${B + o.bottom - 5})`
-    ).style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(w)), l && (ae.append("g").call(ut(se).ticks(6).tickFormat(h)).attr("class", "y-axis").call((D) => D.select(".domain").remove()), $ && ae.append("text").attr("transform", "rotate(-90)").attr("y", 0 - o.left).attr("x", 0 - B / 2).attr("dy", "1em").style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text($));
-    const Q = ae.append("g").selectAll(".bar-group").data(n).enter().append("g").attr("class", "bar-group").attr("transform", (D) => `translate(${z(D.anyo || D.year || D.x)},0)`).selectAll(".bar").data(
-      (D) => R.map((U) => ({
-        key: U,
-        value: D[U],
-        data: D
+    ).style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(w)), l && (oe.append("g").call(ut(se).ticks(6).tickFormat(h)).attr("class", "y-axis").call((V) => V.select(".domain").remove()), $ && oe.append("text").attr("transform", "rotate(-90)").attr("y", 0 - o.left).attr("x", 0 - B / 2).attr("dy", "1em").style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text($));
+    const Q = oe.append("g").selectAll(".bar-group").data(n).enter().append("g").attr("class", "bar-group").attr("transform", (V) => `translate(${z(V.anyo || V.year || V.x)},0)`).selectAll(".bar").data(
+      (V) => R.map((W) => ({
+        key: W,
+        value: V[W],
+        data: V
       }))
-    ).enter().append("rect").attr("class", "bar").attr("x", (D) => E(D.key)).attr("y", B).attr("width", E.bandwidth()).attr("height", 0).attr("fill", (D) => fe(D.key)).style("cursor", _ || v ? "pointer" : "default");
-    Q.transition().duration(g).attr("y", (D) => se(Math.max(0, D.value))).attr("height", (D) => Math.abs(se(D.value) - se(0))), _ && Q.on("mouseover", function(D, U) {
-      we(this).style("opacity", 0.8), _(D, U);
-    }).on("mouseout", function(D, U) {
+    ).enter().append("rect").attr("class", "bar").attr("x", (V) => E(V.key)).attr("y", B).attr("width", E.bandwidth()).attr("height", 0).attr("fill", (V) => Ce(V.key)).style("cursor", _ || v ? "pointer" : "default");
+    Q.transition().duration(g).attr("y", (V) => se(Math.max(0, V.value))).attr("height", (V) => Math.abs(se(V.value) - se(0))), _ && Q.on("mouseover", function(V, W) {
+      we(this).style("opacity", 0.8), _(V, W);
+    }).on("mouseout", function(V, W) {
       we(this).style("opacity", 1);
     }), v && Q.on("click", v);
   }, [
@@ -4792,7 +4792,7 @@ const E1 = "_svgContainer_7fkic_2", q1 = "_svg_7fkic_2", Zt = {
 }) => {
   const S = te(), k = te();
   te();
-  const [L, F] = O({
+  const [L, D] = O({
     containerWidth: 0,
     height: 0
   });
@@ -4800,7 +4800,7 @@ const E1 = "_svgContainer_7fkic_2", q1 = "_svg_7fkic_2", Zt = {
     const T = () => {
       if (k.current) {
         const B = k.current.getBoundingClientRect().width;
-        F({
+        D({
           containerWidth: typeof r == "number" ? r : B,
           height: t
         });
@@ -4809,99 +4809,99 @@ const E1 = "_svgContainer_7fkic_2", q1 = "_svg_7fkic_2", Zt = {
     return T(), window.addEventListener("resize", T), () => window.removeEventListener("resize", T);
   }, [r, t]), A(() => {
     if (!n || n.length === 0 || L.containerWidth === 0) return;
-    const T = we(S.current), { containerWidth: B, height: P } = L, R = B - o.left - o.right, X = n.length * N, W = Math.max(
+    const T = we(S.current), { containerWidth: B, height: P } = L, R = B - o.left - o.right, X = n.length * N, K = Math.max(
       R,
       X
-    ), z = W + o.left + o.right, E = P - o.top - o.bottom;
-    if (W <= 0 || E <= 0) return;
+    ), z = K + o.left + o.right, E = P - o.top - o.bottom;
+    if (K <= 0 || E <= 0) return;
     T.attr("width", z).attr("height", P);
-    const se = x ? [...c].reverse() : c, fe = [];
+    const se = x ? [...c].reverse() : c, Ce = [];
     n.forEach((M) => {
-      const ee = M.any || M.year || M.x, H = se.map((Z) => ({
-        key: Z,
-        value: Number(M[Z]) || 0,
+      const ee = M.any || M.year || M.x, j = se.map((G) => ({
+        key: G,
+        value: Number(M[G]) || 0,
         data: M
-      })), f2 = H.filter((Z) => Z.value < 0).sort((Z, re) => re.value - Z.value), y2 = H.filter((Z) => Z.value >= 0).sort((Z, re) => Z.value - re.value);
+      })), f2 = j.filter((G) => G.value < 0), y2 = j.filter((G) => G.value >= 0);
       let wt = 0;
-      f2.forEach((Z) => {
-        const re = wt, de = Z.value, et = Math.abs(de - re);
-        fe.push({
-          key: Z.key,
-          value: Z.value,
-          y0: Math.max(re, de),
+      f2.forEach((G) => {
+        const fe = wt, ce = G.value, et = Math.abs(ce - fe);
+        Ce.push({
+          key: G.key,
+          value: G.value,
+          y0: Math.max(fe, ce),
           // El punto más alto
-          y1: Math.min(re, de),
+          y1: Math.min(fe, ce),
           // El punto más bajo
           height: et,
-          data: Z.data,
+          data: G.data,
           xKey: ee
-        }), wt = de;
+        }), wt = ce;
       });
       let Nt = 0;
-      y2.forEach((Z) => {
-        const re = Nt, de = Z.value, et = de - re;
-        fe.push({
-          key: Z.key,
-          value: Z.value,
-          y0: Math.min(re, de),
-          y1: Math.max(re, de),
+      y2.forEach((G) => {
+        const fe = Nt, ce = G.value, et = ce - fe;
+        Ce.push({
+          key: G.key,
+          value: G.value,
+          y0: Math.min(fe, ce),
+          y1: Math.max(fe, ce),
           height: et,
-          data: Z.data,
+          data: G.data,
           xKey: ee
-        }), Nt = de;
+        }), Nt = ce;
       });
     });
-    const ae = [
-      lt(fe, (M) => Math.min(M.y0, M.y1)) || 0,
-      ct(fe, (M) => Math.max(M.y0, M.y1)) || 0
-    ], le = dt().domain(n.map((M) => M.any || M.year || M.x)).range([0, W]).padding(y), Q = Ht().domain([ae[0], ae[1]]).nice(6).range([E, 0]), D = Kt().domain(c).range(Array.isArray(s) ? s : Object.values(s || {}));
+    const oe = [
+      lt(Ce, (M) => Math.min(M.y0, M.y1)) || 0,
+      ct(Ce, (M) => Math.max(M.y0, M.y1)) || 0
+    ], ae = dt().domain(n.map((M) => M.any || M.year || M.x)).range([0, K]).padding(y), Q = Ht().domain([oe[0], oe[1]]).nice(6).range([E, 0]), V = Kt().domain(c).range(Array.isArray(s) ? s : Object.values(s || {}));
     T.selectAll("*").remove();
-    const U = T.append("g").attr("transform", `translate(${o.left},${o.top})`);
-    v && T.append("text").attr("x", svgWidth / 2).attr("y", o.top / 2).attr("text-anchor", "middle").style("font-size", "16px").style("font-weight", "bold").style("fill", "#333").text(v), u && U.append("g").attr("class", "grid").selectAll("line").data(Q.ticks(6)).enter().append("line").attr("x1", 0).attr("x2", W).attr("y1", (M) => Q(M)).attr("y2", (M) => Q(M)).style("stroke", "#e0e0e0").style("stroke-width", 0.5), a && (U.append("g").attr("class", "x-axis").attr("transform", `translate(0, ${E})`).call(Wt(le).tickSizeOuter(0)).selectAll("text").remove(), U.append("g").attr("class", "x-axis-labels").attr("transform", `translate(0, ${E})`).selectAll("text").data(n).enter().append("text").attr(
+    const W = T.append("g").attr("transform", `translate(${o.left},${o.top})`);
+    v && T.append("text").attr("x", svgWidth / 2).attr("y", o.top / 2).attr("text-anchor", "middle").style("font-size", "16px").style("font-weight", "bold").style("fill", "#333").text(v), u && W.append("g").attr("class", "grid").selectAll("line").data(Q.ticks(6)).enter().append("line").attr("x1", 0).attr("x2", K).attr("y1", (M) => Q(M)).attr("y2", (M) => Q(M)).style("stroke", "#e0e0e0").style("stroke-width", 0.5), a && (W.append("g").attr("class", "x-axis").attr("transform", `translate(0, ${E})`).call(Wt(ae).tickSizeOuter(0)).selectAll("text").remove(), W.append("g").attr("class", "x-axis-labels").attr("transform", `translate(0, ${E})`).selectAll("text").data(n).enter().append("text").attr(
       "x",
-      (H) => le(H.any || H.year || H.x) + le.bandwidth() / 2
+      (j) => ae(j.any || j.year || j.x) + ae.bandwidth() / 2
     ).attr("y", 19).style(
       "text-anchor",
       C === 0 ? "middle" : C < 0 ? "end" : "start"
     ).style("font-size", "12px").style("fill", "#605B56").attr(
       "transform",
-      (H) => `rotate(${C} ${le(H.any || H.year || H.x) + le.bandwidth() / 2} 15)`
-    ).text((H) => H.any || H.year || H.x), b && U.append("text").attr(
+      (j) => `rotate(${C} ${ae(j.any || j.year || j.x) + ae.bandwidth() / 2} 15)`
+    ).text((j) => j.any || j.year || j.x), b && W.append("text").attr(
       "transform",
-      `translate(${W / 2}, ${E + o.bottom - 5})`
-    ).style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(b)), l && (U.append("g").attr("class", "y-axis").call(ut(Q).ticks(6).tickFormat(h)).call((M) => M.select(".domain").remove()), U.append("g").attr("class", "y-ticks").attr("transform", `translate(${W}, 0)`).call(ut(Q).ticks(6).tickSizeInner(W)).call((M) => M.select(".domain").remove()).call((M) => M.selectAll(".tick text").remove()), w && U.append("text").attr("transform", "rotate(-90)").attr("y", 0 - o.left).attr("x", 0 - E / 2).attr("dy", "1em").style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(w));
-    let ce;
-    f && (ce = we("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 Je = U.selectAll(".segment").data(fe, (M) => `${M.xKey}-${M.key}`);
+      `translate(${K / 2}, ${E + o.bottom - 5})`
+    ).style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(b)), l && (W.append("g").attr("class", "y-axis").call(ut(Q).ticks(6).tickFormat(h)).call((M) => M.select(".domain").remove()), W.append("g").attr("class", "y-ticks").attr("transform", `translate(${K}, 0)`).call(ut(Q).ticks(6).tickSizeInner(K)).call((M) => M.select(".domain").remove()).call((M) => M.selectAll(".tick text").remove()), w && W.append("text").attr("transform", "rotate(-90)").attr("y", 0 - o.left).attr("x", 0 - E / 2).attr("dy", "1em").style("text-anchor", "middle").style("font-size", "14px").style("fill", "#333").text(w));
+    let le;
+    f && (le = we("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 Je = W.selectAll(".segment").data(Ce, (M) => `${M.xKey}-${M.key}`);
     Je.exit().remove();
-    const Ye = Je.enter().append("rect").attr("class", "segment").attr("x", (M) => le(M.xKey)).attr("width", le.bandwidth()).attr("y", (M) => Q(0)).attr("height", 0).attr("fill", (M) => D(M.key)).style(
+    const Ye = Je.enter().append("rect").attr("class", "segment").attr("x", (M) => ae(M.xKey)).attr("width", ae.bandwidth()).attr("y", (M) => Q(0)).attr("height", 0).attr("fill", (M) => V(M.key)).style(
       "cursor",
       g || _ || f ? "pointer" : "default"
     ).merge(Je);
-    return Ye.transition().duration(p).attr("x", (M) => le(M.xKey)).attr("y", (M) => Math.min(Q(M.y0), Q(M.y1))).attr("height", (M) => Math.abs(Q(M.y1) - Q(M.y0))), (f || g) && Ye.on("mouseover", function(M, ee) {
-      const H = ee.value;
-      f && ce && ce.style("visibility", "visible").html(`
+    return Ye.transition().duration(p).attr("x", (M) => ae(M.xKey)).attr("y", (M) => Math.min(Q(M.y0), Q(M.y1))).attr("height", (M) => Math.abs(Q(M.y1) - Q(M.y0))), (f || g) && Ye.on("mouseover", function(M, ee) {
+      const j = ee.value;
+      f && le && le.style("visibility", "visible").html(`
                 <strong>${ee.key}</strong><br/>
                 ${ee.xKey}<br/>
-                ${h(H)}
+                ${h(j)}
               `), we(this).style("opacity", 0.8), g && g(M, {
         key: ee.key,
-        value: H,
+        value: j,
         data: ee.data
       });
     }).on("mousemove", function(M) {
-      f && ce && ce.style("top", M.pageY - 10 + "px").style("left", M.pageX + 10 + "px");
+      f && le && le.style("top", M.pageY - 10 + "px").style("left", M.pageX + 10 + "px");
     }).on("mouseout", function() {
-      f && ce && ce.style("visibility", "hidden"), we(this).style("opacity", 1);
+      f && le && le.style("visibility", "hidden"), we(this).style("opacity", 1);
     }), _ && Ye.on("click", function(M, ee) {
-      const H = ee.value;
+      const j = ee.value;
       _(M, {
         key: ee.key,
-        value: H,
+        value: j,
         data: ee.data
       });
     }), () => {
-      ce && ce.remove();
+      le && le.remove();
     };
   }, [
     n,
@@ -5114,10 +5114,13 @@ const sr = "_speedGraphic_d1k72_2", at = {
   value: s = 50,
   title: r = !1,
   percent: t = !1,
-  unit: o = !1
+  unit: o = !1,
+  greenColor: d = "#00CF1E",
+  orangeColor: a = "#FFAC00",
+  redColor: l = "#FF1E37"
 }) => {
   s < n && (s = n), s > c && (s = c);
-  const d = (s - n) / (c - n), a = 270 + d * 180, l = t ? Math.round(d * 100) : s;
+  const u = (s - n) / (c - n), C = 270 + u * 180, h = t ? Math.round(u * 100) : s;
   return /* @__PURE__ */ m("div", { className: at.speedGraphic, children: [
     /* @__PURE__ */ m(
       "svg",
@@ -5132,87 +5135,87 @@ const sr = "_speedGraphic_d1k72_2", at = {
             "path",
             {
               d: "M0 122C0 111.944 1.2433 101.927 3.70162 92.1756L26.2619 97.8633C24.2724 105.755 23.2662 113.862 23.2662 122H0Z",
-              fill: "#00CF1E"
+              fill: d
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M16.3442 61.0012C21.3714 52.2936 27.4557 44.2409 34.4588 37.0263L51.1534 53.2313C45.4859 59.0701 40.5619 65.5871 36.4934 72.6341L16.3442 61.0012Z",
-              fill: "#00CF1E"
+              fill: d
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M60.9088 16.3976C69.6119 11.3628 78.9041 7.42322 88.5739 4.66843L94.9485 27.0443C87.1228 29.2737 79.6027 32.462 72.5592 36.5367L60.9088 16.3976Z",
-              fill: "#FFAC00"
+              fill: a
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M121.797 0.000169508C131.851 -0.0165912 141.869 1.20965 151.623 3.65101L145.974 26.2209C138.08 24.2451 129.972 23.2527 121.835 23.2663L121.797 0.000169508Z",
-              fill: "#FFAC00"
+              fill: a
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M182.623 16.1279C191.348 21.124 199.422 27.1797 206.662 34.157L190.516 50.9092C184.657 45.2625 178.123 40.3617 171.061 36.3183L182.623 16.1279Z",
-              fill: "#FF1E37"
+              fill: l
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M227.238 60.2836C232.325 68.9568 236.319 78.2255 239.131 87.8788L216.794 94.3859C214.518 86.5735 211.285 79.0725 207.169 72.0533L227.238 60.2836Z",
-              fill: "#FF1E37"
+              fill: l
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M4.15505 90.4316C6.75674 80.7194 10.5491 71.3662 15.4458 62.5846L35.7663 73.9155C31.8035 81.0224 28.7343 88.5919 26.6288 96.4519L4.15505 90.4316Z",
-              fill: "#00CF1E"
+              fill: d
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M35.733 35.733C42.8426 28.6233 50.8039 22.4198 59.4357 17.2636L71.3671 37.2375C64.3814 41.4104 57.9384 46.4308 52.1846 52.1846L35.733 35.733Z",
-              fill: "#00CF1E"
+              fill: d
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M90.3004 4.19027C100.01 1.57776 110.005 0.175523 120.058 0.0154601L120.428 23.2787C112.292 23.4082 104.203 24.543 96.3457 26.6573L90.3004 4.19027Z",
-              fill: "#FFAC00"
+              fill: a
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M153.423 4.11614C163.138 6.70584 172.496 10.4866 181.284 15.3725L169.978 35.707C162.866 31.7529 155.293 28.6932 147.43 26.5973L153.423 4.11614Z",
-              fill: "#FFAC00"
+              fill: a
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M239.602 89.538C242.532 100.152 244.011 111.114 244 122.125L220.734 122.101C220.743 113.19 219.546 104.319 217.175 95.7287L239.602 89.538Z",
-              fill: "#FF1E37"
+              fill: l
             }
           ),
           /* @__PURE__ */ i(
             "path",
             {
               d: "M207.769 35.2376C214.919 42.3062 221.168 50.2316 226.374 58.8336L206.469 70.8798C202.256 63.9183 197.199 57.5043 191.412 51.7837L207.769 35.2376Z",
-              fill: "#FF1E37"
+              fill: l
             }
           ),
-          /* @__PURE__ */ i("g", { transform: `rotate(${a} 122 122)`, children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i("g", { transform: `rotate(${C} 122 122)`, children: /* @__PURE__ */ i(
             "path",
             {
               id: "aguja",
@@ -5225,7 +5228,7 @@ const sr = "_speedGraphic_d1k72_2", at = {
       }
     ),
     /* @__PURE__ */ m("div", { className: at.value, children: [
-      l,
+      h,
       t && "%",
       o && o
     ] }),
@@ -5238,7 +5241,10 @@ rr.propTypes = {
   value: e.number.isRequired,
   percent: e.bool,
   title: e.string,
-  unit: e.string
+  unit: e.string,
+  greenColor: e.string,
+  orangeColor: e.string,
+  redColor: e.string
 };
 const or = "_header_13kbt_2", ar = "_leftComponents_13kbt_13", lr = "_centerComponents_13kbt_14", cr = "_rightComponents_13kbt_15", dr = "_componentsContainer_13kbt_32", xe = {
   header: or,
@@ -5356,6 +5362,6 @@ export {
   x1 as Switch,
   Et as TextInput,
   pi as TimeSlider,
-  he as Tooltip,
+  pe as Tooltip,
   Ci as TopNavMenu
 };