@macrostrat/map-interface 0.3.0 → 1.0.0

package/dist/index.cjs

@@ -67,7 +67,7 @@ const $fce5fc950d1fe35b$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyp
 const $fce5fc950d1fe35b$var$spinnerElement = $fce5fc950d1fe35b$var$h((0, $9B3TU$blueprintjscore.Spinner), {
     size: 16
 });
-function $fce5fc950d1fe35b$export$4ec83e90d030b2f3({ isLoading: isLoading = false , onClick: onClick , active: active = false , icon: icon = "menu" ,  }) {
+function $fce5fc950d1fe35b$export$4ec83e90d030b2f3({ isLoading: isLoading = false, onClick: onClick, active: active = false, icon: icon = "menu" }) {
     return $fce5fc950d1fe35b$var$h((0, $9B3TU$blueprintjscore.Button), {
         icon: isLoading ? $fce5fc950d1fe35b$var$spinnerElement : icon,
         large: true,
@@ -77,7 +77,7 @@ function $fce5fc950d1fe35b$export$4ec83e90d030b2f3({ isLoading: isLoading = fals
     });
 }
 function $fce5fc950d1fe35b$export$9e3bae3c08bde368(props) {
-    const { isLoading: isLoading  } = (0, $9B3TU$macrostratmapboxreact.useMapStatus)();
+    const { isLoading: isLoading } = (0, $9B3TU$macrostratmapboxreact.useMapStatus)();
     const mapIsLoading = (0, $9B3TU$react.useMemo)(()=>isLoading, [
         isLoading
     ]);
@@ -86,18 +86,18 @@ function $fce5fc950d1fe35b$export$9e3bae3c08bde368(props) {
         isLoading: mapIsLoading
     });
 }
-function $fce5fc950d1fe35b$export$a8cc0062d02a3841({ className: className , children: children , statusElement: statusElement = null  }) {
+function $fce5fc950d1fe35b$export$a8cc0062d02a3841({ className: className, children: children, statusElement: statusElement = null }) {
     return $fce5fc950d1fe35b$var$h("div.searchbar-holder", {
         className: className
     }, [
         $fce5fc950d1fe35b$var$h("div.navbar-holder", [
             $fce5fc950d1fe35b$var$h((0, $9B3TU$blueprintjscore.Navbar), {
                 className: "searchbar panel"
-            }, children), 
+            }, children)
         ]),
         $fce5fc950d1fe35b$var$h.if(statusElement != null)((0, $9B3TU$blueprintjscore.Card), {
             className: "status-tongue"
-        }, statusElement), 
+        }, statusElement)
     ]);
 }
 
