@element-editor/ui 0.2.1 → 0.2.2

package/dist/{index-CILw1Du5.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 ae, g as Ae, b as Or, s as jt, u as S, f as U, l as Br, E as Wr, T as _r, m as Gr, M as Ur } from "./useAdapterControls-DVjkwRZ_.js";
-import { jsx as r, jsxs as T, Fragment as le } from "react/jsx-runtime";
-import { u as ce, f as jr, e as qr, w as Hr, E as Vr } from "./useAccentStyle-CPo2XqAn.js";
-import { loadCustomBindings as Jr, syncShortcutCache as $e, getEffectiveKey as qt, findConflict as Xr, saveCustomBindings as Xe, getCurrentKey as Zr, isMultiGeometry as Yr, getPartCount as rt, sidebarTakesSpace as nt, NARROW_EDITOR_WIDTH as Dt, getPartGeometry as Qr, getPartLabel as en, BOUNDARIES_SCHEMA_ID as tn, featureLimitMessage as rn, canProcessShape as Fe, setGeometryRunner as nn, countShapeVertices as Ke, resolveUnitSystem as on, isLineGeometryType as sn, placeBox as ln } from "@element-editor/core/internal";
-import { getGeometryBBox as ot, readStorage as Ht, writeStorage as an, getFixedShortcutDisplay as Vt, ElementEditorError as Be, formatLength as It, subscribeToDataChanges as cn, readAccentPalette as Mt, DEFAULT_MAX_IMPORT_BYTES as dn, parseGeoJSONText as un } from "@element-editor/core";
-import { MapPinPlus as mn, SidebarSimple as Jt, ArrowLeft as fn, CopySimple as Xt, Trash as ze, CaretDown as pn, CaretRight as hn, Check as gn, Copy as yn, FolderPlus as bn, MapPin as Zt, Polygon as Yt, StackSimple as Ye, LineSegment as Qt, PencilSimple as vn, EyeClosed as Qe, Eye as st, Folder as xn, FolderOpen as wn, DotsThree as kn, Pencil as Sn, FolderMinus as Cn, Path as Nn, Circle as En, Rectangle as Pn, ScribbleLoop as Dn, HandTap as In, Ruler as Mn, MagnifyingGlass as Ze, X as Tt, Resize as er, Scissors as tr, Knife as rr, WaveSine as nr, SquareLogo as or, Shapes as sr, StackPlus as ir, LineSegments as Tn, DotOutline as An, Crosshair as Fn, ArrowArcRight as zn, ArrowArcLeft as Ln, ArrowsHorizontal as Rn, Hexagon as $n, CircleHalfTilt as Kn, CornersOut as On, NavigationArrow as Bn } from "@phosphor-icons/react";
-import { useShallow as Wn } from "zustand/react/shallow";
-import { i as _n, c as lr, I as At, T as Gn, f as be, a as Q, B as we, b as Ie, C as ar, S as Ft, d as me, g as zt, K as Oe, E as te, e as Ne, h as Un } from "./EditToolbarBtn-SR4xHd8G.js";
-import { clsx as ne } from "clsx";
-import { createPortal as cr } from "react-dom";
-import { centroid as jn } from "@turf/centroid";
-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 lt = 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(lt.Provider, { value: { custom: n, getKey: o, setKey: d, resetKey: i, resetAll: m }, children: t });
 }
