@macrostrat/map-interface 0.0.8 → 0.0.10

package/dist/{index.js → module.js}

@@ -1,17 +1,13 @@
-import "./index.css";
-import {useMemo as $Zz0sd$useMemo, createContext as $Zz0sd$createContext, useContext as $Zz0sd$useContext, useRef as $Zz0sd$useRef, useReducer as $Zz0sd$useReducer, useEffect as $Zz0sd$useEffect, useState as $Zz0sd$useState, Component as $Zz0sd$Component, useCallback as $Zz0sd$useCallback, useLayoutEffect as $Zz0sd$useLayoutEffect, forwardRef as $Zz0sd$forwardRef, isValidElement as $Zz0sd$isValidElement, cloneElement as $Zz0sd$cloneElement} from "react";
-import {Spinner as $Zz0sd$Spinner, Button as $Zz0sd$Button, Navbar as $Zz0sd$Navbar, Card as $Zz0sd$Card, Icon as $Zz0sd$Icon, Intent as $Zz0sd$Intent, ButtonGroup as $Zz0sd$ButtonGroup, NonIdealState as $Zz0sd$NonIdealState, Alert as $Zz0sd$Alert, Collapse as $Zz0sd$Collapse, Tag as $Zz0sd$Tag, EditableText as $Zz0sd$EditableText, Toaster as $Zz0sd$Toaster, Classes as $Zz0sd$Classes, Slider as $Zz0sd$Slider, Callout as $Zz0sd$Callout, Overlay as $Zz0sd$Overlay, Position as $Zz0sd$Position, NavbarGroup as $Zz0sd$NavbarGroup, Alignment as $Zz0sd$Alignment, Switch as $Zz0sd$Switch} from "@blueprintjs/core";
+import "./module.css";
+import {useMemo as $Zz0sd$useMemo, createContext as $Zz0sd$createContext, useContext as $Zz0sd$useContext, useState as $Zz0sd$useState, useRef as $Zz0sd$useRef, Component as $Zz0sd$Component, useCallback as $Zz0sd$useCallback, useLayoutEffect as $Zz0sd$useLayoutEffect, useEffect as $Zz0sd$useEffect, forwardRef as $Zz0sd$forwardRef, isValidElement as $Zz0sd$isValidElement, cloneElement as $Zz0sd$cloneElement, useReducer as $Zz0sd$useReducer} from "react";
+import {Spinner as $Zz0sd$Spinner, Button as $Zz0sd$Button, Navbar as $Zz0sd$Navbar, Card as $Zz0sd$Card, Icon as $Zz0sd$Icon, ButtonGroup as $Zz0sd$ButtonGroup, NonIdealState as $Zz0sd$NonIdealState, Intent as $Zz0sd$Intent, Alert as $Zz0sd$Alert, Collapse as $Zz0sd$Collapse, Tag as $Zz0sd$Tag, EditableText as $Zz0sd$EditableText, Toaster as $Zz0sd$Toaster, Classes as $Zz0sd$Classes, Slider as $Zz0sd$Slider, Callout as $Zz0sd$Callout, Overlay as $Zz0sd$Overlay, Position as $Zz0sd$Position, NavbarGroup as $Zz0sd$NavbarGroup, Alignment as $Zz0sd$Alignment, Switch as $Zz0sd$Switch} from "@blueprintjs/core";
 import $Zz0sd$macrostrathyper, {hyperStyled as $Zz0sd$hyperStyled, classed as $Zz0sd$classed} from "@macrostrat/hyper";
-import $Zz0sd$immutabilityhelper from "immutability-helper";
-import $Zz0sd$axios from "axios";
-import $Zz0sd$mapboxgl, {FreeCameraOptions as $Zz0sd$FreeCameraOptions, MercatorCoordinate as $Zz0sd$MercatorCoordinate, ScaleControl as $Zz0sd$ScaleControl, GeolocateControl as $Zz0sd$GeolocateControl, Marker as $Zz0sd$Marker} from "mapbox-gl";
-import $Zz0sd$mapboxglcontrolslibBaseBase from "mapbox-gl-controls/lib/Base/Base";
-import $Zz0sd$mapboxglcontrolslibButtonButton from "mapbox-gl-controls/lib/Button/Button";
-import {CompassControl as $Zz0sd$CompassControl, ZoomControl as $Zz0sd$ZoomControl} from "mapbox-gl-controls";
+import {useMapStatus as $Zz0sd$useMapStatus, useFocusState as $Zz0sd$useFocusState, LocationFocusButton as $Zz0sd$LocationFocusButton, isCentered as $Zz0sd$isCentered, ZoomControl as $Zz0sd$ZoomControl, MapboxMapProvider as $Zz0sd$MapboxMapProvider, MapControlWrapper as $Zz0sd$MapControlWrapper, ThreeDControl as $Zz0sd$ThreeDControl, CompassControl as $Zz0sd$CompassControl, GlobeControl as $Zz0sd$GlobeControl, useMapRef as $Zz0sd$useMapRef, useMapEaseToCenter as $Zz0sd$useMapEaseToCenter, useMapDispatch as $Zz0sd$useMapDispatch, useMapConditionalStyle as $Zz0sd$useMapConditionalStyle} from "@macrostrat/mapbox-react";
 import $Zz0sd$classnames from "classnames";
-import $Zz0sd$turfbbox from "@turf/bbox";
 import {memoize as $Zz0sd$memoize, debounce as $Zz0sd$debounce, isEqual as $Zz0sd$isEqual} from "underscore";
+import $Zz0sd$axios from "axios";
 import $Zz0sd$useasynceffect, {useAsyncEffect as $Zz0sd$useAsyncEffect} from "use-async-effect";
+import $Zz0sd$immutabilityhelper from "immutability-helper";
 import {stringify as $Zz0sd$stringify, parse as $Zz0sd$parse} from "query-string";
 import $Zz0sd$reactjsontree from "react-json-tree";
 import {pairs as $Zz0sd$pairs, group as $Zz0sd$group} from "d3-array";
@@ -23,6 +19,8 @@ import {DateInput as $Zz0sd$DateInput} from "@blueprintjs/datetime";
 import "@blueprintjs/datetime/lib/css/blueprint-datetime.css";
 import $Zz0sd$useelementdimensions from "use-element-dimensions";
 import {format as $Zz0sd$format} from "d3-format";
+import $Zz0sd$mapboxgl, {ScaleControl as $Zz0sd$ScaleControl, GeolocateControl as $Zz0sd$GeolocateControl, Marker as $Zz0sd$Marker} from "mapbox-gl";
+import {getMapboxStyle as $Zz0sd$getMapboxStyle, mergeStyles as $Zz0sd$mergeStyles, mapViewInfo as $Zz0sd$mapViewInfo, getMapPosition as $Zz0sd$getMapPosition, setMapPosition as $Zz0sd$setMapPosition} from "@macrostrat/mapbox-utils";
 import $Zz0sd$chromajs from "chroma-js";
 import {useTransition as $Zz0sd$useTransition} from "transition-hook";
 import $Zz0sd$useresizeobserver from "use-resize-observer";
