themelia-react-ui 2.0.6 → 3.0.0

package/dist/features/map.js

@@ -1,25 +1,28 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-DhuoqFy4.js";
-import { n, o as r } from "../buttons-DeW0bQeK.js";
-import { c as i } from "../typography-C7-YMW1S.js";
-import { i as a } from "../text.styles-B64My8RZ.js";
-import { t as o } from "../surface-recipes-C8mNycaY.js";
-import { r as s } from "../popover.recipes-DJ0AkUan.js";
-import { d as c, g as l, i as u, l as d, n as f, o as p, r as m, t as h, u as g } from "../dropdown-menu-C08iIugv.js";
+import { t } from "../utils-BVbAG2J6.js";
+import { c as n } from "../typography-C0dELqYV.js";
+import { i as r } from "../text.styles-B64My8RZ.js";
+import { n as i, o as a } from "../buttons-pZVgPTZn.js";
+import { t as o } from "../surface-recipes-DV6rrOFq.js";
+import { r as s } from "../popover.recipes-BqkdvlZn.js";
+import { d as c, g as l, i as u, l as d, n as f, o as p, r as m, t as h, u as g } from "../dropdown-menu-B8hjvbkS.js";
 import { t as _ } from "../layer-recipes-CCpklYME.js";
-import { a as v, n as y, o as b, r as x, t as S } from "../command-9e52NPgK.js";
-import { c as C, o as ee, t as te } from "../popover-k8TdUcAt.js";
-import { a as w, c as ne, o as re } from "../text-inputs-jdkS3ReG.js";
-import { t as ie } from "../use-debounce-DZ_1ZBPa.js";
-import * as T from "react";
-import { Suspense as ae, createContext as E, lazy as oe, useCallback as D, useContext as O, useEffect as k, useMemo as se, useRef as A, useState as j, useSyncExternalStore as ce } from "react";
-import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
-import { CircleIcon as F, LayersIcon as I, Loader2Icon as le, LoaderCircleIcon as ue, MapPinIcon as L, MaximizeIcon as R, MinimizeIcon as de, MinusIcon as z, NavigationIcon as B, PenLineIcon as fe, PentagonIcon as V, PlusIcon as pe, SearchIcon as me, SquareIcon as H, Trash2Icon as he, Undo2Icon as ge, WaypointsIcon as _e } from "lucide-react";
-import { flushSync as ve } from "react-dom";
-import { renderToString as U } from "react-dom/server";
+import { a as v, n as y, o as b, r as x, t as S } from "../command-CjZ2VzKC.js";
+import { c as C, o as ee, t as w } from "../popover-BpMxbqEK.js";
+import { a as T, c as te, o as ne } from "../text-inputs-ljyBYaCd.js";
+import { t as re } from "../use-debounce-DZ_1ZBPa.js";
+import * as E from "react";
+import { Suspense as ie, createContext as D, lazy as ae, useCallback as O, useContext as k, useEffect as A, useMemo as j, useRef as M, useState as N, useSyncExternalStore as oe } from "react";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { CircleIcon as L, LayersIcon as R, Loader2Icon as se, LoaderCircleIcon as ce, MapPinIcon as le, MaximizeIcon as ue, MinimizeIcon as de, MinusIcon as z, NavigationIcon as fe, PenLineIcon as pe, PentagonIcon as B, PlusIcon as me, SearchIcon as he, SquareIcon as V, Trash2Icon as ge, Undo2Icon as _e, WaypointsIcon as ve } from "lucide-react";
+import { flushSync as ye } from "react-dom";
+import { renderToString as H } from "react-dom/server";
 //#region src/components/features/map/place-autocomplete.tsx
