@carto/meridian-ds 1.2.1-alpha.1 → 1.3.0-alpha.2

package/dist/widgets/index.js

@@ -1,14 +1,14 @@
 import { jsxs as w, Fragment as ie, jsx as n } from "react/jsx-runtime";
-import Jn, { useMemo as F, useState as _, useEffect as U, useCallback as oe, useRef as re, createContext as Qn, useContext as ei, useLayoutEffect as an, createRef as ti } from "react";
-import { useTheme as le, styled as m, Box as S, Skeleton as H, Grid as ae, Link as ye, darken as yt, Button as Pe, Divider as vt, TextField as ot, InputAdornment as wt, Checkbox as ln, Tooltip as ue, IconButton as fe, debounce as ni, Slider as xt, TableCell as bt, Table as sn, TableHead as cn, TableRow as Je, TableBody as dn, TableContainer as un, TableSortLabel as ii, TablePagination as ri, Menu as kt, MenuItem as $e, SvgIcon as je, lighten as pn, Typography as De, ClickAwayListener as oi, ToggleButton as ai, capitalize as gn, ListItem as li, Chip as si, List as ci, Paper as hn, Popover as di, Select as ui, ListItemText as pi, Collapse as St, Drawer as gi, Icon as hi, LinearProgress as fi } from "@mui/material";
+import Qn, { useMemo as F, useState as _, useEffect as U, useCallback as oe, useRef as re, createContext as ei, useContext as ti, useLayoutEffect as an, createRef as ni } from "react";
+import { useTheme as le, styled as m, Box as S, Skeleton as H, Grid as ae, Link as ye, darken as yt, Button as Pe, Divider as vt, TextField as ot, InputAdornment as wt, Checkbox as ln, Tooltip as ue, IconButton as fe, debounce as ii, Slider as xt, TableCell as bt, Table as sn, TableHead as cn, TableRow as Je, TableBody as dn, TableContainer as un, TableSortLabel as ri, TablePagination as oi, Menu as kt, MenuItem as $e, SvgIcon as je, lighten as pn, Typography as De, ClickAwayListener as ai, ToggleButton as li, capitalize as gn, ListItem as si, Chip as ci, List as di, Paper as hn, Popover as ui, Select as pi, ListItemText as gi, Collapse as St, Drawer as hi, Icon as fi, LinearProgress as mi } from "@mui/material";
 import { useIntl as se } from "react-intl";
