admin-ui-starter-kit 0.4.5 → 0.6.1

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

@@ -1,7 +1,7 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-DlqryxqA.js";
-import { n as r } from "../../../_shared/heading-HeP06nXG.js";
+import { t as n } from "../../../_shared/button-DHksjMvc.js";
+import { s as r } from "../../../_shared/typography-DE0NGEIE.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-CoWmrjYX.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-CAI-BCSR.js";
 import * as b from "react";
@@ -335,18 +335,17 @@ function ze({ tileLayersLabel: e = "Map Type", layerGroupsLabel: r = "Layers", p
 		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(n, {
-			type: "button",
-			variant: "secondary",
-			size: "icon-sm",
-			"aria-label": "Select layers",
-			title: "Select layers",
-			className: t("absolute z-1000 border", f, p),
-			...m
-		}),
+	return !C && !w ? null : /* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(a, { render: (e) => /* @__PURE__ */ A(n, {
+		...e,
+		type: "button",
+		variant: "secondary",
+		size: "icon-small",
+		"aria-label": "Select layers",
+		title: "Select layers",
+		className: t("absolute z-1000 border", f, p, e.className),
+		...m,
 		children: /* @__PURE__ */ A(ee, {})
-	}), /* @__PURE__ */ j(l, {
+	}) }), /* @__PURE__ */ j(l, {
 		align: "end",
 		className: "z-1000",
 		children: [
@@ -368,7 +367,7 @@ function ze({ tileLayersLabel: e = "Map Type", layerGroupsLabel: r = "Layers", p
 		]
 	})] });
 }
