maplibre-gl-components 0.16.2 → 0.17.0

package/dist/react.mjs

@@ -1,168 +1,161 @@
-import { useRef as R, useEffect as y, useState as k, useCallback as c } from "react";
-import { j as W, L as U, H as _, B as $, a2 as G, W as S, a6 as N, I as Z, a7 as q, C as P, i as Q, E as J } from "./ControlGrid-DQ4w_Nf9.js";
-function Y({
-  map: o,
-  onStateChange: f,
-  position: e = "bottom-right",
-  ...a
-}) {
-  const l = R(null);
-  return y(() => {
-    if (!o) return;
-    const t = new W({ position: e, ...a });
-    return l.current = t, f && (t.on("update", (r) => {
-      f(r.state);
-    }), t.on("show", (r) => {
-      f(r.state);
-    }), t.on("hide", (r) => {
-      f(r.state);
-    })), o.addControl(t, e), () => {
-      o.hasControl(t) && o.removeControl(t), l.current = null;
+import { F as A, I as M, L as j, N as B, P as D, dt as I, ft as H, ht as W, mt as U, pt as _, t as $, ut as G } from "./ControlGrid-C6zp03Vq.js";
+import { useCallback as d, useEffect as f, useRef as h, useState as v } from "react";
+function Z({ map: s, onStateChange: u, position: r = "bottom-right", ...e }) {
+  const l = h(null);
+  return f(() => {
+    if (!s) return;
+    const t = new W({
+      position: r,
+      ...e
+    });
+    return l.current = t, u && (t.on("update", (a) => {
+      u(a.state);
+    }), t.on("show", (a) => {
+      u(a.state);
+    }), t.on("hide", (a) => {
+      u(a.state);
+    })), s.addControl(t, r), () => {
+      s.hasControl(t) && s.removeControl(t), l.current = null;
     };
-  }, [o, e, f]), y(() => {
+  }, [
+    s,
+    r,
+    u
+  ]), f(() => {
     if (l.current) {
-      const t = Object.fromEntries(
-        Object.entries(a).filter(([, r]) => r !== void 0)
-      );
+      const t = Object.fromEntries(Object.entries(e).filter(([, a]) => a !== void 0));
       Object.keys(t).length > 0 && l.current.update(t);
     }
   }, [
-    a.colormap,
-    a.colorStops,
-    a.vmin,
-    a.vmax,
-    a.label,
-    a.units,
-    a.visible,
-    a.orientation,
-    a.barThickness,
-    a.barLength,
-    a.backgroundColor,
-    a.opacity,
-    a.fontSize,
-    a.fontColor,
-    a.minzoom,
-    a.maxzoom
+    e.colormap,
+    e.colorStops,
+    e.vmin,
+    e.vmax,
+    e.label,
+    e.units,
+    e.visible,
+    e.orientation,
+    e.barThickness,
+    e.barLength,
+    e.backgroundColor,
+    e.opacity,
+    e.fontSize,
+    e.fontColor,
+    e.minzoom,
+    e.maxzoom
   ]), null;
 }
-function p({
-  map: o,
-  onStateChange: f,
-  position: e = "bottom-left",
-  ...a
-}) {
-  const l = R(null);
-  return y(() => {
-    if (!o) return;
-    const t = new U({ position: e, ...a });
-    if (l.current = t, f) {
-      const r = (s) => {
-        f(s.state);
+function q({ map: s, onStateChange: u, position: r = "bottom-left", ...e }) {
+  const l = h(null);
+  return f(() => {
+    if (!s) return;
+    const t = new U({
+      position: r,
+      ...e
+    });
+    if (l.current = t, u) {
+      const a = (c) => {
+        u(c.state);
       };
-      t.on("update", r), t.on("show", r), t.on("hide", r), t.on("collapse", r), t.on("expand", r);
+      t.on("update", a), t.on("show", a), t.on("hide", a), t.on("collapse", a), t.on("expand", a);
     }
-    return o.addControl(t, e), () => {
-      o.hasControl(t) && o.removeControl(t), l.current = null;
+    return s.addControl(t, r), () => {
+      s.hasControl(t) && s.removeControl(t), l.current = null;
     };
-  }, [o]), y(() => {
+  }, [s]), f(() => {
     if (l.current) {
-      const t = Object.fromEntries(
-        Object.entries(a).filter(([, r]) => r !== void 0)
-      );
+      const t = Object.fromEntries(Object.entries(e).filter(([, a]) => a !== void 0));
       Object.keys(t).length > 0 && l.current.update(t);
     }
   }, [
-    a.items,
-    a.title,
-    a.visible,
-    a.collapsed,
-    a.collapsible,
-    a.width,
-    a.maxHeight,
-    a.backgroundColor,
-    a.opacity,
-    a.fontSize,
-    a.fontColor,
-    a.swatchSize,
-    a.minzoom,
-    a.maxzoom
+    e.items,
+    e.title,
+    e.visible,
+    e.collapsed,
+    e.collapsible,
+    e.width,
+    e.maxHeight,
+    e.backgroundColor,
+    e.opacity,
+    e.fontSize,
+    e.fontColor,
+    e.swatchSize,
+    e.minzoom,
+    e.maxzoom
   ]), null;
 }
-function ee({
-  map: o,
-  onStateChange: f,
-  position: e = "top-left",
-  ...a
-}) {
-  const l = R(null);
-  return y(() => {
-    if (!o) return;
-    const t = new _({ position: e, ...a });
-    if (l.current = t, f) {
-      const r = (s) => {
-        f(s.state);
+function P({ map: s, onStateChange: u, position: r = "top-left", ...e }) {
+  const l = h(null);
+  return f(() => {
+    if (!s) return;
+    const t = new _({
+      position: r,
+      ...e
+    });
+    if (l.current = t, u) {
+      const a = (c) => {
+        u(c.state);
       };
-      t.on("update", r), t.on("show", r), t.on("hide", r), t.on("expand", r), t.on("collapse", r);
+      t.on("update", a), t.on("show", a), t.on("hide", a), t.on("expand", a), t.on("collapse", a);
     }
-    return o.addControl(t, e), () => {
-      o.hasControl(t) && o.removeControl(t), l.current = null;
+    return s.addControl(t, r), () => {
+      s.hasControl(t) && s.removeControl(t), l.current = null;
     };
-  }, [o, e, f]), y(() => {
-    l.current && a.html !== void 0 && l.current.setHtml(a.html);
-  }, [a.html]), y(() => {
+  }, [
+    s,
+    r,
+    u
+  ]), f(() => {
+    l.current && e.html !== void 0 && l.current.setHtml(e.html);
+  }, [e.html]), f(() => {
     if (l.current) {
       const t = {};
-      a.visible !== void 0 && (t.visible = a.visible), a.title !== void 0 && (t.title = a.title), a.collapsible !== void 0 && (t.collapsible = a.collapsible), a.collapsed !== void 0 && (t.collapsed = a.collapsed), a.backgroundColor !== void 0 && (t.backgroundColor = a.backgroundColor), a.padding !== void 0 && (t.padding = a.padding), a.borderRadius !== void 0 && (t.borderRadius = a.borderRadius), a.opacity !== void 0 && (t.opacity = a.opacity), a.maxWidth !== void 0 && (t.maxWidth = a.maxWidth), a.maxHeight !== void 0 && (t.maxHeight = a.maxHeight), a.fontSize !== void 0 && (t.fontSize = a.fontSize), a.fontColor !== void 0 && (t.fontColor = a.fontColor), a.minzoom !== void 0 && (t.minzoom = a.minzoom), a.maxzoom !== void 0 && (t.maxzoom = a.maxzoom), Object.keys(t).length > 0 && l.current.update(t);
+      e.visible !== void 0 && (t.visible = e.visible), e.title !== void 0 && (t.title = e.title), e.collapsible !== void 0 && (t.collapsible = e.collapsible), e.collapsed !== void 0 && (t.collapsed = e.collapsed), e.backgroundColor !== void 0 && (t.backgroundColor = e.backgroundColor), e.padding !== void 0 && (t.padding = e.padding), e.borderRadius !== void 0 && (t.borderRadius = e.borderRadius), e.opacity !== void 0 && (t.opacity = e.opacity), e.maxWidth !== void 0 && (t.maxWidth = e.maxWidth), e.maxHeight !== void 0 && (t.maxHeight = e.maxHeight), e.fontSize !== void 0 && (t.fontSize = e.fontSize), e.fontColor !== void 0 && (t.fontColor = e.fontColor), e.minzoom !== void 0 && (t.minzoom = e.minzoom), e.maxzoom !== void 0 && (t.maxzoom = e.maxzoom), Object.keys(t).length > 0 && l.current.update(t);
     }
   }, [
-    a.visible,
-    a.title,
-    a.collapsible,
-    a.collapsed,
-    a.backgroundColor,
-    a.padding,
-    a.borderRadius,
-    a.opacity,
-    a.maxWidth,
-    a.maxHeight,
-    a.fontSize,
-    a.fontColor,
-    a.minzoom,
-    a.maxzoom
+    e.visible,
+    e.title,
+    e.collapsible,
+    e.collapsed,
+    e.backgroundColor,
+    e.padding,
+    e.borderRadius,
+    e.opacity,
+    e.maxWidth,
+    e.maxHeight,
+    e.fontSize,
+    e.fontColor,
+    e.minzoom,
+    e.maxzoom
   ]), null;
 }
-function le({
-  map: o,
-  onBasemapChange: f,
-  onStateChange: e,
-  position: a = "top-right",
-  ...l
-}) {
-  const t = R(null);
-  return y(() => {
-    if (!o) return;
-    const r = new $({ position: a, ...l });
-    if (t.current = r, e) {
-      const s = (n) => {
-        e(n.state);
+function Q({ map: s, onBasemapChange: u, onStateChange: r, position: e = "top-right", ...l }) {
+  const t = h(null);
+  return f(() => {
+    if (!s) return;
+    const a = new H({
+      position: e,
+      ...l
+    });
+    if (t.current = a, r) {
+      const c = (o) => {
+        r(o.state);
       };
-      r.on("update", s), r.on("show", s), r.on("hide", s), r.on("collapse", s), r.on("expand", s);
+      a.on("update", c), a.on("show", c), a.on("hide", c), a.on("collapse", c), a.on("expand", c);
     }
-    if (f) {
-      const s = (n) => {
-        n.basemap && f(n.basemap);
+    if (u) {
+      const c = (o) => {
+        o.basemap && u(o.basemap);
       };
-      r.on("basemapchange", s);
+      a.on("basemapchange", c);
     }
-    return o.addControl(r, a), () => {
-      o.hasControl(r) && o.removeControl(r), t.current = null;
+    return s.addControl(a, e), () => {
+      s.hasControl(a) && s.removeControl(a), t.current = null;
     };
-  }, [o]), y(() => {
+  }, [s]), f(() => {
     if (t.current) {
-      const r = Object.fromEntries(
-        Object.entries(l).filter(([, s]) => s !== void 0)
-      );
-      Object.keys(r).length > 0 && t.current.update(r);
+      const a = Object.fromEntries(Object.entries(l).filter(([, c]) => c !== void 0));
+      Object.keys(a).length > 0 && t.current.update(a);
     }
   }, [
     l.basemaps,
@@ -187,38 +180,33 @@ function le({
     l.maxzoom
   ]), null;
 }
-function re({
-  map: o,
-  onTerrainChange: f,
-  onStateChange: e,
-  position: a = "top-right",
-  ...l
-}) {
-  const t = R(null);
-  return y(() => {
-    if (!o) return;
-    const r = new G({ position: a, ...l });
-    if (t.current = r, e) {
-      const s = (n) => {
-        e(n.state);
+function J({ map: s, onTerrainChange: u, onStateChange: r, position: e = "top-right", ...l }) {
+  const t = h(null);
+  return f(() => {
+    if (!s) return;
+    const a = new I({
+      position: e,
+      ...l
+    });
+    if (t.current = a, r) {
+      const c = (o) => {
+        r(o.state);
       };
-      r.on("update", s), r.on("show", s), r.on("hide", s);
+      a.on("update", c), a.on("show", c), a.on("hide", c);
     }
-    if (f) {
-      const s = (n) => {
-        f(n.state.enabled);
+    if (u) {
+      const c = (o) => {
+        u(o.state.enabled);
       };
-      r.on("terrainchange", s);
+      a.on("terrainchange", c);
     }
-    return o.addControl(r, a), () => {
-      o.hasControl(r) && o.removeControl(r), t.current = null;
+    return s.addControl(a, e), () => {
+      s.hasControl(a) && s.removeControl(a), t.current = null;
     };
-  }, [o]), y(() => {
+  }, [s]), f(() => {
     if (t.current) {
-      const r = Object.fromEntries(
-        Object.entries(l).filter(([, s]) => s !== void 0)
-      );
-      Object.keys(r).length > 0 && t.current.update(r);
+      const a = Object.fromEntries(Object.entries(l).filter(([, c]) => c !== void 0));
+      Object.keys(a).length > 0 && t.current.update(a);
     }
   }, [
     l.enabled,
@@ -233,32 +221,34 @@ function re({
     l.maxzoom
   ]), null;
 }
-function te({
-  map: o,
-  onResultSelect: f,
-  onStateChange: e,
-  position: a = "top-right",
-  ...l
-}) {
-  const t = R(null);
-  return y(() => {
-    if (!o) return;
-    const r = new S({ position: a, ...l });
-    if (t.current = r, e) {
-      const s = (n) => {
-        e(n.state);
+function K({ map: s, onResultSelect: u, onStateChange: r, position: e = "top-right", ...l }) {
+  const t = h(null);
+  return f(() => {
+    if (!s) return;
+    const a = new G({
+      position: e,
+      ...l
+    });
+    if (t.current = a, r) {
+      const c = (o) => {
+        r(o.state);
       };
-      r.on("update", s), r.on("show", s), r.on("hide", s), r.on("expand", s), r.on("collapse", s), r.on("search", s), r.on("clear", s);
+      a.on("update", c), a.on("show", c), a.on("hide", c), a.on("expand", c), a.on("collapse", c), a.on("search", c), a.on("clear", c);
     }
-    return f && r.on("resultselect", (s) => {
-      s.result && f(s.result);
-    }), o.addControl(r, a), () => {
-      o.hasControl(r) && o.removeControl(r), t.current = null;
+    return u && a.on("resultselect", (c) => {
+      c.result && u(c.result);
+    }), s.addControl(a, e), () => {
+      s.hasControl(a) && s.removeControl(a), t.current = null;
     };
-  }, [o, a, e, f]), y(() => {
+  }, [
+    s,
+    e,
+    r,
+    u
+  ]), f(() => {
     if (t.current) {
-      const r = {};
-      l.visible !== void 0 && (r.visible = l.visible), l.collapsed !== void 0 && (r.collapsed = l.collapsed), l.placeholder !== void 0 && (r.placeholder = l.placeholder), l.maxResults !== void 0 && (r.maxResults = l.maxResults), l.flyToZoom !== void 0 && (r.flyToZoom = l.flyToZoom), l.showMarker !== void 0 && (r.showMarker = l.showMarker), l.markerColor !== void 0 && (r.markerColor = l.markerColor), l.backgroundColor !== void 0 && (r.backgroundColor = l.backgroundColor), l.borderRadius !== void 0 && (r.borderRadius = l.borderRadius), l.opacity !== void 0 && (r.opacity = l.opacity), l.width !== void 0 && (r.width = l.width), l.fontSize !== void 0 && (r.fontSize = l.fontSize), l.fontColor !== void 0 && (r.fontColor = l.fontColor), l.minzoom !== void 0 && (r.minzoom = l.minzoom), l.maxzoom !== void 0 && (r.maxzoom = l.maxzoom), Object.keys(r).length > 0 && t.current.update(r);
+      const a = {};
+      l.visible !== void 0 && (a.visible = l.visible), l.collapsed !== void 0 && (a.collapsed = l.collapsed), l.placeholder !== void 0 && (a.placeholder = l.placeholder), l.maxResults !== void 0 && (a.maxResults = l.maxResults), l.flyToZoom !== void 0 && (a.flyToZoom = l.flyToZoom), l.showMarker !== void 0 && (a.showMarker = l.showMarker), l.markerColor !== void 0 && (a.markerColor = l.markerColor), l.backgroundColor !== void 0 && (a.backgroundColor = l.backgroundColor), l.borderRadius !== void 0 && (a.borderRadius = l.borderRadius), l.opacity !== void 0 && (a.opacity = l.opacity), l.width !== void 0 && (a.width = l.width), l.fontSize !== void 0 && (a.fontSize = l.fontSize), l.fontColor !== void 0 && (a.fontColor = l.fontColor), l.minzoom !== void 0 && (a.minzoom = l.minzoom), l.maxzoom !== void 0 && (a.maxzoom = l.maxzoom), Object.keys(a).length > 0 && t.current.update(a);
     }
   }, [
     l.visible,
@@ -278,45 +268,39 @@ function te({
     l.maxzoom
   ]), null;
 }
-function ce({
-  map: o,
-  onDatasetLoad: f,
-  onError: e,
-  onStateChange: a,
-  position: l = "top-right",
-  ...t
-}) {
-  const r = R(null);
-  return y(() => {
-    if (!o) return;
-    const s = new N({ position: l, ...t });
-    if (r.current = s, a) {
-      const n = (b) => {
-        a(b.state);
+function X({ map: s, onDatasetLoad: u, onError: r, onStateChange: e, position: l = "top-right", ...t }) {
+  const a = h(null);
+  return f(() => {
+    if (!s) return;
+    const c = new j({
+      position: l,
+      ...t
+    });
+    if (a.current = c, e) {
+      const o = (i) => {
+        e(i.state);
       };
-      s.on("update", n), s.on("show", n), s.on("hide", n);
+      c.on("update", o), c.on("show", o), c.on("hide", o);
     }
-    if (f) {
-      const n = (b) => {
-        b.dataset && f(b.dataset);
+    if (u) {
+      const o = (i) => {
+        i.dataset && u(i.dataset);
       };
-      s.on("load", n);
+      c.on("load", o);
     }
-    if (e) {
-      const n = (b) => {
-        b.error && e(b.error, b.filename);
+    if (r) {
+      const o = (i) => {
+        i.error && r(i.error, i.filename);
       };
-      s.on("error", n);
+      c.on("error", o);
     }
-    return o.addControl(s, l), () => {
-      o.hasControl(s) && o.removeControl(s), r.current = null;
+    return s.addControl(c, l), () => {
+      s.hasControl(c) && s.removeControl(c), a.current = null;
     };
-  }, [o]), y(() => {
-    if (r.current) {
-      const s = Object.fromEntries(
-        Object.entries(t).filter(([, n]) => n !== void 0)
-      );
-      Object.keys(s).length > 0 && r.current.update(s);
+  }, [s]), f(() => {
+    if (a.current) {
+      const c = Object.fromEntries(Object.entries(t).filter(([, o]) => o !== void 0));
+      Object.keys(c).length > 0 && a.current.update(c);
     }
   }, [
     t.visible,
@@ -330,87 +314,85 @@ function ce({
     t.maxzoom
   ]), null;
 }
-function se({
-  map: o,
-  onFeatureSelect: f,
-  onInspect: e,
-  onToggle: a,
-  onStateChange: l,
-  position: t = "top-right",
-  ...r
-}) {
-  const s = R(null);
-  return y(() => {
-    if (!o) return;
-    const n = new Z({ position: t, ...r });
-    if (s.current = n, l) {
-      const b = (C) => {
-        l(C.state);
+function Y({ map: s, onFeatureSelect: u, onInspect: r, onToggle: e, onStateChange: l, position: t = "top-right", ...a }) {
+  const c = h(null);
+  return f(() => {
+    if (!s) return;
+    const o = new M({
+      position: t,
+      ...a
+    });
+    if (c.current = o, l) {
+      const i = (b) => {
+        l(b.state);
       };
-      n.on("update", b), n.on("show", b), n.on("hide", b), n.on("enable", b), n.on("disable", b), n.on("clear", b);
+      o.on("update", i), o.on("show", i), o.on("hide", i), o.on("enable", i), o.on("disable", i), o.on("clear", i);
     }
-    return f && n.on("featureselect", (b) => {
-      f(b.feature || null);
-    }), e && n.on(
-      "featureselect",
-      (b) => {
-        b.features && e(b.features);
-      }
-    ), a && (n.on("enable", () => a(!0)), n.on("disable", () => a(!1))), o.addControl(n, t), () => {
-      o.hasControl(n) && o.removeControl(n), s.current = null;
+    return u && o.on("featureselect", (i) => {
+      u(i.feature || null);
+    }), r && o.on("featureselect", (i) => {
+      i.features && r(i.features);
+    }), e && (o.on("enable", () => e(!0)), o.on("disable", () => e(!1))), s.addControl(o, t), () => {
+      s.hasControl(o) && s.removeControl(o), c.current = null;
     };
-  }, [o, t, l, f, e, a]), y(() => {
-    if (s.current) {
-      const n = {};
-      r.visible !== void 0 && (n.visible = r.visible), r.enabled !== void 0 && (n.enabled = r.enabled), r.maxFeatures !== void 0 && (n.maxFeatures = r.maxFeatures), r.showGeometryType !== void 0 && (n.showGeometryType = r.showGeometryType), r.showLayerName !== void 0 && (n.showLayerName = r.showLayerName), r.maxWidth !== void 0 && (n.maxWidth = r.maxWidth), r.maxHeight !== void 0 && (n.maxHeight = r.maxHeight), r.backgroundColor !== void 0 && (n.backgroundColor = r.backgroundColor), r.borderRadius !== void 0 && (n.borderRadius = r.borderRadius), r.opacity !== void 0 && (n.opacity = r.opacity), r.fontSize !== void 0 && (n.fontSize = r.fontSize), r.fontColor !== void 0 && (n.fontColor = r.fontColor), r.minzoom !== void 0 && (n.minzoom = r.minzoom), r.maxzoom !== void 0 && (n.maxzoom = r.maxzoom), Object.keys(n).length > 0 && s.current.update(n);
+  }, [
+    s,
+    t,
+    l,
+    u,
+    r,
+    e
+  ]), f(() => {
+    if (c.current) {
+      const o = {};
+      a.visible !== void 0 && (o.visible = a.visible), a.enabled !== void 0 && (o.enabled = a.enabled), a.maxFeatures !== void 0 && (o.maxFeatures = a.maxFeatures), a.showGeometryType !== void 0 && (o.showGeometryType = a.showGeometryType), a.showLayerName !== void 0 && (o.showLayerName = a.showLayerName), a.maxWidth !== void 0 && (o.maxWidth = a.maxWidth), a.maxHeight !== void 0 && (o.maxHeight = a.maxHeight), a.backgroundColor !== void 0 && (o.backgroundColor = a.backgroundColor), a.borderRadius !== void 0 && (o.borderRadius = a.borderRadius), a.opacity !== void 0 && (o.opacity = a.opacity), a.fontSize !== void 0 && (o.fontSize = a.fontSize), a.fontColor !== void 0 && (o.fontColor = a.fontColor), a.minzoom !== void 0 && (o.minzoom = a.minzoom), a.maxzoom !== void 0 && (o.maxzoom = a.maxzoom), Object.keys(o).length > 0 && c.current.update(o);
     }
   }, [
-    r.visible,
-    r.enabled,
-    r.maxFeatures,
-    r.showGeometryType,
-    r.showLayerName,
-    r.maxWidth,
-    r.maxHeight,
-    r.backgroundColor,
-    r.borderRadius,
-    r.opacity,
-    r.fontSize,
-    r.fontColor,
-    r.minzoom,
-    r.maxzoom
+    a.visible,
+    a.enabled,
+    a.maxFeatures,
+    a.showGeometryType,
+    a.showLayerName,
+    a.maxWidth,
+    a.maxHeight,
+    a.backgroundColor,
+    a.borderRadius,
+    a.opacity,
+    a.fontSize,
+    a.fontColor,
+    a.minzoom,
+    a.maxzoom
   ]), null;
 }
-function ae({
-  map: o,
-  onBBoxDraw: f,
-  onDrawingToggle: e,
-  onStateChange: a,
-  position: l = "bottom-left",
-  ...t
-}) {
-  const r = R(null);
-  return y(() => {
-    if (!o) return;
-    const s = new q({ position: l, ...t });
-    if (r.current = s, a) {
-      const n = (b) => {
-        a(b.state);
+function p({ map: s, onBBoxDraw: u, onDrawingToggle: r, onStateChange: e, position: l = "bottom-left", ...t }) {
+  const a = h(null);
+  return f(() => {
+    if (!s) return;
+    const c = new A({
+      position: l,
+      ...t
+    });
+    if (a.current = c, e) {
+      const o = (i) => {
+        e(i.state);
       };
-      s.on("update", n), s.on("show", n), s.on("hide", n), s.on("expand", n), s.on("collapse", n), s.on("viewchange", n);
+      c.on("update", o), c.on("show", o), c.on("hide", o), c.on("expand", o), c.on("collapse", o), c.on("viewchange", o);
     }
-    return f && s.on(
-      "bboxdraw",
-      (n) => {
-        n.bbox && f(n.bbox);
-      }
-    ), e && (s.on("drawstart", () => e(!0)), s.on("drawend", () => e(!1))), o.addControl(s, l), () => {
-      o.hasControl(s) && o.removeControl(s), r.current = null;
+    return u && c.on("bboxdraw", (o) => {
+      o.bbox && u(o.bbox);
+    }), r && (c.on("drawstart", () => r(!0)), c.on("drawend", () => r(!1))), s.addControl(c, l), () => {
+      s.hasControl(c) && s.removeControl(c), a.current = null;
     };
-  }, [o, l, a, f, e]), y(() => {
-    if (r.current) {
-      const s = {};
-      t.visible !== void 0 && (s.visible = t.visible), t.collapsed !== void 0 && (s.collapsed = t.collapsed), t.precision !== void 0 && (s.precision = t.precision), t.panelWidth !== void 0 && (s.panelWidth = t.panelWidth), t.backgroundColor !== void 0 && (s.backgroundColor = t.backgroundColor), t.borderRadius !== void 0 && (s.borderRadius = t.borderRadius), t.opacity !== void 0 && (s.opacity = t.opacity), t.fontSize !== void 0 && (s.fontSize = t.fontSize), t.fontColor !== void 0 && (s.fontColor = t.fontColor), t.minzoom !== void 0 && (s.minzoom = t.minzoom), t.maxzoom !== void 0 && (s.maxzoom = t.maxzoom), Object.keys(s).length > 0 && r.current.update(s);
+  }, [
+    s,
+    l,
+    e,
+    u,
+    r
+  ]), f(() => {
+    if (a.current) {
+      const c = {};
+      t.visible !== void 0 && (c.visible = t.visible), t.collapsed !== void 0 && (c.collapsed = t.collapsed), t.precision !== void 0 && (c.precision = t.precision), t.panelWidth !== void 0 && (c.panelWidth = t.panelWidth), t.backgroundColor !== void 0 && (c.backgroundColor = t.backgroundColor), t.borderRadius !== void 0 && (c.borderRadius = t.borderRadius), t.opacity !== void 0 && (c.opacity = t.opacity), t.fontSize !== void 0 && (c.fontSize = t.fontSize), t.fontColor !== void 0 && (c.fontColor = t.fontColor), t.minzoom !== void 0 && (c.minzoom = t.minzoom), t.maxzoom !== void 0 && (c.maxzoom = t.maxzoom), Object.keys(c).length > 0 && a.current.update(c);
     }
   }, [
     t.visible,
@@ -426,44 +408,39 @@ function ae({
     t.maxzoom
   ]), null;
 }
-function oe({
-  map: o,
-  onStateChange: f,
-  position: e = "top-right",
-  controls: a = [],
-  ...l
-}) {
-  const t = R(null);
-  return y(() => {
-    if (!o) return;
-    const r = new P({
-      position: e,
+function ee({ map: s, onStateChange: u, position: r = "top-right", controls: e = [], ...l }) {
+  const t = h(null);
+  return f(() => {
+    if (!s) return;
+    const a = new $({
+      position: r,
       ...l,
       controls: []
-      // Sync via effect below to avoid duplicate mount
     });
-    if (t.current = r, f) {
-      const s = (n) => {
-        f(n.state);
+    if (t.current = a, u) {
+      const c = (o) => {
+        u(o.state);
       };
-      r.on("update", s), r.on("show", s), r.on("hide", s), r.on("expand", s), r.on("collapse", s);
+      a.on("update", c), a.on("show", c), a.on("hide", c), a.on("expand", c), a.on("collapse", c);
     }
-    return o.addControl(r, e), () => {
-      o.hasControl(r) && o.removeControl(r), t.current = null;
+    return s.addControl(a, r), () => {
+      s.hasControl(a) && s.removeControl(a), t.current = null;
     };
-  }, [o, e, f]), y(() => {
-    const r = t.current;
-    if (!r) return;
-    const s = r.getControls(), n = a;
-    for (const b of n)
-      s.includes(b) || r.addControl(b);
-    for (const b of s)
-      n.includes(b) || r.removeControl(b);
-  }, [a]), y(() => {
-    const r = t.current;
-    if (!r) return;
-    const s = {};
-    l.visible !== void 0 && (s.visible = l.visible), l.collapsed !== void 0 && (s.collapsed = l.collapsed), l.title !== void 0 && (s.title = l.title), l.rows !== void 0 && (s.rows = l.rows), l.columns !== void 0 && (s.columns = l.columns), l.showRowColumnControls !== void 0 && (s.showRowColumnControls = l.showRowColumnControls), l.collapsible !== void 0 && (s.collapsible = l.collapsible), l.backgroundColor !== void 0 && (s.backgroundColor = l.backgroundColor), l.padding !== void 0 && (s.padding = l.padding), l.borderRadius !== void 0 && (s.borderRadius = l.borderRadius), l.opacity !== void 0 && (s.opacity = l.opacity), l.gap !== void 0 && (s.gap = l.gap), l.minzoom !== void 0 && (s.minzoom = l.minzoom), l.maxzoom !== void 0 && (s.maxzoom = l.maxzoom), Object.keys(s).length > 0 && r.update(s);
+  }, [
+    s,
+    r,
+    u
+  ]), f(() => {
+    const a = t.current;
+    if (!a) return;
+    const c = a.getControls(), o = e;
+    for (const i of o) c.includes(i) || a.addControl(i);
+    for (const i of c) o.includes(i) || a.removeControl(i);
+  }, [e]), f(() => {
+    const a = t.current;
+    if (!a) return;
+    const c = {};
+    l.visible !== void 0 && (c.visible = l.visible), l.collapsed !== void 0 && (c.collapsed = l.collapsed), l.title !== void 0 && (c.title = l.title), l.rows !== void 0 && (c.rows = l.rows), l.columns !== void 0 && (c.columns = l.columns), l.showRowColumnControls !== void 0 && (c.showRowColumnControls = l.showRowColumnControls), l.collapsible !== void 0 && (c.collapsible = l.collapsible), l.backgroundColor !== void 0 && (c.backgroundColor = l.backgroundColor), l.padding !== void 0 && (c.padding = l.padding), l.borderRadius !== void 0 && (c.borderRadius = l.borderRadius), l.opacity !== void 0 && (c.opacity = l.opacity), l.gap !== void 0 && (c.gap = l.gap), l.minzoom !== void 0 && (c.minzoom = l.minzoom), l.maxzoom !== void 0 && (c.maxzoom = l.maxzoom), Object.keys(c).length > 0 && a.update(c);
   }, [
     l.visible,
     l.collapsed,
@@ -481,232 +458,311 @@ function oe({
     l.maxzoom
   ]), null;
 }
-function de({
-  map: o,
-  onLayerAdd: f,
-  onLayerRemove: e,
-  onLayerUpdate: a,
-  onError: l,
-  onStateChange: t,
-  position: r = "top-right",
-  ...s
-}) {
-  const n = R(null);
-  return y(() => {
-    if (!o) return;
-    const b = new Q({ position: r, ...s });
-    if (n.current = b, t) {
-      const C = (v) => {
-        t(v.state);
+function le({ map: s, onLayerAdd: u, onLayerRemove: r, onLayerUpdate: e, onError: l, onStateChange: t, position: a = "top-right", ...c }) {
+  const o = h(null);
+  return f(() => {
+    if (!s) return;
+    const i = new D({
+      position: a,
+      ...c
+    });
+    if (o.current = i, t) {
+      const b = (C) => {
+        t(C.state);
       };
-      b.on("update", C), b.on("show", C), b.on("hide", C), b.on("expand", C), b.on("collapse", C);
+      i.on("update", b), i.on("show", b), i.on("hide", b), i.on("expand", b), i.on("collapse", b);
     }
-    return f && b.on("layeradd", (C) => {
-      C.url && f(C.url);
-    }), e && b.on("layerremove", () => {
-      e();
-    }), a && b.on("layerupdate", (C) => {
-      C.url && a(C.url);
-    }), l && b.on("error", (C) => {
-      C.error && l(C.error);
-    }), o.addControl(b, r), () => {
-      o.hasControl(b) && o.removeControl(b), n.current = null;
+    return u && i.on("layeradd", (b) => {
+      b.url && u(b.url);
+    }), r && i.on("layerremove", () => {
+      r();
+    }), e && i.on("layerupdate", (b) => {
+      b.url && e(b.url);
+    }), l && i.on("error", (b) => {
+      b.error && l(b.error);
+    }), s.addControl(i, a), () => {
+      s.hasControl(i) && s.removeControl(i), o.current = null;
     };
-  }, [o]), y(() => {
-    if (n.current) {
-      const b = Object.fromEntries(
-        Object.entries(s).filter(([, C]) => C !== void 0)
-      );
-      Object.keys(b).length > 0 && n.current.update(b);
+  }, [s]), f(() => {
+    if (o.current) {
+      const i = Object.fromEntries(Object.entries(c).filter(([, b]) => b !== void 0));
+      Object.keys(i).length > 0 && o.current.update(i);
     }
   }, [
-    s.visible,
-    s.collapsed,
-    s.backgroundColor,
-    s.borderRadius,
-    s.opacity,
-    s.panelWidth,
-    s.fontSize,
-    s.fontColor,
-    s.minzoom,
-    s.maxzoom
+    c.visible,
+    c.collapsed,
+    c.backgroundColor,
+    c.borderRadius,
+    c.opacity,
+    c.panelWidth,
+    c.fontSize,
+    c.fontColor,
+    c.minzoom,
+    c.maxzoom
   ]), null;
 }
-function ne({
-  map: o,
-  onStateChange: f,
-  position: e = "bottom-left",
-  ...a
-}) {
-  const l = R(null);
-  return y(() => {
-    if (!o) return;
-    const t = new J({ position: e, ...a });
-    if (l.current = t, f) {
-      const r = (s) => {
-        f(s.state);
+function re({ map: s, onStateChange: u, position: r = "bottom-left", ...e }) {
+  const l = h(null);
+  return f(() => {
+    if (!s) return;
+    const t = new B({
+      position: r,
+      ...e
+    });
+    if (l.current = t, u) {
+      const a = (c) => {
+        u(c.state);
       };
-      t.on("show", r), t.on("hide", r), t.on("expand", r), t.on("collapse", r);
+      t.on("show", a), t.on("hide", a), t.on("expand", a), t.on("collapse", a);
     }
-    return o.addControl(t, e), () => {
-      o.hasControl(t) && o.removeControl(t), l.current = null;
+    return s.addControl(t, r), () => {
+      s.hasControl(t) && s.removeControl(t), l.current = null;
     };
-  }, [o]), null;
+  }, [s]), null;
 }
-const T = {
+var g = {
   visible: !0,
   vmin: 0,
   vmax: 1,
   colormap: "viridis"
 };
-function ue(o) {
-  const [f, e] = k({
-    ...T,
-    ...o
-  }), a = c((g) => {
-    e((u) => ({ ...u, visible: g }));
-  }, []), l = c((g) => {
-    e((u) => ({ ...u, vmin: g }));
-  }, []), t = c((g) => {
-    e((u) => ({ ...u, vmax: g }));
-  }, []), r = c((g, u) => {
-    e((m) => ({ ...m, vmin: g, vmax: u }));
-  }, []), s = c((g) => {
-    e((u) => ({ ...u, colormap: g }));
-  }, []), n = c(() => {
-    e((g) => ({ ...g, visible: !0 }));
-  }, []), b = c(() => {
-    e((g) => ({ ...g, visible: !1 }));
-  }, []), C = c(() => {
-    e((g) => ({ ...g, visible: !g.visible }));
-  }, []), v = c(() => {
-    e({ ...T, ...o });
-  }, [o]);
+function ae(s) {
+  const [u, r] = v({
+    ...g,
+    ...s
+  });
   return {
-    state: f,
-    setState: e,
-    setVisible: a,
-    setVmin: l,
-    setVmax: t,
-    setRange: r,
-    setColormap: s,
-    show: n,
-    hide: b,
-    toggle: C,
-    reset: v
+    state: u,
+    setState: r,
+    setVisible: d((e) => {
+      r((l) => ({
+        ...l,
+        visible: e
+      }));
+    }, []),
+    setVmin: d((e) => {
+      r((l) => ({
+        ...l,
+        vmin: e
+      }));
+    }, []),
+    setVmax: d((e) => {
+      r((l) => ({
+        ...l,
+        vmax: e
+      }));
+    }, []),
+    setRange: d((e, l) => {
+      r((t) => ({
+        ...t,
+        vmin: e,
+        vmax: l
+      }));
+    }, []),
+    setColormap: d((e) => {
+      r((l) => ({
+        ...l,
+        colormap: e
+      }));
+    }, []),
+    show: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !0
+      }));
+    }, []),
+    hide: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !1
+      }));
+    }, []),
+    toggle: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !e.visible
+      }));
+    }, []),
+    reset: d(() => {
+      r({
+        ...g,
+        ...s
+      });
+    }, [s])
   };
 }
-const E = {
+var x = {
   visible: !0,
   collapsed: !1,
   items: []
 };
-function ie(o) {
-  const [f, e] = k({
-    ...E,
-    ...o
-  }), a = c((x) => {
-    e((h) => ({ ...h, visible: x }));
-  }, []), l = c((x) => {
-    e((h) => ({ ...h, collapsed: x }));
-  }, []), t = c((x) => {
-    e((h) => ({ ...h, items: [...x] }));
-  }, []), r = c((x) => {
-    e((h) => ({ ...h, items: [...h.items, x] }));
-  }, []), s = c((x) => {
-    e((h) => ({
-      ...h,
-      items: h.items.filter((i) => i.label !== x)
-    }));
-  }, []), n = c(
-    (x, h) => {
-      e((i) => ({
-        ...i,
-        items: i.items.map(
-          (d) => d.label === x ? { ...d, ...h } : d
-        )
-      }));
-    },
-    []
-  ), b = c(() => {
-    e((x) => ({ ...x, visible: !0 }));
-  }, []), C = c(() => {
-    e((x) => ({ ...x, visible: !1 }));
-  }, []), v = c(() => {
-    e((x) => ({ ...x, collapsed: !1 }));
-  }, []), g = c(() => {
-    e((x) => ({ ...x, collapsed: !0 }));
-  }, []), u = c(() => {
-    e((x) => ({ ...x, collapsed: !x.collapsed }));
-  }, []), m = c(() => {
-    e((x) => ({ ...x, visible: !x.visible }));
-  }, []), z = c(() => {
-    e({ ...E, ...o });
-  }, [o]);
+function te(s) {
+  const [u, r] = v({
+    ...x,
+    ...s
+  });
   return {
-    state: f,
-    setState: e,
-    setVisible: a,
-    setCollapsed: l,
-    setItems: t,
-    addItem: r,
-    removeItem: s,
-    updateItem: n,
-    show: b,
-    hide: C,
-    expand: v,
-    collapse: g,
-    toggle: u,
-    toggleVisibility: m,
-    reset: z
+    state: u,
+    setState: r,
+    setVisible: d((e) => {
+      r((l) => ({
+        ...l,
+        visible: e
+      }));
+    }, []),
+    setCollapsed: d((e) => {
+      r((l) => ({
+        ...l,
+        collapsed: e
+      }));
+    }, []),
+    setItems: d((e) => {
+      r((l) => ({
+        ...l,
+        items: [...e]
+      }));
+    }, []),
+    addItem: d((e) => {
+      r((l) => ({
+        ...l,
+        items: [...l.items, e]
+      }));
+    }, []),
+    removeItem: d((e) => {
+      r((l) => ({
+        ...l,
+        items: l.items.filter((t) => t.label !== e)
+      }));
+    }, []),
+    updateItem: d((e, l) => {
+      r((t) => ({
+        ...t,
+        items: t.items.map((a) => a.label === e ? {
+          ...a,
+          ...l
+        } : a)
+      }));
+    }, []),
+    show: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !0
+      }));
+    }, []),
+    hide: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !1
+      }));
+    }, []),
+    expand: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !1
+      }));
+    }, []),
+    collapse: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !0
+      }));
+    }, []),
+    toggle: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !e.collapsed
+      }));
+    }, []),
+    toggleVisibility: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !e.visible
+      }));
+    }, []),
+    reset: d(() => {
+      r({
+        ...x,
+        ...s
+      });
+    }, [s])
   };
 }
-const F = {
+var w = {
   visible: !0,
   collapsed: !1,
   html: ""
 };
-function fe(o) {
-  const [f, e] = k({
-    ...F,
-    ...o
-  }), a = c((u) => {
-    e((m) => ({ ...m, visible: u }));
-  }, []), l = c((u) => {
-    e((m) => ({ ...m, html: u }));
-  }, []), t = c(() => {
-    e((u) => ({ ...u, visible: !0 }));
-  }, []), r = c(() => {
-    e((u) => ({ ...u, visible: !1 }));
-  }, []), s = c(() => {
-    e((u) => ({ ...u, visible: !u.visible }));
-  }, []), n = c((u) => {
-    e((m) => ({ ...m, collapsed: u }));
-  }, []), b = c(() => {
-    e((u) => ({ ...u, collapsed: !1 }));
-  }, []), C = c(() => {
-    e((u) => ({ ...u, collapsed: !0 }));
-  }, []), v = c(() => {
-    e((u) => ({ ...u, collapsed: !u.collapsed }));
-  }, []), g = c(() => {
-    e({ ...F, ...o });
-  }, [o]);
+function de(s) {
+  const [u, r] = v({
+    ...w,
+    ...s
+  }), e = d((o) => {
+    r((i) => ({
+      ...i,
+      visible: o
+    }));
+  }, []), l = d((o) => {
+    r((i) => ({
+      ...i,
+      html: o
+    }));
+  }, []), t = d(() => {
+    r((o) => ({
+      ...o,
+      visible: !0
+    }));
+  }, []), a = d(() => {
+    r((o) => ({
+      ...o,
+      visible: !1
+    }));
+  }, []), c = d(() => {
+    r((o) => ({
+      ...o,
+      visible: !o.visible
+    }));
+  }, []);
   return {
-    state: f,
-    setState: e,
-    setVisible: a,
+    state: u,
+    setState: r,
+    setVisible: e,
     setHtml: l,
-    setCollapsed: n,
+    setCollapsed: d((o) => {
+      r((i) => ({
+        ...i,
+        collapsed: o
+      }));
+    }, []),
     show: t,
-    hide: r,
-    expand: b,
-    collapse: C,
-    toggle: v,
-    toggleVisibility: s,
-    reset: g
+    hide: a,
+    expand: d(() => {
+      r((o) => ({
+        ...o,
+        collapsed: !1
+      }));
+    }, []),
+    collapse: d(() => {
+      r((o) => ({
+        ...o,
+        collapsed: !0
+      }));
+    }, []),
+    toggle: d(() => {
+      r((o) => ({
+        ...o,
+        collapsed: !o.collapsed
+      }));
+    }, []),
+    toggleVisibility: c,
+    reset: d(() => {
+      r({
+        ...w,
+        ...s
+      });
+    }, [s])
   };
 }
-const V = {
+var y = {
   visible: !0,
   collapsed: !0,
   selectedBasemap: null,
@@ -715,121 +771,208 @@ const V = {
   error: null,
   belowLabels: !1
 };
-function be(o) {
-  const [f, e] = k({
-    ...V,
-    ...o
-  }), a = c((i) => {
-    e((d) => ({ ...d, visible: i }));
-  }, []), l = c((i) => {
-    e((d) => ({ ...d, collapsed: i }));
-  }, []), t = c((i) => {
-    e((d) => ({ ...d, selectedBasemap: i }));
-  }, []), r = c((i) => {
-    e((d) => ({ ...d, searchText: i }));
-  }, []), s = c((i) => {
-    e((d) => ({ ...d, loading: i }));
-  }, []), n = c((i) => {
-    e((d) => ({ ...d, error: i }));
-  }, []), b = c((i) => {
-    e((d) => ({ ...d, belowLabels: i }));
-  }, []), C = c(() => {
-    e((i) => ({ ...i, visible: !0 }));
-  }, []), v = c(() => {
-    e((i) => ({ ...i, visible: !1 }));
-  }, []), g = c(() => {
-    e((i) => ({ ...i, collapsed: !1 }));
-  }, []), u = c(() => {
-    e((i) => ({ ...i, collapsed: !0 }));
-  }, []), m = c(() => {
-    e((i) => ({ ...i, collapsed: !i.collapsed }));
-  }, []), z = c(() => {
-    e((i) => ({ ...i, visible: !i.visible }));
-  }, []), x = c(() => {
-    e((i) => ({ ...i, searchText: "" }));
-  }, []), h = c(() => {
-    e({ ...V, ...o });
-  }, [o]);
+function ce(s) {
+  const [u, r] = v({
+    ...y,
+    ...s
+  });
   return {
-    state: f,
-    setState: e,
-    setVisible: a,
-    setCollapsed: l,
-    setBasemap: t,
-    setSearch: r,
-    setLoading: s,
-    setError: n,
-    setBelowLabels: b,
-    show: C,
-    hide: v,
-    expand: g,
-    collapse: u,
-    toggle: m,
-    toggleVisibility: z,
-    clearSearch: x,
-    reset: h
+    state: u,
+    setState: r,
+    setVisible: d((e) => {
+      r((l) => ({
+        ...l,
+        visible: e
+      }));
+    }, []),
+    setCollapsed: d((e) => {
+      r((l) => ({
+        ...l,
+        collapsed: e
+      }));
+    }, []),
+    setBasemap: d((e) => {
+      r((l) => ({
+        ...l,
+        selectedBasemap: e
+      }));
+    }, []),
+    setSearch: d((e) => {
+      r((l) => ({
+        ...l,
+        searchText: e
+      }));
+    }, []),
+    setLoading: d((e) => {
+      r((l) => ({
+        ...l,
+        loading: e
+      }));
+    }, []),
+    setError: d((e) => {
+      r((l) => ({
+        ...l,
+        error: e
+      }));
+    }, []),
+    setBelowLabels: d((e) => {
+      r((l) => ({
+        ...l,
+        belowLabels: e
+      }));
+    }, []),
+    show: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !0
+      }));
+    }, []),
+    hide: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !1
+      }));
+    }, []),
+    expand: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !1
+      }));
+    }, []),
+    collapse: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !0
+      }));
+    }, []),
+    toggle: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !e.collapsed
+      }));
+    }, []),
+    toggleVisibility: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !e.visible
+      }));
+    }, []),
+    clearSearch: d(() => {
+      r((e) => ({
+        ...e,
+        searchText: ""
+      }));
+    }, []),
+    reset: d(() => {
+      r({
+        ...y,
+        ...s
+      });
+    }, [s])
   };
 }
-const L = {
+var z = {
   visible: !0,
   enabled: !1,
   exaggeration: 1,
   hillshade: !0
 };
-function me(o) {
-  const [f, e] = k({
-    ...L,
-    ...o
-  }), a = c((h) => {
-    e((i) => ({ ...i, visible: h }));
-  }, []), l = c((h) => {
-    e((i) => ({ ...i, enabled: h }));
-  }, []), t = c((h) => {
-    const i = Math.max(0.1, Math.min(10, h));
-    e((d) => ({ ...d, exaggeration: i }));
-  }, []), r = c((h) => {
-    e((i) => ({ ...i, hillshade: h }));
-  }, []), s = c(() => {
-    e((h) => ({ ...h, enabled: !0 }));
-  }, []), n = c(() => {
-    e((h) => ({ ...h, enabled: !1 }));
-  }, []), b = c(() => {
-    e((h) => ({ ...h, enabled: !h.enabled }));
-  }, []), C = c(() => {
-    e((h) => ({ ...h, visible: !0 }));
-  }, []), v = c(() => {
-    e((h) => ({ ...h, visible: !1 }));
-  }, []), g = c(() => {
-    e((h) => ({ ...h, visible: !h.visible }));
-  }, []), u = c(() => {
-    e((h) => ({ ...h, hillshade: !0 }));
-  }, []), m = c(() => {
-    e((h) => ({ ...h, hillshade: !1 }));
-  }, []), z = c(() => {
-    e((h) => ({ ...h, hillshade: !h.hillshade }));
-  }, []), x = c(() => {
-    e({ ...L, ...o });
-  }, [o]);
+function se(s) {
+  const [u, r] = v({
+    ...z,
+    ...s
+  });
   return {
-    state: f,
-    setState: e,
-    setVisible: a,
-    setEnabled: l,
-    setExaggeration: t,
-    setHillshade: r,
-    enable: s,
-    disable: n,
-    toggle: b,
-    show: C,
-    hide: v,
-    toggleVisibility: g,
-    enableHillshade: u,
-    disableHillshade: m,
-    toggleHillshade: z,
-    reset: x
+    state: u,
+    setState: r,
+    setVisible: d((e) => {
+      r((l) => ({
+        ...l,
+        visible: e
+      }));
+    }, []),
+    setEnabled: d((e) => {
+      r((l) => ({
+        ...l,
+        enabled: e
+      }));
+    }, []),
+    setExaggeration: d((e) => {
+      const l = Math.max(0.1, Math.min(10, e));
+      r((t) => ({
+        ...t,
+        exaggeration: l
+      }));
+    }, []),
+    setHillshade: d((e) => {
+      r((l) => ({
+        ...l,
+        hillshade: e
+      }));
+    }, []),
+    enable: d(() => {
+      r((e) => ({
+        ...e,
+        enabled: !0
+      }));
+    }, []),
+    disable: d(() => {
+      r((e) => ({
+        ...e,
+        enabled: !1
+      }));
+    }, []),
+    toggle: d(() => {
+      r((e) => ({
+        ...e,
+        enabled: !e.enabled
+      }));
+    }, []),
+    show: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !0
+      }));
+    }, []),
+    hide: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !1
+      }));
+    }, []),
+    toggleVisibility: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !e.visible
+      }));
+    }, []),
+    enableHillshade: d(() => {
+      r((e) => ({
+        ...e,
+        hillshade: !0
+      }));
+    }, []),
+    disableHillshade: d(() => {
+      r((e) => ({
+        ...e,
+        hillshade: !1
+      }));
+    }, []),
+    toggleHillshade: d(() => {
+      r((e) => ({
+        ...e,
+        hillshade: !e.hillshade
+      }));
+    }, []),
+    reset: d(() => {
+      r({
+        ...z,
+        ...s
+      });
+    }, [s])
   };
 }
-const O = {
+var R = {
   visible: !0,
   collapsed: !0,
   query: "",
@@ -838,331 +981,469 @@ const O = {
   selectedResult: null,
   error: null
 };
-function he(o) {
-  const [f, e] = k({
-    ...O,
-    ...o
-  }), a = c((i) => {
-    e((d) => ({ ...d, visible: i }));
-  }, []), l = c((i) => {
-    e((d) => ({ ...d, collapsed: i }));
-  }, []), t = c((i) => {
-    e((d) => ({ ...d, query: i }));
-  }, []), r = c((i) => {
-    e((d) => ({ ...d, results: i }));
-  }, []), s = c((i) => {
-    e((d) => ({ ...d, loading: i }));
-  }, []), n = c((i) => {
-    e((d) => ({ ...d, selectedResult: i }));
-  }, []), b = c((i) => {
-    e((d) => ({ ...d, error: i }));
-  }, []), C = c(() => {
-    e((i) => ({ ...i, visible: !0 }));
-  }, []), v = c(() => {
-    e((i) => ({ ...i, visible: !1 }));
-  }, []), g = c(() => {
-    e((i) => ({ ...i, visible: !i.visible }));
-  }, []), u = c(() => {
-    e((i) => ({ ...i, collapsed: !1 }));
-  }, []), m = c(() => {
-    e((i) => ({ ...i, collapsed: !0, results: [] }));
-  }, []), z = c(() => {
-    e((i) => ({
-      ...i,
-      collapsed: !i.collapsed,
-      results: i.collapsed ? i.results : []
+function oe(s) {
+  const [u, r] = v({
+    ...R,
+    ...s
+  }), e = d((n) => {
+    r((m) => ({
+      ...m,
+      visible: n
     }));
-  }, []), x = c(() => {
-    e((i) => ({
-      ...i,
-      query: "",
-      results: [],
-      selectedResult: null,
-      error: null
+  }, []), l = d((n) => {
+    r((m) => ({
+      ...m,
+      collapsed: n
+    }));
+  }, []), t = d((n) => {
+    r((m) => ({
+      ...m,
+      query: n
     }));
-  }, []), h = c(() => {
-    e({ ...O, ...o });
-  }, [o]);
+  }, []), a = d((n) => {
+    r((m) => ({
+      ...m,
+      results: n
+    }));
+  }, []), c = d((n) => {
+    r((m) => ({
+      ...m,
+      loading: n
+    }));
+  }, []), o = d((n) => {
+    r((m) => ({
+      ...m,
+      selectedResult: n
+    }));
+  }, []), i = d((n) => {
+    r((m) => ({
+      ...m,
+      error: n
+    }));
+  }, []), b = d(() => {
+    r((n) => ({
+      ...n,
+      visible: !0
+    }));
+  }, []), C = d(() => {
+    r((n) => ({
+      ...n,
+      visible: !1
+    }));
+  }, []), O = d(() => {
+    r((n) => ({
+      ...n,
+      visible: !n.visible
+    }));
+  }, []);
   return {
-    state: f,
-    setState: e,
-    setVisible: a,
+    state: u,
+    setState: r,
+    setVisible: e,
     setCollapsed: l,
     setQuery: t,
-    setResults: r,
-    setLoading: s,
-    selectResult: n,
-    setError: b,
-    show: C,
-    hide: v,
-    expand: u,
-    collapse: m,
-    toggle: z,
-    toggleVisibility: g,
-    clear: x,
-    reset: h
+    setResults: a,
+    setLoading: c,
+    selectResult: o,
+    setError: i,
+    show: b,
+    hide: C,
+    expand: d(() => {
+      r((n) => ({
+        ...n,
+        collapsed: !1
+      }));
+    }, []),
+    collapse: d(() => {
+      r((n) => ({
+        ...n,
+        collapsed: !0,
+        results: []
+      }));
+    }, []),
+    toggle: d(() => {
+      r((n) => ({
+        ...n,
+        collapsed: !n.collapsed,
+        results: n.collapsed ? n.results : []
+      }));
+    }, []),
+    toggleVisibility: O,
+    clear: d(() => {
+      r((n) => ({
+        ...n,
+        query: "",
+        results: [],
+        selectedResult: null,
+        error: null
+      }));
+    }, []),
+    reset: d(() => {
+      r({
+        ...R,
+        ...s
+      });
+    }, [s])
   };
 }
-const j = {
+var k = {
   visible: !0,
   isDragging: !1,
   isLoading: !1,
   loadedDatasets: [],
   error: null
 };
-function Ce(o) {
-  const [f, e] = k({
-    ...j,
-    ...o
-  }), a = c((u) => {
-    e((m) => ({ ...m, visible: u }));
-  }, []), l = c(() => {
-    e((u) => ({ ...u, visible: !0 }));
-  }, []), t = c(() => {
-    e((u) => ({ ...u, visible: !1 }));
-  }, []), r = c(() => {
-    e((u) => ({ ...u, visible: !u.visible }));
-  }, []), s = c((u) => {
-    e((m) => ({
-      ...m,
-      loadedDatasets: [...m.loadedDatasets, u],
-      error: null
-    }));
-  }, []), n = c((u) => {
-    e((m) => ({
-      ...m,
-      loadedDatasets: m.loadedDatasets.filter((z) => z.id !== u)
-    }));
-  }, []), b = c(() => {
-    e((u) => ({
-      ...u,
-      loadedDatasets: []
-    }));
-  }, []), C = c((u) => {
-    e((m) => ({ ...m, error: u }));
-  }, []), v = c(() => {
-    e((u) => ({ ...u, error: null }));
-  }, []), g = c(() => {
-    e({ ...j, ...o });
-  }, [o]);
+function ue(s) {
+  const [u, r] = v({
+    ...k,
+    ...s
+  });
   return {
-    state: f,
-    setState: e,
-    setVisible: a,
-    show: l,
-    hide: t,
-    toggleVisibility: r,
-    addDataset: s,
-    removeDataset: n,
-    clearAll: b,
-    setError: C,
-    clearError: v,
-    reset: g
+    state: u,
+    setState: r,
+    setVisible: d((e) => {
+      r((l) => ({
+        ...l,
+        visible: e
+      }));
+    }, []),
+    show: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !0
+      }));
+    }, []),
+    hide: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !1
+      }));
+    }, []),
+    toggleVisibility: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !e.visible
+      }));
+    }, []),
+    addDataset: d((e) => {
+      r((l) => ({
+        ...l,
+        loadedDatasets: [...l.loadedDatasets, e],
+        error: null
+      }));
+    }, []),
+    removeDataset: d((e) => {
+      r((l) => ({
+        ...l,
+        loadedDatasets: l.loadedDatasets.filter((t) => t.id !== e)
+      }));
+    }, []),
+    clearAll: d(() => {
+      r((e) => ({
+        ...e,
+        loadedDatasets: []
+      }));
+    }, []),
+    setError: d((e) => {
+      r((l) => ({
+        ...l,
+        error: e
+      }));
+    }, []),
+    clearError: d(() => {
+      r((e) => ({
+        ...e,
+        error: null
+      }));
+    }, []),
+    reset: d(() => {
+      r({
+        ...k,
+        ...s
+      });
+    }, [s])
   };
 }
-const A = {
+var T = {
   visible: !0,
   enabled: !1,
   inspectedFeatures: [],
   selectedIndex: 0,
   error: null
 };
-function ge(o) {
-  const [f, e] = k({
-    ...A,
-    ...o
-  }), a = c((d) => {
-    e((w) => ({ ...w, visible: d }));
-  }, []), l = c((d) => {
-    e((w) => ({ ...w, enabled: d }));
-  }, []), t = c(() => {
-    e((d) => ({ ...d, enabled: !0 }));
-  }, []), r = c(() => {
-    e((d) => ({
-      ...d,
-      enabled: !1,
-      inspectedFeatures: [],
-      selectedIndex: 0
-    }));
-  }, []), s = c(() => {
-    e((d) => ({
-      ...d,
-      enabled: !d.enabled,
-      inspectedFeatures: d.enabled ? [] : d.inspectedFeatures,
-      selectedIndex: d.enabled ? 0 : d.selectedIndex
-    }));
-  }, []), n = c((d) => {
-    e((w) => ({
-      ...w,
-      inspectedFeatures: d,
-      selectedIndex: 0
-    }));
-  }, []), b = c((d) => {
-    e((w) => ({
-      ...w,
-      selectedIndex: Math.max(
-        0,
-        Math.min(d, w.inspectedFeatures.length - 1)
-      )
-    }));
-  }, []), C = c(() => {
-    e((d) => d.inspectedFeatures.length <= 1 ? d : {
-      ...d,
-      selectedIndex: (d.selectedIndex + 1) % d.inspectedFeatures.length
-    });
-  }, []), v = c(() => {
-    e((d) => d.inspectedFeatures.length <= 1 ? d : {
-      ...d,
-      selectedIndex: d.selectedIndex === 0 ? d.inspectedFeatures.length - 1 : d.selectedIndex - 1
-    });
-  }, []), g = c(() => {
-    e((d) => ({
-      ...d,
-      inspectedFeatures: [],
-      selectedIndex: 0,
-      error: null
-    }));
-  }, []), u = c((d) => {
-    e((w) => ({ ...w, error: d }));
-  }, []), m = c(() => {
-    e((d) => ({ ...d, visible: !0 }));
-  }, []), z = c(() => {
-    e((d) => ({ ...d, visible: !1 }));
-  }, []), x = c(() => {
-    e({ ...A, ...o });
-  }, [o]), h = f.inspectedFeatures[f.selectedIndex] || null, i = f.inspectedFeatures.length;
+function ie(s) {
+  const [u, r] = v({
+    ...T,
+    ...s
+  });
   return {
-    state: f,
-    setState: e,
-    setVisible: a,
-    setEnabled: l,
-    enable: t,
-    disable: r,
-    toggle: s,
-    setInspectedFeatures: n,
-    selectFeature: b,
-    nextFeature: C,
-    previousFeature: v,
-    clear: g,
-    setError: u,
-    show: m,
-    hide: z,
-    reset: x,
-    // Computed values
-    currentFeature: h,
-    featureCount: i
+    state: u,
+    setState: r,
+    setVisible: d((e) => {
+      r((l) => ({
+        ...l,
+        visible: e
+      }));
+    }, []),
+    setEnabled: d((e) => {
+      r((l) => ({
+        ...l,
+        enabled: e
+      }));
+    }, []),
+    enable: d(() => {
+      r((e) => ({
+        ...e,
+        enabled: !0
+      }));
+    }, []),
+    disable: d(() => {
+      r((e) => ({
+        ...e,
+        enabled: !1,
+        inspectedFeatures: [],
+        selectedIndex: 0
+      }));
+    }, []),
+    toggle: d(() => {
+      r((e) => ({
+        ...e,
+        enabled: !e.enabled,
+        inspectedFeatures: e.enabled ? [] : e.inspectedFeatures,
+        selectedIndex: e.enabled ? 0 : e.selectedIndex
+      }));
+    }, []),
+    setInspectedFeatures: d((e) => {
+      r((l) => ({
+        ...l,
+        inspectedFeatures: e,
+        selectedIndex: 0
+      }));
+    }, []),
+    selectFeature: d((e) => {
+      r((l) => ({
+        ...l,
+        selectedIndex: Math.max(0, Math.min(e, l.inspectedFeatures.length - 1))
+      }));
+    }, []),
+    nextFeature: d(() => {
+      r((e) => e.inspectedFeatures.length <= 1 ? e : {
+        ...e,
+        selectedIndex: (e.selectedIndex + 1) % e.inspectedFeatures.length
+      });
+    }, []),
+    previousFeature: d(() => {
+      r((e) => e.inspectedFeatures.length <= 1 ? e : {
+        ...e,
+        selectedIndex: e.selectedIndex === 0 ? e.inspectedFeatures.length - 1 : e.selectedIndex - 1
+      });
+    }, []),
+    clear: d(() => {
+      r((e) => ({
+        ...e,
+        inspectedFeatures: [],
+        selectedIndex: 0,
+        error: null
+      }));
+    }, []),
+    setError: d((e) => {
+      r((l) => ({
+        ...l,
+        error: e
+      }));
+    }, []),
+    show: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !0
+      }));
+    }, []),
+    hide: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !1
+      }));
+    }, []),
+    reset: d(() => {
+      r({
+        ...T,
+        ...s
+      });
+    }, [s]),
+    currentFeature: u.inspectedFeatures[u.selectedIndex] || null,
+    featureCount: u.inspectedFeatures.length
   };
 }
-const M = {
+var E = {
   visible: !0,
   collapsed: !0,
   center: [0, 0],
-  bounds: [0, 0, 0, 0],
+  bounds: [
+    0,
+    0,
+    0,
+    0
+  ],
   zoom: 0,
   pitch: 0,
   bearing: 0,
   drawingBBox: !1,
   drawnBBox: null
 };
-function ve(o) {
-  const [f, e] = k({
-    ...M,
-    ...o
-  }), a = c((m) => {
-    e((z) => ({ ...z, visible: m }));
-  }, []), l = c((m) => {
-    e((z) => ({ ...z, collapsed: m }));
-  }, []), t = c(() => {
-    e((m) => ({ ...m, collapsed: !1 }));
-  }, []), r = c(() => {
-    e((m) => ({ ...m, collapsed: !0 }));
-  }, []), s = c(() => {
-    e((m) => ({ ...m, collapsed: !m.collapsed }));
-  }, []), n = c((m) => {
-    e((z) => ({ ...z, drawingBBox: m }));
-  }, []), b = c(
-    (m) => {
-      e((z) => ({ ...z, drawnBBox: m }));
-    },
-    []
-  ), C = c(() => {
-    e((m) => ({ ...m, drawnBBox: null, drawingBBox: !1 }));
-  }, []), v = c(() => {
-    e((m) => ({ ...m, visible: !0 }));
-  }, []), g = c(() => {
-    e((m) => ({ ...m, visible: !1 }));
-  }, []), u = c(() => {
-    e({ ...M, ...o });
-  }, [o]);
+function ne(s) {
+  const [u, r] = v({
+    ...E,
+    ...s
+  });
   return {
-    state: f,
-    setState: e,
-    setVisible: a,
-    setCollapsed: l,
-    expand: t,
-    collapse: r,
-    toggle: s,
-    setDrawingBBox: n,
-    setDrawnBBox: b,
-    clearBBox: C,
-    show: v,
-    hide: g,
-    reset: u
+    state: u,
+    setState: r,
+    setVisible: d((e) => {
+      r((l) => ({
+        ...l,
+        visible: e
+      }));
+    }, []),
+    setCollapsed: d((e) => {
+      r((l) => ({
+        ...l,
+        collapsed: e
+      }));
+    }, []),
+    expand: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !1
+      }));
+    }, []),
+    collapse: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !0
+      }));
+    }, []),
+    toggle: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !e.collapsed
+      }));
+    }, []),
+    setDrawingBBox: d((e) => {
+      r((l) => ({
+        ...l,
+        drawingBBox: e
+      }));
+    }, []),
+    setDrawnBBox: d((e) => {
+      r((l) => ({
+        ...l,
+        drawnBBox: e
+      }));
+    }, []),
+    clearBBox: d(() => {
+      r((e) => ({
+        ...e,
+        drawnBBox: null,
+        drawingBBox: !1
+      }));
+    }, []),
+    show: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !0
+      }));
+    }, []),
+    hide: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !1
+      }));
+    }, []),
+    reset: d(() => {
+      r({
+        ...E,
+        ...s
+      });
+    }, [s])
   };
 }
