@local-logic/maps 0.0.20 → 0.0.22

package/dist/{logo-control-C5ZdRec5.js → logo-control-VgN6MEKI.js}

@@ -1,17 +1,16 @@
-import * as M from "react";
-import { useContext as w, useMemo as x, useLayoutEffect as $, useEffect as d, useState as J, useRef as b, useImperativeHandle as k, memo as _, forwardRef as z } from "react";
-import { createPortal as H } from "react-dom";
-const V = M.createContext(null);
-function pt() {
-  var i;
-  const t = (i = w(V)) == null ? void 0 : i.maps, n = w(R);
-  return x(() => ({ ...t, current: n == null ? void 0 : n.map }), [t, n]);
+import * as C from "react";
+import { useContext as M, useMemo as S, useLayoutEffect as B, useEffect as l, useState as G, useRef as E, useImperativeHandle as R, memo as p, forwardRef as T } from "react";
+import { createPortal as Z } from "react-dom";
+const j = C.createContext(null);
+function ht() {
+  const t = M(j)?.maps, n = M(b);
+  return S(() => ({ ...t, current: n?.map }), [t, n]);
 }
-function K(t, n) {
+function $(t, n) {
   const e = Array.isArray(t) ? t[0] : t ? t.x : 0, i = Array.isArray(t) ? t[1] : t ? t.y : 0, r = Array.isArray(n) ? n[0] : n ? n.x : 0, o = Array.isArray(n) ? n[1] : n ? n.y : 0;
   return e === r && i === o;
 }
-function y(t, n) {
+function h(t, n) {
   if (t === n)
     return !0;
   if (!t || !n)
@@ -20,7 +19,7 @@ function y(t, n) {
     if (!Array.isArray(n) || t.length !== n.length)
       return !1;
     for (let e = 0; e < t.length; e++)
-      if (!y(t[e], n[e]))
+      if (!h(t[e], n[e]))
         return !1;
     return !0;
   } else if (Array.isArray(n))
@@ -30,13 +29,13 @@ function y(t, n) {
     if (e.length !== i.length)
       return !1;
     for (const r of e)
-      if (!n.hasOwnProperty(r) || !y(t[r], n[r]))
+      if (!n.hasOwnProperty(r) || !h(t[r], n[r]))
         return !1;
     return !0;
   }
   return !1;
 }
-function A(t) {
+function N(t) {
   return {
     longitude: t.center.lng,
     latitude: t.center.lat,
@@ -46,16 +45,16 @@ function A(t) {
     padding: t.padding
   };
 }
-function U(t, n) {
+function O(t, n) {
   const e = n.viewState || n, i = {};
   if ("longitude" in e && "latitude" in e && (e.longitude !== t.center.lng || e.latitude !== t.center.lat)) {
     const r = t.center.constructor;
     i.center = new r(e.longitude, e.latitude);
   }
-  return "zoom" in e && e.zoom !== t.zoom && (i.zoom = e.zoom), "bearing" in e && e.bearing !== t.bearing && (i.bearing = e.bearing), "pitch" in e && e.pitch !== t.pitch && (i.pitch = e.pitch), e.padding && t.padding && !y(e.padding, t.padding) && (i.padding = e.padding), i;
+  return "zoom" in e && e.zoom !== t.zoom && (i.zoom = e.zoom), "bearing" in e && e.bearing !== t.bearing && (i.bearing = e.bearing), "pitch" in e && e.pitch !== t.pitch && (i.pitch = e.pitch), e.padding && t.padding && !h(e.padding, t.padding) && (i.padding = e.padding), i;
 }
-const Y = ["type", "source", "source-layer", "minzoom", "maxzoom", "filter", "layout"];
-function I(t) {
+const J = ["type", "source", "source-layer", "minzoom", "maxzoom", "filter", "layout"];
+function A(t) {
   if (!t)
     return null;
   if (typeof t == "string" || ("toJS" in t && (t = t.toJS()), !t.layers))
@@ -69,14 +68,14 @@ function I(t) {
     const o = n[i.ref];
     if (o) {
       r = r || Object.assign({}, i), delete r.ref;
-      for (const s of Y)
+      for (const s of J)
         s in o && (r[s] = o[s]);
     }
     return r || i;
   });
   return { ...t, layers: e };
 }
-const F = { version: 8, sources: {}, layers: [] }, D = {
+const U = { version: 8, sources: {}, layers: [] }, I = {
   mousedown: "onMouseDown",
   mouseup: "onMouseUp",
   mouseover: "onMouseOver",
@@ -91,7 +90,7 @@ const F = { version: 8, sources: {}, layers: [] }, D = {
   touchend: "onTouchEnd",
   touchmove: "onTouchMove",
   touchcancel: "onTouchCancel"
-}, W = {
+}, F = {
   movestart: "onMoveStart",
   move: "onMove",
   moveend: "onMoveEnd",
@@ -107,7 +106,7 @@ const F = { version: 8, sources: {}, layers: [] }, D = {
   pitchstart: "onPitchStart",
   pitch: "onPitch",
   pitchend: "onPitchEnd"
-}, Z = {
+}, D = {
   wheel: "onWheel",
   boxzoomstart: "onBoxZoomStart",
   boxzoomend: "onBoxZoomEnd",
@@ -121,7 +120,7 @@ const F = { version: 8, sources: {}, layers: [] }, D = {
   styledata: "onStyleData",
   sourcedata: "onSourceData",
   error: "onError"
-}, Q = [
+}, K = [
   "minZoom",
   "maxZoom",
   "minPitch",
@@ -129,7 +128,7 @@ const F = { version: 8, sources: {}, layers: [] }, D = {
   "maxBounds",
   "projection",
   "renderWorldCopies"
-], X = [
+], Y = [
   "scrollZoom",
   "boxZoom",
   "dragRotate",
@@ -139,20 +138,20 @@ const F = { version: 8, sources: {}, layers: [] }, D = {
   "touchZoomRotate",
   "touchPitch"
 ];
-class P {
+class x {
   constructor(n, e, i) {
     this._map = null, this._internalUpdate = !1, this._hoveredFeatures = null, this._propsedCameraUpdate = null, this._styleComponents = {}, this._onEvent = (r) => {
-      const o = this.props[Z[r.type]];
+      const o = this.props[D[r.type]];
       o ? o(r) : r.type === "error" && console.error(r.error);
     }, this._onCameraEvent = (r) => {
       if (this._internalUpdate)
         return;
-      r.viewState = this._propsedCameraUpdate || A(this._map.transform);
-      const o = this.props[W[r.type]];
+      r.viewState = this._propsedCameraUpdate || N(this._map.transform);
+      const o = this.props[F[r.type]];
       o && o(r);
-    }, this._onCameraUpdate = (r) => this._internalUpdate ? r : (this._propsedCameraUpdate = A(r), U(r, this.props)), this._onPointerEvent = (r) => {
+    }, this._onCameraUpdate = (r) => this._internalUpdate ? r : (this._propsedCameraUpdate = N(r), O(r, this.props)), this._onPointerEvent = (r) => {
       (r.type === "mousemove" || r.type === "mouseout") && this._updateHover(r);
-      const o = this.props[D[r.type]];
+      const o = this.props[I[r.type]];
       o && (this.props.interactiveLayerIds && r.type !== "mouseover" && r.type !== "mouseout" && (r.features = this._hoveredFeatures || this._queryRenderedFeatures(r.point)), o(r), delete r.features);
     }, this._MapClass = n, this.props = e, this._initialize(i);
   }
@@ -166,7 +165,7 @@ class P {
     this._updateStyle(n, e), this._updateStyleComponents(n), this._updateHandlers(n, e), (i || r || o && !this._map.isMoving()) && this.redraw();
   }
   static reuse(n, e) {
-    const i = P.savedMaps.pop();
+    const i = x.savedMaps.pop();
     if (!i)
       return null;
     const r = i.map, o = r.getContainer();
@@ -180,11 +179,11 @@ class P {
   }
   /* eslint-disable complexity,max-statements */
   _initialize(n) {
-    const { props: e } = this, { mapStyle: i = F } = e, r = {
+    const { props: e } = this, { mapStyle: i = U } = e, r = {
       ...e,
       ...e.initialViewState,
       container: n,
-      style: I(i)
+      style: A(i)
     }, o = r.initialViewState || r.viewState || r;
     if (Object.assign(r, {
       center: [o.longitude || 0, o.latitude || 0],
@@ -197,29 +196,27 @@ class P {
     }
     const s = new this._MapClass(r);
     o.padding && s.setPadding(o.padding), e.cursor && (s.getCanvas().style.cursor = e.cursor), s.transformCameraUpdate = this._onCameraUpdate, s.on("style.load", () => {
-      var a;
       this._styleComponents = {
         light: s.getLight(),
         sky: s.getSky(),
         // @ts-ignore getProjection() does not exist in v4
-        projection: (a = s.getProjection) == null ? void 0 : a.call(s),
+        projection: s.getProjection?.(),
         terrain: s.getTerrain()
       }, this._updateStyleComponents(this.props);
     }), s.on("sourcedata", () => {
       this._updateStyleComponents(this.props);
     });
-    for (const a in D)
+    for (const a in I)
       s.on(a, this._onPointerEvent);
-    for (const a in W)
+    for (const a in F)
       s.on(a, this._onCameraEvent);
-    for (const a in Z)
+    for (const a in D)
       s.on(a, this._onEvent);
     this._map = s;
   }
   /* eslint-enable complexity,max-statements */
   recycle() {
-    const e = this.map.getContainer().querySelector("[mapboxgl-children]");
-    e == null || e.remove(), P.savedMaps.push(this);
+    this.map.getContainer().querySelector("[mapboxgl-children]")?.remove(), x.savedMaps.push(this);
   }
   destroy() {
     this._map.remove();
@@ -253,7 +250,7 @@ class P {
   _updateViewState(n) {
     const e = this._map, i = e.transform;
     if (!e.isMoving()) {
-      const o = U(i, n);
+      const o = O(i, n);
       if (Object.keys(o).length > 0)
         return this._internalUpdate = !0, e.jumpTo(o), this._internalUpdate = !1, !0;
     }
@@ -267,21 +264,17 @@ class P {
   _updateSettings(n, e) {
     const i = this._map;
     let r = !1;
-    for (const o of Q)
-      if (o in n && !y(n[o], e[o])) {
-        r = !0;
-        const s = i[`set${o[0].toUpperCase()}${o.slice(1)}`];
-        s == null || s.call(i, n[o]);
-      }
+    for (const o of K)
+      o in n && !h(n[o], e[o]) && (r = !0, i[`set${o[0].toUpperCase()}${o.slice(1)}`]?.call(i, n[o]));
     return r;
   }
   /* Update map style to match props */
   _updateStyle(n, e) {
     if (n.cursor !== e.cursor && (this._map.getCanvas().style.cursor = n.cursor || ""), n.mapStyle !== e.mapStyle) {
-      const { mapStyle: i = F, styleDiffing: r = !0 } = n, o = {
+      const { mapStyle: i = U, styleDiffing: r = !0 } = n, o = {
         diff: r
       };
-      "localIdeographFontFamily" in n && (o.localIdeographFontFamily = n.localIdeographFontFamily), this._map.setStyle(I(i), o);
+      "localIdeographFontFamily" in n && (o.localIdeographFontFamily = n.localIdeographFontFamily), this._map.setStyle(A(i), o);
     }
   }
   /* Update fog, light, projection and terrain to match props
@@ -290,16 +283,15 @@ class P {
    * 2. They can be overwritten by mapStyle
    */
   _updateStyleComponents({ light: n, projection: e, sky: i, terrain: r }) {
-    var a, c;
     const o = this._map, s = this._styleComponents;
-    o.style._loaded && (n && !y(n, s.light) && (s.light = n, o.setLight(n)), e && !y(e, s.projection) && e !== ((a = s.projection) == null ? void 0 : a.type) && (s.projection = typeof e == "string" ? { type: e } : e, (c = o.setProjection) == null || c.call(o, s.projection)), i && !y(i, s.sky) && (s.sky = i, o.setSky(i)), r !== void 0 && !y(r, s.terrain) && (!r || o.getSource(r.source)) && (s.terrain = r, o.setTerrain(r)));
+    o.style._loaded && (n && !h(n, s.light) && (s.light = n, o.setLight(n)), e && !h(e, s.projection) && e !== s.projection?.type && (s.projection = typeof e == "string" ? { type: e } : e, o.setProjection?.(s.projection)), i && !h(i, s.sky) && (s.sky = i, o.setSky(i)), r !== void 0 && !h(r, s.terrain) && (!r || o.getSource(r.source)) && (s.terrain = r, o.setTerrain(r)));
   }
   /* Update interaction handlers to match props */
   _updateHandlers(n, e) {
     const i = this._map;
-    for (const r of X) {
+    for (const r of Y) {
       const o = n[r] ?? !0, s = e[r] ?? !0;
-      y(o, s) || (o ? i[r].enable(o) : i[r].disable());
+      h(o, s) || (o ? i[r].enable(o) : i[r].disable());
     }
   }
   _queryRenderedFeatures(n) {
@@ -313,17 +305,16 @@ class P {
     }
   }
   _updateHover(n) {
-    var r;
     const { props: e } = this;
     if (e.interactiveLayerIds && (e.onMouseMove || e.onMouseEnter || e.onMouseLeave)) {
-      const o = n.type, s = ((r = this._hoveredFeatures) == null ? void 0 : r.length) > 0, a = this._queryRenderedFeatures(n.point), c = a.length > 0;
-      !c && s && (n.type = "mouseleave", this._onPointerEvent(n)), this._hoveredFeatures = a, c && !s && (n.type = "mouseenter", this._onPointerEvent(n)), n.type = o;
+      const r = n.type, o = this._hoveredFeatures?.length > 0, s = this._queryRenderedFeatures(n.point), a = s.length > 0;
+      !a && o && (n.type = "mouseleave", this._onPointerEvent(n)), this._hoveredFeatures = s, a && !o && (n.type = "mouseenter", this._onPointerEvent(n)), n.type = r;
     } else
       this._hoveredFeatures = null;
   }
 }
-P.savedMaps = [];
-const tt = [
+x.savedMaps = [];
+const Q = [
   "setMaxBounds",
   "setMinZoom",
   "setMaxZoom",
@@ -345,17 +336,17 @@ const tt = [
   "setFog",
   "remove"
 ];
-function et(t) {
+function X(t) {
   if (!t)
     return null;
   const n = t.map, e = {
     getMap: () => n
   };
-  for (const i of nt(n))
-    !(i in e) && !tt.includes(i) && (e[i] = n[i].bind(n));
+  for (const i of tt(n))
+    !(i in e) && !Q.includes(i) && (e[i] = n[i].bind(n));
   return e;
 }
-function nt(t) {
+function tt(t) {
   const n = /* @__PURE__ */ new Set();
   let e = t;
   for (; e; ) {
@@ -365,8 +356,8 @@ function nt(t) {
   }
   return Array.from(n);
 }
-const ot = typeof document < "u" ? $ : d;
-function rt(t, n) {
+const et = typeof document < "u" ? B : l;
+function nt(t, n) {
   const { RTLTextPlugin: e, maxParallelImageRequests: i, workerCount: r, workerUrl: o } = n;
   if (e && t.getRTLTextPluginStatus && t.getRTLTextPluginStatus() === "unavailable") {
     const { pluginUrl: s, lazy: a = !0 } = typeof e == "string" ? { pluginUrl: e } : e;
@@ -376,36 +367,36 @@ function rt(t, n) {
   }
   i !== void 0 && t.setMaxParallelImageRequests(i), r !== void 0 && t.setWorkerCount(r), o !== void 0 && t.setWorkerUrl(o);
 }
-const R = M.createContext(null);
-function it(t, n) {
-  const e = w(V), [i, r] = J(null), o = b(), { current: s } = b({ mapLib: null, map: null });
-  d(() => {
-    const l = t.mapLib;
-    let m = !0, u;
-    return Promise.resolve(l || import("./maplibre-gl-DDfJU6SR.js").then((f) => f.m)).then((f) => {
-      if (!m)
+const b = C.createContext(null);
+function ot(t, n) {
+  const e = M(j), [i, r] = G(null), o = E(), { current: s } = E({ mapLib: null, map: null });
+  l(() => {
+    const u = t.mapLib;
+    let w = !0, f;
+    return Promise.resolve(u || import("./maplibre-gl-DkDrZ6rP.js").then((d) => d.m)).then((d) => {
+      if (!w)
         return;
-      if (!f)
+      if (!d)
         throw new Error("Invalid mapLib");
-      const p = "Map" in f ? f : f.default;
-      if (!p.Map)
+      const m = "Map" in d ? d : d.default;
+      if (!m.Map)
         throw new Error("Invalid mapLib");
-      rt(p, t), t.reuseMaps && (u = P.reuse(t, o.current)), u || (u = new P(p.Map, t, o.current)), s.map = et(u), s.mapLib = p, r(u), e == null || e.onMapMount(s.map, t.id);
-    }).catch((f) => {
-      const { onError: p } = t;
-      p ? p({
+      nt(m, t), t.reuseMaps && (f = x.reuse(t, o.current)), f || (f = new x(m.Map, t, o.current)), s.map = X(f), s.mapLib = m, r(f), e?.onMapMount(s.map, t.id);
+    }).catch((d) => {
+      const { onError: m } = t;
+      m ? m({
         type: "error",
         target: null,
         originalEvent: null,
-        error: f
-      }) : console.error(f);
+        error: d
+      }) : console.error(d);
     }), () => {
-      m = !1, u && (e == null || e.onMapUnmount(t.id), t.reuseMaps ? u.recycle() : u.destroy());
+      w = !1, f && (e?.onMapUnmount(t.id), t.reuseMaps ? f.recycle() : f.destroy());
     };
-  }, []), ot(() => {
+  }, []), et(() => {
     i && i.setProps(t);
-  }), k(n, () => s.map, [i]);
-  const a = x(() => ({
+  }), R(n, () => s.map, [i]);
+  const a = S(() => ({
     position: "relative",
     width: "100%",
     height: "100%",
@@ -413,205 +404,194 @@ function it(t, n) {
   }), [t.style]), c = {
     height: "100%"
   };
-  return M.createElement("div", { id: t.id, ref: o, style: a }, i && M.createElement(
-    R.Provider,
+  return C.createElement("div", { id: t.id, ref: o, style: a }, i && C.createElement(
+    b.Provider,
     { value: s },
-    M.createElement("div", { "mapboxgl-children": "", style: c }, t.children)
+    C.createElement("div", { "mapboxgl-children": "", style: c }, t.children)
   ));
 }
-const yt = M.forwardRef(it), st = /box|flex|grid|column|lineHeight|fontWeight|opacity|order|tabSize|zIndex/;
-function C(t, n) {
+const gt = C.forwardRef(ot), rt = /box|flex|grid|column|lineHeight|fontWeight|opacity|order|tabSize|zIndex/;
+function y(t, n) {
   if (!t || !n)
     return;
   const e = t.style;
   for (const i in n) {
     const r = n[i];
-    Number.isFinite(r) && !st.test(i) ? e[i] = `${r}px` : e[i] = r;
+    Number.isFinite(r) && !rt.test(i) ? e[i] = `${r}px` : e[i] = r;
   }
 }
-function q(t, n) {
+function H(t, n) {
   if (t === n)
     return null;
-  const e = j(t), i = j(n), r = [];
+  const e = W(t), i = W(n), r = [];
   for (const o of i)
     e.has(o) || r.push(o);
   for (const o of e)
     i.has(o) || r.push(o);
   return r.length === 0 ? null : r;
 }
-function j(t) {
+function W(t) {
   return new Set(t ? t.trim().split(/\s+/) : []);
 }
-const vt = _(z((t, n) => {
-  const { map: e, mapLib: i } = w(R), r = b({ props: t }), o = x(() => {
-    let T = !1;
-    M.Children.forEach(t.children, (v) => {
-      v && (T = !0);
+const pt = p(T((t, n) => {
+  const { map: e, mapLib: i } = M(b), r = E({ props: t }), o = S(() => {
+    let P = !1;
+    C.Children.forEach(t.children, (g) => {
+      g && (P = !0);
     });
-    const G = {
+    const q = {
       ...t,
-      element: T ? document.createElement("div") : void 0
-    }, S = new i.Marker(G);
-    return S.setLngLat([t.longitude, t.latitude]), S.getElement().addEventListener("click", (v) => {
-      var h, g;
-      (g = (h = r.current.props).onClick) == null || g.call(h, {
+      element: P ? document.createElement("div") : void 0
+    }, _ = new i.Marker(q);
+    return _.setLngLat([t.longitude, t.latitude]), _.getElement().addEventListener("click", (g) => {
+      r.current.props.onClick?.({
         type: "click",
-        target: S,
-        originalEvent: v
+        target: _,
+        originalEvent: g
       });
-    }), S.on("dragstart", (v) => {
-      var g, L;
-      const h = v;
-      h.lngLat = o.getLngLat(), (L = (g = r.current.props).onDragStart) == null || L.call(g, h);
-    }), S.on("drag", (v) => {
-      var g, L;
-      const h = v;
-      h.lngLat = o.getLngLat(), (L = (g = r.current.props).onDrag) == null || L.call(g, h);
-    }), S.on("dragend", (v) => {
-      var g, L;
-      const h = v;
-      h.lngLat = o.getLngLat(), (L = (g = r.current.props).onDragEnd) == null || L.call(g, h);
-    }), S;
+    }), _.on("dragstart", (g) => {
+      const v = g;
+      v.lngLat = o.getLngLat(), r.current.props.onDragStart?.(v);
+    }), _.on("drag", (g) => {
+      const v = g;
+      v.lngLat = o.getLngLat(), r.current.props.onDrag?.(v);
+    }), _.on("dragend", (g) => {
+      const v = g;
+      v.lngLat = o.getLngLat(), r.current.props.onDragEnd?.(v);
+    }), _;
   }, []);
-  d(() => (o.addTo(e.getMap()), () => {
+  l(() => (o.addTo(e.getMap()), () => {
     o.remove();
   }), []);
-  const { longitude: s, latitude: a, offset: c, style: l, draggable: m = !1, popup: u = null, rotation: f = 0, rotationAlignment: p = "auto", pitchAlignment: N = "auto" } = t;
-  d(() => {
-    C(o.getElement(), l);
-  }, [l]), k(n, () => o, []);
-  const B = r.current.props;
-  (o.getLngLat().lng !== s || o.getLngLat().lat !== a) && o.setLngLat([s, a]), c && !K(o.getOffset(), c) && o.setOffset(c), o.isDraggable() !== m && o.setDraggable(m), o.getRotation() !== f && o.setRotation(f), o.getRotationAlignment() !== p && o.setRotationAlignment(p), o.getPitchAlignment() !== N && o.setPitchAlignment(N), o.getPopup() !== u && o.setPopup(u);
-  const O = q(B.className, t.className);
-  if (O)
-    for (const T of O)
-      o.toggleClassName(T);
-  return r.current.props = t, H(t.children, o.getElement());
-})), _t = _(z((t, n) => {
-  const { map: e, mapLib: i } = w(R), r = x(() => document.createElement("div"), []), o = b({ props: t }), s = x(() => {
+  const { longitude: s, latitude: a, offset: c, style: u, draggable: w = !1, popup: f = null, rotation: d = 0, rotationAlignment: m = "auto", pitchAlignment: k = "auto" } = t;
+  l(() => {
+    y(o.getElement(), u);
+  }, [u]), R(n, () => o, []);
+  const V = r.current.props;
+  (o.getLngLat().lng !== s || o.getLngLat().lat !== a) && o.setLngLat([s, a]), c && !$(o.getOffset(), c) && o.setOffset(c), o.isDraggable() !== w && o.setDraggable(w), o.getRotation() !== d && o.setRotation(d), o.getRotationAlignment() !== m && o.setRotationAlignment(m), o.getPitchAlignment() !== k && o.setPitchAlignment(k), o.getPopup() !== f && o.setPopup(f);
+  const z = H(V.className, t.className);
+  if (z)
+    for (const P of z)
+      o.toggleClassName(P);
+  return r.current.props = t, Z(t.children, o.getElement());
+})), yt = p(T((t, n) => {
+  const { map: e, mapLib: i } = M(b), r = S(() => document.createElement("div"), []), o = E({ props: t }), s = S(() => {
     const a = { ...t }, c = new i.Popup(a);
-    return c.setLngLat([t.longitude, t.latitude]), c.once("open", (l) => {
-      var m, u;
-      (u = (m = o.current.props).onOpen) == null || u.call(m, l);
+    return c.setLngLat([t.longitude, t.latitude]), c.once("open", (u) => {
+      o.current.props.onOpen?.(u);
     }), c;
   }, []);
-  if (d(() => {
+  if (l(() => {
     const a = (c) => {
-      var l, m;
-      (m = (l = o.current.props).onClose) == null || m.call(l, c);
+      o.current.props.onClose?.(c);
     };
     return s.on("close", a), s.setDOMContent(r).addTo(e.getMap()), () => {
       s.off("close", a), s.isOpen() && s.remove();
     };
-  }, []), d(() => {
-    C(s.getElement(), t.style);
-  }, [t.style]), k(n, () => s, []), s.isOpen()) {
+  }, []), l(() => {
+    y(s.getElement(), t.style);
+  }, [t.style]), R(n, () => s, []), s.isOpen()) {
     const a = o.current.props;
-    (s.getLngLat().lng !== t.longitude || s.getLngLat().lat !== t.latitude) && s.setLngLat([t.longitude, t.latitude]), t.offset && !y(a.offset, t.offset) && s.setOffset(t.offset), (a.anchor !== t.anchor || a.maxWidth !== t.maxWidth) && (s.options.anchor = t.anchor, s.setMaxWidth(t.maxWidth));
-    const c = q(a.className, t.className);
+    (s.getLngLat().lng !== t.longitude || s.getLngLat().lat !== t.latitude) && s.setLngLat([t.longitude, t.latitude]), t.offset && !h(a.offset, t.offset) && s.setOffset(t.offset), (a.anchor !== t.anchor || a.maxWidth !== t.maxWidth) && (s.options.anchor = t.anchor, s.setMaxWidth(t.maxWidth));
+    const c = H(a.className, t.className);
     if (c)
-      for (const l of c)
-        s.toggleClassName(l);
+      for (const u of c)
+        s.toggleClassName(u);
     o.current.props = t;
   }
-  return H(t.children, r);
+  return Z(t.children, r);
 }));
-function E(t, n, e, i) {
-  const r = w(R), o = x(() => t(r), []);
-  return d(() => {
-    const s = n, a = null, c = typeof n == "function" ? n : null, { map: l } = r;
-    return l.hasControl(o) || (l.addControl(o, s == null ? void 0 : s.position), a && a(r)), () => {
-      c && c(r), l.hasControl(o) && l.removeControl(o);
+function L(t, n, e, i) {
+  const r = M(b), o = S(() => t(r), []);
+  return l(() => {
+    const s = n, a = null, c = typeof n == "function" ? n : null, { map: u } = r;
+    return u.hasControl(o) || (u.addControl(o, s?.position), a && a(r)), () => {
+      c && c(r), u.hasControl(o) && u.removeControl(o);
     };
   }, []), o;
 }
-function at(t) {
-  const n = E(({ mapLib: e }) => new e.AttributionControl(t), {
+function it(t) {
+  const n = L(({ mapLib: e }) => new e.AttributionControl(t), {
     position: t.position
   });
-  return d(() => {
-    C(n._container, t.style);
+  return l(() => {
+    y(n._container, t.style);
   }, [t.style]), null;
 }
-_(at);
-function ct(t) {
-  const n = E(({ mapLib: e }) => new e.FullscreenControl({
+p(it);
+function st(t) {
+  const n = L(({ mapLib: e }) => new e.FullscreenControl({
     container: t.containerId && document.getElementById(t.containerId)
   }), { position: t.position });
-  return d(() => {
-    C(n._controlContainer, t.style);
+  return l(() => {
+    y(n._controlContainer, t.style);
   }, [t.style]), null;
 }
-_(ct);
-function lt(t, n) {
-  const e = b({ props: t }), i = E(({ mapLib: r }) => {
+p(st);
+function at(t, n) {
+  const e = E({ props: t }), i = L(({ mapLib: r }) => {
     const o = new r.GeolocateControl(t), s = o._setupUI;
     return o._setupUI = () => {
       o._container.hasChildNodes() || s();
     }, o.on("geolocate", (a) => {
-      var c, l;
-      (l = (c = e.current.props).onGeolocate) == null || l.call(c, a);
+      e.current.props.onGeolocate?.(a);
     }), o.on("error", (a) => {
-      var c, l;
-      (l = (c = e.current.props).onError) == null || l.call(c, a);
+      e.current.props.onError?.(a);
     }), o.on("outofmaxbounds", (a) => {
-      var c, l;
-      (l = (c = e.current.props).onOutOfMaxBounds) == null || l.call(c, a);
+      e.current.props.onOutOfMaxBounds?.(a);
     }), o.on("trackuserlocationstart", (a) => {
-      var c, l;
-      (l = (c = e.current.props).onTrackUserLocationStart) == null || l.call(c, a);
+      e.current.props.onTrackUserLocationStart?.(a);
     }), o.on("trackuserlocationend", (a) => {
-      var c, l;
-      (l = (c = e.current.props).onTrackUserLocationEnd) == null || l.call(c, a);
+      e.current.props.onTrackUserLocationEnd?.(a);
     }), o;
   }, { position: t.position });
-  return e.current.props = t, k(n, () => i, []), d(() => {
-    C(i._container, t.style);
+  return e.current.props = t, R(n, () => i, []), l(() => {
+    y(i._container, t.style);
   }, [t.style]), null;
 }
-_(z(lt));
-function ut(t) {
-  const n = E(({ mapLib: e }) => new e.NavigationControl(t), {
+p(T(at));
+function ct(t) {
+  const n = L(({ mapLib: e }) => new e.NavigationControl(t), {
     position: t.position
   });
-  return d(() => {
-    C(n._container, t.style);
+  return l(() => {
+    y(n._container, t.style);
   }, [t.style]), null;
 }
-const Ct = _(ut);
-function dt(t) {
-  const n = E(({ mapLib: o }) => new o.ScaleControl(t), {
+const vt = p(ct);
+function lt(t) {
+  const n = L(({ mapLib: o }) => new o.ScaleControl(t), {
     position: t.position
-  }), e = b(t), i = e.current;
+  }), e = E(t), i = e.current;
   e.current = t;
   const { style: r } = t;
-  return t.maxWidth !== void 0 && t.maxWidth !== i.maxWidth && (n.options.maxWidth = t.maxWidth), t.unit !== void 0 && t.unit !== i.unit && n.setUnit(t.unit), d(() => {
-    C(n._container, r);
+  return t.maxWidth !== void 0 && t.maxWidth !== i.maxWidth && (n.options.maxWidth = t.maxWidth), t.unit !== void 0 && t.unit !== i.unit && n.setUnit(t.unit), l(() => {
+    y(n._container, r);
   }, [r]), null;
 }
-_(dt);
-function ft(t) {
-  const n = E(({ mapLib: e }) => new e.TerrainControl(t), {
+p(lt);
+function ut(t) {
+  const n = L(({ mapLib: e }) => new e.TerrainControl(t), {
     position: t.position
   });
-  return d(() => {
-    C(n._container, t.style);
+  return l(() => {
+    y(n._container, t.style);
   }, [t.style]), null;
 }
-_(ft);
-function mt(t) {
-  const n = E(({ mapLib: e }) => new e.LogoControl(t), { position: t.position });
-  return d(() => {
-    C(n._container, t.style);
+p(ut);
+function dt(t) {
+  const n = L(({ mapLib: e }) => new e.LogoControl(t), { position: t.position });
+  return l(() => {
+    y(n._container, t.style);
   }, [t.style]), null;
 }
-_(mt);
+p(dt);
 export {
-  yt as M,
-  Ct as N,
-  _t as P,
-  vt as a,
-  R as b,
-  y as d,
-  pt as u
+  gt as M,
+  vt as N,
+  yt as P,
+  pt as a,
+  b,
+  h as d,
+  ht as u
 };