@element-editor/ui 0.2.0 → 0.2.1

package/dist/{index-CtZterPc.js → index-CILw1Du5.js}

@@ -2,14 +2,14 @@ var Tr = Object.defineProperty;
 var Ar = (t, e, n) => e in t ? Tr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var Pt = (t, e, n) => Ar(t, typeof e != "symbol" ? e + "" : e, n);
 import Fr, { lazy as _t, useState as q, createElement as zr, useContext as tt, useCallback as J, createContext as Lr, useRef as B, useLayoutEffect as pe, useEffect as $, useMemo as ue, isValidElement as Rr, cloneElement as $r, memo as Gt, Suspense as Ut, useId as Kr } from "react";
-import { e as oe, h as le, g as Ae, b as Or, s as jt, u as S, f as U, l as Br, E as Wr, T as _r, m as Gr, M as Ur } from "./useAdapterControls-DVjkwRZ_.js";
-import { jsx as r, jsxs as T, Fragment as ae } from "react/jsx-runtime";
+import { e as oe, h as ae, g as Ae, b as Or, s as jt, u as S, f as U, l as Br, E as Wr, T as _r, m as Gr, M as Ur } from "./useAdapterControls-DVjkwRZ_.js";
+import { jsx as r, jsxs as T, Fragment as le } from "react/jsx-runtime";
 import { u as ce, f as jr, e as qr, w as Hr, E as Vr } from "./useAccentStyle-CPo2XqAn.js";
-import { loadCustomBindings as Jr, syncShortcutCache as $e, getEffectiveKey as qt, findConflict as Xr, saveCustomBindings as Xe, getCurrentKey as Zr, isMultiGeometry as Yr, getPartCount as rt, sidebarTakesSpace as nt, NARROW_EDITOR_WIDTH as Dt, getPartGeometry as Qr, getPartLabel as en, BOUNDARIES_SCHEMA_ID as tn, featureLimitMessage as rn, canProcessShape as Fe, setGeometryRunner as nn, countShapeVertices as Ke, resolveUnitSystem as on, isLineGeometryType as sn, placeBox as an } from "@element-editor/core/internal";
-import { getGeometryBBox as ot, readStorage as Ht, writeStorage as ln, getFixedShortcutDisplay as Vt, ElementEditorError as Be, formatLength as It, subscribeToDataChanges as cn, readAccentPalette as Mt, DEFAULT_MAX_IMPORT_BYTES as dn, parseGeoJSONText as un } from "@element-editor/core";
+import { loadCustomBindings as Jr, syncShortcutCache as $e, getEffectiveKey as qt, findConflict as Xr, saveCustomBindings as Xe, getCurrentKey as Zr, isMultiGeometry as Yr, getPartCount as rt, sidebarTakesSpace as nt, NARROW_EDITOR_WIDTH as Dt, getPartGeometry as Qr, getPartLabel as en, BOUNDARIES_SCHEMA_ID as tn, featureLimitMessage as rn, canProcessShape as Fe, setGeometryRunner as nn, countShapeVertices as Ke, resolveUnitSystem as on, isLineGeometryType as sn, placeBox as ln } from "@element-editor/core/internal";
+import { getGeometryBBox as ot, readStorage as Ht, writeStorage as an, getFixedShortcutDisplay as Vt, ElementEditorError as Be, formatLength as It, subscribeToDataChanges as cn, readAccentPalette as Mt, DEFAULT_MAX_IMPORT_BYTES as dn, parseGeoJSONText as un } from "@element-editor/core";
 import { MapPinPlus as mn, SidebarSimple as Jt, ArrowLeft as fn, CopySimple as Xt, Trash as ze, CaretDown as pn, CaretRight as hn, Check as gn, Copy as yn, FolderPlus as bn, MapPin as Zt, Polygon as Yt, StackSimple as Ye, LineSegment as Qt, PencilSimple as vn, EyeClosed as Qe, Eye as st, Folder as xn, FolderOpen as wn, DotsThree as kn, Pencil as Sn, FolderMinus as Cn, Path as Nn, Circle as En, Rectangle as Pn, ScribbleLoop as Dn, HandTap as In, Ruler as Mn, MagnifyingGlass as Ze, X as Tt, Resize as er, Scissors as tr, Knife as rr, WaveSine as nr, SquareLogo as or, Shapes as sr, StackPlus as ir, LineSegments as Tn, DotOutline as An, Crosshair as Fn, ArrowArcRight as zn, ArrowArcLeft as Ln, ArrowsHorizontal as Rn, Hexagon as $n, CircleHalfTilt as Kn, CornersOut as On, NavigationArrow as Bn } from "@phosphor-icons/react";
 import { useShallow as Wn } from "zustand/react/shallow";
-import { i as _n, c as ar, I as At, T as Gn, f as be, a as Q, B as we, b as Ie, C as lr, S as Ft, d as me, g as zt, K as Oe, E as te, e as Ne, h as Un } from "./EditToolbarBtn-SZIsnIn3.js";
+import { i as _n, c as lr, I as At, T as Gn, f as be, a as Q, B as we, b as Ie, C as ar, S as Ft, d as me, g as zt, K as Oe, E as te, e as Ne, h as Un } from "./EditToolbarBtn-SR4xHd8G.js";
 import { clsx as ne } from "clsx";
 import { createPortal as cr } from "react-dom";
 import { centroid as jn } from "@turf/centroid";
@@ -38,7 +38,7 @@ function Ks() {
   }, e = window.requestIdleCallback;
   e ? e(t, { timeout: 3e3 }) : setTimeout(t, 1500);
 }
