@alfadocs/ui-kit 0.11.0 → 0.13.0

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

@@ -0,0 +1,1941 @@
+import { jsx as R, jsxs as ae } from "react/jsx-runtime";
+import * as Re from "react";
+import T, { useMemo as I, useContext as B, useEffect as E, useLayoutEffect as Y, forwardRef as U, useImperativeHandle as H, useState as N, useReducer as je, useCallback as le, useRef as F, Children as be, createContext as Xe, useId as Qe } from "react";
+import { c as ee } from "./index-D2ZczOXr.js";
+import { useTranslation as ze } from "react-i18next";
+import { createPortal as ce } from "react-dom";
+import { g as en } from "./_commonjsHelpers-C6fGbg64.js";
+import { B as nn } from "./button-DD_0Xdmr.js";
+import { u as tn } from "./registry-C9nwlNyL.js";
+import { M as on } from "./map-pin-B8STOPMJ.js";
+import { E as rn } from "./external-link-C6F25E6k.js";
+var ue, Le;
+function an() {
+  return Le || (Le = 1, ue = function e(n, t) {
+    if (n === t) return !0;
+    if (n && t && typeof n == "object" && typeof t == "object") {
+      if (n.constructor !== t.constructor) return !1;
+      var o, r, a;
+      if (Array.isArray(n)) {
+        if (o = n.length, o != t.length) return !1;
+        for (r = o; r-- !== 0; )
+          if (!e(n[r], t[r])) return !1;
+        return !0;
+      }
+      if (n.constructor === RegExp) return n.source === t.source && n.flags === t.flags;
+      if (n.valueOf !== Object.prototype.valueOf) return n.valueOf() === t.valueOf();
+      if (n.toString !== Object.prototype.toString) return n.toString() === t.toString();
+      if (a = Object.keys(n), o = a.length, o !== Object.keys(t).length) return !1;
+      for (r = o; r-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, a[r])) return !1;
+      for (r = o; r-- !== 0; ) {
+        var i = a[r];
+        if (!e(n[i], t[i])) return !1;
+      }
+      return !0;
+    }
+    return n !== n && t !== t;
+  }), ue;
+}
+var sn = an();
+const ne = /* @__PURE__ */ en(sn), ln = "1.8.3";
+function j(e, n) {
+  var t = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, o = Object.getOwnPropertySymbols(e); r < o.length; r++)
+      n.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (t[o[r]] = e[o[r]]);
+  return t;
+}
+function De(e, n, t, o) {
+  function r(a) {
+    return a instanceof t ? a : new t(function(i) {
+      i(a);
+    });
+  }
+  return new (t || (t = Promise))(function(a, i) {
+    function s(l) {
+      try {
+        c(o.next(l));
+      } catch (f) {
+        i(f);
+      }
+    }
+    function g(l) {
+      try {
+        c(o.throw(l));
+      } catch (f) {
+        i(f);
+      }
+    }
+    function c(l) {
+      l.done ? a(l.value) : r(l.value).then(s, g);
+    }
+    c((o = o.apply(e, [])).next());
+  });
+}
+function cn(e, n) {
+  e.src = n;
+}
+const dn = (e) => {
+  var n, t, o, r = "The Google Maps JavaScript API", a = "google", i = "importLibrary", s = "__ib__", g = document, c = window, l = c[a] || (c[a] = {}), f = l.maps || (l.maps = {}), m = /* @__PURE__ */ new Set(), u = new URLSearchParams(), h = () => n || (n = new Promise(async (y, d) => {
+    var p;
+    await (t = g.createElement("script")), u.set("libraries", [...m] + "");
+    for (o in e)
+      u.set(o.replace(/[A-Z]/g, (b) => "_" + b[0].toLowerCase()), e[o]);
+    u.set("callback", a + ".maps." + s), cn(t, "https://maps.googleapis.com/maps/api/js?" + u), f[s] = y, t.onerror = () => n = d(Error(r + " could not load.")), t.nonce = ((p = g.querySelector("script[nonce]")) == null ? void 0 : p.nonce) || "", g.head.append(t);
+  }));
+  f[i] ? console.warn(r + " only loads once. Ignoring:", e) : f[i] = (y, ...d) => m.add(y) && h().then(() => f[i](y, ...d));
+}, un = (e) => `The setOptions() function should only be called once. The options passed to the additional call (${JSON.stringify(e)}) will be ignored.`, gn = (e) => `The google.maps.importLibrary() function is already defined, and @googlemaps/js-api-loader will use the existing function instead of overwriting it. The options passed to setOptions (${JSON.stringify(e)}) will be ignored.`, fn = "No options were set before calling importLibrary. Make sure to configure the loader using setOptions().", mn = "There already is a script loading the Google Maps JavaScript API, and no google.maps.importLibrary function is defined. @googlemaps/js-api-loader will proceed to bootstrap the API with the specified options, but the existing script might cause problems using the API. Make sure to remove the script loading the API.", Be = process.env.NODE_ENV !== "production", Ee = Be ? (e) => {
+  console.warn(`[@googlemaps/js-api-loader] ${e}`);
+} : () => {
+}, pn = Be ? (e) => {
+  console.info(`[@googlemaps/js-api-loader] ${e}`);
+} : () => {
+}, hn = process.env.NODE_ENV !== "production";
+let me = !1;
+function vn(e) {
+  if (me) {
+    Ee(un(e));
+    return;
+  }
+  bn(e), me = !0;
+}
+async function yn(e) {
+  var n, t;
+  if (me || Ee(fn), !((t = (n = window == null ? void 0 : window.google) == null ? void 0 : n.maps) != null && t.importLibrary))
+    throw new Error("google.maps.importLibrary is not installed.");
+  return await google.maps.importLibrary(e);
+}
+function bn(e) {
+  var t, o;
+  const n = !!((o = (t = window.google) == null ? void 0 : t.maps) != null && o.importLibrary);
+  n ? pn(gn(e)) : hn && document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]') && Ee(mn), n || dn(e);
+}
+const z = {
+  NOT_LOADED: "NOT_LOADED",
+  LOADING: "LOADING",
+  LOADED: "LOADED",
+  FAILED: "FAILED",
+  AUTH_FAILURE: "AUTH_FAILURE"
+}, En = "GMP_visgl_rgmlibrary_v1_default", Cn = [
+  `gmp_visgl_reactgooglemaps_v${ln}`
+], X = T.createContext(null);
+let V = z.NOT_LOADED, oe;
+const pe = /* @__PURE__ */ new Set();
+function re(e) {
+  e !== V && (V = e, pe.forEach((n) => n(V)));
+}
+function On() {
+  const [e, n] = N({});
+  return { mapInstances: e, addMapInstance: (a, i = "default") => {
+    n((s) => Object.assign(Object.assign({}, s), { [i]: a }));
+  }, removeMapInstance: (a = "default") => {
+    n((i) => {
+      var s = a;
+      i[s];
+      var g = j(i, [typeof s == "symbol" ? s : s + ""]);
+      return g;
+    });
+  }, clearMapInstances: () => {
+    n({});
+  } };
+}
+function Mn() {
+  const [e, n] = N({});
+  return {
+    map3dInstances: e,
+    addMap3DInstance: (a, i = "default") => {
+      n((s) => Object.assign(Object.assign({}, s), { [i]: a }));
+    },
+    removeMap3DInstance: (a = "default") => {
+      n((i) => {
+        var s = a;
+        i[s];
+        var g = j(i, [typeof s == "symbol" ? s : s + ""]);
+        return g;
+      });
+    },
+    clearMap3DInstances: () => {
+      n({});
+    }
+  };
+}
+function Pn(e) {
+  const { onLoad: n, onError: t, apiKey: o, version: r, libraries: a = [], region: i, language: s, authReferrerPolicy: g, channel: c, solutionChannel: l, fetchAppCheckToken: f } = e, [m, u] = N(V), [h, y] = je((b, C) => b[C.name] ? b : Object.assign(Object.assign({}, b), { [C.name]: C.value }), {}), d = I(() => {
+    const b = {
+      apiKey: o,
+      version: r,
+      libraries: a.join(","),
+      region: i,
+      language: s,
+      authReferrerPolicy: g,
+      channel: c,
+      solutionChannel: l
+    };
+    return JSON.stringify(b);
+  }, [
+    o,
+    r,
+    a,
+    i,
+    s,
+    g,
+    c,
+    l
+  ]), p = le((b) => De(this, void 0, void 0, function* () {
+    if (h[b])
+      return h[b];
+    const C = yield yn(b);
+    return y({ name: b, value: C }), C;
+  }), [h]);
+  return E(() => (pe.add(u), u(V), () => {
+    pe.delete(u);
+  }), []), E(
+    () => {
+      De(this, void 0, void 0, function* () {
+        var b, C;
+        try {
+          oe && oe !== d && console.warn("The Google Maps JavaScript API has already been loaded with different parameters. The new parameters will be ignored. If you need to use different parameters, please refresh the page.");
+          const w = ["core", "maps", ...a];
+          if (!((C = (b = window.google) === null || b === void 0 ? void 0 : b.maps) === null || C === void 0) && C.importLibrary) {
+            oe || re(z.LOADED), yield Promise.all(w.map((v) => p(v))), n && n();
+            return;
+          }
+          if (V === z.LOADING || V === z.LOADED) {
+            V === z.LOADED && n && n();
+            return;
+          }
+          oe = d, re(z.LOADING);
+          const A = Object.fromEntries(Object.entries({
+            key: o,
+            v: r,
+            libraries: a,
+            region: i,
+            language: s,
+            authReferrerPolicy: g
+          }).filter(([, v]) => v !== void 0));
+          c !== void 0 && c >= 0 && c <= 999 && (A.channel = String(c)), l === void 0 ? A.solutionChannel = En : l !== "" && (A.solutionChannel = l), vn(A), yield Promise.all(w.map((v) => p(v))), re(z.LOADED), n && n();
+        } catch (w) {
+          re(z.FAILED), t ? t(w) : console.error("The Google Maps JavaScript API failed to load.", w);
+        }
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [d, n, t, p, a]
+  ), E(() => {
+    if (m !== z.LOADED)
+      return;
+    const b = google.maps.Settings.getInstance();
+    f ? b.fetchAppCheckToken = f : b.fetchAppCheckToken && (b.fetchAppCheckToken = null);
+  }, [m, f]), {
+    status: m,
+    loadedLibraries: h,
+    importLibrary: p
+  };
+}
+function wn(e) {
+  return I(() => e.disableUsageAttribution ? null : Cn, [e.disableUsageAttribution]);
+}
+const An = (e) => {
+  const { children: n } = e, t = j(e, ["children"]), { mapInstances: o, addMapInstance: r, removeMapInstance: a, clearMapInstances: i } = On(), { map3dInstances: s, addMap3DInstance: g, removeMap3DInstance: c, clearMap3DInstances: l } = Mn(), { status: f, loadedLibraries: m, importLibrary: u } = Pn(t), h = wn(t), y = I(() => ({
+    mapInstances: o,
+    addMapInstance: r,
+    removeMapInstance: a,
+    clearMapInstances: i,
+    map3dInstances: s,
+    addMap3DInstance: g,
+    removeMap3DInstance: c,
+    clearMap3DInstances: l,
+    status: f,
+    loadedLibraries: m,
+    importLibrary: u,
+    internalUsageAttributionIds: h
+  }), [
+    o,
+    r,
+    a,
+    i,
+    s,
+    g,
+    c,
+    l,
+    f,
+    m,
+    u,
+    h
+  ]);
+  return T.createElement(X.Provider, { value: y }, n);
+};
+function Tn(e, n) {
+  for (const t of kn) {
+    const o = n[t], r = Fe[t];
+    E(() => {
+      if (!e || !o)
+        return;
+      const a = google.maps.event.addListener(e, r, (i) => {
+        o(Ln(r, e, i));
+      });
+      return () => a.remove();
+    }, [e, r, o]);
+  }
+}
+function Ln(e, n, t) {
+  var o;
+  const r = {
+    type: e,
+    map: n,
+    detail: {},
+    stoppable: !1,
+    stop: () => {
+    }
+  };
+  if (Dn.includes(e)) {
+    const a = r, i = n.getCenter(), s = n.getZoom(), g = n.getHeading() || 0, c = n.getTilt() || 0, l = n.getBounds();
+    return (!i || !l || !Number.isFinite(s)) && console.warn("[createEvent] at least one of the values from the map returned undefined. This is not expected to happen. Please report an issue at https://github.com/visgl/react-google-maps/issues/new"), a.detail = {
+      center: (i == null ? void 0 : i.toJSON()) || { lat: 0, lng: 0 },
+      zoom: s || 0,
+      heading: g,
+      tilt: c,
+      bounds: (l == null ? void 0 : l.toJSON()) || {
+        north: 90,
+        east: 180,
+        south: -90,
+        west: -180
+      }
+    }, a;
+  } else if (Sn.includes(e)) {
+    if (!t)
+      throw new Error("[createEvent] mouse events must provide a srcEvent");
+    const a = r;
+    return a.domEvent = t.domEvent, a.stoppable = !0, a.stop = () => t.stop(), a.detail = {
+      latLng: ((o = t.latLng) === null || o === void 0 ? void 0 : o.toJSON()) || null,
+      placeId: t.placeId
+    }, a;
+  }
+  return r;
+}
+const Fe = {
+  onBoundsChanged: "bounds_changed",
+  onCenterChanged: "center_changed",
+  onClick: "click",
+  onContextmenu: "contextmenu",
+  onDblclick: "dblclick",
+  onDrag: "drag",
+  onDragend: "dragend",
+  onDragstart: "dragstart",
+  onHeadingChanged: "heading_changed",
+  onIdle: "idle",
+  onIsFractionalZoomEnabledChanged: "isfractionalzoomenabled_changed",
+  onMapCapabilitiesChanged: "mapcapabilities_changed",
+  onMapTypeIdChanged: "maptypeid_changed",
+  onMousemove: "mousemove",
+  onMouseout: "mouseout",
+  onMouseover: "mouseover",
+  onProjectionChanged: "projection_changed",
+  onRenderingTypeChanged: "renderingtype_changed",
+  onTilesLoaded: "tilesloaded",
+  onTiltChanged: "tilt_changed",
+  onZoomChanged: "zoom_changed",
+  // note: onCameraChanged is an alias for the bounds_changed event,
+  // since that is going to be fired in every situation where the camera is
+  // updated.
+  onCameraChanged: "bounds_changed"
+}, Dn = [
+  "bounds_changed",
+  "center_changed",
+  "heading_changed",
+  "tilt_changed",
+  "zoom_changed"
+], Sn = [
+  "click",
+  "contextmenu",
+  "dblclick",
+  "mousemove",
+  "mouseout",
+  "mouseover"
+], kn = Object.keys(Fe);
+function te(e, n) {
+  const t = F(e);
+  return n(e, t.current) || (t.current = e), t.current;
+}
+function _n(e, n, t) {
+  E(e, [te(n, t)]);
+}
+function Ue(e, n) {
+  _n(e, n, ne);
+}
+const In = /* @__PURE__ */ new Set([
+  "backgroundColor",
+  "clickableIcons",
+  "controlSize",
+  "disableDefaultUI",
+  "disableDoubleClickZoom",
+  "draggable",
+  "draggableCursor",
+  "draggingCursor",
+  "fullscreenControl",
+  "fullscreenControlOptions",
+  "gestureHandling",
+  "headingInteractionEnabled",
+  "isFractionalZoomEnabled",
+  "keyboardShortcuts",
+  "mapTypeControl",
+  "mapTypeControlOptions",
+  "mapTypeId",
+  "maxZoom",
+  "minZoom",
+  "noClear",
+  "panControl",
+  "panControlOptions",
+  "restriction",
+  "rotateControl",
+  "rotateControlOptions",
+  "scaleControl",
+  "scaleControlOptions",
+  "scrollwheel",
+  "streetView",
+  "streetViewControl",
+  "streetViewControlOptions",
+  "styles",
+  "tiltInteractionEnabled",
+  "zoomControl",
+  "zoomControlOptions"
+]);
+function Nn(e, n) {
+  const t = {}, o = Object.keys(n);
+  for (const r of o)
+    In.has(r) && (t[r] = n[r]);
+  Ue(() => {
+    e && e.setOptions(t);
+  }, [t]);
+}
+function He() {
+  var e;
+  return ((e = B(X)) === null || e === void 0 ? void 0 : e.status) || z.NOT_LOADED;
+}
+function xn(e, n) {
+  const { viewport: t, viewState: o } = n, r = !!t;
+  return Y(() => {
+    if (!e || !o)
+      return;
+    const { latitude: a, longitude: i, bearing: s, pitch: g, zoom: c } = o;
+    e.moveCamera({
+      center: { lat: a, lng: i },
+      heading: s,
+      tilt: g,
+      zoom: c + 1
+    });
+  }, [e, o]), r;
+}
+function Rn(e) {
+  return !e || typeof e != "object" || !("lat" in e && "lng" in e) ? !1 : Number.isFinite(e.lat) && Number.isFinite(e.lng);
+}
+function Ve(e, n) {
+  if (!e || !n)
+    return !1;
+  const t = se(e), o = se(n);
+  return !(t.lat !== o.lat || t.lng !== o.lng);
+}
+function se(e) {
+  return Rn(e) ? e : e.toJSON();
+}
+function Se(e) {
+  if ("north" in e && "south" in e && "east" in e && "west" in e)
+    return e;
+  const n = e.getNorthEast().toJSON(), t = e.getSouthWest().toJSON();
+  return {
+    north: n.lat,
+    east: n.lng,
+    south: t.lat,
+    west: t.lng
+  };
+}
+function jn(e, n) {
+  if (!e || !n)
+    return !1;
+  const t = Se(e), o = Se(n);
+  return t.north === o.north && t.south === o.south && t.east === o.east && t.west === o.west;
+}
+function Ge(e, n) {
+  if (!e || !n)
+    return e === n;
+  const t = "getArray" in n ? n.getArray() : n;
+  if (e.length !== t.length)
+    return !1;
+  for (let o = 0; o < e.length; o++)
+    if (!Ve(e[o], t[o]))
+      return !1;
+  return !0;
+}
+function zn(e, n) {
+  if (!e || !n)
+    return e === n;
+  const t = "getArray" in n ? n.getArray().map((o) => o.getArray()) : n;
+  if (e.length !== t.length)
+    return !1;
+  for (let o = 0; o < e.length; o++)
+    if (!Ge(e[o], t[o]))
+      return !1;
+  return !0;
+}
+function Bn(e, n, t) {
+  const o = t.center ? se(t.center) : null;
+  let r = null, a = null;
+  o && Number.isFinite(o.lat) && Number.isFinite(o.lng) && (r = o.lat, a = o.lng);
+  const i = Number.isFinite(t.zoom) ? t.zoom : null, s = Number.isFinite(t.heading) ? t.heading : null, g = Number.isFinite(t.tilt) ? t.tilt : null;
+  Y(() => {
+    if (!e)
+      return;
+    const c = {};
+    let l = !1;
+    r !== null && a !== null && (n.current.center.lat !== r || n.current.center.lng !== a) && (c.center = { lat: r, lng: a }, l = !0), i !== null && n.current.zoom !== i && (c.zoom = i, l = !0), s !== null && n.current.heading !== s && (c.heading = s, l = !0), g !== null && n.current.tilt !== g && (c.tilt = g, l = !0), l && e.moveCamera(c);
+  });
+}
+const Fn = () => {
+  const e = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+    zIndex: 999,
+    display: "flex",
+    flexFlow: "column nowrap",
+    textAlign: "center",
+    justifyContent: "center",
+    fontSize: ".8rem",
+    color: "rgba(0,0,0,0.6)",
+    background: "#dddddd",
+    padding: "1rem 1.5rem"
+  };
+  return T.createElement(
+    "div",
+    { style: e },
+    T.createElement("h2", null, "Error: AuthFailure"),
+    T.createElement(
+      "p",
+      null,
+      "A problem with your API key prevents the map from rendering correctly. Please make sure the value of the ",
+      T.createElement("code", null, "APIProvider.apiKey"),
+      " prop is correct. Check the error-message in the console for further details."
+    )
+  );
+};
+function he() {
+  const [e, n] = N(null), t = le((o) => n(o), [n]);
+  return [e, t];
+}
+function Je() {
+  return He() === z.LOADED;
+}
+function Ze() {
+  const [, e] = je((n) => n + 1, 0);
+  return e;
+}
+function Un(e, n) {
+  const t = e.getCenter(), o = e.getZoom(), r = e.getHeading() || 0, a = e.getTilt() || 0, i = e.getBounds();
+  (!t || !i || !Number.isFinite(o)) && console.warn("[useTrackedCameraState] at least one of the values from the map returned undefined. This is not expected to happen. Please report an issue at https://github.com/visgl/react-google-maps/issues/new"), Object.assign(n.current, {
+    center: (t == null ? void 0 : t.toJSON()) || { lat: 0, lng: 0 },
+    zoom: o || 0,
+    heading: r,
+    tilt: a
+  });
+}
+function Hn(e) {
+  const n = Ze(), t = F({
+    center: { lat: 0, lng: 0 },
+    heading: 0,
+    tilt: 0,
+    zoom: 0
+  });
+  return E(() => {
+    if (!e)
+      return;
+    const o = google.maps.event.addListener(e, "bounds_changed", () => {
+      Un(e, t), n();
+    });
+    return () => o.remove();
+  }, [e, n]), t;
+}
+class ie {
+  static has(n) {
+    return this.entries[n] && this.entries[n].length > 0;
+  }
+  static pop(n) {
+    return this.entries[n] && this.entries[n].pop() || null;
+  }
+  static push(n, t) {
+    this.entries[n] || (this.entries[n] = []), this.entries[n].push(t);
+  }
+}
+ie.entries = {};
+function Vn(e, n) {
+  const t = Je(), [o, r] = N(null), [a, i] = he(), s = Hn(o), { id: g, defaultBounds: c, defaultCenter: l, defaultZoom: f, defaultHeading: m, defaultTilt: u, reuseMaps: h, renderingType: y, colorScheme: d } = e, p = j(e, ["id", "defaultBounds", "defaultCenter", "defaultZoom", "defaultHeading", "defaultTilt", "reuseMaps", "renderingType", "colorScheme"]), b = e.zoom !== void 0 || e.defaultZoom !== void 0, C = e.center !== void 0 || e.defaultCenter !== void 0;
+  !c && (!b || !C) && console.warn("<Map> component is missing configuration. You have to provide zoom and center (via the `zoom`/`defaultZoom` and `center`/`defaultCenter` props) or specify the region to show using `defaultBounds`. See https://visgl.github.io/react-google-maps/docs/api-reference/components/map#required"), !p.center && l && (p.center = l), !p.zoom && Number.isFinite(f) && (p.zoom = f), !p.heading && Number.isFinite(m) && (p.heading = m), !p.tilt && Number.isFinite(u) && (p.tilt = u);
+  const w = p.internalUsageAttributionIds;
+  w == null ? p.internalUsageAttributionIds = n.internalUsageAttributionIds : p.internalUsageAttributionIds = [
+    ...n.internalUsageAttributionIds || [],
+    ...w
+  ];
+  for (const v of Object.keys(p))
+    p[v] === void 0 && delete p[v];
+  const A = F(void 0);
+  return E(
+    () => {
+      if (!a || !t)
+        return;
+      const { addMapInstance: v, removeMapInstance: O } = n, { mapId: L } = e, S = `${L || "default"}:${y || "default"}:${d || "LIGHT"}`;
+      let M, x;
+      if (h && ie.has(S) ? (x = ie.pop(S), M = x.getDiv(), a.appendChild(M), x.setOptions(p), setTimeout(() => x.moveCamera({}), 0)) : (M = document.createElement("div"), M.style.height = "100%", a.appendChild(M), x = new google.maps.Map(M, Object.assign(Object.assign(Object.assign({}, p), y ? { renderingType: y } : {}), d ? { colorScheme: d } : {}))), r(x), v(x, g), c) {
+        const { padding: $ } = c, P = j(c, ["padding"]);
+        x.fitBounds(P, $);
+      } else (!b || !C) && x.fitBounds({ east: 180, west: -180, south: -90, north: 90 });
+      if (A.current) {
+        const { mapId: $, cameraState: P } = A.current;
+        $ !== L && x.moveCamera(P);
+      }
+      return () => {
+        A.current = {
+          mapId: L,
+          // eslint-disable-next-line react-hooks/exhaustive-deps
+          cameraState: s.current
+        }, M.remove(), h ? ie.push(S, x) : google.maps.event.clearInstanceListeners(x), r(null), O(g);
+      };
+    },
+    // some dependencies are ignored in the list below:
+    //  - defaultBounds and the default* camera props will only be used once, and
+    //    changes should be ignored
+    //  - mapOptions has special hooks that take care of updating the options
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      a,
+      t,
+      g,
+      // these props can't be changed after initialization and require a new
+      // instance to be created
+      e.mapId,
+      e.renderingType,
+      e.colorScheme
+    ]
+  ), [o, i, s];
+}
+const $e = T.createContext(null), qe = (e) => {
+  const { children: n, id: t, className: o, style: r } = e, a = B(X), i = He();
+  if (!a)
+    throw new Error("<Map> can only be used inside an <ApiProvider> component.");
+  const [s, g, c] = Vn(e, a);
+  Bn(s, c, e), Tn(s, e), Nn(s, e);
+  const l = xn(s, e), f = !!e.controlled;
+  E(() => {
+    if (s)
+      return l && s.setOptions({ disableDefaultUI: !0 }), (l || f) && s.setOptions({
+        gestureHandling: "none",
+        keyboardShortcuts: !1
+      }), () => {
+        s.setOptions({
+          gestureHandling: e.gestureHandling,
+          keyboardShortcuts: e.keyboardShortcuts
+        });
+      };
+  }, [
+    s,
+    l,
+    f,
+    e.gestureHandling,
+    e.keyboardShortcuts
+  ]);
+  const m = e.center ? se(e.center) : null;
+  let u = null, h = null;
+  m && Number.isFinite(m.lat) && Number.isFinite(m.lng) && (u = m.lat, h = m.lng);
+  const y = I(() => {
+    var b, C, w;
+    return {
+      center: { lat: u ?? 0, lng: h ?? 0 },
+      zoom: (b = e.zoom) !== null && b !== void 0 ? b : 0,
+      heading: (C = e.heading) !== null && C !== void 0 ? C : 0,
+      tilt: (w = e.tilt) !== null && w !== void 0 ? w : 0
+    };
+  }, [u, h, e.zoom, e.heading, e.tilt]);
+  Y(() => {
+    if (!s || !f)
+      return;
+    s.moveCamera(y);
+    const b = s.addListener("bounds_changed", () => {
+      s.moveCamera(y);
+    });
+    return () => b.remove();
+  }, [s, f, y]);
+  const d = I(() => Object.assign({
+    width: "100%",
+    height: "100%",
+    position: "relative",
+    // when using deckgl, the map should be sent to the back
+    zIndex: l ? -1 : 0
+  }, r), [r, l]), p = I(() => ({ map: s }), [s]);
+  return i === z.AUTH_FAILURE ? T.createElement(
+    "div",
+    { style: Object.assign({ position: "relative" }, o ? {} : d), className: o },
+    T.createElement(Fn, null)
+  ) : T.createElement("div", Object.assign({ ref: g, "data-testid": "map", style: o ? void 0 : d, className: o }, t ? { id: t } : {}), s ? T.createElement($e.Provider, { value: p }, n) : null);
+};
+qe.deckGLViewProps = !0;
+const ke = /* @__PURE__ */ new Set();
+function Q(...e) {
+  const n = JSON.stringify(e);
+  ke.has(n) || (ke.add(n), console.error(...e));
+}
+const J = (e = null) => {
+  const n = B(X), { map: t } = B($e) || {};
+  if (n === null)
+    return Q("useMap(): failed to retrieve APIProviderContext. Make sure that the <APIProvider> component exists and that the component you are calling `useMap()` from is a sibling of the <APIProvider>."), null;
+  const { mapInstances: o } = n;
+  return e !== null ? o[e] || null : t || o.default || null;
+};
+function Z(e) {
+  const n = Je(), t = B(X);
+  return E(() => {
+    !n || !t || t.importLibrary(e);
+  }, [n, t, e]), (t == null ? void 0 : t.loadedLibraries[e]) || null;
+}
+var ge;
+const { useLayoutEffect: Gn, useRef: Jn } = Re, Zn = (ge = Re.useInsertionEffect) !== null && ge !== void 0 ? ge : Gn;
+function $n() {
+  throw new Error("useEffectEvent: invalid call during rendering.");
+}
+function qn(e) {
+  const n = Jn($n);
+  return Zn(() => {
+    n.current = e;
+  }, [e]), ((...t) => n.current(...t));
+}
+const We = qn, Wn = () => {
+};
+function D(e, n, t) {
+  const o = We(t ?? Wn), r = !!t;
+  E(() => {
+    if (!e || !n || !r)
+      return;
+    const a = google.maps.event.addListener(e, n, o);
+    return () => a.remove();
+  }, [e, n, r]);
+}
+function _(e, n, t) {
+  E(() => {
+    e && (e[n] = t);
+  }, [e, n, t]);
+}
+const Kn = () => {
+};
+function ve(e, n, t) {
+  const o = We(t ?? Kn), r = !!t;
+  E(() => {
+    if (!e || !n || !r)
+      return;
+    const a = o;
+    return e.addEventListener(n, a), () => e.removeEventListener(n, a);
+  }, [e, n, r]);
+}
+class Yn {
+  constructor() {
+    this.renderedStyles = /* @__PURE__ */ new Set(), this.styleElement = null;
+  }
+  getStyleElement() {
+    return this.styleElement || (this.styleElement = document.createElement("style"), this.styleElement.setAttribute("data-rgm-anchor-styles", ""), document.head.appendChild(this.styleElement)), this.styleElement;
+  }
+  addAdvancedMarkerPointerEventsOverwrite() {
+    if (this.renderedStyles.has("marker-pointer-events"))
+      return;
+    const n = this.getStyleElement();
+    n.textContent += `
+      gmp-advanced-marker[data-origin='rgm'] {
+        pointer-events: none !important;
+      }
+    `, this.renderedStyles.add("marker-pointer-events");
+  }
+  cleanup() {
+    this.styleElement && (this.styleElement.remove(), this.styleElement = null, this.renderedStyles.clear());
+  }
+}
+const Xn = new Yn();
+function Qn(e, n) {
+  var t;
+  if (!(!((t = google == null ? void 0 : google.maps) === null || t === void 0) && t.version))
+    return;
+  const o = google.maps.version.split("."), r = parseInt(o[0], 10), a = parseInt(o[1], 10);
+  return r > e || r === e && a >= n;
+}
+const Ce = T.createContext(null), et = {
+  BOTTOM: ["50%", "100%"]
+}, Ke = U((e, n) => {
+  const { children: t, style: o, className: r, anchorPoint: a } = e, [i, s] = tt(e), g = I(() => i ? { marker: i } : null, [i]);
+  return H(n, () => i, [i]), s ? T.createElement(Ce.Provider, { value: g }, ce(T.createElement(nt, { anchorPoint: a, styles: o, className: r }, t), s)) : null;
+});
+Ke.displayName = "AdvancedMarker";
+function ye(e) {
+  return e.nodeType === Node.ELEMENT_NODE;
+}
+const nt = ({ children: e, styles: n, className: t }) => T.createElement("div", { className: t, style: n }, e);
+function tt(e) {
+  const [n, t] = N(null), [o, r] = N(null), a = J(), i = Z("marker"), { children: s, onClick: g, className: c, onMouseEnter: l, onMouseLeave: f, onDrag: m, onDragStart: u, onDragEnd: h, collisionBehavior: y, clickable: d, draggable: p, position: b, title: C, zIndex: w, anchorPoint: A, anchorLeft: v, anchorTop: O } = e, L = be.count(s);
+  return E(() => {
+    if (!a || !i)
+      return;
+    const S = new i.AdvancedMarkerElement();
+    S.map = a, t(S);
+    let M = null;
+    return L > 0 && (M = document.createElement("div"), S.content = M, r(M)), () => {
+      S.map = null, M == null || M.remove(), t(null), r(null);
+    };
+  }, [a, i, L]), E(() => {
+    !(n != null && n.content) || !ye(n.content) || L > 0 || (n.content.className = c ?? "");
+  }, [n, c, L]), ot(n, A, v, O, L > 0), _(n, "position", b), _(n, "title", C ?? ""), _(n, "zIndex", w), _(n, "collisionBehavior", y), E(() => {
+    n && (p !== void 0 ? n.gmpDraggable = p : m || u || h ? n.gmpDraggable = !0 : n.gmpDraggable = !1);
+  }, [n, p, m, h, u]), E(() => {
+    if (!n)
+      return;
+    const S = d !== void 0 ? d : !!g || !!l || !!f;
+    n.gmpClickable = S, S && (n != null && n.content) && ye(n.content) && (n.content.style.pointerEvents = "all", g && (n.content.style.cursor = "pointer"));
+  }, [n, d, g, l, f]), D(n, "click", g), D(n, "drag", m), D(n, "dragstart", u), D(n, "dragend", h), ve(n == null ? void 0 : n.element, "mouseenter", l), ve(n == null ? void 0 : n.element, "mouseleave", f), [n, o];
+}
+function ot(e, n, t, o, r) {
+  E(() => {
+    if (!e || !r)
+      return;
+    const a = Qn(3, 62), i = e.content;
+    if (!(!i || !ye(i))) {
+      if (t !== void 0 || o !== void 0) {
+        a || console.warn(`AdvancedMarker: The anchorLeft and anchorTop props are only supported in Google Maps API version 3.62 and above. The current version is ${google.maps.version}.`), e.anchorLeft = t, e.anchorTop = o, n !== void 0 && console.warn("AdvancedMarker: the anchorPoint prop is ignored when anchorLeft and/or anchorTop are set.");
+        return;
+      }
+      if (n !== void 0) {
+        const [s, g] = n ?? et.BOTTOM, c = `calc(-1 * ${s})`, l = `calc(-1 * ${g})`;
+        a ? (e.anchorLeft = c, e.anchorTop = l, i.style.transform = "") : (i.style.transform = `translate(50%, 100%) translate(${c}, ${l})`, e.dataset.origin = "rgm", Xn.addAdvancedMarkerPointerEventsOverwrite());
+      }
+    }
+  }, [e, n, t, o, r]);
+}
+function rt(e) {
+  var n, t, o;
+  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onRadiusChanged: l, onCenterChanged: f, center: m, defaultCenter: u, radius: h, defaultRadius: y } = e, d = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onRadiusChanged", "onCenterChanged", "center", "defaultCenter", "radius", "defaultRadius"]), [p, b] = N(null), C = J(), w = te(Object.assign(Object.assign({}, d), { clickable: (n = d.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = d.draggable) !== null && t !== void 0 ? t : !!(a || i || s || f), editable: (o = d.editable) !== null && o !== void 0 ? o : !!l }), ne);
+  return E(() => {
+    if (!C) {
+      C === void 0 && console.error("<Circle> has to be inside a Map component.");
+      return;
+    }
+    const A = new google.maps.Circle(Object.assign(Object.assign({}, w), { center: m ?? u, radius: h ?? y }));
+    return A.setMap(C), b(A), () => {
+      A.setMap(null), b(null);
+    };
+  }, [C]), D(p, "click", r), D(p, "drag", a), D(p, "dragstart", i), D(p, "dragend", s), D(p, "mouseover", g), D(p, "mouseout", c), D(p, "radius_changed", l ? () => {
+    const A = p == null ? void 0 : p.getRadius();
+    A !== void 0 && l(A);
+  } : null), D(p, "center_changed", f ? () => {
+    f(p == null ? void 0 : p.getCenter());
+  } : null), E(() => {
+    p && p.setOptions(w);
+  }, [p, w]), E(() => {
+    !p || !m || Ve(m, p.getCenter()) || p.setCenter(m);
+  }, [p, m]), E(() => {
+    !p || h === void 0 || h !== p.getRadius() && p.setRadius(h);
+  }, [p, h]), p;
+}
+const at = U((e, n) => {
+  const t = rt(e);
+  return H(n, () => t, [t]), T.createElement(T.Fragment, null);
+});
+at.displayName = "Circle";
+function it(e, n, t) {
+  if (n != null && typeof n != "object")
+    throw new Error("The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX.");
+  const o = e.style;
+  if (t == null) {
+    if (n == null)
+      return;
+    for (const r in n)
+      n.hasOwnProperty(r) && _e(o, r, n[r]);
+    return;
+  }
+  for (const r in t)
+    t.hasOwnProperty(r) && (n == null || !n.hasOwnProperty(r)) && (r.indexOf("--") === 0 ? o.setProperty(r, "") : r === "float" ? o.cssFloat = "" : o[r] = "");
+  if (n != null)
+    for (const r in n) {
+      const a = n[r];
+      n.hasOwnProperty(r) && t[r] !== a && _e(o, r, a);
+    }
+}
+function _e(e, n, t) {
+  const o = n.indexOf("--") === 0;
+  t == null || typeof t == "boolean" || t === "" ? o ? e.setProperty(n, "") : n === "float" ? e.cssFloat = "" : e[n] = "" : o ? e.setProperty(n, t) : typeof t == "number" && t !== 0 && !lt(n) ? e[n] = t + "px" : n === "float" ? e.cssFloat = t : e[n] = ("" + t).trim();
+}
+const st = /* @__PURE__ */ new Set([
+  "animationIterationCount",
+  "aspectRatio",
+  "borderImageOutset",
+  "borderImageSlice",
+  "borderImageWidth",
+  "boxFlex",
+  "boxFlexGroup",
+  "boxOrdinalGroup",
+  "columnCount",
+  "columns",
+  "flex",
+  "flexGrow",
+  "flexPositive",
+  "flexShrink",
+  "flexNegative",
+  "flexOrder",
+  "gridArea",
+  "gridRow",
+  "gridRowEnd",
+  "gridRowSpan",
+  "gridRowStart",
+  "gridColumn",
+  "gridColumnEnd",
+  "gridColumnSpan",
+  "gridColumnStart",
+  "fontWeight",
+  "lineClamp",
+  "lineHeight",
+  "opacity",
+  "order",
+  "orphans",
+  "scale",
+  "tabSize",
+  "widows",
+  "zIndex",
+  "zoom",
+  "fillOpacity",
+  // SVG-related properties
+  "floodOpacity",
+  "stopOpacity",
+  "strokeDasharray",
+  "strokeDashoffset",
+  "strokeMiterlimit",
+  "strokeOpacity",
+  "strokeWidth"
+]);
+function lt(e) {
+  return st.has(e);
+}
+function Ie(e) {
+  const n = e.getPaths(), t = [];
+  for (let o = 0; o < n.getLength(); o++)
+    t.push(n.getAt(o).getArray());
+  return t;
+}
+function ct(e) {
+  var n, t, o;
+  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onPathsChanged: l, polygon: f, encodedPaths: m, paths: u, defaultPaths: h } = e, y = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathsChanged", "polygon", "encodedPaths", "paths", "defaultPaths"]), [d, p] = N(null), b = J(), C = Z("geometry"), w = F(!1), A = te(Object.assign(Object.assign({}, y), { clickable: (n = y.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = y.draggable) !== null && t !== void 0 ? t : !!(a || i || s || l), editable: (o = y.editable) !== null && o !== void 0 ? o : !!l }), ne);
+  return E(() => {
+    if (!b) {
+      b === void 0 && console.error("<Polygon> has to be inside a Map component.");
+      return;
+    }
+    let v;
+    if (f) {
+      v = f;
+      const O = u ?? h;
+      O && Array.isArray(O) && v.setPaths(O), v.setOptions(A);
+    } else {
+      const O = u ?? h, L = Object.assign({}, A);
+      O && Array.isArray(O) && (L.paths = O), v = new google.maps.Polygon(L);
+    }
+    return v.setMap(b), p(v), () => {
+      v.setMap(null), p(null);
+    };
+  }, [b, f]), D(d, "click", r), D(d, "drag", a), D(d, "dragstart", i), D(d, "mouseover", g), D(d, "mouseout", c), D(d, "dragend", (v) => {
+    s == null || s(v), l && d && !w.current && l(Ie(d));
+  }), E(() => {
+    if (!d || !l)
+      return;
+    const v = [], O = d.getPaths();
+    if (typeof O.getLength != "function" || typeof O.getAt != "function")
+      return;
+    const L = () => {
+      w.current || l(Ie(d));
+    }, S = (M) => {
+      v.push(google.maps.event.addListener(M, "insert_at", L)), v.push(google.maps.event.addListener(M, "remove_at", L)), v.push(google.maps.event.addListener(M, "set_at", L));
+    };
+    for (let M = 0; M < O.getLength(); M++)
+      S(O.getAt(M));
+    return v.push(google.maps.event.addListener(O, "insert_at", (M) => {
+      S(O.getAt(M)), L();
+    })), v.push(google.maps.event.addListener(O, "set_at", (M) => {
+      S(O.getAt(M)), L();
+    })), v.push(google.maps.event.addListener(O, "remove_at", L)), () => {
+      v.forEach((M) => M.remove());
+    };
+  }, [
+    d,
+    l,
+    u,
+    m,
+    A.editable,
+    A.draggable
+  ]), E(() => {
+    d && d.setOptions(A);
+  }, [d, A]), E(() => {
+    if (!d || !u || !Array.isArray(u))
+      return;
+    const v = u[0], O = Array.isArray(v) ? u : [u], L = d.getPaths();
+    zn(O, L) || (w.current = !0, d.setPaths(u), w.current = !1);
+  }, [d, u]), E(() => {
+    if (!d || !m || !C)
+      return;
+    w.current = !0;
+    const v = m.map((O) => C.encoding.decodePath(O));
+    d.setPaths(v), w.current = !1;
+  }, [d, m, C]), d;
+}
+const dt = U((e, n) => {
+  const t = ct(e);
+  return H(n, () => t, [t]), T.createElement(T.Fragment, null);
+});
+dt.displayName = "Polygon";
+function ut(e) {
+  var n, t, o;
+  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onPathChanged: l, polyline: f, encodedPath: m, path: u, defaultPath: h } = e, y = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathChanged", "polyline", "encodedPath", "path", "defaultPath"]), [d, p] = N(null), b = J(), C = Z("geometry"), w = F(!1), A = te(Object.assign(Object.assign({}, y), { clickable: (n = y.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = y.draggable) !== null && t !== void 0 ? t : !!(a || i || s || l), editable: (o = y.editable) !== null && o !== void 0 ? o : !!l }), ne);
+  return E(() => {
+    if (!b) {
+      b === void 0 && console.error("<Polyline> has to be inside a Map component.");
+      return;
+    }
+    let v;
+    if (f) {
+      v = f;
+      const O = u ?? h;
+      O && Array.isArray(O) && v.setPath(O), v.setOptions(A);
+    } else {
+      const O = u ?? h, L = Object.assign({}, A);
+      O && Array.isArray(O) && (L.path = O), v = new google.maps.Polyline(L);
+    }
+    return v.setMap(b), p(v), () => {
+      v.setMap(null), p(null);
+    };
+  }, [b, f]), D(d, "click", r), D(d, "drag", a), D(d, "dragstart", i), D(d, "mouseover", g), D(d, "mouseout", c), D(d, "dragend", (v) => {
+    s == null || s(v), l && d && !w.current && l(d.getPath().getArray());
+  }), E(() => {
+    if (!d || !l)
+      return;
+    const v = d.getPath();
+    if (!v)
+      return;
+    const O = () => {
+      w.current || l(v.getArray());
+    }, L = [
+      google.maps.event.addListener(v, "insert_at", O),
+      google.maps.event.addListener(v, "remove_at", O),
+      google.maps.event.addListener(v, "set_at", O)
+    ];
+    return () => {
+      L.forEach((S) => S.remove());
+    };
+  }, [
+    d,
+    l,
+    u,
+    m,
+    A.editable,
+    A.draggable
+  ]), E(() => {
+    d && d.setOptions(A);
+  }, [d, A]), E(() => {
+    if (!d || !u)
+      return;
+    const v = d.getPath();
+    Ge(u, v) || (w.current = !0, d.setPath(u), w.current = !1);
+  }, [d, u]), E(() => {
+    if (!d || !m || !C)
+      return;
+    w.current = !0;
+    const v = C.encoding.decodePath(m);
+    d.setPath(v), w.current = !1;
+  }, [d, m, C]), d;
+}
+const gt = U((e, n) => {
+  const t = ut(e);
+  return H(n, () => t, [t]), T.createElement(T.Fragment, null);
+});
+gt.displayName = "Polyline";
+const ft = {
+  center: { lat: 0, lng: 0, altitude: 0 },
+  range: 0,
+  heading: 0,
+  tilt: 0,
+  roll: 0
+}, mt = ["center", "range", "heading", "tilt", "roll"];
+function pt(e, n, t) {
+  const o = e[t];
+  if (o != null)
+    if (t === "center") {
+      const r = o;
+      n.current.center = r.toJSON ? r.toJSON() : r;
+    } else
+      n.current[t] = o;
+}
+function ht(e) {
+  const n = Ze(), t = F(Object.assign({}, ft));
+  return E(() => {
+    if (!e)
+      return;
+    const o = [];
+    for (const r of mt) {
+      const a = `gmp-${r}change`, i = () => {
+        pt(e, t, r), n();
+      };
+      e.addEventListener(a, i), o.push(() => e.removeEventListener(a, i));
+    }
+    return () => {
+      for (const r of o)
+        r();
+    };
+  }, [e, n]), t;
+}
+function vt(e) {
+  const n = Z("maps3d"), [t, o] = N(!1), [, r] = he(), [a, i] = he(), s = ht(a);
+  return E(() => {
+    customElements.whenDefined("gmp-map-3d").then(() => {
+      o(!0);
+    });
+  }, []), E(
+    () => {
+      if (!a)
+        return;
+      const {
+        center: c,
+        heading: l,
+        tilt: f,
+        range: m,
+        roll: u,
+        defaultCenter: h,
+        defaultHeading: y,
+        defaultTilt: d,
+        defaultRange: p,
+        defaultRoll: b,
+        // Non-element props to exclude
+        id: C,
+        style: w,
+        className: A,
+        children: v,
+        onCenterChanged: O,
+        onHeadingChanged: L,
+        onTiltChanged: S,
+        onRangeChanged: M,
+        onRollChanged: x,
+        onCameraChanged: $,
+        onClick: P,
+        onSteadyChange: k,
+        onAnimationEnd: de,
+        onError: Zt,
+        mode: $t,
+        gestureHandling: qt
+      } = e, Ye = j(e, ["center", "heading", "tilt", "range", "roll", "defaultCenter", "defaultHeading", "defaultTilt", "defaultRange", "defaultRoll", "id", "style", "className", "children", "onCenterChanged", "onHeadingChanged", "onTiltChanged", "onRangeChanged", "onRollChanged", "onCameraChanged", "onClick", "onSteadyChange", "onAnimationEnd", "onError", "mode", "gestureHandling"]), Me = c ?? h, Pe = l ?? y, we = f ?? d, Ae = m ?? p, Te = u ?? b, q = Object.assign({}, Ye);
+      Me && (q.center = Me), Pe !== void 0 && (q.heading = Pe), we !== void 0 && (q.tilt = we), Ae !== void 0 && (q.range = Ae), Te !== void 0 && (q.roll = Te), Object.assign(a, q);
+    },
+    // this effect should only run when the map3d element first becomes
+    // available, so we skip re-running it when other props change.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [a]
+  ), [a, r, i, s, !!n && t];
+}
+function yt(e) {
+  return e ? "toJSON" in e && typeof e.toJSON == "function" ? e.toJSON() : e : null;
+}
+function bt(e, n, t) {
+  var o, r, a, i, s, g, c;
+  const l = yt(t.center), f = (o = l == null ? void 0 : l.lat) !== null && o !== void 0 ? o : null, m = (r = l == null ? void 0 : l.lng) !== null && r !== void 0 ? r : null, u = (a = l == null ? void 0 : l.altitude) !== null && a !== void 0 ? a : null, h = (i = t.range) !== null && i !== void 0 ? i : null, y = (s = t.heading) !== null && s !== void 0 ? s : null, d = (g = t.tilt) !== null && g !== void 0 ? g : null, p = (c = t.roll) !== null && c !== void 0 ? c : null;
+  Y(() => {
+    var b;
+    if (!e)
+      return;
+    const C = n.current;
+    f !== null && m !== null && (C.center.lat !== f || C.center.lng !== m || u !== null && C.center.altitude !== u) && (e.center = {
+      lat: f,
+      lng: m,
+      altitude: (b = u ?? C.center.altitude) !== null && b !== void 0 ? b : 0
+    }), h !== null && C.range !== h && (e.range = h), y !== null && C.heading !== y && (e.heading = y), d !== null && C.tilt !== d && (e.tilt = d), p !== null && C.roll !== p && (e.roll = p);
+  });
+}
+const Ne = [
+  "gmp-centerchange",
+  "gmp-headingchange",
+  "gmp-tiltchange",
+  "gmp-rangechange",
+  "gmp-rollchange"
+];
+function W(e, n) {
+  const t = e.center;
+  let o;
+  return t && "toJSON" in t && typeof t.toJSON == "function" ? o = t.toJSON() : t ? o = t : o = { lat: 0, lng: 0, altitude: 0 }, {
+    type: n,
+    map3d: e,
+    detail: {
+      center: o,
+      range: e.range || 0,
+      heading: e.heading || 0,
+      tilt: e.tilt || 0,
+      roll: e.roll || 0
+    }
+  };
+}
+function Et(e, n) {
+  const t = n;
+  return {
+    type: "gmp-click",
+    map3d: e,
+    detail: {
+      position: n.position || null,
+      placeId: t.placeId
+    }
+  };
+}
+function Ct(e, n) {
+  return {
+    type: "gmp-steadychange",
+    map3d: e,
+    detail: {
+      isSteady: n.isSteady
+    }
+  };
+}
+function Ot(e, n) {
+  const { onCenterChanged: t, onHeadingChanged: o, onTiltChanged: r, onRangeChanged: a, onRollChanged: i, onCameraChanged: s, onClick: g, onSteadyChange: c, onAnimationEnd: l, onError: f } = n;
+  G(e, "gmp-centerchange", t, W), G(e, "gmp-headingchange", o, W), G(e, "gmp-tiltchange", r, W), G(e, "gmp-rangechange", a, W), G(e, "gmp-rollchange", i, W), E(() => {
+    if (!e || !s)
+      return;
+    const m = () => {
+      s(W(e, "camerachange"));
+    };
+    for (const u of Ne)
+      e.addEventListener(u, m);
+    return () => {
+      for (const u of Ne)
+        e.removeEventListener(u, m);
+    };
+  }, [e, s]), E(() => {
+    if (!e || !g)
+      return;
+    const m = (u) => {
+      g(Et(e, u));
+    };
+    return e.addEventListener("gmp-click", m), () => e.removeEventListener("gmp-click", m);
+  }, [e, g]), E(() => {
+    if (!e || !c)
+      return;
+    const m = (u) => {
+      c(Ct(e, u));
+    };
+    return e.addEventListener("gmp-steadychange", m), () => e.removeEventListener("gmp-steadychange", m);
+  }, [e, c]), G(e, "gmp-animationend", l, (m, u) => ({
+    type: u,
+    map3d: m
+  })), G(e, "gmp-error", f, (m, u) => ({
+    type: u,
+    map3d: m
+  }));
+}
+function G(e, n, t, o) {
+  E(() => {
+    if (!e || !t)
+      return;
+    const r = () => {
+      t(o(e, n));
+    };
+    return e.addEventListener(n, r), () => e.removeEventListener(n, r);
+  }, [e, n, t, o]);
+}
+const Mt = /* @__PURE__ */ new Set([
+  "bounds",
+  "defaultUIHidden",
+  "gestureHandling",
+  "internalUsageAttributionIds",
+  "maxAltitude",
+  "maxHeading",
+  "maxTilt",
+  "minAltitude",
+  "minHeading",
+  "minTilt",
+  "mode"
+]);
+function Pt(e, n) {
+  const t = I(() => {
+    const o = {}, r = Object.keys(n);
+    for (const a of r) {
+      if (!Mt.has(a))
+        continue;
+      const i = n[a];
+      i !== void 0 && (o[a] = i);
+    }
+    return o;
+  }, [n]);
+  Ue(() => {
+    e && Object.assign(e, t);
+  }, [e, t]);
+}
+const wt = T.createContext(null), At = {
+  width: "100%",
+  height: "100%",
+  position: "relative"
+}, Tt = U((e, n) => {
+  const { children: t, id: o, className: r, style: a } = e, i = B(X);
+  if (!i)
+    throw new Error("<Map3D> can only be used inside an <APIProvider> component.");
+  const { addMap3DInstance: s, removeMap3DInstance: g } = i, [c, l, f, m, u] = vt(e);
+  bt(c, m, e), Ot(c, e), Pt(c, e), E(() => {
+    if (!c)
+      return;
+    const d = o ?? "default";
+    return s(c, d), () => {
+      g(d);
+    };
+  }, [c, o]), H(n, () => ({
+    map3d: c,
+    flyCameraAround: (d) => {
+      c == null || c.flyCameraAround(d);
+    },
+    flyCameraTo: (d) => {
+      c == null || c.flyCameraTo(d);
+    },
+    stopCameraAnimation: () => {
+      c == null || c.stopCameraAnimation();
+    }
+  }), [c]);
+  const h = I(() => Object.assign(Object.assign({}, At), a), [a]), y = I(() => ({ map3d: c }), [c]);
+  return u ? T.createElement(
+    "div",
+    Object.assign({ ref: l, "data-testid": "map-3d", style: r ? void 0 : h, className: r }, o ? { id: o } : {}),
+    T.createElement("gmp-map-3d", { ref: f, style: { width: "100%", height: "100%" } }, c && T.createElement(wt.Provider, { value: y }, t))
+  ) : T.createElement("div", Object.assign({ ref: l, "data-testid": "map-3d", style: r ? void 0 : h, className: r }, o ? { id: o } : {}));
+});
+Tt.displayName = "Map3D";
+const Oe = Xe(null), Lt = U(function(n, t) {
+  const { children: o, onClick: r, position: a, altitudeMode: i, collisionBehavior: s, drawsWhenOccluded: g, extruded: c, label: l, sizePreserved: f, zIndex: m, title: u } = n, h = !!r, [y, d] = N(null), [p, b] = N(!1), C = I(() => {
+    const v = document.createElement("div");
+    return v.style.display = "none", document.body.appendChild(v), v;
+  }, []);
+  E(() => () => C.remove(), [C]);
+  const w = le((v) => {
+    d(v), typeof t == "function" ? t(v) : t && (t.current = v);
+  }, [t]);
+  ve(y, "gmp-click", r), Y(() => {
+    if (p || !y || !C)
+      return;
+    for (; y.firstChild; )
+      y.removeChild(y.firstChild);
+    const v = Array.from(C.childNodes);
+    for (const O of v) {
+      if (O.nodeType !== Node.ELEMENT_NODE)
+        continue;
+      const L = O, S = L.tagName.toLowerCase();
+      if (S === "img" || S === "svg") {
+        const M = document.createElement("template");
+        M.content.appendChild(L.cloneNode(!0)), y.appendChild(M);
+      } else
+        y.appendChild(L.cloneNode(!0));
+    }
+  }, [y, C, o, p]);
+  const A = I(() => ({ marker: y, setContentHandledExternally: b }), [y]);
+  return _(y, "position", a), _(y, "altitudeMode", i), _(y, "collisionBehavior", s), _(y, "drawsWhenOccluded", g), _(y, "extruded", c), _(y, "label", l), _(y, "sizePreserved", f), _(y, "zIndex", m), _(y, "title", u ?? ""), T.createElement(
+    Oe.Provider,
+    { value: A },
+    h ? T.createElement("gmp-marker-3d-interactive", { ref: w }) : T.createElement("gmp-marker-3d", { ref: w }),
+    ce(o, C)
+  );
+});
+Lt.displayName = "Marker3D";
+const Dt = U(function(n, t) {
+  var o;
+  const { children: r, headerContent: a, style: i, className: s, open: g = !0, position: c, anchor: l, anchorId: f, altitudeMode: m, lightDismissDisabled: u, autoPanDisabled: h, onClose: y } = n, [d, p] = N(null), b = F(null);
+  H(t, () => d, [d]), St(d, g, y), _(d, "open", g ?? !1), _(d, "altitudeMode", m), _(d, "lightDismissDisabled", u), _(d, "autoPanDisabled", h);
+  const C = (o = l ?? f) !== null && o !== void 0 ? o : c;
+  return _(d, "positionAnchor", C), Y(() => {
+    d && (it(d, i || null, b.current), b.current = i || null);
+  }, [d, i]), T.createElement(
+    "gmp-popover",
+    { ref: p, className: s },
+    a && T.createElement("div", { slot: "header" }, a),
+    r
+  );
+});
+Dt.displayName = "Popover";
+function St(e, n, t) {
+  const o = F(void 0), r = F(n);
+  E(() => {
+    r.current = n;
+  }, [n]), E(() => {
+    if (!e || !t)
+      return;
+    const a = new MutationObserver((i) => {
+      for (const s of i)
+        if (s.type === "attributes" && s.attributeName === "open") {
+          const g = e.hasAttribute("open");
+          o.current === !0 && !g && r.current !== !1 && t(), o.current = g;
+        }
+    });
+    return a.observe(e, {
+      attributes: !0,
+      attributeFilter: ["open"]
+    }), o.current = e.hasAttribute("open"), () => {
+      a.disconnect();
+    };
+  }, [e, t]);
+}
+function kt(e) {
+  const [n, t] = N(null), o = J(), { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c } = e, l = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut"]), { position: f, draggable: m } = l;
+  return E(() => {
+    if (!o) {
+      o === void 0 && console.error("<Marker> has to be inside a Map component.");
+      return;
+    }
+    const u = new google.maps.Marker(l);
+    return u.setMap(o), t(u), () => {
+      u.setMap(null), t(null);
+    };
+  }, [o]), E(() => {
+    if (!n)
+      return;
+    const u = n, h = google.maps.event;
+    return r && h.addListener(u, "click", r), a && h.addListener(u, "drag", a), i && h.addListener(u, "dragstart", i), s && h.addListener(u, "dragend", s), g && h.addListener(u, "mouseover", g), c && h.addListener(u, "mouseout", c), n.setDraggable(!!m), () => {
+      h.clearInstanceListeners(u);
+    };
+  }, [
+    n,
+    m,
+    r,
+    a,
+    i,
+    s,
+    g,
+    c
+  ]), E(() => {
+    n && l && n.setOptions(l);
+  }, [n, l]), E(() => {
+    m || !f || !n || n.setPosition(f);
+  }, [m, f, n]), n;
+}
+const _t = U((e, n) => {
+  const t = kt(e);
+  return H(n, () => t, [t]), T.createElement(T.Fragment, null);
+});
+_t.displayName = "Marker";
+const It = (e) => {
+  const n = B(Ce), t = B(Oe), o = n == null ? void 0 : n.marker, r = t == null ? void 0 : t.marker, a = t == null ? void 0 : t.setContentHandledExternally, i = I(() => document.createElement("div"), []), s = Z("marker");
+  return E(() => {
+    if (r && a)
+      return a(!0), () => a(!1);
+  }, [r, a]), E(() => {
+    if (!r || !s)
+      return;
+    const g = Object.assign({}, e), c = new s.PinElement(g);
+    for (e.children && (c.glyph = i); r.firstChild; )
+      r.removeChild(r.firstChild);
+    return r.append(c), () => {
+    };
+  }, [r, s, i, e]), E(() => {
+    var g;
+    if (r)
+      return;
+    if (!o) {
+      o === void 0 && r === void 0 && console.error("The <Pin> component can only be used inside <AdvancedMarker> or <Marker3D>.");
+      return;
+    }
+    e.glyph && e.children && Q("The <Pin> component only uses children to render the glyph if both the glyph property and children are present."), be.count(e.children) > 1 && Q("Passing multiple children to the <Pin> component might lead to unexpected results.");
+    const c = Object.assign({}, e), l = new google.maps.marker.PinElement(c);
+    e.children && (l.glyph = i);
+    const f = (g = o.content) === null || g === void 0 ? void 0 : g.firstChild;
+    for (; f != null && f.firstChild; )
+      f.removeChild(f.firstChild);
+    f && f.appendChild(l.element);
+  }, [o, i, r, e]), ce(e.children, i);
+}, Nt = (e) => {
+  const { children: n } = e, t = B(Ce), o = B(Oe), r = t == null ? void 0 : t.marker, a = o == null ? void 0 : o.marker, i = o == null ? void 0 : o.setContentHandledExternally, s = I(() => document.createElement("div"), []), g = Z("marker");
+  return E(() => {
+    if (a && i)
+      return i(!0), () => i(!1);
+  }, [a, i]), E(() => {
+    if (!a || !g)
+      return;
+    const c = Object.assign({}, e), l = new g.PinElement(c);
+    for (n && l.appendChild(s); a.firstChild; )
+      a.removeChild(a.firstChild);
+    return a.appendChild(l), () => {
+    };
+  }, [a, g, s, n, e]), E(() => {
+    var c;
+    if (a)
+      return;
+    if (!r || !g) {
+      r === void 0 && a === void 0 && console.error("The <Pin> component can only be used inside <AdvancedMarker> or <Marker3D>.");
+      return;
+    }
+    (e.glyphSrc || e.glyphText) && n && Q("The <Pin> component only uses children to render the glyph if both glyphSrc/glyphText and children are present."), be.count(n) > 1 && Q("Passing multiple children to the <Pin> component might lead to unexpected results.");
+    const l = Object.assign({}, e), f = new g.PinElement(l);
+    n && f.appendChild(s);
+    const m = (c = r.content) === null || c === void 0 ? void 0 : c.firstChild;
+    for (; m != null && m.firstChild; )
+      m.removeChild(m.firstChild);
+    m && m.appendChild(f);
+  }, [
+    r,
+    g,
+    s,
+    a,
+    n,
+    e
+  ]), ce(n, s);
+}, xt = (e) => {
+  var n;
+  const t = Z("marker"), o = I(() => t ? typeof customElements < "u" && customElements.get("gmp-pin") !== void 0 : !1, [t]);
+  if (!t)
+    return null;
+  if (o) {
+    const { glyph: r, glyphSrc: a, glyphText: i } = e, s = j(e, ["glyph", "glyphSrc", "glyphText"]), g = r instanceof URL || typeof r == "string" && r.startsWith("http"), c = i ?? (typeof r == "string" && !g ? r : void 0), l = a ?? (g ? String(r) : void 0);
+    return T.createElement(Nt, Object.assign({}, s, { glyphText: c, glyphSrc: l }));
+  } else {
+    const { glyph: r, glyphSrc: a, glyphText: i } = e, s = j(e, ["glyph", "glyphSrc", "glyphText"]), g = (n = r ?? a) !== null && n !== void 0 ? n : i;
+    return T.createElement(It, Object.assign({}, s, { glyph: g }));
+  }
+};
+function Rt(e) {
+  var n, t, o;
+  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onBoundsChanged: l, bounds: f, defaultBounds: m } = e, u = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onBoundsChanged", "bounds", "defaultBounds"]), [h, y] = N(null), d = J(), p = te(Object.assign(Object.assign({}, u), { clickable: (n = u.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = u.draggable) !== null && t !== void 0 ? t : !!(a || i || s || l), editable: (o = u.editable) !== null && o !== void 0 ? o : !!l }), ne);
+  return E(() => {
+    if (!d) {
+      d === void 0 && console.error("<Rectangle> has to be inside a Map component.");
+      return;
+    }
+    const b = new google.maps.Rectangle(Object.assign(Object.assign({}, p), { bounds: f ?? m }));
+    return b.setMap(d), y(b), () => {
+      b.setMap(null), y(null);
+    };
+  }, [d]), D(h, "click", r), D(h, "drag", a), D(h, "dragstart", i), D(h, "dragend", s), D(h, "mouseover", g), D(h, "mouseout", c), D(h, "bounds_changed", l ? () => {
+    l(h == null ? void 0 : h.getBounds());
+  } : null), E(() => {
+    h && h.setOptions(p);
+  }, [h, p]), E(() => {
+    !h || !f || jn(f, h.getBounds()) || h.setBounds(f);
+  }, [h, f]), h;
+}
+const jt = U((e, n) => {
+  const t = Rt(e);
+  return H(n, () => t, [
+    t
+  ]), T.createElement(T.Fragment, null);
+});
+jt.displayName = "Rectangle";
+function K(e) {
+  return typeof document > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(e).trim();
+}
+function fe() {
+  const e = K("--background"), n = K("--foreground"), t = K("--border"), o = K("--muted"), r = K("--muted-foreground"), a = K("--primary");
+  return [
+    // Hide business POIs — clinical-listing UIs don't want Google's
+    // restaurants / shops bleeding into the practice-location card.
+    {
+      featureType: "poi.business",
+      stylers: [{ visibility: "off" }]
+    },
+    // Canvas / paper colour. `--background` is the surface the kit
+    // itself paints on, so the map blends with the card chrome.
+    {
+      elementType: "geometry",
+      stylers: [{ color: e || "#ffffff" }]
+    },
+    // All label text → kit foreground.
+    {
+      elementType: "labels.text.fill",
+      stylers: [{ color: n || "#000000" }]
+    },
+    // Label outlines / strokes pulled from the muted surface so text
+    // stays legible without painting solid white halos in dark themes.
+    {
+      elementType: "labels.text.stroke",
+      stylers: [{ color: o || "#f0f0f0" }]
+    },
+    // Roads + administrative boundaries → border token. This is the
+    // strongest visual cue tying map geometry to kit chrome.
+    {
+      featureType: "administrative",
+      elementType: "geometry",
+      stylers: [{ color: t || "#d0d0d0" }]
+    },
+    {
+      featureType: "road",
+      elementType: "geometry",
+      stylers: [{ color: r || "#999999" }]
+    },
+    {
+      featureType: "road",
+      elementType: "labels.text.fill",
+      stylers: [{ color: n || "#000000" }]
+    },
+    // Highways get a slight emphasis via the primary accent — a
+    // single-pixel cue that helps the eye when zoomed out.
+    {
+      featureType: "road.highway",
+      elementType: "geometry.stroke",
+      // Empty-string fallback (consistent with the other rules) so a
+      // consumer with a non-violet brand doesn't get violet bleeding
+      // into highway / transit strokes. Google Maps treats empty as
+      // "use the default".
+      stylers: [{ color: a || "" }]
+    },
+    // Water → muted surface (subtle, doesn't overpower the marker).
+    {
+      featureType: "water",
+      elementType: "geometry",
+      stylers: [{ color: o || "#e8e8e8" }]
+    },
+    // Parks → muted-foreground at low opacity feel via a softer
+    // tint; same family as the border so the palette stays tight.
+    {
+      featureType: "poi.park",
+      elementType: "geometry",
+      stylers: [{ color: t || "#d0d0d0" }]
+    },
+    // Transit lines (rail, bus) — kit primary, subtle.
+    {
+      featureType: "transit",
+      elementType: "geometry",
+      // Empty-string fallback (consistent with the other rules) so a
+      // consumer with a non-violet brand doesn't get violet bleeding
+      // into highway / transit strokes. Google Maps treats empty as
+      // "use the default".
+      stylers: [{ color: a || "" }]
+    },
+    // Landscape geometry — Google's default is a pale tan that fights
+    // kit dark themes hard. Painting it `--muted` keeps the canvas
+    // tonally coherent in all four themes.
+    {
+      featureType: "landscape",
+      elementType: "geometry",
+      stylers: [{ color: o || "" }]
+    },
+    // Highway fill — without this, Google's default pale-yellow
+    // highway shells clash with kit dark backgrounds. `--muted` keeps
+    // them subdued; the highway STROKE rule above is what does the
+    // brand-accent emphasis.
+    {
+      featureType: "road.highway",
+      elementType: "geometry.fill",
+      stylers: [{ color: o || "" }]
+    },
+    // POI label fills — scoped to `--muted-foreground` so business /
+    // POI labels (the few that survive after `poi.business` is
+    // hidden — schools, hospitals, transit stations) stay readable
+    // against the geometry tint without overriding the road-label
+    // rule above.
+    {
+      featureType: "poi",
+      elementType: "labels.text.fill",
+      stylers: [{ color: r || "" }]
+    }
+  ];
+}
+const zt = {
+  id: "map-view",
+  capabilities: [],
+  state: {},
+  actions: {
+    pan_to: {
+      safety: "read",
+      argsType: "{ position: { lat: number; lng: number } }",
+      description: "Pan the map to a new centre without changing zoom.",
+      invoke: (e, n) => {
+        e.panTo(n.position);
+      }
+    },
+    set_zoom: {
+      safety: "read",
+      argsType: "{ zoom: number }",
+      description: "Set the map zoom level (typical range 1–20).",
+      invoke: (e, n) => {
+        e.setZoom(n.zoom);
+      }
+    },
+    select_marker: {
+      safety: "read",
+      argsType: "{ id: string | null }",
+      description: "Select a marker by id, or pass null to clear the selection.",
+      invoke: (e, n) => {
+        e.selectMarker(n.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "map-view",
+      description: "Marks the element as a kit MapView."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, Bt = ee(
+  [
+    "ds:relative ds:overflow-hidden ds:block",
+    "ds:rounded-[var(--radius-md)] ds:border",
+    "ds:border-[color:var(--border)]",
+    "ds:bg-[var(--muted)]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:[--map-block-size:14rem]",
+        md: "ds:[--map-block-size:20rem]",
+        lg: "ds:[--map-block-size:28rem]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), Ft = ee(
+  [
+    "ds:block ds:inline-size-full",
+    "ds:[block-size:var(--map-block-size)]"
+  ].join(" ")
+), Ut = ee(
+  [
+    "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(" ")
+), Ht = ee("type-heading-3 ds:m-0"), xe = ee(
+  "type-body-sm ds:text-[var(--muted-foreground)] ds:max-inline-size-[28rem] ds:m-0"
+);
+function Vt({
+  onHandleReady: e,
+  onMarkerSelect: n
+}) {
+  const t = J();
+  return E(() => {
+    t && e({
+      panTo: (o) => t.panTo(o),
+      setZoom: (o) => t.setZoom(o),
+      selectMarker: (o) => n(o)
+    });
+  }, [t, e, n]), null;
+}
+function Gt({
+  address: e,
+  description: n,
+  onConsentRequest: t,
+  openInGoogleMapsHref: o
+}) {
+  const { t: r } = ze();
+  return /* @__PURE__ */ ae("div", { className: Ut(), "data-testid": "map-view-consent", children: [
+    /* @__PURE__ */ R(
+      on,
+      {
+        "aria-hidden": "true",
+        className: "ds:size-6 ds:text-[var(--muted-foreground)]"
+      }
+    ),
+    /* @__PURE__ */ R("p", { className: Ht(), children: r("mapView.consentTitle") }),
+    e ? /* @__PURE__ */ R(
+      "p",
+      {
+        className: xe(),
+        "data-testid": "map-view-address",
+        children: e
+      }
+    ) : null,
+    /* @__PURE__ */ R("p", { className: xe(), children: n }),
+    /* @__PURE__ */ ae("div", { className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center", children: [
+      t ? /* @__PURE__ */ R(
+        nn,
+        {
+          type: "button",
+          intent: "primary",
+          size: "sm",
+          onClick: t,
+          children: r("mapView.consentCta")
+        }
+      ) : null,
+      /* @__PURE__ */ ae(
+        "a",
+        {
+          href: o,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[var(--primary)] ds:underline ds:underline-offset-2",
+          children: [
+            r("mapView.openInGoogleMaps"),
+            /* @__PURE__ */ R(rn, { "aria-hidden": "true", className: "ds:size-3" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const Jt = U(
+  ({
+    id: e,
+    apiKey: n,
+    center: t,
+    zoom: o = 15,
+    markers: r,
+    selectedMarkerId: a,
+    onMarkerClick: i,
+    consentGranted: s = !1,
+    onConsentRequest: g,
+    address: c,
+    consentDescription: l,
+    mapId: f,
+    size: m,
+    ariaLabel: u,
+    className: h,
+    ...y
+  }, d) => {
+    const { t: p, i18n: b } = ze(), C = Qe(), w = I(
+      () => `map-${C.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [C]
+    ), [A, v] = N(!1);
+    E(() => {
+      if (typeof window > "u") return;
+      const P = window.matchMedia("(prefers-reduced-motion: reduce)"), k = () => v(P.matches);
+      return k(), P.addEventListener("change", k), () => P.removeEventListener("change", k);
+    }, []);
+    const O = I(() => `https://www.google.com/maps/search/?api=1&query=${c ? encodeURIComponent(c) : `${t.lat},${t.lng}`}`, [c, t.lat, t.lng]), [L, S] = N(
+      () => f ? [] : fe()
+    );
+    E(() => {
+      if (f || typeof document > "u") return;
+      S(fe());
+      const P = new MutationObserver(() => {
+        S(fe());
+      });
+      return P.observe(document.documentElement, {
+        attributes: !0,
+        attributeFilter: ["class"]
+      }), () => P.disconnect();
+    }, [f]);
+    const M = F(null), x = le((P) => {
+      M.current = P;
+    }, []);
+    H(
+      d,
+      () => ({
+        panTo: (P) => {
+          var k;
+          return (k = M.current) == null ? void 0 : k.panTo(P);
+        },
+        setZoom: (P) => {
+          var k;
+          return (k = M.current) == null ? void 0 : k.setZoom(P);
+        },
+        selectMarker: (P) => {
+          var k;
+          return (k = M.current) == null ? void 0 : k.selectMarker(P);
+        }
+      }),
+      []
+    );
+    const $ = I(
+      () => ({
+        panTo: (P) => {
+          var k;
+          return (k = M.current) == null ? void 0 : k.panTo(P);
+        },
+        setZoom: (P) => {
+          var k;
+          return (k = M.current) == null ? void 0 : k.setZoom(P);
+        },
+        selectMarker: (P) => {
+          var k;
+          return (k = M.current) == null ? void 0 : k.selectMarker(P);
+        }
+      }),
+      []
+    );
+    return tn(zt, $, e), E(() => {
+      var P;
+      A || (P = M.current) == null || P.panTo(t);
+    }, [t.lat, t.lng, A]), E(() => {
+      var P;
+      (P = M.current) == null || P.setZoom(o);
+    }, [o]), /* @__PURE__ */ R(
+      "div",
+      {
+        className: Bt({ size: m, className: h }),
+        "data-component": "map-view",
+        "data-component-id": e ?? w,
+        role: "region",
+        "aria-label": u ?? p("mapView.label"),
+        ...y,
+        children: /* @__PURE__ */ R("div", { className: Ft(), children: s ? /* @__PURE__ */ R(
+          An,
+          {
+            apiKey: n,
+            language: b.language,
+            children: /* @__PURE__ */ ae(
+              qe,
+              {
+                defaultCenter: t,
+                defaultZoom: o,
+                mapId: f,
+                styles: f ? void 0 : L,
+                gestureHandling: "cooperative",
+                disableDefaultUI: !1,
+                onClick: () => i == null ? void 0 : i(null),
+                className: "ds:[inline-size:100%] ds:[block-size:100%]",
+                children: [
+                  /* @__PURE__ */ R(
+                    Vt,
+                    {
+                      onHandleReady: x,
+                      onMarkerSelect: (P) => i == null ? void 0 : i(P)
+                    }
+                  ),
+                  (r ?? []).map((P) => {
+                    const k = a != null && a === P.id, de = p("mapView.markerLabel", {
+                      label: P.label ?? P.id
+                    });
+                    return /* @__PURE__ */ R(
+                      Ke,
+                      {
+                        position: P.position,
+                        title: de,
+                        "aria-label": de,
+                        "data-selected": k ? "true" : "false",
+                        onClick: () => i == null ? void 0 : i(P.id),
+                        children: /* @__PURE__ */ R(
+                          xt,
+                          {
+                            background: "var(--primary)",
+                            borderColor: "var(--primary)",
+                            glyphColor: "var(--primary-foreground)"
+                          }
+                        )
+                      },
+                      P.id
+                    );
+                  })
+                ]
+              }
+            )
+          }
+        ) : /* @__PURE__ */ R(
+          Gt,
+          {
+            address: c,
+            description: l ?? p("mapView.consentDescription"),
+            onConsentRequest: g,
+            openInGoogleMapsHref: O
+          }
+        ) })
+      }
+    );
+  }
+);
+Jt.displayName = "MapView";
+export {
+  Jt as M
+};
+//# sourceMappingURL=map-view-Dd48BxVB.js.map