@alfadocs/ui-kit-debug 1.125.2 → 1.125.3

package/dist/_chunks/{map-view-CO4F0hMV.js → map-view-DkL58SRp.js}

@@ -1,17 +1,17 @@
-import { jsx as m, jsxs as N, Fragment as ht } from "react/jsx-runtime";
-import { forwardRef as gt, useRef as k, useMemo as R, useId as Oe, useState as C, useEffect as $, useCallback as D, useImperativeHandle as vt, useContext as je, useLayoutEffect as ce, createContext as bt } from "react";
+import { jsx as m, jsxs as R, Fragment as ft } from "react/jsx-runtime";
+import { forwardRef as ht, useRef as k, useMemo as P, useId as Oe, useState as C, useEffect as $, useCallback as D, useImperativeHandle as gt, useContext as je, useLayoutEffect as ce, createContext as vt } from "react";
 import { createPortal as Ge } from "react-dom";
 import { c as Y } from "./index-D2ZczOXr.js";
 import { useTranslation as B } from "react-i18next";
-import { M as wt, A as yt, a as kt, b as Mt, u as De, c as W, d as Ze, e as Fe } from "./maps-core-gate-DKx96CC_.js";
+import { M as bt, A as wt, a as yt, b as kt, u as De, c as W, d as Ze, e as Fe } from "./maps-core-gate-DKx96CC_.js";
 import { B as Ue } from "./button-DohK_Ak_.js";
-import { S as xt } from "./skeleton-tTWJpvAq.js";
+import { S as Mt } from "./skeleton-tTWJpvAq.js";
 import { V as We } from "./visually-hidden-BHxEUGyT.js";
-import { E as zt } from "./error-boundary-tAn_GuCu.js";
+import { E as xt } from "./error-boundary-tAn_GuCu.js";
 import { u as Et } from "./registry-DvAUVLHh.js";
-import { l as ge } from "./length-token-DwMnGEYT.js";
+import { l as he } from "./length-token-DwMnGEYT.js";
 import { M as _t } from "./map-pin-BaY37-Km.js";
-import { E as Be } from "./external-link-CY6zAXXU.js";
+import { E as zt } from "./external-link-CY6zAXXU.js";
 const St = {
   id: "map-view",
   // pan → scroll (viewport move); set_zoom → set_value; select_marker → pick
@@ -154,7 +154,7 @@ const St = {
       description: "Sourced from the id prop."
     }
   }
