@carto/ps-react-ui 4.0.0 → 4.0.2-canary.0

package/dist/components.js

@@ -1,8 +1,8 @@
-import { jsx as i, jsxs as D, Fragment as j } from "react/jsx-runtime";
-import { c as R } from "react/compiler-runtime";
-import { Chip as Ge, Tooltip as le, Paper as ve, Divider as K, Box as ee, IconButton as Q, Menu as Oe, MenuItem as re, ListItemIcon as Ie, SvgIcon as Me, ListItemText as ce, ToggleButton as ae, Typography as H, ToggleButtonGroup as Re, Button as ge, alpha as Fe, Dialog as ze, DialogTitle as He, DialogContent as Ne, FormControl as We, RadioGroup as Xe, FormControlLabel as qe, Radio as Ke, DialogActions as Ye, CircularProgress as Je, ListItem as Qe, List as et } from "@mui/material";
-import { ArrowDropDown as Ze, MoreVertOutlined as tt, Close as ot, MyLocationOutlined as nt, LocationDisabledOutlined as it, CropFreeOutlined as lt, AddOutlined as rt, RemoveOutlined as ct } from "@mui/icons-material";
-import { useMemo as be, useState as ie, useRef as at, useEffect as st } from "react";
+import { jsx as n, jsxs as D, Fragment as j } from "react/jsx-runtime";
+import { c as Z } from "react/compiler-runtime";
+import { Chip as We, Tooltip as le, Paper as ye, Divider as Y, Box as F, IconButton as ee, Menu as ke, MenuItem as ce, ListItemIcon as Be, SvgIcon as Se, ListItemText as se, ToggleButton as ae, Typography as H, ToggleButtonGroup as Ee, Button as ve, alpha as Xe, Dialog as qe, DialogTitle as Ke, DialogContent as Ye, FormControl as Je, RadioGroup as Qe, FormControlLabel as et, Radio as tt, DialogActions as ot, CircularProgress as nt, Grid as re, Skeleton as xe, Alert as it, ListItem as lt, List as rt } from "@mui/material";
+import { ArrowDropDown as je, MoreVertOutlined as ct, Close as st, MyLocationOutlined as at, LocationDisabledOutlined as dt, CropFreeOutlined as ut, AddOutlined as mt, RemoveOutlined as ht } from "@mui/icons-material";
+import { useMemo as Te, useState as Q, useRef as ft, useEffect as Pe } from "react";
 const G = {
   container: {
     display: "flex",
@@ -167,42 +167,42 @@ const G = {
     }
   }
 };
