@carto/ps-react-ui 4.2.2 → 4.2.4

package/dist/components.js

@@ -1,15 +1,15 @@
-import { jsx as l, jsxs as L, Fragment as z } from "react/jsx-runtime";
+import { jsx as l, jsxs as I, Fragment as K } from "react/jsx-runtime";
 import { c as E } from "react/compiler-runtime";
-import { ArrowDropDown as Pe, MoreVertOutlined as ze, Close as Be, MyLocationOutlined as Ne, LocationDisabledOutlined as Fe, CropFreeOutlined as He, AddOutlined as Xe, RemoveOutlined as qe } from "@mui/icons-material";
-import { Tooltip as Ke, Chip as Ye, Paper as ye, IconButton as se, Menu as $e, Box as X, Divider as ae, MenuItem as ge, ListItemIcon as je, SvgIcon as _e, ListItemText as be, ToggleButton as ve, Typography as Y, ToggleButtonGroup as Ze, Button as we, alpha as Qe, Dialog as Je, DialogTitle as et, DialogContent as tt, FormControl as ot, RadioGroup as lt, FormControlLabel as nt, Radio as it, DialogActions as rt, CircularProgress as st, Grid as me, Skeleton as Se, Alert as at, ListItem as ct, List as dt, Drawer as ut, Popover as ht, useTheme as pt, useMediaQuery as ft } from "@mui/material";
-import { useState as ne, useMemo as Ce, useRef as Oe, useEffect as De, useLayoutEffect as mt } from "react";
+import { ArrowDropDown as $e, MoreVertOutlined as Fe, Close as je, MyLocationOutlined as He, LocationDisabledOutlined as Xe, CropFreeOutlined as qe, AddOutlined as Ie, RemoveOutlined as Le } from "@mui/icons-material";
+import { Tooltip as Ke, Chip as Ye, Paper as ye, IconButton as se, Menu as Ze, Box as Y, Divider as ae, MenuItem as ge, ListItemIcon as Ve, SvgIcon as _e, ListItemText as be, ToggleButton as ve, Typography as J, ToggleButtonGroup as Ue, Button as we, alpha as Qe, Dialog as Je, DialogTitle as et, DialogContent as tt, FormControl as ot, RadioGroup as lt, FormControlLabel as nt, Radio as it, DialogActions as rt, CircularProgress as st, Grid as me, Skeleton as Se, Alert as at, ListItem as ct, List as dt, Drawer as ut, Popover as pt, useTheme as ft, useMediaQuery as ht } from "@mui/material";
+import { useState as ie, useMemo as Ce, useRef as Oe, useEffect as De, useLayoutEffect as mt } from "react";
 function gt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Te, Ie;
