themelia-react-ui 2.0.1 → 2.0.2

package/dist/features/map.js

@@ -1,21 +1,23 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-l5LpDw2z.js";
-import { n, o as r } from "../buttons-SbIcm1HJ.js";
-import { s as i } from "../typography-DTRkE9zL.js";
-import { d as a, g as o, i as s, l as c, n as l, o as u, r as d, t as f, u as p } from "../dropdown-menu-E2qmdC7o.js";
-import { a as m, n as h, o as g, r as _, t as v } from "../command-kNR20o7x.js";
-import { c as y, o as b, t as x } from "../popover-Di55PyAI.js";
-import { a as S, c as C, o as ee } from "../text-inputs-aaK9wcDT.js";
-import { t as w } from "../use-debounce-DZ_1ZBPa.js";
-import * as T from "react";
-import { Suspense as te, createContext as E, lazy as D, useCallback as O, useContext as k, useEffect as A, useRef as j, useState as M, useSyncExternalStore as N } from "react";
-import { Fragment as ne, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { CircleIcon as I, LayersIcon as re, Loader2Icon as ie, LoaderCircleIcon as ae, MapPinIcon as L, MaximizeIcon as oe, MinimizeIcon as R, MinusIcon as z, NavigationIcon as B, PenLineIcon as se, PentagonIcon as ce, PlusIcon as le, SearchIcon as ue, SquareIcon as de, Trash2Icon as fe, Undo2Icon as pe, WaypointsIcon as V } from "lucide-react";
-import { flushSync as me } from "react-dom";
-import { renderToString as H } from "react-dom/server";
+import { t } from "../utils-BRhFDwuU.js";
+import { n, o as r } from "../buttons-DPZekJFu.js";
+import { c as i } from "../typography-UTnveOEy.js";
+import { r as a } from "../popover.recipes-D3j8R8Yp.js";
+import { d as o, g as s, i as c, l, n as u, o as d, r as f, t as p, u as m } from "../dropdown-menu-Cl4X7L5S.js";
+import { t as h } from "../layer-recipes-CCpklYME.js";
+import { a as g, n as _, o as v, r as y, t as b } from "../command-C25VMRII.js";
+import { c as x, o as S, t as C } from "../popover-7_m66eYW.js";
+import { a as ee, c as w, o as T } from "../text-inputs-f9Ia-aCi.js";
+import { t as te } from "../use-debounce-DZ_1ZBPa.js";
+import * as E from "react";
+import { Suspense as D, createContext as O, lazy as ne, useCallback as k, useContext as A, useEffect as j, useRef as M, useState as N, useSyncExternalStore as re } from "react";
+import { Fragment as ie, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { CircleIcon as I, LayersIcon as ae, Loader2Icon as oe, LoaderCircleIcon as L, MapPinIcon as se, MaximizeIcon as R, MinimizeIcon as z, MinusIcon as ce, NavigationIcon as B, PenLineIcon as le, PentagonIcon as ue, PlusIcon as de, SearchIcon as fe, SquareIcon as pe, Trash2Icon as V, Undo2Icon as me, WaypointsIcon as H } from "lucide-react";
+import { flushSync as he } from "react-dom";
+import { renderToString as U } from "react-dom/server";
 //#region src/components/features/map/place-autocomplete.tsx
-var he = {
+var ge = {
 	searchPlaceholder: "Search",
 	loading: "Searching places",
 	error: "Error: {{message}}",
@@ -23,26 +25,26 @@ var he = {
 	noResults: "Can't find {{query}}.",
 	unknownPlace: "Unknown"
 };
-function ge(e) {
+function _e(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 U({ query: e, bbox: t, lang: n, lat: r, limit: i, locationBiasScale: a, lon: o, zoom: s }) {
+function ve({ 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 _e = async (e, t) => {
-	let n = await fetch(U(e), { signal: t });
+var ye = async (e, t) => {
+	let n = await fetch(ve(e), { signal: t });
 	if (!n.ok) throw Error(`Photon API error: ${n.status} ${n.statusText}`);
 	return (await n.json()).features;
 };
-function ve({ debounceMs: e, query: t, lang: n, limit: r, bbox: i, lat: a, lon: o, zoom: s, locationBiasScale: c, searchPlaces: l = _e, 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 be({ debounceMs: e, query: t, lang: n, limit: r, bbox: i, lat: a, lon: o, zoom: s, locationBiasScale: c, searchPlaces: l = ye, 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 = w(t, e), C = i?.join(",");
-	return T.useEffect(() => {
+	let S = te(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;
@@ -96,14 +98,14 @@ function ve({ debounceMs: e, query: t, lang: n, limit: r, bbox: i, lat: a, lon:
 		retry: () => b((e) => e + 1)
 	};
 }
-function ye(e, t) {
+function xe(e, t) {
 	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => t[n] ?? e);
 }
-function be({ debounceMs: r = 300, lang: a, limit: o = 5, bbox: s, lat: c, lon: l, zoom: u, locationBiasScale: d, className: f, value: p, defaultValue: w = "", onValueChange: te, onPlaceSelect: E, onResultsChange: D, searchPlaces: O, onSearchError: k, strings: A, onFocus: j, ...M }) {
-	let N = e(he, A), [ne, I] = T.useState(w), [re, ae] = T.useState(""), [oe, R] = T.useState(!1), [z, B] = T.useState(-1), se = T.useId(), ce = T.useRef(null), le = T.useRef(null), de = T.useRef(/* @__PURE__ */ new Map()), fe = p !== void 0, pe = fe ? p : ne, { results: V, isLoading: H, error: U, hasSearched: _e, retry: be } = ve({
-		query: re,
+function W({ 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: te, onResultsChange: D, searchPlaces: O, onSearchError: ne, strings: k, onFocus: A, ...j }) {
+	let M = e(ge, k), [N, re] = E.useState(m), [ie, I] = E.useState(""), [ae, L] = E.useState(!1), [R, z] = E.useState(-1), ce = E.useId(), B = E.useRef(null), le = E.useRef(null), ue = E.useRef(/* @__PURE__ */ new Map()), de = p !== void 0, pe = de ? p : N, { results: V, isLoading: me, error: H, hasSearched: U, retry: ve } = be({
+		query: ie,
 		searchPlaces: O,
-		onSearchError: k,
+		onSearchError: ne,
 		debounceMs: r,
 		lang: a,
 		limit: o,
@@ -112,144 +114,144 @@ function be({ debounceMs: r = 300, lang: a, limit: o = 5, bbox: s, lat: c, lon:
 		lon: l,
 		zoom: u,
 		locationBiasScale: d
-	}), xe = T.useRef(D);
-	T.useEffect(() => {
-		xe.current = D;
-	}, [D]), T.useEffect(() => {
-		xe.current?.(V);
+	}), ye = E.useRef(D);
+	E.useEffect(() => {
+		ye.current = D;
+	}, [D]), E.useEffect(() => {
+		ye.current?.(V);
 	}, [V]);
-	let W = _e && !H && !U && V.length === 0, G = !!(U || W || V.length > 0), K = G && !oe, q = (e) => {
-		let t = ge(e.properties);
-		fe || I(t), ae(""), R(!0), B(-1), te?.(t), E?.(e);
+	let W = U && !me && !H && V.length === 0, Se = !!(H || W || V.length > 0), G = Se && !ae, K = (e) => {
+		let t = _e(e.properties);
+		de || re(t), I(""), L(!0), z(-1), h?.(t), te?.(e);
 	};
-	return /* @__PURE__ */ P(v, {
+	return /* @__PURE__ */ P(b, {
 		inset: "flush",
 		className: t("place-autocomplete--component", "h-fit overflow-visible", f),
-		value: z >= 0 ? String(V[z]?.properties.osm_id ?? "") : "",
+		value: R >= 0 ? String(V[R]?.properties.osm_id ?? "") : "",
 		onKeyDownCapture: (e) => {
 			if (e.target instanceof HTMLInputElement) {
-				if (e.key === "Tab" && K && (!U || e.shiftKey)) me(() => {
-					R(!0), B(-1);
+				if (e.key === "Tab" && G && (!H || e.shiftKey)) he(() => {
+					L(!0), z(-1);
 				}), le.current?.unmount();
-				else if (e.key === "Escape") R(!0), B(-1), e.preventDefault();
+				else if (e.key === "Escape") L(!0), z(-1), e.preventDefault();
 				else if (V.length && [
 					"ArrowDown",
 					"ArrowUp",
 					"Home",
 					"End"
 				].includes(e.key)) {
-					R(!1);
-					let t = e.key === "Home" ? 0 : e.key === "End" ? V.length - 1 : z < 0 ? e.key === "ArrowDown" ? 0 : V.length - 1 : (z + (e.key === "ArrowDown" ? 1 : -1) + V.length) % V.length;
-					B(t), e.preventDefault();
-				} else e.key === "Enter" && K && V[z] && (q(V[z]), e.preventDefault());
+					L(!1);
+					let t = e.key === "Home" ? 0 : e.key === "End" ? V.length - 1 : R < 0 ? e.key === "ArrowDown" ? 0 : V.length - 1 : (R + (e.key === "ArrowDown" ? 1 : -1) + V.length) % V.length;
+					z(t), e.preventDefault();
+				} else e.key === "Enter" && G && V[R] && (K(V[R]), e.preventDefault());
 			}
 		},
 		shouldFilter: !1,
 		loop: !0,
-		children: /* @__PURE__ */ F(b, {
+		children: /* @__PURE__ */ F(S, {
 			actionsRef: le,
-			open: K,
+			open: G,
 			onOpenChange: (e, t) => {
-				if (!e && t.reason === "focus-out" && document.activeElement === ce.current?.querySelector("input")) {
+				if (!e && t.reason === "focus-out" && document.activeElement === B.current?.querySelector("input")) {
 					t.cancel();
 					return;
 				}
-				e || R(!0);
+				e || L(!0);
 			},
 			children: [/* @__PURE__ */ F("div", {
-				ref: ce,
+				ref: B,
 				className: "place-autocomplete--anchor relative",
-				children: [/* @__PURE__ */ P(y, {
+				children: [/* @__PURE__ */ P(x, {
 					render: /* @__PURE__ */ P("span", {}),
 					nativeButton: !1,
 					tabIndex: -1,
 					"aria-hidden": "true",
 					className: "pointer-events-none absolute inset-0"
-				}), /* @__PURE__ */ F(S, {
+				}), /* @__PURE__ */ F(ee, {
 					className: "border-input! bg-popover! ring-0!",
 					children: [
-						/* @__PURE__ */ P(ee, { children: /* @__PURE__ */ P(ue, {}) }),
-						/* @__PURE__ */ P(C, {
+						/* @__PURE__ */ P(T, { children: /* @__PURE__ */ P(fe, {}) }),
+						/* @__PURE__ */ P(w, {
 							role: "combobox",
 							"aria-autocomplete": "list",
-							"aria-expanded": K,
-							"aria-controls": K ? se : void 0,
-							"aria-activedescendant": K && V[z] ? ((e) => de.current.get(e)?.id)(z) : void 0,
-							placeholder: N.searchPlaceholder,
+							"aria-expanded": G,
+							"aria-controls": G ? ce : void 0,
+							"aria-activedescendant": G && V[R] ? ((e) => ue.current.get(e)?.id)(R) : void 0,
+							placeholder: M.searchPlaceholder,
 							value: pe,
 							onChange: (e) => {
 								let t = e.target.value;
-								fe || I(t), R(!1), ae(t), B(-1), te?.(t);
+								de || re(t), L(!1), I(t), z(-1), h?.(t);
 							},
 							onFocus: (e) => {
-								G && R(!1), j?.(e);
+								Se && L(!1), A?.(e);
 							},
-							...M
+							...j
 						}),
-						!!H && /* @__PURE__ */ F(ee, {
+						!!me && /* @__PURE__ */ F(T, {
 							align: "inline-end",
-							children: [/* @__PURE__ */ P(ie, {
+							children: [/* @__PURE__ */ P(oe, {
 								className: "animate-spin",
 								"aria-hidden": "true"
 							}), /* @__PURE__ */ P(i, {
 								tag: "span",
 								size: "inherit",
 								className: "sr-only",
-								children: N.loading
+								children: M.loading
 							})]
 						})
 					]
 				})]
-			}), /* @__PURE__ */ P(x, {
-				"aria-label": N.searchPlaceholder,
+			}), /* @__PURE__ */ P(C, {
+				"aria-label": M.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__ */ F(g, {
-					id: se,
-					label: N.searchPlaceholder,
+				children: /* @__PURE__ */ F(v, {
+					id: ce,
+					label: M.searchPlaceholder,
 					className: "max-h-72",
 					children: [
-						!!U && /* @__PURE__ */ F(h, { children: [/* @__PURE__ */ P(i, {
+						!!H && /* @__PURE__ */ F(_, { children: [/* @__PURE__ */ P(i, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
 							align: "center",
 							className: "block",
-							children: ye(N.error, { message: U.message })
+							children: xe(M.error, { message: H.message })
 						}), /* @__PURE__ */ P(n, {
 							buttonStyle: "ghost",
 							size: "sm",
 							onClick: () => {
-								ce.current?.querySelector("input")?.focus(), R(!1), be();
+								B.current?.querySelector("input")?.focus(), L(!1), ve();
 							},
-							children: N.retry ?? he.retry
+							children: M.retry ?? ge.retry
 						})] }),
-						!!W && /* @__PURE__ */ P(h, { children: /* @__PURE__ */ P(i, {
+						!!W && /* @__PURE__ */ P(_, { children: /* @__PURE__ */ P(i, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
 							align: "center",
 							className: "block",
-							children: ye(N.noResults, { query: pe })
+							children: xe(M.noResults, { query: pe })
 						}) }),
-						V.length > 0 && /* @__PURE__ */ P(_, { children: V.map((e, t) => {
-							let n = ge(e.properties);
-							return /* @__PURE__ */ F(m, {
+						V.length > 0 && /* @__PURE__ */ P(y, { children: V.map((e, t) => {
+							let n = _e(e.properties);
+							return /* @__PURE__ */ F(g, {
 								value: String(e.properties.osm_id),
 								ref: (e) => {
-									e ? de.current.set(t, e) : de.current.delete(t);
+									e ? ue.current.set(t, e) : ue.current.delete(t);
 								},
-								onSelect: () => q(e),
-								children: [/* @__PURE__ */ P(L, {}), /* @__PURE__ */ F("div", {
+								onSelect: () => K(e),
+								children: [/* @__PURE__ */ P(se, {}), /* @__PURE__ */ F("div", {
 									className: "flex flex-col items-start text-start",
 									children: [/* @__PURE__ */ P(i, {
 										tag: "span",
 										weight: "medium",
-										children: e.properties.name || e.properties.street || N.unknownPlace
+										children: e.properties.name || e.properties.street || M.unknownPlace
 									}), /* @__PURE__ */ P(i, {
 										tag: "span",
 										size: "xs",
@@ -267,14 +269,14 @@ function be({ debounceMs: r = 300, lang: a, limit: o = 5, bbox: s, lat: c, lon:
 }
 //#endregion
 //#region src/components/features/map/use-map-color-scheme.ts
-function xe(e) {
-	let t = O(() => {
+function Se(e) {
+	let t = k(() => {
 		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 = O((t) => {
+	}, [e]), n = k((t) => {
 		let n = new MutationObserver(t);
 		for (let t = e; t; t = t.parentElement) n.observe(t, {
 			attributes: !0,
@@ -282,11 +284,11 @@ function xe(e) {
 		});
 		return () => n.disconnect();
 	}, [e]);
-	return N(n, t, () => "light");
+	return re(n, t, () => "light");
 }
 //#endregion
 //#region src/components/features/map/map.tsx
-var W = E(null), G = {
+var G = O(null), K = {
 	defaultTileLayer: "Default",
 	mapType: "Map type",
 	layers: "Layers",
@@ -314,50 +316,50 @@ var W = E(null), G = {
 	undoRemove: "Undo remove",
 	editInstructions: "Drag handles or markers to edit.",
 	removeInstructions: "Click on a shape to remove."
-}, K = E(G);
+}, Ce = O(K);
 function q() {
-	return k(K);
+	return A(Ce);
 }
-var Se = E(null), Ce = D(async () => {
+var we = O(null), Te = ne(async () => {
 	let e = await import("react-leaflet");
-	return { default: ({ children: t }) => /* @__PURE__ */ P(Se.Provider, {
+	return { default: ({ children: t }) => /* @__PURE__ */ P(we.Provider, {
 		value: e,
 		children: t
 	}) };
 });
 function J(e) {
 	return (t) => {
-		let n = k(Se);
+		let n = A(we);
 		if (!n) throw Error("Map primitives must be rendered within Map.");
 		let r = e(n);
 		return /* @__PURE__ */ P(r, { ...t });
 	};
 }
-var we = J((e) => e.MapContainer), Te = J((e) => e.TileLayer), Ee = J((e) => e.Marker), De = J((e) => e.Popup), Oe = J((e) => e.Tooltip), ke = J((e) => e.Circle), Ae = J((e) => e.CircleMarker), je = J((e) => e.Polyline), Me = J((e) => e.Polygon), Ne = J((e) => e.Rectangle), Pe = J((e) => e.LayerGroup), Fe = J((e) => e.FeatureGroup);
-function Ie(e) {
-	let t = D(e);
-	return (e) => /* @__PURE__ */ P(te, { children: /* @__PURE__ */ P(t, { ...e }) });
+var Ee = J((e) => e.MapContainer), De = J((e) => e.TileLayer), Oe = J((e) => e.Marker), ke = J((e) => e.Popup), Ae = J((e) => e.Tooltip), je = J((e) => e.Circle), Me = J((e) => e.CircleMarker), Ne = J((e) => e.Polyline), Pe = J((e) => e.Polygon), Fe = J((e) => e.Rectangle), Ie = J((e) => e.LayerGroup), Le = J((e) => e.FeatureGroup);
+function Re(e) {
+	let t = ne(e);
+	return (e) => /* @__PURE__ */ P(D, { children: /* @__PURE__ */ P(t, { ...e }) });
 }
-var Le = Ie(async () => import("react-leaflet-markercluster").then((e) => ({ default: e.default })));
-function Re({ children: e }) {
-	let t = k(Se);
+var ze = Re(async () => import("react-leaflet-markercluster").then((e) => ({ default: e.default })));
+function Be({ children: e }) {
+	let t = A(we);
 	if (!t) throw Error("Map controls must be rendered within Map.");
-	return /* @__PURE__ */ P(W.Provider, {
+	return /* @__PURE__ */ P(G.Provider, {
 		value: t,
 		children: e
 	});
 }
 function Y() {
-	let e = k(W);
+	let e = A(G);
 	if (!e) throw Error("Map controls must be rendered within Map.");
 	return e.useMap();
 }
-function ze(e) {
-	let t = k(W);
+function Ve(e) {
+	let t = A(G);
 	if (!t) throw Error("Map controls must be rendered within Map.");
 	return t.useMapEvents(e);
 }
-function Be(e, t) {
+function He(e, t) {
 	if (e) {
 		if (typeof e == "function") {
 			e(t);
@@ -366,19 +368,19 @@ function Be(e, t) {
 		e.current = t;
 	}
 }
-function Ve({ zoom: n = 15, maxZoom: r = 18, className: i, children: a, strings: o, ref: s, ...c }) {
-	let l = e(G, o), u = j(null), d = O((e) => {
+function Ue({ zoom: n = 15, maxZoom: r = 18, className: i, children: a, strings: o, ref: s, ...c }) {
+	let l = e(K, o), u = M(null), d = k((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);
 		}
-		Be(s, e);
-	}, [s]), [f, p] = M(!1);
-	return A(() => {
+		He(s, e);
+	}, [s]), [f, p] = N(!1);
+	return j(() => {
 		p(!0);
-	}, []), f ? /* @__PURE__ */ P(te, { children: /* @__PURE__ */ P(Ce, { children: /* @__PURE__ */ P(we, {
+	}, []), f ? /* @__PURE__ */ P(D, { children: /* @__PURE__ */ P(Te, { children: /* @__PURE__ */ P(Ee, {
 		ref: d,
 		zoom: n,
 		maxZoom: r,
@@ -386,21 +388,21 @@ function Ve({ 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-radius", i),
 		...c,
-		children: /* @__PURE__ */ P(K.Provider, {
+		children: /* @__PURE__ */ P(Ce.Provider, {
 			value: l,
-			children: /* @__PURE__ */ P(Re, { children: a })
+			children: /* @__PURE__ */ P(Be, { children: a })
 		})
 	}) }) }) : null;
 }
-var He = E(null);
-function Ue() {
-	return k(He);
+var We = O(null);
+function Ge() {
+	return A(We);
 }
-function We({ name: e, url: t, attribution: n, darkUrl: r, darkAttribution: i, ...a }) {
+function Ke({ 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 = k(He), u = xe(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 A(() => {
+	let l = A(We), u = Se(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 j(() => {
 		l && l.registerTileLayer({
 			name: s,
 			url: d,
@@ -411,15 +413,15 @@ function We({ name: e, url: t, attribution: n, darkUrl: r, darkAttribution: i, .
 		s,
 		f,
 		d
-	]), l && l.selectedTileLayer !== s ? null : /* @__PURE__ */ P(Te, {
+	]), l && l.selectedTileLayer !== s ? null : /* @__PURE__ */ P(De, {
 		url: d,
 		attribution: f,
 		...a
 	});
 }
-function Ge({ name: e, disabled: t, ...n }) {
-	let r = Ue();
-	return A(() => {
+function qe({ name: e, disabled: t, ...n }) {
+	let r = Ge();
+	return j(() => {
 		r && r.registerLayerGroup({
 			name: e,
 			disabled: t
@@ -428,11 +430,11 @@ function Ge({ name: e, disabled: t, ...n }) {
 		r,
 		e,
 		t
-	]), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ P(Pe, { ...n });
+	]), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ P(Ie, { ...n });
 }
-function Ke({ name: e, disabled: t, ...n }) {
-	let r = Ue();
-	return A(() => {
+function Je({ name: e, disabled: t, ...n }) {
+	let r = Ge();
+	return j(() => {
 		r && r.registerLayerGroup({
 			name: e,
 			disabled: t
@@ -441,17 +443,17 @@ function Ke({ name: e, disabled: t, ...n }) {
 		r,
 		e,
 		t
-	]), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ P(Fe, { ...n });
+	]), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ P(Le, { ...n });
 }
-function qe({ defaultTileLayer: e, defaultLayerGroups: t = [], ...n }) {
-	let [r, i] = M([]), [a, o] = M(e || ""), [s, c] = M([]), [l, u] = M(t);
+function Ye({ defaultTileLayer: e, defaultLayerGroups: t = [], ...n }) {
+	let [r, i] = N([]), [a, o] = N(e || ""), [s, c] = N([]), [l, u] = N(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 A(() => {
+	return j(() => {
 		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;
@@ -464,7 +466,7 @@ function qe({ defaultTileLayer: e, defaultLayerGroups: t = [], ...n }) {
 		a,
 		s,
 		t
-	]), /* @__PURE__ */ P(He.Provider, {
+	]), /* @__PURE__ */ P(We.Provider, {
 		value: {
 			registerTileLayer: d,
 			tileLayers: r,
@@ -478,8 +480,8 @@ function qe({ defaultTileLayer: e, defaultLayerGroups: t = [], ...n }) {
 		...n
 	});
 }
-function Je({ tileLayersLabel: e, layerGroupsLabel: r, position: i = "top-1 right-1", className: m, ...h }) {
-	let g = q(), _ = Ue();
+function Xe({ tileLayersLabel: e, layerGroupsLabel: r, position: i = "top-1 right-1", className: a, ...h }) {
+	let g = q(), _ = Ge();
 	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;
@@ -487,7 +489,7 @@ function Je({ tileLayersLabel: e, layerGroupsLabel: r, position: i = "top-1 righ
 		C(t ? [...S, e] : S.filter((t) => t !== e));
 	}
 	let w = v.length > 1, T = x.length > 0;
-	return !w && !T ? null : /* @__PURE__ */ F(f, { children: [/* @__PURE__ */ P(o, { render: (e) => /* @__PURE__ */ P(n, {
+	return !w && !T ? null : /* @__PURE__ */ F(p, { children: [/* @__PURE__ */ P(s, { render: (e) => /* @__PURE__ */ P(n, {
 		...e,
 		type: "button",
 		tone: "secondary",
@@ -495,23 +497,23 @@ function Je({ tileLayersLabel: e, layerGroupsLabel: r, position: i = "top-1 righ
 		iconOnly: !0,
 		"aria-label": g.selectLayers,
 		title: g.selectLayers,
-		className: t("border-border absolute z-1000 border", i, m, e.className),
+		className: t("border-border absolute z-1000 border", i, a, e.className),
 		...h,
-		children: /* @__PURE__ */ P(re, {})
-	}) }), /* @__PURE__ */ F(d, {
+		children: /* @__PURE__ */ P(ae, {})
+	}) }), /* @__PURE__ */ F(f, {
 		align: "end",
 		className: "z-1000",
 		children: [
-			!!w && /* @__PURE__ */ P(ne, { children: /* @__PURE__ */ F(c, {
+			!!w && /* @__PURE__ */ P(ie, { children: /* @__PURE__ */ F(l, {
 				value: y,
 				onValueChange: b,
-				children: [/* @__PURE__ */ P(u, { children: e ?? g.mapType }), v.map((e) => /* @__PURE__ */ P(p, {
+				children: [/* @__PURE__ */ P(d, { children: e ?? g.mapType }), v.map((e) => /* @__PURE__ */ P(m, {
 					value: e.name,
 					children: e.name
 				}, e.name))]
 			}) }),
-			!!w && !!T && /* @__PURE__ */ P(a, {}),
-			!!T && /* @__PURE__ */ F(s, { children: [/* @__PURE__ */ P(u, { children: r ?? g.layers }), x.map((e) => /* @__PURE__ */ P(l, {
+			!!w && !!T && /* @__PURE__ */ P(o, {}),
+			!!T && /* @__PURE__ */ F(c, { children: [/* @__PURE__ */ P(d, { children: r ?? g.layers }), x.map((e) => /* @__PURE__ */ P(u, {
 				checked: S.includes(e.name),
 				disabled: e.disabled,
 				onCheckedChange: (t) => ee(e.name, t),
@@ -520,20 +522,20 @@ function Je({ tileLayersLabel: e, layerGroupsLabel: r, position: i = "top-1 righ
 		]
 	})] });
 }
-function Ye({ icon: e = /* @__PURE__ */ P(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 = j(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) => {
+function Ze({ icon: e = /* @__PURE__ */ P(se, { 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 = k((e) => {
 		let t = e?.getElement();
 		t && (t.setAttribute("aria-label", d), t.getAttribute("title") || t.setAttribute("title", d));
-	}, [d]), m = O((e) => {
-		u.current = e, Be(o, e), p(e);
+	}, [d]), m = k((e) => {
+		u.current = e, He(o, e), p(e);
 	}, [o, p]);
-	return A(() => {
+	return j(() => {
 		p(u.current);
-	}, [p]), c ? /* @__PURE__ */ P(Ee, {
+	}, [p]), c ? /* @__PURE__ */ P(Oe, {
 		ref: m,
 		icon: c.divIcon({
 			className: "",
-			html: H(e),
+			html: U(e),
 			iconAnchor: t,
 			...n ? { bgPos: n } : {},
 			...r ? { popupAnchor: r } : {},
@@ -544,55 +546,55 @@ function Ye({ icon: e = /* @__PURE__ */ P(L, { className: "size-icon-lg fill-bac
 		title: f
 	}) : null;
 }
-function Xe({ polygonOptions: e = { className: "fill-foreground stroke-foreground stroke-2" }, spiderLegPolylineOptions: t = { className: "fill-foreground stroke-foreground stroke-2" }, icon: n, ...r }) {
+function Qe({ 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__ */ P(Le, {
+	return i ? /* @__PURE__ */ P(ze, {
 		polygonOptions: e,
 		spiderLegPolylineOptions: t,
 		iconCreateFunction: n ? (e) => {
 			let t = n(e.getChildCount());
-			return i.divIcon({ html: H(t) });
+			return i.divIcon({ html: U(t) });
 		} : void 0,
 		...r
 	}) : null;
 }
-function Ze({ className: e, ...n }) {
-	return /* @__PURE__ */ P(ke, {
+function $e({ className: e, ...n }) {
+	return /* @__PURE__ */ P(je, {
 		className: t("fill-foreground stroke-foreground stroke-2", e),
 		...n
 	});
 }
-function Qe({ className: e, ...n }) {
-	return /* @__PURE__ */ P(Ae, {
+function et({ className: e, ...n }) {
+	return /* @__PURE__ */ P(Me, {
 		className: t("fill-foreground stroke-foreground stroke-2", e),
 		...n
 	});
 }
-function $e({ className: e, ...n }) {
-	return /* @__PURE__ */ P(je, {
+function tt({ className: e, ...n }) {
+	return /* @__PURE__ */ P(Ne, {
 		className: t("fill-foreground stroke-foreground stroke-2", e),
 		...n
 	});
 }
-function et({ className: e, ...n }) {
-	return /* @__PURE__ */ P(Me, {
+function nt({ className: e, ...n }) {
+	return /* @__PURE__ */ P(Pe, {
 		className: t("fill-foreground stroke-foreground stroke-2", e),
 		...n
 	});
 }
-function tt({ className: e, ...n }) {
-	return /* @__PURE__ */ P(Ne, {
+function rt({ className: e, ...n }) {
+	return /* @__PURE__ */ P(Fe, {
 		className: t("fill-foreground stroke-foreground stroke-2", e),
 		...n
 	});
 }
-function nt({ className: e, ...n }) {
-	return /* @__PURE__ */ P(De, {
-		className: t("map-popup--component border-border bg-popover text-popover-foreground animate-in fade-out-0 fade-in-0 zoom-out-95 zoom-in-95 slide-in-from-bottom-2 z-50 w-72 rounded-radius border p-surface font-sans shadow-md outline-hidden", e),
+function it({ className: e, ...n }) {
+	return /* @__PURE__ */ P(ke, {
+		className: t("map-popup--component", a.surface, a.display, h.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),
 		...n
 	});
 }
-function rt({ className: e, children: n, side: r = "top", sideOffset: i = 15, ...a }) {
+function at({ className: e, children: n, side: r = "top", sideOffset: i = 15, ...a }) {
 	let o = {
 		top: "bottom-0.5 left-1/2 -translate-x-1/2 translate-y-1/2",
 		bottom: "top-0.5 left-1/2 -translate-x-1/2 -translate-y-1/2",
@@ -604,7 +606,7 @@ function rt({ className: e, children: n, side: r = "top", sideOffset: i = 15, ..
 		left: [-i, 0],
 		right: [i, 0]
 	};
-	return /* @__PURE__ */ F(Oe, {
+	return /* @__PURE__ */ F(Ae, {
 		className: t("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 relative z-50 w-fit text-xs text-balance transition-opacity", e),
 		"data-side": r,
 		direction: r,
@@ -614,9 +616,9 @@ function rt({ className: e, children: n, side: r = "top", sideOffset: i = 15, ..
 		children: [n, /* @__PURE__ */ P("div", { className: t("bg-foreground fill-foreground absolute z-50 size-2.5 rotate-45 rounded-[2px]", o[r]) })]
 	});
 }
-function it({ position: e = "top-1 left-1", className: i, ...a }) {
-	let o = Y(), s = q(), [c, l] = M(o.getZoom());
-	return ze({ zoomend: () => {
+function ot({ position: e = "top-1 left-1", className: i, ...a }) {
+	let o = Y(), s = q(), [c, l] = N(o.getZoom());
+	return Ve({ zoomend: () => {
 		l(o.getZoom());
 	} }), /* @__PURE__ */ P(Q, {
 		className: t(e, i),
@@ -634,7 +636,7 @@ function it({ position: e = "top-1 left-1", className: i, ...a }) {
 				className: "border-border border",
 				disabled: c >= o.getMaxZoom(),
 				onClick: () => o.zoomIn(),
-				children: /* @__PURE__ */ P(le, {})
+				children: /* @__PURE__ */ P(de, {})
 			}), /* @__PURE__ */ P(n, {
 				type: "button",
 				size: "sm",
@@ -645,14 +647,14 @@ function it({ position: e = "top-1 left-1", className: i, ...a }) {
 				className: "border-border border",
 				disabled: c <= o.getMinZoom(),
 				onClick: () => o.zoomOut(),
-				children: /* @__PURE__ */ P(z, {})
+				children: /* @__PURE__ */ P(ce, {})
 			})]
 		})
 	});
 }
-function at({ position: e = "top-1 right-1", className: r, ...i }) {
-	let a = Y(), o = q(), [s, c] = M(!1), { L: l } = $();
-	return A(() => {
+function st({ position: e = "top-1 right-1", className: r, ...i }) {
+	let a = Y(), o = q(), [s, c] = N(!1), { L: l } = $();
+	return j(() => {
 		if (!l) return;
 		let e = new l.Control.FullScreen();
 		e.addTo(a);
@@ -674,18 +676,18 @@ function at({ position: e = "top-1 right-1", className: r, ...i }) {
 			title: s ? o.exitFullscreen : o.enterFullscreen,
 			className: "border-border border",
 			...i,
-			children: P(s ? R : oe, {})
+			children: P(s ? z : R, {})
 		})
 	});
 }
-function ot() {
+function ct() {
 	return /* @__PURE__ */ F("div", {
 		className: "absolute -top-1 -right-1 flex size-icon-sm rounded-full",
 		children: [/* @__PURE__ */ P("div", { className: "bg-primary absolute inline-flex size-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ P("div", { className: "bg-primary relative inline-flex size-icon-sm rounded-full" })]
 	});
 }
-function st({ watch: e = !1, onLocationFound: r, onLocationError: i, position: a = "right-1 bottom-1", className: o, ...s }) {
-	let c = Y(), l = q(), [u, d] = xt(200), [f, p] = M(null), m = f !== null, h = O(() => {
+function lt({ watch: e = !1, onLocationFound: r, onLocationError: i, position: a = "right-1 bottom-1", className: o, ...s }) {
+	let c = Y(), l = q(), [u, d] = Ct(200), [f, p] = N(null), m = f !== null, h = k(() => {
 		d(!0), c.locate({
 			setView: !0,
 			maxZoom: c.getMaxZoom(),
@@ -701,14 +703,14 @@ function st({ watch: e = !1, onLocationFound: r, onLocationError: i, position: a
 		r,
 		d,
 		e
-	]), g = O(() => {
+	]), g = k(() => {
 		c.stopLocate(), c.off("locationfound"), c.off("locationerror"), p(null), d(!1);
-	}, [c, d]), _ = m ? g : h, v = u ? l.locating : m ? l.stopTracking : l.trackLocation, y = u ? l.locating : m ? l.stopLocationTracking : l.startLocationTracking, b = m && f ? /* @__PURE__ */ P(Ye, {
+	}, [c, d]), _ = m ? g : h, v = u ? l.locating : m ? l.stopTracking : l.trackLocation, y = u ? l.locating : m ? l.stopLocationTracking : l.startLocationTracking, b = m && f ? /* @__PURE__ */ P(Ze, {
 		position: f,
-		icon: /* @__PURE__ */ P(ot, {}),
+		icon: /* @__PURE__ */ P(ct, {}),
 		ariaLabel: l.currentLocation
 	}) : null;
-	return A(() => () => g(), [g]), /* @__PURE__ */ F(Q, {
+	return j(() => () => g(), [g]), /* @__PURE__ */ F(Q, {
 		className: t(a, o),
 		children: [/* @__PURE__ */ P(n, {
 			type: "button",
@@ -721,31 +723,31 @@ function st({ watch: e = !1, onLocationFound: r, onLocationError: i, position: a
 			"aria-label": y,
 			className: "border-border border",
 			...s,
-			children: u ? /* @__PURE__ */ P(ae, { className: "animate-spin" }) : /* @__PURE__ */ P(B, {})
+			children: u ? /* @__PURE__ */ P(L, { className: "animate-spin" }) : /* @__PURE__ */ P(B, {})
 		}), b]
 	});
 }
-function ct({ position: e = "top-1 left-1", className: n, ...r }) {
+function ut({ position: e = "top-1 left-1", className: n, ...r }) {
 	return /* @__PURE__ */ P(Q, {
 		className: t("z-1001 w-60", e, n),
-		children: /* @__PURE__ */ P(be, { ...r })
+		children: /* @__PURE__ */ P(W, { ...r })
 	});
 }
-var lt = E(null);
+var dt = O(null);
 function X() {
-	return k(lt);
+	return A(dt);
 }
-function ut({ onLayersChange: e, position: n = "bottom-1 left-1", className: i, ...a }) {
-	let { L: o, LeafletDraw: s } = $(), c = Y(), l = j(null), u = j(null), d = j(null), [f, p] = M(null), [m, h] = M(0), g = O(() => {
+function ft({ onLayersChange: e, position: n = "bottom-1 left-1", className: i, ...a }) {
+	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 = k(() => {
 		l.current && h(l.current.getLayers().length);
-	}, []), _ = O((t) => {
+	}, []), _ = k((t) => {
 		if (!l.current) return;
 		let { layer: n } = t;
 		l.current.addLayer(n), e?.(l.current), g(), p(null);
-	}, [e, g]), v = O(() => {
+	}, [e, g]), v = k(() => {
 		l.current && (e?.(l.current), g(), p(null));
 	}, [e, g]);
-	return A(() => {
+	return j(() => {
 		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);
 		};
@@ -755,7 +757,7 @@ function ut({ onLayersChange: e, position: n = "bottom-1 left-1", className: i,
 		c,
 		_,
 		v
-	]), /* @__PURE__ */ F(lt.Provider, {
+	]), /* @__PURE__ */ F(dt.Provider, {
 		value: {
 			featureGroup: l.current,
 			activeMode: f,
@@ -764,7 +766,7 @@ function ut({ onLayersChange: e, position: n = "bottom-1 left-1", className: i,
 			deleteControlRef: d,
 			layersCount: m
 		},
-		children: [/* @__PURE__ */ P(Fe, { ref: l }), /* @__PURE__ */ P(Q, {
+		children: [/* @__PURE__ */ P(Le, { ref: l }), /* @__PURE__ */ P(Q, {
 			className: t(n, i),
 			children: /* @__PURE__ */ P(r, {
 				orientation: "vertical",
@@ -776,14 +778,14 @@ function ut({ onLayersChange: e, position: n = "bottom-1 left-1", className: i,
 function Z({ drawMode: e, createDrawTool: r, className: i, children: a, ...o }) {
 	let s = X();
 	if (!s) throw Error("MapDrawShapeButton must be used within MapDrawControl");
-	let { L: c } = $(), l = q(), u = Y(), d = j(null), { activeMode: f, setActiveMode: p } = s, m = f === e, h = {
+	let { L: c } = $(), l = q(), u = Y(), d = M(null), { activeMode: f, setActiveMode: p } = s, m = f === e, h = {
 		marker: l.drawMarker,
 		polyline: l.drawPolyline,
 		circle: l.drawCircle,
 		rectangle: l.drawRectangle,
 		polygon: l.drawPolygon
 	}[e];
-	A(() => {
+	j(() => {
 		if (!c || !m) {
 			d.current?.disable(), d.current = null;
 			return;
@@ -815,26 +817,26 @@ function Z({ drawMode: e, createDrawTool: r, className: i, children: a, ...o })
 		children: a
 	});
 }
-function dt({ ...e }) {
+function pt({ ...e }) {
 	return /* @__PURE__ */ P(Z, {
 		drawMode: "marker",
 		createDrawTool: (t, n) => new t.Draw.Marker(n, {
 			icon: t.divIcon({
 				className: "",
 				iconAnchor: [12, 12],
-				html: H(/* @__PURE__ */ P(L, { className: "size-icon-lg" }))
+				html: U(/* @__PURE__ */ P(se, { className: "size-icon-lg" }))
 			}),
 			...e
 		}),
-		children: /* @__PURE__ */ P(L, {})
+		children: /* @__PURE__ */ P(se, {})
 	});
 }
-function ft({ showLength: e = !1, drawError: t = { color: "var(--color-destructive)" }, shapeOptions: n = {
+function mt({ showLength: e = !1, drawError: t = { color: "var(--color-destructive)" }, shapeOptions: n = {
 	color: "var(--color-primary)",
 	opacity: 1,
 	weight: 2
 }, ...r }) {
-	let i = bt();
+	let i = St();
 	return /* @__PURE__ */ P(Z, {
 		drawMode: "polyline",
 		createDrawTool: (a, o) => new a.Draw.Polyline(o, {
@@ -847,10 +849,10 @@ function ft({ showLength: e = !1, drawError: t = { color: "var(--color-destructi
 			shapeOptions: n,
 			...r
 		}),
-		children: /* @__PURE__ */ P(V, {})
+		children: /* @__PURE__ */ P(H, {})
 	});
 }
-function pt({ showRadius: e = !1, shapeOptions: t = {
+function ht({ showRadius: e = !1, shapeOptions: t = {
 	color: "var(--color-primary)",
 	opacity: 1,
 	weight: 2
@@ -865,7 +867,7 @@ function pt({ showRadius: e = !1, shapeOptions: t = {
 		children: /* @__PURE__ */ P(I, {})
 	});
 }
-function mt({ showArea: e = !1, shapeOptions: t = {
+function gt({ showArea: e = !1, shapeOptions: t = {
 	color: "var(--color-primary)",
 	opacity: 1,
 	weight: 2
@@ -877,15 +879,15 @@ function mt({ showArea: e = !1, shapeOptions: t = {
 			shapeOptions: t,
 			...n
 		}),
-		children: /* @__PURE__ */ P(de, {})
+		children: /* @__PURE__ */ P(pe, {})
 	});
 }
-function ht({ drawError: e = { color: "var(--color-destructive)" }, shapeOptions: t = {
+function _t({ drawError: e = { color: "var(--color-destructive)" }, shapeOptions: t = {
 	color: "var(--color-primary)",
 	opacity: 1,
 	weight: 2
 }, ...n }) {
-	let r = bt();
+	let r = St();
 	return /* @__PURE__ */ P(Z, {
 		drawMode: "polygon",
 		createDrawTool: (i, a) => new i.Draw.Polygon(a, {
@@ -897,14 +899,14 @@ function ht({ drawError: e = { color: "var(--color-destructive)" }, shapeOptions
 			shapeOptions: t,
 			...n
 		}),
-		children: /* @__PURE__ */ P(ce, {})
+		children: /* @__PURE__ */ P(ue, {})
 	});
 }
-function gt({ drawAction: e, createDrawTool: r, controlRef: i, className: a, children: o, ...s }) {
+function vt({ drawAction: e, createDrawTool: r, controlRef: i, 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 = p === e, _ = h > 0, v = e === "edit" ? u.editShapes : u.removeShapes;
-	A(() => {
+	j(() => {
 		if (!l || !f || !g) {
 			i.current?.disable?.(), i.current = null;
 			return;
@@ -938,14 +940,14 @@ function gt({ drawAction: e, createDrawTool: r, controlRef: i, className: a, chi
 		children: o
 	});
 }
-function _t({ selectedPathOptions: e = {
+function yt({ selectedPathOptions: e = {
 	color: "var(--color-primary)",
 	fillColor: "var(--color-primary)",
 	weight: 2
 }, ...t }) {
-	let { L: n } = $(), r = q(), i = bt(), a = X();
+	let { L: n } = $(), r = q(), i = St(), a = X();
 	if (!a) throw Error("MapDrawEdit must be used within MapDrawControl");
-	return A(() => {
+	return j(() => {
 		n && i && (n.Edit.PolyVerticesEdit.mergeOptions({
 			icon: i,
 			touchIcon: i,
@@ -964,7 +966,7 @@ function _t({ selectedPathOptions: e = {
 		i,
 		r.editInstructions,
 		r.removeInstructions
-	]), /* @__PURE__ */ P(gt, {
+	]), /* @__PURE__ */ P(vt, {
 		drawAction: "edit",
 		controlRef: a.editControlRef,
 		createDrawTool: (n, r, i) => new n.EditToolbar.Edit(r, {
@@ -972,20 +974,20 @@ function _t({ selectedPathOptions: e = {
 			selectedPathOptions: e,
 			...t
 		}),
-		children: /* @__PURE__ */ P(se, {})
+		children: /* @__PURE__ */ P(le, {})
 	});
 }
-function vt() {
+function bt() {
 	let e = X();
 	if (!e) throw Error("MapDrawDelete must be used within MapDrawControl");
-	return /* @__PURE__ */ P(gt, {
+	return /* @__PURE__ */ P(vt, {
 		drawAction: "delete",
 		controlRef: e.deleteControlRef,
 		createDrawTool: (e, t, n) => new e.EditToolbar.Delete(t, { featureGroup: n }),
-		children: /* @__PURE__ */ P(fe, {})
+		children: /* @__PURE__ */ P(V, {})
 	});
 }
-function yt({ className: e, ...r }) {
+function xt({ 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;
@@ -1003,12 +1005,12 @@ function yt({ className: e, ...r }) {
 		disabled: !p,
 		className: t("border-border border", e),
 		...r,
-		children: /* @__PURE__ */ P(pe, {})
+		children: /* @__PURE__ */ P(me, {})
 	});
 }
 function Q({ className: e, ...n }) {
-	let { L: r } = $(), i = j(null);
-	return A(() => {
+	let { L: r } = $(), i = M(null);
+	return j(() => {
 		if (!r) return;
 		let e = i.current;
 		e && (r.DomEvent.disableClickPropagation(e), r.DomEvent.disableScrollPropagation(e));
@@ -1018,16 +1020,16 @@ function Q({ className: e, ...n }) {
 		...n
 	});
 }
-function bt() {
+function St() {
 	let { L: e } = $();
 	return e ? e.divIcon({
 		iconAnchor: [8, 8],
-		html: H(/* @__PURE__ */ P(I, { className: "fill-primary-accent stroke-primary-accent size-icon transition-transform hover:scale-110" }))
+		html: U(/* @__PURE__ */ P(I, { className: "fill-primary-accent stroke-primary-accent size-icon transition-transform hover:scale-110" }))
 	}) : null;
 }
 function $() {
-	let [e, t] = M(null), [n, r] = M(null);
-	return A(() => {
+	let [e, t] = N(null), [n, r] = N(null);
+	return j(() => {
 		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);
@@ -1038,15 +1040,15 @@ function $() {
 		LeafletDraw: n
 	};
 }
-function xt(e = 200) {
-	let [t, n] = M(!1), [r, i] = M(!1), a = j(null);
-	return A(() => (t ? a.current = setTimeout(() => {
+function Ct(e = 200) {
+	let [t, n] = N(!1), [r, i] = N(!1), a = M(null);
+	return j(() => (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 { Ve as Map, Ze as MapCircle, Qe as MapCircleMarker, Q as MapControlContainer, pt as MapDrawCircle, ut as MapDrawControl, vt as MapDrawDelete, _t as MapDrawEdit, dt as MapDrawMarker, ht as MapDrawPolygon, ft as MapDrawPolyline, mt as MapDrawRectangle, yt as MapDrawUndo, Ke as MapFeatureGroup, at as MapFullscreenControl, Ge as MapLayerGroup, qe as MapLayers, Je as MapLayersControl, st as MapLocateControl, Ye as MapMarker, Xe as MapMarkerClusterGroup, et as MapPolygon, $e as MapPolyline, nt as MapPopup, tt as MapRectangle, ct as MapSearchControl, We as MapTileLayer, rt as MapTooltip, it as MapZoomControl, be as PlaceAutocomplete, G as defaultMapStrings, he as defaultPlaceAutocompleteStrings, $ as useLeaflet };
+export { Ue as Map, $e as MapCircle, et as MapCircleMarker, Q as MapControlContainer, ht as MapDrawCircle, ft as MapDrawControl, bt as MapDrawDelete, yt as MapDrawEdit, pt as MapDrawMarker, _t as MapDrawPolygon, mt as MapDrawPolyline, gt as MapDrawRectangle, xt as MapDrawUndo, Je as MapFeatureGroup, st as MapFullscreenControl, qe as MapLayerGroup, Ye as MapLayers, Xe as MapLayersControl, lt as MapLocateControl, Ze as MapMarker, Qe as MapMarkerClusterGroup, nt as MapPolygon, tt as MapPolyline, it as MapPopup, rt as MapRectangle, ut as MapSearchControl, Ke as MapTileLayer, at as MapTooltip, ot as MapZoomControl, W as PlaceAutocomplete, K as defaultMapStrings, ge as defaultPlaceAutocompleteStrings, $ as useLeaflet };
 
 //# sourceMappingURL=map.js.map