-const B = {
+var F = {
   visible: !0,
   collapsed: !1,
   rows: 2,
   columns: 2
 };
-function xe(o) {
-  const [f, e] = k({
-    ...B,
-    ...o
-  }), a = c((u) => {
-    e((m) => ({ ...m, visible: u }));
-  }, []), l = c((u) => {
-    e((m) => ({ ...m, collapsed: u }));
-  }, []), t = c((u) => {
-    e((m) => ({
-      ...m,
-      rows: Math.max(1, Math.min(12, Math.round(u)))
-    }));
-  }, []), r = c((u) => {
-    e((m) => ({
-      ...m,
-      columns: Math.max(1, Math.min(12, Math.round(u)))
-    }));
-  }, []), s = c(() => {
-    e((u) => ({ ...u, collapsed: !1 }));
-  }, []), n = c(() => {
-    e((u) => ({ ...u, collapsed: !0 }));
-  }, []), b = c(() => {
-    e((u) => ({ ...u, collapsed: !u.collapsed }));
-  }, []), C = c(() => {
-    e((u) => ({ ...u, visible: !0 }));
-  }, []), v = c(() => {
-    e((u) => ({ ...u, visible: !1 }));
-  }, []), g = c(() => {
-    e({ ...B, ...o });
-  }, [o]);
+function fe(s) {
+  const [u, r] = v({
+    ...F,
+    ...s
+  });
   return {
-    state: f,
-    setState: e,
-    setVisible: a,
-    setCollapsed: l,
-    setRows: t,
-    setColumns: r,
-    expand: s,
-    collapse: n,
-    toggle: b,
-    show: C,
-    hide: v,
-    reset: g
+    state: u,
+    setState: r,
+    setVisible: d((e) => {
+      r((l) => ({
+        ...l,
+        visible: e
+      }));
+    }, []),
+    setCollapsed: d((e) => {
+      r((l) => ({
+        ...l,
+        collapsed: e
+      }));
+    }, []),
+    setRows: d((e) => {
+      r((l) => ({
+        ...l,
+        rows: Math.max(1, Math.min(12, Math.round(e)))
+      }));
+    }, []),
+    setColumns: d((e) => {
+      r((l) => ({
+        ...l,
+        columns: Math.max(1, Math.min(12, Math.round(e)))
+      }));
+    }, []),
+    expand: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !1
+      }));
+    }, []),
+    collapse: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !0
+      }));
+    }, []),
+    toggle: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !e.collapsed
+      }));
+    }, []),
+    show: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !0
+      }));
+    }, []),
+    hide: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !1
+      }));
+    }, []),
+    reset: d(() => {
+      r({
+        ...F,
+        ...s
+      });
+    }, [s])
   };
 }