@@ -34,6 +32,22 @@ function $parcel$interopDefault(a) {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
 var $6e914c81c8e053da$exports = {};
 
 $parcel$export($6e914c81c8e053da$exports, "LoadingButton", () => $6e914c81c8e053da$export$4ec83e90d030b2f3);
@@ -45,710 +59,20 @@ $parcel$export($6e914c81c8e053da$exports, "FloatingNavbar", () => $6e914c81c8e05
 var $fbe402416678c280$exports = {};
 
 $parcel$export($fbe402416678c280$exports, "searchbar", () => $fbe402416678c280$export$2ac23befe9d406ee, (v) => $fbe402416678c280$export$2ac23befe9d406ee = v);
-$parcel$export($fbe402416678c280$exports, "searchbar-holder", () => $fbe402416678c280$export$3a39e67bbbcbd4ae, (v) => $fbe402416678c280$export$3a39e67bbbcbd4ae = v);
 $parcel$export($fbe402416678c280$exports, "status-tongue", () => $fbe402416678c280$export$764ade2d69041360, (v) => $fbe402416678c280$export$764ade2d69041360 = v);
+$parcel$export($fbe402416678c280$exports, "searchbar-holder", () => $fbe402416678c280$export$3a39e67bbbcbd4ae, (v) => $fbe402416678c280$export$3a39e67bbbcbd4ae = v);
 $parcel$export($fbe402416678c280$exports, "navbar-holder", () => $fbe402416678c280$export$d8779dd86528d602, (v) => $fbe402416678c280$export$d8779dd86528d602 = v);
 var $fbe402416678c280$export$2ac23befe9d406ee;
-var $fbe402416678c280$export$3a39e67bbbcbd4ae;
 var $fbe402416678c280$export$764ade2d69041360;
+var $fbe402416678c280$export$3a39e67bbbcbd4ae;
 var $fbe402416678c280$export$d8779dd86528d602;
 $fbe402416678c280$export$2ac23befe9d406ee = `_8hZKsW_searchbar`;
-$fbe402416678c280$export$3a39e67bbbcbd4ae = `_8hZKsW_searchbar-holder`;
 $fbe402416678c280$export$764ade2d69041360 = `_8hZKsW_status-tongue`;
+$fbe402416678c280$export$3a39e67bbbcbd4ae = `_8hZKsW_searchbar-holder`;
 $fbe402416678c280$export$d8779dd86528d602 = `_8hZKsW_navbar-holder`;
 
 
 
-
-
-const $dc75c8651942e3cf$var$MapContext = (0, $Zz0sd$createContext)({
-    mapRef: null,
-    status: {
-        isLoading: false,
-        isInitialized: false,
-        isStyleLoaded: false
-    },
-    position: null
-});
-const $dc75c8651942e3cf$var$MapDispatchContext = (0, $Zz0sd$createContext)(null);
-function $dc75c8651942e3cf$export$79926a38b577730c() {
-    const { mapRef: mapRef  } = (0, $Zz0sd$useContext)($dc75c8651942e3cf$var$MapContext);
-    return (0, $Zz0sd$useMemo)(()=>mapRef, [
-        mapRef
-    ]);
-}
-function $dc75c8651942e3cf$export$6b15394f69cd8f33() {
-    const { status: status  } = (0, $Zz0sd$useContext)($dc75c8651942e3cf$var$MapContext);
-    return (0, $Zz0sd$useMemo)(()=>status, [
-        status
-    ]);
-}
-function $dc75c8651942e3cf$export$549a71cd2d2e3945() {
-    const { position: position  } = (0, $Zz0sd$useContext)($dc75c8651942e3cf$var$MapContext);
-    return (0, $Zz0sd$useMemo)(()=>position, [
-        position
-    ]);
-}
-function $dc75c8651942e3cf$export$54c1e9a8bb896c95() {
-    return $dc75c8651942e3cf$export$79926a38b577730c().current;
-}
-function $dc75c8651942e3cf$export$86f8f9f08863e403() {
-    return $dc75c8651942e3cf$export$79926a38b577730c().current;
-}
-function $dc75c8651942e3cf$export$5705f0dc4c1a0684() {
-    return (0, $Zz0sd$useContext)($dc75c8651942e3cf$var$MapDispatchContext);
-}
-function $dc75c8651942e3cf$var$mapReducer(state, action) {
-    switch(action.type){
-        case "set-map":
-            return (0, $Zz0sd$immutabilityhelper)(state, {
-                mapRef: {
-                    current: {
-                        $set: action.payload
-                    }
-                },
-                status: {
-                    isInitialized: {
-                        $set: true
-                    }
-                }
-            });
-        case "set-loading":
-            return (0, $Zz0sd$immutabilityhelper)(state, {
-                status: {
-                    isLoading: {
-                        $set: action.payload
-                    }
-                }
-            });
-        case "set-initialized":
-            return (0, $Zz0sd$immutabilityhelper)(state, {
-                status: {
-                    isInitialized: {
-                        $set: action.payload
-                    }
-                }
-            });
-        case "set-style-loaded":
-            return (0, $Zz0sd$immutabilityhelper)(state, {
-                status: {
-                    isStyleLoaded: {
-                        $set: action.payload
-                    }
-                }
-            });
-        case "map-moved":
-            return {
-                ...state,
-                position: action.payload
-            };
-    }
-}
-function $dc75c8651942e3cf$export$5e21c9300e1e71dd({ children: children  }) {
-    const mapRef = (0, $Zz0sd$useRef)();
-    const [value, dispatch] = (0, $Zz0sd$useReducer)($dc75c8651942e3cf$var$mapReducer, {
-        mapRef: mapRef,
-        status: {
-            isLoading: false,
-            isInitialized: false,
-            isStyleLoaded: false
-        },
-        position: null
-    });
-    return (0, $Zz0sd$macrostrathyper)($dc75c8651942e3cf$var$MapDispatchContext.Provider, {
-        value: dispatch
-    }, (0, $Zz0sd$macrostrathyper)($dc75c8651942e3cf$var$MapContext.Provider, {
-        value: value
-    }, children));
-}
-
-
-
-
-function $16a1a67d6c9c7904$export$447c40024480b3c0(url) {
-    return url.replace("mapbox://styles/", "https://api.mapbox.com/styles/v1/");
-}
-async function $16a1a67d6c9c7904$export$2f09cfe1b8810033(style, params) {
-    if (typeof style !== "string") return style;
-    // We fetch styles if they aren't avaialable locally
-    let { data: data , status: status , statusText: statusText  } = await (0, $Zz0sd$axios).get($16a1a67d6c9c7904$export$447c40024480b3c0(style), {
-        params: params
-    });
-    if (status !== 200) throw new Error(`Returned ${status}: ${statusText}`);
-    return data;
-}
-function $16a1a67d6c9c7904$export$e618dc39ac9ad607(...styles) {
-    let merged = {
-        ...styles[0]
-    };
-    merged.sources = {};
-    merged.layers = [];
-    for (let s of styles){
-        merged.sources = {
-            ...merged.sources,
-            ...s.sources ?? {}
-        };
-        merged.layers = merged.layers.concat(s.layers);
-        merged.sprite = s.sprite ?? merged.sprite;
-        merged.glyphs = s.glyphs ?? merged.glyphs;
-    }
-    return merged;
-}
-
-
-
-function $98c914c8d92d896f$export$7c8062fb47f5c43d(map) {
-    const pos = map.getFreeCameraOptions();
-    const cameraPos = pos.position.toLngLat();
-    let center = map.getCenter();
-    return {
-        camera: {
-            ...cameraPos,
-            altitude: pos.position.toAltitude(),
-            bearing: map.getBearing(),
-            pitch: map.getPitch()
-        },
-        target: {
-            ...center,
-            zoom: map.getZoom()
-        }
-    };
-}
-function $98c914c8d92d896f$export$1362a5c98ca0069c(map, pos) {
-    const { pitch: pitch = 0 , bearing: bearing = 0 , altitude: altitude  } = pos.camera;
-    const zoom = pos.target?.zoom;
-    if (zoom != null && altitude == null && pitch == 0 && bearing == 0) {
-        const { lng: lng , lat: lat  } = pos.target;
-        map.setCenter([
-            lng,
-            lat
-        ]);
-        map.setZoom(zoom);
-    } else {
-        const { altitude: altitude , lng: lng , lat: lat  } = pos.camera;
-        const cameraOptions = new (0, $Zz0sd$FreeCameraOptions)((0, $Zz0sd$MercatorCoordinate).fromLngLat({
-            lng: lng,
-            lat: lat
-        }, altitude), [
-            0,
-            0,
-            0,
-            1
-        ]);
-        cameraOptions.setPitchBearing(pitch, bearing);
-        map.setFreeCameraOptions(cameraOptions);
-    }
-}
-
-
-function $b2a9fc2ffc60e62a$export$df38eeea86a10661(mapPosition) {
-    if (mapPosition == null) return {
-        mapIsRotated: false,
-        mapUse3D: false,
-        mapIsGlobal: false,
-        mapIsLoaded: false
-    };
-    // Switch to 3D mode at high zoom levels or with a rotated map
-    const pitch = mapPosition.camera.pitch ?? 0;
-    const bearing = mapPosition.camera.bearing ?? 0;
-    const alt = mapPosition.camera.altitude ?? 10000000;
-    const mapIsRotated = pitch != 0 || bearing != 0;
-    const mapIsGlobal = alt > 1600000;
-    let mapUse3D = false;
-    if (alt != null) mapUse3D = pitch > 0 && alt < 200000 || alt < 80000;
-    return {
-        mapIsRotated: mapIsRotated,
-        mapUse3D: mapUse3D,
-        mapIsGlobal: mapIsGlobal,
-        mapIsLoaded: true
-    };
-}
-
-
-function $bcda9afd15d68a9e$export$51bcefc0d73330c9(style, shouldRemove = true) {
-    // Disable labels on the map
-    for (let lyr of style.layers){
-        if (!("layout" in lyr)) continue;
-        const isLabelLayer = lyr.layout["text-field"] != null;
-        if (isLabelLayer) lyr.layout.visibility = shouldRemove ? "none" : "visible";
-    }
-    return style;
-}
-function $bcda9afd15d68a9e$export$548ed77deac280c0(map, visible, omitLayers = []) {
-    // Disable labels on the map
-    for (let lyr of map.getStyle().layers){
-        if (!("layout" in lyr)) continue;
-        const isLabelLayer = lyr.layout["text-field"] != null;
-        if (isLabelLayer && !omitLayers.includes(lyr.id)) map.setLayoutProperty(lyr.id, "visibility", visible ? "visible" : "none");
-    }
-}
-
-
-
-
-function $6546e155d824deab$export$16b2de187fda836f(mapRef, state, operator) {
-    /** Apply conditional style logic depending on a state value or object.
-   * The operator function can operate on the Map and the state, and is applied on state changes
-   * and on style load events. */ (0, $Zz0sd$useEffect)(()=>{
-        const map = mapRef.current;
-        if (map == null) return;
-        if (map.isStyleLoaded()) operator(map, state);
-        const fn = ()=>operator(map, state);
-        map.on("style.load", fn);
-        return ()=>{
-            map.off("style.load", fn);
-        };
-    }, [
-        mapRef.current,
-        state
-    ]);
-}
-const $6546e155d824deab$var$_toggleMapLabels = (map, state)=>(0, $bcda9afd15d68a9e$export$548ed77deac280c0)(map, state.mapShowLabels, state.omitLayers);
-function $6546e155d824deab$export$44d1ca598b5a6a5a(mapRef, mapShowLabels, omitLayers = []) {
-    $6546e155d824deab$export$16b2de187fda836f(mapRef, {
-        mapShowLabels: mapShowLabels,
-        omitLayers: omitLayers
-    }, $6546e155d824deab$var$_toggleMapLabels);
-}
-
-
-
-
-
-
-
-
-
-
-function $e4df11ee33ce76ab$export$4bdc7a93a40ca832({ className: className , control: control , options: options = {}  }) {
-    /** A wrapper for using Mapbox GL controls with a Mapbox GL map */ const mapRef = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
-    const controlContainer = (0, $Zz0sd$useRef)();
-    const controlRef = (0, $Zz0sd$useRef)();
-    // Memoize the options object so that we don't continually recreate the control.
-    const _options = (0, $Zz0sd$useRef)(options);
-    (0, $Zz0sd$useEffect)(()=>{
-        _options.current = options;
-    }, Object.values(options));
-    (0, $Zz0sd$useEffect)(()=>{
-        if (mapRef.current == null) return;
-        const ctrl = new control(_options);
-        controlRef.current = ctrl;
-        const controlElement = ctrl.onAdd(mapRef.current);
-        controlContainer.current.appendChild(controlElement);
-        return ()=>{
-            controlRef.current?.onRemove();
-        };
-    }, [
-        mapRef.current,
-        controlContainer.current,
-        control,
-        _options
-    ]);
-    return (0, $Zz0sd$macrostrathyper)("div.map-control-wrapper", {
-        className: className,
-        ref: controlContainer
-    });
-}
-function $e4df11ee33ce76ab$export$9618410ded3c9550({ className: className  }) {
-    const map = (0, $dc75c8651942e3cf$export$54c1e9a8bb896c95)();
-    const [mapIsGlobe, setIsGlobe] = (0, $Zz0sd$useState)(false);
-    (0, $Zz0sd$useEffect)(()=>{
-        // @ts-ignore
-        let proj = map?.getProjection().name;
-        setIsGlobe(proj == "globe");
-    }, [
-        map
-    ]);
-    const nextProj = mapIsGlobe ? "mercator" : "globe";
-    const icon = mapIsGlobe ? "map" : "globe";
-    return (0, $Zz0sd$macrostrathyper)("div.map-control.globe-control.mapboxgl-ctrl-group.mapboxgl-ctrl.mapbox-control", {
-        className: className
-    }, [
-        (0, $Zz0sd$macrostrathyper)("button.globe-control-button", {
-            onClick () {
-                if (map == null) return;
-                // @ts-ignore
-                map.setProjection(nextProj);
-                setIsGlobe(nextProj == "globe");
-            }
-        }, (0, $Zz0sd$macrostrathyper)((0, $Zz0sd$Icon), {
-            icon: icon
-        })), 
-    ]);
-}
-// Control for managing map 3D settings
-class $e4df11ee33ce76ab$var$_ThreeDControl extends (0, $Zz0sd$mapboxglcontrolslibBaseBase) {
-    constructor(){
-        super();
-        this.button = new (0, $Zz0sd$mapboxglcontrolslibButtonButton)();
-    }
-    insert() {
-        this.addClassName("mapbox-3d");
-        this.button.setText("3D");
-        this.button.onClick(()=>{
-            this.map.easeTo({
-                pitch: 60,
-                duration: 1000
-            });
-        });
-        this.addButton(this.button);
-    }
-    onAddControl() {
-        this.insert();
-    }
-}
-function $e4df11ee33ce76ab$export$48c390f0a3a80b5c({ className: className , options: options  }) {
-    return (0, $Zz0sd$macrostrathyper)($e4df11ee33ce76ab$export$4bdc7a93a40ca832, {
-        className: (0, $Zz0sd$classnames)("compass-control", className),
-        control: (0, $Zz0sd$CompassControl),
-        options: options
-    });
-}
-const $e4df11ee33ce76ab$export$dd36b6cb96de1ba3 = ({ className: className , options: options  })=>(0, $Zz0sd$macrostrathyper)($e4df11ee33ce76ab$export$4bdc7a93a40ca832, {
-        className: (0, $Zz0sd$classnames)("zoom-control", className),
-        control: (0, $Zz0sd$ZoomControl),
-        options: options
-    });
-const $e4df11ee33ce76ab$export$6074b9b7c7aefb14 = ({ className: className , options: options  })=>(0, $Zz0sd$macrostrathyper)($e4df11ee33ce76ab$export$4bdc7a93a40ca832, {
-        className: (0, $Zz0sd$classnames)("map-3d-control", className),
-        control: $e4df11ee33ce76ab$var$_ThreeDControl,
-        options: options
-    });
-
-
-
-
-function $a7719da14af16a6e$export$15ef564db477f342(shouldEnable = true, sourceName = "terrain", sourceCfg = {}) {
-    const mapRef = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
-    const map = mapRef.current;
-    (0, $Zz0sd$useEffect)(()=>{
-        if (map == null) return;
-        $a7719da14af16a6e$export$3fe56b75a48fd245(map, shouldEnable, sourceName, sourceCfg);
-        map.on("style.load", ()=>{
-            $a7719da14af16a6e$export$3fe56b75a48fd245(map, shouldEnable, sourceName, sourceCfg);
-        });
-    }, [
-        map,
-        shouldEnable,
-        sourceName
-    ]);
-}
-function $a7719da14af16a6e$export$3fe56b75a48fd245(map, shouldEnable = true, sourceName = "terrain", sourceCfg = {}) {
-    if (!map.isStyleLoaded()) return;
-    if (shouldEnable) $a7719da14af16a6e$var$addDefault3DStyles(map, sourceName, sourceCfg);
-    // Enable or disable terrain depending on our current desires...
-    const currentTerrain = map.getTerrain();
-    if (shouldEnable && currentTerrain == null) map.setTerrain({
-        source: sourceName,
-        exaggeration: 1
-    });
-    else if (!shouldEnable && currentTerrain != null) map.setTerrain(null);
-}
-function $a7719da14af16a6e$var$addDefault3DStyles(map, sourceName = "terrain", sourceCfg = {}) {
-    const style = map.getStyle();
-    const hasTerrain = Object.values(style.sources).some((source)=>source.type === "raster-dem");
-    const hasSky = Object.values(style.layers).some((lyr)=>lyr.type == "sky");
-    if (!hasTerrain) map.addSource(sourceName, {
-        type: "raster-dem",
-        url: "mapbox://mapbox.mapbox-terrain-dem-v1",
-        tileSize: 512,
-        maxzoom: 14,
-        ...sourceCfg
-    });
-    if (!hasSky) map.addLayer({
-        id: "sky",
-        type: "sky",
-        paint: {
-            "sky-type": "atmosphere",
-            "sky-atmosphere-sun": [
-                0.0,
-                0.0
-            ],
-            "sky-atmosphere-sun-intensity": 15
-        }
-    });
-    if (map.getFog() == null) map.setFog({
-        color: "#ffffff",
-        // @ts-ignore
-        "space-color": [
-            "interpolate",
-            [
-                "linear"
-            ],
-            [
-                "zoom"
-            ],
-            4,
-            "hsl(215, 28%, 64%)",
-            7,
-            "hsl(209, 92%, 85%)", 
-        ],
-        "star-intensity": [
-            "interpolate",
-            [
-                "linear"
-            ],
-            [
-                "zoom"
-            ],
-            5,
-            0.35,
-            6,
-            0
-        ],
-        range: [
-            5,
-            15
-        ]
-    });
-}
-
-
-
-
-function $f02df3b20102b6a0$export$e86da36f9a8e87e6({ mapRef: mapRef , ...rest }) {
-    const { showTileBoundaries: showTileBoundaries = false , showTerrainWireframe: showTerrainWireframe = false , showCollisionBoxes: showCollisionBoxes = false ,  } = rest;
-    const ref = mapRef ?? (0, $dc75c8651942e3cf$export$79926a38b577730c)();
-    (0, $Zz0sd$useEffect)(()=>{
-        const map = ref.current;
-        if (map == null) return;
-        map.showTileBoundaries = showTileBoundaries;
-        map.showTerrainWireframe = showTerrainWireframe;
-        map.showCollisionBoxes = showCollisionBoxes;
-        map.triggerRepaint();
-    }, [
-        ref.current,
-        showTileBoundaries,
-        showTerrainWireframe,
-        showCollisionBoxes, 
-    ]);
-    return null;
-}
-
-
-
-
-
-
-
-var $7bb837c4f3322cbf$exports = {};
-
-$parcel$export($7bb837c4f3322cbf$exports, "out-of-padding", () => $7bb837c4f3322cbf$export$399131e3fb0c6003, (v) => $7bb837c4f3322cbf$export$399131e3fb0c6003 = v);
-$parcel$export($7bb837c4f3322cbf$exports, "off-center", () => $7bb837c4f3322cbf$export$e6ac8d2c206db13b, (v) => $7bb837c4f3322cbf$export$e6ac8d2c206db13b = v);
-$parcel$export($7bb837c4f3322cbf$exports, "recenter-button", () => $7bb837c4f3322cbf$export$5480dcd3f23bfd2f, (v) => $7bb837c4f3322cbf$export$5480dcd3f23bfd2f = v);
-$parcel$export($7bb837c4f3322cbf$exports, "recenter-label", () => $7bb837c4f3322cbf$export$81903ae29a3b2493, (v) => $7bb837c4f3322cbf$export$81903ae29a3b2493 = v);
-var $7bb837c4f3322cbf$export$399131e3fb0c6003;
-var $7bb837c4f3322cbf$export$e6ac8d2c206db13b;
-var $7bb837c4f3322cbf$export$5480dcd3f23bfd2f;
-var $7bb837c4f3322cbf$export$81903ae29a3b2493;
-$7bb837c4f3322cbf$export$399131e3fb0c6003 = `y-HzBG_out-of-padding`;
-$7bb837c4f3322cbf$export$e6ac8d2c206db13b = `y-HzBG_off-center`;
-$7bb837c4f3322cbf$export$5480dcd3f23bfd2f = `y-HzBG_recenter-button`;
-$7bb837c4f3322cbf$export$81903ae29a3b2493 = `y-HzBG_recenter-label`;
-
-
-
-const $ce8e9806d0af9d7a$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($7bb837c4f3322cbf$exports))));
-let $ce8e9806d0af9d7a$export$381b754041286ee7;
-(function(PositionFocusState1) {
-    PositionFocusState1[PositionFocusState1["CENTERED"] = 0] = "CENTERED";
-    PositionFocusState1[PositionFocusState1["NEAR_CENTER"] = 1] = "NEAR_CENTER";
-    PositionFocusState1[PositionFocusState1["OFF_CENTER"] = 2] = "OFF_CENTER";
-    PositionFocusState1[PositionFocusState1["OUT_OF_PADDING"] = 3] = "OUT_OF_PADDING";
-    PositionFocusState1[PositionFocusState1["OUT_OF_VIEW"] = 4] = "OUT_OF_VIEW";
-})($ce8e9806d0af9d7a$export$381b754041286ee7 || ($ce8e9806d0af9d7a$export$381b754041286ee7 = {}));
-function $ce8e9806d0af9d7a$export$8b404ce881070dbb(pos) {
-    switch(pos){
-        case $ce8e9806d0af9d7a$export$381b754041286ee7.CENTERED:
-            return "centered";
-        case $ce8e9806d0af9d7a$export$381b754041286ee7.NEAR_CENTER:
-            return "near-center";
-        case $ce8e9806d0af9d7a$export$381b754041286ee7.OFF_CENTER:
-            return "off-center";
-        case $ce8e9806d0af9d7a$export$381b754041286ee7.OUT_OF_PADDING:
-            return "out-of-padding";
-        case $ce8e9806d0af9d7a$export$381b754041286ee7.OUT_OF_VIEW:
-            return "out-of-view";
-    }
-}
-function $ce8e9806d0af9d7a$export$74dc4d71c4c9a90e(pos) {
-    switch(pos){
-        case $ce8e9806d0af9d7a$export$381b754041286ee7.CENTERED:
-        case $ce8e9806d0af9d7a$export$381b754041286ee7.NEAR_CENTER:
-            return (0, $Zz0sd$Intent).NONE;
-        case $ce8e9806d0af9d7a$export$381b754041286ee7.OFF_CENTER:
-            return (0, $Zz0sd$Intent).PRIMARY;
-        case $ce8e9806d0af9d7a$export$381b754041286ee7.OUT_OF_PADDING:
-            return (0, $Zz0sd$Intent).SUCCESS;
-        case $ce8e9806d0af9d7a$export$381b754041286ee7.OUT_OF_VIEW:
-            return (0, $Zz0sd$Intent).WARNING;
-    }
-}
-function $ce8e9806d0af9d7a$export$7bd3facfe20e158a(position, padding) {
-    const mapRef = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
-    const prevPosition = (0, $Zz0sd$useRef)(null);
-    const prevPadding = (0, $Zz0sd$useRef)(null);
-    // Handle map position easing (for both map padding and markers)
-    (0, $Zz0sd$useEffect)(()=>{
-        const map = mapRef.current;
-        if (map == null) return;
-        let opts = null;
-        if (position != prevPosition.current) {
-            opts ??= {};
-            opts.center = position;
-        }
-        if (padding != prevPadding.current) {
-            opts ??= {};
-            opts.padding = padding;
-        }
-        if (opts == null) return;
-        opts.duration = 800;
-        map.flyTo(opts);
-        map.once("moveend", ()=>{
-            /* Waiting until moveend to update the refs allows us to
-      batch overlapping movements together, which increases UI
-      smoothness when, e.g., flying to new panels */ prevPosition.current = position;
-            prevPadding.current = padding;
-        });
-    }, [
-        position,
-        padding
-    ]);
-}
-function $ce8e9806d0af9d7a$var$greatCircleDistance(l1, l2) {
-    // get distance in radians between l1 and l2
-    const dLon = (l2[0] - l1[0]) * Math.PI / 180;
-    // Spherical law of cosines (accurate at large distances)
-    const lat1 = l1[1] * Math.PI / 180;
-    const lat2 = l2[1] * Math.PI / 180;
-    return Math.acos(Math.sin(lat1) * Math.sin(lat2) + Math.cos(lat1) * Math.cos(lat2) * Math.cos(dLon));
-}
-function $ce8e9806d0af9d7a$export$30e71709a35235ad(map, location) {
-    /** Determine whether the infomarker is positioned in the viewport */ if (location == null) return null;
-    const mapCenter = map.getCenter();
-    if (location.hasOwnProperty("lng") && location.hasOwnProperty("lat")) location = [
-        location.lng,
-        location.lat
-    ];
-    if (!(location instanceof Array)) {
-        // Get geometry bounding box
-        const bounds = (0, $Zz0sd$turfbbox)(location);
-        location = [
-            (bounds[0] + bounds[2]) / 2,
-            (bounds[1] + bounds[3]) / 2
-        ];
-    // For non-points this is extremely simplistic at the moment
-    }
-    const dist = $ce8e9806d0af9d7a$var$greatCircleDistance(location, mapCenter);
-    if (dist > Math.PI / 4) return $ce8e9806d0af9d7a$export$381b754041286ee7.OFF_CENTER;
-    else if (dist > Math.PI / 2) return $ce8e9806d0af9d7a$export$381b754041286ee7.OUT_OF_VIEW;
-    const markerPos = map.project(location);
-    const mapPos = map.project(mapCenter);
-    const dx = Math.abs(markerPos.x - mapPos.x);
-    const dy = Math.abs(markerPos.y - mapPos.y);
-    const padding = map.getPadding();
-    let { width: width , height: height  } = map.getCanvas();
-    width /= 2;
-    height /= 2;
-    if (dx < 10 && dy < 10) return $ce8e9806d0af9d7a$export$381b754041286ee7.CENTERED;
-    if (dx < 150 && dy < 150) return $ce8e9806d0af9d7a$export$381b754041286ee7.NEAR_CENTER;
-    if (markerPos.x > padding.left && markerPos.x < width - padding.right && markerPos.y > padding.top && markerPos.y < height - padding.bottom) return $ce8e9806d0af9d7a$export$381b754041286ee7.OFF_CENTER;
-    if (markerPos.x > 0 && markerPos.x < width && markerPos.y > 0 && markerPos.y < height) return $ce8e9806d0af9d7a$export$381b754041286ee7.OUT_OF_PADDING;
-    return $ce8e9806d0af9d7a$export$381b754041286ee7.OUT_OF_VIEW;
-}
-function $ce8e9806d0af9d7a$export$ae79915617215704(position) {
-    const map = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
-    const [focusState, setFocusState] = (0, $Zz0sd$useState)(null);
-    (0, $Zz0sd$useEffect)(()=>{
-        if (map.current == null || position == null) return;
-        const cb = ()=>{
-            setFocusState($ce8e9806d0af9d7a$export$30e71709a35235ad(map.current, position));
-        };
-        map.current?.on("move", cb);
-        cb();
-        return ()=>{
-            map.current?.off("move", cb);
-        };
-    }, [
-        map.current,
-        position
-    ]);
-    return focusState;
-}
-function $ce8e9806d0af9d7a$export$ef19914521000df2(focusState) {
-    return focusState == $ce8e9806d0af9d7a$export$381b754041286ee7.CENTERED || focusState == $ce8e9806d0af9d7a$export$381b754041286ee7.NEAR_CENTER;
-}
-function $ce8e9806d0af9d7a$var$getCenterAndBestZoom(input) {
-    let box;
-    let center = null;
-    let zoom = null;
-    if (input instanceof Array) {
-        if (input.length === 2) point = input;
-        else if (input.length === 4) box = input;
-    }
-    if (input.hasOwnProperty("lat") && input.hasOwnProperty("lng")) center = [
-        input.lng,
-        input.lat
-    ];
-    // If input is a geometry, get its bounding box
-    if (input.hasOwnProperty("type")) {
-        if (input.type === "Point") center = input.coordinates;
-        else box = (0, $Zz0sd$turfbbox)(input);
-    }
-    if (box != null) {
-        center = [
-            (box[0] + box[2]) / 2,
-            (box[1] + box[3]) / 2
-        ];
-        const dist = $ce8e9806d0af9d7a$var$greatCircleDistance(center, [
-            box[0],
-            box[1]
-        ]);
-        zoom = Math.log2(Math.PI * 2 / dist) - 1;
-    }
-    return {
-        center: center,
-        zoom: zoom
-    };
-}
-function $ce8e9806d0af9d7a$export$914b296afaaf39f6({ location: location , className: className , easeDuration: easeDuration = 800 , focusState: focusState = null , ...rest }) {
-    const map = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
-    const defaultFocusState = $ce8e9806d0af9d7a$export$ae79915617215704(location);
-    focusState ??= defaultFocusState;
-    const _isCentered = $ce8e9806d0af9d7a$export$ef19914521000df2(focusState);
-    return $ce8e9806d0af9d7a$var$h((0, $Zz0sd$Button), {
-        minimal: true,
-        icon: "map-marker",
-        onClick () {
-            if (focusState == $ce8e9806d0af9d7a$export$381b754041286ee7.CENTERED) map.current?.resetNorth();
-            else {
-                let opts = {
-                    duration: easeDuration
-                };
-                const { center: center , zoom: zoom  } = $ce8e9806d0af9d7a$var$getCenterAndBestZoom(location);
-                if (center == null) return;
-                else opts = {
-                    ...opts,
-                    center: center
-                };
-                if (zoom != null) opts = {
-                    ...opts,
-                    zoom: zoom
-                };
-                map.current?.flyTo(opts);
-            }
-        },
-        className: (0, $Zz0sd$classnames)("recenter-button", className, $ce8e9806d0af9d7a$export$8b404ce881070dbb(focusState)),
-        intent: $ce8e9806d0af9d7a$export$74dc4d71c4c9a90e(focusState),
-        ...rest
-    }, [
-        _isCentered ? null : $ce8e9806d0af9d7a$var$h("span.recenter-label", "Recenter")
-    ]);
-}
-
-
-
-
 const $6e914c81c8e053da$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($fbe402416678c280$exports))));
 const $6e914c81c8e053da$var$spinnerElement = $6e914c81c8e053da$var$h((0, $Zz0sd$Spinner), {
     size: 16
@@ -763,7 +87,7 @@ function $6e914c81c8e053da$export$4ec83e90d030b2f3({ isLoading: isLoading = fals
     });
 }
 function $6e914c81c8e053da$export$9e3bae3c08bde368(props) {
-    const { isLoading: isLoading  } = (0, $dc75c8651942e3cf$export$6b15394f69cd8f33)();
+    const { isLoading: isLoading  } = (0, $Zz0sd$useMapStatus)();
     const mapIsLoading = (0, $Zz0sd$useMemo)(()=>isLoading, [
         isLoading
     ]);
@@ -798,33 +122,33 @@ $parcel$export($f50c3537aaff0cff$exports, "LocationPanel", () => $f50c3537aaff0c
 
 var $29ab0212ea6844d0$exports = {};
 
-$parcel$export($29ab0212ea6844d0$exports, "infodrawer-header-item", () => $29ab0212ea6844d0$export$333d72514239bce8, (v) => $29ab0212ea6844d0$export$333d72514239bce8 = v);
-$parcel$export($29ab0212ea6844d0$exports, "position-controls", () => $29ab0212ea6844d0$export$dfae07a3bf0fbd6, (v) => $29ab0212ea6844d0$export$dfae07a3bf0fbd6 = v);
 $parcel$export($29ab0212ea6844d0$exports, "infodrawer-body", () => $29ab0212ea6844d0$export$310e8f86a84c074f, (v) => $29ab0212ea6844d0$export$310e8f86a84c074f = v);
-$parcel$export($29ab0212ea6844d0$exports, "location-panel-header", () => $29ab0212ea6844d0$export$d821beb98a87c6d7, (v) => $29ab0212ea6844d0$export$d821beb98a87c6d7 = v);
-$parcel$export($29ab0212ea6844d0$exports, "left-icon", () => $29ab0212ea6844d0$export$f750577db09821ce, (v) => $29ab0212ea6844d0$export$f750577db09821ce = v);
 $parcel$export($29ab0212ea6844d0$exports, "loading", () => $29ab0212ea6844d0$export$46c1c92549715335, (v) => $29ab0212ea6844d0$export$46c1c92549715335 = v);
+$parcel$export($29ab0212ea6844d0$exports, "location-panel-header", () => $29ab0212ea6844d0$export$d821beb98a87c6d7, (v) => $29ab0212ea6844d0$export$d821beb98a87c6d7 = v);
+$parcel$export($29ab0212ea6844d0$exports, "infodrawer-header-item", () => $29ab0212ea6844d0$export$333d72514239bce8, (v) => $29ab0212ea6844d0$export$333d72514239bce8 = v);
 $parcel$export($29ab0212ea6844d0$exports, "spacer", () => $29ab0212ea6844d0$export$8cc075c801fd6817, (v) => $29ab0212ea6844d0$export$8cc075c801fd6817 = v);
-$parcel$export($29ab0212ea6844d0$exports, "infodrawer", () => $29ab0212ea6844d0$export$b5017f7ff265217d, (v) => $29ab0212ea6844d0$export$b5017f7ff265217d = v);
+$parcel$export($29ab0212ea6844d0$exports, "left-icon", () => $29ab0212ea6844d0$export$f750577db09821ce, (v) => $29ab0212ea6844d0$export$f750577db09821ce = v);
+$parcel$export($29ab0212ea6844d0$exports, "position-controls", () => $29ab0212ea6844d0$export$dfae07a3bf0fbd6, (v) => $29ab0212ea6844d0$export$dfae07a3bf0fbd6 = v);
 $parcel$export($29ab0212ea6844d0$exports, "copy-link-button", () => $29ab0212ea6844d0$export$d1352d0c31a65024, (v) => $29ab0212ea6844d0$export$d1352d0c31a65024 = v);
-var $29ab0212ea6844d0$export$333d72514239bce8;
-var $29ab0212ea6844d0$export$dfae07a3bf0fbd6;
+$parcel$export($29ab0212ea6844d0$exports, "infodrawer", () => $29ab0212ea6844d0$export$b5017f7ff265217d, (v) => $29ab0212ea6844d0$export$b5017f7ff265217d = v);
 var $29ab0212ea6844d0$export$310e8f86a84c074f;
-var $29ab0212ea6844d0$export$d821beb98a87c6d7;
-var $29ab0212ea6844d0$export$f750577db09821ce;
 var $29ab0212ea6844d0$export$46c1c92549715335;
+var $29ab0212ea6844d0$export$d821beb98a87c6d7;
+var $29ab0212ea6844d0$export$333d72514239bce8;
 var $29ab0212ea6844d0$export$8cc075c801fd6817;
-var $29ab0212ea6844d0$export$b5017f7ff265217d;
+var $29ab0212ea6844d0$export$f750577db09821ce;
+var $29ab0212ea6844d0$export$dfae07a3bf0fbd6;
 var $29ab0212ea6844d0$export$d1352d0c31a65024;
-$29ab0212ea6844d0$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;
-$29ab0212ea6844d0$export$dfae07a3bf0fbd6 = `VPa3-W_position-controls`;
+var $29ab0212ea6844d0$export$b5017f7ff265217d;
 $29ab0212ea6844d0$export$310e8f86a84c074f = `VPa3-W_infodrawer-body`;
-$29ab0212ea6844d0$export$d821beb98a87c6d7 = `VPa3-W_location-panel-header`;
-$29ab0212ea6844d0$export$f750577db09821ce = `VPa3-W_left-icon`;
 $29ab0212ea6844d0$export$46c1c92549715335 = `VPa3-W_loading`;
+$29ab0212ea6844d0$export$d821beb98a87c6d7 = `VPa3-W_location-panel-header`;
+$29ab0212ea6844d0$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;
 $29ab0212ea6844d0$export$8cc075c801fd6817 = `VPa3-W_spacer`;
-$29ab0212ea6844d0$export$b5017f7ff265217d = `VPa3-W_infodrawer`;
+$29ab0212ea6844d0$export$f750577db09821ce = `VPa3-W_left-icon`;
+$29ab0212ea6844d0$export$dfae07a3bf0fbd6 = `VPa3-W_position-controls`;
 $29ab0212ea6844d0$export$d1352d0c31a65024 = `VPa3-W_copy-link-button`;
+$29ab0212ea6844d0$export$b5017f7ff265217d = `VPa3-W_infodrawer`;
 
 
 
@@ -1000,160 +324,47 @@ function $962bc0f04255cfc3$export$8b052fe25089340e(key1, initialState, isValid =
     ]);
     if (!validator(initialValue)) initialValue = null;
     const [state1, _setState] = (0, $Zz0sd$useState)(initialValue ?? initialState);
-    const setState = (0, $Zz0sd$useCallback)((nextState, validate = true)=>{
-        if (validate && !validator(nextState)) throw `State ${nextState} is not valid.`;
-        _setState(nextState);
-        storage.set(nextState);
-    }, [
-        validator
-    ]);
-    const resetState = (0, $Zz0sd$useCallback)(()=>{
-        _setState(initialState);
-        storage.remove();
-    }, [
-        initialState
-    ]);
-    return [
-        state1,
-        setState,
-        resetState
-    ];
-}
-
-
-
-
-
-
-
-
-const $70366c8972398d2a$var$systemDarkMode = ()=>({
-        isEnabled: $70366c8972398d2a$var$matcher?.matches ?? false,
-        isAutoset: true
-    });
-const $70366c8972398d2a$var$ValueContext = (0, $Zz0sd$createContext)({
-    isEnabled: false,
-    isAutoset: false
-});
-const $70366c8972398d2a$var$UpdaterContext = (0, $Zz0sd$createContext)(null);
-const $70366c8972398d2a$var$matcher = window?.matchMedia("(prefers-color-scheme: dark)");
-const $70366c8972398d2a$var$_DarkModeProvider = (props)=>{
-    const { addBodyClasses: addBodyClasses = true , isEnabled: isEnabled1 , followSystem: followSystem = false , children: children ,  } = props;
-    const [storedValue, updateValue, resetState] = (0, $962bc0f04255cfc3$export$8b052fe25089340e)("ui-dark-mode", $70366c8972398d2a$var$systemDarkMode());
-    // Guards so that we don't error on an invalid stored value
-    const value = {
-        isEnabled: storedValue?.isEnabled ?? false,
-        isAutoset: storedValue?.isAutoset ?? false
-    };
-    (0, $Zz0sd$useEffect)(()=>{
-        if (!followSystem) return;
-        updateValue($70366c8972398d2a$var$systemDarkMode());
-    }, []);
-    (0, $Zz0sd$useEffect)(()=>{
-        // Update value if isEnabled is provided
-        if (isEnabled1 == null) return;
-        updateValue({
-            isAutoset: false,
-            isEnabled: isEnabled1
-        });
-    }, [
-        isEnabled1
-    ]);
-    // Manage dark mode body classes
-    (0, $Zz0sd$useEffect)(()=>{
-        if (!addBodyClasses) return;
-        if (value.isEnabled) document.body.classList.add("bp4-dark");
-        else document.body.classList.remove("bp4-dark");
-    }, [
-        storedValue
-    ]);
-    const update = (enabled)=>{
-        if (enabled == null) return resetState();
-        const isEnabled = enabled ?? !value.isEnabled;
-        updateValue({
-            isAutoset: false,
-            isEnabled: isEnabled
-        });
-    };
-    const onSystemChange = (0, $Zz0sd$useCallback)((e)=>{
-        if (value.isAutoset || followSystem) updateValue($70366c8972398d2a$var$systemDarkMode());
-    }, [
-        value.isAutoset,
-        followSystem
-    ]);
-    (0, $Zz0sd$useEffect)(()=>{
-        if ($70366c8972398d2a$var$matcher == null) return;
-        $70366c8972398d2a$var$matcher.addEventListener("change", onSystemChange);
-        return ()=>{
-            $70366c8972398d2a$var$matcher.removeEventListener("change", onSystemChange);
-        };
-    }, [
-        onSystemChange
-    ]);
-    return (0, $Zz0sd$macrostrathyper)($70366c8972398d2a$var$ValueContext.Provider, {
-        value: value
-    }, (0, $Zz0sd$macrostrathyper)($70366c8972398d2a$var$UpdaterContext.Provider, {
-        value: update
-    }, children));
-};
-const $70366c8972398d2a$export$6c869dfd601c964b = (props)=>{
-    // Ensure that only one provider is active for an application
-    const parentCtx = (0, $Zz0sd$useContext)($70366c8972398d2a$var$UpdaterContext);
-    if (parentCtx != null) return props.children ?? null;
-    return (0, $Zz0sd$macrostrathyper)($70366c8972398d2a$var$_DarkModeProvider, props);
-};
-const $70366c8972398d2a$export$4673cbff94e146e2 = ()=>(0, $Zz0sd$useContext)($70366c8972398d2a$var$ValueContext);
-const $70366c8972398d2a$export$da73e849bfb9b978 = ()=>$70366c8972398d2a$export$4673cbff94e146e2()?.isEnabled ?? false;
-const $70366c8972398d2a$export$2158f0320fd21632 = ()=>(0, $Zz0sd$useContext)($70366c8972398d2a$var$UpdaterContext);
-const $70366c8972398d2a$export$4ca1a7f9e076e79b = (props)=>{
-    const { allowReset: allowReset = true , showText: showText = false , children: children , ...rest } = props;
-    const { isEnabled: isEnabled , isAutoset: isAutoset  } = $70366c8972398d2a$export$4673cbff94e146e2();
-    const icon = isEnabled ? "flash" : "moon";
-    const update = $70366c8972398d2a$export$2158f0320fd21632();
-    const onClick = (event)=>{
-        if (update == null) {
-            console.warn("No DarkModeProvider is available");
-            return;
-        }
-        if (allowReset && event.shiftKey) {
-            update(null);
-            return;
-        }
-        update(!isEnabled);
-    };
-    const active = !isAutoset;
-    return (0, $Zz0sd$macrostrathyper)((0, $Zz0sd$Button), {
-        active: active,
-        ...rest,
-        icon: icon,
-        onClick: onClick
+    const setState = (0, $Zz0sd$useCallback)((nextState, validate = true)=>{
+        if (validate && !validator(nextState)) throw `State ${nextState} is not valid.`;
+        _setState(nextState);
+        storage.set(nextState);
     }, [
-        (0, $Zz0sd$macrostrathyper).if(showText)([
-            isEnabled ? "Light" : "Dark"
-        ]),
-        children, 
+        validator
     ]);
-};
+    const resetState = (0, $Zz0sd$useCallback)(()=>{
+        _setState(initialState);
+        storage.remove();
+    }, [
+        initialState
+    ]);
+    return [
+        state1,
+        setState,
+        resetState
+    ];
+}
+
+
 
 
 
 var $439cdbb36f71c7cb$exports = {};
 
-$parcel$export($439cdbb36f71c7cb$exports, "flex-spacer", () => $439cdbb36f71c7cb$export$b3bb2ed7c69eb53c, (v) => $439cdbb36f71c7cb$export$b3bb2ed7c69eb53c = v);
 $parcel$export($439cdbb36f71c7cb$exports, "flex-row", () => $439cdbb36f71c7cb$export$1ec2a4762acd7aec, (v) => $439cdbb36f71c7cb$export$1ec2a4762acd7aec = v);
+$parcel$export($439cdbb36f71c7cb$exports, "json-view-container", () => $439cdbb36f71c7cb$export$34a5cf3b4678f4f4, (v) => $439cdbb36f71c7cb$export$34a5cf3b4678f4f4 = v);
 $parcel$export($439cdbb36f71c7cb$exports, "root-hidden", () => $439cdbb36f71c7cb$export$e525b52bb498dd65, (v) => $439cdbb36f71c7cb$export$e525b52bb498dd65 = v);
 $parcel$export($439cdbb36f71c7cb$exports, "flex-col", () => $439cdbb36f71c7cb$export$39076b5dbe08a0a4, (v) => $439cdbb36f71c7cb$export$39076b5dbe08a0a4 = v);
-$parcel$export($439cdbb36f71c7cb$exports, "json-view-container", () => $439cdbb36f71c7cb$export$34a5cf3b4678f4f4, (v) => $439cdbb36f71c7cb$export$34a5cf3b4678f4f4 = v);
-var $439cdbb36f71c7cb$export$b3bb2ed7c69eb53c;
+$parcel$export($439cdbb36f71c7cb$exports, "flex-spacer", () => $439cdbb36f71c7cb$export$b3bb2ed7c69eb53c, (v) => $439cdbb36f71c7cb$export$b3bb2ed7c69eb53c = v);
 var $439cdbb36f71c7cb$export$1ec2a4762acd7aec;
+var $439cdbb36f71c7cb$export$34a5cf3b4678f4f4;
 var $439cdbb36f71c7cb$export$e525b52bb498dd65;
 var $439cdbb36f71c7cb$export$39076b5dbe08a0a4;
-var $439cdbb36f71c7cb$export$34a5cf3b4678f4f4;
-$439cdbb36f71c7cb$export$b3bb2ed7c69eb53c = `_39DLrq_flex-spacer`;
+var $439cdbb36f71c7cb$export$b3bb2ed7c69eb53c;
 $439cdbb36f71c7cb$export$1ec2a4762acd7aec = `_39DLrq_flex-row`;
+$439cdbb36f71c7cb$export$34a5cf3b4678f4f4 = `_39DLrq_json-view-container`;
 $439cdbb36f71c7cb$export$e525b52bb498dd65 = `_39DLrq_root-hidden`;
 $439cdbb36f71c7cb$export$39076b5dbe08a0a4 = `_39DLrq_flex-col`;
-$439cdbb36f71c7cb$export$34a5cf3b4678f4f4 = `_39DLrq_json-view-container`;
+$439cdbb36f71c7cb$export$b3bb2ed7c69eb53c = `_39DLrq_flex-spacer`;
 
 
 const $e94acad285dc5835$var$h = (0, $Zz0sd$hyperStyled)((0, (/*@__PURE__*/$parcel$interopDefault($439cdbb36f71c7cb$exports))));
@@ -1178,15 +389,13 @@ const $e94acad285dc5835$var$monokai = {
     base0F: "#cc6633"
 };
 function $e94acad285dc5835$export$bb1a5c615d2117e4(props) {
-    const invertTheme = !(0, $70366c8972398d2a$export$da73e849bfb9b978)();
     return $e94acad285dc5835$var$h("div.json-view-container", {
         className: (0, $Zz0sd$classnames)(props.className, {
-            "root-hidden": props.hideRoot,
-            "invert-theme": invertTheme
+            "root-hidden": props.hideRoot
         })
     }, $e94acad285dc5835$var$h((0, $Zz0sd$reactjsontree), {
         theme: $e94acad285dc5835$var$monokai,
-        invertTheme: invertTheme,
+        invertTheme: false,
         ...props
     }));
 }
@@ -2908,24 +2117,136 @@ const $33f06e347cd34062$export$9dcd2b1ca4768128 = $33f06e347cd34062$export$7460c
 
 
 
+const $70366c8972398d2a$var$systemDarkMode = ()=>({
+        isEnabled: $70366c8972398d2a$var$matcher?.matches ?? false,
+        isAutoset: true
+    });
+const $70366c8972398d2a$var$ValueContext = (0, $Zz0sd$createContext)({
+    isEnabled: false,
+    isAutoset: false
+});
+const $70366c8972398d2a$var$UpdaterContext = (0, $Zz0sd$createContext)(null);
+const $70366c8972398d2a$var$matcher = window?.matchMedia("(prefers-color-scheme: dark)");
+const $70366c8972398d2a$var$_DarkModeProvider = (props)=>{
+    const { addBodyClasses: addBodyClasses = true , isEnabled: isEnabled1 , followSystem: followSystem = false , children: children ,  } = props;
+    const [storedValue, updateValue, resetState] = (0, $962bc0f04255cfc3$export$8b052fe25089340e)("ui-dark-mode", $70366c8972398d2a$var$systemDarkMode());
+    // Guards so that we don't error on an invalid stored value
+    const value = {
+        isEnabled: storedValue?.isEnabled ?? false,
+        isAutoset: storedValue?.isAutoset ?? false
+    };
+    (0, $Zz0sd$useEffect)(()=>{
+        if (!followSystem) return;
+        updateValue($70366c8972398d2a$var$systemDarkMode());
+    }, []);
+    (0, $Zz0sd$useEffect)(()=>{
+        // Update value if isEnabled is provided
+        if (isEnabled1 == null) return;
+        updateValue({
+            isAutoset: false,
+            isEnabled: isEnabled1
+        });
+    }, [
+        isEnabled1
+    ]);
+    // Manage dark mode body classes
+    (0, $Zz0sd$useEffect)(()=>{
+        if (!addBodyClasses) return;
+        if (value.isEnabled) document.body.classList.add("bp4-dark");
+        else document.body.classList.remove("bp4-dark");
+    }, [
+        storedValue
+    ]);
+    const update = (enabled)=>{
+        if (enabled == null) return resetState();
+        const isEnabled = enabled ?? !value.isEnabled;
+        updateValue({
+            isAutoset: false,
+            isEnabled: isEnabled
+        });
+    };
+    const onSystemChange = (0, $Zz0sd$useCallback)((e)=>{
+        if (value.isAutoset || followSystem) updateValue($70366c8972398d2a$var$systemDarkMode());
+    }, [
+        value.isAutoset,
+        followSystem
+    ]);
+    (0, $Zz0sd$useEffect)(()=>{
+        if ($70366c8972398d2a$var$matcher == null) return;
+        $70366c8972398d2a$var$matcher.addEventListener("change", onSystemChange);
+        return ()=>{
+            $70366c8972398d2a$var$matcher.removeEventListener("change", onSystemChange);
+        };
+    }, [
+        onSystemChange
+    ]);
+    return (0, $Zz0sd$macrostrathyper)($70366c8972398d2a$var$ValueContext.Provider, {
+        value: value
+    }, (0, $Zz0sd$macrostrathyper)($70366c8972398d2a$var$UpdaterContext.Provider, {
+        value: update
+    }, children));
+};
+const $70366c8972398d2a$export$6c869dfd601c964b = (props)=>{
+    // Ensure that only one provider is active for an application
+    const parentCtx = (0, $Zz0sd$useContext)($70366c8972398d2a$var$UpdaterContext);
+    if (parentCtx != null) return props.children ?? null;
+    return (0, $Zz0sd$macrostrathyper)($70366c8972398d2a$var$_DarkModeProvider, props);
+};
+const $70366c8972398d2a$export$4673cbff94e146e2 = ()=>(0, $Zz0sd$useContext)($70366c8972398d2a$var$ValueContext);
+const $70366c8972398d2a$export$da73e849bfb9b978 = ()=>$70366c8972398d2a$export$4673cbff94e146e2()?.isEnabled ?? false;
+const $70366c8972398d2a$export$2158f0320fd21632 = ()=>(0, $Zz0sd$useContext)($70366c8972398d2a$var$UpdaterContext);
+const $70366c8972398d2a$export$4ca1a7f9e076e79b = (props)=>{
+    const { allowReset: allowReset = true , showText: showText = false , children: children , ...rest } = props;
+    const { isEnabled: isEnabled , isAutoset: isAutoset  } = $70366c8972398d2a$export$4673cbff94e146e2();
+    const icon = isEnabled ? "flash" : "moon";
+    const update = $70366c8972398d2a$export$2158f0320fd21632();
+    const onClick = (event)=>{
+        if (update == null) {
+            console.warn("No DarkModeProvider is available");
+            return;
+        }
+        if (allowReset && event.shiftKey) {
+            update(null);
+            return;
+        }
+        update(!isEnabled);
+    };
+    const active = !isAutoset;
+    return (0, $Zz0sd$macrostrathyper)((0, $Zz0sd$Button), {
+        active: active,
+        ...rest,
+        icon: icon,
+        onClick: onClick
+    }, [
+        (0, $Zz0sd$macrostrathyper).if(showText)([
+            isEnabled ? "Light" : "Dark"
+        ]),
+        children, 
+    ]);
+};
+
+
+
+
+
 
 var $4ec1d86cd773cb72$exports = {};
 
-$parcel$export($4ec1d86cd773cb72$exports, "bp4-slider-handle", () => $4ec1d86cd773cb72$export$4169bb8e8b0a147a, (v) => $4ec1d86cd773cb72$export$4169bb8e8b0a147a = v);
-$parcel$export($4ec1d86cd773cb72$exports, "mui-slider-disabled", () => $4ec1d86cd773cb72$export$223d74fd94b8aafd, (v) => $4ec1d86cd773cb72$export$223d74fd94b8aafd = v);
-$parcel$export($4ec1d86cd773cb72$exports, "nullable-slider", () => $4ec1d86cd773cb72$export$9d79918c5e5ccc23, (v) => $4ec1d86cd773cb72$export$9d79918c5e5ccc23 = v);
 $parcel$export($4ec1d86cd773cb72$exports, "bp4-slider", () => $4ec1d86cd773cb72$export$cbeaddd6cc70281e, (v) => $4ec1d86cd773cb72$export$cbeaddd6cc70281e = v);
+$parcel$export($4ec1d86cd773cb72$exports, "mui-slider-disabled", () => $4ec1d86cd773cb72$export$223d74fd94b8aafd, (v) => $4ec1d86cd773cb72$export$223d74fd94b8aafd = v);
 $parcel$export($4ec1d86cd773cb72$exports, "controls", () => $4ec1d86cd773cb72$export$cc1adf6fb659c762, (v) => $4ec1d86cd773cb72$export$cc1adf6fb659c762 = v);
-var $4ec1d86cd773cb72$export$4169bb8e8b0a147a;
-var $4ec1d86cd773cb72$export$223d74fd94b8aafd;
-var $4ec1d86cd773cb72$export$9d79918c5e5ccc23;
+$parcel$export($4ec1d86cd773cb72$exports, "bp4-slider-handle", () => $4ec1d86cd773cb72$export$4169bb8e8b0a147a, (v) => $4ec1d86cd773cb72$export$4169bb8e8b0a147a = v);
+$parcel$export($4ec1d86cd773cb72$exports, "nullable-slider", () => $4ec1d86cd773cb72$export$9d79918c5e5ccc23, (v) => $4ec1d86cd773cb72$export$9d79918c5e5ccc23 = v);
 var $4ec1d86cd773cb72$export$cbeaddd6cc70281e;
+var $4ec1d86cd773cb72$export$223d74fd94b8aafd;
 var $4ec1d86cd773cb72$export$cc1adf6fb659c762;
-$4ec1d86cd773cb72$export$4169bb8e8b0a147a = `TW5XUq_bp4-slider-handle`;
-$4ec1d86cd773cb72$export$223d74fd94b8aafd = `TW5XUq_mui-slider-disabled`;
-$4ec1d86cd773cb72$export$9d79918c5e5ccc23 = `TW5XUq_nullable-slider`;
+var $4ec1d86cd773cb72$export$4169bb8e8b0a147a;
+var $4ec1d86cd773cb72$export$9d79918c5e5ccc23;
 $4ec1d86cd773cb72$export$cbeaddd6cc70281e = `TW5XUq_bp4-slider`;
+$4ec1d86cd773cb72$export$223d74fd94b8aafd = `TW5XUq_mui-slider-disabled`;
 $4ec1d86cd773cb72$export$cc1adf6fb659c762 = `TW5XUq_controls`;
+$4ec1d86cd773cb72$export$4169bb8e8b0a147a = `TW5XUq_bp4-slider-handle`;
+$4ec1d86cd773cb72$export$9d79918c5e5ccc23 = `TW5XUq_nullable-slider`;
 
 
 const $23a8c77e45754d90$var$h = (0, $Zz0sd$hyperStyled)((0, (/*@__PURE__*/$parcel$interopDefault($4ec1d86cd773cb72$exports))));
@@ -3201,42 +2522,42 @@ function $dd30f84b43282b34$export$ae1920fef0a09de8(props) {
 
 var $7798de452206f42d$exports = {};
 
-$parcel$export($7798de452206f42d$exports, "panel-outer", () => $7798de452206f42d$export$e671aa0933ea24f9, (v) => $7798de452206f42d$export$e671aa0933ea24f9 = v);
-$parcel$export($7798de452206f42d$exports, "minimal", () => $7798de452206f42d$export$10c083462c34aef3, (v) => $7798de452206f42d$export$10c083462c34aef3 = v);
-$parcel$export($7798de452206f42d$exports, "expander", () => $7798de452206f42d$export$f194ed9df726ec47, (v) => $7798de452206f42d$export$f194ed9df726ec47 = v);
-$parcel$export($7798de452206f42d$exports, "panel-content", () => $7798de452206f42d$export$8ca81bb4a7c3bee, (v) => $7798de452206f42d$export$8ca81bb4a7c3bee = v);
-$parcel$export($7798de452206f42d$exports, "overflow-hidden", () => $7798de452206f42d$export$15ee5781b96cbd33, (v) => $7798de452206f42d$export$15ee5781b96cbd33 = v);
-$parcel$export($7798de452206f42d$exports, "panel-container-inner", () => $7798de452206f42d$export$95530b1b29b21d7, (v) => $7798de452206f42d$export$95530b1b29b21d7 = v);
 $parcel$export($7798de452206f42d$exports, "panel", () => $7798de452206f42d$export$21f42ab9b6679f44, (v) => $7798de452206f42d$export$21f42ab9b6679f44 = v);
+$parcel$export($7798de452206f42d$exports, "extra-space", () => $7798de452206f42d$export$cd109afefddca7db, (v) => $7798de452206f42d$export$cd109afefddca7db = v);
 $parcel$export($7798de452206f42d$exports, "panel-container", () => $7798de452206f42d$export$9dd9a0eceddf6af6, (v) => $7798de452206f42d$export$9dd9a0eceddf6af6 = v);
+$parcel$export($7798de452206f42d$exports, "panel-content", () => $7798de452206f42d$export$8ca81bb4a7c3bee, (v) => $7798de452206f42d$export$8ca81bb4a7c3bee = v);
+$parcel$export($7798de452206f42d$exports, "overflow-hidden", () => $7798de452206f42d$export$15ee5781b96cbd33, (v) => $7798de452206f42d$export$15ee5781b96cbd33 = v);
+$parcel$export($7798de452206f42d$exports, "minimal", () => $7798de452206f42d$export$10c083462c34aef3, (v) => $7798de452206f42d$export$10c083462c34aef3 = v);
 $parcel$export($7798de452206f42d$exports, "content-panel", () => $7798de452206f42d$export$75659614cf20214d, (v) => $7798de452206f42d$export$75659614cf20214d = v);
-$parcel$export($7798de452206f42d$exports, "panel-header", () => $7798de452206f42d$export$90b77e3be608e918, (v) => $7798de452206f42d$export$90b77e3be608e918 = v);
+$parcel$export($7798de452206f42d$exports, "panel-outer", () => $7798de452206f42d$export$e671aa0933ea24f9, (v) => $7798de452206f42d$export$e671aa0933ea24f9 = v);
 $parcel$export($7798de452206f42d$exports, "panel-column", () => $7798de452206f42d$export$b41821d1dd2069d4, (v) => $7798de452206f42d$export$b41821d1dd2069d4 = v);
-$parcel$export($7798de452206f42d$exports, "extra-space", () => $7798de452206f42d$export$cd109afefddca7db, (v) => $7798de452206f42d$export$cd109afefddca7db = v);
-var $7798de452206f42d$export$e671aa0933ea24f9;
-var $7798de452206f42d$export$10c083462c34aef3;
-var $7798de452206f42d$export$f194ed9df726ec47;
-var $7798de452206f42d$export$8ca81bb4a7c3bee;
-var $7798de452206f42d$export$15ee5781b96cbd33;
-var $7798de452206f42d$export$95530b1b29b21d7;
+$parcel$export($7798de452206f42d$exports, "panel-container-inner", () => $7798de452206f42d$export$95530b1b29b21d7, (v) => $7798de452206f42d$export$95530b1b29b21d7 = v);
+$parcel$export($7798de452206f42d$exports, "panel-header", () => $7798de452206f42d$export$90b77e3be608e918, (v) => $7798de452206f42d$export$90b77e3be608e918 = v);
+$parcel$export($7798de452206f42d$exports, "expander", () => $7798de452206f42d$export$f194ed9df726ec47, (v) => $7798de452206f42d$export$f194ed9df726ec47 = v);
 var $7798de452206f42d$export$21f42ab9b6679f44;
+var $7798de452206f42d$export$cd109afefddca7db;
 var $7798de452206f42d$export$9dd9a0eceddf6af6;
+var $7798de452206f42d$export$8ca81bb4a7c3bee;
+var $7798de452206f42d$export$15ee5781b96cbd33;
+var $7798de452206f42d$export$10c083462c34aef3;
 var $7798de452206f42d$export$75659614cf20214d;
-var $7798de452206f42d$export$90b77e3be608e918;
+var $7798de452206f42d$export$e671aa0933ea24f9;
 var $7798de452206f42d$export$b41821d1dd2069d4;
-var $7798de452206f42d$export$cd109afefddca7db;
-$7798de452206f42d$export$e671aa0933ea24f9 = `TGPwIq_panel-outer`;
-$7798de452206f42d$export$10c083462c34aef3 = `TGPwIq_minimal`;
-$7798de452206f42d$export$f194ed9df726ec47 = `TGPwIq_expander`;
-$7798de452206f42d$export$8ca81bb4a7c3bee = `TGPwIq_panel-content`;
-$7798de452206f42d$export$15ee5781b96cbd33 = `TGPwIq_overflow-hidden`;
-$7798de452206f42d$export$95530b1b29b21d7 = `TGPwIq_panel-container-inner`;
+var $7798de452206f42d$export$95530b1b29b21d7;
+var $7798de452206f42d$export$90b77e3be608e918;
+var $7798de452206f42d$export$f194ed9df726ec47;
 $7798de452206f42d$export$21f42ab9b6679f44 = `TGPwIq_panel`;
+$7798de452206f42d$export$cd109afefddca7db = `TGPwIq_extra-space`;
 $7798de452206f42d$export$9dd9a0eceddf6af6 = `TGPwIq_panel-container`;
+$7798de452206f42d$export$8ca81bb4a7c3bee = `TGPwIq_panel-content`;
+$7798de452206f42d$export$15ee5781b96cbd33 = `TGPwIq_overflow-hidden`;
+$7798de452206f42d$export$10c083462c34aef3 = `TGPwIq_minimal`;
 $7798de452206f42d$export$75659614cf20214d = `TGPwIq_content-panel`;
-$7798de452206f42d$export$90b77e3be608e918 = `TGPwIq_panel-header`;
+$7798de452206f42d$export$e671aa0933ea24f9 = `TGPwIq_panel-outer`;
 $7798de452206f42d$export$b41821d1dd2069d4 = `TGPwIq_panel-column`;
-$7798de452206f42d$export$cd109afefddca7db = `TGPwIq_extra-space`;
+$7798de452206f42d$export$95530b1b29b21d7 = `TGPwIq_panel-container-inner`;
+$7798de452206f42d$export$90b77e3be608e918 = `TGPwIq_panel-header`;
+$7798de452206f42d$export$f194ed9df726ec47 = `TGPwIq_expander`;
 
 
 
@@ -3397,24 +2718,24 @@ const $e64decd575080523$export$25c607d6a337a384 = (props)=>$e64decd575080523$var
 
 var $d75f5cd4dad80e8f$exports = {};
 
-$parcel$export($d75f5cd4dad80e8f$exports, "expanded", () => $d75f5cd4dad80e8f$export$52105d146316f63c, (v) => $d75f5cd4dad80e8f$export$52105d146316f63c = v);
-$parcel$export($d75f5cd4dad80e8f$exports, "user-interface", () => $d75f5cd4dad80e8f$export$e005ee6dda35184b, (v) => $d75f5cd4dad80e8f$export$e005ee6dda35184b = v);
-$parcel$export($d75f5cd4dad80e8f$exports, "spacer", () => $d75f5cd4dad80e8f$export$8cc075c801fd6817, (v) => $d75f5cd4dad80e8f$export$8cc075c801fd6817 = v);
-$parcel$export($d75f5cd4dad80e8f$exports, "three-column", () => $d75f5cd4dad80e8f$export$55d10750d58b7b01, (v) => $d75f5cd4dad80e8f$export$55d10750d58b7b01 = v);
 $parcel$export($d75f5cd4dad80e8f$exports, "main-column", () => $d75f5cd4dad80e8f$export$9c88f9a435c40ccb, (v) => $d75f5cd4dad80e8f$export$9c88f9a435c40ccb = v);
+$parcel$export($d75f5cd4dad80e8f$exports, "three-column", () => $d75f5cd4dad80e8f$export$55d10750d58b7b01, (v) => $d75f5cd4dad80e8f$export$55d10750d58b7b01 = v);
+$parcel$export($d75f5cd4dad80e8f$exports, "user-interface", () => $d75f5cd4dad80e8f$export$e005ee6dda35184b, (v) => $d75f5cd4dad80e8f$export$e005ee6dda35184b = v);
 $parcel$export($d75f5cd4dad80e8f$exports, "context-column", () => $d75f5cd4dad80e8f$export$9b1daf63e7965780, (v) => $d75f5cd4dad80e8f$export$9b1daf63e7965780 = v);
-var $d75f5cd4dad80e8f$export$52105d146316f63c;
-var $d75f5cd4dad80e8f$export$e005ee6dda35184b;
-var $d75f5cd4dad80e8f$export$8cc075c801fd6817;
-var $d75f5cd4dad80e8f$export$55d10750d58b7b01;
+$parcel$export($d75f5cd4dad80e8f$exports, "spacer", () => $d75f5cd4dad80e8f$export$8cc075c801fd6817, (v) => $d75f5cd4dad80e8f$export$8cc075c801fd6817 = v);
+$parcel$export($d75f5cd4dad80e8f$exports, "expanded", () => $d75f5cd4dad80e8f$export$52105d146316f63c, (v) => $d75f5cd4dad80e8f$export$52105d146316f63c = v);
 var $d75f5cd4dad80e8f$export$9c88f9a435c40ccb;
+var $d75f5cd4dad80e8f$export$55d10750d58b7b01;
+var $d75f5cd4dad80e8f$export$e005ee6dda35184b;
 var $d75f5cd4dad80e8f$export$9b1daf63e7965780;
-$d75f5cd4dad80e8f$export$52105d146316f63c = `tBd70W_expanded`;
-$d75f5cd4dad80e8f$export$e005ee6dda35184b = `tBd70W_user-interface`;
-$d75f5cd4dad80e8f$export$8cc075c801fd6817 = `tBd70W_spacer`;
-$d75f5cd4dad80e8f$export$55d10750d58b7b01 = `tBd70W_three-column`;
+var $d75f5cd4dad80e8f$export$8cc075c801fd6817;
+var $d75f5cd4dad80e8f$export$52105d146316f63c;
 $d75f5cd4dad80e8f$export$9c88f9a435c40ccb = `tBd70W_main-column`;
+$d75f5cd4dad80e8f$export$55d10750d58b7b01 = `tBd70W_three-column`;
+$d75f5cd4dad80e8f$export$e005ee6dda35184b = `tBd70W_user-interface`;
 $d75f5cd4dad80e8f$export$9b1daf63e7965780 = `tBd70W_context-column`;
+$d75f5cd4dad80e8f$export$8cc075c801fd6817 = `tBd70W_spacer`;
+$d75f5cd4dad80e8f$export$52105d146316f63c = `tBd70W_expanded`;
 
 
 
@@ -3577,6 +2898,12 @@ $1304e13f8704f9b3$export$24349bc9b29e1403.Panels = $1304e13f8704f9b3$var$SidePan
 
 
 
+var $4fae2d573d730db8$exports = {};
+
+$parcel$export($4fae2d573d730db8$exports, "ValueWithUnit", () => $4fae2d573d730db8$export$716098b85fd0efdf);
+$parcel$export($4fae2d573d730db8$exports, "DegreeCoord", () => $4fae2d573d730db8$export$af8082af0bea3eb1);
+$parcel$export($4fae2d573d730db8$exports, "LngLatCoords", () => $4fae2d573d730db8$export$f195b3550849e560);
+$parcel$export($4fae2d573d730db8$exports, "Elevation", () => $4fae2d573d730db8$export$58bfb4f6ec5aa58d);
 
 
 function $3e1bd09be8f70c4c$export$424827e271c4ba96(val, zoom) {
@@ -3696,13 +3023,13 @@ function $4fae2d573d730db8$export$58bfb4f6ec5aa58d(props) {
 
 const $427faf94283514d4$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($29ab0212ea6844d0$exports))));
 function $427faf94283514d4$var$PositionButton({ position: position  }) {
-    const focusState = (0, $ce8e9806d0af9d7a$export$ae79915617215704)(position);
+    const focusState = (0, $Zz0sd$useFocusState)(position);
     return $427faf94283514d4$var$h("div.position-controls", [
-        $427faf94283514d4$var$h((0, $ce8e9806d0af9d7a$export$914b296afaaf39f6), {
+        $427faf94283514d4$var$h((0, $Zz0sd$LocationFocusButton), {
             location: position,
             focusState: focusState
         }, []),
-        (0, $ce8e9806d0af9d7a$export$ef19914521000df2)(focusState) ? $427faf94283514d4$var$h($427faf94283514d4$var$CopyLinkButton, {
+        (0, $Zz0sd$isCentered)(focusState) ? $427faf94283514d4$var$h($427faf94283514d4$var$CopyLinkButton, {
             itemName: "position"
         }) : null, 
     ]);
@@ -3792,21 +3119,26 @@ function $f50c3537aaff0cff$export$aa4baff5242ea6e1(props) {
 
 
 var $b6d2ac1192949c28$exports = {};
+var $a281a0612311d660$exports = {};
+
+$parcel$export($a281a0612311d660$exports, "MacrostratVectorTileset", () => $a281a0612311d660$export$dce4b6e67bb5f25a);
+$parcel$export($a281a0612311d660$exports, "MacrostratRasterTileset", () => $a281a0612311d660$export$cc7c195070dfb906);
+$parcel$export($a281a0612311d660$exports, "h", () => $a281a0612311d660$export$dda1d9f60106f0e9);
+$parcel$export($a281a0612311d660$exports, "DevMapPage", () => $a281a0612311d660$export$2391061fbdfb71ef);
 
-$parcel$export($b6d2ac1192949c28$exports, "MacrostratVectorTileset", () => $b6d2ac1192949c28$export$dce4b6e67bb5f25a);
-$parcel$export($b6d2ac1192949c28$exports, "MacrostratRasterTileset", () => $b6d2ac1192949c28$export$cc7c195070dfb906);
-$parcel$export($b6d2ac1192949c28$exports, "h", () => $b6d2ac1192949c28$export$dda1d9f60106f0e9);
-$parcel$export($b6d2ac1192949c28$exports, "DevMapPage", () => $b6d2ac1192949c28$export$2391061fbdfb71ef);
 
 
 
 
+var $64ee2eed3ed5ffbc$exports = {};
 
+$parcel$export($64ee2eed3ed5ffbc$exports, "buildXRayStyle", () => $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d);
+$parcel$export($64ee2eed3ed5ffbc$exports, "buildInspectorStyle", () => $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6);
 
 
 async function $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d(baseStyle, params = null) {
     const { inDarkMode: inDarkMode = false , color: color = "rgb(74, 242, 161)" , mapboxToken: mapboxToken , xRaySources: xRaySources  } = params;
-    const style = await (0, $16a1a67d6c9c7904$export$2f09cfe1b8810033)(baseStyle, {
+    const style = await (0, $Zz0sd$getMapboxStyle)(baseStyle, {
         access_token: mapboxToken
     });
     const sources = xRaySources ?? Object.keys(style.sources);
@@ -3856,14 +3188,14 @@ function $64ee2eed3ed5ffbc$var$transformMapboxLayer(layer, color, inDarkMode) {
 async function $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6(baseStyle, overlayStyle = null, params = {}) {
     const { mapboxToken: mapboxToken , xRay: xRay = false , xRaySources: _xRaySources , ...rest } = params;
     let xRaySources = _xRaySources;
-    let style = await (0, $16a1a67d6c9c7904$export$2f09cfe1b8810033)(baseStyle, {
+    let style = await (0, $Zz0sd$getMapboxStyle)(baseStyle, {
         access_token: mapboxToken
     });
     if (overlayStyle != null) {
-        const overlay = await (0, $16a1a67d6c9c7904$export$2f09cfe1b8810033)(overlayStyle, {
+        const overlay = await (0, $Zz0sd$getMapboxStyle)(overlayStyle, {
             access_token: mapboxToken
         });
-        style = (0, $16a1a67d6c9c7904$export$e618dc39ac9ad607)(style, overlay);
+        style = (0, $Zz0sd$mergeStyles)(style, overlay);
         xRaySources ??= Object.keys(overlay.sources);
     }
     if (xRay) {
@@ -4035,6 +3367,9 @@ $1f5c274a1b8d54c3$export$9ea3835d1b44cc08 = "context-panel-enter_4c0a66";
 
 
 
+var $91d5aa004eeb2226$exports = {};
+
+$parcel$export($91d5aa004eeb2226$exports, "MapBottomControls", () => $91d5aa004eeb2226$export$db1a2e058a06fb5c);
 
 
 
@@ -4047,7 +3382,7 @@ function $91d5aa004eeb2226$var$ScaleControl(props) {
         maxWidth: 200,
         unit: "metric"
     });
-    return $91d5aa004eeb2226$var$h((0, $e4df11ee33ce76ab$export$4bdc7a93a40ca832), {
+    return $91d5aa004eeb2226$var$h((0, $Zz0sd$MapControlWrapper), {
         className: "map-scale-control",
         control: (0, $Zz0sd$ScaleControl),
         options: optionsRef.current,
@@ -4063,7 +3398,7 @@ function $91d5aa004eeb2226$var$GeolocationControl(props) {
             enableHighAccuracy: true
         }
     });
-    return $91d5aa004eeb2226$var$h((0, $e4df11ee33ce76ab$export$4bdc7a93a40ca832), {
+    return $91d5aa004eeb2226$var$h((0, $Zz0sd$MapControlWrapper), {
         control: (0, $Zz0sd$GeolocateControl),
         options: optionsRef.current,
         ...props
@@ -4072,13 +3407,13 @@ function $91d5aa004eeb2226$var$GeolocationControl(props) {
 function $91d5aa004eeb2226$export$db1a2e058a06fb5c() {
     return $91d5aa004eeb2226$var$h("div.map-controls", [
         $91d5aa004eeb2226$var$h($91d5aa004eeb2226$var$ScaleControl),
-        $91d5aa004eeb2226$var$h((0, $e4df11ee33ce76ab$export$6074b9b7c7aefb14), {
+        $91d5aa004eeb2226$var$h((0, $Zz0sd$ThreeDControl), {
             className: "map-3d-control"
         }),
-        $91d5aa004eeb2226$var$h((0, $e4df11ee33ce76ab$export$48c390f0a3a80b5c), {
+        $91d5aa004eeb2226$var$h((0, $Zz0sd$CompassControl), {
             className: "compass-control"
         }),
-        $91d5aa004eeb2226$var$h((0, $e4df11ee33ce76ab$export$9618410ded3c9550), {
+        $91d5aa004eeb2226$var$h((0, $Zz0sd$GlobeControl), {
             className: "globe-control"
         }),
         $91d5aa004eeb2226$var$h($91d5aa004eeb2226$var$GeolocationControl, {
@@ -4133,7 +3468,7 @@ function $4bdfa9cd8240b2fd$var$_MapAreaContainer({ children: children , classNam
             children ?? mainPanel,
             $4bdfa9cd8240b2fd$var$h("div.detail-stack.infodrawer-container", detailStackProps, [
                 detailPanel,
-                $4bdfa9cd8240b2fd$var$h((0, $e4df11ee33ce76ab$export$dd36b6cb96de1ba3), {
+                $4bdfa9cd8240b2fd$var$h((0, $Zz0sd$ZoomControl), {
                     className: "zoom-control"
                 }),
                 $4bdfa9cd8240b2fd$var$h("div.spacer"),
@@ -4143,12 +3478,12 @@ function $4bdfa9cd8240b2fd$var$_MapAreaContainer({ children: children , classNam
         $4bdfa9cd8240b2fd$var$h("div.bottom", null, bottomPanel), 
     ]);
 }
-const $4bdfa9cd8240b2fd$var$MapProviders = ({ children: children  })=>$4bdfa9cd8240b2fd$var$h((0, $c8a29764c15c7584$export$9194c0aa0cd7a9ff), $4bdfa9cd8240b2fd$var$h((0, $dc75c8651942e3cf$export$5e21c9300e1e71dd), children));
+const $4bdfa9cd8240b2fd$var$MapProviders = ({ children: children  })=>$4bdfa9cd8240b2fd$var$h((0, $c8a29764c15c7584$export$9194c0aa0cd7a9ff), $4bdfa9cd8240b2fd$var$h((0, $Zz0sd$MapboxMapProvider), children));
 const $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290 = (props)=>$4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$var$MapProviders, $4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$var$_MapAreaContainer, props));
 function $4bdfa9cd8240b2fd$export$fa395a37c3898ae3({ className: className , children: children  }) {
-    const { mapPosition: mapPosition  } = (0, $dc75c8651942e3cf$export$6b15394f69cd8f33)();
+    const { mapPosition: mapPosition  } = (0, $Zz0sd$useMapStatus)();
     if (mapPosition != null) {
-        const { mapIsRotated: mapIsRotated , mapUse3D: mapUse3D , mapIsGlobal: mapIsGlobal  } = (0, $b2a9fc2ffc60e62a$export$df38eeea86a10661)(mapPosition);
+        const { mapIsRotated: mapIsRotated , mapUse3D: mapUse3D , mapIsGlobal: mapIsGlobal  } = (0, $Zz0sd$mapViewInfo)(mapPosition);
         className = (0, $Zz0sd$classnames)(className, {
             "map-is-rotated": mapIsRotated,
             "map-3d-available": mapUse3D,
@@ -4162,12 +3497,23 @@ function $4bdfa9cd8240b2fd$export$fa395a37c3898ae3({ className: className , chil
 
 
 
+var $4bc3dd5f0732eed3$exports = {};
+
+$parcel$export($4bc3dd5f0732eed3$exports, "MapResizeManager", () => $4bc3dd5f0732eed3$export$31b2e088aff2dc5d);
+$parcel$export($4bc3dd5f0732eed3$exports, "MapPaddingManager", () => $4bc3dd5f0732eed3$export$2ab96428dea558d6);
+$parcel$export($4bc3dd5f0732eed3$exports, "MapMovedReporter", () => $4bc3dd5f0732eed3$export$f6eeee399afc4e9a);
+$parcel$export($4bc3dd5f0732eed3$exports, "MapLoadingReporter", () => $4bc3dd5f0732eed3$export$e57f9eaa51773f82);
+$parcel$export($4bc3dd5f0732eed3$exports, "MapMarker", () => $4bc3dd5f0732eed3$export$5c90a91c7455938c);
 
 
 
 
 
 
+var $82fe09613877ffc2$exports = {};
+
+$parcel$export($82fe09613877ffc2$exports, "getMapPadding", () => $82fe09613877ffc2$export$bb78f9f01775eef1);
+$parcel$export($82fe09613877ffc2$exports, "useMapMarker", () => $82fe09613877ffc2$export$278090850f6b3a9f);
 
 
 function $82fe09613877ffc2$var$calcMapPadding(rect, childRect) {
@@ -4204,7 +3550,7 @@ function $82fe09613877ffc2$export$278090850f6b3a9f(mapRef, markerRef, markerPosi
 
 
 function $4bc3dd5f0732eed3$export$31b2e088aff2dc5d({ containerRef: containerRef  }) {
-    const mapRef = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
+    const mapRef = (0, $Zz0sd$useMapRef)();
     const debouncedResize = (0, $Zz0sd$useRef)((0, $Zz0sd$debounce)(()=>{
         mapRef.current?.resize();
     }, 100));
@@ -4215,7 +3561,7 @@ function $4bc3dd5f0732eed3$export$31b2e088aff2dc5d({ containerRef: containerRef
     return null;
 }
 function $4bc3dd5f0732eed3$export$2ab96428dea558d6({ containerRef: containerRef , parentRef: parentRef , infoMarkerPosition: infoMarkerPosition  }) {
-    const mapRef = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
+    const mapRef = (0, $Zz0sd$useMapRef)();
     const [padding, setPadding] = (0, $Zz0sd$useState)((0, $82fe09613877ffc2$export$bb78f9f01775eef1)(containerRef, parentRef));
     const updateMapPadding = (0, $Zz0sd$useCallback)(()=>{
         const newPadding = (0, $82fe09613877ffc2$export$bb78f9f01775eef1)(containerRef, parentRef);
@@ -4238,16 +3584,16 @@ function $4bc3dd5f0732eed3$export$2ab96428dea558d6({ containerRef: containerRef
             updateMapPadding();
         }
     });
-    (0, $ce8e9806d0af9d7a$export$7bd3facfe20e158a)(infoMarkerPosition, padding);
+    (0, $Zz0sd$useMapEaseToCenter)(infoMarkerPosition, padding);
     return null;
 }
 function $4bc3dd5f0732eed3$export$f6eeee399afc4e9a({ onMapMoved: onMapMoved = null  }) {
-    const mapRef = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
-    const dispatch = (0, $dc75c8651942e3cf$export$5705f0dc4c1a0684)();
+    const mapRef = (0, $Zz0sd$useMapRef)();
+    const dispatch = (0, $Zz0sd$useMapDispatch)();
     const mapMovedCallback = (0, $Zz0sd$useCallback)(()=>{
         const map = mapRef.current;
         if (map == null) return;
-        const mapPosition = (0, $98c914c8d92d896f$export$7c8062fb47f5c43d)(map);
+        const mapPosition = (0, $Zz0sd$getMapPosition)(map);
         dispatch({
             type: "map-moved",
             payload: mapPosition
@@ -4276,9 +3622,9 @@ function $4bc3dd5f0732eed3$export$f6eeee399afc4e9a({ onMapMoved: onMapMoved = nu
     return null;
 }
 function $4bc3dd5f0732eed3$export$e57f9eaa51773f82({ ignoredSources: ignoredSources , onMapLoading: onMapLoading = null , onMapIdle: onMapIdle = null , mapIsLoading: mapIsLoading1 ,  }) {
-    const mapRef = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
+    const mapRef = (0, $Zz0sd$useMapRef)();
     const loadingRef = (0, $Zz0sd$useRef)(false);
-    const dispatch = (0, $dc75c8651942e3cf$export$5705f0dc4c1a0684)();
+    const dispatch = (0, $Zz0sd$useMapDispatch)();
     (0, $Zz0sd$useEffect)(()=>{
         const map = mapRef.current;
         const mapIsLoading = loadingRef.current;
@@ -4318,7 +3664,7 @@ function $4bc3dd5f0732eed3$export$e57f9eaa51773f82({ ignoredSources: ignoredSour
     return null;
 }
 function $4bc3dd5f0732eed3$export$5c90a91c7455938c({ position: position , setPosition: setPosition , centerMarker: centerMarker = true  }) {
-    const mapRef = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
+    const mapRef = (0, $Zz0sd$useMapRef)();
     const markerRef = (0, $Zz0sd$useRef)(null);
     (0, $82fe09613877ffc2$export$278090850f6b3a9f)(mapRef, markerRef, position);
     const handleMapClick = (0, $Zz0sd$useCallback)((event)=>{
@@ -4445,8 +3791,8 @@ function $9e150e311a3261e9$export$ab1e7a67d6ec5ad8(props) {
     const { enableTerrain: enableTerrain = true , style: style , transformRequest: transformRequest , mapPosition: mapPosition = $9e150e311a3261e9$var$defaultMapPosition , children: children , accessToken: accessToken , infoMarkerPosition: infoMarkerPosition , projection: projection ,  } = props;
     if (enableTerrain) terrainSourceID ??= "mapbox-3d-dem";
     if (accessToken != null) (0, $Zz0sd$mapboxgl).accessToken = accessToken;
-    const dispatch = (0, $dc75c8651942e3cf$export$5705f0dc4c1a0684)();
-    let mapRef = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
+    const dispatch = (0, $Zz0sd$useMapDispatch)();
+    let mapRef = (0, $Zz0sd$useMapRef)();
     const ref = (0, $Zz0sd$useRef)();
     const parentRef = (0, $Zz0sd$useRef)();
     // Keep track of map position for reloads
@@ -4487,12 +3833,12 @@ function $9e150e311a3261e9$export$ab1e7a67d6ec5ad8(props) {
     (0, $Zz0sd$useEffect)(()=>{
         const map = mapRef.current;
         if (map == null || mapPosition == null) return;
-        (0, $98c914c8d92d896f$export$1362a5c98ca0069c)(map, mapPosition);
+        (0, $Zz0sd$setMapPosition)(map, mapPosition);
     }, [
         mapRef.current
     ]);
-    const { mapPosition: _computedMapPosition  } = (0, $dc75c8651942e3cf$export$6b15394f69cd8f33)();
-    const { mapUse3D: mapUse3D , mapIsRotated: mapIsRotated  } = (0, $b2a9fc2ffc60e62a$export$df38eeea86a10661)(_computedMapPosition);
+    const { mapPosition: _computedMapPosition  } = (0, $Zz0sd$useMapStatus)();
+    const { mapUse3D: mapUse3D , mapIsRotated: mapIsRotated  } = (0, $Zz0sd$mapViewInfo)(_computedMapPosition);
     // Get map projection
     const _projection = mapRef.current?.getProjection()?.name ?? "mercator";
     const className = (0, $Zz0sd$classnames)({
@@ -4529,7 +3875,7 @@ function $9e150e311a3261e9$export$ab1e7a67d6ec5ad8(props) {
     ]);
 }
 function $9e150e311a3261e9$export$cee395a8a2a00b29({ mapUse3D: mapUse3D , terrainSourceID: terrainSourceID  }) {
-    const mapRef = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
+    const mapRef = (0, $Zz0sd$useMapRef)();
     (0, $Zz0sd$useEffect)(()=>{
         const map = mapRef.current;
         if (map == null) return;
@@ -4585,6 +3931,9 @@ $bfe9593b6c29b10b$export$523fb3936f49e028 = "page_48e225";
 $bfe9593b6c29b10b$export$ee954d6f5e1b21cc = "dev-index-page_48e225";
 
 
+var $1d4d29ef2725aa16$exports = {};
+
+$parcel$export($1d4d29ef2725aa16$exports, "TileExtentLayer", () => $1d4d29ef2725aa16$export$86c09739b12f23cd);
 
 
 
@@ -4619,13 +3968,18 @@ function $1d4d29ef2725aa16$export$86c09739b12f23cd({ tile: tile , color: color =
     }, [
         color
     ]);
-    const map1 = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
-    (0, $6546e155d824deab$export$16b2de187fda836f)(map1, tile, styleCallback);
+    const map1 = (0, $Zz0sd$useMapRef)();
+    (0, $Zz0sd$useMapConditionalStyle)(map1, tile, styleCallback);
     return null;
 }
 
 
+var $b8c84b63e75fe4f2$exports = {};
 
+$parcel$export($b8c84b63e75fe4f2$exports, "FeatureRecord", () => $b8c84b63e75fe4f2$export$dc87b4d46cea200d);
+$parcel$export($b8c84b63e75fe4f2$exports, "FeatureSelectionHandler", () => $b8c84b63e75fe4f2$export$214daccdda0f4ac6);
+$parcel$export($b8c84b63e75fe4f2$exports, "TileInfo", () => $b8c84b63e75fe4f2$export$43c75dec9d0b96c);
+$parcel$export($b8c84b63e75fe4f2$exports, "FeaturePanel", () => $b8c84b63e75fe4f2$export$43277c51a01761c1);
 
 
 
@@ -4633,6 +3987,15 @@ function $1d4d29ef2725aa16$export$86c09739b12f23cd({ tile: tile , color: color =
 
 
 
+var $d570ac304373e71c$exports = {};
+
+$parcel$export($d570ac304373e71c$exports, "ExpansionPanelSummary", () => $d570ac304373e71c$export$cea00a9d724d5a32);
+$parcel$export($d570ac304373e71c$exports, "InfoPanelSection", () => $d570ac304373e71c$export$39c134eb0b07cf0e);
+$parcel$export($d570ac304373e71c$exports, "ExpansionPanel", () => $d570ac304373e71c$export$40e646e38e6ed100);
+$parcel$export($d570ac304373e71c$exports, "SubExpansionPanel", () => $d570ac304373e71c$export$d7160281aff7c3b8);
+$parcel$export($d570ac304373e71c$exports, "ExpandableDetailsPanel", () => $d570ac304373e71c$export$44ad9ff780615135);
+$parcel$export($d570ac304373e71c$exports, "ExpansionBody", () => $d570ac304373e71c$export$263416b670b3f129);
+
 
 
 var $3388ecc062e0c521$exports = {};
@@ -4829,8 +4192,8 @@ function $b8c84b63e75fe4f2$export$dc87b4d46cea200d({ feature: feature  }) {
     ]);
 }
 function $b8c84b63e75fe4f2$export$214daccdda0f4ac6({ selectedLocation: selectedLocation , setFeatures: setFeatures , radius: radius = 2  }) {
-    const mapRef = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
-    const { isLoading: isLoading  } = (0, $dc75c8651942e3cf$export$6b15394f69cd8f33)();
+    const mapRef = (0, $Zz0sd$useMapRef)();
+    const { isLoading: isLoading  } = (0, $Zz0sd$useMapStatus)();
     const prevLocation = $b8c84b63e75fe4f2$var$usePrevious(selectedLocation);
     (0, $Zz0sd$useEffect)(()=>{
         const map = mapRef?.current;
@@ -4883,7 +4246,7 @@ function $b8c84b63e75fe4f2$var$KeyValue({ label: label , value: value  }) {
     ]);
 }
 function $b8c84b63e75fe4f2$var$LoadingAwareFeatureSet({ features: features , sourceID: sourceID  }) {
-    const map = (0, $dc75c8651942e3cf$export$79926a38b577730c)();
+    const map = (0, $Zz0sd$useMapRef)();
     if (map?.current == null) return null;
     const [isLoaded1, setIsLoaded] = (0, $Zz0sd$useState)(false);
     const sourceFeatures = features.filter((d)=>d.source == "burwell");
@@ -5007,19 +4370,19 @@ function $b8c84b63e75fe4f2$var$Features({ features: features1  }) {
 }
 
 
-let $b6d2ac1192949c28$export$dce4b6e67bb5f25a;
+let $a281a0612311d660$export$dce4b6e67bb5f25a;
 (function(MacrostratVectorTileset1) {
     MacrostratVectorTileset1["Carto"] = "carto";
     MacrostratVectorTileset1["CartoSlim"] = "carto-slim";
     MacrostratVectorTileset1["IGCPOrogens"] = "igcp-orogens";
-})($b6d2ac1192949c28$export$dce4b6e67bb5f25a || ($b6d2ac1192949c28$export$dce4b6e67bb5f25a = {}));
-let $b6d2ac1192949c28$export$cc7c195070dfb906;
+})($a281a0612311d660$export$dce4b6e67bb5f25a || ($a281a0612311d660$export$dce4b6e67bb5f25a = {}));
+let $a281a0612311d660$export$cc7c195070dfb906;
 (function(MacrostratRasterTileset1) {
     MacrostratRasterTileset1["Carto"] = "carto";
     MacrostratRasterTileset1["Emphasized"] = "emphasized";
-})($b6d2ac1192949c28$export$cc7c195070dfb906 || ($b6d2ac1192949c28$export$cc7c195070dfb906 = {}));
-const $b6d2ac1192949c28$export$dda1d9f60106f0e9 = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($bfe9593b6c29b10b$exports))));
-function $b6d2ac1192949c28$export$2391061fbdfb71ef({ title: title = "Map inspector" , headerElement: headerElement = null , transformRequest: transformRequest = null , mapPosition: mapPosition = null , mapboxToken: mapboxToken = null , overlayStyle: overlayStyle = null , children: children , style: style , focusedSource: focusedSource = null , focusedSourceTitle: focusedSourceTitle = null , projection: projection = null  }) {
+})($a281a0612311d660$export$cc7c195070dfb906 || ($a281a0612311d660$export$cc7c195070dfb906 = {}));
+const $a281a0612311d660$export$dda1d9f60106f0e9 = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($bfe9593b6c29b10b$exports))));
+function $a281a0612311d660$export$2391061fbdfb71ef({ title: title = "Map inspector" , headerElement: headerElement = null , transformRequest: transformRequest = null , mapPosition: mapPosition = null , mapboxToken: mapboxToken = null , overlayStyle: overlayStyle = null , children: children , style: style , focusedSource: focusedSource = null , focusedSourceTitle: focusedSourceTitle = null , projection: projection = null  }) {
     /* We apply a custom style to the panel container when we are interacting
     with the search bar, so that we can block map interactions until search
     bar focus is lost.
@@ -5055,13 +4418,13 @@ function $b6d2ac1192949c28$export$2391061fbdfb71ef({ title: title = "Map inspect
         setInspectPosition(position);
     }, []);
     let detailElement = null;
-    if (inspectPosition != null) detailElement = $b6d2ac1192949c28$export$dda1d9f60106f0e9((0, $f50c3537aaff0cff$export$aa4baff5242ea6e1), {
+    if (inspectPosition != null) detailElement = $a281a0612311d660$export$dda1d9f60106f0e9((0, $f50c3537aaff0cff$export$aa4baff5242ea6e1), {
         onClose () {
             setInspectPosition(null);
         },
         position: inspectPosition
     }, [
-        $b6d2ac1192949c28$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$43c75dec9d0b96c), {
+        $a281a0612311d660$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$43c75dec9d0b96c), {
             feature: data?.[0] ?? null,
             showExtent: showTileExtent,
             setShowExtent () {
@@ -5071,7 +4434,7 @@ function $b6d2ac1192949c28$export$2391061fbdfb71ef({ title: title = "Map inspect
                 });
             }
         }),
-        $b6d2ac1192949c28$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$43277c51a01761c1), {
+        $a281a0612311d660$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$43277c51a01761c1), {
             features: data,
             focusedSource: focusedSource,
             focusedSourceTitle: focusedSourceTitle
@@ -5086,17 +4449,18 @@ function $b6d2ac1192949c28$export$2391061fbdfb71ef({ title: title = "Map inspect
             z: f._z
         };
     }
-    return $b6d2ac1192949c28$export$dda1d9f60106f0e9((0, $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290), {
-        navbar: $b6d2ac1192949c28$export$dda1d9f60106f0e9((0, $6e914c81c8e053da$export$a8cc0062d02a3841), [
-            headerElement ?? $b6d2ac1192949c28$export$dda1d9f60106f0e9("h2", title),
-            $b6d2ac1192949c28$export$dda1d9f60106f0e9((0, $9197c0703088e02c$export$d7a54cba636a8cd6)),
-            $b6d2ac1192949c28$export$dda1d9f60106f0e9((0, $6e914c81c8e053da$export$9e3bae3c08bde368), {
+    console.log("Style", actualStyle);
+    return $a281a0612311d660$export$dda1d9f60106f0e9((0, $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290), {
+        navbar: $a281a0612311d660$export$dda1d9f60106f0e9((0, $6e914c81c8e053da$export$a8cc0062d02a3841), [
+            headerElement ?? $a281a0612311d660$export$dda1d9f60106f0e9("h2", title),
+            $a281a0612311d660$export$dda1d9f60106f0e9((0, $9197c0703088e02c$export$d7a54cba636a8cd6)),
+            $a281a0612311d660$export$dda1d9f60106f0e9((0, $6e914c81c8e053da$export$9e3bae3c08bde368), {
                 active: isOpen,
                 onClick: ()=>setOpen(!isOpen)
             }), 
         ]),
-        contextPanel: $b6d2ac1192949c28$export$dda1d9f60106f0e9((0, $4bdfa9cd8240b2fd$export$ec68dd77edbe678b), [
-            $b6d2ac1192949c28$export$dda1d9f60106f0e9((0, $Zz0sd$Switch), {
+        contextPanel: $a281a0612311d660$export$dda1d9f60106f0e9((0, $4bdfa9cd8240b2fd$export$ec68dd77edbe678b), [
+            $a281a0612311d660$export$dda1d9f60106f0e9((0, $Zz0sd$Switch), {
                 checked: xRay,
                 label: "X-ray mode",
                 onChange () {
@@ -5110,21 +4474,21 @@ function $b6d2ac1192949c28$export$2391061fbdfb71ef({ title: title = "Map inspect
         ]),
         detailPanel: detailElement,
         contextPanelOpen: isOpen
-    }, $b6d2ac1192949c28$export$dda1d9f60106f0e9((0, $9e150e311a3261e9$export$ab1e7a67d6ec5ad8), {
+    }, $a281a0612311d660$export$dda1d9f60106f0e9((0, $9e150e311a3261e9$export$ab1e7a67d6ec5ad8), {
         style: actualStyle,
         transformRequest: transformRequest,
         mapPosition: mapPosition,
         projection: "globe"
     }, [
-        $b6d2ac1192949c28$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$214daccdda0f4ac6), {
+        $a281a0612311d660$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$214daccdda0f4ac6), {
             selectedLocation: inspectPosition,
             setFeatures: setData
         }),
-        $b6d2ac1192949c28$export$dda1d9f60106f0e9((0, $4bc3dd5f0732eed3$export$5c90a91c7455938c), {
+        $a281a0612311d660$export$dda1d9f60106f0e9((0, $4bc3dd5f0732eed3$export$5c90a91c7455938c), {
             position: inspectPosition,
             setPosition: onSelectPosition
         }),
-        $b6d2ac1192949c28$export$dda1d9f60106f0e9((0, $1d4d29ef2725aa16$export$86c09739b12f23cd), {
+        $a281a0612311d660$export$dda1d9f60106f0e9((0, $1d4d29ef2725aa16$export$86c09739b12f23cd), {
             tile: tile,
             color: isEnabled ? "white" : "black"
         }), 
@@ -5135,6 +4499,20 @@ function $b6d2ac1192949c28$export$2391061fbdfb71ef({ title: title = "Map inspect
 
 
 
+$parcel$exportWildcard($b6d2ac1192949c28$exports, $a281a0612311d660$exports);
+$parcel$exportWildcard($b6d2ac1192949c28$exports, $1d4d29ef2725aa16$exports);
+$parcel$exportWildcard($b6d2ac1192949c28$exports, $b8c84b63e75fe4f2$exports);
+$parcel$exportWildcard($b6d2ac1192949c28$exports, $64ee2eed3ed5ffbc$exports);
+
+
+
+
+
+
+
+
+
+
 
-export {$6e914c81c8e053da$export$4ec83e90d030b2f3 as LoadingButton, $6e914c81c8e053da$export$9e3bae3c08bde368 as MapLoadingButton, $6e914c81c8e053da$export$a8cc0062d02a3841 as FloatingNavbar, $f50c3537aaff0cff$export$83f9a19cf91c2d06 as InfoDrawerContainer, $f50c3537aaff0cff$export$aa4baff5242ea6e1 as LocationPanel, $b6d2ac1192949c28$export$dce4b6e67bb5f25a as MacrostratVectorTileset, $b6d2ac1192949c28$export$cc7c195070dfb906 as MacrostratRasterTileset, $b6d2ac1192949c28$export$dda1d9f60106f0e9 as h, $b6d2ac1192949c28$export$2391061fbdfb71ef as DevMapPage, $4bdfa9cd8240b2fd$export$57b87f3e07d4bb90 as MapInterface, $4bdfa9cd8240b2fd$export$ec68dd77edbe678b as PanelCard, $4bdfa9cd8240b2fd$export$fa395a37c3898ae3 as MapStyledContainer, $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290 as MapAreaContainer, $9e150e311a3261e9$export$ab1e7a67d6ec5ad8 as MapView, $9e150e311a3261e9$export$cee395a8a2a00b29 as MapTerrainManager};
-//# sourceMappingURL=index.js.map
+export {$6e914c81c8e053da$export$4ec83e90d030b2f3 as LoadingButton, $6e914c81c8e053da$export$9e3bae3c08bde368 as MapLoadingButton, $6e914c81c8e053da$export$a8cc0062d02a3841 as FloatingNavbar, $f50c3537aaff0cff$export$83f9a19cf91c2d06 as InfoDrawerContainer, $f50c3537aaff0cff$export$aa4baff5242ea6e1 as LocationPanel, $a281a0612311d660$export$dce4b6e67bb5f25a as MacrostratVectorTileset, $a281a0612311d660$export$cc7c195070dfb906 as MacrostratRasterTileset, $a281a0612311d660$export$dda1d9f60106f0e9 as h, $a281a0612311d660$export$2391061fbdfb71ef as DevMapPage, $1d4d29ef2725aa16$export$86c09739b12f23cd as TileExtentLayer, $b8c84b63e75fe4f2$export$dc87b4d46cea200d as FeatureRecord, $b8c84b63e75fe4f2$export$214daccdda0f4ac6 as FeatureSelectionHandler, $b8c84b63e75fe4f2$export$43c75dec9d0b96c as TileInfo, $b8c84b63e75fe4f2$export$43277c51a01761c1 as FeaturePanel, $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d as buildXRayStyle, $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6 as buildInspectorStyle, $4bdfa9cd8240b2fd$export$57b87f3e07d4bb90 as MapInterface, $4bdfa9cd8240b2fd$export$ec68dd77edbe678b as PanelCard, $4bdfa9cd8240b2fd$export$fa395a37c3898ae3 as MapStyledContainer, $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290 as MapAreaContainer, $9e150e311a3261e9$export$ab1e7a67d6ec5ad8 as MapView, $9e150e311a3261e9$export$cee395a8a2a00b29 as MapTerrainManager, $91d5aa004eeb2226$export$db1a2e058a06fb5c as MapBottomControls, $4bc3dd5f0732eed3$export$31b2e088aff2dc5d as MapResizeManager, $4bc3dd5f0732eed3$export$2ab96428dea558d6 as MapPaddingManager, $4bc3dd5f0732eed3$export$f6eeee399afc4e9a as MapMovedReporter, $4bc3dd5f0732eed3$export$e57f9eaa51773f82 as MapLoadingReporter, $4bc3dd5f0732eed3$export$5c90a91c7455938c as MapMarker, $82fe09613877ffc2$export$bb78f9f01775eef1 as getMapPadding, $82fe09613877ffc2$export$278090850f6b3a9f as useMapMarker, $4fae2d573d730db8$export$716098b85fd0efdf as ValueWithUnit, $4fae2d573d730db8$export$af8082af0bea3eb1 as DegreeCoord, $4fae2d573d730db8$export$f195b3550849e560 as LngLatCoords, $4fae2d573d730db8$export$58bfb4f6ec5aa58d as Elevation, $d570ac304373e71c$export$cea00a9d724d5a32 as ExpansionPanelSummary, $d570ac304373e71c$export$39c134eb0b07cf0e as InfoPanelSection, $d570ac304373e71c$export$40e646e38e6ed100 as ExpansionPanel, $d570ac304373e71c$export$d7160281aff7c3b8 as SubExpansionPanel, $d570ac304373e71c$export$44ad9ff780615135 as ExpandableDetailsPanel, $d570ac304373e71c$export$263416b670b3f129 as ExpansionBody};
+//# sourceMappingURL=module.js.map