@xyo-network/react-map 2.80.0 → 2.81.0

package/dist/node/types/NetworkLocationAnswerBase.d.mts

@@ -8,7 +8,7 @@ export type NetworkLocationAnswerSchema = 'network.xyo.location.range.answer';
 export type NetworkLocationAnswerPayload = Payload<NetworkLocationAnswerBase<{
     features: Feature<Point>[];
 }>, NetworkLocationAnswerSchema>;
-export declare const isNetworkLocationAnswer: (x?: unknown) => x is import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & NetworkLocationAnswerBase<{
+export declare const isNetworkLocationAnswer: (x?: unknown | null) => x is import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & NetworkLocationAnswerBase<{
     features: Feature<Point>[];
 }> & {
     schema: "network.xyo.location.range.answer";
@@ -18,7 +18,7 @@ export type NetworkLocationHeatmapAnswerSchema = 'network.xyo.location.heatmap.a
 export type NetworkLocationHeatmapAnswerPayload = Payload<NetworkLocationAnswerBase<{
     features: Feature<Polygon>[];
 }>, NetworkLocationHeatmapAnswerSchema>;
-export declare const isNetworkLocationHeatmapAnswer: (x?: unknown) => x is import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & NetworkLocationAnswerBase<{
+export declare const isNetworkLocationHeatmapAnswer: (x?: unknown | null) => x is import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & NetworkLocationAnswerBase<{
     features: Feature<Polygon>[];
 }> & {
     schema: "network.xyo.location.heatmap.answer";
@@ -29,7 +29,7 @@ export type NetworkLocationHeatmapQuadkeyAnswerPayload = Payload<NetworkLocation
     density: number;
     quadkey: string;
 }[]>, NetworkLocationHeatmapQuadkeyAnswerSchema>;
-export declare const isNetworkLocationHeatmapQuadkeyAnswer: (x?: unknown) => x is import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & NetworkLocationAnswerBase<{
+export declare const isNetworkLocationHeatmapQuadkeyAnswer: (x?: unknown | null) => x is import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & NetworkLocationAnswerBase<{
     features: Feature<Polygon>[];
 }> & {
     schema: "network.xyo.location.heatmap.answer";

package/dist/node/types/NetworkLocationAnswerBase.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkLocationAnswerBase.d.ts","sourceRoot":"","sources":["../../../src/types/NetworkLocationAnswerBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjD,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,MAAM,EAAE,CAAC,CAAA;CACV;AAED,eAAO,MAAM,2BAA2B,sCAAsC,CAAA;AAC9E,MAAM,MAAM,2BAA2B,GAAG,mCAAmC,CAAA;AAC7E,MAAM,MAAM,4BAA4B,GAAG,OAAO,CAAC,yBAAyB,CAAC;IAAE,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAA;CAAE,CAAC,EAAE,2BAA2B,CAAC,CAAA;AAC1I,eAAO,MAAM,uBAAuB;cADqD,QAAQ,KAAK,CAAC,EAAE;;;CACc,CAAA;AAEvH,eAAO,MAAM,kCAAkC,wCAAwC,CAAA;AACvF,MAAM,MAAM,kCAAkC,GAAG,qCAAqC,CAAA;AACtF,MAAM,MAAM,mCAAmC,GAAG,OAAO,CACvD,yBAAyB,CAAC;IAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAA;CAAE,CAAC,EAC3D,kCAAkC,CACnC,CAAA;AACD,eAAO,MAAM,8BAA8B;cAHH,QAAQ,OAAO,CAAC,EAAE;;;CAGkF,CAAA;AAE5I,eAAO,MAAM,yCAAyC,gDAAgD,CAAA;AACtG,MAAM,MAAM,yCAAyC,GAAG,6CAA6C,CAAA;AACrG,MAAM,MAAM,0CAA0C,GAAG,OAAO,CAC9D,yBAAyB,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,EAAE,CAAC,EACjE,yCAAyC,CAC1C,CAAA;AACD,eAAO,MAAM,qCAAqC;cAXV,QAAQ,OAAO,CAAC,EAAE;;;CAazD,CAAA"}
+{"version":3,"file":"NetworkLocationAnswerBase.d.ts","sourceRoot":"","sources":["../../../src/types/NetworkLocationAnswerBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjD,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,MAAM,EAAE,CAAC,CAAA;CACV;AAED,eAAO,MAAM,2BAA2B,sCAAsC,CAAA;AAC9E,MAAM,MAAM,2BAA2B,GAAG,mCAAmC,CAAA;AAC7E,MAAM,MAAM,4BAA4B,GAAG,OAAO,CAAC,yBAAyB,CAAC;IAAE,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAA;CAAE,CAAC,EAAE,2BAA2B,CAAC,CAAA;AAC1I,eAAO,MAAM,uBAAuB;cADqD,OAAO,CAAC,KAAK,CAAC,EAAE;;;CACc,CAAA;AAEvH,eAAO,MAAM,kCAAkC,wCAAwC,CAAA;AACvF,MAAM,MAAM,kCAAkC,GAAG,qCAAqC,CAAA;AACtF,MAAM,MAAM,mCAAmC,GAAG,OAAO,CACvD,yBAAyB,CAAC;IAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAA;CAAE,CAAC,EAC3D,kCAAkC,CACnC,CAAA;AACD,eAAO,MAAM,8BAA8B;cAHH,OAAO,CAAC,OAAO,CAAC,EAAE;;;CAGkF,CAAA;AAE5I,eAAO,MAAM,yCAAyC,gDAAgD,CAAA;AACtG,MAAM,MAAM,yCAAyC,GAAG,6CAA6C,CAAA;AACrG,MAAM,MAAM,0CAA0C,GAAG,OAAO,CAC9D,yBAAyB,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,EAAE,CAAC,EACjE,yCAAyC,CAC1C,CAAA;AACD,eAAO,MAAM,qCAAqC;cAXV,OAAO,CAAC,OAAO,CAAC,EAAE;;;CAazD,CAAA"}

package/dist/node/types/NetworkLocationAnswerBase.d.ts

@@ -8,7 +8,7 @@ export type NetworkLocationAnswerSchema = 'network.xyo.location.range.answer';
 export type NetworkLocationAnswerPayload = Payload<NetworkLocationAnswerBase<{
     features: Feature<Point>[];
 }>, NetworkLocationAnswerSchema>;
-export declare const isNetworkLocationAnswer: (x?: unknown) => x is import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & NetworkLocationAnswerBase<{
+export declare const isNetworkLocationAnswer: (x?: unknown | null) => x is import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & NetworkLocationAnswerBase<{
     features: Feature<Point>[];
 }> & {
     schema: "network.xyo.location.range.answer";
@@ -18,7 +18,7 @@ export type NetworkLocationHeatmapAnswerSchema = 'network.xyo.location.heatmap.a
 export type NetworkLocationHeatmapAnswerPayload = Payload<NetworkLocationAnswerBase<{
     features: Feature<Polygon>[];
 }>, NetworkLocationHeatmapAnswerSchema>;
-export declare const isNetworkLocationHeatmapAnswer: (x?: unknown) => x is import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & NetworkLocationAnswerBase<{
+export declare const isNetworkLocationHeatmapAnswer: (x?: unknown | null) => x is import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & NetworkLocationAnswerBase<{
     features: Feature<Polygon>[];
 }> & {
     schema: "network.xyo.location.heatmap.answer";
@@ -29,7 +29,7 @@ export type NetworkLocationHeatmapQuadkeyAnswerPayload = Payload<NetworkLocation
     density: number;
     quadkey: string;
 }[]>, NetworkLocationHeatmapQuadkeyAnswerSchema>;
-export declare const isNetworkLocationHeatmapQuadkeyAnswer: (x?: unknown) => x is import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & NetworkLocationAnswerBase<{
+export declare const isNetworkLocationHeatmapQuadkeyAnswer: (x?: unknown | null) => x is import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & NetworkLocationAnswerBase<{
     features: Feature<Polygon>[];
 }> & {
     schema: "network.xyo.location.heatmap.answer";

package/dist/node/types/NetworkLocationAnswerBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkLocationAnswerBase.d.ts","sourceRoot":"","sources":["../../../src/types/NetworkLocationAnswerBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjD,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,MAAM,EAAE,CAAC,CAAA;CACV;AAED,eAAO,MAAM,2BAA2B,sCAAsC,CAAA;AAC9E,MAAM,MAAM,2BAA2B,GAAG,mCAAmC,CAAA;AAC7E,MAAM,MAAM,4BAA4B,GAAG,OAAO,CAAC,yBAAyB,CAAC;IAAE,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAA;CAAE,CAAC,EAAE,2BAA2B,CAAC,CAAA;AAC1I,eAAO,MAAM,uBAAuB;cADqD,QAAQ,KAAK,CAAC,EAAE;;;CACc,CAAA;AAEvH,eAAO,MAAM,kCAAkC,wCAAwC,CAAA;AACvF,MAAM,MAAM,kCAAkC,GAAG,qCAAqC,CAAA;AACtF,MAAM,MAAM,mCAAmC,GAAG,OAAO,CACvD,yBAAyB,CAAC;IAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAA;CAAE,CAAC,EAC3D,kCAAkC,CACnC,CAAA;AACD,eAAO,MAAM,8BAA8B;cAHH,QAAQ,OAAO,CAAC,EAAE;;;CAGkF,CAAA;AAE5I,eAAO,MAAM,yCAAyC,gDAAgD,CAAA;AACtG,MAAM,MAAM,yCAAyC,GAAG,6CAA6C,CAAA;AACrG,MAAM,MAAM,0CAA0C,GAAG,OAAO,CAC9D,yBAAyB,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,EAAE,CAAC,EACjE,yCAAyC,CAC1C,CAAA;AACD,eAAO,MAAM,qCAAqC;cAXV,QAAQ,OAAO,CAAC,EAAE;;;CAazD,CAAA"}
+{"version":3,"file":"NetworkLocationAnswerBase.d.ts","sourceRoot":"","sources":["../../../src/types/NetworkLocationAnswerBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjD,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,MAAM,EAAE,CAAC,CAAA;CACV;AAED,eAAO,MAAM,2BAA2B,sCAAsC,CAAA;AAC9E,MAAM,MAAM,2BAA2B,GAAG,mCAAmC,CAAA;AAC7E,MAAM,MAAM,4BAA4B,GAAG,OAAO,CAAC,yBAAyB,CAAC;IAAE,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAA;CAAE,CAAC,EAAE,2BAA2B,CAAC,CAAA;AAC1I,eAAO,MAAM,uBAAuB;cADqD,OAAO,CAAC,KAAK,CAAC,EAAE;;;CACc,CAAA;AAEvH,eAAO,MAAM,kCAAkC,wCAAwC,CAAA;AACvF,MAAM,MAAM,kCAAkC,GAAG,qCAAqC,CAAA;AACtF,MAAM,MAAM,mCAAmC,GAAG,OAAO,CACvD,yBAAyB,CAAC;IAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAA;CAAE,CAAC,EAC3D,kCAAkC,CACnC,CAAA;AACD,eAAO,MAAM,8BAA8B;cAHH,OAAO,CAAC,OAAO,CAAC,EAAE;;;CAGkF,CAAA;AAE5I,eAAO,MAAM,yCAAyC,gDAAgD,CAAA;AACtG,MAAM,MAAM,yCAAyC,GAAG,6CAA6C,CAAA;AACrG,MAAM,MAAM,0CAA0C,GAAG,OAAO,CAC9D,yBAAyB,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,EAAE,CAAC,EACjE,yCAAyC,CAC1C,CAAA;AACD,eAAO,MAAM,qCAAqC;cAXV,OAAO,CAAC,OAAO,CAAC,EAAE;;;CAazD,CAAA"}

package/dist/node/types/index.d.cts

@@ -1,2 +1,2 @@
-export * from './NetworkLocationAnswerBase';
+export * from './NetworkLocationAnswerBase.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/node/types/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAA"}

package/dist/node/types/index.d.mts

@@ -1,2 +1,2 @@
-export * from './NetworkLocationAnswerBase';
+export * from './NetworkLocationAnswerBase.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/node/types/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAA"}

package/dist/node/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './NetworkLocationAnswerBase';
+export * from './NetworkLocationAnswerBase.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/node/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAA"}

package/package.json

@@ -10,21 +10,21 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/assert": "^3.5.2",
-    "@xylabs/delay": "^3.5.2",
-    "@xylabs/forget": "^3.5.2",
-    "@xylabs/hex": "^3.5.2",
-    "@xylabs/lodash": "^3.5.2",
-    "@xylabs/react-flexbox": "^3.1.7",
-    "@xylabs/react-shared": "^3.1.7",
-    "@xyo-network/payload-model": "^2.109.0",
-    "@xyo-network/react-app-settings": "^2.80.0",
-    "@xyo-network/react-archivist": "^2.80.0",
-    "@xyo-network/react-network": "^2.80.0",
-    "@xyo-network/react-shared": "^2.80.0",
-    "@xyo-network/sdk-geo": "^2.11.3",
+    "@xylabs/assert": "^3.5.9",
+    "@xylabs/delay": "^3.5.9",
+    "@xylabs/forget": "^3.5.9",
+    "@xylabs/hex": "^3.5.9",
+    "@xylabs/lodash": "^3.5.9",
+    "@xylabs/react-flexbox": "^3.4.0",
+    "@xylabs/react-shared": "^3.4.0",
+    "@xyo-network/payload-model": "^2.110.0",
+    "@xyo-network/react-app-settings": "^2.81.0",
+    "@xyo-network/react-archivist": "^2.81.0",
+    "@xyo-network/react-network": "^2.81.0",
+    "@xyo-network/react-shared": "^2.81.0",
+    "@xyo-network/sdk-geo": "^2.11.4",
     "geojson": "^0.5.0",
-    "mapbox-gl": "^3.4.0"
+    "mapbox-gl": "^3.5.1"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -91,6 +91,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.80.0",
+  "version": "2.81.0",
   "type": "module"
 }

package/src/AnimatedHeatMapSettings.ts

@@ -1,4 +1,4 @@
-import { DefaultMapSettings } from './Settings'
+import { DefaultMapSettings } from './Settings/index.js'
 
 export const AnimatedHeatMapSettings = DefaultMapSettings()
 const { debugLayer, scrollToZoom, fitToPoints, preferDark } = AnimatedHeatMapSettings

package/src/Colors/index.ts

@@ -1 +1 @@
-export * from './MapColorProps'
+export * from './MapColorProps.js'

package/src/Components/AnimatedHeatMap.tsx

@@ -4,11 +4,11 @@ import { WithChildren } from '@xylabs/react-shared'
 import { Feature, Polygon } from 'geojson'
 import { useState } from 'react'
 
-import { AnimatedHeatMapColorProps } from '../Colors'
-import { HeatMapInitializerProvider, MapBoxInstanceProvider, MapSettingsProvider } from '../Contexts'
-import { LocationHeatMapLayerBuilderAnimated, MapHeatConstants, MapLayer } from '../Layers'
-import { MapSetting } from '../Settings'
-import { MapboxHeatFlexBox } from './MapBoxHeat'
+import { AnimatedHeatMapColorProps } from '../Colors/index.js'
+import { HeatMapInitializerProvider, MapBoxInstanceProvider, MapSettingsProvider } from '../Contexts/index.js'
+import { LocationHeatMapLayerBuilderAnimated, MapHeatConstants, MapLayer } from '../Layers/index.js'
+import { MapSetting } from '../Settings/index.js'
+import { MapboxHeatFlexBox } from './MapBoxHeat.js'
 
 export interface AnimatedHeatMapProps {
   accessToken: string

package/src/Components/AnimatedHeatMapLoaded.tsx

@@ -3,11 +3,11 @@ import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { useWeakArchivistFromNode, useWeakArchivistGet } from '@xyo-network/react-archivist'
 import { Feature, Polygon } from 'geojson'
 
-import { AnimatedHeatMapSettings } from '../AnimatedHeatMapSettings'
-import { useFindHashes, useHeatMapColors, useQuadKeyPayloadsToFeatures } from '../hooks'
-import { NetworkLocationHeatmapQuadkeyAnswerPayload } from '../types'
-import { AnimatedHeatMap } from './AnimatedHeatMap'
-import { AnimatedHeatMapLegend } from './Legend'
+import { AnimatedHeatMapSettings } from '../AnimatedHeatMapSettings.js'
+import { useFindHashes, useHeatMapColors, useQuadKeyPayloadsToFeatures } from '../hooks/index.js'
+import { NetworkLocationHeatmapQuadkeyAnswerPayload } from '../types/index.js'
+import { AnimatedHeatMap } from './AnimatedHeatMap.js'
+import { AnimatedHeatMapLegend } from './Legend.js'
 
 export interface AnimatedHeatMapLoadedProps extends FlexBoxProps {
   accessToken: string

package/src/Components/FeaturesToLayersMap.ts

@@ -1,6 +1,6 @@
 import { Feature, Polygon } from 'geojson'
 
-import { MapLayer } from '../Layers'
+import { MapLayer } from '../Layers/index.js'
 
 export interface FeaturesToLayersMap {
   features: Feature<Polygon>[]

package/src/Components/HeatMapSettings.ts

@@ -1,4 +1,4 @@
-import { DefaultMapSettings } from '../Settings'
+import { DefaultMapSettings } from '../Settings/index.js'
 
 const HeatMapSettings = DefaultMapSettings()
 const { debugLayer, scrollToZoom, fitToPoints } = HeatMapSettings

package/src/Components/LayerAnimator.tsx

@@ -2,8 +2,8 @@ import { useInterval, WithChildren } from '@xylabs/react-shared'
 import { Map } from 'mapbox-gl'
 import { useCallback, useEffect, useRef, useState } from 'react'
 
-import { MapLayer } from '../Layers'
-import { MapboxFlexBoxProps } from '../lib'
+import { MapLayer } from '../Layers/index.js'
+import { MapboxFlexBoxProps } from '../lib/index.js'
 
 export interface LayerAnimatorProps {
   animateLayers?: boolean

package/src/Components/Legend.tsx

@@ -1,8 +1,8 @@
 import { useMediaQuery, useTheme } from '@mui/material'
 import { FlexCol } from '@xylabs/react-flexbox'
 
-import { ColorGradientLegendProps } from '../Colors'
-import { ColorGradientLegend } from './Legends'
+import { ColorGradientLegendProps } from '../Colors/index.js'
+import { ColorGradientLegend } from './Legends/index.js'
 
 const AnimatedHeatMapLegend: React.FC<ColorGradientLegendProps> = ({ ...legendProps }) => {
   const { startColor, endColor, startLabel, endLabel, heading, textColor } = legendProps

package/src/Components/Legends/ColorGradient.tsx

@@ -1,7 +1,7 @@
 import { Typography, useTheme } from '@mui/material'
 import { FlexCol, FlexRow } from '@xylabs/react-flexbox'
 
-import { ColorGradientLegendProps } from '../../Colors'
+import { ColorGradientLegendProps } from '../../Colors/index.js'
 
 const ColorGradientLegend: React.FC<ColorGradientLegendProps> = ({ startColor, endColor, startLabel, endLabel, heading, textColor, ...props }) => {
   const theme = useTheme()

package/src/Components/Legends/index.ts

@@ -1 +1 @@
-export * from './ColorGradient'
+export * from './ColorGradient.js'

package/src/Components/MapBox.tsx

@@ -4,9 +4,9 @@ import 'mapbox-gl/dist/mapbox-gl.css'
 import { Map, MapboxOptions } from 'mapbox-gl'
 import { useEffect, useRef, useState } from 'react'
 
-import { useMapBoxInstance, useMapSettings } from '../Contexts'
-import { useDynamicMapResize } from '../hooks'
-import { MapStyle } from '../lib'
+import { useMapBoxInstance, useMapSettings } from '../Contexts/index.js'
+import { useDynamicMapResize } from '../hooks/index.js'
+import { MapStyle } from '../lib/index.js'
 
 export interface MapBoxProps {
   accessToken: string

package/src/Components/MapBoxHeat.tsx

@@ -1,8 +1,8 @@
 import { FlexCol } from '@xylabs/react-flexbox'
 
-import { MapboxFlexBoxProps } from '../lib'
-import { MapBox } from './MapBox'
-import { MapSettingsBox } from './MapSettingsComponents'
+import { MapboxFlexBoxProps } from '../lib/index.js'
+import { MapBox } from './MapBox.js'
+import { MapSettingsBox } from './MapSettingsComponents/index.js'
 
 export const MapboxHeatFlexBox: React.FC<MapboxFlexBoxProps> = ({ accessToken, children, mapBoxOptions, zoom, legend, developerMode, ...props }) => {
   return (

package/src/Components/MapBoxPoints.tsx

@@ -1,14 +1,14 @@
 import { Alert } from '@mui/material'
 import { FlexCol } from '@xylabs/react-flexbox'
 import { Feature, Point } from 'geojson'
-import { FitBoundsOptions } from 'mapbox-gl'
+import { MapOptions } from 'mapbox-gl'
 import { useCallback, useEffect, useState } from 'react'
 
-import { useMapBoxInstance, useMapSettings } from '../Contexts'
-import { MapboxFlexBoxProps } from '../lib'
-import { MapPoints } from '../MapBoxClasses'
-import { MapBox } from './MapBox'
-import { MapSettingsBox } from './MapSettingsComponents'
+import { useMapBoxInstance, useMapSettings } from '../Contexts/index.js'
+import { MapboxFlexBoxProps } from '../lib/index.js'
+import { MapPoints } from '../MapBoxClasses/index.js'
+import { MapBox } from './MapBox.js'
+import { MapSettingsBox } from './MapSettingsComponents/index.js'
 
 export interface MapboxPointsFlexBoxProps extends MapboxFlexBoxProps {
   accessToken: string
@@ -31,7 +31,7 @@ export const MapboxPointsFlexBox: React.FC<MapboxPointsFlexBoxProps> = ({
    * Needed because of a bug in mapbox taking undefined values for the config options of fitToBounds
    * see - https://github.com/mapbox/mapbox-gl-js/issues/10013
    */
-  const customFitToBoundsOptions = (zoom?: number): FitBoundsOptions => {
+  const customFitToBoundsOptions = (zoom?: number): MapOptions['fitBoundsOptions'] => {
     if (zoom !== undefined) {
       return {
         maxZoom: zoom,
@@ -51,12 +51,18 @@ export const MapboxPointsFlexBox: React.FC<MapboxPointsFlexBoxProps> = ({
     const { fitToPoints } = mapSettings || {}
 
     if (mapPoints && map && fitToPoints?.value === true) {
-      mapPoints.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) })
+      mapPoints.initialMapPositioning({
+        padding: { bottom: fitToPointsPadding, left: fitToPointsPadding, right: fitToPointsPadding, top: fitToPointsPadding },
+        ...customFitToBoundsOptions(zoom),
+      })
     }
   }, [mapSettings, mapPoints, map, fitToPointsPadding, zoom])
 
   const reInitializeMap = useCallback(() => {
-    mapPoints?.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) })
+    mapPoints?.initialMapPositioning({
+      padding: { bottom: fitToPointsPadding, left: fitToPointsPadding, right: fitToPointsPadding, top: fitToPointsPadding },
+      ...customFitToBoundsOptions(zoom),
+    })
     updateFeatures()
   }, [mapPoints, fitToPointsPadding, updateFeatures, zoom])
 

package/src/Components/MapSettingsComponents/Setting.tsx

@@ -1,6 +1,6 @@
 import { FormControlLabel, Switch, SwitchProps } from '@mui/material'
 
-import { useMapSettings } from '../../Contexts'
+import { useMapSettings } from '../../Contexts/index.js'
 
 export interface MapSettingSwitchProps extends SwitchProps {
   developerMode?: boolean

package/src/Components/MapSettingsComponents/SettingsBox.tsx

@@ -2,8 +2,8 @@ import { Paper, Stack } from '@mui/material'
 import { FlexBoxProps, FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'
 import { useAppSettings } from '@xyo-network/react-app-settings'
 
-import { useMapSettings } from '../../Contexts'
-import { MapSettingSwitch } from './Setting'
+import { useMapSettings } from '../../Contexts/index.js'
+import { MapSettingSwitch } from './Setting.js'
 
 export interface MapSettingsBoxProps extends FlexBoxProps {
   developerMode?: boolean

package/src/Components/MapSettingsComponents/index.tsx

@@ -1,2 +1,2 @@
-export * from './Setting'
-export * from './SettingsBox'
+export * from './Setting.js'
+export * from './SettingsBox.js'

package/src/Components/index.ts

@@ -1,11 +1,11 @@
-export * from './AnimatedHeatMap'
-export * from './AnimatedHeatMapLoaded'
-export * from './FeaturesToLayersMap'
-export * from './HeatMapSettings'
-export * from './LayerAnimator'
-export * from './Legend'
-export * from './Legends'
-export * from './MapBox'
-export * from './MapBoxHeat'
-export * from './MapBoxPoints'
-export * from './MapSettingsComponents'
+export * from './AnimatedHeatMap.js'
+export * from './AnimatedHeatMapLoaded.js'
+export * from './FeaturesToLayersMap.js'
+export * from './HeatMapSettings.js'
+export * from './LayerAnimator.js'
+export * from './Legend.js'
+export * from './Legends/index.js'
+export * from './MapBox.js'
+export * from './MapBoxHeat.js'
+export * from './MapBoxPoints.js'
+export * from './MapSettingsComponents/index.js'

package/src/Contexts/HeatMapInitializer/Context.ts

@@ -1,6 +1,6 @@
 import { createContext } from 'react'
 
-import { HeatMapInitializerState } from './State'
+import { HeatMapInitializerState } from './State.js'
 
 const HeatMapInitializerContext = createContext<HeatMapInitializerState>({})
 

package/src/Contexts/HeatMapInitializer/Provider.tsx

@@ -3,14 +3,14 @@ import { WithChildren } from '@xylabs/react-shared'
 import { Feature, Polygon } from 'geojson'
 import { useEffect, useState } from 'react'
 
-import { AnimatedHeatMapColorProps, HeatMapColorProps } from '../../Colors'
-import { useDynamicPositioning } from '../../hooks'
-import { MapLayer } from '../../Layers'
-import { MapHeat } from '../../MapBoxClasses'
-import { useMapBoxInstance } from '../MapBoxInstance'
-import { useMapSettings } from '../MapSettings'
-import { HeatMapInitializerContext } from './Context'
-import { HeatMapInitializerState } from './State'
+import { AnimatedHeatMapColorProps, HeatMapColorProps } from '../../Colors/index.js'
+import { useDynamicPositioning } from '../../hooks/index.js'
+import { MapLayer } from '../../Layers/index.js'
+import { MapHeat } from '../../MapBoxClasses/index.js'
+import { useMapBoxInstance } from '../MapBoxInstance/index.js'
+import { useMapSettings } from '../MapSettings/index.js'
+import { HeatMapInitializerContext } from './Context.js'
+import { HeatMapInitializerState } from './State.js'
 
 export interface MapInitializerProviderProps {
   featureSets?: Feature<Polygon>[][]
@@ -65,7 +65,11 @@ export const HeatMapInitializerProvider: React.FC<WithChildren<MapInitializerPro
 
       if (map) {
         if (fitToPoints?.value === true) {
-          MapHeat.initialMapPositioning({ padding: fitToPadding }, map, features)
+          MapHeat.initialMapPositioning(
+            { padding: { bottom: fitToPadding, left: fitToPadding, right: fitToPadding, top: fitToPadding } },
+            map,
+            features,
+          )
         } else if (options.zoom && options.center) {
           map.setZoom(options.zoom)
           map.setCenter(options.center)

package/src/Contexts/HeatMapInitializer/State.ts

@@ -1,5 +1,5 @@
-import { HeatMapColorProps } from '../../Colors'
-import { MapHeat } from '../../MapBoxClasses'
+import { HeatMapColorProps } from '../../Colors/index.js'
+import { MapHeat } from '../../MapBoxClasses/index.js'
 
 export interface HeatMapInitializerState {
   MapHeat?: MapHeat

package/src/Contexts/HeatMapInitializer/index.ts

@@ -1,3 +1,3 @@
-export * from './Provider'
-export * from './State'
-export * from './useHeatMapInitializer'
+export * from './Provider.js'
+export * from './State.js'
+export * from './useHeatMapInitializer.js'

package/src/Contexts/HeatMapInitializer/useHeatMapInitializer.tsx

@@ -1,7 +1,7 @@
 import { assertEx } from '@xylabs/assert'
 import { useContext } from 'react'
 
-import { HeatMapInitializerContext } from './Context'
+import { HeatMapInitializerContext } from './Context.js'
 
 const useHeatMapInitializer = () => {
   const context = useContext(HeatMapInitializerContext)

package/src/Contexts/MapBoxInstance/Context.ts

@@ -1,6 +1,6 @@
 import { createContext } from 'react'
 
-import { MapBoxInstanceState } from './State'
+import { MapBoxInstanceState } from './State.js'
 
 const MapBoxInstanceContext = createContext<MapBoxInstanceState>({})
 

package/src/Contexts/MapBoxInstance/Provider.tsx

@@ -2,8 +2,8 @@ import { WithChildren } from '@xylabs/react-shared'
 import { Map } from 'mapbox-gl'
 import { useEffect, useState } from 'react'
 
-import { MapBoxInstanceContext } from './Context'
-import { MapBoxInstanceState } from './State'
+import { MapBoxInstanceContext } from './Context.js'
+import { MapBoxInstanceState } from './State.js'
 
 export const MapBoxInstanceProvider: React.FC<WithChildren> = ({ children }) => {
   const [map, setMapBoxInstance] = useState<Map>()

package/src/Contexts/MapBoxInstance/index.ts

@@ -1,3 +1,3 @@
-export * from './Provider'
-export * from './State'
-export * from './useMapBoxInstance'
+export * from './Provider.js'
+export * from './State.js'
+export * from './useMapBoxInstance.js'

package/src/Contexts/MapBoxInstance/useMapBoxInstance.tsx

@@ -1,7 +1,7 @@
 import { assertEx } from '@xylabs/assert'
 import { useContext } from 'react'
 
-import { MapBoxInstanceContext } from './Context'
+import { MapBoxInstanceContext } from './Context.js'
 
 const useMapBoxInstance = () => {
   const context = useContext(MapBoxInstanceContext)

package/src/Contexts/MapSettings/Context.ts

@@ -1,6 +1,6 @@
 import { createContext } from 'react'
 
-import { MapSettingsState } from './State'
+import { MapSettingsState } from './State.js'
 
 const MapSettingsContext = createContext<MapSettingsState>({})
 

package/src/Contexts/MapSettings/Provider.tsx

@@ -1,11 +1,11 @@
 import { WithChildren } from '@xylabs/react-shared'
 import { useEffect, useState } from 'react'
 
-import { MapSettings } from '../../MapBoxClasses'
-import { MapSetting } from '../../Settings'
-import { useMapBoxInstance } from '../MapBoxInstance'
-import { MapSettingsContext } from './Context'
-import { MapSettingsState } from './State'
+import { MapSettings } from '../../MapBoxClasses/index.js'
+import { MapSetting } from '../../Settings/index.js'
+import { useMapBoxInstance } from '../MapBoxInstance/index.js'
+import { MapSettingsContext } from './Context.js'
+import { MapSettingsState } from './State.js'
 
 export interface MapSettingsProviderProps {
   debugLayerName?: string

package/src/Contexts/MapSettings/State.ts

@@ -1,6 +1,6 @@
 import { Dispatch } from 'react'
 
-import { MapSetting } from '../../Settings'
+import { MapSetting } from '../../Settings/index.js'
 
 export interface MapSettingsState {
   mapSettings?: MapSetting

package/src/Contexts/MapSettings/index.ts

@@ -1,3 +1,3 @@
-export * from './Provider'
-export * from './State'
-export * from './useMapSettings'
+export * from './Provider.js'
+export * from './State.js'
+export * from './useMapSettings.js'

package/src/Contexts/MapSettings/useMapSettings.tsx

@@ -1,6 +1,6 @@
 import { useContext } from 'react'
 
-import { MapSettingsContext } from './Context'
+import { MapSettingsContext } from './Context.js'
 
 const useMapSettings = () => {
   const context = useContext(MapSettingsContext)

package/src/Contexts/MapboxAccessToken/Context.ts

@@ -1,5 +1,5 @@
 import { createContextEx } from '@xyo-network/react-shared'
 
-import { MapboxAccessTokenContextState } from './State'
+import { MapboxAccessTokenContextState } from './State.js'
 
 export const MapboxAccessTokenContext = createContextEx<MapboxAccessTokenContextState>()

package/src/Contexts/MapboxAccessToken/Provider.tsx

@@ -1,7 +1,7 @@
 import { WithChildren } from '@xylabs/react-shared'
 import { useState } from 'react'
 
-import { MapboxAccessTokenContext } from './Context'
+import { MapboxAccessTokenContext } from './Context.js'
 
 export interface MapboxAccessTokenProviderProps {
   defaultAccessToken?: string

package/src/Contexts/MapboxAccessToken/index.ts

@@ -1,4 +1,4 @@
-export * from './Context'
-export * from './Provider'
-export * from './State'
-export * from './use'
+export * from './Context.js'
+export * from './Provider.js'
+export * from './State.js'
+export * from './use.js'

package/src/Contexts/MapboxAccessToken/use.ts

@@ -1,6 +1,6 @@
 import { useContextEx } from '@xyo-network/react-shared'
 
-import { MapboxAccessTokenContext } from './Context'
+import { MapboxAccessTokenContext } from './Context.js'
 
 export const useMapboxAccessToken = (required = false) => {
   return useContextEx(MapboxAccessTokenContext, 'MapboxAccessToken', required)

package/src/Contexts/index.ts

@@ -1,4 +1,4 @@
-export * from './HeatMapInitializer'
-export * from './MapboxAccessToken'
-export * from './MapBoxInstance'
-export * from './MapSettings'
+export * from './HeatMapInitializer/index.js'
+export * from './MapboxAccessToken/index.js'
+export * from './MapBoxInstance/index.js'
+export * from './MapSettings/index.js'

package/src/Layers/Builders/LocationHeatMapLayerBuilder.ts

@@ -1,7 +1,7 @@
-import { HeatMapFillLayerConfig, HeatMapLineLayerConfig, HeatMapSymbolLayerConfig } from '../Configs'
-import { FillLayerBuilder } from '../FillLayer'
-import { LineLayerBuilder } from '../LineLayer'
-import { SymbolLayerBuilder } from '../SymbolLayer'
+import { HeatMapFillLayerConfig, HeatMapLineLayerConfig, HeatMapSymbolLayerConfig } from '../Configs/index.js'
+import { FillLayerBuilder } from '../FillLayer.js'
+import { LineLayerBuilder } from '../LineLayer.js'
+import { SymbolLayerBuilder } from '../SymbolLayer.js'
 
 export const MapHeatConstants = {
   LocationDebugLayerId: 'location-debug-id',