@factorialco/f0-react 13.12.0 → 13.12.1

package/dist/{F0DocumentViewer-DdQaLXAs.js → F0DocumentViewer-B2vIyYsn.js}

@@ -1,7 +1,7 @@
 import { a as e, r as t } from "./i18n-provider-C_jciu_6.js";
 import { n, t as r } from "./skeleton-BEiQvWC1.js";
 import { L as i } from "./tooltip-BX4dSfeL.js";
-import { bo as a } from "./F0CanvasPanel-DjbzJ4if.js";
+import { bo as a } from "./F0CanvasPanel-BKvyk32z.js";
 import { Suspense as o, forwardRef as s, lazy as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import './F0DocumentViewer.css';//#region src/addons/documents/F0DocumentViewer/types.ts
@@ -36,7 +36,7 @@ var d = [
 			children: /* @__PURE__ */ l(r, { className: "h-full w-full max-w-[600px] rounded-md" })
 		})]
 	});
-}, p = c(() => import("./PdfViewer-e2eSdSp-.js")), m = c(() => import("./SheetViewer-CSkVsC3-.js")), h = c(() => import("./DocxViewer-9hhmeMbJ.js")), g = c(() => import("./TextViewer-10UG7pXL.js")), _ = c(() => import("./CodeViewer-gDQOS6iI.js")), v = c(() => import("./HtmlViewer-DTorB5Ni.js")), y = c(() => import("./ArchiveViewer-Cz5T16vE.js")), b = s((e, t) => {
+}, p = c(() => import("./PdfViewer-CBs15JQG.js")), m = c(() => import("./SheetViewer-BaqxWzpW.js")), h = c(() => import("./DocxViewer-V8WC-PWo.js")), g = c(() => import("./TextViewer-DdEtdDZH.js")), _ = c(() => import("./CodeViewer-BZRBu6at.js")), v = c(() => import("./HtmlViewer-BVkwk56S.js")), y = c(() => import("./ArchiveViewer-RNMB3M36.js")), b = s((e, t) => {
 	let { kind: n = "pdf", mimeType: i, language: a, htmlExecution: s = "auto", htmlSandbox: c, sender: d, toolbar: b = "top", hideDownload: x = !1, ...S } = e;
 	if (n === "pdf") return /* @__PURE__ */ l(o, {
 		fallback: /* @__PURE__ */ l(f, {}),

package/dist/{F0DocumentViewer-Biac8pVX.js → F0DocumentViewer-CSJh6Ed7.js}

@@ -1,3 +1,3 @@
-import { n as e, r as t, t as n } from "./F0DocumentViewer-DdQaLXAs.js";
+import { n as e, r as t, t as n } from "./F0DocumentViewer-B2vIyYsn.js";
 import { t as r } from "./pdfWorkerConfig-BwllKt1K.js";
 export { n as F0DocumentViewer, e as F0PdfViewer, r as configurePdfWorker, t as pdfScales };

package/dist/{F0Map-BgIwfjqD.js → F0Map-DClia8fc.js}

@@ -1,10 +1,10 @@
-import { Si as e, a as t, o as n } from "./CoachmarkProvider-BuWFPpmG.js";
+import { Si as e, a as t, o as n } from "./CoachmarkProvider-fehx7Q_o.js";
 import { i as r, r as i } from "./i18n-provider-C_jciu_6.js";
 import { L as a, R as o } from "./tooltip-BX4dSfeL.js";
-import { H as s, T as c, U as l, b as u, h as d, t as f, wt as p } from "./F0Button-Cql35ZB4.js";
-import { Cc as m, Dt as h, Ts as g, Xo as _, l as v, oc as y } from "./F0CanvasPanel-DjbzJ4if.js";
+import { H as s, K as c, T as l, U as u, b as d, h as f, t as p } from "./F0Button-DliApWoo.js";
+import { Cc as m, Dt as h, Ts as g, Xo as _, l as v, oc as y } from "./F0CanvasPanel-BKvyk32z.js";
 import { t as b } from "./F0Icon-Dw-YD4Mz.js";
-import { H as x, M as S, R as C, f as w, w as T } from "./useData-DPmbJ0Mf.js";
+import { H as x, M as S, R as C, f as w, w as T } from "./useData-CuyhVJ87.js";
 import { n as E, o as D, s as ee, t as O } from "./dist-Cuwaibqg.js";
 import { createContext as k, forwardRef as A, useCallback as j, useContext as M, useEffect as N, useId as te, useImperativeHandle as ne, useLayoutEffect as re, useMemo as P, useRef as F, useState as I } from "react";
 import { Fragment as ie, jsx as L, jsxs as R } from "react/jsx-runtime";
@@ -145,7 +145,7 @@ var oe = (e, t) => ({
 	let e = xe.xl;
 	return -(e.d - e.caretOverlap + e.caretH + B + Se) + 3;
 }, V = "hsl(var(--white-100))", H = A(function(t, n) {
-	let { size: i = "md", selected: s = !1, collapsed: c = !1, label: u, showLabel: d = !0, labelPlacement: f = "right", onClick: m, ariaLabel: h, presentational: g = !1, dataTestId: _, className: v } = t, y = t.variant ?? "color", x = xe[s ? "xl" : i], S = !!m, C = y === "color" || y === "icon" || y === "letter", E = y === "person" && "firstName" in t ? t.firstName + t.lastName : (y === "team" || y === "company") && "name" in t ? t.name : null, D = C ? t.color ?? "radical" : E ? y === "person" && "src" in t && t.src ? "grey" : T(E) ?? "grey" : "neutral", ee = e(), O = s ? 32 : {
+	let { size: i = "md", selected: s = !1, collapsed: l = !1, label: d, showLabel: f = !0, labelPlacement: p = "right", onClick: m, ariaLabel: h, presentational: g = !1, dataTestId: _, className: v } = t, y = t.variant ?? "color", x = xe[s ? "xl" : i], S = !!m, C = y === "color" || y === "icon" || y === "letter", E = y === "person" && "firstName" in t ? t.firstName + t.lastName : (y === "team" || y === "company") && "name" in t ? t.name : null, D = C ? t.color ?? "radical" : E ? y === "person" && "src" in t && t.src ? "grey" : T(E) ?? "grey" : "neutral", ee = e(), O = s ? 32 : {
 		xs: 12,
 		sm: 16,
 		md: 20,
@@ -221,7 +221,7 @@ var oe = (e, t) => ({
 				backgroundColor: V
 			}
 		}) : N
-	}), re = /* @__PURE__ */ L(p, { children: s ? /* @__PURE__ */ L(l.svg, {
+	}), re = /* @__PURE__ */ L(c, { children: s ? /* @__PURE__ */ L(u.svg, {
 		width: x.caretW,
 		height: x.caretH,
 		viewBox: "0 0 16 13",
@@ -255,7 +255,7 @@ var oe = (e, t) => ({
 		className: "relative inline-flex",
 		style: { filter: `drop-shadow(0 ${x.shadowY}px ${x.shadowBlur / 2}px hsl(${be} / 0.3))` },
 		children: [re, ne]
-	}), F = xe[i], I = x.d / 2, ae = B, oe = s ? Ce() : -I, se = s ? "bottom" : f, ce = `0 0 ${Math.max(2, Math.round(F.label * .28))}px ${V}`, le = [
+	}), F = xe[i], I = x.d / 2, ae = B, oe = s ? Ce() : -I, se = s ? "bottom" : p, ce = `0 0 ${Math.max(2, Math.round(F.label * .28))}px ${V}`, le = [
 		ce,
 		ce,
 		`0 1px 2px ${V}`,
@@ -282,7 +282,7 @@ var oe = (e, t) => ({
 			transform: `translate(-50%, ${s ? ae : fe}px)`,
 			style: { paddingTop: F.gap + (s ? 4 : 0) }
 		}
-	}[se], me = u && d && !c && /* @__PURE__ */ L("span", {
+	}[se], me = d && f && !l && /* @__PURE__ */ L("span", {
 		className: a("absolute left-0 top-0 font-semibold leading-tight transition-all duration-200 ease-out", de),
 		style: {
 			color: `hsl(${ve[D]})`,
@@ -292,7 +292,7 @@ var oe = (e, t) => ({
 			maxWidth: ue ? F.maxLabelW : void 0,
 			...pe.style
 		},
-		children: u
+		children: d
 	}), he = /* @__PURE__ */ L("span", {
 		"aria-hidden": !0,
 		className: "absolute left-0 top-0 rounded-full border-solid transition-all duration-200 ease-out",
@@ -305,16 +305,16 @@ var oe = (e, t) => ({
 			borderColor: V,
 			backgroundColor: _e(D),
 			boxShadow: `0 1px 2px hsl(${be} / 0.3)`,
-			transform: `scale(${s || c ? 1 : 0})`,
-			opacity: s || c ? 1 : 0
+			transform: `scale(${s || l ? 1 : 0})`,
+			opacity: s || l ? 1 : 0
 		}
 	}), ge = /* @__PURE__ */ R(ie, { children: [
 		he,
 		/* @__PURE__ */ L("span", {
 			className: "absolute left-0 top-0 transition-all duration-200 ease-out",
 			style: {
-				transform: `translate(-50%, ${oe}px) scale(${+!c})`,
-				opacity: +!c
+				transform: `translate(-50%, ${oe}px) scale(${+!l})`,
+				opacity: +!l
 			},
 			children: P
 		}),
@@ -395,7 +395,7 @@ var we = H, U = (e, t) => `hsl(${ye(e, t).replace(/ /g, ", ")})`, Te = (e, t) =>
 		})
 	})
 }), Me = A(({ onZoomIn: e, onZoomOut: t, onFit: n, onLocate: a, labels: o, dataTestId: s }, c) => {
-	let l = i(), u = !!(a || n), d = !!(e || t), p = (e) => /* @__PURE__ */ L(je, { children: e });
+	let l = i(), u = !!(a || n), d = !!(e || t), f = (e) => /* @__PURE__ */ L(je, { children: e });
 	return /* @__PURE__ */ L(r, {
 		dataTestId: s,
 		children: /* @__PURE__ */ R("div", {
@@ -404,28 +404,28 @@ var we = H, U = (e, t) => `hsl(${ye(e, t).replace(/ /g, ", ")})`, Te = (e, t) =>
 			"aria-orientation": "vertical",
 			"aria-label": l.map.navigation,
 			className: "flex flex-col items-center gap-2",
-			children: [u ? p(/* @__PURE__ */ R(ie, { children: [n ? /* @__PURE__ */ L(f, {
+			children: [u ? f(/* @__PURE__ */ R(ie, { children: [n ? /* @__PURE__ */ L(p, {
 				variant: "ghost",
 				size: "md",
 				label: o?.fit ?? l.map.controls.fit,
 				icon: y,
 				hideLabel: !0,
 				onClick: n
-			}) : null, a ? /* @__PURE__ */ L(f, {
+			}) : null, a ? /* @__PURE__ */ L(p, {
 				variant: "ghost",
 				size: "md",
 				label: o?.locate ?? l.map.controls.locate,
 				icon: _,
 				hideLabel: !0,
 				onClick: a
-			}) : null] })) : null, d ? p(/* @__PURE__ */ R(ie, { children: [e ? /* @__PURE__ */ L(f, {
+			}) : null] })) : null, d ? f(/* @__PURE__ */ R(ie, { children: [e ? /* @__PURE__ */ L(p, {
 				variant: "ghost",
 				size: "md",
 				label: o?.zoomIn ?? l.map.controls.zoomIn,
 				icon: x,
 				hideLabel: !0,
 				onClick: e
-			}) : null, t ? /* @__PURE__ */ L(f, {
+			}) : null, t ? /* @__PURE__ */ L(p, {
 				variant: "ghost",
 				size: "md",
 				label: o?.zoomOut ?? l.map.controls.zoomOut,
@@ -924,25 +924,25 @@ var Q = nt, rt = 16, $ = (e, t, n, r) => {
 	}), N(() => {
 		a.style.zIndex = n ? "2" : "";
 	}, [a, n]), ae(i, a);
-}, st = ({ adapter: e, points: t, selectedId: n, highlightedId: r, onSelect: a, onMarkerDrag: o, onMarkerDragEnd: s, onClusterExpand: c }) => {
-	let u = i(), d = !!s, f = P(() => d ? t.filter((e) => !e.draggable) : t, [t, d]), m = Pe({
+}, st = ({ adapter: e, points: t, selectedId: n, highlightedId: r, onSelect: a, onMarkerDrag: o, onMarkerDragEnd: s, onClusterExpand: l }) => {
+	let d = i(), f = !!s, p = P(() => f ? t.filter((e) => !e.draggable) : t, [t, f]), m = Pe({
 		adapter: e,
-		points: f,
+		points: p,
 		enabled: !0
 	}), { clusters: h } = m, g = P(() => {
-		if (f === t) return m.singles;
+		if (p === t) return m.singles;
 		let e = new Set(m.singles);
 		return t.filter((t) => t.draggable || e.has(t));
 	}, [
 		m.singles,
-		f,
+		p,
 		t
 	]), _ = Y(e, rt) ? "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__ */ R(p, { children: [h.map((t) => /* @__PURE__ */ L(ot, {
+	return /* @__PURE__ */ R(c, { children: [h.map((t) => /* @__PURE__ */ L(ot, {
 		adapter: e,
 		coordinates: t.coordinates,
 		selected: !1,
-		children: /* @__PURE__ */ L(l.span, {
+		children: /* @__PURE__ */ L(u.span, {
 			initial: {
 				scale: .8,
 				opacity: 0
@@ -969,20 +969,20 @@ var Q = nt, rt = 16, $ = (e, t, n, r) => {
 			children: /* @__PURE__ */ L(Q, {
 				count: t.count,
 				members: t.pointIds.map((e) => y.get(e)).filter((e) => !!e).map(at),
-				onClick: () => c(t.bounds)
+				onClick: () => l(t.bounds)
 			})
 		})
 	}, t.id)), g.map((t) => {
-		let i = v[t.id], c = x?.has(t.id) ?? !1, d = r === t.id;
+		let i = v[t.id], l = x?.has(t.id) ?? !1, f = r === t.id;
 		return /* @__PURE__ */ L(ot, {
 			adapter: e,
 			coordinates: t.coordinates,
-			selected: n === t.id || d,
+			selected: n === t.id || f,
 			drag: t.draggable && s ? {
 				onDrag: o && ((e) => o(t.id, e)),
 				onDragEnd: (e) => s(t.id, e)
 			} : void 0,
-			children: /* @__PURE__ */ L(l.span, {
+			children: /* @__PURE__ */ L(u.span, {
 				initial: { opacity: 0 },
 				animate: { opacity: 1 },
 				exit: {
@@ -997,9 +997,9 @@ var Q = nt, rt = 16, $ = (e, t, n, r) => {
 					ease: "easeOut"
 				},
 				className: "absolute left-0 top-0",
-				children: /* @__PURE__ */ L(p, {
+				children: /* @__PURE__ */ L(c, {
 					initial: !1,
-					children: /* @__PURE__ */ L(l.span, {
+					children: /* @__PURE__ */ L(u.span, {
 						initial: { opacity: 0 },
 						animate: { opacity: 1 },
 						exit: { opacity: 0 },
@@ -1012,21 +1012,21 @@ var Q = nt, rt = 16, $ = (e, t, n, r) => {
 							...at(t),
 							size: _,
 							label: t.label,
-							showLabel: n === t.id || d || !b && i !== null,
+							showLabel: n === t.id || f || !b && i !== null,
 							labelPlacement: i ?? "right",
 							selected: n === t.id,
-							collapsed: c,
+							collapsed: l,
 							onClick: () => a(t.id),
 							presentational: !0,
-							ariaLabel: t.label ?? u.map.unnamedLocation
+							ariaLabel: t.label ?? d.map.unnamedLocation
 						})
 					}, _)
 				})
 			})
 		}, t.id);
 	})] });
-}, ct = ({ children: e, open: t, offsetX: n, offsetY: o = G.inset, width: s, entrance: c = "slide", headerStart: l, headerEnd: u, ariaLabel: f, dataTestId: p }) => {
-	let m = i(), h = d(), g = t ? K.enter : K.exit, _ = n - G.inset, v = F({
+}, ct = ({ children: e, open: t, offsetX: n, offsetY: o = G.inset, width: s, entrance: c = "slide", headerStart: l, headerEnd: u, ariaLabel: d, dataTestId: p }) => {
+	let m = i(), h = f(), g = t ? K.enter : K.exit, _ = n - G.inset, v = F({
 		from: _,
 		to: _
 	});
@@ -1050,7 +1050,7 @@ var Q = nt, rt = 16, $ = (e, t, n, r) => {
 			},
 			children: /* @__PURE__ */ L("div", {
 				role: "complementary",
-				"aria-label": f ?? m.map.panel,
+				"aria-label": d ?? m.map.panel,
 				ref: (e) => {
 					t ? e?.removeAttribute("inert") : e?.setAttribute("inert", "");
 				},
@@ -1117,12 +1117,12 @@ function vt({ enabled: e, children: t, ...n }) {
 	});
 }
 function yt({ hasSecondarySidebar: e, topBarHeight: t, children: n }) {
-	let { isInstant: r, landInstantly: i } = gt(), a = _t(), [o, s] = I(ee.primary), [c, l] = I(ee.panel), [d, f] = h({
+	let { isInstant: r, landInstantly: i } = gt(), a = _t(), [o, s] = I(ee.primary), [c, l] = I(ee.panel), [u, f] = h({
 		key: ft,
 		fallback: null,
 		validate: pt,
 		debounceMs: 200
-	}), p = lt(a, o, Math.max(320, c)), m = Math.min(c, p), g = d === null ? m : ut(d, p), _ = j(function(e) {
+	}), p = lt(a, o, Math.max(320, c)), m = Math.min(c, p), g = u === null ? m : ut(u, p), _ = j(function(e) {
 		s(e);
 	}, []), v = F(c), y = j(function(e) {
 		e !== v.current && (v.current = e, i(), l(e));
@@ -1130,7 +1130,7 @@ function yt({ hasSecondarySidebar: e, topBarHeight: t, children: n }) {
 		i(), f(e);
 	}, [i, f]), x = j(function() {
 		i(), f(null);
-	}, [i, f]), S = u(`(max-width: ${o + (e ? m : ee.panel) + D.mainMin - 1}px)`, { initializeWithValue: !0 }) ? "overlay" : "docked", [C, w] = I(!1), T = F(0), E = j(function() {
+	}, [i, f]), S = d(`(max-width: ${o + (e ? m : ee.panel) + D.mainMin - 1}px)`, { initializeWithValue: !0 }) ? "overlay" : "docked", [C, w] = I(!1), T = F(0), E = j(function() {
 		w(!1);
 	}, []);
 	re(function() {
@@ -1238,7 +1238,7 @@ function Ot() {
 }
 var kt = (e, t) => e.navigationMode === "overlay" ? e.isOpenOverPage ? "unlocked" : "hidden" : t ? "locked" : "hidden", At = (e, t, n) => e || !t ? n ? "unlocked" : "hidden" : "locked";
 function jt({ children: e }) {
-	let { currentPath: t } = s(), n = ht(), [r, i] = I(!1), [a, o] = I(!1), c = r ? E.xl : E.md, l = u(`(max-width: ${c}px)`, { initializeWithValue: !0 }), [d, f] = I(() => {
+	let { currentPath: t } = s(), n = ht(), [r, i] = I(!1), [a, o] = I(!1), c = r ? E.xl : E.md, l = d(`(max-width: ${c}px)`, { initializeWithValue: !0 }), [u, f] = I(() => {
 		let e = localStorage.getItem(bt);
 		return e === null || !!e;
 	}), [p, m] = I(!1), [h, g] = I(null), _ = F(null), v = F(null), y = j(function() {
@@ -1252,12 +1252,12 @@ function jt({ children: e }) {
 	let x = j(function() {
 		n ? n.closeOverPage() : (y(), m(!1));
 	}, [n, y]), S = j(function({ isInvokedByUser: e } = { isInvokedByUser: !0 }) {
-		n?.navigationMode === "overlay" ? n.toggleOverPage() : (o(e ?? !0), l && !n && m(!p), f(!d));
+		n?.navigationMode === "overlay" ? n.toggleOverPage() : (o(e ?? !0), l && !n && m(!p), f(!u));
 	}, [
 		n,
 		l,
 		p,
-		d
+		u
 	]), C = j(function(e) {
 		l || n || (Et.has(e.nativeEvent) ? y() : !p && e.clientX < xt ? b(!0, St) : p && e.clientX > Ct ? b(!1, wt) : y());
 	}, [
@@ -1268,7 +1268,7 @@ function jt({ children: e }) {
 		y
 	]), w = j(function() {
 		v.current && y();
-	}, [y]), T = n ? kt(n, d) : At(l, d, p), D = n?.closeOverPageAfterRouteChange;
+	}, [y]), T = n ? kt(n, u) : At(l, u, p), D = n?.closeOverPageAfterRouteChange;
 	N(function() {
 		y(), m(!1), D?.();
 	}, [
@@ -1276,8 +1276,8 @@ function jt({ children: e }) {
 		D,
 		y
 	]), N(function() {
-		a && localStorage.setItem(bt, d ? "1" : "");
-	}, [d, a]), N(function() {
+		a && localStorage.setItem(bt, u ? "1" : "");
+	}, [u, a]), N(function() {
 		return () => {
 			g(T);
 		};
@@ -1383,8 +1383,8 @@ function zt() {
 		e,
 		t
 	]);
-	let l = i(), u = t !== "hidden", d = u ? l.navigation.sidebar.closePanel : l.navigation.sidebar.openPanel;
-	return /* @__PURE__ */ L(c, {
+	let c = i(), u = t !== "hidden", d = u ? c.navigation.sidebar.closePanel : c.navigation.sidebar.openPanel;
+	return /* @__PURE__ */ L(l, {
 		variant: "ghost",
 		size: "md",
 		onClick: () => n(),
@@ -1443,7 +1443,7 @@ function Vt() {
 	let { prevSidebarState: e, sidebarState: t, toggleSidebar: n, isSmallScreen: r } = Ot(), i = F(null);
 	return N(() => {
 		e === "hidden" && t === "locked" && i.current?.focus();
-	}, [e, t]), /* @__PURE__ */ R(c, {
+	}, [e, t]), /* @__PURE__ */ R(l, {
 		variant: "ghost",
 		size: "md",
 		onClick: () => n(),
@@ -1471,7 +1471,7 @@ function Ht() {
 //#endregion
 //#region src/addons/map/F0Map/components/F0MapSidebarToggle/F0MapSidebarToggle.tsx
 var Ut = A(({ expanded: e, onToggle: t, label: n, bare: a = !1, dataTestId: o }, s) => {
-	let l = i(), u = n ?? (e ? l.map.controls.hidePanel : l.map.controls.showPanel), d = /* @__PURE__ */ L(c, {
+	let c = i(), u = n ?? (e ? c.map.controls.hidePanel : c.map.controls.showPanel), d = /* @__PURE__ */ L(l, {
 		ref: s,
 		variant: "ghost",
 		size: "md",
@@ -1609,7 +1609,7 @@ var Xt = {
 		isDark: e
 	};
 }, tn = {
-	maplibre: async () => (await import("./maplibre-DZrUxuUr.js")).createMaplibreAdapter,
+	maplibre: async () => (await import("./maplibre-DYSBHNua.js")).createMaplibreAdapter,
 	google: async (e) => (await import("./google-D1V0swd7.js")).loadGoogleAdapter(e)
 }, nn = /* @__PURE__ */ new Map(), rn = (e, t) => {
 	let n = nn.get(e);
@@ -11763,8 +11763,8 @@ var Xt = {
 		maxZoom: u
 	});
 	d && (n ? e.easeTo(d, { animate: n }) : e.jumpTo(d, { animate: n }));
-}, bn = (e) => `${e.top},${e.right},${e.bottom},${e.left}`, xn = A(function({ markers: e = [], routes: o = [], arcs: s = [], areas: c = [], onRouteClick: l, onArcClick: u, selectedMarkerId: f, defaultSelectedMarkerId: p = null, onMarkerSelect: m, onMarkerDrag: h, onMarkerDragEnd: g, highlightedId: _ = null, viewportInset: v, centerOnMarkerClick: y = !1, fitToMarkers: b, initialViewport: x, mapStyle: S, interactive: C = !0, gestureHandling: w, minZoom: T, maxZoom: E = 18, showControls: D = !0, controlLabels: ee, showCurrentLocation: O = !1, fullScreen: k = !1, onSidebarToggle: A, sidebarExpanded: M = !1, sidebarToggleAddon: re, sidebarHeaderStart: P, sidebar: ae, detail: de, detailOpen: fe = !1, clearSelectionOnBackgroundClick: pe = !0, projection: me = "mercator", provider: he, loading: ge = !1, ariaLabel: _e, dataTestId: ve, className: ye }, be) {
-	let xe = w ?? (k ? "greedy" : "cooperative"), z = i(), B = t(he), Se = n(), Ce = F(null), V = F(null), [H, we] = I(null), [U, Te] = I(!1), [De, W] = I(!1), [Oe, ke] = I(0), Ae = te(), q = d(), { containerRef: Pe, isDark: Fe } = en(), Ie = j((e) => {
+}, bn = (e) => `${e.top},${e.right},${e.bottom},${e.left}`, xn = A(function({ markers: e = [], routes: o = [], arcs: s = [], areas: c = [], onRouteClick: l, onArcClick: u, selectedMarkerId: d, defaultSelectedMarkerId: p = null, onMarkerSelect: m, onMarkerDrag: h, onMarkerDragEnd: g, highlightedId: _ = null, viewportInset: v, centerOnMarkerClick: y = !1, fitToMarkers: b, initialViewport: x, mapStyle: S, interactive: C = !0, gestureHandling: w, minZoom: T, maxZoom: E = 18, showControls: D = !0, controlLabels: ee, showCurrentLocation: O = !1, fullScreen: k = !1, onSidebarToggle: A, sidebarExpanded: M = !1, sidebarToggleAddon: re, sidebarHeaderStart: P, sidebar: ae, detail: de, detailOpen: fe = !1, clearSelectionOnBackgroundClick: pe = !0, projection: me = "mercator", provider: he, loading: ge = !1, ariaLabel: _e, dataTestId: ve, className: ye }, be) {
+	let xe = w ?? (k ? "greedy" : "cooperative"), z = i(), B = t(he), Se = n(), Ce = F(null), V = F(null), [H, we] = I(null), [U, Te] = I(!1), [De, W] = I(!1), [Oe, ke] = I(0), Ae = te(), q = f(), { containerRef: Pe, isDark: Fe } = en(), Ie = j((e) => {
 		Ce.current = e, Pe(e);
 	}, [Pe]), Le = Fe, Re = !S || S.provider === B, ze = Re ? S ?? mn(B) : mn(B), J = Le ? ze.dark : ze.light, Be = F(!1);
 	N(() => {
@@ -11774,9 +11774,9 @@ var Xt = {
 		S?.provider,
 		B
 	]);
-	let [Ve, He] = I(p), Ue = f === void 0 ? Ve : f, We = j((e) => {
-		f === void 0 && He(e), m?.(e);
-	}, [f, m]), Y = M && !!A, Ge = fe && !!de, Ke = Y ? G.inset + G.listWidth + G.gap : G.inset, qe = Y ? G.inset : G.inset + G.toggleSize + G.gap, Je = Ge ? Ke + G.detailWidth : Y ? G.inset + G.listWidth : null, Ye = oe(v, { left: Je === null ? 0 : Je + G.gap }), X = F(e);
+	let [Ve, He] = I(p), Ue = d === void 0 ? Ve : d, We = j((e) => {
+		d === void 0 && He(e), m?.(e);
+	}, [d, m]), Y = M && !!A, Ge = fe && !!de, Ke = Y ? G.inset + G.listWidth + G.gap : G.inset, qe = Y ? G.inset : G.inset + G.toggleSize + G.gap, Je = Ge ? Ke + G.detailWidth : Y ? G.inset + G.listWidth : null, Ye = oe(v, { left: Je === null ? 0 : Je + G.gap }), X = F(e);
 	X.current = e;
 	let Xe = F(o);
 	Xe.current = o;