@carto/meridian-ds 0.1.1-alpha.6 → 1.0.0-alpha-muiv6.0

package/dist/widgets/index.js

@@ -1,30 +1,30 @@
 import { jsxs as w, Fragment as ie, jsx as n } from "react/jsx-runtime";
-import Un, { useMemo as F, useState as _, useEffect as G, useCallback as oe, useRef as re, createContext as qn, useContext as Xn, useLayoutEffect as an, createRef as Kn } from "react";
-import { useTheme as de, styled as y, Box as S, Skeleton as H, Grid as ae, Link as ve, darken as mt, Button as De, Divider as yt, TextField as rt, InputAdornment as vt, Checkbox as ln, Tooltip as pe, IconButton as me, Slider as wt, debounce as Zn, TableCell as xt, TableContainer as sn, Table as cn, TableHead as dn, TableRow as Je, TableBody as un, TableSortLabel as Jn, TablePagination as Qn, Menu as bt, MenuItem as Pe, SvgIcon as Ye, Typography as $e, lighten as ei, ClickAwayListener as ti, ToggleButton as ni, capitalize as pn, List as ii, ListItem as ri, Chip as oi, Paper as gn, Popover as ai, Select as li, ListItemText as si, Collapse as kt, Drawer as ci, LinearProgress as di, Icon as ui } from "@mui/material";
+import Gn, { useMemo as F, useState as _, useEffect as G, useCallback as oe, useRef as re, createContext as Un, useContext as qn, useLayoutEffect as on, createRef as Xn } from "react";
+import { useTheme as de, styled as y, Box as S, Skeleton as H, Grid as ae, Link as ve, darken as yt, Button as De, Divider as vt, TextField as ot, InputAdornment as wt, Checkbox as an, Tooltip as pe, IconButton as me, debounce as Kn, Slider as xt, TableCell as bt, Table as ln, TableHead as sn, TableRow as Je, TableBody as cn, TableContainer as dn, TableSortLabel as Zn, TablePagination as Jn, Menu as kt, MenuItem as Pe, SvgIcon as je, Typography as $e, lighten as Qn, ClickAwayListener as ei, ToggleButton as ti, capitalize as un, ListItem as ni, Chip as ii, List as ri, Paper as pn, Popover as oi, Select as ai, ListItemText as li, Collapse as St, Drawer as si, Icon as ci, LinearProgress as di } from "@mui/material";
 import { useIntl as le } from "react-intl";
