@tmf_ciclica/ciclicastorybook 1.1.18 → 1.1.20-beta.0

package/dist/index.es.js

@@ -1,14 +1,14 @@
-import { jsxs as m, jsx as r, Fragment as Ee } from "react/jsx-runtime";
-import U, { useState as B, useMemo as te, useEffect as L, useLayoutEffect as qe, useRef as ue } from "react";
+import { jsxs as m, jsx as r, Fragment as qe } from "react/jsx-runtime";
+import U, { useState as B, useMemo as te, useEffect as L, useLayoutEffect as Ee, useRef as he } from "react";
 import e from "prop-types";
-import { useTranslation as k, Trans as he } from "react-i18next";
-import { motion as me } from "framer-motion";
+import { useTranslation as w, Trans as me } from "react-i18next";
+import { motion as ge } from "framer-motion";
 import { create as Ke } from "zustand";
-import * as fe from "d3";
+import * as ye from "d3";
 import Ue from "mapbox-gl";
-import { useSelector as le, useDispatch as Te } from "react-redux";
+import { useSelector as ce, useDispatch as Te } from "react-redux";
 import Ze, { Source as He, Layer as Ge, NavigationControl as Ye, Popup as We } from "react-map-gl/mapbox";
-import ye from "maplibre-gl";
+import ie from "maplibre-gl";
 import { Protocol as Xe } from "pmtiles";
 import Je, { Source as Qe, Layer as et, NavigationControl as tt, Popup as nt } from "react-map-gl/maplibre";
 import { createSlice as Me } from "@reduxjs/toolkit";
@@ -16,7 +16,7 @@ import it from "@mui/material/Slider";
 import { createTheme as st, Box as ot } from "@mui/material";
 import { ThemeProvider as rt } from "@emotion/react";
 import { NavLink as at } from "react-router-dom";
