@mappedin/react-native-sdk 4.0.4-alpha.8 → 4.0.7

package/dist/index.d.ts

@@ -18,10 +18,10 @@ declare module '@mappedin/react-native-sdk' {
     export { getVenue, getVenueBundle } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
     export type { TGetVenueOptions, TGetVenueBundleOptions } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
     export { STATE } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
-    export { COLLISION_RANKING_TIERS, MARKER_ANCHOR, E_BLUEDOT_STATE, MappedinCoordinate, labelThemes, E_MARKER_STATE, E_BLUEDOT_STATE_REASON } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
+    export { COLLISION_RANKING_TIERS, MARKER_ANCHOR, E_BLUEDOT_STATE, MappedinCoordinate, labelThemes, E_BLUEDOT_MARKER_STATE, E_BLUEDOT_STATE_REASON } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
     export type { TSerializableJourneyOptions, TMiMapViewOptions } from '@mappedin/react-native-sdk/wrappers/common';
     import type { TEnableBlueDotOptions as TEnableBlueDotOptionsBase, TLabelAllLocationCommonOptions as TLabelAllLocationCommonOptionsBase } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
-    export type { TJourneyOptions, TGeolocationObject, TPathOptions, TLabelPolygonOptions, TLegacyLabelOptions, TLabelAllLocationLabelOptions, TLabelAllLocationLegacyLabelOptions, TFocusOnCameraOptions, TFocusOnTargets, TLabelAppearance, TCommonLabelOptions, TCameraAnimationOptions, TFocusOnOptions } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
+    export type { TJourneyOptions, TGeolocationObject, TPathOptions, TFlatLabelPolygonOptions, TFloatingLabelPolygonOptions, TLabelAllLocationFlatLabelOptions, TLabelAllLocationFloatingLabelOptions, TFlatLabelAppearance, TFloatingLabelAppearance, TFocusOnCameraOptions, TFocusOnTargets, TCommonLabelOptions, TCameraAnimationOptions, TFocusOnOptions, TAnimatePositionOptions } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
     export type { TEnableBlueDotOptionsBase, TLabelAllLocationCommonOptionsBase };
     export type TEnableBlueDotOptions = Omit<TEnableBlueDotOptionsBase, 'positionUpdater' | 'geolocationSource'>;
     export type TLabelAllLocationCommonOptions = Omit<TLabelAllLocationCommonOptionsBase, 'sortFunction' | 'translationMap'>;
@@ -31,11 +31,11 @@ declare module '@mappedin/react-native-sdk' {
 }
 
 declare module '@mappedin/react-native-sdk/wrappers/react-native-sdk/src/MiMapView' {
-    import React from "react";
-    import { TMiMapViewOptions } from "@mappedin/react-native-sdk/wrappers/common";
-    import { STATE } from "@mappedin/react-native-sdk/wrappers/react-native-sdk/src";
-    import { MapViewStore } from "@mappedin/react-native-sdk/wrappers/react-native-sdk/src/MiMapView.store";
-    import type { TBlueDotPositionUpdate, TBlueDotStateChange, MappedinPolygon, MappedinMap, Mappedin } from "@mappedin/react-native-sdk/core/packages/renderer/index.rn";
+    import React from 'react';
+    import { TMiMapViewOptions } from '@mappedin/react-native-sdk/wrappers/common';
+    import { STATE } from '@mappedin/react-native-sdk/wrappers/react-native-sdk/src';
+    import { MapViewStore } from '@mappedin/react-native-sdk/wrappers/react-native-sdk/src/MiMapView.store';
+    import type { TBlueDotPositionUpdate, TBlueDotStateChange, MappedinPolygon, MappedinMap, Mappedin } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
     export type TMiMapViewProps = {
             /**
                 * The MapViewStore instance will be returned here
@@ -102,7 +102,7 @@ declare module '@mappedin/react-native-sdk/wrappers/react-native-sdk/src/MiMapVi
     /**
         * @category Component
         */
-    export const MiMapView: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<TMiMapViewProps, "venueData" | "options" | "style" | "onPolygonClicked" | "onBlueDotStateChanged" | "onBlueDotPositionUpdated" | "onDataLoaded" | "onNothingClicked" | "onFirstMapLoaded" | "onMapChanged" | "onStateChanged"> & React.RefAttributes<MapViewStore>>>;
+    export const MiMapView: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<TMiMapViewProps, "options" | "onFirstMapLoaded" | "onDataLoaded" | "style" | "venueData" | "onPolygonClicked" | "onBlueDotStateChanged" | "onBlueDotPositionUpdated" | "onNothingClicked" | "onMapChanged" | "onStateChanged"> & React.RefAttributes<MapViewStore>>>;
 }
 
 declare module '@mappedin/react-native-sdk/wrappers/react-native-sdk/src/MiMiniMap' {
@@ -141,12 +141,16 @@ declare module '@mappedin/react-native-sdk/wrappers/react-native-sdk/src/MiMiniM
 
 declare module '@mappedin/react-native-sdk/wrappers/react-native-sdk/src/MiMapView.store' {
     import { MappedinController } from '@mappedin/react-native-sdk/wrappers/react-native-sdk/src/MappedinController';
-    import { TSerializableJourneyOptions } from '@mappedin/react-native-sdk/wrappers/common';
-    import type { TGeolocationObject, TEnableBlueDotOptions, TPathOptions, TLabelPolygonOptions, TLegacyLabelOptions, TLabelAllLocationLabelOptions, TLabelAllLocationLegacyLabelOptions, TFocusOnOptions } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
-    import { STATE, Mappedin, MappedinNode, MappedinMap, MappedinLocation, MappedinDirections, MappedinPolygon, TGetVenueOptions, TShowVenueOptions, MappedinCoordinate, MappedinDestinationSet, E_BLUEDOT_STATE, TCreateMarkerOptions } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
+    import { TReactNativeFlatLabelAllLocations, TReactNativeFlatLabelAllLocationsLegacy, TReactNativeFlatLabelPolygonOptions, TReactNativeFloatingLabelPolygonOptions, TSerializableJourneyOptions } from '@mappedin/react-native-sdk/wrappers/common';
+    import type { TGeolocationObject, TEnableBlueDotOptions, TPathOptions, TFocusOnOptions, TAnimatePositionOptions, TLabelAllLocationFloatingLabelOptions } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
+    import { STATE, Mappedin, MappedinNode, MappedinMap, MappedinLocation, MappedinDirections, MappedinPolygon, TGetVenueOptions, TShowVenueOptions, MappedinCoordinate, MappedinDestinationSet, TCreateMarkerOptions, E_BLUEDOT_STATE } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
+    import { TFocusOptionsLegacy } from '@mappedin/react-native-sdk/wrappers/react-native-sdk/src/MiMapView.store.types';
     export class MapViewStore extends MappedinController {
             #private;
             state: STATE;
+            /**
+                * @deprecated Use BlueDot Events instead
+                */
             BlueDotState: E_BLUEDOT_STATE;
             /**
                 * @hidden
@@ -191,6 +195,10 @@ declare module '@mappedin/react-native-sdk/wrappers/react-native-sdk/src/MiMapVi
                 * Set Polygon Color
                 */
             setPolygonColor(polygonIdOrPolygon: MappedinPolygon['id'] | MappedinPolygon, color: string, opacity?: number, textColor?: string): Promise<unknown>;
+            /**
+                * Clear Polygon Color
+                */
+            clearPolygonColor(polygonOrPolygonId: MappedinPolygon['id'] | MappedinPolygon): Promise<unknown>;
             /**
                 * Clear all polygon colors
                 */
@@ -207,15 +215,6 @@ declare module '@mappedin/react-native-sdk/wrappers/react-native-sdk/src/MiMapVi
                 * Remove all paths
                 */
             removeAllPaths(): Promise<unknown>;
-            /**
-                * Padding - this is so that the map can be positioned on a portion of the screen
-                */
-            setSafeArea(padding: {
-                    top: number;
-                    bottom: number;
-                    left: number;
-                    right: number;
-            }): void;
             /**
                 * Change Map/Level
                 */
@@ -224,36 +223,92 @@ declare module '@mappedin/react-native-sdk/wrappers/react-native-sdk/src/MiMapVi
                 * Gets the nearest node by screen coordinate
                 */
             getNearestNodeByScreenCoordinates(x: number, y: number, mapIdOrMap?: MappedinMap['id'] | MappedinMap): Promise<MappedinNode | null | undefined>;
+            labelAllLocations(options?: TLabelAllLocationFloatingLabelOptions): Promise<unknown>;
+            labelAllLocations(options?: TReactNativeFlatLabelAllLocations | TReactNativeFlatLabelAllLocationsLegacy): Promise<unknown>;
+            labelPolygon(polygonOrPolygonId: MappedinPolygon | MappedinPolygon['id'], options: TReactNativeFloatingLabelPolygonOptions): Promise<unknown>;
+            labelPolygon(polygonOrPolygonId: MappedinPolygon | MappedinPolygon['id'], options: TReactNativeFlatLabelPolygonOptions): Promise<unknown>;
+            /**
+                * @param focusOptions You should provide at least one Node or Polygon, but everything else is optional.
+                * @deprecated Use Camera.focusOn instead
+                */
+            focusOn(focusOptions: TFocusOptionsLegacy): Promise<unknown>;
             /**
-                * Label all polygons with locations either loaded via the API or passed in
+                * Padding - this is so that the map can be positioned on a portion of the screen
+                * @deprecated Use Camera.setSafeAreaInsets instead
                 */
-            labelAllLocations(options?: TLabelAllLocationLabelOptions | TLabelAllLocationLegacyLabelOptions): Promise<unknown>;
-            labelPolygon(polygonOrPolygonId: MappedinPolygon | MappedinPolygon['id'], options: TLabelPolygonOptions | TLegacyLabelOptions): Promise<unknown>;
+            setSafeArea(padding: {
+                    top: number;
+                    bottom: number;
+                    left: number;
+                    right: number;
+            }): void;
             /**
-        Camera controls interface
-         */
+                    V3 Camera controls interface
+             */
             CameraControls: {
                     /**
                         * The current tilt in radians from top-down view.
+                        * @deprecated Use CameraControls.tilt instead
                         */
                     tilt: number;
                     /**
                         * @param tilt The new value to set the tilt to, in radians from top-down view.
+                        * @deprecated Use CameraControls.setTilt instead
                         */
                     setTilt: (tilt: number) => Promise<undefined>;
                     /**
                         * The current rotation in degrees from north.
+                        * @deprecated Use CameraControls.rotation instead
                         */
                     rotation: number;
                     /**
                         * @param rotation The new value to set the rotation to, in degrees from north..
+                        * @deprecated Use CameraControls.setRotation instead
                         */
                     setRotation: (rotation: number) => Promise<undefined>;
+            };
+            /**
+             Camera controls interface
+             */
+            Camera: {
+                    /**
+                        * The current tilt in radians from top-down view.
+                        */
+                    tilt: number;
+                    /**
+                        * Set Camera options immediately
+                        */
+                    set: (positionOptions?: TAnimatePositionOptions | undefined) => Promise<unknown>;
+                    /**
+                        * The current rotation in degrees from north.
+                        */
+                    rotation: number;
                     /**
                         * @param focusOptions You should provide at least one Node or Polygon, but everything else is optional.
                         */
-                    focusOn(focusOptions: TFocusOnOptions): Promise<unknown>;
+                    focusOn(focusOptions: TFocusOnOptions & {
+                            animationOptions?: TAnimatePositionOptions;
+                    }): Promise<unknown>;
+                    /**
+                        * This is so that the map can be positioned on a portion of the screen, (example padding)
+                        */
+                    setSafeAreaInsets: (safeAreaInsets: {
+                            top: number;
+                            bottom: number;
+                            left: number;
+                            right: number;
+                    }) => void;
             };
+            /**
+                * Visualize directions by drawing paths, and adding connection markers
+                * @deprecated Use {@link MapViewStore.Journey}'s draw method instead
+                */
+            drawJourney(directions: MappedinDirections | MappedinDirections[], options?: TSerializableJourneyOptions): Promise<unknown>;
+            /**
+                * Remove any paths and markers associated with journey
+                * @deprecated Use mapView.Journey.clear instead
+                */
+            clearJourney(): Promise<unknown>;
             /**
                 * Journey management interface
                 */
@@ -313,12 +368,12 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/index.rn' {
     import { getVenue, getVenueBundle, Mappedin, MappedinDestinationSet } from '@mappedin/react-native-sdk/core/packages/get-venue';
     export * from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
     export { getVenue, getVenueBundle, MappedinDestinationSet, Mappedin };
-    export { GEOLOCATION_STATUS, COLLISION_RANKING_TIERS, E_BLUEDOT_STATE_REASON, E_BLUEDOT_STATE, E_MARKER_STATE, STATE, MARKER_ANCHOR, E_SDK_EVENT, E_BLUEDOT_EVENT, E_CAMERA_EVENT } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
+    export { GEOLOCATION_STATUS, COLLISION_RANKING_TIERS, E_BLUEDOT_STATE_REASON, E_BLUEDOT_STATE, E_BLUEDOT_MARKER_STATE, STATE, MARKER_ANCHOR, E_SDK_EVENT, E_BLUEDOT_EVENT, E_CAMERA_EVENT } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
     export { labelThemes } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
-    export type { TBlueDotPositionUpdate, TBlueDotStateChange, TJourneyOptions, TMapViewOptions, TCreateMarkerOptions, TGeolocationObject, TPathOptions, TCommonLabelOptions, TLegacyLabelOptions, TLabelPolygonOptions, TLabelAllLocationCommonOptions, TLabelAllLocationLabelOptions, TLabelAllLocationLegacyLabelOptions, TEnableBlueDotOptions, TLabelAppearance } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
+    export type { TBlueDotPositionUpdate, TBlueDotStateChange, TJourneyOptions, TMapViewOptions, TCreateMarkerOptions, TGeolocationObject, TPathOptions, TCommonLabelOptions, TFlatLabelOptions, TFlatLabelPolygonOptions, TFloatingLabelPolygonOptions, TLabelAllLocationCommonOptions, TLabelAllLocationFloatingLabelOptions, TLabelAllLocationFlatLabelOptions, TEnableBlueDotOptions, TFloatingLabelAppearance, TFlatLabelAppearance } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
     export { BEARING_TYPE, ACTION_TYPE } from '@mappedin/react-native-sdk/core/packages/navigator';
-    export type { IDirectionsResult, TMappedinDirective, E_MESSAGES as E_GET_DIRECTIONS_MESSAGES } from '@mappedin/react-native-sdk/core/packages/navigator';
-    export type { TGetVenueBundleOptions, TGetVenueOptions, TShowVenueOptions } from '@mappedin/react-native-sdk/core/packages/get-venue';
+    export type { IDirectionsResult, E_MESSAGES as E_GET_DIRECTIONS_MESSAGES } from '@mappedin/react-native-sdk/core/packages/navigator';
+    export type { TGetVenueBundleOptions, TGetVenueOptions, TMappedinDirective, TShowVenueOptions } from '@mappedin/react-native-sdk/core/packages/get-venue';
     export { MappedinLocation, MappedinPolygon, MappedinNode, MappedinCategory, MappedinMap, MappedinEvent, MappedinMapGroup, MappedinVenue, MappedinVortex, MappedinDirections, MappedinNavigatable, MappedinCoordinate, MappedinRankings } from '@mappedin/react-native-sdk/core/packages/get-venue';
     export type { TSafeAreaInsets, TFocusOnTargets, TFocusOnCameraOptions, TAnimatePositionOptions, TCameraAnimationOptions, TFocusOnOptions } from '@mappedin/react-native-sdk/core/packages/renderer/Camera';
     export { SAFE_AREA_INSET_TYPE, ANIMATION_TWEENS, CAMERA_EASING_MODE } from '@mappedin/react-native-sdk/core/packages/renderer/Camera';
@@ -340,10 +395,10 @@ declare module '@mappedin/react-native-sdk/wrappers/react-native-sdk/src' {
     export { getVenue, getVenueBundle } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
     export type { TGetVenueOptions, TGetVenueBundleOptions } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
     export { STATE } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
-    export { COLLISION_RANKING_TIERS, MARKER_ANCHOR, E_BLUEDOT_STATE, MappedinCoordinate, labelThemes, E_MARKER_STATE, E_BLUEDOT_STATE_REASON } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
+    export { COLLISION_RANKING_TIERS, MARKER_ANCHOR, E_BLUEDOT_STATE, MappedinCoordinate, labelThemes, E_BLUEDOT_MARKER_STATE, E_BLUEDOT_STATE_REASON } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
     export type { TSerializableJourneyOptions, TMiMapViewOptions } from '@mappedin/react-native-sdk/wrappers/common';
     import type { TEnableBlueDotOptions as TEnableBlueDotOptionsBase, TLabelAllLocationCommonOptions as TLabelAllLocationCommonOptionsBase } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
-    export type { TJourneyOptions, TGeolocationObject, TPathOptions, TLabelPolygonOptions, TLegacyLabelOptions, TLabelAllLocationLabelOptions, TLabelAllLocationLegacyLabelOptions, TFocusOnCameraOptions, TFocusOnTargets, TLabelAppearance, TCommonLabelOptions, TCameraAnimationOptions, TFocusOnOptions } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
+    export type { TJourneyOptions, TGeolocationObject, TPathOptions, TFlatLabelPolygonOptions, TFloatingLabelPolygonOptions, TLabelAllLocationFlatLabelOptions, TLabelAllLocationFloatingLabelOptions, TFlatLabelAppearance, TFloatingLabelAppearance, TFocusOnCameraOptions, TFocusOnTargets, TCommonLabelOptions, TCameraAnimationOptions, TFocusOnOptions, TAnimatePositionOptions } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
     export type { TEnableBlueDotOptionsBase, TLabelAllLocationCommonOptionsBase };
     export type TEnableBlueDotOptions = Omit<TEnableBlueDotOptionsBase, 'positionUpdater' | 'geolocationSource'>;
     export type TLabelAllLocationCommonOptions = Omit<TLabelAllLocationCommonOptionsBase, 'sortFunction' | 'translationMap'>;
@@ -391,6 +446,21 @@ declare module '@mappedin/react-native-sdk/wrappers/react-native-sdk/src/Mappedi
     }
 }
 
+declare module '@mappedin/react-native-sdk/wrappers/react-native-sdk/src/MiMapView.store.types' {
+    import { MappedinNode, MappedinPolygon } from "@mappedin/react-native-sdk/wrappers/react-native-sdk/src";
+    import { TFocusOptionsLegacy } from "@mappedin/react-native-sdk/core/packages/renderer/Core.interface";
+    export type TPolygonColorOptions = {
+        color: string;
+        opacity?: number;
+        textColor?: string;
+    };
+    export type { TFocusOptionsLegacy };
+    export type TFocusOptionsLegacySerializable = Omit<TFocusOptionsLegacy, 'nodes' | 'polygons'> & {
+        nodes: (MappedinNode | MappedinNode['id'])[];
+        polygons: (MappedinPolygon['id'] | MappedinPolygon)[];
+    };
+}
+
 declare module '@mappedin/react-native-sdk/core/packages/get-venue' {
     import type { TGetVenueOptions } from '@mappedin/react-native-sdk/core/packages/get-venue/Mappedin.types';
     import { Mappedin } from '@mappedin/react-native-sdk/core/packages/get-venue/Mappedin';
@@ -445,9 +515,10 @@ declare module '@mappedin/react-native-sdk/core/packages/get-venue' {
             bundleBaseUri?: string;
             version?: string;
             /**
-                * Use bundled images and assets to show MapView. This is unnecessary and should be false in React Native
+                * Parse bundle and convert images to blobs. Disabled in React Native
+                * @private
                 */
-            useBundleAssets?: boolean;
+            shouldPopulateBundledImagesAsBlobs?: boolean;
     };
     /**
         * [experimental] Fetching an offline Venue bundle
@@ -518,7 +589,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums'
     /**
         * Visual States of the BlueDot
         */
-    export enum E_MARKER_STATE {
+    export enum E_BLUEDOT_MARKER_STATE {
             /**
                 * BlueDot is hidden
                 */
@@ -555,7 +626,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums'
     }
     export enum E_SDK_EVENT {
             /**
-                * Emitted when the SDK state changes
+                * Emitted when the {@link STATE | SDK state} changes
                 */
             STATE_CHANGE = "STATE_CHANGE",
             /**
@@ -578,7 +649,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums'
     export enum E_CAMERA_EVENT {
             USER_INTERACTION_START = "USER_INTERACTION_START",
             USER_INTERACTION_END = "USER_INTERACTION_END",
-            POSITON_CHANGED = "POSITON_CHANGED",
+            POSITION_CHANGED = "POSITION_CHANGED",
             ZOOM_CHANGED = "ZOOM_CHANGED",
             ROTATION_CHANGED = "ROTATION_CHANGED",
             TILT_CHANGED = "TILT_CHANGED"
@@ -587,13 +658,13 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums'
 
 declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.types' {
     import { Mappedin, MappedinLocation, MappedinMap, MappedinPolygon } from '@mappedin/react-native-sdk/core/packages/get-venue';
-    import { TLabelAppearance } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Label';
+    import { TFloatingLabelAppearance } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.FloatingLabel';
     import { TEnableBlueDotOptions } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.BlueDot/Mappedin.BlueDot.core';
     import { TBlueDotPositionUpdate, TBlueDotStateChange } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.BlueDot/Mappedin.BlueDot.core';
     import { TOOLTIP_ANCHOR } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartTooltip';
     import type { Euler, Object3D, Vector3 } from 'three';
     import { GEOLOCATION_STATUS, COLLISION_RANKING_TIERS, STATE, MARKER_ANCHOR, E_SDK_EVENT, E_BLUEDOT_EVENT, E_CAMERA_EVENT } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
-    export type { TEnableBlueDotOptions, TLabelAppearance };
+    export type { TEnableBlueDotOptions, TFloatingLabelAppearance };
     /**
     An extension of the GeolocationPosition type.
     https://developer.mozilla.org/en-US/docs/Web/API/GeolocationPosition
@@ -633,18 +704,18 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.types'
             pulsePauseDuration?: number;
             /**
                 * (Deprecated) alias for `nearRadius`ty
-                * @defaultValue 20
+                * @defaultValue 1.8
                 * @deprecated
                 */
             radius?: number;
             /**
-                * Radius of path at nearest zoom
-                * @defaultValue 20
+                * Radius of path at nearest zoom, in metres
+                * @defaultValue 1.8
                 */
             nearRadius?: number;
             /**
-                * Radius of path at furthest zoom
-                * @defaultValue 20
+                * Radius of path at furthest zoom, in metres
+                * @defaultValue 2.3 times nearRadius
                 */
             farRadius?: number;
             /**
@@ -960,12 +1031,12 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.types'
                 */
             shortText?: string;
             /**
-                * If Polygon is not set, this will let you add a TextLabel to another Map. Otherwise, it will use the {@link IMapView3D.currentMap}
+                * If Polygon is not set, this will let you add a TextLabel to another Map. Otherwise, it will use the {@link currentMap}
                 */
             map?: MappedinMap | string;
     };
-    export type TLegacyLabelOptions = TCommonLabelOptions & {
-            legacyLabels: true;
+    export type TFlatLabelOptions = TCommonLabelOptions & {
+            flatLabels: true;
             /**
                 * Set this if you want to label an arbitrary part of the Map. You will need to specify height as well.
                 */
@@ -991,6 +1062,8 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.types'
                         */
                     align: 'left' | 'right' | 'center';
             };
+    };
+    export type TFlatLabelAppearance = {
             /**
                 * By default this is the upper bounds of the Polygon. If you don't have a Polygon, or want a custom height for some reason, you can set this.
                 */
@@ -1001,8 +1074,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.types'
                 */
             margin?: number;
             /**
-                * A optional special color if you don't want to use MapView.colors.text
-                * @default IMapView3D.colors.text
+                * A optional color
                 */
             color?: string;
             /**
@@ -1011,7 +1083,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.types'
                 */
             fontSize?: number;
             /**
-                * A CSS style string font. ie "sans-serif". You can specify your own font via @font-face rule with a font family, and then include that here. Note: Support for a THREE.Font object is still supported, but is deprecated.
+                * A CSS style string font. ie "sans-serif". You can specify your own font via @font-face rule with a font family, and then include that here.
                 */
             font?: string;
             /**
@@ -1026,17 +1098,24 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.types'
                 */
             scaleStep?: number;
     };
-    export type TLabelPolygonOptions = TCommonLabelOptions & {
+    export type TFloatingLabelPolygonOptions = TCommonLabelOptions & {
             scale?: number;
-            legacyLabels?: false | undefined;
+            flatLabels?: false | undefined;
             /**
-                * Custom Rank - this determines how likely a smart label will appear
+                * Custom Rank - this determines how likely a Floating Label will appear
                 */
             rank?: COLLISION_RANKING_TIERS | number;
             /**
-                * Customize the appearance of the Smart Label and its marker
+                * Customize the appearance of the Floating Labels and their pins
+                */
+            appearance?: TFloatingLabelAppearance;
+    };
+    export type TFlatLabelPolygonOptions = TCommonLabelOptions & {
+            flatLabels?: true;
+            /**
+                * Customize the appearance of the Flat Labels
                 */
-            appearance?: TLabelAppearance;
+            appearance?: TFlatLabelAppearance;
     };
     export type TLabelAllLocationCommonOptions = {
             /**
@@ -1052,7 +1131,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.types'
                 */
             locations?: MappedinLocation[];
             /**
-                * Custom Translation Map for {@link MappedinLocationState}
+                * Custom Translation Map for {@link MappedinLocation.MappedinLocationState}
                 */
             translationMap?: {
                     [key in string]: string;
@@ -1063,23 +1142,24 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.types'
                 */
             createDespiteImage?: boolean;
     };
-    export type TLabelAllLocationLabelOptions = TLabelAllLocationCommonOptions & {
+    export type TLabelAllLocationFloatingLabelOptions = TLabelAllLocationCommonOptions & {
             /**
-                * Use Legacy Labels
+                * Use Flat Labels
                 * @default false
                 */
-            legacyLabels?: false | undefined;
+            flatLabels?: false | undefined;
             /**
-                * Customize the appearance of the Smart Labels and its marker
+                * Customize the appearance of the Floating Labels and their pins
                 */
-            appearance?: TLabelAppearance;
+            appearance?: TFloatingLabelAppearance;
     };
-    export type TLabelAllLocationLegacyLabelOptions = TLabelAllLocationCommonOptions & Omit<TLegacyLabelOptions, 'text'> & {
+    export type TLabelAllLocationFlatLabelOptions = TLabelAllLocationCommonOptions & {
             /**
-                * Use LagacyLabels
+                * Use Flat Labels
                 * @default false
                 */
-            legacyLabels: true;
+            flatLabels: true;
+            appearance?: TFlatLabelAppearance;
     };
     export type changeListenerFn<PAYLOAD> = (update: PAYLOAD) => void;
     export type E_SDK_EVENT_PAYLOAD = {
@@ -1101,7 +1181,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.types'
     export type CAMERA_EVENT_PAYLOAD = {
             [E_CAMERA_EVENT.USER_INTERACTION_START]: void;
             [E_CAMERA_EVENT.USER_INTERACTION_END]: void;
-            [E_CAMERA_EVENT.POSITON_CHANGED]: {
+            [E_CAMERA_EVENT.POSITION_CHANGED]: {
                     x: number;
                     y: number;
             };
@@ -1111,20 +1191,21 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView.types'
     };
     export type { default as BlueDotLayer } from '@mappedin/react-native-sdk/core/packages/renderer/layers/BlueDot';
     export type { default as JourneyLayer } from '@mappedin/react-native-sdk/core/packages/renderer/layers/Journey';
+    export type { FlatLabel as TFlatLabel } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.LabelAtlas';
+    export type { default as TFloatingLabel } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.FloatingLabel';
 }
 
 declare module '@mappedin/react-native-sdk/core/packages/navigator' {
     import NavigationGraph from '@mappedin/react-native-sdk/core/packages/navigator/NavigationGraph';
     import Navigator from '@mappedin/react-native-sdk/core/packages/navigator/Navigator';
-    import Directive from '@mappedin/react-native-sdk/core/packages/navigator/Directive';
     export { ACTION_TYPE, BEARING_TYPE } from '@mappedin/react-native-sdk/core/packages/navigator/Directive';
-    export { Navigator, NavigationGraph, Directive as TMappedinDirective };
+    export { Navigator, NavigationGraph };
     export type { IDirectionsResult } from '@mappedin/react-native-sdk/core/packages/navigator/Navigator';
     export { E_MESSAGES } from '@mappedin/react-native-sdk/core/packages/navigator/Navigator';
 }
 
 declare module '@mappedin/react-native-sdk/core/packages/renderer/Camera' {
-    import { MapView3DLegacy } from '@mappedin/react-native-sdk/core/packages/renderer/internal/MapView.legacy.interface';
+    import { ICore } from '@mappedin/react-native-sdk/core/packages/renderer/Core.interface';
     import { MappedinNode, MappedinPolygon, MappedinCoordinate } from '@mappedin/react-native-sdk/core/packages/get-venue';
     import { PubSub } from '@mappedin/react-native-sdk/core/packages/renderer/internal/pub-sub.typed';
     import { Vector3 } from 'three';
@@ -1155,10 +1236,6 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/Camera' {
             safeAreaInsets?: TSafeAreaInsets;
     };
     export type TAnimatePositionOptions = {
-            position?: {
-                    x: number;
-                    y: number;
-            };
             zoom?: number;
             tilt?: number;
             rotation?: number;
@@ -1202,18 +1279,39 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/Camera' {
                 *
                 * @private
                 */
-            constructor(mapView: MapView3DLegacy);
+            constructor(core: ICore);
             /**
                 * The current camera animation, if any. Resolves when the animation finishes.
                 */
             get currentAnimation(): Promise<undefined> | undefined;
-            get position(): {
-                    x: number;
-                    y: number;
-            };
+            /**
+                * Current Camera zoom (in meters)
+                */
             get zoom(): number;
+            /**
+                * Current Camera rotation (in radians)
+                */
             get rotation(): number;
+            /**
+                * Current Camera tilt
+                */
             get tilt(): number;
+            /**
+                * Minimum distance (in meters) the camera is allowed to get to the ground.
+                */
+            get minZoom(): number;
+            /**
+                * Minimum distance (in meters) the camera is allowed to get to the ground.
+                */
+            set minZoom(meters: number);
+            /**
+                * Maximum distance (in meters) the camera is allowed to get to the ground.
+                */
+            get maxZoom(): number;
+            /**
+                * Maximum distance (in meters) the camera is allowed to get to the ground.
+                */
+            set maxZoom(meters: number);
             setSafeAreaInsets(insets: {
                     top: number;
                     left: number;
@@ -1229,9 +1327,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/Camera' {
             /**
                 * Set the Camera's view to a new state.
                 */
-            set(options: {
-                    positionOptions?: TAnimatePositionOptions;
-            }): void;
+            set(positionOptions?: TAnimatePositionOptions): void;
             /**
                 * Animate the Camera's view to smoothly transition to a new state over time.
                 * Returns a promise that resolves when the animation completes and gets rejected if the animation is cancelled.
@@ -1252,84 +1348,93 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/Camera' {
 
 declare module '@mappedin/react-native-sdk/wrappers/common/events' {
     export enum EVENT {
-        READY = "READY",
-        LOAD_VENUE = "LOAD_VENUE",
-        SHOW_VENUE = "SHOW_VENUE",
-        POLYGON_CLICKED = "POLYGON_CLICKED",
-        SET_MAP = "SET_MAP",
-        MAP_CHANGED = "MAP_CHANGED",
-        ROTATION_CHANGED = "ROTATION_CHANGED",
-        TILT_CHANGED = "TILT_CHANGED",
-        SET_ROTATION = "SET_ROTATION",
-        SET_TILT = "SET_TILT",
-        UPDATE_GEOLOCATION = "UPDATE_GEOLOCATION",
-        FOCUS_ON = "FOCUS_ON",
-        SET_POLYGON_COLOR = "SET_POLYGON_COLOR",
-        SET_BACKGROUND_COLOR = "SET_BACKGROUND_COLOR",
-        CLEAR_POLYGON_COLOR = "CLEAR_POLYGON_COLOR",
-        CLEAR_ALL_POLYGON_COLORS = "CLEAR_ALL_POLYGON_COLORS",
-        ADD_INTERACTIVE_POLYGON = "ADD_INTERACTIVE_POLYGON",
-        REMOVE_INTERACTIVE_POLYGONS = "REMOVE_INTERACTIVE_POLYGONS",
-        SET_SAFE_AREA = "SET_SAFE_AREA",
-        LABEL_ALL_LOCATIONS = "LABEL_ALL_LOCATIONS",
-        REMOVE_ALL_LABELS = "REMOVE_ALL_LABELS",
-        LABEL_POLYGON = "LABEL_POLYGON",
-        ENABLE_BLUE_DOT = "ENABLE_BLUE_DOT",
-        DISABLE_BLUE_DOT = "DISABLE_BLUE_DOT",
-        ENABLE_BEARING = "ENABLE_BEARING",
-        GET_NEAREST_NODE = "GET_NEAREST_NODE",
-        GET_BLUE_DOT_IS_FOLLOWING = "GET_BLUE_DOT_IS_FOLLOWING",
-        SET_BLUE_DOT_IS_FOLLOWING = "SET_BLUE_DOT_IS_FOLLOWING",
-        GET_DIRECTIONS = "GET_DIRECTIONS",
-        DESTROY = "DESTROY",
-        DATA_LOADED = "DATA_LOADED",
-        FIRST_MAP_LOADED = "FIRST_MAP_LOADED",
-        CREATE_MARKER = "CREATE_MARKER",
-        REMOVE_MARKER = "REMOVE_MARKER",
-        OVERRIDE_LOCATION = "OVERRIDE_LOCATION",
-        /**
-          * @deprecated
-          */
-        BLUE_DOT_UPDATED = "BLUE_DOT_UPDATED",
-        SET_JOURNEY_STEP = "SET_JOURNEY_STEP",
-        BLUEDOT_STATE_CHANGE = "BLUEDOT_STATE_CHANGE",
-        BLUEDOT_POSITION_UPDATE = "BLUEDOT_POSITION_UPDATE",
-        DRAW_PATH = "DRAW_PATH",
-        REMOVE_ALL_PATHS = "REMOVE_ALL_PATHS",
-        NOTHING_CLICKED = "NOTHING_CLICKED",
-        SET_STATE = "SET_STATE",
-        STATE_CHANGED = "STATE_CHANGED",
-        DRAW_JOURNEY = "DRAW_JOURNEY",
-        CLEAR_JOURNEY = "CLEAR_JOURNEY",
-        SET_COOKIE = "SET_COOKIE",
-        GET_NEAREST_NODE_BY_SCREEN_COORDINATES = "GET_NEAREST_NODE_BY_SCREEN_COORDINATES"
+            READY = "READY",
+            LOAD_VENUE = "LOAD_VENUE",
+            SHOW_VENUE = "SHOW_VENUE",
+            POLYGON_CLICKED = "POLYGON_CLICKED",
+            SET_MAP = "SET_MAP",
+            MAP_CHANGED = "MAP_CHANGED",
+            ROTATION_CHANGED = "ROTATION_CHANGED",
+            TILT_CHANGED = "TILT_CHANGED",
+            CAMERA_SET = "CAMERA_SET",
+            /**
+                * @deprecated
+                */
+            SET_ROTATION = "SET_ROTATION",
+            /**
+                * @deprecated
+                */
+            SET_TILT = "SET_TILT",
+            /**
+                * @deprecated
+                */
+            FOCUS_ON_LEGACY = "FOCUS_ON_LEGACY",
+            SET_MIN_ZOOM = "SET_MIN_ZOOM",
+            SET_MAX_ZOOM = "SET_MAX_ZOOM",
+            UPDATE_GEOLOCATION = "UPDATE_GEOLOCATION",
+            FOCUS_ON = "FOCUS_ON",
+            SET_POLYGON_COLOR = "SET_POLYGON_COLOR",
+            SET_BACKGROUND_COLOR = "SET_BACKGROUND_COLOR",
+            CLEAR_POLYGON_COLOR = "CLEAR_POLYGON_COLOR",
+            CLEAR_ALL_POLYGON_COLORS = "CLEAR_ALL_POLYGON_COLORS",
+            ADD_INTERACTIVE_POLYGON = "ADD_INTERACTIVE_POLYGON",
+            REMOVE_INTERACTIVE_POLYGONS = "REMOVE_INTERACTIVE_POLYGONS",
+            CAMERA_SET_SAFE_AREA_INSETS = "CAMERA_SET_SAFE_AREA_INSETS",
+            LABEL_ALL_LOCATIONS = "LABEL_ALL_LOCATIONS",
+            REMOVE_ALL_LABELS = "REMOVE_ALL_LABELS",
+            LABEL_POLYGON = "LABEL_POLYGON",
+            ENABLE_BLUE_DOT = "ENABLE_BLUE_DOT",
+            DISABLE_BLUE_DOT = "DISABLE_BLUE_DOT",
+            ENABLE_BEARING = "ENABLE_BEARING",
+            GET_NEAREST_NODE = "GET_NEAREST_NODE",
+            GET_BLUE_DOT_IS_FOLLOWING = "GET_BLUE_DOT_IS_FOLLOWING",
+            SET_BLUE_DOT_IS_FOLLOWING = "SET_BLUE_DOT_IS_FOLLOWING",
+            GET_DIRECTIONS = "GET_DIRECTIONS",
+            DESTROY = "DESTROY",
+            DATA_LOADED = "DATA_LOADED",
+            FIRST_MAP_LOADED = "FIRST_MAP_LOADED",
+            CREATE_MARKER = "CREATE_MARKER",
+            REMOVE_MARKER = "REMOVE_MARKER",
+            OVERRIDE_LOCATION = "OVERRIDE_LOCATION",
+            SET_JOURNEY_STEP = "SET_JOURNEY_STEP",
+            BLUEDOT_STATE_CHANGE = "BLUEDOT_STATE_CHANGE",
+            BLUEDOT_POSITION_UPDATE = "BLUEDOT_POSITION_UPDATE",
+            DRAW_PATH = "DRAW_PATH",
+            REMOVE_ALL_PATHS = "REMOVE_ALL_PATHS",
+            NOTHING_CLICKED = "NOTHING_CLICKED",
+            SET_STATE = "SET_STATE",
+            STATE_CHANGED = "STATE_CHANGED",
+            DRAW_JOURNEY = "DRAW_JOURNEY",
+            CLEAR_JOURNEY = "CLEAR_JOURNEY",
+            SET_COOKIE = "SET_COOKIE",
+            GET_NEAREST_NODE_BY_SCREEN_COORDINATES = "GET_NEAREST_NODE_BY_SCREEN_COORDINATES"
     }
     export enum WAYFINDING_EVENT {
-        GET_MAPS_IN_NAVIGATION = "GET_MAPS_IN_NAVIGATION",
-        SHOW_JOURNEY = "SHOW_JOURNEY",
-        START_NAVIGATION = "START_NAVIGATION",
-        STOP_NAVIGATION = "STOP_NAVIGATION",
-        SEEK = "SEEK",
-        GET_MODE = "GET_MODE",
-        EXIT_NAVIGATION = "EXIT_NAVIGATION"
+            GET_MAPS_IN_NAVIGATION = "GET_MAPS_IN_NAVIGATION",
+            SHOW_JOURNEY = "SHOW_JOURNEY",
+            START_NAVIGATION = "START_NAVIGATION",
+            STOP_NAVIGATION = "STOP_NAVIGATION",
+            SEEK = "SEEK",
+            GET_MODE = "GET_MODE",
+            EXIT_NAVIGATION = "EXIT_NAVIGATION"
     }
     export enum BRIDGE_EVENT {
-        READY = "READY",
-        RESOLVE = "RESOLVE",
-        REJECT = "REJECT"
+            READY = "READY",
+            RESOLVE = "RESOLVE",
+            REJECT = "REJECT"
     }
     export enum MINIMAP_EVENT {
-        LOAD_MINIMAP = "LOAD_MINIMAP",
-        SHOW_MINIMAP = "SHOW_MINIMAP",
-        READY = "MINIMAP_READY",
-        CACHE_IMAGE = "CACHE_IMAGE"
+            LOAD_MINIMAP = "LOAD_MINIMAP",
+            SHOW_MINIMAP = "SHOW_MINIMAP",
+            READY = "MINIMAP_READY",
+            CACHE_IMAGE = "CACHE_IMAGE"
     }
 }
 
 declare module '@mappedin/react-native-sdk/wrappers/common/payloads' {
-    import { IDirectionsResult, MappedinMap, MappedinNode, TBlueDotPositionUpdate, TBlueDotStateChange, TGetVenueOptions, TLabelPolygonOptions, TPathOptions, TShowVenueOptions, STATE, TGeolocationObject, TEnableBlueDotOptions, TLegacyLabelOptions, MappedinLocation } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
+    import { IDirectionsResult, MappedinMap, MappedinNode, TBlueDotPositionUpdate, TBlueDotStateChange, TGetVenueOptions, TFloatingLabelPolygonOptions, TFlatLabelPolygonOptions, TAnimatePositionOptions, TPathOptions, TShowVenueOptions, STATE, TGeolocationObject, TEnableBlueDotOptions, MappedinLocation, TLabelAllLocationFloatingLabelOptions } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
     import { TMiMapViewOptions } from '@mappedin/react-native-sdk/wrappers/common/types';
-    import { BRIDGE_EVENT, EVENT, MINIMAP_EVENT } from '@mappedin/react-native-sdk/wrappers/common';
+    import { BRIDGE_EVENT, EVENT, MINIMAP_EVENT, TFocusOnOptionsLegacySerializable, TReactNativeFlatLabelAllLocationsLegacy, TReactNativeFlatLabelAllLocations } from '@mappedin/react-native-sdk/wrappers/common';
     import { TSerializableJourneyOptions, TFocusOnOptionsSerializable, TSerializedLocation, TSerializedNode, TSerializedPolygon } from '@mappedin/react-native-sdk/wrappers/common/types';
     export type BRIDGE_EVENT_PAYLOADS = {
         [BRIDGE_EVENT.READY]: {
@@ -1441,6 +1546,12 @@ declare module '@mappedin/react-native-sdk/wrappers/common/payloads' {
                 mapId: string;
             };
         };
+        [EVENT.CAMERA_SET]: {
+            msgID: string;
+            data: {
+                positionOptions?: TAnimatePositionOptions;
+            };
+        };
         [EVENT.SET_ROTATION]: {
             msgID: string;
             data: {
@@ -1453,12 +1564,35 @@ declare module '@mappedin/react-native-sdk/wrappers/common/payloads' {
                 tilt: number;
             };
         };
+        [EVENT.CAMERA_SET_SAFE_AREA_INSETS]: {
+            msgID: string;
+            data: {
+                safeAreaInsets: {
+                    top: number;
+                    bottom: number;
+                    left: number;
+                    right: number;
+                };
+            };
+        };
+        [EVENT.CLEAR_POLYGON_COLOR]: {
+            msgID: string;
+            data: {
+                polygonId: string;
+            };
+        };
         [EVENT.FOCUS_ON]: {
             msgID: string;
             data: {
                 focusOptions: TFocusOnOptionsSerializable;
             };
         };
+        [EVENT.FOCUS_ON_LEGACY]: {
+            msgID: string;
+            data: {
+                focusOptions: TFocusOnOptionsLegacySerializable;
+            };
+        };
         [EVENT.SET_POLYGON_COLOR]: {
             msgID: string;
             data: {
@@ -1488,21 +1622,12 @@ declare module '@mappedin/react-native-sdk/wrappers/common/payloads' {
             msgID: string;
             data?: null;
         };
-        [EVENT.SET_SAFE_AREA]: {
-            msgID: string;
-            data?: {
-                padding: {
-                    top: number;
-                    bottom: number;
-                    left: number;
-                    right: number;
-                };
-            };
-        };
         [EVENT.LABEL_ALL_LOCATIONS]: {
             msgID: string;
             data: {
-                options: any;
+                options?: (Omit<TReactNativeFlatLabelAllLocations, 'locations'> | Omit<TLabelAllLocationFloatingLabelOptions, 'locations'> | Omit<TReactNativeFlatLabelAllLocationsLegacy, 'locations'>) & {
+                    locations?: string[];
+                };
             };
         };
         [EVENT.REMOVE_ALL_LABELS]: {
@@ -1513,7 +1638,12 @@ declare module '@mappedin/react-native-sdk/wrappers/common/payloads' {
             msgID: string;
             data: {
                 polygonId: string;
-                options: TLabelPolygonOptions | TLegacyLabelOptions;
+                options: (TFloatingLabelPolygonOptions | TFlatLabelPolygonOptions) & {
+                    /**
+                      * @deprecated
+                      */
+                    legacyLabels?: boolean;
+                };
             };
         };
         [EVENT.ENABLE_BLUE_DOT]: {
@@ -1544,10 +1674,30 @@ declare module '@mappedin/react-native-sdk/wrappers/common/payloads' {
             msgID: string;
             data: null;
         };
+        [EVENT.SET_MIN_ZOOM]: {
+            msgID: string;
+            data: {
+                zoomLevel: number;
+            };
+        };
+        [EVENT.SET_MAX_ZOOM]: {
+            msgID: string;
+            data: {
+                zoomLevel: number;
+            };
+        };
         [EVENT.CREATE_MARKER]: {
             msgID: string;
             data: {
-                nodeIdOrCoordinate: any;
+                nodeOrCoordinate: {
+                    type: 'Node';
+                    id: string;
+                } | {
+                    type: 'Coordinate';
+                    mapId: string;
+                    lat: number;
+                    lon: number;
+                };
                 contentHtml: string;
                 options: any;
             };
@@ -1610,13 +1760,18 @@ declare module '@mappedin/react-native-sdk/wrappers/common/payloads' {
 }
 
 declare module '@mappedin/react-native-sdk/wrappers/common/types' {
-    import type { MappedinNode, MappedinPolygon, TFocusOnOptions, TJourneyOptions, TShowVenueOptions } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
+    import { TFocusOptionsLegacy } from '@mappedin/react-native-sdk/core/packages/renderer/Core.interface';
+    import type { MappedinNode, MappedinPolygon, TFocusOnOptions, TJourneyOptions, TFloatingLabelPolygonOptions, TFlatLabelPolygonOptions, TShowVenueOptions, TLabelAllLocationFlatLabelOptions } from '@mappedin/react-native-sdk/core/packages/renderer/index.rn';
     export type TFocusOnOptionsSerializable = Omit<TFocusOnOptions, 'targets'> & {
             targets: {
                     nodes?: MappedinNode['id'][];
                     polygons?: MappedinPolygon['id'][];
             };
     };
+    export type TFocusOnOptionsLegacySerializable = Omit<TFocusOptionsLegacy, 'nodes' | 'polygons'> & {
+            nodes?: MappedinNode['id'][];
+            polygons?: MappedinPolygon['id'][];
+    };
     export type TSerializedNode = {
             id: string;
             type: 'Node';
@@ -1656,6 +1811,30 @@ declare module '@mappedin/react-native-sdk/wrappers/common/types' {
             noAuth?: boolean;
             language?: string;
     };
+    export type TReactNativeFloatingLabelPolygonOptions = TFloatingLabelPolygonOptions & {
+            /**
+                * @deprecated
+                */
+            legacyLabels?: false | undefined;
+            flatLabels?: false | undefined;
+    };
+    export type TReactNativeFlatLabelPolygonOptions = TFlatLabelPolygonOptions & ({
+            /**
+                * @deprecated
+                */
+            legacyLabels: true;
+    } | {
+            flatLabels: true;
+    });
+    export type TReactNativeFlatLabelAllLocationsLegacy = Omit<TLabelAllLocationFlatLabelOptions, 'flatLabels'> & {
+            /**
+                * @deprecated
+                */
+            legacyLabels: true;
+    };
+    export type TReactNativeFlatLabelAllLocations = TLabelAllLocationFlatLabelOptions & {
+            flatLabels: true;
+    };
 }
 
 declare module '@mappedin/react-native-sdk/wrappers/common/pub-sub' {
@@ -1670,63 +1849,260 @@ declare module '@mappedin/react-native-sdk/wrappers/common/pub-sub' {
     }
 }
 
-declare module '@mappedin/react-native-sdk/core/packages/get-venue/Mappedin.types' {
-    export type TGetVenueOptions = {
-        accessToken?: string;
-        clientId?: string;
-        clientSecret?: string;
-        baseUrl?: string;
-        includeHidden?: boolean;
-        noAuth?: boolean;
-        perspective?: string;
-        language?: string;
-        headers?: {
-            [key in string]: string;
-        };
-        venue: string;
-        things?: any;
-    };
-    export type TGetVenueOptionsInternal = {
-        baseUrl?: string;
-        supplementaryUrl?: string;
-        noAuth?: boolean;
-        includeHidden?: boolean;
-        apiGateway?: string;
-        authorization?: string;
-        /**
-          * @deprecated 2D support will be removed in the future
-          */
-        do2D?: boolean;
-        things?: any;
-        headers?: any;
+declare module '@mappedin/react-native-sdk/core/packages/renderer/Core.interface' {
+    import { MappedinMap, Mappedin, MappedinCoordinate, MappedinPolygon, MappedinNode } from '@mappedin/react-native-sdk/core/packages/get-venue';
+    import CameraControls from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.CameraControls';
+    import { Vector2, Vector3 } from 'three';
+    import { changeListenerFn, TMapViewOptions } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
+    import RENDER from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.RenderTasks';
+    import { INTERNAL_EVENT_PAYLOAD } from '@mappedin/react-native-sdk/core/packages/renderer/MapView';
+    import { TPadding } from '@mappedin/react-native-sdk/core/packages/renderer';
+    import Tween, { Easing } from '@tweenjs/tween.js';
+    export type TFocusOptionsLegacy = {
+            /**
+                * An array of Nodes to focus in on
+                */
+            nodes?: (MappedinNode | MappedinNode['id'])[];
+            /**
+                * An array of Polygons to focus on. It's the center of the bounds of all Polygons, designed to fit everything into view.
+                */
+            polygons?: (MappedinPolygon | MappedinPolygon['id'])[];
+            /**
+                * The duration the focus animation should last for.
+                * @defaultValue `100`
+                */
+            duration?: number;
+            /**
+                * Whether to zoom the camera in or out, or just pan it.
+                * @defaultValue `true`
+                */
+            changeZoom?: boolean;
+            /**
+                * The animation curve to use for zooming in. Uses the animateCamera one by default.
+                */
+            curve?: typeof Easing;
+            /**
+                * Camera tilt between 0 (top-down) to 1 (from the side)
+                */
+            tilt?: number;
+            /**
+                * Rotation in degrees
+                */
+            rotation?: number;
+            /**
+                * You can overide the {{#crossLink "MapView/focusZoomFactor:property"}}{{/crossLink}} for a specific {{#crossLink "MapView/focusOn:method"}}{{/crossLink}} call, rather than globally, if you like.
+                */
+            focusZoomFactor?: number;
+            /**
+                * Sets a floor for how close you can zoom in on the scene. If it's lower than mapView.controls.minZoom, it's ignored.
+                * @defaultValue: 0
+                */
+            minZoom?: number;
+            padding?: TPadding;
+            points?: any[];
     };
-}
-
-declare module '@mappedin/react-native-sdk/core/packages/get-venue/Mappedin' {
-    import { Navigator } from '@mappedin/react-native-sdk/core/packages/navigator';
-    import type { TGetVenueOptions, TGetVenueOptionsInternal } from '@mappedin/react-native-sdk/core/packages/get-venue/Mappedin.types';
-    import { MappedinCategory } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinCategory';
-    import { MappedinEvent } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinEvent';
-    import { MappedinLocation } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinLocation';
-    import { MappedinLocationRankings } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinLocationRankings';
-    import { MappedinLocationState } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinLocationState';
-    import { MappedinMap } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinMap';
-    import { MappedinMapGroup } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinMapGroup';
-    import { MappedinNode } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinNode';
-    import { MappedinPolygon } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinPolygon';
-    import { MappedinRankings } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinRankings';
-    import { MappedinTheme } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinTheme';
-    import { MappedinVenue } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinVenue';
-    import { MappedinVortex } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinVortex';
-    export const defaultOptions: TGetVenueOptionsInternal & TGetVenueOptions;
-    export enum CollectionType {
-            CATEGORY = "categories",
-            EVENT = "events",
-            LOCATION = "locations",
-            MAPGROUP = "mapGroups",
-            MAP = "maps",
-            NODE = "nodes",
-            POLYGON = "polygons",
+    export interface ICore {
+            new (container: HTMLElement, venue: Mappedin, options?: TMapViewOptions): ICore;
+            /**
+                * @internal
+                */
+            currentScale: number;
+            imageFlippingEnabled: boolean;
+            imageFlippingCache: any;
+            cachedPadding: any;
+            polygonMeshesById: any;
+            textLabelsByPolygonId: any;
+            renderer: any;
+            scene: any;
+            cameraParameters: Vector2;
+            resolution: Vector2;
+            determineNewLabelSize: any;
+            on<EVENT_NAME extends keyof INTERNAL_EVENT_PAYLOAD>(eventName: EVENT_NAME, fn: changeListenerFn<INTERNAL_EVENT_PAYLOAD[EVENT_NAME]>): void;
+            off<EVENT_NAME extends keyof INTERNAL_EVENT_PAYLOAD>(eventName: EVENT_NAME, fn: changeListenerFn<INTERNAL_EVENT_PAYLOAD[EVENT_NAME]>): void;
+            publish<EVENT_NAME extends keyof INTERNAL_EVENT_PAYLOAD>(eventName: EVENT_NAME, payload?: INTERNAL_EVENT_PAYLOAD[EVENT_NAME]): void;
+            /**
+                * Manual camera controls for MapView. Generally you should be using the functions on MapView like {{#crossLink "MapView/focusOn:method"}}{{/crossLink}},
+                * but if you have some cool animations in mind, you can do it with the {{#crossLink "CameraControls"}}{{/crossLink}}.
+                * Some of the functions don't do anything in 2D.
+                *
+                */
+            controls?: typeof CameraControls;
+            /**
+                * The Venue data this MapView is using.
+                *
+                * @property venue {MappedinVenue}
+                * @final
+                */
+            readonly venue: Mappedin;
+            /**
+                * The div MapView is using.
+                *
+                * @property container {Div}
+                * @final
+                */
+            readonly container: HTMLElement;
+            /**
+                * The ID of the Map currently being displayed.
+                *
+                */
+            readonly currentMap: string;
+            /**
+                * Change this factor to influence how much the camera zooms in on a {@link IMapView3D.focusOn} call.
+                *
+                * @property focusZoomFactor {Integer}
+                * @default 3
+                */
+            focusZoomFactor: number;
+            /**
+                * Returns the value you should call {@link CameraControls.setZoom} on to fit the Polygon exactly.
+                *
+                * @return The zoom level that will fit the Polygon
+                */
+            getZoomLevelForPolygon(props: {
+                    /**
+                        * The Polygon or Polygon ID to get the zoom level for
+                        */
+                    polygonOrPolygonId: MappedinPolygon | string;
+            }): number;
+            /**
+                * Returns the value you should call {@link CameraControls.setZoom} on to fit the {@link IMapView3D.currentMap} exactly.
+                *
+                * @return The zoom level that will fit the {@link IMapView3D.currentMap}.
+                */
+            getZoomLevelForCurrentMap(): number;
+            /**
+                * Returns the angle that points to north, in radians, from the default orientation.
+                *
+                * @return The angle to north from the default orientation, in radians.
+                */
+            getNorth(): number;
+            /**
+                * Takes an element on the DOM and rotates it such that the top is pointing north. It will rotate with the camera, staying locked
+                * on north. If you would like to align it do a different direction, or a different side of the element, pass in an offset. This
+                * is how you would do a compass rose.
+                *
+                * This will modify your element's transform.
+                *
+                * @param element The element on the page to rotate.
+                * @param offset The amount to offset the rotation by, in radians.
+                *
+                */
+            lockNorth(element: HTMLElement, offset?: number): void;
+            /**
+                * Stops the MapView from trying to rotate your element with the camera. Do this if you remove the element, or want to stop it from rotating.
+                * @param element The node to stop rotating. It won't reset the transform, just leave it as is.
+                */
+            unlockNorth(element: HTMLElement): void;
+            currentInteractionEvent: string;
+            interactivePolygons: any;
+            highlightedPolygons: any;
+            cameraPlane: any;
+            /**
+                * This is called when an interactive Polygon is clicked on.
+                * You will almost certainly want to replace this with your own function in your client app.
+                * Return "false" if you have consumed the event and it shouldn't bubble down to other Polygons beneath this one.
+                *
+                * @param polygonId polygonId passed in when tapping an interactive polygon
+                */
+            onPolygonClicked(polygonId: string): boolean | void;
+            onMapChanged(map: string): void;
+            getPositionLatLon(lat: number, lon: number, map?: MappedinMap | string): Vector3;
+            getPositionPolygon(polygon: MappedinPolygon | string): Vector3;
+            convertTo3DMapPosition(nodeOrCoordinate: MappedinCoordinate | MappedinNode): Vector3;
+            setPadding(padding: {
+                    top: number;
+                    left: number;
+                    bottom: number;
+                    right: number;
+            }): void;
+            /**
+                * This is fired when the user taps/clicks on the MapView without hitting an interactive Polygon.
+                * You will almost certainly want to replace this with your own function in your client app.
+                * You would probably use this to clear any Polygon highlighting, in certain situations.
+                */
+            onNothingClicked(): void;
+            smartCollisionEngine: any;
+            mapObjects: any;
+            /**
+                * The scene only renders when something has changed. This should be something a 3rd party developer doesn't need to worry about,
+                * but if you are doing something weird, or have your own special tween for something, you will want to call this function.
+                * You can call it as often as you want, it just sets a flag that we need to render again, and renders a few frames if we weren't already doing that.
+                * Ignored in 2D.
+                */
+            tryRendering(renderMode?: typeof RENDER): void;
+            setMap(mapOrMapId: MappedinMap | string): Promise<null>;
+            getPositionNode(node: MappedinNode): Vector3;
+            cameraObject: any;
+            setBackgroundColor(color: number | string, alpha?: number): void;
+            mapManager: any;
+            focusOn(focusOptions: TFocusOptionsLegacy): Tween;
+            canvasWidth: number;
+            canvasHeight: number;
+            /**
+                * Resets the MapView to the default state.
+                */
+            resetState(): void;
+            destroy(): void;
+    }
+}
+
+declare module '@mappedin/react-native-sdk/core/packages/get-venue/Mappedin.types' {
+    export type TGetVenueOptions = {
+        accessToken?: string;
+        clientId?: string;
+        clientSecret?: string;
+        baseUrl?: string;
+        includeHidden?: boolean;
+        noAuth?: boolean;
+        perspective?: string;
+        language?: string;
+        headers?: {
+            [key in string]: string;
+        };
+        venue: string;
+        things?: any;
+    };
+    export type TGetVenueOptionsInternal = {
+        baseUrl?: string;
+        supplementaryUrl?: string;
+        noAuth?: boolean;
+        includeHidden?: boolean;
+        apiGateway?: string;
+        authorization?: string;
+        /**
+          * @deprecated 2D support will be removed in the future
+          */
+        do2D?: boolean;
+        things?: any;
+        headers?: any;
+    };
+}
+
+declare module '@mappedin/react-native-sdk/core/packages/get-venue/Mappedin' {
+    import { Navigator } from '@mappedin/react-native-sdk/core/packages/navigator';
+    import type { TGetVenueOptions, TGetVenueOptionsInternal } from '@mappedin/react-native-sdk/core/packages/get-venue/Mappedin.types';
+    import { MappedinCategory } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinCategory';
+    import { MappedinEvent } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinEvent';
+    import { MappedinLocation } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinLocation';
+    import { MappedinLocationRankings } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinLocationRankings';
+    import { MappedinLocationState } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinLocationState';
+    import { MappedinMap } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinMap';
+    import { MappedinMapGroup } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinMapGroup';
+    import { MappedinNode } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinNode';
+    import { MappedinPolygon } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinPolygon';
+    import { MappedinRankings } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinRankings';
+    import { MappedinTheme } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinTheme';
+    import { MappedinVenue } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinVenue';
+    import { MappedinVortex } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinVortex';
+    export const defaultOptions: TGetVenueOptionsInternal & TGetVenueOptions;
+    export enum CollectionType {
+            CATEGORY = "categories",
+            EVENT = "events",
+            LOCATION = "locations",
+            MAPGROUP = "mapGroups",
+            MAP = "maps",
+            NODE = "nodes",
+            POLYGON = "polygons",
             VORTEX = "vortexes"
     }
     type TAccessors = {
@@ -1936,8 +2312,10 @@ declare module '@mappedin/react-native-sdk/core/packages/get-venue/Mappedin' {
             /**
                 *
                 * [experimental] Hydrate the Mappedin instance using a response from either {@link IMappedin.toString()}, {@link getVenueBundle} or by downloading the bundle manually
+                * @param mappedinSerializableData Mappedin data that was serialized or exported as JSON
+                * @param shouldPopulateBundledImagesAsBlobs Takes the scenes and images from a bundle and maps them as blobs to where they exist as URLs in the bundle. False by default
                 */
-            hydrate(mappedinSerializableData: string | object): Promise<undefined>;
+            hydrate(mappedinSerializableData: string | object, shouldPopulateBundledImagesAsBlobs?: boolean): Promise<undefined>;
             images: any;
             scenes: any;
             fetch(): Promise<void>;
@@ -2012,7 +2390,7 @@ declare module '@mappedin/react-native-sdk/core/packages/get-venue/MappedinLocat
             siblingGroups?: TSiblingGroup[] | undefined;
             gallery?: TGalleryImage[] | undefined;
             constructor(mappedin: Mappedin, data: any);
-            categories: TCategory[];
+            categories: TCategory['id'][];
             /**
                 * Polygons this Location is attached to.
                 *
@@ -2162,6 +2540,14 @@ declare module '@mappedin/react-native-sdk/core/packages/get-venue/MappedinNode'
             operationHours?: TOpeningHours[];
             externalId?: string;
             constructor(mappedin: Mappedin, data: any);
+            /**
+                * Latitude of node. This is expensive, especially if doing it for many/all nodes
+                */
+            get lat(): number;
+            /**
+                * Longitude of node. This is expensive, especially if doing it for many/all nodes
+                */
+            get lon(): number;
             /**
                 * Adjacent Nodes.
                 *
@@ -2244,7 +2630,7 @@ declare module '@mappedin/react-native-sdk/core/packages/get-venue/MappedinMap'
     import type { MappedinMapGroup } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinMapGroup';
     import { MappedinCoordinate } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinCoordinate';
     /**
-        * A {@link MappedinMap} belonging to a specific {@link MappedinVenue}. Typically represents a certain floor. Give this to a {@link MiMapView} to display to the user.
+        * A {@link MappedinMap} belonging to a specific {@link MappedinVenue}. Typically represents a certain floor. Give this to a {@link MapView} to display to the user.
         *
         * A Map can have more properties such as 'elevation', 'name' (e.g. Level 1), and 'shortName' (e.g. L1). The elevation property can be used to determine the order of the floors (first, second, etc). Elevation is 0 based, going up and down in integers representing the number of floors above or below 0, which is ground level.
         *
@@ -2288,6 +2674,14 @@ declare module '@mappedin/react-native-sdk/core/packages/get-venue/MappedinMap'
                 * @property mapGroup {MappedinMapGroup}
                 */
             get mapGroup(): MappedinMapGroup | null;
+            /**
+                * Create coordinate using mappedin units
+                * @internal
+                *
+                * @param x x of coordinate
+                * @param y y of coordinate
+                */
+            createCoordinateByXY(x: number, y: number): MappedinCoordinate;
             /**
                 * Create coordinate using lat/lon
                 *
@@ -2499,6 +2893,7 @@ declare module '@mappedin/react-native-sdk/core/packages/get-venue/MappedinDirec
 }
 
 declare module '@mappedin/react-native-sdk/core/packages/get-venue/MappedinCoordinate' {
+    import { Mappedin, MappedinNode } from '@mappedin/react-native-sdk/core/packages/get-venue';
     import type { MappedinMap } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinMap';
     /**
         * A {@link MappedinCoordinate} represents a coordinate on a map, created using lat/lon.
@@ -2506,6 +2901,7 @@ declare module '@mappedin/react-native-sdk/core/packages/get-venue/MappedinCoord
         * @class MappedinCoordinate
         */
     export class MappedinCoordinate {
+            #private;
             /**
                 * ID of Map that the Node is located on.
                 *
@@ -2530,7 +2926,7 @@ declare module '@mappedin/react-native-sdk/core/packages/get-venue/MappedinCoord
                 * Longitude
                 */
             lon: number;
-            constructor(lat: number, lon: number, x: number, y: number, map: MappedinMap | string);
+            constructor(lat: number, lon: number, x: number, y: number, map: MappedinMap | string, mappedin: Mappedin);
             /**
                 *
                 * Calculate distance between a coordinate and a {@link MappedinNode} or {@link MappedinCoordinate}
@@ -2539,6 +2935,10 @@ declare module '@mappedin/react-native-sdk/core/packages/get-venue/MappedinCoord
                 * @returns distance in meters
                 */
             absoluteDistanceTo(destination: MappedinCoordinate): number;
+            /**
+                * Get Nearest Node to Coordinate, which can then be used for navigation
+                */
+            get nearestNode(): MappedinNode;
     }
 }
 
@@ -2823,13 +3223,13 @@ declare module '@mappedin/react-native-sdk/core/packages/get-venue/Mappedin.API.
     };
 }
 
-declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Label' {
-    import './Mappedin.Label.scss';
+declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.FloatingLabel' {
+    import './Mappedin.FloatingLabel.scss';
     import BaseCollider, { ICollider, TColliderStrategy } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartCollider';
     import { Vector3 } from 'three';
     import { TDrawFn } from '@mappedin/react-native-sdk/core/packages/renderer/internal/shave-text';
     import type { MappedinPolygon } from '@mappedin/react-native-sdk/core/packages/get-venue';
-    import { MapView3DLegacy } from '@mappedin/react-native-sdk/core/packages/renderer/internal/MapView.legacy.interface';
+    import { ICore } from '@mappedin/react-native-sdk/core/packages/renderer/Core.interface';
     type TStyle = {
             top?: number;
             left?: number;
@@ -2851,7 +3251,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
             getCachedSymbol: (orientation: string, textAlign: TEXTALIGN, xCoordinate: number) => HTMLCanvasElement | OffscreenCanvas;
             draw: (context: CanvasRenderingContext2D) => void;
     }
-    export type TLabelAppearance = {
+    export type TFloatingLabelAppearance = {
             /**
                 * Margin around the label and marker. This will affect label density
                 */
@@ -2901,11 +3301,11 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
                     };
                     backgroundColor?: {
                             /**
-                                * Foreground color of the marker when it is active
+                                * Background color of the marker when it is active
                                 */
                             active?: string;
                             /**
-                                * Foreground color of the marker when it is inactive (grayed out due to being outranked by other labels around)
+                                * Background color of the marker when it is inactive (grayed out due to being outranked by other labels around)
                                 */
                             inactive?: string;
                     };
@@ -2933,7 +3333,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
                     };
             };
     };
-    export type TLabelOptions = {
+    export type TFloatingLabelOptionsInternal = {
             position?: Vector3;
             polygon: MappedinPolygon;
             polygonHeight?: number;
@@ -2945,7 +3345,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
             /**
                 * Customize the appearance of the Smart Label and its marker
                 */
-            appearance?: TLabelAppearance;
+            appearance?: TFloatingLabelAppearance;
             createDespiteImage?: boolean;
     };
     enum PINVISIBILITY {
@@ -2957,21 +3357,20 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
             CENTER = "center",
             RIGHT = "right"
     }
-    class Label extends BaseCollider implements ISmarterLabel {
-            #private;
+    class FloatingLabel extends BaseCollider implements ISmarterLabel {
             lines: number;
-            setColor: (textForegroundColor: any, textBackgroundColor?: any) => void;
             contextConfigured: boolean;
             fillText: TDrawFn | undefined;
             newStyle: {};
             style: TStyle;
+            setColor: () => void;
             clearColor: () => void;
             zoomProportion: number;
             _cache: {};
             _dirty: boolean;
             appearance: TAppearanceFilledIn;
-            mapView: MapView3DLegacy;
-            constructor(options: TLabelOptions, mapView: MapView3DLegacy);
+            mapView: ICore;
+            constructor(options: TFloatingLabelOptionsInternal, mapView: ICore);
             enable(): void;
             get strategies(): TColliderStrategy[];
             getCachedSymbol(orientation: any, textAlign: any, xCoordinate: any): any;
@@ -2983,22 +3382,22 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
             colliderDidNotFindAHome(): void;
             disable(): void;
             draw(context: CanvasRenderingContext2D): void;
-            static original: Label;
-            static clone(options: TLabelOptions, mapView: MapView3DLegacy): any;
+            static original: FloatingLabel;
+            static clone(options: TFloatingLabelOptionsInternal, mapView: ICore): any;
     }
-    export default Label;
+    export default FloatingLabel;
 }
 
 declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.BlueDot/Mappedin.BlueDot.core' {
     import FakeGeolocation from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.BlueDot/fake-geolocation';
     import { IStateMachine } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.BlueDot/Mappedin.BlueDot.StateMachine';
-    import { E_MARKER_STATE, E_BLUEDOT_STATE, E_BLUEDOT_STATE_REASON } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
+    import { E_BLUEDOT_MARKER_STATE, E_BLUEDOT_STATE, E_BLUEDOT_STATE_REASON } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
     import { IPubSub } from '@mappedin/react-native-sdk/core/packages/renderer/internal/pub-sub';
     import { PubSub } from '@mappedin/react-native-sdk/core/packages/renderer/internal/pub-sub';
     import { MappedinMap, MappedinNode } from '@mappedin/react-native-sdk/core/packages/get-venue';
     import { TGeolocationObject } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
     import { MapView } from '@mappedin/react-native-sdk/core/packages/renderer';
-    import { MapView3DLegacy } from '@mappedin/react-native-sdk/core/packages/renderer/internal/MapView.legacy.interface';
+    import { ICore } from '@mappedin/react-native-sdk/core/packages/renderer/Core.interface';
     export const DEFAULT_BLUE_DOT_COLOR = 2254591;
     export interface IPositionUpdater extends IPubSub {
             /**
@@ -3135,7 +3534,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
             /**
                 * Visiblity State of the BlueDot marker
                 */
-            markerVisibility?: E_MARKER_STATE;
+            markerVisibility?: E_BLUEDOT_MARKER_STATE;
             /**
                 * Reason why BlueDot may be in the current state
                 */
@@ -3148,7 +3547,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
     type TBlueDotProps = {
             data: any;
             mapView: MapView;
-            core: MapView3DLegacy;
+            core: ICore;
     };
     export type TLatLonProps = [number, number];
     const BlueDot: {
@@ -3160,6 +3559,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
 
 declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartTooltip' {
     import './Mappedin.SmartTooltip.scss';
+    import { COLLISION_RANKING_TIERS } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
     import HTMLCollider, { IHTMLCollider } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.HTMLCollider';
     import { Vector3 } from 'three';
     import { TColliderStrategy } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartCollider';
@@ -3195,7 +3595,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
         selector?: string;
         map: string;
         padding?: number;
-        collisionRank?: number;
+        collisionRank?: COLLISION_RANKING_TIERS;
         defaultAnchorType?: string;
         enabledAnchorTypes?: {
             [type: string]: boolean;
@@ -3235,7 +3635,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
 declare module '@mappedin/react-native-sdk/core/packages/renderer/layers/BlueDot' {
     import { MapView } from '@mappedin/react-native-sdk/core/packages/renderer/MapView';
     import { E_BLUEDOT_EVENT_PAYLOAD, E_BLUEDOT_EVENT } from '@mappedin/react-native-sdk/core/packages/renderer';
-    import { MapView3DLegacy } from '@mappedin/react-native-sdk/core/packages/renderer/internal/MapView.legacy.interface';
+    import { ICore } from '@mappedin/react-native-sdk/core/packages/renderer/Core.interface';
     import { TEnableBlueDotOptions } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
     import { PubSub } from '@mappedin/react-native-sdk/core/packages/renderer/internal/pub-sub.typed';
     class BlueDotLayer extends PubSub<E_BLUEDOT_EVENT_PAYLOAD, E_BLUEDOT_EVENT> {
@@ -3243,7 +3643,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/layers/BlueDot
             /**
                 * @private
                 */
-            constructor(mapView: MapView, core: MapView3DLegacy);
+            constructor(mapView: MapView, core: ICore);
             /**
                 * Enables Blue Dot. BlueDot then emits {@link TBlueDotStateChange} and {@link TBlueDotPositionUpdate} events via {@link E_BLUEDOT_EVENT}
                 */
@@ -3260,13 +3660,13 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/layers/Journey
     import { MapView, TJourneyOptions } from '@mappedin/react-native-sdk/core/packages/renderer';
     import { MappedinDirections } from '@mappedin/react-native-sdk/core/packages/get-venue';
     import { Journey } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Journey';
-    import { MapView3DLegacy } from '@mappedin/react-native-sdk/core/packages/renderer/internal/MapView.legacy.interface';
+    import { ICore } from '@mappedin/react-native-sdk/core/packages/renderer/Core.interface';
     class JourneyLayer {
             #private;
             /**
                 * @private
                 */
-            constructor(mapView: MapView, core: MapView3DLegacy);
+            constructor(mapView: MapView, core: ICore);
             /**
                 * Draw a Journey
                 */
@@ -3283,51 +3683,120 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/layers/Journey
     export default JourneyLayer;
 }
 
-declare module '@mappedin/react-native-sdk/core/packages/navigator/NavigationGraph' {
-    import Edge from '@mappedin/react-native-sdk/core/packages/navigator/Edge';
-    import IMap from '@mappedin/react-native-sdk/core/packages/navigator/interfaces/IMap';
-    import INode from '@mappedin/react-native-sdk/core/packages/navigator/interfaces/INode';
-    import IVortex from '@mappedin/react-native-sdk/core/packages/navigator/interfaces/IVortex';
-    export function getMapScale(map: IMap): number;
-    export function getAngle(origin: INode, destination: INode): number;
-    class NavigationGraph {
-        edges: {
-            [propName: string]: Edge[];
-        };
-        nodesById: {
-            [propName: string]: INode;
-        };
-        mapsById: {
-            [propName: string]: IMap;
-        };
-        constructor({ nodes, vortexes, maps, showVortexNames, }: {
-            nodes: INode[];
-            vortexes: IVortex[];
-            maps: IMap[];
-            showVortexNames?: boolean;
-        });
-        /**
-          * aStar takes one or more origin node ids, one or more destination node ids
-          * and returns an array of nodes that define the shortest path from an origin
-          * a destination.
-          *
-          * @param originIds array - of one or more node ids
-          * @param destinationNodeIds array - of onr or more node ids
-          * @param accessible boolean - optional, if true directions will only take accessible route, defaults to false
-          */
-        aStar(originIds: string[], destinationNodeIds: string[], accessible: boolean): Edge[];
-        getDistance(origin: INode, destination: INode): number;
-        getShortestEuclideanDistance(origin: INode, destinations: INode[]): number;
+declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.LabelAtlas' {
+    export namespace DEFAULT_LABEL_SIZING {
+        const MARGIN: number;
+        const HEIGHT_MARGIN: number;
+        const SIZE: number;
     }
-    export default NavigationGraph;
-}
-
-declare module '@mappedin/react-native-sdk/core/packages/navigator/Navigator' {
-    import Directive from '@mappedin/react-native-sdk/core/packages/navigator/Directive';
-    import Edge from '@mappedin/react-native-sdk/core/packages/navigator/Edge';
-    import ILocation from '@mappedin/react-native-sdk/core/packages/navigator/interfaces/ILocation';
-    import IMap from '@mappedin/react-native-sdk/core/packages/navigator/interfaces/IMap';
-    import INode from '@mappedin/react-native-sdk/core/packages/navigator/interfaces/INode';
+    export class Atlas {
+        layers: any[];
+        canvas: HTMLCanvasElement;
+        context: CanvasRenderingContext2D | null;
+        addLabel(map: any, lines: any, font: any, size: any, scope: any, pixelsPerScale: any): Label | undefined;
+        removeLayer(layer: any): void;
+        measure(text: any, font: any, size: any): TextMetrics;
+        onWebGLContextRestored(): void;
+        dispose(): void;
+    }
+    export class FlatLabel {
+        constructor(options: any, venue: any, mapObject: any, DEFAULT_FONT: any, polygonMeshesById: any, textLabelsByPolygonId: any, mapView: any, scope: any, atlas: any);
+        text: any;
+        stateText: string;
+        font: any;
+        atlas: any;
+        canvasBounds: any;
+        mapScale: any;
+        margin: number;
+        heightMargin: number;
+        scaleMin: any;
+        scaleStep: any;
+        multiline: any;
+        height: number | null;
+        polygonMeshesById: any;
+        polyId: any;
+        map: any;
+        color: Color;
+        baseColor: Color;
+        hideOnCreate: boolean;
+        hoverLabelText: any;
+        fontSize: number;
+        hoverLabelMode: any;
+        hoverLabelClass: any;
+        showHoverLabel: boolean;
+        hoverIfLabelFails: boolean;
+        textLabelsByPolygonId: any;
+        create(): void;
+        invalid: boolean | undefined;
+        label: any;
+        created: boolean | undefined;
+        flipIfNeeded(cameraAngle: any): void;
+        removeSelf(bulk: any): void;
+        doNotCreate: boolean | undefined;
+        setColor(textColor: any): void;
+        clearColor(): void;
+        hide(): void;
+        show(): void;
+        toString(): any;
+    }
+    class Label {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        layer: any;
+        index: any;
+        layout(map: any, origin: any, size: any, rotation: any, uv: any, color: any): void;
+    }
+    import { Color } from "three/src/math/Color";
+    export {};
+}
+
+declare module '@mappedin/react-native-sdk/core/packages/navigator/NavigationGraph' {
+    import Edge from '@mappedin/react-native-sdk/core/packages/navigator/Edge';
+    import IMap from '@mappedin/react-native-sdk/core/packages/navigator/interfaces/IMap';
+    import INode from '@mappedin/react-native-sdk/core/packages/navigator/interfaces/INode';
+    import IVortex from '@mappedin/react-native-sdk/core/packages/navigator/interfaces/IVortex';
+    export function getMapScale(map: IMap): number;
+    export function getAngle(origin: INode, destination: INode): number;
+    class NavigationGraph {
+        edges: {
+            [propName: string]: Edge[];
+        };
+        nodesById: {
+            [propName: string]: INode;
+        };
+        mapsById: {
+            [propName: string]: IMap;
+        };
+        constructor({ nodes, vortexes, maps, showVortexNames, }: {
+            nodes: INode[];
+            vortexes: IVortex[];
+            maps: IMap[];
+            showVortexNames?: boolean;
+        });
+        /**
+          * aStar takes one or more origin node ids, one or more destination node ids
+          * and returns an array of nodes that define the shortest path from an origin
+          * a destination.
+          *
+          * @param originIds array - of one or more node ids
+          * @param destinationNodeIds array - of onr or more node ids
+          * @param accessible boolean - optional, if true directions will only take accessible route, defaults to false
+          */
+        aStar(originIds: string[], destinationNodeIds: string[], accessible: boolean): Edge[];
+        getDistance(origin: INode, destination: INode): number;
+        getShortestEuclideanDistance(origin: INode, destinations: INode[]): number;
+    }
+    export default NavigationGraph;
+}
+
+declare module '@mappedin/react-native-sdk/core/packages/navigator/Navigator' {
+    import Directive from '@mappedin/react-native-sdk/core/packages/navigator/Directive';
+    import Edge from '@mappedin/react-native-sdk/core/packages/navigator/Edge';
+    import ILocation from '@mappedin/react-native-sdk/core/packages/navigator/interfaces/ILocation';
+    import IMap from '@mappedin/react-native-sdk/core/packages/navigator/interfaces/IMap';
+    import INode from '@mappedin/react-native-sdk/core/packages/navigator/interfaces/INode';
     import IVortex from '@mappedin/react-native-sdk/core/packages/navigator/interfaces/IVortex';
     export enum E_MESSAGES {
         NO_VALID_PATH = "No Valid Path Available"
@@ -3436,302 +3905,191 @@ declare module '@mappedin/react-native-sdk/core/packages/navigator/Directive' {
     export default Directive;
 }
 
-declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/MapView.legacy.interface' {
-    import { Mappedin, MappedinDirections, MappedinLocation, MappedinNode, MappedinMap, MappedinPolygon, MappedinCoordinate } from '@mappedin/react-native-sdk/core/packages/get-venue';
-    import CameraControls from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.CameraControls';
-    import { Vector2, Vector3 } from 'three';
-    import Tween, { Easing } from '@tweenjs/tween.js';
-    import Label from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Label';
-    import { AtlasTextLabel } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.LabelAtlas';
-    import SmartTooltip, { TOOLTIP_ANCHOR } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartTooltip';
-    import Tooltip from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartTooltip';
-    import Marker from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Marker';
-    import { changeListenerFn, TCreateMarkerOptions, TJourneyOptions, TLabelAllLocationLegacyLabelOptions, TLabelAllLocationLabelOptions, TLegacyLabelOptions, TMapViewOptions, TPadding, TLabelPolygonOptions } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
-    import { STATE } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
-    import { COLLISION_RANKING_TIERS } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
-    import { TPathOptions } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
-    import RENDER from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.RenderTasks';
-    import { INTERNAL_EVENT_PAYLOAD } from '@mappedin/react-native-sdk/core/packages/renderer/MapView';
-    export type TFocusOptionsLegacy = {
+declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/pub-sub.typed' {
+    export class PubSub<EVENT_PAYLOAD, EVENT extends keyof EVENT_PAYLOAD> {
             /**
-                * An array of Nodes to focus in on
+                * @private
                 */
-            nodes?: MappedinNode[];
+            _subscribers: any;
             /**
-                * An array of Polygons to focus on. It's the center of the bounds of all Polygons, designed to fit everything into view.
+                * @private
                 */
-            polygons?: MappedinPolygon[] | string[];
+            publish<EVENT_NAME extends EVENT>(eventName: EVENT_NAME, data?: EVENT_PAYLOAD[EVENT_NAME]): void;
+            on<EVENT_NAME extends EVENT>(eventName: EVENT_NAME, fn: (payload: EVENT_PAYLOAD[EVENT_NAME] extends {
+                    data: null;
+            } ? EVENT_PAYLOAD[EVENT_NAME]['data'] : EVENT_PAYLOAD[EVENT_NAME]) => void): void;
+            off<EVENT_NAME extends keyof EVENT_PAYLOAD>(eventName: EVENT_NAME, fn: (payload: EVENT_PAYLOAD[EVENT_NAME]) => void): void;
             /**
-                * The duration the focus animation should last for.
-                * @defaultValue `100`
+                * @private
                 */
-            duration?: number;
+            destroy(): void;
+    }
+}
+
+declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.CameraControls' {
+    export default CameraControls;
+    /**
+      * The advanced, manual camera controls for {{#crossLink "MapView"}}{{/crossLink}}. You probably don't need to use this at all, instead relying on the MapView's {{#crossLink "MapView/focusOn:method"}}{{/crossLink}}, {{#crossLink "MapView/resetCamera:method"}}{{/crossLink}} and built in touch/mouse controls.
+      * This class will let you do things like change the min/max zoom, tilt, and pan, attach to camera events, and move/animate the camera to specifc points.
+      *
+      * The camera works by setting an anchor point on the scene at ground level and pointing the camera at it. {{#crossLink "CameraControls/zoom:method"}}{{/crossLink}} controls how far the camera is from the anchor, and {{#crossLink "CameraControls/tilt:method"}}{{/crossLink}}/{{#crossLink "CameraControls/rotate:method"}}{{/crossLink}} controls the angle the camera is rotated about it.
+      * The camera will always be pointed directly at the anchor point. {{#crossLink "CameraControls/pan:method"}}{{/crossLink}} or {{#crossLink "CameraControls/setPosition:method"}}{{/crossLink}} will move that anchor around on the 2D ground plane.
+      *
+      * Created for you automatically with a MapView, don't re-create yourself.
+      * @type {any}
+      *
+      * @class CameraControls
+      */
+    let CameraControls: any;
+}
+
+declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.RenderTasks' {
+    export default RENDER;
+    namespace RENDER {
+        const ANIMATED: string;
+        const ALWAYS_ON_TOP: string;
+        const ALL: string;
+        const TWEEN: string;
+    }
+}
+
+declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView' {
+    import './internal/Mappedin.css';
+    import { Mappedin, MappedinCoordinate, MappedinLocation, MappedinMap, MappedinNode, MappedinPolygon } from '@mappedin/react-native-sdk/core/packages/get-venue';
+    import { E_SDK_EVENT_PAYLOAD, TCreateCustomInnerHTMLTooltipOptions, TCreateCustomTooltipOptions, TCreateMarkerOptions, TCreateTextTooltipOptions, TLabelAllLocationFlatLabelOptions, TLabelAllLocationFloatingLabelOptions, TFloatingLabelPolygonOptions, TMapViewOptions, TPathOptions } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
+    import { E_SDK_EVENT, STATE } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
+    import FloatingLabel from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.FloatingLabel';
+    import Marker from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Marker';
+    import SmartTooltip from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartTooltip';
+    import Camera from '@mappedin/react-native-sdk/core/packages/renderer/Camera';
+    import { PubSub } from '@mappedin/react-native-sdk/core/packages/renderer/internal/pub-sub.typed';
+    import BlueDotLayer from '@mappedin/react-native-sdk/core/packages/renderer/layers/BlueDot';
+    import JourneyLayer from '@mappedin/react-native-sdk/core/packages/renderer/layers/Journey';
+    import { ThreeJSMarkerHandle } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.MapObject';
+    import { TCreateThreeDMarkerOptions, TFlatLabel, TFlatLabelPolygonOptions, TFloatingLabel } from '@mappedin/react-native-sdk/core/packages/renderer';
+    export enum INTERNAL_EVENT {
+            CAMERA_MOVING = 0,
+            SET_BLUE_DOT_SIZE_FROM_ZOOM = 1,
+            PUBLISH_BLUE_DOT = 2,
+            SET_STATE_SILENT = 3,
+            BLUE_DOT_UPDATE_POSITION = 4,
+            BLUE_DOT_SET_FOLLOWING = 5,
+            CLEAR_MOUSE = 6
+    }
+    export type INTERNAL_EVENT_PAYLOAD = {
+            [INTERNAL_EVENT.CAMERA_MOVING]: any;
+            [INTERNAL_EVENT.SET_BLUE_DOT_SIZE_FROM_ZOOM]: number;
+            [INTERNAL_EVENT.PUBLISH_BLUE_DOT]: undefined;
+            [INTERNAL_EVENT.CLEAR_MOUSE]: undefined;
+            [INTERNAL_EVENT.SET_STATE_SILENT]: {
+                    state: STATE;
+            };
+            [INTERNAL_EVENT.BLUE_DOT_UPDATE_POSITION]: {
+                    x: number;
+                    y: number;
+            };
+            [INTERNAL_EVENT.BLUE_DOT_SET_FOLLOWING]: boolean;
+    };
+    export class MapView extends PubSub<E_SDK_EVENT_PAYLOAD, E_SDK_EVENT> {
+            #private;
+            currentPath?: MappedinNode[];
+            BlueDot: BlueDotLayer;
+            Journey: JourneyLayer;
+            Camera: Camera;
+            options: TMapViewOptions;
+            constructor(container: HTMLElement, venue: Mappedin, options?: TMapViewOptions & {
+                    onFirstMapLoaded: () => void;
+            });
             /**
-                * Whether to zoom the camera in or out, or just pan it.
-                * @defaultValue `true`
+                * Label all Locations using 2D floating labels
                 */
-            changeZoom?: boolean;
+            labelAllLocations(options?: TLabelAllLocationFloatingLabelOptions): FloatingLabel[];
             /**
-                * The animation curve to use for zooming in. Uses the animateCamera one by default.
+                * Labels all Locations, in order of distance from the center of the Map. See {@link MapView.labelPolygon} for available label options.
+                * The options are all optional, as the text and Polygon properties will be set for each Location.
                 */
-            curve?: typeof Easing;
+            labelAllLocations(options?: TLabelAllLocationFlatLabelOptions): TFlatLabel[];
             /**
-                * Camera tilt between 0 (top-down) to 1 (from the side)
+                * Labels a specific Polygon using a floating 2D label that remains the same size regardless of zoom
                 */
-            tilt?: number;
+            labelPolygon(polygonOrPolygonId: MappedinPolygon | MappedinPolygon['id'], options: TFloatingLabelPolygonOptions): TFloatingLabel;
             /**
-                * Rotation in degrees
+                * Labels a specific Polygon (or area of 3D space) with a TextLabel that lives in 3D space. That means it will be smaller when the camera is further away, and the angle you see it at will change with the camera.
+                * The text will flip 180 degrees when the camera rotates so it's never totally upside-down.
+                *
+                * It also sets the hover label (in 2D and 3D).
+                * Many of these options do nothing in 2D, as TextLabels are not supported, but it won't break anything.
+                *
+                * You must provide text, and either a Polygon, or a canvasBounds and height
                 */
-            rotation?: number;
+            labelPolygon(polygonOrPolygonId: MappedinPolygon | MappedinPolygon['id'], options: TFlatLabelPolygonOptions): TFlatLabel;
             /**
-                * You can overide the {{#crossLink "MapView/focusZoomFactor:property"}}{{/crossLink}} for a specific {{#crossLink "MapView/focusOn:method"}}{{/crossLink}} call, rather than globally, if you like.
+                * Get Nearest Node to a screen coordinate x, y, map. Useful for doing directions from any place on the map
+                *
+                * @param x
+                * @param y
+                * @param mapOrMapId Map of MapId
                 */
-            focusZoomFactor?: number;
+            getNearestNodeByScreenCoordinates(x: number, y: number, mapOrMapId?: MappedinMap | MappedinMap['id']): MappedinNode;
             /**
-                * Sets a floor for how close you can zoom in on the scene. If it's lower than mapView.controls.minZoom, it's ignored.
-                * @defaultValue: 0
+                * Add a ThreeJS object to the screen to be rendered on the marker layer.
                 */
-            minZoom?: number;
-            padding?: TPadding;
-            points?: any[];
-    };
-    export interface MapView3DLegacy {
-            new (container: HTMLElement, venue: Mappedin, options?: TMapViewOptions): MapView3DLegacy;
+            createThreeJSMarker(options: TCreateThreeDMarkerOptions): ThreeJSMarkerHandle;
             /**
-                * @internal
+                * Remove a ThreeJS marker from the scene. This will be a no-op if the
+                * map object associated with the marker has been destroyed.
+                *
+                * @param markerHandle marker to remove
+                * @return true if the marker was removed, false if the marker or its map had already been removed
                 */
-            currentScale: number;
-            cachedPadding: any;
-            polygonMeshesById: any;
-            textLabelsByPolygonId: any;
-            renderer: any;
-            scene: any;
-            cameraParameters: Vector2;
-            resolution: Vector2;
-            determineNewLabelSize: any;
-            getNearestNodeByScreenCoordinates(x: number, y: number, map?: MappedinMap | MappedinMap['id']): MappedinNode | undefined;
-            on<EVENT_NAME extends keyof INTERNAL_EVENT_PAYLOAD>(eventName: EVENT_NAME, fn: changeListenerFn<INTERNAL_EVENT_PAYLOAD[EVENT_NAME]>): void;
-            off<EVENT_NAME extends keyof INTERNAL_EVENT_PAYLOAD>(eventName: EVENT_NAME, fn: changeListenerFn<INTERNAL_EVENT_PAYLOAD[EVENT_NAME]>): void;
-            publish<EVENT_NAME extends keyof INTERNAL_EVENT_PAYLOAD>(eventName: EVENT_NAME, payload?: INTERNAL_EVENT_PAYLOAD[EVENT_NAME]): void;
-            /**
-                * Set MapView3D state
-                */
-            setState(state: STATE): void;
-            readonly state: STATE;
-            /**
-                * Create Journey using a set of Directions.
-                * Draws path, adds markers and ranks labels .Singleton
-                * @deprecated Use {@link IMapView3D.Journey.draw} instead
-                */
-            createJourney(directions: MappedinDirections, options: TJourneyOptions): void;
+            removeThreeJSMarker(markerHandle: ThreeJSMarkerHandle): boolean;
             /**
-                * Clears Journey
-                * @deprecated Use {@link IMapView3D.Journey.clear} instead
+                * Remove all ThreeJS marker from the scene.
                 */
-            clearJourney(): void;
+            removeAllThreeJSMarkers(): void;
             /**
-                * Manual camera controls for MapView. Generally you should be using the functions on MapView like {{#crossLink "MapView/focusOn:method"}}{{/crossLink}},
-                * but if you have some cool animations in mind, you can do it with the {{#crossLink "CameraControls"}}{{/crossLink}}.
-                * Some of the functions don't do anything in 2D.
-                *
+                * Unsubscribe from SDK events
                 */
-            controls?: typeof CameraControls;
-            /**
-                * These are the default colours used by the MapView to control things like path and selection. You can override these here
-                * to quickly style your app, but most of them can also be set (especially for special cases) in their respective functions.
-                * The only value that MUST be set here is `hover`.
-                *
-                * @property colors {Object}
-                * 	@property colors.hover {Integer} The color a polygon changes to on mouse over. Defaults to `0xcccccc`
-                *	@property colors.select The color used when you call setPolygonColor with no color parameter. Defaults to `0x4ca1fc`
-                *	@property colors.text The color used for TextLabels, if you don't specify it in labelAllLocations/labelPolygons. Defaults to `0x000000`
-                *	@property colors.path The color used for the path in drawPath/drawPathSegment if you don't specify it there. Defaults to `0xff834c`
-                *	@property colors.pathPulse The color of the animated path pulse if not specified in drawPath/drawPathSegment. Defaults to `0xffffff`
-                *	@property colors.textSelect The color a TextLabel is set to when you call setPolygonColor, if you don't specify it there. Defaults to `0xffffff`
-                */
-            colors: {
-                    defaultHover2D?: number;
-                    select?: number;
-                    text?: number;
-                    path?: number;
-                    pathPulse?: number;
-                    textSelect?: number;
-            };
+            setState(state: STATE): void;
+            get state(): STATE;
             /**
                 * The Venue data this MapView is using.
                 *
                 * @property venue {MappedinVenue}
                 * @final
                 */
-            readonly venue: Mappedin;
+            get venue(): Mappedin;
             /**
                 * The div MapView is using.
                 *
                 * @property container {Div}
                 * @final
                 */
-            readonly container: HTMLElement;
+            get container(): HTMLElement;
             /**
-                * The ID of the Map currently being displayed.
-                *
+                * The current map being displayed
                 */
-            readonly currentMap: string;
+            get currentMap(): MappedinMap;
             /**
                 * Remove all interactive polygons
                 */
             removeAllInteractivePolygons(): void;
-            /**
-                * Change this factor to influence how much the camera zooms in on a {@link IMapView3D.focusOn} call.
-                *
-                * @property focusZoomFactor {Integer}
-                * @default 3
-                */
-            focusZoomFactor: number;
             /**
                 * Change the currently displayed Map to a new one.
                 *
                 * @method setMap
                 * @param mapOrMapId The Map ID or Map Object to change the Map to.
-                * @param callback Legacy - use promise instead
-                */
-            setMap(mapOrMapId: MappedinMap | string, cb?: () => void): Promise<null>;
-            /**
-                * Adds a Map
-                * @method addMap
-                * @param map {MappedinMap} Map to add
-                */
-            addMap(map: MappedinMap): void;
-            /**
-                * Removes a Map
-                *
-                * @method removeMap
-                * @param mapOrMapId map to remove
-                */
-            removeMap(mapOrMapId: MappedinMap | string): void;
-            /**
-                * Moves the camera to focus in on a specific Polygon
-                */
-            focusOnPolygon(props: {
-                    /**
-                        * The Polygon or Polygon ID to focus on. The camera will move to the centroid of Polygon.
-                        */
-                    polygonOrPolygonId: MappedinPolygon | string;
-                    /**
-                        * Whether to zoom the camera in or out so it fits the Polygon's bounds. Scaled by {@link IMapView3D.focusZoomFactor}.
-                        * @default false
-                        */
-                    changeZoom?: boolean;
-                    /**
-                        * The time the camera should spend moving, in milliseconds.
-                        * @default 100
-                        */
-                    duration?: number;
-                    /**
-                        * The animation curve to use.
-                        * @default Easing.Quadratic.In
-                        */
-                    curve?: typeof Easing;
-            }): Tween;
-            /**
-                * Moves the camera to focus on an entire path and optionally it's starting and ending Polygon.
-                */
-            focusOnPath(props: {
-                    /**
-                        * The Nodes to fit the camera to.
-                        */
-                    path?: MappedinNode[];
-                    /**
-                        * The Polygon or Polygon ID to focus on. The camera will move to the centroid of Polygon.
-                        */
-                    polygonsOrPolygonIds?: MappedinPolygon[] | string[];
-                    /**
-                        * Whether to zoom the camera in or out so it fits the Polygon's bounds. Scaled by {@link IMapView3D.focusZoomFactor}.
-                        * @default false
-                        */
-                    changeZoom?: boolean;
-                    /**
-                        * The time the camera should spend moving, in milliseconds.
-                        * @default 100
-                        */
-                    duration?: number;
-                    /**
-                        * The animation curve to use.
-                        * @default Easing.Quadratic.In
-                        */
-                    curve?: typeof Easing;
-            }): Tween;
-            /**
-                * A flexible function that will let you focus on collections of Nodes and/or Polygons.
-                * This will move the camera to the center of all items passed in, and by default.
-                * zoom the camera in or out to fit everything in view, scaled by {@link IMapView3D.focusZoomFactor}.
-                */
-            focusOn(options: TFocusOptionsLegacy): Tween;
-            /**
-                * Zoom out to show the entire Map.
-                */
-            showEntireMap(options: TFocusOptionsLegacy): Promise<typeof Tween>;
-            /**
-                * Set the padding to be used in future zoom calls.
-                */
-            setPadding(padding: TPadding): void;
-            /**
-                * Returns the value you should call {@link CameraControls.setZoom} on to fit the Polygon exactly.
-                *
-                * @return The zoom level that will fit the Polygon
-                */
-            getZoomLevelForPolygon(props: {
-                    /**
-                        * The Polygon or Polygon ID to get the zoom level for
-                        */
-                    polygonOrPolygonId: MappedinPolygon | string;
-            }): number;
-            /**
-                * Returns the value you should call {@link CameraControls.setZoom} on to fit the {@link IMapView3D.currentMap} exactly.
-                *
-                * @return The zoom level that will fit the {@link IMapView3D.currentMap}.
-                */
-            getZoomLevelForCurrentMap(): number;
-            /**
-                * Resets the pan, tilt and rotation of the camera and sets the zoom to fit the {@link IMapView3D.currentMap}.
-                *
-                * @param [forceOrigin=false] {Boolean} Flag to forcibly reset the camera to origin (0, 0) instead of the centre of the map's bounding box.
-                */
-            resetCamera(forceOrigin?: boolean): void;
-            /**
-                * Returns the angle that points to north, in radians, from the default orientation.
-                *
-                * @return The angle to north from the default orientation, in radians.
-                */
-            getNorth(): number;
-            /**
-                * Takes an element on the DOM and rotates it such that the top is pointing north. It will rotate with the camera, staying locked
-                * on north. If you would like to align it do a different direction, or a different side of the element, pass in an offset. This
-                * is how you would do a compass rose.
-                *
-                * This will modify your element's transform.
-                *
-                * @param element The element on the page to rotate.
-                * @param offset The amount to offset the rotation by, in radians.
-                *
-                */
-            lockNorth(element: HTMLElement, offset?: number): void;
-            /**
-                * Stops the MapView from trying to rotate your element with the camera. Do this if you remove the element, or want to stop it from rotating.
-                * @param element The node to stop rotating. It won't reset the transform, just leave it as is.
                 */
-            unlockNorth(element: HTMLElement): void;
+            setMap(mapOrMapId: MappedinMap | string): Promise<null>;
             /**
                 * Given a polygon/polygon id, set it to a specific color, and set any text label associated with that polygon to another color.
                 *
                 * @param polygonOrPolygonId The Polygon/Polygon ID to change the color of.
-                * @param [color=IMapView3D.colors.select] The color to use.
-                * @param [textColor=IMapView3D.colors.textSelect]
+                * @param color The color to use.
+                * @param textColor
+                * @param opacity
                 */
             setPolygonColor(polygonOrPolygonId: MappedinPolygon | string, color: string, textColor?: string, opacity?: number): void;
-            currentInteractionEvent: string;
-            interactivePolygons: any;
-            highlightedPolygons: any;
-            cameraPlane: any;
             /**
                 * Resets a Polygon back to it's original color.
                 * If the user is hovering over a polygon, it will still have the hover effect.
@@ -3740,7 +4098,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/MapVi
                 */
             clearPolygonColor(polygonOrPolygonId: MappedinPolygon | string): void;
             /**
-                * Resets ALL Polygons you have changed with {@link IMapView3D.setPolygonColor} back to their original color.
+                * Resets ALL Polygons you have changed with {@link MapView.setPolygonColor} back to their original color.
                 * The hover effect will still be present if the user is currently hovering over a Polygon.
                 */
             clearAllPolygonColors(): void;
@@ -3751,7 +4109,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/MapVi
             addInteractivePolygon(polygonOrPolygonId: MappedinPolygon | string): void;
             /**
                 * Makes all polygons attached to a location hoverable/clickable. Polygons you haven't called this on will be treated as non-interactive
-                * This is a convenience function for calling {@link IMapView3D.addInteractivePolygon} on all the polygons attached to all locations. You may also make individual polygons interactive with the addInteractivePolygon method instead of, or in addition to this method.
+                * This is a convenience function for calling {@link MapView.addInteractivePolygon} on all the polygons attached to all locations. You may also make individual polygons interactive with the addInteractivePolygon method instead of, or in addition to this method.
                 *
                 */
             addInteractivePolygonsForAllLocations(options?: {
@@ -3770,85 +4128,40 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/MapVi
                 * @param polygonOrPolygonId  The previously interactive Polygon/Polygon ID to make non-interactive.
                 */
             removeInteractivePolygon(polygonOrPolygonId: MappedinPolygon | string): void;
-            /**
-                * This is called when an interactive Polygon is clicked on.
-                * You will almost certainly want to replace this with your own function in your client app.
-                * Return "false" if you have consumed the event and it shouldn't bubble down to other Polygons beneath this one.
-                *
-                * @param polygonId polygonId passed in when tapping an interactive polygon
-                */
-            onPolygonClicked(polygonId: string): boolean | void;
-            onMapChanged(map: string): void;
-            /**
-                * This is fired when the user taps/clicks on the MapView without hitting an interactive Polygon.
-                * You will almost certainly want to replace this with your own function in your client app.
-                * You would probably use this to clear any Polygon highlighting, in certain situations.
-                */
-            onNothingClicked(): void;
             /**
                 * Attach any HTML to a {@link MappedinNode}, and have the marker interact and collide with smart labels and tooltips
-                * @beta
                 */
-            createMarker(node: MappedinNode | MappedinCoordinate, contentHtml: string, options?: TCreateMarkerOptions): Marker;
+            createMarker(nodeOrCoordinate: MappedinNode | MappedinCoordinate, contentHtml: string, options?: TCreateMarkerOptions): Marker;
             /**
-                *
+                * Remove Marker
                 */
-            removeMarker(marker: Marker | Marker['id']): void;
+            removeMarker(markerOrMarkerId: Marker | Marker['id']): void;
             /**
                 * Removes all Markers (from all Maps, not just the current one).
                 *
-                * @method removeAllMarkers
                 */
             removeAllMarkers(): void;
             /**
-                * Takes an x/y pair in Mappedin coordinate space and gives you an object suitable to use as a Marker's position.
-                * **Be careful about using this:** The coordinate system could change arbitrarily and without notice. You are better off
-                * using a specific Node or Polygon as an anchor. If you need to use this for some reason, talk to your Mappedin representative.
-                *
-                * @private
-                * @param mappedInCoordinate A coordinate in Mappedin 2D space.
-                * @return The position to anchor a Marker in 3D space.
-                */
-            convertTo3DMapPosition(mappedInCoordinate: {
-                    x: number;
-                    y: number;
-            }): Vector3;
-            /**
-                * Gives you the top center of a Polygon in 3d scene space. Suitable for use as a {@link Marker}'s position.
-                *
-                * @param polygonOrPolygonId Either the Polygon or Polygon ID you want the center of.
-                * @return The position to anchor a Marker in 3D space.
-                */
-            getPositionPolygon(polygonOrPolygonId: MappedinPolygon | string): Vector3;
-            /**
-                * Gets a position (to anchor a {{#crossLink "Marker"}}{{/crossLink}} usually) from a latitude and longitude.
-                *
-                * @method getPositionLatLon
-                * @param latitude Latitude of position
-                * @param longitude Longitude of position
-                * @returns A position you can use with a Marker either initially or to update later when the user (for example) moves
-                */
-            getPositionLatLon(latitude: number, longitude: number, map?: MappedinMap | string): Vector3;
-            /**
-                * Gives you the position of a Mappedin node in the 3D scene. Suitable for use as a {@link Marker}'s position.
-                *
-                * @param nodeOrNodeId Either the Node or Node ID you want the center of.
-                * @return The position to anchor a marker in 3D space.
+                * Remove all tooltips
                 */
-            getPositionNode(nodeOrNodeId: MappedinNode | string): Vector3;
+            removeAllTooltips(): void;
             /**
                 * A polygon can have state that renders the concept of being "closed", which is a generic blanket
                 * term that can be used in general to inform the user that they can expect this polygon to not be
                 * servicing customers.
-                *
-                * @param options {Object}
-                *		@param options.polygon The polygon or polygon id whose state is being updated.
-                *		@param options.closed If true, the polygon will be marked as being closed. If false, the polygon will be marked as being open.
-                *		@param options.open If true, a convenience parameter that is the converse of `options.closed`. Note that if both are present, `closed` will receive higher precedence.
                 */
             updateClosedStateForPolygon(options: {
+                    /**
+                        * The polygon or polygon id whose state is being updated.
+                        */
                     polygon: MappedinPolygon | string;
+                    /**
+                        * If true, the polygon will be marked as being closed. If false, the polygon will be marked as being open.
+                        */
                     closed: boolean;
+                    /**
+                        * If true, a convenience parameter that is the converse of `options.closed`. Note that if both are present, `closed` will receive higher precedence.
+                        */
                     open?: boolean;
             }): void;
             /**
@@ -3856,29 +4169,6 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/MapVi
                 *
                 */
             openAllPolygons(): void;
-            /**
-                * Labels a specific Polygon (or area of 3D space) with a TextLabel that lives in 3D space. That means it will be smaller when the camera is further away, and the angle you see it at will change with the camera.
-                * The text will flip 180 degrees when the camera rotates so it's never totally upside-down.
-                *
-                * It also sets the hover label (in 2D and 3D).
-                * Many of these options do nothing in 2D, as TextLabels are not supported, but it won't break anything.
-                *
-                * You must provide text, and either a Polygon, or a canvasBounds and height
-                * */
-            labelPolygon(polygonOrPolygonId: MappedinPolygon | MappedinPolygon['id'], options: TLegacyLabelOptions): AtlasTextLabel;
-            /**
-                * Labels a specific Polygon using a floating 2D label that remains the same size regardless of zoom
-                */
-            labelPolygon(polygonOrPolygonId: MappedinPolygon | MappedinPolygon['id'], options: TLabelPolygonOptions): Label;
-            /**
-                * Labels all Locations, in order of distance from the center of the Map. See {{#crossLink "MapView/labelPolygon:method"}}{{/crossLink}} for available label options.
-                * The options are all optional, as the text and Polygon properties will be set for each Location.
-                */
-            labelAllLocations(options?: TLabelAllLocationLegacyLabelOptions): AtlasTextLabel[];
-            /**
-                * Label all Locations using 2D floating labels
-                */
-            labelAllLocations(options?: TLabelAllLocationLabelOptions): Label[];
             /**
                 * Removes all labels from all Maps.
                 *
@@ -3897,54 +4187,17 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/MapVi
                 *
                 * @return The Tooltip you created, which has already been added to the scene.
                 */
-            createTooltip(node: MappedinNode | MappedinCoordinate, options: {
-                    /**
-                        * Pass in custom html for your marker, if using this method you must also pass in a selector for your content.
-                        */
-                    html?: string;
-                    /**
-                        * Used in conjuction with the html property to select the div for repositioning
-                        */
-                    selector?: string;
-                    /**
-                        * Use mappedin's default tooltip styling with custom inner html content
-                        */
-                    contentHtml?: string;
-                    /**
-                        * Instead of passing html pass in plain text to be displayed in the tooltip
-                        */
-                    text?: string;
-                    /**
-                        * should be something you got from {@link IMapView3D.getPositionPolygon} or {@link IMapView3D.getPositionNode}.
-                        */
-                    position: Vector3;
-                    /**
-                        * The map ID where the tooltip should be displayed
-                        */
-                    map: string;
-                    /**
-                        * The distance in pixel to offset the tooltip from the anchor point.
-                        */
-                    padding?: number;
-                    /**
-                        * An object used to disable certain anchor positions from being used.
-                        */
-                    enabledAnchorTypes?: TOOLTIP_ANCHOR;
-                    /**
-                        * Default (starting) anchor for tooltips
-                        */
-                    defaultAnchorType?: keyof TOOLTIP_ANCHOR;
-                    /**
-                        * The rank of the object used when comparing colliders to determine which should be shown.
-                        */
-                    collisionRank?: COLLISION_RANKING_TIERS;
-            }): Tooltip;
+            createTooltip(
+            /**
+                * Node or Coordinate to attach the tooltip to
+                */
+            node: MappedinNode | MappedinCoordinate, options: TCreateTextTooltipOptions | TCreateCustomInnerHTMLTooltipOptions | TCreateCustomTooltipOptions): SmartTooltip;
             /**
                 * Removes a {@link Tooltip} you have added previously.
                 *
-                * @param tooltip {Tooltip} A Tooltip that has previously been returned from {@link IMapView3D.createTooltip}.
+                * @param tooltipOrTooltipId A Tooltip that has previously been returned from {@link MapView.createTooltip}.
                 */
-            removeTooltip(tooltip: SmartTooltip | SmartTooltip['id']): void;
+            removeTooltip(tooltipOrTooltipId: SmartTooltip | SmartTooltip['id']): void;
             /**
                 * Let any image attached to a Polygon attached to a Location flip 180 degrees with the camera so it's always upright.
                 *
@@ -3959,7 +4212,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/MapVi
                         */
                     excludeTypes?: string[];
                     /**
-                        * An array of Location objects, or Location IDs. If excludeTypes is not sufficient you can explicitly set the Locations you are marking to flip. You can also call {@link IMapView3D.enableImageFlippingForPolygon} manually for every polygon you care about instead.
+                        * An array of Location objects, or Location IDs. If excludeTypes is not sufficient you can explicitly set the Locations you are marking to flip. You can also call {@link MapView.enableImageFlippingForPolygon} manually for every polygon you care about instead.
                         */
                     locations?: MappedinLocation[] | string[];
             }): void;
@@ -3977,68 +4230,41 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/MapVi
                         */
                     rotation?: number;
             }): void;
-            /**
-                * Create a font for use in 3D by passing in a JSON object generated from https://gero3.github.io/facetype.js/
-                * Ignored in 2D, retuning null
-                *
-                * @deprecated Use static method {@link IMapView3D.createFont} instead
-                * @param facetypeJson Convert a font into JSON with Facetype.js, and put it in here.
-                * @return {Font} Returns the ThreeJS Font object created with the JSON, or null in 2D
-                */
-            createFont(facetypeJson: unknown): unknown;
-            /**
-                * Calculates the length of the connected path in list of Nodes. Breaks in the path (to go to other floors) count as 0 distance. The Z value is also ignored.
-                *
-                * @param path An array of Nodes on a path, probably from a Node's {{#crossLink "MappedinNode/directionsTo:method"}}{{/crossLink}} call.
-                * @return The 2D length of the path
-                */
-            getPathLength(path: MappedinNode[]): number;
+            disableImageFlippingForAllPolygons(): void;
             /**
                 * Draws an entire path. It takes a list of Nodes and will break them into separate pathSegments on every map change, putting the resultant segment on the right Map.
                 *
-                * If you have a special use case (like off graph nodes, or Venues with same Vortexes) use the {{#crossLink "MapView/drawPathSegment:method"}}{{/crossLink}} function.
-                *
-                * Returns an array of pathSegments if you want to customize the animation triggers. The pathSegements are added to the scene, chained together, and start animating automatically.
-                *
                 * @param path An array of Nodes, probably from a Node's {@link MappedinNode.directionsTo} call.
-                * @param A list of style options for the path. Not everything is supported in 2D. See drawPath for available options. Note that drawDuration is per segment.
-                * @return An array of pathSegments.
+                * @return An array of pathSegment ids.
                 */
             drawPath(path: MappedinNode[], options?: TPathOptions): string;
+            /**
+                * Remove a path by id
+                */
             removePath(pathId: string): void;
-            smartCollisionEngine: any;
-            mapObjects: any;
             /**
                 * Removes all pathSegments from all Maps.
                 *
                 */
             removeAllPaths(): void;
-            /**
-                * Remove all tooltips
-                */
-            removeAllTooltips(): void;
             /**
                 * Sets the clear color of the Map something else, it you want it to fit it more with your website. Otherwise the div will be white where there is no Map visible.
                 *
                 * @param color The color to use. Not an HTML color name.
-                * @param [alpha=1] Opacity between 0 and 1.
+                * @param alpha Opacity between 0 and 1.
                 */
             setBackgroundColor(color: number | string, alpha?: number): void;
+            /**
+                * Sets the color for hovering over polygons
+                */
+            setHoverColor(color: number | string): void;
             /**
                 * The scene only renders when something has changed. This should be something a 3rd party developer doesn't need to worry about,
                 * but if you are doing something weird, or have your own special tween for something, you will want to call this function.
                 * You can call it as often as you want, it just sets a flag that we need to render again, and renders a few frames if we weren't already doing that.
                 * Ignored in 2D.
                 */
-            tryRendering(renderMode?: typeof RENDER): void;
-            cameraObject: any;
-            mapManager: any;
-            canvasWidth: number;
-            canvasHeight: number;
-            /**
-                * Resets the MapView to the default state.
-                */
-            resetState(): void;
+            tryRendering(renderMode?: any): void;
             /**
                 * Finds the main Location associated with a Polygon. This means a Location
                 * attached to the Polygon that has no parents, or, if there are none of those,
@@ -4047,32 +4273,61 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/MapVi
                 * This means if there are multiple hierarchies of Locations attached to the Polygon,
                 * the one that gets returned is not guaranteed to be what you want.
                 *
-                * @param polygon {MappedinPolygon} The Polygon you want the primary Location of.
+                * @param polygon The Polygon you want the primary Location of.
                 */
             getPrimaryLocationForPolygon(polygon: MappedinPolygon): MappedinLocation;
+            /**
+                * Destroy instance and clean up memory
+                */
             destroy(): void;
     }
 }
 
-declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/pub-sub.typed' {
-    export class PubSub<EVENT_PAYLOAD, EVENT extends keyof EVENT_PAYLOAD> {
-            /**
-                * @private
-                */
-            _subscribers: any;
-            /**
-                * @private
-                */
-            publish<EVENT_NAME extends EVENT>(eventName: EVENT_NAME, data?: EVENT_PAYLOAD[EVENT_NAME]): void;
-            on<EVENT_NAME extends EVENT>(eventName: EVENT_NAME, fn: (payload: EVENT_PAYLOAD[EVENT_NAME] extends {
-                    data: null;
-            } ? EVENT_PAYLOAD[EVENT_NAME]['data'] : EVENT_PAYLOAD[EVENT_NAME]) => void): void;
-            off<EVENT_NAME extends keyof EVENT_PAYLOAD>(eventName: EVENT_NAME, fn: (payload: EVENT_PAYLOAD[EVENT_NAME]) => void): void;
-            /**
-                * @private
-                */
-            destroy(): void;
-    }
+declare module '@mappedin/react-native-sdk/core/packages/renderer' {
+    import Search from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Search';
+    import Analytics from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Analytics';
+    import { MapView } from '@mappedin/react-native-sdk/core/packages/renderer/MapView';
+    import { getVenue, getVenueBundle, Mappedin, MappedinDestinationSet, MappedinMap, TGetVenueBundleOptions, TGetVenueOptions } from '@mappedin/react-native-sdk/core/packages/get-venue';
+    import { PositionUpdater } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.BlueDot/Mappedin.BlueDot.core';
+    import type { TMapViewOptions, TJourneyOptions } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
+    import { labelThemes } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
+    import { MARKER_ANCHOR } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Marker';
+    export { BEARING_TYPE, ACTION_TYPE } from '@mappedin/react-native-sdk/core/packages/navigator';
+    export type { IDirectionsResult, E_MESSAGES as E_GET_DIRECTIONS_MESSAGES } from '@mappedin/react-native-sdk/core/packages/navigator';
+    export type TMappedinInitializeOutput = {
+        mapView: MapView;
+        venue: Mappedin;
+    };
+    type _TGetVenueOptions = TGetVenueOptions & {
+        useVenueBundle?: false | undefined;
+    };
+    type _TGetVenueBundleOptions = TGetVenueBundleOptions & {
+        useVenueBundle: true;
+    };
+    type TMappedinInitializeOptions = {
+        mapView?: TMapViewOptions;
+        venue: _TGetVenueOptions | _TGetVenueBundleOptions;
+        firstMapSelector?: (venue: Mappedin) => MappedinMap | MappedinMap['id'];
+    };
+    /**
+      *
+      * @param el HTML Element where the mapView should be placed
+      * @param venue Venue Object returned by {@link getVenue}
+      * @param options MapView Options
+      * @returns
+      */
+    function showVenue<T extends Mappedin>(el: HTMLElement, venue: T, options?: TMapViewOptions): Promise<MapView>;
+    export { COLLISION_RANKING_TIERS, STATE, E_SDK_EVENT, E_BLUEDOT_STATE_REASON, E_BLUEDOT_MARKER_STATE, E_BLUEDOT_EVENT, E_BLUEDOT_STATE, E_CAMERA_EVENT } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
+    export { Search, getVenue, getVenueBundle, showVenue, PositionUpdater, Analytics, MappedinDestinationSet, MARKER_ANCHOR, labelThemes };
+    export type { TMappedinDirective } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinDirections';
+    export type { TMapViewOptions, TMappedinInitializeOptions, TJourneyOptions };
+    export type { TBlueDotPositionUpdate, TBlueDotStateChange, TEnableBlueDotOptions } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.BlueDot/Mappedin.BlueDot.core';
+    export * from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
+    export type { MapView } from '@mappedin/react-native-sdk/core/packages/renderer/MapView';
+    export type { TSafeAreaInsets, TFocusOnTargets, TFocusOnCameraOptions, TAnimatePositionOptions, TCameraAnimationOptions, TFocusOnOptions, default as Camera } from '@mappedin/react-native-sdk/core/packages/renderer/Camera';
+    export { SAFE_AREA_INSET_TYPE, ANIMATION_TWEENS, CAMERA_EASING_MODE } from '@mappedin/react-native-sdk/core/packages/renderer/Camera';
+    export type { TGetVenueOptions, MappedinLocation, MappedinPolygon, MappedinNode, MappedinCategory, MappedinMap, MappedinEvent, MappedinMapGroup, MappedinVenue, MappedinVortex, MappedinNavigatable, MappedinCoordinate, TShowVenueOptions } from '@mappedin/react-native-sdk/core/packages/get-venue';
+    export { Mappedin, MappedinDirections } from '@mappedin/react-native-sdk/core/packages/get-venue';
 }
 
 declare module '@mappedin/react-native-sdk/core/packages/get-venue/MappedinLocationRankings' {
@@ -4125,7 +4380,6 @@ declare module '@mappedin/react-native-sdk/core/packages/get-venue/MappedinTheme
 }
 
 declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartCollider' {
-    import './Mappedin.Label.scss';
     import { ISmartCollisionEngine } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartCollisionEngine';
     import { Vector3 } from 'three';
     export type TRange = [number, number, number, number];
@@ -4260,7 +4514,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
 
 declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.BlueDot/Mappedin.BlueDot.StateMachine' {
     import { IPubSub } from '@mappedin/react-native-sdk/core/packages/renderer/internal/pub-sub';
-    import { E_BLUEDOT_STATE, E_MARKER_STATE } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
+    import { E_BLUEDOT_STATE, E_BLUEDOT_MARKER_STATE } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
     /**
     What we just learned about the user's position.
      */
@@ -4274,7 +4528,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
     }
     export interface IStateMachine extends IPubSub {
         state: E_BLUEDOT_STATE;
-        markerState: E_MARKER_STATE | undefined;
+        markerState: E_BLUEDOT_MARKER_STATE | undefined;
         transition: (action: ACTION) => void;
         reset: () => void;
     }
@@ -4302,419 +4556,41 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/pub-s
         };
     }
     export class PubSub {
-        _subscribers: any;
-        publish(eventName: any, data: any): void;
-        on(eventName: any, fn: any): void;
-        off(eventName: any, fn: any): void;
-        destroy(): void;
-    }
-    export const PubSubLegacy: () => void;
-    export function tinyObservable<T>(store: T): T & IPubSub;
-    export {};
-}
-
-declare module '@mappedin/react-native-sdk/core/packages/renderer' {
-    import Search from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Search';
-    import Analytics from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Analytics';
-    import { MapView } from '@mappedin/react-native-sdk/core/packages/renderer/MapView';
-    import { getVenue, Mappedin, MappedinDestinationSet, MappedinMap, TGetVenueBundleOptions, TGetVenueOptions } from '@mappedin/react-native-sdk/core/packages/get-venue';
-    import { PositionUpdater } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.BlueDot/Mappedin.BlueDot.core';
-    import type { TMapViewOptions, TJourneyOptions } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
-    import { labelThemes } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
-    import { MARKER_ANCHOR } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Marker';
-    export { BEARING_TYPE, ACTION_TYPE } from '@mappedin/react-native-sdk/core/packages/navigator';
-    export type { IDirectionsResult, E_MESSAGES as E_GET_DIRECTIONS_MESSAGES } from '@mappedin/react-native-sdk/core/packages/navigator';
-    export type TMappedinInitializeOutput = {
-        mapView: MapView;
-        venue: Mappedin;
-    };
-    type _TGetVenueOptions = TGetVenueOptions & {
-        useVenueBundle?: false | undefined;
-    };
-    type _TGetVenueBundleOptions = TGetVenueBundleOptions & {
-        useVenueBundle: true;
-    };
-    type TMappedinInitializeOptions = {
-        mapView?: TMapViewOptions;
-        venue: _TGetVenueOptions | _TGetVenueBundleOptions;
-        firstMapSelector?: (venue: Mappedin) => MappedinMap | MappedinMap['id'];
-    };
-    /**
-      *
-      * @param el HTML Element where the mapView should be placed
-      * @param venue Venue Object returned by {@link getVenue}
-      * @param options MapView Options
-      * @returns
-      */
-    function showVenue<T extends Mappedin>(el: HTMLElement, venue: T, options?: TMapViewOptions): Promise<MapView>;
-    export { COLLISION_RANKING_TIERS, STATE, E_SDK_EVENT, E_BLUEDOT_STATE_REASON, E_MARKER_STATE, E_BLUEDOT_EVENT, E_BLUEDOT_STATE, E_CAMERA_EVENT } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
-    export { Search, getVenue, showVenue, PositionUpdater, Analytics, MappedinDestinationSet, MARKER_ANCHOR, labelThemes };
-    export type { TMappedinDirective } from '@mappedin/react-native-sdk/core/packages/get-venue/MappedinDirections';
-    export type { TMapViewOptions, TMappedinInitializeOptions, TJourneyOptions };
-    export type { TBlueDotPositionUpdate, TBlueDotStateChange, TEnableBlueDotOptions } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.BlueDot/Mappedin.BlueDot.core';
-    export * from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
-    export type { MapView } from '@mappedin/react-native-sdk/core/packages/renderer/MapView';
-    export type { TSafeAreaInsets, TFocusOnTargets, TFocusOnCameraOptions, TAnimatePositionOptions, TCameraAnimationOptions, TFocusOnOptions, default as Camera } from '@mappedin/react-native-sdk/core/packages/renderer/Camera';
-    export { SAFE_AREA_INSET_TYPE, ANIMATION_TWEENS, CAMERA_EASING_MODE } from '@mappedin/react-native-sdk/core/packages/renderer/Camera';
-    export type { TGetVenueOptions, MappedinLocation, MappedinPolygon, MappedinNode, MappedinCategory, MappedinMap, MappedinEvent, MappedinMapGroup, MappedinVenue, MappedinVortex, MappedinNavigatable, MappedinCoordinate, TShowVenueOptions } from '@mappedin/react-native-sdk/core/packages/get-venue';
-    export { Mappedin, MappedinDirections } from '@mappedin/react-native-sdk/core/packages/get-venue';
-}
-
-declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.HTMLCollider' {
-    import './Mappedin.Label.scss';
-    import BaseCollider, { ICollider } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartCollider';
-    export type TRange = [number, number, number, number];
-    export type TDimensions = {
-        width: number;
-        height: number;
-    };
-    export interface IHTMLCollider extends ICollider {
-        containerEl: any;
-        contentEl: any;
-    }
-    class HTMLCollider extends BaseCollider {
-        contentEl: any;
-        containerEl: any;
-        removeSelf(): void;
-        enable(): void;
-        disable(): void;
-        colliderDidGoOffscreen(): void;
-        colliderDidNotFindAHome(): void;
-        colliderDidUpdatePosition(x: any, y: any): void;
-        colliderDidMount(): void;
-        colliderDidUpdateVisiblity(): void;
-    }
-    export default HTMLCollider;
-}
-
-declare module '@mappedin/react-native-sdk/core/packages/renderer/MapView' {
-    import { Mappedin, MappedinCoordinate, MappedinLocation, MappedinMap, MappedinNode, MappedinPolygon } from '@mappedin/react-native-sdk/core/packages/get-venue';
-    import { AtlasTextLabel } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.LabelAtlas';
-    import { E_SDK_EVENT_PAYLOAD, TCreateCustomInnerHTMLTooltipOptions, TCreateCustomTooltipOptions, TCreateMarkerOptions, TCreateTextTooltipOptions, TLabelAllLocationLegacyLabelOptions, TLabelAllLocationLabelOptions, TLegacyLabelOptions, TLabelPolygonOptions, TMapViewOptions, TPathOptions } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.types';
-    import { E_SDK_EVENT, STATE } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
-    import Label from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Label';
-    import Marker from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Marker';
-    import SmartTooltip from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartTooltip';
-    import Camera from '@mappedin/react-native-sdk/core/packages/renderer/Camera';
-    import { PubSub } from '@mappedin/react-native-sdk/core/packages/renderer/internal/pub-sub.typed';
-    import BlueDotLayer from '@mappedin/react-native-sdk/core/packages/renderer/layers/BlueDot';
-    import JourneyLayer from '@mappedin/react-native-sdk/core/packages/renderer/layers/Journey';
-    import { ThreeJSMarkerHandle } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.MapObject';
-    import { TCreateThreeDMarkerOptions } from '@mappedin/react-native-sdk/core/packages/renderer';
-    export enum INTERNAL_EVENT {
-            CAMERA_MOVING = 0,
-            SET_BLUE_DOT_SIZE_FROM_ZOOM = 1,
-            PUBLISH_BLUE_DOT = 2,
-            SET_STATE_SILENT = 3,
-            BLUE_DOT_UPDATE_POSITION = 4,
-            BLUE_DOT_SET_FOLLOWING = 5,
-            CLEAR_MOUSE = 6
-    }
-    export type INTERNAL_EVENT_PAYLOAD = {
-            [INTERNAL_EVENT.CAMERA_MOVING]: any;
-            [INTERNAL_EVENT.SET_BLUE_DOT_SIZE_FROM_ZOOM]: number;
-            [INTERNAL_EVENT.PUBLISH_BLUE_DOT]: undefined;
-            [INTERNAL_EVENT.CLEAR_MOUSE]: undefined;
-            [INTERNAL_EVENT.SET_STATE_SILENT]: {
-                    state: STATE;
-            };
-            [INTERNAL_EVENT.BLUE_DOT_UPDATE_POSITION]: {
-                    x: number;
-                    y: number;
-            };
-            [INTERNAL_EVENT.BLUE_DOT_SET_FOLLOWING]: boolean;
-    };
-    export class MapView extends PubSub<E_SDK_EVENT_PAYLOAD, E_SDK_EVENT> {
-            #private;
-            currentPath?: MappedinNode[];
-            BlueDot: BlueDotLayer;
-            Journey: JourneyLayer;
-            Camera: Camera;
-            options: TMapViewOptions;
-            constructor(container: HTMLElement, venue: Mappedin, options?: TMapViewOptions & {
-                    onFirstMapLoaded: () => void;
-            });
-            /**
-                * Label all Locations using 2D floating labels
-                */
-            labelAllLocations(options?: TLabelAllLocationLabelOptions): Label[];
-            /**
-                * Labels all Locations, in order of distance from the center of the Map. See {@link MapView.labelPolygon} for available label options.
-                * The options are all optional, as the text and Polygon properties will be set for each Location.
-                */
-            labelAllLocations(options?: TLabelAllLocationLegacyLabelOptions): AtlasTextLabel[];
-            /**
-                * Labels a specific Polygon using a floating 2D label that remains the same size regardless of zoom
-                */
-            labelPolygon(polygonOrPolygonId: MappedinPolygon | MappedinPolygon['id'], options: TLabelPolygonOptions): Label;
-            /**
-                * Labels a specific Polygon (or area of 3D space) with a TextLabel that lives in 3D space. That means it will be smaller when the camera is further away, and the angle you see it at will change with the camera.
-                * The text will flip 180 degrees when the camera rotates so it's never totally upside-down.
-                *
-                * It also sets the hover label (in 2D and 3D).
-                * Many of these options do nothing in 2D, as TextLabels are not supported, but it won't break anything.
-                *
-                * You must provide text, and either a Polygon, or a canvasBounds and height
-                */
-            labelPolygon(polygonOrPolygonId: MappedinPolygon | MappedinPolygon['id'], options: TLegacyLabelOptions): AtlasTextLabel;
-            /**
-                * Get Nearest Node to a screen coordinate x, y, map. Useful for doing directions from any place on the map
-                *
-                * @param x
-                * @param y
-                * @param mapOrMapId Map of MapId
-                */
-            getNearestNodeByScreenCoordinates(x: number, y: number, mapOrMapId?: MappedinMap | MappedinMap['id']): MappedinNode;
-            /**
-                * Add a ThreeJS object to the screen to be rendered on the marker layer.
-                */
-            createThreeJSMarker(options: TCreateThreeDMarkerOptions): ThreeJSMarkerHandle;
-            /**
-                * Remove a ThreeJS marker from the scene. This will be a no-op if the
-                * map object associated with the marker has been destroyed.
-                *
-                * @param markerHandle marker to remove
-                * @return true if the marker was removed, false if the marker or its map had already been removed
-                */
-            removeThreeJSMarker(markerHandle: ThreeJSMarkerHandle): boolean;
-            /**
-                * Remove all ThreeJS marker from the scene.
-                */
-            removeAllThreeJSMarkers(): void;
-            /**
-                * Unsubscribe from SDK events
-                */
-            setState(state: STATE): void;
-            get state(): STATE;
-            /**
-                * The Venue data this MapView is using.
-                *
-                * @property venue {MappedinVenue}
-                * @final
-                */
-            get venue(): Mappedin;
-            /**
-                * The div MapView is using.
-                *
-                * @property container {Div}
-                * @final
-                */
-            get container(): HTMLElement;
-            /**
-                * The current map being displayed
-                */
-            get currentMap(): MappedinMap;
-            /**
-                * Remove all interactive polygons
-                */
-            removeAllInteractivePolygons(): void;
-            /**
-                * Change the currently displayed Map to a new one.
-                *
-                * @method setMap
-                * @param mapOrMapId The Map ID or Map Object to change the Map to.
-                */
-            setMap(mapOrMapId: MappedinMap | string): Promise<null>;
-            /**
-                * Given a polygon/polygon id, set it to a specific color, and set any text label associated with that polygon to another color.
-                *
-                * @param polygonOrPolygonId The Polygon/Polygon ID to change the color of.
-                * @param color The color to use.
-                * @param textColor
-                * @param opacity
-                */
-            setPolygonColor(polygonOrPolygonId: MappedinPolygon | string, color: string, textColor?: string, opacity?: number): void;
-            /**
-                * Resets a Polygon back to it's original color.
-                * If the user is hovering over a polygon, it will still have the hover effect.
-                *
-                * @param polygonOrPolygonId The Polygon/Polygon ID to reset.
-                */
-            clearPolygonColor(polygonOrPolygonId: MappedinPolygon | string): void;
-            /**
-                * Resets ALL Polygons you have changed with {@link MapView.setPolygonColor} back to their original color.
-                * The hover effect will still be present if the user is currently hovering over a Polygon.
-                */
-            clearAllPolygonColors(): void;
-            /**
-                * Makes a single Polygon hoverable/clickable. Polygons you haven't called this on will be treated as non-interactive and not respond to any mouse events.
-                *
-                */
-            addInteractivePolygon(polygonOrPolygonId: MappedinPolygon | string): void;
-            /**
-                * Makes all polygons attached to a location hoverable/clickable. Polygons you haven't called this on will be treated as non-interactive
-                * This is a convenience function for calling {@link MapView.addInteractivePolygon} on all the polygons attached to all locations. You may also make individual polygons interactive with the addInteractivePolygon method instead of, or in addition to this method.
-                *
-                */
-            addInteractivePolygonsForAllLocations(options?: {
-                    /**
-                        * A list of Location types to skip. All locations of this type will be exluded from becoming interactive
-                        */
-                    excludeTypes?: string[];
-                    /**
-                        *  An array of Location objects. Overrides the default of making all locations interactive, and instead applies to only the locations specified here.
-                        */
-                    locations?: MappedinLocation[];
-            }): void;
-            /**
-                * Makes a polygon no longer hoverable/clickable.
-                *
-                * @param polygonOrPolygonId  The previously interactive Polygon/Polygon ID to make non-interactive.
-                */
-            removeInteractivePolygon(polygonOrPolygonId: MappedinPolygon | string): void;
-            /**
-                * Attach any HTML to a {@link MappedinNode}, and have the marker interact and collide with smart labels and tooltips
-                */
-            createMarker(nodeOrCoordinate: MappedinNode | MappedinCoordinate, contentHtml: string, options?: TCreateMarkerOptions): Marker;
-            /**
-                * Remove Marker
-                */
-            removeMarker(markerOrMarkerId: Marker | Marker['id']): void;
-            /**
-                * Removes all Markers (from all Maps, not just the current one).
-                *
-                */
-            removeAllMarkers(): void;
-            /**
-                * Remove all tooltips
-                */
-            removeAllTooltips(): void;
-            /**
-                * A polygon can have state that renders the concept of being "closed", which is a generic blanket
-                * term that can be used in general to inform the user that they can expect this polygon to not be
-                * servicing customers.
-                */
-            updateClosedStateForPolygon(options: {
-                    /**
-                        * The polygon or polygon id whose state is being updated.
-                        */
-                    polygon: MappedinPolygon | string;
-                    /**
-                        * If true, the polygon will be marked as being closed. If false, the polygon will be marked as being open.
-                        */
-                    closed: boolean;
-                    /**
-                        * If true, a convenience parameter that is the converse of `options.closed`. Note that if both are present, `closed` will receive higher precedence.
-                        */
-                    open?: boolean;
-            }): void;
-            /**
-                * As the name suggests, all polygons will have their "closed" state set to "opened".
-                *
-                */
-            openAllPolygons(): void;
-            /**
-                * Removes all labels from all Maps.
-                *
-                */
-            removeAllLabels(): void;
-            /**
-                *
-                * This creates a tooltip that allows you to pass dynamic content which will attempt
-                * to position around an anchor in 3D space. The tooltip will be positioned based on one of four
-                * AnchorTypes (top, bottom, left, right).
-                *
-                *`options.defaultAnchorType` and `options.enabledAnchorTypes` should be one of the constants from Mappedin.Tooltip.ANCHOR
-                *
-                * `options.defaultAnchorType` will override `options.enabledAnchorTypes` if that anchor was disabled it will be automatically re-enabled
-                *
-                *
-                * @return The Tooltip you created, which has already been added to the scene.
-                */
-            createTooltip(
-            /**
-                * Node or Coordinate to attach the tooltip to
-                */
-            node: MappedinNode | MappedinCoordinate, options: TCreateTextTooltipOptions | TCreateCustomInnerHTMLTooltipOptions | TCreateCustomTooltipOptions): SmartTooltip;
-            /**
-                * Removes a {@link Tooltip} you have added previously.
-                *
-                * @param tooltipOrTooltipId A Tooltip that has previously been returned from {@link MapView.createTooltip}.
-                */
-            removeTooltip(tooltipOrTooltipId: SmartTooltip | SmartTooltip['id']): void;
-            /**
-                * Let any image attached to a Polygon attached to a Location flip 180 degrees with the camera so it's always upright.
-                *
-                * @method enableImageFlippingForAllLocations
-                * @param options
-                *	@param [options.excludeTypes=[]] {[String]} A list of Location types to skip, if for some reason there are Locations that have logos that shouldn't flip.
-                *	@param [options.locations] {[MappedinLocation]|[String]} An array of Location objects, or Location IDs. If excludeTypes is not sufficient you can explicitly set the Locations you are marking to flip. You can also call {{#crossLink "MapView/enableImageFlippingForPolygon:method"}}{{/crossLink}} manually for every polygon you care about instead.
-                */
-            enableImageFlippingForAllLocations(options?: {
-                    /**
-                        * A list of Location types to skip, if for some reason there are Locations that have logos that shouldn't flip.
-                        */
-                    excludeTypes?: string[];
-                    /**
-                        * An array of Location objects, or Location IDs. If excludeTypes is not sufficient you can explicitly set the Locations you are marking to flip. You can also call {@link MapView.enableImageFlippingForPolygon} manually for every polygon you care about instead.
-                        */
-                    locations?: MappedinLocation[] | string[];
-            }): void;
-            /**
-                * Mark a specific Polygon so, if it has an image, it rotates with the camera.
-                *
-                */
-            enableImageFlippingForPolygon(options: {
-                    /**
-                        * The ID of the Polygon who's image (if any) should rotate.
-                        */
-                    polygonId: string;
-                    /**
-                        * The how much the image has been rotated so that it's "up". Determined from the Polygon object itself typically, but can be set manually if needed.
-                        */
-                    rotation?: number;
-            }): void;
-            disableImageFlippingForAllPolygons(): void;
-            /**
-                * Draws an entire path. It takes a list of Nodes and will break them into separate pathSegments on every map change, putting the resultant segment on the right Map.
-                *
-                * @param path An array of Nodes, probably from a Node's {@link MappedinNode.directionsTo} call.
-                * @return An array of pathSegment ids.
-                */
-            drawPath(path: MappedinNode[], options?: TPathOptions): string;
-            /**
-                * Remove a path by id
-                */
-            removePath(pathId: string): void;
-            /**
-                * Removes all pathSegments from all Maps.
-                *
-                */
-            removeAllPaths(): void;
-            /**
-                * Sets the clear color of the Map something else, it you want it to fit it more with your website. Otherwise the div will be white where there is no Map visible.
-                *
-                * @param color The color to use. Not an HTML color name.
-                * @param alpha Opacity between 0 and 1.
-                */
-            setBackgroundColor(color: number | string, alpha?: number): void;
-            /**
-                * Sets the color for hovering over polygons
-                */
-            setHoverColor(color: number | string): void;
-            /**
-                * The scene only renders when something has changed. This should be something a 3rd party developer doesn't need to worry about,
-                * but if you are doing something weird, or have your own special tween for something, you will want to call this function.
-                * You can call it as often as you want, it just sets a flag that we need to render again, and renders a few frames if we weren't already doing that.
-                * Ignored in 2D.
-                */
-            tryRendering(renderMode?: any): void;
-            /**
-                * Finds the main Location associated with a Polygon. This means a Location
-                * attached to the Polygon that has no parents, or, if there are none of those,
-                * a Location nearest the top of some hierarchy that does have the Polygon attached.
-                *
-                * This means if there are multiple hierarchies of Locations attached to the Polygon,
-                * the one that gets returned is not guaranteed to be what you want.
-                *
-                * @param polygon The Polygon you want the primary Location of.
-                */
-            getPrimaryLocationForPolygon(polygon: MappedinPolygon): MappedinLocation;
-            /**
-                * Destroy instance and clean up memory
-                */
-            destroy(): void;
+        _subscribers: any;
+        publish(eventName: any, data: any): void;
+        on(eventName: any, fn: any): void;
+        off(eventName: any, fn: any): void;
+        destroy(): void;
+    }
+    export const PubSubLegacy: () => void;
+    export function tinyObservable<T>(store: T): T & IPubSub;
+    export {};
+}
+
+declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.HTMLCollider' {
+    import BaseCollider, { ICollider } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartCollider';
+    export type TRange = [number, number, number, number];
+    export type TDimensions = {
+        width: number;
+        height: number;
+    };
+    export interface IHTMLCollider extends ICollider {
+        containerEl: any;
+        contentEl: any;
+    }
+    class HTMLCollider extends BaseCollider {
+        contentEl: any;
+        containerEl: any;
+        removeSelf(): void;
+        enable(): void;
+        disable(): void;
+        colliderDidGoOffscreen(): void;
+        colliderDidNotFindAHome(): void;
+        colliderDidUpdatePosition(x: any, y: any): void;
+        colliderDidMount(): void;
+        colliderDidUpdateVisiblity(): void;
     }
+    export default HTMLCollider;
 }
 
 declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Journey' {
@@ -4829,94 +4705,9 @@ declare module '@mappedin/react-native-sdk/core/packages/navigator/interfaces/IL
     export default ILocation;
 }
 
-declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.CameraControls' {
-    export default CameraControls;
-    /**
-      * The advanced, manual camera controls for {{#crossLink "MapView"}}{{/crossLink}}. You probably don't need to use this at all, instead relying on the MapView's {{#crossLink "MapView/focusOn:method"}}{{/crossLink}}, {{#crossLink "MapView/resetCamera:method"}}{{/crossLink}} and built in touch/mouse controls.
-      * This class will let you do things like change the min/max zoom, tilt, and pan, attach to camera events, and move/animate the camera to specifc points.
-      *
-      * The camera works by setting an anchor point on the scene at ground level and pointing the camera at it. {{#crossLink "CameraControls/zoom:method"}}{{/crossLink}} controls how far the camera is from the anchor, and {{#crossLink "CameraControls/tilt:method"}}{{/crossLink}}/{{#crossLink "CameraControls/rotate:method"}}{{/crossLink}} controls the angle the camera is rotated about it.
-      * The camera will always be pointed directly at the anchor point. {{#crossLink "CameraControls/pan:method"}}{{/crossLink}} or {{#crossLink "CameraControls/setPosition:method"}}{{/crossLink}} will move that anchor around on the 2D ground plane.
-      *
-      * Created for you automatically with a MapView, don't re-create yourself.
-      * @type {any}
-      *
-      * @class CameraControls
-      */
-    let CameraControls: any;
-}
-
-declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.LabelAtlas' {
-    export namespace DEFAULT_LABEL_SIZING {
-        const MARGIN: number;
-        const HEIGHT_MARGIN: number;
-        const SIZE: number;
-    }
-    export class Atlas {
-        layers: any[];
-        canvas: HTMLCanvasElement;
-        context: CanvasRenderingContext2D | null;
-        addLabel(map: any, lines: any, font: any, size: any, scope: any, pixelsPerScale: any): Label | undefined;
-        removeLayer(layer: any): void;
-        measure(text: any, font: any, size: any): TextMetrics;
-        onWebGLContextRestored(): void;
-        dispose(): void;
-    }
-    export class AtlasTextLabel {
-        constructor(options: any, venue: any, mapObject: any, DEFAULT_FONT: any, polygonMeshesById: any, textLabelsByPolygonId: any, mapView: any, scope: any, atlas: any);
-        text: any;
-        stateText: string;
-        font: any;
-        atlas: any;
-        canvasBounds: any;
-        mapScale: any;
-        margin: number;
-        heightMargin: number;
-        scaleMin: any;
-        scaleStep: any;
-        multiline: any;
-        height: number | null;
-        polygonMeshesById: any;
-        polyId: any;
-        map: any;
-        color: Color;
-        baseColor: Color;
-        hideOnCreate: boolean;
-        hoverLabelText: any;
-        fontSize: number;
-        hoverLabelMode: any;
-        hoverLabelClass: any;
-        showHoverLabel: boolean;
-        hoverIfLabelFails: boolean;
-        textLabelsByPolygonId: any;
-        create(): void;
-        invalid: boolean | undefined;
-        label: any;
-        created: boolean | undefined;
-        flipIfNeeded(cameraAngle: any): void;
-        removeSelf(bulk: any): void;
-        doNotCreate: boolean | undefined;
-        setColor(textColor: any): void;
-        clearColor(): void;
-        hide(): void;
-        show(): void;
-        toString(): any;
-    }
-    class Label {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-        layer: any;
-        index: any;
-        layout(map: any, origin: any, size: any, rotation: any, uv: any, color: any): void;
-    }
-    import { Color } from "three/src/math/Color";
-    export {};
-}
-
 declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Marker' {
     import './Mappedin.Marker.scss';
+    import { COLLISION_RANKING_TIERS } from '@mappedin/react-native-sdk/core/packages/renderer/MapView.enums';
     import HTMLCollider, { IHTMLCollider } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.HTMLCollider';
     import { Vector3 } from 'three';
     import { TColliderStrategy } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartCollider';
@@ -4946,7 +4737,7 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
         mapId: string;
         id?: string;
         anchor?: MARKER_ANCHOR;
-        collisionRank?: number;
+        collisionRank?: COLLISION_RANKING_TIERS;
     };
     type TTooltipStyle = {
         top?: string;
@@ -4974,79 +4765,6 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
     export default Marker;
 }
 
-declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.RenderTasks' {
-    export default RENDER;
-    namespace RENDER {
-        const ANIMATED: string;
-        const ALWAYS_ON_TOP: string;
-        const ALL: string;
-        const TWEEN: string;
-    }
-}
-
-declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartCollisionEngine' {
-    import { Vector3 } from 'three';
-    import './Mappedin.SmartCollisionEngine.scss';
-    import { ICollider } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartCollider';
-    export const COLLIDER_STRATEGY_LOW_PRIORITY = "LOW_PRIORITY";
-    type TProjectFn = ({ position, mapId }: {
-        position: Vector3;
-        mapId: string;
-    }) => [number, number];
-    export interface ISmartCollisionEngine {
-        add: (colliderId: string, collider: ICollider) => void;
-        remove: (colliderId: string) => void;
-        init: (container: HTMLElement, projectFn: TProjectFn) => void;
-        resize: (container: HTMLElement) => void;
-        resort: () => void;
-        updatePosition: () => void;
-        updateVisibility: () => void;
-        makeCollidersDirty: () => void;
-        update: () => void;
-        destroy: () => void;
-        makeCollidersDirtyThrottled: (time: number) => void;
-        _makeCollidersDirtyThrottled?: [() => void, number];
-    }
-    const SmartCollisionEngine: () => ISmartCollisionEngine;
-    export default SmartCollisionEngine;
-}
-
-declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Search' {
-    export default Search;
-    /**
-     * A class to access the Mappedin Search API. This will be created for you as part of Mappedin.{{#crossLink "Mappedin/initailize:method"}}{{/crossLink}}, but you can also create one manually.
-     *
-     * @class Search
-     * @type {any}
-     * @param options {Object} A list of configuration options for the search API.
-        @param [options.venue] {String} The venue slug to search for
-        @param [options.key] {String} Your search key
-        @param [options.secret] {String} Your search secret
-        @param [options.smart] {Boolean} Whether the new Smart Search should be used.
-        @param [options.endpoint] {String} The endpoint for search.
-        @param [options.locations] {Array} Array of MappedinLocations for this venue. This is optional, but will enable fallback search.
-        @param [options.categories] {Array} Array of MappedinCategorys for this venue. This is optional, but will enable fallback search.
-     */
-    let Search: any;
-}
-
-declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Analytics' {
-    export default Analytics;
-    /**
-      * A class to access the Mappedin Analytics platform. Correct usage will improve Smart Search results, and lead to more accurate insights.
-      * This will be created for you as part of Mappedin.{{#crossLink "Mappedin/initialize:method"}}{{/crossLink}}, but you can also create one manually. You are mostly going to use `locationSelected`.
-      *
-      * @type {any}
-      *
-      * @class Analytics
-      * @param options {Object} A list of configuration options for the Analytics API.
-      *	@param [options.key] {String} The same key you are using for getVenue. Handled automatically in Mapview.initialize()
-      *	@param [options.secret] {String} The same secret you are using for getVenue. Handled automatically in Mapview.initialize()
-      *	@param [options.venue] {String} The same venue slug you are using for getVenue. Handled automatically in MapView.initialize()
-      */
-    var Analytics: any;
-}
-
 declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.MapObject' {
     export const SCENE_FROM_LIVE_JSON: false;
     /**
@@ -5225,6 +4943,69 @@ declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappe
     import { Vector3 } from "three/src/math/Vector3";
 }
 
+declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Search' {
+    export default Search;
+    /**
+     * A class to access the Mappedin Search API. This will be created for you as part of Mappedin.{{#crossLink "Mappedin/initailize:method"}}{{/crossLink}}, but you can also create one manually.
+     *
+     * @class Search
+     * @type {any}
+     * @param options {Object} A list of configuration options for the search API.
+        @param [options.venue] {String} The venue slug to search for
+        @param [options.key] {String} Your search key
+        @param [options.secret] {String} Your search secret
+        @param [options.smart] {Boolean} Whether the new Smart Search should be used.
+        @param [options.endpoint] {String} The endpoint for search.
+        @param [options.locations] {Array} Array of MappedinLocations for this venue. This is optional, but will enable fallback search.
+        @param [options.categories] {Array} Array of MappedinCategorys for this venue. This is optional, but will enable fallback search.
+     */
+    let Search: any;
+}
+
+declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.Analytics' {
+    export default Analytics;
+    /**
+      * A class to access the Mappedin Analytics platform. Correct usage will improve Smart Search results, and lead to more accurate insights.
+      * This will be created for you as part of Mappedin.{{#crossLink "Mappedin/initialize:method"}}{{/crossLink}}, but you can also create one manually. You are mostly going to use `locationSelected`.
+      *
+      * @type {any}
+      *
+      * @class Analytics
+      * @param options {Object} A list of configuration options for the Analytics API.
+      *	@param [options.key] {String} The same key you are using for getVenue. Handled automatically in Mapview.initialize()
+      *	@param [options.secret] {String} The same secret you are using for getVenue. Handled automatically in Mapview.initialize()
+      *	@param [options.venue] {String} The same venue slug you are using for getVenue. Handled automatically in MapView.initialize()
+      */
+    var Analytics: any;
+}
+
+declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartCollisionEngine' {
+    import { Vector3 } from 'three';
+    import './Mappedin.SmartCollisionEngine.scss';
+    import { ICollider } from '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.SmartCollider';
+    export const COLLIDER_STRATEGY_LOW_PRIORITY = "LOW_PRIORITY";
+    type TProjectFn = ({ position, mapId }: {
+        position: Vector3;
+        mapId: string;
+    }) => [number, number];
+    export interface ISmartCollisionEngine {
+        add: (colliderId: string, collider: ICollider) => void;
+        remove: (colliderId: string) => void;
+        init: (container: HTMLElement, projectFn: TProjectFn) => void;
+        resize: (container: HTMLElement) => void;
+        resort: () => void;
+        updatePosition: () => void;
+        updateVisibility: () => void;
+        makeCollidersDirty: () => void;
+        update: () => void;
+        destroy: () => void;
+        makeCollidersDirtyThrottled: (time: number) => void;
+        _makeCollidersDirtyThrottled?: [() => void, number];
+    }
+    const SmartCollisionEngine: () => ISmartCollisionEngine;
+    export default SmartCollisionEngine;
+}
+
 declare module '@mappedin/react-native-sdk/core/packages/renderer/internal/Mappedin.TaskScheduler' {
     export namespace UPDATE_ORDERING {
             const BEFORE_CAMERA: number;