-function Be({ icon: e = /* @__PURE__ */ A(F, { className: "size-6 text-foreground" }), iconAnchor: t = [12, 12], bgPos: n, popupAnchor: r, tooltipAnchor: i, ariaLabel: a, ref: o, ...s }) {
+function Be({ icon: e = /* @__PURE__ */ A(F, { className: "size-map-marker-icon text-foreground" }), iconAnchor: t = [12, 12], bgPos: n, popupAnchor: r, tooltipAnchor: i, ariaLabel: a, ref: o, ...s }) {
 	let { L: c } = $(), l = D(null), u = a ?? (typeof s.title == "string" && s.title.trim() ? s.title : void 0) ?? "Map marker", d = typeof s.title == "string" && s.title.trim() ? s.title : u, f = w((e) => {
 		let t = e?.getElement();
 		t && (t.setAttribute("aria-label", u), t.getAttribute("title") || t.setAttribute("title", u));
@@ -474,7 +473,7 @@ function Ye({ position: e = "top-1 left-1", className: r, ...i }) {
 			...i,
 			children: [/* @__PURE__ */ A(n, {
 				type: "button",
-				size: "icon-sm",
+				size: "icon-small",
 				variant: "secondary",
 				"aria-label": "Zoom in",
 				title: "Zoom in",
@@ -484,7 +483,7 @@ function Ye({ position: e = "top-1 left-1", className: r, ...i }) {
 				children: /* @__PURE__ */ A(V, {})
 			}), /* @__PURE__ */ A(n, {
 				type: "button",
-				size: "icon-sm",
+				size: "icon-small",
 				variant: "secondary",
 				"aria-label": "Zoom out",
 				title: "Zoom out",
@@ -512,7 +511,7 @@ function Xe({ position: e = "top-1 right-1", className: r, ...i }) {
 		className: t(e, r),
 		children: /* @__PURE__ */ A(n, {
 			type: "button",
-			size: "icon-sm",
+			size: "icon-small",
 			variant: "secondary",
 			onClick: () => a.toggleFullscreen(),
 			"aria-label": o ? "Exit fullscreen" : "Enter fullscreen",
@@ -557,8 +556,8 @@ function Qe({ watch: e = !1, onLocationFound: r, onLocationError: i, position: a
 		className: t(a, o),
 		children: [/* @__PURE__ */ A(n, {
 			type: "button",
-			size: "icon-sm",
-			variant: p ? "default" : "secondary",
+			size: "icon-small",
+			variant: p ? "primary" : "secondary",
 			onClick: g,
 			disabled: l,
 			title: _,
@@ -617,38 +616,39 @@ function tt({ onLayersChange: e, position: n = "bottom-1 left-1", className: r,
 		})]
 	});
 }
-function X({ drawMode: e, createDrawTool: r, className: i, ...a }) {
-	let o = Y();
-	if (!o) throw Error("MapDrawShapeButton must be used within MapDrawControl");
-	let { L: s } = $(), c = K(), l = D(null), { activeMode: u, setActiveMode: d } = o, f = u === e;
+function X({ drawMode: e, createDrawTool: r, className: i, children: a, ...o }) {
+	let s = Y();
+	if (!s) throw Error("MapDrawShapeButton must be used within MapDrawControl");
+	let { L: c } = $(), l = K(), u = D(null), { activeMode: d, setActiveMode: f } = s, p = d === e;
 	E(() => {
-		if (!s || !f) {
-			l.current?.disable(), l.current = null;
+		if (!c || !p) {
+			u.current?.disable(), u.current = null;
 			return;
 		}
-		let e = r(s, c);
-		return e.enable(), l.current = e, () => {
-			e.disable(), l.current = null;
+		let e = r(c, l);
+		return e.enable(), u.current = e, () => {
+			e.disable(), u.current = null;
 		};
 	}, [
-		s,
 		c,
-		f,
+		l,
+		p,
 		r
 	]);
-	function p() {
-		d(f ? null : e);
+	function m() {
+		f(p ? null : e);
 	}
 	return /* @__PURE__ */ A(n, {
 		type: "button",
-		size: "icon-sm",
+		size: "icon-small",
 		"aria-label": `Draw ${e}`,
 		title: `Draw ${e}`,
 		className: t("border", i),
-		variant: f ? "default" : "secondary",
-		disabled: u === "edit" || u === "delete",
-		onClick: p,
-		...a
+		variant: p ? "primary" : "secondary",
+		disabled: d === "edit" || d === "delete",
+		onClick: m,
+		...o,
+		children: a
 	});
 }
 function nt({ ...e }) {
@@ -658,7 +658,7 @@ function nt({ ...e }) {
 			icon: t.divIcon({
 				className: "",
 				iconAnchor: [12, 12],
-				html: H(/* @__PURE__ */ A(F, { className: "size-6" }))
+				html: H(/* @__PURE__ */ A(F, { className: "size-map-marker-icon" }))
 			}),
 			...e
 		}),
@@ -736,40 +736,41 @@ function ot({ drawError: e = { color: "var(--color-destructive)" }, shapeOptions
 		children: /* @__PURE__ */ A(B, {})
 	});
 }
-function st({ drawAction: e, createDrawTool: r, controlRef: i, className: a, ...o }) {
-	let s = Y();
-	if (!s) throw Error("MapDrawActionButton must be used within MapDrawControl");
-	let { L: c } = $(), l = K(), { featureGroup: u, activeMode: d, setActiveMode: f, layersCount: p } = s, m = d === e, h = p > 0;
+function st({ drawAction: e, createDrawTool: r, controlRef: i, className: a, children: o, ...s }) {
+	let c = Y();
+	if (!c) throw Error("MapDrawActionButton must be used within MapDrawControl");
+	let { L: l } = $(), u = K(), { featureGroup: d, activeMode: f, setActiveMode: p, layersCount: m } = c, h = f === e, g = m > 0;
 	E(() => {
-		if (!c || !u || !m) {
+		if (!l || !d || !h) {
 			i.current?.disable?.(), i.current = null;
 			return;
 		}
-		let e = r(c, l, u);
+		let e = r(l, u, d);
 		return e.enable?.(), i.current = e, () => {
 			e.disable?.(), i.current = null;
 		};
 	}, [
-		c,
 		l,
-		m,
 		u,
+		h,
+		d,
 		r,
 		i
 	]);
-	function g() {
-		i.current?.save(), f(m ? null : e);
+	function _() {
+		i.current?.save(), p(h ? null : e);
 	}
 	return /* @__PURE__ */ A(n, {
 		type: "button",
-		size: "icon-sm",
+		size: "icon-small",
 		"aria-label": `${e === "edit" ? "Edit" : "Remove"} shapes`,
 		title: `${e === "edit" ? "Edit" : "Remove"} shapes`,
-		variant: m ? "default" : "secondary",
-		disabled: !h,
-		onClick: g,
+		variant: h ? "primary" : "secondary",
+		disabled: !g,
+		onClick: _,
 		className: t("border", a),
-		...o
+		...s,
+		children: o
 	});
 }
 function ct({ selectedPathOptions: e = {
@@ -823,7 +824,7 @@ function ut({ className: e, ...r }) {
 	}
 	return /* @__PURE__ */ A(n, {
 		type: "button",
-		size: "icon-sm",
+		size: "icon-small",
 		variant: "secondary",
 		"aria-label": `Undo ${a}`,
 		title: `Undo ${a}`,