@alfadocs/ui-kit-debug 1.117.0 → 1.118.0

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

@@ -1,1105 +0,0 @@
-import { jsx as l, jsxs as M } from "react/jsx-runtime";
-import { forwardRef as Fe, useMemo as _, useRef as k, useId as we, useState as N, useEffect as z, useCallback as V, useImperativeHandle as qe, useLayoutEffect as ke } from "react";
-import { createPortal as Be } from "react-dom";
-import { c as G } from "./index-D2ZczOXr.js";
-import { useTranslation as A } from "react-i18next";
-import { M as Ue, A as Je, a as Xe, b as He, c as Ye, u as Me, d as B, e as Qe, P as me } from "./maps-core-gate-Dgs7jXxy.js";
-import { B as ze } from "./button-DohK_Ak_.js";
-import { S as et } from "./skeleton-tTWJpvAq.js";
-import { V as Ee } from "./visually-hidden-BHxEUGyT.js";
-import { E as tt } from "./error-boundary-tAn_GuCu.js";
-import { u as nt } from "./registry-DvAUVLHh.js";
-import { l as rt } from "./length-token-DwMnGEYT.js";
-import { M as ot } from "./map-pin-BaY37-Km.js";
-import { E as xe } 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."
-    }
-  }
-};
-function fe(e) {
-  if (!(e instanceof Element)) return !1;
-  try {
-    return e.matches(":focus-visible");
-  } catch {
-    return !0;
-  }
-}
-const at = G(
-  [
-    "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" }
-  }
-), it = G("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" }
-}), lt = G(
-  [
-    "ds:absolute ds:inset-0",
-    "ds:flex ds:flex-col ds:items-center ds:justify-center",
-    "ds:gap-[var(--spacing-sm)]",
-    "ds:p-[var(--spacing-md)]",
-    "ds:bg-[var(--muted)] ds:text-[var(--foreground)]",
-    "ds:text-center"
-  ].join(" ")
-), ct = G("type-heading-3 ds:m-0"), he = G(
-  "type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0"
-);
-function dt({
-  onHandleReady: e,
-  onMarkerSelect: t,
-  onCameraMove: r
-}) {
-  const a = B();
-  return z(() => {
-    if (a)
-      return e({
-        panTo: (o) => {
-          r(), a.panTo(o);
-        },
-        setZoom: (o) => {
-          r(), a.setZoom(o);
-        },
-        jumpTo: (o, i) => {
-          r(), a.moveCamera({ center: o, zoom: i });
-        },
-        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 = a.getCenter()) == null ? void 0 : o.toJSON()) ?? null;
-        },
-        getZoom: () => a.getZoom() ?? null
-      }), () => e(null);
-  }, [a, e, t, r]), null;
-}
-function ut({
-  onBoundsChange: e,
-  userInteraction: t
-}) {
-  const r = B(), a = k(e);
-  return a.current = e, z(() => {
-    if (!r) return;
-    const o = r.getDiv();
-    let i = null;
-    const p = () => {
-      t.current = {
-        pendingInput: !1,
-        moved: !1,
-        programmatic: !1
-      };
-    };
-    p();
-    let m;
-    const c = /* @__PURE__ */ new Set(), d = (n) => {
-      if (n instanceof PointerEvent && n.pointerType === "touch" && (n.type === "pointerdown" && c.add(n.pointerId), n.type === "pointerup" || n.type === "pointercancel")) {
-        c.delete(n.pointerId);
-        return;
-      }
-      if (n instanceof PointerEvent && n.type === "pointermove" && n.buttons === 0 && n.pointerType !== "touch" || n instanceof KeyboardEvent && ![
-        "ArrowUp",
-        "ArrowDown",
-        "ArrowLeft",
-        "ArrowRight",
-        "+",
-        "=",
-        "-",
-        "_",
-        "Enter",
-        " ",
-        "PageUp",
-        "PageDown"
-      ].includes(n.key))
-        return;
-      const h = document.fullscreenElement, w = !!(h && (h.contains(o) || o.contains(h)));
-      let y = n.type === "dblclick";
-      n instanceof PointerEvent && n.type === "pointermove" && (y = n.pointerType !== "touch" || c.size >= 2 || w), n.type === "touchmove" && (y = n.touches.length >= 2 || w), n instanceof KeyboardEvent && (y = n.key !== "Enter" && n.key !== " "), n instanceof WheelEvent && (y = n.ctrlKey || n.metaKey || w), n.type === "click" && (y = n.target instanceof Element && n.target.closest('button, [role="button"]') != null), y && (t.current.programmatic = !1), t.current.pendingInput = !0, clearTimeout(m), m = setTimeout(() => {
-        t.current.pendingInput = !1;
-      }, 250);
-    }, u = () => {
-      t.current.pendingInput && !t.current.programmatic && (t.current.moved = !0);
-    }, g = () => {
-      var O, j;
-      const n = (O = r.getBounds()) == null ? void 0 : O.toJSON(), h = (j = r.getCenter()) == null ? void 0 : j.toJSON(), w = r.getZoom(), y = t.current.moved;
-      if (p(), clearTimeout(m), !n || !h || w == null) return;
-      const E = !i || Object.keys(n).some(
-        (T) => n[T] !== i.bounds[T]
-      ), S = i != null && (w !== i.zoom || h.lat !== i.center.lat || h.lng !== i.center.lng);
-      i = { bounds: n, center: h, zoom: w }, E && a.current(n, { userInteraction: y && S });
-    }, f = [
-      "pointerdown",
-      "pointermove",
-      "pointerup",
-      "pointercancel",
-      "touchstart",
-      "touchmove",
-      "click",
-      "dblclick",
-      "wheel",
-      "keydown"
-    ];
-    f.forEach(
-      (n) => o.addEventListener(n, d, { capture: !0, passive: !0 })
-    );
-    const v = [
-      r.addListener("dragstart", () => {
-        t.current.programmatic = !1, t.current.moved = !0;
-      }),
-      r.addListener("center_changed", u),
-      r.addListener("zoom_changed", u),
-      r.addListener("idle", g)
-    ];
-    return g(), () => {
-      v.forEach((n) => n.remove()), f.forEach(
-        (n) => o.removeEventListener(n, d, !0)
-      ), clearTimeout(m), p();
-    };
-  }, [r, t]), null;
-}
-function pt(e, t) {
-  const r = B(), [a, o] = N(null), { lat: i, lng: p } = t;
-  return z(() => {
-    if (!r || typeof r.getCenter != "function") return;
-    const m = () => {
-      var h, w;
-      const d = (h = r.getCenter()) == null ? void 0 : h.toJSON(), u = r.getZoom(), g = (w = r.getDiv) == null ? void 0 : w.call(r);
-      if (!d || u == null || !g) {
-        o(null);
-        return;
-      }
-      const f = g.clientWidth, v = g.clientHeight, n = Le * 2 ** u;
-      o({
-        id: e,
-        width: f,
-        height: v,
-        x: f / 2 + (p - d.lng) / 360 * n,
-        y: v / 2 - (q(i) - q(d.lat)) * n / (2 * Math.PI)
-      });
-    };
-    m();
-    const c = ["bounds_changed", "zoom_changed", "center_changed", "idle"].flatMap(
-      (d) => typeof r.addListener == "function" ? [r.addListener(d, m)] : []
-    );
-    return () => c.forEach((d) => d.remove());
-  }, [r, e, i, p]), (a == null ? void 0 : a.id) === e ? a : null;
-}
-function mt({
-  marker: e,
-  frame: t,
-  direction: r,
-  children: a
-}) {
-  const o = pt(e.id, e.position);
-  return !o || !t ? null : Be(
-    /* @__PURE__ */ l(gt, { anchor: o, direction: r, children: a }),
-    t
-  );
-}
-const ft = 52, ht = 12, F = 8;
-function gt({
-  anchor: e,
-  children: t,
-  direction: r
-}) {
-  const a = k(null), [o, i] = N(
-    null
-  );
-  if (ke(() => {
-    const n = a.current;
-    n && i(
-      (h) => (h == null ? void 0 : h.width) === n.offsetWidth && h.height === n.offsetHeight ? h : { width: n.offsetWidth, height: n.offsetHeight }
-    );
-  }, [t, e.id]), !(e.x >= 0 && e.x <= e.width && e.y >= 0 && e.y <= e.height)) return null;
-  const m = (o == null ? void 0 : o.width) ?? 0, c = (o == null ? void 0 : o.height) ?? 0, d = Math.max(F, e.width - m - F), u = Math.min(Math.max(e.x - m / 2, F), d), g = e.y - ft - c, f = g < F, v = f ? e.y + ht : g;
-  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__ */ l(
-      "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__ */ l(
-          "div",
-          {
-            ref: a,
-            "data-component": "map-view-marker-card",
-            "data-marker-id": e.id,
-            "data-placement": f ? "below" : "above",
-            style: {
-              "--marker-card-x": `${u}px`,
-              "--marker-card-y": `${v}px`
-            },
-            "data-measured": o ? "true" : "false",
-            className: "ds:absolute ds:[inset-inline-start:var(--marker-card-x)] ds:[inset-block-start:var(--marker-card-y)] ds:[inline-size:max-content] ds:[max-inline-size:calc(100%-var(--spacing-md))] ds:data-[measured=false]:invisible",
-            children: /* @__PURE__ */ l("div", { dir: r, children: t })
-          }
-        )
-      }
-    )
-  );
-}
-function ge(e) {
-  if (!e) return null;
-  if (e instanceof HTMLElement) return e;
-  const t = e.element;
-  return t instanceof HTMLElement ? t : null;
-}
-function vt({
-  marker: e,
-  label: t,
-  isSelected: r,
-  isHovered: a,
-  onSelect: o,
-  onHover: i
-}) {
-  const [p, m] = N(null), { id: c } = e, d = k(!1);
-  return z(() => {
-    const u = ge(p);
-    if (!u || !i) return;
-    const g = (n) => {
-      fe(n.target) && i(c, !0, "focus");
-    }, f = (n) => {
-      u.contains(n.relatedTarget) || d.current || i(c, !1, "focus");
-    }, v = (n) => {
-      n.key === "Escape" && i(c, !1, "focus");
-    };
-    return u.addEventListener("focusin", g), u.addEventListener("focusout", f), u.addEventListener("keydown", v), () => {
-      u.removeEventListener("focusin", g), u.removeEventListener("focusout", f), u.removeEventListener("keydown", v);
-    };
-  }, [p, c, i]), /* @__PURE__ */ l(
-    Qe,
-    {
-      ref: m,
-      position: e.position,
-      title: t,
-      "aria-label": t,
-      "data-selected": r ? "true" : "false",
-      "data-hovered": a ? "true" : "false",
-      zIndex: a ? 1e3 : r ? 500 : void 0,
-      onClick: () => o(c),
-      onMouseEnter: i ? () => {
-        d.current = !0, i(c, !0, "pointer");
-      } : void 0,
-      onMouseLeave: i ? () => {
-        d.current = !1;
-        const u = ge(p), g = document.activeElement;
-        u && g && u.contains(g) && fe(g) || i(c, !1, "pointer");
-      } : void 0,
-      children: a ? (
-        // Hovered pin: larger, deep ink body with a white ring.
-        // Theme-invariant, because the tiles do not follow the kit theme: one
-        // of body and ring clears 3:1 on any map style. Not `--accent`, which
-        // failed contrast.
-        /* @__PURE__ */ l(
-          me,
-          {
-            scale: 1.4,
-            background: "var(--map-marker-hover-color)",
-            borderColor: "var(--map-marker-hover-ring)",
-            glyphColor: "var(--map-marker-hover-ring)"
-          }
-        )
-      ) : /* @__PURE__ */ l(
-        me,
-        {
-          background: "var(--primary)",
-          borderColor: "var(--primary)",
-          glyphColor: "var(--primary-foreground)"
-        }
-      )
-    }
-  );
-}
-const Le = 256, bt = (e) => e * Math.PI / 180;
-function q(e) {
-  const t = Math.min(Math.max(Math.sin(bt(e)), -0.9999), 0.9999);
-  return Math.log((1 + t) / (1 - t)) / 2;
-}
-const yt = (e) => Math.atan(Math.sinh(e)) * 180 / Math.PI;
-function wt(e) {
-  let t = -90, r = 90, a = -180, o = 180;
-  for (const { lat: i, lng: p } of e)
-    t = Math.max(t, i), r = Math.min(r, i), a = Math.max(a, p), o = Math.min(o, p);
-  return { north: t, south: r, east: a, west: o };
-}
-function kt(e, t, r, a, o) {
-  const { north: i, south: p, east: m, west: c } = wt(e);
-  if (i === p && m === c)
-    return { center: { lat: i, lng: m }, zoom: o };
-  const d = q(i), u = q(p), g = {
-    lat: yt((d + u) / 2),
-    lng: (m + c) / 2
-  }, f = (n, h) => h > 0 ? Math.log2(Math.max(n, 1) / Le / h) : o, v = Math.min(
-    f(t - 2 * a, (m - c) / 360),
-    f(r - 2 * a, (d - u) / (2 * Math.PI)),
-    o
-  );
-  return { center: g, zoom: Math.max(0, Math.floor(v)) };
-}
-const Ie = ({ id: e, lat: t, lng: r }) => e != null ? `id:${e}` : `at:${t},${r}`;
-function Mt({
-  points: e,
-  fitKey: t,
-  maxZoom: r,
-  onCameraMove: a
-}) {
-  const o = B(), i = k(null), p = k(!1), m = k(null);
-  return z(() => {
-    if (!o) return;
-    const c = () => {
-      var n;
-      const u = m.current, g = (n = o.getCenter()) == null ? void 0 : n.toJSON(), f = o.getZoom();
-      u != null && f === u.zoom && g != null && Math.abs(g.lat - u.center.lat) < 1e-6 && Math.abs(g.lng - u.center.lng) < 1e-6 || (p.current = !0);
-    }, d = [
-      o.addListener("dragstart", () => {
-        p.current = !0;
-      }),
-      o.addListener("center_changed", c),
-      o.addListener("zoom_changed", c)
-    ];
-    return () => d.forEach((u) => u.remove());
-  }, [o]), z(() => {
-    var w;
-    if (!o) return;
-    const c = ((w = i.current) == null ? void 0 : w.map) === o ? i.current : null;
-    if ((c == null ? void 0 : c.key) === t) return;
-    const d = new Set(e.map(Ie)), u = (y, E) => {
-      m.current = { center: y, zoom: E }, a(), o.moveCamera({ center: y, zoom: E }), p.current = !1;
-    };
-    if (e.length === 0) {
-      i.current = { map: o, key: t, points: d };
-      return;
-    }
-    if (c != null && c.points.size > 0 && [...c.points].every((y) => d.has(y)) && p.current) {
-      i.current = { map: o, key: t, points: d };
-      return;
-    }
-    const f = o.getDiv();
-    if (!(f instanceof Element)) return;
-    const v = () => {
-      i.current = { map: o, key: t, points: d };
-      const y = Math.min(
-        rt("--spacing-2xl", f, 48),
-        f.clientWidth / 4,
-        f.clientHeight / 4
-      ), { center: E, zoom: S } = kt(
-        e,
-        f.clientWidth,
-        f.clientHeight,
-        y,
-        r
-      );
-      u(E, S);
-    }, n = () => f.clientWidth > 0 && f.clientHeight > 0;
-    if (n() || typeof ResizeObserver > "u") {
-      v();
-      return;
-    }
-    const h = new ResizeObserver(() => {
-      n() && (h.disconnect(), v());
-    });
-    return h.observe(f), () => h.disconnect();
-  }, [o, t, e, r, a]), null;
-}
-const Ce = (e) => {
-  var t, r;
-  return typeof ((r = (t = globalThis.google) == null ? void 0 : t.maps) == null ? void 0 : r[e]) == "function";
-};
-function ve() {
-  const { t: e } = A("ui");
-  return /* @__PURE__ */ M(
-    "div",
-    {
-      role: "status",
-      "data-testid": "map-view-loading",
-      className: "ds:[inline-size:100%] ds:[block-size:100%]",
-      children: [
-        /* @__PURE__ */ l(et, { variant: "rectangular", width: "100%", height: "100%" }),
-        /* @__PURE__ */ l(Ee, { children: e("common.loading") })
-      ]
-    }
-  );
-}
-function be({
-  preview: e,
-  onError: t
-}) {
-  const { t: r } = A("ui");
-  return /* @__PURE__ */ M(
-    "div",
-    {
-      "data-testid": "map-view-loading",
-      className: "ds:relative ds:[inline-size:100%] ds:[block-size:100%]",
-      children: [
-        /* @__PURE__ */ l(Ve, { preview: e, onError: t }),
-        /* @__PURE__ */ l("div", { role: "status", children: /* @__PURE__ */ l(Ee, { children: r("common.loading") }) })
-      ]
-    }
-  );
-}
-function Ve({
-  preview: e,
-  onError: t
-}) {
-  return /* @__PURE__ */ l(
-    "img",
-    {
-      src: e.src,
-      srcSet: e.srcSet,
-      alt: e.alt,
-      width: e.width,
-      height: e.height,
-      loading: "lazy",
-      decoding: "async",
-      onError: t,
-      "data-testid": "map-view-preview-image",
-      className: "ds:block ds:[inline-size:100%] ds:[block-size:100%] ds:[object-fit:contain]"
-    }
-  );
-}
-function zt({
-  children: e,
-  pending: t,
-  holdUntilLoaded: r = !1
-}) {
-  const a = Ye();
-  return Me("maps") || Ce("Map") || !a && !r ? e : t;
-}
-function Et({ children: e }) {
-  return Me("marker") || Ce("Marker") ? e : null;
-}
-function Ne(e, t) {
-  ke(() => {
-    const r = e.current;
-    return () => {
-      t == null || t(!!(r && r.contains(document.activeElement)));
-    };
-  }, [e, t]);
-}
-function xt({
-  preview: e,
-  onLoadMap: t,
-  consentCta: r,
-  onImageError: a,
-  description: o,
-  openInGoogleMapsHref: i,
-  onUnmount: p
-}) {
-  const { t: m } = A("ui"), c = we(), d = k(null);
-  return Ne(d, p), /* @__PURE__ */ M(
-    "div",
-    {
-      ref: d,
-      className: "ds:absolute ds:inset-0 ds:bg-[var(--muted)]",
-      "data-testid": "map-view-preview",
-      children: [
-        /* @__PURE__ */ l(Ve, { preview: e, onError: a }),
-        /* @__PURE__ */ l("div", { className: "ds:absolute ds:start-0 ds:end-0 ds:top-[var(--map-preview-inset-block-start,var(--spacing-md))] ds:flex ds:justify-center ds:px-[var(--spacing-md)]", children: /* @__PURE__ */ M(
-          "div",
-          {
-            "data-testid": "map-view-preview-plate",
-            className: "ds:flex ds:max-w-[24rem] ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:rounded-[var(--radius-lg)] ds:bg-[var(--background)] ds:p-[var(--spacing-sm)] ds:text-center ds:shadow-[var(--shadow-lg)]",
-            children: [
-              /* @__PURE__ */ l(
-                "p",
-                {
-                  id: c,
-                  className: "type-meta ds:m-0 ds:text-[var(--muted-foreground)]",
-                  children: o
-                }
-              ),
-              /* @__PURE__ */ M("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-center ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)]", children: [
-                r ?? /* @__PURE__ */ l(
-                  ze,
-                  {
-                    type: "button",
-                    intent: "primary",
-                    size: "lg",
-                    onClick: t,
-                    "aria-describedby": c,
-                    "data-testid": "map-view-load-cta",
-                    children: m("mapView.consentTitle")
-                  }
-                ),
-                /* @__PURE__ */ M(
-                  "a",
-                  {
-                    href: i,
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    className: "ds:inline-flex ds:min-h-[var(--min-target-size)] ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[var(--primary-readable)] ds:underline ds:underline-offset-2",
-                    children: [
-                      m("mapView.openInGoogleMaps"),
-                      /* @__PURE__ */ l(xe, { "aria-hidden": "true", className: "ds:size-3" })
-                    ]
-                  }
-                )
-              ] })
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-}
-function ye({
-  address: e,
-  contentLang: t,
-  description: r,
-  onLoadMap: a,
-  openInGoogleMapsHref: o,
-  consentCta: i,
-  onUnmount: p
-}) {
-  const { t: m } = A("ui"), c = k(null);
-  return Ne(c, p), /* @__PURE__ */ M(
-    "div",
-    {
-      ref: c,
-      className: lt(),
-      "data-testid": "map-view-consent",
-      children: [
-        /* @__PURE__ */ l(
-          ot,
-          {
-            "aria-hidden": "true",
-            className: "ds:size-6 ds:text-[var(--muted-foreground)]"
-          }
-        ),
-        /* @__PURE__ */ l("p", { className: ct(), children: m("mapView.consentTitle") }),
-        e ? /* @__PURE__ */ l(
-          "p",
-          {
-            className: he(),
-            "data-testid": "map-view-address",
-            lang: t,
-            children: e
-          }
-        ) : null,
-        /* @__PURE__ */ l("p", { className: he(), children: r }),
-        /* @__PURE__ */ M(
-          "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: [
-              i ?? /* @__PURE__ */ l(
-                ze,
-                {
-                  type: "button",
-                  intent: "primary",
-                  size: "sm",
-                  onClick: a,
-                  "data-testid": "map-view-load-cta",
-                  children: m("mapView.consentCta")
-                }
-              ),
-              /* @__PURE__ */ M(
-                "a",
-                {
-                  href: o,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[var(--primary-readable)] ds:underline ds:underline-offset-2",
-                  children: [
-                    m("mapView.openInGoogleMaps"),
-                    /* @__PURE__ */ l(xe, { "aria-hidden": "true", className: "ds:size-3" })
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-const Lt = Fe(
-  ({
-    id: e,
-    apiKey: t,
-    center: r,
-    zoom: a = 15,
-    markers: o,
-    selectedMarkerId: i,
-    hoveredMarkerId: p,
-    renderMarkerCard: m,
-    onMarkerHover: c,
-    onMarkerClick: d,
-    onBoundsChange: u,
-    consentGranted: g = !1,
-    onConsentRequest: f,
-    staticPreview: v,
-    address: n,
-    contentLang: h,
-    consentDescription: w,
-    consentCta: y,
-    mapId: E,
-    size: S,
-    surface: O,
-    ariaLabel: j,
-    fitToPoints: T,
-    fitKey: ee,
-    fitMaxZoom: Se = 15,
-    className: Te,
-    ..._e
-  }, Pe) => {
-    const { t: P, i18n: te } = A("ui"), Z = _(() => T ?? [], [T]), Re = _(
-      () => ee ?? Z.map((s) => `${Ie(s)}@${s.lat},${s.lng}`).sort().join("|"),
-      [ee, Z]
-    ), L = Z.length > 0, ne = k(L), re = we(), Ge = _(
-      () => `map-${re.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [re]
-    ), [oe, Ae] = N(!1);
-    z(() => {
-      if (typeof window > "u") return;
-      const s = window.matchMedia("(prefers-reduced-motion: reduce)"), b = () => Ae(s.matches);
-      return b(), s.addEventListener("change", b), () => s.removeEventListener("change", b);
-    }, []);
-    const U = _(() => `https://www.google.com/maps/search/?api=1&query=${n ? encodeURIComponent(n) : `${r.lat},${r.lng}`}`, [n, r.lat, r.lng]), x = k(null), se = k({
-      pendingInput: !1,
-      moved: !1,
-      programmatic: !1
-    }), D = V(() => {
-      se.current = {
-        pendingInput: !1,
-        moved: !1,
-        programmatic: !0
-      };
-    }, []), $ = V(
-      (s) => {
-        D(), d == null || d(s);
-      },
-      [D, d]
-    ), [Oe, je] = N(null), J = _(
-      () => p != null && m ? (o ?? []).find((s) => s.id === p) ?? null : null,
-      [p, m, o]
-    ), Ze = V((s) => {
-      x.current = s;
-    }, []), ae = k(!1), ie = k(null), le = k(0), K = V(
-      () => ({
-        panTo: (s) => {
-          var b;
-          return (b = x.current) == null ? void 0 : b.panTo(s);
-        },
-        setZoom: (s) => {
-          var b;
-          return (b = x.current) == null ? void 0 : b.setZoom(s);
-        },
-        selectMarker: (s) => {
-          var b;
-          return (b = x.current) == null ? void 0 : b.selectMarker(s);
-        },
-        // 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: () => ae.current,
-        getCenter: () => {
-          var s;
-          return ((s = x.current) == null ? void 0 : s.getCenter()) ?? null;
-        },
-        getZoom: () => {
-          var s;
-          return ((s = x.current) == null ? void 0 : s.getZoom()) ?? null;
-        },
-        getSelectedMarkerId: () => ie.current,
-        getMarkerCount: () => le.current
-      }),
-      []
-    );
-    qe(Pe, K, [K]);
-    const De = _(
-      () => K(),
-      [K]
-    );
-    nt(st, De, e), z(() => {
-      var b, C;
-      const s = ne.current && !L;
-      if (ne.current = L, !L) {
-        if (s) {
-          (b = x.current) == null || b.jumpTo(r, a);
-          return;
-        }
-        oe || (C = x.current) == null || C.panTo(r);
-      }
-    }, [r.lat, r.lng, oe, L]), z(() => {
-      var s;
-      L || (s = x.current) == null || s.setZoom(a);
-    }, [a, L]);
-    const [$e, ce] = N(!1), W = g || $e;
-    ae.current = W, ie.current = i ?? null, le.current = (o ?? []).length;
-    const [Ke, We] = N(null), I = v && v.src !== Ke ? v : void 0, X = v == null ? void 0 : v.src, H = V(() => {
-      X && We(X);
-    }, [X]), de = k(null), Y = k(!1), Q = k(!1), ue = V((s) => {
-      Q.current = s;
-    }, []);
-    z(() => {
-      var R;
-      if (!W) return;
-      const s = document.activeElement, b = !s || s === document.body, C = Y.current || Q.current && b;
-      Y.current = !1, Q.current = !1, C && ((R = de.current) == null || R.focus({ preventScroll: !0 }));
-    }, [W]);
-    const pe = V(() => {
-      if (Y.current = !0, f) {
-        f(), ce(!0);
-        return;
-      }
-      ce(!0);
-    }, [f]);
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: de,
-        className: at({ size: S, surface: O, className: Te }),
-        "data-component": "map-view",
-        "data-component-id": e ?? Ge,
-        role: "region",
-        "aria-label": j ?? P("mapView.label"),
-        tabIndex: -1,
-        ..._e,
-        children: /* @__PURE__ */ l(
-          "div",
-          {
-            ref: je,
-            className: it({ size: S, className: "ds:relative" }),
-            children: W ? (
-              // 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__ */ l(
-                tt,
-                {
-                  fallback: ({ reset: s }) => /* @__PURE__ */ l(
-                    ye,
-                    {
-                      address: n,
-                      contentLang: h,
-                      description: w ?? P("mapView.consentDescription"),
-                      onLoadMap: s,
-                      consentCta: void 0,
-                      openInGoogleMapsHref: U
-                    }
-                  ),
-                  children: /* @__PURE__ */ l(
-                    Ue,
-                    {
-                      libraries: ["maps"],
-                      pending: I ? /* @__PURE__ */ l(
-                        be,
-                        {
-                          preview: I,
-                          onError: H
-                        }
-                      ) : /* @__PURE__ */ l(ve, {}),
-                      children: /* @__PURE__ */ l(
-                        Je,
-                        {
-                          apiKey: t,
-                          language: te.language,
-                          children: /* @__PURE__ */ l(
-                            zt,
-                            {
-                              holdUntilLoaded: !!I,
-                              pending: I ? /* @__PURE__ */ l(
-                                be,
-                                {
-                                  preview: I,
-                                  onError: H
-                                }
-                              ) : /* @__PURE__ */ l(ve, {}),
-                              children: /* @__PURE__ */ M(
-                                Xe,
-                                {
-                                  defaultCenter: r,
-                                  defaultZoom: a,
-                                  mapId: E,
-                                  gestureHandling: "cooperative",
-                                  disableDefaultUI: !1,
-                                  onClick: () => $(null),
-                                  className: "ds:[inline-size:100%] ds:[block-size:100%]",
-                                  children: [
-                                    /* @__PURE__ */ l(
-                                      dt,
-                                      {
-                                        onHandleReady: Ze,
-                                        onMarkerSelect: $,
-                                        onCameraMove: D
-                                      }
-                                    ),
-                                    u ? /* @__PURE__ */ l(
-                                      ut,
-                                      {
-                                        onBoundsChange: u,
-                                        userInteraction: se
-                                      }
-                                    ) : null,
-                                    T ? /* @__PURE__ */ l(
-                                      Mt,
-                                      {
-                                        points: Z,
-                                        fitKey: Re,
-                                        maxZoom: Se,
-                                        onCameraMove: D
-                                      }
-                                    ) : null,
-                                    J && m ? /* @__PURE__ */ l(
-                                      mt,
-                                      {
-                                        marker: J,
-                                        frame: Oe,
-                                        direction: te.dir(),
-                                        children: m(J.id)
-                                      }
-                                    ) : null,
-                                    /* @__PURE__ */ l(Et, { children: (o ?? []).map((s) => {
-                                      const b = i != null && i === s.id, C = p != null && p === s.id, R = P("mapView.markerLabel", {
-                                        label: s.label ?? s.id
-                                      });
-                                      return E ? /* @__PURE__ */ l(
-                                        vt,
-                                        {
-                                          marker: s,
-                                          label: R,
-                                          isSelected: b,
-                                          isHovered: C,
-                                          onSelect: $,
-                                          onHover: c
-                                        },
-                                        s.id
-                                      ) : /* @__PURE__ */ l(
-                                        He,
-                                        {
-                                          position: s.position,
-                                          title: R,
-                                          zIndex: C ? 1e3 : b ? 500 : void 0,
-                                          onClick: () => $(s.id),
-                                          onMouseOver: c ? () => c(s.id, !0, "pointer") : void 0,
-                                          onMouseOut: c ? () => c(s.id, !1, "pointer") : void 0
-                                        },
-                                        s.id
-                                      );
-                                    }) })
-                                  ]
-                                }
-                              )
-                            }
-                          )
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ) : I ? /* @__PURE__ */ l(
-              xt,
-              {
-                preview: I,
-                onLoadMap: pe,
-                consentCta: y,
-                onImageError: H,
-                description: w ?? P("mapView.consentDescription"),
-                openInGoogleMapsHref: U,
-                onUnmount: ue
-              }
-            ) : /* @__PURE__ */ l(
-              ye,
-              {
-                address: n,
-                contentLang: h,
-                description: w ?? P("mapView.consentDescription"),
-                onLoadMap: pe,
-                consentCta: y,
-                openInGoogleMapsHref: U,
-                onUnmount: ue
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-Lt.displayName = "MapView";
-export {
-  Lt as M,
-  fe as i
-};
-//# sourceMappingURL=map-view-Frj8vE7n.js.map