@@ -112,36 +112,36 @@ $parcel$export($2bc7c1e4e7da7fdf$exports, "LocationPanel", () => $2bc7c1e4e7da7f
 
 var $a8d7c4c397e52cf6$exports = {};
 
-$parcel$export($a8d7c4c397e52cf6$exports, "left-icon", () => $a8d7c4c397e52cf6$export$f750577db09821ce, (v) => $a8d7c4c397e52cf6$export$f750577db09821ce = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer-header-item", () => $a8d7c4c397e52cf6$export$333d72514239bce8, (v) => $a8d7c4c397e52cf6$export$333d72514239bce8 = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "spacer", () => $a8d7c4c397e52cf6$export$8cc075c801fd6817, (v) => $a8d7c4c397e52cf6$export$8cc075c801fd6817 = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer", () => $a8d7c4c397e52cf6$export$b5017f7ff265217d, (v) => $a8d7c4c397e52cf6$export$b5017f7ff265217d = v);
 $parcel$export($a8d7c4c397e52cf6$exports, "copy-link-button", () => $a8d7c4c397e52cf6$export$d1352d0c31a65024, (v) => $a8d7c4c397e52cf6$export$d1352d0c31a65024 = v);
+$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer", () => $a8d7c4c397e52cf6$export$b5017f7ff265217d, (v) => $a8d7c4c397e52cf6$export$b5017f7ff265217d = v);
+$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer-body", () => $a8d7c4c397e52cf6$export$310e8f86a84c074f, (v) => $a8d7c4c397e52cf6$export$310e8f86a84c074f = v);
+$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer-contents", () => $a8d7c4c397e52cf6$export$69ed3ba502fbf15b, (v) => $a8d7c4c397e52cf6$export$69ed3ba502fbf15b = v);
+$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer-header-item", () => $a8d7c4c397e52cf6$export$333d72514239bce8, (v) => $a8d7c4c397e52cf6$export$333d72514239bce8 = v);
+$parcel$export($a8d7c4c397e52cf6$exports, "left-icon", () => $a8d7c4c397e52cf6$export$f750577db09821ce, (v) => $a8d7c4c397e52cf6$export$f750577db09821ce = v);
 $parcel$export($a8d7c4c397e52cf6$exports, "loading", () => $a8d7c4c397e52cf6$export$46c1c92549715335, (v) => $a8d7c4c397e52cf6$export$46c1c92549715335 = v);
 $parcel$export($a8d7c4c397e52cf6$exports, "location-panel-header", () => $a8d7c4c397e52cf6$export$d821beb98a87c6d7, (v) => $a8d7c4c397e52cf6$export$d821beb98a87c6d7 = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer-contents", () => $a8d7c4c397e52cf6$export$69ed3ba502fbf15b, (v) => $a8d7c4c397e52cf6$export$69ed3ba502fbf15b = v);
 $parcel$export($a8d7c4c397e52cf6$exports, "position-controls", () => $a8d7c4c397e52cf6$export$dfae07a3bf0fbd6, (v) => $a8d7c4c397e52cf6$export$dfae07a3bf0fbd6 = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer-body", () => $a8d7c4c397e52cf6$export$310e8f86a84c074f, (v) => $a8d7c4c397e52cf6$export$310e8f86a84c074f = v);
-var $a8d7c4c397e52cf6$export$f750577db09821ce;
-var $a8d7c4c397e52cf6$export$333d72514239bce8;
-var $a8d7c4c397e52cf6$export$8cc075c801fd6817;
-var $a8d7c4c397e52cf6$export$b5017f7ff265217d;
+$parcel$export($a8d7c4c397e52cf6$exports, "spacer", () => $a8d7c4c397e52cf6$export$8cc075c801fd6817, (v) => $a8d7c4c397e52cf6$export$8cc075c801fd6817 = v);
 var $a8d7c4c397e52cf6$export$d1352d0c31a65024;
+var $a8d7c4c397e52cf6$export$b5017f7ff265217d;
+var $a8d7c4c397e52cf6$export$310e8f86a84c074f;
+var $a8d7c4c397e52cf6$export$69ed3ba502fbf15b;
+var $a8d7c4c397e52cf6$export$333d72514239bce8;
+var $a8d7c4c397e52cf6$export$f750577db09821ce;
 var $a8d7c4c397e52cf6$export$46c1c92549715335;
 var $a8d7c4c397e52cf6$export$d821beb98a87c6d7;
-var $a8d7c4c397e52cf6$export$69ed3ba502fbf15b;
 var $a8d7c4c397e52cf6$export$dfae07a3bf0fbd6;
-var $a8d7c4c397e52cf6$export$310e8f86a84c074f;
-$a8d7c4c397e52cf6$export$f750577db09821ce = `VPa3-W_left-icon`;
-$a8d7c4c397e52cf6$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;
-$a8d7c4c397e52cf6$export$8cc075c801fd6817 = `VPa3-W_spacer`;
-$a8d7c4c397e52cf6$export$b5017f7ff265217d = `VPa3-W_infodrawer`;
+var $a8d7c4c397e52cf6$export$8cc075c801fd6817;
 $a8d7c4c397e52cf6$export$d1352d0c31a65024 = `VPa3-W_copy-link-button`;
+$a8d7c4c397e52cf6$export$b5017f7ff265217d = `VPa3-W_infodrawer`;
+$a8d7c4c397e52cf6$export$310e8f86a84c074f = `VPa3-W_infodrawer-body`;
+$a8d7c4c397e52cf6$export$69ed3ba502fbf15b = `VPa3-W_infodrawer-contents`;
+$a8d7c4c397e52cf6$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;
+$a8d7c4c397e52cf6$export$f750577db09821ce = `VPa3-W_left-icon`;
 $a8d7c4c397e52cf6$export$46c1c92549715335 = `VPa3-W_loading`;
 $a8d7c4c397e52cf6$export$d821beb98a87c6d7 = `VPa3-W_location-panel-header`;
-$a8d7c4c397e52cf6$export$69ed3ba502fbf15b = `VPa3-W_infodrawer-contents`;
 $a8d7c4c397e52cf6$export$dfae07a3bf0fbd6 = `VPa3-W_position-controls`;
-$a8d7c4c397e52cf6$export$310e8f86a84c074f = `VPa3-W_infodrawer-body`;
+$a8d7c4c397e52cf6$export$8cc075c801fd6817 = `VPa3-W_spacer`;
 
 
 
@@ -190,7 +190,7 @@ function $bf943af2b72f182b$export$d284c26147b5ca34(meters, precision = 0) {
 
 
 function $860d9939f7032c69$export$716098b85fd0efdf(props) {
-    const { value: value , unit: unit  } = props;
+    const { value: value, unit: unit } = props;
     return (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))("span.value-with-unit", [
         (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))("span.value", [
             value
@@ -200,11 +200,11 @@ function $860d9939f7032c69$export$716098b85fd0efdf(props) {
         ]),
         (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))("span.unit", [
             unit
-        ]), 
+        ])
     ]);
 }
 function $860d9939f7032c69$export$af8082af0bea3eb1(props) {
-    const { value: value , labels: labels , precision: precision = 3 , format: format = (0, $bf943af2b72f182b$export$7c4d25c0c3217d8c)  } = props;
+    const { value: value, labels: labels, precision: precision = 3, format: format = (0, $bf943af2b72f182b$export$7c4d25c0c3217d8c) } = props;
     const direction = value < 0 ? labels[1] : labels[0];
     return (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))($860d9939f7032c69$export$716098b85fd0efdf, {
         value: format(Math.abs(value), precision) + "\xb0",
@@ -212,12 +212,12 @@ function $860d9939f7032c69$export$af8082af0bea3eb1(props) {
     });
 }
 function $860d9939f7032c69$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, $bf943af2b72f182b$export$424827e271c4ba96)(val, zoom);
     return (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))("div.lnglat-container", {
         className: className
@@ -241,12 +241,12 @@ function $860d9939f7032c69$export$f195b3550849e560(props) {
                 ],
                 precision: precision,
                 format: format
-            }), 
-        ]), 
+            })
+        ])
     ]);
 }
 function $860d9939f7032c69$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, ($parcel$interopDefault($9B3TU$macrostrathyper)))("div.elevation", {
         className: className
@@ -261,15 +261,15 @@ function $860d9939f7032c69$export$58bfb4f6ec5aa58d(props) {
                 value: (0, $bf943af2b72f182b$export$d284c26147b5ca34)(elevation),
                 unit: "ft"
             }),
-            ")", 
-        ]), 
+            ")"
+        ])
     ]);
 }
 
 
 
 const $548387e5996cdbbd$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($a8d7c4c397e52cf6$exports))));
-function $548387e5996cdbbd$var$PositionButton({ position: position  }) {
+function $548387e5996cdbbd$var$PositionButton({ position: position }) {
     const focusState = (0, $9B3TU$macrostratmapboxreact.useFocusState)(position);
     return $548387e5996cdbbd$var$h("div.position-controls", [
         $548387e5996cdbbd$var$h((0, $9B3TU$macrostratmapboxreact.LocationFocusButton), {
@@ -278,10 +278,10 @@ function $548387e5996cdbbd$var$PositionButton({ position: position  }) {
         }, []),
         (0, $9B3TU$macrostratmapboxreact.isCentered)(focusState) ? $548387e5996cdbbd$var$h($548387e5996cdbbd$var$CopyLinkButton, {
             itemName: "position"
-        }) : null, 
+        }) : null
     ]);
 }
