@macrostrat/map-interface 0.2.1 → 0.2.2

package/dist/index.js

@@ -48,18 +48,18 @@ $parcel$export($6e914c81c8e053da$exports, "FloatingNavbar", () => $6e914c81c8e05
 
 var $fbe402416678c280$exports = {};
 
-$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);
-$parcel$export($fbe402416678c280$exports, "status-tongue", () => $fbe402416678c280$export$764ade2d69041360, (v) => $fbe402416678c280$export$764ade2d69041360 = v);
 $parcel$export($fbe402416678c280$exports, "searchbar", () => $fbe402416678c280$export$2ac23befe9d406ee, (v) => $fbe402416678c280$export$2ac23befe9d406ee = v);
-var $fbe402416678c280$export$3a39e67bbbcbd4ae;
+$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);
 var $fbe402416678c280$export$d8779dd86528d602;
-var $fbe402416678c280$export$764ade2d69041360;
 var $fbe402416678c280$export$2ac23befe9d406ee;
-$fbe402416678c280$export$3a39e67bbbcbd4ae = `_8hZKsW_searchbar-holder`;
+var $fbe402416678c280$export$3a39e67bbbcbd4ae;
+var $fbe402416678c280$export$764ade2d69041360;
 $fbe402416678c280$export$d8779dd86528d602 = `_8hZKsW_navbar-holder`;
-$fbe402416678c280$export$764ade2d69041360 = `_8hZKsW_status-tongue`;
 $fbe402416678c280$export$2ac23befe9d406ee = `_8hZKsW_searchbar`;
+$fbe402416678c280$export$3a39e67bbbcbd4ae = `_8hZKsW_searchbar-holder`;
+$fbe402416678c280$export$764ade2d69041360 = `_8hZKsW_status-tongue`;
 
 
 
@@ -67,7 +67,7 @@ const $6e914c81c8e053da$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PUR
 const $6e914c81c8e053da$var$spinnerElement = $6e914c81c8e053da$var$h((0, $Zz0sd$Spinner), {
     size: 16
 });
-function $6e914c81c8e053da$export$4ec83e90d030b2f3({ isLoading: isLoading = false , onClick: onClick , active: active = false , icon: icon = "menu" ,  }) {
+function $6e914c81c8e053da$export$4ec83e90d030b2f3({ isLoading: isLoading = false, onClick: onClick, active: active = false, icon: icon = "menu" }) {
     return $6e914c81c8e053da$var$h((0, $Zz0sd$Button), {
         icon: isLoading ? $6e914c81c8e053da$var$spinnerElement : icon,
         large: true,
@@ -77,7 +77,7 @@ function $6e914c81c8e053da$export$4ec83e90d030b2f3({ isLoading: isLoading = fals
     });
 }
 function $6e914c81c8e053da$export$9e3bae3c08bde368(props) {
-    const { isLoading: isLoading  } = (0, $Zz0sd$useMapStatus)();
+    const { isLoading: isLoading } = (0, $Zz0sd$useMapStatus)();
     const mapIsLoading = (0, $Zz0sd$useMemo)(()=>isLoading, [
         isLoading
     ]);
@@ -86,18 +86,18 @@ function $6e914c81c8e053da$export$9e3bae3c08bde368(props) {
         isLoading: mapIsLoading
     });
 }
-function $6e914c81c8e053da$export$a8cc0062d02a3841({ className: className , children: children , statusElement: statusElement = null  }) {
+function $6e914c81c8e053da$export$a8cc0062d02a3841({ className: className, children: children, statusElement: statusElement = null }) {
     return $6e914c81c8e053da$var$h("div.searchbar-holder", {
         className: className
     }, [
         $6e914c81c8e053da$var$h("div.navbar-holder", [
             $6e914c81c8e053da$var$h((0, $Zz0sd$Navbar), {
                 className: "searchbar panel"
-            }, children), 
+            }, children)
         ]),
         $6e914c81c8e053da$var$h.if(statusElement != null)((0, $Zz0sd$Card), {
             className: "status-tongue"
-        }, statusElement), 
+        }, statusElement)
     ]);
 }
 
@@ -112,36 +112,36 @@ $parcel$export($f50c3537aaff0cff$exports, "LocationPanel", () => $f50c3537aaff0c
 
 var $29ab0212ea6844d0$exports = {};
 
-$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, "copy-link-button", () => $29ab0212ea6844d0$export$d1352d0c31a65024, (v) => $29ab0212ea6844d0$export$d1352d0c31a65024 = v);
 $parcel$export($29ab0212ea6844d0$exports, "infodrawer", () => $29ab0212ea6844d0$export$b5017f7ff265217d, (v) => $29ab0212ea6844d0$export$b5017f7ff265217d = v);
 $parcel$export($29ab0212ea6844d0$exports, "infodrawer-body", () => $29ab0212ea6844d0$export$310e8f86a84c074f, (v) => $29ab0212ea6844d0$export$310e8f86a84c074f = v);
