@alfadocs/ui-kit 0.31.0 → 0.31.3

package/dist/_chunks/{map-view-DyB8tr6c.js → map-view-WEWqXzof.js}

@@ -1,17 +1,17 @@
-import { jsx as R, jsxs as ie } from "react/jsx-runtime";
-import * as je from "react";
-import P, { useMemo as N, useContext as B, useEffect as E, useLayoutEffect as X, forwardRef as U, useImperativeHandle as H, useState as x, useReducer as ze, useCallback as ce, useRef as F, Children as Ee, createContext as Qe, useId as en } from "react";
-import { c as ne } from "./index-D2ZczOXr.js";
-import { useTranslation as Be } from "react-i18next";
-import { createPortal as de } from "react-dom";
-import { g as nn } from "./_commonjsHelpers-DaMA6jEr.js";
-import { B as tn } from "./button-DD_0Xdmr.js";
-import { u as on } from "./registry-C9nwlNyL.js";
-import { M as rn } from "./map-pin-B8STOPMJ.js";
-import { E as an } from "./external-link-C6F25E6k.js";
-var ge, De;
-function sn() {
-  return De || (De = 1, ge = function e(n, t) {
+import { jsx as j, jsxs as le } from "react/jsx-runtime";
+import * as Fe from "react";
+import A, { useMemo as N, useContext as F, useEffect as C, useLayoutEffect as X, forwardRef as H, useImperativeHandle as V, useState as _, useReducer as Ue, useCallback as ne, useRef as U, Children as Ee, createContext as nn, useId as tn } from "react";
+import { c as oe } from "./index-D2ZczOXr.js";
+import { useTranslation as He } from "react-i18next";
+import { createPortal as ue } from "react-dom";
+import { g as on } from "./_commonjsHelpers-DaMA6jEr.js";
+import { B as rn } from "./button-DD_0Xdmr.js";
+import { u as an } from "./registry-nPAVE19X.js";
+import { M as sn } from "./map-pin-B8STOPMJ.js";
+import { E as ln } from "./external-link-C6F25E6k.js";
+var fe, _e;
+function cn() {
+  return _e || (_e = 1, fe = 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;
@@ -35,11 +35,11 @@ function sn() {
       return !0;
     }
     return n !== n && t !== t;
-  }), ge;
+  }), fe;
 }
-var ln = sn();
-const te = /* @__PURE__ */ nn(ln), cn = "1.8.3";
-function j(e, n) {
+var dn = cn();
+const re = /* @__PURE__ */ on(dn), un = "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")
@@ -47,7 +47,7 @@ function j(e, n) {
       n.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (t[o[r]] = e[o[r]]);
   return t;
 }
