themelia-react-ui 1.0.2 → 2.0.1

package/dist/features/map.js

@@ -1,13 +1,12 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-BvH9PSmq.js";
-import { n } from "../buttons-D_6KJvEE.js";
-import { a as r } from "../typography-BxQgiZyw.js";
-import { t as i } from "../button-BZDasD04.js";
-import { d as a, g as o, i as s, l as c, n as l, o as u, r as d, t as f, u as p } from "../dropdown-menu-D-boNgGO.js";
-import { a as m, n as h, o as g, r as _, t as v } from "../command-BnmSchli.js";
-import { c as y, o as b, t as x } from "../popover-CghIYdQf.js";
-import { a as S, c as C, o as ee } from "../text-inputs-DsR56TR-.js";
+import { t } from "../utils-l5LpDw2z.js";
+import { n, o as r } from "../buttons-SbIcm1HJ.js";
+import { s as i } from "../typography-DTRkE9zL.js";
+import { d as a, g as o, i as s, l as c, n as l, o as u, r as d, t as f, u as p } from "../dropdown-menu-E2qmdC7o.js";
+import { a as m, n as h, o as g, r as _, t as v } from "../command-kNR20o7x.js";
+import { c as y, o as b, t as x } from "../popover-Di55PyAI.js";
+import { a as S, c as C, o as ee } from "../text-inputs-aaK9wcDT.js";
 import { t as w } from "../use-debounce-DZ_1ZBPa.js";
 import * as T from "react";
 import { Suspense as te, createContext as E, lazy as D, useCallback as O, useContext as k, useEffect as A, useRef as j, useState as M, useSyncExternalStore as N } from "react";
@@ -100,12 +99,12 @@ function ve({ debounceMs: e, query: t, lang: n, limit: r, bbox: i, lat: a, lon:
 function ye(e, t) {
 	return e.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, n) => t[n] ?? e);
 }
