admin-ui-starter-kit 0.1.0

package/dist/components/base/map/index.js

@@ -0,0 +1,861 @@
+import { useStrings as e } from "../../../lib/strings.js";
+import { cn as t } from "../../../lib/utils.js";
+import { t as n } from "../../../_shared/text-DIxMTECE.js";
+import { t as r } from "../../../_shared/button-BCABTFLE.js";
+import { d as i, g as a, l as o, n as s, o as c, r as l, t as u, u as d } from "../../../_shared/dropdown-menu-xdGEynC8.js";
+import { a as f, d as p, l as m, n as h, o as g, r as _, t as v, u as y } from "../../../_shared/command-Sq8XbHbA.js";
+import * as b from "react";
+import { Suspense as x, createContext as S, lazy as C, useCallback as w, useContext as T, useEffect as E, useRef as D, useState as O } from "react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { CircleIcon as M, LayersIcon as ee, Loader2Icon as N, LoaderCircleIcon as P, MapPinIcon as F, MaximizeIcon as I, MinimizeIcon as L, MinusIcon as R, NavigationIcon as z, PenLineIcon as te, PentagonIcon as B, PlusIcon as V, SearchIcon as ne, SquareIcon as re, Trash2Icon as ie, Undo2Icon as ae, WaypointsIcon as oe } from "lucide-react";
+import { cva as se } from "class-variance-authority";
+import "@base-ui/react/merge-props";
+import "@base-ui/react/use-render";
+import { renderToString as H } from "react-dom/server";
+//#region src/components/ui/button-group.tsx
+var ce = se("has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md flex w-fit items-stretch *:focus-visible:z-10 *:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+	variants: { orientation: {
+		horizontal: "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0 *:data-slot:rounded-r-none",
+		vertical: "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md! flex-col [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0 *:data-slot:rounded-b-none"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function le({ className: e, orientation: n, ...r }) {
+	return /* @__PURE__ */ A("div", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": n,
+		className: t(ce({ orientation: n }), e),
+		...r
+	});
+}
+//#endregion
+//#region src/components/ui/spinner.tsx
+function ue({ className: e, ...n }) {
+	return /* @__PURE__ */ A(N, {
+		role: "status",
+		"aria-label": "Loading",
+		className: t("size-4 animate-spin", e),
+		...n
+	});
+}
+//#endregion
+//#region src/components/base/map/place-autocomplete.tsx
+var de = {
+	searchPlaceholder: "Search",
+	error: "Error: {{message}}",
+	noResults: "Can't find {{query}}.",
+	unknownPlace: "Unknown"
+};
+function fe(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 pe({ 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);
+}
+function me(e, t = 300) {
+	let [n, r] = b.useState(e);
+	return b.useEffect(() => {
+		let n = setTimeout(() => r(e), t);
+		return () => clearTimeout(n);
+	}, [e, t]), n;
+}
+function he({ debounceMs: e, query: t, lang: n, limit: r, bbox: i, lat: a, lon: o, zoom: s, locationBiasScale: c }) {
+	let [l, u] = b.useState([]), [d, f] = b.useState(!1), [p, m] = b.useState(null), [h, g] = b.useState(!1), _ = me(t, e);
+	return b.useEffect(() => {
+		if (!_.trim()) {
+			u([]), f(!1), g(!1);
+			return;
+		}
+		let e = new AbortController();
+		async function t() {
+			f(!0), m(null), g(!0);
+			try {
+				let t = pe({
+					query: _,
+					lang: n,
+					limit: r,
+					bbox: i,
+					lat: a,
+					lon: o,
+					zoom: s,
+					locationBiasScale: c
+				}), l = await fetch(t, { signal: e.signal });
+				if (!l.ok) throw Error(`Photon API error: ${l.status} ${l.statusText}`);
+				let d = await l.json(), f = /* @__PURE__ */ new Set();
+				u(d.features.filter((e) => {
+					let t = e.properties.osm_id;
+					return f.has(t) ? !1 : (f.add(t), !0);
+				}));
+			} catch (e) {
+				e instanceof Error && e.name !== "AbortError" && (m(e), u([]));
+			} finally {
+				f(!1);
+			}
+		}
+		return t(), () => e.abort();
+	}, [
+		_,
+		n,
+		r,
+		i,
+		a,
+		o,
+		s,
+		c
+	]), {
+		results: l,
+		isLoading: d,
+		error: p,
+		hasSearched: h
+	};
+}
+function ge(e, t) {
+	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => t[n] ?? e);
+}
+function _e({ debounceMs: r = 300, lang: i, limit: a = 5, bbox: o, lat: s, lon: c, zoom: l, locationBiasScale: u, className: d, value: x, defaultValue: S = "", onChange: C, onPlaceSelect: w, onResultsChange: T, strings: E, ...D }) {
+	let O = e(de, E), [k, M] = b.useState(S), [ee, N] = b.useState(""), P = x !== void 0, I = P ? x : k, { results: L, isLoading: R, error: z, hasSearched: te } = he({
+		query: ee,
+		debounceMs: r,
+		lang: i,
+		limit: a,
+		bbox: o,
+		lat: s,
+		lon: c,
+		zoom: l,
+		locationBiasScale: u
+	});
+	b.useEffect(() => {
+		T?.(L);
+	}, [L, T]);
+	let B = te && !R && !z && L.length === 0, V = z || B || L.length > 0;
+	return /* @__PURE__ */ A(v, {
+		className: t("place-autocomplete--component", "h-fit overflow-visible", d),
+		shouldFilter: !1,
+		loop: !0,
+		children: /* @__PURE__ */ j("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ j(m, {
+				className: t("border-input! bg-popover! ring-0!", V && "rounded-b-none"),
+				children: [
+					/* @__PURE__ */ A(y, { children: /* @__PURE__ */ A(ne, {}) }),
+					/* @__PURE__ */ A(p, {
+						placeholder: O.searchPlaceholder,
+						value: I,
+						onChange: (e) => {
+							let t = e.target.value;
+							P || M(t), N(t), C?.(t);
+						},
+						...D
+					}),
+					!!R && /* @__PURE__ */ A(y, {
+						align: "inline-end",
+						children: /* @__PURE__ */ A(ue, {})
+					})
+				]
+			}), !!V && /* @__PURE__ */ j(g, {
+				"data-state": V ? "open" : "closed",
+				className: t("bg-popover border-input absolute top-full right-0 left-0 rounded-b-md border border-t-0 shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=open]:slide-in-from-top-2 data-[state=closed]:slide-out-to-top-2"),
+				children: [
+					!!z && /* @__PURE__ */ A(h, { children: ge(O.error, { message: z.message }) }),
+					!!B && /* @__PURE__ */ A(h, { children: ge(O.noResults, { query: I }) }),
+					L.length > 0 && /* @__PURE__ */ A(_, { children: L.map((e) => {
+						let t = fe(e.properties);
+						return /* @__PURE__ */ j(f, {
+							value: String(e.properties.osm_id),
+							onSelect: () => {
+								let t = fe(e.properties);
+								P || M(t), N(""), C?.(t), w?.(e);
+							},
+							children: [/* @__PURE__ */ A(F, {}), /* @__PURE__ */ j("div", {
+								className: "flex flex-col items-start text-start",
+								children: [/* @__PURE__ */ A(n, {
+									tag: "span",
+									weight: "medium",
+									children: e.properties.name || e.properties.street || O.unknownPlace
+								}), /* @__PURE__ */ A(n, {
+									tag: "span",
+									size: "xs",
+									type: "secondary",
+									children: t
+								})]
+							})]
+						}, e.properties.osm_id);
+					}) })
+				]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/base/map/map.tsx
+var ve = () => ({ resolvedTheme: typeof document < "u" && document.documentElement.classList.contains("dark") ? "dark" : "light" }), U = S(null);
+function W(e) {
+	let t = C(e);
+	return (e) => {
+		let [n, r] = O(!1);
+		return E(() => {
+			r(!0);
+		}, []), n ? /* @__PURE__ */ A(x, { children: /* @__PURE__ */ A(t, { ...e }) }) : null;
+	};
+}
+var ye = W(() => import("react-leaflet").then((e) => ({ default: e.MapContainer }))), be = W(() => import("react-leaflet").then((e) => ({ default: e.TileLayer }))), xe = W(() => import("react-leaflet").then((e) => ({ default: e.Marker }))), Se = W(() => import("react-leaflet").then((e) => ({ default: e.Popup }))), Ce = W(() => import("react-leaflet").then((e) => ({ default: e.Tooltip }))), we = W(() => import("react-leaflet").then((e) => ({ default: e.Circle }))), Te = W(() => import("react-leaflet").then((e) => ({ default: e.CircleMarker }))), Ee = W(() => import("react-leaflet").then((e) => ({ default: e.Polyline }))), De = W(() => import("react-leaflet").then((e) => ({ default: e.Polygon }))), Oe = W(() => import("react-leaflet").then((e) => ({ default: e.Rectangle }))), ke = W(() => import("react-leaflet").then((e) => ({ default: e.LayerGroup }))), Ae = W(() => import("react-leaflet").then((e) => ({ default: e.FeatureGroup }))), je = W(async () => import("react-leaflet-markercluster").then((e) => ({ default: e.default }))), Me = W(async () => {
+	let e = await import("react-leaflet");
+	function t({ children: t }) {
+		return /* @__PURE__ */ A(U.Provider, {
+			value: {
+				useMap: e.useMap,
+				useMapEvents: e.useMapEvents
+			},
+			children: t
+		});
+	}
+	return { default: t };
+});
+function G() {
+	let e = T(U);
+	if (!e) throw Error("Map controls must be rendered within Map.");
+	return e.useMap();
+}
+function Ne(e) {
+	let t = T(U);
+	if (!t) throw Error("Map controls must be rendered within Map.");
+	return t.useMapEvents(e);
+}
+function Pe({ zoom: e = 15, maxZoom: n = 18, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ A(ye, {
+		zoom: e,
+		maxZoom: n,
+		attributionControl: !1,
+		zoomControl: !1,
+		className: t("map--component", "z-50 size-full min-h-96 flex-1 rounded-md", r),
+		...a,
+		children: /* @__PURE__ */ A(Me, { children: i })
+	});
+}
+var K = S(null);
+function q() {
+	return T(K);
+}
+function Fe({ name: e = "Default", url: t, attribution: n, darkUrl: r, darkAttribution: i, ...a }) {
+	let o = G();
+	o.attributionControl && o.attributionControl.setPrefix("");
+	let s = T(K), { resolvedTheme: c } = ve(), l = c === "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", u = c === "dark" && i ? i : n ?? "&copy; <a href=\"http://www.openstreetmap.org/copyright\">OpenStreetMap</a>, &copy; <a href=\"https://carto.com/attributions\">CARTO</a>";
+	return E(() => {
+		s && s.registerTileLayer({
+			name: e,
+			url: l,
+			attribution: u
+		});
+	}, [
+		s,
+		e,
+		u,
+		l
+	]), s && s.selectedTileLayer !== e ? null : /* @__PURE__ */ A(be, {
+		url: l,
+		attribution: u,
+		...a
+	});
+}
+function Ie({ name: e, disabled: t, ...n }) {
+	let r = q();
+	return E(() => {
+		r && r.registerLayerGroup({
+			name: e,
+			disabled: t
+		});
+	}, [
+		r,
+		e,
+		t
+	]), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ A(ke, { ...n });
+}
+function Le({ name: e, disabled: t, ...n }) {
+	let r = q();
+	return E(() => {
+		r && r.registerLayerGroup({
+			name: e,
+			disabled: t
+		});
+	}, [
+		r,
+		e,
+		t
+	]), r && !r.activeLayerGroups.includes(e) ? null : /* @__PURE__ */ A(Ae, { ...n });
+}
+function Re({ defaultTileLayer: e, defaultLayerGroups: t = [], ...n }) {
+	let [r, i] = O([]), [a, o] = O(e || ""), [s, c] = O([]), [l, u] = O(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 E(() => {
+		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 && o(e && r.some((t) => t.name === e) ? e : r[0].name), 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__ */ A(K.Provider, {
+		value: {
+			registerTileLayer: d,
+			tileLayers: r,
+			selectedTileLayer: a,
+			setSelectedTileLayer: o,
+			registerLayerGroup: f,
+			layerGroups: s,
+			activeLayerGroups: l,
+			setActiveLayerGroups: u
+		},
+		...n
+	});
+}
+function ze({ tileLayersLabel: e = "Map Type", layerGroupsLabel: n = "Layers", position: f = "top-1 right-1", className: p, ...m }) {
+	let h = q();
+	if (!h) throw Error("MapLayersControl must be used within MapLayers");
+	let { tileLayers: g, selectedTileLayer: _, setSelectedTileLayer: v, layerGroups: y, activeLayerGroups: b, setActiveLayerGroups: x } = h;
+	if (g.length === 0 && y.length === 0) return null;
+	function S(e, t) {
+		x(t ? [...b, e] : b.filter((t) => t !== e));
+	}
+	let C = g.length > 1, w = y.length > 0;
+	return !C && !w ? null : /* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(a, {
+		render: /* @__PURE__ */ A(r, {
+			type: "button",
+			variant: "secondary",
+			size: "icon-sm",
+			"aria-label": "Select layers",
+			title: "Select layers",
+			className: t("absolute z-1000 border", f, p),
+			...m
+		}),
+		children: /* @__PURE__ */ A(ee, {})
+	}), /* @__PURE__ */ j(l, {
+		align: "end",
+		className: "z-1000",
+		children: [
+			!!C && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(c, { children: e }), /* @__PURE__ */ A(o, {
+				value: _,
+				onValueChange: v,
+				children: g.map((e) => /* @__PURE__ */ A(d, {
+					value: e.name,
+					children: e.name
+				}, e.name))
+			})] }),
+			!!C && !!w && /* @__PURE__ */ A(i, {}),
+			!!w && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(c, { children: n }), y.map((e) => /* @__PURE__ */ A(s, {
+				checked: b.includes(e.name),
+				disabled: e.disabled,
+				onCheckedChange: (t) => S(e.name, t),
+				children: e.name
+			}, e.name))] })
+		]
+	})] });
+}
+function Be({ icon: e = /* @__PURE__ */ A(F, { className: "size-6 text-foreground" }), iconAnchor: t = [12, 12], bgPos: n, popupAnchor: r, tooltipAnchor: i, ...a }) {
+	let { L: o } = $();
+	return o ? /* @__PURE__ */ A(xe, {
+		icon: o.divIcon({
+			className: "",
+			html: H(e),
+			iconAnchor: t,
+			...n ? { bgPos: n } : {},
+			...r ? { popupAnchor: r } : {},
+			...i ? { tooltipAnchor: i } : {}
+		}),
+		riseOnHover: !0,
+		...a
+	}) : null;
+}
+function Ve({ 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__ */ A(je, {
+		polygonOptions: e,
+		spiderLegPolylineOptions: t,
+		iconCreateFunction: n ? (e) => {
+			let t = n(e.getChildCount());
+			return i.divIcon({ html: H(t) });
+		} : void 0,
+		...r
+	}) : null;
+}
+function He({ className: e, ...n }) {
+	return /* @__PURE__ */ A(we, {
+		className: t("fill-foreground stroke-foreground stroke-2", e),
+		...n
+	});
+}
+function Ue({ className: e, ...n }) {
+	return /* @__PURE__ */ A(Te, {
+		className: t("fill-foreground stroke-foreground stroke-2", e),
+		...n
+	});
+}
+function We({ className: e, ...n }) {
+	return /* @__PURE__ */ A(Ee, {
+		className: t("fill-foreground stroke-foreground stroke-2", e),
+		...n
+	});
+}
+function Ge({ className: e, ...n }) {
+	return /* @__PURE__ */ A(De, {
+		className: t("fill-foreground stroke-foreground stroke-2", e),
+		...n
+	});
+}
+function Ke({ className: e, ...n }) {
+	return /* @__PURE__ */ A(Oe, {
+		className: t("fill-foreground stroke-foreground stroke-2", e),
+		...n
+	});
+}
+function qe({ className: e, ...n }) {
+	return /* @__PURE__ */ A(Se, {
+		className: t("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-md border p-4 font-sans shadow-md outline-hidden", e),
+		...n
+	});
+}
+function Je({ 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__ */ j(Ce, {
+		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__ */ A("div", { className: t("bg-foreground fill-foreground absolute z-50 size-2.5 rotate-45 rounded-[2px]", o[r]) })]
+	});
+}
+function Ye({ position: e = "top-1 left-1", className: n, ...i }) {
+	let a = G(), [o, s] = O(a.getZoom());
+	return Ne({ zoomend: () => {
+		s(a.getZoom());
+	} }), /* @__PURE__ */ A(Z, {
+		className: t(e, n),
+		children: /* @__PURE__ */ j(le, {
+			orientation: "vertical",
+			"aria-label": "Zoom controls",
+			...i,
+			children: [/* @__PURE__ */ A(r, {
+				type: "button",
+				size: "icon-sm",
+				variant: "secondary",
+				"aria-label": "Zoom in",
+				title: "Zoom in",
+				className: "border",
+				disabled: o >= a.getMaxZoom(),
+				onClick: () => a.zoomIn(),
+				children: /* @__PURE__ */ A(V, {})
+			}), /* @__PURE__ */ A(r, {
+				type: "button",
+				size: "icon-sm",
+				variant: "secondary",
+				"aria-label": "Zoom out",
+				title: "Zoom out",
+				className: "border",
+				disabled: o <= a.getMinZoom(),
+				onClick: () => a.zoomOut(),
+				children: /* @__PURE__ */ A(R, {})
+			})]
+		})
+	});
+}
+function Xe({ position: e = "top-1 right-1", className: n, ...i }) {
+	let a = G(), [o, s] = O(!1), { L: c } = $();
+	return E(() => {
+		if (!c) return;
+		let e = new c.Control.FullScreen();
+		e.addTo(a);
+		let t = e.getContainer();
+		t && (t.style.display = "none");
+		let n = () => s(!0), r = () => s(!1);
+		return a.on("enterFullscreen", n), a.on("exitFullscreen", r), () => {
+			e.remove(), a.off("enterFullscreen", n), a.off("exitFullscreen", r);
+		};
+	}, [c, a]), /* @__PURE__ */ A(Z, {
+		className: t(e, n),
+		children: /* @__PURE__ */ A(r, {
+			type: "button",
+			size: "icon-sm",
+			variant: "secondary",
+			onClick: () => a.toggleFullscreen(),
+			"aria-label": o ? "Exit fullscreen" : "Enter fullscreen",
+			title: o ? "Exit fullscreen" : "Enter fullscreen",
+			className: "border",
+			...i,
+			children: A(o ? L : I, {})
+		})
+	});
+}
+function Ze() {
+	return /* @__PURE__ */ j("div", {
+		className: "absolute -top-1 -right-1 flex size-3 rounded-full",
+		children: [/* @__PURE__ */ A("div", { className: "bg-primary absolute inline-flex size-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ A("div", { className: "bg-primary relative inline-flex size-3 rounded-full" })]
+	});
+}
+function Qe({ watch: e = !1, onLocationFound: n, onLocationError: i, position: a = "right-1 bottom-1", className: o, ...s }) {
+	let c = G(), [l, u] = ut(200), [d, f] = O(null), p = d !== null, m = w(() => {
+		u(!0), c.locate({
+			setView: !0,
+			maxZoom: c.getMaxZoom(),
+			watch: e
+		}), c.on("locationfound", (e) => {
+			f(e.latlng), u(!1), n?.(e);
+		}), c.on("locationerror", (e) => {
+			f(null), u(!1), i?.(e);
+		});
+	}, [
+		c,
+		i,
+		n,
+		u,
+		e
+	]), h = w(() => {
+		c.stopLocate(), c.off("locationfound"), c.off("locationerror"), f(null), u(!1);
+	}, [c, u]), g = p ? h : m, _ = l ? "Locating..." : p ? "Stop tracking" : "Track location", v = l ? "Locating..." : p ? "Stop location tracking" : "Start location tracking", y = p && d ? /* @__PURE__ */ A(Be, {
+		position: d,
+		icon: /* @__PURE__ */ A(Ze, {})
+	}) : null;
+	return E(() => () => h(), [h]), /* @__PURE__ */ j(Z, {
+		className: t(a, o),
+		children: [/* @__PURE__ */ A(r, {
+			type: "button",
+			size: "icon-sm",
+			variant: p ? "default" : "secondary",
+			onClick: g,
+			disabled: l,
+			title: _,
+			"aria-label": v,
+			className: "border",
+			...s,
+			children: l ? /* @__PURE__ */ A(P, { className: "animate-spin" }) : /* @__PURE__ */ A(z, {})
+		}), y]
+	});
+}
+function $e({ position: e = "top-1 left-1", className: n, ...r }) {
+	return /* @__PURE__ */ A(Z, {
+		className: t("z-1001 w-60", e, n),
+		children: /* @__PURE__ */ A(_e, { ...r })
+	});
+}
+var J = S(null);
+function Y() {
+	return T(J);
+}
+function et({ onLayersChange: e, position: n = "bottom-1 left-1", className: r, ...i }) {
+	let { L: a, LeafletDraw: o } = $(), s = G(), c = D(null), l = D(null), u = D(null), [d, f] = O(null), [p, m] = O(0), h = w(() => {
+		c.current && m(c.current.getLayers().length);
+	}, []), g = w((t) => {
+		if (!c.current) return;
+		let { layer: n } = t;
+		c.current.addLayer(n), e?.(c.current), h(), f(null);
+	}, [e, h]), _ = w(() => {
+		c.current && (e?.(c.current), h(), f(null));
+	}, [e, h]);
+	return E(() => {
+		if (!(!a || !o || !s)) return s.on(a.Draw.Event.CREATED, g), s.on(a.Draw.Event.EDITED, _), s.on(a.Draw.Event.DELETED, _), () => {
+			s.off(a.Draw.Event.CREATED, g), s.off(a.Draw.Event.EDITED, _), s.off(a.Draw.Event.DELETED, _);
+		};
+	}, [
+		a,
+		o,
+		s,
+		g,
+		_
+	]), /* @__PURE__ */ j(J.Provider, {
+		value: {
+			featureGroup: c.current,
+			activeMode: d,
+			setActiveMode: f,
+			editControlRef: l,
+			deleteControlRef: u,
+			layersCount: p
+		},
+		children: [/* @__PURE__ */ A(Ae, { ref: c }), /* @__PURE__ */ A(Z, {
+			className: t(n, r),
+			children: /* @__PURE__ */ A(le, {
+				orientation: "vertical",
+				...i
+			})
+		})]
+	});
+}
+function X({ drawMode: e, createDrawTool: n, className: i, ...a }) {
+	let o = Y();
+	if (!o) throw Error("MapDrawShapeButton must be used within MapDrawControl");
+	let { L: s } = $(), c = G(), l = D(null), { activeMode: u, setActiveMode: d } = o, f = u === e;
+	E(() => {
+		if (!s || !f) {
+			l.current?.disable(), l.current = null;
+			return;
+		}
+		let e = n(s, c);
+		return e.enable(), l.current = e, () => {
+			e.disable(), l.current = null;
+		};
+	}, [
+		s,
+		c,
+		f,
+		n
+	]);
+	function p() {
+		d(f ? null : e);
+	}
+	return /* @__PURE__ */ A(r, {
+		type: "button",
+		size: "icon-sm",
+		"aria-label": `Draw ${e}`,
+		title: `Draw ${e}`,
+		className: t("border", i),
+		variant: f ? "default" : "secondary",
+		disabled: u === "edit" || u === "delete",
+		onClick: p,
+		...a
+	});
+}
+function tt({ ...e }) {
+	return /* @__PURE__ */ A(X, {
+		drawMode: "marker",
+		createDrawTool: (t, n) => new t.Draw.Marker(n, {
+			icon: t.divIcon({
+				className: "",
+				iconAnchor: [12, 12],
+				html: H(/* @__PURE__ */ A(F, { className: "size-6" }))
+			}),
+			...e
+		}),
+		children: /* @__PURE__ */ A(F, {})
+	});
+}
+function nt({ showLength: e = !1, drawError: t = { color: "var(--color-destructive)" }, shapeOptions: n = {
+	color: "var(--color-primary)",
+	opacity: 1,
+	weight: 2
+}, ...r }) {
+	let i = Q();
+	return /* @__PURE__ */ A(X, {
+		drawMode: "polyline",
+		createDrawTool: (a, o) => new a.Draw.Polyline(o, {
+			...i ? {
+				icon: i,
+				touchIcon: i
+			} : {},
+			showLength: e,
+			drawError: t,
+			shapeOptions: n,
+			...r
+		}),
+		children: /* @__PURE__ */ A(oe, {})
+	});
+}
+function rt({ showRadius: e = !1, shapeOptions: t = {
+	color: "var(--color-primary)",
+	opacity: 1,
+	weight: 2
+}, ...n }) {
+	return /* @__PURE__ */ A(X, {
+		drawMode: "circle",
+		createDrawTool: (r, i) => new r.Draw.Circle(i, {
+			showRadius: e,
+			shapeOptions: t,
+			...n
+		}),
+		children: /* @__PURE__ */ A(M, {})
+	});
+}
+function it({ showArea: e = !1, shapeOptions: t = {
+	color: "var(--color-primary)",
+	opacity: 1,
+	weight: 2
+}, ...n }) {
+	return /* @__PURE__ */ A(X, {
+		drawMode: "rectangle",
+		createDrawTool: (r, i) => new r.Draw.Rectangle(i, {
+			showArea: e,
+			shapeOptions: t,
+			...n
+		}),
+		children: /* @__PURE__ */ A(re, {})
+	});
+}
+function at({ drawError: e = { color: "var(--color-destructive)" }, shapeOptions: t = {
+	color: "var(--color-primary)",
+	opacity: 1,
+	weight: 2
+}, ...n }) {
+	let r = Q();
+	return /* @__PURE__ */ A(X, {
+		drawMode: "polygon",
+		createDrawTool: (i, a) => new i.Draw.Polygon(a, {
+			...r ? {
+				icon: r,
+				touchIcon: r
+			} : {},
+			drawError: e,
+			shapeOptions: t,
+			...n
+		}),
+		children: /* @__PURE__ */ A(B, {})
+	});
+}
+function ot({ drawAction: e, createDrawTool: n, controlRef: i, className: a, ...o }) {
+	let s = Y();
+	if (!s) throw Error("MapDrawActionButton must be used within MapDrawControl");
+	let { L: c } = $(), l = G(), { featureGroup: u, activeMode: d, setActiveMode: f, layersCount: p } = s, m = d === e, h = p > 0;
+	E(() => {
+		if (!c || !u || !m) {
+			i.current?.disable?.(), i.current = null;
+			return;
+		}
+		let e = n(c, l, u);
+		return e.enable?.(), i.current = e, () => {
+			e.disable?.(), i.current = null;
+		};
+	}, [
+		c,
+		l,
+		m,
+		u,
+		n,
+		i
+	]);
+	function g() {
+		i.current?.save(), f(m ? null : e);
+	}
+	return /* @__PURE__ */ A(r, {
+		type: "button",
+		size: "icon-sm",
+		"aria-label": `${e === "edit" ? "Edit" : "Remove"} shapes`,
+		title: `${e === "edit" ? "Edit" : "Remove"} shapes`,
+		variant: m ? "default" : "secondary",
+		disabled: !h,
+		onClick: g,
+		className: t("border", a),
+		...o
+	});
+}
+function st({ selectedPathOptions: e = {
+	color: "var(--color-primary)",
+	fillColor: "var(--color-primary)",
+	weight: 2
+}, ...t }) {
+	let { L: n } = $(), r = Q(), i = Y();
+	if (!i) throw Error("MapDrawEdit must be used within MapDrawControl");
+	return E(() => {
+		!n || !r || (n.Edit.PolyVerticesEdit.mergeOptions({
+			icon: r,
+			touchIcon: r,
+			drawError: { color: "var(--color-destructive)" }
+		}), n.Edit.SimpleShape.mergeOptions({
+			moveIcon: r,
+			resizeIcon: r,
+			touchMoveIcon: r,
+			touchResizeIcon: r
+		}), n.drawLocal.edit.handlers.edit.tooltip = {
+			text: "Drag handles or markers to edit.",
+			subtext: ""
+		}, n.drawLocal.edit.handlers.remove.tooltip = { text: "Click on a shape to remove." });
+	}, [n, r]), /* @__PURE__ */ A(ot, {
+		drawAction: "edit",
+		controlRef: i.editControlRef,
+		createDrawTool: (n, r, i) => new n.EditToolbar.Edit(r, {
+			featureGroup: i,
+			selectedPathOptions: e,
+			...t
+		}),
+		children: /* @__PURE__ */ A(te, {})
+	});
+}
+function ct() {
+	let e = Y();
+	if (!e) throw Error("MapDrawDelete must be used within MapDrawControl");
+	return /* @__PURE__ */ A(ot, {
+		drawAction: "delete",
+		controlRef: e.deleteControlRef,
+		createDrawTool: (e, t, n) => new e.EditToolbar.Delete(t, { featureGroup: n }),
+		children: /* @__PURE__ */ A(ie, {})
+	});
+}
+function lt({ className: e, ...n }) {
+	let i = Y();
+	if (!i) throw Error("MapDrawUndo must be used within MapDrawControl");
+	let { activeMode: a, setActiveMode: o, editControlRef: s, deleteControlRef: c, layersCount: l } = i, u = a === "edit", d = a === "delete", f = (u || d) && l > 0;
+	function p() {
+		u ? s.current?.revertLayers() : d && c.current?.revertLayers(), o(null);
+	}
+	return /* @__PURE__ */ A(r, {
+		type: "button",
+		size: "icon-sm",
+		variant: "secondary",
+		"aria-label": `Undo ${a}`,
+		title: `Undo ${a}`,
+		onClick: p,
+		disabled: !f,
+		className: t("border", e),
+		...n,
+		children: /* @__PURE__ */ A(ae, {})
+	});
+}
+function Z({ className: e, ...n }) {
+	let { L: r } = $(), i = D(null);
+	return E(() => {
+		if (!r) return;
+		let e = i.current;
+		e && (r.DomEvent.disableClickPropagation(e), r.DomEvent.disableScrollPropagation(e));
+	}, [r]), /* @__PURE__ */ A("div", {
+		ref: i,
+		className: t("absolute z-1000 size-fit cursor-default", e),
+		...n
+	});
+}
+function Q() {
+	let { L: e } = $();
+	return e ? e.divIcon({
+		iconAnchor: [8, 8],
+		html: H(/* @__PURE__ */ A(M, { className: "fill-primary stroke-primary size-4 transition-transform hover:scale-110" }))
+	}) : null;
+}
+function $() {
+	let [e, t] = O(null), [n, r] = O(null);
+	return E(() => {
+		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 ut(e = 200) {
+	let [t, n] = O(!1), [r, i] = O(!1), a = D(null);
+	return E(() => (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 { Pe as Map, He as MapCircle, Ue as MapCircleMarker, Z as MapControlContainer, rt as MapDrawCircle, et as MapDrawControl, ct as MapDrawDelete, st as MapDrawEdit, tt as MapDrawMarker, at as MapDrawPolygon, nt as MapDrawPolyline, it as MapDrawRectangle, lt as MapDrawUndo, Le as MapFeatureGroup, Xe as MapFullscreenControl, Ie as MapLayerGroup, Re as MapLayers, ze as MapLayersControl, Qe as MapLocateControl, Be as MapMarker, Ve as MapMarkerClusterGroup, Ge as MapPolygon, We as MapPolyline, qe as MapPopup, Ke as MapRectangle, $e as MapSearchControl, Fe as MapTileLayer, Je as MapTooltip, Ye as MapZoomControl, _e as PlaceAutocomplete, de as defaultPlaceAutocompleteStrings, $ as useLeaflet };
+
+//# sourceMappingURL=index.js.map