-function $548387e5996cdbbd$var$CopyLinkButton({ itemName: itemName , children: children , onClick: onClick , ...rest }) {
+function $548387e5996cdbbd$var$CopyLinkButton({ itemName: itemName, children: children, onClick: onClick, ...rest }) {
     const toaster = (0, $9B3TU$macrostratuicomponents.useToaster)();
     let message = `Copied link`;
     if (itemName != null) message += ` to ${itemName}`;
@@ -316,7 +316,7 @@ function $548387e5996cdbbd$var$CopyLinkButton({ itemName: itemName , children: c
     }, children ?? "Copy link");
 }
 function $548387e5996cdbbd$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 $548387e5996cdbbd$var$h("header.location-panel-header", [
         $548387e5996cdbbd$var$h($548387e5996cdbbd$var$PositionButton, {
             position: position
@@ -335,7 +335,7 @@ function $548387e5996cdbbd$export$e9ff14c4822c2e8c(props) {
             minimal: true,
             icon: "cross",
             onClick: onClose
-        }), 
+        })
     ]);
 }
 
@@ -352,7 +352,7 @@ function $2bc7c1e4e7da7fdf$export$83f9a19cf91c2d06(props) {
     });
 }
 function $2bc7c1e4e7da7fdf$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, ($parcel$interopDefault($9B3TU$classnames)))("location-panel", className, {
         loading: loading
     });
@@ -360,7 +360,7 @@ function $2bc7c1e4e7da7fdf$export$aa4baff5242ea6e1(props) {
         className: cls
     }, [
         $2bc7c1e4e7da7fdf$var$h((0, $548387e5996cdbbd$export$e9ff14c4822c2e8c), rest),
-        $2bc7c1e4e7da7fdf$var$h("div.infodrawer-body", $2bc7c1e4e7da7fdf$var$h("div.infodrawer-contents", $2bc7c1e4e7da7fdf$var$h((0, $9B3TU$macrostratuicomponents.ErrorBoundary), null, children))), 
+        $2bc7c1e4e7da7fdf$var$h("div.infodrawer-body", $2bc7c1e4e7da7fdf$var$h("div.infodrawer-contents", $2bc7c1e4e7da7fdf$var$h((0, $9B3TU$macrostratuicomponents.ErrorBoundary), null, children)))
     ]);
 }
 
@@ -372,6 +372,7 @@ $parcel$export($6f5ca387ac26c0b5$exports, "MacrostratVectorTileset", () => $6f5c
 $parcel$export($6f5ca387ac26c0b5$exports, "MacrostratRasterTileset", () => $6f5ca387ac26c0b5$export$cc7c195070dfb906);
 $parcel$export($6f5ca387ac26c0b5$exports, "h", () => $6f5ca387ac26c0b5$export$dda1d9f60106f0e9);
 $parcel$export($6f5ca387ac26c0b5$exports, "DevMapPage", () => $6f5ca387ac26c0b5$export$2391061fbdfb71ef);
+// Import other components
 
 
 
@@ -384,7 +385,7 @@ $parcel$export($8646508ae99a5857$exports, "buildInspectorStyle", () => $8646508a
 
 
 async function $8646508ae99a5857$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, $9B3TU$macrostratmapboxutils.getMapboxStyle)(baseStyle, {
         access_token: mapboxToken
     });
@@ -433,7 +434,7 @@ function $8646508ae99a5857$var$transformMapboxLayer(layer, color, inDarkMode) {
     return newLayer;
 }
 async function $8646508ae99a5857$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, $9B3TU$macrostratmapboxutils.getMapboxStyle)(baseStyle, {
         access_token: mapboxToken
@@ -460,7 +461,6 @@ async function $8646508ae99a5857$export$e739dc8dfc0db9a6(baseStyle, overlayStyle
 
 var $c3311f59335df34d$exports = {};
 
-$parcel$export($c3311f59335df34d$exports, "MapInterface", () => $c3311f59335df34d$export$57b87f3e07d4bb90);
 $parcel$export($c3311f59335df34d$exports, "PanelCard", () => $c3311f59335df34d$export$ec68dd77edbe678b);
 $parcel$export($c3311f59335df34d$exports, "MapStyledContainer", () => $c3311f59335df34d$export$fa395a37c3898ae3);
 $parcel$export($c3311f59335df34d$exports, "MapAreaContainer", () => $c3311f59335df34d$export$9fa5da0bcfd0a290);
@@ -616,7 +616,6 @@ $parcel$export($f333fe6f49373ca9$exports, "MapBottomControls", () => $f333fe6f49
 
 
 
-
 const $f333fe6f49373ca9$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($35f1bc0112883d51$exports))));
 function $f333fe6f49373ca9$var$ScaleControl(props) {
     const optionsRef = (0, $9B3TU$react.useRef)({
@@ -659,22 +658,19 @@ function $f333fe6f49373ca9$export$db1a2e058a06fb5c() {
         }),
         $f333fe6f49373ca9$var$h($f333fe6f49373ca9$var$GeolocationControl, {
             className: "geolocation-control"
-        }), 
+        })
     ]);
 }
 
 
 
 
-function $c3311f59335df34d$export$57b87f3e07d4bb90() {
-    return $c3311f59335df34d$var$h("div", "Hello world");
-}
 const $c3311f59335df34d$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($35f1bc0112883d51$exports))));
 const $c3311f59335df34d$export$ec68dd77edbe678b = (props)=>$c3311f59335df34d$var$h((0, $9B3TU$blueprintjscore.Card), {
         ...props,
         className: (0, ($parcel$interopDefault($9B3TU$classnames)))("panel-card", props.className)
     });
