themelia-ui 1.0.0

package/dist/features/map.js

@@ -0,0 +1,1042 @@
+"use client";
+import "../core.css";
+import "../css/map.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { o as t } from "../typography-vC_wwEBm.js";
+import { a as n, c as r } from "../buttons-CabBjPap.js";
+import { d as i, g as a, i as o, l as s, n as c, o as l, r as u, t as d, u as f } from "../dropdown-menu-Dg8jpvqM.js";
+import { t as p } from "../use-hydrated-lyN9MFHH.js";
+import { d as m } from "../display-DTWjv_bB.js";
+import { t as h } from "../use-debounce-yN5BxUpQ.js";
+import { c as g, r as _, t as v } from "../popover-BpUGuOeI.js";
+import { i as y, n as b, t as ee } from "../input-group-D0KxyK9W.js";
+import { i as x, o as te, r as S, s as C, t as ne } from "../command-CVX7k9YB.js";
+import { CircleIcon as re, LayersIcon as w, Loader2Icon as ie, LoaderCircleIcon as ae, MapPinIcon as T, MaximizeIcon as oe, MinimizeIcon as se, MinusIcon as E, NavigationIcon as ce, PenLineIcon as le, PentagonIcon as ue, PlusIcon as D, SearchIcon as de, SquareIcon as fe, Trash2Icon as O, Undo2Icon as k, WaypointsIcon as A } from "lucide-react";
+import { Suspense as j, createContext as M, lazy as N, useCallback as P, useContext as F, useEffect as I, useRef as L, useState as R } from "react";
+import { jsx as z, jsxs as B } from "react/jsx-runtime";
+import { renderToString as V } from "react-dom/server";
+//#region src/components/features/map/map-draw-globals.ts
+var pe = Symbol("absent");
+function me(e, { handleIcon: t, drawError: n, editInstructions: r, removeInstructions: i }) {
+	let a = [], o = (e, t) => {
+		let n = e.prototype.options ?? {}, r = Object.keys(t).map((e) => [e, e in n ? n[e] : pe]);
+		e.mergeOptions(t), a.push(() => {
+			let t = e.prototype.options;
+			if (t) for (let [e, n] of r) n === pe ? delete t[e] : t[e] = n;
+		});
+	};
+	o(e.Edit.PolyVerticesEdit, {
+		icon: t,
+		touchIcon: t,
+		drawError: n
+	}), o(e.Edit.SimpleShape, {
+		moveIcon: t,
+		resizeIcon: t,
+		touchMoveIcon: t,
+		touchResizeIcon: t
+	});
+	let s = e.drawLocal.edit.handlers, c = s.edit.tooltip, l = s.remove.tooltip;
+	return s.edit.tooltip = {
+		text: r,
+		subtext: ""
+	}, s.remove.tooltip = { text: i }, a.push(() => {
+		s.edit.tooltip = c, s.remove.tooltip = l;
+	}), () => {
+		for (let e of a.reverse()) e();
+	};
+}
+//#endregion
+//#region src/components/features/map/resolve-tile-layer.ts
+function he({ selected: e, defaultTileLayer: t, available: n }) {
+	let r = (e) => e !== void 0 && e !== "" && n.some((t) => t.name === e);
+	return r(e) ? e : r(t) ? t : n[0]?.name ?? "";
+}
+function ge({ defaultTileLayer: e, available: t }) {
+	return !e || t.length === 0 ? !1 : !t.some((t) => t.name === e);
+}
+//#endregion
+//#region src/components/features/map/map.strings.ts
+var H = {
+	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 a shape to remove it."
+}, _e = {
+	searchPlaceholder: "Search",
+	loading: "Searching places",
+	error: (e) => `Error: ${e}`,
+	noResults: (e) => `Can’t find “${e}”.`,
+	unknownPlace: "Unknown"
+}, U = M(null);
+function W(e) {
+	let t = N(e);
+	return function(e) {
+		return p() ? /* @__PURE__ */ z(j, { children: /* @__PURE__ */ z(t, { ...e }) }) : null;
+	};
+}
+var ve = W(() => import("react-leaflet").then((e) => ({ default: e.MapContainer }))), ye = W(() => import("react-leaflet").then((e) => ({ default: e.TileLayer }))), be = W(() => import("react-leaflet").then((e) => ({ default: e.Marker }))), xe = W(() => import("react-leaflet").then((e) => ({ default: e.Popup }))), Se = W(() => import("react-leaflet").then((e) => ({ default: e.Tooltip }))), Ce = W(() => import("react-leaflet").then((e) => ({ default: e.Circle }))), we = W(() => import("react-leaflet").then((e) => ({ default: e.CircleMarker }))), Te = W(() => import("react-leaflet").then((e) => ({ default: e.Polyline }))), Ee = W(() => import("react-leaflet").then((e) => ({ default: e.Polygon }))), De = W(() => import("react-leaflet").then((e) => ({ default: e.Rectangle }))), Oe = W(() => import("react-leaflet").then((e) => ({ default: e.LayerGroup }))), ke = W(() => import("react-leaflet").then((e) => ({ default: e.FeatureGroup }))), Ae = W(() => import("react-leaflet-markercluster").then((e) => ({ default: e.default }))), je = W(async () => {
+	let e = await import("react-leaflet");
+	function t({ children: t }) {
+		return /* @__PURE__ */ z(U.Provider, {
+			value: {
+				useMap: e.useMap,
+				useMapEvents: e.useMapEvents
+			},
+			children: t
+		});
+	}
+	return { default: t };
+});
+function G() {
+	let e = F(U);
+	if (!e) throw Error("Map controls must be rendered inside <Map>.");
+	return e.useMap();
+}
+function Me(e) {
+	let t = F(U);
+	if (!t) throw Error("Map controls must be rendered inside <Map>.");
+	return t.useMapEvents(e);
+}
+function K() {
+	let [e, t] = R(null), [n, r] = R(null);
+	return I(() => {
+		if (e && n || typeof window > "u") return;
+		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);
+		}
+		i();
+	}, [e, n]), {
+		L: e,
+		LeafletDraw: n
+	};
+}
+function Ne(e, t) {
+	if (e) {
+		if (typeof e == "function") {
+			e(t);
+			return;
+		}
+		e.current = t;
+	}
+}
+function Pe(e = 200) {
+	let [t, n] = R(!1), [r, i] = R(!1);
+	return I(() => {
+		if (!t) {
+			i(!1);
+			return;
+		}
+		let n = setTimeout(() => i(!0), e);
+		return () => clearTimeout(n);
+	}, [e, t]), [r, n];
+}
+var q = {
+	map: "map-module__map___zyqcL",
+	heightSm: "map-module__heightSm___LLB-J",
+	heightMd: "map-module__heightMd___SlPkc",
+	heightLg: "map-module__heightLg___HFkvN",
+	surfaceFramed: "map-module__surfaceFramed___ivFaV",
+	surfaceFlush: "map-module__surfaceFlush___xGdT5",
+	control: "map-module__control___isjFf",
+	topLeft: "map-module__topLeft___O1fF3",
+	topRight: "map-module__topRight___-kit0",
+	bottomLeft: "map-module__bottomLeft___IOGg5",
+	bottomRight: "map-module__bottomRight___vZ8cf",
+	controlButton: "map-module__controlButton___q4sJ3",
+	controlMenu: "map-module__controlMenu___Gcc1c",
+	searchControl: "map-module__searchControl___NU3GI",
+	spin: "map-module__spin___crF-r",
+	shape: "map-module__shape___bjX0h",
+	markerIcon: "map-module__markerIcon___1Jk94",
+	pulse: "map-module__pulse___5ukPy",
+	pulseRing: "map-module__pulseRing___QU572",
+	pulseDot: "map-module__pulseDot___KCmSa",
+	drawHandle: "map-module__drawHandle___e-pMp",
+	popup: "map-module__popup___FO4kw",
+	tooltip: "map-module__tooltip___2RB32",
+	tooltipArrow: "map-module__tooltipArrow___23ckN",
+	autocomplete: "map-module__autocomplete___-RJvk",
+	autocompleteAnchor: "map-module__autocompleteAnchor___-R8bx",
+	autocompleteTrigger: "map-module__autocompleteTrigger___pYckG",
+	autocompleteField: "map-module__autocompleteField___5yw71",
+	autocompleteResults: "map-module__autocompleteResults___S5Lcl",
+	autocompleteList: "map-module__autocompleteList___XgYRF",
+	autocompleteRow: "map-module__autocompleteRow___sRWyp"
+}, Fe = 300, Ie = "https://photon.komoot.io/api";
+function Le(e, t) {
+	let n = new URL(e);
+	return n.searchParams.set("q", t.query), t.lang && n.searchParams.set("lang", t.lang), t.limit !== void 0 && n.searchParams.set("limit", String(t.limit)), t.bbox && n.searchParams.set("bbox", t.bbox.join(",")), t.lat !== void 0 && n.searchParams.set("lat", String(t.lat)), t.lon !== void 0 && n.searchParams.set("lon", String(t.lon)), t.zoom !== void 0 && n.searchParams.set("zoom", String(t.zoom)), t.locationBiasScale !== void 0 && n.searchParams.set("location_bias_scale", String(t.locationBiasScale)), String(n);
+}
+function J(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 Re({ debounceMs: e = Fe, searchUrl: t = Ie, query: n, lang: r, limit: i, bbox: a, lat: o, lon: s, zoom: c, locationBiasScale: l }) {
+	let [u, d] = R([]), [f, p] = R(!1), [m, g] = R(null), [_, v] = R(!1), y = h(n, e);
+	return I(() => {
+		if (!y.trim()) {
+			d([]), p(!1), v(!1);
+			return;
+		}
+		let e = new AbortController();
+		async function n() {
+			p(!0), g(null), v(!0);
+			try {
+				let n = await fetch(Le(t, {
+					query: y,
+					lang: r,
+					limit: i,
+					bbox: a,
+					lat: o,
+					lon: s,
+					zoom: c,
+					locationBiasScale: l
+				}), { signal: e.signal });
+				if (!n.ok) throw Error(`Geocoder error: ${n.status} ${n.statusText}`);
+				let u = await n.json(), f = /* @__PURE__ */ new Set();
+				d(u.features.filter((e) => !f.has(e.properties.osm_id) && (f.add(e.properties.osm_id), !0)));
+			} catch (e) {
+				e instanceof Error && e.name !== "AbortError" && (g(e), d([]));
+			} finally {
+				p(!1);
+			}
+		}
+		return n(), () => e.abort();
+	}, [
+		a,
+		y,
+		r,
+		o,
+		i,
+		l,
+		s,
+		t,
+		c
+	]), {
+		results: u,
+		isLoading: f,
+		error: m,
+		hasSearched: _
+	};
+}
+//#endregion
+//#region src/components/features/map/place-autocomplete.tsx
+var ze = 300;
+function Be({ debounceMs: n = ze, searchUrl: r, lang: i, limit: a = 5, bbox: o, lat: s, lon: c, zoom: l, locationBiasScale: u, className: d, value: f, defaultValue: p = "", onValueChange: h, onPlaceSelect: re, onResultsChange: w, strings: ae, onFocus: oe, ...se }) {
+	let E = {
+		..._e,
+		...ae
+	}, [ce, le] = R(p), [ue, D] = R(""), [fe, O] = R(!1), k = f !== void 0, A = k ? f : ce, { results: j, isLoading: M, error: N, hasSearched: P } = Re({
+		query: ue,
+		debounceMs: n,
+		searchUrl: r,
+		lang: i,
+		limit: a,
+		bbox: o,
+		lat: s,
+		lon: c,
+		zoom: l,
+		locationBiasScale: u
+	});
+	I(() => {
+		w?.(j);
+	}, [w, j]);
+	let F = P && !M && !N && j.length === 0, L = !!N || F || j.length > 0, V = (e) => {
+		let t = J(e.properties);
+		k || le(t), D(""), O(!0), h?.(t), re?.(e);
+	};
+	return /* @__PURE__ */ z(ne, {
+		"data-slot": "place-autocomplete",
+		className: e("place-autocomplete--component", q.autocomplete, d),
+		shouldFilter: !1,
+		loop: !0,
+		children: /* @__PURE__ */ B(v, {
+			open: L && !fe,
+			onOpenChange: (e) => !e && O(!0),
+			children: [/* @__PURE__ */ B("div", {
+				className: q.autocompleteAnchor,
+				children: [/* @__PURE__ */ z(g, {
+					render: /* @__PURE__ */ z("span", {}),
+					nativeButton: !1,
+					tabIndex: -1,
+					"aria-hidden": "true",
+					className: q.autocompleteTrigger
+				}), /* @__PURE__ */ B(ee, {
+					className: q.autocompleteField,
+					children: [
+						/* @__PURE__ */ z(b, { children: /* @__PURE__ */ z(de, {}) }),
+						/* @__PURE__ */ z(y, {
+							placeholder: E.searchPlaceholder,
+							value: A,
+							onChange: (e) => {
+								let t = e.target.value;
+								k || le(t), O(!1), D(t), h?.(t);
+							},
+							onFocus: (e) => {
+								L && O(!1), oe?.(e);
+							},
+							...se
+						}),
+						M && /* @__PURE__ */ B(b, {
+							align: "inline-end",
+							children: [/* @__PURE__ */ z(ie, {
+								"aria-hidden": !0,
+								className: q.spin
+							}), /* @__PURE__ */ z(m, { children: E.loading })]
+						})
+					]
+				})]
+			}), /* @__PURE__ */ z(_, {
+				align: "start",
+				sideOffset: 4,
+				initialFocus: !1,
+				finalFocus: !1,
+				className: q.autocompleteResults,
+				children: /* @__PURE__ */ B(C, {
+					className: q.autocompleteList,
+					children: [
+						!!N && /* @__PURE__ */ z(S, { children: /* @__PURE__ */ z(t, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							align: "center",
+							children: E.error(N.message)
+						}) }),
+						F && /* @__PURE__ */ z(S, { children: /* @__PURE__ */ z(t, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							align: "center",
+							children: E.noResults(A)
+						}) }),
+						j.length > 0 && /* @__PURE__ */ z(x, { children: j.map((e) => /* @__PURE__ */ B(te, {
+							value: String(e.properties.osm_id),
+							onSelect: () => V(e),
+							children: [/* @__PURE__ */ z(T, {}), /* @__PURE__ */ B("span", {
+								className: q.autocompleteRow,
+								children: [/* @__PURE__ */ z(t, {
+									tag: "span",
+									weight: "medium",
+									children: e.properties.name || e.properties.street || E.unknownPlace
+								}), /* @__PURE__ */ z(t, {
+									tag: "span",
+									size: "xs",
+									type: "secondary",
+									children: J(e.properties)
+								})]
+							})]
+						}, e.properties.osm_id)) })
+					]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/features/map/map.tsx
+var Ve = M(H);
+function Y() {
+	return F(Ve);
+}
+var He = {
+	"top-left": q.topLeft,
+	"top-right": q.topRight,
+	"bottom-left": q.bottomLeft,
+	"bottom-right": q.bottomRight
+};
+function Ue() {
+	let [e, t] = R(!1);
+	return I(() => {
+		let e = document.documentElement, n = () => t(e.classList.contains("dark") || e.dataset.theme === "dark" || e.dataset.theme !== "light" && window.matchMedia("(prefers-color-scheme: dark)").matches);
+		n();
+		let r = new MutationObserver(n);
+		r.observe(e, {
+			attributes: !0,
+			attributeFilter: ["class", "data-theme"]
+		});
+		let i = window.matchMedia("(prefers-color-scheme: dark)");
+		return i.addEventListener("change", n), () => {
+			r.disconnect(), i.removeEventListener("change", n);
+		};
+	}, []), e;
+}
+var We = {
+	sm: q.heightSm,
+	md: q.heightMd,
+	lg: q.heightLg
+};
+function Ge({ zoom: t = 15, maxZoom: n = 18, height: r = "md", surface: i = "framed", className: a, children: o, strings: s, style: c, ...l }) {
+	let u = {
+		...H,
+		...s
+	}, d = We[r];
+	return /* @__PURE__ */ z(ve, {
+		zoom: t,
+		maxZoom: n,
+		attributionControl: !0,
+		zoomControl: !1,
+		className: e("map--component", q.map, d, i === "flush" ? q.surfaceFlush : q.surfaceFramed, a),
+		style: d ? c : {
+			...c,
+			"--map-h": r
+		},
+		...l,
+		children: /* @__PURE__ */ z(Ve.Provider, {
+			value: u,
+			children: /* @__PURE__ */ z(je, { children: o })
+		})
+	});
+}
+var Ke = M(null);
+function qe() {
+	return F(Ke);
+}
+var Je = "https://tile.openstreetmap.org/{z}/{x}/{y}.png", Ye = "&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors";
+function Xe({ name: e, url: t, attribution: n, darkUrl: r, darkAttribution: i, ...a }) {
+	let o = Y(), s = e ?? o.defaultTileLayer, c = G(), l = F(Ke), u = Ue();
+	I(() => {
+		c.attributionControl?.setPrefix("");
+	}, [c]);
+	let d = u ? r ?? t ?? Je : t ?? Je, f = u && i ? i : n ?? Ye, p = u && !r;
+	return I(() => {
+		let e = c.getContainer();
+		p ? e.dataset.tileFilter = "invert" : delete e.dataset.tileFilter;
+	}, [p, c]), I(() => {
+		l?.registerTileLayer({
+			name: s,
+			url: d,
+			attribution: f
+		});
+	}, [
+		l,
+		s,
+		f,
+		d
+	]), l && l.selectedTileLayer !== s ? null : /* @__PURE__ */ z(ye, {
+		url: d,
+		attribution: f,
+		...a
+	});
+}
+function Ze({ name: e, disabled: t, ...n }) {
+	let r = qe();
+	return I(() => {
+		r?.registerLayerGroup({
+			name: e,
+			disabled: t
+		});
+	}, [
+		r,
+		t,
+		e
+	]), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ z(Oe, { ...n });
+}
+function Qe({ name: e, disabled: t, ...n }) {
+	let r = qe();
+	return I(() => {
+		r?.registerLayerGroup({
+			name: e,
+			disabled: t
+		});
+	}, [
+		r,
+		t,
+		e
+	]), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ z(ke, { ...n });
+}
+function $e({ defaultTileLayer: e, defaultLayerGroups: t, onError: n, children: r }) {
+	let [i, a] = R([]), [o, s] = R(e ?? ""), [c, l] = R([]), [u, d] = R(() => t ?? []), f = P((e) => {
+		a((t) => t.some((t) => t.name === e.name) ? t : [...t, e]);
+	}, []), p = P((e) => {
+		l((t) => t.some((t) => t.name === e.name) ? t : [...t, e]);
+	}, []), m = he({
+		selected: o,
+		defaultTileLayer: e,
+		available: i
+	}), h = ge({
+		selected: o,
+		defaultTileLayer: e,
+		available: i
+	});
+	return I(() => {
+		h && n?.(/* @__PURE__ */ Error(`MapLayers: defaultTileLayer "${e}" matches no MapTileLayer name. Showing the first layer instead.`));
+	}, [
+		e,
+		n,
+		h
+	]), I(() => {
+		if (!t?.length || c.length === 0) return;
+		let e = t.filter((e) => !c.some((t) => t.name === e));
+		e.length > 0 && n?.(/* @__PURE__ */ Error(`MapLayers: defaultLayerGroups names no MapLayerGroup — ${e.join(", ")}.`));
+	}, [
+		t,
+		c,
+		n
+	]), /* @__PURE__ */ z(Ke.Provider, {
+		value: {
+			registerTileLayer: f,
+			tileLayers: i,
+			selectedTileLayer: m,
+			setSelectedTileLayer: s,
+			registerLayerGroup: p,
+			layerGroups: c,
+			activeLayerGroups: u,
+			setActiveLayerGroups: d
+		},
+		children: r
+	});
+}
+function et({ tileLayersLabel: t, layerGroupsLabel: n, position: p = "top-right", className: m, ...h }) {
+	let g = Y(), _ = qe();
+	if (!_) throw Error("MapLayersControl must be used inside <MapLayers>.");
+	let { tileLayers: v, selectedTileLayer: y, setSelectedTileLayer: b, layerGroups: ee, activeLayerGroups: x, setActiveLayerGroups: te } = _, S = v.length > 1, C = ee.length > 0;
+	return !S && !C ? null : /* @__PURE__ */ z(X, {
+		position: p,
+		className: "map-layers-control--component",
+		children: /* @__PURE__ */ B(d, { children: [/* @__PURE__ */ z(a, { render: (t) => /* @__PURE__ */ z(r, {
+			...t,
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "outline",
+			iconOnly: !0,
+			"aria-label": g.selectLayers,
+			title: g.selectLayers,
+			className: e(q.controlButton, m, t.className),
+			...h,
+			children: /* @__PURE__ */ z(w, {})
+		}) }), /* @__PURE__ */ B(u, {
+			align: "end",
+			className: q.controlMenu,
+			children: [
+				S && /* @__PURE__ */ B(s, {
+					value: y,
+					onValueChange: b,
+					children: [/* @__PURE__ */ z(l, { children: t ?? g.mapType }), v.map((e) => /* @__PURE__ */ z(f, {
+						value: e.name,
+						children: e.name
+					}, e.name))]
+				}),
+				S && C && /* @__PURE__ */ z(i, {}),
+				C && /* @__PURE__ */ B(o, { children: [/* @__PURE__ */ z(l, { children: n ?? g.layers }), ee.map((e) => /* @__PURE__ */ z(c, {
+					checked: x.includes(e.name),
+					disabled: e.disabled,
+					onCheckedChange: (t) => te(t ? [...x, e.name] : x.filter((t) => t !== e.name)),
+					children: e.name
+				}, e.name))] })
+			]
+		})] })
+	});
+}
+function tt({ icon: t = /* @__PURE__ */ z(T, {}), iconAnchor: n = [12, 12], bgPos: r, popupAnchor: i, tooltipAnchor: a, ariaLabel: o, ref: s, ...c }) {
+	let { L: l } = K(), u = Y(), d = L(null), f = o ?? (typeof c.title == "string" && c.title.trim() ? c.title : void 0) ?? u.marker, p = P((e) => {
+		let t = e?.getElement();
+		t && (t.setAttribute("aria-label", f), t.getAttribute("title") || t.setAttribute("title", f));
+	}, [f]), m = P((e) => {
+		d.current = e, Ne(s, e), p(e);
+	}, [s, p]);
+	return I(() => p(d.current), [p]), l ? /* @__PURE__ */ z(be, {
+		ref: m,
+		icon: l.divIcon({
+			className: "",
+			html: V(/* @__PURE__ */ z("span", {
+				className: e("map-marker--component", q.markerIcon),
+				children: t
+			})),
+			iconAnchor: n,
+			...r ? { bgPos: r } : {},
+			...i ? { popupAnchor: i } : {},
+			...a ? { tooltipAnchor: a } : {}
+		}),
+		riseOnHover: !0,
+		...c,
+		title: typeof c.title == "string" && c.title.trim() ? c.title : f
+	}) : null;
+}
+function nt({ polygonOptions: e = { className: q.shape }, spiderLegPolylineOptions: t = { className: q.shape }, icon: n, ...r }) {
+	let { L: i } = K();
+	return i ? /* @__PURE__ */ z(Ae, {
+		polygonOptions: e,
+		spiderLegPolylineOptions: t,
+		iconCreateFunction: n ? (e) => i.divIcon({ html: V(n(e.getChildCount())) }) : void 0,
+		...r
+	}) : null;
+}
+function rt({ className: t, ...n }) {
+	return /* @__PURE__ */ z(Ce, {
+		className: e("map-circle--component", q.shape, t),
+		...n
+	});
+}
+function it({ className: t, ...n }) {
+	return /* @__PURE__ */ z(we, {
+		className: e("map-circle-marker--component", q.shape, t),
+		...n
+	});
+}
+function at({ className: t, ...n }) {
+	return /* @__PURE__ */ z(Te, {
+		className: e("map-polyline--component", q.shape, t),
+		...n
+	});
+}
+function ot({ className: t, ...n }) {
+	return /* @__PURE__ */ z(Ee, {
+		className: e("map-polygon--component", q.shape, t),
+		...n
+	});
+}
+function st({ className: t, ...n }) {
+	return /* @__PURE__ */ z(De, {
+		className: e("map-rectangle--component", q.shape, t),
+		...n
+	});
+}
+function ct({ className: t, ...n }) {
+	return /* @__PURE__ */ z(xe, {
+		className: e("map-popup--component", q.popup, t),
+		...n
+	});
+}
+function lt({ className: t, children: n, side: r = "top", sideOffset: i = 15, ...a }) {
+	let o = {
+		top: [0, -i],
+		bottom: [0, i],
+		left: [-i, 0],
+		right: [i, 0]
+	}[r];
+	return /* @__PURE__ */ B(Se, {
+		className: e("map-tooltip--component", q.tooltip, t),
+		"data-side": r,
+		direction: r,
+		offset: o,
+		opacity: 1,
+		...a,
+		children: [n, /* @__PURE__ */ z("span", {
+			"aria-hidden": !0,
+			className: q.tooltipArrow
+		})]
+	});
+}
+function X({ position: t, className: n, ...r }) {
+	let { L: i } = K(), a = L(null);
+	return I(() => {
+		let e = a.current;
+		!i || !e || (i.DomEvent.disableClickPropagation(e), i.DomEvent.disableScrollPropagation(e));
+	}, [i]), /* @__PURE__ */ z("div", {
+		ref: a,
+		className: e("map-control-container--component", q.control, t && He[t], n),
+		...r
+	});
+}
+function ut({ position: t = "top-left", className: i, ...a }) {
+	let o = G(), s = Y(), [c, l] = R(o.getZoom());
+	return Me({ zoomend: () => l(o.getZoom()) }), /* @__PURE__ */ z(X, {
+		position: t,
+		className: e("map-zoom-control--component", i),
+		children: /* @__PURE__ */ B(n, {
+			orientation: "vertical",
+			"aria-label": s.zoomControls,
+			...a,
+			children: [/* @__PURE__ */ z(r, {
+				type: "button",
+				tone: "neutral",
+				buttonStyle: "outline",
+				iconOnly: !0,
+				"aria-label": s.zoomIn,
+				title: s.zoomIn,
+				className: q.controlButton,
+				disabled: c >= o.getMaxZoom(),
+				onClick: () => o.zoomIn(),
+				children: /* @__PURE__ */ z(D, {})
+			}), /* @__PURE__ */ z(r, {
+				type: "button",
+				tone: "neutral",
+				buttonStyle: "outline",
+				iconOnly: !0,
+				"aria-label": s.zoomOut,
+				title: s.zoomOut,
+				className: q.controlButton,
+				disabled: c <= o.getMinZoom(),
+				onClick: () => o.zoomOut(),
+				children: /* @__PURE__ */ z(E, {})
+			})]
+		})
+	});
+}
+function dt({ position: t = "top-right", className: n, ...i }) {
+	let a = G(), o = Y(), { L: s } = K(), [c, l] = R(!1);
+	I(() => {
+		if (!s) return;
+		let e = new s.Control.FullScreen();
+		e.addTo(a);
+		let t = e.getContainer();
+		t && (t.style.display = "none");
+		let n = () => l(!0), r = () => l(!1);
+		return a.on("enterFullscreen", n), a.on("exitFullscreen", r), () => {
+			e.remove(), a.off("enterFullscreen", n), a.off("exitFullscreen", r);
+		};
+	}, [s, a]);
+	let u = c ? o.exitFullscreen : o.enterFullscreen;
+	return /* @__PURE__ */ z(X, {
+		position: t,
+		className: "map-fullscreen-control--component",
+		children: /* @__PURE__ */ z(r, {
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "outline",
+			iconOnly: !0,
+			onClick: () => a.toggleFullscreen(),
+			"aria-label": u,
+			title: u,
+			className: e(q.controlButton, n),
+			...i,
+			children: z(c ? se : oe, {})
+		})
+	});
+}
+function ft() {
+	return /* @__PURE__ */ B("span", {
+		className: q.pulse,
+		children: [/* @__PURE__ */ z("span", { className: q.pulseRing }), /* @__PURE__ */ z("span", { className: q.pulseDot })]
+	});
+}
+function pt({ watch: t = !1, onLocationFound: n, onLocationError: i, position: a = "bottom-right", className: o, ...s }) {
+	let c = G(), l = Y(), [u, d] = Pe(200), [f, p] = R(null), m = f !== null, h = P(() => {
+		c.stopLocate(), c.off("locationfound"), c.off("locationerror"), p(null), d(!1);
+	}, [c, d]), g = P(() => {
+		d(!0), c.locate({
+			setView: !0,
+			maxZoom: c.getMaxZoom(),
+			watch: t
+		}), c.on("locationfound", (e) => {
+			p(e.latlng), d(!1), n?.(e);
+		}), c.on("locationerror", (e) => {
+			p(null), d(!1), i?.(e);
+		});
+	}, [
+		c,
+		i,
+		n,
+		d,
+		t
+	]);
+	I(() => () => h(), [h]);
+	let _ = u ? l.locating : m ? l.stopTracking : l.trackLocation, v = u ? l.locating : m ? l.stopLocationTracking : l.startLocationTracking;
+	return /* @__PURE__ */ B(X, {
+		position: a,
+		className: "map-locate-control--component",
+		children: [/* @__PURE__ */ z(r, {
+			type: "button",
+			tone: m ? "primary" : "neutral",
+			buttonStyle: m ? "solid" : "outline",
+			iconOnly: !0,
+			onClick: m ? h : g,
+			disabled: u,
+			title: _,
+			"aria-label": v,
+			className: e(q.controlButton, o),
+			...s,
+			children: u ? /* @__PURE__ */ z(ae, { className: q.spin }) : /* @__PURE__ */ z(ce, {})
+		}), m && f && /* @__PURE__ */ z(tt, {
+			position: f,
+			icon: /* @__PURE__ */ z(ft, {}),
+			ariaLabel: l.currentLocation
+		})]
+	});
+}
+function mt({ position: t = "top-left", className: n, ...r }) {
+	return /* @__PURE__ */ z(X, {
+		position: t,
+		className: e("map-search-control--component", q.searchControl),
+		children: /* @__PURE__ */ z(Be, {
+			className: n,
+			...r
+		})
+	});
+}
+var ht = M(null);
+function Z() {
+	return F(ht);
+}
+function gt({ onLayersChange: e, position: t = "bottom-left", className: r, children: i, ...a }) {
+	let { L: o, LeafletDraw: s } = K(), c = G(), [l, u] = R(null), d = L(null), f = L(null), [p, m] = R(null), [h, g] = R(0), _ = P(() => {
+		l && g(l.getLayers().length);
+	}, [l]), v = P((t) => {
+		l && (l.addLayer(t.layer), e?.(l), g(l.getLayers().length), m(null));
+	}, [l, e]), y = P(() => {
+		l && (e?.(l), g(l.getLayers().length), m(null));
+	}, [l, e]);
+	return I(() => {
+		if (!(!o || !s || !c)) return c.on(o.Draw.Event.CREATED, v), c.on(o.Draw.Event.EDITED, y), c.on(o.Draw.Event.DELETED, y), () => {
+			c.off(o.Draw.Event.CREATED, v), c.off(o.Draw.Event.EDITED, y), c.off(o.Draw.Event.DELETED, y);
+		};
+	}, [
+		o,
+		s,
+		v,
+		y,
+		c
+	]), I(_, [_]), /* @__PURE__ */ B(ht.Provider, {
+		value: {
+			featureGroup: l,
+			activeMode: p,
+			setActiveMode: m,
+			editControlRef: d,
+			deleteControlRef: f,
+			layersCount: h
+		},
+		children: [/* @__PURE__ */ z(ke, { ref: u }), /* @__PURE__ */ z(X, {
+			position: t,
+			className: r,
+			children: /* @__PURE__ */ z(n, {
+				orientation: "vertical",
+				...a,
+				children: i
+			})
+		})]
+	});
+}
+function Q({ drawMode: t, createDrawTool: n, className: i, children: a, ...o }) {
+	let s = Z();
+	if (!s) throw Error("Draw buttons must be used inside <MapDrawControl>.");
+	let { L: c } = K(), l = Y(), u = G(), d = L(null), { activeMode: f, setActiveMode: p } = s, m = f === t, h = {
+		marker: l.drawMarker,
+		polyline: l.drawPolyline,
+		circle: l.drawCircle,
+		rectangle: l.drawRectangle,
+		polygon: l.drawPolygon
+	}[t];
+	return I(() => {
+		if (!c || !m) {
+			d.current?.disable(), d.current = null;
+			return;
+		}
+		let e = n(c, u);
+		return e.enable(), d.current = e, () => {
+			e.disable(), d.current = null;
+		};
+	}, [
+		c,
+		n,
+		m,
+		u
+	]), /* @__PURE__ */ z(r, {
+		type: "button",
+		iconOnly: !0,
+		"aria-label": h,
+		title: h,
+		className: e(q.controlButton, i),
+		tone: m ? "primary" : "neutral",
+		buttonStyle: m ? "solid" : "outline",
+		disabled: f === "edit" || f === "delete",
+		onClick: () => p(m ? null : t),
+		...o,
+		children: a
+	});
+}
+var $ = {
+	color: "var(--primary)",
+	opacity: 1,
+	weight: 2
+}, _t = { color: "var(--destructive)" };
+function vt(t) {
+	return /* @__PURE__ */ z(Q, {
+		drawMode: "marker",
+		createDrawTool: (n, r) => new n.Draw.Marker(r, {
+			icon: n.divIcon({
+				className: "",
+				iconAnchor: [12, 12],
+				html: V(/* @__PURE__ */ z("span", {
+					className: e("map-draw-marker--component", q.markerIcon),
+					children: /* @__PURE__ */ z(T, {})
+				}))
+			}),
+			...t
+		}),
+		children: /* @__PURE__ */ z(T, {})
+	});
+}
+function yt({ showLength: e = !1, drawError: t = _t, shapeOptions: n = $, ...r }) {
+	let i = Dt();
+	return /* @__PURE__ */ z(Q, {
+		drawMode: "polyline",
+		createDrawTool: (a, o) => new a.Draw.Polyline(o, {
+			...i ? {
+				icon: i,
+				touchIcon: i
+			} : {},
+			showLength: e,
+			drawError: t,
+			shapeOptions: n,
+			...r
+		}),
+		children: /* @__PURE__ */ z(A, {})
+	});
+}
+function bt({ showRadius: e = !1, shapeOptions: t = $, ...n }) {
+	return /* @__PURE__ */ z(Q, {
+		drawMode: "circle",
+		createDrawTool: (r, i) => new r.Draw.Circle(i, {
+			showRadius: e,
+			shapeOptions: t,
+			...n
+		}),
+		children: /* @__PURE__ */ z(re, {})
+	});
+}
+function xt({ showArea: e = !1, shapeOptions: t = $, ...n }) {
+	return /* @__PURE__ */ z(Q, {
+		drawMode: "rectangle",
+		createDrawTool: (r, i) => new r.Draw.Rectangle(i, {
+			showArea: e,
+			shapeOptions: t,
+			...n
+		}),
+		children: /* @__PURE__ */ z(fe, {})
+	});
+}
+function St({ drawError: e = _t, shapeOptions: t = $, ...n }) {
+	let r = Dt();
+	return /* @__PURE__ */ z(Q, {
+		drawMode: "polygon",
+		createDrawTool: (i, a) => new i.Draw.Polygon(a, {
+			...r ? {
+				icon: r,
+				touchIcon: r
+			} : {},
+			drawError: e,
+			shapeOptions: t,
+			...n
+		}),
+		children: /* @__PURE__ */ z(ue, {})
+	});
+}
+function Ct({ drawAction: t, createDrawTool: n, controlRef: i, className: a, children: o, ...s }) {
+	let c = Z();
+	if (!c) throw Error("Draw buttons must be used inside <MapDrawControl>.");
+	let { L: l } = K(), u = Y(), d = G(), { featureGroup: f, activeMode: p, setActiveMode: m, layersCount: h } = c, g = p === t;
+	return I(() => {
+		if (!l || !f || !g) {
+			i.current?.disable?.(), i.current = null;
+			return;
+		}
+		let e = n(l, d, f);
+		return e.enable?.(), i.current = e, () => {
+			e.disable?.(), i.current = null;
+		};
+	}, [
+		l,
+		i,
+		n,
+		f,
+		g,
+		d
+	]), /* @__PURE__ */ z(r, {
+		type: "button",
+		iconOnly: !0,
+		"aria-label": t === "edit" ? u.editShapes : u.removeShapes,
+		title: t === "edit" ? u.editShapes : u.removeShapes,
+		tone: g ? "primary" : "neutral",
+		buttonStyle: g ? "solid" : "outline",
+		disabled: h === 0,
+		onClick: () => {
+			i.current?.save(), m(g ? null : t);
+		},
+		className: e(q.controlButton, a),
+		...s,
+		children: o
+	});
+}
+function wt({ selectedPathOptions: e = {
+	color: "var(--primary)",
+	fillColor: "var(--primary)",
+	weight: 2
+}, ...t }) {
+	let { L: n } = K(), r = Y(), i = Dt(), a = Z();
+	if (!a) throw Error("MapDrawEdit must be used inside <MapDrawControl>.");
+	return I(() => {
+		if (!(!n || !i)) return me(n, {
+			handleIcon: i,
+			drawError: _t,
+			editInstructions: r.editInstructions,
+			removeInstructions: r.removeInstructions
+		});
+	}, [
+		n,
+		i,
+		r.editInstructions,
+		r.removeInstructions
+	]), /* @__PURE__ */ z(Ct, {
+		drawAction: "edit",
+		controlRef: a.editControlRef,
+		createDrawTool: (n, r, i) => new n.EditToolbar.Edit(r, {
+			featureGroup: i,
+			selectedPathOptions: e,
+			...t
+		}),
+		children: /* @__PURE__ */ z(le, {})
+	});
+}
+function Tt() {
+	let e = Z();
+	if (!e) throw Error("MapDrawDelete must be used inside <MapDrawControl>.");
+	return /* @__PURE__ */ z(Ct, {
+		drawAction: "delete",
+		controlRef: e.deleteControlRef,
+		createDrawTool: (e, t, n) => new e.EditToolbar.Delete(t, { featureGroup: n }),
+		children: /* @__PURE__ */ z(O, {})
+	});
+}
+function Et({ className: t, ...n }) {
+	let i = Z();
+	if (!i) throw Error("MapDrawUndo must be used inside <MapDrawControl>.");
+	let a = Y(), { activeMode: o, setActiveMode: s, editControlRef: c, deleteControlRef: l, layersCount: u } = i, d = o === "edit", f = o === "delete", p = f ? a.undoRemove : a.undoEdit;
+	return /* @__PURE__ */ z(r, {
+		type: "button",
+		tone: "neutral",
+		buttonStyle: "outline",
+		iconOnly: !0,
+		"aria-label": p,
+		title: p,
+		disabled: !((d || f) && u > 0),
+		onClick: () => {
+			d ? c.current?.revertLayers() : f && l.current?.revertLayers(), s(null);
+		},
+		className: e("map-draw-undo--component", q.controlButton, t),
+		...n,
+		children: /* @__PURE__ */ z(k, {})
+	});
+}
+function Dt() {
+	let { L: e } = K();
+	return e ? e.divIcon({
+		iconAnchor: [8, 8],
+		html: V(/* @__PURE__ */ z("span", { className: q.drawHandle }))
+	}) : null;
+}
+//#endregion
+export { Ge as Map, rt as MapCircle, it as MapCircleMarker, X as MapControlContainer, bt as MapDrawCircle, gt as MapDrawControl, Tt as MapDrawDelete, wt as MapDrawEdit, vt as MapDrawMarker, St as MapDrawPolygon, yt as MapDrawPolyline, xt as MapDrawRectangle, Et as MapDrawUndo, Qe as MapFeatureGroup, dt as MapFullscreenControl, Ze as MapLayerGroup, $e as MapLayers, et as MapLayersControl, pt as MapLocateControl, tt as MapMarker, nt as MapMarkerClusterGroup, ot as MapPolygon, at as MapPolyline, ct as MapPopup, st as MapRectangle, mt as MapSearchControl, Xe as MapTileLayer, lt as MapTooltip, ut as MapZoomControl, Be as PlaceAutocomplete, H as defaultMapStrings, _e as defaultPlaceAutocompleteStrings, J as formatAddress, K as useLeaflet, Re as usePlaceSearch };