@element-editor/adapter-leaflet 0.0.0-stage → 0.2.1

package/dist/index.es.js

@@ -0,0 +1,4246 @@
+"use client";
+import En, { useSyncExternalStore as Ho, useRef as $, useCallback as Fe, useEffect as Q, useMemo as _e, useContext as yt, createContext as Ln, memo as Ze, useState as de, startTransition as Bo, useLayoutEffect as $o, forwardRef as uo, useImperativeHandle as Vo } from "react";
+import { useMap as be, useMapEvents as je, Polygon as He, Polyline as ve, Marker as Le, Popup as go, Tooltip as hn } from "react-leaflet";
+import { placeBox as fo, transformUpdates as Xo, getMercatorLatCorrectionRatio as pt, offsetGeometry as Jt, applyVisualTransform as zo, unproject as kn, project as ke, toRadians as ht, mapPositions as po, commitTopoInsert as cn, findTopologicalNeighbors as Go, groupNeighborsByFeature as Yo, commitTopoDelete as yn, vertexEditPatch as bt, insertedPosition as Yn, withXY as zt, applyTopoMove as jn, neighbourPatch as jo, commitTopoMove as Uo, makeCircleCoords as Wo, makeRectCoords as Zo, translateGeometryVisually as We, getPartGeometry as qo, setPartGeometry as Jo, offsetSimpleGeometry as Qo, translateGeometrySpatially as er, canProcessShape as vn, rdp as tr, vertexEditNotice as nr, fitPadding as Dn, createClickRepeatGuard as or, CLICK_TOOL_MODES as rr, CLICK_SLOP_PX as ir, routingError as sr, addPickedFeature as ar, OSM_PICK_MIN_ZOOM as lr, overpassRadiusForZoom as cr, OSM_PICK_OVERLAY_COLORS as xt, isLineGeometryType as ur, normalizeBounds as dr, normalizeFitBoundsTarget as gr, visibleCenterOffset as fr } from "@element-editor/core/internal";
+import { featureLabel as pr, useAccentPalette as ut, useGeoStore as De, useDataStore as Se, useUIStore as K, useEmit as Nt, useIsEventForEditor as Qt, ContextMenu as mr, VertexSelectionBar as hr, FeatureMapContextMenu as yr, useElementEditorConfig as kt, useAccentStyle as vr, useTheme as wr, EventProvider as xr, useAdapterControls as Sr, useKeyboardShortcuts as br, useApplyAccentToRoot as Pr, useReportThemeFromRoot as Cr, preloadEditorPanelsWhenIdle as Mr, useSetMapController as Er } from "@element-editor/ui";
+import { ActiveDrawingToolbar as ia, EditingToolbar as sa, ElementEditorUIProvider as aa, FloatingToolbar as la, GeoStoreProvider as ca, MapControllerProvider as ua, StoreContext as da, useDataStore as ga, useGeoStore as fa, useKeyboardShortcuts as pa, useMapController as ma, useSetMapController as ha, useUIStore as ya } from "@element-editor/ui";
+import { applyRootTokens as Lr, useContextMenu as kr, useRouting as Dr, useServiceAttribution as Ir } from "@element-editor/ui/internal";
+import { getGeometryBBox as In, readAccentPalette as Ar, DEFAULT_FEATURE_COLOR as Te, accentPalette as Rr, getFeatureBBox as mo, fetchRoute as Un, formatLength as Gt, formatArea as An, fetchOverpassFeatures as Fr, overpassErrorMessage as Tr, OverpassError as Or } from "@element-editor/core";
+import { ElementEditorError as wa } from "@element-editor/core";
+import { jsx as w, jsxs as le, Fragment as xe } from "react/jsx-runtime";
+import Xe, { divIcon as Oe, Canvas as Rt, Polygon as Nr, Polyline as _r, marker as Kr, latLng as Hr } from "leaflet";
+import { transformRotate as Br } from "@turf/transform-rotate";
+import { featureCollection as $r, lineString as Tt, polygon as Yt } from "@turf/helpers";
+import { bbox as ho } from "@turf/bbox";
+import Vr from "@turf/boolean-intersects";
+import { Check as yo, Crosshair as Xr, Trash as zr } from "@phosphor-icons/react";
+import { length as ft } from "@turf/length";
+import { area as jt } from "@turf/area";
+import { distance as lt } from "@turf/distance";
+import { createPortal as vo } from "react-dom";
+let Ot = null, Ct = [];
+const wn = /* @__PURE__ */ new Set(), Gr = () => Ot;
+function Rn(t) {
+  if (Ct = [], Ot !== t) {
+    Ot = t;
+    for (const e of wn) e();
+  }
+}
+function Yr(t, e, n) {
+  Ct = e.filter((o) => o.geometry.type !== "Point" && wo(t, o, n));
+}
+function jr(t, e) {
+  Ct.length && (Ct = Ct.filter((n) => wo(t, n, e)));
+}
+function Ur(t) {
+  return Ct.some((e) => e.id === t) && Rn(t), Ot === t;
+}
+function Wr(t) {
+  return Ho(Zr, () => Ot === t);
+}
+function Zr(t) {
+  return wn.add(t), () => {
+    wn.delete(t);
+  };
+}
+const Kt = 10;
+function wo(t, e, n) {
+  const o = e.bbox ?? In(e.geometry), r = t.latLngToContainerPoint([o[1], o[0]]), a = t.latLngToContainerPoint([o[3], o[2]]);
+  return n.x >= r.x - Kt && n.x <= a.x + Kt && n.y >= a.y - Kt && n.y <= r.y + Kt;
+}
+let Pe = null, Fn = !1, Tn = null, ot = null, en = 0, tn = 0;
+function On(t) {
+  return t.ctrlKey || t.metaKey || t.altKey;
+}
+function xo(t) {
+  On(t) && Pe && (Pe.style.display = "none");
+}
+function So(t) {
+  On(t) || Fn || Tn && Pe && Pe.textContent && (Pe.style.display = "", Ut(en, tn));
+}
+function bo(t) {
+  if (!Pe) return;
+  Ut(t.clientX, t.clientY);
+  const e = t.target;
+  e != null && e.closest(".leaflet-container") || (Pe.style.display = "none");
+}
+function Wn(t) {
+  requestAnimationFrame(() => {
+    if (ot !== t.target || t.target._map) return;
+    const e = document.elementFromPoint(en, tn);
+    e != null && e.closest(".leaflet-interactive") || Nn();
+  });
+}
+function Ut(t, e) {
+  if (en = t, tn = e, !Pe || Pe.style.display === "none") return;
+  const { left: n, top: o } = fo(t, e, Pe.offsetWidth, Pe.offsetHeight, { x: "center", y: "before", gapY: 12 });
+  Pe.style.left = n + "px", Pe.style.top = o + "px";
+}
+function qr() {
+  return Pe || (Pe = document.createElement("div"), Pe.className = "elm-feature-tooltip", Pe.style.cssText = "position:fixed;pointer-events:none;z-index:10000;display:none", document.body.appendChild(Pe), window.addEventListener("keydown", xo), window.addEventListener("keyup", So), document.addEventListener("mousemove", bo, { passive: !0 })), Pe;
+}
+function Po(t) {
+  ot !== t && (ot == null || ot.off("remove", Wn), ot = t, ot == null || ot.on("remove", Wn));
+}
+function Nn() {
+  Po(null), Tn = null, Pe && (Pe.remove(), Pe = null, window.removeEventListener("keydown", xo), window.removeEventListener("keyup", So), document.removeEventListener("mousemove", bo));
+}
+function Dt(t, e, n, o, r) {
+  var s, u;
+  if (Fn) return;
+  const a = n.getState();
+  if (Ur(e.id) || !a.showFeatureNameOnHover || a.vertexEditActive) {
+    Nn();
+    return;
+  }
+  const i = pr(e);
+  if (!i) return;
+  const l = qr();
+  l.textContent = i, Lr(l, (u = (s = r == null ? void 0 : r.target) == null ? void 0 : s.closest) == null ? void 0 : u.call(s, "[data-elm-theme]")), Tn = e.id, Po(t), r && Ut(r.clientX, r.clientY), r && On(r) ? l.style.display = "none" : (l.style.display = "", Ut(en, tn));
+}
+function ct(t) {
+  t && Rn(null), Nn();
+}
+function Ue(t) {
+  Fn = t, t && Pe && (Pe.style.display = "none");
+}
+function Jr(t, e) {
+  const n = t.phase;
+  return n === e ? t : n === "Idle" && e === "MouseDown" ? { ...t, phase: e } : n === "MouseDown" && (e === "Dragging" || e === "MouseUp") ? { ...t, phase: e } : n === "Dragging" && e === "MouseUp" ? { ...t, phase: e } : n === "MouseUp" && e === "Click" ? { ...t, phase: e } : (n === "Click" || n === "MouseUp") && e === "Idle" ? { ...t, phase: e } : e === "MouseDown" ? { ...t, phase: e } : { ...t, phase: e };
+}
+function Qr(t) {
+  const e = be(), n = $({
+    phase: "Idle",
+    suppressMapClick: !1,
+    suppressFeatureClick: !1,
+    suppressVertexExit: !1,
+    doubleClickGestureSuppressed: !1
+  }), o = $(t);
+  o.current = t;
+  const r = Fe((s) => {
+    n.current = Jr(n.current, s);
+  }, []), a = Fe((s) => {
+    n.current = { ...n.current, ...s };
+  }, []), i = Fe(() => {
+    n.current.doubleClickGestureSuppressed && a({ doubleClickGestureSuppressed: !1 }), o.current || e.doubleClickZoom.enable();
+  }, [e, a]), l = Fe(() => {
+    a({ doubleClickGestureSuppressed: !0 }), e.doubleClickZoom.disable(), requestAnimationFrame(i);
+  }, [e, i, a]);
+  return Q(() => {
+    if (t) {
+      e.doubleClickZoom.disable();
+      return;
+    }
+    n.current.doubleClickGestureSuppressed || e.doubleClickZoom.enable();
+  }, [t, e]), je({
+    mousedown: () => {
+      r("MouseDown");
+    },
+    mousemove: () => {
+      n.current.phase === "MouseDown" && r("Dragging");
+    },
+    mouseup: () => {
+      const s = n.current;
+      (s.phase === "Dragging" || s.phase === "MouseDown") && r("MouseUp");
+    },
+    click: () => {
+      r("Click");
+    }
+  }), _e(() => ({
+    getPhase: () => n.current.phase,
+    markDragStart: () => {
+      r("Dragging"), Ue(!0);
+    },
+    markDragEnd: () => {
+      r("MouseUp"), a({ suppressMapClick: !0 }), Ue(!1);
+    },
+    shouldHandleFeatureClick: (s = !1) => s ? !1 : n.current.suppressFeatureClick ? (a({ suppressFeatureClick: !1 }), r("Idle"), !1) : !0,
+    markFeatureClick: () => {
+      r("Click"), a({ suppressMapClick: !0 });
+    },
+    shouldHandleMapClick: () => n.current.suppressMapClick ? (a({ suppressMapClick: !1 }), r("Idle"), !1) : !0,
+    suppressNextVertexExit: () => {
+      a({ suppressVertexExit: !0 });
+    },
+    shouldHandleVertexExit: () => n.current.suppressVertexExit ? (a({ suppressVertexExit: !1 }), !1) : !0,
+    suppressDoubleClickZoomForGesture: l
+  }), [r, a, l]);
+}
+const Co = Ln(void 0);
+function Mo({
+  getFeatureStyle: t,
+  children: e
+}) {
+  return /* @__PURE__ */ w(Co.Provider, { value: t, children: e });
+}
+function Eo() {
+  return yt(Co);
+}
+let Pt = { x: -1, y: -1, ctrlKey: !1, metaKey: !1, altKey: !1 };
+if (typeof window < "u") {
+  window.addEventListener("mousemove", (n) => {
+    Pt = { x: n.clientX, y: n.clientY, ctrlKey: n.ctrlKey, metaKey: n.metaKey, altKey: n.altKey };
+  }, { capture: !0, passive: !0 });
+  const t = (n) => {
+    Pt = { x: n.clientX, y: n.clientY, ctrlKey: n.ctrlKey, metaKey: n.metaKey, altKey: n.altKey };
+  };
+  window.addEventListener("pointerdown", t, { capture: !0, passive: !0 }), window.addEventListener("mousedown", t, { capture: !0, passive: !0 });
+  const e = (n) => {
+    Pt = { ...Pt, ctrlKey: n.ctrlKey, metaKey: n.metaKey, altKey: n.altKey };
+  };
+  window.addEventListener("keydown", e, { capture: !0 }), window.addEventListener("keyup", e, { capture: !0 });
+}
+function nn() {
+  return Pt;
+}
+function ei(t) {
+  var r;
+  if (!t) return !1;
+  const e = (r = t.getBoundingClientRect) == null ? void 0 : r.call(t);
+  if (!e) return !1;
+  const { x: n, y: o } = nn();
+  return n < 0 || o < 0 ? !1 : n >= e.left && n <= e.right && o >= e.top && o <= e.bottom;
+}
+let St = null;
+function ti(t, e, n = 40) {
+  const { x: o, y: r } = Pt;
+  if (o < 0 || r < 0) return !1;
+  const a = t.getContainer();
+  (!St || St.el !== a) && (St = { el: a, rect: a.getBoundingClientRect() }, requestAnimationFrame(() => {
+    St = null;
+  }));
+  const i = t.latLngToContainerPoint(e);
+  return Math.abs(St.rect.left + i.x - o) <= n && Math.abs(St.rect.top + i.y - r) <= n;
+}
+function G(t) {
+  return [t[1], t[0]];
+}
+function ea(t) {
+  return [t[1], t[0]];
+}
+function un(t) {
+  const e = t !== "rotate";
+  let n = "";
+  return t === "nw" || t === "se" ? n = "cursor-nwse-resize" : t === "ne" || t === "sw" ? n = "cursor-nesw-resize" : t === "n" || t === "s" ? n = "cursor-ns-resize" : (t === "e" || t === "w") && (n = "cursor-ew-resize"), Xe.divIcon({
+    className: "",
+    html: e ? `<div class="w-3 h-3 bg-white border-2 border-primary-600 shadow-md rounded-sm ${n} hover:scale-125 transition-transform"></div>` : `<div class="group relative flex items-center justify-center">
+           <div class="w-0.5 h-6 bg-primary-600"></div>
+           <div
+             class="absolute -top-3 w-4 h-4 bg-white border-2 border-primary-600 shadow-md rounded-full hover:scale-125 transition-transform flex items-center justify-center"
+             style="cursor: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGcgZmlsdGVyPSJkcm9wLXNoYWRvdygwIDAgMXB4IHdoaXRlKSBkcm9wLXNoYWRvdygwIDAgMXB4IHdoaXRlKSI+PHBhdGggZD0iTTIxLjUgMnY2aC02TTIxLjM0IDE1LjU3YTEwIDEwIDAgMSAxLS41OS05LjVsMS4yNSAxLjkzIi8+PC9nPjwvc3ZnPg==') 12 12, grab;"
+           >
+             <div class="w-1.5 h-1.5 bg-primary-600 rounded-full"></div>
+           </div>
+         </div>`,
+    iconSize: e ? [12, 12] : [16, 32],
+    iconAnchor: e ? [6, 6] : [8, 32]
+  });
+}
+function dn(t) {
+  const e = $r(t), [n, o, r, a] = ho(e), i = (n + r) / 2, l = si(o, a);
+  return {
+    corners: [
+      [n, a],
+      [r, a],
+      [r, o],
+      [n, o]
+    ],
+    edges: [
+      [i, a],
+      [r, l],
+      [i, o],
+      [n, l]
+    ],
+    // The box centre (rotation pivot, Alt-scale anchor), not the vertex mean.
+    center: [i, l],
+    rotateHandle: [i, a]
+  };
+}
+function gn(t, e, n) {
+  const [o, r] = e, a = ht(n), i = Math.cos(a), l = Math.sin(a), s = pt(r);
+  return t.map(([u, g]) => {
+    const P = (u - o) * s, d = g - r;
+    return [
+      o + (P * i - d * l) / s,
+      r + (P * l + d * i)
+    ];
+  });
+}
+function ni(t, e, n, o, r) {
+  const [a, i] = e, l = ht(r), s = Math.cos(l), u = Math.sin(l), g = pt(i);
+  return t.map(([P, d]) => {
+    const p = (P - a) * g, C = d - i, M = p * s + C * u, S = -p * u + C * s, m = M * n, y = S * o, x = m * s - y * u, f = m * u + y * s;
+    return [a + x / g, i + f];
+  });
+}
+function oi(t, e, n, o) {
+  const r = ke(e), a = ht(o), i = Math.cos(a), l = Math.sin(a);
+  function s(u) {
+    const g = ke(u), P = g[0] - r[0], d = g[1] - r[1], p = P * i + d * l, C = -P * l + d * i, M = p * n, S = C * n, m = M * i - S * l, y = M * l + S * i;
+    return kn([r[0] + m, r[1] + y]);
+  }
+  return { ...t, geometry: po(t.geometry, s) };
+}
+function ri(t, e, n, o) {
+  const r = ke(e), a = ht(o), i = Math.cos(a), l = Math.sin(a);
+  return t.map((s) => {
+    const u = ke(s), g = u[0] - r[0], P = u[1] - r[1], d = g * i + P * l, p = -g * l + P * i, C = d * n, M = p * n, S = C * i - M * l, m = C * l + M * i;
+    return kn([r[0] + S, r[1] + m]);
+  });
+}
+function ii(t, e, n, o, r) {
+  const [a, i] = e, l = ht(r), s = Math.cos(l), u = Math.sin(l), g = pt(i);
+  function P(d) {
+    const p = (d[0] - a) * g, C = d[1] - i, M = p * s + C * u, S = -p * u + C * s, m = M * n, y = S * o, x = m * s - y * u, f = m * u + y * s;
+    return [a + x / g, i + f];
+  }
+  return { ...t, geometry: po(t.geometry, P) };
+}
+function si(t, e) {
+  return kn([0, (ke([0, t])[1] + ke([0, e])[1]) / 2])[1];
+}
+function ai(t, e, n, o) {
+  const r = o ? t.initialBbox.center : t.origin, a = Math.cos(ht(t.rotationAngle)), i = Math.sin(ht(t.rotationAngle));
+  let l;
+  if (n) {
+    const S = ke(r);
+    l = (m) => {
+      const y = ke(m), x = y[0] - S[0], f = y[1] - S[1];
+      return [x * a + f * i, -x * i + f * a];
+    };
+  } else {
+    const S = pt(r[1]);
+    l = (m) => {
+      const y = (m[0] - r[0]) * S, x = m[1] - r[1];
+      return [y * a + x * i, -y * i + x * a];
+    };
+  }
+  const [s, u] = l(t.startLngLat), [g, P] = l(e), d = t.edgeIndex === 0 || t.edgeIndex === 2, p = t.edgeIndex === 1 || t.edgeIndex === 3, C = (S) => Math.abs(S) < 0.01 ? S < 0 ? -0.01 : 0.01 : S, M = (S, m) => Math.abs(m) > 1e-9 ? S / m : 1;
+  if (n) {
+    let S;
+    if (d) S = M(P, u);
+    else if (p) S = M(g, s);
+    else {
+      const m = s * s + u * u;
+      S = m > 1e-18 ? (g * s + P * u) / m : 1;
+    }
+    return { origin: r, uniform: !0, factor: C(S) };
+  }
+  return {
+    origin: r,
+    uniform: !1,
+    scaleX: p || !d ? C(M(g, s)) : 1,
+    scaleY: d || !p ? C(M(P, u)) : 1
+  };
+}
+function li(t, e, n, o) {
+  const r = n.uniform ? (a) => ri(a, n.origin, n.factor, o) : (a) => ni(a, n.origin, n.scaleX, n.scaleY, o);
+  return {
+    features: t.map((a) => n.uniform ? oi(a, n.origin, n.factor, o) : ii(a, n.origin, n.scaleX, n.scaleY, o)),
+    box: {
+      corners: r(e.corners),
+      edges: r(e.edges),
+      center: r([e.center])[0],
+      rotateHandle: r([e.rotateHandle])[0]
+    }
+  };
+}
+function ci(t, e, n) {
+  if (!n) return [e[0] - t[0], e[1] - t[1]];
+  const o = ke(t), r = ke(e);
+  return [r[0] - o[0], r[1] - o[1]];
+}
+function Ht(t, e, n) {
+  return Jt({ type: "MultiPoint", coordinates: t }, e, n).coordinates;
+}
+function ui(t, e, n) {
+  let o = !1;
+  for (let r = 0, a = e.length - 1; r < e.length; a = r++) {
+    const i = e[r], l = e[a];
+    if (i.y > t.y != l.y > t.y && t.x < (l.x - i.x) * (t.y - i.y) / (l.y - i.y) + i.x && (o = !o), Xe.LineUtil.pointToSegmentDistance(t, i, l) <= n) return !0;
+  }
+  return o;
+}
+const di = 3, gi = 8, fi = Ze(function() {
+  const e = be(), n = ut(e.getContainer())[500], { dataStore: o, uiStore: r } = De(), a = Se((R) => R.selectedIds), i = Se((R) => R.features), l = K((R) => R.transformActive), s = K((R) => R.setTransformDragging), [u, g] = de(null), [P, d] = de(null), p = $(null), C = $(null);
+  p.current = u, C.current = P;
+  const [M, S] = de(null), m = $(0), y = a.join(",");
+  Q(() => {
+    S(null), m.current = 0;
+  }, [y]);
+  const x = $(null), f = Fe((R) => {
+    const c = e.getContainer().getBoundingClientRect();
+    return e.containerPointToLatLng(Xe.point(R.clientX - c.left, R.clientY - c.top));
+  }, [e]);
+  Q(() => {
+    let R = null;
+    function c(j) {
+      x.current && (j.preventDefault(), R = { clientX: j.clientX, clientY: j.clientY }, B(j));
+    }
+    function E(j) {
+      var ce;
+      j.key !== "Shift" && j.key !== "Alt" || ((ce = x.current) == null ? void 0 : ce.type) !== "scale" || !R || (j.preventDefault(), B({ ...R, shiftKey: j.shiftKey, altKey: j.altKey }));
+    }
+    function B(j) {
+      if (!x.current) return;
+      const ce = f(j), te = ce.lat, ue = ce.lng, X = x.current, v = o.getState().geometryMode;
+      if (X.type === "move") {
+        if (!X.moving) {
+          const q = e.getContainer().getBoundingClientRect();
+          if (X.startPoint.distanceTo(Xe.point(j.clientX - q.left, j.clientY - q.top)) < di) return;
+          X.moving = !0, s(!0);
+        }
+        const U = v === "visual", ee = ci(X.startLatLng, [ue, te], U);
+        g(X.initialFeatures.map((q) => ({ ...q, geometry: Jt(q.geometry, ee, U) }))), d({
+          corners: Ht(X.initialBbox.corners, ee, U),
+          edges: Ht(X.initialBbox.edges, ee, U),
+          center: Ht([X.initialBbox.center], ee, U)[0],
+          rotateHandle: Ht([X.initialBbox.rotateHandle], ee, U)[0]
+        });
+      } else if (X.type === "rotate") {
+        const U = pt(X.center[1]), ee = te - X.center[1], q = v === "visual" ? (ue - X.center[0]) * U : ue - X.center[0], ne = (Math.atan2(ee, q) - X.initialAngle) * (180 / Math.PI), fe = X.initialFeatures.map(
+          (we) => v === "visual" ? zo(we, X.center, 1, 1, ne) : Br(we, ne, { pivot: X.center })
+        );
+        g(fe);
+        const W = X.center;
+        d({
+          corners: gn(X.initialBbox.corners, W, ne),
+          edges: gn(X.initialBbox.edges, W, ne),
+          center: W,
+          rotateHandle: gn([X.initialBbox.rotateHandle], W, ne)[0]
+        });
+      } else if (X.type === "scale") {
+        const U = X.rotationAngle, ee = ai({
+          initialBbox: X.initialBbox,
+          origin: X.origin,
+          startLngLat: X.startLatLng,
+          edgeIndex: X.edgeIndex,
+          rotationAngle: U
+        }, [ue, te], j.shiftKey, j.altKey), q = li(X.initialFeatures, X.initialBbox, ee, U);
+        g(q.features), d(q.box);
+      }
+    }
+    function J() {
+      if (!x.current) return;
+      const j = p.current, ce = C.current, te = x.current.type === "rotate", ue = x.current.type === "move";
+      if (x.current.rotationAngle, x.current = null, e.dragging.enable(), s(!1), !ue || j) {
+        const X = e.getContainer(), v = (U) => U.stopPropagation();
+        X.addEventListener("click", v, !0), setTimeout(() => X.removeEventListener("click", v, !0), 0);
+      }
+      if (j && (o.getState().takeSnapshot(), o.getState().updateFeatures(Xo(
+        o.getState().features,
+        j.map((X) => ({ id: String(X.id), geometry: X.geometry })),
+        r.getState().topoEditEnabled
+      ))), ce && (S(ce), te)) {
+        const X = ce.center, v = ce.edges[1], U = pt(X[1]), ee = (v[0] - X[0]) * U, q = v[1] - X[1];
+        m.current = Math.atan2(q, ee) * (180 / Math.PI);
+      }
+      g(null), d(null), R = null;
+    }
+    return document.addEventListener("mousemove", c), document.addEventListener("mouseup", J), document.addEventListener("keydown", E), document.addEventListener("keyup", E), () => {
+      document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", J), document.removeEventListener("keydown", E), document.removeEventListener("keyup", E);
+    };
+  }, [e, f, s]);
+  const h = $(null);
+  if (h.current = null, je({
+    mousedown(R) {
+      var j, ce;
+      const c = h.current, E = R.originalEvent;
+      if (!c || x.current || E.button !== 0 || E.shiftKey || E.altKey || E.ctrlKey || E.metaKey) return;
+      const B = r.getState();
+      if (B.readonly || B.editingMode !== "none" || B.vertexEditActive || (ce = (j = E.target) == null ? void 0 : j.closest) != null && ce.call(j, ".leaflet-marker-icon")) return;
+      const J = c.box.corners.map((te) => e.latLngToContainerPoint(G(te)));
+      ui(R.containerPoint, J, gi) && (E.preventDefault(), e.dragging.disable(), x.current = {
+        type: "move",
+        initialFeatures: structuredClone(c.features),
+        initialBbox: c.box,
+        rotationAngle: m.current,
+        startLatLng: [R.latlng.lng, R.latlng.lat],
+        startPoint: R.containerPoint,
+        moving: !1
+      });
+    }
+  }), !l || a.length === 0) return null;
+  const I = new Set(a), z = i.filter((R) => I.has(R.id));
+  if (z.length === 0) return null;
+  const k = P || M || dn(z);
+  P || (h.current = { box: k, features: z });
+  const { corners: H, edges: D, rotateHandle: _ } = k, F = [...H, H[0]].map(G);
+  function Y(R) {
+    var c, E, B, J;
+    (E = (c = R.originalEvent) == null ? void 0 : c.preventDefault) == null || E.call(c), (J = (B = R.originalEvent) == null ? void 0 : B.stopPropagation) == null || J.call(B), e.dragging.disable();
+  }
+  function L(R) {
+    Y(R);
+    const c = M || dn(z), E = c.center, B = f(R.originalEvent), J = o.getState().geometryMode, j = pt(E[1]), ce = B.lat - E[1], te = J === "visual" ? (B.lng - E[0]) * j : B.lng - E[0];
+    x.current = {
+      type: "rotate",
+      initialFeatures: structuredClone(z),
+      initialBbox: c,
+      rotationAngle: m.current,
+      center: E,
+      initialAngle: Math.atan2(ce, te)
+    }, s(!0);
+  }
+  function V(R, c, E) {
+    Y(R);
+    const B = M || dn(z), J = f(R.originalEvent), j = E ? B.edges[(c + 2) % 4] : B.corners[(c + 2) % 4];
+    x.current = {
+      type: "scale",
+      initialFeatures: structuredClone(z),
+      initialBbox: B,
+      rotationAngle: m.current,
+      origin: j,
+      startLatLng: [J.lng, J.lat],
+      edgeIndex: E ? c : void 0
+    }, s(!0);
+  }
+  return /* @__PURE__ */ le(xe, { children: [
+    u == null ? void 0 : u.map((R) => R.geometry.type === "Polygon" ? /* @__PURE__ */ w(
+      He,
+      {
+        positions: R.geometry.coordinates.map((c) => c.map(G)),
+        pathOptions: { color: n, weight: 2, fillOpacity: 0.1, dashArray: "5 5" },
+        interactive: !1
+      },
+      R.id
+    ) : R.geometry.type === "MultiPolygon" ? /* @__PURE__ */ w(
+      He,
+      {
+        positions: R.geometry.coordinates.map((c) => c.map((E) => E.map(G))),
+        pathOptions: { color: n, weight: 2, fillOpacity: 0.1, dashArray: "5 5" },
+        interactive: !1
+      },
+      R.id
+    ) : R.geometry.type === "LineString" ? /* @__PURE__ */ w(
+      ve,
+      {
+        positions: R.geometry.coordinates.map(G),
+        pathOptions: { color: n, weight: 2, dashArray: "5 5" },
+        interactive: !1
+      },
+      R.id
+    ) : R.geometry.type === "MultiLineString" ? /* @__PURE__ */ w(
+      ve,
+      {
+        positions: R.geometry.coordinates.map((c) => c.map(G)),
+        pathOptions: { color: n, weight: 2, dashArray: "5 5" },
+        interactive: !1
+      },
+      R.id
+    ) : null),
+    /* @__PURE__ */ w(
+      ve,
+      {
+        positions: F,
+        pathOptions: { color: n, weight: 1.5, dashArray: "4 4", fill: !1 },
+        interactive: !1
+      }
+    ),
+    H.map((R, c) => /* @__PURE__ */ w(
+      Le,
+      {
+        position: G(R),
+        icon: un(["nw", "ne", "se", "sw"][c]),
+        draggable: !1,
+        eventHandlers: { mousedown: (E) => V(E, c, !1) }
+      },
+      `corner-${c}`
+    )),
+    D.map((R, c) => /* @__PURE__ */ w(
+      Le,
+      {
+        position: G(R),
+        icon: un(["n", "e", "s", "w"][c]),
+        draggable: !1,
+        eventHandlers: { mousedown: (E) => V(E, c, !0) }
+      },
+      `edge-${c}`
+    )),
+    /* @__PURE__ */ w(
+      Le,
+      {
+        position: G(_),
+        icon: un("rotate"),
+        draggable: !1,
+        eventHandlers: { mousedown: (R) => L(R) }
+      }
+    )
+  ] });
+});
+function pi([t, e, n, o], r, a, i, l) {
+  return t >= r && n <= i && e >= a && o <= l;
+}
+function mi(t, e) {
+  if (t === e) return !0;
+  if (t.length !== e.length) return !1;
+  const n = new Set(t);
+  return e.every((o) => n.has(o));
+}
+function hi({ onSelect: t, onDragStart: e, readonly: n, getInitialVertexIndices: o, onVertexBoxPreview: r }) {
+  const { dataStore: a } = De(), i = be(), l = K((M) => M.editingMode), s = K((M) => M.transformActive), u = K((M) => M.vertexEditActive), g = Se((M) => M.setSelection), P = $(l), d = $(s), p = $(u), C = $(g);
+  return P.current = l, d.current = s, p.current = u, C.current = g, Q(() => (i.boxZoom.disable(), () => {
+    i.boxZoom.enable();
+  }), [i]), je({
+    mousedown(M) {
+      var V, R;
+      if (!M.originalEvent.shiftKey || n || d.current) return;
+      const S = p.current;
+      if (!S && P.current !== "none") return;
+      const m = M.originalEvent.clientX, y = M.originalEvent.clientY;
+      let x = !1, f = null;
+      const h = [...a.getState().selectedIds];
+      let I = 0;
+      const z = S ? new Set((o == null ? void 0 : o()) ?? []) : null;
+      let k = 0;
+      function H(c) {
+        const E = i.getContainer().getBoundingClientRect(), B = Math.min(m, c.clientX) - E.left, J = Math.min(y, c.clientY) - E.top, j = Math.max(m, c.clientX) - E.left, ce = Math.max(y, c.clientY) - E.top, te = i.containerPointToLatLng([B, J]), ue = i.containerPointToLatLng([j, ce]);
+        return {
+          latMin: Math.min(te.lat, ue.lat),
+          latMax: Math.max(te.lat, ue.lat),
+          lngMin: Math.min(te.lng, ue.lng),
+          lngMax: Math.max(te.lng, ue.lng)
+        };
+      }
+      function D(c) {
+        const E = a.getState().selectedIds[0];
+        if (!E) return null;
+        const B = a.getState().features.find((v) => v.id === E);
+        if (!B) return null;
+        let J;
+        if (B.geometry.type === "LineString")
+          J = B.geometry.coordinates;
+        else if (B.geometry.type === "Polygon")
+          J = B.geometry.coordinates[0].slice(0, -1);
+        else
+          return null;
+        const { latMin: j, latMax: ce, lngMin: te, lngMax: ue } = H(c), X = [];
+        for (let v = 0; v < J.length; v++) {
+          const [U, ee] = J[v];
+          U >= te && U <= ue && ee >= j && ee <= ce && X.push(v);
+        }
+        return { id: E, indices: X };
+      }
+      function _(c) {
+        const E = i.getContainer().getBoundingClientRect(), B = Math.min(m, c.clientX) - E.left, J = Math.min(y, c.clientY) - E.top, j = Math.max(m, c.clientX) - E.left, ce = Math.max(y, c.clientY) - E.top, te = i.containerPointToLatLng([B, J]), ue = i.containerPointToLatLng([j, ce]), X = Math.min(te.lat, ue.lat), v = Math.max(te.lat, ue.lat), U = Math.min(te.lng, ue.lng), ee = Math.max(te.lng, ue.lng), q = a.getState(), ge = new Set(q.groups.filter((he) => he.hidden).map((he) => he.id)), ne = q.features.filter((he) => !he.groupId || !ge.has(he.groupId)), fe = {
+          type: "Feature",
+          properties: {},
+          geometry: {
+            type: "Polygon",
+            coordinates: [[
+              [U, X],
+              [ee, X],
+              [ee, v],
+              [U, v],
+              [U, X]
+            ]]
+          }
+        }, W = [];
+        for (const he of ne)
+          if (he.geometry.type === "Point") {
+            const [Ie, Be] = he.geometry.coordinates;
+            Ie >= U && Ie <= ee && Be >= X && Be <= v && W.push(he.id);
+          } else {
+            const Ie = he.bbox || In(he.geometry), [Be, ze, re, Me] = Ie;
+            if (Be <= ee && re >= U && ze <= v && Me >= X) {
+              if (pi(Ie, U, X, ee, v)) {
+                W.push(he.id);
+                continue;
+              }
+              try {
+                Vr(fe, he) && W.push(he.id);
+              } catch {
+                W.push(he.id);
+              }
+            }
+          }
+        let we = h;
+        if (W.length > 0) {
+          const he = new Set(h);
+          W.forEach((Ie) => he.add(Ie)), we = Array.from(he);
+        }
+        mi(q.selectedIds, we) && q.selectedGroupId === null || Bo(() => {
+          C.current(we);
+        });
+      }
+      function F(c) {
+        var J;
+        const E = Math.abs(c.clientX - m), B = Math.abs(c.clientY - y);
+        if (!(!x && E < 5 && B < 5)) {
+          if (!x) {
+            x = !0, e(), i.dragging.disable(), document.body.style.userSelect = "none", (J = window.getSelection()) == null || J.removeAllRanges(), f = document.createElement("div");
+            const j = Ar(i.getContainer())[500];
+            f.style.cssText = [
+              "position:fixed",
+              // Body-level and outside the scoped preflight — size by the border box explicitly.
+              "box-sizing:border-box",
+              `left:${m}px`,
+              `top:${y}px`,
+              "width:0",
+              "height:0",
+              `border:2px dashed ${j}`,
+              `background:color-mix(in srgb, ${j} 8%, transparent)`,
+              "pointer-events:none",
+              "z-index:10000"
+            ].join(";"), document.body.appendChild(f);
+          }
+          if (f) {
+            const j = Math.min(m, c.clientX), ce = Math.min(y, c.clientY);
+            f.style.left = `${j}px`, f.style.top = `${ce}px`, f.style.width = `${Math.abs(c.clientX - m)}px`, f.style.height = `${Math.abs(c.clientY - y)}px`;
+          }
+          if (!S && Date.now() - I > 30 && (_(c), I = Date.now()), S && r && Date.now() - k > 30) {
+            const j = D(c);
+            if (j) {
+              const ce = new Set(z ?? []);
+              for (const te of j.indices) ce.add(te);
+              r(j.id, [...ce].sort((te, ue) => te - ue));
+            }
+            k = Date.now();
+          }
+        }
+      }
+      function Y(c) {
+        var j, ce;
+        const E = ((ce = (j = document.querySelector(".leaflet-container")) == null ? void 0 : j.ownerDocument) == null ? void 0 : ce.defaultView) || window;
+        if (E.removeEventListener("mousemove", F), E.removeEventListener("mouseup", Y), !x) return;
+        if (i.dragging.enable(), document.body.style.userSelect = "", f && document.body.removeChild(f), S) {
+          const te = D(c);
+          if (te) {
+            const ue = new Set(z ?? []);
+            for (const v of te.indices) ue.add(v);
+            const X = [...ue].sort((v, U) => v - U);
+            X.length > 0 && t(te.id, X);
+          }
+          return;
+        }
+        if (_(c), !(a.getState().selectedIds.length > h.length)) {
+          const te = i.getContainer().getBoundingClientRect(), ue = Math.min(m, c.clientX) - te.left, X = Math.min(y, c.clientY) - te.top, v = Math.max(m, c.clientX) - te.left, U = Math.max(y, c.clientY) - te.top, ee = i.containerPointToLatLng([ue, X]), q = i.containerPointToLatLng([v, U]), ge = Math.min(ee.lat, q.lat), ne = Math.max(ee.lat, q.lat), fe = Math.min(ee.lng, q.lng), W = Math.max(ee.lng, q.lng), we = a.getState(), he = new Set(we.groups.filter((re) => re.hidden).map((re) => re.id)), Ie = we.features.filter((re) => !re.groupId || !he.has(re.groupId));
+          let Be = null, ze = [];
+          for (const re of Ie) {
+            if (!we.selectedIds.includes(re.id)) continue;
+            let Me;
+            if (re.geometry.type === "LineString")
+              Me = re.geometry.coordinates;
+            else if (re.geometry.type === "Polygon")
+              Me = re.geometry.coordinates[0].slice(0, -1);
+            else
+              continue;
+            const $e = Me.reduce((rt, [it, wt], T) => (it >= fe && it <= W && wt >= ge && wt <= ne && rt.push(T), rt), []);
+            $e.length > ze.length && (Be = re.id, ze = $e);
+          }
+          Be && ze.length > 0 && t(Be, ze);
+        }
+      }
+      const L = ((R = (V = document.querySelector(".leaflet-container")) == null ? void 0 : V.ownerDocument) == null ? void 0 : R.defaultView) || window;
+      L.addEventListener("mousemove", F), L.addEventListener("mouseup", Y);
+    }
+  }), null;
+}
+function xn(t, e) {
+  return Math.hypot(t.x - e.x, t.y - e.y);
+}
+function yi(t, e, n) {
+  const o = (e.x - n.x) ** 2 + (e.y - n.y) ** 2;
+  if (o === 0) return { distance: xn(t, e), closest: e };
+  let r = ((t.x - e.x) * (n.x - e.x) + (t.y - e.y) * (n.y - e.y)) / o;
+  r = Math.max(0, Math.min(1, r));
+  const a = { x: e.x + r * (n.x - e.x), y: e.y + r * (n.y - e.y) };
+  return { distance: xn(t, a), closest: a };
+}
+function Sn(t, e, n, o, r = 15, a = /* @__PURE__ */ new Set()) {
+  const i = n.latLngToLayerPoint([e, t]);
+  let l = 1 / 0, s = null, u = 1 / 0, g = null;
+  const P = r + 1, d = n.layerPointToLatLng([i.x - P, i.y - P]), p = n.layerPointToLatLng([i.x + P, i.y + P]), C = Math.min(d.lng, p.lng), M = Math.max(d.lng, p.lng), S = Math.min(d.lat, p.lat), m = Math.max(d.lat, p.lat), y = (h) => h[0] < C || h[0] > M || h[1] < S || h[1] > m;
+  function x(h, I = !0) {
+    if (!h || h.length === 0) return;
+    let z = -1, k = null;
+    const H = (D) => {
+      if (D === z) return k;
+      const _ = h[D];
+      return n.latLngToLayerPoint([_[1], _[0]]);
+    };
+    for (let D = 0; D < h.length; D++) {
+      const _ = h[D], F = y(_);
+      let Y = null;
+      if (!F) {
+        Y = H(D);
+        const L = xn(i, Y);
+        L < l && (l = L, s = _);
+      }
+      if (I && D < h.length - 1) {
+        const L = h[D + 1];
+        if (_[0] < C && L[0] < C || _[0] > M && L[0] > M || _[1] < S && L[1] < S || _[1] > m && L[1] > m) continue;
+        const V = Y ?? H(D), R = n.latLngToLayerPoint([L[1], L[0]]);
+        z = D + 1, k = R;
+        const { distance: c, closest: E } = yi(i, V, R);
+        c < u && (u = c, g = E);
+      }
+    }
+  }
+  function f(h) {
+    switch (h.type) {
+      case "Point":
+        x([h.coordinates]);
+        break;
+      case "MultiPoint":
+        x(h.coordinates, !1);
+        break;
+      case "LineString":
+        x(h.coordinates);
+        break;
+      case "Polygon":
+      case "MultiLineString":
+        for (const I of h.coordinates) x(I);
+        break;
+      case "MultiPolygon":
+        for (const I of h.coordinates)
+          for (const z of I) x(z);
+        break;
+      case "GeometryCollection":
+        for (const I of h.geometries) f(I);
+        break;
+    }
+  }
+  for (const h of o)
+    if (!a.has(h.id)) {
+      if (h.bbox) {
+        const [I, z, k, H] = h.bbox;
+        if (k < C || I > M || H < S || z > m) continue;
+      }
+      f(h.geometry);
+    }
+  if (l <= r && s)
+    return { latlng: s, isVertex: !0 };
+  if (u <= r && g) {
+    const h = n.layerPointToLatLng(g);
+    return { latlng: [h.lng, h.lat], isVertex: !1 };
+  }
+  return null;
+}
+function Lo(t, e, n, o = 15) {
+  const r = t.latLngToContainerPoint([e[1], e[0]]), a = t.latLngToContainerPoint([n[1], n[0]]), i = a.x - r.x, l = a.y - r.y, s = Math.hypot(i, l);
+  if (s < 1) return n;
+  const u = Math.atan2(l, i), g = o * Math.PI / 180, P = Math.round(u / g) * g, d = r.x + s * Math.cos(P), p = r.y + s * Math.sin(P), C = t.containerPointToLatLng([d, p]);
+  return [C.lng, C.lat];
+}
+function bn(t) {
+  let e = 0, n = null;
+  const o = () => {
+    e = 0;
+    const r = n;
+    n = null, r && t(...r);
+  };
+  return {
+    schedule(...r) {
+      n = r, e || (e = requestAnimationFrame(o));
+    },
+    flush() {
+      e && cancelAnimationFrame(e), o();
+    },
+    cancel() {
+      e && cancelAnimationFrame(e), e = 0, n = null;
+    }
+  };
+}
+let Zn = !1;
+function vi() {
+  if (Zn) return;
+  const t = document.createElement("style");
+  t.textContent = [
+    ".elm-midpoint-marker{pointer-events:auto!important}",
+    ".elm-vertex:hover{background:var(--color-primary-100)!important}"
+  ].join(""), document.head.appendChild(t), Zn = !0;
+}
+const wi = Oe({
+  className: "",
+  html: '<div class="elm-vertex" style="width:12px;height:12px;background:#ffffff;border:2px solid var(--color-primary-500);border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.3);cursor:pointer;transition:background 0.15s"></div>',
+  iconSize: [12, 12],
+  iconAnchor: [6, 6]
+}), xi = Oe({
+  className: "",
+  html: '<div class="elm-vertex" style="width:12px;height:12px;background:var(--color-primary-500);border:2px solid var(--color-primary-700);border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.3);cursor:pointer;transition:background 0.15s"></div>',
+  iconSize: [12, 12],
+  iconAnchor: [6, 6]
+}), Si = Oe({
+  className: "elm-midpoint-marker",
+  html: '<div style="width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer" class="group"><div class="bg-white border-2 border-primary-500 shadow group-hover:bg-primary-100 transition-colors" style="width:12px;height:12px;transform:rotate(45deg);border-radius:3px"></div></div>',
+  iconSize: [24, 24],
+  iconAnchor: [12, 12]
+});
+typeof document < "u" && vi();
+const Ft = Math.PI / 180, qn = 85.0511287798;
+function Bt(t) {
+  const e = Math.max(Math.min(t, qn), -qn);
+  return Math.log(Math.tan(Math.PI / 4 + e * Ft / 2));
+}
+function Jn(t, e, n) {
+  if (t.length <= n) return t;
+  const o = new Float64Array(t.length);
+  for (let u = 1; u < t.length; u++)
+    o[u] = o[u - 1] + Math.hypot(e[2 * u] - e[2 * u - 2], e[2 * u + 1] - e[2 * u - 1]);
+  const r = o[o.length - 1];
+  if (r === 0) return t.slice(0, n);
+  const a = r / n, i = [];
+  let l = 0, s = -1;
+  for (let u = 0; u < n; u++) {
+    const g = u * a;
+    for (; l < o.length - 1 && o[l + 1] < g; ) l++;
+    l !== s && (i.push(t[l]), s = l);
+  }
+  return i;
+}
+function bi(t, e) {
+  const n = (r) => Math.log(Math.tan(Math.PI / 4 + r * Math.PI / 180 / 2)), o = (r) => (2 * Math.atan(Math.exp(r)) - Math.PI / 2) * 180 / Math.PI;
+  return [(t[0] + e[0]) / 2, o((n(t[1]) + n(e[1])) / 2)];
+}
+function Pi(t, e, n, o, r, a) {
+  const i = r - n, l = a - o, s = i * i + l * l, u = s === 0 ? 0 : Math.max(0, Math.min(1, ((t - n) * i + (e - o) * l) / s)), g = t - (n + u * i), P = e - (o + u * l);
+  return g * g + P * P;
+}
+function fn() {
+  document.querySelectorAll(".elm-midpoint-marker").forEach((t) => {
+    t.style.display = "none";
+  });
+}
+function Ci({
+  feature: t,
+  selectedIndices: e,
+  onExit: n,
+  onDeleteSelected: o,
+  onSelectIndices: r,
+  onFeatureClick: a,
+  readonly: i
+}) {
+  var zn, Gn;
+  const { dataStore: l, uiStore: s } = De(), u = Nt(), g = Qt(), P = Se((b) => b.updateFeature), d = t.geometry.type === "Polygon", p = d ? t.geometry.coordinates[0].slice(0, -1) : t.geometry.coordinates, C = _e(() => {
+    const b = new Float64Array(p.length * 2);
+    for (let A = 0; A < p.length; A++)
+      b[2 * A] = p[A][0] * Ft, b[2 * A + 1] = Bt(p[A][1]);
+    return b;
+  }, [t.geometry]), M = _e(() => new Set(e), [e]), [S, m] = de(null), [y, x] = de({ lng: "", lat: "" }), [f, h] = de(null), I = Fe(() => h(null), []), [z, k] = de(null), H = $(null), D = $(null), _ = $(0), [F] = de(() => bn((b) => b()));
+  Q(() => () => F.cancel(), [F]);
+  const Y = $(/* @__PURE__ */ new Map()), L = $(/* @__PURE__ */ new Map()), V = $(/* @__PURE__ */ new Map()), R = $(null), c = $(!1);
+  Q(() => {
+    const b = (A) => {
+      c.current = A.metaKey || A.ctrlKey;
+    };
+    return window.addEventListener("keydown", b), window.addEventListener("keyup", b), () => {
+      window.removeEventListener("keydown", b), window.removeEventListener("keyup", b);
+    };
+  }, []);
+  const [E, B] = de(0), J = be();
+  je({
+    click: () => {
+      Date.now() < _.current || n();
+    },
+    moveend: () => B((b) => b + 1),
+    // Hover detection at the map level — Leaflet's per-path mousemove fires
+    // unreliably (skipped for the right edge of a square in our probe) and a
+    // map-level handler with a pixel-distance check is rock-solid by
+    // comparison. Hysteresis (22 px enter, 36 px exit) prevents flicker as
+    // the cursor approaches the midpoint marker.
+    mousemove: (b) => {
+      if (i || H.current !== null) return;
+      const { idx: A, px: N } = rt(b.latlng), Z = it.current !== null ? T : wt;
+      N <= Z && A >= 0 ? pe(A) : pe(null);
+    },
+    mouseout: () => {
+      H.current === null && pe(null);
+    }
+  }), Q(() => {
+    document.querySelectorAll(".elm-midpoint-marker").forEach((b) => {
+      b.style.display = "";
+    });
+  }, [t]), Q(() => {
+    var N, O;
+    if (e.length === 0 || i) return;
+    function b(Z) {
+      var se;
+      ((se = document.activeElement) == null ? void 0 : se.tagName) !== "INPUT" && g(Z) && (Z.key === "Delete" || Z.key === "Backspace") && (Z.preventDefault(), o());
+    }
+    const A = ((O = (N = document.querySelector(".leaflet-container")) == null ? void 0 : N.ownerDocument) == null ? void 0 : O.defaultView) || window;
+    return A.addEventListener("keydown", b), () => A.removeEventListener("keydown", b);
+  }, [e.length, o, i, g]);
+  function j(b) {
+    const A = d ? t.geometry.coordinates[0] : t.geometry.coordinates;
+    if (A.length < 2) return null;
+    let N = null;
+    return b.eachLayer((O) => {
+      if (!N) {
+        if (d && O instanceof Xe.Polygon) {
+          const Z = Array.isArray(O.getLatLngs()[0]) ? O.getLatLngs()[0] : O.getLatLngs();
+          Z.length >= 2 && Math.abs(Z[0].lng - A[0][0]) < 1e-6 && Math.abs(Z[0].lat - A[0][1]) < 1e-6 && Math.abs(Z[1].lng - A[1][0]) < 1e-6 && Math.abs(Z[1].lat - A[1][1]) < 1e-6 && (N = O);
+        } else if (!d && O instanceof Xe.Polyline && !(O instanceof Xe.Polygon)) {
+          if ((O.options.opacity ?? 1) < 0.01) return;
+          const Z = O.getLatLngs();
+          Z.length >= 2 && Math.abs(Z[0].lng - A[0][0]) < 1e-6 && Math.abs(Z[0].lat - A[0][1]) < 1e-6 && Math.abs(Z[1].lng - A[1][0]) < 1e-6 && Math.abs(Z[1].lat - A[1][1]) < 1e-6 && (N = O);
+        }
+      }
+    }), N;
+  }
+  function ce(b, A) {
+    if (A.geometry.type !== "Polygon" && A.geometry.type !== "MultiPolygon") return null;
+    const N = A.geometry.type === "Polygon" ? A.geometry.coordinates[0] : A.geometry.coordinates[0][0];
+    if (N.length < 2) return null;
+    let O = null;
+    return b.eachLayer((Z) => {
+      var ye;
+      if (O || !(Z instanceof Xe.Polygon) || Z.options.opacity != null && Z.options.opacity < 0.01) return;
+      const se = Array.isArray((ye = Z.getLatLngs()[0]) == null ? void 0 : ye[0]) ? Z.getLatLngs()[0][0] : Array.isArray(Z.getLatLngs()[0]) ? Z.getLatLngs()[0] : Z.getLatLngs();
+      se.length >= 2 && Math.abs(se[0].lng - N[0][0]) < 1e-6 && Math.abs(se[0].lat - N[0][1]) < 1e-6 && Math.abs(se[1].lng - N[1][0]) < 1e-6 && Math.abs(se[1].lat - N[1][1]) < 1e-6 && (O = Z);
+    }), O;
+  }
+  function te(b, A) {
+    for (const [N, O] of Y.current) {
+      const Z = L.current.get(N);
+      if (!Z) continue;
+      let se = V.current.get(N);
+      if (!se) {
+        const Ae = ce(b, Z);
+        if (!Ae) continue;
+        se = Ae, V.current.set(N, se);
+      }
+      const ye = jn(Z.geometry, O, A);
+      ye.type === "Polygon" ? se.setLatLngs(ye.coordinates.map(
+        (Ae) => Ae.map(([Ee, Re]) => Xe.latLng(Re, Ee))
+      )) : ye.type === "MultiPolygon" && se.setLatLngs(ye.coordinates.map(
+        (Ae) => Ae.map((Ee) => Ee.map(([Re, Ke]) => Xe.latLng(Ke, Re)))
+      ));
+    }
+  }
+  function ue(b) {
+    l.getState().updateFeatures([...Y.current].flatMap(([A, N]) => {
+      const O = L.current.get(A);
+      return O ? [{ id: A, patch: jo(O, jn(O.geometry, N, b)) }] : [];
+    })), Y.current.clear(), L.current.clear(), V.current.clear();
+  }
+  function X(b) {
+    if (!s.getState().topoEditEnabled) return;
+    const A = l.getState().features, N = Go(A, t.id, [b]);
+    Y.current = Yo(N);
+    const O = /* @__PURE__ */ new Map();
+    for (const Z of Y.current.keys()) {
+      const se = A.find((ye) => ye.id === Z);
+      se && O.set(Z, se);
+    }
+    L.current = O, V.current.clear(), R.current = b;
+  }
+  function v(b) {
+    const { lat: A, lng: N } = b.target.getLatLng(), O = b.originalEvent, Z = (O == null ? void 0 : O.metaKey) || (O == null ? void 0 : O.ctrlKey);
+    if (!s.getState().snapEnabled || Z) return { lng: N, lat: A };
+    const se = b.target._map;
+    if (!se) return { lng: N, lat: A };
+    const ye = Sn(N, A, se, l.getState().features, 15, /* @__PURE__ */ new Set([t.id]));
+    return ye ? (s.getState().setSnappedCoord(ye.latlng), { lng: ye.latlng[0], lat: ye.latlng[1] }) : (s.getState().snappedCoord && s.getState().setSnappedCoord(null), { lng: N, lat: A });
+  }
+  function U(b, A) {
+    const N = b.target._map;
+    if (!N || (D.current || (D.current = j(N)), !D.current)) return;
+    const O = A.map(([Z, se]) => Xe.latLng(se, Z));
+    d ? D.current.setLatLngs([O]) : D.current.setLatLngs(O);
+  }
+  function ee(b) {
+    D.current = null;
+    const A = s.getState().snappedCoord;
+    s.getState().setSnappedCoord(null);
+    const { lat: N, lng: O } = b.target.getLatLng();
+    return A ? { lng: A[0], lat: A[1] } : { lng: O, lat: N };
+  }
+  function q(b, A, N) {
+    const O = [...t.geometry.coordinates[0]];
+    return O[b] = zt(O[b], [A, N]), b === 0 && (O[O.length - 1] = O[0]), O;
+  }
+  function ge(b, A, N) {
+    const O = [...t.geometry.coordinates];
+    return O[b] = zt(O[b], [A, N]), O;
+  }
+  function ne(b, A, N) {
+    const O = [...t.geometry.coordinates[0]];
+    return O.splice(b + 1, 0, Yn(O[b], O[b + 1], [A, N])), O[O.length - 1] = O[0], O;
+  }
+  function fe(b, A, N) {
+    const O = [...t.geometry.coordinates];
+    return O.splice(b + 1, 0, Yn(O[b], O[b + 1], [A, N])), O;
+  }
+  function W(b) {
+    P(t.id, bt(t, { type: "Polygon", coordinates: [b] }));
+  }
+  function we(b) {
+    P(t.id, bt(t, { type: "LineString", coordinates: b })), a();
+  }
+  function he(b, A) {
+    const { lng: N, lat: O } = v(A);
+    if (d ? U(A, q(b, N, O)) : U(A, ge(b, N, O)), Y.current.size > 0) {
+      const Z = A.target._map;
+      if (Z) {
+        const se = R.current, ye = c.current && se ? se : [N, O];
+        te(Z, ye);
+      }
+    }
+  }
+  function Ie(b, A) {
+    const { lng: N, lat: O } = ee(A);
+    if (d ? W(q(b, N, O)) : we(ge(b, N, O)), Y.current.size > 0)
+      if (c.current) {
+        const Z = A.target._map, se = R.current;
+        Z && se && te(Z, se), Y.current.clear(), L.current.clear(), V.current.clear(), R.current = null;
+      } else
+        ue([N, O]), R.current = null;
+  }
+  function Be(b, A) {
+    const { lng: N, lat: O } = v(A), Z = [...t.geometry.coordinates[0]];
+    if (Z.splice(b + 1, 0, [N, O]), d) U(A, Z);
+    else {
+      const se = [...t.geometry.coordinates];
+      se.splice(b + 1, 0, [N, O]), U(A, se);
+    }
+  }
+  function ze(b, A) {
+    const { lng: N, lat: O } = ee(A);
+    d ? W(ne(b, N, O)) : we(fe(b, N, O)), d && s.getState().topoEditEnabled && l.getState().updateFeatures(cn(
+      l.getState().features,
+      t.id,
+      p[b],
+      p[(b + 1) % p.length],
+      [N, O]
+    ));
+  }
+  function re(b, A, N) {
+    const O = p[b];
+    l.getState().takeSnapshot(), d ? W(q(b, A, N)) : we(ge(b, A, N)), d && s.getState().topoEditEnabled && l.getState().updateFeatures(Uo(
+      l.getState().features,
+      t.id,
+      O,
+      [A, N]
+    ));
+  }
+  function Me(b) {
+    if (i) return;
+    if (p.length <= (d ? 3 : 2)) {
+      u({ type: "warning", message: `Cannot delete: ${d ? "an area needs at least 3" : "a line needs at least 2"} points` });
+      return;
+    }
+    const A = p[b];
+    if (l.getState().takeSnapshot(), r([]), d) {
+      const N = t.geometry.coordinates[0].filter((O, Z) => Z !== b);
+      b === 0 && (N[N.length - 1] = N[0]), W(N);
+    } else
+      we(t.geometry.coordinates.filter((N, O) => O !== b));
+    d && s.getState().topoEditEnabled && l.getState().updateFeatures(yn(
+      l.getState().features,
+      t.id,
+      [A]
+    ));
+  }
+  function $e(b, A) {
+    if (A.originalEvent.stopPropagation(), i) return;
+    l.getState().takeSnapshot();
+    const { lat: N, lng: O } = A.latlng;
+    d ? W(ne(b, O, N)) : we(fe(b, O, N)), d && s.getState().topoEditEnabled && l.getState().updateFeatures(cn(
+      l.getState().features,
+      t.id,
+      p[b],
+      p[(b + 1) % p.length],
+      [O, N]
+    ));
+  }
+  function rt(b) {
+    const A = b.lng * Ft, N = Bt(b.lat), O = p.length, Z = d ? O : O - 1;
+    let se = -1, ye = 1 / 0;
+    for (let Ae = 0; Ae < Z; Ae++) {
+      const Ee = (Ae + 1) % O, Re = Pi(A, N, C[2 * Ae], C[2 * Ae + 1], C[2 * Ee], C[2 * Ee + 1]);
+      Re < ye && (ye = Re, se = Ae);
+    }
+    return { idx: se, px: Math.sqrt(ye) * J.options.crs.scale(J.getZoom()) / (2 * Math.PI) };
+  }
+  const it = $(null), wt = 22, T = 36, oe = 15;
+  function pe(b) {
+    b !== it.current && (it.current = b, k(b));
+  }
+  function ae(b) {
+    if (i) return;
+    const A = b.target._map;
+    if (!A) return;
+    const { idx: N, px: O } = rt(b.latlng);
+    if (N < 0 || O > oe) return;
+    b.originalEvent.stopPropagation(), b.originalEvent.preventDefault();
+    const Z = s.getState().snappedCoord;
+    let se = Z ? Z[0] : b.latlng.lng, ye = Z ? Z[1] : b.latlng.lat;
+    Z && s.getState().setSnappedCoord(null), l.getState().takeSnapshot(), fn(), A.dragging.disable(), Ue(!0);
+    const Ae = j(A);
+    function Ee(Ve) {
+      let at = Ve.latlng.lng, nt = Ve.latlng.lat;
+      if (s.getState().snapEnabled) {
+        const Ge = Sn(at, nt, A, l.getState().features, 15, /* @__PURE__ */ new Set([t.id]));
+        Ge ? (s.getState().setSnappedCoord(Ge.latlng), at = Ge.latlng[0], nt = Ge.latlng[1]) : s.getState().snappedCoord && s.getState().setSnappedCoord(null);
+      }
+      if (se = at, ye = nt, Ae)
+        if (d) {
+          const Ge = [...t.geometry.coordinates[0]];
+          Ge.splice(N + 1, 0, [at, nt]), Ae.setLatLngs([Ge.map(([an, ln]) => Xe.latLng(ln, an))]);
+        } else {
+          const Ge = [...t.geometry.coordinates];
+          Ge.splice(N + 1, 0, [at, nt]), Ae.setLatLngs(Ge.map(([an, ln]) => Xe.latLng(ln, an)));
+        }
+    }
+    const Re = bn(Ee), Ke = Re.schedule;
+    function et() {
+      A.off("mousemove", Ke), A.off("mouseup", et), Re.flush(), A.dragging.enable(), s.getState().setSnappedCoord(null), _.current = Date.now() + 200, Ue(!1), d ? W(ne(N, se, ye)) : we(fe(N, se, ye)), d && s.getState().topoEditEnabled && l.getState().updateFeatures(cn(
+        l.getState().features,
+        t.id,
+        p[N],
+        p[(N + 1) % p.length],
+        [se, ye]
+      ));
+    }
+    A.on("mousemove", Ke), A.on("mouseup", et);
+  }
+  function ie(b, A) {
+    A.originalEvent.stopPropagation(), !i && (A.originalEvent.shiftKey ? r(M.has(b) ? e.filter((N) => N !== b) : [...e, b].sort((N, O) => N - O)) : r([b]));
+  }
+  function me(b, A) {
+    A.originalEvent.preventDefault(), A.originalEvent.stopPropagation(), !i && h({ index: b, x: A.originalEvent.clientX, y: A.originalEvent.clientY });
+  }
+  function Ne(b) {
+    const [A, N] = p[b];
+    x({ lng: A.toFixed(6), lat: N.toFixed(6) }), m(b);
+  }
+  function Ce() {
+    if (S === null) return;
+    const b = parseFloat(y.lng), A = parseFloat(y.lat);
+    !isNaN(b) && !isNaN(A) ? (re(S, b, A), m(null), u({ type: "success", message: "Coordinate updated" })) : u({ type: "warning", message: "Invalid coordinates" });
+  }
+  const qe = S !== null ? (zn = p[S]) == null ? void 0 : zn[0] : void 0, Je = S !== null ? (Gn = p[S]) == null ? void 0 : Gn[1] : void 0, Qe = _e(
+    () => qe === void 0 || Je === void 0 ? null : [Je, qe],
+    [qe, Je]
+  ), st = be(), dt = 500, { visibleVertexIndices: gt, midpoints: Ko } = _e(() => {
+    const b = st.getBounds(), A = b.getWest() * Ft, N = b.getEast() * Ft, O = Bt(b.getSouth()), Z = Bt(b.getNorth()), se = [];
+    for (let Ee = 0; Ee < p.length; Ee++) {
+      const Re = C[2 * Ee], Ke = C[2 * Ee + 1];
+      Re >= A && Re <= N && Ke >= O && Ke <= Z && se.push(Ee);
+    }
+    let ye = se;
+    if (se.length > dt) {
+      const Ee = new Float64Array(se.length * 2);
+      se.forEach((Re, Ke) => {
+        Ee[2 * Ke] = C[2 * Re], Ee[2 * Ke + 1] = C[2 * Re + 1];
+      }), ye = Jn(se, Ee, dt);
+    }
+    if (se.length > dt) {
+      const Ee = new Set(ye), Re = new Set(se);
+      let Ke = !1;
+      for (const et of M)
+        Re.has(et) && !Ee.has(et) && (ye.push(et), Ke = !0);
+      Ke && (ye = [...ye].sort((et, Ve) => et - Ve));
+    }
+    const Ae = [];
+    if (!i) {
+      const Ee = d ? p.length : p.length - 1, Re = [], Ke = [];
+      for (let Ve = 0; Ve < Ee; Ve++) {
+        const at = (Ve + 1) % p.length, nt = (C[2 * Ve] + C[2 * at]) / 2, Ge = (C[2 * Ve + 1] + C[2 * at + 1]) / 2;
+        nt >= A && nt <= N && Ge >= O && Ge <= Z && (Re.push(Ve), Ke.push(nt, Ge));
+      }
+      const et = Jn(Re, Ke, dt);
+      for (const Ve of et) Ae.push({ index: Ve, coord: bi(p[Ve], p[(Ve + 1) % p.length]) });
+    }
+    return { visibleVertexIndices: ye, midpoints: Ae };
+  }, [t.geometry, C, E, i, M, st]), Xn = _e(() => p.map(G), [t.geometry]);
+  return /* @__PURE__ */ le(xe, { children: [
+    !i && (d ? /* @__PURE__ */ w(
+      He,
+      {
+        positions: [Xn],
+        pathOptions: { weight: 2 * oe, opacity: 0, fillOpacity: 0, className: "cursor-pointer" },
+        bubblingMouseEvents: !1,
+        eventHandlers: { mousedown: ae }
+      }
+    ) : /* @__PURE__ */ w(
+      ve,
+      {
+        positions: Xn,
+        pathOptions: { weight: 2 * oe, opacity: 0, className: "cursor-pointer" },
+        bubblingMouseEvents: !1,
+        eventHandlers: { mousedown: ae }
+      }
+    )),
+    !i && Ko.filter((b) => b.index === z).map((b) => /* @__PURE__ */ w(
+      Le,
+      {
+        position: G(b.coord),
+        icon: Si,
+        draggable: !0,
+        eventHandlers: {
+          click: (A) => $e(b.index, A),
+          dragstart: () => {
+            l.getState().takeSnapshot(), fn(), H.current = b.index, Ue(!0);
+          },
+          drag: (A) => F.schedule(() => Be(b.index, A)),
+          dragend: (A) => {
+            F.flush(), ze(b.index, A), H.current = null, Ue(!1);
+          }
+        }
+      },
+      `mid-${b.coord[0].toFixed(8)},${b.coord[1].toFixed(8)}`
+    )),
+    gt.map((b) => {
+      const A = p[b];
+      return /* @__PURE__ */ w(
+        Le,
+        {
+          position: G(A),
+          icon: M.has(b) ? xi : wi,
+          draggable: !i,
+          eventHandlers: {
+            dragstart: () => {
+              l.getState().takeSnapshot(), fn(), X(p[b]), Ue(!0);
+            },
+            drag: (N) => F.schedule(() => he(b, N)),
+            dragend: (N) => {
+              F.flush(), Ie(b, N), Ue(!1);
+            },
+            click: (N) => ie(b, N),
+            contextmenu: (N) => me(b, N)
+          }
+        },
+        `v-${A[0].toFixed(8)},${A[1].toFixed(8)}-${b}`
+      );
+    }),
+    S !== null && Qe && /* @__PURE__ */ w(go, { position: Qe, eventHandlers: { remove: () => m(null) }, autoClose: !1, closeOnClick: !1, children: /* @__PURE__ */ le(
+      "div",
+      {
+        className: "flex flex-col gap-2 min-w-[140px]",
+        onKeyDown: (b) => {
+          b.key === "Enter" && Ce(), b.key === "Escape" && m(null);
+        },
+        children: [
+          /* @__PURE__ */ w("p", { className: "text-xs font-semibold text-(--elm-text-secondary,var(--color-gray-700)) m-0 leading-none", children: "Precise coordinates" }),
+          /* @__PURE__ */ le("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ le("label", { className: "flex items-center gap-2 text-xs text-(--elm-text-muted,var(--color-gray-500))", children: [
+              "Lat:",
+              /* @__PURE__ */ w(
+                "input",
+                {
+                  type: "text",
+                  value: y.lat,
+                  onChange: (b) => x((A) => ({ ...A, lat: b.target.value })),
+                  className: "flex-1 w-full min-w-0 border border-(--elm-border,var(--color-gray-200)) rounded-elm-chip px-1.5 py-0.5 text-xs outline-none focus:border-primary-400"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ le("label", { className: "flex items-center gap-2 text-xs text-(--elm-text-muted,var(--color-gray-500))", children: [
+              "Lng:",
+              /* @__PURE__ */ w(
+                "input",
+                {
+                  type: "text",
+                  value: y.lng,
+                  onChange: (b) => x((A) => ({ ...A, lng: b.target.value })),
+                  className: "flex-1 w-full min-w-0 border border-(--elm-border,var(--color-gray-200)) rounded-elm-chip px-1.5 py-0.5 text-xs outline-none focus:border-primary-400"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ le("div", { className: "flex items-center justify-end gap-1 mt-1", children: [
+            /* @__PURE__ */ w(
+              "button",
+              {
+                onClick: () => m(null),
+                className: "px-2 py-1 text-xs text-(--elm-text-muted,var(--color-gray-500)) hover:bg-(--elm-surface-hover,var(--color-gray-100)) rounded-elm-chip transition-colors",
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ le(
+              "button",
+              {
+                onClick: Ce,
+                className: "px-2 py-1 text-xs text-white bg-primary-500 hover:bg-primary-600 rounded-elm-chip transition-colors font-medium flex items-center gap-1",
+                children: [
+                  /* @__PURE__ */ w(yo, { size: 12, weight: "bold" }),
+                  " Save"
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ) }),
+    f && (() => {
+      const b = M.has(f.index) && e.length > 1;
+      return /* @__PURE__ */ w(
+        mr,
+        {
+          x: f.x,
+          y: f.y,
+          onClose: I,
+          items: [
+            { label: "Edit coordinates…", icon: /* @__PURE__ */ w(Xr, { size: 16 }), onClick: () => Ne(f.index) },
+            { separator: !0 },
+            {
+              label: b ? `Delete ${e.length} points` : "Delete point",
+              icon: /* @__PURE__ */ w(zr, { size: 16 }),
+              onClick: () => b ? o() : Me(f.index)
+            }
+          ]
+        }
+      );
+    })()
+  ] });
+}
+function on(t, e) {
+  const [n, o] = de(null), [r, a] = de(t);
+  return r !== t && (a(t), o(null)), je({
+    mousemove(i) {
+      e && o([i.latlng.lng, i.latlng.lat]);
+    },
+    mouseout() {
+      o(null);
+    }
+  }), n;
+}
+function Mi() {
+  return Oe({
+    className: "",
+    html: '<div class="w-2.5 h-2.5 rounded-full border-2 border-white shadow bg-emerald-500"></div>',
+    iconSize: [10, 10],
+    iconAnchor: [5, 5]
+  });
+}
+function Ei() {
+  const t = ut(be().getContainer())[500], e = K((s) => s.circleCenter), n = K((s) => s.editingMode), o = K((s) => s.snappedCoord), r = on(n, n === "draw-circle"), a = Se((s) => s.geometryMode);
+  if (n !== "draw-circle") return null;
+  const i = o ?? r, l = e && i ? Wo(e, i, a).map(G) : null;
+  return /* @__PURE__ */ le(xe, { children: [
+    e && /* @__PURE__ */ w(Le, { position: G(e), icon: Mi(), interactive: !1 }),
+    l && /* @__PURE__ */ w(
+      He,
+      {
+        positions: l,
+        pathOptions: { color: t, weight: 2, opacity: 0.8, dashArray: "6 4", fillOpacity: 0.1 },
+        interactive: !1
+      }
+    )
+  ] });
+}
+function Li(t) {
+  return Oe({
+    className: "",
+    html: `<div class="w-2.5 h-2.5 rounded-full border-2 border-white shadow ${t ? "bg-emerald-500" : "bg-primary-500"}"></div>`,
+    iconSize: [10, 10],
+    iconAnchor: [5, 5]
+  });
+}
+function ki() {
+  return Oe({
+    className: "closing-node",
+    html: '<div class="flex items-center justify-center w-full h-full group"><div class="w-4 h-4 rounded-full border-[3px] border-white shadow-lg bg-emerald-500 group-hover:scale-[1.5] group-hover:bg-emerald-400 transition-transform duration-200"></div></div>',
+    iconSize: [48, 48],
+    iconAnchor: [24, 24]
+  });
+}
+function Di() {
+  const t = K((o) => o.polygonInProgress), e = K((o) => o.commitPolygon);
+  if (t.length === 0) return null;
+  const n = t.map(G);
+  return /* @__PURE__ */ le(xe, { children: [
+    t.length >= 3 && /* @__PURE__ */ w(
+      He,
+      {
+        positions: n,
+        pathOptions: { color: Te, weight: 2, opacity: 0.7, dashArray: "6 4", fillOpacity: 0.1 },
+        interactive: !1
+      }
+    ),
+    t.length >= 2 && /* @__PURE__ */ w(
+      ve,
+      {
+        positions: n,
+        pathOptions: { color: Te, weight: 2, opacity: 0.7, dashArray: "6 4" },
+        interactive: !1
+      }
+    ),
+    t.map((o, r) => {
+      const a = r === 0 && t.length >= 3;
+      return /* @__PURE__ */ w(
+        Le,
+        {
+          position: G(o),
+          icon: a ? ki() : Li(r === 0),
+          interactive: a,
+          eventHandlers: a ? {
+            click: (i) => {
+              i.originalEvent.stopPropagation(), e({});
+            }
+          } : void 0
+        },
+        a ? "closing-node" : `point-${r}`
+      );
+    })
+  ] });
+}
+function Ii() {
+  return Oe({
+    className: "",
+    html: '<div class="w-2.5 h-2.5 rounded-full border-2 border-white shadow bg-emerald-500"></div>',
+    iconSize: [10, 10],
+    iconAnchor: [5, 5]
+  });
+}
+function Ai() {
+  const t = ut(be().getContainer())[500], e = K((g) => g.rectCorner), n = K((g) => g.editingMode), o = K((g) => g.snappedCoord), r = on(n, n === "draw-rect"), [a, i] = de(!1);
+  je({
+    mousemove(g) {
+      n === "draw-rect" && i(g.originalEvent.shiftKey);
+    }
+  }), Q(() => {
+    var p, C;
+    if (n !== "draw-rect") {
+      i(!1);
+      return;
+    }
+    const g = (M) => {
+      M.key === "Shift" && i(!0);
+    }, P = (M) => {
+      M.key === "Shift" && i(!1);
+    }, d = ((C = (p = document.querySelector(".leaflet-container")) == null ? void 0 : p.ownerDocument) == null ? void 0 : C.defaultView) || window;
+    return d.addEventListener("keydown", g), d.addEventListener("keyup", P), () => {
+      d.removeEventListener("keydown", g), d.removeEventListener("keyup", P);
+    };
+  }, [n]);
+  const l = Se((g) => g.geometryMode);
+  if (n !== "draw-rect") return null;
+  const s = o ?? r;
+  let u = null;
+  return e && s && (u = Zo(e, s, l, a).map(G)), /* @__PURE__ */ le(xe, { children: [
+    e && /* @__PURE__ */ w(Le, { position: G(e), icon: Ii(), interactive: !1 }),
+    u && /* @__PURE__ */ w(
+      He,
+      {
+        positions: u,
+        pathOptions: {
+          color: a ? "#f472b6" : t,
+          weight: 2,
+          opacity: 0.8,
+          dashArray: "6 4",
+          fillOpacity: 0.1
+        },
+        interactive: !1
+      }
+    )
+  ] });
+}
+function Ri(t) {
+  return Oe({
+    className: "",
+    html: `<div class="w-2.5 h-2.5 rounded-full border-2 border-white shadow ${t ? "bg-emerald-500" : "bg-primary-500"}"></div>`,
+    iconSize: [10, 10],
+    iconAnchor: [5, 5]
+  });
+}
+function Fi() {
+  const t = ut(be().getContainer())[500], e = K((o) => o.lineInProgress);
+  if (e.length === 0) return null;
+  const n = e.map(G);
+  return /* @__PURE__ */ le(xe, { children: [
+    e.length >= 2 && /* @__PURE__ */ w(
+      ve,
+      {
+        positions: n,
+        pathOptions: { color: t, weight: 2, opacity: 0.7, dashArray: "6 4" },
+        interactive: !1
+      }
+    ),
+    e.map((o, r) => /* @__PURE__ */ w(Le, { position: G(o), icon: Ri(r === 0), interactive: !1 }, r))
+  ] });
+}
+function Ti({ onMapClick: t }) {
+  return je({ click: t }), null;
+}
+function Oi({ onDragDelta: t, onDragEnd: e, onDuplicateDragChange: n, readonly: o }) {
+  const { dataStore: r } = De(), a = be(), i = K((s) => s.editingMode), l = $(i);
+  return l.current = i, je({
+    mousedown(s) {
+      if (o) return;
+      const u = r.getState();
+      if (l.current !== "none") return;
+      const g = s.originalEvent.altKey, P = s.originalEvent.ctrlKey || s.originalEvent.metaKey;
+      if (!g && !P || u.selectedIds.length < 2) return;
+      const d = s.originalEvent.target;
+      if (!(d.closest(".leaflet-overlay-pane path") || d.closest(".leaflet-marker-icon") || d.matches("canvas.leaflet-interactive"))) return;
+      s.originalEvent.preventDefault(), s.originalEvent.stopPropagation(), a.dragging.disable();
+      const C = g;
+      C && n(!0);
+      const M = ke([s.latlng.lng, s.latlng.lat]);
+      let S = !1;
+      function m(x) {
+        S || Ue(!0), S = !0;
+        const f = ke([x.latlng.lng, x.latlng.lat]);
+        t([f[0] - M[0], f[1] - M[1]]);
+      }
+      function y(x) {
+        if (a.off("mousemove", m), a.off("mouseup", y), a.dragging.enable(), Ue(!1), !S) return;
+        const f = ke([x.latlng.lng, x.latlng.lat]);
+        e([f[0] - M[0], f[1] - M[1]], C);
+      }
+      a.on("mousemove", m), a.on("mouseup", y);
+    }
+  }), null;
+}
+const _n = "M10 0C4.477 0 0 4.477 0 10c0 7 10 18 10 18s10-11 10-18C20 4.477 15.523 0 10 0zM10 5.5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 1 0 0-7z";
+function Ni() {
+  return Oe({
+    className: "",
+    html: `<div style="position:relative;width:20px;height:28px">
+      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="28" viewBox="0 0 20 28" style="position:relative;z-index:1;display:block">
+        <path d="${_n}" fill-rule="evenodd" style="fill:var(--color-primary-500)"/>
+      </svg>
+    </div>`,
+    iconSize: [20, 28],
+    iconAnchor: [10, 28]
+  });
+}
+function _i() {
+  const t = K((e) => e.dialogState);
+  return t.type !== "new-point" ? null : /* @__PURE__ */ w(Le, { position: G(t.coords), icon: Ni(), interactive: !1 });
+}
+let ko = 0;
+function pn() {
+  ko = Date.now();
+}
+function Ki() {
+  return Date.now() - ko < 200;
+}
+const Wt = 16, mn = "elmIdleFeatures", $t = { color: "#ffffff", width: 1.5, opacity: 0.7, maxPaths: 5e3 }, Hi = Rt.extend({
+  /** Lines get a thin light casing under their stroke (LINE_CASING), so they read over busy raster tiles. */
+  // It costs a second stroke per line: above LINE_CASING.maxPaths paths on the canvas
+  // (where a dense map gains nothing from it anyway) there's none, so panning 50k
+  // lines stays as fast as before.
+  _initPath(t) {
+    this._pathCount = (this._pathCount ?? 0) + 1, Rt.prototype._initPath.call(this, t);
+  },
+  _removePath(t) {
+    this._pathCount = Math.max(0, (this._pathCount ?? 0) - 1), Rt.prototype._removePath.call(this, t);
+  },
+  _fillStroke(t, e) {
+    const n = e.options;
+    (this._pathCount ?? 0) <= $t.maxPaths && n.stroke !== !1 && !n.fill && "_parts" in e && (n.opacity ?? 1) > 0.05 && !n.dashArray && (t.globalAlpha = (n.opacity ?? 1) * $t.opacity, t.lineWidth = (n.weight ?? 3) + 2 * $t.width, t.strokeStyle = $t.color, t.lineCap = "round", t.lineJoin = "round", t.setLineDash([]), t.stroke()), Rt.prototype._fillStroke.call(this, t, e);
+  },
+  _onMouseMove(t) {
+    if (this._map) {
+      if (this._map.dragging.moving() || this._map._animatingZoom) {
+        this._fireEvent(!1, t);
+        return;
+      }
+      this._handleMouseHover(t, this._map.mouseEventToLayerPoint(t));
+    }
+  },
+  _handleMouseHover(t, e) {
+    if (this._mouseHoverThrottled) {
+      this._trailingHover = [t, e], this._fireEvent(this._hoveredLayer ? [this._hoveredLayer] : !1, t);
+      return;
+    }
+    this._trailingHover = null, Rt.prototype._handleMouseHover.call(this, t, e), clearTimeout(this._trailingTimer), this._trailingTimer = setTimeout(() => {
+      const n = this._trailingHover;
+      this._trailingHover = null, n && this._map && this._hoverHitTest(n[0], n[1]);
+    }, 33);
+  },
+  /** Leaflet's hover hit test (topmost interactive path wins) without re-firing the mousemove. */
+  _hoverHitTest(t, e) {
+    let n;
+    for (let o = this._drawFirst; o; o = o.next)
+      o.layer.options.interactive && o.layer._containsPoint(e) && (n = o.layer);
+    n !== (this._hoveredLayer ?? void 0) && (this._handleMouseOut(t), n && (this._container.classList.add("leaflet-interactive"), this._fireEvent([n], t, "mouseover"), this._hoveredLayer = n));
+  }
+}), Do = Ln(void 0);
+function Bi(t, e) {
+  const n = _e(() => {
+    if (e === "canvas")
+      return t.getPane(mn) || (t.createPane(mn).style.zIndex = "399"), new Hi({ pane: mn, padding: 0.25, tolerance: 6 });
+  }, [t, e]);
+  return Q(() => {
+    if (!n) return;
+    const o = t.getPane("overlayPane");
+    return o.style.pointerEvents = "none", () => {
+      n.remove(), o.style.pointerEvents = "";
+    };
+  }, [t, n]), n;
+}
+function Zt(t) {
+  var e;
+  return t.getElement() ?? ((e = t._renderer) == null ? void 0 : e._container);
+}
+function rn(t, e, n) {
+  const o = yt(Do), r = t ? void 0 : o;
+  return Q(() => {
+    var i, l;
+    let a = !1;
+    for (const s of e()) {
+      if (!s) continue;
+      const u = s._map;
+      u && s.options.renderer !== r && (u.removeLayer(s), s.options.renderer = r, (i = n == null ? void 0 : n.before) == null || i.call(n, s, !!r), u.addLayer(s), a = !0), t && s.bringToFront();
+    }
+    a && ((l = n == null ? void 0 : n.after) == null || l.call(n));
+  }, [t, r]), r;
+}
+const Kn = { color: Te, weight: 3.5, opacity: 0.9 }, Hn = { color: Te, fillColor: Te, weight: 2, opacity: 0.9, fillOpacity: 0.15 }, Bn = { opacity: 1, fillOpacity: 0.28 };
+function $i(t, e) {
+  if (!(!t && !e))
+    return (n) => {
+      const o = t == null ? void 0 : t(n), r = (o == null ? void 0 : o.color) ?? e, a = (o == null ? void 0 : o.fillColor) ?? r;
+      return !r && !a ? o ?? void 0 : { ...o, ...r && { color: r }, ...a && { fillColor: a } };
+    };
+}
+function vt(t) {
+  var e;
+  return ((e = Eo()) == null ? void 0 : e(t)) ?? void 0;
+}
+const $n = (t) => (t == null ? void 0 : t.fillColor) ?? (t == null ? void 0 : t.color);
+function Mt(t, e, n) {
+  return { ...t, ...e, ...n };
+}
+function Et(t, e, n) {
+  if (!t) return n;
+  const o = (e ? Nr : _r).prototype.options, r = {};
+  for (const a of Object.keys(t)) r[a] = o[a];
+  return { ...r, ...n };
+}
+const It = Ln(Rr());
+function At(t, e, n) {
+  return (o) => {
+    o.originalEvent.preventDefault(), o.originalEvent.stopPropagation(), !(e || !n) && n({ feature: t, x: o.originalEvent.clientX, y: o.originalEvent.clientY });
+  };
+}
+function Lt(t, e = !1, n) {
+  const o = e || t, r = o ? "var(--color-primary-500)" : n ?? Te;
+  return Oe({
+    className: "",
+    html: `<div style="position:relative;width:20px;height:28px">
+      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="28" viewBox="0 0 20 28" style="position:relative;z-index:1;display:block">
+        <path d="${_n}" fill-rule="evenodd"${!o && r === Te ? ' data-elm-plain="1"' : ""} style="fill:${r}"/>
+      </svg>
+    </div>`,
+    iconSize: [20, 28],
+    iconAnchor: [10, 28]
+  });
+}
+function mt(t, e) {
+  var o, r;
+  const n = (r = (o = t == null ? void 0 : t.getElement) == null ? void 0 : o.call(t)) == null ? void 0 : r.querySelector("path[data-elm-plain]");
+  n && (n.style.fill = e ? "#334155" : Te);
+}
+const Vt = /* @__PURE__ */ new Map();
+function qt(t = Te) {
+  let e = Vt.get(t);
+  return e || (Vt.size >= 256 && Vt.clear(), Vt.set(t, e = Lt(!1, !1, t))), e;
+}
+function Pn(t = Te) {
+  return Oe({
+    className: "",
+    html: `<div style="position:relative;width:20px;height:28px;opacity:0.3">
+      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="28" viewBox="0 0 20 28" style="display:block">
+        <path d="${_n}" fill-rule="evenodd" style="fill:${t}"/>
+      </svg>
+    </div>`,
+    iconSize: [20, 28],
+    iconAnchor: [10, 28]
+  });
+}
+function Io(t, e) {
+  const n = $(!1);
+  return {
+    isDupDrag: t ? n.current : e,
+    setDuplicateDrag: (r) => {
+      n.current = r;
+    },
+    resetDuplicateDrag: () => {
+      n.current = !1;
+    }
+  };
+}
+const Vi = {
+  weight: 3,
+  opacity: 0.5,
+  dashArray: "6 4",
+  interactive: !1
+}, Xi = {
+  weight: 2,
+  opacity: 0.5,
+  fillOpacity: 0.15,
+  dashArray: "6 4",
+  interactive: !1
+};
+function Ao(t, e, n) {
+  return typeof t[0] == "number" ? [t[0] + e, t[1] + n] : t.map((o) => Ao(o, e, n));
+}
+function Cn(t, e, n, o) {
+  if (!e) return { display: t, ghost: null };
+  const r = o === "visual" ? We(t, e[0], e[1]) : Ao(t, e[0], e[1]);
+  return n ? { display: t, ghost: r } : { display: r, ghost: null };
+}
+function zi(t) {
+  return t && "style" in t ? t : null;
+}
+const Xt = /* @__PURE__ */ new Set();
+let Qn = !1;
+function Gi() {
+  if (Qn || typeof window > "u") return;
+  Qn = !0;
+  const t = (e) => {
+    for (const n of Xt) n(e);
+  };
+  window.addEventListener("keydown", t), window.addEventListener("keyup", t);
+}
+function _t(t) {
+  const e = $(null), n = $(!1), o = $({ value: "", priority: "" });
+  function r(g, P, d = "important") {
+    g.style.setProperty("cursor", P, d);
+  }
+  const a = $(t);
+  a.current = t;
+  const i = $((g) => {
+    if (a.current || !n.current) return;
+    const P = e.current;
+    if (!P) return;
+    const d = g.ctrlKey || g.metaKey, p = g.altKey;
+    d || p ? r(P, p ? "copy" : "move") : r(P, o.current.value, o.current.priority);
+  }).current;
+  Q(() => () => {
+    Xt.delete(i);
+  }, [i]);
+  const l = Fe((g, P) => {
+    const d = zi(g), p = d !== null && d === e.current && n.current;
+    e.current = d, n.current = !0, Gi(), Xt.add(i), p || (o.current = {
+      value: (d == null ? void 0 : d.style.getPropertyValue("cursor")) ?? "",
+      priority: (d == null ? void 0 : d.style.getPropertyPriority("cursor")) ?? ""
+    });
+    const C = P;
+    d && C && (C.ctrlKey || C.metaKey || C.altKey) && r(d, C.altKey ? "copy" : "move");
+  }, []), s = Fe(() => {
+    n.current = !1, Xt.delete(i), e.current && (r(e.current, o.current.value, o.current.priority), e.current = null), o.current = { value: "", priority: "" };
+  }, []), u = Fe((g) => {
+    n.current && (s(), l(g, nn()));
+  }, [l, s]);
+  return { enter: l, leave: s, retarget: u };
+}
+const eo = Oe({ className: "hidden" }), Yi = Ze(function({
+  feature: e,
+  selected: n,
+  isMultiSelected: o,
+  multiDragDelta: r,
+  multiDuplicateDrag: a,
+  readonly: i,
+  suppressDoubleClickZoomForGesture: l
+}) {
+  const { dataStore: s } = De(), u = Se((c) => c.updateFeature), g = e.geometry.coordinates, [P, d] = de(null), p = $(null), C = $(null), M = $(null), S = $(null), m = $(!1), { isDupDrag: y, setDuplicateDrag: x, resetDuplicateDrag: f } = Io(P, a), h = $(null), [I, z] = de(!e.properties.name), [k, H] = de(!1), D = _t(i), _ = p.current ?? P, F = o && r ? r : _, { display: Y, ghost: L } = Cn(g, F, y, s.getState().geometryMode);
+  function V(c) {
+    if (i) return;
+    m.current = !1;
+    const E = c.originalEvent.altKey, B = c.originalEvent.ctrlKey || c.originalEvent.metaKey;
+    if (!E && !B || o && s.getState().selectedIds.length >= 2) return;
+    c.originalEvent.preventDefault(), c.originalEvent.stopPropagation();
+    const J = c.target._map || window._leafletMap;
+    if (!J) return;
+    J.dragging.disable();
+    const j = E;
+    if (x(j), s.getState().geometryMode === "visual") {
+      const X = ke([c.latlng.lng, c.latlng.lat]);
+      S.current = { lng: X[0], lat: X[1] };
+    } else
+      S.current = { lng: c.latlng.lng, lat: c.latlng.lat };
+    !n && !o && s.getState().selectFeature(e.id), d([0, 0]);
+    function te(X) {
+      var ge, ne;
+      if (!S.current) return;
+      m.current || Ue(!0), m.current = !0;
+      const v = s.getState().geometryMode, U = v === "visual" ? (() => {
+        const fe = ke([X.latlng.lng, X.latlng.lat]);
+        return [fe[0] - S.current.lng, fe[1] - S.current.lat];
+      })() : [X.latlng.lng - S.current.lng, X.latlng.lat - S.current.lat];
+      p.current = U;
+      const ee = v === "visual" ? We(g, U[0], U[1]) : [g[0] + U[0], g[1] + U[1]], q = G(ee);
+      j ? (ge = M.current) == null || ge.setLatLng(q) : (ne = C.current) == null || ne.setLatLng(q);
+    }
+    function ue(X) {
+      if (J.off("mousemove", te), J.off("mouseup", ue), J.dragging.enable(), Ue(!1), !S.current || !m.current) {
+        S.current = null, f(), p.current = null, d(null);
+        return;
+      }
+      const v = s.getState().geometryMode;
+      let U, ee;
+      if (v === "visual") {
+        const ge = ke([X.latlng.lng, X.latlng.lat]);
+        U = ge[0] - S.current.lng, ee = ge[1] - S.current.lat;
+      } else
+        U = X.latlng.lng - S.current.lng, ee = X.latlng.lat - S.current.lat;
+      S.current = null, f(), p.current = null, d(null);
+      const q = v === "visual" ? We(g, U, ee) : zt(g, [g[0] + U, g[1] + ee]);
+      j ? s.getState().duplicateFeaturesAtPosition([{ sourceId: e.id, geometry: { type: "Point", coordinates: q } }]) : u(e.id, { geometry: { type: "Point", coordinates: q } });
+    }
+    J.on("mousemove", te), J.on("mouseup", ue);
+  }
+  const R = e.properties.name || "";
+  return Q(() => {
+    n || z(!1);
+  }, [n]), Q(() => {
+    I && h.current && setTimeout(() => {
+      var c;
+      return (c = h.current) == null ? void 0 : c.focus();
+    }, 50);
+  }, [I]), /* @__PURE__ */ le(xe, { children: [
+    /* @__PURE__ */ w(
+      Le,
+      {
+        ref: (c) => {
+          C.current = c;
+        },
+        position: G(Y),
+        icon: eo,
+        eventHandlers: {
+          mousedown: V,
+          click: (c) => {
+            c.originalEvent.stopPropagation(), c.originalEvent.shiftKey && !i ? s.getState().toggleSelection(e.id) : !n && !o && s.getState().selectFeature(e.id), !i && !c.originalEvent.shiftKey && setTimeout(() => {
+              var E;
+              return (E = h.current) == null ? void 0 : E.focus();
+            }, 50);
+          }
+        },
+        children: /* @__PURE__ */ w(
+          hn,
+          {
+            permanent: !0,
+            interactive: !0,
+            direction: "center",
+            className: "!bg-transparent !border-0 !shadow-none !p-0",
+            eventHandlers: {
+              click: (c) => {
+                c.originalEvent.stopPropagation(), c.originalEvent.shiftKey && !i ? s.getState().toggleSelection(e.id) : !i && !n && s.getState().selectFeature(e.id), !i && !c.originalEvent.shiftKey && n && setTimeout(() => {
+                  var E;
+                  return (E = h.current) == null ? void 0 : E.focus();
+                }, 50);
+              },
+              dblclick: (c) => {
+                c.originalEvent.stopPropagation(), l == null || l(), i || (s.getState().selectFeature(e.id), z(!0));
+              },
+              mouseover: (c) => {
+                var E, B;
+                D.enter((B = (E = c.target).getElement) == null ? void 0 : B.call(E), c.originalEvent), H(!0);
+              },
+              mouseout: () => {
+                D.leave(), H(!1);
+              },
+              mousedown: () => {
+              }
+            },
+            children: /* @__PURE__ */ w(
+              "div",
+              {
+                className: `flex items-center justify-center w-max px-3 py-1.5 rounded text-sm font-medium transition-colors border ${I && !F ? "bg-white/95 backdrop-blur-md border border-gray-800 text-gray-800" : n ? "bg-primary-500 text-white" : k ? "bg-slate-700 text-white" : "bg-slate-600 text-white"} ${F && !y ? "cursor-grabbing opacity-80" : ""}`,
+                onMouseDown: (c) => {
+                  c.target === h.current && c.stopPropagation();
+                },
+                children: i || !I || F ? /* @__PURE__ */ w("div", { className: "whitespace-pre min-w-[12px] text-center text-inherit cursor-pointer leading-tight", children: R || " " }) : /* @__PURE__ */ le("div", { className: "grid items-center justify-items-center text-center leading-tight", children: [
+                  /* @__PURE__ */ w(
+                    "div",
+                    {
+                      className: "invisible whitespace-pre pointer-events-none col-start-1 row-start-1 min-w-[12px] px-[2px]",
+                      "aria-hidden": "true",
+                      children: R + " "
+                    }
+                  ),
+                  /* @__PURE__ */ w(
+                    "textarea",
+                    {
+                      ref: h,
+                      autoFocus: !0,
+                      value: R,
+                      onChange: (c) => {
+                        u(e.id, { properties: { ...e.properties, name: c.target.value } });
+                      },
+                      onKeyDown: (c) => {
+                        c.key === "Enter" && !c.shiftKey && (c.preventDefault(), z(!1), s.getState().selectFeature(null));
+                      },
+                      onBlur: () => z(!1),
+                      className: "bg-transparent outline-none resize-none overflow-hidden text-center text-inherit whitespace-pre min-w-0 min-h-0 col-start-1 row-start-1 px-[2px] w-full h-full m-0 border-none justify-self-stretch self-stretch"
+                    }
+                  )
+                ] })
+              }
+            )
+          }
+        )
+      }
+    ),
+    L && /* @__PURE__ */ w(
+      Le,
+      {
+        ref: (c) => {
+          M.current = c;
+        },
+        position: G(L),
+        icon: eo,
+        draggable: !1,
+        opacity: 0.5,
+        interactive: !1,
+        children: /* @__PURE__ */ w(hn, { permanent: !0, direction: "center", className: "!bg-transparent !border-0 !shadow-none !p-0", children: /* @__PURE__ */ w("div", { className: "flex items-center justify-center w-max px-3 py-1.5 rounded text-sm font-medium border bg-primary-500/60 text-white/80 border-primary-400/40", style: { borderStyle: "dashed" }, children: /* @__PURE__ */ w("div", { className: "whitespace-pre min-w-[12px] text-center text-inherit leading-tight", children: R || " " }) }) })
+      }
+    )
+  ] });
+});
+function sn(t, e, n, o, r, a, i) {
+  const { dataStore: l, uiStore: s } = De(), u = Se((f) => f.updateFeature), g = be(), [P, d] = de(null), p = $(null), C = $(null), M = $(!1), S = $(i);
+  S.current = i;
+  const m = p.current ?? P, y = n && o ? o : m;
+  function x(f, h) {
+    if (r || (M.current = !1, !h.originalEvent.ctrlKey && !h.originalEvent.metaKey) || n && l.getState().selectedIds.length >= 2) return;
+    if (h.originalEvent.preventDefault(), h.originalEvent.stopPropagation(), g.dragging.disable(), l.getState().geometryMode === "visual") {
+      const H = ke([h.latlng.lng, h.latlng.lat]);
+      C.current = { lng: H[0], lat: H[1] };
+    } else
+      C.current = { lng: h.latlng.lng, lat: h.latlng.lat };
+    !e && !n && l.getState().selectFeature(t.id), d([0, 0]);
+    function z(H) {
+      if (!C.current) return;
+      a.markDragStart(), M.current = !0;
+      const D = l.getState().geometryMode, _ = D === "visual" ? (() => {
+        const Y = ke([H.latlng.lng, H.latlng.lat]);
+        return [Y[0] - C.current.lng, Y[1] - C.current.lat];
+      })() : [H.latlng.lng - C.current.lng, H.latlng.lat - C.current.lat];
+      p.current = _;
+      const F = e ? s.getState().selectedPartIndex : null;
+      S.current ? S.current(_, D, F) : d(_);
+    }
+    function k(H) {
+      if (g.off("mousemove", z), g.off("mouseup", k), g.dragging.enable(), !C.current || !M.current) {
+        C.current = null, p.current = null, d(null);
+        return;
+      }
+      const D = C.current, _ = l.getState().geometryMode;
+      let F, Y;
+      if (_ === "visual") {
+        const c = ke([H.latlng.lng, H.latlng.lat]);
+        F = c[0] - D.lng, Y = c[1] - D.lat;
+      } else
+        F = H.latlng.lng - D.lng, Y = H.latlng.lat - D.lat;
+      C.current = null, p.current = null, d(null), l.getState().takeSnapshot();
+      const L = [F, Y], V = _ === "visual", R = s.getState().selectedPartIndex;
+      if (R != null) {
+        const c = qo(t.geometry, R), E = Jo(t.geometry, R, Qo(c, L, V));
+        u(t.id, { geometry: E });
+      } else
+        u(t.id, { geometry: Jt(t.geometry, L, V) });
+      a.markDragEnd();
+    }
+    g.on("mousemove", z), g.on("mouseup", k);
+  }
+  return { effectiveDelta: y, dragged: M, handleMouseDown: x };
+}
+function ji({ geom: t, delta: e, keyPrefix: n, active: o, selectedPart: r, linePathOptions: a, polyPathOptions: i, pinSelected: l, pinMultiSelected: s, pinIdle: u, handlers: g, visual: P = !1 }) {
+  const d = e ? (y) => We(y, e[0], e[1]) : (y) => y, p = e ? P ? (y) => We([y], e[0], e[1])[0] : ([y, x]) => [y + e[0], x + e[1]] : (y) => y, C = { ...a, opacity: 0.25 }, M = { ...i, opacity: 0.2, fillOpacity: 0.08 }, S = r ? a : C, m = r ? i : M;
+  if (t.type === "Point")
+    return /* @__PURE__ */ w(
+      Le,
+      {
+        position: G(p(t.coordinates)),
+        icon: o ? r ? Lt(l, s, u) : Pn(u) : qt(u),
+        draggable: !1,
+        eventHandlers: g
+      }
+    );
+  if (t.type === "MultiPoint")
+    return /* @__PURE__ */ w(xe, { children: t.coordinates.map((y, x) => /* @__PURE__ */ w(
+      Le,
+      {
+        position: G(p(y)),
+        icon: o ? r ? Lt(l, s, u) : Pn(u) : qt(u),
+        draggable: !1,
+        eventHandlers: g
+      },
+      `${n}-pt${x}`
+    )) });
+  if (t.type === "LineString") {
+    const y = (e ? d(t.coordinates) : t.coordinates).map(G);
+    return /* @__PURE__ */ le(xe, { children: [
+      /* @__PURE__ */ w(ve, { positions: y, pathOptions: S, interactive: !1 }),
+      /* @__PURE__ */ w(ve, { positions: y, pathOptions: { color: "#000", weight: Wt, opacity: 1e-3 }, eventHandlers: g })
+    ] });
+  }
+  if (t.type === "MultiLineString") {
+    const y = e ? d(t.coordinates) : t.coordinates;
+    return /* @__PURE__ */ w(xe, { children: y.map((x, f) => {
+      const h = x.map(G);
+      return /* @__PURE__ */ le(En.Fragment, { children: [
+        /* @__PURE__ */ w(ve, { positions: h, pathOptions: S, interactive: !1 }),
+        /* @__PURE__ */ w(ve, { positions: h, pathOptions: { color: "#000", weight: Wt, opacity: 1e-3 }, eventHandlers: g })
+      ] }, `${n}-ln${f}`);
+    }) });
+  }
+  if (t.type === "Polygon") {
+    const x = (e ? d(t.coordinates) : t.coordinates).map((f) => f.map(G));
+    return /* @__PURE__ */ w(He, { positions: x, pathOptions: m, eventHandlers: g });
+  }
+  if (t.type === "MultiPolygon") {
+    const y = e ? d(t.coordinates) : t.coordinates;
+    return /* @__PURE__ */ w(xe, { children: y.map((x, f) => {
+      const h = x.map((I) => I.map(G));
+      return /* @__PURE__ */ w(He, { positions: h, pathOptions: m, eventHandlers: g }, `${n}-part${f}`);
+    }) });
+  }
+  return null;
+}
+const Ui = Ze(
+  function({ feature: e, selected: n, isMultiSelected: o, multiDragDelta: r, readonly: a, interaction: i, onContextMenu: l }) {
+    const { dataStore: s, uiStore: u } = De(), g = Se((D) => D.toggleSelection), P = K((D) => D.setSelectedPartIndex), d = K((D) => D.selectedPartIndex), [p, C] = de(!1), { effectiveDelta: M, dragged: S, handleMouseDown: m } = sn(e, n, o, r, a, i), y = yt(It)[500], x = vt(e);
+    if (e.geometry.type !== "GeometryCollection") return null;
+    function f(D) {
+      return {
+        mouseover: (_) => {
+          Dt(_.target, e, u, _.latlng, _.originalEvent), C(!0), mt(_.target, !0);
+        },
+        mouseout: (_) => {
+          ct(_.target), C(!1), mt(_.target, !1);
+        },
+        click: (_) => {
+          if (u.getState().editingMode === "none")
+            if (_.originalEvent.stopPropagation(), _.originalEvent.shiftKey && !a) {
+              if (!i.shouldHandleFeatureClick(S.current)) return;
+              g(e.id);
+            } else if (n) {
+              if (S.current) return;
+              i.markFeatureClick(), P(d === D ? null : D);
+            } else {
+              if (!i.shouldHandleFeatureClick(S.current)) return;
+              i.markFeatureClick(), s.getState().selectFeature(e.id);
+            }
+        },
+        mousedown: (_) => m(D, _),
+        contextmenu: At(e, a, l)
+      };
+    }
+    const h = o || n || !!M, I = n && d != null, z = o || n || !!M, k = z ? Et(x, !1, { color: o || n ? y : Te, weight: n ? 4.5 : 3.5, opacity: p ? 1 : 0.9 }) : Mt(Kn, x, p ? { opacity: 1 } : null), H = z ? Et(x, !0, {
+      color: o || n ? y : Te,
+      fillColor: o || n ? y : Te,
+      weight: n ? 3 : 2,
+      opacity: p ? 1 : 0.9,
+      fillOpacity: n ? 0.25 : p ? 0.28 : 0.15,
+      className: M ? "cursor-grabbing" : ""
+    }) : Mt(Hn, x, p ? Bn : null);
+    return /* @__PURE__ */ w(xe, { children: e.geometry.geometries.map((D, _) => {
+      const F = M ? I ? _ === d ? M : null : M : null, L = !I || d === _;
+      return /* @__PURE__ */ w(En.Fragment, { children: /* @__PURE__ */ w(ji, { geom: D, delta: F, keyPrefix: `gc-${_}`, active: h, selectedPart: L, linePathOptions: k, polyPathOptions: H, pinSelected: n, pinMultiSelected: o, pinIdle: $n(x), handlers: f(_), visual: s.getState().geometryMode === "visual" }) }, _);
+    }) });
+  },
+  (t, e) => t.feature === e.feature && t.selected === e.selected && t.isMultiSelected === e.isMultiSelected && t.multiDragDelta === e.multiDragDelta && t.readonly === e.readonly && t.interaction === e.interaction
+);
+function Vn(t, e, n, o, r, a, i, l, s, u) {
+  const { dataStore: g } = De(), P = Se((D) => D.updateFeature), d = be(), [p, C] = de(null), M = $(null), S = $(null), m = $(!1), { isDupDrag: y, setDuplicateDrag: x, resetDuplicateDrag: f } = Io(p, i), h = M.current ?? p, I = r && a ? a : h, { display: z, ghost: k } = Cn(n, I, y, g.getState().geometryMode);
+  function H(D) {
+    if (l) return;
+    m.current = !1;
+    const _ = D.originalEvent.altKey, F = D.originalEvent.ctrlKey || D.originalEvent.metaKey;
+    if (!_ && !F || r && g.getState().selectedIds.length >= 2) return;
+    D.originalEvent.preventDefault(), D.originalEvent.stopPropagation(), d.dragging.disable();
+    const Y = _;
+    if (x(Y), g.getState().geometryMode === "visual") {
+      const c = ke([D.latlng.lng, D.latlng.lat]);
+      S.current = { lng: c[0], lat: c[1] };
+    } else
+      S.current = { lng: D.latlng.lng, lat: D.latlng.lat };
+    !o && !r && g.getState().selectFeature(t.id), C([0, 0]);
+    function V(c) {
+      if (!S.current) return;
+      s.markDragStart(), m.current = !0;
+      const E = g.getState().geometryMode, B = E === "visual" ? (() => {
+        const J = ke([c.latlng.lng, c.latlng.lat]);
+        return [J[0] - S.current.lng, J[1] - S.current.lat];
+      })() : [c.latlng.lng - S.current.lng, c.latlng.lat - S.current.lat];
+      M.current = B, u(Cn(n, B, !1, E).display, Y);
+    }
+    function R(c) {
+      if (d.off("mousemove", V), d.off("mouseup", R), d.dragging.enable(), !S.current || !m.current) {
+        S.current = null, f(), M.current = null, C(null);
+        return;
+      }
+      const E = S.current, B = g.getState().geometryMode;
+      let J, j;
+      if (B === "visual") {
+        const ue = ke([c.latlng.lng, c.latlng.lat]);
+        J = ue[0] - E.lng, j = ue[1] - E.lat;
+      } else
+        J = c.latlng.lng - E.lng, j = c.latlng.lat - E.lat;
+      S.current = null, f(), M.current = null, C(null);
+      const ce = B === "visual" ? We(n, J, j) : er(n, [E.lng, E.lat], [c.latlng.lng, c.latlng.lat]), te = { type: e, coordinates: ce };
+      Y ? g.getState().duplicateFeaturesAtPosition([{ sourceId: t.id, geometry: te }]) : (g.getState().takeSnapshot(), P(t.id, { geometry: te })), s.markDragEnd();
+    }
+    d.on("mousemove", V), d.on("mouseup", R);
+  }
+  return { effectiveDelta: I, display: z, ghost: k, dragged: m, handleMouseDown: H };
+}
+const Wi = Ze(
+  function({ feature: e, selected: n, isMultiSelected: o, onVertexEdit: r, multiDragDelta: a, multiDuplicateDrag: i, readonly: l, interaction: s, onContextMenu: u }) {
+    const { dataStore: g, uiStore: P } = De(), d = Se((L) => L.toggleSelection), p = yt(It)[500], C = e.geometry.coordinates, M = $(null), S = $(null), m = $(null), [y, x] = de(!1), f = _t(l), h = vt(e), I = rn(n || o, () => [M.current, m.current], {
+      before: (L, V) => {
+        L === M.current && (L.options.interactive = V);
+      },
+      after: () => {
+        const L = (I ? M : m).current;
+        L && f.retarget(Zt(L));
+      }
+    }), { effectiveDelta: z, display: k, ghost: H, dragged: D, handleMouseDown: _ } = Vn(
+      e,
+      "LineString",
+      C,
+      n,
+      o,
+      a,
+      i,
+      l,
+      s,
+      (L, V) => {
+        var R;
+        return (R = (V ? S : M).current) == null ? void 0 : R.setLatLngs(L.map(G));
+      }
+    ), F = _e(() => k.map(G), [k]), Y = {
+      mouseover: (L) => {
+        f.enter(Zt(L.target), L.originalEvent), Dt(L.target, e, P, L.latlng, L.originalEvent), P.getState().vertexEditActive || x(!0);
+      },
+      mouseout: (L) => {
+        f.leave(), ct(L.target), x(!1);
+      },
+      click: (L) => {
+        P.getState().editingMode === "none" && (L.originalEvent.stopPropagation(), s.shouldHandleFeatureClick(D.current) && (L.originalEvent.shiftKey && !l ? d(e.id) : (s.markFeatureClick(), g.getState().selectFeature(e.id))));
+      },
+      dblclick: (L) => {
+        P.getState().editingMode === "none" && (L.originalEvent.stopPropagation(), l || r());
+      },
+      contextmenu: At(e, l, u),
+      mousedown: _
+    };
+    return /* @__PURE__ */ le(xe, { children: [
+      /* @__PURE__ */ w(
+        ve,
+        {
+          ref: (L) => {
+            M.current = L;
+          },
+          positions: F,
+          pathOptions: n || o || z ? Et(h, !1, {
+            color: o || n ? p : Te,
+            weight: n || y ? 4.5 : 3.5,
+            opacity: y ? 1 : 0.9
+          }) : Mt(Kn, h, y ? { weight: 4.5, opacity: 1 } : null),
+          renderer: I,
+          interactive: !!I,
+          eventHandlers: Y
+        }
+      ),
+      !I && /* @__PURE__ */ w(
+        ve,
+        {
+          ref: (L) => {
+            m.current = L;
+          },
+          positions: F,
+          pathOptions: { color: "#000", weight: Wt, opacity: 1e-3 },
+          eventHandlers: Y
+        }
+      ),
+      H && /* @__PURE__ */ w(
+        ve,
+        {
+          ref: (L) => {
+            S.current = L;
+          },
+          positions: H.map(G),
+          pathOptions: { ...Vi, color: p }
+        }
+      )
+    ] });
+  },
+  (t, e) => t.feature === e.feature && t.selected === e.selected && t.isMultiSelected === e.isMultiSelected && t.multiDragDelta === e.multiDragDelta && t.multiDuplicateDrag === e.multiDuplicateDrag && t.readonly === e.readonly && t.interaction === e.interaction
+), Zi = Ze(
+  function({ feature: e, selected: n, isMultiSelected: o, multiDragDelta: r, readonly: a, interaction: i, onContextMenu: l }) {
+    const { dataStore: s, uiStore: u } = De(), g = Se((L) => L.toggleSelection), P = K((L) => L.setSelectedPartIndex), d = K((L) => L.selectedPartIndex), p = e.geometry.coordinates, [C, M] = de(!1), S = $(/* @__PURE__ */ new Map()), m = $(/* @__PURE__ */ new Map()), y = vt(e), x = rn(n || o, () => [...S.current.values(), ...m.current.values()], {
+      before: (L, V) => {
+        [...S.current.values()].includes(L) && (L.options.interactive = V);
+      }
+    }), { effectiveDelta: f, dragged: h, handleMouseDown: I } = sn(
+      e,
+      n,
+      o,
+      r,
+      a,
+      i,
+      (L, V, R) => {
+        for (let c = 0; c < p.length; c++) {
+          if (R != null && R !== c) continue;
+          const E = S.current.get(c);
+          if (!E) continue;
+          const B = V === "visual" ? We([p[c]], L[0], L[1])[0] : p[c].map(([J, j]) => [J + L[0], j + L[1]]);
+          E.setLatLngs(B.map(G));
+        }
+      }
+    ), z = yt(It)[500], k = n ? d : null, D = p.map((L, V) => f && (k == null || k === V) ? s.getState().geometryMode === "visual" ? We([L], f[0], f[1])[0] : L.map(([c, E]) => [c + f[0], E + f[1]]) : L).map((L) => L.map(G)), _ = n && d != null, F = o || n || f ? Et(y, !1, {
+      color: o || n ? z : Te,
+      weight: n ? 4.5 : 3.5,
+      opacity: C ? 1 : 0.9
+    }) : Mt(Kn, y, C ? { opacity: 1 } : null), Y = { ...F, opacity: 0.25 };
+    return /* @__PURE__ */ w(xe, { children: D.map((L, V) => {
+      const c = !_ || d === V ? F : Y, E = {
+        mouseover: () => {
+          u.getState().vertexEditActive || M(!0);
+        },
+        mouseout: () => M(!1),
+        click: (B) => {
+          if (u.getState().editingMode === "none")
+            if (B.originalEvent.stopPropagation(), B.originalEvent.shiftKey && !a) {
+              if (!i.shouldHandleFeatureClick(h.current)) return;
+              g(e.id);
+            } else if (n) {
+              if (h.current) return;
+              i.markFeatureClick(), P(d === V ? null : V);
+            } else {
+              if (!i.shouldHandleFeatureClick(h.current)) return;
+              i.markFeatureClick(), s.getState().selectFeature(e.id);
+            }
+        },
+        dblclick: (B) => {
+          u.getState().editingMode === "none" && B.originalEvent.stopPropagation();
+        },
+        mousedown: (B) => I(V, B),
+        contextmenu: At(e, a, l)
+      };
+      return /* @__PURE__ */ le(En.Fragment, { children: [
+        /* @__PURE__ */ w(
+          ve,
+          {
+            ref: (B) => {
+              B ? S.current.set(V, B) : S.current.delete(V);
+            },
+            positions: L,
+            pathOptions: c,
+            renderer: x,
+            interactive: !!x,
+            eventHandlers: E
+          }
+        ),
+        !x && /* @__PURE__ */ w(
+          ve,
+          {
+            ref: (B) => {
+              B ? m.current.set(V, B) : m.current.delete(V);
+            },
+            positions: L,
+            pathOptions: { color: "#000", weight: Wt, opacity: 1e-3 },
+            eventHandlers: E
+          }
+        )
+      ] }, `line-part-${V}`);
+    }) });
+  },
+  (t, e) => t.feature === e.feature && t.selected === e.selected && t.isMultiSelected === e.isMultiSelected && t.multiDragDelta === e.multiDragDelta && t.readonly === e.readonly && t.interaction === e.interaction
+), qi = Ze(
+  function({ feature: e, selected: n, isMultiSelected: o, multiDragDelta: r, readonly: a, interaction: i, onContextMenu: l }) {
+    const { dataStore: s, uiStore: u } = De(), g = Se((k) => k.toggleSelection), P = K((k) => k.setSelectedPartIndex), d = K((k) => k.selectedPartIndex), p = e.geometry.coordinates, C = $n(vt(e)), M = $(/* @__PURE__ */ new Map()), S = _t(a), { effectiveDelta: m, dragged: y, handleMouseDown: x } = sn(
+      e,
+      n,
+      o,
+      r,
+      a,
+      i,
+      (k, H, D) => {
+        for (let _ = 0; _ < p.length; _++) {
+          if (D != null && D !== _) continue;
+          const F = M.current.get(_);
+          if (!F) continue;
+          const Y = p[_], L = H === "visual" ? We([Y], k[0], k[1])[0] : [Y[0] + k[0], Y[1] + k[1]];
+          F.setLatLng(G(L));
+        }
+      }
+    ), f = n ? d : null, h = p.map((k, H) => m && (f == null || f === H) ? s.getState().geometryMode === "visual" ? We([k], m[0], m[1])[0] : [k[0] + m[0], k[1] + m[1]] : k), I = o || n || !!m, z = n && d != null;
+    return /* @__PURE__ */ w(xe, { children: h.map((k, H) => /* @__PURE__ */ w(
+      Le,
+      {
+        ref: (D) => {
+          D ? M.current.set(H, D) : M.current.delete(H);
+        },
+        position: G(k),
+        icon: I ? z && d !== H ? Pn(C) : Lt(n && (!z || d === H), o, C) : qt(C),
+        draggable: !1,
+        eventHandlers: {
+          mouseover: (D) => {
+            var _, F;
+            S.enter((F = (_ = D.target).getElement) == null ? void 0 : F.call(_), D.originalEvent), Dt(D.target, e, u, D.latlng, D.originalEvent), u.getState().vertexEditActive || mt(D.target, !0);
+          },
+          mouseout: (D) => {
+            S.leave(), ct(D.target), mt(D.target, !1);
+          },
+          click: (D) => {
+            if (u.getState().editingMode === "none")
+              if (D.originalEvent.stopPropagation(), D.originalEvent.shiftKey && !a) {
+                if (!i.shouldHandleFeatureClick(y.current)) return;
+                g(e.id);
+              } else if (n) {
+                if (y.current) return;
+                i.markFeatureClick(), P(d === H ? null : H);
+              } else {
+                if (!i.shouldHandleFeatureClick(y.current)) return;
+                i.markFeatureClick(), s.getState().selectFeature(e.id);
+              }
+          },
+          mousedown: (D) => x(H, D),
+          contextmenu: At(e, a, l)
+        }
+      },
+      `pt-${k[0].toFixed(8)},${k[1].toFixed(8)}-${H}`
+    )) });
+  },
+  (t, e) => t.feature === e.feature && t.selected === e.selected && t.isMultiSelected === e.isMultiSelected && t.multiDragDelta === e.multiDragDelta && t.readonly === e.readonly && t.interaction === e.interaction
+), Ji = Ze(
+  function({ feature: e, selected: n, isMultiSelected: o, multiDragDelta: r, onVertexEdit: a, readonly: i, interaction: l, onContextMenu: s }) {
+    const { dataStore: u, uiStore: g } = De(), P = Se((L) => L.toggleSelection), d = K((L) => L.setSelectedPartIndex), p = K((L) => L.selectedPartIndex), C = e.geometry.coordinates, [M, S] = de(!1), m = $(/* @__PURE__ */ new Map()), y = vt(e), x = rn(n || o, () => m.current.values()), { effectiveDelta: f, dragged: h, handleMouseDown: I } = sn(
+      e,
+      n,
+      o,
+      r,
+      i,
+      l,
+      (L, V, R) => {
+        for (let c = 0; c < C.length; c++) {
+          if (R != null && R !== c) continue;
+          const E = m.current.get(c);
+          if (!E) continue;
+          const B = V === "visual" ? We([C[c]], L[0], L[1])[0] : C[c].map((J) => J.map(([j, ce]) => [j + L[0], ce + L[1]]));
+          E.setLatLngs(B.map((J) => J.map(G)));
+        }
+      }
+    ), z = yt(It)[500], k = n ? p : null, H = _e(() => C.map((L, V) => f && (k == null || k === V) ? u.getState().geometryMode === "visual" ? We([L], f[0], f[1])[0] : L.map((c) => c.map(([E, B]) => [E + f[0], B + f[1]])) : L), [C, f, k]), D = _e(() => H.map((L) => L.map((V) => V.map(G))), [H]), _ = n && p != null, F = o || n || f ? Et(y, !0, {
+      color: o || n ? z : Te,
+      fillColor: o || n ? z : Te,
+      weight: n ? 3 : 2,
+      opacity: M ? 1 : 0.9,
+      fillOpacity: n ? 0.25 : M ? 0.28 : 0.15,
+      className: f ? "cursor-grabbing" : ""
+    }) : Mt(Hn, y, M ? Bn : null), Y = { ...F, opacity: 0.2, fillOpacity: 0.08 };
+    return /* @__PURE__ */ w(xe, { children: D.map((L, V) => /* @__PURE__ */ w(
+      He,
+      {
+        ref: (R) => {
+          R ? m.current.set(V, R) : m.current.delete(V);
+        },
+        positions: L,
+        renderer: x,
+        pathOptions: _ && p !== V ? Y : F,
+        eventHandlers: {
+          mouseover: (R) => {
+            Dt(R.target, e, g, R.latlng, R.originalEvent), g.getState().vertexEditActive || S(!0);
+          },
+          mouseout: (R) => {
+            ct(R.target), S(!1);
+          },
+          click: (R) => {
+            if (g.getState().editingMode === "none")
+              if (R.originalEvent.stopPropagation(), R.originalEvent.shiftKey && !i) {
+                if (!l.shouldHandleFeatureClick(h.current)) return;
+                P(e.id);
+              } else if (n) {
+                if (h.current) return;
+                l.markFeatureClick(), d(p === V ? null : V);
+              } else {
+                if (!l.shouldHandleFeatureClick(h.current)) return;
+                l.markFeatureClick(), u.getState().selectFeature(e.id);
+              }
+          },
+          dblclick: (R) => {
+            g.getState().editingMode === "none" && (R.originalEvent.stopPropagation(), i || a());
+          },
+          mousedown: (R) => I(V, R),
+          contextmenu: At(e, i, s)
+        }
+      },
+      `poly-part-${V}`
+    )) });
+  },
+  (t, e) => t.feature === e.feature && t.selected === e.selected && t.isMultiSelected === e.isMultiSelected && t.multiDragDelta === e.multiDragDelta && t.readonly === e.readonly && t.interaction === e.interaction
+), Qi = Ze(
+  function({ feature: e, selected: n, isMultiSelected: o, multiDragDelta: r, multiDuplicateDrag: a, readonly: i, interaction: l, onContextMenu: s }) {
+    const { dataStore: u } = De(), g = be(), { uiStore: P } = De(), d = Nt(), p = Se((c) => c.updateFeature), C = Se((c) => c.toggleSelection), M = e.geometry.coordinates, [S, m] = de(!1), y = $n(vt(e)), [x, f] = de({ lng: "", lat: "" }), h = $(null), I = $(null), { effectiveDelta: z, display: k, ghost: H, dragged: D, handleMouseDown: _ } = Vn(
+      e,
+      "Point",
+      M,
+      n,
+      o,
+      r,
+      a,
+      i,
+      l,
+      (c, E) => {
+        var B;
+        return (B = (E ? I : h).current) == null ? void 0 : B.setLatLng(G(c));
+      }
+    ), F = _t(i);
+    Q(() => {
+      var E, B;
+      if (i) return;
+      const c = (B = (E = h.current) == null ? void 0 : E.getElement) == null ? void 0 : B.call(E);
+      if (!(!c || !ti(g, G(M)) || !ei(c)))
+        return Rn(e.id), F.enter(c, nn()), P.getState().vertexEditActive || mt(h.current, !0), () => {
+          F.leave();
+        };
+    }, [e.id, i]);
+    const Y = Wr(e.id);
+    Q(() => {
+      var c, E, B;
+      (B = (E = (c = h.current) == null ? void 0 : c.getElement) == null ? void 0 : E.call(c)) == null || B.classList.toggle("elm-pin-fresh", Y);
+    });
+    function L() {
+      f({ lng: M[0].toFixed(6), lat: M[1].toFixed(6) }), m(!0);
+    }
+    function V(c) {
+      c.originalEvent.preventDefault(), c.originalEvent.stopPropagation(), !i && s && s({
+        feature: e,
+        x: c.originalEvent.clientX,
+        y: c.originalEvent.clientY,
+        requestPreciseCoords: L
+      });
+    }
+    function R() {
+      const c = parseFloat(x.lng), E = parseFloat(x.lat);
+      !isNaN(c) && !isNaN(E) ? (u.getState().takeSnapshot(), p(e.id, { geometry: { type: "Point", coordinates: zt(M, [c, E]) } }), m(!1), d({ type: "success", message: "Coordinate updated" })) : d({ type: "warning", message: "Invalid coordinates" });
+    }
+    return /* @__PURE__ */ le(xe, { children: [
+      /* @__PURE__ */ w(
+        Le,
+        {
+          ref: (c) => {
+            h.current = c;
+          },
+          position: G(k),
+          icon: n || o || S || z ? Lt(n, o, y) : qt(y),
+          draggable: !1,
+          eventHandlers: {
+            mouseover: (c) => {
+              var E, B;
+              F.enter((B = (E = c.target).getElement) == null ? void 0 : B.call(E), c.originalEvent), Dt(c.target, e, P, c.latlng, c.originalEvent), P.getState().vertexEditActive || mt(h.current, !0);
+            },
+            mouseout: (c) => {
+              F.leave(), ct(c.target), mt(c.target, !1);
+            },
+            click: (c) => {
+              P.getState().editingMode === "none" && (c.originalEvent.stopPropagation(), l.shouldHandleFeatureClick(D.current) && (c.originalEvent.shiftKey && !i ? C(e.id) : (l.markFeatureClick(), u.getState().selectFeature(e.id))));
+            },
+            contextmenu: V,
+            mousedown: _
+          },
+          children: S && /* @__PURE__ */ w(
+            go,
+            {
+              eventHandlers: { remove: () => m(!1) },
+              autoClose: !1,
+              closeOnClick: !1,
+              children: /* @__PURE__ */ le("div", { className: "flex flex-col gap-2 min-w-[140px]", onKeyDown: (c) => {
+                c.key === "Enter" && R(), c.key === "Escape" && m(!1);
+              }, children: [
+                /* @__PURE__ */ w("p", { className: "text-xs font-semibold text-(--elm-text-secondary,var(--color-gray-700)) m-0 leading-none", children: "Precise coordinates" }),
+                /* @__PURE__ */ le("div", { className: "flex flex-col gap-1", children: [
+                  /* @__PURE__ */ le("label", { className: "flex items-center gap-2 text-xs text-(--elm-text-muted,var(--color-gray-500))", children: [
+                    "Lat:",
+                    /* @__PURE__ */ w("input", { type: "text", value: x.lat, onChange: (c) => f((E) => ({ ...E, lat: c.target.value })), className: "flex-1 w-full min-w-0 border border-(--elm-border,var(--color-gray-200)) rounded-elm-chip px-1.5 py-0.5 text-xs outline-none focus:border-primary-400" })
+                  ] }),
+                  /* @__PURE__ */ le("label", { className: "flex items-center gap-2 text-xs text-(--elm-text-muted,var(--color-gray-500))", children: [
+                    "Lng:",
+                    /* @__PURE__ */ w("input", { type: "text", value: x.lng, onChange: (c) => f((E) => ({ ...E, lng: c.target.value })), className: "flex-1 w-full min-w-0 border border-(--elm-border,var(--color-gray-200)) rounded-elm-chip px-1.5 py-0.5 text-xs outline-none focus:border-primary-400" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ le("div", { className: "flex items-center justify-end gap-1 mt-1", children: [
+                  /* @__PURE__ */ w("button", { onClick: () => m(!1), className: "px-2 py-1 text-xs text-(--elm-text-muted,var(--color-gray-500)) hover:bg-(--elm-surface-hover,var(--color-gray-100)) rounded-elm-chip transition-colors", children: "Cancel" }),
+                  /* @__PURE__ */ le("button", { onClick: R, className: "px-2 py-1 text-xs text-white bg-primary-500 hover:bg-primary-600 rounded-elm-chip transition-colors font-medium flex items-center gap-1", children: [
+                    /* @__PURE__ */ w(yo, { size: 12, weight: "bold" }),
+                    " Save"
+                  ] })
+                ] })
+              ] })
+            }
+          )
+        }
+      ),
+      H && /* @__PURE__ */ w(
+        Le,
+        {
+          ref: (c) => {
+            I.current = c;
+          },
+          position: G(H),
+          icon: Lt(!0, !1),
+          opacity: 0.5,
+          interactive: !1
+        }
+      )
+    ] });
+  },
+  (t, e) => t.feature === e.feature && t.selected === e.selected && t.isMultiSelected === e.isMultiSelected && t.multiDragDelta === e.multiDragDelta && t.multiDuplicateDrag === e.multiDuplicateDrag && t.readonly === e.readonly && t.interaction === e.interaction
+), es = Ze(
+  function({ feature: e, selected: n, isMultiSelected: o, multiDragDelta: r, multiDuplicateDrag: a, onVertexEdit: i, readonly: l, interaction: s, onContextMenu: u }) {
+    const { dataStore: g, uiStore: P } = De(), d = Se((F) => F.toggleSelection), p = yt(It)[500], C = e.geometry.coordinates, M = $(null), S = $(null), [m, y] = de(!1), x = _t(l), f = vt(e), h = rn(n || o, () => [M.current], {
+      after: () => {
+        M.current && x.retarget(Zt(M.current));
+      }
+    }), { effectiveDelta: I, display: z, ghost: k, dragged: H, handleMouseDown: D } = Vn(
+      e,
+      "Polygon",
+      C,
+      n,
+      o,
+      r,
+      a,
+      l,
+      s,
+      (F, Y) => {
+        var L;
+        return (L = (Y ? S : M).current) == null ? void 0 : L.setLatLngs(F.map((V) => V.map(G)));
+      }
+    ), _ = _e(() => z.map((F) => F.map(G)), [z]);
+    return /* @__PURE__ */ le(xe, { children: [
+      /* @__PURE__ */ w(
+        He,
+        {
+          ref: (F) => {
+            M.current = F;
+          },
+          positions: _,
+          renderer: h,
+          pathOptions: o || n || I ? Et(f, !0, {
+            color: o || n ? p : Te,
+            fillColor: o || n ? p : Te,
+            weight: n ? 3 : 2,
+            opacity: m ? 1 : 0.9,
+            fillOpacity: n ? 0.25 : m ? 0.28 : 0.15,
+            className: I ? "cursor-grabbing" : ""
+          }) : Mt(Hn, f, m ? Bn : null),
+          eventHandlers: {
+            mouseover: (F) => {
+              x.enter(Zt(F.target), F.originalEvent), Dt(F.target, e, P, F.latlng, F.originalEvent), P.getState().vertexEditActive || y(!0);
+            },
+            mouseout: (F) => {
+              x.leave(), ct(F.target), y(!1);
+            },
+            click: (F) => {
+              P.getState().editingMode === "none" && (F.originalEvent.stopPropagation(), s.shouldHandleFeatureClick(H.current) && (F.originalEvent.shiftKey && !l ? d(e.id) : (s.markFeatureClick(), g.getState().selectFeature(e.id))));
+            },
+            dblclick: (F) => {
+              P.getState().editingMode === "none" && (F.originalEvent.stopPropagation(), l || i());
+            },
+            contextmenu: At(e, l, u),
+            mousedown: D
+          }
+        }
+      ),
+      k && /* @__PURE__ */ w(
+        He,
+        {
+          ref: (F) => {
+            S.current = F;
+          },
+          positions: k.map((F) => F.map(G)),
+          pathOptions: { ...Xi, color: p, fillColor: p }
+        }
+      )
+    ] });
+  },
+  (t, e) => t.feature === e.feature && t.selected === e.selected && t.isMultiSelected === e.isMultiSelected && t.multiDragDelta === e.multiDragDelta && t.multiDuplicateDrag === e.multiDuplicateDrag && t.readonly === e.readonly && t.interaction === e.interaction
+), ts = { items: [], pos: 0, bounds: null };
+function Ro(t, e) {
+  if (!e) return t;
+  const n = (e.e - e.w) / 4, o = (e.n - e.s) / 4, r = e.w + n, a = e.e - n, i = e.s + o, l = e.n - o, s = [], u = [];
+  for (const g of t) {
+    const [P, d, p, C] = mo(g);
+    (p >= r && P <= a && C >= i && d <= l ? s : u).push(g);
+  }
+  return s.concat(u);
+}
+function ns(t, e, n, o) {
+  let r = t.length;
+  if (e.pos < e.items.length && t.length > n) {
+    const l = /* @__PURE__ */ new Set();
+    for (let s = e.pos; s < e.items.length; s++) l.add(e.items[s].id);
+    r = 0;
+    for (const s of t) l.has(s.id) || r++;
+  }
+  r > n && (n = 0);
+  const a = t.length > n ? Ro(t, o) : t, i = Math.min(n, a.length);
+  return { now: a.slice(0, i), queue: { items: a, pos: i, bounds: o } };
+}
+function os(t, e, n, o) {
+  let { items: r, pos: a } = t;
+  n !== t.bounds && a < r.length && (r = Ro(r.slice(a), n), a = 0);
+  const i = [];
+  for (; a < r.length && i.length < e; ) {
+    const l = r[a++];
+    o(l.id) || i.push(l);
+  }
+  return { chunk: i, queue: { items: r, pos: a, bounds: n } };
+}
+const rs = 8, to = 50, is = 1e3, no = Ze(function({ items: e }) {
+  return /* @__PURE__ */ w(xe, { children: e });
+});
+function ss({ tick: t, onEffect: e }) {
+  return Q(e, [t]), null;
+}
+function as(t, e, n, o, r) {
+  const a = $(/* @__PURE__ */ new Map()), i = $({ inputs: [], elements: [], groups: /* @__PURE__ */ new Map(), queue: ts }), l = $(0), [s, u] = de(0), g = $({ msPerFeature: 0.16, chunk: to, renderMs: 0, effectStart: 0 }), P = [t, ...r], d = _e(() => {
+    const C = i.current, M = a.current, S = l.current, m = g.current.chunk;
+    if (C.inputs.length === P.length && C.inputs.every((F, Y) => F === P[Y])) {
+      const { chunk: F, queue: Y } = os(C.queue, m, n, (B) => M.has(B)), L = performance.now(), V = [], R = /* @__PURE__ */ new Map();
+      o(F, () => !0, !0).forEach((B, J) => {
+        B && (V.push(B), R.set(F[J].id, S));
+      });
+      let { elements: c, groups: E } = C;
+      return V.length && (E = new Map(E).set(S, V), c = [...c, /* @__PURE__ */ w(no, { items: V }, S)]), { elements: c, groups: E, queue: Y, added: R, mountedIds: null, n: V.length, start: L };
+    }
+    const y = [...t].reverse(), x = (F) => !M.has(F.id) && !e(F), { now: f, queue: h } = ns(y.filter(x), C.queue, m, n), I = new Set(f.map((F) => F.id)), z = o(y, (F) => !x(F) || I.has(F.id), !1), k = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map();
+    z.forEach((F, Y) => {
+      if (!F) return;
+      const L = y[Y].id, V = M.get(L) ?? S;
+      k.set(L, V);
+      const R = H.get(V);
+      R ? R.push(F) : H.set(V, [F]);
+    });
+    const D = /* @__PURE__ */ new Map();
+    return { elements: [...H].map(([F, Y]) => {
+      const L = C.groups.get(F), V = L && L.length === Y.length && L.every((R, c) => R === Y[c]) ? L : Y;
+      return D.set(F, V), /* @__PURE__ */ w(no, { items: V }, F);
+    }), groups: D, queue: h, added: null, mountedIds: k, n: 0, start: 0 };
+  }, [...P, s]);
+  $o(() => {
+    g.current.renderMs = performance.now() - d.start;
+  }, [d]);
+  const p = Fe(() => {
+    g.current.effectStart = performance.now();
+  }, []);
+  return Q(() => {
+    if (d.mountedIds) a.current = d.mountedIds;
+    else for (const [S, m] of d.added) a.current.set(S, m);
+    i.current = { inputs: P, elements: d.elements, groups: d.groups, queue: d.queue }, d.groups.has(l.current) && l.current++;
+    const C = g.current;
+    if (d.n >= 20) {
+      const S = C.renderMs + performance.now() - C.effectStart;
+      C.msPerFeature = C.msPerFeature * 0.5 + S / d.n * 0.5, C.chunk = Math.round(Math.min(is, Math.max(to, rs / C.msPerFeature)));
+    }
+    if (d.queue.pos >= d.queue.items.length) return;
+    const M = setTimeout(() => u((S) => S + 1));
+    return () => clearTimeout(M);
+  }, [d]), /* @__PURE__ */ le(xe, { children: [
+    /* @__PURE__ */ w(ss, { tick: d, onEffect: p }),
+    d.elements
+  ] });
+}
+const ls = Ze(function({
+  culledFeatures: e,
+  multiSelectedSet: n,
+  transformDragging: o,
+  selectedFeatureId: r,
+  editingMode: a,
+  geometryPreview: i,
+  bufferCreateNew: l,
+  multiDragDelta: s,
+  multiDuplicateDrag: u,
+  readonly: g,
+  interaction: P,
+  openFeatureCtxMenu: d,
+  vertexEditId: p,
+  viewBounds: C,
+  onVertexEdit: M
+}) {
+  const S = $({ shared: [], byId: /* @__PURE__ */ new Map() });
+  return as(e, (m) => n.has(m.id) || m.id === p, C, (m, y, x) => {
+    const f = S.current, h = [u, g, P, d];
+    h.some((k, H) => k !== f.shared[H]) && (f.byId = /* @__PURE__ */ new Map()), f.shared = h;
+    const I = x ? f.byId : /* @__PURE__ */ new Map(), z = m.map((k) => {
+      if (!y(k)) return null;
+      const H = n.has(k.id);
+      if (o && (H || k.id === r) || (a === "simplify-shape" || a === "smooth-shape" || a === "buffer-shape" && !l) && i !== null && k.id === r && vn(k.geometry.type)) return null;
+      const D = H ? s : null, _ = k.id === r, F = f.byId.get(k.id);
+      if (F && F.f === k && F.sel === _ && F.multi === H && F.delta === D)
+        return I.set(k.id, F), F.el;
+      const Y = k.geometry.type === "Point" ? k.properties._isText === "true" ? /* @__PURE__ */ w(Yi, { feature: k, selected: k.id === r, isMultiSelected: H, multiDragDelta: D, multiDuplicateDrag: u, readonly: g, suppressDoubleClickZoomForGesture: P.suppressDoubleClickZoomForGesture }, k.id) : /* @__PURE__ */ w(Qi, { feature: k, selected: k.id === r, isMultiSelected: H, multiDragDelta: D, multiDuplicateDrag: u, readonly: g, interaction: P, onContextMenu: d }, k.id) : k.geometry.type === "MultiPoint" ? /* @__PURE__ */ w(qi, { feature: k, selected: k.id === r, isMultiSelected: H, multiDragDelta: D, readonly: g, interaction: P, onContextMenu: d }, k.id) : k.geometry.type === "Polygon" ? /* @__PURE__ */ w(es, { feature: k, selected: k.id === r, isMultiSelected: H, multiDragDelta: D, multiDuplicateDrag: u, onVertexEdit: () => {
+        g || M(k.id);
+      }, readonly: g, interaction: P, onContextMenu: d }, k.id) : k.geometry.type === "MultiPolygon" ? /* @__PURE__ */ w(Ji, { feature: k, selected: k.id === r, isMultiSelected: H, multiDragDelta: D, onVertexEdit: () => {
+        g || M(k.id);
+      }, readonly: g, interaction: P, onContextMenu: d }, k.id) : k.geometry.type === "MultiLineString" ? /* @__PURE__ */ w(Zi, { feature: k, selected: k.id === r, isMultiSelected: H, multiDragDelta: D, readonly: g, interaction: P, onContextMenu: d }, k.id) : k.geometry.type === "GeometryCollection" ? /* @__PURE__ */ w(Ui, { feature: k, selected: k.id === r, isMultiSelected: H, multiDragDelta: D, readonly: g, interaction: P, onContextMenu: d }, k.id) : /* @__PURE__ */ w(
+        Wi,
+        {
+          feature: k,
+          selected: k.id === r,
+          isMultiSelected: H,
+          multiDragDelta: D,
+          multiDuplicateDrag: u,
+          onVertexEdit: () => {
+            g || M(k.id);
+          },
+          readonly: g,
+          interaction: P,
+          onContextMenu: d
+        },
+        k.id
+      );
+      return I.set(k.id, { f: k, sel: _, multi: H, delta: D, el: Y }), Y;
+    });
+    return f.byId = I, z;
+  }, [n, o, r, a, i, l, s, u, g, P, d, p]);
+});
+function cs({ children: t }) {
+  const e = Eo(), n = kt().featureColor, o = _e(() => $i(e, n), [e, n]);
+  return /* @__PURE__ */ w(Mo, { getFeatureStyle: o, children: t });
+}
+function ta() {
+  const { dataStore: t } = De(), e = be();
+  return Q(() => {
+    const n = t.getState().features;
+    if (n.length === 0) return;
+    let o = 1 / 0, r = 1 / 0, a = -1 / 0, i = -1 / 0;
+    for (const l of n) {
+      const [s, u, g, P] = l.bbox || In(l.geometry);
+      s < o && (o = s), u < r && (r = u), g > a && (a = g), P > i && (i = P);
+    }
+    if (o !== 1 / 0) {
+      const l = Dn(e.getContainer());
+      e.fitBounds([[r, o], [i, a]], { paddingTopLeft: [l.left, l.top], paddingBottomRight: [l.right, l.bottom], maxZoom: 16 });
+    }
+  }, []), null;
+}
+function us({ renderer: t = "canvas" } = {}) {
+  const { dataStore: e, uiStore: n } = De(), o = Nt(), r = Qt(), a = Se((T) => T.features), i = Se((T) => T.groups), l = Se((T) => T.selectedIds), s = l.length === 1 ? l[0] : null, u = Se((T) => T.clearSelection), g = Se((T) => T.selectFeature), P = Se((T) => T.updateFeature), d = K((T) => T.closeDialog), p = K((T) => T.setVertexEditActive), C = K((T) => T.setTransformActive), M = K((T) => T.transformActive), S = K((T) => T.vertexEditActive), m = K((T) => T.transformDragging), y = K((T) => T.editingMode), x = K((T) => T.geometryPreview), f = K((T) => T.bufferCreateNew), h = K((T) => T.readonly), [I, z] = de(null);
+  function k(T) {
+    z(T), p(!!T);
+  }
+  const H = $(!1), D = Qr(!!I || y !== "none");
+  function _(T, oe = !1) {
+    const pe = e.getState().features.find((ie) => ie.id === T);
+    if (!pe) return;
+    const ae = nr(pe);
+    ae && o({ type: "warning", message: ae }), oe && D.suppressDoubleClickZoomForGesture(), D.suppressNextVertexExit(), k(T), Y([]);
+  }
+  Q(() => {
+    ct(null);
+  }, [a.length]), Q(() => {
+    ct(null);
+  }, [y, S]), Q(() => {
+    M && !s && l.length === 0 && C(!1);
+  }, [s, l.length, M, C]), Q(() => {
+    I && M && C(!1);
+  }, [I, M, C]), Q(() => {
+    if (!M) return;
+    const T = s ? e.getState().features.find((oe) => oe.id === s) : null;
+    (T == null ? void 0 : T._drawType) === "route" && !H.current && (o({ type: "warning", message: "Transforming may break road alignment." }), H.current = !0);
+  }, [M, s, e, o]);
+  const [F, Y] = de([]), [L, V] = de(null), [R, c] = de(!1), E = be(), B = ut(E.getContainer()), J = Bi(E, t), j = kr(), ce = j.open, te = Fe((T) => {
+    const { feature: oe, x: pe, y: ae, requestPreciseCoords: ie } = T, me = e.getState().selectedIds;
+    me.length >= 2 && me.includes(oe.id) || e.getState().selectFeature(oe.id), ce(pe, ae, { feature: oe, requestPreciseCoords: ie });
+  }, [e, ce]), ue = Fe((T, oe) => {
+    V(null), D.markDragEnd();
+    const pe = new Map(e.getState().features.map((ie) => [ie.id, ie])), ae = e.getState().selectedIds.flatMap((ie) => {
+      const me = pe.get(ie);
+      return me ? [{ id: ie, geometry: Jt(me.geometry, T, !1) }] : [];
+    });
+    oe ? e.getState().duplicateFeaturesAtPosition(ae.map(({ id: ie, geometry: me }) => ({ sourceId: ie, geometry: me }))) : (e.getState().takeSnapshot(), e.getState().updateFeatures(ae.map(({ id: ie, geometry: me }) => ({ id: ie, patch: { geometry: me } }))));
+  }, [e, D]), [X, v] = de(null);
+  function U() {
+    const T = E.getBounds().pad(0.5);
+    v({ w: T.getWest(), s: T.getSouth(), e: T.getEast(), n: T.getNorth() });
+  }
+  Q(() => {
+    U();
+  }, []), je({
+    moveend: U,
+    zoomend: U,
+    // Suppress the browser's native context menu anywhere on the map. Feature
+    // layers call preventDefault themselves; this catches bare-map right-clicks.
+    contextmenu: (T) => {
+      T.originalEvent.preventDefault();
+    },
+    mousemove: (T) => jr(E, T.containerPoint)
+  });
+  const ee = $(a);
+  Q(() => {
+    const T = ee.current;
+    if (ee.current = a, a.length <= T.length) return;
+    const { x: oe, y: pe } = nn(), ae = E.getContainer().getBoundingClientRect();
+    if (oe < ae.left || oe > ae.right || pe < ae.top || pe > ae.bottom) return;
+    const ie = new Set(T.map((me) => me.id));
+    Yr(E, a.filter((me) => !ie.has(me.id)), { x: oe - ae.left, y: pe - ae.top });
+  }, [a, E]);
+  const q = _e(() => {
+    const T = new Set(i.filter((oe) => oe.hidden).map((oe) => oe.id));
+    return a.filter(
+      (oe) => !oe.hidden && (!oe.groupId || !T.has(oe.groupId))
+    );
+  }, [a, i]), ge = _e(() => new Set(l), [l]), ne = $([]), fe = _e(() => {
+    let T = q;
+    if (X) {
+      const pe = new Set(l);
+      s && pe.add(s), I && pe.add(I), T = q.filter((ae) => {
+        if (pe.has(ae.id)) return !0;
+        const [ie, me, Ne, Ce] = mo(ae);
+        return Ne >= X.w && ie <= X.e && Ce >= X.s && me <= X.n;
+      });
+    }
+    const oe = ne.current;
+    return oe.length === T.length && T.every((pe, ae) => pe === oe[ae]) ? oe : (ne.current = T, T);
+  }, [q, X, l, s, I]), W = I ? q.find((T) => T.id === I && (T.geometry.type === "LineString" || T.geometry.type === "Polygon")) ?? null : null, we = Fe((T, oe) => {
+    if (he.current === T) {
+      Y((pe) => {
+        const ae = new Set(pe);
+        for (const ie of oe) ae.add(ie);
+        return Array.from(ae).sort((ie, me) => ie - me);
+      });
+      return;
+    }
+    _(T), Y(oe);
+  }, [D]);
+  Q(() => {
+    I && s !== I && (k(null), Y([]));
+  }, [s, I]), Q(() => {
+    !S && I && (z(null), Y([]));
+  }, [S, I]), Q(() => {
+    var pe, ae;
+    if (h) return;
+    function T(ie) {
+      if (ie.key !== "n" && ie.key !== "N" || ie.metaKey || ie.ctrlKey || ie.altKey || !r(ie)) return;
+      const me = ie.target;
+      if (me.tagName === "INPUT" || me.tagName === "TEXTAREA" || me.tagName === "SELECT" || n.getState().dialogState.type !== "closed") return;
+      const Ne = e.getState().selectedIds.length === 1 ? e.getState().selectedIds[0] : null;
+      if (Ne)
+        if (ie.preventDefault(), I === Ne)
+          k(null), Y([]);
+        else {
+          const Ce = e.getState().features.find((qe) => qe.id === Ne);
+          if (!Ce || Ce.geometry.type !== "LineString" && Ce.geometry.type !== "Polygon") return;
+          _(Ne);
+        }
+    }
+    const oe = ((ae = (pe = document.querySelector(".leaflet-container")) == null ? void 0 : pe.ownerDocument) == null ? void 0 : ae.defaultView) || window;
+    return oe.addEventListener("keydown", T), () => oe.removeEventListener("keydown", T);
+  }, [I, n, e, h, D, r]);
+  const he = $(I);
+  Q(() => {
+    he.current = I;
+  }, [I]);
+  const Ie = $(F);
+  Q(() => {
+    Ie.current = F;
+  }, [F]), Q(() => {
+    var pe, ae;
+    if (h) return;
+    function T(ie) {
+      if (ie.key !== "Enter" || ie.metaKey || ie.ctrlKey || ie.altKey || !r(ie)) return;
+      const me = ie.target;
+      if (me && (me.tagName === "INPUT" || me.tagName === "TEXTAREA" || me.isContentEditable)) return;
+      const Ne = n.getState(), Ce = Ne.editingMode;
+      if (!(Ce === "none" || Ce === "draw-rect" || Ce === "draw-circle" || Ce === "place-point" || Ce === "draw-freehand" || Ce === "pick-shape" || Ce === "draw-line" && Ne.lineInProgress.length < 2 || Ce === "draw-polygon" && Ne.polygonInProgress.length < 3 || Ce === "draw-route" && Ne.routeWaypoints.length < 2) || n.getState().dialogState.type !== "closed") return;
+      const Je = e.getState().selectedIds.length === 1 ? e.getState().selectedIds[0] : null;
+      if (Je)
+        if (ie.preventDefault(), ie.stopPropagation(), Ce !== "none" && n.getState().setEditingMode("none"), he.current === Je)
+          k(null), Y([]);
+        else {
+          const Qe = e.getState().features.find((st) => st.id === Je);
+          if (!Qe || Qe.geometry.type !== "LineString" && Qe.geometry.type !== "Polygon") return;
+          _(Je);
+        }
+    }
+    const oe = ((ae = (pe = document.querySelector(".leaflet-container")) == null ? void 0 : pe.ownerDocument) == null ? void 0 : ae.defaultView) || window;
+    return oe.addEventListener("keydown", T, { capture: !0 }), () => oe.removeEventListener("keydown", T, { capture: !0 });
+  }, [n, e, h, D, r]);
+  function Be() {
+    if (!D.shouldHandleVertexExit()) return;
+    k(null), Y([]);
+    const T = n.getState().dialogState;
+    (T.type !== "edit" || T.featureId === I) && d();
+  }
+  const ze = Fe(() => {
+    if (!W || F.length === 0 || h) return;
+    e.getState().takeSnapshot();
+    const T = W.geometry.type === "Polygon", oe = new Set(F);
+    if (T) {
+      const ae = W.geometry.coordinates[0].slice(0, -1).filter((ie, me) => !oe.has(me));
+      if (ae.length < 3) {
+        o({ type: "warning", message: "Cannot delete: an area needs at least 3 points" });
+        return;
+      }
+      ae.push(ae[0]), P(W.id, bt(W, { type: "Polygon", coordinates: [ae] }));
+    } else {
+      const ae = W.geometry.coordinates.filter((ie, me) => !oe.has(me));
+      if (ae.length < 2) {
+        o({ type: "warning", message: "Cannot delete: a line needs at least 2 points" });
+        return;
+      }
+      P(W.id, bt(W, { type: "LineString", coordinates: ae }));
+    }
+    if (T && n.getState().topoEditEnabled) {
+      const pe = W.geometry.coordinates[0], ae = F.map((ie) => pe[ie]);
+      e.getState().updateFeatures(yn(
+        e.getState().features,
+        W.id,
+        ae
+      ));
+    }
+    Y([]);
+  }, [W, F, P, h, n, e, o]), re = Fe(() => {
+    if (!W || F.length < 3 || h) {
+      h || o({ type: "warning", message: "Select at least 3 points to simplify" });
+      return;
+    }
+    const T = W.geometry.type === "Polygon", oe = T ? W.geometry.coordinates[0].slice(0, -1) : W.geometry.coordinates, pe = [...F].sort((Qe, st) => Qe - st), ae = pe[0], ie = pe[pe.length - 1], me = oe.slice(ae, ie + 1), Ne = tr(me, 1e-5), Ce = me.length - Ne.length;
+    if (Ce === 0) {
+      o({ type: "warning", message: "Nothing to remove: no selected point sits on a straight line" });
+      return;
+    }
+    const qe = [...oe.slice(0, ae), ...Ne, ...oe.slice(ie + 1)], Je = T ? 3 : 2;
+    if (qe.length < Je) {
+      o({ type: "warning", message: `Cannot simplify: ${T ? "an area needs at least 3" : "a line needs at least 2"} points` });
+      return;
+    }
+    if (e.getState().takeSnapshot(), T) {
+      const Qe = [...qe, qe[0]];
+      if (P(W.id, bt(W, { type: "Polygon", coordinates: [Qe] })), n.getState().topoEditEnabled) {
+        const st = new Set(Ne.map((gt) => `${gt[0]},${gt[1]}`)), dt = me.filter((gt) => !st.has(`${gt[0]},${gt[1]}`));
+        dt.length > 0 && e.getState().updateFeatures(yn(
+          e.getState().features,
+          W.id,
+          dt
+        ));
+      }
+    } else
+      P(W.id, bt(W, { type: "LineString", coordinates: qe }));
+    Y([]), o({ type: "success", message: `Removed ${Ce} extra point${Ce !== 1 ? "s" : ""}` });
+  }, [W, F, P, h, n, e, o]), Me = $(_);
+  Me.current = _;
+  const $e = Fe((T) => Me.current(T, !0), []), [rt, it] = de(!1);
+  Q(() => it(!0), []);
+  const wt = rt && !!W && F.length > 0 && !h;
+  return /* @__PURE__ */ le(It.Provider, { value: B, children: [
+    /* @__PURE__ */ w(Ti, { onMapClick: (T) => {
+      n.getState().editingMode === "none" && (Ki() || n.getState().vertexEditActive || T.originalEvent.shiftKey || D.shouldHandleMapClick() && (n.getState().transformActive && n.getState().setTransformActive(!1), l.length > 0 && !h && u(), s && (g(null), d())));
+    } }),
+    /* @__PURE__ */ w(Oi, { onDragDelta: V, onDragEnd: (T, oe) => {
+      c(!1), ue(T, oe);
+    }, onDuplicateDragChange: c, readonly: h }),
+    /* @__PURE__ */ w(Do.Provider, { value: J, children: /* @__PURE__ */ w(cs, { children: /* @__PURE__ */ w(
+      ls,
+      {
+        culledFeatures: fe,
+        multiSelectedSet: ge,
+        transformDragging: m,
+        selectedFeatureId: s,
+        editingMode: y,
+        geometryPreview: x,
+        bufferCreateNew: f,
+        multiDragDelta: L,
+        multiDuplicateDrag: R,
+        readonly: h,
+        interaction: D,
+        openFeatureCtxMenu: te,
+        vertexEditId: I,
+        viewBounds: X,
+        onVertexEdit: $e
+      }
+    ) }) }, t),
+    W && /* @__PURE__ */ w(
+      Ci,
+      {
+        feature: (y === "simplify-shape" || y === "smooth-shape") && x ? { ...W, geometry: x } : W,
+        selectedIndices: F,
+        onExit: Be,
+        onDeleteSelected: ze,
+        onSelectIndices: Y,
+        onFeatureClick: () => {
+          D.markFeatureClick();
+        },
+        readonly: h
+      }
+    ),
+    /* @__PURE__ */ w(
+      hi,
+      {
+        onSelect: we,
+        onDragStart: () => {
+          D.markDragStart(), D.suppressNextVertexExit();
+        },
+        readonly: h,
+        getInitialVertexIndices: () => Ie.current,
+        onVertexBoxPreview: (T, oe) => {
+          he.current === T && Y(oe);
+        }
+      }
+    ),
+    /* @__PURE__ */ w(Fi, {}),
+    /* @__PURE__ */ w(Di, {}),
+    /* @__PURE__ */ w(Ei, {}),
+    /* @__PURE__ */ w(Ai, {}),
+    /* @__PURE__ */ w(fi, {}),
+    /* @__PURE__ */ w(_i, {}),
+    wt && /* @__PURE__ */ w(
+      hr,
+      {
+        mapContainer: E.getContainer(),
+        count: F.length,
+        onSimplify: re,
+        onDelete: ze
+      }
+    ),
+    j.state && /* @__PURE__ */ w(
+      yr,
+      {
+        x: j.state.x,
+        y: j.state.y,
+        data: j.state.data,
+        onClose: j.close
+      }
+    )
+  ] });
+}
+let Mn = !1;
+function ds() {
+  Mn = !0, Promise.resolve().then(() => {
+    Mn = !1;
+  });
+}
+function gs() {
+  return Mn;
+}
+let Fo = 0;
+function oo() {
+  Fo = Date.now();
+}
+function fs() {
+  return Date.now() - Fo < 200;
+}
+const ps = 3, ro = 5;
+function ms({ routingApiKey: t } = {}) {
+  const { uiStore: e, dataStore: n } = De(), o = Dr(t), r = kt().network.fetch, a = $(null);
+  a.current = o === !1 ? null : { ...o, fetch: r };
+  const i = Nt(), l = Qt(), s = be(), u = K((v) => v.editingMode), g = K((v) => v.commitPoint), P = K((v) => v.addLineVertex), d = K((v) => v.addPolygonVertex), p = K((v) => v.setCircleCenter), C = K((v) => v.commitCircle), M = K((v) => v.setRectCorner), S = K((v) => v.commitRect), m = K((v) => v.cancelDrawing), y = K((v) => v.addRouteWaypoint), x = K((v) => v.setRoutePreview), f = K((v) => v.setRouteCursorPos), h = K((v) => v.setRouteCursorPreview), I = K((v) => v.routeWaypoints), z = K((v) => v.removeLastLineVertex), k = K((v) => v.removeLastPolygonVertex), H = K((v) => v.removeLastRouteWaypoint), D = K((v) => v.removeLastMeasurePoint), _ = K((v) => v.addFreehandPoint), F = K((v) => v.clearFreehandPoints), Y = K((v) => v.commitFreehand), L = $(null), V = $(null), R = $(!1), c = $(!1), E = $(!1), B = $(!1), J = $(!1), j = $(null), ce = $(or()).current;
+  Q(() => {
+    if (!rr.includes(u)) return;
+    const v = s.dragging._draggable;
+    if (!v) return;
+    const U = v.options.clickTolerance;
+    return v.options.clickTolerance = ir, () => {
+      v.options.clickTolerance = U;
+    };
+  }, [u, s]), Q(() => {
+    var Be, ze;
+    const v = s.getContainer();
+    function U() {
+      E.current || (E.current = !0, s.dragging.enable(), v.style.setProperty("cursor", "grab", "important"));
+    }
+    function ee() {
+      if (!E.current) return;
+      E.current = !1, v.style.removeProperty("cursor");
+      const re = e.getState().editingMode;
+      re !== "none" && !B.current && (v.style.cursor = re === "pick-shape" ? "pointer" : "crosshair"), ["draw-freehand", "draw-rect", "draw-circle"].includes(re) && s.dragging.disable();
+    }
+    function q() {
+      B.current || E.current || (B.current = !0, v.style.removeProperty("cursor"));
+    }
+    function ge() {
+      if (!B.current) return;
+      B.current = !1, oo();
+      const re = e.getState().editingMode;
+      re !== "none" && !E.current && (v.style.cursor = re === "pick-shape" ? "pointer" : "crosshair");
+    }
+    const ne = () => {
+      E.current && v.style.setProperty("cursor", "grabbing", "important");
+    }, fe = () => {
+      E.current && v.style.setProperty("cursor", "grab", "important");
+    };
+    v.addEventListener("mousedown", ne), v.addEventListener("mouseup", fe);
+    const W = (re) => {
+      if (re.key === "Meta" || re.key === "Control" || re.key === "Alt") {
+        q();
+        return;
+      }
+      if (re.key === "Shift" && (c.current = !0), !!l(re)) {
+        if (re.code === "Space") {
+          const Me = re.target;
+          if (Me.tagName === "INPUT" || Me.tagName === "TEXTAREA" || Me.isContentEditable) return;
+          re.preventDefault(), U();
+          return;
+        }
+        if (re.key === "Escape") {
+          const { selectedMeasurementId: Me, setSelectedMeasurementId: $e } = e.getState();
+          if (Me) {
+            $e(null);
+            return;
+          }
+          m();
+        }
+        if (re.key === "Enter" && e.getState().editingMode === "measure") {
+          e.getState().completeMeasure();
+          return;
+        }
+        if (re.key === "Backspace" || re.key === "Delete") {
+          const Me = e.getState();
+          if (Me.selectedMeasurementId) {
+            Me.removeMeasurement(Me.selectedMeasurementId);
+            return;
+          }
+          const $e = Me.editingMode;
+          if ($e === "measure") {
+            D();
+            return;
+          }
+          if ($e === "draw-line" || $e === "slice-shape") {
+            z();
+            return;
+          }
+          if ($e === "draw-polygon" || $e === "cut-hole") {
+            k();
+            return;
+          }
+          if ($e === "draw-route") {
+            H();
+            return;
+          }
+        }
+      }
+    }, we = (re) => {
+      if (re.code === "Space") {
+        ee();
+        return;
+      }
+      re.key === "Shift" && (c.current = !1), (re.key === "Meta" || re.key === "Control" || re.key === "Alt") && !re.metaKey && !re.ctrlKey && !re.altKey && ge();
+    }, he = () => {
+      ee(), ge();
+    }, Ie = ((ze = (Be = document.querySelector(".leaflet-container")) == null ? void 0 : Be.ownerDocument) == null ? void 0 : ze.defaultView) || window;
+    return Ie.addEventListener("keydown", W), Ie.addEventListener("keyup", we), Ie.addEventListener("blur", he), () => {
+      Ie.removeEventListener("keydown", W), Ie.removeEventListener("keyup", we), Ie.removeEventListener("blur", he), v.removeEventListener("mousedown", ne), v.removeEventListener("mouseup", fe), ee();
+    };
+  }, [m, z, k, H, D, e, s, l]);
+  const te = $(I);
+  Q(() => {
+    te.current = I;
+  }, [I]);
+  const ue = $(null), X = Fe(async (v) => {
+    if (!(v.length < 2)) {
+      x(null, !0);
+      try {
+        if (!a.current) throw new Error("routing is off");
+        const U = await Un(v, a.current);
+        te.current.length >= 2 && x(U, !1);
+      } catch (U) {
+        const ee = sr(U);
+        i({ type: "error", code: ee.code, source: "routing", message: ee.message, error: ee }), x(v, !1);
+      }
+    }
+  }, [x, i, e]);
+  return je({
+    mousedown(v) {
+      if (u === "draw-freehand") {
+        R.current = !0, F(), _([v.latlng.lng, v.latlng.lat]);
+        return;
+      }
+      if (!(E.current || B.current)) {
+        if (u === "draw-rect") {
+          s.dragging.disable(), n.getState().selectedIds.length > 0 && n.setState({ selectedIds: [] });
+          const U = e.getState().snappedCoord ?? [v.latlng.lng, v.latlng.lat];
+          M(U), J.current = !0, j.current = { x: v.containerPoint.x, y: v.containerPoint.y };
+          return;
+        }
+        if (u === "draw-circle") {
+          s.dragging.disable(), n.getState().selectedIds.length > 0 && n.setState({ selectedIds: [] });
+          const U = e.getState().snappedCoord ?? [v.latlng.lng, v.latlng.lat];
+          p(U), J.current = !0, j.current = { x: v.containerPoint.x, y: v.containerPoint.y };
+          return;
+        }
+      }
+    },
+    mouseup(v) {
+      if (u === "draw-freehand" && R.current) {
+        R.current = !1;
+        const q = s.getZoom(), ge = 156543.03392 * Math.cos(v.latlng.lat * Math.PI / 180) / Math.pow(2, q), ne = ps * ge / 111320;
+        Y(ne), pn();
+        return;
+      }
+      if (!J.current) {
+        (B.current || v.originalEvent.metaKey || v.originalEvent.ctrlKey || v.originalEvent.altKey) && oo();
+        return;
+      }
+      J.current = !1;
+      const U = j.current, ee = U ? Math.hypot(v.containerPoint.x - U.x, v.containerPoint.y - U.y) : 0;
+      if (j.current = null, u === "draw-rect") {
+        const q = e.getState().rectCorner;
+        if (!q) return;
+        if (ee < ro) {
+          e.setState({ rectCorner: null });
+          return;
+        }
+        const ge = e.getState().snappedCoord ?? [v.latlng.lng, v.latlng.lat], ne = c.current || v.originalEvent.shiftKey;
+        S(q, ge, {}, ne), pn();
+        return;
+      }
+      if (u === "draw-circle") {
+        const q = e.getState().circleCenter;
+        if (!q) return;
+        let ge;
+        if (ee < ro) {
+          const W = v.containerPoint, we = s.containerPointToLatLng([W.x + 25, W.y]);
+          ge = [we.lng, we.lat];
+        } else
+          ge = e.getState().snappedCoord ?? [v.latlng.lng, v.latlng.lat];
+        const ne = ge[0] - q[0], fe = ge[1] - q[1];
+        Math.hypot(ne, fe) >= 1e-6 && (C(q, ge, {}), pn());
+        return;
+      }
+    },
+    mousemove(v) {
+      if (u === "draw-freehand" && R.current) {
+        _([v.latlng.lng, v.latlng.lat]);
+        return;
+      }
+      if ((u === "draw-polygon" || u === "cut-hole") && e.getState().polygonInProgress.length >= 3) {
+        const q = e.getState().polygonInProgress[0], ge = s.latLngToLayerPoint([q[1], q[0]]), ne = Math.hypot(v.layerPoint.x - ge.x, v.layerPoint.y - ge.y);
+        s.getContainer().style.cursor = ne <= 48 ? "pointer" : "crosshair";
+        return;
+      }
+      if (u !== "draw-route" || te.current.length === 0) return;
+      const U = [v.latlng.lng, v.latlng.lat];
+      f(U), h(null), L.current && clearTimeout(L.current), V.current && V.current.abort();
+      const ee = te.current[te.current.length - 1];
+      L.current = setTimeout(async () => {
+        const q = new AbortController();
+        V.current = q;
+        try {
+          if (!a.current) return;
+          const ge = await Un([ee, U], { ...a.current, signal: q.signal });
+          q.signal.aborted || h(ge);
+        } catch {
+        }
+      }, 400);
+    },
+    click(v) {
+      var ee, q, ge;
+      const U = ce.click(v.originalEvent);
+      if (!((ee = v.originalEvent.target) != null && ee.closest(".leaflet-tooltip"))) {
+        if (u === "measure") {
+          if (U || gs()) return;
+          const ne = v.originalEvent.target;
+          if ((q = ne == null ? void 0 : ne.closest) != null && q.call(ne, "path") || (ge = ne == null ? void 0 : ne.closest) != null && ge.call(ne, ".elm-measure-label")) return;
+          const fe = e.getState();
+          fe.selectedMeasurementId && fe.setSelectedMeasurementId(null);
+          const W = fe.snappedCoord ?? [v.latlng.lng, v.latlng.lat];
+          fe.addMeasurePoint(W);
+          return;
+        }
+        if (!(v.originalEvent.metaKey || v.originalEvent.ctrlKey || v.originalEvent.altKey) && !fs()) {
+          if (["place-point", "draw-line", "draw-polygon", "draw-route"].includes(u) && n.getState().selectedIds.length > 0 && n.setState({ selectedIds: [] }), u === "place-point") {
+            if (U) return;
+            const ne = e.getState().snappedCoord ?? [v.latlng.lng, v.latlng.lat];
+            g(ne);
+            return;
+          }
+          if (u === "draw-line" || u === "draw-polygon" || u === "draw-route" || u === "cut-hole" || u === "slice-shape") {
+            let ne = e.getState().snappedCoord ?? [v.latlng.lng, v.latlng.lat];
+            if (c.current || v.originalEvent.shiftKey) {
+              const fe = e.getState();
+              let W = null;
+              (u === "draw-line" || u === "slice-shape") && fe.lineInProgress.length >= 1 ? W = fe.lineInProgress[fe.lineInProgress.length - 1] : (u === "draw-polygon" || u === "cut-hole") && fe.polygonInProgress.length >= 1 && (W = fe.polygonInProgress[fe.polygonInProgress.length - 1]), W && (ne = Lo(s, W, ne, 15));
+            }
+            if ((u === "draw-polygon" || u === "cut-hole") && e.getState().polygonInProgress.length >= 2) {
+              const fe = e.getState(), W = fe.polygonInProgress[0], we = s.latLngToLayerPoint([W[1], W[0]]);
+              if (Math.hypot(v.layerPoint.x - we.x, v.layerPoint.y - we.y) <= 48) {
+                u === "draw-polygon" ? fe.commitPolygon({}) : u === "cut-hole" && fe.commitCutHole();
+                return;
+              }
+            }
+            if (U) return;
+            if (u === "draw-line" || u === "slice-shape") P(ne);
+            else if (u === "draw-polygon" || u === "cut-hole") d(ne);
+            else if (u === "draw-route") {
+              ue.current = { waypoints: [...te.current], preview: e.getState().routePreview }, L.current && (clearTimeout(L.current), L.current = null), V.current && (V.current.abort(), V.current = null), f(null), h(null), y(ne);
+              const fe = [...te.current, ne];
+              X(fe);
+            }
+          }
+        }
+      }
+    },
+    dblclick() {
+      if (!ce.isDouble()) return;
+      const v = e.getState();
+      if (u === "measure") {
+        v.completeMeasure();
+        return;
+      }
+      u === "draw-line" ? v.commitLine({}) : u === "draw-polygon" ? v.commitPolygon({}) : u === "cut-hole" ? v.commitCutHole() : u === "slice-shape" ? v.commitSliceShape() : u === "draw-route" && (ue.current && (e.setState({
+        routeWaypoints: ue.current.waypoints,
+        routePreview: ue.current.preview,
+        routeLoading: !1
+      }), ue.current = null), v.commitRoute());
+    }
+  }), Q(() => {
+    const v = s.getContainer();
+    u !== "none" ? (v.style.cursor = u === "pick-shape" ? "pointer" : "crosshair", v.classList.add("drawing-mode")) : (v.style.cursor = "", v.classList.remove("drawing-mode"));
+  }, [u, s]), Q(() => () => {
+    L.current && clearTimeout(L.current), V.current && V.current.abort();
+  }, []), Q(() => {
+    ["draw-freehand", "draw-rect", "draw-circle"].includes(u) ? E.current || s.dragging.disable() : (s.dragging.enable(), R.current = !1);
+  }, [u, s]), null;
+}
+function hs() {
+  const t = be(), e = ut(t.getContainer())[500], n = K((m) => m.editingMode), o = K((m) => m.lineInProgress), r = K((m) => m.polygonInProgress), a = K((m) => m.freehandPoints), i = K((m) => m.freehandClosed), l = K((m) => m.snappedCoord), [s, u] = de(null), [g, P] = de(!1);
+  Q(() => {
+    const m = (x) => {
+      x.key === "Shift" && P(!0);
+    }, y = (x) => {
+      x.key === "Shift" && P(!1);
+    };
+    return window.addEventListener("keydown", m), window.addEventListener("keyup", y), () => {
+      window.removeEventListener("keydown", m), window.removeEventListener("keyup", y);
+    };
+  }, []), je({
+    mousemove(m) {
+      n === "draw-line" || n === "draw-polygon" || n === "slice-shape" || n === "cut-hole" ? (u([m.latlng.lng, m.latlng.lat]), P(m.originalEvent.shiftKey)) : s && u(null);
+    },
+    mouseout() {
+      u(null);
+    }
+  });
+  let d = l ?? s, p = null;
+  (n === "draw-line" || n === "slice-shape") && o.length >= 1 ? p = o[o.length - 1] : (n === "draw-polygon" || n === "cut-hole") && r.length >= 1 && (p = r[r.length - 1]);
+  const C = g && p !== null && d !== null;
+  if (C && p && d && (d = Lo(t, p, d, 15)), n === "draw-freehand" && a.length >= 2) {
+    const m = a[0], y = a[a.length - 1];
+    return /* @__PURE__ */ le(xe, { children: [
+      /* @__PURE__ */ w(
+        ve,
+        {
+          positions: a.map(G),
+          pathOptions: { color: e, weight: 2, opacity: 0.8 },
+          interactive: !1
+        }
+      ),
+      i && /* @__PURE__ */ w(
+        ve,
+        {
+          positions: [G(y), G(m)],
+          pathOptions: { color: e, weight: 2, opacity: 0.4, dashArray: "6 5" },
+          interactive: !1
+        }
+      )
+    ] });
+  }
+  if (!d) return null;
+  const M = C ? "#db2777" : e, S = C ? "#db2777" : e;
+  if ((n === "draw-line" || n === "slice-shape") && p)
+    return /* @__PURE__ */ w(
+      ve,
+      {
+        positions: [G(p), G(d)],
+        pathOptions: { color: M, weight: 2, opacity: 0.4, dashArray: "6 5" },
+        interactive: !1
+      }
+    );
+  if ((n === "draw-polygon" || n === "cut-hole") && p) {
+    const m = r[0];
+    return /* @__PURE__ */ le(xe, { children: [
+      /* @__PURE__ */ w(
+        ve,
+        {
+          positions: [G(p), G(d)],
+          pathOptions: { color: S, weight: 2, opacity: 0.4, dashArray: "6 5" },
+          interactive: !1
+        }
+      ),
+      r.length >= 2 && /* @__PURE__ */ w(
+        ve,
+        {
+          positions: [G(d), G(m)],
+          pathOptions: { color: S, weight: 2, opacity: 0.25, dashArray: "4 6" },
+          interactive: !1
+        }
+      )
+    ] });
+  }
+  return null;
+}
+function ys(t) {
+  return Oe({
+    className: "",
+    html: `<div class="w-3 h-3 ${t ? "bg-primary-500 rounded-full" : "bg-primary-400 rotate-45 rounded-sm"} border-2 border-white shadow-md"></div>`,
+    iconSize: [12, 12],
+    iconAnchor: [6, 6]
+  });
+}
+function vs() {
+  var d;
+  const { dataStore: t, uiStore: e } = De(), n = K((p) => p.snapEnabled), o = K((p) => p.snappedCoord), r = K((p) => p.editingMode), a = K((p) => p.vertexEditActive), i = n && (r !== "none" || a), l = $(null), s = be();
+  function u(p) {
+    var f, h;
+    const C = p.originalEvent.metaKey || p.originalEvent.ctrlKey;
+    if (!i || C) {
+      e.getState().snappedCoord && e.getState().setSnappedCoord(null);
+      return;
+    }
+    const M = (f = p.originalEvent) == null ? void 0 : f.target;
+    if ((h = M == null ? void 0 : M.closest) != null && h.call(M, ".elm-midpoint-marker")) {
+      e.getState().snappedCoord && e.getState().setSnappedCoord(null);
+      return;
+    }
+    const S = t.getState().features, m = Gr(), y = new Set(m ? [m] : []), x = Sn(p.latlng.lng, p.latlng.lat, s, S, 15, y);
+    x ? a && x.isVertex ? (l.current = null, e.getState().snappedCoord && e.getState().setSnappedCoord(null)) : (l.current = { isVertex: x.isVertex }, e.getState().setSnappedCoord(x.latlng)) : (l.current = null, e.getState().snappedCoord && e.getState().setSnappedCoord(null));
+  }
+  const g = $(u);
+  g.current = u;
+  const [P] = de(() => bn((p) => g.current(p)));
+  return Q(() => {
+    const p = () => P.flush();
+    return window.addEventListener("pointerdown", p, !0), window.addEventListener("pointerup", p, !0), () => {
+      P.cancel(), window.removeEventListener("pointerdown", p, !0), window.removeEventListener("pointerup", p, !0);
+    };
+  }, [P]), je({
+    mousemove(p) {
+      P.schedule(p);
+    },
+    mouseout() {
+      P.cancel(), e.getState().snappedCoord && e.getState().setSnappedCoord(null);
+    }
+  }), !i || !o ? null : /* @__PURE__ */ w(
+    Le,
+    {
+      position: G(o),
+      icon: ys(((d = l.current) == null ? void 0 : d.isVertex) ?? !0),
+      interactive: !1,
+      zIndexOffset: 1e4
+    }
+  );
+}
+function ws(t) {
+  const e = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+  return t < 26 ? e[t] : e[Math.floor(t / 26) - 1] + e[t % 26];
+}
+function xs(t, e) {
+  return Oe({
+    className: "",
+    html: `<div style="
+      width:22px;height:22px;border-radius:50%;
+      background:${e ? "var(--color-primary-700)" : "var(--color-primary-500)"};border:2px solid white;
+      box-shadow:0 1px 4px rgba(0,0,0,0.35);
+      display:flex;align-items:center;justify-content:center;
+      font-size:10px;font-weight:700;color:white;font-family:monospace;
+      line-height:1;
+    ">${t}</div>`,
+    iconSize: [22, 22],
+    iconAnchor: [11, 11]
+  });
+}
+function Ss() {
+  const t = ut(be().getContainer()), e = K((g) => g.editingMode), n = K((g) => g.routeWaypoints), o = K((g) => g.routePreview), r = K((g) => g.routeLoading), a = K((g) => g.routeCursorPos), i = K((g) => g.routeCursorPreview);
+  if (e !== "draw-route" || n.length === 0) return null;
+  const l = o ?? n, s = n[n.length - 1], u = a ? i ?? [s, a] : null;
+  return /* @__PURE__ */ le(xe, { children: [
+    l.length >= 2 && /* @__PURE__ */ w(
+      ve,
+      {
+        positions: l.map(G),
+        pathOptions: {
+          color: t[700],
+          weight: 3,
+          opacity: r ? 0.5 : 0.9,
+          dashArray: r ? "6 6" : void 0
+        }
+      }
+    ),
+    u && u.length >= 2 && /* @__PURE__ */ w(
+      ve,
+      {
+        positions: u.map(G),
+        pathOptions: {
+          color: t[700],
+          weight: 2,
+          opacity: i ? 0.55 : 0.3,
+          dashArray: "6 5"
+        }
+      }
+    ),
+    n.map((g, P) => /* @__PURE__ */ w(
+      Le,
+      {
+        position: G(g),
+        icon: xs(ws(P), P === n.length - 1),
+        interactive: !1
+      },
+      `wp-${g[0].toFixed(8)},${g[1].toFixed(8)}-${P}`
+    ))
+  ] });
+}
+function bs() {
+  const t = be(), e = K((o) => o.boundaryAutofitBbox), n = K((o) => o.setBoundaryAutofitBbox);
+  return Q(() => {
+    if (!e) return;
+    const [o, r, a, i] = e, l = Dn(t.getContainer());
+    t.fitBounds([[o, a], [r, i]], { paddingTopLeft: [l.left, l.top], paddingBottomRight: [l.right, l.bottom], maxZoom: 10, duration: 1 }), n(null);
+  }, [t, e, n]), null;
+}
+const Ps = Oe({ className: "hidden" });
+function Cs() {
+  const { units: t } = kt(), e = { unit: t.length, display: t.display, precision: t.precision }, n = { unit: t.area, display: t.display, precision: t.precision }, o = (f) => {
+    const { value: h, unit: I } = Gt(f * 1e3, e);
+    return `${h} ${I}`;
+  }, r = (f) => {
+    const { value: h, unit: I } = An(f, n);
+    return `${h} ${I}`;
+  }, a = K((f) => f.showMeasurements), i = K((f) => f.editingMode), l = K((f) => f.snappedCoord), s = on(i, i !== "none"), u = K((f) => f.lineInProgress), g = K((f) => f.polygonInProgress), P = K((f) => f.circleCenter), d = K((f) => f.rectCorner), p = K((f) => f.freehandPoints), C = K((f) => f.freehandClosed), M = K((f) => f.routeWaypoints), S = be(), m = $(null);
+  if (Q(() => {
+    var _;
+    const f = (_ = m.current) == null ? void 0 : _.getElement(), h = l ?? s;
+    if (!f || !h) return;
+    f.style.margin = "0";
+    const I = f.getBoundingClientRect(), z = S.getContainer().getBoundingClientRect(), k = S.latLngToContainerPoint(G(h)), { left: H, top: D } = fo(z.left + k.x, z.top + k.y, I.width, I.height, { x: "after", y: "center", gapX: 20, bounds: z });
+    f.style.marginLeft = `${H - I.left}px`, f.style.marginTop = `${D - I.top}px`;
+  }), !a || i === "none") return null;
+  const y = l ?? s;
+  if (!y) return null;
+  const x = [];
+  try {
+    if (i === "place-point")
+      x.push({ label: "", value: `${y[1].toFixed(6)}, ${y[0].toFixed(6)}` });
+    else if (i === "draw-line" || i === "slice-shape") {
+      const f = [...u, y];
+      if (f.length >= 2) {
+        const h = Tt(f);
+        x.push({ label: "Length", value: o(ft(h)) }), x.push({ label: "Segment length", value: o(lt(f[f.length - 2], f[f.length - 1])) });
+      }
+      x.push({ label: "", value: `${y[1].toFixed(6)}, ${y[0].toFixed(6)}` });
+    } else if (i === "draw-polygon" || i === "cut-hole") {
+      const f = [...g, y];
+      if (f.length >= 3) {
+        const h = [...f, f[0]], I = Yt([h]);
+        x.push({ label: "Area", value: r(jt(I)) }), x.push({ label: "Perimeter", value: o(ft(I)) });
+        const z = ho(I);
+        x.push({ label: "Height", value: o(lt([z[0], z[1]], [z[0], z[3]])) }), x.push({ label: "Width", value: o(lt([z[0], z[1]], [z[2], z[1]])) });
+      } else f.length === 2 && x.push({ label: "Segment length", value: o(lt(f[0], f[1])) });
+      x.push({ label: "", value: `${y[1].toFixed(6)}, ${y[0].toFixed(6)}` });
+    } else if (i === "draw-circle") {
+      if (P) {
+        const f = lt(P, y);
+        x.push({ label: "Radius", value: o(f) }), x.push({ label: "Area", value: r(Math.PI * (f * 1e3) * (f * 1e3)) });
+      }
+      x.push({ label: "", value: `${y[1].toFixed(6)}, ${y[0].toFixed(6)}` });
+    } else if (i === "draw-rect") {
+      if (d) {
+        const f = lt([d[0], d[1]], [y[0], d[1]]), h = lt([d[0], d[1]], [d[0], y[1]]), I = f * h * 1e6;
+        x.push({ label: "Area", value: r(I) }), x.push({ label: "Width", value: o(f) }), x.push({ label: "Height", value: o(h) });
+      }
+      x.push({ label: "", value: `${y[1].toFixed(6)}, ${y[0].toFixed(6)}` });
+    } else if (i === "draw-route") {
+      const f = [...M, y];
+      f.length >= 2 && x.push({ label: "Straight distance", value: o(lt(f[f.length - 2], f[f.length - 1])) }), x.push({ label: "", value: `${y[1].toFixed(6)}, ${y[0].toFixed(6)}` });
+    } else if (i === "draw-freehand") {
+      if (p.length >= 3 && C) {
+        const f = [...p, p[0]], h = Yt([f]);
+        x.push({ label: "Area", value: r(jt(h)) }), x.push({ label: "Perimeter", value: o(ft(h)) });
+      } else if (p.length >= 2) {
+        const f = Tt(p);
+        x.push({ label: "Length", value: o(ft(f)) });
+      }
+      x.push({ label: "", value: `${y[1].toFixed(6)}, ${y[0].toFixed(6)}` });
+    }
+  } catch {
+  }
+  return x.length === 0 ? null : /* @__PURE__ */ w(Le, { position: G(y), icon: Ps, interactive: !1, zIndexOffset: 99999, children: /* @__PURE__ */ w(hn, { ref: m, permanent: !0, direction: "right", offset: [20, 0], className: "before:!hidden !bg-(--elm-surface,var(--color-white)) !border !border-(--elm-border,var(--color-gray-200)) !shadow-elm-control !rounded-elm-card !p-3 !text-xs !text-(--elm-text-secondary,var(--color-gray-600)) !font-elm pointer-events-none !whitespace-nowrap", children: /* @__PURE__ */ w("div", { className: "space-y-1 text-left", children: x.map((f, h) => /* @__PURE__ */ le("div", { className: "flex gap-2 items-center leading-snug", children: [
+    f.label && /* @__PURE__ */ le("span", { className: "font-semibold text-(--elm-text,var(--color-gray-900))", children: [
+      f.label,
+      ":"
+    ] }),
+    /* @__PURE__ */ w("span", { children: f.value })
+  ] }, h)) }) }) });
+}
+const tt = "#e74c3c", Ms = "#ff2d1a", Es = "#c0392b", To = Oe({
+  className: "",
+  html: `<div style="width:10px;height:10px;border-radius:50%;border:2.5px solid ${tt};background:white;box-shadow:0 1px 4px rgba(0,0,0,0.25)"></div>`,
+  iconSize: [10, 10],
+  iconAnchor: [5, 5]
+}), Oo = Oe({
+  className: "",
+  html: `<div style="width:10px;height:10px;border-radius:50%;background:${tt};border:2px solid white;box-shadow:0 1px 4px rgba(0,0,0,0.25)"></div>`,
+  iconSize: [10, 10],
+  iconAnchor: [5, 5]
+});
+let Ye = null;
+function No(t) {
+  Ye && (Ye.style.left = t.clientX + "px", Ye.style.top = t.clientY + "px");
+}
+function Ls(t, e, n) {
+  Ye || (Ye = document.createElement("div"), Ye.className = "elm-feature-tooltip", Ye.style.cssText = "position:fixed;pointer-events:none;z-index:10000;transform:translate(-50%,-100%);margin-top:-12px", document.body.appendChild(Ye), document.addEventListener("mousemove", No, { passive: !0 })), Ye.textContent = t, Ye.style.left = e + "px", Ye.style.top = n + "px";
+}
+function io() {
+  Ye && (Ye.remove(), Ye = null, document.removeEventListener("mousemove", No));
+}
+function ks(t, e, n, o) {
+  try {
+    if (e === "distance" && t.length >= 2) return Gt(ft(Tt(t)) * 1e3, n);
+    if (e === "area" && t.length >= 3) return An(jt(Yt([[...t, t[0]]])), o);
+  } catch {
+  }
+  return null;
+}
+const Ds = Oe({
+  className: "elm-measure-label-host",
+  html: "",
+  iconSize: [0, 0],
+  iconAnchor: [-12, 0]
+  // shifts the host's anchor 12px LEFT, so the content sits 12px RIGHT of the latlng
+});
+function _o({
+  map: t,
+  position: e,
+  parts: n,
+  onRemove: o
+}) {
+  const r = $(null), [a, i] = de(null);
+  return Q(() => {
+    const l = Kr([e[1], e[0]], {
+      icon: Ds,
+      // Always interactive=false on the marker itself; the close button below
+      // gets pointer-events:auto via CSS so it can still be clicked.
+      interactive: !1,
+      keyboard: !1,
+      zIndexOffset: 700
+    }).addTo(t);
+    return r.current = l, i(l.getElement() ?? null), () => {
+      l.remove(), r.current = null, i(null);
+    };
+  }, [t]), Q(() => {
+    var l;
+    (l = r.current) == null || l.setLatLng([e[1], e[0]]);
+  }, [e[0], e[1]]), a ? vo(
+    /* @__PURE__ */ le(
+      "div",
+      {
+        className: "elm-measure-label",
+        style: {
+          // Vertically centre the pill on the latLng. Horizontal offset comes
+          // from the icon's iconAnchor (-12,0).
+          transform: "translateY(-50%)",
+          display: "inline-flex",
+          alignItems: "center",
+          gap: 7,
+          pointerEvents: o ? "auto" : "none",
+          userSelect: "none",
+          whiteSpace: "nowrap"
+        },
+        children: [
+          /* @__PURE__ */ le("span", { children: [
+            /* @__PURE__ */ w("span", { style: { fontWeight: 600 }, children: n.value }),
+            /* @__PURE__ */ le("span", { style: { fontWeight: 400, opacity: 0.85 }, children: [
+              " ",
+              n.unit
+            ] })
+          ] }),
+          o && /* @__PURE__ */ w(
+            "button",
+            {
+              className: "elm-measure-close",
+              onClick: (l) => {
+                l.stopPropagation(), o();
+              },
+              title: "Clear measurement",
+              style: { marginRight: "-5px" },
+              children: /* @__PURE__ */ le("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "rgba(255,255,255,0.8)", strokeWidth: "1.5", strokeLinecap: "round", children: [
+                /* @__PURE__ */ w("line", { x1: "1.5", y1: "1.5", x2: "8.5", y2: "8.5" }),
+                /* @__PURE__ */ w("line", { x1: "8.5", y1: "1.5", x2: "1.5", y2: "8.5" })
+              ] })
+            }
+          )
+        ]
+      }
+    ),
+    a
+  ) : null;
+}
+const Is = Ze(function({
+  map: e,
+  m: n
+}) {
+  const o = K((m) => m.removeMeasurement), r = K((m) => m.toggleMeasurementSelection), a = K((m) => m.selectedMeasurementId === n.id), [i, l] = de(!1), { units: s } = kt(), u = { unit: s.length, display: s.display, precision: s.precision }, g = { unit: s.area, display: s.display, precision: s.precision };
+  Q(() => () => io(), []);
+  const P = _e(() => {
+    try {
+      if (n.mode === "distance" && n.points.length >= 2)
+        return Gt(ft(Tt(n.points)) * 1e3, u);
+      if (n.mode === "area" && n.points.length >= 3)
+        return An(jt(Yt([n.points])), g);
+    } catch {
+    }
+    return null;
+  }, [n, u.unit, u.display, u.precision, g.unit, g.display, g.precision]), d = n.mode === "area" ? n.points[n.points.length - 2] : n.points[n.points.length - 1], p = n.mode === "area" ? n.points.slice(0, -1) : n.points, C = a ? Es : i ? Ms : tt, M = a || i ? 1 : 0.9, S = (m) => {
+    ds(), m.originalEvent.stopPropagation(), r(n.id);
+  };
+  return /* @__PURE__ */ le(xe, { children: [
+    n.mode === "distance" ? n.points.slice(0, -1).map((m, y) => {
+      const x = n.points[y + 1], f = Gt(ft(Tt([m, x])) * 1e3, u), h = `${f.value} ${f.unit}`;
+      return /* @__PURE__ */ w(
+        ve,
+        {
+          positions: [G(m), G(x)],
+          pathOptions: { color: tt, weight: 16, opacity: 0, className: "elm-measure-segment" },
+          interactive: !0,
+          eventHandlers: {
+            mouseover: (I) => {
+              l(!0), Ls(h, I.originalEvent.clientX, I.originalEvent.clientY);
+            },
+            mouseout: () => {
+              l(!1), io();
+            },
+            click: S
+          }
+        },
+        `seg-${y}`
+      );
+    }) : /* @__PURE__ */ w(
+      ve,
+      {
+        positions: n.points.map(G),
+        pathOptions: { color: tt, weight: 16, opacity: 0 },
+        interactive: !0,
+        eventHandlers: {
+          mouseover: () => l(!0),
+          mouseout: () => l(!1),
+          click: S
+        }
+      }
+    ),
+    /* @__PURE__ */ w(
+      ve,
+      {
+        positions: n.points.map(G),
+        pathOptions: { color: C, weight: 3, opacity: M, dashArray: "10 6" },
+        interactive: !1
+      }
+    ),
+    n.mode === "area" && n.points.length >= 3 && /* @__PURE__ */ w(
+      He,
+      {
+        positions: n.points.map(G),
+        pathOptions: { color: C, weight: 0, fillColor: C, fillOpacity: a ? 0.15 : i ? 0.12 : 0.08 },
+        interactive: !0,
+        eventHandlers: {
+          click: S,
+          mouseover: () => l(!0),
+          mouseout: () => l(!1)
+        }
+      }
+    ),
+    p.map((m, y) => /* @__PURE__ */ w(
+      Le,
+      {
+        position: G(m),
+        icon: y === 0 ? To : Oo,
+        interactive: !1,
+        zIndexOffset: 1e3 + y
+      },
+      y
+    )),
+    P && d && /* @__PURE__ */ w(
+      _o,
+      {
+        map: e,
+        position: d,
+        parts: P,
+        onRemove: () => o(n.id)
+      }
+    )
+  ] });
+});
+function As() {
+  const t = be(), e = K((y) => y.editingMode), n = K((y) => y.measurePoints), o = K((y) => y.measureMode), r = K((y) => y.completedMeasurements), a = K((y) => y.snappedCoord), i = K((y) => y.setSelectedMeasurementId), l = on(e, e === "measure"), { units: s } = kt(), u = { unit: s.length, display: s.display, precision: s.precision }, g = { unit: s.area, display: s.display, precision: s.precision };
+  je({
+    click(y) {
+      var x, f;
+      (f = (x = y.originalEvent.target) == null ? void 0 : x.closest) != null && f.call(x, "path") || i(null);
+    }
+  });
+  const P = e === "measure";
+  if (!P && n.length === 0 && r.length === 0) return null;
+  const d = P ? a ?? l : null, p = n.length > 0 ? n[n.length - 1] : null, C = o === "distance" ? 1 : 2, M = d && n.length >= C ? [...n, d] : n, S = ks(M, o, u, g), m = d ?? p;
+  return /* @__PURE__ */ le(xe, { children: [
+    r.map((y) => /* @__PURE__ */ w(Is, { map: t, m: y }, y.id)),
+    n.length >= 2 && /* @__PURE__ */ w(
+      ve,
+      {
+        positions: n.map(G),
+        pathOptions: { color: tt, weight: 3, opacity: 0.9, dashArray: "10 6" },
+        interactive: !1
+      }
+    ),
+    o === "area" && n.length >= 3 && /* @__PURE__ */ w(
+      He,
+      {
+        positions: n.map(G),
+        pathOptions: { color: tt, weight: 0, fillColor: tt, fillOpacity: 0.08 },
+        interactive: !1
+      }
+    ),
+    d && p && /* @__PURE__ */ w(
+      ve,
+      {
+        positions: [G(p), G(d)],
+        pathOptions: { color: tt, weight: 3, opacity: 0.45, dashArray: "10 6" },
+        interactive: !1
+      }
+    ),
+    o === "area" && d && n.length >= 2 && /* @__PURE__ */ w(
+      ve,
+      {
+        positions: [G(d), G(n[0])],
+        pathOptions: { color: tt, weight: 2, opacity: 0.25, dashArray: "6 6" },
+        interactive: !1
+      }
+    ),
+    n.map((y, x) => /* @__PURE__ */ w(
+      Le,
+      {
+        position: G(y),
+        icon: x === 0 ? To : Oo,
+        interactive: !1,
+        zIndexOffset: 1e3 + x
+      },
+      x
+    )),
+    S && m && /* @__PURE__ */ w(_o, { map: t, position: m, parts: S })
+  ] });
+}
+let so = !1;
+function Rs() {
+  if (so) return;
+  const t = document.createElement("style");
+  t.textContent = `
+    @keyframes elm-osm-pulse {
+      0% { transform: scale(0.6); opacity: 0.7; }
+      100% { transform: scale(3); opacity: 0; }
+    }
+    @keyframes elm-osm-spin {
+      to { transform: rotate(360deg); }
+    }
+    .elm-osm-pulse-ring {
+      width: 64px; height: 64px; border-radius: 50%;
+      background: color-mix(in srgb, var(--color-primary-500) 20%, transparent);
+      animation: elm-osm-pulse 1.4s ease-out infinite;
+      pointer-events: none;
+    }
+    .elm-osm-spinner {
+      width: 24px; height: 24px; border-radius: 50%;
+      border: 4px solid color-mix(in srgb, var(--color-primary-500) 20%, transparent);
+      border-top-color: var(--color-primary-500);
+      animation: elm-osm-spin 0.8s linear infinite;
+      pointer-events: none;
+    }
+  `, document.head.appendChild(t), so = !0;
+}
+const Fs = () => (Rs(), Xe.divIcon({
+  className: "",
+  html: `<div style="width:64px;height:64px;position:relative;display:flex;align-items:center;justify-content:center">
+      <div class="elm-osm-pulse-ring" style="position:absolute"></div>
+      <div class="elm-osm-spinner"></div>
+    </div>`,
+  iconSize: [64, 64],
+  iconAnchor: [32, 32]
+}));
+function Ts() {
+  const t = be(), { dataStore: e, uiStore: n } = De(), o = kt().network, r = $(o);
+  r.current = o;
+  const a = Nt(), i = Qt(), l = K((h) => h.editingMode), [s, u] = de(null), [g, P] = de(null), d = vr(), p = wr(), C = $(null), M = $(null), S = $(null), m = $(null);
+  Q(() => () => {
+    var h, I;
+    (h = S.current) == null || h.remove(), (I = M.current) == null || I.abort();
+  }, []);
+  const y = Fe(
+    (h) => ar(e.getState(), n.getState(), h),
+    [e, n]
+  ), x = Fe(() => {
+    S.current && (S.current.remove(), S.current = null);
+  }, []), f = Fe(() => {
+    u(null), P(null), C.current = null, x(), M.current && (M.current.abort(), M.current = null);
+  }, [x]);
+  return Q(() => {
+    if (!s && l !== "pick-shape") return;
+    function h(I) {
+      I.key === "Escape" && i(I) && f();
+    }
+    return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
+  }, [s, l, f, i]), je({
+    click(h) {
+      if (l !== "pick-shape") return;
+      if (t.getZoom() < lr) {
+        a({ type: "warning", message: "Zoom in further to use the picker" });
+        return;
+      }
+      h.originalEvent.preventDefault(), f();
+      const I = new AbortController();
+      M.current = I;
+      const { lat: z, lng: k } = h.latlng;
+      C.current = h.latlng, S.current = Xe.marker(h.latlng, { icon: Fs(), interactive: !1 }).addTo(t);
+      const { overpass: H, fetch: D } = r.current;
+      if (H === !1) {
+        x(), f();
+        return;
+      }
+      Fr(z, k, cr(t.getZoom()), [k, z], { ...H, fetch: D, signal: I.signal }).then((_) => {
+        x(), _.length === 0 ? (a({ type: "warning", message: "No features found here" }), f()) : _.length === 1 ? (y(_[0]), f()) : u(_);
+      }).catch((_) => {
+        (_ == null ? void 0 : _.name) !== "AbortError" && (x(), a({ type: "error", code: _ instanceof Or ? _.code : "unknown", source: "picker", message: Tr(_), cause: _ }), f());
+      });
+    }
+  }), Q(() => {
+    l !== "pick-shape" && f();
+  }, [l, f]), Q(() => {
+    if (!s || !C.current) return;
+    const h = C.current;
+    let I;
+    function z() {
+      if (!m.current) {
+        I = requestAnimationFrame(z);
+        return;
+      }
+      const k = t.latLngToContainerPoint(h), H = t.getContainer().getBoundingClientRect();
+      m.current.style.left = `${H.left + k.x + 16}px`, m.current.style.top = `${H.top + k.y - 8}px`, I = requestAnimationFrame(z);
+    }
+    return I = requestAnimationFrame(z), () => cancelAnimationFrame(I);
+  }, [s, t]), /* @__PURE__ */ le(xe, { children: [
+    s && s.map((h, I) => /* @__PURE__ */ w(
+      He,
+      {
+        positions: h.geometry.coordinates[0].map(G),
+        pathOptions: {
+          color: xt[I % xt.length],
+          fillColor: xt[I % xt.length],
+          weight: g === I ? 3 : 2,
+          opacity: g === I ? 1 : 0.7,
+          fillOpacity: g === I ? 0.3 : 0.12
+        },
+        eventHandlers: {
+          click: (z) => {
+            z.originalEvent.stopPropagation(), y(h), f();
+          },
+          mouseover: () => P(I),
+          mouseout: () => P(null)
+        }
+      },
+      `${h.osmId}/${I}`
+    )),
+    s && vo(
+      /* @__PURE__ */ w("div", { ref: m, "data-elm-portal": !0, "data-elm-theme": p, style: { ...d, position: "fixed", zIndex: 1e4 }, children: /* @__PURE__ */ w("div", { className: "bg-elm-surface/95 backdrop-blur-md border border-elm-border/80 text-elm-text-secondary shadow-elm rounded-elm overflow-hidden min-w-[180px] max-w-[280px] text-sm py-1", children: s.map((h, I) => /* @__PURE__ */ le(
+        "button",
+        {
+          onClick: () => {
+            y(h), f();
+          },
+          onMouseEnter: () => P(I),
+          onMouseLeave: () => P(null),
+          className: `w-full text-left px-3 py-2 flex items-center gap-2 transition-colors ${g === I ? "bg-primary-50 dark:bg-white/5" : "hover:bg-(--elm-surface-hover,var(--color-gray-50)) dark:hover:bg-elm-surface-hover"}`,
+          children: [
+            /* @__PURE__ */ w(
+              "span",
+              {
+                className: "w-2.5 h-2.5 rounded-full shrink-0",
+                style: { background: xt[I % xt.length] }
+              }
+            ),
+            /* @__PURE__ */ le("span", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ w("span", { className: "font-medium text-(--elm-text,var(--color-gray-800)) dark:text-(--elm-text,var(--color-gray-100)) truncate", children: h.name || `Unnamed ${h.type.toLowerCase()}` }),
+              /* @__PURE__ */ w("span", { className: "text-xs text-(--elm-text-subtle,var(--color-gray-400))", children: h.type })
+            ] })
+          ]
+        },
+        `${h.osmId}/${I}`
+      )) }) }),
+      document.body
+    )
+  ] });
+}
+function ao({ geom: t, pathOptions: e }) {
+  switch (t.type) {
+    case "Polygon":
+      return /* @__PURE__ */ w(He, { positions: t.coordinates.map((n) => n.map(G)), pathOptions: e });
+    case "MultiPolygon":
+      return /* @__PURE__ */ w(He, { positions: t.coordinates.map((n) => n.map((o) => o.map(G))), pathOptions: e });
+    case "LineString":
+      return /* @__PURE__ */ w(ve, { positions: t.coordinates.map(G), pathOptions: { ...e, fill: !1 } });
+    case "MultiLineString":
+      return /* @__PURE__ */ w(ve, { positions: t.coordinates.map((n) => n.map(G)), pathOptions: { ...e, fill: !1 } });
+    default:
+      return null;
+  }
+}
+function Os() {
+  const t = ut(be().getContainer())[500], e = K((g) => g.editingMode), n = K((g) => g.geometryPreview), o = K((g) => g.bufferCreateNew), r = Se((g) => g.selectedIds[0] ?? null), a = Se((g) => {
+    var P;
+    return r ? ((P = g.features.find((d) => d.id === r)) == null ? void 0 : P.geometry) ?? null : null;
+  });
+  if (!(e === "simplify-shape" || e === "smooth-shape" || e === "buffer-shape") || !n || !vn(n.type)) return null;
+  const l = e === "buffer-shape", s = l && !o && a && vn(a.type), u = ur(n.type);
+  return /* @__PURE__ */ le(xe, { children: [
+    s && /* @__PURE__ */ w(
+      ao,
+      {
+        geom: a,
+        pathOptions: {
+          color: "#6b7280",
+          fillColor: "#6b7280",
+          fillOpacity: 0.07,
+          weight: 1.5,
+          opacity: 0.35,
+          dashArray: "4 4",
+          interactive: !1
+        }
+      }
+    ),
+    /* @__PURE__ */ w(
+      ao,
+      {
+        geom: n,
+        pathOptions: {
+          color: t,
+          fillColor: t,
+          fillOpacity: l && o ? 0.12 : 0.2,
+          // A line preview is the whole shape: draw it at line-feature weight.
+          weight: u ? 3 : l && o ? 2 : 2.5,
+          opacity: 1,
+          dashArray: l && o ? "8 5" : void 0,
+          interactive: !1
+        }
+      }
+    )
+  ] });
+}
+function lo(t, e, n) {
+  const [o, r] = fr(t.getContainer());
+  return !o && !r ? Hr(e) : t.unproject(t.project(e, n).subtract([o, r]), n);
+}
+function Ns({ routingApiKey: t }) {
+  const e = be(), n = Er(), { dataStore: o } = De();
+  Q(() => {
+    o.getState().setCurrentZoom(e.getZoom());
+    const a = () => o.getState().setCurrentZoom(e.getZoom());
+    return e.on("zoomend", a), () => {
+      e.off("zoomend", a);
+    };
+  }, [e, o]), Q(() => {
+    n({
+      // Points land in the middle of the visible map (clear of the open
+      // panels / docked inspector / table), not under them.
+      flyTo: (a, i) => e.flyTo(lo(e, a, i), i, { duration: 1.2 }),
+      panTo: (a) => e.flyTo(lo(e, a, e.getZoom()), e.getZoom(), { duration: 0.5 }),
+      fitBounds: (a) => {
+        const i = gr(a);
+        if (!i) return;
+        const l = Dn(e.getContainer());
+        e.flyToBounds(
+          [[i.minLat, i.minLng], [i.maxLat, i.maxLng]],
+          { paddingTopLeft: [l.left, l.top], paddingBottomRight: [l.right, l.bottom], maxZoom: 16, duration: 1.2 }
+        );
+      },
+      getCenter: () => {
+        const a = e.getCenter();
+        return [a.lng, a.lat];
+      },
+      setZoom: (a) => {
+        const i = Math.max(e.getMinZoom(), Math.min(e.getMaxZoom(), a));
+        return e.setZoom(i, { animate: !1 }), i;
+      },
+      getZoomBounds: () => ({ min: e.getMinZoom(), max: e.getMaxZoom() }),
+      getMap: () => e
+    });
+  }, [e, n]);
+  const r = Ir(t);
+  return Q(() => {
+    var a;
+    if (r)
+      return (a = e.attributionControl) == null || a.addAttribution(r), () => {
+        var i;
+        (i = e.attributionControl) == null || i.removeAttribution(r);
+      };
+  }, [e, r]), null;
+}
+const na = uo(function(e, n) {
+  return e.onEvent || e.onError ? /* @__PURE__ */ w(xr, { onEvent: e.onEvent, onError: e.onError, children: /* @__PURE__ */ w(co, { ...e, ref: n }) }) : /* @__PURE__ */ w(co, { ...e, ref: n });
+}), co = uo(function(e, n) {
+  const o = be(), { dataStore: r, uiStore: a } = De(), i = Sr({
+    initialData: e.initialData,
+    schema: e.schema,
+    layout: e.layout,
+    readonly: e.readonly,
+    tools: e.tools,
+    maxFeatures: e.maxFeatures,
+    engine: "leaflet",
+    onChange: e.onChange,
+    onSubmit: e.onSubmit,
+    onValidationError: e.onValidationError,
+    onFeatureAdd: e.onFeatureAdd,
+    onFeatureUpdate: e.onFeatureUpdate,
+    onFeatureDelete: e.onFeatureDelete,
+    onSelectionChange: e.onSelectionChange,
+    onFeatureSelect: e.onFeatureSelect,
+    onZoomChange: e.onZoomChange,
+    onToolChange: e.onToolChange
+  });
+  Vo(n, () => i, [i]), Q(() => {
+  }, [r, a, o]), br(o.getContainer()), Pr(o.getContainer()), Cr(o.getContainer()), Q(() => {
+    Mr();
+  }, []), Q(() => {
+    const u = dr(e.bounds);
+    o.setMaxBounds(u ? [[u[1], u[0]], [u[3], u[2]]] : void 0);
+  }, [o, e.bounds]);
+  const l = $(e.onReady);
+  l.current = e.onReady;
+  const s = $(null);
+  return Q(() => {
+    s.current !== o && (s.current = o, o.whenReady(() => {
+      var u;
+      return (u = l.current) == null ? void 0 : u.call(l, o);
+    }));
+  }, [o]), /* @__PURE__ */ le(Mo, { getFeatureStyle: e.getFeatureStyle, children: [
+    /* @__PURE__ */ w(Ns, { routingApiKey: e.routingApiKey }),
+    /* @__PURE__ */ w(bs, {}),
+    /* @__PURE__ */ w(us, { renderer: e.renderer }),
+    /* @__PURE__ */ w(ms, { routingApiKey: e.routingApiKey }),
+    /* @__PURE__ */ w(hs, {}),
+    /* @__PURE__ */ w(vs, {}),
+    /* @__PURE__ */ w(Ss, {}),
+    /* @__PURE__ */ w(Cs, {}),
+    /* @__PURE__ */ w(As, {}),
+    /* @__PURE__ */ w(Ts, {}),
+    /* @__PURE__ */ w(Os, {})
+  ] });
+});
+export {
+  ia as ActiveDrawingToolbar,
+  bs as BoundaryLayer,
+  ms as DrawingLayer,
+  hs as DrawingPreviewLayer,
+  sa as EditingToolbar,
+  na as ElementEditorControls,
+  wa as ElementEditorError,
+  aa as ElementEditorUIProvider,
+  us as FeatureInteractionLayer,
+  Mo as FeatureStyleProvider,
+  ta as FitBounds,
+  la as FloatingToolbar,
+  ca as GeoStoreProvider,
+  ua as MapControllerProvider,
+  Cs as MeasurementTooltip,
+  Ss as RoutePreviewLayer,
+  vs as SnapController,
+  da as StoreContext,
+  fi as TransformControls,
+  Sn as findSnapPoint,
+  Lo as snapToAngle,
+  ea as toGeoJSON,
+  G as toLeaflet,
+  ga as useDataStore,
+  Eo as useFeatureStyle,
+  fa as useGeoStore,
+  pa as useKeyboardShortcuts,
+  ma as useMapController,
+  Qr as useMapInteractionMachine,
+  ha as useSetMapController,
+  ya as useUIStore
+};