-function $c3311f59335df34d$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 = $c3311f59335df34d$var$h((0, $f333fe6f49373ca9$export$db1a2e058a06fb5c)) , contextStackProps: contextStackProps = null , detailStackProps: detailStackProps = null , mapPosition: mapPosition = null , fitViewport: fitViewport = true , ...rest }) {
+function $c3311f59335df34d$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 = $c3311f59335df34d$var$h((0, $f333fe6f49373ca9$export$db1a2e058a06fb5c)), contextStackProps: contextStackProps = null, detailStackProps: detailStackProps = null, fitViewport: fitViewport = true, ...rest }) {
     const _detailPanelOpen = detailPanelOpen ?? detailPanel != null;
     const contextPanelTrans = (0, $9B3TU$transitionhook.useTransition)(contextPanelOpen, 800);
     const detailPanelTrans = (0, $9B3TU$transitionhook.useTransition)(_detailPanelOpen, 800);
@@ -692,8 +688,7 @@ function $c3311f59335df34d$var$_MapAreaContainer({ children: children , classNam
     return $c3311f59335df34d$var$h($c3311f59335df34d$export$fa395a37c3898ae3, {
         className: (0, ($parcel$interopDefault($9B3TU$classnames)))("map-page", className, {
             "fit-viewport": fitViewport
-        }),
-        mapPosition: mapPosition
+        })
     }, [
         $c3311f59335df34d$var$h("div.main-ui", {
             className: mainUIClassName,
@@ -704,9 +699,9 @@ function $c3311f59335df34d$var$_MapAreaContainer({ children: children , classNam
                 $c3311f59335df34d$var$h("div.context-panel-holder", [
                     $c3311f59335df34d$var$h.if(contextPanelTrans.shouldMount)([
                         contextPanel
-                    ]), 
+                    ])
                 ]),
-                $c3311f59335df34d$var$h("div.spacer"), 
+                $c3311f59335df34d$var$h("div.spacer")
             ]),
             //h(MapView),
             children ?? mainPanel,
@@ -716,18 +711,18 @@ function $c3311f59335df34d$var$_MapAreaContainer({ children: children , classNam
                     className: "zoom-control"
                 }),
                 $c3311f59335df34d$var$h("div.spacer"),
-                mapControls, 
-            ]), 
+                mapControls
+            ])
         ]),
-        $c3311f59335df34d$var$h("div.bottom", null, bottomPanel), 
+        $c3311f59335df34d$var$h("div.bottom", null, bottomPanel)
     ]);
 }
-const $c3311f59335df34d$var$MapProviders = ({ children: children  })=>$c3311f59335df34d$var$h((0, $9B3TU$macrostratuicomponents.ToasterContext), $c3311f59335df34d$var$h((0, $9B3TU$macrostratmapboxreact.MapboxMapProvider), children));
+const $c3311f59335df34d$var$MapProviders = ({ children: children })=>$c3311f59335df34d$var$h((0, $9B3TU$macrostratuicomponents.ToasterContext), $c3311f59335df34d$var$h((0, $9B3TU$macrostratmapboxreact.MapboxMapProvider), children));
 const $c3311f59335df34d$export$9fa5da0bcfd0a290 = (props)=>$c3311f59335df34d$var$h($c3311f59335df34d$var$MapProviders, $c3311f59335df34d$var$h($c3311f59335df34d$var$_MapAreaContainer, props));