-const D = {
+var V = {
   visible: !0,
   collapsed: !0,
   url: "",
@@ -1181,126 +1462,198 @@ const D = {
   status: null,
   layerName: ""
 };
-function we(o) {
-  const [f, e] = k({
-    ...D,
-    ...o
-  }), a = c((d) => {
-    e((w) => ({ ...w, visible: d }));
-  }, []), l = c((d) => {
-    e((w) => ({ ...w, collapsed: d }));
-  }, []), t = c((d) => {
-    e((w) => ({ ...w, url: d }));
-  }, []), r = c((d) => {
-    e((w) => ({ ...w, bands: d }));
-  }, []), s = c((d) => {
-    e((w) => ({ ...w, colormap: d }));
-  }, []), n = c((d) => {
-    e((w) => ({ ...w, rescaleMin: d }));
-  }, []), b = c((d) => {
-    e((w) => ({ ...w, rescaleMax: d }));
-  }, []), C = c((d) => {
-    e((w) => ({ ...w, nodata: d }));
-  }, []), v = c((d) => {
-    const w = Math.max(0, Math.min(1, d));
-    e((I) => ({ ...I, layerOpacity: w }));
-  }, []), g = c(() => {
-    e((d) => ({ ...d, visible: !0 }));
-  }, []), u = c(() => {
-    e((d) => ({ ...d, visible: !1 }));
-  }, []), m = c(() => {
-    e((d) => ({ ...d, collapsed: !1 }));
-  }, []), z = c(() => {
-    e((d) => ({ ...d, collapsed: !0 }));
-  }, []), x = c(() => {
-    e((d) => ({ ...d, visible: !d.visible }));
-  }, []), h = c(() => {
-    e((d) => ({ ...d, collapsed: !d.collapsed }));
-  }, []), i = c(() => {
-    e({ ...D, ...o });
-  }, [o]);
+function be(s) {
+  const [u, r] = v({
+    ...V,
+    ...s
+  });
   return {
-    state: f,
-    setState: e,
-    setVisible: a,
-    setCollapsed: l,
-    setUrl: t,
-    setBands: r,
-    setColormap: s,
-    setRescaleMin: n,
-    setRescaleMax: b,
-    setNodata: C,
-    setOpacity: v,
-    show: g,
-    hide: u,
-    expand: m,
-    collapse: z,
-    toggleVisibility: x,
-    togglePanel: h,
-    reset: i
+    state: u,
+    setState: r,
+    setVisible: d((e) => {
+      r((l) => ({
+        ...l,
+        visible: e
+      }));
+    }, []),
+    setCollapsed: d((e) => {
+      r((l) => ({
+        ...l,
+        collapsed: e
+      }));
+    }, []),
+    setUrl: d((e) => {
+      r((l) => ({
+        ...l,
+        url: e
+      }));
+    }, []),
+    setBands: d((e) => {
+      r((l) => ({
+        ...l,
+        bands: e
+      }));
+    }, []),
+    setColormap: d((e) => {
+      r((l) => ({
+        ...l,
+        colormap: e
+      }));
+    }, []),
+    setRescaleMin: d((e) => {
+      r((l) => ({
+        ...l,
+        rescaleMin: e
+      }));
+    }, []),
+    setRescaleMax: d((e) => {
+      r((l) => ({
+        ...l,
+        rescaleMax: e
+      }));
+    }, []),
+    setNodata: d((e) => {
+      r((l) => ({
+        ...l,
+        nodata: e
+      }));
+    }, []),
+    setOpacity: d((e) => {
+      const l = Math.max(0, Math.min(1, e));
+      r((t) => ({
+        ...t,
+        layerOpacity: l
+      }));
+    }, []),
+    show: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !0
+      }));
+    }, []),
+    hide: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !1
+      }));
+    }, []),
+    expand: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !1
+      }));
+    }, []),
+    collapse: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !0
+      }));
+    }, []),
+    toggleVisibility: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !e.visible
+      }));
+    }, []),
+    togglePanel: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !e.collapsed
+      }));
+    }, []),
+    reset: d(() => {
+      r({
+        ...V,
+        ...s
+      });
+    }, [s])
   };
 }