-import { d as pi, u as se, T as z, S as B, B as St, a as gi, b as ut } from "../TablePaginationActions-C9YCSB32.js";
-import hi from "echarts-for-react";
-import { S as Dt, G as fi, O as mi } from "../search-icon-8Q4AttLX.js";
-import { ChevronLeft as yi, ChevronRight as vi, ErrorOutline as wi, Cancel as xi, ExpandLess as bi, ExpandMore as ki, MoreVert as Si } from "@mui/icons-material";
-import { c as hn, a as Mi, b as fn } from "../paletteUtils-BEwZhrLg.js";
-import { lighten as Ii, styled as Ci } from "@mui/material/styles";
-import Ti from "@mui/icons-material/KeyboardArrowDown";
-import Ai from "@mui/icons-material/Close";
-import Ei from "@mui/icons-material/LayersOutlined";
-import Li from "@mui/icons-material/VisibilityOutlined";
-import $i from "@mui/icons-material/VisibilityOffOutlined";
-import Di from "@mui/icons-material/ExpandMore";
-import Pi from "@mui/icons-material/ExpandLess";
-import { A as Oi } from "../Alert-CU0-7Oca.js";
-function mn() {
+import { x as ui, w as se, T as z, S as B, B as Mt, a as pi, b as pt } from "../TablePaginationActions-DdTjHDJ5.js";
+import gi from "echarts-for-react";
+import { S as Qe, a as hi } from "../SwatchSquare-DAne_6Gi.js";
+import { ChevronLeft as fi, ChevronRight as mi, ErrorOutline as yi, Cancel as vi, ExpandLess as wi, ExpandMore as xi, MoreVert as bi } from "@mui/icons-material";
+import { lighten as ki, styled as Si } from "@mui/material/styles";
+import { A as Mi } from "../Alert-CAXy8Ryb.js";
+import { c as gn, a as Ii, b as hn } from "../paletteUtils-BEwZhrLg.js";
+import Ci from "@mui/icons-material/KeyboardArrowDown";
+import Ti from "@mui/icons-material/Close";
+import Ai from "@mui/icons-material/LayersOutlined";
+import Ei from "@mui/icons-material/VisibilityOutlined";
+import Li from "@mui/icons-material/VisibilityOffOutlined";
+import $i from "@mui/icons-material/ExpandMore";
+import Di from "@mui/icons-material/ExpandLess";
+function fn() {
   let e = !1;
   return window.PointerEvent && "maxTouchPoints" in navigator ? navigator.maxTouchPoints > 0 && (e = !0) : (window.matchMedia && window.matchMedia("(any-pointer:coarse)").matches || window.TouchEvent || "ontouchstart" in window) && (e = !0), e;
 }
 function he(e) {
   return !e || typeof e != "object" ? e : `${e.prefix ?? ""}${e.value}${e.suffix ?? ""}`;
 }
-const Wi = [], Ri = {}, Pt = (e) => e;
-function Fi(e, t) {
+const Pi = [], Oi = {}, Pt = (e) => e;
+function Wi(e, t) {
   if (!e || Array.isArray(e) && e.length === 0)
     return null;
   const i = Array.isArray(e) ? e : [e];
@@ -40,15 +40,15 @@ function Fi(e, t) {
     return `<div style="margin-top: 4px">${String(d)}${c}</div>`;
   }).join(" "), r;
 }
-function Ni({
+function Ri({
   height: e,
-  labels: t = Ri,
+  labels: t = Oi,
   yAxisData: i,
-  selectedBars: r = Wi,
+  selectedBars: r = Pi,
   series: o,
   colors: a,
   tooltip: l = !0,
-  tooltipFormatter: d = Fi,
+  tooltipFormatter: d = Wi,
   xAxisFormatter: s = Pt,
   yAxisFormatter: u = Pt,
   onSelectedBarsChange: p,
@@ -77,16 +77,16 @@ function Ni({
     labels: t,
     height: e ?? parseInt(f.spacing(22)),
     // parseInt removes 'px' from the string,
-    selectedBars: Bi(r),
+    selectedBars: Fi(r),
     yAxisData: k,
     colors: b,
     series: h
   };
 }
-function Bi(e) {
+function Fi(e) {
   return (e ?? []).length ? e.map((t) => Array.isArray(t) && t.length === 2 ? t : Array.isArray(t) ? [...Array(2)].map((r, o) => t[o] ?? 0) : [t, 0]) : [];
 }
-var _i = function e(t, i) {
+var Ni = function e(t, i) {
   if (t === i) return !0;
   if (t && i && typeof t == "object" && typeof i == "object") {
     if (t.constructor !== i.constructor) return !1;
@@ -111,8 +111,8 @@ var _i = function e(t, i) {
   }
   return t !== t && i !== i;
 };
-const Le = /* @__PURE__ */ pi(_i);
-class We extends hi {
+const Le = /* @__PURE__ */ ui(Ni);
+class We extends gi {
   componentDidUpdate(t) {
     const { shouldSetOption: i } = this.props;
     if (typeof i == "function" && !i(t, this.props))
@@ -148,7 +148,7 @@ function Ot(e, t) {
     i[r] = e[r];
   }), i;
 }
-const ot = 240, yn = y(S)(({ theme: e }) => ({
+const at = 240, mn = y(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "flex-end",
   justifyContent: "space-between",
@@ -166,7 +166,7 @@ const ot = 240, yn = y(S)(({ theme: e }) => ({
     backgroundImage: `linear-gradient(to bottom, ${e.palette.grey[50]} 1px, transparent 1px)`,
     transform: "scaleY(-1)"
   }
-})), vn = y(S)(({ theme: e }) => ({
+})), yn = y(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "flex-end",
   justifyContent: "space-between",
@@ -186,15 +186,15 @@ const ot = 240, yn = y(S)(({ theme: e }) => ({
   "& + &": {
     marginLeft: "1px"
   }
-})), zi = y(H)(({ theme: e }) => ({
+})), Bi = y(H)(({ theme: e }) => ({
   backgroundColor: e.palette.common.white
 })), Wt = y(H)(({ theme: e }) => ({
   backgroundColor: e.palette.grey[100]
 }));
-function Hi({ height: e }) {
+function _i({ height: e }) {
   return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
-    /* @__PURE__ */ w(yn, { style: { height: e || ot }, children: [
+    /* @__PURE__ */ w(mn, { style: { height: e || at }, children: [
       /* @__PURE__ */ n(Fe, { variant: "rectangular", height: "20%" }),
       /* @__PURE__ */ n(Fe, { variant: "rectangular", height: "40%" }),
       /* @__PURE__ */ n(Fe, { variant: "rectangular", height: "60%" }),
@@ -209,7 +209,7 @@ function ke(e) {
     e && !r && (i(!0), o(!0)), e || i(!1);
   }, [e, r]), { showSkeleton: t };
 }
-const Yi = mn(), ji = y(ae)(({ theme: e }) => ({
+const zi = fn(), Hi = y(ae)(({ theme: e }) => ({
   marginBottom: e.spacing(2),
   flexDirection: "row",
   justifyContent: "space-between",
@@ -217,11 +217,11 @@ const Yi = mn(), ji = y(ae)(({ theme: e }) => ({
   "& .MuiTypography-caption": {
     color: e.palette.text.secondary
   }
-})), Vi = y(ve)(({ theme: e }) => ({
+})), ji = y(ve)(({ theme: e }) => ({
   ...e.typography.caption,
   cursor: "pointer"
 }));
-function ss(e) {
+function ls(e) {
   const {
     yAxisData: t,
     xAxisData: i,
@@ -239,7 +239,7 @@ function ss(e) {
     filterable: m,
     animation: f,
     isLoading: h
-  } = Ni(e), k = r.length > 1, b = de(), M = le(), I = se(M), { showSkeleton: x } = ke(!!h), A = F(
+  } = Ri(e), k = r.length > 1, b = de(), M = le(), I = se(M), { showSkeleton: x } = ke(!!h), A = F(
     () => ({
       show: l,
       trigger: "axis",
@@ -251,7 +251,7 @@ function ss(e) {
         color: b.palette.common.white
       },
       backgroundColor: b.palette.black[90],
-      position: function(T, R, q, Y, X) {
+      position: function(T, R, q, j, X) {
         const te = { top: 0 };
         return X.contentSize[0] < X.viewSize[0] - T[0] ? te.left = T[0] : te.right = X.viewSize[0] - T[0], te;
       },
@@ -282,7 +282,7 @@ function ss(e) {
   ), $ = F(() => {
     let T = [];
     return v ? T = t.reduce((R, q) => (q.forEach(
-      (Y, X) => R[X] = (R[X] ?? 0) + (Y ?? Number.MIN_SAFE_INTEGER)
+      (j, X) => R[X] = (R[X] ?? 0) + (j ?? Number.MIN_SAFE_INTEGER)
     ), R), []) : T = t.flat().map((R) => R ?? Number.MIN_SAFE_INTEGER), Math.max(...T);
   }, [t, v]), D = F(
     () => ({
@@ -320,9 +320,9 @@ function ss(e) {
       name: r[R] ?? "",
       animation: f,
       barMaxWidth: 100,
-      data: T.map((q, Y) => {
+      data: T.map((q, j) => {
         const X = o.some(
-          ([j, K = 0]) => j === Y && K === R
+          ([Y, K = 0]) => Y === j && K === R
         ), te = !!o.length && !X;
         return {
           value: q,
@@ -333,11 +333,11 @@ function ss(e) {
         };
       }),
       ...v && { stack: "total" },
-      ...!Yi && {
+      ...!zi && {
         emphasis: {
           focus: "series",
           itemStyle: {
-            color: mt(u[R] ?? "#000", 0.25)
+            color: yt(u[R] ?? "#000", 0.25)
           }
         }
       }
@@ -385,18 +385,18 @@ function ss(e) {
   }, C = oe(
     (T) => {
       if (a) {
-        const R = [...o], { dataIndex: q, componentIndex: Y } = T, X = R.findIndex(
-          ([j, K = 0]) => q === j && Y === K
+        const R = [...o], { dataIndex: q, componentIndex: j } = T, X = R.findIndex(
+          ([Y, K = 0]) => q === Y && j === K
         );
-        X === -1 ? R.push([q, Y]) : R.splice(X, 1);
+        X === -1 ? R.push([q, j]) : R.splice(X, 1);
         const te = R.map(
-          ([j, K = 0]) => ({
-            xAxis: i[j],
+          ([Y, K = 0]) => ({
+            xAxis: i[Y],
             serie: r[K],
-            yAxis: t[K][j]
+            yAxis: t[K][Y]
           })
         );
-        a(k ? R : R.map((j) => j[0]), te);
+        a(k ? R : R.map((Y) => Y[0]), te);
       }
     },
     [
@@ -413,14 +413,14 @@ function ss(e) {
     } : {},
     [m, C]
   );
-  return x ? /* @__PURE__ */ n(Hi, { height: g }) : /* @__PURE__ */ w("div", { children: [
-    a && /* @__PURE__ */ w(ji, { container: !0, children: [
+  return x ? /* @__PURE__ */ n(_i, { height: g }) : /* @__PURE__ */ w("div", { children: [
+    a && /* @__PURE__ */ w(Hi, { container: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", children: o.length > 0 ? I.formatMessage(
         { id: "c4r.widgets.bar.selectedItems" },
         { items: o.length }
       ) : I.formatMessage({ id: "c4r.widgets.bar.all" }) }),
       o && o.length > 0 && /* @__PURE__ */ n(
-        Vi,
+        ji,
         {
           onClick: () => J(),
           onKeyDown: U,
@@ -447,11 +447,11 @@ function Rt(e = "", t = 0) {
 }
 const Ie = "__rest__", Oe = "Others";
 var Te = /* @__PURE__ */ ((e) => (e.RANKING = "ranking", e.FIXED = "fixed", e))(Te || {});
-const wn = y(ae)(({ theme: e }) => ({
+const vn = y(ae)(({ theme: e }) => ({
   maxHeight: e.spacing(40),
   overflow: "auto",
   padding: 0
-})), xn = y(ae, {
+})), wn = y(ae, {
   shouldForwardProp: (e) => e !== "selectable" && e !== "name" && e !== "unselected"
 })(({ theme: e, selectable: t, name: i, unselected: r }) => ({
   flexDirection: "row",
@@ -496,7 +496,7 @@ const wn = y(ae)(({ theme: e }) => ({
       color: t.text.secondary
     }
   })
-), Gi = y(ae)(({ theme: e }) => ({
+), Yi = y(ae)(({ theme: e }) => ({
   height: e.spacing(0.5),
   width: "100%",
   margin: e.spacing(0.5, 0, 0.25, 0),
@@ -510,13 +510,13 @@ const wn = y(ae)(({ theme: e }) => ({
     transition: `background-color ${e.transitions.easing.sharp} ${e.transitions.duration.shortest}ms,
                  width ${e.transitions.easing.sharp} ${e.transitions.duration.complex}ms`
   }
-})), Ui = y(ae, {
+})), Vi = y(ae, {
   shouldForwardProp: (e) => e !== "isSelectable"
 })(({ theme: e, isSelectable: t }) => ({
   ...t && {
     width: `calc(100% - ${e.spacing(4)})`
   }
-})), qi = y(z)(({ theme: e }) => ({
+})), Gi = y(z)(({ theme: e }) => ({
   fontWeight: e.typography.fontWeightBold,
   marginRight: e.spacing(2)
 })), Ve = y(ve)(({ theme: e }) => ({
@@ -525,7 +525,7 @@ const wn = y(ae)(({ theme: e }) => ({
   "& + hr": {
     margin: e.spacing(0, 1)
   }
-})), Xi = y(S)(({ theme: e }) => ({
+})), Ui = y(S)(({ theme: e }) => ({
   ...e.typography.body2
 })), Nt = y(De)(({ theme: e }) => ({
   position: "absolute",
@@ -540,26 +540,26 @@ const wn = y(ae)(({ theme: e }) => ({
     height: "auto",
     marginTop: e.spacing(2)
   }
-})), Ki = y(H)(({ theme: e }) => ({
+})), qi = y(H)(({ theme: e }) => ({
   marginTop: e.spacing(1.25),
   marginBottom: e.spacing(1.75)
-})), Zi = (e) => e % 2 === 1, bn = () => /* @__PURE__ */ w(ie, { children: [
+})), Xi = (e) => e % 2 === 1, xn = () => /* @__PURE__ */ w(ie, { children: [
   /* @__PURE__ */ n(H, { width: 48, height: 8 }),
-  /* @__PURE__ */ n(wn, { container: !0, mt: 3, children: [...Array(6)].map((e, t) => /* @__PURE__ */ w(xn, { container: !0, spacing: 1, children: [
+  /* @__PURE__ */ n(vn, { container: !0, mt: 3, children: [...Array(6)].map((e, t) => /* @__PURE__ */ w(wn, { container: !0, spacing: 1, children: [
     /* @__PURE__ */ w(ae, { container: !0, item: !0, direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ n(H, { width: Zi(t) ? 72 : 48, height: 8 }),
+      /* @__PURE__ */ n(H, { width: Xi(t) ? 72 : 48, height: 8 }),
       /* @__PURE__ */ n(H, { width: 48, height: 8 })
     ] }),
-    /* @__PURE__ */ n(Ki, { height: 4, width: "100%" })
+    /* @__PURE__ */ n(qi, { height: 4, width: "100%" })
   ] }, t)) })
 ] });
-function kn(e) {
+function bn(e) {
   const t = re();
   return G(() => {
     t.current = e;
   }), t.current;
 }
-function pt({
+function gt({
   start: e,
   end: t,
   duration: i,
@@ -575,7 +575,7 @@ function pt({
   };
   o.current = requestAnimationFrame(u);
 }
-function Ji({
+function Ki({
   start: e,
   end: t,
   duration: i,
@@ -603,16 +603,16 @@ function Ji({
   };
   o.current = requestAnimationFrame(v);
 }
-const Qi = [], er = {}, tr = (e) => e, st = () => {
+const Zi = [], Ji = {}, Qi = (e) => e, ct = () => {
 };
-function cs({
+function ss({
   data: e,
-  formatter: t = tr,
-  labels: i = er,
+  formatter: t = Qi,
+  labels: i = Ji,
   maxItems: r = 5,
   order: o = Te.RANKING,
-  selectedCategories: a = Qi,
-  onSelectedCategoriesChange: l = st,
+  selectedCategories: a = Zi,
+  onSelectedCategoriesChange: l = ct,
   animation: d = !0,
   filterable: s = !0,
   searchable: u = !0,
@@ -620,7 +620,7 @@ function cs({
 }) {
   const [c, v] = _([]), [g, m] = _(1), [f, h] = _(!1), [k, b] = _(""), [M, I] = _([]), [x, A] = _(
     []
-  ), [E, O] = _([]), $ = re(null), D = re(), P = kn(E), W = re([]), { showSkeleton: J } = ke(!!p), U = le(), C = se(U);
+  ), [E, O] = _([]), $ = re(null), D = re(), P = bn(E), W = re([]), { showSkeleton: J } = ke(!!p), U = le(), C = se(U);
   function N(L) {
     return c.reduce((Z, ee) => (L.includes(ee.name) && Z.push(ee.name), Z), []);
   }
@@ -632,13 +632,13 @@ function cs({
   }
   const R = () => l([]), q = (L) => {
     L.key === "Enter" && R();
-  }, Y = () => {
+  }, j = () => {
     l([]), I([]);
   }, X = (L) => {
-    L.key === "Enter" && Y();
+    L.key === "Enter" && j();
   }, te = () => {
     I(N(a));
-  }, j = (L) => {
+  }, Y = (L) => {
     L.key === "Enter" && te();
   }, K = () => {
     const L = N(
@@ -694,7 +694,7 @@ function cs({
   ), xe = oe(() => {
     const L = M.length;
     return L ? e.length - L : e.length - r;
-  }, [e, r, M]), je = oe(
+  }, [e, r, M]), Ye = oe(
     (L) => L === Ie ? `Others ${u ? "" : `(${xe()})`}` : i[String(L)] ?? String(L),
     [xe, i, u]
   ), Re = oe(
@@ -727,7 +727,7 @@ function cs({
     P && (W.current = P);
   }, [P]), G(() => {
     if (d)
-      return Ji({
+      return Ki({
         start: (W.current || []).map((L) => ({
           ...L,
           value: L.value ?? 0
@@ -747,38 +747,38 @@ function cs({
     data: L,
     onCategoryClick: Z
   }) {
-    const ee = t(L.value ?? 0), [ge, Ae] = _(!1), be = re(null), at = () => {
-      var Lt, $t;
-      const lt = (((Lt = be == null ? void 0 : be.current) == null ? void 0 : Lt.scrollWidth) ?? 0) > ((($t = be == null ? void 0 : be.current) == null ? void 0 : $t.clientWidth) ?? 0);
-      Ae(lt);
+    const ee = t(L.value ?? 0), [ge, Ae] = _(!1), be = re(null), lt = () => {
+      var $t, Dt;
+      const st = ((($t = be == null ? void 0 : be.current) == null ? void 0 : $t.scrollWidth) ?? 0) > (((Dt = be == null ? void 0 : be.current) == null ? void 0 : Dt.clientWidth) ?? 0);
+      Ae(st);
     };
-    G(() => (at(), window.addEventListener("resize", at), () => {
-      window.removeEventListener("resize", at);
+    G(() => (lt(), window.addEventListener("resize", lt), () => {
+      window.removeEventListener("resize", lt);
     }), []);
-    const Vn = (lt) => {
-      lt.key === "Enter" && Z();
-    }, Gn = !f && a.length > 0 && !a.includes(L.name);
+    const Yn = (st) => {
+      st.key === "Enter" && Z();
+    }, Vn = !f && a.length > 0 && !a.includes(L.name);
     return /* @__PURE__ */ w(
-      xn,
+      wn,
       {
         container: !0,
         direction: "row",
         spacing: 1,
-        onClick: s ? Z : st,
-        onKeyDown: s ? Vn : st,
+        onClick: s ? Z : ct,
+        onKeyDown: s ? Yn : ct,
         selectable: s,
-        unselected: Gn,
+        unselected: Vn,
         name: L.name === Ie ? Ie : "",
         tabIndex: s ? 0 : -1,
         children: [
           s && f && /* @__PURE__ */ n(ae, { item: !0, mr: 1, children: /* @__PURE__ */ n(
-            ln,
+            an,
             {
               checked: x.includes(L.name),
               tabIndex: -1
             }
           ) }),
-          /* @__PURE__ */ w(Ui, { container: !0, item: !0, xs: !0, isSelectable: f, children: [
+          /* @__PURE__ */ w(Vi, { container: !0, item: !0, xs: !0, isSelectable: f, children: [
             /* @__PURE__ */ w(
               ae,
               {
@@ -791,9 +791,9 @@ function cs({
                   /* @__PURE__ */ n(
                     pe,
                     {
-                      title: je(L.name),
+                      title: Ye(L.name),
                       disableHoverListener: !ge,
-                      children: /* @__PURE__ */ n(qi, { variant: "body2", noWrap: !0, ref: be, children: je(L.name) })
+                      children: /* @__PURE__ */ n(Gi, { variant: "body2", noWrap: !0, ref: be, children: Ye(L.name) })
                     }
                   ),
                   typeof ee == "object" && ee !== null ? /* @__PURE__ */ w("span", { children: [
@@ -804,13 +804,13 @@ function cs({
                 ]
               }
             ),
-            /* @__PURE__ */ n(Gi, { className: "progressbar", item: !0, children: /* @__PURE__ */ n("div", { style: { width: Re(L.value ?? 0) } }) })
+            /* @__PURE__ */ n(Yi, { className: "progressbar", item: !0, children: /* @__PURE__ */ n("div", { style: { width: Re(L.value ?? 0) } }) })
           ] })
         ]
       }
     );
   }
-  return (e == null ? void 0 : e.length) === 0 || J ? /* @__PURE__ */ n(bn, {}) : /* @__PURE__ */ w(Xi, { children: [
+  return (e == null ? void 0 : e.length) === 0 || J ? /* @__PURE__ */ n(xn, {}) : /* @__PURE__ */ w(Ui, { children: [
     s && c.length > 0 && /* @__PURE__ */ w(Ft, { container: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", children: a.length > 0 ? C.formatMessage(
         { id: "c4r.widgets.category.selectedItems" },
@@ -829,7 +829,7 @@ function cs({
       ) : M.length > 0 ? /* @__PURE__ */ n(
         Ve,
         {
-          onClick: Y,
+          onClick: j,
           onKeyDown: X,
           underline: "hover",
           tabIndex: 0,
@@ -840,7 +840,7 @@ function cs({
           Ve,
           {
             onClick: te,
-            onKeyDown: j,
+            onKeyDown: Y,
             underline: "hover",
             tabIndex: 0,
             children: C.formatMessage({
@@ -848,7 +848,7 @@ function cs({
             })
           }
         ),
-        /* @__PURE__ */ n(yt, { orientation: "vertical", flexItem: !0 }),
+        /* @__PURE__ */ n(vt, { orientation: "vertical", flexItem: !0 }),
         /* @__PURE__ */ n(
           Ve,
           {
@@ -865,7 +865,7 @@ function cs({
     ] }),
     e.length > r && f && /* @__PURE__ */ w(Ft, { container: !0, children: [
       /* @__PURE__ */ n(
-        rt,
+        ot,
         {
           size: "small",
           sx: { mt: -0.5 },
@@ -875,7 +875,7 @@ function cs({
           onChange: Q,
           onFocus: V,
           InputProps: {
-            startAdornment: /* @__PURE__ */ n(vt, { position: "start", children: /* @__PURE__ */ n(Dt, {}) })
+            startAdornment: /* @__PURE__ */ n(wt, { position: "start", children: /* @__PURE__ */ n(Qe, {}) })
           },
           inputProps: {
             tabIndex: 0,
@@ -885,7 +885,7 @@ function cs({
       ),
       /* @__PURE__ */ n(Nt, { size: "small", onClick: Se, children: C.formatMessage({ id: "c4r.widgets.category.cancel" }) })
     ] }),
-    /* @__PURE__ */ n(wn, { container: !0, item: !0, children: E.length ? E.map((L, Z) => /* @__PURE__ */ n(
+    /* @__PURE__ */ n(vn, { container: !0, item: !0, children: E.length ? E.map((L, Z) => /* @__PURE__ */ n(
       jn,
       {
         data: L,
@@ -916,7 +916,7 @@ function cs({
       {
         size: "small",
         color: "primary",
-        startIcon: /* @__PURE__ */ n(Dt, {}),
+        startIcon: /* @__PURE__ */ n(Qe, {}),
         onClick: ne,
         children: C.formatMessage(
           { id: "c4r.widgets.category.searchInfo" },
@@ -926,25 +926,25 @@ function cs({
     ) }) : null
   ] });
 }
-const Sn = () => /* @__PURE__ */ n(S, { pt: 0.5, children: /* @__PURE__ */ n(H, { height: 24, width: 120 }) }), nr = y("span")(() => ({
+const kn = () => /* @__PURE__ */ n(S, { pt: 0.5, children: /* @__PURE__ */ n(H, { height: 24, width: 120 }) }), er = y("span")(() => ({
   marginRight: "2px"
-})), ir = y("span")(() => ({
+})), tr = y("span")(() => ({
   marginLeft: "2px"
-})), Ge = "-", rr = (e) => e;
-function ds({
+})), Ge = "-", nr = (e) => e;
+function cs({
   data: e = Ge,
-  formatter: t = rr,
+  formatter: t = nr,
   animation: i = !0,
   isLoading: r = !1
 }) {
-  const [o, a] = _(Ge), l = re(null), d = kn(o), s = re(d), { showSkeleton: u } = ke(!!r);
-  G(() => (typeof e == "number" && i ? pt({
+  const [o, a] = _(Ge), l = re(null), d = bn(o), s = re(d), { showSkeleton: u } = ke(!!r);
+  G(() => (typeof e == "number" && i ? gt({
     start: s.current || 0,
     end: e,
     duration: 500,
     drawFrame: (g) => a(g),
     requestRef: l
-  }) : typeof e == "object" && i && e && s.current && e.value !== null && e.value !== void 0 ? pt({
+  }) : typeof e == "object" && i && e && s.current && e.value !== null && e.value !== void 0 ? gt({
     start: Number(
       s.current.value
     ),
@@ -956,10 +956,10 @@ function ds({
     l.current && cancelAnimationFrame(l.current);
   }), [i, e, a]);
   const p = t(o), c = typeof p == "object" && p !== null, v = p === Ge;
-  return u ? /* @__PURE__ */ n(Sn, {}) : c ? /* @__PURE__ */ w(z, { variant: "h5", component: "div", weight: "medium", children: [
-    /* @__PURE__ */ n(nr, { children: p.prefix }),
+  return u ? /* @__PURE__ */ n(kn, {}) : c ? /* @__PURE__ */ w(z, { variant: "h5", component: "div", weight: "medium", children: [
+    /* @__PURE__ */ n(er, { children: p.prefix }),
     p.value,
-    /* @__PURE__ */ n(ir, { children: p.suffix })
+    /* @__PURE__ */ n(tr, { children: p.suffix })
   ] }) : /* @__PURE__ */ n(
     z,
     {
@@ -976,7 +976,7 @@ function ds({
 }
 const Bt = {};
 let Ne = null;
-function or({
+function ir({
   data: e,
   filterable: t,
   selectedBars: i,
@@ -1004,11 +1004,11 @@ function or({
       }
     }
     if (o && t) {
-      const v = ct(
+      const v = dt(
         s,
         "mousedown",
         p
-      ), g = ct(
+      ), g = dt(
         s,
         "mousemove",
         c
@@ -1028,7 +1028,7 @@ function or({
       d([]), Ne = null;
     }
     if (o && t)
-      return ct(s, "mouseup", p);
+      return dt(s, "mouseup", p);
   }, [s, o, l, e, r, t]);
   const u = oe(
     (p) => {
@@ -1052,16 +1052,16 @@ function or({
     onEvents: t ? { click: u } : {}
   };
 }
-function ct(e, t, i) {
+function dt(e, t, i) {
   if (e != null && e.handler)
     return Bt[t] = i, e.on(t, i), () => {
       Bt[t] && (e != null && e.handler) && e.off(t, i);
     };
 }
-function ar({ height: e }) {
+function rr({ height: e }) {
   return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
-    /* @__PURE__ */ w(vn, { style: { height: e ?? ot }, children: [
+    /* @__PURE__ */ w(yn, { style: { height: e ?? at }, children: [
       /* @__PURE__ */ n(fe, { variant: "rectangular", height: "20%" }),
       /* @__PURE__ */ n(fe, { variant: "rectangular", height: "40%" }),
       /* @__PURE__ */ n(fe, { variant: "rectangular", height: "60%" }),
@@ -1077,7 +1077,7 @@ function ar({ height: e }) {
     ] })
   ] });
 }
-const lr = mn(), sr = y(ae)(({ theme: e }) => ({
+const or = fn(), ar = y(ae)(({ theme: e }) => ({
   marginBottom: e.spacing(2),
   flexDirection: "row",
   justifyContent: "space-between",
@@ -1085,12 +1085,12 @@ const lr = mn(), sr = y(ae)(({ theme: e }) => ({
   "& .MuiTypography-caption": {
     color: e.palette.text.secondary
   }
-})), cr = y(ve)(({ theme: e }) => ({
+})), lr = y(ve)(({ theme: e }) => ({
   ...e.typography.caption,
   cursor: "pointer"
-})), dr = [], ur = () => {
-}, Qe = (e) => e;
-function pr(e, t = Qe, i = Qe) {
+})), sr = [], cr = () => {
+}, et = (e) => e;
+function dr(e, t = et, i = et) {
   if (!e)
     return null;
   if (Array.isArray(e) && e.length === 0)
@@ -1101,27 +1101,27 @@ function pr(e, t = Qe, i = Qe) {
   const [a, l, d] = o.value, s = he(t(a)), u = he(t(l)), p = he(i(d)), c = `${s} <span style="vertical-align: 1px;">—</span> ${u}`, v = `<div style="margin-left: 8px; display: inline">${p}</div>`;
   return `${c} <div style="margin-top: 4px">${String(r)}${v}</div>`;
 }
-function us({
+function ds({
   data: e,
   ticks: t,
   min: i,
   max: r,
-  xAxisFormatter: o = Qe,
-  yAxisFormatter: a = Qe,
+  xAxisFormatter: o = et,
+  yAxisFormatter: a = et,
   yAxisType: l = "dense",
-  selectedBars: d = dr,
-  onSelectedBarsChange: s = ur,
+  selectedBars: d = sr,
+  onSelectedBarsChange: s = cr,
   tooltip: u = !0,
-  tooltipFormatter: p = pr,
+  tooltipFormatter: p = dr,
   animation: c = !0,
   filterable: v = !0,
   height: g = 200,
   isLoading: m
 }) {
   const f = le(), h = de(), k = se(f), { showSkeleton: b } = ke(!!m), M = !!v && !!s, [I, x] = _(), A = (T) => x(T), E = F(
-    () => fr(e, t, i, r),
+    () => gr(e, t, i, r),
     [e, t, i, r]
-  ), { onEvents: O, markAreaOptions: $ } = or({
+  ), { onEvents: O, markAreaOptions: $ } = ir({
     data: E,
     filterable: M,
     selectedBars: d,
@@ -1171,7 +1171,7 @@ function us({
         padding: [B * 0.5, B * 0.5, 0, B * 0.5],
         formatter: (T) => {
           const R = he(o(T));
-          return T === i ? gr(R) : T === r ? hr(R) : R;
+          return T === i ? ur(R) : T === r ? pr(R) : R;
         },
         color: h.palette.black[60]
       }
@@ -1183,13 +1183,13 @@ function us({
       verticalAlign: "bottom",
       padding: [0, 0, B * 1.25, 0],
       inside: !0,
-      color: (Y) => {
-        const X = Math.max(...e.map((j) => j ?? Number.MIN_SAFE_INTEGER)) || 1;
+      color: (j) => {
+        const X = Math.max(...e.map((Y) => Y ?? Number.MIN_SAFE_INTEGER)) || 1;
         let te = "transparent";
-        return Y >= X && (te = h.palette.black[60]), te;
+        return j >= X && (te = h.palette.black[60]), te;
       },
       ...h.typography.overlineDelicate,
-      formatter: (Y) => he(a(Y))
+      formatter: (j) => he(a(j))
     }, R = {
       verticalAlign: "middle",
       padding: [0, 0, 0, B * 0.5],
@@ -1215,7 +1215,7 @@ function us({
         showMinLabel: !1,
         ...q,
         ...h.typography.overlineDelicate,
-        formatter: (Y) => he(a(Y))
+        formatter: (j) => he(a(j))
       }
     };
   }, [
@@ -1225,30 +1225,30 @@ function us({
     a,
     l
   ]), J = F(() => {
-    const T = i === r && E.filter((Y) => Y[2] !== 0).length === 1, q = (T ? [E[0], E[E.length - 1]] : E).map((Y, X) => {
-      const j = d.length && !d.includes(X) ? h.palette.black[25] : h.palette.secondary.main;
-      return { value: Y, itemStyle: { color: j } };
+    const T = i === r && E.filter((j) => j[2] !== 0).length === 1, q = (T ? [E[0], E[E.length - 1]] : E).map((j, X) => {
+      const Y = d.length && !d.includes(X) ? h.palette.black[25] : h.palette.secondary.main;
+      return { value: j, itemStyle: { color: Y } };
     });
     return {
       type: "custom",
       cursor: "pointer",
       markArea: $,
-      renderItem: function(Y, X) {
-        const te = Y.dataIndex === E.length - 1, j = Y.dataIndex === 0, K = q[Y.dataIndex].itemStyle.color, ue = X.value(0), Se = X.value(1), we = X.value(2), [V, Q] = X.coord([ue, we]), [ne, ce] = X.size([Se - ue, we]);
+      renderItem: function(j, X) {
+        const te = j.dataIndex === E.length - 1, Y = j.dataIndex === 0, K = q[j.dataIndex].itemStyle.color, ue = X.value(0), Se = X.value(1), we = X.value(2), [V, Q] = X.coord([ue, we]), [ne, ce] = X.size([Se - ue, we]);
         return {
           type: "rect",
           shape: {
-            x: T ? V / 10 : V + (j ? 0 : 1),
+            x: T ? V / 10 : V + (Y ? 0 : 1),
             y: Q,
             // Division by 10 in the next line is done to avoid that the only bar rendered inside the histogram widget gets all the width of it
             width: T ? V - V / 10 : ne - (te ? 0 : 1),
             height: ce
           },
           style: { fill: K },
-          ...!lr && {
+          ...!or && {
             emphasis: {
               style: {
-                fill: mt(K, 0.25)
+                fill: yt(K, 0.25)
               }
             }
           }
@@ -1292,8 +1292,8 @@ function us({
   ), N = (T) => {
     T.key === "Enter" && s([]);
   };
-  return b ? /* @__PURE__ */ n(ar, { height: g }) : /* @__PURE__ */ w("div", { children: [
-    M && /* @__PURE__ */ w(sr, { container: !0, children: [
+  return b ? /* @__PURE__ */ n(rr, { height: g }) : /* @__PURE__ */ w("div", { children: [
+    M && /* @__PURE__ */ w(ar, { container: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", weight: "strong", children: d.length > 0 ? k.formatMessage(
         { id: "c4r.widgets.histogram.selectedItems" },
         {
@@ -1303,7 +1303,7 @@ function us({
         }
       ) : k.formatMessage({ id: "c4r.widgets.histogram.all" }) }),
       d.length > 0 && /* @__PURE__ */ n(
-        cr,
+        lr,
         {
           onClick: () => s([]),
           onKeyDown: N,
@@ -1325,14 +1325,14 @@ function us({
     )
   ] });
 }
-function gr(e) {
+function ur(e) {
   return `${Array(String(e).length).fill("  ").join("")}${e}`;
 }
-function hr(e) {
+function pr(e) {
   const t = Array(String(e).length).fill("  ").join("");
   return `${e}${t}`;
 }
-function fr(e, t, i, r) {
+function gr(e, t, i, r) {
   return e.map(
     (o, a) => [
       a === 0 ? i : t[a - 1],
@@ -1341,7 +1341,7 @@ function fr(e, t, i, r) {
     ]
   );
 }
-function mr(e, t, i, r) {
+function hr(e, t, i, r) {
   const o = de(), a = F(() => t === Te.RANKING ? e.slice().sort((s, u) => (u.value ?? 0) - (s.value ?? 0)) : e, [e, t]), l = F(() => {
     const s = [];
     let u = 0;
@@ -1369,27 +1369,27 @@ function mr(e, t, i, r) {
     });
   }, [l, r, o]);
 }
-const yr = y(S)(({ theme: e }) => ({
+const fr = y(S)(({ theme: e }) => ({
   zIndex: 1,
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
   justifyContent: "center",
   paddingBottom: e.spacing(1)
-})), vr = y(S)(({ theme: e }) => ({
+})), mr = y(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(1),
   maxWidth: "140px",
   textTransform: "uppercase"
-})), wr = y(S)(({ theme: e }) => ({
+})), yr = y(S)(({ theme: e }) => ({
   display: "inline-block",
   borderRadius: e.spacing(0.5),
   width: e.spacing(1),
   minWidth: e.spacing(1),
   height: e.spacing(1)
 }));
-function xr({
+function vr({
   data: e,
   selectedCategories: t,
   formatter: i
@@ -1401,13 +1401,13 @@ function xr({
     t.length > 0 ? u = e.filter(
       (m) => t.includes(m.name)
     ) : u = e;
-    const p = br(u), c = u.find((m) => m === p);
+    const p = wr(u), c = u.find((m) => m === p);
     if (!c)
       return null;
     let v = 0;
     for (const m of e)
       v += m.value ?? 0;
-    const g = kr(
+    const g = xr(
       c.value ?? 0,
       v,
       i
@@ -1418,84 +1418,84 @@ function xr({
     a && o(a);
   }, [a, o]);
   const { name: l, percentage: d, color: s } = r ?? {};
-  return r ? /* @__PURE__ */ w(yr, { children: [
+  return r ? /* @__PURE__ */ w(fr, { children: [
     /* @__PURE__ */ n(z, { variant: "h5", children: d }),
-    /* @__PURE__ */ w(vr, { children: [
-      /* @__PURE__ */ n(wr, { bgcolor: s, component: "span" }),
+    /* @__PURE__ */ w(mr, { children: [
+      /* @__PURE__ */ n(yr, { bgcolor: s, component: "span" }),
       /* @__PURE__ */ n(z, { component: "span", variant: "body2", noWrap: !0, children: l })
     ] })
   ] }) : null;
 }
-function br(e) {
+function wr(e) {
   const t = e.filter(
     (i) => i.name !== Oe
   );
   return t.length === 0 ? e[0] : t.reduce((i, r) => (r.value ?? 0) > (i.value ?? 0) ? r : i);
 }
-function kr(e, t, i) {
+function xr(e, t, i) {
   let r = 0;
   return t !== 0 && (r = e / t * 100), i ? i(r) : `${r}%`;
 }
-const _t = 32, Sr = y(S)(({ theme: e }) => ({
+const _t = 32, br = y(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
   marginTop: e.spacing(0.5)
-})), Mr = y("div")(() => ({
+})), kr = y("div")(() => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
   position: "relative"
-})), Ir = y(zi)(() => ({
+})), Sr = y(Bi)(() => ({
   position: "absolute",
   zIndex: 1
-})), Cr = y("div")(({ theme: e }) => ({
+})), Mr = y("div")(({ theme: e }) => ({
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
   gap: e.spacing(1),
   position: "absolute",
   zIndex: 2
-})), Tr = y(S)(({ theme: e }) => ({
+})), Ir = y(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(2),
   height: e.spacing(5)
-})), Ar = y("div")(({ theme: e }) => ({
+})), Cr = y("div")(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(1.5)
 }));
-function Mn({ height: e }) {
-  const t = parseInt(String(e), 10) || ot, i = t - _t, r = i - _t;
+function Sn({ height: e }) {
+  const t = parseInt(String(e), 10) || at, i = t - _t, r = i - _t;
   return /* @__PURE__ */ w(S, { mt: 0.5, children: [
     /* @__PURE__ */ n(H, { height: 8, width: 64 }),
-    /* @__PURE__ */ n(Sr, { height: t, children: /* @__PURE__ */ w(Mr, { children: [
+    /* @__PURE__ */ n(br, { height: t, children: /* @__PURE__ */ w(kr, { children: [
       /* @__PURE__ */ n(H, { variant: "circular", width: i, height: i }),
       /* @__PURE__ */ n(
-        Ir,
+        Sr,
         {
           variant: "circular",
           width: r,
           height: r
         }
       ),
-      /* @__PURE__ */ w(Cr, { children: [
+      /* @__PURE__ */ w(Mr, { children: [
         /* @__PURE__ */ n(H, { height: 24, width: 72 }),
         /* @__PURE__ */ n(H, { height: 8, width: 48 })
       ] })
     ] }) }),
-    /* @__PURE__ */ n(Tr, { children: [...Array(2)].map((o, a) => /* @__PURE__ */ w(Ar, { children: [
+    /* @__PURE__ */ n(Ir, { children: [...Array(2)].map((o, a) => /* @__PURE__ */ w(Cr, { children: [
       /* @__PURE__ */ n(H, { variant: "circular", width: 8, height: 8 }),
       /* @__PURE__ */ n(H, { width: 48, height: 8 })
     ] }, a)) })
   ] });
 }
-const Er = y(S)(({ theme: e }) => ({
+const Tr = y(S)(({ theme: e }) => ({
   position: "relative",
   padding: e.spacing(1.25, 1, 0, 1),
   width: "100%"
-})), Lr = y(S)(({ theme: e }) => ({
+})), Ar = y(S)(({ theme: e }) => ({
   position: "relative",
   display: "flex",
   flexDirection: "row",
@@ -1504,7 +1504,7 @@ const Er = y(S)(({ theme: e }) => ({
   // Accessibility tweak to display focus indicator properly
   padding: e.spacing(0.5),
   margin: e.spacing(-0.5)
-})), $r = y(S)(({ theme: e }) => ({
+})), Er = y(S)(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   gap: e.spacing(1),
@@ -1512,7 +1512,7 @@ const Er = y(S)(({ theme: e }) => ({
   textOverflow: "ellipsis",
   whiteSpace: "nowrap",
   cursor: "pointer"
-})), Dr = y(S)(({ theme: e }) => ({
+})), Lr = y(S)(({ theme: e }) => ({
   display: "inline-block",
   position: "absolute",
   left: e.spacing(-2),
@@ -1521,13 +1521,13 @@ const Er = y(S)(({ theme: e }) => ({
   zIndex: 1,
   width: e.spacing(2.5),
   background: `linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, ${e.palette.background.paper} 100%)`
-})), Pr = y(S)(({ theme: e }) => ({
+})), $r = y(S)(({ theme: e }) => ({
   position: "absolute",
   padding: e.spacing(0.25, 1),
   top: e.spacing(0),
   right: 0,
   background: e.palette.background.paper
-})), Or = y(S, {
+})), Dr = y(S, {
   shouldForwardProp: (e) => e !== "color"
 })(({ theme: e, color: t }) => {
   const i = e.spacing(1);
@@ -1538,7 +1538,7 @@ const Er = y(S)(({ theme: e }) => ({
     height: i
   };
 });
-function In({
+function Mn({
   series: e,
   selectedCategories: t,
   onCategoryClick: i
@@ -1578,9 +1578,9 @@ function In({
     }), x.observe(p.current)), () => {
       x == null || x.disconnect();
     };
-  }, [p, b]), /* @__PURE__ */ w(Er, { ref: p, children: [
+  }, [p, b]), /* @__PURE__ */ w(Tr, { ref: p, children: [
     /* @__PURE__ */ n(
-      Lr,
+      Ar,
       {
         ref: c,
         style: {
@@ -1590,7 +1590,7 @@ function In({
           if (A < l) return null;
           const E = t.length === 0 || t.includes(x.name);
           return /* @__PURE__ */ w(
-            $r,
+            Er,
             {
               tabIndex: 0,
               onClick: i ? () => i(x.name) : void 0,
@@ -1600,7 +1600,7 @@ function In({
               },
               children: [
                 /* @__PURE__ */ n(
-                  Or,
+                  Dr,
                   {
                     color: E ? x.color : r.palette.text.disabled
                   }
@@ -1620,8 +1620,8 @@ function In({
         })
       }
     ),
-    (o || l > 0) && /* @__PURE__ */ w(Pr, { ref: v, children: [
-      /* @__PURE__ */ n(Dr, {}),
+    (o || l > 0) && /* @__PURE__ */ w($r, { ref: v, children: [
+      /* @__PURE__ */ n(Lr, {}),
       /* @__PURE__ */ n(
         pe,
         {
@@ -1634,7 +1634,7 @@ function In({
               size: "small",
               disabled: l === 0,
               onClick: h,
-              children: /* @__PURE__ */ n(yi, {})
+              children: /* @__PURE__ */ n(fi, {})
             }
           )
         }
@@ -1651,7 +1651,7 @@ function In({
               size: "small",
               disabled: !o,
               onClick: f,
-              children: /* @__PURE__ */ n(vi, {})
+              children: /* @__PURE__ */ n(mi, {})
             }
           )
         }
@@ -1659,12 +1659,12 @@ function In({
     ] })
   ] });
 }
-const gt = "232px", Wr = y(ae)(({ theme: e }) => ({
+const ht = "232px", Pr = y(ae)(({ theme: e }) => ({
   flexDirection: "row",
   justifyContent: "space-between",
   alignItems: "center",
   marginBottom: e.spacing(0.5)
-})), Rr = y(S, {
+})), Or = y(S, {
   shouldForwardProp: (e) => e !== "height" && e !== "width"
 })(
   ({ height: e, width: t }) => ({
@@ -1677,22 +1677,22 @@ const gt = "232px", Wr = y(ae)(({ theme: e }) => ({
     width: t || "100%",
     height: e || "100%"
   })
-), Fr = y(We)(() => ({
+), Wr = y(We)(() => ({
   position: "absolute",
   top: 0,
   right: 0,
   left: 0,
   bottom: 0
-})), zt = [], Nr = {}, Br = (e) => e;
-function ps({
+})), zt = [], Rr = {}, Fr = (e) => e;
+function us({
   name: e,
   data: t,
-  formatter: i = Br,
-  tooltipFormatter: r = _r,
+  formatter: i = Fr,
+  tooltipFormatter: r = Nr,
   percentFormatter: o,
-  height: a = gt,
-  width: l = gt,
-  labels: d = Nr,
+  height: a = ht,
+  width: l = ht,
+  labels: d = Rr,
   colors: s = zt,
   animation: u = !0,
   filterable: p = !0,
@@ -1702,7 +1702,7 @@ function ps({
   maxItems: m = 11,
   order: f = Te.RANKING
 }) {
-  const h = de(), k = mr(t, f, m, s), { showSkeleton: b } = ke(!!g), M = le(), I = se(M), x = F(() => o || ((U) => `${M.formatNumber(U, {
+  const h = de(), k = hr(t, f, m, s), { showSkeleton: b } = ke(!!g), M = le(), I = se(M), x = F(() => o || ((U) => `${M.formatNumber(U, {
     maximumFractionDigits: 2,
     minimumFractionDigits: 2
   })}%`), [M, o]), A = F(() => {
@@ -1794,8 +1794,8 @@ function ps({
   }, J = (U) => {
     U.key === "Enter" && W();
   };
-  return b ? /* @__PURE__ */ n(Mn, { height: a }) : /* @__PURE__ */ w(ie, { children: [
-    p && /* @__PURE__ */ w(Wr, { container: !0, children: [
+  return b ? /* @__PURE__ */ n(Sn, { height: a }) : /* @__PURE__ */ w(ie, { children: [
+    p && /* @__PURE__ */ w(Pr, { container: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: c.length ? I.formatMessage(
         { id: "c4r.widgets.pie.selectedItems" },
         { items: c.length }
@@ -1811,9 +1811,9 @@ function ps({
         }
       )
     ] }),
-    /* @__PURE__ */ w(Rr, { height: a, width: l, children: [
+    /* @__PURE__ */ w(Or, { height: a, width: l, children: [
       /* @__PURE__ */ n(
-        xr,
+        vr,
         {
           data: k,
           selectedCategories: c,
@@ -1821,7 +1821,7 @@ function ps({
         }
       ),
       /* @__PURE__ */ n(
-        Fr,
+        Wr,
         {
           option: O,
           onEvents: P,
@@ -1831,7 +1831,7 @@ function ps({
       )
     ] }),
     k.length > 0 && /* @__PURE__ */ n(
-      In,
+      Mn,
       {
         series: k,
         selectedCategories: c,
@@ -1840,30 +1840,30 @@ function ps({
     )
   ] });
 }
-function _r(e, t, i) {
+function Nr(e, t, i) {
   var s;
   const r = Array.isArray(e) ? e[0] : e;
   if (!r)
     return null;
   const o = he(t(r.value)), a = i(r.percent) || `${r.percent}%`, d = `display:inline-block;border-radius:4px;width:8px;height:8px;background-color:${((s = r.data) == null ? void 0 : s.color) || r.textStyle.color}`;
   return `
-    <div style="white-space:normal;"><p style="max-width:${gt};font-size:11px;font-weight:500;line-height:1.454;text-transform:uppercase;margin:0 0 4px 0;">${r.name}</p>
+    <div style="white-space:normal;"><p style="max-width:${ht};font-size:11px;font-weight:500;line-height:1.454;text-transform:uppercase;margin:0 0 4px 0;">${r.name}</p>
     <p style="display:flex;align-items:center;font-size: 11px;font-weight:500;line-height:1.454;margin:0;"><span style="${d}"></span> <span style="margin:0 4px;font-weight:400;">${o}</span> (${a})</p></div>
   `.trim();
 }
-const zr = y(ae)(({ theme: e }) => ({
+const Br = y(ae)(({ theme: e }) => ({
   position: "relative",
   alignItems: "center",
   height: e.spacing(4)
-})), Hr = y(ae)(({ theme: e }) => ({
+})), _r = y(ae)(({ theme: e }) => ({
   position: "absolute",
   zIndex: 1,
   padding: e.spacing(0, 3)
 }));
-function Yr() {
+function zr() {
   return /* @__PURE__ */ w(ae, { container: !0, children: [
-    /* @__PURE__ */ w(zr, { container: !0, item: !0, children: [
-      /* @__PURE__ */ w(Hr, { container: !0, item: !0, justifyContent: "space-between", children: [
+    /* @__PURE__ */ w(Br, { container: !0, item: !0, children: [
+      /* @__PURE__ */ w(_r, { container: !0, item: !0, justifyContent: "space-between", children: [
         /* @__PURE__ */ n(Wt, { variant: "circular", width: 12, height: 12 }),
         /* @__PURE__ */ n(Wt, { variant: "circular", width: 12, height: 12 })
       ] }),
@@ -1875,16 +1875,16 @@ function Yr() {
     ] })
   ] });
 }
-const jr = y(S)(() => ({
+const Hr = y(S)(() => ({
   position: "relative"
-})), Vr = y(S)(({ theme: { spacing: e } }) => ({
+})), jr = y(S)(({ theme: { spacing: e } }) => ({
   display: "flex",
   flexDirection: "row-reverse",
   height: e(1.5)
-})), Gr = y(ve)(() => ({
+})), Yr = y(ve)(() => ({
   cursor: "pointer"
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
-})), Ht = y(rt)(({ theme: { spacing: e } }) => ({
+})), Ht = y(ot)(({ theme: { spacing: e } }) => ({
   maxWidth: e(9),
   margin: 0,
   "& fieldset": {
@@ -1903,11 +1903,11 @@ const jr = y(S)(() => ({
       margin: 0
     }
   }
-})), Ur = y(wt)(({ theme: { palette: e } }) => ({
+})), Vr = y(xt)(({ theme: { palette: e } }) => ({
   "& .MuiSlider-rail": {
     color: e.text.hint
   }
-})), qr = y(wt)(({ theme: { palette: e, spacing: t } }) => ({
+})), Gr = y(xt)(({ theme: { palette: e, spacing: t } }) => ({
   pointerEvents: "none",
   position: "absolute",
   zIndex: 1,
@@ -1932,7 +1932,7 @@ const jr = y(S)(() => ({
     transform: "translateY(-50%)"
   }
 }));
-function gs({
+function ps({
   data: e,
   min: t,
   max: i,
@@ -1955,7 +1955,7 @@ function gs({
     if (!(x[0].value > x[1].value))
       return x;
   }, [r, i, t]), m = F(
-    () => o ? Zn(o, 250) : null,
+    () => o ? Kn(o, 250) : null,
     [o]
   ), f = (x) => {
     u([...x]), d([...x]), m && m([...x]);
@@ -1980,9 +1980,9 @@ function gs({
   function I(x) {
     x.key === "Enter" && M();
   }
-  return v ? /* @__PURE__ */ n(Yr, {}) : /* @__PURE__ */ w(jr, { children: [
-    /* @__PURE__ */ n(Vr, { children: k && /* @__PURE__ */ n(z, { variant: "caption", color: "primary", children: /* @__PURE__ */ n(
-      Gr,
+  return v ? /* @__PURE__ */ n(zr, {}) : /* @__PURE__ */ w(Hr, { children: [
+    /* @__PURE__ */ n(jr, { children: k && /* @__PURE__ */ n(z, { variant: "caption", color: "primary", children: /* @__PURE__ */ n(
+      Yr,
       {
         onClick: M,
         onKeyDown: I,
@@ -1994,7 +1994,7 @@ function gs({
     ) }) }),
     /* @__PURE__ */ w(S, { children: [
       /* @__PURE__ */ n(
-        Ur,
+        Vr,
         {
           getAriaLabel: (x) => x === 0 ? c.formatMessage({ id: "c4r.widgets.range.minValue" }) : c.formatMessage({ id: "c4r.widgets.range.maxValue" }),
           value: l,
@@ -2004,7 +2004,7 @@ function gs({
         }
       ),
       r && r.length === 2 && /* @__PURE__ */ n(
-        qr,
+        Gr,
         {
           getAriaLabel: (x) => x === 0 ? c.formatMessage({ id: "c4r.widgets.range.minLimit" }) : c.formatMessage({ id: "c4r.widgets.range.maxLimit" }),
           value: r,
@@ -2052,40 +2052,40 @@ function gs({
     ] })
   ] });
 }
-const Xr = y(vn)(({ theme: e }) => ({
+const Ur = y(yn)(({ theme: e }) => ({
   flexDirection: "column",
   alignItems: "center",
   justifyContent: "center",
   marginLeft: e.spacing(4),
   containerType: "inline-size",
-  [`@container (max-width: ${St.XS}px)`]: {
+  [`@container (max-width: ${Mt.XS}px)`]: {
     " > div": {
       maxWidth: "75%"
     }
   }
-})), Kr = y(S)(() => ({
+})), qr = y(S)(() => ({
   position: "relative",
   display: "flex",
   justifyContent: "space-between",
   width: "80%",
   maxWidth: "50%"
 }));
-function Zr({ height: e }) {
+function Xr({ height: e }) {
   function t() {
     return Math.floor(Math.random() * 5);
   }
-  return /* @__PURE__ */ w(S, { height: e ?? ot, children: [
+  return /* @__PURE__ */ w(S, { height: e ?? at, children: [
     /* @__PURE__ */ n(S, { mb: 4, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
-    /* @__PURE__ */ n(Xr, { height: "80%", children: [...Array(3)].map((i, r) => (
+    /* @__PURE__ */ n(Ur, { height: "80%", children: [...Array(3)].map((i, r) => (
       // Every row is placed with an incremental margin left to reinforce the effect of a scatter plot
-      /* @__PURE__ */ n(Kr, { ml: r * 3, children: [...Array(4)].map((o, a) => (
+      /* @__PURE__ */ n(qr, { ml: r * 3, children: [...Array(4)].map((o, a) => (
         // Random margins are used to create the effect of a scatter plot
         /* @__PURE__ */ n(S, { mt: t(), ml: t(), children: /* @__PURE__ */ n(H, { variant: "circular", width: 12, height: 12 }) }, a)
       )) }, r)
     )) })
   ] });
 }
-function Jr(e, t) {
+function Kr(e, t) {
   var s;
   const i = Array.isArray(e.tooltip) ? e.tooltip[0] : e.tooltip, r = Array.isArray(t.tooltip) ? t.tooltip[0] : t.tooltip, o = i == null ? void 0 : i.formatter, a = r == null ? void 0 : r.formatter, l = (s = e.series[0]) == null ? void 0 : s.data, d = t.series[0].data;
   return o !== a ? !1 : l && d && l.length === d.length ? !d.some(({ value: u }, p) => {
@@ -2093,10 +2093,10 @@ function Jr(e, t) {
     return u !== ((c = l[p]) == null ? void 0 : c.value);
   }) : !1;
 }
-function Qr({
+function Zr({
   tooltipFormatter: e,
-  xAxisFormatter: t = et,
-  yAxisFormatter: i = et
+  xAxisFormatter: t = tt,
+  yAxisFormatter: i = tt
 }, r) {
   return {
     grid: {
@@ -2132,7 +2132,7 @@ function Qr({
     }
   };
 }
-function eo({
+function Jr({
   name: e,
   data: t,
   animation: i
@@ -2146,30 +2146,30 @@ function eo({
     }
   ];
 }
-const to = Un.memo(
+const Qr = Gn.memo(
   We,
-  (e, t) => Jr(
+  (e, t) => Kr(
     e.option,
     t.option
   )
-), Yt = 225, no = [], et = (e) => e;
-function hs({
+), jt = 225, eo = [], tt = (e) => e;
+function gs({
   name: e = null,
-  data: t = no,
+  data: t = eo,
   animation: i = !0,
-  xAxisFormatter: r = et,
-  yAxisFormatter: o = et,
-  tooltipFormatter: a = io,
+  xAxisFormatter: r = tt,
+  yAxisFormatter: o = tt,
+  tooltipFormatter: a = to,
   isLoading: l
 }) {
   const d = de(), s = re(), [u, p] = _({
     series: []
   }), { showSkeleton: c } = ke(!!l);
   return G(() => {
-    const v = Qr(
+    const v = Zr(
       { xAxisFormatter: r, yAxisFormatter: o, tooltipFormatter: a },
       d
-    ), g = eo({
+    ), g = Jr({
       name: e,
       data: t || [],
       animation: i
@@ -2186,17 +2186,17 @@ function hs({
     r,
     o,
     a
-  ]), c ? /* @__PURE__ */ n(Zr, { height: Yt }) : /* @__PURE__ */ n(
-    to,
+  ]), c ? /* @__PURE__ */ n(Xr, { height: jt }) : /* @__PURE__ */ n(
+    Qr,
     {
       ref: s,
       option: u,
       lazyUpdate: !0,
-      style: { height: Yt }
+      style: { height: jt }
     }
   );
 }
-function io(e) {
+function to(e) {
   const t = Array.isArray(e) ? e[0] : e, i = (t == null ? void 0 : t.value) || [];
   return `[${i[0]}, ${i[1]})`;
 }
@@ -2209,9 +2209,9 @@ function Ue({
     const a = [72, 48, 96, 32, 64], l = o % a.length;
     return a[l];
   }
-  return [...Array(t)].map((o, a) => /* @__PURE__ */ n(xt, { children: /* @__PURE__ */ n(H, { width: e ?? r(i), height: 8 }) }, a));
+  return [...Array(t)].map((o, a) => /* @__PURE__ */ n(bt, { children: /* @__PURE__ */ n(H, { width: e ?? r(i), height: 8 }) }, a));
 }
-const ro = y(S)(({ theme: e }) => ({
+const no = y(S)(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   justifyContent: "flex-end",
@@ -2219,29 +2219,29 @@ const ro = y(S)(({ theme: e }) => ({
   gap: e.spacing(2),
   margin: 0,
   padding: e.spacing(2, 1)
-})), oo = y(sn)(() => ({
+})), io = y(dn)(() => ({
   overflow: "hidden"
 }));
-function ao({
+function ro({
   style: e,
   dense: t,
   pagination: i,
   rowsPerPage: r
 }) {
   return /* @__PURE__ */ w(ie, { children: [
-    /* @__PURE__ */ n(oo, { style: e, children: /* @__PURE__ */ w(cn, { "aria-label": "skeleton table", size: t ? "small" : "medium", children: [
-      /* @__PURE__ */ n(dn, { children: /* @__PURE__ */ w(Je, { children: [
+    /* @__PURE__ */ n(io, { style: e, children: /* @__PURE__ */ w(ln, { "aria-label": "skeleton table", size: t ? "small" : "medium", children: [
+      /* @__PURE__ */ n(sn, { children: /* @__PURE__ */ w(Je, { children: [
         /* @__PURE__ */ n(Ue, { rows: 1, width: 8 }),
         /* @__PURE__ */ n(Ue, { width: 56 })
       ] }) }),
-      /* @__PURE__ */ n(un, { children: [...Array(Math.min(10, r ?? 10))].map(
+      /* @__PURE__ */ n(cn, { children: [...Array(Math.min(10, r ?? 10))].map(
         (o, a) => /* @__PURE__ */ w(Je, { children: [
           /* @__PURE__ */ n(Ue, { rows: 1, width: 8 }),
           /* @__PURE__ */ n(Ue, { index: a })
         ] }, a)
       ) })
     ] }) }),
-    i && /* @__PURE__ */ w(ro, { children: [
+    i && /* @__PURE__ */ w(no, { children: [
       /* @__PURE__ */ n(H, { width: 56, height: 8 }),
       /* @__PURE__ */ n(S, { mr: 1, children: /* @__PURE__ */ n(H, { width: 52, height: 16 }) }),
       /* @__PURE__ */ n(H, { width: 60, height: 8 }),
@@ -2250,18 +2250,18 @@ function ao({
     ] })
   ] });
 }
-const lo = y(Jn)(({ theme: e }) => ({
+const oo = y(Zn)(({ theme: e }) => ({
   ...e.typography.caption,
   color: e.palette.text.secondary,
   whiteSpace: "nowrap"
-})), so = y(Je)(({ theme: e }) => ({
+})), ao = y(Je)(({ theme: e }) => ({
   maxHeight: e.spacing(6.5),
   transition: "background-color 0.25s ease",
   "&.MuiTableRow-hover:hover": {
     cursor: "pointer",
     backgroundColor: e.palette.background.default
   }
-})), co = y(xt)(() => ({
+})), lo = y(bt)(() => ({
   overflow: "hidden",
   "& p": {
     maxWidth: "100%",
@@ -2269,14 +2269,14 @@ const lo = y(Jn)(({ theme: e }) => ({
     overflow: "hidden",
     textOverflow: "ellipsis"
   }
-})), uo = y(Qn)(({ theme: e }) => ({
+})), so = y(Jn)(({ theme: e }) => ({
   height: e.spacing(6),
   overflowX: "auto",
   overflowY: "hidden"
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
-})), po = 10, go = [5, 10, 25], Be = () => {
+})), co = 10, uo = [5, 10, 25], Be = () => {
 };
-function fs({
+function hs({
   columns: e,
   rows: t,
   sorting: i = !1,
@@ -2288,8 +2288,8 @@ function fs({
   totalCount: s,
   page: u,
   onSetPage: p = Be,
-  rowsPerPage: c = po,
-  rowsPerPageOptions: v = go,
+  rowsPerPage: c = co,
+  rowsPerPageOptions: v = uo,
   onSetRowsPerPage: g = Be,
   onRowClick: m = Be,
   onRowMouseEnter: f,
@@ -2329,7 +2329,7 @@ function fs({
     J.height = `calc(${k} - ${C}px)`;
   }
   return O ? /* @__PURE__ */ n(
-    ao,
+    ro,
     {
       rowsPerPage: c,
       style: J,
@@ -2337,9 +2337,9 @@ function fs({
       pagination: d
     }
   ) : /* @__PURE__ */ w(ie, { children: [
-    /* @__PURE__ */ n(sn, { style: J, children: /* @__PURE__ */ w(cn, { stickyHeader: !0, size: b ? "small" : "medium", children: [
+    /* @__PURE__ */ n(dn, { style: J, children: /* @__PURE__ */ w(ln, { stickyHeader: !0, size: b ? "small" : "medium", children: [
       /* @__PURE__ */ n(
-        ho,
+        po,
         {
           columns: e,
           sorting: i,
@@ -2349,7 +2349,7 @@ function fs({
         }
       ),
       /* @__PURE__ */ n(
-        fo,
+        go,
         {
           columns: e,
           rows: t,
@@ -2360,7 +2360,7 @@ function fs({
       )
     ] }) }),
     d && /* @__PURE__ */ n(
-      uo,
+      so,
       {
         ref: x,
         rowsPerPageOptions: v,
@@ -2375,7 +2375,7 @@ function fs({
         onPageChange: P,
         onRowsPerPageChange: W,
         ActionsComponent: () => /* @__PURE__ */ n(
-          gi,
+          pi,
           {
             count: s,
             rowsPerPage: c,
@@ -2388,15 +2388,15 @@ function fs({
     )
   ] });
 }
-function ho({
+function po({
   columns: e,
   sorting: t,
   sortBy: i,
   sortDirection: r,
   onSort: o
 }) {
-  return /* @__PURE__ */ n(dn, { children: /* @__PURE__ */ n(Je, { children: e.map(({ field: a, headerName: l, align: d }) => /* @__PURE__ */ n(xt, { align: d ?? "left", children: t ? /* @__PURE__ */ n(
-    lo,
+  return /* @__PURE__ */ n(sn, { children: /* @__PURE__ */ n(Je, { children: e.map(({ field: a, headerName: l, align: d }) => /* @__PURE__ */ n(bt, { align: d ?? "left", children: t ? /* @__PURE__ */ n(
+    oo,
     {
       active: i === a,
       direction: i === a ? r : "asc",
@@ -2405,44 +2405,46 @@ function ho({
     }
   ) : l ?? a }, a)) }) });
 }
-function fo({
+function go({
   columns: e,
   rows: t,
   onRowMouseEnter: i,
   onRowMouseLeave: r,
   onRowClick: o
 }) {
-  return /* @__PURE__ */ n(un, { children: t.map((a, l) => {
+  return /* @__PURE__ */ n(cn, { children: t.map((a, l) => {
     const d = String(a.cartodb_id || a.id || l);
     return /* @__PURE__ */ n(
-      so,
+      ao,
       {
         hover: !!o,
         onMouseEnter: () => i == null ? void 0 : i(a),
         onMouseLeave: () => r == null ? void 0 : r(a),
         onClick: () => o && o(a),
-        children: e.map(({ field: s, headerName: u, align: p, component: c, formatter: v }) => {
-          var m;
-          let g = (m = Object.entries(a).find(([f]) => f.toUpperCase() === s.toUpperCase())) == null ? void 0 : m[1];
-          return v ? g = v(g) : typeof g == "bigint" ? g = g.toString() : Array.isArray(g) ? g = `[${g.map((f) => typeof f == "string" ? `"${f}"` : String(f)).join(", ")}]` : typeof g == "object" && g !== null && (g = JSON.stringify(g)), (u ?? s) && /* @__PURE__ */ n(
-            co,
-            {
-              scope: "row",
-              align: p ?? "left",
-              children: c ? c(g) : g
-            },
-            `${d}_${s}`
-          );
-        })
+        children: e.map(
+          ({ field: s, headerName: u, align: p, component: c, formatter: v }) => {
+            var m;
+            let g = (m = Object.entries(a).find(([f]) => f.toUpperCase() === s.toUpperCase())) == null ? void 0 : m[1];
+            return v ? g = v(g) : typeof g == "bigint" ? g = g.toString() : Array.isArray(g) ? g = `[${g.map((f) => typeof f == "string" ? `"${f}"` : String(f)).join(", ")}]` : typeof g == "object" && g !== null && (g = JSON.stringify(g)), (u ?? s) && /* @__PURE__ */ n(
+              lo,
+              {
+                scope: "row",
+                align: p ?? "left",
+                children: c ? c(g) : g
+              },
+              `${d}_${s}`
+            );
+          }
+        )
       },
       d
     );
   }) });
 }
-function Cn(e, t, i, r, o) {
+function In(e, t, i, r, o) {
   const a = Array.isArray(e) ? e : [e], [l] = a[0].data, d = new Date(l);
   return `<div style='minWidth: 160px;'>
-    <p style='font-weight: 600; line-height: 1; margin: 4px 0;'>${An({ date: d, stepMultiplier: r, stepSize: t })}</p>
+    <p style='font-weight: 600; line-height: 1; margin: 4px 0;'>${Tn({ date: d, stepMultiplier: r, stepSize: t })}</p>
     ${a.reduce((u, p) => {
     if (p.value !== void 0 && p.value !== null) {
       const c = `<div style='display: flex; flex-direction: row; align-items: center; justify-content: spread; height: 20px; gap: 8px;'>
@@ -2464,18 +2466,18 @@ function Cn(e, t, i, r, o) {
   }, []).join("")}
     </div>`;
 }
-var Mt = /* @__PURE__ */ ((e) => (e.LINE = "line", e.BAR = "bar", e))(Mt || {});
-function jt(e) {
+var It = /* @__PURE__ */ ((e) => (e.LINE = "line", e.BAR = "bar", e))(It || {});
+function Yt(e) {
   if (typeof e == "object" && typeof (e == null ? void 0 : e.getTime) == "function")
     return e.getTime();
   const t = new Date(e).getTime();
   if (isFinite(t))
     return t;
 }
-function Tn(e) {
+function Cn(e) {
   return typeof e == "object" && typeof (e == null ? void 0 : e.getTime) == "function" ? e : new Date(e);
 }
-function tt(e, t) {
+function nt(e, t) {
   var i, r;
   for (let o = 0; o < t.length; o++) {
     const a = t[o].name, l = o < t.length ? (i = t[o + 1]) == null ? void 0 : i.name : a, d = o > 0 ? (r = t[o - 1]) == null ? void 0 : r.name : a, s = Math.abs(a - l), u = Math.abs(a - d), p = a - u * 0.5, c = a + s * 0.5;
@@ -2489,85 +2491,85 @@ function tt(e, t) {
       return o;
   }
 }
-function mo(e) {
+function ho(e) {
   let t, i = 0;
   for (const { name: r } of e)
     r !== t && (t = r, i++);
   return i;
 }
-function yo(e) {
+function fo(e) {
   const t = new Date(e), i = t.getDay(), r = t.getDate() - i + (i ? 1 : -6);
   return t.setDate(r), t.setHours(0, 0, 0, 0), t.getTime();
 }
 var Me = /* @__PURE__ */ ((e) => (e.YEARS = "year", e.MONTHS = "month", e.WEEKS = "week", e.DAYS = "day", e.HOURS = "hour", e.MINUTES = "minute", e.SECONDS = "second", e))(Me || {});
-const It = {
+const Ct = {
   year: Ee,
   month: Ee,
   week: Ee,
   day: Ee,
-  hour: bo,
+  hour: wo,
   minute: Vt,
   second: Vt
-}, vo = {
-  year: Eo,
-  month: Ao,
-  week: To,
-  day: Co,
-  hour: Io,
-  minute: Mo,
-  second: So
+}, mo = {
+  year: To,
+  month: Co,
+  week: Io,
+  day: Mo,
+  hour: So,
+  minute: ko,
+  second: bo
 };
-function wo({
+function yo({
   date: e,
   stepSize: t
 }) {
-  const i = It[t];
+  const i = Ct[t];
   if (!i) throw new Error("formatTime: invalid stepSize");
   return i(e);
 }
-function nt({
+function it({
   start: e,
   end: t,
   stepSize: i
 }) {
   if (e > t)
-    return nt({ start: t, end: e, stepSize: i });
-  const r = It[i];
+    return it({ start: t, end: e, stepSize: i });
+  const r = Ct[i];
   if (!r)
     throw new Error("formatTimeRange: missing formatter or invalid stepSize");
   const o = r(e), a = r(t);
   return `${o} - ${a}`;
 }
-function An({
+function Tn({
   date: e,
   stepSize: t,
   stepMultiplier: i
 }) {
-  if (!It[t])
+  if (!Ct[t])
     throw new Error("formatBucketRange: missing formatter or invalid stepSize");
-  const { start: o, end: a } = ko({ date: e, stepSize: t, stepMultiplier: i });
+  const { start: o, end: a } = xo({ date: e, stepSize: t, stepMultiplier: i });
   if (i === 1) {
     if (t === "day")
-      return wo({ date: o, stepSize: t });
+      return yo({ date: o, stepSize: t });
     if (t === "second")
-      return `${Ee(o)} ${ht(
+      return `${Ee(o)} ${ft(
         o
-      )} - ${ht(a)}`;
+      )} - ${ft(a)}`;
   }
-  return nt({ start: o, end: a, stepSize: t });
+  return it({ start: o, end: a, stepSize: t });
 }
-const Ct = (e) => 1e3 * e, Tt = (e) => Ct(60 * e), xo = (e) => Tt(60 * e);
+const Tt = (e) => 1e3 * e, At = (e) => Tt(60 * e), vo = (e) => At(60 * e);
 function Ee(e) {
   return e.toLocaleDateString();
 }
-function bo(e) {
+function wo(e) {
   return Ee(e) + " " + e.toLocaleTimeString(void 0, {
     hour: "numeric",
     minute: "2-digit",
     hour12: !0
   });
 }
-function ht(e) {
+function ft(e) {
   return e.toLocaleTimeString(void 0, {
     hour: "2-digit",
     minute: "2-digit",
@@ -2576,19 +2578,19 @@ function ht(e) {
   });
 }
 function Vt(e) {
-  return Ee(e) + " " + ht(e);
+  return Ee(e) + " " + ft(e);
 }
-function ko({
+function xo({
   date: e,
   stepSize: t,
   stepMultiplier: i = 1
 }) {
-  const r = vo[t];
+  const r = mo[t];
   if (!r)
     throw new Error("getBucketInterval: invalid bucket size");
   return r({ date: e, stepMultiplier: i });
 }
-function So({
+function bo({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2600,10 +2602,10 @@ function So({
     e.getMinutes(),
     e.getSeconds(),
     0
-  ), r = new Date(i.getTime() + Ct(t - 1) + 999);
+  ), r = new Date(i.getTime() + Tt(t - 1) + 999);
   return { start: i, end: r };
 }
-function Mo({
+function ko({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2616,11 +2618,11 @@ function Mo({
     0,
     0
   ), r = new Date(
-    i.getTime() + Tt(t - 1) + Ct(59)
+    i.getTime() + At(t - 1) + Tt(59)
   );
   return { start: i, end: r };
 }
-function Io({
+function So({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2633,11 +2635,11 @@ function Io({
     0,
     0
   ), r = new Date(
-    i.getTime() + xo(t - 1) + Tt(59)
+    i.getTime() + vo(t - 1) + At(59)
   );
   return { start: i, end: r };
 }
-function Co({
+function Mo({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2656,25 +2658,25 @@ function Co({
   );
   return { start: i, end: r };
 }
-function To({
+function Io({
   date: e,
   stepMultiplier: t = 1
 }) {
-  const i = new Date(yo(e)), r = new Date(
+  const i = new Date(fo(e)), r = new Date(
     i.getFullYear(),
     i.getMonth(),
     i.getDate() + 6 + 7 * (t - 1)
   );
   return { start: i, end: r };
 }
-function Ao({
+function Co({
   date: e,
   stepMultiplier: t = 1
 }) {
   const i = new Date(e.getFullYear(), e.getMonth(), 1), r = new Date(e.getFullYear(), e.getMonth() + t, 0);
   return { start: i, end: r };
 }
-function Eo({
+function To({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2682,7 +2684,7 @@ function Eo({
   return { start: i, end: r };
 }
 const ye = () => {
-}, En = qn({
+}, An = Un({
   isPlaying: !1,
   setIsPlaying: ye,
   isPaused: !1,
@@ -2694,10 +2696,10 @@ const ye = () => {
   stop: ye,
   intl: {}
 });
-function At() {
-  return Xn(En);
+function Et() {
+  return qn(An);
 }
-function Lo({
+function Ao({
   children: e,
   isPlaying: t,
   isPaused: i,
@@ -2710,7 +2712,7 @@ function Lo({
 }) {
   const [u, p] = _(t), [c, v] = _(i), [g, m] = _([]), f = se(s);
   G(() => {
-    const M = g.sort((I, x) => I < x ? -1 : 1).map(Tn);
+    const M = g.sort((I, x) => I < x ? -1 : 1).map(Cn);
     d == null || d(M);
   }, [g, d]);
   const h = oe(() => {
@@ -2726,10 +2728,10 @@ function Lo({
     i !== c && v(i);
   }, [i]), G(() => {
     if (!l) return;
-    const M = l.map(jt), I = g.map(jt);
+    const M = l.map(Yt), I = g.map(Yt);
     (M[0] !== I[0] || M[1] !== I[1]) && m(M);
   }, l), /* @__PURE__ */ n(
-    En.Provider,
+    An.Provider,
     {
       value: {
         isPlaying: !!u,
@@ -2750,13 +2752,13 @@ function Lo({
 const Gt = {};
 let qe = null;
 const _e = { seriesId: "0" };
-function $o({
+function Eo({
   echartsInstance: e,
   data: t,
   canSelectLines: i,
   filterable: r
 }) {
-  const o = de(), { isPlaying: a, isPaused: l, setIsPaused: d, timeWindow: s, setTimeWindow: u, stop: p } = At(), [c, v] = _(!1), [g, m] = _(!1), [f, h] = _(!1), [k, b] = _(0), M = F(() => e == null ? void 0 : e.getZr(), [e]), I = oe(
+  const o = de(), { isPlaying: a, isPaused: l, setIsPaused: d, timeWindow: s, setTimeWindow: u, stop: p } = Et(), [c, v] = _(!1), [g, m] = _(!1), [f, h] = _(!1), [k, b] = _(0), M = F(() => e == null ? void 0 : e.getZr(), [e]), I = oe(
     (O) => M == null ? void 0 : M.setCursorStyle(O),
     [M]
   ), x = oe(
@@ -2765,7 +2767,7 @@ function $o({
         const [$] = e.convertFromPixel(_e, [
           O.offsetX,
           O.offsetY
-        ]), D = tt($, t);
+        ]), D = nt($, t);
         u(D !== void 0 ? [t[D].name] : []);
       }
     },
@@ -2871,7 +2873,7 @@ function $o({
     var P;
     if (s.length !== 1)
       return;
-    const O = s[0], $ = tt(O, t);
+    const O = s[0], $ = nt(O, t);
     if ($ === void 0)
       return;
     const D = (P = t[$]) == null ? void 0 : P.name;
@@ -2922,8 +2924,8 @@ function Xe(e, t, i) {
       Gt[t] && (e != null && e.handler) && e.off(t, i);
     };
 }
-const Ln = B * 22, $n = "100%", Do = 5, Po = 3, Oo = B * 20;
-function Wo({
+const En = B * 22, Ln = "100%", Lo = 5, $o = 3, Do = B * 20;
+function Po({
   chartType: e,
   formatter: t,
   timeAxisSplitNumber: i,
@@ -2963,8 +2965,8 @@ function Wo({
       borderWidth: 0,
       backgroundColor: f.palette.black[90],
       position: (C, N, T, R, q) => {
-        const Y = { top: 0 };
-        return q.contentSize[0] < q.viewSize[0] - C[0] ? Y.left = C[0] + B * 1.5 : Y.right = q.viewSize[0] - C[0] + B * 1.5, Y;
+        const j = { top: 0 };
+        return q.contentSize[0] < q.viewSize[0] - C[0] ? j.left = C[0] + B * 1.5 : j.right = q.viewSize[0] - C[0] + B * 1.5, j;
       },
       ...o ? { formatter: o } : {}
     }),
@@ -3025,9 +3027,9 @@ function Wo({
           show: !1
         },
         splitNumber: i ?? (M !== void 0 ? Math.min(
-          Po,
-          Math.ceil(M / Oo)
-        ) : Do)
+          $o,
+          Math.ceil(M / Do)
+        ) : Lo)
       },
       yAxis: {
         type: "value",
@@ -3060,14 +3062,14 @@ function Wo({
         max: x
       }
     };
-  }, [f, x, t, M, i, m]), { timelineOptions: O, timeWindowOptions: $ } = $o({
+  }, [f, x, t, M, i, m]), { timelineOptions: O, timeWindowOptions: $ } = Eo({
     echartsInstance: h,
     data: a,
     canSelectLines: !!g,
     filterable: c
   }), D = F(
     () => l.map(({ data: C, color: N, name: T }, R) => {
-      const q = v && v.length > 0, Y = q && v.includes(T), X = !q || Y ? N : f.palette.action.disabledBackground;
+      const q = v && v.length > 0, j = q && v.includes(T), X = !q || j ? N : f.palette.action.disabledBackground;
       return {
         id: String(R),
         name: T,
@@ -3078,7 +3080,7 @@ function Wo({
         type: e,
         smooth: !0,
         color: X,
-        z: q && Y ? 10 : 0,
+        z: q && j ? 10 : 0,
         lineStyle: {
           width: 2
         },
@@ -3144,8 +3146,8 @@ function Wo({
       N.disconnect();
     };
   }, [h]);
-  const U = u ? $n : s ?? Ln;
-  return an(() => {
+  const U = u ? Ln : s ?? En;
+  return on(() => {
     var N;
     const C = (N = h == null ? void 0 : h.getDom()) == null ? void 0 : N.parentElement;
     C && I(C.clientWidth), h == null || h.resize();
@@ -3159,7 +3161,7 @@ function Wo({
     }
   );
 }
-const Ro = {
+const Oo = {
   [Me.YEARS]: 60 * 60 * 24 * 7,
   // Week
   [Me.MONTHS]: 60 * 60 * 24,
@@ -3174,8 +3176,8 @@ const Ro = {
   // Quarter hour
   [Me.SECONDS]: 1
   // Second
-}, Fo = [0.5, 1, 2, 3];
-function No({
+}, Wo = [0.5, 1, 2, 3];
+function Ro({
   data: e,
   stepSize: t
 }) {
@@ -3187,8 +3189,8 @@ function No({
     stop: c,
     togglePlay: v,
     intl: g
-  } = At();
-  Yo(
+  } = Et();
+  zo(
     () => (d || s) && c(),
     // Only executed when data changes
     [e]
@@ -3203,8 +3205,8 @@ function No({
   };
   G(() => {
     if (d && u.length === 2 && e.length) {
-      const x = Ro[t] * 1e3;
-      return jo({
+      const x = Oo[t] * 1e3;
+      return Ho({
         data: e,
         timeWindow: u,
         msTimeWindowStep: x * o,
@@ -3219,7 +3221,7 @@ function No({
     }
   }, [e, d, t, p, f, o]), G(() => {
     if (d && u.length === 1 && e.length)
-      return Go({
+      return Yo({
         speed: o,
         timelinePosition: u[0],
         data: e,
@@ -3248,11 +3250,11 @@ function No({
         color: "default",
         onClick: k,
         "data-testid": "clock",
-        children: /* @__PURE__ */ n(Bo, {})
+        children: /* @__PURE__ */ n(Fo, {})
       }
     ),
     /* @__PURE__ */ w(
-      bt,
+      kt,
       {
         anchorEl: i,
         keepMounted: !0,
@@ -3260,7 +3262,7 @@ function No({
         onClose: b,
         children: [
           /* @__PURE__ */ n(Pe, { disabled: !0, children: /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: g.formatMessage({ id: "c4r.widgets.timeSeries.speed" }) }) }),
-          Fo.map((I) => /* @__PURE__ */ w(
+          Wo.map((I) => /* @__PURE__ */ w(
             Pe,
             {
               selected: I === o,
@@ -3283,7 +3285,7 @@ function No({
         disabled: !(s || d),
         onClick: f,
         "data-testid": "stop",
-        children: /* @__PURE__ */ n(zo, {})
+        children: /* @__PURE__ */ n(Bo, {})
       }
     ) }),
     /* @__PURE__ */ n(S, { mt: 0.75, children: /* @__PURE__ */ n(
@@ -3293,13 +3295,13 @@ function No({
         size: "small",
         color: "primary",
         onClick: h,
-        children: d ? /* @__PURE__ */ n(Ho, {}) : /* @__PURE__ */ n(_o, {})
+        children: d ? /* @__PURE__ */ n(_o, {}) : /* @__PURE__ */ n(No, {})
       }
     ) })
   ] });
 }
-function Bo() {
-  return /* @__PURE__ */ n(Ye, { viewBox: "0 0 20 20", children: /* @__PURE__ */ n(
+function Fo() {
+  return /* @__PURE__ */ n(je, { viewBox: "0 0 20 20", children: /* @__PURE__ */ n(
     "path",
     {
       d: "M12.5 1.254h-5v1.667h5V1.254zM9.167 12.088h1.666v-5H9.167v5zm6.691-5.517 1.184-1.183a9.207 9.207 0 0 0-1.175-1.175l-1.184 1.183A7.468 7.468 0 0 0 10 3.746a7.5 7.5 0 0 0-7.5 7.5c0 4.141 3.35 7.5 7.5 7.5s7.5-3.358 7.5-7.5a7.504 7.504 0 0 0-1.642-4.675zM10 17.088a5.83 5.83 0 0 1-5.833-5.834A5.83 5.83 0 0 1 10 5.421a5.83 5.83 0 0 1 5.833 5.833A5.83 5.83 0 0 1 10 17.087z",
@@ -3308,8 +3310,8 @@ function Bo() {
     }
   ) });
 }
-function _o() {
-  return /* @__PURE__ */ n(Ye, { "data-testid": "play-icon", children: /* @__PURE__ */ n(
+function No() {
+  return /* @__PURE__ */ n(je, { "data-testid": "play-icon", children: /* @__PURE__ */ n(
     "path",
     {
       d: "M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z",
@@ -3318,8 +3320,8 @@ function _o() {
     }
   ) });
 }
-function zo() {
-  return /* @__PURE__ */ n(Ye, { children: /* @__PURE__ */ n(
+function Bo() {
+  return /* @__PURE__ */ n(je, { children: /* @__PURE__ */ n(
     "path",
     {
       d: "M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2zm0 2c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8zm4 4v8H8V8h8zm-2 2h-4v4h4v-4z",
@@ -3328,8 +3330,8 @@ function zo() {
     }
   ) });
 }
-function Ho() {
-  return /* @__PURE__ */ n(Ye, { "data-testid": "pause-icon", children: /* @__PURE__ */ n(
+function _o() {
+  return /* @__PURE__ */ n(je, { "data-testid": "pause-icon", children: /* @__PURE__ */ n(
     "path",
     {
       d: "M9,16 L11,16 L11,8 L9,8 L9,16 Z M12,2 C6.48,2 2,6.48 2,12 C2,17.52 6.48,22 12,22 C17.52,22 22,17.52 22,12 C22,6.48 17.52,2 12,2 Z M12,20 C7.59,20 4,16.41 4,12 C4,7.59 7.59,4 12,4 C16.41,4 20,7.59 20,12 C20,16.41 16.41,20 12,20 Z M13,16 L15,16 L15,8 L13,8 L13,16 Z",
@@ -3338,13 +3340,13 @@ function Ho() {
     }
   ) });
 }
-function Yo(e, t = []) {
+function zo(e, t = []) {
   const i = re(!1);
   G(() => {
     i.current ? e() : i.current = !0;
   }, t);
 }
-function jo({
+function Ho({
   msTimeWindowStep: e,
   timeWindow: t,
   data: i,
@@ -3363,8 +3365,8 @@ function jo({
   };
   d();
 }
-const Vo = 2;
-function Go({
+const jo = 2;
+function Yo({
   speed: e,
   timelinePosition: t,
   data: i,
@@ -3372,11 +3374,11 @@ function Go({
   onEnd: o,
   animationRef: a
 }) {
-  let l = tt(t, i) ?? 0, d = i[l].name;
-  const s = mo(i), u = Math.max(
+  let l = nt(t, i) ?? 0, d = i[l].name;
+  const s = ho(i), u = Math.max(
     Math.round(Math.sqrt(s) / 2),
     // FPS based on number of unique time points
-    Vo
+    jo
     // Min FPS
   ) * e, p = () => {
     a.current.timeoutId = setTimeout(() => {
@@ -3394,38 +3396,38 @@ function Go({
   };
   p();
 }
-const Uo = y(S)(() => ({
+const Vo = y(S)(() => ({
   containerType: "inline-size",
   display: "flex",
   flexDirection: "column"
-})), qo = y(S)(() => ({
+})), Go = y(S)(() => ({
   display: "flex",
   flexDirection: "column"
-})), Dn = y(S)(() => ({
+})), $n = y(S)(() => ({
   display: "flex",
   flexDirection: "row"
-})), Xo = y(Dn)(() => ({
+})), Uo = y($n)(() => ({
   alignItems: "center",
   justifyContent: "space-between"
-})), Ko = y(S)(({ theme: e }) => ({
+})), qo = y(S)(({ theme: e }) => ({
   flexShrink: 0,
   marginLeft: 0,
   paddingLeft: e.spacing(1),
-  [`@container (max-width: ${St.XS}px)`]: {
+  [`@container (max-width: ${Mt.XS}px)`]: {
     paddingLeft: 0
   },
   paddingBottom: e.spacing(1.5),
   alignSelf: "flex-end"
-})), Zo = y(S)(({ theme: e }) => ({
+})), Xo = y(S)(({ theme: e }) => ({
   alignSelf: "normal",
   minWidth: 0,
   paddingLeft: e.spacing(5),
   paddingBottom: e.spacing(1.5),
-  [`@container (max-width: ${St.XS}px)`]: {
+  [`@container (max-width: ${Mt.XS}px)`]: {
     paddingLeft: e.spacing(1)
   }
 }));
-function Pn({
+function Dn({
   fitHeight: e,
   header: t,
   controls: i,
@@ -3434,17 +3436,17 @@ function Pn({
 }) {
   const a = o && /* @__PURE__ */ n(S, { flex: 0, mt: 2, children: o });
   return /* @__PURE__ */ w(
-    Uo,
+    Vo,
     {
       style: {
         flex: e ? "1" : void 0
       },
       children: [
-        /* @__PURE__ */ n(Xo, { flex: 0, children: t }),
-        i ? /* @__PURE__ */ w(qo, { flex: 1, children: [
-          /* @__PURE__ */ w(Dn, { flex: 1, children: [
-            /* @__PURE__ */ n(Ko, { flex: 0, children: i }),
-            /* @__PURE__ */ n(Zo, { flex: 1, children: r })
+        /* @__PURE__ */ n(Uo, { flex: 0, children: t }),
+        i ? /* @__PURE__ */ w(Go, { flex: 1, children: [
+          /* @__PURE__ */ w($n, { flex: 1, children: [
+            /* @__PURE__ */ n(qo, { flex: 0, children: i }),
+            /* @__PURE__ */ n(Xo, { flex: 1, children: r })
           ] }),
           a
         ] }) : /* @__PURE__ */ w(ie, { children: [
@@ -3455,20 +3457,29 @@ function Pn({
     }
   );
 }
-const Jo = y(S)(() => ({
+const Ko = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox: "0 0 720 124", ...e, children: /* @__PURE__ */ n(
+  "path",
+  {
+    d: "M0.74707 123C11.8168 119.656 26.7934 118.37 53.4909 102.164C73.1959 90.2031 92.5604 81.3284 108.188 76.6983C122.841 72.357 136.188 74.3832 144.653 75.1549C150.496 75.6876 195.443 82.8718 207.164 83.6435C218.885 84.4152 241.676 87.502 274.234 80.5567C306.791 73.6115 305.869 75.4585 330.233 67.438C388.837 48.1456 433.461 2.6348 458.511 1.07229C495.627 -1.24279 512.557 52.7758 539.255 58.1776C565.952 63.5795 583.534 64.3512 601.766 55.0909C619.999 45.8305 625.859 40.4287 646.045 38.1136C666.231 35.7985 683.812 41.972 718.975 70.5247",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinejoin: "round",
+    vectorEffect: "non-scaling-stroke"
+  }
+) }), Zo = y(S)(() => ({
   display: "flex",
   flexDirection: "column",
   justifyContent: "flex-end"
-})), Qo = y(S)(() => ({
+})), Jo = y(S)(() => ({
   position: "relative",
   height: "100%",
   alignSelf: "normal",
   display: "flex",
   flexDirection: "column",
   justifyContent: "flex-end"
-})), ea = y(S)(({ theme: e }) => ({
+})), Qo = y(S)(({ theme: e }) => ({
   padding: e.spacing(2.25, 0, 0.5, 2)
-})), ta = y(yn)(({ theme: e }) => ({
+})), ea = y(mn)(({ theme: e }) => ({
   flexDirection: "column",
   flex: 1,
   height: "100%",
@@ -3482,12 +3493,12 @@ const Jo = y(S)(() => ({
       stroke: e.palette.black[8]
     }
   }
-})), na = y(S)(({ theme: e }) => ({
+})), ta = y(S)(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   justifyContent: "space-between",
   padding: e.spacing(1.25, 0.5, 0.75, 0.5)
-})), ia = y(S)(({ theme: e }) => ({
+})), na = y(S)(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   gap: e.spacing(2),
@@ -3497,30 +3508,30 @@ const Jo = y(S)(() => ({
   display: "flex",
   flexDirection: "row",
   gap: e.spacing(1)
-})), ra = ({
+})), ia = ({
   fitHeight: e,
   height: t,
   showControls: i,
   showLegend: r
 }) => /* @__PURE__ */ n(
-  Pn,
+  Dn,
   {
     fitHeight: !!e,
     header: /* @__PURE__ */ n(S, { pt: 1.25, pb: 0.75, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
-    controls: i && /* @__PURE__ */ w(Jo, { children: [
+    controls: i && /* @__PURE__ */ w(Zo, { children: [
       /* @__PURE__ */ n(S, { p: 0.5, children: /* @__PURE__ */ n(H, { width: 16, height: 16 }) }),
       /* @__PURE__ */ n(S, { mt: 2, p: 0.5, children: /* @__PURE__ */ n(H, { width: 16, height: 16 }) }),
       /* @__PURE__ */ n(S, { mt: 1, p: 0.5, children: /* @__PURE__ */ n(H, { width: 16, height: 16 }) })
     ] }),
-    chart: /* @__PURE__ */ w(Qo, { style: { height: e ? $n : t ?? Ln }, children: [
-      /* @__PURE__ */ n(ea, { flex: 0, children: /* @__PURE__ */ n(H, { width: 24, height: 8 }) }),
-      /* @__PURE__ */ n(ta, { flex: 1, children: /* @__PURE__ */ n(fi, { preserveAspectRatio: "none" }) }),
-      /* @__PURE__ */ w(na, { flex: 0, children: [
+    chart: /* @__PURE__ */ w(Jo, { style: { height: e ? Ln : t ?? En }, children: [
+      /* @__PURE__ */ n(Qo, { flex: 0, children: /* @__PURE__ */ n(H, { width: 24, height: 8 }) }),
+      /* @__PURE__ */ n(ea, { flex: 1, children: /* @__PURE__ */ n(Ko, { preserveAspectRatio: "none" }) }),
+      /* @__PURE__ */ w(ta, { flex: 0, children: [
         /* @__PURE__ */ n(H, { width: 32, height: 8 }),
         /* @__PURE__ */ n(H, { width: 32, height: 8 })
       ] })
     ] }),
-    legend: r && (r && /* @__PURE__ */ w(ia, { children: [
+    legend: r && (r && /* @__PURE__ */ w(na, { children: [
       /* @__PURE__ */ w(Ut, { children: [
         /* @__PURE__ */ n(H, { width: 8, height: 8 }),
         /* @__PURE__ */ n(H, { width: 48, height: 8 })
@@ -3531,17 +3542,17 @@ const Jo = y(S)(() => ({
       ] })
     ] }))
   }
-), On = (e) => e, Wn = [];
-function ms({
-  data: e = Wn,
+), Pn = (e) => e, On = [];
+function fs({
+  data: e = On,
   categories: t,
   stepSize: i,
   stepMultiplier: r = 1,
-  chartType: o = Mt.LINE,
+  chartType: o = It.LINE,
   timeAxisSplitNumber: a,
   tooltip: l = !0,
-  tooltipFormatter: d = Cn,
-  formatter: s = On,
+  tooltipFormatter: d = In,
+  formatter: s = Pn,
   height: u,
   fitHeight: p,
   showControls: c = !0,
@@ -3559,7 +3570,7 @@ function ms({
   onPause: E,
   onStop: O,
   isLoading: $ = !1,
-  palette: D = Object.values(hn.qualitative.bold),
+  palette: D = Object.values(gn.qualitative.bold),
   showLegend: P,
   yAxisType: W = "dense"
 }) {
@@ -3568,20 +3579,20 @@ function ms({
       var R, q;
       if (T.length === 2) {
         ((R = J.current) == null ? void 0 : R.length) === 1 && (m == null || m(void 0));
-        const Y = T.sort((X, te) => X < te ? -1 : 1).map(Tn);
-        k == null || k(Y);
+        const j = T.sort((X, te) => X < te ? -1 : 1).map(Cn);
+        k == null || k(j);
       }
       if (T.length === 1) {
         ((q = J.current) == null ? void 0 : q.length) === 2 && (k == null || k([]));
-        const Y = tt(Number(T[0]), e);
-        m == null || m(Y);
+        const j = nt(Number(T[0]), e);
+        m == null || m(j);
       }
       J.current = T;
     },
     [k, m, e]
   );
   return C ? /* @__PURE__ */ n(
-    ra,
+    ia,
     {
       fitHeight: p,
       height: u,
@@ -3589,7 +3600,7 @@ function ms({
       showLegend: P
     }
   ) : /* @__PURE__ */ n(
-    Lo,
+    Ao,
     {
       isPlaying: I,
       onPlay: x,
@@ -3600,7 +3611,7 @@ function ms({
       onTimeWindowUpdate: N,
       intl: U,
       children: /* @__PURE__ */ n(
-        oa,
+        ra,
         {
           data: e,
           categories: t,
@@ -3627,48 +3638,48 @@ function ms({
     }
   );
 }
-function oa({
-  data: e = Wn,
+function ra({
+  data: e = On,
   categories: t,
   stepSize: i,
   stepMultiplier: r = 1,
-  chartType: o = Mt.LINE,
+  chartType: o = It.LINE,
   timeAxisSplitNumber: a,
   tooltip: l = !0,
-  tooltipFormatter: d = Cn,
-  formatter: s = On,
+  tooltipFormatter: d = In,
+  formatter: s = Pn,
   height: u,
   fitHeight: p = !1,
   showControls: c = !0,
   animation: v = !0,
   filterable: g = !0,
-  palette: m = Object.values(hn.qualitative.bold),
+  palette: m = Object.values(gn.qualitative.bold),
   selectedCategories: f = [],
   onSelectedCategoriesChange: h,
   showLegend: k,
   timelinePosition: b,
   yAxisType: M = "dense"
 }) {
-  const I = de(), x = I.palette.secondary.main, { isPlaying: A, isPaused: E, timeWindow: O, stop: $, setTimeWindow: D, intl: P } = At();
+  const I = de(), x = I.palette.secondary.main, { isPlaying: A, isPaused: E, timeWindow: O, stop: $, setTimeWindow: D, intl: P } = Et();
   G(() => {
     if (b !== void 0) {
       if (b < 0 || b >= e.length) return;
-      const j = e[b].name;
-      D([j]);
+      const Y = e[b].name;
+      D([Y]);
     }
   }, [b, e]), G(() => {
     if (!e.length) return;
-    const j = e[0].name, K = e[e.length - 1].name;
-    (O[0] < j || O[1] > K || O[1] < j || O[1] > K) && D([]);
+    const Y = e[0].name, K = e[e.length - 1].name;
+    (O[0] < Y || O[1] > K || O[1] < Y || O[1] > K) && D([]);
   }, [e]);
   const W = F(() => {
-    const j = {}, K = t ? t.map((ue) => ({
+    const Y = {}, K = t ? t.map((ue) => ({
       name: ue,
       data: [],
-      color: Mi(ue, {
+      color: Ii(ue, {
         palette: m,
         fallbackColor: x,
-        colorMapping: j
+        colorMapping: Y
       })
     })) : [
       {
@@ -3691,26 +3702,26 @@ function oa({
     if (!e.length)
       return "";
     if (O.length === 2) {
-      const [j, K] = O.map((ue) => new Date(ue));
-      return nt({ start: j, end: K, stepSize: i });
+      const [Y, K] = O.map((ue) => new Date(ue));
+      return it({ start: Y, end: K, stepSize: i });
     }
     if (!A && !E) {
-      const j = new Date(e[0].name), K = new Date(e[e.length - 1].name);
-      return nt({ start: j, end: K, stepSize: i });
+      const Y = new Date(e[0].name), K = new Date(e[e.length - 1].name);
+      return it({ start: Y, end: K, stepSize: i });
     }
     if (O.length === 1) {
-      const j = new Date(O[0]);
-      return An({ date: j, stepSize: i, stepMultiplier: r });
+      const Y = new Date(O[0]);
+      return Tn({ date: Y, stepSize: i, stepMultiplier: r });
     }
   }, [e, O, A, E, i, r]), U = F(() => A || E || O.length > 0 || (f == null ? void 0 : f.length) > 0, [E, A, f == null ? void 0 : f.length, O.length]), C = () => {
     $(), D([]), h == null || h([]);
-  }, N = (j) => {
-    j.key === "Enter" && C();
+  }, N = (Y) => {
+    Y.key === "Enter" && C();
   }, T = oe(
-    (j) => {
+    (Y) => {
       if (h) {
-        const K = [...f], ue = K.indexOf(j);
-        ue === -1 ? K.push(j) : K.splice(ue, 1), h(K);
+        const K = [...f], ue = K.indexOf(Y);
+        ue === -1 ? K.push(Y) : K.splice(ue, 1), h(K);
       }
     },
     [h, f]
@@ -3730,13 +3741,13 @@ function oa({
     )
   ] });
   return /* @__PURE__ */ n(
-    Pn,
+    Dn,
     {
       fitHeight: p,
       header: q,
-      controls: g && c && /* @__PURE__ */ n(No, { data: e, stepSize: i }),
+      controls: g && c && /* @__PURE__ */ n(Ro, { data: e, stepSize: i }),
       chart: /* @__PURE__ */ n(
-        Wo,
+        Po,
         {
           chartType: o,
           timeAxisSplitNumber: a,
@@ -3745,8 +3756,8 @@ function oa({
           categories: t,
           tooltip: l,
           formatter: s,
-          tooltipFormatter: (j) => d(
-            j,
+          tooltipFormatter: (Y) => d(
+            Y,
             i,
             s,
             r,
@@ -3762,7 +3773,7 @@ function oa({
         }
       ),
       legend: R && /* @__PURE__ */ n(
-        In,
+        Mn,
         {
           series: W,
           selectedCategories: f,
@@ -3772,25 +3783,25 @@ function oa({
     }
   );
 }
-const aa = y("div")(({ theme: e }) => ({
+const oa = y("div")(({ theme: e }) => ({
   padding: e.spacing(2, 0),
   ...e.typography.body2
-})), la = y(S)(({ theme: e }) => ({
+})), aa = y(S)(({ theme: e }) => ({
   overflow: "auto",
   maxHeight: e.spacing(40),
   paddingRight: e.spacing(1),
   margin: e.spacing(0.5, 0)
-})), sa = y(S)(({ theme: e }) => ({
+})), la = y(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   flexWrap: "wrap",
   gap: e.spacing(1.5),
   padding: e.spacing(2, 0)
-})), Rn = y(S)(({ theme: e, alignItems: t = "center" }) => ({
+})), Wn = y(S)(({ theme: e, alignItems: t = "center" }) => ({
   display: "flex",
   alignItems: t,
   gap: e.spacing(0.75)
-})), Fn = y("div", {
+})), Rn = y("div", {
   shouldForwardProp: (e) => e !== "color"
 })(({ theme: e, color: t }) => ({
   flexShrink: 0,
@@ -3798,11 +3809,11 @@ const aa = y("div")(({ theme: e }) => ({
   height: e.spacing(1),
   borderRadius: e.spacing(1),
   backgroundColor: t
-})), ca = y(S)(({ theme: e }) => ({
+})), sa = y(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(2)
-})), da = y("div")(({ theme: e }) => ({
+})), ca = y("div")(({ theme: e }) => ({
   height: e.spacing(0.5),
   width: "100%",
   borderRadius: e.spacing(0.5),
@@ -3833,14 +3844,14 @@ const aa = y("div")(({ theme: e }) => ({
   "& a": {
     cursor: "pointer"
   }
-})), ua = y(pe)(({ theme: e }) => ({
+})), da = y(pe)(({ theme: e }) => ({
   ".MuiTooltip-tooltip": {
     color: e.palette.common.white,
     maxWidth: 260,
     marginBottom: 0,
     overflow: "hidden"
   }
-})), pa = y(rt)(({ theme: e }) => ({
+})), ua = y(ot)(({ theme: e }) => ({
   marginTop: e.spacing(-0.5)
 }));
 y(S)(() => ({
@@ -3848,7 +3859,7 @@ y(S)(() => ({
   flexWrap: "nowrap",
   justifyContent: "space-between"
 }));
-const ga = y("div", {
+const pa = y("div", {
   shouldForwardProp: (e) => e !== "filterable"
 })(({ filterable: e }) => ({
   "& .progressbar div": {
@@ -3860,18 +3871,18 @@ const ga = y("div", {
       backgroundColor: "var(--hover-color)"
     }
   }
-})), ha = y(S)(({ theme: e }) => ({
+})), ga = y(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   flexWrap: "nowrap",
   overflow: "hidden",
   gap: e.spacing(1)
-})), fa = y(S)(({ theme: e }) => ({
+})), ha = y(S)(({ theme: e }) => ({
   padding: e.spacing(0.5, 0),
   flexGrow: "1",
   maxWidth: "100%",
   minWidth: 0
-})), ma = y(S, {
+})), fa = y(S, {
   shouldForwardProp: (e) => e !== "backgroundColor"
 })(({ theme: e, backgroundColor: t }) => ({
   marginLeft: e.spacing(1),
@@ -3880,12 +3891,12 @@ const ga = y("div", {
   color: "white",
   borderRadius: e.spacing(2)
 }));
-function ya(e, t, i, r, o) {
+function ma(e, t, i, r, o) {
   const l = (e[0] ?? []).map((d, s) => {
     const u = String(d.name), p = r.length > 0 && !r.includes(u), c = i[s] ?? u, v = e.map((g, m) => {
       var f;
       return {
-        color: p ? Ii(t[m], 0.8) : t[m],
+        color: p ? ki(t[m], 0.8) : t[m],
         value: ((f = g[s]) == null ? void 0 : f.value) ?? 0
       };
     });
@@ -3900,29 +3911,29 @@ function ya(e, t, i, r, o) {
     return Math.max(...s.data.map((c) => c.value)) - u;
   }), l;
 }
-const va = 500;
-function wa(e, t = {}) {
+const ya = 500;
+function va(e, t = {}) {
   const { disabled: i, duration: r, animateOnMount: o, initialValue: a = 0 } = t, l = re(null), [d, s] = _(
     () => o ? a : e
   );
-  return G(() => (i ? s(e) : pt({
+  return G(() => (i ? s(e) : gt({
     start: d,
     end: e,
-    duration: r ?? va,
+    duration: r ?? ya,
     drawFrame: (u) => s(u),
     requestRef: l
   }), () => {
     l.current && cancelAnimationFrame(l.current);
   }), [e, i, r]), d;
 }
-const xa = {};
-function Nn({
+const wa = {};
+function Fn({
   enabled: e = !0,
   value: t = 0,
-  options: i = xa,
+  options: i = wa,
   formatter: r
 }) {
-  const a = wa(t || 0, {
+  const a = va(t || 0, {
     ...{
       animateOnMount: !0,
       disabled: e === !1 || t === null || t === void 0
@@ -3931,43 +3942,43 @@ function Nn({
   });
   return /* @__PURE__ */ n("span", { children: r ? r(a) : a });
 }
-const ft = (e) => e, ba = () => {
-}, ka = [];
-function Sa({
+const mt = (e) => e, xa = () => {
+}, ba = [];
+function ka({
   item: e,
   index: t = 0,
-  names: i = ka,
-  formatter: r = ft
+  names: i = ba,
+  formatter: r = mt
 }) {
   const o = de(), a = e.data[0], l = e.data[t], d = i[t], s = (l.value - a.value) / (a.value || 1) * 100, u = Math.sign(s) === -1 ? "-" : "+", p = Math.sign(s) === -1 ? o.palette.error.main : o.palette.success.main, c = e.key === Oe ? o.palette.text.disabled : p;
   return /* @__PURE__ */ w("div", { children: [
     /* @__PURE__ */ n($e, { color: "inherit", variant: "caption", noWrap: !0, children: e.label }),
-    /* @__PURE__ */ n(S, { pt: 1, pb: 0.5, children: /* @__PURE__ */ w(Rn, { alignItems: "baseline", children: [
+    /* @__PURE__ */ n(S, { pt: 1, pb: 0.5, children: /* @__PURE__ */ w(Wn, { alignItems: "baseline", children: [
       /* @__PURE__ */ n(
-        Fn,
+        Rn,
         {
           color: e.key === Oe ? o.palette.background.default : l.color
         }
       ),
       /* @__PURE__ */ n($e, { color: "inherit", variant: "caption", children: d }),
       /* @__PURE__ */ n(S, { style: { flexGrow: 1 } }),
-      /* @__PURE__ */ n(ma, { backgroundColor: c, children: /* @__PURE__ */ w($e, { color: "inherit", variant: "caption", children: [
+      /* @__PURE__ */ n(fa, { backgroundColor: c, children: /* @__PURE__ */ w($e, { color: "inherit", variant: "caption", children: [
         u,
         r(Math.abs(s))
       ] }) })
     ] }) })
   ] });
 }
-function Ma({
+function Sa({
   item: e,
   animation: t = !0,
   animationOptions: i,
   maxValue: r,
   showCheckbox: o,
   checkboxChecked: a,
-  formatter: l = ft,
-  tooltipFormatter: d = ft,
-  onClick: s = ba,
+  formatter: l = mt,
+  tooltipFormatter: d = mt,
+  onClick: s = xa,
   names: u,
   tooltip: p
 }) {
@@ -3975,7 +3986,7 @@ function Ma({
     return `${Math.min(100, (g || 0) / r * 100)}%`;
   }
   const v = (g) => /* @__PURE__ */ n(
-    Sa,
+    ka,
     {
       item: e,
       names: u,
@@ -3983,23 +3994,23 @@ function Ma({
       index: g
     }
   );
-  return /* @__PURE__ */ w(ha, { onClick: () => s(e.key), children: [
-    o ? /* @__PURE__ */ n(ln, { checked: a }) : null,
-    /* @__PURE__ */ w(fa, { children: [
+  return /* @__PURE__ */ w(ga, { onClick: () => s(e.key), children: [
+    o ? /* @__PURE__ */ n(an, { checked: a }) : null,
+    /* @__PURE__ */ w(ha, { children: [
       /* @__PURE__ */ n($e, { variant: "body2", noWrap: !0, children: e.label }),
       e.data.map((g, m) => /* @__PURE__ */ n(
-        ua,
+        da,
         {
           title: v(m),
           placement: "top-start",
           arrow: !1,
           disableHoverListener: !p,
-          children: /* @__PURE__ */ w(ca, { children: [
-            /* @__PURE__ */ n(da, { className: "progressbar", children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ w(sa, { children: [
+            /* @__PURE__ */ n(ca, { className: "progressbar", children: /* @__PURE__ */ n(
               "div",
               {
                 style: {
-                  "--hover-color": mt(g.color, 0.2),
+                  "--hover-color": yt(g.color, 0.2),
                   "--color": g.color,
                   width: c(g.value)
                 }
@@ -4011,7 +4022,7 @@ function Ma({
                 variant: m === 0 ? "body2" : "caption",
                 color: m === 0 ? "textPrimary" : "textSecondary",
                 children: /* @__PURE__ */ n(
-                  Nn,
+                  Fn,
                   {
                     value: g.value,
                     enabled: t,
@@ -4028,19 +4039,9 @@ function Ma({
     ] })
   ] });
 }
-const Xt = (e) => e, Ia = () => {
+const Xt = (e) => e, Ma = () => {
 }, ze = [];
-function Kt() {
-  return /* @__PURE__ */ n(Ye, { children: /* @__PURE__ */ n(
-    "path",
-    {
-      d: "M11,4 C14.8659932,4 18,7.13400675 18,11 C18,12.7003211 17.3937669,14.2590489 16.3856562,15.4718279 L19.4748737,18.5606602 L18.0606602,19.9748737 L14.8998887,16.8138615 C13.7854137,17.5629194 12.4437497,18 11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 Z M11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 Z",
-      id: "Color",
-      fill: "inherit"
-    }
-  ) });
-}
-function ys({
+function ms({
   names: e = ze,
   data: t = ze,
   labels: i = ze,
@@ -4052,7 +4053,7 @@ function ys({
   searchable: s = !0,
   filterable: u = !0,
   selectedCategories: p = ze,
-  onSelectedCategoriesChange: c = Ia,
+  onSelectedCategoriesChange: c = Ma,
   formatter: v = Xt,
   tooltipFormatter: g = Xt,
   tooltip: m = !0,
@@ -4064,7 +4065,7 @@ function ys({
       h.palette.primary.main,
       h.palette.info.main
     ];
-    return ya(
+    return ma(
       t,
       V,
       i,
@@ -4078,8 +4079,8 @@ function ys({
       return P;
     const V = P.slice(0, o), Q = P.slice(o), ne = [];
     for (const xe of Q)
-      xe.data.forEach((je, Re) => {
-        ne[Re] = ne[Re] ?? 0, ne[Re] += je.value;
+      xe.data.forEach((Ye, Re) => {
+        ne[Re] = ne[Re] ?? 0, ne[Re] += Ye.value;
       });
     const ce = {
       key: Oe,
@@ -4095,12 +4096,12 @@ function ys({
     return ce || xe;
   }) : P, [P, E]), N = P.length - J.length + 1, T = s && !k && o < P.length;
   if (P.length === 0 || f)
-    return /* @__PURE__ */ n(bn, {});
+    return /* @__PURE__ */ n(xn, {});
   const R = k ? C : M ? U : J;
   function q() {
     I(!0), c([...x]), K();
   }
-  function Y() {
+  function j() {
     I(!1);
   }
   function X() {
@@ -4109,7 +4110,7 @@ function ys({
   function te() {
     I(!0);
   }
-  function j() {
+  function Y() {
     b(!0), A([...p]);
   }
   function K() {
@@ -4128,13 +4129,13 @@ function ys({
     ce.length === P.length && (ce = []), A(ce);
   }
   const we = u ? k ? Se : ue : void 0;
-  return /* @__PURE__ */ w(aa, { children: [
+  return /* @__PURE__ */ w(oa, { children: [
     u ? /* @__PURE__ */ w(qt, { center: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", children: p.length > 0 ? D.formatMessage(
         { id: "c4r.widgets.category.selectedItems" },
         { items: p.length }
       ) : D.formatMessage({ id: "c4r.widgets.category.all" }) }),
-      /* @__PURE__ */ n(z, { variant: "caption", children: k ? /* @__PURE__ */ n(ve, { onClick: q, children: D.formatMessage({ id: "c4r.widgets.category.apply" }) }) : M ? /* @__PURE__ */ n(ve, { onClick: Y, children: D.formatMessage({
+      /* @__PURE__ */ n(z, { variant: "caption", children: k ? /* @__PURE__ */ n(ve, { onClick: q, children: D.formatMessage({ id: "c4r.widgets.category.apply" }) }) : M ? /* @__PURE__ */ n(ve, { onClick: j, children: D.formatMessage({
         id: "c4r.widgets.category.unlock"
       }) }) : p.length ? /* @__PURE__ */ w(
         S,
@@ -4148,7 +4149,7 @@ function ys({
             /* @__PURE__ */ n(ve, { onClick: te, children: D.formatMessage({
               id: "c4r.widgets.category.lock"
             }) }),
-            /* @__PURE__ */ n(yt, { orientation: "vertical", flexItem: !0 }),
+            /* @__PURE__ */ n(vt, { orientation: "vertical", flexItem: !0 }),
             /* @__PURE__ */ n(ve, { onClick: X, children: D.formatMessage({
               id: "c4r.widgets.category.clear"
             }) })
@@ -4157,7 +4158,7 @@ function ys({
       ) : null })
     ] }) : null,
     k ? /* @__PURE__ */ n(qt, { children: /* @__PURE__ */ n(
-      pa,
+      ua,
       {
         size: "small",
         placeholder: D.formatMessage({
@@ -4166,11 +4167,11 @@ function ys({
         onChange: (V) => O(V.currentTarget.value),
         onFocus: (V) => V.currentTarget.scrollIntoView(),
         InputProps: {
-          startAdornment: /* @__PURE__ */ n(vt, { position: "start", children: /* @__PURE__ */ n(Kt, {}) })
+          startAdornment: /* @__PURE__ */ n(wt, { position: "start", children: /* @__PURE__ */ n(Qe, {}) })
         }
       }
     ) }) : null,
-    /* @__PURE__ */ w(la, { children: [
+    /* @__PURE__ */ w(aa, { children: [
       R.length === 0 ? /* @__PURE__ */ w(ie, { children: [
         /* @__PURE__ */ n(z, { variant: "body2", children: D.formatMessage({
           id: "c4r.widgets.category.noResults"
@@ -4180,8 +4181,8 @@ function ys({
           { searchValue: E }
         ) })
       ] }) : null,
-      R.map((V) => /* @__PURE__ */ n(ga, { children: /* @__PURE__ */ n(
-        Ma,
+      R.map((V) => /* @__PURE__ */ n(pa, { children: /* @__PURE__ */ n(
+        Sa,
         {
           item: V,
           animation: l,
@@ -4202,8 +4203,8 @@ function ys({
       {
         size: "small",
         color: "primary",
-        startIcon: /* @__PURE__ */ n(Kt, {}),
-        onClick: j,
+        startIcon: /* @__PURE__ */ n(Qe, {}),
+        onClick: Y,
         children: D.formatMessage(
           { id: "c4r.widgets.category.searchInfo" },
           { elements: N }
@@ -4211,44 +4212,44 @@ function ys({
       }
     ) : null,
     k ? /* @__PURE__ */ n(De, { size: "small", color: "primary", onClick: K, children: D.formatMessage({ id: "c4r.widgets.category.cancel" }) }) : null,
-    /* @__PURE__ */ n(sa, { children: e.map((V, Q) => /* @__PURE__ */ w(Rn, { children: [
-      /* @__PURE__ */ n(Fn, { color: (r == null ? void 0 : r[Q]) ?? h.palette.background.default }),
+    /* @__PURE__ */ n(la, { children: e.map((V, Q) => /* @__PURE__ */ w(Wn, { children: [
+      /* @__PURE__ */ n(Rn, { color: (r == null ? void 0 : r[Q]) ?? h.palette.background.default }),
       /* @__PURE__ */ n(z, { variant: "overline", children: V })
     ] }, e[Q])) })
   ] });
 }
-const Ca = Ci(z)(({ theme: e }) => ({
+const Ia = Si(z)(({ theme: e }) => ({
   display: "inline-block",
   marginTop: e.spacing(0.5)
 }));
-function Ta({
+function Ca({
   row: e
 }) {
   const t = de();
-  return e.label ? /* @__PURE__ */ n(S, { color: e.color ?? t.palette.text.secondary, children: /* @__PURE__ */ n(Ca, { color: "inherit", variant: "caption", children: e.label }) }) : null;
+  return e.label ? /* @__PURE__ */ n(S, { color: e.color ?? t.palette.text.secondary, children: /* @__PURE__ */ n(Ia, { color: "inherit", variant: "caption", children: e.label }) }) : null;
 }
-const Aa = y("div")(({ theme: e }) => ({
+const Ta = y("div")(({ theme: e }) => ({
   margin: 0,
   ...e.typography.h5,
   fontWeight: Number(e.typography.fontWeightMedium),
   color: e.palette.text.primary,
   display: "flex"
-})), Ea = y(z)(({ theme: e }) => ({
+})), Aa = y(z)(({ theme: e }) => ({
   marginRight: e.spacing(0.5)
-})), La = y(z)(({ theme: e }) => ({
+})), Ea = y(z)(({ theme: e }) => ({
   marginLeft: e.spacing(0.5)
 }));
-function $a({
+function La({
   row: e,
   animated: t,
   animationOptions: i,
   formatter: r
 }) {
   const o = de(), { prefix: a, value: l, suffix: d, shouldBeHighlighted: s } = e;
-  return /* @__PURE__ */ w(Aa, { children: [
-    a ? /* @__PURE__ */ n(S, { color: o.palette.text.secondary, children: /* @__PURE__ */ n(Ea, { color: "inherit", component: "span", variant: "subtitle2", children: a }) }) : null,
+  return /* @__PURE__ */ w(Ta, { children: [
+    a ? /* @__PURE__ */ n(S, { color: o.palette.text.secondary, children: /* @__PURE__ */ n(Aa, { color: "inherit", component: "span", variant: "subtitle2", children: a }) }) : null,
     /* @__PURE__ */ n(S, { fontWeight: s ? "bold" : "", children: /* @__PURE__ */ n(
-      Nn,
+      Fn,
       {
         value: l,
         enabled: t,
@@ -4256,26 +4257,26 @@ function $a({
         formatter: r
       }
     ) }),
-    d ? /* @__PURE__ */ n(S, { color: o.palette.text.secondary, children: /* @__PURE__ */ n(La, { color: "inherit", component: "span", variant: "subtitle2", children: d }) }) : null
+    d ? /* @__PURE__ */ n(S, { color: o.palette.text.secondary, children: /* @__PURE__ */ n(Ea, { color: "inherit", component: "span", variant: "subtitle2", children: d }) }) : null
   ] });
 }
-const Da = (e) => e, Zt = [], Pa = y("div")(({ theme: e }) => ({
+const $a = (e) => e, Kt = [], Da = y("div")(({ theme: e }) => ({
   "&:nth-of-type(n+2)": {
     marginTop: e.spacing(2)
   }
 }));
-function vs({
-  data: e = Zt,
-  colors: t = Zt,
+function ys({
+  data: e = Kt,
+  colors: t = Kt,
   animated: i = !0,
   animationOptions: r,
-  formatter: o = Da,
+  formatter: o = $a,
   isLoading: a = !1
 }) {
-  const l = Oa(e, t);
-  return a ? /* @__PURE__ */ n(Sn, {}) : /* @__PURE__ */ n("div", { children: l.map((d, s) => /* @__PURE__ */ w(Pa, { children: [
+  const l = Pa(e, t);
+  return a ? /* @__PURE__ */ n(kn, {}) : /* @__PURE__ */ n("div", { children: l.map((d, s) => /* @__PURE__ */ w(Da, { children: [
     /* @__PURE__ */ n(
-      $a,
+      La,
       {
         row: d,
         animated: i,
@@ -4283,25 +4284,25 @@ function vs({
         formatter: o
       }
     ),
-    /* @__PURE__ */ n(Ta, { row: d })
+    /* @__PURE__ */ n(Ca, { row: d })
   ] }, s)) });
 }
-function Oa(e, t) {
+function Pa(e, t) {
   const i = e.map((o, a) => ({ ...o, color: t[a], shouldBeHighlighted: !1 })).filter((o) => o.value !== void 0);
   return i && i.length > 1 && (i[0].shouldBeHighlighted = !0), i;
 }
-function Wa(e, t = [], i = [], r, o = []) {
+function Oa(e, t = [], i = [], r, o = []) {
   return e.map((a, l) => {
     const d = o.length > 0 && !o.includes(a.name), u = (t != null && t.length ? t : r.palette.qualitative.bold)[l];
     return {
       ...a,
       key: a.name,
-      color: d ? ei(u, 0.8) : u,
+      color: d ? Qn(u, 0.8) : u,
       name: i[l] ?? a.name
     };
   });
 }
-function Ra(e, t, i) {
+function Wa(e, t, i) {
   const r = `
     font-size: 12px;
     line-height: 1.33;
@@ -4321,23 +4322,23 @@ function Ra(e, t, i) {
     <p style="${o}">${String(a.marker)} ${s} (${u} %)</p>
   `.trim();
 }
-const Fa = (e) => e, Na = () => {
-}, Ke = [], Ba = "260px";
-function ws({
+const Ra = (e) => e, Fa = () => {
+}, Ke = [], Na = "260px";
+function vs({
   names: e = Ke,
   data: t = Ke,
   labels: i = Ke,
   colors: r = Ke,
-  height: o = Ba,
+  height: o = Na,
   animation: a = !0,
-  formatter: l = Fa,
-  tooltipFormatter: d = Ra,
+  formatter: l = Ra,
+  tooltipFormatter: d = Wa,
   selectedCategories: s = [],
-  onCategorySelected: u = Na,
+  onCategorySelected: u = Fa,
   isLoading: p = !1
 }) {
   const c = de(), v = re(), g = F(() => t.map(
-    (k, b) => Wa(k, r[b], i[b], c, s)
+    (k, b) => Oa(k, r[b], i[b], c, s)
   ), [t, r, i, c, s]), m = F(() => {
     const k = g.length > 1;
     let b;
@@ -4469,7 +4470,7 @@ function ws({
   function h(k) {
     v.current = k;
   }
-  return g.length ? p ? /* @__PURE__ */ n(Mn, { height: o }) : /* @__PURE__ */ n(
+  return g.length ? p ? /* @__PURE__ */ n(Sn, { height: o }) : /* @__PURE__ */ n(
     We,
     {
       onChartReady: h,
@@ -4480,14 +4481,14 @@ function ws({
     }
   ) : null;
 }
-const _a = () => {
+const Ba = () => {
 };
-function za({
+function _a({
   icon: e,
   hoverTooltip: t,
   clickTooltip: i,
   enabled: r,
-  onEnabledChange: o = _a,
+  onEnabledChange: o = Ba,
   tooltipPlacement: a = "bottom"
 }) {
   const [l, d] = _(!1), [s, u] = _(r);
@@ -4502,7 +4503,7 @@ function za({
         window.removeEventListener("keydown", c);
       };
     }
-  }, [r, o]), /* @__PURE__ */ n(ti, { onClickAway: () => u(!1), children: /* @__PURE__ */ n(
+  }, [r, o]), /* @__PURE__ */ n(ei, { onClickAway: () => u(!1), children: /* @__PURE__ */ n(
     pe,
     {
       title: s ? i : t,
@@ -4513,7 +4514,7 @@ function za({
         s || d(!1);
       },
       children: /* @__PURE__ */ n(
-        ni,
+        ti,
         {
           value: "selectedMode",
           selected: r,
@@ -4524,14 +4525,14 @@ function za({
     }
   ) });
 }
-const Ha = y(me, {
+const za = y(me, {
   shouldForwardProp: (e) => e !== "isOpen"
 })(({ isOpen: e, theme: t }) => ({
   color: t.palette.text.secondary,
   width: t.spacing(3),
   transform: `rotate(${e ? "180" : "0"}deg)`,
   backgroundColor: e ? t.palette.action.hover : void 0
-})), Ya = y(Pe, {
+})), Ha = y(Pe, {
   shouldForwardProp: (e) => e !== "disabled"
 })(({ disabled: e, theme: t }) => ({
   ...e && {
@@ -4542,13 +4543,13 @@ const Ha = y(me, {
   "&.Mui-disabled": {
     opacity: 1
   }
-})), Va = () => {
+})), Ya = () => {
 };
-function Ga({
+function Va({
   selectionModes: e,
   editModes: t,
   selectedMode: i,
-  onSelectMode: r = Va,
+  onSelectMode: r = Ya,
   enabled: o,
   tooltipPlacement: a = "bottom",
   tooltipText: l = "",
@@ -4560,14 +4561,14 @@ function Ga({
   }, h = !!e.length && !!t.length, k = (M) => t.some((I) => I.id === M.id);
   function b(M) {
     return /* @__PURE__ */ n(
-      Ya,
+      Ha,
       {
         selected: o && i === M.id,
         onClick: () => f(M.id),
         disabled: s && k(M),
         children: /* @__PURE__ */ w(S, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
           M.icon,
-          /* @__PURE__ */ n(S, { ml: 2, children: /* @__PURE__ */ n(z, { variant: "body2", color: "inherit", children: pn(M.label) }) })
+          /* @__PURE__ */ n(S, { ml: 2, children: /* @__PURE__ */ n(z, { variant: "body2", color: "inherit", children: un(M.label) }) })
         ] })
       },
       M.id
@@ -4575,7 +4576,7 @@ function Ga({
   }
   return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(pe, { title: l, placement: a, children: /* @__PURE__ */ n(
-      Ha,
+      za,
       {
         id: "feature-selection-menu-button",
         "aria-controls": "feature-selection-menu",
@@ -4583,11 +4584,11 @@ function Ga({
         "aria-expanded": v ? "true" : void 0,
         onClick: g,
         isOpen: v,
-        children: /* @__PURE__ */ n(Ti, {})
+        children: /* @__PURE__ */ n(Ci, {})
       }
     ) }),
     /* @__PURE__ */ w(
-      bt,
+      kt,
       {
         id: "feature-selection-menu",
         style: { zIndex: u.zIndex.tooltip + 1 },
@@ -4598,14 +4599,14 @@ function Ga({
         children: [
           d && /* @__PURE__ */ n(ja, { disabled: !0, children: /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: d }) }),
           !!e.length && e.map(b),
-          h && /* @__PURE__ */ n(yt, { sx: { margin: ({ spacing: M }) => M(1, 0) } }),
+          h && /* @__PURE__ */ n(vt, { sx: { margin: ({ spacing: M }) => M(1, 0) } }),
           !!t.length && t.map(b)
         ]
       }
     )
   ] });
 }
-const Ua = y(ii)(({ theme: e }) => ({
+const Ga = y(ri)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   marginLeft: e.spacing(1.5),
@@ -4617,11 +4618,11 @@ const Ua = y(ii)(({ theme: e }) => ({
   "&::-webkit-scrollbar": {
     display: "none"
   }
-})), qa = () => {
+})), Ua = () => {
 };
-function Xa({
+function qa({
   features: e,
-  onSelectGeometry: t = qa,
+  onSelectGeometry: t = Ua,
   onDeleteGeometry: i,
   chipTooltip: r,
   disabledChipTooltip: o,
@@ -4645,7 +4646,7 @@ function Xa({
     return d || ((k = m.properties) == null ? void 0 : k.name) || `${h} ${f + 1}`;
   }
   const [v, g] = _(!1);
-  return /* @__PURE__ */ n(S, { sx: { overflowX: "auto" }, children: /* @__PURE__ */ n(Ua, { sx: { gap: a === "small" ? 0.5 : 1 }, children: e.map((m, f) => {
+  return /* @__PURE__ */ n(S, { sx: { overflowX: "auto" }, children: /* @__PURE__ */ n(Ga, { sx: { gap: a === "small" ? 0.5 : 1 }, children: e.map((m, f) => {
     var I, x;
     const h = (I = m.properties) == null ? void 0 : I.disabled, k = (x = m.properties) == null ? void 0 : x.invalid;
     let b = r;
@@ -4655,23 +4656,23 @@ function Xa({
       id: "c4r.widgets.featureSelection.remove"
     }));
     let M = "secondary";
-    return h && (M = "default"), k && (M = "error"), /* @__PURE__ */ n(ri, { disablePadding: !0, children: /* @__PURE__ */ n(
+    return h && (M = "default"), k && (M = "error"), /* @__PURE__ */ n(ni, { disablePadding: !0, children: /* @__PURE__ */ n(
       pe,
       {
         disableHoverListener: h ? !o : !r,
         title: b,
         placement: l,
         children: /* @__PURE__ */ n(
-          oi,
+          ii,
           {
             size: a,
             label: c(m, f),
             color: M,
             onClick: () => t(m),
             onDelete: i ? () => i(m) : void 0,
-            icon: k ? /* @__PURE__ */ n(wi, { color: "error" }) : void 0,
+            icon: k ? /* @__PURE__ */ n(yi, { color: "error" }) : void 0,
             deleteIcon: /* @__PURE__ */ n(
-              xi,
+              vi,
               {
                 onMouseEnter: () => g(!0),
                 onMouseLeave: () => g(!1)
@@ -4683,16 +4684,16 @@ function Xa({
     ) }, f);
   }) }) });
 }
-const Ka = y(gn)(({ theme: e }) => ({
+const Xa = y(pn)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   maxHeight: e.spacing(5),
   padding: e.spacing(0.5)
-})), Za = [];
-function xs({
+})), Ka = [];
+function ws({
   selectionModes: e,
-  editModes: t = Za,
+  editModes: t = Ka,
   selectedMode: i,
   onSelectMode: r,
   enabled: o = !1,
@@ -4707,12 +4708,12 @@ function xs({
   const v = le(), g = se(v), m = F(() => e.map((I) => ({
     ...I,
     label: g.formatMessage({
-      id: `c4r.widgets.featureSelection.${Jt(I.id)}`
+      id: `c4r.widgets.featureSelection.${Zt(I.id)}`
     })
   })), [e, g]), f = F(() => t.map((I) => ({
     ...I,
     label: g.formatMessage({
-      id: `c4r.widgets.featureSelection.${Jt(I.id)}`
+      id: `c4r.widgets.featureSelection.${Zt(I.id)}`
     })
   })), [t, g]), h = F(() => {
     const x = [
@@ -4728,7 +4729,7 @@ function xs({
     if (!x)
       throw new Error(`Selected mode "${i}" not supported`);
     return x;
-  }, [f, m, i]), k = pn((h == null ? void 0 : h.label) || ""), b = h != null && h.isEdit ? k : g.formatMessage(
+  }, [f, m, i]), k = un((h == null ? void 0 : h.label) || ""), b = h != null && h.isEdit ? k : g.formatMessage(
     {
       id: "c4r.widgets.featureSelection.selectTool"
     },
@@ -4738,9 +4739,9 @@ function xs({
   }) : g.formatMessage({
     id: "c4r.widgets.featureSelection.clickToCreate"
   });
-  return /* @__PURE__ */ w(Ka, { children: [
+  return /* @__PURE__ */ w(Xa, { children: [
     /* @__PURE__ */ n(
-      za,
+      _a,
       {
         icon: h == null ? void 0 : h.icon,
         hoverTooltip: b,
@@ -4751,7 +4752,7 @@ function xs({
       }
     ),
     /* @__PURE__ */ n(
-      Ga,
+      Va,
       {
         selectionModes: m,
         editModes: f,
@@ -4769,7 +4770,7 @@ function xs({
       }
     ),
     !!l && /* @__PURE__ */ n(
-      Xa,
+      qa,
       {
         features: [l],
         onSelectGeometry: d,
@@ -4787,18 +4788,18 @@ function xs({
     )
   ] });
 }
-function Jt(e) {
+function Zt(e) {
   return e.charAt(0).toLowerCase() + e.slice(1);
 }
-const Bn = 240, Ja = y(gn, {
+const Nn = 240, Za = y(pn, {
   shouldForwardProp: (e) => e !== "collapsed"
 })(({ theme: e, collapsed: t }) => ({
-  width: t ? "min-content" : Bn,
+  width: t ? "min-content" : Nn,
   background: e.palette.background.paper,
   maxHeight: "calc(100% - 120px)",
   display: "flex",
   flexDirection: "column"
-})), Qa = y("header", {
+})), Ja = y("header", {
   shouldForwardProp: (e) => e !== "collapsed"
 })(({ theme: e, collapsed: t }) => ({
   display: "flex",
@@ -4807,7 +4808,7 @@ const Bn = 240, Ja = y(gn, {
   padding: e.spacing(1),
   paddingLeft: e.spacing(2),
   borderBottom: t ? void 0 : `1px solid ${e.palette.divider}`
-})), el = y("header")(({ theme: e }) => ({
+})), Qa = y("header")(({ theme: e }) => ({
   padding: e.spacing(1.5),
   paddingRight: e.spacing(2),
   gap: e.spacing(0.5),
@@ -4817,13 +4818,13 @@ const Bn = 240, Ja = y(gn, {
   zIndex: 2,
   top: 0,
   background: e.palette.background.paper
-})), tl = y("div")(({ theme: e }) => ({
+})), el = y("div")(({ theme: e }) => ({
   display: "flex",
   gap: e.spacing(2),
   alignItems: "center",
   padding: e.spacing(1),
-  minWidth: `calc(${Bn}px - ${e.spacing(4)})`
-})), nl = y(rt)(({ theme: e }) => ({
+  minWidth: `calc(${Nn}px - ${e.spacing(4)})`
+})), tl = y(ot)(({ theme: e }) => ({
   display: "flex",
   width: e.spacing(7.5),
   flexShrink: 0,
@@ -4831,7 +4832,7 @@ const Bn = 240, Ja = y(gn, {
     WebkitAppearance: "none",
     margin: 0
   }
-})), il = y("ul", {
+})), nl = y("ul", {
   shouldForwardProp: (e) => e !== "opacity"
 })(({ theme: e, opacity: t }) => ({
   opacity: t,
@@ -4840,39 +4841,39 @@ const Bn = 240, Ja = y(gn, {
   display: "flex",
   flexDirection: "column",
   gap: e.spacing(1)
-})), _n = y("ul")(({ theme: e }) => ({
+})), Bn = y("ul")(({ theme: e }) => ({
   margin: 0,
   padding: 0,
   paddingBottom: e.spacing(1),
   display: "flex",
   flexDirection: "column"
-})), rl = y("li")(() => ({
+})), il = y("li")(() => ({
   display: "flex",
   alignItems: "center"
-})), ol = y("div")(({ theme: e }) => ({
+})), rl = y("div")(({ theme: e }) => ({
   marginRight: e.spacing(1.5),
-  width: ut,
-  height: ut,
+  width: pt,
+  height: pt,
   "& img": {
     margin: "auto",
     display: "block"
   }
-})), Qt = y(S, {
+})), Jt = y(S, {
   shouldForwardProp: (e) => e !== "width"
 })(({ width: e, theme: t }) => ({
   width: e,
   overflow: "auto",
   maxHeight: `calc(100% - ${t.spacing(1.5)})`
-})), al = y("section")(({ theme: e }) => ({
+})), ol = y("section")(({ theme: e }) => ({
   "&:not(:first-of-type)": {
     borderTop: `1px solid ${e.palette.divider}`
   }
-})), ll = y("div")(() => ({
+})), al = y("div")(() => ({
   flexGrow: 1,
   flexShrink: 1,
   minWidth: 0
 }));
-function sl({
+function ll({
   menuRef: e,
   open: t,
   toggleOpen: i,
@@ -4895,13 +4896,13 @@ function sl({
             size: "small",
             color: t ? "primary" : "default",
             onClick: () => i(!t),
-            children: /* @__PURE__ */ n(mi, {})
+            children: /* @__PURE__ */ n(hi, {})
           }
         )
       }
     ),
     /* @__PURE__ */ n(
-      ai,
+      oi,
       {
         open: t,
         onClose: () => i(!1),
@@ -4919,9 +4920,9 @@ function sl({
             sx: { transform: "translate(-12px, 36px)" }
           }
         },
-        children: /* @__PURE__ */ w(tl, { children: [
+        children: /* @__PURE__ */ w(el, { children: [
           /* @__PURE__ */ n(
-            wt,
+            xt,
             {
               value: r * 100,
               onChange: (s, u) => o(u / 100),
@@ -4931,7 +4932,7 @@ function sl({
             }
           ),
           /* @__PURE__ */ n(
-            nl,
+            tl,
             {
               size: "small",
               type: "number",
@@ -4945,7 +4946,7 @@ function sl({
                 "data-testid": "opacity-slider"
               },
               InputProps: {
-                endAdornment: /* @__PURE__ */ w(vt, { position: "end", sx: { margin: 0 }, children: [
+                endAdornment: /* @__PURE__ */ w(wt, { position: "end", sx: { margin: 0 }, children: [
                   " ",
                   "%"
                 ] })
@@ -4957,13 +4958,13 @@ function sl({
     )
   ] });
 }
-function Et({
+function Lt({
   title: e,
   visible: t,
   typographyProps: i
 }) {
   const r = re(null), [o, a] = _(!1);
-  an(() => {
+  on(() => {
     if (t && r.current) {
       const { offsetWidth: d, scrollWidth: s } = r.current;
       a(d < s);
@@ -4986,8 +4987,8 @@ function Et({
   return o ? /* @__PURE__ */ n(pe, { title: e, children: l }) : l;
 }
 var Ce = /* @__PURE__ */ ((e) => (e.CATEGORY = "category", e.ICON = "icon", e.CONTINUOUS_RAMP = "continuous_ramp", e.BINS = "bins", e.PROPORTION = "proportion", e))(Ce || {});
-const dt = 20;
-function cl({
+const ut = 20;
+function sl({
   legend: e
 }) {
   const {
@@ -4996,10 +4997,10 @@ function cl({
     isStrokeColor: r = !1,
     customMarkers: o,
     maskedMarkers: a = !0
-  } = e, l = fn(i, t.length), d = t.length > dt, s = le(), u = se(s);
+  } = e, l = hn(i, t.length), d = t.length > ut, s = le(), u = se(s);
   return /* @__PURE__ */ w(ie, { children: [
-    /* @__PURE__ */ n(_n, { "data-testid": "categories-legend", children: t.slice(0, dt).map((p, c) => /* @__PURE__ */ n(
-      gl,
+    /* @__PURE__ */ n(Bn, { "data-testid": "categories-legend", children: t.slice(0, ut).map((p, c) => /* @__PURE__ */ n(
+      pl,
       {
         label: String(p),
         color: l[c % l.length],
@@ -5021,14 +5022,14 @@ function cl({
             id: "c4r.widgets.legend.maxCategories"
           },
           {
-            n: dt
+            n: ut
           }
         )
       }
     )
   ] });
 }
-const dl = ({
+const cl = ({
   isMax: e,
   color: t,
   isStrokeColor: i,
@@ -5047,7 +5048,7 @@ const dl = ({
     boxSizing: "content-box"
   },
   ...i ? { borderColor: t } : { backgroundColor: t }
-}), ul = ({
+}), dl = ({
   icon: e,
   color: t,
   maskedIcon: i
@@ -5064,20 +5065,21 @@ const dl = ({
     backgroundColor: "rgba(0,0,0,0)",
     backgroundImage: `url(${e})`
   }
-}), pl = y(S, {
+}), ul = y("span", {
   shouldForwardProp: (e) => e !== "icon" && e !== "maskedIcon" && e !== "color" && e !== "isStrokeColor"
 })(({ icon: e, maskedIcon: t, color: i, isStrokeColor: r, theme: o }) => ({
   whiteSpace: "nowrap",
   display: "block",
   width: o.spacing(1.5),
   height: o.spacing(1.5),
+  marginRight: o.spacing(1.5),
   flexShrink: "0",
   borderRadius: "50%",
   position: "relative",
   border: "2px solid transparent",
-  ...e ? ul({ icon: e, color: i, maskedIcon: t }) : dl({ color: i, isStrokeColor: r, theme: o })
+  ...e ? dl({ icon: e, color: i, maskedIcon: t }) : cl({ color: i, isStrokeColor: r, theme: o })
 }));
-function gl({
+function pl({
   label: e,
   isStrokeColor: t,
   color: i = "#000",
@@ -5086,11 +5088,9 @@ function gl({
 }) {
   return /* @__PURE__ */ w(S, { component: "li", sx: { display: "flex", alignItems: "center" }, children: [
     /* @__PURE__ */ n(
-      pl,
+      ul,
       {
         className: "marker",
-        mr: 1.5,
-        component: "span",
         icon: r,
         maskedIcon: o,
         isStrokeColor: t,
@@ -5098,7 +5098,7 @@ function gl({
       }
     ),
     /* @__PURE__ */ n(
-      Et,
+      Lt,
       {
         title: e,
         visible: !0,
@@ -5107,15 +5107,15 @@ function gl({
     )
   ] });
 }
-const Ze = 6, it = {
+const Ze = 6, rt = {
   0: 12,
   1: 9,
   2: 6,
   3: 3
-}, hl = y(S, {
+}, gl = y("span", {
   shouldForwardProp: (e) => e !== "index"
 })(({ index: e = 0, theme: t }) => {
-  const i = t.spacing(it[e]), r = t.spacing(it[e]);
+  const i = t.spacing(rt[e]), r = t.spacing(rt[e]);
   return {
     border: `solid 1px ${t.palette.divider}`,
     backgroundColor: t.palette.background.default,
@@ -5126,20 +5126,20 @@ const Ze = 6, it = {
     width: i,
     height: r
   };
-}), fl = y(S)(({ theme: { spacing: e } }) => ({
+}), hl = y(S)(({ theme: { spacing: e } }) => ({
   display: "flex",
   justifyContent: "flex-end",
   flexShrink: 0,
   position: "relative",
-  width: e(it[0]),
-  height: e(it[0])
-})), ml = y(S)(({ theme: { spacing: e } }) => ({
+  width: e(rt[0]),
+  height: e(rt[0])
+})), fl = y(S)(({ theme: { spacing: e } }) => ({
   display: "flex",
   gap: e(1),
   alignItems: "stretch",
   justifyContent: "stretch",
   padding: e(2, 0)
-})), yl = y(S)(() => ({
+})), ml = y(S)(() => ({
   display: "flex",
   flexDirection: "column",
   justifyContent: "space-around",
@@ -5147,20 +5147,13 @@ const Ze = 6, it = {
   flexGrow: 1,
   flexShrink: 1
 }));
-function vl({
+function yl({
   legend: e
 }) {
-  const t = le(), i = se(t), r = e.showMinMax ?? !0, { min: o, max: a, error: l } = wl(e), [d, s] = l ? [0, 0] : xl(o, a);
-  return /* @__PURE__ */ w(ml, { "data-testid": "proportion-legend", children: [
-    /* @__PURE__ */ n(fl, { children: [...Array(4)].map((u, p) => /* @__PURE__ */ n(
-      hl,
-      {
-        index: p,
-        component: "span"
-      },
-      p
-    )) }),
-    /* @__PURE__ */ n(yl, { children: l ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(z, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ w(ie, { children: [
+  const t = le(), i = se(t), r = e.showMinMax ?? !0, { min: o, max: a, error: l } = vl(e), [d, s] = l ? [0, 0] : wl(o, a);
+  return /* @__PURE__ */ w(fl, { "data-testid": "proportion-legend", children: [
+    /* @__PURE__ */ n(hl, { children: [...Array(4)].map((u, p) => /* @__PURE__ */ n(gl, { index: p }, p)) }),
+    /* @__PURE__ */ n(ml, { children: l ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(z, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ w(ie, { children: [
       /* @__PURE__ */ w(z, { variant: "overline", color: "textSecondary", children: [
         r && i.formatMessage({ id: "c4r.widgets.legend.max" }) + ": ",
         t.formatNumber(a, {
@@ -5182,35 +5175,35 @@ function vl({
     ] }) })
   ] });
 }
-function zn({ labels: e }) {
+function _n({ labels: e }) {
   let t = e == null ? void 0 : e[e.length - 1], i = e == null ? void 0 : e[0];
   return Number.isFinite(i) || (i = parseInt(String(i), 10)), Number.isFinite(t) || (t = parseInt(String(t), 10)), [i, t];
 }
-function wl(e) {
+function vl(e) {
   let t = !1;
-  const [i, r] = zn(e);
+  const [i, r] = _n(e);
   return (Number.isNaN(i) || Number.isNaN(r)) && (t = !0), { min: i, max: r, error: t };
 }
-function xl(e, t) {
+function wl(e, t) {
   const i = (t - e) / 3;
   return [e + i, t - i];
 }
-function bl({
+function xl({
   legend: e
 }) {
   const { labels: t = [], icons: i = [] } = e;
-  return /* @__PURE__ */ n(_n, { "data-testid": "icon-legend", children: t.map((r, o) => /* @__PURE__ */ w(rl, { children: [
-    /* @__PURE__ */ n(ol, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(Bn, { "data-testid": "icon-legend", children: t.map((r, o) => /* @__PURE__ */ w(il, { children: [
+    /* @__PURE__ */ n(rl, { children: /* @__PURE__ */ n(
       "img",
       {
         src: i[o],
         alt: r,
         width: "auto",
-        height: ut
+        height: pt
       }
     ) }),
     /* @__PURE__ */ n(
-      Et,
+      Lt,
       {
         visible: !0,
         title: r,
@@ -5219,27 +5212,27 @@ function bl({
     )
   ] }, r)) });
 }
-function kl(e) {
+function bl(e) {
   return typeof e[0] == "object" && "label" in e[0];
 }
-function en({
+function Qt({
   isContinuous: e = !1,
   legend: t
 }) {
-  const { labels: i = [], colors: r = [], showMinMax: o = !0 } = t, a = fn(
+  const { labels: i = [], colors: r = [], showMinMax: o = !0 } = t, a = hn(
     r,
     !i.length || e ? 2 : i.length + 1
-  ), l = kl(i), d = l ? i.map(({ value: m }) => m) : i, s = l ? i.map(({ label: m }) => m) : i, [u, p] = zn({ labels: d }), c = Number.isNaN(u) || Number.isNaN(p);
+  ), l = bl(i), d = l ? i.map(({ value: m }) => m) : i, s = l ? i.map(({ label: m }) => m) : i, [u, p] = _n({ labels: d }), c = Number.isNaN(u) || Number.isNaN(p);
   let v = s[s.length - 1], g = s[0];
   return !e && o && (g = "< " + g, v = "≥ " + v), /* @__PURE__ */ n(S, { py: 2, "data-testid": "ramp-legend", children: c ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(z, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(S, { display: "flex", pb: 1, children: e ? /* @__PURE__ */ n(
-      Sl,
+      kl,
       {
         "data-testid": "step-continuous",
         palette: a
       }
     ) : /* @__PURE__ */ n(
-      Il,
+      Ml,
       {
         palette: a,
         labels: s,
@@ -5253,7 +5246,7 @@ function en({
     ] })
   ] }) });
 }
-const Sl = y(S, {
+const kl = y(S, {
   shouldForwardProp: (e) => e !== "palette"
 })(({ palette: e, theme: t }) => ({
   display: "block",
@@ -5261,7 +5254,7 @@ const Sl = y(S, {
   height: t.spacing(1),
   borderRadius: t.spacing(0.5),
   background: `linear-gradient(to right, ${e.join()})`
-})), Ml = y(S, {
+})), Sl = y(S, {
   shouldForwardProp: (e) => e !== "color"
 })(({ color: e, theme: t }) => ({
   display: "block",
@@ -5275,7 +5268,7 @@ const Sl = y(S, {
     borderRadius: t.spacing(0, 0.5, 0.5, 0)
   }
 }));
-function Il({
+function Ml({
   labels: e = [],
   palette: t = [],
   max: i,
@@ -5284,17 +5277,17 @@ function Il({
   const o = e.length ? [r, ...e] : [r, i];
   return /* @__PURE__ */ n(ie, { children: o.map((a, l) => {
     const d = l === 0 ? r : l === o.length - 1 ? i : `${a} - ${o[l + 1]}`;
-    return /* @__PURE__ */ n(pe, { title: d, children: /* @__PURE__ */ n(Ml, { "data-testid": "step-discontinuous", color: t[l] }) }, l);
+    return /* @__PURE__ */ n(pe, { title: d, children: /* @__PURE__ */ n(Sl, { "data-testid": "step-discontinuous", color: t[l] }) }, l);
   }) });
 }
-const Cl = {
-  [Ce.CATEGORY]: cl,
-  [Ce.PROPORTION]: vl,
-  [Ce.ICON]: bl,
-  [Ce.BINS]: (e) => /* @__PURE__ */ n(en, { ...e, isContinuous: !1 }),
-  [Ce.CONTINUOUS_RAMP]: (e) => /* @__PURE__ */ n(en, { ...e, isContinuous: !0 })
+const Il = {
+  [Ce.CATEGORY]: sl,
+  [Ce.PROPORTION]: yl,
+  [Ce.ICON]: xl,
+  [Ce.BINS]: (e) => /* @__PURE__ */ n(Qt, { ...e, isContinuous: !1 }),
+  [Ce.CONTINUOUS_RAMP]: (e) => /* @__PURE__ */ n(Qt, { ...e, isContinuous: !0 })
 };
-function Tl({ legend: e }) {
+function Cl({ legend: e }) {
   const t = le(), i = se(t);
   return e.select || !e.type ? null : /* @__PURE__ */ w(z, { variant: "body2", color: "textSecondary", component: "p", children: [
     e.type,
@@ -5303,17 +5296,17 @@ function Tl({ legend: e }) {
     "."
   ] });
 }
-function Al(e) {
+function Tl(e) {
   return e.type === Ce.PROPORTION ? "c4r.widgets.legend.subtitles.proportion" : e.type === Ce.ICON || e.customMarkers ? "c4r.widgets.legend.subtitles.icon" : e.isStrokeColor ? "c4r.widgets.legend.subtitles.strokeColor" : "c4r.widgets.legend.subtitles.color";
 }
-function El({
+function Al({
   layer: e,
   legend: t,
   customLegendTypes: i,
   onChangeSelection: r
 }) {
   var p;
-  const o = le(), a = se(o), l = t.type, s = Cl[l] ?? i[l] ?? Tl, u = ((p = t.select) == null ? void 0 : p.options) ?? [];
+  const o = le(), a = se(o), l = t.type, s = Il[l] ?? i[l] ?? Cl, u = ((p = t.select) == null ? void 0 : p.options) ?? [];
   return /* @__PURE__ */ w(S, { component: "li", "data-testid": "legend-layer-variable", px: 2, children: [
     t.attr ? /* @__PURE__ */ w(S, { pb: 1, children: [
       /* @__PURE__ */ n(
@@ -5323,7 +5316,7 @@ function El({
           variant: "overlineDelicate",
           color: "textSecondary",
           component: "p",
-          children: a.formatMessage({ id: Al(t) })
+          children: a.formatMessage({ id: Tl(t) })
         }
       ),
       /* @__PURE__ */ n(z, { variant: "caption", component: "p", children: t.attr })
@@ -5331,7 +5324,7 @@ function El({
     t.select ? /* @__PURE__ */ w(S, { pb: 1, children: [
       /* @__PURE__ */ n(z, { variant: "caption", weight: "medium", component: "p", children: t.select.label }),
       /* @__PURE__ */ n(
-        li,
+        ai,
         {
           "data-testid": "legend-layer-variable-select",
           name: "legend-select",
@@ -5350,19 +5343,19 @@ function El({
               }
             }
           },
-          children: u.map((c) => /* @__PURE__ */ n(Pe, { value: c.value, children: /* @__PURE__ */ n(si, { primary: c.label }) }, c.value))
+          children: u.map((c) => /* @__PURE__ */ n(Pe, { value: c.value, children: /* @__PURE__ */ n(li, { primary: c.label }) }, c.value))
         }
       )
     ] }) : null,
     /* @__PURE__ */ n(s, { layer: e, legend: t })
   ] });
 }
-const Ll = {};
-function Hn(e) {
-  return e ? Array.isArray(e) ? e.every((t) => Hn(t)) : !e.select && !e.type : !0;
+const El = {};
+function zn(e) {
+  return e ? Array.isArray(e) ? e.every((t) => zn(t)) : !e.select && !e.type : !0;
 }
-function tn({
-  customLegendTypes: e = Ll,
+function en({
+  customLegendTypes: e = El,
   layer: t,
   onChangeCollapsed: i,
   onChangeOpacity: r,
@@ -5372,15 +5365,15 @@ function tn({
   minZoom: d = 0,
   currentZoom: s = 0
 }) {
-  const u = le(), p = se(u), c = re(null), [v, g] = _(!1), m = t.id, f = t.title, h = t.visible ?? !0, k = t.switchable ?? !0, b = t.collapsed ?? !1, M = (t.collapsible ?? !0) && !Hn(t.legend), I = t.opacity ?? 1, x = t.showOpacityControl ?? !0, A = h && !b, E = A ? /* @__PURE__ */ n(Pi, {}) : /* @__PURE__ */ n(Di, {}), O = (t == null ? void 0 : t.minZoom) !== void 0 || (t == null ? void 0 : t.maxZoom) !== void 0, $ = t.minZoom ?? d, D = t.maxZoom ?? l, P = O && ($ > d || D < l), W = s < $ || s > D, J = $l({
+  const u = le(), p = se(u), c = re(null), [v, g] = _(!1), m = t.id, f = t.title, h = t.visible ?? !0, k = t.switchable ?? !0, b = t.collapsed ?? !1, M = (t.collapsible ?? !0) && !zn(t.legend), I = t.opacity ?? 1, x = t.showOpacityControl ?? !0, A = h && !b, E = A ? /* @__PURE__ */ n(Di, {}) : /* @__PURE__ */ n($i, {}), O = (t == null ? void 0 : t.minZoom) !== void 0 || (t == null ? void 0 : t.maxZoom) !== void 0, $ = t.minZoom ?? d, D = t.maxZoom ?? l, P = O && ($ > d || D < l), W = s < $ || s > D, J = Ll({
     intl: p,
     minZoom: d,
     maxZoom: l,
     layerMinZoom: $,
     layerMaxZoom: D
   }), U = t.helperText ?? (P ? J : ""), C = F(() => t.legend ? Array.isArray(t.legend) ? t.legend : [t.legend] : [], [t.legend]);
-  return t.legend ? /* @__PURE__ */ w(al, { "data-testid": "legend-layer", "aria-label": f, children: [
-    /* @__PURE__ */ w(el, { ref: c, children: [
+  return t.legend ? /* @__PURE__ */ w(ol, { "data-testid": "legend-layer", "aria-label": f, children: [
+    /* @__PURE__ */ w(Qa, { ref: c, children: [
       M && /* @__PURE__ */ n(
         me,
         {
@@ -5393,8 +5386,8 @@ function tn({
           children: E
         }
       ),
-      /* @__PURE__ */ w(ll, { children: [
-        /* @__PURE__ */ n(Et, { visible: h, title: f ?? "" }),
+      /* @__PURE__ */ w(al, { children: [
+        /* @__PURE__ */ n(Lt, { visible: h, title: f ?? "" }),
         P && /* @__PURE__ */ n(
           pe,
           {
@@ -5422,7 +5415,7 @@ function tn({
         )
       ] }),
       x && h && !b && /* @__PURE__ */ n(
-        sl,
+        ll,
         {
           menuRef: c,
           open: v,
@@ -5446,20 +5439,20 @@ function tn({
                 collapsed: h ? b : !1,
                 visible: !h
               }),
-              children: h ? /* @__PURE__ */ n(Li, {}) : /* @__PURE__ */ n($i, {})
+              children: h ? /* @__PURE__ */ n(Ei, {}) : /* @__PURE__ */ n(Li, {})
             }
           )
         }
       )
     ] }),
-    /* @__PURE__ */ w(kt, { unmountOnExit: !0, timeout: 100, in: A, children: [
+    /* @__PURE__ */ w(St, { unmountOnExit: !0, timeout: 100, in: A, children: [
       /* @__PURE__ */ n(
-        il,
+        nl,
         {
           "data-testid": "legend-layer-variable-list",
           opacity: W ? 0.5 : 1,
           children: C.map((N, T) => /* @__PURE__ */ n(
-            El,
+            Al,
             {
               legend: N,
               layer: t,
@@ -5483,7 +5476,7 @@ function tn({
     ] })
   ] }) : null;
 }
-function $l({
+function Ll({
   intl: e,
   minZoom: t,
   maxZoom: i,
@@ -5495,11 +5488,11 @@ function $l({
   }), s = e.formatMessage({ id: "c4r.widgets.legend.zoomNote" }), u = o < i ? `${l} ${o}` : "", p = r > t ? `${d} ${r}` : "", c = [u, p].filter(Boolean).join(` ${a} `);
   return c ? `${s} ${c}` : "";
 }
-const Dl = {}, He = () => {
-}, Pl = [];
-function bs({
-  customLegendTypes: e = Dl,
-  layers: t = Pl,
+const $l = {}, He = () => {
+}, Dl = [];
+function xs({
+  customLegendTypes: e = $l,
+  layers: t = Dl,
   collapsed: i = !1,
   onChangeCollapsed: r = He,
   onChangeVisibility: o = He,
@@ -5513,34 +5506,34 @@ function bs({
   isMobile: v,
   sx: g
 }) {
-  const m = le(), f = se(m), h = /* @__PURE__ */ w(Qa, { collapsed: i, children: [
+  const m = le(), f = se(m), h = /* @__PURE__ */ w(Ja, { collapsed: i, children: [
     /* @__PURE__ */ n(z, { variant: "caption", flexGrow: 1, children: s }),
     /* @__PURE__ */ n(
       pe,
       {
         title: f.formatMessage({ id: "c4r.widgets.legend.close" }),
-        children: /* @__PURE__ */ n(me, { size: "small", onClick: () => r(!0), children: /* @__PURE__ */ n(Ai, {}) })
+        children: /* @__PURE__ */ n(me, { size: "small", onClick: () => r(!0), children: /* @__PURE__ */ n(Ti, {}) })
       }
     )
   ] }), k = /* @__PURE__ */ n(
     pe,
     {
       title: f.formatMessage({ id: "c4r.widgets.legend.open" }),
-      children: /* @__PURE__ */ n(me, { "aria-label": s, onClick: () => r(!1), children: /* @__PURE__ */ n(Ei, {}) })
+      children: /* @__PURE__ */ n(me, { "aria-label": s, onClick: () => r(!1), children: /* @__PURE__ */ n(Ai, {}) })
     }
   );
-  return /* @__PURE__ */ n(Ja, { sx: g, elevation: 3, collapsed: i || !!v, children: v ? /* @__PURE__ */ w(ie, { children: [
+  return /* @__PURE__ */ n(Za, { sx: g, elevation: 3, collapsed: i || !!v, children: v ? /* @__PURE__ */ w(ie, { children: [
     k,
     /* @__PURE__ */ w(
-      ci,
+      si,
       {
         anchor: "bottom",
         open: !i,
         onClose: () => r(!0),
         children: [
           h,
-          /* @__PURE__ */ n(Qt, { children: t.map((b) => /* @__PURE__ */ n(
-            tn,
+          /* @__PURE__ */ n(Jt, { children: t.map((b) => /* @__PURE__ */ n(
+            en,
             {
               layer: b,
               onChangeCollapsed: l,
@@ -5559,8 +5552,8 @@ function bs({
     )
   ] }) : /* @__PURE__ */ w(ie, { children: [
     i ? k : h,
-    /* @__PURE__ */ n(Qt, { width: i ? 0 : void 0, children: /* @__PURE__ */ n(kt, { unmountOnExit: !0, in: !i, timeout: 500, children: t.map((b) => /* @__PURE__ */ n(
-      tn,
+    /* @__PURE__ */ n(Jt, { width: i ? 0 : void 0, children: /* @__PURE__ */ n(St, { unmountOnExit: !0, in: !i, timeout: 500, children: t.map((b) => /* @__PURE__ */ n(
+      en,
       {
         layer: b,
         onChangeCollapsed: l,
@@ -5576,7 +5569,7 @@ function bs({
     )) }) })
   ] }) });
 }
-function nn({
+function tn({
   color: e = void 0,
   children: t
 }) {
@@ -5591,31 +5584,31 @@ function nn({
     }
   ) }) : /* @__PURE__ */ n(S, { mt: -1 });
 }
-function ks({
+function bs({
   title: e = "No data available",
   body: t = "There are no results for the combination of filters applied to your data. Try tweaking your filters, or zoom and pan the map to adjust the Map View.",
   severity: i = void 0,
   ...r
 }) {
-  return i ? /* @__PURE__ */ n(Oi, { title: e, severity: i, ...r, children: /* @__PURE__ */ n(nn, { children: t }) }) : /* @__PURE__ */ w(S, { ...r, children: [
+  return i ? /* @__PURE__ */ n(Mi, { title: e, severity: i, ...r, children: /* @__PURE__ */ n(tn, { children: t }) }) : /* @__PURE__ */ w(S, { ...r, children: [
     e && /* @__PURE__ */ n(z, { variant: "body2", children: e }),
-    /* @__PURE__ */ n(nn, { color: "textSecondary", children: t })
+    /* @__PURE__ */ n(tn, { color: "textSecondary", children: t })
   ] });
 }
-const Ol = y(S, {
+const Pl = y(S, {
   shouldForwardProp: (e) => e !== "margin"
 })(({ theme: e, margin: t }) => ({
   margin: 0,
   position: "relative",
   maxWidth: "100%",
   padding: t ?? e.spacing(2, 2.5)
-})), Wl = y(di)(({ theme: e }) => ({
+})), Ol = y(di)(({ theme: e }) => ({
   position: "absolute",
   top: 0,
   left: 0,
   width: "100%",
   height: e.spacing(0.25)
-})), Rl = y(ae, {
+})), Wl = y(ae, {
   shouldForwardProp: (e) => e !== "expanded"
 })(({ theme: e, expanded: t = !0 }) => ({
   display: "flex",
@@ -5625,7 +5618,7 @@ const Ol = y(S, {
   width: "100%",
   ...t ? { minHeight: e.spacing(3) } : { height: e.spacing(3) },
   padding: 0
-})), Fl = y(De, {
+})), Rl = y(De, {
   shouldForwardProp: (e) => e !== "expandable"
 })(({ theme: e, expandable: t = !0 }) => ({
   flex: 1,
@@ -5643,14 +5636,14 @@ const Ol = y(S, {
   "&:hover": {
     background: "none"
   }
-})), Yn = ({ theme: e }) => ({
+})), Hn = ({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
   width: e.spacing(3),
   height: e.spacing(3),
   color: e.palette.text.secondary
-}), Nl = y(bi)(({ theme: e }) => Yn({ theme: e })), Bl = y(ki)(({ theme: e }) => Yn({ theme: e })), _l = y($e, {
+}), Fl = y(wi)(({ theme: e }) => Hn({ theme: e })), Nl = y(xi)(({ theme: e }) => Hn({ theme: e })), Bl = y($e, {
   shouldForwardProp: (e) => e !== "expanded"
 })(({ expanded: e = !0 }) => ({
   wordBreak: "break-word",
@@ -5664,26 +5657,26 @@ const Ol = y(S, {
     whiteSpace: "nowrap",
     textOverflow: "ellipsis"
   }
-})), zl = y(ae)(({ theme: e }) => ({
+})), _l = y(ae)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(1),
   marginRight: e.spacing(-0.5),
   marginLeft: e.spacing(1)
-})), rn = y(me)(({ theme: e }) => ({
+})), nn = y(me)(({ theme: e }) => ({
   color: e.palette.text.secondary
-})), Hl = y(bt)(({ theme: e }) => ({
+})), zl = y(kt)(({ theme: e }) => ({
   ".MuiPaper-root": {
     marginTop: e.spacing(5),
     maxHeight: e.spacing(21),
     minWidth: e.spacing(16)
   }
-})), on = [], Yl = /* @__PURE__ */ n(Si, {});
-function Ss({
+})), rn = [], Hl = /* @__PURE__ */ n(bi, {});
+function ks({
   title: e,
-  actions: t = on,
-  options: i = on,
-  optionsIcon: r = Yl,
+  actions: t = rn,
+  options: i = rn,
+  optionsIcon: r = Hl,
   children: o,
   contentProps: a,
   disabled: l = !1,
@@ -5695,14 +5688,14 @@ function Ss({
   isLoading: v = !1,
   margin: g
 }) {
-  const m = Kn(), [f, h] = _(!0), k = s !== void 0 && u !== void 0, b = d !== !1 ? k ? s : f : !0, M = k ? u : h, [I, x] = _(null), A = !!I, E = () => {
+  const m = Xn(), [f, h] = _(!0), k = s !== void 0 && u !== void 0, b = d !== !1 ? k ? s : f : !0, M = k ? u : h, [I, x] = _(null), A = !!I, E = () => {
     d && M(!b);
   }, O = (W) => x(W.currentTarget), $ = () => x(null);
   function D(W) {
     W && W(), $();
   }
   const P = (W) => /* @__PURE__ */ n(
-    rn,
+    nn,
     {
       "aria-label": W.label,
       onClick: W.action,
@@ -5711,20 +5704,20 @@ function Ss({
     },
     W.id
   );
-  return l ? o ? /* @__PURE__ */ n(ie, { children: o }) : null : /* @__PURE__ */ w(Ol, { margin: g, component: "section", "aria-label": e, children: [
-    v ? /* @__PURE__ */ n(Wl, {}) : null,
-    /* @__PURE__ */ w(Rl, { container: !0, expanded: s, children: [
+  return l ? o ? /* @__PURE__ */ n(ie, { children: o }) : null : /* @__PURE__ */ w(Pl, { margin: g, component: "section", "aria-label": e, children: [
+    v ? /* @__PURE__ */ n(Ol, {}) : null,
+    /* @__PURE__ */ w(Wl, { container: !0, expanded: s, children: [
       /* @__PURE__ */ n(
-        Fl,
+        Rl,
         {
           expandable: d,
-          startIcon: d && /* @__PURE__ */ n(ui, { children: b ? /* @__PURE__ */ n(Nl, {}) : /* @__PURE__ */ n(Bl, {}) }),
+          startIcon: d && /* @__PURE__ */ n(ci, { children: b ? /* @__PURE__ */ n(Fl, {}) : /* @__PURE__ */ n(Nl, {}) }),
           onClick: E,
           tabIndex: d ? 0 : -1,
-          children: /* @__PURE__ */ n(pe, { title: e, children: /* @__PURE__ */ n(_l, { expanded: s, align: "left", variant: "subtitle1", children: e }) })
+          children: /* @__PURE__ */ n(pe, { title: e, children: /* @__PURE__ */ n(Bl, { expanded: s, align: "left", variant: "subtitle1", children: e }) })
         }
       ),
-      /* @__PURE__ */ w(zl, { item: !0, children: [
+      /* @__PURE__ */ w(_l, { item: !0, children: [
         c,
         t.length > 0 && t.map((W) => W.tooltip ? /* @__PURE__ */ n(
           pe,
@@ -5737,7 +5730,7 @@ function Ss({
         ) : P(W)),
         i.length > 0 && /* @__PURE__ */ w(ie, { children: [
           /* @__PURE__ */ n(
-            rn,
+            nn,
             {
               "aria-label": "options",
               "aria-controls": "options-menu",
@@ -5748,7 +5741,7 @@ function Ss({
             }
           ),
           /* @__PURE__ */ n(
-            Hl,
+            zl,
             {
               id: "options-menu",
               elevation: 8,
@@ -5778,40 +5771,40 @@ function Ss({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ n(kt, { ref: m, in: b, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ w(S, { ...a, children: [
+    /* @__PURE__ */ n(St, { ref: m, in: b, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ w(S, { ...a, children: [
       /* @__PURE__ */ n(S, { pt: 1, children: o }),
       p ?? /* @__PURE__ */ n(S, { children: p })
     ] }) })
   ] });
 }
 export {
-  ss as BarWidgetUI,
-  cs as CategoryWidgetUI,
-  ys as ComparativeCategoryWidgetUI,
-  vs as ComparativeFormulaWidgetUI,
-  ws as ComparativePieWidgetUI,
-  Ga as FeatureSelectionUIDropdown,
-  Xa as FeatureSelectionUIGeometryChips,
-  za as FeatureSelectionUIToggleButton,
-  xs as FeatureSelectionWidgetUI,
-  ds as FormulaWidgetUI,
+  ls as BarWidgetUI,
+  ss as CategoryWidgetUI,
+  ms as ComparativeCategoryWidgetUI,
+  ys as ComparativeFormulaWidgetUI,
+  vs as ComparativePieWidgetUI,
+  Va as FeatureSelectionUIDropdown,
+  qa as FeatureSelectionUIGeometryChips,
+  _a as FeatureSelectionUIToggleButton,
+  ws as FeatureSelectionWidgetUI,
+  cs as FormulaWidgetUI,
   Me as GroupDateTypes,
-  us as HistogramWidgetUI,
+  ds as HistogramWidgetUI,
   Ce as LEGEND_TYPES,
-  cl as LegendCategories,
-  bl as LegendIcon,
-  vl as LegendProportion,
-  en as LegendRamp,
-  bs as LegendWidgetUI,
-  ks as NoDataAlert,
-  ps as PieWidgetUI,
-  gs as RangeWidgetUI,
-  hs as ScatterPlotWidgetUI,
-  Mt as TIME_SERIES_CHART_TYPES,
-  fs as TableWidgetUI,
-  Lo as TimeSeriesProvider,
-  ms as TimeSeriesWidgetUI,
-  Ss as WrapperWidgetUI,
-  At as useTimeSeriesContext,
-  $o as useTimeSeriesInteractivity
+  sl as LegendCategories,
+  xl as LegendIcon,
+  yl as LegendProportion,
+  Qt as LegendRamp,
+  xs as LegendWidgetUI,
+  bs as NoDataAlert,
+  us as PieWidgetUI,
+  ps as RangeWidgetUI,
+  gs as ScatterPlotWidgetUI,
+  It as TIME_SERIES_CHART_TYPES,
+  hs as TableWidgetUI,
+  Ao as TimeSeriesProvider,
+  fs as TimeSeriesWidgetUI,
+  ks as WrapperWidgetUI,
+  Et as useTimeSeriesContext,
+  Eo as useTimeSeriesInteractivity
 };