-function Se(e, n, t, o) {
+function Ie(e, n, t, o) {
   function r(a) {
     return a instanceof t ? a : new t(function(i) {
       i(a);
@@ -57,15 +57,15 @@ function Se(e, n, t, o) {
     function s(l) {
       try {
         c(o.next(l));
-      } catch (f) {
-        i(f);
+      } catch (m) {
+        i(m);
       }
     }
     function g(l) {
       try {
         c(o.throw(l));
-      } catch (f) {
-        i(f);
+      } catch (m) {
+        i(m);
       }
     }
     function c(l) {
@@ -74,75 +74,75 @@ function Se(e, n, t, o) {
     c((o = o.apply(e, [])).next());
   });
 }
-function dn(e, n) {
+function gn(e, n) {
   e.src = n;
 }
-const un = (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) => {
+const fn = (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", [...m] + "");
+    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), dn(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);
+    u.set("callback", a + ".maps." + s), gn(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);
   }));
-  f[i] ? console.warn(r + " only loads once. Ignoring:", e) : f[i] = (y, ...d) => m.add(y) && h().then(() => f[i](y, ...d));
-}, gn = (e) => `The setOptions() function should only be called once. The options passed to the additional call (${JSON.stringify(e)}) will be ignored.`, fn = (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.`, mn = "No options were set before calling importLibrary. Make sure to configure the loader using setOptions().", pn = "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.", Fe = process.env.NODE_ENV !== "production", Ce = Fe ? (e) => {
+  m[i] ? console.warn(r + " only loads once. Ignoring:", e) : m[i] = (y, ...d) => f.add(y) && h().then(() => m[i](y, ...d));
+}, mn = (e) => `The setOptions() function should only be called once. The options passed to the additional call (${JSON.stringify(e)}) will be ignored.`, pn = (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.`, hn = "No options were set before calling importLibrary. Make sure to configure the loader using setOptions().", vn = "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.", Ve = process.env.NODE_ENV !== "production", Oe = Ve ? (e) => {
   console.warn(`[@googlemaps/js-api-loader] ${e}`);
 } : () => {
-}, hn = Fe ? (e) => {
+}, yn = Ve ? (e) => {
   console.info(`[@googlemaps/js-api-loader] ${e}`);
 } : () => {
-}, vn = process.env.NODE_ENV !== "production";
-let pe = !1;
-function yn(e) {
-  if (pe) {
-    Ce(gn(e));
+}, bn = process.env.NODE_ENV !== "production";
+let he = !1;
+function Cn(e) {
+  if (he) {
+    Oe(mn(e));
     return;
   }
-  En(e), pe = !0;
+  On(e), he = !0;
 }
-async function bn(e) {
+async function En(e) {
   var n, t;
-  if (pe || Ce(mn), !((t = (n = window == null ? void 0 : window.google) == null ? void 0 : n.maps) != null && t.importLibrary))
+  if (he || Oe(hn), !((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 En(e) {
+function On(e) {
   var t, o;
   const n = !!((o = (t = window.google) == null ? void 0 : t.maps) != null && o.importLibrary);
-  n ? hn(fn(e)) : vn && document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]') && Ce(pn), n || un(e);
+  n ? yn(pn(e)) : bn && document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]') && Oe(vn), n || fn(e);
 }
-const z = {
+const B = {
   NOT_LOADED: "NOT_LOADED",
   LOADING: "LOADING",
   LOADED: "LOADED",
   FAILED: "FAILED",
   AUTH_FAILURE: "AUTH_FAILURE"
-}, Cn = "GMP_visgl_rgmlibrary_v1_default", On = [
-  `gmp_visgl_reactgooglemaps_v${cn}`
-], Q = P.createContext(null);
-let V = z.NOT_LOADED, re;
-const he = /* @__PURE__ */ new Set();
-function ae(e) {
-  e !== V && (V = e, he.forEach((n) => n(V)));
-}
-function Mn() {
-  const [e, n] = x({});
+}, Mn = "GMP_visgl_rgmlibrary_v1_default", wn = [
+  `gmp_visgl_reactgooglemaps_v${un}`
+], Q = A.createContext(null);
+let G = B.NOT_LOADED, ie;
+const ve = /* @__PURE__ */ new Set();
+function se(e) {
+  e !== G && (G = e, ve.forEach((n) => n(G)));
+}
+function Pn() {
+  const [e, 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 + ""]);
+      var g = z(i, [typeof s == "symbol" ? s : s + ""]);
       return g;
     });
   }, clearMapInstances: () => {
     n({});
   } };
 }
-function wn() {
-  const [e, n] = x({});
+function An() {
+  const [e, n] = _({});
   return {
     map3dInstances: e,
     addMap3DInstance: (a, i = "default") => {
@@ -152,7 +152,7 @@ function wn() {
       n((i) => {
         var s = a;
         i[s];
-        var g = j(i, [typeof s == "symbol" ? s : s + ""]);
+        var g = z(i, [typeof s == "symbol" ? s : s + ""]);
         return g;
       });
     },
@@ -161,8 +161,8 @@ function wn() {
     }
   };
 }
-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] = x(V), [h, y] = ze((b, C) => b[C.name] ? b : Object.assign(Object.assign({}, b), { [C.name]: C.value }), {}), d = N(() => {
+function Tn(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] = _(G), [h, y] = Ue((b, E) => b[E.name] ? b : Object.assign(Object.assign({}, b), { [E.name]: E.value }), {}), d = N(() => {
     const b = {
       apiKey: o,
       version: r,
@@ -183,31 +183,31 @@ function Pn(e) {
     g,
     c,
     l
-  ]), p = ce((b) => Se(this, void 0, void 0, function* () {
+  ]), p = ne((b) => Ie(this, void 0, void 0, function* () {
     if (h[b])
       return h[b];
-    const C = yield bn(b);
-    return y({ name: b, value: C }), C;
+    const E = yield En(b);
+    return y({ name: b, value: E }), E;
   }), [h]);
-  return E(() => (he.add(u), u(V), () => {
-    he.delete(u);
-  }), []), E(
+  return C(() => (ve.add(u), u(G), () => {
+    ve.delete(u);
+  }), []), C(
     () => {
-      Se(this, void 0, void 0, function* () {
-        var b, C;
+      Ie(this, void 0, void 0, function* () {
+        var b, E;
         try {
-          re && re !== 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.");
+          ie && ie !== 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 M = ["core", "maps", ...a];
-          if (!((C = (b = window.google) === null || b === void 0 ? void 0 : b.maps) === null || C === void 0) && C.importLibrary) {
-            re || ae(z.LOADED), yield Promise.all(M.map((v) => p(v))), n && n();
+          if (!((E = (b = window.google) === null || b === void 0 ? void 0 : b.maps) === null || E === void 0) && E.importLibrary) {
+            ie || se(B.LOADED), yield Promise.all(M.map((v) => p(v))), n && n();
             return;
           }
-          if (V === z.LOADING || V === z.LOADED) {
-            V === z.LOADED && n && n();
+          if (G === B.LOADING || G === B.LOADED) {
+            G === B.LOADED && n && n();
             return;
           }
-          re = d, ae(z.LOADING);
-          const A = Object.fromEntries(Object.entries({
+          ie = d, se(B.LOADING);
+          const P = Object.fromEntries(Object.entries({
             key: o,
             v: r,
             libraries: a,
@@ -215,30 +215,30 @@ function Pn(e) {
             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 = Cn : l !== "" && (A.solutionChannel = l), yn(A), yield Promise.all(M.map((v) => p(v))), ae(z.LOADED), n && n();
+          c !== void 0 && c >= 0 && c <= 999 && (P.channel = String(c)), l === void 0 ? P.solutionChannel = Mn : l !== "" && (P.solutionChannel = l), Cn(P), yield Promise.all(M.map((v) => p(v))), se(B.LOADED), n && n();
         } catch (M) {
-          ae(z.FAILED), t ? t(M) : console.error("The Google Maps JavaScript API failed to load.", M);
+          se(B.FAILED), t ? t(M) : console.error("The Google Maps JavaScript API failed to load.", M);
         }
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [d, n, t, p, a]
-  ), E(() => {
-    if (m !== z.LOADED)
+  ), C(() => {
+    if (f !== B.LOADED)
       return;
     const b = google.maps.Settings.getInstance();
-    f ? b.fetchAppCheckToken = f : b.fetchAppCheckToken && (b.fetchAppCheckToken = null);
-  }, [m, f]), {
-    status: m,
+    m ? b.fetchAppCheckToken = m : b.fetchAppCheckToken && (b.fetchAppCheckToken = null);
+  }, [f, m]), {
+    status: f,
     loadedLibraries: h,
     importLibrary: p
   };
 }
-function An(e) {
-  return N(() => e.disableUsageAttribution ? null : On, [e.disableUsageAttribution]);
+function Ln(e) {
+  return N(() => e.disableUsageAttribution ? null : wn, [e.disableUsageAttribution]);
 }
-const Tn = (e) => {
-  const { children: n } = e, t = j(e, ["children"]), { mapInstances: o, addMapInstance: r, removeMapInstance: a, clearMapInstances: i } = Mn(), { map3dInstances: s, addMap3DInstance: g, removeMap3DInstance: c, clearMap3DInstances: l } = wn(), { status: f, loadedLibraries: m, importLibrary: u } = Pn(t), h = An(t), y = N(() => ({
+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 } = An(), { status: m, loadedLibraries: f, importLibrary: u } = Tn(t), h = Ln(t), y = N(() => ({
     mapInstances: o,
     addMapInstance: r,
     removeMapInstance: a,
@@ -247,8 +247,8 @@ const Tn = (e) => {
     addMap3DInstance: g,
     removeMap3DInstance: c,
     clearMap3DInstances: l,
-    status: f,
-    loadedLibraries: m,
+    status: m,
+    loadedLibraries: f,
     importLibrary: u,
     internalUsageAttributionIds: h
   }), [
@@ -260,27 +260,27 @@ const Tn = (e) => {
     g,
     c,
     l,
-    f,
     m,
+    f,
     u,
     h
   ]);
-  return P.createElement(Q.Provider, { value: y }, n);
+  return A.createElement(Q.Provider, { value: y }, n);
 };
-function Ln(e, n) {
-  for (const t of _n) {
-    const o = n[t], r = Ue[t];
-    E(() => {
+function Sn(e, n) {
+  for (const t of Nn) {
+    const o = n[t], r = Ge[t];
+    C(() => {
       if (!e || !o)
         return;
       const a = google.maps.event.addListener(e, r, (i) => {
-        o(Dn(r, e, i));
+        o(kn(r, e, i));
       });
       return () => a.remove();
     }, [e, r, o]);
   }
 }
-function Dn(e, n, t) {
+function kn(e, n, t) {
   var o;
   const r = {
     type: e,
@@ -290,7 +290,7 @@ function Dn(e, n, t) {
     stop: () => {
     }
   };
-  if (Sn.includes(e)) {
+  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 },
@@ -304,7 +304,7 @@ function Dn(e, n, t) {
         west: -180
       }
     }, a;
-  } else if (kn.includes(e)) {
+  } else if (In.includes(e)) {
     if (!t)
       throw new Error("[createEvent] mouse events must provide a srcEvent");
     const a = r;
@@ -315,7 +315,7 @@ function Dn(e, n, t) {
   }
   return r;
 }
-const Ue = {
+const Ge = {
   onBoundsChanged: "bounds_changed",
   onCenterChanged: "center_changed",
   onClick: "click",
@@ -341,31 +341,31 @@ const Ue = {
   // since that is going to be fired in every situation where the camera is
   // updated.
   onCameraChanged: "bounds_changed"
-}, Sn = [
+}, _n = [
   "bounds_changed",
   "center_changed",
   "heading_changed",
   "tilt_changed",
   "zoom_changed"
-], kn = [
+], In = [
   "click",
   "contextmenu",
   "dblclick",
   "mousemove",
   "mouseout",
   "mouseover"
-], _n = Object.keys(Ue);
-function oe(e, n) {
-  const t = F(e);
+], Nn = Object.keys(Ge);
+function ae(e, n) {
+  const t = U(e);
   return n(e, t.current) || (t.current = e), t.current;
 }
-function In(e, n, t) {
-  E(e, [oe(n, t)]);
+function xn(e, n, t) {
+  C(e, [ae(n, t)]);
 }
-function He(e, n) {
-  In(e, n, te);
+function Je(e, n) {
+  xn(e, n, re);
 }
-const Nn = /* @__PURE__ */ new Set([
+const Rn = /* @__PURE__ */ new Set([
   "backgroundColor",
   "clickableIcons",
   "controlSize",
@@ -402,19 +402,19 @@ const Nn = /* @__PURE__ */ new Set([
   "zoomControl",
   "zoomControlOptions"
 ]);
-function xn(e, n) {
+function jn(e, n) {
   const t = {}, o = Object.keys(n);
   for (const r of o)
-    Nn.has(r) && (t[r] = n[r]);
-  He(() => {
+    Rn.has(r) && (t[r] = n[r]);
+  Je(() => {
     e && e.setOptions(t);
   }, [t]);
 }
-function Ve() {
+function Ze() {
   var e;
-  return ((e = B(Q)) === null || e === void 0 ? void 0 : e.status) || z.NOT_LOADED;
+  return ((e = F(Q)) === null || e === void 0 ? void 0 : e.status) || B.NOT_LOADED;
 }
-function Rn(e, n) {
+function zn(e, n) {
   const { viewport: t, viewState: o } = n, r = !!t;
   return X(() => {
     if (!e || !o)
@@ -428,19 +428,19 @@ function Rn(e, n) {
     });
   }, [e, o]), r;
 }
-function jn(e) {
+function Bn(e) {
   return !e || typeof e != "object" || !("lat" in e && "lng" in e) ? !1 : Number.isFinite(e.lat) && Number.isFinite(e.lng);
 }
-function Ge(e, n) {
+function $e(e, n) {
   if (!e || !n)
     return !1;
-  const t = le(e), o = le(n);
+  const t = de(e), o = de(n);
   return !(t.lat !== o.lat || t.lng !== o.lng);
 }
-function le(e) {
-  return jn(e) ? e : e.toJSON();
+function de(e) {
+  return Bn(e) ? e : e.toJSON();
 }
-function ke(e) {
+function Ne(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();
@@ -451,36 +451,36 @@ function ke(e) {
     west: t.lng
   };
 }
-function zn(e, n) {
+function Fn(e, n) {
   if (!e || !n)
     return !1;
-  const t = ke(e), o = ke(n);
+  const t = Ne(e), o = Ne(n);
   return t.north === o.north && t.south === o.south && t.east === o.east && t.west === o.west;
 }
-function Je(e, n) {
+function qe(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 (!Ge(e[o], t[o]))
+    if (!$e(e[o], t[o]))
       return !1;
   return !0;
 }
-function Bn(e, n) {
+function Un(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 (!Je(e[o], t[o]))
+    if (!qe(e[o], t[o]))
       return !1;
   return !0;
 }
-function Fn(e, n, t) {
-  const o = t.center ? le(t.center) : null;
+function Hn(e, n, t) {
+  const o = t.center ? de(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;
@@ -492,7 +492,7 @@ function Fn(e, n, t) {
     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 Un = () => {
+const Vn = () => {
   const e = {
     position: "absolute",
     top: 0,
@@ -509,31 +509,31 @@ const Un = () => {
     background: "#dddddd",
     padding: "1rem 1.5rem"
   };
-  return P.createElement(
+  return A.createElement(
     "div",
     { style: e },
-    P.createElement("h2", null, "Error: AuthFailure"),
-    P.createElement(
+    A.createElement("h2", null, "Error: AuthFailure"),
+    A.createElement(
       "p",
       null,
       "A problem with your API key prevents the map from rendering correctly. Please make sure the value of the ",
-      P.createElement("code", null, "APIProvider.apiKey"),
+      A.createElement("code", null, "APIProvider.apiKey"),
       " prop is correct. Check the error-message in the console for further details."
     )
   );
 };
-function ve() {
-  const [e, n] = x(null), t = ce((o) => n(o), [n]);
+function ye() {
+  const [e, n] = _(null), t = ne((o) => n(o), [n]);
   return [e, t];
 }
-function Ze() {
-  return Ve() === z.LOADED;
+function We() {
+  return Ze() === B.LOADED;
 }
-function $e() {
-  const [, e] = ze((n) => n + 1, 0);
+function Ke() {
+  const [, e] = Ue((n) => n + 1, 0);
   return e;
 }
-function Hn(e, n) {
+function Gn(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 },
@@ -542,23 +542,23 @@ function Hn(e, n) {
     tilt: a
   });
 }
-function Vn(e) {
-  const n = $e(), t = F({
+function Jn(e) {
+  const n = Ke(), t = U({
     center: { lat: 0, lng: 0 },
     heading: 0,
     tilt: 0,
     zoom: 0
   });
-  return E(() => {
+  return C(() => {
     if (!e)
       return;
     const o = google.maps.event.addListener(e, "bounds_changed", () => {
-      Hn(e, t), n();
+      Gn(e, t), n();
     });
     return () => o.remove();
   }, [e, n]), t;
 }
-class se {
+class ce {
   static has(n) {
     return this.entries[n] && this.entries[n].length > 0;
   }
@@ -569,10 +569,10 @@ class se {
     this.entries[n] || (this.entries[n] = []), this.entries[n].push(t);
   }
 }
-se.entries = {};
-function Gn(e, n) {
-  const t = Ze(), [o, r] = x(null), [a, i] = ve(), s = Vn(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);
+ce.entries = {};
+function Zn(e, n) {
+  const t = We(), [o, r] = _(null), [a, i] = ye(), s = Jn(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, E = e.center !== void 0 || e.defaultCenter !== void 0;
+  !c && (!b || !E) && 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 M = p.internalUsageAttributionIds;
   M == null ? p.internalUsageAttributionIds = n.internalUsageAttributionIds : p.internalUsageAttributionIds = [
     ...n.internalUsageAttributionIds || [],
@@ -580,27 +580,27 @@ function Gn(e, n) {
   ];
   for (const v of Object.keys(p))
     p[v] === void 0 && delete p[v];
-  const A = F(void 0);
-  return E(
+  const P = U(void 0);
+  return C(
     () => {
       if (!a || !t)
         return;
       const { addMapInstance: v, removeMapInstance: O } = n, { mapId: L } = e, k = `${L || "default"}:${y || "default"}:${d || "LIGHT"}`;
-      let T, _;
-      if (h && se.has(k) ? (_ = se.pop(k), T = _.getDiv(), a.appendChild(T), _.setOptions(p), setTimeout(() => _.moveCamera({}), 0)) : (T = document.createElement("div"), T.style.height = "100%", a.appendChild(T), _ = new google.maps.Map(T, Object.assign(Object.assign(Object.assign({}, p), y ? { renderingType: y } : {}), d ? { colorScheme: d } : {}))), r(_), v(_, g), c) {
-        const { padding: $ } = c, q = j(c, ["padding"]);
-        _.fitBounds(q, $);
-      } else (!b || !C) && _.fitBounds({ east: 180, west: -180, south: -90, north: 90 });
-      if (A.current) {
-        const { mapId: $, cameraState: q } = A.current;
-        $ !== L && _.moveCamera(q);
+      let T, x;
+      if (h && ce.has(k) ? (x = ce.pop(k), T = x.getDiv(), a.appendChild(T), x.setOptions(p), setTimeout(() => x.moveCamera({}), 0)) : (T = document.createElement("div"), T.style.height = "100%", a.appendChild(T), x = new google.maps.Map(T, Object.assign(Object.assign(Object.assign({}, p), y ? { renderingType: y } : {}), d ? { colorScheme: d } : {}))), r(x), v(x, g), c) {
+        const { padding: R } = c, q = z(c, ["padding"]);
+        x.fitBounds(q, R);
+      } else (!b || !E) && x.fitBounds({ east: 180, west: -180, south: -90, north: 90 });
+      if (P.current) {
+        const { mapId: R, cameraState: q } = P.current;
+        R !== L && x.moveCamera(q);
       }
       return () => {
-        A.current = {
+        P.current = {
           mapId: L,
           // eslint-disable-next-line react-hooks/exhaustive-deps
           cameraState: s.current
-        }, T.remove(), h ? se.push(k, _) : google.maps.event.clearInstanceListeners(_), r(null), O(g);
+        }, T.remove(), h ? ce.push(k, x) : google.maps.event.clearInstanceListeners(x), r(null), O(g);
       };
     },
     // some dependencies are ignored in the list below:
@@ -620,16 +620,16 @@ function Gn(e, n) {
     ]
   ), [o, i, s];
 }
-const qe = P.createContext(null), We = (e) => {
-  const { children: n, id: t, className: o, style: r } = e, a = B(Q), i = Ve();
+const Ye = A.createContext(null), Xe = (e) => {
+  const { children: n, id: t, className: o, style: r } = e, a = F(Q), i = Ze();
   if (!a)
     throw new Error("<Map> can only be used inside an <ApiProvider> component.");
-  const [s, g, c] = Gn(e, a);
-  Fn(s, c, e), Ln(s, e), xn(s, e);
-  const l = Rn(s, e), f = !!e.controlled;
-  E(() => {
+  const [s, g, c] = Zn(e, a);
+  Hn(s, c, e), Sn(s, e), jn(s, e);
+  const l = zn(s, e), m = !!e.controlled;
+  C(() => {
     if (s)
-      return l && s.setOptions({ disableDefaultUI: !0 }), (l || f) && s.setOptions({
+      return l && s.setOptions({ disableDefaultUI: !0 }), (l || m) && s.setOptions({
         gestureHandling: "none",
         keyboardShortcuts: !1
       }), () => {
@@ -641,31 +641,31 @@ const qe = P.createContext(null), We = (e) => {
   }, [
     s,
     l,
-    f,
+    m,
     e.gestureHandling,
     e.keyboardShortcuts
   ]);
-  const m = e.center ? le(e.center) : null;
+  const f = e.center ? de(e.center) : null;
   let u = null, h = null;
-  m && Number.isFinite(m.lat) && Number.isFinite(m.lng) && (u = m.lat, h = m.lng);
+  f && Number.isFinite(f.lat) && Number.isFinite(f.lng) && (u = f.lat, h = f.lng);
   const y = N(() => {
-    var b, C, M;
+    var b, E, M;
     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,
+      heading: (E = e.heading) !== null && E !== void 0 ? E : 0,
       tilt: (M = e.tilt) !== null && M !== void 0 ? M : 0
     };
   }, [u, h, e.zoom, e.heading, e.tilt]);
   X(() => {
-    if (!s || !f)
+    if (!s || !m)
       return;
     s.moveCamera(y);
     const b = s.addListener("bounds_changed", () => {
       s.moveCamera(y);
     });
     return () => b.remove();
-  }, [s, f, y]);
+  }, [s, m, y]);
   const d = N(() => Object.assign({
     width: "100%",
     height: "100%",
@@ -673,47 +673,47 @@ const qe = P.createContext(null), We = (e) => {
     // when using deckgl, the map should be sent to the back
     zIndex: l ? -1 : 0
   }, r), [r, l]), p = N(() => ({ map: s }), [s]);
-  return i === z.AUTH_FAILURE ? P.createElement(
+  return i === B.AUTH_FAILURE ? A.createElement(
     "div",
     { style: Object.assign({ position: "relative" }, o ? {} : d), className: o },
-    P.createElement(Un, null)
-  ) : P.createElement("div", Object.assign({ ref: g, "data-testid": "map", style: o ? void 0 : d, className: o }, t ? { id: t } : {}), s ? P.createElement(qe.Provider, { value: p }, n) : null);
+    A.createElement(Vn, null)
+  ) : A.createElement("div", Object.assign({ ref: g, "data-testid": "map", style: o ? void 0 : d, className: o }, t ? { id: t } : {}), s ? A.createElement(Ye.Provider, { value: p }, n) : null);
 };
-We.deckGLViewProps = !0;
-const _e = /* @__PURE__ */ new Set();
-function ee(...e) {
+Xe.deckGLViewProps = !0;
+const xe = /* @__PURE__ */ new Set();
+function te(...e) {
   const n = JSON.stringify(e);
-  _e.has(n) || (_e.add(n), console.error(...e));
+  xe.has(n) || (xe.add(n), console.error(...e));
 }
-const J = (e = null) => {
-  const n = B(Q), { map: t } = B(qe) || {};
+const Z = (e = null) => {
+  const n = F(Q), { map: t } = F(Ye) || {};
   if (n === null)
-    return ee("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;
+    return te("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 = Ze(), t = B(Q);
-  return E(() => {
+function $(e) {
+  const n = We(), t = F(Q);
+  return C(() => {
     !n || !t || t.importLibrary(e);
   }, [n, t, e]), (t == null ? void 0 : t.loadedLibraries[e]) || null;
 }
-var fe;
-const { useLayoutEffect: Jn, useRef: Zn } = je, $n = (fe = je.useInsertionEffect) !== null && fe !== void 0 ? fe : Jn;
-function qn() {
+var me;
+const { useLayoutEffect: $n, useRef: qn } = Fe, Wn = (me = Fe.useInsertionEffect) !== null && me !== void 0 ? me : $n;
+function Kn() {
   throw new Error("useEffectEvent: invalid call during rendering.");
 }
-function Wn(e) {
-  const n = Zn(qn);
-  return $n(() => {
+function Yn(e) {
+  const n = qn(Kn);
+  return Wn(() => {
     n.current = e;
   }, [e]), ((...t) => n.current(...t));
 }
-const Ke = Wn, Kn = () => {
+const Qe = Yn, Xn = () => {
 };
 function D(e, n, t) {
-  const o = Ke(t ?? Kn), r = !!t;
-  E(() => {
+  const o = Qe(t ?? Xn), r = !!t;
+  C(() => {
     if (!e || !n || !r)
       return;
     const a = google.maps.event.addListener(e, n, o);
@@ -721,22 +721,22 @@ function D(e, n, t) {
   }, [e, n, r]);
 }
 function I(e, n, t) {
-  E(() => {
+  C(() => {
     e && (e[n] = t);
   }, [e, n, t]);
 }
-const Yn = () => {
+const Qn = () => {
 };
-function ye(e, n, t) {
-  const o = Ke(t ?? Yn), r = !!t;
-  E(() => {
+function be(e, n, t) {
+  const o = Qe(t ?? Qn), r = !!t;
+  C(() => {
     if (!e || !n || !r)
       return;
     const a = o;
     return e.addEventListener(n, a), () => e.removeEventListener(n, a);
   }, [e, n, r]);
 }
-class Xn {
+class et {
   constructor() {
     this.renderedStyles = /* @__PURE__ */ new Set(), this.styleElement = null;
   }
@@ -757,28 +757,28 @@ class Xn {
     this.styleElement && (this.styleElement.remove(), this.styleElement = null, this.renderedStyles.clear());
   }
 }
-const Qn = new Xn();
-function et(e, n) {
+const nt = new et();
+function tt(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 Oe = P.createContext(null), nt = {
+const Me = A.createContext(null), ot = {
   BOTTOM: ["50%", "100%"]
-}, Ye = U((e, n) => {
-  const { children: t, style: o, className: r, anchorPoint: a } = e, [i, s] = ot(e), g = N(() => i ? { marker: i } : null, [i]);
-  return H(n, () => i, [i]), s ? P.createElement(Oe.Provider, { value: g }, de(P.createElement(tt, { anchorPoint: a, styles: o, className: r }, t), s)) : null;
+}, en = H((e, n) => {
+  const { children: t, style: o, className: r, anchorPoint: a } = e, [i, s] = at(e), g = N(() => i ? { marker: i } : null, [i]);
+  return V(n, () => i, [i]), s ? A.createElement(Me.Provider, { value: g }, ue(A.createElement(rt, { anchorPoint: a, styles: o, className: r }, t), s)) : null;
 });
-Ye.displayName = "AdvancedMarker";
-function be(e) {
+en.displayName = "AdvancedMarker";
+function Ce(e) {
   return e.nodeType === Node.ELEMENT_NODE;
 }
-const tt = ({ children: e, styles: n, className: t }) => P.createElement("div", { className: t, style: n }, e);
-function ot(e) {
-  const [n, t] = x(null), [o, r] = x(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: M, anchorPoint: A, anchorLeft: v, anchorTop: O } = e, L = Ee.count(s);
-  return E(() => {
+const rt = ({ children: e, styles: n, className: t }) => A.createElement("div", { className: t, style: n }, e);
+function at(e) {
+  const [n, t] = _(null), [o, r] = _(null), a = Z(), i = $("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: E, zIndex: M, anchorPoint: P, anchorLeft: v, anchorTop: O } = e, L = Ee.count(s);
+  return C(() => {
     if (!a || !i)
       return;
     const k = new i.AdvancedMarkerElement();
@@ -787,65 +787,65 @@ function ot(e) {
     return L > 0 && (T = document.createElement("div"), k.content = T, r(T)), () => {
       k.map = null, T == null || T.remove(), t(null), r(null);
     };
-  }, [a, i, L]), E(() => {
-    !(n != null && n.content) || !be(n.content) || L > 0 || (n.content.className = c ?? "");
-  }, [n, c, L]), rt(n, A, v, O, L > 0), I(n, "position", b), I(n, "title", C ?? ""), I(n, "zIndex", M), I(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(() => {
+  }, [a, i, L]), C(() => {
+    !(n != null && n.content) || !Ce(n.content) || L > 0 || (n.content.className = c ?? "");
+  }, [n, c, L]), it(n, P, v, O, L > 0), I(n, "position", b), I(n, "title", E ?? ""), I(n, "zIndex", M), I(n, "collisionBehavior", y), C(() => {
+    n && (p !== void 0 ? n.gmpDraggable = p : f || u || h ? n.gmpDraggable = !0 : n.gmpDraggable = !1);
+  }, [n, p, f, h, u]), C(() => {
     if (!n)
       return;
-    const k = d !== void 0 ? d : !!g || !!l || !!f;
-    n.gmpClickable = k, k && (n != null && n.content) && be(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), ye(n == null ? void 0 : n.element, "mouseenter", l), ye(n == null ? void 0 : n.element, "mouseleave", f), [n, o];
+    const k = d !== void 0 ? d : !!g || !!l || !!m;
+    n.gmpClickable = k, k && (n != null && n.content) && Ce(n.content) && (n.content.style.pointerEvents = "all", g && (n.content.style.cursor = "pointer"));
+  }, [n, d, g, l, m]), D(n, "click", g), D(n, "drag", f), D(n, "dragstart", u), D(n, "dragend", h), be(n == null ? void 0 : n.element, "mouseenter", l), be(n == null ? void 0 : n.element, "mouseleave", m), [n, o];
 }
-function rt(e, n, t, o, r) {
-  E(() => {
+function it(e, n, t, o, r) {
+  C(() => {
     if (!e || !r)
       return;
-    const a = et(3, 62), i = e.content;
-    if (!(!i || !be(i))) {
+    const a = tt(3, 62), i = e.content;
+    if (!(!i || !Ce(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 ?? nt.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", Qn.addAdvancedMarkerPointerEventsOverwrite());
+        const [s, g] = n ?? ot.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", nt.addAdvancedMarkerPointerEventsOverwrite());
       }
     }
   }, [e, n, t, o, r]);
 }
-function at(e) {
+function st(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] = x(null), C = J(), M = oe(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 }), te);
-  return E(() => {
-    if (!C) {
-      C === void 0 && console.error("<Circle> has to be inside a Map component.");
+  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] = _(null), E = Z(), M = ae(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 }), re);
+  return C(() => {
+    if (!E) {
+      E === void 0 && console.error("<Circle> has to be inside a Map component.");
       return;
     }
-    const A = new google.maps.Circle(Object.assign(Object.assign({}, M), { center: m ?? u, radius: h ?? y }));
-    return A.setMap(C), b(A), () => {
-      A.setMap(null), b(null);
+    const P = new google.maps.Circle(Object.assign(Object.assign({}, M), { center: f ?? u, radius: h ?? y }));
+    return P.setMap(E), b(P), () => {
+      P.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(() => {
+  }, [E]), 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 P = p == null ? void 0 : p.getRadius();
+    P !== void 0 && l(P);
+  } : null), D(p, "center_changed", m ? () => {
+    m(p == null ? void 0 : p.getCenter());
+  } : null), C(() => {
     p && p.setOptions(M);
-  }, [p, M]), E(() => {
-    !p || !m || Ge(m, p.getCenter()) || p.setCenter(m);
-  }, [p, m]), E(() => {
+  }, [p, M]), C(() => {
+    !p || !f || $e(f, p.getCenter()) || p.setCenter(f);
+  }, [p, f]), C(() => {
     !p || h === void 0 || h !== p.getRadius() && p.setRadius(h);
   }, [p, h]), p;
 }
-const it = U((e, n) => {
-  const t = at(e);
-  return H(n, () => t, [t]), P.createElement(P.Fragment, null);
+const lt = H((e, n) => {
+  const t = st(e);
+  return V(n, () => t, [t]), A.createElement(A.Fragment, null);
 });
-it.displayName = "Circle";
-function st(e, n, t) {
+lt.displayName = "Circle";
+function ct(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;
@@ -853,7 +853,7 @@ function st(e, n, t) {
     if (n == null)
       return;
     for (const r in n)
-      n.hasOwnProperty(r) && Ie(o, r, n[r]);
+      n.hasOwnProperty(r) && Re(o, r, n[r]);
     return;
   }
   for (const r in t)
@@ -861,14 +861,14 @@ function st(e, n, t) {
   if (n != null)
     for (const r in n) {
       const a = n[r];
-      n.hasOwnProperty(r) && t[r] !== a && Ie(o, r, a);
+      n.hasOwnProperty(r) && t[r] !== a && Re(o, r, a);
     }
 }
-function Ie(e, n, t) {
+function Re(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 && !ct(n) ? e[n] = t + "px" : n === "float" ? e.cssFloat = t : e[n] = ("" + t).trim();
+  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 && !ut(n) ? e[n] = t + "px" : n === "float" ? e.cssFloat = t : e[n] = ("" + t).trim();
 }
-const lt = /* @__PURE__ */ new Set([
+const dt = /* @__PURE__ */ new Set([
   "animationIterationCount",
   "aspectRatio",
   "borderImageOutset",
@@ -915,45 +915,45 @@ const lt = /* @__PURE__ */ new Set([
   "strokeOpacity",
   "strokeWidth"
 ]);
-function ct(e) {
-  return lt.has(e);
+function ut(e) {
+  return dt.has(e);
 }
-function Ne(e) {
+function je(e) {
   const n = e.getPaths(), t = [];
   for (let o = 0; o < n.getLength(); o++)
     t.push(n.getAt(o).getArray());
   return t;
 }
-function dt(e) {
+function gt(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] = x(null), b = J(), C = Z("geometry"), M = F(!1), A = oe(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 }), te);
-  return E(() => {
+  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] = _(null), b = Z(), E = $("geometry"), M = U(!1), P = ae(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 }), re);
+  return C(() => {
     if (!b) {
       b === void 0 && console.error("<Polygon> has to be inside a Map component.");
       return;
     }
     let v;
-    if (f) {
-      v = f;
+    if (m) {
+      v = m;
       const O = u ?? h;
-      O && Array.isArray(O) && v.setPaths(O), v.setOptions(A);
+      O && Array.isArray(O) && v.setPaths(O), v.setOptions(P);
     } else {
-      const O = u ?? h, L = Object.assign({}, A);
+      const O = u ?? h, L = Object.assign({}, P);
       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 && !M.current && l(Ne(d));
-  }), E(() => {
+  }, [b, m]), 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 && !M.current && l(je(d));
+  }), C(() => {
     if (!d || !l)
       return;
     const v = [], O = d.getPaths();
     if (typeof O.getLength != "function" || typeof O.getAt != "function")
       return;
     const L = () => {
-      M.current || l(Ne(d));
+      M.current || l(je(d));
     }, k = (T) => {
       v.push(google.maps.event.addListener(T, "insert_at", L)), v.push(google.maps.event.addListener(T, "remove_at", L)), v.push(google.maps.event.addListener(T, "set_at", L));
     };
@@ -970,52 +970,52 @@ function dt(e) {
     d,
     l,
     u,
-    m,
-    A.editable,
-    A.draggable
-  ]), E(() => {
-    d && d.setOptions(A);
-  }, [d, A]), E(() => {
+    f,
+    P.editable,
+    P.draggable
+  ]), C(() => {
+    d && d.setOptions(P);
+  }, [d, P]), C(() => {
     if (!d || !u || !Array.isArray(u))
       return;
     const v = u[0], O = Array.isArray(v) ? u : [u], L = d.getPaths();
-    Bn(O, L) || (M.current = !0, d.setPaths(u), M.current = !1);
-  }, [d, u]), E(() => {
-    if (!d || !m || !C)
+    Un(O, L) || (M.current = !0, d.setPaths(u), M.current = !1);
+  }, [d, u]), C(() => {
+    if (!d || !f || !E)
       return;
     M.current = !0;
-    const v = m.map((O) => C.encoding.decodePath(O));
+    const v = f.map((O) => E.encoding.decodePath(O));
     d.setPaths(v), M.current = !1;
-  }, [d, m, C]), d;
+  }, [d, f, E]), d;
 }
-const ut = U((e, n) => {
-  const t = dt(e);
-  return H(n, () => t, [t]), P.createElement(P.Fragment, null);
+const ft = H((e, n) => {
+  const t = gt(e);
+  return V(n, () => t, [t]), A.createElement(A.Fragment, null);
 });
-ut.displayName = "Polygon";
-function gt(e) {
+ft.displayName = "Polygon";
+function mt(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] = x(null), b = J(), C = Z("geometry"), M = F(!1), A = oe(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 }), te);
-  return E(() => {
+  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] = _(null), b = Z(), E = $("geometry"), M = U(!1), P = ae(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 }), re);
+  return C(() => {
     if (!b) {
       b === void 0 && console.error("<Polyline> has to be inside a Map component.");
       return;
     }
     let v;
-    if (f) {
-      v = f;
+    if (m) {
+      v = m;
       const O = u ?? h;
-      O && Array.isArray(O) && v.setPath(O), v.setOptions(A);
+      O && Array.isArray(O) && v.setPath(O), v.setOptions(P);
     } else {
-      const O = u ?? h, L = Object.assign({}, A);
+      const O = u ?? h, L = Object.assign({}, P);
       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) => {
+  }, [b, m]), 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 && !M.current && l(d.getPath().getArray());
-  }), E(() => {
+  }), C(() => {
     if (!d || !l)
       return;
     const v = d.getPath();
@@ -1035,37 +1035,37 @@ function gt(e) {
     d,
     l,
     u,
-    m,
-    A.editable,
-    A.draggable
-  ]), E(() => {
-    d && d.setOptions(A);
-  }, [d, A]), E(() => {
+    f,
+    P.editable,
+    P.draggable
+  ]), C(() => {
+    d && d.setOptions(P);
+  }, [d, P]), C(() => {
     if (!d || !u)
       return;
     const v = d.getPath();
-    Je(u, v) || (M.current = !0, d.setPath(u), M.current = !1);
-  }, [d, u]), E(() => {
-    if (!d || !m || !C)
+    qe(u, v) || (M.current = !0, d.setPath(u), M.current = !1);
+  }, [d, u]), C(() => {
+    if (!d || !f || !E)
       return;
     M.current = !0;
-    const v = C.encoding.decodePath(m);
+    const v = E.encoding.decodePath(f);
     d.setPath(v), M.current = !1;
-  }, [d, m, C]), d;
+  }, [d, f, E]), d;
 }
-const ft = U((e, n) => {
-  const t = gt(e);
-  return H(n, () => t, [t]), P.createElement(P.Fragment, null);
+const pt = H((e, n) => {
+  const t = mt(e);
+  return V(n, () => t, [t]), A.createElement(A.Fragment, null);
 });
-ft.displayName = "Polyline";
-const mt = {
+pt.displayName = "Polyline";
+const ht = {
   center: { lat: 0, lng: 0, altitude: 0 },
   range: 0,
   heading: 0,
   tilt: 0,
   roll: 0
-}, pt = ["center", "range", "heading", "tilt", "roll"];
-function ht(e, n, t) {
+}, vt = ["center", "range", "heading", "tilt", "roll"];
+function yt(e, n, t) {
   const o = e[t];
   if (o != null)
     if (t === "center") {
@@ -1074,15 +1074,15 @@ function ht(e, n, t) {
     } else
       n.current[t] = o;
 }
-function vt(e) {
-  const n = $e(), t = F(Object.assign({}, mt));
-  return E(() => {
+function bt(e) {
+  const n = Ke(), t = U(Object.assign({}, ht));
+  return C(() => {
     if (!e)
       return;
     const o = [];
-    for (const r of pt) {
+    for (const r of vt) {
       const a = `gmp-${r}change`, i = () => {
-        ht(e, t, r), n();
+        yt(e, t, r), n();
       };
       e.addEventListener(a, i), o.push(() => e.removeEventListener(a, i));
     }
@@ -1092,21 +1092,21 @@ function vt(e) {
     };
   }, [e, n]), t;
 }
-function yt(e) {
-  const n = Z("maps3d"), [t, o] = x(!1), [, r] = ve(), [a, i] = ve(), s = vt(a);
-  return E(() => {
+function Ct(e) {
+  const n = $("maps3d"), [t, o] = _(!1), [, r] = ye(), [a, i] = ye(), s = bt(a);
+  return C(() => {
     customElements.whenDefined("gmp-map-3d").then(() => {
       o(!0);
     });
-  }, []), E(
+  }, []), C(
     () => {
       if (!a)
         return;
       const {
         center: c,
         heading: l,
-        tilt: f,
-        range: m,
+        tilt: m,
+        range: f,
         roll: u,
         defaultCenter: h,
         defaultHeading: y,
@@ -1114,24 +1114,24 @@ function yt(e) {
         defaultRange: p,
         defaultRoll: b,
         // Non-element props to exclude
-        id: C,
+        id: E,
         style: M,
-        className: A,
+        className: P,
         children: v,
         onCenterChanged: O,
         onHeadingChanged: L,
         onTiltChanged: k,
         onRangeChanged: T,
-        onRollChanged: _,
-        onCameraChanged: $,
+        onRollChanged: x,
+        onCameraChanged: R,
         onClick: q,
-        onSteadyChange: w,
-        onAnimationEnd: S,
-        onError: ue,
-        mode: $t,
-        gestureHandling: qt
-      } = e, Xe = 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"]), we = c ?? h, Pe = l ?? y, Ae = f ?? d, Te = m ?? p, Le = u ?? b, W = Object.assign({}, Xe);
-      we && (W.center = we), Pe !== void 0 && (W.heading = Pe), Ae !== void 0 && (W.tilt = Ae), Te !== void 0 && (W.range = Te), Le !== void 0 && (W.roll = Le), Object.assign(a, W);
+        onSteadyChange: Pe,
+        onAnimationEnd: Ae,
+        onError: ge,
+        mode: Te,
+        gestureHandling: Le
+      } = e, w = 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"]), S = c ?? h, ee = l ?? y, De = m ?? d, Se = f ?? p, ke = u ?? b, W = Object.assign({}, w);
+      S && (W.center = S), ee !== void 0 && (W.heading = ee), De !== void 0 && (W.tilt = De), Se !== void 0 && (W.range = Se), ke !== void 0 && (W.roll = ke), 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.
@@ -1139,25 +1139,25 @@ function yt(e) {
     [a]
   ), [a, r, i, s, !!n && t];
 }
-function bt(e) {
+function Et(e) {
   return e ? "toJSON" in e && typeof e.toJSON == "function" ? e.toJSON() : e : null;
 }
-function Et(e, n, t) {
+function Ot(e, n, t) {
   var o, r, a, i, s, g, c;
-  const l = bt(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;
+  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;
   X(() => {
     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 E = n.current;
+    m !== null && f !== null && (E.center.lat !== m || E.center.lng !== f || u !== null && E.center.altitude !== u) && (e.center = {
+      lat: m,
+      lng: f,
+      altitude: (b = u ?? E.center.altitude) !== null && b !== void 0 ? b : 0
+    }), h !== null && E.range !== h && (e.range = h), y !== null && E.heading !== y && (e.heading = y), d !== null && E.tilt !== d && (e.tilt = d), p !== null && E.roll !== p && (e.roll = p);
   });
 }
-const xe = [
+const ze = [
   "gmp-centerchange",
   "gmp-headingchange",
   "gmp-tiltchange",
@@ -1179,7 +1179,7 @@ function K(e, n) {
     }
   };
 }
-function Ct(e, n) {
+function Mt(e, n) {
   const t = n;
   return {
     type: "gmp-click",
@@ -1190,7 +1190,7 @@ function Ct(e, n) {
     }
   };
 }
-function Ot(e, n) {
+function wt(e, n) {
   return {
     type: "gmp-steadychange",
     map3d: e,
@@ -1199,44 +1199,44 @@ function Ot(e, n) {
     }
   };
 }
-function Mt(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, 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(() => {
+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;
+  J(e, "gmp-centerchange", t, K), J(e, "gmp-headingchange", o, K), J(e, "gmp-tiltchange", r, K), J(e, "gmp-rangechange", a, K), J(e, "gmp-rollchange", i, K), C(() => {
     if (!e || !s)
       return;
-    const m = () => {
+    const f = () => {
       s(K(e, "camerachange"));
     };
-    for (const u of xe)
-      e.addEventListener(u, m);
+    for (const u of ze)
+      e.addEventListener(u, f);
     return () => {
-      for (const u of xe)
-        e.removeEventListener(u, m);
+      for (const u of ze)
+        e.removeEventListener(u, f);
     };
-  }, [e, s]), E(() => {
+  }, [e, s]), C(() => {
     if (!e || !g)
       return;
-    const m = (u) => {
-      g(Ct(e, u));
+    const f = (u) => {
+      g(Mt(e, u));
     };
-    return e.addEventListener("gmp-click", m), () => e.removeEventListener("gmp-click", m);
-  }, [e, g]), E(() => {
+    return e.addEventListener("gmp-click", f), () => e.removeEventListener("gmp-click", f);
+  }, [e, g]), C(() => {
     if (!e || !c)
       return;
-    const m = (u) => {
-      c(Ot(e, u));
+    const f = (u) => {
+      c(wt(e, u));
     };
-    return e.addEventListener("gmp-steadychange", m), () => e.removeEventListener("gmp-steadychange", m);
-  }, [e, c]), G(e, "gmp-animationend", l, (m, u) => ({
+    return e.addEventListener("gmp-steadychange", f), () => e.removeEventListener("gmp-steadychange", f);
+  }, [e, c]), J(e, "gmp-animationend", l, (f, u) => ({
     type: u,
-    map3d: m
-  })), G(e, "gmp-error", f, (m, u) => ({
+    map3d: f
+  })), J(e, "gmp-error", m, (f, u) => ({
     type: u,
-    map3d: m
+    map3d: f
   }));
 }
-function G(e, n, t, o) {
-  E(() => {
+function J(e, n, t, o) {
+  C(() => {
     if (!e || !t)
       return;
     const r = () => {
@@ -1245,7 +1245,7 @@ function G(e, n, t, o) {
     return e.addEventListener(n, r), () => e.removeEventListener(n, r);
   }, [e, n, t, o]);
 }
-const wt = /* @__PURE__ */ new Set([
+const At = /* @__PURE__ */ new Set([
   "bounds",
   "defaultUIHidden",
   "gestureHandling",
@@ -1258,38 +1258,38 @@ const wt = /* @__PURE__ */ new Set([
   "minTilt",
   "mode"
 ]);
-function Pt(e, n) {
+function Tt(e, n) {
   const t = N(() => {
     const o = {}, r = Object.keys(n);
     for (const a of r) {
-      if (!wt.has(a))
+      if (!At.has(a))
         continue;
       const i = n[a];
       i !== void 0 && (o[a] = i);
     }
     return o;
   }, [n]);
-  He(() => {
+  Je(() => {
     e && Object.assign(e, t);
   }, [e, t]);
 }
-const At = P.createContext(null), Tt = {
+const Lt = A.createContext(null), Dt = {
   width: "100%",
   height: "100%",
   position: "relative"
-}, Lt = U((e, n) => {
-  const { children: t, id: o, className: r, style: a } = e, i = B(Q);
+}, St = H((e, n) => {
+  const { children: t, id: o, className: r, style: a } = e, i = F(Q);
   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] = yt(e);
-  Et(c, m, e), Mt(c, e), Pt(c, e), E(() => {
+  const { addMap3DInstance: s, removeMap3DInstance: g } = i, [c, l, m, f, u] = Ct(e);
+  Ot(c, f, e), Pt(c, e), Tt(c, e), C(() => {
     if (!c)
       return;
     const d = o ?? "default";
     return s(c, d), () => {
       g(d);
     };
-  }, [c, o]), H(n, () => ({
+  }, [c, o]), V(n, () => ({
     map3d: c,
     flyCameraAround: (d) => {
       c == null || c.flyCameraAround(d);
@@ -1301,29 +1301,29 @@ const At = P.createContext(null), Tt = {
       c == null || c.stopCameraAnimation();
     }
   }), [c]);
-  const h = N(() => Object.assign(Object.assign({}, Tt), a), [a]), y = N(() => ({ map3d: c }), [c]);
-  return u ? P.createElement(
+  const h = N(() => Object.assign(Object.assign({}, Dt), a), [a]), y = N(() => ({ map3d: c }), [c]);
+  return u ? A.createElement(
     "div",
     Object.assign({ ref: l, "data-testid": "map-3d", style: r ? void 0 : h, className: r }, o ? { id: o } : {}),
-    P.createElement("gmp-map-3d", { ref: f, style: { width: "100%", height: "100%" } }, c && P.createElement(At.Provider, { value: y }, t))
-  ) : P.createElement("div", Object.assign({ ref: l, "data-testid": "map-3d", style: r ? void 0 : h, className: r }, o ? { id: o } : {}));
+    A.createElement("gmp-map-3d", { ref: m, style: { width: "100%", height: "100%" } }, c && A.createElement(Lt.Provider, { value: y }, t))
+  ) : A.createElement("div", Object.assign({ ref: l, "data-testid": "map-3d", style: r ? void 0 : h, className: r }, o ? { id: o } : {}));
 });
-Lt.displayName = "Map3D";
-const Me = Qe(null), Dt = 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] = x(null), [p, b] = x(!1), C = N(() => {
+St.displayName = "Map3D";
+const we = nn(null), kt = H(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] = _(null), [p, b] = _(!1), E = N(() => {
     const v = document.createElement("div");
     return v.style.display = "none", document.body.appendChild(v), v;
   }, []);
-  E(() => () => C.remove(), [C]);
-  const M = ce((v) => {
+  C(() => () => E.remove(), [E]);
+  const M = ne((v) => {
     d(v), typeof t == "function" ? t(v) : t && (t.current = v);
   }, [t]);
-  ye(y, "gmp-click", r), X(() => {
-    if (p || !y || !C)
+  be(y, "gmp-click", r), X(() => {
+    if (p || !y || !E)
       return;
     for (; y.firstChild; )
       y.removeChild(y.firstChild);
-    const v = Array.from(C.childNodes);
+    const v = Array.from(E.childNodes);
     for (const O of v) {
       if (O.nodeType !== Node.ELEMENT_NODE)
         continue;
@@ -1334,36 +1334,36 @@ const Me = Qe(null), Dt = U(function(n, t) {
       } else
         y.appendChild(L.cloneNode(!0));
     }
-  }, [y, C, o, p]);
-  const A = N(() => ({ marker: y, setContentHandledExternally: b }), [y]);
-  return I(y, "position", a), I(y, "altitudeMode", i), I(y, "collisionBehavior", s), I(y, "drawsWhenOccluded", g), I(y, "extruded", c), I(y, "label", l), I(y, "sizePreserved", f), I(y, "zIndex", m), I(y, "title", u ?? ""), P.createElement(
-    Me.Provider,
-    { value: A },
-    h ? P.createElement("gmp-marker-3d-interactive", { ref: M }) : P.createElement("gmp-marker-3d", { ref: M }),
-    de(o, C)
+  }, [y, E, o, p]);
+  const P = N(() => ({ marker: y, setContentHandledExternally: b }), [y]);
+  return I(y, "position", a), I(y, "altitudeMode", i), I(y, "collisionBehavior", s), I(y, "drawsWhenOccluded", g), I(y, "extruded", c), I(y, "label", l), I(y, "sizePreserved", m), I(y, "zIndex", f), I(y, "title", u ?? ""), A.createElement(
+    we.Provider,
+    { value: P },
+    h ? A.createElement("gmp-marker-3d-interactive", { ref: M }) : A.createElement("gmp-marker-3d", { ref: M }),
+    ue(o, E)
   );
 });
-Dt.displayName = "Marker3D";
-const St = U(function(n, t) {
+kt.displayName = "Marker3D";
+const _t = H(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] = x(null), b = F(null);
-  H(t, () => d, [d]), kt(d, g, y), I(d, "open", g ?? !1), I(d, "altitudeMode", m), I(d, "lightDismissDisabled", u), I(d, "autoPanDisabled", h);
-  const C = (o = l ?? f) !== null && o !== void 0 ? o : c;
-  return I(d, "positionAnchor", C), X(() => {
-    d && (st(d, i || null, b.current), b.current = i || null);
-  }, [d, i]), P.createElement(
+  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] = _(null), b = U(null);
+  V(t, () => d, [d]), It(d, g, y), I(d, "open", g ?? !1), I(d, "altitudeMode", f), I(d, "lightDismissDisabled", u), I(d, "autoPanDisabled", h);
+  const E = (o = l ?? m) !== null && o !== void 0 ? o : c;
+  return I(d, "positionAnchor", E), X(() => {
+    d && (ct(d, i || null, b.current), b.current = i || null);
+  }, [d, i]), A.createElement(
     "gmp-popover",
     { ref: p, className: s },
-    a && P.createElement("div", { slot: "header" }, a),
+    a && A.createElement("div", { slot: "header" }, a),
     r
   );
 });
-St.displayName = "Popover";
-function kt(e, n, t) {
-  const o = F(void 0), r = F(n);
-  E(() => {
+_t.displayName = "Popover";
+function It(e, n, t) {
+  const o = U(void 0), r = U(n);
+  C(() => {
     r.current = n;
-  }, [n]), E(() => {
+  }, [n]), C(() => {
     if (!e || !t)
       return;
     const a = new MutationObserver((i) => {
@@ -1381,9 +1381,9 @@ function kt(e, n, t) {
     };
   }, [e, t]);
 }
-function _t(e) {
-  const [n, t] = x(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(() => {
+function Nt(e) {
+  const [n, t] = _(null), o = Z(), { 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 C(() => {
     if (!o) {
       o === void 0 && console.error("<Marker> has to be inside a Map component.");
       return;
@@ -1392,39 +1392,39 @@ function _t(e) {
     return u.setMap(o), t(u), () => {
       u.setMap(null), t(null);
     };
-  }, [o]), E(() => {
+  }, [o]), C(() => {
     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), () => {
+    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,
-    m,
+    f,
     r,
     a,
     i,
     s,
     g,
     c
-  ]), E(() => {
+  ]), C(() => {
     n && l && n.setOptions(l);
-  }, [n, l]), E(() => {
-    m || !f || !n || n.setPosition(f);
-  }, [m, f, n]), n;
+  }, [n, l]), C(() => {
+    f || !m || !n || n.setPosition(m);
+  }, [f, m, n]), n;
 }
-const It = U((e, n) => {
-  const t = _t(e);
-  return H(n, () => t, [t]), P.createElement(P.Fragment, null);
+const xt = H((e, n) => {
+  const t = Nt(e);
+  return V(n, () => t, [t]), A.createElement(A.Fragment, null);
 });
-It.displayName = "Marker";
-const Nt = (e) => {
-  const n = B(Oe), t = B(Me), o = n == null ? void 0 : n.marker, r = t == null ? void 0 : t.marker, a = t == null ? void 0 : t.setContentHandledExternally, i = N(() => document.createElement("div"), []), s = Z("marker");
-  return E(() => {
+xt.displayName = "Marker";
+const Rt = (e) => {
+  const n = F(Me), t = F(we), o = n == null ? void 0 : n.marker, r = t == null ? void 0 : t.marker, a = t == null ? void 0 : t.setContentHandledExternally, i = N(() => document.createElement("div"), []), s = $("marker");
+  return C(() => {
     if (r && a)
       return a(!0), () => a(!1);
-  }, [r, a]), E(() => {
+  }, [r, a]), C(() => {
     if (!r || !s)
       return;
     const g = Object.assign({}, e), c = new s.PinElement(g);
@@ -1432,7 +1432,7 @@ const Nt = (e) => {
       r.removeChild(r.firstChild);
     return r.append(c), () => {
     };
-  }, [r, s, i, e]), E(() => {
+  }, [r, s, i, e]), C(() => {
     var g;
     if (r)
       return;
@@ -1440,20 +1440,20 @@ const Nt = (e) => {
       o === void 0 && r === void 0 && console.error("The <Pin> component can only be used inside <AdvancedMarker> or <Marker3D>.");
       return;
     }
-    e.glyph && e.children && ee("The <Pin> component only uses children to render the glyph if both the glyph property and children are present."), Ee.count(e.children) > 1 && ee("Passing multiple children to the <Pin> component might lead to unexpected results.");
+    e.glyph && e.children && te("The <Pin> component only uses children to render the glyph if both the glyph property and children are present."), Ee.count(e.children) > 1 && te("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]), de(e.children, i);
-}, xt = (e) => {
-  const { children: n } = e, t = B(Oe), o = B(Me), r = t == null ? void 0 : t.marker, a = o == null ? void 0 : o.marker, i = o == null ? void 0 : o.setContentHandledExternally, s = N(() => document.createElement("div"), []), g = Z("marker");
-  return E(() => {
+    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]), ue(e.children, i);
+}, jt = (e) => {
+  const { children: n } = e, t = F(Me), o = F(we), r = t == null ? void 0 : t.marker, a = o == null ? void 0 : o.marker, i = o == null ? void 0 : o.setContentHandledExternally, s = N(() => document.createElement("div"), []), g = $("marker");
+  return C(() => {
     if (a && i)
       return i(!0), () => i(!1);
-  }, [a, i]), E(() => {
+  }, [a, i]), C(() => {
     if (!a || !g)
       return;
     const c = Object.assign({}, e), l = new g.PinElement(c);
@@ -1461,7 +1461,7 @@ const Nt = (e) => {
       a.removeChild(a.firstChild);
     return a.appendChild(l), () => {
     };
-  }, [a, g, s, n, e]), E(() => {
+  }, [a, g, s, n, e]), C(() => {
     var c;
     if (a)
       return;
@@ -1469,13 +1469,13 @@ const Nt = (e) => {
       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 && ee("The <Pin> component only uses children to render the glyph if both glyphSrc/glyphText and children are present."), Ee.count(n) > 1 && ee("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);
+    (e.glyphSrc || e.glyphText) && n && te("The <Pin> component only uses children to render the glyph if both glyphSrc/glyphText and children are present."), Ee.count(n) > 1 && te("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,
@@ -1483,51 +1483,51 @@ const Nt = (e) => {
     a,
     n,
     e
-  ]), de(n, s);
-}, Rt = (e) => {
+  ]), ue(n, s);
+}, zt = (e) => {
   var n;
-  const t = Z("marker"), o = N(() => t ? typeof customElements < "u" && customElements.get("gmp-pin") !== void 0 : !1, [t]);
+  const t = $("marker"), o = N(() => 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 P.createElement(xt, Object.assign({}, s, { glyphText: c, glyphSrc: l }));
+    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 A.createElement(jt, 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 P.createElement(Nt, Object.assign({}, s, { glyph: g }));
+    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 A.createElement(Rt, Object.assign({}, s, { glyph: g }));
   }
 };
-function jt(e) {
+function Bt(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] = x(null), d = J(), p = oe(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 }), te);
-  return E(() => {
+  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] = _(null), d = Z(), p = ae(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 }), re);
+  return C(() => {
     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 }));
+    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]), 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(() => {
+  } : null), C(() => {
     h && h.setOptions(p);
-  }, [h, p]), E(() => {
-    !h || !f || zn(f, h.getBounds()) || h.setBounds(f);
-  }, [h, f]), h;
+  }, [h, p]), C(() => {
+    !h || !m || Fn(m, h.getBounds()) || h.setBounds(m);
+  }, [h, m]), h;
 }
-const zt = U((e, n) => {
-  const t = jt(e);
-  return H(n, () => t, [
+const Ft = H((e, n) => {
+  const t = Bt(e);
+  return V(n, () => t, [
     t
-  ]), P.createElement(P.Fragment, null);
+  ]), A.createElement(A.Fragment, null);
 });
-zt.displayName = "Rectangle";
+Ft.displayName = "Rectangle";
 function Y(e) {
   return typeof document > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(e).trim();
 }
-function me() {
+function pe() {
   const e = Y("--background"), n = Y("--foreground"), t = Y("--border"), o = Y("--muted"), r = Y("--muted-foreground"), a = Y("--primary");
   return [
     // Hide business POIs — clinical-listing UIs don't want Google's
@@ -1633,7 +1633,7 @@ function me() {
     }
   ];
 }
-const Bt = {
+const Ut = {
   id: "map-view",
   capabilities: [],
   state: {},
@@ -1675,7 +1675,7 @@ const Bt = {
       description: "Sourced from the id prop."
     }
   }
-}, Ft = ne(
+}, Ht = oe(
   ["ds:relative ds:overflow-hidden ds:block", "ds:bg-[var(--muted)]"].join(" "),
   {
     variants: {
@@ -1692,12 +1692,12 @@ const Bt = {
     },
     defaultVariants: { size: "md", surface: "bordered" }
   }
-), Ut = ne(
+), Vt = oe(
   [
     "ds:block ds:inline-size-full",
     "ds:[block-size:var(--map-block-size)]"
   ].join(" ")
-), Ht = ne(
+), Gt = oe(
   [
     "ds:absolute ds:inset-0",
     "ds:flex ds:flex-col ds:items-center ds:justify-center",
@@ -1706,15 +1706,15 @@ const Bt = {
     "ds:bg-[var(--muted)] ds:text-[var(--foreground)]",
     "ds:text-center"
   ].join(" ")
-), Vt = ne("type-heading-3 ds:m-0"), Re = ne(
+), Jt = oe("type-heading-3 ds:m-0"), Be = oe(
   "type-body-sm ds:text-[var(--muted-foreground)] ds:max-inline-size-[28rem] ds:m-0"
 );
-function Gt({
+function Zt({
   onHandleReady: e,
   onMarkerSelect: n
 }) {
-  const t = J();
-  return E(() => {
+  const t = Z();
+  return C(() => {
     t && e({
       panTo: (o) => t.panTo(o),
       setZoom: (o) => t.setZoom(o),
@@ -1722,43 +1722,45 @@ function Gt({
     });
   }, [t, e, n]), null;
 }
-function Jt({
+function $t({
   address: e,
   description: n,
-  onConsentRequest: t,
-  openInGoogleMapsHref: o
+  onLoadMap: t,
+  openInGoogleMapsHref: o,
+  consentCta: r
 }) {
-  const { t: r } = Be();
-  return /* @__PURE__ */ ie("div", { className: Ht(), "data-testid": "map-view-consent", children: [
-    /* @__PURE__ */ R(
-      rn,
+  const { t: a } = He();
+  return /* @__PURE__ */ le("div", { className: Gt(), "data-testid": "map-view-consent", children: [
+    /* @__PURE__ */ j(
+      sn,
       {
         "aria-hidden": "true",
         className: "ds:size-6 ds:text-[var(--muted-foreground)]"
       }
     ),
-    /* @__PURE__ */ R("p", { className: Vt(), children: r("mapView.consentTitle") }),
-    e ? /* @__PURE__ */ R(
+    /* @__PURE__ */ j("p", { className: Jt(), children: a("mapView.consentTitle") }),
+    e ? /* @__PURE__ */ j(
       "p",
       {
-        className: Re(),
+        className: Be(),
         "data-testid": "map-view-address",
         children: e
       }
     ) : null,
-    /* @__PURE__ */ R("p", { className: Re(), children: n }),
-    /* @__PURE__ */ ie("div", { className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center", children: [
-      t ? /* @__PURE__ */ R(
-        tn,
+    /* @__PURE__ */ j("p", { className: Be(), children: n }),
+    /* @__PURE__ */ le("div", { className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center", children: [
+      r ?? /* @__PURE__ */ j(
+        rn,
         {
           type: "button",
           intent: "primary",
           size: "sm",
           onClick: t,
-          children: r("mapView.consentCta")
+          "data-testid": "map-view-load-cta",
+          children: a("mapView.consentCta")
         }
-      ) : null,
-      /* @__PURE__ */ ie(
+      ),
+      /* @__PURE__ */ le(
         "a",
         {
           href: o,
@@ -1766,15 +1768,15 @@ function Jt({
           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(an, { "aria-hidden": "true", className: "ds:size-3" })
+            a("mapView.openInGoogleMaps"),
+            /* @__PURE__ */ j(ln, { "aria-hidden": "true", className: "ds:size-3" })
           ]
         }
       )
     ] })
   ] });
 }
-const Zt = U(
+const qt = H(
   ({
     id: e,
     apiKey: n,
@@ -1787,127 +1789,136 @@ const Zt = U(
     onConsentRequest: g,
     address: c,
     consentDescription: l,
+    consentCta: m,
     mapId: f,
-    size: m,
-    surface: u,
-    ariaLabel: h,
-    className: y,
-    ...d
-  }, p) => {
-    const { t: b, i18n: C } = Be(), M = en(), A = N(
-      () => `map-${M.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [M]
-    ), [v, O] = x(!1);
-    E(() => {
+    size: u,
+    surface: h,
+    ariaLabel: y,
+    className: d,
+    ...p
+  }, b) => {
+    const { t: E, i18n: M } = He(), P = tn(), v = N(
+      () => `map-${P.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [P]
+    ), [O, L] = _(!1);
+    C(() => {
       if (typeof window > "u") return;
-      const w = window.matchMedia("(prefers-reduced-motion: reduce)"), S = () => O(w.matches);
+      const w = window.matchMedia("(prefers-reduced-motion: reduce)"), S = () => L(w.matches);
       return S(), w.addEventListener("change", S), () => w.removeEventListener("change", S);
     }, []);
-    const L = N(() => `https://www.google.com/maps/search/?api=1&query=${c ? encodeURIComponent(c) : `${t.lat},${t.lng}`}`, [c, t.lat, t.lng]), [k, T] = x(
-      () => f ? [] : me()
+    const k = N(() => `https://www.google.com/maps/search/?api=1&query=${c ? encodeURIComponent(c) : `${t.lat},${t.lng}`}`, [c, t.lat, t.lng]), [T, x] = _(
+      () => f ? [] : pe()
     );
-    E(() => {
+    C(() => {
       if (f || typeof document > "u") return;
-      T(me());
+      x(pe());
       const w = new MutationObserver(() => {
-        T(me());
+        x(pe());
       });
       return w.observe(document.documentElement, {
         attributes: !0,
         attributeFilter: ["class"]
       }), () => w.disconnect();
     }, [f]);
-    const _ = F(null), $ = ce((w) => {
-      _.current = w;
+    const R = U(null), q = ne((w) => {
+      R.current = w;
     }, []);
-    H(
-      p,
+    V(
+      b,
       () => ({
         panTo: (w) => {
           var S;
-          return (S = _.current) == null ? void 0 : S.panTo(w);
+          return (S = R.current) == null ? void 0 : S.panTo(w);
         },
         setZoom: (w) => {
           var S;
-          return (S = _.current) == null ? void 0 : S.setZoom(w);
+          return (S = R.current) == null ? void 0 : S.setZoom(w);
         },
         selectMarker: (w) => {
           var S;
-          return (S = _.current) == null ? void 0 : S.selectMarker(w);
+          return (S = R.current) == null ? void 0 : S.selectMarker(w);
         }
       }),
       []
     );
-    const q = N(
+    const Pe = N(
       () => ({
         panTo: (w) => {
           var S;
-          return (S = _.current) == null ? void 0 : S.panTo(w);
+          return (S = R.current) == null ? void 0 : S.panTo(w);
         },
         setZoom: (w) => {
           var S;
-          return (S = _.current) == null ? void 0 : S.setZoom(w);
+          return (S = R.current) == null ? void 0 : S.setZoom(w);
         },
         selectMarker: (w) => {
           var S;
-          return (S = _.current) == null ? void 0 : S.selectMarker(w);
+          return (S = R.current) == null ? void 0 : S.selectMarker(w);
         }
       }),
       []
     );
-    return on(Bt, q, e), E(() => {
+    an(Ut, Pe, e), C(() => {
       var w;
-      v || (w = _.current) == null || w.panTo(t);
-    }, [t.lat, t.lng, v]), E(() => {
+      O || (w = R.current) == null || w.panTo(t);
+    }, [t.lat, t.lng, O]), C(() => {
       var w;
-      (w = _.current) == null || w.setZoom(o);
-    }, [o]), /* @__PURE__ */ R(
+      (w = R.current) == null || w.setZoom(o);
+    }, [o]);
+    const [Ae, ge] = _(!1), Te = s || Ae, Le = ne(() => {
+      if (g) {
+        g(), ge(!0);
+        return;
+      }
+      ge(!0);
+    }, [g]);
+    return /* @__PURE__ */ j(
       "div",
       {
-        className: Ft({ size: m, surface: u, className: y }),
+        className: Ht({ size: u, surface: h, className: d }),
         "data-component": "map-view",
-        "data-component-id": e ?? A,
+        "data-component-id": e ?? v,
         role: "region",
-        "aria-label": h ?? b("mapView.label"),
-        ...d,
-        children: /* @__PURE__ */ R("div", { className: Ut(), children: s ? /* @__PURE__ */ R(
-          Tn,
+        "aria-label": y ?? E("mapView.label"),
+        ...p,
+        children: /* @__PURE__ */ j("div", { className: Vt(), children: Te ? /* @__PURE__ */ j(
+          Dn,
           {
             apiKey: n,
-            language: C.language,
-            children: /* @__PURE__ */ ie(
-              We,
+            language: M.language,
+            children: /* @__PURE__ */ le(
+              Xe,
               {
                 defaultCenter: t,
                 defaultZoom: o,
                 mapId: f,
-                styles: f ? void 0 : k,
+                styles: f ? void 0 : T,
                 gestureHandling: "cooperative",
                 disableDefaultUI: !1,
                 onClick: () => i == null ? void 0 : i(null),
                 className: "ds:[inline-size:100%] ds:[block-size:100%]",
                 children: [
-                  /* @__PURE__ */ R(
-                    Gt,
+                  /* @__PURE__ */ j(
+                    Zt,
                     {
-                      onHandleReady: $,
+                      onHandleReady: q,
                       onMarkerSelect: (w) => i == null ? void 0 : i(w)
                     }
                   ),
                   (r ?? []).map((w) => {
-                    const S = a != null && a === w.id, ue = b("mapView.markerLabel", {
+                    const S = a != null && a === w.id, ee = E("mapView.markerLabel", {
                       label: w.label ?? w.id
                     });
-                    return /* @__PURE__ */ R(
-                      Ye,
+                    return /* @__PURE__ */ j(
+                      en,
                       {
                         position: w.position,
-                        title: ue,
-                        "aria-label": ue,
+                        title: ee,
+                        "aria-label": ee,
                         "data-selected": S ? "true" : "false",
                         onClick: () => i == null ? void 0 : i(w.id),
-                        children: /* @__PURE__ */ R(
-                          Rt,
+                        children: /* @__PURE__ */ j(
+                          zt,
                           {
                             background: "var(--primary)",
                             borderColor: "var(--primary)",
@@ -1922,21 +1933,22 @@ const Zt = U(
               }
             )
           }
-        ) : /* @__PURE__ */ R(
-          Jt,
+        ) : /* @__PURE__ */ j(
+          $t,
           {
             address: c,
-            description: l ?? b("mapView.consentDescription"),
-            onConsentRequest: g,
-            openInGoogleMapsHref: L
+            description: l ?? E("mapView.consentDescription"),
+            onLoadMap: Le,
+            consentCta: m,
+            openInGoogleMapsHref: k
           }
         ) })
       }
     );
   }
 );
-Zt.displayName = "MapView";
+qt.displayName = "MapView";
 export {
-  Zt as M
+  qt as M
 };
-//# sourceMappingURL=map-view-DyB8tr6c.js.map
+//# sourceMappingURL=map-view-WEWqXzof.js.map