npm - @datum-cloud/datum-ui - Versions diffs - 0.2.0-alpha.1 → 0.2.0-alpha.3 - Mend

@datum-cloud/datum-ui 0.2.0-alpha.1 → 0.2.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/README.md +311 -0
package/dist/_shadcn/ui/map-leaflet-imports.d.ts +7 -0
package/dist/_shadcn/ui/map-leaflet-imports.d.ts.map +1 -0
package/dist/_shadcn/ui/map.d.ts +1 -6
package/dist/_shadcn/ui/map.d.ts.map +1 -1
package/dist/components/base/index.d.ts +3 -0
package/dist/components/base/index.d.ts.map +1 -1
package/dist/components/base/typography/index.d.ts +2 -0
package/dist/components/base/typography/index.d.ts.map +1 -0
package/dist/components/base/typography/typography.d.ts +1182 -0
package/dist/components/base/typography/typography.d.ts.map +1 -0
package/dist/components/index.mjs +2 -2
package/dist/index.mjs +2 -2
package/dist/map-leaflet-imports-OKaoesjZ.mjs +8 -0
package/dist/style.css +154 -0
package/dist/{theme-script-CS7JSmQs.mjs → theme-script-DHyLk25i.mjs} +1289 -15
package/package.json +35 -1

package/dist/{theme-script-CS7JSmQs.mjs → theme-script-DHyLk25i.mjs} RENAMED Viewed

@@ -3,9 +3,9 @@ import { n as SpinnerIcon, t as Icon } from "./icon-wrapper-BgPkifId.mjs";
 import { t as CloseIcon } from "./close.icon-chkXPAUC.mjs";
 import { n as toast$1, t as useCopyToClipboard } from "./use-copy-to-clipboard-BfrpD6G8.mjs";
 import { cva } from "class-variance-authority";
-import { Ban, Calendar, CalendarIcon, CheckCircle2, CheckIcon, ChevronDown, ChevronDownIcon, ChevronLeftIcon, ChevronRight, ChevronRightIcon, ChevronUp, ChevronUpIcon, CircleAlert, CircleCheck, CircleHelp, CircleIcon, CircleXIcon, CopyIcon, CornerDownRightIcon, Ellipsis, ExternalLinkIcon, FileIcon, Globe, ListTodo, Loader2Icon, MoreHorizontal, PanelLeftCloseIcon, PanelLeftOpenIcon, SearchIcon, UploadIcon, X, XCircle, XIcon } from "lucide-react";
+import { Ban, Calendar, CalendarIcon, CheckCircle2, CheckIcon, ChevronDown, ChevronDownIcon, ChevronLeftIcon, ChevronRight, ChevronRightIcon, ChevronUp, ChevronUpIcon, CircleAlert, CircleCheck, CircleHelp, CircleIcon, CircleXIcon, CopyIcon, CornerDownRightIcon, Ellipsis, ExternalLinkIcon, FileIcon, Globe, LayersIcon, ListTodo, Loader2Icon, LoaderCircleIcon, MapPinIcon, MaximizeIcon, MinimizeIcon, MinusIcon, MoreHorizontal, NavigationIcon, PanelLeftCloseIcon, PanelLeftOpenIcon, PenLineIcon, PentagonIcon, PlusIcon, SearchIcon, SquareIcon, Trash2Icon, Undo2Icon, UploadIcon, WaypointsIcon, X, XCircle, XIcon } from "lucide-react";
 import * as React$1 from "react";