-$parcel$export($29ab0212ea6844d0$exports, "copy-link-button", () => $29ab0212ea6844d0$export$d1352d0c31a65024, (v) => $29ab0212ea6844d0$export$d1352d0c31a65024 = v);
-$parcel$export($29ab0212ea6844d0$exports, "position-controls", () => $29ab0212ea6844d0$export$dfae07a3bf0fbd6, (v) => $29ab0212ea6844d0$export$dfae07a3bf0fbd6 = 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-contents", () => $29ab0212ea6844d0$export$69ed3ba502fbf15b, (v) => $29ab0212ea6844d0$export$69ed3ba502fbf15b = v);
+$parcel$export($29ab0212ea6844d0$exports, "infodrawer-header-item", () => $29ab0212ea6844d0$export$333d72514239bce8, (v) => $29ab0212ea6844d0$export$333d72514239bce8 = 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);
-var $29ab0212ea6844d0$export$d821beb98a87c6d7;
-var $29ab0212ea6844d0$export$f750577db09821ce;
+$parcel$export($29ab0212ea6844d0$exports, "location-panel-header", () => $29ab0212ea6844d0$export$d821beb98a87c6d7, (v) => $29ab0212ea6844d0$export$d821beb98a87c6d7 = v);
+$parcel$export($29ab0212ea6844d0$exports, "position-controls", () => $29ab0212ea6844d0$export$dfae07a3bf0fbd6, (v) => $29ab0212ea6844d0$export$dfae07a3bf0fbd6 = v);
+$parcel$export($29ab0212ea6844d0$exports, "spacer", () => $29ab0212ea6844d0$export$8cc075c801fd6817, (v) => $29ab0212ea6844d0$export$8cc075c801fd6817 = v);
+var $29ab0212ea6844d0$export$d1352d0c31a65024;
 var $29ab0212ea6844d0$export$b5017f7ff265217d;
 var $29ab0212ea6844d0$export$310e8f86a84c074f;
-var $29ab0212ea6844d0$export$d1352d0c31a65024;
-var $29ab0212ea6844d0$export$dfae07a3bf0fbd6;
-var $29ab0212ea6844d0$export$333d72514239bce8;
-var $29ab0212ea6844d0$export$8cc075c801fd6817;
 var $29ab0212ea6844d0$export$69ed3ba502fbf15b;
+var $29ab0212ea6844d0$export$333d72514239bce8;
+var $29ab0212ea6844d0$export$f750577db09821ce;
 var $29ab0212ea6844d0$export$46c1c92549715335;
-$29ab0212ea6844d0$export$d821beb98a87c6d7 = `VPa3-W_location-panel-header`;
-$29ab0212ea6844d0$export$f750577db09821ce = `VPa3-W_left-icon`;
+var $29ab0212ea6844d0$export$d821beb98a87c6d7;
+var $29ab0212ea6844d0$export$dfae07a3bf0fbd6;
+var $29ab0212ea6844d0$export$8cc075c801fd6817;
+$29ab0212ea6844d0$export$d1352d0c31a65024 = `VPa3-W_copy-link-button`;
 $29ab0212ea6844d0$export$b5017f7ff265217d = `VPa3-W_infodrawer`;
 $29ab0212ea6844d0$export$310e8f86a84c074f = `VPa3-W_infodrawer-body`;
-$29ab0212ea6844d0$export$d1352d0c31a65024 = `VPa3-W_copy-link-button`;
-$29ab0212ea6844d0$export$dfae07a3bf0fbd6 = `VPa3-W_position-controls`;
-$29ab0212ea6844d0$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;
-$29ab0212ea6844d0$export$8cc075c801fd6817 = `VPa3-W_spacer`;
 $29ab0212ea6844d0$export$69ed3ba502fbf15b = `VPa3-W_infodrawer-contents`;
+$29ab0212ea6844d0$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;
+$29ab0212ea6844d0$export$f750577db09821ce = `VPa3-W_left-icon`;
 $29ab0212ea6844d0$export$46c1c92549715335 = `VPa3-W_loading`;
+$29ab0212ea6844d0$export$d821beb98a87c6d7 = `VPa3-W_location-panel-header`;
+$29ab0212ea6844d0$export$dfae07a3bf0fbd6 = `VPa3-W_position-controls`;
+$29ab0212ea6844d0$export$8cc075c801fd6817 = `VPa3-W_spacer`;
 
 
 
@@ -190,7 +190,7 @@ function $3e1bd09be8f70c4c$export$d284c26147b5ca34(meters, precision = 0) {
 
 
 function $4fae2d573d730db8$export$716098b85fd0efdf(props) {
-    const { value: value , unit: unit  } = props;
+    const { value: value, unit: unit } = props;
     return (0, $Zz0sd$macrostrathyper)("span.value-with-unit", [
         (0, $Zz0sd$macrostrathyper)("span.value", [
             value
@@ -200,11 +200,11 @@ function $4fae2d573d730db8$export$716098b85fd0efdf(props) {
         ]),
         (0, $Zz0sd$macrostrathyper)("span.unit", [
             unit
-        ]), 
+        ])
     ]);
 }
 function $4fae2d573d730db8$export$af8082af0bea3eb1(props) {
-    const { value: value , labels: labels , precision: precision = 3 , format: format = (0, $3e1bd09be8f70c4c$export$7c4d25c0c3217d8c)  } = props;
+    const { value: value, labels: labels, precision: precision = 3, format: format = (0, $3e1bd09be8f70c4c$export$7c4d25c0c3217d8c) } = props;
     const direction = value < 0 ? labels[1] : labels[0];
     return (0, $Zz0sd$macrostrathyper)($4fae2d573d730db8$export$716098b85fd0efdf, {
         value: format(Math.abs(value), precision) + "\xb0",
@@ -212,12 +212,12 @@ function $4fae2d573d730db8$export$af8082af0bea3eb1(props) {
     });
 }
 function $4fae2d573d730db8$export$f195b3550849e560(props) {
-    /** Formatted geographic coordinates */ const { position: position , className: className , precision: precision , zoom: zoom  } = props;
-    let { format: format  } = props;
+    /** Formatted geographic coordinates */ const { position: position, className: className, precision: precision, zoom: zoom } = props;
+    let { format: format } = props;
     if (position == null) return null;
     let lat, lng;
     if (Array.isArray(position)) [lng, lat] = position;
-    else ({ lat: lat , lng: lng  } = position);
+    else ({ lat: lat, lng: lng } = position);
     if (zoom != null && format == null && precision == null) format = (val, _)=>(0, $3e1bd09be8f70c4c$export$424827e271c4ba96)(val, zoom);
     return (0, $Zz0sd$macrostrathyper)("div.lnglat-container", {
         className: className
@@ -241,12 +241,12 @@ function $4fae2d573d730db8$export$f195b3550849e560(props) {
                 ],
                 precision: precision,
                 format: format
-            }), 
-        ]), 
+            })
+        ])
     ]);
 }
 function $4fae2d573d730db8$export$58bfb4f6ec5aa58d(props) {
-    /** Renders an elevation value in meters and a parenthetical conversion to feet. */ const { elevation: elevation , className: className , includeFeet: includeFeet = true  } = props;
+    /** Renders an elevation value in meters and a parenthetical conversion to feet. */ const { elevation: elevation, className: className, includeFeet: includeFeet = true } = props;
     if (elevation == null) return null;
     return (0, $Zz0sd$macrostrathyper)("div.elevation", {
         className: className
@@ -261,15 +261,15 @@ function $4fae2d573d730db8$export$58bfb4f6ec5aa58d(props) {
                 value: (0, $3e1bd09be8f70c4c$export$d284c26147b5ca34)(elevation),
                 unit: "ft"
             }),
-            ")", 
-        ]), 
+            ")"
+        ])
     ]);
 }
 
 
 
 const $427faf94283514d4$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($29ab0212ea6844d0$exports))));
-function $427faf94283514d4$var$PositionButton({ position: position  }) {
+function $427faf94283514d4$var$PositionButton({ position: position }) {
     const focusState = (0, $Zz0sd$useFocusState)(position);
     return $427faf94283514d4$var$h("div.position-controls", [
         $427faf94283514d4$var$h((0, $Zz0sd$LocationFocusButton), {
@@ -278,10 +278,10 @@ function $427faf94283514d4$var$PositionButton({ position: position  }) {
         }, []),
         (0, $Zz0sd$isCentered)(focusState) ? $427faf94283514d4$var$h($427faf94283514d4$var$CopyLinkButton, {
             itemName: "position"
-        }) : null, 
+        }) : null
     ]);
 }