-function $c3311f59335df34d$export$fa395a37c3898ae3({ className: className , children: children  }) {
+function $c3311f59335df34d$export$fa395a37c3898ae3({ className: className, children: children }) {
     const mapPosition = (0, $9B3TU$macrostratmapboxreact.useMapPosition)();
     if (mapPosition != null) {
-        const { mapIsRotated: mapIsRotated , mapUse3D: mapUse3D , mapIsGlobal: mapIsGlobal  } = (0, $9B3TU$macrostratmapboxutils.mapViewInfo)(mapPosition);
+        const { mapIsRotated: mapIsRotated, mapUse3D: mapUse3D, mapIsGlobal: mapIsGlobal } = (0, $9B3TU$macrostratmapboxutils.mapViewInfo)(mapPosition);
         className = (0, ($parcel$interopDefault($9B3TU$classnames)))(className, {
             "map-is-rotated": mapIsRotated,
             "map-3d-available": mapUse3D,
@@ -753,7 +748,6 @@ $parcel$export($2611a7b4364593e5$exports, "MapMarker", () => $2611a7b4364593e5$e
 
 
 
-
 var $3490fc4f4bda12f7$exports = {};
 
 $parcel$export($3490fc4f4bda12f7$exports, "getMapPadding", () => $3490fc4f4bda12f7$export$bb78f9f01775eef1);
@@ -793,7 +787,7 @@ function $3490fc4f4bda12f7$export$278090850f6b3a9f(mapRef, markerRef, markerPosi
 }
 
 
-function $2611a7b4364593e5$export$31b2e088aff2dc5d({ containerRef: containerRef  }) {
+function $2611a7b4364593e5$export$31b2e088aff2dc5d({ containerRef: containerRef }) {
     const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
     const debouncedResize = (0, $9B3TU$react.useRef)((0, $9B3TU$underscore.debounce)(()=>{
         mapRef.current?.resize();
@@ -804,7 +798,7 @@ function $2611a7b4364593e5$export$31b2e088aff2dc5d({ containerRef: containerRef
     });
     return null;
 }
-function $2611a7b4364593e5$export$2ab96428dea558d6({ containerRef: containerRef , parentRef: parentRef , infoMarkerPosition: infoMarkerPosition  }) {
+function $2611a7b4364593e5$export$2ab96428dea558d6({ containerRef: containerRef, parentRef: parentRef, infoMarkerPosition: infoMarkerPosition }) {
     const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
     const [padding, setPadding] = (0, $9B3TU$react.useState)((0, $3490fc4f4bda12f7$export$bb78f9f01775eef1)(containerRef, parentRef));
     const updateMapPadding = (0, $9B3TU$react.useCallback)(()=>{
@@ -828,10 +822,11 @@ function $2611a7b4364593e5$export$2ab96428dea558d6({ containerRef: containerRef
             updateMapPadding();
         }
     });
+    // Ideally, we would not have to do this when we know the infobox is loaded
     (0, $9B3TU$macrostratmapboxreact.useMapEaseToCenter)(infoMarkerPosition, padding);
     return null;
 }
-function $2611a7b4364593e5$export$f6eeee399afc4e9a({ onMapMoved: onMapMoved = null  }) {
+function $2611a7b4364593e5$export$f6eeee399afc4e9a({ onMapMoved: onMapMoved = null }) {
     const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
     const dispatch = (0, $9B3TU$macrostratmapboxreact.useMapDispatch)();
     const mapMovedCallback = (0, $9B3TU$react.useCallback)(()=>{
@@ -865,7 +860,7 @@ function $2611a7b4364593e5$export$f6eeee399afc4e9a({ onMapMoved: onMapMoved = nu
     ]);
     return null;
 }
-function $2611a7b4364593e5$export$e57f9eaa51773f82({ ignoredSources: ignoredSources , onMapLoading: onMapLoading = null , onMapIdle: onMapIdle = null , mapIsLoading: mapIsLoading1 ,  }) {
+function $2611a7b4364593e5$export$e57f9eaa51773f82({ ignoredSources: ignoredSources, onMapLoading: onMapLoading = null, onMapIdle: onMapIdle = null, mapIsLoading: mapIsLoading }) {
     const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
     const loadingRef = (0, $9B3TU$react.useRef)(false);
     const dispatch = (0, $9B3TU$macrostratmapboxreact.useMapDispatch)();
@@ -903,11 +898,11 @@ function $2611a7b4364593e5$export$e57f9eaa51773f82({ ignoredSources: ignoredSour
     }, [
         ignoredSources,
         mapRef.current,
-        mapIsLoading1
+        mapIsLoading
     ]);
     return null;
 }
-function $2611a7b4364593e5$export$5c90a91c7455938c({ position: position , setPosition: setPosition , centerMarker: centerMarker = true  }) {
+function $2611a7b4364593e5$export$5c90a91c7455938c({ position: position, setPosition: setPosition, centerMarker: centerMarker = true }) {
     const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
     const markerRef = (0, $9B3TU$react.useRef)(null);
     (0, $3490fc4f4bda12f7$export$278090850f6b3a9f)(mapRef, markerRef, position);
@@ -958,8 +953,9 @@ $094b46e231302b09$export$d0dcaf774d09fc4c = `-mD4Aa_mapbox-map`;
 
 
 
+// We should merge this with code in @macrostrat/mapbox-react/src/terrain.ts:
 function $ecfbeec2ae4211a4$export$b730542ee281c4b1(map, shouldEnable, sourceID = null) {
-    let demSourceID = (sourceID ?? $ecfbeec2ae4211a4$var$getTerrainSourceID(map)) ?? "mapbox-dem";
+    let demSourceID = sourceID ?? $ecfbeec2ae4211a4$var$getTerrainSourceID(map) ?? "mapbox-dem";
     console.log("Enabling 3D terrain with source", demSourceID);
     if (!map.style?._loaded) {
         map.once("style.load", ()=>{
@@ -1009,12 +1005,13 @@ function $ecfbeec2ae4211a4$var$getTerrainSourceID(map) {
 
 
 
+
 const $12b6032029db16d4$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled({
     ...(0, (/*@__PURE__*/$parcel$interopDefault($094b46e231302b09$exports))),
     ...(0, (/*@__PURE__*/$parcel$interopDefault($35f1bc0112883d51$exports)))
 });
 function $12b6032029db16d4$var$defaultInitializeMap(container, args = {}) {
-    const { mapPosition: mapPosition , ...rest } = args;
+    const { mapPosition: mapPosition, ...rest } = args;
     const map = new (0, ($parcel$interopDefault($9B3TU$mapboxgl))).Map({
         container: container,
         maxZoom: 18,
@@ -1038,15 +1035,22 @@ const $12b6032029db16d4$var$defaultMapPosition = {
     }
 };
 function $12b6032029db16d4$export$ab1e7a67d6ec5ad8(props) {
-    let { terrainSourceID: terrainSourceID  } = props;
-    const { enableTerrain: enableTerrain = true , style: style , mapPosition: mapPosition = $12b6032029db16d4$var$defaultMapPosition , initializeMap: initializeMap = $12b6032029db16d4$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 = $12b6032029db16d4$var$defaultMapPosition, initializeMap: initializeMap = $12b6032029db16d4$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, ($parcel$interopDefault($9B3TU$mapboxgl))).accessToken = accessToken;
+    const _mapboxToken = mapboxToken ?? accessToken;
+    if (_mapboxToken != null) (0, ($parcel$interopDefault($9B3TU$mapboxgl))).accessToken = _mapboxToken;
     const dispatch = (0, $9B3TU$macrostratmapboxreact.useMapDispatch)();
     let mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
     const ref = (0, $9B3TU$react.useRef)();
     const parentRef = (0, $9B3TU$react.useRef)();
     // Keep track of map position for reloads
+    (0, $9B3TU$react.useEffect)(()=>{
+        console.log("Map updated", mapRef.current);
+    }, [
+        mapRef.current
+    ]);
     (0, $9B3TU$react.useEffect)(()=>{
         if (style == null) return;
         if (mapRef.current != null) {
@@ -1060,6 +1064,9 @@ function $12b6032029db16d4$export$ab1e7a67d6ec5ad8(props) {
             mapPosition: mapPosition,
             ...rest
         });
+        map.setPadding((0, $3490fc4f4bda12f7$export$bb78f9f01775eef1)(ref, parentRef), {
+            animate: false
+        });
         map.on("style.load", ()=>{
             onStyleLoaded?.(map);
             dispatch({
@@ -1087,7 +1094,7 @@ function $12b6032029db16d4$export$ab1e7a67d6ec5ad8(props) {
     //   setMapPosition(map, mapPosition);
     // }, [mapPosition]);
     const _computedMapPosition = (0, $9B3TU$macrostratmapboxreact.useMapPosition)();
-    const { mapUse3D: mapUse3D , mapIsRotated: mapIsRotated  } = (0, $9B3TU$macrostratmapboxutils.mapViewInfo)(_computedMapPosition);
+    const { mapUse3D: mapUse3D, mapIsRotated: mapIsRotated } = (0, $9B3TU$macrostratmapboxutils.mapViewInfo)(_computedMapPosition);
     // Get map projection
     const _projection = mapRef.current?.getProjection()?.name ?? "mercator";
     const className = (0, ($parcel$interopDefault($9B3TU$classnames)))({
@@ -1120,10 +1127,10 @@ function $12b6032029db16d4$export$ab1e7a67d6ec5ad8(props) {
             mapUse3D: mapUse3D,
             terrainSourceID: terrainSourceID
         }),
-        children, 
+        children
     ]);
 }
-function $12b6032029db16d4$export$cee395a8a2a00b29({ mapUse3D: mapUse3D , terrainSourceID: terrainSourceID  }) {
+function $12b6032029db16d4$export$cee395a8a2a00b29({ mapUse3D: mapUse3D, terrainSourceID: terrainSourceID }) {
     const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
     (0, $9B3TU$react.useEffect)(()=>{
         const map = mapRef.current;
@@ -1186,13 +1193,13 @@ $parcel$export($abbe8d0af34cbbed$exports, "TileExtentLayer", () => $abbe8d0af34c
 
 
 
-function $abbe8d0af34cbbed$export$86c09739b12f23cd({ tile: tile , color: color = "red"  }) {
+function $abbe8d0af34cbbed$export$86c09739b12f23cd({ tile: tile, color: color = "red" }) {
     const styleCallback = (0, $9B3TU$react.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, $9B3TU$mapboxtilebelt.tileToGeoJSON)([
             x,
             y,
@@ -1217,8 +1224,8 @@ function $abbe8d0af34cbbed$export$86c09739b12f23cd({ tile: tile , color: color =
     }, [
         color
     ]);
-    const map1 = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
-    (0, $9B3TU$macrostratmapboxreact.useMapConditionalStyle)(map1, tile, styleCallback);
+    const map = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
+    (0, $9B3TU$macrostratmapboxreact.useMapConditionalStyle)(map, tile, styleCallback);
     return null;
 }
 
@@ -1308,22 +1315,21 @@ $b1c160aff794b8f5$export$494f9067c39d24ef = "expansion-panel-detail-body_1340c8"
 
 
 
-
 const $a0970d22776f9f4c$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($b1c160aff794b8f5$exports))));
 function $a0970d22776f9f4c$export$ed081779ec3709aa(props) {
-    const { title: title , component: component = "h3" , children: children , ...rest } = props;
+    const { title: title, component: component = "h3", children: children, ...rest } = props;
     return $a0970d22776f9f4c$var$h("div.panel-subhead", rest, [
         $a0970d22776f9f4c$var$h(component, {
             className: "title"
         }, title),
-        children, 
+        children
     ]);
 }
 
 
 const $750d69d73bfbdc9a$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($b1c160aff794b8f5$exports))));
 function $750d69d73bfbdc9a$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 $750d69d73bfbdc9a$var$h((0, $a0970d22776f9f4c$export$ed081779ec3709aa), {
         className: (0, ($parcel$interopDefault($9B3TU$classnames)))("expansion-panel-header", className),
@@ -1338,7 +1344,7 @@ function $750d69d73bfbdc9a$export$cea00a9d724d5a32(props) {
     ]);
 }
 function $750d69d73bfbdc9a$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, $9B3TU$react.useState)(expanded || false);
     const onChange_ = ()=>{
         onChange();
@@ -1358,20 +1364,20 @@ function $750d69d73bfbdc9a$var$ExpansionPanelBase(props) {
         }, $750d69d73bfbdc9a$var$h("div.expansion-summary-title-help", [
             $750d69d73bfbdc9a$var$h("span.expansion-panel-subtext", helpText),
             " ",
-            sideComponent, 
+            sideComponent
         ])),
         $750d69d73bfbdc9a$var$h((0, $9B3TU$blueprintjscore.Collapse), {
             isOpen: isOpen
-        }, $750d69d73bfbdc9a$var$h("div.expansion-children", null, children)), 
+        }, $750d69d73bfbdc9a$var$h("div.expansion-children", null, children))
     ]);
 }
 function $750d69d73bfbdc9a$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 $750d69d73bfbdc9a$var$h("div.info-panel-section", {
         className: className
     }, [
         $750d69d73bfbdc9a$var$h("div.panel-subhead", null, headerElement ?? $750d69d73bfbdc9a$var$h("h3", title)),
-        $750d69d73bfbdc9a$var$h("div.panel-content", null, children), 
+        $750d69d73bfbdc9a$var$h("div.panel-content", null, children)
     ]);
 }
 function $750d69d73bfbdc9a$export$40e646e38e6ed100(props) {
@@ -1388,7 +1394,7 @@ function $750d69d73bfbdc9a$export$d7160281aff7c3b8(props) {
     });
 }
 function $750d69d73bfbdc9a$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, $9B3TU$react.useState)(false);
     headerElement ??= $750d69d73bfbdc9a$var$h([
         $750d69d73bfbdc9a$var$h("div.title", title),
@@ -1406,45 +1412,45 @@ function $750d69d73bfbdc9a$export$44ad9ff780615135(props) {
                     active: isOpen,
                     onClick: ()=>setIsOpen(!isOpen),
                     icon: "more"
-                }), 
-            ]), 
+                })
+            ])
         ]),
         $750d69d73bfbdc9a$var$h((0, $9B3TU$blueprintjscore.Collapse), {
             isOpen: isOpen
-        }, $750d69d73bfbdc9a$var$h("div.expandable-details-children", null, children)), 
+        }, $750d69d73bfbdc9a$var$h("div.expandable-details-children", null, children))
     ]);
 }
-function $750d69d73bfbdc9a$export$263416b670b3f129({ title: title , className: className , children: children  }) {
+function $750d69d73bfbdc9a$export$263416b670b3f129({ title: title, className: className, children: children }) {
     return $750d69d73bfbdc9a$var$h("div.expansion-body", {
         className: className
     }, [
         $750d69d73bfbdc9a$var$h("div.expansion-panel-detail-header", title),
-        $750d69d73bfbdc9a$var$h("div.expansion-panel-detail-body", null, children), 
+        $750d69d73bfbdc9a$var$h("div.expansion-panel-detail-body", null, children)
     ]);
 }
 
 
 const $db14eb7a5c07abdb$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($33088e8384af337c$exports))));
-function $db14eb7a5c07abdb$export$2906e7f4b228efe9({ data: data , ...rest }) {
+function $db14eb7a5c07abdb$export$2906e7f4b228efe9({ data: data, ...rest }) {
     return $db14eb7a5c07abdb$var$h("div.feature-properties", [
         $db14eb7a5c07abdb$var$h((0, $9B3TU$macrostratuicomponents.JSONView), {
             data: data,
             hideRoot: true,
             ...rest
-        }), 
+        })
     ]);
 }
-function $db14eb7a5c07abdb$export$dc87b4d46cea200d({ feature: feature  }) {
+function $db14eb7a5c07abdb$export$dc87b4d46cea200d({ feature: feature }) {
     const props = feature.properties;
     return $db14eb7a5c07abdb$var$h("div.feature-record", [
         $db14eb7a5c07abdb$var$h.if(Object.keys(props).length > 0)($db14eb7a5c07abdb$export$2906e7f4b228efe9, {
             data: props
-        }), 
+        })
     ]);
 }
-function $db14eb7a5c07abdb$export$214daccdda0f4ac6({ selectedLocation: selectedLocation , setFeatures: setFeatures , radius: radius = 2  }) {
+function $db14eb7a5c07abdb$export$214daccdda0f4ac6({ selectedLocation: selectedLocation, setFeatures: setFeatures, radius: radius = 2 }) {
     const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
-    const { isLoading: isLoading  } = (0, $9B3TU$macrostratmapboxreact.useMapStatus)();
+    const { isLoading: isLoading } = (0, $9B3TU$macrostratmapboxreact.useMapStatus)();
     const prevLocation = (0, $9B3TU$macrostratuicomponents.usePrevious)(selectedLocation);
     (0, $9B3TU$react.useEffect)(()=>{
         const map = mapRef?.current;
@@ -1465,7 +1471,7 @@ function $db14eb7a5c07abdb$export$214daccdda0f4ac6({ selectedLocation: selectedL
             [
                 pt.x + r,
                 pt.y + r
-            ], 
+            ]
         ];
         const features = map.queryRenderedFeatures(bbox);
         setFeatures(features);
@@ -1476,7 +1482,7 @@ function $db14eb7a5c07abdb$export$214daccdda0f4ac6({ selectedLocation: selectedL
     ]);
     return null;
 }
-function $db14eb7a5c07abdb$var$FeatureHeader({ feature: feature  }) {
+function $db14eb7a5c07abdb$var$FeatureHeader({ feature: feature }) {
     return $db14eb7a5c07abdb$var$h("div.feature-header", [
         $db14eb7a5c07abdb$var$h("h3", [
             $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
@@ -1486,20 +1492,20 @@ function $db14eb7a5c07abdb$var$FeatureHeader({ feature: feature  }) {
             $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
                 label: "Source layer",
                 value: feature.sourceLayer
-            }), 
-        ]), 
+            })
+        ])
     ]);
 }
-function $db14eb7a5c07abdb$var$KeyValue({ label: label , value: value  }) {
+function $db14eb7a5c07abdb$var$KeyValue({ label: label, value: value }) {
     return $db14eb7a5c07abdb$var$h("span.key-value", [
         $db14eb7a5c07abdb$var$h("span.key", label),
         $db14eb7a5c07abdb$var$h("code.value", value)
     ]);
 }
-function $db14eb7a5c07abdb$var$LoadingAwareFeatureSet({ features: features , sourceID: sourceID  }) {
+function $db14eb7a5c07abdb$var$LoadingAwareFeatureSet({ features: features, sourceID: sourceID }) {
     const map = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
     if (map?.current == null) return null;
-    const [isLoaded1, setIsLoaded] = (0, $9B3TU$react.useState)(false);
+    const [isLoaded, setIsLoaded] = (0, $9B3TU$react.useState)(false);
     const sourceFeatures = features.filter((d)=>d.source == "burwell");
     (0, $9B3TU$react.useEffect)(()=>{
         if (sourceFeatures.length > 0) {
@@ -1516,12 +1522,12 @@ function $db14eb7a5c07abdb$var$LoadingAwareFeatureSet({ features: features , sou
         sourceID,
         sourceFeatures.length
     ]);
-    if (!isLoaded1) return $db14eb7a5c07abdb$var$h((0, $9B3TU$blueprintjscore.Spinner));
+    if (!isLoaded) return $db14eb7a5c07abdb$var$h((0, $9B3TU$blueprintjscore.Spinner));
     return $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$export$617d79dae526d2cf, {
         features: sourceFeatures
     });
 }
-function $db14eb7a5c07abdb$export$43c75dec9d0b96c({ feature: feature , showExtent: showExtent , setShowExtent: setShowExtent  }) {
+function $db14eb7a5c07abdb$export$43c75dec9d0b96c({ feature: feature, showExtent: showExtent, setShowExtent: setShowExtent }) {
     if (feature == null) return null;
     const size = feature._vectorTileFeature._pbf.length;
     return $db14eb7a5c07abdb$var$h("div.tile-info", [
@@ -1538,7 +1544,7 @@ function $db14eb7a5c07abdb$export$43c75dec9d0b96c({ feature: feature , showExten
             $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
                 label: "z",
                 value: feature._z
-            }), 
+            })
         ]),
         $db14eb7a5c07abdb$var$h("div.spacer"),
         $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
@@ -1552,7 +1558,7 @@ function $db14eb7a5c07abdb$export$43c75dec9d0b96c({ feature: feature , showExten
             onChange () {
                 setShowExtent(!showExtent);
             }
-        }), 
+        })
     ]);
 }
 function $db14eb7a5c07abdb$var$formatSize(size) {
@@ -1566,13 +1572,13 @@ function $db14eb7a5c07abdb$var$formatSize(size) {
     });
     return `${size} bytes`;
 }
-function $db14eb7a5c07abdb$var$UnitNumber({ value: value , unit: unit , precision: precision = 1  }) {
+function $db14eb7a5c07abdb$var$UnitNumber({ value: value, unit: unit, precision: precision = 1 }) {
     return $db14eb7a5c07abdb$var$h("span.unit-number", [
         $db14eb7a5c07abdb$var$h("span.number", value.toFixed(precision)),
-        $db14eb7a5c07abdb$var$h("span.unit", unit), 
+        $db14eb7a5c07abdb$var$h("span.unit", unit)
     ]);
 }
-function $db14eb7a5c07abdb$export$43277c51a01761c1({ features: features , focusedSource: focusedSource = null , focusedSourceTitle: focusedSourceTitle = null ,  }) {
+function $db14eb7a5c07abdb$export$43277c51a01761c1({ features: features, focusedSource: focusedSource = null, focusedSourceTitle: focusedSourceTitle = null }) {
     if (features == null) return null;
     let focusedSourcePanel = null;
     let filteredFeatures = features;
@@ -1587,7 +1593,7 @@ function $db14eb7a5c07abdb$export$43277c51a01761c1({ features: features , focuse
             $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$LoadingAwareFeatureSet, {
                 features: features,
                 sourceID: focusedSource
-            }), 
+            })
         ]);
         filteredFeatures = features.filter((d)=>d.source != focusedSource);
     }
@@ -1600,13 +1606,13 @@ function $db14eb7a5c07abdb$export$43277c51a01761c1({ features: features , focuse
         }, [
             $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$FeatureGroups, {
                 features: filteredFeatures
-            }), 
-        ]), 
+            })
+        ])
     ]);
 }