-import React, { Fragment, createContext, use, useCallback, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import React, { Fragment, Suspense, createContext, lazy, use, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -19,6 +19,8 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { Command } from "cmdk";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import * as LabelPrimitive from "@radix-ui/react-label";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { renderToString } from "react-dom/server.browser";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import * as SelectPrimitive from "@radix-ui/react-select";
@@ -30,7 +32,6 @@ import { useVirtualizer } from "@tanstack/react-virtual";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { endOfDay, endOfMonth, endOfWeek, endOfYear, format, formatDistanceToNowStrict, isSameDay, isSameYear, parse, startOfDay, startOfMonth, startOfWeek, startOfYear, subDays, subHours, subMinutes } from "date-fns";
 import { formatInTimeZone, fromZonedTime, toDate, toZonedTime } from "date-fns-tz";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { useDropzone } from "react-dropzone";
 import { FormProvider, getFormProps, getInputProps, getTextareaProps, useForm, useFormMetadata, useInputControl } from "@conform-to/react";
 import { Toaster } from "sonner";
@@ -1447,6 +1448,1097 @@ function Label({ ref, className, ...props }) {
 }
 Label.displayName = "Label";
+//#endregion
+//#region ../shadcn/hooks/use-theme.ts
+/**
+* Lightweight theme detection hook for shadcn components.
+* Detects dark mode via the `dark` class on <html> (Tailwind convention)
+* or falls back to prefers-color-scheme media query.
+*/
+function useTheme() {
+	const [resolvedTheme, setResolvedTheme] = React$1.useState("light");
+	React$1.useEffect(() => {
+		const detect = () => {
+			if (document.documentElement.classList.contains("dark")) return "dark";
+			if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
+			return "light";
+		};
+		setResolvedTheme(detect());
+		const observer = new MutationObserver(() => setResolvedTheme(detect()));
+		observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: ["class"]
+		});
+		const mql = window.matchMedia("(prefers-color-scheme: dark)");
+		const onChange = () => setResolvedTheme(detect());
+		mql.addEventListener("change", onChange);
+		return () => {
+			observer.disconnect();
+			mql.removeEventListener("change", onChange);
+		};
+	}, []);
+	return { resolvedTheme };
+}
+//#endregion
+//#region ../shadcn/ui/dropdown-menu.tsx
+/**
+* Vanilla shadcn/ui DropdownMenu Component
+* Pure shadcn dropdown without Datum customizations
+* For Datum-specific features (destructive MenuItem), import from @/modules/datum-ui
+*/
+const DropdownMenu$1 = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger$1 = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup$1 = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal$1 = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub$1 = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup$1 = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuSubTrigger$1 = React$1.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+	ref,
+	className: cn("focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
+}));
+DropdownMenuSubTrigger$1.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+const DropdownMenuSubContent$1 = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+	ref,
+	className: cn("bg-popover text-popover-foreground 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg", className),
+	...props
+}));
+DropdownMenuSubContent$1.displayName = DropdownMenuPrimitive.SubContent.displayName;
+const DropdownMenuContent$1 = React$1.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+	ref,
+	sideOffset,
+	className: cn("bg-popover text-popover-foreground 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md", className),
+	...props
+}) }));
+DropdownMenuContent$1.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem$1 = React$1.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+	ref,
+	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuItem$1.displayName = DropdownMenuPrimitive.Item.displayName;
+const DropdownMenuCheckboxItem$1 = React$1.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+	ref,
+	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	checked,
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" }) })
+	}), children]
+}));
+DropdownMenuCheckboxItem$1.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+const DropdownMenuRadioItem$1 = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+	ref,
+	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "h-2 w-2 fill-current" }) })
+	}), children]
+}));
+DropdownMenuRadioItem$1.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+const DropdownMenuLabel$1 = React$1.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+	ref,
+	className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuLabel$1.displayName = DropdownMenuPrimitive.Label.displayName;
+const DropdownMenuSeparator$1 = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+	ref,
+	className: cn("bg-muted -mx-1 my-1 h-px", className),
+	...props
+}));
+DropdownMenuSeparator$1.displayName = DropdownMenuPrimitive.Separator.displayName;
+const DropdownMenuShortcut$1 = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+		...props
+	});
+};
+DropdownMenuShortcut$1.displayName = "DropdownMenuShortcut";
+//#endregion
+//#region ../shadcn/ui/spinner.tsx
+function Spinner({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Loader2Icon, {
+		role: "status",
+		"aria-label": "Loading",
+		className: cn("size-4 animate-spin", className),
+		...props
+	});
+}
+//#endregion
+//#region ../shadcn/ui/place-autocomplete.tsx
+function formatAddress(properties) {
+	const parts = [];
+	if (properties.name) parts.push(properties.name);
+	if (properties.housenumber && properties.street) parts.push(`${properties.housenumber} ${properties.street}`);
+	else if (properties.street) parts.push(properties.street);
+	if (properties.city) parts.push(properties.city);
+	else if (properties.locality) parts.push(properties.locality);
+	if (properties.state && properties.state !== properties.city) parts.push(properties.state);
+	if (properties.country) parts.push(properties.country);
+	return [...new Set(parts)].join(", ");
+}
+function buildSearchUrl({ query, bbox, lang, lat, limit, locationBiasScale, lon, zoom }) {
+	const url = new URL("https://photon.komoot.io/api");
+	url.searchParams.set("q", query);
+	if (lang) url.searchParams.set("lang", lang);
+	if (limit) url.searchParams.set("limit", String(limit));
+	if (bbox) url.searchParams.set("bbox", bbox.join(","));
+	if (lat !== void 0 && lon !== void 0) {
+		url.searchParams.set("lat", String(lat));
+		url.searchParams.set("lon", String(lon));
+	}
+	if (zoom !== void 0) url.searchParams.set("zoom", String(zoom));
+	if (locationBiasScale !== void 0) url.searchParams.set("location_bias_scale", String(locationBiasScale));
+	return String(url);
+}
+function useDebounce(value, delay = 300) {
+	const [debouncedValue, setDebouncedValue] = React$1.useState(value);
+	React$1.useEffect(() => {
+		const timer = setTimeout(() => setDebouncedValue(value), delay);
+		return () => clearTimeout(timer);
+	}, [value, delay]);
+	return debouncedValue;
+}
+function usePlaceSearch({ debounceMs, query, ...props }) {
+	const [results, setResults] = React$1.useState([]);
+	const [isLoading, setIsLoading] = React$1.useState(false);
+	const [error, setError] = React$1.useState(null);
+	const [hasSearched, setHasSearched] = React$1.useState(false);
+	const debouncedQuery = useDebounce(query, debounceMs);
+	React$1.useEffect(() => {
+		if (!debouncedQuery.trim()) {
+			setResults([]);
+			setIsLoading(false);
+			setHasSearched(false);
+			return;
+		}
+		const abortController = new AbortController();
+		async function fetchResults() {
+			setIsLoading(true);
+			setError(null);
+			setHasSearched(true);
+			try {
+				const url = buildSearchUrl({
+					query: debouncedQuery,
+					...props
+				});
+				const response = await fetch(url, { signal: abortController.signal });
+				if (!response.ok) throw new Error(`Photon API error: ${response.status} ${response.statusText}`);
+				const data = await response.json();
+				const addressOsmIds = /* @__PURE__ */ new Set();
+				setResults(data.features.filter((feature) => {
+					const id = feature.properties.osm_id;
+					if (addressOsmIds.has(id)) return false;
+					addressOsmIds.add(id);
+					return true;
+				}));
+			} catch (err) {
+				if (err instanceof Error && err.name !== "AbortError") {
+					setError(err);
+					setResults([]);
+				}
+			} finally {
+				setIsLoading(false);
+			}
+		}
+		fetchResults();
+		return () => abortController.abort();
+	}, [
+		debouncedQuery,
+		props.lang,
+		props.limit,
+		props.bbox,
+		props.lat,
+		props.lon,
+		props.zoom,
+		props.locationBiasScale
+	]);
+	return {
+		results,
+		isLoading,
+		error,
+		hasSearched
+	};
+}
+function PlaceAutocomplete({ debounceMs = 300, lang, limit = 5, bbox, lat, lon, zoom, locationBiasScale, className, value: controlledValue, defaultValue = "", onChange: controlledOnChange, onPlaceSelect, onResultsChange, ...props }) {
+	const [internalValue, setInternalValue] = React$1.useState(defaultValue);
+	const [searchQuery, setSearchQuery] = React$1.useState("");
+	const isControlled = controlledValue !== void 0;
+	const displayValue = isControlled ? controlledValue : internalValue;
+	const { results, isLoading, error, hasSearched } = usePlaceSearch({
+		query: searchQuery,
+		debounceMs,
+		lang,
+		limit,
+		bbox,
+		lat,
+		lon,
+		zoom,
+		locationBiasScale
+	});
+	React$1.useEffect(() => {
+		onResultsChange?.(results);
+	}, [results, onResultsChange]);
+	const hasNoResults = hasSearched && !isLoading && !error && results.length === 0;
+	const showCommandList = error || hasNoResults || results.length > 0;
+	return /* @__PURE__ */ jsx(Command$1, {
+		className: cn("h-fit overflow-visible", className),
+		shouldFilter: false,
+		loop: true,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ jsxs(InputGroup, {
+				className: cn("border-input! bg-popover! ring-0!", showCommandList && "rounded-b-none"),
+				children: [
+					/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(SearchIcon, {}) }),
+					/* @__PURE__ */ jsx(InputGroupInput, {
+						placeholder: "Search",
+						value: displayValue,
+						onChange: (event) => {
+							const newValue = event.target.value;
+							if (!isControlled) setInternalValue(newValue);
+							setSearchQuery(newValue);
+							controlledOnChange?.(newValue);
+						},
+						...props
+					}),
+					isLoading && /* @__PURE__ */ jsx(InputGroupAddon, {
+						align: "inline-end",
+						children: /* @__PURE__ */ jsx(Spinner, {})
+					})
+				]
+			}), showCommandList && /* @__PURE__ */ jsxs(CommandList, {
+				"data-state": showCommandList ? "open" : "closed",
+				className: cn("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: [
+					error && /* @__PURE__ */ jsxs(CommandEmpty, { children: ["Error: ", error.message] }),
+					hasNoResults && /* @__PURE__ */ jsxs(CommandEmpty, { children: [
+						"Can't find ",
+						displayValue,
+						"."
+					] }),
+					results.length > 0 && /* @__PURE__ */ jsx(CommandGroup, { children: results.map((feature) => {
+						const formattedAddress = formatAddress(feature.properties);
+						return /* @__PURE__ */ jsxs(CommandItem, {
+							value: String(feature.properties.osm_id),
+							onSelect: () => {
+								const formattedAddress = formatAddress(feature.properties);
+								if (!isControlled) setInternalValue(formattedAddress);
+								setSearchQuery("");
+								controlledOnChange?.(formattedAddress);
+								onPlaceSelect?.(feature);
+							},
+							children: [/* @__PURE__ */ jsx(MapPinIcon, {}), /* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col items-start text-start",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "font-medium",
+									children: feature.properties.name || feature.properties.street || "Unknown"
+								}), /* @__PURE__ */ jsx("span", {
+									className: "text-muted-foreground text-xs",
+									children: formattedAddress
+								})]
+							})]
+						}, feature.properties.osm_id);
+					}) })
+				]
+			})]
+		})
+	});
+}
+//#endregion
+//#region ../shadcn/ui/map.tsx
+let _useMap;
+let _useMapEvents;
+if (typeof window !== "undefined") import("./map-leaflet-imports-OKaoesjZ.mjs").then((mod) => {
+	_useMap = mod.useMap;
+	_useMapEvents = mod.useMapEvents;
+});
+function createLazyComponent(factory) {
+	const LazyComponent = lazy(factory);
+	return (props) => {
+		const [isMounted, setIsMounted] = useState(false);
+		useEffect(() => {
+			setIsMounted(true);
+		}, []);
+		if (!isMounted) return null;
+		return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(LazyComponent, { ...props }) });
+	};
+}
+const LeafletMapContainer = createLazyComponent(() => import("react-leaflet").then((mod) => ({ default: mod.MapContainer })));
+const LeafletTileLayer = createLazyComponent(() => import("react-leaflet").then((mod) => ({ default: mod.TileLayer })));
+const LeafletMarker = createLazyComponent(() => import("react-leaflet").then((mod) => ({ default: mod.Marker })));
+const LeafletPopup = createLazyComponent(() => import("react-leaflet").then((mod) => ({ default: mod.Popup })));
+const LeafletTooltip = createLazyComponent(() => import("react-leaflet").then((mod) => ({ default: mod.Tooltip })));
+const LeafletCircle = createLazyComponent(() => import("react-leaflet").then((mod) => ({ default: mod.Circle })));
+const LeafletCircleMarker = createLazyComponent(() => import("react-leaflet").then((mod) => ({ default: mod.CircleMarker })));
+const LeafletPolyline = createLazyComponent(() => import("react-leaflet").then((mod) => ({ default: mod.Polyline })));
+const LeafletPolygon = createLazyComponent(() => import("react-leaflet").then((mod) => ({ default: mod.Polygon })));
+const LeafletRectangle = createLazyComponent(() => import("react-leaflet").then((mod) => ({ default: mod.Rectangle })));
+const LeafletLayerGroup = createLazyComponent(() => import("react-leaflet").then((mod) => ({ default: mod.LayerGroup })));
+const LeafletFeatureGroup = createLazyComponent(() => import("react-leaflet").then((mod) => ({ default: mod.FeatureGroup })));
+const LeafletMarkerClusterGroup = createLazyComponent(async () => import("react-leaflet-markercluster").then((mod) => ({ default: mod.default })));
+function Map$1({ zoom = 15, maxZoom = 18, className, ...props }) {
+	return /* @__PURE__ */ jsx(LeafletMapContainer, {
+		zoom,
+		maxZoom,
+		attributionControl: false,
+		zoomControl: false,
+		className: cn("z-50 size-full min-h-96 flex-1 rounded-md", className),
+		...props
+	});
+}
+const MapLayersContext = createContext(null);
+function useMapLayersContext() {
+	return useContext(MapLayersContext);
+}
+function MapTileLayer({ name = "Default", url, attribution, darkUrl, darkAttribution, ...props }) {
+	const map = _useMap();
+	if (map.attributionControl) map.attributionControl.setPrefix("");
+	const context = useContext(MapLayersContext);
+	const DEFAULT_URL = "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png";
+	const DEFAULT_DARK_URL = "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png";
+	const { resolvedTheme } = useTheme();
+	const resolvedUrl = resolvedTheme === "dark" ? darkUrl ?? url ?? DEFAULT_DARK_URL : url ?? DEFAULT_URL;
+	const resolvedAttribution = resolvedTheme === "dark" && darkAttribution ? darkAttribution : attribution ?? "&copy; <a href=\"http://www.openstreetmap.org/copyright\">OpenStreetMap</a>, &copy; <a href=\"https://carto.com/attributions\">CARTO</a>";
+	useEffect(() => {
+		if (context) context.registerTileLayer({
+			name,
+			url: resolvedUrl,
+			attribution: resolvedAttribution
+		});
+	}, [
+		context,
+		name,
+		url,
+		attribution
+	]);
+	if (context && context.selectedTileLayer !== name) return null;
+	return /* @__PURE__ */ jsx(LeafletTileLayer, {
+		url: resolvedUrl,
+		attribution: resolvedAttribution,
+		...props
+	});
+}
+function MapLayerGroup({ name, disabled, ...props }) {
+	const context = useMapLayersContext();
+	useEffect(() => {
+		if (context) context.registerLayerGroup({
+			name,
+			disabled
+		});
+	}, [
+		context,
+		name,
+		disabled
+	]);
+	if (context && !context.activeLayerGroups.includes(name)) return null;
+	return /* @__PURE__ */ jsx(LeafletLayerGroup, { ...props });
+}
+function MapFeatureGroup({ name, disabled, ...props }) {
+	const context = useMapLayersContext();
+	useEffect(() => {
+		if (context) context.registerLayerGroup({
+			name,
+			disabled
+		});
+	}, [
+		context,
+		name,
+		disabled
+	]);
+	if (context && !context.activeLayerGroups.includes(name)) return null;
+	return /* @__PURE__ */ jsx(LeafletFeatureGroup, { ...props });
+}
+function MapLayers({ defaultTileLayer, defaultLayerGroups = [], ...props }) {
+	const [tileLayers, setTileLayers] = useState([]);
+	const [selectedTileLayer, setSelectedTileLayer] = useState(defaultTileLayer || "");
+	const [layerGroups, setLayerGroups] = useState([]);
+	const [activeLayerGroups, setActiveLayerGroups] = useState(defaultLayerGroups);
+	function registerTileLayer(tileLayer) {
+		setTileLayers((prevTileLayers) => {
+			if (prevTileLayers.some((layer) => layer.name === tileLayer.name)) return prevTileLayers;
+			return [...prevTileLayers, tileLayer];
+		});
+	}
+	function registerLayerGroup(layerGroup) {
+		setLayerGroups((prevLayerGroups) => {
+			if (prevLayerGroups.some((group) => group.name === layerGroup.name)) return prevLayerGroups;
+			return [...prevLayerGroups, layerGroup];
+		});
+	}
+	useEffect(() => {
+		if (defaultTileLayer && tileLayers.length > 0 && !tileLayers.some((tileLayer) => tileLayer.name === defaultTileLayer)) throw new Error(`Invalid defaultTileLayer "${defaultTileLayer}" provided to MapLayers. It must match a MapTileLayer's name prop.`);
+		if (tileLayers.length > 0 && !selectedTileLayer) setSelectedTileLayer(defaultTileLayer && tileLayers.some((layer) => layer.name === defaultTileLayer) ? defaultTileLayer : tileLayers[0].name);
+		if (defaultLayerGroups.length > 0 && layerGroups.length > 0 && defaultLayerGroups.some((name) => !layerGroups.some((group) => group.name === name))) throw new Error(`Invalid defaultLayerGroups value provided to MapLayers. All names must match a MapLayerGroup's name prop.`);
+	}, [
+		tileLayers,
+		defaultTileLayer,
+		selectedTileLayer,
+		layerGroups,
+		defaultLayerGroups
+	]);
+	return /* @__PURE__ */ jsx(MapLayersContext.Provider, {
+		value: {
+			registerTileLayer,
+			tileLayers,
+			selectedTileLayer,
+			setSelectedTileLayer,
+			registerLayerGroup,
+			layerGroups,
+			activeLayerGroups,
+			setActiveLayerGroups
+		},
+		...props
+	});
+}
+function MapLayersControl({ tileLayersLabel = "Map Type", layerGroupsLabel = "Layers", position = "top-1 right-1", className, ...props }) {
+	const layersContext = useMapLayersContext();
+	if (!layersContext) throw new Error("MapLayersControl must be used within MapLayers");
+	const { tileLayers, selectedTileLayer, setSelectedTileLayer, layerGroups, activeLayerGroups, setActiveLayerGroups } = layersContext;
+	if (tileLayers.length === 0 && layerGroups.length === 0) return null;
+	function handleLayerGroupToggle(name, checked) {
+		setActiveLayerGroups(checked ? [...activeLayerGroups, name] : activeLayerGroups.filter((groupName) => groupName !== name));
+	}
+	const showTileLayersDropdown = tileLayers.length > 1;
+	const showLayerGroupsDropdown = layerGroups.length > 0;
+	if (!showTileLayersDropdown && !showLayerGroupsDropdown) return null;
+	return /* @__PURE__ */ jsxs(DropdownMenu$1, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger$1, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "secondary",
+			size: "sm",
+			"aria-label": "Select layers",
+			title: "Select layers",
+			className: cn("absolute z-1000 border", position, className),
+			...props,
+			children: /* @__PURE__ */ jsx(LayersIcon, {})
+		})
+	}), /* @__PURE__ */ jsxs(DropdownMenuContent$1, {
+		align: "end",
+		className: "z-1000",
+		children: [
+			showTileLayersDropdown && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuLabel$1, { children: tileLayersLabel }), /* @__PURE__ */ jsx(DropdownMenuRadioGroup$1, {
+				value: selectedTileLayer,
+				onValueChange: setSelectedTileLayer,
+				children: tileLayers.map((tileLayer) => /* @__PURE__ */ jsx(DropdownMenuRadioItem$1, {
+					value: tileLayer.name,
+					children: tileLayer.name
+				}, tileLayer.name))
+			})] }),
+			showTileLayersDropdown && showLayerGroupsDropdown && /* @__PURE__ */ jsx(DropdownMenuSeparator$1, {}),
+			showLayerGroupsDropdown && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuLabel$1, { children: layerGroupsLabel }), layerGroups.map((layerGroup) => /* @__PURE__ */ jsx(DropdownMenuCheckboxItem$1, {
+				checked: activeLayerGroups.includes(layerGroup.name),
+				disabled: layerGroup.disabled,
+				onCheckedChange: (checked) => handleLayerGroupToggle(layerGroup.name, checked),
+				children: layerGroup.name
+			}, layerGroup.name))] })
+		]
+	})] });
+}
+function MapMarker({ icon = /* @__PURE__ */ jsx(MapPinIcon, { className: "size-6" }), iconAnchor = [12, 12], bgPos, popupAnchor, tooltipAnchor, ...props }) {
+	const { L } = useLeaflet();
+	if (!L) return null;
+	return /* @__PURE__ */ jsx(LeafletMarker, {
+		icon: L.divIcon({
+			html: renderToString(icon),
+			iconAnchor,
+			...bgPos ? { bgPos } : {},
+			...popupAnchor ? { popupAnchor } : {},
+			...tooltipAnchor ? { tooltipAnchor } : {}
+		}),
+		riseOnHover: true,
+		...props
+	});
+}
+function MapMarkerClusterGroup({ polygonOptions = { className: "fill-foreground stroke-foreground stroke-2" }, spiderLegPolylineOptions = { className: "fill-foreground stroke-foreground stroke-2" }, icon, ...props }) {
+	const { L } = useLeaflet();
+	if (!L) return null;
+	return /* @__PURE__ */ jsx(LeafletMarkerClusterGroup, {
+		polygonOptions,
+		spiderLegPolylineOptions,
+		iconCreateFunction: icon ? (cluster) => {
+			const iconNode = icon(cluster.getChildCount());
+			return L.divIcon({ html: renderToString(iconNode) });
+		} : void 0,
+		...props
+	});
+}
+function MapCircle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(LeafletCircle, {
+		className: cn("fill-foreground stroke-foreground stroke-2", className),
+		...props
+	});
+}
+function MapCircleMarker({ className, ...props }) {
+	return /* @__PURE__ */ jsx(LeafletCircleMarker, {
+		className: cn("fill-foreground stroke-foreground stroke-2", className),
+		...props
+	});
+}
+function MapPolyline({ className, ...props }) {
+	return /* @__PURE__ */ jsx(LeafletPolyline, {
+		className: cn("fill-foreground stroke-foreground stroke-2", className),
+		...props
+	});
+}
+function MapPolygon({ className, ...props }) {
+	return /* @__PURE__ */ jsx(LeafletPolygon, {
+		className: cn("fill-foreground stroke-foreground stroke-2", className),
+		...props
+	});
+}
+function MapRectangle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(LeafletRectangle, {
+		className: cn("fill-foreground stroke-foreground stroke-2", className),
+		...props
+	});
+}
+function MapPopup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(LeafletPopup, {
+		className: cn("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", className),
+		...props
+	});
+}
+function MapTooltip({ className, children, side = "top", sideOffset = 15, ...props }) {
+	const ARROW_POSITION_CLASSES = {
+		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"
+	};
+	const DEFAULT_OFFSET = {
+		top: [0, -sideOffset],
+		bottom: [0, sideOffset],
+		left: [-sideOffset, 0],
+		right: [sideOffset, 0]
+	};
+	return /* @__PURE__ */ jsxs(LeafletTooltip, {
+		className: cn("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", className),
+		"data-side": side,
+		direction: side,
+		offset: DEFAULT_OFFSET[side],
+		opacity: 1,
+		...props,
+		children: [children, /* @__PURE__ */ jsx("div", { className: cn("bg-foreground fill-foreground absolute z-50 size-2.5 rotate-45 rounded-[2px]", ARROW_POSITION_CLASSES[side]) })]
+	});
+}
+function MapZoomControl({ position = "top-1 left-1", className, ...props }) {
+	const map = _useMap();
+	const [zoomLevel, setZoomLevel] = useState(map.getZoom());
+	_useMapEvents({ zoomend: () => {
+		setZoomLevel(map.getZoom());
+	} });
+	return /* @__PURE__ */ jsx(MapControlContainer, {
+		className: cn(position, className),
+		children: /* @__PURE__ */ jsxs(ButtonGroup, {
+			orientation: "vertical",
+			"aria-label": "Zoom controls",
+			...props,
+			children: [/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				size: "icon",
+				variant: "outline",
+				"aria-label": "Zoom in",
+				title: "Zoom in",
+				className: "border",
+				disabled: zoomLevel >= map.getMaxZoom(),
+				onClick: () => map.zoomIn(),
+				children: /* @__PURE__ */ jsx(PlusIcon, {})
+			}), /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				size: "icon",
+				variant: "outline",
+				"aria-label": "Zoom out",
+				title: "Zoom out",
+				className: "border",
+				disabled: zoomLevel <= map.getMinZoom(),
+				onClick: () => map.zoomOut(),
+				children: /* @__PURE__ */ jsx(MinusIcon, {})
+			})]
+		})
+	});
+}
+function MapFullscreenControl({ position = "top-1 right-1", className, ...props }) {
+	const map = _useMap();
+	const [isFullscreen, setIsFullscreen] = useState(false);
+	const { L } = useLeaflet();
+	useEffect(() => {
+		if (!L) return;
+		const fullscreenControl = new L.Control.FullScreen();
+		fullscreenControl.addTo(map);
+		const container = fullscreenControl.getContainer();
+		if (container) container.style.display = "none";
+		const handleEnter = () => setIsFullscreen(true);
+		const handleExit = () => setIsFullscreen(false);
+		map.on("enterFullscreen", handleEnter);
+		map.on("exitFullscreen", handleExit);
+		return () => {
+			fullscreenControl.remove();
+			map.off("enterFullscreen", handleEnter);
+			map.off("exitFullscreen", handleExit);
+		};
+	}, [L, map]);
+	return /* @__PURE__ */ jsx(MapControlContainer, {
+		className: cn(position, className),
+		children: /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			size: "icon",
+			variant: "outline",
+			onClick: () => map.toggleFullscreen(),
+			"aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
+			title: isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
+			className: "border",
+			...props,
+			children: isFullscreen ? /* @__PURE__ */ jsx(MinimizeIcon, {}) : /* @__PURE__ */ jsx(MaximizeIcon, {})
+		})
+	});
+}
+function MapLocatePulseIcon() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "absolute -top-1 -right-1 flex size-3 rounded-full",
+		children: [/* @__PURE__ */ jsx("div", { className: "bg-primary absolute inline-flex size-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ jsx("div", { className: "bg-primary relative inline-flex size-3 rounded-full" })]
+	});
+}
+function MapLocateControl({ watch = false, onLocationFound, onLocationError, position = "right-1 bottom-1", className, ...props }) {
+	const map = _useMap();
+	const [isLocating, setIsLocating] = useDebounceLoadingState(200);
+	const [location, setLocation] = useState(null);
+	function startLocating() {
+		setIsLocating(true);
+		map.locate({
+			setView: true,
+			maxZoom: map.getMaxZoom(),
+			watch
+		});
+		map.on("locationfound", (location) => {
+			setLocation(location.latlng);
+			setIsLocating(false);
+			onLocationFound?.(location);
+		});
+		map.on("locationerror", (error) => {
+			setLocation(null);
+			setIsLocating(false);
+			onLocationError?.(error);
+		});
+	}
+	function stopLocating() {
+		map.stopLocate();
+		map.off("locationfound");
+		map.off("locationerror");
+		setLocation(null);
+		setIsLocating(false);
+	}
+	useEffect(() => () => stopLocating(), []);
+	return /* @__PURE__ */ jsxs(MapControlContainer, {
+		className: cn(position, className),
+		children: [/* @__PURE__ */ jsx(Button, {
+			type: "button",
+			size: "sm",
+			variant: location ? "default" : "secondary",
+			onClick: location ? stopLocating : startLocating,
+			disabled: isLocating,
+			title: isLocating ? "Locating..." : location ? "Stop tracking" : "Track location",
+			"aria-label": isLocating ? "Locating..." : location ? "Stop location tracking" : "Start location tracking",
+			className: "border",
+			...props,
+			children: isLocating ? /* @__PURE__ */ jsx(LoaderCircleIcon, { className: "animate-spin" }) : /* @__PURE__ */ jsx(NavigationIcon, {})
+		}), location && /* @__PURE__ */ jsx(MapMarker, {
+			position: location,
+			icon: /* @__PURE__ */ jsx(MapLocatePulseIcon, {})
+		})]
+	});
+}
+function MapSearchControl({ position = "top-1 left-1", className, ...props }) {
+	return /* @__PURE__ */ jsx(MapControlContainer, {
+		className: cn("z-1001 w-60", position, className),
+		children: /* @__PURE__ */ jsx(PlaceAutocomplete, { ...props })
+	});
+}
+const MapDrawContext = createContext(null);
+function useMapDrawContext() {
+	return useContext(MapDrawContext);
+}
+function MapDrawControl({ onLayersChange, position = "bottom-1 left-1", className, ...props }) {
+	const { L, LeafletDraw } = useLeaflet();
+	const map = _useMap();
+	const featureGroupRef = useRef(null);
+	const editControlRef = useRef(null);
+	const deleteControlRef = useRef(null);
+	const [activeMode, setActiveMode] = useState(null);
+	const [layersCount, setLayersCount] = useState(0);
+	function updateLayersCount() {
+		if (featureGroupRef.current) setLayersCount(featureGroupRef.current.getLayers().length);
+	}
+	function handleDrawCreated(event) {
+		if (!featureGroupRef.current) return;
+		const { layer } = event;
+		featureGroupRef.current.addLayer(layer);
+		onLayersChange?.(featureGroupRef.current);
+		updateLayersCount();
+		setActiveMode(null);
+	}
+	function handleDrawEditedOrDeleted() {
+		if (!featureGroupRef.current) return;
+		onLayersChange?.(featureGroupRef.current);
+		updateLayersCount();
+		setActiveMode(null);
+	}
+	useEffect(() => {
+		if (!L || !LeafletDraw || !map) return;
+		map.on(L.Draw.Event.CREATED, handleDrawCreated);
+		map.on(L.Draw.Event.EDITED, handleDrawEditedOrDeleted);
+		map.on(L.Draw.Event.DELETED, handleDrawEditedOrDeleted);
+		return () => {
+			map.off(L.Draw.Event.CREATED, handleDrawCreated);
+			map.off(L.Draw.Event.EDITED, handleDrawEditedOrDeleted);
+			map.off(L.Draw.Event.DELETED, handleDrawEditedOrDeleted);
+		};
+	}, [
+		L,
+		LeafletDraw,
+		map,
+		onLayersChange
+	]);
+	return /* @__PURE__ */ jsxs(MapDrawContext.Provider, {
+		value: {
+			featureGroup: featureGroupRef.current,
+			activeMode,
+			setActiveMode,
+			editControlRef,
+			deleteControlRef,
+			layersCount
+		},
+		children: [/* @__PURE__ */ jsx(LeafletFeatureGroup, { ref: featureGroupRef }), /* @__PURE__ */ jsx(MapControlContainer, {
+			className: cn(position, className),
+			children: /* @__PURE__ */ jsx(ButtonGroup, {
+				orientation: "vertical",
+				...props
+			})
+		})]
+	});
+}
+function MapDrawShapeButton({ drawMode, createDrawTool, className, ...props }) {
+	const drawContext = useMapDrawContext();
+	if (!drawContext) throw new Error("MapDrawShapeButton must be used within MapDrawControl");
+	const { L } = useLeaflet();
+	const map = _useMap();
+	const controlRef = useRef(null);
+	const { activeMode, setActiveMode } = drawContext;
+	const isActive = activeMode === drawMode;
+	useEffect(() => {
+		if (!L || !isActive) {
+			controlRef.current?.disable();
+			controlRef.current = null;
+			return;
+		}
+		const control = createDrawTool(L, map);
+		control.enable();
+		controlRef.current = control;
+		return () => {
+			control.disable();
+			controlRef.current = null;
+		};
+	}, [
+		L,
+		map,
+		isActive,
+		createDrawTool
+	]);
+	function handleClick() {
+		setActiveMode(isActive ? null : drawMode);
+	}
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		size: "sm",
+		"aria-label": `Draw ${drawMode}`,
+		title: `Draw ${drawMode}`,
+		className: cn("border", className),
+		variant: isActive ? "default" : "secondary",
+		disabled: activeMode === "edit" || activeMode === "delete",
+		onClick: handleClick,
+		...props
+	});
+}
+function MapDrawMarker({ ...props }) {
+	return /* @__PURE__ */ jsx(MapDrawShapeButton, {
+		drawMode: "marker",
+		createDrawTool: (L, map) => new L.Draw.Marker(map, {
+			icon: L.divIcon({
+				className: "",
+				iconAnchor: [12, 12],
+				html: renderToString(/* @__PURE__ */ jsx(MapPinIcon, { className: "size-6" }))
+			}),
+			...props
+		}),
+		children: /* @__PURE__ */ jsx(MapPinIcon, {})
+	});
+}
+function MapDrawPolyline({ showLength = false, drawError = { color: "var(--color-destructive)" }, shapeOptions = {
+	color: "var(--color-primary)",
+	opacity: 1,
+	weight: 2
+}, ...props }) {
+	const mapDrawHandleIcon = useMapDrawHandleIcon();
+	return /* @__PURE__ */ jsx(MapDrawShapeButton, {
+		drawMode: "polyline",
+		createDrawTool: (L, map) => new L.Draw.Polyline(map, {
+			...mapDrawHandleIcon ? {
+				icon: mapDrawHandleIcon,
+				touchIcon: mapDrawHandleIcon
+			} : {},
+			showLength,
+			drawError,
+			shapeOptions,
+			...props
+		}),
+		children: /* @__PURE__ */ jsx(WaypointsIcon, {})
+	});
+}
+function MapDrawCircle({ showRadius = false, shapeOptions = {
+	color: "var(--color-primary)",
+	opacity: 1,
+	weight: 2
+}, ...props }) {
+	return /* @__PURE__ */ jsx(MapDrawShapeButton, {
+		drawMode: "circle",
+		createDrawTool: (L, map) => new L.Draw.Circle(map, {
+			showRadius,
+			shapeOptions,
+			...props
+		}),
+		children: /* @__PURE__ */ jsx(CircleIcon, {})
+	});
+}
+function MapDrawRectangle({ showArea = false, shapeOptions = {
+	color: "var(--color-primary)",
+	opacity: 1,
+	weight: 2
+}, ...props }) {
+	return /* @__PURE__ */ jsx(MapDrawShapeButton, {
+		drawMode: "rectangle",
+		createDrawTool: (L, map) => new L.Draw.Rectangle(map, {
+			showArea,
+			shapeOptions,
+			...props
+		}),
+		children: /* @__PURE__ */ jsx(SquareIcon, {})
+	});
+}
+function MapDrawPolygon({ drawError = { color: "var(--color-destructive)" }, shapeOptions = {
+	color: "var(--color-primary)",
+	opacity: 1,
+	weight: 2
+}, ...props }) {
+	const mapDrawHandleIcon = useMapDrawHandleIcon();
+	return /* @__PURE__ */ jsx(MapDrawShapeButton, {
+		drawMode: "polygon",
+		createDrawTool: (L, map) => new L.Draw.Polygon(map, {
+			...mapDrawHandleIcon ? {
+				icon: mapDrawHandleIcon,
+				touchIcon: mapDrawHandleIcon
+			} : {},
+			drawError,
+			shapeOptions,
+			...props
+		}),
+		children: /* @__PURE__ */ jsx(PentagonIcon, {})
+	});
+}
+function MapDrawActionButton({ drawAction, createDrawTool, controlRef, className, ...props }) {
+	const drawContext = useMapDrawContext();
+	if (!drawContext) throw new Error("MapDrawActionButton must be used within MapDrawControl");
+	const { L } = useLeaflet();
+	const map = _useMap();
+	const { featureGroup, activeMode, setActiveMode, layersCount } = drawContext;
+	const isActive = activeMode === drawAction;
+	const hasFeatures = layersCount > 0;
+	useEffect(() => {
+		if (!L || !featureGroup || !isActive) {
+			controlRef.current?.disable?.();
+			controlRef.current = null;
+			return;
+		}
+		const control = createDrawTool(L, map, featureGroup);
+		control.enable?.();
+		controlRef.current = control;
+		return () => {
+			control.disable?.();
+			controlRef.current = null;
+		};
+	}, [
+		L,
+		map,
+		isActive,
+		featureGroup,
+		createDrawTool
+	]);
+	function handleClick() {
+		controlRef.current?.save();
+		setActiveMode(isActive ? null : drawAction);
+	}
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		size: "sm",
+		"aria-label": `${drawAction === "edit" ? "Edit" : "Remove"} shapes`,
+		title: `${drawAction === "edit" ? "Edit" : "Remove"} shapes`,
+		variant: isActive ? "default" : "secondary",
+		disabled: !hasFeatures,
+		onClick: handleClick,
+		className: cn("border", className),
+		...props
+	});
+}
+function MapDrawEdit({ selectedPathOptions = {
+	color: "var(--color-primary)",
+	fillColor: "var(--color-primary)",
+	weight: 2
+}, ...props }) {
+	const { L } = useLeaflet();
+	const mapDrawHandleIcon = useMapDrawHandleIcon();
+	const drawContext = useMapDrawContext();
+	if (!drawContext) throw new Error("MapDrawEdit must be used within MapDrawControl");
+	useEffect(() => {
+		if (!L || !mapDrawHandleIcon) return;
+		L.Edit.PolyVerticesEdit.mergeOptions({
+			icon: mapDrawHandleIcon,
+			touchIcon: mapDrawHandleIcon,
+			drawError: { color: "var(--color-destructive)" }
+		});
+		L.Edit.SimpleShape.mergeOptions({
+			moveIcon: mapDrawHandleIcon,
+			resizeIcon: mapDrawHandleIcon,
+			touchMoveIcon: mapDrawHandleIcon,
+			touchResizeIcon: mapDrawHandleIcon
+		});
+		L.drawLocal.edit.handlers.edit.tooltip = {
+			text: "Drag handles or markers to edit.",
+			subtext: ""
+		};
+		L.drawLocal.edit.handlers.remove.tooltip = { text: "Click on a shape to remove." };
+	}, [mapDrawHandleIcon]);
+	return /* @__PURE__ */ jsx(MapDrawActionButton, {
+		drawAction: "edit",
+		controlRef: drawContext.editControlRef,
+		createDrawTool: (L, map, featureGroup) => new L.EditToolbar.Edit(map, {
+			featureGroup,
+			selectedPathOptions,
+			...props
+		}),
+		children: /* @__PURE__ */ jsx(PenLineIcon, {})
+	});
+}
+function MapDrawDelete() {
+	const drawContext = useMapDrawContext();
+	if (!drawContext) throw new Error("MapDrawDelete must be used within MapDrawControl");
+	return /* @__PURE__ */ jsx(MapDrawActionButton, {
+		drawAction: "delete",
+		controlRef: drawContext.deleteControlRef,
+		createDrawTool: (L, map, featureGroup) => new L.EditToolbar.Delete(map, { featureGroup }),
+		children: /* @__PURE__ */ jsx(Trash2Icon, {})
+	});
+}
+function MapDrawUndo({ className, ...props }) {
+	const drawContext = useMapDrawContext();
+	if (!drawContext) throw new Error("MapDrawUndo must be used within MapDrawControl");
+	const { activeMode, setActiveMode, editControlRef, deleteControlRef, layersCount } = drawContext;
+	const isInEditMode = activeMode === "edit";
+	const isInDeleteMode = activeMode === "delete";
+	const isActive = (isInEditMode || isInDeleteMode) && layersCount > 0;
+	function handleUndo() {
+		if (isInEditMode) editControlRef.current?.revertLayers();
+		else if (isInDeleteMode) deleteControlRef.current?.revertLayers();
+		setActiveMode(null);
+	}
+	return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		size: "sm",
+		variant: "secondary",
+		"aria-label": `Undo ${activeMode}`,
+		title: `Undo ${activeMode}`,
+		onClick: handleUndo,
+		disabled: !isActive,
+		className: cn("border", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Undo2Icon, {})
+	});
+}
+function MapControlContainer({ className, ...props }) {
+	const { L } = useLeaflet();
+	const containerRef = useRef(null);
+	useEffect(() => {
+		if (!L) return;
+		const element = containerRef.current;
+		if (!element) return;
+		L.DomEvent.disableClickPropagation(element);
+		L.DomEvent.disableScrollPropagation(element);
+	}, [L]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: containerRef,
+		className: cn("absolute z-1000 size-fit cursor-default", className),
+		...props
+	});
+}
+function useMapDrawHandleIcon() {
+	const { L } = useLeaflet();
+	if (!L) return null;
+	return L.divIcon({
+		iconAnchor: [8, 8],
+		html: renderToString(/* @__PURE__ */ jsx(CircleIcon, { className: "fill-primary stroke-primary size-4 transition-transform hover:scale-110" }))
+	});
+}
+function useLeaflet() {
+	const [L, setL] = useState(null);
+	const [LeafletDraw, setLeafletDraw] = useState(null);
+	useEffect(() => {
+		async function loadLeaflet() {
+			const leaflet = await import("leaflet");
+			const leafletFullscreen = await import("leaflet.fullscreen");
+			const leafletDraw = await import("leaflet-draw");
+			const L_object = leaflet.default;
+			if (L_object.Control && !L_object.Control.FullScreen) L_object.Control.FullScreen = leafletFullscreen.default || leafletFullscreen;
+			setLeafletDraw(leafletDraw);
+			setL(L_object);
+		}
+		if (L && LeafletDraw) return;
+		if (typeof window === "undefined") return;
+		loadLeaflet();
+	}, [L, LeafletDraw]);
+	return {
+		L,
+		LeafletDraw
+	};
+}
+function useDebounceLoadingState(delay = 200) {
+	const [isLoading, setIsLoading] = useState(false);
+	const [showLoading, setShowLoading] = useState(false);
+	const timeoutRef = useRef(null);
+	useEffect(() => {
+		if (isLoading) timeoutRef.current = setTimeout(() => {
+			setShowLoading(true);
+		}, delay);
+		else {
+			if (timeoutRef.current) {
+				clearTimeout(timeoutRef.current);
+				timeoutRef.current = null;
+			}
+			setShowLoading(false);
+		}
+		return () => {
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		};
+	}, [isLoading, delay]);
+	return [showLoading, setIsLoading];
+}
 //#endregion
 //#region ../shadcn/ui/popover.tsx
 const Popover = ({ ...props }) => {
@@ -1792,17 +2884,6 @@ function Skeleton({ className, ...props }) {
 	});
 }
