@alfadocs/ui-kit-debug 1.131.0 → 1.132.0

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

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