@alfadocs/ui-kit 1.67.0 → 1.68.0

package/dist/_chunks/{map-view-BuVfJMEa.js → map-view-CtohteZD.js}

@@ -1,15 +1,16 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as X, useId as Y, useMemo as v, useState as N, useEffect as f, useRef as g, useCallback as z, useImperativeHandle as ee } from "react";
-import { c as p } from "./index-D2ZczOXr.js";
-import { useTranslation as V } from "react-i18next";
-import { A as te, M as se, a as ae, P as oe, b as ne, u as re, c as j, d as ie } from "./index.modern-BeRXQVdc.js";
-import { B as le } from "./button-D-MQxsA_.js";
-import { S as de } from "./skeleton-B1KTdJ4N.js";
-import { V as ce } from "./visually-hidden-BHxEUGyT.js";
-import { u as pe } from "./registry-DvAUVLHh.js";
-import { M as me } from "./map-pin-BaY37-Km.js";
-import { E as ue } from "./external-link-CY6zAXXU.js";
-const he = {
+import { jsx as i, jsxs as L } from "react/jsx-runtime";
+import { forwardRef as le, useMemo as x, useRef as y, useId as de, useState as E, useEffect as I, useCallback as R, useImperativeHandle as ce } from "react";
+import { c as G } from "./index-D2ZczOXr.js";
+import { useTranslation as Z } from "react-i18next";
+import { A as pe, M as ue, a as me, P as he, b as ge, u as fe, c as K, d as W } from "./index.modern-BeRXQVdc.js";
+import { B as be } from "./button-D-MQxsA_.js";
+import { S as ve } from "./skeleton-tTWJpvAq.js";
+import { V as ye } from "./visually-hidden-BHxEUGyT.js";
+import { u as we } from "./registry-DvAUVLHh.js";
+import { l as Me } from "./length-token-DwMnGEYT.js";
+import { M as ze } from "./map-pin-BaY37-Km.js";
+import { E as Ve } from "./external-link-CY6zAXXU.js";
+const ke = {
   id: "map-view",
   // pan → scroll (viewport move); set_zoom → set_value; select_marker → pick
   // (NON-persisting marker focus, no value state slot).
@@ -32,31 +33,31 @@ const he = {
       type: "boolean",
       descriptionKey: "ui.agent.mapView.state.consentGranted",
       description: "True when the GDPR consent gate has been passed. Read this FIRST: while it is false every action is a silent no-op against a placeholder, and nothing else in the surface says so. When it is true but `center` is still null, Google Maps is loading; wait for `center` before acting.",
-      read: (t) => t.isConsentGranted()
+      read: (e) => e.isConsentGranted()
     },
     markerCount: {
       type: "number",
       descriptionKey: "ui.agent.mapView.state.markerCount",
       description: "Number of markers the consumer passed. Zero means there is nothing for `select_marker` to select. A count only — no ids, labels or positions.",
-      read: (t) => t.getMarkerCount()
+      read: (e) => e.getMarkerCount()
     },
     selectedMarkerId: {
       type: "string | null",
       descriptionKey: "ui.agent.mapView.state.selectedMarkerId",
       description: "Id of the marker the host currently holds as selected, or null. Selection is fully controlled by the consumer, so `select_marker` only proposes — this slot is the only way to see whether the proposal was accepted.",
-      read: (t) => t.getSelectedMarkerId()
+      read: (e) => e.getSelectedMarkerId()
     },
     center: {
       type: "{ lat: number; lng: number } | null",
       descriptionKey: "ui.agent.mapView.state.center",
       description: "Live map centre in lat/lng, or null until the map has loaded (consent not granted, or Google Maps still loading). The read-back for `pan_to`, and the sign that the map is ready.",
-      read: (t) => t.getCenter()
+      read: (e) => e.getCenter()
     },
     zoom: {
       type: "number | null",
       descriptionKey: "ui.agent.mapView.state.zoom",
       description: "Live zoom level, or null until the map has loaded. Google clamps zoom to the map type's range, so this is not necessarily the value last passed to `set_zoom`.",
-      read: (t) => t.getZoom()
+      read: (e) => e.getZoom()
     }
   },
   actions: {
@@ -84,8 +85,8 @@ const he = {
       errors: [
         "Silent no-op until the map has loaded: while `consentGranted` is false (only the consent placeholder shows) or while `center` is still null (Google Maps is loading)."
       ],
-      invoke: (t, o) => {
-        t.panTo(o.position);
+      invoke: (e, s) => {
+        e.panTo(s.position);
       }
     },
     set_zoom: {
@@ -109,8 +110,8 @@ const he = {
         "Silent no-op until the map has loaded: while `consentGranted` is false (only the consent placeholder shows) or while `center` is still null (Google Maps is loading).",
         "Requested zoom is clamped to the map type's range; `zoom` reports what was actually applied."
       ],
-      invoke: (t, o) => {
-        t.setZoom(o.zoom);
+      invoke: (e, s) => {
+        e.setZoom(s.zoom);
       }
     },
     select_marker: {
@@ -134,8 +135,8 @@ const he = {
         "Silent no-op until the map has loaded: while `consentGranted` is false (only the consent placeholder shows) or while `center` is still null (Google Maps is loading).",
         "The host owns `selectedMarkerId` and may ignore the proposal; `selectedMarkerId` is unchanged when it does."
       ],
-      invoke: (t, o) => {
-        t.selectMarker(o.id);
+      invoke: (e, s) => {
+        e.selectMarker(s.id);
       }
     }
   },
@@ -151,7 +152,7 @@ const he = {
       description: "Sourced from the id prop."
     }
   }
-}, ge = p(
+}, Ie = G(
   ["ds:relative ds:overflow-hidden ds:block", "ds:bg-[var(--muted)]"].join(" "),
   {
     variants: {
@@ -175,7 +176,7 @@ const he = {
     },
     defaultVariants: { size: "md", surface: "bordered" }
   }
-), fe = p("ds:block ds:inline-size-full", {
+), xe = G("ds:block ds:inline-size-full", {
   variants: {
     size: {
       sm: "ds:[block-size:var(--map-block-size)]",
@@ -185,7 +186,7 @@ const he = {
     }
   },
   defaultVariants: { size: "md" }
-}), be = p(
+}), Le = G(
   [
     "ds:absolute ds:inset-0",
     "ds:flex ds:flex-col ds:items-center ds:justify-center",
@@ -194,243 +195,351 @@ const he = {
     "ds:bg-[var(--muted)] ds:text-[var(--foreground)]",
     "ds:text-center"
   ].join(" ")
-), ye = p("type-heading-3 ds:m-0"), R = p(
+), Ge = G("type-heading-3 ds:m-0"), D = G(
   "type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0"
 );
-function we({
-  onHandleReady: t,
-  onMarkerSelect: o
+function Se({
+  onHandleReady: e,
+  onMarkerSelect: s
 }) {
-  const s = ie();
-  return f(() => {
-    if (s)
-      return t({
-        panTo: (n) => s.panTo(n),
-        setZoom: (n) => s.setZoom(n),
-        selectMarker: (n) => o(n),
+  const o = W();
+  return I(() => {
+    if (o)
+      return e({
+        panTo: (t) => o.panTo(t),
+        setZoom: (t) => o.setZoom(t),
+        jumpTo: (t, a) => o.moveCamera({ center: t, zoom: a }),
+        selectMarker: (t) => s(t),
         // Read straight off the live map: Google clamps `setZoom` to the
         // map type's range and animates `panTo`, so requested and applied
         // are not the same value.
         getCenter: () => {
-          var n;
-          return ((n = s.getCenter()) == null ? void 0 : n.toJSON()) ?? null;
+          var t;
+          return ((t = o.getCenter()) == null ? void 0 : t.toJSON()) ?? null;
         },
-        getZoom: () => s.getZoom() ?? null
-      }), () => t(null);
-  }, [s, t, o]), null;
+        getZoom: () => o.getZoom() ?? null
+      }), () => e(null);
+  }, [o, e, s]), null;
+}
+const Te = 256, Ne = (e) => e * Math.PI / 180;
+function F(e) {
+  const s = Math.min(Math.max(Math.sin(Ne(e)), -0.9999), 0.9999);
+  return Math.log((1 + s) / (1 - s)) / 2;
+}
+const Pe = (e) => Math.atan(Math.sinh(e)) * 180 / Math.PI;
+function Re(e) {
+  let s = -90, o = 90, t = -180, a = 180;
+  for (const { lat: l, lng: r } of e)
+    s = Math.max(s, l), o = Math.min(o, l), t = Math.max(t, r), a = Math.min(a, r);
+  return { north: s, south: o, east: t, west: a };
+}
+function Ze(e, s, o, t, a) {
+  const { north: l, south: r, east: c, west: m } = Re(e);
+  if (l === r && c === m)
+    return { center: { lat: l, lng: c }, zoom: a };
+  const p = F(l), f = F(r), u = {
+    lat: Pe((p + f) / 2),
+    lng: (c + m) / 2
+  }, b = (w, M) => M > 0 ? Math.log2(Math.max(w, 1) / Te / M) : a, h = Math.min(
+    b(s - 2 * t, (c - m) / 360),
+    b(o - 2 * t, (p - f) / (2 * Math.PI)),
+    a
+  );
+  return { center: u, zoom: Math.max(0, Math.floor(h)) };
+}
+const B = ({ id: e, lat: s, lng: o }) => e != null ? `id:${e}` : `at:${s},${o}`;
+function je({ points: e, fitKey: s, maxZoom: o }) {
+  const t = W(), a = y(null), l = y(!1), r = y(null);
+  return I(() => {
+    if (!t) return;
+    const c = () => {
+      var h;
+      const p = r.current, f = (h = t.getCenter()) == null ? void 0 : h.toJSON(), u = t.getZoom();
+      p != null && u === p.zoom && f != null && Math.abs(f.lat - p.center.lat) < 1e-6 && Math.abs(f.lng - p.center.lng) < 1e-6 || (l.current = !0);
+    }, m = [
+      t.addListener("dragstart", () => {
+        l.current = !0;
+      }),
+      t.addListener("center_changed", c),
+      t.addListener("zoom_changed", c)
+    ];
+    return () => m.forEach((p) => p.remove());
+  }, [t]), I(() => {
+    var M;
+    if (!t) return;
+    const c = ((M = a.current) == null ? void 0 : M.map) === t ? a.current : null;
+    if ((c == null ? void 0 : c.key) === s) return;
+    const m = new Set(e.map(B)), p = (g, z) => {
+      r.current = { center: g, zoom: z }, t.moveCamera({ center: g, zoom: z }), l.current = !1;
+    };
+    if (e.length === 0) {
+      a.current = { map: t, key: s, points: m };
+      return;
+    }
+    if (c != null && c.points.size > 0 && [...c.points].every((g) => m.has(g)) && l.current) {
+      a.current = { map: t, key: s, points: m };
+      return;
+    }
+    const u = t.getDiv();
+    if (!(u instanceof Element)) return;
+    const b = () => {
+      a.current = { map: t, key: s, points: m };
+      const g = Math.min(
+        Me("--spacing-2xl", u, 48),
+        u.clientWidth / 4,
+        u.clientHeight / 4
+      ), { center: z, zoom: N } = Ze(
+        e,
+        u.clientWidth,
+        u.clientHeight,
+        g,
+        o
+      );
+      p(z, N);
+    }, h = () => u.clientWidth > 0 && u.clientHeight > 0;
+    if (h() || typeof ResizeObserver > "u") {
+      b();
+      return;
+    }
+    const w = new ResizeObserver(() => {
+      h() && (w.disconnect(), b());
+    });
+    return w.observe(u), () => w.disconnect();
+  }, [t, s, e, o]), null;
 }
-const P = (t) => {
-  var o, s;
-  return typeof ((s = (o = globalThis.google) == null ? void 0 : o.maps) == null ? void 0 : s[t]) == "function";
+const J = (e) => {
+  var s, o;
+  return typeof ((o = (s = globalThis.google) == null ? void 0 : s.maps) == null ? void 0 : o[e]) == "function";
 };
-function ve() {
-  const { t } = V("ui");
-  return /* @__PURE__ */ c(
+function Ce() {
+  const { t: e } = Z("ui");
+  return /* @__PURE__ */ L(
     "div",
     {
       role: "status",
       "data-testid": "map-view-loading",
       className: "ds:[inline-size:100%] ds:[block-size:100%]",
       children: [
-        /* @__PURE__ */ a(de, { variant: "rectangular", width: "100%", height: "100%" }),
-        /* @__PURE__ */ a(ce, { children: t("common.loading") })
+        /* @__PURE__ */ i(ve, { variant: "rectangular", width: "100%", height: "100%" }),
+        /* @__PURE__ */ i(ye, { children: e("common.loading") })
       ]
     }
   );
 }
-function ze({ children: t }) {
-  const o = re();
-  return j("maps") || !o || P("Map") ? t : /* @__PURE__ */ a(ve, {});
+function _e({ children: e }) {
+  const s = fe();
+  return K("maps") || !s || J("Map") ? e : /* @__PURE__ */ i(Ce, {});
 }
-function Ve({ children: t }) {
-  return j("marker") || P("Marker") ? t : null;
+function Oe({ children: e }) {
+  return K("marker") || J("Marker") ? e : null;
 }
-function Me({
-  address: t,
-  description: o,
-  onLoadMap: s,
-  openInGoogleMapsHref: n,
-  consentCta: m
+function $e({
+  address: e,
+  description: s,
+  onLoadMap: o,
+  openInGoogleMapsHref: t,
+  consentCta: a
 }) {
-  const { t: d } = V("ui");
-  return /* @__PURE__ */ c("div", { className: be(), "data-testid": "map-view-consent", children: [
-    /* @__PURE__ */ a(
-      me,
+  const { t: l } = Z("ui");
+  return /* @__PURE__ */ L("div", { className: Le(), "data-testid": "map-view-consent", children: [
+    /* @__PURE__ */ i(
+      ze,
       {
         "aria-hidden": "true",
         className: "ds:size-6 ds:text-[var(--muted-foreground)]"
       }
     ),
-    /* @__PURE__ */ a("p", { className: ye(), children: d("mapView.consentTitle") }),
-    t ? /* @__PURE__ */ a(
+    /* @__PURE__ */ i("p", { className: Ge(), children: l("mapView.consentTitle") }),
+    e ? /* @__PURE__ */ i(
       "p",
       {
-        className: R(),
+        className: D(),
         "data-testid": "map-view-address",
-        children: t
+        children: e
       }
     ) : null,
-    /* @__PURE__ */ a("p", { className: R(), children: o }),
-    /* @__PURE__ */ c("div", { className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center", children: [
-      m ?? /* @__PURE__ */ a(
-        le,
+    /* @__PURE__ */ i("p", { className: D(), children: s }),
+    /* @__PURE__ */ L("div", { className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center", children: [
+      a ?? /* @__PURE__ */ i(
+        be,
         {
           type: "button",
           intent: "primary",
           size: "sm",
-          onClick: s,
+          onClick: o,
           "data-testid": "map-view-load-cta",
-          children: d("mapView.consentCta")
+          children: l("mapView.consentCta")
         }
       ),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ L(
         "a",
         {
-          href: n,
+          href: t,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[var(--primary)] ds:underline ds:underline-offset-2",
           children: [
-            d("mapView.openInGoogleMaps"),
-            /* @__PURE__ */ a(ue, { "aria-hidden": "true", className: "ds:size-3" })
+            l("mapView.openInGoogleMaps"),
+            /* @__PURE__ */ i(Ve, { "aria-hidden": "true", className: "ds:size-3" })
           ]
         }
       )
     ] })
   ] });
 }
-const ke = X(
+const qe = le(
   ({
-    id: t,
-    apiKey: o,
-    center: s,
-    zoom: n = 15,
-    markers: m,
-    selectedMarkerId: d,
-    onMarkerClick: i,
-    consentGranted: _ = !1,
-    onConsentRequest: b,
-    address: u,
-    consentDescription: q,
-    consentCta: A,
-    mapId: M,
-    size: k,
-    surface: C,
-    ariaLabel: K,
-    className: H,
-    ...E
-  }, D) => {
-    const { t: y, i18n: $ } = V("ui"), I = Y(), B = v(
-      () => `map-${I.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [I]
-    ), [G, F] = N(!1);
-    f(() => {
+    id: e,
+    apiKey: s,
+    center: o,
+    zoom: t = 15,
+    markers: a,
+    selectedMarkerId: l,
+    onMarkerClick: r,
+    consentGranted: c = !1,
+    onConsentRequest: m,
+    address: p,
+    consentDescription: f,
+    consentCta: u,
+    mapId: b,
+    size: h,
+    surface: w,
+    ariaLabel: M,
+    fitToPoints: g,
+    fitKey: z,
+    fitMaxZoom: N = 15,
+    className: U,
+    ...X
+  }, Y) => {
+    const { t: P, i18n: Q } = Z("ui"), S = x(() => g ?? [], [g]), ee = x(
+      () => z ?? S.map((n) => `${B(n)}@${n.lat},${n.lng}`).sort().join("|"),
+      [z, S]
+    ), V = S.length > 0, j = y(V), C = de(), te = x(
+      () => `map-${C.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [C]
+    ), [_, ne] = E(!1);
+    I(() => {
       if (typeof window > "u") return;
-      const e = window.matchMedia("(prefers-reduced-motion: reduce)"), r = () => F(e.matches);
-      return r(), e.addEventListener("change", r), () => e.removeEventListener("change", r);
+      const n = window.matchMedia("(prefers-reduced-motion: reduce)"), d = () => ne(n.matches);
+      return d(), n.addEventListener("change", d), () => n.removeEventListener("change", d);
     }, []);
-    const U = v(() => `https://www.google.com/maps/search/?api=1&query=${u ? encodeURIComponent(u) : `${s.lat},${s.lng}`}`, [u, s.lat, s.lng]), l = g(null), J = z((e) => {
-      l.current = e;
-    }, []), S = g(!1), T = g(null), L = g(0), h = z(
+    const se = x(() => `https://www.google.com/maps/search/?api=1&query=${p ? encodeURIComponent(p) : `${o.lat},${o.lng}`}`, [p, o.lat, o.lng]), v = y(null), oe = R((n) => {
+      v.current = n;
+    }, []), O = y(!1), $ = y(null), q = y(0), T = R(
       () => ({
-        panTo: (e) => {
-          var r;
-          return (r = l.current) == null ? void 0 : r.panTo(e);
+        panTo: (n) => {
+          var d;
+          return (d = v.current) == null ? void 0 : d.panTo(n);
         },
-        setZoom: (e) => {
-          var r;
-          return (r = l.current) == null ? void 0 : r.setZoom(e);
+        setZoom: (n) => {
+          var d;
+          return (d = v.current) == null ? void 0 : d.setZoom(n);
         },
-        selectMarker: (e) => {
-          var r;
-          return (r = l.current) == null ? void 0 : r.selectMarker(e);
+        selectMarker: (n) => {
+          var d;
+          return (d = v.current) == null ? void 0 : d.selectMarker(n);
         },
         // Without `isConsentGranted` an agent has no way to learn that
         // its pan / zoom / select was swallowed by the GDPR gate rather
         // than applied: under the default (`consentGranted={false}`) the
         // whole Maps subtree is unmounted and every action optional-chains
         // into nothing.
-        isConsentGranted: () => S.current,
+        isConsentGranted: () => O.current,
         getCenter: () => {
-          var e;
-          return ((e = l.current) == null ? void 0 : e.getCenter()) ?? null;
+          var n;
+          return ((n = v.current) == null ? void 0 : n.getCenter()) ?? null;
         },
         getZoom: () => {
-          var e;
-          return ((e = l.current) == null ? void 0 : e.getZoom()) ?? null;
+          var n;
+          return ((n = v.current) == null ? void 0 : n.getZoom()) ?? null;
         },
-        getSelectedMarkerId: () => T.current,
-        getMarkerCount: () => L.current
+        getSelectedMarkerId: () => $.current,
+        getMarkerCount: () => q.current
       }),
       []
     );
-    ee(D, h, [h]);
-    const O = v(
-      () => h(),
-      [h]
+    ce(Y, T, [T]);
+    const re = x(
+      () => T(),
+      [T]
     );
-    pe(he, O, t), f(() => {
-      var e;
-      G || (e = l.current) == null || e.panTo(s);
-    }, [s.lat, s.lng, G]), f(() => {
-      var e;
-      (e = l.current) == null || e.setZoom(n);
-    }, [n]);
-    const [W, x] = N(!1), Z = _ || W;
-    S.current = Z, T.current = d ?? null, L.current = (m ?? []).length;
-    const Q = z(() => {
-      if (b) {
-        b(), x(!0);
+    we(ke, re, e), I(() => {
+      var d, k;
+      const n = j.current && !V;
+      if (j.current = V, !V) {
+        if (n) {
+          (d = v.current) == null || d.jumpTo(o, t);
+          return;
+        }
+        _ || (k = v.current) == null || k.panTo(o);
+      }
+    }, [o.lat, o.lng, _, V]), I(() => {
+      var n;
+      V || (n = v.current) == null || n.setZoom(t);
+    }, [t, V]);
+    const [ae, H] = E(!1), A = c || ae;
+    O.current = A, $.current = l ?? null, q.current = (a ?? []).length;
+    const ie = R(() => {
+      if (m) {
+        m(), H(!0);
         return;
       }
-      x(!0);
-    }, [b]);
-    return /* @__PURE__ */ a(
+      H(!0);
+    }, [m]);
+    return /* @__PURE__ */ i(
       "div",
       {
-        className: ge({ size: k, surface: C, className: H }),
+        className: Ie({ size: h, surface: w, className: U }),
         "data-component": "map-view",
-        "data-component-id": t ?? B,
+        "data-component-id": e ?? te,
         role: "region",
-        "aria-label": K ?? y("mapView.label"),
-        ...E,
-        children: /* @__PURE__ */ a("div", { className: fe({ size: k }), children: Z ? /* @__PURE__ */ a(
-          te,
+        "aria-label": M ?? P("mapView.label"),
+        ...X,
+        children: /* @__PURE__ */ i("div", { className: xe({ size: h }), children: A ? /* @__PURE__ */ i(
+          pe,
           {
-            apiKey: o,
-            language: $.language,
-            children: /* @__PURE__ */ a(ze, { children: /* @__PURE__ */ c(
-              se,
+            apiKey: s,
+            language: Q.language,
+            children: /* @__PURE__ */ i(_e, { children: /* @__PURE__ */ L(
+              ue,
               {
-                defaultCenter: s,
-                defaultZoom: n,
-                mapId: M,
+                defaultCenter: o,
+                defaultZoom: t,
+                mapId: b,
                 gestureHandling: "cooperative",
                 disableDefaultUI: !1,
-                onClick: () => i == null ? void 0 : i(null),
+                onClick: () => r == null ? void 0 : r(null),
                 className: "ds:[inline-size:100%] ds:[block-size:100%]",
                 children: [
-                  /* @__PURE__ */ a(
-                    we,
+                  /* @__PURE__ */ i(
+                    Se,
                     {
-                      onHandleReady: J,
-                      onMarkerSelect: (e) => i == null ? void 0 : i(e)
+                      onHandleReady: oe,
+                      onMarkerSelect: (n) => r == null ? void 0 : r(n)
                     }
                   ),
-                  /* @__PURE__ */ a(Ve, { children: (m ?? []).map((e) => {
-                    const r = d != null && d === e.id, w = y("mapView.markerLabel", {
-                      label: e.label ?? e.id
+                  g ? /* @__PURE__ */ i(
+                    je,
+                    {
+                      points: S,
+                      fitKey: ee,
+                      maxZoom: N
+                    }
+                  ) : null,
+                  /* @__PURE__ */ i(Oe, { children: (a ?? []).map((n) => {
+                    const d = l != null && l === n.id, k = P("mapView.markerLabel", {
+                      label: n.label ?? n.id
                     });
-                    return M ? /* @__PURE__ */ a(
-                      ae,
+                    return b ? /* @__PURE__ */ i(
+                      me,
                       {
-                        position: e.position,
-                        title: w,
-                        "aria-label": w,
-                        "data-selected": r ? "true" : "false",
-                        onClick: () => i == null ? void 0 : i(e.id),
-                        children: /* @__PURE__ */ a(
-                          oe,
+                        position: n.position,
+                        title: k,
+                        "aria-label": k,
+                        "data-selected": d ? "true" : "false",
+                        onClick: () => r == null ? void 0 : r(n.id),
+                        children: /* @__PURE__ */ i(
+                          he,
                           {
                             background: "var(--primary)",
                             borderColor: "var(--primary)",
@@ -438,37 +547,37 @@ const ke = X(
                           }
                         )
                       },
-                      e.id
-                    ) : /* @__PURE__ */ a(
-                      ne,
+                      n.id
+                    ) : /* @__PURE__ */ i(
+                      ge,
                       {
-                        position: e.position,
-                        title: w,
-                        onClick: () => i == null ? void 0 : i(e.id)
+                        position: n.position,
+                        title: k,
+                        onClick: () => r == null ? void 0 : r(n.id)
                       },
-                      e.id
+                      n.id
                     );
                   }) })
                 ]
               }
             ) })
           }
-        ) : /* @__PURE__ */ a(
-          Me,
+        ) : /* @__PURE__ */ i(
+          $e,
           {
-            address: u,
-            description: q ?? y("mapView.consentDescription"),
-            onLoadMap: Q,
-            consentCta: A,
-            openInGoogleMapsHref: U
+            address: p,
+            description: f ?? P("mapView.consentDescription"),
+            onLoadMap: ie,
+            consentCta: u,
+            openInGoogleMapsHref: se
           }
         ) })
       }
     );
   }
 );
-ke.displayName = "MapView";
+qe.displayName = "MapView";
 export {
-  ke as M
+  qe as M
 };
-//# sourceMappingURL=map-view-BuVfJMEa.js.map
+//# sourceMappingURL=map-view-CtohteZD.js.map