@alfadocs/ui-kit 0.14.1 → 0.15.0

package/dist/_chunks/{map-view-Dd48BxVB.js → map-view-DVP-Kp9l.js}

@@ -1,17 +1,17 @@
-import { jsx as R, jsxs as ae } from "react/jsx-runtime";
-import * as Re from "react";
-import T, { useMemo as I, useContext as B, useEffect as E, useLayoutEffect as Y, forwardRef as U, useImperativeHandle as H, useState as N, useReducer as je, useCallback as le, useRef as F, Children as be, createContext as Xe, useId as Qe } from "react";
-import { c as ee } from "./index-D2ZczOXr.js";
-import { useTranslation as ze } from "react-i18next";
-import { createPortal as ce } from "react-dom";
-import { g as en } from "./_commonjsHelpers-C6fGbg64.js";
-import { B as nn } from "./button-DD_0Xdmr.js";
-import { u as tn } from "./registry-C9nwlNyL.js";
-import { M as on } from "./map-pin-B8STOPMJ.js";
-import { E as rn } from "./external-link-C6F25E6k.js";
-var ue, Le;
-function an() {
-  return Le || (Le = 1, ue = function e(n, t) {
+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-C6fGbg64.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) {
     if (n === t) return !0;
     if (n && t && typeof n == "object" && typeof t == "object") {
       if (n.constructor !== t.constructor) return !1;
@@ -35,10 +35,10 @@ function an() {
       return !0;
     }
     return n !== n && t !== t;
-  }), ue;
+  }), ge;
 }