-import { t as mi, u as ce, T as z, S as B, B as Mt, a as yi, b as pt } from "../TablePaginationActions-GazQOp5y.js";
-import vi from "echarts-for-react";
-import { FixedSizeList as wi } from "react-window";
-import { S as Qe, a as xi } from "../SwatchSquare-DAne_6Gi.js";
-import { ChevronLeft as bi, ChevronRight as ki, KeyboardArrowDown as Si, ErrorOutline as Mi, Cancel as Ii, VisibilityOutlined as Ci, VisibilityOffOutlined as Ti, ExpandLess as fn, ExpandMore as mn, Close as Ai, LayersOutlined as Ei, MoreVert as Li } from "@mui/icons-material";
-import { A as Di } from "../Alert-DDz3-_16.js";
-import { c as yn, a as Pi, b as vn } from "../paletteUtils-BEwZhrLg.js";
+import { t as yi, u as ce, T as z, S as B, B as Mt, a as vi, b as pt } from "../TablePaginationActions-BmvmVQd9.js";
+import wi from "echarts-for-react";
+import { FixedSizeList as xi } from "react-window";
+import { S as Qe, a as bi } from "../SwatchSquare-DAne_6Gi.js";
+import { ChevronLeft as ki, ChevronRight as Si, KeyboardArrowDown as Mi, ErrorOutline as Ii, Cancel as Ci, VisibilityOutlined as Ti, VisibilityOffOutlined as Ai, ExpandLess as fn, ExpandMore as mn, Close as Ei, LayersOutlined as Li, MoreVert as Di } from "@mui/icons-material";
+import { A as Pi } from "../Alert-DbN79ENW.js";
+import { c as yn, a as $i, b as vn } from "../paletteUtils-BEwZhrLg.js";
 function wn() {
   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;
@@ -16,8 +16,8 @@ function wn() {
 function ge(e) {
   return !e || typeof e != "object" ? e : `${e.prefix ?? ""}${e.value}${e.suffix ?? ""}`;
 }
-const $i = [], Oi = {}, Ot = (e) => e;
-function Wi(e, t) {
+const Oi = [], Wi = {}, Ot = (e) => e;
+function Ri(e, t) {
   if (!e || Array.isArray(e) && e.length === 0)
     return null;
   const i = Array.isArray(e) ? e : [e];
@@ -33,15 +33,15 @@ function Wi(e, t) {
     return `<div style="margin-top: 4px">${String(d)}${c}</div>`;
   }).join(" "), r;
 }
-function Ri({
+function Fi({
   height: e,
-  labels: t = Oi,
+  labels: t = Wi,
   yAxisData: i,
-  selectedBars: r = $i,
+  selectedBars: r = Oi,
   series: o,
   colors: a,
   tooltip: l = !0,
-  tooltipFormatter: d = Wi,
+  tooltipFormatter: d = Ri,
   xAxisFormatter: s = Ot,
   yAxisFormatter: u = Ot,
   onSelectedBarsChange: p,
@@ -70,16 +70,16 @@ function Ri({
     labels: t,
     height: e ?? parseInt(v.spacing(22)),
     // parseInt removes 'px' from the string,
-    selectedBars: Fi(r),
+    selectedBars: Ni(r),
     yAxisData: b,
     colors: k,
     series: h
   };
 }
-function Fi(e) {
+function Ni(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 Ni = function e(t, i) {
+var Bi = 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;
@@ -104,8 +104,8 @@ var Ni = function e(t, i) {
   }
   return t !== t && i !== i;
 };
-const Le = /* @__PURE__ */ mi(Ni);
-class We extends vi {
+const Le = /* @__PURE__ */ yi(Bi);
+class We extends wi {
   componentDidUpdate(t) {
     const { shouldSetOption: i } = this.props;
     if (typeof i == "function" && !i(t, this.props))
@@ -179,12 +179,12 @@ const at = 240, xn = m(S)(({ theme: e }) => ({
   "& + &": {
     marginLeft: "1px"
   }
-})), Bi = m(H)(({ theme: e }) => ({
+})), _i = m(H)(({ theme: e }) => ({
   backgroundColor: e.palette.common.white
 })), Rt = m(H)(({ theme: e }) => ({
   backgroundColor: e.palette.grey[100]
 }));
-function _i({ height: e }) {
+function zi({ height: e }) {
   return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
     /* @__PURE__ */ w(xn, { style: { height: e || at }, children: [
@@ -202,7 +202,7 @@ function ke(e) {
     e && !r && (i(!0), o(!0)), e || i(!1);
   }, [e, r]), { showSkeleton: t };
 }
-const zi = wn(), Hi = m(ae)(({ theme: e }) => ({
+const Hi = wn(), ji = m(ae)(({ theme: e }) => ({
   marginBottom: e.spacing(2),
   flexDirection: "row",
   justifyContent: "space-between",
@@ -210,11 +210,11 @@ const zi = wn(), Hi = m(ae)(({ theme: e }) => ({
   "& .MuiTypography-caption": {
     color: e.palette.text.secondary
   }
-})), ji = m(ye)(({ theme: e }) => ({
+})), Yi = m(ye)(({ theme: e }) => ({
   ...e.typography.caption,
   cursor: "pointer"
 }));
-function ts(e) {
+function ns(e) {
   const {
     yAxisData: t,
     xAxisData: i,
@@ -232,7 +232,7 @@ function ts(e) {
     filterable: f,
     animation: v,
     isLoading: h
-  } = Ri(e), b = r.length > 1, k = le(), M = se(), C = ce(M), { showSkeleton: x } = ke(!!h), A = F(
+  } = Fi(e), b = r.length > 1, k = le(), M = se(), C = ce(M), { showSkeleton: x } = ke(!!h), A = F(
     () => ({
       show: l,
       trigger: "axis",
@@ -326,7 +326,7 @@ function ts(e) {
         };
       }),
       ...y && { stack: "total" },
-      ...!zi && {
+      ...!Hi && {
         emphasis: {
           focus: "series",
           itemStyle: {
@@ -406,14 +406,14 @@ function ts(e) {
     } : {},
     [f, E]
   );
-  return x ? /* @__PURE__ */ n(_i, { height: g }) : /* @__PURE__ */ w("div", { children: [
-    a && /* @__PURE__ */ w(Hi, { container: !0, children: [
+  return x ? /* @__PURE__ */ n(zi, { height: g }) : /* @__PURE__ */ w("div", { children: [
+    a && /* @__PURE__ */ w(ji, { container: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", children: o.length > 0 ? C.formatMessage(
         { id: "c4r.widgets.bar.selectedItems" },
         { items: o.length }
       ) : C.formatMessage({ id: "c4r.widgets.bar.all" }) }),
       o && o.length > 0 && /* @__PURE__ */ n(
-        ji,
+        Yi,
         {
           onClick: () => J(),
           onKeyDown: G,
@@ -489,7 +489,7 @@ const kn = m(ae)(({ theme: e }) => ({
       color: t.text.secondary
     }
   })
-), Yi = m(ae)(({ theme: e }) => ({
+), Vi = m(ae)(({ theme: e }) => ({
   height: e.spacing(0.5),
   width: "100%",
   margin: e.spacing(0.5, 0, 0.25, 0),
@@ -503,13 +503,13 @@ const kn = m(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`
   }
-})), Vi = m(ae, {
+})), Gi = m(ae, {
   shouldForwardProp: (e) => e !== "isSelectable"
 })(({ theme: e, isSelectable: t }) => ({
   ...t && {
     width: `calc(100% - ${e.spacing(4)})`
   }
-})), Gi = m(z)(({ theme: e }) => ({
+})), Ui = m(z)(({ theme: e }) => ({
   fontWeight: e.typography.fontWeightBold,
   marginRight: e.spacing(2)
 })), Ve = m(ye)(({ theme: e }) => ({
@@ -518,7 +518,7 @@ const kn = m(ae)(({ theme: e }) => ({
   "& + hr": {
     margin: e.spacing(0, 1)
   }
-})), Ui = m(S)(({ theme: e }) => ({
+})), qi = m(S)(({ theme: e }) => ({
   ...e.typography.body2
 })), Bt = m(Pe)(({ theme: e }) => ({
   position: "absolute",
@@ -533,17 +533,17 @@ const kn = m(ae)(({ theme: e }) => ({
     height: "auto",
     marginTop: e.spacing(2)
   }
-})), qi = m(H)(({ theme: e }) => ({
+})), Xi = m(H)(({ theme: e }) => ({
   marginTop: e.spacing(1.25),
   marginBottom: e.spacing(1.75)
-})), Xi = (e) => e % 2 === 1, Mn = () => /* @__PURE__ */ w(ie, { children: [
+})), Ki = (e) => e % 2 === 1, Mn = () => /* @__PURE__ */ w(ie, { children: [
   /* @__PURE__ */ n(H, { width: 48, height: 8 }),
   /* @__PURE__ */ n(kn, { container: !0, mt: 3, children: [...Array(6)].map((e, t) => /* @__PURE__ */ w(Sn, { container: !0, spacing: 1, children: [
     /* @__PURE__ */ w(ae, { container: !0, item: !0, direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ n(H, { width: Xi(t) ? 72 : 48, height: 8 }),
+      /* @__PURE__ */ n(H, { width: Ki(t) ? 72 : 48, height: 8 }),
       /* @__PURE__ */ n(H, { width: 48, height: 8 })
     ] }),
-    /* @__PURE__ */ n(qi, { height: 4, width: "100%" })
+    /* @__PURE__ */ n(Xi, { height: 4, width: "100%" })
   ] }, t)) })
 ] });
 function In(e) {
@@ -568,7 +568,7 @@ function gt({
   };
   o.current = requestAnimationFrame(u);
 }
-function Ki({
+function Zi({
   start: e,
   end: t,
   duration: i,
@@ -596,17 +596,17 @@ function Ki({
   };
   o.current = requestAnimationFrame(y);
 }
-const Zi = [], Ji = {}, Qi = (e) => e, ct = () => {
-}, er = (e) => e.reduce((t, i) => t + (i.value ?? 0), 0);
-function ns({
+const Ji = [], Qi = {}, er = (e) => e, ct = () => {
+}, tr = (e) => e.reduce((t, i) => t + (i.value ?? 0), 0);
+function is({
   data: e,
-  formatter: t = Qi,
-  labels: i = Ji,
+  formatter: t = er,
+  labels: i = Qi,
   maxItems: r = 5,
   order: o = Ce.RANKING,
-  selectedCategories: a = Zi,
+  selectedCategories: a = Ji,
   onSelectedCategoriesChange: l = ct,
-  onMaxItemsOverflow: d = er,
+  onMaxItemsOverflow: d = tr,
   animation: s = !0,
   filterable: u = !0,
   searchable: p = !0,
@@ -728,7 +728,7 @@ function ns({
     J && (G.current = J);
   }, [J]), U(() => {
     if (s)
-      return Ki({
+      return Zi({
         start: (G.current || []).map((D) => ({
           ...D,
           value: D.value ?? 0
@@ -756,9 +756,9 @@ function ns({
     U(() => (lt(), window.addEventListener("resize", lt), () => {
       window.removeEventListener("resize", lt);
     }), []);
-    const Kn = (st) => {
+    const Zn = (st) => {
       st.key === "Enter" && Z();
-    }, Zn = !b && a.length > 0 && !a.includes(D.name);
+    }, Jn = !b && a.length > 0 && !a.includes(D.name);
     return /* @__PURE__ */ w(
       Sn,
       {
@@ -766,9 +766,9 @@ function ns({
         direction: "row",
         spacing: 1,
         onClick: u ? Z : ct,
-        onKeyDown: u ? Kn : ct,
+        onKeyDown: u ? Zn : ct,
         selectable: u,
-        unselected: Zn,
+        unselected: Jn,
         name: D.name === Me ? Me : "",
         tabIndex: u ? 0 : -1,
         children: [
@@ -779,7 +779,7 @@ function ns({
               tabIndex: -1
             }
           ) }),
-          /* @__PURE__ */ w(Vi, { container: !0, item: !0, xs: !0, isSelectable: b, children: [
+          /* @__PURE__ */ w(Gi, { container: !0, item: !0, xs: !0, isSelectable: b, children: [
             /* @__PURE__ */ w(
               ae,
               {
@@ -794,7 +794,7 @@ function ns({
                     {
                       title: Dt(D.name),
                       disableHoverListener: !xe,
-                      children: /* @__PURE__ */ n(Gi, { variant: "body2", noWrap: !0, ref: be, children: Dt(D.name) })
+                      children: /* @__PURE__ */ n(Ui, { variant: "body2", noWrap: !0, ref: be, children: Dt(D.name) })
                     }
                   ),
                   typeof Q == "object" && Q !== null ? /* @__PURE__ */ w("span", { children: [
@@ -805,7 +805,7 @@ function ns({
                 ]
               }
             ),
-            /* @__PURE__ */ n(Yi, { className: "progressbar", item: !0, children: /* @__PURE__ */ n("div", { style: { width: Un(D.value ?? 0) } }) })
+            /* @__PURE__ */ n(Vi, { className: "progressbar", item: !0, children: /* @__PURE__ */ n("div", { style: { width: Un(D.value ?? 0) } }) })
           ] })
         ]
       }
@@ -824,8 +824,8 @@ function ns({
         onCategoryClick: () => b ? ee(Q.name) : q(Q.name)
       }
     ) }) : null;
-  };
-  return /* @__PURE__ */ w(Ui, { children: [
+  }, Kn = () => b ? 320 : x.length > 0 ? x.length * 38 : (r + 1) * 38;
+  return /* @__PURE__ */ w(qi, { children: [
     u && g.length > 0 && /* @__PURE__ */ w(Nt, { container: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", children: a.length > 0 ? I.formatMessage(
         { id: "c4r.widgets.category.selectedItems" },
@@ -901,9 +901,9 @@ function ns({
       /* @__PURE__ */ n(Bt, { size: "small", onClick: V, children: I.formatMessage({ id: "c4r.widgets.category.cancel" }) })
     ] }),
     /* @__PURE__ */ n(kn, { container: !0, item: !0, children: L.length ? /* @__PURE__ */ n(
-      wi,
+      xi,
       {
-        height: b ? y.spacingValue * 40 : (r + 1) * y.spacingValue * 4.75,
+        height: Kn(),
         width: "100%",
         itemCount: L.length,
         itemSize: y.spacingValue * 4.5,
@@ -943,14 +943,14 @@ function ns({
     ) }) : null
   ] });
 }
-const Cn = () => /* @__PURE__ */ n(S, { pt: 0.5, children: /* @__PURE__ */ n(H, { height: 24, width: 120 }) }), tr = m("span")(() => ({
+const Cn = () => /* @__PURE__ */ n(S, { pt: 0.5, children: /* @__PURE__ */ n(H, { height: 24, width: 120 }) }), nr = m("span")(() => ({
   marginRight: "2px"
-})), nr = m("span")(() => ({
+})), ir = m("span")(() => ({
   marginLeft: "2px"
-})), Ge = "-", ir = (e) => e;
-function is({
+})), Ge = "-", rr = (e) => e;
+function rs({
   data: e = Ge,
-  formatter: t = ir,
+  formatter: t = rr,
   animation: i = !0,
   isLoading: r = !1
 }) {
@@ -974,9 +974,9 @@ function is({
   }), [i, e, a]);
   const p = t(o), c = typeof p == "object" && p !== null, y = p === Ge;
   return u ? /* @__PURE__ */ n(Cn, {}) : c ? /* @__PURE__ */ w(z, { variant: "h5", component: "div", weight: "medium", children: [
-    /* @__PURE__ */ n(tr, { children: p.prefix }),
+    /* @__PURE__ */ n(nr, { children: p.prefix }),
     p.value,
-    /* @__PURE__ */ n(nr, { children: p.suffix })
+    /* @__PURE__ */ n(ir, { children: p.suffix })
   ] }) : /* @__PURE__ */ n(
     z,
     {
@@ -993,7 +993,7 @@ function is({
 }
 const _t = {};
 let Ne = null;
-function rr({
+function or({
   data: e,
   filterable: t,
   selectedBars: i,
@@ -1075,7 +1075,7 @@ function dt(e, t, i) {
       _t[t] && (e != null && e.handler) && e.off(t, i);
     };
 }
-function or({ height: e }) {
+function ar({ height: e }) {
   return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
     /* @__PURE__ */ w(bn, { style: { height: e ?? at }, children: [
@@ -1094,7 +1094,7 @@ function or({ height: e }) {
     ] })
   ] });
 }
-const ar = wn(), lr = m(ae)(({ theme: e }) => ({
+const lr = wn(), sr = m(ae)(({ theme: e }) => ({
   marginBottom: e.spacing(2),
   flexDirection: "row",
   justifyContent: "space-between",
@@ -1102,12 +1102,12 @@ const ar = wn(), lr = m(ae)(({ theme: e }) => ({
   "& .MuiTypography-caption": {
     color: e.palette.text.secondary
   }
-})), sr = m(ye)(({ theme: e }) => ({
+})), cr = m(ye)(({ theme: e }) => ({
   ...e.typography.caption,
   cursor: "pointer"
-})), cr = [], dr = () => {
+})), dr = [], ur = () => {
 }, et = (e) => e;
-function ur(e, t = et, i = et) {
+function pr(e, t = et, i = et) {
   if (!e)
     return null;
   if (Array.isArray(e) && e.length === 0)
@@ -1118,7 +1118,7 @@ function ur(e, t = et, i = et) {
   const [a, l, d] = o.value, s = ge(t(a)), u = ge(t(l)), p = ge(i(d)), c = `${s} <span style="vertical-align: 1px;">—</span> ${u}`, y = `<div style="margin-left: 8px; display: inline">${p}</div>`;
   return `${c} <div style="margin-top: 4px">${String(r)}${y}</div>`;
 }
-function rs({
+function os({
   data: e,
   ticks: t,
   min: i,
@@ -1126,19 +1126,19 @@ function rs({
   xAxisFormatter: o = et,
   yAxisFormatter: a = et,
   yAxisType: l = "dense",
-  selectedBars: d = cr,
-  onSelectedBarsChange: s = dr,
+  selectedBars: d = dr,
+  onSelectedBarsChange: s = ur,
   tooltip: u = !0,
-  tooltipFormatter: p = ur,
+  tooltipFormatter: p = pr,
   animation: c = !0,
   filterable: y = !0,
   height: g = 200,
   isLoading: f
 }) {
   const v = se(), h = le(), b = ce(v), { showSkeleton: k } = ke(!!f), M = !!y && !!s, [C, x] = _(), A = (I) => x(I), T = F(
-    () => hr(e, t, i, r),
+    () => fr(e, t, i, r),
     [e, t, i, r]
-  ), { onEvents: O, markAreaOptions: L } = rr({
+  ), { onEvents: O, markAreaOptions: L } = or({
     data: T,
     filterable: M,
     selectedBars: d,
@@ -1188,7 +1188,7 @@ function rs({
         padding: [B * 0.5, B * 0.5, 0, B * 0.5],
         formatter: (I) => {
           const R = ge(o(I));
-          return I === i ? pr(R) : I === r ? gr(R) : R;
+          return I === i ? gr(R) : I === r ? hr(R) : R;
         },
         color: h.palette.black[60]
       }
@@ -1262,7 +1262,7 @@ function rs({
             height: pe
           },
           style: { fill: K },
-          ...!ar && {
+          ...!lr && {
             emphasis: {
               style: {
                 fill: yt(K, 0.25)
@@ -1309,8 +1309,8 @@ function rs({
   ), N = (I) => {
     I.key === "Enter" && s([]);
   };
-  return k ? /* @__PURE__ */ n(or, { height: g }) : /* @__PURE__ */ w("div", { children: [
-    M && /* @__PURE__ */ w(lr, { container: !0, children: [
+  return k ? /* @__PURE__ */ n(ar, { height: g }) : /* @__PURE__ */ w("div", { children: [
+    M && /* @__PURE__ */ w(sr, { container: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", weight: "strong", children: d.length > 0 ? b.formatMessage(
         { id: "c4r.widgets.histogram.selectedItems" },
         {
@@ -1320,7 +1320,7 @@ function rs({
         }
       ) : b.formatMessage({ id: "c4r.widgets.histogram.all" }) }),
       d.length > 0 && /* @__PURE__ */ n(
-        sr,
+        cr,
         {
           onClick: () => s([]),
           onKeyDown: N,
@@ -1342,14 +1342,14 @@ function rs({
     )
   ] });
 }
-function pr(e) {
+function gr(e) {
   return `${Array(String(e).length).fill("  ").join("")}${e}`;
 }
-function gr(e) {
+function hr(e) {
   const t = Array(String(e).length).fill("  ").join("");
   return `${e}${t}`;
 }
-function hr(e, t, i, r) {
+function fr(e, t, i, r) {
   return e.map(
     (o, a) => [
       a === 0 ? i : t[a - 1],
@@ -1358,7 +1358,7 @@ function hr(e, t, i, r) {
     ]
   );
 }
-function fr(e, t, i, r) {
+function mr(e, t, i, r) {
   const o = le(), a = F(() => t === Ce.RANKING ? e.slice().sort((s, u) => (u.value ?? 0) - (s.value ?? 0)) : e, [e, t]), l = F(() => {
     const s = [];
     let u = 0;
@@ -1386,27 +1386,27 @@ function fr(e, t, i, r) {
     });
   }, [l, r, o]);
 }
-const mr = m(S)(({ theme: e }) => ({
+const yr = m(S)(({ theme: e }) => ({
   zIndex: 1,
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
   justifyContent: "center",
   paddingBottom: e.spacing(1)
-})), yr = m(S)(({ theme: e }) => ({
+})), vr = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(1),
   maxWidth: "140px",
   textTransform: "uppercase"
-})), vr = m(S)(({ theme: e }) => ({
+})), wr = m(S)(({ theme: e }) => ({
   display: "inline-block",
   borderRadius: e.spacing(0.5),
   width: e.spacing(1),
   minWidth: e.spacing(1),
   height: e.spacing(1)
 }));
-function wr({
+function xr({
   data: e,
   selectedCategories: t,
   formatter: i
@@ -1418,13 +1418,13 @@ function wr({
     t.length > 0 ? u = e.filter(
       (f) => t.includes(f.name)
     ) : u = e;
-    const p = xr(u), c = u.find((f) => f === p);
+    const p = br(u), c = u.find((f) => f === p);
     if (!c)
       return null;
     let y = 0;
     for (const f of e)
       y += f.value ?? 0;
-    const g = br(
+    const g = kr(
       c.value ?? 0,
       y,
       i
@@ -1435,50 +1435,50 @@ function wr({
     a && o(a);
   }, [a, o]);
   const { name: l, percentage: d, color: s } = r ?? {};
-  return r ? /* @__PURE__ */ w(mr, { children: [
+  return r ? /* @__PURE__ */ w(yr, { children: [
     /* @__PURE__ */ n(z, { variant: "h5", children: d }),
-    /* @__PURE__ */ w(yr, { children: [
-      /* @__PURE__ */ n(vr, { bgcolor: s, component: "span" }),
+    /* @__PURE__ */ w(vr, { children: [
+      /* @__PURE__ */ n(wr, { bgcolor: s, component: "span" }),
       /* @__PURE__ */ n(z, { component: "span", variant: "body2", noWrap: !0, children: l })
     ] })
   ] }) : null;
 }
-function xr(e) {
+function br(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 br(e, t, i) {
+function kr(e, t, i) {
   let r = 0;
   return t !== 0 && (r = e / t * 100), i ? i(r) : `${r}%`;
 }
-const zt = 32, kr = m(S)(({ theme: e }) => ({
+const zt = 32, Sr = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
   marginTop: e.spacing(0.5)
-})), Sr = m("div")(() => ({
+})), Mr = m("div")(() => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
   position: "relative"
-})), Mr = m(Bi)(() => ({
+})), Ir = m(_i)(() => ({
   position: "absolute",
   zIndex: 1
-})), Ir = m("div")(({ theme: e }) => ({
+})), Cr = m("div")(({ theme: e }) => ({
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
   gap: e.spacing(1),
   position: "absolute",
   zIndex: 2
-})), Cr = m(S)(({ theme: e }) => ({
+})), Tr = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(2),
   height: e.spacing(5)
-})), Tr = m("div")(({ theme: e }) => ({
+})), Ar = m("div")(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(1.5)
@@ -1487,32 +1487,32 @@ function Tn({ height: e }) {
   const t = parseInt(String(e), 10) || at, i = t - zt, r = i - zt;
   return /* @__PURE__ */ w(S, { mt: 0.5, children: [
     /* @__PURE__ */ n(H, { height: 8, width: 64 }),
-    /* @__PURE__ */ n(kr, { height: t, children: /* @__PURE__ */ w(Sr, { children: [
+    /* @__PURE__ */ n(Sr, { height: t, children: /* @__PURE__ */ w(Mr, { children: [
       /* @__PURE__ */ n(H, { variant: "circular", width: i, height: i }),
       /* @__PURE__ */ n(
-        Mr,
+        Ir,
         {
           variant: "circular",
           width: r,
           height: r
         }
       ),
-      /* @__PURE__ */ w(Ir, { children: [
+      /* @__PURE__ */ w(Cr, { children: [
         /* @__PURE__ */ n(H, { height: 24, width: 72 }),
         /* @__PURE__ */ n(H, { height: 8, width: 48 })
       ] })
     ] }) }),
-    /* @__PURE__ */ n(Cr, { children: [...Array(2)].map((o, a) => /* @__PURE__ */ w(Tr, { children: [
+    /* @__PURE__ */ n(Tr, { children: [...Array(2)].map((o, a) => /* @__PURE__ */ w(Ar, { children: [
       /* @__PURE__ */ n(H, { variant: "circular", width: 8, height: 8 }),
       /* @__PURE__ */ n(H, { width: 48, height: 8 })
     ] }, a)) })
   ] });
 }
-const Ar = m(S)(({ theme: e }) => ({
+const Er = m(S)(({ theme: e }) => ({
   position: "relative",
   padding: e.spacing(1.25, 1, 0, 1),
   width: "100%"
-})), Er = m(S)(({ theme: e }) => ({
+})), Lr = m(S)(({ theme: e }) => ({
   position: "relative",
   display: "flex",
   flexDirection: "row",
@@ -1521,7 +1521,7 @@ const Ar = m(S)(({ theme: e }) => ({
   // Accessibility tweak to display focus indicator properly
   padding: e.spacing(0.5),
   margin: e.spacing(-0.5)
-})), Lr = m(S)(({ theme: e }) => ({
+})), Dr = m(S)(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   gap: e.spacing(1),
@@ -1529,7 +1529,7 @@ const Ar = m(S)(({ theme: e }) => ({
   textOverflow: "ellipsis",
   whiteSpace: "nowrap",
   cursor: "pointer"
-})), Dr = m(S)(({ theme: e }) => ({
+})), Pr = m(S)(({ theme: e }) => ({
   display: "inline-block",
   position: "absolute",
   left: e.spacing(-2),
@@ -1538,13 +1538,13 @@ const Ar = m(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 = m(S)(({ theme: e }) => ({
+})), $r = m(S)(({ theme: e }) => ({
   position: "absolute",
   padding: e.spacing(0.25, 1),
   top: e.spacing(0),
   right: 0,
   background: e.palette.background.paper
-})), $r = m(S, {
+})), Or = m(S, {
   shouldForwardProp: (e) => e !== "color"
 })(({ theme: e, color: t }) => {
   const i = e.spacing(1);
@@ -1595,9 +1595,9 @@ function An({
     }), x.observe(p.current)), () => {
       x == null || x.disconnect();
     };
-  }, [p, k]), /* @__PURE__ */ w(Ar, { ref: p, children: [
+  }, [p, k]), /* @__PURE__ */ w(Er, { ref: p, children: [
     /* @__PURE__ */ n(
-      Er,
+      Lr,
       {
         ref: c,
         style: {
@@ -1607,7 +1607,7 @@ function An({
           if (A < l) return null;
           const T = t.length === 0 || t.includes(x.name);
           return /* @__PURE__ */ w(
-            Lr,
+            Dr,
             {
               tabIndex: 0,
               onClick: i ? () => i(x.name) : void 0,
@@ -1617,7 +1617,7 @@ function An({
               },
               children: [
                 /* @__PURE__ */ n(
-                  $r,
+                  Or,
                   {
                     color: T ? x.color : r.palette.text.disabled
                   }
@@ -1637,8 +1637,8 @@ function An({
         })
       }
     ),
-    (o || l > 0) && /* @__PURE__ */ w(Pr, { ref: y, children: [
-      /* @__PURE__ */ n(Dr, {}),
+    (o || l > 0) && /* @__PURE__ */ w($r, { ref: y, children: [
+      /* @__PURE__ */ n(Pr, {}),
       /* @__PURE__ */ n(
         ue,
         {
@@ -1651,7 +1651,7 @@ function An({
               size: "small",
               disabled: l === 0,
               onClick: h,
-              children: /* @__PURE__ */ n(bi, {})
+              children: /* @__PURE__ */ n(ki, {})
             }
           )
         }
@@ -1668,7 +1668,7 @@ function An({
               size: "small",
               disabled: !o,
               onClick: v,
-              children: /* @__PURE__ */ n(ki, {})
+              children: /* @__PURE__ */ n(Si, {})
             }
           )
         }
@@ -1676,12 +1676,12 @@ function An({
     ] })
   ] });
 }
-const ht = "232px", Or = m(ae)(({ theme: e }) => ({
+const ht = "232px", Wr = m(ae)(({ theme: e }) => ({
   flexDirection: "row",
   justifyContent: "space-between",
   alignItems: "center",
   marginBottom: e.spacing(0.5)
-})), Wr = m(S, {
+})), Rr = m(S, {
   shouldForwardProp: (e) => e !== "height" && e !== "width"
 })(
   ({ height: e, width: t }) => ({
@@ -1694,22 +1694,22 @@ const ht = "232px", Or = m(ae)(({ theme: e }) => ({
     width: t || "100%",
     height: e || "100%"
   })
-), Rr = m(We)(() => ({
+), Fr = m(We)(() => ({
   position: "absolute",
   top: 0,
   right: 0,
   left: 0,
   bottom: 0
-})), Ht = [], Fr = {}, Nr = (e) => e;
-function os({
+})), Ht = [], Nr = {}, Br = (e) => e;
+function as({
   name: e,
   data: t,
-  formatter: i = Nr,
-  tooltipFormatter: r = Br,
+  formatter: i = Br,
+  tooltipFormatter: r = _r,
   percentFormatter: o,
   height: a = ht,
   width: l = ht,
-  labels: d = Fr,
+  labels: d = Nr,
   colors: s = Ht,
   animation: u = !0,
   filterable: p = !0,
@@ -1719,7 +1719,7 @@ function os({
   maxItems: f = 11,
   order: v = Ce.RANKING
 }) {
-  const h = le(), b = fr(t, v, f, s), { showSkeleton: k } = ke(!!g), M = se(), C = ce(M), x = F(() => o || ((G) => `${M.formatNumber(G, {
+  const h = le(), b = mr(t, v, f, s), { showSkeleton: k } = ke(!!g), M = se(), C = ce(M), x = F(() => o || ((G) => `${M.formatNumber(G, {
     maximumFractionDigits: 2,
     minimumFractionDigits: 2
   })}%`), [M, o]), A = F(() => {
@@ -1812,7 +1812,7 @@ function os({
     G.key === "Enter" && W();
   };
   return k ? /* @__PURE__ */ n(Tn, { height: a }) : /* @__PURE__ */ w(ie, { children: [
-    p && /* @__PURE__ */ w(Or, { container: !0, children: [
+    p && /* @__PURE__ */ w(Wr, { container: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: c.length ? C.formatMessage(
         { id: "c4r.widgets.pie.selectedItems" },
         { items: c.length }
@@ -1828,9 +1828,9 @@ function os({
         }
       )
     ] }),
-    /* @__PURE__ */ w(Wr, { height: a, width: l, children: [
+    /* @__PURE__ */ w(Rr, { height: a, width: l, children: [
       /* @__PURE__ */ n(
-        wr,
+        xr,
         {
           data: b,
           selectedCategories: c,
@@ -1838,7 +1838,7 @@ function os({
         }
       ),
       /* @__PURE__ */ n(
-        Rr,
+        Fr,
         {
           option: O,
           onEvents: P,
@@ -1857,7 +1857,7 @@ function os({
     )
   ] });
 }
-function Br(e, t, i) {
+function _r(e, t, i) {
   var s;
   const r = Array.isArray(e) ? e[0] : e;
   if (!r)
@@ -1868,19 +1868,19 @@ function Br(e, t, i) {
     <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 _r = m(ae)(({ theme: e }) => ({
+const zr = m(ae)(({ theme: e }) => ({
   position: "relative",
   alignItems: "center",
   height: e.spacing(4)
-})), zr = m(ae)(({ theme: e }) => ({
+})), Hr = m(ae)(({ theme: e }) => ({
   position: "absolute",
   zIndex: 1,
   padding: e.spacing(0, 3)
 }));
-function Hr() {
+function jr() {
   return /* @__PURE__ */ w(ae, { container: !0, children: [
-    /* @__PURE__ */ w(_r, { container: !0, item: !0, children: [
-      /* @__PURE__ */ w(zr, { container: !0, item: !0, justifyContent: "space-between", children: [
+    /* @__PURE__ */ w(zr, { container: !0, item: !0, children: [
+      /* @__PURE__ */ w(Hr, { container: !0, item: !0, justifyContent: "space-between", children: [
         /* @__PURE__ */ n(Rt, { variant: "circular", width: 12, height: 12 }),
         /* @__PURE__ */ n(Rt, { variant: "circular", width: 12, height: 12 })
       ] }),
@@ -1892,13 +1892,13 @@ function Hr() {
     ] })
   ] });
 }
-const jr = m(S)(() => ({
+const Yr = m(S)(() => ({
   position: "relative"
-})), Yr = m(S)(({ theme: { spacing: e } }) => ({
+})), Vr = m(S)(({ theme: { spacing: e } }) => ({
   display: "flex",
   flexDirection: "row-reverse",
   height: e(1.5)
-})), Vr = m(ye)(() => ({
+})), Gr = m(ye)(() => ({
   cursor: "pointer"
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 })), jt = m(ot)(({ theme: { spacing: e } }) => ({
@@ -1920,11 +1920,11 @@ const jr = m(S)(() => ({
       margin: 0
     }
   }
-})), Gr = m(xt)(({ theme: { palette: e } }) => ({
+})), Ur = m(xt)(({ theme: { palette: e } }) => ({
   "& .MuiSlider-rail": {
     color: e.text.hint
   }
-})), Ur = m(xt)(({ theme: { palette: e, spacing: t } }) => ({
+})), qr = m(xt)(({ theme: { palette: e, spacing: t } }) => ({
   pointerEvents: "none",
   position: "absolute",
   zIndex: 1,
@@ -1949,7 +1949,7 @@ const jr = m(S)(() => ({
     transform: "translateY(-50%)"
   }
 }));
-function as({
+function ls({
   data: e,
   min: t,
   max: i,
@@ -1972,7 +1972,7 @@ function as({
     if (!(x[0].value > x[1].value))
       return x;
   }, [r, i, t]), f = F(
-    () => o ? ni(o, 250) : null,
+    () => o ? ii(o, 250) : null,
     [o]
   ), v = (x) => {
     u([...x]), d([...x]), f && f([...x]);
@@ -1997,9 +1997,9 @@ function as({
   function C(x) {
     x.key === "Enter" && M();
   }
-  return y ? /* @__PURE__ */ n(Hr, {}) : /* @__PURE__ */ w(jr, { children: [
-    /* @__PURE__ */ n(Yr, { children: b && /* @__PURE__ */ n(z, { variant: "caption", color: "primary", children: /* @__PURE__ */ n(
-      Vr,
+  return y ? /* @__PURE__ */ n(jr, {}) : /* @__PURE__ */ w(Yr, { children: [
+    /* @__PURE__ */ n(Vr, { children: b && /* @__PURE__ */ n(z, { variant: "caption", color: "primary", children: /* @__PURE__ */ n(
+      Gr,
       {
         onClick: M,
         onKeyDown: C,
@@ -2011,7 +2011,7 @@ function as({
     ) }) }),
     /* @__PURE__ */ w(S, { children: [
       /* @__PURE__ */ n(
-        Gr,
+        Ur,
         {
           getAriaLabel: (x) => x === 0 ? c.formatMessage({ id: "c4r.widgets.range.minValue" }) : c.formatMessage({ id: "c4r.widgets.range.maxValue" }),
           value: l,
@@ -2021,7 +2021,7 @@ function as({
         }
       ),
       r && r.length === 2 && /* @__PURE__ */ n(
-        Ur,
+        qr,
         {
           getAriaLabel: (x) => x === 0 ? c.formatMessage({ id: "c4r.widgets.range.minLimit" }) : c.formatMessage({ id: "c4r.widgets.range.maxLimit" }),
           value: r,
@@ -2069,7 +2069,7 @@ function as({
     ] })
   ] });
 }
-const qr = m(bn)(({ theme: e }) => ({
+const Xr = m(bn)(({ theme: e }) => ({
   flexDirection: "column",
   alignItems: "center",
   justifyContent: "center",
@@ -2080,29 +2080,29 @@ const qr = m(bn)(({ theme: e }) => ({
       maxWidth: "75%"
     }
   }
-})), Xr = m(S)(() => ({
+})), Kr = m(S)(() => ({
   position: "relative",
   display: "flex",
   justifyContent: "space-between",
   width: "80%",
   maxWidth: "50%"
 }));
-function Kr({ height: e }) {
+function Zr({ height: e }) {
   function t() {
     return Math.floor(Math.random() * 5);
   }
   return /* @__PURE__ */ w(S, { height: e ?? at, children: [
     /* @__PURE__ */ n(S, { mb: 4, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
-    /* @__PURE__ */ n(qr, { height: "80%", children: [...Array(3)].map((i, r) => (
+    /* @__PURE__ */ n(Xr, { 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(Xr, { ml: r * 3, children: [...Array(4)].map((o, a) => (
+      /* @__PURE__ */ n(Kr, { 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 Zr(e, t) {
+function Jr(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) => {
@@ -2110,7 +2110,7 @@ function Zr(e, t) {
     return u !== ((c = l[p]) == null ? void 0 : c.value);
   }) : !1;
 }
-function Jr({
+function Qr({
   tooltipFormatter: e,
   xAxisFormatter: t = tt,
   yAxisFormatter: i = tt
@@ -2149,7 +2149,7 @@ function Jr({
     }
   };
 }
-function Qr({
+function eo({
   name: e,
   data: t,
   animation: i
@@ -2163,30 +2163,30 @@ function Qr({
     }
   ];
 }
-const eo = Jn.memo(
+const to = Qn.memo(
   We,
-  (e, t) => Zr(
+  (e, t) => Jr(
     e.option,
     t.option
   )
-), Yt = 225, to = [], tt = (e) => e;
-function ls({
+), Yt = 225, no = [], tt = (e) => e;
+function ss({
   name: e = null,
-  data: t = to,
+  data: t = no,
   animation: i = !0,
   xAxisFormatter: r = tt,
   yAxisFormatter: o = tt,
-  tooltipFormatter: a = no,
+  tooltipFormatter: a = io,
   isLoading: l
 }) {
   const d = le(), s = re(), [u, p] = _({
     series: []
   }), { showSkeleton: c } = ke(!!l);
   return U(() => {
-    const y = Jr(
+    const y = Qr(
       { xAxisFormatter: r, yAxisFormatter: o, tooltipFormatter: a },
       d
-    ), g = Qr({
+    ), g = eo({
       name: e,
       data: t || [],
       animation: i
@@ -2203,8 +2203,8 @@ function ls({
     r,
     o,
     a
-  ]), c ? /* @__PURE__ */ n(Kr, { height: Yt }) : /* @__PURE__ */ n(
-    eo,
+  ]), c ? /* @__PURE__ */ n(Zr, { height: Yt }) : /* @__PURE__ */ n(
+    to,
     {
       ref: s,
       option: u,
@@ -2213,7 +2213,7 @@ function ls({
     }
   );
 }
-function no(e) {
+function io(e) {
   const t = Array.isArray(e) ? e[0] : e, i = (t == null ? void 0 : t.value) || [];
   return `[${i[0]}, ${i[1]})`;
 }
@@ -2228,7 +2228,7 @@ function Ue({
   }
   return [...Array(t)].map((o, a) => /* @__PURE__ */ n(bt, { children: /* @__PURE__ */ n(H, { width: e ?? r(i), height: 8 }) }, a));
 }
-const io = m(S)(({ theme: e }) => ({
+const ro = m(S)(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   justifyContent: "flex-end",
@@ -2236,17 +2236,17 @@ const io = m(S)(({ theme: e }) => ({
   gap: e.spacing(2),
   margin: 0,
   padding: e.spacing(2, 1)
-})), ro = m(un)(() => ({
+})), oo = m(un)(() => ({
   overflow: "hidden"
 }));
-function oo({
+function ao({
   style: e,
   dense: t,
   pagination: i,
   rowsPerPage: r
 }) {
   return /* @__PURE__ */ w(ie, { children: [
-    /* @__PURE__ */ n(ro, { style: e, children: /* @__PURE__ */ w(sn, { "aria-label": "skeleton table", size: t ? "small" : "medium", children: [
+    /* @__PURE__ */ n(oo, { style: e, children: /* @__PURE__ */ w(sn, { "aria-label": "skeleton table", size: t ? "small" : "medium", children: [
       /* @__PURE__ */ n(cn, { children: /* @__PURE__ */ w(Je, { children: [
         /* @__PURE__ */ n(Ue, { rows: 1, width: 8 }),
         /* @__PURE__ */ n(Ue, { width: 56 })
@@ -2258,7 +2258,7 @@ function oo({
         ] }, a)
       ) })
     ] }) }),
-    i && /* @__PURE__ */ w(io, { children: [
+    i && /* @__PURE__ */ w(ro, { 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 }),
@@ -2267,18 +2267,18 @@ function oo({
     ] })
   ] });
 }
-const ao = m(ii)(({ theme: e }) => ({
+const lo = m(ri)(({ theme: e }) => ({
   ...e.typography.caption,
   color: e.palette.text.secondary,
   whiteSpace: "nowrap"
-})), lo = m(Je)(({ theme: e }) => ({
+})), so = m(Je)(({ theme: e }) => ({
   maxHeight: e.spacing(6.5),
   transition: "background-color 0.25s ease",
   "&.MuiTableRow-hover:hover": {
     cursor: "pointer",
     backgroundColor: e.palette.background.default
   }
-})), so = m(bt)(() => ({
+})), co = m(bt)(() => ({
   overflow: "hidden",
   "& p": {
     maxWidth: "100%",
@@ -2286,14 +2286,14 @@ const ao = m(ii)(({ theme: e }) => ({
     overflow: "hidden",
     textOverflow: "ellipsis"
   }
-})), co = m(ri)(({ theme: e }) => ({
+})), uo = m(oi)(({ theme: e }) => ({
   height: e.spacing(6),
   overflowX: "auto",
   overflowY: "hidden"
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
-})), uo = 10, po = [5, 10, 25], Be = () => {
+})), po = 10, go = [5, 10, 25], Be = () => {
 };
-function ss({
+function cs({
   columns: e,
   rows: t,
   sorting: i = !1,
@@ -2305,8 +2305,8 @@ function ss({
   totalCount: s,
   page: u,
   onSetPage: p = Be,
-  rowsPerPage: c = uo,
-  rowsPerPageOptions: y = po,
+  rowsPerPage: c = po,
+  rowsPerPageOptions: y = go,
   onSetRowsPerPage: g = Be,
   onRowClick: f = Be,
   onRowMouseEnter: v,
@@ -2346,7 +2346,7 @@ function ss({
     J.height = `calc(${b} - ${E}px)`;
   }
   return O ? /* @__PURE__ */ n(
-    oo,
+    ao,
     {
       rowsPerPage: c,
       style: J,
@@ -2356,7 +2356,7 @@ function ss({
   ) : /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(un, { style: J, children: /* @__PURE__ */ w(sn, { stickyHeader: !0, size: k ? "small" : "medium", children: [
       /* @__PURE__ */ n(
-        go,
+        ho,
         {
           columns: e,
           sorting: i,
@@ -2366,7 +2366,7 @@ function ss({
         }
       ),
       /* @__PURE__ */ n(
-        ho,
+        fo,
         {
           columns: e,
           rows: t,
@@ -2377,7 +2377,7 @@ function ss({
       )
     ] }) }),
     d && /* @__PURE__ */ n(
-      co,
+      uo,
       {
         ref: x,
         rowsPerPageOptions: y,
@@ -2392,7 +2392,7 @@ function ss({
         onPageChange: P,
         onRowsPerPageChange: W,
         ActionsComponent: () => /* @__PURE__ */ n(
-          yi,
+          vi,
           {
             count: s,
             rowsPerPage: c,
@@ -2405,7 +2405,7 @@ function ss({
     )
   ] });
 }
-function go({
+function ho({
   columns: e,
   sorting: t,
   sortBy: i,
@@ -2413,7 +2413,7 @@ function go({
   onSort: o
 }) {
   return /* @__PURE__ */ n(cn, { children: /* @__PURE__ */ n(Je, { children: e.map(({ field: a, headerName: l, align: d }) => /* @__PURE__ */ n(bt, { align: d ?? "left", children: t ? /* @__PURE__ */ n(
-    ao,
+    lo,
     {
       active: i === a,
       direction: i === a ? r : "asc",
@@ -2422,7 +2422,7 @@ function go({
     }
   ) : l ?? a }, a)) }) });
 }
-function ho({
+function fo({
   columns: e,
   rows: t,
   onRowMouseEnter: i,
@@ -2432,7 +2432,7 @@ function ho({
   return /* @__PURE__ */ n(dn, { children: t.map((a, l) => {
     const d = String(a.cartodb_id || a.id || l);
     return /* @__PURE__ */ n(
-      lo,
+      so,
       {
         hover: !!o,
         onMouseEnter: () => i == null ? void 0 : i(a),
@@ -2443,7 +2443,7 @@ function ho({
             var f;
             let g = (f = Object.entries(a).find(([v]) => v.toUpperCase() === s.toUpperCase())) == null ? void 0 : f[1];
             return y ? g = y(g) : typeof g == "bigint" ? g = g.toString() : Array.isArray(g) ? g = `[${g.map((v) => typeof v == "string" ? `"${v}"` : String(v)).join(", ")}]` : typeof g == "object" && g !== null && (g = JSON.stringify(g)), (u ?? s) && /* @__PURE__ */ n(
-              so,
+              co,
               {
                 scope: "row",
                 align: p ?? "left",
@@ -2508,13 +2508,13 @@ function nt(e, t) {
       return o;
   }
 }
-function fo(e) {
+function mo(e) {
   let t, i = 0;
   for (const { name: r } of e)
     r !== t && (t = r, i++);
   return i;
 }
-function mo(e) {
+function yo(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();
 }
@@ -2524,19 +2524,19 @@ const Ct = {
   month: Ee,
   week: Ee,
   day: Ee,
-  hour: xo,
+  hour: bo,
   minute: Gt,
   second: Gt
-}, yo = {
-  year: Ao,
-  month: To,
-  week: Co,
-  day: Io,
-  hour: Mo,
-  minute: So,
-  second: ko
+}, vo = {
+  year: Eo,
+  month: Ao,
+  week: To,
+  day: Co,
+  hour: Io,
+  minute: Mo,
+  second: So
 };
-function vo({
+function wo({
   date: e,
   stepSize: t
 }) {
@@ -2564,10 +2564,10 @@ function Dn({
 }) {
   if (!Ct[t])
     throw new Error("formatBucketRange: missing formatter or invalid stepSize");
-  const { start: o, end: a } = bo({ date: e, stepSize: t, stepMultiplier: i });
+  const { start: o, end: a } = ko({ date: e, stepSize: t, stepMultiplier: i });
   if (i === 1) {
     if (t === "day")
-      return vo({ date: o, stepSize: t });
+      return wo({ date: o, stepSize: t });
     if (t === "second")
       return `${Ee(o)} ${ft(
         o
@@ -2575,11 +2575,11 @@ function Dn({
   }
   return it({ start: o, end: a, stepSize: t });
 }
-const Tt = (e) => 1e3 * e, At = (e) => Tt(60 * e), wo = (e) => At(60 * e);
+const Tt = (e) => 1e3 * e, At = (e) => Tt(60 * e), xo = (e) => At(60 * e);
 function Ee(e) {
   return e.toLocaleDateString();
 }
-function xo(e) {
+function bo(e) {
   return Ee(e) + " " + e.toLocaleTimeString(void 0, {
     hour: "numeric",
     minute: "2-digit",
@@ -2597,17 +2597,17 @@ function ft(e) {
 function Gt(e) {
   return Ee(e) + " " + ft(e);
 }
-function bo({
+function ko({
   date: e,
   stepSize: t,
   stepMultiplier: i = 1
 }) {
-  const r = yo[t];
+  const r = vo[t];
   if (!r)
     throw new Error("getBucketInterval: invalid bucket size");
   return r({ date: e, stepMultiplier: i });
 }
-function ko({
+function So({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2622,7 +2622,7 @@ function ko({
   ), r = new Date(i.getTime() + Tt(t - 1) + 999);
   return { start: i, end: r };
 }
-function So({
+function Mo({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2639,7 +2639,7 @@ function So({
   );
   return { start: i, end: r };
 }
-function Mo({
+function Io({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2652,11 +2652,11 @@ function Mo({
     0,
     0
   ), r = new Date(
-    i.getTime() + wo(t - 1) + At(59)
+    i.getTime() + xo(t - 1) + At(59)
   );
   return { start: i, end: r };
 }
-function Io({
+function Co({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2675,25 +2675,25 @@ function Io({
   );
   return { start: i, end: r };
 }
-function Co({
+function To({
   date: e,
   stepMultiplier: t = 1
 }) {
-  const i = new Date(mo(e)), r = new Date(
+  const i = new Date(yo(e)), r = new Date(
     i.getFullYear(),
     i.getMonth(),
     i.getDate() + 6 + 7 * (t - 1)
   );
   return { start: i, end: r };
 }
-function To({
+function Ao({
   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 Ao({
+function Eo({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2701,7 +2701,7 @@ function Ao({
   return { start: i, end: r };
 }
 const me = () => {
-}, Pn = Qn({
+}, Pn = ei({
   isPlaying: !1,
   setIsPlaying: me,
   isPaused: !1,
@@ -2714,9 +2714,9 @@ const me = () => {
   intl: {}
 });
 function Et() {
-  return ei(Pn);
+  return ti(Pn);
 }
-function Eo({
+function Lo({
   children: e,
   isPlaying: t,
   isPaused: i,
@@ -2769,7 +2769,7 @@ function Eo({
 const Ut = {};
 let qe = null;
 const _e = { seriesId: "0" };
-function Lo({
+function Do({
   echartsInstance: e,
   data: t,
   canSelectLines: i,
@@ -2941,8 +2941,8 @@ function Xe(e, t, i) {
       Ut[t] && (e != null && e.handler) && e.off(t, i);
     };
 }
-const $n = B * 22, On = "100%", Do = 5, Po = 3, $o = B * 20;
-function Oo({
+const $n = B * 22, On = "100%", Po = 5, $o = 3, Oo = B * 20;
+function Wo({
   chartType: e,
   formatter: t,
   timeAxisSplitNumber: i,
@@ -3044,9 +3044,9 @@ function Oo({
           show: !1
         },
         splitNumber: i ?? (M !== void 0 ? Math.min(
-          Po,
-          Math.ceil(M / $o)
-        ) : Do)
+          $o,
+          Math.ceil(M / Oo)
+        ) : Po)
       },
       yAxis: {
         type: "value",
@@ -3079,7 +3079,7 @@ function Oo({
         max: x
       }
     };
-  }, [v, x, t, M, i, f]), { timelineOptions: O, timeWindowOptions: L } = Lo({
+  }, [v, x, t, M, i, f]), { timelineOptions: O, timeWindowOptions: L } = Do({
     echartsInstance: h,
     data: a,
     canSelectLines: !!g,
@@ -3178,7 +3178,7 @@ function Oo({
     }
   );
 }
-const Wo = {
+const Ro = {
   [Se.YEARS]: 60 * 60 * 24 * 7,
   // Week
   [Se.MONTHS]: 60 * 60 * 24,
@@ -3193,8 +3193,8 @@ const Wo = {
   // Quarter hour
   [Se.SECONDS]: 1
   // Second
-}, Ro = [0.5, 1, 2, 3];
-function Fo({
+}, Fo = [0.5, 1, 2, 3];
+function No({
   data: e,
   stepSize: t
 }) {
@@ -3207,7 +3207,7 @@ function Fo({
     togglePlay: y,
     intl: g
   } = Et();
-  Ho(
+  jo(
     () => (d || s) && c(),
     // Only executed when data changes
     [e]
@@ -3222,8 +3222,8 @@ function Fo({
   };
   U(() => {
     if (d && u.length === 2 && e.length) {
-      const x = Wo[t] * 1e3;
-      return jo({
+      const x = Ro[t] * 1e3;
+      return Yo({
         data: e,
         timeWindow: u,
         msTimeWindowStep: x * o,
@@ -3238,7 +3238,7 @@ function Fo({
     }
   }, [e, d, t, p, v, o]), U(() => {
     if (d && u.length === 1 && e.length)
-      return Vo({
+      return Go({
         speed: o,
         timelinePosition: u[0],
         data: e,
@@ -3267,7 +3267,7 @@ function Fo({
         color: "default",
         onClick: b,
         "data-testid": "clock",
-        children: /* @__PURE__ */ n(No, {})
+        children: /* @__PURE__ */ n(Bo, {})
       }
     ),
     /* @__PURE__ */ w(
@@ -3279,7 +3279,7 @@ function Fo({
         onClose: k,
         children: [
           /* @__PURE__ */ n($e, { disabled: !0, children: /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: g.formatMessage({ id: "c4r.widgets.timeSeries.speed" }) }) }),
-          Ro.map((C) => /* @__PURE__ */ w(
+          Fo.map((C) => /* @__PURE__ */ w(
             $e,
             {
               selected: C === o,
@@ -3302,7 +3302,7 @@ function Fo({
         disabled: !(s || d),
         onClick: v,
         "data-testid": "stop",
-        children: /* @__PURE__ */ n(_o, {})
+        children: /* @__PURE__ */ n(zo, {})
       }
     ) }),
     /* @__PURE__ */ n(S, { mt: 0.75, children: /* @__PURE__ */ n(
@@ -3312,12 +3312,12 @@ function Fo({
         size: "small",
         color: "primary",
         onClick: h,
-        children: d ? /* @__PURE__ */ n(zo, {}) : /* @__PURE__ */ n(Bo, {})
+        children: d ? /* @__PURE__ */ n(Ho, {}) : /* @__PURE__ */ n(_o, {})
       }
     ) })
   ] });
 }
-function No() {
+function Bo() {
   return /* @__PURE__ */ n(je, { viewBox: "0 0 20 20", children: /* @__PURE__ */ n(
     "path",
     {
@@ -3327,7 +3327,7 @@ function No() {
     }
   ) });
 }
-function Bo() {
+function _o() {
   return /* @__PURE__ */ n(je, { "data-testid": "play-icon", children: /* @__PURE__ */ n(
     "path",
     {
@@ -3337,7 +3337,7 @@ function Bo() {
     }
   ) });
 }
-function _o() {
+function zo() {
   return /* @__PURE__ */ n(je, { children: /* @__PURE__ */ n(
     "path",
     {
@@ -3347,7 +3347,7 @@ function _o() {
     }
   ) });
 }
-function zo() {
+function Ho() {
   return /* @__PURE__ */ n(je, { "data-testid": "pause-icon", children: /* @__PURE__ */ n(
     "path",
     {
@@ -3357,13 +3357,13 @@ function zo() {
     }
   ) });
 }
-function Ho(e, t = []) {
+function jo(e, t = []) {
   const i = re(!1);
   U(() => {
     i.current ? e() : i.current = !0;
   }, t);
 }
-function jo({
+function Yo({
   msTimeWindowStep: e,
   timeWindow: t,
   data: i,
@@ -3382,8 +3382,8 @@ function jo({
   };
   d();
 }
-const Yo = 2;
-function Vo({
+const Vo = 2;
+function Go({
   speed: e,
   timelinePosition: t,
   data: i,
@@ -3392,10 +3392,10 @@ function Vo({
   animationRef: a
 }) {
   let l = nt(t, i) ?? 0, d = i[l].name;
-  const s = fo(i), u = Math.max(
+  const s = mo(i), u = Math.max(
     Math.round(Math.sqrt(s) / 2),
     // FPS based on number of unique time points
-    Yo
+    Vo
     // Min FPS
   ) * e, p = () => {
     a.current.timeoutId = setTimeout(() => {
@@ -3413,20 +3413,20 @@ function Vo({
   };
   p();
 }
-const Go = m(S)(() => ({
+const Uo = m(S)(() => ({
   containerType: "inline-size",
   display: "flex",
   flexDirection: "column"
-})), Uo = m(S)(() => ({
+})), qo = m(S)(() => ({
   display: "flex",
   flexDirection: "column"
 })), Wn = m(S)(() => ({
   display: "flex",
   flexDirection: "row"
-})), qo = m(Wn)(() => ({
+})), Xo = m(Wn)(() => ({
   alignItems: "center",
   justifyContent: "space-between"
-})), Xo = m(S)(({ theme: e }) => ({
+})), Ko = m(S)(({ theme: e }) => ({
   flexShrink: 0,
   marginLeft: 0,
   paddingLeft: e.spacing(1),
@@ -3435,7 +3435,7 @@ const Go = m(S)(() => ({
   },
   paddingBottom: e.spacing(1.5),
   alignSelf: "flex-end"
-})), Ko = m(S)(({ theme: e }) => ({
+})), Zo = m(S)(({ theme: e }) => ({
   alignSelf: "normal",
   minWidth: 0,
   paddingLeft: e.spacing(5),
@@ -3453,17 +3453,17 @@ function Rn({
 }) {
   const a = o && /* @__PURE__ */ n(S, { flex: 0, mt: 2, children: o });
   return /* @__PURE__ */ w(
-    Go,
+    Uo,
     {
       style: {
         flex: e ? "1" : void 0
       },
       children: [
-        /* @__PURE__ */ n(qo, { flex: 0, children: t }),
-        i ? /* @__PURE__ */ w(Uo, { flex: 1, children: [
+        /* @__PURE__ */ n(Xo, { flex: 0, children: t }),
+        i ? /* @__PURE__ */ w(qo, { flex: 1, children: [
           /* @__PURE__ */ w(Wn, { flex: 1, children: [
-            /* @__PURE__ */ n(Xo, { flex: 0, children: i }),
-            /* @__PURE__ */ n(Ko, { flex: 1, children: r })
+            /* @__PURE__ */ n(Ko, { flex: 0, children: i }),
+            /* @__PURE__ */ n(Zo, { flex: 1, children: r })
           ] }),
           a
         ] }) : /* @__PURE__ */ w(ie, { children: [
@@ -3474,7 +3474,7 @@ function Rn({
     }
   );
 }
-const Zo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox: "0 0 720 124", ...e, children: /* @__PURE__ */ n(
+const Jo = (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",
@@ -3483,20 +3483,20 @@ const Zo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox:
     strokeLinejoin: "round",
     vectorEffect: "non-scaling-stroke"
   }
-) }), Jo = m(S)(() => ({
+) }), Qo = m(S)(() => ({
   display: "flex",
   flexDirection: "column",
   justifyContent: "flex-end"
-})), Qo = m(S)(() => ({
+})), ea = m(S)(() => ({
   position: "relative",
   height: "100%",
   alignSelf: "normal",
   display: "flex",
   flexDirection: "column",
   justifyContent: "flex-end"
-})), ea = m(S)(({ theme: e }) => ({
+})), ta = m(S)(({ theme: e }) => ({
   padding: e.spacing(2.25, 0, 0.5, 2)
-})), ta = m(xn)(({ theme: e }) => ({
+})), na = m(xn)(({ theme: e }) => ({
   flexDirection: "column",
   flex: 1,
   height: "100%",
@@ -3510,12 +3510,12 @@ const Zo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox:
       stroke: e.palette.black[8]
     }
   }
-})), na = m(S)(({ theme: e }) => ({
+})), ia = m(S)(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   justifyContent: "space-between",
   padding: e.spacing(1.25, 0.5, 0.75, 0.5)
-})), ia = m(S)(({ theme: e }) => ({
+})), ra = m(S)(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   gap: e.spacing(2),
@@ -3525,7 +3525,7 @@ const Zo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox:
   display: "flex",
   flexDirection: "row",
   gap: e.spacing(1)
-})), ra = ({
+})), oa = ({
   fitHeight: e,
   height: t,
   showControls: i,
@@ -3535,20 +3535,20 @@ const Zo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox:
   {
     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(Qo, { 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 ? On : t ?? $n }, children: [
-      /* @__PURE__ */ n(ea, { flex: 0, children: /* @__PURE__ */ n(H, { width: 24, height: 8 }) }),
-      /* @__PURE__ */ n(ta, { flex: 1, children: /* @__PURE__ */ n(Zo, { preserveAspectRatio: "none" }) }),
-      /* @__PURE__ */ w(na, { flex: 0, children: [
+    chart: /* @__PURE__ */ w(ea, { style: { height: e ? On : t ?? $n }, children: [
+      /* @__PURE__ */ n(ta, { flex: 0, children: /* @__PURE__ */ n(H, { width: 24, height: 8 }) }),
+      /* @__PURE__ */ n(na, { flex: 1, children: /* @__PURE__ */ n(Jo, { preserveAspectRatio: "none" }) }),
+      /* @__PURE__ */ w(ia, { 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(ra, { children: [
       /* @__PURE__ */ w(qt, { children: [
         /* @__PURE__ */ n(H, { width: 8, height: 8 }),
         /* @__PURE__ */ n(H, { width: 48, height: 8 })
@@ -3560,7 +3560,7 @@ const Zo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox:
     ] }))
   }
 ), Fn = (e) => e, Nn = [];
-function cs({
+function ds({
   data: e = Nn,
   categories: t,
   stepSize: i,
@@ -3609,7 +3609,7 @@ function cs({
     [b, f, e]
   );
   return E ? /* @__PURE__ */ n(
-    ra,
+    oa,
     {
       fitHeight: p,
       height: u,
@@ -3617,7 +3617,7 @@ function cs({
       showLegend: P
     }
   ) : /* @__PURE__ */ n(
-    Eo,
+    Lo,
     {
       isPlaying: C,
       onPlay: x,
@@ -3628,7 +3628,7 @@ function cs({
       onTimeWindowUpdate: N,
       intl: G,
       children: /* @__PURE__ */ n(
-        oa,
+        aa,
         {
           data: e,
           categories: t,
@@ -3655,7 +3655,7 @@ function cs({
     }
   );
 }
-function oa({
+function aa({
   data: e = Nn,
   categories: t,
   stepSize: i,
@@ -3693,7 +3693,7 @@ function oa({
     const Y = {}, K = t ? t.map((de) => ({
       name: de,
       data: [],
-      color: Pi(de, {
+      color: $i(de, {
         palette: f,
         fallbackColor: x,
         colorMapping: Y
@@ -3762,9 +3762,9 @@ function oa({
     {
       fitHeight: p,
       header: q,
-      controls: g && c && /* @__PURE__ */ n(Fo, { data: e, stepSize: i }),
+      controls: g && c && /* @__PURE__ */ n(No, { data: e, stepSize: i }),
       chart: /* @__PURE__ */ n(
-        Oo,
+        Wo,
         {
           chartType: o,
           timeAxisSplitNumber: a,
@@ -3800,15 +3800,15 @@ function oa({
     }
   );
 }
-const aa = m("div")(({ theme: e }) => ({
+const la = m("div")(({ theme: e }) => ({
   padding: e.spacing(2, 0),
   ...e.typography.body2
-})), la = m(S)(({ theme: e }) => ({
+})), sa = m(S)(({ theme: e }) => ({
   overflow: "auto",
   maxHeight: e.spacing(40),
   paddingRight: e.spacing(1),
   margin: e.spacing(0.5, 0)
-})), sa = m(S)(({ theme: e }) => ({
+})), ca = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   flexWrap: "wrap",
@@ -3826,11 +3826,11 @@ const aa = m("div")(({ theme: e }) => ({
   height: e.spacing(1),
   borderRadius: e.spacing(1),
   backgroundColor: t
-})), ca = m(S)(({ theme: e }) => ({
+})), da = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(2)
-})), da = m("div")(({ theme: e }) => ({
+})), ua = m("div")(({ theme: e }) => ({
   height: e.spacing(0.5),
   width: "100%",
   borderRadius: e.spacing(0.5),
@@ -3861,14 +3861,14 @@ const aa = m("div")(({ theme: e }) => ({
   "& a": {
     cursor: "pointer"
   }
-})), ua = m(ue)(({ theme: e }) => ({
+})), pa = m(ue)(({ theme: e }) => ({
   ".MuiTooltip-tooltip": {
     color: e.palette.common.white,
     maxWidth: 260,
     marginBottom: 0,
     overflow: "hidden"
   }
-})), pa = m(ot)(({ theme: e }) => ({
+})), ga = m(ot)(({ theme: e }) => ({
   marginTop: e.spacing(-0.5)
 }));
 m(S)(() => ({
@@ -3876,7 +3876,7 @@ m(S)(() => ({
   flexWrap: "nowrap",
   justifyContent: "space-between"
 }));
-const ga = m("div", {
+const ha = m("div", {
   shouldForwardProp: (e) => e !== "filterable"
 })(({ filterable: e }) => ({
   "& .progressbar div": {
@@ -3888,18 +3888,18 @@ const ga = m("div", {
       backgroundColor: "var(--hover-color)"
     }
   }
-})), ha = m(S)(({ theme: e }) => ({
+})), fa = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   flexWrap: "nowrap",
   overflow: "hidden",
   gap: e.spacing(1)
-})), fa = m(S)(({ theme: e }) => ({
+})), ma = m(S)(({ theme: e }) => ({
   padding: e.spacing(0.5, 0),
   flexGrow: "1",
   maxWidth: "100%",
   minWidth: 0
-})), ma = m(S, {
+})), ya = m(S, {
   shouldForwardProp: (e) => e !== "backgroundColor"
 })(({ theme: e, backgroundColor: t }) => ({
   marginLeft: e.spacing(1),
@@ -3908,7 +3908,7 @@ const ga = m("div", {
   color: "white",
   borderRadius: e.spacing(2)
 }));
-function ya(e, t, i, r, o) {
+function va(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, y = e.map((g, f) => {
       var v;
@@ -3928,29 +3928,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 wa = 500;
+function xa(e, t = {}) {
   const { disabled: i, duration: r, animateOnMount: o, initialValue: a = 0 } = t, l = re(null), [d, s] = _(
     () => o ? a : e
   );
   return U(() => (i ? s(e) : gt({
     start: d,
     end: e,
-    duration: r ?? va,
+    duration: r ?? wa,
     drawFrame: (u) => s(u),
     requestRef: l
   }), () => {
     l.current && cancelAnimationFrame(l.current);
   }), [e, i, r]), d;
 }
-const xa = {};
+const ba = {};
 function zn({
   enabled: e = !0,
   value: t = 0,
-  options: i = xa,
+  options: i = ba,
   formatter: r
 }) {
-  const a = wa(t || 0, {
+  const a = xa(t || 0, {
     ...{
       animateOnMount: !0,
       disabled: e === !1 || t === null || t === void 0
@@ -3959,12 +3959,12 @@ function zn({
   });
   return /* @__PURE__ */ n("span", { children: r ? r(a) : a });
 }
-const mt = (e) => e, ba = () => {
-}, ka = [];
-function Sa({
+const mt = (e) => e, ka = () => {
+}, Sa = [];
+function Ma({
   item: e,
   index: t = 0,
-  names: i = ka,
+  names: i = Sa,
   formatter: r = mt
 }) {
   const o = le(), 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;
@@ -3979,14 +3979,14 @@ function Sa({
       ),
       /* @__PURE__ */ n(De, { color: "inherit", variant: "caption", children: d }),
       /* @__PURE__ */ n(S, { style: { flexGrow: 1 } }),
-      /* @__PURE__ */ n(ma, { backgroundColor: c, children: /* @__PURE__ */ w(De, { color: "inherit", variant: "caption", children: [
+      /* @__PURE__ */ n(ya, { backgroundColor: c, children: /* @__PURE__ */ w(De, { color: "inherit", variant: "caption", children: [
         u,
         r(Math.abs(s))
       ] }) })
     ] }) })
   ] });
 }
-function Ma({
+function Ia({
   item: e,
   animation: t = !0,
   animationOptions: i,
@@ -3995,7 +3995,7 @@ function Ma({
   checkboxChecked: a,
   formatter: l = mt,
   tooltipFormatter: d = mt,
-  onClick: s = ba,
+  onClick: s = ka,
   names: u,
   tooltip: p
 }) {
@@ -4003,7 +4003,7 @@ function Ma({
     return `${Math.min(100, (g || 0) / r * 100)}%`;
   }
   const y = (g) => /* @__PURE__ */ n(
-    Sa,
+    Ma,
     {
       item: e,
       names: u,
@@ -4011,19 +4011,19 @@ function Ma({
       index: g
     }
   );
-  return /* @__PURE__ */ w(ha, { onClick: () => s(e.key), children: [
+  return /* @__PURE__ */ w(fa, { onClick: () => s(e.key), children: [
     o ? /* @__PURE__ */ n(ln, { checked: a }) : null,
-    /* @__PURE__ */ w(fa, { children: [
+    /* @__PURE__ */ w(ma, { children: [
       /* @__PURE__ */ n(De, { variant: "body2", noWrap: !0, children: e.label }),
       e.data.map((g, f) => /* @__PURE__ */ n(
-        ua,
+        pa,
         {
           title: y(f),
           placement: "top-start",
           arrow: !1,
           disableHoverListener: !p,
-          children: /* @__PURE__ */ w(ca, { children: [
-            /* @__PURE__ */ n(da, { className: "progressbar", children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ w(da, { children: [
+            /* @__PURE__ */ n(ua, { className: "progressbar", children: /* @__PURE__ */ n(
               "div",
               {
                 style: {
@@ -4056,9 +4056,9 @@ function Ma({
     ] })
   ] });
 }
-const Kt = (e) => e, Ia = () => {
+const Kt = (e) => e, Ca = () => {
 }, ze = [];
-function ds({
+function us({
   names: e = ze,
   data: t = ze,
   labels: i = ze,
@@ -4070,7 +4070,7 @@ function ds({
   searchable: s = !0,
   filterable: u = !0,
   selectedCategories: p = ze,
-  onSelectedCategoriesChange: c = Ia,
+  onSelectedCategoriesChange: c = Ca,
   formatter: y = Kt,
   tooltipFormatter: g = Kt,
   tooltip: f = !0,
@@ -4082,7 +4082,7 @@ function ds({
       h.palette.primary.main,
       h.palette.info.main
     ];
-    return ya(
+    return va(
       t,
       V,
       i,
@@ -4146,7 +4146,7 @@ function ds({
     pe.length === P.length && (pe = []), A(pe);
   }
   const we = u ? b ? ve : de : void 0;
-  return /* @__PURE__ */ w(aa, { children: [
+  return /* @__PURE__ */ w(la, { children: [
     u ? /* @__PURE__ */ w(Xt, { center: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", children: p.length > 0 ? $.formatMessage(
         { id: "c4r.widgets.category.selectedItems" },
@@ -4175,7 +4175,7 @@ function ds({
       ) : null })
     ] }) : null,
     b ? /* @__PURE__ */ n(Xt, { children: /* @__PURE__ */ n(
-      pa,
+      ga,
       {
         size: "small",
         placeholder: $.formatMessage({
@@ -4188,7 +4188,7 @@ function ds({
         }
       }
     ) }) : null,
-    /* @__PURE__ */ w(la, { children: [
+    /* @__PURE__ */ w(sa, { children: [
       R.length === 0 ? /* @__PURE__ */ w(ie, { children: [
         /* @__PURE__ */ n(z, { variant: "body2", children: $.formatMessage({
           id: "c4r.widgets.category.noResults"
@@ -4198,8 +4198,8 @@ function ds({
           { searchValue: T }
         ) })
       ] }) : null,
-      R.map((V) => /* @__PURE__ */ n(ga, { children: /* @__PURE__ */ n(
-        Ma,
+      R.map((V) => /* @__PURE__ */ n(ha, { children: /* @__PURE__ */ n(
+        Ia,
         {
           item: V,
           animation: l,
@@ -4229,42 +4229,42 @@ function ds({
       }
     ) : null,
     b ? /* @__PURE__ */ n(Pe, { size: "small", color: "primary", onClick: K, children: $.formatMessage({ id: "c4r.widgets.category.cancel" }) }) : null,
-    /* @__PURE__ */ n(sa, { children: e.map((V, ee) => /* @__PURE__ */ w(Bn, { children: [
+    /* @__PURE__ */ n(ca, { children: e.map((V, ee) => /* @__PURE__ */ w(Bn, { children: [
       /* @__PURE__ */ n(_n, { color: (r == null ? void 0 : r[ee]) ?? h.palette.background.default }),
       /* @__PURE__ */ n(z, { variant: "overline", children: V })
     ] }, e[ee])) })
   ] });
 }
-const Ca = m(z)(({ theme: e }) => ({
+const Ta = m(z)(({ theme: e }) => ({
   display: "inline-block",
   marginTop: e.spacing(0.5)
 }));
-function Ta({
+function Aa({
   row: e
 }) {
   const t = le();
-  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(Ta, { color: "inherit", variant: "caption", children: e.label }) }) : null;
 }
-const Aa = m("div")(({ theme: e }) => ({
+const Ea = m("div")(({ theme: e }) => ({
   margin: 0,
   ...e.typography.h5,
   fontWeight: Number(e.typography.fontWeightMedium),
   color: e.palette.text.primary,
   display: "flex"
-})), Ea = m(z)(({ theme: e }) => ({
-  marginRight: e.spacing(0.5)
 })), La = m(z)(({ theme: e }) => ({
+  marginRight: e.spacing(0.5)
+})), Da = m(z)(({ theme: e }) => ({
   marginLeft: e.spacing(0.5)
 }));
-function Da({
+function Pa({
   row: e,
   animated: t,
   animationOptions: i,
   formatter: r
 }) {
   const o = le(), { 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(Ea, { children: [
+    a ? /* @__PURE__ */ n(S, { color: o.palette.text.secondary, children: /* @__PURE__ */ n(La, { color: "inherit", component: "span", variant: "subtitle2", children: a }) }) : null,
     /* @__PURE__ */ n(S, { fontWeight: s ? "bold" : "", children: /* @__PURE__ */ n(
       zn,
       {
@@ -4274,26 +4274,26 @@ function Da({
         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(Da, { color: "inherit", component: "span", variant: "subtitle2", children: d }) }) : null
   ] });
 }
-const Pa = (e) => e, Zt = [], $a = m("div")(({ theme: e }) => ({
+const $a = (e) => e, Zt = [], Oa = m("div")(({ theme: e }) => ({
   "&:nth-of-type(n+2)": {
     marginTop: e.spacing(2)
   }
 }));
-function us({
+function ps({
   data: e = Zt,
   colors: t = Zt,
   animated: i = !0,
   animationOptions: r,
-  formatter: o = Pa,
+  formatter: o = $a,
   isLoading: a = !1
 }) {
-  const l = Oa(e, t);
-  return a ? /* @__PURE__ */ n(Cn, {}) : /* @__PURE__ */ n("div", { children: l.map((d, s) => /* @__PURE__ */ w($a, { children: [
+  const l = Wa(e, t);
+  return a ? /* @__PURE__ */ n(Cn, {}) : /* @__PURE__ */ n("div", { children: l.map((d, s) => /* @__PURE__ */ w(Oa, { children: [
     /* @__PURE__ */ n(
-      Da,
+      Pa,
       {
         row: d,
         animated: i,
@@ -4301,14 +4301,14 @@ function us({
         formatter: o
       }
     ),
-    /* @__PURE__ */ n(Ta, { row: d })
+    /* @__PURE__ */ n(Aa, { row: d })
   ] }, s)) });
 }
-function Oa(e, t) {
+function Wa(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 Ra(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 {
@@ -4319,7 +4319,7 @@ function Wa(e, t = [], i = [], r, o = []) {
     };
   });
 }
-function Ra(e, t, i) {
+function Fa(e, t, i) {
   const r = `
     font-size: 12px;
     line-height: 1.33;
@@ -4339,23 +4339,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 ps({
+const Na = (e) => e, Ba = () => {
+}, Ke = [], _a = "260px";
+function gs({
   names: e = Ke,
   data: t = Ke,
   labels: i = Ke,
   colors: r = Ke,
-  height: o = Ba,
+  height: o = _a,
   animation: a = !0,
-  formatter: l = Fa,
-  tooltipFormatter: d = Ra,
+  formatter: l = Na,
+  tooltipFormatter: d = Fa,
   selectedCategories: s = [],
-  onCategorySelected: u = Na,
+  onCategorySelected: u = Ba,
   isLoading: p = !1
 }) {
   const c = le(), y = re(), g = F(() => t.map(
-    (b, k) => Wa(b, r[k], i[k], c, s)
+    (b, k) => Ra(b, r[k], i[k], c, s)
   ), [t, r, i, c, s]), f = F(() => {
     const b = g.length > 1;
     let k;
@@ -4498,14 +4498,14 @@ function ps({
     }
   ) : null;
 }
-const _a = () => {
+const za = () => {
 };
-function za({
+function Ha({
   icon: e,
   hoverTooltip: t,
   clickTooltip: i,
   enabled: r,
-  onEnabledChange: o = _a,
+  onEnabledChange: o = za,
   tooltipPlacement: a = "bottom"
 }) {
   const [l, d] = _(!1), [s, u] = _(r);
@@ -4520,7 +4520,7 @@ function za({
         window.removeEventListener("keydown", c);
       };
     }
-  }, [r, o]), /* @__PURE__ */ n(oi, { onClickAway: () => u(!1), children: /* @__PURE__ */ n(
+  }, [r, o]), /* @__PURE__ */ n(ai, { onClickAway: () => u(!1), children: /* @__PURE__ */ n(
     ue,
     {
       title: s ? i : t,
@@ -4531,7 +4531,7 @@ function za({
         s || d(!1);
       },
       children: /* @__PURE__ */ n(
-        ai,
+        li,
         {
           value: "selectedMode",
           selected: r,
@@ -4542,31 +4542,31 @@ function za({
     }
   ) });
 }
-const Ha = m(fe, {
+const ja = m(fe, {
   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
-})), ja = m($e, {
+})), Ya = m($e, {
   shouldForwardProp: (e) => e !== "disabled"
 })(({ disabled: e, theme: t }) => ({
   ...e && {
     pointerEvents: "none",
     color: t.palette.text.disabled
   }
-})), Ya = m($e)(() => ({
+})), Va = m($e)(() => ({
   "&.Mui-disabled": {
     opacity: 1
   }
-})), Va = () => {
+})), Ga = () => {
 };
-function Ga({
+function Ua({
   selectionModes: e,
   editModes: t,
   selectedMode: i,
-  onSelectMode: r = Va,
+  onSelectMode: r = Ga,
   enabled: o,
   tooltipPlacement: a = "bottom",
   tooltipText: l = "",
@@ -4578,7 +4578,7 @@ function Ga({
   }, h = !!e.length && !!t.length, b = (M) => t.some((C) => C.id === M.id);
   function k(M) {
     return /* @__PURE__ */ n(
-      ja,
+      Ya,
       {
         selected: o && i === M.id,
         onClick: () => v(M.id),
@@ -4593,7 +4593,7 @@ function Ga({
   }
   return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(ue, { title: l, placement: a, children: /* @__PURE__ */ n(
-      Ha,
+      ja,
       {
         id: "feature-selection-menu-button",
         "aria-controls": "feature-selection-menu",
@@ -4601,7 +4601,7 @@ function Ga({
         "aria-expanded": y ? "true" : void 0,
         onClick: g,
         isOpen: y,
-        children: /* @__PURE__ */ n(Si, {})
+        children: /* @__PURE__ */ n(Mi, {})
       }
     ) }),
     /* @__PURE__ */ w(
@@ -4614,7 +4614,7 @@ function Ga({
         onClose: f,
         MenuListProps: { "aria-labelledby": "feature-selection-menu-button" },
         children: [
-          d && /* @__PURE__ */ n(Ya, { disabled: !0, children: /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: d }) }),
+          d && /* @__PURE__ */ n(Va, { disabled: !0, children: /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: d }) }),
           !!e.length && e.map(k),
           h && /* @__PURE__ */ n(vt, { sx: { margin: ({ spacing: M }) => M(1, 0) } }),
           !!t.length && t.map(k)
@@ -4623,7 +4623,7 @@ function Ga({
     )
   ] });
 }
-const Ua = m(ci)(({ theme: e }) => ({
+const qa = m(di)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   marginLeft: e.spacing(1.5),
@@ -4635,11 +4635,11 @@ const Ua = m(ci)(({ theme: e }) => ({
   "&::-webkit-scrollbar": {
     display: "none"
   }
-})), qa = () => {
+})), Xa = () => {
 };
-function Xa({
+function Ka({
   features: e,
-  onSelectGeometry: t = qa,
+  onSelectGeometry: t = Xa,
   onDeleteGeometry: i,
   chipTooltip: r,
   disabledChipTooltip: o,
@@ -4663,7 +4663,7 @@ function Xa({
     return d || ((b = f.properties) == null ? void 0 : b.name) || `${h} ${v + 1}`;
   }
   const [y, g] = _(!1);
-  return /* @__PURE__ */ n(S, { sx: { overflowX: "auto" }, children: /* @__PURE__ */ n(Ua, { sx: { gap: a === "small" ? 0.5 : 1 }, children: e.map((f, v) => {
+  return /* @__PURE__ */ n(S, { sx: { overflowX: "auto" }, children: /* @__PURE__ */ n(qa, { sx: { gap: a === "small" ? 0.5 : 1 }, children: e.map((f, v) => {
     var C, x;
     const h = (C = f.properties) == null ? void 0 : C.disabled, b = (x = f.properties) == null ? void 0 : x.invalid;
     let k = r;
@@ -4673,23 +4673,23 @@ function Xa({
       id: "c4r.widgets.featureSelection.remove"
     }));
     let M = "secondary";
-    return h && (M = "default"), b && (M = "error"), /* @__PURE__ */ n(li, { disablePadding: !0, children: /* @__PURE__ */ n(
+    return h && (M = "default"), b && (M = "error"), /* @__PURE__ */ n(si, { disablePadding: !0, children: /* @__PURE__ */ n(
       ue,
       {
         disableHoverListener: h ? !o : !r,
         title: k,
         placement: l,
         children: /* @__PURE__ */ n(
-          si,
+          ci,
           {
             size: a,
             label: c(f, v),
             color: M,
             onClick: () => t(f),
             onDelete: i ? () => i(f) : void 0,
-            icon: b ? /* @__PURE__ */ n(Mi, { color: "error" }) : void 0,
+            icon: b ? /* @__PURE__ */ n(Ii, { color: "error" }) : void 0,
             deleteIcon: /* @__PURE__ */ n(
-              Ii,
+              Ci,
               {
                 onMouseEnter: () => g(!0),
                 onMouseLeave: () => g(!1)
@@ -4701,16 +4701,16 @@ function Xa({
     ) }, v);
   }) }) });
 }
-const Ka = m(hn)(({ theme: e }) => ({
+const Za = m(hn)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   maxHeight: e.spacing(5),
   padding: e.spacing(0.5)
-})), Za = [];
-function gs({
+})), Ja = [];
+function hs({
   selectionModes: e,
-  editModes: t = Za,
+  editModes: t = Ja,
   selectedMode: i,
   onSelectMode: r,
   enabled: o = !1,
@@ -4756,9 +4756,9 @@ function gs({
   }) : g.formatMessage({
     id: "c4r.widgets.featureSelection.clickToCreate"
   });
-  return /* @__PURE__ */ w(Ka, { children: [
+  return /* @__PURE__ */ w(Za, { children: [
     /* @__PURE__ */ n(
-      za,
+      Ha,
       {
         icon: h == null ? void 0 : h.icon,
         hoverTooltip: k,
@@ -4769,7 +4769,7 @@ function gs({
       }
     ),
     /* @__PURE__ */ n(
-      Ga,
+      Ua,
       {
         selectionModes: f,
         editModes: v,
@@ -4787,7 +4787,7 @@ function gs({
       }
     ),
     !!l && /* @__PURE__ */ n(
-      Xa,
+      Ka,
       {
         features: [l],
         onSelectGeometry: d,
@@ -4808,7 +4808,7 @@ function gs({
 function Jt(e) {
   return e.charAt(0).toLowerCase() + e.slice(1);
 }
-const Hn = 240, Ja = m(hn, {
+const Hn = 240, Qa = m(hn, {
   shouldForwardProp: (e) => e !== "collapsed"
 })(({ theme: e, collapsed: t }) => ({
   width: t ? "min-content" : Hn,
@@ -4816,7 +4816,7 @@ const Hn = 240, Ja = m(hn, {
   maxHeight: "calc(100% - 120px)",
   display: "flex",
   flexDirection: "column"
-})), Qa = m("header", {
+})), el = m("header", {
   shouldForwardProp: (e) => e !== "collapsed"
 })(({ theme: e, collapsed: t }) => ({
   display: "flex",
@@ -4825,7 +4825,7 @@ const Hn = 240, Ja = m(hn, {
   padding: e.spacing(1),
   paddingLeft: e.spacing(2),
   borderBottom: t ? void 0 : `1px solid ${e.palette.divider}`
-})), el = m("header")(({ theme: e }) => ({
+})), tl = m("header")(({ theme: e }) => ({
   padding: e.spacing(1.5),
   paddingRight: e.spacing(2),
   gap: e.spacing(0.5),
@@ -4835,13 +4835,13 @@ const Hn = 240, Ja = m(hn, {
   zIndex: 2,
   top: 0,
   background: e.palette.background.paper
-})), tl = m("div")(({ theme: e }) => ({
+})), nl = m("div")(({ theme: e }) => ({
   display: "flex",
   gap: e.spacing(2),
   alignItems: "center",
   padding: e.spacing(1),
   minWidth: `calc(${Hn}px - ${e.spacing(4)})`
-})), nl = m(ot)(({ theme: e }) => ({
+})), il = m(ot)(({ theme: e }) => ({
   display: "flex",
   width: e.spacing(7.5),
   flexShrink: 0,
@@ -4849,7 +4849,7 @@ const Hn = 240, Ja = m(hn, {
     WebkitAppearance: "none",
     margin: 0
   }
-})), il = m("ul", {
+})), rl = m("ul", {
   shouldForwardProp: (e) => e !== "opacity"
 })(({ theme: e, opacity: t }) => ({
   opacity: t,
@@ -4864,10 +4864,10 @@ const Hn = 240, Ja = m(hn, {
   paddingBottom: e.spacing(1),
   display: "flex",
   flexDirection: "column"
-})), rl = m("li")(() => ({
+})), ol = m("li")(() => ({
   display: "flex",
   alignItems: "center"
-})), ol = m("div")(({ theme: e }) => ({
+})), al = m("div")(({ theme: e }) => ({
   marginRight: e.spacing(1.5),
   width: pt,
   height: pt,
@@ -4881,16 +4881,16 @@ const Hn = 240, Ja = m(hn, {
   width: e,
   overflow: "auto",
   maxHeight: `calc(100% - ${t.spacing(1.5)})`
-})), al = m("section")(({ theme: e }) => ({
+})), ll = m("section")(({ theme: e }) => ({
   "&:not(:first-of-type)": {
     borderTop: `1px solid ${e.palette.divider}`
   }
-})), ll = m("div")(() => ({
+})), sl = m("div")(() => ({
   flexGrow: 1,
   flexShrink: 1,
   minWidth: 0
 }));
-function sl({
+function cl({
   menuRef: e,
   open: t,
   toggleOpen: i,
@@ -4913,13 +4913,13 @@ function sl({
             size: "small",
             color: t ? "primary" : "default",
             onClick: () => i(!t),
-            children: /* @__PURE__ */ n(xi, {})
+            children: /* @__PURE__ */ n(bi, {})
           }
         )
       }
     ),
     /* @__PURE__ */ n(
-      di,
+      ui,
       {
         open: t,
         onClose: () => i(!1),
@@ -4937,7 +4937,7 @@ function sl({
             sx: { transform: "translate(-12px, 36px)" }
           }
         },
-        children: /* @__PURE__ */ w(tl, { children: [
+        children: /* @__PURE__ */ w(nl, { children: [
           /* @__PURE__ */ n(
             xt,
             {
@@ -4949,7 +4949,7 @@ function sl({
             }
           ),
           /* @__PURE__ */ n(
-            nl,
+            il,
             {
               size: "small",
               type: "number",
@@ -5005,7 +5005,7 @@ function Lt({
 }
 var Ie = /* @__PURE__ */ ((e) => (e.CATEGORY = "category", e.ICON = "icon", e.CONTINUOUS_RAMP = "continuous_ramp", e.BINS = "bins", e.PROPORTION = "proportion", e))(Ie || {});
 const ut = 20;
-function cl({
+function dl({
   legend: e
 }) {
   const {
@@ -5017,7 +5017,7 @@ function cl({
   } = e, l = vn(i, t.length), d = t.length > ut, s = se(), u = ce(s);
   return /* @__PURE__ */ w(ie, { children: [
     /* @__PURE__ */ n(jn, { "data-testid": "categories-legend", children: t.slice(0, ut).map((p, c) => /* @__PURE__ */ n(
-      gl,
+      hl,
       {
         label: String(p),
         color: l[c % l.length],
@@ -5046,7 +5046,7 @@ function cl({
     )
   ] });
 }
-const dl = ({
+const ul = ({
   isMax: e,
   color: t,
   isStrokeColor: i,
@@ -5065,7 +5065,7 @@ const dl = ({
     boxSizing: "content-box"
   },
   ...i ? { borderColor: t } : { backgroundColor: t }
-}), ul = ({
+}), pl = ({
   icon: e,
   color: t,
   maskedIcon: i
@@ -5082,7 +5082,7 @@ const dl = ({
     backgroundColor: "rgba(0,0,0,0)",
     backgroundImage: `url(${e})`
   }
-}), pl = m(S, {
+}), gl = m(S, {
   shouldForwardProp: (e) => e !== "icon" && e !== "maskedIcon" && e !== "color" && e !== "isStrokeColor"
 })(({ icon: e, maskedIcon: t, color: i, isStrokeColor: r, theme: o }) => ({
   whiteSpace: "nowrap",
@@ -5093,9 +5093,9 @@ const dl = ({
   borderRadius: "50%",
   position: "relative",
   border: "2px solid transparent",
-  ...e ? ul({ icon: e, color: i, maskedIcon: t }) : dl({ color: i, isStrokeColor: r, theme: o })
+  ...e ? pl({ icon: e, color: i, maskedIcon: t }) : ul({ color: i, isStrokeColor: r, theme: o })
 }));
-function gl({
+function hl({
   label: e,
   isStrokeColor: t,
   color: i = "#000",
@@ -5104,7 +5104,7 @@ function gl({
 }) {
   return /* @__PURE__ */ w(S, { component: "li", sx: { display: "flex", alignItems: "center" }, children: [
     /* @__PURE__ */ n(
-      pl,
+      gl,
       {
         className: "marker",
         mr: 1.5,
@@ -5130,7 +5130,7 @@ const Ze = 6, rt = {
   1: 9,
   2: 6,
   3: 3
-}, hl = m(S, {
+}, fl = m(S, {
   shouldForwardProp: (e) => e !== "index"
 })(({ index: e = 0, theme: t }) => {
   const i = t.spacing(rt[e]), r = t.spacing(rt[e]);
@@ -5144,20 +5144,20 @@ const Ze = 6, rt = {
     width: i,
     height: r
   };
-}), fl = m(S)(({ theme: { spacing: e } }) => ({
+}), ml = m(S)(({ theme: { spacing: e } }) => ({
   display: "flex",
   justifyContent: "flex-end",
   flexShrink: 0,
   position: "relative",
   width: e(rt[0]),
   height: e(rt[0])
-})), ml = m(S)(({ theme: { spacing: e } }) => ({
+})), yl = m(S)(({ theme: { spacing: e } }) => ({
   display: "flex",
   gap: e(1),
   alignItems: "stretch",
   justifyContent: "stretch",
   padding: e(2, 0)
-})), yl = m(S)(() => ({
+})), vl = m(S)(() => ({
   display: "flex",
   flexDirection: "column",
   justifyContent: "space-around",
@@ -5165,20 +5165,20 @@ const Ze = 6, rt = {
   flexGrow: 1,
   flexShrink: 1
 }));
-function vl({
+function wl({
   legend: e
 }) {
-  const t = se(), i = ce(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,
+  const t = se(), i = ce(t), r = e.showMinMax ?? !0, { min: o, max: a, error: l } = xl(e), [d, s] = l ? [0, 0] : bl(o, a);
+  return /* @__PURE__ */ w(yl, { "data-testid": "proportion-legend", children: [
+    /* @__PURE__ */ n(ml, { children: [...Array(4)].map((u, p) => /* @__PURE__ */ n(
+      fl,
       {
         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: [
+    /* @__PURE__ */ n(vl, { 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, {
@@ -5204,21 +5204,21 @@ function Yn({ 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 xl(e) {
   let t = !1;
   const [i, r] = Yn(e);
   return (Number.isNaN(i) || Number.isNaN(r)) && (t = !0), { min: i, max: r, error: t };
 }
-function xl(e, t) {
+function bl(e, t) {
   const i = (t - e) / 3;
   return [e + i, t - i];
 }
-function bl({
+function kl({
   legend: e
 }) {
   const { labels: t = [], icons: i = [] } = e;
-  return /* @__PURE__ */ n(jn, { "data-testid": "icon-legend", children: t.map((r, o) => /* @__PURE__ */ w(rl, { children: [
-    /* @__PURE__ */ n(ol, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(jn, { "data-testid": "icon-legend", children: t.map((r, o) => /* @__PURE__ */ w(ol, { children: [
+    /* @__PURE__ */ n(al, { children: /* @__PURE__ */ n(
       "img",
       {
         src: i[o],
@@ -5237,7 +5237,7 @@ function bl({
     )
   ] }, r)) });
 }
-function kl(e) {
+function Sl(e) {
   return typeof e[0] == "object" && "label" in e[0];
 }
 function en({
@@ -5247,17 +5247,17 @@ function en({
   const { labels: i = [], colors: r = [], showMinMax: o = !0 } = t, a = vn(
     r,
     !i.length || e ? 2 : i.length + 1
-  ), l = kl(i), d = l ? i.map(({ value: f }) => f) : i, s = l ? i.map(({ label: f }) => f) : i, [u, p] = Yn({ labels: d }), c = Number.isNaN(u) || Number.isNaN(p);
+  ), l = Sl(i), d = l ? i.map(({ value: f }) => f) : i, s = l ? i.map(({ label: f }) => f) : i, [u, p] = Yn({ labels: d }), c = Number.isNaN(u) || Number.isNaN(p);
   let y = s[s.length - 1], g = s[0];
   return !e && o && (g = "< " + g, y = "≥ " + y), /* @__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,
+      Ml,
       {
         "data-testid": "step-continuous",
         palette: a
       }
     ) : /* @__PURE__ */ n(
-      Il,
+      Cl,
       {
         palette: a,
         labels: s,
@@ -5271,7 +5271,7 @@ function en({
     ] })
   ] }) });
 }
-const Sl = m(S, {
+const Ml = m(S, {
   shouldForwardProp: (e) => e !== "palette"
 })(({ palette: e, theme: t }) => ({
   display: "block",
@@ -5279,7 +5279,7 @@ const Sl = m(S, {
   height: t.spacing(1),
   borderRadius: t.spacing(0.5),
   background: `linear-gradient(to right, ${e.join()})`
-})), Ml = m(S, {
+})), Il = m(S, {
   shouldForwardProp: (e) => e !== "color"
 })(({ color: e, theme: t }) => ({
   display: "block",
@@ -5293,7 +5293,7 @@ const Sl = m(S, {
     borderRadius: t.spacing(0, 0.5, 0.5, 0)
   }
 }));
-function Il({
+function Cl({
   labels: e = [],
   palette: t = [],
   max: i,
@@ -5302,17 +5302,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(ue, { title: d, children: /* @__PURE__ */ n(Ml, { "data-testid": "step-discontinuous", color: t[l] }) }, l);
+    return /* @__PURE__ */ n(ue, { title: d, children: /* @__PURE__ */ n(Il, { "data-testid": "step-discontinuous", color: t[l] }) }, l);
   }) });
 }
-const Cl = {
-  [Ie.CATEGORY]: cl,
-  [Ie.PROPORTION]: vl,
-  [Ie.ICON]: bl,
+const Tl = {
+  [Ie.CATEGORY]: dl,
+  [Ie.PROPORTION]: wl,
+  [Ie.ICON]: kl,
   [Ie.BINS]: (e) => /* @__PURE__ */ n(en, { ...e, isContinuous: !1 }),
   [Ie.CONTINUOUS_RAMP]: (e) => /* @__PURE__ */ n(en, { ...e, isContinuous: !0 })
 };
-function Tl({ legend: e }) {
+function Al({ legend: e }) {
   const t = se(), i = ce(t);
   return e.select || !e.type ? null : /* @__PURE__ */ w(z, { variant: "body2", color: "textSecondary", component: "p", children: [
     e.type,
@@ -5321,17 +5321,17 @@ function Tl({ legend: e }) {
     "."
   ] });
 }
-function Al(e) {
+function El(e) {
   return e.type === Ie.PROPORTION ? "c4r.widgets.legend.subtitles.proportion" : e.type === Ie.ICON || e.customMarkers ? "c4r.widgets.legend.subtitles.icon" : e.isStrokeColor ? "c4r.widgets.legend.subtitles.strokeColor" : "c4r.widgets.legend.subtitles.color";
 }
-function El({
+function Ll({
   layer: e,
   legend: t,
   customLegendTypes: i,
   onChangeSelection: r
 }) {
   var p;
-  const o = se(), a = ce(o), l = t.type, s = Cl[l] ?? i[l] ?? Tl, u = ((p = t.select) == null ? void 0 : p.options) ?? [];
+  const o = se(), a = ce(o), l = t.type, s = Tl[l] ?? i[l] ?? Al, 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(
@@ -5341,7 +5341,7 @@ function El({
           variant: "overlineDelicate",
           color: "textSecondary",
           component: "p",
-          children: a.formatMessage({ id: Al(t) })
+          children: a.formatMessage({ id: El(t) })
         }
       ),
       /* @__PURE__ */ n(z, { variant: "caption", component: "p", children: t.attr })
@@ -5349,7 +5349,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(
-        ui,
+        pi,
         {
           "data-testid": "legend-layer-variable-select",
           name: "legend-select",
@@ -5368,19 +5368,19 @@ function El({
               }
             }
           },
-          children: u.map((c) => /* @__PURE__ */ n($e, { value: c.value, children: /* @__PURE__ */ n(pi, { primary: c.label }) }, c.value))
+          children: u.map((c) => /* @__PURE__ */ n($e, { value: c.value, children: /* @__PURE__ */ n(gi, { primary: c.label }) }, c.value))
         }
       )
     ] }) : null,
     /* @__PURE__ */ n(s, { layer: e, legend: t })
   ] });
 }
-const Ll = {};
+const Dl = {};
 function Vn(e) {
   return e ? Array.isArray(e) ? e.every((t) => Vn(t)) : !e.select && !e.type : !0;
 }
 function tn({
-  customLegendTypes: e = Ll,
+  customLegendTypes: e = Dl,
   layer: t,
   onChangeCollapsed: i,
   onChangeOpacity: r,
@@ -5390,15 +5390,15 @@ function tn({
   minZoom: d = 0,
   currentZoom: s = 0
 }) {
-  const u = se(), p = ce(u), c = re(null), [y, g] = _(!1), f = t.id, v = t.title, h = t.visible ?? !0, b = t.switchable ?? !0, k = t.collapsed ?? !1, M = (t.collapsible ?? !0) && !Vn(t.legend), C = t.opacity ?? 1, x = t.showOpacityControl ?? !0, A = h && !k, T = A ? /* @__PURE__ */ n(fn, {}) : /* @__PURE__ */ n(mn, {}), O = (t == null ? void 0 : t.minZoom) !== void 0 || (t == null ? void 0 : t.maxZoom) !== void 0, L = t.minZoom ?? d, $ = t.maxZoom ?? l, P = O && (L > d || $ < l), W = s < L || s > $, J = Dl({
+  const u = se(), p = ce(u), c = re(null), [y, g] = _(!1), f = t.id, v = t.title, h = t.visible ?? !0, b = t.switchable ?? !0, k = t.collapsed ?? !1, M = (t.collapsible ?? !0) && !Vn(t.legend), C = t.opacity ?? 1, x = t.showOpacityControl ?? !0, A = h && !k, T = A ? /* @__PURE__ */ n(fn, {}) : /* @__PURE__ */ n(mn, {}), O = (t == null ? void 0 : t.minZoom) !== void 0 || (t == null ? void 0 : t.maxZoom) !== void 0, L = t.minZoom ?? d, $ = t.maxZoom ?? l, P = O && (L > d || $ < l), W = s < L || s > $, J = Pl({
     intl: p,
     minZoom: d,
     maxZoom: l,
     layerMinZoom: L,
     layerMaxZoom: $
   }), G = t.helperText ?? (P ? J : ""), E = 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": v, children: [
-    /* @__PURE__ */ w(el, { ref: c, children: [
+  return t.legend ? /* @__PURE__ */ w(ll, { "data-testid": "legend-layer", "aria-label": v, children: [
+    /* @__PURE__ */ w(tl, { ref: c, children: [
       M && /* @__PURE__ */ n(
         fe,
         {
@@ -5411,7 +5411,7 @@ function tn({
           children: T
         }
       ),
-      /* @__PURE__ */ w(ll, { children: [
+      /* @__PURE__ */ w(sl, { children: [
         /* @__PURE__ */ n(Lt, { visible: h, title: v ?? "" }),
         P && /* @__PURE__ */ n(
           ue,
@@ -5440,7 +5440,7 @@ function tn({
         )
       ] }),
       x && h && !k && /* @__PURE__ */ n(
-        sl,
+        cl,
         {
           menuRef: c,
           open: y,
@@ -5464,7 +5464,7 @@ function tn({
                 collapsed: h ? k : !1,
                 visible: !h
               }),
-              children: h ? /* @__PURE__ */ n(Ci, {}) : /* @__PURE__ */ n(Ti, {})
+              children: h ? /* @__PURE__ */ n(Ti, {}) : /* @__PURE__ */ n(Ai, {})
             }
           )
         }
@@ -5472,12 +5472,12 @@ function tn({
     ] }),
     /* @__PURE__ */ w(St, { unmountOnExit: !0, timeout: 100, in: A, children: [
       /* @__PURE__ */ n(
-        il,
+        rl,
         {
           "data-testid": "legend-layer-variable-list",
           opacity: W ? 0.5 : 1,
           children: E.map((N, I) => /* @__PURE__ */ n(
-            El,
+            Ll,
             {
               legend: N,
               layer: t,
@@ -5501,7 +5501,7 @@ function tn({
     ] })
   ] }) : null;
 }
-function Dl({
+function Pl({
   intl: e,
   minZoom: t,
   maxZoom: i,
@@ -5513,11 +5513,11 @@ function Dl({
   }), 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 Pl = {}, He = () => {
-}, $l = [];
-function hs({
-  customLegendTypes: e = Pl,
-  layers: t = $l,
+const $l = {}, He = () => {
+}, Ol = [];
+function fs({
+  customLegendTypes: e = $l,
+  layers: t = Ol,
   collapsed: i = !1,
   onChangeCollapsed: r = He,
   onChangeVisibility: o = He,
@@ -5531,26 +5531,26 @@ function hs({
   isMobile: y,
   sx: g
 }) {
-  const f = se(), v = ce(f), h = /* @__PURE__ */ w(Qa, { collapsed: i, children: [
+  const f = se(), v = ce(f), h = /* @__PURE__ */ w(el, { collapsed: i, children: [
     /* @__PURE__ */ n(z, { variant: "caption", flexGrow: 1, children: s }),
     /* @__PURE__ */ n(
       ue,
       {
         title: v.formatMessage({ id: "c4r.widgets.legend.close" }),
-        children: /* @__PURE__ */ n(fe, { size: "small", onClick: () => r(!0), children: /* @__PURE__ */ n(Ai, {}) })
+        children: /* @__PURE__ */ n(fe, { size: "small", onClick: () => r(!0), children: /* @__PURE__ */ n(Ei, {}) })
       }
     )
   ] }), b = /* @__PURE__ */ n(
     ue,
     {
       title: v.formatMessage({ id: "c4r.widgets.legend.open" }),
-      children: /* @__PURE__ */ n(fe, { "aria-label": s, onClick: () => r(!1), children: /* @__PURE__ */ n(Ei, {}) })
+      children: /* @__PURE__ */ n(fe, { "aria-label": s, onClick: () => r(!1), children: /* @__PURE__ */ n(Li, {}) })
     }
   );
-  return /* @__PURE__ */ n(Ja, { sx: g, elevation: 3, collapsed: i || !!y, children: y ? /* @__PURE__ */ w(ie, { children: [
+  return /* @__PURE__ */ n(Qa, { sx: g, elevation: 3, collapsed: i || !!y, children: y ? /* @__PURE__ */ w(ie, { children: [
     b,
     /* @__PURE__ */ w(
-      gi,
+      hi,
       {
         anchor: "bottom",
         open: !i,
@@ -5609,31 +5609,31 @@ function nn({
     }
   ) }) : /* @__PURE__ */ n(S, { mt: -1 });
 }
-function fs({
+function ms({
   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(Di, { title: e, severity: i, ...r, children: /* @__PURE__ */ n(nn, { children: t }) }) : /* @__PURE__ */ w(S, { ...r, children: [
+  return i ? /* @__PURE__ */ n(Pi, { title: e, severity: i, ...r, children: /* @__PURE__ */ n(nn, { children: t }) }) : /* @__PURE__ */ w(S, { ...r, children: [
     e && /* @__PURE__ */ n(z, { variant: "body2", children: e }),
     /* @__PURE__ */ n(nn, { color: "textSecondary", children: t })
   ] });
 }
-const Ol = m(S, {
+const Wl = m(S, {
   shouldForwardProp: (e) => e !== "margin"
 })(({ theme: e, margin: t }) => ({
   margin: 0,
   position: "relative",
   maxWidth: "100%",
   padding: t ?? e.spacing(2, 2.5)
-})), Wl = m(fi)(({ theme: e }) => ({
+})), Rl = m(mi)(({ theme: e }) => ({
   position: "absolute",
   top: 0,
   left: 0,
   width: "100%",
   height: e.spacing(0.25)
-})), Rl = m(ae, {
+})), Fl = m(ae, {
   shouldForwardProp: (e) => e !== "expanded"
 })(({ theme: e, expanded: t = !0 }) => ({
   display: "flex",
@@ -5643,7 +5643,7 @@ const Ol = m(S, {
   width: "100%",
   ...t ? { minHeight: e.spacing(3) } : { height: e.spacing(3) },
   padding: 0
-})), Fl = m(Pe, {
+})), Nl = m(Pe, {
   shouldForwardProp: (e) => e !== "expandable"
 })(({ theme: e, expandable: t = !0 }) => ({
   flex: 1,
@@ -5668,7 +5668,7 @@ const Ol = m(S, {
   width: e.spacing(3),
   height: e.spacing(3),
   color: e.palette.text.secondary
-}), Nl = m(fn)(({ theme: e }) => Gn({ theme: e })), Bl = m(mn)(({ theme: e }) => Gn({ theme: e })), _l = m(De, {
+}), Bl = m(fn)(({ theme: e }) => Gn({ theme: e })), _l = m(mn)(({ theme: e }) => Gn({ theme: e })), zl = m(De, {
   shouldForwardProp: (e) => e !== "expanded"
 })(({ expanded: e = !0 }) => ({
   wordBreak: "break-word",
@@ -5682,7 +5682,7 @@ const Ol = m(S, {
     whiteSpace: "nowrap",
     textOverflow: "ellipsis"
   }
-})), zl = m(ae)(({ theme: e }) => ({
+})), Hl = m(ae)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(1),
@@ -5690,18 +5690,18 @@ const Ol = m(S, {
   marginLeft: e.spacing(1)
 })), rn = m(fe)(({ theme: e }) => ({
   color: e.palette.text.secondary
-})), Hl = m(kt)(({ theme: e }) => ({
+})), jl = m(kt)(({ theme: e }) => ({
   ".MuiPaper-root": {
     marginTop: e.spacing(5),
     maxHeight: e.spacing(21),
     minWidth: e.spacing(16)
   }
-})), on = [], jl = /* @__PURE__ */ n(Li, {});
-function ms({
+})), on = [], Yl = /* @__PURE__ */ n(Di, {});
+function ys({
   title: e,
   actions: t = on,
   options: i = on,
-  optionsIcon: r = jl,
+  optionsIcon: r = Yl,
   children: o,
   contentProps: a,
   disabled: l = !1,
@@ -5713,7 +5713,7 @@ function ms({
   isLoading: y = !1,
   margin: g
 }) {
-  const f = ti(), [v, h] = _(!0), b = s !== void 0 && u !== void 0, k = d !== !1 ? b ? s : v : !0, M = b ? u : h, [C, x] = _(null), A = !!C, T = () => {
+  const f = ni(), [v, h] = _(!0), b = s !== void 0 && u !== void 0, k = d !== !1 ? b ? s : v : !0, M = b ? u : h, [C, x] = _(null), A = !!C, T = () => {
     d && M(!k);
   }, O = (W) => x(W.currentTarget), L = () => x(null);
   function $(W) {
@@ -5729,20 +5729,20 @@ function ms({
     },
     W.id
   );
-  return l ? o ? /* @__PURE__ */ n(ie, { children: o }) : null : /* @__PURE__ */ w(Ol, { margin: g, component: "section", "aria-label": e, children: [
-    y ? /* @__PURE__ */ n(Wl, {}) : null,
-    /* @__PURE__ */ w(Rl, { container: !0, expanded: s, children: [
+  return l ? o ? /* @__PURE__ */ n(ie, { children: o }) : null : /* @__PURE__ */ w(Wl, { margin: g, component: "section", "aria-label": e, children: [
+    y ? /* @__PURE__ */ n(Rl, {}) : null,
+    /* @__PURE__ */ w(Fl, { container: !0, expanded: s, children: [
       /* @__PURE__ */ n(
-        Fl,
+        Nl,
         {
           expandable: d,
-          startIcon: d && /* @__PURE__ */ n(hi, { children: k ? /* @__PURE__ */ n(Nl, {}) : /* @__PURE__ */ n(Bl, {}) }),
+          startIcon: d && /* @__PURE__ */ n(fi, { children: k ? /* @__PURE__ */ n(Bl, {}) : /* @__PURE__ */ n(_l, {}) }),
           onClick: T,
           tabIndex: d ? 0 : -1,
-          children: /* @__PURE__ */ n(ue, { title: e, children: /* @__PURE__ */ n(_l, { expanded: s, align: "left", variant: "subtitle1", children: e }) })
+          children: /* @__PURE__ */ n(ue, { title: e, children: /* @__PURE__ */ n(zl, { expanded: s, align: "left", variant: "subtitle1", children: e }) })
         }
       ),
-      /* @__PURE__ */ w(zl, { item: !0, children: [
+      /* @__PURE__ */ w(Hl, { item: !0, children: [
         c,
         t.length > 0 && t.map((W) => W.tooltip ? /* @__PURE__ */ n(
           ue,
@@ -5766,7 +5766,7 @@ function ms({
             }
           ),
           /* @__PURE__ */ n(
-            Hl,
+            jl,
             {
               id: "options-menu",
               elevation: 8,
@@ -5803,33 +5803,33 @@ function ms({
   ] });
 }
 export {
-  ts as BarWidgetUI,
-  ns as CategoryWidgetUI,
-  ds as ComparativeCategoryWidgetUI,
-  us as ComparativeFormulaWidgetUI,
-  ps as ComparativePieWidgetUI,
-  Ga as FeatureSelectionUIDropdown,
-  Xa as FeatureSelectionUIGeometryChips,
-  za as FeatureSelectionUIToggleButton,
-  gs as FeatureSelectionWidgetUI,
-  is as FormulaWidgetUI,
+  ns as BarWidgetUI,
+  is as CategoryWidgetUI,
+  us as ComparativeCategoryWidgetUI,
+  ps as ComparativeFormulaWidgetUI,
+  gs as ComparativePieWidgetUI,
+  Ua as FeatureSelectionUIDropdown,
+  Ka as FeatureSelectionUIGeometryChips,
+  Ha as FeatureSelectionUIToggleButton,
+  hs as FeatureSelectionWidgetUI,
+  rs as FormulaWidgetUI,
   Se as GroupDateTypes,
-  rs as HistogramWidgetUI,
+  os as HistogramWidgetUI,
   Ie as LEGEND_TYPES,
-  cl as LegendCategories,
-  bl as LegendIcon,
-  vl as LegendProportion,
+  dl as LegendCategories,
+  kl as LegendIcon,
+  wl as LegendProportion,
   en as LegendRamp,
-  hs as LegendWidgetUI,
-  fs as NoDataAlert,
-  os as PieWidgetUI,
-  as as RangeWidgetUI,
-  ls as ScatterPlotWidgetUI,
+  fs as LegendWidgetUI,
+  ms as NoDataAlert,
+  as as PieWidgetUI,
+  ls as RangeWidgetUI,
+  ss as ScatterPlotWidgetUI,
   It as TIME_SERIES_CHART_TYPES,
-  ss as TableWidgetUI,
-  Eo as TimeSeriesProvider,
-  cs as TimeSeriesWidgetUI,
-  ms as WrapperWidgetUI,
+  cs as TableWidgetUI,
+  Lo as TimeSeriesProvider,
+  ds as TimeSeriesWidgetUI,
+  ys as WrapperWidgetUI,
   Et as useTimeSeriesContext,
-  Lo as useTimeSeriesInteractivity
+  Do as useTimeSeriesInteractivity
 };