-const H = {
+var L = {
   visible: !0,
   collapsed: !1
 };
-function ye(o) {
-  const [f, e] = k({
-    ...H,
-    ...o
-  }), a = c((v) => {
-    e((g) => ({ ...g, visible: v }));
-  }, []), l = c((v) => {
-    e((g) => ({ ...g, collapsed: v }));
-  }, []), t = c(() => {
-    e((v) => ({ ...v, visible: !0 }));
-  }, []), r = c(() => {
-    e((v) => ({ ...v, visible: !1 }));
-  }, []), s = c(() => {
-    e((v) => ({ ...v, collapsed: !1 }));
-  }, []), n = c(() => {
-    e((v) => ({ ...v, collapsed: !0 }));
-  }, []), b = c(() => {
-    e((v) => ({ ...v, collapsed: !v.collapsed }));
-  }, []), C = c(() => {
-    e({ ...H, ...o });
-  }, [o]);
+function me(s) {
+  const [u, r] = v({
+    ...L,
+    ...s
+  });
   return {
-    state: f,
-    setState: e,
-    setVisible: a,
-    setCollapsed: l,
-    show: t,
-    hide: r,
-    expand: s,
-    collapse: n,
-    toggle: b,
-    reset: C
+    state: u,
+    setState: r,
+    setVisible: d((e) => {
+      r((l) => ({
+        ...l,
+        visible: e
+      }));
+    }, []),
+    setCollapsed: d((e) => {
+      r((l) => ({
+        ...l,
+        collapsed: e
+      }));
+    }, []),
+    show: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !0
+      }));
+    }, []),
+    hide: d(() => {
+      r((e) => ({
+        ...e,
+        visible: !1
+      }));
+    }, []),
+    expand: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !1
+      }));
+    }, []),
+    collapse: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !0
+      }));
+    }, []),
+    toggle: d(() => {
+      r((e) => ({
+        ...e,
+        collapsed: !e.collapsed
+      }));
+    }, []),
+    reset: d(() => {
+      r({
+        ...L,
+        ...s
+      });
+    }, [s])
   };
 }
 export {
-  le as BasemapReact,
-  de as CogLayerReact,
-  Y as ColorbarReact,
-  oe as ControlGridReact,
-  ee as HtmlControlReact,
-  se as InspectControlReact,
-  p as LegendReact,
-  ne as MinimapControlReact,
-  te as SearchControlReact,
-  re as TerrainReact,
-  ce as VectorDatasetReact,
-  ae as ViewStateControlReact,
-  be as useBasemap,
-  we as useCogLayer,
-  ue as useColorbar,
-  xe as useControlGrid,
-  fe as useHtmlControl,
-  ge as useInspectControl,
-  ie as useLegend,
-  ye as useMinimapControl,
-  he as useSearchControl,
-  me as useTerrain,
-  Ce as useVectorDataset,
-  ve as useViewState
+  Q as BasemapReact,
+  le as CogLayerReact,
+  Z as ColorbarReact,
+  ee as ControlGridReact,
+  P as HtmlControlReact,
+  Y as InspectControlReact,
+  q as LegendReact,
+  re as MinimapControlReact,
+  K as SearchControlReact,
+  J as TerrainReact,
+  X as VectorDatasetReact,
+  p as ViewStateControlReact,
+  ce as useBasemap,
+  be as useCogLayer,
+  ae as useColorbar,
+  fe as useControlGrid,
+  de as useHtmlControl,
+  ie as useInspectControl,
+  te as useLegend,
+  me as useMinimapControl,
+  oe as useSearchControl,
+  se as useTerrain,
+  ue as useVectorDataset,
+  ne as useViewState
 };