-const at = Lr(null);
+const lt = Lr(null);
 function Hn({ children: t }) {
   const e = ce(), [n, s] = q(() => {
     const c = Jr(e);
@@ -54,17 +54,17 @@ function Hn({ children: t }) {
   }, [n, e]), m = J(() => {
     s({}), Xe({}, e), $e({});
   }, [e]);
-  return /* @__PURE__ */ r(at.Provider, { value: { custom: n, getKey: o, setKey: d, resetKey: i, resetAll: m }, children: t });
+  return /* @__PURE__ */ r(lt.Provider, { value: { custom: n, getKey: o, setKey: d, resetKey: i, resetAll: m }, children: t });
 }
 function Vn() {
-  return tt(at);
+  return tt(lt);
 }
 function Ee() {
-  const t = tt(at);
+  const t = tt(lt);
   if (!t) throw new Error("useShortcutConfig must be used inside ShortcutConfigProvider");
   return t;
 }
-const mr = fe(() => import("./FeatureList-CQb2kTrV.js")), Jn = fe(() => import("./DataTable-DNmjUwka.js")), Xn = fe(() => import("./SchemaEditor-BEsKUe2p.js"));
+const mr = fe(() => import("./FeatureList-Bo9w9nre.js")), Jn = fe(() => import("./DataTable-CS-3dIqY.js")), Xn = fe(() => import("./SchemaEditor-ryoTgaLb.js"));
 it(mr, Jn, Xn);
 function Zn() {
   return /* @__PURE__ */ T("div", { className: "flex flex-col items-center justify-center gap-3 h-full text-elm-text-muted", children: [
@@ -169,18 +169,18 @@ function io(t, e) {
     n.disabled || (n.setAttribute("data-pressed", ""), setTimeout(() => n.removeAttribute("data-pressed"), so));
   });
 }
-const ao = ["point", "line", "polygon", "route", "circle", "rectangle", "freehand", "picker"];
+const lo = ["point", "line", "polygon", "route", "circle", "rectangle", "freehand", "picker"];
 function Ws(t) {
   var x;
-  const { dataStore: e, uiStore: n } = oe(), s = le(), { panTo: o, fitBounds: d, setZoom: i } = Ae(), m = Or(), c = ce(), y = ke(), f = (x = Vn()) == null ? void 0 : x.custom, h = B(f);
+  const { dataStore: e, uiStore: n } = oe(), s = ae(), { panTo: o, fitBounds: d, setZoom: i } = Ae(), m = Or(), c = ce(), y = ke(), f = (x = Vn()) == null ? void 0 : x.custom, h = B(f);
   h.current = f;
   const u = J((w) => h.current ? qt(w, h.current) : Zr(w), []);
   $(() => {
     if (!t) return;
     const w = t.closest("[data-elm-theme]") ?? t, M = { root: w, pointerInside: null };
     Ce.set(n, M);
-    const C = (a) => {
-      a.composedPath().includes(w) ? M.pointerInside = !0 : a.target instanceof Element && fr(a.target) || (M.pointerInside = !1);
+    const C = (l) => {
+      l.composedPath().includes(w) ? M.pointerInside = !0 : l.target instanceof Element && fr(l.target) || (M.pointerInside = !1);
     };
     return document.addEventListener("pointerdown", C, { capture: !0, passive: !0 }), () => {
       Ce.get(n) === M && Ce.delete(n), document.removeEventListener("pointerdown", C, { capture: !0 });
@@ -189,10 +189,10 @@ function Ws(t) {
     if (!c.ui.keyboardShortcuts.enabled || !c.ui.keyboardShortcuts.mapZoom) return;
     function w(M) {
       if (!(M.metaKey || M.ctrlKey) || !y(M)) return;
-      const C = M.target, a = C == null ? void 0 : C.tagName;
-      if (a === "INPUT" || a === "TEXTAREA" || a === "SELECT" || C != null && C.isContentEditable) return;
-      const p = M.key === "+" || M.key === "=", l = M.key === "-" || M.key === "_";
-      if (!p && !l || !i) return;
+      const C = M.target, l = C == null ? void 0 : C.tagName;
+      if (l === "INPUT" || l === "TEXTAREA" || l === "SELECT" || C != null && C.isContentEditable) return;
+      const p = M.key === "+" || M.key === "=", a = M.key === "-" || M.key === "_";
+      if (!p && !a || !i) return;
       M.preventDefault();
       const E = e.getState().currentZoom;
       i(E + (p ? 1 : -1));
@@ -200,49 +200,49 @@ function Ws(t) {
     return window.addEventListener("keydown", w, { capture: !0 }), () => window.removeEventListener("keydown", w, { capture: !0 });
   }, [c.ui.keyboardShortcuts.enabled, c.ui.keyboardShortcuts.mapZoom, i, e]), $(() => {
     const w = c.ui.keyboardShortcuts.enabled;
-    function M(a) {
+    function M(l) {
       var L;
-      if (!w && a.key !== "Enter" || !y(a)) return;
-      const p = e.getState(), l = n.getState(), E = l.readonly, g = (v) => {
+      if (!w && l.key !== "Enter" || !y(l)) return;
+      const p = e.getState(), a = n.getState(), E = a.readonly, g = (v) => {
         var W;
         return io(((W = Ce.get(n)) == null ? void 0 : W.root) ?? document, v);
-      }, N = a.target.tagName, P = a.target, z = a.composedPath(), K = z.some((v) => {
+      }, N = l.target.tagName, P = l.target, z = l.composedPath(), K = z.some((v) => {
         if (!(v instanceof Element)) return !1;
         const W = v.getAttribute("role");
         return W === "grid" || W === "treegrid";
-      }), b = N === "INPUT" || N === "TEXTAREA" || N === "SELECT" || P.isContentEditable || K, k = a.key.toLowerCase();
-      if (!b && !E && k === "z" && (a.metaKey || a.ctrlKey) && !a.shiftKey) {
-        a.preventDefault(), g("undo"), p.undoStack.length > 0 && (p.undo(), s({ type: "undo" }));
+      }), b = N === "INPUT" || N === "TEXTAREA" || N === "SELECT" || P.isContentEditable || K, k = l.key.toLowerCase();
+      if (!b && !E && k === "z" && (l.metaKey || l.ctrlKey) && !l.shiftKey) {
+        l.preventDefault(), g("undo"), p.undoStack.length > 0 && (p.undo(), s({ type: "undo" }));
         return;
       }
-      if (!b && !E && k === "z" && (a.metaKey || a.ctrlKey) && a.shiftKey) {
-        a.preventDefault(), g("redo"), p.redoStack.length > 0 && (p.redo(), s({ type: "redo" }));
+      if (!b && !E && k === "z" && (l.metaKey || l.ctrlKey) && l.shiftKey) {
+        l.preventDefault(), g("redo"), p.redoStack.length > 0 && (p.redo(), s({ type: "redo" }));
         return;
       }
-      if (!b && (a.metaKey || a.ctrlKey) && (a.key === "a" || a.key === "A")) {
-        a.preventDefault();
+      if (!b && (l.metaKey || l.ctrlKey) && (l.key === "a" || l.key === "A")) {
+        l.preventDefault();
         const v = new Set(p.groups.filter((H) => H.hidden).map((H) => H.id)), W = p.features.filter((H) => !H.hidden && !(H.groupId && v.has(H.groupId))).map((H) => H.id);
         W.length > 0 && p.setSelection(W);
         return;
       }
-      if (!b && (a.metaKey || a.ctrlKey) && !a.shiftKey && (a.key === "j" || a.key === "J")) {
-        a.preventDefault();
-        const v = !l.autoExitAfterDraw;
-        l.setAutoExitAfterDraw(v), s({
+      if (!b && (l.metaKey || l.ctrlKey) && !l.shiftKey && (l.key === "j" || l.key === "J")) {
+        l.preventDefault();
+        const v = !a.autoExitAfterDraw;
+        a.setAutoExitAfterDraw(v), s({
           type: "success",
           message: v ? "Drawing tools will exit after each shape" : "Drawing tools will stay active after each shape",
           description: v ? "You’ll go back to select mode. Press a tool key to draw again." : "Keep drawing more shapes in a row. Press the tool key again or Esc to exit."
         });
         return;
       }
-      if (!b && !E && (a.metaKey || a.ctrlKey) && !a.shiftKey && (a.key === "o" || a.key === "O")) {
-        a.preventDefault(), no().then((v) => {
+      if (!b && !E && (l.metaKey || l.ctrlKey) && !l.shiftKey && (l.key === "o" || l.key === "O")) {
+        l.preventDefault(), no().then((v) => {
           v && m(v);
         });
         return;
       }
-      if (!b && (a.metaKey || a.ctrlKey) && !a.shiftKey && (a.key === "s" || a.key === "S")) {
-        a.preventDefault();
+      if (!b && (l.metaKey || l.ctrlKey) && !l.shiftKey && (l.key === "s" || l.key === "S")) {
+        l.preventDefault();
         const v = p.exportGeoJSON(), W = JSON.parse(v);
         if (!Array.isArray(W.features) || W.features.length === 0) {
           s({ type: "warning", message: "Export failed", description: "No features to export — draw or import something first." });
@@ -259,14 +259,14 @@ function Ws(t) {
         })();
         return;
       }
-      if (!b && (a.metaKey || a.ctrlKey)) {
-        if (a.key === "c") {
+      if (!b && (l.metaKey || l.ctrlKey)) {
+        if (l.key === "c") {
           if (p.selectedIds.length === 0) return;
           p.copySelection().then((v) => s(v ? { type: "selection:copied" } : { type: "warning", message: "Copied for pasting in this editor only", description: "The browser did not allow writing to the system clipboard." }));
           return;
         }
-        if (a.key === "d") {
-          if (a.preventDefault(), E) return;
+        if (l.key === "d") {
+          if (l.preventDefault(), E) return;
           g("duplicate");
           const v = p.selectedIds;
           if (p.duplicateSelection())
@@ -277,54 +277,54 @@ function Ws(t) {
               s({ type: "features:duplicated", count: v.length });
           return;
         }
-        if (a.key === "e" || a.key === "E") {
+        if (l.key === "e" || l.key === "E") {
           if (p.selectedIds.length !== 1) return;
-          a.preventDefault(), l.openEditDialog(p.selectedIds[0], { focusFirstField: !0 });
+          l.preventDefault(), a.openEditDialog(p.selectedIds[0], { focusFirstField: !0 });
           return;
         }
-        if ((a.key === "g" || a.key === "G") && !E) {
-          if (a.shiftKey) {
+        if ((l.key === "g" || l.key === "G") && !E) {
+          if (l.shiftKey) {
             if (p.selectedIds.length === 0 || !p.features.some((W) => p.selectedIds.includes(W.id) && W.groupId)) return;
-            a.preventDefault(), p.ungroupSelection();
+            l.preventDefault(), p.ungroupSelection();
           } else {
             if (p.selectedIds.length === 0) return;
-            a.preventDefault();
+            l.preventDefault();
             const v = p.groupSelection();
-            v && l.setAutoFocusGroupId(v);
+            v && a.setAutoFocusGroupId(v);
           }
           return;
         }
       }
-      if (a.key === "Enter") {
-        if ((!b || a.metaKey || a.ctrlKey) && l.editingMode !== "none") {
-          if (l.editingMode === "slice-shape") {
-            a.preventDefault(), l.commitSliceShape();
+      if (l.key === "Enter") {
+        if ((!b || l.metaKey || l.ctrlKey) && a.editingMode !== "none") {
+          if (a.editingMode === "slice-shape") {
+            l.preventDefault(), a.commitSliceShape();
             return;
-          } else if (l.editingMode === "cut-hole") {
-            a.preventDefault(), l.commitCutHole();
+          } else if (a.editingMode === "cut-hole") {
+            l.preventDefault(), a.commitCutHole();
             return;
-          } else if (l.editingMode === "draw-line" && l.lineInProgress.length >= 2) {
-            a.preventDefault(), l.commitLine({});
+          } else if (a.editingMode === "draw-line" && a.lineInProgress.length >= 2) {
+            l.preventDefault(), a.commitLine({});
             return;
-          } else if (l.editingMode === "draw-polygon" && l.polygonInProgress.length >= 3) {
-            a.preventDefault(), l.commitPolygon({});
+          } else if (a.editingMode === "draw-polygon" && a.polygonInProgress.length >= 3) {
+            l.preventDefault(), a.commitPolygon({});
             return;
-          } else if (l.editingMode === "draw-route" && l.routeWaypoints.length >= 2) {
-            a.preventDefault(), l.commitRoute();
+          } else if (a.editingMode === "draw-route" && a.routeWaypoints.length >= 2) {
+            l.preventDefault(), a.commitRoute();
             return;
           }
         }
         if (!w) return;
-        const W = l.editingMode === "none" || l.editingMode === "draw-rect" || l.editingMode === "draw-circle" || l.editingMode === "place-point" || l.editingMode === "draw-freehand" || l.editingMode === "pick-shape" || l.editingMode === "draw-line" && l.lineInProgress.length < 2 || l.editingMode === "draw-polygon" && l.polygonInProgress.length < 3 || l.editingMode === "draw-route" && l.routeWaypoints.length < 2;
-        if (l.dialogState.type === "closed") {
-          if (!b && !E && !((L = P.closest) != null && L.call(P, 'button, a[href], [role="button"]')) && !a.metaKey && !a.ctrlKey && !a.altKey && W) {
+        const W = a.editingMode === "none" || a.editingMode === "draw-rect" || a.editingMode === "draw-circle" || a.editingMode === "place-point" || a.editingMode === "draw-freehand" || a.editingMode === "pick-shape" || a.editingMode === "draw-line" && a.lineInProgress.length < 2 || a.editingMode === "draw-polygon" && a.polygonInProgress.length < 3 || a.editingMode === "draw-route" && a.routeWaypoints.length < 2;
+        if (a.dialogState.type === "closed") {
+          if (!b && !E && !((L = P.closest) != null && L.call(P, 'button, a[href], [role="button"]')) && !l.metaKey && !l.ctrlKey && !l.altKey && W) {
             const H = p.selectedIds;
             if (H.length === 1) {
               const F = p.features.find((G) => G.id === H[0]), I = F == null ? void 0 : F.geometry.type;
               if (I === "LineString" || I === "Polygon" || I === "MultiLineString" || I === "MultiPolygon" || I === "GeometryCollection") {
-                a.preventDefault();
-                const G = !l.vertexEditActive;
-                G && l.editingMode !== "none" && l.setEditingMode("none"), l.setVertexEditActive(G);
+                l.preventDefault();
+                const G = !a.vertexEditActive;
+                G && a.editingMode !== "none" && a.setEditingMode("none"), a.setVertexEditActive(G);
                 return;
               }
             }
@@ -332,13 +332,13 @@ function Ws(t) {
         }
       }
       const D = z.some((v) => v instanceof Element && v.hasAttribute("data-elm-search-open"));
-      if (a.key === "Tab" && !b && l.dialogState.type === "closed" && !D && !a.metaKey && !a.ctrlKey && !a.altKey) {
+      if (l.key === "Tab" && !b && a.dialogState.type === "closed" && !D && !l.metaKey && !l.ctrlKey && !l.altKey) {
         const v = p.features;
         if (v.length === 0) return;
-        a.preventDefault();
+        l.preventDefault();
         const W = eo(v, p.groups), H = p.selectedIds.length === 1 ? p.selectedIds[0] : null, F = H ? W.indexOf(H) : -1;
         let I;
-        a.shiftKey ? I = F <= 0 ? W.length - 1 : F - 1 : I = F >= W.length - 1 ? 0 : F + 1;
+        l.shiftKey ? I = F <= 0 ? W.length - 1 : F - 1 : I = F >= W.length - 1 ? 0 : F + 1;
         const _ = W[I];
         p.selectFeature(_);
         const G = v.find((V) => V.id === _);
@@ -350,48 +350,48 @@ function Ws(t) {
             d == null || d(G.bbox || ot(G.geometry));
         return;
       }
-      if (!b && !a.metaKey && !a.ctrlKey && !a.altKey) {
-        const v = a.key.toLowerCase();
+      if (!b && !l.metaKey && !l.ctrlKey && !l.altKey) {
+        const v = l.key.toLowerCase();
         if (v === u("show-shortcuts")) {
-          a.preventDefault(), g("show-shortcuts"), l.shortcutsModalOpen ? l.closeShortcutsModal() : l.openShortcutsModal();
+          l.preventDefault(), g("show-shortcuts"), a.shortcutsModalOpen ? a.closeShortcutsModal() : a.openShortcutsModal();
           return;
         }
         if (c.ui.schemaEditor && !E && v === u("toggle-schema")) {
-          a.preventDefault(), g("toggle-schema"), l.toggleSchemaModal();
+          l.preventDefault(), g("toggle-schema"), a.toggleSchemaModal();
           return;
         }
         if (c.ui.layerList && v === u("toggle-sidebar")) {
-          a.preventDefault(), g("toggle-sidebar"), l.setSidebarOpen(!l.sidebarOpen);
+          l.preventDefault(), g("toggle-sidebar"), a.setSidebarOpen(!a.sidebarOpen);
           return;
         }
       }
-      if (!b && l.dialogState.type !== "new-point" && !a.metaKey && !a.ctrlKey && !a.altKey) {
-        const v = a.key.toLowerCase();
+      if (!b && a.dialogState.type !== "new-point" && !l.metaKey && !l.ctrlKey && !l.altKey) {
+        const v = l.key.toLowerCase();
         if (c.ui.dataTable && v === u("toggle-table")) {
-          a.preventDefault(), g("toggle-table"), l.toggleTable();
+          l.preventDefault(), g("toggle-table"), a.toggleTable();
           return;
         }
         if (c.ui.geojsonEditor && v === u("toggle-geojson")) {
-          a.preventDefault(), g("toggle-geojson"), l.toggleCodeModal();
+          l.preventDefault(), g("toggle-geojson"), a.toggleCodeModal();
           return;
         }
         if (c.ui.zoomIndicator && v === u("set-zoom")) {
-          a.preventDefault(), g("set-zoom"), l.setZoomEditing(!0);
+          l.preventDefault(), g("set-zoom"), a.setZoomEditing(!0);
           return;
         }
         if (v === u("measure")) {
-          g("measure"), l.setEditingMode(l.editingMode === "measure" ? "none" : "measure");
+          g("measure"), a.setEditingMode(a.editingMode === "measure" ? "none" : "measure");
           return;
         }
         if (E) return;
         if (v === u("toggle-transform")) {
-          (p.selectedIds.length === 1 && p.selectedIds[0] || p.selectedIds.length > 0) && (g("toggle-transform"), l.setTransformActive(!l.transformActive), !l.transformActive && l.editingMode !== "none" && l.setEditingMode("none"));
+          (p.selectedIds.length === 1 && p.selectedIds[0] || p.selectedIds.length > 0) && (g("toggle-transform"), a.setTransformActive(!a.transformActive), !a.transformActive && a.editingMode !== "none" && a.setEditingMode("none"));
           return;
         }
-        const W = l.isToolAvailable, H = (F) => {
-          l.editingMode !== F && !p.canAddFeatures(1) || (g(F === "pick-shape" ? "picker" : F), l.setEditingMode(l.editingMode === F ? "none" : F));
+        const W = a.isToolAvailable, H = (F) => {
+          a.editingMode !== F && !p.canAddFeatures(1) || (g(F === "pick-shape" ? "picker" : F), a.setEditingMode(a.editingMode === F ? "none" : F));
         };
-        for (const F of ao) {
+        for (const F of lo) {
           const I = jr[F];
           if (W(F) && v === u(I === "pick-shape" ? "picker" : I)) {
             H(I);
@@ -400,12 +400,12 @@ function Ws(t) {
         }
         if (v === u("cut-hole")) {
           const F = p.features.find((I) => I.id === (p.selectedIds.length === 1 ? p.selectedIds[0] : null));
-          F && (F.geometry.type === "Polygon" || F.geometry.type === "MultiPolygon") && (g("cut-hole"), l.setEditingMode(l.editingMode === "cut-hole" ? "none" : "cut-hole"), l.setTransformActive(!1));
+          F && (F.geometry.type === "Polygon" || F.geometry.type === "MultiPolygon") && (g("cut-hole"), a.setEditingMode(a.editingMode === "cut-hole" ? "none" : "cut-hole"), a.setTransformActive(!1));
           return;
         }
         if (v === u("slice-shape")) {
           const F = p.features.find((I) => I.id === (p.selectedIds.length === 1 ? p.selectedIds[0] : null));
-          F && (F.geometry.type === "Polygon" || F.geometry.type === "MultiPolygon") && (g("slice-shape"), l.setEditingMode(l.editingMode === "slice-shape" ? "none" : "slice-shape"), l.setTransformActive(!1));
+          F && (F.geometry.type === "Polygon" || F.geometry.type === "MultiPolygon") && (g("slice-shape"), a.setEditingMode(a.editingMode === "slice-shape" ? "none" : "slice-shape"), a.setTransformActive(!1));
           return;
         }
         if (v === u("break-apart")) {
@@ -418,21 +418,21 @@ function Ws(t) {
           return;
         }
       }
-      if (a.key !== "Delete" && a.key !== "Backspace" || E || l.dialogState.type === "new-point") return;
+      if (l.key !== "Delete" && l.key !== "Backspace" || E || a.dialogState.type === "new-point") return;
       const R = p.selectedIds;
-      if (R.length === 0 || b || l.vertexEditActive) return;
+      if (R.length === 0 || b || a.vertexEditActive) return;
       const O = R.length, j = O === 1 ? p.features.find((v) => v.id === R[0]) : null, Z = O === 1 ? String((j == null ? void 0 : j.properties.name) || "Unnamed feature") : `${O} features`;
-      a.preventDefault(), a.stopImmediatePropagation(), g("delete-selected"), p.deleteSelection(), l.closeDialog(), s(O === 1 ? { type: "feature:deleted", featureId: R[0], label: Z, undo: () => e.getState().undo() } : { type: "features:deleted", count: O, undo: () => e.getState().undo() });
+      l.preventDefault(), l.stopImmediatePropagation(), g("delete-selected"), p.deleteSelection(), a.closeDialog(), s(O === 1 ? { type: "feature:deleted", featureId: R[0], label: Z, undo: () => e.getState().undo() } : { type: "features:deleted", count: O, undo: () => e.getState().undo() });
     }
-    function C(a) {
+    function C(l) {
       var g;
-      if (!y(a)) return;
-      const p = a.target.tagName;
+      if (!y(l)) return;
+      const p = l.target.tagName;
       if (p === "INPUT" || p === "TEXTAREA" || p === "SELECT" || n.getState().readonly) return;
-      const l = (g = a.clipboardData) == null ? void 0 : g.getData("text");
-      if (l)
+      const a = (g = l.clipboardData) == null ? void 0 : g.getData("text");
+      if (a)
         try {
-          const N = JSON.parse(l);
+          const N = JSON.parse(a);
           if (N.type === "FeatureCollection" || N.type === "Feature") {
             const P = N.type === "FeatureCollection" ? N.features : [N];
             e.setState({ clipboard: P }), e.getState().pasteSelection() && s({ type: "selection:pasted", count: P.length });
@@ -448,22 +448,22 @@ function Ws(t) {
     };
   }, [e, n, s, o, d, c, u, m]), $(() => {
     function w(M) {
-      var l;
+      var a;
       if (M.key !== "Escape" || !y(M)) return;
       const C = M.target;
-      if (C && (C.tagName === "INPUT" || C.tagName === "TEXTAREA" || C.isContentEditable) || (l = C == null ? void 0 : C.closest) != null && l.call(C, `[${to}]`) || _n()) return;
-      const a = n.getState();
-      if (a.dialogState.type !== "closed") {
-        a.closeDialog(), M.stopPropagation();
+      if (C && (C.tagName === "INPUT" || C.tagName === "TEXTAREA" || C.isContentEditable) || (a = C == null ? void 0 : C.closest) != null && a.call(C, `[${to}]`) || _n()) return;
+      const l = n.getState();
+      if (l.dialogState.type !== "closed") {
+        l.closeDialog(), M.stopPropagation();
         return;
       }
-      if (a.editingMode === "none") {
-        if (a.vertexEditActive) {
-          a.setVertexEditActive(!1), M.stopPropagation();
+      if (l.editingMode === "none") {
+        if (l.vertexEditActive) {
+          l.setVertexEditActive(!1), M.stopPropagation();
           return;
         }
-        if (a.transformActive) {
-          a.setTransformActive(!1), M.stopPropagation();
+        if (l.transformActive) {
+          l.setTransformActive(!1), M.stopPropagation();
           return;
         }
         if (e.getState().selectedIds.length > 0) {
@@ -476,10 +476,10 @@ function Ws(t) {
     return window.addEventListener("keydown", w, { capture: !0 }), () => window.removeEventListener("keydown", w, { capture: !0 });
   }, []);
 }
-const lo = /* @__PURE__ */ new Set(["true", "yes", "y", "1", "on", "x", "✓"]), co = /* @__PURE__ */ new Set(["false", "no", "n", "0", "off", ""]);
+const ao = /* @__PURE__ */ new Set(["true", "yes", "y", "1", "on", "x", "✓"]), co = /* @__PURE__ */ new Set(["false", "no", "n", "0", "off", ""]);
 function uo(t) {
   const e = t.trim().toLowerCase();
-  return lo.has(e) ? !0 : co.has(e) ? !1 : null;
+  return ao.has(e) ? !0 : co.has(e) ? !1 : null;
 }
 function mo(t) {
   return typeof t == "boolean" ? t : typeof t == "number" ? t !== 0 : typeof t == "string" ? uo(t) === !0 : !1;
@@ -518,7 +518,7 @@ function fo({ fields: t, values: e, onChange: n, errors: s, autoFocusFirst: o, r
         disabled: d
       }
     ) : i.type === "select" ? u = /* @__PURE__ */ T(
-      ar,
+      lr,
       {
         value: String(c),
         onChange: (x) => n(i.key, x.target.value),
@@ -634,16 +634,16 @@ function So(t, e, n) {
   return {};
 }
 function Co({ dialogState: t, collapsible: e = !1 }) {
-  const { dataStore: n } = oe(), s = le(), o = S((I) => I.closeDialog), d = U((I) => I.selectFeature), i = U(Wn((I) => I.getVisibleSchemas())), m = U((I) => I.lastUsedSchemaId), c = S((I) => I.readonly), { uiStore: y } = oe(), f = ke(), h = U((I) => I.features), u = ue(
+  const { dataStore: n } = oe(), s = ae(), o = S((I) => I.closeDialog), d = U((I) => I.selectFeature), i = U(Wn((I) => I.getVisibleSchemas())), m = U((I) => I.lastUsedSchemaId), c = S((I) => I.readonly), { uiStore: y } = oe(), f = ke(), h = U((I) => I.features), u = ue(
     () => t.type === "edit" ? h.find((I) => I.id === t.featureId) ?? null : null,
     [t, h]
-  ), x = U((I) => I.addFeature), w = U((I) => I.updateFeature), M = U((I) => I.deleteFeature), C = U((I) => I.duplicateFeature), a = U((I) => I.getDefaultSchema), p = U((I) => I.setLastUsedSchemaId), l = t.type === "new-point", E = a(), [g, N] = q(() => t.type === "edit" && (u != null && u.schemaId) ? u.schemaId : m && i.find((_) => _.id === m) ? m : E.id), P = i.find((I) => I.id === g) ?? E, [z, K] = q(
+  ), x = U((I) => I.addFeature), w = U((I) => I.updateFeature), M = U((I) => I.deleteFeature), C = U((I) => I.duplicateFeature), l = U((I) => I.getDefaultSchema), p = U((I) => I.setLastUsedSchemaId), a = t.type === "new-point", E = l(), [g, N] = q(() => t.type === "edit" && (u != null && u.schemaId) ? u.schemaId : m && i.find((_) => _.id === m) ? m : E.id), P = i.find((I) => I.id === g) ?? E, [z, K] = q(
     () => So(t, P, h)
   ), [b, k] = q({}), D = u == null ? void 0 : u.properties, R = u == null ? void 0 : u.schemaId, [O, j] = q({ editProps: D, editSchemaId: R });
   u && (O.editProps !== D || O.editSchemaId !== R) && (j({ editProps: D, editSchemaId: R }), K({ ...D }), R && N(R), k({}));
   function Z(I) {
     const _ = i.find((G) => G.id === I) ?? E;
-    if (l) {
+    if (a) {
       const G = {};
       _.fields.forEach((V) => {
         G[V.key] = z[V.key] ?? "";
@@ -683,7 +683,7 @@ function Co({ dialogState: t, collapsible: e = !1 }) {
     const _ = {};
     for (const [V, Y] of Object.entries(z))
       Y !== "" && (_[V] = Y);
-    l && t.type === "new-point" ? x({
+    a && t.type === "new-point" ? x({
       type: "Feature",
       id: crypto.randomUUID(),
       schemaId: g,
@@ -701,7 +701,7 @@ function Co({ dialogState: t, collapsible: e = !1 }) {
     const I = String(u.properties.name || "Unnamed feature"), _ = u.id;
     M(_), o(), s({ type: "feature:deleted", featureId: _, label: I, undo: () => n.getState().undo() });
   }
-  const H = l ? "New point" : u ? String(u.properties.name || "Edit feature") : "Edit feature", F = l ? "point" : (u == null ? void 0 : u.geometry.type) === "MultiPoint" ? "points" : (u == null ? void 0 : u.geometry.type) === "LineString" ? "line" : (u == null ? void 0 : u.geometry.type) === "MultiLineString" ? "lines" : (u == null ? void 0 : u.geometry.type) === "Polygon" ? "area" : (u == null ? void 0 : u.geometry.type) === "MultiPolygon" ? "areas" : (u == null ? void 0 : u.geometry.type) === "GeometryCollection" ? "mixed" : "point";
+  const H = a ? "New point" : u ? String(u.properties.name || "Edit feature") : "Edit feature", F = a ? "point" : (u == null ? void 0 : u.geometry.type) === "MultiPoint" ? "points" : (u == null ? void 0 : u.geometry.type) === "LineString" ? "line" : (u == null ? void 0 : u.geometry.type) === "MultiLineString" ? "lines" : (u == null ? void 0 : u.geometry.type) === "Polygon" ? "area" : (u == null ? void 0 : u.geometry.type) === "MultiPolygon" ? "areas" : (u == null ? void 0 : u.geometry.type) === "GeometryCollection" ? "mixed" : "point";
   return /* @__PURE__ */ T("div", { className: "flex flex-col flex-1 min-h-0", children: [
     /* @__PURE__ */ T("header", { className: "flex items-center gap-1 px-4 pt-4 pb-3 border-b border-elm-border flex-shrink-0 bg-elm-surface-sunken", children: [
       e && /* @__PURE__ */ r(pr, {}),
@@ -712,7 +712,7 @@ function Co({ dialogState: t, collapsible: e = !1 }) {
         /* @__PURE__ */ r("p", { className: "text-sm leading-5 font-semibold text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-100)) truncate", children: H }),
         /* @__PURE__ */ r("p", { className: "text-xs leading-4 text-elm-text-subtle capitalize", children: F })
       ] }),
-      u && /* @__PURE__ */ T(ae, { children: [
+      u && /* @__PURE__ */ T(le, { children: [
         !c && /* @__PURE__ */ r(
           be,
           {
@@ -735,7 +735,7 @@ function Co({ dialogState: t, collapsible: e = !1 }) {
       /* @__PURE__ */ T("div", { className: "mb-3", children: [
         /* @__PURE__ */ r("label", { className: "block text-xs font-medium text-(--elm-text-muted,var(--color-gray-600)) dark:text-(--elm-text-muted,var(--color-gray-400)) mb-1", children: "Schema" }),
         /* @__PURE__ */ r(
-          ar,
+          lr,
           {
             value: g,
             onChange: (I) => Z(I.target.value),
@@ -768,7 +768,7 @@ function Co({ dialogState: t, collapsible: e = !1 }) {
             }
           },
           errors: b,
-          autoFocusFirst: !c && (l || t.type === "edit" && !!t.isNew || t.type === "edit" && !!t.focusFirstField),
+          autoFocusFirst: !c && (a || t.type === "edit" && !!t.isNew || t.type === "edit" && !!t.focusFirstField),
           readonly: c
         }
       ),
@@ -778,10 +778,10 @@ function Co({ dialogState: t, collapsible: e = !1 }) {
     ] }),
     !c && /* @__PURE__ */ r("div", { className: "px-4 py-3 border-t border-elm-border flex-shrink-0", children: /* @__PURE__ */ T(we, { variant: "primary", onClick: L, className: "w-full py-2 rounded-elm font-medium", children: [
       "Save",
-      /* @__PURE__ */ r("span", { className: "ml-auto flex items-center gap-0.5", children: Yn() ? /* @__PURE__ */ T(ae, { children: [
+      /* @__PURE__ */ r("span", { className: "ml-auto flex items-center gap-0.5", children: Yn() ? /* @__PURE__ */ T(le, { children: [
         /* @__PURE__ */ r(Ie, { children: "⌘" }),
         /* @__PURE__ */ r(Ie, { children: "↵" })
-      ] }) : /* @__PURE__ */ T(ae, { children: [
+      ] }) : /* @__PURE__ */ T(le, { children: [
         /* @__PURE__ */ r(Ie, { children: "Ctrl" }),
         /* @__PURE__ */ r(Ie, { children: "↵" })
       ] }) })
@@ -820,7 +820,7 @@ function Eo({
       return { type: "Feature", id: "(new)", schemaId: s, geometry: { type: "Point", coordinates: t.coords }, properties: x };
     }
     return e ?? null;
-  }, [t, e, n, s]), { open: d, toggle: i } = hr("sourceOpen", !1), [m, c] = q(!1), y = le();
+  }, [t, e, n, s]), { open: d, toggle: i } = hr("sourceOpen", !1), [m, c] = q(!1), y = ae();
   if (!o) return null;
   const f = JSON.stringify(o, null, 2);
   function h() {
@@ -903,7 +903,7 @@ function br(t, e, n, s) {
       m.current = C, i(C);
     }
     function w() {
-      u(), ln(t, String(m.current), o), window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", w);
+      u(), an(t, String(m.current), o), window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", w);
     }
     window.addEventListener("mousemove", x), window.addEventListener("mouseup", w);
   }, [t, n, s, o]);
@@ -933,7 +933,7 @@ function vr(t, e = !0) {
     return u.observe(f), () => u.disconnect();
   }, [t, e, n]);
 }
-const xr = "after:absolute after:transition-colors hover:after:bg-elm-focus-ring data-[dragging]:after:bg-elm-focus-ring", Do = `absolute left-0 top-0 h-full w-1 z-20 cursor-col-resize after:inset-y-0 after:left-0 after:w-0.5 ${xr}`, _s = `absolute top-0 left-0 right-0 h-1 z-10 cursor-row-resize after:inset-x-0 after:top-0 after:h-0.5 ${xr}`, Io = "p-1 rounded-elm-control flex items-center justify-center text-sm active:scale-[0.95] disabled:cursor-not-allowed disabled:active:scale-100", Mo = "text-elm-text hover:bg-elm-control-hover disabled:hover:bg-transparent", To = "flex items-center justify-center w-6 h-6 rounded-elm-control transition-colors bg-transparent hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-gray-200)_70%,transparent)) dark:hover:bg-(--elm-control-hover,var(--color-gray-800)) focus:outline-none focus-visible:ring-2 focus-visible:ring-elm-focus-ring disabled:cursor-not-allowed", Ao = "flex items-center justify-center w-12 h-12 backdrop-blur-md border border-elm-border/80 shadow-elm-control rounded-elm transition-colors active:scale-[0.95] focus:outline-none disabled:cursor-not-allowed disabled:active:scale-100", Fo = "bg-elm-surface/95 hover:bg-elm-surface-hover disabled:hover:bg-elm-surface/95", Kt = "disabled:text-elm-text-disabled", Ot = "text-primary-600 dark:text-primary-400", zo = "text-elm-text";
+const xr = "after:absolute after:transition-colors hover:after:bg-elm-focus-ring data-[dragging]:after:bg-elm-focus-ring", Do = `absolute left-0 top-0 h-full w-1 z-20 cursor-col-resize after:inset-y-0 after:left-0 after:w-0.5 ${xr}`, _s = `absolute top-0 left-0 right-0 h-1 z-10 cursor-row-resize after:inset-x-0 after:top-0 after:h-0.5 ${xr}`, Io = "p-1 rounded-elm-control flex items-center justify-center text-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-elm-focus-ring active:scale-[0.95] disabled:cursor-not-allowed disabled:active:scale-100", Mo = "text-elm-text hover:bg-elm-control-hover disabled:hover:bg-transparent", To = "flex items-center justify-center w-6 h-6 rounded-elm-control transition-colors bg-transparent hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-gray-200)_70%,transparent)) dark:hover:bg-(--elm-control-hover,var(--color-gray-800)) focus:outline-none focus-visible:ring-2 focus-visible:ring-elm-focus-ring disabled:cursor-not-allowed", Ao = "flex items-center justify-center w-12 h-12 backdrop-blur-md border border-elm-border/80 shadow-elm-control rounded-elm transition-colors active:scale-[0.95] focus:outline-none focus-visible:ring-2 focus-visible:ring-elm-focus-ring disabled:cursor-not-allowed disabled:active:scale-100", Fo = "bg-elm-surface/95 hover:bg-elm-surface-hover disabled:hover:bg-elm-surface/95", Kt = "disabled:text-elm-text-disabled", Ot = "text-primary-600 dark:text-primary-400", zo = "text-elm-text";
 function Pe({
   label: t,
   tooltipContent: e,
@@ -967,22 +967,22 @@ function Pe({
   ) });
 }
 const Gs = Gt(function({ footer: e }) {
-  const { dataStore: n } = oe(), s = le(), o = S((L) => L.sidebarOpen), d = S((L) => L.setSidebarOpen), i = S((L) => L.setSidebarWidth), m = S((L) => L.codeDockWidth), c = S((L) => L.readonly), y = S((L) => L.layout), { width: f, onHandleMouseDown: h } = br("elm_panel_width", 288, 200, 520), u = y === "split", x = B(null);
+  const { dataStore: n } = oe(), s = ae(), o = S((L) => L.sidebarOpen), d = S((L) => L.setSidebarOpen), i = S((L) => L.setSidebarWidth), m = S((L) => L.codeDockWidth), c = S((L) => L.readonly), y = S((L) => L.layout), { width: f, onHandleMouseDown: h } = br("elm_panel_width", 288, 200, 520), u = y === "split", x = B(null);
   vr(x);
-  const w = S((L) => L.narrow) && !u, [M, C] = q(!1), a = B(!1);
+  const w = S((L) => L.narrow) && !u, [M, C] = q(!1), l = B(!1);
   $(() => {
     const L = requestAnimationFrame(() => {
-      a.current = !0;
+      l.current = !0;
     });
     return () => cancelAnimationFrame(L);
   }, []), pe(() => {
-    w && (a.current || C(!0), d(!1));
+    w && (l.current || C(!0), d(!1));
   }, [w, d]), $(() => {
     if (!M) return;
     const L = requestAnimationFrame(() => C(!1));
     return () => cancelAnimationFrame(L);
   }, [M]);
-  const { getKey: p } = Ee(), l = /* @__PURE__ */ r(Q, { children: p("toggle-sidebar").toUpperCase() }), [E, g] = q(null), N = J((L) => g(L), []);
+  const { getKey: p } = Ee(), a = /* @__PURE__ */ r(Q, { children: p("toggle-sidebar").toUpperCase() }), [E, g] = q(null), N = J((L) => g(L), []);
   pe(() => {
     i(f);
   }, [f, i]);
@@ -998,7 +998,7 @@ const Gs = Gt(function({ footer: e }) {
     })), O(L);
   }
   const Z = P.type === "edit" ? `edit-${P.featureId}` : P.type;
-  return /* @__PURE__ */ r(ae, { children: /* @__PURE__ */ T(
+  return /* @__PURE__ */ r(le, { children: /* @__PURE__ */ T(
     "aside",
     {
       ref: x,
@@ -1006,7 +1006,7 @@ const Gs = Gt(function({ footer: e }) {
       className: u ? "h-full w-full" : w ? `absolute top-0 h-full z-[600] ${o ? "shadow-elm-raised" : ""}` : "absolute top-0 h-full z-10",
       style: u ? void 0 : w ? { width: `min(${f}px, 100% - 48px)`, right: o ? 0 : `calc(-1 * min(${f}px, 100% - 48px))`, transition: M ? "none" : "right 200ms ease" } : { width: f, right: o ? 0 : -f, transition: M ? "none" : "right 200ms ease" },
       children: [
-        !u && !o && /* @__PURE__ */ r("div", { className: "absolute z-30", style: { left: -64 - m, top: 16 }, children: /* @__PURE__ */ r(Pe, { label: "Open layers panel", shortcutId: "toggle-sidebar", tooltipContent: "Show layers", shortcut: l, tooltipSide: "bottom", onClick: () => d(!0), children: /* @__PURE__ */ r(Jt, { size: 24 }) }) }),
+        !u && !o && /* @__PURE__ */ r("div", { className: "absolute z-30", style: { left: -64 - m, top: 16 }, children: /* @__PURE__ */ r(Pe, { label: "Open layers panel", shortcutId: "toggle-sidebar", tooltipContent: "Show layers", shortcut: a, tooltipSide: "bottom", onClick: () => d(!0), children: /* @__PURE__ */ r(Jt, { size: 24 }) }) }),
         /* @__PURE__ */ T("div", { inert: !u && !o, className: `h-full flex flex-col overflow-hidden bg-elm-surface ${u ? "" : "border-l border-elm-border/80"}`, children: [
           !u && /* @__PURE__ */ r(
             "div",
@@ -1016,7 +1016,7 @@ const Gs = Gt(function({ footer: e }) {
               title: "Drag to resize panel"
             }
           ),
-          z && b.length < 2 ? /* @__PURE__ */ r(Co, { dialogState: P, collapsible: !0 }, Z) : /* @__PURE__ */ T(ae, { children: [
+          z && b.length < 2 ? /* @__PURE__ */ r(Co, { dialogState: P, collapsible: !0 }, Z) : /* @__PURE__ */ T(le, { children: [
             /* @__PURE__ */ r("header", { className: `${po} px-3`, children: /* @__PURE__ */ T("div", { className: "flex items-center justify-between h-6 w-full", children: [
               /* @__PURE__ */ T("div", { className: "flex items-center gap-1.5", children: [
                 /* @__PURE__ */ r(pr, {}),
@@ -1085,41 +1085,41 @@ function kr({ initialLabel: t, onCommit: e, autoFocus: n, activate: s, onEnd: o,
   $(() => {
     s && !m && !i && (f(t), c(!0));
   }, [s]), $(() => {
-    var a, p;
-    m && ((a = h.current) == null || a.focus(), (p = h.current) == null || p.select());
+    var l, p;
+    m && ((l = h.current) == null || l.focus(), (p = h.current) == null || p.select());
   }, [m]);
-  function u(a) {
-    i || (f(a), c(!0));
+  function u(l) {
+    i || (f(l), c(!0));
   }
   function x() {
-    const a = y.trim();
-    a && a !== t && e(a), c(!1), o == null || o();
+    const l = y.trim();
+    l && l !== t && e(l), c(!1), o == null || o();
   }
   function w() {
     f(t), c(!1), o == null || o();
   }
-  function M(a) {
-    if (a.key === "Enter") {
-      a.preventDefault(), a.nativeEvent.stopImmediatePropagation(), x();
+  function M(l) {
+    if (l.key === "Enter") {
+      l.preventDefault(), l.nativeEvent.stopImmediatePropagation(), x();
       return;
     }
-    if (a.key === "Escape") {
-      a.nativeEvent.stopImmediatePropagation(), w();
+    if (l.key === "Escape") {
+      l.nativeEvent.stopImmediatePropagation(), w();
       return;
     }
-    if (a.key === "Tab" && d) {
-      a.preventDefault(), a.nativeEvent.stopImmediatePropagation();
+    if (l.key === "Tab" && d) {
+      l.preventDefault(), l.nativeEvent.stopImmediatePropagation();
       const p = y.trim();
-      p && p !== t && e(p), c(!1), d(a.shiftKey ? "prev" : "next");
+      p && p !== t && e(p), c(!1), d(l.shiftKey ? "prev" : "next");
     }
   }
   return { isRenaming: m, startRenaming: u, inputProps: {
     ref: h,
     value: y,
-    onChange: (a) => f(a.target.value),
+    onChange: (l) => f(l.target.value),
     onBlur: x,
     onKeyDown: M,
-    onClick: (a) => a.stopPropagation()
+    onClick: (l) => l.stopPropagation()
   } };
 }
 function Ro(t) {
@@ -1143,9 +1143,9 @@ const Us = Gt(function({
   onRangeSelect: w,
   isContextMenuActive: M,
   dragCountBadge: C,
-  isGhosted: a,
+  isGhosted: l,
   onRename: p,
-  renameActive: l,
+  renameActive: a,
   onRenameEnd: E,
   onRenameTab: g,
   joinTop: N,
@@ -1155,7 +1155,7 @@ const Us = Gt(function({
     initialLabel: K,
     disabled: b,
     onCommit: (F) => p == null ? void 0 : p(e.id, F),
-    activate: l,
+    activate: a,
     onEnd: E,
     onTab: g
   }), O = B(null);
@@ -1183,7 +1183,7 @@ const Us = Gt(function({
       },
       ...H,
       ...y,
-      style: { listStyle: "none", opacity: a ? 0.4 : void 0, outline: "none", ...W },
+      style: { listStyle: "none", opacity: l ? 0.4 : void 0, outline: "none", ...W },
       children: /* @__PURE__ */ T(
         "div",
         {
@@ -1281,10 +1281,10 @@ function js({ group: t, featureCount: e, autoFocus: n, isSelected: s, onToggleCo
     disabled: x,
     onCommit: i,
     autoFocus: n
-  }), [a, p] = q(null), l = B(null);
+  }), [l, p] = q(null), a = B(null);
   function E(z) {
     z.stopPropagation();
-    const K = l.current;
+    const K = a.current;
     if (K) {
       const b = K.getBoundingClientRect();
       p({ x: b.right, y: b.bottom + 4 });
@@ -1318,12 +1318,12 @@ function js({ group: t, featureCount: e, autoFocus: n, isSelected: s, onToggleCo
       onClick: () => m("delete-features")
     }
   ];
-  return /* @__PURE__ */ T(ae, { children: [
-    a && /* @__PURE__ */ r(
-      lr,
+  return /* @__PURE__ */ T(le, { children: [
+    l && /* @__PURE__ */ r(
+      ar,
       {
-        x: a.x,
-        y: a.y,
+        x: l.x,
+        y: l.y,
         onClose: () => p(null),
         items: P
       }
@@ -1396,7 +1396,7 @@ function js({ group: t, featureCount: e, autoFocus: n, isSelected: s, onToggleCo
             /* @__PURE__ */ r("div", { className: "opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ r(be, { content: "More options", children: /* @__PURE__ */ r(
               "button",
               {
-                ref: l,
+                ref: a,
                 onClick: E,
                 className: "text-elm-text p-1 rounded-elm-control hover:bg-(--elm-surface-hover,var(--color-gray-100)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700))",
                 "aria-label": "More options",
@@ -1471,7 +1471,7 @@ function Hs() {
   return vr(n, t), t ? /* @__PURE__ */ r("div", { ref: n, "aria-hidden": "true", className: e.className, style: e.style }) : null;
 }
 function Bo() {
-  const [t, e] = q(""), [n, s] = q(!1), [o, d] = q(!1), [i, m] = q(-1), c = B(null), y = B(null), { results: f, loading: h, error: u, flush: x } = Br(t), w = B(!1), { flyTo: M, fitBounds: C } = Ae(), { dataStore: a } = oe(), p = ke();
+  const [t, e] = q(""), [n, s] = q(!1), [o, d] = q(!1), [i, m] = q(-1), c = B(null), y = B(null), { results: f, loading: h, error: u, flush: x } = Br(t), w = B(!1), { flyTo: M, fitBounds: C } = Ae(), { dataStore: l } = oe(), p = ke();
   $(() => {
     s(t.trim().length >= 2), m(-1);
   }, [t, f]), $(() => {
@@ -1496,11 +1496,11 @@ function Bo() {
     }
     return window.addEventListener("keydown", b, { capture: !0 }), () => window.removeEventListener("keydown", b, { capture: !0 });
   }, [n, p]);
-  function l(b) {
+  function a(b) {
     M == null || M([parseFloat(b.lat), parseFloat(b.lon)], 15);
   }
   function E(b) {
-    const k = parseFloat(b.lat), D = parseFloat(b.lon), R = a.getState().getDefaultSchema(), O = {};
+    const k = parseFloat(b.lat), D = parseFloat(b.lon), R = l.getState().getDefaultSchema(), O = {};
     for (const Z of R.fields)
       O[Z.key] = Z.key === "name" ? b.display_name.split(",")[0].trim() : "";
     const j = {
@@ -1510,7 +1510,7 @@ function Bo() {
       geometry: { type: "Point", coordinates: [D, k] },
       properties: O
     };
-    a.getState().addFeature(j), M == null || M([k, D], 15), N();
+    l.getState().addFeature(j), M == null || M([k, D], 15), N();
   }
   function g(b) {
     const k = b.geojson;
@@ -1524,13 +1524,13 @@ function Bo() {
       geometry: D,
       properties: { name: b.display_name.split(",")[0].trim() }
     };
-    a.getState().addFeature(R), C == null || C(ot(D)), N();
+    l.getState().addFeature(R), C == null || C(ot(D)), N();
   }
   function N() {
     e(""), s(!1), m(-1);
   }
   function P(b) {
-    m(b), l(f[b]), requestAnimationFrame(() => {
+    m(b), a(f[b]), requestAnimationFrame(() => {
       var k;
       return (k = y.current) == null ? void 0 : k.focus();
     });
@@ -1548,7 +1548,7 @@ function Bo() {
     f.length && (b.key === "ArrowDown" ? (b.preventDefault(), m((k) => (k + 1) % f.length)) : b.key === "ArrowUp" && (b.preventDefault(), m((k) => k <= 0 ? f.length - 1 : k - 1)));
   }
   const K = n && t.trim().length >= 2;
-  return { query: t, setQuery: e, setOpen: s, showDropdown: K, containerRef: c, inputRef: y, focused: o, setFocused: d, results: f, loading: h, error: u, flyToResult: l, handleAdd: E, handleAddShape: g, clear: N, activeIndex: i, setActiveIndex: m, handleInputKeyDown: z };
+  return { query: t, setQuery: e, setOpen: s, showDropdown: K, containerRef: c, inputRef: y, focused: o, setFocused: d, results: f, loading: h, error: u, flyToResult: a, handleAdd: E, handleAddShape: g, clear: N, activeIndex: i, setActiveIndex: m, handleInputKeyDown: z };
 }
 function Sr(t) {
   var e, n;
@@ -1565,11 +1565,11 @@ const Wo = 208, _o = {
   "bottom-right": { style: { bottom: 16, right: 16 }, className: "flex-col-reverse items-end" }
 };
 function Vs({ embedded: t } = {}) {
-  const e = U((A) => A.features.length), n = U((A) => A.maxFeatures), s = n != null && e >= n, o = le(), d = ce(), { toolbar: i } = d, m = i.direction === "vertical", c = _o[i.position], y = S(nt), f = S((A) => A.sidebarWidth), h = S((A) => A.codeDockWidth), u = S((A) => A.layout), x = d.ui.layerList && y, w = i.position.startsWith("bottom"), M = i.position === "left-center" || i.position === "right-center", C = u === "split" && w, a = u === "split" && M, p = (() => {
+  const e = U((A) => A.features.length), n = U((A) => A.maxFeatures), s = n != null && e >= n, o = ae(), d = ce(), { toolbar: i } = d, m = i.direction === "vertical", c = _o[i.position], y = S(nt), f = S((A) => A.sidebarWidth), h = S((A) => A.codeDockWidth), u = S((A) => A.layout), x = d.ui.layerList && y, w = i.position.startsWith("bottom"), M = i.position === "left-center" || i.position === "right-center", C = u === "split" && w, l = u === "split" && M, p = (() => {
     let A = c.style;
     const X = i.position.endsWith("-right") || i.position.startsWith("right");
-    return x ? X && (A = { ...A, right: f + 16 + h }) : d.ui.layerList && u === "panel" && i.position === "top-right" ? A = { ...A, right: 72 + h } : X && h && (A = { ...A, right: 16 + h }), C ? A = { ...A, bottom: "calc(33.33% + 16px)" } : w && (A = { ...A, bottom: "calc(var(--elm-table-offset, 0px) + 16px)" }), a && (A = { ...A, top: "33.33%" }), A === c.style ? c : { ...c, style: A };
-  })(), l = S((A) => A.editingMode), E = S((A) => A.enabledTools), g = S((A) => A.unavailableTools), N = S((A) => A.readonly), P = S((A) => A.setEditingMode);
+    return x ? X && (A = { ...A, right: f + 16 + h }) : d.ui.layerList && u === "panel" && i.position === "top-right" ? A = { ...A, right: 72 + h } : X && h && (A = { ...A, right: 16 + h }), C ? A = { ...A, bottom: "calc(33.33% + 16px)" } : w && (A = { ...A, bottom: "calc(var(--elm-table-offset, 0px) + 16px)" }), l && (A = { ...A, top: "33.33%" }), A === c.style ? c : { ...c, style: A };
+  })(), a = S((A) => A.editingMode), E = S((A) => A.enabledTools), g = S((A) => A.unavailableTools), N = S((A) => A.readonly), P = S((A) => A.setEditingMode);
   function z(A) {
     if (s && A !== "none") {
       o({ type: "error", code: "limit-reached", source: "editor", message: rn(n) });
@@ -1649,7 +1649,7 @@ function Vs({ embedded: t } = {}) {
       document.removeEventListener("mousedown", A), document.removeEventListener("keydown", X);
     };
   }, [Le, j]);
-  const We = l === "place-point", _e = l === "draw-line", Ge = l === "draw-polygon", Ue = l === "draw-circle", je = l === "draw-rect", qe = l === "draw-route", He = l === "draw-freehand", Ve = l === "pick-shape", vt = l === "measure", se = (A) => (!E || E.includes(A)) && !g.includes(A), Dr = null;
+  const We = a === "place-point", _e = a === "draw-line", Ge = a === "draw-polygon", Ue = a === "draw-circle", je = a === "draw-rect", qe = a === "draw-route", He = a === "draw-freehand", Ve = a === "pick-shape", vt = a === "measure", se = (A) => (!E || E.includes(A)) && !g.includes(A), Dr = null;
   function xt(A) {
     var X;
     if (A.key === "Tab" && V >= 0) {
@@ -1693,7 +1693,7 @@ function Vs({ embedded: t } = {}) {
             "flex gap-2 bg-elm-surface/95 backdrop-blur-md border border-(--elm-border,color-mix(in_oklab,var(--color-black)_10%,transparent)) dark:border-(--elm-border,color-mix(in_oklab,var(--color-white)_10%,transparent)) shadow-elm rounded-elm pointer-events-auto antialiased",
             m ? "flex-col items-center p-[7px]" : "flex-row flex-wrap justify-center items-center p-[7px]"
           ), children: [
-            N ? null : /* @__PURE__ */ T(ae, { children: [
+            N ? null : /* @__PURE__ */ T(le, { children: [
               se("point") && /* @__PURE__ */ r(me, { active: We, disabled: !We && s, onClick: () => z(We ? "none" : "place-point"), label: "Point", shortcut: K("place-point").toUpperCase(), shortcutId: "place-point", children: /* @__PURE__ */ r(Zt, { size: 24 }) }),
               se("line") && /* @__PURE__ */ r(me, { active: _e, disabled: !_e && s, onClick: () => z(_e ? "none" : "draw-line"), label: "Line", shortcut: K("draw-line").toUpperCase(), shortcutId: "draw-line", children: /* @__PURE__ */ r(Qt, { size: 24 }) }),
               se("polygon") && /* @__PURE__ */ r(me, { active: Ge, disabled: !Ge && s, onClick: () => z(Ge ? "none" : "draw-polygon"), label: "Area", shortcut: K("draw-polygon").toUpperCase(), shortcutId: "draw-polygon", children: /* @__PURE__ */ r(Yt, { size: 24 }) }),
@@ -1703,7 +1703,7 @@ function Vs({ embedded: t } = {}) {
               se("freehand") && /* @__PURE__ */ r(me, { active: He, disabled: !He && s, onClick: () => z(He ? "none" : "draw-freehand"), label: "Freehand", shortcut: K("draw-freehand").toUpperCase(), shortcutId: "draw-freehand", children: /* @__PURE__ */ r(Dn, { size: 24 }) }),
               se("picker") && /* @__PURE__ */ r(me, { active: Ve, disabled: !Ve && s, onClick: () => z(Ve ? "none" : "pick-shape"), label: "Picker", shortcut: K("picker").toUpperCase(), shortcutId: "picker", children: /* @__PURE__ */ r(In, { size: 24 }) })
             ] }),
-            se("measure") && /* @__PURE__ */ T(ae, { children: [
+            se("measure") && /* @__PURE__ */ T(le, { children: [
               !N && /* @__PURE__ */ r(zt, { vertical: m }),
               /* @__PURE__ */ r(me, { active: vt, onClick: () => P(vt ? "none" : "measure"), label: "Measure", shortcut: K("measure").toUpperCase(), shortcutId: "measure", children: /* @__PURE__ */ r(Mn, { size: 24 }) }),
               ge && se("search") && /* @__PURE__ */ r(zt, { vertical: m })
@@ -1879,15 +1879,15 @@ function Go(t, e) {
     };
   }, [t, e]);
 }
-const Uo = _t(() => import("./BooleanOperations-oF0WybQP.js"));
+const Uo = _t(() => import("./BooleanOperations-BRO7NHUY.js"));
 function Js() {
-  const { dataStore: t } = oe(), e = S((k) => k.readonly), n = S((k) => k.transformActive), s = S((k) => k.setTransformActive), o = S((k) => k.editingMode), d = S((k) => k.setEditingMode), i = U((k) => k.selectedIds), m = i.length === 1 ? i[0] : null, c = S((k) => k.closeDialog), { getKey: y } = Ee(), f = le(), h = U((k) => {
+  const { dataStore: t } = oe(), e = S((k) => k.readonly), n = S((k) => k.transformActive), s = S((k) => k.setTransformActive), o = S((k) => k.editingMode), d = S((k) => k.setEditingMode), i = U((k) => k.selectedIds), m = i.length === 1 ? i[0] : null, c = S((k) => k.closeDialog), { getKey: y } = Ee(), f = ae(), h = U((k) => {
     if (!m) return null;
     const D = k.features.find((R) => R.id === m);
     return (D == null ? void 0 : D.geometry.type) ?? null;
   }), u = B(null);
   if (Go(u, `${e}|${i.length}|${h}`), e) return null;
-  const x = m !== null || i.length > 0, w = h === "Polygon" || h === "MultiPolygon", M = h === "MultiPoint" || h === "MultiPolygon" || h === "MultiLineString" || h === "GeometryCollection", C = i.length === 1 && h === "Point", a = x && !C, p = w, l = Fe(h), E = M, g = i.length >= 2, N = E || g;
+  const x = m !== null || i.length > 0, w = h === "Polygon" || h === "MultiPolygon", M = h === "MultiPoint" || h === "MultiPolygon" || h === "MultiLineString" || h === "GeometryCollection", C = i.length === 1 && h === "Point", l = x && !C, p = w, a = Fe(h), E = M, g = i.length >= 2, N = E || g;
   function P() {
     if (i.length !== 0 && t.getState().duplicateSelection())
       if (i.length === 1) {
@@ -1913,7 +1913,7 @@ function Js() {
   }
   return /* @__PURE__ */ T("div", { className: "flex flex-wrap items-center justify-center gap-3 max-w-full pointer-events-none", children: [
     x && /* @__PURE__ */ T("div", { ref: u, className: "flex flex-wrap items-center justify-center gap-2 max-w-full bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm rounded-elm px-2 py-2 pointer-events-auto antialiased", children: [
-      a && /* @__PURE__ */ r(
+      l && /* @__PURE__ */ r(
         te,
         {
           label: "Transform",
@@ -1926,8 +1926,8 @@ function Js() {
           children: /* @__PURE__ */ r(er, { size: 24 })
         }
       ),
-      a && (l || N) && /* @__PURE__ */ r(Ne, {}),
-      p && /* @__PURE__ */ T(ae, { children: [
+      l && (a || N) && /* @__PURE__ */ r(Ne, {}),
+      p && /* @__PURE__ */ T(le, { children: [
         /* @__PURE__ */ r(
           te,
           {
@@ -1955,7 +1955,7 @@ function Js() {
           }
         )
       ] }),
-      l && /* @__PURE__ */ T(ae, { children: [
+      a && /* @__PURE__ */ T(le, { children: [
         /* @__PURE__ */ r(
           te,
           {
@@ -1990,7 +1990,7 @@ function Js() {
           }
         )
       ] }),
-      l && N && /* @__PURE__ */ r(Ne, {}),
+      a && N && /* @__PURE__ */ r(Ne, {}),
       E && /* @__PURE__ */ r(
         te,
         {
@@ -2002,12 +2002,12 @@ function Js() {
         }
       ),
       g && /* @__PURE__ */ r(te, { label: "Merge", onClick: K, children: /* @__PURE__ */ r(ir, { size: 24 }) }),
-      (a || l || N) && /* @__PURE__ */ r(Ne, {}),
+      (l || a || N) && /* @__PURE__ */ r(Ne, {}),
       /* @__PURE__ */ r(
         te,
         {
           label: "Duplicate",
-          shortcut: /* @__PURE__ */ T(ae, { children: [
+          shortcut: /* @__PURE__ */ T(le, { children: [
             /* @__PURE__ */ r(Q, { children: "⌘" }),
             /* @__PURE__ */ r(Q, { children: "D" })
           ] }),
@@ -2073,9 +2073,9 @@ const qo = /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 1
   { mode: "buffer-shape", label: "Buffer", icon: /* @__PURE__ */ r(or, { size: 16 }) }
 ];
 function Zs({ x: t, y: e, data: n, onClose: s }) {
-  const { feature: o, requestPreciseCoords: d } = n, { dataStore: i } = oe(), m = S((P) => P.readonly), c = S((P) => P.transformActive), y = S((P) => P.setTransformActive), f = S((P) => P.editingMode), h = S((P) => P.setEditingMode), u = S((P) => P.closeDialog), x = U((P) => P.selectedIds), w = le(), { getKey: M } = Ee();
+  const { feature: o, requestPreciseCoords: d } = n, { dataStore: i } = oe(), m = S((P) => P.readonly), c = S((P) => P.transformActive), y = S((P) => P.setTransformActive), f = S((P) => P.editingMode), h = S((P) => P.setEditingMode), u = S((P) => P.closeDialog), x = U((P) => P.selectedIds), w = ae(), { getKey: M } = Ee();
   if (m) return null;
-  const C = o.geometry.type, a = C === "Polygon" || C === "MultiPolygon", p = C === "MultiPoint" || C === "MultiPolygon" || C === "MultiLineString" || C === "GeometryCollection", l = x.length >= 2 && x.includes(o.id);
+  const C = o.geometry.type, l = C === "Polygon" || C === "MultiPolygon", p = C === "MultiPoint" || C === "MultiPolygon" || C === "MultiLineString" || C === "GeometryCollection", a = x.length >= 2 && x.includes(o.id);
   function E(P) {
     h(f === P ? "none" : P), c && y(!1);
   }
@@ -2092,7 +2092,7 @@ function Zs({ x: t, y: e, data: n, onClose: s }) {
     }
   }), Fe(C)) {
     N.push({ separator: !0 });
-    for (const P of [...a ? Ho : [], ...Vo])
+    for (const P of [...l ? Ho : [], ...Vo])
       N.push({
         label: P.label,
         icon: P.icon,
@@ -2100,7 +2100,7 @@ function Zs({ x: t, y: e, data: n, onClose: s }) {
         onClick: () => E(P.mode)
       });
   }
-  return a && N.push({
+  return l && N.push({
     label: "Center point",
     icon: /* @__PURE__ */ r(An, { size: 16, weight: "fill" }),
     onClick: () => {
@@ -2114,7 +2114,7 @@ function Zs({ x: t, y: e, data: n, onClose: s }) {
       };
       i.getState().addFeature(K);
     }
-  }), (p || l) && (N.push({ separator: !0 }), p && N.push({
+  }), (p || a) && (N.push({ separator: !0 }), p && N.push({
     label: "Break apart",
     icon: /* @__PURE__ */ r(sr, { size: 16 }),
     shortcut: g("break-apart"),
@@ -2122,7 +2122,7 @@ function Zs({ x: t, y: e, data: n, onClose: s }) {
       const P = rt(o.geometry);
       i.getState().breakMultiGeometry(o.id) && w({ type: "feature:broken", featureId: o.id, count: P, undo: () => i.getState().undo() });
     }
-  }), l && N.push({
+  }), a && N.push({
     label: `Merge ${x.length} features`,
     icon: /* @__PURE__ */ r(ir, { size: 16 }),
     onClick: () => {
@@ -2134,18 +2134,18 @@ function Zs({ x: t, y: e, data: n, onClose: s }) {
     icon: /* @__PURE__ */ r(Fn, { size: 16 }),
     onClick: d
   })), N.push({ separator: !0 }), N.push({
-    label: l ? `Delete ${x.length} features` : "Delete",
+    label: a ? `Delete ${x.length} features` : "Delete",
     icon: /* @__PURE__ */ r(ze, { size: 16 }),
     shortcut: /* @__PURE__ */ r(Q, { children: Vt("delete-selected") }),
     onClick: () => {
       var K;
-      const P = l ? x.length : 1, z = String(((K = o.properties) == null ? void 0 : K.name) || "feature");
+      const P = a ? x.length : 1, z = String(((K = o.properties) == null ? void 0 : K.name) || "feature");
       i.getState().deleteSelection(), u(), w(P === 1 ? { type: "feature:deleted", featureId: o.id, label: z, undo: () => i.getState().undo() } : { type: "features:deleted", count: P, undo: () => i.getState().undo() });
     }
-  }), /* @__PURE__ */ r(lr, { x: t, y: e, items: N, onClose: s });
+  }), /* @__PURE__ */ r(ar, { x: t, y: e, items: N, onClose: s });
 }
 function Jo({ size: t, tooltipSide: e }) {
-  const n = U((d) => d.undoStack.length > 0), s = U((d) => d.undo), o = le();
+  const n = U((d) => d.undoStack.length > 0), s = U((d) => d.undo), o = ae();
   return /* @__PURE__ */ r(
     Pe,
     {
@@ -2166,7 +2166,7 @@ function Jo({ size: t, tooltipSide: e }) {
   );
 }
 function Xo({ size: t, tooltipSide: e }) {
-  const n = U((d) => d.redoStack.length > 0), s = U((d) => d.redo), o = le();
+  const n = U((d) => d.redoStack.length > 0), s = U((d) => d.redo), o = ae();
   return /* @__PURE__ */ r(
     Pe,
     {
@@ -2199,9 +2199,9 @@ function Ys({ direction: t = "vertical" }) {
 }
 const Wt = "h-8 px-3 rounded-elm-control text-sm flex items-center justify-center gap-1.5 active:scale-[0.95]";
 function Qs() {
-  const { ui: t } = ce(), e = S((v) => v.editingMode), n = S((v) => v.lineInProgress), s = S((v) => v.polygonInProgress), o = S((v) => v.routeWaypoints), d = S((v) => v.routeLoading), i = S((v) => v.commitLine), m = S((v) => v.commitPolygon), c = S((v) => v.commitRoute), y = S((v) => v.commitSliceShape), f = S((v) => v.commitCutHole), h = S((v) => v.cancelDrawing), u = S((v) => v.circleCenter), x = S((v) => v.rectCorner), w = S((v) => v.freehandPoints), M = S((v) => v.freehandClosed), C = S((v) => v.setFreehandClosed), a = S((v) => v.measurePoints), p = S((v) => v.measureMode), l = S((v) => v.setMeasureMode), E = e === "draw-line" || e === "slice-shape", g = e === "draw-polygon" || e === "cut-hole", N = e === "draw-route", P = e === "draw-circle", z = e === "draw-rect", K = e === "draw-freehand", b = e === "place-point", k = e === "measure", D = e === "pick-shape";
+  const { ui: t } = ce(), e = S((v) => v.editingMode), n = S((v) => v.lineInProgress), s = S((v) => v.polygonInProgress), o = S((v) => v.routeWaypoints), d = S((v) => v.routeLoading), i = S((v) => v.commitLine), m = S((v) => v.commitPolygon), c = S((v) => v.commitRoute), y = S((v) => v.commitSliceShape), f = S((v) => v.commitCutHole), h = S((v) => v.cancelDrawing), u = S((v) => v.circleCenter), x = S((v) => v.rectCorner), w = S((v) => v.freehandPoints), M = S((v) => v.freehandClosed), C = S((v) => v.setFreehandClosed), l = S((v) => v.measurePoints), p = S((v) => v.measureMode), a = S((v) => v.setMeasureMode), E = e === "draw-line" || e === "slice-shape", g = e === "draw-polygon" || e === "cut-hole", N = e === "draw-route", P = e === "draw-circle", z = e === "draw-rect", K = e === "draw-freehand", b = e === "place-point", k = e === "measure", D = e === "pick-shape";
   if (!(E || g || N || P || z || K || b) && !k && !D) return null;
-  const O = n.length > 0 || s.length > 0 || !!u || !!x || o.length > 0 || w.length > 0 || a.length > 0;
+  const O = n.length > 0 || s.length > 0 || !!u || !!x || o.length > 0 || w.length > 0 || l.length > 0;
   function j() {
     if (e === "slice-shape") {
       if (n.length < 2) return;
@@ -2220,14 +2220,14 @@ function Qs() {
       c();
     }
   }
-  const Z = E ? n.length >= 2 : g ? s.length >= 3 : N ? o.length >= 2 && !d : !1, L = b ? "Click to place a point" : e === "draw-line" ? n.length === 0 ? "Click to place the first point" : "Click to add points · Double-click to finish · ⌫ undo last" : e === "draw-polygon" ? s.length === 0 ? "Click to place the first point" : s.length < 3 ? "Click to continue · ⌫ undo last" : "Click to add points · Double-click to close · ⌫ undo last" : N ? o.length === 0 ? "Click to place the first waypoint" : "Click to add waypoints · ⌫ undo last" : P ? "Click and drag to size" : z ? "Click and drag to size · Hold Shift for square" : K ? "Click and drag to draw" : e === "slice-shape" ? n.length === 0 ? "Draw a line across the shape to slice it" : "Click to add points · Double-click to cut · ⌫ undo last" : e === "cut-hole" ? s.length === 0 ? "Draw a shape inside to cut a hole" : s.length < 3 ? "Click to continue · ⌫ undo last" : "Click to add points · Double-click to cut · ⌫ undo last" : k ? a.length === 0 ? "Click to start measuring" : "Click to add points · Double-click to finish · ⌫ undo last" : D ? "Click anywhere to import a shape from the map" : null;
+  const Z = E ? n.length >= 2 : g ? s.length >= 3 : N ? o.length >= 2 && !d : !1, L = b ? "Click to place a point" : e === "draw-line" ? n.length === 0 ? "Click to place the first point" : "Click to add points · Double-click to finish · ⌫ undo last" : e === "draw-polygon" ? s.length === 0 ? "Click to place the first point" : s.length < 3 ? "Click to continue · ⌫ undo last" : "Click to add points · Double-click to close · ⌫ undo last" : N ? o.length === 0 ? "Click to place the first waypoint" : "Click to add waypoints · ⌫ undo last" : P ? "Click and drag to size" : z ? "Click and drag to size · Hold Shift for square" : K ? "Click and drag to draw" : e === "slice-shape" ? n.length === 0 ? "Draw a line across the shape to slice it" : "Click to add points · Double-click to cut · ⌫ undo last" : e === "cut-hole" ? s.length === 0 ? "Draw a shape inside to cut a hole" : s.length < 3 ? "Click to continue · ⌫ undo last" : "Click to add points · Double-click to cut · ⌫ undo last" : k ? l.length === 0 ? "Click to start measuring" : "Click to add points · Double-click to finish · ⌫ undo last" : D ? "Click anywhere to import a shape from the map" : null;
   return /* @__PURE__ */ T("div", { className: "flex flex-wrap items-center justify-center gap-2 max-w-full bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm rounded-elm px-2 py-2 pointer-events-auto", children: [
-    k && /* @__PURE__ */ T(ae, { children: [
+    k && /* @__PURE__ */ T(le, { children: [
       /* @__PURE__ */ r(
         te,
         {
           active: p === "distance",
-          onClick: () => l("distance"),
+          onClick: () => a("distance"),
           label: "Measure distance",
           children: /* @__PURE__ */ r(Rn, { size: 24 })
         }
@@ -2236,7 +2236,7 @@ function Qs() {
         te,
         {
           active: p === "area",
-          onClick: () => l("area"),
+          onClick: () => a("area"),
           label: "Measure area",
           children: /* @__PURE__ */ r($n, { size: 24 })
         }
@@ -2281,7 +2281,7 @@ function Qs() {
   ] });
 }
 function ei({ size: t, tooltipSide: e } = {}) {
-  const { fitBounds: n } = Ae(), s = le(), o = U((m) => m.features), d = U((m) => m.selectedIds);
+  const { fitBounds: n } = Ae(), s = ae(), o = U((m) => m.features), d = U((m) => m.selectedIds);
   function i() {
     if (!n) return;
     let m = o;
@@ -2319,11 +2319,11 @@ function ei({ size: t, tooltipSide: e } = {}) {
 }
 const Yo = "flex items-center justify-center h-6 min-w-6 px-1.5 rounded-elm-control bg-transparent border border-transparent text-elm-text font-elm-mono text-xs tabular-nums select-none transition-colors focus-visible:ring-2 focus-visible:ring-elm-focus-ring", Qo = "flex items-center justify-center h-8 min-w-8 px-1 rounded-elm-control bg-transparent border border-transparent text-elm-text font-elm-mono text-sm tabular-nums select-none transition-colors", es = "flex items-center justify-center w-12 h-12 bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm-control rounded-elm text-elm-text font-elm-mono text-sm select-none transition-colors";
 function ti({ minZoom: t = 1, maxZoom: e = 22, fractional: n = !1, size: s = "md", tooltipSide: o = "top" }) {
-  const d = U((E) => E.currentZoom), { flyTo: i, getCenter: m } = Ae(), c = le(), y = !!i && !!m, f = S((E) => E.zoomEditing), h = S((E) => E.setZoomEditing), [u, x] = q(null), w = B(null), M = B(!1), { getKey: C } = Ee(), a = s === "sm" ? Yo : s === "group" ? Qo : es, p = s !== "md";
+  const d = U((E) => E.currentZoom), { flyTo: i, getCenter: m } = Ae(), c = ae(), y = !!i && !!m, f = S((E) => E.zoomEditing), h = S((E) => E.setZoomEditing), [u, x] = q(null), w = B(null), M = B(!1), { getKey: C } = Ee(), l = s === "sm" ? Yo : s === "group" ? Qo : es, p = s !== "md";
   $(() => {
     u !== null && (n ? Math.abs(d - u) < 0.05 : Math.round(d) === Math.round(u)) && x(null);
   }, [d, u, n]);
-  function l() {
+  function a() {
     var P;
     const E = (((P = w.current) == null ? void 0 : P.value) ?? "").trim();
     if (E === "") {
@@ -2362,11 +2362,11 @@ function ti({ minZoom: t = 1, maxZoom: e = 22, fractional: n = !1, size: s = "md
           M.current ? N.setSelectionRange(N.value.length, N.value.length) : N.select(), M.current = !1;
         },
         onKeyDown: (g) => {
-          g.key === "Enter" ? (g.preventDefault(), l()) : g.key === "Escape" && (g.preventDefault(), h(!1));
+          g.key === "Enter" ? (g.preventDefault(), a()) : g.key === "Escape" && (g.preventDefault(), h(!1));
         },
         onBlur: () => h(!1),
         "aria-label": "Zoom level",
-        className: `${a.replace(" select-none", "")} text-center focus:outline-none focus:border-elm-focus-ring${p ? " w-10 !bg-elm-surface" : ""}`
+        className: `${l.replace(" select-none", "")} text-center focus:outline-none focus:border-elm-focus-ring${p ? " w-10 !bg-elm-surface" : ""}`
       }
     );
   }
@@ -2386,7 +2386,7 @@ function ti({ minZoom: t = 1, maxZoom: e = 22, fractional: n = !1, size: s = "md
             y && (M.current = !0, h(!0));
           },
           disabled: !y,
-          className: `${a} ${y ? `${p ? "hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-gray-200)_70%,transparent)) dark:hover:bg-(--elm-control-hover,var(--color-gray-800))" : "hover:bg-elm-surface-hover"} focus:outline-none cursor-pointer` : "cursor-default"}`,
+          className: `${l} ${y ? `${p ? "hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-gray-200)_70%,transparent)) dark:hover:bg-(--elm-control-hover,var(--color-gray-800))" : "hover:bg-elm-surface-hover"} focus:outline-none focus-visible:ring-2 focus-visible:ring-elm-focus-ring cursor-pointer` : "cursor-default"}`,
           children: n ? (u ?? d).toFixed(1) : Math.round(u ?? d)
         }
       )
@@ -2394,7 +2394,7 @@ function ti({ minZoom: t = 1, maxZoom: e = 22, fractional: n = !1, size: s = "md
   );
 }
 function ri({ zoom: t = 15, size: e, tooltipSide: n }) {
-  const { flyTo: s } = Ae(), o = le(), [d, i] = q(!1);
+  const { flyTo: s } = Ae(), o = ae(), [d, i] = q(!1);
   function m() {
     if (!navigator.geolocation) {
       o({ type: "error", code: "unsupported", source: "locate", message: "Geolocation is not supported by this browser" });
@@ -2435,7 +2435,7 @@ function ni() {
 const ts = 3e4;
 let ie = null;
 const Te = /* @__PURE__ */ new Map();
-function lt(t, e) {
+function at(t, e) {
   ie == null || ie.terminate(), ie = null;
   const n = [...Te.values()];
   Te.clear();
@@ -2454,12 +2454,12 @@ async function rs() {
       }
       i.reject(new Be("geometry", "geometry", (d == null ? void 0 : d.message) || "Geometry operation failed"));
     }
-  }, ie.onerror = () => lt("Geometry worker failed", "geometry"), ie);
+  }, ie.onerror = () => at("Geometry worker failed", "geometry"), ie);
 }
 function Cr(t, { timeoutMs: e = ts } = {}) {
   return rs().then((n) => new Promise((s, o) => {
     const d = crypto.randomUUID(), i = setTimeout(() => {
-      lt(`Geometry operation timed out after ${e} ms`, "timeout");
+      at(`Geometry operation timed out after ${e} ms`, "timeout");
     }, e);
     Te.set(d, { resolve: s, reject: o, timer: i });
     const m = { id: d, payload: t };
@@ -2468,7 +2468,7 @@ function Cr(t, { timeoutMs: e = ts } = {}) {
 }
 typeof Worker < "u" && nn(Cr);
 function oi() {
-  lt("Geometry worker disposed", "unknown");
+  at("Geometry worker disposed", "unknown");
 }
 function ct(t, e) {
   var m;
@@ -2550,18 +2550,18 @@ function si() {
     } catch {
       return 0;
     }
-  }, [e, u, t]), M = t === "simplify-shape", C = ue(() => !M || !u || !Fe(u.type) ? null : { type: "simplify", geometry: u, tolerance: w }, [M, u, w]), a = ct(C, s);
+  }, [e, u, t]), M = t === "simplify-shape", C = ue(() => !M || !u || !Fe(u.type) ? null : { type: "simplify", geometry: u, tolerance: w }, [M, u, w]), l = ct(C, s);
   $(() => () => {
     y.getState(), s(null);
   }, [s, y]);
-  const p = u ? Ke(u) : 0, l = o ? Ke(o) : p, E = p - l;
+  const p = u ? Ke(u) : 0, a = o ? Ke(o) : p, E = p - a;
   return $(() => {
     if (t !== "simplify-shape") return;
     function g(N) {
-      f(N) && (N.key === "Enter" && o && E > 0 ? (N.preventDefault(), a(d)) : N.key === "Escape" && (N.preventDefault(), i()));
+      f(N) && (N.key === "Enter" && o && E > 0 ? (N.preventDefault(), l(d)) : N.key === "Escape" && (N.preventDefault(), i()));
     }
     return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
-  }, [t, o, E, d, i, a, f]), t !== "simplify-shape" ? null : /* @__PURE__ */ T("div", { className: "flex flex-wrap items-center justify-center gap-3 max-w-full bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm rounded-elm px-3 py-1.5 pointer-events-auto", children: [
+  }, [t, o, E, d, i, l, f]), t !== "simplify-shape" ? null : /* @__PURE__ */ T("div", { className: "flex flex-wrap items-center justify-center gap-3 max-w-full bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm rounded-elm px-3 py-1.5 pointer-events-auto", children: [
     /* @__PURE__ */ r("span", { className: "text-sm font-medium text-elm-text-secondary shrink-0", children: "Simplify" }),
     /* @__PURE__ */ T("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ r(
@@ -2580,7 +2580,7 @@ function si() {
     /* @__PURE__ */ T("div", { className: "flex items-center gap-1 text-sm text-elm-text-muted shrink-0", children: [
       /* @__PURE__ */ r("span", { className: "font-elm-mono", children: p }),
       /* @__PURE__ */ r("span", { children: "→" }),
-      /* @__PURE__ */ r("span", { className: `font-elm-mono font-medium ${E > 0 ? "text-primary-600 dark:text-primary-400" : "text-(--elm-text-secondary,var(--color-gray-600)) dark:text-(--elm-text-secondary,var(--color-gray-300))"}`, children: l }),
+      /* @__PURE__ */ r("span", { className: `font-elm-mono font-medium ${E > 0 ? "text-primary-600 dark:text-primary-400" : "text-(--elm-text-secondary,var(--color-gray-600)) dark:text-(--elm-text-secondary,var(--color-gray-300))"}`, children: a }),
       E > 0 && /* @__PURE__ */ T("span", { className: "text-xs text-primary-500", children: [
         "(−",
         E,
@@ -2591,26 +2591,26 @@ function si() {
     x && /* @__PURE__ */ r("span", { className: "text-xs text-amber-600 dark:text-amber-400 shrink-0", children: x === "route" ? "Turns this route into a plain line." : `Turns this ${x} into a plain shape.` }),
     /* @__PURE__ */ T("div", { className: "flex items-center gap-1 shrink-0", children: [
       /* @__PURE__ */ r(we, { variant: "ghost", onClick: i, className: "rounded-elm-control h-8 px-3 text-sm", children: "Cancel" }),
-      /* @__PURE__ */ r(we, { variant: "primary", onClick: () => a(d), disabled: !o || E === 0, className: "rounded-elm-control h-8 px-3 text-sm", children: "Apply" })
+      /* @__PURE__ */ r(we, { variant: "primary", onClick: () => l(d), disabled: !o || E === 0, className: "rounded-elm-control h-8 px-3 text-sm", children: "Apply" })
     ] })
   ] });
 }
 function ii() {
   const t = S((p) => p.editingMode), e = S((p) => p.smoothIterations), n = S((p) => p.setSmoothIterations), s = S((p) => p.setGeometryPreview), o = S((p) => p.geometryPreview), d = S((p) => p.commitGeometryProcess), i = S((p) => p.cancelGeometryProcess), { dataStore: m } = oe(), c = ke(), y = U((p) => p.selectedIds[0] ?? null), f = U((p) => {
-    var l;
-    return y ? ((l = p.features.find((E) => E.id === y)) == null ? void 0 : l.geometry) ?? null : null;
+    var a;
+    return y ? ((a = p.features.find((E) => E.id === y)) == null ? void 0 : a.geometry) ?? null : null;
   }), h = U((p) => {
-    var l;
-    return y ? ((l = p.features.find((E) => E.id === y)) == null ? void 0 : l._drawType) ?? null : null;
+    var a;
+    return y ? ((a = p.features.find((E) => E.id === y)) == null ? void 0 : a._drawType) ?? null : null;
   }), u = t === "smooth-shape", x = ue(() => !u || !f || !Fe(f.type) ? null : { type: "smooth", geometry: f, iterations: e }, [u, f, e]), w = ct(x, s);
   $(() => () => {
     m.getState(), s(null);
   }, [s, m]);
-  const M = f ? Ke(f) : 0, C = o ? Ke(o) : M, a = C - M;
+  const M = f ? Ke(f) : 0, C = o ? Ke(o) : M, l = C - M;
   return $(() => {
     if (t !== "smooth-shape") return;
-    function p(l) {
-      c(l) && (l.key === "Enter" && o ? (l.preventDefault(), w(d)) : l.key === "Escape" && (l.preventDefault(), i()));
+    function p(a) {
+      c(a) && (a.key === "Enter" && o ? (a.preventDefault(), w(d)) : a.key === "Escape" && (a.preventDefault(), i()));
     }
     return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
   }, [t, o, d, i, w, c]), t !== "smooth-shape" ? null : /* @__PURE__ */ T("div", { className: "flex flex-wrap items-center justify-center gap-3 max-w-full bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm rounded-elm px-3 py-1.5 pointer-events-auto", children: [
@@ -2638,9 +2638,9 @@ function ii() {
       /* @__PURE__ */ r("span", { className: "font-elm-mono", children: M }),
       /* @__PURE__ */ r("span", { children: "→" }),
       /* @__PURE__ */ r("span", { className: "font-elm-mono font-medium text-primary-600 dark:text-primary-400", children: C }),
-      a > 0 && /* @__PURE__ */ T("span", { className: "text-xs text-primary-500", children: [
+      l > 0 && /* @__PURE__ */ T("span", { className: "text-xs text-primary-500", children: [
         "(+",
-        a,
+        l,
         ")"
       ] }),
       /* @__PURE__ */ r("span", { className: "ml-0.5", children: "points" })
@@ -2665,7 +2665,7 @@ function is(t, e) {
       return t * Nr;
   }
 }
-function as(t, e) {
+function ls(t, e) {
   switch (e) {
     case "m":
       return t;
@@ -2677,11 +2677,11 @@ function as(t, e) {
       return t / Nr;
   }
 }
-function ai() {
+function li() {
   const { dataStore: t } = oe(), e = ke(), n = S((D) => D.editingMode), s = S((D) => D.bufferDistance), o = S((D) => D.setBufferDistance), d = S((D) => D.bufferCreateNew), i = S((D) => D.setBufferCreateNew), m = S((D) => D.setGeometryPreview), c = S((D) => D.geometryPreview), y = S((D) => D.commitBufferProcess), f = S((D) => D.cancelBufferProcess), { units: h } = ce(), u = on(h.length), x = ue(
     () => u === "imperial" ? ["ft", "mi"] : ["m", "km"],
     [u]
-  ), [w, M] = q(!1), C = w ? x[1] : x[0], [a, p] = q(null);
+  ), [w, M] = q(!1), C = w ? x[1] : x[0], [l, p] = q(null);
   $(() => {
     var O;
     if (n !== "buffer-shape") {
@@ -2693,9 +2693,9 @@ function ai() {
     const R = ((O = t.getState().features.find((j) => j.id === D)) == null ? void 0 : O.geometry) ?? null;
     R && Fe(R.type) && p(R);
   }, [n, t]);
-  const l = sn(a == null ? void 0 : a.type), E = ue(
-    () => a && !(l && s <= 0) ? { type: "buffer", geometry: a, distance: s } : null,
-    [a, s, l]
+  const a = sn(l == null ? void 0 : l.type), E = ue(
+    () => l && !(a && s <= 0) ? { type: "buffer", geometry: l, distance: s } : null,
+    [l, s, a]
   ), g = ct(E, m);
   $(() => () => {
     m(null);
@@ -2706,7 +2706,7 @@ function ai() {
     }
     return window.addEventListener("keydown", D), () => window.removeEventListener("keydown", D);
   }, [n, c, y, f, g, e]);
-  const N = C === "km" || C === "mi", P = as(s, C), z = N ? Number(P.toFixed(2)) : Math.round(P), K = N ? 0.1 : 1;
+  const N = C === "km" || C === "mi", P = ls(s, C), z = N ? Number(P.toFixed(2)) : Math.round(P), K = N ? 0.1 : 1;
   function b(D) {
     const R = parseFloat(D);
     isNaN(R) || o(Math.round(is(R, C)));
@@ -2721,7 +2721,7 @@ function ai() {
         "input",
         {
           type: "range",
-          min: l ? 0 : -500,
+          min: a ? 0 : -500,
           max: 2e3,
           step: 1,
           value: s,
@@ -2774,42 +2774,42 @@ function ai() {
     ] })
   ] });
 }
-const ls = 8, cs = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -3, ArrowDown: 3 };
-function li({ options: t, value: e, onChange: n, label: s = "Basemap", size: o, tooltipSide: d }) {
+const as = 8, cs = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -3, ArrowDown: 3 };
+function ai({ options: t, value: e, onChange: n, label: s = "Basemap", size: o, tooltipSide: d }) {
   const [i, m] = q(!1), [c, y] = q(null), [f, h] = q(!1), u = B(null), x = B(null), w = Kr(), M = qr(), C = c !== null;
   pe(() => {
     var K, b;
-    const l = (b = (K = u.current) == null ? void 0 : K.querySelector("button")) == null ? void 0 : b.getBoundingClientRect(), E = x.current;
-    if (!i || !l || !E) return;
-    const { width: g, height: N } = E.getBoundingClientRect(), P = l.top + l.height / 2 > window.innerHeight / 2, z = l.left + l.width / 2 > window.innerWidth / 2;
-    y(an(z ? l.right : l.left, P ? l.top : l.bottom, g, N, {
+    const a = (b = (K = u.current) == null ? void 0 : K.querySelector("button")) == null ? void 0 : b.getBoundingClientRect(), E = x.current;
+    if (!i || !a || !E) return;
+    const { width: g, height: N } = E.getBoundingClientRect(), P = a.top + a.height / 2 > window.innerHeight / 2, z = a.left + a.width / 2 > window.innerWidth / 2;
+    y(ln(z ? a.right : a.left, P ? a.top : a.bottom, g, N, {
       x: z ? "before" : "after",
       y: P ? "before" : "after",
-      gapY: ls
+      gapY: as
     }));
   }, [i, t.length]), $(() => {
     var E;
     if (!i || !C) return;
-    const l = x.current;
-    (E = (l == null ? void 0 : l.querySelector('[aria-pressed="true"]')) ?? (l == null ? void 0 : l.querySelector("button"))) == null || E.focus();
+    const a = x.current;
+    (E = (a == null ? void 0 : a.querySelector('[aria-pressed="true"]')) ?? (a == null ? void 0 : a.querySelector("button"))) == null || E.focus();
   }, [i, C]), $(() => {
     if (!i) return;
-    const l = (E) => {
+    const a = (E) => {
       var g, N, P;
       E.key === "Escape" && (E.stopImmediatePropagation(), E.preventDefault(), (g = x.current) != null && g.contains(document.activeElement) && ((P = (N = u.current) == null ? void 0 : N.querySelector("button")) == null || P.focus()), m(!1));
     };
-    return window.addEventListener("keydown", l, { capture: !0 }), () => window.removeEventListener("keydown", l, { capture: !0 });
+    return window.addEventListener("keydown", a, { capture: !0 }), () => window.removeEventListener("keydown", a, { capture: !0 });
   }, [i]);
-  const a = (l) => {
-    const E = cs[l.key];
+  const l = (a) => {
+    const E = cs[a.key];
     if (!E) return;
-    const g = Array.from(l.currentTarget.querySelectorAll("button")), N = g[g.indexOf(document.activeElement) + E];
-    N && (l.preventDefault(), N.focus());
+    const g = Array.from(a.currentTarget.querySelectorAll("button")), N = g[g.indexOf(document.activeElement) + E];
+    N && (a.preventDefault(), N.focus());
   };
   return /* @__PURE__ */ T("div", { ref: u, className: "contents", children: [
     /* @__PURE__ */ r(Pe, { label: s, onClick: () => {
-      var l, E;
-      y(null), h(((E = (l = u.current) == null ? void 0 : l.closest("[data-elm-theme]")) == null ? void 0 : E.getAttribute("data-elm-theme")) === "dark"), m((g) => !g);
+      var a, E;
+      y(null), h(((E = (a = u.current) == null ? void 0 : a.closest("[data-elm-theme]")) == null ? void 0 : E.getAttribute("data-elm-theme")) === "dark"), m((g) => !g);
     }, active: i, expanded: i, controls: i ? w : void 0, size: o, tooltipSide: d, children: /* @__PURE__ */ r(Ye, { size: 24 }) }),
     i && cr(
       /* @__PURE__ */ r("div", { "data-elm-portal": !0, "data-elm-theme": f ? "dark" : "light", style: M, [Un]: "", children: /* @__PURE__ */ r(
@@ -2821,22 +2821,22 @@ function li({ options: t, value: e, onChange: n, label: s = "Basemap", size: o,
           "aria-label": s,
           className: "fixed z-[9999] w-80 max-h-[70vh] flex flex-col bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm rounded-elm antialiased",
           style: { left: (c == null ? void 0 : c.left) ?? 0, top: (c == null ? void 0 : c.top) ?? 0, visibility: c ? void 0 : "hidden" },
-          children: /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-2 p-2 overflow-y-auto", onKeyDown: a, children: t.map((l) => {
-            const E = l.id === e;
+          children: /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-2 p-2 overflow-y-auto", onKeyDown: l, children: t.map((a) => {
+            const E = a.id === e;
             return /* @__PURE__ */ T(
               "button",
               {
                 type: "button",
                 "aria-pressed": E,
-                "aria-label": l.label,
-                onClick: () => n(l.id),
+                "aria-label": a.label,
+                onClick: () => n(a.id),
                 className: `flex flex-col rounded-elm-card border transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-400/60 ${E ? "border-primary-500 ring-2 ring-primary-400/40 bg-primary-50 hover:bg-primary-100 dark:bg-primary-950/40 dark:hover:bg-primary-950/60" : "border-elm-border hover:border-(--elm-border-strong,var(--color-gray-400)) dark:hover:border-(--elm-border-strong,var(--color-gray-500)) bg-elm-surface hover:bg-elm-surface-hover"}`,
                 children: [
-                  Array.isArray(l.thumbnail) ? /* @__PURE__ */ r("div", { className: "w-full h-12 flex rounded-t-elm-card overflow-hidden", children: l.thumbnail.map((g) => /* @__PURE__ */ r("img", { src: g, alt: "", className: "w-1/2 h-full object-cover", loading: "lazy", draggable: !1 }, g)) }) : l.thumbnail ? /* @__PURE__ */ r("img", { src: l.thumbnail, alt: "", className: "w-full h-12 object-cover rounded-t-elm-card", loading: "lazy", draggable: !1 }) : /* @__PURE__ */ r("div", { className: "w-full h-12 rounded-t-elm-card bg-elm-surface-hover flex items-center justify-center text-elm-text-subtle", children: /* @__PURE__ */ r(Ye, { size: 20 }) }),
-                  /* @__PURE__ */ r("div", { className: `text-[11px] leading-4 tracking-tight text-center px-0.5 py-1 truncate font-medium ${E ? "text-primary-700 dark:text-primary-300" : "text-(--elm-text-secondary,var(--color-gray-700)) dark:text-(--elm-text-secondary,var(--color-gray-200))"}`, children: l.label })
+                  Array.isArray(a.thumbnail) ? /* @__PURE__ */ r("div", { className: "w-full h-12 flex rounded-t-elm-card overflow-hidden", children: a.thumbnail.map((g) => /* @__PURE__ */ r("img", { src: g, alt: "", className: "w-1/2 h-full object-cover", loading: "lazy", draggable: !1 }, g)) }) : a.thumbnail ? /* @__PURE__ */ r("img", { src: a.thumbnail, alt: "", className: "w-full h-12 object-cover rounded-t-elm-card", loading: "lazy", draggable: !1 }) : /* @__PURE__ */ r("div", { className: "w-full h-12 rounded-t-elm-card bg-elm-surface-hover flex items-center justify-center text-elm-text-subtle", children: /* @__PURE__ */ r(Ye, { size: 20 }) }),
+                  /* @__PURE__ */ r("div", { className: `text-[11px] leading-4 tracking-tight text-center px-0.5 py-1 truncate font-medium ${E ? "text-primary-700 dark:text-primary-300" : "text-(--elm-text-secondary,var(--color-gray-700)) dark:text-(--elm-text-secondary,var(--color-gray-200))"}`, children: a.label })
                 ]
               },
-              l.id
+              a.id
             );
           }) })
         }
@@ -2935,13 +2935,13 @@ function ui(t) {
     } finally {
       u.current && y(!1);
     }
-  }, [o, s]), a = J((b) => {
+  }, [o, s]), l = J((b) => {
     var k, D;
     d || (D = (k = b.dataTransfer) == null ? void 0 : k.types) != null && D.includes("Files") && (b.preventDefault(), b.stopPropagation(), f.current += 1, m(!0));
   }, [d]), p = J((b) => {
     var k, D;
     d || (D = (k = b.dataTransfer) == null ? void 0 : k.types) != null && D.includes("Files") && (b.preventDefault(), b.stopPropagation(), b.dataTransfer.dropEffect = "copy");
-  }, [d]), l = J((b) => {
+  }, [d]), a = J((b) => {
     d || (b.preventDefault(), b.stopPropagation(), f.current = Math.max(0, f.current - 1), f.current === 0 && m(!1));
   }, [d]), E = J((b) => {
     var D, R;
@@ -2960,11 +2960,11 @@ function ui(t) {
     var b;
     d || (b = h.current) == null || b.click();
   }, [d]), z = J(() => ({
-    onDragEnter: a,
+    onDragEnter: l,
     onDragOver: p,
-    onDragLeave: l,
+    onDragLeave: a,
     onDrop: E
-  }), [a, p, l, E]), K = J(() => ({
+  }), [l, p, a, E]), K = J(() => ({
     type: "file",
     accept: M,
     style: { display: "none" },
@@ -2994,16 +2994,16 @@ function mi(t) {
     f.current = o;
   }, [o]);
   const h = J(() => {
-    var a;
+    var l;
     if (f.current) return null;
     const C = d.current();
-    return !C || !Array.isArray(C.features) || C.features.length === 0 ? ((a = m.current) == null || a.call(m, { kind: "empty" }), null) : C;
+    return !C || !Array.isArray(C.features) || C.features.length === 0 ? ((l = m.current) == null || l.call(m, { kind: "empty" }), null) : C;
   }, []), u = J((C) => {
-    var a;
+    var l;
     try {
       return JSON.stringify(C, null, y.current);
     } catch (p) {
-      return (a = m.current) == null || a.call(m, {
+      return (l = m.current) == null || l.call(m, {
         kind: "serialization-error",
         cause: p instanceof Error ? p : new Error(String(p))
       }), null;
@@ -3018,12 +3018,12 @@ function mi(t) {
   return { exportToFile: J(() => {
     const C = h();
     if (!C) return null;
-    const a = u(C);
-    if (a === null) return null;
+    const l = u(C);
+    if (l === null) return null;
     const p = ps(C, c.current);
-    return jt(a, p).then((l) => {
+    return jt(l, p).then((a) => {
       var E;
-      l && ((E = i.current) == null || E.call(i, C, l));
+      a && ((E = i.current) == null || E.call(i, C, a));
     }), p;
   }, [h, u]), exportToString: x, exportToBlob: w };
 }
@@ -3087,16 +3087,16 @@ function fi({ config: t, accentColor: e, featureColor: n, onEvent: s, onError: o
   );
   return /* @__PURE__ */ r(hs, { onError: o, children: /* @__PURE__ */ r(Vr, { config: m, children: /* @__PURE__ */ r(Hn, { children: /* @__PURE__ */ r(_r, { children: /* @__PURE__ */ r(Gr, { onEvent: s, onError: o, toaster: d, children: /* @__PURE__ */ r(Ur, { children: i }) }) }) }) }) });
 }
-const gs = fe(() => import("./GeoJSONModal-BPFWeaLZ.js")), ys = fe(() => import("./SchemaModal-9nNrgorr.js")), bs = fe(() => import("./FeatureEditModal-BF-fGhVD.js")), vs = fe(() => import("./DataTablePanel-rWdaQubk.js")), xs = fe(() => import("./SettingsModal-DTP0Xx_Z.js")), ws = fe(
-  () => import("./ShortcutsModal-DwxZu71W.js").then((t) => ({ default: t.ShortcutsModal }))
+const gs = fe(() => import("./GeoJSONModal-BV9Tamf4.js")), ys = fe(() => import("./SchemaModal-DvMbWskS.js")), bs = fe(() => import("./FeatureEditModal-Dr10p3nE.js")), vs = fe(() => import("./DataTablePanel-DDFUmMaM.js")), xs = fe(() => import("./SettingsModal-BScVTjpn.js")), ws = fe(
+  () => import("./ShortcutsModal-ozuS2Ysb.js").then((t) => ({ default: t.ShortcutsModal }))
 );
 it(gs, ys, bs, vs, xs, ws);
-const ks = fe(() => import("./BooleanOperations-oF0WybQP.js"));
+const ks = fe(() => import("./BooleanOperations-BRO7NHUY.js"));
 it(ks);
 export {
   ws as $,
   Qs as A,
-  li as B,
+  ai as B,
   $o as C,
   Jn as D,
   Js as E,
@@ -3158,7 +3158,7 @@ export {
   Qn as t,
   Bs as u,
   ks as v,
-  ai as w,
+  li as w,
   Zo as x,
   vs as y,
   hs as z