-var sn = an();
-const ne = /* @__PURE__ */ en(sn), ln = "1.8.3";
+var ln = sn();
+const te = /* @__PURE__ */ nn(ln), cn = "1.8.3";
 function j(e, n) {
   var t = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
@@ -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 De(e, n, t, o) {
+function Se(e, n, t, o) {
   function r(a) {
     return a instanceof t ? a : new t(function(i) {
       i(a);
@@ -74,43 +74,43 @@ function De(e, n, t, o) {
     c((o = o.apply(e, [])).next());
   });
 }
-function cn(e, n) {
+function dn(e, n) {
   e.src = n;
 }
-const dn = (e) => {
+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) => {
     var p;
     await (t = g.createElement("script")), u.set("libraries", [...m] + "");
     for (o in e)
       u.set(o.replace(/[A-Z]/g, (b) => "_" + b[0].toLowerCase()), e[o]);
-    u.set("callback", a + ".maps." + s), cn(t, "https://maps.googleapis.com/maps/api/js?" + u), f[s] = y, t.onerror = () => n = d(Error(r + " could not load.")), t.nonce = ((p = g.querySelector("script[nonce]")) == null ? void 0 : p.nonce) || "", g.head.append(t);
+    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);
   }));
   f[i] ? console.warn(r + " only loads once. Ignoring:", e) : f[i] = (y, ...d) => m.add(y) && h().then(() => f[i](y, ...d));
-}, un = (e) => `The setOptions() function should only be called once. The options passed to the additional call (${JSON.stringify(e)}) will be ignored.`, gn = (e) => `The google.maps.importLibrary() function is already defined, and @googlemaps/js-api-loader will use the existing function instead of overwriting it. The options passed to setOptions (${JSON.stringify(e)}) will be ignored.`, fn = "No options were set before calling importLibrary. Make sure to configure the loader using setOptions().", mn = "There already is a script loading the Google Maps JavaScript API, and no google.maps.importLibrary function is defined. @googlemaps/js-api-loader will proceed to bootstrap the API with the specified options, but the existing script might cause problems using the API. Make sure to remove the script loading the API.", Be = process.env.NODE_ENV !== "production", Ee = Be ? (e) => {
+}, 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) => {
   console.warn(`[@googlemaps/js-api-loader] ${e}`);
 } : () => {
-}, pn = Be ? (e) => {
+}, hn = Fe ? (e) => {
   console.info(`[@googlemaps/js-api-loader] ${e}`);
 } : () => {
-}, hn = process.env.NODE_ENV !== "production";
-let me = !1;
-function vn(e) {
-  if (me) {
-    Ee(un(e));
+}, vn = process.env.NODE_ENV !== "production";
+let pe = !1;
+function yn(e) {
+  if (pe) {
+    Ce(gn(e));
     return;
   }
-  bn(e), me = !0;
+  En(e), pe = !0;
 }
-async function yn(e) {
+async function bn(e) {
   var n, t;
-  if (me || Ee(fn), !((t = (n = window == null ? void 0 : window.google) == null ? void 0 : n.maps) != null && t.importLibrary))
+  if (pe || Ce(mn), !((t = (n = window == null ? void 0 : window.google) == null ? void 0 : n.maps) != null && t.importLibrary))
     throw new Error("google.maps.importLibrary is not installed.");
   return await google.maps.importLibrary(e);
 }
-function bn(e) {
+function En(e) {
   var t, o;
   const n = !!((o = (t = window.google) == null ? void 0 : t.maps) != null && o.importLibrary);
-  n ? pn(gn(e)) : hn && document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]') && Ee(mn), n || dn(e);
+  n ? hn(fn(e)) : vn && document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]') && Ce(pn), n || un(e);
 }
 const z = {
   NOT_LOADED: "NOT_LOADED",
@@ -118,16 +118,16 @@ const z = {
   LOADED: "LOADED",
   FAILED: "FAILED",
   AUTH_FAILURE: "AUTH_FAILURE"
-}, En = "GMP_visgl_rgmlibrary_v1_default", Cn = [
-  `gmp_visgl_reactgooglemaps_v${ln}`
-], X = T.createContext(null);
-let V = z.NOT_LOADED, oe;
-const pe = /* @__PURE__ */ new Set();
-function re(e) {
-  e !== V && (V = e, pe.forEach((n) => n(V)));
-}
-function On() {
-  const [e, n] = N({});
+}, 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({});
   return { mapInstances: e, addMapInstance: (a, i = "default") => {
     n((s) => Object.assign(Object.assign({}, s), { [i]: a }));
   }, removeMapInstance: (a = "default") => {
@@ -141,8 +141,8 @@ function On() {
     n({});
   } };
 }
-function Mn() {
-  const [e, n] = N({});
+function wn() {
+  const [e, n] = x({});
   return {
     map3dInstances: e,
     addMap3DInstance: (a, i = "default") => {
@@ -162,7 +162,7 @@ function Mn() {
   };
 }
 function Pn(e) {
-  const { onLoad: n, onError: t, apiKey: o, version: r, libraries: a = [], region: i, language: s, authReferrerPolicy: g, channel: c, solutionChannel: l, fetchAppCheckToken: f } = e, [m, u] = N(V), [h, y] = je((b, C) => b[C.name] ? b : Object.assign(Object.assign({}, b), { [C.name]: C.value }), {}), d = I(() => {
+  const { 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(() => {
     const b = {
       apiKey: o,
       version: r,
@@ -183,30 +183,30 @@ function Pn(e) {
     g,
     c,
     l
-  ]), p = le((b) => De(this, void 0, void 0, function* () {
+  ]), p = ce((b) => Se(this, void 0, void 0, function* () {
     if (h[b])
       return h[b];
-    const C = yield yn(b);
+    const C = yield bn(b);
     return y({ name: b, value: C }), C;
   }), [h]);
-  return E(() => (pe.add(u), u(V), () => {
-    pe.delete(u);
+  return E(() => (he.add(u), u(V), () => {
+    he.delete(u);
   }), []), E(
     () => {
-      De(this, void 0, void 0, function* () {
+      Se(this, void 0, void 0, function* () {
         var b, C;
         try {
-          oe && oe !== d && console.warn("The Google Maps JavaScript API has already been loaded with different parameters. The new parameters will be ignored. If you need to use different parameters, please refresh the page.");
-          const w = ["core", "maps", ...a];
+          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.");
+          const M = ["core", "maps", ...a];
           if (!((C = (b = window.google) === null || b === void 0 ? void 0 : b.maps) === null || C === void 0) && C.importLibrary) {
-            oe || re(z.LOADED), yield Promise.all(w.map((v) => p(v))), n && n();
+            re || ae(z.LOADED), yield Promise.all(M.map((v) => p(v))), n && n();
             return;
           }
           if (V === z.LOADING || V === z.LOADED) {
             V === z.LOADED && n && n();
             return;
           }
-          oe = d, re(z.LOADING);
+          re = d, ae(z.LOADING);
           const A = Object.fromEntries(Object.entries({
             key: o,
             v: r,
@@ -215,9 +215,9 @@ 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 = En : l !== "" && (A.solutionChannel = l), vn(A), yield Promise.all(w.map((v) => p(v))), re(z.LOADED), n && n();
-        } catch (w) {
-          re(z.FAILED), t ? t(w) : console.error("The Google Maps JavaScript API failed to load.", w);
+          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();
+        } catch (M) {
+          ae(z.FAILED), t ? t(M) : console.error("The Google Maps JavaScript API failed to load.", M);
         }
       });
     },
@@ -234,11 +234,11 @@ function Pn(e) {
     importLibrary: p
   };
 }
-function wn(e) {
-  return I(() => e.disableUsageAttribution ? null : Cn, [e.disableUsageAttribution]);
+function An(e) {
+  return N(() => e.disableUsageAttribution ? null : On, [e.disableUsageAttribution]);
 }
-const An = (e) => {
-  const { children: n } = e, t = j(e, ["children"]), { mapInstances: o, addMapInstance: r, removeMapInstance: a, clearMapInstances: i } = On(), { map3dInstances: s, addMap3DInstance: g, removeMap3DInstance: c, clearMap3DInstances: l } = Mn(), { status: f, loadedLibraries: m, importLibrary: u } = Pn(t), h = wn(t), y = I(() => ({
+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(() => ({
     mapInstances: o,
     addMapInstance: r,
     removeMapInstance: a,
@@ -265,22 +265,22 @@ const An = (e) => {
     u,
     h
   ]);
-  return T.createElement(X.Provider, { value: y }, n);
+  return P.createElement(Q.Provider, { value: y }, n);
 };
-function Tn(e, n) {
-  for (const t of kn) {
-    const o = n[t], r = Fe[t];
+function Ln(e, n) {
+  for (const t of _n) {
+    const o = n[t], r = Ue[t];
     E(() => {
       if (!e || !o)
         return;
       const a = google.maps.event.addListener(e, r, (i) => {
-        o(Ln(r, e, i));
+        o(Dn(r, e, i));
       });
       return () => a.remove();
     }, [e, r, o]);
   }
 }
-function Ln(e, n, t) {
+function Dn(e, n, t) {
   var o;
   const r = {
     type: e,
@@ -290,7 +290,7 @@ function Ln(e, n, t) {
     stop: () => {
     }
   };
-  if (Dn.includes(e)) {
+  if (Sn.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 Ln(e, n, t) {
         west: -180
       }
     }, a;
-  } else if (Sn.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 Ln(e, n, t) {
   }
   return r;
 }
-const Fe = {
+const Ue = {
   onBoundsChanged: "bounds_changed",
   onCenterChanged: "center_changed",
   onClick: "click",
@@ -341,31 +341,31 @@ const Fe = {
   // since that is going to be fired in every situation where the camera is
   // updated.
   onCameraChanged: "bounds_changed"
-}, Dn = [
+}, Sn = [
   "bounds_changed",
   "center_changed",
   "heading_changed",
   "tilt_changed",
   "zoom_changed"
-], Sn = [
+], kn = [
   "click",
   "contextmenu",
   "dblclick",
   "mousemove",
   "mouseout",
   "mouseover"
-], kn = Object.keys(Fe);
-function te(e, n) {
+], _n = Object.keys(Ue);
+function oe(e, n) {
   const t = F(e);
   return n(e, t.current) || (t.current = e), t.current;
 }
-function _n(e, n, t) {
-  E(e, [te(n, t)]);
+function In(e, n, t) {
+  E(e, [oe(n, t)]);
 }
-function Ue(e, n) {
-  _n(e, n, ne);
+function He(e, n) {
+  In(e, n, te);
 }
-const In = /* @__PURE__ */ new Set([
+const Nn = /* @__PURE__ */ new Set([
   "backgroundColor",
   "clickableIcons",
   "controlSize",
@@ -402,21 +402,21 @@ const In = /* @__PURE__ */ new Set([
   "zoomControl",
   "zoomControlOptions"
 ]);
-function Nn(e, n) {
+function xn(e, n) {
   const t = {}, o = Object.keys(n);
   for (const r of o)
-    In.has(r) && (t[r] = n[r]);
-  Ue(() => {
+    Nn.has(r) && (t[r] = n[r]);
+  He(() => {
     e && e.setOptions(t);
   }, [t]);
 }
-function He() {
+function Ve() {
   var e;
-  return ((e = B(X)) === null || e === void 0 ? void 0 : e.status) || z.NOT_LOADED;
+  return ((e = B(Q)) === null || e === void 0 ? void 0 : e.status) || z.NOT_LOADED;
 }
-function xn(e, n) {
+function Rn(e, n) {
   const { viewport: t, viewState: o } = n, r = !!t;
-  return Y(() => {
+  return X(() => {
     if (!e || !o)
       return;
     const { latitude: a, longitude: i, bearing: s, pitch: g, zoom: c } = o;
@@ -428,19 +428,19 @@ function xn(e, n) {
     });
   }, [e, o]), r;
 }
-function Rn(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 Ve(e, n) {
+function Ge(e, n) {
   if (!e || !n)
     return !1;
-  const t = se(e), o = se(n);
+  const t = le(e), o = le(n);
   return !(t.lat !== o.lat || t.lng !== o.lng);
 }
-function se(e) {
-  return Rn(e) ? e : e.toJSON();
+function le(e) {
+  return jn(e) ? e : e.toJSON();
 }
-function Se(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 Se(e) {
     west: t.lng
   };
 }
-function jn(e, n) {
+function zn(e, n) {
   if (!e || !n)
     return !1;
-  const t = Se(e), o = Se(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 Ge(e, n) {
+function Je(e, n) {
   if (!e || !n)
     return e === n;
   const t = "getArray" in n ? n.getArray() : n;
   if (e.length !== t.length)
     return !1;
   for (let o = 0; o < e.length; o++)
-    if (!Ve(e[o], t[o]))
+    if (!Ge(e[o], t[o]))
       return !1;
   return !0;
 }
-function zn(e, n) {
+function Bn(e, n) {
   if (!e || !n)
     return e === n;
   const t = "getArray" in n ? n.getArray().map((o) => o.getArray()) : n;
   if (e.length !== t.length)
     return !1;
   for (let o = 0; o < e.length; o++)
-    if (!Ge(e[o], t[o]))
+    if (!Je(e[o], t[o]))
       return !1;
   return !0;
 }
-function Bn(e, n, t) {
-  const o = t.center ? se(t.center) : null;
+function Fn(e, n, t) {
+  const o = t.center ? le(t.center) : null;
   let r = null, a = null;
   o && Number.isFinite(o.lat) && Number.isFinite(o.lng) && (r = o.lat, a = o.lng);
   const i = Number.isFinite(t.zoom) ? t.zoom : null, s = Number.isFinite(t.heading) ? t.heading : null, g = Number.isFinite(t.tilt) ? t.tilt : null;
-  Y(() => {
+  X(() => {
     if (!e)
       return;
     const c = {};
@@ -492,7 +492,7 @@ function Bn(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 Fn = () => {
+const Un = () => {
   const e = {
     position: "absolute",
     top: 0,
@@ -509,31 +509,31 @@ const Fn = () => {
     background: "#dddddd",
     padding: "1rem 1.5rem"
   };
-  return T.createElement(
+  return P.createElement(
     "div",
     { style: e },
-    T.createElement("h2", null, "Error: AuthFailure"),
-    T.createElement(
+    P.createElement("h2", null, "Error: AuthFailure"),
+    P.createElement(
       "p",
       null,
       "A problem with your API key prevents the map from rendering correctly. Please make sure the value of the ",
-      T.createElement("code", null, "APIProvider.apiKey"),
+      P.createElement("code", null, "APIProvider.apiKey"),
       " prop is correct. Check the error-message in the console for further details."
     )
   );
 };
-function he() {
-  const [e, n] = N(null), t = le((o) => n(o), [n]);
+function ve() {
+  const [e, n] = x(null), t = ce((o) => n(o), [n]);
   return [e, t];
 }
-function Je() {
-  return He() === z.LOADED;
-}
 function Ze() {
-  const [, e] = je((n) => n + 1, 0);
+  return Ve() === z.LOADED;
+}
+function $e() {
+  const [, e] = ze((n) => n + 1, 0);
   return e;
 }
-function Un(e, n) {
+function Hn(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 Un(e, n) {
     tilt: a
   });
 }
-function Hn(e) {
-  const n = Ze(), t = F({
+function Vn(e) {
+  const n = $e(), t = F({
     center: { lat: 0, lng: 0 },
     heading: 0,
     tilt: 0,
@@ -553,12 +553,12 @@ function Hn(e) {
     if (!e)
       return;
     const o = google.maps.event.addListener(e, "bounds_changed", () => {
-      Un(e, t), n();
+      Hn(e, t), n();
     });
     return () => o.remove();
   }, [e, n]), t;
 }
-class ie {
+class se {
   static has(n) {
     return this.entries[n] && this.entries[n].length > 0;
   }
@@ -569,14 +569,14 @@ class ie {
     this.entries[n] || (this.entries[n] = []), this.entries[n].push(t);
   }
 }
-ie.entries = {};
-function Vn(e, n) {
-  const t = Je(), [o, r] = N(null), [a, i] = he(), s = Hn(o), { id: g, defaultBounds: c, defaultCenter: l, defaultZoom: f, defaultHeading: m, defaultTilt: u, reuseMaps: h, renderingType: y, colorScheme: d } = e, p = j(e, ["id", "defaultBounds", "defaultCenter", "defaultZoom", "defaultHeading", "defaultTilt", "reuseMaps", "renderingType", "colorScheme"]), b = e.zoom !== void 0 || e.defaultZoom !== void 0, C = e.center !== void 0 || e.defaultCenter !== void 0;
+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);
-  const w = p.internalUsageAttributionIds;
-  w == null ? p.internalUsageAttributionIds = n.internalUsageAttributionIds : p.internalUsageAttributionIds = [
+  const M = p.internalUsageAttributionIds;
+  M == null ? p.internalUsageAttributionIds = n.internalUsageAttributionIds : p.internalUsageAttributionIds = [
     ...n.internalUsageAttributionIds || [],
-    ...w
+    ...M
   ];
   for (const v of Object.keys(p))
     p[v] === void 0 && delete p[v];
@@ -585,22 +585,22 @@ function Vn(e, n) {
     () => {
       if (!a || !t)
         return;
-      const { addMapInstance: v, removeMapInstance: O } = n, { mapId: L } = e, S = `${L || "default"}:${y || "default"}:${d || "LIGHT"}`;
-      let M, x;
-      if (h && ie.has(S) ? (x = ie.pop(S), M = x.getDiv(), a.appendChild(M), x.setOptions(p), setTimeout(() => x.moveCamera({}), 0)) : (M = document.createElement("div"), M.style.height = "100%", a.appendChild(M), x = new google.maps.Map(M, Object.assign(Object.assign(Object.assign({}, p), y ? { renderingType: y } : {}), d ? { colorScheme: d } : {}))), r(x), v(x, g), c) {
-        const { padding: $ } = c, P = j(c, ["padding"]);
-        x.fitBounds(P, $);
-      } else (!b || !C) && x.fitBounds({ east: 180, west: -180, south: -90, north: 90 });
+      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: P } = A.current;
-        $ !== L && x.moveCamera(P);
+        const { mapId: $, cameraState: q } = A.current;
+        $ !== L && _.moveCamera(q);
       }
       return () => {
         A.current = {
           mapId: L,
           // eslint-disable-next-line react-hooks/exhaustive-deps
           cameraState: s.current
-        }, M.remove(), h ? ie.push(S, x) : google.maps.event.clearInstanceListeners(x), r(null), O(g);
+        }, T.remove(), h ? se.push(k, _) : google.maps.event.clearInstanceListeners(_), r(null), O(g);
       };
     },
     // some dependencies are ignored in the list below:
@@ -620,13 +620,13 @@ function Vn(e, n) {
     ]
   ), [o, i, s];
 }
-const $e = T.createContext(null), qe = (e) => {
-  const { children: n, id: t, className: o, style: r } = e, a = B(X), i = He();
+const qe = P.createContext(null), We = (e) => {
+  const { children: n, id: t, className: o, style: r } = e, a = B(Q), i = Ve();
   if (!a)
     throw new Error("<Map> can only be used inside an <ApiProvider> component.");
-  const [s, g, c] = Vn(e, a);
-  Bn(s, c, e), Tn(s, e), Nn(s, e);
-  const l = xn(s, e), f = !!e.controlled;
+  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(() => {
     if (s)
       return l && s.setOptions({ disableDefaultUI: !0 }), (l || f) && s.setOptions({
@@ -645,19 +645,19 @@ const $e = T.createContext(null), qe = (e) => {
     e.gestureHandling,
     e.keyboardShortcuts
   ]);
-  const m = e.center ? se(e.center) : null;
+  const m = e.center ? le(e.center) : null;
   let u = null, h = null;
   m && Number.isFinite(m.lat) && Number.isFinite(m.lng) && (u = m.lat, h = m.lng);
-  const y = I(() => {
-    var b, C, w;
+  const y = N(() => {
+    var b, C, 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,
-      tilt: (w = e.tilt) !== null && w !== void 0 ? w : 0
+      tilt: (M = e.tilt) !== null && M !== void 0 ? M : 0
     };
   }, [u, h, e.zoom, e.heading, e.tilt]);
-  Y(() => {
+  X(() => {
     if (!s || !f)
       return;
     s.moveCamera(y);
@@ -666,53 +666,53 @@ const $e = T.createContext(null), qe = (e) => {
     });
     return () => b.remove();
   }, [s, f, y]);
-  const d = I(() => Object.assign({
+  const d = N(() => Object.assign({
     width: "100%",
     height: "100%",
     position: "relative",
     // when using deckgl, the map should be sent to the back
     zIndex: l ? -1 : 0
-  }, r), [r, l]), p = I(() => ({ map: s }), [s]);
-  return i === z.AUTH_FAILURE ? T.createElement(
+  }, r), [r, l]), p = N(() => ({ map: s }), [s]);
+  return i === z.AUTH_FAILURE ? P.createElement(
     "div",
     { style: Object.assign({ position: "relative" }, o ? {} : d), className: o },
-    T.createElement(Fn, null)
-  ) : T.createElement("div", Object.assign({ ref: g, "data-testid": "map", style: o ? void 0 : d, className: o }, t ? { id: t } : {}), s ? T.createElement($e.Provider, { value: p }, n) : null);
+    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);
 };
-qe.deckGLViewProps = !0;
-const ke = /* @__PURE__ */ new Set();
-function Q(...e) {
+We.deckGLViewProps = !0;
+const _e = /* @__PURE__ */ new Set();
+function ee(...e) {
   const n = JSON.stringify(e);
-  ke.has(n) || (ke.add(n), console.error(...e));
+  _e.has(n) || (_e.add(n), console.error(...e));
 }
 const J = (e = null) => {
-  const n = B(X), { map: t } = B($e) || {};
+  const n = B(Q), { map: t } = B(qe) || {};
   if (n === null)
-    return Q("useMap(): failed to retrieve APIProviderContext. Make sure that the <APIProvider> component exists and that the component you are calling `useMap()` from is a sibling of the <APIProvider>."), null;
+    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;
   const { mapInstances: o } = n;
   return e !== null ? o[e] || null : t || o.default || null;
 };
 function Z(e) {
-  const n = Je(), t = B(X);
+  const n = Ze(), t = B(Q);
   return E(() => {
     !n || !t || t.importLibrary(e);
   }, [n, t, e]), (t == null ? void 0 : t.loadedLibraries[e]) || null;
 }
-var ge;
-const { useLayoutEffect: Gn, useRef: Jn } = Re, Zn = (ge = Re.useInsertionEffect) !== null && ge !== void 0 ? ge : Gn;
-function $n() {
+var fe;
+const { useLayoutEffect: Jn, useRef: Zn } = je, $n = (fe = je.useInsertionEffect) !== null && fe !== void 0 ? fe : Jn;
+function qn() {
   throw new Error("useEffectEvent: invalid call during rendering.");
 }
-function qn(e) {
-  const n = Jn($n);
-  return Zn(() => {
+function Wn(e) {
+  const n = Zn(qn);
+  return $n(() => {
     n.current = e;
   }, [e]), ((...t) => n.current(...t));
 }
-const We = qn, Wn = () => {
+const Ke = Wn, Kn = () => {
 };
 function D(e, n, t) {
-  const o = We(t ?? Wn), r = !!t;
+  const o = Ke(t ?? Kn), r = !!t;
   E(() => {
     if (!e || !n || !r)
       return;
@@ -720,15 +720,15 @@ function D(e, n, t) {
     return () => a.remove();
   }, [e, n, r]);
 }
-function _(e, n, t) {
+function I(e, n, t) {
   E(() => {
     e && (e[n] = t);
   }, [e, n, t]);
 }
-const Kn = () => {
+const Yn = () => {
 };
-function ve(e, n, t) {
-  const o = We(t ?? Kn), r = !!t;
+function ye(e, n, t) {
+  const o = Ke(t ?? Yn), r = !!t;
   E(() => {
     if (!e || !n || !r)
       return;
@@ -736,7 +736,7 @@ function ve(e, n, t) {
     return e.addEventListener(n, a), () => e.removeEventListener(n, a);
   }, [e, n, r]);
 }
-class Yn {
+class Xn {
   constructor() {
     this.renderedStyles = /* @__PURE__ */ new Set(), this.styleElement = null;
   }
@@ -757,73 +757,73 @@ class Yn {
     this.styleElement && (this.styleElement.remove(), this.styleElement = null, this.renderedStyles.clear());
   }
 }
-const Xn = new Yn();
-function Qn(e, n) {
+const Qn = new Xn();
+function et(e, n) {
   var t;
   if (!(!((t = google == null ? void 0 : google.maps) === null || t === void 0) && t.version))
     return;
   const o = google.maps.version.split("."), r = parseInt(o[0], 10), a = parseInt(o[1], 10);
   return r > e || r === e && a >= n;
 }
-const Ce = T.createContext(null), et = {
+const Oe = P.createContext(null), nt = {
   BOTTOM: ["50%", "100%"]
-}, Ke = U((e, n) => {
-  const { children: t, style: o, className: r, anchorPoint: a } = e, [i, s] = tt(e), g = I(() => i ? { marker: i } : null, [i]);
-  return H(n, () => i, [i]), s ? T.createElement(Ce.Provider, { value: g }, ce(T.createElement(nt, { anchorPoint: a, styles: o, className: r }, t), s)) : null;
+}, 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;
 });
-Ke.displayName = "AdvancedMarker";
-function ye(e) {
+Ye.displayName = "AdvancedMarker";
+function be(e) {
   return e.nodeType === Node.ELEMENT_NODE;
 }
-const nt = ({ children: e, styles: n, className: t }) => T.createElement("div", { className: t, style: n }, e);
-function tt(e) {
-  const [n, t] = N(null), [o, r] = N(null), a = J(), i = Z("marker"), { children: s, onClick: g, className: c, onMouseEnter: l, onMouseLeave: f, onDrag: m, onDragStart: u, onDragEnd: h, collisionBehavior: y, clickable: d, draggable: p, position: b, title: C, zIndex: w, anchorPoint: A, anchorLeft: v, anchorTop: O } = e, L = be.count(s);
+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(() => {
     if (!a || !i)
       return;
-    const S = new i.AdvancedMarkerElement();
-    S.map = a, t(S);
-    let M = null;
-    return L > 0 && (M = document.createElement("div"), S.content = M, r(M)), () => {
-      S.map = null, M == null || M.remove(), t(null), r(null);
+    const k = new i.AdvancedMarkerElement();
+    k.map = a, t(k);
+    let T = null;
+    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) || !ye(n.content) || L > 0 || (n.content.className = c ?? "");
-  }, [n, c, L]), ot(n, A, v, O, L > 0), _(n, "position", b), _(n, "title", C ?? ""), _(n, "zIndex", w), _(n, "collisionBehavior", y), E(() => {
+    !(n != 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(() => {
     if (!n)
       return;
-    const S = d !== void 0 ? d : !!g || !!l || !!f;
-    n.gmpClickable = S, S && (n != null && n.content) && ye(n.content) && (n.content.style.pointerEvents = "all", g && (n.content.style.cursor = "pointer"));
-  }, [n, d, g, l, f]), D(n, "click", g), D(n, "drag", m), D(n, "dragstart", u), D(n, "dragend", h), ve(n == null ? void 0 : n.element, "mouseenter", l), ve(n == null ? void 0 : n.element, "mouseleave", f), [n, o];
+    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];
 }
-function ot(e, n, t, o, r) {
+function rt(e, n, t, o, r) {
   E(() => {
     if (!e || !r)
       return;
-    const a = Qn(3, 62), i = e.content;
-    if (!(!i || !ye(i))) {
+    const a = et(3, 62), i = e.content;
+    if (!(!i || !be(i))) {
       if (t !== void 0 || o !== void 0) {
         a || console.warn(`AdvancedMarker: The anchorLeft and anchorTop props are only supported in Google Maps API version 3.62 and above. The current version is ${google.maps.version}.`), e.anchorLeft = t, e.anchorTop = o, n !== void 0 && console.warn("AdvancedMarker: the anchorPoint prop is ignored when anchorLeft and/or anchorTop are set.");
         return;
       }
       if (n !== void 0) {
-        const [s, g] = n ?? et.BOTTOM, c = `calc(-1 * ${s})`, l = `calc(-1 * ${g})`;
-        a ? (e.anchorLeft = c, e.anchorTop = l, i.style.transform = "") : (i.style.transform = `translate(50%, 100%) translate(${c}, ${l})`, e.dataset.origin = "rgm", Xn.addAdvancedMarkerPointerEventsOverwrite());
+        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());
       }
     }
   }, [e, n, t, o, r]);
 }
-function rt(e) {
+function at(e) {
   var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onRadiusChanged: l, onCenterChanged: f, center: m, defaultCenter: u, radius: h, defaultRadius: y } = e, d = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onRadiusChanged", "onCenterChanged", "center", "defaultCenter", "radius", "defaultRadius"]), [p, b] = N(null), C = J(), w = te(Object.assign(Object.assign({}, d), { clickable: (n = d.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = d.draggable) !== null && t !== void 0 ? t : !!(a || i || s || f), editable: (o = d.editable) !== null && o !== void 0 ? o : !!l }), ne);
+  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.");
       return;
     }
-    const A = new google.maps.Circle(Object.assign(Object.assign({}, w), { center: m ?? u, radius: h ?? y }));
+    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);
     };
@@ -833,19 +833,19 @@ function rt(e) {
   } : null), D(p, "center_changed", f ? () => {
     f(p == null ? void 0 : p.getCenter());
   } : null), E(() => {
-    p && p.setOptions(w);
-  }, [p, w]), E(() => {
-    !p || !m || Ve(m, p.getCenter()) || p.setCenter(m);
+    p && p.setOptions(M);
+  }, [p, M]), E(() => {
+    !p || !m || Ge(m, p.getCenter()) || p.setCenter(m);
   }, [p, m]), E(() => {
     !p || h === void 0 || h !== p.getRadius() && p.setRadius(h);
   }, [p, h]), p;
 }
-const at = U((e, n) => {
-  const t = rt(e);
-  return H(n, () => t, [t]), T.createElement(T.Fragment, null);
+const it = U((e, n) => {
+  const t = at(e);
+  return H(n, () => t, [t]), P.createElement(P.Fragment, null);
 });
-at.displayName = "Circle";
-function it(e, n, t) {
+it.displayName = "Circle";
+function st(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 it(e, n, t) {
     if (n == null)
       return;
     for (const r in n)
-      n.hasOwnProperty(r) && _e(o, r, n[r]);
+      n.hasOwnProperty(r) && Ie(o, r, n[r]);
     return;
   }
   for (const r in t)
@@ -861,14 +861,14 @@ function it(e, n, t) {
   if (n != null)
     for (const r in n) {
       const a = n[r];
-      n.hasOwnProperty(r) && t[r] !== a && _e(o, r, a);
+      n.hasOwnProperty(r) && t[r] !== a && Ie(o, r, a);
     }
 }
-function _e(e, n, t) {
+function Ie(e, n, t) {
   const o = n.indexOf("--") === 0;
-  t == null || typeof t == "boolean" || t === "" ? o ? e.setProperty(n, "") : n === "float" ? e.cssFloat = "" : e[n] = "" : o ? e.setProperty(n, t) : typeof t == "number" && t !== 0 && !lt(n) ? e[n] = t + "px" : n === "float" ? e.cssFloat = t : e[n] = ("" + t).trim();
+  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();
 }
-const st = /* @__PURE__ */ new Set([
+const lt = /* @__PURE__ */ new Set([
   "animationIterationCount",
   "aspectRatio",
   "borderImageOutset",
@@ -915,18 +915,18 @@ const st = /* @__PURE__ */ new Set([
   "strokeOpacity",
   "strokeWidth"
 ]);
-function lt(e) {
-  return st.has(e);
+function ct(e) {
+  return lt.has(e);
 }
-function Ie(e) {
+function Ne(e) {
   const n = e.getPaths(), t = [];
   for (let o = 0; o < n.getLength(); o++)
     t.push(n.getAt(o).getArray());
   return t;
 }
-function ct(e) {
+function dt(e) {
   var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onPathsChanged: l, polygon: f, encodedPaths: m, paths: u, defaultPaths: h } = e, y = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathsChanged", "polygon", "encodedPaths", "paths", "defaultPaths"]), [d, p] = N(null), b = J(), C = Z("geometry"), w = F(!1), A = te(Object.assign(Object.assign({}, y), { clickable: (n = y.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = y.draggable) !== null && t !== void 0 ? t : !!(a || i || s || l), editable: (o = y.editable) !== null && o !== void 0 ? o : !!l }), ne);
+  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(() => {
     if (!b) {
       b === void 0 && console.error("<Polygon> has to be inside a Map component.");
@@ -945,7 +945,7 @@ function ct(e) {
       v.setMap(null), p(null);
     };
   }, [b, f]), D(d, "click", r), D(d, "drag", a), D(d, "dragstart", i), D(d, "mouseover", g), D(d, "mouseout", c), D(d, "dragend", (v) => {
-    s == null || s(v), l && d && !w.current && l(Ie(d));
+    s == null || s(v), l && d && !M.current && l(Ne(d));
   }), E(() => {
     if (!d || !l)
       return;
@@ -953,18 +953,18 @@ function ct(e) {
     if (typeof O.getLength != "function" || typeof O.getAt != "function")
       return;
     const L = () => {
-      w.current || l(Ie(d));
-    }, S = (M) => {
-      v.push(google.maps.event.addListener(M, "insert_at", L)), v.push(google.maps.event.addListener(M, "remove_at", L)), v.push(google.maps.event.addListener(M, "set_at", L));
+      M.current || l(Ne(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));
     };
-    for (let M = 0; M < O.getLength(); M++)
-      S(O.getAt(M));
-    return v.push(google.maps.event.addListener(O, "insert_at", (M) => {
-      S(O.getAt(M)), L();
-    })), v.push(google.maps.event.addListener(O, "set_at", (M) => {
-      S(O.getAt(M)), L();
+    for (let T = 0; T < O.getLength(); T++)
+      k(O.getAt(T));
+    return v.push(google.maps.event.addListener(O, "insert_at", (T) => {
+      k(O.getAt(T)), L();
+    })), v.push(google.maps.event.addListener(O, "set_at", (T) => {
+      k(O.getAt(T)), L();
     })), v.push(google.maps.event.addListener(O, "remove_at", L)), () => {
-      v.forEach((M) => M.remove());
+      v.forEach((T) => T.remove());
     };
   }, [
     d,
@@ -979,23 +979,23 @@ function ct(e) {
     if (!d || !u || !Array.isArray(u))
       return;
     const v = u[0], O = Array.isArray(v) ? u : [u], L = d.getPaths();
-    zn(O, L) || (w.current = !0, d.setPaths(u), w.current = !1);
+    Bn(O, L) || (M.current = !0, d.setPaths(u), M.current = !1);
   }, [d, u]), E(() => {
     if (!d || !m || !C)
       return;
-    w.current = !0;
+    M.current = !0;
     const v = m.map((O) => C.encoding.decodePath(O));
-    d.setPaths(v), w.current = !1;
+    d.setPaths(v), M.current = !1;
   }, [d, m, C]), d;
 }
-const dt = U((e, n) => {
-  const t = ct(e);
-  return H(n, () => t, [t]), T.createElement(T.Fragment, null);
+const ut = U((e, n) => {
+  const t = dt(e);
+  return H(n, () => t, [t]), P.createElement(P.Fragment, null);
 });
-dt.displayName = "Polygon";
-function ut(e) {
+ut.displayName = "Polygon";
+function gt(e) {
   var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onPathChanged: l, polyline: f, encodedPath: m, path: u, defaultPath: h } = e, y = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathChanged", "polyline", "encodedPath", "path", "defaultPath"]), [d, p] = N(null), b = J(), C = Z("geometry"), w = F(!1), A = te(Object.assign(Object.assign({}, y), { clickable: (n = y.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = y.draggable) !== null && t !== void 0 ? t : !!(a || i || s || l), editable: (o = y.editable) !== null && o !== void 0 ? o : !!l }), ne);
+  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(() => {
     if (!b) {
       b === void 0 && console.error("<Polyline> has to be inside a Map component.");
@@ -1014,7 +1014,7 @@ function ut(e) {
       v.setMap(null), p(null);
     };
   }, [b, f]), D(d, "click", r), D(d, "drag", a), D(d, "dragstart", i), D(d, "mouseover", g), D(d, "mouseout", c), D(d, "dragend", (v) => {
-    s == null || s(v), l && d && !w.current && l(d.getPath().getArray());
+    s == null || s(v), l && d && !M.current && l(d.getPath().getArray());
   }), E(() => {
     if (!d || !l)
       return;
@@ -1022,14 +1022,14 @@ function ut(e) {
     if (!v)
       return;
     const O = () => {
-      w.current || l(v.getArray());
+      M.current || l(v.getArray());
     }, L = [
       google.maps.event.addListener(v, "insert_at", O),
       google.maps.event.addListener(v, "remove_at", O),
       google.maps.event.addListener(v, "set_at", O)
     ];
     return () => {
-      L.forEach((S) => S.remove());
+      L.forEach((k) => k.remove());
     };
   }, [
     d,
@@ -1044,28 +1044,28 @@ function ut(e) {
     if (!d || !u)
       return;
     const v = d.getPath();
-    Ge(u, v) || (w.current = !0, d.setPath(u), w.current = !1);
+    Je(u, v) || (M.current = !0, d.setPath(u), M.current = !1);
   }, [d, u]), E(() => {
     if (!d || !m || !C)
       return;
-    w.current = !0;
+    M.current = !0;
     const v = C.encoding.decodePath(m);
-    d.setPath(v), w.current = !1;
+    d.setPath(v), M.current = !1;
   }, [d, m, C]), d;
 }
-const gt = U((e, n) => {
-  const t = ut(e);
-  return H(n, () => t, [t]), T.createElement(T.Fragment, null);
+const ft = U((e, n) => {
+  const t = gt(e);
+  return H(n, () => t, [t]), P.createElement(P.Fragment, null);
 });
-gt.displayName = "Polyline";
-const ft = {
+ft.displayName = "Polyline";
+const mt = {
   center: { lat: 0, lng: 0, altitude: 0 },
   range: 0,
   heading: 0,
   tilt: 0,
   roll: 0
-}, mt = ["center", "range", "heading", "tilt", "roll"];
-function pt(e, n, t) {
+}, pt = ["center", "range", "heading", "tilt", "roll"];
+function ht(e, n, t) {
   const o = e[t];
   if (o != null)
     if (t === "center") {
@@ -1074,15 +1074,15 @@ function pt(e, n, t) {
     } else
       n.current[t] = o;
 }
-function ht(e) {
-  const n = Ze(), t = F(Object.assign({}, ft));
+function vt(e) {
+  const n = $e(), t = F(Object.assign({}, mt));
   return E(() => {
     if (!e)
       return;
     const o = [];
-    for (const r of mt) {
+    for (const r of pt) {
       const a = `gmp-${r}change`, i = () => {
-        pt(e, t, r), n();
+        ht(e, t, r), n();
       };
       e.addEventListener(a, i), o.push(() => e.removeEventListener(a, i));
     }
@@ -1092,8 +1092,8 @@ function ht(e) {
     };
   }, [e, n]), t;
 }
-function vt(e) {
-  const n = Z("maps3d"), [t, o] = N(!1), [, r] = he(), [a, i] = he(), s = ht(a);
+function yt(e) {
+  const n = Z("maps3d"), [t, o] = x(!1), [, r] = ve(), [a, i] = ve(), s = vt(a);
   return E(() => {
     customElements.whenDefined("gmp-map-3d").then(() => {
       o(!0);
@@ -1115,23 +1115,23 @@ function vt(e) {
         defaultRoll: b,
         // Non-element props to exclude
         id: C,
-        style: w,
+        style: M,
         className: A,
         children: v,
         onCenterChanged: O,
         onHeadingChanged: L,
-        onTiltChanged: S,
-        onRangeChanged: M,
-        onRollChanged: x,
+        onTiltChanged: k,
+        onRangeChanged: T,
+        onRollChanged: _,
         onCameraChanged: $,
-        onClick: P,
-        onSteadyChange: k,
-        onAnimationEnd: de,
-        onError: Zt,
+        onClick: q,
+        onSteadyChange: w,
+        onAnimationEnd: S,
+        onError: ue,
         mode: $t,
         gestureHandling: qt
-      } = e, Ye = j(e, ["center", "heading", "tilt", "range", "roll", "defaultCenter", "defaultHeading", "defaultTilt", "defaultRange", "defaultRoll", "id", "style", "className", "children", "onCenterChanged", "onHeadingChanged", "onTiltChanged", "onRangeChanged", "onRollChanged", "onCameraChanged", "onClick", "onSteadyChange", "onAnimationEnd", "onError", "mode", "gestureHandling"]), Me = c ?? h, Pe = l ?? y, we = f ?? d, Ae = m ?? p, Te = u ?? b, q = Object.assign({}, Ye);
-      Me && (q.center = Me), Pe !== void 0 && (q.heading = Pe), we !== void 0 && (q.tilt = we), Ae !== void 0 && (q.range = Ae), Te !== void 0 && (q.roll = Te), Object.assign(a, q);
+      } = 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);
     },
     // 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 vt(e) {
     [a]
   ), [a, r, i, s, !!n && t];
 }
-function yt(e) {
+function bt(e) {
   return e ? "toJSON" in e && typeof e.toJSON == "function" ? e.toJSON() : e : null;
 }
-function bt(e, n, t) {
+function Et(e, n, t) {
   var o, r, a, i, s, g, c;
-  const l = yt(t.center), f = (o = l == null ? void 0 : l.lat) !== null && o !== void 0 ? o : null, m = (r = l == null ? void 0 : l.lng) !== null && r !== void 0 ? r : null, u = (a = l == null ? void 0 : l.altitude) !== null && a !== void 0 ? a : null, h = (i = t.range) !== null && i !== void 0 ? i : null, y = (s = t.heading) !== null && s !== void 0 ? s : null, d = (g = t.tilt) !== null && g !== void 0 ? g : null, p = (c = t.roll) !== null && c !== void 0 ? c : null;
-  Y(() => {
+  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;
+  X(() => {
     var b;
     if (!e)
       return;
@@ -1157,14 +1157,14 @@ function bt(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 Ne = [
+const xe = [
   "gmp-centerchange",
   "gmp-headingchange",
   "gmp-tiltchange",
   "gmp-rangechange",
   "gmp-rollchange"
 ];
-function W(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 W(e, n) {
     }
   };
 }
-function Et(e, n) {
+function Ct(e, n) {
   const t = n;
   return {
     type: "gmp-click",
@@ -1190,7 +1190,7 @@ function Et(e, n) {
     }
   };
 }
-function Ct(e, n) {
+function Ot(e, n) {
   return {
     type: "gmp-steadychange",
     map3d: e,
@@ -1199,32 +1199,32 @@ function Ct(e, n) {
     }
   };
 }
-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, W), G(e, "gmp-headingchange", o, W), G(e, "gmp-tiltchange", r, W), G(e, "gmp-rangechange", a, W), G(e, "gmp-rollchange", i, W), E(() => {
+  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 m = () => {
-      s(W(e, "camerachange"));
+      s(K(e, "camerachange"));
     };
-    for (const u of Ne)
+    for (const u of xe)
       e.addEventListener(u, m);
     return () => {
-      for (const u of Ne)
+      for (const u of xe)
         e.removeEventListener(u, m);
     };
   }, [e, s]), E(() => {
     if (!e || !g)
       return;
     const m = (u) => {
-      g(Et(e, u));
+      g(Ct(e, u));
     };
     return e.addEventListener("gmp-click", m), () => e.removeEventListener("gmp-click", m);
   }, [e, g]), E(() => {
     if (!e || !c)
       return;
     const m = (u) => {
-      c(Ct(e, u));
+      c(Ot(e, u));
     };
     return e.addEventListener("gmp-steadychange", m), () => e.removeEventListener("gmp-steadychange", m);
   }, [e, c]), G(e, "gmp-animationend", l, (m, u) => ({
@@ -1245,7 +1245,7 @@ function G(e, n, t, o) {
     return e.addEventListener(n, r), () => e.removeEventListener(n, r);
   }, [e, n, t, o]);
 }
-const Mt = /* @__PURE__ */ new Set([
+const wt = /* @__PURE__ */ new Set([
   "bounds",
   "defaultUIHidden",
   "gestureHandling",
@@ -1259,30 +1259,30 @@ const Mt = /* @__PURE__ */ new Set([
   "mode"
 ]);
 function Pt(e, n) {
-  const t = I(() => {
+  const t = N(() => {
     const o = {}, r = Object.keys(n);
     for (const a of r) {
-      if (!Mt.has(a))
+      if (!wt.has(a))
         continue;
       const i = n[a];
       i !== void 0 && (o[a] = i);
     }
     return o;
   }, [n]);
-  Ue(() => {
+  He(() => {
     e && Object.assign(e, t);
   }, [e, t]);
 }
-const wt = T.createContext(null), At = {
+const At = P.createContext(null), Tt = {
   width: "100%",
   height: "100%",
   position: "relative"
-}, Tt = U((e, n) => {
-  const { children: t, id: o, className: r, style: a } = e, i = B(X);
+}, Lt = U((e, n) => {
+  const { children: t, id: o, className: r, style: a } = e, i = B(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] = vt(e);
-  bt(c, m, e), Ot(c, e), Pt(c, e), E(() => {
+  const { addMap3DInstance: s, removeMap3DInstance: g } = i, [c, l, f, m, u] = yt(e);
+  Et(c, m, e), Mt(c, e), Pt(c, e), E(() => {
     if (!c)
       return;
     const d = o ?? "default";
@@ -1301,24 +1301,24 @@ const wt = T.createContext(null), At = {
       c == null || c.stopCameraAnimation();
     }
   }), [c]);
-  const h = I(() => Object.assign(Object.assign({}, At), a), [a]), y = I(() => ({ map3d: c }), [c]);
-  return u ? T.createElement(
+  const h = N(() => Object.assign(Object.assign({}, Tt), a), [a]), y = N(() => ({ map3d: c }), [c]);
+  return u ? P.createElement(
     "div",
     Object.assign({ ref: l, "data-testid": "map-3d", style: r ? void 0 : h, className: r }, o ? { id: o } : {}),
-    T.createElement("gmp-map-3d", { ref: f, style: { width: "100%", height: "100%" } }, c && T.createElement(wt.Provider, { value: y }, t))
-  ) : T.createElement("div", Object.assign({ ref: l, "data-testid": "map-3d", style: r ? void 0 : h, className: r }, o ? { id: o } : {}));
+    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 } : {}));
 });
-Tt.displayName = "Map3D";
-const Oe = Xe(null), Lt = U(function(n, t) {
-  const { children: o, onClick: r, position: a, altitudeMode: i, collisionBehavior: s, drawsWhenOccluded: g, extruded: c, label: l, sizePreserved: f, zIndex: m, title: u } = n, h = !!r, [y, d] = N(null), [p, b] = N(!1), C = I(() => {
+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(() => {
     const v = document.createElement("div");
     return v.style.display = "none", document.body.appendChild(v), v;
   }, []);
   E(() => () => C.remove(), [C]);
-  const w = le((v) => {
+  const M = ce((v) => {
     d(v), typeof t == "function" ? t(v) : t && (t.current = v);
   }, [t]);
-  ve(y, "gmp-click", r), Y(() => {
+  ye(y, "gmp-click", r), X(() => {
     if (p || !y || !C)
       return;
     for (; y.firstChild; )
@@ -1327,39 +1327,39 @@ const Oe = Xe(null), Lt = U(function(n, t) {
     for (const O of v) {
       if (O.nodeType !== Node.ELEMENT_NODE)
         continue;
-      const L = O, S = L.tagName.toLowerCase();
-      if (S === "img" || S === "svg") {
-        const M = document.createElement("template");
-        M.content.appendChild(L.cloneNode(!0)), y.appendChild(M);
+      const L = O, k = L.tagName.toLowerCase();
+      if (k === "img" || k === "svg") {
+        const T = document.createElement("template");
+        T.content.appendChild(L.cloneNode(!0)), y.appendChild(T);
       } else
         y.appendChild(L.cloneNode(!0));
     }
   }, [y, C, o, p]);
-  const A = I(() => ({ marker: y, setContentHandledExternally: b }), [y]);
-  return _(y, "position", a), _(y, "altitudeMode", i), _(y, "collisionBehavior", s), _(y, "drawsWhenOccluded", g), _(y, "extruded", c), _(y, "label", l), _(y, "sizePreserved", f), _(y, "zIndex", m), _(y, "title", u ?? ""), T.createElement(
-    Oe.Provider,
+  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 ? T.createElement("gmp-marker-3d-interactive", { ref: w }) : T.createElement("gmp-marker-3d", { ref: w }),
-    ce(o, C)
+    h ? P.createElement("gmp-marker-3d-interactive", { ref: M }) : P.createElement("gmp-marker-3d", { ref: M }),
+    de(o, C)
   );
 });
-Lt.displayName = "Marker3D";
-const Dt = U(function(n, t) {
+Dt.displayName = "Marker3D";
+const St = U(function(n, t) {
   var o;
-  const { children: r, headerContent: a, style: i, className: s, open: g = !0, position: c, anchor: l, anchorId: f, altitudeMode: m, lightDismissDisabled: u, autoPanDisabled: h, onClose: y } = n, [d, p] = N(null), b = F(null);
-  H(t, () => d, [d]), St(d, g, y), _(d, "open", g ?? !1), _(d, "altitudeMode", m), _(d, "lightDismissDisabled", u), _(d, "autoPanDisabled", h);
+  const { 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 _(d, "positionAnchor", C), Y(() => {
-    d && (it(d, i || null, b.current), b.current = i || null);
-  }, [d, i]), T.createElement(
+  return I(d, "positionAnchor", C), X(() => {
+    d && (st(d, i || null, b.current), b.current = i || null);
+  }, [d, i]), P.createElement(
     "gmp-popover",
     { ref: p, className: s },
-    a && T.createElement("div", { slot: "header" }, a),
+    a && P.createElement("div", { slot: "header" }, a),
     r
   );
 });
-Dt.displayName = "Popover";
-function St(e, n, t) {
+St.displayName = "Popover";
+function kt(e, n, t) {
   const o = F(void 0), r = F(n);
   E(() => {
     r.current = n;
@@ -1381,8 +1381,8 @@ function St(e, n, t) {
     };
   }, [e, t]);
 }
-function kt(e) {
-  const [n, t] = N(null), o = J(), { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c } = e, l = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut"]), { position: f, draggable: m } = l;
+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(() => {
     if (!o) {
       o === void 0 && console.error("<Marker> has to be inside a Map component.");
@@ -1414,13 +1414,13 @@ function kt(e) {
     m || !f || !n || n.setPosition(f);
   }, [m, f, n]), n;
 }
-const _t = U((e, n) => {
-  const t = kt(e);
-  return H(n, () => t, [t]), T.createElement(T.Fragment, null);
+const It = U((e, n) => {
+  const t = _t(e);
+  return H(n, () => t, [t]), P.createElement(P.Fragment, null);
 });
-_t.displayName = "Marker";
-const It = (e) => {
-  const n = B(Ce), t = B(Oe), o = n == null ? void 0 : n.marker, r = t == null ? void 0 : t.marker, a = t == null ? void 0 : t.setContentHandledExternally, i = I(() => document.createElement("div"), []), s = Z("marker");
+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(() => {
     if (r && a)
       return a(!0), () => a(!1);
@@ -1440,16 +1440,16 @@ const It = (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 && Q("The <Pin> component only uses children to render the glyph if both the glyph property and children are present."), be.count(e.children) > 1 && Q("Passing multiple children to the <Pin> component might lead to unexpected results.");
+    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.");
     const c = Object.assign({}, e), l = new google.maps.marker.PinElement(c);
     e.children && (l.glyph = i);
     const f = (g = o.content) === null || g === void 0 ? void 0 : g.firstChild;
     for (; f != null && f.firstChild; )
       f.removeChild(f.firstChild);
     f && f.appendChild(l.element);
-  }, [o, i, r, e]), ce(e.children, i);
-}, Nt = (e) => {
-  const { children: n } = e, t = B(Ce), o = B(Oe), r = t == null ? void 0 : t.marker, a = o == null ? void 0 : o.marker, i = o == null ? void 0 : o.setContentHandledExternally, s = I(() => document.createElement("div"), []), g = Z("marker");
+  }, [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(() => {
     if (a && i)
       return i(!0), () => i(!1);
@@ -1469,7 +1469,7 @@ const It = (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 && Q("The <Pin> component only uses children to render the glyph if both glyphSrc/glyphText and children are present."), be.count(n) > 1 && Q("Passing multiple children to the <Pin> component might lead to unexpected results.");
+    (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;
@@ -1483,23 +1483,23 @@ const It = (e) => {
     a,
     n,
     e
-  ]), ce(n, s);
-}, xt = (e) => {
+  ]), de(n, s);
+}, Rt = (e) => {
   var n;
-  const t = Z("marker"), o = I(() => t ? typeof customElements < "u" && customElements.get("gmp-pin") !== void 0 : !1, [t]);
+  const t = Z("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 T.createElement(Nt, Object.assign({}, s, { glyphText: c, glyphSrc: l }));
+    return P.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 T.createElement(It, Object.assign({}, s, { glyph: g }));
+    return P.createElement(Nt, Object.assign({}, s, { glyph: g }));
   }
 };
-function Rt(e) {
+function jt(e) {
   var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onBoundsChanged: l, bounds: f, defaultBounds: m } = e, u = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onBoundsChanged", "bounds", "defaultBounds"]), [h, y] = N(null), d = J(), p = te(Object.assign(Object.assign({}, u), { clickable: (n = u.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = u.draggable) !== null && t !== void 0 ? t : !!(a || i || s || l), editable: (o = u.editable) !== null && o !== void 0 ? o : !!l }), ne);
+  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(() => {
     if (!d) {
       d === void 0 && console.error("<Rectangle> has to be inside a Map component.");
@@ -1514,21 +1514,21 @@ function Rt(e) {
   } : null), E(() => {
     h && h.setOptions(p);
   }, [h, p]), E(() => {
-    !h || !f || jn(f, h.getBounds()) || h.setBounds(f);
+    !h || !f || zn(f, h.getBounds()) || h.setBounds(f);
   }, [h, f]), h;
 }
-const jt = U((e, n) => {
-  const t = Rt(e);
+const zt = U((e, n) => {
+  const t = jt(e);
   return H(n, () => t, [
     t
-  ]), T.createElement(T.Fragment, null);
+  ]), P.createElement(P.Fragment, null);
 });
-jt.displayName = "Rectangle";
-function K(e) {
+zt.displayName = "Rectangle";
+function Y(e) {
   return typeof document > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(e).trim();
 }
-function fe() {
-  const e = K("--background"), n = K("--foreground"), t = K("--border"), o = K("--muted"), r = K("--muted-foreground"), a = K("--primary");
+function me() {
+  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
     // restaurants / shops bleeding into the practice-location card.
@@ -1633,7 +1633,7 @@ function fe() {
     }
   ];
 }
-const zt = {
+const Bt = {
   id: "map-view",
   capabilities: [],
   state: {},
@@ -1675,29 +1675,29 @@ const zt = {
       description: "Sourced from the id prop."
     }
   }
-}, Bt = ee(
-  [
-    "ds:relative ds:overflow-hidden ds:block",
-    "ds:rounded-[var(--radius-md)] ds:border",
-    "ds:border-[color:var(--border)]",
-    "ds:bg-[var(--muted)]"
-  ].join(" "),
+}, Ft = ne(
+  ["ds:relative ds:overflow-hidden ds:block", "ds:bg-[var(--muted)]"].join(" "),
   {
     variants: {
       size: {
         sm: "ds:[--map-block-size:14rem]",
         md: "ds:[--map-block-size:20rem]",
         lg: "ds:[--map-block-size:28rem]"
+      },
+      surface: {
+        bordered: "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+        elevated: "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
+        bare: "ds:rounded-none ds:border-0"
       }
     },
-    defaultVariants: { size: "md" }
+    defaultVariants: { size: "md", surface: "bordered" }
   }
-), Ft = ee(
+), Ut = ne(
   [
     "ds:block ds:inline-size-full",
     "ds:[block-size:var(--map-block-size)]"
   ].join(" ")
-), Ut = ee(
+), Ht = ne(
   [
     "ds:absolute ds:inset-0",
     "ds:flex ds:flex-col ds:items-center ds:justify-center",
@@ -1706,10 +1706,10 @@ const zt = {
     "ds:bg-[var(--muted)] ds:text-[var(--foreground)]",
     "ds:text-center"
   ].join(" ")
-), Ht = ee("type-heading-3 ds:m-0"), xe = ee(
+), Vt = ne("type-heading-3 ds:m-0"), Re = ne(
   "type-body-sm ds:text-[var(--muted-foreground)] ds:max-inline-size-[28rem] ds:m-0"
 );
-function Vt({
+function Gt({
   onHandleReady: e,
   onMarkerSelect: n
 }) {
@@ -1722,34 +1722,34 @@ function Vt({
     });
   }, [t, e, n]), null;
 }
-function Gt({
+function Jt({
   address: e,
   description: n,
   onConsentRequest: t,
   openInGoogleMapsHref: o
 }) {
-  const { t: r } = ze();
-  return /* @__PURE__ */ ae("div", { className: Ut(), "data-testid": "map-view-consent", children: [
+  const { t: r } = Be();
+  return /* @__PURE__ */ ie("div", { className: Ht(), "data-testid": "map-view-consent", children: [
     /* @__PURE__ */ R(
-      on,
+      rn,
       {
         "aria-hidden": "true",
         className: "ds:size-6 ds:text-[var(--muted-foreground)]"
       }
     ),
-    /* @__PURE__ */ R("p", { className: Ht(), children: r("mapView.consentTitle") }),
+    /* @__PURE__ */ R("p", { className: Vt(), children: r("mapView.consentTitle") }),
     e ? /* @__PURE__ */ R(
       "p",
       {
-        className: xe(),
+        className: Re(),
         "data-testid": "map-view-address",
         children: e
       }
     ) : null,
-    /* @__PURE__ */ R("p", { className: xe(), children: n }),
-    /* @__PURE__ */ ae("div", { className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center", children: [
+    /* @__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(
-        nn,
+        tn,
         {
           type: "button",
           intent: "primary",
@@ -1758,7 +1758,7 @@ function Gt({
           children: r("mapView.consentCta")
         }
       ) : null,
-      /* @__PURE__ */ ae(
+      /* @__PURE__ */ ie(
         "a",
         {
           href: o,
@@ -1767,14 +1767,14 @@ function Gt({
           className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[var(--primary)] ds:underline ds:underline-offset-2",
           children: [
             r("mapView.openInGoogleMaps"),
-            /* @__PURE__ */ R(rn, { "aria-hidden": "true", className: "ds:size-3" })
+            /* @__PURE__ */ R(an, { "aria-hidden": "true", className: "ds:size-3" })
           ]
         }
       )
     ] })
   ] });
 }
-const Jt = U(
+const Zt = U(
   ({
     id: e,
     apiKey: n,
@@ -1789,124 +1789,125 @@ const Jt = U(
     consentDescription: l,
     mapId: f,
     size: m,
-    ariaLabel: u,
-    className: h,
-    ...y
-  }, d) => {
-    const { t: p, i18n: b } = ze(), C = Qe(), w = I(
-      () => `map-${C.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [C]
-    ), [A, v] = N(!1);
+    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(() => {
       if (typeof window > "u") return;
-      const P = window.matchMedia("(prefers-reduced-motion: reduce)"), k = () => v(P.matches);
-      return k(), P.addEventListener("change", k), () => P.removeEventListener("change", k);
+      const w = window.matchMedia("(prefers-reduced-motion: reduce)"), S = () => O(w.matches);
+      return S(), w.addEventListener("change", S), () => w.removeEventListener("change", S);
     }, []);
-    const O = I(() => `https://www.google.com/maps/search/?api=1&query=${c ? encodeURIComponent(c) : `${t.lat},${t.lng}`}`, [c, t.lat, t.lng]), [L, S] = N(
-      () => f ? [] : fe()
+    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()
     );
     E(() => {
       if (f || typeof document > "u") return;
-      S(fe());
-      const P = new MutationObserver(() => {
-        S(fe());
+      T(me());
+      const w = new MutationObserver(() => {
+        T(me());
       });
-      return P.observe(document.documentElement, {
+      return w.observe(document.documentElement, {
         attributes: !0,
         attributeFilter: ["class"]
-      }), () => P.disconnect();
+      }), () => w.disconnect();
     }, [f]);
-    const M = F(null), x = le((P) => {
-      M.current = P;
+    const _ = F(null), $ = ce((w) => {
+      _.current = w;
     }, []);
     H(
-      d,
+      p,
       () => ({
-        panTo: (P) => {
-          var k;
-          return (k = M.current) == null ? void 0 : k.panTo(P);
+        panTo: (w) => {
+          var S;
+          return (S = _.current) == null ? void 0 : S.panTo(w);
         },
-        setZoom: (P) => {
-          var k;
-          return (k = M.current) == null ? void 0 : k.setZoom(P);
+        setZoom: (w) => {
+          var S;
+          return (S = _.current) == null ? void 0 : S.setZoom(w);
         },
-        selectMarker: (P) => {
-          var k;
-          return (k = M.current) == null ? void 0 : k.selectMarker(P);
+        selectMarker: (w) => {
+          var S;
+          return (S = _.current) == null ? void 0 : S.selectMarker(w);
         }
       }),
       []
     );
-    const $ = I(
+    const q = N(
       () => ({
-        panTo: (P) => {
-          var k;
-          return (k = M.current) == null ? void 0 : k.panTo(P);
+        panTo: (w) => {
+          var S;
+          return (S = _.current) == null ? void 0 : S.panTo(w);
         },
-        setZoom: (P) => {
-          var k;
-          return (k = M.current) == null ? void 0 : k.setZoom(P);
+        setZoom: (w) => {
+          var S;
+          return (S = _.current) == null ? void 0 : S.setZoom(w);
         },
-        selectMarker: (P) => {
-          var k;
-          return (k = M.current) == null ? void 0 : k.selectMarker(P);
+        selectMarker: (w) => {
+          var S;
+          return (S = _.current) == null ? void 0 : S.selectMarker(w);
         }
       }),
       []
     );
-    return tn(zt, $, e), E(() => {
-      var P;
-      A || (P = M.current) == null || P.panTo(t);
-    }, [t.lat, t.lng, A]), E(() => {
-      var P;
-      (P = M.current) == null || P.setZoom(o);
+    return on(Bt, q, e), E(() => {
+      var w;
+      v || (w = _.current) == null || w.panTo(t);
+    }, [t.lat, t.lng, v]), E(() => {
+      var w;
+      (w = _.current) == null || w.setZoom(o);
     }, [o]), /* @__PURE__ */ R(
       "div",
       {
-        className: Bt({ size: m, className: h }),
+        className: Ft({ size: m, surface: u, className: y }),
         "data-component": "map-view",
-        "data-component-id": e ?? w,
+        "data-component-id": e ?? A,
         role: "region",
-        "aria-label": u ?? p("mapView.label"),
-        ...y,
-        children: /* @__PURE__ */ R("div", { className: Ft(), children: s ? /* @__PURE__ */ R(
-          An,
+        "aria-label": h ?? b("mapView.label"),
+        ...d,
+        children: /* @__PURE__ */ R("div", { className: Ut(), children: s ? /* @__PURE__ */ R(
+          Tn,
           {
             apiKey: n,
-            language: b.language,
-            children: /* @__PURE__ */ ae(
-              qe,
+            language: C.language,
+            children: /* @__PURE__ */ ie(
+              We,
               {
                 defaultCenter: t,
                 defaultZoom: o,
                 mapId: f,
-                styles: f ? void 0 : L,
+                styles: f ? void 0 : k,
                 gestureHandling: "cooperative",
                 disableDefaultUI: !1,
                 onClick: () => i == null ? void 0 : i(null),
                 className: "ds:[inline-size:100%] ds:[block-size:100%]",
                 children: [
                   /* @__PURE__ */ R(
-                    Vt,
+                    Gt,
                     {
-                      onHandleReady: x,
-                      onMarkerSelect: (P) => i == null ? void 0 : i(P)
+                      onHandleReady: $,
+                      onMarkerSelect: (w) => i == null ? void 0 : i(w)
                     }
                   ),
-                  (r ?? []).map((P) => {
-                    const k = a != null && a === P.id, de = p("mapView.markerLabel", {
-                      label: P.label ?? P.id
+                  (r ?? []).map((w) => {
+                    const S = a != null && a === w.id, ue = b("mapView.markerLabel", {
+                      label: w.label ?? w.id
                     });
                     return /* @__PURE__ */ R(
-                      Ke,
+                      Ye,
                       {
-                        position: P.position,
-                        title: de,
-                        "aria-label": de,
-                        "data-selected": k ? "true" : "false",
-                        onClick: () => i == null ? void 0 : i(P.id),
+                        position: w.position,
+                        title: ue,
+                        "aria-label": ue,
+                        "data-selected": S ? "true" : "false",
+                        onClick: () => i == null ? void 0 : i(w.id),
                         children: /* @__PURE__ */ R(
-                          xt,
+                          Rt,
                           {
                             background: "var(--primary)",
                             borderColor: "var(--primary)",
@@ -1914,7 +1915,7 @@ const Jt = U(
                           }
                         )
                       },
-                      P.id
+                      w.id
                     );
                   })
                 ]
@@ -1922,20 +1923,20 @@ const Jt = U(
             )
           }
         ) : /* @__PURE__ */ R(
-          Gt,
+          Jt,
           {
             address: c,
-            description: l ?? p("mapView.consentDescription"),
+            description: l ?? b("mapView.consentDescription"),
             onConsentRequest: g,
-            openInGoogleMapsHref: O
+            openInGoogleMapsHref: L
           }
         ) })
       }
     );
   }
 );
-Jt.displayName = "MapView";
+Zt.displayName = "MapView";
 export {
-  Jt as M
+  Zt as M
 };
-//# sourceMappingURL=map-view-Dd48BxVB.js.map
+//# sourceMappingURL=map-view-DVP-Kp9l.js.map