@factorialco/f0-react 10.13.0 → 10.14.0

package/dist/{F0Map-CznQg3YF.js → F0Map-D962E1Hx.js}

@@ -1,20 +1,20 @@
-import { a as e, o as t, ri as n } from "./CoachmarkProvider-ByfCE0-j.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-B7fqB9lu.js";
-import { I as p, L as m } from "./tooltip-TOvfXq9F.js";
-import { n as h, t as g } from "./F0Box-CYL5_Zhb.js";
-import { Po as _, hs as v, ro as y } from "./F0CanvasPanel-9PijExob.js";
-import { J as b, N as x, W as S, x as ee } from "./useData-CAl9SKtE.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";
-import { createPortal as M } from "react-dom";
+import { a as e, ni as t, o as n } from "./CoachmarkProvider-B7vf6Rf8.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-DNcAIP25.js";
+import { L as p, R as m } from "./tooltip-BX4dSfeL.js";
+import { n as h, r as g } from "./F0Text-Bh96xM7I.js";
+import { Fo as _, X as v, gs as y, io as b } from "./F0CanvasPanel-Bcfvnx7a.js";
+import { J as x, W as S, j as ee, y as C } from "./useData-zygrn6e-.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";
+import { createPortal as se } from "react-dom";
 //#region src/addons/map/F0Map/camera.ts
 var ce = (e, t) => ({
 	top: Math.max(e?.top ?? 0, t?.top ?? 0),
 	right: Math.max(e?.right ?? 0, t?.right ?? 0),
 	bottom: Math.max(e?.bottom ?? 0, t?.bottom ?? 0),
 	left: Math.max(e?.left ?? 0, t?.left ?? 0)
-}), N = (e, { width: t, height: n }) => {
+}), le = (e, { width: t, height: n }) => {
 	let r = t > 0 && e.left + e.right >= t, i = n > 0 && e.top + e.bottom >= n;
 	return {
 		top: i ? 0 : e.top,
@@ -22,18 +22,18 @@ var ce = (e, t) => ({
 		left: r ? 0 : e.left,
 		right: r ? 0 : e.right
 	};
-}, le = (e) => ({
+}, ue = (e) => ({
 	x: (e.left - e.right) / 2,
 	y: (e.top - e.bottom) / 2
-}), P = (e, t, n, r = e.getZoom()) => {
-	let i = le(n), a = e.project(t);
+}), de = (e, t, n, r = e.getZoom()) => {
+	let i = ue(n), a = e.project(t);
 	if (!a || i.x === 0 && i.y === 0) return t;
 	let o = 2 ** (e.getZoom() - r);
 	return e.unproject({
 		x: a.x - i.x * o,
 		y: a.y - i.y * o
 	}) ?? t;
-}, ue = ({ adapter: e, coordinates: t, inset: n, size: r, gutter: i, maxZoom: a }) => {
+}, fe = ({ adapter: e, coordinates: t, inset: n, size: r, gutter: i, maxZoom: a }) => {
 	let o = e.cameraForCoordinates(t, { gutter: i });
 	if (!o) return null;
 	let s = (e, t, n) => e > 2 * i ? (e - t - n - 2 * i) / (e - 2 * i) : 1, c = Math.min(s(r.width, n.left, n.right), s(r.height, n.top, n.bottom)), l = o.zoom ?? e.getZoom();
@@ -43,17 +43,17 @@ var ce = (e, t) => ({
 	};
 	let u = Math.min(l + Math.log2(c), a);
 	return {
-		center: P(e, o.center, n, u),
+		center: de(e, o.center, n, u),
 		zoom: u
 	};
-}, de = 6371008.8, fe = (e) => e * Math.PI / 180, pe = (e) => e * 180 / Math.PI, me = (e, t, n = 64) => {
-	let [r, i] = e, a = fe(i), o = fe(r), s = Math.max(t, 0) / de, c = [];
+}, pe = 6371008.8, me = (e) => e * Math.PI / 180, he = (e) => e * 180 / Math.PI, ge = (e, t, n = 64) => {
+	let [r, i] = e, a = me(i), o = me(r), s = Math.max(t, 0) / pe, c = [];
 	for (let e = 0; e < n; e++) {
 		let t = 2 * Math.PI * e / n, r = Math.asin(Math.sin(a) * Math.cos(s) + Math.cos(a) * Math.sin(s) * Math.cos(t)), i = o + Math.atan2(Math.sin(t) * Math.sin(s) * Math.cos(a), Math.cos(s) - Math.sin(a) * Math.sin(r));
-		c.push([pe(i), pe(r)]);
+		c.push([he(i), he(r)]);
 	}
 	return c.push(c[0]), c;
-}, he = [
+}, _e = [
 	"neutral",
 	"grey",
 	"radical",
@@ -71,15 +71,15 @@ var ce = (e, t) => ({
 	"army",
 	"smoke",
 	"barbie"
-].filter((e) => e !== "neutral" && e !== "grey"), F = {
-	neutral: C.grey[100],
-	grey: C.grey.solid[50],
-	...Object.fromEntries(he.map((e) => [e, C[e][50]]))
-}, ge = (e) => `hsl(${F[e]})`, _e = {
-	neutral: C.grey[100],
+].filter((e) => e !== "neutral" && e !== "grey"), ve = {
+	neutral: E.grey[100],
+	grey: E.grey.solid[50],
+	...Object.fromEntries(_e.map((e) => [e, E[e][50]]))
+}, ye = (e) => `hsl(${ve[e]})`, be = {
+	neutral: E.grey[100],
 	grey: "218 14% 30%",
-	...Object.fromEntries(he.map((e) => [e, C[e][70]]))
-}, ve = (e, t) => t ? _e[e] : F[e], ye = C.grey[100], be = {
+	...Object.fromEntries(_e.map((e) => [e, E[e][70]]))
+}, xe = (e, t) => t ? be[e] : ve[e], Se = E.grey[100], Ce = {
 	sm: {
 		d: 16,
 		border: 1.5,
@@ -140,96 +140,96 @@ var ce = (e, t) => ({
 		icon: "lg",
 		avatar: "lg"
 	}
-}, 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(e, t) {
-	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 = n(), re = i ? 32 : {
+}, L = (e) => Ce[e], R = 5.6, we = 1.5, Te = () => {
+	let e = Ce.xl;
+	return -(e.d - e.caretOverlap + e.caretH + R + we) + 3;
+}, z = "hsl(var(--white-100))", B = O(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", x = Ce[i ? "xl" : r], S = !!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" : ee(T) ?? "grey" : "neutral", ne = t(), E = i ? 32 : {
 		xs: 12,
 		sm: 16,
 		md: 20,
 		lg: 24
-	}[S.icon], E = {
+	}[x.icon], D = {
 		xs: 20,
 		sm: 24,
 		md: 32,
 		lg: 40
-	}, ie = be[r].avatar, ae = i ? E[S.avatar] / E[ie] : 1, oe = (e) => /* @__PURE__ */ A("span", {
+	}, O = Ce[r].avatar, k = i ? D[x.avatar] / D[O] : 1, A = (e) => /* @__PURE__ */ F("span", {
 		className: "flex shrink-0 items-center justify-center transition-transform duration-200 ease-out",
-		style: { transform: `scale(${ae})` },
+		style: { transform: `scale(${k})` },
 		children: e
-	}), D = b === "color" ? null : b === "icon" && "icon" in e ? /* @__PURE__ */ A(l, {
+	}), j = b === "color" ? null : b === "icon" && "icon" in e ? /* @__PURE__ */ F(l, {
 		icon: e.icon,
-		size: S.icon,
+		size: x.icon,
 		color: "#ffffff",
 		style: {
-			width: re,
-			height: re,
+			width: E,
+			height: E,
 			transition: "width 200ms ease-out, height 200ms ease-out"
 		}
-	}) : b === "letter" && "letter" in e ? /* @__PURE__ */ A("span", {
+	}) : b === "letter" && "letter" in e ? /* @__PURE__ */ F("span", {
 		"aria-hidden": !0,
 		className: "font-semibold leading-none",
 		style: {
-			color: I,
-			fontSize: Math.round(re * .78),
+			color: z,
+			fontSize: Math.round(E * .78),
 			transition: "font-size 200ms ease-out"
 		},
 		children: e.letter.charAt(0).toUpperCase()
-	}) : b === "person" && "firstName" in e ? oe(/* @__PURE__ */ A(ee, {
+	}) : b === "person" && "firstName" in e ? A(/* @__PURE__ */ F(C, {
 		avatar: {
 			type: "person",
 			firstName: e.firstName,
 			lastName: e.lastName,
 			src: e.src
 		},
-		size: ie
-	})) : b === "team" && "name" in e ? oe(/* @__PURE__ */ A(ee, {
+		size: O
+	})) : b === "team" && "name" in e ? A(/* @__PURE__ */ F(C, {
 		avatar: {
 			type: "team",
 			name: e.name,
 			src: e.src
 		},
-		size: ie
-	})) : b === "company" && "name" in e ? oe(/* @__PURE__ */ A(ee, {
+		size: O
+	})) : b === "company" && "name" in e ? A(/* @__PURE__ */ F(C, {
 		avatar: {
 			type: "company",
 			name: e.name,
 			src: e.src
 		},
-		size: ie
-	})) : b === "image" && "src" in e ? /* @__PURE__ */ A("img", {
+		size: O
+	})) : b === "image" && "src" in e ? /* @__PURE__ */ F("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", {
+	}) : null, re = b === "team" || b === "company" || b === "icon", ie = /* @__PURE__ */ F("span", {
 		className: "relative z-[1] flex shrink-0 items-center justify-center overflow-hidden border-solid transition-all duration-200 ease-out",
 		style: {
-			width: S.d,
-			height: S.d,
-			borderRadius: O ? Math.round(S.d * .3) : 9999,
-			borderWidth: S.border,
-			borderColor: I,
-			backgroundColor: C ? ge(w) : I
-		},
-		children: b === "color" ? /* @__PURE__ */ A("span", {
+			width: x.d,
+			height: x.d,
+			borderRadius: re ? Math.round(x.d * .3) : 9999,
+			borderWidth: x.border,
+			borderColor: z,
+			backgroundColor: w ? ye(te) : z
+		},
+		children: b === "color" ? /* @__PURE__ */ F("span", {
 			className: "rounded-full transition-all duration-200 ease-out",
 			style: {
-				width: S.d * .36,
-				height: S.d * .36,
-				backgroundColor: I
-			}
-		}) : D
-	}), M = /* @__PURE__ */ A(o, { children: i ? /* @__PURE__ */ A(c.svg, {
-		width: S.caretW,
-		height: S.caretH,
+				width: x.d * .36,
+				height: x.d * .36,
+				backgroundColor: z
+			}
+		}) : j
+	}), ae = /* @__PURE__ */ F(o, { children: i ? /* @__PURE__ */ F(c.svg, {
+		width: x.caretW,
+		height: x.caretH,
 		viewBox: "0 0 16 13",
 		"aria-hidden": !0,
 		className: "absolute left-1/2",
 		style: {
-			top: S.d - S.caretOverlap - 3,
-			marginLeft: -S.caretW / 2,
-			fill: I,
+			top: x.d - x.caretOverlap - 3,
+			marginLeft: -x.caretW / 2,
+			fill: z,
 			transformOrigin: "50% 0%"
 		},
 		initial: {
@@ -244,85 +244,85 @@ var ce = (e, t) => ({
 			scaleY: 0,
 			opacity: 0
 		},
-		transition: T ? { duration: 0 } : {
+		transition: ne ? { duration: 0 } : {
 			duration: .18,
 			ease: "easeOut",
 			opacity: { duration: .1 }
 		},
-		children: /* @__PURE__ */ A("path", { d: "M0 0h16c-4.2 3-6.6 6.9-7.4 11.7a0.62 0.62 0 0 1-1.2 0C6.6 6.9 4.2 3 0 0Z" })
-	}, "caret") : null }), ce = /* @__PURE__ */ j("span", {
+		children: /* @__PURE__ */ F("path", { d: "M0 0h16c-4.2 3-6.6 6.9-7.4 11.7a0.62 0.62 0 0 1-1.2 0C6.6 6.9 4.2 3 0 0Z" })
+	}, "caret") : null }), M = /* @__PURE__ */ I("span", {
 		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[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 = !i && (de === "top" || de === "bottom"), he = me ? "line-clamp-4 text-center" : i ? "whitespace-nowrap text-center" : "whitespace-nowrap", F = N.d / 2, ve = {
+		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" : f, ue = `0 0 ${Math.max(2, Math.round(N.label * .28))}px ${z}`, de = [
+		ue,
+		ue,
+		`0 1px 2px ${z}`,
+		`0 -1px 2px ${z}`,
+		`1px 0 2px ${z}`,
+		`-1px 0 2px ${z}`
+	].join(","), fe = !i && (le === "top" || le === "bottom"), pe = fe ? "line-clamp-4 text-center" : i ? "whitespace-nowrap text-center" : "whitespace-nowrap", me = N.d / 2, he = {
 		right: {
-			transform: `translate(${F}px, -50%)`,
+			transform: `translate(${me}px, -50%)`,
 			style: { paddingLeft: N.gap }
 		},
 		left: {
-			transform: `translate(calc(-100% - ${F}px), -50%)`,
+			transform: `translate(calc(-100% - ${me}px), -50%)`,
 			style: {
 				paddingRight: N.gap,
 				textAlign: "right"
 			}
 		},
 		top: {
-			transform: `translate(-50%, calc(-100% - ${F}px))`,
+			transform: `translate(-50%, calc(-100% - ${me}px))`,
 			style: { paddingBottom: N.gap }
 		},
 		bottom: {
-			transform: `translate(-50%, ${i ? P : F}px)`,
+			transform: `translate(-50%, ${i ? se : me}px)`,
 			style: { paddingTop: N.gap + (i ? 4 : 0) }
 		}
-	}[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),
+	}[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(${_e[w]})`,
+			color: `hsl(${be[te]})`,
 			fontSize: N.label,
-			textShadow: pe,
-			transform: ve.transform,
-			maxWidth: me ? N.maxLabelW : void 0,
-			...ve.style
+			textShadow: de,
+			transform: he.transform,
+			maxWidth: fe ? N.maxLabelW : void 0,
+			...he.style
 		},
 		children: s
-	}), Ce = /* @__PURE__ */ A("span", {
+	}), _e = /* @__PURE__ */ F("span", {
 		"aria-hidden": !0,
 		className: "absolute left-0 top-0 rounded-full border-solid transition-all duration-200 ease-out",
 		style: {
-			width: P * 2,
-			height: P * 2,
+			width: se * 2,
+			height: se * 2,
 			marginLeft: -5.6,
 			marginTop: -5.6,
 			borderWidth: 1.5,
-			borderColor: I,
-			backgroundColor: ge(w),
-			boxShadow: `0 1px 2px hsl(${ye} / 0.3)`,
+			borderColor: z,
+			backgroundColor: ye(te),
+			boxShadow: `0 1px 2px hsl(${Se} / 0.3)`,
 			transform: `scale(${i || a ? 1 : 0})`,
 			opacity: i || a ? 1 : 0
 		}
-	}), L = /* @__PURE__ */ j(se, { children: [
-		Ce,
-		/* @__PURE__ */ A("span", {
+	}), ve = /* @__PURE__ */ I(oe, { children: [
+		_e,
+		/* @__PURE__ */ F("span", {
 			className: "absolute left-0 top-0 transition-all duration-200 ease-out",
 			style: {
-				transform: `translate(-50%, ${ue}px) scale(${+!a})`,
+				transform: `translate(-50%, ${ce}px) scale(${+!a})`,
 				opacity: +!a
 			},
-			children: ce
+			children: M
 		}),
-		xe
+		ge
 	] });
-	return /* @__PURE__ */ A(u, {
+	return /* @__PURE__ */ F(u, {
 		dataTestId: v,
-		children: te ? /* @__PURE__ */ A("button", {
-			ref: t,
+		children: S ? /* @__PURE__ */ F("button", {
+			ref: n,
 			type: "button",
 			..._ ? {
 				tabIndex: -1,
@@ -333,98 +333,98 @@ var ce = (e, t) => ({
 			},
 			onClick: h,
 			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", {
+			children: ve
+		}) : /* @__PURE__ */ F("span", {
 			role: "img",
 			"aria-label": g,
 			className: p("relative inline-flex", y),
-			children: L
+			children: ve
 		})
 	});
 });
-L.displayName = "BaseMapMarker";
-var Te = L, R = (e, t) => `hsl(${ve(e, t).replace(/ /g, ", ")})`, z = (e, t) => ({
+B.displayName = "BaseMapMarker";
+var Ee = B, V = (e, t) => `hsl(${xe(e, t).replace(/ /g, ", ")})`, De = (e, t) => ({
 	id: e.id,
-	ring: me(e.center, e.radiusMeters),
-	color: e.color ?? R(e.variant ?? "malibu", t),
+	ring: ge(e.center, e.radiusMeters),
+	color: e.color ?? V(e.variant ?? "malibu", t),
 	fillOpacity: .15,
 	strokeWidth: 2
-}), Ee = ({ adapter: e, areas: t, isDark: n }) => {
-	let r = D(() => t.map((e) => z(e, n)), [t, n]);
-	return E(function() {
+}), Oe = ({ adapter: e, areas: t, isDark: n }) => {
+	let r = M(() => t.map((e) => De(e, n)), [t, n]);
+	return j(function() {
 		e.setAreas(r);
-	}, [e, r]), E(function() {
+	}, [e, r]), j(function() {
 		return () => e.setAreas([]);
 	}, [e]), null;
-}, B = {
+}, ke = {
 	background: "transparent",
 	border: "default",
 	borderStyle: "solid",
 	borderColor: "secondary"
-}, De = {
+}, H = {
 	control: "md",
 	panel: "xl"
-}, V = {
+}, Ae = {
 	md: "rounded-md backdrop-blur-md bg-f1-background-inverse-secondary dark:bg-f1-background-tertiary",
 	xl: "rounded-xl backdrop-blur-md bg-f1-background-inverse-secondary dark:bg-f1-background-tertiary"
-}, Oe = (e) => V[e], H = {
+}, je = (e) => Ae[e], U = {
 	inset: 8,
 	gap: 8,
 	listWidth: 214,
 	detailWidth: 344,
 	toggleSize: 38
-}, ke = "cubic-bezier(0.77, 0, 0.175, 1)", U = {
+}, Me = "cubic-bezier(0.77, 0, 0.175, 1)", W = {
 	enter: {
 		duration: "175ms",
-		easing: ke
+		easing: Me
 	},
 	exit: {
 		duration: "250ms",
-		easing: ke
+		easing: Me
 	}
-}, Ae = ({ children: e }) => /* @__PURE__ */ A("div", {
-	className: Oe(De.control),
-	children: /* @__PURE__ */ A(g, {
-		...B,
-		borderRadius: De.control,
+}, Ne = ({ children: e }) => /* @__PURE__ */ F("div", {
+	className: je(H.control),
+	children: /* @__PURE__ */ F(h, {
+		...ke,
+		borderRadius: H.control,
 		padding: "none",
-		children: /* @__PURE__ */ A("div", {
+		children: /* @__PURE__ */ F("div", {
 			className: "flex flex-col items-center gap-1 p-0.5",
 			children: e
 		})
 	})
-}), je = w(({ onZoomIn: e, onZoomOut: t, onFit: n, onLocate: r, labels: i, dataTestId: a }, o) => {
-	let c = f(), l = !!(r || n), d = !!(e || t), p = (e) => /* @__PURE__ */ A(Ae, { children: e });
-	return /* @__PURE__ */ A(u, {
+}), Pe = O(({ onZoomIn: e, onZoomOut: t, onFit: n, onLocate: r, labels: i, dataTestId: a }, o) => {
+	let c = f(), l = !!(r || n), d = !!(e || t), p = (e) => /* @__PURE__ */ F(Ne, { children: e });
+	return /* @__PURE__ */ F(u, {
 		dataTestId: a,
-		children: /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ I("div", {
 			ref: o,
 			role: "toolbar",
 			"aria-orientation": "vertical",
 			"aria-label": c.map.navigation,
 			className: "flex flex-col items-center gap-2",
-			children: [l ? p(/* @__PURE__ */ j(se, { children: [n ? /* @__PURE__ */ A(s, {
+			children: [l ? p(/* @__PURE__ */ I(oe, { children: [n ? /* @__PURE__ */ F(s, {
 				variant: "ghost",
 				size: "md",
 				label: i?.fit ?? c.map.controls.fit,
-				icon: v,
+				icon: y,
 				hideLabel: !0,
 				onClick: n
-			}) : null, r ? /* @__PURE__ */ A(s, {
+			}) : null, r ? /* @__PURE__ */ F(s, {
 				variant: "ghost",
 				size: "md",
 				label: i?.locate ?? c.map.controls.locate,
-				icon: y,
+				icon: b,
 				hideLabel: !0,
 				onClick: r
-			}) : null] })) : null, d ? p(/* @__PURE__ */ j(se, { children: [e ? /* @__PURE__ */ A(s, {
+			}) : null] })) : null, d ? p(/* @__PURE__ */ I(oe, { children: [e ? /* @__PURE__ */ F(s, {
 				variant: "ghost",
 				size: "md",
 				label: i?.zoomIn ?? c.map.controls.zoomIn,
-				icon: b,
+				icon: x,
 				hideLabel: !0,
 				onClick: e
-			}) : null, t ? /* @__PURE__ */ A(s, {
+			}) : null, t ? /* @__PURE__ */ F(s, {
 				variant: "ghost",
 				size: "md",
 				label: i?.zoomOut ?? c.map.controls.zoomOut,
@@ -435,10 +435,10 @@ var Te = L, R = (e, t) => `hsl(${ve(e, t).replace(/ /g, ", ")})`, z = (e, t) =>
 		})
 	});
 });
-je.displayName = "F0MapControls";
+Pe.displayName = "F0MapControls";
 //#endregion
 //#region src/addons/map/F0Map/components/F0MapList/F0MapList.tsx
-var Me = (e, t) => {
+var G = (e, t) => {
 	if (e.label) return e.label;
 	switch (e.variant) {
 		case "employee": return `${e.firstName} ${e.lastName}`.trim();
@@ -446,41 +446,41 @@ var Me = (e, t) => {
 		case "stop": return e.letter.charAt(0).toUpperCase();
 		default: return t;
 	}
-}, Ne = w(function({ points: e, selectedId: t, onSelect: n, visible: r = !1, label: i, id: a, dataTestId: o, className: s }, c) {
+}, Fe = O(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, {
+	return /* @__PURE__ */ F(u, {
 		dataTestId: o,
-		children: /* @__PURE__ */ j("nav", {
+		children: /* @__PURE__ */ I("nav", {
 			ref: c,
 			id: a,
 			"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__ */ A("h2", {
+			children: [r ? /* @__PURE__ */ F("h2", {
 				className: "text-f1-foreground mb-2 text-base font-medium",
 				children: d
-			}) : null, /* @__PURE__ */ A("ul", {
+			}) : null, /* @__PURE__ */ F("ul", {
 				className: r ? "flex flex-col gap-0.5" : void 0,
-				children: e.map((e) => /* @__PURE__ */ A("li", { children: /* @__PURE__ */ A("button", {
+				children: e.map((e) => /* @__PURE__ */ F("li", { children: /* @__PURE__ */ F("button", {
 					type: "button",
 					"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)
+					children: G(e, l.map.unnamedLocation)
 				}) }, e.id))
 			})]
 		})
 	});
 });
-Ne.displayName = "F0MapList";
+Fe.displayName = "F0MapList";
 //#endregion
 //#region src/addons/map/F0Map/hooks/useClusters.ts
-var Pe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i = 164 }) => {
-	let [a, o] = k({
+var Ie = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i = 164 }) => {
+	let [a, o] = P({
 		clusters: [],
 		singles: t
 	});
-	return E(() => {
+	return j(() => {
 		if (!e || !n) {
 			o({
 				clusters: [],
@@ -555,13 +555,13 @@ var Pe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
 		r,
 		i
 	]), a;
-}, Fe = 4, Ie = 4, W = [
+}, Le = 4, Re = 4, ze = [
 	"right",
 	"bottom",
 	"left",
 	"top"
-], Le = 1.7, Re = (e, t) => e.x < t.x + t.w && e.x + e.w > t.x && e.y < t.y + t.h && e.y + e.h > t.y, ze = null, Be = (e, t) => (!ze && typeof document < "u" && (ze = document.createElement("canvas").getContext("2d")), ze ? (ze.font = `600 ${t}px Inter, system-ui, sans-serif`, ze.measureText(e).width) : e.length * t * .55), Ve = ({ placement: e, cx: t, cy: n, point: r, size: i }) => {
-	let a = xe(i), o = Be(r.label ?? "", a.label) + 2, s = a.d / 2;
+], Be = 1.7, Ve = (e, t) => e.x < t.x + t.w && e.x + e.w > t.x && e.y < t.y + t.h && e.y + e.h > t.y, K = null, He = (e, t) => (!K && typeof document < "u" && (K = document.createElement("canvas").getContext("2d")), K ? (K.font = `600 ${t}px Inter, system-ui, sans-serif`, K.measureText(e).width) : e.length * t * .55), Ue = ({ placement: e, cx: t, cy: n, point: r, size: i }) => {
+	let a = L(i), o = He(r.label ?? "", a.label) + 2, s = a.d / 2;
 	if (e === "right" || e === "left") {
 		let r = o, i = a.lineH;
 		return {
@@ -571,22 +571,22 @@ var Pe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
 			h: i
 		};
 	}
-	let c = Math.min(o, a.maxLabelW), l = Math.min(Math.ceil(o / a.maxLabelW), Ie) * a.lineH, u = a.gap + Fe, d = e === "bottom" ? n + s + u : n - s - a.gap - l;
+	let c = Math.min(o, a.maxLabelW), l = Math.min(Math.ceil(o / a.maxLabelW), Re) * a.lineH, u = a.gap + Le, d = e === "bottom" ? n + s + u : n - s - a.gap - l;
 	return {
 		x: t - c / 2,
 		y: d,
 		w: c,
 		h: l
 	};
-}, He = (e, t, n = "md") => {
-	let [r, i] = k({});
-	return E(() => {
+}, We = (e, t, n = "md") => {
+	let [r, i] = P({});
+	return j(() => {
 		if (!e) {
 			i({});
 			return;
 		}
 		let r = 0, a = () => {
-			let r = xe(n).d, a = [], o = [];
+			let r = L(n).d, a = [], o = [];
 			for (let n of t) {
 				let t = e.project(n.coordinates);
 				if (!t) return;
@@ -603,7 +603,7 @@ var Pe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
 			let s = t.length, c = Array.from({ length: s }, (e, t) => t), l = (e) => {
 				for (; c[e] !== e;) e = c[e] = c[c[e]];
 				return e;
-			}, u = (r * Le) ** 2;
+			}, u = (r * Be) ** 2;
 			for (let e = 0; e < s; e++) for (let t = e + 1; t < s; t++) {
 				let n = o[e].x - o[t].x, r = o[e].y - o[t].y;
 				if (n * n + r * r <= u) {
@@ -615,15 +615,15 @@ var Pe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
 			for (let e = 0; e < s; e++) {
 				let r = t[e];
 				if (!r.label) continue;
-				let i = o[e], s = "right", c = [s, ...W.filter((e) => e !== s)], l = null;
+				let i = o[e], s = "right", c = [s, ...ze.filter((e) => e !== s)], l = null;
 				for (let e of c) {
-					let t = Ve({
+					let t = Ue({
 						placement: e,
 						cx: i.x,
 						cy: i.y,
 						point: r,
 						size: n
-					}), o = a.some((e) => Re(t, e)), s = f.some((e) => Re(t, e));
+					}), o = a.some((e) => Ve(t, e)), s = f.some((e) => Ve(t, e));
 					if (!o && !s) {
 						l = e, f.push(t);
 						break;
@@ -655,19 +655,19 @@ var Pe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
 		t,
 		n
 	]), r;
-}, G = 3, Ue = ({ adapter: e, el: t, markerRef: n, coordinates: r, drag: i }) => {
-	let a = O({
+}, q = 3, Ge = ({ adapter: e, el: t, markerRef: n, coordinates: r, drag: i }) => {
+	let a = N({
 		coordinates: r,
 		drag: i
 	});
-	oe(function() {
+	ae(function() {
 		a.current = {
 			coordinates: r,
 			drag: i
 		};
 	});
 	let o = !!i;
-	E(function() {
+	j(function() {
 		if (!o) return;
 		let r = null, i = !1, s = null, c = (t) => r ? e.unproject({
 			x: r.at.x + t.clientX - r.x,
@@ -682,7 +682,7 @@ var Pe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
 		}, u = (e) => {
 			if (!r) return;
 			let t = Math.hypot(e.clientX - r.x, e.clientY - r.y);
-			!i && t < G || (i = !0, s = c(e), s && (n.current?.setPosition(s), a.current.drag?.onDrag?.(s)));
+			!i && t < q || (i = !0, s = c(e), s && (n.current?.setPosition(s), a.current.drag?.onDrag?.(s)));
 		}, d = (e) => {
 			t.releasePointerCapture?.(e.pointerId), t.style.setProperty("cursor", "grab"), r = null;
 		}, f = () => n.current?.setPosition(a.current.coordinates), p = (e) => {
@@ -701,9 +701,9 @@ var Pe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
 		n,
 		o
 	]);
-}, We = (e, t) => {
-	let [n, r] = k(() => e ? e.getZoom() >= t : !1);
-	return E(() => {
+}, J = (e, t) => {
+	let [n, r] = P(() => e ? e.getZoom() >= t : !1);
+	return j(() => {
 		if (!e) {
 			r(!1);
 			return;
@@ -711,13 +711,13 @@ var Pe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
 		let n = () => r(e.getZoom() >= t);
 		return n(), e.on("zoom", n);
 	}, [e, t]), n;
-}, Ge = [
+}, Ke = [
 	"default",
 	"workplace",
 	"employee",
 	"company",
 	"stop"
-], K = "malibu", Ke = "radical", q = (e) => {
+], qe = "malibu", Je = "radical", Ye = (e) => {
 	switch (e.variant) {
 		case "employee": return { variant: {
 			variant: "person",
@@ -735,20 +735,20 @@ var Pe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
 				variant: "icon",
 				icon: _
 			},
-			color: K
+			color: qe
 		};
 		case "stop": return {
 			variant: {
 				variant: "letter",
 				letter: e.letter
 			},
-			color: Ke
+			color: Je
 		};
 		default: return { variant: { variant: "color" } };
 	}
-}, qe = w(function(e, t) {
-	let { variant: n, color: r } = q(e);
-	return /* @__PURE__ */ A(Te, {
+}, Xe = O(function(e, t) {
+	let { variant: n, color: r } = Ye(e);
+	return /* @__PURE__ */ F(Ee, {
 		ref: t,
 		...n,
 		color: r,
@@ -765,8 +765,8 @@ var Pe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
 		className: e.className
 	});
 });
-qe.displayName = "F0MapMarker";
-var Je = qe, Ye = 4, Xe = 3, Ze = 1.3, J = 1.08, Qe = "cubic-bezier(0.16, 1, 0.3, 1)", $e = 72, et = {
+Xe.displayName = "F0MapMarker";
+var Y = Xe, Ze = 4, Qe = 3, $e = 1.3, et = 1.08, X = "cubic-bezier(0.16, 1, 0.3, 1)", tt = 72, nt = {
 	1: [[0, 0]],
 	2: [[-8, 0], [8, 0]],
 	3: [
@@ -780,17 +780,17 @@ 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: 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) => {
+}, rt = O(function({ count: e, members: t, onClick: n, ariaLabel: r, dataTestId: i, className: a }, o) {
+	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 ${Qe}`
+			transition: `transform 240ms ${X}`
 		};
 	};
-	return /* @__PURE__ */ A(u, {
+	return /* @__PURE__ */ F(u, {
 		dataTestId: i,
-		children: /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ I("div", {
 			ref: o,
 			role: "button",
 			tabIndex: 0,
@@ -805,41 +805,41 @@ var Je = qe, Ye = 4, Xe = 3, Ze = 1.3, J = 1.08, Qe = "cubic-bezier(0.16, 1, 0.3
 			onBlur: () => l(!1),
 			className: p("group relative h-0 w-0 cursor-pointer outline-none", a),
 			children: [
-				/* @__PURE__ */ A("span", {
+				/* @__PURE__ */ F("span", {
 					"aria-hidden": !0,
 					className: "absolute rounded-lg group-focus-visible:ring-1 group-focus-visible:ring-f1-special-ring group-focus-visible:ring-offset-1",
 					style: {
 						left: -36,
 						top: -36,
-						width: $e,
-						height: $e
+						width: tt,
+						height: tt
 					}
 				}),
-				d.map((e, t) => /* @__PURE__ */ A("span", {
+				d.map((e, t) => /* @__PURE__ */ F("span", {
 					className: "absolute left-0 top-0 flex leading-none",
 					style: {
 						zIndex: t,
 						...b(t)
 					},
-					children: /* @__PURE__ */ A(Je, {
+					children: /* @__PURE__ */ F(Y, {
 						...e,
 						showLabel: !1
 					})
 				}, t)),
 				h ? (() => {
 					let [e, t] = _[d.length] ?? [0, 0];
-					return /* @__PURE__ */ j("span", {
+					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: {
-							zIndex: Xe,
+							zIndex: Qe,
 							backgroundColor: "hsl(var(--white-90))",
 							transform: `translate(${e * v}px, ${t * v}px) translate(-50%, -50%) scale(${y})`,
-							transition: `transform 240ms ${Qe}`
+							transition: `transform 240ms ${X}`
 						},
-						children: [/* @__PURE__ */ A("span", {
+						children: [/* @__PURE__ */ F("span", {
 							"aria-hidden": !0,
 							className: "absolute inset-0 bg-f1-background-hover"
-						}), /* @__PURE__ */ A("span", {
+						}), /* @__PURE__ */ F("span", {
 							className: "relative",
 							children: g
 						})]
@@ -849,18 +849,18 @@ var Je = qe, Ye = 4, Xe = 3, Ze = 1.3, J = 1.08, Qe = "cubic-bezier(0.16, 1, 0.3
 		})
 	});
 });
-tt.displayName = "F0MapCluster";
-var Y = tt, nt = 16, rt = (e, t, n, r) => {
+rt.displayName = "F0MapCluster";
+var Z = rt, it = 16, Q = (e, t, n, r) => {
 	let i = e.project(t.coordinates);
 	if (!i) return null;
-	let a = xe("xl"), o = xe(r), s = i.y + we(), c = {
+	let a = L("xl"), o = L(r), s = i.y + Te(), c = {
 		x: i.x - a.d / 2,
 		y: s,
 		w: a.d,
 		h: a.d
-	}, l = t.label ? Be(t.label, o.label) : 0, u = {
+	}, l = t.label ? He(t.label, o.label) : 0, u = {
 		x: i.x - l / 2,
-		y: i.y + Se,
+		y: i.y + R,
 		w: l,
 		h: o.lineH
 	}, d = o.d, f = /* @__PURE__ */ new Set();
@@ -873,18 +873,18 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 			w: d,
 			h: d
 		};
-		(Re(r, c) || l > 0 && Re(r, u)) && f.add(t.id);
+		(Ve(r, c) || l > 0 && Ve(r, u)) && f.add(t.id);
 	}
 	return f;
-}, it = (e, t, n, r) => {
-	let [i, a] = k(null);
-	return E(() => {
+}, at = (e, t, n, r) => {
+	let [i, a] = P(null);
+	return j(() => {
 		if (!t || !n.some((e) => e.id === t.id)) {
 			a(null);
 			return;
 		}
 		let i = 0, o = () => {
-			let i = rt(e, t, n.filter((e) => e.id !== t.id), r);
+			let i = Q(e, t, n.filter((e) => e.id !== t.id), r);
 			i && a((e) => e !== null && e.size === i.size && [...i].every((t) => e.has(t)) ? e : i);
 		}, s = () => {
 			cancelAnimationFrame(i), i = requestAnimationFrame(o);
@@ -900,35 +900,35 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 		n,
 		r
 	]), i;
-}, X = (e) => {
+}, ot = (e) => {
 	let { id: t, coordinates: n, label: r, draggable: i, ...a } = e;
 	return a;
-}, at = ({ adapter: e, coordinates: t, selected: n, drag: r, children: i }) => {
-	let [a] = k(() => document.createElement("div")), o = O(null);
-	return E(() => {
+}, $ = ({ adapter: e, coordinates: t, selected: n, drag: r, children: i }) => {
+	let [a] = P(() => document.createElement("div")), o = N(null);
+	return j(() => {
 		let n = (e) => e.stopPropagation();
 		a.style.cursor = "pointer", a.addEventListener("click", n);
 		let r = e.addDomMarker(a, t);
 		return o.current = r, () => {
 			a.removeEventListener("click", n), r.remove(), o.current = null;
 		};
-	}, [e, a]), E(() => {
+	}, [e, a]), j(() => {
 		o.current?.setPosition(t);
-	}, [t]), Ue({
+	}, [t]), Ge({
 		adapter: e,
 		el: a,
 		markerRef: o,
 		coordinates: t,
 		drag: r
-	}), E(() => {
+	}), j(() => {
 		a.style.zIndex = n ? "2" : "";
-	}, [a, n]), M(i, a);
-}, 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({
+	}, [a, n]), se(i, a);
+}, 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
-	}), { clusters: h } = m, g = D(() => {
+	}), { clusters: h } = m, g = M(() => {
 		if (p === t) return m.singles;
 		let e = new Set(m.singles);
 		return t.filter((t) => t.draggable || e.has(t));
@@ -936,12 +936,12 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 		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(o, { children: [h.map((t) => /* @__PURE__ */ A(at, {
+	]), _ = 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(o, { children: [h.map((t) => /* @__PURE__ */ F($, {
 		adapter: e,
 		coordinates: t.coordinates,
 		selected: !1,
-		children: /* @__PURE__ */ A(c.span, {
+		children: /* @__PURE__ */ F(c.span, {
 			initial: {
 				scale: .8,
 				opacity: 0
@@ -965,15 +965,15 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 				]
 			},
 			className: "absolute left-0 top-0 flex leading-none",
-			children: /* @__PURE__ */ A(Y, {
+			children: /* @__PURE__ */ F(Z, {
 				count: t.count,
-				members: t.pointIds.map((e) => y.get(e)).filter((e) => !!e).map(X),
+				members: t.pointIds.map((e) => y.get(e)).filter((e) => !!e).map(ot),
 				onClick: () => l(t.bounds)
 			})
 		})
 	}, t.id)), g.map((t) => {
 		let l = v[t.id], d = x?.has(t.id) ?? !1, f = r === t.id;
-		return /* @__PURE__ */ A(at, {
+		return /* @__PURE__ */ F($, {
 			adapter: e,
 			coordinates: t.coordinates,
 			selected: n === t.id || f,
@@ -981,7 +981,7 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 				onDrag: a && ((e) => a(t.id, e)),
 				onDragEnd: (e) => s(t.id, e)
 			} : void 0,
-			children: /* @__PURE__ */ A(c.span, {
+			children: /* @__PURE__ */ F(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(o, {
+				children: /* @__PURE__ */ F(o, {
 					initial: !1,
-					children: /* @__PURE__ */ A(c.span, {
+					children: /* @__PURE__ */ F(c.span, {
 						initial: { opacity: 0 },
 						animate: { opacity: 1 },
 						exit: { opacity: 0 },
@@ -1007,8 +1007,8 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 							ease: "easeOut"
 						},
 						className: "absolute left-0 top-0 flex leading-none",
-						children: /* @__PURE__ */ A(Je, {
-							...X(t),
+						children: /* @__PURE__ */ F(Y, {
+							...ot(t),
 							size: _,
 							label: t.label,
 							showLabel: n === t.id || f || !b && l !== null,
@@ -1024,8 +1024,8 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 			})
 		}, t.id);
 	})] });
-}, 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({
+}, 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(), g = a(), _ = t ? W.enter : W.exit, v = n - U.inset, y = N({
 		from: v,
 		to: v
 	});
@@ -1033,48 +1033,48 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 		from: y.current.to,
 		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(u, {
+	let b = v > y.current.from ? W.enter : W.exit, x = o === "grow" ? "translateX(-10%) scale(0.97)" : `translateX(calc(-100% - ${U.inset}px))`;
+	return /* @__PURE__ */ F(u, {
 		dataTestId: d,
-		children: /* @__PURE__ */ A("div", {
+		children: /* @__PURE__ */ F("div", {
 			className: "pointer-events-none absolute bottom-2 z-10",
 			style: {
-				left: H.inset,
+				left: U.inset,
 				top: r,
 				width: i,
 				transform: `translateX(${v}px)`,
-				transitionProperty: h ? "none" : "transform, top",
+				transitionProperty: g ? "none" : "transform, top",
 				transitionDuration: b.duration,
 				transitionTimingFunction: b.easing
 			},
-			children: /* @__PURE__ */ A("div", {
+			children: /* @__PURE__ */ F("div", {
 				role: "complementary",
 				"aria-label": l ?? m.map.panel,
 				ref: (e) => {
 					t ? e?.removeAttribute("inert") : e?.setAttribute("inert", "");
 				},
-				className: p("relative h-full overflow-hidden text-base", Oe(De.panel), t ? "pointer-events-auto" : "opacity-0"),
+				className: p("relative h-full overflow-hidden text-base", je(H.panel), t ? "pointer-events-auto" : "opacity-0"),
 				style: {
-					transform: t || h ? "translateX(0px) scale(1)" : x,
+					transform: t || g ? "translateX(0px) scale(1)" : x,
 					transformOrigin: o === "grow" ? "left center" : void 0,
-					transitionProperty: h ? "opacity" : "transform, opacity",
+					transitionProperty: g ? "opacity" : "transform, opacity",
 					transitionDuration: _.duration,
 					transitionTimingFunction: _.easing
 				},
-				children: /* @__PURE__ */ A(g, {
-					...B,
-					borderRadius: De.panel,
+				children: /* @__PURE__ */ F(h, {
+					...ke,
+					borderRadius: H.panel,
 					padding: "none",
 					height: "full",
-					children: /* @__PURE__ */ j("div", {
+					children: /* @__PURE__ */ I("div", {
 						className: "flex h-full flex-col",
-						children: [s || c ? /* @__PURE__ */ j("div", {
+						children: [s || c ? /* @__PURE__ */ I("div", {
 							className: "flex shrink-0 items-center justify-between gap-1 p-0.5",
-							children: [/* @__PURE__ */ A("div", {
+							children: [/* @__PURE__ */ F("div", {
 								className: "flex min-w-0 flex-1 justify-start",
 								children: s
 							}), c]
-						}) : null, /* @__PURE__ */ A("div", {
+						}) : null, /* @__PURE__ */ F("div", {
 							className: "min-h-0 flex-1",
 							children: e
 						})]
@@ -1083,11 +1083,147 @@ var Y = tt, nt = 16, rt = (e, t, n, r) => {
 			})
 		})
 	});
-}, Z = "one_sidebar_locked", Q = ne(void 0), ct = /* @__PURE__ */ new WeakSet(), lt = (e) => {
-	ct.add(e.nativeEvent);
+}, lt = (e, t, n = 320) => Math.max(216, Math.min(n, e - t - te.mainHardMin)), ut = (e, t = 320) => Math.min(t, Math.max(216, Math.round(e))), dt = 500, ft = "f0-secondary-sidebar-width", pt = (e) => e === null || typeof e == "number" && Number.isFinite(e), mt = D(null), ht = () => A(mt);
+function gt() {
+	let [e, t] = P(!1), n = N(0), r = k(function() {
+		t(!0), cancelAnimationFrame(n.current), n.current = requestAnimationFrame(function() {
+			n.current = requestAnimationFrame(function() {
+				t(!1);
+			});
+		});
+	}, []);
+	return j(function() {
+		return () => cancelAnimationFrame(n.current);
+	}, []), {
+		isInstant: e,
+		landInstantly: r
+	};
+}
+function _t() {
+	let [e, t] = P(() => window.innerWidth);
+	return j(function() {
+		let e = () => t(window.innerWidth);
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []), e;
+}
+function vt({ enabled: e, children: t, ...n }) {
+	return e ? /* @__PURE__ */ F(yt, {
+		...n,
+		children: t
+	}) : /* @__PURE__ */ F(mt.Provider, {
+		value: null,
+		children: t
+	});
+}
+function yt({ hasSecondarySidebar: e, topBarHeight: t, children: n }) {
+	let { isInstant: r, landInstantly: a } = gt(), o = _t(), [s, c] = P(ne.primary), [l, u] = P(ne.panel), [d, f] = v({
+		key: ft,
+		fallback: null,
+		validate: pt,
+		debounceMs: 200
+	}), p = lt(o, s, Math.max(320, l)), m = Math.min(l, p), h = d === null ? m : ut(d, p), g = k(function(e) {
+		c(e);
+	}, []), _ = N(l), y = k(function(e) {
+		e !== _.current && (_.current = e, a(), u(e));
+	}, [a]), b = k(function(e) {
+		a(), f(e);
+	}, [a, f]), x = k(function() {
+		a(), f(null);
+	}, [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() {
+		a(), S === "docked" && T();
+	}, [
+		S,
+		a,
+		T
+	]);
+	let E = S === "overlay" && ee && e;
+	ae(function() {
+		a(), e || T();
+	}, [
+		e,
+		a,
+		T
+	]);
+	let D = N(e);
+	ae(function() {
+		D.current = e;
+	});
+	let O = N(null);
+	j(function() {
+		return () => {
+			O.current && clearTimeout(O.current);
+		};
+	}, []);
+	let A = k(function() {
+		S !== "docked" && (w.current = Date.now(), C(!0), O.current && clearTimeout(O.current), O.current = setTimeout(function() {
+			D.current || C(!1);
+		}, dt));
+	}, [S]), re = T, ie = k(function() {
+		E || (w.current = Date.now()), C(!E);
+	}, [E]);
+	j(function() {
+		if (!E) return;
+		let e = (e) => {
+			e.key === "Escape" && !e.defaultPrevented && C(!1);
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [E]);
+	let oe = k(function() {
+		Date.now() - w.current < dt || C(!1);
+	}, []), I = M(function() {
+		return {
+			primarySidebarWidth: s,
+			reportPrimarySidebarWidth: g,
+			hasSecondarySidebar: e,
+			secondarySidebarWidth: h,
+			secondarySidebarMaxWidth: p,
+			declareSecondarySidebarWidth: y,
+			resizeSecondarySidebar: b,
+			resetSecondarySidebarWidth: x,
+			navigationMode: S,
+			isOpenOverPage: E,
+			openOverPage: A,
+			toggleOverPage: ie,
+			closeOverPage: re,
+			closeOverPageAfterRouteChange: oe,
+			topBarHeight: t,
+			isInstant: r,
+			landInstantly: a
+		};
+	}, [
+		s,
+		g,
+		e,
+		h,
+		p,
+		y,
+		b,
+		x,
+		S,
+		E,
+		A,
+		ie,
+		re,
+		oe,
+		t,
+		r,
+		a
+	]);
+	return /* @__PURE__ */ F(mt.Provider, {
+		value: I,
+		children: n
+	});
+}
+//#endregion
+//#region src/blocks/ApplicationFrame/FrameProvider.tsx
+var bt = "one_sidebar_locked", xt = D(void 0), St = /* @__PURE__ */ new WeakSet(), Ct = (e) => {
+	St.add(e.nativeEvent);
 };
-function ut() {
-	let e = re(Q);
+function wt() {
+	let e = A(xt);
 	return e === void 0 ? {
 		isSmallScreen: !1,
 		isLastToggleInvokedByUser: !0,
@@ -1096,64 +1232,97 @@ function ut() {
 		toggleSidebar: () => {},
 		hideSidebar: () => {},
 		setForceFloat: () => {},
-		railWidth: 0,
-		hasRail: !1,
-		setRailWidth: () => {}
+		hasPrimarySidebar: !1
 	} : e;
 }
-function dt({ children: e }) {
-	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);
+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 } = 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;
-	}), [m, h] = k(!1), [g, _] = k(null), v = T(() => h(!1), []), y = T(({ isInvokedByUser: e } = { isInvokedByUser: !0 }) => {
-		c(e ?? !0), u && h(!m), p(!f);
+	}), [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() : (s(e ?? !0), l && !n && m(!p), f(!u));
 	}, [
-		u,
-		m,
-		f,
+		n,
+		l,
 		p,
-		h
-	]), b = T((e) => {
-		u || ct.has(e.nativeEvent) || (e.clientX >= a && e.clientX < a + 32 && h(!0), e.clientX > a + 280 && h(!1));
+		u
+	]), y = k(function(e) {
+		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() {
+		o && localStorage.setItem(bt, u ? "1" : "");
+	}, [u, o]), j(function() {
+		return () => {
+			g(b);
+		};
+	}, [b]);
+	let S = n !== null, ee = M(function() {
+		return {
+			isSmallScreen: l,
+			isLastToggleInvokedByUser: o,
+			sidebarState: b,
+			hideSidebar: _,
+			toggleSidebar: v,
+			prevSidebarState: h,
+			setForceFloat: a,
+			hasPrimarySidebar: S
+		};
 	}, [
-		u,
+		l,
+		o,
+		b,
+		_,
+		v,
 		h,
-		a
-	]), x = D(() => u ? m ? "unlocked" : "hidden" : !f && !m ? "hidden" : !f && m ? "unlocked" : "locked", [
-		u,
-		m,
-		f
+		S
 	]);
-	return E(() => {
-		h(!1);
-	}, [t]), E(() => {
-		s && localStorage.setItem(Z, f ? "1" : "");
-	}, [f, s]), E(() => () => {
-		_(x);
-	}, [x]), /* @__PURE__ */ A(Q.Provider, {
-		value: {
-			isSmallScreen: u,
-			isLastToggleInvokedByUser: s,
-			sidebarState: x,
-			hideSidebar: v,
-			toggleSidebar: y,
-			prevSidebarState: g,
-			setForceFloat: r,
-			railWidth: a,
-			hasRail: a > 0,
-			setRailWidth: o
-		},
-		children: /* @__PURE__ */ A("div", {
-			onPointerMove: b,
+	return /* @__PURE__ */ F(xt.Provider, {
+		value: ee,
+		children: /* @__PURE__ */ F("div", {
+			onPointerMove: y,
 			className: "h-screen w-screen",
 			children: e
 		})
 	});
 }
 //#endregion
-//#region src/blocks/Navigation/Sidebar/Icon/Icon.tsx
-function ft({ isExpanded: e }) {
-	return /* @__PURE__ */ j("svg", {
+//#region src/blocks/ApplicationFrame/layoutTransition.ts
+var { duration: Ot, ease: kt, settleMs: At } = w, jt = At, Mt = {
+	duration: Ot.base,
+	ease: kt.outSwift
+}, Nt = {
+	duration: Ot.reveal,
+	ease: kt.outSwift
+}, Pt = { duration: 0 }, Ft = (e, t = !1) => e || t ? Pt : Mt, It = (e, t, n = !1) => e || n ? Pt : t ? Nt : Mt, Lt = ({ coversFrame: e, isFullscreen: t, isClosingFromFullscreen: n, isActivePanel: r, reservedWidth: i }) => e || (t || n) && r ? "100%" : i, Rt = "duration-base ease-out-swift motion-reduce:transition-none", zt = D("classic"), Bt = zt.Provider, Vt = () => A(zt), Ht = "M10.417 10L14.167 10M10.417 10L12.0837 8.33337M10.417 10L12.0837 11.6667", Ut = {
+	open: {
+		rest: {
+			arrow: "opacity-0 translate-x-0",
+			line: "opacity-100 translate-x-0"
+		},
+		hover: {
+			arrow: "opacity-100 -translate-x-1",
+			line: "opacity-0 -translate-x-0.5"
+		}
+	},
+	closed: {
+		rest: {
+			arrow: "opacity-100 translate-x-0",
+			line: "opacity-0 -translate-x-0.5"
+		},
+		hover: {
+			arrow: "opacity-100 translate-x-[3px]",
+			line: "opacity-100 translate-x-0"
+		}
+	}
+}, Wt = "[transform-box:view-box] transition-[transform,opacity]";
+function Gt({ isExpanded: e, isHovered: t = !1 }) {
+	let n = Ut[e ? "open" : "closed"][t ? "hover" : "rest"];
+	return /* @__PURE__ */ I("svg", {
 		width: "20",
 		height: "20",
 		viewBox: "0 0 20 20",
@@ -1161,7 +1330,7 @@ function ft({ isExpanded: e }) {
 		xmlns: "http://www.w3.org/2000/svg",
 		className: "text-f1-icon-bold",
 		children: [
-			/* @__PURE__ */ A("rect", {
+			/* @__PURE__ */ F("rect", {
 				id: "container",
 				x: "3.33325",
 				y: "5",
@@ -1171,7 +1340,72 @@ function ft({ isExpanded: e }) {
 				strokeWidth: "1.3",
 				className: "stroke-current"
 			}),
-			/* @__PURE__ */ A("path", {
+			/* @__PURE__ */ F("path", {
+				id: "arrow",
+				d: Ht,
+				strokeWidth: "1.3",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				className: p("stroke-current", Wt, Rt, "origin-[10.5835px_10px]", e ? "scale-x-100" : "-scale-x-100", n.arrow)
+			}),
+			/* @__PURE__ */ F("path", {
+				id: "line",
+				d: "M7.5 5L7.5 15",
+				strokeWidth: "1.3",
+				strokeLinecap: "round",
+				className: p("stroke-current", Wt, Rt, n.line)
+			})
+		]
+	});
+}
+function Kt() {
+	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" && i.current?.focus();
+	}, [
+		s,
+		e,
+		t
+	]);
+	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: u,
+		ref: i,
+		compact: !0,
+		"aria-label": u,
+		"aria-expanded": l,
+		onMouseEnter: () => o(!0),
+		onMouseLeave: () => o(!1),
+		children: /* @__PURE__ */ F(Gt, {
+			isExpanded: l,
+			isHovered: a
+		})
+	});
+}
+function qt({ isExpanded: e }) {
+	return /* @__PURE__ */ I("svg", {
+		width: "20",
+		height: "20",
+		viewBox: "0 0 20 20",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		className: "text-f1-icon-bold",
+		children: [
+			/* @__PURE__ */ F("rect", {
+				id: "container",
+				x: "3.33325",
+				y: "5",
+				width: "13.3333",
+				height: "10",
+				rx: "3",
+				strokeWidth: "1.3",
+				className: "stroke-current"
+			}),
+			/* @__PURE__ */ F("path", {
 				id: "arrow",
 				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",
@@ -1179,7 +1413,7 @@ function ft({ isExpanded: e }) {
 				strokeLinejoin: "round",
 				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", {
+			/* @__PURE__ */ F("path", {
 				id: "line",
 				d: "M7.5 5L7.5 15",
 				strokeWidth: "1.3",
@@ -1189,11 +1423,11 @@ function ft({ isExpanded: e }) {
 		]
 	});
 }
-function pt() {
-	let { prevSidebarState: e, sidebarState: t, toggleSidebar: n, isSmallScreen: i } = ut(), a = O(null);
-	return E(() => {
+function Jt() {
+	let { prevSidebarState: e, sidebarState: t, toggleSidebar: n, isSmallScreen: i } = wt(), a = N(null);
+	return j(() => {
 		e === "hidden" && t === "locked" && a.current?.focus();
-	}, [e, t]), /* @__PURE__ */ j(r, {
+	}, [e, t]), /* @__PURE__ */ I(r, {
 		variant: "ghost",
 		size: "md",
 		onClick: () => n(),
@@ -1202,22 +1436,26 @@ function pt() {
 		ref: a,
 		compact: !0,
 		"aria-label": "Close Sidebar",
-		children: [/* @__PURE__ */ A("div", {
+		children: [/* @__PURE__ */ F("div", {
 			className: p("hidden", { flex: !i }),
-			children: /* @__PURE__ */ A(ft, { isExpanded: t === "locked" })
-		}), /* @__PURE__ */ A("div", {
+			children: /* @__PURE__ */ F(qt, { isExpanded: t === "locked" })
+		}), /* @__PURE__ */ F("div", {
 			className: p("hidden", { flex: i }),
-			children: /* @__PURE__ */ A(l, {
-				icon: h,
+			children: /* @__PURE__ */ F(l, {
+				icon: g,
 				size: "md"
 			})
 		})]
 	});
 }
+function Yt() {
+	let { hasPrimarySidebar: e } = wt();
+	return F(e ? Kt : Jt, {});
+}
 //#endregion
 //#region src/addons/map/F0Map/components/F0MapSidebarToggle/F0MapSidebarToggle.tsx
-var mt = 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, {
+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",
@@ -1227,29 +1465,29 @@ var mt = w(({ expanded: e, onToggle: t, label: n, bare: i = !1, dataTestId: a },
 		title: c,
 		"aria-label": c,
 		"aria-expanded": e,
-		children: /* @__PURE__ */ A(ft, { isExpanded: e })
+		children: /* @__PURE__ */ F(qt, { isExpanded: e })
 	});
-	return /* @__PURE__ */ A(u, {
+	return /* @__PURE__ */ F(u, {
 		dataTestId: a,
-		children: i ? l : /* @__PURE__ */ A(Ae, { children: l })
+		children: i ? l : /* @__PURE__ */ F(Ne, { children: l })
 	});
 });
-mt.displayName = "F0MapSidebarToggle";
+Xt.displayName = "F0MapSidebarToggle";
 //#endregion
 //#region src/addons/map/F0Map/utils/arc.ts
-var ht = (e, t, n = .3, r = 64) => {
+var Zt = (e, t, n = .3, r = 64) => {
 	let [i, a] = e, [o, s] = t, c = (i + o) / 2, l = (a + s) / 2, u = c - (s - a) * n, d = l + (o - i) * n, f = [];
 	for (let e = 0; e <= r; e++) {
 		let t = e / r, n = 1 - t, c = n * n, l = 2 * n * t, p = t * t;
 		f.push([c * i + l * u + p * o, c * a + l * d + p * s]);
 	}
 	return f;
-}, gt = (e, t) => e.color ?? R(e.variant ?? "radical", t), _t = (e, t) => e.color ?? R(e.variant ?? "radical", !t), vt = ({ id: e, kind: t, coordinates: n, style: r, isDark: i }) => {
+}, Qt = (e, t) => e.color ?? V(e.variant ?? "radical", t), $t = (e, t) => e.color ?? V(e.variant ?? "radical", !t), en = ({ id: e, kind: t, coordinates: n, style: r, isDark: i }) => {
 	let a = r.width ?? 3;
 	return {
 		id: e,
 		coordinates: n,
-		color: gt(r, i),
+		color: Qt(r, i),
 		width: a,
 		opacity: r.opacity ?? 1,
 		dashed: r.dashed ?? !1,
@@ -1257,28 +1495,28 @@ var ht = (e, t, n = .3, r = 64) => {
 			width: a * 1.6,
 			opacity: 1
 		} : {
-			color: _t(r, i),
+			color: $t(r, i),
 			opacity: 1
 		}
 	};
-}, yt = ({ adapter: e, routes: t, arcs: n, isDark: r, onRouteClick: i, onArcClick: a }) => {
-	let o = D(() => [...t.map((e) => vt({
+}, tn = ({ adapter: e, routes: t, arcs: n, isDark: r, onRouteClick: i, onArcClick: a }) => {
+	let o = M(() => [...t.map((e) => en({
 		id: e.id,
 		kind: "route",
 		coordinates: e.coordinates,
 		style: e,
 		isDark: r
-	})), ...n.map((e) => vt({
+	})), ...n.map((e) => en({
 		id: e.id,
 		kind: "arc",
-		coordinates: ht(e.from, e.to, e.curvature),
+		coordinates: Zt(e.from, e.to, e.curvature),
 		style: e,
 		isDark: r
 	}))], [
 		t,
 		n,
 		r
-	]), s = D(() => new Map([...t.map((e) => [e.id, "route"]), ...n.map((e) => [e.id, "arc"])]), [t, n]), c = O({
+	]), s = M(() => new Map([...t.map((e) => [e.id, "route"]), ...n.map((e) => [e.id, "arc"])]), [t, n]), c = N({
 		onRouteClick: i,
 		onArcClick: a,
 		kinds: s
@@ -1289,7 +1527,7 @@ var ht = (e, t, n = .3, r = 64) => {
 		kinds: s
 	};
 	let l = !!(i || a);
-	return E(() => {
+	return j(() => {
 		e.setLines(o, l ? { onClick: (e) => {
 			let { onRouteClick: t, onArcClick: n, kinds: r } = c.current;
 			r.get(e) === "arc" ? n?.(e) : t?.(e);
@@ -1298,25 +1536,25 @@ var ht = (e, t, n = .3, r = 64) => {
 		e,
 		o,
 		l
-	]), E(() => () => e.setLines([]), [e]), null;
-}, bt = ({ adapter: e, coords: t }) => (E(() => {
+	]), j(() => () => e.setLines([]), [e]), null;
+}, nn = ({ adapter: e, coords: t }) => (j(() => {
 	e.setCurrentLocation(t);
-}, [e, t]), E(() => () => e.setCurrentLocation(null), [e]), null);
-bt.displayName = "CurrentLocationLayer";
+}, [e, t]), j(() => () => e.setCurrentLocation(null), [e]), null);
+nn.displayName = "CurrentLocationLayer";
 //#endregion
 //#region src/addons/map/F0Map/constants.ts
-var xt = {
+var rn = {
 	curve: 1.42,
 	duration: 1400
-}, St = 200, Ct = ({ dataTestId: e, className: t }) => /* @__PURE__ */ A(u, {
+}, an = 200, on = ({ dataTestId: e, className: t }) => /* @__PURE__ */ F(u, {
 	dataTestId: e,
-	children: /* @__PURE__ */ A("div", {
+	children: /* @__PURE__ */ F("div", {
 		"aria-busy": "true",
 		"aria-live": "polite",
 		className: p("h-full w-full animate-pulse bg-f1-background-secondary", t)
 	})
-}), wt = (e) => {
-	let [t, n] = k(null), r = T((t) => {
+}), sn = (e) => {
+	let [t, n] = P(null), r = k((t) => {
 		e && typeof navigator < "u" && navigator.geolocation && navigator.geolocation.getCurrentPosition((e) => {
 			let r = [e.coords.longitude, e.coords.latitude];
 			n(r), t?.(r);
@@ -1326,7 +1564,7 @@ var xt = {
 			maximumAge: 6e4
 		});
 	}, [e]);
-	return E(() => {
+	return j(() => {
 		e && !t && typeof navigator < "u" && navigator.permissions?.query({ name: "geolocation" }).then((e) => {
 			e.state === "granted" && r();
 		}).catch(() => {});
@@ -1338,8 +1576,8 @@ var xt = {
 		coords: t,
 		request: r
 	};
-}, Tt = () => {
-	let [e, t] = k(!1), n = O(null), r = T((e) => {
+}, cn = () => {
+	let [e, t] = P(!1), n = N(null), r = k((e) => {
 		if (n.current?.disconnect(), n.current = null, !e) return;
 		let r = () => t(e.closest(".dark") !== null);
 		r();
@@ -1350,21 +1588,21 @@ var xt = {
 		});
 		n.current = i;
 	}, []);
-	return E(() => () => n.current?.disconnect(), []), {
+	return j(() => () => n.current?.disconnect(), []), {
 		containerRef: r,
 		isDark: e
 	};
-}, Et = {
-	maplibre: async () => (await import("./maplibre-GffVTD0r.js")).createMaplibreAdapter,
-	google: async (e) => (await import("./google-B7uAYsxU.js")).loadGoogleAdapter(e)
-}, Dt = /* @__PURE__ */ new Map(), Ot = (e, t) => {
-	let n = Dt.get(e);
+}, ln = {
+	maplibre: async () => (await import("./maplibre-BUEHHCOT.js")).createMaplibreAdapter,
+	google: async (e) => (await import("./google-D1V0swd7.js")).loadGoogleAdapter(e)
+}, un = /* @__PURE__ */ new Map(), dn = (e, t) => {
+	let n = un.get(e);
 	if (n) return n;
-	let r = Et[e](t).catch((t) => {
-		throw Dt.delete(e), t;
+	let r = ln[e](t).catch((t) => {
+		throw un.delete(e), t;
 	});
-	return Dt.set(e, r), r;
-}, kt = {
+	return un.set(e, r), r;
+}, fn = {
 	version: 8,
 	sources: { openmaptiles: {
 		type: "vector",
@@ -6252,7 +6490,7 @@ var xt = {
 	],
 	name: "f0-dark",
 	metadata: { "f0:generated": !0 }
-}, At = {
+}, pn = {
 	version: 8,
 	sources: { openmaptiles: {
 		type: "vector",
@@ -11140,7 +11378,7 @@ var xt = {
 	],
 	name: "f0-light",
 	metadata: { "f0:generated": !0 }
-}, jt = [
+}, mn = [
 	{
 		featureType: "landscape",
 		elementType: "geometry.fill",
@@ -11296,7 +11534,7 @@ var xt = {
 		elementType: "labels.icon",
 		stylers: [{ visibility: "off" }]
 	}
-], Mt = [
+], hn = [
 	{
 		featureType: "landscape",
 		elementType: "geometry.fill",
@@ -11452,44 +11690,44 @@ var xt = {
 		elementType: "labels.icon",
 		stylers: [{ visibility: "off" }]
 	}
-], Nt = {
+], gn = {
 	provider: "maplibre",
-	light: At,
-	dark: kt
-}, Pt = {
+	light: pn,
+	dark: fn
+}, _n = {
 	provider: "google",
-	light: Mt,
-	dark: jt
-}, $ = (e, t) => ({
+	light: hn,
+	dark: mn
+}, vn = (e, t) => ({
 	featureType: e,
 	elementType: t,
 	stylers: [{ visibility: "off" }]
-}), Ft = [
-	$("poi", "labels"),
-	$("transit", "labels"),
-	$("road", "labels.icon")
-], It = {
+}), yn = [
+	vn("poi", "labels"),
+	vn("transit", "labels"),
+	vn("road", "labels.icon")
+], bn = {
 	provider: "google",
-	light: Ft,
-	dark: Ft
-}, Lt = (e) => e === "google" ? It : Nt, Rt = (e, t, n) => {
+	light: yn,
+	dark: yn
+}, xn = (e) => e === "google" ? bn : gn, Sn = (e, t, n) => {
 	let r = e.on(t, () => {
 		r(), n();
 	});
 	return r;
-}, zt = {
+}, Cn = {
 	center: [2.154, 41.39],
 	zoom: 11
-}, Bt = (e, t, n, r) => [
+}, wn = (e, t, n, r) => [
 	...e.map((e) => e.coordinates),
 	...t.flatMap((e) => e.coordinates),
 	...n.flatMap((e) => [e.from, e.to]),
-	...r.flatMap((e) => me(e.center, e.radiusMeters))
-], Vt = (e) => e.top === 0 && e.right === 0 && e.bottom === 0 && e.left === 0, Ht = ({ adapter: e, points: t, animate: n, routes: r = [], arcs: i = [], areas: a = [], gutter: o = 64, inset: s, size: c }) => {
-	let l = Bt(t, r, i, a);
+	...r.flatMap((e) => ge(e.center, e.radiusMeters))
+], Tn = (e) => e.top === 0 && e.right === 0 && e.bottom === 0 && e.left === 0, En = ({ adapter: e, points: t, animate: n, routes: r = [], arcs: i = [], areas: a = [], gutter: o = 64, inset: s, size: c }) => {
+	let l = wn(t, r, i, a);
 	if (l.length === 0) return;
 	let u = a.length > 0 ? 17 : 15;
-	if (l.length > 1 && Vt(s)) {
+	if (l.length > 1 && Tn(s)) {
 		e.fitCoordinates(l, {
 			gutter: o,
 			maxZoom: u,
@@ -11498,9 +11736,9 @@ var xt = {
 		return;
 	}
 	let d = l.length === 1 ? {
-		center: P(e, l[0], s, 14),
+		center: de(e, l[0], s, 14),
 		zoom: 14
-	} : ue({
+	} : fe({
 		adapter: e,
 		coordinates: l,
 		inset: s,
@@ -11509,383 +11747,383 @@ var xt = {
 		maxZoom: u
 	});
 	d && (n ? e.easeTo(d, { animate: n }) : e.jumpTo(d, { animate: n }));
-}, Ut = (e) => `${e.top},${e.right},${e.bottom},${e.left}`, Wt = w(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: 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 = t(), 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 } = Tt(), ze = T((e) => {
-		R.current = e, Le(e);
-	}, [Le]), Be = Re, Ve = !S || S.provider === L, He = Ve ? S ?? Lt(L) : Lt(L), G = Be ? He.dark : He.light, Ue = O(!1);
-	E(() => {
-		Ve || Ue.current || (Ue.current = !0, console.warn(`F0Map: ignoring a "${S?.provider}" mapStyle on the "${L}" engine - the shapes are not interchangeable. Pass a "${L}" style, or none for its default look.`));
+}, Dn = (e) => `${e.top},${e.right},${e.bottom},${e.left}`, On = O(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: 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 = n(), 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(() => {
+		Be || He.current || (He.current = !0, console.warn(`F0Map: ignoring a "${S?.provider}" mapStyle on the "${R}" engine - the shapes are not interchangeable. Pass a "${R}" style, or none for its default look.`));
 	}, [
-		Ve,
+		Be,
 		S?.provider,
-		L
+		R
 	]);
-	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(n);
-	J.current = n;
-	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);
-	tt.current = _e;
-	let Y = O(Ke);
-	Y.current = Ke;
-	let nt = O(K);
-	nt.current = K;
-	let rt = O(Ze);
-	rt.current = Ze;
-	let it = O(ge);
-	it.current = ge;
-	let X = O(null), at = b ?? x === void 0, Z = T(() => {
+	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(t);
+	Y.current = t;
+	let Ze = N(r);
+	Ze.current = r;
+	let Qe = N(i);
+	Qe.current = i;
+	let $e = N(o);
+	$e.current = o;
+	let et = N(ge);
+	et.current = ge;
+	let X = N(Ge);
+	X.current = Ge;
+	let tt = N(q);
+	tt.current = q;
+	let nt = N(Xe);
+	nt.current = Xe;
+	let rt = N(he);
+	rt.current = he;
+	let Z = N(null), it = b ?? x === void 0, Q = k(() => {
 		let e = {
-			width: R.current?.clientWidth ?? 0,
-			height: R.current?.clientHeight ?? 0
+			width: Te.current?.clientWidth ?? 0,
+			height: Te.current?.clientHeight ?? 0
 		};
 		return {
-			inset: N(rt.current, e),
+			inset: le(nt.current, e),
 			size: e
 		};
-	}, []), Q = T((e, t) => {
-		X.current = { kind: "fit" }, Ht({
+	}, []), at = k((e, t) => {
+		Z.current = { kind: "fit" }, En({
 			adapter: e,
-			points: J.current,
+			points: Y.current,
 			animate: t,
-			routes: Qe.current,
-			arcs: $e.current,
-			areas: et.current,
-			...Z()
+			routes: Ze.current,
+			arcs: Qe.current,
+			areas: $e.current,
+			...Q()
 		});
-	}, [Z]), ct = O(Q);
-	ct.current = Q;
-	let lt = T((e, t) => {
+	}, [Q]), ot = N(at);
+	ot.current = at;
+	let $ = k((e, t) => {
 		let n = Math.max(e.getZoom(), 15);
-		X.current = {
+		Z.current = {
 			kind: "flight",
 			zoom: n
 		};
-		let { inset: r } = Z();
+		let { inset: r } = Q();
 		e.easeTo({
-			center: P(e, t.coordinates, r, n),
+			center: de(e, t.coordinates, r, n),
 			zoom: n
-		}, { animate: !W });
-	}, [Z, W]), ut = T((e) => {
-		let t = z.current, n = J.current.find((t) => t.id === e);
-		if (X.current = null, y && t && n) {
-			let { inset: e } = Z();
-			t.easeTo({ center: P(t, n.coordinates, e) }, { animate: !W });
+		}, { animate: !G });
+	}, [Q, G]), lt = k((e) => {
+		let t = z.current, n = Y.current.find((t) => t.id === e);
+		if (Z.current = null, y && t && n) {
+			let { inset: e } = Q();
+			t.easeTo({ center: de(t, n.coordinates, e) }, { animate: !G });
 		}
-		Y.current(e);
+		X.current(e);
 	}, [
 		y,
-		Z,
-		W
-	]), dt = O(!1);
-	E(() => {
-		dt.current || n.length <= 200 || (dt.current = !0, console.warn(`F0Map: ${n.length} markers exceeds the recommended maximum of 200. Markers are DOM elements - pan/zoom will degrade. Aggregate or filter the data, or wait for a GL clustering path.`));
-	}, [n.length]);
-	let { coords: ft, request: pt } = wt(oe), ht = T(() => {
-		X.current = null, z.current?.zoomIn();
-	}, []), gt = T(() => {
-		X.current = null, z.current?.zoomOut();
-	}, []), _t = T(() => {
-		z.current && Q(z.current, !W);
-	}, [Q, W]), vt = T(() => {
-		pt((e) => {
+		Q,
+		G
+	]), ut = N(!1);
+	j(() => {
+		ut.current || t.length <= 200 || (ut.current = !0, console.warn(`F0Map: ${t.length} markers exceeds the recommended maximum of 200. Markers are DOM elements - pan/zoom will degrade. Aggregate or filter the data, or wait for a GL clustering path.`));
+	}, [t.length]);
+	let { coords: dt, request: ft } = sn(E), pt = k(() => {
+		Z.current = null, z.current?.zoomIn();
+	}, []), mt = k(() => {
+		Z.current = null, z.current?.zoomOut();
+	}, []), ht = k(() => {
+		z.current && at(z.current, !G);
+	}, [at, G]), gt = k(() => {
+		ft((e) => {
 			let t = z.current;
 			if (!t) return;
-			X.current = null;
-			let n = Math.max(t.getZoom(), 13), { inset: r } = Z();
+			Z.current = null;
+			let n = Math.max(t.getZoom(), 13), { inset: r } = Q();
 			t.flyTo({
-				center: P(t, e, r, n),
+				center: de(t, e, r, n),
 				zoom: n
-			}, { animate: !W });
+			}, { animate: !G });
 		});
 	}, [
-		pt,
-		Z,
-		W
-	]), xt = T((e) => {
+		ft,
+		Q,
+		G
+	]), _t = k((e) => {
 		let t = z.current;
 		if (!t) return;
-		X.current = null;
-		let n = ue({
+		Z.current = null;
+		let n = fe({
 			adapter: t,
 			coordinates: e,
-			...Z(),
+			...Q(),
 			gutter: 64,
 			maxZoom: 16
 		});
-		n && (W ? t.jumpTo(n, { animate: !1 }) : t.flyTo(n));
-	}, [Z, W]), St = T((e) => {
-		let t = z.current, n = J.current.find((t) => t.id === e);
-		t && n && lt(t, n), Ke(e);
-	}, [lt, Ke]);
-	E(() => {
-		if (!qe || K === null) return;
+		n && (G ? t.jumpTo(n, { animate: !1 }) : t.flyTo(n));
+	}, [Q, G]), vt = k((e) => {
+		let t = z.current, n = Y.current.find((t) => t.id === e);
+		t && n && $(t, n), Ge(e);
+	}, [$, Ge]);
+	j(() => {
+		if (!Ke || q === null) return;
 		let e = (e) => {
-			e.key !== "Escape" || e.defaultPrevented || (e.preventDefault(), Y.current(null));
-		}, t = R.current?.ownerDocument ?? document;
+			e.key !== "Escape" || e.defaultPrevented || (e.preventDefault(), X.current(null));
+		}, t = Te.current?.ownerDocument ?? document;
 		return t.addEventListener("keydown", e), () => t.removeEventListener("keydown", e);
-	}, [qe, K]), ae(Ce, () => ({
+	}, [Ke, q]), ie(Se, () => ({
 		getNativeMap: () => z.current?.native() ?? null,
 		focusMarker: (e) => {
-			let t = z.current, n = J.current.find((t) => t.id === e);
-			t && n && (lt(t, n), Y.current(e));
+			let t = z.current, n = Y.current.find((t) => t.id === e);
+			t && n && ($(t, n), X.current(e));
 		},
 		fitToMarkers: () => {
-			z.current && Q(z.current, !W);
+			z.current && at(z.current, !G);
 		},
-		clearSelection: () => Y.current(null)
+		clearSelection: () => X.current(null)
 	}), [
-		Q,
-		lt,
-		W
+		at,
+		$,
+		G
 	]);
-	let Et = O(G);
-	Et.current = G;
-	let Dt = O(Te);
-	Dt.current = Te;
-	let kt = O(null), At = O(x ?? zt);
-	E(() => {
-		if (ye) return;
-		let e = R.current;
+	let yt = N(K);
+	yt.current = K;
+	let bt = N(we);
+	bt.current = we;
+	let xt = N(null), St = N(x ?? Cn);
+	j(() => {
+		if (ve) return;
+		let e = Te.current;
 		if (!e) return;
-		kt.current = Et.current;
-		let t = At.current, n = null, r = !1, i = [];
-		return Ot(L, Dt.current).then((i) => {
+		xt.current = yt.current;
+		let t = St.current, n = null, r = !1, i = [];
+		return dn(R, bt.current).then((i) => {
 			if (!r) {
 				try {
 					n = i({
 						container: e,
-						style: Et.current,
+						style: yt.current,
 						center: t.center,
-						zoom: t.zoom ?? zt.zoom,
-						minZoom: C,
-						maxZoom: ne,
+						zoom: t.zoom ?? Cn.zoom,
+						minZoom: w,
+						maxZoom: T,
 						interactive: ee,
-						cooperativeGestures: we === "cooperative"
+						cooperativeGestures: Ce === "cooperative"
 					});
 				} catch {
-					Oe(!0);
+					De(!0);
 					return;
 				}
 				a(n);
 			}
 		}).catch((e) => {
-			console.error("[F0Map] could not load the map engine", e), r || Me(!0);
+			console.error("[F0Map] could not load the map engine", e), r || H(!0);
 		}), () => {
-			r = !0, i.forEach((e) => e()), n && (z.current = null, De(null), n.destroy());
+			r = !0, i.forEach((e) => e()), n && (z.current = null, Ee(null), n.destroy());
 		};
 		function a(e) {
-			z.current = e, De(e), Oe(!1);
+			z.current = e, Ee(e), De(!1);
 			let t = !1;
-			i.push(Rt(e, "ready", () => {
-				t = !0, Me(!1), e.resize(), at && Ht({
+			i.push(Sn(e, "ready", () => {
+				t = !0, H(!1), e.resize(), it && En({
 					adapter: e,
-					points: J.current,
+					points: Y.current,
 					animate: !1,
-					routes: Qe.current,
-					arcs: $e.current,
-					areas: et.current,
-					...Z()
-				}), e.setGlobeProjection(tt.current === "globe");
+					routes: Ze.current,
+					arcs: Qe.current,
+					areas: $e.current,
+					...Q()
+				}), e.setGlobeProjection(et.current === "globe");
 			}), e.on("error", () => {
-				t || Me(!0);
+				t || H(!0);
 			}), e.on("click", () => {
-				it.current && Y.current(null);
+				rt.current && X.current(null);
 			}));
 		}
 	}, [
-		ye,
+		ve,
 		ee,
-		we,
-		C,
-		ne,
-		at,
-		L,
-		Pe
-	]), E(() => {
+		Ce,
+		w,
+		T,
+		it,
+		R,
+		Ae
+	]), j(() => {
 		let e = z.current;
-		e && kt.current !== G && (kt.current = G, e.applyStyle(G), Rt(e, "styled", () => e.setGlobeProjection(tt.current === "globe")));
-	}, [G]), E(() => {
-		z.current?.setGlobeProjection(_e === "globe");
-	}, [_e]);
-	let jt = O(lt);
-	jt.current = lt, E(() => {
+		e && xt.current !== K && (xt.current = K, e.applyStyle(K), Sn(e, "styled", () => e.setGlobeProjection(et.current === "globe")));
+	}, [K]), j(() => {
+		z.current?.setGlobeProjection(ge === "globe");
+	}, [ge]);
+	let Ct = N($);
+	Ct.current = $, j(() => {
 		if (!_) return;
-		let e = z.current, t = J.current.find((e) => e.id === _);
-		e && t && jt.current(e, t);
+		let e = z.current, t = Y.current.find((e) => e.id === _);
+		e && t && Ct.current(e, t);
 	}, [_]);
-	let Mt = Ut(Ze), Nt = O(null);
-	E(() => {
-		let e = Nt.current;
-		Nt.current = rt.current;
+	let wt = Dn(Xe), Tt = N(null);
+	j(() => {
+		let e = Tt.current;
+		Tt.current = nt.current;
 		let t = z.current;
 		if (!e || !t) return;
-		let { inset: n, size: r } = Z(), i = X.current, a = !W, o = J.current.find((e) => e.id === nt.current);
+		let { inset: n, size: r } = Q(), i = Z.current, a = !G, o = Y.current.find((e) => e.id === tt.current);
 		if (o) {
 			let e = i?.kind === "flight" ? i.zoom : void 0;
 			t.easeTo({
-				center: P(t, o.coordinates, n, e),
+				center: de(t, o.coordinates, n, e),
 				zoom: e
 			}, { animate: a });
 			return;
 		}
 		if (i?.kind === "fit") {
-			ct.current(t, a);
+			ot.current(t, a);
 			return;
 		}
-		let s = le(N(e, r)), c = le(n), l = t.project(t.getCenter()), u = l && t.unproject({
+		let s = ue(le(e, r)), c = ue(n), l = t.project(t.getCenter()), u = l && t.unproject({
 			x: l.x + s.x - c.x,
 			y: l.y + s.y - c.y
 		});
 		u && t.easeTo({ center: u }, { animate: a });
-	}, [Mt, Z]);
-	let Pt = r.length > 0 || i.length > 0, $ = Xe === null ? 0 : Xe + H.gap - H.inset, Ft = O({
-		from: $,
-		to: $
+	}, [wt, Q]);
+	let Et = r.length > 0 || i.length > 0, Dt = Ye === null ? 0 : Ye + U.gap - U.inset, Ot = N({
+		from: Dt,
+		to: Dt
 	});
-	Ft.current.to !== $ && (Ft.current = {
-		from: Ft.current.to,
-		to: $
+	Ot.current.to !== Dt && (Ot.current = {
+		from: Ot.current.to,
+		to: Dt
 	});
-	let It = $ > Ft.current.from ? U.enter : U.exit, Bt = q ? U.enter : U.exit;
-	return /* @__PURE__ */ A(u, {
-		dataTestId: xe,
-		children: ye ? /* @__PURE__ */ A(Ct, { className: Se }) : /* @__PURE__ */ j("div", {
-			ref: ze,
+	let kt = Dt > Ot.current.from ? W.enter : W.exit, At = J ? W.enter : W.exit;
+	return /* @__PURE__ */ F(u, {
+		dataTestId: be,
+		children: ve ? /* @__PURE__ */ F(on, { className: xe }) : /* @__PURE__ */ I("div", {
+			ref: Re,
 			role: "region",
-			"aria-label": be ?? I.map.region,
-			className: p("f0-map relative h-full w-full overflow-hidden", Be && "dark", !D && "rounded-2xl border border-solid border-f1-border-secondary", Se),
+			"aria-label": ye ?? L.map.region,
+			className: p("f0-map relative h-full w-full overflow-hidden", ze && "dark", !D && "rounded-2xl border border-solid border-f1-border-secondary", xe),
 			children: [
-				/* @__PURE__ */ A("a", {
-					href: `#${Ie}`,
+				/* @__PURE__ */ F("a", {
+					href: `#${Me}`,
 					className: "sr-only rounded-md focus:not-sr-only focus:absolute focus:left-2 focus:top-2 focus:z-30 focus:bg-f1-background focus:px-3 focus:py-2 focus:text-sm focus:text-f1-foreground focus:shadow-md focus:outline-none focus:ring-1 focus:ring-f1-special-ring",
-					children: I.map.skipToList
+					children: L.map.skipToList
 				}),
-				/* @__PURE__ */ A("div", {
+				/* @__PURE__ */ F("div", {
 					role: "status",
 					"aria-live": "polite",
 					className: "sr-only",
-					children: `${n.length} ${n.length === 1 ? I.map.location : I.map.locations}`
+					children: `${t.length} ${t.length === 1 ? L.map.location : L.map.locations}`
 				}),
-				!V && B && o.length > 0 ? /* @__PURE__ */ A(Ee, {
+				!V && B && o.length > 0 ? /* @__PURE__ */ F(Oe, {
 					adapter: B,
 					areas: o,
-					isDark: Be
+					isDark: ze
 				}) : null,
-				!V && B && ft ? /* @__PURE__ */ j(se, { children: [/* @__PURE__ */ A(bt, {
+				!V && B && dt ? /* @__PURE__ */ I(oe, { children: [/* @__PURE__ */ F(nn, {
 					adapter: B,
-					coords: ft
-				}), /* @__PURE__ */ A("span", {
+					coords: dt
+				}), /* @__PURE__ */ F("span", {
 					className: "sr-only",
-					children: I.map.currentLocation
+					children: L.map.currentLocation
 				})] }) : null,
-				!V && B && Pt ? /* @__PURE__ */ A(yt, {
+				!V && B && Et ? /* @__PURE__ */ F(tn, {
 					adapter: B,
 					routes: r,
 					arcs: i,
-					isDark: Be,
+					isDark: ze,
 					onRouteClick: s,
 					onArcClick: c
 				}) : null,
-				!V && B && n.length > 0 ? /* @__PURE__ */ A(ot, {
+				!V && B && t.length > 0 ? /* @__PURE__ */ F(st, {
 					adapter: B,
-					points: n,
-					selectedId: K,
+					points: t,
+					selectedId: q,
 					highlightedId: _,
-					onSelect: ut,
+					onSelect: lt,
 					onMarkerDrag: h,
 					onMarkerDragEnd: g,
-					onClusterExpand: xt
+					onClusterExpand: _t
 				}) : null,
-				!V && B && he ? /* @__PURE__ */ A(st, {
-					open: qe,
-					offsetX: Je,
-					offsetY: Ye,
-					width: H.detailWidth,
+				!V && B && pe ? /* @__PURE__ */ F(ct, {
+					open: Ke,
+					offsetX: qe,
+					offsetY: Je,
+					width: U.detailWidth,
 					entrance: "grow",
-					ariaLabel: I.map.detailPanel,
-					children: he
+					ariaLabel: L.map.detailPanel,
+					children: pe
 				}) : null,
-				!V && B && M ? /* @__PURE__ */ A("div", {
-					className: p("absolute left-2 top-2 z-10", q && "opacity-0"),
+				!V && B && O ? /* @__PURE__ */ F("div", {
+					className: p("absolute left-2 top-2 z-10", J && "opacity-0"),
 					style: {
-						transitionProperty: W ? "none" : "opacity",
-						transitionDuration: Bt.duration,
-						transitionTimingFunction: Bt.easing
+						transitionProperty: G ? "none" : "opacity",
+						transitionDuration: At.duration,
+						transitionTimingFunction: At.easing
 					},
-					children: /* @__PURE__ */ j("div", {
+					children: /* @__PURE__ */ I("div", {
 						className: "flex items-start gap-2",
-						"aria-hidden": q || void 0,
+						"aria-hidden": J || void 0,
 						ref: (e) => {
-							q ? e?.setAttribute("inert", "") : e?.removeAttribute("inert");
+							J ? e?.setAttribute("inert", "") : e?.removeAttribute("inert");
 						},
-						children: [/* @__PURE__ */ A(mt, {
+						children: [/* @__PURE__ */ F(Xt, {
 							expanded: !1,
-							onToggle: M
-						}), fe ? /* @__PURE__ */ A(Ae, { children: fe }) : null]
+							onToggle: O
+						}), ae ? /* @__PURE__ */ F(Ne, { children: ae }) : null]
 					})
 				}) : null,
-				!V && B && M ? /* @__PURE__ */ A(st, {
-					open: q,
-					offsetX: H.inset,
-					width: H.listWidth,
-					headerStart: pe,
-					headerEnd: /* @__PURE__ */ A(mt, {
+				!V && B && O ? /* @__PURE__ */ F(ct, {
+					open: J,
+					offsetX: U.inset,
+					width: U.listWidth,
+					headerStart: M,
+					headerEnd: /* @__PURE__ */ F(Xt, {
 						expanded: !0,
-						onToggle: M,
+						onToggle: O,
 						bare: !0,
 						dataTestId: "map-panel-toggle-open"
 					}),
-					children: me
+					children: se
 				}) : null,
-				!V && B && w && ee ? /* @__PURE__ */ A("div", {
-					className: p("absolute left-2 z-10", L === "google" ? "bottom-8" : "bottom-2"),
+				!V && B && te && ee ? /* @__PURE__ */ F("div", {
+					className: p("absolute left-2 z-10", R === "google" ? "bottom-8" : "bottom-2"),
 					style: {
-						transform: `translateX(${$}px)`,
-						transitionProperty: W ? "none" : "transform",
-						transitionDuration: It.duration,
-						transitionTimingFunction: It.easing
+						transform: `translateX(${Dt}px)`,
+						transitionProperty: G ? "none" : "transform",
+						transitionDuration: kt.duration,
+						transitionTimingFunction: kt.easing
 					},
-					children: /* @__PURE__ */ A(je, {
-						onZoomIn: ht,
-						onZoomOut: gt,
-						onFit: n.length > 0 || Pt || o.length > 0 ? _t : void 0,
-						onLocate: vt,
-						labels: re
+					children: /* @__PURE__ */ F(Pe, {
+						onZoomIn: pt,
+						onZoomOut: mt,
+						onFit: t.length > 0 || Et || o.length > 0 ? ht : void 0,
+						onLocate: gt,
+						labels: ne
 					})
 				}) : null,
-				ke && !V ? /* @__PURE__ */ j("div", {
+				ke && !V ? /* @__PURE__ */ I("div", {
 					className: "absolute inset-x-0 top-0 z-30 flex items-center justify-between gap-3 border-b border-solid border-f1-border-secondary bg-f1-background px-4 py-2 text-sm text-f1-foreground",
-					children: [/* @__PURE__ */ A("span", { children: I.map.loadError }), /* @__PURE__ */ A("button", {
+					children: [/* @__PURE__ */ F("span", { children: L.map.loadError }), /* @__PURE__ */ F("button", {
 						type: "button",
 						onClick: () => {
-							Me(!1);
+							H(!1);
 							let e = z.current;
-							e ? e.applyStyle(Et.current) : Fe((e) => e + 1);
+							e ? e.applyStyle(yt.current) : je((e) => e + 1);
 						},
 						className: "font-medium underline",
-						children: I.map.retry
+						children: L.map.retry
 					})]
 				}) : null,
-				/* @__PURE__ */ A(Ne, {
-					id: Ie,
-					label: I.map.listLabel,
-					points: n,
-					selectedId: K,
-					onSelect: St,
+				/* @__PURE__ */ F(Fe, {
+					id: Me,
+					label: L.map.listLabel,
+					points: t,
+					selectedId: q,
+					onSelect: vt,
 					visible: V
 				})
 			]
 		})
 	});
 });
-Wt.displayName = "F0Map";
-var Gt = Wt;
+On.displayName = "F0Map";
+var kn = On;
 //#endregion
-export { Ne as _, It as a, St as c, ft as d, dt as f, Ge as g, st as h, Pt as i, mt as l, ut as m, Lt as n, Ct as o, lt as p, Nt as r, xt as s, Gt as t, pt as u, je as v };
+export { wt as C, Ke as D, ct as E, Fe as O, Ct as S, ht as T, Rt as _, bn as a, Lt as b, an as c, qt as d, Bt as f, jt as g, Pt as h, _n as i, Pe as k, Xt as l, Mt as m, xn as n, on as o, Vt as p, gn as r, rn as s, kn as t, Yt as u, Ft as v, vt as w, Dt as x, It as y };