themelia-react-ui 0.0.0-stage → 1.0.1

package/dist/features/map.js

@@ -0,0 +1,1052 @@
+"use client";
+import { useStrings as e } from "../lib/strings.js";
+import { t } from "../utils-C2EKeIw3.js";
+import { n, p as r } from "../buttons-Co6GavvM.js";
+import { a as i } from "../typography-Cv8MT-82.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-BlnyHr-9.js";
+import { a as m, n as h, o as g, r as _, t as v } from "../command-C0xe7u9B.js";
+import { c as y, o as b, t as x } from "../popover-CoLDEg19.js";
+import { a as S, c as C, o as ee } from "../text-inputs-Dh9XGyiS.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";
+//#region src/components/features/map/place-autocomplete.tsx
+var he = {
+	searchPlaceholder: "Search",
+	loading: "Searching places",
+	error: "Error: {{message}}",
+	retry: "Retry",
+	noResults: "Can't find {{query}}.",
+	unknownPlace: "Unknown"
+};
+function ge(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 }) {
+	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 });
+	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(() => {
+		x.current = u;
+	}, [u]);
+	let S = w(t, e), C = i?.join(",");
+	return T.useEffect(() => {
+		if (f((e) => e.length ? [] : e), g(null), !t.trim() || t !== S) {
+			m(!1), v(!1);
+			return;
+		}
+		let e = new AbortController(), { signal: i } = e;
+		m(!0), v(!0);
+		async function u() {
+			try {
+				let e = await l({
+					query: S,
+					lang: n,
+					limit: r,
+					bbox: C ? C.split(",").map(Number) : void 0,
+					lat: a,
+					lon: o,
+					zoom: s,
+					locationBiasScale: c
+				}, i);
+				if (i.aborted) return;
+				let t = /* @__PURE__ */ new Set();
+				f(e.filter((e) => {
+					let n = e.properties.osm_id;
+					return !t.has(n) && (t.add(n), !0);
+				}));
+			} catch (e) {
+				if (i.aborted || e instanceof Error && e.name === "AbortError") return;
+				let t = e instanceof Error ? e : Error(String(e));
+				g(t), x.current?.(t);
+			} finally {
+				i.aborted || m(!1);
+			}
+		}
+		return u(), () => e.abort();
+	}, [
+		t,
+		S,
+		n,
+		r,
+		C,
+		a,
+		o,
+		s,
+		c,
+		l,
+		y
+	]), {
+		results: d,
+		isLoading: p,
+		error: h,
+		hasSearched: _,
+		retry: () => b((e) => e + 1)
+	};
+}
+function ye(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,
+		searchPlaces: O,
+		onSearchError: k,
+		debounceMs: r,
+		lang: a,
+		limit: o,
+		bbox: s,
+		lat: c,
+		lon: l,
+		zoom: u,
+		locationBiasScale: d
+	}), xe = T.useRef(D);
+	T.useEffect(() => {
+		xe.current = D;
+	}, [D]), T.useEffect(() => {
+		xe.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);
+	};
+	return /* @__PURE__ */ P(v, {
+		inset: "flush",
+		className: t("place-autocomplete--component", "h-fit overflow-visible", f),
+		value: z >= 0 ? String(V[z]?.properties.osm_id ?? "") : "",
+		onKeyDownCapture: (e) => {
+			if (e.target instanceof HTMLInputElement) {
+				if (e.key === "Tab" && K && (!U || e.shiftKey)) me(() => {
+					R(!0), B(-1);
+				}), le.current?.unmount();
+				else if (e.key === "Escape") R(!0), B(-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());
+			}
+		},
+		shouldFilter: !1,
+		loop: !0,
+		children: /* @__PURE__ */ F(b, {
+			actionsRef: le,
+			open: K,
+			onOpenChange: (e, t) => {
+				if (!e && t.reason === "focus-out" && document.activeElement === ce.current?.querySelector("input")) {
+					t.cancel();
+					return;
+				}
+				e || R(!0);
+			},
+			children: [/* @__PURE__ */ F("div", {
+				ref: ce,
+				className: "place-autocomplete--anchor relative",
+				children: [/* @__PURE__ */ P(y, {
+					render: /* @__PURE__ */ P("span", {}),
+					nativeButton: !1,
+					tabIndex: -1,
+					"aria-hidden": "true",
+					className: "pointer-events-none absolute inset-0"
+				}), /* @__PURE__ */ F(S, {
+					className: "border-input! bg-popover! ring-0!",
+					children: [
+						/* @__PURE__ */ P(ee, { children: /* @__PURE__ */ P(ue, {}) }),
+						/* @__PURE__ */ P(C, {
+							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,
+							value: pe,
+							onChange: (e) => {
+								let t = e.target.value;
+								fe || I(t), R(!1), ae(t), B(-1), te?.(t);
+							},
+							onFocus: (e) => {
+								G && R(!1), j?.(e);
+							},
+							...M
+						}),
+						!!H && /* @__PURE__ */ F(ee, {
+							align: "inline-end",
+							children: [/* @__PURE__ */ P(ie, {
+								className: "animate-spin",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ P(i, {
+								tag: "span",
+								size: "inherit",
+								className: "sr-only",
+								children: N.loading
+							})]
+						})
+					]
+				})]
+			}), /* @__PURE__ */ P(x, {
+				"aria-label": N.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,
+					className: "max-h-72",
+					children: [
+						!!U && /* @__PURE__ */ F(h, { children: [/* @__PURE__ */ P(i, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							align: "center",
+							className: "block",
+							children: ye(N.error, { message: U.message })
+						}), /* @__PURE__ */ P(n, {
+							buttonStyle: "ghost",
+							size: "sm",
+							onClick: () => {
+								ce.current?.querySelector("input")?.focus(), R(!1), be();
+							},
+							children: N.retry ?? he.retry
+						})] }),
+						!!W && /* @__PURE__ */ P(h, { children: /* @__PURE__ */ P(i, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							align: "center",
+							className: "block",
+							children: ye(N.noResults, { query: pe })
+						}) }),
+						V.length > 0 && /* @__PURE__ */ P(_, { children: V.map((e, t) => {
+							let n = ge(e.properties);
+							return /* @__PURE__ */ F(m, {
+								value: String(e.properties.osm_id),
+								ref: (e) => {
+									e ? de.current.set(t, e) : de.current.delete(t);
+								},
+								onSelect: () => q(e),
+								children: [/* @__PURE__ */ P(L, {}), /* @__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
+									}), /* @__PURE__ */ P(i, {
+										tag: "span",
+										size: "xs",
+										type: "secondary",
+										children: n
+									})]
+								})]
+							}, e.properties.osm_id);
+						}) })
+					]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/features/map/use-map-color-scheme.ts
+function xe(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 = O((t) => {
+		let n = new MutationObserver(t);
+		for (let t = e; t; t = t.parentElement) n.observe(t, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		});
+		return () => n.disconnect();
+	}, [e]);
+	return N(n, t, () => "light");
+}
+//#endregion
+//#region src/components/features/map/map.tsx
+var W = E(null), G = {
+	defaultTileLayer: "Default",
+	mapType: "Map type",
+	layers: "Layers",
+	selectLayers: "Select layers",
+	marker: "Map marker",
+	zoomControls: "Zoom controls",
+	zoomIn: "Zoom in",
+	zoomOut: "Zoom out",
+	enterFullscreen: "Enter fullscreen",
+	exitFullscreen: "Exit fullscreen",
+	locating: "Locating…",
+	stopTracking: "Stop tracking",
+	trackLocation: "Track location",
+	stopLocationTracking: "Stop location tracking",
+	startLocationTracking: "Start location tracking",
+	currentLocation: "Current location",
+	drawMarker: "Draw marker",
+	drawPolyline: "Draw polyline",
+	drawCircle: "Draw circle",
+	drawRectangle: "Draw rectangle",
+	drawPolygon: "Draw polygon",
+	editShapes: "Edit shapes",
+	removeShapes: "Remove shapes",
+	undoEdit: "Undo edit",
+	undoRemove: "Undo remove",
+	editInstructions: "Drag handles or markers to edit.",
+	removeInstructions: "Click on a shape to remove."
+}, K = E(G);
+function q() {
+	return k(K);
+}
+var Se = E(null), Ce = D(async () => {
+	let e = await import("react-leaflet");
+	return { default: ({ children: t }) => /* @__PURE__ */ P(Se.Provider, {
+		value: e,
+		children: t
+	}) };
+});
+function J(e) {
+	return (t) => {
+		let n = k(Se);
+		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 Le = Ie(async () => import("react-leaflet-markercluster").then((e) => ({ default: e.default })));
+function Re({ children: e }) {
+	let t = k(Se);
+	if (!t) throw Error("Map controls must be rendered within Map.");
+	return /* @__PURE__ */ P(W.Provider, {
+		value: t,
+		children: e
+	});
+}
+function Y() {
+	let e = k(W);
+	if (!e) throw Error("Map controls must be rendered within Map.");
+	return e.useMap();
+}
+function ze(e) {
+	let t = k(W);
+	if (!t) throw Error("Map controls must be rendered within Map.");
+	return t.useMapEvents(e);
+}
+function Be(e, t) {
+	if (e) {
+		if (typeof e == "function") {
+			e(t);
+			return;
+		}
+		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) => {
+		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(() => {
+		p(!0);
+	}, []), f ? /* @__PURE__ */ P(te, { children: /* @__PURE__ */ P(Ce, { children: /* @__PURE__ */ P(we, {
+		ref: d,
+		zoom: n,
+		maxZoom: r,
+		attributionControl: !1,
+		zoomControl: !1,
+		className: t("map--component", "z-50 size-full min-h-0 flex-1 rounded-radius-md", i),
+		...c,
+		children: /* @__PURE__ */ P(K.Provider, {
+			value: l,
+			children: /* @__PURE__ */ P(Re, { children: a })
+		})
+	}) }) }) : null;
+}
+var He = E(null);
+function Ue() {
+	return k(He);
+}
+function We({ 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(() => {
+		l && l.registerTileLayer({
+			name: s,
+			url: d,
+			attribution: f
+		});
+	}, [
+		l,
+		s,
+		f,
+		d
+	]), l && l.selectedTileLayer !== s ? null : /* @__PURE__ */ P(Te, {
+		url: d,
+		attribution: f,
+		...a
+	});
+}
+function Ge({ name: e, disabled: t, ...n }) {
+	let r = Ue();
+	return A(() => {
+		r && r.registerLayerGroup({
+			name: e,
+			disabled: t
+		});
+	}, [
+		r,
+		e,
+		t
+	]), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ P(Pe, { ...n });
+}
+function Ke({ name: e, disabled: t, ...n }) {
+	let r = Ue();
+	return A(() => {
+		r && r.registerLayerGroup({
+			name: e,
+			disabled: t
+		});
+	}, [
+		r,
+		e,
+		t
+	]), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ P(Fe, { ...n });
+}
+function qe({ defaultTileLayer: e, defaultLayerGroups: t = [], ...n }) {
+	let [r, i] = M([]), [a, o] = M(e || ""), [s, c] = M([]), [l, u] = M(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(() => {
+		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.");
+	}, [
+		r,
+		e,
+		a,
+		s,
+		t
+	]), /* @__PURE__ */ P(He.Provider, {
+		value: {
+			registerTileLayer: d,
+			tileLayers: r,
+			selectedTileLayer: a,
+			setSelectedTileLayer: o,
+			registerLayerGroup: f,
+			layerGroups: s,
+			activeLayerGroups: l,
+			setActiveLayerGroups: u
+		},
+		...n
+	});
+}
+function Je({ tileLayersLabel: e, layerGroupsLabel: r, position: i = "top-1 right-1", className: m, ...h }) {
+	let g = q(), _ = Ue();
+	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 w = v.length > 1, T = x.length > 0;
+	return !w && !T ? null : /* @__PURE__ */ F(f, { children: [/* @__PURE__ */ P(o, { render: (e) => /* @__PURE__ */ P(n, {
+		...e,
+		type: "button",
+		tone: "secondary",
+		size: "sm",
+		iconOnly: !0,
+		"aria-label": g.selectLayers,
+		title: g.selectLayers,
+		className: t("border-border absolute z-1000 border", i, m, e.className),
+		...h,
+		children: /* @__PURE__ */ P(re, {})
+	}) }), /* @__PURE__ */ F(d, {
+		align: "end",
+		className: "z-1000",
+		children: [
+			!!w && /* @__PURE__ */ P(ne, { children: /* @__PURE__ */ F(c, {
+				value: y,
+				onValueChange: b,
+				children: [/* @__PURE__ */ P(u, { children: e ?? g.mapType }), v.map((e) => /* @__PURE__ */ P(p, {
+					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, {
+				checked: S.includes(e.name),
+				disabled: e.disabled,
+				onCheckedChange: (t) => ee(e.name, t),
+				children: e.name
+			}, e.name))] })
+		]
+	})] });
+}
+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) => {
+		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);
+	}, [o, p]);
+	return A(() => {
+		p(u.current);
+	}, [p]), c ? /* @__PURE__ */ P(Ee, {
+		ref: m,
+		icon: c.divIcon({
+			className: "",
+			html: H(e),
+			iconAnchor: t,
+			...n ? { bgPos: n } : {},
+			...r ? { popupAnchor: r } : {},
+			...i ? { tooltipAnchor: i } : {}
+		}),
+		riseOnHover: !0,
+		...s,
+		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 }) {
+	let { L: i } = $();
+	return i ? /* @__PURE__ */ P(Le, {
+		polygonOptions: e,
+		spiderLegPolylineOptions: t,
+		iconCreateFunction: n ? (e) => {
+			let t = n(e.getChildCount());
+			return i.divIcon({ html: H(t) });
+		} : void 0,
+		...r
+	}) : null;
+}
+function Ze({ className: e, ...n }) {
+	return /* @__PURE__ */ P(ke, {
+		className: t("fill-foreground stroke-foreground stroke-2", e),
+		...n
+	});
+}
+function Qe({ className: e, ...n }) {
+	return /* @__PURE__ */ P(Ae, {
+		className: t("fill-foreground stroke-foreground stroke-2", e),
+		...n
+	});
+}
+function $e({ className: e, ...n }) {
+	return /* @__PURE__ */ P(je, {
+		className: t("fill-foreground stroke-foreground stroke-2", e),
+		...n
+	});
+}
+function et({ className: e, ...n }) {
+	return /* @__PURE__ */ P(Me, {
+		className: t("fill-foreground stroke-foreground stroke-2", e),
+		...n
+	});
+}
+function tt({ className: e, ...n }) {
+	return /* @__PURE__ */ P(Ne, {
+		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-md border p-surface font-sans shadow-md outline-hidden", e),
+		...n
+	});
+}
+function rt({ 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",
+		left: "right-0.5 top-1/2 translate-x-1/2 -translate-y-1/2",
+		right: "left-0.5 top-1/2 -translate-x-1/2 -translate-y-1/2"
+	}, s = {
+		top: [0, -i],
+		bottom: [0, i],
+		left: [-i, 0],
+		right: [i, 0]
+	};
+	return /* @__PURE__ */ F(Oe, {
+		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,
+		offset: s[r],
+		opacity: 1,
+		...a,
+		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: () => {
+		l(o.getZoom());
+	} }), /* @__PURE__ */ P(Q, {
+		className: t(e, i),
+		children: /* @__PURE__ */ F(r, {
+			orientation: "vertical",
+			"aria-label": s.zoomControls,
+			...a,
+			children: [/* @__PURE__ */ P(n, {
+				type: "button",
+				size: "sm",
+				iconOnly: !0,
+				tone: "secondary",
+				"aria-label": s.zoomIn,
+				title: s.zoomIn,
+				className: "border-border border",
+				disabled: c >= o.getMaxZoom(),
+				onClick: () => o.zoomIn(),
+				children: /* @__PURE__ */ P(le, {})
+			}), /* @__PURE__ */ P(n, {
+				type: "button",
+				size: "sm",
+				iconOnly: !0,
+				tone: "secondary",
+				"aria-label": s.zoomOut,
+				title: s.zoomOut,
+				className: "border-border border",
+				disabled: c <= o.getMinZoom(),
+				onClick: () => o.zoomOut(),
+				children: /* @__PURE__ */ P(z, {})
+			})]
+		})
+	});
+}
+function at({ position: e = "top-1 right-1", className: r, ...i }) {
+	let a = Y(), o = q(), [s, c] = M(!1), { L: l } = $();
+	return A(() => {
+		if (!l) return;
+		let e = new l.Control.FullScreen();
+		e.addTo(a);
+		let t = e.getContainer();
+		t && (t.style.display = "none");
+		let n = () => c(!0), r = () => c(!1);
+		return a.on("enterFullscreen", n), a.on("exitFullscreen", r), () => {
+			e.remove(), a.off("enterFullscreen", n), a.off("exitFullscreen", r);
+		};
+	}, [l, a]), /* @__PURE__ */ P(Q, {
+		className: t(e, r),
+		children: /* @__PURE__ */ P(n, {
+			type: "button",
+			size: "sm",
+			iconOnly: !0,
+			tone: "secondary",
+			onClick: () => a.toggleFullscreen(),
+			"aria-label": s ? o.exitFullscreen : o.enterFullscreen,
+			title: s ? o.exitFullscreen : o.enterFullscreen,
+			className: "border-border border",
+			...i,
+			children: P(s ? R : oe, {})
+		})
+	});
+}
+function ot() {
+	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(() => {
+		d(!0), c.locate({
+			setView: !0,
+			maxZoom: c.getMaxZoom(),
+			watch: e
+		}), c.on("locationfound", (e) => {
+			p(e.latlng), d(!1), r?.(e);
+		}), c.on("locationerror", (e) => {
+			p(null), d(!1), i?.(e);
+		});
+	}, [
+		c,
+		i,
+		r,
+		d,
+		e
+	]), g = O(() => {
+		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, {
+		position: f,
+		icon: /* @__PURE__ */ P(ot, {}),
+		ariaLabel: l.currentLocation
+	}) : null;
+	return A(() => () => g(), [g]), /* @__PURE__ */ F(Q, {
+		className: t(a, o),
+		children: [/* @__PURE__ */ P(n, {
+			type: "button",
+			size: "sm",
+			iconOnly: !0,
+			tone: m ? "primary" : "secondary",
+			onClick: _,
+			disabled: u,
+			title: v,
+			"aria-label": y,
+			className: "border-border border",
+			...s,
+			children: u ? /* @__PURE__ */ P(ae, { className: "animate-spin" }) : /* @__PURE__ */ P(B, {})
+		}), b]
+	});
+}
+function ct({ 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 })
+	});
+}
+var lt = E(null);
+function X() {
+	return k(lt);
+}
+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(() => {
+		l.current && h(l.current.getLayers().length);
+	}, []), _ = O((t) => {
+		if (!l.current) return;
+		let { layer: n } = t;
+		l.current.addLayer(n), e?.(l.current), g(), p(null);
+	}, [e, g]), v = O(() => {
+		l.current && (e?.(l.current), g(), p(null));
+	}, [e, g]);
+	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);
+		};
+	}, [
+		o,
+		s,
+		c,
+		_,
+		v
+	]), /* @__PURE__ */ F(lt.Provider, {
+		value: {
+			featureGroup: l.current,
+			activeMode: f,
+			setActiveMode: p,
+			editControlRef: u,
+			deleteControlRef: d,
+			layersCount: m
+		},
+		children: [/* @__PURE__ */ P(Fe, { ref: l }), /* @__PURE__ */ P(Q, {
+			className: t(n, i),
+			children: /* @__PURE__ */ P(r, {
+				orientation: "vertical",
+				...a
+			})
+		})]
+	});
+}
+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 = {
+		marker: l.drawMarker,
+		polyline: l.drawPolyline,
+		circle: l.drawCircle,
+		rectangle: l.drawRectangle,
+		polygon: l.drawPolygon
+	}[e];
+	A(() => {
+		if (!c || !m) {
+			d.current?.disable(), d.current = null;
+			return;
+		}
+		let e = r(c, u);
+		return e.enable(), d.current = e, () => {
+			e.disable(), d.current = null;
+		};
+	}, [
+		c,
+		u,
+		m,
+		r
+	]);
+	function g() {
+		p(m ? null : e);
+	}
+	return /* @__PURE__ */ P(n, {
+		type: "button",
+		size: "sm",
+		iconOnly: !0,
+		"aria-label": h,
+		title: h,
+		className: t("border-border border", i),
+		tone: m ? "primary" : "secondary",
+		disabled: f === "edit" || f === "delete",
+		onClick: g,
+		...o,
+		children: a
+	});
+}
+function dt({ ...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" }))
+			}),
+			...e
+		}),
+		children: /* @__PURE__ */ P(L, {})
+	});
+}
+function ft({ showLength: e = !1, drawError: t = { color: "var(--color-destructive)" }, shapeOptions: n = {
+	color: "var(--color-primary)",
+	opacity: 1,
+	weight: 2
+}, ...r }) {
+	let i = bt();
+	return /* @__PURE__ */ P(Z, {
+		drawMode: "polyline",
+		createDrawTool: (a, o) => new a.Draw.Polyline(o, {
+			...i ? {
+				icon: i,
+				touchIcon: i
+			} : {},
+			showLength: e,
+			drawError: t,
+			shapeOptions: n,
+			...r
+		}),
+		children: /* @__PURE__ */ P(V, {})
+	});
+}
+function pt({ showRadius: e = !1, shapeOptions: t = {
+	color: "var(--color-primary)",
+	opacity: 1,
+	weight: 2
+}, ...n }) {
+	return /* @__PURE__ */ P(Z, {
+		drawMode: "circle",
+		createDrawTool: (r, i) => new r.Draw.Circle(i, {
+			showRadius: e,
+			shapeOptions: t,
+			...n
+		}),
+		children: /* @__PURE__ */ P(I, {})
+	});
+}
+function mt({ showArea: e = !1, shapeOptions: t = {
+	color: "var(--color-primary)",
+	opacity: 1,
+	weight: 2
+}, ...n }) {
+	return /* @__PURE__ */ P(Z, {
+		drawMode: "rectangle",
+		createDrawTool: (r, i) => new r.Draw.Rectangle(i, {
+			showArea: e,
+			shapeOptions: t,
+			...n
+		}),
+		children: /* @__PURE__ */ P(de, {})
+	});
+}
+function ht({ drawError: e = { color: "var(--color-destructive)" }, shapeOptions: t = {
+	color: "var(--color-primary)",
+	opacity: 1,
+	weight: 2
+}, ...n }) {
+	let r = bt();
+	return /* @__PURE__ */ P(Z, {
+		drawMode: "polygon",
+		createDrawTool: (i, a) => new i.Draw.Polygon(a, {
+			...r ? {
+				icon: r,
+				touchIcon: r
+			} : {},
+			drawError: e,
+			shapeOptions: t,
+			...n
+		}),
+		children: /* @__PURE__ */ P(ce, {})
+	});
+}
+function gt({ 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(() => {
+		if (!l || !f || !g) {
+			i.current?.disable?.(), i.current = null;
+			return;
+		}
+		let e = r(l, d, f);
+		return e.enable?.(), i.current = e, () => {
+			e.disable?.(), i.current = null;
+		};
+	}, [
+		l,
+		d,
+		g,
+		f,
+		r,
+		i
+	]);
+	function y() {
+		i.current?.save(), m(g ? null : e);
+	}
+	return /* @__PURE__ */ P(n, {
+		type: "button",
+		size: "sm",
+		iconOnly: !0,
+		"aria-label": v,
+		title: v,
+		tone: g ? "primary" : "secondary",
+		disabled: !_,
+		onClick: y,
+		className: t("border-border border", a),
+		...s,
+		children: o
+	});
+}
+function _t({ selectedPathOptions: e = {
+	color: "var(--color-primary)",
+	fillColor: "var(--color-primary)",
+	weight: 2
+}, ...t }) {
+	let { L: n } = $(), r = q(), i = bt(), a = X();
+	if (!a) throw Error("MapDrawEdit must be used within MapDrawControl");
+	return A(() => {
+		n && i && (n.Edit.PolyVerticesEdit.mergeOptions({
+			icon: i,
+			touchIcon: i,
+			drawError: { color: "var(--color-destructive)" }
+		}), n.Edit.SimpleShape.mergeOptions({
+			moveIcon: i,
+			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__ */ P(gt, {
+		drawAction: "edit",
+		controlRef: a.editControlRef,
+		createDrawTool: (n, r, i) => new n.EditToolbar.Edit(r, {
+			featureGroup: i,
+			selectedPathOptions: e,
+			...t
+		}),
+		children: /* @__PURE__ */ P(se, {})
+	});
+}
+function vt() {
+	let e = X();
+	if (!e) throw Error("MapDrawDelete must be used within MapDrawControl");
+	return /* @__PURE__ */ P(gt, {
+		drawAction: "delete",
+		controlRef: e.deleteControlRef,
+		createDrawTool: (e, t, n) => new e.EditToolbar.Delete(t, { featureGroup: n }),
+		children: /* @__PURE__ */ P(fe, {})
+	});
+}
+function yt({ 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 h() {
+		d ? c.current?.revertLayers() : f && l.current?.revertLayers(), s(null);
+	}
+	return /* @__PURE__ */ P(n, {
+		type: "button",
+		size: "sm",
+		iconOnly: !0,
+		tone: "secondary",
+		"aria-label": m,
+		title: m,
+		onClick: h,
+		disabled: !p,
+		className: t("border-border border", e),
+		...r,
+		children: /* @__PURE__ */ P(pe, {})
+	});
+}
+function Q({ className: e, ...n }) {
+	let { L: r } = $(), i = j(null);
+	return A(() => {
+		if (!r) return;
+		let e = i.current;
+		e && (r.DomEvent.disableClickPropagation(e), r.DomEvent.disableScrollPropagation(e));
+	}, [r]), /* @__PURE__ */ P("div", {
+		ref: i,
+		className: t("absolute z-1000 size-fit cursor-default", e),
+		...n
+	});
+}
+function bt() {
+	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" }))
+	}) : null;
+}
+function $() {
+	let [e, t] = M(null), [n, r] = M(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);
+		}
+		e && n || typeof window < "u" && i();
+	}, [e, n]), {
+		L: e,
+		LeafletDraw: n
+	};
+}
+function xt(e = 200) {
+	let [t, n] = M(!1), [r, i] = M(!1), a = j(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 { 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 };
+
+//# sourceMappingURL=map.js.map