@alfadocs/ui-kit-debug 1.90.1 → 1.91.0

package/dist/_chunks/{map-view-Bvi06RVh.js → map-view-UrNgxBy3.js}

@@ -1,16 +1,17 @@
-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 { jsx as r, jsxs as x } from "react/jsx-runtime";
+import { forwardRef as ce, useMemo as L, useRef as y, useId as pe, useState as D, useEffect as I, useCallback as R, useImperativeHandle as ue } 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-DohK_Ak_.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 = {
+import { useTranslation as C } from "react-i18next";
+import { M as me, A as he, a as ge, b as fe, P as be, c as ve, u as ye, d as B, e as J } from "./maps-core-gate-DkNqGkm3.js";
+import { B as we } from "./button-DohK_Ak_.js";
+import { S as Me } from "./skeleton-tTWJpvAq.js";
+import { V as ze } from "./visually-hidden-BHxEUGyT.js";
+import { E as Ve } from "./error-boundary-tAn_GuCu.js";
+import { u as ke } from "./registry-DvAUVLHh.js";
+import { l as Ie } from "./length-token-DwMnGEYT.js";
+import { M as Le } from "./map-pin-BaY37-Km.js";
+import { E as xe } from "./external-link-CY6zAXXU.js";
+const Ge = {
   id: "map-view",
   // pan → scroll (viewport move); set_zoom → set_value; select_marker → pick
   // (NON-persisting marker focus, no value state slot).
@@ -152,7 +153,7 @@ const ke = {
       description: "Sourced from the id prop."
     }
   }
-}, Ie = G(
+}, Se = G(
   ["ds:relative ds:overflow-hidden ds:block", "ds:bg-[var(--muted)]"].join(" "),
   {
     variants: {
@@ -176,7 +177,7 @@ const ke = {
     },
     defaultVariants: { size: "md", surface: "bordered" }
   }
-), xe = G("ds:block ds:inline-size-full", {
+), Te = G("ds:block ds:inline-size-full", {
   variants: {
     size: {
       sm: "ds:[block-size:var(--map-block-size)]",
@@ -186,7 +187,7 @@ const ke = {
     }
   },
   defaultVariants: { size: "md" }
-}), Le = G(
+}), Ne = G(
   [
     "ds:absolute ds:inset-0",
     "ds:flex ds:flex-col ds:items-center ds:justify-center",
@@ -195,173 +196,173 @@ const ke = {
     "ds:bg-[var(--muted)] ds:text-[var(--foreground)]",
     "ds:text-center"
   ].join(" ")
-), Ge = G("type-heading-3 ds:m-0"), D = G(
+), Pe = G("type-heading-3 ds:m-0"), F = G(
   "type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0"
 );
-function Se({
+function Re({
   onHandleReady: e,
   onMarkerSelect: s
 }) {
-  const o = W();
+  const o = J();
   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),
+        panTo: (n) => o.panTo(n),
+        setZoom: (n) => o.setZoom(n),
+        jumpTo: (n, i) => o.moveCamera({ center: n, zoom: i }),
+        selectMarker: (n) => s(n),
         // 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 t;
-          return ((t = o.getCenter()) == null ? void 0 : t.toJSON()) ?? null;
+          var n;
+          return ((n = o.getCenter()) == null ? void 0 : n.toJSON()) ?? 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);
+const Ce = 256, Ze = (e) => e * Math.PI / 180;
+function K(e) {
+  const s = Math.min(Math.max(Math.sin(Ze(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 };
+const je = (e) => Math.atan(Math.sinh(e)) * 180 / Math.PI;
+function _e(e) {
+  let s = -90, o = 90, n = -180, i = 180;
+  for (const { lat: l, lng: a } of e)
+    s = Math.max(s, l), o = Math.min(o, l), n = Math.max(n, a), i = Math.min(i, a);
+  return { north: s, south: o, east: n, west: i };
 }
-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
+function Ee(e, s, o, n, i) {
+  const { north: l, south: a, east: p, west: m } = _e(e);
+  if (l === a && p === m)
+    return { center: { lat: l, lng: p }, zoom: i };
+  const d = K(l), h = K(a), u = {
+    lat: je((d + h) / 2),
+    lng: (p + m) / 2
+  }, b = (w, M) => M > 0 ? Math.log2(Math.max(w, 1) / Ce / M) : i, g = Math.min(
+    b(s - 2 * n, (p - m) / 360),
+    b(o - 2 * n, (d - h) / (2 * Math.PI)),
+    i
   );
-  return { center: u, zoom: Math.max(0, Math.floor(h)) };
+  return { center: u, zoom: Math.max(0, Math.floor(g)) };
 }
-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);
+const U = ({ id: e, lat: s, lng: o }) => e != null ? `id:${e}` : `at:${s},${o}`;
+function Oe({ points: e, fitKey: s, maxZoom: o }) {
+  const n = J(), i = y(null), l = y(!1), a = 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);
+    if (!n) return;
+    const p = () => {
+      var g;
+      const d = a.current, h = (g = n.getCenter()) == null ? void 0 : g.toJSON(), u = n.getZoom();
+      d != null && u === d.zoom && h != null && Math.abs(h.lat - d.center.lat) < 1e-6 && Math.abs(h.lng - d.center.lng) < 1e-6 || (l.current = !0);
     }, m = [
-      t.addListener("dragstart", () => {
+      n.addListener("dragstart", () => {
         l.current = !0;
       }),
-      t.addListener("center_changed", c),
-      t.addListener("zoom_changed", c)
+      n.addListener("center_changed", p),
+      n.addListener("zoom_changed", p)
     ];
-    return () => m.forEach((p) => p.remove());
-  }, [t]), I(() => {
+    return () => m.forEach((d) => d.remove());
+  }, [n]), 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 (!n) return;
+    const p = ((M = i.current) == null ? void 0 : M.map) === n ? i.current : null;
+    if ((p == null ? void 0 : p.key) === s) return;
+    const m = new Set(e.map(U)), d = (f, z) => {
+      a.current = { center: f, zoom: z }, n.moveCamera({ center: f, zoom: z }), l.current = !1;
     };
     if (e.length === 0) {
-      a.current = { map: t, key: s, points: m };
+      i.current = { map: n, 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 };
+    if (p != null && p.points.size > 0 && [...p.points].every((f) => m.has(f)) && l.current) {
+      i.current = { map: n, key: s, points: m };
       return;
     }
-    const u = t.getDiv();
+    const u = n.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),
+      i.current = { map: n, key: s, points: m };
+      const f = Math.min(
+        Ie("--spacing-2xl", u, 48),
         u.clientWidth / 4,
         u.clientHeight / 4
-      ), { center: z, zoom: N } = Ze(
+      ), { center: z, zoom: P } = Ee(
         e,
         u.clientWidth,
         u.clientHeight,
-        g,
+        f,
         o
       );
-      p(z, N);
-    }, h = () => u.clientWidth > 0 && u.clientHeight > 0;
-    if (h() || typeof ResizeObserver > "u") {
+      d(z, P);
+    }, g = () => u.clientWidth > 0 && u.clientHeight > 0;
+    if (g() || typeof ResizeObserver > "u") {
       b();
       return;
     }
     const w = new ResizeObserver(() => {
-      h() && (w.disconnect(), b());
+      g() && (w.disconnect(), b());
     });
     return w.observe(u), () => w.disconnect();
-  }, [t, s, e, o]), null;
+  }, [n, s, e, o]), null;
 }
-const J = (e) => {
+const X = (e) => {
   var s, o;
   return typeof ((o = (s = globalThis.google) == null ? void 0 : s.maps) == null ? void 0 : o[e]) == "function";
 };
-function Ce() {
-  const { t: e } = Z("ui");
-  return /* @__PURE__ */ L(
+function Y() {
+  const { t: e } = C("ui");
+  return /* @__PURE__ */ x(
     "div",
     {
       role: "status",
       "data-testid": "map-view-loading",
       className: "ds:[inline-size:100%] ds:[block-size:100%]",
       children: [
-        /* @__PURE__ */ i(ve, { variant: "rectangular", width: "100%", height: "100%" }),
-        /* @__PURE__ */ i(ye, { children: e("common.loading") })
+        /* @__PURE__ */ r(Me, { variant: "rectangular", width: "100%", height: "100%" }),
+        /* @__PURE__ */ r(ze, { children: e("common.loading") })
       ]
     }
   );
 }
-function _e({ children: e }) {
-  const s = fe();
-  return K("maps") || !s || J("Map") ? e : /* @__PURE__ */ i(Ce, {});
+function $e({ children: e }) {
+  const s = ye();
+  return B("maps") || !s || X("Map") ? e : /* @__PURE__ */ r(Y, {});
 }
-function Oe({ children: e }) {
-  return K("marker") || J("Marker") ? e : null;
+function qe({ children: e }) {
+  return B("marker") || X("Marker") ? e : null;
 }
-function $e({
+function W({
   address: e,
   description: s,
   onLoadMap: o,
-  openInGoogleMapsHref: t,
-  consentCta: a
+  openInGoogleMapsHref: n,
+  consentCta: i
 }) {
-  const { t: l } = Z("ui");
-  return /* @__PURE__ */ L("div", { className: Le(), "data-testid": "map-view-consent", children: [
-    /* @__PURE__ */ i(
-      ze,
+  const { t: l } = C("ui");
+  return /* @__PURE__ */ x("div", { className: Ne(), "data-testid": "map-view-consent", children: [
+    /* @__PURE__ */ r(
+      Le,
       {
         "aria-hidden": "true",
         className: "ds:size-6 ds:text-[var(--muted-foreground)]"
       }
     ),
-    /* @__PURE__ */ i("p", { className: Ge(), children: l("mapView.consentTitle") }),
-    e ? /* @__PURE__ */ i(
+    /* @__PURE__ */ r("p", { className: Pe(), children: l("mapView.consentTitle") }),
+    e ? /* @__PURE__ */ r(
       "p",
       {
-        className: D(),
+        className: F(),
         "data-testid": "map-view-address",
         children: e
       }
     ) : null,
-    /* @__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,
+    /* @__PURE__ */ r("p", { className: F(), children: s }),
+    /* @__PURE__ */ x("div", { className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center", children: [
+      i ?? /* @__PURE__ */ r(
+        we,
         {
           type: "button",
           intent: "primary",
@@ -371,73 +372,73 @@ function $e({
           children: l("mapView.consentCta")
         }
       ),
-      /* @__PURE__ */ L(
+      /* @__PURE__ */ x(
         "a",
         {
-          href: t,
+          href: n,
           target: "_blank",
           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: [
             l("mapView.openInGoogleMaps"),
-            /* @__PURE__ */ i(Ve, { "aria-hidden": "true", className: "ds:size-3" })
+            /* @__PURE__ */ r(xe, { "aria-hidden": "true", className: "ds:size-3" })
           ]
         }
       )
     ] })
   ] });
 }
-const qe = le(
+const He = ce(
   ({
     id: e,
     apiKey: s,
     center: o,
-    zoom: t = 15,
-    markers: a,
+    zoom: n = 15,
+    markers: i,
     selectedMarkerId: l,
-    onMarkerClick: r,
-    consentGranted: c = !1,
+    onMarkerClick: a,
+    consentGranted: p = !1,
     onConsentRequest: m,
-    address: p,
-    consentDescription: f,
+    address: d,
+    consentDescription: h,
     consentCta: u,
     mapId: b,
-    size: h,
+    size: g,
     surface: w,
     ariaLabel: M,
-    fitToPoints: g,
+    fitToPoints: f,
     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);
+    fitMaxZoom: P = 15,
+    className: Q,
+    ...ee
+  }, te) => {
+    const { t: S, i18n: ne } = C("ui"), T = L(() => f ?? [], [f]), se = L(
+      () => z ?? T.map((t) => `${U(t)}@${t.lat},${t.lng}`).sort().join("|"),
+      [z, T]
+    ), V = T.length > 0, Z = y(V), j = pe(), oe = L(
+      () => `map-${j.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [j]
+    ), [_, re] = D(!1);
     I(() => {
       if (typeof window > "u") return;
-      const n = window.matchMedia("(prefers-reduced-motion: reduce)"), d = () => ne(n.matches);
-      return d(), n.addEventListener("change", d), () => n.removeEventListener("change", d);
+      const t = window.matchMedia("(prefers-reduced-motion: reduce)"), c = () => re(t.matches);
+      return c(), t.addEventListener("change", c), () => t.removeEventListener("change", c);
     }, []);
-    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(
+    const E = L(() => `https://www.google.com/maps/search/?api=1&query=${d ? encodeURIComponent(d) : `${o.lat},${o.lng}`}`, [d, o.lat, o.lng]), v = y(null), ae = R((t) => {
+      v.current = t;
+    }, []), O = y(!1), $ = y(null), q = y(0), N = R(
       () => ({
-        panTo: (n) => {
-          var d;
-          return (d = v.current) == null ? void 0 : d.panTo(n);
+        panTo: (t) => {
+          var c;
+          return (c = v.current) == null ? void 0 : c.panTo(t);
         },
-        setZoom: (n) => {
-          var d;
-          return (d = v.current) == null ? void 0 : d.setZoom(n);
+        setZoom: (t) => {
+          var c;
+          return (c = v.current) == null ? void 0 : c.setZoom(t);
         },
-        selectMarker: (n) => {
-          var d;
-          return (d = v.current) == null ? void 0 : d.selectMarker(n);
+        selectMarker: (t) => {
+          var c;
+          return (c = v.current) == null ? void 0 : c.selectMarker(t);
         },
         // Without `isConsentGranted` an agent has no way to learn that
         // its pan / zoom / select was swallowed by the GDPR gate rather
@@ -446,138 +447,160 @@ const qe = le(
         // into nothing.
         isConsentGranted: () => O.current,
         getCenter: () => {
-          var n;
-          return ((n = v.current) == null ? void 0 : n.getCenter()) ?? null;
+          var t;
+          return ((t = v.current) == null ? void 0 : t.getCenter()) ?? null;
         },
         getZoom: () => {
-          var n;
-          return ((n = v.current) == null ? void 0 : n.getZoom()) ?? null;
+          var t;
+          return ((t = v.current) == null ? void 0 : t.getZoom()) ?? null;
         },
         getSelectedMarkerId: () => $.current,
         getMarkerCount: () => q.current
       }),
       []
     );
-    ce(Y, T, [T]);
-    const re = x(
-      () => T(),
-      [T]
+    ue(te, N, [N]);
+    const ie = L(
+      () => N(),
+      [N]
     );
-    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);
+    ke(Ge, ie, e), I(() => {
+      var c, k;
+      const t = Z.current && !V;
+      if (Z.current = V, !V) {
+        if (t) {
+          (c = v.current) == null || c.jumpTo(o, n);
           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(() => {
+      var t;
+      V || (t = v.current) == null || t.setZoom(n);
+    }, [n, V]);
+    const [le, H] = D(!1), A = p || le;
+    O.current = A, $.current = l ?? null, q.current = (i ?? []).length;
+    const de = R(() => {
       if (m) {
         m(), H(!0);
         return;
       }
       H(!0);
     }, [m]);
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ r(
       "div",
       {
-        className: Ie({ size: h, surface: w, className: U }),
+        className: Se({ size: g, surface: w, className: Q }),
         "data-component": "map-view",
-        "data-component-id": e ?? te,
+        "data-component-id": e ?? oe,
         role: "region",
-        "aria-label": M ?? P("mapView.label"),
-        ...X,
-        children: /* @__PURE__ */ i("div", { className: xe({ size: h }), children: A ? /* @__PURE__ */ i(
-          pe,
-          {
-            apiKey: s,
-            language: Q.language,
-            children: /* @__PURE__ */ i(_e, { children: /* @__PURE__ */ L(
-              ue,
-              {
-                defaultCenter: o,
-                defaultZoom: t,
-                mapId: b,
-                gestureHandling: "cooperative",
-                disableDefaultUI: !1,
-                onClick: () => r == null ? void 0 : r(null),
-                className: "ds:[inline-size:100%] ds:[block-size:100%]",
-                children: [
-                  /* @__PURE__ */ i(
-                    Se,
+        "aria-label": M ?? S("mapView.label"),
+        ...ee,
+        children: /* @__PURE__ */ r("div", { className: Te({ size: g }), children: A ? (
+          // 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
+          // starts the provider only once Google's `core` and `maps`
+          // libraries have arrived.
+          /* @__PURE__ */ r(
+            Ve,
+            {
+              fallback: ({ reset: t }) => /* @__PURE__ */ r(
+                W,
+                {
+                  address: d,
+                  description: h ?? S("mapView.consentDescription"),
+                  onLoadMap: t,
+                  consentCta: void 0,
+                  openInGoogleMapsHref: E
+                }
+              ),
+              children: /* @__PURE__ */ r(me, { libraries: ["maps"], pending: /* @__PURE__ */ r(Y, {}), children: /* @__PURE__ */ r(
+                he,
+                {
+                  apiKey: s,
+                  language: ne.language,
+                  children: /* @__PURE__ */ r($e, { children: /* @__PURE__ */ x(
+                    ge,
                     {
-                      onHandleReady: oe,
-                      onMarkerSelect: (n) => r == null ? void 0 : r(n)
-                    }
-                  ),
-                  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 b ? /* @__PURE__ */ i(
-                      me,
-                      {
-                        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,
+                      defaultCenter: o,
+                      defaultZoom: n,
+                      mapId: b,
+                      gestureHandling: "cooperative",
+                      disableDefaultUI: !1,
+                      onClick: () => a == null ? void 0 : a(null),
+                      className: "ds:[inline-size:100%] ds:[block-size:100%]",
+                      children: [
+                        /* @__PURE__ */ r(
+                          Re,
                           {
-                            background: "var(--primary)",
-                            borderColor: "var(--primary)",
-                            glyphColor: "var(--primary-foreground)"
+                            onHandleReady: ae,
+                            onMarkerSelect: (t) => a == null ? void 0 : a(t)
                           }
-                        )
-                      },
-                      n.id
-                    ) : /* @__PURE__ */ i(
-                      ge,
-                      {
-                        position: n.position,
-                        title: k,
-                        onClick: () => r == null ? void 0 : r(n.id)
-                      },
-                      n.id
-                    );
-                  }) })
-                ]
-              }
-            ) })
-          }
-        ) : /* @__PURE__ */ i(
-          $e,
+                        ),
+                        f ? /* @__PURE__ */ r(
+                          Oe,
+                          {
+                            points: T,
+                            fitKey: se,
+                            maxZoom: P
+                          }
+                        ) : null,
+                        /* @__PURE__ */ r(qe, { children: (i ?? []).map((t) => {
+                          const c = l != null && l === t.id, k = S("mapView.markerLabel", {
+                            label: t.label ?? t.id
+                          });
+                          return b ? /* @__PURE__ */ r(
+                            fe,
+                            {
+                              position: t.position,
+                              title: k,
+                              "aria-label": k,
+                              "data-selected": c ? "true" : "false",
+                              onClick: () => a == null ? void 0 : a(t.id),
+                              children: /* @__PURE__ */ r(
+                                be,
+                                {
+                                  background: "var(--primary)",
+                                  borderColor: "var(--primary)",
+                                  glyphColor: "var(--primary-foreground)"
+                                }
+                              )
+                            },
+                            t.id
+                          ) : /* @__PURE__ */ r(
+                            ve,
+                            {
+                              position: t.position,
+                              title: k,
+                              onClick: () => a == null ? void 0 : a(t.id)
+                            },
+                            t.id
+                          );
+                        }) })
+                      ]
+                    }
+                  ) })
+                }
+              ) })
+            }
+          )
+        ) : /* @__PURE__ */ r(
+          W,
           {
-            address: p,
-            description: f ?? P("mapView.consentDescription"),
-            onLoadMap: ie,
+            address: d,
+            description: h ?? S("mapView.consentDescription"),
+            onLoadMap: de,
             consentCta: u,
-            openInGoogleMapsHref: se
+            openInGoogleMapsHref: E
           }
         ) })
       }
     );
   }
 );
-qe.displayName = "MapView";
+He.displayName = "MapView";
 export {
-  qe as M
+  He as M
 };
-//# sourceMappingURL=map-view-Bvi06RVh.js.map
+//# sourceMappingURL=map-view-UrNgxBy3.js.map