@alfadocs/ui-kit-debug 1.122.0 → 1.124.0

package/dist/_chunks/{map-view-QWdQLHi9.js → map-view-DRd_GRQf.js}

@@ -1,7 +1,7 @@
 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 Ge, useLayoutEffect as ce, createContext as bt } from "react";
 import { createPortal as je } from "react-dom";
-import { c as J } from "./index-D2ZczOXr.js";
+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 { B as Ue } from "./button-DohK_Ak_.js";
@@ -154,7 +154,7 @@ const St = {
       description: "Sourced from the id prop."
     }
   }
-}, q = 32, X = 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", Ke = 2, He = 4, qe = "translate(8.25 8.25) scale(0.10473)", Xe = [
   {
     tag: "rect",
     attrs: {
@@ -199,13 +199,13 @@ const St = {
   }
 ], $t = (e) => Object.entries(e).map(([t, n]) => `${t}="${n}"`).join(" ");
 function It(e, t, n, r = {
-  width: q,
-  height: X
+  width: X,
+  height: J
 }) {
   const o = Xe.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 ${q} ${X}"><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="${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>`;
 }
 const Je = 1.4, Ct = [
   "ds:[gmp-advanced-marker:focus-visible_&]:outline-[length:var(--focus-ring-width)]",
@@ -215,7 +215,7 @@ 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-hover-color)]" : "ds:fill-[var(--map-marker-color)]";
+  const t = e ? Je : 1, n = e ? "ds:fill-[var(--map-marker-selected-color)]" : "ds:fill-[var(--map-marker-color)]";
   return /* @__PURE__ */ m(
     "span",
     {
@@ -227,9 +227,9 @@ function Lt({ hovered: e }) {
           "aria-hidden": "true",
           focusable: "false",
           "data-map-pin": e ? "hovered" : "normal",
-          width: q * t,
-          height: X * t,
-          viewBox: `0 0 ${q} ${X}`,
+          width: X * t,
+          height: J * t,
+          viewBox: `0 0 ${X} ${J}`,
           className: `ds:block ds:fill-[var(--map-marker-hover-ring)] ds:forced-colors:fill-[Canvas] ${Ct}`,
           children: [
             /* @__PURE__ */ m(
@@ -293,11 +293,11 @@ function Ot(e, t, n = Tt) {
     (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;
   for (const a of r) {
-    const l = i(a.x), f = i(a.y);
+    const l = i(a.x), p = i(a.y);
     let g = null, c = u;
     for (let h = -1; h <= 1; h += 1)
       for (let w = -1; w <= 1; w += 1)
-        for (const b of s.get(`${l + h}:${f + w}`) ?? []) {
+        for (const b of s.get(`${l + h}:${p + w}`) ?? []) {
           const M = (b.x - a.x) ** 2 + (b.y - a.y) ** 2;
           M <= c && (g = b, c = M);
         }
@@ -320,18 +320,18 @@ function Ot(e, t, n = Tt) {
         lng: a.marker.position.lng
       };
       o.push(h);
-      const w = `${l}:${f}`, b = s.get(w);
+      const w = `${l}:${p}`, b = s.get(w);
       b ? b.push(h) : s.set(w, [h]);
     }
   }
-  const p = [], d = [];
+  const f = [], d = [];
   for (const a of o)
-    a.members.length === 1 ? p.push(a.members[0]) : d.push({
+    a.members.length === 1 ? f.push(a.members[0]) : d.push({
       id: a.members[0].id,
       position: { lat: a.lat, lng: a.lng },
       members: a.members
     });
-  return { singles: p, clusters: d };
+  return { singles: f, clusters: d };
 }
 function Ne(e) {
   if (!(e instanceof Element)) return !1;
@@ -366,15 +366,15 @@ function Dt(e, t) {
         d && r(null);
         return;
       }
-      const f = Math.log(a / l), g = jt(i, f);
-      r((c) => c === null || c >= i.length || Math.abs(i[c] - f) - Math.abs(i[g] - f) > Gt ? g : c);
+      const p = Math.log(a / l), g = jt(i, p);
+      r((c) => c === null || c >= i.length || Math.abs(i[c] - p) - Math.abs(i[g] - p) > Gt ? g : c);
     };
     if (u(!0), typeof ResizeObserver > "u") return;
-    const p = new ResizeObserver(() => u(!1));
-    return p.observe(s), () => p.disconnect();
+    const f = new ResizeObserver(() => u(!1));
+    return f.observe(s), () => f.disconnect();
   }, [t, o]), n;
 }
-const Zt = J(
+const Zt = Y(
   [
     "ds:relative ds:overflow-hidden ds:block",
     "ds:bg-[var(--muted)]",
@@ -403,7 +403,7 @@ const Zt = J(
     },
     defaultVariants: { size: "md", surface: "bordered" }
   }
-), Ft = J("ds:block ds:w-full", {
+), Ft = Y("ds:block ds:w-full", {
   variants: {
     size: {
       sm: "ds:[block-size:var(--map-block-size)]",
@@ -413,7 +413,7 @@ const Zt = J(
     }
   },
   defaultVariants: { size: "md" }
-}), Ut = J(
+}), Ut = Y(
   [
     "ds:absolute ds:inset-0",
     "ds:flex ds:flex-col ds:items-center ds:justify-center",
@@ -422,7 +422,7 @@ const Zt = J(
     "ds:bg-[var(--muted)] ds:text-[var(--foreground)]",
     "ds:text-center"
   ].join(" ")
-), Wt = J("type-heading-3 ds:m-0"), Te = J(
+), Wt = Y("type-heading-3 ds:m-0"), Te = Y(
   "type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0"
 );
 function Bt({
@@ -473,9 +473,9 @@ function Kt({
     };
     i();
     let u;
-    const p = /* @__PURE__ */ new Set(), d = (c) => {
-      if (c instanceof PointerEvent && c.pointerType === "touch" && (c.type === "pointerdown" && p.add(c.pointerId), c.type === "pointerup" || c.type === "pointercancel")) {
-        p.delete(c.pointerId);
+    const f = /* @__PURE__ */ new Set(), d = (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;
       }
       if (c instanceof PointerEvent && c.type === "pointermove" && c.buttons === 0 && c.pointerType !== "touch" || c instanceof KeyboardEvent && ![
@@ -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" || p.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(u), u = setTimeout(() => {
         t.current.pendingInput = !1;
       }, 250);
     }, a = () => {
@@ -508,7 +508,7 @@ function Kt({
         (j) => c[j] !== s.bounds[j]
       ), L = s != null && (w !== s.zoom || h.lat !== s.center.lat || h.lng !== s.center.lng);
       s = { bounds: c, center: h, zoom: w }, M && r.current(c, { userInteraction: b && L });
-    }, f = [
+    }, p = [
       "pointerdown",
       "pointermove",
       "pointerup",
@@ -520,7 +520,7 @@ function Kt({
       "wheel",
       "keydown"
     ];
-    f.forEach(
+    p.forEach(
       (c) => o.addEventListener(c, d, { capture: !0, passive: !0 })
     );
     const g = [
@@ -532,7 +532,7 @@ function Kt({
       n.addListener("idle", l)
     ];
     return l(), () => {
-      g.forEach((c) => c.remove()), f.forEach(
+      g.forEach((c) => c.remove()), p.forEach(
         (c) => o.removeEventListener(c, d, !0)
       ), clearTimeout(u), i();
     };
@@ -549,20 +549,20 @@ function Ht(e, t) {
         o(null);
         return;
       }
-      const f = l.clientWidth, g = l.clientHeight, c = Ye * 2 ** a;
+      const p = l.clientWidth, g = l.clientHeight, c = Ye * 2 ** a;
       o({
         id: e,
-        width: f,
+        width: p,
         height: g,
-        x: f / 2 + (i - d.lng) / 360 * c,
+        x: p / 2 + (i - d.lng) / 360 * c,
         y: g / 2 - (ae(s) - ae(d.lat)) * c / (2 * Math.PI)
       });
     };
     u();
-    const p = ["bounds_changed", "zoom_changed", "center_changed", "idle"].flatMap(
+    const f = ["bounds_changed", "zoom_changed", "center_changed", "idle"].flatMap(
       (d) => typeof n.addListener == "function" ? [n.addListener(d, u)] : []
     );
-    return () => p.forEach((d) => d.remove());
+    return () => f.forEach((d) => d.remove());
   }, [n, e, s, i]), (r == null ? void 0 : r.id) === e ? r : null;
 }
 function qt({
@@ -577,7 +577,7 @@ function qt({
     t
   );
 }
-const Xt = 52, Jt = 12, oe = 8;
+const Xt = 52, Jt = 12, se = 8;
 function Yt({
   anchor: e,
   children: t,
@@ -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, p = (o == null ? void 0 : o.height) ?? 0, d = Math.max(oe, e.width - u - oe), a = Math.min(Math.max(e.x - u / 2, oe), d), l = e.y - Xt - p, f = l < oe, g = f ? e.y + Jt : l;
+  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;
   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.
@@ -609,7 +609,7 @@ function Yt({
             ref: r,
             "data-component": "map-view-marker-card",
             "data-marker-id": e.id,
-            "data-placement": f ? "below" : "above",
+            "data-placement": p ? "below" : "above",
             style: {
               "--marker-card-x": `${a}px`,
               "--marker-card-y": `${g}px`
@@ -638,31 +638,31 @@ function Qt({
   onHover: s,
   elements: i
 }) {
-  const [u, p] = C(null), { id: d } = e, a = k(!1);
+  const [u, f] = C(null), { id: d } = e, a = k(!1);
   return $(() => {
     const l = re(u);
     if (l && (l.style.outline = "none"), !l || !i) return;
-    const f = i.current;
-    return f.set(`pin:${e.id}`, l), () => {
-      f.delete(`pin:${e.id}`);
+    const p = i.current;
+    return p.set(`pin:${e.id}`, l), () => {
+      p.delete(`pin:${e.id}`);
     };
   }, [u, i, e.id]), $(() => {
     const l = re(u);
     if (!l || !s) return;
-    const f = (h) => {
+    const p = (h) => {
       Ne(h.target) && s(d, !0, "focus");
     }, g = (h) => {
       l.contains(h.relatedTarget) || a.current || s(d, !1, "focus");
     }, c = (h) => {
       h.key === "Escape" && s(d, !1, "focus");
     };
-    return l.addEventListener("focusin", f), l.addEventListener("focusout", g), l.addEventListener("keydown", c), () => {
-      l.removeEventListener("focusin", f), l.removeEventListener("focusout", g), l.removeEventListener("keydown", c);
+    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(
     Ze,
     {
-      ref: p,
+      ref: f,
       position: e.position,
       title: t,
       "aria-label": t,
@@ -675,8 +675,8 @@ function Qt({
       } : void 0,
       onMouseLeave: s ? () => {
         a.current = !1;
-        const l = re(u), f = document.activeElement;
-        l && f && l.contains(f) && Ne(f) || s(d, !1, "pointer");
+        const l = re(u), p = document.activeElement;
+        l && p && l.contains(p) && Ne(p) || s(d, !1, "pointer");
       } : void 0,
       children: /* @__PURE__ */ m(Lt, { hovered: r })
     }
@@ -695,15 +695,15 @@ function nn(e) {
   return { north: t, south: n, east: r, west: o };
 }
 function Qe(e, t, n, r, o) {
-  const { north: s, south: i, east: u, west: p } = nn(e);
-  if (s === i && u === p)
+  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 + p) / 2
-  }, f = (c, h) => h > 0 ? Math.log2(Math.max(c, 1) / Ye / h) : o, g = Math.min(
-    f(t - 2 * r, (u - p) / 360),
-    f(n - 2 * r, (d - a) / (2 * Math.PI)),
+    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)),
     o
   );
   return { center: l, zoom: Math.max(0, Math.floor(g)) };
@@ -718,23 +718,23 @@ function on({
   const o = W(), s = k(null), i = k(!1), u = k(null);
   return $(() => {
     if (!o) return;
-    const p = () => {
+    const f = () => {
       var c;
-      const a = u.current, l = (c = o.getCenter()) == null ? void 0 : c.toJSON(), f = o.getZoom();
-      a != null && f === 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);
+      const a = u.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 = [
       o.addListener("dragstart", () => {
         i.current = !0;
       }),
-      o.addListener("center_changed", p),
-      o.addListener("zoom_changed", p)
+      o.addListener("center_changed", f),
+      o.addListener("zoom_changed", f)
     ];
     return () => d.forEach((a) => a.remove());
   }, [o]), $(() => {
     var w;
     if (!o) return;
-    const p = ((w = s.current) == null ? void 0 : w.map) === o ? s.current : null;
-    if ((p == null ? void 0 : p.key) === t) 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;
     };
@@ -742,27 +742,27 @@ function on({
       s.current = { map: o, key: t, points: d };
       return;
     }
-    if (p != null && p.points.size > 0 && [...p.points].every((b) => d.has(b)) && i.current) {
+    if (f != null && f.points.size > 0 && [...f.points].every((b) => d.has(b)) && i.current) {
       s.current = { map: o, key: t, points: d };
       return;
     }
-    const f = o.getDiv();
-    if (!(f instanceof Element)) return;
+    const p = o.getDiv();
+    if (!(p instanceof Element)) return;
     const g = () => {
       s.current = { map: o, key: t, points: d };
       const b = Math.min(
-        ge("--spacing-2xl", f, 48),
-        f.clientWidth / 4,
-        f.clientHeight / 4
+        ge("--spacing-2xl", p, 48),
+        p.clientWidth / 4,
+        p.clientHeight / 4
       ), { center: M, zoom: L } = Qe(
         e,
-        f.clientWidth,
-        f.clientHeight,
+        p.clientWidth,
+        p.clientHeight,
         b,
         n
       );
       a(M, L);
-    }, c = () => f.clientWidth > 0 && f.clientHeight > 0;
+    }, c = () => p.clientWidth > 0 && p.clientHeight > 0;
     if (c() || typeof ResizeObserver > "u") {
       g();
       return;
@@ -770,7 +770,7 @@ function on({
     const h = new ResizeObserver(() => {
       c() && (h.disconnect(), g());
     });
-    return h.observe(f), () => h.disconnect();
+    return h.observe(p), () => h.disconnect();
   }, [o, t, e, n, r]), null;
 }
 const Pe = 10;
@@ -822,7 +822,7 @@ function an({ count: e }) {
     }
   );
 }
-function se(e, t) {
+function q(e, t) {
   const n = document.createElement("span");
   n.style.color = `var(${e})`, n.style.display = "none", (t.isConnected ? t : document.documentElement).append(n);
   const r = getComputedStyle(n).color;
@@ -835,32 +835,33 @@ function cn(e) {
     if (!e || !t) return;
     const o = (a = t.getDiv) == null ? void 0 : a.call(t), s = o instanceof Element ? o : document.documentElement, i = () => {
       const l = {
-        fill: se("--map-marker-color", s),
-        ink: se("--map-marker-hover-ring", s),
-        ring: se("--map-marker-hover-ring", s),
-        hover: se("--map-marker-hover-color", s),
+        fill: q("--map-marker-color", s),
+        ink: q("--map-marker-hover-ring", s),
+        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)
       };
       r(
-        (f) => f && f.fill === l.fill && f.ink === l.ink && f.ring === l.ring && f.hover === l.hover && f.target === l.target ? f : l
+        (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), p = {
+    const u = new MutationObserver(i), f = {
       attributes: !0,
       attributeFilter: ["class", "data-theme"]
     };
-    u.observe(document.documentElement, p);
+    u.observe(document.documentElement, f);
     const d = s.closest('[data-component="theme-root"]');
-    return d && u.observe(d, p), () => u.disconnect();
+    return d && u.observe(d, f), () => u.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}"`, p = `<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), 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;
   return {
     icon: {
-      url: `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(p)}`,
+      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
     },
@@ -875,13 +876,16 @@ function dn({
   const n = cn(e);
   return /* @__PURE__ */ m(ve.Provider, { value: n, children: t });
 }
-function un({ fill: e, ring: t, hover: n }, r) {
-  var d;
-  const o = r ? Je : 1, s = q * o, i = X * o, u = It(r ? n : e, t, n, { width: s, height: i }), p = (d = globalThis.google) == null ? void 0 : d.maps;
+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, {
+    width: i,
+    height: u
+  }), d = (a = globalThis.google) == null ? void 0 : a.maps;
   return {
-    url: `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(u)}`,
-    scaledSize: p ? new p.Size(s, i) : void 0,
-    anchor: p ? new p.Point(s / 2, i) : void 0
+    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
   };
 }
 function mn({
@@ -917,15 +921,15 @@ function pn({
   elements: o,
   onActivate: s
 }) {
-  const [i, u] = C(null), p = `cluster:${e.id}`;
+  const [i, u] = C(null), f = `cluster:${e.id}`;
   $(() => {
     const l = re(i);
     if (!l) return;
-    const f = o.current;
-    return f.set(p, l), l.style.outline = "none", () => {
-      f.delete(p);
+    const p = o.current;
+    return p.set(f, l), l.style.outline = "none", () => {
+      p.delete(f);
     };
-  }, [i, o, p]);
+  }, [i, o, f]);
   const d = e.members.length, a = R(
     () => n || !r ? null : ln(d, r),
     [n, d, r]
@@ -964,11 +968,11 @@ function gn({
   mapId: s,
   frame: i,
   elements: u,
-  labelFor: p,
+  labelFor: f,
   onCameraMove: d,
   onClusterClick: a
 }) {
-  const l = W(), { t: f } = B("ui"), g = sn(t), c = Ge(ve), h = R(
+  const l = W(), { t: p } = B("ui"), g = sn(t), c = Ge(ve), h = R(
     () => Ot(e, g),
     [e, g]
   ), { singles: w, clusters: b } = R(() => {
@@ -1002,7 +1006,7 @@ function gn({
       ids: new Set(y.members.map((S) => S.id)),
       centre: y.position
     }, L(""), clearTimeout(G.current), G.current = setTimeout(
-      () => L(f("mapView.clusterZoomed", { label: p(T) })),
+      () => L(p("mapView.clusterZoomed", { label: f(T) })),
       fn
     ), d(), a == null || a({
       count: T,
@@ -1016,7 +1020,7 @@ function gn({
     const z = () => {
       let I = null;
       for (const _ of b) {
-        if (!_.members.some((Y) => y.ids.has(Y.id)))
+        if (!_.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 });
@@ -1045,7 +1049,7 @@ function gn({
       pn,
       {
         cluster: y,
-        label: p(y.members.length),
+        label: f(y.members.length),
         mapId: s,
         iconTheme: c,
         elements: u,
@@ -1104,7 +1108,7 @@ function nt({
   ce(() => {
     i(!0);
   }, []);
-  const u = (o !== null ? (a = e.sources) == null ? void 0 : a[o] : void 0) ?? e, p = /* @__PURE__ */ m(
+  const u = (o !== null ? (a = e.sources) == null ? void 0 : a[o] : void 0) ?? e, f = /* @__PURE__ */ m(
     "img",
     {
       src: u.src,
@@ -1125,9 +1129,9 @@ function nt({
       ref: r,
       "data-testid": "map-view-preview-area",
       className: "ds:absolute ds:inset-0",
-      children: s ? p : null
+      children: s ? f : null
     }
-  ) : p;
+  ) : f;
 }
 function vn({
   children: e,
@@ -1157,7 +1161,7 @@ function wn({
   openInGoogleMapsHref: s,
   onUnmount: i
 }) {
-  const { t: u } = B("ui"), p = Oe(), d = k(null);
+  const { t: u } = B("ui"), f = Oe(), d = k(null);
   return ot(d, i), /* @__PURE__ */ N(
     "div",
     {
@@ -1175,7 +1179,7 @@ function wn({
               /* @__PURE__ */ m(
                 "p",
                 {
-                  id: p,
+                  id: f,
                   className: "type-meta ds:m-0 ds:min-w-0 ds:flex-1 ds:text-[var(--foreground)]",
                   children: o
                 }
@@ -1185,11 +1189,11 @@ function wn({
                   Ue,
                   {
                     type: "button",
-                    intent: "secondary",
+                    intent: "primary",
                     size: "sm",
                     className: "ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)]",
                     onClick: t,
-                    "aria-describedby": p,
+                    "aria-describedby": f,
                     "data-testid": "map-view-load-cta",
                     children: u("mapView.consentTitle")
                   }
@@ -1224,11 +1228,11 @@ function Ve({
   consentCta: s,
   onUnmount: i
 }) {
-  const { t: u } = B("ui"), p = k(null);
-  return ot(p, i), /* @__PURE__ */ N(
+  const { t: u } = B("ui"), f = k(null);
+  return ot(f, i), /* @__PURE__ */ N(
     "div",
     {
-      ref: p,
+      ref: f,
       className: Ut(),
       "data-testid": "map-view-consent",
       children: [
@@ -1297,11 +1301,11 @@ const yn = gt(
     selectedMarkerId: s,
     hoveredMarkerId: i,
     renderMarkerCard: u,
-    onMarkerHover: p,
+    onMarkerHover: f,
     onMarkerClick: d,
     onBoundsChange: a,
     consentGranted: l = !1,
-    onConsentRequest: f,
+    onConsentRequest: p,
     staticPreview: g,
     address: c,
     contentLang: h,
@@ -1320,10 +1324,10 @@ const yn = gt(
     className: I,
     ...T
   }, _) => {
-    const { t: S, i18n: Y } = B("ui"), be = k(/* @__PURE__ */ new Map()), Q = R(() => j ?? [], [j]), st = R(
-      () => y ?? Q.map((v) => `${et(v)}@${v.lat},${v.lng}`).sort().join("|"),
-      [y, Q]
-    ), Z = Q.length > 0, we = k(Z), ye = Oe(), rt = R(
+    const { t: S, i18n: Q } = B("ui"), be = k(/* @__PURE__ */ new Map()), ee = R(() => j ?? [], [j]), st = R(
+      () => y ?? ee.map((v) => `${et(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);
@@ -1342,7 +1346,7 @@ const yn = gt(
         moved: !1,
         programmatic: !0
       };
-    }, []), ee = D(
+    }, []), te = D(
       (v) => {
         K(), d == null || d(v);
       },
@@ -1352,7 +1356,7 @@ const yn = gt(
       [i, u, o]
     ), ct = D((v) => {
       O.current = v;
-    }, []), ze = k(!1), Ee = k(null), _e = k(0), te = D(
+    }, []), ze = k(!1), Ee = k(null), _e = k(0), ne = D(
       () => ({
         panTo: (v) => {
           var x;
@@ -1385,10 +1389,10 @@ const yn = gt(
       }),
       []
     );
-    vt(_, te, [te]);
+    vt(_, ne, [ne]);
     const lt = R(
-      () => te(),
-      [te]
+      () => ne(),
+      [ne]
     );
     Et(St, lt, e), $(() => {
       var x, U;
@@ -1404,8 +1408,8 @@ const yn = gt(
       var v;
       Z || (v = O.current) == null || v.setZoom(r);
     }, [r, Z]);
-    const [dt, Se] = C(!1), ne = l || dt;
-    ze.current = ne, Ee.current = s ?? null, _e.current = (o ?? []).length;
+    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) => {
@@ -1413,17 +1417,17 @@ const yn = gt(
     }, []);
     $(() => {
       var H;
-      if (!ne) return;
+      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 }));
-    }, [ne]);
+    }, [oe]);
     const Ce = D(() => {
-      if (pe.current = !0, f) {
-        f(), Se(!0);
+      if (pe.current = !0, p) {
+        p(), Se(!0);
         return;
       }
       Se(!0);
-    }, [f]), Le = (v) => {
+    }, [p]), Le = (v) => {
       const x = s != null && s === v.id, U = i != null && i === v.id, H = S("mapView.markerLabel", {
         label: v.label ?? v.id
       });
@@ -1434,8 +1438,8 @@ const yn = gt(
           label: H,
           isSelected: x,
           isHovered: U,
-          onSelect: ee,
-          onHover: p,
+          onSelect: te,
+          onHover: f,
           elements: be
         },
         v.id
@@ -1446,8 +1450,8 @@ const yn = gt(
           label: H,
           isSelected: x,
           isHovered: U,
-          onSelect: ee,
-          onHover: p
+          onSelect: te,
+          onHover: f
         },
         v.id
       );
