@element-editor/ui 0.2.0 → 0.2.2

package/dist/{index-CtZterPc.js → index-rT-R0kyV.js}

@@ -1,79 +1,79 @@
-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 { 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 { 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 { clsx as ne } from "clsx";
-import { createPortal as cr } from "react-dom";
-import { centroid as jn } from "@turf/centroid";
-import { featureCollection as qn } from "@turf/helpers";
-import { bbox as dr } from "@turf/bbox";
-function fe(t) {
+var Fr = Object.defineProperty;
+var zr = (t, e, n) => e in t ? Fr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var Dt = (t, e, n) => zr(t, typeof e != "symbol" ? e + "" : e, n);
+import Lr, { lazy as Ut, useState as q, createElement as Rr, useContext as rt, useCallback as J, createContext as $r, useRef as B, useLayoutEffect as fe, useEffect as $, useMemo as ue, isValidElement as Kr, cloneElement as Or, memo as jt, Suspense as qt, useId as Br } from "react";
+import { e as se, h as le, g as ze, b as Wr, s as Ht, u as S, f as U, l as _r, E as Gr, T as Ur, m as jr, M as qr } from "./useAdapterControls-DVjkwRZ_.js";
+import { jsx as r, jsxs as T, Fragment as re } from "react/jsx-runtime";
+import { u as ce, f as Hr, e as Vr, w as Jr, E as Xr } from "./useAccentStyle-CPo2XqAn.js";
+import { loadCustomBindings as Zr, syncShortcutCache as Oe, getEffectiveKey as Vt, findConflict as Yr, saveCustomBindings as Ze, getCurrentKey as Qr, isMultiGeometry as en, getPartCount as nt, sidebarTakesSpace as ot, NARROW_EDITOR_WIDTH as It, getPartGeometry as tn, getPartLabel as rn, BOUNDARIES_SCHEMA_ID as nn, featureLimitMessage as on, canProcessShape as Le, setGeometryRunner as sn, countShapeVertices as Be, resolveUnitSystem as an, isLineGeometryType as ln, placeBox as cn } from "@element-editor/core/internal";
+import { getGeometryBBox as st, readStorage as Jt, writeStorage as dn, getFixedShortcutDisplay as Xt, ElementEditorError as We, formatLength as Mt, subscribeToDataChanges as un, readAccentPalette as Tt, DEFAULT_MAX_IMPORT_BYTES as mn, parseGeoJSONText as fn } from "@element-editor/core";
+import { MapPinPlus as pn, SidebarSimple as Zt, ArrowLeft as hn, CopySimple as Yt, Trash as Re, CaretDown as gn, CaretRight as yn, Check as bn, Copy as vn, FolderPlus as xn, MapPin as Qt, Polygon as er, StackSimple as Qe, LineSegment as tr, PencilSimple as wn, EyeClosed as et, Eye as it, Folder as kn, FolderOpen as Sn, DotsThree as Cn, Pencil as Nn, FolderMinus as En, Path as Pn, Circle as Dn, Rectangle as In, ScribbleLoop as Mn, HandTap as Tn, Ruler as An, MagnifyingGlass as Ye, X as At, Resize as rr, Scissors as nr, Knife as or, WaveSine as sr, SquareLogo as ir, Shapes as ar, StackPlus as lr, LineSegments as Fn, DotOutline as zn, Crosshair as Ln, ArrowArcRight as Rn, ArrowArcLeft as $n, ArrowsHorizontal as Kn, Hexagon as On, CircleHalfTilt as Bn, CornersOut as Wn, NavigationArrow as _n } from "@phosphor-icons/react";
+import { useShallow as Gn } from "zustand/react/shallow";
+import { i as Un, c as cr, I as Ft, T as jn, f as ve, a as Q, B as ke, b as Me, C as dr, S as zt, d as me, g as Lt, K as Ee, E as te, e as Te, h as qn } from "./EditToolbarBtn-SR4xHd8G.js";
+import { clsx as oe } from "clsx";
+import { createPortal as ur } from "react-dom";
+import { centroid as Hn } from "@turf/centroid";
+import { featureCollection as Vn } from "@turf/helpers";
+import { bbox as mr } from "@turf/bbox";
+function pe(t) {
   let e = null, n = null;
-  const s = () => e ?? (e = t().then((i) => (n = i.default, i))), o = _t(s);
+  const s = () => e ?? (e = t().then((i) => (n = i.default, i))), o = Ut(s);
   function d(i) {
     const [m] = q(() => n ?? o);
-    return zr(m, i);
+    return Rr(m, i);
   }
   return Object.assign(d, { preload: s });
 }
-const ur = [];
-function it(...t) {
-  for (const e of t) ur.push(e.preload);
+const fr = [];
+function at(...t) {
+  for (const e of t) fr.push(e.preload);
 }
-let Lt = !1;
-function Ks() {
-  if (Lt || typeof window > "u") return;
-  Lt = !0;
+let Rt = !1;
+function Gs() {
+  if (Rt || typeof window > "u") return;
+  Rt = !0;
   const t = () => {
-    for (const n of ur) n().catch(() => {
+    for (const n of fr) n().catch(() => {
     });
   }, e = window.requestIdleCallback;
   e ? e(t, { timeout: 3e3 }) : setTimeout(t, 1500);
 }
-const at = Lr(null);
-function Hn({ children: t }) {
+const lt = $r(null);
+function Jn({ children: t }) {
   const e = ce(), [n, s] = q(() => {
-    const c = Jr(e);
-    return $e(c), c;
-  }), o = J((c) => qt(c, n), [n]), d = J((c, y) => {
-    const f = Xr(y, c, n);
+    const l = Zr(e);
+    return Oe(l), l;
+  }), o = J((l) => Vt(l, n), [n]), d = J((l, h) => {
+    const f = Yr(h, l, n);
     if (f) return f;
-    const h = { ...n, [c]: y };
-    return s(h), Xe(h, e), $e(h), null;
-  }, [n, e]), i = J((c) => {
-    const y = { ...n };
-    delete y[c], s(y), Xe(y, e), $e(y);
+    const g = { ...n, [l]: h };
+    return s(g), Ze(g, e), Oe(g), null;
+  }, [n, e]), i = J((l) => {
+    const h = { ...n };
+    delete h[l], s(h), Ze(h, e), Oe(h);
   }, [n, e]), m = J(() => {
-    s({}), Xe({}, e), $e({});
+    s({}), Ze({}, e), Oe({});
   }, [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);
+function Xn() {
+  return rt(lt);
 }
-function Ee() {
-  const t = tt(at);
+function Pe() {
+  const t = rt(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"));
-it(mr, Jn, Xn);
-function Zn() {
+const pr = pe(() => import("./FeatureList-DJTd3gEU.js")), Zn = pe(() => import("./DataTable-Ce5P1HaO.js")), Yn = pe(() => import("./SchemaEditor-ryoTgaLb.js"));
+at(pr, Zn, Yn);
+function Qn() {
   return /* @__PURE__ */ T("div", { className: "flex flex-col items-center justify-center gap-3 h-full text-elm-text-muted", children: [
-    /* @__PURE__ */ r(mn, { size: 40, weight: "light" }),
+    /* @__PURE__ */ r(pn, { size: 40, weight: "light" }),
     /* @__PURE__ */ r("p", { className: "text-sm text-center text-balance leading-snug", children: "No features yet — add a point, line, or area" })
   ] });
 }
-const Yn = () => typeof navigator < "u" && /Mac/.test(navigator.platform);
-function Qn(t) {
+const eo = () => typeof navigator < "u" && /Mac/.test(navigator.platform);
+function to(t) {
   const e = t == null ? void 0 : t.name;
   return {
     type: "error",
@@ -84,7 +84,7 @@ function Qn(t) {
     quiet: !0
   };
 }
-function eo(t, e) {
+function ro(t, e) {
   if (e.length === 0) return t.map((s) => s.id);
   const n = [];
   for (const s of e)
@@ -94,7 +94,7 @@ function eo(t, e) {
     s.groupId || n.push(s.id);
   return n;
 }
-function Os(t, e) {
+function Us(t, e) {
   const n = [];
   for (const s of e)
     if (!s.collapsed)
@@ -102,35 +102,35 @@ function Os(t, e) {
   for (const s of t) s.groupId || n.push(s.id);
   return n;
 }
-const to = "data-elm-window", et = /* @__PURE__ */ new WeakMap();
-function ro(t) {
-  const e = et.get(t);
+const no = "data-elm-window", tt = /* @__PURE__ */ new WeakMap();
+function oo(t) {
+  const e = tt.get(t);
   if (!(e != null && e.size)) return !1;
   let n = null;
   for (const s of e) (!n || s.z() > n.z()) && (n = s);
   return n == null || n.close(), !!n;
 }
-function Bs(t, e, n, s, { topWindow: o = !0 } = {}) {
-  const { uiStore: d } = oe(), i = B(n), m = B(s);
-  pe(() => {
+function js(t, e, n, s, { topWindow: o = !0 } = {}) {
+  const { uiStore: d } = se(), i = B(n), m = B(s);
+  fe(() => {
     i.current = n, m.current = s;
   }), $(() => {
     if (!e) return;
-    const c = document.activeElement, y = { z: () => m.current, close: () => i.current() };
-    let f = et.get(d);
-    f || et.set(d, f = /* @__PURE__ */ new Set()), o && f.add(y);
-    const h = t.current;
+    const l = document.activeElement, h = { z: () => m.current, close: () => i.current() };
+    let f = tt.get(d);
+    f || tt.set(d, f = /* @__PURE__ */ new Set()), o && f.add(h);
+    const g = t.current;
     function u(x) {
-      x.key !== "Escape" || x.defaultPrevented || !(h != null && h.contains(x.target)) || (x.preventDefault(), i.current());
+      x.key !== "Escape" || x.defaultPrevented || !(g != null && g.contains(x.target)) || (x.preventDefault(), i.current());
     }
     return document.addEventListener("keydown", u), () => {
-      f.delete(y), document.removeEventListener("keydown", u);
+      f.delete(h), document.removeEventListener("keydown", u);
       const x = document.activeElement;
-      (!x || x === document.body || ((h == null ? void 0 : h.contains(x)) ?? !1) || !x.isConnected) && (c != null && c.isConnected) && c !== document.body && c.focus({ preventScroll: !0 });
+      (!x || x === document.body || ((g == null ? void 0 : g.contains(x)) ?? !1) || !x.isConnected) && (l != null && l.isConnected) && l !== document.body && l.focus({ preventScroll: !0 });
     };
   }, [e, t, d, o]);
 }
-function no() {
+function so() {
   return new Promise((t) => {
     const e = document.createElement("input");
     e.type = "file", e.accept = ".geojson,.json,application/geo+json,application/json", e.style.display = "none", document.body.appendChild(e);
@@ -147,76 +147,76 @@ function no() {
     }, { once: !0 }), e.click();
   });
 }
-const Ce = /* @__PURE__ */ new Map();
-function fr(t) {
+const Ne = /* @__PURE__ */ new Map();
+function hr(t) {
   if (t.closest("[data-elm-portal]")) return !0;
   let e = t;
   for (; e.parentElement && e.parentElement !== document.body; ) e = e.parentElement;
   return e.parentElement === document.body && (e.hasAttribute("data-elm-theme") || e.hasAttribute("data-elm-portal"));
 }
-function oo(t, e) {
+function io(t, e) {
   if (!e || t.composedPath().includes(e.root)) return !0;
   const n = document.activeElement;
-  return !n || n === document.body || fr(n) ? e.pointerInside ?? Ce.size === 1 : !1;
+  return !n || n === document.body || hr(n) ? e.pointerInside ?? Ne.size === 1 : !1;
 }
-function ke() {
-  const { uiStore: t } = oe();
-  return J((e) => oo(e, Ce.get(t)), [t]);
+function Se() {
+  const { uiStore: t } = se();
+  return J((e) => io(e, Ne.get(t)), [t]);
 }
-const so = 140;
-function io(t, e) {
+const ao = 140;
+function lo(t, e) {
   t.querySelectorAll(`[data-elm-shortcut="${e}"]`).forEach((n) => {
-    n.disabled || (n.setAttribute("data-pressed", ""), setTimeout(() => n.removeAttribute("data-pressed"), so));
+    n.disabled || (n.setAttribute("data-pressed", ""), setTimeout(() => n.removeAttribute("data-pressed"), ao));
   });
 }
-const ao = ["point", "line", "polygon", "route", "circle", "rectangle", "freehand", "picker"];
-function Ws(t) {
+const co = ["point", "line", "polygon", "route", "circle", "rectangle", "freehand", "picker"];
+function qs(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);
-  h.current = f;
-  const u = J((w) => h.current ? qt(w, h.current) : Zr(w), []);
+  const { dataStore: e, uiStore: n } = se(), s = le(), { panTo: o, fitBounds: d, setZoom: i } = ze(), m = Wr(), l = ce(), h = Se(), f = (x = Xn()) == null ? void 0 : x.custom, g = B(f);
+  g.current = f;
+  const u = J((w) => g.current ? Vt(w, g.current) : Qr(w), []);
   $(() => {
     if (!t) return;
     const w = t.closest("[data-elm-theme]") ?? t, M = { root: w, pointerInside: null };
-    Ce.set(n, M);
+    Ne.set(n, M);
     const C = (a) => {
-      a.composedPath().includes(w) ? M.pointerInside = !0 : a.target instanceof Element && fr(a.target) || (M.pointerInside = !1);
+      a.composedPath().includes(w) ? M.pointerInside = !0 : a.target instanceof Element && hr(a.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 });
+      Ne.get(n) === M && Ne.delete(n), document.removeEventListener("pointerdown", C, { capture: !0 });
     };
   }, [t, n]), $(() => {
-    if (!c.ui.keyboardShortcuts.enabled || !c.ui.keyboardShortcuts.mapZoom) return;
+    if (!l.ui.keyboardShortcuts.enabled || !l.ui.keyboardShortcuts.mapZoom) return;
     function w(M) {
-      if (!(M.metaKey || M.ctrlKey) || !y(M)) return;
+      if (!(M.metaKey || M.ctrlKey) || !h(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 p = M.key === "+" || M.key === "=", c = M.key === "-" || M.key === "_";
+      if (!p && !c || !i) return;
       M.preventDefault();
       const E = e.getState().currentZoom;
       i(E + (p ? 1 : -1));
     }
     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;
+  }, [l.ui.keyboardShortcuts.enabled, l.ui.keyboardShortcuts.mapZoom, i, e]), $(() => {
+    const w = l.ui.keyboardShortcuts.enabled;
     function M(a) {
       var L;
-      if (!w && a.key !== "Enter" || !y(a)) return;
-      const p = e.getState(), l = n.getState(), E = l.readonly, g = (v) => {
+      if (!w && a.key !== "Enter" || !h(a)) return;
+      const p = e.getState(), c = n.getState(), E = c.readonly, y = (v) => {
         var W;
-        return io(((W = Ce.get(n)) == null ? void 0 : W.root) ?? document, v);
+        return lo(((W = Ne.get(n)) == null ? void 0 : W.root) ?? document, v);
       }, N = a.target.tagName, P = a.target, z = a.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" }));
+        a.preventDefault(), y("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" }));
+        a.preventDefault(), y("redo"), p.redoStack.length > 0 && (p.redo(), s({ type: "redo" }));
         return;
       }
       if (!b && (a.metaKey || a.ctrlKey) && (a.key === "a" || a.key === "A")) {
@@ -227,8 +227,8 @@ function Ws(t) {
       }
       if (!b && (a.metaKey || a.ctrlKey) && !a.shiftKey && (a.key === "j" || a.key === "J")) {
         a.preventDefault();
-        const v = !l.autoExitAfterDraw;
-        l.setAutoExitAfterDraw(v), s({
+        const v = !c.autoExitAfterDraw;
+        c.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."
@@ -236,7 +236,7 @@ function Ws(t) {
         return;
       }
       if (!b && !E && (a.metaKey || a.ctrlKey) && !a.shiftKey && (a.key === "o" || a.key === "O")) {
-        a.preventDefault(), no().then((v) => {
+        a.preventDefault(), so().then((v) => {
           v && m(v);
         });
         return;
@@ -250,11 +250,11 @@ function Ws(t) {
         }
         const H = W.features.length;
         (async () => {
-          const F = await jt(v);
+          const F = await Ht(v);
           F && s({
             type: "success",
             message: `Exported ${F.name}`,
-            description: `${H === 1 ? "1 feature" : `${H} features`} · ${(F.bytes / 1024).toFixed(1)} KB`
+            description: `${H === 1 ? "1 feature" : `${H} features`}, ${(F.bytes / 1024).toFixed(1)} KB`
           });
         })();
         return;
@@ -267,7 +267,7 @@ function Ws(t) {
         }
         if (a.key === "d") {
           if (a.preventDefault(), E) return;
-          g("duplicate");
+          y("duplicate");
           const v = p.selectedIds;
           if (p.duplicateSelection())
             if (v.length === 1) {
@@ -279,7 +279,7 @@ function Ws(t) {
         }
         if (a.key === "e" || a.key === "E") {
           if (p.selectedIds.length !== 1) return;
-          a.preventDefault(), l.openEditDialog(p.selectedIds[0], { focusFirstField: !0 });
+          a.preventDefault(), c.openEditDialog(p.selectedIds[0], { focusFirstField: !0 });
           return;
         }
         if ((a.key === "g" || a.key === "G") && !E) {
@@ -290,41 +290,41 @@ function Ws(t) {
             if (p.selectedIds.length === 0) return;
             a.preventDefault();
             const v = p.groupSelection();
-            v && l.setAutoFocusGroupId(v);
+            v && c.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 ((!b || a.metaKey || a.ctrlKey) && c.editingMode !== "none") {
+          if (c.editingMode === "slice-shape") {
+            a.preventDefault(), c.commitSliceShape();
             return;
-          } else if (l.editingMode === "cut-hole") {
-            a.preventDefault(), l.commitCutHole();
+          } else if (c.editingMode === "cut-hole") {
+            a.preventDefault(), c.commitCutHole();
             return;
-          } else if (l.editingMode === "draw-line" && l.lineInProgress.length >= 2) {
-            a.preventDefault(), l.commitLine({});
+          } else if (c.editingMode === "draw-line" && c.lineInProgress.length >= 2) {
+            a.preventDefault(), c.commitLine({});
             return;
-          } else if (l.editingMode === "draw-polygon" && l.polygonInProgress.length >= 3) {
-            a.preventDefault(), l.commitPolygon({});
+          } else if (c.editingMode === "draw-polygon" && c.polygonInProgress.length >= 3) {
+            a.preventDefault(), c.commitPolygon({});
             return;
-          } else if (l.editingMode === "draw-route" && l.routeWaypoints.length >= 2) {
-            a.preventDefault(), l.commitRoute();
+          } else if (c.editingMode === "draw-route" && c.routeWaypoints.length >= 2) {
+            a.preventDefault(), c.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") {
+        const W = c.editingMode === "none" || c.editingMode === "draw-rect" || c.editingMode === "draw-circle" || c.editingMode === "place-point" || c.editingMode === "draw-freehand" || c.editingMode === "pick-shape" || c.editingMode === "draw-line" && c.lineInProgress.length < 2 || c.editingMode === "draw-polygon" && c.polygonInProgress.length < 3 || c.editingMode === "draw-route" && c.routeWaypoints.length < 2;
+        if (c.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 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);
+                const G = !c.vertexEditActive;
+                G && c.editingMode !== "none" && c.setEditingMode("none"), c.setVertexEditActive(G);
                 return;
               }
             }
@@ -332,11 +332,11 @@ 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 (a.key === "Tab" && !b && c.dialogState.type === "closed" && !D && !a.metaKey && !a.ctrlKey && !a.altKey) {
         const v = p.features;
         if (v.length === 0) return;
         a.preventDefault();
-        const W = eo(v, p.groups), H = p.selectedIds.length === 1 ? p.selectedIds[0] : null, F = H ? W.indexOf(H) : -1;
+        const W = ro(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;
         const _ = W[I];
@@ -347,52 +347,52 @@ function Ws(t) {
             const [V, Y] = G.geometry.coordinates;
             o == null || o([Y, V]);
           } else
-            d == null || d(G.bbox || ot(G.geometry));
+            d == null || d(G.bbox || st(G.geometry));
         return;
       }
       if (!b && !a.metaKey && !a.ctrlKey && !a.altKey) {
         const v = a.key.toLowerCase();
         if (v === u("show-shortcuts")) {
-          a.preventDefault(), g("show-shortcuts"), l.shortcutsModalOpen ? l.closeShortcutsModal() : l.openShortcutsModal();
+          a.preventDefault(), y("show-shortcuts"), c.shortcutsModalOpen ? c.closeShortcutsModal() : c.openShortcutsModal();
           return;
         }
-        if (c.ui.schemaEditor && !E && v === u("toggle-schema")) {
-          a.preventDefault(), g("toggle-schema"), l.toggleSchemaModal();
+        if (l.ui.schemaEditor && !E && v === u("toggle-schema")) {
+          a.preventDefault(), y("toggle-schema"), c.toggleSchemaModal();
           return;
         }
-        if (c.ui.layerList && v === u("toggle-sidebar")) {
-          a.preventDefault(), g("toggle-sidebar"), l.setSidebarOpen(!l.sidebarOpen);
+        if (l.ui.layerList && v === u("toggle-sidebar")) {
+          a.preventDefault(), y("toggle-sidebar"), c.setSidebarOpen(!c.sidebarOpen);
           return;
         }
       }
-      if (!b && l.dialogState.type !== "new-point" && !a.metaKey && !a.ctrlKey && !a.altKey) {
+      if (!b && c.dialogState.type !== "new-point" && !a.metaKey && !a.ctrlKey && !a.altKey) {
         const v = a.key.toLowerCase();
-        if (c.ui.dataTable && v === u("toggle-table")) {
-          a.preventDefault(), g("toggle-table"), l.toggleTable();
+        if (l.ui.dataTable && v === u("toggle-table")) {
+          a.preventDefault(), y("toggle-table"), c.toggleTable();
           return;
         }
-        if (c.ui.geojsonEditor && v === u("toggle-geojson")) {
-          a.preventDefault(), g("toggle-geojson"), l.toggleCodeModal();
+        if (l.ui.geojsonEditor && v === u("toggle-geojson")) {
+          a.preventDefault(), y("toggle-geojson"), c.toggleCodeModal();
           return;
         }
-        if (c.ui.zoomIndicator && v === u("set-zoom")) {
-          a.preventDefault(), g("set-zoom"), l.setZoomEditing(!0);
+        if (l.ui.zoomIndicator && v === u("set-zoom")) {
+          a.preventDefault(), y("set-zoom"), c.setZoomEditing(!0);
           return;
         }
         if (v === u("measure")) {
-          g("measure"), l.setEditingMode(l.editingMode === "measure" ? "none" : "measure");
+          y("measure"), c.setEditingMode(c.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) && (y("toggle-transform"), c.setTransformActive(!c.transformActive), !c.transformActive && c.editingMode !== "none" && c.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 = c.isToolAvailable, H = (F) => {
+          c.editingMode !== F && !p.canAddFeatures(1) || (y(F === "pick-shape" ? "picker" : F), c.setEditingMode(c.editingMode === F ? "none" : F));
         };
-        for (const F of ao) {
-          const I = jr[F];
+        for (const F of co) {
+          const I = Hr[F];
           if (W(F) && v === u(I === "pick-shape" ? "picker" : I)) {
             H(I);
             return;
@@ -400,39 +400,39 @@ 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") && (y("cut-hole"), c.setEditingMode(c.editingMode === "cut-hole" ? "none" : "cut-hole"), c.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") && (y("slice-shape"), c.setEditingMode(c.editingMode === "slice-shape" ? "none" : "slice-shape"), c.setTransformActive(!1));
           return;
         }
         if (v === u("break-apart")) {
           const F = p.selectedIds.length === 1 ? p.selectedIds[0] : null, I = F ? p.features.find((_) => _.id === F) : null;
-          if (I && Yr(I.geometry)) {
-            g("break-apart");
-            const _ = rt(I.geometry);
+          if (I && en(I.geometry)) {
+            y("break-apart");
+            const _ = nt(I.geometry);
             p.breakMultiGeometry(F) && s({ type: "feature:broken", featureId: F, count: _, undo: () => e.getState().undo() });
           }
           return;
         }
       }
-      if (a.key !== "Delete" && a.key !== "Backspace" || E || l.dialogState.type === "new-point") return;
+      if (a.key !== "Delete" && a.key !== "Backspace" || E || c.dialogState.type === "new-point") return;
       const R = p.selectedIds;
-      if (R.length === 0 || b || l.vertexEditActive) return;
+      if (R.length === 0 || b || c.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() });
+      a.preventDefault(), a.stopImmediatePropagation(), y("delete-selected"), p.deleteSelection(), c.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) {
-      var g;
-      if (!y(a)) return;
+      var y;
+      if (!h(a)) return;
       const p = a.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 c = (y = a.clipboardData) == null ? void 0 : y.getData("text");
+      if (c)
         try {
-          const N = JSON.parse(l);
+          const N = JSON.parse(c);
           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 });
@@ -446,12 +446,12 @@ function Ws(t) {
     return window.addEventListener("keydown", M), window.addEventListener("paste", C), () => {
       window.removeEventListener("keydown", M), window.removeEventListener("paste", C);
     };
-  }, [e, n, s, o, d, c, u, m]), $(() => {
+  }, [e, n, s, o, d, l, u, m]), $(() => {
     function w(M) {
-      var l;
-      if (M.key !== "Escape" || !y(M)) return;
+      var c;
+      if (M.key !== "Escape" || !h(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;
+      if (C && (C.tagName === "INPUT" || C.tagName === "TEXTAREA" || C.isContentEditable) || (c = C == null ? void 0 : C.closest) != null && c.call(C, `[${no}]`) || Un()) return;
       const a = n.getState();
       if (a.dialogState.type !== "closed") {
         a.closeDialog(), M.stopPropagation();
@@ -470,35 +470,35 @@ function Ws(t) {
           e.getState().selectFeature(null), M.stopPropagation();
           return;
         }
-        ro(n) && M.stopPropagation();
+        oo(n) && M.stopPropagation();
       }
     }
     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", ""]);
-function uo(t) {
+const uo = /* @__PURE__ */ new Set(["true", "yes", "y", "1", "on", "x", "✓"]), mo = /* @__PURE__ */ new Set(["false", "no", "n", "0", "off", ""]);
+function fo(t) {
   const e = t.trim().toLowerCase();
-  return lo.has(e) ? !0 : co.has(e) ? !1 : null;
+  return uo.has(e) ? !0 : mo.has(e) ? !1 : null;
 }
-function mo(t) {
-  return typeof t == "boolean" ? t : typeof t == "number" ? t !== 0 : typeof t == "string" ? uo(t) === !0 : !1;
+function po(t) {
+  return typeof t == "boolean" ? t : typeof t == "number" ? t !== 0 : typeof t == "string" ? fo(t) === !0 : !1;
 }
-function fo({ fields: t, values: e, onChange: n, errors: s, autoFocusFirst: o, readonly: d }) {
+function ho({ fields: t, values: e, onChange: n, errors: s, autoFocusFirst: o, readonly: d }) {
   return /* @__PURE__ */ r("div", { className: "space-y-3", children: t.map((i, m) => {
-    const c = e[i.key] ?? "", y = s == null ? void 0 : s[i.key], f = o && m === 0, h = /* @__PURE__ */ T("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: [
+    const l = e[i.key] ?? "", h = s == null ? void 0 : s[i.key], f = o && m === 0, g = /* @__PURE__ */ T("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: [
       i.label,
       i.required && /* @__PURE__ */ r("span", { className: "text-rose-500 ml-0.5", children: "*" })
     ] });
     let u;
     return i.type === "boolean" ? /* @__PURE__ */ T("div", { "data-field-key": i.key, className: "flex items-center justify-between py-1 border-b border-transparent", children: [
-      h,
+      g,
       /* @__PURE__ */ T("label", { className: "relative inline-flex items-center cursor-pointer", children: [
         /* @__PURE__ */ r(
           "input",
           {
             type: "checkbox",
-            checked: mo(c),
+            checked: po(l),
             onChange: (x) => n(i.key, x.target.checked),
             disabled: d,
             className: "sr-only peer"
@@ -506,24 +506,24 @@ function fo({ fields: t, values: e, onChange: n, errors: s, autoFocusFirst: o, r
         ),
         /* @__PURE__ */ r("div", { className: "w-9 h-5 bg-(--elm-border-strong,var(--color-gray-200)) peer-focus-visible:ring-2 peer-focus-visible:ring-elm-focus-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-elm-surface rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-(--elm-border-strong,var(--color-gray-300)) after:border after:rounded-full after:h-4 after:w-4 after:transition-transform peer-checked:bg-primary-500 opacity-90 hover:opacity-100 disabled:opacity-50" })
       ] }),
-      y && /* @__PURE__ */ r("p", { className: "mt-1 text-xs text-rose-500 w-full basis-full", children: y })
+      h && /* @__PURE__ */ r("p", { className: "mt-1 text-xs text-rose-500 w-full basis-full", children: h })
     ] }, i.key) : (i.type === "textarea" ? u = /* @__PURE__ */ r(
-      Gn,
+      jn,
       {
         rows: 3,
-        value: String(c),
+        value: String(l),
         onChange: (x) => n(i.key, x.target.value),
         autoFocus: f,
-        error: !!y,
+        error: !!h,
         disabled: d
       }
     ) : i.type === "select" ? u = /* @__PURE__ */ T(
-      ar,
+      cr,
       {
-        value: String(c),
+        value: String(l),
         onChange: (x) => n(i.key, x.target.value),
         autoFocus: f,
-        error: !!y,
+        error: !!h,
         disabled: d,
         children: [
           /* @__PURE__ */ r("option", { value: "", children: "— select —" }),
@@ -531,41 +531,41 @@ function fo({ fields: t, values: e, onChange: n, errors: s, autoFocusFirst: o, r
         ]
       }
     ) : i.type === "number" ? u = /* @__PURE__ */ r(
-      At,
+      Ft,
       {
         type: "number",
-        value: String(c),
+        value: String(l),
         onChange: (x) => n(i.key, x.target.value),
         autoFocus: f,
-        error: !!y,
+        error: !!h,
         disabled: d,
         min: i.min,
         max: i.max
       }
     ) : u = /* @__PURE__ */ r(
-      At,
+      Ft,
       {
         type: i.type,
-        value: String(c),
+        value: String(l),
         onChange: (x) => n(i.key, x.target.value),
         autoFocus: f,
-        error: !!y,
+        error: !!h,
         disabled: d
       }
     ), // `data-field-key` lets the parent panel focus the offending input
     // by key after a failed save (see handleSave in FeatureSidePanel).
     /* @__PURE__ */ T("div", { "data-field-key": i.key, children: [
-      h,
+      g,
       u,
-      y && /* @__PURE__ */ r("p", { className: "mt-1 text-xs text-rose-500", children: y })
+      h && /* @__PURE__ */ r("p", { className: "mt-1 text-xs text-rose-500", children: h })
     ] }, i.key));
   }) });
 }
-const Me = "items-center justify-center flex-shrink-0 p-[3px] rounded-elm-control text-elm-text-secondary hover:bg-(--elm-surface-hover,var(--color-gray-100)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) active:scale-[0.95] disabled:text-elm-text-disabled disabled:hover:bg-transparent disabled:active:scale-100 disabled:cursor-not-allowed transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-elm-focus-ring", po = "h-10 box-border flex items-center flex-shrink-0 border-b border-elm-border bg-elm-surface-sunken";
-function pr() {
-  const t = S((o) => o.setSidebarOpen), e = S((o) => o.layout === "split"), n = ce(), { getKey: s } = Ee();
+const Ae = "items-center justify-center flex-shrink-0 p-[3px] rounded-elm-control text-elm-text-secondary hover:bg-(--elm-surface-hover,var(--color-gray-100)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) active:scale-[0.95] disabled:text-elm-text-disabled disabled:hover:bg-transparent disabled:active:scale-100 disabled:cursor-not-allowed transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-elm-focus-ring", go = "h-10 box-border flex items-center flex-shrink-0 border-b border-elm-border bg-elm-surface-sunken";
+function gr() {
+  const t = S((o) => o.setSidebarOpen), e = S((o) => o.layout === "split"), n = ce(), { getKey: s } = Pe();
   return e ? null : /* @__PURE__ */ r(
-    be,
+    ve,
     {
       content: "Hide layers",
       shortcut: n.ui.keyboardShortcuts.enabled ? /* @__PURE__ */ r(Q, { children: s("toggle-sidebar").toUpperCase() }) : void 0,
@@ -578,30 +578,30 @@ function pr() {
           onClick: (o) => {
             t(!1), o.currentTarget.blur();
           },
-          className: `flex ${Me}`,
-          children: /* @__PURE__ */ r(Jt, { size: 16, mirrored: !0 })
+          className: `flex ${Ae}`,
+          children: /* @__PURE__ */ r(Zt, { size: 16, mirrored: !0 })
         }
       )
     }
   );
 }
-const ho = /("(?:\\.|[^"\\])*")(\s*:)?|\b(true|false)\b|\bnull\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g, go = "text-gray-800 dark:text-[#e06c75]", yo = "text-[#a11] dark:text-[#98c379]", bo = "text-[#164] dark:text-[#d19a66]", vo = "text-[#219] dark:text-[#d19a66]", xo = "text-[#164] dark:text-[#d19a66]";
-function wo(t) {
+const yo = /("(?:\\.|[^"\\])*")(\s*:)?|\b(true|false)\b|\bnull\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g, bo = "text-gray-800 dark:text-[#e06c75]", vo = "text-[#a11] dark:text-[#98c379]", xo = "text-[#164] dark:text-[#d19a66]", wo = "text-[#219] dark:text-[#d19a66]", ko = "text-[#164] dark:text-[#d19a66]";
+function So(t) {
   const e = [];
   let n = 0;
-  for (const s of t.matchAll(ho)) {
+  for (const s of t.matchAll(yo)) {
     const o = s.index;
     o > n && e.push(t.slice(n, o));
-    const [d, i, m, c] = s;
-    i !== void 0 ? (e.push(/* @__PURE__ */ r("span", { className: m ? go : yo, children: i }, o)), m && e.push(m)) : c !== void 0 ? e.push(/* @__PURE__ */ r("span", { className: vo, children: d }, o)) : e.push(/* @__PURE__ */ r("span", { className: d === "null" ? xo : bo, children: d }, o)), n = o + d.length;
+    const [d, i, m, l] = s;
+    i !== void 0 ? (e.push(/* @__PURE__ */ r("span", { className: m ? bo : vo, children: i }, o)), m && e.push(m)) : l !== void 0 ? e.push(/* @__PURE__ */ r("span", { className: wo, children: d }, o)) : e.push(/* @__PURE__ */ r("span", { className: d === "null" ? ko : xo, children: d }, o)), n = o + d.length;
   }
   return n < t.length && e.push(t.slice(n)), e;
 }
-function ko({ json: t, className: e }) {
-  const n = ue(() => wo(t), [t]);
+function Co({ json: t, className: e }) {
+  const n = ue(() => So(t), [t]);
   return /* @__PURE__ */ r("pre", { className: e, children: n });
 }
-function Rt(t, e) {
+function $t(t, e) {
   if (t.required && (e == null || String(e).trim() === ""))
     return `${t.label} is required`;
   if (t.type === "number" && e !== void 0 && e !== null && String(e).trim() !== "") {
@@ -616,11 +616,11 @@ function Rt(t, e) {
   }
   return null;
 }
-function hr(t, e) {
+function yr(t, e) {
   const n = S((i) => i.panelPrefs[t]), s = S((i) => i.setPanelPref), o = n !== null ? n : e;
   return { open: o, toggle: () => s(t, !o) };
 }
-function So(t, e, n) {
+function No(t, e, n) {
   if (t.type === "new-point") {
     const s = {};
     return e.fields.forEach((o) => {
@@ -633,17 +633,17 @@ 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(
-    () => 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(
-    () => So(t, P, h)
+function Eo({ dialogState: t, collapsible: e = !1 }) {
+  const { dataStore: n } = se(), s = le(), o = S((I) => I.closeDialog), d = U((I) => I.selectFeature), i = U(Gn((I) => I.getVisibleSchemas())), m = U((I) => I.lastUsedSchemaId), l = S((I) => I.readonly), { uiStore: h } = se(), f = Se(), g = U((I) => I.features), u = ue(
+    () => t.type === "edit" ? g.find((I) => I.id === t.featureId) ?? null : null,
+    [t, g]
+  ), 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), c = t.type === "new-point", E = a(), [y, 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 === y) ?? E, [z, K] = q(
+    () => No(t, P, g)
   ), [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 (c) {
       const G = {};
       _.fields.forEach((V) => {
         G[V.key] = z[V.key] ?? "";
@@ -652,10 +652,10 @@ function Co({ dialogState: t, collapsible: e = !1 }) {
     N(I), p(I), k({});
   }
   $(() => {
-    if (c) return;
+    if (l) return;
     function I(_) {
       if ((_.metaKey || _.ctrlKey) && _.key === "Enter" && f(_)) {
-        const G = y.getState();
+        const G = h.getState();
         if (G.lineInProgress.length > 0 || G.polygonInProgress.length > 0 || G.routeWaypoints.length > 0 || G.freehandPoints.length > 0 || G.circleCenter !== null || G.rectCorner !== null) return;
         _.preventDefault(), L();
       }
@@ -666,16 +666,16 @@ function Co({ dialogState: t, collapsible: e = !1 }) {
     var G;
     const I = {};
     for (const V of P.fields) {
-      const Y = Rt(V, z[V.key]);
+      const Y = $t(V, z[V.key]);
       Y && (I[V.key] = Y);
     }
     if (Object.keys(I).length > 0) {
       k(I);
       const V = (G = P.fields.find((Y) => I[Y.key])) == null ? void 0 : G.key;
       V && setTimeout(() => {
-        var ve;
-        const Y = document.querySelector(`[data-field-key="${CSS.escape(V)}"]`), re = Y == null ? void 0 : Y.querySelector("input, textarea, select");
-        re == null || re.focus(), re && "select" in re && ((ve = re.select) == null || ve.call(re));
+        var xe;
+        const Y = document.querySelector(`[data-field-key="${CSS.escape(V)}"]`), ne = Y == null ? void 0 : Y.querySelector("input, textarea, select");
+        ne == null || ne.focus(), ne && "select" in ne && ((xe = ne.select) == null || xe.call(ne));
       }, 0);
       return;
     }
@@ -683,13 +683,13 @@ 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({
+    c && t.type === "new-point" ? x({
       type: "Feature",
       id: crypto.randomUUID(),
-      schemaId: g,
+      schemaId: y,
       geometry: { type: "Point", coordinates: t.coords },
       properties: _
-    }) : u && w(u.id, { properties: _, schemaId: g }), o();
+    }) : u && w(u.id, { properties: _, schemaId: y }), o();
   }
   function v() {
     if (!u) return;
@@ -701,20 +701,20 @@ 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 = c ? "New point" : u ? String(u.properties.name || "Edit feature") : "Edit feature", F = c ? "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, {}),
-      /* @__PURE__ */ r(be, { content: "Back to layers", side: "bottom", children: /* @__PURE__ */ r("button", { type: "button", onClick: () => {
+      e && /* @__PURE__ */ r(gr, {}),
+      /* @__PURE__ */ r(ve, { content: "Back to layers", side: "bottom", children: /* @__PURE__ */ r("button", { type: "button", onClick: () => {
         o(), d(null);
-      }, "aria-label": "Back to layers", className: `flex ${Me}`, children: /* @__PURE__ */ r(fn, { size: 16 }) }) }),
+      }, "aria-label": "Back to layers", className: `flex ${Ae}`, children: /* @__PURE__ */ r(hn, { size: 16 }) }) }),
       /* @__PURE__ */ T("div", { className: "flex-1 min-w-0 mx-1", children: [
         /* @__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: [
-        !c && /* @__PURE__ */ r(
-          be,
+      u && /* @__PURE__ */ T(re, { children: [
+        !l && /* @__PURE__ */ r(
+          ve,
           {
             content: "Duplicate",
             shortcut: /* @__PURE__ */ T("span", { className: "flex items-center gap-0.5", children: [
@@ -722,10 +722,10 @@ function Co({ dialogState: t, collapsible: e = !1 }) {
               /* @__PURE__ */ r(Q, { children: "D" })
             ] }),
             side: "bottom",
-            children: /* @__PURE__ */ r("button", { type: "button", onClick: v, "aria-label": "Duplicate feature", className: `flex ${Me}`, children: /* @__PURE__ */ r(Xt, { size: 16 }) })
+            children: /* @__PURE__ */ r("button", { type: "button", onClick: v, "aria-label": "Duplicate feature", className: `flex ${Ae}`, children: /* @__PURE__ */ r(Yt, { size: 16 }) })
           }
         ),
-        !c && /* @__PURE__ */ r(be, { content: "Delete feature", side: "bottom", children: /* @__PURE__ */ r("button", { type: "button", onClick: W, "aria-label": "Delete feature", className: `flex ${Me}`, children: /* @__PURE__ */ r(ze, { size: 16 }) }) })
+        !l && /* @__PURE__ */ r(ve, { content: "Delete feature", side: "bottom", children: /* @__PURE__ */ r("button", { type: "button", onClick: W, "aria-label": "Delete feature", className: `flex ${Ae}`, children: /* @__PURE__ */ r(Re, { size: 16 }) }) })
       ] })
     ] }),
     /* @__PURE__ */ T("div", { className: "flex-1 overflow-y-auto min-h-0 px-4 pt-4", children: [
@@ -735,11 +735,11 @@ 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,
+          cr,
           {
-            value: g,
+            value: y,
             onChange: (I) => Z(I.target.value),
-            disabled: c,
+            disabled: l,
             children: i.map((I) => {
               var _;
               return /* @__PURE__ */ T("option", { value: I.id, children: [
@@ -751,7 +751,7 @@ function Co({ dialogState: t, collapsible: e = !1 }) {
         )
       ] }),
       /* @__PURE__ */ r(
-        fo,
+        ho,
         {
           fields: P.fields,
           values: z,
@@ -759,36 +759,36 @@ function Co({ dialogState: t, collapsible: e = !1 }) {
             K((V) => ({ ...V, [I]: _ }));
             const G = P.fields.find((V) => V.key === I);
             if (G) {
-              const V = Rt(G, _);
+              const V = $t(G, _);
               k((Y) => {
                 if (V) return { ...Y, [I]: V };
-                const re = { ...Y };
-                return delete re[I], re;
+                const ne = { ...Y };
+                return delete ne[I], ne;
               });
             }
           },
           errors: b,
-          autoFocusFirst: !c && (l || t.type === "edit" && !!t.isNew || t.type === "edit" && !!t.focusFirstField),
-          readonly: c
+          autoFocusFirst: !l && (c || t.type === "edit" && !!t.isNew || t.type === "edit" && !!t.focusFirstField),
+          readonly: l
         }
       ),
-      /* @__PURE__ */ r(Eo, { dialogState: t, editFeature: u ?? null, values: z, schemaId: g }),
-      /* @__PURE__ */ r(No, { dialogState: t, editFeature: u ?? null }),
+      /* @__PURE__ */ r(Do, { dialogState: t, editFeature: u ?? null, values: z, schemaId: y }),
+      /* @__PURE__ */ r(Po, { dialogState: t, editFeature: u ?? null }),
       /* @__PURE__ */ r("div", { className: "-mx-4 border-t border-elm-border" })
     ] }),
-    !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: [
+    !l && /* @__PURE__ */ r("div", { className: "px-4 py-3 border-t border-elm-border flex-shrink-0", children: /* @__PURE__ */ T(ke, { 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(Ie, { children: "⌘" }),
-        /* @__PURE__ */ r(Ie, { children: "↵" })
-      ] }) : /* @__PURE__ */ T(ae, { children: [
-        /* @__PURE__ */ r(Ie, { children: "Ctrl" }),
-        /* @__PURE__ */ r(Ie, { children: "↵" })
+      /* @__PURE__ */ r("span", { className: "ml-auto flex items-center gap-0.5", children: eo() ? /* @__PURE__ */ T(re, { children: [
+        /* @__PURE__ */ r(Me, { children: "⌘" }),
+        /* @__PURE__ */ r(Me, { children: "↵" })
+      ] }) : /* @__PURE__ */ T(re, { children: [
+        /* @__PURE__ */ r(Me, { children: "Ctrl" }),
+        /* @__PURE__ */ r(Me, { children: "↵" })
       ] }) })
     ] }) })
   ] });
 }
-function No({
+function Po({
   dialogState: t,
   editFeature: e
 }) {
@@ -802,11 +802,11 @@ function No({
       const [i, m] = e.geometry.coordinates;
       return [`${m.toFixed(6)}, ${i.toFixed(6)}`];
     }
-    return e.geometry.type === "LineString" ? e.geometry.coordinates.map(([m, c], y) => `${y + 1}.  ${c.toFixed(6)}, ${m.toFixed(6)}`) : e.geometry.type === "Polygon" ? e.geometry.coordinates[0].slice(0, -1).map(([m, c], y) => `${y + 1}.  ${c.toFixed(6)}, ${m.toFixed(6)}`) : [];
-  }, [t, e]), s = n.length <= 5, { open: o, toggle: d } = hr("coordsOpen", s);
-  return n.length === 0 ? null : /* @__PURE__ */ r(gr, { label: "Coordinates", open: o, onToggle: d, children: /* @__PURE__ */ r("div", { className: "space-y-0.5", children: n.map((i, m) => /* @__PURE__ */ r("p", { className: "text-xs font-elm-mono text-elm-text-muted", children: i }, m)) }) });
+    return e.geometry.type === "LineString" ? e.geometry.coordinates.map(([m, l], h) => `${h + 1}.  ${l.toFixed(6)}, ${m.toFixed(6)}`) : e.geometry.type === "Polygon" ? e.geometry.coordinates[0].slice(0, -1).map(([m, l], h) => `${h + 1}.  ${l.toFixed(6)}, ${m.toFixed(6)}`) : [];
+  }, [t, e]), s = n.length <= 5, { open: o, toggle: d } = yr("coordsOpen", s);
+  return n.length === 0 ? null : /* @__PURE__ */ r(br, { label: "Coordinates", open: o, onToggle: d, children: /* @__PURE__ */ r("div", { className: "space-y-0.5", children: n.map((i, m) => /* @__PURE__ */ r("p", { className: "text-xs font-elm-mono text-elm-text-muted", children: i }, m)) }) });
 }
-function Eo({
+function Do({
   dialogState: t,
   editFeature: e,
   values: n,
@@ -820,34 +820,34 @@ 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 } = yr("sourceOpen", !1), [m, l] = q(!1), h = le();
   if (!o) return null;
   const f = JSON.stringify(o, null, 2);
-  function h() {
+  function g() {
     Promise.resolve().then(() => navigator.clipboard.writeText(f)).then(() => {
-      c(!0), setTimeout(() => c(!1), 1500);
-    }, (x) => y(Qn(x)));
+      l(!0), setTimeout(() => l(!1), 1500);
+    }, (x) => h(to(x)));
   }
-  return /* @__PURE__ */ r(gr, { label: "Source", open: d, onToggle: i, action: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(br, { label: "Source", open: d, onToggle: i, action: /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       onClick: (x) => {
-        x.stopPropagation(), h();
+        x.stopPropagation(), g();
       },
       "aria-label": "Copy source",
       className: `flex items-center justify-center w-6 h-6 rounded-elm-chip hover:bg-elm-surface-hover transition-colors ${m ? "text-emerald-500" : "text-elm-text-disabled hover:text-(--elm-text-secondary,var(--color-gray-500)) dark:hover:text-(--elm-text-secondary,var(--color-gray-300))"}`,
-      children: m ? /* @__PURE__ */ r(gn, { size: 16, weight: "bold" }) : /* @__PURE__ */ r(yn, { size: 16 })
+      children: m ? /* @__PURE__ */ r(bn, { size: 16, weight: "bold" }) : /* @__PURE__ */ r(vn, { size: 16 })
     }
   ), children: /* @__PURE__ */ r(
-    ko,
+    Co,
     {
       json: f,
       className: "text-[11px] font-elm-mono text-(--elm-text-secondary,var(--color-gray-800)) dark:text-(--elm-text-secondary,var(--color-gray-300)) bg-elm-surface-sunken border border-(--elm-border-subtle,var(--color-gray-100)) dark:border-(--elm-border-subtle,var(--color-gray-700)) rounded-elm-card p-2 overflow-x-auto whitespace-pre leading-relaxed"
     }
   ) });
 }
-function gr({
+function br({
   label: t,
   open: e,
   onToggle: n,
@@ -864,7 +864,7 @@ function gr({
           className: "flex items-center gap-1 text-xs font-medium text-elm-text-subtle hover:text-(--elm-text-secondary,var(--color-gray-600)) dark:hover:text-(--elm-text-secondary,var(--color-gray-300)) hover:bg-elm-surface-hover rounded-elm-control -ml-2 pl-2 transition-colors flex-1 text-left h-full",
           onClick: n,
           children: [
-            /* @__PURE__ */ r("span", { className: "text-elm-text-subtle flex-shrink-0", children: e ? /* @__PURE__ */ r(pn, { size: 12, weight: "bold" }) : /* @__PURE__ */ r(hn, { size: 12, weight: "bold" }) }),
+            /* @__PURE__ */ r("span", { className: "text-elm-text-subtle flex-shrink-0", children: e ? /* @__PURE__ */ r(gn, { size: 12, weight: "bold" }) : /* @__PURE__ */ r(yn, { size: 12, weight: "bold" }) }),
             t
           ]
         }
@@ -874,67 +874,67 @@ function gr({
     e && /* @__PURE__ */ r("div", { className: "pb-3", children: o })
   ] });
 }
-const yr = "[data-elm-theme],[data-elm-theme] *{transition:none!important}";
-function $t(t) {
+const vr = "[data-elm-theme],[data-elm-theme] *{transition:none!important}";
+function Kt(t) {
   const e = document.createElement("style");
-  e.textContent = yr, document.head.appendChild(e), t(), requestAnimationFrame(() => requestAnimationFrame(() => e.remove()));
+  e.textContent = vr, document.head.appendChild(e), t(), requestAnimationFrame(() => requestAnimationFrame(() => e.remove()));
 }
-function Po(t, e) {
+function Io(t, e) {
   e == null || e.setAttribute("data-dragging", "");
   const n = document.createElement("div");
   n.style.cssText = `position:fixed;inset:0;z-index:2147483647;cursor:${t}`, document.body.appendChild(n);
   const s = document.createElement("style");
-  return s.textContent = yr, document.head.appendChild(s), document.body.style.userSelect = "none", () => {
+  return s.textContent = vr, document.head.appendChild(s), document.body.style.userSelect = "none", () => {
     e == null || e.removeAttribute("data-dragging"), n.remove(), s.remove(), document.body.style.userSelect = "";
   };
 }
-function br(t, e, n, s) {
+function xr(t, e, n, s) {
   const o = ce(), [d, i] = q(() => {
-    const y = parseInt(Ht(t, o) ?? "", 10);
-    return isNaN(y) ? e : Math.max(n, Math.min(s, y));
+    const h = parseInt(Jt(t, o) ?? "", 10);
+    return isNaN(h) ? e : Math.max(n, Math.min(s, h));
   }), m = B(d);
   m.current = d;
-  const c = J((y) => {
-    if (y.button !== 0) return;
-    y.preventDefault();
-    const f = y.clientX, h = m.current, u = Po("col-resize", y.currentTarget);
+  const l = J((h) => {
+    if (h.button !== 0) return;
+    h.preventDefault();
+    const f = h.clientX, g = m.current, u = Io("col-resize", h.currentTarget);
     function x(M) {
-      const C = Math.max(n, Math.min(s, h + (f - M.clientX)));
+      const C = Math.max(n, Math.min(s, g + (f - M.clientX)));
       m.current = C, i(C);
     }
     function w() {
-      u(), ln(t, String(m.current), o), window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", w);
+      u(), dn(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]);
-  return { width: d, onHandleMouseDown: c };
+  return { width: d, onHandleMouseDown: l };
 }
-function vr(t, e = !0) {
-  const { uiStore: n } = oe(), s = ce().ui.layerList, o = S(nt), d = S((f) => f.narrow), i = S((f) => f.sidebarWidth), m = S((f) => f.codeDockWidth), y = S((f) => f.tableFullscreen) || d ? 0 : (s && o ? i : 0) + m;
-  pe(() => {
-    var h;
+function wr(t, e = !0) {
+  const { uiStore: n } = se(), s = ce().ui.layerList, o = S(ot), d = S((f) => f.narrow), i = S((f) => f.sidebarWidth), m = S((f) => f.codeDockWidth), h = S((f) => f.tableFullscreen) || d ? 0 : (s && o ? i : 0) + m;
+  fe(() => {
+    var g;
     if (!e) return;
-    const f = (h = t.current) == null ? void 0 : h.closest("[data-elm-theme]");
+    const f = (g = t.current) == null ? void 0 : g.closest("[data-elm-theme]");
     if (f)
-      return f.style.setProperty("--elm-panel-offset", `${y}px`), () => {
+      return f.style.setProperty("--elm-panel-offset", `${h}px`), () => {
         f.style.removeProperty("--elm-panel-offset");
       };
-  }, [t, e, y]), pe(() => {
+  }, [t, e, h]), fe(() => {
     var x;
     if (!e) return;
     const f = (x = t.current) == null ? void 0 : x.closest("[data-elm-theme]");
     if (!f) return;
-    const h = () => {
+    const g = () => {
       const w = f.clientWidth;
-      w > 0 && n.getState().narrow !== w < Dt && n.getState().setNarrow(w < Dt);
+      w > 0 && n.getState().narrow !== w < It && n.getState().setNarrow(w < It);
     };
-    h();
-    const u = new ResizeObserver(h);
+    g();
+    const u = new ResizeObserver(g);
     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";
-function Pe({
+const kr = "after:absolute after:transition-colors hover:after:bg-elm-focus-ring data-[dragging]:after:bg-elm-focus-ring", Mo = `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 ${kr}`, Hs = `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 ${kr}`, To = "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", Ao = "text-elm-text hover:bg-elm-control-hover disabled:hover:bg-transparent", Fo = "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", zo = "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", Lo = "bg-elm-surface/95 hover:bg-elm-surface-hover disabled:hover:bg-elm-surface/95", Ot = "disabled:text-elm-text-disabled", Bt = "text-primary-600 dark:text-primary-400", Ro = "text-elm-text";
+function De({
   label: t,
   tooltipContent: e,
   shortcut: n,
@@ -943,47 +943,47 @@ function Pe({
   onClick: d,
   active: i,
   expanded: m,
-  controls: c,
-  disabled: y,
+  controls: l,
+  disabled: h,
   size: f = "md",
-  children: h
+  children: g
 }) {
   const x = ce().ui.keyboardShortcuts.enabled ? n : void 0;
-  return /* @__PURE__ */ r(be, { content: e ?? t, shortcut: x, side: o, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(ve, { content: e ?? t, shortcut: x, side: o, children: /* @__PURE__ */ r(
     "button",
     {
       "aria-label": t,
       "data-elm-shortcut": s,
       "aria-pressed": m === void 0 ? i : void 0,
       "aria-expanded": m,
-      "aria-controls": c,
+      "aria-controls": l,
       onClick: (w) => {
         d(), w.detail > 0 && w.currentTarget.blur();
       },
-      disabled: y,
-      className: f === "group" ? `${Io} ${i ? Ot : Mo} ${Kt}` : `${f === "sm" ? To : `${Ao} ${Fo}`} ${i ? Ot : zo} ${Kt}`,
-      children: Rr(h) && typeof h.type != "string" ? $r(h, { ...i ? { weight: "fill" } : {}, ...f === "sm" ? { size: 16 } : {} }) : h
+      disabled: h,
+      className: f === "group" ? `${To} ${i ? Bt : Ao} ${Ot}` : `${f === "sm" ? Fo : `${zo} ${Lo}`} ${i ? Bt : Ro} ${Ot}`,
+      children: Kr(g) && typeof g.type != "string" ? Or(g, { ...i ? { weight: "fill" } : {}, ...f === "sm" ? { size: 16 } : {} }) : g
     }
   ) });
 }
-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);
-  vr(x);
+const Vs = jt(function({ footer: e }) {
+  const { dataStore: n } = se(), s = le(), o = S((L) => L.sidebarOpen), d = S((L) => L.setSidebarOpen), i = S((L) => L.setSidebarWidth), m = S((L) => L.codeDockWidth), l = S((L) => L.readonly), h = S((L) => L.layout), { width: f, onHandleMouseDown: g } = xr("elm_panel_width", 288, 200, 520), u = h === "split", x = B(null);
+  wr(x);
   const w = S((L) => L.narrow) && !u, [M, C] = q(!1), a = B(!1);
   $(() => {
     const L = requestAnimationFrame(() => {
       a.current = !0;
     });
     return () => cancelAnimationFrame(L);
-  }, []), pe(() => {
+  }, []), fe(() => {
     w && (a.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), []);
-  pe(() => {
+  const { getKey: p } = Pe(), c = /* @__PURE__ */ r(Q, { children: p("toggle-sidebar").toUpperCase() }), [E, y] = q(null), N = J((L) => y(L), []);
+  fe(() => {
     i(f);
   }, [f, i]);
   const P = S((L) => L.dialogState), z = P.type !== "closed", K = U((L) => L.features), b = U((L) => L.selectedIds), k = U((L) => L.deleteSelection), D = U((L) => L.clearSelection), R = S((L) => L.autoFocusGroupId), O = S((L) => L.setAutoFocusGroupId);
@@ -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(re, { children: /* @__PURE__ */ T(
     "aside",
     {
       ref: x,
@@ -1006,25 +1006,25 @@ 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(De, { label: "Open layers panel", shortcutId: "toggle-sidebar", tooltipContent: "Show layers", shortcut: c, tooltipSide: "bottom", onClick: () => d(!0), children: /* @__PURE__ */ r(Zt, { 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",
             {
-              onMouseDown: h,
-              className: Do,
+              onMouseDown: g,
+              className: Mo,
               title: "Drag to resize panel"
             }
           ),
-          z && b.length < 2 ? /* @__PURE__ */ r(Co, { dialogState: P, collapsible: !0 }, Z) : /* @__PURE__ */ T(ae, { children: [
-            /* @__PURE__ */ r("header", { className: `${po} px-3`, children: /* @__PURE__ */ T("div", { className: "flex items-center justify-between h-6 w-full", children: [
+          z && b.length < 2 ? /* @__PURE__ */ r(Eo, { dialogState: P, collapsible: !0 }, Z) : /* @__PURE__ */ T(re, { children: [
+            /* @__PURE__ */ r("header", { className: `${go} 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, {}),
+                /* @__PURE__ */ r(gr, {}),
                 /* @__PURE__ */ r("span", { className: "text-xs font-medium text-elm-text-secondary", children: "Layers" })
               ] }),
-              /* @__PURE__ */ r("div", { className: "flex items-center gap-0.5", children: !c && /* @__PURE__ */ r(be, { content: "New group", side: "bottom", children: /* @__PURE__ */ r("button", { type: "button", onClick: j, disabled: K.length === 0, className: `flex ${Me}`, "aria-label": "New group", children: /* @__PURE__ */ r(bn, { size: 16 }) }) }) })
+              /* @__PURE__ */ r("div", { className: "flex items-center gap-0.5", children: !l && /* @__PURE__ */ r(ve, { content: "New group", side: "bottom", children: /* @__PURE__ */ r("button", { type: "button", onClick: j, disabled: K.length === 0, className: `flex ${Ae}`, "aria-label": "New group", children: /* @__PURE__ */ r(xn, { size: 16 }) }) }) })
             ] }) }),
-            /* @__PURE__ */ r("div", { ref: N, className: "flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ r("div", { className: "px-3 py-3 flex flex-col gap-3 h-full", children: /* @__PURE__ */ r(Ut, { fallback: K.length === 0 ? /* @__PURE__ */ r("div", { className: "h-full", children: /* @__PURE__ */ r(Zn, {}) }) : null, children: /* @__PURE__ */ r(mr, { autoFocusGroupId: R, scrollElement: E }) }) }) }),
+            /* @__PURE__ */ r("div", { ref: N, className: "flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ r("div", { className: "px-3 py-3 flex flex-col gap-3 h-full", children: /* @__PURE__ */ r(qt, { fallback: K.length === 0 ? /* @__PURE__ */ r("div", { className: "h-full", children: /* @__PURE__ */ r(Qn, {}) }) : null, children: /* @__PURE__ */ r(pr, { autoFocusGroupId: R, scrollElement: E }) }) }) }),
             b.length >= 2 && /* @__PURE__ */ T("div", { className: "flex items-center gap-2 px-3 py-2 bg-elm-surface-sunken border-t border-elm-border flex-shrink-0", children: [
               /* @__PURE__ */ T("span", { className: "text-xs text-elm-text-secondary font-medium flex-1", children: [
                 b.length,
@@ -1038,7 +1038,7 @@ const Gs = Gt(function({ footer: e }) {
                   children: "Clear"
                 }
               ),
-              !c && /* @__PURE__ */ r(
+              !l && /* @__PURE__ */ r(
                 "button",
                 {
                   onClick: () => {
@@ -1057,10 +1057,10 @@ const Gs = Gt(function({ footer: e }) {
     }
   ) });
 });
-function wr({ type: t, size: e = 20 }) {
-  return t === "Point" || t === "MultiPoint" ? /* @__PURE__ */ r(Zt, { size: e }) : t === "Polygon" || t === "MultiPolygon" ? /* @__PURE__ */ r(Yt, { size: e, weight: "fill" }) : t === "GeometryCollection" ? /* @__PURE__ */ r(Ye, { size: e }) : /* @__PURE__ */ r(Qt, { size: e, weight: "bold" });
+function Sr({ type: t, size: e = 20 }) {
+  return t === "Point" || t === "MultiPoint" ? /* @__PURE__ */ r(Qt, { size: e }) : t === "Polygon" || t === "MultiPolygon" ? /* @__PURE__ */ r(er, { size: e, weight: "fill" }) : t === "GeometryCollection" ? /* @__PURE__ */ r(Qe, { size: e }) : /* @__PURE__ */ r(tr, { size: e, weight: "bold" });
 }
-function Lo(t) {
+function $o(t) {
   switch (t) {
     case "Point":
       return "Point";
@@ -1080,23 +1080,23 @@ function Lo(t) {
       return t;
   }
 }
-function kr({ initialLabel: t, onCommit: e, autoFocus: n, activate: s, onEnd: o, onTab: d, disabled: i }) {
-  const [m, c] = q(() => !i && (!!n || !!s)), [y, f] = q(t), h = B(null);
+function Cr({ initialLabel: t, onCommit: e, autoFocus: n, activate: s, onEnd: o, onTab: d, disabled: i }) {
+  const [m, l] = q(() => !i && (!!n || !!s)), [h, f] = q(t), g = B(null);
   $(() => {
-    s && !m && !i && (f(t), c(!0));
+    s && !m && !i && (f(t), l(!0));
   }, [s]), $(() => {
     var a, p;
-    m && ((a = h.current) == null || a.focus(), (p = h.current) == null || p.select());
+    m && ((a = g.current) == null || a.focus(), (p = g.current) == null || p.select());
   }, [m]);
   function u(a) {
-    i || (f(a), c(!0));
+    i || (f(a), l(!0));
   }
   function x() {
-    const a = y.trim();
-    a && a !== t && e(a), c(!1), o == null || o();
+    const a = h.trim();
+    a && a !== t && e(a), l(!1), o == null || o();
   }
   function w() {
-    f(t), c(!1), o == null || o();
+    f(t), l(!1), o == null || o();
   }
   function M(a) {
     if (a.key === "Enter") {
@@ -1109,24 +1109,24 @@ function kr({ initialLabel: t, onCommit: e, autoFocus: n, activate: s, onEnd: o,
     }
     if (a.key === "Tab" && d) {
       a.preventDefault(), a.nativeEvent.stopImmediatePropagation();
-      const p = y.trim();
-      p && p !== t && e(p), c(!1), d(a.shiftKey ? "prev" : "next");
+      const p = h.trim();
+      p && p !== t && e(p), l(!1), d(a.shiftKey ? "prev" : "next");
     }
   }
   return { isRenaming: m, startRenaming: u, inputProps: {
-    ref: h,
-    value: y,
+    ref: g,
+    value: h,
     onChange: (a) => f(a.target.value),
     onBlur: x,
     onKeyDown: M,
     onClick: (a) => a.stopPropagation()
   } };
 }
-function Ro(t) {
+function Ko(t) {
   const e = t.properties.name;
-  return typeof e == "string" && e.trim() ? e : Lo(t.geometry.type);
+  return typeof e == "string" && e.trim() ? e : $o(t.geometry.type);
 }
-const Us = Gt(function({
+const Js = jt(function({
   feature: e,
   isSelected: n,
   onRowClick: s,
@@ -1134,10 +1134,10 @@ const Us = Gt(function({
   onRowJump: d,
   onEdit: i,
   onToggleHidden: m,
-  containerProps: c,
-  dragHandleProps: y,
+  containerProps: l,
+  dragHandleProps: h,
   isDragging: f,
-  innerRef: h,
+  innerRef: g,
   isMultiSelected: u,
   onMultiSelectToggle: x,
   onRangeSelect: w,
@@ -1145,19 +1145,19 @@ const Us = Gt(function({
   dragCountBadge: C,
   isGhosted: a,
   onRename: p,
-  renameActive: l,
+  renameActive: c,
   onRenameEnd: E,
-  onRenameTab: g,
+  onRenameTab: y,
   joinTop: N,
   joinBottom: P
 }) {
-  const z = B(null), K = Ro(e), b = S((F) => F.readonly), { isRenaming: k, startRenaming: D, inputProps: R } = kr({
+  const z = B(null), K = Ko(e), b = S((F) => F.readonly), { isRenaming: k, startRenaming: D, inputProps: R } = Cr({
     initialLabel: K,
     disabled: b,
     onCommit: (F) => p == null ? void 0 : p(e.id, F),
-    activate: l,
+    activate: c,
     onEnd: E,
-    onTab: g
+    onTab: y
   }), O = B(null);
   $(() => () => {
     O.current !== null && clearTimeout(O.current);
@@ -1174,26 +1174,26 @@ const Us = Gt(function({
       I = !0, F.onload = null, F.onerror = null;
     };
   }, [j]);
-  const v = j !== null && Z, { style: W, ...H } = c ?? {};
+  const v = j !== null && Z, { style: W, ...H } = l ?? {};
   return /* @__PURE__ */ r(
     "li",
     {
       ref: (F) => {
-        z.current = F, h == null || h(F);
+        z.current = F, g == null || g(F);
       },
       ...H,
-      ...y,
+      ...h,
       style: { listStyle: "none", opacity: a ? 0.4 : void 0, outline: "none", ...W },
       children: /* @__PURE__ */ T(
         "div",
         {
           "data-feature-id": e.id,
-          className: ne(
+          className: oe(
             // Fixed h-9 (36 px): FeatureList's virtualiser computes row offsets from it.
             "group flex items-center gap-2 px-2 h-9 rounded-elm-control text-sm cursor-default",
             !f && N && "rounded-t-none",
             !f && P && "rounded-b-none",
-            f ? "cursor-grabbing shadow-elm-control bg-elm-surface-raised" : u || n ? "bg-(--elm-row-selected) hover:bg-(--elm-row-selected-hover) text-primary-700 dark:text-primary-300" : e.hidden ? ne("text-elm-text-disabled", M ? "bg-(--elm-row-hover)" : "hover:bg-(--elm-row-hover)") : M ? "bg-(--elm-row-hover) text-elm-text-secondary" : "hover:bg-(--elm-row-hover) text-elm-text-secondary"
+            f ? "cursor-grabbing shadow-elm-control bg-elm-surface-raised" : u || n ? "bg-(--elm-row-selected) hover:bg-(--elm-row-selected-hover) text-primary-700 dark:text-primary-300" : e.hidden ? oe("text-elm-text-disabled", M ? "bg-(--elm-row-hover)" : "hover:bg-(--elm-row-hover)") : M ? "bg-(--elm-row-hover) text-elm-text-secondary" : "hover:bg-(--elm-row-hover) text-elm-text-secondary"
           ),
           onClick: (F) => {
             if (F.metaKey || F.ctrlKey) {
@@ -1214,12 +1214,12 @@ const Us = Gt(function({
                 alt: "",
                 className: "w-5 h-5 rounded-elm-chip object-cover flex-shrink-0 border border-(--elm-border,var(--color-gray-200))"
               }
-            ) : /* @__PURE__ */ r("span", { className: ne(
+            ) : /* @__PURE__ */ r("span", { className: oe(
               "flex-shrink-0",
               // Selected rows tint the icon to match their text color (primary).
               // Hidden rows mute it to the row's dimmed text. Otherwise stay neutral gray.
               n || u ? "text-primary-700 dark:text-primary-300" : e.hidden ? "text-elm-text-disabled" : "text-(--elm-text-subtle,var(--color-gray-400))"
-            ), children: /* @__PURE__ */ r(wr, { type: e.geometry.type }) }),
+            ), children: /* @__PURE__ */ r(Sr, { type: e.geometry.type }) }),
             k ? /* @__PURE__ */ r(
               "input",
               {
@@ -1251,7 +1251,7 @@ const Us = Gt(function({
                   },
                   className: "text-elm-text hover:bg-(--elm-surface-hover,var(--color-gray-100)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) p-1 rounded-elm-control opacity-0 group-hover:opacity-100",
                   "aria-label": "Edit",
-                  children: /* @__PURE__ */ r(vn, { size: 16 })
+                  children: /* @__PURE__ */ r(wn, { size: 16 })
                 }
               ),
               /* @__PURE__ */ r(
@@ -1260,12 +1260,12 @@ const Us = Gt(function({
                   onClick: (F) => {
                     F.stopPropagation(), m(e.id);
                   },
-                  className: ne(
+                  className: oe(
                     "text-elm-text hover:bg-(--elm-surface-hover,var(--color-gray-100)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) p-1 rounded-elm-control",
                     e.hidden ? "" : "opacity-0 group-hover:opacity-100"
                   ),
                   "aria-label": "Toggle visibility",
-                  children: e.hidden ? /* @__PURE__ */ r(Qe, { size: 16 }) : /* @__PURE__ */ r(st, { size: 16 })
+                  children: e.hidden ? /* @__PURE__ */ r(et, { size: 16 }) : /* @__PURE__ */ r(it, { size: 16 })
                 }
               )
             ] })
@@ -1275,52 +1275,52 @@ const Us = Gt(function({
     }
   );
 });
-function js({ group: t, featureCount: e, autoFocus: n, isSelected: s, onToggleCollapse: o, onToggleHidden: d, onRename: i, onDelete: m, onSelect: c, innerRef: y, dragHandleProps: f, containerProps: h, isDragging: u }) {
-  const x = S((z) => z.readonly), { isRenaming: w, startRenaming: M, inputProps: C } = kr({
+function Xs({ group: t, featureCount: e, autoFocus: n, isSelected: s, onToggleCollapse: o, onToggleHidden: d, onRename: i, onDelete: m, onSelect: l, innerRef: h, dragHandleProps: f, containerProps: g, isDragging: u }) {
+  const x = S((z) => z.readonly), { isRenaming: w, startRenaming: M, inputProps: C } = Cr({
     initialLabel: t.name,
     disabled: x,
     onCommit: i,
     autoFocus: n
-  }), [a, p] = q(null), l = B(null);
+  }), [a, p] = q(null), c = B(null);
   function E(z) {
     z.stopPropagation();
-    const K = l.current;
+    const K = c.current;
     if (K) {
       const b = K.getBoundingClientRect();
       p({ x: b.right, y: b.bottom + 4 });
     }
   }
-  const g = B(null);
+  const y = B(null);
   $(() => () => {
-    g.current !== null && clearTimeout(g.current);
+    y.current !== null && clearTimeout(y.current);
   }, []);
   const N = {
     label: t.hidden ? "Show on map" : "Hide from map",
-    icon: t.hidden ? /* @__PURE__ */ r(st, { size: 16 }) : /* @__PURE__ */ r(Qe, { size: 16 }),
+    icon: t.hidden ? /* @__PURE__ */ r(it, { size: 16 }) : /* @__PURE__ */ r(et, { size: 16 }),
     onClick: () => d()
   }, P = x ? [N] : [
     N,
     {
       label: "Rename",
-      icon: /* @__PURE__ */ r(Sn, { size: 16 }),
+      icon: /* @__PURE__ */ r(Nn, { size: 16 }),
       onClick: () => M(t.name)
     },
     { separator: !0 },
     {
       // Removes the group but keeps its features at the top level.
       label: "Ungroup",
-      icon: /* @__PURE__ */ r(Cn, { size: 16 }),
+      icon: /* @__PURE__ */ r(En, { size: 16 }),
       onClick: () => m("ungroup")
     },
     {
       label: "Delete group",
-      icon: /* @__PURE__ */ r(ze, { size: 16 }),
+      icon: /* @__PURE__ */ r(Re, { size: 16 }),
       onClick: () => m("delete-features")
     }
   ];
-  return /* @__PURE__ */ T(ae, { children: [
+  return /* @__PURE__ */ T(re, { children: [
     a && /* @__PURE__ */ r(
-      lr,
+      dr,
       {
         x: a.x,
         y: a.y,
@@ -1331,16 +1331,16 @@ function js({ group: t, featureCount: e, autoFocus: n, isSelected: s, onToggleCo
     /* @__PURE__ */ T(
       "div",
       {
-        ref: y,
-        ...h,
+        ref: h,
+        ...g,
         ...f,
-        className: ne(
+        className: oe(
           "group flex items-center gap-2 px-2 py-1.5 rounded-elm-control text-sm font-medium cursor-default",
           u ? "shadow-elm-control bg-elm-surface-raised" : s ? "bg-(--elm-row-selected) hover:bg-(--elm-row-selected-hover) text-primary-700 dark:text-primary-300" : t.hidden ? "text-elm-text-disabled hover:bg-(--elm-row-hover)" : "text-elm-text-secondary hover:bg-(--elm-row-hover)"
         ),
-        style: { outline: "none", cursor: u ? "grabbing" : "default", ...h == null ? void 0 : h.style },
+        style: { outline: "none", cursor: u ? "grabbing" : "default", ...g == null ? void 0 : g.style },
         onClick: () => {
-          c && c();
+          l && l();
         },
         onContextMenu: (z) => {
           z.preventDefault(), p({ x: z.clientX, y: z.clientY });
@@ -1349,7 +1349,7 @@ function js({ group: t, featureCount: e, autoFocus: n, isSelected: s, onToggleCo
           /* @__PURE__ */ r(
             "span",
             {
-              className: ne(
+              className: oe(
                 "flex-shrink-0 cursor-pointer",
                 t.hidden ? "text-elm-text-disabled" : "text-elm-text-muted"
               ),
@@ -1357,7 +1357,7 @@ function js({ group: t, featureCount: e, autoFocus: n, isSelected: s, onToggleCo
                 z.stopPropagation(), o();
               },
               "aria-label": t.collapsed ? "Expand group" : "Collapse group",
-              children: t.collapsed ? /* @__PURE__ */ r(xn, { size: 20, weight: "fill" }) : /* @__PURE__ */ r(wn, { size: 20, weight: "fill" })
+              children: t.collapsed ? /* @__PURE__ */ r(kn, { size: 20, weight: "fill" }) : /* @__PURE__ */ r(Sn, { size: 20, weight: "fill" })
             }
           ),
           w ? /* @__PURE__ */ r(
@@ -1371,12 +1371,12 @@ function js({ group: t, featureCount: e, autoFocus: n, isSelected: s, onToggleCo
             {
               className: "flex-1 min-w-0 truncate cursor-default leading-snug border border-transparent rounded-elm-control px-1.5 py-0.5",
               onClick: (z) => {
-                z.stopPropagation(), !(!c || z.metaKey || z.ctrlKey || z.shiftKey) && (g.current !== null && (clearTimeout(g.current), g.current = null), !(z.detail >= 2) && (g.current = window.setTimeout(() => {
-                  c(), g.current = null;
+                z.stopPropagation(), !(!l || z.metaKey || z.ctrlKey || z.shiftKey) && (y.current !== null && (clearTimeout(y.current), y.current = null), !(z.detail >= 2) && (y.current = window.setTimeout(() => {
+                  l(), y.current = null;
                 }, 300)));
               },
               onDoubleClick: (z) => {
-                z.stopPropagation(), g.current !== null && (clearTimeout(g.current), g.current = null), M(t.name);
+                z.stopPropagation(), y.current !== null && (clearTimeout(y.current), y.current = null), M(t.name);
               },
               children: t.name
             }
@@ -1390,20 +1390,20 @@ function js({ group: t, featureCount: e, autoFocus: n, isSelected: s, onToggleCo
                 },
                 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": "Show on map",
-                children: /* @__PURE__ */ r(Qe, { size: 16 })
+                children: /* @__PURE__ */ r(et, { size: 16 })
               }
             ),
-            /* @__PURE__ */ r("div", { className: "opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ r(be, { content: "More options", children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r("div", { className: "opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ r(ve, { content: "More options", children: /* @__PURE__ */ r(
               "button",
               {
-                ref: l,
+                ref: c,
                 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",
-                children: /* @__PURE__ */ r(kn, { size: 16, weight: "bold" })
+                children: /* @__PURE__ */ r(Cn, { size: 16, weight: "bold" })
               }
             ) }) }),
-            /* @__PURE__ */ r("span", { className: ne(
+            /* @__PURE__ */ r("span", { className: oe(
               "font-normal w-7 text-right text-sm",
               t.hidden ? "text-elm-text-disabled" : "text-elm-text-subtle"
             ), children: e })
@@ -1413,14 +1413,14 @@ function js({ group: t, featureCount: e, autoFocus: n, isSelected: s, onToggleCo
     )
   ] });
 }
-function qs({ geometry: t, partIndex: e, isSelected: n, onClick: s }) {
-  const o = Qr(t, e), d = en(t, e);
+function Zs({ geometry: t, partIndex: e, isSelected: n, onClick: s }) {
+  const o = tn(t, e), d = rn(t, e);
   return (
     // ml-5 nests the sub-row under its parent feature visually.
     /* @__PURE__ */ r("li", { style: { listStyle: "none" }, className: "ml-5", children: /* @__PURE__ */ T(
       "div",
       {
-        className: ne(
+        className: oe(
           // Fixed h-9, like FeatureRow: FeatureList computes the expanded row's height.
           "flex items-center gap-2 px-2 h-9 rounded-elm-control text-sm cursor-default",
           n ? "bg-(--elm-row-selected) hover:bg-(--elm-row-selected-hover) text-primary-700 dark:text-primary-300" : "text-elm-text-muted hover:bg-(--elm-row-hover)"
@@ -1429,74 +1429,74 @@ function qs({ geometry: t, partIndex: e, isSelected: n, onClick: s }) {
           i.stopPropagation(), s();
         },
         children: [
-          /* @__PURE__ */ r("span", { className: ne(
+          /* @__PURE__ */ r("span", { className: oe(
             "flex-shrink-0",
             n ? "text-primary-700 dark:text-primary-300" : "text-(--elm-text-subtle,var(--color-gray-400))"
-          ), children: /* @__PURE__ */ r(wr, { type: o.type }) }),
+          ), children: /* @__PURE__ */ r(Sr, { type: o.type }) }),
           /* @__PURE__ */ r("span", { className: "flex-1 min-w-0 font-normal truncate leading-snug border border-transparent rounded-elm-control px-1.5 py-0.5", children: d })
         ]
       }
     ) })
   );
 }
-const $o = "elm_code_docked";
-function Ko() {
-  const t = ce(), [e] = q(() => Ht($o, t) !== "0");
+const Oo = "elm_code_docked";
+function Bo() {
+  const t = ce(), [e] = q(() => Jt(Oo, t) !== "0");
   return e;
 }
-function Oo(t) {
-  const e = ce(), n = S((f) => f.layout), s = S(nt), o = S((f) => f.sidebarWidth), d = S((f) => f.tableFullscreen), i = S((f) => f.setCodeDockWidth), m = S((f) => f.narrow), c = br("elm_code_dock_width", 420, 280, 900);
-  pe(() => {
+function Wo(t) {
+  const e = ce(), n = S((f) => f.layout), s = S(ot), o = S((f) => f.sidebarWidth), d = S((f) => f.tableFullscreen), i = S((f) => f.setCodeDockWidth), m = S((f) => f.narrow), l = xr("elm_code_dock_width", 420, 280, 900);
+  fe(() => {
     if (t)
-      return $t(() => i(m ? 0 : c.width)), () => $t(() => i(0));
-  }, [t, m, c.width, i]);
-  const y = e.ui.layerList && s;
+      return Kt(() => i(m ? 0 : l.width)), () => Kt(() => i(0));
+  }, [t, m, l.width, i]);
+  const h = e.ui.layerList && s;
   return {
-    ...c,
+    ...l,
     className: `absolute top-0 ${m ? "z-[600] shadow-elm-raised" : "z-10"} flex flex-col bg-elm-surface border-l border-elm-border/80 overflow-hidden ${d ? "hidden" : ""}`,
     // Left of the layers panel, above split layout's bottom panel. Same
     // `right` transition as the panel and the data table: one mechanism
     // (layout) keeps them in lockstep; mixing it with a compositor
     // transform drifted and opened gaps.
     style: {
-      right: y ? o : 0,
+      right: h ? o : 0,
       bottom: n === "split" ? "33.33%" : 0,
-      width: m ? `min(${c.width}px, 100%)` : c.width,
+      width: m ? `min(${l.width}px, 100%)` : l.width,
       transition: "right 200ms ease"
     }
   };
 }
-function Hs() {
-  const t = Ko(), e = Oo(t), n = B(null);
-  return vr(n, t), t ? /* @__PURE__ */ r("div", { ref: n, "aria-hidden": "true", className: e.className, style: e.style }) : null;
+function Ys() {
+  const t = Bo(), e = Wo(t), n = B(null);
+  return wr(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();
+function _o() {
+  const [t, e] = q(""), [n, s] = q(!1), [o, d] = q(!1), [i, m] = q(-1), l = B(null), h = B(null), { results: f, loading: g, error: u, flush: x } = _r(t), w = B(!1), { flyTo: M, fitBounds: C } = ze(), { dataStore: a } = se(), p = Se();
   $(() => {
     s(t.trim().length >= 2), m(-1);
   }, [t, f]), $(() => {
     w.current = !1;
   }, [t]), $(() => {
-    !w.current || h || (w.current = !1, f.length && P(0));
-  }, [f, h]), $(() => {
+    !w.current || g || (w.current = !1, f.length && P(0));
+  }, [f, g]), $(() => {
     function b(k) {
-      c.current && !c.current.contains(k.target) && s(!1);
+      l.current && !l.current.contains(k.target) && s(!1);
     }
     return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
   }, []), $(() => {
     function b(k) {
       var D, R;
       if (p(k)) {
-        if (k.key === "f" && (k.metaKey || k.ctrlKey) && !Sr(k)) {
-          k.preventDefault(), (D = y.current) == null || D.focus();
+        if (k.key === "f" && (k.metaKey || k.ctrlKey) && !Nr(k)) {
+          k.preventDefault(), (D = h.current) == null || D.focus();
           return;
         }
-        k.key === "Escape" && (n || document.activeElement === y.current) && (k.stopPropagation(), e(""), s(!1), m(-1), (R = y.current) == null || R.blur());
+        k.key === "Escape" && (n || document.activeElement === h.current) && (k.stopPropagation(), e(""), s(!1), m(-1), (R = h.current) == null || R.blur());
       }
     }
     return window.addEventListener("keydown", b, { capture: !0 }), () => window.removeEventListener("keydown", b, { capture: !0 });
   }, [n, p]);
-  function l(b) {
+  function c(b) {
     M == null || M([parseFloat(b.lat), parseFloat(b.lon)], 15);
   }
   function E(b) {
@@ -1512,7 +1512,7 @@ function Bo() {
     };
     a.getState().addFeature(j), M == null || M([k, D], 15), N();
   }
-  function g(b) {
+  function y(b) {
     const k = b.geojson;
     if (!k || k.type === "Point") return;
     let D;
@@ -1520,25 +1520,25 @@ function Bo() {
     const R = {
       type: "Feature",
       id: crypto.randomUUID(),
-      schemaId: tn,
+      schemaId: nn,
       geometry: D,
       properties: { name: b.display_name.split(",")[0].trim() }
     };
-    a.getState().addFeature(R), C == null || C(ot(D)), N();
+    a.getState().addFeature(R), C == null || C(st(D)), N();
   }
   function N() {
     e(""), s(!1), m(-1);
   }
   function P(b) {
-    m(b), l(f[b]), requestAnimationFrame(() => {
+    m(b), c(f[b]), requestAnimationFrame(() => {
       var k;
-      return (k = y.current) == null ? void 0 : k.focus();
+      return (k = h.current) == null ? void 0 : k.focus();
     });
   }
   function z(b) {
     if (b.key === "Enter") {
       if (t.trim().length < 2) return;
-      if (b.preventDefault(), f.length && !h) {
+      if (b.preventDefault(), f.length && !g) {
         P(i >= 0 ? i : 0);
         return;
       }
@@ -1548,13 +1548,13 @@ 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: l, inputRef: h, focused: o, setFocused: d, results: f, loading: g, error: u, flyToResult: c, handleAdd: E, handleAddShape: y, clear: N, activeIndex: i, setActiveIndex: m, handleInputKeyDown: z };
 }
-function Sr(t) {
+function Nr(t) {
   var e, n;
   return ((n = (e = t.target) == null ? void 0 : e.closest) == null ? void 0 : n.call(e, ".cm-editor")) != null;
 }
-const Wo = 208, _o = {
+const Go = 208, Uo = {
   "top-left": { style: { top: 16, left: 16 }, className: "flex-col items-start" },
   "top-center": { style: { top: 16, left: 0, right: 0 }, className: "flex-col items-center" },
   "top-right": { style: { top: 16, right: 16 }, className: "flex-col items-end" },
@@ -1564,83 +1564,83 @@ const Wo = 208, _o = {
   "bottom-center": { style: { bottom: 16, left: 0, right: 0 }, className: "flex-col-reverse items-center" },
   "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 = (() => {
-    let A = c.style;
+function Qs({ 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", l = Uo[i.position], h = S(ot), f = S((A) => A.sidebarWidth), g = S((A) => A.codeDockWidth), u = S((A) => A.layout), x = d.ui.layerList && h, w = i.position.startsWith("bottom"), M = i.position === "left-center" || i.position === "right-center", C = u === "split" && w, a = u === "split" && M, p = (() => {
+    let A = l.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 + g }) : d.ui.layerList && u === "panel" && i.position === "top-right" ? A = { ...A, right: 72 + g } : X && g && (A = { ...A, right: 16 + g }), 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 === l.style ? l : { ...l, style: A };
+  })(), c = S((A) => A.editingMode), E = S((A) => A.enabledTools), y = 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) });
+      o({ type: "error", code: "limit-reached", source: "editor", message: on(n) });
       return;
     }
     P(A);
   }
-  const { getKey: K } = Ee(), { query: b, setQuery: k, setOpen: D, showDropdown: R, containerRef: O, inputRef: j, focused: Z, setFocused: L, results: v, loading: W, error: H, flyToResult: F, handleAdd: I, handleAddShape: _, clear: G, activeIndex: V, setActiveIndex: Y, handleInputKeyDown: re } = Bo(), ve = B(null), De = B(null);
+  const { getKey: K } = Pe(), { query: b, setQuery: k, setOpen: D, showDropdown: R, containerRef: O, inputRef: j, focused: Z, setFocused: L, results: v, loading: W, error: H, flyToResult: F, handleAdd: I, handleAddShape: _, clear: G, activeIndex: V, setActiveIndex: Y, handleInputKeyDown: ne } = _o(), xe = B(null), Ie = B(null);
   $(() => {
     var de;
     if (t || !w) return;
-    const A = (de = De.current) == null ? void 0 : de.closest("[data-elm-theme]");
+    const A = (de = Ie.current) == null ? void 0 : de.closest("[data-elm-theme]");
     if (!A) return;
     const X = () => {
-      var Se;
-      const xe = ((Se = De.current) == null ? void 0 : Se.offsetHeight) ?? 0;
-      A.style.setProperty("--elm-bottom-toolbar-offset", `${xe + 8}px`);
+      var Ce;
+      const we = ((Ce = Ie.current) == null ? void 0 : Ce.offsetHeight) ?? 0;
+      A.style.setProperty("--elm-bottom-toolbar-offset", `${we + 8}px`);
     };
     X();
     const ee = new ResizeObserver(X);
-    return De.current && ee.observe(De.current), () => {
+    return Ie.current && ee.observe(Ie.current), () => {
       ee.disconnect(), A.style.setProperty("--elm-bottom-toolbar-offset", "0px");
     };
   }, [t, w]);
-  const [Le, he] = q(!1), ut = B(null), mt = B(null), [Er, ft] = q(!1), pt = B(null);
-  pe(() => {
-    var kt, St;
-    const A = pt.current;
+  const [$e, he] = q(!1), mt = B(null), ft = B(null), [Dr, pt] = q(!1), ht = B(null);
+  fe(() => {
+    var St, Ct;
+    const A = ht.current;
     if (m || !A) {
-      ft(!1);
+      pt(!1);
       return;
     }
-    const X = ((kt = O.current) == null ? void 0 : kt.closest('[data-elm-edge="top"], [data-elm-edge="bottom"]')) ?? null, ee = X ?? ((St = O.current) == null ? void 0 : St.offsetParent);
+    const X = ((St = O.current) == null ? void 0 : St.closest('[data-elm-edge="top"], [data-elm-edge="bottom"]')) ?? null, ee = X ?? ((Ct = O.current) == null ? void 0 : Ct.offsetParent);
     if (!ee) return;
-    const de = (Re) => Re.flatMap((ye) => getComputedStyle(ye).display === "contents" ? de([...ye.children]) : [ye.offsetWidth]), xe = () => {
-      const Re = de([...A.children]).filter((Je) => Je > 0), ye = getComputedStyle(A), Ir = parseFloat(ye.paddingLeft) + parseFloat(ye.paddingRight) + parseFloat(ye.borderLeftWidth) + parseFloat(ye.borderRightWidth);
-      let Ct = Re.reduce((Je, Mr) => Je + Mr, 0) + 8 * Math.max(0, Re.length - 1) + Ir;
-      const Nt = A.querySelector("[data-elm-search-toggle]");
-      Nt && (Ct += Wo - Nt.offsetWidth);
-      const Et = X ? X.clientWidth - (parseFloat(X.dataset.elmClearance ?? "") || 0) : ee.clientWidth - 32;
-      ft(Et > 0 && Ct > Et + 0.5);
+    const de = (Ke) => Ke.flatMap((ye) => getComputedStyle(ye).display === "contents" ? de([...ye.children]) : [ye.offsetWidth]), we = () => {
+      const Ke = de([...A.children]).filter((Xe) => Xe > 0), ye = getComputedStyle(A), Tr = parseFloat(ye.paddingLeft) + parseFloat(ye.paddingRight) + parseFloat(ye.borderLeftWidth) + parseFloat(ye.borderRightWidth);
+      let Nt = Ke.reduce((Xe, Ar) => Xe + Ar, 0) + 8 * Math.max(0, Ke.length - 1) + Tr;
+      const Et = A.querySelector("[data-elm-search-toggle]");
+      Et && (Nt += Go - Et.offsetWidth);
+      const Pt = X ? X.clientWidth - (parseFloat(X.dataset.elmClearance ?? "") || 0) : ee.clientWidth - 32;
+      pt(Pt > 0 && Nt > Pt + 0.5);
     };
-    xe();
-    const Se = new ResizeObserver(() => xe());
-    return Se.observe(ee), Se.observe(A), () => Se.disconnect();
+    we();
+    const Ce = new ResizeObserver(() => we());
+    return Ce.observe(ee), Ce.observe(A), () => Ce.disconnect();
   }, [m, O]);
-  const ge = m || Er, ht = B(ge);
-  ht.current = ge, $(() => {
+  const ge = m || Dr, gt = B(ge);
+  gt.current = ge, $(() => {
     ge || he(!1);
   }, [ge]);
-  const gt = B(null), yt = ke();
-  function bt() {
-    const A = gt.current;
+  const yt = B(null), bt = Se();
+  function vt() {
+    const A = yt.current;
     A && (A.style.animation = "none", A.offsetWidth, A.style.animation = "press-pulse 200ms ease-out");
   }
   $(() => {
     function A(X) {
-      X.key === "f" && (X.metaKey || X.ctrlKey) && yt(X) && !Sr(X) && (ht.current ? he(!0) : bt());
+      X.key === "f" && (X.metaKey || X.ctrlKey) && bt(X) && !Nr(X) && (gt.current ? he(!0) : vt());
     }
     return window.addEventListener("keydown", A), () => window.removeEventListener("keydown", A);
-  }, [yt]);
-  const Pr = i.position.startsWith("right") || i.position.endsWith("-right") ? "left" : "right";
+  }, [bt]);
+  const Ir = i.position.startsWith("right") || i.position.endsWith("-right") ? "left" : "right";
   $(() => {
-    if (!Le) return;
+    if (!$e) return;
     requestAnimationFrame(() => {
       var ee;
       return (ee = j.current) == null ? void 0 : ee.focus();
     });
     function A(ee) {
-      var de, xe;
-      !((de = ut.current) != null && de.contains(ee.target)) && !((xe = mt.current) != null && xe.contains(ee.target)) && he(!1);
+      var de, we;
+      !((de = mt.current) != null && de.contains(ee.target)) && !((we = ft.current) != null && we.contains(ee.target)) && he(!1);
     }
     function X(ee) {
       ee.key === "Escape" && he(!1);
@@ -1648,34 +1648,34 @@ function Vs({ embedded: t } = {}) {
     return document.addEventListener("mousedown", A), document.addEventListener("keydown", X), () => {
       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;
-  function xt(A) {
+  }, [$e, j]);
+  const _e = c === "place-point", Ge = c === "draw-line", Ue = c === "draw-polygon", je = c === "draw-circle", qe = c === "draw-rect", He = c === "draw-route", Ve = c === "draw-freehand", Je = c === "pick-shape", xt = c === "measure", ie = (A) => (!E || E.includes(A)) && !y.includes(A), Mr = null;
+  function wt(A) {
     var X;
     if (A.key === "Tab" && V >= 0) {
-      A.preventDefault(), (X = ve.current) == null || X.focusAdd(V);
+      A.preventDefault(), (X = xe.current) == null || X.focusAdd(V);
       return;
     }
-    re(A);
+    ne(A);
   }
-  function wt(A, X) {
+  function kt(A, X) {
     var de;
     const ee = ((X + A) % v.length + v.length) % v.length;
-    Y(ee), (de = ve.current) == null || de.focusAdd(ee);
+    Y(ee), (de = xe.current) == null || de.focusAdd(ee);
   }
   return /* @__PURE__ */ T(
     "div",
     {
       ref: O,
       "data-elm-search-open": R ? "true" : void 0,
-      className: t ? "select-none" : ne("absolute z-[500] flex gap-2 pointer-events-none select-none", p.className),
+      className: t ? "select-none" : oe("absolute z-[500] flex gap-2 pointer-events-none select-none", p.className),
       style: t ? void 0 : p.style,
       children: [
-        /* @__PURE__ */ T("div", { ref: De, className: "relative w-fit max-w-full", children: [
+        /* @__PURE__ */ T("div", { ref: Ie, className: "relative w-fit max-w-full", children: [
           R && !ge && /* @__PURE__ */ r(
-            Ft,
+            zt,
             {
-              ref: ve,
+              ref: xe,
               results: v,
               loading: W,
               error: H,
@@ -1684,38 +1684,38 @@ function Vs({ embedded: t } = {}) {
               onAddShape: N ? void 0 : _,
               activeIndex: V,
               onHoverIndex: Y,
-              onNavigate: wt,
+              onNavigate: kt,
               layout: "row",
               className: `absolute left-0 right-0 bg-elm-surface border border-elm-border rounded-elm shadow-elm z-50 overflow-hidden pointer-events-auto ${w ? "bottom-full mb-2" : "top-full mt-2"}`
             }
           ),
-          /* @__PURE__ */ T("div", { ref: pt, className: ne(
+          /* @__PURE__ */ T("div", { ref: ht, className: oe(
             "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: [
-              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 }) }),
-              se("route") && /* @__PURE__ */ r(me, { active: qe, disabled: !qe && s, onClick: () => z(qe ? "none" : "draw-route"), label: "Route", shortcut: K("draw-route").toUpperCase(), shortcutId: "draw-route", children: /* @__PURE__ */ r(Nn, { size: 24 }) }),
-              se("circle") && /* @__PURE__ */ r(me, { active: Ue, disabled: !Ue && s, onClick: () => z(Ue ? "none" : "draw-circle"), label: "Circle", shortcut: K("draw-circle").toUpperCase(), shortcutId: "draw-circle", children: /* @__PURE__ */ r(En, { size: 24 }) }),
-              se("rectangle") && /* @__PURE__ */ r(me, { active: je, disabled: !je && s, onClick: () => z(je ? "none" : "draw-rect"), label: "Rectangle", shortcut: K("draw-rect").toUpperCase(), shortcutId: "draw-rect", children: /* @__PURE__ */ r(Pn, { size: 24 }) }),
-              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 }) })
+            N ? null : /* @__PURE__ */ T(re, { children: [
+              ie("point") && /* @__PURE__ */ r(me, { active: _e, disabled: !_e && s, onClick: () => z(_e ? "none" : "place-point"), label: "Point", shortcut: K("place-point").toUpperCase(), shortcutId: "place-point", children: /* @__PURE__ */ r(Qt, { size: 24 }) }),
+              ie("line") && /* @__PURE__ */ r(me, { active: Ge, disabled: !Ge && s, onClick: () => z(Ge ? "none" : "draw-line"), label: "Line", shortcut: K("draw-line").toUpperCase(), shortcutId: "draw-line", children: /* @__PURE__ */ r(tr, { size: 24 }) }),
+              ie("polygon") && /* @__PURE__ */ r(me, { active: Ue, disabled: !Ue && s, onClick: () => z(Ue ? "none" : "draw-polygon"), label: "Area", shortcut: K("draw-polygon").toUpperCase(), shortcutId: "draw-polygon", children: /* @__PURE__ */ r(er, { size: 24 }) }),
+              ie("route") && /* @__PURE__ */ r(me, { active: He, disabled: !He && s, onClick: () => z(He ? "none" : "draw-route"), label: "Route", shortcut: K("draw-route").toUpperCase(), shortcutId: "draw-route", children: /* @__PURE__ */ r(Pn, { size: 24 }) }),
+              ie("circle") && /* @__PURE__ */ r(me, { active: je, disabled: !je && s, onClick: () => z(je ? "none" : "draw-circle"), label: "Circle", shortcut: K("draw-circle").toUpperCase(), shortcutId: "draw-circle", children: /* @__PURE__ */ r(Dn, { size: 24 }) }),
+              ie("rectangle") && /* @__PURE__ */ r(me, { active: qe, disabled: !qe && s, onClick: () => z(qe ? "none" : "draw-rect"), label: "Rectangle", shortcut: K("draw-rect").toUpperCase(), shortcutId: "draw-rect", children: /* @__PURE__ */ r(In, { size: 24 }) }),
+              ie("freehand") && /* @__PURE__ */ r(me, { active: Ve, disabled: !Ve && s, onClick: () => z(Ve ? "none" : "draw-freehand"), label: "Freehand", shortcut: K("draw-freehand").toUpperCase(), shortcutId: "draw-freehand", children: /* @__PURE__ */ r(Mn, { size: 24 }) }),
+              ie("picker") && /* @__PURE__ */ r(me, { active: Je, disabled: !Je && s, onClick: () => z(Je ? "none" : "pick-shape"), label: "Picker", shortcut: K("picker").toUpperCase(), shortcutId: "picker", children: /* @__PURE__ */ r(Tn, { size: 24 }) })
             ] }),
-            se("measure") && /* @__PURE__ */ T(ae, { 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 })
+            ie("measure") && /* @__PURE__ */ T(re, { children: [
+              !N && /* @__PURE__ */ r(Lt, { vertical: m }),
+              /* @__PURE__ */ r(me, { active: xt, onClick: () => P(xt ? "none" : "measure"), label: "Measure", shortcut: K("measure").toUpperCase(), shortcutId: "measure", children: /* @__PURE__ */ r(An, { size: 24 }) }),
+              ge && ie("search") && /* @__PURE__ */ r(Lt, { vertical: m })
             ] }),
-            se("search") && !ge && /* @__PURE__ */ T("div", { className: "flex items-center gap-2 pl-2.5 pr-3 py-1.5 bg-(--elm-surface-sunken,var(--color-gray-100)) dark:bg-(--elm-surface-sunken,color-mix(in_oklab,var(--color-white)_7%,transparent)) hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-gray-200)_70%,transparent)) dark:hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-white)_10%,transparent)) rounded-elm-control transition-colors w-52 focus-within:ring-1 focus-within:ring-inset focus-within:ring-(--elm-border-strong,var(--color-gray-300)) dark:focus-within:ring-(--elm-border-strong,var(--color-gray-600))", children: [
+            ie("search") && !ge && /* @__PURE__ */ T("div", { className: "flex items-center gap-2 pl-2.5 pr-3 py-1.5 bg-(--elm-surface-sunken,var(--color-gray-100)) dark:bg-(--elm-surface-sunken,color-mix(in_oklab,var(--color-white)_7%,transparent)) hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-gray-200)_70%,transparent)) dark:hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-white)_10%,transparent)) rounded-elm-control transition-colors w-52 focus-within:ring-1 focus-within:ring-inset focus-within:ring-(--elm-border-strong,var(--color-gray-300)) dark:focus-within:ring-(--elm-border-strong,var(--color-gray-600))", children: [
               /* @__PURE__ */ T(
                 "div",
                 {
-                  ref: gt,
+                  ref: yt,
                   className: "flex items-center gap-2 flex-1 min-w-0",
                   children: [
-                    /* @__PURE__ */ r(Ze, { size: 14, className: "text-elm-text-subtle flex-shrink-0" }),
+                    /* @__PURE__ */ r(Ye, { size: 14, className: "text-elm-text-subtle flex-shrink-0" }),
                     /* @__PURE__ */ r(
                       "input",
                       {
@@ -1724,17 +1724,17 @@ function Vs({ embedded: t } = {}) {
                         value: b,
                         onChange: (A) => k(A.target.value),
                         onFocus: () => {
-                          L(!0), bt(), b.trim().length >= 2 && D(!0);
+                          L(!0), vt(), b.trim().length >= 2 && D(!0);
                         },
                         onBlur: () => L(!1),
-                        onKeyDown: xt,
+                        onKeyDown: wt,
                         placeholder: "Search places…",
                         className: "bg-transparent text-sm text-elm-text-secondary placeholder-elm-text-muted outline-none w-full",
                         autoComplete: "off"
                       }
                     ),
                     W && /* @__PURE__ */ r("div", { className: "w-3 h-3 border-2 border-(--elm-border-strong,var(--color-gray-300)) border-t-primary-500 rounded-full animate-spin flex-shrink-0" }),
-                    !W && b && /* @__PURE__ */ r("button", { onClick: G, className: "p-1 -m-1 rounded-elm-chip text-elm-text hover:bg-(--elm-control-hover,var(--color-gray-200)) dark:hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-white)_15%,transparent)) transition-colors flex-shrink-0", "aria-label": "Clear search", children: /* @__PURE__ */ r(Tt, { size: 12 }) })
+                    !W && b && /* @__PURE__ */ r("button", { onClick: G, className: "p-1 -m-1 rounded-elm-chip text-elm-text hover:bg-(--elm-control-hover,var(--color-gray-200)) dark:hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-white)_15%,transparent)) transition-colors flex-shrink-0", "aria-label": "Clear search", children: /* @__PURE__ */ r(At, { size: 12 }) })
                   ]
                 }
               ),
@@ -1744,41 +1744,41 @@ function Vs({ embedded: t } = {}) {
               /* @__PURE__ */ T(
                 "span",
                 {
-                  className: ne(
+                  className: oe(
                     "flex items-center gap-0.5 flex-shrink-0 transition-all duration-110 ease-out",
                     Z ? "opacity-0 scale-75 pointer-events-none" : "opacity-100 scale-100"
                   ),
                   children: [
-                    /* @__PURE__ */ r(Oe, { children: "⌘" }),
-                    /* @__PURE__ */ r(Oe, { children: "F" })
+                    /* @__PURE__ */ r(Ee, { children: "⌘" }),
+                    /* @__PURE__ */ r(Ee, { children: "F" })
                   ]
                 }
               )
             ] }),
-            se("search") && ge && /* @__PURE__ */ T("div", { ref: mt, "data-elm-search-toggle": "", className: m ? "relative" : void 0, children: [
+            ie("search") && ge && /* @__PURE__ */ T("div", { ref: ft, "data-elm-search-toggle": "", className: m ? "relative" : void 0, children: [
               /* @__PURE__ */ r(
                 me,
                 {
-                  active: Le,
+                  active: $e,
                   onClick: () => he((A) => !A),
                   label: "Search places",
                   shortcut: "⌘F",
-                  children: /* @__PURE__ */ r(Ze, { size: 24 })
+                  children: /* @__PURE__ */ r(Ye, { size: 24 })
                 }
               ),
-              Le && /* @__PURE__ */ T(
+              $e && /* @__PURE__ */ T(
                 "div",
                 {
-                  ref: ut,
-                  className: ne(
+                  ref: mt,
+                  className: oe(
                     "absolute z-50 bg-elm-surface/97 backdrop-blur-md border border-elm-border/80 shadow-elm rounded-elm pointer-events-auto antialiased flex flex-col",
                     // Vertical: beside the column. Compact horizontal: under
                     // (or above) the bar, as wide as it, like the inline dropdown.
-                    m ? Pr === "right" ? "top-0 w-80 left-full ml-2" : "top-0 w-80 right-full mr-2" : `left-0 right-0 min-w-0 ${w ? "bottom-full mb-2" : "top-full mt-2"}`
+                    m ? Ir === "right" ? "top-0 w-80 left-full ml-2" : "top-0 w-80 right-full mr-2" : `left-0 right-0 min-w-0 ${w ? "bottom-full mb-2" : "top-full mt-2"}`
                   ),
                   children: [
                     /* @__PURE__ */ T("div", { className: "flex items-center gap-2 px-3 py-2", children: [
-                      /* @__PURE__ */ r(Ze, { size: 16, className: "text-elm-text-subtle flex-shrink-0" }),
+                      /* @__PURE__ */ r(Ye, { size: 16, className: "text-elm-text-subtle flex-shrink-0" }),
                       /* @__PURE__ */ r(
                         "input",
                         {
@@ -1790,19 +1790,19 @@ function Vs({ embedded: t } = {}) {
                             L(!0), b.trim().length >= 2 && D(!0);
                           },
                           onBlur: () => L(!1),
-                          onKeyDown: xt,
+                          onKeyDown: wt,
                           placeholder: "Search places…",
                           className: "bg-transparent text-sm text-elm-text-secondary placeholder-elm-text-muted outline-none w-full",
                           autoComplete: "off"
                         }
                       ),
                       W && /* @__PURE__ */ r("div", { className: "w-3 h-3 border-2 border-(--elm-border-strong,var(--color-gray-300)) border-t-primary-500 rounded-full animate-spin flex-shrink-0" }),
-                      !W && b && /* @__PURE__ */ r("button", { onClick: G, className: "p-1 -m-1 rounded-elm-chip text-elm-text hover:bg-(--elm-control-hover,var(--color-gray-200)) dark:hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-white)_15%,transparent)) transition-colors flex-shrink-0", "aria-label": "Clear search", children: /* @__PURE__ */ r(Tt, { size: 12 }) })
+                      !W && b && /* @__PURE__ */ r("button", { onClick: G, className: "p-1 -m-1 rounded-elm-chip text-elm-text hover:bg-(--elm-control-hover,var(--color-gray-200)) dark:hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-white)_15%,transparent)) transition-colors flex-shrink-0", "aria-label": "Clear search", children: /* @__PURE__ */ r(At, { size: 12 }) })
                     ] }),
                     R && /* @__PURE__ */ r(
-                      Ft,
+                      zt,
                       {
-                        ref: ve,
+                        ref: xe,
                         results: v,
                         loading: W,
                         error: H,
@@ -1817,7 +1817,7 @@ function Vs({ embedded: t } = {}) {
                         },
                         activeIndex: V,
                         onHoverIndex: Y,
-                        onNavigate: wt,
+                        onNavigate: kt,
                         className: "border-t border-elm-border max-h-80 overflow-y-auto"
                       }
                     )
@@ -1827,12 +1827,12 @@ function Vs({ embedded: t } = {}) {
             ] })
           ] })
         ] }),
-        !N && Dr
+        !N && Mr
       ]
     }
   );
 }
-function Bt(t) {
+function Wt(t) {
   const e = [], n = (s) => {
     for (const o of Array.from(s.children)) {
       if (getComputedStyle(o).display === "contents") {
@@ -1847,47 +1847,47 @@ function Bt(t) {
   };
   return n(t), e.length;
 }
-function Go(t, e) {
-  pe(() => {
+function jo(t, e) {
+  fe(() => {
     const n = t.current;
     if (!n) return;
     const s = () => {
       n.style.maxWidth = "";
-      const c = Bt(n);
-      if (c < 2) return;
-      let y = 0, f = n.offsetWidth;
-      for (; f - y > 1; ) {
-        const h = y + f >> 1;
-        n.style.maxWidth = h + "px", Bt(n) > c || n.scrollWidth > n.clientWidth ? y = h : f = h;
+      const l = Wt(n);
+      if (l < 2) return;
+      let h = 0, f = n.offsetWidth;
+      for (; f - h > 1; ) {
+        const g = h + f >> 1;
+        n.style.maxWidth = g + "px", Wt(n) > l || n.scrollWidth > n.clientWidth ? h = g : f = g;
       }
       n.style.maxWidth = f + "px";
     };
     s();
     const o = [];
-    for (let c = n.parentElement; c && o.length < 8 && (o.push(c), !c.hasAttribute("data-elm-theme")); c = c.parentElement)
+    for (let l = n.parentElement; l && o.length < 8 && (o.push(l), !l.hasAttribute("data-elm-theme")); l = l.parentElement)
       ;
     const d = /* @__PURE__ */ new WeakMap(), i = () => {
-      for (const c of o) d.set(c, c.clientWidth);
+      for (const l of o) d.set(l, l.clientWidth);
     };
     i();
-    const m = new ResizeObserver((c) => {
-      c.every((y) => d.get(y.target) === y.target.clientWidth) || (s(), i());
+    const m = new ResizeObserver((l) => {
+      l.every((h) => d.get(h.target) === h.target.clientWidth) || (s(), i());
     });
-    for (const c of o) m.observe(c);
+    for (const l of o) m.observe(l);
     return () => {
       m.disconnect(), n.style.maxWidth = "";
     };
   }, [t, e]);
 }
-const Uo = _t(() => import("./BooleanOperations-oF0WybQP.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 qo = Ut(() => import("./BooleanOperations-CUQDHcha.js"));
+function ei() {
+  const { dataStore: t } = se(), 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, l = S((k) => k.closeDialog), { getKey: h } = Pe(), f = le(), g = 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;
+  if (jo(u, `${e}|${i.length}|${g}`), e) return null;
+  const x = m !== null || i.length > 0, w = g === "Polygon" || g === "MultiPolygon", M = g === "MultiPoint" || g === "MultiPolygon" || g === "MultiLineString" || g === "GeometryCollection", C = i.length === 1 && g === "Point", a = x && !C, p = w, c = Le(g), E = M, y = i.length >= 2, N = E || y;
   function P() {
     if (i.length !== 0 && t.getState().duplicateSelection())
       if (i.length === 1) {
@@ -1900,7 +1900,7 @@ function Js() {
     if (!m || !M) return;
     const k = t.getState().features.find((R) => R.id === m);
     if (!k) return;
-    const D = rt(k.geometry);
+    const D = nt(k.geometry);
     t.getState().breakMultiGeometry(m) && f({ type: "feature:broken", featureId: m, count: D, undo: () => t.getState().undo() });
   }
   function K() {
@@ -1909,7 +1909,7 @@ function Js() {
   function b() {
     if (i.length === 0) return;
     const k = i.length, D = k === 1 ? t.getState().features.find((O) => O.id === i[0]) : null, R = k === 1 ? String((D == null ? void 0 : D.properties.name) || "Unnamed feature") : `${k} features`;
-    t.getState().deleteSelection(), c(), f(k === 1 ? { type: "feature:deleted", featureId: i[0], label: R, undo: () => t.getState().undo() } : { type: "features:deleted", count: k, undo: () => t.getState().undo() });
+    t.getState().deleteSelection(), l(), f(k === 1 ? { type: "feature:deleted", featureId: i[0], label: R, undo: () => t.getState().undo() } : { type: "features:deleted", count: k, undo: () => t.getState().undo() });
   }
   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: [
@@ -1917,45 +1917,45 @@ function Js() {
         te,
         {
           label: "Transform",
-          shortcut: /* @__PURE__ */ r(Q, { children: y("toggle-transform").toUpperCase() }),
+          shortcut: /* @__PURE__ */ r(Q, { children: h("toggle-transform").toUpperCase() }),
           shortcutId: "toggle-transform",
           onClick: () => {
             s(!n), !n && o !== "none" && d("none");
           },
           active: n,
-          children: /* @__PURE__ */ r(er, { size: 24 })
+          children: /* @__PURE__ */ r(rr, { size: 24 })
         }
       ),
-      a && (l || N) && /* @__PURE__ */ r(Ne, {}),
-      p && /* @__PURE__ */ T(ae, { children: [
+      a && (c || N) && /* @__PURE__ */ r(Te, {}),
+      p && /* @__PURE__ */ T(re, { children: [
         /* @__PURE__ */ r(
           te,
           {
             label: "Cut hole",
-            shortcut: /* @__PURE__ */ r(Q, { children: y("cut-hole").toUpperCase() }),
+            shortcut: /* @__PURE__ */ r(Q, { children: h("cut-hole").toUpperCase() }),
             shortcutId: "cut-hole",
             onClick: () => {
               d(o === "cut-hole" ? "none" : "cut-hole"), n && s(!1);
             },
             active: o === "cut-hole",
-            children: /* @__PURE__ */ r(tr, { size: 24 })
+            children: /* @__PURE__ */ r(nr, { size: 24 })
           }
         ),
         /* @__PURE__ */ r(
           te,
           {
             label: "Slice shape",
-            shortcut: /* @__PURE__ */ r(Q, { children: y("slice-shape").toUpperCase() }),
+            shortcut: /* @__PURE__ */ r(Q, { children: h("slice-shape").toUpperCase() }),
             shortcutId: "slice-shape",
             onClick: () => {
               d(o === "slice-shape" ? "none" : "slice-shape"), n && s(!1);
             },
             active: o === "slice-shape",
-            children: /* @__PURE__ */ r(rr, { size: 24 })
+            children: /* @__PURE__ */ r(or, { size: 24 })
           }
         )
       ] }),
-      l && /* @__PURE__ */ T(ae, { children: [
+      c && /* @__PURE__ */ T(re, { children: [
         /* @__PURE__ */ r(
           te,
           {
@@ -1975,7 +1975,7 @@ function Js() {
               d(o === "smooth-shape" ? "none" : "smooth-shape"), n && s(!1);
             },
             active: o === "smooth-shape",
-            children: /* @__PURE__ */ r(nr, { size: 24 })
+            children: /* @__PURE__ */ r(sr, { size: 24 })
           }
         ),
         /* @__PURE__ */ r(
@@ -1986,59 +1986,59 @@ function Js() {
               d(o === "buffer-shape" ? "none" : "buffer-shape"), n && s(!1);
             },
             active: o === "buffer-shape",
-            children: /* @__PURE__ */ r(or, { size: 24 })
+            children: /* @__PURE__ */ r(ir, { size: 24 })
           }
         )
       ] }),
-      l && N && /* @__PURE__ */ r(Ne, {}),
+      c && N && /* @__PURE__ */ r(Te, {}),
       E && /* @__PURE__ */ r(
         te,
         {
           label: "Break apart",
-          shortcut: /* @__PURE__ */ r(Q, { children: y("break-apart").toUpperCase() }),
+          shortcut: /* @__PURE__ */ r(Q, { children: h("break-apart").toUpperCase() }),
           shortcutId: "break-apart",
           onClick: z,
-          children: /* @__PURE__ */ r(sr, { size: 24 })
+          children: /* @__PURE__ */ r(ar, { size: 24 })
         }
       ),
-      g && /* @__PURE__ */ r(te, { label: "Merge", onClick: K, children: /* @__PURE__ */ r(ir, { size: 24 }) }),
-      (a || l || N) && /* @__PURE__ */ r(Ne, {}),
+      y && /* @__PURE__ */ r(te, { label: "Merge", onClick: K, children: /* @__PURE__ */ r(lr, { size: 24 }) }),
+      (a || c || N) && /* @__PURE__ */ r(Te, {}),
       /* @__PURE__ */ r(
         te,
         {
           label: "Duplicate",
-          shortcut: /* @__PURE__ */ T(ae, { children: [
+          shortcut: /* @__PURE__ */ T(re, { children: [
             /* @__PURE__ */ r(Q, { children: "⌘" }),
             /* @__PURE__ */ r(Q, { children: "D" })
           ] }),
           shortcutId: "duplicate",
           onClick: P,
-          children: /* @__PURE__ */ r(Xt, { size: 24 })
+          children: /* @__PURE__ */ r(Yt, { size: 24 })
         }
       ),
       /* @__PURE__ */ r(
         te,
         {
           label: "Delete",
-          shortcut: /* @__PURE__ */ r(Q, { children: Vt("delete-selected") }),
+          shortcut: /* @__PURE__ */ r(Q, { children: Xt("delete-selected") }),
           shortcutId: "delete-selected",
           onClick: b,
-          children: /* @__PURE__ */ r(ze, { size: 24 })
+          children: /* @__PURE__ */ r(Re, { size: 24 })
         }
       )
     ] }),
-    i.length >= 2 && /* @__PURE__ */ r(Ut, { fallback: null, children: /* @__PURE__ */ r(Uo, {}) })
+    i.length >= 2 && /* @__PURE__ */ r(qt, { fallback: null, children: /* @__PURE__ */ r(qo, {}) })
   ] });
 }
-const jo = "calc(var(--elm-bottom-stack-offset, calc(var(--elm-table-offset, 0px) + var(--elm-bottom-toolbar-offset, 0px) + 16px)) + 58px)";
-function Xs({ mapContainer: t, count: e, onSimplify: n, onDelete: s }) {
+const Ho = "calc(var(--elm-bottom-stack-offset, calc(var(--elm-table-offset, 0px) + var(--elm-bottom-toolbar-offset, 0px) + 16px)) + 58px)";
+function ti({ mapContainer: t, count: e, onSimplify: n, onDelete: s }) {
   const o = t.parentElement;
-  return o ? cr(
+  return o ? ur(
     /* @__PURE__ */ r(
       "div",
       {
         className: "absolute left-0 right-0 z-[400] flex justify-center pointer-events-none",
-        style: { bottom: jo },
+        style: { bottom: Ho },
         onMouseDown: (d) => d.stopPropagation(),
         onContextMenu: (d) => d.stopPropagation(),
         children: /* @__PURE__ */ T("div", { className: "flex items-center gap-2 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: [
@@ -2048,64 +2048,64 @@ function Xs({ mapContainer: t, count: e, onSimplify: n, onDelete: s }) {
             e !== 1 ? "s" : "",
             " selected"
           ] }),
-          /* @__PURE__ */ r(Ne, {}),
+          /* @__PURE__ */ r(Te, {}),
           /* @__PURE__ */ T(te, { label: "Simplify selected points", onClick: n, disabled: e < 3, children: [
-            /* @__PURE__ */ r(Tn, { size: 24 }),
+            /* @__PURE__ */ r(Fn, { size: 24 }),
             /* @__PURE__ */ r("span", { className: "px-1 font-medium", children: "Simplify" })
           ] }),
           /* @__PURE__ */ T(te, { label: "Delete selected points", onClick: s, children: [
-            /* @__PURE__ */ r(ze, { size: 24 }),
+            /* @__PURE__ */ r(Re, { size: 24 }),
             /* @__PURE__ */ r("span", { className: "px-1 font-medium", children: "Delete" })
           ] }),
-          /* @__PURE__ */ r(Oe, { children: "Del" })
+          /* @__PURE__ */ r(Ee, { children: "Del" })
         ] })
       }
     ),
     o
   ) : null;
 }
-const qo = /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ r("polyline", { points: "2.5,8 5.25,3.5 8,8 10.75,12.5 13.5,8" }) }), Ho = [
-  { mode: "cut-hole", label: "Cut hole", icon: /* @__PURE__ */ r(tr, { size: 16 }), shortcut: "cut-hole" },
-  { mode: "slice-shape", label: "Slice shape", icon: /* @__PURE__ */ r(rr, { size: 16 }), shortcut: "slice-shape" }
-], Vo = [
-  { mode: "simplify-shape", label: "Simplify shape", icon: qo },
-  { mode: "smooth-shape", label: "Smooth shape", icon: /* @__PURE__ */ r(nr, { size: 16 }) },
-  { mode: "buffer-shape", label: "Buffer", icon: /* @__PURE__ */ r(or, { size: 16 }) }
+const Vo = /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ r("polyline", { points: "2.5,8 5.25,3.5 8,8 10.75,12.5 13.5,8" }) }), Jo = [
+  { mode: "cut-hole", label: "Cut hole", icon: /* @__PURE__ */ r(nr, { size: 16 }), shortcut: "cut-hole" },
+  { mode: "slice-shape", label: "Slice shape", icon: /* @__PURE__ */ r(or, { size: 16 }), shortcut: "slice-shape" }
+], Xo = [
+  { mode: "simplify-shape", label: "Simplify shape", icon: Vo },
+  { mode: "smooth-shape", label: "Smooth shape", icon: /* @__PURE__ */ r(sr, { size: 16 }) },
+  { mode: "buffer-shape", label: "Buffer", icon: /* @__PURE__ */ r(ir, { 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();
+function ri({ x: t, y: e, data: n, onClose: s }) {
+  const { feature: o, requestPreciseCoords: d } = n, { dataStore: i } = se(), m = S((P) => P.readonly), l = S((P) => P.transformActive), h = S((P) => P.setTransformActive), f = S((P) => P.editingMode), g = S((P) => P.setEditingMode), u = S((P) => P.closeDialog), x = U((P) => P.selectedIds), w = le(), { getKey: M } = Pe();
   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, a = C === "Polygon" || C === "MultiPolygon", p = C === "MultiPoint" || C === "MultiPolygon" || C === "MultiLineString" || C === "GeometryCollection", c = x.length >= 2 && x.includes(o.id);
   function E(P) {
-    h(f === P ? "none" : P), c && y(!1);
+    g(f === P ? "none" : P), l && h(!1);
   }
-  function g(P) {
+  function y(P) {
     return /* @__PURE__ */ r(Q, { children: M(P).toUpperCase() });
   }
   const N = [];
   if (N.push({
     label: "Transform",
-    icon: /* @__PURE__ */ r(er, { size: 16 }),
-    shortcut: g("toggle-transform"),
+    icon: /* @__PURE__ */ r(rr, { size: 16 }),
+    shortcut: y("toggle-transform"),
     onClick: () => {
-      y(!c), !c && f !== "none" && h("none");
+      h(!l), !l && f !== "none" && g("none");
     }
-  }), Fe(C)) {
+  }), Le(C)) {
     N.push({ separator: !0 });
-    for (const P of [...a ? Ho : [], ...Vo])
+    for (const P of [...a ? Jo : [], ...Xo])
       N.push({
         label: P.label,
         icon: P.icon,
-        shortcut: P.shortcut ? g(P.shortcut) : void 0,
+        shortcut: P.shortcut ? y(P.shortcut) : void 0,
         onClick: () => E(P.mode)
       });
   }
   return a && N.push({
     label: "Center point",
-    icon: /* @__PURE__ */ r(An, { size: 16, weight: "fill" }),
+    icon: /* @__PURE__ */ r(zn, { size: 16, weight: "fill" }),
     onClick: () => {
       var b;
-      const P = jn(o), z = typeof ((b = o.properties) == null ? void 0 : b.name) == "string" && o.properties.name ? o.properties.name : null, K = {
+      const P = Hn(o), z = typeof ((b = o.properties) == null ? void 0 : b.name) == "string" && o.properties.name ? o.properties.name : null, K = {
         type: "Feature",
         id: crypto.randomUUID(),
         geometry: { type: "Point", coordinates: P.geometry.coordinates },
@@ -2114,40 +2114,40 @@ function Zs({ x: t, y: e, data: n, onClose: s }) {
       };
       i.getState().addFeature(K);
     }
-  }), (p || l) && (N.push({ separator: !0 }), p && N.push({
+  }), (p || c) && (N.push({ separator: !0 }), p && N.push({
     label: "Break apart",
-    icon: /* @__PURE__ */ r(sr, { size: 16 }),
-    shortcut: g("break-apart"),
+    icon: /* @__PURE__ */ r(ar, { size: 16 }),
+    shortcut: y("break-apart"),
     onClick: () => {
-      const P = rt(o.geometry);
+      const P = nt(o.geometry);
       i.getState().breakMultiGeometry(o.id) && w({ type: "feature:broken", featureId: o.id, count: P, undo: () => i.getState().undo() });
     }
-  }), l && N.push({
+  }), c && N.push({
     label: `Merge ${x.length} features`,
-    icon: /* @__PURE__ */ r(ir, { size: 16 }),
+    icon: /* @__PURE__ */ r(lr, { size: 16 }),
     onClick: () => {
       const P = x.length;
       i.getState().mergeFeatures(), w({ type: "success", message: `Merged ${P} features` });
     }
   })), d && (N.push({ separator: !0 }), N.push({
     label: "Precise coordinates…",
-    icon: /* @__PURE__ */ r(Fn, { size: 16 }),
+    icon: /* @__PURE__ */ r(Ln, { size: 16 }),
     onClick: d
   })), N.push({ separator: !0 }), N.push({
-    label: l ? `Delete ${x.length} features` : "Delete",
-    icon: /* @__PURE__ */ r(ze, { size: 16 }),
-    shortcut: /* @__PURE__ */ r(Q, { children: Vt("delete-selected") }),
+    label: c ? `Delete ${x.length} features` : "Delete",
+    icon: /* @__PURE__ */ r(Re, { size: 16 }),
+    shortcut: /* @__PURE__ */ r(Q, { children: Xt("delete-selected") }),
     onClick: () => {
       var K;
-      const P = l ? x.length : 1, z = String(((K = o.properties) == null ? void 0 : K.name) || "feature");
+      const P = c ? 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(dr, { x: t, y: e, items: N, onClose: s });
 }
-function Jo({ size: t, tooltipSide: e }) {
+function Zo({ size: t, tooltipSide: e }) {
   const n = U((d) => d.undoStack.length > 0), s = U((d) => d.undo), o = le();
   return /* @__PURE__ */ r(
-    Pe,
+    De,
     {
       label: "Undo",
       shortcutId: "undo",
@@ -2161,14 +2161,14 @@ function Jo({ size: t, tooltipSide: e }) {
       disabled: !n,
       size: t,
       tooltipSide: e,
-      children: /* @__PURE__ */ r(Ln, { size: 24 })
+      children: /* @__PURE__ */ r($n, { size: 24 })
     }
   );
 }
-function Xo({ size: t, tooltipSide: e }) {
+function Yo({ size: t, tooltipSide: e }) {
   const n = U((d) => d.redoStack.length > 0), s = U((d) => d.redo), o = le();
   return /* @__PURE__ */ r(
-    Pe,
+    De,
     {
       label: "Redo",
       shortcutId: "redo",
@@ -2183,62 +2183,102 @@ function Xo({ size: t, tooltipSide: e }) {
       disabled: !n,
       size: t,
       tooltipSide: e,
-      children: /* @__PURE__ */ r(zn, { size: 24 })
+      children: /* @__PURE__ */ r(Rn, { size: 24 })
     }
   );
 }
-function Zo({ direction: t = "horizontal", children: e }) {
+function Qo({ direction: t = "horizontal", children: e }) {
   return /* @__PURE__ */ r("div", { "data-elm-group": "", className: `flex bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm rounded-elm pointer-events-auto antialiased items-center gap-1 px-2 py-1.5 ${t === "vertical" ? "flex-col" : "flex-row"}`, children: e });
 }
-function Ys({ direction: t = "vertical" }) {
+function ni({ direction: t = "vertical" }) {
   const e = t === "vertical" ? "right" : "top";
-  return /* @__PURE__ */ T(Zo, { direction: t, children: [
-    /* @__PURE__ */ r(Jo, { size: "group", tooltipSide: e }),
-    /* @__PURE__ */ r(Xo, { size: "group", tooltipSide: e })
+  return /* @__PURE__ */ T(Qo, { direction: t, children: [
+    /* @__PURE__ */ r(Zo, { size: "group", tooltipSide: e }),
+    /* @__PURE__ */ r(Yo, { size: "group", tooltipSide: e })
   ] });
 }
-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";
-  if (!(E || g || N || P || z || K || b) && !k && !D) return null;
+const _t = "h-8 px-3 rounded-elm-control text-sm flex items-center justify-center gap-1.5 active:scale-[0.95]", be = { before: "Undo last", key: "⌫", keyName: "Backspace" }, es = { before: "Hold", key: "Shift", keyName: "Shift", after: "for a square" }, ts = (t) => typeof t == "string" ? t : `${t.before} ${t.keyName} ${t.after ?? ""}`;
+function rs({ parts: t }) {
+  return /* @__PURE__ */ r(
+    "ul",
+    {
+      "data-elm-hint": !0,
+      "aria-label": "Drawing hints",
+      className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-1 min-w-0 px-2 m-0 list-none text-sm text-elm-text-muted",
+      children: t.map((e) => /* @__PURE__ */ r("li", { className: "inline-flex items-center gap-1.5 whitespace-nowrap", children: typeof e == "string" ? e : /* @__PURE__ */ T(re, { children: [
+        e.before,
+        e.key === e.keyName ? /* @__PURE__ */ r(Ee, { children: e.key }) : /* @__PURE__ */ T(re, { children: [
+          /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "inline-flex", children: /* @__PURE__ */ r(Ee, { children: e.key }) }),
+          /* @__PURE__ */ r("span", { className: "sr-only", children: e.keyName })
+        ] }),
+        e.after
+      ] }) }, ts(e)))
+    }
+  );
+}
+function Gt() {
+  const t = B(null);
+  return fe(() => {
+    const e = t.current, n = e == null ? void 0 : e.parentElement;
+    if (!e || !n) return;
+    const s = (i, m) => {
+      let l = i;
+      for (; l && getComputedStyle(l).display === "contents"; ) l = m === "first" ? l.firstElementChild : l.lastElementChild;
+      const h = (l ?? i).getBoundingClientRect();
+      return h.top + h.height / 2;
+    }, o = () => {
+      e.style.display = "";
+      const i = e.previousElementSibling, m = e.nextElementSibling, l = s(e, "first");
+      (!i || !m || Math.abs(s(i, "last") - l) > 4 || Math.abs(s(m, "first") - l) > 4) && (e.style.display = "none");
+    };
+    o();
+    const d = new ResizeObserver(o);
+    d.observe(n);
+    for (const i of Array.from(n.children)) i !== e && d.observe(i);
+    return () => d.disconnect();
+  }), /* @__PURE__ */ r("span", { ref: t, "aria-hidden": "true", className: "flex", children: /* @__PURE__ */ r(Te, {}) });
+}
+function oi() {
+  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), l = S((v) => v.commitRoute), h = S((v) => v.commitSliceShape), f = S((v) => v.commitCutHole), g = 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), c = S((v) => v.setMeasureMode), E = e === "draw-line" || e === "slice-shape", y = 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 || y || 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;
   function j() {
     if (e === "slice-shape") {
       if (n.length < 2) return;
-      y();
+      h();
     } else if (e === "cut-hole") {
       if (s.length < 3) return;
       f();
     } else if (E) {
       if (n.length < 2) return;
       i({});
-    } else if (g) {
+    } else if (y) {
       if (s.length < 3) return;
       m({});
     } else if (N) {
       if (o.length < 2) return;
-      c();
+      l();
     }
   }
-  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 : y ? 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", be] : e === "draw-polygon" ? s.length === 0 ? ["Click to place the first point"] : s.length < 3 ? ["Click to continue", be] : ["Click to add points", "Double-click to close", be] : N ? o.length === 0 ? ["Click to place the first waypoint"] : ["Click to add waypoints", be] : P ? ["Click and drag to size"] : z ? ["Click and drag to size", es] : 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", be] : e === "cut-hole" ? s.length === 0 ? ["Draw a shape inside to cut a hole"] : s.length < 3 ? ["Click to continue", be] : ["Click to add points", "Double-click to cut", be] : k ? a.length === 0 ? ["Click to start measuring"] : ["Click to add points", "Double-click to finish", be] : 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(re, { children: [
       /* @__PURE__ */ r(
         te,
         {
           active: p === "distance",
-          onClick: () => l("distance"),
+          onClick: () => c("distance"),
           label: "Measure distance",
-          children: /* @__PURE__ */ r(Rn, { size: 24 })
+          children: /* @__PURE__ */ r(Kn, { size: 24 })
         }
       ),
       /* @__PURE__ */ r(
         te,
         {
           active: p === "area",
-          onClick: () => l("area"),
+          onClick: () => c("area"),
           label: "Measure area",
-          children: /* @__PURE__ */ r($n, { size: 24 })
+          children: /* @__PURE__ */ r(On, { size: 24 })
         }
       )
     ] }),
@@ -2248,21 +2288,21 @@ function Qs() {
         active: M,
         onClick: () => C(!M),
         label: "Closed shape",
-        children: /* @__PURE__ */ r(Kn, { size: 24, weight: M ? "fill" : "regular" })
+        children: /* @__PURE__ */ r(Bn, { size: 24, weight: M ? "fill" : "regular" })
       }
     ),
-    (k || e === "draw-freehand") && /* @__PURE__ */ r(Ne, {}),
-    t.hints && L && /* @__PURE__ */ r("span", { className: "text-sm text-elm-text-muted px-2", children: L }),
-    t.hints && L && /* @__PURE__ */ r(Ne, {}),
+    (k || e === "draw-freehand") && /* @__PURE__ */ r(Gt, {}),
+    t.hints && L && /* @__PURE__ */ r(rs, { parts: L }),
+    t.hints && L && /* @__PURE__ */ r(Gt, {}),
     Z && /* @__PURE__ */ T(
       "button",
       {
         type: "button",
         onClick: j,
-        className: `${Wt} shadow-sm bg-primary-500 text-white hover:bg-primary-600`,
+        className: `${_t} shadow-sm bg-primary-500 text-white hover:bg-primary-600`,
         children: [
           N ? "Save route" : e === "slice-shape" ? "Slice" : e === "cut-hole" ? "Cut" : "Finish",
-          /* @__PURE__ */ r(Ie, { children: "↵" })
+          /* @__PURE__ */ r(Me, { children: "↵" })
         ]
       }
     ),
@@ -2270,24 +2310,24 @@ function Qs() {
       "button",
       {
         type: "button",
-        onClick: h,
-        className: `${Wt} text-(--elm-text-muted,var(--color-gray-600)) dark:text-(--elm-text-muted,var(--color-gray-400)) hover:bg-elm-control-hover`,
+        onClick: g,
+        className: `${_t} text-(--elm-text-muted,var(--color-gray-600)) dark:text-(--elm-text-muted,var(--color-gray-400)) hover:bg-elm-control-hover`,
         children: [
           O ? "Cancel" : "Exit",
-          /* @__PURE__ */ r(Oe, { children: "Esc" })
+          /* @__PURE__ */ r(Ee, { children: "Esc" })
         ]
       }
     )
   ] });
 }
-function ei({ size: t, tooltipSide: e } = {}) {
-  const { fitBounds: n } = Ae(), s = le(), o = U((m) => m.features), d = U((m) => m.selectedIds);
+function si({ size: t, tooltipSide: e } = {}) {
+  const { fitBounds: n } = ze(), s = le(), o = U((m) => m.features), d = U((m) => m.selectedIds);
   function i() {
     if (!n) return;
     let m = o;
     if (d.length > 0) {
-      const c = new Set(d);
-      m = o.filter((y) => c.has(y.id));
+      const l = new Set(d);
+      m = o.filter((h) => l.has(h.id));
     }
     if (m.length === 0) {
       s({ type: "warning", message: "No features on the map to zoom to" });
@@ -2296,55 +2336,55 @@ function ei({ size: t, tooltipSide: e } = {}) {
     try {
       if (m.length === 1) {
         const f = m[0];
-        n(f.bbox || ot(f.geometry));
+        n(f.bbox || st(f.geometry));
         return;
       }
-      const c = qn(m), y = dr(c);
-      n(y);
-    } catch (c) {
-      s({ type: "error", code: "geometry", source: "editor", message: "Failed to calculate map bounds", cause: c });
+      const l = Vn(m), h = mr(l);
+      n(h);
+    } catch (l) {
+      s({ type: "error", code: "geometry", source: "editor", message: "Failed to calculate map bounds", cause: l });
     }
   }
   return /* @__PURE__ */ r(
-    Pe,
+    De,
     {
       label: "Fit map to features",
       tooltipContent: d.length > 0 ? "Zoom to selection" : "Zoom to all features",
       onClick: i,
       size: t,
       tooltipSide: e,
-      children: /* @__PURE__ */ r(On, { size: 24 })
+      children: /* @__PURE__ */ r(Wn, { size: 24 })
     }
   );
 }
-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 ns = "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", os = "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", ss = "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 ii({ 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 } = ze(), l = le(), h = !!i && !!m, f = S((E) => E.zoomEditing), g = S((E) => E.setZoomEditing), [u, x] = q(null), w = B(null), M = B(!1), { getKey: C } = Pe(), a = s === "sm" ? ns : s === "group" ? os : ss, 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 c() {
     var P;
     const E = (((P = w.current) == null ? void 0 : P.value) ?? "").trim();
     if (E === "") {
-      h(!1);
+      g(!1);
       return;
     }
-    const g = Number(E);
-    if (!Number.isFinite(g)) {
-      c({ type: "warning", message: `"${E}" is not a valid zoom level` });
+    const y = Number(E);
+    if (!Number.isFinite(y)) {
+      l({ type: "warning", message: `"${E}" is not a valid zoom level` });
       return;
     }
-    if (g < t || g > e) {
-      c({ type: "warning", message: `Zoom must be between ${t} and ${e}` });
+    if (y < t || y > e) {
+      l({ type: "warning", message: `Zoom must be between ${t} and ${e}` });
       return;
     }
     if (!i || !m) {
-      c({ type: "warning", message: "Map is not ready yet — try again in a moment" });
+      l({ type: "warning", message: "Map is not ready yet — try again in a moment" });
       return;
     }
     const N = m();
-    x(g), i([N[1], N[0]], g), h(!1);
+    x(y), i([N[1], N[0]], y), g(!1);
   }
   if (f) {
     const E = n ? (u ?? d).toFixed(1) : String(Math.round(u ?? d));
@@ -2357,44 +2397,44 @@ function ti({ minZoom: t = 1, maxZoom: e = 22, fractional: n = !1, size: s = "md
         pattern: n ? "[0-9.]*" : "[0-9]*",
         autoFocus: !0,
         defaultValue: E,
-        onFocus: (g) => {
-          const N = g.currentTarget;
+        onFocus: (y) => {
+          const N = y.currentTarget;
           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));
+        onKeyDown: (y) => {
+          y.key === "Enter" ? (y.preventDefault(), c()) : y.key === "Escape" && (y.preventDefault(), g(!1));
         },
-        onBlur: () => h(!1),
+        onBlur: () => g(!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" : ""}`
       }
     );
   }
   return /* @__PURE__ */ r(
-    be,
+    ve,
     {
-      content: y ? "Set zoom level" : "Map zoom level",
+      content: h ? "Set zoom level" : "Map zoom level",
       side: o,
-      shortcut: y ? /* @__PURE__ */ r(Q, { children: C("set-zoom").toUpperCase() }) : void 0,
+      shortcut: h ? /* @__PURE__ */ r(Q, { children: C("set-zoom").toUpperCase() }) : void 0,
       children: /* @__PURE__ */ r(
         "button",
         {
           type: "button",
-          "aria-label": y ? "Set map zoom level" : "Map zoom level",
+          "aria-label": h ? "Set map zoom level" : "Map zoom level",
           "data-elm-shortcut": "set-zoom",
           onClick: () => {
-            y && (M.current = !0, h(!0));
+            h && (M.current = !0, g(!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"}`,
+          disabled: !h,
+          className: `${a} ${h ? `${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)
         }
       )
     }
   );
 }
-function ri({ zoom: t = 15, size: e, tooltipSide: n }) {
-  const { flyTo: s } = Ae(), o = le(), [d, i] = q(!1);
+function ai({ zoom: t = 15, size: e, tooltipSide: n }) {
+  const { flyTo: s } = ze(), o = le(), [d, i] = q(!1);
   function m() {
     if (!navigator.geolocation) {
       o({ type: "error", code: "unsupported", source: "locate", message: "Geolocation is not supported by this browser" });
@@ -2405,16 +2445,16 @@ function ri({ zoom: t = 15, size: e, tooltipSide: n }) {
       return;
     }
     d || (i(!0), navigator.geolocation.getCurrentPosition(
-      (c) => {
-        i(!1), s([c.coords.latitude, c.coords.longitude], t);
+      (l) => {
+        i(!1), s([l.coords.latitude, l.coords.longitude], t);
       },
-      (c) => {
+      (l) => {
         i(!1), o({
           type: "error",
-          code: c.code === c.PERMISSION_DENIED ? "permission-denied" : c.code === c.TIMEOUT ? "timeout" : "unknown",
+          code: l.code === l.PERMISSION_DENIED ? "permission-denied" : l.code === l.TIMEOUT ? "timeout" : "unknown",
           source: "locate",
-          cause: c,
-          message: c.code === c.PERMISSION_DENIED ? "Location access denied" : "Could not determine your location"
+          cause: l,
+          message: l.code === l.PERMISSION_DENIED ? "Location access denied" : "Could not determine your location"
         });
       },
       { timeout: 1e4 }
@@ -2423,56 +2463,56 @@ function ri({ zoom: t = 15, size: e, tooltipSide: n }) {
   return (
     // Not `disabled` while locating: that fades the whole button (disabled
     // opacity). A repeat click is ignored in handleLocate instead.
-    /* @__PURE__ */ r(Pe, { label: d ? "Locating…" : "Show my location", onClick: m, size: e, tooltipSide: n, children: d ? /* @__PURE__ */ r("div", { className: `${e === "sm" ? "w-3.5 h-3.5" : "w-5 h-5"} border-2 border-current/25 border-t-current rounded-full animate-spin`, "aria-hidden": !0 }) : /* @__PURE__ */ r(Bn, { size: 24 }) })
+    /* @__PURE__ */ r(De, { label: d ? "Locating…" : "Show my location", onClick: m, size: e, tooltipSide: n, children: d ? /* @__PURE__ */ r("div", { className: `${e === "sm" ? "w-3.5 h-3.5" : "w-5 h-5"} border-2 border-current/25 border-t-current rounded-full animate-spin`, "aria-hidden": !0 }) : /* @__PURE__ */ r(_n, { size: 24 }) })
   );
 }
-function ni() {
+function li() {
   return S((e) => e.readonly) ? /* @__PURE__ */ T("div", { className: "flex items-center gap-2 px-4 py-2 bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm rounded-elm text-sm text-(--elm-text-secondary,var(--color-gray-600)) dark:text-(--elm-text-secondary,var(--color-gray-300)) pointer-events-auto antialiased select-none", children: [
-    /* @__PURE__ */ r(st, { size: 20, weight: "duotone", className: "text-elm-text-muted" }),
+    /* @__PURE__ */ r(it, { size: 20, weight: "duotone", className: "text-elm-text-muted" }),
     /* @__PURE__ */ r("span", { children: "View-only mode" })
   ] }) : null;
 }
-const ts = 3e4;
-let ie = null;
-const Te = /* @__PURE__ */ new Map();
-function lt(t, e) {
-  ie == null || ie.terminate(), ie = null;
-  const n = [...Te.values()];
-  Te.clear();
+const is = 3e4;
+let ae = null;
+const Fe = /* @__PURE__ */ new Map();
+function ct(t, e) {
+  ae == null || ae.terminate(), ae = null;
+  const n = [...Fe.values()];
+  Fe.clear();
   for (const s of n)
-    clearTimeout(s.timer), s.reject(new Be(e, "geometry", t));
+    clearTimeout(s.timer), s.reject(new We(e, "geometry", t));
 }
-async function rs() {
-  if (ie) return ie;
+async function as() {
+  if (ae) return ae;
   const { default: t } = await import("./geometryWorker-DgQCFSmD.js");
-  return ie || (ie = new t(), ie.onmessage = (e) => {
-    const { id: n, ok: s, result: o, error: d } = e.data, i = Te.get(n);
+  return ae || (ae = new t(), ae.onmessage = (e) => {
+    const { id: n, ok: s, result: o, error: d } = e.data, i = Fe.get(n);
     if (i) {
-      if (Te.delete(n), clearTimeout(i.timer), s && (o != null && o.geometry)) {
+      if (Fe.delete(n), clearTimeout(i.timer), s && (o != null && o.geometry)) {
         i.resolve(o.geometry);
         return;
       }
-      i.reject(new Be("geometry", "geometry", (d == null ? void 0 : d.message) || "Geometry operation failed"));
+      i.reject(new We("geometry", "geometry", (d == null ? void 0 : d.message) || "Geometry operation failed"));
     }
-  }, ie.onerror = () => lt("Geometry worker failed", "geometry"), ie);
+  }, ae.onerror = () => ct("Geometry worker failed", "geometry"), ae);
 }
-function Cr(t, { timeoutMs: e = ts } = {}) {
-  return rs().then((n) => new Promise((s, o) => {
+function Er(t, { timeoutMs: e = is } = {}) {
+  return as().then((n) => new Promise((s, o) => {
     const d = crypto.randomUUID(), i = setTimeout(() => {
-      lt(`Geometry operation timed out after ${e} ms`, "timeout");
+      ct(`Geometry operation timed out after ${e} ms`, "timeout");
     }, e);
-    Te.set(d, { resolve: s, reject: o, timer: i });
+    Fe.set(d, { resolve: s, reject: o, timer: i });
     const m = { id: d, payload: t };
     n.postMessage(m);
   }));
 }
-typeof Worker < "u" && nn(Cr);
-function oi() {
-  lt("Geometry worker disposed", "unknown");
+typeof Worker < "u" && sn(Er);
+function ci() {
+  ct("Geometry worker disposed", "unknown");
 }
-function ct(t, e) {
+function dt(t, e) {
   var m;
-  const n = (m = tt(Wr)) == null ? void 0 : m.emit, s = B(n);
+  const n = (m = rt(Gr)) == null ? void 0 : m.emit, s = B(n);
   s.current = n;
   const o = B({
     seq: 0,
@@ -2483,21 +2523,21 @@ function ct(t, e) {
     onSettled: null,
     alive: !0
   }).current, d = J(() => {
-    const c = o.onSettled;
-    o.onSettled = null, c == null || c();
-  }, [o]), i = J((c) => {
-    const y = ++o.seq, f = o.epoch;
-    o.busy = !0, Cr(c).then((h) => h, (h) => {
+    const l = o.onSettled;
+    o.onSettled = null, l == null || l();
+  }, [o]), i = J((l) => {
+    const h = ++o.seq, f = o.epoch;
+    o.busy = !0, Er(l).then((g) => g, (g) => {
       var u;
       return o.alive && f === o.epoch && ((u = s.current) == null || u.call(s, {
         type: "error",
-        code: h instanceof Be ? h.code : "geometry",
+        code: g instanceof We ? g.code : "geometry",
         source: "geometry",
-        message: `The ${c.type} preview failed: ${h instanceof Error ? h.message : String(h)}`,
-        cause: h,
+        message: `The ${l.type} preview failed: ${g instanceof Error ? g.message : String(g)}`,
+        cause: g,
         quiet: !0
       })), null;
-    }).then((h) => {
+    }).then((g) => {
       if (o.busy = !1, !o.alive || f !== o.epoch) {
         if (o.queued) {
           const w = o.queued;
@@ -2507,8 +2547,8 @@ function ct(t, e) {
       }
       const u = o.queued;
       o.queued = null;
-      const x = y === o.seq;
-      (x || u && u.geometry === c.geometry) && (o.owned = !0, e(h)), u ? i(u) : x && d();
+      const x = h === o.seq;
+      (x || u && u.geometry === l.geometry) && (o.owned = !0, e(g)), u ? i(u) : x && d();
     });
   }, [o, e, d]);
   return $(() => {
@@ -2523,44 +2563,44 @@ function ct(t, e) {
     i(t);
   }, [t, o, i, e]), $(() => (o.alive = !0, () => {
     o.alive = !1, o.queued = null, o.onSettled = null;
-  }), [o]), J((c) => {
-    !o.busy && !o.queued ? c() : o.onSettled = c;
+  }), [o]), J((l) => {
+    !o.busy && !o.queued ? l() : o.onSettled = l;
   }, [o]);
 }
-const ns = 111320;
-function os(t, e) {
-  const n = t * ns;
+const ls = 111320;
+function cs(t, e) {
+  const n = t * ls;
   if (n < 1)
-    return `<1${It(1, e).unit}`;
-  const s = It(n, e);
+    return `<1${Mt(1, e).unit}`;
+  const s = Mt(n, e);
   return `~${s.value}${s.unit}`;
 }
-function si() {
-  const t = S((g) => g.editingMode), e = S((g) => g.simplifyTolerance), n = S((g) => g.setSimplifyTolerance), s = S((g) => g.setGeometryPreview), o = S((g) => g.geometryPreview), d = S((g) => g.commitGeometryProcess), i = S((g) => g.cancelGeometryProcess), { units: m } = ce(), c = { unit: m.length, display: m.display, precision: m.precision }, { dataStore: y } = oe(), f = ke(), h = U((g) => g.selectedIds[0] ?? null), u = U((g) => {
+function di() {
+  const t = S((y) => y.editingMode), e = S((y) => y.simplifyTolerance), n = S((y) => y.setSimplifyTolerance), s = S((y) => y.setGeometryPreview), o = S((y) => y.geometryPreview), d = S((y) => y.commitGeometryProcess), i = S((y) => y.cancelGeometryProcess), { units: m } = ce(), l = { unit: m.length, display: m.display, precision: m.precision }, { dataStore: h } = se(), f = Se(), g = U((y) => y.selectedIds[0] ?? null), u = U((y) => {
     var N;
-    return h ? ((N = g.features.find((P) => P.id === h)) == null ? void 0 : N.geometry) ?? null : null;
-  }), x = U((g) => {
+    return g ? ((N = y.features.find((P) => P.id === g)) == null ? void 0 : N.geometry) ?? null : null;
+  }), x = U((y) => {
     var N;
-    return h ? ((N = g.features.find((P) => P.id === h)) == null ? void 0 : N._drawType) ?? null : null;
+    return g ? ((N = y.features.find((P) => P.id === g)) == null ? void 0 : N._drawType) ?? null : null;
   }), w = ue(() => {
     if (!u || t !== "simplify-shape") return 0;
     try {
-      const g = dr({ type: "Feature", geometry: u, properties: {} }), N = Math.sqrt((g[2] - g[0]) ** 2 + (g[3] - g[1]) ** 2);
+      const y = mr({ type: "Feature", geometry: u, properties: {} }), N = Math.sqrt((y[2] - y[0]) ** 2 + (y[3] - y[1]) ** 2);
       return (e / 100) ** 2 * N * 0.3;
     } 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 || !Le(u.type) ? null : { type: "simplify", geometry: u, tolerance: w }, [M, u, w]), a = dt(C, s);
   $(() => () => {
-    y.getState(), s(null);
-  }, [s, y]);
-  const p = u ? Ke(u) : 0, l = o ? Ke(o) : p, E = p - l;
+    h.getState(), s(null);
+  }, [s, h]);
+  const p = u ? Be(u) : 0, c = o ? Be(o) : p, E = p - c;
   return $(() => {
     if (t !== "simplify-shape") return;
-    function g(N) {
+    function y(N) {
       f(N) && (N.key === "Enter" && o && E > 0 ? (N.preventDefault(), a(d)) : N.key === "Escape" && (N.preventDefault(), i()));
     }
-    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
+    return window.addEventListener("keydown", y), () => window.removeEventListener("keydown", y);
   }, [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: [
     /* @__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: [
@@ -2571,16 +2611,16 @@ function si() {
           min: 0,
           max: 100,
           value: e,
-          onChange: (g) => n(Number(g.target.value)),
+          onChange: (y) => n(Number(y.target.value)),
           className: "w-32 accent-primary-600"
         }
       ),
-      /* @__PURE__ */ r("span", { className: "text-sm text-elm-text-muted w-16 shrink-0", children: os(w, c) })
+      /* @__PURE__ */ r("span", { className: "text-sm text-elm-text-muted w-16 shrink-0", children: cs(w, l) })
     ] }),
     /* @__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: c }),
       E > 0 && /* @__PURE__ */ T("span", { className: "text-xs text-primary-500", children: [
         "(−",
         E,
@@ -2590,30 +2630,30 @@ 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(ke, { variant: "ghost", onClick: i, className: "rounded-elm-control h-8 px-3 text-sm", children: "Cancel" }),
+      /* @__PURE__ */ r(ke, { variant: "primary", onClick: () => a(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;
-  }), h = U((p) => {
-    var l;
-    return y ? ((l = p.features.find((E) => E.id === y)) == null ? void 0 : l._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);
+function ui() {
+  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 } = se(), l = Se(), h = U((p) => p.selectedIds[0] ?? null), f = U((p) => {
+    var c;
+    return h ? ((c = p.features.find((E) => E.id === h)) == null ? void 0 : c.geometry) ?? null : null;
+  }), g = U((p) => {
+    var c;
+    return h ? ((c = p.features.find((E) => E.id === h)) == null ? void 0 : c._drawType) ?? null : null;
+  }), u = t === "smooth-shape", x = ue(() => !u || !f || !Le(f.type) ? null : { type: "smooth", geometry: f, iterations: e }, [u, f, e]), w = dt(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 ? Be(f) : 0, C = o ? Be(o) : M, a = 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(c) {
+      l(c) && (c.key === "Enter" && o ? (c.preventDefault(), w(d)) : c.key === "Escape" && (c.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: [
+  }, [t, o, d, i, w, l]), 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: [
     /* @__PURE__ */ r("span", { className: "text-sm font-medium text-elm-text-secondary shrink-0", children: "Smooth" }),
     /* @__PURE__ */ T("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ r(
@@ -2645,40 +2685,40 @@ function ii() {
       ] }),
       /* @__PURE__ */ r("span", { className: "ml-0.5", children: "points" })
     ] }),
-    h && /* @__PURE__ */ r("span", { className: "text-xs text-amber-600 dark:text-amber-400 shrink-0", children: h === "route" ? "Turns this route into a plain line." : `Turns this ${h} into a plain shape.` }),
+    g && /* @__PURE__ */ r("span", { className: "text-xs text-amber-600 dark:text-amber-400 shrink-0", children: g === "route" ? "Turns this route into a plain line." : `Turns this ${g} 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: () => w(d), disabled: !o, className: "rounded-elm-control h-8 px-3 text-sm", children: "Apply" })
+      /* @__PURE__ */ r(ke, { variant: "ghost", onClick: i, className: "rounded-elm-control h-8 px-3 text-sm", children: "Cancel" }),
+      /* @__PURE__ */ r(ke, { variant: "primary", onClick: () => w(d), disabled: !o, className: "rounded-elm-control h-8 px-3 text-sm", children: "Apply" })
     ] })
   ] });
 }
-const dt = 0.3048, ss = 5280, Nr = dt * ss;
-function is(t, e) {
+const ut = 0.3048, ds = 5280, Pr = ut * ds;
+function us(t, e) {
   switch (e) {
     case "m":
       return t;
     case "km":
       return t * 1e3;
     case "ft":
-      return t * dt;
+      return t * ut;
     case "mi":
-      return t * Nr;
+      return t * Pr;
   }
 }
-function as(t, e) {
+function ms(t, e) {
   switch (e) {
     case "m":
       return t;
     case "km":
       return t / 1e3;
     case "ft":
-      return t / dt;
+      return t / ut;
     case "mi":
-      return t / Nr;
+      return t / Pr;
   }
 }
-function ai() {
-  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(
+function mi() {
+  const { dataStore: t } = se(), e = Se(), 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), l = S((D) => D.geometryPreview), h = S((D) => D.commitBufferProcess), f = S((D) => D.cancelBufferProcess), { units: g } = ce(), u = an(g.length), x = ue(
     () => u === "imperial" ? ["ft", "mi"] : ["m", "km"],
     [u]
   ), [w, M] = q(!1), C = w ? x[1] : x[0], [a, p] = q(null);
@@ -2691,25 +2731,25 @@ function ai() {
     const D = t.getState().selectedIds[0] ?? null;
     if (!D) return;
     const R = ((O = t.getState().features.find((j) => j.id === D)) == null ? void 0 : O.geometry) ?? null;
-    R && Fe(R.type) && p(R);
+    R && Le(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]
-  ), g = ct(E, m);
+  const c = ln(a == null ? void 0 : a.type), E = ue(
+    () => a && !(c && s <= 0) ? { type: "buffer", geometry: a, distance: s } : null,
+    [a, s, c]
+  ), y = dt(E, m);
   $(() => () => {
     m(null);
   }, [m]), $(() => {
     if (n !== "buffer-shape") return;
     function D(R) {
-      e(R) && (R.key === "Enter" && c ? (R.preventDefault(), g(y)) : R.key === "Escape" && (R.preventDefault(), f()));
+      e(R) && (R.key === "Enter" && l ? (R.preventDefault(), y(h)) : R.key === "Escape" && (R.preventDefault(), f()));
     }
     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;
+  }, [n, l, h, f, y, e]);
+  const N = C === "km" || C === "mi", P = ms(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)));
+    isNaN(R) || o(Math.round(us(R, C)));
   }
   function k() {
     M((D) => !D);
@@ -2721,7 +2761,7 @@ function ai() {
         "input",
         {
           type: "range",
-          min: l ? 0 : -500,
+          min: c ? 0 : -500,
           max: 2e3,
           step: 1,
           value: s,
@@ -2769,50 +2809,50 @@ function ai() {
       )
     ] }),
     /* @__PURE__ */ T("div", { className: "flex items-center gap-1 shrink-0", children: [
-      /* @__PURE__ */ r(we, { variant: "ghost", onClick: f, className: "rounded-elm-control h-8 px-3 text-sm", children: "Cancel" }),
-      /* @__PURE__ */ r(we, { variant: "primary", onClick: () => g(y), disabled: !c, className: "rounded-elm-control h-8 px-3 text-sm", children: "Apply" })
+      /* @__PURE__ */ r(ke, { variant: "ghost", onClick: f, className: "rounded-elm-control h-8 px-3 text-sm", children: "Cancel" }),
+      /* @__PURE__ */ r(ke, { variant: "primary", onClick: () => y(h), disabled: !l, className: "rounded-elm-control h-8 px-3 text-sm", children: "Apply" })
     ] })
   ] });
 }
-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 [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(() => {
+const fs = 8, ps = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -3, ArrowDown: 3 };
+function fi({ options: t, value: e, onChange: n, label: s = "Basemap", size: o, tooltipSide: d }) {
+  const [i, m] = q(!1), [l, h] = q(null), [f, g] = q(!1), u = B(null), x = B(null), w = Br(), M = Vr(), C = l !== null;
+  fe(() => {
     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 c = (b = (K = u.current) == null ? void 0 : K.querySelector("button")) == null ? void 0 : b.getBoundingClientRect(), E = x.current;
+    if (!i || !c || !E) return;
+    const { width: y, height: N } = E.getBoundingClientRect(), P = c.top + c.height / 2 > window.innerHeight / 2, z = c.left + c.width / 2 > window.innerWidth / 2;
+    h(cn(z ? c.right : c.left, P ? c.top : c.bottom, y, N, {
       x: z ? "before" : "after",
       y: P ? "before" : "after",
-      gapY: ls
+      gapY: fs
     }));
   }, [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 c = x.current;
+    (E = (c == null ? void 0 : c.querySelector('[aria-pressed="true"]')) ?? (c == null ? void 0 : c.querySelector("button"))) == null || E.focus();
   }, [i, C]), $(() => {
     if (!i) return;
-    const l = (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));
+    const c = (E) => {
+      var y, N, P;
+      E.key === "Escape" && (E.stopImmediatePropagation(), E.preventDefault(), (y = x.current) != null && y.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", c, { capture: !0 }), () => window.removeEventListener("keydown", c, { capture: !0 });
   }, [i]);
-  const a = (l) => {
-    const E = cs[l.key];
+  const a = (c) => {
+    const E = ps[c.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 y = Array.from(c.currentTarget.querySelectorAll("button")), N = y[y.indexOf(document.activeElement) + E];
+    N && (c.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);
-    }, 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(
+    /* @__PURE__ */ r(De, { label: s, onClick: () => {
+      var c, E;
+      h(null), g(((E = (c = u.current) == null ? void 0 : c.closest("[data-elm-theme]")) == null ? void 0 : E.getAttribute("data-elm-theme")) === "dark"), m((y) => !y);
+    }, active: i, expanded: i, controls: i ? w : void 0, size: o, tooltipSide: d, children: /* @__PURE__ */ r(Qe, { size: 24 }) }),
+    i && ur(
+      /* @__PURE__ */ r("div", { "data-elm-portal": !0, "data-elm-theme": f ? "dark" : "light", style: M, [qn]: "", children: /* @__PURE__ */ r(
         "div",
         {
           ref: x,
@@ -2820,23 +2860,23 @@ function li({ options: t, value: e, onChange: n, label: s = "Basemap", size: o,
           role: "group",
           "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;
+          style: { left: (l == null ? void 0 : l.left) ?? 0, top: (l == null ? void 0 : l.top) ?? 0, visibility: l ? void 0 : "hidden" },
+          children: /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-2 p-2 overflow-y-auto", onKeyDown: a, children: t.map((c) => {
+            const E = c.id === e;
             return /* @__PURE__ */ T(
               "button",
               {
                 type: "button",
                 "aria-pressed": E,
-                "aria-label": l.label,
-                onClick: () => n(l.id),
+                "aria-label": c.label,
+                onClick: () => n(c.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(c.thumbnail) ? /* @__PURE__ */ r("div", { className: "w-full h-12 flex rounded-t-elm-card overflow-hidden", children: c.thumbnail.map((y) => /* @__PURE__ */ r("img", { src: y, alt: "", className: "w-1/2 h-full object-cover", loading: "lazy", draggable: !1 }, y)) }) : c.thumbnail ? /* @__PURE__ */ r("img", { src: c.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(Qe, { 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: c.label })
                 ]
               },
-              l.id
+              c.id
             );
           }) })
         }
@@ -2845,17 +2885,17 @@ function li({ options: t, value: e, onChange: n, label: s = "Basemap", size: o,
     )
   ] });
 }
-function ci(t, e) {
+function pi(t, e) {
   const n = B(e);
-  n.current = e, $(() => cn(t, () => n.current), [t]);
+  n.current = e, $(() => un(t, () => n.current), [t]);
 }
-const ds = (t, e) => Object.keys(t).every((n) => t[n] === e[n]);
-function di(t) {
-  const [e, n] = q(() => Mt(t));
+const hs = (t, e) => Object.keys(t).every((n) => t[n] === e[n]);
+function hi(t) {
+  const [e, n] = q(() => Tt(t));
   return $(() => {
     const s = () => {
-      const m = Mt(t);
-      n((c) => ds(c, m) ? c : m);
+      const m = Tt(t);
+      n((l) => hs(l, m) ? l : m);
     };
     let o = 0;
     const d = () => {
@@ -2864,19 +2904,19 @@ function di(t) {
       }));
     };
     s();
-    const i = Hr((t == null ? void 0 : t.closest("[data-elm-theme]")) ?? null, d);
+    const i = Jr((t == null ? void 0 : t.closest("[data-elm-theme]")) ?? null, d);
     return () => {
       i(), cancelAnimationFrame(o);
     };
   }, [t]), e;
 }
-const us = [
+const gs = [
   ".geojson",
   ".json",
   "application/geo+json",
   "application/json"
 ];
-function ms(t, e) {
+function ys(t, e) {
   const n = t.name.toLowerCase();
   for (const s of e) {
     const o = s.toLowerCase();
@@ -2890,14 +2930,14 @@ function ms(t, e) {
   }
   return !1;
 }
-function ui(t) {
+function gi(t) {
   const {
     onImport: e,
     onError: n,
-    maxBytes: s = dn,
-    accept: o = us,
+    maxBytes: s = mn,
+    accept: o = gs,
     disabled: d = !1
-  } = t, [i, m] = q(!1), [c, y] = q(!1), f = B(0), h = B(null), u = B(!0), x = B(e), w = B(n);
+  } = t, [i, m] = q(!1), [l, h] = q(!1), f = B(0), g = B(null), u = B(!0), x = B(e), w = B(n);
   $(() => {
     x.current = e;
   }, [e]), $(() => {
@@ -2907,7 +2947,7 @@ function ui(t) {
   }), []);
   const M = ue(() => o.join(","), [o]), C = J(async (b) => {
     var k, D, R, O;
-    if (!ms(b, o)) {
+    if (!ys(b, o)) {
       (k = w.current) == null || k.call(w, { kind: "wrong-type", file: b });
       return;
     }
@@ -2915,11 +2955,11 @@ function ui(t) {
       (D = w.current) == null || D.call(w, { kind: "too-large", bytes: b.size, maxBytes: s });
       return;
     }
-    y(!0);
+    h(!0);
     try {
       const j = await b.text();
       if (!u.current) return;
-      const Z = un(j, { maxBytes: s });
+      const Z = fn(j, { maxBytes: s });
       if (!u.current) return;
       if (!Z.ok) {
         (R = w.current) == null || R.call(w, Z.error);
@@ -2933,7 +2973,7 @@ function ui(t) {
         cause: j instanceof Error ? j : new Error(String(j))
       });
     } finally {
-      u.current && y(!1);
+      u.current && h(!1);
     }
   }, [o, s]), a = J((b) => {
     var k, D;
@@ -2941,7 +2981,7 @@ function ui(t) {
   }, [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]), c = 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;
@@ -2949,37 +2989,37 @@ function ui(t) {
     b.preventDefault(), b.stopPropagation(), f.current = 0, m(!1);
     const k = (R = (D = b.dataTransfer) == null ? void 0 : D.files) == null ? void 0 : R[0];
     k && C(k);
-  }, [d, C]), g = J((b) => {
+  }, [d, C]), y = J((b) => {
     var D;
     if (d) return;
     const k = (D = b.target.files) == null ? void 0 : D[0];
     b.target.value = "", k && C(k);
   }, [d, C]), N = J((b) => {
-    h.current = b;
+    g.current = b;
   }, []), P = J(() => {
     var b;
-    d || (b = h.current) == null || b.click();
+    d || (b = g.current) == null || b.click();
   }, [d]), z = J(() => ({
     onDragEnter: a,
     onDragOver: p,
-    onDragLeave: l,
+    onDragLeave: c,
     onDrop: E
-  }), [a, p, l, E]), K = J(() => ({
+  }), [a, p, c, E]), K = J(() => ({
     type: "file",
     accept: M,
     style: { display: "none" },
     ref: N,
-    onChange: g
-  }), [M, N, g]);
-  return { getRootProps: z, getInputProps: K, isDragActive: i, isProcessing: c, open: P };
+    onChange: y
+  }), [M, N, y]);
+  return { getRootProps: z, getInputProps: K, isDragActive: i, isProcessing: l, open: P };
 }
-const fs = "application/geo+json";
-function ps(t, e) {
+const bs = "application/geo+json";
+function vs(t, e) {
   const n = typeof e == "function" ? e(t) : typeof e == "string" && e.length > 0 ? e : "features";
   return n.toLowerCase().endsWith(".geojson") ? n : `${n}.geojson`;
 }
-function mi(t) {
-  const { getFeatureCollection: e, filename: n, indent: s = 2, disabled: o = !1 } = t, d = B(e), i = B(t.onExport), m = B(t.onError), c = B(n), y = B(s), f = B(o);
+function yi(t) {
+  const { getFeatureCollection: e, filename: n, indent: s = 2, disabled: o = !1 } = t, d = B(e), i = B(t.onExport), m = B(t.onError), l = B(n), h = B(s), f = B(o);
   $(() => {
     d.current = e;
   }, [e]), $(() => {
@@ -2987,13 +3027,13 @@ function mi(t) {
   }, [t.onExport]), $(() => {
     m.current = t.onError;
   }, [t.onError]), $(() => {
-    c.current = n;
+    l.current = n;
   }, [n]), $(() => {
-    y.current = s;
+    h.current = s;
   }, [s]), $(() => {
     f.current = o;
   }, [o]);
-  const h = J(() => {
+  const g = J(() => {
     var a;
     if (f.current) return null;
     const C = d.current();
@@ -3001,7 +3041,7 @@ function mi(t) {
   }, []), u = J((C) => {
     var a;
     try {
-      return JSON.stringify(C, null, y.current);
+      return JSON.stringify(C, null, h.current);
     } catch (p) {
       return (a = m.current) == null || a.call(m, {
         kind: "serialization-error",
@@ -3009,35 +3049,35 @@ function mi(t) {
       }), null;
     }
   }, []), x = J(() => {
-    const C = h();
+    const C = g();
     return C ? u(C) : null;
-  }, [h, u]), w = J(() => {
+  }, [g, u]), w = J(() => {
     const C = x();
-    return C === null ? null : new Blob([C], { type: fs });
+    return C === null ? null : new Blob([C], { type: bs });
   }, [x]);
   return { exportToFile: J(() => {
-    const C = h();
+    const C = g();
     if (!C) return null;
     const a = u(C);
     if (a === null) return null;
-    const p = ps(C, c.current);
-    return jt(a, p).then((l) => {
+    const p = vs(C, l.current);
+    return Ht(a, p).then((c) => {
       var E;
-      l && ((E = i.current) == null || E.call(i, C, l));
+      c && ((E = i.current) == null || E.call(i, C, c));
     }), p;
-  }, [h, u]), exportToString: x, exportToBlob: w };
+  }, [g, u]), exportToString: x, exportToBlob: w };
 }
-class hs extends Fr.Component {
+class xs extends Lr.Component {
   constructor() {
     super(...arguments);
-    Pt(this, "state", { hasError: !1, error: null });
+    Dt(this, "state", { hasError: !1, error: null });
   }
   static getDerivedStateFromError(n) {
     return { hasError: !0, error: n };
   }
   componentDidCatch(n) {
     var s, o;
-    (o = (s = this.props).onError) == null || o.call(s, new Be("crash", "editor", `The editor crashed: ${(n == null ? void 0 : n.message) ?? String(n)}`, { cause: n }));
+    (o = (s = this.props).onError) == null || o.call(s, new We("crash", "editor", `The editor crashed: ${(n == null ? void 0 : n.message) ?? String(n)}`, { cause: n }));
   }
   render() {
     var n;
@@ -3080,86 +3120,86 @@ class hs extends Fr.Component {
     ) : this.props.children;
   }
 }
-function fi({ config: t, accentColor: e, featureColor: n, onEvent: s, onError: o, toaster: d = !0, children: i }) {
+function bi({ config: t, accentColor: e, featureColor: n, onEvent: s, onError: o, toaster: d = !0, children: i }) {
   const m = ue(
     () => e || n ? { ...t, ...e && { accentColor: e }, ...n && { featureColor: n } } : t,
     [t, e, n]
   );
-  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 }) }) }) }) }) });
+  return /* @__PURE__ */ r(xs, { onError: o, children: /* @__PURE__ */ r(Xr, { config: m, children: /* @__PURE__ */ r(Jn, { children: /* @__PURE__ */ r(Ur, { children: /* @__PURE__ */ r(jr, { onEvent: s, onError: o, toaster: d, children: /* @__PURE__ */ r(qr, { 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 ws = pe(() => import("./GeoJSONModal-BhHkqLAR.js")), ks = pe(() => import("./SchemaModal-CI5i_Kxh.js")), Ss = pe(() => import("./FeatureEditModal-DvdBiMck.js")), Cs = pe(() => import("./DataTablePanel-DqS1lhWv.js")), Ns = pe(() => import("./SettingsModal-4OuBLPyW.js")), Es = pe(
+  () => import("./ShortcutsModal-jGmjontP.js").then((t) => ({ default: t.ShortcutsModal }))
 );
-it(gs, ys, bs, vs, xs, ws);
-const ks = fe(() => import("./BooleanOperations-oF0WybQP.js"));
-it(ks);
+at(ws, ks, Ss, Cs, Ns, Es);
+const Ps = pe(() => import("./BooleanOperations-CUQDHcha.js"));
+at(Ps);
 export {
-  ws as $,
-  Qs as A,
-  li as B,
-  $o as C,
-  Jn as D,
-  Js as E,
-  Co as F,
-  js as G,
-  fi as H,
-  bs as I,
-  mr as J,
-  Zs as K,
-  ei as L,
-  Vs as M,
-  Zn as N,
-  Hs as O,
-  qs as P,
-  gs as Q,
-  Pe as R,
-  Gs as S,
-  ri as T,
-  ni as U,
-  Xo as V,
-  to as W,
-  Xn as X,
-  ys as Y,
-  xs as Z,
-  Hn as _,
-  Me as a,
-  si as a0,
-  ii as a1,
-  Jo as a2,
-  Ys as a3,
-  Xs as a4,
-  ti as a5,
-  oi as a6,
-  Ks as a7,
-  di as a8,
-  ci as a9,
-  ui as aa,
-  mi as ab,
-  ke as ac,
-  Ws as ad,
-  Ee as b,
-  Cr as c,
-  eo as d,
-  Us as e,
-  mo as f,
-  Os as g,
-  uo as h,
-  Yn as i,
-  wr as j,
-  Lo as k,
-  Ro as l,
-  Ko as m,
-  Oo as n,
-  vr as o,
-  po as p,
-  Do as q,
-  _s as r,
-  Po as s,
-  Qn as t,
-  Bs as u,
-  ks as v,
-  ai as w,
-  Zo as x,
-  vs as y,
-  hs as z
+  Es as $,
+  oi as A,
+  fi as B,
+  Oo as C,
+  Zn as D,
+  ei as E,
+  Eo as F,
+  Xs as G,
+  bi as H,
+  Ss as I,
+  pr as J,
+  ri as K,
+  si as L,
+  Qs as M,
+  Qn as N,
+  Ys as O,
+  Zs as P,
+  ws as Q,
+  De as R,
+  Vs as S,
+  ai as T,
+  li as U,
+  Yo as V,
+  no as W,
+  Yn as X,
+  ks as Y,
+  Ns as Z,
+  Jn as _,
+  Ae as a,
+  di as a0,
+  ui as a1,
+  Zo as a2,
+  ni as a3,
+  ti as a4,
+  ii as a5,
+  ci as a6,
+  Gs as a7,
+  hi as a8,
+  pi as a9,
+  gi as aa,
+  yi as ab,
+  Se as ac,
+  qs as ad,
+  Pe as b,
+  Er as c,
+  ro as d,
+  Js as e,
+  po as f,
+  Us as g,
+  fo as h,
+  eo as i,
+  Sr as j,
+  $o as k,
+  Ko as l,
+  Bo as m,
+  Wo as n,
+  wr as o,
+  go as p,
+  Mo as q,
+  Hs as r,
+  Io as s,
+  to as t,
+  js as u,
+  Ps as v,
+  mi as w,
+  Qo as x,
+  Cs as y,
+  xs as z
 };