@alfadocs/ui-kit 0.33.3 → 0.33.5

package/dist/_chunks/{map-view-ZgbhfRqy.js → map-view-vD5pvWs9.js}

@@ -1,17 +1,17 @@
-import { jsx as z, jsxs as le } from "react/jsx-runtime";
-import * as Fe from "react";
-import A, { useMemo as N, useContext as F, useEffect as E, useLayoutEffect as Q, forwardRef as H, useImperativeHandle as V, useState as k, useReducer as Ue, useCallback as ne, useRef as U, Children as Ce, createContext as tn, useId as on } 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 rn } from "./_commonjsHelpers-DaMA6jEr.js";
-import { B as an } from "./button-DD_0Xdmr.js";
-import { u as sn } from "./registry-nPAVE19X.js";
-import { M as ln } from "./map-pin-B8STOPMJ.js";
-import { E as cn } from "./external-link-C6F25E6k.js";
-var fe, ke;
-function dn() {
-  return ke || (ke = 1, fe = function e(n, t) {
+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;
@@ -35,11 +35,11 @@ function dn() {
       return !0;
     }
     return n !== n && t !== t;
-  }), fe;
+  }), ge;
 }
-var un = dn();
-const re = /* @__PURE__ */ rn(un), gn = "1.8.3";
-function j(e, n) {
+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")
@@ -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 Ie(e, n, t, o) {
+function _e(e, n, t, o) {
   function r(a) {
     return a instanceof t ? a : new t(function(i) {
       i(a);
@@ -74,75 +74,75 @@ function Ie(e, n, t, o) {
     c((o = o.apply(e, [])).next());
   });
 }
-function fn(e, n) {
+function un(e, n) {
   e.src = n;
 }
-const mn = (e) => {
+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), fn(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);
+    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));
-}, pn = (e) => `The setOptions() function should only be called once. The options passed to the additional call (${JSON.stringify(e)}) will be ignored.`, hn = (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.`, vn = "No options were set before calling importLibrary. Make sure to configure the loader using setOptions().", yn = "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) => {
+}, 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}`);
 } : () => {
-}, bn = Ve ? (e) => {
+}, vn = Ue ? (e) => {
   console.info(`[@googlemaps/js-api-loader] ${e}`);
 } : () => {
-}, En = process.env.NODE_ENV !== "production";
-let he = !1;
-function Cn(e) {
-  if (he) {
-    Oe(pn(e));
+}, yn = process.env.NODE_ENV !== "production";
+let me = !1;
+function bn(e) {
+  if (me) {
+    Ee(fn(e));
     return;
   }
-  Mn(e), he = !0;
+  Cn(e), me = !0;
 }
-async function On(e) {
+async function En(e) {
   var n, t;
-  if (he || Oe(vn), !((t = (n = window == null ? void 0 : window.google) == null ? void 0 : n.maps) != null && t.importLibrary))
+  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 Mn(e) {
+function Cn(e) {
   var t, o;
   const n = !!((o = (t = window.google) == null ? void 0 : t.maps) != null && o.importLibrary);
-  n ? bn(hn(e)) : En && document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]') && Oe(yn), n || mn(e);
+  n ? vn(mn(e)) : yn && document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]') && Ee(hn), n || gn(e);
 }
-const B = {
+const j = {
   NOT_LOADED: "NOT_LOADED",
   LOADING: "LOADING",
   LOADED: "LOADED",
   FAILED: "FAILED",
   AUTH_FAILURE: "AUTH_FAILURE"
-}, wn = "GMP_visgl_rgmlibrary_v1_default", Pn = [
-  `gmp_visgl_reactgooglemaps_v${gn}`
-], ee = 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 An() {
-  const [e, n] = k({});
+}, 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 = j(i, [typeof s == "symbol" ? s : s + ""]);
+      var g = z(i, [typeof s == "symbol" ? s : s + ""]);
       return g;
     });
   }, clearMapInstances: () => {
     n({});
   } };
 }
