@element-editor/adapter-maplibre 0.2.0 → 0.2.2

package/dist/index.es.js

@@ -3,11 +3,11 @@ import { jsx as X, jsxs as fe, Fragment as lt } from "react/jsx-runtime";
 import { useContext as pt, createContext as Nt, useEffect as K, useState as le, useRef as $, useCallback as ve, useMemo as Bt, memo as ao, useLayoutEffect as uo, forwardRef as In, useImperativeHandle as fo } from "react";
 import { canProcessShape as _t, warnOnce as Rn, DEFAULT_FEATURE_COLOR_ON_DARK as go, createClickRepeatGuard as yo, routingError as po, CLICK_TOOL_MODES as ho, CLICK_SLOP_PX as mo, makeCircleCoords as vo, makeRectCoords as xo, isMultiGeometry as ht, getPartCount as wo, getPartGeometry as At, placeBox as Fn, commitTopoMove as on, vertexEditPatch as So, commitTopoInsert as wt, commitTopoDelete as rn, rdp as bo, withXY as Ve, setPartGeometry as Lo, insertedPosition as sn, transformUpdates as Eo, getMercatorLatCorrectionRatio as Te, unproject as Ot, project as me, offsetGeometry as $t, applyVisualTransform as Po, toRadians as Ke, mapPositions as _n, vertexEditNotice as Co, fitPadding as jt, addPickedFeature as Mo, OSM_PICK_OVERLAY_COLORS as at, unionPieces as ko, tileCandidateResult as Io, OSM_PICK_MIN_ZOOM as Ro, overpassRadiusForZoom as Fo, tileCandidates as _o, normalizeFitBoundsTarget as Ao, visibleCenterOffset as cn, loadErrorCode as ln } from "@element-editor/core/internal";
 import { useAccentPalette as To, useDataStore as he, useUIStore as W, useElementEditorConfig as ke, useGeoStore as Le, useEmit as Ue, useIsEventForEditor as zt, featureLabel as Do, ContextMenu as Ko, VertexSelectionBar as No, FeatureMapContextMenu as Bo, useAccentStyle as Oo, useTheme as An, runGeometryWorkerOperation as $o, MapControllerProvider as jo, EventProvider as zo, useAdapterControls as Ho, useKeyboardShortcuts as Vo, useApplyAccentToRoot as Xo, useReportThemeFromRoot as Yo, preloadEditorPanelsWhenIdle as Go, useSetMapController as Wo, BasemapPicker as Uo } from "@element-editor/ui";
-import { ActiveDrawingToolbar as gi, EditingToolbar as yi, ElementEditorUIProvider as pi, FloatingToolbar as hi, GeoStoreProvider as mi, MapControllerProvider as vi, StoreContext as xi, useDataStore as wi, useGeoStore as Si, useKeyboardShortcuts as bi, useMapController as Li, useSetMapController as Ei, useUIStore as Pi } from "@element-editor/ui";
+import { ActiveDrawingToolbar as fi, EditingToolbar as gi, ElementEditorUIProvider as yi, FloatingToolbar as pi, GeoStoreProvider as hi, MapControllerProvider as mi, StoreContext as vi, useDataStore as xi, useGeoStore as wi, useKeyboardShortcuts as Si, useMapController as bi, useSetMapController as Li, useUIStore as Ei } from "@element-editor/ui";
 import { useOptionalEmit as Tn, useRouting as Zo, applyRootTokens as qo, useContextMenu as Jo } from "@element-editor/ui/internal";
 import { readAccentPalette as Dn, DEFAULT_FEATURE_COLOR as Kn, fetchRoute as an, getGeometryBBox as Nn, formatLength as mt, formatArea as Ht, fetchOverpassFeatures as Qo, overpassErrorMessage as er, OverpassError as tr, readStorage as nr, writeStorage as or, ElementEditorError as Tt } from "@element-editor/core";
-import { ElementEditorError as Mi } from "@element-editor/core";
-import De from "maplibre-gl";
+import { ElementEditorError as Ci } from "@element-editor/core";
+import * as De from "maplibre-gl";
 import { Crosshair as rr, Trash as sr } from "@phosphor-icons/react";
 import { createPortal as Ze } from "react-dom";
 import { transformRotate as ir } from "@turf/transform-rotate";