-function Vn() {
-  return tt(lt);
+function Xn() {
+  return rt(lt);
 }
-function Ee() {
-  const t = tt(lt);
+function Pe() {
+  const t = rt(lt);
   if (!t) throw new Error("useShortcutConfig must be used inside ShortcutConfigProvider");
   return t;
 }
-const mr = fe(() => import("./FeatureList-Bo9w9nre.js")), Jn = fe(() => import("./DataTable-CS-3dIqY.js")), Xn = fe(() => import("./SchemaEditor-ryoTgaLb.js"));
-it(mr, Jn, Xn);
-function Zn() {
+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,102 +147,102 @@ 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 lo = ["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 = ae(), { panTo: o, fitBounds: d, setZoom: i } = Ae(), m = Or(), c = ce(), y = ke(), f = (x = Vn()) == null ? void 0 : x.custom, h = B(f);
-  h.current = f;
-  const u = J((w) => h.current ? qt(w, h.current) : Zr(w), []);
+  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);
-    const C = (l) => {
-      l.composedPath().includes(w) ? M.pointerInside = !0 : l.target instanceof Element && fr(l.target) || (M.pointerInside = !1);
+    Ne.set(n, M);
+    const C = (a) => {
+      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;
-      const C = M.target, l = C == null ? void 0 : C.tagName;
-      if (l === "INPUT" || l === "TEXTAREA" || l === "SELECT" || C != null && C.isContentEditable) return;
-      const p = M.key === "+" || M.key === "=", a = M.key === "-" || M.key === "_";
-      if (!p && !a || !i) return;
+      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 === "=", 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;
-    function M(l) {
+  }, [l.ui.keyboardShortcuts.enabled, l.ui.keyboardShortcuts.mapZoom, i, e]), $(() => {
+    const w = l.ui.keyboardShortcuts.enabled;
+    function M(a) {
       var L;
-      if (!w && l.key !== "Enter" || !y(l)) return;
-      const p = e.getState(), a = n.getState(), E = a.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);
-      }, N = l.target.tagName, P = l.target, z = l.composedPath(), K = z.some((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 = l.key.toLowerCase();
-      if (!b && !E && k === "z" && (l.metaKey || l.ctrlKey) && !l.shiftKey) {
-        l.preventDefault(), g("undo"), p.undoStack.length > 0 && (p.undo(), s({ type: "undo" }));
+      }), 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(), y("undo"), p.undoStack.length > 0 && (p.undo(), s({ type: "undo" }));
         return;
       }
-      if (!b && !E && k === "z" && (l.metaKey || l.ctrlKey) && l.shiftKey) {
-        l.preventDefault(), g("redo"), p.redoStack.length > 0 && (p.redo(), s({ type: "redo" }));
+      if (!b && !E && k === "z" && (a.metaKey || a.ctrlKey) && a.shiftKey) {
+        a.preventDefault(), y("redo"), p.redoStack.length > 0 && (p.redo(), s({ type: "redo" }));
         return;
       }
-      if (!b && (l.metaKey || l.ctrlKey) && (l.key === "a" || l.key === "A")) {
-        l.preventDefault();
+      if (!b && (a.metaKey || a.ctrlKey) && (a.key === "a" || a.key === "A")) {
+        a.preventDefault();
         const v = new Set(p.groups.filter((H) => H.hidden).map((H) => H.id)), W = p.features.filter((H) => !H.hidden && !(H.groupId && v.has(H.groupId))).map((H) => H.id);
         W.length > 0 && p.setSelection(W);
         return;
       }
-      if (!b && (l.metaKey || l.ctrlKey) && !l.shiftKey && (l.key === "j" || l.key === "J")) {
-        l.preventDefault();
-        const v = !a.autoExitAfterDraw;
-        a.setAutoExitAfterDraw(v), s({
+      if (!b && (a.metaKey || a.ctrlKey) && !a.shiftKey && (a.key === "j" || a.key === "J")) {
+        a.preventDefault();
+        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."
         });
         return;
       }
-      if (!b && !E && (l.metaKey || l.ctrlKey) && !l.shiftKey && (l.key === "o" || l.key === "O")) {
-        l.preventDefault(), no().then((v) => {
+      if (!b && !E && (a.metaKey || a.ctrlKey) && !a.shiftKey && (a.key === "o" || a.key === "O")) {
+        a.preventDefault(), so().then((v) => {
           v && m(v);
         });
         return;
       }
-      if (!b && (l.metaKey || l.ctrlKey) && !l.shiftKey && (l.key === "s" || l.key === "S")) {
-        l.preventDefault();
+      if (!b && (a.metaKey || a.ctrlKey) && !a.shiftKey && (a.key === "s" || a.key === "S")) {
+        a.preventDefault();
         const v = p.exportGeoJSON(), W = JSON.parse(v);
         if (!Array.isArray(W.features) || W.features.length === 0) {
           s({ type: "warning", message: "Export failed", description: "No features to export — draw or import something first." });
@@ -250,24 +250,24 @@ 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;
       }
-      if (!b && (l.metaKey || l.ctrlKey)) {
-        if (l.key === "c") {
+      if (!b && (a.metaKey || a.ctrlKey)) {
+        if (a.key === "c") {
           if (p.selectedIds.length === 0) return;
           p.copySelection().then((v) => s(v ? { type: "selection:copied" } : { type: "warning", message: "Copied for pasting in this editor only", description: "The browser did not allow writing to the system clipboard." }));
           return;
         }
-        if (l.key === "d") {
-          if (l.preventDefault(), E) return;
-          g("duplicate");
+        if (a.key === "d") {
+          if (a.preventDefault(), E) return;
+          y("duplicate");
           const v = p.selectedIds;
           if (p.duplicateSelection())
             if (v.length === 1) {
@@ -277,54 +277,54 @@ function Ws(t) {
               s({ type: "features:duplicated", count: v.length });
           return;
         }
-        if (l.key === "e" || l.key === "E") {
+        if (a.key === "e" || a.key === "E") {
           if (p.selectedIds.length !== 1) return;
-          l.preventDefault(), a.openEditDialog(p.selectedIds[0], { focusFirstField: !0 });
+          a.preventDefault(), c.openEditDialog(p.selectedIds[0], { focusFirstField: !0 });
           return;
         }
-        if ((l.key === "g" || l.key === "G") && !E) {
-          if (l.shiftKey) {
+        if ((a.key === "g" || a.key === "G") && !E) {
+          if (a.shiftKey) {
             if (p.selectedIds.length === 0 || !p.features.some((W) => p.selectedIds.includes(W.id) && W.groupId)) return;
-            l.preventDefault(), p.ungroupSelection();
+            a.preventDefault(), p.ungroupSelection();
           } else {
             if (p.selectedIds.length === 0) return;
-            l.preventDefault();
+            a.preventDefault();
             const v = p.groupSelection();
-            v && a.setAutoFocusGroupId(v);
+            v && c.setAutoFocusGroupId(v);
           }
           return;
         }
       }
-      if (l.key === "Enter") {
-        if ((!b || l.metaKey || l.ctrlKey) && a.editingMode !== "none") {
-          if (a.editingMode === "slice-shape") {
-            l.preventDefault(), a.commitSliceShape();
+      if (a.key === "Enter") {
+        if ((!b || a.metaKey || a.ctrlKey) && c.editingMode !== "none") {
+          if (c.editingMode === "slice-shape") {
+            a.preventDefault(), c.commitSliceShape();
             return;
-          } else if (a.editingMode === "cut-hole") {
-            l.preventDefault(), a.commitCutHole();
+          } else if (c.editingMode === "cut-hole") {
+            a.preventDefault(), c.commitCutHole();
             return;
-          } else if (a.editingMode === "draw-line" && a.lineInProgress.length >= 2) {
-            l.preventDefault(), a.commitLine({});
+          } else if (c.editingMode === "draw-line" && c.lineInProgress.length >= 2) {
+            a.preventDefault(), c.commitLine({});
             return;
-          } else if (a.editingMode === "draw-polygon" && a.polygonInProgress.length >= 3) {
-            l.preventDefault(), a.commitPolygon({});
+          } else if (c.editingMode === "draw-polygon" && c.polygonInProgress.length >= 3) {
+            a.preventDefault(), c.commitPolygon({});
             return;
-          } else if (a.editingMode === "draw-route" && a.routeWaypoints.length >= 2) {
-            l.preventDefault(), a.commitRoute();
+          } else if (c.editingMode === "draw-route" && c.routeWaypoints.length >= 2) {
+            a.preventDefault(), c.commitRoute();
             return;
           }
         }
         if (!w) return;
-        const W = a.editingMode === "none" || a.editingMode === "draw-rect" || a.editingMode === "draw-circle" || a.editingMode === "place-point" || a.editingMode === "draw-freehand" || a.editingMode === "pick-shape" || a.editingMode === "draw-line" && a.lineInProgress.length < 2 || a.editingMode === "draw-polygon" && a.polygonInProgress.length < 3 || a.editingMode === "draw-route" && a.routeWaypoints.length < 2;
-        if (a.dialogState.type === "closed") {
-          if (!b && !E && !((L = P.closest) != null && L.call(P, 'button, a[href], [role="button"]')) && !l.metaKey && !l.ctrlKey && !l.altKey && W) {
+        const 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") {
-                l.preventDefault();
-                const G = !a.vertexEditActive;
-                G && a.editingMode !== "none" && a.setEditingMode("none"), a.setVertexEditActive(G);
+                a.preventDefault();
+                const G = !c.vertexEditActive;
+                G && c.editingMode !== "none" && c.setEditingMode("none"), c.setVertexEditActive(G);
                 return;
               }
             }
@@ -332,13 +332,13 @@ function Ws(t) {
         }
       }
       const D = z.some((v) => v instanceof Element && v.hasAttribute("data-elm-search-open"));
-      if (l.key === "Tab" && !b && a.dialogState.type === "closed" && !D && !l.metaKey && !l.ctrlKey && !l.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;
-        l.preventDefault();
-        const W = eo(v, p.groups), H = p.selectedIds.length === 1 ? p.selectedIds[0] : null, F = H ? W.indexOf(H) : -1;
+        a.preventDefault();
+        const W = ro(v, p.groups), H = p.selectedIds.length === 1 ? p.selectedIds[0] : null, F = H ? W.indexOf(H) : -1;
         let I;
-        l.shiftKey ? I = F <= 0 ? W.length - 1 : F - 1 : I = F >= W.length - 1 ? 0 : F + 1;
+        a.shiftKey ? I = F <= 0 ? W.length - 1 : F - 1 : I = F >= W.length - 1 ? 0 : F + 1;
         const _ = W[I];
         p.selectFeature(_);
         const G = v.find((V) => V.id === _);
@@ -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 && !l.metaKey && !l.ctrlKey && !l.altKey) {
-        const v = l.key.toLowerCase();
+      if (!b && !a.metaKey && !a.ctrlKey && !a.altKey) {
+        const v = a.key.toLowerCase();
         if (v === u("show-shortcuts")) {
-          l.preventDefault(), g("show-shortcuts"), a.shortcutsModalOpen ? a.closeShortcutsModal() : a.openShortcutsModal();
+          a.preventDefault(), y("show-shortcuts"), c.shortcutsModalOpen ? c.closeShortcutsModal() : c.openShortcutsModal();
           return;
         }
-        if (c.ui.schemaEditor && !E && v === u("toggle-schema")) {
-          l.preventDefault(), g("toggle-schema"), a.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")) {
-          l.preventDefault(), g("toggle-sidebar"), a.setSidebarOpen(!a.sidebarOpen);
+        if (l.ui.layerList && v === u("toggle-sidebar")) {
+          a.preventDefault(), y("toggle-sidebar"), c.setSidebarOpen(!c.sidebarOpen);
           return;
         }
       }
-      if (!b && a.dialogState.type !== "new-point" && !l.metaKey && !l.ctrlKey && !l.altKey) {
-        const v = l.key.toLowerCase();
-        if (c.ui.dataTable && v === u("toggle-table")) {
-          l.preventDefault(), g("toggle-table"), a.toggleTable();
+      if (!b && c.dialogState.type !== "new-point" && !a.metaKey && !a.ctrlKey && !a.altKey) {
+        const v = a.key.toLowerCase();
+        if (l.ui.dataTable && v === u("toggle-table")) {
+          a.preventDefault(), y("toggle-table"), c.toggleTable();
           return;
         }
-        if (c.ui.geojsonEditor && v === u("toggle-geojson")) {
-          l.preventDefault(), g("toggle-geojson"), a.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")) {
-          l.preventDefault(), g("set-zoom"), a.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"), a.setEditingMode(a.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"), a.setTransformActive(!a.transformActive), !a.transformActive && a.editingMode !== "none" && a.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 = a.isToolAvailable, H = (F) => {
-          a.editingMode !== F && !p.canAddFeatures(1) || (g(F === "pick-shape" ? "picker" : F), a.setEditingMode(a.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 lo) {
-          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"), a.setEditingMode(a.editingMode === "cut-hole" ? "none" : "cut-hole"), a.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"), a.setEditingMode(a.editingMode === "slice-shape" ? "none" : "slice-shape"), a.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 (l.key !== "Delete" && l.key !== "Backspace" || E || a.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 || a.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`;
-      l.preventDefault(), l.stopImmediatePropagation(), g("delete-selected"), p.deleteSelection(), a.closeDialog(), s(O === 1 ? { type: "feature:deleted", featureId: R[0], label: Z, undo: () => e.getState().undo() } : { type: "features:deleted", count: O, undo: () => e.getState().undo() });
+      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(l) {
-      var g;
-      if (!y(l)) return;
-      const p = l.target.tagName;
+    function C(a) {
+      var y;
+      if (!h(a)) return;
+      const p = a.target.tagName;
       if (p === "INPUT" || p === "TEXTAREA" || p === "SELECT" || n.getState().readonly) return;
-      const a = (g = l.clipboardData) == null ? void 0 : g.getData("text");
-      if (a)
+      const c = (y = a.clipboardData) == null ? void 0 : y.getData("text");
+      if (c)
         try {
-          const N = JSON.parse(a);
+          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,59 +446,59 @@ 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 a;
-      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) || (a = C == null ? void 0 : C.closest) != null && a.call(C, `[${to}]`) || _n()) return;
-      const l = n.getState();
-      if (l.dialogState.type !== "closed") {
-        l.closeDialog(), M.stopPropagation();
+      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();
         return;
       }
-      if (l.editingMode === "none") {
-        if (l.vertexEditActive) {
-          l.setVertexEditActive(!1), M.stopPropagation();
+      if (a.editingMode === "none") {
+        if (a.vertexEditActive) {
+          a.setVertexEditActive(!1), M.stopPropagation();
           return;
         }
-        if (l.transformActive) {
-          l.setTransformActive(!1), M.stopPropagation();
+        if (a.transformActive) {
+          a.setTransformActive(!1), M.stopPropagation();
           return;
         }
         if (e.getState().selectedIds.length > 0) {
           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 ao = /* @__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 ao.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(
-      lr,
+      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 = ae(), o = S((I) => I.closeDialog), d = U((I) => I.selectFeature), i = U(Wn((I) => I.getVisibleSchemas())), m = U((I) => I.lastUsedSchemaId), c = S((I) => I.readonly), { uiStore: y } = oe(), f = ke(), h = U((I) => I.features), u = ue(
-    () => t.type === "edit" ? h.find((I) => I.id === t.featureId) ?? null : null,
-    [t, h]
-  ), x = U((I) => I.addFeature), w = U((I) => I.updateFeature), M = U((I) => I.deleteFeature), C = U((I) => I.duplicateFeature), l = U((I) => I.getDefaultSchema), p = U((I) => I.setLastUsedSchemaId), a = t.type === "new-point", E = l(), [g, N] = q(() => t.type === "edit" && (u != null && u.schemaId) ? u.schemaId : m && i.find((_) => _.id === m) ? m : E.id), P = i.find((I) => I.id === g) ?? E, [z, K] = q(
-    () => So(t, P, h)
+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 (a) {
+    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);
-    a && 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 = a ? "New point" : u ? String(u.properties.name || "Edit feature") : "Edit feature", F = a ? "point" : (u == null ? void 0 : u.geometry.type) === "MultiPoint" ? "points" : (u == null ? void 0 : u.geometry.type) === "LineString" ? "line" : (u == null ? void 0 : u.geometry.type) === "MultiLineString" ? "lines" : (u == null ? void 0 : u.geometry.type) === "Polygon" ? "area" : (u == null ? void 0 : u.geometry.type) === "MultiPolygon" ? "areas" : (u == null ? void 0 : u.geometry.type) === "GeometryCollection" ? "mixed" : "point";
+  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(le, { 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(
-          lr,
+          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 && (a || 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(le, { children: [
-        /* @__PURE__ */ r(Ie, { children: "⌘" }),
-        /* @__PURE__ */ r(Ie, { children: "↵" })
-      ] }) : /* @__PURE__ */ T(le, { 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 = ae();
+  }, [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(), an(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 focus:outline-none focus-visible:ring-2 focus-visible:ring-elm-focus-ring active:scale-[0.95] disabled:cursor-not-allowed disabled:active:scale-100", Mo = "text-elm-text hover:bg-elm-control-hover disabled:hover:bg-transparent", To = "flex items-center justify-center w-6 h-6 rounded-elm-control transition-colors bg-transparent hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-gray-200)_70%,transparent)) dark:hover:bg-(--elm-control-hover,var(--color-gray-800)) focus:outline-none focus-visible:ring-2 focus-visible:ring-elm-focus-ring disabled:cursor-not-allowed", Ao = "flex items-center justify-center w-12 h-12 backdrop-blur-md border border-elm-border/80 shadow-elm-control rounded-elm transition-colors active:scale-[0.95] focus:outline-none focus-visible:ring-2 focus-visible:ring-elm-focus-ring disabled:cursor-not-allowed disabled:active:scale-100", Fo = "bg-elm-surface/95 hover:bg-elm-surface-hover disabled:hover:bg-elm-surface/95", Kt = "disabled:text-elm-text-disabled", Ot = "text-primary-600 dark:text-primary-400", zo = "text-elm-text";
-function Pe({
+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 = ae(), o = S((L) => L.sidebarOpen), d = S((L) => L.setSidebarOpen), i = S((L) => L.setSidebarWidth), m = S((L) => L.codeDockWidth), c = S((L) => L.readonly), y = S((L) => L.layout), { width: f, onHandleMouseDown: h } = br("elm_panel_width", 288, 200, 520), u = y === "split", x = B(null);
-  vr(x);
-  const w = S((L) => L.narrow) && !u, [M, C] = q(!1), l = B(!1);
+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(() => {
-      l.current = !0;
+      a.current = !0;
     });
     return () => cancelAnimationFrame(L);
-  }, []), pe(() => {
-    w && (l.current || C(!0), d(!1));
+  }, []), 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(), a = /* @__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(le, { 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: a, 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(le, { 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,53 +1080,53 @@ 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 l, p;
-    m && ((l = h.current) == null || l.focus(), (p = h.current) == null || p.select());
+    var a, p;
+    m && ((a = g.current) == null || a.focus(), (p = g.current) == null || p.select());
   }, [m]);
-  function u(l) {
-    i || (f(l), c(!0));
+  function u(a) {
+    i || (f(a), l(!0));
   }
   function x() {
-    const l = y.trim();
-    l && l !== t && e(l), 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(l) {
-    if (l.key === "Enter") {
-      l.preventDefault(), l.nativeEvent.stopImmediatePropagation(), x();
+  function M(a) {
+    if (a.key === "Enter") {
+      a.preventDefault(), a.nativeEvent.stopImmediatePropagation(), x();
       return;
     }
-    if (l.key === "Escape") {
-      l.nativeEvent.stopImmediatePropagation(), w();
+    if (a.key === "Escape") {
+      a.nativeEvent.stopImmediatePropagation(), w();
       return;
     }
-    if (l.key === "Tab" && d) {
-      l.preventDefault(), l.nativeEvent.stopImmediatePropagation();
-      const p = y.trim();
-      p && p !== t && e(p), c(!1), d(l.shiftKey ? "prev" : "next");
+    if (a.key === "Tab" && d) {
+      a.preventDefault(), a.nativeEvent.stopImmediatePropagation();
+      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,
-    onChange: (l) => f(l.target.value),
+    ref: g,
+    value: h,
+    onChange: (a) => f(a.target.value),
     onBlur: x,
     onKeyDown: M,
-    onClick: (l) => l.stopPropagation()
+    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,30 +1134,30 @@ 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,
   isContextMenuActive: M,
   dragCountBadge: C,
-  isGhosted: l,
+  isGhosted: a,
   onRename: p,
-  renameActive: a,
+  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: a,
+    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,
-      style: { listStyle: "none", opacity: l ? 0.4 : void 0, outline: "none", ...W },
+      ...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,55 +1275,55 @@ 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
-  }), [l, p] = q(null), a = B(null);
+  }), [a, p] = q(null), c = B(null);
   function E(z) {
     z.stopPropagation();
-    const K = a.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(le, { children: [
-    l && /* @__PURE__ */ r(
-      ar,
+  return /* @__PURE__ */ T(re, { children: [
+    a && /* @__PURE__ */ r(
+      dr,
       {
-        x: l.x,
-        y: l.y,
+        x: a.x,
+        y: a.y,
         onClose: () => p(null),
         items: P
       }
@@ -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: a,
+                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,78 +1429,78 @@ 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: l } = 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 a(b) {
+  function c(b) {
     M == null || M([parseFloat(b.lat), parseFloat(b.lon)], 15);
   }
   function E(b) {
-    const k = parseFloat(b.lat), D = parseFloat(b.lon), R = l.getState().getDefaultSchema(), O = {};
+    const k = parseFloat(b.lat), D = parseFloat(b.lon), R = a.getState().getDefaultSchema(), O = {};
     for (const Z of R.fields)
       O[Z.key] = Z.key === "name" ? b.display_name.split(",")[0].trim() : "";
     const j = {
@@ -1510,9 +1510,9 @@ function Bo() {
       geometry: { type: "Point", coordinates: [D, k] },
       properties: O
     };
-    l.getState().addFeature(j), M == null || M([k, D], 15), N();
+    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() }
     };
-    l.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), a(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: a, 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 = ae(), d = ce(), { toolbar: i } = d, m = i.direction === "vertical", c = _o[i.position], y = S(nt), f = S((A) => A.sidebarWidth), h = S((A) => A.codeDockWidth), u = S((A) => A.layout), x = d.ui.layerList && y, w = i.position.startsWith("bottom"), M = i.position === "left-center" || i.position === "right-center", C = u === "split" && w, l = u === "split" && M, p = (() => {
-    let A = c.style;
+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)" }), l && (A = { ...A, top: "33.33%" }), A === c.style ? c : { ...c, style: A };
-  })(), a = S((A) => A.editingMode), E = S((A) => A.enabledTools), g = S((A) => A.unavailableTools), N = S((A) => A.readonly), P = S((A) => A.setEditingMode);
+    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 = a === "place-point", _e = a === "draw-line", Ge = a === "draw-polygon", Ue = a === "draw-circle", je = a === "draw-rect", qe = a === "draw-route", He = a === "draw-freehand", Ve = a === "pick-shape", vt = a === "measure", se = (A) => (!E || E.includes(A)) && !g.includes(A), Dr = null;
-  function xt(A) {
+  }, [$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(le, { children: [
-              se("point") && /* @__PURE__ */ r(me, { active: We, disabled: !We && s, onClick: () => z(We ? "none" : "place-point"), label: "Point", shortcut: K("place-point").toUpperCase(), shortcutId: "place-point", children: /* @__PURE__ */ r(Zt, { size: 24 }) }),
-              se("line") && /* @__PURE__ */ r(me, { active: _e, disabled: !_e && s, onClick: () => z(_e ? "none" : "draw-line"), label: "Line", shortcut: K("draw-line").toUpperCase(), shortcutId: "draw-line", children: /* @__PURE__ */ r(Qt, { size: 24 }) }),
-              se("polygon") && /* @__PURE__ */ r(me, { active: Ge, disabled: !Ge && s, onClick: () => z(Ge ? "none" : "draw-polygon"), label: "Area", shortcut: K("draw-polygon").toUpperCase(), shortcutId: "draw-polygon", children: /* @__PURE__ */ r(Yt, { size: 24 }) }),
-              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(le, { children: [
-              !N && /* @__PURE__ */ r(zt, { vertical: m }),
-              /* @__PURE__ */ r(me, { active: vt, onClick: () => P(vt ? "none" : "measure"), label: "Measure", shortcut: K("measure").toUpperCase(), shortcutId: "measure", children: /* @__PURE__ */ r(Mn, { size: 24 }) }),
-              ge && se("search") && /* @__PURE__ */ r(zt, { vertical: m })
+            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-BRO7NHUY.js"));
-function Js() {
-  const { dataStore: t } = oe(), e = S((k) => k.readonly), n = S((k) => k.transformActive), s = S((k) => k.setTransformActive), o = S((k) => k.editingMode), d = S((k) => k.setEditingMode), i = U((k) => k.selectedIds), m = i.length === 1 ? i[0] : null, c = S((k) => k.closeDialog), { getKey: y } = Ee(), f = ae(), 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", l = x && !C, p = w, a = 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,53 +1909,53 @@ 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: [
-      l && /* @__PURE__ */ r(
+      a && /* @__PURE__ */ r(
         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 })
         }
       ),
-      l && (a || N) && /* @__PURE__ */ r(Ne, {}),
-      p && /* @__PURE__ */ T(le, { 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 })
           }
         )
       ] }),
-      a && /* @__PURE__ */ T(le, { 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 })
           }
         )
       ] }),
-      a && 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 }) }),
-      (l || a || 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(le, { 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 = ae(), { 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, l = C === "Polygon" || C === "MultiPolygon", p = C === "MultiPoint" || C === "MultiPolygon" || C === "MultiLineString" || C === "GeometryCollection", a = 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 [...l ? 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 l && N.push({
+  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 || a) && (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() });
     }
-  }), a && 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: a ? `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 = a ? 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(ar, { 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 }) {
-  const n = U((d) => d.undoStack.length > 0), s = U((d) => d.undo), o = ae();
+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 }) {
-  const n = U((d) => d.redoStack.length > 0), s = U((d) => d.redo), o = ae();
+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), l = S((v) => v.measurePoints), p = S((v) => v.measureMode), a = S((v) => v.setMeasureMode), E = e === "draw-line" || e === "slice-shape", g = e === "draw-polygon" || e === "cut-hole", N = e === "draw-route", P = e === "draw-circle", z = e === "draw-rect", K = e === "draw-freehand", b = e === "place-point", k = e === "measure", D = e === "pick-shape";
-  if (!(E || g || N || P || z || K || b) && !k && !D) return null;
-  const O = n.length > 0 || s.length > 0 || !!u || !!x || o.length > 0 || w.length > 0 || l.length > 0;
+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 ? l.length === 0 ? "Click to start measuring" : "Click to add points · Double-click to finish · ⌫ undo last" : D ? "Click anywhere to import a shape from the map" : null;
+  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(le, { children: [
+    k && /* @__PURE__ */ T(re, { children: [
       /* @__PURE__ */ r(
         te,
         {
           active: p === "distance",
-          onClick: () => a("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: () => a("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 = ae(), 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 = ae(), y = !!i && !!m, f = S((E) => E.zoomEditing), h = S((E) => E.setZoomEditing), [u, x] = q(null), w = B(null), M = B(!1), { getKey: C } = Ee(), l = s === "sm" ? Yo : s === "group" ? Qo : es, p = s !== "md";
+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 a() {
+  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(), a()) : 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: `${l.replace(" select-none", "")} text-center focus:outline-none focus:border-elm-focus-ring${p ? " w-10 !bg-elm-surface" : ""}`
+        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: `${l} ${y ? `${p ? "hover:bg-(--elm-control-hover,color-mix(in_oklab,var(--color-gray-200)_70%,transparent)) dark:hover:bg-(--elm-control-hover,var(--color-gray-800))" : "hover:bg-elm-surface-hover"} focus:outline-none focus-visible:ring-2 focus-visible:ring-elm-focus-ring cursor-pointer` : "cursor-default"}`,
+          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 = ae(), [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 at(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 = () => at("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(() => {
-      at(`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() {
-  at("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,45 +2563,45 @@ 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]), l = 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, a = o ? Ke(o) : p, E = p - a;
+    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) {
-      f(N) && (N.key === "Enter" && o && E > 0 ? (N.preventDefault(), l(d)) : N.key === "Escape" && (N.preventDefault(), i()));
+    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);
-  }, [t, o, E, d, i, l, f]), t !== "simplify-shape" ? null : /* @__PURE__ */ T("div", { className: "flex flex-wrap items-center justify-center gap-3 max-w-full bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm rounded-elm px-3 py-1.5 pointer-events-auto", children: [
+    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: [
       /* @__PURE__ */ r(
@@ -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: a }),
+      /* @__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: () => l(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 a;
-    return y ? ((a = p.features.find((E) => E.id === y)) == null ? void 0 : a.geometry) ?? null : null;
-  }), h = U((p) => {
-    var a;
-    return y ? ((a = p.features.find((E) => E.id === y)) == null ? void 0 : a._drawType) ?? null : null;
-  }), u = t === "smooth-shape", x = ue(() => !u || !f || !Fe(f.type) ? null : { type: "smooth", geometry: f, iterations: e }, [u, f, e]), w = ct(x, s);
+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, l = C - M;
+  const M = f ? Be(f) : 0, C = o ? Be(o) : M, a = C - M;
   return $(() => {
     if (t !== "smooth-shape") return;
-    function p(a) {
-      c(a) && (a.key === "Enter" && o ? (a.preventDefault(), w(d)) : a.key === "Escape" && (a.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(
@@ -2638,50 +2678,50 @@ function ii() {
       /* @__PURE__ */ r("span", { className: "font-elm-mono", children: M }),
       /* @__PURE__ */ r("span", { children: "→" }),
       /* @__PURE__ */ r("span", { className: "font-elm-mono font-medium text-primary-600 dark:text-primary-400", children: C }),
-      l > 0 && /* @__PURE__ */ T("span", { className: "text-xs text-primary-500", children: [
+      a > 0 && /* @__PURE__ */ T("span", { className: "text-xs text-primary-500", children: [
         "(+",
-        l,
+        a,
         ")"
       ] }),
       /* @__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 ls(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 li() {
-  const { dataStore: t } = oe(), e = ke(), n = S((D) => D.editingMode), s = S((D) => D.bufferDistance), o = S((D) => D.setBufferDistance), d = S((D) => D.bufferCreateNew), i = S((D) => D.setBufferCreateNew), m = S((D) => D.setGeometryPreview), c = S((D) => D.geometryPreview), y = S((D) => D.commitBufferProcess), f = S((D) => D.cancelBufferProcess), { units: h } = ce(), u = on(h.length), x = ue(
+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], [l, p] = q(null);
+  ), [w, M] = q(!1), C = w ? x[1] : x[0], [a, p] = q(null);
   $(() => {
     var O;
     if (n !== "buffer-shape") {
@@ -2691,25 +2731,25 @@ function li() {
     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 a = sn(l == null ? void 0 : l.type), E = ue(
-    () => l && !(a && s <= 0) ? { type: "buffer", geometry: l, distance: s } : null,
-    [l, s, a]
-  ), g = ct(E, m);
+  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 = ls(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 li() {
         "input",
         {
           type: "range",
-          min: a ? 0 : -500,
+          min: c ? 0 : -500,
           max: 2e3,
           step: 1,
           value: s,
@@ -2769,50 +2809,50 @@ function li() {
       )
     ] }),
     /* @__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 as = 8, cs = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -3, ArrowDown: 3 };
-function ai({ options: t, value: e, onChange: n, label: s = "Basemap", size: o, tooltipSide: d }) {
-  const [i, m] = q(!1), [c, y] = q(null), [f, h] = q(!1), u = B(null), x = B(null), w = Kr(), M = qr(), C = c !== null;
-  pe(() => {
+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 a = (b = (K = u.current) == null ? void 0 : K.querySelector("button")) == null ? void 0 : b.getBoundingClientRect(), E = x.current;
-    if (!i || !a || !E) return;
-    const { width: g, height: N } = E.getBoundingClientRect(), P = a.top + a.height / 2 > window.innerHeight / 2, z = a.left + a.width / 2 > window.innerWidth / 2;
-    y(ln(z ? a.right : a.left, P ? a.top : a.bottom, g, N, {
+    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: as
+      gapY: fs
     }));
   }, [i, t.length]), $(() => {
     var E;
     if (!i || !C) return;
-    const a = x.current;
-    (E = (a == null ? void 0 : a.querySelector('[aria-pressed="true"]')) ?? (a == null ? void 0 : a.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 a = (E) => {
-      var g, N, P;
-      E.key === "Escape" && (E.stopImmediatePropagation(), E.preventDefault(), (g = x.current) != null && g.contains(document.activeElement) && ((P = (N = u.current) == null ? void 0 : N.querySelector("button")) == null || P.focus()), m(!1));
+    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", a, { capture: !0 }), () => window.removeEventListener("keydown", a, { capture: !0 });
+    return window.addEventListener("keydown", c, { capture: !0 }), () => window.removeEventListener("keydown", c, { capture: !0 });
   }, [i]);
-  const l = (a) => {
-    const E = cs[a.key];
+  const a = (c) => {
+    const E = ps[c.key];
     if (!E) return;
-    const g = Array.from(a.currentTarget.querySelectorAll("button")), N = g[g.indexOf(document.activeElement) + E];
-    N && (a.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 a, E;
-      y(null), h(((E = (a = u.current) == null ? void 0 : a.closest("[data-elm-theme]")) == null ? void 0 : E.getAttribute("data-elm-theme")) === "dark"), m((g) => !g);
-    }, active: i, expanded: i, controls: i ? w : void 0, size: o, tooltipSide: d, children: /* @__PURE__ */ r(Ye, { size: 24 }) }),
-    i && cr(
-      /* @__PURE__ */ r("div", { "data-elm-portal": !0, "data-elm-theme": f ? "dark" : "light", style: M, [Un]: "", children: /* @__PURE__ */ r(
+    /* @__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 ai({ 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: l, children: t.map((a) => {
-            const E = a.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": a.label,
-                onClick: () => n(a.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(a.thumbnail) ? /* @__PURE__ */ r("div", { className: "w-full h-12 flex rounded-t-elm-card overflow-hidden", children: a.thumbnail.map((g) => /* @__PURE__ */ r("img", { src: g, alt: "", className: "w-1/2 h-full object-cover", loading: "lazy", draggable: !1 }, g)) }) : a.thumbnail ? /* @__PURE__ */ r("img", { src: a.thumbnail, alt: "", className: "w-full h-12 object-cover rounded-t-elm-card", loading: "lazy", draggable: !1 }) : /* @__PURE__ */ r("div", { className: "w-full h-12 rounded-t-elm-card bg-elm-surface-hover flex items-center justify-center text-elm-text-subtle", children: /* @__PURE__ */ r(Ye, { size: 20 }) }),
-                  /* @__PURE__ */ r("div", { className: `text-[11px] leading-4 tracking-tight text-center px-0.5 py-1 truncate font-medium ${E ? "text-primary-700 dark:text-primary-300" : "text-(--elm-text-secondary,var(--color-gray-700)) dark:text-(--elm-text-secondary,var(--color-gray-200))"}`, children: a.label })
+                  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 })
                 ]
               },
-              a.id
+              c.id
             );
           }) })
         }
@@ -2845,17 +2885,17 @@ function ai({ 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,15 +2973,15 @@ function ui(t) {
         cause: j instanceof Error ? j : new Error(String(j))
       });
     } finally {
-      u.current && y(!1);
+      u.current && h(!1);
     }
-  }, [o, s]), l = J((b) => {
+  }, [o, s]), a = J((b) => {
     var k, D;
     d || (D = (k = b.dataTransfer) == null ? void 0 : k.types) != null && D.includes("Files") && (b.preventDefault(), b.stopPropagation(), f.current += 1, m(!0));
   }, [d]), p = J((b) => {
     var k, D;
     d || (D = (k = b.dataTransfer) == null ? void 0 : k.types) != null && D.includes("Files") && (b.preventDefault(), b.stopPropagation(), b.dataTransfer.dropEffect = "copy");
-  }, [d]), a = 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: l,
+    onDragEnter: a,
     onDragOver: p,
-    onDragLeave: a,
+    onDragLeave: c,
     onDrop: E
-  }), [l, p, a, 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,57 +3027,57 @@ 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(() => {
-    var l;
+  const g = J(() => {
+    var a;
     if (f.current) return null;
     const C = d.current();
-    return !C || !Array.isArray(C.features) || C.features.length === 0 ? ((l = m.current) == null || l.call(m, { kind: "empty" }), null) : C;
+    return !C || !Array.isArray(C.features) || C.features.length === 0 ? ((a = m.current) == null || a.call(m, { kind: "empty" }), null) : C;
   }, []), u = J((C) => {
-    var l;
+    var a;
     try {
-      return JSON.stringify(C, null, y.current);
+      return JSON.stringify(C, null, h.current);
     } catch (p) {
-      return (l = m.current) == null || l.call(m, {
+      return (a = m.current) == null || a.call(m, {
         kind: "serialization-error",
         cause: p instanceof Error ? p : new Error(String(p))
       }), 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 l = u(C);
-    if (l === null) return null;
-    const p = ps(C, c.current);
-    return jt(l, p).then((a) => {
+    const a = u(C);
+    if (a === null) return null;
+    const p = vs(C, l.current);
+    return Ht(a, p).then((c) => {
       var E;
-      a && ((E = i.current) == null || E.call(i, C, a));
+      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-BV9Tamf4.js")), ys = fe(() => import("./SchemaModal-DvMbWskS.js")), bs = fe(() => import("./FeatureEditModal-Dr10p3nE.js")), vs = fe(() => import("./DataTablePanel-DDFUmMaM.js")), xs = fe(() => import("./SettingsModal-BScVTjpn.js")), ws = fe(
-  () => import("./ShortcutsModal-ozuS2Ysb.js").then((t) => ({ default: t.ShortcutsModal }))
+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-BRO7NHUY.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,
-  ai 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,
-  li 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
 };