-function dt(t) {
-  const e = R(3);
-  let n;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm16 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-2.829 1a2.996 2.996 0 0 0 0 2H6.829a2.995 2.995 0 0 0 0-2h10.342Zm-2.463-5.707 3.998 4a3.013 3.013 0 0 0-1.414 1.414l-4-3.999a3.014 3.014 0 0 0 1.31-1.214l.106-.201ZM2.998 6.829a2.995 2.995 0 0 0 2.002 0v10.342a2.993 2.993 0 0 0-2.002 0V6.83ZM12 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm1.84-3.919c.464.483 1.09.81 1.79.896l-1.47 2.94a2.992 2.992 0 0 0-1.79-.894l1.47-2.942ZM16 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM4 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm9.171.998a2.994 2.994 0 0 0 0 2.002H6.829a2.995 2.995 0 0 0 0-2.002h6.342Z", fill: "currentColor" }), e[0] = n) : n = e[0];
+function pt(t) {
+  const e = Z(3);
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm16 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-2.829 1a2.996 2.996 0 0 0 0 2H6.829a2.995 2.995 0 0 0 0-2h10.342Zm-2.463-5.707 3.998 4a3.013 3.013 0 0 0-1.414 1.414l-4-3.999a3.014 3.014 0 0 0 1.31-1.214l.106-.201ZM2.998 6.829a2.995 2.995 0 0 0 2.002 0v10.342a2.993 2.993 0 0 0-2.002 0V6.83ZM12 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm1.84-3.919c.464.483 1.09.81 1.79.896l-1.47 2.94a2.992 2.992 0 0 0-1.79-.894l1.47-2.942ZM16 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM4 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm9.171.998a2.994 2.994 0 0 0 0 2.002H6.829a2.995 2.995 0 0 0 0-2.002h6.342Z", fill: "currentColor" }), e[0] = l) : l = e[0];
   let o;
-  return e[1] !== t ? (o = /* @__PURE__ */ i("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;
+  return e[1] !== t ? (o = /* @__PURE__ */ n("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: l }), e[1] = t, e[2] = o) : o = e[2], o;
 }
-function ut(t) {
-  const e = R(3);
-  let n;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm16 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-2.829 1a2.993 2.993 0 0 0-.17.974l-.001.052.007.183a3 3 0 0 0 .164.79H6.829a2.995 2.995 0 0 0 0-2h10.342ZM2.998 6.828a2.995 2.995 0 0 0 2.002 0V17.17a2.993 2.993 0 0 0-2.002 0V6.83Zm16.001 0a2.995 2.995 0 0 0 2 0V17.17a2.993 2.993 0 0 0-2 0V6.829ZM20 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM4 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm13.171.998a2.991 2.991 0 0 0-.17.976L17 4.026l.007.183a3 3 0 0 0 .164.79H6.829a2.995 2.995 0 0 0 0-2H17.17Z", fill: "currentColor" }), e[0] = n) : n = e[0];
+function gt(t) {
+  const e = Z(3);
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm16 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-2.829 1a2.993 2.993 0 0 0-.17.974l-.001.052.007.183a3 3 0 0 0 .164.79H6.829a2.995 2.995 0 0 0 0-2h10.342ZM2.998 6.828a2.995 2.995 0 0 0 2.002 0V17.17a2.993 2.993 0 0 0-2.002 0V6.83Zm16.001 0a2.995 2.995 0 0 0 2 0V17.17a2.993 2.993 0 0 0-2 0V6.829ZM20 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM4 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm13.171.998a2.991 2.991 0 0 0-.17.976L17 4.026l.007.183a3 3 0 0 0 .164.79H6.829a2.995 2.995 0 0 0 0-2H17.17Z", fill: "currentColor" }), e[0] = l) : l = e[0];
   let o;
-  return e[1] !== t ? (o = /* @__PURE__ */ i("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;
+  return e[1] !== t ? (o = /* @__PURE__ */ n("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: l }), e[1] = t, e[2] = o) : o = e[2], o;
 }
-function mt(t) {
-  const e = R(3);
-  let n;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 6a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z", fill: "currentColor" }), e[0] = n) : n = e[0];
+function vt(t) {
+  const e = Z(3);
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 6a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z", fill: "currentColor" }), e[0] = l) : l = e[0];
   let o;
-  return e[1] !== t ? (o = /* @__PURE__ */ i("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;
+  return e[1] !== t ? (o = /* @__PURE__ */ n("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: l }), e[1] = t, e[2] = o) : o = e[2], o;
 }
-function ht(t) {
-  const e = R(3);
-  let n;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3c4.935 0 9 3.736 9 9l-.002.343-.012.668c-.012.438-.033.86-.062 1.266l-.05.597C20.498 18.767 19.267 21 17 21c-1.192 0-1.971-.341-2.988-1.122l-.472-.375c-.401-.319-.64-.473-.888-.566a4.938 4.938 0 0 0-.415-.13l-.34-.085-.398-.086-.456-.086-.66-.111-1.708-.273a9.112 9.112 0 0 1-.952-.206C5.46 17.301 3 14.954 3 12.015c0-1.508.485-2.995 1.436-4.458.355.585.906 1.04 1.562 1.272C5.328 9.916 5 10.977 5 12.015c0 1.889 1.78 3.588 3.282 4.025l.085.023.345.076.517.092 1.619.257.583.1.518.098.237.05.433.103c.272.07.512.143.73.224.434.161.783.373 1.235.718l.457.362c.806.646 1.24.857 1.959.857.893 0 1.63-1.518 1.895-4.45l.045-.585c.013-.2.024-.407.033-.62l.02-.655c.005-.224.007-.454.007-.69 0-4.12-3.133-7-7-7a1 1 0 1 1 0-2ZM7 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z", fill: "currentColor" }), e[0] = n) : n = e[0];
+function yt(t) {
+  const e = Z(3);
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3c4.935 0 9 3.736 9 9l-.002.343-.012.668c-.012.438-.033.86-.062 1.266l-.05.597C20.498 18.767 19.267 21 17 21c-1.192 0-1.971-.341-2.988-1.122l-.472-.375c-.401-.319-.64-.473-.888-.566a4.938 4.938 0 0 0-.415-.13l-.34-.085-.398-.086-.456-.086-.66-.111-1.708-.273a9.112 9.112 0 0 1-.952-.206C5.46 17.301 3 14.954 3 12.015c0-1.508.485-2.995 1.436-4.458.355.585.906 1.04 1.562 1.272C5.328 9.916 5 10.977 5 12.015c0 1.889 1.78 3.588 3.282 4.025l.085.023.345.076.517.092 1.619.257.583.1.518.098.237.05.433.103c.272.07.512.143.73.224.434.161.783.373 1.235.718l.457.362c.806.646 1.24.857 1.959.857.893 0 1.63-1.518 1.895-4.45l.045-.585c.013-.2.024-.407.033-.62l.02-.655c.005-.224.007-.454.007-.69 0-4.12-3.133-7-7-7a1 1 0 1 1 0-2ZM7 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z", fill: "currentColor" }), e[0] = l) : l = e[0];
   let o;
-  return e[1] !== t ? (o = /* @__PURE__ */ i("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;
+  return e[1] !== t ? (o = /* @__PURE__ */ n("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: l }), e[1] = t, e[2] = o) : o = e[2], o;
 }
-function ft(t) {
-  const e = R(3);
-  let n;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m10.083 19.394.057.113a1 1 0 0 0 1.72.007l2.869-4.786 4.786-2.87a1 1 0 0 0-.121-1.777l-14-6c-.83-.356-1.669.483-1.313 1.313l6.002 14ZM6.905 6.904l9.903 4.244-3.322 1.995-.102.069a1 1 0 0 0-.242.274l-1.992 3.321-4.245-9.903Z", fill: "currentColor" }), e[0] = n) : n = e[0];
+function wt(t) {
+  const e = Z(3);
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m10.083 19.394.057.113a1 1 0 0 0 1.72.007l2.869-4.786 4.786-2.87a1 1 0 0 0-.121-1.777l-14-6c-.83-.356-1.669.483-1.313 1.313l6.002 14ZM6.905 6.904l9.903 4.244-3.322 1.995-.102.069a1 1 0 0 0-.242.274l-1.992 3.321-4.245-9.903Z", fill: "currentColor" }), e[0] = l) : l = e[0];
   let o;
-  return e[1] !== t ? (o = /* @__PURE__ */ i("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;
+  return e[1] !== t ? (o = /* @__PURE__ */ n("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...t, children: l }), e[1] = t, e[2] = o) : o = e[2], o;
 }
-const E = {
+const P = {
   action: {
     tooltip: {
       active: "Click on the map to trace the line you want to measure",
@@ -238,268 +238,268 @@ const E = {
     },
     deleteAll: "Remove all"
   }
-}, Et = {
+}, eo = {
   polygon: {
-    icon: dt
+    icon: pt
   },
   rectangle: {
-    icon: ut
+    icon: gt
   },
   circle: {
-    icon: mt
+    icon: vt
   },
   lasso: {
-    icon: ht
+    icon: yt
   },
   edit: {
-    icon: ft
+    icon: wt
   }
 };
-function pt(t) {
+function xt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var we, _e;
-function gt() {
-  if (_e) return we;
-  _e = 1;
-  var t = function(u) {
-    return e(u) && !n(u);
+var be, Oe;
+function bt() {
+  if (Oe) return be;
+  Oe = 1;
+  var t = function(f) {
+    return e(f) && !l(f);
   };
-  function e(a) {
-    return !!a && typeof a == "object";
+  function e(d) {
+    return !!d && typeof d == "object";
   }
-  function n(a) {
-    var u = Object.prototype.toString.call(a);
-    return u === "[object RegExp]" || u === "[object Date]" || d(a);
+  function l(d) {
+    var f = Object.prototype.toString.call(d);
+    return f === "[object RegExp]" || f === "[object Date]" || c(d);
   }
-  var o = typeof Symbol == "function" && Symbol.for, l = o ? Symbol.for("react.element") : 60103;
-  function d(a) {
-    return a.$$typeof === l;
+  var o = typeof Symbol == "function" && Symbol.for, i = o ? Symbol.for("react.element") : 60103;
+  function c(d) {
+    return d.$$typeof === i;
   }
-  function r(a) {
-    return Array.isArray(a) ? [] : {};
+  function r(d) {
+    return Array.isArray(d) ? [] : {};
   }
-  function s(a, u) {
-    return u.clone !== !1 && u.isMergeableObject(a) ? y(r(a), a, u) : a;
+  function s(d, f) {
+    return f.clone !== !1 && f.isMergeableObject(d) ? v(r(d), d, f) : d;
   }
-  function c(a, u, g) {
-    return a.concat(u).map(function(C) {
+  function a(d, f, g) {
+    return d.concat(f).map(function(C) {
       return s(C, g);
     });
   }
-  function h(a, u) {
-    if (!u.customMerge)
-      return y;
-    var g = u.customMerge(a);
-    return typeof g == "function" ? g : y;
+  function m(d, f) {
+    if (!f.customMerge)
+      return v;
+    var g = f.customMerge(d);
+    return typeof g == "function" ? g : v;
   }
-  function m(a) {
-    return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(a).filter(function(u) {
-      return Object.propertyIsEnumerable.call(a, u);
+  function u(d) {
+    return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(d).filter(function(f) {
+      return Object.propertyIsEnumerable.call(d, f);
     }) : [];
   }
-  function f(a) {
-    return Object.keys(a).concat(m(a));
+  function h(d) {
+    return Object.keys(d).concat(u(d));
   }
-  function v(a, u) {
+  function p(d, f) {
     try {
-      return u in a;
+      return f in d;
     } catch {
       return !1;
     }
   }
-  function p(a, u) {
-    return v(a, u) && !(Object.hasOwnProperty.call(a, u) && Object.propertyIsEnumerable.call(a, u));
+  function w(d, f) {
+    return p(d, f) && !(Object.hasOwnProperty.call(d, f) && Object.propertyIsEnumerable.call(d, f));
   }
-  function A(a, u, g) {
+  function M(d, f, g) {
     var C = {};
-    return g.isMergeableObject(a) && f(a).forEach(function(x) {
-      C[x] = s(a[x], g);
-    }), f(u).forEach(function(x) {
-      p(a, x) || (v(a, x) && g.isMergeableObject(u[x]) ? C[x] = h(x, g)(a[x], u[x], g) : C[x] = s(u[x], g));
+    return g.isMergeableObject(d) && h(d).forEach(function(x) {
+      C[x] = s(d[x], g);
+    }), h(f).forEach(function(x) {
+      w(d, x) || (p(d, x) && g.isMergeableObject(f[x]) ? C[x] = m(x, g)(d[x], f[x], g) : C[x] = s(f[x], g));
     }), C;
   }
-  function y(a, u, g) {
-    g = g || {}, g.arrayMerge = g.arrayMerge || c, g.isMergeableObject = g.isMergeableObject || t, g.cloneUnlessOtherwiseSpecified = s;
-    var C = Array.isArray(u), x = Array.isArray(a), _ = C === x;
-    return _ ? C ? g.arrayMerge(a, u, g) : A(a, u, g) : s(u, g);
+  function v(d, f, g) {
+    g = g || {}, g.arrayMerge = g.arrayMerge || a, g.isMergeableObject = g.isMergeableObject || t, g.cloneUnlessOtherwiseSpecified = s;
+    var C = Array.isArray(f), x = Array.isArray(d), O = C === x;
+    return O ? C ? g.arrayMerge(d, f, g) : M(d, f, g) : s(f, g);
   }
-  y.all = function(u, g) {
-    if (!Array.isArray(u))
+  v.all = function(f, g) {
+    if (!Array.isArray(f))
       throw new Error("first argument should be an array");
-    return u.reduce(function(C, x) {
-      return y(C, x, g);
+    return f.reduce(function(C, x) {
+      return v(C, x, g);
     }, {});
   };
-  var M = y;
-  return we = M, we;
+  var S = v;
+  return be = S, be;
 }
-var vt = gt();
-const Ce = /* @__PURE__ */ pt(vt);
-function ke(t) {
-  var a;
-  const e = R(18), {
-    chipProps: n,
+var Mt = bt();
+const Ae = /* @__PURE__ */ xt(Mt);
+function $e(t) {
+  var d;
+  const e = Z(18), {
+    chipProps: l,
     value: o,
-    labels: l,
-    onChipToggle: d,
+    labels: i,
+    onChipToggle: c,
     onDelete: r
-  } = t, s = o.visible ? "active" : "inactive", c = ((a = l == null ? void 0 : l.tooltip) == null ? void 0 : a[s]) ?? E.chip.tooltip[s], h = n == null ? void 0 : n.TooltipProps;
-  let m;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+  } = t, s = o.visible ? "active" : "inactive", a = ((d = i == null ? void 0 : i.tooltip) == null ? void 0 : d[s]) ?? P.chip.tooltip[s], m = l == null ? void 0 : l.TooltipProps;
+  let u;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = {
     ...G.chip.chip
-  }, e[0] = m) : m = e[0];
-  const f = o.visible ? "secondary" : "default";
-  let v;
-  e[1] !== r || e[2] !== o.id ? (v = () => r(o.id), e[1] = r, e[2] = o.id, e[3] = v) : v = e[3];
+  }, e[0] = u) : u = e[0];
+  const h = o.visible ? "secondary" : "default";
   let p;
-  e[4] !== d || e[5] !== o.id || e[6] !== o.visible ? (p = () => d(o.id, !o.visible), e[4] = d, e[5] = o.id, e[6] = o.visible, e[7] = p) : p = e[7];
-  const A = n == null ? void 0 : n.ChipsProps;
-  let y;
-  e[8] !== f || e[9] !== v || e[10] !== p || e[11] !== A || e[12] !== o.label ? (y = /* @__PURE__ */ i(Ge, { sx: m, color: f, size: "small", onDelete: v, label: o.label, onClick: p, ...A }), e[8] = f, e[9] = v, e[10] = p, e[11] = A, e[12] = o.label, e[13] = y) : y = e[13];
-  let M;
-  return e[14] !== c || e[15] !== h || e[16] !== y ? (M = /* @__PURE__ */ i(le, { title: c, placement: "bottom", ...h, children: y }), e[14] = c, e[15] = h, e[16] = y, e[17] = M) : M = e[17], M;
+  e[1] !== r || e[2] !== o.id ? (p = () => r(o.id), e[1] = r, e[2] = o.id, e[3] = p) : p = e[3];
+  let w;
+  e[4] !== c || e[5] !== o.id || e[6] !== o.visible ? (w = () => c(o.id, !o.visible), e[4] = c, e[5] = o.id, e[6] = o.visible, e[7] = w) : w = e[7];
+  const M = l == null ? void 0 : l.ChipsProps;
+  let v;
+  e[8] !== h || e[9] !== p || e[10] !== w || e[11] !== M || e[12] !== o.label ? (v = /* @__PURE__ */ n(We, { sx: u, color: h, size: "small", onDelete: p, label: o.label, onClick: w, ...M }), e[8] = h, e[9] = p, e[10] = w, e[11] = M, e[12] = o.label, e[13] = v) : v = e[13];
+  let S;
+  return e[14] !== a || e[15] !== m || e[16] !== v ? (S = /* @__PURE__ */ n(le, { title: a, placement: "bottom", ...m, children: v }), e[14] = a, e[15] = m, e[16] = v, e[17] = S) : S = e[17], S;
 }
-function $t({
+function to({
   enabled: t,
   values: e = [],
-  actionProps: n,
+  actionProps: l,
   chipProps: o,
-  labels: l,
-  modes: d,
+  labels: i,
+  modes: c,
   modesMapping: r,
   modeSelected: s,
   PaperProps: {
-    sx: c,
-    ...h
+    sx: a,
+    ...m
   } = {},
-  onActionToggle: m,
-  onChipToggle: f,
-  onDelete: v,
-  onChangeMode: p,
-  onAllChipToggle: A,
-  onAllDelete: y
+  onActionToggle: u,
+  onChipToggle: h,
+  onDelete: p,
+  onChangeMode: w,
+  onAllChipToggle: M,
+  onAllDelete: v
 }) {
-  const M = be(() => Ce(d, r), [d, r]), {
-    edit: a,
-    ...u
-  } = M, g = (b) => (m(!1), v(b)), C = (b) => m(b), x = (b) => p == null ? void 0 : p(b), T = (s ?? "") in d ? s : Object.keys(M)[0], w = M[T], S = Object.values(u);
-  return /* @__PURE__ */ D(ve, { sx: {
+  const S = Te(() => Ae(c, r), [c, r]), {
+    edit: d,
+    ...f
+  } = S, g = (y) => (u(!1), p(y)), C = (y) => u(y), x = (y) => w == null ? void 0 : w(y), T = (s ?? "") in c ? s : Object.keys(S)[0], b = S[T], _ = Object.values(f);
+  return /* @__PURE__ */ D(ye, { sx: {
     ...G.container,
-    ...c
-  }, ...h, children: [
-    /* @__PURE__ */ i(yt, { actionProps: n, labels: l == null ? void 0 : l.action, enabled: t, onActionToggle: C, children: (w == null ? void 0 : w.icon) && /* @__PURE__ */ i(w.icon, {}) }),
-    /* @__PURE__ */ i(Be, { children: (b) => /* @__PURE__ */ D(j, { children: [
-      /* @__PURE__ */ i(wt, { data: S, labels: l == null ? void 0 : l.options, children: /* @__PURE__ */ i(De, { ...b, labels: l == null ? void 0 : l.options, data: S, modeSelected: T, onChangeMode: x }) }),
-      !!a && /* @__PURE__ */ D(j, { children: [
-        /* @__PURE__ */ i(K, {}),
-        /* @__PURE__ */ i(De, { ...b, labels: l == null ? void 0 : l.options, data: [{
-          ...a,
+    ...a
+  }, ...m, children: [
+    /* @__PURE__ */ n(St, { actionProps: l, labels: i == null ? void 0 : i.action, enabled: t, onActionToggle: C, children: (b == null ? void 0 : b.icon) && /* @__PURE__ */ n(b.icon, {}) }),
+    /* @__PURE__ */ n(Ue, { children: (y) => /* @__PURE__ */ D(j, { children: [
+      /* @__PURE__ */ n(Tt, { data: _, labels: i == null ? void 0 : i.options, children: /* @__PURE__ */ n(Le, { ...y, labels: i == null ? void 0 : i.options, data: _, modeSelected: T, onChangeMode: x }) }),
+      !!d && /* @__PURE__ */ D(j, { children: [
+        /* @__PURE__ */ n(Y, {}),
+        /* @__PURE__ */ n(Le, { ...y, labels: i == null ? void 0 : i.options, data: [{
+          ...d,
           disabled: !e.length
         }], modeSelected: T, onChangeMode: x })
       ] })
     ] }) }),
-    !!e.length && /* @__PURE__ */ i(ee, { sx: G.chip.container, children: e.map((b) => /* @__PURE__ */ i(ke, { value: b, labels: l == null ? void 0 : l.chip, chipProps: o, onDelete: g, onChipToggle: f }, b.id)) }),
-    /* @__PURE__ */ i(xt, { values: e, labels: l == null ? void 0 : l.actions, onAllChipToggle: A, onAllDelete: y })
+    !!e.length && /* @__PURE__ */ n(F, { sx: G.chip.container, children: e.map((y) => /* @__PURE__ */ n($e, { value: y, labels: i == null ? void 0 : i.chip, chipProps: o, onDelete: g, onChipToggle: h }, y.id)) }),
+    /* @__PURE__ */ n(At, { values: e, labels: i == null ? void 0 : i.actions, onAllChipToggle: M, onAllDelete: v })
   ] });
 }
-function yt(t) {
-  var p;
-  const e = R(12), {
-    actionProps: n,
+function St(t) {
+  var w;
+  const e = Z(12), {
+    actionProps: l,
     labels: o,
-    enabled: l,
-    children: d,
+    enabled: i,
+    children: c,
     onActionToggle: r
-  } = t, s = l ? "active" : "inactive", c = ((p = o == null ? void 0 : o.tooltip) == null ? void 0 : p[s]) ?? E.action.tooltip[s], h = n == null ? void 0 : n.TooltipProps;
-  let m;
-  e[0] !== l || e[1] !== r ? (m = () => r(!l), e[0] = l, e[1] = r, e[2] = m) : m = e[2];
-  let f;
-  e[3] !== c || e[4] !== d || e[5] !== l || e[6] !== m ? (f = /* @__PURE__ */ i(ae, { value: "toggle", sx: G.actions.icon, onClick: m, "aria-label": c, selected: l, children: d }), e[3] = c, e[4] = d, e[5] = l, e[6] = m, e[7] = f) : f = e[7];
-  let v;
-  return e[8] !== c || e[9] !== h || e[10] !== f ? (v = /* @__PURE__ */ i(le, { title: c, placement: "right", ...h, children: f }), e[8] = c, e[9] = h, e[10] = f, e[11] = v) : v = e[11], v;
+  } = t, s = i ? "active" : "inactive", a = ((w = o == null ? void 0 : o.tooltip) == null ? void 0 : w[s]) ?? P.action.tooltip[s], m = l == null ? void 0 : l.TooltipProps;
+  let u;
+  e[0] !== i || e[1] !== r ? (u = () => r(!i), e[0] = i, e[1] = r, e[2] = u) : u = e[2];
+  let h;
+  e[3] !== a || e[4] !== c || e[5] !== i || e[6] !== u ? (h = /* @__PURE__ */ n(ae, { value: "toggle", sx: G.actions.icon, onClick: u, "aria-label": a, selected: i, children: c }), e[3] = a, e[4] = c, e[5] = i, e[6] = u, e[7] = h) : h = e[7];
+  let p;
+  return e[8] !== a || e[9] !== m || e[10] !== h ? (p = /* @__PURE__ */ n(le, { title: a, placement: "right", ...m, children: h }), e[8] = a, e[9] = m, e[10] = h, e[11] = p) : p = e[11], p;
 }
-function Be({
+function Ue({
   TriggerProps: {
-    Icon: t = /* @__PURE__ */ i(Ze, {}),
+    Icon: t = /* @__PURE__ */ n(je, {}),
     sx: e
   } = {},
-  MenuProps: n,
+  MenuProps: l,
   children: o
 }) {
-  const [l, d] = ie(null), r = !!l, s = (h) => {
-    d(h.currentTarget);
-  }, c = () => {
-    d(null);
+  const [i, c] = Q(null), r = !!i, s = (m) => {
+    c(m.currentTarget);
+  }, a = () => {
+    c(null);
   };
   return /* @__PURE__ */ D(j, { children: [
-    /* @__PURE__ */ i(Q, { sx: {
+    /* @__PURE__ */ n(ee, { sx: {
       ...G.options.icon,
       ...e
     }, onClick: s, children: t }),
-    /* @__PURE__ */ i(Oe, { id: "lasso-menu", anchorEl: l, open: r, onClose: c, MenuListProps: {
+    /* @__PURE__ */ n(ke, { id: "lasso-menu", anchorEl: i, open: r, onClose: a, MenuListProps: {
       "aria-labelledby": "lasso-button",
       sx: G.options.menu
-    }, ...n, children: /* @__PURE__ */ i("div", { children: o({
-      onClose: c
+    }, ...l, children: /* @__PURE__ */ n("div", { children: o({
+      onClose: a
     }) }) })
   ] });
 }
-function wt(t) {
-  var c;
-  const e = R(5), {
-    data: n,
+function Tt(t) {
+  var a;
+  const e = Z(5), {
+    data: l,
     labels: o,
-    children: l
+    children: i
   } = t;
-  if (n.length <= 1)
+  if (l.length <= 1)
     return null;
-  const d = ((c = o == null ? void 0 : o.mode) == null ? void 0 : c.title) ?? E.options.mode.title;
+  const c = ((a = o == null ? void 0 : o.mode) == null ? void 0 : a.title) ?? P.options.mode.title;
   let r;
-  e[0] !== d ? (r = /* @__PURE__ */ i(H, { variant: "subtitle2", color: "text.secondary", sx: G.options.title, children: d }), e[0] = d, e[1] = r) : r = e[1];
+  e[0] !== c ? (r = /* @__PURE__ */ n(H, { variant: "subtitle2", color: "text.secondary", sx: G.options.title, children: c }), e[0] = c, e[1] = r) : r = e[1];
   let s;
-  return e[2] !== l || e[3] !== r ? (s = /* @__PURE__ */ D(j, { children: [
+  return e[2] !== i || e[3] !== r ? (s = /* @__PURE__ */ D(j, { children: [
     r,
-    l
-  ] }), e[2] = l, e[3] = r, e[4] = s) : s = e[4], s;
+    i
+  ] }), e[2] = i, e[3] = r, e[4] = s) : s = e[4], s;
 }
-function De({
+function Le({
   data: t,
   modeSelected: e,
-  labels: n,
+  labels: l,
   onChangeMode: o,
-  onClose: l
+  onClose: i
 }) {
-  const d = (r, s) => {
-    r.preventDefault(), o == null || o(s), l();
+  const c = (r, s) => {
+    r.preventDefault(), o == null || o(s), i();
   };
   return t.map((r) => {
-    var h;
-    const c = (((h = n == null ? void 0 : n.mode) == null ? void 0 : h.options) ?? E.options.mode.options)[r.value];
-    return /* @__PURE__ */ D(re, { disabled: !!r.disabled, onClick: (m) => d(m, r.value), selected: r.value === e, children: [
-      /* @__PURE__ */ i(Ie, { sx: G.options.icons, children: /* @__PURE__ */ i(Me, { children: /* @__PURE__ */ i(r.icon, {}) }) }),
-      /* @__PURE__ */ i(ce, { children: c })
+    var m;
+    const a = (((m = l == null ? void 0 : l.mode) == null ? void 0 : m.options) ?? P.options.mode.options)[r.value];
+    return /* @__PURE__ */ D(ce, { disabled: !!r.disabled, onClick: (u) => c(u, r.value), selected: r.value === e, children: [
+      /* @__PURE__ */ n(Be, { sx: G.options.icons, children: /* @__PURE__ */ n(Se, { children: /* @__PURE__ */ n(r.icon, {}) }) }),
+      /* @__PURE__ */ n(se, { children: a })
     ] }, r.value);
   });
 }
-function xt(t) {
-  var p, A;
-  const e = R(8), {
-    values: n,
+function At(t) {
+  var w, M;
+  const e = Z(8), {
+    values: l,
     labels: o,
-    onAllChipToggle: l,
-    onAllDelete: d
+    onAllChipToggle: i,
+    onAllDelete: c
   } = t;
-  if (n.length <= 1)
+  if (l.length <= 1)
     return null;
-  const s = n.some(Mt) ? ((p = o == null ? void 0 : o.toggleAll) == null ? void 0 : p.active) ?? E.actions.toggleAll.active : ((A = o == null ? void 0 : o.toggleAll) == null ? void 0 : A.inactive) ?? E.actions.toggleAll.inactive, c = (o == null ? void 0 : o.deleteAll) ?? E.actions.deleteAll;
-  let h;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ i(K, { orientation: "vertical", flexItem: !0 }), e[0] = h) : h = e[0];
-  let m, f;
-  e[1] === Symbol.for("react.memo_cache_sentinel") ? (m = {
-    Icon: /* @__PURE__ */ i(tt, {}),
+  const s = l.some(Ct) ? ((w = o == null ? void 0 : o.toggleAll) == null ? void 0 : w.active) ?? P.actions.toggleAll.active : ((M = o == null ? void 0 : o.toggleAll) == null ? void 0 : M.inactive) ?? P.actions.toggleAll.inactive, a = (o == null ? void 0 : o.deleteAll) ?? P.actions.deleteAll;
+  let m;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ n(Y, { orientation: "vertical", flexItem: !0 }), e[0] = m) : m = e[0];
+  let u, h;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (u = {
+    Icon: /* @__PURE__ */ n(ct, {}),
     sx: G.options.more
-  }, f = {
+  }, h = {
     anchorOrigin: {
       vertical: "bottom",
       horizontal: "right"
@@ -508,139 +508,163 @@ function xt(t) {
       vertical: "top",
       horizontal: "right"
     }
-  }, e[1] = m, e[2] = f) : (m = e[1], f = e[2]);
-  let v;
-  return e[3] !== c || e[4] !== l || e[5] !== d || e[6] !== s ? (v = /* @__PURE__ */ D(j, { children: [
-    h,
-    /* @__PURE__ */ i(Be, { TriggerProps: m, MenuProps: f, children: (y) => /* @__PURE__ */ D(j, { children: [
-      /* @__PURE__ */ i(re, { color: "inherit", onClick: () => {
-        l(), y.onClose();
+  }, e[1] = u, e[2] = h) : (u = e[1], h = e[2]);
+  let p;
+  return e[3] !== a || e[4] !== i || e[5] !== c || e[6] !== s ? (p = /* @__PURE__ */ D(j, { children: [
+    m,
+    /* @__PURE__ */ n(Ue, { TriggerProps: u, MenuProps: h, children: (v) => /* @__PURE__ */ D(j, { children: [
+      /* @__PURE__ */ n(ce, { color: "inherit", onClick: () => {
+        i(), v.onClose();
       }, children: s }),
-      /* @__PURE__ */ i(K, {}),
-      /* @__PURE__ */ i(re, { color: "error", onClick: () => {
-        d(), y.onClose();
-      }, children: /* @__PURE__ */ i(H, { variant: "body2", color: "error", children: c }) })
+      /* @__PURE__ */ n(Y, {}),
+      /* @__PURE__ */ n(ce, { color: "error", onClick: () => {
+        c(), v.onClose();
+      }, children: /* @__PURE__ */ n(H, { variant: "body2", color: "error", children: a }) })
     ] }) })
-  ] }), e[3] = c, e[4] = l, e[5] = d, e[6] = s, e[7] = v) : v = e[7], v;
+  ] }), e[3] = a, e[4] = i, e[5] = c, e[6] = s, e[7] = p) : p = e[7], p;
 }
-function Mt(t) {
+function Ct(t) {
   return t.visible;
 }
-function Ut({
+function oo({
   enabled: t,
   values: e = [],
-  chipProps: n,
+  chipProps: l,
   labels: o,
-  modes: l,
-  modesMapping: d,
+  modes: i,
+  modesMapping: c,
   modeSelected: r,
   BoxProps: {
     sx: s,
-    ...c
+    ...a
   } = {},
-  onChipToggle: h,
-  onDelete: m,
-  onChangeMode: f,
-  onAllChipToggle: v,
-  onAllDelete: p
+  onChipToggle: m,
+  onDelete: u,
+  onChangeMode: h,
+  onAllChipToggle: p,
+  onAllDelete: w
 }) {
-  const A = be(() => Ce(l, d), [l, d]), {
-    edit: y,
-    ...M
-  } = A, a = (T) => m(T), u = (T, w) => {
-    T.preventDefault(), f == null || f(w);
-  }, C = (r ?? "") in l ? r : Object.keys(A)[0], x = t ? A[C] : null, _ = Object.values(M);
-  return /* @__PURE__ */ D(ee, { sx: {
+  const M = Te(() => Ae(i, c), [i, c]), {
+    edit: v,
+    ...S
+  } = M, d = (T) => u(T), f = (T, b) => {
+    T.preventDefault(), h == null || h(b);
+  }, C = (r ?? "") in i ? r : Object.keys(M)[0], x = t ? M[C] : null, O = Object.values(S);
+  return /* @__PURE__ */ D(F, { sx: {
     ...G.container,
     ...s
-  }, ...c, className: "inline", children: [
-    /* @__PURE__ */ i(bt, { data: _, labels: o == null ? void 0 : o.options, children: /* @__PURE__ */ D(Re, { value: x == null ? void 0 : x.value, exclusive: !0, className: "inline", sx: G.options.menu, onChange: u, children: [
-      /* @__PURE__ */ i(Le, { labels: o == null ? void 0 : o.options, data: _ }),
-      !!y && /* @__PURE__ */ D(j, { children: [
-        /* @__PURE__ */ i(K, { orientation: "vertical" }),
-        /* @__PURE__ */ i(Le, { labels: o == null ? void 0 : o.options, data: [{
-          ...y,
+  }, ...a, className: "inline", children: [
+    /* @__PURE__ */ n(_t, { data: O, labels: o == null ? void 0 : o.options, children: /* @__PURE__ */ D(Ee, { value: x == null ? void 0 : x.value, exclusive: !0, className: "inline", sx: G.options.menu, onChange: f, children: [
+      /* @__PURE__ */ n(Ie, { labels: o == null ? void 0 : o.options, data: O }),
+      !!v && /* @__PURE__ */ D(j, { children: [
+        /* @__PURE__ */ n(Y, { orientation: "vertical" }),
+        /* @__PURE__ */ n(Ie, { labels: o == null ? void 0 : o.options, data: [{
+          ...v,
           disabled: !e.length
         }] })
       ] })
     ] }) }),
-    /* @__PURE__ */ i(K, { flexItem: !0 }),
-    /* @__PURE__ */ i(Ct, { hasValues: !!e.length, labels: o == null ? void 0 : o.noData }),
-    !!e.length && /* @__PURE__ */ i(ee, { sx: G.chip.container, className: "inline", children: e.map((T) => /* @__PURE__ */ i(ke, { value: T, labels: o == null ? void 0 : o.chip, chipProps: n, onDelete: a, onChipToggle: h }, T.id)) }),
-    /* @__PURE__ */ i(Tt, { values: e, labels: o == null ? void 0 : o.actions, onAllChipToggle: v, onAllDelete: p })
+    /* @__PURE__ */ n(Y, { flexItem: !0 }),
+    /* @__PURE__ */ n(Dt, { hasValues: !!e.length, labels: o == null ? void 0 : o.noData }),
+    !!e.length && /* @__PURE__ */ n(F, { sx: G.chip.container, className: "inline", children: e.map((T) => /* @__PURE__ */ n($e, { value: T, labels: o == null ? void 0 : o.chip, chipProps: l, onDelete: d, onChipToggle: m }, T.id)) }),
+    /* @__PURE__ */ n(Ot, { values: e, labels: o == null ? void 0 : o.actions, onAllChipToggle: p, onAllDelete: w })
   ] });
 }
-function bt(t) {
-  var c;
-  const e = R(5), {
-    data: n,
+function _t(t) {
+  var a;
+  const e = Z(5), {
+    data: l,
     labels: o,
-    children: l
+    children: i
   } = t;
-  if (n.length <= 1)
+  if (l.length <= 1)
     return null;
-  const d = ((c = o == null ? void 0 : o.mode) == null ? void 0 : c.title) ?? E.options.mode.title;
+  const c = ((a = o == null ? void 0 : o.mode) == null ? void 0 : a.title) ?? P.options.mode.title;
   let r;
-  e[0] !== d ? (r = /* @__PURE__ */ i(H, { variant: "subtitle2", color: "text.secondary", sx: G.options.title, className: "inline", children: d }), e[0] = d, e[1] = r) : r = e[1];
+  e[0] !== c ? (r = /* @__PURE__ */ n(H, { variant: "subtitle2", color: "text.secondary", sx: G.options.title, className: "inline", children: c }), e[0] = c, e[1] = r) : r = e[1];
   let s;
-  return e[2] !== l || e[3] !== r ? (s = /* @__PURE__ */ D(j, { children: [
+  return e[2] !== i || e[3] !== r ? (s = /* @__PURE__ */ D(j, { children: [
     r,
-    l
-  ] }), e[2] = l, e[3] = r, e[4] = s) : s = e[4], s;
+    i
+  ] }), e[2] = i, e[3] = r, e[4] = s) : s = e[4], s;
 }
-function Le({
+function Ie({
   data: t,
   labels: e
 }) {
-  return t.map((n) => {
-    var d;
-    const l = (((d = e == null ? void 0 : e.mode) == null ? void 0 : d.options) ?? E.options.mode.options)[n.value];
-    return /* @__PURE__ */ i(le, { title: l, placement: "bottom", children: /* @__PURE__ */ i(ae, { disabled: !!n.disabled, value: n.value, "aria-label": n.value, children: /* @__PURE__ */ i(Me, { children: /* @__PURE__ */ i(n.icon, {}) }) }) }, n.value);
+  return t.map((l) => {
+    var c;
+    const i = (((c = e == null ? void 0 : e.mode) == null ? void 0 : c.options) ?? P.options.mode.options)[l.value];
+    return /* @__PURE__ */ n(le, { title: i, placement: "bottom", children: /* @__PURE__ */ n(ae, { disabled: !!l.disabled, value: l.value, "aria-label": l.value, children: /* @__PURE__ */ n(Se, { children: /* @__PURE__ */ n(l.icon, {}) }) }) }, l.value);
   });
 }
-function Ct(t) {
-  const e = R(7), {
-    hasValues: n,
+function Dt(t) {
+  const e = Z(7), {
+    hasValues: l,
     labels: o
   } = t;
-  if (n)
+  if (l)
     return null;
-  const l = (o == null ? void 0 : o.title) ?? E.noData.title, d = (o == null ? void 0 : o.description) ?? E.noData.description;
+  const i = (o == null ? void 0 : o.title) ?? P.noData.title, c = (o == null ? void 0 : o.description) ?? P.noData.description;
   let r;
-  e[0] !== l ? (r = /* @__PURE__ */ i(H, { variant: "body1", color: "textSecondary", children: l }), e[0] = l, e[1] = r) : r = e[1];
+  e[0] !== i ? (r = /* @__PURE__ */ n(H, { variant: "body1", color: "textSecondary", children: i }), e[0] = i, e[1] = r) : r = e[1];
   let s;
-  e[2] !== d ? (s = /* @__PURE__ */ i(H, { variant: "body2", color: "textSecondary", children: d }), e[2] = d, e[3] = s) : s = e[3];
-  let c;
-  return e[4] !== r || e[5] !== s ? (c = /* @__PURE__ */ D(j, { children: [
+  e[2] !== c ? (s = /* @__PURE__ */ n(H, { variant: "body2", color: "textSecondary", children: c }), e[2] = c, e[3] = s) : s = e[3];
+  let a;
+  return e[4] !== r || e[5] !== s ? (a = /* @__PURE__ */ D(j, { children: [
     r,
     s
-  ] }), e[4] = r, e[5] = s, e[6] = c) : c = e[6], c;
+  ] }), e[4] = r, e[5] = s, e[6] = a) : a = e[6], a;
 }
-function Tt(t) {
-  var v, p;
-  const e = R(9), {
-    values: n,
+function Ot(t) {
+  var p, w;
+  const e = Z(9), {
+    values: l,
     labels: o,
-    onAllChipToggle: l,
-    onAllDelete: d
+    onAllChipToggle: i,
+    onAllDelete: c
   } = t;
-  if (n.length <= 1)
+  if (l.length <= 1)
     return null;
-  const s = n.some(St) ? ((v = o == null ? void 0 : o.toggleAll) == null ? void 0 : v.active) ?? E.actions.toggleAll.active : ((p = o == null ? void 0 : o.toggleAll) == null ? void 0 : p.inactive) ?? E.actions.toggleAll.inactive, c = (o == null ? void 0 : o.deleteAll) ?? E.actions.deleteAll;
-  let h;
-  e[0] !== l || e[1] !== s ? (h = /* @__PURE__ */ i(ge, { color: "inherit", onClick: l, children: s }), e[0] = l, e[1] = s, e[2] = h) : h = e[2];
+  const s = l.some(Lt) ? ((p = o == null ? void 0 : o.toggleAll) == null ? void 0 : p.active) ?? P.actions.toggleAll.active : ((w = o == null ? void 0 : o.toggleAll) == null ? void 0 : w.inactive) ?? P.actions.toggleAll.inactive, a = (o == null ? void 0 : o.deleteAll) ?? P.actions.deleteAll;
   let m;
-  e[3] !== c || e[4] !== d ? (m = /* @__PURE__ */ i(ge, { color: "error", onClick: d, children: c }), e[3] = c, e[4] = d, e[5] = m) : m = e[5];
-  let f;
-  return e[6] !== h || e[7] !== m ? (f = /* @__PURE__ */ D(ee, { children: [
-    h,
-    m
-  ] }), e[6] = h, e[7] = m, e[8] = f) : f = e[8], f;
+  e[0] !== i || e[1] !== s ? (m = /* @__PURE__ */ n(ve, { color: "inherit", onClick: i, children: s }), e[0] = i, e[1] = s, e[2] = m) : m = e[2];
+  let u;
+  e[3] !== a || e[4] !== c ? (u = /* @__PURE__ */ n(ve, { color: "error", onClick: c, children: a }), e[3] = a, e[4] = c, e[5] = u) : u = e[5];
+  let h;
+  return e[6] !== m || e[7] !== u ? (h = /* @__PURE__ */ D(F, { children: [
+    m,
+    u
+  ] }), e[6] = m, e[7] = u, e[8] = h) : h = e[8], h;
 }
-function St(t) {
+function Lt(t) {
   return t.visible;
 }
-const Y = {
+function It(t) {
+  const e = Z(3);
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("path", { fill: "currentColor", d: "M3 13.5c-.413 0-.766-.147-1.06-.44A1.445 1.445 0 0 1 1.5 12V6c0-.412.147-.766.44-1.06.294-.293.647-.44 1.06-.44h12c.412 0 .766.147 1.06.44.293.294.44.647.44 1.06v6c0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44H3ZM3 12h12V6h-2.25v3h-1.5V6h-1.5v3h-1.5V6h-1.5v3h-1.5V6H3v6Z" }), e[0] = l) : l = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", fill: "currentColor", ...t, children: l }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+function Rt(t) {
+  const e = Z(3);
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("path", { fill: "currentColor", fillRule: "evenodd", d: "M9 1.5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15ZM9 3a6 6 0 1 0 0 12A6 6 0 0 0 9 3Zm0 4.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z", clipRule: "evenodd" }), e[0] = l) : l = e[0];
+  let o;
+  return e[1] !== t ? (o = /* @__PURE__ */ n("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...t, children: l }), e[1] = t, e[2] = o) : o = e[2], o;
+}
+function Zt(t) {
+  const e = Z(4);
+  let l, o;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ n("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__ */ n("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] = l, e[1] = o) : (l = e[0], o = e[1]);
+  let i;
+  return e[2] !== t ? (i = /* @__PURE__ */ D("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...t, children: [
+    l,
+    o
+  ] }), e[2] = t, e[3] = i) : i = e[3], i;
+}
+const J = {
   action: {
     tooltip: {
       active: "Click on the map to trace the line you want to measure",
@@ -692,7 +716,7 @@ const Y = {
       }
     }
   }
-}, At = {
+}, kt = {
   "m-km": {
     short: "m-km"
   },
@@ -720,32 +744,17 @@ const Y = {
   feet: {
     short: "ft"
   }
-};
-function Vt(t) {
-  const e = R(3);
-  let n;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("path", { fill: "currentColor", d: "M3 13.5c-.413 0-.766-.147-1.06-.44A1.445 1.445 0 0 1 1.5 12V6c0-.412.147-.766.44-1.06.294-.293.647-.44 1.06-.44h12c.412 0 .766.147 1.06.44.293.294.44.647.44 1.06v6c0 .412-.147.766-.44 1.06-.294.293-.647.44-1.06.44H3ZM3 12h12V6h-2.25v3h-1.5V6h-1.5v3h-1.5V6h-1.5v3h-1.5V6H3v6Z" }), e[0] = n) : n = e[0];
-  let o;
-  return e[1] !== t ? (o = /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", fill: "currentColor", ...t, children: n }), e[1] = t, e[2] = o) : o = e[2], o;
-}
-function Gt(t) {
-  const e = R(3);
-  let n;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("path", { fill: "currentColor", fillRule: "evenodd", d: "M9 1.5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15ZM9 3a6 6 0 1 0 0 12A6 6 0 0 0 9 3Zm0 4.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z", clipRule: "evenodd" }), e[0] = n) : n = e[0];
-  let o;
-  return e[1] !== t ? (o = /* @__PURE__ */ i("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...t, children: n }), e[1] = t, e[2] = o) : o = e[2], o;
-}
-function Ft(t) {
-  const e = R(4);
-  let n, o;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("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__ */ i("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 l;
-  return e[2] !== t ? (l = /* @__PURE__ */ D("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...t, children: [
-    n,
-    o
-  ] }), e[2] = t, e[3] = l) : l = e[3], l;
-}
-const V = {
+}, no = {
+  distance: {
+    icon: /* @__PURE__ */ n(It, {})
+  },
+  buffer: {
+    icon: /* @__PURE__ */ n(Rt, {})
+  },
+  area: {
+    icon: /* @__PURE__ */ n(Zt, {})
+  }
+}, V = {
   container: {
     display: "flex",
     flexDirection: "row",
@@ -810,7 +819,7 @@ const V = {
       }) => t.primary.main,
       backgroundColor: ({
         palette: t
-      }) => Fe(t.primary.main, 0.08)
+      }) => Xe(t.primary.main, 0.08)
     },
     modal: {
       toggle: {
@@ -877,280 +886,280 @@ const V = {
     }
   }
 };
-function zt(t) {
-  const e = R(46), {
-    enabled: n,
+function io(t) {
+  const e = Z(46), {
+    enabled: l,
     actionProps: o,
-    labels: l,
-    modes: d,
+    labels: i,
+    modes: c,
     modesMapping: r,
     unitsMapping: s,
-    modeSelected: c,
-    PaperProps: h,
-    units: m,
-    unitSelected: f,
-    onActionToggle: v,
-    onChangeMode: p,
-    onChangeUnit: A
-  } = t, y = s === void 0 ? At : s;
-  let M;
-  e[0] !== h ? (M = h === void 0 ? {} : h, e[0] = h, e[1] = M) : M = e[1];
-  let a, u;
-  e[2] !== M ? ({
-    sx: u,
-    ...a
-  } = M, e[2] = M, e[3] = a, e[4] = u) : (a = e[3], u = e[4]);
+    modeSelected: a,
+    PaperProps: m,
+    units: u,
+    unitSelected: h,
+    onActionToggle: p,
+    onChangeMode: w,
+    onChangeUnit: M
+  } = t, v = s === void 0 ? kt : s;
+  let S;
+  e[0] !== m ? (S = m === void 0 ? {} : m, e[0] = m, e[1] = S) : S = e[1];
+  let d, f;
+  e[2] !== S ? ({
+    sx: f,
+    ...d
+  } = S, e[2] = S, e[3] = d, e[4] = f) : (d = e[3], f = e[4]);
   let g;
-  e[5] !== v ? (g = (z) => v(!!z), e[5] = v, e[6] = g) : g = e[6];
+  e[5] !== p ? (g = (z) => p(!!z), e[5] = p, e[6] = g) : g = e[6];
   const C = g;
-  let x, _;
-  e[7] !== d || e[8] !== r ? (_ = Ce(d, r), e[7] = d, e[8] = r, e[9] = _) : _ = e[9], x = _;
-  const T = x, w = (c ?? "") in T;
-  let S;
-  e[10] !== T || e[11] !== w || e[12] !== c ? (S = w ? c : Object.keys(T)[0], e[10] = T, e[11] = w, e[12] = c, e[13] = S) : S = e[13];
-  const b = S, O = T[b];
+  let x, O;
+  e[7] !== c || e[8] !== r ? (O = Ae(c, r), e[7] = c, e[8] = r, e[9] = O) : O = e[9], x = O;
+  const T = x, b = (a ?? "") in T;
+  let _;
+  e[10] !== T || e[11] !== b || e[12] !== a ? (_ = b ? a : Object.keys(T)[0], e[10] = T, e[11] = b, e[12] = a, e[13] = _) : _ = e[13];
+  const y = _, L = T[y];
   let I;
-  const L = m[b];
-  let Z;
-  e[14] !== b || e[15] !== L || e[16] !== m ? (Z = Object.keys(m).length >= 1 ? m : {
-    [b]: L.slice(0, 1)
-  }, e[14] = b, e[15] = L, e[16] = m, e[17] = Z) : Z = e[17];
-  const B = Z[b];
-  let k;
-  if (e[18] !== B || e[19] !== y) {
+  const A = u[y];
+  let R;
+  e[14] !== y || e[15] !== A || e[16] !== u ? (R = Object.keys(u).length >= 1 ? u : {
+    [y]: A.slice(0, 1)
+  }, e[14] = y, e[15] = A, e[16] = u, e[17] = R) : R = e[17];
+  const E = R[y];
+  let B;
+  if (e[18] !== E || e[19] !== v) {
     let z;
-    e[21] !== y ? (z = (ye) => ({
-      ...ye,
-      ...y[ye.value]
-    }), e[21] = y, e[22] = z) : z = e[22], k = B.map(z), e[18] = B, e[19] = y, e[20] = k;
+    e[21] !== v ? (z = (we) => ({
+      ...we,
+      ...v[we.value]
+    }), e[21] = v, e[22] = z) : z = e[22], B = E.map(z), e[18] = E, e[19] = v, e[20] = B;
   } else
-    k = e[20];
-  I = k;
-  const F = I;
+    B = e[20];
+  I = B;
+  const N = I;
   let $;
-  e[23] !== u ? ($ = {
+  e[23] !== f ? ($ = {
     ...V.container,
-    ...u
-  }, e[23] = u, e[24] = $) : $ = e[24];
-  const te = l == null ? void 0 : l.action, oe = O == null ? void 0 : O.icon;
-  let N;
-  e[25] !== o || e[26] !== n || e[27] !== C || e[28] !== te || e[29] !== oe ? (N = /* @__PURE__ */ i(_t, { actionProps: o, labels: te, enabled: n, onActionToggle: C, children: oe }), e[25] = o, e[26] = n, e[27] = C, e[28] = te, e[29] = oe, e[30] = N) : N = e[30];
-  const ne = l == null ? void 0 : l.options;
+    ...f
+  }, e[23] = f, e[24] = $) : $ = e[24];
+  const te = i == null ? void 0 : i.action, oe = L == null ? void 0 : L.icon;
   let W;
-  e[31] !== F || e[32] !== T || e[33] !== b || e[34] !== p || e[35] !== A || e[36] !== ne || e[37] !== f ? (W = /* @__PURE__ */ i(Dt, { labels: ne, modes: T, modeSelected: b, units: F, unitSelected: f, onChangeMode: p, onChangeUnit: A }), e[31] = F, e[32] = T, e[33] = b, e[34] = p, e[35] = A, e[36] = ne, e[37] = f, e[38] = W) : W = e[38];
+  e[25] !== o || e[26] !== l || e[27] !== C || e[28] !== te || e[29] !== oe ? (W = /* @__PURE__ */ n(Bt, { actionProps: o, labels: te, enabled: l, onActionToggle: C, children: oe }), e[25] = o, e[26] = l, e[27] = C, e[28] = te, e[29] = oe, e[30] = W) : W = e[30];
+  const ne = i == null ? void 0 : i.options;
   let X;
-  e[39] !== N || e[40] !== W ? (X = /* @__PURE__ */ D(ee, { children: [
-    N,
-    W
-  ] }), e[39] = N, e[40] = W, e[41] = X) : X = e[41];
+  e[31] !== N || e[32] !== T || e[33] !== y || e[34] !== w || e[35] !== M || e[36] !== ne || e[37] !== h ? (X = /* @__PURE__ */ n(Et, { labels: ne, modes: T, modeSelected: y, units: N, unitSelected: h, onChangeMode: w, onChangeUnit: M }), e[31] = N, e[32] = T, e[33] = y, e[34] = w, e[35] = M, e[36] = ne, e[37] = h, e[38] = X) : X = e[38];
   let q;
-  return e[42] !== a || e[43] !== $ || e[44] !== X ? (q = /* @__PURE__ */ i(ve, { sx: $, ...a, children: X }), e[42] = a, e[43] = $, e[44] = X, e[45] = q) : q = e[45], q;
+  e[39] !== W || e[40] !== X ? (q = /* @__PURE__ */ D(F, { children: [
+    W,
+    X
+  ] }), e[39] = W, e[40] = X, e[41] = q) : q = e[41];
+  let K;
+  return e[42] !== d || e[43] !== $ || e[44] !== q ? (K = /* @__PURE__ */ n(ye, { sx: $, ...d, children: q }), e[42] = d, e[43] = $, e[44] = q, e[45] = K) : K = e[45], K;
 }
-function _t(t) {
-  var p;
-  const e = R(12), {
-    actionProps: n,
+function Bt(t) {
+  var w;
+  const e = Z(12), {
+    actionProps: l,
     labels: o,
-    enabled: l,
-    children: d,
+    enabled: i,
+    children: c,
     onActionToggle: r
-  } = t, s = l ? "active" : "inactive", c = ((p = o == null ? void 0 : o.tooltip) == null ? void 0 : p[s]) ?? Y.action.tooltip[s], h = n == null ? void 0 : n.TooltipProps;
-  let m;
-  e[0] !== l || e[1] !== r ? (m = () => r(!l), e[0] = l, e[1] = r, e[2] = m) : m = e[2];
-  let f;
-  e[3] !== c || e[4] !== d || e[5] !== l || e[6] !== m ? (f = /* @__PURE__ */ i(ae, { value: "toggle", sx: V.actions.icon, onClick: m, "aria-label": c, selected: l, children: d }), e[3] = c, e[4] = d, e[5] = l, e[6] = m, e[7] = f) : f = e[7];
-  let v;
-  return e[8] !== c || e[9] !== h || e[10] !== f ? (v = /* @__PURE__ */ i(le, { title: c, placement: "right", ...h, children: f }), e[8] = c, e[9] = h, e[10] = f, e[11] = v) : v = e[11], v;
+  } = t, s = i ? "active" : "inactive", a = ((w = o == null ? void 0 : o.tooltip) == null ? void 0 : w[s]) ?? J.action.tooltip[s], m = l == null ? void 0 : l.TooltipProps;
+  let u;
+  e[0] !== i || e[1] !== r ? (u = () => r(!i), e[0] = i, e[1] = r, e[2] = u) : u = e[2];
+  let h;
+  e[3] !== a || e[4] !== c || e[5] !== i || e[6] !== u ? (h = /* @__PURE__ */ n(ae, { value: "toggle", sx: V.actions.icon, onClick: u, "aria-label": a, selected: i, children: c }), e[3] = a, e[4] = c, e[5] = i, e[6] = u, e[7] = h) : h = e[7];
+  let p;
+  return e[8] !== a || e[9] !== m || e[10] !== h ? (p = /* @__PURE__ */ n(le, { title: a, placement: "right", ...m, children: h }), e[8] = a, e[9] = m, e[10] = h, e[11] = p) : p = e[11], p;
 }
-function Dt(t) {
-  var F, $, te, oe, N, ne, W, X;
-  const e = R(68), {
-    modes: n,
+function Et(t) {
+  var N, $, te, oe, W, ne, X, q;
+  const e = Z(68), {
+    modes: l,
     modeSelected: o,
-    units: l,
-    unitSelected: d,
+    units: i,
+    unitSelected: c,
     labels: r,
     onChangeMode: s,
-    onChangeUnit: c
-  } = t, [h, m] = ie(null), [f, v] = ie(!1);
-  let p, A, y, M, a, u, g, C, x, _, T, w, S, b, O, I;
-  if (e[0] !== h || e[1] !== ((F = r == null ? void 0 : r.mode) == null ? void 0 : F.options) || e[2] !== (($ = r == null ? void 0 : r.mode) == null ? void 0 : $.title) || e[3] !== ((te = r == null ? void 0 : r.units) == null ? void 0 : te.title) || e[4] !== o || e[5] !== n || e[6] !== s || e[7] !== c || e[8] !== d || e[9] !== l) {
-    S = Symbol.for("react.early_return_sentinel");
+    onChangeUnit: a
+  } = t, [m, u] = Q(null), [h, p] = Q(!1);
+  let w, M, v, S, d, f, g, C, x, O, T, b, _, y, L, I;
+  if (e[0] !== m || e[1] !== ((N = r == null ? void 0 : r.mode) == null ? void 0 : N.options) || e[2] !== (($ = r == null ? void 0 : r.mode) == null ? void 0 : $.title) || e[3] !== ((te = r == null ? void 0 : r.units) == null ? void 0 : te.title) || e[4] !== o || e[5] !== l || e[6] !== s || e[7] !== a || e[8] !== c || e[9] !== i) {
+    _ = Symbol.for("react.early_return_sentinel");
     e: {
-      const q = Object.values(n);
+      const K = Object.values(l);
       let z;
-      if (e[26] !== l ? (z = Object.values(l), e[26] = l, e[27] = z) : z = e[27], I = z, !(q.length > 1 || I.length > 1)) {
-        S = null;
+      if (e[26] !== i ? (z = Object.values(i), e[26] = i, e[27] = z) : z = e[27], I = z, !(K.length > 1 || I.length > 1)) {
+        _ = null;
         break e;
       }
-      const je = !!h;
-      let se;
-      e[28] === Symbol.for("react.memo_cache_sentinel") ? (se = (U) => {
-        m(U.currentTarget);
-      }, e[28] = se) : se = e[28];
-      const Pe = se;
+      const Ve = !!m;
       let de;
-      e[29] === Symbol.for("react.memo_cache_sentinel") ? (de = () => {
-        m(null);
-      }, e[29] = de) : de = e[29];
-      const Te = de;
+      e[28] === Symbol.for("react.memo_cache_sentinel") ? (de = (U) => {
+        u(U.currentTarget);
+      }, e[28] = de) : de = e[28];
+      const Ge = de;
       let ue;
-      e[30] !== s ? (ue = (U, Se) => {
-        U.preventDefault(), s(Se.value), Te();
-      }, e[30] = s, e[31] = ue) : ue = e[31];
-      const Ee = ue;
+      e[29] === Symbol.for("react.memo_cache_sentinel") ? (ue = () => {
+        u(null);
+      }, e[29] = ue) : ue = e[29];
+      const Ce = ue;
       let me;
-      e[32] === Symbol.for("react.memo_cache_sentinel") ? (me = () => {
-        v(!0);
-      }, e[32] = me) : me = e[32], y = me;
+      e[30] !== s ? (me = (U, _e) => {
+        U.preventDefault(), s(_e.value), Ce();
+      }, e[30] = s, e[31] = me) : me = e[31];
+      const Fe = me;
       let he;
-      e[33] === Symbol.for("react.memo_cache_sentinel") ? (he = () => {
-        v(!1);
-      }, e[33] = he) : he = e[33], M = he;
+      e[32] === Symbol.for("react.memo_cache_sentinel") ? (he = () => {
+        p(!0);
+      }, e[32] = he) : he = e[32], v = he;
       let fe;
-      e[34] !== c ? (fe = (U) => {
-        M(), c(U);
-      }, e[34] = c, e[35] = fe) : fe = e[35], A = fe;
-      const $e = ((oe = r == null ? void 0 : r.mode) == null ? void 0 : oe.title) ?? Y.options.mode.title;
-      O = ((N = r == null ? void 0 : r.units) == null ? void 0 : N.title) ?? Y.options.units.title, a = q.length > 1 && I.length > 1;
+      e[33] === Symbol.for("react.memo_cache_sentinel") ? (fe = () => {
+        p(!1);
+      }, e[33] = fe) : fe = e[33], S = fe;
       let pe;
-      e[36] !== d || e[37] !== l ? (pe = l.find((U) => U.value === d) ?? l[0], e[36] = d, e[37] = l, e[38] = pe) : pe = e[38], b = pe, e[39] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ i(Q, { sx: V.options.icon, onClick: Pe, children: /* @__PURE__ */ i(Ze, {}) }), e[39] = w) : w = e[39], p = Oe, g = "measurement-menu", C = h, x = je, _ = Te, e[40] === Symbol.for("react.memo_cache_sentinel") ? (T = {
+      e[34] !== a ? (pe = (U) => {
+        S(), a(U);
+      }, e[34] = a, e[35] = pe) : pe = e[35], M = pe;
+      const Ne = ((oe = r == null ? void 0 : r.mode) == null ? void 0 : oe.title) ?? J.options.mode.title;
+      L = ((W = r == null ? void 0 : r.units) == null ? void 0 : W.title) ?? J.options.units.title, d = K.length > 1 && I.length > 1;
+      let ge;
+      e[36] !== c || e[37] !== i ? (ge = i.find((U) => U.value === c) ?? i[0], e[36] = c, e[37] = i, e[38] = ge) : ge = e[38], y = ge, e[39] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ n(ee, { sx: V.options.icon, onClick: Ge, children: /* @__PURE__ */ n(je, {}) }), e[39] = b) : b = e[39], w = ke, g = "measurement-menu", C = m, x = Ve, O = Ce, e[40] === Symbol.for("react.memo_cache_sentinel") ? (T = {
         "aria-labelledby": "basic-button",
         sx: V.options.menu
-      }, e[40] = T) : T = e[40], u = q.length > 1 && /* @__PURE__ */ D(j, { children: [
-        /* @__PURE__ */ i(H, { variant: "subtitle2", color: "text.secondary", sx: V.options.title, children: $e }),
-        q.map((U) => {
-          var Ae;
-          const Ue = (((Ae = r == null ? void 0 : r.mode) == null ? void 0 : Ae.options) ?? Y.options.mode.options)[U.value];
-          return /* @__PURE__ */ D(re, { onClick: (Ve) => Ee(Ve, U), selected: U.value === o, children: [
-            /* @__PURE__ */ i(Ie, { sx: V.options.icons, children: /* @__PURE__ */ i(Me, { children: U.icon }) }),
-            /* @__PURE__ */ i(ce, { children: Ue })
+      }, e[40] = T) : T = e[40], f = K.length > 1 && /* @__PURE__ */ D(j, { children: [
+        /* @__PURE__ */ n(H, { variant: "subtitle2", color: "text.secondary", sx: V.options.title, children: Ne }),
+        K.map((U) => {
+          var De;
+          const ze = (((De = r == null ? void 0 : r.mode) == null ? void 0 : De.options) ?? J.options.mode.options)[U.value];
+          return /* @__PURE__ */ D(ce, { onClick: (He) => Fe(He, U), selected: U.value === o, children: [
+            /* @__PURE__ */ n(Be, { sx: V.options.icons, children: /* @__PURE__ */ n(Se, { children: U.icon }) }),
+            /* @__PURE__ */ n(se, { children: ze })
           ] }, U.value);
         })
       ] });
     }
-    e[0] = h, e[1] = (ne = r == null ? void 0 : r.mode) == null ? void 0 : ne.options, e[2] = (W = r == null ? void 0 : r.mode) == null ? void 0 : W.title, e[3] = (X = r == null ? void 0 : r.units) == null ? void 0 : X.title, e[4] = o, e[5] = n, e[6] = s, e[7] = c, e[8] = d, e[9] = l, e[10] = p, e[11] = A, e[12] = y, e[13] = M, e[14] = a, e[15] = u, e[16] = g, e[17] = C, e[18] = x, e[19] = _, e[20] = T, e[21] = w, e[22] = S, e[23] = b, e[24] = O, e[25] = I;
+    e[0] = m, e[1] = (ne = r == null ? void 0 : r.mode) == null ? void 0 : ne.options, e[2] = (X = r == null ? void 0 : r.mode) == null ? void 0 : X.title, e[3] = (q = r == null ? void 0 : r.units) == null ? void 0 : q.title, e[4] = o, e[5] = l, e[6] = s, e[7] = a, e[8] = c, e[9] = i, e[10] = w, e[11] = M, e[12] = v, e[13] = S, e[14] = d, e[15] = f, e[16] = g, e[17] = C, e[18] = x, e[19] = O, e[20] = T, e[21] = b, e[22] = _, e[23] = y, e[24] = L, e[25] = I;
   } else
-    p = e[10], A = e[11], y = e[12], M = e[13], a = e[14], u = e[15], g = e[16], C = e[17], x = e[18], _ = e[19], T = e[20], w = e[21], S = e[22], b = e[23], O = e[24], I = e[25];
-  if (S !== Symbol.for("react.early_return_sentinel"))
-    return S;
-  let L;
-  e[41] !== a ? (L = a && /* @__PURE__ */ i(K, {}), e[41] = a, e[42] = L) : L = e[42];
-  let Z;
-  e[43] !== A || e[44] !== y || e[45] !== M || e[46] !== r || e[47] !== f || e[48] !== b || e[49] !== O || e[50] !== l || e[51] !== I.length ? (Z = I.length > 1 && /* @__PURE__ */ D(j, { children: [
-    /* @__PURE__ */ D(re, { onClick: y, children: [
-      /* @__PURE__ */ i(ce, { children: O }),
-      /* @__PURE__ */ i(H, { variant: "caption", fontWeight: 500, sx: V.options.tag, children: b.short })
+    w = e[10], M = e[11], v = e[12], S = e[13], d = e[14], f = e[15], g = e[16], C = e[17], x = e[18], O = e[19], T = e[20], b = e[21], _ = e[22], y = e[23], L = e[24], I = e[25];
+  if (_ !== Symbol.for("react.early_return_sentinel"))
+    return _;
+  let A;
+  e[41] !== d ? (A = d && /* @__PURE__ */ n(Y, {}), e[41] = d, e[42] = A) : A = e[42];
+  let R;
+  e[43] !== M || e[44] !== v || e[45] !== S || e[46] !== r || e[47] !== h || e[48] !== y || e[49] !== L || e[50] !== i || e[51] !== I.length ? (R = I.length > 1 && /* @__PURE__ */ D(j, { children: [
+    /* @__PURE__ */ D(ce, { onClick: v, children: [
+      /* @__PURE__ */ n(se, { children: L }),
+      /* @__PURE__ */ n(H, { variant: "caption", fontWeight: 500, sx: V.options.tag, children: y.short })
     ] }),
-    /* @__PURE__ */ i(Lt, { open: f, labels: r, units: l, unitSelectedValue: b, onClose: M, onSubmit: A })
-  ] }), e[43] = A, e[44] = y, e[45] = M, e[46] = r, e[47] = f, e[48] = b, e[49] = O, e[50] = l, e[51] = I.length, e[52] = Z) : Z = e[52];
-  let P;
-  e[53] !== u || e[54] !== Z || e[55] !== L ? (P = /* @__PURE__ */ D("div", { children: [
-    u,
-    L,
-    Z
-  ] }), e[53] = u, e[54] = Z, e[55] = L, e[56] = P) : P = e[56];
-  let B;
-  e[57] !== p || e[58] !== P || e[59] !== g || e[60] !== C || e[61] !== x || e[62] !== _ || e[63] !== T ? (B = /* @__PURE__ */ i(p, { id: g, anchorEl: C, open: x, onClose: _, MenuListProps: T, children: P }), e[57] = p, e[58] = P, e[59] = g, e[60] = C, e[61] = x, e[62] = _, e[63] = T, e[64] = B) : B = e[64];
+    /* @__PURE__ */ n(jt, { open: h, labels: r, units: i, unitSelectedValue: y, onClose: S, onSubmit: M })
+  ] }), e[43] = M, e[44] = v, e[45] = S, e[46] = r, e[47] = h, e[48] = y, e[49] = L, e[50] = i, e[51] = I.length, e[52] = R) : R = e[52];
   let k;
-  return e[65] !== B || e[66] !== w ? (k = /* @__PURE__ */ D(j, { children: [
-    w,
-    B
-  ] }), e[65] = B, e[66] = w, e[67] = k) : k = e[67], k;
+  e[53] !== f || e[54] !== R || e[55] !== A ? (k = /* @__PURE__ */ D("div", { children: [
+    f,
+    A,
+    R
+  ] }), e[53] = f, e[54] = R, e[55] = A, e[56] = k) : k = e[56];
+  let E;
+  e[57] !== w || e[58] !== k || e[59] !== g || e[60] !== C || e[61] !== x || e[62] !== O || e[63] !== T ? (E = /* @__PURE__ */ n(w, { id: g, anchorEl: C, open: x, onClose: O, MenuListProps: T, children: k }), e[57] = w, e[58] = k, e[59] = g, e[60] = C, e[61] = x, e[62] = O, e[63] = T, e[64] = E) : E = e[64];
+  let B;
+  return e[65] !== E || e[66] !== b ? (B = /* @__PURE__ */ D(j, { children: [
+    b,
+    E
+  ] }), e[65] = E, e[66] = b, e[67] = B) : B = e[67], B;
 }
-function Lt({
+function jt({
   open: t,
   labels: e,
-  units: n,
+  units: l,
   unitSelectedValue: o,
-  onClose: l,
-  onSubmit: d
+  onClose: i,
+  onSubmit: c
 }) {
-  var M, a, u, g, C, x, _, T;
-  const [r, s] = ie("metric"), c = be(() => n.filter((w) => w.system === r), [r, n]), h = (w, S) => {
-    s(S);
-  }, m = ((a = (M = e == null ? void 0 : e.units) == null ? void 0 : M.modal) == null ? void 0 : a.options) ?? Y.options.units.modal.options, f = m[r].options, v = ((g = (u = e == null ? void 0 : e.units) == null ? void 0 : u.modal) == null ? void 0 : g.title) ?? Y.options.units.modal.title, p = ((x = (C = e == null ? void 0 : e.units) == null ? void 0 : C.modal) == null ? void 0 : x.subtitle) ?? Y.options.units.modal.subtitle, A = ((T = (_ = e == null ? void 0 : e.units) == null ? void 0 : _.modal) == null ? void 0 : T.apply) ?? Y.options.units.modal.apply, y = o.system === r ? o : c[0];
-  return /* @__PURE__ */ D(ze, { open: t, component: ee, onClose: l, maxWidth: "xs", PaperProps: {
+  var S, d, f, g, C, x, O, T;
+  const [r, s] = Q("metric"), a = Te(() => l.filter((b) => b.system === r), [r, l]), m = (b, _) => {
+    s(_);
+  }, u = ((d = (S = e == null ? void 0 : e.units) == null ? void 0 : S.modal) == null ? void 0 : d.options) ?? J.options.units.modal.options, h = u[r].options, p = ((g = (f = e == null ? void 0 : e.units) == null ? void 0 : f.modal) == null ? void 0 : g.title) ?? J.options.units.modal.title, w = ((x = (C = e == null ? void 0 : e.units) == null ? void 0 : C.modal) == null ? void 0 : x.subtitle) ?? J.options.units.modal.subtitle, M = ((T = (O = e == null ? void 0 : e.units) == null ? void 0 : O.modal) == null ? void 0 : T.apply) ?? J.options.units.modal.apply, v = o.system === r ? o : a[0];
+  return /* @__PURE__ */ D(qe, { open: t, component: F, onClose: i, maxWidth: "xs", PaperProps: {
     component: "form",
-    onSubmit: (w) => {
-      w.preventDefault();
-      const S = new FormData(w.currentTarget);
-      d(S.get("unit-value"));
+    onSubmit: (b) => {
+      b.preventDefault();
+      const _ = new FormData(b.currentTarget);
+      c(_.get("unit-value"));
     }
   }, children: [
-    /* @__PURE__ */ D(He, { sx: V.options.modal.title, children: [
-      v,
-      /* @__PURE__ */ i(Q, { onClick: l, children: /* @__PURE__ */ i(ot, {}) })
+    /* @__PURE__ */ D(Ke, { sx: V.options.modal.title, children: [
+      p,
+      /* @__PURE__ */ n(ee, { onClick: i, children: /* @__PURE__ */ n(st, {}) })
     ] }),
-    /* @__PURE__ */ D(Ne, { sx: V.options.modal.content, children: [
-      /* @__PURE__ */ i(H, { sx: V.options.modal.subtitle, children: p }),
-      /* @__PURE__ */ D(Re, { color: "primary", value: r, exclusive: !0, fullWidth: !0, onChange: h, "aria-label": "system", sx: V.options.modal.toggle, children: [
-        /* @__PURE__ */ i(ae, { value: "metric", children: m.metric.title }),
-        /* @__PURE__ */ i(ae, { value: "imperial", children: m.imperial.title })
+    /* @__PURE__ */ D(Ye, { sx: V.options.modal.content, children: [
+      /* @__PURE__ */ n(H, { sx: V.options.modal.subtitle, children: w }),
+      /* @__PURE__ */ D(Ee, { color: "primary", value: r, exclusive: !0, fullWidth: !0, onChange: m, "aria-label": "system", sx: V.options.modal.toggle, children: [
+        /* @__PURE__ */ n(ae, { value: "metric", children: u.metric.title }),
+        /* @__PURE__ */ n(ae, { value: "imperial", children: u.imperial.title })
       ] }),
-      /* @__PURE__ */ i(We, { children: /* @__PURE__ */ i(Xe, { "aria-labelledby": "unit-value", defaultValue: y == null ? void 0 : y.value, name: "unit-value", sx: V.options.modal.optionsGroup, children: c.map((w) => {
-        const S = f[w.value];
-        return /* @__PURE__ */ i(qe, { value: w.value, control: /* @__PURE__ */ i(Ke, {}), label: S }, w.value);
-      }) }) }, y == null ? void 0 : y.value)
+      /* @__PURE__ */ n(Je, { children: /* @__PURE__ */ n(Qe, { "aria-labelledby": "unit-value", defaultValue: v == null ? void 0 : v.value, name: "unit-value", sx: V.options.modal.optionsGroup, children: a.map((b) => {
+        const _ = h[b.value];
+        return /* @__PURE__ */ n(et, { value: b.value, control: /* @__PURE__ */ n(tt, {}), label: _ }, b.value);
+      }) }) }, v == null ? void 0 : v.value)
     ] }),
-    /* @__PURE__ */ i(Ye, { sx: V.options.modal.actions, children: /* @__PURE__ */ i(ge, { variant: "contained", type: "submit", children: A }) })
+    /* @__PURE__ */ n(ot, { sx: V.options.modal.actions, children: /* @__PURE__ */ n(ve, { variant: "contained", type: "submit", children: M }) })
   ] });
 }
-const Ot = {
+const Pt = {
   enabled: "Show your current location",
   disabled: "Location unavailable"
-}, It = "geolocation";
-function Ht(t) {
-  const e = R(25), {
-    disabled: n,
+}, $t = "geolocation";
+function lo(t) {
+  const e = Z(25), {
+    disabled: l,
     labels: o,
-    PaperProps: l,
-    TooltipProps: d,
+    PaperProps: i,
+    TooltipProps: c,
     watch: r,
     onChange: s,
-    onError: c
-  } = t, h = at(null), m = "geolocation" in navigator, [f, v] = ie(m);
-  let p, A;
-  e[0] !== c ? (p = () => (m && navigator.permissions.query({
+    onError: a
+  } = t, m = ft(null), u = "geolocation" in navigator, [h, p] = Q(u);
+  let w, M;
+  e[0] !== a ? (w = () => (u && navigator.permissions.query({
     name: "geolocation"
-  }).then((L) => {
-    v(L.state === "granted"), L.onchange = () => {
-      v(L.state === "granted");
+  }).then((A) => {
+    p(A.state === "granted"), A.onchange = () => {
+      p(A.state === "granted");
     };
-  }).catch((L) => {
-    v(!1), c == null || c(L);
+  }).catch((A) => {
+    p(!1), a == null || a(A);
   }), () => {
-    h.current && navigator.geolocation.clearWatch(h.current);
-  }), A = [m, c], e[0] = c, e[1] = p, e[2] = A) : (p = e[1], A = e[2]), st(p, A);
-  let y;
-  e[3] !== s ? (y = (L) => {
-    s(L.coords);
-  }, e[3] = s, e[4] = y) : y = e[4];
-  const M = y;
-  let a;
-  e[5] !== c ? (a = (L) => {
-    v(!1), c == null || c(L);
-  }, e[5] = c, e[6] = a) : a = e[6];
-  const u = a;
+    m.current && navigator.geolocation.clearWatch(m.current);
+  }), M = [u, a], e[0] = a, e[1] = w, e[2] = M) : (w = e[1], M = e[2]), Pe(w, M);
+  let v;
+  e[3] !== s ? (v = (A) => {
+    s(A.coords);
+  }, e[3] = s, e[4] = v) : v = e[4];
+  const S = v;
+  let d;
+  e[5] !== a ? (d = (A) => {
+    p(!1), a == null || a(A);
+  }, e[5] = a, e[6] = d) : d = e[6];
+  const f = d;
   let g;
-  e[7] !== u || e[8] !== M || e[9] !== r ? (g = () => {
-    if (h.current && navigator.geolocation.clearWatch(h.current), r) {
-      h.current = navigator.geolocation.watchPosition(M, u);
+  e[7] !== f || e[8] !== S || e[9] !== r ? (g = () => {
+    if (m.current && navigator.geolocation.clearWatch(m.current), r) {
+      m.current = navigator.geolocation.watchPosition(S, f);
       return;
     }
-    navigator.geolocation.getCurrentPosition(M, u);
-  }, e[7] = u, e[8] = M, e[9] = r, e[10] = g) : g = e[10];
-  const C = g, _ = ((o == null ? void 0 : o.tooltip) ?? Ot)[f ? "enabled" : "disabled"], T = (o == null ? void 0 : o.ariaLabel) ?? It, w = !m || n;
-  let S;
-  e[11] !== f ? (S = f ? /* @__PURE__ */ i(nt, {}) : /* @__PURE__ */ i(it, {}), e[11] = f, e[12] = S) : S = e[12];
-  let b;
-  e[13] !== C || e[14] !== T || e[15] !== w || e[16] !== S ? (b = /* @__PURE__ */ i(Q, { onClick: C, "aria-label": T, disabled: w, children: S }), e[13] = C, e[14] = T, e[15] = w, e[16] = S, e[17] = b) : b = e[17];
-  let O;
-  e[18] !== d || e[19] !== b || e[20] !== _ ? (O = /* @__PURE__ */ i(le, { arrow: !0, placement: "right", title: _, ...d, children: b }), e[18] = d, e[19] = b, e[20] = _, e[21] = O) : O = e[21];
+    navigator.geolocation.getCurrentPosition(S, f);
+  }, e[7] = f, e[8] = S, e[9] = r, e[10] = g) : g = e[10];
+  const C = g, O = ((o == null ? void 0 : o.tooltip) ?? Pt)[h ? "enabled" : "disabled"], T = (o == null ? void 0 : o.ariaLabel) ?? $t, b = !u || l;
+  let _;
+  e[11] !== h ? (_ = h ? /* @__PURE__ */ n(at, {}) : /* @__PURE__ */ n(dt, {}), e[11] = h, e[12] = _) : _ = e[12];
+  let y;
+  e[13] !== C || e[14] !== T || e[15] !== b || e[16] !== _ ? (y = /* @__PURE__ */ n(ee, { onClick: C, "aria-label": T, disabled: b, children: _ }), e[13] = C, e[14] = T, e[15] = b, e[16] = _, e[17] = y) : y = e[17];
+  let L;
+  e[18] !== c || e[19] !== y || e[20] !== O ? (L = /* @__PURE__ */ n(le, { arrow: !0, placement: "right", title: O, ...c, children: y }), e[18] = c, e[19] = y, e[20] = O, e[21] = L) : L = e[21];
   let I;
-  return e[22] !== l || e[23] !== O ? (I = /* @__PURE__ */ i(ve, { ...l, children: O }), e[22] = l, e[23] = O, e[24] = I) : I = e[24], I;
+  return e[22] !== i || e[23] !== L ? (I = /* @__PURE__ */ n(ye, { ...i, children: L }), e[22] = i, e[23] = L, e[24] = I) : I = e[24], I;
 }
-const xe = {
+const Me = {
   zoom: {
     position: "relative",
     height: ({
@@ -1182,88 +1191,178 @@ const xe = {
     position: "absolute"
   }
 };
-function Nt(t) {
-  const e = R(40), {
-    zoom: n,
+function ro(t) {
+  const e = Z(40), {
+    zoom: l,
     disabled: o,
-    direction: l,
-    isLoading: d,
+    direction: i,
+    isLoading: c,
     maxZoom: r,
     minZoom: s,
-    PaperProps: c,
-    ResetViewProps: h,
-    showZoom: m,
-    onChange: f,
-    onReset: v
-  } = t, p = l === void 0 ? "vertical" : l, A = r === void 0 ? 24 : r, y = s === void 0 ? 0 : s;
-  let M;
-  e[0] !== h ? (M = h === void 0 ? {
-    Icon: lt
-  } : h, e[0] = h, e[1] = M) : M = e[1];
-  const a = M, u = m === void 0 ? !0 : m;
+    PaperProps: a,
+    ResetViewProps: m,
+    showZoom: u,
+    onChange: h,
+    onReset: p
+  } = t, w = i === void 0 ? "vertical" : i, M = r === void 0 ? 24 : r, v = s === void 0 ? 0 : s;
+  let S;
+  e[0] !== m ? (S = m === void 0 ? {
+    Icon: ut
+  } : m, e[0] = m, e[1] = S) : S = e[1];
+  const d = S, f = u === void 0 ? !0 : u;
   let g;
-  e[2] !== A || e[3] !== f || e[4] !== n ? (g = () => {
-    const $ = Math.min(A, n + 1);
-    f($);
-  }, e[2] = A, e[3] = f, e[4] = n, e[5] = g) : g = e[5];
+  e[2] !== M || e[3] !== h || e[4] !== l ? (g = () => {
+    const $ = Math.min(M, l + 1);
+    h($);
+  }, e[2] = M, e[3] = h, e[4] = l, e[5] = g) : g = e[5];
   const C = g;
   let x;
-  e[6] !== y || e[7] !== f || e[8] !== n ? (x = () => {
-    const $ = Math.max(y, n - 1);
-    f($);
-  }, e[6] = y, e[7] = f, e[8] = n, e[9] = x) : x = e[9];
-  const _ = x, T = Math.floor(n), w = p === "vertical" ? "horizontal" : "vertical", S = p === "vertical" ? "column" : "row";
-  let b;
-  e[10] !== S ? (b = {
-    ...xe.paper,
-    flexDirection: S
-  }, e[10] = S, e[11] = b) : b = e[11];
-  let O;
-  e[12] !== a || e[13] !== o || e[14] !== w || e[15] !== v ? (O = v && /* @__PURE__ */ D(j, { children: [
-    /* @__PURE__ */ i(Q, { onClick: v, "aria-label": "Decrease zoom", disabled: o, children: /* @__PURE__ */ i(a.Icon, {}) }),
-    /* @__PURE__ */ i(K, { orientation: w, flexItem: !0 })
-  ] }), e[12] = a, e[13] = o, e[14] = w, e[15] = v, e[16] = O) : O = e[16];
-  let I;
-  e[17] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ i(rt, {}), e[17] = I) : I = e[17];
+  e[6] !== v || e[7] !== h || e[8] !== l ? (x = () => {
+    const $ = Math.max(v, l - 1);
+    h($);
+  }, e[6] = v, e[7] = h, e[8] = l, e[9] = x) : x = e[9];
+  const O = x, T = Math.floor(l), b = w === "vertical" ? "horizontal" : "vertical", _ = w === "vertical" ? "column" : "row";
+  let y;
+  e[10] !== _ ? (y = {
+    ...Me.paper,
+    flexDirection: _
+  }, e[10] = _, e[11] = y) : y = e[11];
   let L;
-  e[18] !== o || e[19] !== C ? (L = /* @__PURE__ */ i(Q, { onClick: C, "aria-label": "Increase zoom", disabled: o, children: I }), e[18] = o, e[19] = C, e[20] = L) : L = e[20];
-  let Z;
-  e[21] !== w ? (Z = /* @__PURE__ */ i(K, { orientation: w, flexItem: !0 }), e[21] = w, e[22] = Z) : Z = e[22];
-  let P;
-  e[23] !== T || e[24] !== w || e[25] !== d || e[26] !== u ? (P = u && /* @__PURE__ */ D(j, { children: [
-    /* @__PURE__ */ D(ee, { sx: xe.zoom, children: [
-      /* @__PURE__ */ i(H, { display: "block", align: "center", color: "textSecondary", variant: "overline", children: T }),
-      d && /* @__PURE__ */ i(Je, { sx: xe.circularProgress, variant: "indeterminate", size: 24 })
+  e[12] !== d || e[13] !== o || e[14] !== b || e[15] !== p ? (L = p && /* @__PURE__ */ D(j, { children: [
+    /* @__PURE__ */ n(ee, { onClick: p, "aria-label": "Decrease zoom", disabled: o, children: /* @__PURE__ */ n(d.Icon, {}) }),
+    /* @__PURE__ */ n(Y, { orientation: b, flexItem: !0 })
+  ] }), e[12] = d, e[13] = o, e[14] = b, e[15] = p, e[16] = L) : L = e[16];
+  let I;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ n(mt, {}), e[17] = I) : I = e[17];
+  let A;
+  e[18] !== o || e[19] !== C ? (A = /* @__PURE__ */ n(ee, { onClick: C, "aria-label": "Increase zoom", disabled: o, children: I }), e[18] = o, e[19] = C, e[20] = A) : A = e[20];
+  let R;
+  e[21] !== b ? (R = /* @__PURE__ */ n(Y, { orientation: b, flexItem: !0 }), e[21] = b, e[22] = R) : R = e[22];
+  let k;
+  e[23] !== T || e[24] !== b || e[25] !== c || e[26] !== f ? (k = f && /* @__PURE__ */ D(j, { children: [
+    /* @__PURE__ */ D(F, { sx: Me.zoom, children: [
+      /* @__PURE__ */ n(H, { display: "block", align: "center", color: "textSecondary", variant: "overline", children: T }),
+      c && /* @__PURE__ */ n(nt, { sx: Me.circularProgress, variant: "indeterminate", size: 24 })
     ] }),
-    /* @__PURE__ */ i(K, { orientation: w, flexItem: !0 })
-  ] }), e[23] = T, e[24] = w, e[25] = d, e[26] = u, e[27] = P) : P = e[27];
+    /* @__PURE__ */ n(Y, { orientation: b, flexItem: !0 })
+  ] }), e[23] = T, e[24] = b, e[25] = c, e[26] = f, e[27] = k) : k = e[27];
+  let E;
+  e[28] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ n(ht, {}), e[28] = E) : E = e[28];
   let B;
-  e[28] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ i(ct, {}), e[28] = B) : B = e[28];
-  let k;
-  e[29] !== _ || e[30] !== o ? (k = /* @__PURE__ */ i(Q, { onClick: _, "aria-label": "Decrease zoom", disabled: o, children: B }), e[29] = _, e[30] = o, e[31] = k) : k = e[31];
-  let F;
-  return e[32] !== c || e[33] !== b || e[34] !== O || e[35] !== L || e[36] !== Z || e[37] !== P || e[38] !== k ? (F = /* @__PURE__ */ D(ve, { sx: b, ...c, children: [
-    O,
+  e[29] !== O || e[30] !== o ? (B = /* @__PURE__ */ n(ee, { onClick: O, "aria-label": "Decrease zoom", disabled: o, children: E }), e[29] = O, e[30] = o, e[31] = B) : B = e[31];
+  let N;
+  return e[32] !== a || e[33] !== y || e[34] !== L || e[35] !== A || e[36] !== R || e[37] !== k || e[38] !== B ? (N = /* @__PURE__ */ D(ye, { sx: y, ...a, children: [
     L,
-    Z,
-    P,
-    k
-  ] }), e[32] = c, e[33] = b, e[34] = O, e[35] = L, e[36] = Z, e[37] = P, e[38] = k, e[39] = F) : F = e[39], F;
+    A,
+    R,
+    k,
+    B
+  ] }), e[32] = a, e[33] = y, e[34] = L, e[35] = A, e[36] = R, e[37] = k, e[38] = B, e[39] = N) : N = e[39], N;
 }
-const J = {
-  firstColumn: {
-    flex: 2.5,
+function Ut(t) {
+  const e = Z(4), {
+    length: l
+  } = t, o = l === void 0 ? 5 : l;
+  let i;
+  e[0] !== o ? (i = new Array(o).fill(null).map(Vt), e[0] = o, e[1] = i) : i = e[1];
+  let c;
+  return e[2] !== i ? (c = /* @__PURE__ */ n(F, { children: i }), e[2] = i, e[3] = c) : c = e[3], c;
+}
+function Vt(t, e) {
+  return /* @__PURE__ */ D(re, { container: !0, spacing: 1, children: [
+    /* @__PURE__ */ D(re, { container: !0, item: !0, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ n(xe, { width: zt(e) ? 72 : 48, height: 20 }),
+      /* @__PURE__ */ n(xe, { width: 48, height: 8 })
+    ] }),
+    /* @__PURE__ */ n(xe, { sx: {
+      height: Nt,
+      marginTop: Ft,
+      marginBottom: Gt,
+      width: "100%"
+    } })
+  ] }, e);
+}
+function Gt(t) {
+  const {
+    spacing: e
+  } = t;
+  return e(1.75);
+}
+function Ft(t) {
+  const {
+    spacing: e
+  } = t;
+  return e(1.25);
+}
+function Nt(t) {
+  const {
+    spacing: e
+  } = t;
+  return e(0.5);
+}
+function zt(t) {
+  return t % 2 === 1;
+}
+function Ht(t) {
+  const e = Z(13), {
+    title: l,
+    body: o,
+    severity: i
+  } = t, c = l === void 0 ? "No data available" : l, 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 u;
+    e[0] !== r ? (u = /* @__PURE__ */ n(Re, { children: r }), e[0] = r, e[1] = u) : u = e[1];
+    let h;
+    return e[2] !== i || e[3] !== u || e[4] !== c ? (h = /* @__PURE__ */ n(it, { title: c, severity: i, children: u }), e[2] = i, e[3] = u, e[4] = c, e[5] = h) : h = e[5], h;
+  }
+  let s;
+  e[6] !== c ? (s = c && /* @__PURE__ */ n(H, { variant: "body2", children: c }), e[6] = c, e[7] = s) : s = e[7];
+  let a;
+  e[8] !== r ? (a = /* @__PURE__ */ n(Re, { color: "textSecondary", children: r }), e[8] = r, e[9] = a) : a = e[9];
+  let m;
+  return e[10] !== s || e[11] !== a ? (m = /* @__PURE__ */ D(F, { children: [
+    s,
+    a
+  ] }), e[10] = s, e[11] = a, e[12] = m) : m = e[12], m;
+}
+function Re(t) {
+  const e = Z(5), {
+    color: l,
+    children: o
+  } = t;
+  if (o) {
+    const c = l ?? "inherit";
+    let r;
+    e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = {
+      fontWeight: "normal"
+    }, e[0] = r) : r = e[0];
+    let s;
+    return e[1] !== o || e[2] !== c ? (s = /* @__PURE__ */ n(F, { mt: 0.5, children: /* @__PURE__ */ n(H, { component: "div", variant: "caption", color: c, style: r, children: o }) }), e[1] = o, e[2] = c, e[3] = s) : s = e[3], s;
+  }
+  let i;
+  return e[4] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ n(F, { mt: -1 }), e[4] = i) : i = e[4], i;
+}
+function Wt(t) {
+  const e = Z(4), [l, o] = Q(!1), [i, c] = Q(!1);
+  let r, s;
+  return e[0] !== i || e[1] !== t ? (r = () => {
+    t && !i && (o(!0), c(!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]), Pe(r, s), l;
+}
+const Ze = {
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}, ie = {
+  label: {
     "& .MuiListItemText-primary": {
-      wordBreak: "break-word",
-      whiteSpace: "normal"
+      ...Ze
     }
   },
-  secondColumn: {
-    flex: 0.5,
-    textAlign: "right",
+  value: {
     "& .MuiListItemText-primary": {
-      wordBreak: "break-word",
-      whiteSpace: "normal"
+      ...Ze,
+      textAlign: "right"
     }
   },
   clickable: {
@@ -1274,9 +1373,6 @@ const J = {
       }) => t.action.hover
     }
   },
-  button: {
-    mt: 2
-  },
   showDivider: {
     borderBottom: ({
       palette: t
@@ -1291,77 +1387,86 @@ const J = {
     opacity: 0.5,
     cursor: "not-allowed"
   }
-}, Rt = {
+}, Xt = {
   showMore: "Show More",
   showLess: "Show Less"
 };
-function Wt(t) {
-  const e = R(30), {
-    data: n,
-    itemsToShow: o,
-    labels: l,
-    showDivider: d,
-    selectedItemId: r,
-    tooltipProps: s,
-    onExpand: c,
-    onItemClick: h
-  } = t, m = o === void 0 ? 0 : o, f = l === void 0 ? Rt : l, v = d === void 0 ? !0 : d, [p, A] = ie(!1);
-  let y, M;
-  e[0] !== n || e[1] !== m || e[2] !== p ? (M = p || m === 0 ? n : n.slice(0, m), e[0] = n, e[1] = m, e[2] = p, e[3] = M) : M = e[3], y = M;
-  const a = y;
-  let u;
-  e[4] !== c || e[5] !== p ? (u = () => {
-    A(!p), c == null || c(p);
-  }, e[4] = c, e[5] = p, e[6] = u) : u = e[6];
-  const g = u;
-  if (a.length === 0) {
-    let w;
-    return e[7] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ i(H, { variant: "body1", children: "No data" }), e[7] = w) : w = e[7], w;
+function co(t) {
+  const e = Z(34), {
+    data: l,
+    isLoading: o,
+    maxItems: i,
+    labels: c,
+    showDivider: r,
+    selectedItemId: s,
+    tooltipProps: a,
+    onExpand: m,
+    onItemClick: u
+  } = t;
+  let h;
+  e[0] !== l ? (h = l === void 0 ? [] : l, e[0] = l, e[1] = h) : h = e[1];
+  const p = h, w = o === void 0 ? !1 : o, M = i === void 0 ? 5 : i, v = c === void 0 ? Xt : c, S = r === void 0 ? !0 : r, [d, f] = Q(!1), g = Wt(w);
+  let C, x;
+  e[2] !== p || e[3] !== M || e[4] !== d ? (x = d ? p : p.slice(0, M), e[2] = p, e[3] = M, e[4] = d, e[5] = x) : x = e[5], C = x;
+  const O = C;
+  let T;
+  e[6] !== m || e[7] !== d ? (T = () => {
+    f(!d), m == null || m(d);
+  }, e[6] = m, e[7] = d, e[8] = T) : T = e[8];
+  const b = T;
+  if (g) {
+    let A;
+    return e[9] !== M ? (A = /* @__PURE__ */ n(Ut, { length: M }), e[9] = M, e[10] = A) : A = e[10], A;
+  }
+  if (O.length === 0) {
+    let A;
+    return e[11] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ n(Ht, {}), e[11] = A) : A = e[11], A;
   }
-  let C;
-  if (e[8] !== a || e[9] !== h || e[10] !== r || e[11] !== v || e[12] !== s) {
-    let w;
-    e[14] !== h || e[15] !== r || e[16] !== v || e[17] !== s ? (w = (S, b) => /* @__PURE__ */ i(le, { followCursor: !1, placement: "top", arrow: !0, title: S.tooltipTitle, enterDelay: 10, ...s, children: /* @__PURE__ */ D(Qe, { sx: {
-      ...v && J.showDivider,
-      ...h && J.clickable,
-      ...r === S.id && J.selected,
-      ...S.disabled && J.disabled
+  let _;
+  if (e[12] !== O || e[13] !== u || e[14] !== s || e[15] !== S || e[16] !== a) {
+    let A;
+    e[18] !== u || e[19] !== s || e[20] !== S || e[21] !== a ? (A = (R, k) => /* @__PURE__ */ n(le, { followCursor: !1, placement: "top", arrow: !0, title: R.tooltipTitle, enterDelay: 10, ...a, children: /* @__PURE__ */ n(lt, { sx: {
+      ...S && ie.showDivider,
+      ...u && ie.clickable,
+      ...s === R.id && ie.selected,
+      ...R.disabled && ie.disabled
     }, onClick: () => {
-      S.disabled || h == null || h(S);
-    }, children: [
-      /* @__PURE__ */ i(ce, { primary: S.label, sx: J.firstColumn }),
-      /* @__PURE__ */ i(ce, { primary: S.value, sx: J.secondColumn })
-    ] }) }, `list-item-${b}`), e[14] = h, e[15] = r, e[16] = v, e[17] = s, e[18] = w) : w = e[18], C = a.map(w), e[8] = a, e[9] = h, e[10] = r, e[11] = v, e[12] = s, e[13] = C;
+      R.disabled || u == null || u(R);
+    }, children: /* @__PURE__ */ D(re, { container: !0, alignItems: "center", children: [
+      /* @__PURE__ */ n(re, { item: !0, xs: 8, children: /* @__PURE__ */ n(se, { primary: R.label, sx: ie.label }) }),
+      /* @__PURE__ */ n(re, { item: !0, xs: 4, children: /* @__PURE__ */ n(se, { primary: R.value, sx: ie.value }) })
+    ] }) }) }, `list-item-${k}`), e[18] = u, e[19] = s, e[20] = S, e[21] = a, e[22] = A) : A = e[22], _ = O.map(A), e[12] = O, e[13] = u, e[14] = s, e[15] = S, e[16] = a, e[17] = _;
   } else
-    C = e[13];
-  let x;
-  e[19] !== C ? (x = /* @__PURE__ */ i(et, { id: "expandable-list", children: C }), e[19] = C, e[20] = x) : x = e[20];
-  let _;
-  e[21] !== n.length || e[22] !== g || e[23] !== m || e[24] !== f || e[25] !== p ? (_ = n.length > m && /* @__PURE__ */ i(ge, { onClick: g, sx: J.button, variant: "text", color: "primary", "aria-expanded": p, "aria-controls": "expandable-list", children: p ? f.showLess : f.showMore }), e[21] = n.length, e[22] = g, e[23] = m, e[24] = f, e[25] = p, e[26] = _) : _ = e[26];
-  let T;
-  return e[27] !== x || e[28] !== _ ? (T = /* @__PURE__ */ D(j, { children: [
-    x,
-    _
-  ] }), e[27] = x, e[28] = _, e[29] = T) : T = e[29], T;
+    _ = e[17];
+  let y;
+  e[23] !== _ ? (y = /* @__PURE__ */ n(rt, { id: "expandable-list", children: _ }), e[23] = _, e[24] = y) : y = e[24];
+  let L;
+  e[25] !== p.length || e[26] !== b || e[27] !== v || e[28] !== M || e[29] !== d ? (L = p.length > M && /* @__PURE__ */ n(F, { my: 2, children: /* @__PURE__ */ n(ve, { onClick: b, variant: "text", color: "primary", "aria-expanded": d, "aria-controls": "expandable-list", children: d ? v.showLess : v.showMore }) }), e[25] = p.length, e[26] = b, e[27] = v, e[28] = M, e[29] = d, e[30] = L) : L = e[30];
+  let I;
+  return e[31] !== y || e[32] !== L ? (I = /* @__PURE__ */ D(j, { children: [
+    y,
+    L
+  ] }), e[31] = y, e[32] = L, e[33] = I) : I = e[33], I;
 }
 export {
-  Ft as AreaIcon,
-  Gt as BufferIcon,
-  Et as DEFAULT_LASSO_TOOLS_MODES_MAPPING,
-  Y as DEFAULT_MEASUREMENT_TOOLS_LABELS,
-  At as DEFAULT_MEASUREMENT_TOOLS_UNITS_MAPPING,
-  mt as DrawCircleIcon,
-  ht as DrawLassoIcon,
-  dt as DrawPolygonIcon,
-  ut as DrawSquareIcon,
-  Ht as GeolocationControls,
-  E as LASSO_TOOLS_LABELS,
-  Ut as LassoToolsInlineUI,
-  $t as LassoToolsUI,
-  Wt as ListDataUI,
-  zt as MeasurementToolsUI,
-  Vt as RulerIcon,
-  ft as SelectToolIcon,
-  Nt as ZoomControlsUI
+  Zt as AreaIcon,
+  Rt as BufferIcon,
+  eo as DEFAULT_LASSO_TOOLS_MODES_MAPPING,
+  J as DEFAULT_MEASUREMENT_TOOLS_LABELS,
+  no as DEFAULT_MEASUREMENT_TOOLS_MODES_MAPPING,
+  kt as DEFAULT_MEASUREMENT_TOOLS_UNITS_MAPPING,
+  vt as DrawCircleIcon,
+  yt as DrawLassoIcon,
+  pt as DrawPolygonIcon,
+  gt as DrawSquareIcon,
+  lo as GeolocationControls,
+  P as LASSO_TOOLS_LABELS,
+  oo as LassoToolsInlineUI,
+  to as LassoToolsUI,
+  co as ListDataUI,
+  io as MeasurementToolsUI,
+  It as RulerIcon,
+  wt as SelectToolIcon,
+  ro as ZoomControlsUI
 };
 //# sourceMappingURL=components.js.map