-function $427faf94283514d4$var$CopyLinkButton({ itemName: itemName , children: children , onClick: onClick , ...rest }) {
+function $427faf94283514d4$var$CopyLinkButton({ itemName: itemName, children: children, onClick: onClick, ...rest }) {
     const toaster = (0, $Zz0sd$useToaster)();
     let message = `Copied link`;
     if (itemName != null) message += ` to ${itemName}`;
@@ -316,7 +316,7 @@ function $427faf94283514d4$var$CopyLinkButton({ itemName: itemName , children: c
     }, children ?? "Copy link");
 }
 function $427faf94283514d4$export$e9ff14c4822c2e8c(props) {
-    const { onClose: onClose , position: position , zoom: zoom = 7 , elevation: elevation  } = props;
+    const { onClose: onClose, position: position, zoom: zoom = 7, elevation: elevation } = props;
     return $427faf94283514d4$var$h("header.location-panel-header", [
         $427faf94283514d4$var$h($427faf94283514d4$var$PositionButton, {
             position: position
@@ -335,7 +335,7 @@ function $427faf94283514d4$export$e9ff14c4822c2e8c(props) {
             minimal: true,
             icon: "cross",
             onClick: onClose
-        }), 
+        })
     ]);
 }
 
@@ -352,7 +352,7 @@ function $f50c3537aaff0cff$export$83f9a19cf91c2d06(props) {
     });
 }
 function $f50c3537aaff0cff$export$aa4baff5242ea6e1(props) {
-    const { children: children , className: className , loading: loading = false , ...rest } = props;
+    const { children: children, className: className, loading: loading = false, ...rest } = props;
     const cls = (0, $Zz0sd$classnames)("location-panel", className, {
         loading: loading
     });
@@ -360,7 +360,7 @@ function $f50c3537aaff0cff$export$aa4baff5242ea6e1(props) {
         className: cls
     }, [
         $f50c3537aaff0cff$var$h((0, $427faf94283514d4$export$e9ff14c4822c2e8c), rest),
-        $f50c3537aaff0cff$var$h("div.infodrawer-body", $f50c3537aaff0cff$var$h("div.infodrawer-contents", $f50c3537aaff0cff$var$h((0, $Zz0sd$ErrorBoundary), null, children))), 
+        $f50c3537aaff0cff$var$h("div.infodrawer-body", $f50c3537aaff0cff$var$h("div.infodrawer-contents", $f50c3537aaff0cff$var$h((0, $Zz0sd$ErrorBoundary), null, children)))
     ]);
 }
 
@@ -372,6 +372,7 @@ $parcel$export($a281a0612311d660$exports, "MacrostratVectorTileset", () => $a281
 $parcel$export($a281a0612311d660$exports, "MacrostratRasterTileset", () => $a281a0612311d660$export$cc7c195070dfb906);
 $parcel$export($a281a0612311d660$exports, "h", () => $a281a0612311d660$export$dda1d9f60106f0e9);
 $parcel$export($a281a0612311d660$exports, "DevMapPage", () => $a281a0612311d660$export$2391061fbdfb71ef);
+// Import other components
 
 
 
@@ -384,7 +385,7 @@ $parcel$export($64ee2eed3ed5ffbc$exports, "buildInspectorStyle", () => $64ee2eed
 
 
 async function $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d(baseStyle, params = null) {
-    const { inDarkMode: inDarkMode = false , color: color = "rgb(74, 242, 161)" , mapboxToken: mapboxToken , xRaySources: xRaySources  } = params;
+    const { inDarkMode: inDarkMode = false, color: color = "rgb(74, 242, 161)", mapboxToken: mapboxToken, xRaySources: xRaySources } = params;
     const style = await (0, $Zz0sd$getMapboxStyle)(baseStyle, {
         access_token: mapboxToken
     });
@@ -433,7 +434,7 @@ function $64ee2eed3ed5ffbc$var$transformMapboxLayer(layer, color, inDarkMode) {
     return newLayer;
 }
 async function $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6(baseStyle, overlayStyle = null, params = {}) {
-    const { mapboxToken: mapboxToken , xRay: xRay = false , xRaySources: _xRaySources , ...rest } = params;
+    const { mapboxToken: mapboxToken, xRay: xRay = false, xRaySources: _xRaySources, ...rest } = params;
     let xRaySources = _xRaySources;
     let style = await (0, $Zz0sd$getMapboxStyle)(baseStyle, {
         access_token: mapboxToken
@@ -615,7 +616,6 @@ $parcel$export($91d5aa004eeb2226$exports, "MapBottomControls", () => $91d5aa004e
 
 
 
-
 const $91d5aa004eeb2226$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($1f5c274a1b8d54c3$exports))));
 function $91d5aa004eeb2226$var$ScaleControl(props) {
     const optionsRef = (0, $Zz0sd$useRef)({
@@ -658,7 +658,7 @@ function $91d5aa004eeb2226$export$db1a2e058a06fb5c() {
         }),
         $91d5aa004eeb2226$var$h($91d5aa004eeb2226$var$GeolocationControl, {
             className: "geolocation-control"
-        }), 
+        })
     ]);
 }
 
@@ -670,7 +670,7 @@ const $4bdfa9cd8240b2fd$export$ec68dd77edbe678b = (props)=>$4bdfa9cd8240b2fd$var
         ...props,
         className: (0, $Zz0sd$classnames)("panel-card", props.className)
     });