@@ -227,60 +227,60 @@ function Lr(e) {
 }
 const Be = ["elm-features-fill", "elm-features-line", Xt, "elm-features-point"];
 function Er({ map: e }) {
-  const t = he((A) => A.features), n = he((A) => A.groups), o = he((A) => A.selectedIds), r = W((A) => A.editingMode), s = W((A) => A.geometryPreview !== null), i = W((A) => A.bufferCreateNew), l = yr(), u = ke().featureColor, c = vt(), [v, d] = le(() => un(e));
+  const t = he((_) => _.features), n = he((_) => _.groups), o = he((_) => _.selectedIds), r = W((_) => _.editingMode), s = W((_) => _.geometryPreview !== null), i = W((_) => _.bufferCreateNew), l = yr(), u = ke().featureColor, c = vt(), [v, d] = le(() => un(e));
   K(() => {
-    const A = () => d(un(e));
-    return A(), e.on("styledata", A), () => {
-      e.off("styledata", A);
+    const _ = () => d(un(e));
+    return _(), e.on("styledata", _), () => {
+      e.off("styledata", _);
     };
   }, [e, c]);
   const g = v ? wr : Hn, w = qe(e, g);
   K(() => {
     Ne(e, g, w);
   }, [c]);
-  const P = Tn(), T = $(!1);
+  const C = Tn(), T = $(!1);
   K(() => {
-    T.current || e.getGlyphs() || (T.current = !0, P == null || P({
+    T.current || e.getGlyphs() || (T.current = !0, C == null || C({
       type: "error",
       code: "unsupported",
       source: "basemap",
       quiet: !0,
       message: 'The map style has no glyphs, so text features are not shown. Use a style whose glyphs serve "Noto Sans Regular".'
     }));
-  }, [e, c, P]);
-  const M = s && (r === "simplify-shape" || r === "smooth-shape" || r === "buffer-shape" && !i) ? o : null;
+  }, [e, c, C]);
+  const k = s && (r === "simplify-shape" || r === "smooth-shape" || r === "buffer-shape" && !i) ? o : null;
   K(() => {
-    const A = e.getSource(ge);
-    if (!A) return;
-    const D = new Set(n.filter((C) => C.hidden).map((C) => C.id)), q = M ? new Set(M) : null, y = t.filter((C) => !(C.hidden || C.groupId && D.has(C.groupId) || q != null && q.has(C.id) && _t(C.geometry.type))), f = [];
+    const _ = e.getSource(ge);
+    if (!_) return;
+    const D = new Set(n.filter((M) => M.hidden).map((M) => M.id)), q = k ? new Set(k) : null, p = t.filter((M) => !(M.hidden || M.groupId && D.has(M.groupId) || q != null && q.has(M.id) && _t(M.geometry.type))), f = [];
     let b = !0;
-    for (const C of y) {
-      const { _validation: R, ...I } = C, a = l == null ? void 0 : l(C), x = {}, p = (a == null ? void 0 : a.color) ?? u;
-      if (p !== void 0 && (x._color = p), a && (a.fillColor !== void 0 && (x._fillColor = a.fillColor), a.opacity !== void 0 && (x._opacity = a.opacity), a.fillOpacity !== void 0 && (x._fillOpacity = a.fillOpacity), a.weight !== void 0 && (x._weight = a.weight)), C.geometry.type === "GeometryCollection") {
-        C.geometry.geometries.length > 1 && (b = !1);
-        for (const m of C.geometry.geometries)
+    for (const M of p) {
+      const { _validation: A, ...E } = M, a = l == null ? void 0 : l(M), x = {}, y = (a == null ? void 0 : a.color) ?? u;
+      if (y !== void 0 && (x._color = y), a && (a.fillColor !== void 0 && (x._fillColor = a.fillColor), a.opacity !== void 0 && (x._opacity = a.opacity), a.fillOpacity !== void 0 && (x._fillOpacity = a.fillOpacity), a.weight !== void 0 && (x._weight = a.weight)), M.geometry.type === "GeometryCollection") {
+        M.geometry.geometries.length > 1 && (b = !1);
+        for (const m of M.geometry.geometries)
           f.push({
-            ...I,
+            ...E,
             geometry: m,
-            properties: { ...I.properties, ...x, id: C.id }
+            properties: { ...E.properties, ...x, id: M.id }
           });
       } else
         f.push({
-          ...I,
-          properties: { ...I.properties, ...x, id: C.id }
+          ...E,
+          properties: { ...E.properties, ...x, id: M.id }
         });
     }
-    A.setData({ type: "FeatureCollection", features: f }), fr(e, f, b);
-  }, [t, n, e, M, l, u, c]);
-  const N = $(/* @__PURE__ */ new Set()), E = $(c);
+    _.setData({ type: "FeatureCollection", features: f }), fr(e, f, b);
+  }, [t, n, e, k, l, u, c]);
+  const N = $(/* @__PURE__ */ new Set()), P = $(c);
   return K(() => {
     if (!e.getSource(ge)) return;
-    E.current !== c && (E.current = c, N.current = /* @__PURE__ */ new Set());
-    const A = N.current, D = new Set(o);
-    for (const q of A)
+    P.current !== c && (P.current = c, N.current = /* @__PURE__ */ new Set());
+    const _ = N.current, D = new Set(o);
+    for (const q of _)
       D.has(q) || e.setFeatureState({ source: ge, id: q }, { selected: !1 });
     for (const q of D)
-      A.has(q) || e.setFeatureState({ source: ge, id: q }, { selected: !0 });
+      _.has(q) || e.setFeatureState({ source: ge, id: q }, { selected: !0 });
     N.current = D;
   }, [o, e, c]), null;
 }
@@ -289,76 +289,76 @@ function bt(e, t, n) {
 }
 function Vn(e, t, n, o, r = 15, s = /* @__PURE__ */ new Set()) {
   const i = n.project([e, t]), l = i.x, u = i.y;
-  let c = 1 / 0, v = null, d = null, g = 1 / 0, w = 0, P = 0, T = !1, _ = null;
-  const M = r + 1;
-  let N = 1 / 0, E = -1 / 0, A = 1 / 0, D = -1 / 0;
-  for (const [b, C] of [[l - M, u - M], [l + M, u - M], [l - M, u + M], [l + M, u + M]]) {
-    const R = n.unproject([b, C]);
-    R.lng < N && (N = R.lng), R.lng > E && (E = R.lng), R.lat < A && (A = R.lat), R.lat > D && (D = R.lat);
+  let c = 1 / 0, v = null, d = null, g = 1 / 0, w = 0, C = 0, T = !1, F = null;
+  const k = r + 1;
+  let N = 1 / 0, P = -1 / 0, _ = 1 / 0, D = -1 / 0;
+  for (const [b, M] of [[l - k, u - k], [l + k, u - k], [l - k, u + k], [l + k, u + k]]) {
+    const A = n.unproject([b, M]);
+    A.lng < N && (N = A.lng), A.lng > P && (P = A.lng), A.lat < _ && (_ = A.lat), A.lat > D && (D = A.lat);
   }
   let q = "";
-  function y(b, C = !0) {
+  function p(b, M = !0) {
     if (!b || b.length === 0) return;
-    let R = -1, I = 0, a = 0;
+    let A = -1, E = 0, a = 0;
     for (let x = 0; x < b.length; x++) {
-      const p = b[x];
-      if (!(p[0] < N || p[0] > E || p[1] < A || p[1] > D)) {
-        if (R !== x) {
-          const F = n.project(p);
-          I = F.x, a = F.y, R = x;
+      const y = b[x];
+      if (!(y[0] < N || y[0] > P || y[1] < _ || y[1] > D)) {
+        if (A !== x) {
+          const R = n.project(y);
+          E = R.x, a = R.y, A = x;
         }
-        const m = Math.hypot(l - I, u - a);
-        m < c && (c = m, v = p, d = q);
+        const m = Math.hypot(l - E, u - a);
+        m < c && (c = m, v = y, d = q);
       }
-      if (C && x < b.length - 1) {
+      if (M && x < b.length - 1) {
         const m = b[x + 1];
-        if (p[0] < N && m[0] < N || p[0] > E && m[0] > E || p[1] < A && m[1] < A || p[1] > D && m[1] > D) continue;
-        if (R !== x) {
-          const k = n.project(p);
-          I = k.x, a = k.y;
+        if (y[0] < N && m[0] < N || y[0] > P && m[0] > P || y[1] < _ && m[1] < _ || y[1] > D && m[1] > D) continue;
+        if (A !== x) {
+          const I = n.project(y);
+          E = I.x, a = I.y;
         }
-        const F = I, S = a, L = n.project(m);
-        R = x + 1, I = L.x, a = L.y;
-        const B = (F - L.x) ** 2 + (S - L.y) ** 2;
-        let V = F, j = S;
+        const R = E, S = a, L = n.project(m);
+        A = x + 1, E = L.x, a = L.y;
+        const B = (R - L.x) ** 2 + (S - L.y) ** 2;
+        let V = R, j = S;
         if (B !== 0) {
-          let k = ((l - F) * (L.x - F) + (u - S) * (L.y - S)) / B;
-          k = Math.max(0, Math.min(1, k)), V = F + k * (L.x - F), j = S + k * (L.y - S);
+          let I = ((l - R) * (L.x - R) + (u - S) * (L.y - S)) / B;
+          I = Math.max(0, Math.min(1, I)), V = R + I * (L.x - R), j = S + I * (L.y - S);
         }
         const h = Math.hypot(l - V, u - j);
-        h < g && (g = h, w = V, P = j, T = !0, _ = q);
+        h < g && (g = h, w = V, C = j, T = !0, F = q);
       }
     }
   }
   function f(b) {
     switch (b.type) {
       case "Point":
-        y([b.coordinates]);
+        p([b.coordinates]);
         break;
       case "MultiPoint":
-        y(b.coordinates, !1);
+        p(b.coordinates, !1);
         break;
       case "LineString":
-        y(b.coordinates);
+        p(b.coordinates);
         break;
       case "Polygon":
       case "MultiLineString":
-        for (const C of b.coordinates) y(C);
+        for (const M of b.coordinates) p(M);
         break;
       case "MultiPolygon":
-        for (const C of b.coordinates)
-          for (const R of C) y(R);
+        for (const M of b.coordinates)
+          for (const A of M) p(A);
         break;
       case "GeometryCollection":
-        for (const C of b.geometries) f(C);
+        for (const M of b.geometries) f(M);
         break;
     }
   }
   for (const b of o)
     if (!s.has(b.id)) {
       if (b.bbox) {
-        const [C, R, I, a] = b.bbox;
-        if (I < N || C > E || a < A || R > D) continue;
+        const [M, A, E, a] = b.bbox;
+        if (E < N || M > P || a < _ || A > D) continue;
       }
       q = b.id, f(b.geometry);
     }
@@ -369,11 +369,11 @@ function Vn(e, t, n, o, r = 15, s = /* @__PURE__ */ new Set()) {
       featureId: d ?? void 0
     };
   if (g <= r && T) {
-    const b = n.unproject([w, P]);
+    const b = n.unproject([w, C]);
     return {
       lnglat: [b.lng, b.lat],
       isVertex: !1,
-      featureId: _ ?? void 0
+      featureId: F ?? void 0
     };
   }
   return null;
@@ -381,8 +381,8 @@ function Vn(e, t, n, o, r = 15, s = /* @__PURE__ */ new Set()) {
 function Dt(e, t, n, o = 15) {
   const r = e.project(t), s = e.project(n), i = s.x - r.x, l = s.y - r.y, u = Math.hypot(i, l);
   if (u < 1) return n;
-  const c = Math.atan2(l, i), v = o * Math.PI / 180, d = Math.round(c / v) * v, g = r.x + u * Math.cos(d), w = r.y + u * Math.sin(d), P = e.unproject([g, w]);
-  return [P.lng, P.lat];
+  const c = Math.atan2(l, i), v = o * Math.PI / 180, d = Math.round(c / v) * v, g = r.x + u * Math.cos(d), w = r.y + u * Math.sin(d), C = e.unproject([g, w]);
+  return [C.lng, C.lat];
 }
 let Kt = !1;
 function Pr() {
@@ -411,242 +411,242 @@ const Ge = (e) => e !== "none" ? "crosshair" : "", Ir = 3, yn = 5;
 function Rr({ map: e, routingApiKey: t }) {
   const { uiStore: n, dataStore: o } = Le(), r = Zo(t), s = ke().network.fetch, i = $(null);
   i.current = r === !1 ? null : { ...r, fetch: s };
-  const l = Ue(), u = zt(), c = W((y) => y.editingMode), v = W((y) => y.cancelDrawing), d = W((y) => y.routeWaypoints), g = $(d);
+  const l = Ue(), u = zt(), c = W((p) => p.editingMode), v = W((p) => p.cancelDrawing), d = W((p) => p.routeWaypoints), g = $(d);
   K(() => {
     g.current = d;
   }, [d]);
-  const w = $(null), P = $(null), T = $(null), _ = $(!1), M = $(!1), N = $(!1), E = $(null), A = $(yo()).current, D = $(!1), q = ve(
-    async (y) => {
-      if (!(y.length < 2)) {
+  const w = $(null), C = $(null), T = $(null), F = $(!1), k = $(!1), N = $(!1), P = $(null), _ = $(yo()).current, D = $(!1), q = ve(
+    async (p) => {
+      if (!(p.length < 2)) {
         n.getState().setRoutePreview(null, !0);
         try {
           if (!i.current) throw new Error("routing is off");
-          const f = await an(y, i.current);
+          const f = await an(p, i.current);
           g.current.length >= 2 && n.getState().setRoutePreview(f, !1);
         } catch (f) {
           const b = po(f);
-          l({ type: "error", code: b.code, source: "routing", message: b.message, error: b }), n.getState().setRoutePreview(y, !1);
+          l({ type: "error", code: b.code, source: "routing", message: b.message, error: b }), n.getState().setRoutePreview(p, !1);
         }
       }
     },
     [n, l]
   );
   return K(() => {
-    const y = e.getCanvas();
+    const p = e.getCanvas();
     function f() {
-      D.current || (D.current = !0, e.dragPan.enable(), y.style.cursor = "grab");
+      D.current || (D.current = !0, e.dragPan.enable(), p.style.cursor = "grab");
     }
     function b() {
       if (!D.current) return;
       D.current = !1;
-      const p = n.getState().editingMode;
-      y.style.cursor = Ge(p), (p === "draw-rect" || p === "draw-circle" || p === "draw-freehand") && e.dragPan.disable();
+      const y = n.getState().editingMode;
+      p.style.cursor = Ge(y), (y === "draw-rect" || y === "draw-circle" || y === "draw-freehand") && e.dragPan.disable();
     }
-    const C = (p) => {
-      if (p.key === "Shift" && (M.current = !0), !!u(p)) {
-        if (p.code === "Space") {
-          const m = p.target;
+    const M = (y) => {
+      if (y.key === "Shift" && (k.current = !0), !!u(y)) {
+        if (y.code === "Space") {
+          const m = y.target;
           if (m && (m.tagName === "INPUT" || m.tagName === "TEXTAREA" || m.isContentEditable)) return;
-          p.preventDefault(), n.getState().editingMode !== "none" && f();
+          y.preventDefault(), n.getState().editingMode !== "none" && f();
           return;
         }
-        if (p.key === "Escape") {
-          const { selectedMeasurementId: m, setSelectedMeasurementId: F } = n.getState();
+        if (y.key === "Escape") {
+          const { selectedMeasurementId: m, setSelectedMeasurementId: R } = n.getState();
           if (m) {
-            F(null);
+            R(null);
             return;
           }
           v();
           return;
         }
-        if (p.key === "Enter") {
+        if (y.key === "Enter") {
           const m = n.getState();
           if (m.editingMode === "measure") {
             m.completeMeasure();
             return;
           }
         }
-        if (p.key === "Backspace" || p.key === "Delete") {
+        if (y.key === "Backspace" || y.key === "Delete") {
           const m = n.getState();
           if (m.selectedMeasurementId) {
             m.removeMeasurement(m.selectedMeasurementId);
             return;
           }
-          const F = m.editingMode;
-          if (F === "measure") {
+          const R = m.editingMode;
+          if (R === "measure") {
             m.removeLastMeasurePoint();
             return;
           }
-          if (F === "draw-line" || F === "slice-shape") {
+          if (R === "draw-line" || R === "slice-shape") {
             m.removeLastLineVertex();
             return;
           }
-          if (F === "draw-polygon" || F === "cut-hole") {
+          if (R === "draw-polygon" || R === "cut-hole") {
             m.removeLastPolygonVertex();
             return;
           }
-          if (F === "draw-route") {
+          if (R === "draw-route") {
             m.removeLastRouteWaypoint();
             return;
           }
         }
       }
-    }, R = (p) => {
-      if (p.code === "Space") {
+    }, A = (y) => {
+      if (y.code === "Space") {
         b();
         return;
       }
-      p.key === "Shift" && (M.current = !1);
-    }, I = () => b(), a = () => {
-      y.style.cursor = "grabbing";
+      y.key === "Shift" && (k.current = !1);
+    }, E = () => b(), a = () => {
+      p.style.cursor = "grabbing";
     }, x = () => {
-      y.style.cursor = D.current ? "grab" : Ge(n.getState().editingMode);
+      p.style.cursor = D.current ? "grab" : Ge(n.getState().editingMode);
     };
-    return window.addEventListener("keydown", C), window.addEventListener("keyup", R), window.addEventListener("blur", I), e.on("dragstart", a), e.on("dragend", x), () => {
-      window.removeEventListener("keydown", C), window.removeEventListener("keyup", R), window.removeEventListener("blur", I), e.off("dragstart", a), e.off("dragend", x);
+    return window.addEventListener("keydown", M), window.addEventListener("keyup", A), window.addEventListener("blur", E), e.on("dragstart", a), e.on("dragend", x), () => {
+      window.removeEventListener("keydown", M), window.removeEventListener("keyup", A), window.removeEventListener("blur", E), e.off("dragstart", a), e.off("dragend", x);
     };
   }, [v, n, e, u]), K(() => {
     e.getCanvas().style.cursor = Ge(c);
   }, [c, e]), K(() => {
-    c === "draw-freehand" ? e.dragPan.disable() : (e.dragPan.enable(), _.current = !1);
+    c === "draw-freehand" ? e.dragPan.disable() : (e.dragPan.enable(), F.current = !1);
   }, [c, e]), K(() => (c !== "none" ? e.doubleClickZoom.disable() : e.doubleClickZoom.enable(), () => {
     e.doubleClickZoom.enable();
   }), [c, e]), K(() => {
-    var C;
+    var A;
     if (!ho.includes(c)) return;
-    const y = (C = e.handlers) == null ? void 0 : C._handlersById, f = [y == null ? void 0 : y.mapEvent, y == null ? void 0 : y.mousePan].filter((R) => typeof (R == null ? void 0 : R._clickTolerance) == "number"), b = f.map((R) => R._clickTolerance);
-    for (const R of f) R._clickTolerance = mo;
-    return () => f.forEach((R, I) => {
-      R._clickTolerance = b[I];
+    const p = e, f = (A = p.handlers ?? p._handlerManager) == null ? void 0 : A._handlersById, b = [f == null ? void 0 : f.mapEvent, f == null ? void 0 : f.mousePan].filter((E) => typeof (E == null ? void 0 : E._clickTolerance) == "number"), M = b.map((E) => E._clickTolerance);
+    for (const E of b) E._clickTolerance = mo;
+    return () => b.forEach((E, a) => {
+      E._clickTolerance = M[a];
     });
   }, [c, e]), K(() => (c !== "none" ? e.boxZoom.disable() : e.boxZoom.enable(), () => {
     e.boxZoom.enable();
   }), [c, e]), K(() => () => {
-    P.current && clearTimeout(P.current), T.current && T.current.abort();
+    C.current && clearTimeout(C.current), T.current && T.current.abort();
   }, []), K(() => {
-    const y = (a) => a.metaKey || a.ctrlKey || a.altKey, f = (a) => {
-      if (!y(a.originalEvent) && !D.current) {
+    const p = (a) => a.metaKey || a.ctrlKey || a.altKey, f = (a) => {
+      if (!p(a.originalEvent) && !D.current) {
         if (c === "draw-freehand") {
-          _.current = !0, n.getState().clearFreehandPoints(), n.getState().addFreehandPoint([a.lngLat.lng, a.lngLat.lat]);
+          F.current = !0, n.getState().clearFreehandPoints(), n.getState().addFreehandPoint([a.lngLat.lng, a.lngLat.lat]);
           return;
         }
         if (c === "draw-rect") {
           e.dragPan.disable(), o.getState().selectedIds.length > 0 && o.setState({ selectedIds: [] });
           const x = n.getState().snappedCoord ?? [a.lngLat.lng, a.lngLat.lat];
-          n.getState().setRectCorner(x), N.current = !0, E.current = { x: a.point.x, y: a.point.y };
+          n.getState().setRectCorner(x), N.current = !0, P.current = { x: a.point.x, y: a.point.y };
           return;
         }
         if (c === "draw-circle") {
           e.dragPan.disable(), o.getState().selectedIds.length > 0 && o.setState({ selectedIds: [] });
           const x = n.getState().snappedCoord ?? [a.lngLat.lng, a.lngLat.lat];
-          n.getState().setCircleCenter(x), N.current = !0, E.current = { x: a.point.x, y: a.point.y };
+          n.getState().setCircleCenter(x), N.current = !0, P.current = { x: a.point.x, y: a.point.y };
           return;
         }
       }
     }, b = (a) => {
-      if (c === "draw-freehand" && _.current) {
-        _.current = !1;
-        const F = e.getZoom(), S = 156543.03392 * Math.cos(a.lngLat.lat * Math.PI / 180) / Math.pow(2, F), L = Ir * S / 111320;
+      if (c === "draw-freehand" && F.current) {
+        F.current = !1;
+        const R = e.getZoom(), S = 156543.03392 * Math.cos(a.lngLat.lat * Math.PI / 180) / Math.pow(2, R), L = Ir * S / 111320;
         n.getState().commitFreehand(L), Lt();
         return;
       }
       if (!N.current) return;
       N.current = !1, e.dragPan.enable();
-      const x = E.current, p = x ? Math.hypot(a.point.x - x.x, a.point.y - x.y) : 0;
-      E.current = null;
+      const x = P.current, y = x ? Math.hypot(a.point.x - x.x, a.point.y - x.y) : 0;
+      P.current = null;
       const m = n.getState();
       if (c === "draw-rect") {
-        const F = m.rectCorner;
-        if (!F) return;
-        if (p < yn) {
+        const R = m.rectCorner;
+        if (!R) return;
+        if (y < yn) {
           n.setState({ rectCorner: null });
           return;
         }
-        const S = m.snappedCoord ?? [a.lngLat.lng, a.lngLat.lat], L = M.current || a.originalEvent.shiftKey;
-        m.commitRect(F, S, {}, L), Lt();
+        const S = m.snappedCoord ?? [a.lngLat.lng, a.lngLat.lat], L = k.current || a.originalEvent.shiftKey;
+        m.commitRect(R, S, {}, L), Lt();
         return;
       }
       if (c === "draw-circle") {
-        const F = m.circleCenter;
-        if (!F) return;
+        const R = m.circleCenter;
+        if (!R) return;
         let S;
-        if (p < yn) {
+        if (y < yn) {
           const V = e.unproject([a.point.x + 25, a.point.y]);
           S = [V.lng, V.lat];
         } else
           S = m.snappedCoord ?? [a.lngLat.lng, a.lngLat.lat];
-        const L = S[0] - F[0], B = S[1] - F[1];
-        Math.hypot(L, B) >= 1e-6 && (m.commitCircle(F, S, {}), Lt());
+        const L = S[0] - R[0], B = S[1] - R[1];
+        Math.hypot(L, B) >= 1e-6 && (m.commitCircle(R, S, {}), Lt());
         return;
       }
-    }, C = (a) => {
+    }, M = (a) => {
       const x = n.getState();
-      if (c === "draw-freehand" && _.current) {
+      if (c === "draw-freehand" && F.current) {
         x.addFreehandPoint([a.lngLat.lng, a.lngLat.lat]);
         return;
       }
       if (c === "draw-route" && g.current.length > 0) {
-        const p = [a.lngLat.lng, a.lngLat.lat];
-        x.setRouteCursorPos(p), x.setRouteCursorPreview(null), P.current && clearTimeout(P.current), T.current && T.current.abort();
+        const y = [a.lngLat.lng, a.lngLat.lat];
+        x.setRouteCursorPos(y), x.setRouteCursorPreview(null), C.current && clearTimeout(C.current), T.current && T.current.abort();
         const m = g.current[g.current.length - 1];
-        P.current = setTimeout(async () => {
-          const F = new AbortController();
-          T.current = F;
+        C.current = setTimeout(async () => {
+          const R = new AbortController();
+          T.current = R;
           try {
             if (!i.current) return;
-            const S = await an([m, p], { ...i.current, signal: F.signal });
-            F.signal.aborted || n.getState().setRouteCursorPreview(S);
+            const S = await an([m, y], { ...i.current, signal: R.signal });
+            R.signal.aborted || n.getState().setRouteCursorPreview(S);
           } catch {
           }
         }, 400);
       }
       if ((c === "draw-polygon" || c === "cut-hole") && x.polygonInProgress.length >= 3) {
-        const p = x.polygonInProgress[0], m = e.project(p), F = Math.hypot(a.point.x - m.x, a.point.y - m.y);
-        e.getCanvas().style.cursor = F <= 48 ? "pointer" : "crosshair";
+        const y = x.polygonInProgress[0], m = e.project(y), R = Math.hypot(a.point.x - m.x, a.point.y - m.y);
+        e.getCanvas().style.cursor = R <= 48 ? "pointer" : "crosshair";
       }
-    }, R = (a) => {
-      const x = A.click(a.originalEvent);
-      if (y(a.originalEvent) || kr() || D.current || Gn()) return;
-      const p = n.getState();
+    }, A = (a) => {
+      const x = _.click(a.originalEvent);
+      if (p(a.originalEvent) || kr() || D.current || Gn()) return;
+      const y = n.getState();
       if (c === "measure") {
         if (x || Cr()) return;
-        p.selectedMeasurementId && p.setSelectedMeasurementId(null);
-        const S = p.snappedCoord ?? [a.lngLat.lng, a.lngLat.lat];
-        p.addMeasurePoint(S);
+        y.selectedMeasurementId && y.setSelectedMeasurementId(null);
+        const S = y.snappedCoord ?? [a.lngLat.lng, a.lngLat.lat];
+        y.addMeasurePoint(S);
         return;
       }
       ["place-point", "draw-line", "draw-polygon", "draw-route", "draw-circle", "draw-rect"].includes(c) && o.getState().selectedIds.length > 0 && o.setState({ selectedIds: [] });
-      const F = p.snappedCoord ?? [a.lngLat.lng, a.lngLat.lat];
+      const R = y.snappedCoord ?? [a.lngLat.lng, a.lngLat.lat];
       if (c === "place-point") {
         if (x) return;
-        p.commitPoint(F);
+        y.commitPoint(R);
         return;
       }
       if (c === "draw-line" || c === "draw-polygon" || c === "draw-route" || c === "cut-hole" || c === "slice-shape") {
-        let S = F;
-        if (M.current || a.originalEvent.shiftKey) {
-          const L = c === "draw-line" || c === "slice-shape" ? p.lineInProgress : p.polygonInProgress;
+        let S = R;
+        if (k.current || a.originalEvent.shiftKey) {
+          const L = c === "draw-line" || c === "slice-shape" ? y.lineInProgress : y.polygonInProgress;
           L.length >= 1 && (S = Dt(e, L[L.length - 1], S));
         }
-        if ((c === "draw-polygon" || c === "cut-hole") && p.polygonInProgress.length >= 2) {
-          const L = p.polygonInProgress[0], B = e.project(L);
+        if ((c === "draw-polygon" || c === "cut-hole") && y.polygonInProgress.length >= 2) {
+          const L = y.polygonInProgress[0], B = e.project(L);
           if (Math.hypot(a.point.x - B.x, a.point.y - B.y) <= 48) {
-            c === "draw-polygon" ? p.commitPolygon({}) : p.commitCutHole();
+            c === "draw-polygon" ? y.commitPolygon({}) : y.commitCutHole();
             return;
           }
         }
         if (x) return;
-        if (c === "draw-line" || c === "slice-shape") p.addLineVertex(S);
-        else if (c === "draw-polygon" || c === "cut-hole") p.addPolygonVertex(S);
+        if (c === "draw-line" || c === "slice-shape") y.addLineVertex(S);
+        else if (c === "draw-polygon" || c === "cut-hole") y.addPolygonVertex(S);
         else if (c === "draw-route") {
-          w.current = { waypoints: [...g.current], preview: p.routePreview }, P.current && (clearTimeout(P.current), P.current = null), T.current && (T.current.abort(), T.current = null), p.setRouteCursorPos(null), p.setRouteCursorPreview(null), p.addRouteWaypoint(S);
+          w.current = { waypoints: [...g.current], preview: y.routePreview }, C.current && (clearTimeout(C.current), C.current = null), T.current && (T.current.abort(), T.current = null), y.setRouteCursorPos(null), y.setRouteCursorPreview(null), y.addRouteWaypoint(S);
           const L = [...g.current, S];
           q(L);
         }
         return;
       }
-    }, I = () => {
-      if (!A.isDouble()) return;
+    }, E = () => {
+      if (!_.isDouble()) return;
       const a = n.getState();
       if (c === "measure") {
         a.completeMeasure();
@@ -658,8 +658,8 @@ function Rr({ map: e, routingApiKey: t }) {
         routeLoading: !1
       }), w.current = null), a.commitRoute());
     };
-    return e.on("mousedown", f), e.on("mouseup", b), e.on("mousemove", C), e.on("click", R), e.on("dblclick", I), () => {
-      e.off("mousedown", f), e.off("mouseup", b), e.off("mousemove", C), e.off("click", R), e.off("dblclick", I);
+    return e.on("mousedown", f), e.on("mouseup", b), e.on("mousemove", M), e.on("click", A), e.on("dblclick", E), () => {
+      e.off("mousedown", f), e.off("mouseup", b), e.off("mousemove", M), e.off("click", A), e.off("dblclick", E);
     };
   }, [c, e, q, n, o]), null;
 }
@@ -751,9 +751,9 @@ function Ar({ map: e }) {
       if (g.length === 0) return Fe(e, []);
       let w = v ?? g[g.length - 1];
       l.current && g.length >= 1 && (w = Dt(e, g[g.length - 1], w));
-      const P = [...g, w];
-      d.push({ type: "Feature", properties: {}, geometry: { type: "LineString", coordinates: P } }), g.forEach((T, _) => {
-        d.push({ type: "Feature", properties: { _isFirst: _ === 0 }, geometry: { type: "Point", coordinates: T } });
+      const C = [...g, w];
+      d.push({ type: "Feature", properties: {}, geometry: { type: "LineString", coordinates: C } }), g.forEach((T, F) => {
+        d.push({ type: "Feature", properties: { _isFirst: F === 0 }, geometry: { type: "Point", coordinates: T } });
       });
     }
     if (c.editingMode === "draw-polygon" || c.editingMode === "cut-hole") {
@@ -761,31 +761,31 @@ function Ar({ map: e }) {
       if (g.length === 0) return Fe(e, []);
       let w = v ?? g[g.length - 1];
       l.current && g.length >= 1 && (w = Dt(e, g[g.length - 1], w));
-      const P = [...g, w, g[0]];
-      g.length >= 2 ? d.push({ type: "Feature", properties: {}, geometry: { type: "Polygon", coordinates: [P] } }) : d.push({ type: "Feature", properties: {}, geometry: { type: "LineString", coordinates: P } }), g.forEach((T, _) => {
-        d.push({ type: "Feature", properties: { _isFirst: _ === 0 }, geometry: { type: "Point", coordinates: T } });
+      const C = [...g, w, g[0]];
+      g.length >= 2 ? d.push({ type: "Feature", properties: {}, geometry: { type: "Polygon", coordinates: [C] } }) : d.push({ type: "Feature", properties: {}, geometry: { type: "LineString", coordinates: C } }), g.forEach((T, F) => {
+        d.push({ type: "Feature", properties: { _isFirst: F === 0 }, geometry: { type: "Point", coordinates: T } });
       });
     }
     if (c.editingMode === "draw-circle") {
       const g = c.circleCenter;
       if (!g) return Fe(e, []);
-      const w = v ?? g, P = vo(g, w, s.current, 64);
-      d.push({ type: "Feature", properties: {}, geometry: { type: "Polygon", coordinates: [P] } }), d.push({ type: "Feature", properties: { _isFirst: !0 }, geometry: { type: "Point", coordinates: g } }), d.push({ type: "Feature", properties: {}, geometry: { type: "Point", coordinates: w } });
+      const w = v ?? g, C = vo(g, w, s.current, 64);
+      d.push({ type: "Feature", properties: {}, geometry: { type: "Polygon", coordinates: [C] } }), d.push({ type: "Feature", properties: { _isFirst: !0 }, geometry: { type: "Point", coordinates: g } }), d.push({ type: "Feature", properties: {}, geometry: { type: "Point", coordinates: w } });
     }
     if (c.editingMode === "draw-rect") {
       const g = c.rectCorner;
       if (!g) return Fe(e, []);
-      const P = xo(g, v ?? g, s.current, l.current);
-      d.push({ type: "Feature", properties: {}, geometry: { type: "Polygon", coordinates: [P] } });
+      const C = xo(g, v ?? g, s.current, l.current);
+      d.push({ type: "Feature", properties: {}, geometry: { type: "Polygon", coordinates: [C] } });
     }
     if (c.editingMode === "draw-route") {
       const g = c.routeWaypoints;
       if (g.length === 0) return Fe(e, []);
       const w = c.routePreview ?? g;
       w.length >= 2 && d.push({ type: "Feature", properties: {}, geometry: { type: "LineString", coordinates: w } });
-      const P = c.routeCursorPreview ?? (v ? [g[g.length - 1], v] : null);
-      P && P.length >= 2 && d.push({ type: "Feature", properties: {}, geometry: { type: "LineString", coordinates: P } }), g.forEach((T, _) => {
-        d.push({ type: "Feature", properties: { _isFirst: _ === 0 }, geometry: { type: "Point", coordinates: T } });
+      const C = c.routeCursorPreview ?? (v ? [g[g.length - 1], v] : null);
+      C && C.length >= 2 && d.push({ type: "Feature", properties: {}, geometry: { type: "LineString", coordinates: C } }), g.forEach((T, F) => {
+        d.push({ type: "Feature", properties: { _isFirst: F === 0 }, geometry: { type: "Point", coordinates: T } });
       });
     }
     if (c.editingMode === "draw-freehand") {
@@ -888,23 +888,23 @@ function Un({ map: e, coords: t, onSave: n, onClose: o }) {
   }), d = $(null);
   K(() => {
     const w = () => {
-      const P = e.project(t);
-      v({ x: P.x, y: P.y });
+      const C = e.project(t);
+      v({ x: C.x, y: C.y });
     };
     return e.on("move", w), e.on("zoom", w), e.on("resize", w), () => {
       e.off("move", w), e.off("zoom", w), e.off("resize", w);
     };
   }, [e, t]), K(() => {
-    var w, P;
-    (w = d.current) == null || w.focus(), (P = d.current) == null || P.select();
+    var w, C;
+    (w = d.current) == null || w.focus(), (C = d.current) == null || C.select();
   }, []);
   function g() {
-    const w = parseFloat(s), P = parseFloat(l);
-    if (isNaN(w) || isNaN(P)) {
+    const w = parseFloat(s), C = parseFloat(l);
+    if (isNaN(w) || isNaN(C)) {
       r({ type: "warning", message: "Invalid coordinates" });
       return;
     }
-    n([w, P]), r({ type: "success", message: "Coordinate updated" }), o();
+    n([w, C]), r({ type: "success", message: "Coordinate updated" }), o();
   }
   return Ze(
     /* @__PURE__ */ X(
@@ -1140,46 +1140,46 @@ function $r({ map: e, feature: t, initialSelectedIndices: n }) {
   K(() => {
     g.current = v;
   }, [v]);
-  const w = $(/* @__PURE__ */ new Map()), [P, T] = le(null), _ = ve(() => T(null), []), [M, N] = le(null);
+  const w = $(/* @__PURE__ */ new Map()), [C, T] = le(null), F = ve(() => T(null), []), [k, N] = le(null);
   K(() => {
     d(/* @__PURE__ */ new Set()), T(null), N(null);
   }, [t.id, u]);
-  const E = $(n);
+  const P = $(n);
   K(() => {
-    n !== E.current && (E.current = n, !(!n || n.length === 0) && d((h) => {
-      const k = new Set(h);
-      for (const O of n) k.add(`0:${O}`);
+    n !== P.current && (P.current = n, !(!n || n.length === 0) && d((h) => {
+      const I = new Set(h);
+      for (const O of n) I.add(`0:${O}`);
       for (const O of n) {
         const z = w.current.get(`0:${O}`);
         z && Ct(z, !0);
       }
-      return k;
+      return I;
     }));
   }, [n]);
-  function A(h) {
+  function _(h) {
     Vt(e, /* @__PURE__ */ new Map([[t.id, h]]));
   }
   function D(h) {
-    const k = nt(t.geometry, u, h);
-    o.getState().updateFeature(t.id, So(t, k));
+    const I = nt(t.geometry, u, h);
+    o.getState().updateFeature(t.id, So(t, I));
   }
   const q = $(!1);
   K(() => {
-    const h = (k) => {
-      q.current = k.metaKey || k.ctrlKey;
+    const h = (I) => {
+      q.current = I.metaKey || I.ctrlKey;
     };
     return window.addEventListener("keydown", h), window.addEventListener("keyup", h), () => {
       window.removeEventListener("keydown", h), window.removeEventListener("keyup", h);
     };
   }, []);
-  function y() {
-    Br(), c.current.forEach((z) => z.remove()), c.current = [], w.current = /* @__PURE__ */ new Map(), f.current = [], b.current = null, C.current = !1;
+  function p() {
+    Br(), c.current.forEach((z) => z.remove()), c.current = [], w.current = /* @__PURE__ */ new Map(), f.current = [], b.current = null, M.current = !1;
     const h = Oe(t.geometry, u);
     if (!h) return;
-    const k = ot(h), O = g.current;
-    I.current = !1, k.forEach((z, G) => {
+    const I = ot(h), O = g.current;
+    E.current = !1, I.forEach((z, G) => {
       const H = h.type === "Polygon" ? z.slice(0, -1) : z, te = Sn(e, H, (Z) => O.has(`${G}:${Z}`));
-      te.capped && (I.current = !0);
+      te.capped && (E.current = !0);
       for (const Z of te.indices) {
         const ne = H[Z], se = `${G}:${Z}`, ie = xn(O.has(se));
         w.current.set(se, ie);
@@ -1197,13 +1197,13 @@ function $r({ map: e, feature: t, initialSelectedIndices: n }) {
             return Q && Ct(Q, oe.has(se)), oe;
           }) : (d(/* @__PURE__ */ new Set([se])), w.current.forEach((ee, oe) => Ct(ee, oe === se)));
         }), re.on("dragstart", () => {
-          J = !0, C.current = !0, o.getState().takeSnapshot(), document.querySelectorAll(".elm-midpoint-marker").forEach((Y) => {
+          J = !0, M.current = !0, o.getState().takeSnapshot(), document.querySelectorAll(".elm-midpoint-marker").forEach((Y) => {
             Y.style.display = "none";
           }), Ce(!0);
         });
         const ce = [ne[0], ne[1]], U = ze(() => {
           const Y = re.getLngLat(), ee = [Y.lng, Y.lat], oe = Mt(h, G, Z, ee);
-          A(nt(t.geometry, u, oe));
+          _(nt(t.geometry, u, oe));
         });
         re.on("drag", () => U.schedule()), re.on("dragend", () => {
           U.cancel();
@@ -1217,7 +1217,7 @@ function $r({ map: e, feature: t, initialSelectedIndices: n }) {
               ee
             ));
           }
-          Ce(!1), C.current = !1, setTimeout(() => {
+          Ce(!1), M.current = !1, setTimeout(() => {
             J = !1;
           }, 50);
         }), ie.addEventListener("contextmenu", (Y) => {
@@ -1228,18 +1228,18 @@ function $r({ map: e, feature: t, initialSelectedIndices: n }) {
         const Z = h.type === "Polygon" ? H.length : H.length - 1, ne = [];
         for (let ie = 0; ie < Z; ie++) ne.push(Or(H[ie], H[(ie + 1) % H.length]));
         const se = Sn(e, ne, () => !1);
-        se.capped && (I.current = !0);
+        se.capped && (E.current = !0);
         for (const ie of se.indices) {
           const re = H[ie], J = H[(ie + 1) % H.length], ce = ne[ie], U = xn(!1, !0);
           U.style.display = "none", f.current.push({ el: U, a: re, b: J });
           const Y = new De.Marker({ element: U, draggable: !0 }).setLngLat(ce).addTo(e);
           let ee = !1;
           Y.on("dragstart", () => {
-            ee = !0, C.current = !0, o.getState().takeSnapshot(), Ce(!0);
+            ee = !0, M.current = !0, o.getState().takeSnapshot(), Ce(!0);
           });
           const oe = ze(() => {
             const Q = Y.getLngLat(), de = [Q.lng, Q.lat], ue = He(h, G, ie + 1, de);
-            A(nt(t.geometry, u, ue));
+            _(nt(t.geometry, u, ue));
           });
           Y.on("drag", () => oe.schedule()), Y.on("dragend", () => {
             oe.cancel();
@@ -1256,7 +1256,7 @@ function $r({ map: e, feature: t, initialSelectedIndices: n }) {
             }
             setTimeout(() => {
               ee = !1;
-            }, 50), Ce(!1), C.current = !1;
+            }, 50), Ce(!1), M.current = !1;
           }), U.addEventListener("click", (Q) => {
             if (Q.stopPropagation(), ee) {
               ee = !1;
@@ -1279,14 +1279,14 @@ function $r({ map: e, feature: t, initialSelectedIndices: n }) {
       }
     });
   }
-  const f = $([]), b = $(null), C = $(!1);
+  const f = $([]), b = $(null), M = $(!1);
   K(() => {
     const h = (z) => {
       if (z === b.current) return;
       const G = f.current;
       b.current !== null && G[b.current] && (G[b.current].el.style.display = "none"), z !== null && (G[z].el.style.display = "flex"), b.current = z;
-    }, k = (z) => {
-      if (C.current) return;
+    }, I = (z) => {
+      if (M.current) return;
       const { x: G, y: H } = z.point;
       let te = -1, Z = 1 / 0;
       f.current.forEach(({ a: se, b: ie }, re) => {
@@ -1297,18 +1297,18 @@ function $r({ map: e, feature: t, initialSelectedIndices: n }) {
       h(te >= 0 && Z <= ne * ne ? te : null);
     }, O = (z) => {
       const G = z.originalEvent.relatedTarget;
-      !C.current && !(G instanceof Node && e.getContainer().contains(G)) && h(null);
+      !M.current && !(G instanceof Node && e.getContainer().contains(G)) && h(null);
     };
-    return e.on("mousemove", k), e.on("mouseout", O), () => {
-      e.off("mousemove", k), e.off("mouseout", O);
+    return e.on("mousemove", I), e.on("mouseout", O), () => {
+      e.off("mousemove", I), e.off("mouseout", O);
     };
   }, [e]);
-  const R = $(() => {
+  const A = $(() => {
   });
-  R.current = (h) => {
+  A.current = (h) => {
     var ee, oe;
-    const k = h.originalEvent;
-    if (C.current || k.button !== 0 || k.shiftKey || (oe = (ee = k.target) == null ? void 0 : ee.closest) != null && oe.call(ee, ".maplibregl-marker")) return;
+    const I = h.originalEvent;
+    if (M.current || I.button !== 0 || I.shiftKey || (oe = (ee = I.target) == null ? void 0 : ee.closest) != null && oe.call(ee, ".maplibregl-marker")) return;
     const O = Oe(t.geometry, u);
     if (!O || O.type !== "Polygon" && O.type !== "LineString") return;
     const z = O.type === "Polygon";
@@ -1327,11 +1327,11 @@ function $r({ map: e, feature: t, initialSelectedIndices: n }) {
     const ie = h.point;
     let re = [h.lngLat.lng, h.lngLat.lat], J = !1;
     const ce = ze(() => {
-      A(nt(t.geometry, u, He(O, te, Z + 1, re)));
+      _(nt(t.geometry, u, He(O, te, Z + 1, re)));
     }), U = (Q) => {
       if (!J) {
         if (Math.hypot(Q.point.x - ie.x, Q.point.y - ie.y) < 3) return;
-        J = !0, C.current = !0, o.getState().takeSnapshot(), document.querySelectorAll(".elm-midpoint-marker").forEach((ue) => {
+        J = !0, M.current = !0, o.getState().takeSnapshot(), document.querySelectorAll(".elm-midpoint-marker").forEach((ue) => {
           ue.style.display = "none";
         }), b.current = null, Ce(!0);
       }
@@ -1348,53 +1348,53 @@ function $r({ map: e, feature: t, initialSelectedIndices: n }) {
           const Q = o.getState();
           Q.updateFeatures(wt(Q.features, t.id, ne, se, re));
         }
-        Ce(!1), C.current = !1;
+        Ce(!1), M.current = !1;
       }
     };
     e.on("mousemove", U), window.addEventListener("mouseup", Y);
   }, K(() => {
-    const h = (k) => R.current(k);
+    const h = (I) => A.current(I);
     return e.on("mousedown", h), () => {
       e.off("mousedown", h);
     };
   }, [e]);
-  const I = $(!1), a = $(y);
-  a.current = y, K(() => {
+  const E = $(!1), a = $(p);
+  a.current = p, K(() => {
     const h = () => {
-      I.current && a.current();
+      E.current && a.current();
     };
     return e.on("moveend", h), () => {
       e.off("moveend", h);
     };
-  }, [e]), K(() => (y(), () => {
+  }, [e]), K(() => (p(), () => {
     c.current.forEach((h) => h.remove()), c.current = [], w.current = /* @__PURE__ */ new Map();
   }), [t, e, l, u]);
-  function x(h, k) {
+  function x(h, I) {
     const O = Oe(t.geometry, u);
     if (!O) return;
-    const z = jr(O, h, k);
+    const z = jr(O, h, I);
     if (!z) {
       s({ type: "warning", message: `Cannot delete: ${O.type === "Polygon" ? "an area needs at least 3" : O.type === "LineString" ? "a line needs at least 2" : "at least 1"} points` });
       return;
     }
-    const G = ot(O)[h][k];
+    const G = ot(O)[h][I];
     if (o.getState().takeSnapshot(), D(z), d(/* @__PURE__ */ new Set()), O.type === "Polygon" && r.getState().topoEditEnabled) {
       const H = o.getState();
       H.updateFeatures(rn(H.features, t.id, [G]));
     }
   }
-  function p() {
+  function y() {
     const h = g.current;
     if (h.size === 0) return;
-    const k = Oe(t.geometry, u);
-    if (!k) return;
+    const I = Oe(t.geometry, u);
+    if (!I) return;
     const O = /* @__PURE__ */ new Map();
     for (const z of h) {
       const [G, H] = z.split(":"), te = Number(G), Z = Number(H), ne = O.get(te) ?? [];
       ne.push(Z), O.set(te, ne);
     }
-    if (k.type === "LineString") {
-      const z = k.coordinates, G = new Set(O.get(0) ?? []), H = z.filter((te, Z) => !G.has(Z));
+    if (I.type === "LineString") {
+      const z = I.coordinates, G = new Set(O.get(0) ?? []), H = z.filter((te, Z) => !G.has(Z));
       if (H.length < 2) {
         s({ type: "warning", message: "Cannot delete: a line needs at least 2 points" });
         return;
@@ -1402,8 +1402,8 @@ function $r({ map: e, feature: t, initialSelectedIndices: n }) {
       o.getState().takeSnapshot(), D({ type: "LineString", coordinates: H }), d(/* @__PURE__ */ new Set());
       return;
     }
-    if (k.type === "MultiPoint") {
-      const z = k.coordinates, G = new Set(O.get(0) ?? []), H = z.filter((te, Z) => !G.has(Z));
+    if (I.type === "MultiPoint") {
+      const z = I.coordinates, G = new Set(O.get(0) ?? []), H = z.filter((te, Z) => !G.has(Z));
       if (H.length < 1) {
         s({ type: "warning", message: "Cannot delete: at least 1 point required" });
         return;
@@ -1411,8 +1411,8 @@ function $r({ map: e, feature: t, initialSelectedIndices: n }) {
       o.getState().takeSnapshot(), D({ type: "MultiPoint", coordinates: H }), d(/* @__PURE__ */ new Set());
       return;
     }
-    if (k.type === "Polygon") {
-      const z = k.coordinates, G = [];
+    if (I.type === "Polygon") {
+      const z = I.coordinates, G = [];
       for (let H = 0; H < z.length; H++) {
         const te = z[H], Z = te.slice(0, -1), ne = new Set(O.get(H) ?? []);
         if (ne.size === 0) {
@@ -1440,16 +1440,16 @@ function $r({ map: e, feature: t, initialSelectedIndices: n }) {
     }
     const h = Oe(t.geometry, u);
     if (!h || h.type !== "LineString" && h.type !== "Polygon") return;
-    const k = /* @__PURE__ */ new Map();
+    const I = /* @__PURE__ */ new Map();
     for (const U of g.current) {
-      const [Y, ee] = U.split(":"), oe = Number(Y), Q = Number(ee), de = k.get(oe) ?? [];
-      de.push(Q), k.set(oe, de);
+      const [Y, ee] = U.split(":"), oe = Number(Y), Q = Number(ee), de = I.get(oe) ?? [];
+      de.push(Q), I.set(oe, de);
     }
-    if (k.size !== 1) {
+    if (I.size !== 1) {
       s({ type: "warning", message: "Selection must stay within one ring/line to simplify" });
       return;
     }
-    const [O, z] = Array.from(k.entries())[0], G = z.sort((U, Y) => U - Y), H = G[0], te = G[G.length - 1], Z = h.type === "Polygon", ne = Z ? h.coordinates[O].slice(0, -1) : h.coordinates, se = ne.slice(H, te + 1), ie = bo(se, 1e-5), re = se.length - ie.length;
+    const [O, z] = Array.from(I.entries())[0], G = z.sort((U, Y) => U - Y), H = G[0], te = G[G.length - 1], Z = h.type === "Polygon", ne = Z ? h.coordinates[O].slice(0, -1) : h.coordinates, se = ne.slice(H, te + 1), ie = bo(se, 1e-5), re = se.length - ie.length;
     if (re === 0) {
       s({ type: "warning", message: "Nothing to remove: no selected point sits on a straight line" });
       return;
@@ -1470,57 +1470,57 @@ function $r({ map: e, feature: t, initialSelectedIndices: n }) {
   }
   K(() => {
     if (v.size === 0) return;
-    function h(k) {
-      if (k.key !== "Delete" && k.key !== "Backspace") return;
-      const O = k.target;
-      O && (O.tagName === "INPUT" || O.tagName === "TEXTAREA" || O.isContentEditable) || i(k) && (k.preventDefault(), k.stopPropagation(), p());
+    function h(I) {
+      if (I.key !== "Delete" && I.key !== "Backspace") return;
+      const O = I.target;
+      O && (O.tagName === "INPUT" || O.tagName === "TEXTAREA" || O.isContentEditable) || i(I) && (I.preventDefault(), I.stopPropagation(), y());
     }
     return window.addEventListener("keydown", h, { capture: !0 }), () => window.removeEventListener("keydown", h, { capture: !0 });
   }, [v]);
-  const F = v.size > 0, S = P && (() => {
-    const h = `${P.ringIdx}:${P.vertIdx}`, k = v.has(h) && v.size > 1;
+  const R = v.size > 0, S = C && (() => {
+    const h = `${C.ringIdx}:${C.vertIdx}`, I = v.has(h) && v.size > 1;
     return /* @__PURE__ */ X(
       Ko,
       {
-        x: P.x,
-        y: P.y,
-        onClose: _,
+        x: C.x,
+        y: C.y,
+        onClose: F,
         items: [
-          { label: "Edit coordinates…", icon: /* @__PURE__ */ X(rr, { size: 16 }), onClick: () => N({ ringIdx: P.ringIdx, vertIdx: P.vertIdx }) },
+          { label: "Edit coordinates…", icon: /* @__PURE__ */ X(rr, { size: 16 }), onClick: () => N({ ringIdx: C.ringIdx, vertIdx: C.vertIdx }) },
           { separator: !0 },
           {
-            label: k ? `Delete ${v.size} points` : "Delete point",
+            label: I ? `Delete ${v.size} points` : "Delete point",
             icon: /* @__PURE__ */ X(sr, { size: 16 }),
-            onClick: () => k ? p() : x(P.ringIdx, P.vertIdx)
+            onClick: () => I ? y() : x(C.ringIdx, C.vertIdx)
           }
         ]
       }
     );
-  })(), L = M && Oe(t.geometry, u), B = L && M ? (j = ot(L)[M.ringIdx]) == null ? void 0 : j[M.vertIdx] : void 0, V = M && L && B && /* @__PURE__ */ X(
+  })(), L = k && Oe(t.geometry, u), B = L && k ? (j = ot(L)[k.ringIdx]) == null ? void 0 : j[k.vertIdx] : void 0, V = k && L && B && /* @__PURE__ */ X(
     Un,
     {
       map: e,
       coords: B,
       onSave: (h) => {
-        if (o.getState().takeSnapshot(), D(Mt(L, M.ringIdx, M.vertIdx, h)), L.type === "Polygon" && r.getState().topoEditEnabled) {
-          const k = o.getState();
-          k.updateFeatures(on(k.features, t.id, B, h));
+        if (o.getState().takeSnapshot(), D(Mt(L, k.ringIdx, k.vertIdx, h)), L.type === "Polygon" && r.getState().topoEditEnabled) {
+          const I = o.getState();
+          I.updateFeatures(on(I.features, t.id, B, h));
         }
       },
       onClose: () => N(null)
     },
-    `${M.ringIdx}:${M.vertIdx}`
+    `${k.ringIdx}:${k.vertIdx}`
   );
   return /* @__PURE__ */ fe(lt, { children: [
     S,
     V,
-    F && /* @__PURE__ */ X(
+    R && /* @__PURE__ */ X(
       No,
       {
         mapContainer: e.getContainer(),
         count: v.size,
         onSimplify: m,
-        onDelete: p
+        onDelete: y
       }
     )
   ] });
@@ -1625,30 +1625,30 @@ function kt(e, t, n) {
 function Yr(e, t, n, o, r) {
   const [s, i] = t, l = Ke(r), u = Math.cos(l), c = Math.sin(l), v = Te(i);
   return e.map(([d, g]) => {
-    const w = (d - s) * v, P = g - i, T = w * u + P * c, _ = -w * c + P * u, M = T * n, N = _ * o, E = M * u - N * c, A = M * c + N * u;
-    return [s + E / v, i + A];
+    const w = (d - s) * v, C = g - i, T = w * u + C * c, F = -w * c + C * u, k = T * n, N = F * o, P = k * u - N * c, _ = k * c + N * u;
+    return [s + P / v, i + _];
   });
 }
 function Gr(e, t, n, o) {
   const r = me(t), s = Ke(o), i = Math.cos(s), l = Math.sin(s);
   function u(c) {
-    const v = me(c), d = v[0] - r[0], g = v[1] - r[1], w = d * i + g * l, P = -d * l + g * i, T = w * n, _ = P * n, M = T * i - _ * l, N = T * l + _ * i;
-    return Ot([r[0] + M, r[1] + N]);
+    const v = me(c), d = v[0] - r[0], g = v[1] - r[1], w = d * i + g * l, C = -d * l + g * i, T = w * n, F = C * n, k = T * i - F * l, N = T * l + F * i;
+    return Ot([r[0] + k, r[1] + N]);
   }
   return { ...e, geometry: _n(e.geometry, u) };
 }
 function Wr(e, t, n, o) {
   const r = me(t), s = Ke(o), i = Math.cos(s), l = Math.sin(s);
   return e.map((u) => {
-    const c = me(u), v = c[0] - r[0], d = c[1] - r[1], g = v * i + d * l, w = -v * l + d * i, P = g * n, T = w * n, _ = P * i - T * l, M = P * l + T * i;
-    return Ot([r[0] + _, r[1] + M]);
+    const c = me(u), v = c[0] - r[0], d = c[1] - r[1], g = v * i + d * l, w = -v * l + d * i, C = g * n, T = w * n, F = C * i - T * l, k = C * l + T * i;
+    return Ot([r[0] + F, r[1] + k]);
   });
 }
 function Ur(e, t, n, o, r) {
   const [s, i] = t, l = Ke(r), u = Math.cos(l), c = Math.sin(l), v = Te(i);
   function d(g) {
-    const w = (g[0] - s) * v, P = g[1] - i, T = w * u + P * c, _ = -w * c + P * u, M = T * n, N = _ * o, E = M * u - N * c, A = M * c + N * u;
-    return [s + E / v, i + A];
+    const w = (g[0] - s) * v, C = g[1] - i, T = w * u + C * c, F = -w * c + C * u, k = T * n, N = F * o, P = k * u - N * c, _ = k * c + N * u;
+    return [s + P / v, i + _];
   }
   return { ...e, geometry: _n(e.geometry, d) };
 }
@@ -1659,34 +1659,34 @@ function qr(e, t, n, o) {
   const r = o ? e.initialBbox.center : e.origin, s = Math.cos(Ke(e.rotationAngle)), i = Math.sin(Ke(e.rotationAngle));
   let l;
   if (n) {
-    const _ = me(r);
-    l = (M) => {
-      const N = me(M), E = N[0] - _[0], A = N[1] - _[1];
-      return [E * s + A * i, -E * i + A * s];
+    const F = me(r);
+    l = (k) => {
+      const N = me(k), P = N[0] - F[0], _ = N[1] - F[1];
+      return [P * s + _ * i, -P * i + _ * s];
     };
   } else {
-    const _ = Te(r[1]);
-    l = (M) => {
-      const N = (M[0] - r[0]) * _, E = M[1] - r[1];
-      return [N * s + E * i, -N * i + E * s];
+    const F = Te(r[1]);
+    l = (k) => {
+      const N = (k[0] - r[0]) * F, P = k[1] - r[1];
+      return [N * s + P * i, -N * i + P * s];
     };
   }
-  const [u, c] = l(e.startLngLat), [v, d] = l(t), g = e.edgeIndex === 0 || e.edgeIndex === 2, w = e.edgeIndex === 1 || e.edgeIndex === 3, P = (_) => Math.abs(_) < 0.01 ? _ < 0 ? -0.01 : 0.01 : _, T = (_, M) => Math.abs(M) > 1e-9 ? _ / M : 1;
+  const [u, c] = l(e.startLngLat), [v, d] = l(t), g = e.edgeIndex === 0 || e.edgeIndex === 2, w = e.edgeIndex === 1 || e.edgeIndex === 3, C = (F) => Math.abs(F) < 0.01 ? F < 0 ? -0.01 : 0.01 : F, T = (F, k) => Math.abs(k) > 1e-9 ? F / k : 1;
   if (n) {
-    let _;
-    if (g) _ = T(d, c);
-    else if (w) _ = T(v, u);
+    let F;
+    if (g) F = T(d, c);
+    else if (w) F = T(v, u);
     else {
-      const M = u * u + c * c;
-      _ = M > 1e-18 ? (v * u + d * c) / M : 1;
+      const k = u * u + c * c;
+      F = k > 1e-18 ? (v * u + d * c) / k : 1;
     }
-    return { origin: r, uniform: !0, factor: P(_) };
+    return { origin: r, uniform: !0, factor: C(F) };
   }
   return {
     origin: r,
     uniform: !1,
-    scaleX: w || !g ? P(T(v, u)) : 1,
-    scaleY: g || !w ? P(T(d, c)) : 1
+    scaleX: w || !g ? C(T(v, u)) : 1,
+    scaleY: g || !w ? C(T(d, c)) : 1
   };
 }
 function Jr(e, t, n, o) {
@@ -1748,7 +1748,7 @@ function It(e) {
   ].join(";"), t;
 }
 function es({ map: e, features: t }) {
-  const { dataStore: n, uiStore: o } = Le(), r = he((y) => y.selectedIds), s = W((y) => y.transformActive), i = W((y) => y.setTransformDragging), l = $(t);
+  const { dataStore: n, uiStore: o } = Le(), r = he((p) => p.selectedIds), s = W((p) => p.transformActive), i = W((p) => p.setTransformDragging), l = $(t);
   l.current = t;
   const [u, c] = le(null), v = $(null);
   v.current = u;
@@ -1756,75 +1756,75 @@ function es({ map: e, features: t }) {
   K(() => {
     c(null), d.current = 0;
   }, [g]);
-  const w = $(null), P = $(null), T = $([]);
-  function _() {
-    T.current.forEach((y) => y.remove()), T.current = [];
+  const w = $(null), C = $(null), T = $([]);
+  function F() {
+    T.current.forEach((p) => p.remove()), T.current = [];
   }
-  function M(y) {
+  function k(p) {
     const f = /* @__PURE__ */ new Map();
-    for (const b of y) f.set(String(b.id ?? ""), b.geometry);
+    for (const b of p) f.set(String(b.id ?? ""), b.geometry);
     Vt(e, f);
   }
-  function N(y) {
+  function N(p) {
     const f = T.current;
     if (f.length === 9) {
-      for (let b = 0; b < 4; b++) f[b].setLngLat(y.corners[b]);
-      for (let b = 0; b < 4; b++) f[4 + b].setLngLat(y.edges[b]);
-      f[8].setLngLat(y.rotateHandle);
+      for (let b = 0; b < 4; b++) f[b].setLngLat(p.corners[b]);
+      for (let b = 0; b < 4; b++) f[4 + b].setLngLat(p.edges[b]);
+      f[8].setLngLat(p.rotateHandle);
     }
   }
-  const E = $(null);
+  const P = $(null);
   K(() => {
     if (!s || t.length === 0) return;
-    _();
-    const y = v.current ?? it(t), f = ["nw", "ne", "se", "sw"], b = ["n", "e", "s", "w"], C = [];
-    y.corners.forEach((R, I) => {
-      const a = It(f[I]), x = new De.Marker({ element: a, draggable: !1 }).setLngLat(R).addTo(e);
-      a.addEventListener("mousedown", (p) => D(p, I, !1)), C.push(x);
-    }), y.edges.forEach((R, I) => {
-      const a = It(b[I]), x = new De.Marker({ element: a, draggable: !1 }).setLngLat(R).addTo(e);
-      a.addEventListener("mousedown", (p) => D(p, I, !0)), C.push(x);
+    F();
+    const p = v.current ?? it(t), f = ["nw", "ne", "se", "sw"], b = ["n", "e", "s", "w"], M = [];
+    p.corners.forEach((A, E) => {
+      const a = It(f[E]), x = new De.Marker({ element: a, draggable: !1 }).setLngLat(A).addTo(e);
+      a.addEventListener("mousedown", (y) => D(y, E, !1)), M.push(x);
+    }), p.edges.forEach((A, E) => {
+      const a = It(b[E]), x = new De.Marker({ element: a, draggable: !1 }).setLngLat(A).addTo(e);
+      a.addEventListener("mousedown", (y) => D(y, E, !0)), M.push(x);
     });
     {
-      const R = It("rotate"), I = new De.Marker({ element: R, anchor: "bottom", draggable: !1 }).setLngLat(y.rotateHandle).addTo(e);
-      R.addEventListener("mousedown", (a) => q(a)), C.push(I);
+      const A = It("rotate"), E = new De.Marker({ element: A, anchor: "bottom", draggable: !1 }).setLngLat(p.rotateHandle).addTo(e);
+      A.addEventListener("mousedown", (a) => q(a)), M.push(E);
     }
-    return T.current = C, () => {
-      _();
+    return T.current = M, () => {
+      F();
     };
   }, [s, g, u, e]), K(() => {
-    function y(S) {
+    function p(S) {
       const L = e.getCanvasContainer().getBoundingClientRect(), B = e.unproject([S.clientX - L.left, S.clientY - L.top]);
       return [B.lng, B.lat];
     }
-    const f = ze(I);
+    const f = ze(E);
     let b = null;
-    function C(S) {
-      E.current && (S.preventDefault(), b = { clientX: S.clientX, clientY: S.clientY }, f.schedule(S));
+    function M(S) {
+      P.current && (S.preventDefault(), b = { clientX: S.clientX, clientY: S.clientY }, f.schedule(S));
     }
-    function R(S) {
+    function A(S) {
       var L;
-      S.key !== "Shift" && S.key !== "Alt" || ((L = E.current) == null ? void 0 : L.type) !== "scale" || !b || (S.preventDefault(), f.schedule({ ...b, shiftKey: S.shiftKey, altKey: S.altKey }));
+      S.key !== "Shift" && S.key !== "Alt" || ((L = P.current) == null ? void 0 : L.type) !== "scale" || !b || (S.preventDefault(), f.schedule({ ...b, shiftKey: S.shiftKey, altKey: S.altKey }));
     }
-    function I(S) {
-      const L = E.current;
+    function E(S) {
+      const L = P.current;
       if (!L) return;
-      const [B, V] = y(S), j = n.getState().geometryMode;
+      const [B, V] = p(S), j = n.getState().geometryMode;
       if (L.type === "move") {
         if (!L.moving) {
           const H = e.getCanvasContainer().getBoundingClientRect();
           if (Math.hypot(S.clientX - H.left - L.startPoint.x, S.clientY - H.top - L.startPoint.y) < Vr) return;
           L.moving = !0, i(!0);
         }
-        const h = j === "visual", k = zr(L.startLngLat, [B, V], h), O = L.initialFeatures.map((H) => ({ ...H, geometry: $t(H.geometry, k, h) })), z = L.initialBbox, G = {
-          corners: st(z.corners, k, h),
-          edges: st(z.edges, k, h),
-          center: st([z.center], k, h)[0],
-          rotateHandle: st([z.rotateHandle], k, h)[0]
+        const h = j === "visual", I = zr(L.startLngLat, [B, V], h), O = L.initialFeatures.map((H) => ({ ...H, geometry: $t(H.geometry, I, h) })), z = L.initialBbox, G = {
+          corners: st(z.corners, I, h),
+          edges: st(z.edges, I, h),
+          center: st([z.center], I, h)[0],
+          rotateHandle: st([z.rotateHandle], I, h)[0]
         };
-        w.current = O, P.current = G, M(O), N(G);
+        w.current = O, C.current = G, k(O), N(G);
       } else if (L.type === "rotate") {
-        const h = L.center, k = Te(h[1]), O = V - h[1], z = j === "visual" ? (B - h[0]) * k : B - h[0], H = (Math.atan2(O, z) - L.initialAngle) * (180 / Math.PI), te = L.initialFeatures.map(
+        const h = L.center, I = Te(h[1]), O = V - h[1], z = j === "visual" ? (B - h[0]) * I : B - h[0], H = (Math.atan2(O, z) - L.initialAngle) * (180 / Math.PI), te = L.initialFeatures.map(
           (ne) => j === "visual" ? Po(ne, h, 1, 1, H) : ir(ne, H, { pivot: h })
         ), Z = {
           corners: kt(L.initialBbox.corners, h, H),
@@ -1832,25 +1832,25 @@ function es({ map: e, features: t }) {
           center: h,
           rotateHandle: kt([L.initialBbox.rotateHandle], h, H)[0]
         };
-        w.current = te, P.current = Z, M(te), N(Z);
+        w.current = te, C.current = Z, k(te), N(Z);
       } else if (L.type === "scale") {
-        const h = L.rotationAngle, k = qr({
+        const h = L.rotationAngle, I = qr({
           initialBbox: L.initialBbox,
           origin: L.origin,
           startLngLat: L.startLngLat,
           edgeIndex: L.edgeIndex,
           rotationAngle: h
-        }, [B, V], S.shiftKey, S.altKey), O = Jr(L.initialFeatures, L.initialBbox, k, h);
-        w.current = O.features, P.current = O.box, M(O.features), N(O.box);
+        }, [B, V], S.shiftKey, S.altKey), O = Jr(L.initialFeatures, L.initialBbox, I, h);
+        w.current = O.features, C.current = O.box, k(O.features), N(O.box);
       }
     }
     function a() {
       f.flush();
-      const S = E.current;
+      const S = P.current;
       if (!S) return;
-      const L = w.current, B = P.current, V = S.type === "rotate";
-      if (E.current = null, b = null, w.current = null, P.current = null, e.dragPan.enable(), i(!1), S.type === "move" && L) {
-        const j = e.getContainer(), h = (k) => k.stopPropagation();
+      const L = w.current, B = C.current, V = S.type === "rotate";
+      if (P.current = null, b = null, w.current = null, C.current = null, e.dragPan.enable(), i(!1), S.type === "move" && L) {
+        const j = e.getContainer(), h = (I) => I.stopPropagation();
         j.addEventListener("click", h, !0), setTimeout(() => j.removeEventListener("click", h, !0), 0);
       }
       if (L && (n.getState().takeSnapshot(), n.getState().updateFeatures(Eo(
@@ -1859,7 +1859,7 @@ function es({ map: e, features: t }) {
         o.getState().topoEditEnabled
       ))), B) {
         if (V) {
-          const j = B.center, h = B.edges[1], k = Te(j[1]), O = (h[0] - j[0]) * k, z = h[1] - j[1];
+          const j = B.center, h = B.edges[1], I = Te(j[1]), O = (h[0] - j[0]) * I, z = h[1] - j[1];
           d.current = Math.atan2(z, O) * (180 / Math.PI);
         }
         c(B);
@@ -1867,21 +1867,21 @@ function es({ map: e, features: t }) {
     }
     function x(S, L, B) {
       S.preventDefault(), S.stopPropagation(), e.dragPan.disable();
-      const V = v.current ?? it(l.current), [j, h] = y(S), k = B ? V.edges[(L + 2) % 4] : V.corners[(L + 2) % 4];
-      E.current = {
+      const V = v.current ?? it(l.current), [j, h] = p(S), I = B ? V.edges[(L + 2) % 4] : V.corners[(L + 2) % 4];
+      P.current = {
         type: "scale",
         initialFeatures: structuredClone(l.current),
         initialBbox: V,
         rotationAngle: d.current,
-        origin: k,
+        origin: I,
         startLngLat: [j, h],
         edgeIndex: B ? L : void 0
       }, i(!0);
     }
-    function p(S) {
+    function y(S) {
       S.preventDefault(), S.stopPropagation(), e.dragPan.disable();
-      const L = v.current ?? it(l.current), B = L.center, [V, j] = y(S), h = n.getState().geometryMode, k = Te(B[1]), O = j - B[1], z = h === "visual" ? (V - B[0]) * k : V - B[0];
-      E.current = {
+      const L = v.current ?? it(l.current), B = L.center, [V, j] = p(S), h = n.getState().geometryMode, I = Te(B[1]), O = j - B[1], z = h === "visual" ? (V - B[0]) * I : V - B[0];
+      P.current = {
         type: "rotate",
         initialFeatures: structuredClone(l.current),
         initialBbox: L,
@@ -1891,38 +1891,38 @@ function es({ map: e, features: t }) {
       }, i(!0);
     }
     function m(S) {
-      if (E.current || S.button !== 0 || S.shiftKey || S.altKey || S.ctrlKey || S.metaKey || S.target !== e.getCanvas()) return;
+      if (P.current || S.button !== 0 || S.shiftKey || S.altKey || S.ctrlKey || S.metaKey || S.target !== e.getCanvas()) return;
       const L = o.getState();
       if (!L.transformActive || L.readonly || L.editingMode !== "none" || L.vertexEditActive) return;
       const B = l.current;
       if (B.length === 0) return;
       const V = v.current ?? it(B), j = e.getCanvasContainer().getBoundingClientRect(), h = { x: S.clientX - j.left, y: S.clientY - j.top };
-      Hr(h, V.corners.map((k) => e.project(k)), Xr) && (S.preventDefault(), S.stopPropagation(), e.dragPan.disable(), E.current = {
+      Hr(h, V.corners.map((I) => e.project(I)), Xr) && (S.preventDefault(), S.stopPropagation(), e.dragPan.disable(), P.current = {
         type: "move",
         initialFeatures: structuredClone(B),
         initialBbox: V,
         rotationAngle: d.current,
-        startLngLat: y(S),
+        startLngLat: p(S),
         startPoint: h,
         moving: !1
       });
     }
-    const F = e.getContainer();
-    return F.addEventListener("mousedown", m, !0), A.current.handleScaleStart = x, A.current.handleRotateStart = p, document.addEventListener("mousemove", C), document.addEventListener("mouseup", a), document.addEventListener("keydown", R), document.addEventListener("keyup", R), () => {
-      f.cancel(), F.removeEventListener("mousedown", m, !0), document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", a), document.removeEventListener("keydown", R), document.removeEventListener("keyup", R);
+    const R = e.getContainer();
+    return R.addEventListener("mousedown", m, !0), _.current.handleScaleStart = x, _.current.handleRotateStart = y, document.addEventListener("mousemove", M), document.addEventListener("mouseup", a), document.addEventListener("keydown", A), document.addEventListener("keyup", A), () => {
+      f.cancel(), R.removeEventListener("mousedown", m, !0), document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", a), document.removeEventListener("keydown", A), document.removeEventListener("keyup", A);
     };
   }, [e, n, o, i]);
-  const A = $({
+  const _ = $({
     handleScaleStart: () => {
     },
     handleRotateStart: () => {
     }
   });
-  function D(y, f, b) {
-    A.current.handleScaleStart(y, f, b);
+  function D(p, f, b) {
+    _.current.handleScaleStart(p, f, b);
   }
-  function q(y) {
-    A.current.handleRotateStart(y);
+  function q(p) {
+    _.current.handleRotateStart(p);
   }
   return null;
 }
@@ -2012,36 +2012,36 @@ function os(e, t) {
 function rs({ map: e, onVertexBoxSelect: t }) {
   const { dataStore: n } = Le(), o = W((d) => d.editingMode), r = W((d) => d.vertexEditActive), s = W((d) => d.transformActive), i = W((d) => d.readonly), l = $(o), u = $(r), c = $(s), v = $(i);
   return l.current = o, u.current = r, c.current = s, v.current = i, K(() => {
-    const d = e.getCanvas(), g = e.getContainer(), w = (P) => {
-      if (!P.shiftKey || v.current || c.current) return;
+    const d = e.getCanvas(), g = e.getContainer(), w = (C) => {
+      if (!C.shiftKey || v.current || c.current) return;
       const T = u.current;
       if (!T && l.current !== "none") return;
-      P.preventDefault(), e.dragPan.disable(), e.boxZoom.disable();
-      const _ = P.clientX, M = P.clientY, N = g.getBoundingClientRect(), E = [...n.getState().selectedIds], A = document.createElement("div");
-      A.style.cssText = [
+      C.preventDefault(), e.dragPan.disable(), e.boxZoom.disable();
+      const F = C.clientX, k = C.clientY, N = g.getBoundingClientRect(), P = [...n.getState().selectedIds], _ = document.createElement("div");
+      _.style.cssText = [
         "position:absolute",
         "pointer-events:none",
         "border:2px solid var(--color-primary-500)",
         "background:color-mix(in srgb, var(--color-primary-500) 8%, transparent)",
         "z-index:9999",
         "border-radius:2px"
-      ].join(";"), g.appendChild(A);
+      ].join(";"), g.appendChild(_);
       let D = !1, q = 0;
-      function y(a) {
-        const x = Math.min(_, a.clientX) - N.left, p = Math.min(M, a.clientY) - N.top, m = Math.max(_, a.clientX) - N.left, F = Math.max(M, a.clientY) - N.top, S = e.unproject([x, p]), L = e.unproject([m, F]);
+      function p(a) {
+        const x = Math.min(F, a.clientX) - N.left, y = Math.min(k, a.clientY) - N.top, m = Math.max(F, a.clientX) - N.left, R = Math.max(k, a.clientY) - N.top, S = e.unproject([x, y]), L = e.unproject([m, R]);
         return {
           boxW: S.lng,
           boxE: L.lng,
           boxN: S.lat,
           boxS: L.lat,
           overlayX: x,
-          overlayY: p,
+          overlayY: y,
           overlayW: m - x,
-          overlayH: F - p
+          overlayH: R - y
         };
       }
       function f(a) {
-        const { boxW: x, boxE: p, boxN: m, boxS: F } = y(a), S = n.getState(), L = new Set(S.groups.filter((h) => h.hidden).map((h) => h.id)), B = S.features.filter(
+        const { boxW: x, boxE: y, boxN: m, boxS: R } = p(a), S = n.getState(), L = new Set(S.groups.filter((h) => h.hidden).map((h) => h.id)), B = S.features.filter(
           (h) => !h.hidden && (!h.groupId || !L.has(h.groupId))
         ), V = {
           type: "Feature",
@@ -2049,23 +2049,23 @@ function rs({ map: e, onVertexBoxSelect: t }) {
           geometry: {
             type: "Polygon",
             coordinates: [[
-              [x, F],
-              [p, F],
-              [p, m],
+              [x, R],
+              [y, R],
+              [y, m],
               [x, m],
-              [x, F]
+              [x, R]
             ]]
           }
         }, j = [];
         for (const h of B) {
           if (h.geometry.type === "Point") {
             const [te, Z] = h.geometry.coordinates;
-            te >= x && te <= p && Z >= F && Z <= m && j.push(h.id);
+            te >= x && te <= y && Z >= R && Z <= m && j.push(h.id);
             continue;
           }
-          const k = h.bbox ?? Nn(h.geometry), [O, z, G, H] = k;
-          if (G >= x && O <= p && H >= F && z <= m) {
-            if (ns(k, x, F, p, m)) {
+          const I = h.bbox ?? Nn(h.geometry), [O, z, G, H] = I;
+          if (G >= x && O <= y && H >= R && z <= m) {
+            if (ns(I, x, R, y, m)) {
               j.push(h.id);
               continue;
             }
@@ -2079,53 +2079,53 @@ function rs({ map: e, onVertexBoxSelect: t }) {
         return j;
       }
       function b(a) {
-        const x = new Set(E);
-        a.forEach((F) => x.add(F));
-        const p = Array.from(x), m = n.getState();
-        os(m.selectedIds, p) && m.selectedGroupId === null || m.setSelection(p);
+        const x = new Set(P);
+        a.forEach((R) => x.add(R));
+        const y = Array.from(x), m = n.getState();
+        os(m.selectedIds, y) && m.selectedGroupId === null || m.setSelection(y);
       }
-      function C(a) {
+      function M(a) {
         const x = n.getState().selectedIds[0];
         if (!x) return null;
-        const p = n.getState().features.find((j) => j.id === x);
-        if (!p) return null;
+        const y = n.getState().features.find((j) => j.id === x);
+        if (!y) return null;
         let m;
-        if (p.geometry.type === "LineString")
-          m = p.geometry.coordinates;
-        else if (p.geometry.type === "Polygon")
-          m = p.geometry.coordinates[0].slice(0, -1);
+        if (y.geometry.type === "LineString")
+          m = y.geometry.coordinates;
+        else if (y.geometry.type === "Polygon")
+          m = y.geometry.coordinates[0].slice(0, -1);
         else
           return null;
-        const { boxW: F, boxE: S, boxN: L, boxS: B } = y(a), V = [];
+        const { boxW: R, boxE: S, boxN: L, boxS: B } = p(a), V = [];
         for (let j = 0; j < m.length; j++) {
-          const [h, k] = m[j];
-          h >= F && h <= S && k >= B && k <= L && V.push(j);
+          const [h, I] = m[j];
+          h >= R && h <= S && I >= B && I <= L && V.push(j);
         }
         return { id: x, indices: V };
       }
-      const R = (a) => {
-        const x = Math.abs(a.clientX - _), p = Math.abs(a.clientY - M);
-        if (!D && x < 5 && p < 5) return;
+      const A = (a) => {
+        const x = Math.abs(a.clientX - F), y = Math.abs(a.clientY - k);
+        if (!D && x < 5 && y < 5) return;
         D = !0;
-        const { overlayX: m, overlayY: F, overlayW: S, overlayH: L } = y(a);
-        A.style.left = `${m}px`, A.style.top = `${F}px`, A.style.width = `${S}px`, A.style.height = `${L}px`, !T && Date.now() - q > 30 && (b(f(a)), q = Date.now());
-      }, I = (a) => {
-        if (A.remove(), e.dragPan.enable(), e.boxZoom.enable(), window.removeEventListener("mousemove", R), window.removeEventListener("mouseup", I), !D) return;
+        const { overlayX: m, overlayY: R, overlayW: S, overlayH: L } = p(a);
+        _.style.left = `${m}px`, _.style.top = `${R}px`, _.style.width = `${S}px`, _.style.height = `${L}px`, !T && Date.now() - q > 30 && (b(f(a)), q = Date.now());
+      }, E = (a) => {
+        if (_.remove(), e.dragPan.enable(), e.boxZoom.enable(), window.removeEventListener("mousemove", A), window.removeEventListener("mouseup", E), !D) return;
         if (T) {
-          const p = C(a);
-          p && p.indices.length > 0 && t && t(p.id, p.indices);
+          const y = M(a);
+          y && y.indices.length > 0 && t && t(y.id, y.indices);
           return;
         }
         const x = f(a);
-        if (b(x), x.length === 0 && E.length === 1 && t) {
-          const p = n.getState().features.find((m) => m.id === E[0]);
-          if (p && (p.geometry.type === "LineString" || p.geometry.type === "Polygon")) {
-            const m = C(a);
+        if (b(x), x.length === 0 && P.length === 1 && t) {
+          const y = n.getState().features.find((m) => m.id === P[0]);
+          if (y && (y.geometry.type === "LineString" || y.geometry.type === "Polygon")) {
+            const m = M(a);
             m && m.indices.length > 0 && t(m.id, m.indices);
           }
         }
       };
-      window.addEventListener("mousemove", R), window.addEventListener("mouseup", I);
+      window.addEventListener("mousemove", A), window.addEventListener("mouseup", E);
     };
     return d.addEventListener("mousedown", w), () => d.removeEventListener("mousedown", w);
   }, [e, n, t]), null;
@@ -2237,49 +2237,49 @@ function us({ map: e }) {
     ct();
   }, [r.length, i]), K(() => {
     if (!i) return;
-    const a = t.getState(), x = a.selectedIds.length === 1 ? a.features.find((m) => m.id === a.selectedIds[0]) : void 0, p = Co(x);
-    p && o({ type: "warning", message: p });
+    const a = t.getState(), x = a.selectedIds.length === 1 ? a.features.find((m) => m.id === a.selectedIds[0]) : void 0, y = Co(x);
+    y && o({ type: "warning", message: y });
   }, [i, t, o]);
   const v = $(!1);
   K(() => {
     if (!l || v.current) return;
-    const a = t.getState(), x = a.selectedIds.length === 1 ? a.features.find((p) => p.id === a.selectedIds[0]) : void 0;
+    const a = t.getState(), x = a.selectedIds.length === 1 ? a.features.find((y) => y.id === a.selectedIds[0]) : void 0;
     (x == null ? void 0 : x._drawType) === "route" && (o({ type: "warning", message: "Transforming may break road alignment." }), v.current = !0);
   }, [l, s, t, o]);
-  const d = $(null), g = $(null), [w, P] = le(null), [T, _] = le(null), [M, N] = le(null);
+  const d = $(null), g = $(null), [w, C] = le(null), [T, F] = le(null), [k, N] = le(null);
   K(() => {
-    !i && M && N(null);
-  }, [i, M]);
-  const E = is(c), A = Jo();
+    !i && k && N(null);
+  }, [i, k]);
+  const P = is(c), _ = Jo();
   K(() => {
     if (c) return;
-    const a = e.getCanvasContainer(), x = (p) => {
-      var k, O;
-      p.preventDefault();
-      const m = a.getBoundingClientRect(), F = [p.clientX - m.left, p.clientY - m.top], S = $e(e, F, Be);
+    const a = e.getCanvasContainer(), x = (y) => {
+      var I, O;
+      y.preventDefault();
+      const m = a.getBoundingClientRect(), R = [y.clientX - m.left, y.clientY - m.top], S = $e(e, R, Be);
       if (S.length === 0) return;
-      const L = String(S[0].id ?? ((k = S[0].properties) == null ? void 0 : k.id) ?? "");
+      const L = String(S[0].id ?? ((I = S[0].properties) == null ? void 0 : I.id) ?? "");
       if (!L) return;
       const B = t.getState(), V = B.features.find((z) => z.id === L);
       if (!V) return;
       const j = B.selectedIds;
       j.length >= 2 && j.includes(L) || B.selectFeature(L);
       const h = V.geometry.type === "Point" && ((O = V.properties) == null ? void 0 : O._isText) !== "true";
-      A.open(p.clientX, p.clientY, {
+      _.open(y.clientX, y.clientY, {
         feature: V,
-        requestPreciseCoords: h ? () => _(L) : void 0
+        requestPreciseCoords: h ? () => F(L) : void 0
       });
     };
     return a.addEventListener("contextmenu", x), () => {
       a.removeEventListener("contextmenu", x);
     };
-  }, [c, t, e, A]), K(() => {
-    const a = u !== "none", x = (F = !0) => {
-      bt(e, null, d.current), d.current = null, F && Pt(e, null), ct(), E.leave(a ? void 0 : "");
-    }, p = (F) => {
+  }, [c, t, e, _]), K(() => {
+    const a = u !== "none", x = (R = !0) => {
+      bt(e, null, d.current), d.current = null, R && Pt(e, null), ct(), P.leave(a ? void 0 : "");
+    }, y = (R) => {
       var V, j;
       if (e.dragPan.isActive() || (V = g.current) != null && V.dragging) return;
-      const S = $e(e, F.point, Be), L = S.length > 0 ? String(S[0].id ?? ((j = S[0].properties) == null ? void 0 : j.id)) : null;
+      const S = $e(e, R.point, Be), L = S.length > 0 ? String(S[0].id ?? ((j = S[0].properties) == null ? void 0 : j.id)) : null;
       if (L === d.current) return;
       if (!L) {
         x();
@@ -2287,28 +2287,28 @@ function us({ map: e }) {
       }
       Gt() !== L && Pt(e, null), a || bt(e, L, d.current), d.current = L;
       const B = t.getState().features.find((h) => h.id === L);
-      B ? Nr(B, n, F.originalEvent) : ct(), E.enter(e.getCanvas(), F.originalEvent, a ? void 0 : "pointer");
+      B ? Nr(B, n, R.originalEvent) : ct(), P.enter(e.getCanvas(), R.originalEvent, a ? void 0 : "pointer");
     };
-    e.on("mousemove", p);
+    e.on("mousemove", y);
     const m = () => x();
     return e.on("mouseout", m), () => {
-      e.off("mousemove", p), e.off("mouseout", m);
+      e.off("mousemove", y), e.off("mouseout", m);
       try {
         x(!1);
       } catch {
       }
     };
-  }, [u, e, t, n, E]);
+  }, [u, e, t, n, P]);
   const D = $(r);
   K(() => {
     const a = D.current;
     if (D.current = r, r.length <= a.length) return;
-    const p = e.getCanvas().getBoundingClientRect(), m = cs();
-    if (m.x < p.left || m.x > p.right || m.y < p.top || m.y > p.bottom) return;
-    const F = new Set(a.map((h) => h.id)), S = new Set(r.filter((h) => !F.has(h.id)).map((h) => h.id)), L = [m.x - p.left, m.y - p.top], B = () => {
+    const y = e.getCanvas().getBoundingClientRect(), m = cs();
+    if (m.x < y.left || m.x > y.right || m.y < y.top || m.y > y.bottom) return;
+    const R = new Set(a.map((h) => h.id)), S = new Set(r.filter((h) => !R.has(h.id)).map((h) => h.id)), L = [m.x - y.left, m.y - y.top], B = () => {
       var h;
       try {
-        const k = e.unproject(L), O = $e(e, e.project(k), Be)[0], z = O ? String(O.id ?? ((h = O.properties) == null ? void 0 : h.id)) : null;
+        const I = e.unproject(L), O = $e(e, e.project(I), Be)[0], z = O ? String(O.id ?? ((h = O.properties) == null ? void 0 : h.id)) : null;
         z && S.has(z) && Pt(e, z), e.fire("mousemove", {
           // A real Point: a plain { x, y } makes every listener's
           // queryRenderedFeatures(e.point) hit the whole viewport, so the
@@ -2316,8 +2316,8 @@ function us({ map: e }) {
           // `map.project` returns the map's own Point class (a `new Point` from the
           // peer copy fails maplibre's instanceof check when the host bundles its own
           // maplibre, e.g. MapTiler SDK) and avoids a named import from CJS maplibre-gl.
-          point: e.project(k),
-          lngLat: k,
+          point: e.project(I),
+          lngLat: I,
           originalEvent: new MouseEvent("mousemove", {
             clientX: m.x,
             clientY: m.y,
@@ -2341,12 +2341,12 @@ function us({ map: e }) {
     const a = (x) => {
       var L;
       if (Gn()) return;
-      const p = $e(e, x.point, Be), m = t.getState();
-      if (p.length === 0) {
+      const y = $e(e, x.point, Be), m = t.getState();
+      if (y.length === 0) {
         i ? n.getState().setVertexEditActive(!1) : m.clearSelection();
         return;
       }
-      const F = p[0], S = String(F.id ?? ((L = F.properties) == null ? void 0 : L.id) ?? "");
+      const R = y[0], S = String(R.id ?? ((L = R.properties) == null ? void 0 : L.id) ?? "");
       if (S)
         if (x.originalEvent.shiftKey) {
           const B = m.selectedIds;
@@ -2361,19 +2361,19 @@ function us({ map: e }) {
     if (c || u !== "none") return;
     const a = (x) => {
       var S, L;
-      const p = $e(e, x.point, Be);
-      if (p.length === 0) return;
+      const y = $e(e, x.point, Be);
+      if (y.length === 0) return;
       x.preventDefault();
-      const m = String(p[0].id ?? ((S = p[0].properties) == null ? void 0 : S.id) ?? "");
+      const m = String(y[0].id ?? ((S = y[0].properties) == null ? void 0 : S.id) ?? "");
       if (!m) return;
-      const F = t.getState().features.find((B) => B.id === m);
-      if (F) {
-        if (((L = F.properties) == null ? void 0 : L._isText) === "true") {
-          t.getState().selectFeature(m), P(m);
+      const R = t.getState().features.find((B) => B.id === m);
+      if (R) {
+        if (((L = R.properties) == null ? void 0 : L._isText) === "true") {
+          t.getState().selectFeature(m), C(m);
           return;
         }
-        if (t.getState().selectFeature(m), ht(F.geometry)) {
-          const B = Dr(F.geometry, [x.lngLat.lng, x.lngLat.lat]);
+        if (t.getState().selectFeature(m), ht(R.geometry)) {
+          const B = Dr(R.geometry, [x.lngLat.lng, x.lngLat.lat]);
           n.getState().setSelectedPartIndex(B);
         } else
           n.getState().setSelectedPartIndex(null);
@@ -2385,26 +2385,26 @@ function us({ map: e }) {
     };
   }, [c, u, t, n, e]), K(() => {
     if (c || i) return;
-    const x = u !== "none", p = (m) => {
+    const x = u !== "none", y = (m) => {
       var re;
       if (m.originalEvent.shiftKey) return;
-      const F = m.originalEvent.altKey, S = m.originalEvent.ctrlKey || m.originalEvent.metaKey;
-      if (x && !F && !S) return;
+      const R = m.originalEvent.altKey, S = m.originalEvent.ctrlKey || m.originalEvent.metaKey;
+      if (x && !R && !S) return;
       const L = $e(e, m.point, Be);
       if (L.length === 0) return;
       const B = String(L[0].id ?? ((re = L[0].properties) == null ? void 0 : re.id) ?? "");
       if (!B) return;
       const V = t.getState();
-      if (V.selectedIds.includes(B) && V.selectedIds.length >= 2 && !F && !S) return;
+      if (V.selectedIds.includes(B) && V.selectedIds.length >= 2 && !R && !S) return;
       V.selectedIds.includes(B) || V.selectFeature(B);
-      const h = t.getState().selectedIds, k = h.includes(B) ? h : [B], O = new Map(
-        k.flatMap((J) => {
+      const h = t.getState().selectedIds, I = h.includes(B) ? h : [B], O = new Map(
+        I.flatMap((J) => {
           const ce = V.features.find((U) => U.id === J);
           return ce ? [[J, ce.geometry]] : [];
         })
-      ), z = F, G = V.geometryMode, H = [m.lngLat.lng, m.lngLat.lat], te = G === "visual" ? me(H) : H;
+      ), z = R, G = V.geometryMode, H = [m.lngLat.lng, m.lngLat.lat], te = G === "visual" ? me(H) : H;
       e.dragPan.disable(), g.current = {
-        featureIds: k,
+        featureIds: I,
         startLngLat: H,
         startProjected: te,
         geometryMode: G,
@@ -2455,7 +2455,7 @@ function us({ map: e }) {
         const J = g.current;
         if (g.current = null, e.dragPan.enable(), J != null && J.dragging) {
           const ce = Ge(n.getState().editingMode);
-          if (E.leave(ce), e.getCanvas().style.cursor = ce, bt(e, null, d.current), d.current = null, Ce(!1), Mr(), t.getState().takeSnapshot(), J.duplicate) {
+          if (P.leave(ce), e.getCanvas().style.cursor = ce, bt(e, null, d.current), d.current = null, Ce(!1), Mr(), t.getState().takeSnapshot(), J.duplicate) {
             const U = [];
             for (const ee of J.featureIds) {
               const oe = Z.get(ee);
@@ -2474,47 +2474,47 @@ function us({ map: e }) {
       };
       e.on("mousemove", se), e.on("mouseup", ie);
     };
-    return e.on("mousedown", p), () => {
-      e.off("mousedown", p);
+    return e.on("mousedown", y), () => {
+      e.off("mousedown", y);
     };
-  }, [c, u, i, t, n, e, E]);
-  const q = s.length === 1 ? r.find((a) => a.id === s[0]) ?? null : null, y = r.filter((a) => s.includes(a.id)), f = A.state && /* @__PURE__ */ X(
+  }, [c, u, i, t, n, e, P]);
+  const q = s.length === 1 ? r.find((a) => a.id === s[0]) ?? null : null, p = r.filter((a) => s.includes(a.id)), f = _.state && /* @__PURE__ */ X(
     Bo,
     {
-      x: A.state.x,
-      y: A.state.y,
-      data: A.state.data,
-      onClose: A.close
+      x: _.state.x,
+      y: _.state.y,
+      data: _.state.data,
+      onClose: _.close
     }
-  ), b = w ? r.find((a) => a.id === w) ?? null : null, C = b && /* @__PURE__ */ X(
+  ), b = w ? r.find((a) => a.id === w) ?? null : null, M = b && /* @__PURE__ */ X(
     ts,
     {
       map: e,
       feature: b,
-      onDone: () => P(null)
+      onDone: () => C(null)
     }
-  ), R = T ? r.find((a) => a.id === T) ?? null : null, I = R && R.geometry.type === "Point" && /* @__PURE__ */ X(
+  ), A = T ? r.find((a) => a.id === T) ?? null : null, E = A && A.geometry.type === "Point" && /* @__PURE__ */ X(
     Un,
     {
       map: e,
-      coords: R.geometry.coordinates,
+      coords: A.geometry.coordinates,
       onSave: (a) => {
-        t.getState().takeSnapshot(), t.getState().updateFeature(R.id, { geometry: { type: "Point", coordinates: Ve(R.geometry.coordinates, a) } });
+        t.getState().takeSnapshot(), t.getState().updateFeature(A.id, { geometry: { type: "Point", coordinates: Ve(A.geometry.coordinates, a) } });
       },
-      onClose: () => _(null)
+      onClose: () => F(null)
     }
   );
   return c || u !== "none" ? /* @__PURE__ */ fe(lt, { children: [
     f,
-    C,
-    I
+    M,
+    E
   ] }) : /* @__PURE__ */ fe(lt, { children: [
     i && q && /* @__PURE__ */ X(
       $r,
       {
         map: e,
         feature: q,
-        initialSelectedIndices: M ?? void 0
+        initialSelectedIndices: k ?? void 0
       }
     ),
     /* @__PURE__ */ X(
@@ -2530,10 +2530,10 @@ function us({ map: e }) {
         }
       }
     ),
-    l && !i && y.length >= 1 && /* @__PURE__ */ X(es, { map: e, features: y }),
+    l && !i && p.length >= 1 && /* @__PURE__ */ X(es, { map: e, features: p }),
     f,
-    C,
-    I
+    M,
+    E
   ] });
 }
 const Me = "elm-snap", eo = [
@@ -2601,47 +2601,47 @@ function gs({ map: e }) {
         c();
         return;
       }
-      const _ = T.originalEvent;
-      if (_.metaKey || _.ctrlKey) {
+      const F = T.originalEvent;
+      if (F.metaKey || F.ctrlKey) {
         c();
         return;
       }
-      const M = _.target;
-      if ((D = M == null ? void 0 : M.closest) != null && D.call(M, ".elm-midpoint-marker")) {
+      const k = F.target;
+      if ((D = k == null ? void 0 : k.closest) != null && D.call(k, ".elm-midpoint-marker")) {
         c();
         return;
       }
-      const N = Gt(), E = Vn(T.lngLat.lng, T.lngLat.lat, e, s, 15, new Set(N ? [N] : []));
-      if (!E) {
+      const N = Gt(), P = Vn(T.lngLat.lng, T.lngLat.lat, e, s, 15, new Set(N ? [N] : []));
+      if (!P) {
         c();
         return;
       }
-      if (i && E.isVertex) {
+      if (i && P.isVertex) {
         const q = new Set(n.getState().selectedIds);
-        if (E.featureId && q.has(E.featureId)) {
+        if (P.featureId && q.has(P.featureId)) {
           c();
           return;
         }
       }
-      t.getState().setSnappedCoord(E.lnglat);
-      const A = e.getSource(Me);
-      A == null || A.setData({
+      t.getState().setSnappedCoord(P.lnglat);
+      const _ = e.getSource(Me);
+      _ == null || _.setData({
         type: "FeatureCollection",
         features: [{
           type: "Feature",
-          properties: { _kind: E.isVertex ? "vertex" : "edge" },
-          geometry: { type: "Point", coordinates: E.lnglat }
+          properties: { _kind: P.isVertex ? "vertex" : "edge" },
+          geometry: { type: "Point", coordinates: P.lnglat }
         }]
       });
-    }), g = (T) => d.schedule(T), w = () => d.flush(), P = () => {
+    }), g = (T) => d.schedule(T), w = () => d.flush(), C = () => {
       d.cancel(), c();
     };
-    return e.on("mousemove", g), e.on("mouseout", P), window.addEventListener("pointerdown", w, !0), window.addEventListener("pointerup", w, !0), () => {
-      d.cancel(), e.off("mousemove", g), e.off("mouseout", P), window.removeEventListener("pointerdown", w, !0), window.removeEventListener("pointerup", w, !0);
+    return e.on("mousemove", g), e.on("mouseout", C), window.addEventListener("pointerdown", w, !0), window.addEventListener("pointerup", w, !0), () => {
+      d.cancel(), e.off("mousemove", g), e.off("mouseout", C), window.removeEventListener("pointerdown", w, !0), window.removeEventListener("pointerup", w, !0);
     };
   }, [o, r, s, i, e, t, n, l]), null;
 }
-function ci({ map: e }) {
+function ii({ map: e }) {
   const t = he((n) => n.features);
   return K(() => {
     if (t.length === 0) return;
@@ -3034,125 +3034,125 @@ const Ls = ao(function({
   );
 });
 function Es({ map: e }) {
-  const t = vt(), n = W((y) => y.editingMode), o = W((y) => y.measurePoints), r = W((y) => y.measureMode), s = W((y) => y.completedMeasurements), i = W((y) => y.selectedMeasurementId), l = W((y) => y.snappedCoord), u = W((y) => y.toggleMeasurementSelection), c = W((y) => y.setSelectedMeasurementId), v = oo(e, n, n === "measure"), { units: d } = ke(), g = { unit: d.length, display: d.display, precision: d.precision }, w = { unit: d.area, display: d.display, precision: d.precision }, [P, T] = le(null), _ = n === "measure", M = _ ? l ?? v : null, N = o.length > 0 ? o[o.length - 1] : null;
+  const t = vt(), n = W((p) => p.editingMode), o = W((p) => p.measurePoints), r = W((p) => p.measureMode), s = W((p) => p.completedMeasurements), i = W((p) => p.selectedMeasurementId), l = W((p) => p.snappedCoord), u = W((p) => p.toggleMeasurementSelection), c = W((p) => p.setSelectedMeasurementId), v = oo(e, n, n === "measure"), { units: d } = ke(), g = { unit: d.length, display: d.display, precision: d.precision }, w = { unit: d.area, display: d.display, precision: d.precision }, [C, T] = le(null), F = n === "measure", k = F ? l ?? v : null, N = o.length > 0 ? o[o.length - 1] : null;
   K(() => {
-    const y = [];
+    const p = [];
     for (const f of s) {
-      const b = P === f.id, C = i === f.id;
+      const b = C === f.id, M = i === f.id;
       if (f.mode === "distance") {
-        for (let I = 0; I < f.points.length - 1; I++)
-          y.push({
+        for (let E = 0; E < f.points.length - 1; E++)
+          p.push({
             type: "Feature",
-            properties: { _kind: "segment", _id: f.id, _segIdx: I, _hovered: b, _selected: C },
-            geometry: { type: "LineString", coordinates: [f.points[I], f.points[I + 1]] }
+            properties: { _kind: "segment", _id: f.id, _segIdx: E, _hovered: b, _selected: M },
+            geometry: { type: "LineString", coordinates: [f.points[E], f.points[E + 1]] }
           });
-        f.points.forEach((I, a) => {
-          y.push({
+        f.points.forEach((E, a) => {
+          p.push({
             type: "Feature",
             properties: { _kind: "dot", _id: f.id, _isFirst: a === 0 },
-            geometry: { type: "Point", coordinates: I }
+            geometry: { type: "Point", coordinates: E }
           });
         });
       } else
-        y.push({
+        p.push({
           type: "Feature",
-          properties: { _kind: "area", _id: f.id, _hovered: b, _selected: C },
+          properties: { _kind: "area", _id: f.id, _hovered: b, _selected: M },
           geometry: { type: "Polygon", coordinates: [f.points] }
-        }), y.push({
+        }), p.push({
           type: "Feature",
-          properties: { _kind: "segment", _id: f.id, _hovered: b, _selected: C },
+          properties: { _kind: "segment", _id: f.id, _hovered: b, _selected: M },
           geometry: { type: "LineString", coordinates: f.points }
-        }), f.points.slice(0, -1).forEach((I, a) => {
-          y.push({
+        }), f.points.slice(0, -1).forEach((E, a) => {
+          p.push({
             type: "Feature",
             properties: { _kind: "dot", _id: f.id, _isFirst: a === 0 },
-            geometry: { type: "Point", coordinates: I }
+            geometry: { type: "Point", coordinates: E }
           });
         });
     }
-    _ && o.length >= 2 && y.push({
+    F && o.length >= 2 && p.push({
       type: "Feature",
       properties: { _kind: "live-line" },
       geometry: { type: "LineString", coordinates: o }
-    }), _ && r === "area" && o.length >= 3 && y.push({
+    }), F && r === "area" && o.length >= 3 && p.push({
       type: "Feature",
       properties: { _kind: "live-area" },
       geometry: { type: "Polygon", coordinates: [[...o, o[0]]] }
-    }), _ && M && N && y.push({
+    }), F && k && N && p.push({
       type: "Feature",
       properties: { _kind: "ghost" },
-      geometry: { type: "LineString", coordinates: [N, M] }
-    }), _ && r === "area" && M && o.length >= 2 && y.push({
+      geometry: { type: "LineString", coordinates: [N, k] }
+    }), F && r === "area" && k && o.length >= 2 && p.push({
       type: "Feature",
       properties: { _kind: "close-hint" },
-      geometry: { type: "LineString", coordinates: [M, o[0]] }
-    }), _ && o.forEach((f, b) => {
-      y.push({
+      geometry: { type: "LineString", coordinates: [k, o[0]] }
+    }), F && o.forEach((f, b) => {
+      p.push({
         type: "Feature",
         properties: { _kind: "live-dot", _isFirst: b === 0 },
         geometry: { type: "Point", coordinates: f }
       });
-    }), ws(e, y);
+    }), ws(e, p);
   }, [
     e,
-    _,
+    F,
     o,
     r,
     s,
-    P,
+    C,
     i,
-    M,
+    k,
     N,
     t
   ]), K(() => {
-    const y = (I) => {
-      var p, m;
-      const a = (p = I.features) == null ? void 0 : p[0];
+    const p = (E) => {
+      var y, m;
+      const a = (y = E.features) == null ? void 0 : y[0];
       if (!a) return;
       const x = (m = a.properties) == null ? void 0 : m._id;
-      x && (Pr(), I.originalEvent.stopPropagation(), u(x));
-    }, f = (I) => {
-      var F, S, L, B;
-      const a = (F = I.features) == null ? void 0 : F[0];
+      x && (Pr(), E.originalEvent.stopPropagation(), u(x));
+    }, f = (E) => {
+      var R, S, L, B;
+      const a = (R = E.features) == null ? void 0 : R[0];
       if (!a) return;
       const x = (S = a.properties) == null ? void 0 : S._id;
       if (!x) return;
       T(x);
-      const p = (L = a.properties) == null ? void 0 : L._kind, m = (B = a.properties) == null ? void 0 : B._segIdx;
-      if (p === "segment" && typeof m == "number") {
+      const y = (L = a.properties) == null ? void 0 : L._kind, m = (B = a.properties) == null ? void 0 : B._segIdx;
+      if (y === "segment" && typeof m == "number") {
         const V = s.find((j) => j.id === x);
         if (V && V.mode === "distance") {
           const j = V.points[m], h = V.points[m + 1];
           if (j && h) {
-            const k = mt(_e(We([j, h])) * 1e3, g);
-            Ss(`${k.value} ${k.unit}`, I.originalEvent.clientX, I.originalEvent.clientY);
+            const I = mt(_e(We([j, h])) * 1e3, g);
+            Ss(`${I.value} ${I.unit}`, E.originalEvent.clientX, E.originalEvent.clientY);
           }
         }
       }
-    }, b = (I) => {
-      var p, m;
-      const a = (p = I.features) == null ? void 0 : p[0];
+    }, b = (E) => {
+      var y, m;
+      const a = (y = E.features) == null ? void 0 : y[0];
       if (!a) return;
-      ((m = a.properties) == null ? void 0 : m._kind) === "segment" && ro(I.originalEvent.clientX, I.originalEvent.clientY);
-    }, C = () => {
+      ((m = a.properties) == null ? void 0 : m._kind) === "segment" && ro(E.originalEvent.clientX, E.originalEvent.clientY);
+    }, M = () => {
       T(null), Cn();
-    }, R = (I) => {
+    }, A = (E) => {
       try {
-        e.queryRenderedFeatures(I.point, { layers: Rt }).length === 0 && c(null);
+        e.queryRenderedFeatures(E.point, { layers: Rt }).length === 0 && c(null);
       } catch {
       }
     };
-    for (const I of Rt)
-      e.on("click", I, y), e.on("mouseenter", I, f), e.on("mousemove", I, b), e.on("mouseleave", I, C);
-    return e.on("click", R), () => {
-      for (const I of Rt)
-        e.off("click", I, y), e.off("mouseenter", I, f), e.off("mousemove", I, b), e.off("mouseleave", I, C);
-      e.off("click", R), Cn();
+    for (const E of Rt)
+      e.on("click", E, p), e.on("mouseenter", E, f), e.on("mousemove", E, b), e.on("mouseleave", E, M);
+    return e.on("click", A), () => {
+      for (const E of Rt)
+        e.off("click", E, p), e.off("mouseenter", E, f), e.off("mousemove", E, b), e.off("mouseleave", E, M);
+      e.off("click", A), Cn();
     };
   }, [e, u, c, s, g.unit, g.display, g.precision]);
-  const E = r === "distance" ? 1 : 2, A = M && o.length >= E ? [...o, M] : o, D = bs(A, r, g, w), q = M ?? N;
+  const P = r === "distance" ? 1 : 2, _ = k && o.length >= P ? [...o, k] : o, D = bs(_, r, g, w), q = k ?? N;
   return /* @__PURE__ */ fe(lt, { children: [
-    s.map((y) => /* @__PURE__ */ X(Ls, { map: e, m: y }, y.id)),
+    s.map((p) => /* @__PURE__ */ X(Ls, { map: e, m: p }, p.id)),
     D && q && /* @__PURE__ */ X(so, { map: e, position: q, parts: D })
   ] });
 }
@@ -3271,42 +3271,42 @@ async function Fs(e, t) {
 function _s({ map: e }) {
   const { dataStore: t, uiStore: n } = Le(), o = ke().network, r = $(o);
   r.current = o;
-  const s = Ue(), i = zt(), l = W((y) => y.editingMode), [u, c] = le(null), [v, d] = le(null), g = Oo(), w = An(), P = $(null), T = $(null), _ = $(null), M = $(null);
+  const s = Ue(), i = zt(), l = W((p) => p.editingMode), [u, c] = le(null), [v, d] = le(null), g = Oo(), w = An(), C = $(null), T = $(null), F = $(null), k = $(null);
   K(() => () => {
-    _.current && (_.current.remove(), _.current = null);
+    F.current && (F.current.remove(), F.current = null);
   }, [e]);
   const N = vt();
   K(() => {
     ks(e, u, v);
   }, [e, u, v, N]);
-  const E = ve(
-    (y) => Mo(t.getState(), n.getState(), y),
+  const P = ve(
+    (p) => Mo(t.getState(), n.getState(), p),
     [t, n]
-  ), A = ve(() => {
-    _.current && (_.current.remove(), _.current = null);
+  ), _ = ve(() => {
+    F.current && (F.current.remove(), F.current = null);
   }, []), D = ve(() => {
-    c(null), d(null), P.current = null, A(), T.current && (T.current.abort(), T.current = null);
-  }, [A]), q = ve((y) => {
-    const f = P.current;
-    if (D(), !("pieces" in y)) {
-      E(y);
+    c(null), d(null), C.current = null, _(), T.current && (T.current.abort(), T.current = null);
+  }, [_]), q = ve((p) => {
+    const f = C.current;
+    if (D(), !("pieces" in p)) {
+      P(p);
       return;
     }
     if (!f) return;
     const b = new AbortController();
-    T.current = b, Fs(y, f).then((C) => {
-      b.signal.aborted || (T.current = null, C && E(C));
+    T.current = b, Fs(p, f).then((M) => {
+      b.signal.aborted || (T.current = null, M && P(M));
     });
-  }, [E, D]);
+  }, [P, D]);
   return K(() => {
     if (!u && l !== "pick-shape") return;
-    function y(f) {
+    function p(f) {
       f.key === "Escape" && i(f) && D();
     }
-    return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
+    return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
   }, [u, l, D, i]), K(() => {
     if (l !== "pick-shape") return;
-    const y = (f) => {
+    const p = (f) => {
       if (e.getZoom() < Ro) {
         s({ type: "warning", message: "Zoom in further to use the picker" });
         return;
@@ -3314,72 +3314,72 @@ function _s({ map: e }) {
       f.originalEvent.preventDefault(), D();
       const b = new AbortController();
       T.current = b;
-      const C = f.lngLat.lng, R = f.lngLat.lat;
-      P.current = [C, R], Ps();
-      const I = document.createElement("div");
-      I.style.cssText = "width:64px;height:64px;pointer-events:none;display:flex;align-items:center;justify-content:center;", I.innerHTML = `
+      const M = f.lngLat.lng, A = f.lngLat.lat;
+      C.current = [M, A], Ps();
+      const E = document.createElement("div");
+      E.style.cssText = "width:64px;height:64px;pointer-events:none;display:flex;align-items:center;justify-content:center;", E.innerHTML = `
         <div class="elm-osm-pulse-ring" style="position:absolute"></div>
         <div class="elm-osm-spinner"></div>
-      `, _.current = new De.Marker({ element: I, anchor: "center" }).setLngLat([C, R]).addTo(e);
-      const a = Rs(e, f.point), { overpass: x, fetch: p } = r.current, m = x === !1;
-      (a.length > 0 || m ? Promise.resolve(a) : Qo(R, C, Fo(e.getZoom()), [C, R], { ...x, fetch: p, signal: b.signal })).then((S) => {
-        A(), S.length === 0 ? (s({ type: "warning", message: m ? "No shape here in the basemap" : "No features found here" }), D()) : S.length === 1 ? q(S[0]) : c(S);
+      `, F.current = new De.Marker({ element: E, anchor: "center" }).setLngLat([M, A]).addTo(e);
+      const a = Rs(e, f.point), { overpass: x, fetch: y } = r.current, m = x === !1;
+      (a.length > 0 || m ? Promise.resolve(a) : Qo(A, M, Fo(e.getZoom()), [M, A], { ...x, fetch: y, signal: b.signal })).then((S) => {
+        _(), S.length === 0 ? (s({ type: "warning", message: m ? "No shape here in the basemap" : "No features found here" }), D()) : S.length === 1 ? q(S[0]) : c(S);
       }).catch((S) => {
-        (S == null ? void 0 : S.name) !== "AbortError" && (A(), s({ type: "error", code: S instanceof tr ? S.code : "unknown", source: "picker", message: er(S), cause: S }), D());
+        (S == null ? void 0 : S.name) !== "AbortError" && (_(), s({ type: "error", code: S instanceof tr ? S.code : "unknown", source: "picker", message: er(S), cause: S }), D());
       });
     };
-    return e.on("click", y), () => {
-      e.off("click", y);
+    return e.on("click", p), () => {
+      e.off("click", p);
     };
-  }, [l, e, D, A, q, s]), K(() => {
-    if (!u || !P.current) return;
-    const y = P.current;
+  }, [l, e, D, _, q, s]), K(() => {
+    if (!u || !C.current) return;
+    const p = C.current;
     let f;
     function b() {
-      if (!M.current) {
+      if (!k.current) {
         f = requestAnimationFrame(b);
         return;
       }
-      const C = e.project(y), R = e.getContainer().getBoundingClientRect();
-      M.current.style.left = `${R.left + C.x + 16}px`, M.current.style.top = `${R.top + C.y - 8}px`, f = requestAnimationFrame(b);
+      const M = e.project(p), A = e.getContainer().getBoundingClientRect();
+      k.current.style.left = `${A.left + M.x + 16}px`, k.current.style.top = `${A.top + M.y - 8}px`, f = requestAnimationFrame(b);
     }
     return f = requestAnimationFrame(b), () => cancelAnimationFrame(f);
   }, [u, e]), K(() => {
     if (!u) return;
-    const y = (I) => {
-      var m, F;
-      const a = (m = I.features) == null ? void 0 : m[0];
+    const p = (E) => {
+      var m, R;
+      const a = (m = E.features) == null ? void 0 : m[0];
       if (!a) return;
-      const x = (F = a.properties) == null ? void 0 : F._idx;
+      const x = (R = a.properties) == null ? void 0 : R._idx;
       if (typeof x != "number") return;
-      I.originalEvent.stopPropagation();
-      const p = u[x];
-      p && q(p);
-    }, f = (I) => {
-      var p, m;
-      const a = (p = I.features) == null ? void 0 : p[0];
+      E.originalEvent.stopPropagation();
+      const y = u[x];
+      y && q(y);
+    }, f = (E) => {
+      var y, m;
+      const a = (y = E.features) == null ? void 0 : y[0];
       if (!a) return;
       const x = (m = a.properties) == null ? void 0 : m._idx;
       typeof x == "number" && d(x), e.getCanvas().style.cursor = "pointer";
     }, b = () => {
       e.getCanvas().style.cursor = Ge(n.getState().editingMode);
-    }, C = () => {
+    }, M = () => {
       d(null), b();
-    }, R = ["elm-osm-trace-fill", "elm-osm-trace-line"];
-    for (const I of R)
-      e.on("click", I, y), e.on("mouseenter", I, f), e.on("mouseleave", I, C);
+    }, A = ["elm-osm-trace-fill", "elm-osm-trace-line"];
+    for (const E of A)
+      e.on("click", E, p), e.on("mouseenter", E, f), e.on("mouseleave", E, M);
     return () => {
-      for (const I of R)
-        e.off("click", I, y), e.off("mouseenter", I, f), e.off("mouseleave", I, C);
+      for (const E of A)
+        e.off("click", E, p), e.off("mouseenter", E, f), e.off("mouseleave", E, M);
       b();
     };
   }, [u, e, q, n]), K(() => {
     l !== "pick-shape" && D();
   }, [l, D]), u ? Ze(
-    /* @__PURE__ */ X("div", { ref: M, "data-elm-portal": !0, "data-elm-theme": w, style: { ...g, position: "fixed", zIndex: 1e4 }, children: /* @__PURE__ */ X("div", { className: "bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 text-elm-text-secondary shadow-elm rounded-elm overflow-hidden min-w-[180px] max-w-[280px] text-sm py-1", children: u.map((y, f) => /* @__PURE__ */ fe(
+    /* @__PURE__ */ X("div", { ref: k, "data-elm-portal": !0, "data-elm-theme": w, style: { ...g, position: "fixed", zIndex: 1e4 }, children: /* @__PURE__ */ X("div", { className: "bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 text-elm-text-secondary shadow-elm rounded-elm overflow-hidden min-w-[180px] max-w-[280px] text-sm py-1", children: u.map((p, f) => /* @__PURE__ */ fe(
       "button",
       {
-        onClick: () => q(y),
+        onClick: () => q(p),
         onMouseEnter: () => d(f),
         onMouseLeave: () => d(null),
         className: `w-full text-left px-3 py-2 flex items-center gap-2 transition-colors ${v === f ? "bg-primary-50 dark:bg-white/5" : "hover:bg-(--elm-surface-hover,var(--color-gray-50)) dark:hover:bg-elm-surface-hover"}`,
@@ -3392,12 +3392,12 @@ function _s({ map: e }) {
             }
           ),
           /* @__PURE__ */ fe("span", { className: "flex flex-col min-w-0", children: [
-            /* @__PURE__ */ X("span", { className: "font-medium text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-100)) truncate", children: y.name || `Unnamed ${y.type.toLowerCase()}` }),
-            /* @__PURE__ */ X("span", { className: "text-xs text-(--elm-text-subtle,var(--color-gray-400))", children: y.type })
+            /* @__PURE__ */ X("span", { className: "font-medium text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-100)) truncate", children: p.name || `Unnamed ${p.type.toLowerCase()}` }),
+            /* @__PURE__ */ X("span", { className: "text-xs text-(--elm-text-subtle,var(--color-gray-400))", children: p.type })
           ] })
         ]
       },
-      "key" in y ? y.key : `${y.osmId}/${f}`
+      "key" in p ? p.key : `${p.osmId}/${f}`
     )) }) }),
     document.body
   ) : null;
@@ -3435,84 +3435,84 @@ function Ds(e, t) {
 }
 function Ks({ map: e }) {
   const { units: t } = ke(), n = { unit: t.length, display: t.display, precision: t.precision }, o = { unit: t.area, display: t.display, precision: t.precision }, r = (f) => {
-    const { value: b, unit: C } = mt(f * 1e3, n);
-    return `${b} ${C}`;
+    const { value: b, unit: M } = mt(f * 1e3, n);
+    return `${b} ${M}`;
   }, s = (f) => {
-    const { value: b, unit: C } = Ht(f, o);
-    return `${b} ${C}`;
-  }, i = W((f) => f.showMeasurements), l = W((f) => f.editingMode), u = W((f) => f.snappedCoord), c = W((f) => f.lineInProgress), v = W((f) => f.polygonInProgress), d = W((f) => f.circleCenter), g = W((f) => f.rectCorner), w = W((f) => f.freehandPoints), P = W((f) => f.freehandClosed), T = W((f) => f.routeWaypoints), _ = oo(e, l, l !== "none"), [M, N] = le(null), E = u ?? _;
+    const { value: b, unit: M } = Ht(f, o);
+    return `${b} ${M}`;
+  }, i = W((f) => f.showMeasurements), l = W((f) => f.editingMode), u = W((f) => f.snappedCoord), c = W((f) => f.lineInProgress), v = W((f) => f.polygonInProgress), d = W((f) => f.circleCenter), g = W((f) => f.rectCorner), w = W((f) => f.freehandPoints), C = W((f) => f.freehandClosed), T = W((f) => f.routeWaypoints), F = oo(e, l, l !== "none"), [k, N] = le(null), P = u ?? F;
   K(() => {
-    if (!E) {
+    if (!P) {
       N(null);
       return;
     }
-    N(e.project(E));
-    const f = () => N(E ? e.project(E) : null);
+    N(e.project(P));
+    const f = () => N(P ? e.project(P) : null);
     return e.on("move", f), e.on("zoom", f), () => {
       e.off("move", f), e.off("zoom", f);
     };
-  }, [e, E == null ? void 0 : E[0], E == null ? void 0 : E[1]]);
-  const A = $(null), [D, q] = le({ w: 0, h: 0 });
+  }, [e, P == null ? void 0 : P[0], P == null ? void 0 : P[1]]);
+  const _ = $(null), [D, q] = le({ w: 0, h: 0 });
   if (uo(() => {
-    const f = A.current;
+    const f = _.current;
     f && (f.offsetWidth !== D.w || f.offsetHeight !== D.h) && q({ w: f.offsetWidth, h: f.offsetHeight });
-  }), !i || l === "none" || !E || !M) return null;
-  const y = [];
+  }), !i || l === "none" || !P || !k) return null;
+  const p = [];
   try {
     if (l === "place-point")
-      y.push({ label: "", value: `${E[1].toFixed(6)}, ${E[0].toFixed(6)}` });
+      p.push({ label: "", value: `${P[1].toFixed(6)}, ${P[0].toFixed(6)}` });
     else if (l === "draw-line" || l === "slice-shape") {
-      const f = [...c, E];
+      const f = [...c, P];
       if (f.length >= 2) {
         const b = We(f);
-        y.push({ label: "Length", value: r(_e(b)) }), y.push({ label: "Segment length", value: r(Pe(f[f.length - 2], f[f.length - 1])) });
+        p.push({ label: "Length", value: r(_e(b)) }), p.push({ label: "Segment length", value: r(Pe(f[f.length - 2], f[f.length - 1])) });
       }
-      y.push({ label: "", value: `${E[1].toFixed(6)}, ${E[0].toFixed(6)}` });
+      p.push({ label: "", value: `${P[1].toFixed(6)}, ${P[0].toFixed(6)}` });
     } else if (l === "draw-polygon" || l === "cut-hole") {
-      const f = [...v, E];
+      const f = [...v, P];
       if (f.length >= 3) {
-        const b = [...f, f[0]], C = ut([b]);
-        y.push({ label: "Area", value: s(dt(C)) }), y.push({ label: "Perimeter", value: r(_e(C)) });
-        const R = Bn(C);
-        y.push({ label: "Height", value: r(Pe([R[0], R[1]], [R[0], R[3]])) }), y.push({ label: "Width", value: r(Pe([R[0], R[1]], [R[2], R[1]])) });
-      } else f.length === 2 && y.push({ label: "Segment length", value: r(Pe(f[0], f[1])) });
-      y.push({ label: "", value: `${E[1].toFixed(6)}, ${E[0].toFixed(6)}` });
+        const b = [...f, f[0]], M = ut([b]);
+        p.push({ label: "Area", value: s(dt(M)) }), p.push({ label: "Perimeter", value: r(_e(M)) });
+        const A = Bn(M);
+        p.push({ label: "Height", value: r(Pe([A[0], A[1]], [A[0], A[3]])) }), p.push({ label: "Width", value: r(Pe([A[0], A[1]], [A[2], A[1]])) });
+      } else f.length === 2 && p.push({ label: "Segment length", value: r(Pe(f[0], f[1])) });
+      p.push({ label: "", value: `${P[1].toFixed(6)}, ${P[0].toFixed(6)}` });
     } else if (l === "draw-circle") {
       if (d) {
-        const f = Pe(d, E);
-        y.push({ label: "Radius", value: r(f) }), y.push({ label: "Area", value: s(Math.PI * (f * 1e3) * (f * 1e3)) });
+        const f = Pe(d, P);
+        p.push({ label: "Radius", value: r(f) }), p.push({ label: "Area", value: s(Math.PI * (f * 1e3) * (f * 1e3)) });
       }
-      y.push({ label: "", value: `${E[1].toFixed(6)}, ${E[0].toFixed(6)}` });
+      p.push({ label: "", value: `${P[1].toFixed(6)}, ${P[0].toFixed(6)}` });
     } else if (l === "draw-rect") {
       if (g) {
-        const f = Pe([g[0], g[1]], [E[0], g[1]]), b = Pe([g[0], g[1]], [g[0], E[1]]), C = f * b * 1e6;
-        y.push({ label: "Area", value: s(C) }), y.push({ label: "Width", value: r(f) }), y.push({ label: "Height", value: r(b) });
+        const f = Pe([g[0], g[1]], [P[0], g[1]]), b = Pe([g[0], g[1]], [g[0], P[1]]), M = f * b * 1e6;
+        p.push({ label: "Area", value: s(M) }), p.push({ label: "Width", value: r(f) }), p.push({ label: "Height", value: r(b) });
       }
-      y.push({ label: "", value: `${E[1].toFixed(6)}, ${E[0].toFixed(6)}` });
+      p.push({ label: "", value: `${P[1].toFixed(6)}, ${P[0].toFixed(6)}` });
     } else if (l === "draw-route") {
-      const f = [...T, E];
-      f.length >= 2 && y.push({ label: "Straight distance", value: r(Pe(f[f.length - 2], f[f.length - 1])) }), y.push({ label: "", value: `${E[1].toFixed(6)}, ${E[0].toFixed(6)}` });
+      const f = [...T, P];
+      f.length >= 2 && p.push({ label: "Straight distance", value: r(Pe(f[f.length - 2], f[f.length - 1])) }), p.push({ label: "", value: `${P[1].toFixed(6)}, ${P[0].toFixed(6)}` });
     } else if (l === "draw-freehand") {
-      if (w.length >= 3 && P) {
+      if (w.length >= 3 && C) {
         const f = [...w, w[0]], b = ut([f]);
-        y.push({ label: "Area", value: s(dt(b)) }), y.push({ label: "Perimeter", value: r(_e(b)) });
+        p.push({ label: "Area", value: s(dt(b)) }), p.push({ label: "Perimeter", value: r(_e(b)) });
       } else if (w.length >= 2) {
         const f = We(w);
-        y.push({ label: "Length", value: r(_e(f)) });
+        p.push({ label: "Length", value: r(_e(f)) });
       }
-      y.push({ label: "", value: `${E[1].toFixed(6)}, ${E[0].toFixed(6)}` });
+      p.push({ label: "", value: `${P[1].toFixed(6)}, ${P[0].toFixed(6)}` });
     }
   } catch {
   }
-  return y.length === 0 ? null : Ze(
+  return p.length === 0 ? null : Ze(
     /* @__PURE__ */ X(
       "div",
       {
-        ref: A,
+        ref: _,
         className: "elm-measurement-tooltip",
         style: {
           position: "absolute",
-          ...Fn(M.x, M.y, D.w, D.h, {
+          ...Fn(k.x, k.y, D.w, D.h, {
             x: "after",
             y: "center",
             gapX: 20,
@@ -3531,7 +3531,7 @@ function Ks({ map: e }) {
           color: "var(--elm-text-secondary, rgb(75, 85, 99))",
           fontFamily: "var(--elm-font, ui-sans-serif, system-ui, sans-serif)"
         },
-        children: /* @__PURE__ */ X("div", { style: { display: "flex", flexDirection: "column", gap: 4, textAlign: "left" }, children: y.map((f, b) => /* @__PURE__ */ fe("div", { style: { display: "flex", gap: 8, alignItems: "center", lineHeight: 1.3 }, children: [
+        children: /* @__PURE__ */ X("div", { style: { display: "flex", flexDirection: "column", gap: 4, textAlign: "left" }, children: p.map((f, b) => /* @__PURE__ */ fe("div", { style: { display: "flex", gap: 8, alignItems: "center", lineHeight: 1.3 }, children: [
           f.label && /* @__PURE__ */ fe("span", { style: { fontWeight: 600, color: "var(--elm-text, rgb(17, 24, 39))" }, children: [
             f.label,
             ":"
@@ -3544,7 +3544,7 @@ function Ks({ map: e }) {
   );
 }
 const Qt = Nt(null);
-function li() {
+function ci() {
   const e = pt(Qt);
   if (!e) throw new Error("useMapLibre must be used inside ElementEditorControls");
   return e;
@@ -3631,7 +3631,7 @@ const Os = In(
       t.children
     ] });
   }
-), ai = In(
+), li = In(
   function(t, n) {
     const [o, r] = le(() => t.map.isStyleLoaded()), [s, i] = le(0);
     K(() => Ds(t.map, () => {
@@ -3659,7 +3659,7 @@ function je(e, t) {
   const n = e.id ?? e.label ?? ("url" in e ? e.url : typeof e.style == "string" ? e.style : void 0);
   return n || (t >= 0 ? `custom-${t}` : (Ft.has(e) || Ft.set(e, `custom-anon-${++js}`), Ft.get(e)));
 }
-const io = () => import("./style-mSgM9UsZ.js"), zs = () => Promise.all([io(), import("./catalog-gI-xABuu.js")]).then(([e, t]) => ({ ...e, ...t }));
+const io = () => import("./style-DVShZtJT.js"), zs = () => Promise.all([io(), import("./catalog-gI-xABuu.js")]).then(([e, t]) => ({ ...e, ...t }));
 let yt = !1;
 const co = (e) => new Tt(
   "network",
@@ -3694,99 +3694,99 @@ function Hs(e, t, n) {
     const g = c(t);
     if (v.current === "" && (v.current = je(i.resolveBasemap(d.current.basemap, d.current.theme), -1)), v.current === g) return;
     let w = !1;
-    const P = (D) => D instanceof Error ? D.message : String(D), T = i.resolveBasemap(t, o), _ = typeof T == "object" && "style" in T && typeof T.style == "string", M = (D) => {
-      N(), v.current = null, u(new Tt(ln(D.error), "basemap", `The basemap could not be loaded (${P(D.error)}).`, { cause: D.error }));
+    const C = (D) => D instanceof Error ? D.message : String(D), T = i.resolveBasemap(t, o), F = typeof T == "object" && "style" in T && typeof T.style == "string", k = (D) => {
+      N(), v.current = null, u(new Tt(ln(D.error), "basemap", `The basemap could not be loaded (${C(D.error)}).`, { cause: D.error }));
     }, N = () => {
-      e.off("error", M), e.off("styledata", N);
-    }, E = () => {
-      w || !(e.isStyleLoaded() || e.getSource("elm-features")) || (w = !0, e.off("styledata", E), v.current = g, i.setBasemap(e, t, { theme: o, network: s.current }).then(() => {
-        _ && !A && (e.on("error", M), e.once("styledata", N));
+      e.off("error", k), e.off("styledata", N);
+    }, P = () => {
+      w || !(e.isStyleLoaded() || e.getSource("elm-features")) || (w = !0, e.off("styledata", P), v.current = g, i.setBasemap(e, t, { theme: o, network: s.current }).then(() => {
+        F && !_ && (e.on("error", k), e.once("styledata", N));
       }, (D) => {
-        v.current = null, u(new Tt(ln(D), "basemap", `The basemap could not be switched (${P(D)}). The map keeps the previous one.`, { cause: D }));
+        v.current = null, u(new Tt(ln(D), "basemap", `The basemap could not be switched (${C(D)}). The map keeps the previous one.`, { cause: D }));
       }));
     };
-    let A = !1;
-    return e.on("styledata", E), E(), () => {
-      w = !0, A = !0, e.off("styledata", E), N();
+    let _ = !1;
+    return e.on("styledata", P), P(), () => {
+      w = !0, _ = !0, e.off("styledata", P), N();
     };
   }, [e, i, t, o]);
 }
-function ui(e) {
-  const { basemaps: t, value: n, defaultValue: o = "auto", onChange: r, storageKey: s, initialApplied: i, size: l, tooltipSide: u } = e, c = Ns(), v = e.map ?? c, d = An(), [g, w] = le(null), P = lo();
+function ai(e) {
+  const { basemaps: t, value: n, defaultValue: o = "auto", onChange: r, storageKey: s, initialApplied: i, size: l, tooltipSide: u } = e, c = Ns(), v = e.map ?? c, d = An(), [g, w] = le(null), C = lo();
   K(() => {
     let a = !0;
     return zs().then((x) => a && w(x), (x) => {
-      a && !yt && (yt = !0, P(co(x)));
+      a && !yt && (yt = !0, C(co(x)));
     }), () => {
       a = !1;
     };
   }, []);
-  const T = ke(), _ = Bt(() => t ?? ["auto", ...$s], [t]), M = _.map(je);
-  (_.filter((a) => typeof a == "object" && !a.id && !a.label && !("url" in a) && typeof a.style != "string").length > 1 || new Set(M).size < M.length) && Rn("basemap-ids", "BasemapControl: give each custom basemap a unique `id` (two entries without one, or with the same id/label, cannot be told apart).");
+  const T = ke(), F = Bt(() => t ?? ["auto", ...$s], [t]), k = F.map(je);
+  (F.filter((a) => typeof a == "object" && !a.id && !a.label && !("url" in a) && typeof a.style != "string").length > 1 || new Set(k).size < k.length) && Rn("basemap-ids", "BasemapControl: give each custom basemap a unique `id` (two entries without one, or with the same id/label, cannot be told apart).");
   const [N] = le(() => {
     const a = s ? nr(s, T) : null;
-    return a ? _.find((x, p) => je(x, p) === a) : void 0;
-  }), [E, A] = le(N ?? o), [D, q] = le(n !== void 0 || e.defaultValue !== void 0 || N !== void 0), y = n ?? E, f = _.indexOf(y), b = f >= 0 ? M[f] : je(y, -1);
-  Hs(D || n !== void 0 ? v : null, y, {
+    return a ? F.find((x, y) => je(x, y) === a) : void 0;
+  }), [P, _] = le(N ?? o), [D, q] = le(n !== void 0 || e.defaultValue !== void 0 || N !== void 0), p = n ?? P, f = F.indexOf(p), b = f >= 0 ? k[f] : je(p, -1);
+  Hs(D || n !== void 0 ? v : null, p, {
     theme: d,
-    initialApplied: D && i && b === je(o, _.indexOf(o))
+    initialApplied: D && i && b === je(o, F.indexOf(o))
   });
-  const C = ve((a) => {
-    const x = M.indexOf(a);
+  const M = ve((a) => {
+    const x = k.indexOf(a);
     if (x < 0) return;
-    const p = _[x];
-    q(!0), n === void 0 && A(p), s && (typeof p == "string" || p.id) && or(s, a, T), r == null || r(p);
-  }, [M, _, n, s, r, T]);
+    const y = F[x];
+    q(!0), n === void 0 && _(y), s && (typeof y == "string" || y.id) && or(s, a, T), r == null || r(y);
+  }, [k, F, n, s, r, T]);
   if (!g) return null;
-  const R = (a) => {
+  const A = (a) => {
     var x;
-    return (x = g.BASEMAPS.find((p) => p.id === a)) == null ? void 0 : x.thumbnail;
-  }, I = _.map((a, x) => {
-    const p = M[x], m = typeof a == "string" ? g.BASEMAPS.find((F) => F.id === a) : void 0;
+    return (x = g.BASEMAPS.find((y) => y.id === a)) == null ? void 0 : x.thumbnail;
+  }, E = F.map((a, x) => {
+    const y = k[x], m = typeof a == "string" ? g.BASEMAPS.find((R) => R.id === a) : void 0;
     return {
-      id: p,
-      label: a === "auto" ? "Auto" : (m == null ? void 0 : m.label) ?? (typeof a == "object" && a.label || p),
+      id: y,
+      label: a === "auto" ? "Auto" : (m == null ? void 0 : m.label) ?? (typeof a == "object" && a.label || y),
       // Auto shows both looks it switches between (light → streets, dark → dark).
-      thumbnail: a === "auto" ? [R("streets"), R("dark")].every(Boolean) ? [R("streets"), R("dark")] : void 0 : typeof a == "string" ? R(a) : a.thumbnail
+      thumbnail: a === "auto" ? [A("streets"), A("dark")].every(Boolean) ? [A("streets"), A("dark")] : void 0 : typeof a == "string" ? A(a) : a.thumbnail
     };
   });
-  return /* @__PURE__ */ X(Uo, { options: I, value: b, onChange: C, size: l, tooltipSide: u });
+  return /* @__PURE__ */ X(Uo, { options: E, value: b, onChange: M, size: l, tooltipSide: u });
 }
 export {
-  gi as ActiveDrawingToolbar,
-  ui as BasemapControl,
+  fi as ActiveDrawingToolbar,
+  ai as BasemapControl,
   ys as BoundaryLayer,
   rs as BoxSelectHandler,
   Rr as DrawingLayer,
   Ar as DrawingPreviewLayer,
-  yi as EditingToolbar,
-  ai as ElementEditorControls,
-  Mi as ElementEditorError,
-  pi as ElementEditorUIProvider,
+  gi as EditingToolbar,
+  li as ElementEditorControls,
+  Ci as ElementEditorError,
+  yi as ElementEditorUIProvider,
   us as FeatureInteractionLayer,
   Er as FeatureLayer,
   gr as FeatureStyleProvider,
-  ci as FitBounds,
-  hi as FloatingToolbar,
-  mi as GeoStoreProvider,
+  ii as FitBounds,
+  pi as FloatingToolbar,
+  hi as GeoStoreProvider,
   ms as GeometryProcessingPreview,
-  vi as MapControllerProvider,
+  mi as MapControllerProvider,
   Es as MeasurePreviewLayer,
   Ks as MeasurementTooltip,
   _s as OsmTraceHandler,
   gs as SnapController,
-  xi as StoreContext,
+  vi as StoreContext,
   es as TransformControls,
   $r as VertexEditor,
   Vn as findSnapPoint,
   Dt as snapToAngle,
   Hs as useBasemap,
-  wi as useDataStore,
+  xi as useDataStore,
   yr as useFeatureStyle,
-  Si as useGeoStore,
-  bi as useKeyboardShortcuts,
-  Li as useMapController,
-  li as useMapLibre,
-  Ei as useSetMapController,
-  Pi as useUIStore
+  wi as useGeoStore,
+  Si as useKeyboardShortcuts,
+  bi as useMapController,
+  ci as useMapLibre,
+  Li as useSetMapController,
+  Ei as useUIStore
 };