@local-logic/maps 0.0.16 → 0.0.18

package/dist/{logo-control-NE-LlsRy.js → logo-control-BALqfBGo.js}

@@ -1,15 +1,15 @@
 import * as M from "react";
-import { useContext as w, useMemo as x, useLayoutEffect as q, useEffect as d, useState as B, useRef as b, useImperativeHandle as T, memo as _, forwardRef as k } from "react";
-import { createPortal as j } from "react-dom";
-const H = M.createContext(null);
-function mt() {
-  var r;
-  const t = (r = w(H)) == null ? void 0 : r.maps, n = w(R);
+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]);
 }
-function G(t, n) {
-  const e = Array.isArray(t) ? t[0] : t ? t.x : 0, r = Array.isArray(t) ? t[1] : t ? t.y : 0, i = Array.isArray(n) ? n[0] : n ? n.x : 0, o = Array.isArray(n) ? n[1] : n ? n.y : 0;
-  return e === i && r === o;
+function K(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) {
   if (t === n)
@@ -26,17 +26,17 @@ function y(t, n) {
   } else if (Array.isArray(n))
     return !1;
   if (typeof t == "object" && typeof n == "object") {
-    const e = Object.keys(t), r = Object.keys(n);
-    if (e.length !== r.length)
+    const e = Object.keys(t), i = Object.keys(n);
+    if (e.length !== i.length)
       return !1;
-    for (const i of e)
-      if (!n.hasOwnProperty(i) || !y(t[i], n[i]))
+    for (const r of e)
+      if (!n.hasOwnProperty(r) || !y(t[r], n[r]))
         return !1;
     return !0;
   }
   return !1;
 }
-function O(t) {
+function A(t) {
   return {
     longitude: t.center.lng,
     latitude: t.center.lat,
@@ -46,37 +46,37 @@ function O(t) {
     padding: t.padding
   };
 }
-function A(t, n) {
-  const e = n.viewState || n, r = {};
+function U(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 i = t.center.constructor;
-    r.center = new i(e.longitude, e.latitude);
+    const r = t.center.constructor;
+    i.center = new r(e.longitude, e.latitude);
   }
-  return "zoom" in e && e.zoom !== t.zoom && (r.zoom = e.zoom), "bearing" in e && e.bearing !== t.bearing && (r.bearing = e.bearing), "pitch" in e && e.pitch !== t.pitch && (r.pitch = e.pitch), e.padding && t.padding && !y(e.padding, t.padding) && (r.padding = e.padding), r;
+  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;
 }
-const $ = ["type", "source", "source-layer", "minzoom", "maxzoom", "filter", "layout"];
-function U(t) {
+const Y = ["type", "source", "source-layer", "minzoom", "maxzoom", "filter", "layout"];
+function I(t) {
   if (!t)
     return null;
   if (typeof t == "string" || ("toJS" in t && (t = t.toJS()), !t.layers))
     return t;
   const n = {};
-  for (const r of t.layers)
-    n[r.id] = r;
-  const e = t.layers.map((r) => {
-    let i = null;
-    "interactive" in r && (i = Object.assign({}, r), delete i.interactive);
-    const o = n[r.ref];
+  for (const i of t.layers)
+    n[i.id] = i;
+  const e = t.layers.map((i) => {
+    let r = null;
+    "interactive" in i && (r = Object.assign({}, i), delete r.interactive);
+    const o = n[i.ref];
     if (o) {
-      i = i || Object.assign({}, r), delete i.ref;
-      for (const s of $)
-        s in o && (i[s] = o[s]);
+      r = r || Object.assign({}, i), delete r.ref;
+      for (const s of Y)
+        s in o && (r[s] = o[s]);
     }
-    return i || r;
+    return r || i;
   });
   return { ...t, layers: e };
 }
-const I = { version: 8, sources: {}, layers: [] }, F = {
+const F = { version: 8, sources: {}, layers: [] }, D = {
   mousedown: "onMouseDown",
   mouseup: "onMouseUp",
   mouseover: "onMouseOver",
@@ -91,7 +91,7 @@ const I = { version: 8, sources: {}, layers: [] }, F = {
   touchend: "onTouchEnd",
   touchmove: "onTouchMove",
   touchcancel: "onTouchCancel"
-}, D = {
+}, W = {
   movestart: "onMoveStart",
   move: "onMove",
   moveend: "onMoveEnd",
@@ -107,7 +107,7 @@ const I = { version: 8, sources: {}, layers: [] }, F = {
   pitchstart: "onPitchStart",
   pitch: "onPitch",
   pitchend: "onPitchEnd"
-}, W = {
+}, Z = {
   wheel: "onWheel",
   boxzoomstart: "onBoxZoomStart",
   boxzoomend: "onBoxZoomEnd",
@@ -121,7 +121,7 @@ const I = { version: 8, sources: {}, layers: [] }, F = {
   styledata: "onStyleData",
   sourcedata: "onSourceData",
   error: "onError"
-}, J = [
+}, Q = [
   "minZoom",
   "maxZoom",
   "minPitch",
@@ -129,7 +129,7 @@ const I = { version: 8, sources: {}, layers: [] }, F = {
   "maxBounds",
   "projection",
   "renderWorldCopies"
-], K = [
+], X = [
   "scrollZoom",
   "boxZoom",
   "dragRotate",
@@ -140,21 +140,21 @@ const I = { version: 8, sources: {}, layers: [] }, F = {
   "touchPitch"
 ];
 class P {
-  constructor(n, e, r) {
-    this._map = null, this._internalUpdate = !1, this._hoveredFeatures = null, this._propsedCameraUpdate = null, this._styleComponents = {}, this._onEvent = (i) => {
-      const o = this.props[W[i.type]];
-      o ? o(i) : i.type === "error" && console.error(i.error);
-    }, this._onCameraEvent = (i) => {
+  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]];
+      o ? o(r) : r.type === "error" && console.error(r.error);
+    }, this._onCameraEvent = (r) => {
       if (this._internalUpdate)
         return;
-      i.viewState = this._propsedCameraUpdate || O(this._map.transform);
-      const o = this.props[D[i.type]];
-      o && o(i);
-    }, this._onCameraUpdate = (i) => this._internalUpdate ? i : (this._propsedCameraUpdate = O(i), A(i, this.props)), this._onPointerEvent = (i) => {
-      (i.type === "mousemove" || i.type === "mouseout") && this._updateHover(i);
-      const o = this.props[F[i.type]];
-      o && (this.props.interactiveLayerIds && i.type !== "mouseover" && i.type !== "mouseout" && (i.features = this._hoveredFeatures || this._queryRenderedFeatures(i.point)), o(i), delete i.features);
-    }, this._MapClass = n, this.props = e, this._initialize(r);
+      r.viewState = this._propsedCameraUpdate || A(this._map.transform);
+      const o = this.props[W[r.type]];
+      o && o(r);
+    }, this._onCameraUpdate = (r) => this._internalUpdate ? r : (this._propsedCameraUpdate = A(r), U(r, this.props)), this._onPointerEvent = (r) => {
+      (r.type === "mousemove" || r.type === "mouseout") && this._updateHover(r);
+      const o = this.props[D[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);
   }
   get map() {
     return this._map;
@@ -162,31 +162,31 @@ class P {
   setProps(n) {
     const e = this.props;
     this.props = n;
-    const r = this._updateSettings(n, e), i = this._updateSize(n), o = this._updateViewState(n);
-    this._updateStyle(n, e), this._updateStyleComponents(n), this._updateHandlers(n, e), (r || i || o && !this._map.isMoving()) && this.redraw();
+    const i = this._updateSettings(n, e), r = this._updateSize(n), o = this._updateViewState(n);
+    this._updateStyle(n, e), this._updateStyleComponents(n), this._updateHandlers(n, e), (i || r || o && !this._map.isMoving()) && this.redraw();
   }
   static reuse(n, e) {
-    const r = P.savedMaps.pop();
-    if (!r)
+    const i = P.savedMaps.pop();
+    if (!i)
       return null;
-    const i = r.map, o = i.getContainer();
+    const r = i.map, o = r.getContainer();
     for (e.className = o.className; o.childNodes.length > 0; )
       e.appendChild(o.childNodes[0]);
-    i._container = e;
-    const s = i._resizeObserver;
-    s && (s.disconnect(), s.observe(e)), r.setProps({ ...n, styleDiffing: !1 }), i.resize();
+    r._container = e;
+    const s = r._resizeObserver;
+    s && (s.disconnect(), s.observe(e)), i.setProps({ ...n, styleDiffing: !1 }), r.resize();
     const { initialViewState: a } = n;
-    return a && (a.bounds ? i.fitBounds(a.bounds, { ...a.fitBoundsOptions, duration: 0 }) : r._updateViewState(a)), i.isStyleLoaded() ? i.fire("load") : i.once("style.load", () => i.fire("load")), i._update(), r;
+    return a && (a.bounds ? r.fitBounds(a.bounds, { ...a.fitBoundsOptions, duration: 0 }) : i._updateViewState(a)), r.isStyleLoaded() ? r.fire("load") : r.once("style.load", () => r.fire("load")), r._update(), i;
   }
   /* eslint-disable complexity,max-statements */
   _initialize(n) {
-    const { props: e } = this, { mapStyle: r = I } = e, i = {
+    const { props: e } = this, { mapStyle: i = F } = e, r = {
       ...e,
       ...e.initialViewState,
       container: n,
-      style: U(r)
-    }, o = i.initialViewState || i.viewState || i;
-    if (Object.assign(i, {
+      style: I(i)
+    }, o = r.initialViewState || r.viewState || r;
+    if (Object.assign(r, {
       center: [o.longitude || 0, o.latitude || 0],
       zoom: o.zoom || 0,
       pitch: o.pitch || 0,
@@ -195,7 +195,7 @@ class P {
       const a = HTMLCanvasElement.prototype.getContext;
       HTMLCanvasElement.prototype.getContext = () => (HTMLCanvasElement.prototype.getContext = a, e.gl);
     }
-    const s = new this._MapClass(i);
+    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 = {
@@ -208,11 +208,11 @@ class P {
     }), s.on("sourcedata", () => {
       this._updateStyleComponents(this.props);
     });
-    for (const a in F)
-      s.on(a, this._onPointerEvent);
     for (const a in D)
-      s.on(a, this._onCameraEvent);
+      s.on(a, this._onPointerEvent);
     for (const a in W)
+      s.on(a, this._onCameraEvent);
+    for (const a in Z)
       s.on(a, this._onEvent);
     this._map = s;
   }
@@ -238,9 +238,9 @@ class P {
   _updateSize(n) {
     const { viewState: e } = n;
     if (e) {
-      const r = this._map;
-      if (e.width !== r.transform.width || e.height !== r.transform.height)
-        return r.resize(), !0;
+      const i = this._map;
+      if (e.width !== i.transform.width || e.height !== i.transform.height)
+        return i.resize(), !0;
     }
     return !1;
   }
@@ -251,9 +251,9 @@ class P {
      @returns {bool} true if anything is changed
    */
   _updateViewState(n) {
-    const e = this._map, r = e.transform;
+    const e = this._map, i = e.transform;
     if (!e.isMoving()) {
-      const o = A(r, n);
+      const o = U(i, n);
       if (Object.keys(o).length > 0)
         return this._internalUpdate = !0, e.jumpTo(o), this._internalUpdate = !1, !0;
     }
@@ -265,23 +265,23 @@ class P {
      @returns {bool} true if anything is changed
    */
   _updateSettings(n, e) {
-    const r = this._map;
-    let i = !1;
-    for (const o of J)
+    const i = this._map;
+    let r = !1;
+    for (const o of Q)
       if (o in n && !y(n[o], e[o])) {
-        i = !0;
-        const s = r[`set${o[0].toUpperCase()}${o.slice(1)}`];
-        s == null || s.call(r, n[o]);
+        r = !0;
+        const s = i[`set${o[0].toUpperCase()}${o.slice(1)}`];
+        s == null || s.call(i, n[o]);
       }
-    return i;
+    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: r = I, styleDiffing: i = !0 } = n, o = {
-        diff: i
+      const { mapStyle: i = F, styleDiffing: r = !0 } = n, o = {
+        diff: r
       };
-      "localIdeographFontFamily" in n && (o.localIdeographFontFamily = n.localIdeographFontFamily), this._map.setStyle(U(r), o);
+      "localIdeographFontFamily" in n && (o.localIdeographFontFamily = n.localIdeographFontFamily), this._map.setStyle(I(i), o);
     }
   }
   /* Update fog, light, projection and terrain to match props
@@ -289,41 +289,41 @@ class P {
    * 1. They can not be applied right away. Certain conditions (style loaded, source loaded, etc.) must be met
    * 2. They can be overwritten by mapStyle
    */
-  _updateStyleComponents({ light: n, projection: e, sky: r, terrain: i }) {
+  _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)), r && !y(r, s.sky) && (s.sky = r, o.setSky(r)), i !== void 0 && !y(i, s.terrain) && (!i || o.getSource(i.source)) && (s.terrain = i, o.setTerrain(i)));
+    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)));
   }
   /* Update interaction handlers to match props */
   _updateHandlers(n, e) {
-    const r = this._map;
-    for (const i of K) {
-      const o = n[i] ?? !0, s = e[i] ?? !0;
-      y(o, s) || (o ? r[i].enable(o) : r[i].disable());
+    const i = this._map;
+    for (const r of X) {
+      const o = n[r] ?? !0, s = e[r] ?? !0;
+      y(o, s) || (o ? i[r].enable(o) : i[r].disable());
     }
   }
   _queryRenderedFeatures(n) {
-    const e = this._map, { interactiveLayerIds: r = [] } = this.props;
+    const e = this._map, { interactiveLayerIds: i = [] } = this.props;
     try {
       return e.queryRenderedFeatures(n, {
-        layers: r.filter(e.getLayer.bind(e))
+        layers: i.filter(e.getLayer.bind(e))
       });
     } catch {
       return [];
     }
   }
   _updateHover(n) {
-    var i;
+    var r;
     const { props: e } = this;
     if (e.interactiveLayerIds && (e.onMouseMove || e.onMouseEnter || e.onMouseLeave)) {
-      const o = n.type, s = ((i = this._hoveredFeatures) == null ? void 0 : i.length) > 0, a = this._queryRenderedFeatures(n.point), c = a.length > 0;
+      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;
     } else
       this._hoveredFeatures = null;
   }
 }
 P.savedMaps = [];
-const Y = [
+const tt = [
   "setMaxBounds",
   "setMinZoom",
   "setMaxZoom",
@@ -345,69 +345,66 @@ const Y = [
   "setFog",
   "remove"
 ];
-function Q(t) {
+function et(t) {
   if (!t)
     return null;
   const n = t.map, e = {
     getMap: () => n
   };
-  for (const r of X(n))
-    !(r in e) && !Y.includes(r) && (e[r] = n[r].bind(n));
+  for (const i of nt(n))
+    !(i in e) && !tt.includes(i) && (e[i] = n[i].bind(n));
   return e;
 }
-function X(t) {
+function nt(t) {
   const n = /* @__PURE__ */ new Set();
   let e = t;
   for (; e; ) {
-    for (const r of Object.getOwnPropertyNames(e))
-      r[0] !== "_" && typeof t[r] == "function" && r !== "fire" && r !== "setEventedParent" && n.add(r);
+    for (const i of Object.getOwnPropertyNames(e))
+      i[0] !== "_" && typeof t[i] == "function" && i !== "fire" && i !== "setEventedParent" && n.add(i);
     e = Object.getPrototypeOf(e);
   }
   return Array.from(n);
 }
-const tt = typeof document < "u" ? q : d;
-function et(t, n) {
-  const { RTLTextPlugin: e, maxParallelImageRequests: r, workerCount: i, workerUrl: o } = n;
+const ot = typeof document < "u" ? $ : d;
+function rt(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;
     t.setRTLTextPlugin(s, (c) => {
       c && console.error(c);
     }, a);
   }
-  r !== void 0 && t.setMaxParallelImageRequests(r), i !== void 0 && t.setWorkerCount(i), o !== void 0 && t.setWorkerUrl(o);
+  i !== void 0 && t.setMaxParallelImageRequests(i), r !== void 0 && t.setWorkerCount(r), o !== void 0 && t.setWorkerUrl(o);
 }
 const R = M.createContext(null);
-function nt(t, n) {
-  const e = w(H), [r, i] = B(null), o = b(), { current: s } = b({ mapLib: null, map: 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 h = !0, u;
-    return Promise.resolve(l || import("./maplibre-gl-CfOZKUDd.js").then((f) => f.m)).then((f) => {
-      if (!h)
+    let m = !0, u;
+    return Promise.resolve(l || import("./maplibre-gl-CAHhS7Ky.js").then((f) => f.m)).then((f) => {
+      if (!m)
         return;
       if (!f)
         throw new Error("Invalid mapLib");
-      const m = "Map" in f ? f : f.default;
-      if (!m.Map)
+      const p = "Map" in f ? f : f.default;
+      if (!p.Map)
         throw new Error("Invalid mapLib");
-      if (et(m, t), !m.supported || m.supported(t))
-        t.reuseMaps && (u = P.reuse(t, o.current)), u || (u = new P(m.Map, t, o.current)), s.map = Q(u), s.mapLib = m, i(u), e == null || e.onMapMount(s.map, t.id);
-      else
-        throw new Error("Map is not supported by this browser");
+      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: m } = t;
-      m ? m({
+      const { onError: p } = t;
+      p ? p({
         type: "error",
         target: null,
         originalEvent: null,
         error: f
       }) : console.error(f);
     }), () => {
-      h = !1, u && (e == null || e.onMapUnmount(t.id), t.reuseMaps ? u.recycle() : u.destroy());
+      m = !1, u && (e == null || e.onMapUnmount(t.id), t.reuseMaps ? u.recycle() : u.destroy());
     };
-  }, []), tt(() => {
-    r && r.setProps(t);
-  }), T(n, () => s.map, [r]);
+  }, []), ot(() => {
+    i && i.setProps(t);
+  }), k(n, () => s.map, [i]);
   const a = x(() => ({
     position: "relative",
     width: "100%",
@@ -416,106 +413,119 @@ function nt(t, n) {
   }), [t.style]), c = {
     height: "100%"
   };
-  return M.createElement("div", { id: t.id, ref: o, style: a }, r && M.createElement(
+  return M.createElement("div", { id: t.id, ref: o, style: a }, i && M.createElement(
     R.Provider,
     { value: s },
     M.createElement("div", { "mapboxgl-children": "", style: c }, t.children)
   ));
 }
-const ht = M.forwardRef(nt), ot = /box|flex|grid|column|lineHeight|fontWeight|opacity|order|tabSize|zIndex/;
+const yt = M.forwardRef(it), st = /box|flex|grid|column|lineHeight|fontWeight|opacity|order|tabSize|zIndex/;
 function C(t, n) {
   if (!t || !n)
     return;
   const e = t.style;
-  for (const r in n) {
-    const i = n[r];
-    Number.isFinite(i) && !ot.test(r) ? e[r] = `${i}px` : e[r] = i;
+  for (const i in n) {
+    const r = n[i];
+    Number.isFinite(r) && !st.test(i) ? e[i] = `${r}px` : e[i] = r;
   }
 }
-const gt = _(k((t, n) => {
-  const { map: e, mapLib: r } = w(R), i = b({ props: t });
-  i.current.props = t;
-  const o = x(() => {
-    let N = !1;
+function q(t, n) {
+  if (t === n)
+    return null;
+  const e = j(t), i = j(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) {
+  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 && (N = !0);
+      v && (T = !0);
     });
-    const V = {
+    const G = {
       ...t,
-      element: N ? document.createElement("div") : null
-    }, S = new r.Marker(V);
+      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 g, p;
-      (p = (g = i.current.props).onClick) == null || p.call(g, {
+      var h, g;
+      (g = (h = r.current.props).onClick) == null || g.call(h, {
         type: "click",
         target: S,
         originalEvent: v
       });
     }), S.on("dragstart", (v) => {
-      var p, L;
-      const g = v;
-      g.lngLat = o.getLngLat(), (L = (p = i.current.props).onDragStart) == null || L.call(p, g);
+      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 p, L;
-      const g = v;
-      g.lngLat = o.getLngLat(), (L = (p = i.current.props).onDrag) == null || L.call(p, g);
+      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 p, L;
-      const g = v;
-      g.lngLat = o.getLngLat(), (L = (p = i.current.props).onDragEnd) == null || L.call(p, g);
+      var g, L;
+      const h = v;
+      h.lngLat = o.getLngLat(), (L = (g = r.current.props).onDragEnd) == null || L.call(g, h);
     }), S;
   }, []);
   d(() => (o.addTo(e.getMap()), () => {
     o.remove();
   }), []);
-  const { longitude: s, latitude: a, offset: c, style: l, draggable: h = !1, popup: u = null, rotation: f = 0, rotationAlignment: m = "auto", pitchAlignment: z = "auto" } = t;
-  return d(() => {
+  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]), T(n, () => o, []), (o.getLngLat().lng !== s || o.getLngLat().lat !== a) && o.setLngLat([s, a]), c && !G(o.getOffset(), c) && o.setOffset(c), o.isDraggable() !== h && o.setDraggable(h), o.getRotation() !== f && o.setRotation(f), o.getRotationAlignment() !== m && o.setRotationAlignment(m), o.getPitchAlignment() !== z && o.setPitchAlignment(z), o.getPopup() !== u && o.setPopup(u), j(t.children, o.getElement());
-}));
-function Z(t) {
-  return new Set(t ? t.trim().split(/\s+/) : []);
-}
-const pt = _(k((t, n) => {
-  const { map: e, mapLib: r } = w(R), i = x(() => document.createElement("div"), []), o = b({ props: t });
-  o.current.props = t;
-  const s = x(() => {
-    const a = { ...t }, c = new r.Popup(a);
+  }, [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 a = { ...t }, c = new i.Popup(a);
     return c.setLngLat([t.longitude, t.latitude]), c.once("open", (l) => {
-      var h, u;
-      (u = (h = o.current.props).onOpen) == null || u.call(h, l);
+      var m, u;
+      (u = (m = o.current.props).onOpen) == null || u.call(m, l);
     }), c;
   }, []);
   if (d(() => {
     const a = (c) => {
-      var l, h;
-      (h = (l = o.current.props).onClose) == null || h.call(l, c);
+      var l, m;
+      (m = (l = o.current.props).onClose) == null || m.call(l, c);
     };
-    return s.on("close", a), s.setDOMContent(i).addTo(e.getMap()), () => {
+    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]), T(n, () => s, []), s.isOpen() && ((s.getLngLat().lng !== t.longitude || s.getLngLat().lat !== t.latitude) && s.setLngLat([t.longitude, t.latitude]), t.offset && !y(s.options.offset, t.offset) && s.setOffset(t.offset), (s.options.anchor !== t.anchor || s.options.maxWidth !== t.maxWidth) && (s.options.anchor = t.anchor, s.setMaxWidth(t.maxWidth)), s.options.className !== t.className)) {
-    const a = Z(s.options.className), c = Z(t.className);
-    for (const l of a)
-      c.has(l) || s.removeClassName(l);
-    for (const l of c)
-      a.has(l) || s.addClassName(l);
-    s.options.className = t.className;
+  }, [t.style]), k(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);
+    if (c)
+      for (const l of c)
+        s.toggleClassName(l);
+    o.current.props = t;
   }
-  return j(t.children, i);
+  return H(t.children, r);
 }));
-function E(t, n, e, r) {
-  const i = w(R), o = x(() => t(i), []);
+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 } = i;
-    return l.hasControl(o) || (l.addControl(o, s == null ? void 0 : s.position), a && a(i)), () => {
-      c && c(i), l.hasControl(o) && l.removeControl(o);
+    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);
     };
   }, []), o;
 }
-function it(t) {
+function at(t) {
   const n = E(({ mapLib: e }) => new e.AttributionControl(t), {
     position: t.position
   });
@@ -523,8 +533,8 @@ function it(t) {
     C(n._container, t.style);
   }, [t.style]), null;
 }
-_(it);
-function rt(t) {
+_(at);
+function ct(t) {
   const n = E(({ mapLib: e }) => new e.FullscreenControl({
     container: t.containerId && document.getElementById(t.containerId)
   }), { position: t.position });
@@ -532,10 +542,10 @@ function rt(t) {
     C(n._controlContainer, t.style);
   }, [t.style]), null;
 }
-_(rt);
-function st(t, n) {
-  const e = b({ props: t }), r = E(({ mapLib: i }) => {
-    const o = new i.GeolocateControl(t), s = o._setupUI;
+_(ct);
+function lt(t, n) {
+  const e = b({ props: t }), i = E(({ mapLib: r }) => {
+    const o = new r.GeolocateControl(t), s = o._setupUI;
     return o._setupUI = () => {
       o._container.hasChildNodes() || s();
     }, o.on("geolocate", (a) => {
@@ -555,12 +565,12 @@ function st(t, n) {
       (l = (c = e.current.props).onTrackUserLocationEnd) == null || l.call(c, a);
     }), o;
   }, { position: t.position });
-  return e.current.props = t, T(n, () => r, []), d(() => {
-    C(r._container, t.style);
+  return e.current.props = t, k(n, () => i, []), d(() => {
+    C(i._container, t.style);
   }, [t.style]), null;
 }
-_(k(st));
-function at(t) {
+_(z(lt));
+function ut(t) {
   const n = E(({ mapLib: e }) => new e.NavigationControl(t), {
     position: t.position
   });
@@ -568,19 +578,19 @@ function at(t) {
     C(n._container, t.style);
   }, [t.style]), null;
 }
-const yt = _(at);
-function ct(t) {
+const Ct = _(ut);
+function dt(t) {
   const n = E(({ mapLib: o }) => new o.ScaleControl(t), {
     position: t.position
-  }), e = b(t), r = e.current;
+  }), e = b(t), i = e.current;
   e.current = t;
-  const { style: i } = t;
-  return t.maxWidth !== void 0 && t.maxWidth !== r.maxWidth && (n.options.maxWidth = t.maxWidth), t.unit !== void 0 && t.unit !== r.unit && n.setUnit(t.unit), d(() => {
-    C(n._container, i);
-  }, [i]), null;
+  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);
+  }, [r]), null;
 }
-_(ct);
-function lt(t) {
+_(dt);
+function ft(t) {
   const n = E(({ mapLib: e }) => new e.TerrainControl(t), {
     position: t.position
   });
@@ -588,20 +598,20 @@ function lt(t) {
     C(n._container, t.style);
   }, [t.style]), null;
 }
-_(lt);
-function ut(t) {
+_(ft);
+function mt(t) {
   const n = E(({ mapLib: e }) => new e.LogoControl(t), { position: t.position });
   return d(() => {
     C(n._container, t.style);
   }, [t.style]), null;
 }
-_(ut);
+_(mt);
 export {
-  ht as M,
-  yt as N,
-  pt as P,
-  gt as a,
+  yt as M,
+  Ct as N,
+  _t as P,
+  vt as a,
   R as b,
   y as d,
-  mt as u
+  pt as u
 };