@alfadocs/ui-kit 0.41.2 → 0.42.0

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

@@ -1,1850 +0,0 @@
-import { jsx as R, jsxs as se } from "react/jsx-runtime";
-import * as je from "react";
-import L, { useMemo as T, useContext as B, useEffect as E, useLayoutEffect as Y, forwardRef as U, useImperativeHandle as H, useState as N, useReducer as Be, useCallback as ee, useRef as F, Children as be, createContext as en, useId as nn } from "react";
-import { c as te } from "./index-D2ZczOXr.js";
-import { useTranslation as Fe } from "react-i18next";
-import { createPortal as de } from "react-dom";
-import { g as tn } from "./_commonjsHelpers-DaMA6jEr.js";
-import { B as on } from "./button-DD_0Xdmr.js";
-import { u as rn } from "./registry-nPAVE19X.js";
-import { M as an } from "./map-pin-B8STOPMJ.js";
-import { E as sn } from "./external-link-C6F25E6k.js";
-var ge, Ie;
-function ln() {
-  return Ie || (Ie = 1, ge = 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;
-  }), ge;
-}
-var cn = ln();
-const oe = /* @__PURE__ */ tn(cn), dn = "1.8.3";
-function z(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 _e(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 (m) {
-        i(m);
-      }
-    }
-    function g(l) {
-      try {
-        c(o.throw(l));
-      } catch (m) {
-        i(m);
-      }
-    }
-    function c(l) {
-      l.done ? a(l.value) : r(l.value).then(s, g);
-    }
-    c((o = o.apply(e, [])).next());
-  });
-}
-function un(e, n) {
-  e.src = n;
-}
-const gn = (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] = {}), m = l.maps || (l.maps = {}), f = /* @__PURE__ */ new Set(), u = new URLSearchParams(), h = () => n || (n = new Promise(async (y, d) => {
-    var p;
-    await (t = g.createElement("script")), u.set("libraries", [...f] + "");
-    for (o in e)
-      u.set(o.replace(/[A-Z]/g, (b) => "_" + b[0].toLowerCase()), e[o]);
-    u.set("callback", a + ".maps." + s), un(t, "https://maps.googleapis.com/maps/api/js?" + u), m[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);
-  }));
-  m[i] ? console.warn(r + " only loads once. Ignoring:", e) : m[i] = (y, ...d) => f.add(y) && h().then(() => m[i](y, ...d));
-}, fn = (e) => `The setOptions() function should only be called once. The options passed to the additional call (${JSON.stringify(e)}) will be ignored.`, mn = (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.`, pn = "No options were set before calling importLibrary. Make sure to configure the loader using setOptions().", hn = "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.", Ue = process.env.NODE_ENV !== "production", Ee = Ue ? (e) => {
-  console.warn(`[@googlemaps/js-api-loader] ${e}`);
-} : () => {
-}, vn = Ue ? (e) => {
-  console.info(`[@googlemaps/js-api-loader] ${e}`);
-} : () => {
-}, yn = process.env.NODE_ENV !== "production";
-let me = !1;
-function bn(e) {
-  if (me) {
-    Ee(fn(e));
-    return;
-  }
-  Cn(e), me = !0;
-}
-async function En(e) {
-  var n, t;
-  if (me || Ee(pn), !((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 Cn(e) {
-  var t, o;
-  const n = !!((o = (t = window.google) == null ? void 0 : t.maps) != null && o.importLibrary);
-  n ? vn(mn(e)) : yn && document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]') && Ee(hn), n || gn(e);
-}
-const j = {
-  NOT_LOADED: "NOT_LOADED",
-  LOADING: "LOADING",
-  LOADED: "LOADED",
-  FAILED: "FAILED",
-  AUTH_FAILURE: "AUTH_FAILURE"
-}, On = "GMP_visgl_rgmlibrary_v1_default", Mn = [
-  `gmp_visgl_reactgooglemaps_v${dn}`
-], X = L.createContext(null);
-let V = j.NOT_LOADED, ae;
-const pe = /* @__PURE__ */ new Set();
-function ie(e) {
-  e !== V && (V = e, pe.forEach((n) => n(V)));
-}
-function Pn() {
-  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 = z(i, [typeof s == "symbol" ? s : s + ""]);
-      return g;
-    });
-  }, clearMapInstances: () => {
-    n({});
-  } };
-}
-function wn() {
-  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 = z(i, [typeof s == "symbol" ? s : s + ""]);
-        return g;
-      });
-    },
-    clearMap3DInstances: () => {
-      n({});
-    }
-  };
-}
-function An(e) {
-  const { onLoad: n, onError: t, apiKey: o, version: r, libraries: a = [], region: i, language: s, authReferrerPolicy: g, channel: c, solutionChannel: l, fetchAppCheckToken: m } = e, [f, u] = N(V), [h, y] = Be((b, C) => b[C.name] ? b : Object.assign(Object.assign({}, b), { [C.name]: C.value }), {}), d = T(() => {
-    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 = ee((b) => _e(this, void 0, void 0, function* () {
-    if (h[b])
-      return h[b];
-    const C = yield En(b);
-    return y({ name: b, value: C }), C;
-  }), [h]);
-  return E(() => (pe.add(u), u(V), () => {
-    pe.delete(u);
-  }), []), E(
-    () => {
-      _e(this, void 0, void 0, function* () {
-        var b, C;
-        try {
-          ae && ae !== 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 P = ["core", "maps", ...a];
-          if (!((C = (b = window.google) === null || b === void 0 ? void 0 : b.maps) === null || C === void 0) && C.importLibrary) {
-            ae || ie(j.LOADED), yield Promise.all(P.map((v) => p(v))), n && n();
-            return;
-          }
-          if (V === j.LOADING || V === j.LOADED) {
-            V === j.LOADED && n && n();
-            return;
-          }
-          ae = d, ie(j.LOADING);
-          const w = 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 && (w.channel = String(c)), l === void 0 ? w.solutionChannel = On : l !== "" && (w.solutionChannel = l), bn(w), yield Promise.all(P.map((v) => p(v))), ie(j.LOADED), n && n();
-        } catch (P) {
-          ie(j.FAILED), t ? t(P) : console.error("The Google Maps JavaScript API failed to load.", P);
-        }
-      });
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [d, n, t, p, a]
-  ), E(() => {
-    if (f !== j.LOADED)
-      return;
-    const b = google.maps.Settings.getInstance();
-    m ? b.fetchAppCheckToken = m : b.fetchAppCheckToken && (b.fetchAppCheckToken = null);
-  }, [f, m]), {
-    status: f,
-    loadedLibraries: h,
-    importLibrary: p
-  };
-}
-function Ln(e) {
-  return T(() => e.disableUsageAttribution ? null : Mn, [e.disableUsageAttribution]);
-}
-const Dn = (e) => {
-  const { children: n } = e, t = z(e, ["children"]), { mapInstances: o, addMapInstance: r, removeMapInstance: a, clearMapInstances: i } = Pn(), { map3dInstances: s, addMap3DInstance: g, removeMap3DInstance: c, clearMap3DInstances: l } = wn(), { status: m, loadedLibraries: f, importLibrary: u } = An(t), h = Ln(t), y = T(() => ({
-    mapInstances: o,
-    addMapInstance: r,
-    removeMapInstance: a,
-    clearMapInstances: i,
-    map3dInstances: s,
-    addMap3DInstance: g,
-    removeMap3DInstance: c,
-    clearMap3DInstances: l,
-    status: m,
-    loadedLibraries: f,
-    importLibrary: u,
-    internalUsageAttributionIds: h
-  }), [
-    o,
-    r,
-    a,
-    i,
-    s,
-    g,
-    c,
-    l,
-    m,
-    f,
-    u,
-    h
-  ]);
-  return L.createElement(X.Provider, { value: y }, n);
-};
-function Sn(e, n) {
-  for (const t of Tn) {
-    const o = n[t], r = He[t];
-    E(() => {
-      if (!e || !o)
-        return;
-      const a = google.maps.event.addListener(e, r, (i) => {
-        o(In(r, e, i));
-      });
-      return () => a.remove();
-    }, [e, r, o]);
-  }
-}
-function In(e, n, t) {
-  var o;
-  const r = {
-    type: e,
-    map: n,
-    detail: {},
-    stoppable: !1,
-    stop: () => {
-    }
-  };
-  if (_n.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 (kn.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 He = {
-  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"
-}, _n = [
-  "bounds_changed",
-  "center_changed",
-  "heading_changed",
-  "tilt_changed",
-  "zoom_changed"
-], kn = [
-  "click",
-  "contextmenu",
-  "dblclick",
-  "mousemove",
-  "mouseout",
-  "mouseover"
-], Tn = Object.keys(He);
-function re(e, n) {
-  const t = F(e);
-  return n(e, t.current) || (t.current = e), t.current;
-}
-function Nn(e, n, t) {
-  E(e, [re(n, t)]);
-}
-function Ve(e, n) {
-  Nn(e, n, oe);
-}
-const xn = /* @__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 Rn(e, n) {
-  const t = {}, o = Object.keys(n);
-  for (const r of o)
-    xn.has(r) && (t[r] = n[r]);
-  Ve(() => {
-    e && e.setOptions(t);
-  }, [t]);
-}
-function Ge() {
-  var e;
-  return ((e = B(X)) === null || e === void 0 ? void 0 : e.status) || j.NOT_LOADED;
-}
-function zn(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 jn(e) {
-  return !e || typeof e != "object" || !("lat" in e && "lng" in e) ? !1 : Number.isFinite(e.lat) && Number.isFinite(e.lng);
-}
-function Je(e, n) {
-  if (!e || !n)
-    return !1;
-  const t = ce(e), o = ce(n);
-  return !(t.lat !== o.lat || t.lng !== o.lng);
-}
-function ce(e) {
-  return jn(e) ? e : e.toJSON();
-}
-function ke(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 Bn(e, n) {
-  if (!e || !n)
-    return !1;
-  const t = ke(e), o = ke(n);
-  return t.north === o.north && t.south === o.south && t.east === o.east && t.west === o.west;
-}
-function Ze(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 (!Je(e[o], t[o]))
-      return !1;
-  return !0;
-}
-function Fn(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 (!Ze(e[o], t[o]))
-      return !1;
-  return !0;
-}
-function Un(e, n, t) {
-  const o = t.center ? ce(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 Hn = () => {
-  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 L.createElement(
-    "div",
-    { style: e },
-    L.createElement("h2", null, "Error: AuthFailure"),
-    L.createElement(
-      "p",
-      null,
-      "A problem with your API key prevents the map from rendering correctly. Please make sure the value of the ",
-      L.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 = ee((o) => n(o), [n]);
-  return [e, t];
-}
-function $e() {
-  return Ge() === j.LOADED;
-}
-function qe() {
-  const [, e] = Be((n) => n + 1, 0);
-  return e;
-}
-function Vn(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 Gn(e) {
-  const n = qe(), 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", () => {
-      Vn(e, t), n();
-    });
-    return () => o.remove();
-  }, [e, n]), t;
-}
-class le {
-  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);
-  }
-}
-le.entries = {};
-function Jn(e, n) {
-  const t = $e(), [o, r] = N(null), [a, i] = he(), s = Gn(o), { id: g, defaultBounds: c, defaultCenter: l, defaultZoom: m, defaultHeading: f, defaultTilt: u, reuseMaps: h, renderingType: y, colorScheme: d } = e, p = z(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(m) && (p.zoom = m), !p.heading && Number.isFinite(f) && (p.heading = f), !p.tilt && Number.isFinite(u) && (p.tilt = u);
-  const P = p.internalUsageAttributionIds;
-  P == null ? p.internalUsageAttributionIds = n.internalUsageAttributionIds : p.internalUsageAttributionIds = [
-    ...n.internalUsageAttributionIds || [],
-    ...P
-  ];
-  for (const v of Object.keys(p))
-    p[v] === void 0 && delete p[v];
-  const w = F(void 0);
-  return E(
-    () => {
-      if (!a || !t)
-        return;
-      const { addMapInstance: v, removeMapInstance: O } = n, { mapId: D } = e, _ = `${D || "default"}:${y || "default"}:${d || "LIGHT"}`;
-      let M, x;
-      if (h && le.has(_) ? (x = le.pop(_), 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, q = z(c, ["padding"]);
-        x.fitBounds(q, $);
-      } else (!b || !C) && x.fitBounds({ east: 180, west: -180, south: -90, north: 90 });
-      if (w.current) {
-        const { mapId: $, cameraState: q } = w.current;
-        $ !== D && x.moveCamera(q);
-      }
-      return () => {
-        w.current = {
-          mapId: D,
-          // eslint-disable-next-line react-hooks/exhaustive-deps
-          cameraState: s.current
-        }, M.remove(), h ? le.push(_, 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 We = L.createContext(null), Ke = (e) => {
-  const { children: n, id: t, className: o, style: r } = e, a = B(X), i = Ge();
-  if (!a)
-    throw new Error("<Map> can only be used inside an <ApiProvider> component.");
-  const [s, g, c] = Jn(e, a);
-  Un(s, c, e), Sn(s, e), Rn(s, e);
-  const l = zn(s, e), m = !!e.controlled;
-  E(() => {
-    if (s)
-      return l && s.setOptions({ disableDefaultUI: !0 }), (l || m) && s.setOptions({
-        gestureHandling: "none",
-        keyboardShortcuts: !1
-      }), () => {
-        s.setOptions({
-          gestureHandling: e.gestureHandling,
-          keyboardShortcuts: e.keyboardShortcuts
-        });
-      };
-  }, [
-    s,
-    l,
-    m,
-    e.gestureHandling,
-    e.keyboardShortcuts
-  ]);
-  const f = e.center ? ce(e.center) : null;
-  let u = null, h = null;
-  f && Number.isFinite(f.lat) && Number.isFinite(f.lng) && (u = f.lat, h = f.lng);
-  const y = T(() => {
-    var b, C, P;
-    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: (P = e.tilt) !== null && P !== void 0 ? P : 0
-    };
-  }, [u, h, e.zoom, e.heading, e.tilt]);
-  Y(() => {
-    if (!s || !m)
-      return;
-    s.moveCamera(y);
-    const b = s.addListener("bounds_changed", () => {
-      s.moveCamera(y);
-    });
-    return () => b.remove();
-  }, [s, m, y]);
-  const d = T(() => 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 = T(() => ({ map: s }), [s]);
-  return i === j.AUTH_FAILURE ? L.createElement(
-    "div",
-    { style: Object.assign({ position: "relative" }, o ? {} : d), className: o },
-    L.createElement(Hn, null)
-  ) : L.createElement("div", Object.assign({ ref: g, "data-testid": "map", style: o ? void 0 : d, className: o }, t ? { id: t } : {}), s ? L.createElement(We.Provider, { value: p }, n) : null);
-};
-Ke.deckGLViewProps = !0;
-const Te = /* @__PURE__ */ new Set();
-function ne(...e) {
-  const n = JSON.stringify(e);
-  Te.has(n) || (Te.add(n), console.error(...e));
-}
-const J = (e = null) => {
-  const n = B(X), { map: t } = B(We) || {};
-  if (n === null)
-    return ne("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 = $e(), t = B(X);
-  return E(() => {
-    !n || !t || t.importLibrary(e);
-  }, [n, t, e]), (t == null ? void 0 : t.loadedLibraries[e]) || null;
-}
-var fe;
-const { useLayoutEffect: Zn, useRef: $n } = je, qn = (fe = je.useInsertionEffect) !== null && fe !== void 0 ? fe : Zn;
-function Wn() {
-  throw new Error("useEffectEvent: invalid call during rendering.");
-}
-function Kn(e) {
-  const n = $n(Wn);
-  return qn(() => {
-    n.current = e;
-  }, [e]), ((...t) => n.current(...t));
-}
-const Ye = Kn, Yn = () => {
-};
-function S(e, n, t) {
-  const o = Ye(t ?? Yn), r = !!t;
-  E(() => {
-    if (!e || !n || !r)
-      return;
-    const a = google.maps.event.addListener(e, n, o);
-    return () => a.remove();
-  }, [e, n, r]);
-}
-function k(e, n, t) {
-  E(() => {
-    e && (e[n] = t);
-  }, [e, n, t]);
-}
-const Xn = () => {
-};
-function ve(e, n, t) {
-  const o = Ye(t ?? Xn), r = !!t;
-  E(() => {
-    if (!e || !n || !r)
-      return;
-    const a = o;
-    return e.addEventListener(n, a), () => e.removeEventListener(n, a);
-  }, [e, n, r]);
-}
-class Qn {
-  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 et = new Qn();
-function nt(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 = L.createContext(null), tt = {
-  BOTTOM: ["50%", "100%"]
-}, Xe = U((e, n) => {
-  const { children: t, style: o, className: r, anchorPoint: a } = e, [i, s] = rt(e), g = T(() => i ? { marker: i } : null, [i]);
-  return H(n, () => i, [i]), s ? L.createElement(Ce.Provider, { value: g }, de(L.createElement(ot, { anchorPoint: a, styles: o, className: r }, t), s)) : null;
-});
-Xe.displayName = "AdvancedMarker";
-function ye(e) {
-  return e.nodeType === Node.ELEMENT_NODE;
-}
-const ot = ({ children: e, styles: n, className: t }) => L.createElement("div", { className: t, style: n }, e);
-function rt(e) {
-  const [n, t] = N(null), [o, r] = N(null), a = J(), i = Z("marker"), { children: s, onClick: g, className: c, onMouseEnter: l, onMouseLeave: m, onDrag: f, onDragStart: u, onDragEnd: h, collisionBehavior: y, clickable: d, draggable: p, position: b, title: C, zIndex: P, anchorPoint: w, anchorLeft: v, anchorTop: O } = e, D = be.count(s);
-  return E(() => {
-    if (!a || !i)
-      return;
-    const _ = new i.AdvancedMarkerElement();
-    _.map = a, t(_);
-    let M = null;
-    return D > 0 && (M = document.createElement("div"), _.content = M, r(M)), () => {
-      _.map = null, M == null || M.remove(), t(null), r(null);
-    };
-  }, [a, i, D]), E(() => {
-    !(n != null && n.content) || !ye(n.content) || D > 0 || (n.content.className = c ?? "");
-  }, [n, c, D]), at(n, w, v, O, D > 0), k(n, "position", b), k(n, "title", C ?? ""), k(n, "zIndex", P), k(n, "collisionBehavior", y), E(() => {
-    n && (p !== void 0 ? n.gmpDraggable = p : f || u || h ? n.gmpDraggable = !0 : n.gmpDraggable = !1);
-  }, [n, p, f, h, u]), E(() => {
-    if (!n)
-      return;
-    const _ = d !== void 0 ? d : !!g || !!l || !!m;
-    n.gmpClickable = _, _ && (n != null && n.content) && ye(n.content) && (n.content.style.pointerEvents = "all", g && (n.content.style.cursor = "pointer"));
-  }, [n, d, g, l, m]), S(n, "click", g), S(n, "drag", f), S(n, "dragstart", u), S(n, "dragend", h), ve(n == null ? void 0 : n.element, "mouseenter", l), ve(n == null ? void 0 : n.element, "mouseleave", m), [n, o];
-}
-function at(e, n, t, o, r) {
-  E(() => {
-    if (!e || !r)
-      return;
-    const a = nt(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 ?? tt.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", et.addAdvancedMarkerPointerEventsOverwrite());
-      }
-    }
-  }, [e, n, t, o, r]);
-}
-function it(e) {
-  var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onRadiusChanged: l, onCenterChanged: m, center: f, defaultCenter: u, radius: h, defaultRadius: y } = e, d = z(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onRadiusChanged", "onCenterChanged", "center", "defaultCenter", "radius", "defaultRadius"]), [p, b] = N(null), C = J(), P = re(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 || m), editable: (o = d.editable) !== null && o !== void 0 ? o : !!l }), oe);
-  return E(() => {
-    if (!C) {
-      C === void 0 && console.error("<Circle> has to be inside a Map component.");
-      return;
-    }
-    const w = new google.maps.Circle(Object.assign(Object.assign({}, P), { center: f ?? u, radius: h ?? y }));
-    return w.setMap(C), b(w), () => {
-      w.setMap(null), b(null);
-    };
-  }, [C]), S(p, "click", r), S(p, "drag", a), S(p, "dragstart", i), S(p, "dragend", s), S(p, "mouseover", g), S(p, "mouseout", c), S(p, "radius_changed", l ? () => {
-    const w = p == null ? void 0 : p.getRadius();
-    w !== void 0 && l(w);
-  } : null), S(p, "center_changed", m ? () => {
-    m(p == null ? void 0 : p.getCenter());
-  } : null), E(() => {
-    p && p.setOptions(P);
-  }, [p, P]), E(() => {
-    !p || !f || Je(f, p.getCenter()) || p.setCenter(f);
-  }, [p, f]), E(() => {
-    !p || h === void 0 || h !== p.getRadius() && p.setRadius(h);
-  }, [p, h]), p;
-}
-const st = U((e, n) => {
-  const t = it(e);
-  return H(n, () => t, [t]), L.createElement(L.Fragment, null);
-});
-st.displayName = "Circle";
-function lt(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) && Ne(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 && Ne(o, r, a);
-    }
-}
-function Ne(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 && !dt(n) ? e[n] = t + "px" : n === "float" ? e.cssFloat = t : e[n] = ("" + t).trim();
-}
-const ct = /* @__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 dt(e) {
-  return ct.has(e);
-}
-function xe(e) {
-  const n = e.getPaths(), t = [];
-  for (let o = 0; o < n.getLength(); o++)
-    t.push(n.getAt(o).getArray());
-  return t;
-}
-function ut(e) {
-  var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onPathsChanged: l, polygon: m, encodedPaths: f, paths: u, defaultPaths: h } = e, y = z(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathsChanged", "polygon", "encodedPaths", "paths", "defaultPaths"]), [d, p] = N(null), b = J(), C = Z("geometry"), P = F(!1), w = re(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 }), oe);
-  return E(() => {
-    if (!b) {
-      b === void 0 && console.error("<Polygon> has to be inside a Map component.");
-      return;
-    }
-    let v;
-    if (m) {
-      v = m;
-      const O = u ?? h;
-      O && Array.isArray(O) && v.setPaths(O), v.setOptions(w);
-    } else {
-      const O = u ?? h, D = Object.assign({}, w);
-      O && Array.isArray(O) && (D.paths = O), v = new google.maps.Polygon(D);
-    }
-    return v.setMap(b), p(v), () => {
-      v.setMap(null), p(null);
-    };
-  }, [b, m]), S(d, "click", r), S(d, "drag", a), S(d, "dragstart", i), S(d, "mouseover", g), S(d, "mouseout", c), S(d, "dragend", (v) => {
-    s == null || s(v), l && d && !P.current && l(xe(d));
-  }), E(() => {
-    if (!d || !l)
-      return;
-    const v = [], O = d.getPaths();
-    if (typeof O.getLength != "function" || typeof O.getAt != "function")
-      return;
-    const D = () => {
-      P.current || l(xe(d));
-    }, _ = (M) => {
-      v.push(google.maps.event.addListener(M, "insert_at", D)), v.push(google.maps.event.addListener(M, "remove_at", D)), v.push(google.maps.event.addListener(M, "set_at", D));
-    };
-    for (let M = 0; M < O.getLength(); M++)
-      _(O.getAt(M));
-    return v.push(google.maps.event.addListener(O, "insert_at", (M) => {
-      _(O.getAt(M)), D();
-    })), v.push(google.maps.event.addListener(O, "set_at", (M) => {
-      _(O.getAt(M)), D();
-    })), v.push(google.maps.event.addListener(O, "remove_at", D)), () => {
-      v.forEach((M) => M.remove());
-    };
-  }, [
-    d,
-    l,
-    u,
-    f,
-    w.editable,
-    w.draggable
-  ]), E(() => {
-    d && d.setOptions(w);
-  }, [d, w]), E(() => {
-    if (!d || !u || !Array.isArray(u))
-      return;
-    const v = u[0], O = Array.isArray(v) ? u : [u], D = d.getPaths();
-    Fn(O, D) || (P.current = !0, d.setPaths(u), P.current = !1);
-  }, [d, u]), E(() => {
-    if (!d || !f || !C)
-      return;
-    P.current = !0;
-    const v = f.map((O) => C.encoding.decodePath(O));
-    d.setPaths(v), P.current = !1;
-  }, [d, f, C]), d;
-}
-const gt = U((e, n) => {
-  const t = ut(e);
-  return H(n, () => t, [t]), L.createElement(L.Fragment, null);
-});
-gt.displayName = "Polygon";
-function ft(e) {
-  var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onPathChanged: l, polyline: m, encodedPath: f, path: u, defaultPath: h } = e, y = z(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathChanged", "polyline", "encodedPath", "path", "defaultPath"]), [d, p] = N(null), b = J(), C = Z("geometry"), P = F(!1), w = re(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 }), oe);
-  return E(() => {
-    if (!b) {
-      b === void 0 && console.error("<Polyline> has to be inside a Map component.");
-      return;
-    }
-    let v;
-    if (m) {
-      v = m;
-      const O = u ?? h;
-      O && Array.isArray(O) && v.setPath(O), v.setOptions(w);
-    } else {
-      const O = u ?? h, D = Object.assign({}, w);
-      O && Array.isArray(O) && (D.path = O), v = new google.maps.Polyline(D);
-    }
-    return v.setMap(b), p(v), () => {
-      v.setMap(null), p(null);
-    };
-  }, [b, m]), S(d, "click", r), S(d, "drag", a), S(d, "dragstart", i), S(d, "mouseover", g), S(d, "mouseout", c), S(d, "dragend", (v) => {
-    s == null || s(v), l && d && !P.current && l(d.getPath().getArray());
-  }), E(() => {
-    if (!d || !l)
-      return;
-    const v = d.getPath();
-    if (!v)
-      return;
-    const O = () => {
-      P.current || l(v.getArray());
-    }, D = [
-      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 () => {
-      D.forEach((_) => _.remove());
-    };
-  }, [
-    d,
-    l,
-    u,
-    f,
-    w.editable,
-    w.draggable
-  ]), E(() => {
-    d && d.setOptions(w);
-  }, [d, w]), E(() => {
-    if (!d || !u)
-      return;
-    const v = d.getPath();
-    Ze(u, v) || (P.current = !0, d.setPath(u), P.current = !1);
-  }, [d, u]), E(() => {
-    if (!d || !f || !C)
-      return;
-    P.current = !0;
-    const v = C.encoding.decodePath(f);
-    d.setPath(v), P.current = !1;
-  }, [d, f, C]), d;
-}
-const mt = U((e, n) => {
-  const t = ft(e);
-  return H(n, () => t, [t]), L.createElement(L.Fragment, null);
-});
-mt.displayName = "Polyline";
-const pt = {
-  center: { lat: 0, lng: 0, altitude: 0 },
-  range: 0,
-  heading: 0,
-  tilt: 0,
-  roll: 0
-}, ht = ["center", "range", "heading", "tilt", "roll"];
-function vt(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 yt(e) {
-  const n = qe(), t = F(Object.assign({}, pt));
-  return E(() => {
-    if (!e)
-      return;
-    const o = [];
-    for (const r of ht) {
-      const a = `gmp-${r}change`, i = () => {
-        vt(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 bt(e) {
-  const n = Z("maps3d"), [t, o] = N(!1), [, r] = he(), [a, i] = he(), s = yt(a);
-  return E(() => {
-    customElements.whenDefined("gmp-map-3d").then(() => {
-      o(!0);
-    });
-  }, []), E(
-    () => {
-      if (!a)
-        return;
-      const {
-        center: c,
-        heading: l,
-        tilt: m,
-        range: f,
-        roll: u,
-        defaultCenter: h,
-        defaultHeading: y,
-        defaultTilt: d,
-        defaultRange: p,
-        defaultRoll: b,
-        // Non-element props to exclude
-        id: C,
-        style: P,
-        className: w,
-        children: v,
-        onCenterChanged: O,
-        onHeadingChanged: D,
-        onTiltChanged: _,
-        onRangeChanged: M,
-        onRollChanged: x,
-        onCameraChanged: $,
-        onClick: q,
-        onSteadyChange: ue,
-        onAnimationEnd: Me,
-        onError: Pe,
-        mode: A,
-        gestureHandling: I
-      } = e, Q = z(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"]), we = c ?? h, Ae = l ?? y, Le = m ?? d, De = f ?? p, Se = u ?? b, W = Object.assign({}, Q);
-      we && (W.center = we), Ae !== void 0 && (W.heading = Ae), Le !== void 0 && (W.tilt = Le), De !== void 0 && (W.range = De), Se !== void 0 && (W.roll = Se), Object.assign(a, W);
-    },
-    // 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 Et(e) {
-  return e ? "toJSON" in e && typeof e.toJSON == "function" ? e.toJSON() : e : null;
-}
-function Ct(e, n, t) {
-  var o, r, a, i, s, g, c;
-  const l = Et(t.center), m = (o = l == null ? void 0 : l.lat) !== null && o !== void 0 ? o : null, f = (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;
-    m !== null && f !== null && (C.center.lat !== m || C.center.lng !== f || u !== null && C.center.altitude !== u) && (e.center = {
-      lat: m,
-      lng: f,
-      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 Re = [
-  "gmp-centerchange",
-  "gmp-headingchange",
-  "gmp-tiltchange",
-  "gmp-rangechange",
-  "gmp-rollchange"
-];
-function K(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 Ot(e, n) {
-  const t = n;
-  return {
-    type: "gmp-click",
-    map3d: e,
-    detail: {
-      position: n.position || null,
-      placeId: t.placeId
-    }
-  };
-}
-function Mt(e, n) {
-  return {
-    type: "gmp-steadychange",
-    map3d: e,
-    detail: {
-      isSteady: n.isSteady
-    }
-  };
-}
-function Pt(e, n) {
-  const { onCenterChanged: t, onHeadingChanged: o, onTiltChanged: r, onRangeChanged: a, onRollChanged: i, onCameraChanged: s, onClick: g, onSteadyChange: c, onAnimationEnd: l, onError: m } = n;
-  G(e, "gmp-centerchange", t, K), G(e, "gmp-headingchange", o, K), G(e, "gmp-tiltchange", r, K), G(e, "gmp-rangechange", a, K), G(e, "gmp-rollchange", i, K), E(() => {
-    if (!e || !s)
-      return;
-    const f = () => {
-      s(K(e, "camerachange"));
-    };
-    for (const u of Re)
-      e.addEventListener(u, f);
-    return () => {
-      for (const u of Re)
-        e.removeEventListener(u, f);
-    };
-  }, [e, s]), E(() => {
-    if (!e || !g)
-      return;
-    const f = (u) => {
-      g(Ot(e, u));
-    };
-    return e.addEventListener("gmp-click", f), () => e.removeEventListener("gmp-click", f);
-  }, [e, g]), E(() => {
-    if (!e || !c)
-      return;
-    const f = (u) => {
-      c(Mt(e, u));
-    };
-    return e.addEventListener("gmp-steadychange", f), () => e.removeEventListener("gmp-steadychange", f);
-  }, [e, c]), G(e, "gmp-animationend", l, (f, u) => ({
-    type: u,
-    map3d: f
-  })), G(e, "gmp-error", m, (f, u) => ({
-    type: u,
-    map3d: f
-  }));
-}
-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 wt = /* @__PURE__ */ new Set([
-  "bounds",
-  "defaultUIHidden",
-  "gestureHandling",
-  "internalUsageAttributionIds",
-  "maxAltitude",
-  "maxHeading",
-  "maxTilt",
-  "minAltitude",
-  "minHeading",
-  "minTilt",
-  "mode"
-]);
-function At(e, n) {
-  const t = T(() => {
-    const o = {}, r = Object.keys(n);
-    for (const a of r) {
-      if (!wt.has(a))
-        continue;
-      const i = n[a];
-      i !== void 0 && (o[a] = i);
-    }
-    return o;
-  }, [n]);
-  Ve(() => {
-    e && Object.assign(e, t);
-  }, [e, t]);
-}
-const Lt = L.createContext(null), Dt = {
-  width: "100%",
-  height: "100%",
-  position: "relative"
-}, St = 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, m, f, u] = bt(e);
-  Ct(c, f, e), Pt(c, e), At(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 = T(() => Object.assign(Object.assign({}, Dt), a), [a]), y = T(() => ({ map3d: c }), [c]);
-  return u ? L.createElement(
-    "div",
-    Object.assign({ ref: l, "data-testid": "map-3d", style: r ? void 0 : h, className: r }, o ? { id: o } : {}),
-    L.createElement("gmp-map-3d", { ref: m, style: { width: "100%", height: "100%" } }, c && L.createElement(Lt.Provider, { value: y }, t))
-  ) : L.createElement("div", Object.assign({ ref: l, "data-testid": "map-3d", style: r ? void 0 : h, className: r }, o ? { id: o } : {}));
-});
-St.displayName = "Map3D";
-const Oe = en(null), It = U(function(n, t) {
-  const { children: o, onClick: r, position: a, altitudeMode: i, collisionBehavior: s, drawsWhenOccluded: g, extruded: c, label: l, sizePreserved: m, zIndex: f, title: u } = n, h = !!r, [y, d] = N(null), [p, b] = N(!1), C = T(() => {
-    const v = document.createElement("div");
-    return v.style.display = "none", document.body.appendChild(v), v;
-  }, []);
-  E(() => () => C.remove(), [C]);
-  const P = ee((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 D = O, _ = D.tagName.toLowerCase();
-      if (_ === "img" || _ === "svg") {
-        const M = document.createElement("template");
-        M.content.appendChild(D.cloneNode(!0)), y.appendChild(M);
-      } else
-        y.appendChild(D.cloneNode(!0));
-    }
-  }, [y, C, o, p]);
-  const w = T(() => ({ marker: y, setContentHandledExternally: b }), [y]);
-  return k(y, "position", a), k(y, "altitudeMode", i), k(y, "collisionBehavior", s), k(y, "drawsWhenOccluded", g), k(y, "extruded", c), k(y, "label", l), k(y, "sizePreserved", m), k(y, "zIndex", f), k(y, "title", u ?? ""), L.createElement(
-    Oe.Provider,
-    { value: w },
-    h ? L.createElement("gmp-marker-3d-interactive", { ref: P }) : L.createElement("gmp-marker-3d", { ref: P }),
-    de(o, C)
-  );
-});
-It.displayName = "Marker3D";
-const _t = U(function(n, t) {
-  var o;
-  const { children: r, headerContent: a, style: i, className: s, open: g = !0, position: c, anchor: l, anchorId: m, altitudeMode: f, lightDismissDisabled: u, autoPanDisabled: h, onClose: y } = n, [d, p] = N(null), b = F(null);
-  H(t, () => d, [d]), kt(d, g, y), k(d, "open", g ?? !1), k(d, "altitudeMode", f), k(d, "lightDismissDisabled", u), k(d, "autoPanDisabled", h);
-  const C = (o = l ?? m) !== null && o !== void 0 ? o : c;
-  return k(d, "positionAnchor", C), Y(() => {
-    d && (lt(d, i || null, b.current), b.current = i || null);
-  }, [d, i]), L.createElement(
-    "gmp-popover",
-    { ref: p, className: s },
-    a && L.createElement("div", { slot: "header" }, a),
-    r
-  );
-});
-_t.displayName = "Popover";
-function kt(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 Tt(e) {
-  const [n, t] = N(null), o = J(), { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c } = e, l = z(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut"]), { position: m, draggable: f } = 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(!!f), () => {
-      h.clearInstanceListeners(u);
-    };
-  }, [
-    n,
-    f,
-    r,
-    a,
-    i,
-    s,
-    g,
-    c
-  ]), E(() => {
-    n && l && n.setOptions(l);
-  }, [n, l]), E(() => {
-    f || !m || !n || n.setPosition(m);
-  }, [f, m, n]), n;
-}
-const Qe = U((e, n) => {
-  const t = Tt(e);
-  return H(n, () => t, [t]), L.createElement(L.Fragment, null);
-});
-Qe.displayName = "Marker";
-const Nt = (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 = T(() => 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 && ne("The <Pin> component only uses children to render the glyph if both the glyph property and children are present."), be.count(e.children) > 1 && ne("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 m = (g = o.content) === null || g === void 0 ? void 0 : g.firstChild;
-    for (; m != null && m.firstChild; )
-      m.removeChild(m.firstChild);
-    m && m.appendChild(l.element);
-  }, [o, i, r, e]), de(e.children, i);
-}, xt = (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 = T(() => 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 && ne("The <Pin> component only uses children to render the glyph if both glyphSrc/glyphText and children are present."), be.count(n) > 1 && ne("Passing multiple children to the <Pin> component might lead to unexpected results.");
-    const l = Object.assign({}, e), m = new g.PinElement(l);
-    n && m.appendChild(s);
-    const f = (c = r.content) === null || c === void 0 ? void 0 : c.firstChild;
-    for (; f != null && f.firstChild; )
-      f.removeChild(f.firstChild);
-    f && f.appendChild(m);
-  }, [
-    r,
-    g,
-    s,
-    a,
-    n,
-    e
-  ]), de(n, s);
-}, Rt = (e) => {
-  var n;
-  const t = Z("marker"), o = T(() => 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 = z(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 L.createElement(xt, Object.assign({}, s, { glyphText: c, glyphSrc: l }));
-  } else {
-    const { glyph: r, glyphSrc: a, glyphText: i } = e, s = z(e, ["glyph", "glyphSrc", "glyphText"]), g = (n = r ?? a) !== null && n !== void 0 ? n : i;
-    return L.createElement(Nt, Object.assign({}, s, { glyph: g }));
-  }
-};
-function zt(e) {
-  var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onBoundsChanged: l, bounds: m, defaultBounds: f } = e, u = z(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onBoundsChanged", "bounds", "defaultBounds"]), [h, y] = N(null), d = J(), p = re(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 }), oe);
-  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: m ?? f }));
-    return b.setMap(d), y(b), () => {
-      b.setMap(null), y(null);
-    };
-  }, [d]), S(h, "click", r), S(h, "drag", a), S(h, "dragstart", i), S(h, "dragend", s), S(h, "mouseover", g), S(h, "mouseout", c), S(h, "bounds_changed", l ? () => {
-    l(h == null ? void 0 : h.getBounds());
-  } : null), E(() => {
-    h && h.setOptions(p);
-  }, [h, p]), E(() => {
-    !h || !m || Bn(m, h.getBounds()) || h.setBounds(m);
-  }, [h, m]), h;
-}
-const jt = U((e, n) => {
-  const t = zt(e);
-  return H(n, () => t, [
-    t
-  ]), L.createElement(L.Fragment, null);
-});
-jt.displayName = "Rectangle";
-const Bt = {
-  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."
-    }
-  }
-}, Ft = te(
-  ["ds:relative ds:overflow-hidden ds:block", "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]",
-        // `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:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
-        bare: "ds:rounded-none ds:border-0"
-      }
-    },
-    defaultVariants: { size: "md", surface: "bordered" }
-  }
-), Ut = te("ds:block ds:inline-size-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" }
-}), Ht = te(
-  [
-    "ds:absolute ds:inset-0",
-    "ds:flex ds:flex-col ds:items-center ds:justify-center",
-    "ds:gap-[var(--spacing-sm)]",
-    "ds:p-[var(--spacing-md)]",
-    "ds:bg-[var(--muted)] ds:text-[var(--foreground)]",
-    "ds:text-center"
-  ].join(" ")
-), Vt = te("type-heading-3 ds:m-0"), ze = te(
-  "type-body-sm ds:text-[var(--muted-foreground)] ds:max-inline-size-[28rem] ds:m-0"
-);
-function Gt({
-  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 Jt({
-  address: e,
-  description: n,
-  onLoadMap: t,
-  openInGoogleMapsHref: o,
-  consentCta: r
-}) {
-  const { t: a } = Fe();
-  return /* @__PURE__ */ se("div", { className: Ht(), "data-testid": "map-view-consent", children: [
-    /* @__PURE__ */ R(
-      an,
-      {
-        "aria-hidden": "true",
-        className: "ds:size-6 ds:text-[var(--muted-foreground)]"
-      }
-    ),
-    /* @__PURE__ */ R("p", { className: Vt(), children: a("mapView.consentTitle") }),
-    e ? /* @__PURE__ */ R(
-      "p",
-      {
-        className: ze(),
-        "data-testid": "map-view-address",
-        children: e
-      }
-    ) : null,
-    /* @__PURE__ */ R("p", { className: ze(), children: n }),
-    /* @__PURE__ */ se("div", { className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center", children: [
-      r ?? /* @__PURE__ */ R(
-        on,
-        {
-          type: "button",
-          intent: "primary",
-          size: "sm",
-          onClick: t,
-          "data-testid": "map-view-load-cta",
-          children: a("mapView.consentCta")
-        }
-      ),
-      /* @__PURE__ */ se(
-        "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: [
-            a("mapView.openInGoogleMaps"),
-            /* @__PURE__ */ R(sn, { "aria-hidden": "true", className: "ds:size-3" })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-const Zt = 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,
-    consentCta: m,
-    mapId: f,
-    size: u,
-    surface: h,
-    ariaLabel: y,
-    className: d,
-    ...p
-  }, b) => {
-    const { t: C, i18n: P } = Fe(), w = nn(), v = T(
-      () => `map-${w.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [w]
-    ), [O, D] = N(!1);
-    E(() => {
-      if (typeof window > "u") return;
-      const A = window.matchMedia("(prefers-reduced-motion: reduce)"), I = () => D(A.matches);
-      return I(), A.addEventListener("change", I), () => A.removeEventListener("change", I);
-    }, []);
-    const _ = T(() => `https://www.google.com/maps/search/?api=1&query=${c ? encodeURIComponent(c) : `${t.lat},${t.lng}`}`, [c, t.lat, t.lng]), M = F(null), x = ee((A) => {
-      M.current = A;
-    }, []);
-    H(
-      b,
-      () => ({
-        panTo: (A) => {
-          var I;
-          return (I = M.current) == null ? void 0 : I.panTo(A);
-        },
-        setZoom: (A) => {
-          var I;
-          return (I = M.current) == null ? void 0 : I.setZoom(A);
-        },
-        selectMarker: (A) => {
-          var I;
-          return (I = M.current) == null ? void 0 : I.selectMarker(A);
-        }
-      }),
-      []
-    );
-    const $ = T(
-      () => ({
-        panTo: (A) => {
-          var I;
-          return (I = M.current) == null ? void 0 : I.panTo(A);
-        },
-        setZoom: (A) => {
-          var I;
-          return (I = M.current) == null ? void 0 : I.setZoom(A);
-        },
-        selectMarker: (A) => {
-          var I;
-          return (I = M.current) == null ? void 0 : I.selectMarker(A);
-        }
-      }),
-      []
-    );
-    rn(Bt, $, e), E(() => {
-      var A;
-      O || (A = M.current) == null || A.panTo(t);
-    }, [t.lat, t.lng, O]), E(() => {
-      var A;
-      (A = M.current) == null || A.setZoom(o);
-    }, [o]);
-    const [q, ue] = N(!1), Me = s || q, Pe = ee(() => {
-      if (g) {
-        g(), ue(!0);
-        return;
-      }
-      ue(!0);
-    }, [g]);
-    return /* @__PURE__ */ R(
-      "div",
-      {
-        className: Ft({ size: u, surface: h, className: d }),
-        "data-component": "map-view",
-        "data-component-id": e ?? v,
-        role: "region",
-        "aria-label": y ?? C("mapView.label"),
-        ...p,
-        children: /* @__PURE__ */ R("div", { className: Ut({ size: u }), children: Me ? /* @__PURE__ */ R(
-          Dn,
-          {
-            apiKey: n,
-            language: P.language,
-            children: /* @__PURE__ */ se(
-              Ke,
-              {
-                defaultCenter: t,
-                defaultZoom: o,
-                mapId: f,
-                gestureHandling: "cooperative",
-                disableDefaultUI: !1,
-                onClick: () => i == null ? void 0 : i(null),
-                className: "ds:[inline-size:100%] ds:[block-size:100%]",
-                children: [
-                  /* @__PURE__ */ R(
-                    Gt,
-                    {
-                      onHandleReady: x,
-                      onMarkerSelect: (A) => i == null ? void 0 : i(A)
-                    }
-                  ),
-                  (r ?? []).map((A) => {
-                    const I = a != null && a === A.id, Q = C("mapView.markerLabel", {
-                      label: A.label ?? A.id
-                    });
-                    return f ? /* @__PURE__ */ R(
-                      Xe,
-                      {
-                        position: A.position,
-                        title: Q,
-                        "aria-label": Q,
-                        "data-selected": I ? "true" : "false",
-                        onClick: () => i == null ? void 0 : i(A.id),
-                        children: /* @__PURE__ */ R(
-                          Rt,
-                          {
-                            background: "var(--primary)",
-                            borderColor: "var(--primary)",
-                            glyphColor: "var(--primary-foreground)"
-                          }
-                        )
-                      },
-                      A.id
-                    ) : /* @__PURE__ */ R(
-                      Qe,
-                      {
-                        position: A.position,
-                        title: Q,
-                        onClick: () => i == null ? void 0 : i(A.id)
-                      },
-                      A.id
-                    );
-                  })
-                ]
-              }
-            )
-          }
-        ) : /* @__PURE__ */ R(
-          Jt,
-          {
-            address: c,
-            description: l ?? C("mapView.consentDescription"),
-            onLoadMap: Pe,
-            consentCta: m,
-            openInGoogleMapsHref: _
-          }
-        ) })
-      }
-    );
-  }
-);
-Zt.displayName = "MapView";
-export {
-  Zt as M
-};
-//# sourceMappingURL=map-view-qJLybrmN.js.map