-}, X = 32, J = 40, ie = "M16 38C16 38 2 26 2 16A14 14 0 0 1 30 16C30 26 16 38 16 38Z", Ke = 2, He = 4, qe = "translate(8.25 8.25) scale(0.10473)", Xe = [
+}, X = 32, J = 40, ie = "M16 38C16 38 2 26 2 16A14 14 0 0 1 30 16C30 26 16 38 16 38Z", Be = 2, Ke = 4, He = "translate(8.25 8.25) scale(0.10473)", qe = [
   {
     tag: "rect",
     attrs: {
@@ -202,12 +202,12 @@ function It(e, t, n, r = {
   width: X,
   height: J
 }) {
-  const o = Xe.map(
+  const o = qe.map(
     ({ tag: s, attrs: i }) => `<${s} ${$t(i)}/>`
   ).join("");
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${r.width}" height="${r.height}" viewBox="0 0 ${X} ${J}"><path d="${ie}" fill="none" stroke="${n}" stroke-width="${He}" stroke-linejoin="round"/><path d="${ie}" fill="${e}" stroke="${t}" stroke-width="${Ke}" stroke-linejoin="round"/><g fill="${t}" transform="${qe}">${o}</g></svg>`;
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${r.width}" height="${r.height}" viewBox="0 0 ${X} ${J}"><path d="${ie}" fill="none" stroke="${n}" stroke-width="${Ke}" stroke-linejoin="round"/><path d="${ie}" fill="${e}" stroke="${t}" stroke-width="${Be}" stroke-linejoin="round"/><g fill="${t}" transform="${He}">${o}</g></svg>`;
 }
-const Je = 1.4, Ct = [
+const Xe = 1.4, Ct = [
   "ds:[gmp-advanced-marker:focus-visible_&]:outline-[length:var(--focus-ring-width)]",
   "ds:[gmp-advanced-marker:focus-visible_&]:outline-solid",
   "ds:[gmp-advanced-marker:focus-visible_&]:outline-[color:var(--map-marker-hover-color)]",
@@ -215,13 +215,13 @@ const Je = 1.4, Ct = [
   "ds:[gmp-advanced-marker:focus-visible_&]:forced-colors:outline-[CanvasText]"
 ].join(" ");
 function Lt({ hovered: e }) {
-  const t = e ? Je : 1, n = e ? "ds:fill-[var(--map-marker-selected-color)]" : "ds:fill-[var(--map-marker-color)]";
+  const t = e ? Xe : 1, n = e ? "ds:fill-[var(--map-marker-selected-color)]" : "ds:fill-[var(--map-marker-color)]";
   return /* @__PURE__ */ m(
     "span",
     {
       "data-component": "map-view-pin",
       className: "ds:flex ds:items-end ds:justify-center ds:[min-inline-size:var(--min-target-size)] ds:[min-block-size:var(--min-target-size)]",
-      children: /* @__PURE__ */ N(
+      children: /* @__PURE__ */ R(
         "svg",
         {
           "aria-hidden": "true",
@@ -237,7 +237,7 @@ function Lt({ hovered: e }) {
               {
                 d: ie,
                 fill: "none",
-                strokeWidth: He,
+                strokeWidth: Ke,
                 strokeLinejoin: "round",
                 className: "ds:stroke-[color:var(--map-marker-hover-color)] ds:forced-colors:stroke-[ButtonText]"
               }
@@ -246,12 +246,12 @@ function Lt({ hovered: e }) {
               "path",
               {
                 d: ie,
-                strokeWidth: Ke,
+                strokeWidth: Be,
                 strokeLinejoin: "round",
                 className: `${n} ds:stroke-[color:var(--map-marker-hover-ring)] ds:forced-colors:fill-[ButtonText] ds:forced-colors:stroke-[Canvas]`
               }
             ),
-            /* @__PURE__ */ m("g", { transform: qe, children: Xe.map(
+            /* @__PURE__ */ m("g", { transform: He, children: qe.map(
               ({ tag: r, attrs: o }, s) => r === "path" ? /* @__PURE__ */ m("path", { d: o.d }, s) : /* @__PURE__ */ m(
                 "rect",
                 {
@@ -272,7 +272,7 @@ function Lt({ hovered: e }) {
     }
   );
 }
-const Nt = 30, Tt = 56, he = 17, Pt = 256, Rt = (e) => e * Math.PI / 180;
+const Tt = 30, Nt = 56, fe = 17, Pt = 256, Rt = (e) => e * Math.PI / 180;
 function At(e, t, n) {
   const r = Pt * 2 ** n, o = Math.min(Math.max(Math.sin(Rt(e)), -0.9999), 0.9999), s = Math.log((1 + o) / (1 - o)) / 2;
   return {
@@ -281,20 +281,20 @@ function At(e, t, n) {
   };
 }
 function Vt(e, t) {
-  return e === "auto" ? t > Nt : e && t > 1;
+  return e === "auto" ? t > Tt : e && t > 1;
 }
-function Ot(e, t, n = Tt) {
-  if (t >= he || e.length < 2)
+function Ot(e, t, n = Nt) {
+  if (t >= fe || e.length < 2)
     return { singles: [...e], clusters: [] };
   const r = e.map((a) => ({
     marker: a,
     ...At(a.position.lat, a.position.lng, t)
   })).sort(
     (a, l) => a.x - l.x || a.y - l.y || (a.marker.id < l.marker.id ? -1 : 1)
-  ), o = [], s = /* @__PURE__ */ new Map(), i = (a) => Math.floor(a / n), u = n * n;
+  ), o = [], s = /* @__PURE__ */ new Map(), i = (a) => Math.floor(a / n), d = n * n;
   for (const a of r) {
     const l = i(a.x), p = i(a.y);
-    let g = null, c = u;
+    let g = null, c = d;
     for (let h = -1; h <= 1; h += 1)
       for (let w = -1; w <= 1; w += 1)
         for (const b of s.get(`${l + h}:${p + w}`) ?? []) {
@@ -324,16 +324,16 @@ function Ot(e, t, n = Tt) {
       b ? b.push(h) : s.set(w, [h]);
     }
   }
-  const f = [], d = [];
+  const f = [], u = [];
   for (const a of o)
-    a.members.length === 1 ? f.push(a.members[0]) : d.push({
+    a.members.length === 1 ? f.push(a.members[0]) : u.push({
       id: a.members[0].id,
       position: { lat: a.lat, lng: a.lng },
       members: a.members
     });
-  return { singles: f, clusters: d };
+  return { singles: f, clusters: u };
 }
-function Ne(e) {
+function Te(e) {
   if (!(e instanceof Element)) return !1;
   try {
     return e.matches(":focus-visible");
@@ -351,26 +351,26 @@ function Gt(e, t) {
 function Dt(e, t) {
   const [n, r] = C(null), o = (e ?? []).map((s) => `${s.width}x${s.height}`).join();
   return ce(() => {
-    const s = t.current, i = o ? o.split(",").map((d) => {
-      const [a, l] = d.split("x").map(Number);
+    const s = t.current, i = o ? o.split(",").map((u) => {
+      const [a, l] = u.split("x").map(Number);
       return Math.log(a / l);
     }) : [];
-    if (!s || i.length === 0 || i.some((d) => !isFinite(d))) {
+    if (!s || i.length === 0 || i.some((u) => !isFinite(u))) {
       r(null);
       return;
     }
     r(null);
-    const u = (d) => {
+    const d = (u) => {
       const { width: a, height: l } = s.getBoundingClientRect();
       if (!(a > 0 && l > 0)) {
-        d && r(null);
+        u && r(null);
         return;
       }
       const p = Math.log(a / l), g = Gt(i, p);
       r((c) => c === null || c >= i.length || Math.abs(i[c] - p) - Math.abs(i[g] - p) > jt ? g : c);
     };
-    if (u(!0), typeof ResizeObserver > "u") return;
-    const f = new ResizeObserver(() => u(!1));
+    if (d(!0), typeof ResizeObserver > "u") return;
+    const f = new ResizeObserver(() => d(!1));
     return f.observe(s), () => f.disconnect();
   }, [t, o]), n;
 }
@@ -422,7 +422,7 @@ const Zt = Y(
     "ds:bg-[var(--muted)] ds:text-[var(--foreground)]",
     "ds:text-center"
   ].join(" ")
-), Wt = Y("type-heading-3 ds:m-0"), Te = Y(
+), Wt = Y("type-heading-3 ds:m-0"), Ne = Y(
   "type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0"
 );
 function Bt({
@@ -472,8 +472,8 @@ function Kt({
       };
     };
     i();
-    let u;
-    const f = /* @__PURE__ */ new Set(), d = (c) => {
+    let d;
+    const f = /* @__PURE__ */ new Set(), u = (c) => {
       if (c instanceof PointerEvent && c.pointerType === "touch" && (c.type === "pointerdown" && f.add(c.pointerId), c.type === "pointerup" || c.type === "pointercancel")) {
         f.delete(c.pointerId);
         return;
@@ -495,7 +495,7 @@ function Kt({
         return;
       const h = document.fullscreenElement, w = !!(h && (h.contains(o) || o.contains(h)));
       let b = c.type === "dblclick";
-      c instanceof PointerEvent && c.type === "pointermove" && (b = c.pointerType !== "touch" || f.size >= 2 || w), c.type === "touchmove" && (b = c.touches.length >= 2 || w), c instanceof KeyboardEvent && (b = c.key !== "Enter" && c.key !== " "), c instanceof WheelEvent && (b = c.ctrlKey || c.metaKey || w), c.type === "click" && (b = c.target instanceof Element && c.target.closest('button, [role="button"]') != null), b && (t.current.programmatic = !1), t.current.pendingInput = !0, clearTimeout(u), u = setTimeout(() => {
+      c instanceof PointerEvent && c.type === "pointermove" && (b = c.pointerType !== "touch" || f.size >= 2 || w), c.type === "touchmove" && (b = c.touches.length >= 2 || w), c instanceof KeyboardEvent && (b = c.key !== "Enter" && c.key !== " "), c instanceof WheelEvent && (b = c.ctrlKey || c.metaKey || w), c.type === "click" && (b = c.target instanceof Element && c.target.closest('button, [role="button"]') != null), b && (t.current.programmatic = !1), t.current.pendingInput = !0, clearTimeout(d), d = setTimeout(() => {
         t.current.pendingInput = !1;
       }, 250);
     }, a = () => {
@@ -503,7 +503,7 @@ function Kt({
     }, l = () => {
       var A, j;
       const c = (A = n.getBounds()) == null ? void 0 : A.toJSON(), h = (j = n.getCenter()) == null ? void 0 : j.toJSON(), w = n.getZoom(), b = t.current.moved;
-      if (i(), clearTimeout(u), !c || !h || w == null) return;
+      if (i(), clearTimeout(d), !c || !h || w == null) return;
       const M = !s || Object.keys(c).some(
         (G) => c[G] !== s.bounds[G]
       ), L = s != null && (w !== s.zoom || h.lat !== s.center.lat || h.lng !== s.center.lng);
@@ -521,7 +521,7 @@ function Kt({
       "keydown"
     ];
     p.forEach(
-      (c) => o.addEventListener(c, d, { capture: !0, passive: !0 })
+      (c) => o.addEventListener(c, u, { capture: !0, passive: !0 })
     );
     const g = [
       n.addListener("dragstart", () => {
@@ -533,8 +533,8 @@ function Kt({
     ];
     return l(), () => {
       g.forEach((c) => c.remove()), p.forEach(
-        (c) => o.removeEventListener(c, d, !0)
-      ), clearTimeout(u), i();
+        (c) => o.removeEventListener(c, u, !0)
+      ), clearTimeout(d), i();
     };
   }, [n, t]), null;
 }
@@ -542,27 +542,27 @@ function Ht(e, t) {
   const n = W(), [r, o] = C(null), { lat: s, lng: i } = t;
   return $(() => {
     if (!n || typeof n.getCenter != "function") return;
-    const u = () => {
+    const d = () => {
       var h, w;
-      const d = (h = n.getCenter()) == null ? void 0 : h.toJSON(), a = n.getZoom(), l = (w = n.getDiv) == null ? void 0 : w.call(n);
-      if (!d || a == null || !l) {
+      const u = (h = n.getCenter()) == null ? void 0 : h.toJSON(), a = n.getZoom(), l = (w = n.getDiv) == null ? void 0 : w.call(n);
+      if (!u || a == null || !l) {
         o(null);
         return;
       }
-      const p = l.clientWidth, g = l.clientHeight, c = Ye * 2 ** a;
+      const p = l.clientWidth, g = l.clientHeight, c = Je * 2 ** a;
       o({
         id: e,
         width: p,
         height: g,
-        x: p / 2 + (i - d.lng) / 360 * c,
-        y: g / 2 - (ae(s) - ae(d.lat)) * c / (2 * Math.PI)
+        x: p / 2 + (i - u.lng) / 360 * c,
+        y: g / 2 - (ae(s) - ae(u.lat)) * c / (2 * Math.PI)
       });
     };
-    u();
+    d();
     const f = ["bounds_changed", "zoom_changed", "center_changed", "idle"].flatMap(
-      (d) => typeof n.addListener == "function" ? [n.addListener(d, u)] : []
+      (u) => typeof n.addListener == "function" ? [n.addListener(u, d)] : []
     );
-    return () => f.forEach((d) => d.remove());
+    return () => f.forEach((u) => u.remove());
   }, [n, e, s, i]), (r == null ? void 0 : r.id) === e ? r : null;
 }
 function qt({
@@ -592,7 +592,7 @@ function Yt({
       (h) => (h == null ? void 0 : h.width) === c.offsetWidth && h.height === c.offsetHeight ? h : { width: c.offsetWidth, height: c.offsetHeight }
     );
   }, [t, e.id]), !(e.x >= 0 && e.x <= e.width && e.y >= 0 && e.y <= e.height)) return null;
-  const u = (o == null ? void 0 : o.width) ?? 0, f = (o == null ? void 0 : o.height) ?? 0, d = Math.max(se, e.width - u - se), a = Math.min(Math.max(e.x - u / 2, se), d), l = e.y - Xt - f, p = l < se, g = p ? e.y + Jt : l;
+  const d = (o == null ? void 0 : o.width) ?? 0, f = (o == null ? void 0 : o.height) ?? 0, u = Math.max(se, e.width - d - se), a = Math.min(Math.max(e.x - d / 2, se), u), l = e.y - Xt - f, p = l < se, g = p ? e.y + Jt : l;
   return (
     // The layer is `ltr` because the map is geographic: x is always measured
     // from the physical left. The card inside takes the page direction.
@@ -638,28 +638,28 @@ function Qt({
   onHover: s,
   elements: i
 }) {
-  const [u, f] = C(null), { id: d } = e, a = k(!1);
+  const [d, f] = C(null), { id: u } = e, a = k(!1);
   return $(() => {
-    const l = re(u);
+    const l = re(d);
     if (l && (l.style.outline = "none"), !l || !i) return;
     const p = i.current;
     return p.set(`pin:${e.id}`, l), () => {
       p.delete(`pin:${e.id}`);
     };
-  }, [u, i, e.id]), $(() => {
-    const l = re(u);
+  }, [d, i, e.id]), $(() => {
+    const l = re(d);
     if (!l || !s) return;
     const p = (h) => {
-      Ne(h.target) && s(d, !0, "focus");
+      Te(h.target) && s(u, !0, "focus");
     }, g = (h) => {
-      l.contains(h.relatedTarget) || a.current || s(d, !1, "focus");
+      l.contains(h.relatedTarget) || a.current || s(u, !1, "focus");
     }, c = (h) => {
-      h.key === "Escape" && s(d, !1, "focus");
+      h.key === "Escape" && s(u, !1, "focus");
     };
     return l.addEventListener("focusin", p), l.addEventListener("focusout", g), l.addEventListener("keydown", c), () => {
       l.removeEventListener("focusin", p), l.removeEventListener("focusout", g), l.removeEventListener("keydown", c);
     };
-  }, [u, d, s]), /* @__PURE__ */ m(
+  }, [d, u, s]), /* @__PURE__ */ m(
     Ze,
     {
       ref: f,
@@ -669,20 +669,20 @@ function Qt({
       "data-selected": n ? "true" : "false",
       "data-hovered": r ? "true" : "false",
       zIndex: r ? 1e3 : n ? 500 : void 0,
-      onClick: () => o(d),
+      onClick: () => o(u),
       onMouseEnter: s ? () => {
-        a.current = !0, s(d, !0, "pointer");
+        a.current = !0, s(u, !0, "pointer");
       } : void 0,
       onMouseLeave: s ? () => {
         a.current = !1;
-        const l = re(u), p = document.activeElement;
-        l && p && l.contains(p) && Ne(p) || s(d, !1, "pointer");
+        const l = re(d), p = document.activeElement;
+        l && p && l.contains(p) && Te(p) || s(u, !1, "pointer");
       } : void 0,
       children: /* @__PURE__ */ m(Lt, { hovered: r })
     }
   );
 }
-const Ye = 256, en = (e) => e * Math.PI / 180;
+const Je = 256, en = (e) => e * Math.PI / 180;
 function ae(e) {
   const t = Math.min(Math.max(Math.sin(en(e)), -0.9999), 0.9999);
   return Math.log((1 + t) / (1 - t)) / 2;
@@ -694,67 +694,67 @@ function nn(e) {
     t = Math.max(t, s), n = Math.min(n, s), r = Math.max(r, i), o = Math.min(o, i);
   return { north: t, south: n, east: r, west: o };
 }
-function Qe(e, t, n, r, o) {
-  const { north: s, south: i, east: u, west: f } = nn(e);
-  if (s === i && u === f)
-    return { center: { lat: s, lng: u }, zoom: o };
-  const d = ae(s), a = ae(i), l = {
-    lat: tn((d + a) / 2),
-    lng: (u + f) / 2
-  }, p = (c, h) => h > 0 ? Math.log2(Math.max(c, 1) / Ye / h) : o, g = Math.min(
-    p(t - 2 * r, (u - f) / 360),
-    p(n - 2 * r, (d - a) / (2 * Math.PI)),
+function Ye(e, t, n, r, o) {
+  const { north: s, south: i, east: d, west: f } = nn(e);
+  if (s === i && d === f)
+    return { center: { lat: s, lng: d }, zoom: o };
+  const u = ae(s), a = ae(i), l = {
+    lat: tn((u + a) / 2),
+    lng: (d + f) / 2
+  }, p = (c, h) => h > 0 ? Math.log2(Math.max(c, 1) / Je / h) : o, g = Math.min(
+    p(t - 2 * r, (d - f) / 360),
+    p(n - 2 * r, (u - a) / (2 * Math.PI)),
     o
   );
   return { center: l, zoom: Math.max(0, Math.floor(g)) };
 }
-const et = ({ id: e, lat: t, lng: n }) => e != null ? `id:${e}` : `at:${t},${n}`;
+const Qe = ({ id: e, lat: t, lng: n }) => e != null ? `id:${e}` : `at:${t},${n}`;
 function on({
   points: e,
   fitKey: t,
   maxZoom: n,
   onCameraMove: r
 }) {
-  const o = W(), s = k(null), i = k(!1), u = k(null);
+  const o = W(), s = k(null), i = k(!1), d = k(null);
   return $(() => {
     if (!o) return;
     const f = () => {
       var c;
-      const a = u.current, l = (c = o.getCenter()) == null ? void 0 : c.toJSON(), p = o.getZoom();
+      const a = d.current, l = (c = o.getCenter()) == null ? void 0 : c.toJSON(), p = o.getZoom();
       a != null && p === a.zoom && l != null && Math.abs(l.lat - a.center.lat) < 1e-6 && Math.abs(l.lng - a.center.lng) < 1e-6 || (i.current = !0);
-    }, d = [
+    }, u = [
       o.addListener("dragstart", () => {
         i.current = !0;
       }),
       o.addListener("center_changed", f),
       o.addListener("zoom_changed", f)
     ];
-    return () => d.forEach((a) => a.remove());
+    return () => u.forEach((a) => a.remove());
   }, [o]), $(() => {
     var w;
     if (!o) return;
     const f = ((w = s.current) == null ? void 0 : w.map) === o ? s.current : null;
     if ((f == null ? void 0 : f.key) === t) return;
-    const d = new Set(e.map(et)), a = (b, M) => {
-      u.current = { center: b, zoom: M }, r(), o.moveCamera({ center: b, zoom: M }), i.current = !1;
+    const u = new Set(e.map(Qe)), a = (b, M) => {
+      d.current = { center: b, zoom: M }, r(), o.moveCamera({ center: b, zoom: M }), i.current = !1;
     };
     if (e.length === 0) {
-      s.current = { map: o, key: t, points: d };
+      s.current = { map: o, key: t, points: u };
       return;
     }
-    if (f != null && f.points.size > 0 && [...f.points].every((b) => d.has(b)) && i.current) {
-      s.current = { map: o, key: t, points: d };
+    if (f != null && f.points.size > 0 && [...f.points].every((b) => u.has(b)) && i.current) {
+      s.current = { map: o, key: t, points: u };
       return;
     }
     const p = o.getDiv();
     if (!(p instanceof Element)) return;
     const g = () => {
-      s.current = { map: o, key: t, points: d };
+      s.current = { map: o, key: t, points: u };
       const b = Math.min(
-        ge("--spacing-2xl", p, 48),
+        he("--spacing-2xl", p, 48),
         p.clientWidth / 4,
         p.clientHeight / 4
-      ), { center: M, zoom: L } = Qe(
+      ), { center: M, zoom: L } = Ye(
         e,
         p.clientWidth,
         p.clientHeight,
@@ -840,52 +840,52 @@ function cn(e) {
         ring: q("--map-marker-hover-ring", s),
         hover: q("--map-marker-hover-color", s),
         selected: q("--map-marker-selected-color", s),
-        target: ge("--min-target-size", s, 44)
+        target: he("--min-target-size", s, 44)
       };
       r(
         (p) => p && p.fill === l.fill && p.ink === l.ink && p.ring === l.ring && p.hover === l.hover && p.selected === l.selected && p.target === l.target ? p : l
       );
     };
     i();
-    const u = new MutationObserver(i), f = {
+    const d = new MutationObserver(i), f = {
       attributes: !0,
       attributeFilter: ["class", "data-theme"]
     };
-    u.observe(document.documentElement, f);
-    const d = s.closest('[data-component="theme-root"]');
-    return d && u.observe(d, f), () => u.disconnect();
+    d.observe(document.documentElement, f);
+    const u = s.closest('[data-component="theme-root"]');
+    return u && d.observe(u, f), () => d.disconnect();
   }, [t, e]), n;
 }
 function ln(e, { fill: t, ink: n, ring: r, hover: o, target: s }) {
   var l;
-  const i = Math.max(s, 20 + String(e).length * 12), u = `x="2" y="2" width="${i - 4}" height="${s - 4}" rx="${s / 2}"`, f = `<svg xmlns="http://www.w3.org/2000/svg" width="${i}" height="${s}"><rect ${u} fill="none" stroke="${o}" stroke-width="4"/><rect ${u} fill="${t}" stroke="${r}" stroke-width="2"/></svg>`, d = (l = globalThis.google) == null ? void 0 : l.maps;
+  const i = Math.max(s, 20 + String(e).length * 12), d = `x="2" y="2" width="${i - 4}" height="${s - 4}" rx="${s / 2}"`, f = `<svg xmlns="http://www.w3.org/2000/svg" width="${i}" height="${s}"><rect ${d} fill="none" stroke="${o}" stroke-width="4"/><rect ${d} fill="${t}" stroke="${r}" stroke-width="2"/></svg>`, u = (l = globalThis.google) == null ? void 0 : l.maps;
   return {
     icon: {
       url: `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(f)}`,
-      scaledSize: d ? new d.Size(i, s) : void 0,
-      anchor: d ? new d.Point(i / 2, s / 2) : void 0
+      scaledSize: u ? new u.Size(i, s) : void 0,
+      anchor: u ? new u.Point(i / 2, s / 2) : void 0
     },
     label: { text: String(e), color: n, fontWeight: "600" }
   };
 }
-const ve = bt(null);
+const ge = vt(null);
 function dn({
   enabled: e,
   children: t
 }) {
   const n = cn(e);
-  return /* @__PURE__ */ m(ve.Provider, { value: n, children: t });
+  return /* @__PURE__ */ m(ge.Provider, { value: n, children: t });
 }
 function un({ fill: e, ring: t, hover: n, selected: r }, o) {
   var a;
-  const s = o ? Je : 1, i = X * s, u = J * s, f = It(o ? r : e, t, n, {
+  const s = o ? Xe : 1, i = X * s, d = J * s, f = It(o ? r : e, t, n, {
     width: i,
-    height: u
-  }), d = (a = globalThis.google) == null ? void 0 : a.maps;
+    height: d
+  }), u = (a = globalThis.google) == null ? void 0 : a.maps;
   return {
     url: `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(f)}`,
-    scaledSize: d ? new d.Size(i, u) : void 0,
-    anchor: d ? new d.Point(i / 2, u) : void 0
+    scaledSize: u ? new u.Size(i, d) : void 0,
+    anchor: u ? new u.Point(i / 2, d) : void 0
   };
 }
 function mn({
@@ -896,16 +896,16 @@ function mn({
   onSelect: o,
   onHover: s
 }) {
-  const i = je(ve), u = R(
+  const i = je(ge), d = P(
     () => i ? un(i, r) : void 0,
     [i, r]
   );
-  return u ? /* @__PURE__ */ m(
+  return d ? /* @__PURE__ */ m(
     Fe,
     {
       position: e.position,
       title: t,
-      icon: u,
+      icon: d,
       zIndex: r ? 1e3 : n ? 500 : void 0,
       onClick: () => o(e.id),
       onMouseOver: s ? () => s(e.id, !0, "pointer") : void 0,
@@ -921,7 +921,7 @@ function pn({
   elements: o,
   onActivate: s
 }) {
-  const [i, u] = C(null), f = `cluster:${e.id}`;
+  const [i, d] = C(null), f = `cluster:${e.id}`;
   $(() => {
     const l = re(i);
     if (!l) return;
@@ -930,21 +930,21 @@ function pn({
       p.delete(f);
     };
   }, [i, o, f]);
-  const d = e.members.length, a = R(
-    () => n || !r ? null : ln(d, r),
-    [n, d, r]
+  const u = e.members.length, a = P(
+    () => n || !r ? null : ln(u, r),
+    [n, u, r]
   );
   return n ? /* @__PURE__ */ m(
     Ze,
     {
-      ref: u,
+      ref: d,
       position: e.position,
       title: t,
       "aria-label": t,
       zIndex: Pe,
       anchorPoint: ["50%", "50%"],
       onClick: () => s(e),
-      children: /* @__PURE__ */ m(an, { count: d })
+      children: /* @__PURE__ */ m(an, { count: u })
     }
   ) : /* @__PURE__ */ m(
     Fe,
@@ -967,40 +967,40 @@ function gn({
   renderMarker: o,
   mapId: s,
   frame: i,
-  elements: u,
+  elements: d,
   labelFor: f,
-  onCameraMove: d,
+  onCameraMove: u,
   onClusterClick: a
 }) {
-  const l = W(), { t: p } = B("ui"), g = sn(t), c = je(ve), h = R(
+  const l = W(), { t: p } = B("ui"), g = sn(t), c = je(ge), h = P(
     () => Ot(e, g),
     [e, g]
-  ), { singles: w, clusters: b } = R(() => {
-    const y = (z) => z.id === n || z.id === r, E = h.singles.slice(), V = [];
-    for (const z of h.clusters) {
-      const P = z.members.filter((I) => !y(I));
-      E.push(...z.members.filter(y)), P.length > 1 ? V.push({ ...z, members: P }) : E.push(...P);
+  ), { singles: w, clusters: b } = P(() => {
+    const y = (E) => E.id === n || E.id === r, _ = h.singles.slice(), V = [];
+    for (const E of h.clusters) {
+      const N = E.members.filter((I) => !y(I));
+      _.push(...E.members.filter(y)), N.length > 1 ? V.push({ ...E, members: N }) : _.push(...N);
     }
-    return { singles: E, clusters: V };
+    return { singles: _, clusters: V };
   }, [h, n, r]), [M, L] = C(""), A = k(null), j = k(void 0);
   $(() => () => clearTimeout(j.current), []);
   const G = (y) => {
-    var _;
-    const E = (_ = l == null ? void 0 : l.getDiv) == null ? void 0 : _.call(l);
-    if (!l || !(E instanceof Element)) return;
+    var z;
+    const _ = (z = l == null ? void 0 : l.getDiv) == null ? void 0 : z.call(l);
+    if (!l || !(_ instanceof Element)) return;
     const V = Math.min(
-      ge("--spacing-2xl", E, 48),
-      E.clientWidth / 4,
-      E.clientHeight / 4
-    ), z = Qe(
+      he("--spacing-2xl", _, 48),
+      _.clientWidth / 4,
+      _.clientHeight / 4
+    ), E = Ye(
       y.members.map((S) => S.position),
-      E.clientWidth,
-      E.clientHeight,
+      _.clientWidth,
+      _.clientHeight,
       V,
-      he
-    ), P = l.getZoom() ?? g, I = Math.min(
-      he,
-      Math.max(z.zoom, Math.ceil(P + 1))
+      fe
+    ), N = l.getZoom() ?? g, I = Math.min(
+      fe,
+      Math.max(E.zoom, Math.ceil(N + 1))
     ), T = y.members.length;
     A.current = {
       ids: new Set(y.members.map((S) => S.id)),
@@ -1008,42 +1008,42 @@ function gn({
     }, L(""), clearTimeout(j.current), j.current = setTimeout(
       () => L(p("mapView.clusterZoomed", { label: f(T) })),
       fn
-    ), d(), a == null || a({
+    ), u(), a == null || a({
       count: T,
       markerIds: y.members.map((S) => S.id)
-    }), l.moveCamera({ center: z.center, zoom: I });
+    }), l.moveCamera({ center: E.center, zoom: I });
   };
   return $(() => {
     const y = A.current;
     if (!y) return;
-    let E = 0, V = 0;
-    const z = () => {
+    let _ = 0, V = 0;
+    const E = () => {
       let I = null;
-      for (const _ of b) {
-        if (!_.members.some((Q) => y.ids.has(Q.id)))
+      for (const z of b) {
+        if (!z.members.some((Q) => y.ids.has(Q.id)))
           continue;
-        const S = (_.position.lat - y.centre.lat) ** 2 + (_.position.lng - y.centre.lng) ** 2;
-        (!I || S < I.distance) && (I = { key: `cluster:${_.id}`, distance: S });
+        const S = (z.position.lat - y.centre.lat) ** 2 + (z.position.lng - y.centre.lng) ** 2;
+        (!I || S < I.distance) && (I = { key: `cluster:${z.id}`, distance: S });
       }
       if (I) return I.key;
-      const T = w.find((_) => y.ids.has(_.id));
+      const T = w.find((z) => y.ids.has(z.id));
       return T ? `pin:${T.id}` : null;
-    }, P = () => {
-      const I = z(), T = I ? u.current.get(I) : null;
+    }, N = () => {
+      const I = E(), T = I ? d.current.get(I) : null;
       if (T && (T.focus({ preventScroll: !0 }), T.contains(document.activeElement))) {
         A.current = null;
         return;
       }
       if (V += 1, V < hn && s) {
-        E = requestAnimationFrame(P);
+        _ = requestAnimationFrame(N);
         return;
       }
       A.current = null;
-      const _ = i == null ? void 0 : i.closest('[data-component="map-view"]');
-      _ && (_.hasAttribute("tabindex") || _.setAttribute("tabindex", "-1"), _.focus({ preventScroll: !0 }));
+      const z = i == null ? void 0 : i.closest('[data-component="map-view"]');
+      z && (z.hasAttribute("tabindex") || z.setAttribute("tabindex", "-1"), z.focus({ preventScroll: !0 }));
     };
-    return E = requestAnimationFrame(P), () => cancelAnimationFrame(E);
-  }, [b, w, u, i, s]), /* @__PURE__ */ N(ht, { children: [
+    return _ = requestAnimationFrame(N), () => cancelAnimationFrame(_);
+  }, [b, w, d, i, s]), /* @__PURE__ */ R(ft, { children: [
     w.map(o),
     b.map((y) => /* @__PURE__ */ m(
       pn,
@@ -1052,7 +1052,7 @@ function gn({
         label: f(y.members.length),
         mapId: s,
         iconTheme: c,
-        elements: u,
+        elements: d,
         onActivate: G
       },
       `${Math.floor(g)}:${y.id}`
@@ -1063,20 +1063,20 @@ function gn({
     ) : null
   ] });
 }
-const tt = (e) => {
+const et = (e) => {
   var t, n;
   return typeof ((n = (t = globalThis.google) == null ? void 0 : t.maps) == null ? void 0 : n[e]) == "function";
 };
 function Re() {
   const { t: e } = B("ui");
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ R(
     "div",
     {
       role: "status",
       "data-testid": "map-view-loading",
       className: "ds:[inline-size:100%] ds:[block-size:100%]",
       children: [
-        /* @__PURE__ */ m(xt, { variant: "rectangular", width: "100%", height: "100%" }),
+        /* @__PURE__ */ m(Mt, { variant: "rectangular", width: "100%", height: "100%" }),
         /* @__PURE__ */ m(We, { children: e("common.loading") })
       ]
     }
@@ -1087,35 +1087,35 @@ function Ae({
   onError: t
 }) {
   const { t: n } = B("ui");
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ R(
     "div",
     {
       "data-testid": "map-view-loading",
       className: "ds:relative ds:[inline-size:100%] ds:[block-size:100%]",
       children: [
-        /* @__PURE__ */ m(nt, { preview: e, onError: t }),
+        /* @__PURE__ */ m(tt, { preview: e, onError: t }),
         /* @__PURE__ */ m("div", { role: "status", children: /* @__PURE__ */ m(We, { children: n("common.loading") }) })
       ]
     }
   );
 }
-function nt({
+function tt({
   preview: e,
   onError: t
 }) {
-  var d, a;
-  const n = (((d = e.sources) == null ? void 0 : d.length) ?? 0) > 0, r = k(null), o = Dt(e.sources, r), [s, i] = C(!n);
+  var u, a;
+  const n = (((u = e.sources) == null ? void 0 : u.length) ?? 0) > 0, r = k(null), o = Dt(e.sources, r), [s, i] = C(!n);
   ce(() => {
     i(!0);
   }, []);
-  const u = (o !== null ? (a = e.sources) == null ? void 0 : a[o] : void 0) ?? e, f = /* @__PURE__ */ m(
+  const d = (o !== null ? (a = e.sources) == null ? void 0 : a[o] : void 0) ?? e, f = /* @__PURE__ */ m(
     "img",
     {
-      src: u.src,
-      srcSet: u.srcSet,
+      src: d.src,
+      srcSet: d.srcSet,
       alt: e.alt,
-      width: u.width,
-      height: u.height,
+      width: d.width,
+      height: d.height,
       loading: "lazy",
       decoding: "async",
       onError: t,
@@ -1138,13 +1138,13 @@ function vn({
   pending: t,
   holdUntilLoaded: n = !1
 }) {
-  const r = Mt();
-  return De("maps") || tt("Map") || !r && !n ? e : t;
+  const r = kt();
+  return De("maps") || et("Map") || !r && !n ? e : t;
 }
 function bn({ children: e }) {
-  return De("marker") || tt("Marker") ? e : null;
+  return De("marker") || et("Marker") ? e : null;
 }
-function ot(e, t) {
+function nt(e, t) {
   ce(() => {
     const n = e.current;
     return () => {
@@ -1158,19 +1158,18 @@ function wn({
   consentCta: n,
   onImageError: r,
   description: o,
-  openInGoogleMapsHref: s,
-  onUnmount: i
+  onUnmount: s
 }) {
-  const { t: u } = B("ui"), f = Oe(), d = k(null);
-  return ot(d, i), /* @__PURE__ */ N(
+  const { t: i } = B("ui"), d = Oe(), f = k(null);
+  return nt(f, s), /* @__PURE__ */ R(
     "div",
     {
-      ref: d,
+      ref: f,
       className: "ds:absolute ds:inset-0 ds:@container/mapbar ds:bg-[var(--muted)]",
       "data-testid": "map-view-preview",
       children: [
-        /* @__PURE__ */ m(nt, { preview: e, onError: r }),
-        /* @__PURE__ */ m("div", { className: "ds:absolute ds:start-0 ds:end-0 ds:top-[var(--map-preview-inset-block-start,var(--spacing-sm))] ds:px-[var(--spacing-sm)]", children: /* @__PURE__ */ N(
+        /* @__PURE__ */ m(tt, { preview: e, onError: r }),
+        /* @__PURE__ */ m("div", { className: "ds:absolute ds:start-0 ds:end-0 ds:top-[var(--map-preview-inset-block-start,var(--spacing-sm))] ds:px-[var(--spacing-sm)]", children: /* @__PURE__ */ R(
           "div",
           {
             "data-testid": "map-view-preview-plate",
@@ -1179,39 +1178,24 @@ function wn({
               /* @__PURE__ */ m(
                 "p",
                 {
-                  id: f,
+                  id: d,
                   className: "type-meta ds:m-0 ds:min-w-0 ds:text-[var(--foreground)] ds:@[640px]/mapbar:text-start",
                   children: o
                 }
               ),
-              /* @__PURE__ */ N("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)]", children: [
-                n ?? /* @__PURE__ */ m(
-                  Ue,
-                  {
-                    type: "button",
-                    intent: "primary",
-                    size: "sm",
-                    className: "ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)]",
-                    onClick: t,
-                    "aria-describedby": f,
-                    "data-testid": "map-view-load-cta",
-                    children: u("mapView.consentTitle")
-                  }
-                ),
-                /* @__PURE__ */ N(
-                  "a",
-                  {
-                    href: s,
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    className: "ds:inline-flex ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)] ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)] ds:rounded-[var(--radius-sm)] ds:text-[var(--primary-readable)] ds:underline ds:underline-offset-2 ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-                    children: [
-                      /* @__PURE__ */ m("span", { className: "ds:sr-only ds:@[640px]/mapbar:not-sr-only", children: u("mapView.openInGoogleMaps") }),
-                      /* @__PURE__ */ m(Be, { "aria-hidden": "true", className: "ds:size-4" })
-                    ]
-                  }
-                )
-              ] })
+              /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)]", children: n ?? /* @__PURE__ */ m(
+                Ue,
+                {
+                  type: "button",
+                  intent: "primary",
+                  size: "sm",
+                  className: "ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)]",
+                  onClick: t,
+                  "aria-describedby": d,
+                  "data-testid": "map-view-load-cta",
+                  children: i("mapView.consentTitle")
+                }
+              ) })
             ]
           }
         ) })
@@ -1228,8 +1212,8 @@ function Ve({
   consentCta: s,
   onUnmount: i
 }) {
-  const { t: u } = B("ui"), f = k(null);
-  return ot(f, i), /* @__PURE__ */ N(
+  const { t: d } = B("ui"), f = k(null);
+  return nt(f, i), /* @__PURE__ */ R(
     "div",
     {
       ref: f,
@@ -1243,18 +1227,18 @@ function Ve({
             className: "ds:size-6 ds:text-[var(--muted-foreground)]"
           }
         ),
-        /* @__PURE__ */ m("p", { className: Wt(), children: u("mapView.consentTitle") }),
+        /* @__PURE__ */ m("p", { className: Wt(), children: d("mapView.consentTitle") }),
         e ? /* @__PURE__ */ m(
           "p",
           {
-            className: Te(),
+            className: Ne(),
             "data-testid": "map-view-address",
             lang: t,
             children: e
           }
         ) : null,
-        /* @__PURE__ */ m("p", { className: Te(), children: n }),
-        /* @__PURE__ */ N(
+        /* @__PURE__ */ m("p", { className: Ne(), children: n }),
+        /* @__PURE__ */ R(
           "div",
           {
             className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center",
@@ -1268,10 +1252,10 @@ function Ve({
                   size: "sm",
                   onClick: r,
                   "data-testid": "map-view-load-cta",
-                  children: u("mapView.consentCta")
+                  children: d("mapView.consentCta")
                 }
               ),
-              /* @__PURE__ */ N(
+              /* @__PURE__ */ R(
                 "a",
                 {
                   href: o,
@@ -1279,8 +1263,8 @@ function Ve({
                   rel: "noopener noreferrer",
                   className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[var(--primary-readable)] ds:underline ds:underline-offset-2",
                   children: [
-                    u("mapView.openInGoogleMaps"),
-                    /* @__PURE__ */ m(Be, { "aria-hidden": "true", className: "ds:size-3" })
+                    d("mapView.openInGoogleMaps"),
+                    /* @__PURE__ */ m(zt, { "aria-hidden": "true", className: "ds:size-3" })
                   ]
                 }
               )
@@ -1291,7 +1275,7 @@ function Ve({
     }
   );
 }
-const yn = gt(
+const yn = ht(
   ({
     id: e,
     apiKey: t,
@@ -1300,9 +1284,9 @@ const yn = gt(
     markers: o,
     selectedMarkerId: s,
     hoveredMarkerId: i,
-    renderMarkerCard: u,
+    renderMarkerCard: d,
     onMarkerHover: f,
-    onMarkerClick: d,
+    onMarkerClick: u,
     onBoundsChange: a,
     consentGranted: l = !1,
     onConsentRequest: p,
@@ -1317,26 +1301,26 @@ const yn = gt(
     ariaLabel: j,
     fitToPoints: G,
     fitKey: y,
-    fitMaxZoom: E = 15,
+    fitMaxZoom: _ = 15,
     clusterMarkers: V = "auto",
-    clusterLabel: z,
-    onClusterClick: P,
+    clusterLabel: E,
+    onClusterClick: N,
     className: I,
     ...T
-  }, _) => {
-    const { t: S, i18n: Q } = B("ui"), be = k(/* @__PURE__ */ new Map()), ee = R(() => G ?? [], [G]), st = R(
-      () => y ?? ee.map((v) => `${et(v)}@${v.lat},${v.lng}`).sort().join("|"),
+  }, z) => {
+    const { t: S, i18n: Q } = B("ui"), ve = k(/* @__PURE__ */ new Map()), ee = P(() => G ?? [], [G]), ot = P(
+      () => y ?? ee.map((v) => `${Qe(v)}@${v.lat},${v.lng}`).sort().join("|"),
       [y, ee]
-    ), Z = ee.length > 0, we = k(Z), ye = Oe(), rt = R(
-      () => `map-${ye.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [ye]
-    ), [ke, it] = C(!1);
+    ), Z = ee.length > 0, be = k(Z), we = Oe(), st = P(
+      () => `map-${we.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [we]
+    ), [ye, rt] = C(!1);
     $(() => {
       if (typeof window > "u") return;
-      const v = window.matchMedia("(prefers-reduced-motion: reduce)"), x = () => it(v.matches);
+      const v = window.matchMedia("(prefers-reduced-motion: reduce)"), x = () => rt(v.matches);
       return x(), v.addEventListener("change", x), () => v.removeEventListener("change", x);
     }, []);
-    const le = R(() => `https://www.google.com/maps/search/?api=1&query=${c ? encodeURIComponent(c) : `${n.lat},${n.lng}`}`, [c, n.lat, n.lng]), O = k(null), Me = k({
+    const ke = P(() => `https://www.google.com/maps/search/?api=1&query=${c ? encodeURIComponent(c) : `${n.lat},${n.lng}`}`, [c, n.lat, n.lng]), O = k(null), Me = k({
       pendingInput: !1,
       moved: !1,
       programmatic: !1
@@ -1348,15 +1332,15 @@ const yn = gt(
       };
     }, []), te = D(
       (v) => {
-        K(), d == null || d(v);
+        K(), u == null || u(v);
       },
-      [K, d]
-    ), [xe, at] = C(null), de = R(
-      () => i != null && u ? (o ?? []).find((v) => v.id === i) ?? null : null,
-      [i, u, o]
-    ), ct = D((v) => {
+      [K, u]
+    ), [xe, it] = C(null), le = P(
+      () => i != null && d ? (o ?? []).find((v) => v.id === i) ?? null : null,
+      [i, d, o]
+    ), at = D((v) => {
       O.current = v;
-    }, []), ze = k(!1), Ee = k(null), _e = k(0), ne = D(
+    }, []), Ee = k(!1), _e = k(null), ze = k(0), ne = D(
       () => ({
         panTo: (v) => {
           var x;
@@ -1375,7 +1359,7 @@ const yn = gt(
         // than applied: under the default (`consentGranted={false}`) the
         // whole Maps subtree is unmounted and every action optional-chains
         // into nothing.
-        isConsentGranted: () => ze.current,
+        isConsentGranted: () => Ee.current,
         getCenter: () => {
           var v;
           return ((v = O.current) == null ? void 0 : v.getCenter()) ?? null;
@@ -1384,45 +1368,45 @@ const yn = gt(
           var v;
           return ((v = O.current) == null ? void 0 : v.getZoom()) ?? null;
         },
-        getSelectedMarkerId: () => Ee.current,
-        getMarkerCount: () => _e.current
+        getSelectedMarkerId: () => _e.current,
+        getMarkerCount: () => ze.current
       }),
       []
     );
-    vt(_, ne, [ne]);
-    const lt = R(
+    gt(z, ne, [ne]);
+    const ct = P(
       () => ne(),
       [ne]
     );
-    Et(St, lt, e), $(() => {
+    Et(St, ct, e), $(() => {
       var x, U;
-      const v = we.current && !Z;
-      if (we.current = Z, !Z) {
+      const v = be.current && !Z;
+      if (be.current = Z, !Z) {
         if (v) {
           (x = O.current) == null || x.jumpTo(n, r);
           return;
         }
-        ke || (U = O.current) == null || U.panTo(n);
+        ye || (U = O.current) == null || U.panTo(n);
       }
-    }, [n.lat, n.lng, ke, Z]), $(() => {
+    }, [n.lat, n.lng, ye, Z]), $(() => {
       var v;
       Z || (v = O.current) == null || v.setZoom(r);
     }, [r, Z]);
-    const [dt, Se] = C(!1), oe = l || dt;
-    ze.current = oe, Ee.current = s ?? null, _e.current = (o ?? []).length;
-    const [ut, mt] = C(null), F = g && g.src !== ut ? g : void 0, ue = g == null ? void 0 : g.src, me = D(() => {
-      ue && mt(ue);
-    }, [ue]), $e = k(null), pe = k(!1), fe = k(!1), Ie = D((v) => {
-      fe.current = v;
+    const [lt, Se] = C(!1), oe = l || lt;
+    Ee.current = oe, _e.current = s ?? null, ze.current = (o ?? []).length;
+    const [dt, ut] = C(null), F = g && g.src !== dt ? g : void 0, de = g == null ? void 0 : g.src, ue = D(() => {
+      de && ut(de);
+    }, [de]), $e = k(null), me = k(!1), pe = k(!1), Ie = D((v) => {
+      pe.current = v;
     }, []);
     $(() => {
       var H;
       if (!oe) return;
-      const v = document.activeElement, x = !v || v === document.body, U = pe.current || fe.current && x;
-      pe.current = !1, fe.current = !1, U && ((H = $e.current) == null || H.focus({ preventScroll: !0 }));
+      const v = document.activeElement, x = !v || v === document.body, U = me.current || pe.current && x;
+      me.current = !1, pe.current = !1, U && ((H = $e.current) == null || H.focus({ preventScroll: !0 }));
     }, [oe]);
     const Ce = D(() => {
-      if (pe.current = !0, p) {
+      if (me.current = !0, p) {
         p(), Se(!0);
         return;
       }
@@ -1440,7 +1424,7 @@ const yn = gt(
           isHovered: U,
           onSelect: te,
           onHover: f,
-          elements: be
+          elements: ve
         },
         v.id
       ) : /* @__PURE__ */ m(
@@ -1455,17 +1439,17 @@ const yn = gt(
         },
         v.id
       );
-    }, pt = D(
-      (v) => typeof z == "function" ? z(v) : typeof z == "string" ? z.replaceAll("{count}", String(v)) : S("mapView.clusterLabel", { count: v }),
-      [z, S]
-    ), ft = Vt(V, (o ?? []).length);
+    }, mt = D(
+      (v) => typeof E == "function" ? E(v) : typeof E == "string" ? E.replaceAll("{count}", String(v)) : S("mapView.clusterLabel", { count: v }),
+      [E, S]
+    ), pt = Vt(V, (o ?? []).length);
     return /* @__PURE__ */ m(
       "div",
       {
         ref: $e,
         className: Zt({ size: L, surface: A, className: I }),
         "data-component": "map-view",
-        "data-component-id": e ?? rt,
+        "data-component-id": e ?? st,
         role: "region",
         "aria-label": j ?? S("mapView.label"),
         tabIndex: -1,
@@ -1473,7 +1457,7 @@ const yn = gt(
         children: /* @__PURE__ */ m(
           "div",
           {
-            ref: at,
+            ref: it,
             className: Ft({ size: L, className: "ds:relative" }),
             children: oe ? (
               // A provider failure shows the consent placeholder (its "Open in
@@ -1482,7 +1466,7 @@ const yn = gt(
               // starts the provider only once Google's `core` and `maps`
               // libraries have arrived.
               /* @__PURE__ */ m(
-                zt,
+                xt,
                 {
                   fallback: ({ reset: v }) => /* @__PURE__ */ m(
                     Ve,
@@ -1492,22 +1476,22 @@ const yn = gt(
                       description: w ?? S("mapView.consentDescription"),
                       onLoadMap: v,
                       consentCta: void 0,
-                      openInGoogleMapsHref: le
+                      openInGoogleMapsHref: ke
                     }
                   ),
                   children: /* @__PURE__ */ m(
-                    wt,
+                    bt,
                     {
                       libraries: ["maps"],
                       pending: F ? /* @__PURE__ */ m(
                         Ae,
                         {
                           preview: F,
-                          onError: me
+                          onError: ue
                         }
                       ) : /* @__PURE__ */ m(Re, {}),
                       children: /* @__PURE__ */ m(
-                        yt,
+                        wt,
                         {
                           apiKey: t,
                           language: Q.language,
@@ -1519,11 +1503,11 @@ const yn = gt(
                                 Ae,
                                 {
                                   preview: F,
-                                  onError: me
+                                  onError: ue
                                 }
                               ) : /* @__PURE__ */ m(Re, {}),
-                              children: /* @__PURE__ */ N(
-                                kt,
+                              children: /* @__PURE__ */ R(
+                                yt,
                                 {
                                   defaultCenter: n,
                                   defaultZoom: r,
@@ -1536,7 +1520,7 @@ const yn = gt(
                                     /* @__PURE__ */ m(
                                       Bt,
                                       {
-                                        onHandleReady: ct,
+                                        onHandleReady: at,
                                         onMarkerSelect: te,
                                         onCameraMove: K
                                       }
@@ -1552,21 +1536,21 @@ const yn = gt(
                                       on,
                                       {
                                         points: ee,
-                                        fitKey: st,
-                                        maxZoom: E,
+                                        fitKey: ot,
+                                        maxZoom: _,
                                         onCameraMove: K
                                       }
                                     ) : null,
-                                    de && u ? /* @__PURE__ */ m(
+                                    le && d ? /* @__PURE__ */ m(
                                       qt,
                                       {
-                                        marker: de,
+                                        marker: le,
                                         frame: xe,
                                         direction: Q.dir(),
-                                        children: u(de.id)
+                                        children: d(le.id)
                                       }
                                     ) : null,
-                                    /* @__PURE__ */ m(bn, { children: /* @__PURE__ */ m(dn, { enabled: !M, children: ft ? /* @__PURE__ */ m(
+                                    /* @__PURE__ */ m(bn, { children: /* @__PURE__ */ m(dn, { enabled: !M, children: pt ? /* @__PURE__ */ m(
                                       gn,
                                       {
                                         markers: o ?? [],
@@ -1576,10 +1560,10 @@ const yn = gt(
                                         renderMarker: Le,
                                         mapId: !!M,
                                         frame: xe,
-                                        elements: be,
-                                        labelFor: pt,
+                                        elements: ve,
+                                        labelFor: mt,
                                         onCameraMove: K,
-                                        onClusterClick: P
+                                        onClusterClick: N
                                       }
                                     ) : (o ?? []).map(Le) }) })
                                   ]
@@ -1599,9 +1583,8 @@ const yn = gt(
                 preview: F,
                 onLoadMap: Ce,
                 consentCta: b,
-                onImageError: me,
+                onImageError: ue,
                 description: w ?? S("mapView.consentDescription"),
-                openInGoogleMapsHref: le,
                 onUnmount: Ie
               }
             ) : /* @__PURE__ */ m(
@@ -1612,7 +1595,7 @@ const yn = gt(
                 description: w ?? S("mapView.consentDescription"),
                 onLoadMap: Ce,
                 consentCta: b,
-                openInGoogleMapsHref: le,
+                openInGoogleMapsHref: ke,
                 onUnmount: Ie
               }
             )
@@ -1625,6 +1608,6 @@ const yn = gt(
 yn.displayName = "MapView";
 export {
   yn as M,
-  Ne as i
+  Te as i
 };
-//# sourceMappingURL=map-view-CO4F0hMV.js.map
+//# sourceMappingURL=map-view-DkL58SRp.js.map