+var Te, ke;
 function bt() {
-  if (Ie) return Te;
-  Ie = 1;
+  if (ke) return Te;
+  ke = 1;
   var t = function(m) {
     return e(m) && !n(m);
   };
@@ -28,63 +28,63 @@ function bt() {
     return Array.isArray(d) ? [] : {};
   }
   function s(d, m) {
-    return m.clone !== !1 && m.isMergeableObject(d) ? b(r(d), d, m) : d;
+    return m.clone !== !1 && m.isMergeableObject(d) ? v(r(d), d, m) : d;
   }
-  function c(d, m, g) {
+  function c(d, m, b) {
     return d.concat(m).map(function(C) {
-      return s(C, g);
+      return s(C, b);
     });
   }
   function u(d, m) {
     if (!m.customMerge)
-      return b;
-    var g = m.customMerge(d);
-    return typeof g == "function" ? g : b;
+      return v;
+    var b = m.customMerge(d);
+    return typeof b == "function" ? b : v;
   }
   function p(d) {
     return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(d).filter(function(m) {
       return Object.propertyIsEnumerable.call(d, m);
     }) : [];
   }
-  function h(d) {
+  function f(d) {
     return Object.keys(d).concat(p(d));
   }
-  function f(d, m) {
+  function h(d, m) {
     try {
       return m in d;
     } catch {
       return !1;
     }
   }
-  function v(d, m) {
-    return f(d, m) && !(Object.hasOwnProperty.call(d, m) && Object.propertyIsEnumerable.call(d, m));
+  function g(d, m) {
+    return h(d, m) && !(Object.hasOwnProperty.call(d, m) && Object.propertyIsEnumerable.call(d, m));
   }
-  function y(d, m, g) {
+  function y(d, m, b) {
     var C = {};
-    return g.isMergeableObject(d) && h(d).forEach(function(w) {
-      C[w] = s(d[w], g);
-    }), h(m).forEach(function(w) {
-      v(d, w) || (f(d, w) && g.isMergeableObject(m[w]) ? C[w] = u(w, g)(d[w], m[w], g) : C[w] = s(m[w], g));
+    return b.isMergeableObject(d) && f(d).forEach(function(w) {
+      C[w] = s(d[w], b);
+    }), f(m).forEach(function(w) {
+      g(d, w) || (h(d, w) && b.isMergeableObject(m[w]) ? C[w] = u(w, b)(d[w], m[w], b) : C[w] = s(m[w], b));
     }), C;
   }
-  function b(d, m, g) {
-    g = g || {}, g.arrayMerge = g.arrayMerge || c, g.isMergeableObject = g.isMergeableObject || t, g.cloneUnlessOtherwiseSpecified = s;
+  function v(d, m, b) {
+    b = b || {}, b.arrayMerge = b.arrayMerge || c, b.isMergeableObject = b.isMergeableObject || t, b.cloneUnlessOtherwiseSpecified = s;
     var C = Array.isArray(m), w = Array.isArray(d), _ = C === w;
-    return _ ? C ? g.arrayMerge(d, m, g) : y(d, m, g) : s(m, g);
+    return _ ? C ? b.arrayMerge(d, m, b) : y(d, m, b) : s(m, b);
   }
-  b.all = function(m, g) {
+  v.all = function(m, b) {
     if (!Array.isArray(m))
       throw new Error("first argument should be an array");
     return m.reduce(function(C, w) {
-      return b(C, w, g);
+      return v(C, w, b);
     }, {});
   };
-  var x = b;
+  var x = v;
   return Te = x, Te;
 }
 var vt = bt();
 const xe = /* @__PURE__ */ gt(vt);
-let Ve = 500;
+let We = 500;
 function de(t) {
   const e = E(10);
   let n, o, i, a;
@@ -94,12 +94,12 @@ function de(t) {
     enterNextDelay: i,
     ...o
   } = t, e[0] = t, e[1] = n, e[2] = o, e[3] = i, e[4] = a) : (n = e[1], o = e[2], i = e[3], a = e[4]);
-  const r = i === void 0 ? Ve : i;
+  const r = i === void 0 ? We : i;
   let s;
   return e[5] !== n || e[6] !== r || e[7] !== o || e[8] !== a ? (s = /* @__PURE__ */ l(Ke, { title: a, enterNextDelay: r, ...o, children: n }), e[5] = n, e[6] = r, e[7] = o, e[8] = a, e[9] = s) : s = e[9], s;
 }
 function uo(t) {
-  Ve = t;
+  We = t;
 }
 function yt(t) {
   const e = E(3);
@@ -136,7 +136,7 @@ function Mt(t) {
   let o;
   return e[1] !== t ? (o = /* @__PURE__ */ l("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: n }), e[1] = t, e[2] = o) : o = e[2], o;
 }
-const K = {
+const Q = {
   action: {
     tooltip: {
       active: "Click on the map to draw your spatial filter",
@@ -172,7 +172,7 @@ const K = {
     },
     deleteAll: "Remove all"
   }
-}, ho = {
+}, po = {
   polygon: {
     icon: yt
   },
@@ -188,7 +188,7 @@ const K = {
   edit: {
     icon: Mt
   }
-}, J = {
+}, te = {
   container: {
     display: "flex",
     flexDirection: "row",
@@ -352,28 +352,28 @@ const K = {
     }
   }
 };
-function Ue(t) {
+function ze(t) {
   const e = E(18), {
     chipProps: n,
     value: o,
     labels: i,
     onChipToggle: a,
     onDelete: r
-  } = t, s = o.visible ? "active" : "inactive", c = i?.tooltip?.[s] ?? K.chip.tooltip[s], u = n?.TooltipProps;
+  } = t, s = o.visible ? "active" : "inactive", c = i?.tooltip?.[s] ?? Q.chip.tooltip[s], u = n?.TooltipProps;
   let p;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (p = {
-    ...J.chip.chip
+    ...te.chip.chip
   }, e[0] = p) : p = e[0];
-  const h = o.visible ? "secondary" : "default";
-  let f;
-  e[1] !== r || e[2] !== o.id ? (f = () => r(o.id), e[1] = r, e[2] = o.id, e[3] = f) : f = e[3];
-  let v;
-  e[4] !== a || e[5] !== o.id || e[6] !== o.visible ? (v = () => a(o.id, !o.visible), e[4] = a, e[5] = o.id, e[6] = o.visible, e[7] = v) : v = e[7];
+  const f = o.visible ? "secondary" : "default";
+  let h;
+  e[1] !== r || e[2] !== o.id ? (h = () => r(o.id), e[1] = r, e[2] = o.id, e[3] = h) : h = e[3];
+  let g;
+  e[4] !== a || e[5] !== o.id || e[6] !== o.visible ? (g = () => a(o.id, !o.visible), e[4] = a, e[5] = o.id, e[6] = o.visible, e[7] = g) : g = e[7];
   const y = n?.ChipsProps;
-  let b;
-  e[8] !== h || e[9] !== f || e[10] !== v || e[11] !== y || e[12] !== o.label ? (b = /* @__PURE__ */ l(Ye, { sx: p, color: h, size: "small", onDelete: f, label: o.label, onClick: v, ...y }), e[8] = h, e[9] = f, e[10] = v, e[11] = y, e[12] = o.label, e[13] = b) : b = e[13];
+  let v;
+  e[8] !== f || e[9] !== h || e[10] !== g || e[11] !== y || e[12] !== o.label ? (v = /* @__PURE__ */ l(Ye, { sx: p, color: f, size: "small", onDelete: h, label: o.label, onClick: g, ...y }), e[8] = f, e[9] = h, e[10] = g, e[11] = y, e[12] = o.label, e[13] = v) : v = e[13];
   let x;
-  return e[14] !== c || e[15] !== u || e[16] !== b ? (x = /* @__PURE__ */ l(de, { title: c, placement: "bottom", ...u, children: b }), e[14] = c, e[15] = u, e[16] = b, e[17] = x) : x = e[17], x;
+  return e[14] !== c || e[15] !== u || e[16] !== v ? (x = /* @__PURE__ */ l(de, { title: c, placement: "bottom", ...u, children: v }), e[14] = c, e[15] = u, e[16] = v, e[17] = x) : x = e[17], x;
 }
 function ce(t) {
   const e = E(44), {
@@ -386,15 +386,15 @@ function ce(t) {
     modesMapping: c,
     modeSelected: u,
     PaperProps: p,
-    onActionToggle: h,
-    onChipToggle: f,
-    onDelete: v,
+    onActionToggle: f,
+    onChipToggle: h,
+    onDelete: g,
     onChangeMode: y,
-    onAllChipToggle: b,
+    onAllChipToggle: v,
     onAllDelete: x,
     ChipsSlot: d,
     ActionSlot: m,
-    SecondaryActionsSlot: g,
+    SecondaryActionsSlot: b,
     OptionsSlot: C
   } = t;
   let w;
@@ -407,9 +407,9 @@ function ce(t) {
     sx: T,
     ...S
   } = O, e[4] = O, e[5] = S, e[6] = T) : (S = e[5], T = e[6]);
-  const I = d === void 0 ? ce.Chips : d, D = m === void 0 ? ce.Action : m, A = g === void 0 ? ce.SecondaryActions : g, M = C === void 0 ? ce.Options : C;
-  let k;
-  e[7] !== S || e[8] !== i || e[9] !== a || e[10] !== n || e[11] !== r || e[12] !== u || e[13] !== s || e[14] !== c || e[15] !== h || e[16] !== b || e[17] !== x || e[18] !== y || e[19] !== f || e[20] !== v || e[21] !== _ ? (k = {
+  const D = d === void 0 ? ce.Chips : d, L = m === void 0 ? ce.Action : m, A = b === void 0 ? ce.SecondaryActions : b, M = C === void 0 ? ce.Options : C;
+  let P;
+  e[7] !== S || e[8] !== i || e[9] !== a || e[10] !== n || e[11] !== r || e[12] !== u || e[13] !== s || e[14] !== c || e[15] !== f || e[16] !== v || e[17] !== x || e[18] !== y || e[19] !== h || e[20] !== g || e[21] !== _ ? (P = {
     enabled: n,
     values: _,
     actionProps: i,
@@ -419,34 +419,34 @@ function ce(t) {
     modesMapping: c,
     modeSelected: u,
     PaperProps: S,
-    onActionToggle: h,
-    onChipToggle: f,
-    onDelete: v,
+    onActionToggle: f,
+    onChipToggle: h,
+    onDelete: g,
     onChangeMode: y,
-    onAllChipToggle: b,
+    onAllChipToggle: v,
     onAllDelete: x
-  }, e[7] = S, e[8] = i, e[9] = a, e[10] = n, e[11] = r, e[12] = u, e[13] = s, e[14] = c, e[15] = h, e[16] = b, e[17] = x, e[18] = y, e[19] = f, e[20] = v, e[21] = _, e[22] = k) : k = e[22];
-  const R = k;
-  let P;
-  e[23] !== T ? (P = {
-    ...J.container,
+  }, e[7] = S, e[8] = i, e[9] = a, e[10] = n, e[11] = r, e[12] = u, e[13] = s, e[14] = c, e[15] = f, e[16] = v, e[17] = x, e[18] = y, e[19] = h, e[20] = g, e[21] = _, e[22] = P) : P = e[22];
+  const k = P;
+  let R;
+  e[23] !== T ? (R = {
+    ...te.container,
     ...T
-  }, e[23] = T, e[24] = P) : P = e[24];
-  let j;
-  e[25] !== D || e[26] !== R ? (j = !!D && /* @__PURE__ */ l(D, { ...R }), e[25] = D, e[26] = R, e[27] = j) : j = e[27];
-  let $;
-  e[28] !== M || e[29] !== R ? ($ = !!M && /* @__PURE__ */ l(We, { children: (G) => /* @__PURE__ */ l(M, { ...R, ...G }) }), e[28] = M, e[29] = R, e[30] = $) : $ = e[30];
+  }, e[23] = T, e[24] = R) : R = e[24];
+  let Z;
+  e[25] !== L || e[26] !== k ? (Z = !!L && /* @__PURE__ */ l(L, { ...k }), e[25] = L, e[26] = k, e[27] = Z) : Z = e[27];
+  let V;
+  e[28] !== M || e[29] !== k ? (V = !!M && /* @__PURE__ */ l(Ge, { children: (j) => /* @__PURE__ */ l(M, { ...k, ...j }) }), e[28] = M, e[29] = k, e[30] = V) : V = e[30];
   let B;
-  e[31] !== I || e[32] !== R ? (B = !!I && /* @__PURE__ */ l(I, { ...R }), e[31] = I, e[32] = R, e[33] = B) : B = e[33];
+  e[31] !== D || e[32] !== k ? (B = !!D && /* @__PURE__ */ l(D, { ...k }), e[31] = D, e[32] = k, e[33] = B) : B = e[33];
+  let U;
+  e[34] !== A || e[35] !== k ? (U = !!A && /* @__PURE__ */ l(A, { ...k }), e[34] = A, e[35] = k, e[36] = U) : U = e[36];
   let N;
-  e[34] !== A || e[35] !== R ? (N = !!A && /* @__PURE__ */ l(A, { ...R }), e[34] = A, e[35] = R, e[36] = N) : N = e[36];
-  let W;
-  return e[37] !== S || e[38] !== P || e[39] !== j || e[40] !== $ || e[41] !== B || e[42] !== N ? (W = /* @__PURE__ */ L(ye, { sx: P, ...S, children: [
-    j,
-    $,
+  return e[37] !== S || e[38] !== R || e[39] !== Z || e[40] !== V || e[41] !== B || e[42] !== U ? (N = /* @__PURE__ */ I(ye, { sx: R, ...S, children: [
+    Z,
+    V,
     B,
-    N
-  ] }), e[37] = S, e[38] = P, e[39] = j, e[40] = $, e[41] = B, e[42] = N, e[43] = W) : W = e[43], W;
+    U
+  ] }), e[37] = S, e[38] = R, e[39] = Z, e[40] = V, e[41] = B, e[42] = U, e[43] = N) : N = e[43], N;
 }
 function St(t) {
   const e = E(12), {
@@ -455,35 +455,35 @@ function St(t) {
     enabled: i,
     children: a,
     onActionToggle: r
-  } = t, s = i ? "active" : "inactive", c = o?.tooltip?.[s] ?? K.action.tooltip[s], u = n?.TooltipProps;
+  } = t, s = i ? "active" : "inactive", c = o?.tooltip?.[s] ?? Q.action.tooltip[s], u = n?.TooltipProps;
   let p;
   e[0] !== i || e[1] !== r ? (p = () => r(!i), e[0] = i, e[1] = r, e[2] = p) : p = e[2];
-  let h;
-  e[3] !== c || e[4] !== a || e[5] !== i || e[6] !== p ? (h = /* @__PURE__ */ l(ve, { value: "toggle", sx: J.actions.icon, onClick: p, "aria-label": c, selected: i, children: a }), e[3] = c, e[4] = a, e[5] = i, e[6] = p, e[7] = h) : h = e[7];
   let f;
-  return e[8] !== c || e[9] !== u || e[10] !== h ? (f = /* @__PURE__ */ l(de, { title: c, placement: "right", ...u, children: h }), e[8] = c, e[9] = u, e[10] = h, e[11] = f) : f = e[11], f;
+  e[3] !== c || e[4] !== a || e[5] !== i || e[6] !== p ? (f = /* @__PURE__ */ l(ve, { value: "toggle", sx: te.actions.icon, onClick: p, "aria-label": c, selected: i, children: a }), e[3] = c, e[4] = a, e[5] = i, e[6] = p, e[7] = f) : f = e[7];
+  let h;
+  return e[8] !== c || e[9] !== u || e[10] !== f ? (h = /* @__PURE__ */ l(de, { title: c, placement: "right", ...u, children: f }), e[8] = c, e[9] = u, e[10] = f, e[11] = h) : h = e[11], h;
 }
-function We({
+function Ge({
   TriggerProps: {
-    Icon: t = /* @__PURE__ */ l(Pe, {}),
+    Icon: t = /* @__PURE__ */ l($e, {}),
     sx: e
   } = {},
   MenuProps: n,
   children: o
 }) {
-  const [i, a] = ne(null), r = !!i, s = (u) => {
+  const [i, a] = ie(null), r = !!i, s = (u) => {
     a(u.currentTarget);
   }, c = () => {
     a(null);
   };
-  return /* @__PURE__ */ L(z, { children: [
+  return /* @__PURE__ */ I(K, { children: [
     /* @__PURE__ */ l(se, { sx: {
-      ...J.options.icon,
+      ...te.options.icon,
       ...e
     }, onClick: s, children: t }),
-    /* @__PURE__ */ l($e, { id: "lasso-menu", anchorEl: i, open: r, onClose: c, MenuListProps: {
+    /* @__PURE__ */ l(Ze, { id: "lasso-menu", anchorEl: i, open: r, onClose: c, MenuListProps: {
       "aria-labelledby": "lasso-button",
-      sx: J.options.menu
+      sx: te.options.menu
     }, ...n, children: /* @__PURE__ */ l("div", { children: o({
       onClose: c
     }) }) })
@@ -497,16 +497,16 @@ function Tt(t) {
   } = t;
   if (n.length <= 1)
     return null;
-  const a = o?.mode?.title ?? K.options.mode.title;
+  const a = o?.mode?.title ?? Q.options.mode.title;
   let r;
-  e[0] !== a ? (r = /* @__PURE__ */ l(Y, { variant: "subtitle2", color: "text.secondary", sx: J.options.title, children: a }), e[0] = a, e[1] = r) : r = e[1];
+  e[0] !== a ? (r = /* @__PURE__ */ l(J, { variant: "subtitle2", color: "text.secondary", sx: te.options.title, children: a }), e[0] = a, e[1] = r) : r = e[1];
   let s;
-  return e[2] !== i || e[3] !== r ? (s = /* @__PURE__ */ L(z, { children: [
+  return e[2] !== i || e[3] !== r ? (s = /* @__PURE__ */ I(K, { children: [
     r,
     i
   ] }), e[2] = i, e[3] = r, e[4] = s) : s = e[4], s;
 }
-function Le({
+function Re({
   data: t,
   modeSelected: e,
   labels: n,
@@ -517,9 +517,9 @@ function Le({
     r.preventDefault(), o?.(s), i();
   };
   return t.map((r) => {
-    const c = (n?.mode?.options ?? K.options.mode.options)[r.value];
-    return /* @__PURE__ */ L(ge, { disabled: !!r.disabled, onClick: (u) => a(u, r.value), selected: r.value === e, children: [
-      /* @__PURE__ */ l(je, { sx: J.options.icons, children: /* @__PURE__ */ l(_e, { children: /* @__PURE__ */ l(r.icon, {}) }) }),
+    const c = (n?.mode?.options ?? Q.options.mode.options)[r.value];
+    return /* @__PURE__ */ I(ge, { disabled: !!r.disabled, onClick: (u) => a(u, r.value), selected: r.value === e, children: [
+      /* @__PURE__ */ l(Ve, { sx: te.options.icons, children: /* @__PURE__ */ l(_e, { children: /* @__PURE__ */ l(r.icon, {}) }) }),
       /* @__PURE__ */ l(be, { children: c })
     ] }, r.value);
   });
@@ -531,16 +531,16 @@ function At(t) {
     onAllChipToggle: i,
     onAllDelete: a
   } = t;
-  if (n.length <= 1)
+  if (!n?.length || n.length <= 1)
     return null;
-  const s = n.some(_t) ? o?.actions?.toggleAll?.active ?? K.actions.toggleAll.active : o?.actions?.toggleAll?.inactive ?? K.actions.toggleAll.inactive, c = o?.actions?.deleteAll ?? K.actions.deleteAll;
+  const s = n?.some(_t) ? o?.actions?.toggleAll?.active ?? Q.actions.toggleAll.active : o?.actions?.toggleAll?.inactive ?? Q.actions.toggleAll.inactive, c = o?.actions?.deleteAll ?? Q.actions.deleteAll;
   let u;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ l(ae, { orientation: "vertical", flexItem: !0 }), e[0] = u) : u = e[0];
-  let p, h;
+  let p, f;
   e[1] === Symbol.for("react.memo_cache_sentinel") ? (p = {
-    Icon: /* @__PURE__ */ l(ze, {}),
-    sx: J.options.more
-  }, h = {
+    Icon: /* @__PURE__ */ l(Fe, {}),
+    sx: te.options.more
+  }, f = {
     anchorOrigin: {
       vertical: "bottom",
       horizontal: "right"
@@ -549,20 +549,20 @@ function At(t) {
       vertical: "top",
       horizontal: "right"
     }
-  }, e[1] = p, e[2] = h) : (p = e[1], h = e[2]);
-  let f;
-  return e[3] !== c || e[4] !== i || e[5] !== a || e[6] !== s ? (f = /* @__PURE__ */ L(z, { children: [
+  }, e[1] = p, e[2] = f) : (p = e[1], f = e[2]);
+  let h;
+  return e[3] !== c || e[4] !== i || e[5] !== a || e[6] !== s ? (h = /* @__PURE__ */ I(K, { children: [
     u,
-    /* @__PURE__ */ l(We, { TriggerProps: p, MenuProps: h, children: (v) => /* @__PURE__ */ L(z, { children: [
+    /* @__PURE__ */ l(Ge, { TriggerProps: p, MenuProps: f, children: (g) => /* @__PURE__ */ I(K, { children: [
       /* @__PURE__ */ l(ge, { color: "inherit", onClick: () => {
-        i(), v.onClose();
+        i?.(), g.onClose();
       }, children: s }),
       /* @__PURE__ */ l(ae, {}),
       /* @__PURE__ */ l(ge, { color: "error", onClick: () => {
-        a(), v.onClose();
-      }, children: /* @__PURE__ */ l(Y, { variant: "body2", color: "error", children: c }) })
+        a?.(), g.onClose();
+      }, children: /* @__PURE__ */ l(J, { variant: "body2", color: "error", children: c }) })
     ] }) })
-  ] }), e[3] = c, e[4] = i, e[5] = a, e[6] = s, e[7] = f) : f = e[7], f;
+  ] }), e[3] = c, e[4] = i, e[5] = a, e[6] = s, e[7] = h) : h = e[7], h;
 }
 function _t(t) {
   return t.visible;
@@ -576,8 +576,8 @@ ce.Action = function({
   labels: r,
   onActionToggle: s
 }) {
-  const c = Ce(() => xe(e, n), [e, n]), u = (v) => s(v), h = (o ?? "") in e ? o : Object.keys(c)[0], f = c[h];
-  return /* @__PURE__ */ l(St, { actionProps: i, labels: r?.action, enabled: a, onActionToggle: u, children: f?.icon && /* @__PURE__ */ l(f.icon, {}) });
+  const c = Ce(() => xe(e ?? {}, n ?? {}), [e, n]), u = (g) => s?.(g), f = (o ? o in (e ?? {}) : !1) ? o : Object.keys(c)[0], h = c[f];
+  return /* @__PURE__ */ l(St, { actionProps: i, labels: r?.action, enabled: a ?? !1, onActionToggle: u, children: h?.icon && /* @__PURE__ */ l(h.icon, {}) });
 };
 ce.Chips = function({
   values: e,
@@ -587,8 +587,8 @@ ce.Chips = function({
   onChipToggle: a,
   onActionToggle: r
 }) {
-  const s = (c) => (r(!1), i(c));
-  return !!e.length && /* @__PURE__ */ l(X, { sx: J.chip.container, children: e.map((c) => /* @__PURE__ */ l(Ue, { value: c, labels: n?.chip, chipProps: o, onDelete: s, onChipToggle: a }, c.id)) });
+  const s = (c) => (r?.(!1), i?.(c));
+  return !!e?.length && /* @__PURE__ */ l(Y, { sx: te.chip.container, children: e?.map((c) => /* @__PURE__ */ l(ze, { value: c, labels: n?.chip, chipProps: o, onDelete: s, onChipToggle: (u, p) => a?.(u, p) }, c.id)) });
 };
 ce.SecondaryActions = At;
 ce.Options = function({
@@ -600,22 +600,22 @@ ce.Options = function({
   onChangeMode: r,
   ...s
 }) {
-  const c = Ce(() => xe(n, o), [n, o]), {
+  const c = Ce(() => xe(n ?? {}, o ?? {}), [n, o]), {
     edit: u,
     ...p
-  } = c, f = (i ?? "") in n ? i : Object.keys(c)[0], v = Object.values(p), y = (b) => r?.(b);
-  return /* @__PURE__ */ L(z, { children: [
-    /* @__PURE__ */ l(Tt, { data: v, labels: a?.options, children: /* @__PURE__ */ l(Le, { ...s, labels: a?.options, data: v, modeSelected: f, onChangeMode: y }) }),
-    !!u && /* @__PURE__ */ L(z, { children: [
+  } = c, h = (i ? i in (n ?? {}) : !1) ? i : Object.keys(c)[0], g = Object.values(p), y = (v) => r?.(v);
+  return /* @__PURE__ */ I(K, { children: [
+    /* @__PURE__ */ l(Tt, { data: g, labels: a?.options, children: /* @__PURE__ */ l(Re, { ...s, labels: a?.options, data: g, modeSelected: h, onChangeMode: y }) }),
+    !!u && /* @__PURE__ */ I(K, { children: [
       /* @__PURE__ */ l(ae, {}),
-      /* @__PURE__ */ l(Le, { ...s, labels: a?.options, data: [{
+      /* @__PURE__ */ l(Re, { ...s, labels: a?.options, data: [{
         ...u,
-        disabled: !e.length
-      }], modeSelected: f, onChangeMode: y })
+        disabled: !e?.length
+      }], modeSelected: h, onChangeMode: y })
     ] })
   ] });
 };
-function po({
+function fo({
   enabled: t,
   values: e = [],
   chipProps: n,
@@ -629,34 +629,34 @@ function po({
   } = {},
   onChipToggle: u,
   onDelete: p,
-  onChangeMode: h,
-  onAllChipToggle: f,
-  onAllDelete: v
+  onChangeMode: f,
+  onAllChipToggle: h,
+  onAllDelete: g
 }) {
   const y = Ce(() => xe(i, a), [i, a]), {
-    edit: b,
+    edit: v,
     ...x
   } = y, d = (O) => p(O), m = (O, S) => {
-    O.preventDefault(), h?.(S);
+    O.preventDefault(), f?.(S);
   }, C = (r ?? "") in i ? r : Object.keys(y)[0], w = t ? y[C] : null, _ = Object.values(x);
-  return /* @__PURE__ */ L(X, { sx: {
-    ...J.container,
+  return /* @__PURE__ */ I(Y, { sx: {
+    ...te.container,
     ...s
   }, ...c, className: "inline", children: [
-    /* @__PURE__ */ l(Ot, { data: _, labels: o?.options, children: /* @__PURE__ */ L(Ze, { value: w?.value, exclusive: !0, className: "inline", sx: J.options.menu, onChange: m, children: [
-      /* @__PURE__ */ l(ke, { labels: o?.options, data: _ }),
-      !!b && /* @__PURE__ */ L(z, { children: [
+    /* @__PURE__ */ l(Ot, { data: _, labels: o?.options, children: /* @__PURE__ */ I(Ue, { value: w?.value, exclusive: !0, className: "inline", sx: te.options.menu, onChange: m, children: [
+      /* @__PURE__ */ l(Ee, { labels: o?.options, data: _ }),
+      !!v && /* @__PURE__ */ I(K, { children: [
         /* @__PURE__ */ l(ae, { orientation: "vertical" }),
-        /* @__PURE__ */ l(ke, { labels: o?.options, data: [{
-          ...b,
+        /* @__PURE__ */ l(Ee, { labels: o?.options, data: [{
+          ...v,
           disabled: !e.length
         }] })
       ] })
     ] }) }),
     /* @__PURE__ */ l(ae, { flexItem: !0 }),
     /* @__PURE__ */ l(Dt, { hasValues: !!e.length, labels: o?.noData }),
-    !!e.length && /* @__PURE__ */ l(X, { sx: J.chip.container, className: "inline", children: e.map((O) => /* @__PURE__ */ l(Ue, { value: O, labels: o?.chip, chipProps: n, onDelete: d, onChipToggle: u }, O.id)) }),
-    /* @__PURE__ */ l(It, { values: e, labels: o?.actions, onAllChipToggle: f, onAllDelete: v })
+    !!e.length && /* @__PURE__ */ l(Y, { sx: te.chip.container, className: "inline", children: e.map((O) => /* @__PURE__ */ l(ze, { value: O, labels: o?.chip, chipProps: n, onDelete: d, onChipToggle: u }, O.id)) }),
+    /* @__PURE__ */ l(It, { values: e, labels: o?.actions, onAllChipToggle: h, onAllDelete: g })
   ] });
 }
 function Ot(t) {
@@ -667,21 +667,21 @@ function Ot(t) {
   } = t;
   if (n.length <= 1)
     return null;
-  const a = o?.mode?.title ?? K.options.mode.title;
+  const a = o?.mode?.title ?? Q.options.mode.title;
   let r;
-  e[0] !== a ? (r = /* @__PURE__ */ l(Y, { variant: "subtitle2", color: "text.secondary", sx: J.options.title, className: "inline", children: a }), e[0] = a, e[1] = r) : r = e[1];
+  e[0] !== a ? (r = /* @__PURE__ */ l(J, { variant: "subtitle2", color: "text.secondary", sx: te.options.title, className: "inline", children: a }), e[0] = a, e[1] = r) : r = e[1];
   let s;
-  return e[2] !== i || e[3] !== r ? (s = /* @__PURE__ */ L(z, { children: [
+  return e[2] !== i || e[3] !== r ? (s = /* @__PURE__ */ I(K, { children: [
     r,
     i
   ] }), e[2] = i, e[3] = r, e[4] = s) : s = e[4], s;
 }
-function ke({
+function Ee({
   data: t,
   labels: e
 }) {
   return t.map((n) => {
-    const i = (e?.mode?.options ?? K.options.mode.options)[n.value];
+    const i = (e?.mode?.options ?? Q.options.mode.options)[n.value];
     return /* @__PURE__ */ l(de, { title: i, placement: "bottom", children: /* @__PURE__ */ l(ve, { disabled: !!n.disabled, value: n.value, "aria-label": n.value, children: /* @__PURE__ */ l(_e, { children: /* @__PURE__ */ l(n.icon, {}) }) }) }, n.value);
   });
 }
@@ -692,13 +692,13 @@ function Dt(t) {
   } = t;
   if (n)
     return null;
-  const i = o?.title ?? K.noData.title, a = o?.description ?? K.noData.description;
+  const i = o?.title ?? Q.noData.title, a = o?.description ?? Q.noData.description;
   let r;
-  e[0] !== i ? (r = /* @__PURE__ */ l(Y, { variant: "body1", color: "textSecondary", children: i }), e[0] = i, e[1] = r) : r = e[1];
+  e[0] !== i ? (r = /* @__PURE__ */ l(J, { variant: "body1", color: "textSecondary", children: i }), e[0] = i, e[1] = r) : r = e[1];
   let s;
-  e[2] !== a ? (s = /* @__PURE__ */ l(Y, { variant: "body2", color: "textSecondary", children: a }), e[2] = a, e[3] = s) : s = e[3];
+  e[2] !== a ? (s = /* @__PURE__ */ l(J, { variant: "body2", color: "textSecondary", children: a }), e[2] = a, e[3] = s) : s = e[3];
   let c;
-  return e[4] !== r || e[5] !== s ? (c = /* @__PURE__ */ L(z, { children: [
+  return e[4] !== r || e[5] !== s ? (c = /* @__PURE__ */ I(K, { children: [
     r,
     s
   ] }), e[4] = r, e[5] = s, e[6] = c) : c = e[6], c;
@@ -712,20 +712,20 @@ function It(t) {
   } = t;
   if (n.length <= 1)
     return null;
-  const s = n.some(Lt) ? o?.toggleAll?.active ?? K.actions.toggleAll.active : o?.toggleAll?.inactive ?? K.actions.toggleAll.inactive, c = o?.deleteAll ?? K.actions.deleteAll;
+  const s = n.some(Lt) ? o?.toggleAll?.active ?? Q.actions.toggleAll.active : o?.toggleAll?.inactive ?? Q.actions.toggleAll.inactive, c = o?.deleteAll ?? Q.actions.deleteAll;
   let u;
   e[0] !== i ? (u = () => i(), e[0] = i, e[1] = u) : u = e[1];
   let p;
   e[2] !== u || e[3] !== s ? (p = /* @__PURE__ */ l(we, { color: "inherit", onClick: u, children: s }), e[2] = u, e[3] = s, e[4] = p) : p = e[4];
-  let h;
-  e[5] !== a ? (h = () => a(), e[5] = a, e[6] = h) : h = e[6];
   let f;
-  e[7] !== c || e[8] !== h ? (f = /* @__PURE__ */ l(we, { color: "error", onClick: h, children: c }), e[7] = c, e[8] = h, e[9] = f) : f = e[9];
-  let v;
-  return e[10] !== p || e[11] !== f ? (v = /* @__PURE__ */ L(X, { children: [
+  e[5] !== a ? (f = () => a(), e[5] = a, e[6] = f) : f = e[6];
+  let h;
+  e[7] !== c || e[8] !== f ? (h = /* @__PURE__ */ l(we, { color: "error", onClick: f, children: c }), e[7] = c, e[8] = f, e[9] = h) : h = e[9];
+  let g;
+  return e[10] !== p || e[11] !== h ? (g = /* @__PURE__ */ I(Y, { children: [
     p,
-    f
-  ] }), e[10] = p, e[11] = f, e[12] = v) : v = e[12], v;
+    h
+  ] }), e[10] = p, e[11] = h, e[12] = g) : g = e[12], g;
 }
 function Lt(t) {
   return t.visible;
@@ -749,7 +749,7 @@ function Et(t) {
   let n, o;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ l("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 13.5v-9h9v9h-9Zm.75-8.25h7.5v7.5h-7.5v-7.5Z", clipRule: "evenodd" }), o = /* @__PURE__ */ l("path", { fill: "#2C3032", fillRule: "evenodd", d: "M1.5 3A1.5 1.5 0 0 1 3 1.5h12A1.5 1.5 0 0 1 16.5 3v12a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 15V3ZM3 3h12v12H3V3Z", clipRule: "evenodd" }), e[0] = n, e[1] = o) : (n = e[0], o = e[1]);
   let i;
-  return e[2] !== t ? (i = /* @__PURE__ */ L("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...t, children: [
+  return e[2] !== t ? (i = /* @__PURE__ */ I("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...t, children: [
     n,
     o
   ] }), e[2] = t, e[3] = i) : i = e[3], i;
@@ -844,7 +844,7 @@ const re = {
   area: {
     icon: /* @__PURE__ */ l(Et, {})
   }
-}, Q = {
+}, ee = {
   container: {
     display: "flex",
     flexDirection: "row",
@@ -976,7 +976,7 @@ const re = {
     }
   }
 };
-function fo(t) {
+function ho(t) {
   const e = E(46), {
     enabled: n,
     actionProps: o,
@@ -987,63 +987,63 @@ function fo(t) {
     modeSelected: c,
     PaperProps: u,
     units: p,
-    unitSelected: h,
-    onActionToggle: f,
-    onChangeMode: v,
+    unitSelected: f,
+    onActionToggle: h,
+    onChangeMode: g,
     onChangeUnit: y
-  } = t, b = i === void 0 ? re : i, x = r === void 0 ? Bt : r, d = s === void 0 ? Pt : s;
+  } = t, v = i === void 0 ? re : i, x = r === void 0 ? Bt : r, d = s === void 0 ? Pt : s;
   let m;
   e[0] !== u ? (m = u === void 0 ? {} : u, e[0] = u, e[1] = m) : m = e[1];
-  let g, C;
+  let b, C;
   e[2] !== m ? ({
     sx: C,
-    ...g
-  } = m, e[2] = m, e[3] = g, e[4] = C) : (g = e[3], C = e[4]);
+    ...b
+  } = m, e[2] = m, e[3] = b, e[4] = C) : (b = e[3], C = e[4]);
   let w;
-  e[5] !== f ? (w = (V) => f(!!V), e[5] = f, e[6] = w) : w = e[6];
+  e[5] !== h ? (w = (G) => h(!!G), e[5] = h, e[6] = w) : w = e[6];
   const _ = w;
   let O, S;
   e[7] !== a || e[8] !== x ? (S = xe(a, x), e[7] = a, e[8] = x, e[9] = S) : S = e[9], O = S;
-  const T = O, I = (c ?? "") in T;
-  let D;
-  e[10] !== T || e[11] !== I || e[12] !== c ? (D = I ? c : Object.keys(T)[0], e[10] = T, e[11] = I, e[12] = c, e[13] = D) : D = e[13];
-  const A = D, M = T[A];
-  let k;
-  const R = p[A];
+  const T = O, D = (c ?? "") in T;
+  let L;
+  e[10] !== T || e[11] !== D || e[12] !== c ? (L = D ? c : Object.keys(T)[0], e[10] = T, e[11] = D, e[12] = c, e[13] = L) : L = e[13];
+  const A = L, M = T[A];
   let P;
-  e[14] !== A || e[15] !== R || e[16] !== p ? (P = Object.keys(p).length >= 1 ? p : {
-    [A]: R.slice(0, 1)
-  }, e[14] = A, e[15] = R, e[16] = p, e[17] = P) : P = e[17];
-  const $ = P[A];
+  const k = p[A];
+  let R;
+  e[14] !== A || e[15] !== k || e[16] !== p ? (R = Object.keys(p).length >= 1 ? p : {
+    [A]: k.slice(0, 1)
+  }, e[14] = A, e[15] = k, e[16] = p, e[17] = R) : R = e[17];
+  const V = R[A];
   let B;
-  if (e[18] !== $ || e[19] !== d) {
-    let V;
-    e[21] !== d ? (V = (te) => ({
-      ...te,
-      ...d[te.value]
-    }), e[21] = d, e[22] = V) : V = e[22], B = $.map(V), e[18] = $, e[19] = d, e[20] = B;
+  if (e[18] !== V || e[19] !== d) {
+    let G;
+    e[21] !== d ? (G = (oe) => ({
+      ...oe,
+      ...d[oe.value]
+    }), e[21] = d, e[22] = G) : G = e[22], B = V.map(G), e[18] = V, e[19] = d, e[20] = B;
   } else
     B = e[20];
-  k = B;
-  const N = k;
-  let W;
-  e[23] !== C ? (W = {
-    ...Q.container,
+  P = B;
+  const U = P;
+  let N;
+  e[23] !== C ? (N = {
+    ...ee.container,
     ...C
-  }, e[23] = C, e[24] = W) : W = e[24];
-  const G = b?.action, ee = M?.icon;
-  let F;
-  e[25] !== o || e[26] !== n || e[27] !== _ || e[28] !== G || e[29] !== ee ? (F = /* @__PURE__ */ l($t, { actionProps: o, labels: G, enabled: n, onActionToggle: _, children: ee }), e[25] = o, e[26] = n, e[27] = _, e[28] = G, e[29] = ee, e[30] = F) : F = e[30];
-  const ie = b?.options;
-  let Z;
-  e[31] !== N || e[32] !== T || e[33] !== A || e[34] !== v || e[35] !== y || e[36] !== ie || e[37] !== h ? (Z = /* @__PURE__ */ l(jt, { labels: ie, modes: T, modeSelected: A, units: N, unitSelected: h, onChangeMode: v, onChangeUnit: y }), e[31] = N, e[32] = T, e[33] = A, e[34] = v, e[35] = y, e[36] = ie, e[37] = h, e[38] = Z) : Z = e[38];
+  }, e[23] = C, e[24] = N) : N = e[24];
+  const j = v?.action, F = M?.icon;
+  let W;
+  e[25] !== o || e[26] !== n || e[27] !== _ || e[28] !== j || e[29] !== F ? (W = /* @__PURE__ */ l($t, { actionProps: o, labels: j, enabled: n, onActionToggle: _, children: F }), e[25] = o, e[26] = n, e[27] = _, e[28] = j, e[29] = F, e[30] = W) : W = e[30];
+  const q = v?.options;
+  let $;
+  e[31] !== U || e[32] !== T || e[33] !== A || e[34] !== g || e[35] !== y || e[36] !== q || e[37] !== f ? ($ = /* @__PURE__ */ l(jt, { labels: q, modes: T, modeSelected: A, units: U, unitSelected: f, onChangeMode: g, onChangeUnit: y }), e[31] = U, e[32] = T, e[33] = A, e[34] = g, e[35] = y, e[36] = q, e[37] = f, e[38] = $) : $ = e[38];
+  let z;
+  e[39] !== W || e[40] !== $ ? (z = /* @__PURE__ */ I(Y, { children: [
+    W,
+    $
+  ] }), e[39] = W, e[40] = $, e[41] = z) : z = e[41];
   let H;
-  e[39] !== F || e[40] !== Z ? (H = /* @__PURE__ */ L(X, { children: [
-    F,
-    Z
-  ] }), e[39] = F, e[40] = Z, e[41] = H) : H = e[41];
-  let q;
-  return e[42] !== g || e[43] !== W || e[44] !== H ? (q = /* @__PURE__ */ l(ye, { sx: W, ...g, children: H }), e[42] = g, e[43] = W, e[44] = H, e[45] = q) : q = e[45], q;
+  return e[42] !== b || e[43] !== N || e[44] !== z ? (H = /* @__PURE__ */ l(ye, { sx: N, ...b, children: z }), e[42] = b, e[43] = N, e[44] = z, e[45] = H) : H = e[45], H;
 }
 function $t(t) {
   const e = E(12), {
@@ -1055,10 +1055,10 @@ function $t(t) {
   } = t, s = i ? "active" : "inactive", c = o?.tooltip?.[s] ?? re.action.tooltip[s], u = n?.TooltipProps;
   let p;
   e[0] !== i || e[1] !== r ? (p = () => r(!i), e[0] = i, e[1] = r, e[2] = p) : p = e[2];
-  let h;
-  e[3] !== c || e[4] !== a || e[5] !== i || e[6] !== p ? (h = /* @__PURE__ */ l(ve, { value: "toggle", sx: Q.actions.icon, onClick: p, "aria-label": c, selected: i, children: a }), e[3] = c, e[4] = a, e[5] = i, e[6] = p, e[7] = h) : h = e[7];
   let f;
-  return e[8] !== c || e[9] !== u || e[10] !== h ? (f = /* @__PURE__ */ l(de, { title: c, placement: "right", ...u, children: h }), e[8] = c, e[9] = u, e[10] = h, e[11] = f) : f = e[11], f;
+  e[3] !== c || e[4] !== a || e[5] !== i || e[6] !== p ? (f = /* @__PURE__ */ l(ve, { value: "toggle", sx: ee.actions.icon, onClick: p, "aria-label": c, selected: i, children: a }), e[3] = c, e[4] = a, e[5] = i, e[6] = p, e[7] = f) : f = e[7];
+  let h;
+  return e[8] !== c || e[9] !== u || e[10] !== f ? (h = /* @__PURE__ */ l(de, { title: c, placement: "right", ...u, children: f }), e[8] = c, e[9] = u, e[10] = f, e[11] = h) : h = e[11], h;
 }
 function jt(t) {
   const e = E(68), {
@@ -1069,90 +1069,90 @@ function jt(t) {
     labels: r,
     onChangeMode: s,
     onChangeUnit: c
-  } = t, [u, p] = ne(null), [h, f] = ne(!1);
-  let v, y, b, x, d, m, g, C, w, _, O, S, T, I, D, A;
+  } = t, [u, p] = ie(null), [f, h] = ie(!1);
+  let g, y, v, x, d, m, b, C, w, _, O, S, T, D, L, A;
   if (e[0] !== u || e[1] !== r?.mode?.options || e[2] !== r?.mode?.title || e[3] !== r?.units?.title || e[4] !== o || e[5] !== n || e[6] !== s || e[7] !== c || e[8] !== a || e[9] !== i) {
     T = Symbol.for("react.early_return_sentinel");
     e: {
-      const $ = Object.values(n);
+      const V = Object.values(n);
       let B;
-      if (e[26] !== i ? (B = Object.values(i), e[26] = i, e[27] = B) : B = e[27], A = B, !($.length > 1 || A.length > 1)) {
+      if (e[26] !== i ? (B = Object.values(i), e[26] = i, e[27] = B) : B = e[27], A = B, !(V.length > 1 || A.length > 1)) {
         T = null;
         break e;
       }
-      const W = !!u;
-      let G;
-      e[28] === Symbol.for("react.memo_cache_sentinel") ? (G = (U) => {
-        p(U.currentTarget);
-      }, e[28] = G) : G = e[28];
-      const ee = G;
-      let F;
-      e[29] === Symbol.for("react.memo_cache_sentinel") ? (F = () => {
+      const N = !!u;
+      let j;
+      e[28] === Symbol.for("react.memo_cache_sentinel") ? (j = (X) => {
+        p(X.currentTarget);
+      }, e[28] = j) : j = e[28];
+      const F = j;
+      let W;
+      e[29] === Symbol.for("react.memo_cache_sentinel") ? (W = () => {
         p(null);
-      }, e[29] = F) : F = e[29];
-      const ie = F;
-      let Z;
-      e[30] !== s ? (Z = (U, le) => {
-        U.preventDefault(), s(le.value), ie();
-      }, e[30] = s, e[31] = Z) : Z = e[31];
-      const H = Z;
-      let q;
-      e[32] === Symbol.for("react.memo_cache_sentinel") ? (q = () => {
-        f(!0);
-      }, e[32] = q) : q = e[32], b = q;
-      let V;
-      e[33] === Symbol.for("react.memo_cache_sentinel") ? (V = () => {
-        f(!1);
-      }, e[33] = V) : V = e[33], x = V;
-      let te;
-      e[34] !== c ? (te = (U) => {
-        x(), c(U);
-      }, e[34] = c, e[35] = te) : te = e[35], y = te;
-      const fe = r?.mode?.title ?? re.options.mode.title;
-      D = r?.units?.title ?? re.options.units.title, d = $.length > 1 && A.length > 1;
+      }, e[29] = W) : W = e[29];
+      const q = W;
+      let $;
+      e[30] !== s ? ($ = (X, ne) => {
+        X.preventDefault(), s(ne.value), q();
+      }, e[30] = s, e[31] = $) : $ = e[31];
+      const z = $;
+      let H;
+      e[32] === Symbol.for("react.memo_cache_sentinel") ? (H = () => {
+        h(!0);
+      }, e[32] = H) : H = e[32], v = H;
+      let G;
+      e[33] === Symbol.for("react.memo_cache_sentinel") ? (G = () => {
+        h(!1);
+      }, e[33] = G) : G = e[33], x = G;
       let oe;
-      e[36] !== a || e[37] !== i ? (oe = i.find((U) => U.value === a) ?? i[0], e[36] = a, e[37] = i, e[38] = oe) : oe = e[38], I = oe, e[39] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ l(se, { sx: Q.options.icon, onClick: ee, children: /* @__PURE__ */ l(Pe, {}) }), e[39] = S) : S = e[39], v = $e, g = "measurement-menu", C = u, w = W, _ = ie, e[40] === Symbol.for("react.memo_cache_sentinel") ? (O = {
+      e[34] !== c ? (oe = (X) => {
+        x(), c(X);
+      }, e[34] = c, e[35] = oe) : oe = e[35], y = oe;
+      const he = r?.mode?.title ?? re.options.mode.title;
+      L = r?.units?.title ?? re.options.units.title, d = V.length > 1 && A.length > 1;
+      let le;
+      e[36] !== a || e[37] !== i ? (le = i.find((X) => X.value === a) ?? i[0], e[36] = a, e[37] = i, e[38] = le) : le = e[38], D = le, e[39] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ l(se, { sx: ee.options.icon, onClick: F, children: /* @__PURE__ */ l($e, {}) }), e[39] = S) : S = e[39], g = Ze, b = "measurement-menu", C = u, w = N, _ = q, e[40] === Symbol.for("react.memo_cache_sentinel") ? (O = {
         "aria-labelledby": "basic-button",
-        sx: Q.options.menu
-      }, e[40] = O) : O = e[40], m = $.length > 1 && /* @__PURE__ */ L(z, { children: [
-        /* @__PURE__ */ l(Y, { variant: "subtitle2", color: "text.secondary", sx: Q.options.title, children: fe }),
-        $.map((U) => {
-          const he = (r?.mode?.options ?? re.options.mode.options)[U.value];
-          return /* @__PURE__ */ L(ge, { onClick: (Me) => H(Me, U), selected: U.value === o, children: [
-            /* @__PURE__ */ l(je, { sx: Q.options.icons, children: /* @__PURE__ */ l(_e, { children: U.icon }) }),
-            /* @__PURE__ */ l(be, { children: he })
-          ] }, U.value);
+        sx: ee.options.menu
+      }, e[40] = O) : O = e[40], m = V.length > 1 && /* @__PURE__ */ I(K, { children: [
+        /* @__PURE__ */ l(J, { variant: "subtitle2", color: "text.secondary", sx: ee.options.title, children: he }),
+        V.map((X) => {
+          const pe = (r?.mode?.options ?? re.options.mode.options)[X.value];
+          return /* @__PURE__ */ I(ge, { onClick: (Me) => z(Me, X), selected: X.value === o, children: [
+            /* @__PURE__ */ l(Ve, { sx: ee.options.icons, children: /* @__PURE__ */ l(_e, { children: X.icon }) }),
+            /* @__PURE__ */ l(be, { children: pe })
+          ] }, X.value);
         })
       ] });
     }
-    e[0] = u, e[1] = r?.mode?.options, e[2] = r?.mode?.title, e[3] = r?.units?.title, e[4] = o, e[5] = n, e[6] = s, e[7] = c, e[8] = a, e[9] = i, e[10] = v, e[11] = y, e[12] = b, e[13] = x, e[14] = d, e[15] = m, e[16] = g, e[17] = C, e[18] = w, e[19] = _, e[20] = O, e[21] = S, e[22] = T, e[23] = I, e[24] = D, e[25] = A;
+    e[0] = u, e[1] = r?.mode?.options, e[2] = r?.mode?.title, e[3] = r?.units?.title, e[4] = o, e[5] = n, e[6] = s, e[7] = c, e[8] = a, e[9] = i, e[10] = g, e[11] = y, e[12] = v, e[13] = x, e[14] = d, e[15] = m, e[16] = b, e[17] = C, e[18] = w, e[19] = _, e[20] = O, e[21] = S, e[22] = T, e[23] = D, e[24] = L, e[25] = A;
   } else
-    v = e[10], y = e[11], b = e[12], x = e[13], d = e[14], m = e[15], g = e[16], C = e[17], w = e[18], _ = e[19], O = e[20], S = e[21], T = e[22], I = e[23], D = e[24], A = e[25];
+    g = e[10], y = e[11], v = e[12], x = e[13], d = e[14], m = e[15], b = e[16], C = e[17], w = e[18], _ = e[19], O = e[20], S = e[21], T = e[22], D = e[23], L = e[24], A = e[25];
   if (T !== Symbol.for("react.early_return_sentinel"))
     return T;
   let M;
   e[41] !== d ? (M = d && /* @__PURE__ */ l(ae, {}), e[41] = d, e[42] = M) : M = e[42];
-  let k;
-  e[43] !== y || e[44] !== b || e[45] !== x || e[46] !== r || e[47] !== h || e[48] !== I || e[49] !== D || e[50] !== i || e[51] !== A.length ? (k = A.length > 1 && /* @__PURE__ */ L(z, { children: [
-    /* @__PURE__ */ L(ge, { onClick: b, children: [
-      /* @__PURE__ */ l(be, { children: D }),
-      /* @__PURE__ */ l(Y, { variant: "caption", fontWeight: 500, sx: Q.options.tag, children: I.short })
+  let P;
+  e[43] !== y || e[44] !== v || e[45] !== x || e[46] !== r || e[47] !== f || e[48] !== D || e[49] !== L || e[50] !== i || e[51] !== A.length ? (P = A.length > 1 && /* @__PURE__ */ I(K, { children: [
+    /* @__PURE__ */ I(ge, { onClick: v, children: [
+      /* @__PURE__ */ l(be, { children: L }),
+      /* @__PURE__ */ l(J, { variant: "caption", fontWeight: 500, sx: ee.options.tag, children: D.short })
     ] }),
-    /* @__PURE__ */ l(Zt, { open: h, labels: r, units: i, unitSelectedValue: I, onClose: x, onSubmit: y })
-  ] }), e[43] = y, e[44] = b, e[45] = x, e[46] = r, e[47] = h, e[48] = I, e[49] = D, e[50] = i, e[51] = A.length, e[52] = k) : k = e[52];
-  let R;
-  e[53] !== m || e[54] !== k || e[55] !== M ? (R = /* @__PURE__ */ L("div", { children: [
+    /* @__PURE__ */ l(Zt, { open: f, labels: r, units: i, unitSelectedValue: D, onClose: x, onSubmit: y })
+  ] }), e[43] = y, e[44] = v, e[45] = x, e[46] = r, e[47] = f, e[48] = D, e[49] = L, e[50] = i, e[51] = A.length, e[52] = P) : P = e[52];
+  let k;
+  e[53] !== m || e[54] !== P || e[55] !== M ? (k = /* @__PURE__ */ I("div", { children: [
     m,
     M,
-    k
-  ] }), e[53] = m, e[54] = k, e[55] = M, e[56] = R) : R = e[56];
-  let P;
-  e[57] !== v || e[58] !== R || e[59] !== g || e[60] !== C || e[61] !== w || e[62] !== _ || e[63] !== O ? (P = /* @__PURE__ */ l(v, { id: g, anchorEl: C, open: w, onClose: _, MenuListProps: O, children: R }), e[57] = v, e[58] = R, e[59] = g, e[60] = C, e[61] = w, e[62] = _, e[63] = O, e[64] = P) : P = e[64];
-  let j;
-  return e[65] !== P || e[66] !== S ? (j = /* @__PURE__ */ L(z, { children: [
-    S,
     P
-  ] }), e[65] = P, e[66] = S, e[67] = j) : j = e[67], j;
+  ] }), e[53] = m, e[54] = P, e[55] = M, e[56] = k) : k = e[56];
+  let R;
+  e[57] !== g || e[58] !== k || e[59] !== b || e[60] !== C || e[61] !== w || e[62] !== _ || e[63] !== O ? (R = /* @__PURE__ */ l(g, { id: b, anchorEl: C, open: w, onClose: _, MenuListProps: O, children: k }), e[57] = g, e[58] = k, e[59] = b, e[60] = C, e[61] = w, e[62] = _, e[63] = O, e[64] = R) : R = e[64];
+  let Z;
+  return e[65] !== R || e[66] !== S ? (Z = /* @__PURE__ */ I(K, { children: [
+    S,
+    R
+  ] }), e[65] = R, e[66] = S, e[67] = Z) : Z = e[67], Z;
 }
 function Zt({
   open: t,
@@ -1162,10 +1162,10 @@ function Zt({
   onClose: i,
   onSubmit: a
 }) {
-  const [r, s] = ne("metric"), c = Ce(() => n.filter((x) => x.system === r), [r, n]), u = (x, d) => {
+  const [r, s] = ie("metric"), c = Ce(() => n.filter((x) => x.system === r), [r, n]), u = (x, d) => {
     s(d);
-  }, p = e?.units?.modal?.options ?? re.options.units.modal.options, h = p[r].options, f = e?.units?.modal?.title ?? re.options.units.modal.title, v = e?.units?.modal?.subtitle ?? re.options.units.modal.subtitle, y = e?.units?.modal?.apply ?? re.options.units.modal.apply, b = o.system === r ? o : c[0];
-  return /* @__PURE__ */ L(Je, { open: t, component: X, onClose: i, maxWidth: "xs", PaperProps: {
+  }, p = e?.units?.modal?.options ?? re.options.units.modal.options, f = p[r].options, h = e?.units?.modal?.title ?? re.options.units.modal.title, g = e?.units?.modal?.subtitle ?? re.options.units.modal.subtitle, y = e?.units?.modal?.apply ?? re.options.units.modal.apply, v = o.system === r ? o : c[0];
+  return /* @__PURE__ */ I(Je, { open: t, component: Y, onClose: i, maxWidth: "xs", PaperProps: {
     component: "form",
     onSubmit: (x) => {
       x.preventDefault();
@@ -1173,22 +1173,22 @@ function Zt({
       a(d.get("unit-value"));
     }
   }, children: [
-    /* @__PURE__ */ L(et, { sx: Q.options.modal.title, children: [
-      f,
-      /* @__PURE__ */ l(se, { onClick: i, children: /* @__PURE__ */ l(Be, {}) })
+    /* @__PURE__ */ I(et, { sx: ee.options.modal.title, children: [
+      h,
+      /* @__PURE__ */ l(se, { onClick: i, children: /* @__PURE__ */ l(je, {}) })
     ] }),
-    /* @__PURE__ */ L(tt, { sx: Q.options.modal.content, children: [
-      /* @__PURE__ */ l(Y, { sx: Q.options.modal.subtitle, children: v }),
-      /* @__PURE__ */ L(Ze, { color: "primary", value: r, exclusive: !0, fullWidth: !0, onChange: u, "aria-label": "system", sx: Q.options.modal.toggle, children: [
+    /* @__PURE__ */ I(tt, { sx: ee.options.modal.content, children: [
+      /* @__PURE__ */ l(J, { sx: ee.options.modal.subtitle, children: g }),
+      /* @__PURE__ */ I(Ue, { color: "primary", value: r, exclusive: !0, fullWidth: !0, onChange: u, "aria-label": "system", sx: ee.options.modal.toggle, children: [
         /* @__PURE__ */ l(ve, { value: "metric", children: p.metric.title }),
         /* @__PURE__ */ l(ve, { value: "imperial", children: p.imperial.title })
       ] }),
-      /* @__PURE__ */ l(ot, { children: /* @__PURE__ */ l(lt, { "aria-labelledby": "unit-value", defaultValue: b?.value, name: "unit-value", sx: Q.options.modal.optionsGroup, children: c.map((x) => {
-        const d = h[x.value];
+      /* @__PURE__ */ l(ot, { children: /* @__PURE__ */ l(lt, { "aria-labelledby": "unit-value", defaultValue: v?.value, name: "unit-value", sx: ee.options.modal.optionsGroup, children: c.map((x) => {
+        const d = f[x.value];
         return /* @__PURE__ */ l(nt, { value: x.value, control: /* @__PURE__ */ l(it, {}), label: d }, x.value);
-      }) }) }, b?.value)
+      }) }) }, v?.value)
     ] }),
-    /* @__PURE__ */ l(rt, { sx: Q.options.modal.actions, children: /* @__PURE__ */ l(we, { variant: "contained", type: "submit", children: y }) })
+    /* @__PURE__ */ l(rt, { sx: ee.options.modal.actions, children: /* @__PURE__ */ l(we, { variant: "contained", type: "submit", children: y }) })
   ] });
 }
 const Vt = {
@@ -1204,46 +1204,46 @@ function mo(t) {
     watch: r,
     onChange: s,
     onError: c
-  } = t, u = Oe(null), p = "geolocation" in navigator, [h, f] = ne(p);
-  let v, y;
-  e[0] !== c ? (v = () => (p && navigator.permissions.query({
+  } = t, u = Oe(null), p = "geolocation" in navigator, [f, h] = ie(p);
+  let g, y;
+  e[0] !== c ? (g = () => (p && navigator.permissions.query({
     name: "geolocation"
   }).then((M) => {
-    f(M.state === "granted"), M.onchange = () => {
-      f(M.state === "granted");
+    h(M.state === "granted"), M.onchange = () => {
+      h(M.state === "granted");
     };
   }).catch((M) => {
-    f(!1), c?.(M);
+    h(!1), c?.(M);
   }), () => {
     u.current && navigator.geolocation.clearWatch(u.current);
-  }), y = [p, c], e[0] = c, e[1] = v, e[2] = y) : (v = e[1], y = e[2]), De(v, y);
-  let b;
-  e[3] !== s ? (b = (M) => {
+  }), y = [p, c], e[0] = c, e[1] = g, e[2] = y) : (g = e[1], y = e[2]), De(g, y);
+  let v;
+  e[3] !== s ? (v = (M) => {
     s(M.coords);
-  }, e[3] = s, e[4] = b) : b = e[4];
-  const x = b;
+  }, e[3] = s, e[4] = v) : v = e[4];
+  const x = v;
   let d;
   e[5] !== c ? (d = (M) => {
-    f(!1), c?.(M);
+    h(!1), c?.(M);
   }, e[5] = c, e[6] = d) : d = e[6];
   const m = d;
-  let g;
-  e[7] !== m || e[8] !== x || e[9] !== r ? (g = () => {
+  let b;
+  e[7] !== m || e[8] !== x || e[9] !== r ? (b = () => {
     if (u.current && navigator.geolocation.clearWatch(u.current), r) {
       u.current = navigator.geolocation.watchPosition(x, m);
       return;
     }
     navigator.geolocation.getCurrentPosition(x, m);
-  }, e[7] = m, e[8] = x, e[9] = r, e[10] = g) : g = e[10];
-  const C = g, _ = (o?.tooltip ?? Vt)[h ? "enabled" : "disabled"], O = o?.ariaLabel ?? Ut, S = !p || n;
+  }, e[7] = m, e[8] = x, e[9] = r, e[10] = b) : b = e[10];
+  const C = b, _ = (o?.tooltip ?? Vt)[f ? "enabled" : "disabled"], O = o?.ariaLabel ?? Ut, S = !p || n;
   let T;
-  e[11] !== h ? (T = h ? /* @__PURE__ */ l(Ne, {}) : /* @__PURE__ */ l(Fe, {}), e[11] = h, e[12] = T) : T = e[12];
-  let I;
-  e[13] !== C || e[14] !== O || e[15] !== S || e[16] !== T ? (I = /* @__PURE__ */ l(se, { onClick: C, "aria-label": O, disabled: S, children: T }), e[13] = C, e[14] = O, e[15] = S, e[16] = T, e[17] = I) : I = e[17];
+  e[11] !== f ? (T = f ? /* @__PURE__ */ l(He, {}) : /* @__PURE__ */ l(Xe, {}), e[11] = f, e[12] = T) : T = e[12];
   let D;
-  e[18] !== a || e[19] !== I || e[20] !== _ ? (D = /* @__PURE__ */ l(de, { arrow: !0, placement: "right", title: _, ...a, children: I }), e[18] = a, e[19] = I, e[20] = _, e[21] = D) : D = e[21];
+  e[13] !== C || e[14] !== O || e[15] !== S || e[16] !== T ? (D = /* @__PURE__ */ l(se, { onClick: C, "aria-label": O, disabled: S, children: T }), e[13] = C, e[14] = O, e[15] = S, e[16] = T, e[17] = D) : D = e[17];
+  let L;
+  e[18] !== a || e[19] !== D || e[20] !== _ ? (L = /* @__PURE__ */ l(de, { arrow: !0, placement: "right", title: _, ...a, children: D }), e[18] = a, e[19] = D, e[20] = _, e[21] = L) : L = e[21];
   let A;
-  return e[22] !== i || e[23] !== D ? (A = /* @__PURE__ */ l(ye, { ...i, children: D }), e[22] = i, e[23] = D, e[24] = A) : A = e[24], A;
+  return e[22] !== i || e[23] !== L ? (A = /* @__PURE__ */ l(ye, { ...i, children: L }), e[22] = i, e[23] = L, e[24] = A) : A = e[24], A;
 }
 const Ae = {
   zoom: {
@@ -1278,7 +1278,7 @@ const Ae = {
   }
 };
 function go(t) {
-  const e = E(40), {
+  const e = E(57), {
     zoom: n,
     disabled: o,
     direction: i,
@@ -1288,87 +1288,119 @@ function go(t) {
     PaperProps: c,
     ResetViewProps: u,
     showZoom: p,
-    onChange: h,
-    onReset: f
-  } = t, v = i === void 0 ? "vertical" : i, y = r === void 0 ? 24 : r, b = s === void 0 ? 0 : s;
+    onChange: f,
+    onReset: h
+  } = t, g = i === void 0 ? "vertical" : i, y = r === void 0 ? 24 : r, v = s === void 0 ? 0 : s;
   let x;
   e[0] !== u ? (x = u === void 0 ? {
-    Icon: He
+    Icon: qe
   } : u, e[0] = u, e[1] = x) : x = e[1];
   const d = x, m = p === void 0 ? !0 : p;
-  let g;
-  e[2] !== y || e[3] !== h || e[4] !== n ? (g = () => {
-    const B = Math.min(y, n + 1);
-    h(B);
-  }, e[2] = y, e[3] = h, e[4] = n, e[5] = g) : g = e[5];
-  const C = g;
+  let b;
+  e[2] !== y || e[3] !== f || e[4] !== n ? (b = () => {
+    const G = Math.min(y, n + 1);
+    f(G);
+  }, e[2] = y, e[3] = f, e[4] = n, e[5] = b) : b = e[5];
+  const C = b;
   let w;
-  e[6] !== b || e[7] !== h || e[8] !== n ? (w = () => {
-    const B = Math.max(b, n - 1);
-    h(B);
-  }, e[6] = b, e[7] = h, e[8] = n, e[9] = w) : w = e[9];
-  const _ = w, O = Math.floor(n), S = v === "vertical" ? "horizontal" : "vertical", T = v === "vertical" ? "column" : "row";
-  let I;
-  e[10] !== T ? (I = {
-    ...Ae.paper,
-    flexDirection: T
-  }, e[10] = T, e[11] = I) : I = e[11];
+  e[6] !== v || e[7] !== f || e[8] !== n ? (w = () => {
+    const G = Math.max(v, n - 1);
+    f(G);
+  }, e[6] = v, e[7] = f, e[8] = n, e[9] = w) : w = e[9];
+  const _ = w, O = Math.floor(n), S = g === "vertical" ? "horizontal" : "vertical";
+  let T;
+  e[10] !== o || e[11] !== C ? (T = {
+    onClick: C,
+    "aria-label": "Increase zoom",
+    disabled: o
+  }, e[10] = o, e[11] = C, e[12] = T) : T = e[12];
   let D;
-  e[12] !== d || e[13] !== o || e[14] !== S || e[15] !== f ? (D = f && /* @__PURE__ */ L(z, { children: [
-    /* @__PURE__ */ l(se, { onClick: f, "aria-label": "Reset action", disabled: o, children: /* @__PURE__ */ l(d.Icon, {}) }),
-    /* @__PURE__ */ l(ae, { orientation: S, flexItem: !0 })
-  ] }), e[12] = d, e[13] = o, e[14] = S, e[15] = f, e[16] = D) : D = e[16];
-  let A;
-  e[17] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ l(Xe, {}), e[17] = A) : A = e[17];
+  e[13] !== _ || e[14] !== o ? (D = {
+    onClick: _,
+    "aria-label": "Decrease zoom",
+    disabled: o
+  }, e[13] = _, e[14] = o, e[15] = D) : D = e[15];
+  let L;
+  e[16] !== D || e[17] !== T ? (L = {
+    zoomIn: T,
+    zoomOut: D
+  }, e[16] = D, e[17] = T, e[18] = L) : L = e[18];
+  const A = L;
   let M;
-  e[18] !== o || e[19] !== C ? (M = /* @__PURE__ */ l(se, { onClick: C, "aria-label": "Increase zoom", disabled: o, children: A }), e[18] = o, e[19] = C, e[20] = M) : M = e[20];
+  e[19] !== g ? (M = g === "vertical" ? /* @__PURE__ */ l(Ie, {}) : /* @__PURE__ */ l(Le, {}), e[19] = g, e[20] = M) : M = e[20];
+  const P = g === "vertical" ? A.zoomIn : A.zoomOut;
   let k;
-  e[21] !== S ? (k = /* @__PURE__ */ l(ae, { orientation: S, flexItem: !0 }), e[21] = S, e[22] = k) : k = e[22];
-  let R;
-  e[23] !== O || e[24] !== S || e[25] !== a || e[26] !== m ? (R = m && /* @__PURE__ */ L(z, { children: [
-    /* @__PURE__ */ L(X, { sx: Ae.zoom, children: [
-      /* @__PURE__ */ l(Y, { display: "block", align: "center", color: "textSecondary", variant: "overline", children: O }),
+  e[21] !== M || e[22] !== P ? (k = {
+    icon: M,
+    props: P
+  }, e[21] = M, e[22] = P, e[23] = k) : k = e[23];
+  const R = k;
+  let Z;
+  e[24] !== g ? (Z = g === "vertical" ? /* @__PURE__ */ l(Le, {}) : /* @__PURE__ */ l(Ie, {}), e[24] = g, e[25] = Z) : Z = e[25];
+  const V = g === "vertical" ? A.zoomOut : A.zoomIn;
+  let B;
+  e[26] !== Z || e[27] !== V ? (B = {
+    icon: Z,
+    props: V
+  }, e[26] = Z, e[27] = V, e[28] = B) : B = e[28];
+  const U = B, N = g === "vertical" ? "column" : "row";
+  let j;
+  e[29] !== N ? (j = {
+    ...Ae.paper,
+    flexDirection: N
+  }, e[29] = N, e[30] = j) : j = e[30];
+  let F;
+  e[31] !== d || e[32] !== o || e[33] !== S || e[34] !== h ? (F = h && /* @__PURE__ */ I(K, { children: [
+    /* @__PURE__ */ l(se, { onClick: h, "aria-label": "Reset action", disabled: o, children: /* @__PURE__ */ l(d.Icon, {}) }),
+    /* @__PURE__ */ l(ae, { orientation: S, flexItem: !0 })
+  ] }), e[31] = d, e[32] = o, e[33] = S, e[34] = h, e[35] = F) : F = e[35];
+  let W;
+  e[36] !== R.icon || e[37] !== R.props ? (W = /* @__PURE__ */ l(se, { ...R.props, children: R.icon }), e[36] = R.icon, e[37] = R.props, e[38] = W) : W = e[38];
+  let q;
+  e[39] !== S ? (q = /* @__PURE__ */ l(ae, { orientation: S, flexItem: !0 }), e[39] = S, e[40] = q) : q = e[40];
+  let $;
+  e[41] !== O || e[42] !== S || e[43] !== a || e[44] !== m ? ($ = m && /* @__PURE__ */ I(K, { children: [
+    /* @__PURE__ */ I(Y, { sx: Ae.zoom, children: [
+      /* @__PURE__ */ l(J, { display: "block", align: "center", color: "textSecondary", variant: "overline", children: O }),
       a && /* @__PURE__ */ l(st, { sx: Ae.circularProgress, variant: "indeterminate", size: 24 })
     ] }),
     /* @__PURE__ */ l(ae, { orientation: S, flexItem: !0 })
-  ] }), e[23] = O, e[24] = S, e[25] = a, e[26] = m, e[27] = R) : R = e[27];
-  let P;
-  e[28] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ l(qe, {}), e[28] = P) : P = e[28];
-  let j;
-  e[29] !== _ || e[30] !== o ? (j = /* @__PURE__ */ l(se, { onClick: _, "aria-label": "Decrease zoom", disabled: o, children: P }), e[29] = _, e[30] = o, e[31] = j) : j = e[31];
-  let $;
-  return e[32] !== c || e[33] !== I || e[34] !== D || e[35] !== M || e[36] !== k || e[37] !== R || e[38] !== j ? ($ = /* @__PURE__ */ L(ye, { sx: I, ...c, children: [
-    D,
-    M,
-    k,
-    R,
-    j
-  ] }), e[32] = c, e[33] = I, e[34] = D, e[35] = M, e[36] = k, e[37] = R, e[38] = j, e[39] = $) : $ = e[39], $;
+  ] }), e[41] = O, e[42] = S, e[43] = a, e[44] = m, e[45] = $) : $ = e[45];
+  let z;
+  e[46] !== U.icon || e[47] !== U.props ? (z = /* @__PURE__ */ l(se, { ...U.props, children: U.icon }), e[46] = U.icon, e[47] = U.props, e[48] = z) : z = e[48];
+  let H;
+  return e[49] !== c || e[50] !== j || e[51] !== F || e[52] !== W || e[53] !== q || e[54] !== $ || e[55] !== z ? (H = /* @__PURE__ */ I(ye, { sx: j, ...c, children: [
+    F,
+    W,
+    q,
+    $,
+    z
+  ] }), e[49] = c, e[50] = j, e[51] = F, e[52] = W, e[53] = q, e[54] = $, e[55] = z, e[56] = H) : H = e[56], H;
 }
 function Wt(t) {
   const e = E(4), {
     length: n
   } = t, o = n === void 0 ? 5 : n;
   let i;
-  e[0] !== o ? (i = new Array(o).fill(null).map(Gt), e[0] = o, e[1] = i) : i = e[1];
+  e[0] !== o ? (i = new Array(o).fill(null).map(zt), e[0] = o, e[1] = i) : i = e[1];
   let a;
-  return e[2] !== i ? (a = /* @__PURE__ */ l(X, { "aria-label": "List Data skeleton", children: i }), e[2] = i, e[3] = a) : a = e[3], a;
+  return e[2] !== i ? (a = /* @__PURE__ */ l(Y, { "aria-label": "List Data skeleton", children: i }), e[2] = i, e[3] = a) : a = e[3], a;
 }
-function Gt(t, e) {
-  return /* @__PURE__ */ L(me, { container: !0, spacing: 1, children: [
-    /* @__PURE__ */ L(me, { container: !0, item: !0, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+function zt(t, e) {
+  return /* @__PURE__ */ I(me, { container: !0, spacing: 1, children: [
+    /* @__PURE__ */ I(me, { container: !0, item: !0, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
       /* @__PURE__ */ l(Se, { width: Ht(e) ? 72 : 48, height: 20 }),
       /* @__PURE__ */ l(Se, { width: 48, height: 8 })
     ] }),
     /* @__PURE__ */ l(Se, { sx: {
       height: Ft,
       marginTop: Nt,
-      marginBottom: zt,
+      marginBottom: Gt,
       width: "100%"
     } })
   ] }, e);
 }
-function zt(t) {
+function Gt(t) {
   const {
     spacing: e
   } = t;
@@ -1397,21 +1429,21 @@ function Xt(t) {
   } = t, a = n === void 0 ? "No data available" : n, r = o === void 0 ? "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." : o;
   if (i) {
     let p;
-    e[0] !== r ? (p = /* @__PURE__ */ l(Re, { children: r }), e[0] = r, e[1] = p) : p = e[1];
-    let h;
-    return e[2] !== i || e[3] !== p || e[4] !== a ? (h = /* @__PURE__ */ l(at, { title: a, severity: i, children: p }), e[2] = i, e[3] = p, e[4] = a, e[5] = h) : h = e[5], h;
+    e[0] !== r ? (p = /* @__PURE__ */ l(Pe, { children: r }), e[0] = r, e[1] = p) : p = e[1];
+    let f;
+    return e[2] !== i || e[3] !== p || e[4] !== a ? (f = /* @__PURE__ */ l(at, { title: a, severity: i, children: p }), e[2] = i, e[3] = p, e[4] = a, e[5] = f) : f = e[5], f;
   }
   let s;
-  e[6] !== a ? (s = a && /* @__PURE__ */ l(Y, { variant: "body2", children: a }), e[6] = a, e[7] = s) : s = e[7];
+  e[6] !== a ? (s = a && /* @__PURE__ */ l(J, { variant: "body2", children: a }), e[6] = a, e[7] = s) : s = e[7];
   let c;
-  e[8] !== r ? (c = /* @__PURE__ */ l(Re, { color: "textSecondary", children: r }), e[8] = r, e[9] = c) : c = e[9];
+  e[8] !== r ? (c = /* @__PURE__ */ l(Pe, { color: "textSecondary", children: r }), e[8] = r, e[9] = c) : c = e[9];
   let u;
-  return e[10] !== s || e[11] !== c ? (u = /* @__PURE__ */ L(X, { children: [
+  return e[10] !== s || e[11] !== c ? (u = /* @__PURE__ */ I(Y, { children: [
     s,
     c
   ] }), e[10] = s, e[11] = c, e[12] = u) : u = e[12], u;
 }
-function Re(t) {
+function Pe(t) {
   const e = E(5), {
     color: n,
     children: o
@@ -1423,31 +1455,31 @@ function Re(t) {
       fontWeight: "normal"
     }, e[0] = r) : r = e[0];
     let s;
-    return e[1] !== o || e[2] !== a ? (s = /* @__PURE__ */ l(X, { mt: 0.5, children: /* @__PURE__ */ l(Y, { component: "div", variant: "caption", color: a, style: r, children: o }) }), e[1] = o, e[2] = a, e[3] = s) : s = e[3], s;
+    return e[1] !== o || e[2] !== a ? (s = /* @__PURE__ */ l(Y, { mt: 0.5, children: /* @__PURE__ */ l(J, { component: "div", variant: "caption", color: a, style: r, children: o }) }), e[1] = o, e[2] = a, e[3] = s) : s = e[3], s;
   }
   let i;
-  return e[4] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l(X, { mt: -1 }), e[4] = i) : i = e[4], i;
+  return e[4] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l(Y, { mt: -1 }), e[4] = i) : i = e[4], i;
 }
 function qt(t) {
-  const e = E(4), [n, o] = ne(!1), [i, a] = ne(!1);
+  const e = E(4), [n, o] = ie(!1), [i, a] = ie(!1);
   let r, s;
   return e[0] !== i || e[1] !== t ? (r = () => {
     t && !i && (o(!0), a(!0)), t || o(!1);
   }, s = [t, i], e[0] = i, e[1] = t, e[2] = r, e[3] = s) : (r = e[2], s = e[3]), De(r, s), n;
 }
-const Ee = {
+const Be = {
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
-}, pe = {
+}, fe = {
   label: {
     "& .MuiListItemText-primary": {
-      ...Ee
+      ...Be
     }
   },
   value: {
     "& .MuiListItemText-primary": {
-      ...Ee,
+      ...Be,
       textAlign: "right"
     }
   },
@@ -1481,7 +1513,7 @@ function Kt({
   TooltipProps: o,
   children: i
 }) {
-  const a = Oe(null), [r, s] = ne(!1);
+  const a = Oe(null), [r, s] = ie(!1);
   return mt(() => {
     const c = setTimeout(() => {
       if (a.current) {
@@ -1510,18 +1542,18 @@ function bo(t) {
     onExpand: u,
     onItemClick: p
   } = t;
-  let h;
-  e[0] !== n ? (h = n === void 0 ? [] : n, e[0] = n, e[1] = h) : h = e[1];
-  const f = h, v = o === void 0 ? !1 : o, y = i === void 0 ? 5 : i, b = a === void 0 ? Yt : a, x = r === void 0 ? !0 : r, [d, m] = ne(!1), g = qt(v);
+  let f;
+  e[0] !== n ? (f = n === void 0 ? [] : n, e[0] = n, e[1] = f) : f = e[1];
+  const h = f, g = o === void 0 ? !1 : o, y = i === void 0 ? 5 : i, v = a === void 0 ? Yt : a, x = r === void 0 ? !0 : r, [d, m] = ie(!1), b = qt(g);
   let C, w;
-  e[2] !== f || e[3] !== y || e[4] !== d ? (w = d ? f : f.slice(0, y), e[2] = f, e[3] = y, e[4] = d, e[5] = w) : w = e[5], C = w;
+  e[2] !== h || e[3] !== y || e[4] !== d ? (w = d ? h : h.slice(0, y), e[2] = h, e[3] = y, e[4] = d, e[5] = w) : w = e[5], C = w;
   const _ = C;
   let O;
   e[6] !== u || e[7] !== d ? (O = () => {
     m(!d), u?.(d);
   }, e[6] = u, e[7] = d, e[8] = O) : O = e[8];
   const S = O;
-  if (g) {
+  if (b) {
     let M;
     return e[9] !== y ? (M = /* @__PURE__ */ l(Wt, { length: y }), e[9] = y, e[10] = M) : M = e[10], M;
   }
@@ -1532,33 +1564,33 @@ function bo(t) {
   let T;
   if (e[12] !== _ || e[13] !== p || e[14] !== s || e[15] !== x || e[16] !== c) {
     let M;
-    e[18] !== p || e[19] !== s || e[20] !== x || e[21] !== c ? (M = (k, R) => /* @__PURE__ */ l(Kt, { followCursor: !1, placement: "top", arrow: !0, title: k.tooltipTitle, enterDelay: 10, ...c, children: (P) => {
+    e[18] !== p || e[19] !== s || e[20] !== x || e[21] !== c ? (M = (P, k) => /* @__PURE__ */ l(Kt, { followCursor: !1, placement: "top", arrow: !0, title: P.tooltipTitle, enterDelay: 10, ...c, children: (R) => {
       const {
-        ref: j
-      } = P;
-      return /* @__PURE__ */ l(ct, { ref: j, role: "listitem", sx: {
-        ...x && pe.showDivider,
-        ...p && pe.clickable,
-        ...s === k.id && pe.selected,
-        ...k.disabled && pe.disabled
+        ref: Z
+      } = R;
+      return /* @__PURE__ */ l(ct, { ref: Z, role: "listitem", sx: {
+        ...x && fe.showDivider,
+        ...p && fe.clickable,
+        ...s === P.id && fe.selected,
+        ...P.disabled && fe.disabled
       }, onClick: () => {
-        k.disabled || p?.(k);
-      }, children: /* @__PURE__ */ L(me, { container: !0, alignItems: "center", children: [
-        /* @__PURE__ */ l(me, { item: !0, xs: 8, children: /* @__PURE__ */ l(be, { primary: k.label, sx: pe.label }) }),
-        /* @__PURE__ */ l(me, { item: !0, xs: 4, children: /* @__PURE__ */ l(be, { primary: k.value, sx: pe.value }) })
+        P.disabled || p?.(P);
+      }, children: /* @__PURE__ */ I(me, { container: !0, alignItems: "center", children: [
+        /* @__PURE__ */ l(me, { item: !0, xs: 8, children: /* @__PURE__ */ l(be, { primary: P.label, sx: fe.label }) }),
+        /* @__PURE__ */ l(me, { item: !0, xs: 4, children: /* @__PURE__ */ l(be, { primary: P.value, sx: fe.value }) })
       ] }) });
-    } }, `list-item-${R}`), e[18] = p, e[19] = s, e[20] = x, e[21] = c, e[22] = M) : M = e[22], T = _.map(M), e[12] = _, e[13] = p, e[14] = s, e[15] = x, e[16] = c, e[17] = T;
+    } }, `list-item-${k}`), e[18] = p, e[19] = s, e[20] = x, e[21] = c, e[22] = M) : M = e[22], T = _.map(M), e[12] = _, e[13] = p, e[14] = s, e[15] = x, e[16] = c, e[17] = T;
   } else
     T = e[17];
-  let I;
-  e[23] !== T ? (I = /* @__PURE__ */ l(dt, { id: "expandable-list", role: "list", children: T }), e[23] = T, e[24] = I) : I = e[24];
   let D;
-  e[25] !== f.length || e[26] !== S || e[27] !== b || e[28] !== y || e[29] !== d ? (D = f.length > y && /* @__PURE__ */ l(X, { my: 2, children: /* @__PURE__ */ l(we, { onClick: S, variant: "text", color: "primary", "aria-expanded": d, "aria-controls": "expandable-list", children: d ? b.showLess : b.showMore }) }), e[25] = f.length, e[26] = S, e[27] = b, e[28] = y, e[29] = d, e[30] = D) : D = e[30];
+  e[23] !== T ? (D = /* @__PURE__ */ l(dt, { id: "expandable-list", role: "list", children: T }), e[23] = T, e[24] = D) : D = e[24];
+  let L;
+  e[25] !== h.length || e[26] !== S || e[27] !== v || e[28] !== y || e[29] !== d ? (L = h.length > y && /* @__PURE__ */ l(Y, { my: 2, children: /* @__PURE__ */ l(we, { onClick: S, variant: "text", color: "primary", "aria-expanded": d, "aria-controls": "expandable-list", children: d ? v.showLess : v.showMore }) }), e[25] = h.length, e[26] = S, e[27] = v, e[28] = y, e[29] = d, e[30] = L) : L = e[30];
   let A;
-  return e[31] !== I || e[32] !== D ? (A = /* @__PURE__ */ L(z, { children: [
-    I,
-    D
-  ] }), e[31] = I, e[32] = D, e[33] = A) : A = e[33], A;
+  return e[31] !== D || e[32] !== L ? (A = /* @__PURE__ */ I(K, { children: [
+    D,
+    L
+  ] }), e[31] = D, e[32] = L, e[33] = A) : A = e[33], A;
 }
 const Qt = 288, ue = {
   root: {
@@ -1680,12 +1712,12 @@ function eo(t) {
     onChangeCollapsed: i
   } = t, a = n === void 0 ? !1 : n;
   let r;
-  e[0] !== a || e[1] !== o || e[2] !== i ? (r = a && /* @__PURE__ */ L(z, { children: [
-    /* @__PURE__ */ l(Y, { variant: "caption", flexGrow: 1, children: o.title }),
-    /* @__PURE__ */ l(de, { title: o.actions.close, children: /* @__PURE__ */ l(se, { size: "small", onClick: i, "aria-label": o.actions.close, children: /* @__PURE__ */ l(Be, {}) }) })
+  e[0] !== a || e[1] !== o || e[2] !== i ? (r = a && /* @__PURE__ */ I(K, { children: [
+    /* @__PURE__ */ l(J, { variant: "caption", flexGrow: 1, children: o.title }),
+    /* @__PURE__ */ l(de, { title: o.actions.close, children: /* @__PURE__ */ l(se, { size: "small", onClick: i, "aria-label": o.actions.close, children: /* @__PURE__ */ l(je, {}) }) })
   ] }), e[0] = a, e[1] = o, e[2] = i, e[3] = r) : r = e[3];
   let s;
-  return e[4] !== r ? (s = /* @__PURE__ */ l(X, { sx: ue.header, children: r }), e[4] = r, e[5] = s) : s = e[5], s;
+  return e[4] !== r ? (s = /* @__PURE__ */ l(Y, { sx: ue.header, children: r }), e[4] = r, e[5] = s) : s = e[5], s;
 }
 function to(t) {
   const e = E(5), {
@@ -1696,9 +1728,9 @@ function to(t) {
   if (i === void 0 ? !1 : i)
     return o;
   let r;
-  e[0] !== n ? (r = /* @__PURE__ */ l(Y, { variant: "caption", color: "textSecondary", sx: ue.groupWrapper.content, children: n }), e[0] = n, e[1] = r) : r = e[1];
+  e[0] !== n ? (r = /* @__PURE__ */ l(J, { variant: "caption", color: "textSecondary", sx: ue.groupWrapper.content, children: n }), e[0] = n, e[1] = r) : r = e[1];
   let s;
-  return e[2] !== o || e[3] !== r ? (s = /* @__PURE__ */ L(z, { children: [
+  return e[2] !== o || e[3] !== r ? (s = /* @__PURE__ */ I(K, { children: [
     r,
     o
   ] }), e[2] = o, e[3] = r, e[4] = s) : s = e[4], s;
@@ -1714,9 +1746,9 @@ function oo(t) {
     let s;
     e[4] !== i || e[5] !== o ? (s = (c) => {
       const u = c.id === o;
-      return /* @__PURE__ */ L(X, { sx: ue.item.container, component: "button", "aria-label": c.label, onClick: () => i(c.id), children: [
+      return /* @__PURE__ */ I(Y, { sx: ue.item.container, component: "button", "aria-label": c.label, onClick: () => i(c.id), children: [
         /* @__PURE__ */ l("img", { src: c.icon, "aria-label": c.label + " icon", "data-active": u }),
-        /* @__PURE__ */ l(Y, { variant: "caption", sx: {
+        /* @__PURE__ */ l(J, { variant: "caption", sx: {
           ...u && ue.item.selected
         }, children: c.label })
       ] }, c.id);
@@ -1724,7 +1756,7 @@ function oo(t) {
   } else
     a = e[3];
   let r;
-  return e[7] !== a ? (r = /* @__PURE__ */ l(X, { sx: ue.group, children: a }), e[7] = a, e[8] = r) : r = e[8], r;
+  return e[7] !== a ? (r = /* @__PURE__ */ l(Y, { sx: ue.group, children: a }), e[7] = a, e[8] = r) : r = e[8], r;
 }
 function lo(t) {
   const e = E(21), {
@@ -1742,23 +1774,23 @@ function lo(t) {
     let w;
     return e[0] !== o || e[1] !== u || e[2] !== C ? (w = /* @__PURE__ */ l(ut, { anchor: "bottom", open: C, onClose: u, children: o }), e[0] = o, e[1] = u, e[2] = C, e[3] = w) : w = e[3], w;
   }
-  const h = !i;
-  let f;
-  e[4] !== u ? (f = () => u(!0), e[4] = u, e[5] = f) : f = e[5];
-  const v = r.startsWith("bottom") ? "bottom" : "top", y = r.endsWith("right") ? "left" : "right";
-  let b;
-  e[6] !== v || e[7] !== y ? (b = {
-    vertical: v,
+  const f = !i;
+  let h;
+  e[4] !== u ? (h = () => u(!0), e[4] = u, e[5] = h) : h = e[5];
+  const g = r.startsWith("bottom") ? "bottom" : "top", y = r.endsWith("right") ? "left" : "right";
+  let v;
+  e[6] !== g || e[7] !== y ? (v = {
+    vertical: g,
     horizontal: y
-  }, e[6] = v, e[7] = y, e[8] = b) : b = e[8];
+  }, e[6] = g, e[7] = y, e[8] = v) : v = e[8];
   const x = r.startsWith("bottom") ? "bottom" : "top", d = r.endsWith("right") ? "right" : "left";
   let m;
   e[9] !== x || e[10] !== d ? (m = {
     vertical: x,
     horizontal: d
   }, e[9] = x, e[10] = d, e[11] = m) : m = e[11];
-  let g;
-  return e[12] !== o || e[13] !== n || e[14] !== c || e[15] !== s || e[16] !== h || e[17] !== f || e[18] !== b || e[19] !== m ? (g = /* @__PURE__ */ l(ht, { sx: s, anchorEl: n, open: h, onClose: f, anchorOrigin: b, transformOrigin: m, slotProps: c, children: o }), e[12] = o, e[13] = n, e[14] = c, e[15] = s, e[16] = h, e[17] = f, e[18] = b, e[19] = m, e[20] = g) : g = e[20], g;
+  let b;
+  return e[12] !== o || e[13] !== n || e[14] !== c || e[15] !== s || e[16] !== f || e[17] !== h || e[18] !== v || e[19] !== m ? (b = /* @__PURE__ */ l(pt, { sx: s, anchorEl: n, open: f, onClose: h, anchorOrigin: v, transformOrigin: m, slotProps: c, children: o }), e[12] = o, e[13] = n, e[14] = c, e[15] = s, e[16] = f, e[17] = h, e[18] = v, e[19] = m, e[20] = b) : b = e[20], b;
 }
 function vo(t) {
   const e = E(52), {
@@ -1771,86 +1803,86 @@ function vo(t) {
   } = t;
   let c;
   e[0] !== n ? (c = n === void 0 ? [] : n, e[0] = n, e[1] = c) : c = e[1];
-  const u = c, p = i === void 0 ? "bottom-right" : i, h = a === void 0 ? null : a, [f, v] = ne(null), y = Oe(null), [b, x] = ne(null), d = pt();
+  const u = c, p = i === void 0 ? "bottom-right" : i, f = a === void 0 ? null : a, [h, g] = ie(null), y = Oe(null), [v, x] = ie(null), d = ft();
   let m;
   e[2] !== d.breakpoints ? (m = d.breakpoints.down("sm"), e[2] = d.breakpoints, e[3] = m) : m = e[3];
-  const g = ft(m);
+  const b = ht(m);
   let C;
   e[4] !== o ? (C = o ?? {}, e[4] = o, e[5] = C) : C = e[5];
   let w;
   e[6] !== C ? (w = xe(Jt, C), e[6] = C, e[7] = w) : w = e[7];
-  const _ = w, O = !f;
+  const _ = w, O = !h;
   let S;
-  if (e[8] !== u || e[9] !== h) {
-    let le;
-    e[11] !== h ? (le = (he) => he.id === h, e[11] = h, e[12] = le) : le = e[12], S = u.find(le), e[8] = u, e[9] = h, e[10] = S;
+  if (e[8] !== u || e[9] !== f) {
+    let ne;
+    e[11] !== f ? (ne = (pe) => pe.id === f, e[11] = f, e[12] = ne) : ne = e[12], S = u.find(ne), e[8] = u, e[9] = f, e[10] = S;
   } else
     S = e[10];
-  const T = S, I = Object.groupBy(u, no), D = Object.keys(I).length;
+  const T = S, D = Object.groupBy(u, no), L = Object.keys(D).length;
   let A, M;
-  e[13] !== b ? (M = () => {
-    if (y.current && clearTimeout(y.current), !!b)
+  e[13] !== v ? (M = () => {
+    if (y.current && clearTimeout(y.current), !!v)
       return y.current = setTimeout(() => {
-        v(null);
-      }, b), () => {
+        g(null);
+      }, v), () => {
         y.current && clearTimeout(y.current);
       };
-  }, A = [b], e[13] = b, e[14] = A, e[15] = M) : (A = e[14], M = e[15]), De(M, A);
-  let k;
-  e[16] === Symbol.for("react.memo_cache_sentinel") ? (k = () => {
-    x(null);
-  }, e[16] = k) : k = e[16];
-  const R = k;
+  }, A = [v], e[13] = v, e[14] = A, e[15] = M) : (A = e[14], M = e[15]), De(M, A);
   let P;
-  e[17] === Symbol.for("react.memo_cache_sentinel") ? (P = () => {
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (P = () => {
+    x(null);
+  }, e[16] = P) : P = e[16];
+  const k = P;
+  let R;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (R = () => {
     x(400);
-  }, e[17] = P) : P = e[17];
-  const j = P, $ = ye;
+  }, e[17] = R) : R = e[17];
+  const Z = R, V = ye;
   let B;
-  e[18] === Symbol.for("react.memo_cache_sentinel") ? (B = (le) => {
-    v(le.currentTarget);
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (B = (ne) => {
+    g(ne.currentTarget);
   }, e[18] = B) : B = e[18];
-  const N = T?.icon, W = T?.label ?? "Basemap";
-  let G;
-  e[19] !== N || e[20] !== W ? (G = /* @__PURE__ */ l(se, { sx: ue.toggle, onClick: B, children: /* @__PURE__ */ l("img", { src: N, alt: W }) }), e[19] = N, e[20] = W, e[21] = G) : G = e[21];
-  let ee;
-  e[22] !== s || e[23] !== _.toggle.title || e[24] !== G ? (ee = /* @__PURE__ */ l(de, { title: _.toggle.title, placement: "right", ...s, children: G }), e[22] = s, e[23] = _.toggle.title, e[24] = G, e[25] = ee) : ee = e[25];
-  const F = lo, ie = `translate3d(${p.endsWith("right") ? "-8px" : "8px"}, ${p.startsWith("bottom") ? "-4px" : "4px"}, 0) !important`;
-  let Z;
-  e[26] !== ie ? (Z = {
+  const U = T?.icon, N = T?.label ?? "Basemap";
+  let j;
+  e[19] !== U || e[20] !== N ? (j = /* @__PURE__ */ l(se, { sx: ue.toggle, onClick: B, children: /* @__PURE__ */ l("img", { src: U, alt: N }) }), e[19] = U, e[20] = N, e[21] = j) : j = e[21];
+  let F;
+  e[22] !== s || e[23] !== _.toggle.title || e[24] !== j ? (F = /* @__PURE__ */ l(de, { title: _.toggle.title, placement: "right", ...s, children: j }), e[22] = s, e[23] = _.toggle.title, e[24] = j, e[25] = F) : F = e[25];
+  const W = lo, q = `translate3d(${p.endsWith("right") ? "-8px" : "8px"}, ${p.startsWith("bottom") ? "-4px" : "4px"}, 0) !important`;
+  let $;
+  e[26] !== q ? ($ = {
     paper: {
       sx: {
         ...ue.root,
-        transform: ie
+        transform: q
       },
-      onMouseOver: R,
-      onMouseLeave: j
+      onMouseOver: k,
+      onMouseLeave: Z
     }
-  }, e[26] = ie, e[27] = Z) : Z = e[27];
+  }, e[26] = q, e[27] = $) : $ = e[27];
+  let z;
+  e[28] === Symbol.for("react.memo_cache_sentinel") ? (z = () => g(null), e[28] = z) : z = e[28];
   let H;
-  e[28] === Symbol.for("react.memo_cache_sentinel") ? (H = () => v(null), e[28] = H) : H = e[28];
-  let q;
-  e[29] === Symbol.for("react.memo_cache_sentinel") ? (q = () => v(null), e[29] = q) : q = e[29];
-  let V;
-  e[30] !== g || e[31] !== _.header ? (V = /* @__PURE__ */ l(eo, { isMobile: g, labels: _.header, onChangeCollapsed: q }), e[30] = g, e[31] = _.header, e[32] = V) : V = e[32];
-  let te;
-  e[33] !== D || e[34] !== _.header || e[35] !== r || e[36] !== h ? (te = (le) => {
-    const [he, Me] = le;
-    return /* @__PURE__ */ l(to, { title: he + " " + _.header.title, collapsed: D < 2, children: /* @__PURE__ */ l(oo, { values: Me, selected: h, onChange: (Ge) => {
-      v(null), r(Ge);
-    } }) }, he);
-  }, e[33] = D, e[34] = _.header, e[35] = r, e[36] = h, e[37] = te) : te = e[37];
-  const fe = Object.entries(I).map(te);
+  e[29] === Symbol.for("react.memo_cache_sentinel") ? (H = () => g(null), e[29] = H) : H = e[29];
+  let G;
+  e[30] !== b || e[31] !== _.header ? (G = /* @__PURE__ */ l(eo, { isMobile: b, labels: _.header, onChangeCollapsed: H }), e[30] = b, e[31] = _.header, e[32] = G) : G = e[32];
   let oe;
-  e[38] !== F || e[39] !== O || e[40] !== g || e[41] !== p || e[42] !== Z || e[43] !== H || e[44] !== V || e[45] !== fe || e[46] !== f ? (oe = /* @__PURE__ */ L(F, { ref: f, slotProps: Z, collapsed: O, position: p, isMobile: g, onChangeCollapsed: H, children: [
-    V,
-    fe
-  ] }), e[38] = F, e[39] = O, e[40] = g, e[41] = p, e[42] = Z, e[43] = H, e[44] = V, e[45] = fe, e[46] = f, e[47] = oe) : oe = e[47];
-  let U;
-  return e[48] !== $ || e[49] !== ee || e[50] !== oe ? (U = /* @__PURE__ */ L($, { children: [
-    ee,
-    oe
-  ] }), e[48] = $, e[49] = ee, e[50] = oe, e[51] = U) : U = e[51], U;
+  e[33] !== L || e[34] !== _.header || e[35] !== r || e[36] !== f ? (oe = (ne) => {
+    const [pe, Me] = ne;
+    return /* @__PURE__ */ l(to, { title: pe + " " + _.header.title, collapsed: L < 2, children: /* @__PURE__ */ l(oo, { values: Me, selected: f, onChange: (Ne) => {
+      g(null), r(Ne);
+    } }) }, pe);
+  }, e[33] = L, e[34] = _.header, e[35] = r, e[36] = f, e[37] = oe) : oe = e[37];
+  const he = Object.entries(D).map(oe);
+  let le;
+  e[38] !== W || e[39] !== O || e[40] !== b || e[41] !== p || e[42] !== $ || e[43] !== z || e[44] !== G || e[45] !== he || e[46] !== h ? (le = /* @__PURE__ */ I(W, { ref: h, slotProps: $, collapsed: O, position: p, isMobile: b, onChangeCollapsed: z, children: [
+    G,
+    he
+  ] }), e[38] = W, e[39] = O, e[40] = b, e[41] = p, e[42] = $, e[43] = z, e[44] = G, e[45] = he, e[46] = h, e[47] = le) : le = e[47];
+  let X;
+  return e[48] !== V || e[49] !== F || e[50] !== le ? (X = /* @__PURE__ */ I(V, { children: [
+    F,
+    le
+  ] }), e[48] = V, e[49] = F, e[50] = le, e[51] = X) : X = e[51], X;
 }
 function no(t) {
   return t.group ?? "default";
@@ -1859,7 +1891,7 @@ export {
   Et as AreaIcon,
   vo as BasemapsUI,
   Rt as BufferIcon,
-  ho as DEFAULT_LASSO_TOOLS_MODES_MAPPING,
+  po as DEFAULT_LASSO_TOOLS_MODES_MAPPING,
   re as DEFAULT_MEASUREMENT_TOOLS_LABELS,
   Bt as DEFAULT_MEASUREMENT_TOOLS_MODES_MAPPING,
   Pt as DEFAULT_MEASUREMENT_TOOLS_UNITS_MAPPING,
@@ -1868,11 +1900,11 @@ export {
   yt as DrawPolygonIcon,
   xt as DrawSquareIcon,
   mo as GeolocationControls,
-  K as LASSO_TOOLS_LABELS,
-  po as LassoToolsInlineUI,
+  Q as LASSO_TOOLS_LABELS,
+  fo as LassoToolsInlineUI,
   ce as LassoToolsUI,
   bo as ListDataUI,
-  fo as MeasurementToolsUI,
+  ho as MeasurementToolsUI,
   kt as RulerIcon,
   Mt as SelectToolIcon,
   Kt as SmartTooltip,