-var ye = {
+function U(e) {
+	return `${e.properties.osm_type ?? ""}${e.properties.osm_id}`;
+}
+var be = {
 	searchPlaceholder: "Search",
 	loading: "Searching places",
 	error: "Error: {{message}}",
@@ -27,26 +30,26 @@ var ye = {
 	noResults: "Can't find {{query}}.",
 	unknownPlace: "Unknown"
 };
-function be(e) {
+function xe(e) {
 	let t = [];
 	return e.name && t.push(e.name), e.housenumber && e.street ? t.push(`${e.housenumber} ${e.street}`) : e.street && t.push(e.street), e.city ? t.push(e.city) : e.locality && t.push(e.locality), e.state && e.state !== e.city && t.push(e.state), e.country && t.push(e.country), [...new Set(t)].join(", ");
 }
-function xe({ query: e, bbox: t, lang: n, lat: r, limit: i, locationBiasScale: a, lon: o, zoom: s }) {
+function Se({ query: e, bbox: t, lang: n, lat: r, limit: i, locationBiasScale: a, lon: o, zoom: s }) {
 	let c = new URL("https://photon.komoot.io/api");
 	return c.searchParams.set("q", e), n && c.searchParams.set("lang", n), i && c.searchParams.set("limit", String(i)), t && c.searchParams.set("bbox", t.join(",")), r !== void 0 && o !== void 0 && (c.searchParams.set("lat", String(r)), c.searchParams.set("lon", String(o))), s !== void 0 && c.searchParams.set("zoom", String(s)), a !== void 0 && c.searchParams.set("location_bias_scale", String(a)), String(c);
 }
 var W = async (e, t) => {
-	let n = await fetch(xe(e), { signal: t });
+	let n = await fetch(Se(e), { signal: t });
 	if (!n.ok) throw Error(`Photon API error: ${n.status} ${n.statusText}`);
 	return (await n.json()).features;
 };
-function Se({ debounceMs: e, query: t, lang: n, limit: r, bbox: i, lat: a, lon: o, zoom: s, locationBiasScale: c, searchPlaces: l = W, onSearchError: u }) {
-	let [d, f] = T.useState([]), [p, m] = T.useState(!1), [h, g] = T.useState(null), [_, v] = T.useState(!1), [y, b] = T.useState(0), x = T.useRef(u);
-	T.useEffect(() => {
+function Ce({ debounceMs: e, query: t, lang: n, limit: r, bbox: i, lat: a, lon: o, zoom: s, locationBiasScale: c, searchPlaces: l = W, onSearchError: u }) {
+	let [d, f] = E.useState([]), [p, m] = E.useState(!1), [h, g] = E.useState(null), [_, v] = E.useState(!1), [y, b] = E.useState(0), x = E.useRef(u);
+	E.useEffect(() => {
 		x.current = u;
 	}, [u]);
-	let S = ie(t, e), C = i?.join(",");
-	return T.useEffect(() => {
+	let S = re(t, e), C = i?.join(",");
+	return E.useEffect(() => {
 		if (f((e) => e.length ? [] : e), g(null), !t.trim() || t !== S) {
 			m(!1), v(!1);
 			return;
@@ -68,7 +71,7 @@ function Se({ debounceMs: e, query: t, lang: n, limit: r, bbox: i, lat: a, lon:
 				if (i.aborted) return;
 				let t = /* @__PURE__ */ new Set();
 				f(e.filter((e) => {
-					let n = e.properties.osm_id;
+					let n = U(e);
 					return !t.has(n) && (t.add(n), !0);
 				}));
 			} catch (e) {
@@ -100,14 +103,14 @@ function Se({ debounceMs: e, query: t, lang: n, limit: r, bbox: i, lat: a, lon:
 		retry: () => b((e) => e + 1)
 	};
 }
-function Ce(e, t) {
+function we(e, t) {
 	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => t[n] ?? e);
 }
-function G({ debounceMs: r = 300, lang: a, limit: o = 5, bbox: s, lat: c, lon: l, zoom: u, locationBiasScale: d, className: f, value: p, defaultValue: m = "", onValueChange: h, onPlaceSelect: g, onResultsChange: _, searchPlaces: ie, onSearchError: ae, strings: E, onFocus: oe, ...D }) {
-	let O = e(ye, E), [k, se] = T.useState(m), [A, j] = T.useState(""), [ce, M] = T.useState(!1), [F, I] = T.useState(-1), ue = T.useId(), R = T.useRef(null), de = T.useRef(null), z = T.useRef(/* @__PURE__ */ new Map()), B = p !== void 0, fe = B ? p : k, { results: V, isLoading: pe, error: H, hasSearched: he, retry: ge } = Se({
-		query: A,
-		searchPlaces: ie,
-		onSearchError: ae,
+function G({ debounceMs: r = 300, lang: a, limit: o = 5, bbox: s, lat: c, lon: l, zoom: u, locationBiasScale: d, className: f, value: p, defaultValue: m = "", onValueChange: h, onPlaceSelect: g, onResultsChange: _, searchPlaces: re, onSearchError: ie, strings: D, onFocus: ae, ...O }) {
+	let k = e(be, D), [A, j] = E.useState(m), [M, N] = E.useState(""), [oe, P] = E.useState(!1), [L, R] = E.useState(-1), ce = E.useId(), ue = E.useRef(null), de = E.useRef(null), z = E.useRef(/* @__PURE__ */ new Map()), fe = p !== void 0, pe = fe ? p : A, { results: B, isLoading: me, error: V, hasSearched: ge, retry: _e } = Ce({
+		query: M,
+		searchPlaces: re,
+		onSearchError: ie,
 		debounceMs: r,
 		lang: a,
 		limit: o,
@@ -116,149 +119,148 @@ function G({ debounceMs: r = 300, lang: a, limit: o = 5, bbox: s, lat: c, lon: l
 		lon: l,
 		zoom: u,
 		locationBiasScale: d
-	}), _e = T.useRef(_);
-	T.useEffect(() => {
-		_e.current = _;
-	}, [_]), T.useEffect(() => {
-		_e.current?.(V);
-	}, [V]);
-	let U = he && !pe && !H && V.length === 0, xe = !!(H || U || V.length > 0), W = xe && !ce, G = (e) => {
-		let t = be(e.properties);
-		B || se(t), j(""), M(!0), I(-1), h?.(t), g?.(e);
+	}), ve = E.useRef(_);
+	E.useEffect(() => {
+		ve.current = _;
+	}, [_]), E.useEffect(() => {
+		ve.current?.(B);
+	}, [B]);
+	let H = ge && !me && !V && B.length === 0, Se = !!(V || H || B.length > 0), W = Se && !oe, G = (e) => {
+		let t = xe(e.properties);
+		fe || j(t), N(""), P(!0), R(-1), h?.(t), g?.(e);
 	};
-	return /* @__PURE__ */ N(S, {
+	return /* @__PURE__ */ F(S, {
 		inset: "flush",
 		className: t("place-autocomplete--component", "h-fit overflow-visible bg-transparent text-inherit", f),
-		value: F >= 0 ? String(V[F]?.properties.osm_id ?? "") : "",
+		value: L >= 0 && B[L] ? U(B[L]) : "",
 		onKeyDownCapture: (e) => {
 			if (e.target instanceof HTMLInputElement) {
-				if (e.key === "Tab" && W && (!H || e.shiftKey)) ve(() => {
-					M(!0), I(-1);
+				if (e.key === "Tab" && W && (!V || e.shiftKey)) ye(() => {
+					P(!0), R(-1);
 				}), de.current?.unmount();
-				else if (e.key === "Escape") M(!0), I(-1), e.preventDefault();
-				else if (V.length && [
+				else if (e.key === "Escape") P(!0), R(-1), e.preventDefault();
+				else if (B.length && [
 					"ArrowDown",
 					"ArrowUp",
 					"Home",
 					"End"
 				].includes(e.key)) {
-					M(!1);
-					let t = e.key === "Home" ? 0 : e.key === "End" ? V.length - 1 : F < 0 ? e.key === "ArrowDown" ? 0 : V.length - 1 : (F + (e.key === "ArrowDown" ? 1 : -1) + V.length) % V.length;
-					I(t), e.preventDefault();
-				} else e.key === "Enter" && W && V[F] && (G(V[F]), e.preventDefault());
+					P(!1);
+					let t = e.key === "Home" ? 0 : e.key === "End" ? B.length - 1 : L < 0 ? e.key === "ArrowDown" ? 0 : B.length - 1 : (L + (e.key === "ArrowDown" ? 1 : -1) + B.length) % B.length;
+					R(t), e.preventDefault();
+				} else e.key === "Enter" && W && B[L] && (G(B[L]), e.preventDefault());
 			}
 		},
 		shouldFilter: !1,
 		loop: !0,
-		children: /* @__PURE__ */ P(ee, {
+		children: /* @__PURE__ */ I(ee, {
 			actionsRef: de,
 			open: W,
 			onOpenChange: (e, t) => {
-				if (!e && t.reason === "focus-out" && document.activeElement === R.current?.querySelector("input")) {
+				if (!e && t.reason === "focus-out" && document.activeElement === ue.current?.querySelector("input")) {
 					t.cancel();
 					return;
 				}
-				e || M(!0);
+				e || P(!0);
 			},
-			children: [/* @__PURE__ */ P("div", {
-				ref: R,
+			children: [/* @__PURE__ */ I("div", {
+				ref: ue,
 				className: "place-autocomplete--anchor relative",
-				children: [/* @__PURE__ */ N(C, {
-					render: /* @__PURE__ */ N("span", {}),
+				children: [/* @__PURE__ */ F(C, {
+					render: /* @__PURE__ */ F("span", {}),
 					nativeButton: !1,
 					tabIndex: -1,
 					"aria-hidden": "true",
 					className: "pointer-events-none absolute inset-0"
-				}), /* @__PURE__ */ P(w, { children: [
-					/* @__PURE__ */ N(re, { children: /* @__PURE__ */ N(me, {}) }),
-					/* @__PURE__ */ N(ne, {
+				}), /* @__PURE__ */ I(T, { children: [
+					/* @__PURE__ */ F(ne, { children: /* @__PURE__ */ F(he, {}) }),
+					/* @__PURE__ */ F(te, {
 						role: "combobox",
 						"aria-autocomplete": "list",
 						"aria-expanded": W,
-						"aria-controls": W ? ue : void 0,
-						"aria-activedescendant": W && V[F] ? ((e) => z.current.get(e)?.id)(F) : void 0,
-						placeholder: O.searchPlaceholder,
-						value: fe,
+						"aria-controls": W ? ce : void 0,
+						"aria-activedescendant": W && B[L] ? ((e) => z.current.get(e)?.id)(L) : void 0,
+						placeholder: k.searchPlaceholder,
+						value: pe,
 						onChange: (e) => {
 							let t = e.target.value;
-							B || se(t), M(!1), j(t), I(-1), h?.(t);
+							fe || j(t), P(!1), N(t), R(-1), h?.(t);
 						},
 						onFocus: (e) => {
-							xe && M(!1), oe?.(e);
+							Se && P(!1), ae?.(e);
 						},
-						...D
+						...O
 					}),
-					!!pe && /* @__PURE__ */ P(re, {
+					!!me && /* @__PURE__ */ I(ne, {
 						align: "inline-end",
-						children: [/* @__PURE__ */ N(le, {
+						children: [/* @__PURE__ */ F(se, {
 							className: "animate-spin",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ N(i, {
+						}), /* @__PURE__ */ F(n, {
 							tag: "span",
 							size: "inherit",
 							className: "sr-only",
-							children: O.loading
+							children: k.loading
 						})]
 					})
 				] })]
-			}), /* @__PURE__ */ N(te, {
-				"aria-label": O.searchPlaceholder,
+			}), /* @__PURE__ */ F(w, {
+				"aria-label": k.searchPlaceholder,
 				align: "start",
 				sideOffset: 4,
 				initialFocus: !1,
 				finalFocus: !1,
 				inset: "flush",
 				className: "place-autocomplete--results w-[var(--anchor-width)] max-w-[var(--available-width)] gap-0 overflow-hidden",
-				children: /* @__PURE__ */ P(b, {
-					id: ue,
-					label: O.searchPlaceholder,
-					className: "max-h-72",
+				children: /* @__PURE__ */ I(b, {
+					id: ce,
+					label: k.searchPlaceholder,
 					children: [
-						!!H && /* @__PURE__ */ P(y, { children: [/* @__PURE__ */ N(i, {
+						!!V && /* @__PURE__ */ I(y, { children: [/* @__PURE__ */ F(n, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
 							align: "center",
 							className: "block",
-							children: Ce(O.error, { message: H.message })
-						}), /* @__PURE__ */ N(n, {
+							children: we(k.error, { message: V.message })
+						}), /* @__PURE__ */ F(i, {
 							buttonStyle: "ghost",
 							size: "sm",
 							onClick: () => {
-								R.current?.querySelector("input")?.focus(), M(!1), ge();
+								ue.current?.querySelector("input")?.focus(), P(!1), _e();
 							},
-							children: O.retry ?? ye.retry
+							children: k.retry ?? be.retry
 						})] }),
-						!!U && /* @__PURE__ */ N(y, { children: /* @__PURE__ */ N(i, {
+						!!H && /* @__PURE__ */ F(y, { children: /* @__PURE__ */ F(n, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
 							align: "center",
 							className: "block",
-							children: Ce(O.noResults, { query: fe })
+							children: we(k.noResults, { query: pe })
 						}) }),
-						V.length > 0 && /* @__PURE__ */ N(x, { children: V.map((e, t) => {
-							let n = be(e.properties);
-							return /* @__PURE__ */ P(v, {
-								value: String(e.properties.osm_id),
+						B.length > 0 && /* @__PURE__ */ F(x, { children: B.map((e, t) => {
+							let r = xe(e.properties);
+							return /* @__PURE__ */ I(v, {
+								value: U(e),
 								ref: (e) => {
 									e ? z.current.set(t, e) : z.current.delete(t);
 								},
 								onSelect: () => G(e),
-								children: [/* @__PURE__ */ N(L, {}), /* @__PURE__ */ P("div", {
+								children: [/* @__PURE__ */ F(le, {}), /* @__PURE__ */ I("div", {
 									className: "flex flex-col items-start text-start",
-									children: [/* @__PURE__ */ N(i, {
+									children: [/* @__PURE__ */ F(n, {
 										tag: "span",
 										weight: "medium",
-										children: e.properties.name || e.properties.street || O.unknownPlace
-									}), /* @__PURE__ */ N(i, {
+										children: e.properties.name || e.properties.street || k.unknownPlace
+									}), /* @__PURE__ */ F(n, {
 										tag: "span",
 										size: "xs",
 										type: "secondary",
-										children: n
+										children: r
 									})]
 								})]
-							}, e.properties.osm_id);
+							}, U(e));
 						}) })
 					]
 				})
@@ -268,14 +270,14 @@ function G({ debounceMs: r = 300, lang: a, limit: o = 5, bbox: s, lat: c, lon: l
 }
 //#endregion
 //#region src/components/features/map/use-map-color-scheme.ts
-function we(e) {
-	let t = D(() => {
+function Te(e) {
+	let t = O(() => {
 		for (let t = e; t; t = t.parentElement) {
 			if (t.classList.contains("dark")) return "dark";
 			if (t.classList.contains("light")) return "light";
 		}
 		return "light";
-	}, [e]), n = D((t) => {
+	}, [e]), n = O((t) => {
 		let n = new MutationObserver(t);
 		for (let t = e; t; t = t.parentElement) n.observe(t, {
 			attributes: !0,
@@ -283,11 +285,11 @@ function we(e) {
 		});
 		return () => n.disconnect();
 	}, [e]);
-	return ce(n, t, () => "light");
+	return oe(n, t, () => "light");
 }
 //#endregion
 //#region src/components/features/map/map.tsx
-var K = t("bg-card", o.card), Te = o.card, Ee = E(null), De = {
+var K = t("bg-card", o.card), Ee = o.card, De = D(null), Oe = {
 	defaultTileLayer: "Default",
 	mapType: "Map type",
 	layers: "Layers",
@@ -315,50 +317,50 @@ var K = t("bg-card", o.card), Te = o.card, Ee = E(null), De = {
 	undoRemove: "Undo remove",
 	editInstructions: "Drag handles or markers to edit.",
 	removeInstructions: "Click on a shape to remove."
-}, Oe = E(De);
+}, ke = D(Oe);
 function q() {
-	return O(Oe);
+	return k(ke);
 }
-var ke = E(null), Ae = oe(async () => {
+var Ae = D(null), je = ae(async () => {
 	let e = await import("react-leaflet");
-	return { default: ({ children: t }) => /* @__PURE__ */ N(ke.Provider, {
+	return { default: ({ children: t }) => /* @__PURE__ */ F(Ae.Provider, {
 		value: e,
 		children: t
 	}) };
 });
 function J(e) {
 	return (t) => {
-		let n = O(ke);
+		let n = k(Ae);
 		if (!n) throw Error("Map primitives must be rendered within Map.");
 		let r = e(n);
-		return /* @__PURE__ */ N(r, { ...t });
+		return /* @__PURE__ */ F(r, { ...t });
 	};
 }
-var je = J((e) => e.MapContainer), Me = J((e) => e.TileLayer), Ne = J((e) => e.Marker), Pe = J((e) => e.Popup), Fe = J((e) => e.Tooltip), Ie = J((e) => e.Circle), Le = J((e) => e.CircleMarker), Re = J((e) => e.Polyline), ze = J((e) => e.Polygon), Be = J((e) => e.Rectangle), Ve = J((e) => e.LayerGroup), He = J((e) => e.FeatureGroup);
-function Ue(e) {
-	let t = oe(e);
-	return (e) => /* @__PURE__ */ N(ae, { children: /* @__PURE__ */ N(t, { ...e }) });
+var Me = J((e) => e.MapContainer), Ne = J((e) => e.TileLayer), Pe = J((e) => e.Marker), Fe = J((e) => e.Popup), Ie = J((e) => e.Tooltip), Le = J((e) => e.Circle), Re = J((e) => e.CircleMarker), ze = J((e) => e.Polyline), Be = J((e) => e.Polygon), Ve = J((e) => e.Rectangle), He = J((e) => e.LayerGroup), Ue = J((e) => e.FeatureGroup);
+function We(e) {
+	let t = ae(e);
+	return (e) => /* @__PURE__ */ F(ie, { children: /* @__PURE__ */ F(t, { ...e }) });
 }
-var We = Ue(async () => import("react-leaflet-markercluster").then((e) => ({ default: e.default })));
-function Ge({ children: e }) {
-	let t = O(ke);
+var Ge = We(async () => import("react-leaflet-markercluster").then((e) => ({ default: e.default })));
+function Ke({ children: e }) {
+	let t = k(Ae);
 	if (!t) throw Error("Map controls must be rendered within Map.");
-	return /* @__PURE__ */ N(Ee.Provider, {
+	return /* @__PURE__ */ F(De.Provider, {
 		value: t,
 		children: e
 	});
 }
 function Y() {
-	let e = O(Ee);
+	let e = k(De);
 	if (!e) throw Error("Map controls must be rendered within Map.");
 	return e.useMap();
 }
-function Ke(e) {
-	let t = O(Ee);
+function qe(e) {
+	let t = k(De);
 	if (!t) throw Error("Map controls must be rendered within Map.");
 	return t.useMapEvents(e);
 }
-function qe(e, t) {
+function Je(e, t) {
 	if (e) {
 		if (typeof e == "function") {
 			e(t);
@@ -367,19 +369,19 @@ function qe(e, t) {
 		e.current = t;
 	}
 }
-function Je({ zoom: n = 15, maxZoom: r = 18, className: i, children: a, strings: o, ref: s, ...c }) {
-	let l = e(De, o), u = A(null), d = D((e) => {
+function Ye({ zoom: n = 15, maxZoom: r = 18, className: i, children: a, strings: o, ref: s, ...c }) {
+	let l = e(Oe, o), u = M(null), d = O((e) => {
 		if (u.current?.(), u.current = null, e?.options.keyboard) {
 			let t = e.getContainer(), n = () => {
 				document.activeElement !== t && t.focus({ preventScroll: !0 });
 			};
 			t.addEventListener("mousedown", n, !0), u.current = () => t.removeEventListener("mousedown", n, !0);
 		}
-		qe(s, e);
-	}, [s]), [f, p] = j(!1);
-	return k(() => {
+		Je(s, e);
+	}, [s]), [f, p] = N(!1);
+	return A(() => {
 		p(!0);
-	}, []), f ? /* @__PURE__ */ N(ae, { children: /* @__PURE__ */ N(Ae, { children: /* @__PURE__ */ N(je, {
+	}, []), f ? /* @__PURE__ */ F(ie, { children: /* @__PURE__ */ F(je, { children: /* @__PURE__ */ F(Me, {
 		ref: d,
 		zoom: n,
 		maxZoom: r,
@@ -387,108 +389,125 @@ function Je({ zoom: n = 15, maxZoom: r = 18, className: i, children: a, strings:
 		zoomControl: !1,
 		className: t("map--component", "z-50 size-full min-h-0 flex-1 rounded-surface", i),
 		...c,
-		children: /* @__PURE__ */ N(Oe.Provider, {
+		children: /* @__PURE__ */ F(ke.Provider, {
 			value: l,
-			children: /* @__PURE__ */ N(Ge, { children: a })
+			children: /* @__PURE__ */ F(Ke, { children: a })
 		})
 	}) }) }) : null;
 }
-var Ye = E(null);
-function Xe() {
-	return O(Ye);
+var Xe = D(null);
+function Ze() {
+	return k(Xe);
 }
-function Ze({ name: e, url: t, attribution: n, darkUrl: r, darkAttribution: i, ...a }) {
+function Qe({ name: e, url: t, attribution: n, darkUrl: r, darkAttribution: i, ...a }) {
 	let o = q(), s = e ?? o.defaultTileLayer, c = Y();
 	c.attributionControl && c.attributionControl.setPrefix("");
-	let l = O(Ye), u = we(c.getContainer()), d = u === "dark" ? r ?? t ?? "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png" : t ?? "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png", f = u === "dark" && i ? i : n ?? "&copy; <a href=\"http://www.openstreetmap.org/copyright\">OpenStreetMap</a>, &copy; <a href=\"https://carto.com/attributions\">CARTO</a>";
-	return k(() => {
-		l && l.registerTileLayer({
+	let l = k(Xe), u = Te(c.getContainer()), d = u === "dark" ? r ?? t ?? "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png" : t ?? "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png", f = u === "dark" && i ? i : n ?? "&copy; <a href=\"http://www.openstreetmap.org/copyright\">OpenStreetMap</a>, &copy; <a href=\"https://carto.com/attributions\">CARTO</a>", p = l?.registerTileLayer, m = l?.unregisterTileLayer;
+	return A(() => {
+		p?.({
 			name: s,
 			url: d,
 			attribution: f
 		});
 	}, [
-		l,
+		p,
 		s,
 		f,
 		d
-	]), l && l.selectedTileLayer !== s ? null : /* @__PURE__ */ N(Me, {
+	]), A(() => {
+		if (m) return () => m(s);
+	}, [m, s]), l && l.selectedTileLayer !== s ? null : /* @__PURE__ */ F(Ne, {
 		url: d,
 		attribution: f,
 		...a
 	});
 }
-function Qe({ name: e, disabled: t, ...n }) {
-	let r = Xe();
-	return k(() => {
-		r && r.registerLayerGroup({
-			name: e,
-			disabled: t
+function $e(e, t, n) {
+	let r = e?.registerLayerGroup, i = e?.unregisterLayerGroup;
+	A(() => {
+		r?.({
+			name: t,
+			disabled: n
 		});
 	}, [
 		r,
-		e,
-		t
-	]), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ N(Ve, { ...n });
+		t,
+		n
+	]), A(() => {
+		if (i) return () => i(t);
+	}, [i, t]);
+}
+function et({ name: e, disabled: t, ...n }) {
+	let r = Ze();
+	return $e(r, e, t), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ F(He, { ...n });
 }
-function $e({ name: e, disabled: t, ...n }) {
-	let r = Xe();
-	return k(() => {
-		r && r.registerLayerGroup({
-			name: e,
-			disabled: t
+function tt({ name: e, disabled: t, ...n }) {
+	let r = Ze();
+	return $e(r, e, t), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ F(Ue, { ...n });
+}
+function nt({ defaultTileLayer: e, defaultLayerGroups: t = [], ...n }) {
+	let [r, i] = N([]), [a, o] = N(e || ""), [s, c] = N([]), [l, u] = N(t), d = O((e) => {
+		i((t) => {
+			let n = t.findIndex((t) => t.name === e.name);
+			if (n === -1) return [...t, e];
+			let r = t[n];
+			return r.url === e.url && r.attribution === e.attribution ? t : t.map((t, r) => r === n ? e : t);
+		});
+	}, []), f = O((e) => {
+		i((t) => t.filter((t) => t.name !== e));
+	}, []), p = O((e) => {
+		c((t) => {
+			let n = t.findIndex((t) => t.name === e.name);
+			return n === -1 ? [...t, e] : t[n].disabled === e.disabled ? t : t.map((t, r) => r === n ? e : t);
 		});
+	}, []), m = O((e) => {
+		c((t) => t.filter((t) => t.name !== e));
+	}, []), h = r.length === 0 || r.some((e) => e.name === a) ? a : r[0].name, g = M(!1), _ = M(!1);
+	A(() => {
+		if (r.length > 0 && !g.current && (g.current = !0, e && !r.some((t) => t.name === e))) throw Error(`Invalid defaultTileLayer "${e}" provided to MapLayers. It must match a MapTileLayer's name prop.`);
+		if (s.length > 0 && !_.current && (_.current = !0, t.some((e) => !s.some((t) => t.name === e)))) throw Error("Invalid defaultLayerGroups value provided to MapLayers. All names must match a MapLayerGroup's name prop.");
 	}, [
 		r,
 		e,
+		s,
 		t
-	]), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ N(He, { ...n });
-}
-function et({ defaultTileLayer: e, defaultLayerGroups: t = [], ...n }) {
-	let [r, i] = j([]), [a, o] = j(e || ""), [s, c] = j([]), [l, u] = j(t);
-	function d(e) {
-		i((t) => t.some((t) => t.name === e.name) ? t : [...t, e]);
-	}
-	function f(e) {
-		c((t) => t.some((t) => t.name === e.name) ? t : [...t, e]);
-	}
-	return k(() => {
-		if (e && r.length > 0 && !r.some((t) => t.name === e)) throw Error(`Invalid defaultTileLayer "${e}" provided to MapLayers. It must match a MapTileLayer's name prop.`);
-		if (r.length > 0 && !a) {
-			let t = e && r.some((t) => t.name === e) ? e : r[0].name;
-			o(t);
-		}
-		if (t.length > 0 && s.length > 0 && t.some((e) => !s.some((t) => t.name === e))) throw Error("Invalid defaultLayerGroups value provided to MapLayers. All names must match a MapLayerGroup's name prop.");
-	}, [
+	]);
+	let v = j(() => ({
+		registerTileLayer: d,
+		unregisterTileLayer: f,
+		tileLayers: r,
+		selectedTileLayer: h,
+		setSelectedTileLayer: o,
+		registerLayerGroup: p,
+		unregisterLayerGroup: m,
+		layerGroups: s,
+		activeLayerGroups: l,
+		setActiveLayerGroups: u
+	}), [
+		d,
+		f,
 		r,
-		e,
-		a,
+		h,
+		p,
+		m,
 		s,
-		t
-	]), /* @__PURE__ */ N(Ye.Provider, {
-		value: {
-			registerTileLayer: d,
-			tileLayers: r,
-			selectedTileLayer: a,
-			setSelectedTileLayer: o,
-			registerLayerGroup: f,
-			layerGroups: s,
-			activeLayerGroups: l,
-			setActiveLayerGroups: u
-		},
+		l
+	]);
+	return /* @__PURE__ */ F(Xe.Provider, {
+		value: v,
 		...n
 	});
 }
-function tt({ tileLayersLabel: e, layerGroupsLabel: r, position: i = "top-1 right-1", className: a, ...o }) {
-	let s = q(), _ = Xe();
+function rt({ tileLayersLabel: e, layerGroupsLabel: n, position: r = "top-1 right-1", className: a, ...o }) {
+	let s = q(), _ = Ze();
 	if (!_) throw Error("MapLayersControl must be used within MapLayers");
 	let { tileLayers: v, selectedTileLayer: y, setSelectedTileLayer: b, layerGroups: x, activeLayerGroups: S, setActiveLayerGroups: C } = _;
 	if (v.length === 0 && x.length === 0) return null;
 	function ee(e, t) {
 		C(t ? [...S, e] : S.filter((t) => t !== e));
 	}
-	let te = v.length > 1, w = x.length > 0;
-	return !te && !w ? null : /* @__PURE__ */ P(h, { children: [/* @__PURE__ */ N(l, { render: (e) => /* @__PURE__ */ N(n, {
+	let w = v.length > 1, T = x.length > 0;
+	return !w && !T ? null : /* @__PURE__ */ I(h, { children: [/* @__PURE__ */ F(l, { render: (e) => /* @__PURE__ */ F(i, {
 		...e,
 		type: "button",
 		tone: "secondary",
@@ -497,23 +516,23 @@ function tt({ tileLayersLabel: e, layerGroupsLabel: r, position: i = "top-1 righ
 		iconOnly: !0,
 		"aria-label": s.selectLayers,
 		title: s.selectLayers,
-		className: t(K, "absolute z-1000", i, a, e.className),
+		className: t(K, "absolute z-1000", r, a, e.className),
 		...o,
-		children: /* @__PURE__ */ N(I, {})
-	}) }), /* @__PURE__ */ P(m, {
+		children: /* @__PURE__ */ F(R, {})
+	}) }), /* @__PURE__ */ I(m, {
 		align: "end",
 		className: "z-1000",
 		children: [
-			!!te && /* @__PURE__ */ N(M, { children: /* @__PURE__ */ P(d, {
+			!!w && /* @__PURE__ */ F(P, { children: /* @__PURE__ */ I(d, {
 				value: y,
 				onValueChange: b,
-				children: [/* @__PURE__ */ N(p, { children: e ?? s.mapType }), v.map((e) => /* @__PURE__ */ N(g, {
+				children: [/* @__PURE__ */ F(p, { children: e ?? s.mapType }), v.map((e) => /* @__PURE__ */ F(g, {
 					value: e.name,
 					children: e.name
 				}, e.name))]
 			}) }),
-			!!te && !!w && /* @__PURE__ */ N(c, {}),
-			!!w && /* @__PURE__ */ P(u, { children: [/* @__PURE__ */ N(p, { children: r ?? s.layers }), x.map((e) => /* @__PURE__ */ N(f, {
+			!!w && !!T && /* @__PURE__ */ F(c, {}),
+			!!T && /* @__PURE__ */ I(u, { children: [/* @__PURE__ */ F(p, { children: n ?? s.layers }), x.map((e) => /* @__PURE__ */ F(f, {
 				checked: S.includes(e.name),
 				disabled: e.disabled,
 				onCheckedChange: (t) => ee(e.name, t),
@@ -522,20 +541,20 @@ function tt({ tileLayersLabel: e, layerGroupsLabel: r, position: i = "top-1 righ
 		]
 	})] });
 }
-function nt({ icon: e = /* @__PURE__ */ N(L, { className: "size-icon-lg fill-background text-foreground" }), iconAnchor: t = [12, 12], bgPos: n, popupAnchor: r, tooltipAnchor: i, ariaLabel: a, ref: o, ...s }) {
-	let { L: c } = $(), l = q(), u = A(null), d = a ?? (typeof s.title == "string" && s.title.trim() ? s.title : void 0) ?? l.marker, f = typeof s.title == "string" && s.title.trim() ? s.title : d, p = D((e) => {
+function it({ icon: e = /* @__PURE__ */ F(le, { className: "size-icon-lg fill-background text-foreground" }), iconAnchor: t = [12, 12], bgPos: n, popupAnchor: r, tooltipAnchor: i, ariaLabel: a, ref: o, ...s }) {
+	let { L: c } = $(), l = q(), u = M(null), d = a ?? (typeof s.title == "string" && s.title.trim() ? s.title : void 0) ?? l.marker, f = typeof s.title == "string" && s.title.trim() ? s.title : d, p = O((e) => {
 		let t = e?.getElement();
 		t && (t.setAttribute("aria-label", d), t.getAttribute("title") || t.setAttribute("title", d));
-	}, [d]), m = D((e) => {
-		u.current = e, qe(o, e), p(e);
+	}, [d]), m = O((e) => {
+		u.current = e, Je(o, e), p(e);
 	}, [o, p]);
-	return k(() => {
+	return A(() => {
 		p(u.current);
-	}, [p]), c ? /* @__PURE__ */ N(Ne, {
+	}, [p]), c ? /* @__PURE__ */ F(Pe, {
 		ref: m,
 		icon: c.divIcon({
 			className: "",
-			html: U(e),
+			html: H(e),
 			iconAnchor: t,
 			...n ? { bgPos: n } : {},
 			...r ? { popupAnchor: r } : {},
@@ -546,86 +565,86 @@ function nt({ icon: e = /* @__PURE__ */ N(L, { className: "size-icon-lg fill-bac
 		title: f
 	}) : null;
 }
-function rt({ polygonOptions: e = { className: "fill-foreground stroke-foreground stroke-2" }, spiderLegPolylineOptions: t = { className: "fill-foreground stroke-foreground stroke-2" }, icon: n, ...r }) {
+function at({ polygonOptions: e = { className: "fill-foreground stroke-foreground stroke-2" }, spiderLegPolylineOptions: t = { className: "fill-foreground stroke-foreground stroke-2" }, icon: n, ...r }) {
 	let { L: i } = $();
-	return i ? /* @__PURE__ */ N(We, {
+	return i ? /* @__PURE__ */ F(Ge, {
 		polygonOptions: e,
 		spiderLegPolylineOptions: t,
 		iconCreateFunction: n ? (e) => {
 			let t = n(e.getChildCount());
-			return i.divIcon({ html: U(t) });
+			return i.divIcon({ html: H(t) });
 		} : void 0,
 		...r
 	}) : null;
 }
-function it({ className: e, ...n }) {
-	return /* @__PURE__ */ N(Ie, {
+function ot({ className: e, ...n }) {
+	return /* @__PURE__ */ F(Le, {
 		className: t("fill-foreground stroke-foreground stroke-2", e),
 		...n
 	});
 }
-function at({ className: e, ...n }) {
-	return /* @__PURE__ */ N(Le, {
+function st({ className: e, ...n }) {
+	return /* @__PURE__ */ F(Re, {
 		className: t("fill-foreground stroke-foreground stroke-2", e),
 		...n
 	});
 }
-function ot({ className: e, ...n }) {
-	return /* @__PURE__ */ N(Re, {
+function ct({ className: e, ...n }) {
+	return /* @__PURE__ */ F(ze, {
 		className: t("fill-foreground stroke-foreground stroke-2", e),
 		...n
 	});
 }
-function st({ className: e, ...n }) {
-	return /* @__PURE__ */ N(ze, {
+function lt({ className: e, ...n }) {
+	return /* @__PURE__ */ F(Be, {
 		className: t("fill-foreground stroke-foreground stroke-2", e),
 		...n
 	});
 }
-function ct({ className: e, ...n }) {
-	return /* @__PURE__ */ N(Be, {
+function ut({ className: e, ...n }) {
+	return /* @__PURE__ */ F(Ve, {
 		className: t("fill-foreground stroke-foreground stroke-2", e),
 		...n
 	});
 }
-function lt({ className: e, ...n }) {
-	return /* @__PURE__ */ N(Pe, {
-		className: t("map-popup--component", s.surface, s.display, _.overlay, "animate-in fade-out-0 fade-in-0 zoom-out-95 zoom-in-95 slide-in-from-bottom-2 w-72 font-sans outline-hidden", e),
+function dt({ className: e, ...n }) {
+	return /* @__PURE__ */ F(Fe, {
+		className: t("map-popup--component", s.surface, s.display, _.overlay, "animate-in fade-in-0 zoom-in-95 slide-in-from-bottom-2 motion-reduce:animate-none w-72 font-sans outline-hidden", e),
 		...n
 	});
 }
-function ut({ className: e, children: n, side: r = "top", sideOffset: i = 15, ...o }) {
+function ft({ className: e, children: n, side: i = "top", sideOffset: a = 15, ...o }) {
 	let s = {
-		top: [0, -i],
-		bottom: [0, i],
-		left: [-i, 0],
-		right: [i, 0]
+		top: [0, -a],
+		bottom: [0, a],
+		left: [-a, 0],
+		right: [a, 0]
 	};
-	return /* @__PURE__ */ N(Fe, {
-		className: t("map-tooltip--component animate-in fade-in-0 zoom-in-95 fade-out-0 zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit max-w-xs text-balance transition-opacity rounded-radius-xs border-0 bg-inverse-background px-space-md py-space-xs shadow-none", a({
+	return /* @__PURE__ */ F(Ie, {
+		className: t("map-tooltip--component animate-in fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 motion-reduce:animate-none z-50 w-fit max-w-xs text-balance transition-opacity motion-reduce:transition-none rounded-radius-xs border-0 bg-inverse-background px-space-md py-space-xs shadow-none", r({
 			type: "inverse",
 			size: "xs",
 			lineHeight: "snug"
 		}), e),
-		"data-side": r,
-		direction: r,
-		offset: s[r],
+		"data-side": i,
+		direction: i,
+		offset: s[i],
 		opacity: 1,
 		...o,
 		children: n
 	});
 }
-function dt({ position: e = "top-1 left-1", className: i, ...a }) {
-	let o = Y(), s = q(), [c, l] = j(o.getZoom());
-	return Ke({ zoomend: () => {
+function pt({ position: e = "top-1 left-1", className: n, ...r }) {
+	let o = Y(), s = q(), [c, l] = N(o.getZoom());
+	return qe({ zoomend: () => {
 		l(o.getZoom());
-	} }), /* @__PURE__ */ N(Q, {
-		className: t(e, i),
-		children: /* @__PURE__ */ P(r, {
+	} }), /* @__PURE__ */ F(Q, {
+		className: t(e, n),
+		children: /* @__PURE__ */ I(a, {
 			orientation: "vertical",
 			"aria-label": s.zoomControls,
-			...a,
-			children: [/* @__PURE__ */ N(n, {
+			...r,
+			children: [/* @__PURE__ */ F(i, {
 				type: "button",
 				size: "sm",
 				iconOnly: !0,
@@ -636,8 +655,8 @@ function dt({ position: e = "top-1 left-1", className: i, ...a }) {
 				className: K,
 				disabled: c >= o.getMaxZoom(),
 				onClick: () => o.zoomIn(),
-				children: /* @__PURE__ */ N(pe, {})
-			}), /* @__PURE__ */ N(n, {
+				children: /* @__PURE__ */ F(me, {})
+			}), /* @__PURE__ */ F(i, {
 				type: "button",
 				size: "sm",
 				iconOnly: !0,
@@ -648,14 +667,14 @@ function dt({ position: e = "top-1 left-1", className: i, ...a }) {
 				className: K,
 				disabled: c <= o.getMinZoom(),
 				onClick: () => o.zoomOut(),
-				children: /* @__PURE__ */ N(z, {})
+				children: /* @__PURE__ */ F(z, {})
 			})]
 		})
 	});
 }
-function ft({ position: e = "top-1 right-1", className: r, ...i }) {
-	let a = Y(), o = q(), [s, c] = j(!1), { L: l } = $();
-	return k(() => {
+function mt({ position: e = "top-1 right-1", className: n, ...r }) {
+	let a = Y(), o = q(), [s, c] = N(!1), { L: l } = $();
+	return A(() => {
 		if (!l) return;
 		let e = new l.Control.FullScreen();
 		e.addTo(a);
@@ -665,9 +684,9 @@ function ft({ position: e = "top-1 right-1", className: r, ...i }) {
 		return a.on("enterFullscreen", n), a.on("exitFullscreen", r), () => {
 			e.remove(), a.off("enterFullscreen", n), a.off("exitFullscreen", r);
 		};
-	}, [l, a]), /* @__PURE__ */ N(Q, {
-		className: t(e, r),
-		children: /* @__PURE__ */ N(n, {
+	}, [l, a]), /* @__PURE__ */ F(Q, {
+		className: t(e, n),
+		children: /* @__PURE__ */ F(i, {
 			type: "button",
 			size: "sm",
 			iconOnly: !0,
@@ -677,29 +696,29 @@ function ft({ position: e = "top-1 right-1", className: r, ...i }) {
 			"aria-label": s ? o.exitFullscreen : o.enterFullscreen,
 			title: s ? o.exitFullscreen : o.enterFullscreen,
 			className: K,
-			...i,
-			children: N(s ? de : R, {})
+			...r,
+			children: F(s ? de : ue, {})
 		})
 	});
 }
-function pt() {
-	return /* @__PURE__ */ P("div", {
+function ht() {
+	return /* @__PURE__ */ I("div", {
 		className: "absolute -top-1 -right-1 flex size-icon-sm rounded-full",
-		children: [/* @__PURE__ */ N("div", { className: "bg-primary absolute inline-flex size-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ N("div", { className: "bg-primary relative inline-flex size-icon-sm rounded-full" })]
+		children: [/* @__PURE__ */ F("div", { className: "bg-primary absolute inline-flex size-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ F("div", { className: "bg-primary relative inline-flex size-icon-sm rounded-full" })]
 	});
 }
-function mt({ watch: e = !1, onLocationFound: r, onLocationError: i, position: a = "right-1 bottom-1", className: o, ...s }) {
-	let c = Y(), l = q(), [u, d] = Ot(200), [f, p] = j(!1), [m, h] = j(null), g = A(null), _ = A({
-		onLocationFound: r,
-		onLocationError: i
+function gt({ watch: e = !1, onLocationFound: n, onLocationError: r, position: a = "right-1 bottom-1", className: o, ...s }) {
+	let c = Y(), l = q(), [u, d] = At(200), [f, p] = N(!1), [m, h] = N(null), g = M(null), _ = M({
+		onLocationFound: n,
+		onLocationError: r
 	}), v = f || m !== null;
-	k(() => {
+	A(() => {
 		_.current = {
-			onLocationFound: r,
-			onLocationError: i
+			onLocationFound: n,
+			onLocationError: r
 		};
-	}, [r, i]);
-	let y = D(() => {
+	}, [n, r]);
+	let y = O(() => {
 		if (g.current) return;
 		function t() {
 			c.off("locationfound", r), c.off("locationerror", i), g.current = null;
@@ -723,16 +742,16 @@ function mt({ watch: e = !1, onLocationFound: r, onLocationError: i, position: a
 		c,
 		d,
 		e
-	]), b = D(() => {
+	]), b = O(() => {
 		g.current?.(), p(!1), h(null), d(!1);
-	}, [d]), x = v ? b : y, S = u ? l.locating : v ? l.stopTracking : l.trackLocation, C = u ? l.locating : v ? l.stopLocationTracking : l.startLocationTracking, ee = m ? /* @__PURE__ */ N(nt, {
+	}, [d]), x = v ? b : y, S = u ? l.locating : v ? l.stopTracking : l.trackLocation, C = u ? l.locating : v ? l.stopLocationTracking : l.startLocationTracking, ee = m ? /* @__PURE__ */ F(it, {
 		position: m,
-		icon: /* @__PURE__ */ N(pt, {}),
+		icon: /* @__PURE__ */ F(ht, {}),
 		ariaLabel: l.currentLocation
 	}) : null;
-	return k(() => (p(!1), h(null), d(!1), () => g.current?.()), [c, d]), /* @__PURE__ */ P(Q, {
+	return A(() => (p(!1), h(null), d(!1), () => g.current?.()), [c, d]), /* @__PURE__ */ I(Q, {
 		className: t(a, o),
-		children: [/* @__PURE__ */ N(n, {
+		children: [/* @__PURE__ */ F(i, {
 			type: "button",
 			size: "sm",
 			iconOnly: !0,
@@ -742,33 +761,33 @@ function mt({ watch: e = !1, onLocationFound: r, onLocationError: i, position: a
 			disabled: u,
 			title: S,
 			"aria-label": C,
-			className: v ? Te : K,
+			className: v ? Ee : K,
 			...s,
-			children: u ? /* @__PURE__ */ N(ue, { className: "animate-spin" }) : /* @__PURE__ */ N(B, {})
+			children: u ? /* @__PURE__ */ F(ce, { className: "animate-spin" }) : /* @__PURE__ */ F(fe, {})
 		}), ee]
 	});
 }
-function ht({ position: e = "top-1 left-1", className: n, ...r }) {
-	return /* @__PURE__ */ N(Q, {
+function _t({ position: e = "top-1 left-1", className: n, ...r }) {
+	return /* @__PURE__ */ F(Q, {
 		className: t("z-1001 w-60", e, n),
-		children: /* @__PURE__ */ N(G, { ...r })
+		children: /* @__PURE__ */ F(G, { ...r })
 	});
 }
-var gt = E(null);
+var vt = D(null);
 function X() {
-	return O(gt);
+	return k(vt);
 }
-function _t({ onLayersChange: e, position: n = "bottom-1 left-1", className: i, ...a }) {
-	let { L: o, LeafletDraw: s } = $(), c = Y(), l = A(null), u = A(null), d = A(null), [f, p] = j(null), [m, h] = j(0), g = D(() => {
+function yt({ onLayersChange: e, position: n = "bottom-1 left-1", className: r, ...i }) {
+	let { L: o, LeafletDraw: s } = $(), c = Y(), l = M(null), u = M(null), d = M(null), [f, p] = N(null), [m, h] = N(0), g = O(() => {
 		l.current && h(l.current.getLayers().length);
-	}, []), _ = D((t) => {
+	}, []), _ = O((t) => {
 		if (!l.current) return;
 		let { layer: n } = t;
 		l.current.addLayer(n), e?.(l.current), g(), p(null);
-	}, [e, g]), v = D(() => {
+	}, [e, g]), v = O(() => {
 		l.current && (e?.(l.current), g(), p(null));
 	}, [e, g]);
-	return k(() => {
+	return A(() => {
 		if (o && s && c) return c.on(o.Draw.Event.CREATED, _), c.on(o.Draw.Event.EDITED, v), c.on(o.Draw.Event.DELETED, v), () => {
 			c.off(o.Draw.Event.CREATED, _), c.off(o.Draw.Event.EDITED, v), c.off(o.Draw.Event.DELETED, v);
 		};
@@ -778,7 +797,7 @@ function _t({ onLayersChange: e, position: n = "bottom-1 left-1", className: i,
 		c,
 		_,
 		v
-	]), /* @__PURE__ */ P(gt.Provider, {
+	]), /* @__PURE__ */ I(vt.Provider, {
 		value: {
 			featureGroup: l.current,
 			activeMode: f,
@@ -787,28 +806,28 @@ function _t({ onLayersChange: e, position: n = "bottom-1 left-1", className: i,
 			deleteControlRef: d,
 			layersCount: m
 		},
-		children: [/* @__PURE__ */ N(He, { ref: l }), /* @__PURE__ */ N(Q, {
-			className: t(n, i),
-			children: /* @__PURE__ */ N(r, {
+		children: [/* @__PURE__ */ F(Q, {
+			className: t(n, r),
+			children: /* @__PURE__ */ F(a, {
 				orientation: "vertical",
-				...a
+				...i
 			})
-		})]
+		}), /* @__PURE__ */ F(Ue, { ref: l })]
 	});
 }
-function Z({ drawMode: e, createDrawTool: r, className: i, children: a, ...o }) {
+function Z({ drawMode: e, createDrawTool: n, className: r, children: a, ...o }) {
 	let s = X();
 	if (!s) throw Error("MapDrawShapeButton must be used within MapDrawControl");
-	let { L: c } = $(), l = q(), u = Y(), d = A(null), f = A(r), { activeMode: p, setActiveMode: m } = s, h = p === e, g = {
+	let { L: c } = $(), l = q(), u = Y(), d = M(null), f = M(n), { activeMode: p, setActiveMode: m } = s, h = p === e, g = {
 		marker: l.drawMarker,
 		polyline: l.drawPolyline,
 		circle: l.drawCircle,
 		rectangle: l.drawRectangle,
 		polygon: l.drawPolygon
 	}[e];
-	k(() => {
-		f.current = r;
-	}, [r]), k(() => {
+	A(() => {
+		f.current = n;
+	}, [n]), A(() => {
 		if (!c || !h) {
 			d.current?.disable(), d.current = null;
 			return;
@@ -825,13 +844,13 @@ function Z({ drawMode: e, createDrawTool: r, className: i, children: a, ...o })
 	function _() {
 		m(h ? null : e);
 	}
-	return /* @__PURE__ */ N(n, {
+	return /* @__PURE__ */ F(i, {
 		type: "button",
 		size: "sm",
 		iconOnly: !0,
 		"aria-label": g,
 		title: g,
-		className: t(h ? Te : K, i),
+		className: t(h ? Ee : K, r),
 		tone: h ? "primary" : "secondary",
 		buttonStyle: h ? "solid" : "outline",
 		disabled: p === "edit" || p === "delete",
@@ -840,27 +859,27 @@ function Z({ drawMode: e, createDrawTool: r, className: i, children: a, ...o })
 		children: a
 	});
 }
-function vt({ ...e }) {
-	return /* @__PURE__ */ N(Z, {
+function bt({ ...e }) {
+	return /* @__PURE__ */ F(Z, {
 		drawMode: "marker",
 		createDrawTool: (t, n) => new t.Draw.Marker(n, {
 			icon: t.divIcon({
 				className: "",
 				iconAnchor: [12, 12],
-				html: U(/* @__PURE__ */ N(L, { className: "size-icon-lg" }))
+				html: H(/* @__PURE__ */ F(le, { className: "size-icon-lg" }))
 			}),
 			...e
 		}),
-		children: /* @__PURE__ */ N(L, {})
+		children: /* @__PURE__ */ F(le, {})
 	});
 }
-function yt({ showLength: e = !1, drawError: t = { color: "var(--color-destructive)" }, shapeOptions: n = {
+function xt({ showLength: e = !1, drawError: t = { color: "var(--color-destructive)" }, shapeOptions: n = {
 	color: "var(--color-primary)",
 	opacity: 1,
 	weight: 2
 }, ...r }) {
-	let i = Dt();
-	return /* @__PURE__ */ N(Z, {
+	let i = kt();
+	return /* @__PURE__ */ F(Z, {
 		drawMode: "polyline",
 		createDrawTool: (a, o) => new a.Draw.Polyline(o, {
 			...i ? {
@@ -872,46 +891,46 @@ function yt({ showLength: e = !1, drawError: t = { color: "var(--color-destructi
 			shapeOptions: n,
 			...r
 		}),
-		children: /* @__PURE__ */ N(_e, {})
+		children: /* @__PURE__ */ F(ve, {})
 	});
 }
-function bt({ showRadius: e = !1, shapeOptions: t = {
+function St({ showRadius: e = !1, shapeOptions: t = {
 	color: "var(--color-primary)",
 	opacity: 1,
 	weight: 2
 }, ...n }) {
-	return /* @__PURE__ */ N(Z, {
+	return /* @__PURE__ */ F(Z, {
 		drawMode: "circle",
 		createDrawTool: (r, i) => new r.Draw.Circle(i, {
 			showRadius: e,
 			shapeOptions: t,
 			...n
 		}),
-		children: /* @__PURE__ */ N(F, {})
+		children: /* @__PURE__ */ F(L, {})
 	});
 }
-function xt({ showArea: e = !1, shapeOptions: t = {
+function Ct({ showArea: e = !1, shapeOptions: t = {
 	color: "var(--color-primary)",
 	opacity: 1,
 	weight: 2
 }, ...n }) {
-	return /* @__PURE__ */ N(Z, {
+	return /* @__PURE__ */ F(Z, {
 		drawMode: "rectangle",
 		createDrawTool: (r, i) => new r.Draw.Rectangle(i, {
 			showArea: e,
 			shapeOptions: t,
 			...n
 		}),
-		children: /* @__PURE__ */ N(H, {})
+		children: /* @__PURE__ */ F(V, {})
 	});
 }
-function St({ drawError: e = { color: "var(--color-destructive)" }, shapeOptions: t = {
+function wt({ drawError: e = { color: "var(--color-destructive)" }, shapeOptions: t = {
 	color: "var(--color-primary)",
 	opacity: 1,
 	weight: 2
 }, ...n }) {
-	let r = Dt();
-	return /* @__PURE__ */ N(Z, {
+	let r = kt();
+	return /* @__PURE__ */ F(Z, {
 		drawMode: "polygon",
 		createDrawTool: (i, a) => new i.Draw.Polygon(a, {
 			...r ? {
@@ -922,57 +941,57 @@ function St({ drawError: e = { color: "var(--color-destructive)" }, shapeOptions
 			shapeOptions: t,
 			...n
 		}),
-		children: /* @__PURE__ */ N(V, {})
+		children: /* @__PURE__ */ F(B, {})
 	});
 }
-function Ct({ drawAction: e, createDrawTool: r, controlRef: i, className: a, children: o, ...s }) {
+function Tt({ drawAction: e, createDrawTool: n, controlRef: r, className: a, children: o, ...s }) {
 	let c = X();
 	if (!c) throw Error("MapDrawActionButton must be used within MapDrawControl");
-	let { L: l } = $(), u = q(), d = Y(), { featureGroup: f, activeMode: p, setActiveMode: m, layersCount: h } = c, g = A(r), _ = p === e, v = h > 0, y = e === "edit" ? u.editShapes : u.removeShapes;
-	k(() => {
-		g.current = r;
-	}, [r]), k(() => {
-		if (!l || !f || !_) {
-			i.current?.disable?.(), i.current = null;
+	let { L: l } = $(), u = q(), d = Y(), { featureGroup: f, activeMode: p, setActiveMode: m, layersCount: h, editControlRef: g, deleteControlRef: _ } = c, v = M(n), y = p === e, b = h > 0, x = e === "edit" ? u.editShapes : u.removeShapes;
+	A(() => {
+		v.current = n;
+	}, [n]), A(() => {
+		if (!l || !f || !y) {
+			r.current?.disable?.(), r.current = null;
 			return;
 		}
-		let e = g.current(l, d, f);
-		return e.enable?.(), i.current = e, () => {
-			e.disable?.(), i.current = null;
+		let e = v.current(l, d, f);
+		return e.enable?.(), r.current = e, () => {
+			d.hasLayer(f) && e.disable?.(), r.current = null;
 		};
 	}, [
 		l,
 		d,
-		_,
+		y,
 		f,
-		i
+		r
 	]);
-	function b() {
-		i.current?.save(), m(_ ? null : e);
+	function S() {
+		g.current?.save(), _.current?.save(), m(y ? null : e);
 	}
-	return /* @__PURE__ */ N(n, {
+	return /* @__PURE__ */ F(i, {
 		type: "button",
 		size: "sm",
 		iconOnly: !0,
-		"aria-label": y,
-		title: y,
-		tone: _ ? "primary" : "secondary",
-		buttonStyle: _ ? "solid" : "outline",
-		disabled: !v,
-		onClick: b,
-		className: t(_ ? Te : K, a),
+		"aria-label": x,
+		title: x,
+		tone: y ? "primary" : "secondary",
+		buttonStyle: y ? "solid" : "outline",
+		disabled: !b,
+		onClick: S,
+		className: t(y ? Ee : K, a),
 		...s,
 		children: o
 	});
 }
-function wt({ selectedPathOptions: e = {
+function Et({ selectedPathOptions: e = {
 	color: "var(--color-primary)",
 	fillColor: "var(--color-primary)",
 	weight: 2
 }, ...t }) {
-	let { L: n } = $(), r = q(), i = Dt(), a = X();
+	let { L: n } = $(), r = q(), i = kt(), a = X();
 	if (!a) throw Error("MapDrawEdit must be used within MapDrawControl");
-	return k(() => {
+	return A(() => {
 		n && i && (n.Edit.PolyVerticesEdit.mergeOptions({
 			icon: i,
 			touchIcon: i,
@@ -982,44 +1001,39 @@ function wt({ selectedPathOptions: e = {
 			resizeIcon: i,
 			touchMoveIcon: i,
 			touchResizeIcon: i
-		}), n.drawLocal.edit.handlers.edit.tooltip = {
-			text: r.editInstructions,
-			subtext: ""
-		}, n.drawLocal.edit.handlers.remove.tooltip = { text: r.removeInstructions });
-	}, [
-		n,
-		i,
-		r.editInstructions,
-		r.removeInstructions
-	]), /* @__PURE__ */ N(Ct, {
+		}));
+	}, [n, i]), /* @__PURE__ */ F(Tt, {
 		drawAction: "edit",
 		controlRef: a.editControlRef,
-		createDrawTool: (n, r, i) => new n.EditToolbar.Edit(r, {
-			featureGroup: i,
+		createDrawTool: (n, i, a) => (n.drawLocal.edit.handlers.edit.tooltip = {
+			text: r.editInstructions,
+			subtext: ""
+		}, new n.EditToolbar.Edit(i, {
+			featureGroup: a,
 			selectedPathOptions: e,
 			...t
-		}),
-		children: /* @__PURE__ */ N(fe, {})
+		})),
+		children: /* @__PURE__ */ F(pe, {})
 	});
 }
-function Tt() {
-	let e = X();
-	if (!e) throw Error("MapDrawDelete must be used within MapDrawControl");
-	return /* @__PURE__ */ N(Ct, {
+function Dt() {
+	let e = q(), t = X();
+	if (!t) throw Error("MapDrawDelete must be used within MapDrawControl");
+	return /* @__PURE__ */ F(Tt, {
 		drawAction: "delete",
-		controlRef: e.deleteControlRef,
-		createDrawTool: (e, t, n) => new e.EditToolbar.Delete(t, { featureGroup: n }),
-		children: /* @__PURE__ */ N(he, {})
+		controlRef: t.deleteControlRef,
+		createDrawTool: (t, n, r) => (t.drawLocal.edit.handlers.remove.tooltip = { text: e.removeInstructions }, new t.EditToolbar.Delete(n, { featureGroup: r })),
+		children: /* @__PURE__ */ F(ge, {})
 	});
 }
-function Et({ className: e, ...r }) {
-	let i = X();
-	if (!i) throw Error("MapDrawUndo must be used within MapDrawControl");
-	let a = q(), { activeMode: o, setActiveMode: s, editControlRef: c, deleteControlRef: l, layersCount: u } = i, d = o === "edit", f = o === "delete", p = (d || f) && u > 0, m = f ? a.undoRemove : a.undoEdit;
+function Ot({ className: e, ...n }) {
+	let r = X();
+	if (!r) throw Error("MapDrawUndo must be used within MapDrawControl");
+	let a = q(), { activeMode: o, setActiveMode: s, editControlRef: c, deleteControlRef: l, layersCount: u } = r, d = o === "edit", f = o === "delete", p = (d || f) && u > 0, m = f ? a.undoRemove : a.undoEdit;
 	function h() {
 		d ? c.current?.revertLayers() : f && l.current?.revertLayers(), s(null);
 	}
-	return /* @__PURE__ */ N(n, {
+	return /* @__PURE__ */ F(i, {
 		type: "button",
 		size: "sm",
 		iconOnly: !0,
@@ -1030,32 +1044,32 @@ function Et({ className: e, ...r }) {
 		onClick: h,
 		disabled: !p,
 		className: t(K, e),
-		...r,
-		children: /* @__PURE__ */ N(ge, {})
+		...n,
+		children: /* @__PURE__ */ F(_e, {})
 	});
 }
 function Q({ className: e, ...n }) {
-	let { L: r } = $(), i = A(null);
-	return k(() => {
+	let { L: r } = $(), i = M(null);
+	return A(() => {
 		if (!r) return;
 		let e = i.current;
 		e && (r.DomEvent.disableClickPropagation(e), r.DomEvent.disableScrollPropagation(e));
-	}, [r]), /* @__PURE__ */ N("div", {
+	}, [r]), /* @__PURE__ */ F("div", {
 		ref: i,
 		className: t("absolute z-1000 size-fit cursor-default", e),
 		...n
 	});
 }
-function Dt() {
+function kt() {
 	let { L: e } = $();
-	return se(() => e ? e.divIcon({
+	return j(() => e ? e.divIcon({
 		iconAnchor: [8, 8],
-		html: U(/* @__PURE__ */ N(F, { className: "fill-primary-accent stroke-primary-accent size-icon transition-transform hover:scale-110" }))
+		html: H(/* @__PURE__ */ F(L, { className: "fill-primary-accent stroke-primary-accent size-icon transition-transform hover:scale-110" }))
 	}) : null, [e]);
 }
 function $() {
-	let [e, t] = j(null), [n, r] = j(null);
-	return k(() => {
+	let [e, t] = N(null), [n, r] = N(null);
+	return A(() => {
 		async function i() {
 			let e = await import("leaflet"), n = await import("leaflet.fullscreen"), i = await import("leaflet-draw"), a = e.default;
 			a.Control && !a.Control.FullScreen && (a.Control.FullScreen = n.default || n), r(i), t(a);
@@ -1066,15 +1080,15 @@ function $() {
 		LeafletDraw: n
 	};
 }
-function Ot(e = 200) {
-	let [t, n] = j(!1), [r, i] = j(!1), a = A(null);
-	return k(() => (t ? a.current = setTimeout(() => {
+function At(e = 200) {
+	let [t, n] = N(!1), [r, i] = N(!1), a = M(null);
+	return A(() => (t ? a.current = setTimeout(() => {
 		i(!0);
 	}, e) : (a.current &&= (clearTimeout(a.current), null), i(!1)), () => {
 		a.current && clearTimeout(a.current);
 	}), [t, e]), [r, n];
 }
 //#endregion
-export { Je as Map, it as MapCircle, at as MapCircleMarker, Q as MapControlContainer, bt as MapDrawCircle, _t as MapDrawControl, Tt as MapDrawDelete, wt as MapDrawEdit, vt as MapDrawMarker, St as MapDrawPolygon, yt as MapDrawPolyline, xt as MapDrawRectangle, Et as MapDrawUndo, $e as MapFeatureGroup, ft as MapFullscreenControl, Qe as MapLayerGroup, et as MapLayers, tt as MapLayersControl, mt as MapLocateControl, nt as MapMarker, rt as MapMarkerClusterGroup, st as MapPolygon, ot as MapPolyline, lt as MapPopup, ct as MapRectangle, ht as MapSearchControl, Ze as MapTileLayer, ut as MapTooltip, dt as MapZoomControl, G as PlaceAutocomplete, De as defaultMapStrings, ye as defaultPlaceAutocompleteStrings, $ as useLeaflet };
+export { Ye as Map, ot as MapCircle, st as MapCircleMarker, Q as MapControlContainer, St as MapDrawCircle, yt as MapDrawControl, Dt as MapDrawDelete, Et as MapDrawEdit, bt as MapDrawMarker, wt as MapDrawPolygon, xt as MapDrawPolyline, Ct as MapDrawRectangle, Ot as MapDrawUndo, tt as MapFeatureGroup, mt as MapFullscreenControl, et as MapLayerGroup, nt as MapLayers, rt as MapLayersControl, gt as MapLocateControl, it as MapMarker, at as MapMarkerClusterGroup, lt as MapPolygon, ct as MapPolyline, dt as MapPopup, ut as MapRectangle, _t as MapSearchControl, Qe as MapTileLayer, ft as MapTooltip, pt as MapZoomControl, G as PlaceAutocomplete, Oe as defaultMapStrings, be as defaultPlaceAutocompleteStrings, $ as useLeaflet };
 
 //# sourceMappingURL=map.js.map