-function $4bdfa9cd8240b2fd$var$_MapAreaContainer({ children: children , className: className , navbar: navbar , contextPanel: contextPanel = null , detailPanel: detailPanel = null , detailPanelOpen: detailPanelOpen , contextPanelOpen: contextPanelOpen = true , bottomPanel: bottomPanel = null , mainPanel: mainPanel , mapControls: mapControls = $4bdfa9cd8240b2fd$var$h((0, $91d5aa004eeb2226$export$db1a2e058a06fb5c)) , contextStackProps: contextStackProps = null , detailStackProps: detailStackProps = null , mapPosition: mapPosition = null , fitViewport: fitViewport = true , ...rest }) {
+function $4bdfa9cd8240b2fd$var$_MapAreaContainer({ children: children, className: className, navbar: navbar, contextPanel: contextPanel = null, detailPanel: detailPanel = null, detailPanelOpen: detailPanelOpen, contextPanelOpen: contextPanelOpen = true, bottomPanel: bottomPanel = null, mainPanel: mainPanel, mapControls: mapControls = $4bdfa9cd8240b2fd$var$h((0, $91d5aa004eeb2226$export$db1a2e058a06fb5c)), contextStackProps: contextStackProps = null, detailStackProps: detailStackProps = null, fitViewport: fitViewport = true, ...rest }) {
     const _detailPanelOpen = detailPanelOpen ?? detailPanel != null;
     const contextPanelTrans = (0, $Zz0sd$useTransition)(contextPanelOpen, 800);
     const detailPanelTrans = (0, $Zz0sd$useTransition)(_detailPanelOpen, 800);
@@ -688,8 +688,7 @@ function $4bdfa9cd8240b2fd$var$_MapAreaContainer({ children: children , classNam
     return $4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$export$fa395a37c3898ae3, {
         className: (0, $Zz0sd$classnames)("map-page", className, {
             "fit-viewport": fitViewport
-        }),
-        mapPosition: mapPosition
+        })
     }, [
         $4bdfa9cd8240b2fd$var$h("div.main-ui", {
             className: mainUIClassName,
@@ -700,9 +699,9 @@ function $4bdfa9cd8240b2fd$var$_MapAreaContainer({ children: children , classNam
                 $4bdfa9cd8240b2fd$var$h("div.context-panel-holder", [
                     $4bdfa9cd8240b2fd$var$h.if(contextPanelTrans.shouldMount)([
                         contextPanel
-                    ]), 
+                    ])
                 ]),
-                $4bdfa9cd8240b2fd$var$h("div.spacer"), 
+                $4bdfa9cd8240b2fd$var$h("div.spacer")
             ]),
             //h(MapView),
             children ?? mainPanel,
@@ -712,18 +711,18 @@ function $4bdfa9cd8240b2fd$var$_MapAreaContainer({ children: children , classNam
                     className: "zoom-control"
                 }),
                 $4bdfa9cd8240b2fd$var$h("div.spacer"),
-                mapControls, 
-            ]), 
+                mapControls
+            ])
         ]),
-        $4bdfa9cd8240b2fd$var$h("div.bottom", null, bottomPanel), 
+        $4bdfa9cd8240b2fd$var$h("div.bottom", null, bottomPanel)
     ]);
 }
