@alfadocs/ui-kit-debug 1.131.0 → 1.132.0

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

@@ -0,0 +1,1794 @@
+import { jsx as u, jsxs as N, Fragment as Vt } from "react/jsx-runtime";
+import { forwardRef as Ot, useRef as k, useMemo as G, useId as nt, useState as L, useEffect as x, useCallback as A, useImperativeHandle as Ft, useLayoutEffect as oe, Fragment as jt, useContext as rt, createContext as Gt } from "react";
+import { createPortal as ot } from "react-dom";
+import { c as se } from "./index-D2ZczOXr.js";
+import { useTranslation as H } from "react-i18next";
+import { M as Dt, A as Zt, a as Ut, _ as Wt, b as Bt, u as st, c as X, d as at, e as it } from "./maps-core-gate-CP8SEHH1.js";
+import { B as $e } from "./button-DohK_Ak_.js";
+import { S as Kt } from "./skeleton-tTWJpvAq.js";
+import { V as ct } from "./visually-hidden-BHxEUGyT.js";
+import { E as qt } from "./error-boundary-tAn_GuCu.js";
+import { u as Ht } from "./registry-DvAUVLHh.js";
+import { l as Te } from "./length-token-DwMnGEYT.js";
+import { E as lt } from "./external-link-CY6zAXXU.js";
+import { M as dt } from "./map-pin-BaY37-Km.js";
+const Xt = {
+  id: "map-view",
+  // pan → scroll (viewport move); set_zoom → set_value; select_marker → pick
+  // (NON-persisting marker focus, no value state slot); open → retry_load
+  // (loads the interactive map again after a failure).
+  capabilities: ["scroll", "set_value", "pick", "open"],
+  // 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()
+    },
+    loadError: {
+      type: "'script' | 'auth' | 'import' | 'timeout' | null",
+      descriptionKey: "ui.agent.mapView.state.loadError",
+      description: 'Why the interactive map could not be shown, or null while it is loading or loaded. When set, the map is gone and the page shows "The map is not available right now" with a retry button: `pan_to`, `set_zoom` and `select_marker` do nothing until `retry_load` succeeds and `center` is no longer null. `script` and `timeout` are usually network, `auth` is the host\'s key or referrer, `import` is a library or render failure.',
+      read: (e) => e.getLoadError()
+    }
+  },
+  actions: {
+    retry_load: {
+      // Reloads Google's script: no data change, the same click the visitor
+      // has on the Retry button.
+      safety: "read",
+      argsType: "{}",
+      argsSchema: { type: "object", properties: {} },
+      idempotent: !0,
+      descriptionKey: "ui.agent.mapView.actions.retryLoad",
+      description: "Try loading the interactive map again after a failure. Read `loadError` first: it is the only time this does anything. Read `loadError` and `center` back afterwards; a retry that fails again sets `loadError` once more. A retry after `auth` only repeats the same rejected request until the host fixes its key.",
+      errors: [
+        "Silent no-op while `loadError` is null (nothing failed, or consent has not been granted).",
+        "A hung request cannot be cancelled: after `timeout` the retry waits for the same request to finish."
+      ],
+      invoke: (e) => {
+        e.retryLoad();
+      }
+    },
+    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."
+    }
+  }
+}, ne = 32, re = 40, he = "M16 38C16 38 2 26 2 16A14 14 0 0 1 30 16C30 26 16 38 16 38Z", ut = 2, mt = 4, pt = "translate(8.25 8.25) scale(0.10473)", ft = [
+  {
+    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)"
+    }
+  }
+], Jt = (e) => Object.entries(e).map(([t, n]) => `${t}="${n}"`).join(" ");
+function Yt(e, t, n, s = {
+  width: ne,
+  height: re
+}) {
+  const r = ft.map(
+    ({ tag: o, attrs: a }) => `<${o} ${Jt(a)}/>`
+  ).join("");
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${s.width}" height="${s.height}" viewBox="0 0 ${ne} ${re}"><path d="${he}" fill="none" stroke="${n}" stroke-width="${mt}" stroke-linejoin="round"/><path d="${he}" fill="${e}" stroke="${t}" stroke-width="${ut}" stroke-linejoin="round"/><g fill="${t}" transform="${pt}">${r}</g></svg>`;
+}
+const ht = 1.4, Qt = [
+  "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 en({ hovered: e }) {
+  const t = e ? ht : 1, n = e ? "ds:fill-[var(--map-marker-selected-color)]" : "ds:fill-[var(--map-marker-color)]";
+  return /* @__PURE__ */ u(
+    "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__ */ N(
+        "svg",
+        {
+          "aria-hidden": "true",
+          focusable: "false",
+          "data-map-pin": e ? "hovered" : "normal",
+          width: ne * t,
+          height: re * t,
+          viewBox: `0 0 ${ne} ${re}`,
+          className: `ds:block ds:fill-[var(--map-marker-hover-ring)] ds:forced-colors:fill-[Canvas] ${Qt}`,
+          children: [
+            /* @__PURE__ */ u(
+              "path",
+              {
+                d: he,
+                fill: "none",
+                strokeWidth: mt,
+                strokeLinejoin: "round",
+                className: "ds:stroke-[color:var(--map-marker-hover-color)] ds:forced-colors:stroke-[ButtonText]"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "path",
+              {
+                d: he,
+                strokeWidth: ut,
+                strokeLinejoin: "round",
+                className: `${n} ds:stroke-[color:var(--map-marker-hover-ring)] ds:forced-colors:fill-[ButtonText] ds:forced-colors:stroke-[Canvas]`
+              }
+            ),
+            /* @__PURE__ */ u("g", { transform: pt, children: ft.map(
+              ({ tag: s, attrs: r }, o) => s === "path" ? /* @__PURE__ */ u("path", { d: r.d }, o) : /* @__PURE__ */ u(
+                "rect",
+                {
+                  x: r.x,
+                  y: r.y,
+                  width: r.width,
+                  height: r.height,
+                  rx: r.rx,
+                  ry: r.ry,
+                  transform: r.transform
+                },
+                o
+              )
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+const tn = 30, nn = 56, Se = 17, rn = 256, on = (e) => e * Math.PI / 180;
+function sn(e, t, n) {
+  const s = rn * 2 ** n, r = Math.min(Math.max(Math.sin(on(e)), -0.9999), 0.9999), o = Math.log((1 + r) / (1 - r)) / 2;
+  return {
+    x: (t + 180) / 360 * s,
+    y: (0.5 - o / (2 * Math.PI)) * s
+  };
+}
+function an(e, t) {
+  return e === "auto" ? t > tn : e && t > 1;
+}
+function cn(e, t, n = nn) {
+  if (t >= Se || e.length < 2)
+    return { singles: [...e], clusters: [] };
+  const s = e.map((i) => ({
+    marker: i,
+    ...sn(i.position.lat, i.position.lng, t)
+  })).sort(
+    (i, l) => i.x - l.x || i.y - l.y || (i.marker.id < l.marker.id ? -1 : 1)
+  ), r = [], o = /* @__PURE__ */ new Map(), a = (i) => Math.floor(i / n), m = n * n;
+  for (const i of s) {
+    const l = a(i.x), h = a(i.y);
+    let v = null, c = m;
+    for (let g = -1; g <= 1; g += 1)
+      for (let b = -1; b <= 1; b += 1)
+        for (const y of o.get(`${l + g}:${h + b}`) ?? []) {
+          const E = (y.x - i.x) ** 2 + (y.y - i.y) ** 2;
+          E <= c && (v = y, c = E);
+        }
+    if (v) {
+      const g = v.members.length, b = `${a(v.x)}:${a(v.y)}`;
+      v.x = (v.x * g + i.x) / (g + 1), v.y = (v.y * g + i.y) / (g + 1), v.lat = (v.lat * g + i.marker.position.lat) / (g + 1), v.lng = (v.lng * g + i.marker.position.lng) / (g + 1), v.members.push(i.marker);
+      const y = `${a(v.x)}:${a(v.y)}`;
+      if (b !== y) {
+        const E = o.get(b);
+        E && E.splice(E.indexOf(v), 1);
+        const C = o.get(y);
+        C ? C.push(v) : o.set(y, [v]);
+      }
+    } else {
+      const g = {
+        x: i.x,
+        y: i.y,
+        members: [i.marker],
+        lat: i.marker.position.lat,
+        lng: i.marker.position.lng
+      };
+      r.push(g);
+      const b = `${l}:${h}`, y = o.get(b);
+      y ? y.push(g) : o.set(b, [g]);
+    }
+  }
+  const f = [], d = [];
+  for (const i of r)
+    i.members.length === 1 ? f.push(i.members[0]) : d.push({
+      id: i.members[0].id,
+      position: { lat: i.lat, lng: i.lng },
+      members: i.members
+    });
+  return { singles: f, clusters: d };
+}
+function Je(e) {
+  if (!(e instanceof Element)) return !1;
+  try {
+    return e.matches(":focus-visible");
+  } catch {
+    return !0;
+  }
+}
+const ln = 0.08;
+function dn(e, t) {
+  let n = 0;
+  for (let s = 1; s < e.length; s += 1)
+    Math.abs(e[s] - t) < Math.abs(e[n] - t) && (n = s);
+  return n;
+}
+function un(e, t) {
+  const [n, s] = L(null), r = (e ?? []).map((o) => `${o.width}x${o.height}`).join();
+  return oe(() => {
+    const o = t.current, a = r ? r.split(",").map((d) => {
+      const [i, l] = d.split("x").map(Number);
+      return Math.log(i / l);
+    }) : [];
+    if (!o || a.length === 0 || a.some((d) => !isFinite(d))) {
+      s(null);
+      return;
+    }
+    s(null);
+    const m = (d) => {
+      const { width: i, height: l } = o.getBoundingClientRect();
+      if (!(i > 0 && l > 0)) {
+        d && s(null);
+        return;
+      }
+      const h = Math.log(i / l), v = dn(a, h);
+      s((c) => c === null || c >= a.length || Math.abs(a[c] - h) - Math.abs(a[v] - h) > ln ? v : c);
+    };
+    if (m(!0), typeof ResizeObserver > "u") return;
+    const f = new ResizeObserver(() => m(!1));
+    return f.observe(o), () => f.disconnect();
+  }, [t, r]), n;
+}
+const mn = 1e4, Le = /* @__PURE__ */ new Set();
+function Ye(e, t) {
+  var n;
+  if (e !== "timeout") {
+    for (const s of Le) if (s !== t) return;
+    try {
+      (n = Wt) == null || n();
+    } catch {
+    }
+  }
+}
+const pn = se(
+  [
+    "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" }
+  }
+), fn = se("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" }
+}), gt = se(
+  [
+    "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(" ")
+), vt = se("type-heading-3 ds:m-0"), Ne = se(
+  "type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0"
+);
+function hn({
+  onHandleReady: e,
+  onMarkerSelect: t,
+  onCameraMove: n
+}) {
+  const s = X();
+  return x(() => {
+    if (s)
+      return e({
+        panTo: (r) => {
+          n(), s.panTo(r);
+        },
+        setZoom: (r) => {
+          n(), s.setZoom(r);
+        },
+        jumpTo: (r, o) => {
+          n(), s.moveCamera({ center: r, zoom: o });
+        },
+        selectMarker: (r) => t(r),
+        // 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 r;
+          return ((r = s.getCenter()) == null ? void 0 : r.toJSON()) ?? null;
+        },
+        getZoom: () => s.getZoom() ?? null
+      }), () => e(null);
+  }, [s, e, t, n]), null;
+}
+function gn({
+  onBoundsChange: e,
+  userInteraction: t
+}) {
+  const n = X(), s = k(e);
+  return s.current = e, x(() => {
+    if (!n) return;
+    const r = n.getDiv();
+    let o = null;
+    const a = () => {
+      t.current = {
+        pendingInput: !1,
+        moved: !1,
+        programmatic: !1
+      };
+    };
+    a();
+    let m;
+    const f = /* @__PURE__ */ new Set(), d = (c) => {
+      if (c instanceof PointerEvent && c.pointerType === "touch" && (c.type === "pointerdown" && f.add(c.pointerId), c.type === "pointerup" || c.type === "pointercancel")) {
+        f.delete(c.pointerId);
+        return;
+      }
+      if (c instanceof PointerEvent && c.type === "pointermove" && c.buttons === 0 && c.pointerType !== "touch" || c instanceof KeyboardEvent && ![
+        "ArrowUp",
+        "ArrowDown",
+        "ArrowLeft",
+        "ArrowRight",
+        "+",
+        "=",
+        "-",
+        "_",
+        "Enter",
+        " ",
+        "PageUp",
+        "PageDown"
+      ].includes(c.key))
+        return;
+      const g = document.fullscreenElement, b = !!(g && (g.contains(r) || r.contains(g)));
+      let y = c.type === "dblclick";
+      c instanceof PointerEvent && c.type === "pointermove" && (y = c.pointerType !== "touch" || f.size >= 2 || b), c.type === "touchmove" && (y = c.touches.length >= 2 || b), c instanceof KeyboardEvent && (y = c.key !== "Enter" && c.key !== " "), c instanceof WheelEvent && (y = c.ctrlKey || c.metaKey || b), c.type === "click" && (y = c.target instanceof Element && c.target.closest('button, [role="button"]') != null), y && (t.current.programmatic = !1), t.current.pendingInput = !0, clearTimeout(m), m = setTimeout(() => {
+        t.current.pendingInput = !1;
+      }, 250);
+    }, i = () => {
+      t.current.pendingInput && !t.current.programmatic && (t.current.moved = !0);
+    }, l = () => {
+      var R, D;
+      const c = (R = n.getBounds()) == null ? void 0 : R.toJSON(), g = (D = n.getCenter()) == null ? void 0 : D.toJSON(), b = n.getZoom(), y = t.current.moved;
+      if (a(), clearTimeout(m), !c || !g || b == null) return;
+      const E = !o || Object.keys(c).some(
+        (J) => c[J] !== o.bounds[J]
+      ), C = o != null && (b !== o.zoom || g.lat !== o.center.lat || g.lng !== o.center.lng);
+      o = { bounds: c, center: g, zoom: b }, E && s.current(c, { userInteraction: y && C });
+    }, h = [
+      "pointerdown",
+      "pointermove",
+      "pointerup",
+      "pointercancel",
+      "touchstart",
+      "touchmove",
+      "click",
+      "dblclick",
+      "wheel",
+      "keydown"
+    ];
+    h.forEach(
+      (c) => r.addEventListener(c, d, { capture: !0, passive: !0 })
+    );
+    const v = [
+      n.addListener("dragstart", () => {
+        t.current.programmatic = !1, t.current.moved = !0;
+      }),
+      n.addListener("center_changed", i),
+      n.addListener("zoom_changed", i),
+      n.addListener("idle", l)
+    ];
+    return l(), () => {
+      v.forEach((c) => c.remove()), h.forEach(
+        (c) => r.removeEventListener(c, d, !0)
+      ), clearTimeout(m), a();
+    };
+  }, [n, t]), null;
+}
+function vn(e, t) {
+  const n = X(), [s, r] = L(null), { lat: o, lng: a } = t;
+  return x(() => {
+    if (!n || typeof n.getCenter != "function") return;
+    const m = () => {
+      var g, b;
+      const d = (g = n.getCenter()) == null ? void 0 : g.toJSON(), i = n.getZoom(), l = (b = n.getDiv) == null ? void 0 : b.call(n);
+      if (!d || i == null || !l) {
+        r(null);
+        return;
+      }
+      const h = l.clientWidth, v = l.clientHeight, c = bt * 2 ** i;
+      r({
+        id: e,
+        width: h,
+        height: v,
+        x: h / 2 + (a - d.lng) / 360 * c,
+        y: v / 2 - (ge(o) - ge(d.lat)) * c / (2 * Math.PI)
+      });
+    };
+    m();
+    const f = ["bounds_changed", "zoom_changed", "center_changed", "idle"].flatMap(
+      (d) => typeof n.addListener == "function" ? [n.addListener(d, m)] : []
+    );
+    return () => f.forEach((d) => d.remove());
+  }, [n, e, o, a]), (s == null ? void 0 : s.id) === e ? s : null;
+}
+function bn({
+  marker: e,
+  frame: t,
+  direction: n,
+  children: s
+}) {
+  const r = vn(e.id, e.position);
+  return !r || !t ? null : ot(
+    /* @__PURE__ */ u(kn, { anchor: r, direction: n, children: s }),
+    t
+  );
+}
+const yn = 52, wn = 12, pe = 8;
+function kn({
+  anchor: e,
+  children: t,
+  direction: n
+}) {
+  const s = k(null), [r, o] = L(
+    null
+  );
+  if (oe(() => {
+    const c = s.current;
+    c && o(
+      (g) => (g == null ? void 0 : g.width) === c.offsetWidth && g.height === c.offsetHeight ? g : { 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 = (r == null ? void 0 : r.width) ?? 0, f = (r == null ? void 0 : r.height) ?? 0, d = Math.max(pe, e.width - m - pe), i = Math.min(Math.max(e.x - m / 2, pe), d), l = e.y - yn - f, h = l < pe, v = h ? e.y + wn : 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__ */ u(
+      "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__ */ u(
+          "div",
+          {
+            ref: s,
+            "data-component": "map-view-marker-card",
+            "data-marker-id": e.id,
+            "data-placement": h ? "below" : "above",
+            style: {
+              "--marker-card-x": `${i}px`,
+              "--marker-card-y": `${v}px`
+            },
+            "data-measured": r ? "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__ */ u("div", { dir: n, children: t })
+          }
+        )
+      }
+    )
+  );
+}
+function fe(e) {
+  if (!e) return null;
+  if (e instanceof HTMLElement) return e;
+  const t = e.element;
+  return t instanceof HTMLElement ? t : null;
+}
+function xn({
+  marker: e,
+  label: t,
+  isSelected: n,
+  isHovered: s,
+  onSelect: r,
+  onHover: o,
+  elements: a
+}) {
+  const [m, f] = L(null), { id: d } = e, i = k(!1);
+  return x(() => {
+    const l = fe(m);
+    if (l && (l.style.outline = "none"), !l || !a) return;
+    const h = a.current;
+    return h.set(`pin:${e.id}`, l), () => {
+      h.delete(`pin:${e.id}`);
+    };
+  }, [m, a, e.id]), x(() => {
+    const l = fe(m);
+    if (!l || !o) return;
+    const h = (g) => {
+      Je(g.target) && o(d, !0, "focus");
+    }, v = (g) => {
+      l.contains(g.relatedTarget) || i.current || o(d, !1, "focus");
+    }, c = (g) => {
+      g.key === "Escape" && o(d, !1, "focus");
+    };
+    return l.addEventListener("focusin", h), l.addEventListener("focusout", v), l.addEventListener("keydown", c), () => {
+      l.removeEventListener("focusin", h), l.removeEventListener("focusout", v), l.removeEventListener("keydown", c);
+    };
+  }, [m, d, o]), /* @__PURE__ */ u(
+    at,
+    {
+      ref: f,
+      position: e.position,
+      title: t,
+      "aria-label": t,
+      "data-selected": n ? "true" : "false",
+      "data-hovered": s ? "true" : "false",
+      zIndex: s ? 1e3 : n ? 500 : void 0,
+      onClick: () => r(d),
+      onMouseEnter: o ? () => {
+        i.current = !0, o(d, !0, "pointer");
+      } : void 0,
+      onMouseLeave: o ? () => {
+        i.current = !1;
+        const l = fe(m), h = document.activeElement;
+        l && h && l.contains(h) && Je(h) || o(d, !1, "pointer");
+      } : void 0,
+      children: /* @__PURE__ */ u(en, { hovered: s })
+    }
+  );
+}
+const bt = 256, Mn = (e) => e * Math.PI / 180;
+function ge(e) {
+  const t = Math.min(Math.max(Math.sin(Mn(e)), -0.9999), 0.9999);
+  return Math.log((1 + t) / (1 - t)) / 2;
+}
+const En = (e) => Math.atan(Math.sinh(e)) * 180 / Math.PI;
+function _n(e) {
+  let t = -90, n = 90, s = -180, r = 180;
+  for (const { lat: o, lng: a } of e)
+    t = Math.max(t, o), n = Math.min(n, o), s = Math.max(s, a), r = Math.min(r, a);
+  return { north: t, south: n, east: s, west: r };
+}
+function yt(e, t, n, s, r) {
+  const { north: o, south: a, east: m, west: f } = _n(e);
+  if (o === a && m === f)
+    return { center: { lat: o, lng: m }, zoom: r };
+  const d = ge(o), i = ge(a), l = {
+    lat: En((d + i) / 2),
+    lng: (m + f) / 2
+  }, h = (c, g) => g > 0 ? Math.log2(Math.max(c, 1) / bt / g) : r, v = Math.min(
+    h(t - 2 * s, (m - f) / 360),
+    h(n - 2 * s, (d - i) / (2 * Math.PI)),
+    r
+  );
+  return { center: l, zoom: Math.max(0, Math.floor(v)) };
+}
+const wt = ({ id: e, lat: t, lng: n }) => e != null ? `id:${e}` : `at:${t},${n}`;
+function zn({
+  points: e,
+  fitKey: t,
+  maxZoom: n,
+  onCameraMove: s
+}) {
+  const r = X(), o = k(null), a = k(!1), m = k(null);
+  return x(() => {
+    if (!r) return;
+    const f = () => {
+      var c;
+      const i = m.current, l = (c = r.getCenter()) == null ? void 0 : c.toJSON(), h = r.getZoom();
+      i != null && h === i.zoom && l != null && Math.abs(l.lat - i.center.lat) < 1e-6 && Math.abs(l.lng - i.center.lng) < 1e-6 || (a.current = !0);
+    }, d = [
+      r.addListener("dragstart", () => {
+        a.current = !0;
+      }),
+      r.addListener("center_changed", f),
+      r.addListener("zoom_changed", f)
+    ];
+    return () => d.forEach((i) => i.remove());
+  }, [r]), x(() => {
+    var b;
+    if (!r) return;
+    const f = ((b = o.current) == null ? void 0 : b.map) === r ? o.current : null;
+    if ((f == null ? void 0 : f.key) === t) return;
+    const d = new Set(e.map(wt)), i = (y, E) => {
+      m.current = { center: y, zoom: E }, s(), r.moveCamera({ center: y, zoom: E }), a.current = !1;
+    };
+    if (e.length === 0) {
+      o.current = { map: r, key: t, points: d };
+      return;
+    }
+    if (f != null && f.points.size > 0 && [...f.points].every((y) => d.has(y)) && a.current) {
+      o.current = { map: r, key: t, points: d };
+      return;
+    }
+    const h = r.getDiv();
+    if (!(h instanceof Element)) return;
+    const v = () => {
+      o.current = { map: r, key: t, points: d };
+      const y = Math.min(
+        Te("--spacing-2xl", h, 48),
+        h.clientWidth / 4,
+        h.clientHeight / 4
+      ), { center: E, zoom: C } = yt(
+        e,
+        h.clientWidth,
+        h.clientHeight,
+        y,
+        n
+      );
+      i(E, C);
+    }, c = () => h.clientWidth > 0 && h.clientHeight > 0;
+    if (c() || typeof ResizeObserver > "u") {
+      v();
+      return;
+    }
+    const g = new ResizeObserver(() => {
+      c() && (g.disconnect(), v());
+    });
+    return g.observe(h), () => g.disconnect();
+  }, [r, t, e, n, s]), null;
+}
+const Qe = 10;
+function Sn(e) {
+  const t = X(), [n, s] = L(e);
+  return x(() => {
+    if (!t || typeof t.addListener != "function" || typeof t.getZoom != "function")
+      return;
+    const r = () => {
+      const a = t.getZoom();
+      a != null && s(Math.round(a * 4) / 4);
+    };
+    r();
+    const o = ["zoom_changed", "idle"].map(
+      (a) => t.addListener(a, r)
+    );
+    return () => o.forEach((a) => a.remove());
+  }, [t]), n;
+}
+const Ln = [
+  "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 Nn({ count: e }) {
+  return /* @__PURE__ */ u(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-component": "map-view-cluster",
+      "data-count": e,
+      className: Ln,
+      children: e
+    }
+  );
+}
+function te(e, t) {
+  const n = document.createElement("span");
+  n.style.color = `var(${e})`, n.style.display = "none", (t.isConnected ? t : document.documentElement).append(n);
+  const s = getComputedStyle(n).color;
+  return n.remove(), s || "currentColor";
+}
+function $n(e) {
+  const t = X(), [n, s] = L(null);
+  return x(() => {
+    var i;
+    if (!e || !t) return;
+    const r = (i = t.getDiv) == null ? void 0 : i.call(t), o = r instanceof Element ? r : document.documentElement, a = () => {
+      const l = {
+        fill: te("--map-marker-color", o),
+        ink: te("--map-marker-hover-ring", o),
+        ring: te("--map-marker-hover-ring", o),
+        hover: te("--map-marker-hover-color", o),
+        selected: te("--map-marker-selected-color", o),
+        target: Te("--min-target-size", o, 44)
+      };
+      s(
+        (h) => h && h.fill === l.fill && h.ink === l.ink && h.ring === l.ring && h.hover === l.hover && h.selected === l.selected && h.target === l.target ? h : l
+      );
+    };
+    a();
+    const m = new MutationObserver(a), f = {
+      attributes: !0,
+      attributeFilter: ["class", "data-theme"]
+    };
+    m.observe(document.documentElement, f);
+    const d = o.closest('[data-component="theme-root"]');
+    return d && m.observe(d, f), () => m.disconnect();
+  }, [t, e]), n;
+}
+function Tn(e, { fill: t, ink: n, ring: s, hover: r, target: o }) {
+  var l;
+  const a = Math.max(o, 20 + String(e).length * 12), m = `x="2" y="2" width="${a - 4}" height="${o - 4}" rx="${o / 2}"`, f = `<svg xmlns="http://www.w3.org/2000/svg" width="${a}" height="${o}"><rect ${m} fill="none" stroke="${r}" stroke-width="4"/><rect ${m} fill="${t}" stroke="${s}" stroke-width="2"/></svg>`, d = (l = globalThis.google) == null ? void 0 : l.maps;
+  return {
+    icon: {
+      url: `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(f)}`,
+      scaledSize: d ? new d.Size(a, o) : void 0,
+      anchor: d ? new d.Point(a / 2, o / 2) : void 0
+    },
+    label: { text: String(e), color: n, fontWeight: "600" }
+  };
+}
+const Ie = Gt(null);
+function In({
+  enabled: e,
+  children: t
+}) {
+  const n = $n(e);
+  return /* @__PURE__ */ u(Ie.Provider, { value: n, children: t });
+}
+function Cn({ fill: e, ring: t, hover: n, selected: s }, r) {
+  var i;
+  const o = r ? ht : 1, a = ne * o, m = re * o, f = Yt(r ? s : e, t, n, {
+    width: a,
+    height: m
+  }), d = (i = globalThis.google) == null ? void 0 : i.maps;
+  return {
+    url: `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(f)}`,
+    scaledSize: d ? new d.Size(a, m) : void 0,
+    anchor: d ? new d.Point(a / 2, m) : void 0
+  };
+}
+function Rn({
+  marker: e,
+  label: t,
+  isSelected: n,
+  isHovered: s,
+  onSelect: r,
+  onHover: o
+}) {
+  const a = rt(Ie), m = G(
+    () => a ? Cn(a, s) : void 0,
+    [a, s]
+  );
+  return m ? /* @__PURE__ */ u(
+    it,
+    {
+      position: e.position,
+      title: t,
+      icon: m,
+      zIndex: s ? 1e3 : n ? 500 : void 0,
+      onClick: () => r(e.id),
+      onMouseOver: o ? () => o(e.id, !0, "pointer") : void 0,
+      onMouseOut: o ? () => o(e.id, !1, "pointer") : void 0
+    }
+  ) : null;
+}
+function An({
+  cluster: e,
+  label: t,
+  mapId: n,
+  iconTheme: s,
+  elements: r,
+  onActivate: o
+}) {
+  const [a, m] = L(null), f = `cluster:${e.id}`;
+  x(() => {
+    const l = fe(a);
+    if (!l) return;
+    const h = r.current;
+    return h.set(f, l), l.style.outline = "none", () => {
+      h.delete(f);
+    };
+  }, [a, r, f]);
+  const d = e.members.length, i = G(
+    () => n || !s ? null : Tn(d, s),
+    [n, d, s]
+  );
+  return n ? /* @__PURE__ */ u(
+    at,
+    {
+      ref: m,
+      position: e.position,
+      title: t,
+      "aria-label": t,
+      zIndex: Qe,
+      anchorPoint: ["50%", "50%"],
+      onClick: () => o(e),
+      children: /* @__PURE__ */ u(Nn, { count: d })
+    }
+  ) : /* @__PURE__ */ u(
+    it,
+    {
+      position: e.position,
+      title: t,
+      zIndex: Qe,
+      icon: i == null ? void 0 : i.icon,
+      label: i == null ? void 0 : i.label,
+      onClick: () => o(e)
+    }
+  );
+}
+const Pn = 100, Vn = 30;
+function On({
+  markers: e,
+  fallbackZoom: t,
+  selectedMarkerId: n,
+  hoveredMarkerId: s,
+  renderMarker: r,
+  mapId: o,
+  frame: a,
+  elements: m,
+  labelFor: f,
+  onCameraMove: d,
+  onClusterClick: i
+}) {
+  const l = X(), { t: h } = H("ui"), v = Sn(t), c = rt(Ie), g = G(
+    () => cn(e, v),
+    [e, v]
+  ), { singles: b, clusters: y } = G(() => {
+    const M = ($) => $.id === n || $.id === s, _ = g.singles.slice(), O = [];
+    for (const $ of g.clusters) {
+      const F = $.members.filter((z) => !M(z));
+      _.push(...$.members.filter(M)), F.length > 1 ? O.push({ ...$, members: F }) : _.push(...F);
+    }
+    return { singles: _, clusters: O };
+  }, [g, n, s]), [E, C] = L(""), R = k(null), D = k(void 0);
+  x(() => () => clearTimeout(D.current), []);
+  const J = (M) => {
+    var S;
+    const _ = (S = l == null ? void 0 : l.getDiv) == null ? void 0 : S.call(l);
+    if (!l || !(_ instanceof Element)) return;
+    const O = Math.min(
+      Te("--spacing-2xl", _, 48),
+      _.clientWidth / 4,
+      _.clientHeight / 4
+    ), $ = yt(
+      M.members.map((j) => j.position),
+      _.clientWidth,
+      _.clientHeight,
+      O,
+      Se
+    ), F = l.getZoom() ?? v, z = Math.min(
+      Se,
+      Math.max($.zoom, Math.ceil(F + 1))
+    ), P = M.members.length;
+    R.current = {
+      ids: new Set(M.members.map((j) => j.id)),
+      centre: M.position
+    }, C(""), clearTimeout(D.current), D.current = setTimeout(
+      () => C(h("mapView.clusterZoomed", { label: f(P) })),
+      Pn
+    ), d(), i == null || i({
+      count: P,
+      markerIds: M.members.map((j) => j.id)
+    }), l.moveCamera({ center: $.center, zoom: z });
+  };
+  return x(() => {
+    const M = R.current;
+    if (!M) return;
+    let _ = 0, O = 0;
+    const $ = () => {
+      let z = null;
+      for (const S of y) {
+        if (!S.members.some((ve) => M.ids.has(ve.id)))
+          continue;
+        const j = (S.position.lat - M.centre.lat) ** 2 + (S.position.lng - M.centre.lng) ** 2;
+        (!z || j < z.distance) && (z = { key: `cluster:${S.id}`, distance: j });
+      }
+      if (z) return z.key;
+      const P = b.find((S) => M.ids.has(S.id));
+      return P ? `pin:${P.id}` : null;
+    }, F = () => {
+      const z = $(), P = z ? m.current.get(z) : null;
+      if (P && (P.focus({ preventScroll: !0 }), P.contains(document.activeElement))) {
+        R.current = null;
+        return;
+      }
+      if (O += 1, O < Vn && o) {
+        _ = requestAnimationFrame(F);
+        return;
+      }
+      R.current = null;
+      const S = a == null ? void 0 : a.closest('[data-component="map-view"]');
+      S && (S.hasAttribute("tabindex") || S.setAttribute("tabindex", "-1"), S.focus({ preventScroll: !0 }));
+    };
+    return _ = requestAnimationFrame(F), () => cancelAnimationFrame(_);
+  }, [y, b, m, a, o]), /* @__PURE__ */ N(Vt, { children: [
+    b.map(r),
+    y.map((M) => /* @__PURE__ */ u(
+      An,
+      {
+        cluster: M,
+        label: f(M.members.length),
+        mapId: o,
+        iconTheme: c,
+        elements: m,
+        onActivate: J
+      },
+      `${Math.floor(v)}:${M.id}`
+    )),
+    a ? ot(
+      /* @__PURE__ */ u("div", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: E }),
+      a
+    ) : null
+  ] });
+}
+const kt = (e) => {
+  var t, n;
+  return typeof ((n = (t = globalThis.google) == null ? void 0 : t.maps) == null ? void 0 : n[e]) == "function";
+};
+function et() {
+  const { t: e } = H("ui");
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      role: "status",
+      "data-testid": "map-view-loading",
+      className: "ds:[inline-size:100%] ds:[block-size:100%]",
+      children: [
+        /* @__PURE__ */ u(Kt, { variant: "rectangular", width: "100%", height: "100%" }),
+        /* @__PURE__ */ u(ct, { children: e("common.loading") })
+      ]
+    }
+  );
+}
+function tt({
+  preview: e,
+  onError: t
+}) {
+  const { t: n } = H("ui");
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      "data-testid": "map-view-loading",
+      className: "ds:relative ds:[inline-size:100%] ds:[block-size:100%]",
+      children: [
+        /* @__PURE__ */ u(Ce, { preview: e, onError: t }),
+        /* @__PURE__ */ u("div", { role: "status", children: /* @__PURE__ */ u(ct, { children: n("common.loading") }) })
+      ]
+    }
+  );
+}
+function Ce({
+  preview: e,
+  onError: t
+}) {
+  var d, i;
+  const n = (((d = e.sources) == null ? void 0 : d.length) ?? 0) > 0, s = k(null), r = un(e.sources, s), [o, a] = L(!n);
+  oe(() => {
+    a(!0);
+  }, []);
+  const m = (r !== null ? (i = e.sources) == null ? void 0 : i[r] : void 0) ?? e, f = /* @__PURE__ */ u(
+    "img",
+    {
+      src: m.src,
+      srcSet: m.srcSet,
+      alt: e.alt,
+      width: m.width,
+      height: m.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]"
+    }
+  );
+  return n ? /* @__PURE__ */ u(
+    "div",
+    {
+      ref: s,
+      "data-testid": "map-view-preview-area",
+      className: "ds:absolute ds:inset-0",
+      children: o ? f : null
+    }
+  ) : f;
+}
+function Fn({
+  children: e,
+  pending: t,
+  holdUntilLoaded: n = !1
+}) {
+  const s = Bt();
+  return st("maps") || kt("Map") || !s && !n ? e : t;
+}
+function jn({ children: e }) {
+  return st("marker") || kt("Marker") ? e : null;
+}
+function xt(e, t) {
+  oe(() => {
+    const n = e.current;
+    return () => {
+      t == null || t(!!(n && n.contains(document.activeElement)));
+    };
+  }, [e, t]);
+}
+const Mt = "ds:rounded-[var(--radius-md)] ds:bg-[color-mix(in_srgb,var(--popover)_calc(100%-(100%-var(--glass-surface-alpha,85%))*0.27),transparent)] ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)] ds:backdrop-blur-md ds:contrast-more:bg-[var(--popover)] ds:[@media(prefers-reduced-transparency:reduce)]:bg-[var(--popover)] ds:forced-colors:bg-[Canvas] ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--border)] ds:shadow-[var(--shadow-sm)]";
+function Gn({
+  preview: e,
+  onLoadMap: t,
+  consentCta: n,
+  onImageError: s,
+  description: r,
+  onUnmount: o
+}) {
+  const { t: a } = H("ui"), m = nt(), f = k(null);
+  return xt(f, o), /* @__PURE__ */ N(
+    "div",
+    {
+      ref: f,
+      className: "ds:absolute ds:inset-0 ds:@container/mapbar ds:bg-[var(--muted)]",
+      "data-testid": "map-view-preview",
+      children: [
+        /* @__PURE__ */ u(Ce, { preview: e, onError: s }),
+        /* @__PURE__ */ u("div", { className: "ds:absolute ds:start-0 ds:end-0 ds:top-[var(--map-preview-inset-block-start,var(--spacing-sm))] ds:px-[var(--spacing-sm)]", children: /* @__PURE__ */ N(
+          "div",
+          {
+            "data-testid": "map-view-preview-plate",
+            className: `ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:items-center ds:text-center ds:@[640px]/mapbar:flex-row ds:@[640px]/mapbar:justify-center ds:@[640px]/mapbar:gap-[var(--spacing-md)] ${Mt}`,
+            children: [
+              /* @__PURE__ */ u(
+                "p",
+                {
+                  id: m,
+                  className: "type-meta ds:m-0 ds:min-w-0 ds:text-[var(--foreground)] ds:@[640px]/mapbar:text-start",
+                  children: r
+                }
+              ),
+              /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)]", children: n ?? /* @__PURE__ */ u(
+                $e,
+                {
+                  type: "button",
+                  intent: "primary",
+                  size: "sm",
+                  className: "ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)]",
+                  onClick: t,
+                  "aria-describedby": m,
+                  "data-testid": "map-view-load-cta",
+                  children: a("mapView.consentTitle")
+                }
+              ) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Dn({
+  reason: e,
+  preview: t,
+  onPreviewError: n,
+  address: s,
+  contentLang: r,
+  openInGoogleMapsHref: o,
+  onRetry: a,
+  retryRef: m
+}) {
+  const { t: f } = H("ui"), d = /* @__PURE__ */ N("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)]", children: [
+    /* @__PURE__ */ u(
+      $e,
+      {
+        ref: m,
+        type: "button",
+        intent: "primary",
+        size: "sm",
+        className: "ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)]",
+        onClick: a,
+        "data-testid": "map-view-retry",
+        children: f("mapView.retry")
+      }
+    ),
+    /* @__PURE__ */ N(
+      "a",
+      {
+        href: o,
+        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",
+        "data-testid": "map-view-open-in-google-maps",
+        children: [
+          f("mapView.openInGoogleMaps"),
+          /* @__PURE__ */ u(lt, { "aria-hidden": "true", className: "ds:size-3" })
+        ]
+      }
+    )
+  ] });
+  return t ? /* @__PURE__ */ N(
+    "div",
+    {
+      className: "ds:absolute ds:inset-0 ds:@container/mapbar ds:bg-[var(--muted)]",
+      "data-testid": "map-view-error",
+      "data-reason": e,
+      children: [
+        /* @__PURE__ */ u(Ce, { preview: t, onError: n }),
+        /* @__PURE__ */ u("div", { className: "ds:absolute ds:start-0 ds:end-0 ds:top-[var(--map-preview-inset-block-start,var(--spacing-sm))] ds:px-[var(--spacing-sm)]", children: /* @__PURE__ */ N(
+          "div",
+          {
+            className: `ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center ${Mt} ds:@[640px]/mapbar:flex-row ds:@[640px]/mapbar:justify-center ds:@[640px]/mapbar:gap-[var(--spacing-md)]`,
+            children: [
+              /* @__PURE__ */ u(
+                "p",
+                {
+                  role: "status",
+                  className: "type-meta ds:m-0 ds:min-w-0 ds:text-[var(--foreground)]",
+                  children: f("mapView.unavailable")
+                }
+              ),
+              d
+            ]
+          }
+        ) })
+      ]
+    }
+  ) : /* @__PURE__ */ N(
+    "div",
+    {
+      className: gt(),
+      "data-testid": "map-view-error",
+      "data-reason": e,
+      children: [
+        /* @__PURE__ */ u(
+          dt,
+          {
+            "aria-hidden": "true",
+            className: "ds:size-6 ds:text-[var(--muted-foreground)]"
+          }
+        ),
+        /* @__PURE__ */ u("p", { role: "status", className: vt(), children: f("mapView.unavailable") }),
+        s ? /* @__PURE__ */ u(
+          "p",
+          {
+            className: Ne(),
+            "data-testid": "map-view-address",
+            lang: r,
+            children: s
+          }
+        ) : null,
+        d
+      ]
+    }
+  );
+}
+function Zn({
+  address: e,
+  contentLang: t,
+  description: n,
+  onLoadMap: s,
+  openInGoogleMapsHref: r,
+  consentCta: o,
+  onUnmount: a
+}) {
+  const { t: m } = H("ui"), f = k(null);
+  return xt(f, a), /* @__PURE__ */ N(
+    "div",
+    {
+      ref: f,
+      className: gt(),
+      "data-testid": "map-view-consent",
+      children: [
+        /* @__PURE__ */ u(
+          dt,
+          {
+            "aria-hidden": "true",
+            className: "ds:size-6 ds:text-[var(--muted-foreground)]"
+          }
+        ),
+        /* @__PURE__ */ u("p", { className: vt(), children: m("mapView.consentTitle") }),
+        e ? /* @__PURE__ */ u(
+          "p",
+          {
+            className: Ne(),
+            "data-testid": "map-view-address",
+            lang: t,
+            children: e
+          }
+        ) : null,
+        /* @__PURE__ */ u("p", { className: Ne(), children: n }),
+        /* @__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: [
+              o ?? /* @__PURE__ */ u(
+                $e,
+                {
+                  type: "button",
+                  intent: "primary",
+                  size: "sm",
+                  onClick: s,
+                  "data-testid": "map-view-load-cta",
+                  children: m("mapView.consentCta")
+                }
+              ),
+              /* @__PURE__ */ N(
+                "a",
+                {
+                  href: r,
+                  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__ */ u(lt, { "aria-hidden": "true", className: "ds:size-3" })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const Un = Ot(
+  ({
+    id: e,
+    apiKey: t,
+    center: n,
+    zoom: s = 15,
+    markers: r,
+    selectedMarkerId: o,
+    hoveredMarkerId: a,
+    renderMarkerCard: m,
+    onMarkerHover: f,
+    onMarkerClick: d,
+    onBoundsChange: i,
+    consentGranted: l = !1,
+    loadTimeoutMs: h = mn,
+    onLoadError: v,
+    onConsentRequest: c,
+    staticPreview: g,
+    address: b,
+    contentLang: y,
+    consentDescription: E,
+    consentCta: C,
+    mapId: R,
+    size: D,
+    surface: J,
+    ariaLabel: M,
+    fitToPoints: _,
+    fitKey: O,
+    fitMaxZoom: $ = 15,
+    clusterMarkers: F = "auto",
+    clusterLabel: z,
+    onClusterClick: P,
+    className: S,
+    ...j
+  }, ve) => {
+    const { t: Y, i18n: Re } = H("ui"), Ae = k(/* @__PURE__ */ new Map()), ae = G(() => _ ?? [], [_]), Et = G(
+      () => O ?? ae.map((p) => `${wt(p)}@${p.lat},${p.lng}`).sort().join("|"),
+      [O, ae]
+    ), K = ae.length > 0, Pe = k(K), Ve = nt(), _t = G(
+      () => `map-${Ve.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [Ve]
+    ), [Oe, zt] = L(!1);
+    x(() => {
+      if (typeof window > "u") return;
+      const p = window.matchMedia("(prefers-reduced-motion: reduce)"), w = () => zt(p.matches);
+      return w(), p.addEventListener("change", w), () => p.removeEventListener("change", w);
+    }, []);
+    const Fe = G(() => `https://www.google.com/maps/search/?api=1&query=${b ? encodeURIComponent(b) : `${n.lat},${n.lng}`}`, [b, n.lat, n.lng]), ie = k(null), je = k(null), [T, be] = L(null), [ye, we] = L(!1), Q = k(null);
+    Q.current = T;
+    const q = k({}).current, ce = k(v);
+    ce.current = v;
+    const le = k(!1), ke = k(!1), U = A((p) => {
+      be((w) => w ?? p);
+    }, []), St = A(
+      () => U("script"),
+      [U]
+    ), Lt = A(
+      () => U("import"),
+      [U]
+    ), xe = A(() => {
+      Q.current !== null && (ke.current = !0, le.current = !0, Ye(Q.current, q), we(!1), be(null));
+    }, [q]), Z = k(null), Ge = k({
+      pendingInput: !1,
+      moved: !1,
+      programmatic: !1
+    }), ee = A(() => {
+      Ge.current = {
+        pendingInput: !1,
+        moved: !1,
+        programmatic: !0
+      };
+    }, []), de = A(
+      (p) => {
+        ee(), d == null || d(p);
+      },
+      [ee, d]
+    ), [De, Nt] = L(null), Me = G(
+      () => a != null && m ? (r ?? []).find((p) => p.id === a) ?? null : null,
+      [a, m, r]
+    ), $t = A((p) => {
+      Z.current = p, we(p !== null);
+    }, []), Ze = k(!1), Ue = k(null), We = k(0), ue = A(
+      () => ({
+        panTo: (p) => {
+          var w;
+          return (w = Z.current) == null ? void 0 : w.panTo(p);
+        },
+        setZoom: (p) => {
+          var w;
+          return (w = Z.current) == null ? void 0 : w.setZoom(p);
+        },
+        selectMarker: (p) => {
+          var w;
+          return (w = Z.current) == null ? void 0 : w.selectMarker(p);
+        },
+        // 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: () => Ze.current,
+        getCenter: () => {
+          var p;
+          return ((p = Z.current) == null ? void 0 : p.getCenter()) ?? null;
+        },
+        getZoom: () => {
+          var p;
+          return ((p = Z.current) == null ? void 0 : p.getZoom()) ?? null;
+        },
+        getSelectedMarkerId: () => Ue.current,
+        getMarkerCount: () => We.current,
+        getLoadError: () => Q.current,
+        retryLoad: xe
+      }),
+      [xe]
+    );
+    Ft(ve, ue, [ue]);
+    const Tt = G(
+      () => ue(),
+      [ue]
+    );
+    Ht(Xt, Tt, e), x(() => {
+      var w, I;
+      const p = Pe.current && !K;
+      if (Pe.current = K, !K) {
+        if (p) {
+          (w = Z.current) == null || w.jumpTo(n, s);
+          return;
+        }
+        Oe || (I = Z.current) == null || I.panTo(n);
+      }
+    }, [n.lat, n.lng, Oe, K]), x(() => {
+      var p;
+      K || (p = Z.current) == null || p.setZoom(s);
+    }, [s, K]);
+    const [It, Be] = L(!1), V = l || It;
+    Ze.current = V, Ue.current = o ?? null, We.current = (r ?? []).length;
+    const [Ct, Rt] = L(null), W = g && g.src !== Ct ? g : void 0, Ee = g == null ? void 0 : g.src, me = A(() => {
+      Ee && Rt(Ee);
+    }, [Ee]), _e = k(!1), ze = k(!1), Ke = A((p) => {
+      ze.current = p;
+    }, []);
+    x(() => {
+      var B;
+      if (!V) return;
+      const p = document.activeElement, w = !p || p === document.body, I = _e.current || ze.current && w;
+      _e.current = !1, ze.current = !1, I && ((B = ie.current) == null || B.focus({ preventScroll: !0 }));
+    }, [V]);
+    const qe = A(() => {
+      if (_e.current = !0, le.current = !0, c) {
+        c(), Be(!0);
+        return;
+      }
+      Be(!0);
+    }, [c]);
+    x(() => {
+      if (!V || T !== null || ye || !(h > 0) || !Number.isFinite(h))
+        return;
+      const p = setTimeout(() => U("timeout"), h);
+      return () => clearTimeout(p);
+    }, [V, T, ye, h, U]), x(() => {
+      if (!V || T !== null) return;
+      const p = window, w = p.gm_authFailure, I = () => {
+        U("auth"), w == null || w();
+      };
+      return p.gm_authFailure = I, () => {
+        p.gm_authFailure === I && (w ? p.gm_authFailure = w : delete p.gm_authFailure);
+      };
+    }, [V, T, U]);
+    const He = V && T === null && !ye;
+    x(() => {
+      if (He)
+        return Le.add(q), () => {
+          Le.delete(q);
+        };
+    }, [He, q]), x(() => {
+      V || (Q.current !== null && (Ye(Q.current, q), be(null)), we(!1));
+    }, [V, q]), x(() => {
+      var p;
+      T !== null && ((p = ce.current) == null || p.call(ce, T));
+    }, [T]), oe(() => {
+      var I, B;
+      if (T === null) {
+        ke.current && (ke.current = !1, (I = ie.current) == null || I.focus({ preventScroll: !0 }));
+        return;
+      }
+      const p = document.activeElement, w = !p || p === document.body || p === ie.current;
+      le.current && w && ((B = je.current) == null || B.focus({ preventScroll: !0 })), le.current = !1;
+    }, [T]);
+    const Xe = (p) => {
+      const w = o != null && o === p.id, I = a != null && a === p.id, B = Y("mapView.markerLabel", {
+        label: p.label ?? p.id
+      });
+      return R ? /* @__PURE__ */ u(
+        xn,
+        {
+          marker: p,
+          label: B,
+          isSelected: w,
+          isHovered: I,
+          onSelect: de,
+          onHover: f,
+          elements: Ae
+        },
+        p.id
+      ) : /* @__PURE__ */ u(
+        Rn,
+        {
+          marker: p,
+          label: B,
+          isSelected: w,
+          isHovered: I,
+          onSelect: de,
+          onHover: f
+        },
+        p.id
+      );
+    }, At = A(
+      (p) => typeof z == "function" ? z(p) : typeof z == "string" ? z.replaceAll("{count}", String(p)) : Y("mapView.clusterLabel", { count: p }),
+      [z, Y]
+    ), Pt = an(F, (r ?? []).length);
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        ref: ie,
+        className: pn({ size: D, surface: J, className: S }),
+        "data-component": "map-view",
+        "data-component-id": e ?? _t,
+        role: "region",
+        "aria-label": M ?? Y("mapView.label"),
+        tabIndex: -1,
+        ...j,
+        children: /* @__PURE__ */ u(
+          "div",
+          {
+            ref: Nt,
+            className: fn({ size: D, className: "ds:relative" }),
+            children: V ? T !== null ? /* @__PURE__ */ u(
+              Dn,
+              {
+                reason: T,
+                preview: W,
+                onPreviewError: me,
+                address: b,
+                contentLang: y,
+                openInGoogleMapsHref: Fe,
+                onRetry: xe,
+                retryRef: je
+              }
+            ) : (
+              // Any failure of the Maps subtree ends in the "not available"
+              // state (its "Open in Google Maps" link needs no script, and
+              // "Retry" tries again) instead of unmounting the host's React
+              // tree. The gate starts the provider only once Google's `core`
+              // and `maps` libraries have arrived.
+              /* @__PURE__ */ u(qt, { onError: Lt, fallback: /* @__PURE__ */ u(jt, {}), children: /* @__PURE__ */ u(
+                Dt,
+                {
+                  libraries: ["maps"],
+                  pending: W ? /* @__PURE__ */ u(
+                    tt,
+                    {
+                      preview: W,
+                      onError: me
+                    }
+                  ) : /* @__PURE__ */ u(et, {}),
+                  children: /* @__PURE__ */ u(
+                    Zt,
+                    {
+                      apiKey: t,
+                      onError: St,
+                      language: Re.language,
+                      children: /* @__PURE__ */ u(
+                        Fn,
+                        {
+                          holdUntilLoaded: !!W,
+                          pending: W ? /* @__PURE__ */ u(
+                            tt,
+                            {
+                              preview: W,
+                              onError: me
+                            }
+                          ) : /* @__PURE__ */ u(et, {}),
+                          children: /* @__PURE__ */ N(
+                            Ut,
+                            {
+                              defaultCenter: n,
+                              defaultZoom: s,
+                              mapId: R,
+                              gestureHandling: "cooperative",
+                              disableDefaultUI: !1,
+                              onClick: () => de(null),
+                              className: "ds:[inline-size:100%] ds:[block-size:100%]",
+                              children: [
+                                /* @__PURE__ */ u(
+                                  hn,
+                                  {
+                                    onHandleReady: $t,
+                                    onMarkerSelect: de,
+                                    onCameraMove: ee
+                                  }
+                                ),
+                                i ? /* @__PURE__ */ u(
+                                  gn,
+                                  {
+                                    onBoundsChange: i,
+                                    userInteraction: Ge
+                                  }
+                                ) : null,
+                                _ ? /* @__PURE__ */ u(
+                                  zn,
+                                  {
+                                    points: ae,
+                                    fitKey: Et,
+                                    maxZoom: $,
+                                    onCameraMove: ee
+                                  }
+                                ) : null,
+                                Me && m ? /* @__PURE__ */ u(
+                                  bn,
+                                  {
+                                    marker: Me,
+                                    frame: De,
+                                    direction: Re.dir(),
+                                    children: m(Me.id)
+                                  }
+                                ) : null,
+                                /* @__PURE__ */ u(jn, { children: /* @__PURE__ */ u(In, { enabled: !R, children: Pt ? /* @__PURE__ */ u(
+                                  On,
+                                  {
+                                    markers: r ?? [],
+                                    fallbackZoom: s,
+                                    selectedMarkerId: o ?? null,
+                                    hoveredMarkerId: a ?? null,
+                                    renderMarker: Xe,
+                                    mapId: !!R,
+                                    frame: De,
+                                    elements: Ae,
+                                    labelFor: At,
+                                    onCameraMove: ee,
+                                    onClusterClick: P
+                                  }
+                                ) : (r ?? []).map(Xe) }) })
+                              ]
+                            }
+                          )
+                        }
+                      )
+                    }
+                  )
+                }
+              ) })
+            ) : W ? /* @__PURE__ */ u(
+              Gn,
+              {
+                preview: W,
+                onLoadMap: qe,
+                consentCta: C,
+                onImageError: me,
+                description: E ?? Y("mapView.consentDescription"),
+                onUnmount: Ke
+              }
+            ) : /* @__PURE__ */ u(
+              Zn,
+              {
+                address: b,
+                contentLang: y,
+                description: E ?? Y("mapView.consentDescription"),
+                onLoadMap: qe,
+                consentCta: C,
+                openInGoogleMapsHref: Fe,
+                onUnmount: Ke
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Un.displayName = "MapView";
+export {
+  Un as M,
+  Je as i
+};
+//# sourceMappingURL=map-view-Cm69dCnY.js.map