@@ -1471,7 +1475,7 @@ const yn = gt(
           {
             ref: at,
             className: Ft({ size: L, className: "ds:relative" }),
-            children: ne ? (
+            children: oe ? (
               // A provider failure shows the consent placeholder (its "Open in
               // Google Maps" link needs no script) with "Load map" as the
               // retry, instead of unmounting the host's React tree. The gate
@@ -1506,7 +1510,7 @@ const yn = gt(
                         yt,
                         {
                           apiKey: t,
-                          language: Y.language,
+                          language: Q.language,
                           children: /* @__PURE__ */ m(
                             vn,
                             {
@@ -1526,14 +1530,14 @@ const yn = gt(
                                   mapId: M,
                                   gestureHandling: "cooperative",
                                   disableDefaultUI: !1,
-                                  onClick: () => ee(null),
+                                  onClick: () => te(null),
                                   className: "ds:[inline-size:100%] ds:[block-size:100%]",
                                   children: [
                                     /* @__PURE__ */ m(
                                       Bt,
                                       {
                                         onHandleReady: ct,
-                                        onMarkerSelect: ee,
+                                        onMarkerSelect: te,
                                         onCameraMove: K
                                       }
                                     ),
@@ -1547,7 +1551,7 @@ const yn = gt(
                                     j ? /* @__PURE__ */ m(
                                       on,
                                       {
-                                        points: Q,
+                                        points: ee,
                                         fitKey: st,
                                         maxZoom: E,
                                         onCameraMove: K
@@ -1558,7 +1562,7 @@ const yn = gt(
                                       {
                                         marker: de,
                                         frame: xe,
-                                        direction: Y.dir(),
+                                        direction: Q.dir(),
                                         children: u(de.id)
                                       }
                                     ) : null,
@@ -1623,4 +1627,4 @@ export {
   yn as M,
   Ne as i
 };
-//# sourceMappingURL=map-view-QWdQLHi9.js.map
+//# sourceMappingURL=map-view-DRd_GRQf.js.map