-function $db14eb7a5c07abdb$var$FeatureGroups({ features: features1  }) {
-    /** Group features by source and sourceLayer */ if (features1 == null) return null;
-    const groups = (0, $9B3TU$d3array.group)(features1, (d)=>`${d.source} - ${d.sourceLayer}`);
+function $db14eb7a5c07abdb$var$FeatureGroups({ features: features }) {
+    /** Group features by source and sourceLayer */ if (features == null) return null;
+    const groups = (0, $9B3TU$d3array.group)(features, (d)=>`${d.source} - ${d.sourceLayer}`);
     return $db14eb7a5c07abdb$var$h("div.feature-groups", Array.from(groups).map(([key, features])=>{
         return $db14eb7a5c07abdb$var$h("div.feature-group", [
             $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$FeatureHeader, {
@@ -1614,11 +1620,11 @@ function $db14eb7a5c07abdb$var$FeatureGroups({ features: features1  }) {
             }),
             $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$export$617d79dae526d2cf, {
                 features: features
-            }), 
+            })
         ]);
     }));
 }
-function $db14eb7a5c07abdb$export$617d79dae526d2cf({ features: features  }) {
+function $db14eb7a5c07abdb$export$617d79dae526d2cf({ features: features }) {
     return $db14eb7a5c07abdb$var$h("div.features", features.map((feature, i)=>$db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$export$dc87b4d46cea200d, {
             key: i,
             feature: feature
@@ -1626,19 +1632,19 @@ function $db14eb7a5c07abdb$export$617d79dae526d2cf({ features: features  }) {
 }
 
 
-let $6f5ca387ac26c0b5$export$dce4b6e67bb5f25a;
-(function(MacrostratVectorTileset1) {
-    MacrostratVectorTileset1["Carto"] = "carto";
-    MacrostratVectorTileset1["CartoSlim"] = "carto-slim";
-    MacrostratVectorTileset1["IGCPOrogens"] = "igcp-orogens";
+var $6f5ca387ac26c0b5$export$dce4b6e67bb5f25a;
+(function(MacrostratVectorTileset) {
+    MacrostratVectorTileset["Carto"] = "carto";
+    MacrostratVectorTileset["CartoSlim"] = "carto-slim";
+    MacrostratVectorTileset["IGCPOrogens"] = "igcp-orogens";
 })($6f5ca387ac26c0b5$export$dce4b6e67bb5f25a || ($6f5ca387ac26c0b5$export$dce4b6e67bb5f25a = {}));
-let $6f5ca387ac26c0b5$export$cc7c195070dfb906;
-(function(MacrostratRasterTileset1) {
-    MacrostratRasterTileset1["Carto"] = "carto";
-    MacrostratRasterTileset1["Emphasized"] = "emphasized";
+var $6f5ca387ac26c0b5$export$cc7c195070dfb906;
+(function(MacrostratRasterTileset) {
+    MacrostratRasterTileset["Carto"] = "carto";
+    MacrostratRasterTileset["Emphasized"] = "emphasized";
 })($6f5ca387ac26c0b5$export$cc7c195070dfb906 || ($6f5ca387ac26c0b5$export$cc7c195070dfb906 = {}));
 const $6f5ca387ac26c0b5$export$dda1d9f60106f0e9 = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($33088e8384af337c$exports))));
-function $6f5ca387ac26c0b5$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 $6f5ca387ac26c0b5$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.
@@ -1653,7 +1659,7 @@ function $6f5ca387ac26c0b5$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, $9B3TU$react.useState)(style);
     (0, $9B3TU$react.useEffect)(()=>{
         (0, $8646508ae99a5857$export$e739dc8dfc0db9a6)(style, overlayStyle, {
@@ -1694,7 +1700,7 @@ function $6f5ca387ac26c0b5$export$2391061fbdfb71ef({ title: title = "Map inspect
             features: data,
             focusedSource: focusedSource,
             focusedSourceTitle: focusedSourceTitle
-        }), 
+        })
     ]);
     let tile = null;
     if (showTileExtent && data?.[0] != null) {
@@ -1705,7 +1711,6 @@ function $6f5ca387ac26c0b5$export$2391061fbdfb71ef({ title: title = "Map inspect
             z: f._z
         };
     }
-    console.log("Style", actualStyle);
     return $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $c3311f59335df34d$export$9fa5da0bcfd0a290), {
         navbar: $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $fce5fc950d1fe35b$export$a8cc0062d02a3841), [
             headerElement ?? $6f5ca387ac26c0b5$export$dda1d9f60106f0e9("h2", title),
@@ -1713,7 +1718,7 @@ function $6f5ca387ac26c0b5$export$2391061fbdfb71ef({ title: title = "Map inspect
             $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $fce5fc950d1fe35b$export$9e3bae3c08bde368), {
                 active: isOpen,
                 onClick: ()=>setOpen(!isOpen)
-            }), 
+            })
         ]),
         contextPanel: $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $c3311f59335df34d$export$ec68dd77edbe678b), [
             $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $9B3TU$blueprintjscore.Switch), {
@@ -1726,7 +1731,7 @@ function $6f5ca387ac26c0b5$export$2391061fbdfb71ef({ title: title = "Map inspect
                     });
                 }
             }),
-            children, 
+            children
         ]),
         detailPanel: detailElement,
         contextPanelOpen: isOpen
@@ -1734,7 +1739,10 @@ function $6f5ca387ac26c0b5$export$2391061fbdfb71ef({ title: title = "Map inspect
         style: actualStyle,
         transformRequest: transformRequest,
         mapPosition: mapPosition,
-        projection: "globe"
+        projection: {
+            name: "globe"
+        },
+        mapboxToken: mapboxToken
     }, [
         $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $db14eb7a5c07abdb$export$214daccdda0f4ac6), {
             selectedLocation: inspectPosition,
@@ -1747,7 +1755,7 @@ function $6f5ca387ac26c0b5$export$2391061fbdfb71ef({ title: title = "Map inspect
         $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $abbe8d0af34cbbed$export$86c09739b12f23cd), {
             tile: tile,
             color: isEnabled ? "white" : "black"
-        }), 
+        })
     ]));
 }