@factorialco/f0-react 12.1.0 → 12.3.0

package/dist/{F0Map-toEYLWLQ.js → F0Map-Ytutlfjd.js}

@@ -1,9 +1,9 @@
-import { a as e, o as t, pi as n } from "./CoachmarkProvider-BR6fdrrh.js";
-import { Bt as r, Ft as i, Gt as a, _n as o, b as s, er as c, on as l, sn as u, sr as d, yn as f } from "./popover-B-ET_Kay.js";
+import { a as e, o as t, pi as n } from "./CoachmarkProvider-DxxTrrK0.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-BjrPOMeQ.js";
 import { L as p, R as m } from "./tooltip-BX4dSfeL.js";
-import { n as h } from "./F0Text-CjR98zwA.js";
-import { Io as g, Z as _, _s as v, ao as y } from "./F0CanvasPanel-Dn-Gkmsz.js";
-import { V as b, Z as x, j as S, q as ee, y as C } from "./useData-DWwEymV5.js";
+import { n as h } from "./F0Text-BtzfLrwP.js";
+import { Fo as g, X as _, gs as v, io as y } from "./F0CanvasPanel-d0ARNvCs.js";
+import { V as b, Z as x, j as S, q as ee, y as C } from "./useData-BPTvQHGp.js";
 import { a as w, n as T, o as te, s as ne, t as E } from "./dist-Cuwaibqg.js";
 import { createContext as D, forwardRef as O, useCallback as k, useContext as A, useEffect as j, useId as re, useImperativeHandle as ie, useLayoutEffect as ae, useMemo as M, useRef as N, useState as P } from "react";
 import { Fragment as oe, jsx as F, jsxs as I } from "react/jsx-runtime";