-function Tn() {
-  const [e, n] = k({});
+function wn() {
+  const [e, n] = N({});
   return {
     map3dInstances: e,
     addMap3DInstance: (a, i = "default") => {
@@ -152,7 +152,7 @@ function Tn() {
       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 Tn() {
     }
   };
 }
-function Ln(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] = k(G), [h, y] = Ue((b, C) => b[C.name] ? b : Object.assign(Object.assign({}, b), { [C.name]: C.value }), {}), d = 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,
@@ -183,31 +183,31 @@ function Ln(e) {
     g,
     c,
     l
-  ]), p = ne((b) => Ie(this, void 0, void 0, function* () {
+  ]), p = ee((b) => _e(this, void 0, void 0, function* () {
     if (h[b])
       return h[b];
-    const C = yield On(b);
+    const C = yield En(b);
     return y({ name: b, value: C }), C;
   }), [h]);
-  return E(() => (ve.add(u), u(G), () => {
-    ve.delete(u);
+  return E(() => (pe.add(u), u(V), () => {
+    pe.delete(u);
   }), []), E(
     () => {
-      Ie(this, void 0, void 0, function* () {
+      _e(this, void 0, void 0, function* () {
         var b, C;
         try {
-          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 w = ["core", "maps", ...a];
+          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) {
-            ie || se(B.LOADED), yield Promise.all(w.map((v) => p(v))), n && n();
+            ae || ie(j.LOADED), yield Promise.all(P.map((v) => p(v))), n && n();
             return;
           }
-          if (G === B.LOADING || G === B.LOADED) {
-            G === B.LOADED && n && n();
+          if (V === j.LOADING || V === j.LOADED) {
+            V === j.LOADED && n && n();
             return;
           }
-          ie = d, se(B.LOADING);
-          const P = Object.fromEntries(Object.entries({
+          ae = d, ie(j.LOADING);
+          const w = Object.fromEntries(Object.entries({
             key: o,
             v: r,
             libraries: a,
@@ -215,16 +215,16 @@ function Ln(e) {
             language: s,
             authReferrerPolicy: g
           }).filter(([, v]) => v !== void 0));
-          c !== void 0 && c >= 0 && c <= 999 && (P.channel = String(c)), l === void 0 ? P.solutionChannel = wn : l !== "" && (P.solutionChannel = l), Cn(P), yield Promise.all(w.map((v) => p(v))), se(B.LOADED), n && n();
-        } catch (w) {
-          se(B.FAILED), t ? t(w) : console.error("The Google Maps JavaScript API failed to load.", w);
+          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 !== B.LOADED)
+    if (f !== j.LOADED)
       return;
     const b = google.maps.Settings.getInstance();
     m ? b.fetchAppCheckToken = m : b.fetchAppCheckToken && (b.fetchAppCheckToken = null);
@@ -234,11 +234,11 @@ function Ln(e) {
     importLibrary: p
   };
 }
-function Dn(e) {
-  return N(() => e.disableUsageAttribution ? null : Pn, [e.disableUsageAttribution]);
+function Ln(e) {
+  return T(() => e.disableUsageAttribution ? null : Mn, [e.disableUsageAttribution]);
 }
-const Sn = (e) => {
-  const { children: n } = e, t = j(e, ["children"]), { mapInstances: o, addMapInstance: r, removeMapInstance: a, clearMapInstances: i } = An(), { map3dInstances: s, addMap3DInstance: g, removeMap3DInstance: c, clearMap3DInstances: l } = Tn(), { status: m, loadedLibraries: f, importLibrary: u } = Ln(t), h = Dn(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 } = wn(), { status: m, loadedLibraries: f, importLibrary: u } = An(t), h = Ln(t), y = T(() => ({
     mapInstances: o,
     addMapInstance: r,
     removeMapInstance: a,
@@ -265,22 +265,22 @@ const Sn = (e) => {
     u,
     h
   ]);
-  return A.createElement(ee.Provider, { value: y }, n);
+  return L.createElement(X.Provider, { value: y }, n);
 };
-function _n(e, n) {
-  for (const t of xn) {
-    const o = n[t], r = Ge[t];
+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(kn(r, e, i));
+        o(In(r, e, i));
       });
       return () => a.remove();
     }, [e, r, o]);
   }
 }
-function kn(e, n, t) {
+function In(e, n, t) {
   var o;
   const r = {
     type: e,
@@ -290,7 +290,7 @@ function kn(e, n, t) {
     stop: () => {
     }
   };
-  if (In.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 kn(e, n, t) {
         west: -180
       }
     }, a;
-  } else if (Nn.includes(e)) {
+  } else if (kn.includes(e)) {
     if (!t)
       throw new Error("[createEvent] mouse events must provide a srcEvent");
     const a = r;
@@ -315,7 +315,7 @@ function kn(e, n, t) {
   }
   return r;
 }
-const Ge = {
+const He = {
   onBoundsChanged: "bounds_changed",
   onCenterChanged: "center_changed",
   onClick: "click",
@@ -341,31 +341,31 @@ const Ge = {
   // since that is going to be fired in every situation where the camera is
   // updated.
   onCameraChanged: "bounds_changed"
-}, In = [
+}, _n = [
   "bounds_changed",
   "center_changed",
   "heading_changed",
   "tilt_changed",
   "zoom_changed"
-], Nn = [
+], kn = [
   "click",
   "contextmenu",
   "dblclick",
   "mousemove",
   "mouseout",
   "mouseover"
-], xn = Object.keys(Ge);
-function ae(e, n) {
-  const t = U(e);
+], Tn = Object.keys(He);
+function re(e, n) {
+  const t = F(e);
   return n(e, t.current) || (t.current = e), t.current;
 }
-function Rn(e, n, t) {
-  E(e, [ae(n, t)]);
+function Nn(e, n, t) {
+  E(e, [re(n, t)]);
 }
-function Je(e, n) {
-  Rn(e, n, re);
+function Ve(e, n) {
+  Nn(e, n, oe);
 }
-const zn = /* @__PURE__ */ new Set([
+const xn = /* @__PURE__ */ new Set([
   "backgroundColor",
   "clickableIcons",
   "controlSize",
@@ -402,21 +402,21 @@ const zn = /* @__PURE__ */ new Set([
   "zoomControl",
   "zoomControlOptions"
 ]);
-function jn(e, n) {
+function Rn(e, n) {
   const t = {}, o = Object.keys(n);
   for (const r of o)
-    zn.has(r) && (t[r] = n[r]);
-  Je(() => {
+    xn.has(r) && (t[r] = n[r]);
+  Ve(() => {
     e && e.setOptions(t);
   }, [t]);
 }
-function Ze() {
+function Ge() {
   var e;
-  return ((e = F(ee)) === null || e === void 0 ? void 0 : e.status) || B.NOT_LOADED;
+  return ((e = B(X)) === null || e === void 0 ? void 0 : e.status) || j.NOT_LOADED;
 }
-function Bn(e, n) {
+function zn(e, n) {
   const { viewport: t, viewState: o } = n, r = !!t;
-  return Q(() => {
+  return Y(() => {
     if (!e || !o)
       return;
     const { latitude: a, longitude: i, bearing: s, pitch: g, zoom: c } = o;
@@ -428,19 +428,19 @@ function Bn(e, n) {
     });
   }, [e, o]), r;
 }
-function Fn(e) {
+function jn(e) {
   return !e || typeof e != "object" || !("lat" in e && "lng" in e) ? !1 : Number.isFinite(e.lat) && Number.isFinite(e.lng);
 }
-function $e(e, n) {
+function Je(e, n) {
   if (!e || !n)
     return !1;
-  const t = de(e), o = de(n);
+  const t = ce(e), o = ce(n);
   return !(t.lat !== o.lat || t.lng !== o.lng);
 }
-function de(e) {
-  return Fn(e) ? e : e.toJSON();
+function ce(e) {
+  return jn(e) ? e : e.toJSON();
 }
-function Ne(e) {
+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();
@@ -451,40 +451,40 @@ function Ne(e) {
     west: t.lng
   };
 }
-function Un(e, n) {
+function Bn(e, n) {
   if (!e || !n)
     return !1;
-  const t = Ne(e), o = Ne(n);
+  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 qe(e, n) {
+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 (!$e(e[o], t[o]))
+    if (!Je(e[o], t[o]))
       return !1;
   return !0;
 }
-function Hn(e, n) {
+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 (!qe(e[o], t[o]))
+    if (!Ze(e[o], t[o]))
       return !1;
   return !0;
 }
-function Vn(e, n, t) {
-  const o = t.center ? de(t.center) : null;
+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;
-  Q(() => {
+  Y(() => {
     if (!e)
       return;
     const c = {};
@@ -492,7 +492,7 @@ function Vn(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 Gn = () => {
+const Hn = () => {
   const e = {
     position: "absolute",
     top: 0,
@@ -509,31 +509,31 @@ const Gn = () => {
     background: "#dddddd",
     padding: "1rem 1.5rem"
   };
-  return A.createElement(
+  return L.createElement(
     "div",
     { style: e },
-    A.createElement("h2", null, "Error: AuthFailure"),
-    A.createElement(
+    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 ",
-      A.createElement("code", null, "APIProvider.apiKey"),
+      L.createElement("code", null, "APIProvider.apiKey"),
       " prop is correct. Check the error-message in the console for further details."
     )
   );
 };
-function ye() {
-  const [e, n] = k(null), t = ne((o) => n(o), [n]);
+function he() {
+  const [e, n] = N(null), t = ee((o) => n(o), [n]);
   return [e, t];
 }
-function We() {
-  return Ze() === B.LOADED;
+function $e() {
+  return Ge() === j.LOADED;
 }
-function Ke() {
-  const [, e] = Ue((n) => n + 1, 0);
+function qe() {
+  const [, e] = Be((n) => n + 1, 0);
   return e;
 }
-function Jn(e, n) {
+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 },
@@ -542,8 +542,8 @@ function Jn(e, n) {
     tilt: a
   });
 }
-function Zn(e) {
-  const n = Ke(), t = U({
+function Gn(e) {
+  const n = qe(), t = F({
     center: { lat: 0, lng: 0 },
     heading: 0,
     tilt: 0,
@@ -553,12 +553,12 @@ function Zn(e) {
     if (!e)
       return;
     const o = google.maps.event.addListener(e, "bounds_changed", () => {
-      Jn(e, t), n();
+      Vn(e, t), n();
     });
     return () => o.remove();
   }, [e, n]), t;
 }
-class ce {
+class le {
   static has(n) {
     return this.entries[n] && this.entries[n].length > 0;
   }
@@ -569,38 +569,38 @@ class ce {
     this.entries[n] || (this.entries[n] = []), this.entries[n].push(t);
   }
 }
-ce.entries = {};
-function $n(e, n) {
-  const t = We(), [o, r] = k(null), [a, i] = ye(), s = Zn(o), { id: g, defaultBounds: c, defaultCenter: l, defaultZoom: m, defaultHeading: f, 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;
+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 w = p.internalUsageAttributionIds;
-  w == null ? p.internalUsageAttributionIds = n.internalUsageAttributionIds : p.internalUsageAttributionIds = [
+  const P = p.internalUsageAttributionIds;
+  P == null ? p.internalUsageAttributionIds = n.internalUsageAttributionIds : p.internalUsageAttributionIds = [
     ...n.internalUsageAttributionIds || [],
-    ...w
+    ...P
   ];
   for (const v of Object.keys(p))
     p[v] === void 0 && delete p[v];
-  const P = U(void 0);
+  const w = F(void 0);
   return E(
     () => {
       if (!a || !t)
         return;
-      const { addMapInstance: v, removeMapInstance: O } = n, { mapId: L } = e, _ = `${L || "default"}:${y || "default"}:${d || "LIGHT"}`;
-      let T, x;
-      if (h && ce.has(_) ? (x = ce.pop(_), 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 = j(c, ["padding"]);
-        x.fitBounds(q, R);
+      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 (P.current) {
-        const { mapId: R, cameraState: q } = P.current;
-        R !== L && x.moveCamera(q);
+      if (w.current) {
+        const { mapId: $, cameraState: q } = w.current;
+        $ !== D && x.moveCamera(q);
       }
       return () => {
-        P.current = {
-          mapId: L,
+        w.current = {
+          mapId: D,
           // eslint-disable-next-line react-hooks/exhaustive-deps
           cameraState: s.current
-        }, T.remove(), h ? ce.push(_, x) : google.maps.event.clearInstanceListeners(x), r(null), O(g);
+        }, M.remove(), h ? le.push(_, x) : google.maps.event.clearInstanceListeners(x), r(null), O(g);
       };
     },
     // some dependencies are ignored in the list below:
@@ -620,13 +620,13 @@ function $n(e, n) {
     ]
   ), [o, i, s];
 }
-const Ye = A.createContext(null), Xe = (e) => {
-  const { children: n, id: t, className: o, style: r } = e, a = F(ee), i = Ze();
+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] = $n(e, a);
-  Vn(s, c, e), _n(s, e), jn(s, e);
-  const l = Bn(s, e), m = !!e.controlled;
+  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({
@@ -645,19 +645,19 @@ const Ye = A.createContext(null), Xe = (e) => {
     e.gestureHandling,
     e.keyboardShortcuts
   ]);
-  const f = e.center ? de(e.center) : null;
+  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 = N(() => {
-    var b, C, w;
+  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: (w = e.tilt) !== null && w !== void 0 ? w : 0
+      tilt: (P = e.tilt) !== null && P !== void 0 ? P : 0
     };
   }, [u, h, e.zoom, e.heading, e.tilt]);
-  Q(() => {
+  Y(() => {
     if (!s || !m)
       return;
     s.moveCamera(y);
@@ -666,53 +666,53 @@ const Ye = A.createContext(null), Xe = (e) => {
     });
     return () => b.remove();
   }, [s, m, y]);
-  const d = N(() => Object.assign({
+  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 = N(() => ({ map: s }), [s]);
-  return i === B.AUTH_FAILURE ? A.createElement(
+  }, 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 },
-    A.createElement(Gn, 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);
+    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);
 };
-Xe.deckGLViewProps = !0;
-const xe = /* @__PURE__ */ new Set();
-function te(...e) {
+Ke.deckGLViewProps = !0;
+const Te = /* @__PURE__ */ new Set();
+function ne(...e) {
   const n = JSON.stringify(e);
-  xe.has(n) || (xe.add(n), console.error(...e));
+  Te.has(n) || (Te.add(n), console.error(...e));
 }
-const Z = (e = null) => {
-  const n = F(ee), { map: t } = F(Ye) || {};
+const J = (e = null) => {
+  const n = B(X), { map: t } = B(We) || {};
   if (n === 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;
+    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 $(e) {
-  const n = We(), t = F(ee);
+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 me;
-const { useLayoutEffect: qn, useRef: Wn } = Fe, Kn = (me = Fe.useInsertionEffect) !== null && me !== void 0 ? me : qn;
-function Yn() {
+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 Xn(e) {
-  const n = Wn(Yn);
-  return Kn(() => {
+function Kn(e) {
+  const n = $n(Wn);
+  return qn(() => {
     n.current = e;
   }, [e]), ((...t) => n.current(...t));
 }
-const Qe = Xn, Qn = () => {
+const Ye = Kn, Yn = () => {
 };
-function D(e, n, t) {
-  const o = Qe(t ?? Qn), r = !!t;
+function S(e, n, t) {
+  const o = Ye(t ?? Yn), r = !!t;
   E(() => {
     if (!e || !n || !r)
       return;
@@ -720,15 +720,15 @@ function D(e, n, t) {
     return () => a.remove();
   }, [e, n, r]);
 }
-function I(e, n, t) {
+function k(e, n, t) {
   E(() => {
     e && (e[n] = t);
   }, [e, n, t]);
 }
-const et = () => {
+const Xn = () => {
 };
-function be(e, n, t) {
-  const o = Qe(t ?? et), r = !!t;
+function ve(e, n, t) {
+  const o = Ye(t ?? Xn), r = !!t;
   E(() => {
     if (!e || !n || !r)
       return;
@@ -736,7 +736,7 @@ function be(e, n, t) {
     return e.addEventListener(n, a), () => e.removeEventListener(n, a);
   }, [e, n, r]);
 }
-class nt {
+class Qn {
   constructor() {
     this.renderedStyles = /* @__PURE__ */ new Set(), this.styleElement = null;
   }
@@ -757,95 +757,95 @@ class nt {
     this.styleElement && (this.styleElement.remove(), this.styleElement = null, this.renderedStyles.clear());
   }
 }
-const tt = new nt();
-function ot(e, n) {
+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 Me = A.createContext(null), rt = {
+const Ce = L.createContext(null), tt = {
   BOTTOM: ["50%", "100%"]
-}, en = H((e, n) => {
-  const { children: t, style: o, className: r, anchorPoint: a } = e, [i, s] = it(e), g = N(() => i ? { marker: i } : null, [i]);
-  return V(n, () => i, [i]), s ? A.createElement(Me.Provider, { value: g }, ue(A.createElement(at, { anchorPoint: a, styles: o, className: r }, t), s)) : null;
+}, 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;
 });
-en.displayName = "AdvancedMarker";
-function Ee(e) {
+Xe.displayName = "AdvancedMarker";
+function ye(e) {
   return e.nodeType === Node.ELEMENT_NODE;
 }
-const at = ({ children: e, styles: n, className: t }) => A.createElement("div", { className: t, style: n }, e);
-function it(e) {
-  const [n, t] = k(null), [o, r] = k(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: C, zIndex: w, anchorPoint: P, anchorLeft: v, anchorTop: O } = e, L = Ce.count(s);
+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 T = null;
-    return L > 0 && (T = document.createElement("div"), _.content = T, r(T)), () => {
-      _.map = null, T == null || T.remove(), t(null), r(null);
+    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, L]), E(() => {
-    !(n != null && n.content) || !Ee(n.content) || L > 0 || (n.content.className = c ?? "");
-  }, [n, c, L]), st(n, P, v, O, L > 0), I(n, "position", b), I(n, "title", C ?? ""), I(n, "zIndex", w), I(n, "collisionBehavior", y), E(() => {
+  }, [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) && Ee(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];
+    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 st(e, n, t, o, r) {
+function at(e, n, t, o, r) {
   E(() => {
     if (!e || !r)
       return;
-    const a = ot(3, 62), i = e.content;
-    if (!(!i || !Ee(i))) {
+    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 ?? rt.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", tt.addAdvancedMarkerPointerEventsOverwrite());
+        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 lt(e) {
+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 = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onRadiusChanged", "onCenterChanged", "center", "defaultCenter", "radius", "defaultRadius"]), [p, b] = k(null), C = Z(), w = 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);
+  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 P = new google.maps.Circle(Object.assign(Object.assign({}, w), { center: f ?? u, radius: h ?? y }));
-    return P.setMap(C), b(P), () => {
-      P.setMap(null), b(null);
+    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]), 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 ? () => {
+  }, [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(w);
-  }, [p, w]), E(() => {
-    !p || !f || $e(f, p.getCenter()) || p.setCenter(f);
+    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 ct = H((e, n) => {
-  const t = lt(e);
-  return V(n, () => t, [t]), A.createElement(A.Fragment, null);
+const st = U((e, n) => {
+  const t = it(e);
+  return H(n, () => t, [t]), L.createElement(L.Fragment, null);
 });
-ct.displayName = "Circle";
-function dt(e, n, t) {
+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;
@@ -853,7 +853,7 @@ function dt(e, n, t) {
     if (n == null)
       return;
     for (const r in n)
-      n.hasOwnProperty(r) && Re(o, r, n[r]);
+      n.hasOwnProperty(r) && Ne(o, r, n[r]);
     return;
   }
   for (const r in t)
@@ -861,14 +861,14 @@ function dt(e, n, t) {
   if (n != null)
     for (const r in n) {
       const a = n[r];
-      n.hasOwnProperty(r) && t[r] !== a && Re(o, r, a);
+      n.hasOwnProperty(r) && t[r] !== a && Ne(o, r, a);
     }
 }
-function Re(e, n, t) {
+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 && !gt(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 && !dt(n) ? e[n] = t + "px" : n === "float" ? e.cssFloat = t : e[n] = ("" + t).trim();
 }
-const ut = /* @__PURE__ */ new Set([
+const ct = /* @__PURE__ */ new Set([
   "animationIterationCount",
   "aspectRatio",
   "borderImageOutset",
@@ -915,18 +915,18 @@ const ut = /* @__PURE__ */ new Set([
   "strokeOpacity",
   "strokeWidth"
 ]);
-function gt(e) {
-  return ut.has(e);
+function dt(e) {
+  return ct.has(e);
 }
-function ze(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 ft(e) {
+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 = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathsChanged", "polygon", "encodedPaths", "paths", "defaultPaths"]), [d, p] = k(null), b = Z(), C = $("geometry"), w = 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);
+  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.");
@@ -936,66 +936,66 @@ function ft(e) {
     if (m) {
       v = m;
       const O = u ?? h;
-      O && Array.isArray(O) && v.setPaths(O), v.setOptions(P);
+      O && Array.isArray(O) && v.setPaths(O), v.setOptions(w);
     } else {
-      const O = u ?? h, L = Object.assign({}, P);
-      O && Array.isArray(O) && (L.paths = O), v = new google.maps.Polygon(L);
+      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]), D(d, "click", r), D(d, "drag", a), D(d, "dragstart", i), D(d, "mouseover", g), D(d, "mouseout", c), D(d, "dragend", (v) => {
-    s == null || s(v), l && d && !w.current && l(ze(d));
+  }, [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 L = () => {
-      w.current || l(ze(d));
-    }, _ = (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));
+    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 T = 0; T < O.getLength(); T++)
-      _(O.getAt(T));
-    return v.push(google.maps.event.addListener(O, "insert_at", (T) => {
-      _(O.getAt(T)), L();
-    })), v.push(google.maps.event.addListener(O, "set_at", (T) => {
-      _(O.getAt(T)), L();
-    })), v.push(google.maps.event.addListener(O, "remove_at", L)), () => {
-      v.forEach((T) => T.remove());
+    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,
-    P.editable,
-    P.draggable
+    w.editable,
+    w.draggable
   ]), E(() => {
-    d && d.setOptions(P);
-  }, [d, P]), 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], L = d.getPaths();
-    Hn(O, L) || (w.current = !0, d.setPaths(u), w.current = !1);
+    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;
-    w.current = !0;
+    P.current = !0;
     const v = f.map((O) => C.encoding.decodePath(O));
-    d.setPaths(v), w.current = !1;
+    d.setPaths(v), P.current = !1;
   }, [d, f, C]), d;
 }
-const mt = H((e, n) => {
-  const t = ft(e);
-  return V(n, () => t, [t]), A.createElement(A.Fragment, null);
+const gt = U((e, n) => {
+  const t = ut(e);
+  return H(n, () => t, [t]), L.createElement(L.Fragment, null);
 });
-mt.displayName = "Polygon";
-function pt(e) {
+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 = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathChanged", "polyline", "encodedPath", "path", "defaultPath"]), [d, p] = k(null), b = Z(), C = $("geometry"), w = 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);
+  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.");
@@ -1005,16 +1005,16 @@ function pt(e) {
     if (m) {
       v = m;
       const O = u ?? h;
-      O && Array.isArray(O) && v.setPath(O), v.setOptions(P);
+      O && Array.isArray(O) && v.setPath(O), v.setOptions(w);
     } else {
-      const O = u ?? h, L = Object.assign({}, P);
-      O && Array.isArray(O) && (L.path = O), v = new google.maps.Polyline(L);
+      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]), D(d, "click", r), D(d, "drag", a), D(d, "dragstart", i), D(d, "mouseover", g), D(d, "mouseout", c), D(d, "dragend", (v) => {
-    s == null || s(v), l && d && !w.current && l(d.getPath().getArray());
+  }, [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;
@@ -1022,50 +1022,50 @@ function pt(e) {
     if (!v)
       return;
     const O = () => {
-      w.current || l(v.getArray());
-    }, L = [
+      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 () => {
-      L.forEach((_) => _.remove());
+      D.forEach((_) => _.remove());
     };
   }, [
     d,
     l,
     u,
     f,
-    P.editable,
-    P.draggable
+    w.editable,
+    w.draggable
   ]), E(() => {
-    d && d.setOptions(P);
-  }, [d, P]), E(() => {
+    d && d.setOptions(w);
+  }, [d, w]), E(() => {
     if (!d || !u)
       return;
     const v = d.getPath();
-    qe(u, v) || (w.current = !0, d.setPath(u), w.current = !1);
+    Ze(u, v) || (P.current = !0, d.setPath(u), P.current = !1);
   }, [d, u]), E(() => {
     if (!d || !f || !C)
       return;
-    w.current = !0;
+    P.current = !0;
     const v = C.encoding.decodePath(f);
-    d.setPath(v), w.current = !1;
+    d.setPath(v), P.current = !1;
   }, [d, f, C]), d;
 }
-const ht = H((e, n) => {
-  const t = pt(e);
-  return V(n, () => t, [t]), A.createElement(A.Fragment, null);
+const mt = U((e, n) => {
+  const t = ft(e);
+  return H(n, () => t, [t]), L.createElement(L.Fragment, null);
 });
-ht.displayName = "Polyline";
-const vt = {
+mt.displayName = "Polyline";
+const pt = {
   center: { lat: 0, lng: 0, altitude: 0 },
   range: 0,
   heading: 0,
   tilt: 0,
   roll: 0
-}, yt = ["center", "range", "heading", "tilt", "roll"];
-function bt(e, n, t) {
+}, ht = ["center", "range", "heading", "tilt", "roll"];
+function vt(e, n, t) {
   const o = e[t];
   if (o != null)
     if (t === "center") {
@@ -1074,15 +1074,15 @@ function bt(e, n, t) {
     } else
       n.current[t] = o;
 }
-function Et(e) {
-  const n = Ke(), t = U(Object.assign({}, vt));
+function yt(e) {
+  const n = qe(), t = F(Object.assign({}, pt));
   return E(() => {
     if (!e)
       return;
     const o = [];
-    for (const r of yt) {
+    for (const r of ht) {
       const a = `gmp-${r}change`, i = () => {
-        bt(e, t, r), n();
+        vt(e, t, r), n();
       };
       e.addEventListener(a, i), o.push(() => e.removeEventListener(a, i));
     }
@@ -1092,8 +1092,8 @@ function Et(e) {
     };
   }, [e, n]), t;
 }
-function Ct(e) {
-  const n = $("maps3d"), [t, o] = k(!1), [, r] = ye(), [a, i] = ye(), s = Et(a);
+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);
@@ -1115,23 +1115,23 @@ function Ct(e) {
         defaultRoll: b,
         // Non-element props to exclude
         id: C,
-        style: w,
-        className: P,
+        style: P,
+        className: w,
         children: v,
         onCenterChanged: O,
-        onHeadingChanged: L,
+        onHeadingChanged: D,
         onTiltChanged: _,
-        onRangeChanged: T,
+        onRangeChanged: M,
         onRollChanged: x,
-        onCameraChanged: R,
+        onCameraChanged: $,
         onClick: q,
-        onSteadyChange: Pe,
-        onAnimationEnd: Ae,
-        onError: ge,
-        mode: Te,
-        gestureHandling: Le
-      } = e, M = 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"]), S = c ?? h, W = l ?? y, De = m ?? d, Se = f ?? p, _e = u ?? b, K = Object.assign({}, M);
-      S && (K.center = S), W !== void 0 && (K.heading = W), De !== void 0 && (K.tilt = De), Se !== void 0 && (K.range = Se), _e !== void 0 && (K.roll = _e), Object.assign(a, K);
+        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.
@@ -1139,13 +1139,13 @@ function Ct(e) {
     [a]
   ), [a, r, i, s, !!n && t];
 }
-function Ot(e) {
+function Et(e) {
   return e ? "toJSON" in e && typeof e.toJSON == "function" ? e.toJSON() : e : null;
 }
-function Mt(e, n, t) {
+function Ct(e, n, t) {
   var o, r, a, i, s, g, c;
-  const l = Ot(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;
-  Q(() => {
+  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;
@@ -1157,14 +1157,14 @@ function Mt(e, n, t) {
     }), 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 je = [
+const Re = [
   "gmp-centerchange",
   "gmp-headingchange",
   "gmp-tiltchange",
   "gmp-rangechange",
   "gmp-rollchange"
 ];
-function Y(e, n) {
+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 }, {
@@ -1179,7 +1179,7 @@ function Y(e, n) {
     }
   };
 }
-function wt(e, n) {
+function Ot(e, n) {
   const t = n;
   return {
     type: "gmp-click",
@@ -1190,7 +1190,7 @@ function wt(e, n) {
     }
   };
 }
-function Pt(e, n) {
+function Mt(e, n) {
   return {
     type: "gmp-steadychange",
     map3d: e,
@@ -1199,43 +1199,43 @@ function Pt(e, n) {
     }
   };
 }
-function At(e, n) {
+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, Y), J(e, "gmp-headingchange", o, Y), J(e, "gmp-tiltchange", r, Y), J(e, "gmp-rangechange", a, Y), J(e, "gmp-rollchange", i, Y), E(() => {
+  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(Y(e, "camerachange"));
+      s(K(e, "camerachange"));
     };
-    for (const u of je)
+    for (const u of Re)
       e.addEventListener(u, f);
     return () => {
-      for (const u of je)
+      for (const u of Re)
         e.removeEventListener(u, f);
     };
   }, [e, s]), E(() => {
     if (!e || !g)
       return;
     const f = (u) => {
-      g(wt(e, 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(Pt(e, u));
+      c(Mt(e, u));
     };
     return e.addEventListener("gmp-steadychange", f), () => e.removeEventListener("gmp-steadychange", f);
-  }, [e, c]), J(e, "gmp-animationend", l, (f, u) => ({
+  }, [e, c]), G(e, "gmp-animationend", l, (f, u) => ({
     type: u,
     map3d: f
-  })), J(e, "gmp-error", m, (f, u) => ({
+  })), G(e, "gmp-error", m, (f, u) => ({
     type: u,
     map3d: f
   }));
 }
-function J(e, n, t, o) {
+function G(e, n, t, o) {
   E(() => {
     if (!e || !t)
       return;
@@ -1245,7 +1245,7 @@ function J(e, n, t, o) {
     return e.addEventListener(n, r), () => e.removeEventListener(n, r);
   }, [e, n, t, o]);
 }
-const Tt = /* @__PURE__ */ new Set([
+const wt = /* @__PURE__ */ new Set([
   "bounds",
   "defaultUIHidden",
   "gestureHandling",
@@ -1258,38 +1258,38 @@ const Tt = /* @__PURE__ */ new Set([
   "minTilt",
   "mode"
 ]);
-function Lt(e, n) {
-  const t = N(() => {
+function At(e, n) {
+  const t = T(() => {
     const o = {}, r = Object.keys(n);
     for (const a of r) {
-      if (!Tt.has(a))
+      if (!wt.has(a))
         continue;
       const i = n[a];
       i !== void 0 && (o[a] = i);
     }
     return o;
   }, [n]);
-  Je(() => {
+  Ve(() => {
     e && Object.assign(e, t);
   }, [e, t]);
 }
-const Dt = A.createContext(null), St = {
+const Lt = L.createContext(null), Dt = {
   width: "100%",
   height: "100%",
   position: "relative"
-}, _t = H((e, n) => {
-  const { children: t, id: o, className: r, style: a } = e, i = F(ee);
+}, 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] = Ct(e);
-  Mt(c, f, e), At(c, e), Lt(c, e), E(() => {
+  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]), V(n, () => ({
+  }, [c, o]), H(n, () => ({
     map3d: c,
     flyCameraAround: (d) => {
       c == null || c.flyCameraAround(d);
@@ -1301,24 +1301,24 @@ const Dt = A.createContext(null), St = {
       c == null || c.stopCameraAnimation();
     }
   }), [c]);
-  const h = N(() => Object.assign(Object.assign({}, St), a), [a]), y = N(() => ({ map3d: c }), [c]);
-  return u ? A.createElement(
+  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 } : {}),
-    A.createElement("gmp-map-3d", { ref: m, style: { width: "100%", height: "100%" } }, c && A.createElement(Dt.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 } : {}));
+    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 } : {}));
 });
-_t.displayName = "Map3D";
-const we = tn(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] = k(null), [p, b] = k(!1), C = N(() => {
+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 w = ne((v) => {
+  const P = ee((v) => {
     d(v), typeof t == "function" ? t(v) : t && (t.current = v);
   }, [t]);
-  be(y, "gmp-click", r), Q(() => {
+  ve(y, "gmp-click", r), Y(() => {
     if (p || !y || !C)
       return;
     for (; y.firstChild; )
@@ -1327,40 +1327,40 @@ const we = tn(null), kt = H(function(n, t) {
     for (const O of v) {
       if (O.nodeType !== Node.ELEMENT_NODE)
         continue;
-      const L = O, _ = L.tagName.toLowerCase();
+      const D = O, _ = D.tagName.toLowerCase();
       if (_ === "img" || _ === "svg") {
-        const T = document.createElement("template");
-        T.content.appendChild(L.cloneNode(!0)), y.appendChild(T);
+        const M = document.createElement("template");
+        M.content.appendChild(D.cloneNode(!0)), y.appendChild(M);
       } else
-        y.appendChild(L.cloneNode(!0));
+        y.appendChild(D.cloneNode(!0));
     }
   }, [y, C, 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: w }) : A.createElement("gmp-marker-3d", { ref: w }),
-    ue(o, C)
+  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)
   );
 });
-kt.displayName = "Marker3D";
-const It = H(function(n, t) {
+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] = k(null), b = U(null);
-  V(t, () => d, [d]), Nt(d, g, y), I(d, "open", g ?? !1), I(d, "altitudeMode", f), I(d, "lightDismissDisabled", u), I(d, "autoPanDisabled", h);
+  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 I(d, "positionAnchor", C), Q(() => {
-    d && (dt(d, i || null, b.current), b.current = i || null);
-  }, [d, i]), A.createElement(
+  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 && A.createElement("div", { slot: "header" }, a),
+    a && L.createElement("div", { slot: "header" }, a),
     r
   );
 });
-It.displayName = "Popover";
-function Nt(e, n, t) {
-  const o = U(void 0), r = U(n);
+_t.displayName = "Popover";
+function kt(e, n, t) {
+  const o = F(void 0), r = F(n);
   E(() => {
     r.current = n;
   }, [n]), E(() => {
@@ -1381,8 +1381,8 @@ function Nt(e, n, t) {
     };
   }, [e, t]);
 }
-function xt(e) {
-  const [n, t] = k(null), o = Z(), { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c } = e, l = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut"]), { position: m, draggable: f } = l;
+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.");
@@ -1414,13 +1414,13 @@ function xt(e) {
     f || !m || !n || n.setPosition(m);
   }, [f, m, n]), n;
 }
-const nn = H((e, n) => {
-  const t = xt(e);
-  return V(n, () => t, [t]), A.createElement(A.Fragment, null);
+const Qe = U((e, n) => {
+  const t = Tt(e);
+  return H(n, () => t, [t]), L.createElement(L.Fragment, null);
 });
-nn.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");
+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);
@@ -1440,16 +1440,16 @@ const Rt = (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 && te("The <Pin> component only uses children to render the glyph if both the glyph property and children are present."), Ce.count(e.children) > 1 && te("Passing multiple children to the <Pin> component might lead to unexpected results.");
+    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]), ue(e.children, i);
-}, zt = (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");
+  }, [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);
@@ -1469,7 +1469,7 @@ const Rt = (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 && te("The <Pin> component only uses children to render the glyph if both glyphSrc/glyphText and children are present."), Ce.count(n) > 1 && te("Passing multiple children to the <Pin> component might lead to unexpected results.");
+    (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;
@@ -1483,23 +1483,23 @@ const Rt = (e) => {
     a,
     n,
     e
-  ]), ue(n, s);
-}, jt = (e) => {
+  ]), de(n, s);
+}, Rt = (e) => {
   var n;
-  const t = $("marker"), o = N(() => t ? typeof customElements < "u" && customElements.get("gmp-pin") !== void 0 : !1, [t]);
+  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 = 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 A.createElement(zt, 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 L.createElement(xt, 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 A.createElement(Rt, 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 L.createElement(Nt, Object.assign({}, s, { glyph: g }));
   }
 };
-function Bt(e) {
+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 = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onBoundsChanged", "bounds", "defaultBounds"]), [h, y] = k(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);
+  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.");
@@ -1509,131 +1509,22 @@ function Bt(e) {
     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 ? () => {
+  }, [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 || Un(m, h.getBounds()) || h.setBounds(m);
+    !h || !m || Bn(m, h.getBounds()) || h.setBounds(m);
   }, [h, m]), h;
 }
-const Ft = H((e, n) => {
-  const t = Bt(e);
-  return V(n, () => t, [
+const jt = U((e, n) => {
+  const t = zt(e);
+  return H(n, () => t, [
     t
-  ]), A.createElement(A.Fragment, null);
+  ]), L.createElement(L.Fragment, null);
 });
-Ft.displayName = "Rectangle";
-function X(e) {
-  return typeof document > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(e).trim();
-}
-function pe() {
-  const e = X("--background"), n = X("--foreground"), t = X("--border"), o = X("--muted"), r = X("--muted-foreground"), a = X("--primary");
-  return [
-    // Hide business POIs — clinical-listing UIs don't want Google's
-    // restaurants / shops bleeding into the practice-location card.
-    {
-      featureType: "poi.business",
-      stylers: [{ visibility: "off" }]
-    },
-    // Canvas / paper colour. `--background` is the surface the kit
-    // itself paints on, so the map blends with the card chrome.
-    {
-      elementType: "geometry",
-      stylers: [{ color: e || "" }]
-    },
-    // All label text → kit foreground.
-    {
-      elementType: "labels.text.fill",
-      stylers: [{ color: n || "" }]
-    },
-    // Label outlines / strokes pulled from the muted surface so text
-    // stays legible without painting solid white halos in dark themes.
-    {
-      elementType: "labels.text.stroke",
-      stylers: [{ color: o || "" }]
-    },
-    // Roads + administrative boundaries → border token. This is the
-    // strongest visual cue tying map geometry to kit chrome.
-    {
-      featureType: "administrative",
-      elementType: "geometry",
-      stylers: [{ color: t || "" }]
-    },
-    {
-      featureType: "road",
-      elementType: "geometry",
-      stylers: [{ color: r || "" }]
-    },
-    {
-      featureType: "road",
-      elementType: "labels.text.fill",
-      stylers: [{ color: n || "" }]
-    },
-    // Highways get a slight emphasis via the primary accent — a
-    // single-pixel cue that helps the eye when zoomed out.
-    {
-      featureType: "road.highway",
-      elementType: "geometry.stroke",
-      // Empty-string fallback (consistent with the other rules) so a
-      // consumer with a non-violet brand doesn't get violet bleeding
-      // into highway / transit strokes. Google Maps treats empty as
-      // "use the default".
-      stylers: [{ color: a || "" }]
-    },
-    // Water → muted surface (subtle, doesn't overpower the marker).
-    {
-      featureType: "water",
-      elementType: "geometry",
-      stylers: [{ color: o || "" }]
-    },
-    // Parks → muted-foreground at low opacity feel via a softer
-    // tint; same family as the border so the palette stays tight.
-    {
-      featureType: "poi.park",
-      elementType: "geometry",
-      stylers: [{ color: t || "" }]
-    },
-    // Transit lines (rail, bus) — kit primary, subtle.
-    {
-      featureType: "transit",
-      elementType: "geometry",
-      // Empty-string fallback (consistent with the other rules) so a
-      // consumer with a non-violet brand doesn't get violet bleeding
-      // into highway / transit strokes. Google Maps treats empty as
-      // "use the default".
-      stylers: [{ color: a || "" }]
-    },
-    // Landscape geometry — Google's default is a pale tan that fights
-    // kit dark themes hard. Painting it `--muted` keeps the canvas
-    // tonally coherent in all four themes.
-    {
-      featureType: "landscape",
-      elementType: "geometry",
-      stylers: [{ color: o || "" }]
-    },
-    // Highway fill — without this, Google's default pale-yellow
-    // highway shells clash with kit dark backgrounds. `--muted` keeps
-    // them subdued; the highway STROKE rule above is what does the
-    // brand-accent emphasis.
-    {
-      featureType: "road.highway",
-      elementType: "geometry.fill",
-      stylers: [{ color: o || "" }]
-    },
-    // POI label fills — scoped to `--muted-foreground` so business /
-    // POI labels (the few that survive after `poi.business` is
-    // hidden — schools, hospitals, transit stations) stay readable
-    // against the geometry tint without overriding the road-label
-    // rule above.
-    {
-      featureType: "poi",
-      elementType: "labels.text.fill",
-      stylers: [{ color: r || "" }]
-    }
-  ];
-}
-const Ut = {
+jt.displayName = "Rectangle";
+const Bt = {
   id: "map-view",
   capabilities: [],
   state: {},
@@ -1675,7 +1566,7 @@ const Ut = {
       description: "Sourced from the id prop."
     }
   }
-}, Ht = oe(
+}, Ft = te(
   ["ds:relative ds:overflow-hidden ds:block", "ds:bg-[var(--muted)]"].join(" "),
   {
     variants: {
@@ -1699,7 +1590,7 @@ const Ut = {
     },
     defaultVariants: { size: "md", surface: "bordered" }
   }
-), Vt = oe("ds:block ds:inline-size-full", {
+), Ut = te("ds:block ds:inline-size-full", {
   variants: {
     size: {
       sm: "ds:[block-size:var(--map-block-size)]",
@@ -1709,7 +1600,7 @@ const Ut = {
     }
   },
   defaultVariants: { size: "md" }
-}), Gt = oe(
+}), Ht = te(
   [
     "ds:absolute ds:inset-0",
     "ds:flex ds:flex-col ds:items-center ds:justify-center",
@@ -1718,14 +1609,14 @@ const Ut = {
     "ds:bg-[var(--muted)] ds:text-[var(--foreground)]",
     "ds:text-center"
   ].join(" ")
-), Jt = oe("type-heading-3 ds:m-0"), Be = oe(
+), 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 Zt({
+function Gt({
   onHandleReady: e,
   onMarkerSelect: n
 }) {
-  const t = Z();
+  const t = J();
   return E(() => {
     t && e({
       panTo: (o) => t.panTo(o),
@@ -1734,35 +1625,35 @@ function Zt({
     });
   }, [t, e, n]), null;
 }
-function $t({
+function Jt({
   address: e,
   description: n,
   onLoadMap: t,
   openInGoogleMapsHref: o,
   consentCta: r
 }) {
-  const { t: a } = He();
-  return /* @__PURE__ */ le("div", { className: Gt(), "data-testid": "map-view-consent", children: [
-    /* @__PURE__ */ z(
-      ln,
+  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__ */ z("p", { className: Jt(), children: a("mapView.consentTitle") }),
-    e ? /* @__PURE__ */ z(
+    /* @__PURE__ */ R("p", { className: Vt(), children: a("mapView.consentTitle") }),
+    e ? /* @__PURE__ */ R(
       "p",
       {
-        className: Be(),
+        className: ze(),
         "data-testid": "map-view-address",
         children: e
       }
     ) : null,
-    /* @__PURE__ */ z("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__ */ z(
-        an,
+    /* @__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",
@@ -1772,7 +1663,7 @@ function $t({
           children: a("mapView.consentCta")
         }
       ),
-      /* @__PURE__ */ le(
+      /* @__PURE__ */ se(
         "a",
         {
           href: o,
@@ -1781,14 +1672,14 @@ function $t({
           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__ */ z(cn, { "aria-hidden": "true", className: "ds:size-3" })
+            /* @__PURE__ */ R(sn, { "aria-hidden": "true", className: "ds:size-3" })
           ]
         }
       )
     ] })
   ] });
 }
-const qt = H(
+const Zt = U(
   ({
     id: e,
     apiKey: n,
@@ -1809,128 +1700,113 @@ const qt = H(
     className: d,
     ...p
   }, b) => {
-    const { t: C, i18n: w } = He(), P = on(), v = N(
-      () => `map-${P.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [P]
-    ), [O, L] = k(!1);
+    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 M = window.matchMedia("(prefers-reduced-motion: reduce)"), S = () => L(M.matches);
-      return S(), M.addEventListener("change", S), () => M.removeEventListener("change", S);
+      const A = window.matchMedia("(prefers-reduced-motion: reduce)"), I = () => D(A.matches);
+      return I(), A.addEventListener("change", I), () => A.removeEventListener("change", I);
     }, []);
-    const _ = N(() => `https://www.google.com/maps/search/?api=1&query=${c ? encodeURIComponent(c) : `${t.lat},${t.lng}`}`, [c, t.lat, t.lng]), [T, x] = k(
-      () => f ? [] : pe()
-    );
-    E(() => {
-      if (f || typeof document > "u") return;
-      x(pe());
-      const M = new MutationObserver(() => {
-        x(pe());
-      });
-      return M.observe(document.documentElement, {
-        attributes: !0,
-        attributeFilter: ["class"]
-      }), () => M.disconnect();
-    }, [f]);
-    const R = U(null), q = ne((M) => {
-      R.current = M;
+    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;
     }, []);
-    V(
+    H(
       b,
       () => ({
-        panTo: (M) => {
-          var S;
-          return (S = R.current) == null ? void 0 : S.panTo(M);
+        panTo: (A) => {
+          var I;
+          return (I = M.current) == null ? void 0 : I.panTo(A);
         },
-        setZoom: (M) => {
-          var S;
-          return (S = R.current) == null ? void 0 : S.setZoom(M);
+        setZoom: (A) => {
+          var I;
+          return (I = M.current) == null ? void 0 : I.setZoom(A);
         },
-        selectMarker: (M) => {
-          var S;
-          return (S = R.current) == null ? void 0 : S.selectMarker(M);
+        selectMarker: (A) => {
+          var I;
+          return (I = M.current) == null ? void 0 : I.selectMarker(A);
         }
       }),
       []
     );
-    const Pe = N(
+    const $ = T(
       () => ({
-        panTo: (M) => {
-          var S;
-          return (S = R.current) == null ? void 0 : S.panTo(M);
+        panTo: (A) => {
+          var I;
+          return (I = M.current) == null ? void 0 : I.panTo(A);
         },
-        setZoom: (M) => {
-          var S;
-          return (S = R.current) == null ? void 0 : S.setZoom(M);
+        setZoom: (A) => {
+          var I;
+          return (I = M.current) == null ? void 0 : I.setZoom(A);
         },
-        selectMarker: (M) => {
-          var S;
-          return (S = R.current) == null ? void 0 : S.selectMarker(M);
+        selectMarker: (A) => {
+          var I;
+          return (I = M.current) == null ? void 0 : I.selectMarker(A);
         }
       }),
       []
     );
-    sn(Ut, Pe, e), E(() => {
-      var M;
-      O || (M = R.current) == null || M.panTo(t);
+    rn(Bt, $, e), E(() => {
+      var A;
+      O || (A = M.current) == null || A.panTo(t);
     }, [t.lat, t.lng, O]), E(() => {
-      var M;
-      (M = R.current) == null || M.setZoom(o);
+      var A;
+      (A = M.current) == null || A.setZoom(o);
     }, [o]);
-    const [Ae, ge] = k(!1), Te = s || Ae, Le = ne(() => {
+    const [q, ue] = N(!1), Me = s || q, Pe = ee(() => {
       if (g) {
-        g(), ge(!0);
+        g(), ue(!0);
         return;
       }
-      ge(!0);
+      ue(!0);
     }, [g]);
-    return /* @__PURE__ */ z(
+    return /* @__PURE__ */ R(
       "div",
       {
-        className: Ht({ size: u, surface: h, className: d }),
+        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__ */ z("div", { className: Vt({ size: u }), children: Te ? /* @__PURE__ */ z(
-          Sn,
+        children: /* @__PURE__ */ R("div", { className: Ut({ size: u }), children: Me ? /* @__PURE__ */ R(
+          Dn,
           {
             apiKey: n,
-            language: w.language,
-            children: /* @__PURE__ */ le(
-              Xe,
+            language: P.language,
+            children: /* @__PURE__ */ se(
+              Ke,
               {
                 defaultCenter: t,
                 defaultZoom: o,
                 mapId: f,
-                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__ */ z(
-                    Zt,
+                  /* @__PURE__ */ R(
+                    Gt,
                     {
-                      onHandleReady: q,
-                      onMarkerSelect: (M) => i == null ? void 0 : i(M)
+                      onHandleReady: x,
+                      onMarkerSelect: (A) => i == null ? void 0 : i(A)
                     }
                   ),
-                  (r ?? []).map((M) => {
-                    const S = a != null && a === M.id, W = C("mapView.markerLabel", {
-                      label: M.label ?? M.id
+                  (r ?? []).map((A) => {
+                    const I = a != null && a === A.id, Q = C("mapView.markerLabel", {
+                      label: A.label ?? A.id
                     });
-                    return f ? /* @__PURE__ */ z(
-                      en,
+                    return f ? /* @__PURE__ */ R(
+                      Xe,
                       {
-                        position: M.position,
-                        title: W,
-                        "aria-label": W,
-                        "data-selected": S ? "true" : "false",
-                        onClick: () => i == null ? void 0 : i(M.id),
-                        children: /* @__PURE__ */ z(
-                          jt,
+                        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)",
@@ -1938,27 +1814,27 @@ const qt = H(
                           }
                         )
                       },
-                      M.id
-                    ) : /* @__PURE__ */ z(
-                      nn,
+                      A.id
+                    ) : /* @__PURE__ */ R(
+                      Qe,
                       {
-                        position: M.position,
-                        title: W,
-                        onClick: () => i == null ? void 0 : i(M.id)
+                        position: A.position,
+                        title: Q,
+                        onClick: () => i == null ? void 0 : i(A.id)
                       },
-                      M.id
+                      A.id
                     );
                   })
                 ]
               }
             )
           }
-        ) : /* @__PURE__ */ z(
-          $t,
+        ) : /* @__PURE__ */ R(
+          Jt,
           {
             address: c,
             description: l ?? C("mapView.consentDescription"),
-            onLoadMap: Le,
+            onLoadMap: Pe,
             consentCta: m,
             openInGoogleMapsHref: _
           }
@@ -1967,8 +1843,8 @@ const qt = H(
     );
   }
 );
-qt.displayName = "MapView";
+Zt.displayName = "MapView";
 export {
-  qt as M
+  Zt as M
 };
-//# sourceMappingURL=map-view-ZgbhfRqy.js.map
+//# sourceMappingURL=map-view-vD5pvWs9.js.map