-function be({ debounceMs: n = 300, lang: a, limit: o = 5, bbox: s, lat: c, lon: l, zoom: u, locationBiasScale: d, className: f, value: p, defaultValue: w = "", onValueChange: te, onPlaceSelect: E, onResultsChange: D, searchPlaces: O, onSearchError: k, strings: A, onFocus: j, ...M }) {
+function be({ debounceMs: r = 300, lang: a, limit: o = 5, bbox: s, lat: c, lon: l, zoom: u, locationBiasScale: d, className: f, value: p, defaultValue: w = "", onValueChange: te, onPlaceSelect: E, onResultsChange: D, searchPlaces: O, onSearchError: k, strings: A, onFocus: j, ...M }) {
 	let N = e(he, A), [ne, I] = T.useState(w), [re, ae] = T.useState(""), [oe, R] = T.useState(!1), [z, B] = T.useState(-1), se = T.useId(), ce = T.useRef(null), le = T.useRef(null), de = T.useRef(/* @__PURE__ */ new Map()), fe = p !== void 0, pe = fe ? p : ne, { results: V, isLoading: H, error: U, hasSearched: _e, retry: be } = ve({
 		query: re,
 		searchPlaces: O,
 		onSearchError: k,
-		debounceMs: n,
+		debounceMs: r,
 		lang: a,
 		limit: o,
 		bbox: s,
@@ -192,7 +191,7 @@ function be({ debounceMs: n = 300, lang: a, limit: o = 5, bbox: s, lat: c, lon:
 							children: [/* @__PURE__ */ P(ie, {
 								className: "animate-spin",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ P(r, {
+							}), /* @__PURE__ */ P(i, {
 								tag: "span",
 								size: "inherit",
 								className: "sr-only",
@@ -214,14 +213,14 @@ function be({ debounceMs: n = 300, lang: a, limit: o = 5, bbox: s, lat: c, lon:
 					label: N.searchPlaceholder,
 					className: "max-h-72",
 					children: [
-						!!U && /* @__PURE__ */ F(h, { children: [/* @__PURE__ */ P(r, {
+						!!U && /* @__PURE__ */ F(h, { children: [/* @__PURE__ */ P(i, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
 							align: "center",
 							className: "block",
 							children: ye(N.error, { message: U.message })
-						}), /* @__PURE__ */ P(i, {
+						}), /* @__PURE__ */ P(n, {
 							buttonStyle: "ghost",
 							size: "sm",
 							onClick: () => {
@@ -229,7 +228,7 @@ function be({ debounceMs: n = 300, lang: a, limit: o = 5, bbox: s, lat: c, lon:
 							},
 							children: N.retry ?? he.retry
 						})] }),
-						!!W && /* @__PURE__ */ P(h, { children: /* @__PURE__ */ P(r, {
+						!!W && /* @__PURE__ */ P(h, { children: /* @__PURE__ */ P(i, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
@@ -247,11 +246,11 @@ function be({ debounceMs: n = 300, lang: a, limit: o = 5, bbox: s, lat: c, lon:
 								onSelect: () => q(e),
 								children: [/* @__PURE__ */ P(L, {}), /* @__PURE__ */ F("div", {
 									className: "flex flex-col items-start text-start",
-									children: [/* @__PURE__ */ P(r, {
+									children: [/* @__PURE__ */ P(i, {
 										tag: "span",
 										weight: "medium",
 										children: e.properties.name || e.properties.street || N.unknownPlace
-									}), /* @__PURE__ */ P(r, {
+									}), /* @__PURE__ */ P(i, {
 										tag: "span",
 										size: "xs",
 										type: "secondary",
@@ -479,7 +478,7 @@ function qe({ defaultTileLayer: e, defaultLayerGroups: t = [], ...n }) {
 		...n
 	});
 }
-function Je({ tileLayersLabel: e, layerGroupsLabel: n, position: r = "top-1 right-1", className: m, ...h }) {
+function Je({ tileLayersLabel: e, layerGroupsLabel: r, position: i = "top-1 right-1", className: m, ...h }) {
 	let g = q(), _ = Ue();
 	if (!_) throw Error("MapLayersControl must be used within MapLayers");
 	let { tileLayers: v, selectedTileLayer: y, setSelectedTileLayer: b, layerGroups: x, activeLayerGroups: S, setActiveLayerGroups: C } = _;
@@ -488,7 +487,7 @@ function Je({ tileLayersLabel: e, layerGroupsLabel: n, position: r = "top-1 righ
 		C(t ? [...S, e] : S.filter((t) => t !== e));
 	}
 	let w = v.length > 1, T = x.length > 0;
-	return !w && !T ? null : /* @__PURE__ */ F(f, { children: [/* @__PURE__ */ P(o, { render: (e) => /* @__PURE__ */ P(i, {
+	return !w && !T ? null : /* @__PURE__ */ F(f, { children: [/* @__PURE__ */ P(o, { render: (e) => /* @__PURE__ */ P(n, {
 		...e,
 		type: "button",
 		tone: "secondary",
@@ -496,7 +495,7 @@ function Je({ tileLayersLabel: e, layerGroupsLabel: n, position: r = "top-1 righ
 		iconOnly: !0,
 		"aria-label": g.selectLayers,
 		title: g.selectLayers,
-		className: t("border-border absolute z-1000 border", r, m, e.className),
+		className: t("border-border absolute z-1000 border", i, m, e.className),
 		...h,
 		children: /* @__PURE__ */ P(re, {})
 	}) }), /* @__PURE__ */ F(d, {
@@ -512,7 +511,7 @@ function Je({ tileLayersLabel: e, layerGroupsLabel: n, position: r = "top-1 righ
 				}, e.name))]
 			}) }),
 			!!w && !!T && /* @__PURE__ */ P(a, {}),
-			!!T && /* @__PURE__ */ F(s, { children: [/* @__PURE__ */ P(u, { children: n ?? g.layers }), x.map((e) => /* @__PURE__ */ P(l, {
+			!!T && /* @__PURE__ */ F(s, { children: [/* @__PURE__ */ P(u, { children: r ?? g.layers }), x.map((e) => /* @__PURE__ */ P(l, {
 				checked: S.includes(e.name),
 				disabled: e.disabled,
 				onCheckedChange: (t) => ee(e.name, t),
@@ -615,17 +614,17 @@ function rt({ className: e, children: n, side: r = "top", sideOffset: i = 15, ..
 		children: [n, /* @__PURE__ */ P("div", { className: t("bg-foreground fill-foreground absolute z-50 size-2.5 rotate-45 rounded-[2px]", o[r]) })]
 	});
 }
-function it({ position: e = "top-1 left-1", className: r, ...a }) {
+function it({ position: e = "top-1 left-1", className: i, ...a }) {
 	let o = Y(), s = q(), [c, l] = M(o.getZoom());
 	return ze({ zoomend: () => {
 		l(o.getZoom());
 	} }), /* @__PURE__ */ P(Q, {
-		className: t(e, r),
-		children: /* @__PURE__ */ F(n, {
+		className: t(e, i),
+		children: /* @__PURE__ */ F(r, {
 			orientation: "vertical",
 			"aria-label": s.zoomControls,
 			...a,
-			children: [/* @__PURE__ */ P(i, {
+			children: [/* @__PURE__ */ P(n, {
 				type: "button",
 				size: "sm",
 				iconOnly: !0,
@@ -636,7 +635,7 @@ function it({ position: e = "top-1 left-1", className: r, ...a }) {
 				disabled: c >= o.getMaxZoom(),
 				onClick: () => o.zoomIn(),
 				children: /* @__PURE__ */ P(le, {})
-			}), /* @__PURE__ */ P(i, {
+			}), /* @__PURE__ */ P(n, {
 				type: "button",
 				size: "sm",
 				iconOnly: !0,
@@ -651,7 +650,7 @@ function it({ position: e = "top-1 left-1", className: r, ...a }) {
 		})
 	});
 }
-function at({ position: e = "top-1 right-1", className: n, ...r }) {
+function at({ position: e = "top-1 right-1", className: r, ...i }) {
 	let a = Y(), o = q(), [s, c] = M(!1), { L: l } = $();
 	return A(() => {
 		if (!l) return;
@@ -664,8 +663,8 @@ function at({ position: e = "top-1 right-1", className: n, ...r }) {
 			e.remove(), a.off("enterFullscreen", n), a.off("exitFullscreen", r);
 		};
 	}, [l, a]), /* @__PURE__ */ P(Q, {
-		className: t(e, n),
-		children: /* @__PURE__ */ P(i, {
+		className: t(e, r),
+		children: /* @__PURE__ */ P(n, {
 			type: "button",
 			size: "sm",
 			iconOnly: !0,
@@ -674,7 +673,7 @@ function at({ position: e = "top-1 right-1", className: n, ...r }) {
 			"aria-label": s ? o.exitFullscreen : o.enterFullscreen,
 			title: s ? o.exitFullscreen : o.enterFullscreen,
 			className: "border-border border",
-			...r,
+			...i,
 			children: P(s ? R : oe, {})
 		})
 	});
@@ -685,21 +684,21 @@ function ot() {
 		children: [/* @__PURE__ */ P("div", { className: "bg-primary absolute inline-flex size-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ P("div", { className: "bg-primary relative inline-flex size-icon-sm rounded-full" })]
 	});
 }
-function st({ watch: e = !1, onLocationFound: n, onLocationError: r, position: a = "right-1 bottom-1", className: o, ...s }) {
+function st({ watch: e = !1, onLocationFound: r, onLocationError: i, position: a = "right-1 bottom-1", className: o, ...s }) {
 	let c = Y(), l = q(), [u, d] = xt(200), [f, p] = M(null), m = f !== null, h = O(() => {
 		d(!0), c.locate({
 			setView: !0,
 			maxZoom: c.getMaxZoom(),
 			watch: e
 		}), c.on("locationfound", (e) => {
-			p(e.latlng), d(!1), n?.(e);
+			p(e.latlng), d(!1), r?.(e);
 		}), c.on("locationerror", (e) => {
-			p(null), d(!1), r?.(e);
+			p(null), d(!1), i?.(e);
 		});
 	}, [
 		c,
+		i,
 		r,
-		n,
 		d,
 		e
 	]), g = O(() => {
@@ -711,7 +710,7 @@ function st({ watch: e = !1, onLocationFound: n, onLocationError: r, position: a
 	}) : null;
 	return A(() => () => g(), [g]), /* @__PURE__ */ F(Q, {
 		className: t(a, o),
-		children: [/* @__PURE__ */ P(i, {
+		children: [/* @__PURE__ */ P(n, {
 			type: "button",
 			size: "sm",
 			iconOnly: !0,
@@ -736,7 +735,7 @@ var lt = E(null);
 function X() {
 	return k(lt);
 }
-function ut({ onLayersChange: e, position: r = "bottom-1 left-1", className: i, ...a }) {
+function ut({ onLayersChange: e, position: n = "bottom-1 left-1", className: i, ...a }) {
 	let { L: o, LeafletDraw: s } = $(), c = Y(), l = j(null), u = j(null), d = j(null), [f, p] = M(null), [m, h] = M(0), g = O(() => {
 		l.current && h(l.current.getLayers().length);
 	}, []), _ = O((t) => {
@@ -766,15 +765,15 @@ function ut({ onLayersChange: e, position: r = "bottom-1 left-1", className: i,
 			layersCount: m
 		},
 		children: [/* @__PURE__ */ P(Fe, { ref: l }), /* @__PURE__ */ P(Q, {
-			className: t(r, i),
-			children: /* @__PURE__ */ P(n, {
+			className: t(n, i),
+			children: /* @__PURE__ */ P(r, {
 				orientation: "vertical",
 				...a
 			})
 		})]
 	});
 }
-function Z({ drawMode: e, createDrawTool: n, className: r, children: a, ...o }) {
+function Z({ drawMode: e, createDrawTool: r, className: i, children: a, ...o }) {
 	let s = X();
 	if (!s) throw Error("MapDrawShapeButton must be used within MapDrawControl");
 	let { L: c } = $(), l = q(), u = Y(), d = j(null), { activeMode: f, setActiveMode: p } = s, m = f === e, h = {
@@ -789,7 +788,7 @@ function Z({ drawMode: e, createDrawTool: n, className: r, children: a, ...o })
 			d.current?.disable(), d.current = null;
 			return;
 		}
-		let e = n(c, u);
+		let e = r(c, u);
 		return e.enable(), d.current = e, () => {
 			e.disable(), d.current = null;
 		};
@@ -797,18 +796,18 @@ function Z({ drawMode: e, createDrawTool: n, className: r, children: a, ...o })
 		c,
 		u,
 		m,
-		n
+		r
 	]);
 	function g() {
 		p(m ? null : e);
 	}
-	return /* @__PURE__ */ P(i, {
+	return /* @__PURE__ */ P(n, {
 		type: "button",
 		size: "sm",
 		iconOnly: !0,
 		"aria-label": h,
 		title: h,
-		className: t("border-border border", r),
+		className: t("border-border border", i),
 		tone: m ? "primary" : "secondary",
 		disabled: f === "edit" || f === "delete",
 		onClick: g,
@@ -901,31 +900,31 @@ function ht({ drawError: e = { color: "var(--color-destructive)" }, shapeOptions
 		children: /* @__PURE__ */ P(ce, {})
 	});
 }
-function gt({ drawAction: e, createDrawTool: n, controlRef: r, className: a, children: o, ...s }) {
+function gt({ drawAction: e, createDrawTool: r, controlRef: i, className: a, children: o, ...s }) {
 	let c = X();
 	if (!c) throw Error("MapDrawActionButton must be used within MapDrawControl");
 	let { L: l } = $(), u = q(), d = Y(), { featureGroup: f, activeMode: p, setActiveMode: m, layersCount: h } = c, g = p === e, _ = h > 0, v = e === "edit" ? u.editShapes : u.removeShapes;
 	A(() => {
 		if (!l || !f || !g) {
-			r.current?.disable?.(), r.current = null;
+			i.current?.disable?.(), i.current = null;
 			return;
 		}
-		let e = n(l, d, f);
-		return e.enable?.(), r.current = e, () => {
-			e.disable?.(), r.current = null;
+		let e = r(l, d, f);
+		return e.enable?.(), i.current = e, () => {
+			e.disable?.(), i.current = null;
 		};
 	}, [
 		l,
 		d,
 		g,
 		f,
-		n,
-		r
+		r,
+		i
 	]);
 	function y() {
-		r.current?.save(), m(g ? null : e);
+		i.current?.save(), m(g ? null : e);
 	}
-	return /* @__PURE__ */ P(i, {
+	return /* @__PURE__ */ P(n, {
 		type: "button",
 		size: "sm",
 		iconOnly: !0,
@@ -986,14 +985,14 @@ function vt() {
 		children: /* @__PURE__ */ P(fe, {})
 	});
 }
-function yt({ className: e, ...n }) {
-	let r = X();
-	if (!r) throw Error("MapDrawUndo must be used within MapDrawControl");
-	let a = q(), { activeMode: o, setActiveMode: s, editControlRef: c, deleteControlRef: l, layersCount: u } = r, d = o === "edit", f = o === "delete", p = (d || f) && u > 0, m = f ? a.undoRemove : a.undoEdit;
+function yt({ className: e, ...r }) {
+	let i = X();
+	if (!i) throw Error("MapDrawUndo must be used within MapDrawControl");
+	let a = q(), { activeMode: o, setActiveMode: s, editControlRef: c, deleteControlRef: l, layersCount: u } = i, d = o === "edit", f = o === "delete", p = (d || f) && u > 0, m = f ? a.undoRemove : a.undoEdit;
 	function h() {
 		d ? c.current?.revertLayers() : f && l.current?.revertLayers(), s(null);
 	}
-	return /* @__PURE__ */ P(i, {
+	return /* @__PURE__ */ P(n, {
 		type: "button",
 		size: "sm",
 		iconOnly: !0,
@@ -1003,7 +1002,7 @@ function yt({ className: e, ...n }) {
 		onClick: h,
 		disabled: !p,
 		className: t("border-border border", e),
-		...n,
+		...r,
 		children: /* @__PURE__ */ P(pe, {})
 	});
 }