@factorialco/f0-react 8.17.0 → 8.19.0

package/dist/{F0Map-F7WNYPHU.js → F0Map-DCamR9ck.js}

@@ -1,7 +1,7 @@
-import { jsx as o, jsxs as O, Fragment as Ee } from "react/jsx-runtime";
-import { forwardRef as re, useState as F, useEffect as N, useRef as M, useContext as Ca, createContext as Aa, useCallback as B, useMemo as et, useId as Ia, useImperativeHandle as Fa } from "react";
-import { a4 as Xt, u as se, a5 as le, y as Ce, a6 as Ea, a7 as $a, a8 as Oa, i as Ba, n as be, a9 as Wa, v as Yt, aa as Je, ab as tt, ac as Ie, ad as Da, ae as Ut, af as Ha, ag as Xa, ah as St, ai as Gt, aj as Ya } from "./F0CanvasPanel-CqwBZSlw.js";
-import { c as Ua, d as Ga, e as Za } from "./MapProvider--aDfTV7Z.js";
+import { jsx as o, jsxs as B, Fragment as Ee } from "react/jsx-runtime";
+import { forwardRef as re, useState as F, useEffect as N, useRef as M, useContext as Ca, createContext as Aa, useCallback as O, useMemo as et, useId as Ia, useImperativeHandle as Fa } from "react";
+import { a4 as Xt, u as se, a5 as le, y as Ce, a6 as Ea, a7 as $a, a8 as Oa, i as Ba, n as be, a9 as Wa, v as Yt, aa as Je, ab as tt, ac as Ie, ad as Da, ae as Ut, af as Ha, ag as Xa, ah as _t, ai as Gt, aj as Ya } from "./F0CanvasPanel-BEQLTZPB.js";
+import { c as Ua, d as Ga, e as Za } from "./MapProvider-84Qqrrlq.js";
 import { d as W, f as Ka } from "./tooltip-CrXp1Uaz.js";
 import { createPortal as qa } from "react-dom";
 const Va = (e, t) => ({
@@ -40,13 +40,13 @@ const Va = (e, t) => ({
   const s = e.cameraForCoordinates(t, { gutter: a });
   if (!s)
     return null;
-  const p = (m, f, x) => m > 2 * a ? (m - f - x - 2 * a) / (m - 2 * a) : 1, g = Math.min(
+  const p = (u, f, b) => u > 2 * a ? (u - f - b - 2 * a) / (u - 2 * a) : 1, g = Math.min(
     p(l.width, n.left, n.right),
     p(l.height, n.top, n.bottom)
-  ), d = s.zoom ?? e.getZoom();
+  ), m = s.zoom ?? e.getZoom();
   if (g <= 0)
-    return { center: s.center, zoom: Math.min(d, i) };
-  const r = Math.min(d + Math.log2(g), i);
+    return { center: s.center, zoom: Math.min(m, i) };
+  const r = Math.min(m + Math.log2(g), i);
   return { center: he(e, s.center, n, r), zoom: r };
 }, Kt = {
   background: "transparent",
@@ -78,8 +78,8 @@ const Va = (e, t) => ({
   }
 ) }), Vt = re(
   ({ onZoomIn: e, onZoomOut: t, onFit: n, onLocate: l, labels: a, dataTestId: i }, s) => {
-    const p = se(), g = !!(l || n), d = !!(e || t), r = (m) => /* @__PURE__ */ o(lt, { children: m });
-    return /* @__PURE__ */ o(le, { dataTestId: i, children: /* @__PURE__ */ O(
+    const p = se(), g = !!(l || n), m = !!(e || t), r = (u) => /* @__PURE__ */ o(lt, { children: u });
+    return /* @__PURE__ */ o(le, { dataTestId: i, children: /* @__PURE__ */ B(
       "div",
       {
         ref: s,
@@ -89,7 +89,7 @@ const Va = (e, t) => ({
         className: "flex flex-col items-center gap-2",
         children: [
           g ? r(
-            /* @__PURE__ */ O(Ee, { children: [
+            /* @__PURE__ */ B(Ee, { children: [
               n ? /* @__PURE__ */ o(
                 Ce,
                 {
@@ -114,8 +114,8 @@ const Va = (e, t) => ({
               ) : null
             ] })
           ) : null,
-          d ? r(
-            /* @__PURE__ */ O(Ee, { children: [
+          m ? r(
+            /* @__PURE__ */ B(Ee, { children: [
               e ? /* @__PURE__ */ o(
                 Ce,
                 {
@@ -169,14 +169,14 @@ const Qa = (e, t) => {
     id: s,
     dataTestId: p,
     className: g
-  }, d) {
-    const r = se(), m = i ?? r.map.listLabel;
-    return /* @__PURE__ */ o(le, { dataTestId: p, children: /* @__PURE__ */ O(
+  }, m) {
+    const r = se(), u = i ?? r.map.listLabel;
+    return /* @__PURE__ */ o(le, { dataTestId: p, children: /* @__PURE__ */ B(
       "nav",
       {
-        ref: d,
+        ref: m,
         id: s,
-        "aria-label": m,
+        "aria-label": u,
         tabIndex: -1,
         className: W(
           "outline-none",
@@ -184,7 +184,7 @@ const Qa = (e, t) => {
           g
         ),
         children: [
-          a ? /* @__PURE__ */ o("h2", { className: "text-f1-foreground mb-2 text-base font-medium", children: m }) : null,
+          a ? /* @__PURE__ */ o("h2", { className: "text-f1-foreground mb-2 text-base font-medium", children: u }) : null,
           /* @__PURE__ */ o("ul", { className: a ? "flex flex-col gap-0.5" : void 0, children: t.map((f) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
             "button",
             {
@@ -222,37 +222,37 @@ const en = ({
     }
     let p = 0;
     const g = () => {
-      const m = [];
+      const u = [];
       for (const c of t) {
         const k = e.project(c.coordinates);
         if (!k)
           return;
-        m.push(k);
+        u.push(k);
       }
-      const f = t.length, x = l * l, y = a * a, w = (c, k) => {
-        const L = m[c].x - m[k].x, P = m[c].y - m[k].y;
+      const f = t.length, b = l * l, y = a * a, z = (c, k) => {
+        const L = u[c].x - u[k].x, P = u[c].y - u[k].y;
         return L * L + P * P;
-      }, b = Array.from({ length: f }, (c, k) => k), S = (c) => {
-        for (; b[c] !== c; )
-          c = b[c] = b[b[c]];
+      }, x = Array.from({ length: f }, (c, k) => k), _ = (c) => {
+        for (; x[c] !== c; )
+          c = x[c] = x[x[c]];
         return c;
-      }, j = (c, k) => {
-        const L = S(c), P = S(k);
-        L !== P && (b[L] = P);
-      }, u = Array.from({ length: f }, () => !1);
+      }, R = (c, k) => {
+        const L = _(c), P = _(k);
+        L !== P && (x[L] = P);
+      }, d = Array.from({ length: f }, () => !1);
       for (let c = 0; c < f; c++)
         for (let k = c + 1; k < f; k++)
-          w(c, k) <= x && (u[c] = u[k] = !0, j(c, k));
+          z(c, k) <= b && (d[c] = d[k] = !0, R(c, k));
       for (let c = 0; c < f; c++)
         for (let k = c + 1; k < f; k++)
-          (u[c] || u[k]) && w(c, k) <= y && j(c, k);
-      const v = /* @__PURE__ */ new Map();
+          (d[c] || d[k]) && z(c, k) <= y && R(c, k);
+      const w = /* @__PURE__ */ new Map();
       for (let c = 0; c < f; c++) {
-        const k = S(c), L = v.get(k);
-        L ? L.push(c) : v.set(k, [c]);
+        const k = _(c), L = w.get(k);
+        L ? L.push(c) : w.set(k, [c]);
       }
       const T = [], A = [];
-      for (const c of v.values()) {
+      for (const c of w.values()) {
         if (c.length === 1) {
           A.push(t[c[0]]);
           continue;
@@ -275,17 +275,17 @@ const en = ({
         });
       }
       s((c) => c.clusters.length === T.length && c.singles.length === A.length && c.clusters.every((L, P) => L.id === T[P].id) && c.singles.every((L, P) => L === A[P]) ? c : { clusters: T, singles: A });
-    }, d = () => {
+    }, m = () => {
       cancelAnimationFrame(p), p = requestAnimationFrame(g);
     };
-    d();
+    m();
     const r = [
-      e.on("move", d),
-      e.on("zoom", d),
-      e.on("resize", d)
+      e.on("move", m),
+      e.on("zoom", m),
+      e.on("resize", m)
     ];
     return () => {
-      cancelAnimationFrame(p), r.forEach((m) => m());
+      cancelAnimationFrame(p), r.forEach((u) => u());
     };
   }, [e, t, n, l, a]), i;
 }, tn = [
@@ -395,23 +395,23 @@ const en = ({
       label: s,
       showLabel: p = !0,
       labelPlacement: g = "right",
-      onClick: d,
+      onClick: m,
       ariaLabel: r,
-      presentational: m = !1,
+      presentational: u = !1,
       dataTestId: f,
-      className: x
-    } = t, y = t.variant ?? "color", w = Fe[a ? "xl" : l], b = !!d, S = y === "color" || y === "icon" || y === "letter", j = y === "person" && "firstName" in t ? t.firstName + t.lastName : (y === "team" || y === "company") && "name" in t ? t.name : null, u = S ? t.color ?? "radical" : j ? y === "person" && "src" in t && t.src ? "grey" : Wa(j) ?? "grey" : "neutral", v = Ua(), T = a ? 32 : { xs: 12, sm: 16, md: 20, lg: 24 }[w.icon], A = { xs: 20, sm: 24, md: 32, lg: 40 }, c = Fe[l].avatar, k = a ? A[w.avatar] / A[c] : 1, L = (Se) => /* @__PURE__ */ o(
+      className: b
+    } = t, y = t.variant ?? "color", z = Fe[a ? "xl" : l], x = !!m, _ = y === "color" || y === "icon" || y === "letter", R = y === "person" && "firstName" in t ? t.firstName + t.lastName : (y === "team" || y === "company") && "name" in t ? t.name : null, d = _ ? t.color ?? "radical" : R ? y === "person" && "src" in t && t.src ? "grey" : Wa(R) ?? "grey" : "neutral", w = Ua(), T = a ? 32 : { xs: 12, sm: 16, md: 20, lg: 24 }[z.icon], A = { xs: 20, sm: 24, md: 32, lg: 40 }, c = Fe[l].avatar, k = a ? A[z.avatar] / A[c] : 1, L = (_e) => /* @__PURE__ */ o(
       "span",
       {
         className: "flex shrink-0 items-center justify-center transition-transform duration-200 ease-out",
         style: { transform: `scale(${k})` },
-        children: Se
+        children: _e
       }
     ), P = y === "color" ? null : y === "icon" && "icon" in t ? /* @__PURE__ */ o(
       Yt,
       {
         icon: t.icon,
-        size: w.icon,
+        size: z.icon,
         color: "#ffffff",
         style: {
           width: T,
@@ -476,20 +476,20 @@ const en = ({
       {
         className: "relative z-[1] flex shrink-0 items-center justify-center overflow-hidden border-solid transition-all duration-200 ease-out",
         style: {
-          width: w.d,
-          height: w.d,
-          borderRadius: J ? Math.round(w.d * 0.3) : 9999,
-          borderWidth: w.border,
+          width: z.d,
+          height: z.d,
+          borderRadius: J ? Math.round(z.d * 0.3) : 9999,
+          borderWidth: z.border,
           borderColor: V,
-          backgroundColor: S ? Tt(u) : V
+          backgroundColor: _ ? Tt(d) : V
         },
         children: y === "color" ? /* @__PURE__ */ o(
           "span",
           {
             className: "rounded-full transition-all duration-200 ease-out",
             style: {
-              width: w.d * 0.36,
-              height: w.d * 0.36,
+              width: z.d * 0.36,
+              height: z.d * 0.36,
               backgroundColor: V
             }
           }
@@ -498,14 +498,14 @@ const en = ({
     ), K = /* @__PURE__ */ o(tt, { children: a ? /* @__PURE__ */ o(
       Ie.svg,
       {
-        width: w.caretW,
-        height: w.caretH,
+        width: z.caretW,
+        height: z.caretH,
         viewBox: "0 0 16 13",
         "aria-hidden": !0,
         className: "absolute left-1/2",
         style: {
-          top: w.d - w.caretOverlap - la,
-          marginLeft: -w.caretW / 2,
+          top: z.d - z.caretOverlap - la,
+          marginLeft: -z.caretW / 2,
           // The pin is always white (the head's tail); the dot below carries
           // the color.
           fill: V,
@@ -515,7 +515,7 @@ const en = ({
         initial: { scaleY: 0, opacity: 0 },
         animate: { scaleY: 1, opacity: 1 },
         exit: { scaleY: 0, opacity: 0 },
-        transition: v ? { duration: 0 } : {
+        transition: w ? { duration: 0 } : {
           duration: 0.18,
           ease: "easeOut",
           opacity: { duration: 0.1 }
@@ -523,26 +523,26 @@ const en = ({
         children: /* @__PURE__ */ o("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 }), Q = /* @__PURE__ */ O(
+    ) : null }), Q = /* @__PURE__ */ B(
       "span",
       {
         className: "relative inline-flex",
         style: {
-          filter: `drop-shadow(0 ${w.shadowY}px ${w.shadowBlur / 2}px hsl(${Nt} / 0.3))`
+          filter: `drop-shadow(0 ${z.shadowY}px ${z.shadowBlur / 2}px hsl(${Nt} / 0.3))`
         },
         children: [
           K,
           Z
         ]
       }
-    ), I = Fe[l], oe = w.d / 2, H = na, We = a ? oa() : -oe, xe = a ? "bottom" : g, we = `0 0 ${Math.max(2, Math.round(I.label * 0.28))}px ${V}`, De = [
+    ), I = Fe[l], oe = z.d / 2, H = na, We = a ? oa() : -oe, xe = a ? "bottom" : g, we = `0 0 ${Math.max(2, Math.round(I.label * 0.28))}px ${V}`, De = [
       we,
       we,
       `0 1px 2px ${V}`,
       `0 -1px 2px ${V}`,
       `1px 0 2px ${V}`,
       `-1px 0 2px ${V}`
-    ].join(","), Y = !a && (xe === "top" || xe === "bottom"), q = Y ? "line-clamp-4 text-center" : a ? "whitespace-nowrap text-center" : "whitespace-nowrap", ie = I.d / 2, R = {
+    ].join(","), Y = !a && (xe === "top" || xe === "bottom"), q = Y ? "line-clamp-4 text-center" : a ? "whitespace-nowrap text-center" : "whitespace-nowrap", ie = I.d / 2, j = {
       right: {
         transform: `translate(${ie}px, -50%)`,
         style: { paddingLeft: I.gap }
@@ -567,16 +567,16 @@ const en = ({
           q
         ),
         style: {
-          color: `hsl(${ta[u]})`,
+          color: `hsl(${ta[d]})`,
           fontSize: I.label,
           textShadow: De,
-          transform: R.transform,
+          transform: j.transform,
           maxWidth: Y ? I.maxLabelW : void 0,
-          ...R.style
+          ...j.style
         },
         children: s
       }
-    ), _e = /* @__PURE__ */ o(
+    ), Se = /* @__PURE__ */ o(
       "span",
       {
         "aria-hidden": !0,
@@ -588,14 +588,14 @@ const en = ({
           marginTop: -H,
           borderWidth: 1.5,
           borderColor: V,
-          backgroundColor: Tt(u),
+          backgroundColor: Tt(d),
           boxShadow: `0 1px 2px hsl(${Nt} / 0.3)`,
           transform: `scale(${a || i ? 1 : 0})`,
           opacity: a || i ? 1 : 0
         }
       }
-    ), G = /* @__PURE__ */ O(Ee, { children: [
-      _e,
+    ), G = /* @__PURE__ */ B(Ee, { children: [
+      Se,
       /* @__PURE__ */ o(
         "span",
         {
@@ -609,19 +609,19 @@ const en = ({
       ),
       U
     ] });
-    return /* @__PURE__ */ o(le, { dataTestId: f, children: b ? /* @__PURE__ */ o(
+    return /* @__PURE__ */ o(le, { dataTestId: f, children: x ? /* @__PURE__ */ o(
       "button",
       {
         ref: n,
         type: "button",
-        ...m ? { tabIndex: -1, "aria-hidden": !0 } : { "aria-label": r, "aria-pressed": a },
-        onClick: d,
+        ...u ? { tabIndex: -1, "aria-hidden": !0 } : { "aria-label": r, "aria-pressed": a },
+        onClick: m,
         className: W(
           // Hover grows from the center (transform-only, no extra layout).
           "relative inline-flex cursor-pointer border-0 bg-transparent p-0",
           "transition-transform duration-150 hover:scale-[1.05]",
           Ka("rounded-full"),
-          x
+          b
         ),
         children: G
       }
@@ -630,7 +630,7 @@ const en = ({
       {
         role: "img",
         "aria-label": r,
-        className: W("relative inline-flex", x),
+        className: W("relative inline-flex", b),
         children: G
       }
     ) });
@@ -642,10 +642,10 @@ let ke = null;
 const ra = (e, t) => (!ke && typeof document < "u" && (ke = document.createElement("canvas").getContext("2d")), ke ? (ke.font = `600 ${t}px Inter, system-ui, sans-serif`, ke.measureText(e).width) : e.length * t * 0.55), sn = ({ placement: e, cx: t, cy: n, point: l, size: a }) => {
   const i = Oe(a), s = ra(l.label ?? "", i.label) + 2, p = i.d / 2;
   if (e === "right" || e === "left") {
-    const x = s, y = i.lineH;
-    return { x: e === "right" ? t + p + i.gap : t - p - i.gap - x, y: n - y / 2, w: x, h: y };
+    const b = s, y = i.lineH;
+    return { x: e === "right" ? t + p + i.gap : t - p - i.gap - b, y: n - y / 2, w: b, h: y };
   }
-  const g = Math.min(s, i.maxLabelW), r = Math.min(Math.ceil(s / i.maxLabelW), ln) * i.lineH, m = i.gap + nn, f = e === "bottom" ? n + p + m : n - p - i.gap - r;
+  const g = Math.min(s, i.maxLabelW), r = Math.min(Math.ceil(s / i.maxLabelW), ln) * i.lineH, u = i.gap + nn, f = e === "bottom" ? n + p + u : n - p - i.gap - r;
   return { x: t - g / 2, y: f, w: g, h: r };
 }, cn = (e, t, n = "md") => {
   const [l, a] = F({});
@@ -656,50 +656,50 @@ const ra = (e, t) => (!ke && typeof document < "u" && (ke = document.createEleme
     }
     let i = 0;
     const s = () => {
-      const d = Oe(n).d, r = [], m = [];
-      for (const u of t) {
-        const v = e.project(u.coordinates);
-        if (!v)
+      const m = Oe(n).d, r = [], u = [];
+      for (const d of t) {
+        const w = e.project(d.coordinates);
+        if (!w)
           return;
-        r.push({ x: v.x - d / 2, y: v.y - d / 2, w: d, h: d }), m.push({ x: v.x, y: v.y });
-      }
-      const f = t.length, x = Array.from({ length: f }, (u, v) => v), y = (u) => {
-        for (; x[u] !== u; )
-          u = x[u] = x[x[u]];
-        return u;
-      }, w = (d * rn) ** 2;
-      for (let u = 0; u < f; u++)
-        for (let v = u + 1; v < f; v++) {
-          const T = m[u].x - m[v].x, A = m[u].y - m[v].y;
-          if (T * T + A * A <= w) {
-            const c = y(u), k = y(v);
-            c !== k && (x[c] = k);
+        r.push({ x: w.x - m / 2, y: w.y - m / 2, w: m, h: m }), u.push({ x: w.x, y: w.y });
+      }
+      const f = t.length, b = Array.from({ length: f }, (d, w) => w), y = (d) => {
+        for (; b[d] !== d; )
+          d = b[d] = b[b[d]];
+        return d;
+      }, z = (m * rn) ** 2;
+      for (let d = 0; d < f; d++)
+        for (let w = d + 1; w < f; w++) {
+          const T = u[d].x - u[w].x, A = u[d].y - u[w].y;
+          if (T * T + A * A <= z) {
+            const c = y(d), k = y(w);
+            c !== k && (b[c] = k);
           }
         }
-      const b = {}, S = [];
-      for (let u = 0; u < f; u++) {
-        const v = t[u];
-        if (!v.label)
+      const x = {}, _ = [];
+      for (let d = 0; d < f; d++) {
+        const w = t[d];
+        if (!w.label)
           continue;
-        const T = m[u], A = "right", c = [A, ...on.filter((L) => L !== A)];
+        const T = u[d], A = "right", c = [A, ...on.filter((L) => L !== A)];
         let k = null;
         for (const L of c) {
-          const P = sn({ placement: L, cx: T.x, cy: T.y, point: v, size: n }), J = r.some((K) => Be(P, K)), Z = S.some((K) => Be(P, K));
+          const P = sn({ placement: L, cx: T.x, cy: T.y, point: w, size: n }), J = r.some((K) => Be(P, K)), Z = _.some((K) => Be(P, K));
           if (!J && !Z) {
-            k = L, S.push(P);
+            k = L, _.push(P);
             break;
           }
         }
-        b[v.id] = k;
-      }
-      const j = /* @__PURE__ */ new Set();
-      for (let u = 0; u < f; u++)
-        t[u].label && b[t[u].id] === null && j.add(y(u));
-      for (let u = 0; u < f; u++)
-        t[u].label && j.has(y(u)) && (b[t[u].id] = null);
-      a((u) => {
-        const v = Object.keys(b);
-        return v.length === Object.keys(u).length && v.every((A) => u[A] === b[A]) ? u : b;
+        x[w.id] = k;
+      }
+      const R = /* @__PURE__ */ new Set();
+      for (let d = 0; d < f; d++)
+        t[d].label && x[t[d].id] === null && R.add(y(d));
+      for (let d = 0; d < f; d++)
+        t[d].label && R.has(y(d)) && (x[t[d].id] = null);
+      a((d) => {
+        const w = Object.keys(x);
+        return w.length === Object.keys(d).length && w.every((A) => d[A] === x[A]) ? d : x;
       });
     }, p = () => {
       cancelAnimationFrame(i), i = requestAnimationFrame(s);
@@ -711,7 +711,7 @@ const ra = (e, t) => (!ke && typeof document < "u" && (ke = document.createEleme
       e.on("resize", p)
     ];
     return () => {
-      cancelAnimationFrame(i), g.forEach((d) => d());
+      cancelAnimationFrame(i), g.forEach((m) => m());
     };
   }, [e, t, n]), l;
 }, pn = (e, t) => {
@@ -804,17 +804,17 @@ const ca = sa, jt = 4, Rt = 3, yn = 1.3, fn = 1.08, Pt = "cubic-bezier(0.16, 1,
   ]
 }, pa = re(
   function({ count: t, members: n, onClick: l, ariaLabel: a, dataTestId: i, className: s }, p) {
-    const g = se(), [d, r] = F(!1), m = n.slice(
+    const g = se(), [m, r] = F(!1), u = n.slice(
       0,
       t <= jt ? jt : Rt
-    ), f = Math.max(0, t - m.length), x = f > 0, y = f > 99 ? "+99" : `+${f}`, w = m.length + (x ? 1 : 0), b = Ct[w] ?? Ct[4], S = d ? yn : 1, j = d ? fn : 1, u = (v) => {
-      const [T, A] = b[v] ?? [0, 0];
+    ), f = Math.max(0, t - u.length), b = f > 0, y = f > 99 ? "+99" : `+${f}`, z = u.length + (b ? 1 : 0), x = Ct[z] ?? Ct[4], _ = m ? yn : 1, R = m ? fn : 1, d = (w) => {
+      const [T, A] = x[w] ?? [0, 0];
       return {
-        transform: `translate(${T * S}px, ${A * S}px) scale(${j})`,
+        transform: `translate(${T * _}px, ${A * _}px) scale(${R})`,
         transition: `transform 240ms ${Pt}`
       };
     };
-    return /* @__PURE__ */ o(le, { dataTestId: i, children: /* @__PURE__ */ O(
+    return /* @__PURE__ */ o(le, { dataTestId: i, children: /* @__PURE__ */ B(
       "div",
       {
         ref: p,
@@ -822,8 +822,8 @@ const ca = sa, jt = 4, Rt = 3, yn = 1.3, fn = 1.08, Pt = "cubic-bezier(0.16, 1,
         tabIndex: 0,
         "aria-label": a ?? g.t("map.cluster", { count: t }),
         onClick: l,
-        onKeyDown: (v) => {
-          (v.key === "Enter" || v.key === " ") && (v.preventDefault(), l?.());
+        onKeyDown: (w) => {
+          (w.key === "Enter" || w.key === " ") && (w.preventDefault(), l?.());
         },
         onPointerEnter: () => r(!0),
         onPointerLeave: () => r(!1),
@@ -842,18 +842,18 @@ const ca = sa, jt = 4, Rt = 3, yn = 1.3, fn = 1.08, Pt = "cubic-bezier(0.16, 1,
               style: { left: -Ae / 2, top: -Ae / 2, width: Ae, height: Ae }
             }
           ),
-          m.map((v, T) => /* @__PURE__ */ o(
+          u.map((w, T) => /* @__PURE__ */ o(
             "span",
             {
               className: "absolute left-0 top-0 flex leading-none",
-              style: { zIndex: T, ...u(T) },
-              children: /* @__PURE__ */ o(ca, { ...v, showLabel: !1 })
+              style: { zIndex: T, ...d(T) },
+              children: /* @__PURE__ */ o(ca, { ...w, showLabel: !1 })
             },
             T
           )),
-          x ? (() => {
-            const [v, T] = b[m.length] ?? [0, 0];
-            return /* @__PURE__ */ O(
+          b ? (() => {
+            const [w, T] = x[u.length] ?? [0, 0];
+            return /* @__PURE__ */ B(
               "span",
               {
                 className: W(
@@ -865,7 +865,7 @@ const ca = sa, jt = 4, Rt = 3, yn = 1.3, fn = 1.08, Pt = "cubic-bezier(0.16, 1,
                 style: {
                   zIndex: Rt,
                   backgroundColor: "hsl(var(--white-90))",
-                  transform: `translate(${v * S}px, ${T * S}px) translate(-50%, -50%) scale(${j})`,
+                  transform: `translate(${w * _}px, ${T * _}px) translate(-50%, -50%) scale(${R})`,
                   transition: `transform 240ms ${Pt}`
                 },
                 children: [
@@ -891,18 +891,18 @@ const gn = pa, hn = 16, bn = (e, t, n, l) => {
   const a = e.project(t.coordinates);
   if (!a)
     return null;
-  const i = Oe("xl"), s = Oe(l), p = a.y + oa(), g = { x: a.x - i.d / 2, y: p, w: i.d, h: i.d }, d = t.label ? ra(t.label, s.label) : 0, r = {
-    x: a.x - d / 2,
+  const i = Oe("xl"), s = Oe(l), p = a.y + oa(), g = { x: a.x - i.d / 2, y: p, w: i.d, h: i.d }, m = t.label ? ra(t.label, s.label) : 0, r = {
+    x: a.x - m / 2,
     y: a.y + na,
-    w: d,
+    w: m,
     h: s.lineH
-  }, m = s.d, f = /* @__PURE__ */ new Set();
-  for (const x of n) {
-    const y = e.project(x.coordinates);
+  }, u = s.d, f = /* @__PURE__ */ new Set();
+  for (const b of n) {
+    const y = e.project(b.coordinates);
     if (!y)
       return null;
-    const w = { x: y.x - m / 2, y: y.y - m / 2, w: m, h: m };
-    (Be(w, g) || d > 0 && Be(w, r)) && f.add(x.id);
+    const z = { x: y.x - u / 2, y: y.y - u / 2, w: u, h: u };
+    (Be(z, g) || m > 0 && Be(z, r)) && f.add(b.id);
   }
   return f;
 }, xn = (e, t, n, l) => {
@@ -917,17 +917,17 @@ const gn = pa, hn = 16, bn = (e, t, n, l) => {
       const r = bn(
         e,
         t,
-        n.filter((m) => m.id !== t.id),
+        n.filter((u) => u.id !== t.id),
         l
       );
-      r && i((m) => m !== null && m.size === r.size && [...r].every((x) => m.has(x)) ? m : r);
+      r && i((u) => u !== null && u.size === r.size && [...r].every((b) => u.has(b)) ? u : r);
     }, g = () => {
       cancelAnimationFrame(s), s = requestAnimationFrame(p);
     };
     g();
-    const d = [e.on("zoom", g), e.on("resize", g)];
+    const m = [e.on("zoom", g), e.on("resize", g)];
     return () => {
-      cancelAnimationFrame(s), d.forEach((r) => r());
+      cancelAnimationFrame(s), m.forEach((r) => r());
     };
   }, [e, t, n, l]), a;
 }, At = (e) => {
@@ -965,7 +965,7 @@ const gn = pa, hn = 16, bn = (e, t, n, l) => {
   onSelect: a,
   onClusterExpand: i
 }) => {
-  const s = se(), { clusters: p, singles: g } = en({ adapter: e, points: t, enabled: !0 }), r = pn(e, hn) ? "lg" : "md", m = cn(e, g, r), f = new Map(t.map((b) => [b.id, b])), x = p.length > 0, y = n ? f.get(n) : void 0, w = xn(
+  const s = se(), { clusters: p, singles: g } = en({ adapter: e, points: t, enabled: !0 }), r = pn(e, hn) ? "lg" : "md", u = cn(e, g, r), f = new Map(t.map((x) => [x.id, x])), b = p.length > 0, y = n ? f.get(n) : void 0, z = xn(
     e,
     y,
     g,
@@ -974,12 +974,12 @@ const gn = pa, hn = 16, bn = (e, t, n, l) => {
   return (
     // One AnimatePresence over both lists so a single leaving (becoming a
     // cluster) fades out while the cluster fades in - a soft crossfade.
-    /* @__PURE__ */ O(tt, { children: [
-      p.map((b) => /* @__PURE__ */ o(
+    /* @__PURE__ */ B(tt, { children: [
+      p.map((x) => /* @__PURE__ */ o(
         It,
         {
           adapter: e,
-          coordinates: b.coordinates,
+          coordinates: x.coordinates,
           selected: !1,
           children: /* @__PURE__ */ o(
             Ie.span,
@@ -992,24 +992,24 @@ const gn = pa, hn = 16, bn = (e, t, n, l) => {
               children: /* @__PURE__ */ o(
                 gn,
                 {
-                  count: b.count,
-                  members: b.pointIds.map((S) => f.get(S)).filter((S) => !!S).map(At),
-                  onClick: () => i(b.bounds)
+                  count: x.count,
+                  members: x.pointIds.map((_) => f.get(_)).filter((_) => !!_).map(At),
+                  onClick: () => i(x.bounds)
                 }
               )
             }
           )
         },
-        b.id
+        x.id
       )),
-      g.map((b) => {
-        const S = m[b.id], j = w?.has(b.id) ?? !1, u = l === b.id;
+      g.map((x) => {
+        const _ = u[x.id], R = z?.has(x.id) ?? !1, d = l === x.id;
         return /* @__PURE__ */ o(
           It,
           {
             adapter: e,
-            coordinates: b.coordinates,
-            selected: n === b.id || u,
+            coordinates: x.coordinates,
+            selected: n === x.id || d,
             children: /* @__PURE__ */ o(
               Ie.span,
               {
@@ -1032,16 +1032,16 @@ const gn = pa, hn = 16, bn = (e, t, n, l) => {
                     children: /* @__PURE__ */ o(
                       ca,
                       {
-                        ...At(b),
+                        ...At(x),
                         size: r,
-                        label: b.label,
-                        showLabel: n === b.id || u || !x && S !== null,
-                        labelPlacement: S ?? "right",
-                        selected: n === b.id,
-                        collapsed: j,
-                        onClick: () => a(b.id),
+                        label: x.label,
+                        showLabel: n === x.id || d || !b && _ !== null,
+                        labelPlacement: _ ?? "right",
+                        selected: n === x.id,
+                        collapsed: R,
+                        onClick: () => a(x.id),
                         presentational: !0,
-                        ariaLabel: b.label ?? s.map.unnamedLocation
+                        ariaLabel: x.label ?? s.map.unnamedLocation
                       }
                     )
                   },
@@ -1050,7 +1050,7 @@ const gn = pa, hn = 16, bn = (e, t, n, l) => {
               }
             )
           },
-          b.id
+          x.id
         );
       })
     ] })
@@ -1065,12 +1065,12 @@ const gn = pa, hn = 16, bn = (e, t, n, l) => {
   headerStart: s,
   headerEnd: p,
   ariaLabel: g,
-  dataTestId: d
+  dataTestId: m
 }) => {
-  const r = se(), m = Ut(), f = t ? ne.enter : ne.exit, x = n - C.inset, y = M({ from: x, to: x });
-  y.current.to !== x && (y.current = { from: y.current.to, to: x });
-  const w = x > y.current.from ? ne.enter : ne.exit, b = i === "grow" ? "translateX(-10%) scale(0.97)" : `translateX(calc(-100% - ${C.inset}px))`;
-  return /* @__PURE__ */ o(le, { dataTestId: d, children: /* @__PURE__ */ o(
+  const r = se(), u = Ut(), f = t ? ne.enter : ne.exit, b = n - C.inset, y = M({ from: b, to: b });
+  y.current.to !== b && (y.current = { from: y.current.to, to: b });
+  const z = b > y.current.from ? ne.enter : ne.exit, x = i === "grow" ? "translateX(-10%) scale(0.97)" : `translateX(calc(-100% - ${C.inset}px))`;
+  return /* @__PURE__ */ o(le, { dataTestId: m, children: /* @__PURE__ */ o(
     "div",
     {
       className: "pointer-events-none absolute bottom-2 z-10",
@@ -1078,18 +1078,18 @@ const gn = pa, hn = 16, bn = (e, t, n, l) => {
         left: C.inset,
         top: l,
         width: a,
-        transform: `translateX(${x}px)`,
-        transitionProperty: m ? "none" : "transform, top",
-        transitionDuration: w.duration,
-        transitionTimingFunction: w.easing
+        transform: `translateX(${b}px)`,
+        transitionProperty: u ? "none" : "transform, top",
+        transitionDuration: z.duration,
+        transitionTimingFunction: z.easing
       },
       children: /* @__PURE__ */ o(
         "div",
         {
           role: "complementary",
           "aria-label": g ?? r.map.panel,
-          ref: (S) => {
-            t ? S?.removeAttribute("inert") : S?.setAttribute("inert", "");
+          ref: (_) => {
+            t ? _?.removeAttribute("inert") : _?.setAttribute("inert", "");
           },
           className: W(
             // Back to the app's base size: `.maplibregl-map` sets 12px.
@@ -1098,9 +1098,9 @@ const gn = pa, hn = 16, bn = (e, t, n, l) => {
             t ? "pointer-events-auto" : "opacity-0"
           ),
           style: {
-            transform: t || m ? "translateX(0px) scale(1)" : b,
+            transform: t || u ? "translateX(0px) scale(1)" : x,
             transformOrigin: i === "grow" ? "left center" : void 0,
-            transitionProperty: m ? "opacity" : "transform, opacity",
+            transitionProperty: u ? "opacity" : "transform, opacity",
             transitionDuration: f.duration,
             transitionTimingFunction: f.easing
           },
@@ -1111,8 +1111,8 @@ const gn = pa, hn = 16, bn = (e, t, n, l) => {
               borderRadius: $e.panel,
               padding: "none",
               height: "full",
-              children: /* @__PURE__ */ O("div", { className: "flex h-full flex-col", children: [
-                s || p ? /* @__PURE__ */ O("div", { className: "flex shrink-0 items-center justify-between gap-1 p-0.5", children: [
+              children: /* @__PURE__ */ B("div", { className: "flex h-full flex-col", children: [
+                s || p ? /* @__PURE__ */ B("div", { className: "flex shrink-0 items-center justify-between gap-1 p-0.5", children: [
                   /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-1 justify-start", children: s }),
                   p
                 ] }) : null,
@@ -1134,6 +1134,8 @@ function zn() {
     sidebarState: "locked",
     toggleSidebar: () => {
     },
+    hideSidebar: () => {
+    },
     setForceFloat: () => {
     },
     railWidth: 0,
@@ -1143,52 +1145,53 @@ function zn() {
   } : e;
 }
 function rl({ children: e }) {
-  const { currentPath: t } = Ha(), [n, l] = F(!1), [a, i] = F(0), [s, p] = F(!1), g = n ? St.xl : St.md, d = Xa(`(max-width: ${g}px)`, {
+  const { currentPath: t } = Ha(), [n, l] = F(!1), [a, i] = F(0), [s, p] = F(!1), g = n ? _t.xl : _t.md, m = Xa(`(max-width: ${g}px)`, {
     initializeWithValue: !0
-  }), [r, m] = F(() => {
-    const u = localStorage.getItem(Et);
-    return u !== null ? !!u : !0;
-  }), [f, x] = F(!1), [y, w] = F(
+  }), [r, u] = F(() => {
+    const w = localStorage.getItem(Et);
+    return w !== null ? !!w : !0;
+  }), [f, b] = F(!1), [y, z] = F(
     null
-  ), b = B(
-    ({ isInvokedByUser: u } = {
+  ), x = O(() => b(!1), []), _ = O(
+    ({ isInvokedByUser: w } = {
       isInvokedByUser: !0
     }) => {
-      p(u ?? !0), d && x(!f), m(!r);
+      p(w ?? !0), m && b(!f), u(!r);
     },
-    [d, f, r, m, x]
-  ), S = B(
-    (u) => {
-      d || (u.clientX >= a && u.clientX < a + 32 && x(!0), u.clientX > a + 280 && x(!1));
+    [m, f, r, u, b]
+  ), R = O(
+    (w) => {
+      m || (w.clientX >= a && w.clientX < a + 32 && b(!0), w.clientX > a + 280 && b(!1));
     },
-    [d, x, a]
-  ), j = et(() => d ? f ? "unlocked" : "hidden" : !r && !f ? "hidden" : !r && f ? "unlocked" : "locked", [d, f, r]);
+    [m, b, a]
+  ), d = et(() => m ? f ? "unlocked" : "hidden" : !r && !f ? "hidden" : !r && f ? "unlocked" : "locked", [m, f, r]);
   return N(() => {
-    x(!1);
+    b(!1);
   }, [t]), N(() => {
     s && localStorage.setItem(Et, r ? "1" : "");
   }, [r, s]), N(() => () => {
-    w(j);
-  }, [j]), /* @__PURE__ */ o(
+    z(d);
+  }, [d]), /* @__PURE__ */ o(
     ua.Provider,
     {
       value: {
-        isSmallScreen: d,
+        isSmallScreen: m,
         isLastToggleInvokedByUser: s,
-        sidebarState: j,
-        toggleSidebar: b,
+        sidebarState: d,
+        hideSidebar: x,
+        toggleSidebar: _,
         prevSidebarState: y,
         setForceFloat: l,
         railWidth: a,
         hasRail: a > 0,
         setRailWidth: i
       },
-      children: /* @__PURE__ */ o("div", { onPointerMove: S, className: "h-screen w-screen", children: e })
+      children: /* @__PURE__ */ o("div", { onPointerMove: R, className: "h-screen w-screen", children: e })
     }
   );
 }
 function ma({ isExpanded: e }) {
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ B(
     "svg",
     {
       width: "20",
@@ -1246,7 +1249,7 @@ function sl() {
   const { prevSidebarState: e, sidebarState: t, toggleSidebar: n, isSmallScreen: l } = zn(), a = M(null);
   return N(() => {
     e === "hidden" && t === "locked" && a.current?.focus();
-  }, [e, t]), /* @__PURE__ */ O(
+  }, [e, t]), /* @__PURE__ */ B(
     Gt,
     {
       variant: "ghost",
@@ -1284,13 +1287,13 @@ const nt = re(({ expanded: e, onToggle: t, label: n, bare: l = !1, dataTestId: a
 });
 nt.displayName = "F0MapSidebarToggle";
 const vn = (e, t, n = 0.3, l = 64) => {
-  const [a, i] = e, [s, p] = t, g = (a + s) / 2, d = (i + p) / 2, r = g - (p - i) * n, m = d + (s - a) * n, f = [];
-  for (let x = 0; x <= l; x++) {
-    const y = x / l, w = 1 - y, b = w * w, S = 2 * w * y, j = y * y;
-    f.push([b * a + S * r + j * s, b * i + S * m + j * p]);
+  const [a, i] = e, [s, p] = t, g = (a + s) / 2, m = (i + p) / 2, r = g - (p - i) * n, u = m + (s - a) * n, f = [];
+  for (let b = 0; b <= l; b++) {
+    const y = b / l, z = 1 - y, x = z * z, _ = 2 * z * y, R = y * y;
+    f.push([x * a + _ * r + R * s, x * i + _ * u + R * p]);
   }
   return f;
-}, da = (e) => `hsl(${e.replace(/ /g, ", ")})`, kn = (e, t) => e.color ?? da(aa(e.variant ?? "radical", t)), _n = (e, t) => e.color ?? da(aa(e.variant ?? "radical", !t)), $t = ({
+}, da = (e) => `hsl(${e.replace(/ /g, ", ")})`, kn = (e, t) => e.color ?? da(aa(e.variant ?? "radical", t)), Sn = (e, t) => e.color ?? da(aa(e.variant ?? "radical", !t)), $t = ({
   id: e,
   kind: t,
   coordinates: n,
@@ -1305,9 +1308,9 @@ const vn = (e, t, n = 0.3, l = 64) => {
     width: i,
     opacity: l.opacity ?? 1,
     dashed: l.dashed ?? !1,
-    hover: t === "route" ? { width: i * 1.6, opacity: 1 } : { color: _n(l, a), opacity: 1 }
+    hover: t === "route" ? { width: i * 1.6, opacity: 1 } : { color: Sn(l, a), opacity: 1 }
   };
-}, Sn = ({
+}, _n = ({
   adapter: e,
   routes: t,
   arcs: n,
@@ -1345,22 +1348,22 @@ const vn = (e, t, n = 0.3, l = 64) => {
     [t, n]
   ), g = M({ onRouteClick: a, onArcClick: i, kinds: p });
   g.current = { onRouteClick: a, onArcClick: i, kinds: p };
-  const d = !!(a || i);
+  const m = !!(a || i);
   return N(() => {
     e.setLines(
       s,
-      d ? {
+      m ? {
         onClick: (r) => {
           const {
-            onRouteClick: m,
+            onRouteClick: u,
             onArcClick: f,
-            kinds: x
+            kinds: b
           } = g.current;
-          x.get(r) === "arc" ? f?.(r) : m?.(r);
+          b.get(r) === "arc" ? f?.(r) : u?.(r);
         }
       } : void 0
     );
-  }, [e, s, d]), N(() => () => e.setLines([]), [e]), null;
+  }, [e, s, m]), N(() => () => e.setLines([]), [e]), null;
 }, ya = ({
   adapter: e,
   coords: t
@@ -1386,7 +1389,7 @@ const cl = {
     )
   }
 ) }), Mn = (e) => {
-  const [t, n] = F(null), l = B(
+  const [t, n] = F(null), l = O(
     (a) => {
       e && (typeof navigator > "u" || !navigator.geolocation || navigator.geolocation.getCurrentPosition(
         (i) => {
@@ -1410,7 +1413,7 @@ const cl = {
     });
   }, [e, t, l]), { coords: t, request: l };
 }, Tn = () => {
-  const [e, t] = F(!1), n = M(null), l = B((a) => {
+  const [e, t] = F(!1), n = M(null), l = O((a) => {
     if (n.current?.disconnect(), n.current = null, !a)
       return;
     const i = () => t(a.closest(".dark") !== null);
@@ -1425,11 +1428,11 @@ const cl = {
   }, []);
   return N(() => () => n.current?.disconnect(), []), { containerRef: l, isDark: e };
 }, Nn = {
-  maplibre: () => import("./index-BTZVSZUV.js").then((e) => e.createMaplibreAdapter),
+  maplibre: () => import("./index-CE0LkHWA.js").then((e) => e.createMaplibreAdapter),
   // Google needs its script in the page before a map can be constructed, so the
   // loader resolves only once the API is up - which is what keeps the factory
   // itself synchronous for every engine.
-  google: (e) => import("./index-QrmVaDiy.js").then((t) => t.loadGoogleAdapter(e))
+  google: (e) => import("./index-DbwzNe2F.js").then((t) => t.loadGoogleAdapter(e))
 }, Qe = /* @__PURE__ */ new Map(), jn = (e, t) => {
   const n = Qe.get(e);
   if (n)
@@ -2051,7 +2054,7 @@ const cl = {
     e.fitCoordinates(g, { gutter: i, maxZoom: 15, animate: n });
     return;
   }
-  const d = g.length === 1 ? { center: he(e, g[0], s, 14), zoom: 14 } : Zt({
+  const m = g.length === 1 ? { center: he(e, g[0], s, 14), zoom: 14 } : Zt({
     adapter: e,
     coordinates: g,
     inset: s,
@@ -2059,7 +2062,7 @@ const cl = {
     gutter: i,
     maxZoom: 15
   });
-  d && (n ? e.easeTo(d, { animate: n }) : e.jumpTo(d, { animate: n }));
+  m && (n ? e.easeTo(m, { animate: n }) : e.jumpTo(m, { animate: n }));
 }, Qn = (e) => `${e.top},${e.right},${e.bottom},${e.left}`, fa = re(function({
   markers: t = [],
   routes: n = [],
@@ -2069,18 +2072,18 @@ const cl = {
   selectedMarkerId: s,
   defaultSelectedMarkerId: p = null,
   onMarkerSelect: g,
-  highlightedId: d = null,
+  highlightedId: m = null,
   viewportInset: r,
-  centerOnMarkerClick: m = !1,
+  centerOnMarkerClick: u = !1,
   fitToMarkers: f,
-  initialViewport: x,
+  initialViewport: b,
   mapStyle: y,
-  interactive: w = !0,
-  gestureHandling: b = "cooperative",
-  minZoom: S,
-  maxZoom: j = 18,
-  showControls: u = !0,
-  controlLabels: v,
+  interactive: z = !0,
+  gestureHandling: x = "cooperative",
+  minZoom: _,
+  maxZoom: R = 18,
+  showControls: d = !0,
+  controlLabels: w,
   showCurrentLocation: T = !1,
   fullScreen: A = !1,
   onSidebarToggle: c,
@@ -2098,9 +2101,9 @@ const cl = {
   dataTestId: xe,
   className: we
 }, De) {
-  const Y = se(), q = Ga(oe), ie = Za(), ce = M(null), R = M(null), [U, _e] = F(
+  const Y = se(), q = Ga(oe), ie = Za(), ce = M(null), j = M(null), [U, Se] = F(
     null
-  ), [G, Se] = F(!1), [ga, Le] = F(!1), [ha, ba] = F(0), ot = Ia(), D = Ut(), { containerRef: it, isDark: xa } = Tn(), wa = B(
+  ), [G, _e] = F(!1), [ga, Le] = F(!1), [ha, ba] = F(0), ot = Ia(), D = Ut(), { containerRef: it, isDark: xa } = Tn(), wa = O(
     (h) => {
       ce.current = h, it(h);
     },
@@ -2113,7 +2116,7 @@ const cl = {
   }, [Xe, y?.provider, q]);
   const [za, va] = F(
     p
-  ), ue = s !== void 0 ? s : za, Me = B(
+  ), ue = s !== void 0 ? s : za, Me = O(
     (h) => {
       s === void 0 && va(h), g?.(h);
     },
@@ -2136,18 +2139,18 @@ const cl = {
   Ke.current = Ye;
   const ut = M(Q);
   ut.current = Q;
-  const ae = M(null), mt = f ?? x === void 0, X = B(() => {
+  const ae = M(null), mt = f ?? b === void 0, X = O(() => {
     const h = {
       width: ce.current?.clientWidth ?? 0,
       height: ce.current?.clientHeight ?? 0
     };
     return { inset: Lt(Ke.current, h), size: h };
-  }, []), de = B(
-    (h, z) => {
+  }, []), de = O(
+    (h, v) => {
       ae.current = { kind: "fit" }, Ht({
         adapter: h,
         points: te.current,
-        animate: z,
+        animate: v,
         routes: Ue.current,
         arcs: Ge.current,
         ...X()
@@ -2156,97 +2159,97 @@ const cl = {
     [X]
   ), dt = M(de);
   dt.current = de;
-  const ye = B(
-    (h, z) => {
-      const _ = Math.max(h.getZoom(), 15);
-      ae.current = { kind: "flight", zoom: _ };
+  const ye = O(
+    (h, v) => {
+      const S = Math.max(h.getZoom(), 15);
+      ae.current = { kind: "flight", zoom: S };
       const { inset: E } = X();
       h.easeTo(
         {
-          center: he(h, z.coordinates, E, _),
-          zoom: _
+          center: he(h, v.coordinates, E, S),
+          zoom: S
         },
         { animate: !D }
       );
     },
     [X, D]
-  ), _a = B(
+  ), Sa = O(
     (h) => {
-      const z = R.current, _ = te.current.find((E) => E.id === h);
-      if (ae.current = null, m && z && _) {
+      const v = j.current, S = te.current.find((E) => E.id === h);
+      if (ae.current = null, u && v && S) {
         const { inset: E } = X();
-        z.easeTo(
-          { center: he(z, _.coordinates, E) },
+        v.easeTo(
+          { center: he(v, S.coordinates, E) },
           { animate: !D }
         );
       }
       me.current(h);
     },
-    [m, X, D]
+    [u, X, D]
   ), yt = M(!1);
   N(() => {
     yt.current || t.length <= Ot || (yt.current = !0, console.warn(
       `F0Map: ${t.length} markers exceeds the recommended maximum of ${Ot}. Markers are DOM elements - pan/zoom will degrade. Aggregate or filter the data, or wait for a GL clustering path.`
     ));
   }, [t.length]);
-  const { coords: ft, request: gt } = Mn(T), Sa = B(() => {
-    ae.current = null, R.current?.zoomIn();
-  }, []), La = B(() => {
-    ae.current = null, R.current?.zoomOut();
-  }, []), Ma = B(() => {
-    R.current && de(R.current, !D);
-  }, [de, D]), Ta = B(() => {
+  const { coords: ft, request: gt } = Mn(T), _a = O(() => {
+    ae.current = null, j.current?.zoomIn();
+  }, []), La = O(() => {
+    ae.current = null, j.current?.zoomOut();
+  }, []), Ma = O(() => {
+    j.current && de(j.current, !D);
+  }, [de, D]), Ta = O(() => {
     gt((h) => {
-      const z = R.current;
-      if (!z)
+      const v = j.current;
+      if (!v)
         return;
       ae.current = null;
-      const _ = Math.max(z.getZoom(), 13), { inset: E } = X();
-      z.flyTo(
-        { center: he(z, h, E, _), zoom: _ },
+      const S = Math.max(v.getZoom(), 13), { inset: E } = X();
+      v.flyTo(
+        { center: he(v, h, E, S), zoom: S },
         { animate: !D }
       );
     });
-  }, [gt, X, D]), Na = B(
+  }, [gt, X, D]), Na = O(
     (h) => {
-      const z = R.current;
-      if (!z)
+      const v = j.current;
+      if (!v)
         return;
       ae.current = null;
-      const _ = Zt({
-        adapter: z,
+      const S = Zt({
+        adapter: v,
         coordinates: h,
         ...X(),
         gutter: 64,
         maxZoom: 16
       });
-      _ && (D ? z.jumpTo(_, { animate: !1 }) : z.flyTo(_));
+      S && (D ? v.jumpTo(S, { animate: !1 }) : v.flyTo(S));
     },
     [X, D]
-  ), ja = B(
+  ), ja = O(
     (h) => {
-      const z = R.current, _ = te.current.find((E) => E.id === h);
-      z && _ && ye(z, _), Me(h);
+      const v = j.current, S = te.current.find((E) => E.id === h);
+      v && S && ye(v, S), Me(h);
     },
     [ye, Me]
   );
   N(() => {
     if (!Te || ue === null)
       return;
-    const h = (_) => {
-      _.key !== "Escape" || _.defaultPrevented || (_.preventDefault(), me.current(null));
-    }, z = ce.current?.ownerDocument ?? document;
-    return z.addEventListener("keydown", h), () => z.removeEventListener("keydown", h);
+    const h = (S) => {
+      S.key !== "Escape" || S.defaultPrevented || (S.preventDefault(), me.current(null));
+    }, v = ce.current?.ownerDocument ?? document;
+    return v.addEventListener("keydown", h), () => v.removeEventListener("keydown", h);
   }, [Te, ue]), Fa(
     De,
     () => ({
-      getNativeMap: () => R.current?.native() ?? null,
+      getNativeMap: () => j.current?.native() ?? null,
       focusMarker: (h) => {
-        const z = R.current, _ = te.current.find((E) => E.id === h);
-        !z || !_ || (ye(z, _), me.current(h));
+        const v = j.current, S = te.current.find((E) => E.id === h);
+        !v || !S || (ye(v, S), me.current(h));
       },
       fitToMarkers: () => {
-        R.current && de(R.current, !D);
+        j.current && de(j.current, !D);
       },
       clearSelection: () => me.current(null)
     }),
@@ -2256,7 +2259,7 @@ const cl = {
   je.current = pe;
   const ht = M(ie);
   ht.current = ie;
-  const qe = M(null), Ra = M(x ?? Dt);
+  const qe = M(null), Ra = M(b ?? Dt);
   N(() => {
     if (H)
       return;
@@ -2264,35 +2267,35 @@ const cl = {
     if (!h)
       return;
     qe.current = je.current;
-    const z = Ra.current;
-    let _ = null, E = !1;
+    const v = Ra.current;
+    let S = null, E = !1;
     const ge = [];
     return jn(q, ht.current).then(($) => {
       if (!E) {
         try {
-          _ = $({
+          S = $({
             container: h,
             style: je.current,
-            center: z.center,
-            zoom: z.zoom ?? Dt.zoom,
-            minZoom: S,
-            maxZoom: j,
-            interactive: w,
-            cooperativeGestures: b === "cooperative"
+            center: v.center,
+            zoom: v.zoom ?? Dt.zoom,
+            minZoom: _,
+            maxZoom: R,
+            interactive: z,
+            cooperativeGestures: x === "cooperative"
           });
         } catch {
-          Se(!0);
+          _e(!0);
           return;
         }
-        ze(_);
+        ze(S);
       }
     }).catch(($) => {
       console.error("[F0Map] could not load the map engine", $), E || Le(!0);
     }), () => {
-      E = !0, ge.forEach(($) => $()), _ && (R.current = null, _e(null), _.destroy());
+      E = !0, ge.forEach(($) => $()), S && (j.current = null, Se(null), S.destroy());
     };
     function ze($) {
-      R.current = $, _e($), Se(!1);
+      j.current = $, Se($), _e(!1);
       let ve = !1;
       ge.push(
         Wt($, "ready", () => {
@@ -2317,45 +2320,45 @@ const cl = {
     }
   }, [
     H,
-    w,
-    b,
-    S,
-    j,
+    z,
+    x,
+    _,
+    R,
     mt,
     q,
     ha
   ]), N(() => {
-    const h = R.current;
+    const h = j.current;
     !h || qe.current === pe || (qe.current = pe, h.applyStyle(pe), Wt(
       h,
       "styled",
       () => h.setGlobeProjection(Ze.current === "globe")
     ));
   }, [pe]), N(() => {
-    R.current?.setGlobeProjection(I === "globe");
+    j.current?.setGlobeProjection(I === "globe");
   }, [I]);
   const bt = M(ye);
   bt.current = ye, N(() => {
-    if (!d)
+    if (!m)
       return;
-    const h = R.current, z = te.current.find((_) => _.id === d);
-    h && z && bt.current(h, z);
-  }, [d]);
+    const h = j.current, v = te.current.find((S) => S.id === m);
+    h && v && bt.current(h, v);
+  }, [m]);
   const Pa = Qn(Ye), xt = M(null);
   N(() => {
     const h = xt.current;
     xt.current = Ke.current;
-    const z = R.current;
-    if (!h || !z)
+    const v = j.current;
+    if (!h || !v)
       return;
-    const { inset: _, size: E } = X(), ge = ae.current, ze = !D, $ = te.current.find(
+    const { inset: S, size: E } = X(), ge = ae.current, ze = !D, $ = te.current.find(
       (Pe) => Pe.id === pt.current
     );
     if ($) {
       const Pe = ge?.kind === "flight" ? ge.zoom : void 0;
-      z.easeTo(
+      v.easeTo(
         {
-          center: he(z, $.coordinates, _, Pe),
+          center: he(v, $.coordinates, S, Pe),
           zoom: Pe
         },
         { animate: ze }
@@ -2363,19 +2366,19 @@ const cl = {
       return;
     }
     if (ge?.kind === "fit") {
-      dt.current(z, ze);
+      dt.current(v, ze);
       return;
     }
-    const ve = at(Lt(h, E)), kt = at(_), Ve = z.project(z.getCenter()), _t = Ve && z.unproject({
+    const ve = at(Lt(h, E)), kt = at(S), Ve = v.project(v.getCenter()), St = Ve && v.unproject({
       x: Ve.x + ve.x - kt.x,
       y: Ve.y + ve.y - kt.y
     });
-    _t && z.easeTo({ center: _t }, { animate: ze });
+    St && v.easeTo({ center: St }, { animate: ze });
   }, [Pa, X]);
   const wt = n.length > 0 || l.length > 0, fe = Ne === null ? 0 : Ne + C.gap - C.inset, Re = M({ from: fe, to: fe });
   Re.current.to !== fe && (Re.current = { from: Re.current.to, to: fe });
   const zt = fe > Re.current.from ? ne.enter : ne.exit, vt = ee ? ne.enter : ne.exit;
-  return /* @__PURE__ */ o(le, { dataTestId: xe, children: H ? /* @__PURE__ */ o(Ln, { className: we }) : /* @__PURE__ */ O(
+  return /* @__PURE__ */ o(le, { dataTestId: xe, children: H ? /* @__PURE__ */ o(Ln, { className: we }) : /* @__PURE__ */ B(
     "div",
     {
       ref: wa,
@@ -2401,7 +2404,7 @@ const cl = {
           }
         ),
         /* @__PURE__ */ o("div", { role: "status", "aria-live": "polite", className: "sr-only", children: `${t.length} ${t.length === 1 ? Y.map.location : Y.map.locations}` }),
-        !G && U && ft ? /* @__PURE__ */ O(Ee, { children: [
+        !G && U && ft ? /* @__PURE__ */ B(Ee, { children: [
           /* @__PURE__ */ o(
             ya,
             {
@@ -2412,7 +2415,7 @@ const cl = {
           /* @__PURE__ */ o("span", { className: "sr-only", children: Y.map.currentLocation })
         ] }) : null,
         !G && U && wt ? /* @__PURE__ */ o(
-          Sn,
+          _n,
           {
             adapter: U,
             routes: n,
@@ -2428,8 +2431,8 @@ const cl = {
             adapter: U,
             points: t,
             selectedId: ue,
-            highlightedId: d,
-            onSelect: _a,
+            highlightedId: m,
+            onSelect: Sa,
             onClusterExpand: Na
           }
         ) : null,
@@ -2457,7 +2460,7 @@ const cl = {
               transitionDuration: vt.duration,
               transitionTimingFunction: vt.easing
             },
-            children: /* @__PURE__ */ O(
+            children: /* @__PURE__ */ B(
               "div",
               {
                 className: "flex items-start gap-2",
@@ -2498,7 +2501,7 @@ const cl = {
             children: J
           }
         ) : null,
-        !G && U && u && w ? /* @__PURE__ */ o(
+        !G && U && d && z ? /* @__PURE__ */ o(
           "div",
           {
             className: W(
@@ -2514,16 +2517,16 @@ const cl = {
             children: /* @__PURE__ */ o(
               Vt,
               {
-                onZoomIn: Sa,
+                onZoomIn: _a,
                 onZoomOut: La,
                 onFit: t.length > 0 || wt ? Ma : void 0,
                 onLocate: Ta,
-                labels: v
+                labels: w
               }
             )
           }
         ) : null,
-        ga && !G ? /* @__PURE__ */ O("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: [
+        ga && !G ? /* @__PURE__ */ B("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__ */ o("span", { children: Y.map.loadError }),
           /* @__PURE__ */ o(
             "button",
@@ -2531,12 +2534,12 @@ const cl = {
               type: "button",
               onClick: () => {
                 Le(!1);
-                const h = R.current;
+                const h = j.current;
                 if (h) {
                   h.applyStyle(je.current);
                   return;
                 }
-                ba((z) => z + 1);
+                ba((v) => v + 1);
               },
               className: "font-medium underline",
               children: Y.map.retry