@factorialco/f0-react 10.1.0 → 10.2.1

package/dist/{F0Map-o0Ni4sbn.js → F0Map-DyOzE_rQ.js}

@@ -1,9 +1,9 @@
-import { I as e, L as t } from "./tooltip-DVXqL5Ri.js";
-import { Qr as n, a as r, o as i } from "./CoachmarkProvider-DqWyppW-.js";
-import { Ht as a, Lt as o, Mt as s, Zn as c, b as l, gn as u, in as d, ir as f, mn as p, rn as m } from "./popover-BTxkQ2PV.js";
-import { n as h, t as g } from "./F0Box-DrW7A9gg.js";
-import { Oa as _, Qi as v, io as y } from "./F0CanvasPanel-DCKaKwkK.js";
-import { J as b, N as x, W as S, x as ee } from "./useData-CiWwYG4W.js";
+import { a as e, ii as t, o as n } from "./CoachmarkProvider-CsqkzlOs.js";
+import { Ht as r, Lt as i, Mt as a, Zn as o, b as s, gn as c, in as l, ir as u, mn as d, rn as f } from "./popover-B2hEEubt.js";
+import { I as p, L as m } from "./tooltip-TOvfXq9F.js";
+import { n as h, t as g } from "./F0Box-D0fWIRgc.js";
+import { La as _, oa as v, vo as y } from "./F0CanvasPanel-mMDAtCgu.js";
+import { J as b, N as x, W as S, x as ee } from "./useData-DjJsB0qa.js";
 import { n as te, t as C } from "./dist-CSP_0yKt.js";
 import { createContext as ne, forwardRef as w, useCallback as T, useContext as re, useEffect as E, useId as ie, useImperativeHandle as ae, useLayoutEffect as oe, useMemo as D, useRef as O, useState as k } from "react";
 import { Fragment as se, jsx as A, jsxs as j } from "react/jsx-runtime";