-//#endregion
-//#region ../shadcn/ui/spinner.tsx
-function Spinner({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Loader2Icon, {
-		role: "status",
-		"aria-label": "Loading",
-		className: cn("size-4 animate-spin", className),
-		...props
-	});
-}
 //#endregion
 //#region ../shadcn/ui/switch.tsx
 function Switch$1({ className, ...props }) {
@@ -2015,6 +3096,199 @@ function Tooltip({ message, children, delayDuration = 200, side, align, sideOffs
 	});
 }
+//#endregion
+//#region src/components/base/typography/typography.tsx
+const titleVariants$1 = cva("font-semibold leading-tight tracking-tight", {
+	variants: {
+		level: {
+			1: "text-2xl md:text-3xl lg:text-4xl",
+			2: "text-xl md:text-2xl lg:text-3xl",
+			3: "text-lg md:text-xl lg:text-2xl",
+			4: "text-base md:text-lg lg:text-xl",
+			5: "text-sm md:text-base lg:text-lg",
+			6: "text-xs md:text-sm lg:text-base"
+		},
+		weight: {
+			normal: "font-normal",
+			medium: "font-medium",
+			semibold: "font-semibold",
+			bold: "font-bold",
+			extrabold: "font-extrabold"
+		},
+		textColor: {
+			default: "text-foreground",
+			muted: "text-muted-foreground",
+			primary: "text-primary",
+			secondary: "text-secondary-foreground",
+			destructive: "text-destructive",
+			success: "text-green-600 dark:text-green-400",
+			warning: "text-yellow-600 dark:text-yellow-400",
+			info: "text-blue-600 dark:text-blue-400"
+		}
+	},
+	defaultVariants: {
+		level: 4,
+		weight: "semibold",
+		textColor: "default"
+	}
+});
+const textVariants = cva("leading-relaxed", {
+	variants: {
+		size: {
+			"xs": "text-xs",
+			"sm": "text-sm",
+			"base": "text-sm",
+			"lg": "text-lg",
+			"xl": "text-xl",
+			"2xl": "text-2xl",
+			"3xl": "text-3xl",
+			"4xl": "text-4xl"
+		},
+		weight: {
+			normal: "font-normal",
+			medium: "font-medium",
+			semibold: "font-semibold",
+			bold: "font-bold",
+			extrabold: "font-extrabold"
+		},
+		textColor: {
+			default: "text-foreground",
+			muted: "text-muted-foreground",
+			primary: "text-primary",
+			secondary: "text-secondary-foreground",
+			destructive: "text-destructive",
+			success: "text-green-600 dark:text-green-400",
+			warning: "text-yellow-600 dark:text-yellow-400",
+			info: "text-blue-600 dark:text-blue-400"
+		},
+		type: {
+			default: "",
+			code: "font-mono bg-muted px-1.5 py-0.5 rounded text-sm",
+			mark: "bg-yellow-100 dark:bg-yellow-900/30 px-1.5 py-0.5 rounded",
+			underline: "underline underline-offset-4",
+			delete: "line-through",
+			strong: "font-semibold",
+			italic: "italic"
+		}
+	},
+	defaultVariants: {
+		size: "base",
+		weight: "normal",
+		textColor: "default",
+		type: "default"
+	}
+});
+const paragraphVariants = cva("leading-relaxed", {
+	variants: {
+		size: {
+			xs: "text-xs",
+			sm: "text-sm",
+			base: "text-sm",
+			lg: "text-lg",
+			xl: "text-xl"
+		},
+		spacing: {
+			tight: "leading-tight",
+			normal: "leading-relaxed",
+			loose: "leading-loose"
+		}
+	},
+	defaultVariants: {
+		size: "base",
+		spacing: "normal"
+	}
+});
+function Title$1({ className, level, weight, textColor, as, children, ...props }) {
+	const Component = as ?? `h${level ?? 4}`;
+	return React$1.createElement(Component, {
+		className: cn$1(titleVariants$1({
+			level,
+			weight,
+			textColor,
+			className
+		})),
+		...props
+	}, children);
+}
+function Text({ className, size, weight, textColor, type, as = "span", copyable, ellipsis, mark, underline, delete: deleteProp, strong, italic, code, children, ...props }) {
+	const resolvedType = code ? "code" : italic ? "italic" : strong ? "strong" : deleteProp ? "delete" : underline ? "underline" : mark ? "mark" : type;
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [children, copyable && /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Copy text",
+		className: "hover:bg-accent hover:text-accent-foreground ml-2 inline-flex size-4 items-center justify-center rounded-md text-sm font-medium transition-colors",
+		onClick: () => {
+			if (typeof children === "string") navigator.clipboard.writeText(children).catch(() => {});
+		},
+		title: "Copy text",
+		children: /* @__PURE__ */ jsx(CopyIcon, {
+			className: "size-3",
+			"aria-hidden": "true"
+		})
+	})] });
+	return React$1.createElement(as, {
+		className: cn$1(textVariants({
+			size,
+			weight,
+			textColor,
+			type: resolvedType
+		}), ellipsis && "truncate", className),
+		...props
+	}, content);
+}
+function Paragraph({ className, size, spacing, as = "p", children, ...props }) {
+	return React$1.createElement(as, {
+		className: cn$1(paragraphVariants({
+			size,
+			spacing,
+			className
+		})),
+		...props
+	}, children);
+}
+function Link({ className, children, href, target = "_self", rel, ...props }) {
+	return /* @__PURE__ */ jsx("a", {
+		href,
+		target,
+		rel: rel ?? (target === "_blank" ? "noopener noreferrer" : void 0),
+		className: cn$1("text-primary focus-visible:ring-ring underline-offset-4 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", className),
+		...props,
+		children
+	});
+}
+function List({ className, as, listType = "unordered", children, ...props }) {
+	const Component = as ?? (listType === "ordered" ? "ol" : "ul");
+	return React$1.createElement(Component, {
+		className: cn$1("space-y-2", listType === "ordered" ? "list-decimal list-inside" : "list-disc list-inside", className),
+		...props
+	}, children);
+}
+function ListItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		className: cn$1("leading-relaxed", className),
+		...props,
+		children
+	});
+}
+function Blockquote({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("blockquote", {
+		className: cn$1("border-primary text-muted-foreground border-l-4 pl-4 italic", className),
+		...props,
+		children
+	});
+}
+function Code({ className, as = "code", children, ...props }) {
+	if (as === "pre") return /* @__PURE__ */ jsx("pre", {
+		className: cn$1("bg-muted relative overflow-x-auto rounded p-4 font-mono text-sm", className),
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx("code", {
+		className: cn$1("bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm", className),
+		...props,
+		children
+	});
+}
 //#endregion
 //#region ../shadcn/ui/visuallyhidden.tsx
 const VisuallyHidden$1 = { Root: VisuallyHidden };
@@ -9851,4 +11125,4 @@ const ThemeScript = React$1.memo(({ forcedTheme, storageKey = "theme", attribute
 });
 //#endregion
-export { SidebarGroupAction as $, TableBody as $n, CommandSeparator as $r, FormSwitch as $t, TaskPanel as A, BreadcrumbLink as Ai, DropdownMenuPortal as An, Popover as Ar, getGutter as At, TaskQueueProvider as B, AvatarStack as Bn, InputGroupTextarea as Br, useFormContext as Bt, localInputStringToUtc as C, Separator as Ci, DropzoneEmptyState as Cn, SelectScrollDownButton as Cr, startProgress as Ct, TaskQueueDropdown as D, Breadcrumb as Di, DropdownMenuGroup as Dn, SelectValue as Dr, Col as Dt, zonedDateToUtcString as E, buttonVariants$1 as Ei, DropdownMenuContent as En, SelectTrigger as Er, InputNumber as Et, getContextLabel as F, badgeVariants as Fi, DropdownMenuSub as Fn, InputGroup as Fr, GRID_PREFIX as Ft, createOrgMetadata as G, Tooltip as Gn, Dialog as Gr, StepperControls as Gt, detectStorage as H, Autocomplete as Hn, HoverCard as Hr, useField as Ht, matchesCurrentScope as I, Alert as Ii, DropdownMenuSubContent as In, InputGroupAddon as Ir, RESPONSIVE_ARRAY as It, TagsInput as J, TabsContent as Jn, CommandEmpty as Jr, defineStepper as Jt, createProjectMetadata as K, Textarea as Kn, Command$1 as Kr, FormStep as Kt, useCurrentScope as L, AlertDescription as Li, DropdownMenuSubTrigger as Ln, InputGroupButton as Lr, RESPONSIVE_MAP as Lt, TaskPanelCounter as M, BreadcrumbPage as Mi, DropdownMenuRadioItem as Mn, PopoverContent as Mr, registerMediaQuery as Mt, TaskPanelActions as N, BreadcrumbSeparator as Ni, DropdownMenuSeparator as Nn, PopoverTrigger as Nr, GRID_BREAKPOINTS as Nt, TaskSummaryDialog as O, BreadcrumbEllipsis as Oi, DropdownMenuItem as On, RadioGroup as Or, Row as Ot, TaskPanelHeader as P, Badge as Pi, DropdownMenuShortcut as Pn, Label as Pr, GRID_COLUMNS as Pt, SidebarGroup as Q, Table as Qn, CommandList as Qr, FormTextarea as Qt, useTasksWithLabels as R, AlertTitle as Ri, DropdownMenuTrigger as Rn, InputGroupInput as Rr, Form as Rt, getTimezoneOffset as S, buttonGroupVariants as Si, DropzoneContent as Sn, SelectLabel as Sr, configureProgress as St, utcToLocalInputString as T, Button$1 as Ti, DropdownMenuCheckboxItem as Tn, SelectSeparator as Tr, MoreActions as Tt, RedisTaskStorage as U, LoaderOverlay as Un, HoverCardContent as Ur, InputWithAddons as Ut, TaskQueue as V, avatarStackVariants as Vn, Input as Vr, useFieldContext as Vt, LocalTaskStorage as W, VisuallyHidden$1 as Wn, HoverCardTrigger as Wr, StepperNavigation as Wt, SidebarContent as X, TabsList as Xn, CommandInput as Xr, useWatch as Xt, Sidebar as Y, TabsLinkTrigger as Yn, CommandGroup as Yr, FormWhen as Yt, SidebarFooter as Z, TabsTrigger as Zn, CommandItem as Zr, useWatchAll as Zt, formatTimezoneLabel as _, Calendar$1 as _i, FormButton as _n, SheetTrigger as _r, SidebarTrigger as _t, formatDateForInput as a, ChartContainer as ai, FormRadioItem as an, TableRow as ar, SidebarMenu as at, getDefaultTimezoneOptions as b, ButtonGroupSeparator as bi, EmptyContent as bn, SelectGroup as br, NavMain as bt, DEFAULT_PRESETS as c, ChartStyle as ci, FormField as cn, Skeleton as cr, SidebarMenuButton as ct, getPresetByShortcut as d, Card as di, FormDescription as dn, SheetContent as dr, SidebarMenuSub as dt, CommandShortcut as ei, FormSubmit as en, TableCaption as er, SidebarGroupContent as et, getPresetRange as f, CardFooter as fi, FormCustom as fn, SheetOverlay as fr, SidebarMenuSubButton as ft, createTimezoneOption as g, CardTitle as gi, FormCheckbox as gn, SheetTitle as gr, SidebarSeparator as gt, CustomRangePanel as h, CardDescription as hi, Toaster$1 as hn, SheetHeader as hr, SidebarRail as ht, TimeRangePicker as i, Checkbox as ii, FormRadioGroup as in, TableHeader as ir, SidebarInset as it, TaskPanelItem as j, BreadcrumbList as ji, DropdownMenuRadioGroup as jn, PopoverAnchor as jr, getResponsiveValue as jt, TaskQueueTrigger as k, BreadcrumbItem as ki, DropdownMenuLabel as kn, RadioGroupItem as kr, RowContext as kt, getDefaultPreset as l, ChartTooltip as li, FormError as ln, Sheet as lr, SidebarMenuItem as lt, QuickRangesPanel as m, CardContent as mi, useToast as mn, SheetFooter as mr, SidebarProvider as mt, ClientOnly as n, CollapsibleContent as ni, FormSelectItem as nn, TableFooter as nr, SidebarHeader as nt, formatSingleTimeDisplay as o, ChartLegend as oi, FormInput as on, Switch as or, SidebarMenuAction as ot, TimezoneSelector as p, CardHeader as pi, FormCopyBox as pn, SheetDescription as pr, SidebarMenuSubItem as pt, createUserMetadata as q, Tabs as qn, CommandDialog as qr, FormStepper as qt, toApiTimeRange as r, CollapsibleTrigger as ri, FormRoot as rn, TableHead as rr, SidebarInput as rt, formatTimeRangeDisplay as s, ChartLegendContent as si, FormFieldArray as sn, Spinner as sr, SidebarMenuBadge as st, ThemeScript as t, Collapsible as ti, FormSelect as tn, TableCell as tr, SidebarGroupLabel as tt, getPresetByKey as u, ChartTooltipContent as ui, FormDialog as un, SheetClose as ur, SidebarMenuSkeleton as ut, formatUtcForDisplay as v, CalendarDayButton as vi, FormAutocomplete as vn, Select as vr, useSidebar as vt, utcStringToZonedDate as w, LinkButton as wi, DropdownMenu as wn, SelectScrollUpButton as wr, stopProgress as wt, getShortTimezoneDisplay as x, ButtonGroupText as xi, Dropzone as xn, SelectItem as xr, PageTitle as xt, getBrowserTimezone as y, ButtonGroup as yi, FileInputButton as yn, SelectContent as yr, AppSidebar as yt, useTaskQueue as z, CalendarDatePicker as zn, InputGroupText as zr, useStepper as zt };
+export { SidebarGroupAction as $, Card as $i, paragraphVariants as $n, MapDrawPolygon as $r, FormSwitch as $t, TaskPanel as A, HoverCard as Ai, DropdownMenuPortal as An, SelectGroup as Ar, getGutter as At, TaskQueueProvider as B, CommandList as Bi, AvatarStack as Bn, Popover as Br, useFormContext as Bt, localInputStringToUtc as C, badgeVariants as Ca, InputGroup as Ci, DropzoneEmptyState as Cn, SheetDescription as Cr, startProgress as Ct, TaskQueueDropdown as D, InputGroupText as Di, DropdownMenuGroup as Dn, SheetTrigger as Dr, Col as Dt, zonedDateToUtcString as E, AlertTitle as Ea, InputGroupInput as Ei, DropdownMenuContent as En, SheetTitle as Er, InputNumber as Et, getContextLabel as F, CommandDialog as Fi, DropdownMenuSub as Fn, SelectSeparator as Fr, GRID_PREFIX as Ft, createOrgMetadata as G, CollapsibleTrigger as Gi, Blockquote as Gn, MapCircle as Gr, StepperControls as Gt, detectStorage as H, CommandShortcut as Hi, Autocomplete as Hn, PopoverContent as Hr, useField as Ht, matchesCurrentScope as I, CommandEmpty as Ii, DropdownMenuSubContent as In, SelectTrigger as Ir, RESPONSIVE_ARRAY as It, TagsInput as J, ChartLegend as Ji, List as Jn, MapDrawCircle as Jr, defineStepper as Jt, createProjectMetadata as K, Checkbox as Ki, Code as Kn, MapCircleMarker as Kr, FormStep as Kt, useCurrentScope as L, CommandGroup as Li, DropdownMenuSubTrigger as Ln, SelectValue as Lr, RESPONSIVE_MAP as Lt, TaskPanelCounter as M, HoverCardTrigger as Mi, DropdownMenuRadioItem as Mn, SelectLabel as Mr, registerMediaQuery as Mt, TaskPanelActions as N, Dialog as Ni, DropdownMenuSeparator as Nn, SelectScrollDownButton as Nr, GRID_BREAKPOINTS as Nt, TaskSummaryDialog as O, InputGroupTextarea as Oi, DropdownMenuItem as On, Select as Or, Row as Ot, TaskPanelHeader as P, Command$1 as Pi, DropdownMenuShortcut as Pn, SelectScrollUpButton as Pr, GRID_COLUMNS as Pt, SidebarGroup as Q, ChartTooltipContent as Qi, Title$1 as Qn, MapDrawMarker as Qr, FormTextarea as Qt, useTasksWithLabels as R, CommandInput as Ri, DropdownMenuTrigger as Rn, RadioGroup as Rr, Form as Rt, getTimezoneOffset as S, Badge as Sa, Label as Si, DropzoneContent as Sn, SheetOverlay as Sr, configureProgress as St, utcToLocalInputString as T, AlertDescription as Ta, InputGroupButton as Ti, DropdownMenuCheckboxItem as Tn, SheetHeader as Tr, MoreActions as Tt, RedisTaskStorage as U, Collapsible as Ui, LoaderOverlay as Un, PopoverTrigger as Ur, InputWithAddons as Ut, TaskQueue as V, CommandSeparator as Vi, avatarStackVariants as Vn, PopoverAnchor as Vr, useFieldContext as Vt, LocalTaskStorage as W, CollapsibleContent as Wi, VisuallyHidden$1 as Wn, Map$1 as Wr, StepperNavigation as Wt, SidebarContent as X, ChartStyle as Xi, Paragraph as Xn, MapDrawDelete as Xr, useWatch as Xt, Sidebar as Y, ChartLegendContent as Yi, ListItem as Yn, MapDrawControl as Yr, FormWhen as Yt, SidebarFooter as Z, ChartTooltip as Zi, Text as Zn, MapDrawEdit as Zr, useWatchAll as Zt, formatTimezoneLabel as _, BreadcrumbItem as _a, MapTooltip as _i, FormButton as _n, Switch as _r, SidebarTrigger as _t, formatDateForInput as a, Calendar$1 as aa, MapLayerGroup as ai, FormRadioItem as an, TabsContent as ar, SidebarMenu as at, getDefaultTimezoneOptions as b, BreadcrumbPage as ba, PlaceAutocomplete as bi, EmptyContent as bn, SheetClose as br, NavMain as bt, DEFAULT_PRESETS as c, ButtonGroupSeparator as ca, MapLocateControl as ci, FormField as cn, TabsTrigger as cr, SidebarMenuButton as ct, getPresetByShortcut as d, Separator as da, MapPolygon as di, FormDescription as dn, TableCaption as dr, SidebarMenuSub as dt, CardFooter as ea, MapDrawPolyline as ei, FormSubmit as en, textVariants as er, SidebarGroupContent as et, getPresetRange as f, LinkButton as fa, MapPolyline as fi, FormCustom as fn, TableCell as fr, SidebarMenuSubButton as ft, createTimezoneOption as g, BreadcrumbEllipsis as ga, MapTileLayer as gi, FormCheckbox as gn, TableRow as gr, SidebarSeparator as gt, CustomRangePanel as h, Breadcrumb as ha, MapSearchControl as hi, Toaster$1 as hn, TableHeader as hr, SidebarRail as ht, TimeRangePicker as i, CardTitle as ia, MapFullscreenControl as ii, FormRadioGroup as in, Tabs as ir, SidebarInset as it, TaskPanelItem as j, HoverCardContent as ji, DropdownMenuRadioGroup as jn, SelectItem as jr, getResponsiveValue as jt, TaskQueueTrigger as k, Input as ki, DropdownMenuLabel as kn, SelectContent as kr, RowContext as kt, getDefaultPreset as l, ButtonGroupText as la, MapMarker as li, FormError as ln, Table as lr, SidebarMenuItem as lt, QuickRangesPanel as m, buttonVariants$1 as ma, MapRectangle as mi, useToast as mn, TableHead as mr, SidebarProvider as mt, ClientOnly as n, CardContent as na, MapDrawUndo as ni, FormSelectItem as nn, Tooltip as nr, SidebarHeader as nt, formatSingleTimeDisplay as o, CalendarDayButton as oa, MapLayers as oi, FormInput as on, TabsLinkTrigger as or, SidebarMenuAction as ot, TimezoneSelector as p, Button$1 as pa, MapPopup as pi, FormCopyBox as pn, TableFooter as pr, SidebarMenuSubItem as pt, createUserMetadata as q, ChartContainer as qi, Link as qn, MapControlContainer as qr, FormStepper as qt, toApiTimeRange as r, CardDescription as ra, MapFeatureGroup as ri, FormRoot as rn, Textarea as rr, SidebarInput as rt, formatTimeRangeDisplay as s, ButtonGroup as sa, MapLayersControl as si, FormFieldArray as sn, TabsList as sr, SidebarMenuBadge as st, ThemeScript as t, CardHeader as ta, MapDrawRectangle as ti, FormSelect as tn, titleVariants$1 as tr, SidebarGroupLabel as tt, getPresetByKey as u, buttonGroupVariants as ua, MapMarkerClusterGroup as ui, FormDialog as un, TableBody as ur, SidebarMenuSkeleton as ut, formatUtcForDisplay as v, BreadcrumbLink as va, MapZoomControl as vi, FormAutocomplete as vn, Skeleton as vr, useSidebar as vt, utcStringToZonedDate as w, Alert as wa, InputGroupAddon as wi, DropdownMenu as wn, SheetFooter as wr, stopProgress as wt, getShortTimezoneDisplay as x, BreadcrumbSeparator as xa, Spinner as xi, Dropzone as xn, SheetContent as xr, PageTitle as xt, getBrowserTimezone as y, BreadcrumbList as ya, useLeaflet as yi, FileInputButton as yn, Sheet as yr, AppSidebar as yt, useTaskQueue as z, CommandItem as zi, CalendarDatePicker as zn, RadioGroupItem as zr, useStepper as zt };