-const lt = "_ambitSelector_f07c1_2", ct = "_header_f07c1_13", dt = "_nameDateContainer_f07c1_23", pt = "_ambitName_f07c1_39", ut = "_ambitDate_f07c1_48", ht = "_buttonsContainer_f07c1_51", E = {
+const lt = "_ambitSelector_f07c1_2", ct = "_header_f07c1_13", dt = "_nameDateContainer_f07c1_23", pt = "_ambitName_f07c1_39", ut = "_ambitDate_f07c1_48", ht = "_buttonsContainer_f07c1_51", q = {
   ambitSelector: lt,
   header: ct,
   nameDateContainer: dt,
@@ -87,7 +87,7 @@ $e.propTypes = {
   moreInfo: e.object
   // Optional, can be used for additional info
 };
-const wt = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L13.9996%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M14%201L1.00044%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", kt = ({
+const kt = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201L13.9996%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M14%201L1.00044%2013.9996'%20stroke='%23FDFDFD'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e", wt = ({
   ambitList: i,
   activeAmbitId: d,
   fontColor: o = "#605B56",
@@ -99,19 +99,19 @@ const wt = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%20
   onClickFilters: c = (u) => console.log(`Filters clicked: ${u}`),
   onClickAmbit: p = (u) => console.log(`OnCLickAmbit: ${u}`)
 }) => {
-  const { t: u } = k();
-  return /* @__PURE__ */ m("div", { className: E.ambitSelector, style: { color: o }, children: [
+  const { t: u } = w();
+  return /* @__PURE__ */ m("div", { className: q.ambitSelector, style: { color: o }, children: [
     /* @__PURE__ */ m(
       "div",
       {
-        className: E.header,
+        className: q.header,
         style: { borderBottom: `1px solid ${o}` },
         children: [
-          /* @__PURE__ */ m("div", { className: E.nameDateContainer, children: [
-            /* @__PURE__ */ r("div", { className: E.ambitName, children: /* @__PURE__ */ r("span", { children: u(t) }) }),
-            /* @__PURE__ */ r("div", { className: E.ambitDate, children: /* @__PURE__ */ r("span", { children: u(s) }) })
+          /* @__PURE__ */ m("div", { className: q.nameDateContainer, children: [
+            /* @__PURE__ */ r("div", { className: q.ambitName, children: /* @__PURE__ */ r("span", { children: u(t) }) }),
+            /* @__PURE__ */ r("div", { className: q.ambitDate, children: /* @__PURE__ */ r("span", { children: u(s) }) })
           ] }),
-          /* @__PURE__ */ r("div", { className: E.buttonsContainer })
+          /* @__PURE__ */ r("div", { className: q.buttonsContainer })
         ]
       }
     ),
@@ -131,7 +131,7 @@ const wt = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%20
     ))
   ] });
 };
-kt.propTypes = {
+wt.propTypes = {
   ambitList: e.arrayOf(
     e.shape({
       name: e.string.isRequired,
@@ -160,7 +160,7 @@ const Nt = "_buttonsContainer_1audx_2", St = "_vertical_1audx_6", Tt = "_horizon
   bottom: Dt,
   right: At
 }, Le = ({ text: i, position: d, styleCustom: o = null }) => {
-  const { t: n } = k();
+  const { t: n } = w();
   return /* @__PURE__ */ r("div", { className: `tooltip ${Ot[d]}`, style: o, children: n(i) });
 };
 Le.propTypes = {
@@ -176,7 +176,7 @@ const Rt = ({
   useTooltip: t = !1,
   tooltipPosition: s = "top"
 }) => {
-  const { t: l } = k();
+  const { t: l } = w();
   return /* @__PURE__ */ r(
     "div",
     {
@@ -189,7 +189,7 @@ const Rt = ({
           isActive: h,
           name: g,
           onClick: b
-        } = a, C = /* @__PURE__ */ m(Ee, { children: [
+        } = a, C = /* @__PURE__ */ m(qe, { children: [
           o && n === "left" && /* @__PURE__ */ r("span", { className: I.buttonName, children: l(g) }),
           /* @__PURE__ */ r("img", { src: h ? u : p, alt: l(g) }),
           o && n === "right" && /* @__PURE__ */ r("span", { className: I.buttonName, children: l(g) })
@@ -227,7 +227,7 @@ Rt.propTypes = {
   useTooltip: e.bool,
   tooltipPosition: e.oneOf(["top", "bottom", "left", "right"])
 };
-const It = "_indicatorsCategory_1cu33_2", zt = "_title_1cu33_5", ie = {
+const It = "_indicatorsCategory_1cu33_2", zt = "_title_1cu33_5", se = {
   indicatorsCategory: It,
   title: zt
 }, j = ({
@@ -244,11 +244,11 @@ const It = "_indicatorsCategory_1cu33_2", zt = "_title_1cu33_5", ie = {
   showBottomBar: c = !0,
   titleMarginChildren: p = 25
 }) => {
-  const { t: u } = k();
+  const { t: u } = w();
   return /* @__PURE__ */ m(
-    me.div,
+    ge.div,
     {
-      className: ie.indicatorsCategory,
+      className: se.indicatorsCategory,
       initial: { height: `${l}px` },
       animate: { height: i ? "auto" : `${l}px` },
       transition: { duration: 0.4 },
@@ -265,7 +265,7 @@ const It = "_indicatorsCategory_1cu33_2", zt = "_title_1cu33_5", ie = {
               ...a,
               marginBottom: p || "auto"
             },
-            className: `${ie.title}`,
+            className: `${se.title}`,
             onClick: d,
             children: [
               /* @__PURE__ */ r("span", { style: { color: i ? t : n }, children: i ? "-" : "+" }),
@@ -273,7 +273,7 @@ const It = "_indicatorsCategory_1cu33_2", zt = "_title_1cu33_5", ie = {
             ]
           }
         ),
-        /* @__PURE__ */ r("div", { className: ie.content, children: o })
+        /* @__PURE__ */ r("div", { className: se.content, children: o })
       ]
     }
   );
@@ -300,7 +300,7 @@ const os = () => /* @__PURE__ */ r("div", { children: "EditAmbit" }), Vt = "_App
   fontColor: "#605B56",
   inputsColor: "#605B56"
 })), Fe = ({ title: i, onClick: d, isOpen: o = !0, textColor: n = "#ffffff", backgroundColor: t = "#605B5680", activeColor: s }) => {
-  const { t: l } = k(), { tematicalFiltersSelected: a } = T((p) => p), c = (p) => {
+  const { t: l } = w(), { tematicalFiltersSelected: a } = T((p) => p), c = (p) => {
     T.setState((u) => ({
       tematicalFiltersSelected: u.tematicalFiltersSelected.filter(
         (h) => h.code !== p
@@ -316,7 +316,7 @@ const os = () => /* @__PURE__ */ r("div", { children: "EditAmbit" }), Vt = "_App
       activeColor: s,
       children: /* @__PURE__ */ r("div", { className: ve.AppliedFiltersContainer, children: a == null ? void 0 : a.map((p, u) => /* @__PURE__ */ m("div", { className: ve.AppliedFilterContent, style: { color: n, background: t }, children: [
         l(p.name),
-        /* @__PURE__ */ r("img", { src: wt, alt: "CloseIcon", onClick: () => c(p.code), style: { cursor: "pointer" } })
+        /* @__PURE__ */ r("img", { src: kt, alt: "CloseIcon", onClick: () => c(p.code), style: { cursor: "pointer" } })
       ] }, u)) })
     }
   );
@@ -336,7 +336,7 @@ Fe.propTypes = {
   activeColor: e.string
 };
 const Be = ({ title: i, onClick: d, isOpen: o = !0, textColor: n = "#ffffff", backgroundColor: t = "#605B5680", activeColor: s }) => {
-  const { t: l } = k(), { tematicalFiltersSelected: a } = T((c) => c);
+  const { t: l } = w(), { tematicalFiltersSelected: a } = T((c) => c);
   return /* @__PURE__ */ r(
     j,
     {
@@ -356,7 +356,7 @@ Be.propTypes = {
   backgroundColor: e.string,
   activeColor: e.string
 };
-const Pt = "_checkboxContainer_zld97_2", Et = {
+const Pt = "_checkboxContainer_zld97_2", qt = {
   checkboxContainer: Pt
 }, De = ({
   onClick: i,
@@ -365,13 +365,13 @@ const Pt = "_checkboxContainer_zld97_2", Et = {
   indicator: n,
   value: t
 }) => {
-  const { t: s } = k(), { title: l } = n || {}, { fontColor: a, inputsColor: c } = T((p) => p);
+  const { t: s } = w(), { title: l } = n || {}, { fontColor: a, inputsColor: c } = T((p) => p);
   return /* @__PURE__ */ m(
     "div",
     {
       style: { ...d, color: o },
       role: "checkbox",
-      className: Et.checkboxContainer,
+      className: qt.checkboxContainer,
       onClick: i,
       children: [
         /* @__PURE__ */ r(
@@ -403,18 +403,18 @@ De.propTypes = {
   }),
   checkedColor: e.string
 };
-function ce(i, d) {
-  return ce = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, n) {
+function de(i, d) {
+  return de = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, n) {
     return o.__proto__ = n, o;
-  }, ce(i, d);
+  }, de(i, d);
 }
-function qt(i, d) {
-  i.prototype = Object.create(d.prototype), i.prototype.constructor = i, ce(i, d);
+function Et(i, d) {
+  i.prototype = Object.create(d.prototype), i.prototype.constructor = i, de(i, d);
 }
-function se(i) {
+function oe(i) {
   return i && i.stopPropagation && i.stopPropagation(), i && i.preventDefault && i.preventDefault(), !1;
 }
-function oe(i) {
+function re(i) {
   return i == null ? [] : Array.isArray(i) ? i.slice() : [i];
 }
 function W(i) {
@@ -426,17 +426,17 @@ function X(i) {
   });
 }
 function z(i, d) {
-  return de(function(o, n) {
+  return pe(function(o, n) {
     let t = o;
     return t <= n.min && (t = n.min), t >= n.max && (t = n.max), t;
   }(i, d), d);
 }
-function de(i, d) {
+function pe(i, d) {
   const o = (i - d.min) % d.step;
   let n = i - o;
   return 2 * Math.abs(o) >= d.step && (n += o > 0 ? d.step : -d.step), parseFloat(n.toFixed(5));
 }
-let pe = function(i) {
+let ue = function(i) {
   function d(n) {
     var t;
     (t = i.call(this, n) || this).onKeyUp = () => {
@@ -496,7 +496,7 @@ let pe = function(i) {
             t.start(p, c[0]), X(t.getMouseEventMap());
           });
         }
-        se(a);
+        oe(a);
       }
     }, t.onSliderClick = (a) => {
       if (!t.props.disabled && t.props.onSliderClick && !t.hasMoved) {
@@ -504,12 +504,12 @@ let pe = function(i) {
         t.props.onSliderClick(p);
       }
     }, t.createOnKeyDown = (a) => (c) => {
-      t.props.disabled || (t.start(a), X(t.getKeyDownEventMap()), se(c));
+      t.props.disabled || (t.start(a), X(t.getKeyDownEventMap()), oe(c));
     }, t.createOnMouseDown = (a) => (c) => {
       if (t.props.disabled || c.button === 2) return;
       t.setState({ pending: !0 });
       const p = t.getMousePosition(c);
-      t.start(a, p[0]), X(t.getMouseEventMap()), se(c);
+      t.start(a, p[0]), X(t.getMouseEventMap()), oe(c);
     }, t.createOnTouchStart = (a) => (c) => {
       if (t.props.disabled || c.touches.length > 1) return;
       t.setState({ pending: !0 });
@@ -531,18 +531,18 @@ let pe = function(i) {
       const u = { key: t.props.trackClassName + "-" + a, className: t.props.trackClassName + " " + t.props.trackClassName + "-" + a, style: t.buildTrackStyle(c, t.state.upperBound - p) }, h = { index: a, value: W(t.state.value) };
       return t.props.renderTrack(u, h);
     };
-    let s = oe(n.value);
-    s.length || (s = oe(n.defaultValue)), t.pendingResizeTimeouts = [];
+    let s = re(n.value);
+    s.length || (s = re(n.defaultValue)), t.pendingResizeTimeouts = [];
     const l = [];
     for (let a = 0; a < s.length; a += 1) s[a] = z(s[a], n), l.push(a);
     return t.resizeObserver = null, t.resizeElementRef = U.createRef(), t.state = { index: -1, upperBound: 0, sliderLength: 0, value: s, zIndices: l }, t;
   }
-  qt(d, i);
+  Et(d, i);
   var o = d.prototype;
   return o.componentDidMount = function() {
     typeof window < "u" && (this.resizeObserver = new ResizeObserver(this.handleResize), this.resizeObserver.observe(this.resizeElementRef.current), this.resize());
   }, d.getDerivedStateFromProps = function(n, t) {
-    const s = oe(n.value);
+    const s = re(n.value);
     return s.length ? t.pending ? null : { value: s.map((l) => z(l, n)) } : null;
   }, o.componentDidUpdate = function() {
     this.state.upperBound === 0 && this.resize();
@@ -648,9 +648,9 @@ let pe = function(i) {
     }(l, t, h, u))), this.setState({ value: t }, this.fireChangeEvent.bind(this, "onChange"));
   }, o.pushSucceeding = function(n, t, s) {
     let l, a;
-    for (l = s, a = n[l] + t; n[l + 1] !== null && a > n[l + 1]; l += 1, a = n[l] + t) n[l + 1] = de(a, this.props);
+    for (l = s, a = n[l] + t; n[l + 1] !== null && a > n[l + 1]; l += 1, a = n[l] + t) n[l + 1] = pe(a, this.props);
   }, o.pushPreceding = function(n, t, s) {
-    for (let l = s, a = n[l] - t; n[l - 1] !== null && a < n[l - 1]; l -= 1, a = n[l] - t) n[l - 1] = de(a, this.props);
+    for (let l = s, a = n[l] - t; n[l - 1] !== null && a < n[l - 1]; l -= 1, a = n[l] - t) n[l - 1] = pe(a, this.props);
   }, o.axisKey = function() {
     return this.props.orientation === "vertical" ? "Y" : "X";
   }, o.orthogonalAxisKey = function() {
@@ -699,9 +699,9 @@ let pe = function(i) {
     }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, l, a, c);
   }, d;
 }(U.Component);
-pe.displayName = "ReactSlider", pe.defaultProps = { min: 0, max: 100, step: 1, pageFn: (i) => 10 * i, 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: (i) => U.createElement("div", i), renderTrack: (i) => U.createElement("div", i), renderMark: (i) => U.createElement("span", i) };
-var Kt = pe;
-const Ut = "_container_15vgv_2", Zt = "_unitLabel_15vgv_9", Ht = "_slider_15vgv_12", Gt = "_thumb_15vgv_18", Yt = "_track_15vgv_27", Wt = "_labels_15vgv_33", q = {
+ue.displayName = "ReactSlider", ue.defaultProps = { min: 0, max: 100, step: 1, pageFn: (i) => 10 * i, 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: (i) => U.createElement("div", i), renderTrack: (i) => U.createElement("div", i), renderMark: (i) => U.createElement("span", i) };
+var Kt = ue;
+const Ut = "_container_15vgv_2", Zt = "_unitLabel_15vgv_9", Ht = "_slider_15vgv_12", Gt = "_thumb_15vgv_18", Yt = "_track_15vgv_27", Wt = "_labels_15vgv_33", E = {
   container: Ut,
   unitLabel: Zt,
   slider: Ht,
@@ -718,22 +718,22 @@ const Ut = "_container_15vgv_2", Zt = "_unitLabel_15vgv_9", Ht = "_slider_15vgv_
   fontColor: l = "#605B56",
   value: a = [i, d]
 }) => {
-  const { t: c } = k(), p = (u) => {
+  const { t: c } = w(), p = (u) => {
     n == null || n({ min: u[0], max: u[1] });
   };
   return /* @__PURE__ */ m(
     "div",
     {
-      className: q.container,
+      className: E.container,
       style: { width: `${t}px`, color: `${l}` },
       children: [
-        /* @__PURE__ */ r("div", { className: q.unitLabel, children: /* @__PURE__ */ r("span", { children: c(s) }) }),
+        /* @__PURE__ */ r("div", { className: E.unitLabel, children: /* @__PURE__ */ r("span", { children: c(s) }) }),
         /* @__PURE__ */ r(
           Kt,
           {
-            className: q.slider,
-            thumbClassName: q.thumb,
-            trackClassName: q.track,
+            className: E.slider,
+            thumbClassName: E.thumb,
+            trackClassName: E.track,
             min: i,
             max: d,
             step: o,
@@ -744,7 +744,7 @@ const Ut = "_container_15vgv_2", Zt = "_unitLabel_15vgv_9", Ht = "_slider_15vgv_
             minDistance: 1
           }
         ),
-        /* @__PURE__ */ m("div", { className: q.labels, children: [
+        /* @__PURE__ */ m("div", { className: E.labels, children: [
           /* @__PURE__ */ r("span", { children: a[0] }),
           /* @__PURE__ */ r("span", { children: a[1] })
         ] })
@@ -769,7 +769,7 @@ const Xt = "_tematicalFiltersInputContainer_1vm1r_2", Jt = "_inputTypeContainer_
   inputTypeContainer: Jt,
   checkboxContainer: Qt,
   absoluteSliderContainer: en
-}, ge = ({
+}, be = ({
   indicator: i,
   //onChangeBothType
   activeColor: d
@@ -794,7 +794,7 @@ const Xt = "_tematicalFiltersInputContainer_1vm1r_2", Jt = "_inputTypeContainer_
     inputsColor: f
   } = T((x) => x), v = (x) => {
     if (x) {
-      const { min: w, max: _, valueClicked: N, allValues: D } = x || {}, { code: A, type: ne } = i || {}, Z = h ? "abs" : u ? "cat" : "both";
+      const { min: k, max: _, valueClicked: N, allValues: D } = x || {}, { code: A, type: ne } = i || {}, Z = h ? "abs" : u ? "cat" : "both";
       let O = A[0];
       ne == "both" && (O = Z == "cat" ? A[1] : A[0]), Z == "cat" ? T.setState((P) => {
         let R = P.tematicalFiltersSelected.find(
@@ -839,7 +839,7 @@ const Xt = "_tematicalFiltersInputContainer_1vm1r_2", Jt = "_inputTypeContainer_
         );
         if (R) {
           let $ = { ...R };
-          return $.min = w, $.max = _, {
+          return $.min = k, $.max = _, {
             tematicalFiltersSelected: P.tematicalFiltersSelected.map(
               (F) => F.code === O ? $ : F
             )
@@ -848,7 +848,7 @@ const Xt = "_tematicalFiltersInputContainer_1vm1r_2", Jt = "_inputTypeContainer_
           return {
             tematicalFiltersSelected: [
               ...g,
-              { type: "abs", code: O, min: w, max: _ }
+              { type: "abs", code: O, min: k, max: _ }
             ]
           };
       });
@@ -856,8 +856,8 @@ const Xt = "_tematicalFiltersInputContainer_1vm1r_2", Jt = "_inputTypeContainer_
   }, y = te(() => {
     const x = {};
     if ((g == null ? void 0 : g.length) > 0)
-      for (const w of g)
-        w.type === "cat" ? x[w.code] = new Set(w.values) : x[w.code] = [w.min, w.max];
+      for (const k of g)
+        k.type === "cat" ? x[k.code] = new Set(k.values) : x[k.code] = [k.min, k.max];
     return x;
   }, [g]);
   return /* @__PURE__ */ r("div", { className: J.tematicalFiltersInputContainer, children: /* @__PURE__ */ m(
@@ -923,16 +923,16 @@ const Xt = "_tematicalFiltersInputContainer_1vm1r_2", Jt = "_inputTypeContainer_
             ]
           }
         ),
-        u && /* @__PURE__ */ r("div", { className: J.checkboxContainer, children: l.map((x, w) => {
+        u && /* @__PURE__ */ r("div", { className: J.checkboxContainer, children: l.map((x, k) => {
           var _;
           return /* @__PURE__ */ r(
             De,
             {
-              onClick: () => v({ valueClicked: w, allValues: l }),
+              onClick: () => v({ valueClicked: k, allValues: l }),
               indicator: x,
-              value: ((_ = y[i.code[t == "both" ? 1 : 0]]) == null ? void 0 : _.has(w)) || !y[i.code[t == "both" ? 1 : 0]]
+              value: ((_ = y[i.code[t == "both" ? 1 : 0]]) == null ? void 0 : _.has(k)) || !y[i.code[t == "both" ? 1 : 0]]
             },
-            `checkbox-${w}`
+            `checkbox-${k}`
           );
         }) }),
         h && /* @__PURE__ */ r("div", { className: J.absoluteSliderContainer, children: /* @__PURE__ */ r(
@@ -949,7 +949,7 @@ const Xt = "_tematicalFiltersInputContainer_1vm1r_2", Jt = "_inputTypeContainer_
     }
   ) });
 };
-ge.propTypes = {
+be.propTypes = {
   indicator: e.shape({
     name: e.string,
     type: e.string,
@@ -988,7 +988,7 @@ const Oe = ({
       color: d,
       activeColor: o,
       children: s == null ? void 0 : s.map((l, a) => /* @__PURE__ */ r(
-        ge,
+        be,
         {
           indicator: l,
           fontColor: d
@@ -1040,7 +1040,7 @@ const Re = ({
         },
         `subcategory-${c}`
       )) : t && t.map((a, c) => /* @__PURE__ */ r(
-        ge,
+        be,
         {
           indicator: a,
           fontColor: l,
@@ -1069,7 +1069,7 @@ const Ie = ({
   inputsColor: t = "#605B56",
   activeColor: s
 }) => {
-  const { tematicalFiltersSelected: l } = T((c) => c), { t: a } = k();
+  const { tematicalFiltersSelected: l } = T((c) => c), { t: a } = w();
   return L(() => {
     console.log("filtersSelected changed: ", l);
   }, [l]), L(() => {
@@ -1120,7 +1120,7 @@ const tn = "_FiltersAmbitContainer_6o4gt_2", nn = "_FiltersAmbitHeader_6o4gt_7",
   backgroundColor: l,
   onChangeAppliedFilters: a
 }) => {
-  const { t: c } = k(), { tematicalFiltersSelected: p } = T((u) => u);
+  const { t: c } = w(), { tematicalFiltersSelected: p } = T((u) => u);
   return L(() => {
     o && o.length > 0 && T.setState((u) => ({
       tematicalFiltersSelected: o
@@ -1182,9 +1182,9 @@ const ln = "_barChartContainer_d2f1z_2", cn = {
   numberOfDivisions: c = 7,
   maxValue: p = null
 }) => {
-  const { t: u } = k(), { xScale: h, ticks: g, height: b } = te(() => {
+  const { t: u } = w(), { xScale: h, ticks: g, height: b } = te(() => {
     if (i && i.length > 0) {
-      const C = (i == null ? void 0 : i.length) * (o + n) + s * 2, f = fe.max(i, (x) => x.value) || 1, v = fe.scaleLinear().domain([0, p || f]).range([0, d - a]), y = Array.from({ length: c + 1 }, (x, w) => p ? p / c * w : f / c * w);
+      const C = (i == null ? void 0 : i.length) * (o + n) + s * 2, f = ye.max(i, (x) => x.value) || 1, v = ye.scaleLinear().domain([0, p || f]).range([0, d - a]), y = Array.from({ length: c + 1 }, (x, k) => p ? p / c * k : f / c * k);
       return {
         xScale: v,
         ticks: y,
@@ -1292,7 +1292,7 @@ const dn = "_graphicContainer_c9zrg_2", pn = "_titleContainer_c9zrg_14", _e = {
   numberOfDivisions: a = 7,
   leftPadding: c = 200
 }) => {
-  const { t: p } = k();
+  const { t: p } = w();
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1335,11 +1335,11 @@ un.propTypes = {
   numberOfDivisions: e.number,
   leftPadding: e.number
 };
-const hn = "_indicatorsCategory_1cu33_2", mn = "_title_1cu33_5", gn = "_list_1cu33_11", re = {
+const hn = "_indicatorsCategory_1cu33_2", mn = "_title_1cu33_5", gn = "_list_1cu33_11", ae = {
   indicatorsCategory: hn,
   title: mn,
   list: gn
-}, bn = "_indicatorContainer_lw8gx_2", fn = "_indicatorNameContainer_lw8gx_11", yn = "_dot_lw8gx_20", Cn = "_indicatorName_lw8gx_11", vn = "_switchExternalContainer_lw8gx_31", _n = "_switchType_lw8gx_40", xn = "_switchTypeOptions_lw8gx_44", wn = "_optionContainer_lw8gx_55", kn = "_customRadious_lw8gx_65", Nn = "_optionText_lw8gx_72", S = {
+}, bn = "_indicatorContainer_lw8gx_2", fn = "_indicatorNameContainer_lw8gx_11", yn = "_dot_lw8gx_20", Cn = "_indicatorName_lw8gx_11", vn = "_switchExternalContainer_lw8gx_31", _n = "_switchType_lw8gx_40", xn = "_switchTypeOptions_lw8gx_44", kn = "_optionContainer_lw8gx_55", wn = "_customRadious_lw8gx_65", Nn = "_optionText_lw8gx_72", S = {
   indicatorContainer: bn,
   indicatorNameContainer: fn,
   dot: yn,
@@ -1347,10 +1347,10 @@ const hn = "_indicatorsCategory_1cu33_2", mn = "_title_1cu33_5", gn = "_list_1cu
   switchExternalContainer: vn,
   switchType: _n,
   switchTypeOptions: xn,
-  optionContainer: wn,
-  customRadious: kn,
+  optionContainer: kn,
+  customRadious: wn,
   optionText: Nn
-}, be = ({
+}, fe = ({
   indicator: i,
   values: d = [],
   activeColor: o,
@@ -1361,7 +1361,7 @@ const hn = "_indicatorsCategory_1cu33_2", mn = "_title_1cu33_5", gn = "_list_1cu
   multiple: a = !1,
   onChangeType: c
 }) => {
-  const { t: p } = k(), { name: u, type: h } = i, [g, b] = B(!1);
+  const { t: p } = w(), { name: u, type: h } = i, [g, b] = B(!1);
   L(() => {
     t && b(
       a ? t.some(
@@ -1469,7 +1469,7 @@ const hn = "_indicatorsCategory_1cu33_2", mn = "_title_1cu33_5", gn = "_list_1cu
                 {
                   className: S.indicatorName,
                   style: { color: g ? o : n },
-                  children: /* @__PURE__ */ r(he, { i18nKey: u, components: { sup: /* @__PURE__ */ r("sup", {}) } })
+                  children: /* @__PURE__ */ r(me, { i18nKey: u, components: { sup: /* @__PURE__ */ r("sup", {}) } })
                 }
               )
             ]
@@ -1481,7 +1481,7 @@ const hn = "_indicatorsCategory_1cu33_2", mn = "_title_1cu33_5", gn = "_list_1cu
     }
   );
 };
-be.propTypes = {
+fe.propTypes = {
   indicator: e.shape({
     name: e.string,
     type: e.string
@@ -1510,11 +1510,11 @@ const Sn = "_indicatorsSubCategory_1dzsi_2", Tn = "_list_1dzsi_8", xe = {
   activeIndicatorType: u,
   onChangeType: h
 }) => {
-  const { t: g } = k(), [b, C] = B(!1);
+  const { t: g } = w(), [b, C] = B(!1);
   return L(() => {
     C(t == l);
   }, [t, l]), /* @__PURE__ */ m(
-    me.div,
+    ge.div,
     {
       className: xe.indicatorsSubCategory,
       initial: { height: "43px" },
@@ -1532,7 +1532,7 @@ const Sn = "_indicatorsSubCategory_1dzsi_2", Tn = "_list_1dzsi_8", xe = {
           )
         ] }) }),
         d && /* @__PURE__ */ r("div", { className: xe.list, children: d == null ? void 0 : d.map((f, v) => /* @__PURE__ */ r(
-          be,
+          fe,
           {
             indicator: f,
             defaultColor: o,
@@ -1577,13 +1577,13 @@ const je = ({
   onChangeType: g
 }) => {
   var v;
-  const { t: b } = k(), [C, f] = B(!1);
+  const { t: b } = w(), [C, f] = B(!1);
   return L(() => {
     f(s === d);
   }, [s, d]), /* @__PURE__ */ m(
-    me.div,
+    ge.div,
     {
-      className: re.indicatorsCategory,
+      className: ae.indicatorsCategory,
       initial: { height: "53px" },
       animate: { height: C ? "auto" : "53px" },
       transition: { duration: 0.4 },
@@ -1593,7 +1593,7 @@ const je = ({
         marginBottom: C ? "20px" : "0px"
       },
       children: [
-        /* @__PURE__ */ m("h2", { className: `${re.title}`, onClick: () => t(d), children: [
+        /* @__PURE__ */ m("h2", { className: `${ae.title}`, onClick: () => t(d), children: [
           /* @__PURE__ */ r("span", { style: { color: C ? o : n }, children: C ? "-" : "+" }),
           /* @__PURE__ */ r(
             "span",
@@ -1604,7 +1604,7 @@ const je = ({
           )
         ] }),
         i.subcategories ? i.subcategories.map(
-          ({ name: y, subcategory: x, indicators: w }, _) => /* @__PURE__ */ r(
+          ({ name: y, subcategory: x, indicators: k }, _) => /* @__PURE__ */ r(
             Ve,
             {
               id: x,
@@ -1616,14 +1616,14 @@ const je = ({
               multiple: u,
               activeColor: o,
               defaultColor: n,
-              indicators: w,
+              indicators: k,
               activeIndicatorType: h,
               onChangeType: g
             },
             `subcKey ${_}`
           )
-        ) : /* @__PURE__ */ r("div", { className: re.list, children: (v = i.indicators) == null ? void 0 : v.map((y, x) => /* @__PURE__ */ r(
-          be,
+        ) : /* @__PURE__ */ r("div", { className: ae.list, children: (v = i.indicators) == null ? void 0 : v.map((y, x) => /* @__PURE__ */ r(
+          fe,
           {
             indicator: y,
             values: y.type == "twoUnits" && y.values,
@@ -1655,7 +1655,7 @@ je.propTypes = {
   activeColor: e.string,
   defaultColor: e.string
 };
-const Mn = "_indicatorsList_fklyu_2", $n = "_title_fklyu_6", we = {
+const Mn = "_indicatorsList_fklyu_2", $n = "_title_fklyu_6", ke = {
   indicatorsList: Mn,
   title: $n
 }, Ln = ({
@@ -1672,7 +1672,7 @@ const Mn = "_indicatorsList_fklyu_2", $n = "_title_fklyu_6", we = {
   changeIndType: l,
   activeIndicatorType: a
 }) => {
-  const { t: c } = k(), [p, u] = B(), [h, g] = B(), [b, C] = B(), f = (_) => {
+  const { t: c } = w(), [p, u] = B(), [h, g] = B(), [b, C] = B(), f = (_) => {
     u(p == _ ? null : _);
   }, v = (_) => {
     g(h == _ ? null : _);
@@ -1696,15 +1696,15 @@ const Mn = "_indicatorsList_fklyu_2", $n = "_title_fklyu_6", we = {
   };
   L(() => {
     console.log("activeindicator changed to: ", b), n && typeof n == "function" && b && n({ activeIndicator: b });
-  }, [b]), qe(() => {
+  }, [b]), Ee(() => {
     if (s && !b)
       if (t && s && Array.isArray(s)) {
         let _ = b && b.length > 0 ? [...b] : [];
-        C([..._, ...s]), w(s[0].name);
+        C([..._, ...s]), k(s[0].name);
       } else
-        x(s), w(s.name);
+        x(s), k(s.name);
   }, []);
-  const w = (_) => {
+  const k = (_) => {
     const N = i.find((D) => {
       if (D.subcategories) {
         let A = D.subcategories.find(
@@ -1717,8 +1717,8 @@ const Mn = "_indicatorsList_fklyu_2", $n = "_title_fklyu_6", we = {
     });
     N && u(N.category);
   };
-  return /* @__PURE__ */ m("div", { className: we.indicatorsList, children: [
-    /* @__PURE__ */ r("h2", { className: we.title, style: { color: o }, children: c("indicators.indicators") }),
+  return /* @__PURE__ */ m("div", { className: ke.indicatorsList, children: [
+    /* @__PURE__ */ r("h2", { className: ke.title, style: { color: o }, children: c("indicators.indicators") }),
     i.map((_, N) => /* @__PURE__ */ r(
       je,
       {
@@ -1759,7 +1759,7 @@ const Fn = "_langSelector_1of0g_2", Bn = "_currentLang_1of0g_7", Dn = "_arrow_1o
   prevImg: An,
   langMenu: On
 }, Rn = ({ langs: i, arrow: d, imgPrev: o }) => {
-  const [n, t] = B(!1), { i18n: s } = k(), l = i.find((c) => c.code == s.language), a = (c) => {
+  const [n, t] = B(!1), { i18n: s } = w(), l = i.find((c) => c.code == s.language), a = (c) => {
     s.changeLanguage(c), t(!1);
   };
   return /* @__PURE__ */ m("div", { className: K.langSelector, children: [
@@ -1802,14 +1802,14 @@ Rn.propTypes = {
   arrow: e.object,
   imgPrev: e.object
 };
-const In = "_legendContainer_atg3j_3", zn = "_closeButton_atg3j_18", Vn = "_titleContainer_atg3j_46", jn = "_infoContainer_atg3j_52", Pn = "_titleLegendList_atg3j_63", En = "_legendListContainer_atg3j_70", qn = "_gridContainer_atg3j_70", Kn = "_elementLegendContainer_atg3j_76", Un = "_colorDot_atg3j_82", Zn = "_absoluteValueContainer_atg3j_88", Hn = "_absoluteValueColor_atg3j_91", Gn = "_absoluteValueText_atg3j_96", Yn = "_moreInfoContainer_atg3j_108", M = {
+const In = "_legendContainer_atg3j_3", zn = "_closeButton_atg3j_18", Vn = "_titleContainer_atg3j_46", jn = "_infoContainer_atg3j_52", Pn = "_titleLegendList_atg3j_63", qn = "_legendListContainer_atg3j_70", En = "_gridContainer_atg3j_70", Kn = "_elementLegendContainer_atg3j_76", Un = "_colorDot_atg3j_82", Zn = "_absoluteValueContainer_atg3j_88", Hn = "_absoluteValueColor_atg3j_91", Gn = "_absoluteValueText_atg3j_96", Yn = "_moreInfoContainer_atg3j_108", M = {
   legendContainer: In,
   closeButton: zn,
   titleContainer: Vn,
   infoContainer: jn,
   titleLegendList: Pn,
-  legendListContainer: En,
-  gridContainer: qn,
+  legendListContainer: qn,
+  gridContainer: En,
   elementLegendContainer: Kn,
   colorDot: Un,
   absoluteValueContainer: Zn,
@@ -1839,7 +1839,7 @@ const In = "_legendContainer_atg3j_3", zn = "_closeButton_atg3j_18", Vn = "_titl
   buttonTitle: a,
   onClickClose: c
 }) => {
-  const { t: p } = k();
+  const { t: p } = w();
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1855,7 +1855,7 @@ const In = "_legendContainer_atg3j_3", zn = "_closeButton_atg3j_18", Vn = "_titl
             h
           ] })
         ] }, d)) }) }),
-        /* @__PURE__ */ r("h3", { className: M.titleLegendList, children: t ? /* @__PURE__ */ r(he, { i18nKey: t, components: { sup: /* @__PURE__ */ r("sup", {}) } }) : p("mainUse") }),
+        /* @__PURE__ */ r("h3", { className: M.titleLegendList, children: t ? /* @__PURE__ */ r(me, { i18nKey: t, components: { sup: /* @__PURE__ */ r("sup", {}) } }) : p("mainUse") }),
         /* @__PURE__ */ r("div", { className: M.legendListContainer, children: s ? /* @__PURE__ */ m("div", { className: M.absoluteValueContainer, children: [
           /* @__PURE__ */ r(
             "div",
@@ -1924,11 +1924,11 @@ Wn.propTypes = {
   buttonTitle: e.string,
   onClickClose: e.func
 };
-const Xn = "_logo_1ewa6_2", ke = {
+const Xn = "_logo_1ewa6_2", we = {
   logo: Xn
 }, Jn = ({ src: i, alt: d, href: o }) => {
-  const { t: n } = k(), t = /* @__PURE__ */ r("img", { src: i, alt: n(d) });
-  return o ? /* @__PURE__ */ r("div", { className: ke.logo, children: /* @__PURE__ */ r("a", { href: o, children: t }) }) : /* @__PURE__ */ r("div", { className: ke.logo, children: t });
+  const { t: n } = w(), t = /* @__PURE__ */ r("img", { src: i, alt: n(d) });
+  return o ? /* @__PURE__ */ r("div", { className: we.logo, children: /* @__PURE__ */ r("a", { href: o, children: t }) }) : /* @__PURE__ */ r("div", { className: we.logo, children: t });
 };
 Jn.propTypes = {
   src: e.string.isRequired,
@@ -1953,7 +1953,7 @@ const ti = ({
   sources: p = [],
   layers: u = []
 }) => {
-  const h = ue(), [g, b] = B(null), C = le((f) => f.mapState.showTexts);
+  const h = he(), [g, b] = B(null), C = ce((f) => f.mapState.showTexts);
   return L(() => {
     if (h.current) {
       const f = h.current.getMap();
@@ -2050,16 +2050,16 @@ ti.propTypes = {
     })
   )
 };
-const ni = "_mapContainer_e6diw_3", ii = {
+const ni = "_mapContainer_b0pyr_3", ii = {
   mapContainer: ni
 }, si = "_FeaturePopUp_1gd6w_2", oi = "_title_1gd6w_2", Ne = {
   FeaturePopUp: si,
   title: oi
 }, ri = ({ props: i }) => {
-  const { t: d } = k();
+  const { t: d } = w();
   return /* @__PURE__ */ r("div", { className: Ne.FeaturePopUp, children: i.map((o) => /* @__PURE__ */ m("p", { children: [
     /* @__PURE__ */ m("span", { className: Ne.title, children: [
-      /* @__PURE__ */ r(he, { i18nKey: o.name, components: { sup: /* @__PURE__ */ r("sup", {}) } }),
+      /* @__PURE__ */ r(me, { i18nKey: o.name, components: { sup: /* @__PURE__ */ r("sup", {}) } }),
       ": "
     ] }),
     o.value.toLocaleString("de", { maximumFractionDigits: 2 }),
@@ -2083,7 +2083,7 @@ const ni = "_mapContainer_e6diw_3", ii = {
   showTexts: b
 }) => {
   console.log(u);
-  const C = ue();
+  const C = he();
   return L(() => {
     if (C.current) {
       const f = C.current.getMap();
@@ -2093,12 +2093,13 @@ const ni = "_mapContainer_e6diw_3", ii = {
     }
   }, [b]), L(() => {
     let f = new Xe();
-    return ye.addProtocol("pmtiles", f.tile), () => {
-      ye.removeProtocol("pmtiles");
+    return ie.addProtocol("pmtiles", f.tile), () => {
+      ie.removeProtocol("pmtiles");
     };
   }, []), /* @__PURE__ */ r("div", { className: `${ii.mapContainer}`, style: s && s, children: /* @__PURE__ */ m(
     Je,
     {
+      mapLib: ie,
       initialViewState: i,
       ref: C,
       hash: !1,
@@ -2183,7 +2184,7 @@ ai.propTypes = {
   popUpParams: e.object,
   onClosePopUp: e.func
 };
-const li = "_sectionBar_2vnc3_2", ci = "_leftContent_2vnc3_13", di = "_textContainer_2vnc3_19", pi = "_title_2vnc3_26", ui = "_subtitle_2vnc3_32", hi = "_rightContent_2vnc3_37", V = {
+const li = "_sectionBar_1nshk_2", ci = "_leftContent_1nshk_14", di = "_textContainer_1nshk_20", pi = "_title_1nshk_27", ui = "_subtitle_1nshk_33", hi = "_rightContent_1nshk_38", V = {
   sectionBar: li,
   leftContent: ci,
   textContainer: di,
@@ -2191,7 +2192,7 @@ const li = "_sectionBar_2vnc3_2", ci = "_leftContent_2vnc3_13", di = "_textConta
   subtitle: ui,
   rightContent: hi
 }, mi = ({ leftIcon: i, title: d, subtitle: o, rightContent: n, mainColor: t }) => {
-  const { t: s } = k();
+  const { t: s } = w();
   return /* @__PURE__ */ m("div", { className: V.sectionBar, children: [
     /* @__PURE__ */ m("div", { className: V.leftContent, children: [
       i && /* @__PURE__ */ r("img", { src: i, alt: "Icono", className: V.icon }),
@@ -2236,26 +2237,26 @@ const gi = Me({
       i.activeIndicatorUnit = d.payload;
     }
   }
-}), { setShowTexts: rs, setYear: ae, setActiveIndicatorKey: as, setActiveIndicatorType: ls, setActiveIndicatorUnit: cs } = gi.actions, bi = "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", fi = "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", yi = "_slider_a19yo_2", Ci = "_playButton_a19yo_17", vi = "_sliderOpen_a19yo_28", _i = "_sliderResults_a19yo_32", Y = {
+}), { setShowTexts: rs, setYear: le, setActiveIndicatorKey: as, setActiveIndicatorType: ls, setActiveIndicatorUnit: cs } = gi.actions, bi = "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", fi = "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", yi = "_slider_a19yo_2", Ci = "_playButton_a19yo_17", vi = "_sliderOpen_a19yo_28", _i = "_sliderResults_a19yo_32", Y = {
   slider: yi,
   playButton: Ci,
   sliderOpen: vi,
   sliderResults: _i
 }, xi = ({ onResults: i = !1, defaultYear: d = 2025, firstYear: o = 2025, lastYear: n = 2050, zIndex: t = 10, rightBarOpen: s = !1 }) => {
   const [l, a] = B(d), c = Te(), p = (y, x) => {
-    a(x), c(ae(x - 2e3));
+    a(x), c(le(x - 2e3));
   }, [u, h] = B(!1), g = () => {
     h(!0);
   }, b = () => {
     h(!1);
   };
   ((y, x) => {
-    const w = ue();
+    const k = he();
     L(() => {
-      w.current = y;
+      k.current = y;
     }, [y]), L(() => {
       function _() {
-        w.current();
+        k.current();
       }
       {
         let N = setInterval(_, x);
@@ -2263,7 +2264,7 @@ const gi = Me({
       }
     }, [x]);
   })(() => {
-    u && (l != 2050 ? (a(l + 1), c(ae(l - 2e3 + 1))) : (a(2025), c(ae(25))));
+    u && (l != 2050 ? (a(l + 1), c(le(l - 2e3 + 1))) : (a(2025), c(le(25))));
   }, 1e3);
   const f = st({
     palette: {
@@ -2331,11 +2332,11 @@ xi.propTypes = {
   zIndex: e.number,
   rightBarOpen: e.bool
 };
-const wi = "_TopNavMenuContainer_ku22g_2", ki = "_topNavOptions_ku22g_11", Se = {
-  TopNavMenuContainer: wi,
-  topNavOptions: ki
+const ki = "_TopNavMenuContainer_ku22g_2", wi = "_topNavOptions_ku22g_11", Se = {
+  TopNavMenuContainer: ki,
+  topNavOptions: wi
 }, Ni = ({ options: i = [], cssProps: d = {}, activeColor: o }) => {
-  const { t: n } = k(), t = d.textColor || "inherit";
+  const { t: n } = w(), t = d.textColor || "inherit";
   d.borderColor;
   const s = d.height || "calc(70px - 10px);";
   return /* @__PURE__ */ r("div", { className: Se.TopNavMenuContainer, children: i.map((l, a) => /* @__PURE__ */ r(
@@ -2386,7 +2387,7 @@ const Si = Me({
 }), { setShowLogIn: Ti, setShowUserMenu: Mi } = Si.actions, $i = "_UserMenuTrigger_uglss_2", Li = {
   UserMenuTrigger: $i
 }, Fi = ({ cssClass: i, loginLocale: d = "login" }) => {
-  const o = Te(), n = le((a) => a.userState.user.isLoggedIn), t = le((a) => a.userState.user.username), { t: s } = k(), l = () => {
+  const o = Te(), n = ce((a) => a.userState.user.isLoggedIn), t = ce((a) => a.userState.user.username), { t: s } = w(), l = () => {
     o(n ? Ti(!0) : Mi(!0));
   };
   return /* @__PURE__ */ r("div", { className: `${Li.UserMenuTrigger} link ${i}`, onClick: l, children: n ? t : s(d) });
@@ -2399,7 +2400,7 @@ Fi.propTypes = {
   cssClass: e.string,
   loginLocale: e.string
 };
-const Bi = "_header_yr2yi_2", Di = "_leftComponents_yr2yi_11", Ai = "_centerComponents_yr2yi_12", Oi = "_rightComponents_yr2yi_13", Q = {
+const Bi = "_header_t7qdl_2", Di = "_leftComponents_t7qdl_12", Ai = "_centerComponents_t7qdl_13", Oi = "_rightComponents_t7qdl_14", Q = {
   header: Bi,
   leftComponents: Di,
   centerComponents: Ai,
@@ -2448,7 +2449,7 @@ Pi.propTypes = {
   onCloseBar: e.func
 };
 export {
-  kt as AmbitSelector,
+  wt as AmbitSelector,
   Rt as ButtonsList,
   j as DropdownList,
   os as EditAmbit,