@alfadocs/ui-kit 0.31.8 → 0.32.0

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

@@ -1,4 +1,4 @@
-import { jsx as j, jsxs as le } from "react/jsx-runtime";
+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 C, useLayoutEffect as X, forwardRef as H, useImperativeHandle as V, useState as _, useReducer as Ue, useCallback as ne, useRef as U, Children as Ee, createContext as nn, useId as tn } from "react";
 import { c as oe } from "./index-D2ZczOXr.js";
@@ -39,7 +39,7 @@ function cn() {
 }
 var dn = cn();
 const re = /* @__PURE__ */ on(dn), un = "1.8.3";
-function z(e, n) {
+function j(e, n) {
   var t = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -134,7 +134,7 @@ function Pn() {
     n((i) => {
       var s = a;
       i[s];
-      var g = z(i, [typeof s == "symbol" ? s : s + ""]);
+      var g = j(i, [typeof s == "symbol" ? s : s + ""]);
       return g;
     });
   }, clearMapInstances: () => {
@@ -152,7 +152,7 @@ function An() {
       n((i) => {
         var s = a;
         i[s];
-        var g = z(i, [typeof s == "symbol" ? s : s + ""]);
+        var g = j(i, [typeof s == "symbol" ? s : s + ""]);
         return g;
       });
     },
@@ -234,11 +234,11 @@ function Tn(e) {
     importLibrary: p
   };
 }
-function Ln(e) {
+function kn(e) {
   return N(() => e.disableUsageAttribution ? null : wn, [e.disableUsageAttribution]);
 }
-const Dn = (e) => {
-  const { children: n } = e, t = z(e, ["children"]), { mapInstances: o, addMapInstance: r, removeMapInstance: a, clearMapInstances: i } = Pn(), { map3dInstances: s, addMap3DInstance: g, removeMap3DInstance: c, clearMap3DInstances: l } = An(), { status: m, loadedLibraries: f, importLibrary: u } = Tn(t), h = Ln(t), y = N(() => ({
+const Ln = (e) => {
+  const { children: n } = e, t = j(e, ["children"]), { mapInstances: o, addMapInstance: r, removeMapInstance: a, clearMapInstances: i } = Pn(), { map3dInstances: s, addMap3DInstance: g, removeMap3DInstance: c, clearMap3DInstances: l } = An(), { status: m, loadedLibraries: f, importLibrary: u } = Tn(t), h = kn(t), y = N(() => ({
     mapInstances: o,
     addMapInstance: r,
     removeMapInstance: a,
@@ -267,20 +267,20 @@ const Dn = (e) => {
   ]);
   return A.createElement(Q.Provider, { value: y }, n);
 };
-function Sn(e, n) {
+function Dn(e, n) {
   for (const t of Nn) {
     const o = n[t], r = Ge[t];
     C(() => {
       if (!e || !o)
         return;
       const a = google.maps.event.addListener(e, r, (i) => {
-        o(kn(r, e, i));
+        o(Sn(r, e, i));
       });
       return () => a.remove();
     }, [e, r, o]);
   }
 }
-function kn(e, n, t) {
+function Sn(e, n, t) {
   var o;
   const r = {
     type: e,
@@ -402,7 +402,7 @@ const Rn = /* @__PURE__ */ new Set([
   "zoomControl",
   "zoomControlOptions"
 ]);
-function jn(e, n) {
+function zn(e, n) {
   const t = {}, o = Object.keys(n);
   for (const r of o)
     Rn.has(r) && (t[r] = n[r]);
@@ -414,7 +414,7 @@ function Ze() {
   var e;
   return ((e = F(Q)) === null || e === void 0 ? void 0 : e.status) || B.NOT_LOADED;
 }
-function zn(e, n) {
+function jn(e, n) {
   const { viewport: t, viewState: o } = n, r = !!t;
   return X(() => {
     if (!e || !o)
@@ -571,7 +571,7 @@ class ce {
 }
 ce.entries = {};
 function Zn(e, n) {
-  const t = We(), [o, r] = _(null), [a, i] = ye(), s = Jn(o), { id: g, defaultBounds: c, defaultCenter: l, defaultZoom: m, defaultHeading: f, defaultTilt: u, reuseMaps: h, renderingType: y, colorScheme: d } = e, p = z(e, ["id", "defaultBounds", "defaultCenter", "defaultZoom", "defaultHeading", "defaultTilt", "reuseMaps", "renderingType", "colorScheme"]), b = e.zoom !== void 0 || e.defaultZoom !== void 0, E = e.center !== void 0 || e.defaultCenter !== void 0;
+  const t = We(), [o, r] = _(null), [a, i] = ye(), s = Jn(o), { id: g, defaultBounds: c, defaultCenter: l, defaultZoom: m, defaultHeading: f, defaultTilt: u, reuseMaps: h, renderingType: y, colorScheme: d } = e, p = j(e, ["id", "defaultBounds", "defaultCenter", "defaultZoom", "defaultHeading", "defaultTilt", "reuseMaps", "renderingType", "colorScheme"]), b = e.zoom !== void 0 || e.defaultZoom !== void 0, E = e.center !== void 0 || e.defaultCenter !== void 0;
   !c && (!b || !E) && console.warn("<Map> component is missing configuration. You have to provide zoom and center (via the `zoom`/`defaultZoom` and `center`/`defaultCenter` props) or specify the region to show using `defaultBounds`. See https://visgl.github.io/react-google-maps/docs/api-reference/components/map#required"), !p.center && l && (p.center = l), !p.zoom && Number.isFinite(m) && (p.zoom = m), !p.heading && Number.isFinite(f) && (p.heading = f), !p.tilt && Number.isFinite(u) && (p.tilt = u);
   const M = p.internalUsageAttributionIds;
   M == null ? p.internalUsageAttributionIds = n.internalUsageAttributionIds : p.internalUsageAttributionIds = [
@@ -585,22 +585,22 @@ function Zn(e, n) {
     () => {
       if (!a || !t)
         return;
-      const { addMapInstance: v, removeMapInstance: O } = n, { mapId: L } = e, k = `${L || "default"}:${y || "default"}:${d || "LIGHT"}`;
+      const { addMapInstance: v, removeMapInstance: O } = n, { mapId: k } = e, S = `${k || "default"}:${y || "default"}:${d || "LIGHT"}`;
       let T, x;
-      if (h && ce.has(k) ? (x = ce.pop(k), T = x.getDiv(), a.appendChild(T), x.setOptions(p), setTimeout(() => x.moveCamera({}), 0)) : (T = document.createElement("div"), T.style.height = "100%", a.appendChild(T), x = new google.maps.Map(T, Object.assign(Object.assign(Object.assign({}, p), y ? { renderingType: y } : {}), d ? { colorScheme: d } : {}))), r(x), v(x, g), c) {
-        const { padding: R } = c, q = z(c, ["padding"]);
+      if (h && ce.has(S) ? (x = ce.pop(S), 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);
       } else (!b || !E) && x.fitBounds({ east: 180, west: -180, south: -90, north: 90 });
       if (P.current) {
         const { mapId: R, cameraState: q } = P.current;
-        R !== L && x.moveCamera(q);
+        R !== k && x.moveCamera(q);
       }
       return () => {
         P.current = {
-          mapId: L,
+          mapId: k,
           // eslint-disable-next-line react-hooks/exhaustive-deps
           cameraState: s.current
-        }, T.remove(), h ? ce.push(k, x) : google.maps.event.clearInstanceListeners(x), r(null), O(g);
+        }, T.remove(), h ? ce.push(S, x) : google.maps.event.clearInstanceListeners(x), r(null), O(g);
       };
     },
     // some dependencies are ignored in the list below:
@@ -625,8 +625,8 @@ const Ye = A.createContext(null), Xe = (e) => {
   if (!a)
     throw new Error("<Map> can only be used inside an <ApiProvider> component.");
   const [s, g, c] = Zn(e, a);
-  Hn(s, c, e), Sn(s, e), jn(s, e);
-  const l = zn(s, e), m = !!e.controlled;
+  Hn(s, c, e), Dn(s, e), zn(s, e);
+  const l = jn(s, e), m = !!e.controlled;
   C(() => {
     if (s)
       return l && s.setOptions({ disableDefaultUI: !0 }), (l || m) && s.setOptions({
@@ -711,7 +711,7 @@ function Yn(e) {
 }
 const Qe = Yn, Xn = () => {
 };
-function D(e, n, t) {
+function L(e, n, t) {
   const o = Qe(t ?? Xn), r = !!t;
   C(() => {
     if (!e || !n || !r)
@@ -777,26 +777,26 @@ function Ce(e) {
 }
 const rt = ({ children: e, styles: n, className: t }) => A.createElement("div", { className: t, style: n }, e);
 function at(e) {
-  const [n, t] = _(null), [o, r] = _(null), a = Z(), i = $("marker"), { children: s, onClick: g, className: c, onMouseEnter: l, onMouseLeave: m, onDrag: f, onDragStart: u, onDragEnd: h, collisionBehavior: y, clickable: d, draggable: p, position: b, title: E, zIndex: M, anchorPoint: P, anchorLeft: v, anchorTop: O } = e, L = Ee.count(s);
+  const [n, t] = _(null), [o, r] = _(null), a = Z(), i = $("marker"), { children: s, onClick: g, className: c, onMouseEnter: l, onMouseLeave: m, onDrag: f, onDragStart: u, onDragEnd: h, collisionBehavior: y, clickable: d, draggable: p, position: b, title: E, zIndex: M, anchorPoint: P, anchorLeft: v, anchorTop: O } = e, k = Ee.count(s);
   return C(() => {
     if (!a || !i)
       return;
-    const k = new i.AdvancedMarkerElement();
-    k.map = a, t(k);
+    const S = new i.AdvancedMarkerElement();
+    S.map = a, t(S);
     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);
+    return k > 0 && (T = document.createElement("div"), S.content = T, r(T)), () => {
+      S.map = null, T == null || T.remove(), t(null), r(null);
     };
-  }, [a, i, L]), C(() => {
-    !(n != null && n.content) || !Ce(n.content) || L > 0 || (n.content.className = c ?? "");
-  }, [n, c, L]), it(n, P, v, O, L > 0), I(n, "position", b), I(n, "title", E ?? ""), I(n, "zIndex", M), I(n, "collisionBehavior", y), C(() => {
+  }, [a, i, k]), C(() => {
+    !(n != null && n.content) || !Ce(n.content) || k > 0 || (n.content.className = c ?? "");
+  }, [n, c, k]), it(n, P, v, O, k > 0), I(n, "position", b), I(n, "title", E ?? ""), I(n, "zIndex", M), I(n, "collisionBehavior", y), C(() => {
     n && (p !== void 0 ? n.gmpDraggable = p : f || u || h ? n.gmpDraggable = !0 : n.gmpDraggable = !1);
   }, [n, p, f, h, u]), C(() => {
     if (!n)
       return;
-    const k = d !== void 0 ? d : !!g || !!l || !!m;
-    n.gmpClickable = k, k && (n != null && n.content) && Ce(n.content) && (n.content.style.pointerEvents = "all", g && (n.content.style.cursor = "pointer"));
-  }, [n, d, g, l, m]), D(n, "click", g), D(n, "drag", f), D(n, "dragstart", u), D(n, "dragend", h), be(n == null ? void 0 : n.element, "mouseenter", l), be(n == null ? void 0 : n.element, "mouseleave", m), [n, o];
+    const S = d !== void 0 ? d : !!g || !!l || !!m;
+    n.gmpClickable = S, S && (n != null && n.content) && Ce(n.content) && (n.content.style.pointerEvents = "all", g && (n.content.style.cursor = "pointer"));
+  }, [n, d, g, l, m]), L(n, "click", g), L(n, "drag", f), L(n, "dragstart", u), L(n, "dragend", h), be(n == null ? void 0 : n.element, "mouseenter", l), be(n == null ? void 0 : n.element, "mouseleave", m), [n, o];
 }
 function it(e, n, t, o, r) {
   C(() => {
@@ -817,7 +817,7 @@ function it(e, n, t, o, r) {
 }
 function st(e) {
   var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onRadiusChanged: l, onCenterChanged: m, center: f, defaultCenter: u, radius: h, defaultRadius: y } = e, d = z(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onRadiusChanged", "onCenterChanged", "center", "defaultCenter", "radius", "defaultRadius"]), [p, b] = _(null), E = Z(), M = ae(Object.assign(Object.assign({}, d), { clickable: (n = d.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = d.draggable) !== null && t !== void 0 ? t : !!(a || i || s || m), editable: (o = d.editable) !== null && o !== void 0 ? o : !!l }), re);
+  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] = _(null), E = Z(), M = ae(Object.assign(Object.assign({}, d), { clickable: (n = d.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = d.draggable) !== null && t !== void 0 ? t : !!(a || i || s || m), editable: (o = d.editable) !== null && o !== void 0 ? o : !!l }), re);
   return C(() => {
     if (!E) {
       E === void 0 && console.error("<Circle> has to be inside a Map component.");
@@ -827,10 +827,10 @@ function st(e) {
     return P.setMap(E), b(P), () => {
       P.setMap(null), b(null);
     };
-  }, [E]), D(p, "click", r), D(p, "drag", a), D(p, "dragstart", i), D(p, "dragend", s), D(p, "mouseover", g), D(p, "mouseout", c), D(p, "radius_changed", l ? () => {
+  }, [E]), L(p, "click", r), L(p, "drag", a), L(p, "dragstart", i), L(p, "dragend", s), L(p, "mouseover", g), L(p, "mouseout", c), L(p, "radius_changed", l ? () => {
     const P = p == null ? void 0 : p.getRadius();
     P !== void 0 && l(P);
-  } : null), D(p, "center_changed", m ? () => {
+  } : null), L(p, "center_changed", m ? () => {
     m(p == null ? void 0 : p.getCenter());
   } : null), C(() => {
     p && p.setOptions(M);
@@ -918,7 +918,7 @@ const dt = /* @__PURE__ */ new Set([
 function ut(e) {
   return dt.has(e);
 }
-function je(e) {
+function ze(e) {
   const n = e.getPaths(), t = [];
   for (let o = 0; o < n.getLength(); o++)
     t.push(n.getAt(o).getArray());
@@ -926,7 +926,7 @@ function je(e) {
 }
 function gt(e) {
   var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onPathsChanged: l, polygon: m, encodedPaths: f, paths: u, defaultPaths: h } = e, y = z(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathsChanged", "polygon", "encodedPaths", "paths", "defaultPaths"]), [d, p] = _(null), b = Z(), E = $("geometry"), M = U(!1), P = ae(Object.assign(Object.assign({}, y), { clickable: (n = y.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = y.draggable) !== null && t !== void 0 ? t : !!(a || i || s || l), editable: (o = y.editable) !== null && o !== void 0 ? o : !!l }), re);
+  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] = _(null), b = Z(), E = $("geometry"), M = U(!1), P = ae(Object.assign(Object.assign({}, y), { clickable: (n = y.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = y.draggable) !== null && t !== void 0 ? t : !!(a || i || s || l), editable: (o = y.editable) !== null && o !== void 0 ? o : !!l }), re);
   return C(() => {
     if (!b) {
       b === void 0 && console.error("<Polygon> has to be inside a Map component.");
@@ -938,32 +938,32 @@ function gt(e) {
       const O = u ?? h;
       O && Array.isArray(O) && v.setPaths(O), v.setOptions(P);
     } 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, k = Object.assign({}, P);
+      O && Array.isArray(O) && (k.paths = O), v = new google.maps.Polygon(k);
     }
     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 && !M.current && l(je(d));
+  }, [b, m]), L(d, "click", r), L(d, "drag", a), L(d, "dragstart", i), L(d, "mouseover", g), L(d, "mouseout", c), L(d, "dragend", (v) => {
+    s == null || s(v), l && d && !M.current && l(ze(d));
   }), C(() => {
     if (!d || !l)
       return;
     const v = [], O = d.getPaths();
     if (typeof O.getLength != "function" || typeof O.getAt != "function")
       return;
-    const L = () => {
-      M.current || l(je(d));
-    }, k = (T) => {
-      v.push(google.maps.event.addListener(T, "insert_at", L)), v.push(google.maps.event.addListener(T, "remove_at", L)), v.push(google.maps.event.addListener(T, "set_at", L));
+    const k = () => {
+      M.current || l(ze(d));
+    }, S = (T) => {
+      v.push(google.maps.event.addListener(T, "insert_at", k)), v.push(google.maps.event.addListener(T, "remove_at", k)), v.push(google.maps.event.addListener(T, "set_at", k));
     };
     for (let T = 0; T < O.getLength(); T++)
-      k(O.getAt(T));
+      S(O.getAt(T));
     return v.push(google.maps.event.addListener(O, "insert_at", (T) => {
-      k(O.getAt(T)), L();
+      S(O.getAt(T)), k();
     })), 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)), () => {
+      S(O.getAt(T)), k();
+    })), v.push(google.maps.event.addListener(O, "remove_at", k)), () => {
       v.forEach((T) => T.remove());
     };
   }, [
@@ -978,8 +978,8 @@ function gt(e) {
   }, [d, P]), C(() => {
     if (!d || !u || !Array.isArray(u))
       return;
-    const v = u[0], O = Array.isArray(v) ? u : [u], L = d.getPaths();
-    Un(O, L) || (M.current = !0, d.setPaths(u), M.current = !1);
+    const v = u[0], O = Array.isArray(v) ? u : [u], k = d.getPaths();
+    Un(O, k) || (M.current = !0, d.setPaths(u), M.current = !1);
   }, [d, u]), C(() => {
     if (!d || !f || !E)
       return;
@@ -995,7 +995,7 @@ const ft = H((e, n) => {
 ft.displayName = "Polygon";
 function mt(e) {
   var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onPathChanged: l, polyline: m, encodedPath: f, path: u, defaultPath: h } = e, y = z(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onPathChanged", "polyline", "encodedPath", "path", "defaultPath"]), [d, p] = _(null), b = Z(), E = $("geometry"), M = U(!1), P = ae(Object.assign(Object.assign({}, y), { clickable: (n = y.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = y.draggable) !== null && t !== void 0 ? t : !!(a || i || s || l), editable: (o = y.editable) !== null && o !== void 0 ? o : !!l }), re);
+  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] = _(null), b = Z(), E = $("geometry"), M = U(!1), P = ae(Object.assign(Object.assign({}, y), { clickable: (n = y.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = y.draggable) !== null && t !== void 0 ? t : !!(a || i || s || l), editable: (o = y.editable) !== null && o !== void 0 ? o : !!l }), re);
   return C(() => {
     if (!b) {
       b === void 0 && console.error("<Polyline> has to be inside a Map component.");
@@ -1007,13 +1007,13 @@ function mt(e) {
       const O = u ?? h;
       O && Array.isArray(O) && v.setPath(O), v.setOptions(P);
     } 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, k = Object.assign({}, P);
+      O && Array.isArray(O) && (k.path = O), v = new google.maps.Polyline(k);
     }
     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) => {
+  }, [b, m]), L(d, "click", r), L(d, "drag", a), L(d, "dragstart", i), L(d, "mouseover", g), L(d, "mouseout", c), L(d, "dragend", (v) => {
     s == null || s(v), l && d && !M.current && l(d.getPath().getArray());
   }), C(() => {
     if (!d || !l)
@@ -1023,13 +1023,13 @@ function mt(e) {
       return;
     const O = () => {
       M.current || l(v.getArray());
-    }, L = [
+    }, k = [
       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((k) => k.remove());
+      k.forEach((S) => S.remove());
     };
   }, [
     d,
@@ -1119,8 +1119,8 @@ function Ct(e) {
         className: P,
         children: v,
         onCenterChanged: O,
-        onHeadingChanged: L,
-        onTiltChanged: k,
+        onHeadingChanged: k,
+        onTiltChanged: S,
         onRangeChanged: T,
         onRollChanged: x,
         onCameraChanged: R,
@@ -1129,9 +1129,9 @@ function Ct(e) {
         onAnimationEnd: Ae,
         onError: ge,
         mode: Te,
-        gestureHandling: Le
-      } = e, w = z(e, ["center", "heading", "tilt", "range", "roll", "defaultCenter", "defaultHeading", "defaultTilt", "defaultRange", "defaultRoll", "id", "style", "className", "children", "onCenterChanged", "onHeadingChanged", "onTiltChanged", "onRangeChanged", "onRollChanged", "onCameraChanged", "onClick", "onSteadyChange", "onAnimationEnd", "onError", "mode", "gestureHandling"]), S = c ?? h, ee = l ?? y, De = m ?? d, Se = f ?? p, ke = u ?? b, W = Object.assign({}, w);
-      S && (W.center = S), ee !== void 0 && (W.heading = ee), De !== void 0 && (W.tilt = De), Se !== void 0 && (W.range = Se), ke !== void 0 && (W.roll = ke), Object.assign(a, W);
+        gestureHandling: ke
+      } = e, w = 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"]), D = c ?? h, ee = l ?? y, Le = m ?? d, De = f ?? p, Se = u ?? b, W = Object.assign({}, w);
+      D && (W.center = D), ee !== void 0 && (W.heading = ee), 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.
@@ -1157,7 +1157,7 @@ function Ot(e, n, t) {
     }), h !== null && E.range !== h && (e.range = h), y !== null && E.heading !== y && (e.heading = y), d !== null && E.tilt !== d && (e.tilt = d), p !== null && E.roll !== p && (e.roll = p);
   });
 }
-const ze = [
+const je = [
   "gmp-centerchange",
   "gmp-headingchange",
   "gmp-tiltchange",
@@ -1207,10 +1207,10 @@ function Pt(e, n) {
     const f = () => {
       s(K(e, "camerachange"));
     };
-    for (const u of ze)
+    for (const u of je)
       e.addEventListener(u, f);
     return () => {
-      for (const u of ze)
+      for (const u of je)
         e.removeEventListener(u, f);
     };
   }, [e, s]), C(() => {
@@ -1273,11 +1273,11 @@ function Tt(e, n) {
     e && Object.assign(e, t);
   }, [e, t]);
 }
-const Lt = A.createContext(null), Dt = {
+const kt = A.createContext(null), Lt = {
   width: "100%",
   height: "100%",
   position: "relative"
-}, St = H((e, n) => {
+}, Dt = H((e, n) => {
   const { children: t, id: o, className: r, style: a } = e, i = F(Q);
   if (!i)
     throw new Error("<Map3D> can only be used inside an <APIProvider> component.");
@@ -1301,15 +1301,15 @@ const Lt = A.createContext(null), Dt = {
       c == null || c.stopCameraAnimation();
     }
   }), [c]);
-  const h = N(() => Object.assign(Object.assign({}, Dt), a), [a]), y = N(() => ({ map3d: c }), [c]);
+  const h = N(() => Object.assign(Object.assign({}, Lt), a), [a]), y = N(() => ({ map3d: c }), [c]);
   return u ? A.createElement(
     "div",
     Object.assign({ ref: l, "data-testid": "map-3d", style: r ? void 0 : h, className: r }, o ? { id: o } : {}),
-    A.createElement("gmp-map-3d", { ref: m, style: { width: "100%", height: "100%" } }, c && A.createElement(Lt.Provider, { value: y }, t))
+    A.createElement("gmp-map-3d", { ref: m, style: { width: "100%", height: "100%" } }, c && A.createElement(kt.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 } : {}));
 });
-St.displayName = "Map3D";
-const we = nn(null), kt = H(function(n, t) {
+Dt.displayName = "Map3D";
+const we = nn(null), St = H(function(n, t) {
   const { children: o, onClick: r, position: a, altitudeMode: i, collisionBehavior: s, drawsWhenOccluded: g, extruded: c, label: l, sizePreserved: m, zIndex: f, title: u } = n, h = !!r, [y, d] = _(null), [p, b] = _(!1), E = N(() => {
     const v = document.createElement("div");
     return v.style.display = "none", document.body.appendChild(v), v;
@@ -1327,12 +1327,12 @@ const we = nn(null), kt = H(function(n, t) {
     for (const O of v) {
       if (O.nodeType !== Node.ELEMENT_NODE)
         continue;
-      const L = O, k = L.tagName.toLowerCase();
-      if (k === "img" || k === "svg") {
+      const k = O, S = k.tagName.toLowerCase();
+      if (S === "img" || S === "svg") {
         const T = document.createElement("template");
-        T.content.appendChild(L.cloneNode(!0)), y.appendChild(T);
+        T.content.appendChild(k.cloneNode(!0)), y.appendChild(T);
       } else
-        y.appendChild(L.cloneNode(!0));
+        y.appendChild(k.cloneNode(!0));
     }
   }, [y, E, o, p]);
   const P = N(() => ({ marker: y, setContentHandledExternally: b }), [y]);
@@ -1343,7 +1343,7 @@ const we = nn(null), kt = H(function(n, t) {
     ue(o, E)
   );
 });
-kt.displayName = "Marker3D";
+St.displayName = "Marker3D";
 const _t = H(function(n, t) {
   var o;
   const { children: r, headerContent: a, style: i, className: s, open: g = !0, position: c, anchor: l, anchorId: m, altitudeMode: f, lightDismissDisabled: u, autoPanDisabled: h, onClose: y } = n, [d, p] = _(null), b = U(null);
@@ -1382,7 +1382,7 @@ function It(e, n, t) {
   }, [e, t]);
 }
 function Nt(e) {
-  const [n, t] = _(null), o = Z(), { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c } = e, l = z(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut"]), { position: m, draggable: f } = l;
+  const [n, t] = _(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;
   return C(() => {
     if (!o) {
       o === void 0 && console.error("<Marker> has to be inside a Map component.");
@@ -1448,7 +1448,7 @@ const Rt = (e) => {
       m.removeChild(m.firstChild);
     m && m.appendChild(l.element);
   }, [o, i, r, e]), ue(e.children, i);
-}, jt = (e) => {
+}, 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");
   return C(() => {
     if (a && i)
@@ -1484,22 +1484,22 @@ const Rt = (e) => {
     n,
     e
   ]), ue(n, s);
-}, zt = (e) => {
+}, jt = (e) => {
   var n;
   const t = $("marker"), o = N(() => t ? typeof customElements < "u" && customElements.get("gmp-pin") !== void 0 : !1, [t]);
   if (!t)
     return null;
   if (o) {
-    const { glyph: r, glyphSrc: a, glyphText: i } = e, s = z(e, ["glyph", "glyphSrc", "glyphText"]), g = r instanceof URL || typeof r == "string" && r.startsWith("http"), c = i ?? (typeof r == "string" && !g ? r : void 0), l = a ?? (g ? String(r) : void 0);
-    return A.createElement(jt, Object.assign({}, s, { glyphText: c, glyphSrc: l }));
+    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 }));
   } else {
-    const { glyph: r, glyphSrc: a, glyphText: i } = e, s = z(e, ["glyph", "glyphSrc", "glyphText"]), g = (n = r ?? a) !== null && n !== void 0 ? n : i;
+    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 }));
   }
 };
 function Bt(e) {
   var n, t, o;
-  const { onClick: r, onDrag: a, onDragStart: i, onDragEnd: s, onMouseOver: g, onMouseOut: c, onBoundsChanged: l, bounds: m, defaultBounds: f } = e, u = z(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onBoundsChanged", "bounds", "defaultBounds"]), [h, y] = _(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 = j(e, ["onClick", "onDrag", "onDragStart", "onDragEnd", "onMouseOver", "onMouseOut", "onBoundsChanged", "bounds", "defaultBounds"]), [h, y] = _(null), d = Z(), p = ae(Object.assign(Object.assign({}, u), { clickable: (n = u.clickable) !== null && n !== void 0 ? n : !!r, draggable: (t = u.draggable) !== null && t !== void 0 ? t : !!(a || i || s || l), editable: (o = u.editable) !== null && o !== void 0 ? o : !!l }), re);
   return C(() => {
     if (!d) {
       d === void 0 && console.error("<Rectangle> has to be inside a Map component.");
@@ -1509,7 +1509,7 @@ 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]), L(h, "click", r), L(h, "drag", a), L(h, "dragstart", i), L(h, "dragend", s), L(h, "mouseover", g), L(h, "mouseout", c), L(h, "bounds_changed", l ? () => {
     l(h == null ? void 0 : h.getBounds());
   } : null), C(() => {
     h && h.setOptions(p);
@@ -1682,7 +1682,14 @@ const Ut = {
       size: {
         sm: "ds:[--map-block-size:14rem]",
         md: "ds:[--map-block-size:20rem]",
-        lg: "ds:[--map-block-size:28rem]"
+        lg: "ds:[--map-block-size:28rem]",
+        // `fill` defers sizing to the parent. The outer takes
+        // `block-size: 100%` so the inner (also 100%) has something
+        // to inherit from. Use inside a viewport-locked column —
+        // `<PracticeResults variant="map-first">` wires this through
+        // automatically; standalone consumers must give the parent
+        // a constrained block-size or the map collapses to 0.
+        fill: "ds:[block-size:100%]"
       },
       surface: {
         bordered: "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
@@ -1692,12 +1699,17 @@ const Ut = {
     },
     defaultVariants: { size: "md", surface: "bordered" }
   }
-), Vt = oe(
-  [
-    "ds:block ds:inline-size-full",
-    "ds:[block-size:var(--map-block-size)]"
-  ].join(" ")
-), Gt = oe(
+), Vt = oe("ds:block ds:inline-size-full", {
+  variants: {
+    size: {
+      sm: "ds:[block-size:var(--map-block-size)]",
+      md: "ds:[block-size:var(--map-block-size)]",
+      lg: "ds:[block-size:var(--map-block-size)]",
+      fill: "ds:[block-size:100%]"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), Gt = oe(
   [
     "ds:absolute ds:inset-0",
     "ds:flex ds:flex-col ds:items-center ds:justify-center",
@@ -1731,15 +1743,15 @@ function $t({
 }) {
   const { t: a } = He();
   return /* @__PURE__ */ le("div", { className: Gt(), "data-testid": "map-view-consent", children: [
-    /* @__PURE__ */ j(
+    /* @__PURE__ */ z(
       sn,
       {
         "aria-hidden": "true",
         className: "ds:size-6 ds:text-[var(--muted-foreground)]"
       }
     ),
-    /* @__PURE__ */ j("p", { className: Jt(), children: a("mapView.consentTitle") }),
-    e ? /* @__PURE__ */ j(
+    /* @__PURE__ */ z("p", { className: Jt(), children: a("mapView.consentTitle") }),
+    e ? /* @__PURE__ */ z(
       "p",
       {
         className: Be(),
@@ -1747,9 +1759,9 @@ function $t({
         children: e
       }
     ) : null,
-    /* @__PURE__ */ j("p", { className: Be(), children: n }),
+    /* @__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__ */ j(
+      r ?? /* @__PURE__ */ z(
         rn,
         {
           type: "button",
@@ -1769,7 +1781,7 @@ 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__ */ j(ln, { "aria-hidden": "true", className: "ds:size-3" })
+            /* @__PURE__ */ z(ln, { "aria-hidden": "true", className: "ds:size-3" })
           ]
         }
       )
@@ -1800,13 +1812,13 @@ const qt = H(
     const { t: E, i18n: M } = He(), P = tn(), v = N(
       () => `map-${P.replace(/[^a-zA-Z0-9-_]/g, "")}`,
       [P]
-    ), [O, L] = _(!1);
+    ), [O, k] = _(!1);
     C(() => {
       if (typeof window > "u") return;
-      const w = window.matchMedia("(prefers-reduced-motion: reduce)"), S = () => L(w.matches);
-      return S(), w.addEventListener("change", S), () => w.removeEventListener("change", S);
+      const w = window.matchMedia("(prefers-reduced-motion: reduce)"), D = () => k(w.matches);
+      return D(), w.addEventListener("change", D), () => w.removeEventListener("change", D);
     }, []);
-    const k = N(() => `https://www.google.com/maps/search/?api=1&query=${c ? encodeURIComponent(c) : `${t.lat},${t.lng}`}`, [c, t.lat, t.lng]), [T, x] = _(
+    const S = N(() => `https://www.google.com/maps/search/?api=1&query=${c ? encodeURIComponent(c) : `${t.lat},${t.lng}`}`, [c, t.lat, t.lng]), [T, x] = _(
       () => f ? [] : pe()
     );
     C(() => {
@@ -1827,16 +1839,16 @@ const qt = H(
       b,
       () => ({
         panTo: (w) => {
-          var S;
-          return (S = R.current) == null ? void 0 : S.panTo(w);
+          var D;
+          return (D = R.current) == null ? void 0 : D.panTo(w);
         },
         setZoom: (w) => {
-          var S;
-          return (S = R.current) == null ? void 0 : S.setZoom(w);
+          var D;
+          return (D = R.current) == null ? void 0 : D.setZoom(w);
         },
         selectMarker: (w) => {
-          var S;
-          return (S = R.current) == null ? void 0 : S.selectMarker(w);
+          var D;
+          return (D = R.current) == null ? void 0 : D.selectMarker(w);
         }
       }),
       []
@@ -1844,16 +1856,16 @@ const qt = H(
     const Pe = N(
       () => ({
         panTo: (w) => {
-          var S;
-          return (S = R.current) == null ? void 0 : S.panTo(w);
+          var D;
+          return (D = R.current) == null ? void 0 : D.panTo(w);
         },
         setZoom: (w) => {
-          var S;
-          return (S = R.current) == null ? void 0 : S.setZoom(w);
+          var D;
+          return (D = R.current) == null ? void 0 : D.setZoom(w);
         },
         selectMarker: (w) => {
-          var S;
-          return (S = R.current) == null ? void 0 : S.selectMarker(w);
+          var D;
+          return (D = R.current) == null ? void 0 : D.selectMarker(w);
         }
       }),
       []
@@ -1865,14 +1877,14 @@ const qt = H(
       var w;
       (w = R.current) == null || w.setZoom(o);
     }, [o]);
-    const [Ae, ge] = _(!1), Te = s || Ae, Le = ne(() => {
+    const [Ae, ge] = _(!1), Te = s || Ae, ke = ne(() => {
       if (g) {
         g(), ge(!0);
         return;
       }
       ge(!0);
     }, [g]);
-    return /* @__PURE__ */ j(
+    return /* @__PURE__ */ z(
       "div",
       {
         className: Ht({ size: u, surface: h, className: d }),
@@ -1881,8 +1893,8 @@ const qt = H(
         role: "region",
         "aria-label": y ?? E("mapView.label"),
         ...p,
-        children: /* @__PURE__ */ j("div", { className: Vt(), children: Te ? /* @__PURE__ */ j(
-          Dn,
+        children: /* @__PURE__ */ z("div", { className: Vt({ size: u }), children: Te ? /* @__PURE__ */ z(
+          Ln,
           {
             apiKey: n,
             language: M.language,
@@ -1898,7 +1910,7 @@ const qt = H(
                 onClick: () => i == null ? void 0 : i(null),
                 className: "ds:[inline-size:100%] ds:[block-size:100%]",
                 children: [
-                  /* @__PURE__ */ j(
+                  /* @__PURE__ */ z(
                     Zt,
                     {
                       onHandleReady: q,
@@ -1906,19 +1918,19 @@ const qt = H(
                     }
                   ),
                   (r ?? []).map((w) => {
-                    const S = a != null && a === w.id, ee = E("mapView.markerLabel", {
+                    const D = a != null && a === w.id, ee = E("mapView.markerLabel", {
                       label: w.label ?? w.id
                     });
-                    return /* @__PURE__ */ j(
+                    return /* @__PURE__ */ z(
                       en,
                       {
                         position: w.position,
                         title: ee,
                         "aria-label": ee,
-                        "data-selected": S ? "true" : "false",
+                        "data-selected": D ? "true" : "false",
                         onClick: () => i == null ? void 0 : i(w.id),
-                        children: /* @__PURE__ */ j(
-                          zt,
+                        children: /* @__PURE__ */ z(
+                          jt,
                           {
                             background: "var(--primary)",
                             borderColor: "var(--primary)",
@@ -1933,14 +1945,14 @@ const qt = H(
               }
             )
           }
-        ) : /* @__PURE__ */ j(
+        ) : /* @__PURE__ */ z(
           $t,
           {
             address: c,
             description: l ?? E("mapView.consentDescription"),
-            onLoadMap: Le,
+            onLoadMap: ke,
             consentCta: m,
-            openInGoogleMapsHref: k
+            openInGoogleMapsHref: S
           }
         ) })
       }
@@ -1951,4 +1963,4 @@ qt.displayName = "MapView";
 export {
   qt as M
 };
-//# sourceMappingURL=map-view-WEWqXzof.js.map
+//# sourceMappingURL=map-view-knHSNLoe.js.map