@alfadocs/ui-kit-debug 1.117.0 → 1.119.0

package/dist/_chunks/map-view-CHeGd94F.js

@@ -0,0 +1,1443 @@
+import { jsx as f, jsxs as N, Fragment as it } from "react/jsx-runtime";
+import { forwardRef as at, useRef as M, useMemo as P, useId as Re, useState as $, useEffect as C, useCallback as D, useImperativeHandle as ct, useLayoutEffect as Ve } from "react";
+import { createPortal as Ae } from "react-dom";
+import { c as X } from "./index-D2ZczOXr.js";
+import { useTranslation as q } from "react-i18next";
+import { M as lt, A as dt, a as ut, b as mt, u as Oe, c as W, d as Pe, e as Ge, P as Se } from "./maps-core-gate-C4dyo1ic.js";
+import { B as Ze } from "./button-DohK_Ak_.js";
+import { S as pt } from "./skeleton-tTWJpvAq.js";
+import { V as De } from "./visually-hidden-BHxEUGyT.js";
+import { E as ft } from "./error-boundary-tAn_GuCu.js";
+import { u as gt } from "./registry-DvAUVLHh.js";
+import { l as me } from "./length-token-DwMnGEYT.js";
+import { M as ht } from "./map-pin-BaY37-Km.js";
+import { E as je } from "./external-link-CY6zAXXU.js";
+const vt = {
+  id: "map-view",
+  // pan → scroll (viewport move); set_zoom → set_value; select_marker → pick
+  // (NON-persisting marker focus, no value state slot).
+  capabilities: ["scroll", "set_value", "pick"],
+  // Every action routes through the imperative bridge, which only exists
+  // once the map has loaded: consent granted (the default is
+  // `consentGranted={false}`) and Google Maps finished loading. Until then
+  // all three actions are silent no-ops. `consentGranted` says whether the
+  // gate is passed, and a null `center` after it means the map is still
+  // loading. `center` / `zoom` are read off the live
+  // map because Google clamps zoom and animates pans, so requested is not
+  // applied; `selectedMarkerId` is the only confirmation the host accepted
+  // a `select_marker` proposal.
+  //
+  // A9: marker ids only (`MapMarker.id` is a stable opaque id). Never
+  // `MapMarker.label`, never the `address` prop (consumer-supplied free
+  // text, PII in any patient-address deployment), never `apiKey`.
+  state: {
+    consentGranted: {
+      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: (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: (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: (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: (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: (e) => e.getZoom()
+    }
+  },
+  actions: {
+    pan_to: {
+      // Ephemeral viewport move, no data loss → read.
+      safety: "read",
+      argsType: "{ position: { lat: number; lng: number } }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          position: {
+            type: "object",
+            properties: {
+              lat: { type: "number", description: "Latitude in degrees." },
+              lng: { type: "number", description: "Longitude in degrees." }
+            },
+            required: ["lat", "lng"]
+          }
+        },
+        required: ["position"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.mapView.actions.panTo",
+      description: "Pan the map to a new centre without changing zoom. Read the `center` slot back to confirm — Google animates the pan, so the applied centre settles after the call.",
+      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: (e, t) => {
+        e.panTo(t.position);
+      }
+    },
+    set_zoom: {
+      // Ephemeral viewport zoom, no data loss → read.
+      safety: "read",
+      argsType: "{ zoom: number }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          zoom: {
+            type: "number",
+            description: "Zoom level, typical range 1–20."
+          }
+        },
+        required: ["zoom"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.mapView.actions.setZoom",
+      description: "Set the map zoom level (typical range 1–20). Read the `zoom` slot back — Google clamps the request to the map type’s supported range, so requested and applied can differ.",
+      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).",
+        "Requested zoom is clamped to the map type's range; `zoom` reports what was actually applied."
+      ],
+      invoke: (e, t) => {
+        e.setZoom(t.zoom);
+      }
+    },
+    select_marker: {
+      // Ephemeral marker focus, no data loss → read.
+      safety: "read",
+      argsType: "{ id: string | null }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          id: {
+            type: ["string", "null"],
+            description: "Marker id to select, or null to clear the selection."
+          }
+        },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.mapView.actions.selectMarker",
+      description: "Propose a marker selection by id, or pass null to clear it. Fires the host's `onMarkerClick`; selection is controlled by the host, so read the `selectedMarkerId` slot back to see whether it accepted.",
+      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).",
+        "The host owns `selectedMarkerId` and may ignore the proposal; `selectedMarkerId` is unchanged when it does."
+      ],
+      invoke: (e, t) => {
+        e.selectMarker(t.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "map-view",
+      description: "Marks the element as a kit MapView."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, bt = 30, yt = 56, ue = 17, wt = 256, kt = (e) => e * Math.PI / 180;
+function Mt(e, t, o) {
+  const a = wt * 2 ** o, n = Math.min(Math.max(Math.sin(kt(e)), -0.9999), 0.9999), r = Math.log((1 + n) / (1 - n)) / 2;
+  return {
+    x: (t + 180) / 360 * a,
+    y: (0.5 - r / (2 * Math.PI)) * a
+  };
+}
+function xt(e, t) {
+  return e === "auto" ? t > bt : e && t > 1;
+}
+function Et(e, t, o = yt) {
+  if (t >= ue || e.length < 2)
+    return { singles: [...e], clusters: [] };
+  const a = e.map((s) => ({
+    marker: s,
+    ...Mt(s.position.lat, s.position.lng, t)
+  })).sort(
+    (s, l) => s.x - l.x || s.y - l.y || (s.marker.id < l.marker.id ? -1 : 1)
+  ), n = [], r = /* @__PURE__ */ new Map(), c = (s) => Math.floor(s / o), p = o * o;
+  for (const s of a) {
+    const l = c(s.x), v = c(s.y);
+    let h = null, i = p;
+    for (let d = -1; d <= 1; d += 1)
+      for (let y = -1; y <= 1; y += 1)
+        for (const b of r.get(`${l + d}:${v + y}`) ?? []) {
+          const x = (b.x - s.x) ** 2 + (b.y - s.y) ** 2;
+          x <= i && (h = b, i = x);
+        }
+    if (h) {
+      const d = h.members.length, y = `${c(h.x)}:${c(h.y)}`;
+      h.x = (h.x * d + s.x) / (d + 1), h.y = (h.y * d + s.y) / (d + 1), h.lat = (h.lat * d + s.marker.position.lat) / (d + 1), h.lng = (h.lng * d + s.marker.position.lng) / (d + 1), h.members.push(s.marker);
+      const b = `${c(h.x)}:${c(h.y)}`;
+      if (y !== b) {
+        const x = r.get(y);
+        x && x.splice(x.indexOf(h), 1);
+        const T = r.get(b);
+        T ? T.push(h) : r.set(b, [h]);
+      }
+    } else {
+      const d = {
+        x: s.x,
+        y: s.y,
+        members: [s.marker],
+        lat: s.marker.position.lat,
+        lng: s.marker.position.lng
+      };
+      n.push(d);
+      const y = `${l}:${v}`, b = r.get(y);
+      b ? b.push(d) : r.set(y, [d]);
+    }
+  }
+  const g = [], m = [];
+  for (const s of n)
+    s.members.length === 1 ? g.push(s.members[0]) : m.push({
+      id: s.members[0].id,
+      position: { lat: s.lat, lng: s.lng },
+      members: s.members
+    });
+  return { singles: g, clusters: m };
+}
+function Ce(e) {
+  if (!(e instanceof Element)) return !1;
+  try {
+    return e.matches(":focus-visible");
+  } catch {
+    return !0;
+  }
+}
+const zt = X(
+  [
+    "ds:relative ds:overflow-hidden ds:block",
+    "ds:bg-[var(--muted)]",
+    // Focus lands on the region when the interactive map replaces its button.
+    "ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:[--map-block-size:14rem]",
+        md: "ds:[--map-block-size:20rem]",
+        lg: "ds:[--map-block-size:28rem]",
+        // `fill` defers sizing to the parent. The outer takes
+        // `block-size: 100%` so the inner (also 100%) has something
+        // to inherit from. Use inside a viewport-locked column —
+        // `<PracticeResults variant="map-first">` wires this through
+        // automatically; standalone consumers must give the parent
+        // a constrained block-size or the map collapses to 0.
+        fill: "ds:[block-size:100%]"
+      },
+      surface: {
+        bordered: "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+        elevated: "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]",
+        bare: "ds:rounded-none ds:border-0"
+      }
+    },
+    defaultVariants: { size: "md", surface: "bordered" }
+  }
+), Lt = X("ds:block ds:w-full", {
+  variants: {
+    size: {
+      sm: "ds:[block-size:var(--map-block-size)]",
+      md: "ds:[block-size:var(--map-block-size)]",
+      lg: "ds:[block-size:var(--map-block-size)]",
+      fill: "ds:[block-size:100%]"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), St = X(
+  [
+    "ds:absolute ds:inset-0",
+    "ds:flex ds:flex-col ds:items-center ds:justify-center",
+    "ds:gap-[var(--spacing-sm)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:bg-[var(--muted)] ds:text-[var(--foreground)]",
+    "ds:text-center"
+  ].join(" ")
+), Ct = X("type-heading-3 ds:m-0"), _e = X(
+  "type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0"
+);
+function _t({
+  onHandleReady: e,
+  onMarkerSelect: t,
+  onCameraMove: o
+}) {
+  const a = W();
+  return C(() => {
+    if (a)
+      return e({
+        panTo: (n) => {
+          o(), a.panTo(n);
+        },
+        setZoom: (n) => {
+          o(), a.setZoom(n);
+        },
+        jumpTo: (n, r) => {
+          o(), a.moveCamera({ center: n, zoom: r });
+        },
+        selectMarker: (n) => t(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 n;
+          return ((n = a.getCenter()) == null ? void 0 : n.toJSON()) ?? null;
+        },
+        getZoom: () => a.getZoom() ?? null
+      }), () => e(null);
+  }, [a, e, t, o]), null;
+}
+function Tt({
+  onBoundsChange: e,
+  userInteraction: t
+}) {
+  const o = W(), a = M(e);
+  return a.current = e, C(() => {
+    if (!o) return;
+    const n = o.getDiv();
+    let r = null;
+    const c = () => {
+      t.current = {
+        pendingInput: !1,
+        moved: !1,
+        programmatic: !1
+      };
+    };
+    c();
+    let p;
+    const g = /* @__PURE__ */ new Set(), m = (i) => {
+      if (i instanceof PointerEvent && i.pointerType === "touch" && (i.type === "pointerdown" && g.add(i.pointerId), i.type === "pointerup" || i.type === "pointercancel")) {
+        g.delete(i.pointerId);
+        return;
+      }
+      if (i instanceof PointerEvent && i.type === "pointermove" && i.buttons === 0 && i.pointerType !== "touch" || i instanceof KeyboardEvent && ![
+        "ArrowUp",
+        "ArrowDown",
+        "ArrowLeft",
+        "ArrowRight",
+        "+",
+        "=",
+        "-",
+        "_",
+        "Enter",
+        " ",
+        "PageUp",
+        "PageDown"
+      ].includes(i.key))
+        return;
+      const d = document.fullscreenElement, y = !!(d && (d.contains(n) || n.contains(d)));
+      let b = i.type === "dblclick";
+      i instanceof PointerEvent && i.type === "pointermove" && (b = i.pointerType !== "touch" || g.size >= 2 || y), i.type === "touchmove" && (b = i.touches.length >= 2 || y), i instanceof KeyboardEvent && (b = i.key !== "Enter" && i.key !== " "), i instanceof WheelEvent && (b = i.ctrlKey || i.metaKey || y), i.type === "click" && (b = i.target instanceof Element && i.target.closest('button, [role="button"]') != null), b && (t.current.programmatic = !1), t.current.pendingInput = !0, clearTimeout(p), p = setTimeout(() => {
+        t.current.pendingInput = !1;
+      }, 250);
+    }, s = () => {
+      t.current.pendingInput && !t.current.programmatic && (t.current.moved = !0);
+    }, l = () => {
+      var V, G;
+      const i = (V = o.getBounds()) == null ? void 0 : V.toJSON(), d = (G = o.getCenter()) == null ? void 0 : G.toJSON(), y = o.getZoom(), b = t.current.moved;
+      if (c(), clearTimeout(p), !i || !d || y == null) return;
+      const x = !r || Object.keys(i).some(
+        (Z) => i[Z] !== r.bounds[Z]
+      ), T = r != null && (y !== r.zoom || d.lat !== r.center.lat || d.lng !== r.center.lng);
+      r = { bounds: i, center: d, zoom: y }, x && a.current(i, { userInteraction: b && T });
+    }, v = [
+      "pointerdown",
+      "pointermove",
+      "pointerup",
+      "pointercancel",
+      "touchstart",
+      "touchmove",
+      "click",
+      "dblclick",
+      "wheel",
+      "keydown"
+    ];
+    v.forEach(
+      (i) => n.addEventListener(i, m, { capture: !0, passive: !0 })
+    );
+    const h = [
+      o.addListener("dragstart", () => {
+        t.current.programmatic = !1, t.current.moved = !0;
+      }),
+      o.addListener("center_changed", s),
+      o.addListener("zoom_changed", s),
+      o.addListener("idle", l)
+    ];
+    return l(), () => {
+      h.forEach((i) => i.remove()), v.forEach(
+        (i) => n.removeEventListener(i, m, !0)
+      ), clearTimeout(p), c();
+    };
+  }, [o, t]), null;
+}
+function It(e, t) {
+  const o = W(), [a, n] = $(null), { lat: r, lng: c } = t;
+  return C(() => {
+    if (!o || typeof o.getCenter != "function") return;
+    const p = () => {
+      var d, y;
+      const m = (d = o.getCenter()) == null ? void 0 : d.toJSON(), s = o.getZoom(), l = (y = o.getDiv) == null ? void 0 : y.call(o);
+      if (!m || s == null || !l) {
+        n(null);
+        return;
+      }
+      const v = l.clientWidth, h = l.clientHeight, i = Fe * 2 ** s;
+      n({
+        id: e,
+        width: v,
+        height: h,
+        x: v / 2 + (c - m.lng) / 360 * i,
+        y: h / 2 - (oe(r) - oe(m.lat)) * i / (2 * Math.PI)
+      });
+    };
+    p();
+    const g = ["bounds_changed", "zoom_changed", "center_changed", "idle"].flatMap(
+      (m) => typeof o.addListener == "function" ? [o.addListener(m, p)] : []
+    );
+    return () => g.forEach((m) => m.remove());
+  }, [o, e, r, c]), (a == null ? void 0 : a.id) === e ? a : null;
+}
+function Nt({
+  marker: e,
+  frame: t,
+  direction: o,
+  children: a
+}) {
+  const n = It(e.id, e.position);
+  return !n || !t ? null : Ae(
+    /* @__PURE__ */ f(Vt, { anchor: n, direction: o, children: a }),
+    t
+  );
+}
+const $t = 52, Rt = 12, te = 8;
+function Vt({
+  anchor: e,
+  children: t,
+  direction: o
+}) {
+  const a = M(null), [n, r] = $(
+    null
+  );
+  if (Ve(() => {
+    const i = a.current;
+    i && r(
+      (d) => (d == null ? void 0 : d.width) === i.offsetWidth && d.height === i.offsetHeight ? d : { width: i.offsetWidth, height: i.offsetHeight }
+    );
+  }, [t, e.id]), !(e.x >= 0 && e.x <= e.width && e.y >= 0 && e.y <= e.height)) return null;
+  const p = (n == null ? void 0 : n.width) ?? 0, g = (n == null ? void 0 : n.height) ?? 0, m = Math.max(te, e.width - p - te), s = Math.min(Math.max(e.x - p / 2, te), m), l = e.y - $t - g, v = l < te, h = v ? e.y + Rt : 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.
+    /* @__PURE__ */ f(
+      "div",
+      {
+        dir: "ltr",
+        "aria-hidden": "true",
+        "data-component": "map-view-marker-card-layer",
+        className: "ds:pointer-events-none ds:absolute ds:inset-0 ds:overflow-hidden",
+        children: /* @__PURE__ */ f(
+          "div",
+          {
+            ref: a,
+            "data-component": "map-view-marker-card",
+            "data-marker-id": e.id,
+            "data-placement": v ? "below" : "above",
+            style: {
+              "--marker-card-x": `${s}px`,
+              "--marker-card-y": `${h}px`
+            },
+            "data-measured": n ? "true" : "false",
+            className: "ds:absolute ds:[inset-inline-start:var(--marker-card-x)] ds:[inset-block-start:var(--marker-card-y)] ds:[inline-size:max-content] ds:[max-inline-size:calc(100%-var(--spacing-md))] ds:data-[measured=false]:invisible",
+            children: /* @__PURE__ */ f("div", { dir: o, children: t })
+          }
+        )
+      }
+    )
+  );
+}
+function ne(e) {
+  if (!e) return null;
+  if (e instanceof HTMLElement) return e;
+  const t = e.element;
+  return t instanceof HTMLElement ? t : null;
+}
+function At({
+  marker: e,
+  label: t,
+  isSelected: o,
+  isHovered: a,
+  onSelect: n,
+  onHover: r,
+  elements: c
+}) {
+  const [p, g] = $(null), { id: m } = e, s = M(!1);
+  return C(() => {
+    const l = ne(p);
+    if (!l || !c) return;
+    const v = c.current;
+    return v.set(`pin:${e.id}`, l), () => {
+      v.delete(`pin:${e.id}`);
+    };
+  }, [p, c, e.id]), C(() => {
+    const l = ne(p);
+    if (!l || !r) return;
+    const v = (d) => {
+      Ce(d.target) && r(m, !0, "focus");
+    }, h = (d) => {
+      l.contains(d.relatedTarget) || s.current || r(m, !1, "focus");
+    }, i = (d) => {
+      d.key === "Escape" && r(m, !1, "focus");
+    };
+    return l.addEventListener("focusin", v), l.addEventListener("focusout", h), l.addEventListener("keydown", i), () => {
+      l.removeEventListener("focusin", v), l.removeEventListener("focusout", h), l.removeEventListener("keydown", i);
+    };
+  }, [p, m, r]), /* @__PURE__ */ f(
+    Ge,
+    {
+      ref: g,
+      position: e.position,
+      title: t,
+      "aria-label": t,
+      "data-selected": o ? "true" : "false",
+      "data-hovered": a ? "true" : "false",
+      zIndex: a ? 1e3 : o ? 500 : void 0,
+      onClick: () => n(m),
+      onMouseEnter: r ? () => {
+        s.current = !0, r(m, !0, "pointer");
+      } : void 0,
+      onMouseLeave: r ? () => {
+        s.current = !1;
+        const l = ne(p), v = document.activeElement;
+        l && v && l.contains(v) && Ce(v) || r(m, !1, "pointer");
+      } : void 0,
+      children: a ? (
+        // Hovered pin: larger, deep ink body with a white ring.
+        // Theme-invariant, because the tiles do not follow the kit theme: one
+        // of body and ring clears 3:1 on any map style. Not `--accent`, which
+        // failed contrast.
+        /* @__PURE__ */ f(
+          Se,
+          {
+            scale: 1.4,
+            background: "var(--map-marker-hover-color)",
+            borderColor: "var(--map-marker-hover-ring)",
+            glyphColor: "var(--map-marker-hover-ring)"
+          }
+        )
+      ) : (
+        // The theme-stable map marker violet with a white ring and glyph, in
+        // every theme: the map tiles do not follow the kit theme, and
+        // `--primary` is light in the dark themes (about 1.5 to 2.9:1 on the
+        // tiles). The static map image uses the same colour.
+        /* @__PURE__ */ f(
+          Se,
+          {
+            background: "var(--map-marker-color)",
+            borderColor: "var(--map-marker-hover-ring)",
+            glyphColor: "var(--map-marker-hover-ring)"
+          }
+        )
+      )
+    }
+  );
+}
+const Fe = 256, Ot = (e) => e * Math.PI / 180;
+function oe(e) {
+  const t = Math.min(Math.max(Math.sin(Ot(e)), -0.9999), 0.9999);
+  return Math.log((1 + t) / (1 - t)) / 2;
+}
+const Pt = (e) => Math.atan(Math.sinh(e)) * 180 / Math.PI;
+function Gt(e) {
+  let t = -90, o = 90, a = -180, n = 180;
+  for (const { lat: r, lng: c } of e)
+    t = Math.max(t, r), o = Math.min(o, r), a = Math.max(a, c), n = Math.min(n, c);
+  return { north: t, south: o, east: a, west: n };
+}
+function Ue(e, t, o, a, n) {
+  const { north: r, south: c, east: p, west: g } = Gt(e);
+  if (r === c && p === g)
+    return { center: { lat: r, lng: p }, zoom: n };
+  const m = oe(r), s = oe(c), l = {
+    lat: Pt((m + s) / 2),
+    lng: (p + g) / 2
+  }, v = (i, d) => d > 0 ? Math.log2(Math.max(i, 1) / Fe / d) : n, h = Math.min(
+    v(t - 2 * a, (p - g) / 360),
+    v(o - 2 * a, (m - s) / (2 * Math.PI)),
+    n
+  );
+  return { center: l, zoom: Math.max(0, Math.floor(h)) };
+}
+const We = ({ id: e, lat: t, lng: o }) => e != null ? `id:${e}` : `at:${t},${o}`;
+function Zt({
+  points: e,
+  fitKey: t,
+  maxZoom: o,
+  onCameraMove: a
+}) {
+  const n = W(), r = M(null), c = M(!1), p = M(null);
+  return C(() => {
+    if (!n) return;
+    const g = () => {
+      var i;
+      const s = p.current, l = (i = n.getCenter()) == null ? void 0 : i.toJSON(), v = n.getZoom();
+      s != null && v === s.zoom && l != null && Math.abs(l.lat - s.center.lat) < 1e-6 && Math.abs(l.lng - s.center.lng) < 1e-6 || (c.current = !0);
+    }, m = [
+      n.addListener("dragstart", () => {
+        c.current = !0;
+      }),
+      n.addListener("center_changed", g),
+      n.addListener("zoom_changed", g)
+    ];
+    return () => m.forEach((s) => s.remove());
+  }, [n]), C(() => {
+    var y;
+    if (!n) return;
+    const g = ((y = r.current) == null ? void 0 : y.map) === n ? r.current : null;
+    if ((g == null ? void 0 : g.key) === t) return;
+    const m = new Set(e.map(We)), s = (b, x) => {
+      p.current = { center: b, zoom: x }, a(), n.moveCamera({ center: b, zoom: x }), c.current = !1;
+    };
+    if (e.length === 0) {
+      r.current = { map: n, key: t, points: m };
+      return;
+    }
+    if (g != null && g.points.size > 0 && [...g.points].every((b) => m.has(b)) && c.current) {
+      r.current = { map: n, key: t, points: m };
+      return;
+    }
+    const v = n.getDiv();
+    if (!(v instanceof Element)) return;
+    const h = () => {
+      r.current = { map: n, key: t, points: m };
+      const b = Math.min(
+        me("--spacing-2xl", v, 48),
+        v.clientWidth / 4,
+        v.clientHeight / 4
+      ), { center: x, zoom: T } = Ue(
+        e,
+        v.clientWidth,
+        v.clientHeight,
+        b,
+        o
+      );
+      s(x, T);
+    }, i = () => v.clientWidth > 0 && v.clientHeight > 0;
+    if (i() || typeof ResizeObserver > "u") {
+      h();
+      return;
+    }
+    const d = new ResizeObserver(() => {
+      i() && (d.disconnect(), h());
+    });
+    return d.observe(v), () => d.disconnect();
+  }, [n, t, e, o, a]), null;
+}
+const Te = 10;
+function Dt(e) {
+  const t = W(), [o, a] = $(e);
+  return C(() => {
+    if (!t || typeof t.addListener != "function" || typeof t.getZoom != "function")
+      return;
+    const n = () => {
+      const c = t.getZoom();
+      c != null && a(Math.round(c * 4) / 4);
+    };
+    n();
+    const r = ["zoom_changed", "idle"].map(
+      (c) => t.addListener(c, n)
+    );
+    return () => r.forEach((c) => c.remove());
+  }, [t]), o;
+}
+const jt = [
+  "ds:inline-flex ds:items-center ds:justify-center",
+  // 44 px, 48 px in the accessible themes, with room for a long count.
+  "ds:[min-inline-size:var(--min-target-size)] ds:[min-block-size:var(--min-target-size)]",
+  "ds:px-[var(--spacing-xs)] ds:rounded-full",
+  "ds:border-2 ds:border-solid ds:border-[color:var(--map-marker-hover-ring)]",
+  // The theme-stable map marker colour, as the pins (see KitAdvancedMarker).
+  "ds:bg-[var(--map-marker-color)] ds:text-[var(--map-marker-hover-ring)]",
+  "ds:shadow-[var(--shadow-md)] ds:tabular-nums ds:select-none type-label",
+  "ds:forced-colors:border-[ButtonText]",
+  // Google's marker element takes the focus; the ring is drawn on the badge,
+  // and the element's own outline is removed (see KitClusterMarker). The ring
+  // is the theme-stable deep ink, not `--ring`, which is light in the dark
+  // themes: the tiles do not follow the kit theme. `--focus-ring-width` is
+  // thicker in the accessible themes.
+  "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)] ds:[gmp-advanced-marker:focus-visible_&]:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:[gmp-advanced-marker:focus-visible_&]:forced-colors:outline-[CanvasText]"
+].join(" ");
+function Ft({ count: e }) {
+  return /* @__PURE__ */ f(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-component": "map-view-cluster",
+      "data-count": e,
+      className: jt,
+      children: e
+    }
+  );
+}
+function de(e, t) {
+  const o = document.createElement("span");
+  o.style.color = `var(${e})`, o.style.display = "none", (t.isConnected ? t : document.documentElement).append(o);
+  const a = getComputedStyle(o).color;
+  return o.remove(), a || "currentColor";
+}
+function Ut(e) {
+  const t = W(), [o, a] = $(null);
+  return C(() => {
+    var m;
+    const n = e ? (m = t == null ? void 0 : t.getDiv) == null ? void 0 : m.call(t) : null;
+    if (!(n instanceof Element)) return;
+    const r = () => {
+      const s = {
+        fill: de("--map-marker-color", n),
+        ink: de("--map-marker-hover-ring", n),
+        ring: de("--map-marker-hover-ring", n),
+        target: me("--min-target-size", n, 44)
+      };
+      a(
+        (l) => l && l.fill === s.fill && l.ink === s.ink && l.ring === s.ring && l.target === s.target ? l : s
+      );
+    };
+    r();
+    const c = new MutationObserver(r), p = {
+      attributes: !0,
+      attributeFilter: ["class", "data-theme"]
+    };
+    c.observe(document.documentElement, p);
+    const g = n.closest('[data-component="theme-root"]');
+    return g && c.observe(g, p), () => c.disconnect();
+  }, [t, e]), o;
+}
+function Wt(e, { fill: t, ink: o, ring: a, target: n }) {
+  var m;
+  const r = Math.max(n, 20 + String(e).length * 12), c = `<svg xmlns="http://www.w3.org/2000/svg" width="${r}" height="${n}"><rect x="1" y="1" width="${r - 2}" height="${n - 2}" rx="${n / 2}" fill="${t}" stroke="${a}" stroke-width="2"/></svg>`, p = (m = globalThis.google) == null ? void 0 : m.maps;
+  return {
+    icon: {
+      url: `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(c)}`,
+      scaledSize: p ? new p.Size(r, n) : void 0,
+      anchor: p ? new p.Point(r / 2, n / 2) : void 0
+    },
+    label: { text: String(e), color: o, fontWeight: "600" }
+  };
+}
+function qt({
+  cluster: e,
+  label: t,
+  mapId: o,
+  iconTheme: a,
+  elements: n,
+  onActivate: r
+}) {
+  const [c, p] = $(null), g = `cluster:${e.id}`;
+  C(() => {
+    const l = ne(c);
+    if (!l) return;
+    const v = n.current;
+    return v.set(g, l), l.style.outline = "none", () => {
+      v.delete(g);
+    };
+  }, [c, n, g]);
+  const m = e.members.length, s = P(
+    () => o || !a ? null : Wt(m, a),
+    [o, m, a]
+  );
+  return o ? /* @__PURE__ */ f(
+    Ge,
+    {
+      ref: p,
+      position: e.position,
+      title: t,
+      "aria-label": t,
+      zIndex: Te,
+      anchorPoint: ["50%", "50%"],
+      onClick: () => r(e),
+      children: /* @__PURE__ */ f(Ft, { count: m })
+    }
+  ) : /* @__PURE__ */ f(
+    Pe,
+    {
+      position: e.position,
+      title: t,
+      zIndex: Te,
+      icon: s == null ? void 0 : s.icon,
+      label: s == null ? void 0 : s.label,
+      onClick: () => r(e)
+    }
+  );
+}
+const Bt = 100, Kt = 30;
+function Xt({
+  markers: e,
+  fallbackZoom: t,
+  selectedMarkerId: o,
+  hoveredMarkerId: a,
+  renderMarker: n,
+  mapId: r,
+  frame: c,
+  elements: p,
+  labelFor: g,
+  onCameraMove: m,
+  onClusterClick: s
+}) {
+  const l = W(), { t: v } = q("ui"), h = Dt(t), i = Ut(!r), d = P(
+    () => Et(e, h),
+    [e, h]
+  ), { singles: y, clusters: b } = P(() => {
+    const w = (E) => E.id === o || E.id === a, z = d.singles.slice(), A = [];
+    for (const E of d.clusters) {
+      const R = E.members.filter((_) => !w(_));
+      z.push(...E.members.filter(w)), R.length > 1 ? A.push({ ...E, members: R }) : z.push(...R);
+    }
+    return { singles: z, clusters: A };
+  }, [d, o, a]), [x, T] = $(""), V = M(null), G = M(void 0);
+  C(() => () => clearTimeout(G.current), []);
+  const Z = (w) => {
+    var L;
+    const z = (L = l == null ? void 0 : l.getDiv) == null ? void 0 : L.call(l);
+    if (!l || !(z instanceof Element)) return;
+    const A = Math.min(
+      me("--spacing-2xl", z, 48),
+      z.clientWidth / 4,
+      z.clientHeight / 4
+    ), E = Ue(
+      w.members.map((S) => S.position),
+      z.clientWidth,
+      z.clientHeight,
+      A,
+      ue
+    ), R = l.getZoom() ?? h, _ = Math.min(
+      ue,
+      Math.max(E.zoom, Math.ceil(R + 1))
+    ), I = w.members.length;
+    V.current = {
+      ids: new Set(w.members.map((S) => S.id)),
+      centre: w.position
+    }, T(""), clearTimeout(G.current), G.current = setTimeout(
+      () => T(v("mapView.clusterZoomed", { label: g(I) })),
+      Bt
+    ), m(), s == null || s({
+      count: I,
+      markerIds: w.members.map((S) => S.id)
+    }), l.moveCamera({ center: E.center, zoom: _ });
+  };
+  return C(() => {
+    const w = V.current;
+    if (!w) return;
+    let z = 0, A = 0;
+    const E = () => {
+      let _ = null;
+      for (const L of b) {
+        if (!L.members.some((H) => w.ids.has(H.id)))
+          continue;
+        const S = (L.position.lat - w.centre.lat) ** 2 + (L.position.lng - w.centre.lng) ** 2;
+        (!_ || S < _.distance) && (_ = { key: `cluster:${L.id}`, distance: S });
+      }
+      if (_) return _.key;
+      const I = y.find((L) => w.ids.has(L.id));
+      return I ? `pin:${I.id}` : null;
+    }, R = () => {
+      const _ = E(), I = _ ? p.current.get(_) : null;
+      if (I && (I.focus({ preventScroll: !0 }), I.contains(document.activeElement))) {
+        V.current = null;
+        return;
+      }
+      if (A += 1, A < Kt && r) {
+        z = requestAnimationFrame(R);
+        return;
+      }
+      V.current = null;
+      const L = c == null ? void 0 : c.closest('[data-component="map-view"]');
+      L && (L.hasAttribute("tabindex") || L.setAttribute("tabindex", "-1"), L.focus({ preventScroll: !0 }));
+    };
+    return z = requestAnimationFrame(R), () => cancelAnimationFrame(z);
+  }, [b, y, p, c, r]), /* @__PURE__ */ N(it, { children: [
+    y.map(n),
+    b.map((w) => /* @__PURE__ */ f(
+      qt,
+      {
+        cluster: w,
+        label: g(w.members.length),
+        mapId: r,
+        iconTheme: i,
+        elements: p,
+        onActivate: Z
+      },
+      `${Math.floor(h)}:${w.id}`
+    )),
+    c ? Ae(
+      /* @__PURE__ */ f("div", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: x }),
+      c
+    ) : null
+  ] });
+}
+const qe = (e) => {
+  var t, o;
+  return typeof ((o = (t = globalThis.google) == null ? void 0 : t.maps) == null ? void 0 : o[e]) == "function";
+};
+function Ie() {
+  const { t: e } = q("ui");
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      role: "status",
+      "data-testid": "map-view-loading",
+      className: "ds:[inline-size:100%] ds:[block-size:100%]",
+      children: [
+        /* @__PURE__ */ f(pt, { variant: "rectangular", width: "100%", height: "100%" }),
+        /* @__PURE__ */ f(De, { children: e("common.loading") })
+      ]
+    }
+  );
+}
+function Ne({
+  preview: e,
+  onError: t
+}) {
+  const { t: o } = q("ui");
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      "data-testid": "map-view-loading",
+      className: "ds:relative ds:[inline-size:100%] ds:[block-size:100%]",
+      children: [
+        /* @__PURE__ */ f(Be, { preview: e, onError: t }),
+        /* @__PURE__ */ f("div", { role: "status", children: /* @__PURE__ */ f(De, { children: o("common.loading") }) })
+      ]
+    }
+  );
+}
+function Be({
+  preview: e,
+  onError: t
+}) {
+  return /* @__PURE__ */ f(
+    "img",
+    {
+      src: e.src,
+      srcSet: e.srcSet,
+      alt: e.alt,
+      width: e.width,
+      height: e.height,
+      loading: "lazy",
+      decoding: "async",
+      onError: t,
+      "data-testid": "map-view-preview-image",
+      className: "ds:block ds:[inline-size:100%] ds:[block-size:100%] ds:[object-fit:contain]"
+    }
+  );
+}
+function Ht({
+  children: e,
+  pending: t,
+  holdUntilLoaded: o = !1
+}) {
+  const a = mt();
+  return Oe("maps") || qe("Map") || !a && !o ? e : t;
+}
+function Jt({ children: e }) {
+  return Oe("marker") || qe("Marker") ? e : null;
+}
+function Ke(e, t) {
+  Ve(() => {
+    const o = e.current;
+    return () => {
+      t == null || t(!!(o && o.contains(document.activeElement)));
+    };
+  }, [e, t]);
+}
+function Yt({
+  preview: e,
+  onLoadMap: t,
+  consentCta: o,
+  onImageError: a,
+  description: n,
+  openInGoogleMapsHref: r,
+  onUnmount: c
+}) {
+  const { t: p } = q("ui"), g = Re(), m = M(null);
+  return Ke(m, c), /* @__PURE__ */ N(
+    "div",
+    {
+      ref: m,
+      className: "ds:absolute ds:inset-0 ds:bg-[var(--muted)]",
+      "data-testid": "map-view-preview",
+      children: [
+        /* @__PURE__ */ f(Be, { preview: e, onError: a }),
+        /* @__PURE__ */ f("div", { className: "ds:absolute ds:start-0 ds:end-0 ds:top-[var(--map-preview-inset-block-start,var(--spacing-md))] ds:flex ds:justify-center ds:px-[var(--spacing-md)]", children: /* @__PURE__ */ N(
+          "div",
+          {
+            "data-testid": "map-view-preview-plate",
+            className: "ds:flex ds:max-w-[24rem] ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:rounded-[var(--radius-lg)] ds:bg-[var(--background)] ds:p-[var(--spacing-sm)] ds:text-center ds:shadow-[var(--shadow-lg)]",
+            children: [
+              /* @__PURE__ */ f(
+                "p",
+                {
+                  id: g,
+                  className: "type-meta ds:m-0 ds:text-[var(--muted-foreground)]",
+                  children: n
+                }
+              ),
+              /* @__PURE__ */ N("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-center ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)]", children: [
+                o ?? /* @__PURE__ */ f(
+                  Ze,
+                  {
+                    type: "button",
+                    intent: "primary",
+                    size: "lg",
+                    onClick: t,
+                    "aria-describedby": g,
+                    "data-testid": "map-view-load-cta",
+                    children: p("mapView.consentTitle")
+                  }
+                ),
+                /* @__PURE__ */ N(
+                  "a",
+                  {
+                    href: r,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "ds:inline-flex ds:min-h-[var(--min-target-size)] ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[var(--primary-readable)] ds:underline ds:underline-offset-2",
+                    children: [
+                      p("mapView.openInGoogleMaps"),
+                      /* @__PURE__ */ f(je, { "aria-hidden": "true", className: "ds:size-3" })
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function $e({
+  address: e,
+  contentLang: t,
+  description: o,
+  onLoadMap: a,
+  openInGoogleMapsHref: n,
+  consentCta: r,
+  onUnmount: c
+}) {
+  const { t: p } = q("ui"), g = M(null);
+  return Ke(g, c), /* @__PURE__ */ N(
+    "div",
+    {
+      ref: g,
+      className: St(),
+      "data-testid": "map-view-consent",
+      children: [
+        /* @__PURE__ */ f(
+          ht,
+          {
+            "aria-hidden": "true",
+            className: "ds:size-6 ds:text-[var(--muted-foreground)]"
+          }
+        ),
+        /* @__PURE__ */ f("p", { className: Ct(), children: p("mapView.consentTitle") }),
+        e ? /* @__PURE__ */ f(
+          "p",
+          {
+            className: _e(),
+            "data-testid": "map-view-address",
+            lang: t,
+            children: e
+          }
+        ) : null,
+        /* @__PURE__ */ f("p", { className: _e(), children: o }),
+        /* @__PURE__ */ N(
+          "div",
+          {
+            className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center",
+            "data-testid": "map-view-consent-actions",
+            children: [
+              r ?? /* @__PURE__ */ f(
+                Ze,
+                {
+                  type: "button",
+                  intent: "primary",
+                  size: "sm",
+                  onClick: a,
+                  "data-testid": "map-view-load-cta",
+                  children: p("mapView.consentCta")
+                }
+              ),
+              /* @__PURE__ */ N(
+                "a",
+                {
+                  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: [
+                    p("mapView.openInGoogleMaps"),
+                    /* @__PURE__ */ f(je, { "aria-hidden": "true", className: "ds:size-3" })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const Qt = at(
+  ({
+    id: e,
+    apiKey: t,
+    center: o,
+    zoom: a = 15,
+    markers: n,
+    selectedMarkerId: r,
+    hoveredMarkerId: c,
+    renderMarkerCard: p,
+    onMarkerHover: g,
+    onMarkerClick: m,
+    onBoundsChange: s,
+    consentGranted: l = !1,
+    onConsentRequest: v,
+    staticPreview: h,
+    address: i,
+    contentLang: d,
+    consentDescription: y,
+    consentCta: b,
+    mapId: x,
+    size: T,
+    surface: V,
+    ariaLabel: G,
+    fitToPoints: Z,
+    fitKey: w,
+    fitMaxZoom: z = 15,
+    clusterMarkers: A = "auto",
+    clusterLabel: E,
+    onClusterClick: R,
+    className: _,
+    ...I
+  }, L) => {
+    const { t: S, i18n: H } = q("ui"), pe = M(/* @__PURE__ */ new Map()), J = P(() => Z ?? [], [Z]), Xe = P(
+      () => w ?? J.map((u) => `${We(u)}@${u.lat},${u.lng}`).sort().join("|"),
+      [w, J]
+    ), j = J.length > 0, fe = M(j), ge = Re(), He = P(
+      () => `map-${ge.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [ge]
+    ), [he, Je] = $(!1);
+    C(() => {
+      if (typeof window > "u") return;
+      const u = window.matchMedia("(prefers-reduced-motion: reduce)"), k = () => Je(u.matches);
+      return k(), u.addEventListener("change", k), () => u.removeEventListener("change", k);
+    }, []);
+    const se = P(() => `https://www.google.com/maps/search/?api=1&query=${i ? encodeURIComponent(i) : `${o.lat},${o.lng}`}`, [i, o.lat, o.lng]), O = M(null), ve = M({
+      pendingInput: !1,
+      moved: !1,
+      programmatic: !1
+    }), B = D(() => {
+      ve.current = {
+        pendingInput: !1,
+        moved: !1,
+        programmatic: !0
+      };
+    }, []), Y = D(
+      (u) => {
+        B(), m == null || m(u);
+      },
+      [B, m]
+    ), [be, Ye] = $(null), re = P(
+      () => c != null && p ? (n ?? []).find((u) => u.id === c) ?? null : null,
+      [c, p, n]
+    ), Qe = D((u) => {
+      O.current = u;
+    }, []), ye = M(!1), we = M(null), ke = M(0), Q = D(
+      () => ({
+        panTo: (u) => {
+          var k;
+          return (k = O.current) == null ? void 0 : k.panTo(u);
+        },
+        setZoom: (u) => {
+          var k;
+          return (k = O.current) == null ? void 0 : k.setZoom(u);
+        },
+        selectMarker: (u) => {
+          var k;
+          return (k = O.current) == null ? void 0 : k.selectMarker(u);
+        },
+        // 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: () => ye.current,
+        getCenter: () => {
+          var u;
+          return ((u = O.current) == null ? void 0 : u.getCenter()) ?? null;
+        },
+        getZoom: () => {
+          var u;
+          return ((u = O.current) == null ? void 0 : u.getZoom()) ?? null;
+        },
+        getSelectedMarkerId: () => we.current,
+        getMarkerCount: () => ke.current
+      }),
+      []
+    );
+    ct(L, Q, [Q]);
+    const et = P(
+      () => Q(),
+      [Q]
+    );
+    gt(vt, et, e), C(() => {
+      var k, U;
+      const u = fe.current && !j;
+      if (fe.current = j, !j) {
+        if (u) {
+          (k = O.current) == null || k.jumpTo(o, a);
+          return;
+        }
+        he || (U = O.current) == null || U.panTo(o);
+      }
+    }, [o.lat, o.lng, he, j]), C(() => {
+      var u;
+      j || (u = O.current) == null || u.setZoom(a);
+    }, [a, j]);
+    const [tt, Me] = $(!1), ee = l || tt;
+    ye.current = ee, we.current = r ?? null, ke.current = (n ?? []).length;
+    const [nt, ot] = $(null), F = h && h.src !== nt ? h : void 0, ie = h == null ? void 0 : h.src, ae = D(() => {
+      ie && ot(ie);
+    }, [ie]), xe = M(null), ce = M(!1), le = M(!1), Ee = D((u) => {
+      le.current = u;
+    }, []);
+    C(() => {
+      var K;
+      if (!ee) return;
+      const u = document.activeElement, k = !u || u === document.body, U = ce.current || le.current && k;
+      ce.current = !1, le.current = !1, U && ((K = xe.current) == null || K.focus({ preventScroll: !0 }));
+    }, [ee]);
+    const ze = D(() => {
+      if (ce.current = !0, v) {
+        v(), Me(!0);
+        return;
+      }
+      Me(!0);
+    }, [v]), Le = (u) => {
+      const k = r != null && r === u.id, U = c != null && c === u.id, K = S("mapView.markerLabel", {
+        label: u.label ?? u.id
+      });
+      return x ? /* @__PURE__ */ f(
+        At,
+        {
+          marker: u,
+          label: K,
+          isSelected: k,
+          isHovered: U,
+          onSelect: Y,
+          onHover: g,
+          elements: pe
+        },
+        u.id
+      ) : /* @__PURE__ */ f(
+        Pe,
+        {
+          position: u.position,
+          title: K,
+          zIndex: U ? 1e3 : k ? 500 : void 0,
+          onClick: () => Y(u.id),
+          onMouseOver: g ? () => g(u.id, !0, "pointer") : void 0,
+          onMouseOut: g ? () => g(u.id, !1, "pointer") : void 0
+        },
+        u.id
+      );
+    }, st = D(
+      (u) => typeof E == "function" ? E(u) : typeof E == "string" ? E.replaceAll("{count}", String(u)) : S("mapView.clusterLabel", { count: u }),
+      [E, S]
+    ), rt = xt(A, (n ?? []).length);
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        ref: xe,
+        className: zt({ size: T, surface: V, className: _ }),
+        "data-component": "map-view",
+        "data-component-id": e ?? He,
+        role: "region",
+        "aria-label": G ?? S("mapView.label"),
+        tabIndex: -1,
+        ...I,
+        children: /* @__PURE__ */ f(
+          "div",
+          {
+            ref: Ye,
+            className: Lt({ size: T, className: "ds:relative" }),
+            children: ee ? (
+              // 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__ */ f(
+                ft,
+                {
+                  fallback: ({ reset: u }) => /* @__PURE__ */ f(
+                    $e,
+                    {
+                      address: i,
+                      contentLang: d,
+                      description: y ?? S("mapView.consentDescription"),
+                      onLoadMap: u,
+                      consentCta: void 0,
+                      openInGoogleMapsHref: se
+                    }
+                  ),
+                  children: /* @__PURE__ */ f(
+                    lt,
+                    {
+                      libraries: ["maps"],
+                      pending: F ? /* @__PURE__ */ f(
+                        Ne,
+                        {
+                          preview: F,
+                          onError: ae
+                        }
+                      ) : /* @__PURE__ */ f(Ie, {}),
+                      children: /* @__PURE__ */ f(
+                        dt,
+                        {
+                          apiKey: t,
+                          language: H.language,
+                          children: /* @__PURE__ */ f(
+                            Ht,
+                            {
+                              holdUntilLoaded: !!F,
+                              pending: F ? /* @__PURE__ */ f(
+                                Ne,
+                                {
+                                  preview: F,
+                                  onError: ae
+                                }
+                              ) : /* @__PURE__ */ f(Ie, {}),
+                              children: /* @__PURE__ */ N(
+                                ut,
+                                {
+                                  defaultCenter: o,
+                                  defaultZoom: a,
+                                  mapId: x,
+                                  gestureHandling: "cooperative",
+                                  disableDefaultUI: !1,
+                                  onClick: () => Y(null),
+                                  className: "ds:[inline-size:100%] ds:[block-size:100%]",
+                                  children: [
+                                    /* @__PURE__ */ f(
+                                      _t,
+                                      {
+                                        onHandleReady: Qe,
+                                        onMarkerSelect: Y,
+                                        onCameraMove: B
+                                      }
+                                    ),
+                                    s ? /* @__PURE__ */ f(
+                                      Tt,
+                                      {
+                                        onBoundsChange: s,
+                                        userInteraction: ve
+                                      }
+                                    ) : null,
+                                    Z ? /* @__PURE__ */ f(
+                                      Zt,
+                                      {
+                                        points: J,
+                                        fitKey: Xe,
+                                        maxZoom: z,
+                                        onCameraMove: B
+                                      }
+                                    ) : null,
+                                    re && p ? /* @__PURE__ */ f(
+                                      Nt,
+                                      {
+                                        marker: re,
+                                        frame: be,
+                                        direction: H.dir(),
+                                        children: p(re.id)
+                                      }
+                                    ) : null,
+                                    /* @__PURE__ */ f(Jt, { children: rt ? /* @__PURE__ */ f(
+                                      Xt,
+                                      {
+                                        markers: n ?? [],
+                                        fallbackZoom: a,
+                                        selectedMarkerId: r ?? null,
+                                        hoveredMarkerId: c ?? null,
+                                        renderMarker: Le,
+                                        mapId: !!x,
+                                        frame: be,
+                                        elements: pe,
+                                        labelFor: st,
+                                        onCameraMove: B,
+                                        onClusterClick: R
+                                      }
+                                    ) : (n ?? []).map(Le) })
+                                  ]
+                                }
+                              )
+                            }
+                          )
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ) : F ? /* @__PURE__ */ f(
+              Yt,
+              {
+                preview: F,
+                onLoadMap: ze,
+                consentCta: b,
+                onImageError: ae,
+                description: y ?? S("mapView.consentDescription"),
+                openInGoogleMapsHref: se,
+                onUnmount: Ee
+              }
+            ) : /* @__PURE__ */ f(
+              $e,
+              {
+                address: i,
+                contentLang: d,
+                description: y ?? S("mapView.consentDescription"),
+                onLoadMap: ze,
+                consentCta: b,
+                openInGoogleMapsHref: se,
+                onUnmount: Ee
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Qt.displayName = "MapView";
+export {
+  Qt as M,
+  Ce as i
+};
+//# sourceMappingURL=map-view-CHeGd94F.js.map