@alfadocs/ui-kit-debug 1.118.0 → 1.120.0

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

@@ -0,0 +1,1578 @@
+import { jsx as d, jsxs as C, Fragment as ht } from "react/jsx-runtime";
+import { forwardRef as gt, useRef as x, useMemo as A, useId as Ve, useState as N, useEffect as $, useCallback as D, useImperativeHandle as vt, useContext as Oe, useLayoutEffect as je, createContext as bt } from "react";
+import { createPortal as Ge } from "react-dom";
+import { c as J } from "./index-D2ZczOXr.js";
+import { useTranslation as B } from "react-i18next";
+import { M as yt, A as wt, a as kt, b as Mt, u as De, c as W, d as Ze, e as Fe } from "./maps-core-gate-DKx96CC_.js";
+import { B as Ue } from "./button-DohK_Ak_.js";
+import { S as xt } from "./skeleton-tTWJpvAq.js";
+import { V as We } from "./visually-hidden-BHxEUGyT.js";
+import { E as Et } from "./error-boundary-tAn_GuCu.js";
+import { u as _t } from "./registry-DvAUVLHh.js";
+import { l as he } from "./length-token-DwMnGEYT.js";
+import { M as zt } from "./map-pin-BaY37-Km.js";
+import { E as Be } from "./external-link-CY6zAXXU.js";
+const St = {
+  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."
+    }
+  }
+}, q = 32, X = 40, ie = "M16 38C16 38 2 26 2 16A14 14 0 0 1 30 16C30 26 16 38 16 38Z", Ke = 2, He = 4, qe = "translate(8.25 8.25) scale(0.10473)", Xe = [
+  {
+    tag: "rect",
+    attrs: {
+      x: "53.04",
+      y: "2.54",
+      width: "33.99",
+      height: "49.34",
+      rx: "4.56",
+      ry: "4.56",
+      transform: "translate(-4.66 19.05) rotate(-15)"
+    }
+  },
+  {
+    tag: "rect",
+    attrs: {
+      x: "96.12",
+      y: "53.04",
+      width: "49.34",
+      height: "33.99",
+      rx: "4.56",
+      ry: "4.56",
+      transform: "translate(-14.01 33.65) rotate(-15)"
+    }
+  },
+  {
+    tag: "path",
+    attrs: {
+      d: "M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z"
+    }
+  },
+  {
+    tag: "rect",
+    attrs: {
+      x: "60.97",
+      y: "96.12",
+      width: "33.99",
+      height: "49.34",
+      rx: "4.56",
+      ry: "4.56",
+      transform: "translate(-28.61 24.29) rotate(-15)"
+    }
+  }
+], $t = (e) => Object.entries(e).map(([t, n]) => `${t}="${n}"`).join(" ");
+function Lt(e, t, n, r = {
+  width: q,
+  height: X
+}) {
+  const o = Xe.map(
+    ({ tag: s, attrs: i }) => `<${s} ${$t(i)}/>`
+  ).join("");
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${r.width}" height="${r.height}" viewBox="0 0 ${q} ${X}"><path d="${ie}" fill="none" stroke="${n}" stroke-width="${He}" stroke-linejoin="round"/><path d="${ie}" fill="${e}" stroke="${t}" stroke-width="${Ke}" stroke-linejoin="round"/><g fill="${t}" transform="${qe}">${o}</g></svg>`;
+}
+const Je = 1.4, Tt = [
+  "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 Ct({ hovered: e }) {
+  const t = e ? Je : 1, n = e ? "ds:fill-[var(--map-marker-hover-color)]" : "ds:fill-[var(--map-marker-color)]";
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      "data-component": "map-view-pin",
+      className: "ds:flex ds:items-end ds:justify-center ds:[min-inline-size:var(--min-target-size)] ds:[min-block-size:var(--min-target-size)]",
+      children: /* @__PURE__ */ C(
+        "svg",
+        {
+          "aria-hidden": "true",
+          focusable: "false",
+          "data-map-pin": e ? "hovered" : "normal",
+          width: q * t,
+          height: X * t,
+          viewBox: `0 0 ${q} ${X}`,
+          className: `ds:block ds:fill-[var(--map-marker-hover-ring)] ds:forced-colors:fill-[Canvas] ${Tt}`,
+          children: [
+            /* @__PURE__ */ d(
+              "path",
+              {
+                d: ie,
+                fill: "none",
+                strokeWidth: He,
+                strokeLinejoin: "round",
+                className: "ds:stroke-[color:var(--map-marker-hover-color)] ds:forced-colors:stroke-[ButtonText]"
+              }
+            ),
+            /* @__PURE__ */ d(
+              "path",
+              {
+                d: ie,
+                strokeWidth: Ke,
+                strokeLinejoin: "round",
+                className: `${n} ds:stroke-[color:var(--map-marker-hover-ring)] ds:forced-colors:fill-[ButtonText] ds:forced-colors:stroke-[Canvas]`
+              }
+            ),
+            /* @__PURE__ */ d("g", { transform: qe, children: Xe.map(
+              ({ tag: r, attrs: o }, s) => r === "path" ? /* @__PURE__ */ d("path", { d: o.d }, s) : /* @__PURE__ */ d(
+                "rect",
+                {
+                  x: o.x,
+                  y: o.y,
+                  width: o.width,
+                  height: o.height,
+                  rx: o.rx,
+                  ry: o.ry,
+                  transform: o.transform
+                },
+                s
+              )
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+const It = 30, Nt = 56, fe = 17, Pt = 256, At = (e) => e * Math.PI / 180;
+function Rt(e, t, n) {
+  const r = Pt * 2 ** n, o = Math.min(Math.max(Math.sin(At(e)), -0.9999), 0.9999), s = Math.log((1 + o) / (1 - o)) / 2;
+  return {
+    x: (t + 180) / 360 * r,
+    y: (0.5 - s / (2 * Math.PI)) * r
+  };
+}
+function Vt(e, t) {
+  return e === "auto" ? t > It : e && t > 1;
+}
+function Ot(e, t, n = Nt) {
+  if (t >= fe || e.length < 2)
+    return { singles: [...e], clusters: [] };
+  const r = e.map((a) => ({
+    marker: a,
+    ...Rt(a.position.lat, a.position.lng, t)
+  })).sort(
+    (a, l) => a.x - l.x || a.y - l.y || (a.marker.id < l.marker.id ? -1 : 1)
+  ), o = [], s = /* @__PURE__ */ new Map(), i = (a) => Math.floor(a / n), m = n * n;
+  for (const a of r) {
+    const l = i(a.x), f = i(a.y);
+    let v = null, c = m;
+    for (let p = -1; p <= 1; p += 1)
+      for (let y = -1; y <= 1; y += 1)
+        for (const b of s.get(`${l + p}:${f + y}`) ?? []) {
+          const k = (b.x - a.x) ** 2 + (b.y - a.y) ** 2;
+          k <= c && (v = b, c = k);
+        }
+    if (v) {
+      const p = v.members.length, y = `${i(v.x)}:${i(v.y)}`;
+      v.x = (v.x * p + a.x) / (p + 1), v.y = (v.y * p + a.y) / (p + 1), v.lat = (v.lat * p + a.marker.position.lat) / (p + 1), v.lng = (v.lng * p + a.marker.position.lng) / (p + 1), v.members.push(a.marker);
+      const b = `${i(v.x)}:${i(v.y)}`;
+      if (y !== b) {
+        const k = s.get(y);
+        k && k.splice(k.indexOf(v), 1);
+        const T = s.get(b);
+        T ? T.push(v) : s.set(b, [v]);
+      }
+    } else {
+      const p = {
+        x: a.x,
+        y: a.y,
+        members: [a.marker],
+        lat: a.marker.position.lat,
+        lng: a.marker.position.lng
+      };
+      o.push(p);
+      const y = `${l}:${f}`, b = s.get(y);
+      b ? b.push(p) : s.set(y, [p]);
+    }
+  }
+  const h = [], u = [];
+  for (const a of o)
+    a.members.length === 1 ? h.push(a.members[0]) : u.push({
+      id: a.members[0].id,
+      position: { lat: a.lat, lng: a.lng },
+      members: a.members
+    });
+  return { singles: h, clusters: u };
+}
+function Ce(e) {
+  if (!(e instanceof Element)) return !1;
+  try {
+    return e.matches(":focus-visible");
+  } catch {
+    return !0;
+  }
+}
+const jt = J(
+  [
+    "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" }
+  }
+), Gt = J("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" }
+}), Dt = J(
+  [
+    "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(" ")
+), Zt = J("type-heading-3 ds:m-0"), Ie = J(
+  "type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0"
+);
+function Ft({
+  onHandleReady: e,
+  onMarkerSelect: t,
+  onCameraMove: n
+}) {
+  const r = W();
+  return $(() => {
+    if (r)
+      return e({
+        panTo: (o) => {
+          n(), r.panTo(o);
+        },
+        setZoom: (o) => {
+          n(), r.setZoom(o);
+        },
+        jumpTo: (o, s) => {
+          n(), r.moveCamera({ center: o, zoom: s });
+        },
+        selectMarker: (o) => t(o),
+        // 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 o;
+          return ((o = r.getCenter()) == null ? void 0 : o.toJSON()) ?? null;
+        },
+        getZoom: () => r.getZoom() ?? null
+      }), () => e(null);
+  }, [r, e, t, n]), null;
+}
+function Ut({
+  onBoundsChange: e,
+  userInteraction: t
+}) {
+  const n = W(), r = x(e);
+  return r.current = e, $(() => {
+    if (!n) return;
+    const o = n.getDiv();
+    let s = null;
+    const i = () => {
+      t.current = {
+        pendingInput: !1,
+        moved: !1,
+        programmatic: !1
+      };
+    };
+    i();
+    let m;
+    const h = /* @__PURE__ */ new Set(), u = (c) => {
+      if (c instanceof PointerEvent && c.pointerType === "touch" && (c.type === "pointerdown" && h.add(c.pointerId), c.type === "pointerup" || c.type === "pointercancel")) {
+        h.delete(c.pointerId);
+        return;
+      }
+      if (c instanceof PointerEvent && c.type === "pointermove" && c.buttons === 0 && c.pointerType !== "touch" || c instanceof KeyboardEvent && ![
+        "ArrowUp",
+        "ArrowDown",
+        "ArrowLeft",
+        "ArrowRight",
+        "+",
+        "=",
+        "-",
+        "_",
+        "Enter",
+        " ",
+        "PageUp",
+        "PageDown"
+      ].includes(c.key))
+        return;
+      const p = document.fullscreenElement, y = !!(p && (p.contains(o) || o.contains(p)));
+      let b = c.type === "dblclick";
+      c instanceof PointerEvent && c.type === "pointermove" && (b = c.pointerType !== "touch" || h.size >= 2 || y), c.type === "touchmove" && (b = c.touches.length >= 2 || y), c instanceof KeyboardEvent && (b = c.key !== "Enter" && c.key !== " "), c instanceof WheelEvent && (b = c.ctrlKey || c.metaKey || y), c.type === "click" && (b = c.target instanceof Element && c.target.closest('button, [role="button"]') != null), b && (t.current.programmatic = !1), t.current.pendingInput = !0, clearTimeout(m), m = setTimeout(() => {
+        t.current.pendingInput = !1;
+      }, 250);
+    }, a = () => {
+      t.current.pendingInput && !t.current.programmatic && (t.current.moved = !0);
+    }, l = () => {
+      var R, j;
+      const c = (R = n.getBounds()) == null ? void 0 : R.toJSON(), p = (j = n.getCenter()) == null ? void 0 : j.toJSON(), y = n.getZoom(), b = t.current.moved;
+      if (i(), clearTimeout(m), !c || !p || y == null) return;
+      const k = !s || Object.keys(c).some(
+        (G) => c[G] !== s.bounds[G]
+      ), T = s != null && (y !== s.zoom || p.lat !== s.center.lat || p.lng !== s.center.lng);
+      s = { bounds: c, center: p, zoom: y }, k && r.current(c, { userInteraction: b && T });
+    }, f = [
+      "pointerdown",
+      "pointermove",
+      "pointerup",
+      "pointercancel",
+      "touchstart",
+      "touchmove",
+      "click",
+      "dblclick",
+      "wheel",
+      "keydown"
+    ];
+    f.forEach(
+      (c) => o.addEventListener(c, u, { capture: !0, passive: !0 })
+    );
+    const v = [
+      n.addListener("dragstart", () => {
+        t.current.programmatic = !1, t.current.moved = !0;
+      }),
+      n.addListener("center_changed", a),
+      n.addListener("zoom_changed", a),
+      n.addListener("idle", l)
+    ];
+    return l(), () => {
+      v.forEach((c) => c.remove()), f.forEach(
+        (c) => o.removeEventListener(c, u, !0)
+      ), clearTimeout(m), i();
+    };
+  }, [n, t]), null;
+}
+function Wt(e, t) {
+  const n = W(), [r, o] = N(null), { lat: s, lng: i } = t;
+  return $(() => {
+    if (!n || typeof n.getCenter != "function") return;
+    const m = () => {
+      var p, y;
+      const u = (p = n.getCenter()) == null ? void 0 : p.toJSON(), a = n.getZoom(), l = (y = n.getDiv) == null ? void 0 : y.call(n);
+      if (!u || a == null || !l) {
+        o(null);
+        return;
+      }
+      const f = l.clientWidth, v = l.clientHeight, c = Ye * 2 ** a;
+      o({
+        id: e,
+        width: f,
+        height: v,
+        x: f / 2 + (i - u.lng) / 360 * c,
+        y: v / 2 - (ae(s) - ae(u.lat)) * c / (2 * Math.PI)
+      });
+    };
+    m();
+    const h = ["bounds_changed", "zoom_changed", "center_changed", "idle"].flatMap(
+      (u) => typeof n.addListener == "function" ? [n.addListener(u, m)] : []
+    );
+    return () => h.forEach((u) => u.remove());
+  }, [n, e, s, i]), (r == null ? void 0 : r.id) === e ? r : null;
+}
+function Bt({
+  marker: e,
+  frame: t,
+  direction: n,
+  children: r
+}) {
+  const o = Wt(e.id, e.position);
+  return !o || !t ? null : Ge(
+    /* @__PURE__ */ d(qt, { anchor: o, direction: n, children: r }),
+    t
+  );
+}
+const Kt = 52, Ht = 12, oe = 8;
+function qt({
+  anchor: e,
+  children: t,
+  direction: n
+}) {
+  const r = x(null), [o, s] = N(
+    null
+  );
+  if (je(() => {
+    const c = r.current;
+    c && s(
+      (p) => (p == null ? void 0 : p.width) === c.offsetWidth && p.height === c.offsetHeight ? p : { width: c.offsetWidth, height: c.offsetHeight }
+    );
+  }, [t, e.id]), !(e.x >= 0 && e.x <= e.width && e.y >= 0 && e.y <= e.height)) return null;
+  const m = (o == null ? void 0 : o.width) ?? 0, h = (o == null ? void 0 : o.height) ?? 0, u = Math.max(oe, e.width - m - oe), a = Math.min(Math.max(e.x - m / 2, oe), u), l = e.y - Kt - h, f = l < oe, v = f ? e.y + Ht : 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__ */ d(
+      "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__ */ d(
+          "div",
+          {
+            ref: r,
+            "data-component": "map-view-marker-card",
+            "data-marker-id": e.id,
+            "data-placement": f ? "below" : "above",
+            style: {
+              "--marker-card-x": `${a}px`,
+              "--marker-card-y": `${v}px`
+            },
+            "data-measured": o ? "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__ */ d("div", { dir: n, children: t })
+          }
+        )
+      }
+    )
+  );
+}
+function re(e) {
+  if (!e) return null;
+  if (e instanceof HTMLElement) return e;
+  const t = e.element;
+  return t instanceof HTMLElement ? t : null;
+}
+function Xt({
+  marker: e,
+  label: t,
+  isSelected: n,
+  isHovered: r,
+  onSelect: o,
+  onHover: s,
+  elements: i
+}) {
+  const [m, h] = N(null), { id: u } = e, a = x(!1);
+  return $(() => {
+    const l = re(m);
+    if (l && (l.style.outline = "none"), !l || !i) return;
+    const f = i.current;
+    return f.set(`pin:${e.id}`, l), () => {
+      f.delete(`pin:${e.id}`);
+    };
+  }, [m, i, e.id]), $(() => {
+    const l = re(m);
+    if (!l || !s) return;
+    const f = (p) => {
+      Ce(p.target) && s(u, !0, "focus");
+    }, v = (p) => {
+      l.contains(p.relatedTarget) || a.current || s(u, !1, "focus");
+    }, c = (p) => {
+      p.key === "Escape" && s(u, !1, "focus");
+    };
+    return l.addEventListener("focusin", f), l.addEventListener("focusout", v), l.addEventListener("keydown", c), () => {
+      l.removeEventListener("focusin", f), l.removeEventListener("focusout", v), l.removeEventListener("keydown", c);
+    };
+  }, [m, u, s]), /* @__PURE__ */ d(
+    Ze,
+    {
+      ref: h,
+      position: e.position,
+      title: t,
+      "aria-label": t,
+      "data-selected": n ? "true" : "false",
+      "data-hovered": r ? "true" : "false",
+      zIndex: r ? 1e3 : n ? 500 : void 0,
+      onClick: () => o(u),
+      onMouseEnter: s ? () => {
+        a.current = !0, s(u, !0, "pointer");
+      } : void 0,
+      onMouseLeave: s ? () => {
+        a.current = !1;
+        const l = re(m), f = document.activeElement;
+        l && f && l.contains(f) && Ce(f) || s(u, !1, "pointer");
+      } : void 0,
+      children: /* @__PURE__ */ d(Ct, { hovered: r })
+    }
+  );
+}
+const Ye = 256, Jt = (e) => e * Math.PI / 180;
+function ae(e) {
+  const t = Math.min(Math.max(Math.sin(Jt(e)), -0.9999), 0.9999);
+  return Math.log((1 + t) / (1 - t)) / 2;
+}
+const Yt = (e) => Math.atan(Math.sinh(e)) * 180 / Math.PI;
+function Qt(e) {
+  let t = -90, n = 90, r = -180, o = 180;
+  for (const { lat: s, lng: i } of e)
+    t = Math.max(t, s), n = Math.min(n, s), r = Math.max(r, i), o = Math.min(o, i);
+  return { north: t, south: n, east: r, west: o };
+}
+function Qe(e, t, n, r, o) {
+  const { north: s, south: i, east: m, west: h } = Qt(e);
+  if (s === i && m === h)
+    return { center: { lat: s, lng: m }, zoom: o };
+  const u = ae(s), a = ae(i), l = {
+    lat: Yt((u + a) / 2),
+    lng: (m + h) / 2
+  }, f = (c, p) => p > 0 ? Math.log2(Math.max(c, 1) / Ye / p) : o, v = Math.min(
+    f(t - 2 * r, (m - h) / 360),
+    f(n - 2 * r, (u - a) / (2 * Math.PI)),
+    o
+  );
+  return { center: l, zoom: Math.max(0, Math.floor(v)) };
+}
+const et = ({ id: e, lat: t, lng: n }) => e != null ? `id:${e}` : `at:${t},${n}`;
+function en({
+  points: e,
+  fitKey: t,
+  maxZoom: n,
+  onCameraMove: r
+}) {
+  const o = W(), s = x(null), i = x(!1), m = x(null);
+  return $(() => {
+    if (!o) return;
+    const h = () => {
+      var c;
+      const a = m.current, l = (c = o.getCenter()) == null ? void 0 : c.toJSON(), f = o.getZoom();
+      a != null && f === a.zoom && l != null && Math.abs(l.lat - a.center.lat) < 1e-6 && Math.abs(l.lng - a.center.lng) < 1e-6 || (i.current = !0);
+    }, u = [
+      o.addListener("dragstart", () => {
+        i.current = !0;
+      }),
+      o.addListener("center_changed", h),
+      o.addListener("zoom_changed", h)
+    ];
+    return () => u.forEach((a) => a.remove());
+  }, [o]), $(() => {
+    var y;
+    if (!o) return;
+    const h = ((y = s.current) == null ? void 0 : y.map) === o ? s.current : null;
+    if ((h == null ? void 0 : h.key) === t) return;
+    const u = new Set(e.map(et)), a = (b, k) => {
+      m.current = { center: b, zoom: k }, r(), o.moveCamera({ center: b, zoom: k }), i.current = !1;
+    };
+    if (e.length === 0) {
+      s.current = { map: o, key: t, points: u };
+      return;
+    }
+    if (h != null && h.points.size > 0 && [...h.points].every((b) => u.has(b)) && i.current) {
+      s.current = { map: o, key: t, points: u };
+      return;
+    }
+    const f = o.getDiv();
+    if (!(f instanceof Element)) return;
+    const v = () => {
+      s.current = { map: o, key: t, points: u };
+      const b = Math.min(
+        he("--spacing-2xl", f, 48),
+        f.clientWidth / 4,
+        f.clientHeight / 4
+      ), { center: k, zoom: T } = Qe(
+        e,
+        f.clientWidth,
+        f.clientHeight,
+        b,
+        n
+      );
+      a(k, T);
+    }, c = () => f.clientWidth > 0 && f.clientHeight > 0;
+    if (c() || typeof ResizeObserver > "u") {
+      v();
+      return;
+    }
+    const p = new ResizeObserver(() => {
+      c() && (p.disconnect(), v());
+    });
+    return p.observe(f), () => p.disconnect();
+  }, [o, t, e, n, r]), null;
+}
+const Ne = 10;
+function tn(e) {
+  const t = W(), [n, r] = N(e);
+  return $(() => {
+    if (!t || typeof t.addListener != "function" || typeof t.getZoom != "function")
+      return;
+    const o = () => {
+      const i = t.getZoom();
+      i != null && r(Math.round(i * 4) / 4);
+    };
+    o();
+    const s = ["zoom_changed", "idle"].map(
+      (i) => t.addListener(i, o)
+    );
+    return () => s.forEach((i) => i.remove());
+  }, [t]), n;
+}
+const nn = [
+  "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)]",
+  // A 1 px ink edge outside the white ring: the ring separates the marker on
+  // dark tiles, the edge carries 3:1 on light ones (WCAG 1.4.11).
+  "ds:shadow-[0_0_0_1px_var(--map-marker-hover-color),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 on({ count: e }) {
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-component": "map-view-cluster",
+      "data-count": e,
+      className: nn,
+      children: e
+    }
+  );
+}
+function se(e, t) {
+  const n = document.createElement("span");
+  n.style.color = `var(${e})`, n.style.display = "none", (t.isConnected ? t : document.documentElement).append(n);
+  const r = getComputedStyle(n).color;
+  return n.remove(), r || "currentColor";
+}
+function sn(e) {
+  const t = W(), [n, r] = N(null);
+  return $(() => {
+    var a;
+    if (!e || !t) return;
+    const o = (a = t.getDiv) == null ? void 0 : a.call(t), s = o instanceof Element ? o : document.documentElement, i = () => {
+      const l = {
+        fill: se("--map-marker-color", s),
+        ink: se("--map-marker-hover-ring", s),
+        ring: se("--map-marker-hover-ring", s),
+        hover: se("--map-marker-hover-color", s),
+        target: he("--min-target-size", s, 44)
+      };
+      r(
+        (f) => f && f.fill === l.fill && f.ink === l.ink && f.ring === l.ring && f.hover === l.hover && f.target === l.target ? f : l
+      );
+    };
+    i();
+    const m = new MutationObserver(i), h = {
+      attributes: !0,
+      attributeFilter: ["class", "data-theme"]
+    };
+    m.observe(document.documentElement, h);
+    const u = s.closest('[data-component="theme-root"]');
+    return u && m.observe(u, h), () => m.disconnect();
+  }, [t, e]), n;
+}
+function rn(e, { fill: t, ink: n, ring: r, hover: o, target: s }) {
+  var l;
+  const i = Math.max(s, 20 + String(e).length * 12), m = `x="2" y="2" width="${i - 4}" height="${s - 4}" rx="${s / 2}"`, h = `<svg xmlns="http://www.w3.org/2000/svg" width="${i}" height="${s}"><rect ${m} fill="none" stroke="${o}" stroke-width="4"/><rect ${m} fill="${t}" stroke="${r}" stroke-width="2"/></svg>`, u = (l = globalThis.google) == null ? void 0 : l.maps;
+  return {
+    icon: {
+      url: `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(h)}`,
+      scaledSize: u ? new u.Size(i, s) : void 0,
+      anchor: u ? new u.Point(i / 2, s / 2) : void 0
+    },
+    label: { text: String(e), color: n, fontWeight: "600" }
+  };
+}
+const ge = bt(null);
+function an({
+  enabled: e,
+  children: t
+}) {
+  const n = sn(e);
+  return /* @__PURE__ */ d(ge.Provider, { value: n, children: t });
+}
+function cn({ fill: e, ring: t, hover: n }, r) {
+  var u;
+  const o = r ? Je : 1, s = q * o, i = X * o, m = Lt(r ? n : e, t, n, { width: s, height: i }), h = (u = globalThis.google) == null ? void 0 : u.maps;
+  return {
+    url: `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(m)}`,
+    scaledSize: h ? new h.Size(s, i) : void 0,
+    anchor: h ? new h.Point(s / 2, i) : void 0
+  };
+}
+function ln({
+  marker: e,
+  label: t,
+  isSelected: n,
+  isHovered: r,
+  onSelect: o,
+  onHover: s
+}) {
+  const i = Oe(ge), m = A(
+    () => i ? cn(i, r) : void 0,
+    [i, r]
+  );
+  return m ? /* @__PURE__ */ d(
+    Fe,
+    {
+      position: e.position,
+      title: t,
+      icon: m,
+      zIndex: r ? 1e3 : n ? 500 : void 0,
+      onClick: () => o(e.id),
+      onMouseOver: s ? () => s(e.id, !0, "pointer") : void 0,
+      onMouseOut: s ? () => s(e.id, !1, "pointer") : void 0
+    }
+  ) : null;
+}
+function dn({
+  cluster: e,
+  label: t,
+  mapId: n,
+  iconTheme: r,
+  elements: o,
+  onActivate: s
+}) {
+  const [i, m] = N(null), h = `cluster:${e.id}`;
+  $(() => {
+    const l = re(i);
+    if (!l) return;
+    const f = o.current;
+    return f.set(h, l), l.style.outline = "none", () => {
+      f.delete(h);
+    };
+  }, [i, o, h]);
+  const u = e.members.length, a = A(
+    () => n || !r ? null : rn(u, r),
+    [n, u, r]
+  );
+  return n ? /* @__PURE__ */ d(
+    Ze,
+    {
+      ref: m,
+      position: e.position,
+      title: t,
+      "aria-label": t,
+      zIndex: Ne,
+      anchorPoint: ["50%", "50%"],
+      onClick: () => s(e),
+      children: /* @__PURE__ */ d(on, { count: u })
+    }
+  ) : /* @__PURE__ */ d(
+    Fe,
+    {
+      position: e.position,
+      title: t,
+      zIndex: Ne,
+      icon: a == null ? void 0 : a.icon,
+      label: a == null ? void 0 : a.label,
+      onClick: () => s(e)
+    }
+  );
+}
+const un = 100, mn = 30;
+function pn({
+  markers: e,
+  fallbackZoom: t,
+  selectedMarkerId: n,
+  hoveredMarkerId: r,
+  renderMarker: o,
+  mapId: s,
+  frame: i,
+  elements: m,
+  labelFor: h,
+  onCameraMove: u,
+  onClusterClick: a
+}) {
+  const l = W(), { t: f } = B("ui"), v = tn(t), c = Oe(ge), p = A(
+    () => Ot(e, v),
+    [e, v]
+  ), { singles: y, clusters: b } = A(() => {
+    const w = (E) => E.id === n || E.id === r, _ = p.singles.slice(), V = [];
+    for (const E of p.clusters) {
+      const P = E.members.filter((L) => !w(L));
+      _.push(...E.members.filter(w)), P.length > 1 ? V.push({ ...E, members: P }) : _.push(...P);
+    }
+    return { singles: _, clusters: V };
+  }, [p, n, r]), [k, T] = N(""), R = x(null), j = x(void 0);
+  $(() => () => clearTimeout(j.current), []);
+  const G = (w) => {
+    var z;
+    const _ = (z = l == null ? void 0 : l.getDiv) == null ? void 0 : z.call(l);
+    if (!l || !(_ instanceof Element)) return;
+    const V = Math.min(
+      he("--spacing-2xl", _, 48),
+      _.clientWidth / 4,
+      _.clientHeight / 4
+    ), E = Qe(
+      w.members.map((S) => S.position),
+      _.clientWidth,
+      _.clientHeight,
+      V,
+      fe
+    ), P = l.getZoom() ?? v, L = Math.min(
+      fe,
+      Math.max(E.zoom, Math.ceil(P + 1))
+    ), I = w.members.length;
+    R.current = {
+      ids: new Set(w.members.map((S) => S.id)),
+      centre: w.position
+    }, T(""), clearTimeout(j.current), j.current = setTimeout(
+      () => T(f("mapView.clusterZoomed", { label: h(I) })),
+      un
+    ), u(), a == null || a({
+      count: I,
+      markerIds: w.members.map((S) => S.id)
+    }), l.moveCamera({ center: E.center, zoom: L });
+  };
+  return $(() => {
+    const w = R.current;
+    if (!w) return;
+    let _ = 0, V = 0;
+    const E = () => {
+      let L = null;
+      for (const z of b) {
+        if (!z.members.some((Y) => w.ids.has(Y.id)))
+          continue;
+        const S = (z.position.lat - w.centre.lat) ** 2 + (z.position.lng - w.centre.lng) ** 2;
+        (!L || S < L.distance) && (L = { key: `cluster:${z.id}`, distance: S });
+      }
+      if (L) return L.key;
+      const I = y.find((z) => w.ids.has(z.id));
+      return I ? `pin:${I.id}` : null;
+    }, P = () => {
+      const L = E(), I = L ? m.current.get(L) : null;
+      if (I && (I.focus({ preventScroll: !0 }), I.contains(document.activeElement))) {
+        R.current = null;
+        return;
+      }
+      if (V += 1, V < mn && s) {
+        _ = requestAnimationFrame(P);
+        return;
+      }
+      R.current = null;
+      const z = i == null ? void 0 : i.closest('[data-component="map-view"]');
+      z && (z.hasAttribute("tabindex") || z.setAttribute("tabindex", "-1"), z.focus({ preventScroll: !0 }));
+    };
+    return _ = requestAnimationFrame(P), () => cancelAnimationFrame(_);
+  }, [b, y, m, i, s]), /* @__PURE__ */ C(ht, { children: [
+    y.map(o),
+    b.map((w) => /* @__PURE__ */ d(
+      dn,
+      {
+        cluster: w,
+        label: h(w.members.length),
+        mapId: s,
+        iconTheme: c,
+        elements: m,
+        onActivate: G
+      },
+      `${Math.floor(v)}:${w.id}`
+    )),
+    i ? Ge(
+      /* @__PURE__ */ d("div", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: k }),
+      i
+    ) : null
+  ] });
+}
+const tt = (e) => {
+  var t, n;
+  return typeof ((n = (t = globalThis.google) == null ? void 0 : t.maps) == null ? void 0 : n[e]) == "function";
+};
+function Pe() {
+  const { t: e } = B("ui");
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      role: "status",
+      "data-testid": "map-view-loading",
+      className: "ds:[inline-size:100%] ds:[block-size:100%]",
+      children: [
+        /* @__PURE__ */ d(xt, { variant: "rectangular", width: "100%", height: "100%" }),
+        /* @__PURE__ */ d(We, { children: e("common.loading") })
+      ]
+    }
+  );
+}
+function Ae({
+  preview: e,
+  onError: t
+}) {
+  const { t: n } = B("ui");
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      "data-testid": "map-view-loading",
+      className: "ds:relative ds:[inline-size:100%] ds:[block-size:100%]",
+      children: [
+        /* @__PURE__ */ d(nt, { preview: e, onError: t }),
+        /* @__PURE__ */ d("div", { role: "status", children: /* @__PURE__ */ d(We, { children: n("common.loading") }) })
+      ]
+    }
+  );
+}
+function nt({
+  preview: e,
+  onError: t
+}) {
+  return /* @__PURE__ */ d(
+    "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 fn({
+  children: e,
+  pending: t,
+  holdUntilLoaded: n = !1
+}) {
+  const r = Mt();
+  return De("maps") || tt("Map") || !r && !n ? e : t;
+}
+function hn({ children: e }) {
+  return De("marker") || tt("Marker") ? e : null;
+}
+function ot(e, t) {
+  je(() => {
+    const n = e.current;
+    return () => {
+      t == null || t(!!(n && n.contains(document.activeElement)));
+    };
+  }, [e, t]);
+}
+function gn({
+  preview: e,
+  onLoadMap: t,
+  consentCta: n,
+  onImageError: r,
+  description: o,
+  openInGoogleMapsHref: s,
+  onUnmount: i
+}) {
+  const { t: m } = B("ui"), h = Ve(), u = x(null);
+  return ot(u, i), /* @__PURE__ */ C(
+    "div",
+    {
+      ref: u,
+      className: "ds:absolute ds:inset-0 ds:bg-[var(--muted)]",
+      "data-testid": "map-view-preview",
+      children: [
+        /* @__PURE__ */ d(nt, { preview: e, onError: r }),
+        /* @__PURE__ */ d("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__ */ C(
+          "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__ */ d(
+                "p",
+                {
+                  id: h,
+                  className: "type-meta ds:m-0 ds:text-[var(--muted-foreground)]",
+                  children: o
+                }
+              ),
+              /* @__PURE__ */ C("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: [
+                n ?? /* @__PURE__ */ d(
+                  Ue,
+                  {
+                    type: "button",
+                    intent: "primary",
+                    size: "lg",
+                    onClick: t,
+                    "aria-describedby": h,
+                    "data-testid": "map-view-load-cta",
+                    children: m("mapView.consentTitle")
+                  }
+                ),
+                /* @__PURE__ */ C(
+                  "a",
+                  {
+                    href: s,
+                    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: [
+                      m("mapView.openInGoogleMaps"),
+                      /* @__PURE__ */ d(Be, { "aria-hidden": "true", className: "ds:size-3" })
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Re({
+  address: e,
+  contentLang: t,
+  description: n,
+  onLoadMap: r,
+  openInGoogleMapsHref: o,
+  consentCta: s,
+  onUnmount: i
+}) {
+  const { t: m } = B("ui"), h = x(null);
+  return ot(h, i), /* @__PURE__ */ C(
+    "div",
+    {
+      ref: h,
+      className: Dt(),
+      "data-testid": "map-view-consent",
+      children: [
+        /* @__PURE__ */ d(
+          zt,
+          {
+            "aria-hidden": "true",
+            className: "ds:size-6 ds:text-[var(--muted-foreground)]"
+          }
+        ),
+        /* @__PURE__ */ d("p", { className: Zt(), children: m("mapView.consentTitle") }),
+        e ? /* @__PURE__ */ d(
+          "p",
+          {
+            className: Ie(),
+            "data-testid": "map-view-address",
+            lang: t,
+            children: e
+          }
+        ) : null,
+        /* @__PURE__ */ d("p", { className: Ie(), children: n }),
+        /* @__PURE__ */ C(
+          "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: [
+              s ?? /* @__PURE__ */ d(
+                Ue,
+                {
+                  type: "button",
+                  intent: "primary",
+                  size: "sm",
+                  onClick: r,
+                  "data-testid": "map-view-load-cta",
+                  children: m("mapView.consentCta")
+                }
+              ),
+              /* @__PURE__ */ C(
+                "a",
+                {
+                  href: o,
+                  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: [
+                    m("mapView.openInGoogleMaps"),
+                    /* @__PURE__ */ d(Be, { "aria-hidden": "true", className: "ds:size-3" })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const vn = gt(
+  ({
+    id: e,
+    apiKey: t,
+    center: n,
+    zoom: r = 15,
+    markers: o,
+    selectedMarkerId: s,
+    hoveredMarkerId: i,
+    renderMarkerCard: m,
+    onMarkerHover: h,
+    onMarkerClick: u,
+    onBoundsChange: a,
+    consentGranted: l = !1,
+    onConsentRequest: f,
+    staticPreview: v,
+    address: c,
+    contentLang: p,
+    consentDescription: y,
+    consentCta: b,
+    mapId: k,
+    size: T,
+    surface: R,
+    ariaLabel: j,
+    fitToPoints: G,
+    fitKey: w,
+    fitMaxZoom: _ = 15,
+    clusterMarkers: V = "auto",
+    clusterLabel: E,
+    onClusterClick: P,
+    className: L,
+    ...I
+  }, z) => {
+    const { t: S, i18n: Y } = B("ui"), ve = x(/* @__PURE__ */ new Map()), Q = A(() => G ?? [], [G]), st = A(
+      () => w ?? Q.map((g) => `${et(g)}@${g.lat},${g.lng}`).sort().join("|"),
+      [w, Q]
+    ), Z = Q.length > 0, be = x(Z), ye = Ve(), rt = A(
+      () => `map-${ye.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [ye]
+    ), [we, it] = N(!1);
+    $(() => {
+      if (typeof window > "u") return;
+      const g = window.matchMedia("(prefers-reduced-motion: reduce)"), M = () => it(g.matches);
+      return M(), g.addEventListener("change", M), () => g.removeEventListener("change", M);
+    }, []);
+    const ce = A(() => `https://www.google.com/maps/search/?api=1&query=${c ? encodeURIComponent(c) : `${n.lat},${n.lng}`}`, [c, n.lat, n.lng]), O = x(null), ke = x({
+      pendingInput: !1,
+      moved: !1,
+      programmatic: !1
+    }), K = D(() => {
+      ke.current = {
+        pendingInput: !1,
+        moved: !1,
+        programmatic: !0
+      };
+    }, []), ee = D(
+      (g) => {
+        K(), u == null || u(g);
+      },
+      [K, u]
+    ), [Me, at] = N(null), le = A(
+      () => i != null && m ? (o ?? []).find((g) => g.id === i) ?? null : null,
+      [i, m, o]
+    ), ct = D((g) => {
+      O.current = g;
+    }, []), xe = x(!1), Ee = x(null), _e = x(0), te = D(
+      () => ({
+        panTo: (g) => {
+          var M;
+          return (M = O.current) == null ? void 0 : M.panTo(g);
+        },
+        setZoom: (g) => {
+          var M;
+          return (M = O.current) == null ? void 0 : M.setZoom(g);
+        },
+        selectMarker: (g) => {
+          var M;
+          return (M = O.current) == null ? void 0 : M.selectMarker(g);
+        },
+        // 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: () => xe.current,
+        getCenter: () => {
+          var g;
+          return ((g = O.current) == null ? void 0 : g.getCenter()) ?? null;
+        },
+        getZoom: () => {
+          var g;
+          return ((g = O.current) == null ? void 0 : g.getZoom()) ?? null;
+        },
+        getSelectedMarkerId: () => Ee.current,
+        getMarkerCount: () => _e.current
+      }),
+      []
+    );
+    vt(z, te, [te]);
+    const lt = A(
+      () => te(),
+      [te]
+    );
+    _t(St, lt, e), $(() => {
+      var M, U;
+      const g = be.current && !Z;
+      if (be.current = Z, !Z) {
+        if (g) {
+          (M = O.current) == null || M.jumpTo(n, r);
+          return;
+        }
+        we || (U = O.current) == null || U.panTo(n);
+      }
+    }, [n.lat, n.lng, we, Z]), $(() => {
+      var g;
+      Z || (g = O.current) == null || g.setZoom(r);
+    }, [r, Z]);
+    const [dt, ze] = N(!1), ne = l || dt;
+    xe.current = ne, Ee.current = s ?? null, _e.current = (o ?? []).length;
+    const [ut, mt] = N(null), F = v && v.src !== ut ? v : void 0, de = v == null ? void 0 : v.src, ue = D(() => {
+      de && mt(de);
+    }, [de]), Se = x(null), me = x(!1), pe = x(!1), $e = D((g) => {
+      pe.current = g;
+    }, []);
+    $(() => {
+      var H;
+      if (!ne) return;
+      const g = document.activeElement, M = !g || g === document.body, U = me.current || pe.current && M;
+      me.current = !1, pe.current = !1, U && ((H = Se.current) == null || H.focus({ preventScroll: !0 }));
+    }, [ne]);
+    const Le = D(() => {
+      if (me.current = !0, f) {
+        f(), ze(!0);
+        return;
+      }
+      ze(!0);
+    }, [f]), Te = (g) => {
+      const M = s != null && s === g.id, U = i != null && i === g.id, H = S("mapView.markerLabel", {
+        label: g.label ?? g.id
+      });
+      return k ? /* @__PURE__ */ d(
+        Xt,
+        {
+          marker: g,
+          label: H,
+          isSelected: M,
+          isHovered: U,
+          onSelect: ee,
+          onHover: h,
+          elements: ve
+        },
+        g.id
+      ) : /* @__PURE__ */ d(
+        ln,
+        {
+          marker: g,
+          label: H,
+          isSelected: M,
+          isHovered: U,
+          onSelect: ee,
+          onHover: h
+        },
+        g.id
+      );
+    }, pt = D(
+      (g) => typeof E == "function" ? E(g) : typeof E == "string" ? E.replaceAll("{count}", String(g)) : S("mapView.clusterLabel", { count: g }),
+      [E, S]
+    ), ft = Vt(V, (o ?? []).length);
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: Se,
+        className: jt({ size: T, surface: R, className: L }),
+        "data-component": "map-view",
+        "data-component-id": e ?? rt,
+        role: "region",
+        "aria-label": j ?? S("mapView.label"),
+        tabIndex: -1,
+        ...I,
+        children: /* @__PURE__ */ d(
+          "div",
+          {
+            ref: at,
+            className: Gt({ size: T, className: "ds:relative" }),
+            children: ne ? (
+              // 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__ */ d(
+                Et,
+                {
+                  fallback: ({ reset: g }) => /* @__PURE__ */ d(
+                    Re,
+                    {
+                      address: c,
+                      contentLang: p,
+                      description: y ?? S("mapView.consentDescription"),
+                      onLoadMap: g,
+                      consentCta: void 0,
+                      openInGoogleMapsHref: ce
+                    }
+                  ),
+                  children: /* @__PURE__ */ d(
+                    yt,
+                    {
+                      libraries: ["maps"],
+                      pending: F ? /* @__PURE__ */ d(
+                        Ae,
+                        {
+                          preview: F,
+                          onError: ue
+                        }
+                      ) : /* @__PURE__ */ d(Pe, {}),
+                      children: /* @__PURE__ */ d(
+                        wt,
+                        {
+                          apiKey: t,
+                          language: Y.language,
+                          children: /* @__PURE__ */ d(
+                            fn,
+                            {
+                              holdUntilLoaded: !!F,
+                              pending: F ? /* @__PURE__ */ d(
+                                Ae,
+                                {
+                                  preview: F,
+                                  onError: ue
+                                }
+                              ) : /* @__PURE__ */ d(Pe, {}),
+                              children: /* @__PURE__ */ C(
+                                kt,
+                                {
+                                  defaultCenter: n,
+                                  defaultZoom: r,
+                                  mapId: k,
+                                  gestureHandling: "cooperative",
+                                  disableDefaultUI: !1,
+                                  onClick: () => ee(null),
+                                  className: "ds:[inline-size:100%] ds:[block-size:100%]",
+                                  children: [
+                                    /* @__PURE__ */ d(
+                                      Ft,
+                                      {
+                                        onHandleReady: ct,
+                                        onMarkerSelect: ee,
+                                        onCameraMove: K
+                                      }
+                                    ),
+                                    a ? /* @__PURE__ */ d(
+                                      Ut,
+                                      {
+                                        onBoundsChange: a,
+                                        userInteraction: ke
+                                      }
+                                    ) : null,
+                                    G ? /* @__PURE__ */ d(
+                                      en,
+                                      {
+                                        points: Q,
+                                        fitKey: st,
+                                        maxZoom: _,
+                                        onCameraMove: K
+                                      }
+                                    ) : null,
+                                    le && m ? /* @__PURE__ */ d(
+                                      Bt,
+                                      {
+                                        marker: le,
+                                        frame: Me,
+                                        direction: Y.dir(),
+                                        children: m(le.id)
+                                      }
+                                    ) : null,
+                                    /* @__PURE__ */ d(hn, { children: /* @__PURE__ */ d(an, { enabled: !k, children: ft ? /* @__PURE__ */ d(
+                                      pn,
+                                      {
+                                        markers: o ?? [],
+                                        fallbackZoom: r,
+                                        selectedMarkerId: s ?? null,
+                                        hoveredMarkerId: i ?? null,
+                                        renderMarker: Te,
+                                        mapId: !!k,
+                                        frame: Me,
+                                        elements: ve,
+                                        labelFor: pt,
+                                        onCameraMove: K,
+                                        onClusterClick: P
+                                      }
+                                    ) : (o ?? []).map(Te) }) })
+                                  ]
+                                }
+                              )
+                            }
+                          )
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ) : F ? /* @__PURE__ */ d(
+              gn,
+              {
+                preview: F,
+                onLoadMap: Le,
+                consentCta: b,
+                onImageError: ue,
+                description: y ?? S("mapView.consentDescription"),
+                openInGoogleMapsHref: ce,
+                onUnmount: $e
+              }
+            ) : /* @__PURE__ */ d(
+              Re,
+              {
+                address: c,
+                contentLang: p,
+                description: y ?? S("mapView.consentDescription"),
+                onLoadMap: Le,
+                consentCta: b,
+                openInGoogleMapsHref: ce,
+                onUnmount: $e
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+vn.displayName = "MapView";
+export {
+  vn as M,
+  Ce as i
+};
+//# sourceMappingURL=map-view-h6ngp2xi.js.map