@@ -144,7 +144,7 @@ var ce = (e, t) => ({
 	let e = Ce.xl;
 	return -(e.d - e.caretOverlap + e.caretH + R + we) + 3;
 }, z = "hsl(var(--white-100))", B = O(function(e, t) {
-	let { size: r = "md", selected: i = !1, collapsed: a = !1, label: o, showLabel: s = !0, labelPlacement: l = "right", onClick: h, ariaLabel: g, presentational: _ = !1, dataTestId: v, className: y } = e, b = e.variant ?? "color", x = Ce[i ? "xl" : r], ee = !!h, w = b === "color" || b === "icon" || b === "letter", T = b === "person" && "firstName" in e ? e.firstName + e.lastName : (b === "team" || b === "company") && "name" in e ? e.name : null, te = w ? e.color ?? "radical" : T ? b === "person" && "src" in e && e.src ? "grey" : S(T) ?? "grey" : "neutral", ne = n(), E = i ? 32 : {
+	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", x = Ce[i ? "xl" : r], ee = !!h, w = b === "color" || b === "icon" || b === "letter", T = b === "person" && "firstName" in e ? e.firstName + e.lastName : (b === "team" || b === "company") && "name" in e ? e.name : null, te = w ? e.color ?? "radical" : T ? b === "person" && "src" in e && e.src ? "grey" : S(T) ?? "grey" : "neutral", ne = n(), E = i ? 32 : {
 		xs: 12,
 		sm: 16,
 		md: 20,
@@ -158,7 +158,7 @@ var ce = (e, t) => ({
 		className: "flex shrink-0 items-center justify-center transition-transform duration-200 ease-out",
 		style: { transform: `scale(${k})` },
 		children: e
-	}), j = b === "color" ? null : b === "icon" && "icon" in e ? /* @__PURE__ */ F(u, {
+	}), j = b === "color" ? null : b === "icon" && "icon" in e ? /* @__PURE__ */ F(l, {
 		icon: e.icon,
 		size: x.icon,
 		color: "#ffffff",
@@ -220,7 +220,7 @@ var ce = (e, t) => ({
 				backgroundColor: z
 			}
 		}) : j
-	}), ae = /* @__PURE__ */ F(c, { children: i ? /* @__PURE__ */ F(f.svg, {
+	}), ae = /* @__PURE__ */ F(o, { children: i ? /* @__PURE__ */ F(c.svg, {
 		width: x.caretW,
 		height: x.caretH,
 		viewBox: "0 0 16 13",
@@ -254,7 +254,7 @@ var ce = (e, t) => ({
 		className: "relative inline-flex",
 		style: { filter: `drop-shadow(0 ${x.shadowY}px ${x.shadowBlur / 2}px hsl(${Se} / 0.3))` },
 		children: [ae, ie]
-	}), N = Ce[r], P = x.d / 2, se = R, ce = i ? Te() : -P, le = i ? "bottom" : l, ue = `0 0 ${Math.max(2, Math.round(N.label * .28))}px ${z}`, de = [
+	}), N = Ce[r], P = x.d / 2, se = R, ce = i ? Te() : -P, le = i ? "bottom" : f, ue = `0 0 ${Math.max(2, Math.round(N.label * .28))}px ${z}`, de = [
 		ue,
 		ue,
 		`0 1px 2px ${z}`,
@@ -281,7 +281,7 @@ var ce = (e, t) => ({
 			transform: `translate(-50%, ${i ? se : me}px)`,
 			style: { paddingTop: N.gap + (i ? 4 : 0) }
 		}
-	}[le], ge = o && s && !a && /* @__PURE__ */ F("span", {
+	}[le], ge = s && d && !a && /* @__PURE__ */ F("span", {
 		className: p("absolute left-0 top-0 font-semibold leading-tight transition-all duration-200 ease-out", pe),
 		style: {
 			color: `hsl(${be[te]})`,
@@ -291,7 +291,7 @@ var ce = (e, t) => ({
 			maxWidth: fe ? N.maxLabelW : void 0,
 			...he.style
 		},
-		children: o
+		children: s
 	}), _e = /* @__PURE__ */ F("span", {
 		"aria-hidden": !0,
 		className: "absolute left-0 top-0 rounded-full border-solid transition-all duration-200 ease-out",
@@ -319,7 +319,7 @@ var ce = (e, t) => ({
 		}),
 		ge
 	] });
-	return /* @__PURE__ */ F(d, {
+	return /* @__PURE__ */ F(u, {
 		dataTestId: v,
 		children: ee ? /* @__PURE__ */ F("button", {
 			ref: t,
@@ -394,8 +394,8 @@ var Ee = B, V = (e, t) => `hsl(${xe(e, t).replace(/ /g, ", ")})`, De = (e, t) =>
 		})
 	})
 }), Pe = O(({ onZoomIn: e, onZoomOut: t, onFit: n, onLocate: r, labels: i, dataTestId: a }, o) => {
-	let c = l(), u = !!(r || n), f = !!(e || t), p = (e) => /* @__PURE__ */ F(Ne, { children: e });
-	return /* @__PURE__ */ F(d, {
+	let c = f(), l = !!(r || n), d = !!(e || t), p = (e) => /* @__PURE__ */ F(Ne, { children: e });
+	return /* @__PURE__ */ F(u, {
 		dataTestId: a,
 		children: /* @__PURE__ */ I("div", {
 			ref: o,
@@ -403,7 +403,7 @@ var Ee = B, V = (e, t) => `hsl(${xe(e, t).replace(/ /g, ", ")})`, De = (e, t) =>
 			"aria-orientation": "vertical",
 			"aria-label": c.map.navigation,
 			className: "flex flex-col items-center gap-2",
-			children: [u ? p(/* @__PURE__ */ I(oe, { children: [n ? /* @__PURE__ */ F(s, {
+			children: [l ? p(/* @__PURE__ */ I(oe, { children: [n ? /* @__PURE__ */ F(s, {
 				variant: "ghost",
 				size: "md",
 				label: i?.fit ?? c.map.controls.fit,
@@ -417,7 +417,7 @@ var Ee = B, V = (e, t) => `hsl(${xe(e, t).replace(/ /g, ", ")})`, De = (e, t) =>
 				icon: y,
 				hideLabel: !0,
 				onClick: r
-			}) : null] })) : null, f ? p(/* @__PURE__ */ I(oe, { children: [e ? /* @__PURE__ */ F(s, {
+			}) : null] })) : null, d ? p(/* @__PURE__ */ I(oe, { children: [e ? /* @__PURE__ */ F(s, {
 				variant: "ghost",
 				size: "md",
 				label: i?.zoomIn ?? c.map.controls.zoomIn,
@@ -447,18 +447,18 @@ var G = (e, t) => {
 		default: return t;
 	}
 }, Fe = O(function({ points: e, selectedId: t, onSelect: n, visible: r = !1, label: i, id: a, dataTestId: o, className: s }, c) {
-	let u = l(), f = i ?? u.map.listLabel;
-	return /* @__PURE__ */ F(d, {
+	let l = f(), d = i ?? l.map.listLabel;
+	return /* @__PURE__ */ F(u, {
 		dataTestId: o,
 		children: /* @__PURE__ */ I("nav", {
 			ref: c,
 			id: a,
-			"aria-label": f,
+			"aria-label": d,
 			tabIndex: -1,
 			className: p("outline-none", r ? "absolute inset-0 z-20 overflow-auto bg-f1-background p-4" : "sr-only", s),
 			children: [r ? /* @__PURE__ */ F("h2", {
 				className: "text-f1-foreground mb-2 text-base font-medium",
-				children: f
+				children: d
 			}) : null, /* @__PURE__ */ F("ul", {
 				className: r ? "flex flex-col gap-0.5" : void 0,
 				children: e.map((e) => /* @__PURE__ */ F("li", { children: /* @__PURE__ */ F("button", {
@@ -466,7 +466,7 @@ var G = (e, t) => {
 					"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: G(e, u.map.unnamedLocation)
+					children: G(e, l.map.unnamedLocation)
 				}) }, e.id))
 			})]
 		})
@@ -781,14 +781,14 @@ var Y = Xe, Ze = 4, Qe = 3, $e = 1.3, et = 1.08, X = "cubic-bezier(0.16, 1, 0.3,
 		[8, 8]
 	]
 }, rt = O(function({ count: e, members: t, onClick: n, ariaLabel: r, dataTestId: i, className: a }, o) {
-	let s = l(), [c, u] = P(!1), f = t.slice(0, e <= Ze ? Ze : Qe), m = Math.max(0, e - f.length), h = m > 0, g = m > 99 ? "+99" : `+${m}`, _ = nt[f.length + +!!h] ?? nt[4], v = c ? $e : 1, y = c ? et : 1, b = (e) => {
+	let s = f(), [c, l] = P(!1), d = t.slice(0, e <= Ze ? Ze : Qe), m = Math.max(0, e - d.length), h = m > 0, g = m > 99 ? "+99" : `+${m}`, _ = nt[d.length + +!!h] ?? nt[4], v = c ? $e : 1, y = c ? et : 1, b = (e) => {
 		let [t, n] = _[e] ?? [0, 0];
 		return {
 			transform: `translate(${t * v}px, ${n * v}px) scale(${y})`,
 			transition: `transform 240ms ${X}`
 		};
 	};
-	return /* @__PURE__ */ F(d, {
+	return /* @__PURE__ */ F(u, {
 		dataTestId: i,
 		children: /* @__PURE__ */ I("div", {
 			ref: o,
@@ -799,10 +799,10 @@ var Y = Xe, Ze = 4, Qe = 3, $e = 1.3, et = 1.08, X = "cubic-bezier(0.16, 1, 0.3,
 			onKeyDown: (e) => {
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), n?.());
 			},
-			onPointerEnter: () => u(!0),
-			onPointerLeave: () => u(!1),
-			onFocus: () => u(!0),
-			onBlur: () => u(!1),
+			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__ */ F("span", {
@@ -815,7 +815,7 @@ var Y = Xe, Ze = 4, Qe = 3, $e = 1.3, et = 1.08, X = "cubic-bezier(0.16, 1, 0.3,
 						height: tt
 					}
 				}),
-				f.map((e, t) => /* @__PURE__ */ F("span", {
+				d.map((e, t) => /* @__PURE__ */ F("span", {
 					className: "absolute left-0 top-0 flex leading-none",
 					style: {
 						zIndex: t,
@@ -827,7 +827,7 @@ var Y = Xe, Ze = 4, Qe = 3, $e = 1.3, et = 1.08, X = "cubic-bezier(0.16, 1, 0.3,
 					})
 				}, t)),
 				h ? (() => {
-					let [e, t] = _[f.length] ?? [0, 0];
+					let [e, t] = _[d.length] ?? [0, 0];
 					return /* @__PURE__ */ I("span", {
 						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: {
@@ -923,8 +923,8 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
 	}), j(() => {
 		a.style.zIndex = n ? "2" : "";
 	}, [a, n]), se(i, a);
-}, st = ({ adapter: e, points: t, selectedId: n, highlightedId: r, onSelect: i, onMarkerDrag: a, onMarkerDragEnd: o, onClusterExpand: s }) => {
-	let u = l(), d = !!o, p = M(() => d ? t.filter((e) => !e.draggable) : t, [t, d]), m = Ie({
+}, st = ({ adapter: e, points: t, selectedId: n, highlightedId: r, onSelect: i, onMarkerDrag: a, onMarkerDragEnd: s, onClusterExpand: l }) => {
+	let u = f(), d = !!s, p = M(() => d ? t.filter((e) => !e.draggable) : t, [t, d]), m = Ie({
 		adapter: e,
 		points: p,
 		enabled: !0
@@ -937,11 +937,11 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
 		p,
 		t
 	]), _ = J(e, it) ? "lg" : "md", v = We(e, g, _), y = new Map(t.map((e) => [e.id, e])), b = h.length > 0, x = at(e, n ? y.get(n) : void 0, g, _);
-	return /* @__PURE__ */ I(c, { children: [h.map((t) => /* @__PURE__ */ F($, {
+	return /* @__PURE__ */ I(o, { children: [h.map((t) => /* @__PURE__ */ F($, {
 		adapter: e,
 		coordinates: t.coordinates,
 		selected: !1,
-		children: /* @__PURE__ */ F(f.span, {
+		children: /* @__PURE__ */ F(c.span, {
 			initial: {
 				scale: .8,
 				opacity: 0
@@ -968,20 +968,20 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
 			children: /* @__PURE__ */ F(Z, {
 				count: t.count,
 				members: t.pointIds.map((e) => y.get(e)).filter((e) => !!e).map(ot),
-				onClick: () => s(t.bounds)
+				onClick: () => l(t.bounds)
 			})
 		})
 	}, t.id)), g.map((t) => {
-		let s = v[t.id], l = x?.has(t.id) ?? !1, d = r === t.id;
+		let l = v[t.id], d = x?.has(t.id) ?? !1, f = r === t.id;
 		return /* @__PURE__ */ F($, {
 			adapter: e,
 			coordinates: t.coordinates,
-			selected: n === t.id || d,
-			drag: t.draggable && o ? {
+			selected: n === t.id || f,
+			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__ */ F(f.span, {
+			children: /* @__PURE__ */ F(c.span, {
 				initial: { opacity: 0 },
 				animate: { opacity: 1 },
 				exit: {
@@ -996,9 +996,9 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
 					ease: "easeOut"
 				},
 				className: "absolute left-0 top-0",
-				children: /* @__PURE__ */ F(c, {
+				children: /* @__PURE__ */ F(o, {
 					initial: !1,
-					children: /* @__PURE__ */ F(f.span, {
+					children: /* @__PURE__ */ F(c.span, {
 						initial: { opacity: 0 },
 						animate: { opacity: 1 },
 						exit: { opacity: 0 },
@@ -1011,10 +1011,10 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
 							...ot(t),
 							size: _,
 							label: t.label,
-							showLabel: n === t.id || d || !b && s !== null,
-							labelPlacement: s ?? "right",
+							showLabel: n === t.id || f || !b && l !== null,
+							labelPlacement: l ?? "right",
 							selected: n === t.id,
-							collapsed: l,
+							collapsed: d,
 							onClick: () => i(t.id),
 							presentational: !0,
 							ariaLabel: t.label ?? u.map.unnamedLocation
@@ -1024,8 +1024,8 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
 			})
 		}, t.id);
 	})] });
-}, ct = ({ children: e, open: t, offsetX: n, offsetY: r = U.inset, width: a, entrance: o = "slide", headerStart: s, headerEnd: c, ariaLabel: u, dataTestId: f }) => {
-	let m = l(), h = i(), g = t ? W.enter : W.exit, _ = n - U.inset, v = N({
+}, ct = ({ children: e, open: t, offsetX: n, offsetY: r = U.inset, width: i, entrance: o = "slide", headerStart: s, headerEnd: c, ariaLabel: l, dataTestId: d }) => {
+	let m = f(), h = a(), g = t ? W.enter : W.exit, _ = n - U.inset, v = N({
 		from: _,
 		to: _
 	});
@@ -1034,14 +1034,14 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
 		to: _
 	});
 	let y = _ > v.current.from ? W.enter : W.exit, x = o === "grow" ? "translateX(-10%) scale(0.97)" : `translateX(calc(-100% - ${U.inset}px))`;
-	return /* @__PURE__ */ F(d, {
-		dataTestId: f,
+	return /* @__PURE__ */ F(u, {
+		dataTestId: d,
 		children: /* @__PURE__ */ F("div", {
 			className: "pointer-events-none absolute bottom-2 z-10",
 			style: {
 				left: U.inset,
 				top: r,
-				width: a,
+				width: i,
 				transform: `translateX(${_}px)`,
 				transitionProperty: h ? "none" : "transform, top",
 				transitionDuration: y.duration,
@@ -1049,7 +1049,7 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
 			},
 			children: /* @__PURE__ */ F("div", {
 				role: "complementary",
-				"aria-label": u ?? m.map.panel,
+				"aria-label": l ?? m.map.panel,
 				ref: (e) => {
 					t ? e?.removeAttribute("inert") : e?.setAttribute("inert", "");
 				},
@@ -1116,7 +1116,7 @@ function vt({ enabled: e, children: t, ...n }) {
 	});
 }
 function yt({ hasSecondarySidebar: e, topBarHeight: t, children: n }) {
-	let { isInstant: i, landInstantly: a } = gt(), o = _t(), [s, c] = P(ne.primary), [l, u] = P(ne.panel), [d, f] = _({
+	let { isInstant: r, landInstantly: a } = gt(), o = _t(), [s, c] = P(ne.primary), [l, u] = P(ne.panel), [d, f] = _({
 		key: ft,
 		fallback: null,
 		validate: pt,
@@ -1129,7 +1129,7 @@ function yt({ hasSecondarySidebar: e, topBarHeight: t, children: n }) {
 		a(), f(e);
 	}, [a, f]), x = k(function() {
 		a(), f(null);
-	}, [a, f]), S = r(`(max-width: ${s + (e ? m : ne.panel) + te.mainMin - 1}px)`, { initializeWithValue: !0 }) ? "overlay" : "docked", [ee, C] = P(!1), w = N(0), T = k(function() {
+	}, [a, f]), S = i(`(max-width: ${s + (e ? m : ne.panel) + te.mainMin - 1}px)`, { initializeWithValue: !0 }) ? "overlay" : "docked", [ee, C] = P(!1), w = N(0), T = k(function() {
 		C(!1);
 	}, []);
 	ae(function() {
@@ -1190,7 +1190,7 @@ function yt({ hasSecondarySidebar: e, topBarHeight: t, children: n }) {
 			closeOverPage: re,
 			closeOverPageAfterRouteChange: oe,
 			topBarHeight: t,
-			isInstant: i,
+			isInstant: r,
 			landInstantly: a
 		};
 	}, [
@@ -1209,7 +1209,7 @@ function yt({ hasSecondarySidebar: e, topBarHeight: t, children: n }) {
 		re,
 		oe,
 		t,
-		i,
+		r,
 		a
 	]);
 	return /* @__PURE__ */ F(mt.Provider, {
@@ -1237,34 +1237,34 @@ function wt() {
 }
 var Tt = (e, t) => e.navigationMode === "overlay" ? e.isOpenOverPage ? "unlocked" : "hidden" : t ? "locked" : "hidden", Et = (e, t, n) => e || !t ? n ? "unlocked" : "hidden" : "locked";
 function Dt({ children: e }) {
-	let { currentPath: t } = o(), n = ht(), [i, a] = P(!1), [s, c] = P(!1), l = i ? T.xl : T.md, u = r(`(max-width: ${l}px)`, { initializeWithValue: !0 }), [d, f] = P(() => {
+	let { currentPath: t } = d(), n = ht(), [r, a] = P(!1), [o, s] = P(!1), c = r ? T.xl : T.md, l = i(`(max-width: ${c}px)`, { initializeWithValue: !0 }), [u, f] = P(() => {
 		let e = localStorage.getItem(bt);
 		return e === null || !!e;
 	}), [p, m] = P(!1), [h, g] = P(null), _ = k(function() {
 		n ? n.closeOverPage() : m(!1);
 	}, [n]), v = k(function({ isInvokedByUser: e } = { isInvokedByUser: !0 }) {
-		n?.navigationMode === "overlay" ? n.toggleOverPage() : (c(e ?? !0), u && !n && m(!p), f(!d));
+		n?.navigationMode === "overlay" ? n.toggleOverPage() : (s(e ?? !0), l && !n && m(!p), f(!u));
 	}, [
 		n,
-		u,
+		l,
 		p,
-		d
+		u
 	]), y = k(function(e) {
-		u || n || St.has(e.nativeEvent) || (e.clientX < 32 && m(!0), e.clientX > 280 && m(!1));
-	}, [u, n]), b = n ? Tt(n, d) : Et(u, d, p), x = n?.closeOverPageAfterRouteChange;
+		l || n || St.has(e.nativeEvent) || (e.clientX < 32 && m(!0), e.clientX > 280 && m(!1));
+	}, [l, n]), b = n ? Tt(n, u) : Et(l, u, p), x = n?.closeOverPageAfterRouteChange;
 	j(function() {
 		m(!1), x?.();
 	}, [t, x]), j(function() {
-		s && localStorage.setItem(bt, d ? "1" : "");
-	}, [d, s]), j(function() {
+		o && localStorage.setItem(bt, u ? "1" : "");
+	}, [u, o]), j(function() {
 		return () => {
 			g(b);
 		};
 	}, [b]);
 	let S = n !== null, ee = M(function() {
 		return {
-			isSmallScreen: u,
-			isLastToggleInvokedByUser: s,
+			isSmallScreen: l,
+			isLastToggleInvokedByUser: o,
 			sidebarState: b,
 			hideSidebar: _,
 			toggleSidebar: v,
@@ -1273,8 +1273,8 @@ function Dt({ children: e }) {
 			hasPrimarySidebar: S
 		};
 	}, [
-		u,
-		s,
+		l,
+		o,
 		b,
 		_,
 		v,
@@ -1359,30 +1359,30 @@ function Gt({ isExpanded: e, isHovered: t = !1 }) {
 	});
 }
 function Kt() {
-	let { prevSidebarState: e, sidebarState: t, toggleSidebar: n } = wt(), r = N(null), [i, o] = P(!1), s = Vt() === "two-level";
+	let { prevSidebarState: e, sidebarState: t, toggleSidebar: n } = wt(), i = N(null), [a, o] = P(!1), s = Vt() === "two-level";
 	j(function() {
-		s && e === "hidden" && t !== "hidden" && r.current?.focus();
+		s && e === "hidden" && t !== "hidden" && i.current?.focus();
 	}, [
 		s,
 		e,
 		t
 	]);
-	let c = l(), u = t !== "hidden", d = u ? c.navigation.sidebar.closePanel : c.navigation.sidebar.openPanel;
-	return /* @__PURE__ */ F(a, {
+	let c = f(), l = t !== "hidden", u = l ? c.navigation.sidebar.closePanel : c.navigation.sidebar.openPanel;
+	return /* @__PURE__ */ F(r, {
 		variant: "ghost",
 		size: "md",
 		onClick: () => n(),
 		className: "hover:bg-f1-background-hover",
-		title: d,
-		ref: r,
+		title: u,
+		ref: i,
 		compact: !0,
-		"aria-label": d,
-		"aria-expanded": u,
+		"aria-label": u,
+		"aria-expanded": l,
 		onMouseEnter: () => o(!0),
 		onMouseLeave: () => o(!1),
 		children: /* @__PURE__ */ F(Gt, {
-			isExpanded: u,
-			isHovered: i
+			isExpanded: l,
+			isHovered: a
 		})
 	});
 }
@@ -1424,24 +1424,24 @@ function qt({ isExpanded: e }) {
 	});
 }
 function Jt() {
-	let { prevSidebarState: e, sidebarState: t, toggleSidebar: n, isSmallScreen: r } = wt(), i = N(null);
+	let { prevSidebarState: e, sidebarState: t, toggleSidebar: n, isSmallScreen: i } = wt(), a = N(null);
 	return j(() => {
-		e === "hidden" && t === "locked" && i.current?.focus();
-	}, [e, t]), /* @__PURE__ */ I(a, {
+		e === "hidden" && t === "locked" && a.current?.focus();
+	}, [e, t]), /* @__PURE__ */ I(r, {
 		variant: "ghost",
 		size: "md",
 		onClick: () => n(),
 		className: "group hover:bg-f1-background-hover",
 		title: "Close Sidebar",
-		ref: i,
+		ref: a,
 		compact: !0,
 		"aria-label": "Close Sidebar",
 		children: [/* @__PURE__ */ F("div", {
-			className: p("hidden", { flex: !r }),
+			className: p("hidden", { flex: !i }),
 			children: /* @__PURE__ */ F(qt, { isExpanded: t === "locked" })
 		}), /* @__PURE__ */ F("div", {
-			className: p("hidden", { flex: r }),
-			children: /* @__PURE__ */ F(u, {
+			className: p("hidden", { flex: i }),
+			children: /* @__PURE__ */ F(l, {
 				icon: h,
 				size: "md"
 			})
@@ -1454,8 +1454,8 @@ function Yt() {
 }
 //#endregion
 //#region src/addons/map/F0Map/components/F0MapSidebarToggle/F0MapSidebarToggle.tsx
-var Xt = O(({ expanded: e, onToggle: t, label: n, bare: r = !1, dataTestId: i }, o) => {
-	let s = l(), c = n ?? (e ? s.map.controls.hidePanel : s.map.controls.showPanel), u = /* @__PURE__ */ F(a, {
+var Xt = O(({ 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__ */ F(r, {
 		ref: o,
 		variant: "ghost",
 		size: "md",
@@ -1467,9 +1467,9 @@ var Xt = O(({ expanded: e, onToggle: t, label: n, bare: r = !1, dataTestId: i },
 		"aria-expanded": e,
 		children: /* @__PURE__ */ F(qt, { isExpanded: e })
 	});
-	return /* @__PURE__ */ F(d, {
-		dataTestId: i,
-		children: r ? u : /* @__PURE__ */ F(Ne, { children: u })
+	return /* @__PURE__ */ F(u, {
+		dataTestId: a,
+		children: i ? l : /* @__PURE__ */ F(Ne, { children: l })
 	});
 });
 Xt.displayName = "F0MapSidebarToggle";
@@ -1546,7 +1546,7 @@ nn.displayName = "CurrentLocationLayer";
 var rn = {
 	curve: 1.42,
 	duration: 1400
-}, an = 200, on = ({ dataTestId: e, className: t }) => /* @__PURE__ */ F(d, {
+}, an = 200, on = ({ dataTestId: e, className: t }) => /* @__PURE__ */ F(u, {
 	dataTestId: e,
 	children: /* @__PURE__ */ F("div", {
 		"aria-busy": "true",
@@ -1593,7 +1593,7 @@ var rn = {
 		isDark: e
 	};
 }, ln = {
-	maplibre: async () => (await import("./maplibre-C5htrHET.js")).createMaplibreAdapter,
+	maplibre: async () => (await import("./maplibre-BMdn9aMc.js")).createMaplibreAdapter,
 	google: async (e) => (await import("./google-D1V0swd7.js")).loadGoogleAdapter(e)
 }, un = /* @__PURE__ */ new Map(), dn = (e, t) => {
 	let n = un.get(e);
@@ -11747,8 +11747,8 @@ var rn = {
 		maxZoom: u
 	});
 	d && (n ? e.easeTo(d, { animate: n }) : e.jumpTo(d, { animate: n }));
-}, Dn = (e) => `${e.top},${e.right},${e.bottom},${e.left}`, On = O(function({ markers: n = [], routes: r = [], arcs: a = [], areas: o = [], onRouteClick: s, onArcClick: c, selectedMarkerId: u, defaultSelectedMarkerId: f = null, onMarkerSelect: m, onMarkerDrag: h, onMarkerDragEnd: g, highlightedId: _ = null, viewportInset: v, centerOnMarkerClick: y = !1, fitToMarkers: b, initialViewport: x, mapStyle: S, interactive: ee = !0, gestureHandling: C, minZoom: w, maxZoom: T = 18, showControls: te = !0, controlLabels: ne, showCurrentLocation: E = !1, fullScreen: D = !1, onSidebarToggle: O, sidebarExpanded: A = !1, sidebarToggleAddon: ae, sidebarHeaderStart: M, sidebar: se, detail: pe, detailOpen: me = !1, clearSelectionOnBackgroundClick: he = !0, projection: ge = "mercator", provider: _e, loading: ve = !1, ariaLabel: ye, dataTestId: be, className: xe }, Se) {
-	let Ce = C ?? (D ? "greedy" : "cooperative"), L = l(), R = e(_e), we = t(), Te = N(null), z = N(null), [B, Ee] = P(null), [V, De] = P(!1), [ke, H] = P(!1), [Ae, je] = P(0), Me = re(), G = i(), { containerRef: Ie, isDark: Le } = cn(), Re = k((e) => {
+}, Dn = (e) => `${e.top},${e.right},${e.bottom},${e.left}`, On = O(function({ markers: n = [], 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: C, minZoom: w, maxZoom: T = 18, showControls: te = !0, controlLabels: ne, showCurrentLocation: E = !1, fullScreen: D = !1, onSidebarToggle: O, sidebarExpanded: A = !1, sidebarToggleAddon: ae, sidebarHeaderStart: M, sidebar: se, detail: pe, detailOpen: me = !1, clearSelectionOnBackgroundClick: he = !0, projection: ge = "mercator", provider: _e, loading: ve = !1, ariaLabel: ye, dataTestId: be, className: xe }, Se) {
+	let Ce = C ?? (D ? "greedy" : "cooperative"), L = f(), R = e(_e), we = t(), Te = N(null), z = N(null), [B, Ee] = P(null), [V, De] = P(!1), [ke, H] = P(!1), [Ae, je] = P(0), Me = re(), G = a(), { containerRef: Ie, isDark: Le } = cn(), Re = k((e) => {
 		Te.current = e, Ie(e);
 	}, [Ie]), ze = Le, Be = !S || S.provider === R, Ve = Be ? S ?? xn(R) : xn(R), K = ze ? Ve.dark : Ve.light, He = N(!1);
 	j(() => {
@@ -11758,14 +11758,14 @@ var rn = {
 		S?.provider,
 		R
 	]);
-	let [Ue, We] = P(f), q = u === void 0 ? Ue : u, Ge = k((e) => {
-		u === void 0 && We(e), m?.(e);
-	}, [u, m]), J = A && !!O, Ke = me && !!pe, qe = J ? U.inset + U.listWidth + U.gap : U.inset, Je = J ? U.inset : U.inset + U.toggleSize + U.gap, Ye = Ke ? qe + U.detailWidth : J ? U.inset + U.listWidth : null, Xe = ce(v, { left: Ye === null ? 0 : Ye + U.gap }), Y = N(n);
+	let [Ue, We] = P(d), q = l === void 0 ? Ue : l, Ge = k((e) => {
+		l === void 0 && We(e), m?.(e);
+	}, [l, m]), J = A && !!O, Ke = me && !!pe, qe = J ? U.inset + U.listWidth + U.gap : U.inset, Je = J ? U.inset : U.inset + U.toggleSize + U.gap, Ye = Ke ? qe + U.detailWidth : J ? U.inset + U.listWidth : null, Xe = ce(v, { left: Ye === null ? 0 : Ye + U.gap }), Y = N(n);
 	Y.current = n;
 	let Ze = N(r);
 	Ze.current = r;
-	let Qe = N(a);
-	Qe.current = a;
+	let Qe = N(i);
+	Qe.current = i;
 	let $e = N(o);
 	$e.current = o;
 	let et = N(ge);
@@ -11983,7 +11983,7 @@ var rn = {
 		});
 		u && t.easeTo({ center: u }, { animate: a });
 	}, [wt, Q]);
-	let Et = r.length > 0 || a.length > 0, Dt = Ye === null ? 0 : Ye + U.gap - U.inset, Ot = N({
+	let Et = r.length > 0 || i.length > 0, Dt = Ye === null ? 0 : Ye + U.gap - U.inset, Ot = N({
 		from: Dt,
 		to: Dt
 	});
@@ -11992,7 +11992,7 @@ var rn = {
 		to: Dt
 	});
 	let kt = Dt > Ot.current.from ? W.enter : W.exit, At = J ? W.enter : W.exit;
-	return /* @__PURE__ */ F(d, {
+	return /* @__PURE__ */ F(u, {
 		dataTestId: be,
 		children: ve ? /* @__PURE__ */ F(on, { className: xe }) : /* @__PURE__ */ I("div", {
 			ref: Re,
@@ -12026,7 +12026,7 @@ var rn = {
 				!V && B && Et ? /* @__PURE__ */ F(tn, {
 					adapter: B,
 					routes: r,
-					arcs: a,
+					arcs: i,
 					isDark: ze,
 					onRouteClick: s,
 					onArcClick: c