@carto/ps-react-ui 4.20.0 → 4.20.1

package/dist/components.js

@@ -1,1841 +1,5 @@
-import { s as De, L as ot, a as ye, S as nt, T as it } from "./lasso-tool-YLFRgb-S.js";
-import { D as Xl, b as ql, c as Ql, d as Jl, e as eo, f as to, g as lo } from "./lasso-tool-YLFRgb-S.js";
-import { jsxs as W, Fragment as me, jsx as l } from "react/jsx-runtime";
-import { c as Q } from "react/compiler-runtime";
-import { Divider as he, Box as ne, ToggleButton as Pe, SvgIcon as Re, ToggleButtonGroup as Ge, Typography as se, Button as _e, Paper as Me, TextField as st, Popover as Ye, IconButton as be, ListItemButton as We, ListItemIcon as $e, Checkbox as ze, ListItemText as Ce, Dialog as Ke, DialogTitle as Xe, InputBase as rt, List as qe, DialogContent as Qe, DialogActions as Je, AlertTitle as at, Alert as et, Snackbar as ct, alpha as dt, MenuItem as Ve, Menu as ft, FormControlLabel as mt, Radio as pt, RadioGroup as ut, FormControl as ht, CircularProgress as gt, Grid as Te, Skeleton as Oe, ListItem as bt, Drawer as vt, useTheme as yt, useMediaQuery as xt } from "@mui/material";
-import { useRef as we, useState as ae, useId as St, useReducer as _t, useEffectEvent as Ct, useEffect as tt, useSyncExternalStore as wt } from "react";
-import { d as Be } from "./cjs-D4KH3azB.js";
-import { T as ke } from "./tooltip-BDnrRKrp.js";
-import { s as no } from "./tooltip-BDnrRKrp.js";
-import { LockOutlined as kt, DeleteOutlined as Tt, Close as Ue, Search as Mt, ArrowDropDown as At, MyLocationOutlined as It, LocationDisabledOutlined as Lt, CropFreeOutlined as Dt, AddOutlined as Pt, RemoveOutlined as Rt } from "@mui/icons-material";
-import { S as Ot } from "./smart-tooltip-DFV6GD8R.js";
-import { C as so } from "./copy-button-DGL1tyli.js";
-const Et = [], $t = {};
-function Wl(t) {
-  const e = Q(55), {
-    enabled: i,
-    values: o,
-    chipProps: n,
-    labels: c,
-    modes: s,
-    modesMapping: a,
-    modeSelected: r,
-    BoxProps: f,
-    onChipToggle: m,
-    onDelete: d,
-    onChangeMode: u,
-    onAllChipToggle: x,
-    onAllDelete: h
-  } = t, S = o === void 0 ? Et : o, _ = f === void 0 ? $t : f;
-  let U, R;
-  e[0] !== _ ? ({
-    sx: R,
-    ...U
-  } = _, e[0] = _, e[1] = U, e[2] = R) : (U = e[1], R = e[2]);
-  let P;
-  e[3] !== s || e[4] !== a ? (P = Be(s, a), e[3] = s, e[4] = a, e[5] = P) : P = e[5];
-  const b = P;
-  let v, O;
-  e[6] !== b ? ({
-    edit: O,
-    ...v
-  } = b, e[6] = b, e[7] = v, e[8] = O) : (v = e[7], O = e[8]);
-  let g;
-  e[9] !== d ? (g = (K) => d(K), e[9] = d, e[10] = g) : g = e[10];
-  const I = g;
-  let k;
-  e[11] !== u ? (k = (K, J) => {
-    K.preventDefault(), u?.(J);
-  }, e[11] = u, e[12] = k) : k = e[12];
-  const T = k, L = (r ?? "") in s ? r : Object.keys(b)[0], C = i ? b[L] : null;
-  let A;
-  e[13] !== v ? (A = Object.values(v), e[13] = v, e[14] = A) : A = e[14];
-  const y = A;
-  let w;
-  e[15] !== R ? (w = {
-    ...De.container,
-    ...R
-  }, e[15] = R, e[16] = w) : w = e[16];
-  const E = c?.options, z = C?.value, $ = c?.options;
-  let M;
-  e[17] !== y || e[18] !== $ ? (M = /* @__PURE__ */ l(Fe, { labels: $, data: y }), e[17] = y, e[18] = $, e[19] = M) : M = e[19];
-  let D;
-  e[20] !== O || e[21] !== c?.options || e[22] !== S.length ? (D = !!O && /* @__PURE__ */ W(me, { children: [
-    /* @__PURE__ */ l(he, { orientation: "vertical" }),
-    /* @__PURE__ */ l(Fe, { labels: c?.options, data: [{
-      ...O,
-      disabled: !S.length
-    }] })
-  ] }), e[20] = O, e[21] = c?.options, e[22] = S.length, e[23] = D) : D = e[23];
-  let V;
-  e[24] !== T || e[25] !== z || e[26] !== M || e[27] !== D ? (V = /* @__PURE__ */ W(Ge, { value: z, exclusive: !0, className: "inline", sx: De.options.menu, onChange: T, children: [
-    M,
-    D
-  ] }), e[24] = T, e[25] = z, e[26] = M, e[27] = D, e[28] = V) : V = e[28];
-  let N;
-  e[29] !== y || e[30] !== V || e[31] !== E ? (N = /* @__PURE__ */ l(Bt, { data: y, labels: E, children: V }), e[29] = y, e[30] = V, e[31] = E, e[32] = N) : N = e[32];
-  let Z;
-  e[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = /* @__PURE__ */ l(he, { flexItem: !0 }), e[33] = Z) : Z = e[33];
-  const j = !!S.length, F = c?.noData;
-  let B;
-  e[34] !== j || e[35] !== F ? (B = /* @__PURE__ */ l(Ut, { hasValues: j, labels: F }), e[34] = j, e[35] = F, e[36] = B) : B = e[36];
-  let H;
-  e[37] !== n || e[38] !== I || e[39] !== c?.chip || e[40] !== m || e[41] !== S ? (H = !!S.length && /* @__PURE__ */ l(ne, { sx: De.chip.container, className: "inline", children: S.map((K) => /* @__PURE__ */ l(ot, { value: K, labels: c?.chip, chipProps: n, onDelete: I, onChipToggle: m }, K.id)) }), e[37] = n, e[38] = I, e[39] = c?.chip, e[40] = m, e[41] = S, e[42] = H) : H = e[42];
-  const q = c?.actions;
-  let Y;
-  e[43] !== x || e[44] !== h || e[45] !== q || e[46] !== S ? (Y = /* @__PURE__ */ l(Wt, { values: S, labels: q, onAllChipToggle: x, onAllDelete: h }), e[43] = x, e[44] = h, e[45] = q, e[46] = S, e[47] = Y) : Y = e[47];
-  let G;
-  return e[48] !== U || e[49] !== N || e[50] !== B || e[51] !== H || e[52] !== Y || e[53] !== w ? (G = /* @__PURE__ */ W(ne, { sx: w, ...U, className: "inline", children: [
-    N,
-    Z,
-    B,
-    H,
-    Y
-  ] }), e[48] = U, e[49] = N, e[50] = B, e[51] = H, e[52] = Y, e[53] = w, e[54] = G) : G = e[54], G;
-}
-function Bt(t) {
-  const e = Q(5), {
-    data: i,
-    labels: o,
-    children: n
-  } = t;
-  if (i.length <= 1)
-    return null;
-  const c = o?.mode?.title ?? ye.options.mode.title;
-  let s;
-  e[0] !== c ? (s = /* @__PURE__ */ l(se, { variant: "subtitle2", color: "text.secondary", sx: De.options.title, className: "inline", children: c }), e[0] = c, e[1] = s) : s = e[1];
-  let a;
-  return e[2] !== n || e[3] !== s ? (a = /* @__PURE__ */ W(me, { children: [
-    s,
-    n
-  ] }), e[2] = n, e[3] = s, e[4] = a) : a = e[4], a;
-}
-function Fe({
-  data: t,
-  labels: e
-}) {
-  return t.filter((i) => !!i).map((i) => {
-    const n = (e?.mode?.options ?? ye.options.mode.options)[i.value];
-    return /* @__PURE__ */ l(ke, { title: n, placement: "bottom", children: /* @__PURE__ */ l(Pe, { disabled: !!i.disabled, value: i.value, "aria-label": i.value, children: /* @__PURE__ */ l(Re, { children: i.icon }) }) }, i.value);
-  });
-}
-function Ut(t) {
-  const e = Q(7), {
-    hasValues: i,
-    labels: o
-  } = t;
-  if (i)
-    return null;
-  const n = o?.title ?? ye.noData.title, c = o?.description ?? ye.noData.description;
-  let s;
-  e[0] !== n ? (s = /* @__PURE__ */ l(se, { variant: "body1", color: "textSecondary", children: n }), e[0] = n, e[1] = s) : s = e[1];
-  let a;
-  e[2] !== c ? (a = /* @__PURE__ */ l(se, { variant: "body2", color: "textSecondary", children: c }), e[2] = c, e[3] = a) : a = e[3];
-  let r;
-  return e[4] !== s || e[5] !== a ? (r = /* @__PURE__ */ W(me, { children: [
-    s,
-    a
-  ] }), e[4] = s, e[5] = a, e[6] = r) : r = e[6], r;
-}
-function Wt(t) {
-  const e = Q(13), {
-    values: i,
-    labels: o,
-    onAllChipToggle: n,
-    onAllDelete: c
-  } = t;
-  if (i.length <= 1)
-    return null;
-  const a = i.some(zt) ? o?.toggleAll?.active ?? ye.actions.toggleAll.active : o?.toggleAll?.inactive ?? ye.actions.toggleAll.inactive, r = o?.deleteAll ?? ye.actions.deleteAll;
-  let f;
-  e[0] !== n ? (f = () => n(), e[0] = n, e[1] = f) : f = e[1];
-  let m;
-  e[2] !== f || e[3] !== a ? (m = /* @__PURE__ */ l(_e, { color: "inherit", onClick: f, children: a }), e[2] = f, e[3] = a, e[4] = m) : m = e[4];
-  let d;
-  e[5] !== c ? (d = () => c(), e[5] = c, e[6] = d) : d = e[6];
-  let u;
-  e[7] !== r || e[8] !== d ? (u = /* @__PURE__ */ l(_e, { color: "error", onClick: d, children: r }), e[7] = r, e[8] = d, e[9] = u) : u = e[9];
-  let x;
-  return e[10] !== m || e[11] !== u ? (x = /* @__PURE__ */ W(ne, { children: [
-    m,
-    u
-  ] }), e[10] = m, e[11] = u, e[12] = x) : x = e[12], x;
-}
-function zt(t) {
-  return t.visible;
-}
-const Ie = 18, Vt = {
-  display: "flex",
-  flexDirection: "row",
-  alignItems: "center",
-  width: "fit-content",
-  gap: ({
-    spacing: t
-  }) => t(0.5),
-  p: ({
-    spacing: t
-  }) => t(0.5),
-  borderRadius: ({
-    spacing: t
-  }) => t(0.5),
-  backgroundColor: ({
-    palette: t
-  }) => t.background.paper
-}, lt = {
-  p: ({
-    spacing: t
-  }) => t(0.375),
-  borderRadius: ({
-    spacing: t
-  }) => t(0.5),
-  ".MuiTouchRipple-ripple .MuiTouchRipple-child": {
-    borderRadius: ({
-      spacing: t
-    }) => t(0.5)
-  }
-}, Ft = (t) => ({
-  ...lt,
-  color: ({
-    palette: e
-  }) => t ? e.primary.main : e.text.secondary,
-  backgroundColor: t ? "rgba(3, 111, 226, 0.08)" : "transparent",
-  "&:hover": {
-    backgroundColor: ({
-      palette: e
-    }) => t ? "rgba(3, 111, 226, 0.12)" : e.action.hover
-  }
-});
-function zl(t) {
-  const e = Q(73), {
-    type: i,
-    label: o,
-    locked: n,
-    onToggleType: c,
-    onRename: s,
-    onToggleLock: a,
-    onDelete: r,
-    labels: f,
-    PaperProps: m
-  } = t, d = n === void 0 ? !1 : n;
-  let u;
-  e[0] !== m ? (u = m === void 0 ? {} : m, e[0] = m, e[1] = u) : u = e[1];
-  let x, h;
-  e[2] !== u ? ({
-    sx: h,
-    ...x
-  } = u, e[2] = u, e[3] = x, e[4] = h) : (x = e[3], h = e[4]);
-  const S = we(null), _ = we(!1), [U, R] = ae(null), [P, b] = ae(), [v, O] = ae(o), g = !!U, I = i === "mask" ? f?.toggleType?.draw ?? "Switch to drawing" : f?.toggleType?.mask ?? "Switch to mask", k = f?.rename ?? "Rename", T = f?.renameInput ?? k, p = d ? f?.lock?.unlock ?? "Unlock" : f?.lock?.lock ?? "Lock", L = f?.delete ?? "Delete";
-  let C;
-  e[5] !== o ? (C = () => {
-    _.current = !1, O(o), b(S.current?.clientWidth), R(S.current);
-  }, e[5] = o, e[6] = C) : C = e[6];
-  const A = C;
-  let y;
-  e[7] !== v || e[8] !== o || e[9] !== s ? (y = () => {
-    if (!_.current) {
-      _.current = !0;
-      const re = v.trim();
-      re && re !== o && s(re);
-    }
-    R(null);
-  }, e[7] = v, e[8] = o, e[9] = s, e[10] = y) : y = e[10];
-  const w = y;
-  let E;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = () => {
-    _.current = !0, R(null);
-  }, e[11] = E) : E = e[11];
-  const z = E;
-  let $;
-  e[12] !== w ? ($ = (re) => {
-    re.key === "Enter" && (re.preventDefault(), w()), re.key === "Escape" && (re.preventDefault(), z());
-  }, e[12] = w, e[13] = $) : $ = e[13];
-  const M = $;
-  let D;
-  e[14] !== h ? (D = {
-    ...Vt,
-    ...h
-  }, e[14] = h, e[15] = D) : D = e[15];
-  const V = i === "mask", N = i === "mask";
-  let Z;
-  e[16] !== c || e[17] !== i ? (Z = () => c(i === "mask" ? "draw" : "mask"), e[16] = c, e[17] = i, e[18] = Z) : Z = e[18];
-  let j;
-  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ l(Re, { component: nt, inheritViewBox: !0, sx: {
-    fontSize: Ie
-  } }), e[19] = j) : j = e[19];
-  let F;
-  e[20] !== d || e[21] !== N || e[22] !== Z || e[23] !== V || e[24] !== I ? (F = /* @__PURE__ */ l(Le, { label: I, active: V, pressed: N, disabled: d, onClick: Z, icon: j }), e[20] = d, e[21] = N, e[22] = Z, e[23] = V, e[24] = I, e[25] = F) : F = e[25];
-  let B;
-  e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ l(he, { orientation: "vertical", flexItem: !0 }), e[26] = B) : B = e[26];
-  let H;
-  e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ l(Re, { component: it, inheritViewBox: !0, sx: {
-    fontSize: Ie
-  } }), e[27] = H) : H = e[27];
-  let q;
-  e[28] !== d || e[29] !== A || e[30] !== k || e[31] !== g ? (q = /* @__PURE__ */ l(Le, { label: k, active: g, disabled: d, onClick: A, icon: H }), e[28] = d, e[29] = A, e[30] = k, e[31] = g, e[32] = q) : q = e[32];
-  let Y;
-  e[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Y = /* @__PURE__ */ l(he, { orientation: "vertical", flexItem: !0 }), e[33] = Y) : Y = e[33];
-  let G;
-  e[34] !== d || e[35] !== a ? (G = () => a(!d), e[34] = d, e[35] = a, e[36] = G) : G = e[36];
-  let K;
-  e[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ l(kt, { sx: {
-    fontSize: Ie
-  } }), e[37] = K) : K = e[37];
-  let J;
-  e[38] !== p || e[39] !== d || e[40] !== G ? (J = /* @__PURE__ */ l(Le, { label: p, active: d, pressed: d, onClick: G, icon: K }), e[38] = p, e[39] = d, e[40] = G, e[41] = J) : J = e[41];
-  let ee;
-  e[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ee = /* @__PURE__ */ l(he, { orientation: "vertical", flexItem: !0 }), e[42] = ee) : ee = e[42];
-  let te;
-  e[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (te = /* @__PURE__ */ l(Tt, { sx: {
-    fontSize: Ie
-  } }), e[43] = te) : te = e[43];
-  let le;
-  e[44] !== L || e[45] !== d || e[46] !== r ? (le = /* @__PURE__ */ l(Le, { label: L, disabled: d, onClick: r, icon: te, color: "error" }), e[44] = L, e[45] = d, e[46] = r, e[47] = le) : le = e[47];
-  let oe, ce;
-  e[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (oe = {
-    vertical: "bottom",
-    horizontal: "left"
-  }, ce = {
-    vertical: "top",
-    horizontal: "left"
-  }, e[48] = oe, e[49] = ce) : (oe = e[48], ce = e[49]);
-  let ie;
-  e[50] !== P ? (ie = {
-    paper: {
-      sx: {
-        width: P,
-        minWidth: 180
-      }
-    }
-  }, e[50] = P, e[51] = ie) : ie = e[51];
-  let ge;
-  e[52] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ge = {
-    p: 1
-  }, e[52] = ge) : ge = e[52];
-  let pe;
-  e[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (pe = (re) => O(re.target.value), e[53] = pe) : pe = e[53];
-  let de;
-  e[54] !== w || e[55] !== v || e[56] !== M || e[57] !== T ? (de = /* @__PURE__ */ l(ne, { sx: ge, children: /* @__PURE__ */ l(st, { inputRef: Zt, fullWidth: !0, label: T, size: "small", variant: "outlined", value: v, onChange: pe, onKeyDown: M, onBlur: w }) }), e[54] = w, e[55] = v, e[56] = M, e[57] = T, e[58] = de) : de = e[58];
-  let ue;
-  e[59] !== U || e[60] !== w || e[61] !== g || e[62] !== ie || e[63] !== de ? (ue = /* @__PURE__ */ l(Ye, { open: g, anchorEl: U, onClose: w, anchorOrigin: oe, transformOrigin: ce, slotProps: ie, children: de }), e[59] = U, e[60] = w, e[61] = g, e[62] = ie, e[63] = de, e[64] = ue) : ue = e[64];
-  let X;
-  return e[65] !== x || e[66] !== F || e[67] !== q || e[68] !== J || e[69] !== le || e[70] !== ue || e[71] !== D ? (X = /* @__PURE__ */ W(Me, { ref: S, elevation: 6, sx: D, ...x, children: [
-    F,
-    B,
-    q,
-    Y,
-    J,
-    ee,
-    le,
-    ue
-  ] }), e[65] = x, e[66] = F, e[67] = q, e[68] = J, e[69] = le, e[70] = ue, e[71] = D, e[72] = X) : X = e[72], X;
-}
-function Zt(t) {
-  return t?.focus();
-}
-function Le(t) {
-  const e = Q(14), {
-    label: i,
-    icon: o,
-    active: n,
-    pressed: c,
-    disabled: s,
-    color: a,
-    onClick: r
-  } = t, f = n === void 0 ? !1 : n, m = s === void 0 ? !1 : s;
-  let d;
-  e[0] !== f || e[1] !== a ? (d = a ? lt : Ft(f), e[0] = f, e[1] = a, e[2] = d) : d = e[2];
-  let u;
-  e[3] !== a || e[4] !== m || e[5] !== o || e[6] !== i || e[7] !== r || e[8] !== c || e[9] !== d ? (u = /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(be, { "aria-label": i, "aria-pressed": c, disabled: m, color: a, onClick: r, sx: d, children: o }) }), e[3] = a, e[4] = m, e[5] = o, e[6] = i, e[7] = r, e[8] = c, e[9] = d, e[10] = u) : u = e[10];
-  let x;
-  return e[11] !== i || e[12] !== u ? (x = /* @__PURE__ */ l(ke, { title: i, placement: "top", children: u }), e[11] = i, e[12] = u, e[13] = x) : x = e[13], x;
-}
-const jt = {
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  gap: 1,
-  p: 2
-}, Ht = {
-  borderRadius: ({
-    spacing: t
-  }) => t(0.5),
-  overflow: "hidden",
-  backgroundColor: ({
-    palette: t
-  }) => t.background.default
-}, Nt = {
-  display: "flex",
-  alignItems: "center",
-  gap: 1,
-  height: 32,
-  px: 1.5,
-  color: ({
-    palette: t
-  }) => t.text.secondary
-}, Ze = {
-  px: 2,
-  py: 0.5
-}, je = {
-  minWidth: 0,
-  mr: 1
-};
-function Vl(t) {
-  const e = Q(82), {
-    open: i,
-    onClose: o,
-    layers: n,
-    onApply: c,
-    labels: s,
-    DialogProps: a
-  } = t, r = St(), [f, m] = ae(qt), [d, u] = ae(""), [x, h] = ae(!1);
-  i !== x && (h(i), i && (m(new Set(n.filter(Xt).map(Kt))), u("")));
-  const S = s?.title ?? "Layer Filters", _ = s?.description ?? "Select the layers you want to filter with this polygon", U = s?.allSelected ?? "All selected", R = s?.empty ?? "No layers to filter";
-  let P;
-  e[0] !== f || e[1] !== n ? (P = n.length > 0 && n.every((X) => f.has(X.id)), e[0] = f, e[1] = n, e[2] = P) : P = e[2];
-  const b = P;
-  let v;
-  if (e[3] !== f || e[4] !== n) {
-    let X;
-    e[6] !== f ? (X = (re) => f.has(re.id), e[6] = f, e[7] = X) : X = e[7], v = n.some(X), e[3] = f, e[4] = n, e[5] = v;
-  } else
-    v = e[5];
-  const O = v;
-  let g;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = (X) => m((re) => {
-    const Ae = new Set(re);
-    return Ae.has(X) ? Ae.delete(X) : Ae.add(X), Ae;
-  }), e[8] = g) : g = e[8];
-  const I = g;
-  let k;
-  e[9] !== b || e[10] !== n ? (k = () => m(b ? /* @__PURE__ */ new Set() : new Set(n.map(Yt))), e[9] = b, e[10] = n, e[11] = k) : k = e[11];
-  const T = k;
-  let p;
-  e[12] !== f || e[13] !== n || e[14] !== c || e[15] !== o ? (p = () => {
-    c(n.filter((X) => f.has(X.id)).map(Gt)), o();
-  }, e[12] = f, e[13] = n, e[14] = c, e[15] = o, e[16] = p) : p = e[16];
-  const L = p;
-  let C, A;
-  e[17] !== n || e[18] !== d ? (C = d.trim().toLowerCase(), A = C ? n.filter((X) => X.label.toLowerCase().includes(C)) : n, e[17] = n, e[18] = d, e[19] = C, e[20] = A) : (C = e[19], A = e[20]);
-  const y = A;
-  let w;
-  e[21] !== S ? (w = /* @__PURE__ */ l(se, { variant: "subtitle1", fontWeight: 500, children: S }), e[21] = S, e[22] = w) : w = e[22];
-  let E;
-  e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ l(Ue, { fontSize: "small" }), e[23] = E) : E = e[23];
-  let z;
-  e[24] !== o ? (z = /* @__PURE__ */ l(be, { "aria-label": "close", size: "small", onClick: o, children: E }), e[24] = o, e[25] = z) : z = e[25];
-  let $;
-  e[26] !== w || e[27] !== z ? ($ = /* @__PURE__ */ W(Xe, { component: "div", sx: jt, children: [
-    w,
-    z
-  ] }), e[26] = w, e[27] = z, e[28] = $) : $ = e[28];
-  let M;
-  e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = {
-    pt: 1,
-    px: 2,
-    pb: 3
-  }, e[29] = M) : M = e[29];
-  let D;
-  e[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
-    mb: 2
-  }, e[30] = D) : D = e[30];
-  let V;
-  e[31] !== _ ? (V = /* @__PURE__ */ l(se, { variant: "body2", color: "text.secondary", sx: D, children: _ }), e[31] = _, e[32] = V) : V = e[32];
-  let N;
-  e[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ l(Mt, { sx: {
-    fontSize: 18
-  } }), e[33] = N) : N = e[33];
-  const Z = s?.search ?? "Search layers", j = s?.search ?? "Search layers";
-  let F;
-  e[34] !== j ? (F = {
-    "aria-label": j
-  }, e[34] = j, e[35] = F) : F = e[35];
-  let B, H;
-  e[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = (X) => u(X.target.value), H = {
-    fontSize: 13,
-    color: "text.primary"
-  }, e[36] = B, e[37] = H) : (B = e[36], H = e[37]);
-  let q;
-  e[38] !== d || e[39] !== Z || e[40] !== F ? (q = /* @__PURE__ */ W(ne, { sx: Nt, children: [
-    N,
-    /* @__PURE__ */ l(rt, { fullWidth: !0, placeholder: Z, inputProps: F, value: d, onChange: B, sx: H })
-  ] }), e[38] = d, e[39] = Z, e[40] = F, e[41] = q) : q = e[41];
-  let Y;
-  e[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Y = /* @__PURE__ */ l(he, {}), e[42] = Y) : Y = e[42];
-  let G;
-  e[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = {
-    maxHeight: 240,
-    overflowY: "auto",
-    "& .MuiDivider-root": {
-      my: 0
-    }
-  }, e[43] = G) : G = e[43];
-  let K;
-  e[44] !== b || e[45] !== U || e[46] !== r || e[47] !== C || e[48] !== O || e[49] !== T ? (K = !C && /* @__PURE__ */ W(me, { children: [
-    /* @__PURE__ */ W(We, { dense: !0, sx: Ze, onClick: T, children: [
-      /* @__PURE__ */ l($e, { sx: je, children: /* @__PURE__ */ l(ze, { edge: "start", tabIndex: -1, disableRipple: !0, sx: {
-        p: 0.5
-      }, checked: b, indeterminate: !b && O, inputProps: {
-        "aria-labelledby": `${r}-all`
-      } }) }),
-      /* @__PURE__ */ l(Ce, { id: `${r}-all`, primary: U, primaryTypographyProps: {
-        variant: "body2"
-      } })
-    ] }),
-    /* @__PURE__ */ l(he, {})
-  ] }), e[44] = b, e[45] = U, e[46] = r, e[47] = C, e[48] = O, e[49] = T, e[50] = K) : K = e[50];
-  let J;
-  e[51] !== f || e[52] !== R || e[53] !== y || e[54] !== r ? (J = y.length === 0 ? /* @__PURE__ */ l(se, { variant: "body2", color: "text.secondary", sx: {
-    p: 2
-  }, children: R }) : y.map((X) => /* @__PURE__ */ W(We, { dense: !0, sx: Ze, onClick: () => I(X.id), children: [
-    /* @__PURE__ */ l($e, { sx: je, children: /* @__PURE__ */ l(ze, { edge: "start", tabIndex: -1, disableRipple: !0, sx: {
-      p: 0.5
-    }, checked: f.has(X.id), inputProps: {
-      "aria-labelledby": `${r}-${X.id}`
-    } }) }),
-    /* @__PURE__ */ l(Ce, { id: `${r}-${X.id}`, primary: X.label, primaryTypographyProps: {
-      variant: "body2",
-      noWrap: !0,
-      title: X.label
-    } })
-  ] }, X.id)), e[51] = f, e[52] = R, e[53] = y, e[54] = r, e[55] = J) : J = e[55];
-  let ee;
-  e[56] !== K || e[57] !== J ? (ee = /* @__PURE__ */ W(qe, { component: "div", role: "list", disablePadding: !0, sx: G, children: [
-    K,
-    J
-  ] }), e[56] = K, e[57] = J, e[58] = ee) : ee = e[58];
-  let te;
-  e[59] !== q || e[60] !== ee ? (te = /* @__PURE__ */ W(ne, { sx: Ht, children: [
-    q,
-    Y,
-    ee
-  ] }), e[59] = q, e[60] = ee, e[61] = te) : te = e[61];
-  let le;
-  e[62] !== V || e[63] !== te ? (le = /* @__PURE__ */ W(Qe, { sx: M, children: [
-    V,
-    te
-  ] }), e[62] = V, e[63] = te, e[64] = le) : le = e[64];
-  let oe;
-  e[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (oe = {
-    p: 2
-  }, e[65] = oe) : oe = e[65];
-  const ce = s?.cancel ?? "Cancel";
-  let ie;
-  e[66] !== o || e[67] !== ce ? (ie = /* @__PURE__ */ l(_e, { onClick: o, children: ce }), e[66] = o, e[67] = ce, e[68] = ie) : ie = e[68];
-  const ge = s?.apply ?? "Apply";
-  let pe;
-  e[69] !== L || e[70] !== ge ? (pe = /* @__PURE__ */ l(_e, { variant: "contained", onClick: L, children: ge }), e[69] = L, e[70] = ge, e[71] = pe) : pe = e[71];
-  let de;
-  e[72] !== ie || e[73] !== pe ? (de = /* @__PURE__ */ W(Je, { sx: oe, children: [
-    ie,
-    pe
-  ] }), e[72] = ie, e[73] = pe, e[74] = de) : de = e[74];
-  let ue;
-  return e[75] !== a || e[76] !== o || e[77] !== i || e[78] !== $ || e[79] !== le || e[80] !== de ? (ue = /* @__PURE__ */ W(Ke, { open: i, onClose: o, maxWidth: "xs", fullWidth: !0, ...a, children: [
-    $,
-    le,
-    de
-  ] }), e[75] = a, e[76] = o, e[77] = i, e[78] = $, e[79] = le, e[80] = de, e[81] = ue) : ue = e[81], ue;
-}
-function Gt(t) {
-  return t.id;
-}
-function Yt(t) {
-  return t.id;
-}
-function Kt(t) {
-  return t.id;
-}
-function Xt(t) {
-  return t.checked;
-}
-function qt() {
-  return /* @__PURE__ */ new Set();
-}
-function Fl(t) {
-  const e = Q(16), {
-    message: i,
-    onDismiss: o,
-    AlertProps: n,
-    SnackbarProps: c
-  } = t;
-  let s;
-  e[0] !== o ? (s = (u, x) => x !== "clickaway" && o(), e[0] = o, e[1] = s) : s = e[1];
-  let a;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = {
-    position: "static",
-    transform: "none"
-  }, e[2] = a) : a = e[2];
-  const r = i.severity ?? "info";
-  let f;
-  e[3] !== i.title ? (f = /* @__PURE__ */ l(at, { children: i.title }), e[3] = i.title, e[4] = f) : f = e[4];
-  let m;
-  e[5] !== n || e[6] !== i.action || e[7] !== i.content || e[8] !== o || e[9] !== r || e[10] !== f ? (m = /* @__PURE__ */ W(et, { severity: r, action: i.action, onClose: o, ...n, children: [
-    f,
-    i.content
-  ] }), e[5] = n, e[6] = i.action, e[7] = i.content, e[8] = o, e[9] = r, e[10] = f, e[11] = m) : m = e[11];
-  let d;
-  return e[12] !== c || e[13] !== s || e[14] !== m ? (d = /* @__PURE__ */ l(ct, { open: !0, autoHideDuration: 5e3, onClose: s, sx: a, ...c, children: m }), e[12] = c, e[13] = s, e[14] = m, e[15] = d) : d = e[15], d;
-}
-function Qt(t) {
-  const e = Q(3);
-  let i;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l("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] = i) : i = e[0];
-  let o;
-  return e[1] !== t ? (o = /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", fill: "currentColor", ...t, children: i }), e[1] = t, e[2] = o) : o = e[2], o;
-}
-function Jt(t) {
-  const e = Q(3);
-  let i;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l("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] = i) : i = e[0];
-  let o;
-  return e[1] !== t ? (o = /* @__PURE__ */ l("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...t, children: i }), e[1] = t, e[2] = o) : o = e[2], o;
-}
-function el(t) {
-  const e = Q(4);
-  let i, o;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__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] = i, e[1] = o) : (i = e[0], o = e[1]);
-  let n;
-  return e[2] !== t ? (n = /* @__PURE__ */ W("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...t, children: [
-    i,
-    o
-  ] }), e[2] = t, e[3] = n) : n = e[3], n;
-}
-const ve = {
-  action: {
-    tooltip: {
-      active: "Click on the map to start measuring",
-      inactive: "Click on the map to start measuring"
-    }
-  },
-  chip: {
-    tooltip: {
-      active: "Hide measure",
-      inactive: "Show measure"
-    }
-  },
-  options: {
-    mode: {
-      title: "Choose a measuring tool",
-      options: {
-        distance: "Measure distance",
-        buffer: "Buffer distance",
-        area: "Area"
-      }
-    },
-    units: {
-      title: "Unit of measurement",
-      modal: {
-        title: "Map Measurement Unit",
-        subtitle: "Select the unit of measurement for your measurements",
-        apply: "Save",
-        options: {
-          metric: {
-            title: "Meters and Kilometers",
-            options: {
-              "m-km": "Auto",
-              kilometer: "Kilometers",
-              meter: "Meter",
-              centimeter: "Centimeter",
-              milimeter: "Milimeter"
-            }
-          },
-          imperial: {
-            title: "Feet and Miles",
-            options: {
-              "ft-mi": "Auto",
-              mile: "Mile",
-              feet: "Feet",
-              yard: "Yard"
-            }
-          }
-        }
-      }
-    }
-  }
-}, tl = {
-  "m-km": {
-    short: "m-km"
-  },
-  kilometer: {
-    short: "km"
-  },
-  meter: {
-    short: "m"
-  },
-  centimeter: {
-    short: "cm"
-  },
-  milimeter: {
-    short: "mm"
-  },
-  "ft-mi": {
-    short: "ft-mi"
-  },
-  mile: {
-    short: "mi"
-  },
-  yard: {
-    short: "yd"
-  },
-  feet: {
-    short: "ft"
-  }
-}, ll = {
-  distance: {
-    icon: /* @__PURE__ */ l(Qt, {})
-  },
-  buffer: {
-    icon: /* @__PURE__ */ l(Jt, {})
-  },
-  area: {
-    icon: /* @__PURE__ */ l(el, {})
-  }
-}, fe = {
-  container: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "flex-start",
-    gap: ({
-      spacing: t
-    }) => t(1),
-    overflow: "hidden",
-    width: "fit-content"
-  },
-  actions: {
-    icon: {
-      width: ({
-        spacing: t
-      }) => t(4),
-      height: ({
-        spacing: t
-      }) => t(4),
-      borderRadius: 0,
-      ".MuiTouchRipple-ripple .MuiTouchRipple-child": {
-        borderRadius: 0
-      }
-    }
-  },
-  options: {
-    menu: {
-      marginTop: ({
-        spacing: t
-      }) => t(1)
-    },
-    icon: {
-      width: ({
-        spacing: t
-      }) => t(3)
-    },
-    title: {
-      paddingX: ({
-        spacing: t
-      }) => t(2),
-      paddingY: ({
-        spacing: t
-      }) => t(0.5)
-    },
-    icons: {
-      color: ({
-        palette: t
-      }) => t.text.primary
-    },
-    tag: {
-      borderRadius: ({
-        spacing: t
-      }) => t(0.25),
-      border: "1px solid",
-      borderColor: ({
-        palette: t
-      }) => t.primary.main,
-      paddingX: ({
-        spacing: t
-      }) => t(0.5),
-      color: ({
-        palette: t
-      }) => t.primary.main,
-      backgroundColor: ({
-        palette: t
-      }) => dt(t.primary.main, 0.08)
-    },
-    modal: {
-      toggle: {
-        boxShadow: "none",
-        backgroundColor: "#F8F9F9",
-        padding: ({
-          spacing: t
-        }) => t(0.5),
-        marginTop: ({
-          spacing: t
-        }) => t(2),
-        marginBottom: ({
-          spacing: t
-        }) => t(1),
-        ".MuiToggleButtonGroup-grouped": {
-          typography: "caption",
-          fontWeight: 500,
-          margin: 0,
-          "&:first-of-type:not(.MuiDivider-root)": {
-            marginLeft: 0
-          }
-        }
-      },
-      subtitle: {
-        typography: "body2",
-        color: ({
-          palette: t
-        }) => t.text.secondary
-      },
-      optionsGroup: {
-        marginLeft: ({
-          spacing: t
-        }) => t(1),
-        typography: "body2"
-      },
-      title: {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        padding: ({
-          spacing: t
-        }) => t(2)
-      },
-      content: {
-        paddingX: ({
-          spacing: t
-        }) => t(2),
-        minWidth: ({
-          spacing: t
-        }) => t(50)
-      },
-      actions: {
-        paddingX: ({
-          spacing: t
-        }) => t(2)
-      }
-    }
-  }
-}, ol = {};
-function Zl(t) {
-  const e = Q(44), {
-    enabled: i,
-    actionProps: o,
-    labels: n,
-    modes: c,
-    modesMapping: s,
-    unitsMapping: a,
-    modeSelected: r,
-    PaperProps: f,
-    units: m,
-    unitSelected: d,
-    onActionToggle: u,
-    onChangeMode: x,
-    onChangeUnit: h
-  } = t, S = n === void 0 ? ve : n, _ = s === void 0 ? ll : s, U = a === void 0 ? tl : a, R = f === void 0 ? ol : f;
-  let P, b;
-  e[0] !== R ? ({
-    sx: b,
-    ...P
-  } = R, e[0] = R, e[1] = P, e[2] = b) : (P = e[1], b = e[2]);
-  let v;
-  e[3] !== u ? (v = (B) => u(!!B), e[3] = u, e[4] = v) : v = e[4];
-  const O = v;
-  let g;
-  e[5] !== c || e[6] !== _ ? (g = Be(c, _), e[5] = c, e[6] = _, e[7] = g) : g = e[7];
-  const I = g, k = (r ?? "") in I;
-  let T;
-  e[8] !== I || e[9] !== k || e[10] !== r ? (T = k ? r : Object.keys(I)[0], e[8] = I, e[9] = k, e[10] = r, e[11] = T) : T = e[11];
-  const p = T, L = I[p], C = m[p];
-  let A;
-  e[12] !== p || e[13] !== C || e[14] !== m ? (A = Object.keys(m).length >= 1 ? m : {
-    [p]: C.slice(0, 1)
-  }, e[12] = p, e[13] = C, e[14] = m, e[15] = A) : A = e[15];
-  const w = A[p];
-  let E;
-  if (e[16] !== w || e[17] !== U) {
-    let B;
-    e[19] !== U ? (B = (H) => ({
-      ...H,
-      ...U[H.value]
-    }), e[19] = U, e[20] = B) : B = e[20], E = w.map(B), e[16] = w, e[17] = U, e[18] = E;
-  } else
-    E = e[18];
-  const z = E;
-  let $;
-  e[21] !== b ? ($ = {
-    ...fe.container,
-    ...b
-  }, e[21] = b, e[22] = $) : $ = e[22];
-  const M = S?.action, D = L?.icon;
-  let V;
-  e[23] !== o || e[24] !== i || e[25] !== O || e[26] !== M || e[27] !== D ? (V = /* @__PURE__ */ l(nl, { actionProps: o, labels: M, enabled: i, onActionToggle: O, children: D }), e[23] = o, e[24] = i, e[25] = O, e[26] = M, e[27] = D, e[28] = V) : V = e[28];
-  const N = S?.options;
-  let Z;
-  e[29] !== z || e[30] !== I || e[31] !== p || e[32] !== x || e[33] !== h || e[34] !== N || e[35] !== d ? (Z = /* @__PURE__ */ l(il, { labels: N, modes: I, modeSelected: p, units: z, unitSelected: d, onChangeMode: x, onChangeUnit: h }), e[29] = z, e[30] = I, e[31] = p, e[32] = x, e[33] = h, e[34] = N, e[35] = d, e[36] = Z) : Z = e[36];
-  let j;
-  e[37] !== V || e[38] !== Z ? (j = /* @__PURE__ */ W(ne, { children: [
-    V,
-    Z
-  ] }), e[37] = V, e[38] = Z, e[39] = j) : j = e[39];
-  let F;
-  return e[40] !== P || e[41] !== $ || e[42] !== j ? (F = /* @__PURE__ */ l(Me, { sx: $, ...P, children: j }), e[40] = P, e[41] = $, e[42] = j, e[43] = F) : F = e[43], F;
-}
-function nl(t) {
-  const e = Q(12), {
-    actionProps: i,
-    labels: o,
-    enabled: n,
-    children: c,
-    onActionToggle: s
-  } = t, a = n ? "active" : "inactive", r = o?.tooltip?.[a] ?? ve.action.tooltip[a], f = i?.TooltipProps;
-  let m;
-  e[0] !== n || e[1] !== s ? (m = () => s(!n), e[0] = n, e[1] = s, e[2] = m) : m = e[2];
-  let d;
-  e[3] !== r || e[4] !== c || e[5] !== n || e[6] !== m ? (d = /* @__PURE__ */ l(Pe, { value: "toggle", sx: fe.actions.icon, onClick: m, "aria-label": r, selected: n, children: c }), e[3] = r, e[4] = c, e[5] = n, e[6] = m, e[7] = d) : d = e[7];
-  let u;
-  return e[8] !== r || e[9] !== f || e[10] !== d ? (u = /* @__PURE__ */ l(ke, { title: r, placement: "right", ...f, children: d }), e[8] = r, e[9] = f, e[10] = d, e[11] = u) : u = e[11], u;
-}
-function il(t) {
-  const e = Q(41), {
-    modes: i,
-    modeSelected: o,
-    units: n,
-    unitSelected: c,
-    labels: s,
-    onChangeMode: a,
-    onChangeUnit: r
-  } = t, [f, m] = ae(null), [d, u] = ae(!1);
-  let x;
-  e[0] !== i ? (x = Object.values(i), e[0] = i, e[1] = x) : x = e[1];
-  const h = x;
-  let S;
-  e[2] !== n ? (S = Object.values(n), e[2] = n, e[3] = S) : S = e[3];
-  const _ = S;
-  if (!(h.length > 1 || _.length > 1))
-    return null;
-  const R = !!f;
-  let P;
-  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = (B) => {
-    m(B.currentTarget);
-  }, e[4] = P) : P = e[4];
-  const b = P;
-  let v;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = () => {
-    m(null);
-  }, e[5] = v) : v = e[5];
-  const O = v;
-  let g;
-  e[6] !== a ? (g = (B, H) => {
-    B.preventDefault(), a(H.value), O();
-  }, e[6] = a, e[7] = g) : g = e[7];
-  const I = g;
-  let k;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = () => {
-    u(!0);
-  }, e[8] = k) : k = e[8];
-  const T = k;
-  let p;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = () => {
-    u(!1);
-  }, e[9] = p) : p = e[9];
-  const L = p;
-  let C;
-  e[10] !== r ? (C = (B) => {
-    L(), r(B);
-  }, e[10] = r, e[11] = C) : C = e[11];
-  const A = C, y = s?.mode?.title ?? ve.options.mode.title, w = s?.units?.title ?? ve.options.units.title, E = h.length > 1 && _.length > 1;
-  let z;
-  e[12] !== c || e[13] !== n ? (z = n.find((B) => B.value === c) ?? n[0], e[12] = c, e[13] = n, e[14] = z) : z = e[14];
-  const $ = z;
-  let M;
-  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ l(be, { sx: fe.options.icon, onClick: b, children: /* @__PURE__ */ l(At, {}) }), e[15] = M) : M = e[15];
-  let D;
-  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
-    "aria-labelledby": "basic-button",
-    sx: fe.options.menu
-  }, e[16] = D) : D = e[16];
-  let V;
-  e[17] !== I || e[18] !== s?.mode?.options || e[19] !== o || e[20] !== y || e[21] !== h ? (V = h.length > 1 && /* @__PURE__ */ W(me, { children: [
-    /* @__PURE__ */ l(se, { variant: "subtitle2", color: "text.secondary", sx: fe.options.title, children: y }),
-    h.map((B) => {
-      const q = (s?.mode?.options ?? ve.options.mode.options)[B.value];
-      return /* @__PURE__ */ W(Ve, { onClick: (Y) => I(Y, B), selected: B.value === o, children: [
-        /* @__PURE__ */ l($e, { sx: fe.options.icons, children: /* @__PURE__ */ l(Re, { children: B.icon }) }),
-        /* @__PURE__ */ l(Ce, { children: q })
-      ] }, B.value);
-    })
-  ] }), e[17] = I, e[18] = s?.mode?.options, e[19] = o, e[20] = y, e[21] = h, e[22] = V) : V = e[22];
-  let N;
-  e[23] !== E ? (N = E && /* @__PURE__ */ l(he, {}), e[23] = E, e[24] = N) : N = e[24];
-  let Z;
-  e[25] !== A || e[26] !== s || e[27] !== d || e[28] !== $ || e[29] !== w || e[30] !== n || e[31] !== _.length ? (Z = _.length > 1 && /* @__PURE__ */ W(me, { children: [
-    /* @__PURE__ */ W(Ve, { onClick: T, children: [
-      /* @__PURE__ */ l(Ce, { children: w }),
-      /* @__PURE__ */ l(se, { variant: "caption", fontWeight: 500, sx: fe.options.tag, children: $.short })
-    ] }),
-    /* @__PURE__ */ l(sl, { open: d, labels: s, units: n, unitSelectedValue: $, onClose: L, onSubmit: A })
-  ] }), e[25] = A, e[26] = s, e[27] = d, e[28] = $, e[29] = w, e[30] = n, e[31] = _.length, e[32] = Z) : Z = e[32];
-  let j;
-  e[33] !== V || e[34] !== N || e[35] !== Z ? (j = /* @__PURE__ */ W("div", { children: [
-    V,
-    N,
-    Z
-  ] }), e[33] = V, e[34] = N, e[35] = Z, e[36] = j) : j = e[36];
-  let F;
-  return e[37] !== f || e[38] !== R || e[39] !== j ? (F = /* @__PURE__ */ W(me, { children: [
-    M,
-    /* @__PURE__ */ l(ft, { id: "measurement-menu", anchorEl: f, open: R, onClose: O, MenuListProps: D, children: j })
-  ] }), e[37] = f, e[38] = R, e[39] = j, e[40] = F) : F = e[40], F;
-}
-function sl(t) {
-  const e = Q(48), {
-    open: i,
-    labels: o,
-    units: n,
-    unitSelectedValue: c,
-    onClose: s,
-    onSubmit: a
-  } = t, [r, f] = ae("metric");
-  let m;
-  if (e[0] !== r || e[1] !== n) {
-    let M;
-    e[3] !== r ? (M = (D) => D.system === r, e[3] = r, e[4] = M) : M = e[4], m = n.filter(M), e[0] = r, e[1] = n, e[2] = m;
-  } else
-    m = e[2];
-  const d = m;
-  let u;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = (M, D) => {
-    f(D);
-  }, e[5] = u) : u = e[5];
-  const x = u, h = o?.units?.modal?.options ?? ve.options.units.modal.options, S = h[r].options, _ = o?.units?.modal?.title ?? ve.options.units.modal.title, U = o?.units?.modal?.subtitle ?? ve.options.units.modal.subtitle, R = o?.units?.modal?.apply ?? ve.options.units.modal.apply, P = c.system === r ? c : d[0];
-  let b;
-  e[6] !== a ? (b = {
-    component: "form",
-    onSubmit: (M) => {
-      M.preventDefault();
-      const D = new FormData(M.currentTarget);
-      a(D.get("unit-value"));
-    }
-  }, e[6] = a, e[7] = b) : b = e[7];
-  let v;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ l(Ue, {}), e[8] = v) : v = e[8];
-  let O;
-  e[9] !== s ? (O = /* @__PURE__ */ l(be, { onClick: s, children: v }), e[9] = s, e[10] = O) : O = e[10];
-  let g;
-  e[11] !== _ || e[12] !== O ? (g = /* @__PURE__ */ W(Xe, { sx: fe.options.modal.title, children: [
-    _,
-    O
-  ] }), e[11] = _, e[12] = O, e[13] = g) : g = e[13];
-  let I;
-  e[14] !== U ? (I = /* @__PURE__ */ l(se, { sx: fe.options.modal.subtitle, children: U }), e[14] = U, e[15] = I) : I = e[15];
-  let k;
-  e[16] !== h.metric.title ? (k = /* @__PURE__ */ l(Pe, { value: "metric", children: h.metric.title }), e[16] = h.metric.title, e[17] = k) : k = e[17];
-  let T;
-  e[18] !== h.imperial.title ? (T = /* @__PURE__ */ l(Pe, { value: "imperial", children: h.imperial.title }), e[18] = h.imperial.title, e[19] = T) : T = e[19];
-  let p;
-  e[20] !== r || e[21] !== k || e[22] !== T ? (p = /* @__PURE__ */ W(Ge, { color: "primary", value: r, exclusive: !0, fullWidth: !0, onChange: x, "aria-label": "system", sx: fe.options.modal.toggle, children: [
-    k,
-    T
-  ] }), e[20] = r, e[21] = k, e[22] = T, e[23] = p) : p = e[23];
-  const L = P?.value, C = P?.value;
-  let A;
-  if (e[24] !== d || e[25] !== S) {
-    let M;
-    e[27] !== S ? (M = (D) => {
-      const V = S[D.value];
-      return /* @__PURE__ */ l(mt, { value: D.value, control: /* @__PURE__ */ l(pt, {}), label: V }, D.value);
-    }, e[27] = S, e[28] = M) : M = e[28], A = d.map(M), e[24] = d, e[25] = S, e[26] = A;
-  } else
-    A = e[26];
-  let y;
-  e[29] !== C || e[30] !== A ? (y = /* @__PURE__ */ l(ut, { "aria-labelledby": "unit-value", defaultValue: C, name: "unit-value", sx: fe.options.modal.optionsGroup, children: A }), e[29] = C, e[30] = A, e[31] = y) : y = e[31];
-  let w;
-  e[32] !== L || e[33] !== y ? (w = /* @__PURE__ */ l(ht, { children: y }, L), e[32] = L, e[33] = y, e[34] = w) : w = e[34];
-  let E;
-  e[35] !== p || e[36] !== w || e[37] !== I ? (E = /* @__PURE__ */ W(Qe, { sx: fe.options.modal.content, children: [
-    I,
-    p,
-    w
-  ] }), e[35] = p, e[36] = w, e[37] = I, e[38] = E) : E = e[38];
-  let z;
-  e[39] !== R ? (z = /* @__PURE__ */ l(Je, { sx: fe.options.modal.actions, children: /* @__PURE__ */ l(_e, { variant: "contained", type: "submit", children: R }) }), e[39] = R, e[40] = z) : z = e[40];
-  let $;
-  return e[41] !== s || e[42] !== i || e[43] !== E || e[44] !== z || e[45] !== b || e[46] !== g ? ($ = /* @__PURE__ */ W(Ke, { open: i, component: ne, onClose: s, maxWidth: "xs", PaperProps: b, children: [
-    g,
-    E,
-    z
-  ] }), e[41] = s, e[42] = i, e[43] = E, e[44] = z, e[45] = b, e[46] = g, e[47] = $) : $ = e[47], $;
-}
-const rl = {
-  enabled: "Show your current location",
-  disabled: "Location unavailable"
-}, al = "geolocation";
-function jl(t) {
-  const e = Q(27), {
-    disabled: i,
-    labels: o,
-    PaperProps: n,
-    TooltipProps: c,
-    watch: s,
-    onChange: a,
-    onError: r
-  } = t, f = we(null), m = "geolocation" in navigator, [d, u] = _t(cl, m);
-  let x;
-  e[0] !== r ? (x = (y) => {
-    r?.(y);
-  }, e[0] = r, e[1] = x) : x = e[1];
-  const h = Ct(x);
-  let S;
-  e[2] !== h ? (S = () => (m && navigator.permissions.query({
-    name: "geolocation"
-  }).then((y) => {
-    u(y.state === "granted" ? "granted" : "denied"), y.onchange = () => {
-      u(y.state === "granted" ? "granted" : "denied");
-    };
-  }).catch((y) => {
-    u("denied"), h(y);
-  }), () => {
-    f.current && navigator.geolocation.clearWatch(f.current);
-  }), e[2] = h, e[3] = S) : S = e[3];
-  let _;
-  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = [m], e[4] = _) : _ = e[4], tt(S, _);
-  let U;
-  e[5] !== a ? (U = (y) => {
-    a(y.coords);
-  }, e[5] = a, e[6] = U) : U = e[6];
-  const R = U;
-  let P;
-  e[7] !== r ? (P = (y) => {
-    u("denied"), r?.(y);
-  }, e[7] = r, e[8] = P) : P = e[8];
-  const b = P;
-  let v;
-  e[9] !== b || e[10] !== R || e[11] !== s ? (v = () => {
-    if (f.current && navigator.geolocation.clearWatch(f.current), s) {
-      f.current = navigator.geolocation.watchPosition(R, b);
-      return;
-    }
-    navigator.geolocation.getCurrentPosition(R, b);
-  }, e[9] = b, e[10] = R, e[11] = s, e[12] = v) : v = e[12];
-  const O = v, I = (o?.tooltip ?? rl)[d ? "enabled" : "disabled"], k = o?.ariaLabel ?? al, T = !m || i;
-  let p;
-  e[13] !== d ? (p = d ? /* @__PURE__ */ l(It, {}) : /* @__PURE__ */ l(Lt, {}), e[13] = d, e[14] = p) : p = e[14];
-  let L;
-  e[15] !== O || e[16] !== p || e[17] !== k || e[18] !== T ? (L = /* @__PURE__ */ l(be, { onClick: O, "aria-label": k, disabled: T, children: p }), e[15] = O, e[16] = p, e[17] = k, e[18] = T, e[19] = L) : L = e[19];
-  let C;
-  e[20] !== c || e[21] !== L || e[22] !== I ? (C = /* @__PURE__ */ l(ke, { arrow: !0, placement: "right", title: I, ...c, children: L }), e[20] = c, e[21] = L, e[22] = I, e[23] = C) : C = e[23];
-  let A;
-  return e[24] !== n || e[25] !== C ? (A = /* @__PURE__ */ l(Me, { ...n, children: C }), e[24] = n, e[25] = C, e[26] = A) : A = e[26], A;
-}
-function cl(t, e) {
-  return e === "granted";
-}
-const Ee = {
-  zoom: {
-    position: "relative",
-    height: ({
-      spacing: t
-    }) => t(4),
-    aspectRatio: 1,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  paper: {
-    display: "flex",
-    backgroundColor: ({
-      palette: t
-    }) => t.background.paper,
-    width: "auto",
-    overflow: "hidden",
-    boxShadow: ({
-      shadows: t
-    }) => t[1],
-    borderRadius: ({
-      spacing: t
-    }) => t(0.5),
-    button: {
-      borderRadius: 0
-    }
-  },
-  circularProgress: {
-    position: "absolute"
-  }
-};
-function Hl(t) {
-  const e = Q(40), {
-    zoom: i,
-    disabled: o,
-    direction: n,
-    reverse: c,
-    isLoading: s,
-    maxZoom: a,
-    minZoom: r,
-    PaperProps: f,
-    ResetViewProps: m,
-    showZoom: d,
-    onChange: u,
-    onReset: x
-  } = t, h = n === void 0 ? "vertical" : n, S = c === void 0 ? !1 : c, _ = a === void 0 ? 24 : a, U = r === void 0 ? 0 : r;
-  let R;
-  e[0] !== m ? (R = m === void 0 ? {
-    Icon: Dt
-  } : m, e[0] = m, e[1] = R) : R = e[1];
-  const P = R, b = d === void 0 ? !0 : d;
-  let v;
-  e[2] !== _ || e[3] !== u || e[4] !== i ? (v = () => {
-    const D = Math.min(_, i + 1);
-    u(D);
-  }, e[2] = _, e[3] = u, e[4] = i, e[5] = v) : v = e[5];
-  const O = v;
-  let g;
-  e[6] !== U || e[7] !== u || e[8] !== i ? (g = () => {
-    const D = Math.max(U, i - 1);
-    u(D);
-  }, e[6] = U, e[7] = u, e[8] = i, e[9] = g) : g = e[9];
-  const I = g, k = Math.floor(i), T = h === "vertical" ? "horizontal" : "vertical";
-  let p = h === "vertical" ? "column" : "row";
-  S && (p = p + "-reverse");
-  let L;
-  e[10] !== p ? (L = {
-    ...Ee.paper,
-    flexDirection: p
-  }, e[10] = p, e[11] = L) : L = e[11];
-  let C;
-  e[12] !== P || e[13] !== o || e[14] !== T || e[15] !== x ? (C = x && /* @__PURE__ */ W(me, { children: [
-    /* @__PURE__ */ l(be, { onClick: x, "aria-label": "Reset action", disabled: o, children: /* @__PURE__ */ l(P.Icon, {}) }),
-    /* @__PURE__ */ l(he, { orientation: T, flexItem: !0 })
-  ] }), e[12] = P, e[13] = o, e[14] = T, e[15] = x, e[16] = C) : C = e[16];
-  let A;
-  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ l(Pt, {}), e[17] = A) : A = e[17];
-  let y;
-  e[18] !== o || e[19] !== O ? (y = /* @__PURE__ */ l(be, { onClick: O, "aria-label": "Increase zoom", disabled: o, children: A }), e[18] = o, e[19] = O, e[20] = y) : y = e[20];
-  let w;
-  e[21] !== T ? (w = /* @__PURE__ */ l(he, { orientation: T, flexItem: !0 }), e[21] = T, e[22] = w) : w = e[22];
-  let E;
-  e[23] !== k || e[24] !== T || e[25] !== s || e[26] !== b ? (E = b && /* @__PURE__ */ W(me, { children: [
-    /* @__PURE__ */ W(ne, { sx: Ee.zoom, children: [
-      /* @__PURE__ */ l(se, { display: "block", align: "center", color: "textSecondary", variant: "overline", children: k }),
-      s && /* @__PURE__ */ l(gt, { sx: Ee.circularProgress, variant: "indeterminate", size: 24 })
-    ] }),
-    /* @__PURE__ */ l(he, { orientation: T, flexItem: !0 })
-  ] }), e[23] = k, e[24] = T, e[25] = s, e[26] = b, e[27] = E) : E = e[27];
-  let z;
-  e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ l(Rt, {}), e[28] = z) : z = e[28];
-  let $;
-  e[29] !== I || e[30] !== o ? ($ = /* @__PURE__ */ l(be, { onClick: I, "aria-label": "Decrease zoom", disabled: o, children: z }), e[29] = I, e[30] = o, e[31] = $) : $ = e[31];
-  let M;
-  return e[32] !== f || e[33] !== L || e[34] !== C || e[35] !== y || e[36] !== w || e[37] !== E || e[38] !== $ ? (M = /* @__PURE__ */ W(Me, { sx: L, ...f, children: [
-    C,
-    y,
-    w,
-    E,
-    $
-  ] }), e[32] = f, e[33] = L, e[34] = C, e[35] = y, e[36] = w, e[37] = E, e[38] = $, e[39] = M) : M = e[39], M;
-}
-function dl(t) {
-  const e = Q(4), {
-    length: i
-  } = t, o = i === void 0 ? 5 : i;
-  let n;
-  e[0] !== o ? (n = new Array(o).fill(null).map(fl), e[0] = o, e[1] = n) : n = e[1];
-  let c;
-  return e[2] !== n ? (c = /* @__PURE__ */ l(ne, { "aria-label": "List Data skeleton", children: n }), e[2] = n, e[3] = c) : c = e[3], c;
-}
-function fl(t, e) {
-  return /* @__PURE__ */ W(Te, { container: !0, spacing: 1, children: [
-    /* @__PURE__ */ W(Te, { container: !0, item: !0, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ l(Oe, { width: hl(e) ? 72 : 48, height: 20 }),
-      /* @__PURE__ */ l(Oe, { width: 48, height: 8 })
-    ] }),
-    /* @__PURE__ */ l(Oe, { sx: {
-      height: ul,
-      marginTop: pl,
-      marginBottom: ml,
-      width: "100%"
-    } })
-  ] }, `skeleton-${e}`);
-}
-function ml(t) {
-  const {
-    spacing: e
-  } = t;
-  return e(1.75);
-}
-function pl(t) {
-  const {
-    spacing: e
-  } = t;
-  return e(1.25);
-}
-function ul(t) {
-  const {
-    spacing: e
-  } = t;
-  return e(0.5);
-}
-function hl(t) {
-  return t % 2 === 1;
-}
-function gl(t) {
-  const e = Q(13), {
-    title: i,
-    body: o,
-    severity: n
-  } = t, c = i === void 0 ? "No data available" : i, s = 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 (n) {
-    let m;
-    e[0] !== s ? (m = /* @__PURE__ */ l(He, { children: s }), e[0] = s, e[1] = m) : m = e[1];
-    let d;
-    return e[2] !== n || e[3] !== m || e[4] !== c ? (d = /* @__PURE__ */ l(et, { title: c, severity: n, children: m }), e[2] = n, e[3] = m, e[4] = c, e[5] = d) : d = e[5], d;
-  }
-  let a;
-  e[6] !== c ? (a = c && /* @__PURE__ */ l(se, { variant: "body2", children: c }), e[6] = c, e[7] = a) : a = e[7];
-  let r;
-  e[8] !== s ? (r = /* @__PURE__ */ l(He, { color: "textSecondary", children: s }), e[8] = s, e[9] = r) : r = e[9];
-  let f;
-  return e[10] !== a || e[11] !== r ? (f = /* @__PURE__ */ W(ne, { children: [
-    a,
-    r
-  ] }), e[10] = a, e[11] = r, e[12] = f) : f = e[12], f;
-}
-function He(t) {
-  const e = Q(5), {
-    color: i,
-    children: o
-  } = t;
-  if (o) {
-    const c = i ?? "inherit";
-    let s;
-    e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
-      fontWeight: "normal"
-    }, e[0] = s) : s = e[0];
-    let a;
-    return e[1] !== o || e[2] !== c ? (a = /* @__PURE__ */ l(ne, { mt: 0.5, children: /* @__PURE__ */ l(se, { component: "div", variant: "caption", color: c, style: s, children: o }) }), e[1] = o, e[2] = c, e[3] = a) : a = e[3], a;
-  }
-  let n;
-  return e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ l(ne, { mt: -1 }), e[4] = n) : n = e[4], n;
-}
-function bl(t) {
-  const e = Q(2);
-  let i;
-  e[0] !== t ? (i = () => t ? 1 : 0, e[0] = t, e[1] = i) : i = e[1];
-  const [o, n] = ae(i);
-  return t && o === 0 && n(1), !t && o === 1 && n(2), o === 1;
-}
-const Ne = {
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-}, Se = {
-  label: {
-    "& .MuiListItemText-primary": {
-      ...Ne
-    }
-  },
-  value: {
-    "& .MuiListItemText-primary": {
-      ...Ne,
-      textAlign: "right"
-    }
-  },
-  clickable: {
-    cursor: "pointer",
-    "&:hover": {
-      backgroundColor: ({
-        palette: t
-      }) => t.action.hover
-    }
-  },
-  showDivider: {
-    borderBottom: ({
-      palette: t
-    }) => `1px solid ${t.divider}`
-  },
-  selected: {
-    backgroundColor: ({
-      palette: t
-    }) => t.action.selected
-  },
-  disabled: {
-    opacity: 0.5,
-    pointerEvents: "none"
-  }
-}, vl = {
-  showMore: "Show More",
-  showLess: "Show Less"
-}, yl = [];
-function Nl(t) {
-  const e = Q(32), {
-    data: i,
-    isLoading: o,
-    maxItems: n,
-    labels: c,
-    showDivider: s,
-    selectedItemId: a,
-    tooltipProps: r,
-    onExpand: f,
-    onItemClick: m
-  } = t, d = i === void 0 ? yl : i, u = o === void 0 ? !1 : o, x = n === void 0 ? 5 : n, h = c === void 0 ? vl : c, S = s === void 0 ? !0 : s, [_, U] = ae(!1), R = bl(u);
-  let P;
-  e[0] !== d || e[1] !== x || e[2] !== _ ? (P = _ ? d : d.slice(0, x), e[0] = d, e[1] = x, e[2] = _, e[3] = P) : P = e[3];
-  const b = P;
-  let v;
-  e[4] !== f || e[5] !== _ ? (v = () => {
-    U(!_), f?.(_);
-  }, e[4] = f, e[5] = _, e[6] = v) : v = e[6];
-  const O = v;
-  if (R) {
-    let p;
-    return e[7] !== x ? (p = /* @__PURE__ */ l(dl, { length: x }), e[7] = x, e[8] = p) : p = e[8], p;
-  }
-  if (b.length === 0) {
-    let p;
-    return e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ l(gl, {}), e[9] = p) : p = e[9], p;
-  }
-  let g;
-  if (e[10] !== b || e[11] !== m || e[12] !== a || e[13] !== S || e[14] !== r) {
-    let p;
-    e[16] !== m || e[17] !== a || e[18] !== S || e[19] !== r ? (p = (L) => /* @__PURE__ */ l(Ot, { followCursor: !1, placement: "top", arrow: !0, title: L.tooltipTitle, enterDelay: 10, ...r, children: (C) => {
-      const {
-        ref: A
-      } = C;
-      return /* @__PURE__ */ l(bt, { ref: A, role: "listitem", sx: {
-        ...S && Se.showDivider,
-        ...m && Se.clickable,
-        ...a === L.id && Se.selected,
-        ...L.disabled && Se.disabled
-      }, onClick: () => {
-        L.disabled || m?.(L);
-      }, children: /* @__PURE__ */ W(Te, { container: !0, alignItems: "center", children: [
-        /* @__PURE__ */ l(Te, { item: !0, xs: 8, children: /* @__PURE__ */ l(Ce, { primary: L.label, sx: Se.label }) }),
-        /* @__PURE__ */ l(Te, { item: !0, xs: 4, children: /* @__PURE__ */ l(Ce, { primary: L.value, sx: Se.value }) })
-      ] }) });
-    } }, L.id), e[16] = m, e[17] = a, e[18] = S, e[19] = r, e[20] = p) : p = e[20], g = b.map(p), e[10] = b, e[11] = m, e[12] = a, e[13] = S, e[14] = r, e[15] = g;
-  } else
-    g = e[15];
-  let I;
-  e[21] !== g ? (I = /* @__PURE__ */ l(qe, { id: "expandable-list", role: "list", children: g }), e[21] = g, e[22] = I) : I = e[22];
-  let k;
-  e[23] !== d.length || e[24] !== O || e[25] !== h || e[26] !== x || e[27] !== _ ? (k = d.length > x && /* @__PURE__ */ l(ne, { my: 2, children: /* @__PURE__ */ l(_e, { onClick: O, variant: "text", color: "primary", "aria-expanded": _, "aria-controls": "expandable-list", children: _ ? h.showLess : h.showMore }) }), e[23] = d.length, e[24] = O, e[25] = h, e[26] = x, e[27] = _, e[28] = k) : k = e[28];
-  let T;
-  return e[29] !== k || e[30] !== I ? (T = /* @__PURE__ */ W(me, { children: [
-    I,
-    k
-  ] }), e[29] = k, e[30] = I, e[31] = T) : T = e[31], T;
-}
-const xl = 288, xe = {
-  root: {
-    width: xl,
-    overflow: "auto"
-  },
-  toggle: {
-    padding: ({
-      spacing: t
-    }) => t(0.5),
-    img: {
-      width: "100%",
-      aspectRatio: "1 / 1",
-      borderRadius: ({
-        spacing: t
-      }) => t(0.25)
-    }
-  },
-  header: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    padding: ({
-      spacing: t
-    }) => t(1),
-    paddingInlineStart: ({
-      spacing: t
-    }) => t(2),
-    position: "sticky",
-    top: 0,
-    zIndex: 2,
-    background: ({
-      palette: t
-    }) => t.background.paper
-  },
-  groupWrapper: {
-    content: {
-      paddingInline: ({
-        spacing: t
-      }) => t(2),
-      paddingBlock: ({
-        spacing: t
-      }) => t(0.5)
-    }
-  },
-  group: {
-    display: "flex",
-    flexDirection: "row",
-    flexWrap: "wrap",
-    alignItems: "center",
-    gap: ({
-      spacing: t
-    }) => t(2),
-    paddingInline: ({
-      spacing: t
-    }) => t(2),
-    paddingBlock: ({
-      spacing: t
-    }) => t(1)
-  },
-  item: {
-    container: {
-      display: "flex",
-      alignItems: "center",
-      flexDirection: "column",
-      gap: ({
-        spacing: t
-      }) => t(1),
-      background: "transparent",
-      border: "none",
-      cursor: "pointer",
-      padding: 0,
-      height: ({
-        spacing: t
-      }) => t(12),
-      img: {
-        maxWidth: ({
-          spacing: t
-        }) => t(9),
-        aspectRatio: "1 / 1",
-        borderRadius: ({
-          spacing: t
-        }) => t(0.5),
-        border: "2px solid transparent",
-        "&:hover": {
-          borderColor: ({
-            palette: t
-          }) => t.action.active
-        },
-        '&[data-active="true"]': {
-          borderColor: ({
-            palette: t
-          }) => t.primary.main
-        }
-      }
-    },
-    selected: {
-      color: ({
-        palette: t
-      }) => t.primary.main
-    }
-  }
-}, Sl = {
-  toggle: {
-    title: "Toggle basemaps controls"
-  },
-  header: {
-    title: "Basemaps",
-    actions: {
-      close: "Close"
-    }
-  }
-};
-function _l(t) {
-  const e = Q(6), {
-    isMobile: i,
-    labels: o,
-    onChangeCollapsed: n
-  } = t, c = i === void 0 ? !1 : i;
-  let s;
-  e[0] !== c || e[1] !== o || e[2] !== n ? (s = c && /* @__PURE__ */ W(me, { children: [
-    /* @__PURE__ */ l(se, { variant: "caption", flexGrow: 1, children: o.title }),
-    /* @__PURE__ */ l(ke, { title: o.actions.close, children: /* @__PURE__ */ l(be, { size: "small", onClick: n, "aria-label": o.actions.close, children: /* @__PURE__ */ l(Ue, {}) }) })
-  ] }), e[0] = c, e[1] = o, e[2] = n, e[3] = s) : s = e[3];
-  let a;
-  return e[4] !== s ? (a = /* @__PURE__ */ l(ne, { sx: xe.header, children: s }), e[4] = s, e[5] = a) : a = e[5], a;
-}
-function Cl(t) {
-  const e = Q(5), {
-    title: i,
-    children: o,
-    collapsed: n
-  } = t;
-  if (n === void 0 ? !1 : n)
-    return o;
-  let s;
-  e[0] !== i ? (s = /* @__PURE__ */ l(se, { variant: "caption", color: "textSecondary", sx: xe.groupWrapper.content, children: i }), e[0] = i, e[1] = s) : s = e[1];
-  let a;
-  return e[2] !== o || e[3] !== s ? (a = /* @__PURE__ */ W(me, { children: [
-    s,
-    o
-  ] }), e[2] = o, e[3] = s, e[4] = a) : a = e[4], a;
-}
-function wl(t) {
-  const e = Q(9), {
-    values: i,
-    selected: o,
-    onChange: n
-  } = t;
-  let c;
-  if (e[0] !== n || e[1] !== o || e[2] !== i) {
-    let a;
-    e[4] !== n || e[5] !== o ? (a = (r) => {
-      const f = r.id === o;
-      return /* @__PURE__ */ W(ne, { sx: xe.item.container, component: "button", "aria-label": r.label, onClick: () => n(r.id), children: [
-        /* @__PURE__ */ l("img", { src: r.icon, "aria-label": r.label + " icon", "data-active": f }),
-        /* @__PURE__ */ l(se, { variant: "caption", sx: {
-          ...f && xe.item.selected
-        }, children: r.label })
-      ] }, r.id);
-    }, e[4] = n, e[5] = o, e[6] = a) : a = e[6], c = i.map(a), e[0] = n, e[1] = o, e[2] = i, e[3] = c;
-  } else
-    c = e[3];
-  let s;
-  return e[7] !== c ? (s = /* @__PURE__ */ l(ne, { sx: xe.group, children: c }), e[7] = c, e[8] = s) : s = e[8], s;
-}
-function kl(t, e) {
-  const i = t.startsWith("bottom"), o = t.endsWith("right");
-  return {
-    anchorOrigin: {
-      vertical: i ? "bottom" : "top",
-      horizontal: e === "overlay" ? o ? "right" : "left" : o ? "left" : "right"
-    },
-    transformOrigin: {
-      vertical: i ? "bottom" : "top",
-      horizontal: o ? "right" : "left"
-    }
-  };
-}
-function Tl(t) {
-  const e = Q(46), {
-    ref: i,
-    children: o,
-    collapsed: n,
-    isMobile: c,
-    position: s,
-    sx: a,
-    slotProps: r,
-    container: f,
-    onChangeCollapsed: m,
-    modal: d,
-    placement: u
-  } = t, x = c === void 0 ? !1 : c, h = d === void 0 ? !0 : d, S = u === void 0 ? "side" : u, _ = we(null), U = we(null);
-  let R;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = (Y) => {
-    if (U.current?.disconnect(), U.current = null, Y && typeof ResizeObserver < "u") {
-      const G = new ResizeObserver(() => _.current?.updatePosition());
-      G.observe(Y), U.current = G;
-    }
-  }, e[0] = R) : R = e[0];
-  const P = R, b = f && typeof f != "function" ? f : null;
-  let v;
-  e[1] !== b ? (v = (Y) => {
-    if (!b || typeof ResizeObserver > "u")
-      return Ml;
-    const G = new ResizeObserver(Y);
-    return G.observe(b), () => G.disconnect();
-  }, e[1] = b, e[2] = v) : v = e[2];
-  const O = v;
-  let g;
-  e[3] !== b?.clientHeight ? (g = () => b?.clientHeight, e[3] = b?.clientHeight, e[4] = g) : g = e[4];
-  const k = wt(O, g);
-  if (x) {
-    const Y = !n;
-    let G;
-    e[5] !== m ? (G = () => m(!0), e[5] = m, e[6] = G) : G = e[6];
-    let K;
-    return e[7] !== o || e[8] !== Y || e[9] !== G ? (K = /* @__PURE__ */ l(vt, { anchor: "bottom", open: Y, onClose: G, children: o }), e[7] = o, e[8] = Y, e[9] = G, e[10] = K) : K = e[10], K;
-  }
-  let T;
-  e[11] !== S || e[12] !== s ? (T = kl(s, S), e[11] = S, e[12] = s, e[13] = T) : T = e[13];
-  const {
-    anchorOrigin: p,
-    transformOrigin: L
-  } = T, C = r;
-  let A;
-  e[14] !== k ? (A = k != null && k > 0 ? {
-    maxHeight: k * 0.9,
-    overflow: "hidden",
-    display: "flex",
-    flexDirection: "column"
-  } : void 0, e[14] = k, e[15] = A) : A = e[15];
-  const y = A;
-  let w;
-  e[16] !== y ? (w = y ? {
-    display: "flex",
-    flexDirection: "column",
-    flex: 1,
-    minHeight: 0,
-    maxHeight: "100%",
-    overflow: "hidden",
-    width: "100%"
-  } : void 0, e[16] = y, e[17] = w) : w = e[17];
-  const E = w;
-  let z;
-  e[18] !== h || e[19] !== C?.paper || e[20] !== C?.root || e[21] !== y || e[22] !== r ? (z = h && !y ? r : {
-    ...typeof r == "object" && r != null ? r : {},
-    ...!h && {
-      root: {
-        style: {
-          pointerEvents: "none"
-        },
-        ...C?.root
-      }
-    },
-    paper: {
-      ...C?.paper,
-      style: {
-        ...!h && {
-          pointerEvents: "auto"
-        },
-        ...y,
-        ...C?.paper?.style
-      }
-    }
-  }, e[18] = h, e[19] = C?.paper, e[20] = C?.root, e[21] = y, e[22] = r, e[23] = z) : z = e[23];
-  const $ = z, M = !n && i != null;
-  let D;
-  e[24] !== h || e[25] !== m ? (D = h ? () => m(!0) : void 0, e[24] = h, e[25] = m, e[26] = D) : D = e[26];
-  const V = !h, N = !h, Z = !h, j = !h, F = !h, B = !h;
-  let H;
-  e[27] !== o || e[28] !== E ? (H = /* @__PURE__ */ l("div", { ref: P, style: E, children: o }), e[27] = o, e[28] = E, e[29] = H) : H = e[29];
-  let q;
-  return e[30] !== p || e[31] !== f || e[32] !== $ || e[33] !== i || e[34] !== a || e[35] !== M || e[36] !== D || e[37] !== V || e[38] !== N || e[39] !== Z || e[40] !== j || e[41] !== F || e[42] !== B || e[43] !== H || e[44] !== L ? (q = /* @__PURE__ */ l(Ye, { action: _, sx: a, container: f, anchorEl: i, open: M, onClose: D, hideBackdrop: V, disableScrollLock: N, disableEscapeKeyDown: Z, disableAutoFocus: j, disableEnforceFocus: F, disableRestoreFocus: B, anchorOrigin: p, transformOrigin: L, slotProps: $, children: H }), e[30] = p, e[31] = f, e[32] = $, e[33] = i, e[34] = a, e[35] = M, e[36] = D, e[37] = V, e[38] = N, e[39] = Z, e[40] = j, e[41] = F, e[42] = B, e[43] = H, e[44] = L, e[45] = q) : q = e[45], q;
-}
-function Ml() {
-}
-const Al = [];
-function Gl(t) {
-  const e = Q(54), {
-    options: i,
-    labels: o,
-    position: n,
-    selected: c,
-    onChange: s,
-    TooltipProps: a
-  } = t, r = i === void 0 ? Al : i, f = n === void 0 ? "bottom-right" : n, m = c === void 0 ? null : c, [d, u] = ae(null), [x, h] = ae(!1), S = we(null), [_, U] = ae(null), R = yt();
-  let P;
-  e[0] !== R.breakpoints ? (P = R.breakpoints.down("sm"), e[0] = R.breakpoints, e[1] = P) : P = e[1];
-  const b = xt(P);
-  let v;
-  e[2] !== o ? (v = o ?? {}, e[2] = o, e[3] = v) : v = e[3];
-  let O;
-  e[4] !== v ? (O = Be(Sl, v), e[4] = v, e[5] = O) : O = e[5];
-  const g = O;
-  let I;
-  if (e[6] !== r || e[7] !== m) {
-    let oe;
-    e[9] !== m ? (oe = (ce) => ce.id === m, e[9] = m, e[10] = oe) : oe = e[10], I = r.find(oe), e[6] = r, e[7] = m, e[8] = I;
-  } else
-    I = e[8];
-  const k = I;
-  let T;
-  e[11] !== r ? (T = Object.groupBy(r, Il), e[11] = r, e[12] = T) : T = e[12];
-  const p = T;
-  let L;
-  e[13] !== p ? (L = Object.keys(p), e[13] = p, e[14] = L) : L = e[14];
-  const C = L.length;
-  let A;
-  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = () => {
-    u(null), h(!1);
-  }, e[15] = A) : A = e[15];
-  const y = A;
-  let w, E;
-  e[16] !== _ ? (w = () => {
-    if (S.current && clearTimeout(S.current), !!_)
-      return S.current = setTimeout(() => {
-        y();
-      }, _), () => {
-        S.current && clearTimeout(S.current);
-      };
-  }, E = [_], e[16] = _, e[17] = w, e[18] = E) : (w = e[17], E = e[18]), tt(w, E);
-  let z;
-  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = () => {
-    U(null);
-  }, e[19] = z) : z = e[19];
-  const $ = z;
-  let M;
-  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = () => {
-    U(400);
-  }, e[20] = M) : M = e[20];
-  const D = M;
-  let V;
-  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = (oe) => {
-    u(oe.currentTarget), h(!0);
-  }, e[21] = V) : V = e[21];
-  const N = k?.icon, Z = k?.label ?? "Basemap";
-  let j;
-  e[22] !== N || e[23] !== Z ? (j = /* @__PURE__ */ l(be, { sx: xe.toggle, onClick: V, children: /* @__PURE__ */ l("img", { src: N, alt: Z }) }), e[22] = N, e[23] = Z, e[24] = j) : j = e[24];
-  let F;
-  e[25] !== a || e[26] !== g.toggle.title || e[27] !== j ? (F = /* @__PURE__ */ l(ke, { title: g.toggle.title, placement: "right", ...a, children: j }), e[25] = a, e[26] = g.toggle.title, e[27] = j, e[28] = F) : F = e[28];
-  const B = `translate3d(${f.endsWith("right") ? "-8px" : "8px"}, ${f.startsWith("bottom") ? "-4px" : "4px"}, 0) !important`;
-  let H;
-  e[29] !== B ? (H = {
-    paper: {
-      sx: {
-        ...xe.root,
-        transform: B
-      },
-      onMouseOver: $,
-      onMouseLeave: D
-    }
-  }, e[29] = B, e[30] = H) : H = e[30];
-  const q = !x;
-  let Y;
-  e[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Y = () => y(), e[31] = Y) : Y = e[31];
-  let G;
-  e[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = () => y(), e[32] = G) : G = e[32];
-  let K;
-  e[33] !== b || e[34] !== g.header ? (K = /* @__PURE__ */ l(_l, { isMobile: b, labels: g.header, onChangeCollapsed: G }), e[33] = b, e[34] = g.header, e[35] = K) : K = e[35];
-  let J;
-  e[36] !== p ? (J = Object.entries(p), e[36] = p, e[37] = J) : J = e[37];
-  let ee;
-  e[38] !== C || e[39] !== g.header || e[40] !== s || e[41] !== m || e[42] !== J ? (ee = J.map((oe) => {
-    const [ce, ie] = oe;
-    return /* @__PURE__ */ l(Cl, { title: ce + " " + g.header.title, collapsed: C < 2, children: /* @__PURE__ */ l(wl, { values: ie, selected: m, onChange: (ge) => {
-      y(), s(ge);
-    } }) }, ce);
-  }), e[38] = C, e[39] = g.header, e[40] = s, e[41] = m, e[42] = J, e[43] = ee) : ee = e[43];
-  let te;
-  e[44] !== b || e[45] !== f || e[46] !== H || e[47] !== q || e[48] !== K || e[49] !== ee ? (te = /* @__PURE__ */ W(Tl, { ref: d, slotProps: H, collapsed: q, position: f, isMobile: b, onChangeCollapsed: Y, children: [
-    K,
-    ee
-  ] }), e[44] = b, e[45] = f, e[46] = H, e[47] = q, e[48] = K, e[49] = ee, e[50] = te) : te = e[50];
-  let le;
-  return e[51] !== F || e[52] !== te ? (le = /* @__PURE__ */ W(Me, { children: [
-    F,
-    te
-  ] }), e[51] = F, e[52] = te, e[53] = le) : le = e[53], le;
-}
-function Il(t) {
-  return t.group ?? "default";
-}
-export {
-  el as AreaIcon,
-  Gl as BasemapsUI,
-  Jt as BufferIcon,
-  so as CopyButton,
-  Xl as DEFAULT_LASSO_TOOLS_MODES_MAPPING,
-  ve as DEFAULT_MEASUREMENT_TOOLS_LABELS,
-  ll as DEFAULT_MEASUREMENT_TOOLS_MODES_MAPPING,
-  tl as DEFAULT_MEASUREMENT_TOOLS_UNITS_MAPPING,
-  ql as DrawCircleIcon,
-  Ql as DrawLassoIcon,
-  Jl as DrawPolygonIcon,
-  eo as DrawSquareIcon,
-  jl as GeolocationControls,
-  ye as LASSO_TOOLS_LABELS,
-  zl as LassoGeometryToolbarUI,
-  Vl as LassoLayerFiltersUI,
-  Fl as LassoMessageUI,
-  Wl as LassoToolsInlineUI,
-  to as LassoToolsUI,
-  Nl as ListDataUI,
-  Zl as MeasurementToolsUI,
-  Tl as ResponsiveDrawer,
-  Qt as RulerIcon,
-  lo as SelectToolIcon,
-  Ot as SmartTooltip,
-  nt as SpatialMaskIcon,
-  it as TextAaIcon,
-  ke as Tooltip,
-  Hl as ZoomControlsUI,
-  no as setTooltipEnterDelay
-};
-//# sourceMappingURL=components.js.map
+import { t as e } from "./copy-button-DaQqWVu0.js";
+import { n as t, t as n } from "./tooltip-DJUGNZxY.js";
+import { C as r, E as i, S as a, T as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w, v as T, w as E, x as D, y as O } from "./components-DDt4mOQn.js";
+import { t as k } from "./smart-tooltip-CwGHCqab.js";
+export { w as AreaIcon, C as BasemapsUI, d as BufferIcon, e as CopyButton, T as DEFAULT_LASSO_TOOLS_MODES_MAPPING, S as DEFAULT_MEASUREMENT_TOOLS_LABELS, u as DEFAULT_MEASUREMENT_TOOLS_MODES_MAPPING, g as DEFAULT_MEASUREMENT_TOOLS_UNITS_MAPPING, l as DrawCircleIcon, D as DrawLassoIcon, a as DrawPolygonIcon, r as DrawSquareIcon, c as GeolocationControls, O as LASSO_TOOLS_LABELS, m as LassoGeometryToolbarUI, _ as LassoLayerFiltersUI, b as LassoMessageUI, p as LassoToolsInlineUI, s as LassoToolsUI, x as ListDataUI, y as MeasurementToolsUI, v as ResponsiveDrawer, f as RulerIcon, E as SelectToolIcon, k as SmartTooltip, o as SpatialMaskIcon, i as TextAaIcon, n as Tooltip, h as ZoomControlsUI, t as setTooltipEnterDelay };