@@ -143,8 +143,8 @@ var ce = (e, t) => ({
 }, xe = (e) => be[e], Se = 5.6, Ce = 1.5, we = () => {
 	let e = be.xl;
 	return -(e.d - e.caretOverlap + e.caretH + Se + Ce) + 3;
-}, I = "hsl(var(--white-100))", L = w(function(r, i) {
-	let { size: a = "md", selected: o = !1, collapsed: s = !1, label: l, showLabel: p = !0, labelPlacement: m = "right", onClick: h, ariaLabel: g, presentational: _ = !1, dataTestId: v, className: y } = r, b = r.variant ?? "color", S = be[o ? "xl" : a], te = !!h, C = b === "color" || b === "icon" || b === "letter", ne = b === "person" && "firstName" in r ? r.firstName + r.lastName : (b === "team" || b === "company") && "name" in r ? r.name : null, w = C ? r.color ?? "radical" : ne ? b === "person" && "src" in r && r.src ? "grey" : x(ne) ?? "grey" : "neutral", T = n(), re = o ? 32 : {
+}, I = "hsl(var(--white-100))", L = w(function(e, n) {
+	let { size: r = "md", selected: i = !1, collapsed: a = !1, label: s, showLabel: d = !0, labelPlacement: f = "right", onClick: h, ariaLabel: g, presentational: _ = !1, dataTestId: v, className: y } = e, b = e.variant ?? "color", S = be[i ? "xl" : r], te = !!h, C = b === "color" || b === "icon" || b === "letter", ne = b === "person" && "firstName" in e ? e.firstName + e.lastName : (b === "team" || b === "company") && "name" in e ? e.name : null, w = C ? e.color ?? "radical" : ne ? b === "person" && "src" in e && e.src ? "grey" : x(ne) ?? "grey" : "neutral", T = t(), re = i ? 32 : {
 		xs: 12,
 		sm: 16,
 		md: 20,
@@ -154,12 +154,12 @@ var ce = (e, t) => ({
 		sm: 24,
 		md: 32,
 		lg: 40
-	}, ie = be[a].avatar, ae = o ? E[S.avatar] / E[ie] : 1, oe = (e) => /* @__PURE__ */ A("span", {
+	}, ie = be[r].avatar, ae = i ? E[S.avatar] / E[ie] : 1, oe = (e) => /* @__PURE__ */ A("span", {
 		className: "flex shrink-0 items-center justify-center transition-transform duration-200 ease-out",
 		style: { transform: `scale(${ae})` },
 		children: e
-	}), D = b === "color" ? null : b === "icon" && "icon" in r ? /* @__PURE__ */ A(d, {
-		icon: r.icon,
+	}), D = b === "color" ? null : b === "icon" && "icon" in e ? /* @__PURE__ */ A(l, {
+		icon: e.icon,
 		size: S.icon,
 		color: "#ffffff",
 		style: {
@@ -167,7 +167,7 @@ var ce = (e, t) => ({
 			height: re,
 			transition: "width 200ms ease-out, height 200ms ease-out"
 		}
-	}) : b === "letter" && "letter" in r ? /* @__PURE__ */ A("span", {
+	}) : b === "letter" && "letter" in e ? /* @__PURE__ */ A("span", {
 		"aria-hidden": !0,
 		className: "font-semibold leading-none",
 		style: {
@@ -175,32 +175,32 @@ var ce = (e, t) => ({
 			fontSize: Math.round(re * .78),
 			transition: "font-size 200ms ease-out"
 		},
-		children: r.letter.charAt(0).toUpperCase()
-	}) : b === "person" && "firstName" in r ? oe(/* @__PURE__ */ A(ee, {
+		children: e.letter.charAt(0).toUpperCase()
+	}) : b === "person" && "firstName" in e ? oe(/* @__PURE__ */ A(ee, {
 		avatar: {
 			type: "person",
-			firstName: r.firstName,
-			lastName: r.lastName,
-			src: r.src
+			firstName: e.firstName,
+			lastName: e.lastName,
+			src: e.src
 		},
 		size: ie
-	})) : b === "team" && "name" in r ? oe(/* @__PURE__ */ A(ee, {
+	})) : b === "team" && "name" in e ? oe(/* @__PURE__ */ A(ee, {
 		avatar: {
 			type: "team",
-			name: r.name,
-			src: r.src
+			name: e.name,
+			src: e.src
 		},
 		size: ie
-	})) : b === "company" && "name" in r ? oe(/* @__PURE__ */ A(ee, {
+	})) : b === "company" && "name" in e ? oe(/* @__PURE__ */ A(ee, {
 		avatar: {
 			type: "company",
-			name: r.name,
-			src: r.src
+			name: e.name,
+			src: e.src
 		},
 		size: ie
-	})) : b === "image" && "src" in r ? /* @__PURE__ */ A("img", {
-		src: r.src,
-		alt: "alt" in r ? r.alt ?? "" : "",
+	})) : b === "image" && "src" in e ? /* @__PURE__ */ A("img", {
+		src: e.src,
+		alt: "alt" in e ? e.alt ?? "" : "",
 		className: "h-full w-full object-cover"
 	}) : null, O = b === "team" || b === "company" || b === "icon", k = /* @__PURE__ */ A("span", {
 		className: "relative z-[1] flex shrink-0 items-center justify-center overflow-hidden border-solid transition-all duration-200 ease-out",
@@ -220,7 +220,7 @@ var ce = (e, t) => ({
 				backgroundColor: I
 			}
 		}) : D
-	}), M = /* @__PURE__ */ A(c, { children: o ? /* @__PURE__ */ A(u.svg, {
+	}), M = /* @__PURE__ */ A(o, { children: i ? /* @__PURE__ */ A(c.svg, {
 		width: S.caretW,
 		height: S.caretH,
 		viewBox: "0 0 16 13",
@@ -254,14 +254,14 @@ var ce = (e, t) => ({
 		className: "relative inline-flex",
 		style: { filter: `drop-shadow(0 ${S.shadowY}px ${S.shadowBlur / 2}px hsl(${ye} / 0.3))` },
 		children: [M, k]
-	}), N = be[a], le = S.d / 2, P = Se, ue = o ? we() : -le, de = o ? "bottom" : m, fe = `0 0 ${Math.max(2, Math.round(N.label * .28))}px ${I}`, pe = [
+	}), N = be[r], le = S.d / 2, P = Se, ue = i ? we() : -le, de = i ? "bottom" : f, fe = `0 0 ${Math.max(2, Math.round(N.label * .28))}px ${I}`, pe = [
 		fe,
 		fe,
 		`0 1px 2px ${I}`,
 		`0 -1px 2px ${I}`,
 		`1px 0 2px ${I}`,
 		`-1px 0 2px ${I}`
-	].join(","), me = !o && (de === "top" || de === "bottom"), he = me ? "line-clamp-4 text-center" : o ? "whitespace-nowrap text-center" : "whitespace-nowrap", F = N.d / 2, ve = {
+	].join(","), me = !i && (de === "top" || de === "bottom"), he = me ? "line-clamp-4 text-center" : i ? "whitespace-nowrap text-center" : "whitespace-nowrap", F = N.d / 2, ve = {
 		right: {
 			transform: `translate(${F}px, -50%)`,
 			style: { paddingLeft: N.gap }
@@ -278,11 +278,11 @@ var ce = (e, t) => ({
 			style: { paddingBottom: N.gap }
 		},
 		bottom: {
-			transform: `translate(-50%, ${o ? P : F}px)`,
-			style: { paddingTop: N.gap + (o ? 4 : 0) }
+			transform: `translate(-50%, ${i ? P : F}px)`,
+			style: { paddingTop: N.gap + (i ? 4 : 0) }
 		}
-	}[de], xe = l && p && !s && /* @__PURE__ */ A("span", {
-		className: e("absolute left-0 top-0 font-semibold leading-tight transition-all duration-200 ease-out", he),
+	}[de], xe = s && d && !a && /* @__PURE__ */ A("span", {
+		className: p("absolute left-0 top-0 font-semibold leading-tight transition-all duration-200 ease-out", he),
 		style: {
 			color: `hsl(${_e[w]})`,
 			fontSize: N.label,
@@ -291,7 +291,7 @@ var ce = (e, t) => ({
 			maxWidth: me ? N.maxLabelW : void 0,
 			...ve.style
 		},
-		children: l
+		children: s
 	}), Ce = /* @__PURE__ */ A("span", {
 		"aria-hidden": !0,
 		className: "absolute left-0 top-0 rounded-full border-solid transition-all duration-200 ease-out",
@@ -304,40 +304,40 @@ var ce = (e, t) => ({
 			borderColor: I,
 			backgroundColor: ge(w),
 			boxShadow: `0 1px 2px hsl(${ye} / 0.3)`,
-			transform: `scale(${o || s ? 1 : 0})`,
-			opacity: o || s ? 1 : 0
+			transform: `scale(${i || a ? 1 : 0})`,
+			opacity: i || a ? 1 : 0
 		}
 	}), L = /* @__PURE__ */ j(se, { children: [
 		Ce,
 		/* @__PURE__ */ A("span", {
 			className: "absolute left-0 top-0 transition-all duration-200 ease-out",
 			style: {
-				transform: `translate(-50%, ${ue}px) scale(${+!s})`,
-				opacity: +!s
+				transform: `translate(-50%, ${ue}px) scale(${+!a})`,
+				opacity: +!a
 			},
 			children: ce
 		}),
 		xe
 	] });
-	return /* @__PURE__ */ A(f, {
+	return /* @__PURE__ */ A(u, {
 		dataTestId: v,
 		children: te ? /* @__PURE__ */ A("button", {
-			ref: i,
+			ref: n,
 			type: "button",
 			..._ ? {
 				tabIndex: -1,
 				"aria-hidden": !0
 			} : {
 				"aria-label": g,
-				"aria-pressed": o
+				"aria-pressed": i
 			},
 			onClick: h,
-			className: e("relative inline-flex cursor-pointer border-0 bg-transparent p-0", "transition-transform duration-150 hover:scale-[1.05]", t("rounded-full"), y),
+			className: p("relative inline-flex cursor-pointer border-0 bg-transparent p-0", "transition-transform duration-150 hover:scale-[1.05]", m("rounded-full"), y),
 			children: L
 		}) : /* @__PURE__ */ A("span", {
 			role: "img",
 			"aria-label": g,
-			className: e("relative inline-flex", y),
+			className: p("relative inline-flex", y),
 			children: L
 		})
 	});
@@ -394,40 +394,40 @@ var Te = L, R = (e, t) => `hsl(${ve(e, t).replace(/ /g, ", ")})`, z = (e, t) =>
 		})
 	})
 }), je = w(({ onZoomIn: e, onZoomOut: t, onFit: n, onLocate: r, labels: i, dataTestId: a }, o) => {
-	let s = m(), c = !!(r || n), u = !!(e || t), d = (e) => /* @__PURE__ */ A(Ae, { children: e });
-	return /* @__PURE__ */ A(f, {
+	let c = f(), l = !!(r || n), d = !!(e || t), p = (e) => /* @__PURE__ */ A(Ae, { children: e });
+	return /* @__PURE__ */ A(u, {
 		dataTestId: a,
 		children: /* @__PURE__ */ j("div", {
 			ref: o,
 			role: "toolbar",
 			"aria-orientation": "vertical",
-			"aria-label": s.map.navigation,
+			"aria-label": c.map.navigation,
 			className: "flex flex-col items-center gap-2",
-			children: [c ? d(/* @__PURE__ */ j(se, { children: [n ? /* @__PURE__ */ A(l, {
+			children: [l ? p(/* @__PURE__ */ j(se, { children: [n ? /* @__PURE__ */ A(s, {
 				variant: "ghost",
 				size: "md",
-				label: i?.fit ?? s.map.controls.fit,
+				label: i?.fit ?? c.map.controls.fit,
 				icon: y,
 				hideLabel: !0,
 				onClick: n
-			}) : null, r ? /* @__PURE__ */ A(l, {
+			}) : null, r ? /* @__PURE__ */ A(s, {
 				variant: "ghost",
 				size: "md",
-				label: i?.locate ?? s.map.controls.locate,
+				label: i?.locate ?? c.map.controls.locate,
 				icon: v,
 				hideLabel: !0,
 				onClick: r
-			}) : null] })) : null, u ? d(/* @__PURE__ */ j(se, { children: [e ? /* @__PURE__ */ A(l, {
+			}) : null] })) : null, d ? p(/* @__PURE__ */ j(se, { children: [e ? /* @__PURE__ */ A(s, {
 				variant: "ghost",
 				size: "md",
-				label: i?.zoomIn ?? s.map.controls.zoomIn,
+				label: i?.zoomIn ?? c.map.controls.zoomIn,
 				icon: b,
 				hideLabel: !0,
 				onClick: e
-			}) : null, t ? /* @__PURE__ */ A(l, {
+			}) : null, t ? /* @__PURE__ */ A(s, {
 				variant: "ghost",
 				size: "md",
-				label: i?.zoomOut ?? s.map.controls.zoomOut,
+				label: i?.zoomOut ?? c.map.controls.zoomOut,
 				icon: S,
 				hideLabel: !0,
 				onClick: t
@@ -446,28 +446,28 @@ var Me = (e, t) => {
 		case "stop": return e.letter.charAt(0).toUpperCase();
 		default: return t;
 	}
-}, Ne = w(function({ points: t, selectedId: n, onSelect: r, visible: i = !1, label: a, id: o, dataTestId: s, className: c }, l) {
-	let u = m(), d = a ?? u.map.listLabel;
-	return /* @__PURE__ */ A(f, {
-		dataTestId: s,
+}, Ne = w(function({ points: e, selectedId: t, onSelect: n, visible: r = !1, label: i, id: a, dataTestId: o, className: s }, c) {
+	let l = f(), d = i ?? l.map.listLabel;
+	return /* @__PURE__ */ A(u, {
+		dataTestId: o,
 		children: /* @__PURE__ */ j("nav", {
-			ref: l,
-			id: o,
+			ref: c,
+			id: a,
 			"aria-label": d,
 			tabIndex: -1,
-			className: e("outline-none", i ? "absolute inset-0 z-20 overflow-auto bg-f1-background p-4" : "sr-only", c),
-			children: [i ? /* @__PURE__ */ A("h2", {
+			className: p("outline-none", r ? "absolute inset-0 z-20 overflow-auto bg-f1-background p-4" : "sr-only", s),
+			children: [r ? /* @__PURE__ */ A("h2", {
 				className: "text-f1-foreground mb-2 text-base font-medium",
 				children: d
 			}) : null, /* @__PURE__ */ A("ul", {
-				className: i ? "flex flex-col gap-0.5" : void 0,
-				children: t.map((t) => /* @__PURE__ */ A("li", { children: /* @__PURE__ */ A("button", {
+				className: r ? "flex flex-col gap-0.5" : void 0,
+				children: e.map((e) => /* @__PURE__ */ A("li", { children: /* @__PURE__ */ A("button", {
 					type: "button",
-					"aria-current": t.id === n || void 0,
-					onClick: () => r(t.id),
-					className: e("w-full text-left", i && "text-f1-foreground hover:bg-f1-background-hover aria-[current=true]:bg-f1-background-selected rounded-md px-3 py-2 text-sm"),
-					children: Me(t, u.map.unnamedLocation)
-				}) }, t.id))
+					"aria-current": e.id === t || void 0,
+					onClick: () => n(e.id),
+					className: p("w-full text-left", r && "text-f1-foreground hover:bg-f1-background-hover aria-[current=true]:bg-f1-background-selected rounded-md px-3 py-2 text-sm"),
+					children: Me(e, l.map.unnamedLocation)
+				}) }, e.id))
 			})]
 		})
 	});
@@ -780,30 +780,30 @@ var Je = qe, Ye = 4, Xe = 3, Ze = 1.3, J = 1.08, Qe = "cubic-bezier(0.16, 1, 0.3
 		[-8, 8],
 		[8, 8]
 	]
-}, tt = w(function({ count: t, members: n, onClick: r, ariaLabel: i, dataTestId: a, className: o }, s) {
-	let c = m(), [l, u] = k(!1), d = n.slice(0, t <= Ye ? Ye : Xe), p = Math.max(0, t - d.length), h = p > 0, g = p > 99 ? "+99" : `+${p}`, _ = et[d.length + +!!h] ?? et[4], v = l ? Ze : 1, y = l ? J : 1, b = (e) => {
+}, tt = w(function({ count: e, members: t, onClick: n, ariaLabel: r, dataTestId: i, className: a }, o) {
+	let s = f(), [c, l] = k(!1), d = t.slice(0, e <= Ye ? Ye : Xe), m = Math.max(0, e - d.length), h = m > 0, g = m > 99 ? "+99" : `+${m}`, _ = et[d.length + +!!h] ?? et[4], v = c ? Ze : 1, y = c ? J : 1, b = (e) => {
 		let [t, n] = _[e] ?? [0, 0];
 		return {
 			transform: `translate(${t * v}px, ${n * v}px) scale(${y})`,
 			transition: `transform 240ms ${Qe}`
 		};
 	};
-	return /* @__PURE__ */ A(f, {
-		dataTestId: a,
+	return /* @__PURE__ */ A(u, {
+		dataTestId: i,
 		children: /* @__PURE__ */ j("div", {
-			ref: s,
+			ref: o,
 			role: "button",
 			tabIndex: 0,
-			"aria-label": i ?? c.t("map.cluster", { count: t }),
-			onClick: r,
+			"aria-label": r ?? s.t("map.cluster", { count: e }),
+			onClick: n,
 			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), r?.());
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), n?.());
 			},
-			onPointerEnter: () => u(!0),
-			onPointerLeave: () => u(!1),
-			onFocus: () => u(!0),
-			onBlur: () => u(!1),
-			className: e("group relative h-0 w-0 cursor-pointer outline-none", o),
+			onPointerEnter: () => l(!0),
+			onPointerLeave: () => l(!1),
+			onFocus: () => l(!0),
+			onBlur: () => l(!1),
+			className: p("group relative h-0 w-0 cursor-pointer outline-none", a),
 			children: [
 				/* @__PURE__ */ A("span", {
 					"aria-hidden": !0,
@@ -827,13 +827,13 @@ var Je = qe, Ye = 4, Xe = 3, Ze = 1.3, J = 1.08, Qe = "cubic-bezier(0.16, 1, 0.3
 					})
 				}, t)),
 				h ? (() => {
-					let [t, n] = _[d.length] ?? [0, 0];
+					let [e, t] = _[d.length] ?? [0, 0];
 					return /* @__PURE__ */ j("span", {
-						className: e("absolute left-0 top-0 flex h-6 min-w-6 items-center justify-center overflow-hidden rounded-full px-1.5", "border border-solid border-f1-border-secondary", "text-f1-foreground-secondary text-sm font-medium leading-none"),
+						className: p("absolute left-0 top-0 flex h-6 min-w-6 items-center justify-center overflow-hidden rounded-full px-1.5", "border border-solid border-f1-border-secondary", "text-f1-foreground-secondary text-sm font-medium leading-none"),
 						style: {
 							zIndex: Xe,
 							backgroundColor: "hsl(var(--white-90))",
-							transform: `translate(${t * v}px, ${n * v}px) translate(-50%, -50%) scale(${y})`,
+							transform: `translate(${e * v}px, ${t * v}px) translate(-50%, -50%) scale(${y})`,
 							transition: `transform 240ms ${Qe}`
 						},
 						children: [/* @__PURE__ */ A("span", {
@@ -923,25 +923,25 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 	}), E(() => {
 		a.style.zIndex = n ? "2" : "";
 	}, [a, n]), M(i, a);
-}, ot = ({ adapter: e, points: t, selectedId: n, highlightedId: r, onSelect: i, onMarkerDrag: a, onMarkerDragEnd: o, onClusterExpand: s }) => {
-	let l = m(), d = !!o, f = D(() => d ? t.filter((e) => !e.draggable) : t, [t, d]), p = Pe({
+}, ot = ({ adapter: e, points: t, selectedId: n, highlightedId: r, onSelect: i, onMarkerDrag: a, onMarkerDragEnd: s, onClusterExpand: l }) => {
+	let u = f(), d = !!s, p = D(() => d ? t.filter((e) => !e.draggable) : t, [t, d]), m = Pe({
 		adapter: e,
-		points: f,
+		points: p,
 		enabled: !0
-	}), { clusters: h } = p, g = D(() => {
-		if (f === t) return p.singles;
-		let e = new Set(p.singles);
+	}), { clusters: h } = m, g = D(() => {
+		if (p === t) return m.singles;
+		let e = new Set(m.singles);
 		return t.filter((t) => t.draggable || e.has(t));
 	}, [
-		p.singles,
-		f,
+		m.singles,
+		p,
 		t
 	]), _ = We(e, nt) ? "lg" : "md", v = He(e, g, _), y = new Map(t.map((e) => [e.id, e])), b = h.length > 0, x = it(e, n ? y.get(n) : void 0, g, _);
-	return /* @__PURE__ */ j(c, { children: [h.map((t) => /* @__PURE__ */ A(at, {
+	return /* @__PURE__ */ j(o, { children: [h.map((t) => /* @__PURE__ */ A(at, {
 		adapter: e,
 		coordinates: t.coordinates,
 		selected: !1,
-		children: /* @__PURE__ */ A(u.span, {
+		children: /* @__PURE__ */ A(c.span, {
 			initial: {
 				scale: .8,
 				opacity: 0
@@ -968,20 +968,20 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 			children: /* @__PURE__ */ A(Y, {
 				count: t.count,
 				members: t.pointIds.map((e) => y.get(e)).filter((e) => !!e).map(X),
-				onClick: () => s(t.bounds)
+				onClick: () => l(t.bounds)
 			})
 		})
 	}, t.id)), g.map((t) => {
-		let s = v[t.id], d = x?.has(t.id) ?? !1, f = r === t.id;
+		let l = v[t.id], d = x?.has(t.id) ?? !1, f = r === t.id;
 		return /* @__PURE__ */ A(at, {
 			adapter: e,
 			coordinates: t.coordinates,
 			selected: n === t.id || f,
-			drag: t.draggable && o ? {
+			drag: t.draggable && s ? {
 				onDrag: a && ((e) => a(t.id, e)),
-				onDragEnd: (e) => o(t.id, e)
+				onDragEnd: (e) => s(t.id, e)
 			} : void 0,
-			children: /* @__PURE__ */ A(u.span, {
+			children: /* @__PURE__ */ A(c.span, {
 				initial: { opacity: 0 },
 				animate: { opacity: 1 },
 				exit: {
@@ -996,9 +996,9 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 					ease: "easeOut"
 				},
 				className: "absolute left-0 top-0",
-				children: /* @__PURE__ */ A(c, {
+				children: /* @__PURE__ */ A(o, {
 					initial: !1,
-					children: /* @__PURE__ */ A(u.span, {
+					children: /* @__PURE__ */ A(c.span, {
 						initial: { opacity: 0 },
 						animate: { opacity: 1 },
 						exit: { opacity: 0 },
@@ -1011,21 +1011,21 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 							...X(t),
 							size: _,
 							label: t.label,
-							showLabel: n === t.id || f || !b && s !== null,
-							labelPlacement: s ?? "right",
+							showLabel: n === t.id || f || !b && l !== null,
+							labelPlacement: l ?? "right",
 							selected: n === t.id,
 							collapsed: d,
 							onClick: () => i(t.id),
 							presentational: !0,
-							ariaLabel: t.label ?? l.map.unnamedLocation
+							ariaLabel: t.label ?? u.map.unnamedLocation
 						})
 					}, _)
 				})
 			})
 		}, t.id);
 	})] });
-}, st = ({ children: t, open: n, offsetX: r, offsetY: i = H.inset, width: a, entrance: o = "slide", headerStart: c, headerEnd: l, ariaLabel: u, dataTestId: d }) => {
-	let p = m(), h = s(), _ = n ? U.enter : U.exit, v = r - H.inset, y = O({
+}, st = ({ children: e, open: t, offsetX: n, offsetY: r = H.inset, width: i, entrance: o = "slide", headerStart: s, headerEnd: c, ariaLabel: l, dataTestId: d }) => {
+	let m = f(), h = a(), _ = t ? U.enter : U.exit, v = n - H.inset, y = O({
 		from: v,
 		to: v
 	});
@@ -1034,14 +1034,14 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 		to: v
 	});
 	let b = v > y.current.from ? U.enter : U.exit, x = o === "grow" ? "translateX(-10%) scale(0.97)" : `translateX(calc(-100% - ${H.inset}px))`;
-	return /* @__PURE__ */ A(f, {
+	return /* @__PURE__ */ A(u, {
 		dataTestId: d,
 		children: /* @__PURE__ */ A("div", {
 			className: "pointer-events-none absolute bottom-2 z-10",
 			style: {
 				left: H.inset,
-				top: i,
-				width: a,
+				top: r,
+				width: i,
 				transform: `translateX(${v}px)`,
 				transitionProperty: h ? "none" : "transform, top",
 				transitionDuration: b.duration,
@@ -1049,13 +1049,13 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 			},
 			children: /* @__PURE__ */ A("div", {
 				role: "complementary",
-				"aria-label": u ?? p.map.panel,
+				"aria-label": l ?? m.map.panel,
 				ref: (e) => {
-					n ? e?.removeAttribute("inert") : e?.setAttribute("inert", "");
+					t ? e?.removeAttribute("inert") : e?.setAttribute("inert", "");
 				},
-				className: e("relative h-full overflow-hidden text-base", Oe(De.panel), n ? "pointer-events-auto" : "opacity-0"),
+				className: p("relative h-full overflow-hidden text-base", Oe(De.panel), t ? "pointer-events-auto" : "opacity-0"),
 				style: {
-					transform: n || h ? "translateX(0px) scale(1)" : x,
+					transform: t || h ? "translateX(0px) scale(1)" : x,
 					transformOrigin: o === "grow" ? "left center" : void 0,
 					transitionProperty: h ? "opacity" : "transform, opacity",
 					transitionDuration: _.duration,
@@ -1068,15 +1068,15 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 					height: "full",
 					children: /* @__PURE__ */ j("div", {
 						className: "flex h-full flex-col",
-						children: [c || l ? /* @__PURE__ */ j("div", {
+						children: [s || c ? /* @__PURE__ */ j("div", {
 							className: "flex shrink-0 items-center justify-between gap-1 p-0.5",
 							children: [/* @__PURE__ */ A("div", {
 								className: "flex min-w-0 flex-1 justify-start",
-								children: c
-							}), l]
+								children: s
+							}), c]
 						}) : null, /* @__PURE__ */ A("div", {
 							className: "min-h-0 flex-1",
-							children: t
+							children: e
 						})]
 					})
 				})
@@ -1100,33 +1100,33 @@ function ct() {
 	} : e;
 }
 function lt({ children: e }) {
-	let { currentPath: t } = p(), [n, r] = k(!1), [i, a] = k(0), [s, c] = k(!1), l = n ? te.xl : te.md, u = o(`(max-width: ${l}px)`, { initializeWithValue: !0 }), [d, f] = k(() => {
+	let { currentPath: t } = d(), [n, r] = k(!1), [a, o] = k(0), [s, c] = k(!1), l = n ? te.xl : te.md, u = i(`(max-width: ${l}px)`, { initializeWithValue: !0 }), [f, p] = k(() => {
 		let e = localStorage.getItem(Z);
 		return e === null || !!e;
 	}), [m, h] = k(!1), [g, _] = k(null), v = T(() => h(!1), []), y = T(({ isInvokedByUser: e } = { isInvokedByUser: !0 }) => {
-		c(e ?? !0), u && h(!m), f(!d);
+		c(e ?? !0), u && h(!m), p(!f);
 	}, [
 		u,
 		m,
-		d,
 		f,
+		p,
 		h
 	]), b = T((e) => {
-		u || (e.clientX >= i && e.clientX < i + 32 && h(!0), e.clientX > i + 280 && h(!1));
+		u || (e.clientX >= a && e.clientX < a + 32 && h(!0), e.clientX > a + 280 && h(!1));
 	}, [
 		u,
 		h,
-		i
-	]), x = D(() => u ? m ? "unlocked" : "hidden" : !d && !m ? "hidden" : !d && m ? "unlocked" : "locked", [
+		a
+	]), x = D(() => u ? m ? "unlocked" : "hidden" : !f && !m ? "hidden" : !f && m ? "unlocked" : "locked", [
 		u,
 		m,
-		d
+		f
 	]);
 	return E(() => {
 		h(!1);
 	}, [t]), E(() => {
-		s && localStorage.setItem(Z, d ? "1" : "");
-	}, [d, s]), E(() => () => {
+		s && localStorage.setItem(Z, f ? "1" : "");
+	}, [f, s]), E(() => () => {
 		_(x);
 	}, [x]), /* @__PURE__ */ A(Q.Provider, {
 		value: {
@@ -1137,9 +1137,9 @@ function lt({ children: e }) {
 			toggleSidebar: y,
 			prevSidebarState: g,
 			setForceFloat: r,
-			railWidth: i,
-			hasRail: i > 0,
-			setRailWidth: a
+			railWidth: a,
+			hasRail: a > 0,
+			setRailWidth: o
 		},
 		children: /* @__PURE__ */ A("div", {
 			onPointerMove: b,
@@ -1150,7 +1150,7 @@ function lt({ children: e }) {
 }
 //#endregion
 //#region src/blocks/Navigation/Sidebar/Icon/Icon.tsx
-function ut({ isExpanded: t }) {
+function ut({ isExpanded: e }) {
 	return /* @__PURE__ */ j("svg", {
 		width: "20",
 		height: "20",
@@ -1171,41 +1171,41 @@ function ut({ isExpanded: t }) {
 			}),
 			/* @__PURE__ */ A("path", {
 				id: "arrow",
-				d: t ? "M10.417 10L14.167 10M10.417 10L12.0837 8.33337M10.417 10L12.0837 11.6667" : "M10.75 10L7 10M10.75 10L9.08333 8.33337M10.75 10L9.08333 11.6667",
+				d: e ? "M10.417 10L14.167 10M10.417 10L12.0837 8.33337M10.417 10L12.0837 11.6667" : "M10.75 10L7 10M10.75 10L9.08333 8.33337M10.75 10L9.08333 11.6667",
 				strokeWidth: "1.3",
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
-				className: e("translate-x-0 stroke-current transition-all duration-200 ease-out motion-reduce:transition-none", t ? "opacity-0 group-hover:-translate-x-1 group-hover:opacity-100" : "opacity-1 group-hover:translate-x-[3px]")
+				className: p("translate-x-0 stroke-current transition-all duration-200 ease-out motion-reduce:transition-none", e ? "opacity-0 group-hover:-translate-x-1 group-hover:opacity-100" : "opacity-1 group-hover:translate-x-[3px]")
 			}),
 			/* @__PURE__ */ A("path", {
 				id: "line",
 				d: "M7.5 5L7.5 15",
 				strokeWidth: "1.3",
 				strokeLinecap: "round",
-				className: e("stroke-current transition-all duration-200 ease-out motion-reduce:transition-none", t ? "translate-x-0 opacity-100 group-hover:-translate-x-0.5 group-hover:opacity-0" : "-translate-x-0.5 opacity-0 group-hover:translate-x-0 group-hover:opacity-100")
+				className: p("stroke-current transition-all duration-200 ease-out motion-reduce:transition-none", e ? "translate-x-0 opacity-100 group-hover:-translate-x-0.5 group-hover:opacity-0" : "-translate-x-0.5 opacity-0 group-hover:translate-x-0 group-hover:opacity-100")
 			})
 		]
 	});
 }
 function dt() {
-	let { prevSidebarState: t, sidebarState: n, toggleSidebar: r, isSmallScreen: i } = ct(), o = O(null);
+	let { prevSidebarState: e, sidebarState: t, toggleSidebar: n, isSmallScreen: i } = ct(), a = O(null);
 	return E(() => {
-		t === "hidden" && n === "locked" && o.current?.focus();
-	}, [t, n]), /* @__PURE__ */ j(a, {
+		e === "hidden" && t === "locked" && a.current?.focus();
+	}, [e, t]), /* @__PURE__ */ j(r, {
 		variant: "ghost",
 		size: "md",
-		onClick: () => r(),
+		onClick: () => n(),
 		className: "group hover:bg-f1-background-hover",
 		title: "Close Sidebar",
-		ref: o,
+		ref: a,
 		compact: !0,
 		"aria-label": "Close Sidebar",
 		children: [/* @__PURE__ */ A("div", {
-			className: e("hidden", { flex: !i }),
-			children: /* @__PURE__ */ A(ut, { isExpanded: n === "locked" })
+			className: p("hidden", { flex: !i }),
+			children: /* @__PURE__ */ A(ut, { isExpanded: t === "locked" })
 		}), /* @__PURE__ */ A("div", {
-			className: e("hidden", { flex: i }),
-			children: /* @__PURE__ */ A(d, {
+			className: p("hidden", { flex: i }),
+			children: /* @__PURE__ */ A(l, {
 				icon: h,
 				size: "md"
 			})
@@ -1214,8 +1214,8 @@ function dt() {
 }
 //#endregion
 //#region src/addons/map/F0Map/components/F0MapSidebarToggle/F0MapSidebarToggle.tsx
-var ft = w(({ expanded: e, onToggle: t, label: n, bare: r = !1, dataTestId: i }, o) => {
-	let s = m(), c = n ?? (e ? s.map.controls.hidePanel : s.map.controls.showPanel), l = /* @__PURE__ */ A(a, {
+var ft = w(({ expanded: e, onToggle: t, label: n, bare: i = !1, dataTestId: a }, o) => {
+	let s = f(), c = n ?? (e ? s.map.controls.hidePanel : s.map.controls.showPanel), l = /* @__PURE__ */ A(r, {
 		ref: o,
 		variant: "ghost",
 		size: "md",
@@ -1227,9 +1227,9 @@ var ft = w(({ expanded: e, onToggle: t, label: n, bare: r = !1, dataTestId: i },
 		"aria-expanded": e,
 		children: /* @__PURE__ */ A(ut, { isExpanded: e })
 	});
-	return /* @__PURE__ */ A(f, {
-		dataTestId: i,
-		children: r ? l : /* @__PURE__ */ A(Ae, { children: l })
+	return /* @__PURE__ */ A(u, {
+		dataTestId: a,
+		children: i ? l : /* @__PURE__ */ A(Ae, { children: l })
 	});
 });
 ft.displayName = "F0MapSidebarToggle";
@@ -1306,12 +1306,12 @@ vt.displayName = "CurrentLocationLayer";
 var yt = {
 	curve: 1.42,
 	duration: 1400
-}, bt = 200, xt = ({ dataTestId: t, className: n }) => /* @__PURE__ */ A(f, {
-	dataTestId: t,
+}, bt = 200, xt = ({ dataTestId: e, className: t }) => /* @__PURE__ */ A(u, {
+	dataTestId: e,
 	children: /* @__PURE__ */ A("div", {
 		"aria-busy": "true",
 		"aria-live": "polite",
-		className: e("h-full w-full animate-pulse bg-f1-background-secondary", n)
+		className: p("h-full w-full animate-pulse bg-f1-background-secondary", t)
 	})
 }), St = (e) => {
 	let [t, n] = k(null), r = T((t) => {
@@ -1353,7 +1353,7 @@ var yt = {
 		isDark: e
 	};
 }, wt = {
-	maplibre: async () => (await import("./maplibre-BD2IQLbD.js")).createMaplibreAdapter,
+	maplibre: async () => (await import("./maplibre-DYBwcFt1.js")).createMaplibreAdapter,
 	google: async (e) => (await import("./google-B7uAYsxU.js")).loadGoogleAdapter(e)
 }, Tt = /* @__PURE__ */ new Map(), Et = (e, t) => {
 	let n = Tt.get(e);
@@ -11507,8 +11507,8 @@ var yt = {
 		maxZoom: u
 	});
 	d && (n ? e.easeTo(d, { animate: n }) : e.jumpTo(d, { animate: n }));
-}, Vt = (e) => `${e.top},${e.right},${e.bottom},${e.left}`, Ht = w(function({ markers: t = [], routes: n = [], arcs: a = [], areas: o = [], onRouteClick: c, onArcClick: l, selectedMarkerId: u, defaultSelectedMarkerId: d = null, onMarkerSelect: p, onMarkerDrag: h, onMarkerDragEnd: g, highlightedId: _ = null, viewportInset: v, centerOnMarkerClick: y = !1, fitToMarkers: b, initialViewport: x, mapStyle: S, interactive: ee = !0, gestureHandling: te, minZoom: C, maxZoom: ne = 18, showControls: w = !0, controlLabels: re, showCurrentLocation: oe = !1, fullScreen: D = !1, onSidebarToggle: M, sidebarExpanded: de = !1, sidebarToggleAddon: fe, sidebarHeaderStart: pe, sidebar: me, detail: he, detailOpen: F = !1, clearSelectionOnBackgroundClick: ge = !0, projection: _e = "mercator", provider: ve, loading: ye = !1, ariaLabel: be, dataTestId: xe, className: Se }, Ce) {
-	let we = te ?? (D ? "greedy" : "cooperative"), I = m(), L = r(ve), Te = i(), R = O(null), z = O(null), [B, De] = k(null), [V, Oe] = k(!1), [ke, Me] = k(!1), [Pe, Fe] = k(0), Ie = ie(), W = s(), { containerRef: Le, isDark: Re } = Ct(), ze = T((e) => {
+}, Vt = (e) => `${e.top},${e.right},${e.bottom},${e.left}`, Ht = w(function({ markers: t = [], routes: r = [], arcs: i = [], areas: o = [], onRouteClick: s, onArcClick: c, selectedMarkerId: l, defaultSelectedMarkerId: d = null, onMarkerSelect: m, onMarkerDrag: h, onMarkerDragEnd: g, highlightedId: _ = null, viewportInset: v, centerOnMarkerClick: y = !1, fitToMarkers: b, initialViewport: x, mapStyle: S, interactive: ee = !0, gestureHandling: te, minZoom: C, maxZoom: ne = 18, showControls: w = !0, controlLabels: re, showCurrentLocation: oe = !1, fullScreen: D = !1, onSidebarToggle: M, sidebarExpanded: de = !1, sidebarToggleAddon: fe, sidebarHeaderStart: pe, sidebar: me, detail: he, detailOpen: F = !1, clearSelectionOnBackgroundClick: ge = !0, projection: _e = "mercator", provider: ve, loading: ye = !1, ariaLabel: be, dataTestId: xe, className: Se }, Ce) {
+	let we = te ?? (D ? "greedy" : "cooperative"), I = f(), L = e(ve), Te = n(), R = O(null), z = O(null), [B, De] = k(null), [V, Oe] = k(!1), [ke, Me] = k(!1), [Pe, Fe] = k(0), Ie = ie(), W = a(), { containerRef: Le, isDark: Re } = Ct(), ze = T((e) => {
 		R.current = e, Le(e);
 	}, [Le]), Be = Re, Ve = !S || S.provider === L, He = Ve ? S ?? Ft(L) : Ft(L), G = Be ? He.dark : He.light, Ue = O(!1);
 	E(() => {
@@ -11518,14 +11518,14 @@ var yt = {
 		S?.provider,
 		L
 	]);
-	let [We, Ge] = k(d), K = u === void 0 ? We : u, Ke = T((e) => {
-		u === void 0 && Ge(e), p?.(e);
-	}, [u, p]), q = de && !!M, qe = F && !!he, Je = q ? H.inset + H.listWidth + H.gap : H.inset, Ye = q ? H.inset : H.inset + H.toggleSize + H.gap, Xe = qe ? Je + H.detailWidth : q ? H.inset + H.listWidth : null, Ze = ce(v, { left: Xe === null ? 0 : Xe + H.gap }), J = O(t);
+	let [We, Ge] = k(d), K = l === void 0 ? We : l, Ke = T((e) => {
+		l === void 0 && Ge(e), m?.(e);
+	}, [l, m]), q = de && !!M, qe = F && !!he, Je = q ? H.inset + H.listWidth + H.gap : H.inset, Ye = q ? H.inset : H.inset + H.toggleSize + H.gap, Xe = qe ? Je + H.detailWidth : q ? H.inset + H.listWidth : null, Ze = ce(v, { left: Xe === null ? 0 : Xe + H.gap }), J = O(t);
 	J.current = t;
-	let Qe = O(n);
-	Qe.current = n;
-	let $e = O(a);
-	$e.current = a;
+	let Qe = O(r);
+	Qe.current = r;
+	let $e = O(i);
+	$e.current = i;
 	let et = O(o);
 	et.current = o;
 	let tt = O(_e);
@@ -11743,7 +11743,7 @@ var yt = {
 		});
 		u && t.easeTo({ center: u }, { animate: a });
 	}, [Mt, Z]);
-	let Pt = n.length > 0 || a.length > 0, $ = Xe === null ? 0 : Xe + H.gap - H.inset, Rt = O({
+	let Pt = r.length > 0 || i.length > 0, $ = Xe === null ? 0 : Xe + H.gap - H.inset, Rt = O({
 		from: $,
 		to: $
 	});
@@ -11752,13 +11752,13 @@ var yt = {
 		to: $
 	});
 	let zt = $ > Rt.current.from ? U.enter : U.exit, Ht = q ? U.enter : U.exit;
-	return /* @__PURE__ */ A(f, {
+	return /* @__PURE__ */ A(u, {
 		dataTestId: xe,
 		children: ye ? /* @__PURE__ */ A(xt, { className: Se }) : /* @__PURE__ */ j("div", {
 			ref: ze,
 			role: "region",
 			"aria-label": be ?? I.map.region,
-			className: e("f0-map relative h-full w-full overflow-hidden", Be && "dark", !D && "rounded-2xl border border-solid border-f1-border-secondary", Se),
+			className: p("f0-map relative h-full w-full overflow-hidden", Be && "dark", !D && "rounded-2xl border border-solid border-f1-border-secondary", Se),
 			children: [
 				/* @__PURE__ */ A("a", {
 					href: `#${Ie}`,
@@ -11785,11 +11785,11 @@ var yt = {
 				})] }) : null,
 				!V && B && Pt ? /* @__PURE__ */ A(_t, {
 					adapter: B,
-					routes: n,
-					arcs: a,
+					routes: r,
+					arcs: i,
 					isDark: Be,
-					onRouteClick: c,
-					onArcClick: l
+					onRouteClick: s,
+					onArcClick: c
 				}) : null,
 				!V && B && t.length > 0 ? /* @__PURE__ */ A(ot, {
 					adapter: B,
@@ -11811,7 +11811,7 @@ var yt = {
 					children: he
 				}) : null,
 				!V && B && M ? /* @__PURE__ */ A("div", {
-					className: e("absolute left-2 top-2 z-10", q && "opacity-0"),
+					className: p("absolute left-2 top-2 z-10", q && "opacity-0"),
 					style: {
 						transitionProperty: W ? "none" : "opacity",
 						transitionDuration: Ht.duration,
@@ -11843,7 +11843,7 @@ var yt = {
 					children: me
 				}) : null,
 				!V && B && w && ee ? /* @__PURE__ */ A("div", {
-					className: e("absolute left-2 z-10", L === "google" ? "bottom-8" : "bottom-2"),
+					className: p("absolute left-2 z-10", L === "google" ? "bottom-8" : "bottom-2"),
 					style: {
 						transform: `translateX(${$}px)`,
 						transitionProperty: W ? "none" : "transform",