-const $4bdfa9cd8240b2fd$var$MapProviders = ({ children: children  })=>$4bdfa9cd8240b2fd$var$h((0, $Zz0sd$ToasterContext), $4bdfa9cd8240b2fd$var$h((0, $Zz0sd$MapboxMapProvider), children));
+const $4bdfa9cd8240b2fd$var$MapProviders = ({ children: children })=>$4bdfa9cd8240b2fd$var$h((0, $Zz0sd$ToasterContext), $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  }) {
+function $4bdfa9cd8240b2fd$export$fa395a37c3898ae3({ className: className, children: children }) {
     const mapPosition = (0, $Zz0sd$useMapPosition)();
     if (mapPosition != null) {
-        const { mapIsRotated: mapIsRotated , mapUse3D: mapUse3D , mapIsGlobal: mapIsGlobal  } = (0, $Zz0sd$mapViewInfo)(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,
@@ -749,7 +748,6 @@ $parcel$export($4bc3dd5f0732eed3$exports, "MapMarker", () => $4bc3dd5f0732eed3$e
 
 
 
-
 var $82fe09613877ffc2$exports = {};
 
 $parcel$export($82fe09613877ffc2$exports, "getMapPadding", () => $82fe09613877ffc2$export$bb78f9f01775eef1);
@@ -789,7 +787,7 @@ function $82fe09613877ffc2$export$278090850f6b3a9f(mapRef, markerRef, markerPosi
 }
 
 
-function $4bc3dd5f0732eed3$export$31b2e088aff2dc5d({ containerRef: containerRef  }) {
+function $4bc3dd5f0732eed3$export$31b2e088aff2dc5d({ containerRef: containerRef }) {
     const mapRef = (0, $Zz0sd$useMapRef)();
     const debouncedResize = (0, $Zz0sd$useRef)((0, $Zz0sd$debounce)(()=>{
         mapRef.current?.resize();
@@ -800,7 +798,7 @@ function $4bc3dd5f0732eed3$export$31b2e088aff2dc5d({ containerRef: containerRef
     });
     return null;
 }
-function $4bc3dd5f0732eed3$export$2ab96428dea558d6({ containerRef: containerRef , parentRef: parentRef , infoMarkerPosition: infoMarkerPosition  }) {
+function $4bc3dd5f0732eed3$export$2ab96428dea558d6({ containerRef: containerRef, parentRef: parentRef, infoMarkerPosition: infoMarkerPosition }) {
     const mapRef = (0, $Zz0sd$useMapRef)();
     const [padding, setPadding] = (0, $Zz0sd$useState)((0, $82fe09613877ffc2$export$bb78f9f01775eef1)(containerRef, parentRef));
     const updateMapPadding = (0, $Zz0sd$useCallback)(()=>{
@@ -828,7 +826,7 @@ function $4bc3dd5f0732eed3$export$2ab96428dea558d6({ containerRef: containerRef
     (0, $Zz0sd$useMapEaseToCenter)(infoMarkerPosition, padding);
     return null;
 }
-function $4bc3dd5f0732eed3$export$f6eeee399afc4e9a({ onMapMoved: onMapMoved = null  }) {
+function $4bc3dd5f0732eed3$export$f6eeee399afc4e9a({ onMapMoved: onMapMoved = null }) {
     const mapRef = (0, $Zz0sd$useMapRef)();
     const dispatch = (0, $Zz0sd$useMapDispatch)();
     const mapMovedCallback = (0, $Zz0sd$useCallback)(()=>{
@@ -862,7 +860,7 @@ function $4bc3dd5f0732eed3$export$f6eeee399afc4e9a({ onMapMoved: onMapMoved = nu
     ]);
     return null;
 }
-function $4bc3dd5f0732eed3$export$e57f9eaa51773f82({ ignoredSources: ignoredSources , onMapLoading: onMapLoading = null , onMapIdle: onMapIdle = null , mapIsLoading: mapIsLoading1 ,  }) {
+function $4bc3dd5f0732eed3$export$e57f9eaa51773f82({ ignoredSources: ignoredSources, onMapLoading: onMapLoading = null, onMapIdle: onMapIdle = null, mapIsLoading: mapIsLoading }) {
     const mapRef = (0, $Zz0sd$useMapRef)();
     const loadingRef = (0, $Zz0sd$useRef)(false);
     const dispatch = (0, $Zz0sd$useMapDispatch)();
@@ -900,11 +898,11 @@ function $4bc3dd5f0732eed3$export$e57f9eaa51773f82({ ignoredSources: ignoredSour
     }, [
         ignoredSources,
         mapRef.current,
-        mapIsLoading1
+        mapIsLoading
     ]);
     return null;
 }
-function $4bc3dd5f0732eed3$export$5c90a91c7455938c({ position: position , setPosition: setPosition , centerMarker: centerMarker = true  }) {
+function $4bc3dd5f0732eed3$export$5c90a91c7455938c({ position: position, setPosition: setPosition, centerMarker: centerMarker = true }) {
     const mapRef = (0, $Zz0sd$useMapRef)();
     const markerRef = (0, $Zz0sd$useRef)(null);
     (0, $82fe09613877ffc2$export$278090850f6b3a9f)(mapRef, markerRef, position);
@@ -946,17 +944,18 @@ $parcel$export($9e150e311a3261e9$exports, "MapTerrainManager", () => $9e150e311a
 
 var $1ea1ddb7a7b84e13$exports = {};
 
-$parcel$export($1ea1ddb7a7b84e13$exports, "mapbox-map", () => $1ea1ddb7a7b84e13$export$d0dcaf774d09fc4c, (v) => $1ea1ddb7a7b84e13$export$d0dcaf774d09fc4c = v);
 $parcel$export($1ea1ddb7a7b84e13$exports, "map-view-container", () => $1ea1ddb7a7b84e13$export$11aa7dc57218208d, (v) => $1ea1ddb7a7b84e13$export$11aa7dc57218208d = v);
-var $1ea1ddb7a7b84e13$export$d0dcaf774d09fc4c;
+$parcel$export($1ea1ddb7a7b84e13$exports, "mapbox-map", () => $1ea1ddb7a7b84e13$export$d0dcaf774d09fc4c, (v) => $1ea1ddb7a7b84e13$export$d0dcaf774d09fc4c = v);
 var $1ea1ddb7a7b84e13$export$11aa7dc57218208d;
-$1ea1ddb7a7b84e13$export$d0dcaf774d09fc4c = `-mD4Aa_mapbox-map`;
+var $1ea1ddb7a7b84e13$export$d0dcaf774d09fc4c;
 $1ea1ddb7a7b84e13$export$11aa7dc57218208d = `-mD4Aa_map-view-container`;
+$1ea1ddb7a7b84e13$export$d0dcaf774d09fc4c = `-mD4Aa_mapbox-map`;
 
 
 
+// We should merge this with code in @macrostrat/mapbox-react/src/terrain.ts:
 function $286fbb15f2139dc1$export$b730542ee281c4b1(map, shouldEnable, sourceID = null) {
-    let demSourceID = (sourceID ?? $286fbb15f2139dc1$var$getTerrainSourceID(map)) ?? "mapbox-dem";
+    let demSourceID = sourceID ?? $286fbb15f2139dc1$var$getTerrainSourceID(map) ?? "mapbox-dem";
     console.log("Enabling 3D terrain with source", demSourceID);
     if (!map.style?._loaded) {
         map.once("style.load", ()=>{
@@ -1006,12 +1005,13 @@ function $286fbb15f2139dc1$var$getTerrainSourceID(map) {
 
 
 
+
 const $9e150e311a3261e9$var$h = (0, $Zz0sd$macrostrathyper).styled({
     ...(0, (/*@__PURE__*/$parcel$interopDefault($1ea1ddb7a7b84e13$exports))),
     ...(0, (/*@__PURE__*/$parcel$interopDefault($1f5c274a1b8d54c3$exports)))
 });
 function $9e150e311a3261e9$var$defaultInitializeMap(container, args = {}) {
-    const { mapPosition: mapPosition , ...rest } = args;
+    const { mapPosition: mapPosition, ...rest } = args;
     const map = new (0, $Zz0sd$mapboxgl).Map({
         container: container,
         maxZoom: 18,
@@ -1035,15 +1035,22 @@ const $9e150e311a3261e9$var$defaultMapPosition = {
     }
 };
 function $9e150e311a3261e9$export$ab1e7a67d6ec5ad8(props) {
-    let { terrainSourceID: terrainSourceID  } = props;
-    const { enableTerrain: enableTerrain = true , style: style , mapPosition: mapPosition = $9e150e311a3261e9$var$defaultMapPosition , initializeMap: initializeMap = $9e150e311a3261e9$var$defaultInitializeMap , children: children , accessToken: accessToken , infoMarkerPosition: infoMarkerPosition , transformRequest: transformRequest , projection: projection , onMapLoaded: onMapLoaded = null , onStyleLoaded: onStyleLoaded = null , ...rest } = props;
+    let { terrainSourceID: terrainSourceID } = props;
+    const { enableTerrain: enableTerrain = true, style: style, mapPosition: mapPosition = $9e150e311a3261e9$var$defaultMapPosition, initializeMap: initializeMap = $9e150e311a3261e9$var$defaultInitializeMap, children: children, mapboxToken: mapboxToken, accessToken: // Deprecated
+    accessToken, infoMarkerPosition: infoMarkerPosition, transformRequest: transformRequest, projection: projection, onMapLoaded: onMapLoaded = null, onStyleLoaded: onStyleLoaded = null, ...rest } = props;
     if (enableTerrain) terrainSourceID ??= "mapbox-3d-dem";
-    if (accessToken != null) (0, $Zz0sd$mapboxgl).accessToken = accessToken;
+    const _mapboxToken = mapboxToken ?? accessToken;
+    if (_mapboxToken != null) (0, $Zz0sd$mapboxgl).accessToken = _mapboxToken;
     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
+    (0, $Zz0sd$useEffect)(()=>{
+        console.log("Map updated", mapRef.current);
+    }, [
+        mapRef.current
+    ]);
     (0, $Zz0sd$useEffect)(()=>{
         if (style == null) return;
         if (mapRef.current != null) {
@@ -1057,6 +1064,9 @@ function $9e150e311a3261e9$export$ab1e7a67d6ec5ad8(props) {
             mapPosition: mapPosition,
             ...rest
         });
+        map.setPadding((0, $82fe09613877ffc2$export$bb78f9f01775eef1)(ref, parentRef), {
+            animate: false
+        });
         map.on("style.load", ()=>{
             onStyleLoaded?.(map);
             dispatch({
@@ -1084,7 +1094,7 @@ function $9e150e311a3261e9$export$ab1e7a67d6ec5ad8(props) {
     //   setMapPosition(map, mapPosition);
     // }, [mapPosition]);
     const _computedMapPosition = (0, $Zz0sd$useMapPosition)();
-    const { mapUse3D: mapUse3D , mapIsRotated: mapIsRotated  } = (0, $Zz0sd$mapViewInfo)(_computedMapPosition);
+    const { mapUse3D: mapUse3D, mapIsRotated: mapIsRotated } = (0, $Zz0sd$mapViewInfo)(_computedMapPosition);
     // Get map projection
     const _projection = mapRef.current?.getProjection()?.name ?? "mercator";
     const className = (0, $Zz0sd$classnames)({
@@ -1117,10 +1127,10 @@ function $9e150e311a3261e9$export$ab1e7a67d6ec5ad8(props) {
             mapUse3D: mapUse3D,
             terrainSourceID: terrainSourceID
         }),
-        children, 
+        children
     ]);
 }
-function $9e150e311a3261e9$export$cee395a8a2a00b29({ mapUse3D: mapUse3D , terrainSourceID: terrainSourceID  }) {
+function $9e150e311a3261e9$export$cee395a8a2a00b29({ mapUse3D: mapUse3D, terrainSourceID: terrainSourceID }) {
     const mapRef = (0, $Zz0sd$useMapRef)();
     (0, $Zz0sd$useEffect)(()=>{
         const map = mapRef.current;
@@ -1183,13 +1193,13 @@ $parcel$export($1d4d29ef2725aa16$exports, "TileExtentLayer", () => $1d4d29ef2725
 
 
 
-function $1d4d29ef2725aa16$export$86c09739b12f23cd({ tile: tile , color: color = "red"  }) {
+function $1d4d29ef2725aa16$export$86c09739b12f23cd({ tile: tile, color: color = "red" }) {
     const styleCallback = (0, $Zz0sd$useCallback)((map, val)=>{
         const style = map.getStyle();
         if (style.layers == null) return;
         style.layers = style.layers.filter((l)=>l.id != "tile-extent");
         if (val == null) return map.setStyle(style);
-        const { x: x , y: y , z: z  } = val;
+        const { x: x, y: y, z: z } = val;
         const extent = (0, $Zz0sd$tileToGeoJSON)([
             x,
             y,
@@ -1214,8 +1224,8 @@ function $1d4d29ef2725aa16$export$86c09739b12f23cd({ tile: tile , color: color =
     }, [
         color
     ]);
-    const map1 = (0, $Zz0sd$useMapRef)();
-    (0, $Zz0sd$useMapConditionalStyle)(map1, tile, styleCallback);
+    const map = (0, $Zz0sd$useMapRef)();
+    (0, $Zz0sd$useMapConditionalStyle)(map, tile, styleCallback);
     return null;
 }
 
@@ -1305,22 +1315,21 @@ $3388ecc062e0c521$export$494f9067c39d24ef = "expansion-panel-detail-body_1340c8"
 
 
 
-
 const $72e497a412b1da0a$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($3388ecc062e0c521$exports))));
 function $72e497a412b1da0a$export$ed081779ec3709aa(props) {
-    const { title: title , component: component = "h3" , children: children , ...rest } = props;
+    const { title: title, component: component = "h3", children: children, ...rest } = props;
     return $72e497a412b1da0a$var$h("div.panel-subhead", rest, [
         $72e497a412b1da0a$var$h(component, {
             className: "title"
         }, title),
-        children, 
+        children
     ]);
 }
 
 
 const $d570ac304373e71c$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($3388ecc062e0c521$exports))));
 function $d570ac304373e71c$export$cea00a9d724d5a32(props) {
-    const { expanded: expanded , children: children , onChange: onChange , className: className , title: title , titleComponent: titleComponent  } = props;
+    const { expanded: expanded, children: children, onChange: onChange, className: className, title: title, titleComponent: titleComponent } = props;
     const icon = expanded ? "chevron-up" : "chevron-down";
     return $d570ac304373e71c$var$h((0, $72e497a412b1da0a$export$ed081779ec3709aa), {
         className: (0, $Zz0sd$classnames)("expansion-panel-header", className),
@@ -1335,7 +1344,7 @@ function $d570ac304373e71c$export$cea00a9d724d5a32(props) {
     ]);
 }
 function $d570ac304373e71c$var$ExpansionPanelBase(props) {
-    let { title: title , titleComponent: titleComponent = "h3" , children: children , expanded: expanded , helpText: helpText , onChange: onChange = ()=>{} , sideComponent: sideComponent = null , className: className ,  } = props;
+    let { title: title, titleComponent: titleComponent = "h3", children: children, expanded: expanded, helpText: helpText, onChange: onChange = ()=>{}, sideComponent: sideComponent = null, className: className } = props;
     const [isOpen, setOpen] = (0, $Zz0sd$useState)(expanded || false);
     const onChange_ = ()=>{
         onChange();
@@ -1355,20 +1364,20 @@ function $d570ac304373e71c$var$ExpansionPanelBase(props) {
         }, $d570ac304373e71c$var$h("div.expansion-summary-title-help", [
             $d570ac304373e71c$var$h("span.expansion-panel-subtext", helpText),
             " ",
-            sideComponent, 
+            sideComponent
         ])),
         $d570ac304373e71c$var$h((0, $Zz0sd$Collapse), {
             isOpen: isOpen
-        }, $d570ac304373e71c$var$h("div.expansion-children", null, children)), 
+        }, $d570ac304373e71c$var$h("div.expansion-children", null, children))
     ]);
 }
 function $d570ac304373e71c$export$39c134eb0b07cf0e(props) {
-    let { title: title , children: children , className: className , headerElement: headerElement = null  } = props;
+    let { title: title, children: children, className: className, headerElement: headerElement = null } = props;
     return $d570ac304373e71c$var$h("div.info-panel-section", {
         className: className
     }, [
         $d570ac304373e71c$var$h("div.panel-subhead", null, headerElement ?? $d570ac304373e71c$var$h("h3", title)),
-        $d570ac304373e71c$var$h("div.panel-content", null, children), 
+        $d570ac304373e71c$var$h("div.panel-content", null, children)
     ]);
 }
 function $d570ac304373e71c$export$40e646e38e6ed100(props) {
@@ -1385,7 +1394,7 @@ function $d570ac304373e71c$export$d7160281aff7c3b8(props) {
     });
 }
 function $d570ac304373e71c$export$44ad9ff780615135(props) {
-    let { title: title , children: children , value: value , headerElement: headerElement , className: className  } = props;
+    let { title: title, children: children, value: value, headerElement: headerElement, className: className } = props;
     const [isOpen, setIsOpen] = (0, $Zz0sd$useState)(false);
     headerElement ??= $d570ac304373e71c$var$h([
         $d570ac304373e71c$var$h("div.title", title),
@@ -1403,45 +1412,45 @@ function $d570ac304373e71c$export$44ad9ff780615135(props) {
                     active: isOpen,
                     onClick: ()=>setIsOpen(!isOpen),
                     icon: "more"
-                }), 
-            ]), 
+                })
+            ])
         ]),
         $d570ac304373e71c$var$h((0, $Zz0sd$Collapse), {
             isOpen: isOpen
-        }, $d570ac304373e71c$var$h("div.expandable-details-children", null, children)), 
+        }, $d570ac304373e71c$var$h("div.expandable-details-children", null, children))
     ]);
 }
-function $d570ac304373e71c$export$263416b670b3f129({ title: title , className: className , children: children  }) {
+function $d570ac304373e71c$export$263416b670b3f129({ title: title, className: className, children: children }) {
     return $d570ac304373e71c$var$h("div.expansion-body", {
         className: className
     }, [
         $d570ac304373e71c$var$h("div.expansion-panel-detail-header", title),
-        $d570ac304373e71c$var$h("div.expansion-panel-detail-body", null, children), 
+        $d570ac304373e71c$var$h("div.expansion-panel-detail-body", null, children)
     ]);
 }
 
 
 const $b8c84b63e75fe4f2$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($bfe9593b6c29b10b$exports))));
-function $b8c84b63e75fe4f2$export$2906e7f4b228efe9({ data: data , ...rest }) {
+function $b8c84b63e75fe4f2$export$2906e7f4b228efe9({ data: data, ...rest }) {
     return $b8c84b63e75fe4f2$var$h("div.feature-properties", [
         $b8c84b63e75fe4f2$var$h((0, $Zz0sd$JSONView), {
             data: data,
             hideRoot: true,
             ...rest
-        }), 
+        })
     ]);
 }
-function $b8c84b63e75fe4f2$export$dc87b4d46cea200d({ feature: feature  }) {
+function $b8c84b63e75fe4f2$export$dc87b4d46cea200d({ feature: feature }) {
     const props = feature.properties;
     return $b8c84b63e75fe4f2$var$h("div.feature-record", [
         $b8c84b63e75fe4f2$var$h.if(Object.keys(props).length > 0)($b8c84b63e75fe4f2$export$2906e7f4b228efe9, {
             data: props
-        }), 
+        })
     ]);
 }
-function $b8c84b63e75fe4f2$export$214daccdda0f4ac6({ selectedLocation: selectedLocation , setFeatures: setFeatures , radius: radius = 2  }) {
+function $b8c84b63e75fe4f2$export$214daccdda0f4ac6({ selectedLocation: selectedLocation, setFeatures: setFeatures, radius: radius = 2 }) {
     const mapRef = (0, $Zz0sd$useMapRef)();
-    const { isLoading: isLoading  } = (0, $Zz0sd$useMapStatus)();
+    const { isLoading: isLoading } = (0, $Zz0sd$useMapStatus)();
     const prevLocation = (0, $Zz0sd$usePrevious)(selectedLocation);
     (0, $Zz0sd$useEffect)(()=>{
         const map = mapRef?.current;
@@ -1462,7 +1471,7 @@ function $b8c84b63e75fe4f2$export$214daccdda0f4ac6({ selectedLocation: selectedL
             [
                 pt.x + r,
                 pt.y + r
-            ], 
+            ]
         ];
         const features = map.queryRenderedFeatures(bbox);
         setFeatures(features);
@@ -1473,7 +1482,7 @@ function $b8c84b63e75fe4f2$export$214daccdda0f4ac6({ selectedLocation: selectedL
     ]);
     return null;
 }
-function $b8c84b63e75fe4f2$var$FeatureHeader({ feature: feature  }) {
+function $b8c84b63e75fe4f2$var$FeatureHeader({ feature: feature }) {
     return $b8c84b63e75fe4f2$var$h("div.feature-header", [
         $b8c84b63e75fe4f2$var$h("h3", [
             $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
@@ -1483,20 +1492,20 @@ function $b8c84b63e75fe4f2$var$FeatureHeader({ feature: feature  }) {
             $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
                 label: "Source layer",
                 value: feature.sourceLayer
-            }), 
-        ]), 
+            })
+        ])
     ]);
 }
-function $b8c84b63e75fe4f2$var$KeyValue({ label: label , value: value  }) {
+function $b8c84b63e75fe4f2$var$KeyValue({ label: label, value: value }) {
     return $b8c84b63e75fe4f2$var$h("span.key-value", [
         $b8c84b63e75fe4f2$var$h("span.key", label),
         $b8c84b63e75fe4f2$var$h("code.value", value)
     ]);
 }
-function $b8c84b63e75fe4f2$var$LoadingAwareFeatureSet({ features: features , sourceID: sourceID  }) {
+function $b8c84b63e75fe4f2$var$LoadingAwareFeatureSet({ features: features, sourceID: sourceID }) {
     const map = (0, $Zz0sd$useMapRef)();
     if (map?.current == null) return null;
-    const [isLoaded1, setIsLoaded] = (0, $Zz0sd$useState)(false);
+    const [isLoaded, setIsLoaded] = (0, $Zz0sd$useState)(false);
     const sourceFeatures = features.filter((d)=>d.source == "burwell");
     (0, $Zz0sd$useEffect)(()=>{
         if (sourceFeatures.length > 0) {
@@ -1513,12 +1522,12 @@ function $b8c84b63e75fe4f2$var$LoadingAwareFeatureSet({ features: features , sou
         sourceID,
         sourceFeatures.length
     ]);
-    if (!isLoaded1) return $b8c84b63e75fe4f2$var$h((0, $Zz0sd$Spinner));
+    if (!isLoaded) return $b8c84b63e75fe4f2$var$h((0, $Zz0sd$Spinner));
     return $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$export$617d79dae526d2cf, {
         features: sourceFeatures
     });
 }
-function $b8c84b63e75fe4f2$export$43c75dec9d0b96c({ feature: feature , showExtent: showExtent , setShowExtent: setShowExtent  }) {
+function $b8c84b63e75fe4f2$export$43c75dec9d0b96c({ feature: feature, showExtent: showExtent, setShowExtent: setShowExtent }) {
     if (feature == null) return null;
     const size = feature._vectorTileFeature._pbf.length;
     return $b8c84b63e75fe4f2$var$h("div.tile-info", [
@@ -1535,7 +1544,7 @@ function $b8c84b63e75fe4f2$export$43c75dec9d0b96c({ feature: feature , showExten
             $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
                 label: "z",
                 value: feature._z
-            }), 
+            })
         ]),
         $b8c84b63e75fe4f2$var$h("div.spacer"),
         $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
@@ -1549,7 +1558,7 @@ function $b8c84b63e75fe4f2$export$43c75dec9d0b96c({ feature: feature , showExten
             onChange () {
                 setShowExtent(!showExtent);
             }
-        }), 
+        })
     ]);
 }
 function $b8c84b63e75fe4f2$var$formatSize(size) {
@@ -1563,13 +1572,13 @@ function $b8c84b63e75fe4f2$var$formatSize(size) {
     });
     return `${size} bytes`;
 }
-function $b8c84b63e75fe4f2$var$UnitNumber({ value: value , unit: unit , precision: precision = 1  }) {
+function $b8c84b63e75fe4f2$var$UnitNumber({ value: value, unit: unit, precision: precision = 1 }) {
     return $b8c84b63e75fe4f2$var$h("span.unit-number", [
         $b8c84b63e75fe4f2$var$h("span.number", value.toFixed(precision)),
-        $b8c84b63e75fe4f2$var$h("span.unit", unit), 
+        $b8c84b63e75fe4f2$var$h("span.unit", unit)
     ]);
 }
-function $b8c84b63e75fe4f2$export$43277c51a01761c1({ features: features , focusedSource: focusedSource = null , focusedSourceTitle: focusedSourceTitle = null ,  }) {
+function $b8c84b63e75fe4f2$export$43277c51a01761c1({ features: features, focusedSource: focusedSource = null, focusedSourceTitle: focusedSourceTitle = null }) {
     if (features == null) return null;
     let focusedSourcePanel = null;
     let filteredFeatures = features;
@@ -1584,7 +1593,7 @@ function $b8c84b63e75fe4f2$export$43277c51a01761c1({ features: features , focuse
             $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$LoadingAwareFeatureSet, {
                 features: features,
                 sourceID: focusedSource
-            }), 
+            })
         ]);
         filteredFeatures = features.filter((d)=>d.source != focusedSource);
     }
@@ -1597,13 +1606,13 @@ function $b8c84b63e75fe4f2$export$43277c51a01761c1({ features: features , focuse
         }, [
             $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$FeatureGroups, {
                 features: filteredFeatures
-            }), 
-        ]), 
+            })
+        ])
     ]);
 }
-function $b8c84b63e75fe4f2$var$FeatureGroups({ features: features1  }) {
-    /** Group features by source and sourceLayer */ if (features1 == null) return null;
-    const groups = (0, $Zz0sd$group)(features1, (d)=>`${d.source} - ${d.sourceLayer}`);
+function $b8c84b63e75fe4f2$var$FeatureGroups({ features: features }) {
+    /** Group features by source and sourceLayer */ if (features == null) return null;
+    const groups = (0, $Zz0sd$group)(features, (d)=>`${d.source} - ${d.sourceLayer}`);
     return $b8c84b63e75fe4f2$var$h("div.feature-groups", Array.from(groups).map(([key, features])=>{
         return $b8c84b63e75fe4f2$var$h("div.feature-group", [
             $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$FeatureHeader, {
@@ -1611,11 +1620,11 @@ function $b8c84b63e75fe4f2$var$FeatureGroups({ features: features1  }) {
             }),
             $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$export$617d79dae526d2cf, {
                 features: features
-            }), 
+            })
         ]);
     }));
 }
-function $b8c84b63e75fe4f2$export$617d79dae526d2cf({ features: features  }) {
+function $b8c84b63e75fe4f2$export$617d79dae526d2cf({ features: features }) {
     return $b8c84b63e75fe4f2$var$h("div.features", features.map((feature, i)=>$b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$export$dc87b4d46cea200d, {
             key: i,
             feature: feature
@@ -1623,19 +1632,19 @@ function $b8c84b63e75fe4f2$export$617d79dae526d2cf({ features: features  }) {
 }
 
 
-let $a281a0612311d660$export$dce4b6e67bb5f25a;
-(function(MacrostratVectorTileset1) {
-    MacrostratVectorTileset1["Carto"] = "carto";
-    MacrostratVectorTileset1["CartoSlim"] = "carto-slim";
-    MacrostratVectorTileset1["IGCPOrogens"] = "igcp-orogens";
+var $a281a0612311d660$export$dce4b6e67bb5f25a;
+(function(MacrostratVectorTileset) {
+    MacrostratVectorTileset["Carto"] = "carto";
+    MacrostratVectorTileset["CartoSlim"] = "carto-slim";
+    MacrostratVectorTileset["IGCPOrogens"] = "igcp-orogens";
 })($a281a0612311d660$export$dce4b6e67bb5f25a || ($a281a0612311d660$export$dce4b6e67bb5f25a = {}));
-let $a281a0612311d660$export$cc7c195070dfb906;
-(function(MacrostratRasterTileset1) {
-    MacrostratRasterTileset1["Carto"] = "carto";
-    MacrostratRasterTileset1["Emphasized"] = "emphasized";
+var $a281a0612311d660$export$cc7c195070dfb906;
+(function(MacrostratRasterTileset) {
+    MacrostratRasterTileset["Carto"] = "carto";
+    MacrostratRasterTileset["Emphasized"] = "emphasized";
 })($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  }) {
+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.
@@ -1650,7 +1659,7 @@ function $a281a0612311d660$export$2391061fbdfb71ef({ title: title = "Map inspect
         showTileExtent: false,
         xRay: false
     });
-    const { showTileExtent: showTileExtent , xRay: xRay  } = state;
+    const { showTileExtent: showTileExtent, xRay: xRay } = state;
     const [actualStyle, setActualStyle] = (0, $Zz0sd$useState)(style);
     (0, $Zz0sd$useEffect)(()=>{
         (0, $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6)(style, overlayStyle, {
@@ -1691,7 +1700,7 @@ function $a281a0612311d660$export$2391061fbdfb71ef({ title: title = "Map inspect
             features: data,
             focusedSource: focusedSource,
             focusedSourceTitle: focusedSourceTitle
-        }), 
+        })
     ]);
     let tile = null;
     if (showTileExtent && data?.[0] != null) {
@@ -1702,7 +1711,6 @@ function $a281a0612311d660$export$2391061fbdfb71ef({ title: title = "Map inspect
             z: f._z
         };
     }
-    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),
@@ -1710,7 +1718,7 @@ function $a281a0612311d660$export$2391061fbdfb71ef({ title: title = "Map inspect
             $a281a0612311d660$export$dda1d9f60106f0e9((0, $6e914c81c8e053da$export$9e3bae3c08bde368), {
                 active: isOpen,
                 onClick: ()=>setOpen(!isOpen)
-            }), 
+            })
         ]),
         contextPanel: $a281a0612311d660$export$dda1d9f60106f0e9((0, $4bdfa9cd8240b2fd$export$ec68dd77edbe678b), [
             $a281a0612311d660$export$dda1d9f60106f0e9((0, $Zz0sd$Switch), {
@@ -1723,7 +1731,7 @@ function $a281a0612311d660$export$2391061fbdfb71ef({ title: title = "Map inspect
                     });
                 }
             }),
-            children, 
+            children
         ]),
         detailPanel: detailElement,
         contextPanelOpen: isOpen
@@ -1731,7 +1739,10 @@ function $a281a0612311d660$export$2391061fbdfb71ef({ title: title = "Map inspect
         style: actualStyle,
         transformRequest: transformRequest,
         mapPosition: mapPosition,
-        projection: "globe"
+        projection: {
+            name: "globe"
+        },
+        mapboxToken: mapboxToken
     }, [
         $a281a0612311d660$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$214daccdda0f4ac6), {
             selectedLocation: inspectPosition,
@@ -1744,7 +1755,7 @@ function $a281a0612311d660$export$2391061fbdfb71ef({ title: title = "Map inspect
         $a281a0612311d660$export$dda1d9f60106f0e9((0, $1d4d29ef2725aa16$export$86c09739b12f23cd), {
             tile: tile,
             color: isEnabled ? "white" : "black"
-        }), 
+        })
     ]));
 }