@tmf_ciclica/ciclicastorybook 1.1.187 → 1.1.188

package/dist/index.es.js

@@ -44,14 +44,14 @@ const n2 = "_ambitSelector_mcunf_2", i2 = "_header_mcunf_13", s2 = "_nameDateCon
   fontColor: a,
   moreInfo: c
 }) => {
-  const { name: u, created_at: m, id: h, isBeingProcessed: f } = n;
+  const { name: u, created_at: h, id: g, isBeingProcessed: f } = n;
   return /* @__PURE__ */ p(
     "div",
     {
       className: he.ambitItem,
       style: { borderBottom: `1px solid ${a}` },
       children: [
-        /* @__PURE__ */ p("div", { className: he.ambitNameDate, onClick: () => t(h), children: [
+        /* @__PURE__ */ p("div", { className: he.ambitNameDate, onClick: () => t(g), children: [
           /* @__PURE__ */ p("div", { className: he.ambitName, children: [
             /* @__PURE__ */ i(
               "img",
@@ -62,13 +62,13 @@ const n2 = "_ambitSelector_mcunf_2", i2 = "_header_mcunf_13", s2 = "_nameDateCon
             ),
             /* @__PURE__ */ i("span", { style: { color: r ? l : a }, children: u })
           ] }),
-          /* @__PURE__ */ i("div", { className: he.ambitDate, children: m ? new Date(m).toLocaleDateString() : "" })
+          /* @__PURE__ */ i("div", { className: he.ambitDate, children: h ? new Date(h).toLocaleDateString() : "" })
         ] }),
         /* @__PURE__ */ p("div", { className: he.ambitButtons, children: [
           f && /* @__PURE__ */ i("img", { src: b2 }),
-          /* @__PURE__ */ i("button", { onClick: () => o(h), disabled: n.is_default, children: /* @__PURE__ */ i("img", { src: f2 }) }),
-          /* @__PURE__ */ i("button", { onClick: () => d(h), children: /* @__PURE__ */ i("img", { src: C2 }) }),
-          /* @__PURE__ */ i("button", { onClick: () => s(h), disabled: n.is_default, children: /* @__PURE__ */ i("img", { src: g2 }) })
+          /* @__PURE__ */ i("button", { onClick: () => o(g), disabled: n.is_default, children: /* @__PURE__ */ i("img", { src: f2 }) }),
+          /* @__PURE__ */ i("button", { onClick: () => d(g), children: /* @__PURE__ */ i("img", { src: C2 }) }),
+          /* @__PURE__ */ i("button", { onClick: () => s(g), disabled: n.is_default, children: /* @__PURE__ */ i("img", { src: g2 }) })
         ] })
       ]
     }
@@ -129,19 +129,19 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   buttonContainerStyles: a = {},
   containerStyles: c = {},
   onCLickNewAmbit: u = () => console.log("New ambit clicked"),
-  onClickCopy: m = (v) => console.log(`Copy ambit: ${v}`),
-  onCLickDelete: h = (v) => console.log(`Delete ambit: ${v}`),
-  onClickFilters: f = (v) => console.log(`Filters clicked: ${v}`),
-  onClickAmbit: b = (v) => console.log(`OnCLickAmbit: ${v}`)
+  onClickCopy: h = (_) => console.log(`Copy ambit: ${_}`),
+  onCLickDelete: g = (_) => console.log(`Delete ambit: ${_}`),
+  onClickFilters: f = (_) => console.log(`Filters clicked: ${_}`),
+  onClickAmbit: y = (_) => console.log(`OnCLickAmbit: ${_}`)
 }) => {
-  const { t: v } = $(), [_, g] = V(n);
+  const { t: _ } = $(), [v, C] = V(n);
   F(() => {
-    n && g(n);
+    n && C(n);
   }, [n]);
-  const C = (y) => {
-    if (_ && _.length > 0) {
-      let x = [..._];
-      x.sort((w, k) => w[y].localeCompare(k[y])), g(x);
+  const m = (b) => {
+    if (v && v.length > 0) {
+      let x = [...v];
+      x.sort((w, k) => w[b].localeCompare(k[b])), C(x);
     }
   };
   return /* @__PURE__ */ p(
@@ -157,12 +157,12 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { borderBottom: `1px solid ${s}` },
             children: [
               /* @__PURE__ */ p("div", { className: G.nameDateContainer, children: [
-                /* @__PURE__ */ i("div", { className: G.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => C("name"), children: [
-                  /* @__PURE__ */ i("span", { children: v(t) }),
+                /* @__PURE__ */ i("div", { className: G.ambitName, children: /* @__PURE__ */ p("button", { onClick: () => m("name"), children: [
+                  /* @__PURE__ */ i("span", { children: _(t) }),
                   /* @__PURE__ */ i("img", { src: Qe })
                 ] }) }),
-                /* @__PURE__ */ i("div", { className: G.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => C("date"), children: [
-                  /* @__PURE__ */ i("span", { children: v(r) }),
+                /* @__PURE__ */ i("div", { className: G.ambitDate, children: /* @__PURE__ */ p("button", { onClick: () => m("date"), children: [
+                  /* @__PURE__ */ i("span", { children: _(r) }),
                   /* @__PURE__ */ i("img", { src: Qe })
                 ] }) })
               ] }),
@@ -170,19 +170,19 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             ]
           }
         ),
-        /* @__PURE__ */ i("div", { className: G.ambitListContainer, children: _ && _.length > 0 && _.map((y) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: G.ambitListContainer, children: v && v.length > 0 && v.map((b) => /* @__PURE__ */ i(
           ht,
           {
-            isActive: d == y.id,
-            ambit: y,
+            isActive: d == b.id,
+            ambit: b,
             fontColor: s,
             activeColor: o,
-            onClickCopy: m,
-            onClickDelete: h,
+            onClickCopy: h,
+            onClickDelete: g,
             onClickFilters: f,
-            onClickAmbit: b
+            onClickAmbit: y
           },
-          `ambitKey${y.id}`
+          `ambitKey${b.id}`
         )) }),
         /* @__PURE__ */ i("div", { className: G.newAmbitButtonContainer, children: /* @__PURE__ */ i(
           Me,
@@ -190,7 +190,7 @@ const Qe = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             style: { ...a },
             onClick: u,
             borderColor: "grey",
-            children: v(l)
+            children: _(l)
           }
         ) })
       ]
@@ -257,25 +257,25 @@ const A2 = ({
       children: n.map((a, c) => {
         const {
           icon: u,
-          activeIcon: m,
-          isActive: h,
+          activeIcon: h,
+          isActive: g,
           name: f,
-          onClick: b,
-          disabled: v
-        } = a, _ = /* @__PURE__ */ p(qe, { children: [
+          onClick: y,
+          disabled: _
+        } = a, v = /* @__PURE__ */ p(qe, { children: [
           s && o === "left" && /* @__PURE__ */ i("span", { className: X.buttonName, children: l(f) }),
-          /* @__PURE__ */ i("img", { src: h ? m : u, alt: l(f) }),
+          /* @__PURE__ */ i("img", { src: g ? h : u, alt: l(f) }),
           s && o === "right" && /* @__PURE__ */ i("span", { className: X.buttonName, children: l(f) })
         ] });
         return /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
           /* @__PURE__ */ i(
             "button",
             {
-              onClick: b,
+              onClick: y,
               className: `${X.button}
-                ${h && X.active}`,
-              disabled: v,
-              children: _
+                ${g && X.active}`,
+              disabled: _,
+              children: v
             }
           ),
           t && /* @__PURE__ */ i(se, { text: f, position: r })
@@ -319,9 +319,9 @@ const I2 = "_indicatorsCategory_fj2r2_2", O2 = "_title_fj2r2_6", q2 = "_mainTitl
   titleFontStyles: a,
   showBottomBar: c = !0,
   titleMarginChildren: u = 15,
-  mainTitle: m = !1
+  mainTitle: h = !1
 }) => {
-  const { t: h } = $();
+  const { t: g } = $();
   return /* @__PURE__ */ p(
     Ke.div,
     {
@@ -332,7 +332,7 @@ const I2 = "_indicatorsCategory_fj2r2_2", O2 = "_title_fj2r2_6", q2 = "_mainTitl
       style: {
         backgroundColor: "white",
         borderBottom: n && c ? `1px solid ${t}` : "0px",
-        minHeight: m ? "70px" : "50px"
+        minHeight: h ? "70px" : "50px"
       },
       children: [
         /* @__PURE__ */ p(
@@ -342,15 +342,15 @@ const I2 = "_indicatorsCategory_fj2r2_2", O2 = "_title_fj2r2_6", q2 = "_mainTitl
               ...a
               //marginBottom: titleMarginChildren ? titleMarginChildren : "auto",
             },
-            className: `${ke.title} ${m && ke.mainTitle}`,
+            className: `${ke.title} ${h && ke.mainTitle}`,
             onClick: d,
             children: [
               /* @__PURE__ */ i("span", { style: { color: n ? t : o }, children: n ? "-" : "+" }),
-              /* @__PURE__ */ i("span", { style: { color: n ? t : o }, children: h(r) })
+              /* @__PURE__ */ i("span", { style: { color: n ? t : o }, children: g(r) })
             ]
           }
         ),
-        /* @__PURE__ */ i("div", { className: ke.content, style: { padding: m ? "20px 0px" : "0px" }, children: s })
+        /* @__PURE__ */ i("div", { className: ke.content, style: { padding: h ? "20px 0px" : "0px" }, children: s })
       ]
     }
   );
@@ -379,10 +379,10 @@ const po = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), R2 = "data
   activeFiltersType: null,
   geoLayers: []
 })), gt = ({ title: n, onClick: d, isOpen: s = !0, textColor: o = "#ffffff", backgroundColor: t = "#605B5680", activeColor: r, fontColor: l = "#605B56" }) => {
-  const { t: a } = $(), { tematicalFiltersSelected: c, activeFiltersType: u } = T((f) => f), m = (f) => {
-    T.setState((b) => ({
-      tematicalFiltersSelected: b.tematicalFiltersSelected.filter(
-        (v) => v.code !== f
+  const { t: a } = $(), { tematicalFiltersSelected: c, activeFiltersType: u } = T((f) => f), h = (f) => {
+    T.setState((y) => ({
+      tematicalFiltersSelected: y.tematicalFiltersSelected.filter(
+        (_) => _.code !== f
       )
     }));
   };
@@ -397,10 +397,10 @@ const po = () => /* @__PURE__ */ i("div", { children: "EditAmbit" }), R2 = "data
       activeColor: r,
       mainTitle: !0,
       color: l,
-      children: /* @__PURE__ */ i("div", { className: Xe.AppliedFiltersContainer, children: c == null ? void 0 : c.map((f, b) => /* @__PURE__ */ p("div", { className: Xe.AppliedFilterContent, style: { color: o, background: t }, children: [
+      children: /* @__PURE__ */ i("div", { className: Xe.AppliedFiltersContainer, children: c == null ? void 0 : c.map((f, y) => /* @__PURE__ */ p("div", { className: Xe.AppliedFilterContent, style: { color: o, background: t }, children: [
         a(f.name),
-        /* @__PURE__ */ i("img", { src: R2, alt: "CloseIcon", onClick: () => m(f.code), style: { cursor: "pointer" } })
-      ] }, b)) })
+        /* @__PURE__ */ i("img", { src: R2, alt: "CloseIcon", onClick: () => h(f.code), style: { cursor: "pointer" } })
+      ] }, y)) })
     }
   );
 };
@@ -429,13 +429,13 @@ const j2 = "_layersList_cn837_25", z2 = "_layerName_cn837_34", Je = {
   activeColor: t,
   onGeoLayersChange: r
 }) => {
-  const { t: l } = $(), { activeFiltersType: a, geoLayers: c } = T((h) => h), u = () => {
+  const { t: l } = $(), { activeFiltersType: a, geoLayers: c } = T((g) => g), u = () => {
     a == "geographical" ? T.setState(() => ({ activeFiltersType: null })) : T.setState(() => ({ activeFiltersType: "geographical" }));
-  }, m = (h) => {
+  }, h = (g) => {
     T.setState((f) => ({
-      geoLayers: f.geoLayers.map((b) => ({
-        ...b,
-        active: b.name === h.name
+      geoLayers: f.geoLayers.map((y) => ({
+        ...y,
+        active: y.name === g.name
       }))
     })), r(c);
   };
@@ -450,15 +450,15 @@ const j2 = "_layersList_cn837_25", z2 = "_layerName_cn837_34", Je = {
       activeColor: t,
       color: s,
       mainTitle: !0,
-      children: /* @__PURE__ */ i("div", { className: `${Je.layersList}`, children: c.map((h) => /* @__PURE__ */ p(
+      children: /* @__PURE__ */ i("div", { className: `${Je.layersList}`, children: c.map((g) => /* @__PURE__ */ p(
         "div",
         {
           className: `${Je.layerName}`,
-          style: { color: h.active ? t : s, fontWeight: h.active ? "bold" : "normal" },
-          onClick: () => m(h),
+          style: { color: g.active ? t : s, fontWeight: g.active ? "bold" : "normal" },
+          onClick: () => h(g),
           children: [
-            l(h.name),
-            h.active
+            l(g.name),
+            g.active
           ]
         }
       )) })
@@ -566,19 +566,19 @@ let Pe = function(n) {
       t.setState({ index: -1 }, t.onEnd(t.getKeyDownEventMap()));
     }, t.onMouseMove = (a) => {
       t.setState({ pending: !0 });
-      const c = t.getMousePosition(a), u = t.getDiffPosition(c[0]), m = t.getValueFromPosition(u);
-      t.move(m);
+      const c = t.getMousePosition(a), u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
+      t.move(h);
     }, t.onTouchMove = (a) => {
       if (a.touches.length > 1) return;
       t.setState({ pending: !0 });
       const c = t.getTouchPosition(a);
       if (t.isScrolling === void 0) {
-        const h = c[0] - t.startPosition[0], f = c[1] - t.startPosition[1];
-        t.isScrolling = Math.abs(f) > Math.abs(h);
+        const g = c[0] - t.startPosition[0], f = c[1] - t.startPosition[1];
+        t.isScrolling = Math.abs(f) > Math.abs(g);
       }
       if (t.isScrolling) return void t.setState({ index: -1 });
-      const u = t.getDiffPosition(c[0]), m = t.getValueFromPosition(u);
-      t.move(m);
+      const u = t.getDiffPosition(c[0]), h = t.getValueFromPosition(u);
+      t.move(h);
     }, t.onKeyDown = (a) => {
       if (!(a.ctrlKey || a.shiftKey || a.altKey || a.metaKey)) switch (t.setState({ pending: !0 }), a.key) {
         case "ArrowLeft":
@@ -631,8 +631,8 @@ let Pe = function(n) {
       if (t.props.disabled || c.touches.length > 1) return;
       t.setState({ pending: !0 });
       const u = t.getTouchPosition(c);
-      t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), Se(t.getTouchEventMap()), function(m) {
-        m.stopPropagation && m.stopPropagation();
+      t.startPosition = u, t.isScrolling = void 0, t.start(a, u[0]), Se(t.getTouchEventMap()), function(h) {
+        h.stopPropagation && h.stopPropagation();
       }(c);
     }, t.handleResize = () => {
       const a = window.setTimeout(() => {
@@ -640,13 +640,13 @@ let Pe = function(n) {
       }, 0);
       t.pendingResizeTimeouts.push(a);
     }, t.renderThumb = (a, c) => {
-      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), m = { ref: (f) => {
+      const u = t.props.thumbClassName + " " + t.props.thumbClassName + "-" + c + " " + (t.state.index === c ? t.props.thumbActiveClassName : ""), h = { ref: (f) => {
         t["thumb" + c] = f;
-      }, key: t.props.thumbClassName + "-" + c, className: u, style: a, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, h = { index: c, value: Ne(t.state.value), valueNow: t.state.value[c] };
-      return t.props.ariaValuetext && (m["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(h)), t.props.renderThumb(m, h);
+      }, key: t.props.thumbClassName + "-" + c, className: u, style: a, onMouseDown: t.createOnMouseDown(c), onTouchStart: t.createOnTouchStart(c), onFocus: t.createOnKeyDown(c), tabIndex: 0, role: "slider", "aria-orientation": t.props.orientation, "aria-valuenow": t.state.value[c], "aria-valuemin": t.props.min, "aria-valuemax": t.props.max, "aria-label": Array.isArray(t.props.ariaLabel) ? t.props.ariaLabel[c] : t.props.ariaLabel, "aria-labelledby": Array.isArray(t.props.ariaLabelledby) ? t.props.ariaLabelledby[c] : t.props.ariaLabelledby, "aria-disabled": t.props.disabled }, g = { index: c, value: Ne(t.state.value), valueNow: t.state.value[c] };
+      return t.props.ariaValuetext && (h["aria-valuetext"] = typeof t.props.ariaValuetext == "string" ? t.props.ariaValuetext : t.props.ariaValuetext(g)), t.props.renderThumb(h, g);
     }, t.renderTrack = (a, c, u) => {
-      const m = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - u) }, h = { index: a, value: Ne(t.state.value) };
-      return t.props.renderTrack(m, h);
+      const h = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - u) }, g = { index: a, value: Ne(t.state.value) };
+      return t.props.renderTrack(h, g);
     };
     let r = Ve(o.value);
     r.length || (r = Ve(o.defaultValue)), t.pendingResizeTimeouts = [];
@@ -677,8 +677,8 @@ let Pe = function(n) {
     let t = Number.MAX_VALUE, r = -1;
     const { value: l } = this.state, a = l.length;
     for (let c = 0; c < a; c += 1) {
-      const u = this.calcOffset(l[c]), m = Math.abs(o - u);
-      m < t && (t = m, r = c);
+      const u = this.calcOffset(l[c]), h = Math.abs(o - u);
+      h < t && (t = h, r = c);
     }
     return r;
   }, s.getMousePosition = function(o) {
@@ -701,8 +701,8 @@ let Pe = function(n) {
   }, s.resize = function() {
     const { slider: o, thumb0: t } = this;
     if (!o || !t) return;
-    const r = this.sizeKey(), l = o.getBoundingClientRect(), a = o[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], m = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], h = a - m, f = Math.abs(c - u);
-    this.state.upperBound === h && this.state.sliderLength === f && this.state.thumbSize === m || this.setState({ upperBound: h, sliderLength: f, thumbSize: m });
+    const r = this.sizeKey(), l = o.getBoundingClientRect(), a = o[r], c = l[this.posMaxKey()], u = l[this.posMinKey()], h = t.getBoundingClientRect()[r.replace("client", "").toLowerCase()], g = a - h, f = Math.abs(c - u);
+    this.state.upperBound === g && this.state.sliderLength === f && this.state.thumbSize === h || this.setState({ upperBound: g, sliderLength: f, thumbSize: h });
   }, s.calcOffset = function(o) {
     const t = this.props.max - this.props.min;
     return t === 0 ? 0 : (o - this.props.min) / t * this.state.upperBound;
@@ -741,28 +741,28 @@ let Pe = function(n) {
     const t = this.state.value.slice(), { index: r } = this.state, { length: l } = t, a = t[r];
     if (o === a) return;
     this.hasMoved || this.fireChangeEvent("onBeforeChange"), this.hasMoved = !0;
-    const { pearling: c, max: u, min: m, minDistance: h } = this.props;
+    const { pearling: c, max: u, min: h, minDistance: g } = this.props;
     if (!c) {
       if (r > 0) {
         const f = t[r - 1];
-        o < f + h && (o = f + h);
+        o < f + g && (o = f + g);
       }
       if (r < l - 1) {
         const f = t[r + 1];
-        o > f - h && (o = f - h);
+        o > f - g && (o = f - g);
       }
     }
-    t[r] = o, c && l > 1 && (o > a ? (this.pushSucceeding(t, h, r), function(f, b, v, _) {
-      for (let g = 0; g < f; g += 1) {
-        const C = _ - g * v;
-        b[f - 1 - g] > C && (b[f - 1 - g] = C);
+    t[r] = o, c && l > 1 && (o > a ? (this.pushSucceeding(t, g, r), function(f, y, _, v) {
+      for (let C = 0; C < f; C += 1) {
+        const m = v - C * _;
+        y[f - 1 - C] > m && (y[f - 1 - C] = m);
       }
-    }(l, t, h, u)) : o < a && (this.pushPreceding(t, h, r), function(f, b, v, _) {
-      for (let g = 0; g < f; g += 1) {
-        const C = _ + g * v;
-        b[g] < C && (b[g] = C);
+    }(l, t, g, u)) : o < a && (this.pushPreceding(t, g, r), function(f, y, _, v) {
+      for (let C = 0; C < f; C += 1) {
+        const m = v + C * _;
+        y[C] < m && (y[C] = m);
       }
-    }(l, t, h, m))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
+    }(l, t, g, h))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, s.pushSucceeding = function(o, t, r) {
     let l, a;
     for (l = r, a = o[l] + t; o[l + 1] !== null && a > o[l + 1]; l += 1, a = o[l] + t) o[l + 1] = Ee(a, this.props);
@@ -836,11 +836,11 @@ const U2 = "_container_4u41i_2", W2 = "_unitLabel_4u41i_8", G2 = "_slider_4u41i_
   defaultValue: a,
   isDate: c
 }) => {
-  const { t: u } = $(), m = c ? new Date(n).getTime() : null, h = c ? new Date(d).getTime() : null, [f, b] = V(c ? [m, h] : [n, d]), v = (_) => {
-    b(_), o == null || o({ min: _[0], max: _[1] });
+  const { t: u } = $(), h = c ? new Date(n).getTime() : null, g = c ? new Date(d).getTime() : null, [f, y] = V(c ? [h, g] : [n, d]), _ = (v) => {
+    y(v), o == null || o({ min: v[0], max: v[1] });
   };
   return F(() => {
-    a || b(c ? [m, h] : [n, d]);
+    a || y(c ? [h, g] : [n, d]);
   }, [a, c]), /* @__PURE__ */ p(
     "div",
     {
@@ -854,11 +854,11 @@ const U2 = "_container_4u41i_2", W2 = "_unitLabel_4u41i_8", G2 = "_slider_4u41i_
             className: ae.slider,
             thumbClassName: ae.thumb,
             trackClassName: ae.track,
-            min: c ? m : n,
-            max: c ? h : d,
-            step: c ? (h - m) / 30 : s,
+            min: c ? h : n,
+            max: c ? g : d,
+            step: c ? (g - h) / 30 : s,
             value: f,
-            onAfterChange: v,
+            onAfterChange: _,
             withTracks: !0,
             pearling: !c,
             minDistance: c ? 0 : 0.1
@@ -909,23 +909,23 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
     minValue: a,
     maxValue: c,
     unit: u,
-    step: m,
-    disabled: h,
+    step: h,
+    disabled: g,
     isDate: f
-  } = n || {}, b = me(
+  } = n || {}, y = me(
     () => t == "cat" || s == "cat",
     [s, t]
-  ), v = me(
+  ), _ = me(
     () => t == "abs" || s == "abs",
     [s, t]
   ), {
-    tematicalFiltersSelected: _,
-    selectedIndicator: g,
-    fontColor: C,
-    inputsColor: y
+    tematicalFiltersSelected: v,
+    selectedIndicator: C,
+    fontColor: m,
+    inputsColor: b
   } = T((k) => k), x = (k) => {
     if (k) {
-      const { min: S, max: L, valueClicked: N, allValues: B } = k || {}, { code: O, type: q, source: M } = n || {}, H = v ? "abs" : b ? "cat" : "both";
+      const { min: S, max: L, valueClicked: N, allValues: B } = k || {}, { code: O, type: q, source: M } = n || {}, H = _ ? "abs" : y ? "cat" : "both";
       let z = O[0];
       q == "both" && (z = H == "cat" ? O[1] : O[0]), H == "cat" ? T.setState((Q) => {
         let W = Q.tematicalFiltersSelected.find(
@@ -948,7 +948,7 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
           let E = B.map((j, At) => At);
           return {
             tematicalFiltersSelected: [
-              ..._,
+              ...v,
               {
                 type: "cat",
                 code: z,
@@ -980,7 +980,7 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
         } else
           return {
             tematicalFiltersSelected: [
-              ..._,
+              ...v,
               {
                 type: H,
                 code: z,
@@ -995,38 +995,38 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
     }
   }, w = me(() => {
     const k = {};
-    if ((_ == null ? void 0 : _.length) > 0)
-      for (const S of _)
+    if ((v == null ? void 0 : v.length) > 0)
+      for (const S of v)
         S.type === "cat" ? k[S.code] = new Set(S.values) : k[S.code] = [S.min, S.max];
     return k;
-  }, [_]);
+  }, [v]);
   return /* @__PURE__ */ i("div", { className: $e.tematicalFiltersInputContainer, children: /* @__PURE__ */ p(
     re,
     {
       titleFontStyles: {
         fontSize: 16,
         fontWeight: 400,
-        opacity: h ? 0.5 : 1
+        opacity: g ? 0.5 : 1
       },
       title: r,
-      isOpen: g == `id${r}`,
+      isOpen: C == `id${r}`,
       onClick: () => {
-        h || T.setState(() => ({
-          selectedIndicator: g == `id${r}` ? "" : `id${r}`
+        g || T.setState(() => ({
+          selectedIndicator: C == `id${r}` ? "" : `id${r}`
         }));
       },
       showBottomBar: !1,
       height: 42,
       titleMarginChildren: 14,
       className: "tematicalFiltersInputContainer",
-      color: C,
+      color: m,
       activeColor: d,
       children: [
         t == "both" && /* @__PURE__ */ p(
           "div",
           {
             className: $e.inputTypeContainer,
-            style: { color: C },
+            style: { color: m },
             children: [
               /* @__PURE__ */ p("label", { children: [
                 /* @__PURE__ */ i(
@@ -1040,8 +1040,8 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: s == "abs" ? y : "white",
-                      border: `1.5px solid ${s == "abs" ? y : C}`
+                      backgroundColor: s == "abs" ? b : "white",
+                      border: `1.5px solid ${s == "abs" ? b : m}`
                     }
                   }
                 ),
@@ -1059,8 +1059,8 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
                     },
                     style: {
                       marginRight: 4,
-                      backgroundColor: s == "cat" ? y : "white",
-                      border: `1.5px solid ${s == "cat" ? y : C}`
+                      backgroundColor: s == "cat" ? b : "white",
+                      border: `1.5px solid ${s == "cat" ? b : m}`
                     }
                   }
                 ),
@@ -1069,7 +1069,7 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
             ]
           }
         ),
-        b && /* @__PURE__ */ i("div", { className: $e.checkboxContainer, children: l.map((k, S) => {
+        y && /* @__PURE__ */ i("div", { className: $e.checkboxContainer, children: l.map((k, S) => {
           var L;
           return /* @__PURE__ */ i(
             ft,
@@ -1081,7 +1081,7 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
             `checkbox-${S}`
           );
         }) }),
-        (v || t == "glb") && /* @__PURE__ */ i("div", { className: $e.absoluteSliderContainer, children: /* @__PURE__ */ i(
+        (_ || t == "glb") && /* @__PURE__ */ i("div", { className: $e.absoluteSliderContainer, children: /* @__PURE__ */ i(
           bt,
           {
             onChange: x,
@@ -1090,7 +1090,7 @@ const J2 = "_tematicalFiltersInputContainer_1vm1r_2", en = "_inputTypeContainer_
             unit: u,
             defaultValue: w[n.code[0]] ? w[n.code[0]] : "",
             isDate: f,
-            step: m
+            step: h
           }
         ) })
       ]
@@ -1218,7 +1218,7 @@ const vt = ({
   inputsColor: t = "#605B56",
   activeColor: r
 }) => {
-  const { tematicalFiltersSelected: l, activeFiltersType: a } = T((m) => m), { t: c } = $();
+  const { tematicalFiltersSelected: l, activeFiltersType: a } = T((h) => h), { t: c } = $();
   F(() => {
   }, [l]), F(() => {
     o && T.setState(() => ({ fontColor: o }));
@@ -1237,14 +1237,14 @@ const vt = ({
       activeColor: r,
       onClick: u,
       mainTitle: !0,
-      children: n == null ? void 0 : n.map((m, h) => /* @__PURE__ */ i(
+      children: n == null ? void 0 : n.map((h, g) => /* @__PURE__ */ i(
         _t,
         {
-          category: m,
+          category: h,
           fontColor: o,
           activeColor: r
         },
-        `category-${h}`
+        `category-${g}`
       ))
     }
   );
@@ -1277,37 +1277,37 @@ const sn = "_FiltersAmbitContainer_fj99t_2", on = "_FiltersAmbitHeader_fj99t_15"
   onChangeAppliedFilters: a,
   saveAmbit: c,
   namePlaceholder: u,
-  descPlaceholder: m,
-  filtersTypes: h = ["geographical", "tematical"],
+  descPlaceholder: h,
+  filtersTypes: g = ["geographical", "tematical"],
   nameRequiredText: f,
-  geoFilterLayers: b = [],
-  onGeoLayersChange: v,
-  onlyFilters: _ = !1
+  geoFilterLayers: y = [],
+  onGeoLayersChange: _,
+  onlyFilters: v = !1
   //usamos esta opción para ocultar el nombre, la descripción y el botón de guardar ámbito
 }) => {
-  const { t: g } = $(), { tematicalFiltersSelected: C, activeFiltersType: y, geoLayers: x } = T((q) => q), [w, k] = V(n || null), [S, L] = V(d || null), [N, B] = V(!1);
+  const { t: C } = $(), { tematicalFiltersSelected: m, activeFiltersType: b, geoLayers: x } = T((q) => q), [w, k] = V(n || null), [S, L] = V(d || null), [N, B] = V(!1);
   F(() => {
     s && s.length > 0 && T.setState((q) => ({
       tematicalFiltersSelected: s
     }));
   }, [s]), F(() => {
-    h.includes("geographical") && x != b && T.setState({ geoLayers: b });
-  }, [b]), F(() => {
-    a(C);
-  }, [C]);
+    g.includes("geographical") && x != y && T.setState({ geoLayers: y });
+  }, [y]), F(() => {
+    a(m);
+  }, [m]);
   const O = () => {
     w ? c({ name: w, description: S }) : B(!0);
   };
   return F(() => {
-    h.includes("geographical") && y != "geographical" && x.length > 0 && T.setState((q) => ({
+    g.includes("geographical") && b != "geographical" && x.length > 0 && T.setState((q) => ({
       geoLayers: q.geoLayers.map((M) => ({
         ...M,
         active: !1
       }))
     }));
-  }, [y]), /* @__PURE__ */ p("div", { className: ee.FiltersAmbitContainer, children: [
+  }, [b]), /* @__PURE__ */ p("div", { className: ee.FiltersAmbitContainer, children: [
     /* @__PURE__ */ p("div", { children: [
-      !_ && /* @__PURE__ */ p("div", { className: ee.FiltersAmbitHeader, children: [
+      !v && /* @__PURE__ */ p("div", { className: ee.FiltersAmbitHeader, children: [
         /* @__PURE__ */ i("div", { className: ee.FiltersAmbitTitle, children: /* @__PURE__ */ i(
           "input",
           {
@@ -1316,7 +1316,7 @@ const sn = "_FiltersAmbitContainer_fj99t_2", on = "_FiltersAmbitHeader_fj99t_15"
               B(!1), k(q.target.value);
             },
             value: w,
-            placeholder: g(u)
+            placeholder: C(u)
           }
         ) }),
         /* @__PURE__ */ i("div", { className: ee.FiltersAmbitDescription, children: /* @__PURE__ */ i("div", { className: ee.FiltersAmbitDescriptionTitle, children: /* @__PURE__ */ i(
@@ -1324,29 +1324,29 @@ const sn = "_FiltersAmbitContainer_fj99t_2", on = "_FiltersAmbitHeader_fj99t_15"
           {
             value: S,
             onChange: (q) => L(q.target.value),
-            placeholder: g(m)
+            placeholder: C(h)
           }
         ) }) })
       ] }),
       /* @__PURE__ */ i(
         gt,
         {
-          title: g("applied_filters"),
-          isOpen: y == "applied",
+          title: C("applied_filters"),
+          isOpen: b == "applied",
           textColor: r || "#fff",
           backgroundColor: l || "#605B5680",
           activeColor: t
         }
       ),
-      h.includes("geographical") && /* @__PURE__ */ i(
+      g.includes("geographical") && /* @__PURE__ */ i(
         Ct,
         {
           title: "geo_filters",
           activeColor: t,
-          onGeoLayersChange: v
+          onGeoLayersChange: _
         }
       ),
-      h.includes("tematical") && /* @__PURE__ */ i(
+      g.includes("tematical") && /* @__PURE__ */ i(
         vt,
         {
           indicators: o,
@@ -1356,9 +1356,9 @@ const sn = "_FiltersAmbitContainer_fj99t_2", on = "_FiltersAmbitHeader_fj99t_15"
           activeColor: t
         }
       ),
-      N && /* @__PURE__ */ i("div", { className: ee.warning, children: g(f) })
+      N && /* @__PURE__ */ i("div", { className: ee.warning, children: C(f) })
     ] }),
-    !_ && /* @__PURE__ */ i("div", { className: ee.buttonContainer, children: /* @__PURE__ */ i(Me, { onClick: () => O(), children: g("save_ambit") }) })
+    !v && /* @__PURE__ */ i("div", { className: ee.buttonContainer, children: /* @__PURE__ */ i(Me, { onClick: () => O(), children: C("save_ambit") }) })
   ] });
 };
 un.propTypes = {
@@ -1390,13 +1390,13 @@ const pn = "_barChartContainer_d2f1z_2", mn = {
   numberOfDivisions: c = 7,
   maxValue: u = null
 }) => {
-  const { t: m } = $(), { xScale: h, ticks: f, height: b } = me(() => {
+  const { t: h } = $(), { xScale: g, ticks: f, height: y } = me(() => {
     if (n && n.length > 0) {
-      const v = (n == null ? void 0 : n.length) * (s + o) + r * 2, _ = Ye.max(n, (y) => y.value) || 1, g = Ye.scaleLinear().domain([0, u || _]).range([0, d - a]), C = Array.from({ length: c + 1 }, (y, x) => u ? u / c * x : _ / c * x);
+      const _ = (n == null ? void 0 : n.length) * (s + o) + r * 2, v = Ye.max(n, (b) => b.value) || 1, C = Ye.scaleLinear().domain([0, u || v]).range([0, d - a]), m = Array.from({ length: c + 1 }, (b, x) => u ? u / c * x : v / c * x);
       return {
-        xScale: g,
-        ticks: C,
-        height: v,
+        xScale: C,
+        ticks: m,
+        height: _,
         width: d,
         verticalPaddign: r,
         horizontalPaddign: l
@@ -1413,36 +1413,36 @@ const pn = "_barChartContainer_d2f1z_2", mn = {
     r,
     u
   ]);
-  return /* @__PURE__ */ i("div", { className: mn.barChartContainer, children: /* @__PURE__ */ i("svg", { width: d + l * 2, height: b, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
-    /* @__PURE__ */ i("g", { transform: `translate(${a + l}, 0)`, children: f.map((v, _) => {
-      const g = h(v);
-      return /* @__PURE__ */ p("g", { transform: `translate(${g}, 0)`, children: [
+  return /* @__PURE__ */ i("div", { className: mn.barChartContainer, children: /* @__PURE__ */ i("svg", { width: d + l * 2, height: y, children: /* @__PURE__ */ p("g", { transform: `translate(0,${o})`, children: [
+    /* @__PURE__ */ i("g", { transform: `translate(${a + l}, 0)`, children: f.map((_, v) => {
+      const C = g(_);
+      return /* @__PURE__ */ p("g", { transform: `translate(${C}, 0)`, children: [
         /* @__PURE__ */ i(
           "line",
           {
             y1: 0,
-            y2: b - o * 2,
+            y2: y - o * 2,
             stroke: "#ccc"
           }
         ),
         /* @__PURE__ */ i(
           "text",
           {
-            y: b - o,
+            y: y - o,
             textAnchor: "middle",
             fontSize: 10,
             fill: t,
-            children: parseInt(v)
+            children: parseInt(_)
           }
         )
-      ] }, _);
+      ] }, v);
     }) }),
-    n && n.length > 0 && (n == null ? void 0 : n.map((v, _) => {
-      const g = h(v.value), C = _ * (s + o);
+    n && n.length > 0 && (n == null ? void 0 : n.map((_, v) => {
+      const C = g(_.value), m = v * (s + o);
       return /* @__PURE__ */ p(
         "g",
         {
-          transform: `translate(${a + l}, ${C})`,
+          transform: `translate(${a + l}, ${m})`,
           children: [
             /* @__PURE__ */ i(
               "text",
@@ -1451,21 +1451,21 @@ const pn = "_barChartContainer_d2f1z_2", mn = {
                 y: s / 2 + 5,
                 textAnchor: "end",
                 fill: t,
-                children: m(v.title)
+                children: h(_.title)
               }
             ),
             /* @__PURE__ */ i(
               "rect",
               {
-                width: g,
+                width: C,
                 height: s,
-                fill: v.color,
+                fill: _.color,
                 rx: 0
               }
             )
           ]
         },
-        _
+        v
       );
     }))
   ] }) }) });
@@ -1569,17 +1569,17 @@ const fn = "_indicatorsCategory_1cu33_2", bn = "_title_1cu33_5", yn = "_list_1cu
   multiple: a = !1,
   onChangeType: c
 }) => {
-  const { t: u } = $(), { name: m, type: h, disabled: f } = n;
+  const { t: u } = $(), { name: h, type: g, disabled: f } = n;
   console.log(tt);
-  const [b, v] = V(!1);
+  const [y, _] = V(!1);
   F(() => {
-    t && v(
+    t && _(
       a ? t.some(
-        (C) => C.name == String(m)
-      ) : t.name == m
+        (m) => m.name == String(h)
+      ) : t.name == h
     );
   }, [t]);
-  const _ = () => /* @__PURE__ */ i("div", { className: R.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: R.switchType, children: /* @__PURE__ */ p("div", { className: R.switchTypeOptions, children: [
+  const v = () => /* @__PURE__ */ i("div", { className: R.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: R.switchType, children: /* @__PURE__ */ p("div", { className: R.switchTypeOptions, children: [
     /* @__PURE__ */ p(
       "div",
       {
@@ -1638,7 +1638,7 @@ const fn = "_indicatorsCategory_1cu33_2", bn = "_title_1cu33_5", yn = "_list_1cu
         ]
       }
     )
-  ] }) }) }), g = () => /* @__PURE__ */ i("div", { className: R.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: R.switchType, children: /* @__PURE__ */ i("div", { className: R.switchTypeOptions, children: d.map((C, y) => /* @__PURE__ */ p(
+  ] }) }) }), C = () => /* @__PURE__ */ i("div", { className: R.switchExternalContainer, children: /* @__PURE__ */ i("div", { className: R.switchType, children: /* @__PURE__ */ i("div", { className: R.switchTypeOptions, children: d.map((m, b) => /* @__PURE__ */ p(
     "div",
     {
       className: R.optionContainer,
@@ -1649,10 +1649,10 @@ const fn = "_indicatorsCategory_1cu33_2", bn = "_title_1cu33_5", yn = "_list_1cu
             className: R.customRadious
           }
         ),
-        /* @__PURE__ */ i("h4", { children: u(C.unit) })
+        /* @__PURE__ */ i("h4", { children: u(m.unit) })
       ]
     },
-    y
+    b
   )) }) }) });
   return /* @__PURE__ */ p("div", { className: R.indicatorContainer, children: [
     /* @__PURE__ */ p(
@@ -1665,12 +1665,12 @@ const fn = "_indicatorsCategory_1cu33_2", bn = "_title_1cu33_5", yn = "_list_1cu
             "div",
             {
               style: {
-                border: b ? `1px solid ${s}` : `1px solid ${o}`,
+                border: y ? `1px solid ${s}` : `1px solid ${o}`,
                 opacity: f ? 0.5 : 1,
-                backgroundColor: b ? s : "transparent"
+                backgroundColor: y ? s : "transparent"
               },
               className: R.dot,
-              children: a && /* @__PURE__ */ i("img", { src: b ? _n : tt, alt: "" })
+              children: a && /* @__PURE__ */ i("img", { src: y ? _n : tt, alt: "" })
             }
           ),
           /* @__PURE__ */ i(
@@ -1678,13 +1678,13 @@ const fn = "_indicatorsCategory_1cu33_2", bn = "_title_1cu33_5", yn = "_list_1cu
             {
               className: R.indicatorName,
               style: {
-                color: b ? s : o,
+                color: y ? s : o,
                 opacity: f ? 0.5 : 1
               },
               children: /* @__PURE__ */ i(
                 He,
                 {
-                  i18nKey: m,
+                  i18nKey: h,
                   components: { sup: /* @__PURE__ */ i("sup", {}) },
                   shouldUnescape: !0
                 }
@@ -1694,8 +1694,8 @@ const fn = "_indicatorsCategory_1cu33_2", bn = "_title_1cu33_5", yn = "_list_1cu
         ]
       }
     ),
-    (t == null ? void 0 : t.name) === m && h === "both" && /* @__PURE__ */ i("div", { children: _() }),
-    (t == null ? void 0 : t.name) === m && h === "twoUnits" && /* @__PURE__ */ i("div", { children: g() })
+    (t == null ? void 0 : t.name) === h && g === "both" && /* @__PURE__ */ i("div", { children: v() }),
+    (t == null ? void 0 : t.name) === h && g === "twoUnits" && /* @__PURE__ */ i("div", { children: C() })
   ] });
 };
 We.propTypes = {
@@ -1724,43 +1724,43 @@ const Mn = "_indicatorsSubCategory_1dzsi_2", Dn = "_list_1dzsi_8", nt = {
   activeIndicator: a,
   onClickIndicator: c,
   multiple: u,
-  activeIndicatorType: m,
-  onChangeType: h
+  activeIndicatorType: h,
+  onChangeType: g
 }) => {
-  const { t: f } = $(), [b, v] = V(!1);
+  const { t: f } = $(), [y, _] = V(!1);
   return F(() => {
-    v(t == l);
+    _(t == l);
   }, [t, l]), /* @__PURE__ */ p(
     Ke.div,
     {
       className: nt.indicatorsSubCategory,
       initial: { height: "43px" },
-      animate: { height: b ? "auto" : "43px" },
+      animate: { height: y ? "auto" : "43px" },
       transition: { duration: 0.4 },
       children: [
-        /* @__PURE__ */ i("button", { onClick: () => r(l), children: /* @__PURE__ */ p("h3", { style: { color: b ? o : s }, children: [
-          /* @__PURE__ */ i("span", { style: { color: b ? o : s }, children: b ? "-" : "+" }),
+        /* @__PURE__ */ i("button", { onClick: () => r(l), children: /* @__PURE__ */ p("h3", { style: { color: y ? o : s }, children: [
+          /* @__PURE__ */ i("span", { style: { color: y ? o : s }, children: y ? "-" : "+" }),
           /* @__PURE__ */ i(
             "span",
             {
-              style: { marginLeft: 12, color: b ? o : s },
+              style: { marginLeft: 12, color: y ? o : s },
               children: f(n)
             }
           )
         ] }) }),
-        d && /* @__PURE__ */ i("div", { className: nt.list, children: d == null ? void 0 : d.map((_, g) => /* @__PURE__ */ i(
+        d && /* @__PURE__ */ i("div", { className: nt.list, children: d == null ? void 0 : d.map((v, C) => /* @__PURE__ */ i(
           We,
           {
-            indicator: _,
+            indicator: v,
             defaultColor: s,
             activeColor: o,
             activeIndicator: a,
             onClickIndicator: c,
             multiple: u,
-            activeIndicatorType: m,
-            onChangeType: h
+            activeIndicatorType: h,
+            onChangeType: g
           },
-          "indicator" + g
+          "indicator" + C
         )) })
       ]
     }
@@ -1789,70 +1789,70 @@ const kt = ({
   onClickSubCategory: a,
   activeIndicator: c,
   onClickIndicator: u,
-  multiple: m,
-  activeIndicatorType: h,
+  multiple: h,
+  activeIndicatorType: g,
   onChangeType: f
 }) => {
-  var g;
-  const { t: b } = $(), [v, _] = V(!1);
+  var C;
+  const { t: y } = $(), [_, v] = V(!1);
   return F(() => {
-    _(r === d);
+    v(r === d);
   }, [r, d]), /* @__PURE__ */ p(
     Ke.div,
     {
       className: Ae.indicatorsCategory,
       initial: { height: "53px" },
-      animate: { height: v ? "auto" : "53px" },
+      animate: { height: _ ? "auto" : "53px" },
       transition: { duration: 0.4 },
       style: {
         backgroundColor: "white",
-        borderBottom: v ? `1px solid ${s}` : "0px",
-        marginBottom: v ? "20px" : "0px"
+        borderBottom: _ ? `1px solid ${s}` : "0px",
+        marginBottom: _ ? "20px" : "0px"
       },
       children: [
         /* @__PURE__ */ p("h2", { className: `${Ae.title}`, onClick: () => t(d), children: [
-          /* @__PURE__ */ i("span", { style: { color: v ? s : o }, children: v ? "-" : "+" }),
+          /* @__PURE__ */ i("span", { style: { color: _ ? s : o }, children: _ ? "-" : "+" }),
           /* @__PURE__ */ i(
             "span",
             {
-              style: { marginLeft: 12, color: v ? s : o },
-              children: b(n.name)
+              style: { marginLeft: 12, color: _ ? s : o },
+              children: y(n.name)
             }
           )
         ] }),
         n.subcategories ? n.subcategories.map(
-          ({ name: C, subcategory: y, indicators: x }, w) => /* @__PURE__ */ i(
+          ({ name: m, subcategory: b, indicators: x }, w) => /* @__PURE__ */ i(
             xt,
             {
-              id: y,
+              id: b,
               activeSubCategory: l,
-              subcName: C,
+              subcName: m,
               onClickSubCategory: a,
               activeIndicator: c,
               onClickIndicator: u,
-              multiple: m,
+              multiple: h,
               activeColor: s,
               defaultColor: o,
               indicators: x,
-              activeIndicatorType: h,
+              activeIndicatorType: g,
               onChangeType: f
             },
             `subcKey ${w}`
           )
-        ) : /* @__PURE__ */ i("div", { className: Ae.list, children: (g = n.indicators) == null ? void 0 : g.map((C, y) => /* @__PURE__ */ i(
+        ) : /* @__PURE__ */ i("div", { className: Ae.list, children: (C = n.indicators) == null ? void 0 : C.map((m, b) => /* @__PURE__ */ i(
           We,
           {
-            indicator: C,
-            values: C.type == "twoUnits" && C.values,
+            indicator: m,
+            values: m.type == "twoUnits" && m.values,
             activeColor: s,
             defaultColor: o,
             activeIndicator: c,
             onClickIndicator: u,
-            multiple: m,
-            activeIndicatorType: h,
+            multiple: h,
+            activeIndicatorType: g,
             onChangeType: f
           },
-          `indicator${y}`
+          `indicator${b}`
         )) })
       ]
     }
@@ -1889,20 +1889,20 @@ const Fn = "_indicatorsList_13b3m_2", Vn = "_title_13b3m_6", it = {
   changeIndType: l,
   activeIndicatorType: a
 }) => {
-  const { t: c } = $(), [u, m] = V(), [h, f] = V(), [b, v] = V(), _ = (w) => {
-    m(u == w ? null : w);
-  }, g = (w) => {
-    f(h == w ? null : w);
-  }, C = ({ indicator: w }) => {
-    y(w);
-  }, y = (w) => {
+  const { t: c } = $(), [u, h] = V(), [g, f] = V(), [y, _] = V(), v = (w) => {
+    h(u == w ? null : w);
+  }, C = (w) => {
+    f(g == w ? null : w);
+  }, m = ({ indicator: w }) => {
+    b(w);
+  }, b = (w) => {
     if (!t)
-      v(
-        (b == null ? void 0 : b.name) == w.name ? null : w
+      _(
+        (y == null ? void 0 : y.name) == w.name ? null : w
       );
     else {
-      let k = b && b.length > 0 ? [...b] : [];
-      v(
+      let k = y && y.length > 0 ? [...y] : [];
+      _(
         k != null && k.some(
           (S) => S.name == w.name
         ) ? k.filter(
@@ -1912,14 +1912,14 @@ const Fn = "_indicatorsList_13b3m_2", Vn = "_title_13b3m_6", it = {
     }
   };
   F(() => {
-    o && typeof o == "function" && b && o({ activeIndicator: b });
-  }, [b]), It(() => {
-    if (r && !b)
+    o && typeof o == "function" && y && o({ activeIndicator: y });
+  }, [y]), It(() => {
+    if (r && !y)
       if (t && r && Array.isArray(r)) {
-        let w = b && b.length > 0 ? [...b] : [];
-        v([...w, ...r]), x(r[0].name);
+        let w = y && y.length > 0 ? [...y] : [];
+        _([...w, ...r]), x(r[0].name);
       } else
-        y(r), x(r.name);
+        b(r), x(r.name);
   }, []);
   const x = (w) => {
     const k = n.find((S) => {
@@ -1932,7 +1932,7 @@ const Fn = "_indicatorsList_13b3m_2", Vn = "_title_13b3m_6", it = {
       } else
         return S.indicators.some((L) => L.name == w);
     });
-    k && m(k.category);
+    k && h(k.category);
   };
   return /* @__PURE__ */ p("div", { className: it.indicatorsList, children: [
     /* @__PURE__ */ i("h2", { className: it.title, style: { color: s }, children: c("indicators.indicators") }),
@@ -1941,12 +1941,12 @@ const Fn = "_indicatorsList_13b3m_2", Vn = "_title_13b3m_6", it = {
       {
         id: w.category,
         cat: w,
-        onClickCategory: _,
+        onClickCategory: v,
         activeCategory: u,
-        onClickSubCategory: g,
-        activeSubCategory: h,
-        onClickIndicator: C,
-        activeIndicator: b,
+        onClickSubCategory: C,
+        activeSubCategory: g,
+        onClickIndicator: m,
+        activeIndicator: y,
         activeColor: d,
         defaultColor: s,
         multiple: t,
@@ -2067,11 +2067,11 @@ const jn = "_legendContainer_qs4x9_3", zn = "_closeButton_qs4x9_31", Zn = "_titl
       children: [
         /* @__PURE__ */ i("button", { className: I.closeButton, onClick: c }),
         d && /* @__PURE__ */ i("div", { className: I.titleContainer, style: { marginBottom: (!s || s.length == 0) && "15px" }, children: /* @__PURE__ */ i("h2", { children: d }) }),
-        s && s.length > 0 && /* @__PURE__ */ i("div", { className: I.infoContainer, children: /* @__PURE__ */ i("ul", { children: s.map(({ title: m, value: h }) => /* @__PURE__ */ p("li", { children: [
-          /* @__PURE__ */ i("h3", { className: I.title, children: `${m}:` }),
+        s && s.length > 0 && /* @__PURE__ */ i("div", { className: I.infoContainer, children: /* @__PURE__ */ i("ul", { children: s.map(({ title: h, value: g }) => /* @__PURE__ */ p("li", { children: [
+          /* @__PURE__ */ i("h3", { className: I.title, children: `${h}:` }),
           /* @__PURE__ */ p("span", { className: I.value, children: [
             "  ",
-            h
+            g
           ] })
         ] }, d)) }) }),
         /* @__PURE__ */ i("h3", { className: I.titleLegendList, style: { marginTop: s && s.length > 0 && "30px" }, children: t && /* @__PURE__ */ i(He, { i18nKey: t, components: { sup: /* @__PURE__ */ i("sup", {}) }, shouldUnescape: !0 }) }),
@@ -2104,16 +2104,16 @@ const jn = "_legendContainer_qs4x9_3", zn = "_closeButton_qs4x9_31", Zn = "_titl
               ] })
             ] })
           ] }) : o && o.length > 0 && /* @__PURE__ */ i("div", { className: I.gridContainer, children: o.map(
-            ({ title: m, color: h }) => /* @__PURE__ */ p("div", { className: I.elementLegendContainer, children: [
+            ({ title: h, color: g }) => /* @__PURE__ */ p("div", { className: I.elementLegendContainer, children: [
               /* @__PURE__ */ i(
                 "div",
                 {
                   className: I.colorDot,
-                  style: { backgroundColor: h }
+                  style: { backgroundColor: g }
                 }
               ),
               /* @__PURE__ */ p("div", { className: I.titleLegendElement, children: [
-                u(m),
+                u(h),
                 " "
               ] })
             ] }, d)
@@ -2190,21 +2190,21 @@ const l0 = ({
   interactiveLayers: a = [],
   popUp: c = !1,
   sources: u = [],
-  layers: m = []
+  layers: h = []
 }) => {
-  const h = oe(), [f, b] = V(null), v = qt((_) => _.mapState.showTexts);
+  const g = oe(), [f, y] = V(null), _ = qt((v) => v.mapState.showTexts);
   return F(() => {
-    if (h.current) {
-      const _ = h.current.getMap();
-      _.getStyle().layers.map((C) => {
-        C.type == "symbol" && C.id != "professionals" && (v ? _.setLayoutProperty(C.id, "visibility", "visible") : _.setLayoutProperty(C.id, "visibility", "none"));
+    if (g.current) {
+      const v = g.current.getMap();
+      v.getStyle().layers.map((m) => {
+        m.type == "symbol" && m.id != "professionals" && (_ ? v.setLayoutProperty(m.id, "visibility", "visible") : v.setLayoutProperty(m.id, "visibility", "none"));
       });
     }
-  }, [v]), /* @__PURE__ */ i("div", { className: `${a0.mapContainer}`, style: r, children: /* @__PURE__ */ p(
+  }, [_]), /* @__PURE__ */ i("div", { className: `${a0.mapContainer}`, style: r, children: /* @__PURE__ */ p(
     Rt,
     {
       initialViewState: n,
-      ref: h,
+      ref: g,
       hash: !1,
       maxZoom: d,
       minZoom: s,
@@ -2212,22 +2212,22 @@ const l0 = ({
       onClick: l,
       interactiveLayerIds: a,
       children: [
-        u.length && u.map((_, g) => /* @__PURE__ */ i(
+        u.length && u.map((v, C) => /* @__PURE__ */ i(
           Et,
           {
-            ..._,
-            children: m.length && m.map((C, y) => {
-              if (C.sourceId == _.id) return /* @__PURE__ */ i(
+            ...v,
+            children: h.length && h.map((m, b) => {
+              if (m.sourceId == v.id) return /* @__PURE__ */ i(
                 Pt,
                 {
-                  ...C.layer,
+                  ...m.layer,
                   beforeId: t
                 },
-                y
+                b
               );
             })
           },
-          g
+          C
         )),
         /* @__PURE__ */ i(jt, { position: "bottom-right", visualizePitch: !0 }),
         c && f && /* @__PURE__ */ i(
@@ -2236,7 +2236,7 @@ const l0 = ({
             longitude: c.longitude,
             latitude: c.latitude,
             anchor: c.anchor,
-            onClose: () => b(null),
+            onClose: () => y(null),
             children: c.content
           }
         )
@@ -2318,22 +2318,22 @@ const c0 = "_mapContainer_b0pyr_3", d0 = {
   interactiveLayers: a = [],
   sources: c = [],
   layers: u = [],
-  popUpParams: m,
-  onClosePopUp: h,
+  popUpParams: h,
+  onClosePopUp: g,
   showTexts: f,
-  hash: b = !1
+  hash: y = !1
 }) => {
-  const v = oe();
+  const _ = oe();
   return F(() => {
-    if (v.current) {
-      const _ = v.current.getMap();
-      _.getStyle().layers.map((C) => {
-        C.type == "symbol" && C.id != "professionals" && (f ? _.setLayoutProperty(C.id, "visibility", "visible") : _.setLayoutProperty(C.id, "visibility", "none"));
+    if (_.current) {
+      const v = _.current.getMap();
+      v.getStyle().layers.map((m) => {
+        m.type == "symbol" && m.id != "professionals" && (f ? v.setLayoutProperty(m.id, "visibility", "visible") : v.setLayoutProperty(m.id, "visibility", "none"));
       });
     }
   }, [f]), F(() => {
-    let _ = new Zt();
-    return De.addProtocol("pmtiles", _.tile), () => {
+    let v = new Zt();
+    return De.addProtocol("pmtiles", v.tile), () => {
       De.removeProtocol("pmtiles");
     };
   }, []), /* @__PURE__ */ i("div", { className: `${d0.mapContainer}`, style: r && r, children: /* @__PURE__ */ p(
@@ -2341,43 +2341,43 @@ const c0 = "_mapContainer_b0pyr_3", d0 = {
     {
       mapLib: De,
       initialViewState: n,
-      ref: v,
-      hash: b,
+      ref: _,
+      hash: y,
       maxZoom: d,
       minZoom: s,
       mapStyle: o,
       onClick: l,
       interactiveLayerIds: a,
       children: [
-        c.length && c.map((_, g) => /* @__PURE__ */ i(
+        c.length && c.map((v, C) => /* @__PURE__ */ i(
           Kt,
           {
-            ..._,
-            children: u.length && u.map((C, y) => {
-              if (C.sourceId == _.id) return /* @__PURE__ */ i(
+            ...v,
+            children: u.length && u.map((m, b) => {
+              if (m.sourceId == v.id) return /* @__PURE__ */ i(
                 Ut,
                 {
-                  ...C.layer,
+                  ...m.layer,
                   beforeId: t,
-                  filter: C.filters ? C.filters : ["all"],
+                  filter: m.filters ? m.filters : ["all"],
                   layout: {
-                    visibility: C.layer.visibility || "visible"
+                    visibility: m.layer.visibility || "visible"
                   }
                 },
-                y
+                b
               );
             })
           },
-          g
+          C
         )),
         /* @__PURE__ */ i(Wt, { position: "bottom-right", visualizePitch: !0 }),
-        m && /* @__PURE__ */ i(
+        h && /* @__PURE__ */ i(
           Gt,
           {
-            longitude: m.lng,
-            latitude: m.lat,
-            onClose: h,
-            children: /* @__PURE__ */ i(m0, { props: m.props })
+            longitude: h.lng,
+            latitude: h.lat,
+            onClose: g,
+            children: /* @__PURE__ */ i(m0, { props: h.props })
           }
         )
       ]
@@ -2513,30 +2513,30 @@ const w0 = Yt({
     console.log("year changed to ", a);
   }
 }) => {
-  const [a, c] = V(d), u = (C, y) => {
-    c(y), l(y);
-  }, [m, h] = V(!1), f = () => {
-    h(!0);
-  }, b = () => {
-    h(!1);
+  const [a, c] = V(d), u = (m, b) => {
+    c(b), l(b);
+  }, [h, g] = V(!1), f = () => {
+    g(!0);
+  }, y = () => {
+    g(!1);
   };
-  ((C, y) => {
+  ((m, b) => {
     const x = oe();
     F(() => {
-      x.current = C;
-    }, [C]), F(() => {
+      x.current = m;
+    }, [m]), F(() => {
       function w() {
         x.current();
       }
       {
-        let k = setInterval(w, y);
+        let k = setInterval(w, b);
         return () => clearInterval(k);
       }
-    }, [y]);
+    }, [b]);
   })(() => {
-    m && (a != 2050 ? (c(a + 1), l(a + 1)) : (c(2025), l(2025)));
+    h && (a != 2050 ? (c(a + 1), l(a + 1)) : (c(2025), l(2025)));
   }, 1e3);
-  const _ = Xt({
+  const v = Xt({
     palette: {
       primary: {
         main: "#605b56"
@@ -2558,13 +2558,13 @@ const w0 = Yt({
         }
       }
     }
-  }), g = [
+  }), C = [
     { label: "", value: 2025 },
     { label: "", value: 2032 },
     { label: "", value: 2041 },
     { label: "", value: 2050 }
   ];
-  return /* @__PURE__ */ i(e2, { theme: _, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ i(e2, { theme: v, children: /* @__PURE__ */ p(
     Jt,
     {
       sx: { width: 400 },
@@ -2579,7 +2579,7 @@ const w0 = Yt({
             value: a,
             valueLabelDisplay: "on",
             step: 1,
-            marks: g,
+            marks: C,
             min: s,
             max: o,
             onChange: u,
@@ -2588,8 +2588,8 @@ const w0 = Yt({
           }
         ),
         o,
-        !m && /* @__PURE__ */ i("button", { className: ge.playButton, onClick: f, children: /* @__PURE__ */ i("img", { src: x0, alt: "Play" }) }),
-        m && /* @__PURE__ */ i("button", { className: ge.playButton, onClick: b, children: /* @__PURE__ */ i("img", { src: k0, alt: "Pause" }) })
+        !h && /* @__PURE__ */ i("button", { className: ge.playButton, onClick: f, children: /* @__PURE__ */ i("img", { src: x0, alt: "Play" }) }),
+        h && /* @__PURE__ */ i("button", { className: ge.playButton, onClick: y, children: /* @__PURE__ */ i("img", { src: k0, alt: "Pause" }) })
       ]
     }
   ) });
@@ -2732,17 +2732,17 @@ const oi = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
   elementButtons: a,
   processTooltip: c,
   defaultTooltip: u,
-  showEye: m = !0
+  showEye: h = !0
 }) => {
-  const { name: h, created_at: f, id: b, isBeingProcessed: v } = n, [_, g] = V(!1), { t: C } = $();
+  const { name: g, created_at: f, id: y, isBeingProcessed: _ } = n, [v, C] = V(!1), { t: m } = $();
   return /* @__PURE__ */ p(
     "div",
     {
       className: Z.listElement,
       style: { borderBottom: `1px solid ${t}` },
       children: [
-        /* @__PURE__ */ i("div", { className: Z.elementNameDate, onClick: () => d(b), children: Object.keys(l).map((y) => y === "name" ? /* @__PURE__ */ i("div", { className: Z.elementNameContainer, children: /* @__PURE__ */ p("div", { className: Z.elementName, children: [
-          m && (s ? /* @__PURE__ */ i(si, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: Z.elementNameDate, onClick: () => d(y), children: Object.keys(l).map((b) => b === "name" ? /* @__PURE__ */ i("div", { className: Z.elementNameContainer, children: /* @__PURE__ */ p("div", { className: Z.elementName, children: [
+          h && (s ? /* @__PURE__ */ i(si, { style: { color: o, marginRight: 9 } }) : /* @__PURE__ */ i(
             "img",
             {
               style: { marginRight: 9 },
@@ -2750,8 +2750,8 @@ const oi = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
               alt: "eye"
             }
           )),
-          /* @__PURE__ */ i("span", { style: { color: s ? o : t }, children: h })
-        ] }) }) : y == "data" ? /* @__PURE__ */ i("div", { className: Z.elementDate, children: f ? new Date(f).toLocaleDateString() : "" }) : /* @__PURE__ */ i("div", { className: Z.elementDate, children: n[y] })) }),
+          /* @__PURE__ */ i("span", { style: { color: s ? o : t }, children: g })
+        ] }) }) : b == "data" ? /* @__PURE__ */ i("div", { className: Z.elementDate, children: f ? new Date(f).toLocaleDateString() : "" }) : /* @__PURE__ */ i("div", { className: Z.elementDate, children: n[b] })) }),
         /* @__PURE__ */ p("div", { className: Z.elementButtons, children: [
           n.processing && /* @__PURE__ */ p("div", { className: "tooltip-parent", children: [
             /* @__PURE__ */ i("img", { src: ni }),
@@ -2776,11 +2776,11 @@ const oi = "data:image/svg+xml,%3csvg%20width='26'%20height='18'%20viewBox='0%20
         ] }),
         r && /* @__PURE__ */ i("div", { className: Z.break }),
         r && /* @__PURE__ */ p("div", { className: Z.moreInfoContainer, children: [
-          /* @__PURE__ */ p("div", { className: Z.moreInfo, onClick: () => g(!_), children: [
-            /* @__PURE__ */ i("span", { children: _ ? "-" : "+" }),
-            C(r.label)
+          /* @__PURE__ */ p("div", { className: Z.moreInfo, onClick: () => C(!v), children: [
+            /* @__PURE__ */ i("span", { children: v ? "-" : "+" }),
+            m(r.label)
           ] }),
-          r && _ && /* @__PURE__ */ i("div", { className: Z.moreInfoInfo, children: n[r.info] })
+          r && v && /* @__PURE__ */ i("div", { className: Z.moreInfoInfo, children: n[r.info] })
         ] })
       ]
     }
@@ -2831,27 +2831,27 @@ const at = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
   containerStyles: r = {},
   newElementButton: l,
   //{label: 'text', onClick: function(), disabled}/null
-  onClickElement: a = (v) => console.log(`OnCLickElement: ${v}`),
+  onClickElement: a = (_) => console.log(`OnCLickElement: ${_}`),
   columns: c,
   // {'name': nomLabel/null, 'data':dataLabel/null, 'ambit':ambitLabel/null, 'escenari':escenariLabel/null}
   elementButtons: u,
   //{'copy': {onClick:onClickCopy, tooltipText:'text'}/null, 'filter': {onClick:onClickFilter, tooltipText:'text'}/null, 'trash':{onClick:onClickTrash, tooltipText:'text'}/null}
-  moreInfo: m = !1,
+  moreInfo: h = !1,
   //{label: 'x'}
-  processTooltip: h,
+  processTooltip: g,
   //texto para el tooltip del simbolo "En proceso"
   defaultTooltip: f,
   //texto para el tooltip del símbolo de candado para los elementos default
-  showEye: b = !0
+  showEye: y = !0
 }) => {
-  const { t: v } = $(), [_, g] = V(n);
+  const { t: _ } = $(), [v, C] = V(n);
   F(() => {
-    n && g(n);
+    n && C(n);
   }, [n]);
-  const C = (y) => {
-    if (_ && _.length > 0) {
-      let x = [..._];
-      x.sort((w, k) => w[y].localeCompare(k[y])), g(x);
+  const m = (b) => {
+    if (v && v.length > 0) {
+      let x = [...v];
+      x.sort((w, k) => w[b].localeCompare(k[b])), C(x);
     }
   };
   return /* @__PURE__ */ p(
@@ -2866,33 +2866,33 @@ const at = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             className: K.header,
             style: { borderBottom: `1px solid ${s}` },
             children: [
-              /* @__PURE__ */ i("div", { className: K.nameDateContainer, children: Object.keys(c).map((y) => y === "name" ? /* @__PURE__ */ i("div", { className: K.elementName, children: /* @__PURE__ */ p("button", { onClick: () => C("name"), children: [
-                /* @__PURE__ */ i("span", { children: v(c.name) }),
+              /* @__PURE__ */ i("div", { className: K.nameDateContainer, children: Object.keys(c).map((b) => b === "name" ? /* @__PURE__ */ i("div", { className: K.elementName, children: /* @__PURE__ */ p("button", { onClick: () => m("name"), children: [
+                /* @__PURE__ */ i("span", { children: _(c.name) }),
                 /* @__PURE__ */ i("img", { src: at, alt: "order arrow" })
-              ] }) }, y) : y === "data" ? /* @__PURE__ */ i("div", { className: K.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => C("date"), children: [
-                /* @__PURE__ */ i("span", { children: v(c.data) }),
+              ] }) }, b) : b === "data" ? /* @__PURE__ */ i("div", { className: K.elementDate, children: /* @__PURE__ */ p("button", { onClick: () => m("date"), children: [
+                /* @__PURE__ */ i("span", { children: _(c.data) }),
                 /* @__PURE__ */ i("img", { src: at, alt: "order arrow" })
-              ] }) }, y) : /* @__PURE__ */ i("div", { className: K.elementDate, children: /* @__PURE__ */ i("span", { children: v(c[y]) }) }, y)) }),
+              ] }) }, b) : /* @__PURE__ */ i("div", { className: K.elementDate, children: /* @__PURE__ */ i("span", { children: _(c[b]) }) }, b)) }),
               /* @__PURE__ */ i("div", { className: K.buttonsContainer })
             ]
           }
         ),
-        /* @__PURE__ */ i("div", { className: K.elementListContainer, children: _ && _.length > 0 && _.map((y) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: K.elementListContainer, children: v && v.length > 0 && v.map((b) => /* @__PURE__ */ i(
           Nt,
           {
-            isActive: d == y.id,
-            listelement: y,
+            isActive: d == b.id,
+            listelement: b,
             fontColor: s,
             activeColor: o,
             onClickElement: a,
             columns: c,
             elementButtons: u,
-            moreInfo: m,
-            processTooltip: h,
+            moreInfo: h,
+            processTooltip: g,
             defaultTooltip: f,
-            showEye: b
+            showEye: y
           },
-          `elementKey${y.id}`
+          `elementKey${b.id}`
         )) }),
         l && /* @__PURE__ */ i("div", { className: K.newElementButtonContainer, children: /* @__PURE__ */ i(
           Me,
@@ -2901,7 +2901,7 @@ const at = "data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%20
             onClick: l.onClick,
             borderColor: "grey",
             disabled: l.disabled || !1,
-            children: v(l.label)
+            children: _(l.label)
           }
         ) })
       ]
@@ -3063,7 +3063,7 @@ function ki(n) {
       values: !0
     },
     exact: l,
-    callback: (m) => !r && u(xi(o, s._names, m.values || s._formValues, !1, a.current))
+    callback: (h) => !r && u(xi(o, s._names, h.values || s._formValues, !1, a.current))
   }), [o, s, r, l]), D.useEffect(() => s._removeUnmounted()), c;
 }
 function Ni(n) {
@@ -3076,11 +3076,11 @@ function Ni(n) {
     control: t,
     name: s,
     exact: !0
-  }), u = D.useRef(n), m = D.useRef(t.register(s, {
+  }), u = D.useRef(n), h = D.useRef(t.register(s, {
     ...n.rules,
     value: a,
     ...Oe(n.disabled) ? { disabled: n.disabled } : {}
-  })), h = D.useMemo(() => Object.defineProperties({}, {
+  })), g = D.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: !0,
       get: () => !!P(c.errors, s)
@@ -3101,50 +3101,50 @@ function Ni(n) {
       enumerable: !0,
       get: () => P(c.errors, s)
     }
-  }), [c, s]), f = D.useCallback((g) => m.current.onChange({
+  }), [c, s]), f = D.useCallback((C) => h.current.onChange({
     target: {
-      value: hi(g),
+      value: hi(C),
       name: s
     },
     type: ct.CHANGE
-  }), [s]), b = D.useCallback(() => m.current.onBlur({
+  }), [s]), y = D.useCallback(() => h.current.onBlur({
     target: {
       value: P(t._formValues, s),
       name: s
     },
     type: ct.BLUR
-  }), [s, t._formValues]), v = D.useCallback((g) => {
-    const C = P(t._fields, s);
-    C && g && (C._f.ref = {
-      focus: () => g.focus && g.focus(),
-      select: () => g.select && g.select(),
-      setCustomValidity: (y) => g.setCustomValidity(y),
-      reportValidity: () => g.reportValidity()
+  }), [s, t._formValues]), _ = D.useCallback((C) => {
+    const m = P(t._fields, s);
+    m && C && (m._f.ref = {
+      focus: () => C.focus && C.focus(),
+      select: () => C.select && C.select(),
+      setCustomValidity: (b) => C.setCustomValidity(b),
+      reportValidity: () => C.reportValidity()
     });
-  }, [t._fields, s]), _ = D.useMemo(() => ({
+  }, [t._fields, s]), v = D.useMemo(() => ({
     name: s,
     value: a,
     ...Oe(o) || c.disabled ? { disabled: c.disabled || o } : {},
     onChange: f,
-    onBlur: b,
-    ref: v
-  }), [s, o, c.disabled, f, b, v, a]);
+    onBlur: y,
+    ref: _
+  }), [s, o, c.disabled, f, y, _, a]);
   return D.useEffect(() => {
-    const g = t._options.shouldUnregister || r;
+    const C = t._options.shouldUnregister || r;
     t.register(s, {
       ...u.current.rules,
       ...Oe(u.current.disabled) ? { disabled: u.current.disabled } : {}
     });
-    const C = (y, x) => {
-      const w = P(t._fields, y);
+    const m = (b, x) => {
+      const w = P(t._fields, b);
       w && w._f && (w._f.mount = x);
     };
-    if (C(s, !0), g) {
-      const y = $t(P(t._options.defaultValues, s));
-      lt(t._defaultValues, s, y), Ze(P(t._formValues, s)) && lt(t._formValues, s, y);
+    if (m(s, !0), C) {
+      const b = $t(P(t._options.defaultValues, s));
+      lt(t._defaultValues, s, b), Ze(P(t._formValues, s)) && lt(t._formValues, s, b);
     }
     return !l && t.register(s), () => {
-      (l ? g && !t._state.action : g) ? t.unregister(s) : C(s, !1);
+      (l ? C && !t._state.action : C) ? t.unregister(s) : m(s, !1);
     };
   }, [s, t, l, r]), D.useEffect(() => {
     t._setDisabledField({
@@ -3152,10 +3152,10 @@ function Ni(n) {
       name: s
     });
   }, [o, s, t]), D.useMemo(() => ({
-    field: _,
+    field: v,
     formState: c,
-    fieldState: h
-  }), [_, c, h]);
+    fieldState: g
+  }), [v, c, g]);
 }
 const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_labelContainer_1o3iy_5", Bi = "_inputContainer_1o3iy_8", Ti = "_showPasswordButton_1o3iy_14", Li = "_forgotPassButton_1o3iy_26", be = {
   textInputContainer: Si,
@@ -3191,21 +3191,21 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
     validateFunction: a,
     placeholder: c,
     errorColor: u = "red",
-    width: m = 325,
-    onClickForgotPass: h = () => {
+    width: h = 325,
+    onClickForgotPass: g = () => {
       console.log("Click on forgot password");
     },
     forgotPassLabel: f = "forgot-password"
-  } = n, { t: b } = $(), { control: v, trigger: _, clearErrors: g } = d, { errorColor: C } = xe((k) => k), [y, x] = V(!1);
+  } = n, { t: y } = $(), { control: _, trigger: v, clearErrors: C } = d, { errorColor: m } = xe((k) => k), [b, x] = V(!1);
   oe(l);
-  const w = () => o ? o === "password" && y ? "text" : o : "text";
+  const w = () => o ? o === "password" && b ? "text" : o : "text";
   return /* @__PURE__ */ i(
     ve,
     {
       name: s,
-      control: v,
+      control: _,
       rules: {
-        required: l ? `${b(t)} ${b("errorMessages.required")}` : !1,
+        required: l ? `${y(t)} ${y("errorMessages.required")}` : !1,
         maxLength: r || void 0,
         validate: a || void 0
       },
@@ -3213,14 +3213,14 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
         var L;
         return /* @__PURE__ */ p("div", { className: be.textInputContainer, children: [
           /* @__PURE__ */ p("h3", { className: be.labelContainer, children: [
-            b(t),
+            y(t),
             " ",
             l && /* @__PURE__ */ i("label", { style: { color: S.error ? u : "" }, children: "*" })
           ] }),
           /* @__PURE__ */ p(
             "div",
             {
-              style: { position: "relative", width: m },
+              style: { position: "relative", width: h },
               className: be.inputContainer,
               children: [
                 /* @__PURE__ */ i(
@@ -3228,28 +3228,28 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
                   {
                     type: w(),
                     ...k,
-                    placeholder: c ? b(c) : "",
+                    placeholder: c ? y(c) : "",
                     maxLength: r || void 0
                   }
                 ),
                 o == "password" && /* @__PURE__ */ i(
                   "button",
                   {
-                    onClick: () => x(!y),
+                    onClick: () => x(!b),
                     type: "button",
                     className: be.showPasswordButton,
-                    children: y ? "🙈" : "👁️"
+                    children: b ? "🙈" : "👁️"
                   }
                 )
               ]
             }
           ),
-          o == "password" && /* @__PURE__ */ i("div", { className: be.forgotPassButton, children: /* @__PURE__ */ i("button", { onClick: h, children: b(f) }) }),
+          o == "password" && /* @__PURE__ */ i("div", { className: be.forgotPassButton, children: /* @__PURE__ */ i("button", { onClick: g, children: y(f) }) }),
           /* @__PURE__ */ i(
             we,
             {
               errorMessage: (L = S.error) == null ? void 0 : L.message,
-              errorColor: C || u
+              errorColor: m || u
             }
           )
         ] });
@@ -3275,42 +3275,42 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
     validateFunction: a,
     placeholder: c,
     errorColor: u = "red",
-    width: m = 325,
-    options: h = []
-  } = n, { t: f } = $(), { control: b, trigger: v, clearErrors: _ } = d, { errorColor: g } = xe((C) => C);
+    width: h = 325,
+    options: g = []
+  } = n, { t: f } = $(), { control: y, trigger: _, clearErrors: v } = d, { errorColor: C } = xe((m) => m);
   return oe(l), /* @__PURE__ */ i(
     ve,
     {
       name: s,
-      control: b,
+      control: y,
       rules: {
         required: l ? `${f(t)} ${f("errorMessages.required")}` : !1,
-        validate: a ? (C) => {
-          let y = d.getValues();
-          return a(C, y);
+        validate: a ? (m) => {
+          let b = d.getValues();
+          return a(m, b);
         } : void 0
       },
-      render: ({ field: C, fieldState: y }) => {
+      render: ({ field: m, fieldState: b }) => {
         var x;
         return /* @__PURE__ */ p("div", { className: de.selectInputContainer, children: [
           /* @__PURE__ */ p("h3", { className: de.labelContainer, children: [
             f(t),
             " ",
-            l && /* @__PURE__ */ i("label", { style: { color: y.error ? u : "" }, children: "*" })
+            l && /* @__PURE__ */ i("label", { style: { color: b.error ? u : "" }, children: "*" })
           ] }),
-          /* @__PURE__ */ p("div", { className: de.inputContainer, style: { width: m }, children: [
+          /* @__PURE__ */ p("div", { className: de.inputContainer, style: { width: h }, children: [
             /* @__PURE__ */ p(
               "select",
               {
-                ...C,
+                ...m,
                 onChange: (w) => {
-                  const k = w.target.value, S = h.every((L) => typeof L.value == "number") ? Number(k) : k;
-                  C.onChange(S);
+                  const k = w.target.value, S = g.every((L) => typeof L.value == "number") ? Number(k) : k;
+                  m.onChange(S);
                 },
                 className: de.selectInput,
                 children: [
                   /* @__PURE__ */ i("option", { value: "", disabled: !0, hidden: !0, children: f(c || "selectOption") }),
-                  h.map((w, k) => /* @__PURE__ */ i(
+                  g.map((w, k) => /* @__PURE__ */ i(
                     "option",
                     {
                       value: w.value,
@@ -3334,8 +3334,8 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
           /* @__PURE__ */ i(
             we,
             {
-              errorMessage: (x = y.error) == null ? void 0 : x.message,
-              errorColor: g || u
+              errorMessage: (x = b.error) == null ? void 0 : x.message,
+              errorColor: C || u
             }
           )
         ] });
@@ -3358,25 +3358,25 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
     errorColor: l = "red",
     options: a = [],
     multi: c = !1
-  } = n, { t: u } = $(), { control: m, trigger: h, clearErrors: f } = d, { errorColor: b } = xe((g) => g), v = ({ options: g, onChange: C, actualValue: y }) => {
-    if (c && y && y.length > 0) {
-      let x = y.filter((w) => w !== g);
-      C(x);
+  } = n, { t: u } = $(), { control: h, trigger: g, clearErrors: f } = d, { errorColor: y } = xe((C) => C), _ = ({ options: C, onChange: m, actualValue: b }) => {
+    if (c && b && b.length > 0) {
+      let x = b.filter((w) => w !== C);
+      m(x);
     }
-  }, _ = ({ options: g, onChange: C, actualValue: y }) => {
-    c ? y && y.length > 0 ? C([...y, g]) : C([g]) : C(g);
+  }, v = ({ options: C, onChange: m, actualValue: b }) => {
+    c ? b && b.length > 0 ? m([...b, C]) : m([C]) : m(C);
   };
   return oe(t), /* @__PURE__ */ i(
     ve,
     {
-      control: m,
+      control: h,
       name: s,
       rules: {
-        validate: (g) => t && (g == null || g === "") ? `${u(o)} ${u("errorMessages.required")}` : null
+        validate: (C) => t && (C == null || C === "") ? `${u(o)} ${u("errorMessages.required")}` : null
       },
       render: ({
-        formState: { errors: g },
-        field: { onChange: C, onBlur: y, value: x, ref: w },
+        formState: { errors: C },
+        field: { onChange: m, onBlur: b, value: x, ref: w },
         fieldState: k
       }) => {
         var S;
@@ -3415,15 +3415,15 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
                       type: "radio",
                       checked: M,
                       onChange: () => {
-                        c ? M ? v({
+                        c ? M ? _({
                           actualValue: x,
                           options: a,
-                          onChange: C
-                        }) : _({
+                          onChange: m
+                        }) : v({
                           actualValue: x,
                           options: a,
-                          onChange: C
-                        }) : C(N);
+                          onChange: m
+                        }) : m(N);
                       },
                       className: ne.radioInput
                     }
@@ -3437,7 +3437,7 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
               we,
               {
                 errorMessage: (S = k.error) == null ? void 0 : S.message,
-                errorColor: b || l
+                errorColor: y || l
               }
             )
           ] })
@@ -3464,18 +3464,18 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
     thumbColor: c = "#B32F5D",
     //trackColors = ["#B32F5D", "#EFEFEF"],
     required: u,
-    errorColor: m = "red",
-    labelWidth: h = "300px",
+    errorColor: h = "red",
+    labelWidth: g = "300px",
     sliderWidth: f = "300px",
-    minText: b,
-    maxText: v,
-    disabled: _ = !1,
-    marks: g = Array.from(
+    minText: y,
+    maxText: _,
+    disabled: v = !1,
+    marks: C = Array.from(
       { length: l - r + 1 },
       (B, O) => r + O
     ),
-    showMarksNumber: C = !0
-  } = n, { t: y } = $(), { control: x, trigger: w, clearErrors: k } = d || {};
+    showMarksNumber: m = !0
+  } = n, { t: b } = $(), { control: x, trigger: w, clearErrors: k } = d || {};
   oe(u);
   const { errorColorForm: S } = xe((B) => B), [L, N] = V(a);
   return d ? /* @__PURE__ */ i(
@@ -3485,7 +3485,7 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
       control: x,
       defaultValue: a,
       rules: {
-        required: u ? `${y(t)} ${y("errorMessages.required")}` : !1
+        required: u ? `${b(t)} ${b("errorMessages.required")}` : !1
       },
       render: ({ field: B, fieldState: O }) => {
         var q;
@@ -3494,12 +3494,12 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
           {
             className: A.rankingSliderContainer,
             style: {
-              gridTemplateColumns: `${t && h} ${f}`
+              gridTemplateColumns: `${t && g} ${f}`
             },
             children: [
-              t && /* @__PURE__ */ i("p", { className: A.labelContainer, children: y(t) }),
+              t && /* @__PURE__ */ i("p", { className: A.labelContainer, children: b(t) }),
               /* @__PURE__ */ p("div", { className: A.inputContainer, children: [
-                b && /* @__PURE__ */ i("div", { className: A.minLabel, children: y(b) }),
+                y && /* @__PURE__ */ i("div", { className: A.minLabel, children: b(y) }),
                 /* @__PURE__ */ p("div", { children: [
                   /* @__PURE__ */ i(
                     je,
@@ -3521,18 +3521,18 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
                       ),
                       trackClassName: A.track,
                       markClassName: A.mark,
-                      disabled: _
+                      disabled: v
                     }
                   ),
-                  g && /* @__PURE__ */ i("div", { className: A.labels, children: g.map((M) => /* @__PURE__ */ i("span", { children: C && M }, M)) })
+                  C && /* @__PURE__ */ i("div", { className: A.labels, children: C.map((M) => /* @__PURE__ */ i("span", { children: m && M }, M)) })
                 ] }),
-                v && /* @__PURE__ */ i("div", { className: A.maxLabel, children: y(v) })
+                _ && /* @__PURE__ */ i("div", { className: A.maxLabel, children: b(_) })
               ] }),
               /* @__PURE__ */ i(
                 we,
                 {
                   errorMessage: (q = O.error) == null ? void 0 : q.message,
-                  errorColor: S || m
+                  errorColor: S || h
                 }
               )
             ]
@@ -3544,11 +3544,11 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
     "div",
     {
       className: A.rankingSliderContainer,
-      style: { gridTemplateColumns: `${t && h} ${f}` },
+      style: { gridTemplateColumns: `${t && g} ${f}` },
       children: [
-        t && /* @__PURE__ */ i("p", { className: A.labelContainer, children: y(t) }),
+        t && /* @__PURE__ */ i("p", { className: A.labelContainer, children: b(t) }),
         /* @__PURE__ */ p("div", { className: A.inputContainer, children: [
-          b && /* @__PURE__ */ i("div", { className: A.minLabel, children: y(b) }),
+          y && /* @__PURE__ */ i("div", { className: A.minLabel, children: b(y) }),
           /* @__PURE__ */ p("div", { children: [
             /* @__PURE__ */ i(
               je,
@@ -3572,12 +3572,12 @@ const ve = (n) => n.render(Ni(n)), Si = "_textInputContainer_1o3iy_2", $i = "_la
                 ),
                 trackClassName: A.track,
                 markClassName: A.mark,
-                disabled: _
+                disabled: v
               }
             ),
-            g && /* @__PURE__ */ i("div", { className: A.labels, children: g.map((B) => /* @__PURE__ */ i("span", { children: C && B }, B)) })
+            C && /* @__PURE__ */ i("div", { className: A.labels, children: C.map((B) => /* @__PURE__ */ i("span", { children: m && B }, B)) })
           ] }),
-          v && /* @__PURE__ */ i("div", { className: A.maxLabel, children: y(v) })
+          _ && /* @__PURE__ */ i("div", { className: A.maxLabel, children: b(_) })
         ] })
       ]
     }
@@ -3715,18 +3715,18 @@ const ye = ({
     d(l);
   };
   return /* @__PURE__ */ i("div", { className: Be.categorySelector, children: n.map((l, a) => {
-    const { id: c, label: u } = l, m = s == c;
+    const { id: c, label: u } = l, h = s == c;
     return /* @__PURE__ */ i(
       "button",
       {
-        className: `${Be.sectionItem} ${m ? Be.sectionItemActive : ""}`,
+        className: `${Be.sectionItem} ${h ? Be.sectionItemActive : ""}`,
         type: "button",
-        style: { backgroundColor: m ? o : "inherit" },
+        style: { backgroundColor: h ? o : "inherit" },
         onClick: () => r(c),
         children: /* @__PURE__ */ i(
           "span",
           {
-            style: { color: m ? "white" : "inherit" },
+            style: { color: h ? "white" : "inherit" },
             className: Be.sectionLabel,
             children: t(u)
           }
@@ -3746,32 +3746,32 @@ const ye = ({
   submitButtonStyles: a = { width: 325 },
   showCategorySelector: c = !0,
   defaultCategory: u = null,
-  categoryLabel: m = "Select Category",
-  activeCategory: h = null,
+  categoryLabel: h = "Select Category",
+  activeCategory: g = null,
   activeCategoryColor: f = "#b32f5d",
-  onSubmit: b = (v) => console.log("Form submitted with: ", v)
+  onSubmit: y = (_) => console.log("Form submitted with: ", _)
 }) => {
-  const { t: v } = $(), { handleSubmit: _, control: g } = n;
+  const { t: _ } = $(), { handleSubmit: v, control: C } = n;
   F(() => {
     r && xe.setState(() => ({ errorColor: r }));
   }, [r]);
-  const C = me(() => d ? d.filter((N) => N.category).map((N) => {
+  const m = me(() => d ? d.filter((N) => N.category).map((N) => {
     var B;
     return {
       id: N.categoryId,
       label: N.category,
       hasSubcategories: ((B = N.subcategories) == null ? void 0 : B.length) > 0
     };
-  }) : [], [d]), y = (N) => {
+  }) : [], [d]), b = (N) => {
     const B = d == null ? void 0 : d.find((O) => O.categoryId === N);
     return (B == null ? void 0 : B.subcategories) || [];
   }, [x, w] = V(
-    h || u || null
+    g || u || null
   ), [k, S] = V(null);
   F(() => {
-    !x && C.length > 0 && w(C[0].id);
-  }, [C, x]), F(() => {
-    const N = y(x);
+    !x && m.length > 0 && w(m[0].id);
+  }, [m, x]), F(() => {
+    const N = b(x);
     !k && (N == null ? void 0 : N.length) > 0 && S(N[0].id);
   }, [x, k, d]);
   const L = (N, B) => {
@@ -3808,7 +3808,7 @@ const ye = ({
                 ye,
                 {
                   inputs: M.inputs,
-                  control: g,
+                  control: C,
                   inputContainerStyles: o,
                   errorColor: r,
                   reactHookFormInstance: n
@@ -3824,12 +3824,12 @@ const ye = ({
                 display: z ? "block" : "none"
               },
               children: [
-                /* @__PURE__ */ i("h3", { style: { marginBottom: 15 }, children: v(M.label) }),
+                /* @__PURE__ */ i("h3", { style: { marginBottom: 15 }, children: _(M.label) }),
                 /* @__PURE__ */ i(
                   ye,
                   {
                     inputs: M.inputs,
-                    control: g,
+                    control: C,
                     inputContainerStyles: o,
                     errorColor: r,
                     reactHookFormInstance: n
@@ -3846,18 +3846,18 @@ const ye = ({
       ye,
       {
         inputs: N.inputs,
-        control: g,
+        control: C,
         inputContainerStyles: o,
         errorColor: r,
         reactHookFormInstance: n
       }
     ) }, N.categoryId) : /* @__PURE__ */ p("div", { style: { width: "100%" }, children: [
-      /* @__PURE__ */ i("h2", { children: v(N.category) }),
+      /* @__PURE__ */ i("h2", { children: _(N.category) }),
       /* @__PURE__ */ i(
         ye,
         {
           inputs: N.inputs,
-          control: g,
+          control: C,
           inputContainerStyles: o,
           errorColor: r,
           reactHookFormInstance: n
@@ -3865,12 +3865,12 @@ const ye = ({
       )
     ] }, N.categoryId);
   };
-  return /* @__PURE__ */ p("form", { className: Ce.formContainer, onSubmit: _(b), children: [
-    c && C.length > 0 && /* @__PURE__ */ i("div", { className: Ce.categorySelectorContainer, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ p("form", { className: Ce.formContainer, onSubmit: v(y), children: [
+    c && m.length > 0 && /* @__PURE__ */ i("div", { className: Ce.categorySelectorContainer, children: /* @__PURE__ */ i(
       pt,
       {
         activeCategory: x,
-        categories: C,
+        categories: m,
         onChange: (N) => {
           w(N), S(null);
         },
@@ -3893,7 +3893,7 @@ const ye = ({
         ye,
         {
           inputs: N.inputs,
-          control: g,
+          control: C,
           inputContainerStyles: o,
           errorColor: r,
           reactHookFormInstance: n
@@ -3901,7 +3901,7 @@ const ye = ({
       );
     }) }),
     /* @__PURE__ */ p("div", { className: Ce.buttonContainer, children: [
-      /* @__PURE__ */ i(Me, { containerStyles: a, type: "submit", children: v(l) }),
+      /* @__PURE__ */ i(Me, { containerStyles: a, type: "submit", children: _(l) }),
       /* @__PURE__ */ i(we, { errorMessage: t, errorColor: r })
     ] })
   ] });
@@ -4063,16 +4063,17 @@ const Ls = "_switchContainer_194wl_2", Ms = "_labelRight_194wl_9", Ds = "_labelL
     defValue: l = !1,
     colorOn: a = "#5A514D",
     disabled: c = !1,
-    width: u = 240
-  } = n, { t: m } = $(), { control: h } = d || {}, [f, b] = V(l), v = (g) => {
-    b(g), s && s(g);
-  }, _ = (g, C) => /* @__PURE__ */ p("div", { className: ue.switchContainer, style: { width: `${u}px` }, children: [
+    width: u = 240,
+    onoff: h = !0
+  } = n, { t: g } = $(), { control: f } = d || {}, [y, _] = V(l), v = (m) => {
+    _(m), s && s(m);
+  }, C = (m, b) => /* @__PURE__ */ p("div", { className: ue.switchContainer, style: { width: `${u}px` }, children: [
     t && /* @__PURE__ */ i(
       "span",
       {
         className: ue.labelLeft,
         style: { width: `${(u - 74) / 2}px` },
-        children: m(t)
+        children: g(t)
       }
     ),
     /* @__PURE__ */ p("label", { className: `${ue.switch} ${c ? ue.disabled : ""}`, children: [
@@ -4080,8 +4081,8 @@ const Ls = "_switchContainer_194wl_2", Ms = "_labelRight_194wl_9", Ds = "_labelL
         "input",
         {
           type: "checkbox",
-          checked: !!g,
-          onChange: () => C(!g),
+          checked: !!m,
+          onChange: () => b(!m),
           disabled: c
         }
       ),
@@ -4090,22 +4091,22 @@ const Ls = "_switchContainer_194wl_2", Ms = "_labelRight_194wl_9", Ds = "_labelL
         {
           className: ue.slider,
           style: {
-            "--switch-thumb-color": g ? a : "#ccc"
+            "--switch-thumb-color": h ? m ? a : "#ccc" : a
           }
         }
       )
     ] }),
-    r && /* @__PURE__ */ i("span", { className: ue.labelRight, style: { width: `${(u - 74) / 2}px` }, children: m(r) })
+    r && /* @__PURE__ */ i("span", { className: ue.labelRight, style: { width: `${(u - 74) / 2}px` }, children: g(r) })
   ] });
   return d ? /* @__PURE__ */ i(
     ve,
     {
       name: o,
-      control: h,
+      control: f,
       defaultValue: l,
-      render: ({ field: g }) => _(g.value, g.onChange)
+      render: ({ field: m }) => C(m.value, m.onChange)
     }
-  ) : _(f, v);
+  ) : C(y, v);
 };
 As.propTypes = {
   input: e.shape({