@element-editor/ui 0.0.0-stage → 0.2.1

package/dist/index-CILw1Du5.js

@@ -0,0 +1,3165 @@
+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) {
+  let e = null, n = null;
+  const s = () => e ?? (e = t().then((i) => (n = i.default, i))), o = _t(s);
+  function d(i) {
+    const [m] = q(() => n ?? o);
+    return zr(m, i);
+  }
+  return Object.assign(d, { preload: s });
+}
+const ur = [];
+function it(...t) {
+  for (const e of t) ur.push(e.preload);
+}
+let Lt = !1;
+function Ks() {
+  if (Lt || typeof window > "u") return;
+  Lt = !0;
+  const t = () => {
+    for (const n of ur) n().catch(() => {
+    });
+  }, e = window.requestIdleCallback;
+  e ? e(t, { timeout: 3e3 }) : setTimeout(t, 1500);
+}
+const lt = Lr(null);
+function Hn({ 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);
+    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);
+  }, [n, e]), m = J(() => {
+    s({}), Xe({}, e), $e({});
+  }, [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 Ee() {
+  const t = tt(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() {
+  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("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 e = t == null ? void 0 : t.name;
+  return {
+    type: "error",
+    code: e === "NotAllowedError" ? "permission-denied" : e === "TypeError" ? "unsupported" : "unknown",
+    source: "clipboard",
+    message: "Could not copy to the clipboard",
+    cause: t,
+    quiet: !0
+  };
+}
+function eo(t, e) {
+  if (e.length === 0) return t.map((s) => s.id);
+  const n = [];
+  for (const s of e)
+    for (const o of t)
+      o.groupId === s.id && n.push(o.id);
+  for (const s of t)
+    s.groupId || n.push(s.id);
+  return n;
+}
+function Os(t, e) {
+  const n = [];
+  for (const s of e)
+    if (!s.collapsed)
+      for (const o of t) o.groupId === s.id && n.push(o.id);
+  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);
+  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(() => {
+    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;
+    function u(x) {
+      x.key !== "Escape" || x.defaultPrevented || !(h != null && h.contains(x.target)) || (x.preventDefault(), i.current());
+    }
+    return document.addEventListener("keydown", u), () => {
+      f.delete(y), 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 });
+    };
+  }, [e, t, d, o]);
+}
+function no() {
+  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);
+    let n = !1;
+    const s = () => {
+      n || (n = !0, e.remove());
+    };
+    e.addEventListener("change", () => {
+      var d;
+      const o = ((d = e.files) == null ? void 0 : d[0]) ?? null;
+      s(), t(o);
+    }, { once: !0 }), e.addEventListener("cancel", () => {
+      s(), t(null);
+    }, { once: !0 }), e.click();
+  });
+}
+const Ce = /* @__PURE__ */ new Map();
+function fr(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) {
+  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;
+}
+function ke() {
+  const { uiStore: t } = oe();
+  return J((e) => oo(e, Ce.get(t)), [t]);
+}
+const so = 140;
+function io(t, e) {
+  t.querySelectorAll(`[data-elm-shortcut="${e}"]`).forEach((n) => {
+    n.disabled || (n.setAttribute("data-pressed", ""), setTimeout(() => n.removeAttribute("data-pressed"), so));
+  });
+}
+const lo = ["point", "line", "polygon", "route", "circle", "rectangle", "freehand", "picker"];
+function Ws(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), []);
+  $(() => {
+    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);
+    };
+    return document.addEventListener("pointerdown", C, { capture: !0, passive: !0 }), () => {
+      Ce.get(n) === M && Ce.delete(n), document.removeEventListener("pointerdown", C, { capture: !0 });
+    };
+  }, [t, n]), $(() => {
+    if (!c.ui.keyboardShortcuts.enabled || !c.ui.keyboardShortcuts.mapZoom) return;
+    function w(M) {
+      if (!(M.metaKey || M.ctrlKey) || !y(M)) return;
+      const C = M.target, l = C == null ? void 0 : C.tagName;
+      if (l === "INPUT" || l === "TEXTAREA" || l === "SELECT" || C != null && C.isContentEditable) return;
+      const p = M.key === "+" || M.key === "=", a = M.key === "-" || M.key === "_";
+      if (!p && !a || !i) return;
+      M.preventDefault();
+      const E = e.getState().currentZoom;
+      i(E + (p ? 1 : -1));
+    }
+    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) {
+      var L;
+      if (!w && l.key !== "Enter" || !y(l)) return;
+      const p = e.getState(), a = n.getState(), E = a.readonly, g = (v) => {
+        var W;
+        return io(((W = Ce.get(n)) == null ? void 0 : W.root) ?? document, v);
+      }, N = l.target.tagName, P = l.target, z = l.composedPath(), K = z.some((v) => {
+        if (!(v instanceof Element)) return !1;
+        const W = v.getAttribute("role");
+        return W === "grid" || W === "treegrid";
+      }), b = N === "INPUT" || N === "TEXTAREA" || N === "SELECT" || P.isContentEditable || K, k = l.key.toLowerCase();
+      if (!b && !E && k === "z" && (l.metaKey || l.ctrlKey) && !l.shiftKey) {
+        l.preventDefault(), g("undo"), p.undoStack.length > 0 && (p.undo(), s({ type: "undo" }));
+        return;
+      }
+      if (!b && !E && k === "z" && (l.metaKey || l.ctrlKey) && l.shiftKey) {
+        l.preventDefault(), g("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();
+        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({
+          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) => {
+          v && m(v);
+        });
+        return;
+      }
+      if (!b && (l.metaKey || l.ctrlKey) && !l.shiftKey && (l.key === "s" || l.key === "S")) {
+        l.preventDefault();
+        const v = p.exportGeoJSON(), W = JSON.parse(v);
+        if (!Array.isArray(W.features) || W.features.length === 0) {
+          s({ type: "warning", message: "Export failed", description: "No features to export — draw or import something first." });
+          return;
+        }
+        const H = W.features.length;
+        (async () => {
+          const F = await jt(v);
+          F && s({
+            type: "success",
+            message: `Exported ${F.name}`,
+            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 (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");
+          const v = p.selectedIds;
+          if (p.duplicateSelection())
+            if (v.length === 1) {
+              const W = e.getState().features.find((H) => H.id === v[0]);
+              s({ type: "feature:duplicated", featureId: v[0], label: String((W == null ? void 0 : W.properties.name) || "feature") });
+            } else
+              s({ type: "features:duplicated", count: v.length });
+          return;
+        }
+        if (l.key === "e" || l.key === "E") {
+          if (p.selectedIds.length !== 1) return;
+          l.preventDefault(), a.openEditDialog(p.selectedIds[0], { focusFirstField: !0 });
+          return;
+        }
+        if ((l.key === "g" || l.key === "G") && !E) {
+          if (l.shiftKey) {
+            if (p.selectedIds.length === 0 || !p.features.some((W) => p.selectedIds.includes(W.id) && W.groupId)) return;
+            l.preventDefault(), p.ungroupSelection();
+          } else {
+            if (p.selectedIds.length === 0) return;
+            l.preventDefault();
+            const v = p.groupSelection();
+            v && a.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();
+            return;
+          } else if (a.editingMode === "cut-hole") {
+            l.preventDefault(), a.commitCutHole();
+            return;
+          } else if (a.editingMode === "draw-line" && a.lineInProgress.length >= 2) {
+            l.preventDefault(), a.commitLine({});
+            return;
+          } else if (a.editingMode === "draw-polygon" && a.polygonInProgress.length >= 3) {
+            l.preventDefault(), a.commitPolygon({});
+            return;
+          } else if (a.editingMode === "draw-route" && a.routeWaypoints.length >= 2) {
+            l.preventDefault(), a.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 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);
+                return;
+              }
+            }
+          }
+        }
+      }
+      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) {
+        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;
+        let I;
+        l.shiftKey ? I = F <= 0 ? W.length - 1 : F - 1 : I = F >= W.length - 1 ? 0 : F + 1;
+        const _ = W[I];
+        p.selectFeature(_);
+        const G = v.find((V) => V.id === _);
+        if (G)
+          if (G.geometry.type === "Point") {
+            const [V, Y] = G.geometry.coordinates;
+            o == null || o([Y, V]);
+          } else
+            d == null || d(G.bbox || ot(G.geometry));
+        return;
+      }
+      if (!b && !l.metaKey && !l.ctrlKey && !l.altKey) {
+        const v = l.key.toLowerCase();
+        if (v === u("show-shortcuts")) {
+          l.preventDefault(), g("show-shortcuts"), a.shortcutsModalOpen ? a.closeShortcutsModal() : a.openShortcutsModal();
+          return;
+        }
+        if (c.ui.schemaEditor && !E && v === u("toggle-schema")) {
+          l.preventDefault(), g("toggle-schema"), a.toggleSchemaModal();
+          return;
+        }
+        if (c.ui.layerList && v === u("toggle-sidebar")) {
+          l.preventDefault(), g("toggle-sidebar"), a.setSidebarOpen(!a.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();
+          return;
+        }
+        if (c.ui.geojsonEditor && v === u("toggle-geojson")) {
+          l.preventDefault(), g("toggle-geojson"), a.toggleCodeModal();
+          return;
+        }
+        if (c.ui.zoomIndicator && v === u("set-zoom")) {
+          l.preventDefault(), g("set-zoom"), a.setZoomEditing(!0);
+          return;
+        }
+        if (v === u("measure")) {
+          g("measure"), a.setEditingMode(a.editingMode === "measure" ? "none" : "measure");
+          return;
+        }
+        if (E) return;
+        if (v === u("toggle-transform")) {
+          (p.selectedIds.length === 1 && p.selectedIds[0] || p.selectedIds.length > 0) && (g("toggle-transform"), a.setTransformActive(!a.transformActive), !a.transformActive && a.editingMode !== "none" && a.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));
+        };
+        for (const F of lo) {
+          const I = jr[F];
+          if (W(F) && v === u(I === "pick-shape" ? "picker" : I)) {
+            H(I);
+            return;
+          }
+        }
+        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));
+          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));
+          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);
+            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;
+      const R = p.selectedIds;
+      if (R.length === 0 || b || a.vertexEditActive) return;
+      const O = R.length, j = O === 1 ? p.features.find((v) => v.id === R[0]) : null, Z = O === 1 ? String((j == null ? void 0 : j.properties.name) || "Unnamed feature") : `${O} features`;
+      l.preventDefault(), l.stopImmediatePropagation(), g("delete-selected"), p.deleteSelection(), a.closeDialog(), s(O === 1 ? { type: "feature:deleted", featureId: R[0], label: Z, undo: () => e.getState().undo() } : { type: "features:deleted", count: O, undo: () => e.getState().undo() });
+    }
+    function C(l) {
+      var g;
+      if (!y(l)) return;
+      const p = l.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)
+        try {
+          const N = JSON.parse(a);
+          if (N.type === "FeatureCollection" || N.type === "Feature") {
+            const P = N.type === "FeatureCollection" ? N.features : [N];
+            e.setState({ clipboard: P }), e.getState().pasteSelection() && s({ type: "selection:pasted", count: P.length });
+            return;
+          }
+        } catch {
+        }
+      const E = e.getState().clipboard;
+      E && E.length > 0 && e.getState().pasteSelection() && s({ type: "selection:pasted", count: E.length });
+    }
+    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]), $(() => {
+    function w(M) {
+      var a;
+      if (M.key !== "Escape" || !y(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();
+        return;
+      }
+      if (l.editingMode === "none") {
+        if (l.vertexEditActive) {
+          l.setVertexEditActive(!1), M.stopPropagation();
+          return;
+        }
+        if (l.transformActive) {
+          l.setTransformActive(!1), M.stopPropagation();
+          return;
+        }
+        if (e.getState().selectedIds.length > 0) {
+          e.getState().selectFeature(null), M.stopPropagation();
+          return;
+        }
+        ro(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 e = t.trim().toLowerCase();
+  return ao.has(e) ? !0 : co.has(e) ? !1 : null;
+}
+function mo(t) {
+  return typeof t == "boolean" ? t : typeof t == "number" ? t !== 0 : typeof t == "string" ? uo(t) === !0 : !1;
+}
+function fo({ 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: [
+      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,
+      /* @__PURE__ */ T("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+        /* @__PURE__ */ r(
+          "input",
+          {
+            type: "checkbox",
+            checked: mo(c),
+            onChange: (x) => n(i.key, x.target.checked),
+            disabled: d,
+            className: "sr-only peer"
+          }
+        ),
+        /* @__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 })
+    ] }, i.key) : (i.type === "textarea" ? u = /* @__PURE__ */ r(
+      Gn,
+      {
+        rows: 3,
+        value: String(c),
+        onChange: (x) => n(i.key, x.target.value),
+        autoFocus: f,
+        error: !!y,
+        disabled: d
+      }
+    ) : i.type === "select" ? u = /* @__PURE__ */ T(
+      lr,
+      {
+        value: String(c),
+        onChange: (x) => n(i.key, x.target.value),
+        autoFocus: f,
+        error: !!y,
+        disabled: d,
+        children: [
+          /* @__PURE__ */ r("option", { value: "", children: "— select —" }),
+          (i.options ?? []).map((x) => /* @__PURE__ */ r("option", { value: x, children: x }, x))
+        ]
+      }
+    ) : i.type === "number" ? u = /* @__PURE__ */ r(
+      At,
+      {
+        type: "number",
+        value: String(c),
+        onChange: (x) => n(i.key, x.target.value),
+        autoFocus: f,
+        error: !!y,
+        disabled: d,
+        min: i.min,
+        max: i.max
+      }
+    ) : u = /* @__PURE__ */ r(
+      At,
+      {
+        type: i.type,
+        value: String(c),
+        onChange: (x) => n(i.key, x.target.value),
+        autoFocus: f,
+        error: !!y,
+        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,
+      u,
+      y && /* @__PURE__ */ r("p", { className: "mt-1 text-xs text-rose-500", children: y })
+    ] }, 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();
+  return e ? null : /* @__PURE__ */ r(
+    be,
+    {
+      content: "Hide layers",
+      shortcut: n.ui.keyboardShortcuts.enabled ? /* @__PURE__ */ r(Q, { children: s("toggle-sidebar").toUpperCase() }) : void 0,
+      side: "bottom",
+      children: /* @__PURE__ */ r(
+        "button",
+        {
+          "aria-label": "Collapse layers panel",
+          "data-elm-shortcut": "toggle-sidebar",
+          onClick: (o) => {
+            t(!1), o.currentTarget.blur();
+          },
+          className: `flex ${Me}`,
+          children: /* @__PURE__ */ r(Jt, { 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 e = [];
+  let n = 0;
+  for (const s of t.matchAll(ho)) {
+    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;
+  }
+  return n < t.length && e.push(t.slice(n)), e;
+}
+function ko({ json: t, className: e }) {
+  const n = ue(() => wo(t), [t]);
+  return /* @__PURE__ */ r("pre", { className: e, children: n });
+}
+function Rt(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() !== "") {
+    const n = Number(e);
+    if (!isNaN(n)) {
+      const s = t.min !== void 0, o = t.max !== void 0;
+      if (s && o && (n < t.min || n > t.max))
+        return `${t.label} must be between ${t.min} and ${t.max}`;
+      if (s && n < t.min) return `${t.label} must be ≥ ${t.min}`;
+      if (o && n > t.max) return `${t.label} must be ≤ ${t.max}`;
+    }
+  }
+  return null;
+}
+function hr(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) {
+  if (t.type === "new-point") {
+    const s = {};
+    return e.fields.forEach((o) => {
+      s[o.key] = "";
+    }), t.prefill && Object.assign(s, t.prefill), s;
+  }
+  if (t.type === "edit") {
+    const s = n.find((o) => o.id === t.featureId);
+    if (s) return { ...s.properties };
+  }
+  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)
+  ), [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) {
+      const G = {};
+      _.fields.forEach((V) => {
+        G[V.key] = z[V.key] ?? "";
+      }), K(G);
+    }
+    N(I), p(I), k({});
+  }
+  $(() => {
+    if (c) return;
+    function I(_) {
+      if ((_.metaKey || _.ctrlKey) && _.key === "Enter" && f(_)) {
+        const G = y.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();
+      }
+    }
+    return window.addEventListener("keydown", I), () => window.removeEventListener("keydown", I);
+  });
+  function L() {
+    var G;
+    const I = {};
+    for (const V of P.fields) {
+      const Y = Rt(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));
+      }, 0);
+      return;
+    }
+    k({});
+    const _ = {};
+    for (const [V, Y] of Object.entries(z))
+      Y !== "" && (_[V] = Y);
+    a && t.type === "new-point" ? x({
+      type: "Feature",
+      id: crypto.randomUUID(),
+      schemaId: g,
+      geometry: { type: "Point", coordinates: t.coords },
+      properties: _
+    }) : u && w(u.id, { properties: _, schemaId: g }), o();
+  }
+  function v() {
+    if (!u) return;
+    const I = String(u.properties.name || "feature"), _ = u.id, G = C(_);
+    o(), G && s({ type: "feature:duplicated", featureId: _, label: I });
+  }
+  function W() {
+    if (!u) return;
+    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";
+  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: () => {
+        o(), d(null);
+      }, "aria-label": "Back to layers", className: `flex ${Me}`, children: /* @__PURE__ */ r(fn, { 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,
+          {
+            content: "Duplicate",
+            shortcut: /* @__PURE__ */ T("span", { className: "flex items-center gap-0.5", children: [
+              /* @__PURE__ */ r(Q, { children: "⌘" }),
+              /* @__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 }) })
+          }
+        ),
+        !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 }) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ T("div", { className: "flex-1 overflow-y-auto min-h-0 px-4 pt-4", children: [
+      i.length > 1 && // mb-3 mirrors the inter-field spacing inside DynamicFieldRenderer
+      // (space-y-3) so Schema sits the same distance above Name as Name
+      // sits above Description, etc.
+      /* @__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,
+          {
+            value: g,
+            onChange: (I) => Z(I.target.value),
+            disabled: c,
+            children: i.map((I) => {
+              var _;
+              return /* @__PURE__ */ T("option", { value: I.id, children: [
+                I.name,
+                I.id === ((_ = i[0]) == null ? void 0 : _.id) ? " (default)" : ""
+              ] }, I.id);
+            })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r(
+        fo,
+        {
+          fields: P.fields,
+          values: z,
+          onChange: (I, _) => {
+            K((V) => ({ ...V, [I]: _ }));
+            const G = P.fields.find((V) => V.key === I);
+            if (G) {
+              const V = Rt(G, _);
+              k((Y) => {
+                if (V) return { ...Y, [I]: V };
+                const re = { ...Y };
+                return delete re[I], re;
+              });
+            }
+          },
+          errors: b,
+          autoFocusFirst: !c && (a || t.type === "edit" && !!t.isNew || t.type === "edit" && !!t.focusFirstField),
+          readonly: c
+        }
+      ),
+      /* @__PURE__ */ r(Eo, { dialogState: t, editFeature: u ?? null, values: z, schemaId: g }),
+      /* @__PURE__ */ r(No, { 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: [
+      "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: "↵" })
+      ] }) })
+    ] }) })
+  ] });
+}
+function No({
+  dialogState: t,
+  editFeature: e
+}) {
+  const n = ue(() => {
+    if (t.type === "new-point") {
+      const [i, m] = t.coords;
+      return [`${m.toFixed(6)}, ${i.toFixed(6)}`];
+    }
+    if (!e) return [];
+    if (e.geometry.type === "Point") {
+      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)) }) });
+}
+function Eo({
+  dialogState: t,
+  editFeature: e,
+  values: n,
+  schemaId: s
+}) {
+  const o = ue(() => {
+    if (t.type === "new-point") {
+      const x = {};
+      for (const [w, M] of Object.entries(n))
+        M !== "" && (x[w] = M);
+      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();
+  if (!o) return null;
+  const f = JSON.stringify(o, null, 2);
+  function h() {
+    Promise.resolve().then(() => navigator.clipboard.writeText(f)).then(() => {
+      c(!0), setTimeout(() => c(!1), 1500);
+    }, (x) => y(Qn(x)));
+  }
+  return /* @__PURE__ */ r(gr, { label: "Source", open: d, onToggle: i, action: /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      onClick: (x) => {
+        x.stopPropagation(), h();
+      },
+      "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: /* @__PURE__ */ r(
+    ko,
+    {
+      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({
+  label: t,
+  open: e,
+  onToggle: n,
+  action: s,
+  children: o
+}) {
+  return /* @__PURE__ */ T("div", { children: [
+    /* @__PURE__ */ r("div", { className: "-mx-4 border-t border-elm-border" }),
+    /* @__PURE__ */ T("div", { className: "flex items-center h-12", children: [
+      /* @__PURE__ */ T(
+        "button",
+        {
+          type: "button",
+          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" }) }),
+            t
+          ]
+        }
+      ),
+      s
+    ] }),
+    e && /* @__PURE__ */ r("div", { className: "pb-3", children: o })
+  ] });
+}
+const yr = "[data-elm-theme],[data-elm-theme] *{transition:none!important}";
+function $t(t) {
+  const e = document.createElement("style");
+  e.textContent = yr, document.head.appendChild(e), t(), requestAnimationFrame(() => requestAnimationFrame(() => e.remove()));
+}
+function Po(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", () => {
+    e == null || e.removeAttribute("data-dragging"), n.remove(), s.remove(), document.body.style.userSelect = "";
+  };
+}
+function br(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));
+  }), 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);
+    function x(M) {
+      const C = Math.max(n, Math.min(s, h + (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);
+    }
+    window.addEventListener("mousemove", x), window.addEventListener("mouseup", w);
+  }, [t, n, s, o]);
+  return { width: d, onHandleMouseDown: c };
+}
+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;
+    if (!e) return;
+    const f = (h = t.current) == null ? void 0 : h.closest("[data-elm-theme]");
+    if (f)
+      return f.style.setProperty("--elm-panel-offset", `${y}px`), () => {
+        f.style.removeProperty("--elm-panel-offset");
+      };
+  }, [t, e, y]), pe(() => {
+    var x;
+    if (!e) return;
+    const f = (x = t.current) == null ? void 0 : x.closest("[data-elm-theme]");
+    if (!f) return;
+    const h = () => {
+      const w = f.clientWidth;
+      w > 0 && n.getState().narrow !== w < Dt && n.getState().setNarrow(w < Dt);
+    };
+    h();
+    const u = new ResizeObserver(h);
+    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({
+  label: t,
+  tooltipContent: e,
+  shortcut: n,
+  shortcutId: s,
+  tooltipSide: o = "top",
+  onClick: d,
+  active: i,
+  expanded: m,
+  controls: c,
+  disabled: y,
+  size: f = "md",
+  children: h
+}) {
+  const x = ce().ui.keyboardShortcuts.enabled ? n : void 0;
+  return /* @__PURE__ */ r(be, { 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,
+      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
+    }
+  ) });
+}
+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 L = requestAnimationFrame(() => {
+      l.current = !0;
+    });
+    return () => cancelAnimationFrame(L);
+  }, []), pe(() => {
+    w && (l.current || C(!0), d(!1));
+  }, [w, d]), $(() => {
+    if (!M) return;
+    const L = requestAnimationFrame(() => C(!1));
+    return () => cancelAnimationFrame(L);
+  }, [M]);
+  const { getKey: p } = Ee(), a = /* @__PURE__ */ r(Q, { children: p("toggle-sidebar").toUpperCase() }), [E, g] = q(null), N = J((L) => g(L), []);
+  pe(() => {
+    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);
+  $(() => {
+    R && O(null);
+  }, [R, O]);
+  function j() {
+    const L = crypto.randomUUID();
+    n.setState((v) => ({
+      groups: [...v.groups, { id: L, name: "New group", collapsed: !1 }],
+      lastModifiedAt: Date.now()
+    })), O(L);
+  }
+  const Z = P.type === "edit" ? `edit-${P.featureId}` : P.type;
+  return /* @__PURE__ */ r(le, { children: /* @__PURE__ */ T(
+    "aside",
+    {
+      ref: x,
+      "data-elm-layers-panel": "",
+      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 }) }) }),
+        /* @__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,
+              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: [
+              /* @__PURE__ */ T("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ r(pr, {}),
+                /* @__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", { 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 }) }) }) }),
+            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,
+                " selected"
+              ] }),
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  onClick: D,
+                  className: "text-xs text-elm-text-secondary px-2 py-1 rounded-elm-control hover:bg-(--elm-surface-hover,var(--color-gray-200)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) transition-colors",
+                  children: "Clear"
+                }
+              ),
+              !c && /* @__PURE__ */ r(
+                "button",
+                {
+                  onClick: () => {
+                    const L = b.length;
+                    k(), s({ type: "features:deleted", count: L, undo: () => n.getState().undo() });
+                  },
+                  className: "text-xs text-elm-text-secondary px-2 py-1 rounded-elm-control hover:bg-(--elm-surface-hover,var(--color-gray-200)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) transition-colors",
+                  children: "Delete all"
+                }
+              )
+            ] })
+          ] }),
+          e && /* @__PURE__ */ r("div", { className: "flex-shrink-0 border-t border-elm-border", children: 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 Lo(t) {
+  switch (t) {
+    case "Point":
+      return "Point";
+    case "MultiPoint":
+      return "Points";
+    case "LineString":
+      return "Line";
+    case "MultiLineString":
+      return "Lines";
+    case "Polygon":
+      return "Area";
+    case "MultiPolygon":
+      return "Areas";
+    case "GeometryCollection":
+      return "Mixed";
+    default:
+      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);
+  $(() => {
+    s && !m && !i && (f(t), c(!0));
+  }, [s]), $(() => {
+    var l, p;
+    m && ((l = h.current) == null || l.focus(), (p = h.current) == null || p.select());
+  }, [m]);
+  function u(l) {
+    i || (f(l), c(!0));
+  }
+  function x() {
+    const l = y.trim();
+    l && l !== t && e(l), c(!1), o == null || o();
+  }
+  function w() {
+    f(t), c(!1), o == null || o();
+  }
+  function M(l) {
+    if (l.key === "Enter") {
+      l.preventDefault(), l.nativeEvent.stopImmediatePropagation(), x();
+      return;
+    }
+    if (l.key === "Escape") {
+      l.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");
+    }
+  }
+  return { isRenaming: m, startRenaming: u, inputProps: {
+    ref: h,
+    value: y,
+    onChange: (l) => f(l.target.value),
+    onBlur: x,
+    onKeyDown: M,
+    onClick: (l) => l.stopPropagation()
+  } };
+}
+function Ro(t) {
+  const e = t.properties.name;
+  return typeof e == "string" && e.trim() ? e : Lo(t.geometry.type);
+}
+const Us = Gt(function({
+  feature: e,
+  isSelected: n,
+  onRowClick: s,
+  onRowSelectOnly: o,
+  onRowJump: d,
+  onEdit: i,
+  onToggleHidden: m,
+  containerProps: c,
+  dragHandleProps: y,
+  isDragging: f,
+  innerRef: h,
+  isMultiSelected: u,
+  onMultiSelectToggle: x,
+  onRangeSelect: w,
+  isContextMenuActive: M,
+  dragCountBadge: C,
+  isGhosted: l,
+  onRename: p,
+  renameActive: a,
+  onRenameEnd: E,
+  onRenameTab: g,
+  joinTop: N,
+  joinBottom: P
+}) {
+  const z = B(null), K = Ro(e), b = S((F) => F.readonly), { isRenaming: k, startRenaming: D, inputProps: R } = kr({
+    initialLabel: K,
+    disabled: b,
+    onCommit: (F) => p == null ? void 0 : p(e.id, F),
+    activate: a,
+    onEnd: E,
+    onTab: g
+  }), O = B(null);
+  $(() => () => {
+    O.current !== null && clearTimeout(O.current);
+  }, []);
+  const j = typeof e.properties.imageUrl == "string" && e.properties.imageUrl ? e.properties.imageUrl : null, [Z, L] = q(!1);
+  $(() => {
+    if (L(!1), !j) return;
+    const F = new Image();
+    let I = !1;
+    return F.onload = () => {
+      I || L(!0);
+    }, F.onerror = () => {
+    }, F.src = j, () => {
+      I = !0, F.onload = null, F.onerror = null;
+    };
+  }, [j]);
+  const v = j !== null && Z, { style: W, ...H } = c ?? {};
+  return /* @__PURE__ */ r(
+    "li",
+    {
+      ref: (F) => {
+        z.current = F, h == null || h(F);
+      },
+      ...H,
+      ...y,
+      style: { listStyle: "none", opacity: l ? 0.4 : void 0, outline: "none", ...W },
+      children: /* @__PURE__ */ T(
+        "div",
+        {
+          "data-feature-id": e.id,
+          className: ne(
+            // 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"
+          ),
+          onClick: (F) => {
+            if (F.metaKey || F.ctrlKey) {
+              F.stopPropagation(), x == null || x(e.id);
+              return;
+            }
+            if (F.shiftKey) {
+              F.stopPropagation(), w == null || w(e.id);
+              return;
+            }
+            s(e.id);
+          },
+          children: [
+            v ? /* @__PURE__ */ r(
+              "img",
+              {
+                src: j,
+                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(
+              "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 }) }),
+            k ? /* @__PURE__ */ r(
+              "input",
+              {
+                ...R,
+                className: "flex-1 min-w-0 bg-elm-surface outline-none text-sm font-normal text-elm-text-secondary border border-primary-400 rounded-elm-control px-1.5 py-0.5 leading-snug"
+              }
+            ) : /* @__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",
+                onClick: (F) => {
+                  F.metaKey || F.ctrlKey || F.shiftKey || !o || !d || (F.stopPropagation(), o(e.id), O.current !== null && (clearTimeout(O.current), O.current = null), !(F.detail >= 2) && (O.current = window.setTimeout(() => {
+                    d(e.id), O.current = null;
+                  }, 300)));
+                },
+                onDoubleClick: (F) => {
+                  F.stopPropagation(), O.current !== null && (clearTimeout(O.current), O.current = null), D(K);
+                },
+                children: K
+              }
+            ),
+            !k && C && C > 1 && /* @__PURE__ */ r("span", { className: "flex-shrink-0 bg-primary-500 text-white text-xs font-bold px-1.5 py-0.5 rounded-full min-w-[1.25rem] text-center leading-none", children: C }),
+            !k && /* @__PURE__ */ T("div", { className: "flex items-center gap-0.5 flex-shrink-0", children: [
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  onClick: (F) => {
+                    F.stopPropagation(), i(e.id);
+                  },
+                  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 })
+                }
+              ),
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  onClick: (F) => {
+                    F.stopPropagation(), m(e.id);
+                  },
+                  className: ne(
+                    "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 })
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+});
+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({
+    initialLabel: t.name,
+    disabled: x,
+    onCommit: i,
+    autoFocus: n
+  }), [l, p] = q(null), a = B(null);
+  function E(z) {
+    z.stopPropagation();
+    const K = a.current;
+    if (K) {
+      const b = K.getBoundingClientRect();
+      p({ x: b.right, y: b.bottom + 4 });
+    }
+  }
+  const g = B(null);
+  $(() => () => {
+    g.current !== null && clearTimeout(g.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 }),
+    onClick: () => d()
+  }, P = x ? [N] : [
+    N,
+    {
+      label: "Rename",
+      icon: /* @__PURE__ */ r(Sn, { 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 }),
+      onClick: () => m("ungroup")
+    },
+    {
+      label: "Delete group",
+      icon: /* @__PURE__ */ r(ze, { size: 16 }),
+      onClick: () => m("delete-features")
+    }
+  ];
+  return /* @__PURE__ */ T(le, { children: [
+    l && /* @__PURE__ */ r(
+      ar,
+      {
+        x: l.x,
+        y: l.y,
+        onClose: () => p(null),
+        items: P
+      }
+    ),
+    /* @__PURE__ */ T(
+      "div",
+      {
+        ref: y,
+        ...h,
+        ...f,
+        className: ne(
+          "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 },
+        onClick: () => {
+          c && c();
+        },
+        onContextMenu: (z) => {
+          z.preventDefault(), p({ x: z.clientX, y: z.clientY });
+        },
+        children: [
+          /* @__PURE__ */ r(
+            "span",
+            {
+              className: ne(
+                "flex-shrink-0 cursor-pointer",
+                t.hidden ? "text-elm-text-disabled" : "text-elm-text-muted"
+              ),
+              onClick: (z) => {
+                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" })
+            }
+          ),
+          w ? /* @__PURE__ */ r(
+            "input",
+            {
+              ...C,
+              className: "flex-1 min-w-0 bg-elm-surface outline-none text-sm font-medium text-elm-text-secondary border border-primary-400 rounded-elm-control px-1.5 py-0.5 leading-snug"
+            }
+          ) : /* @__PURE__ */ r(
+            "span",
+            {
+              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;
+                }, 300)));
+              },
+              onDoubleClick: (z) => {
+                z.stopPropagation(), g.current !== null && (clearTimeout(g.current), g.current = null), M(t.name);
+              },
+              children: t.name
+            }
+          ),
+          !w && /* @__PURE__ */ T("div", { className: "ml-auto flex items-center gap-1 flex-shrink-0", children: [
+            t.hidden && /* @__PURE__ */ r(
+              "button",
+              {
+                onClick: (z) => {
+                  z.stopPropagation(), d();
+                },
+                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 })
+              }
+            ),
+            /* @__PURE__ */ r("div", { className: "opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ r(be, { content: "More options", children: /* @__PURE__ */ r(
+              "button",
+              {
+                ref: a,
+                onClick: E,
+                className: "text-elm-text p-1 rounded-elm-control hover:bg-(--elm-surface-hover,var(--color-gray-100)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700))",
+                "aria-label": "More options",
+                children: /* @__PURE__ */ r(kn, { size: 16, weight: "bold" })
+              }
+            ) }) }),
+            /* @__PURE__ */ r("span", { className: ne(
+              "font-normal w-7 text-right text-sm",
+              t.hidden ? "text-elm-text-disabled" : "text-elm-text-subtle"
+            ), children: e })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function qs({ geometry: t, partIndex: e, isSelected: n, onClick: s }) {
+  const o = Qr(t, e), d = en(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(
+          // 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)"
+        ),
+        onClick: (i) => {
+          i.stopPropagation(), s();
+        },
+        children: [
+          /* @__PURE__ */ r("span", { className: ne(
+            "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 }) }),
+          /* @__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");
+  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(() => {
+    if (t)
+      return $t(() => i(m ? 0 : c.width)), () => $t(() => i(0));
+  }, [t, m, c.width, i]);
+  const y = e.ui.layerList && s;
+  return {
+    ...c,
+    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,
+      bottom: n === "split" ? "33.33%" : 0,
+      width: m ? `min(${c.width}px, 100%)` : c.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 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();
+  $(() => {
+    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]), $(() => {
+    function b(k) {
+      c.current && !c.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();
+          return;
+        }
+        k.key === "Escape" && (n || document.activeElement === y.current) && (k.stopPropagation(), e(""), s(!1), m(-1), (R = y.current) == null || R.blur());
+      }
+    }
+    return window.addEventListener("keydown", b, { capture: !0 }), () => window.removeEventListener("keydown", b, { capture: !0 });
+  }, [n, p]);
+  function a(b) {
+    M == null || M([parseFloat(b.lat), parseFloat(b.lon)], 15);
+  }
+  function E(b) {
+    const k = parseFloat(b.lat), D = parseFloat(b.lon), R = l.getState().getDefaultSchema(), O = {};
+    for (const Z of R.fields)
+      O[Z.key] = Z.key === "name" ? b.display_name.split(",")[0].trim() : "";
+    const j = {
+      type: "Feature",
+      id: crypto.randomUUID(),
+      schemaId: R.id,
+      geometry: { type: "Point", coordinates: [D, k] },
+      properties: O
+    };
+    l.getState().addFeature(j), M == null || M([k, D], 15), N();
+  }
+  function g(b) {
+    const k = b.geojson;
+    if (!k || k.type === "Point") return;
+    let D;
+    k.type === "MultiPolygon" ? D = { type: "Polygon", coordinates: k.coordinates.reduce((Z, L) => L[0].length > Z[0].length ? L : Z) } : D = k;
+    const R = {
+      type: "Feature",
+      id: crypto.randomUUID(),
+      schemaId: tn,
+      geometry: D,
+      properties: { name: b.display_name.split(",")[0].trim() }
+    };
+    l.getState().addFeature(R), C == null || C(ot(D)), N();
+  }
+  function N() {
+    e(""), s(!1), m(-1);
+  }
+  function P(b) {
+    m(b), a(f[b]), requestAnimationFrame(() => {
+      var k;
+      return (k = y.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) {
+        P(i >= 0 ? i : 0);
+        return;
+      }
+      w.current = !0, s(!0), x();
+      return;
+    }
+    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 };
+}
+function Sr(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 = {
+  "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" },
+  "left-center": { style: { left: 16, top: "50%", transform: "translateY(-50%)" }, className: "flex-col items-start" },
+  "right-center": { style: { right: 16, top: "50%", transform: "translateY(-50%)" }, className: "flex-col items-end" },
+  "bottom-left": { style: { bottom: 16, left: 16 }, className: "flex-col-reverse items-start" },
+  "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;
+    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);
+  function z(A) {
+    if (s && A !== "none") {
+      o({ type: "error", code: "limit-reached", source: "editor", message: rn(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);
+  $(() => {
+    var de;
+    if (t || !w) return;
+    const A = (de = De.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`);
+    };
+    X();
+    const ee = new ResizeObserver(X);
+    return De.current && ee.observe(De.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;
+    if (m || !A) {
+      ft(!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);
+    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);
+    };
+    xe();
+    const Se = new ResizeObserver(() => xe());
+    return Se.observe(ee), Se.observe(A), () => Se.disconnect();
+  }, [m, O]);
+  const ge = m || Er, ht = B(ge);
+  ht.current = ge, $(() => {
+    ge || he(!1);
+  }, [ge]);
+  const gt = B(null), yt = ke();
+  function bt() {
+    const A = gt.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());
+    }
+    return window.addEventListener("keydown", A), () => window.removeEventListener("keydown", A);
+  }, [yt]);
+  const Pr = i.position.startsWith("right") || i.position.endsWith("-right") ? "left" : "right";
+  $(() => {
+    if (!Le) 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);
+    }
+    function X(ee) {
+      ee.key === "Escape" && he(!1);
+    }
+    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) {
+    var X;
+    if (A.key === "Tab" && V >= 0) {
+      A.preventDefault(), (X = ve.current) == null || X.focusAdd(V);
+      return;
+    }
+    re(A);
+  }
+  function wt(A, X) {
+    var de;
+    const ee = ((X + A) % v.length + v.length) % v.length;
+    Y(ee), (de = ve.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),
+      style: t ? void 0 : p.style,
+      children: [
+        /* @__PURE__ */ T("div", { ref: De, className: "relative w-fit max-w-full", children: [
+          R && !ge && /* @__PURE__ */ r(
+            Ft,
+            {
+              ref: ve,
+              results: v,
+              loading: W,
+              error: H,
+              onGo: F,
+              onAdd: N ? void 0 : I,
+              onAddShape: N ? void 0 : _,
+              activeIndex: V,
+              onHoverIndex: Y,
+              onNavigate: wt,
+              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(
+            "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 }) })
+            ] }),
+            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 })
+            ] }),
+            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: [
+              /* @__PURE__ */ T(
+                "div",
+                {
+                  ref: gt,
+                  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(
+                      "input",
+                      {
+                        ref: j,
+                        type: "text",
+                        value: b,
+                        onChange: (A) => k(A.target.value),
+                        onFocus: () => {
+                          L(!0), bt(), b.trim().length >= 2 && D(!0);
+                        },
+                        onBlur: () => L(!1),
+                        onKeyDown: xt,
+                        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 && // Sibling of the animated row — excluded from the press-pulse scale.
+              // Still fades opacity+scale on focus so the hint animates out when
+              // the user starts searching.
+              /* @__PURE__ */ T(
+                "span",
+                {
+                  className: ne(
+                    "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" })
+                  ]
+                }
+              )
+            ] }),
+            se("search") && ge && /* @__PURE__ */ T("div", { ref: mt, "data-elm-search-toggle": "", className: m ? "relative" : void 0, children: [
+              /* @__PURE__ */ r(
+                me,
+                {
+                  active: Le,
+                  onClick: () => he((A) => !A),
+                  label: "Search places",
+                  shortcut: "⌘F",
+                  children: /* @__PURE__ */ r(Ze, { size: 24 })
+                }
+              ),
+              Le && /* @__PURE__ */ T(
+                "div",
+                {
+                  ref: ut,
+                  className: ne(
+                    "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"}`
+                  ),
+                  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(
+                        "input",
+                        {
+                          ref: j,
+                          type: "text",
+                          value: b,
+                          onChange: (A) => k(A.target.value),
+                          onFocus: () => {
+                            L(!0), b.trim().length >= 2 && D(!0);
+                          },
+                          onBlur: () => L(!1),
+                          onKeyDown: xt,
+                          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 }) })
+                    ] }),
+                    R && /* @__PURE__ */ r(
+                      Ft,
+                      {
+                        ref: ve,
+                        results: v,
+                        loading: W,
+                        error: H,
+                        onGo: (A) => {
+                          F(A), he(!1);
+                        },
+                        onAdd: N ? void 0 : (A) => {
+                          I(A), he(!1);
+                        },
+                        onAddShape: N ? void 0 : (A) => {
+                          _(A), he(!1);
+                        },
+                        activeIndex: V,
+                        onHoverIndex: Y,
+                        onNavigate: wt,
+                        className: "border-t border-elm-border max-h-80 overflow-y-auto"
+                      }
+                    )
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        !N && Dr
+      ]
+    }
+  );
+}
+function Bt(t) {
+  const e = [], n = (s) => {
+    for (const o of Array.from(s.children)) {
+      if (getComputedStyle(o).display === "contents") {
+        n(o);
+        continue;
+      }
+      const d = o.getBoundingClientRect();
+      if (!d.width) continue;
+      const i = d.top + d.height / 2;
+      e.some((m) => Math.abs(m - i) < 8) || e.push(i);
+    }
+  };
+  return n(t), e.length;
+}
+function Go(t, e) {
+  pe(() => {
+    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;
+      }
+      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)
+      ;
+    const d = /* @__PURE__ */ new WeakMap(), i = () => {
+      for (const c of o) d.set(c, c.clientWidth);
+    };
+    i();
+    const m = new ResizeObserver((c) => {
+      c.every((y) => d.get(y.target) === y.target.clientWidth) || (s(), i());
+    });
+    for (const c of o) m.observe(c);
+    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) => {
+    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;
+  function P() {
+    if (i.length !== 0 && t.getState().duplicateSelection())
+      if (i.length === 1) {
+        const k = t.getState().features.find((D) => D.id === i[0]);
+        f({ type: "feature:duplicated", featureId: i[0], label: String((k == null ? void 0 : k.properties.name) || "feature") });
+      } else
+        f({ type: "features:duplicated", count: i.length });
+  }
+  function z() {
+    if (!m || !M) return;
+    const k = t.getState().features.find((R) => R.id === m);
+    if (!k) return;
+    const D = rt(k.geometry);
+    t.getState().breakMultiGeometry(m) && f({ type: "feature:broken", featureId: m, count: D, undo: () => t.getState().undo() });
+  }
+  function K() {
+    i.length < 2 || (t.getState().mergeFeatures(), f({ type: "success", message: `Merged ${i.length} features` }));
+  }
+  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() });
+  }
+  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(
+        te,
+        {
+          label: "Transform",
+          shortcut: /* @__PURE__ */ r(Q, { children: y("toggle-transform").toUpperCase() }),
+          shortcutId: "toggle-transform",
+          onClick: () => {
+            s(!n), !n && o !== "none" && d("none");
+          },
+          active: n,
+          children: /* @__PURE__ */ r(er, { size: 24 })
+        }
+      ),
+      l && (a || N) && /* @__PURE__ */ r(Ne, {}),
+      p && /* @__PURE__ */ T(le, { children: [
+        /* @__PURE__ */ r(
+          te,
+          {
+            label: "Cut hole",
+            shortcut: /* @__PURE__ */ r(Q, { children: y("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 })
+          }
+        ),
+        /* @__PURE__ */ r(
+          te,
+          {
+            label: "Slice shape",
+            shortcut: /* @__PURE__ */ r(Q, { children: y("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 })
+          }
+        )
+      ] }),
+      a && /* @__PURE__ */ T(le, { children: [
+        /* @__PURE__ */ r(
+          te,
+          {
+            label: "Simplify shape",
+            onClick: () => {
+              d(o === "simplify-shape" ? "none" : "simplify-shape"), n && s(!1);
+            },
+            active: o === "simplify-shape",
+            children: /* @__PURE__ */ r("svg", { width: "24", height: "24", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: o === "simplify-shape" ? 1.5 : 1, 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" }) })
+          }
+        ),
+        /* @__PURE__ */ r(
+          te,
+          {
+            label: "Smooth shape",
+            onClick: () => {
+              d(o === "smooth-shape" ? "none" : "smooth-shape"), n && s(!1);
+            },
+            active: o === "smooth-shape",
+            children: /* @__PURE__ */ r(nr, { size: 24 })
+          }
+        ),
+        /* @__PURE__ */ r(
+          te,
+          {
+            label: "Buffer",
+            onClick: () => {
+              d(o === "buffer-shape" ? "none" : "buffer-shape"), n && s(!1);
+            },
+            active: o === "buffer-shape",
+            children: /* @__PURE__ */ r(or, { size: 24 })
+          }
+        )
+      ] }),
+      a && N && /* @__PURE__ */ r(Ne, {}),
+      E && /* @__PURE__ */ r(
+        te,
+        {
+          label: "Break apart",
+          shortcut: /* @__PURE__ */ r(Q, { children: y("break-apart").toUpperCase() }),
+          shortcutId: "break-apart",
+          onClick: z,
+          children: /* @__PURE__ */ r(sr, { size: 24 })
+        }
+      ),
+      g && /* @__PURE__ */ r(te, { label: "Merge", onClick: K, children: /* @__PURE__ */ r(ir, { size: 24 }) }),
+      (l || a || N) && /* @__PURE__ */ r(Ne, {}),
+      /* @__PURE__ */ r(
+        te,
+        {
+          label: "Duplicate",
+          shortcut: /* @__PURE__ */ T(le, { children: [
+            /* @__PURE__ */ r(Q, { children: "⌘" }),
+            /* @__PURE__ */ r(Q, { children: "D" })
+          ] }),
+          shortcutId: "duplicate",
+          onClick: P,
+          children: /* @__PURE__ */ r(Xt, { size: 24 })
+        }
+      ),
+      /* @__PURE__ */ r(
+        te,
+        {
+          label: "Delete",
+          shortcut: /* @__PURE__ */ r(Q, { children: Vt("delete-selected") }),
+          shortcutId: "delete-selected",
+          onClick: b,
+          children: /* @__PURE__ */ r(ze, { size: 24 })
+        }
+      )
+    ] }),
+    i.length >= 2 && /* @__PURE__ */ r(Ut, { fallback: null, children: /* @__PURE__ */ r(Uo, {}) })
+  ] });
+}
+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 o = t.parentElement;
+  return o ? cr(
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: "absolute left-0 right-0 z-[400] flex justify-center pointer-events-none",
+        style: { bottom: jo },
+        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: [
+          /* @__PURE__ */ T("span", { className: "px-1 text-sm text-elm-text-muted tabular-nums", children: [
+            e,
+            " point",
+            e !== 1 ? "s" : "",
+            " selected"
+          ] }),
+          /* @__PURE__ */ r(Ne, {}),
+          /* @__PURE__ */ T(te, { label: "Simplify selected points", onClick: n, disabled: e < 3, children: [
+            /* @__PURE__ */ r(Tn, { 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("span", { className: "px-1 font-medium", children: "Delete" })
+          ] }),
+          /* @__PURE__ */ r(Oe, { 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 }) }
+];
+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();
+  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);
+  function E(P) {
+    h(f === P ? "none" : P), c && y(!1);
+  }
+  function g(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"),
+    onClick: () => {
+      y(!c), !c && f !== "none" && h("none");
+    }
+  }), Fe(C)) {
+    N.push({ separator: !0 });
+    for (const P of [...l ? Ho : [], ...Vo])
+      N.push({
+        label: P.label,
+        icon: P.icon,
+        shortcut: P.shortcut ? g(P.shortcut) : void 0,
+        onClick: () => E(P.mode)
+      });
+  }
+  return l && N.push({
+    label: "Center point",
+    icon: /* @__PURE__ */ r(An, { 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 = {
+        type: "Feature",
+        id: crypto.randomUUID(),
+        geometry: { type: "Point", coordinates: P.geometry.coordinates },
+        properties: z ? { name: `${z} center` } : {},
+        groupId: o.groupId
+      };
+      i.getState().addFeature(K);
+    }
+  }), (p || a) && (N.push({ separator: !0 }), p && N.push({
+    label: "Break apart",
+    icon: /* @__PURE__ */ r(sr, { size: 16 }),
+    shortcut: g("break-apart"),
+    onClick: () => {
+      const P = rt(o.geometry);
+      i.getState().breakMultiGeometry(o.id) && w({ type: "feature:broken", featureId: o.id, count: P, undo: () => i.getState().undo() });
+    }
+  }), a && N.push({
+    label: `Merge ${x.length} features`,
+    icon: /* @__PURE__ */ r(ir, { 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 }),
+    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") }),
+    onClick: () => {
+      var K;
+      const P = a ? x.length : 1, z = String(((K = o.properties) == null ? void 0 : K.name) || "feature");
+      i.getState().deleteSelection(), u(), w(P === 1 ? { type: "feature:deleted", featureId: o.id, label: z, undo: () => i.getState().undo() } : { type: "features:deleted", count: P, undo: () => i.getState().undo() });
+    }
+  }), /* @__PURE__ */ r(ar, { x: t, y: e, items: N, onClose: s });
+}
+function Jo({ size: t, tooltipSide: e }) {
+  const n = U((d) => d.undoStack.length > 0), s = U((d) => d.undo), o = ae();
+  return /* @__PURE__ */ r(
+    Pe,
+    {
+      label: "Undo",
+      shortcutId: "undo",
+      shortcut: /* @__PURE__ */ T("span", { className: "flex items-center gap-0.5", children: [
+        /* @__PURE__ */ r(Q, { children: "⌘" }),
+        /* @__PURE__ */ r(Q, { children: "Z" })
+      ] }),
+      onClick: () => {
+        n && (s(), o({ type: "undo" }));
+      },
+      disabled: !n,
+      size: t,
+      tooltipSide: e,
+      children: /* @__PURE__ */ r(Ln, { size: 24 })
+    }
+  );
+}
+function Xo({ size: t, tooltipSide: e }) {
+  const n = U((d) => d.redoStack.length > 0), s = U((d) => d.redo), o = ae();
+  return /* @__PURE__ */ r(
+    Pe,
+    {
+      label: "Redo",
+      shortcutId: "redo",
+      shortcut: /* @__PURE__ */ T("span", { className: "flex items-center gap-0.5", children: [
+        /* @__PURE__ */ r(Q, { children: "⌘" }),
+        /* @__PURE__ */ r(Q, { children: "⇧" }),
+        /* @__PURE__ */ r(Q, { children: "Z" })
+      ] }),
+      onClick: () => {
+        n && (s(), o({ type: "redo" }));
+      },
+      disabled: !n,
+      size: t,
+      tooltipSide: e,
+      children: /* @__PURE__ */ r(zn, { size: 24 })
+    }
+  );
+}
+function Zo({ 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" }) {
+  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 })
+  ] });
+}
+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;
+  function j() {
+    if (e === "slice-shape") {
+      if (n.length < 2) return;
+      y();
+    } else if (e === "cut-hole") {
+      if (s.length < 3) return;
+      f();
+    } else if (E) {
+      if (n.length < 2) return;
+      i({});
+    } else if (g) {
+      if (s.length < 3) return;
+      m({});
+    } else if (N) {
+      if (o.length < 2) return;
+      c();
+    }
+  }
+  const Z = E ? n.length >= 2 : g ? s.length >= 3 : N ? o.length >= 2 && !d : !1, L = b ? "Click to place a point" : e === "draw-line" ? n.length === 0 ? "Click to place the first point" : "Click to add points · Double-click to finish · ⌫ undo last" : e === "draw-polygon" ? s.length === 0 ? "Click to place the first point" : s.length < 3 ? "Click to continue · ⌫ undo last" : "Click to add points · Double-click to close · ⌫ undo last" : N ? o.length === 0 ? "Click to place the first waypoint" : "Click to add waypoints · ⌫ undo last" : P ? "Click and drag to size" : z ? "Click and drag to size · Hold Shift for square" : K ? "Click and drag to draw" : e === "slice-shape" ? n.length === 0 ? "Draw a line across the shape to slice it" : "Click to add points · Double-click to cut · ⌫ undo last" : e === "cut-hole" ? s.length === 0 ? "Draw a shape inside to cut a hole" : s.length < 3 ? "Click to continue · ⌫ undo last" : "Click to add points · Double-click to cut · ⌫ undo last" : k ? l.length === 0 ? "Click to start measuring" : "Click to add points · Double-click to finish · ⌫ undo last" : D ? "Click anywhere to import a shape from the map" : null;
+  return /* @__PURE__ */ T("div", { className: "flex flex-wrap items-center justify-center gap-2 max-w-full bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 shadow-elm rounded-elm px-2 py-2 pointer-events-auto", children: [
+    k && /* @__PURE__ */ T(le, { children: [
+      /* @__PURE__ */ r(
+        te,
+        {
+          active: p === "distance",
+          onClick: () => a("distance"),
+          label: "Measure distance",
+          children: /* @__PURE__ */ r(Rn, { size: 24 })
+        }
+      ),
+      /* @__PURE__ */ r(
+        te,
+        {
+          active: p === "area",
+          onClick: () => a("area"),
+          label: "Measure area",
+          children: /* @__PURE__ */ r($n, { size: 24 })
+        }
+      )
+    ] }),
+    e === "draw-freehand" && /* @__PURE__ */ r(
+      te,
+      {
+        active: M,
+        onClick: () => C(!M),
+        label: "Closed shape",
+        children: /* @__PURE__ */ r(Kn, { 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, {}),
+    Z && /* @__PURE__ */ T(
+      "button",
+      {
+        type: "button",
+        onClick: j,
+        className: `${Wt} 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__ */ T(
+      "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`,
+        children: [
+          O ? "Cancel" : "Exit",
+          /* @__PURE__ */ r(Oe, { 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 i() {
+    if (!n) return;
+    let m = o;
+    if (d.length > 0) {
+      const c = new Set(d);
+      m = o.filter((y) => c.has(y.id));
+    }
+    if (m.length === 0) {
+      s({ type: "warning", message: "No features on the map to zoom to" });
+      return;
+    }
+    try {
+      if (m.length === 1) {
+        const f = m[0];
+        n(f.bbox || ot(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 });
+    }
+  }
+  return /* @__PURE__ */ r(
+    Pe,
+    {
+      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 })
+    }
+  );
+}
+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";
+  $(() => {
+    u !== null && (n ? Math.abs(d - u) < 0.05 : Math.round(d) === Math.round(u)) && x(null);
+  }, [d, u, n]);
+  function a() {
+    var P;
+    const E = (((P = w.current) == null ? void 0 : P.value) ?? "").trim();
+    if (E === "") {
+      h(!1);
+      return;
+    }
+    const g = Number(E);
+    if (!Number.isFinite(g)) {
+      c({ 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}` });
+      return;
+    }
+    if (!i || !m) {
+      c({ 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);
+  }
+  if (f) {
+    const E = n ? (u ?? d).toFixed(1) : String(Math.round(u ?? d));
+    return /* @__PURE__ */ r(
+      "input",
+      {
+        ref: w,
+        type: "text",
+        inputMode: n ? "decimal" : "numeric",
+        pattern: n ? "[0-9.]*" : "[0-9]*",
+        autoFocus: !0,
+        defaultValue: E,
+        onFocus: (g) => {
+          const N = g.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));
+        },
+        onBlur: () => h(!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" : ""}`
+      }
+    );
+  }
+  return /* @__PURE__ */ r(
+    be,
+    {
+      content: y ? "Set zoom level" : "Map zoom level",
+      side: o,
+      shortcut: y ? /* @__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",
+          "data-elm-shortcut": "set-zoom",
+          onClick: () => {
+            y && (M.current = !0, h(!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"}`,
+          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 m() {
+    if (!navigator.geolocation) {
+      o({ type: "error", code: "unsupported", source: "locate", message: "Geolocation is not supported by this browser" });
+      return;
+    }
+    if (!s) {
+      o({ type: "warning", message: "Map is not ready yet — try again in a moment" });
+      return;
+    }
+    d || (i(!0), navigator.geolocation.getCurrentPosition(
+      (c) => {
+        i(!1), s([c.coords.latitude, c.coords.longitude], t);
+      },
+      (c) => {
+        i(!1), o({
+          type: "error",
+          code: c.code === c.PERMISSION_DENIED ? "permission-denied" : c.code === c.TIMEOUT ? "timeout" : "unknown",
+          source: "locate",
+          cause: c,
+          message: c.code === c.PERMISSION_DENIED ? "Location access denied" : "Could not determine your location"
+        });
+      },
+      { timeout: 1e4 }
+    ));
+  }
+  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 }) })
+  );
+}
+function ni() {
+  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("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();
+  for (const s of n)
+    clearTimeout(s.timer), s.reject(new Be(e, "geometry", t));
+}
+async function rs() {
+  if (ie) return ie;
+  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);
+    if (i) {
+      if (Te.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"));
+    }
+  }, ie.onerror = () => at("Geometry worker failed", "geometry"), ie);
+}
+function Cr(t, { timeoutMs: e = ts } = {}) {
+  return rs().then((n) => new Promise((s, o) => {
+    const d = crypto.randomUUID(), i = setTimeout(() => {
+      at(`Geometry operation timed out after ${e} ms`, "timeout");
+    }, e);
+    Te.set(d, { resolve: s, reject: o, timer: i });
+    const m = { id: d, payload: t };
+    n.postMessage(m);
+  }));
+}
+typeof Worker < "u" && nn(Cr);
+function oi() {
+  at("Geometry worker disposed", "unknown");
+}
+function ct(t, e) {
+  var m;
+  const n = (m = tt(Wr)) == null ? void 0 : m.emit, s = B(n);
+  s.current = n;
+  const o = B({
+    seq: 0,
+    epoch: 0,
+    busy: !1,
+    queued: null,
+    owned: !1,
+    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) => {
+      var u;
+      return o.alive && f === o.epoch && ((u = s.current) == null || u.call(s, {
+        type: "error",
+        code: h instanceof Be ? h.code : "geometry",
+        source: "geometry",
+        message: `The ${c.type} preview failed: ${h instanceof Error ? h.message : String(h)}`,
+        cause: h,
+        quiet: !0
+      })), null;
+    }).then((h) => {
+      if (o.busy = !1, !o.alive || f !== o.epoch) {
+        if (o.queued) {
+          const w = o.queued;
+          o.queued = null, i(w);
+        }
+        return;
+      }
+      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();
+    });
+  }, [o, e, d]);
+  return $(() => {
+    if (!t) {
+      o.epoch++, o.queued = null, o.onSettled = null, o.owned && (o.owned = !1, e(null));
+      return;
+    }
+    if (o.busy) {
+      o.queued = t, o.seq++;
+      return;
+    }
+    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]);
+}
+const ns = 111320;
+function os(t, e) {
+  const n = t * ns;
+  if (n < 1)
+    return `<1${It(1, e).unit}`;
+  const s = It(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) => {
+    var N;
+    return h ? ((N = g.features.find((P) => P.id === h)) == null ? void 0 : N.geometry) ?? null : null;
+  }), x = U((g) => {
+    var N;
+    return h ? ((N = g.features.find((P) => P.id === h)) == 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);
+      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);
+  $(() => () => {
+    y.getState(), s(null);
+  }, [s, y]);
+  const p = u ? Ke(u) : 0, a = o ? Ke(o) : p, E = p - a;
+  return $(() => {
+    if (t !== "simplify-shape") return;
+    function g(N) {
+      f(N) && (N.key === "Enter" && o && E > 0 ? (N.preventDefault(), l(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: [
+    /* @__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(
+        "input",
+        {
+          type: "range",
+          min: 0,
+          max: 100,
+          value: e,
+          onChange: (g) => n(Number(g.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__ */ 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 }),
+      E > 0 && /* @__PURE__ */ T("span", { className: "text-xs text-primary-500", children: [
+        "(−",
+        E,
+        ")"
+      ] }),
+      /* @__PURE__ */ r("span", { className: "ml-0.5", children: "points" })
+    ] }),
+    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" })
+    ] })
+  ] });
+}
+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);
+  $(() => () => {
+    m.getState(), s(null);
+  }, [s, m]);
+  const M = f ? Ke(f) : 0, C = o ? Ke(o) : M, l = 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()));
+    }
+    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: [
+    /* @__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(
+        "input",
+        {
+          type: "range",
+          min: 1,
+          max: 5,
+          step: 1,
+          value: e,
+          onChange: (p) => n(Number(p.target.value)),
+          className: "w-24 accent-primary-600"
+        }
+      ),
+      /* @__PURE__ */ T("span", { className: "text-sm text-elm-text-muted w-16 shrink-0", children: [
+        e,
+        " ",
+        e === 1 ? "pass" : "passes"
+      ] })
+    ] }),
+    /* @__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: 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: [
+        "(+",
+        l,
+        ")"
+      ] }),
+      /* @__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.` }),
+    /* @__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" })
+    ] })
+  ] });
+}
+const dt = 0.3048, ss = 5280, Nr = dt * ss;
+function is(t, e) {
+  switch (e) {
+    case "m":
+      return t;
+    case "km":
+      return t * 1e3;
+    case "ft":
+      return t * dt;
+    case "mi":
+      return t * Nr;
+  }
+}
+function ls(t, e) {
+  switch (e) {
+    case "m":
+      return t;
+    case "km":
+      return t / 1e3;
+    case "ft":
+      return t / dt;
+    case "mi":
+      return t / Nr;
+  }
+}
+function li() {
+  const { dataStore: t } = oe(), e = ke(), n = S((D) => D.editingMode), s = S((D) => D.bufferDistance), o = S((D) => D.setBufferDistance), d = S((D) => D.bufferCreateNew), i = S((D) => D.setBufferCreateNew), m = S((D) => D.setGeometryPreview), c = S((D) => D.geometryPreview), y = S((D) => D.commitBufferProcess), f = S((D) => D.cancelBufferProcess), { units: h } = ce(), u = on(h.length), x = ue(
+    () => u === "imperial" ? ["ft", "mi"] : ["m", "km"],
+    [u]
+  ), [w, M] = q(!1), C = w ? x[1] : x[0], [l, p] = q(null);
+  $(() => {
+    var O;
+    if (n !== "buffer-shape") {
+      p(null);
+      return;
+    }
+    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);
+  }, [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);
+  $(() => () => {
+    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()));
+    }
+    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;
+  function b(D) {
+    const R = parseFloat(D);
+    isNaN(R) || o(Math.round(is(R, C)));
+  }
+  function k() {
+    M((D) => !D);
+  }
+  return n !== "buffer-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: "Buffer" }),
+    /* @__PURE__ */ T("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ r(
+        "input",
+        {
+          type: "range",
+          min: a ? 0 : -500,
+          max: 2e3,
+          step: 1,
+          value: s,
+          onChange: (D) => o(Number(D.target.value)),
+          className: "w-28 accent-primary-600"
+        }
+      ),
+      /* @__PURE__ */ T("div", { className: "flex items-center gap-0.5", children: [
+        /* @__PURE__ */ r(
+          "input",
+          {
+            type: "number",
+            value: z,
+            step: K,
+            onChange: (D) => b(D.target.value),
+            className: "w-16 text-sm text-right bg-transparent border border-elm-border rounded-elm-control px-1.5 py-0.5 text-elm-text-secondary focus:outline-none focus:border-primary-500"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: k,
+            className: "text-xs text-primary-600 dark:text-primary-400 hover:bg-(--elm-surface-hover,var(--color-gray-100)) dark:hover:bg-(--elm-surface-hover,var(--color-gray-700)) font-medium px-1.5 py-0.5 rounded-elm-control shrink-0 transition-colors",
+            children: C
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ T("label", { className: "flex items-center gap-1.5 cursor-pointer shrink-0 select-none", children: [
+      /* @__PURE__ */ r("span", { className: "text-sm text-(--elm-text-muted,var(--color-gray-600)) dark:text-(--elm-text-muted,var(--color-gray-400))", children: "New shape" }),
+      /* @__PURE__ */ r(
+        "div",
+        {
+          role: "checkbox",
+          "aria-checked": d,
+          onClick: () => i(!d),
+          className: `relative w-8 h-4 rounded-full transition-colors cursor-pointer ${d ? "bg-primary-500 dark:bg-primary-600" : "bg-elm-border"}`,
+          children: /* @__PURE__ */ r(
+            "span",
+            {
+              className: `absolute top-0.5 w-3 h-3 bg-white rounded-full shadow-sm transition-transform ${d ? "translate-x-4" : "translate-x-0.5"}`
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__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" })
+    ] })
+  ] });
+}
+const as = 8, cs = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -3, ArrowDown: 3 };
+function ai({ options: t, value: e, onChange: n, label: s = "Basemap", size: o, tooltipSide: d }) {
+  const [i, m] = q(!1), [c, y] = q(null), [f, h] = q(!1), u = B(null), x = B(null), w = Kr(), M = qr(), C = c !== null;
+  pe(() => {
+    var K, b;
+    const a = (b = (K = u.current) == null ? void 0 : K.querySelector("button")) == null ? void 0 : b.getBoundingClientRect(), E = x.current;
+    if (!i || !a || !E) return;
+    const { width: g, height: N } = E.getBoundingClientRect(), P = a.top + a.height / 2 > window.innerHeight / 2, z = a.left + a.width / 2 > window.innerWidth / 2;
+    y(ln(z ? a.right : a.left, P ? a.top : a.bottom, g, N, {
+      x: z ? "before" : "after",
+      y: P ? "before" : "after",
+      gapY: as
+    }));
+  }, [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();
+  }, [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));
+    };
+    return window.addEventListener("keydown", a, { capture: !0 }), () => window.removeEventListener("keydown", a, { capture: !0 });
+  }, [i]);
+  const l = (a) => {
+    const E = cs[a.key];
+    if (!E) return;
+    const g = Array.from(a.currentTarget.querySelectorAll("button")), N = g[g.indexOf(document.activeElement) + E];
+    N && (a.preventDefault(), N.focus());
+  };
+  return /* @__PURE__ */ T("div", { ref: u, className: "contents", children: [
+    /* @__PURE__ */ r(Pe, { label: s, onClick: () => {
+      var 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(
+        "div",
+        {
+          ref: x,
+          id: w,
+          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;
+            return /* @__PURE__ */ T(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": E,
+                "aria-label": a.label,
+                onClick: () => n(a.id),
+                className: `flex flex-col rounded-elm-card border transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-400/60 ${E ? "border-primary-500 ring-2 ring-primary-400/40 bg-primary-50 hover:bg-primary-100 dark:bg-primary-950/40 dark:hover:bg-primary-950/60" : "border-elm-border hover:border-(--elm-border-strong,var(--color-gray-400)) dark:hover:border-(--elm-border-strong,var(--color-gray-500)) bg-elm-surface hover:bg-elm-surface-hover"}`,
+                children: [
+                  Array.isArray(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 })
+                ]
+              },
+              a.id
+            );
+          }) })
+        }
+      ) }),
+      document.body
+    )
+  ] });
+}
+function ci(t, e) {
+  const n = B(e);
+  n.current = e, $(() => cn(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));
+  return $(() => {
+    const s = () => {
+      const m = Mt(t);
+      n((c) => ds(c, m) ? c : m);
+    };
+    let o = 0;
+    const d = () => {
+      o || (o = requestAnimationFrame(() => {
+        o = 0, s();
+      }));
+    };
+    s();
+    const i = Hr((t == null ? void 0 : t.closest("[data-elm-theme]")) ?? null, d);
+    return () => {
+      i(), cancelAnimationFrame(o);
+    };
+  }, [t]), e;
+}
+const us = [
+  ".geojson",
+  ".json",
+  "application/geo+json",
+  "application/json"
+];
+function ms(t, e) {
+  const n = t.name.toLowerCase();
+  for (const s of e) {
+    const o = s.toLowerCase();
+    if (o.startsWith(".")) {
+      if (n.endsWith(o)) return !0;
+    } else if (o.endsWith("/*")) {
+      const d = o.slice(0, -1);
+      if (t.type.toLowerCase().startsWith(d)) return !0;
+    } else if (t.type.toLowerCase() === o)
+      return !0;
+  }
+  return !1;
+}
+function ui(t) {
+  const {
+    onImport: e,
+    onError: n,
+    maxBytes: s = dn,
+    accept: o = us,
+    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);
+  $(() => {
+    x.current = e;
+  }, [e]), $(() => {
+    w.current = n;
+  }, [n]), $(() => (u.current = !0, () => {
+    u.current = !1;
+  }), []);
+  const M = ue(() => o.join(","), [o]), C = J(async (b) => {
+    var k, D, R, O;
+    if (!ms(b, o)) {
+      (k = w.current) == null || k.call(w, { kind: "wrong-type", file: b });
+      return;
+    }
+    if (b.size > s) {
+      (D = w.current) == null || D.call(w, { kind: "too-large", bytes: b.size, maxBytes: s });
+      return;
+    }
+    y(!0);
+    try {
+      const j = await b.text();
+      if (!u.current) return;
+      const Z = un(j, { maxBytes: s });
+      if (!u.current) return;
+      if (!Z.ok) {
+        (R = w.current) == null || R.call(w, Z.error);
+        return;
+      }
+      x.current(Z.fc, b);
+    } catch (j) {
+      if (!u.current) return;
+      (O = w.current) == null || O.call(w, {
+        kind: "invalid-json",
+        cause: j instanceof Error ? j : new Error(String(j))
+      });
+    } finally {
+      u.current && y(!1);
+    }
+  }, [o, s]), l = J((b) => {
+    var k, D;
+    d || (D = (k = b.dataTransfer) == null ? void 0 : k.types) != null && D.includes("Files") && (b.preventDefault(), b.stopPropagation(), f.current += 1, m(!0));
+  }, [d]), p = J((b) => {
+    var k, D;
+    d || (D = (k = b.dataTransfer) == null ? void 0 : k.types) != null && D.includes("Files") && (b.preventDefault(), b.stopPropagation(), b.dataTransfer.dropEffect = "copy");
+  }, [d]), a = J((b) => {
+    d || (b.preventDefault(), b.stopPropagation(), f.current = Math.max(0, f.current - 1), f.current === 0 && m(!1));
+  }, [d]), E = J((b) => {
+    var D, R;
+    if (d) return;
+    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) => {
+    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;
+  }, []), P = J(() => {
+    var b;
+    d || (b = h.current) == null || b.click();
+  }, [d]), z = J(() => ({
+    onDragEnter: l,
+    onDragOver: p,
+    onDragLeave: a,
+    onDrop: E
+  }), [l, p, a, 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 };
+}
+const fs = "application/geo+json";
+function ps(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);
+  $(() => {
+    d.current = e;
+  }, [e]), $(() => {
+    i.current = t.onExport;
+  }, [t.onExport]), $(() => {
+    m.current = t.onError;
+  }, [t.onError]), $(() => {
+    c.current = n;
+  }, [n]), $(() => {
+    y.current = s;
+  }, [s]), $(() => {
+    f.current = o;
+  }, [o]);
+  const h = J(() => {
+    var l;
+    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;
+  }, []), u = J((C) => {
+    var l;
+    try {
+      return JSON.stringify(C, null, y.current);
+    } catch (p) {
+      return (l = m.current) == null || l.call(m, {
+        kind: "serialization-error",
+        cause: p instanceof Error ? p : new Error(String(p))
+      }), null;
+    }
+  }, []), x = J(() => {
+    const C = h();
+    return C ? u(C) : null;
+  }, [h, u]), w = J(() => {
+    const C = x();
+    return C === null ? null : new Blob([C], { type: fs });
+  }, [x]);
+  return { exportToFile: J(() => {
+    const C = h();
+    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) => {
+      var E;
+      a && ((E = i.current) == null || E.call(i, C, a));
+    }), p;
+  }, [h, u]), exportToString: x, exportToBlob: w };
+}
+class hs extends Fr.Component {
+  constructor() {
+    super(...arguments);
+    Pt(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 }));
+  }
+  render() {
+    var n;
+    return this.state.hasError ? /* @__PURE__ */ T(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          width: "100%",
+          height: "100%",
+          padding: 32,
+          fontFamily: "var(--elm-font, system-ui, sans-serif)",
+          // Design tokens when the integrator set them; the plain fallback look otherwise.
+          background: "var(--elm-surface-sunken, #fafafa)",
+          color: "var(--elm-text, #333)"
+        },
+        children: [
+          /* @__PURE__ */ r("p", { style: { fontSize: 16, fontWeight: 600, marginBottom: 8 }, children: "Something went wrong" }),
+          /* @__PURE__ */ r("p", { style: { fontSize: 13, color: "var(--elm-text-muted, #666)", marginBottom: 16, maxWidth: 420, textAlign: "center" }, children: ((n = this.state.error) == null ? void 0 : n.message) || "An unexpected error occurred in the map editor." }),
+          /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: () => this.setState({ hasError: !1, error: null }),
+              style: {
+                padding: "8px 16px",
+                fontSize: 13,
+                borderRadius: 8,
+                border: "1px solid var(--elm-border, #ddd)",
+                background: "var(--elm-surface, white)",
+                cursor: "pointer"
+              },
+              children: "Try again"
+            }
+          )
+        ]
+      }
+    ) : this.props.children;
+  }
+}
+function fi({ 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 }) }) }) }) }) });
+}
+const gs = fe(() => import("./GeoJSONModal-BV9Tamf4.js")), ys = fe(() => import("./SchemaModal-DvMbWskS.js")), bs = fe(() => import("./FeatureEditModal-Dr10p3nE.js")), vs = fe(() => import("./DataTablePanel-DDFUmMaM.js")), xs = fe(() => import("./SettingsModal-BScVTjpn.js")), ws = fe(
+  () => import("./ShortcutsModal-ozuS2Ysb.js").then((t) => ({ default: t.ShortcutsModal }))
+);
+it(gs, ys, bs, vs, xs, ws);
+const ks = fe(() => import("./BooleanOperations-BRO7NHUY.js"));
+it(ks);
+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
+};