@mappedin/react-sdk 6.0.1-beta.37 → 6.0.1-beta.38

package/lib/esm/index.d.ts

@@ -65,7 +65,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
     import type { ParsedMVF as TMVF, StyleCollection as TMVFStyleCollection, Style as TMVFStyle, LineStringStyle as TMVFLineStringStyle, PolygonStyle as TMVFPolygonStyle, PointStyle as TMVFPointStyle, ParsedMVFLocalePack, OperationHours, SiblingGroup, LocationState } from '@mappedin/mvf';
     import { MapView } from '@mappedin/react-sdk/mappedin-js/src/map-view';
     export type { Text3D as Text3DApi } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/text3d';
-    import type { InsetPadding, InsetPaddingOption, Shading, PaintStyle, LineStyle, WatermarkOptions, Text3DState, AddText3DOptions, UpdatableText3DState, InitializeText3DState, EnvMapOptions, MapViewState, UpdateModelState, InitializeModelState } from '@mappedin/react-sdk/geojson/src';
+    import type { InsetPadding, InsetPaddingOption, Shading, PaintStyle, LineStyle, Text3DState, AddText3DOptions, UpdatableText3DState, InitializeText3DState, EnvMapOptions, MapViewState, UpdateModelState, InitializeModelState, WatermarkUpdateOptions } from '@mappedin/react-sdk/geojson/src';
     import { enableTestMode, preloadFont } from '@mappedin/react-sdk/geojson/src';
     export type { PubSub } from '@packages/internal/common/pubsub';
     import type { TMappedinMapLibreOverlayEvents } from '@mappedin/react-sdk/mappedin-js/src/maplibre-overlay';
@@ -76,6 +76,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
     import type { TBlueDotEvents, TBlueDotAction, TBlueDotState, GeolocationPositionExtended, TFollowMode, TFollowCameraOptions } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-dot';
     import type { TExpandOptions, TStackedMapsEvents, TStackedMapsState } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
     export { setLoggerLevel, E_SDK_LOG_LEVEL } from '@packages/internal/common/Mappedin.Logger';
+    /**
+        * @internal
+        * @hidden
+        * Must be called before {@link show3dMap}
+        */
+    export function __setWatermarkOnClickFn(fn: () => void): void;
     /**
         * Represents all the available antialiasing options.
         */
@@ -97,7 +103,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
         * @interface
         * Options for the watermark.
         */
-    export type TWatermarkOptions = Omit<WatermarkOptions, 'visible'>;
+    export type TWatermarkOptions = WatermarkUpdateOptions;
     /**
         * Options for showing a 3D map.
         *
@@ -282,6 +288,23 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
                 * @internal
                 */
             imagePlacementOptions?: TImagePlacementOptions;
+            /**
+                * Enable or disable the flip of images to face the camera.
+                * @default true
+                */
+            flipImagesToFaceCamera?: boolean;
+            /**
+                * Automatically inject necessary styles into the document head. If `false`, the `index.css` file needs to be manually imported.
+                *
+                * ```ts
+                * import '@mappedin/mappedin-js/lib/index.css';
+                * ...
+                * await show3dMap(...);
+                * ```
+                *
+                * @default true
+                */
+            injectStyles?: boolean;
             /**
                 * @hidden
                 * @internal
@@ -385,7 +408,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
     export type * from 'geojson';
     export type { TUpdateState, TUpdateStates, TLabelState, TGeometryState, TModelState, TShapeState, TDoorsState, TImageState, TWallsState, TCameraAnimationOptions, TAnimationOptions, TFocusOnOptions, TEasingFunction, TCameraTarget, TNavigationTarget, TDirectionZone, TAddMarkerOptions, TAddPathOptions, TLabelAppearance, TAddLabelOptions, TAddModelOptions, TAddModel, TAddImageOptions, TGetDirectionsOptions, TCollisionRankingTier, TMarkerAnchor, TDirectionInstruction, TDirectionInstructionAction, TGetState, TMarkerState, TBlueDotOptions, TBlueDotPositionUpdate, TFocusTarget, IFocusable, IAnchorable, TMapDataObjectTypes, } from '@mappedin/react-sdk/mappedin-js/src/types';
     export { WALLS, DOORS } from '@mappedin/react-sdk/mappedin-js/src/types';
-    export type { Label, Marker, Path, Shape, CameraTransform, Model, Image, Text3D } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    export type { Label, Marker, Path, PathSegment, Shape, CameraTransform, Model, Image, Text3D, } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     export type { Debug } from '@mappedin/react-sdk/mappedin-js/src/debug';
     export type { Navigation, TNavigationOptions } from '@mappedin/react-sdk/mappedin-js/src/navigation';
     export type { TSpaceType } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
@@ -774,6 +797,18 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
                     readonly analyticsBaseUri: string;
                     readonly tileServerUri: string;
             };
+            /**
+                * Get an access token for use with Mappedin's API.
+                *
+                * @returns {string} The current access token
+                */
+            getAccessToken(): Promise<string | undefined>;
+            /**
+                * Get a SAS token for fetching images on non-public maps.
+                *
+                * @returns {string} The SAS token
+                */
+            getSasToken(): Promise<string | undefined>;
             /**
                 * The name of the map.
                 *
@@ -963,7 +998,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
                 * @param options Optional parameters for getting directions.
                 * @returns Directions from the start to the destination point.
                 * @example
-                * const directions = await map.getDirections(space1, space2);
+                * const directions = map.getDirections(space1, space2);
                 */
             getDirections: (from: TNavigationTarget | TNavigationTarget[], to: TNavigationTarget | TNavigationTarget[], options?: TGetDirectionsOptions) => Directions | undefined;
             /**
@@ -974,7 +1009,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
                 * @param options Optional parameters for getting directions.
                 * @returns Directions from the start to the destination points.
                 * @example
-                * const directions = await map.getDirections(space1, [space2, space3]);
+                * const directions = map.getDirections(space1, [space2, space3]);
                 */
             getDirectionsMultiDestination: (from: TNavigationTarget, to: (TNavigationTarget | TNavigationTarget[])[], options?: TGetDirectionsOptions) => Directions[] | undefined;
             /**
@@ -1054,8 +1089,26 @@ declare module '@mappedin/react-sdk/mappedin-js/src/events' {
                 * The interactive facades which the user interaction passed through.
                 */
             facades: Facade[];
+            /**
+                * Whether the user clicked on the Blue Dot.
+                */
+            blueDot: boolean;
     };
     export type THoverPayload = Omit<TClickPayload, 'pointerEvent'>;
+    export type TFloorChangePayload = {
+            /**
+                * The floor that is being changed to.
+                */
+            floor: Floor;
+            /**
+                * The floor that is being changed from.
+                */
+            previousFloor: Floor;
+            /**
+                * The reason for the floor change.
+                */
+            reason?: TFloorChangeReason;
+    };
     /**
         * Defines the structure and types of events emitted in the context of the map.
         */
@@ -1075,23 +1128,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/events' {
             'camera-change': CameraTransform;
             /**
                 * Emitted when a floor change starts.
-                *
-                * @property {Floor} floor - The floor being changed to.
                 */
-            'floor-change-start': {
-                    floor: Floor;
-            };
+            'floor-change-start': TFloorChangePayload;
             /**
                 * Emitted after the floor change is complete.
-                *
-                * @property {string} [reason] - The reason for the floor change.
-                * @property {Floor} floor - The new active floor.
                 */
-            'floor-change': {
-                    reason?: TFloorChangeReason;
-                    floor: Floor;
-                    previousFloor: Floor;
-            };
+            'floor-change': TFloorChangePayload;
             /**
                 * Only emitted when dynamic focus is enabled. Emitted when a different facade recieves
                 * focus due to the camera moving. This always occurs when the active floor changes to
@@ -1170,6 +1212,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/events' {
                     markers: Marker[];
                     labels: Label[];
                     floors: Floor[];
+                    blueDot: boolean;
             };
     };
 }
@@ -1190,13 +1233,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
     import FloorStack from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor-stack';
     import Facade from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/facade';
     import type { MapDataRecords, EnterpriseMapDataRecords } from '@mappedin/react-sdk/mappedin-js/src/utils/data-creation';
-    import type { AnnotationCollection, ParsedMVF, Connection as MVFConnection, EntranceCollection, NodeCollection, ObstructionCollection, SpaceCollection, FloorProperties as MVFFloor, FloorStack as MVFFloorStack, EnterpriseLocation as MVFEnterpriseLocation, EnterpriseCategory as MVFEnterpriseCategory, Language, AreaCollection, TilesetStyle } from '@mappedin/mvf';
+    import type { AnnotationCollection, ParsedMVF, Connection as MVFConnection, EntranceCollection, NodeCollection, ObstructionCollection, SpaceCollection, FloorProperties as MVFFloor, FloorStack as MVFFloorStack, Language, AreaCollection, TilesetStyle } from '@mappedin/mvf';
     import { AnalyticsInternal } from '@mappedin/react-sdk/mappedin-js/src/analytics';
     import EnterpriseLocation from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location';
     import EnterpriseCategory from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/category';
     import EnterpriseVenue from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/venue';
     import { PubSub } from '@packages/internal/common';
-    import type { LanguagePack, Places, TMapDataInternalOptions } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types';
+    import type { LanguagePack, LanguagePackRecords, Places, TMapDataInternalOptions } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types';
     import { type LocalePackUrls } from '@packages/internal/mvf-utils';
     import type { EnvControl, TGetMapDataOptions } from '@packages/internal/mvf-utils/mvf-utils';
     import type { TMapDataObjectTypes, TGetDirectionsOptions, TNavigationTarget } from '@mappedin/react-sdk/mappedin-js/src/types';
@@ -1387,6 +1430,8 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
             get locationCategories(): LocationCategory[];
             get mvfFloors(): MVFFloor[];
             get mvfFloorStacks(): MVFFloorStack[];
+            getAccessToken(): Promise<string | undefined>;
+            getSasToken(): Promise<string | undefined>;
             getByType(type: string): object[];
             getByType(type: 'location-profile'): LocationProfile[];
             getByType(type: 'location-category'): LocationCategory[];
@@ -1437,7 +1482,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
                 */
             getMVFFeatureByType(type: 'floor-stack'): MVFFloorStack[];
             getMVFFeatureByType(type: 'floor'): MVFFloor[];
-            getPropTranslation(type: 'enterprise-location' | 'enterprise-category', prop: string, id: string, fallback: MVFEnterpriseLocation[keyof MVFEnterpriseLocation] | MVFEnterpriseCategory[keyof MVFEnterpriseCategory]): unknown;
+            getPropTranslation<T extends keyof LanguagePackRecords, P extends keyof NonNullable<NonNullable<LanguagePackRecords[T]>[string]>>(type: T, prop: P, id: string, fallback: NonNullable<NonNullable<LanguagePackRecords[T]>[string]>[P]): string | NonNullable<NonNullable<LanguagePackRecords[T]>[string]>[P] | undefined;
             /**
                 * change the langauge of the data objects in mapdata
                 */
@@ -1476,15 +1521,18 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
     import type { Camera, Labels, Markers, Models, Paths, Exporter, Directions, Style, Outdoor, Images, DynamicFocus } from '@mappedin/react-sdk/mappedin-js/src/api-geojson';
     import type { BlueDot } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-dot';
     import type MapData from '@mappedin/react-sdk/mappedin-js/src/map-data';
-    import type { Annotation, Coordinate, Door, Floor, MapObject, PointOfInterest, Space, Node, EnterpriseLocation, FloorStack, Facade } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import { Coordinate } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type { Annotation, Door, Floor, MapObject, PointOfInterest, Space, Node, EnterpriseLocation, FloorStack, Facade } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type { TCoordinateParams } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/coordinate';
     import type { DOORS, WALLS, TGetDirectionsOptions, TGetState, TNavigationTarget, TUpdateState, TUpdateStates, GlobalState, UpdateGlobalState } from '@mappedin/react-sdk/mappedin-js/src/types';
-    import type { Label, Marker, Image, Shape, Text3D as Text3DView, Model } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import type { Label, Marker, Image, Shape, Text3D as Text3DView, Model, Path } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { TEventPayload } from '@mappedin/react-sdk/mappedin-js/src/events';
     import type { Shapes } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/shapes';
     import type { StackedMaps, TCollapseOptions, TExpandOptions } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
     import type { InspectorOption } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/inspector/inspector';
     import { Debug } from '@mappedin/react-sdk/mappedin-js/src/debug';
     import type { Text3D } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/text3d';
+    import type { PathSegment } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path';
     /**
         * The MapView class is the main class for rendering and interacting with the map.
         *
@@ -1569,14 +1617,19 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 *
                 * | target    | state          |
                 * |-----------|----------------|
-                * | {@link Door}      | {@link TDoorsState}    |
-                * | {@link Label}     | {@link TLabelState}    |
-                * | {@link MapObject} | {@link TGeometryState} |
-                * | {@link Marker}    | {@link TMarkerState}   |
-                * | {@link Space}     | {@link TGeometryState} |
-                * | {@link Shape}     | {@link TShapeState}    |
-                * | {@link DOORS}     | {@link TDoorsState}     |
-                * | {@link WALLS}     | {@link TWallsState}     |
+                * | {@link Door}        | {@link TDoorsState}           |
+                * | {@link Facade}      | {@link TGeometryState}        |
+                * | {@link Label}       | {@link TLabelState}           |
+                * | {@link MapObject}   | {@link TGeometryState}        |
+                * | {@link Marker}      | {@link TMarkerState}          |
+                * | {@link Model}       | {@link UpdateModelState}      |
+                * | {@link Path}        | {@link TGeometryState}        |
+                * | {@link PathSegment} | {@link TGeometryState}        |
+                * | {@link Space}       | {@link TGeometryState}        |
+                * | {@link Shape}       | {@link TShapeState}           |
+                * | {@link Text3DView}  | {@link UpdatableText3DState}  |
+                * | {@link DOORS}       | {@link TDoorsState}           |
+                * | {@link WALLS}       | {@link TWallsState}           |
                 *
                 * @param target The target to update.
                 * @param state The new state to apply to the target.
@@ -1584,7 +1637,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * // Update the color of a space to red.
                 * map.updateState(space, { color: 'red' });
                 */
-            updateState<T extends Space | Text3DView | MapObject | Label | Marker | Shape | Door | Facade | WALLS | DOORS | Model>(target: T, state: TUpdateState<T>): any;
+            updateState<T extends Space | Text3DView | MapObject | Label | Marker | Shape | Door | Facade | WALLS | DOORS | Model | Path | PathSegment>(target: T, state: TUpdateState<T>): any;
             updateState<T extends string & NonNullable<unknown>>(target: T, state: TUpdateStates): any;
             /**
                 * Update global state of the MapView
@@ -1652,7 +1705,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * @hidden
                 */
             updateWatermark(options: WatermarkUpdateOptions): void;
-            getState<T extends Space | Model | Text3DView | MapObject | Label | Marker | Image | Shape | string>(target: T): TGetState<T>;
+            getState<T extends Space | Model | Text3DView | MapObject | Label | Marker | Image | Shape | Path | PathSegment | string>(target: T): TGetState<T>;
             setHoverColor(c: string): void;
             getHoverColor(): string | undefined;
             /**
@@ -1682,7 +1735,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * @param options Optional parameters for getting directions.
                 * @returns Directions from the start to the destination point.
                 * @example
-                * const directions = await map.getDirections(space1, space2);
+                * const directions = map.getDirections(space1, space2);
                 */
             getDirections: (from: TNavigationTarget | TNavigationTarget[], to: TNavigationTarget | TNavigationTarget[], options?: TGetDirectionsOptions) => Directions | undefined;
             /**
@@ -1708,13 +1761,58 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * @param latitude The latitude of the coordinate.
                 * @param longitude The longitude of the coordinate.
                 * @param floor Optional floor information if applicable.
-                * @returns The created coordinate object.
+                * @returns The created Coordinate object.
                 * @example
                 * // Create a coordinate at the CN Tower.
                 * const coord = map.createCoordinate(43.642567, -79.387054);
+                *
+                * // Alternatively, you can directly use the Coordinate constructor:
+                * import { Coordinate } from '@mappedin/mappedin-js';
+                * const coord = new Coordinate(43.642567, -79.387054, floor?.id);
                 */
             createCoordinate(latitude: number, longitude: number, floor?: Floor): Coordinate;
+            /**
+                * Creates a {@link Coordinate} on the map using a params object.
+                *
+                * @param params An object containing the coordinate parameters.
+                * @param params.latitude The latitude of the coordinate in decimal degrees.
+                * @param params.longitude The longitude of the coordinate in decimal degrees.
+                * @param params.floorId Optional ID of the floor this coordinate is on.
+                * @param params.verticalOffset Optional vertical offset from the floor in meters.
+                * @returns The created Coordinate object.
+                * @example
+                * // Create a coordinate at the CN Tower using params object.
+                * const coord = map.createCoordinate({
+                *   latitude: 43.642567,
+                *   longitude: -79.387054
+                * });
+                *
+                * // Alternatively, you can directly use the Coordinate constructor:
+                * import { Coordinate } from '@mappedin/mappedin-js';
+                * const coord = new Coordinate({
+                *   latitude: 43.642567,
+                *   longitude: -79.387054,
+                *   floorId: 'floor1',
+                *   verticalOffset: 10
+                * });
+                */
+            createCoordinate(params: TCoordinateParams): Coordinate;
+            /**
+                * Create a {@link Coordinate} from an X and Y position measured in pixels from the top left
+                * corner of the map canvas.
+                *
+                * @experimental
+                */
             createCoordinateFromScreenCoordinate(x: number, y: number, floor?: Floor): Coordinate | undefined;
+            /**
+                * Get the X and Y of a {@link Coordinate} measured from the top left corner of the map canvas.
+                *
+                * @experimental
+                */
+            getScreenCoordinateFromCoordinate(coordinate: Coordinate): {
+                    x: number;
+                    y: number;
+            };
             /**
                 * @hidden
                 * @experimental
@@ -1985,9 +2083,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/maplibre-overlay' {
 declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     import type { Feature, MultiPolygon, Polygon } from 'geojson';
     import type { Coordinate, Floor, Door, Space, MapObject, PointOfInterest, Connection, EnterpriseLocation, Node, Area, Facade, FloorStack, Annotation, EnterpriseCategory, EnterpriseVenue, LocationCategory, LocationProfile } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import type { Label, Marker, Model, Image, Shape, Text3D } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import type { Label, Marker, Model, Image, Shape, Text3D, Path } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { Language, ParsedMVFLocalePack } from '@mappedin/mvf';
-    import type { InsetPaddingOption, UpdatableText3DState, Text3DState, AddText3DOptions, EnvMapOptions, InitializeModelState, ModelState, UpdateModelState, ImagePlacementOptions } from '@mappedin/react-sdk/geojson/src';
+    import type { InsetPaddingOption, UpdatableText3DState, Text3DState, AddText3DOptions, EnvMapOptions, InitializeModelState, ModelState, UpdateModelState, ImagePlacementOptions, LabelAppearance } from '@mappedin/react-sdk/geojson/src';
+    import { PathSegment } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path';
     export type DeepRequired<T> = Required<{
             [K in keyof T]: T[K] extends Required<T[K]> ? T[K] : DeepRequired<T[K]>;
     }>;
@@ -2161,6 +2260,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             zIndex?: number;
     };
+    export type TPathState = {
+            type: 'path';
+            /**
+                * The color of the path.
+                */
+            color: string;
+    };
     /**
         * Represents the state of a shape.
         */
@@ -2236,6 +2342,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
             topTexture?: {
                     url: string;
             };
+            flipImageToFaceCamera?: boolean;
     };
     export enum WALLS {
             Exterior = "exterior-walls",
@@ -2248,9 +2355,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     /**
         * The type for updating the state of map elements (colors, texts, etc.).
         */
-    export type TUpdateState<T> = T extends WALLS ? Partial<TWallsState> : T extends DOORS | Door ? Partial<TDoorsState> : T extends Model ? Partial<UpdateModelState> : T extends Marker ? Partial<TMarkerState> : T extends Label ? Partial<TLabelState> : T extends Space | MapObject | Facade ? Partial<TGeometryState> : T extends Shape ? Partial<Omit<TShapeState, 'height' | 'type'>> : T extends Text3D ? UpdatableText3DState : T extends string ? Record<string, any> : never;
-    export type TUpdateStates = Partial<Omit<TGeometryState, 'interactive' | 'hoverColor' | 'type'>> | Partial<TMarkerState> | Partial<TLabelState> | Partial<TGeometryState>;
-    export type TGetState<T> = T extends WALLS ? TWallsState | undefined : T extends DOORS ? TDoorsState | undefined : T extends Marker ? TMarkerState | undefined : T extends Shape ? TShapeState | undefined : T extends Model ? TModelState | undefined : T extends Label ? TLabelState | undefined : T extends Image ? TImageState | undefined : T extends Text3D ? Text3DState | undefined : T extends Space | MapObject ? TGeometryState | undefined : T extends string ? TLabelState | TGeometryState | TMarkerState | TModelState | undefined : never;
+    export type TUpdateState<T> = T extends WALLS ? Partial<TWallsState> : T extends DOORS | Door ? Partial<TDoorsState> : T extends Model ? Partial<UpdateModelState> : T extends Marker ? Partial<TMarkerState> : T extends Label ? Partial<TLabelState> : T extends Space | MapObject | Facade ? Partial<TGeometryState> : T extends Shape ? Partial<Omit<TShapeState, 'height' | 'type'>> : T extends Text3D ? UpdatableText3DState : T extends Path ? Partial<TPathState> : T extends PathSegment ? Partial<TPathState> : T extends string ? Record<string, any> : never;
+    export type TUpdateStates = Partial<Omit<TGeometryState, 'interactive' | 'hoverColor' | 'type'>> | Partial<TMarkerState> | Partial<TLabelState> | Partial<TGeometryState> | Partial<TPathState>;
+    export type TGetState<T> = T extends WALLS ? TWallsState | undefined : T extends DOORS ? TDoorsState | undefined : T extends Marker ? TMarkerState | undefined : T extends Shape ? TShapeState | undefined : T extends Model ? TModelState | undefined : T extends Label ? TLabelState | undefined : T extends Image ? TImageState | undefined : T extends Text3D ? Text3DState | undefined : T extends Space | MapObject ? TGeometryState | undefined : T extends Path ? TPathState | undefined : T extends PathSegment ? TPathState | undefined : T extends string ? TLabelState | TGeometryState | TMarkerState | TModelState | TPathState | undefined : never;
     /**
         * Options for {@link Camera} animations on the map.
         */
@@ -2492,113 +2599,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     };
     /**
         * Control how a {@link Label} looks
+        * @interface
         */
-    export type TLabelAppearance = {
-            /**
-                * Margin around the label and marker in pixels. This will affect label density. Minimum is 6px.
-                * @default 6
-                */
-            margin?: number;
-            text?: {
-                    /**
-                        * Number of lines to display when text spans multiple lines.
-                        */
-                    numLines?: number;
-                    /**
-                        * Text size in pixels
-                        */
-                    size?: number;
-                    /**
-                        * Maxiumum width of text in pixels.
-                        */
-                    maxWidth?: number;
-                    /**
-                        * Line height sets the height of a line box. It's commonly used to set the distance between lines of text.
-                        *
-                        * @default 1.2
-                        */
-                    lineHeight?: number;
-                    /**
-                        * Text foreground color. Color can be set using CSS colors names `DarkGoldenRod`, as Hex strings `#0000FF` or the rgb values `rgb(255,0,0)`.
-                        */
-                    foregroundColor?: string;
-                    /**
-                        * Text background color. Color can be set using CSS colors names `DarkGoldenRod`, as Hex strings `#0000FF` or the rgb values `rgb(255,0,0)`.
-                        */
-                    backgroundColor?: string;
-            };
-            marker?: {
-                    foregroundColor?: {
-                            /**
-                                * Foreground color of the marker when it is active. Color can be set using CSS colors names `DarkGoldenRod`, as Hex strings `#0000FF` or the rgb values `rgb(255,0,0)`.
-                                */
-                            active?: string;
-                            /**
-                                * Foreground color of the marker when it is inactive (grayed out due to being outranked by other labels around). Color can be set using CSS colors names `DarkGoldenRod`, as Hex strings `#0000FF` or the rgb values `rgb(255,0,0)`.
-                                */
-                            inactive?: string;
-                    };
-                    backgroundColor?: {
-                            /**
-                                * Background color of the marker when it is active. Color can be set using CSS colors names `DarkGoldenRod`, as Hex strings `#0000FF` or the rgb values `rgb(255,0,0)`.
-                                */
-                            active?: string;
-                            /**
-                                * Background color of the marker when it is inactive (grayed out due to being outranked by other labels around). Color can be set using CSS colors names `DarkGoldenRod`, as Hex strings `#0000FF` or the rgb values `rgb(255,0,0)`.
-                                */
-                            inactive?: string;
-                    };
-                    /**
-                        * Size of bounding box of the icon in pixels
-                        * @default 10
-                        */
-                    iconSize?: number;
-                    /**
-                        * Icon to be placed inside label. Supports SVG or a URL to png or jpeg.
-                        *
-                        * @example
-                        * ```ts
-                        * // SVG
-                        * mapView.Labels.add(space, space.name, {
-                        * 	appearance: {
-                        * 		icon: `<svg>...</svg>`
-                        * 	},
-                        * });
-                        * ```
-                        *
-                        * @example
-                        * ```ts
-                        * // Image URL
-                        * mapView.Labels.add(space, space.name, {
-                        * 	appearance: {
-                        * 		icon: 'https://example.com/icon.png',
-                        * 	},
-                        * });
-                        * ```
-                        */
-                    icon?: string;
-                    /**
-                        * How the icon should fit inside the marker.
-                        *  - `fill` will stretch the icon to fill the marker.
-                        *  - `cover` will maintain aspect ratio and fill the marker.
-                        *  - `contain` will maintain aspect ratio and fit the icon inside the marker.
-                        * @default 'cover'
-                        */
-                    iconFit?: 'contain' | 'fill' | 'cover';
-                    /**
-                        * Padding around the icon, in pixels.
-                        * @default 4
-                        */
-                    iconPadding?: number;
-                    /**
-                        * Defines when the icon becomes visible relative to the current zoom level
-                        * anything below 0 will result in icons never showing up
-                        * 0 ensures icons show up at maxZoom (fully zoomed in)
-                        * 1 ensures they always show up
-                        */
-                    iconVisibilityThreshold?: number;
-            };
-    };
+    export type TLabelAppearance = LabelAppearance;
     /**
         * Defines the priority levels for collider collision handling, allowing customization of collider visibility in congested areas.
         *
@@ -3048,6 +3051,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/constants' {
         imagePlacementOptions: {
             mode: "default";
         };
+        flipImagesToFaceCamera: true;
     };
     export const EXTERIOR_WALLS_ID = "ExteriorWalls";
     export const WALLS_ID = "Walls";
@@ -3075,6 +3079,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-do
     import { Coordinate, type Floor } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { TBlueDotOptions, TBlueDotPositionUpdate } from '@mappedin/react-sdk/mappedin-js/src/types';
     import type { GeoJsonApi } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/api';
+    export const GEOMETRY_ID = "blue-dot";
     export type TBlueDotEvents = {
             /**
                 * Emitted when the Blue Dot's position is updated.
@@ -3400,7 +3405,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects' {
     export { Marker } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/marker';
     export { Image } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/image';
     export { Model } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/model';
-    export { Path } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path';
+    export { Path, PathSegment } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path';
     export { CameraTransform } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/camera-transform';
     export { Shape } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/shape';
     export { Text3D } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/text3d';
@@ -3792,9 +3797,18 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions' {
                 * Get the node IDs that should be excluded from the navigation graph.
                 *
                 * @hidden
+                * @param excludedConnections {Connection[]}
+                */
+            getExcludedNodeIds: (excludedConnections: Connection[]) => string[];
+            /**
+                * Get the node IDs of connections that do not match the accessibility setting provided.
+                * A disabled connection node is a connection node that acts as a regular node
+                * (ie. the edges that would cause a floor change are ignored).
+                *
+                * @hidden
                 * @param accessible {boolean}
                 */
-            getExcludedNodeIds: (accessible: boolean, excludedConnections: Connection[]) => string[];
+            getDisabledConnectionNodeIds: (accessible: boolean) => string[];
     }
     /**
         * Get the nodes from the navigation target.
@@ -3815,7 +3829,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types' {
     import type Annotation from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/annotation';
     import type Connection from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/connection';
     import type MapObject from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/object';
-    import type { EnterpriseLocation as MvfEnterpriseLocation, EnterpriseCategory as MvfEnterpriseCategory, ParsedMVFLocalePack, Feature } from '@mappedin/mvf';
+    import type { EnterpriseLocation as MvfEnterpriseLocation, EnterpriseCategory as MvfEnterpriseCategory, ParsedMVFLocalePack, Feature, FloorStack as MvfFloorStack, FloorProperties as MvfFloor } from '@mappedin/mvf';
     import type { PartialExcept } from '@mappedin/mvf/dist/locale';
     import type { LocalePackUrls } from '@packages/internal/mvf-utils';
     import type { LanguagePackHydrationItem } from '@mappedin/react-sdk/mappedin-js/src/types';
@@ -3826,19 +3840,21 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types' {
     export type Places = Space | Floor | Door | Connection | MapObject | PointOfInterest | Annotation | Area;
     export type LocationWithLocale = PartialExcept<MvfEnterpriseLocation, 'id'>;
     export type CategoryWithLocale = PartialExcept<MvfEnterpriseCategory, 'id'>;
+    export type FloorStackWithLocale = PartialExcept<MvfFloorStack, 'id'>;
+    export type FloorWithLocale = PartialExcept<MvfFloor, 'id'>;
+    export type LanguagePackRecords = {
+            'enterprise-location': Record<string, LocationWithLocale> | undefined;
+            'enterprise-category': Record<string, CategoryWithLocale> | undefined;
+            'floor-stack': Record<string, FloorStackWithLocale> | undefined;
+            floor: Record<string, FloorWithLocale> | undefined;
+    };
     export type LanguagePack = {
             type: 'downloaded';
             data: ParsedMVFLocalePack;
-            optimized: {
-                    locations: Record<string, LocationWithLocale> | undefined;
-                    categories: Record<string, CategoryWithLocale> | undefined;
-            };
+            optimized: LanguagePackRecords;
     } | {
             type: 'initial';
-            optimized: {
-                    locations: Record<string, MvfEnterpriseLocation>;
-                    categories: Record<string, MvfEnterpriseCategory>;
-            };
+            optimized: LanguagePackRecords;
     };
     export type TMapDataInternalOptions = {
             env?: EnvControl;
@@ -4447,6 +4463,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor' {
             toJSON(): {
                     id: string;
                     name: string;
+                    shortName: string;
                     elevation: number;
                     spaces: string[];
                     objects: string[];
@@ -4670,10 +4687,25 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/object' {
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/coordinate' {
     import type { IFocusable, IAnchorable } from '@mappedin/react-sdk/mappedin-js/src/types';
-    type TCoordinateParams = {
+    /**
+        * Parameters for creating a Coordinate.
+        */
+    export type TCoordinateParams = {
+            /**
+                * The latitude of the coordinate in decimal degrees.
+                */
             latitude: number;
+            /**
+                * The longitude of the coordinate in decimal degrees.
+                */
             longitude: number;
+            /**
+                * Optional ID of the floor this coordinate is on.
+                */
             floorId?: string;
+            /**
+                * Optional vertical offset from the floor in meters.
+                */
             verticalOffset?: number;
     };
     /**
@@ -4710,7 +4742,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/coordinate'
             readonly floorId?: string;
             /**
                 * The vertical position of the coordinate, offset from the floor.
-                * @internal
                 */
             readonly verticalOffset: number;
             /**
@@ -4721,7 +4752,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/coordinate'
                 */
             static is(instance: object): instance is Coordinate;
             /**
-                * @internal
+                * Creates a new Coordinate instance.
+                *
+                * @param latitudeOrParams Either a latitude number or a TCoordinateParams object containing coordinate details
                 */
             constructor(latitudeOrParams: TCoordinateParams);
             /**
@@ -5151,6 +5184,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor-stack
             toJSON(): {
                     id: string;
                     name: string;
+                    shortName: string;
                     type: "Building" | "Outdoor" | undefined;
                     floors: string[];
             };
@@ -5321,7 +5355,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location' {
     import type { IFocusable } from '@mappedin/react-sdk/mappedin-js/src/types';
     /**
         * An EnterpriseLocation contains metadata about a location, such as its name, description, logo, phone number, social medial links, hours of operation and more.
-        * They can be accessed using the {@link MapData.getByType()} method as shown below.
+        * They can be accessed using the {@link MapData.getByType} method as shown below.
         *
         * ```typescript
         * const allLocations = mapData.getByType('enterprise-location');
@@ -5329,7 +5363,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location' {
         *
         * Refer to the [EnterpriseLocation Guide](https://developer.mappedin.com/web-sdk/enterprise-data#enterprise-locations) for more information and interactive examples.
         */
-    class EnterpriseLocation extends BaseMetaData implements Omit<MVFEnterpriseLocation, 'polygons' | 'nodes' | 'links' | 'spaces'>, IFocusable {
+    class EnterpriseLocation extends BaseMetaData implements Omit<MVFEnterpriseLocation, 'polygons' | 'nodes' | 'links' | 'spaces' | 'categories'>, IFocusable {
             #private;
             /**
                 * @internal
@@ -5520,7 +5554,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/category' {
     import BaseMetaData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-metadata-object';
     /**
         * An EnterpriseCategory groups one or more EnterpriseLocation. These allow similar locations to be sorted in a logical fashion.
-        * For example a mall may group locations into Food Court, Footwear and Women's Fashion. They can be accessed using the {@link MapData.getByType()} method as shown below.
+        * For example a mall may group locations into Food Court, Footwear and Women's Fashion. They can be accessed using the {@link MapData.getByType} method as shown below.
         *
         * ```typescript
         * const categories = mapData.getByType('enterprise-category');
@@ -5616,7 +5650,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/venue' {
     import BaseMetaData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-metadata-object';
     /**
         * The EnterpriseVenue class holds metadata bout the map, which includes the map name, supported languages, default language, top locations and more.
-        * It can be accessed using the {@link 	MapData.getByType()} method as shown below.
+        * It can be accessed using the {@link MapData.getByType} method as shown below.
         *
         * ```typescript
         * const venue = mapData.getByType('enterprise-venue');
@@ -5985,13 +6019,92 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/inspector/inspec
     export type InspectorOption = Partial<InspectorState>;
 }
 
+declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path' {
+    import { type Coordinate } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type { IFocusable } from '@mappedin/react-sdk/mappedin-js/src/types';
+    /**
+        * @experimental
+        *
+        * A segment of a complete path. This can be a continuous portion of the path on a single floor, or
+        * the transition of a path between two floors, or a transition between indoors and outdoors.
+        */
+    export class PathSegment implements IFocusable {
+            readonly id: string;
+            readonly coordinates: Coordinate[];
+            /**
+                * @internal
+                */
+            static readonly __type = "PathSegment";
+            /**
+                * @internal
+                */
+            readonly __type = "PathSegment";
+            /**
+                * Checks if the provided instance is a PathSegment.
+                */
+            static is(instance: object): instance is PathSegment;
+            constructor(id: string, coordinates: Coordinate[]);
+            /** @internal */
+            get focusTarget(): Coordinate[];
+    }
+    /**
+        * Class representing a path on the {@link MapView}.
+        *
+        * Paths are used to indicate a route on the map and can be added and removed using {@link Paths.add} and {@link Paths.remove}.
+        */
+    export class Path implements IFocusable {
+            /**
+                * The path's id
+                */
+            id: string;
+            /**
+                * The promise that resolves when the current path animation is complete.
+                */
+            animation: Promise<void>;
+            /**
+                * The coordinates of the path.
+                */
+            coordinates: Coordinate[];
+            /**
+                * @experimental
+                *
+                * The segments of the path.
+                */
+            segments: PathSegment[];
+            /**
+                * @internal
+                */
+            static readonly __type = "Path";
+            /**
+                * @internal
+                */
+            readonly __type = "Path";
+            /**
+                * Checks if the provided instance is a Path.
+                *
+                * @param instance The instance to check.
+                * @returns {boolean} True if the instance is a Path, false otherwise.
+                */
+            static is(instance: object): instance is Path;
+            /** @internal */
+            get focusTarget(): Coordinate[];
+            /**
+                * @internal
+                */
+            constructor(id: string, drawAnimation: Promise<void>, coordinates: Coordinate[], segments: {
+                    id: string | number;
+                    coordinates: Coordinate[];
+            }[]);
+    }
+}
+
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/types' {
     import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
     export type CurrentMapGetter = () => GeojsonApiMapObject | undefined;
 }
 
 declare module '@mappedin/react-sdk/geojson/src/components/marker' {
-    import './marker.scss';
+    import '../styles/marker.scss';
     import { Vector2 } from 'three';
     import type { Entity2DHTMLDivElement, EntityId, Position } from '@mappedin/react-sdk/geojson/src/types';
     import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/group-container';
@@ -6181,7 +6294,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
                     name: MarkerAnchor;
                     getBoundingBox: () => number[];
             }[];
-            toPackedMessage(lockToCurrentStrategy?: boolean): {
+            toPackedMessage(isPanning?: boolean): {
                     x: number;
                     y: number;
                     enabled: boolean;
@@ -6728,12 +6841,17 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
                         */
                     iconFit?: 'contain' | 'fill' | 'cover';
                     /**
-                        * Defines when the icon becomes visible relative to the current zoom level
-                        * anything below 0 will result in icons never showing up
-                        * 0 ensures icons show up at maxZoom (fully zoomed in)
-                        * 1 ensures they always show up
+                        * Whether the icon should overflow the circle of the marker.
+                        * @default 'hidden'
                         */
-                    iconVisibilityThreshold?: number;
+                    iconOverflow?: 'visible' | 'hidden';
+                    /**
+                        * Defines the zoom level at which the icon becomes visible.
+                        * Infinity ensures the icon is never visible.
+                        * -Infinity ensures the icon is always visible.
+                        * @default -Infinity
+                        */
+                    iconVisibleAtZoomLevel?: number;
             };
     };
     /**
@@ -6799,8 +6917,9 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
                     iconSize?: number;
                     iconPadding: number;
                     iconFit: 'fill' | 'contain' | 'cover';
+                    iconOverflow: 'visible' | 'hidden';
                     icon?: string;
-                    iconVisibilityThreshold?: number;
+                    iconVisibleAtZoomLevel?: number;
             };
     };
     export type LabelOptions = {
@@ -6911,7 +7030,6 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
             imageHash?: number;
             markerSize: number;
             iconVisible: boolean;
-            zoomProportion: number;
             dp: (v?: number) => number;
             setEntity(): void;
             constructor(text: string, options: AddLabelOptions, state: RendererState);
@@ -6922,7 +7040,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
             onStrategySelected: (strategyIndex: any) => void;
             updatePosition(): void;
             disable(): void;
-            toPackedMessage(lockToCurrentStrategy?: boolean): {
+            toPackedMessage(isPanning?: boolean): {
                     x: number;
                     y: number;
                     enabled: boolean;
@@ -7106,7 +7224,7 @@ declare module '@mappedin/react-sdk/geojson/src/entities/geometry-group' {
 }
 
 declare module '@mappedin/react-sdk/geojson/src/types/geometry' {
-    export type Position = [lon: number, lat: number, alt?: number];
+    export type Position = [lon: number, lat: number] | [lon: number, lat: number, alt: number];
 }
 
 declare module '@mappedin/react-sdk/geojson/src/types' {
@@ -7653,6 +7771,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
             set topTexture(texture: Texture);
             get topTexture(): string;
             get topTextureInstance(): Texture | undefined;
+            set blendTexture(value: boolean);
             get featureBbox(): BBox;
             texturesVisible: boolean;
             showTextures(): void;
@@ -8069,6 +8188,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
     import { Group as TweenGroup } from '@tweenjs/tween.js';
     import { Debug } from '@mappedin/react-sdk/geojson/src/utils/debug';
     import { Occlusion2DSystem } from '@mappedin/react-sdk/geojson/src/systems/2d-occlusion/system';
+    import type { FloatingFloorTextProperties } from '@mappedin/mvf';
     export type * from '@mappedin/react-sdk/geojson/src/types';
     export const raycaster: Raycaster;
     /**
@@ -8166,6 +8286,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             addCustomGeometry(id: string, feature: Feature<Point>, builder: CustomGeometryBuilder, style?: {
                     visible?: boolean;
                     altitude?: number;
+                    interactive?: boolean;
             }, parent?: EntityId<GroupContainerState> | string | number | null): EntityId<ShapeState>;
             /**
                 * Add a geometry group from GeoJSON data
@@ -8184,6 +8305,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
                 * Add an HTML Marker at a GeoJSON coordinate.
                 */
             addMarker2D(coordinate: Position, contentHTML: string, options?: AddMarkerOptions, parent?: EntityId<GroupContainerState> | string | number | null): EntityId<MarkerState> | undefined;
+            addText3D(id: string, geometry: Feature<Point, FloatingFloorTextProperties>, options: AddText3DOptions, parent?: EntityId<GroupContainerState> | string | null): EntityId<Text3DState>;
             /**
                 * Labels an existing 3D geometry with a text area.
                 *
@@ -8205,10 +8327,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
                 */
             labelText3D(meshGeometryId: string, content: string, options?: AddText3DOptions & {
                     parentId?: string;
-            }): {
-                    id: string | number;
-                    type: "text3d";
-            } | undefined;
+            }): EntityId<Text3DState> | undefined;
             /**
                 * Add a 2D label at a GeoJSON coordinate.
                 */
@@ -8273,6 +8392,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             setState<T extends EntityId<ModelState>>(object: T | T['id'], state: Partial<UpdateModelState>): void;
             setState<T extends EntityId<ImageState>>(object: T | T['id'], state: Partial<ImageState>): void;
             setState<T extends EntityId<Text3DState>>(object: T | T['id'], state: Partial<UpdatableText3DState>): void;
+            setState<T extends EntityId<PathState>>(object: T | T['id'], state: Partial<PathState>): void;
             setState<T extends EntityState>(object: T | T['id'], state: Partial<T>): void;
             /**
                 * Project a screen coordinate to a geographic coordinate
@@ -8645,6 +8765,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/text3d' {
     import type { Text3DStyle } from '@mappedin/react-sdk/geojson/src/components/styles';
     import type { MeshComponentProperties } from '@mappedin/react-sdk/geojson/src/components/mesh';
     import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
+    import { type FloorTextCommonProperties } from '@mappedin/mvf';
     /**
         * State representing an Text3D
         */
@@ -9013,8 +9134,12 @@ declare module '@mappedin/react-sdk/geojson/src/components/text3d' {
             mesh: Geometry3DObject3D;
             textMesh?: Text;
             readonly type = "text3d";
-            feature: Feature<Point, Text3DProperties>;
-            constructor(feature: Feature<Point, Text3DProperties>);
+            feature: Feature<Point, Text3DProperties | (FloorTextCommonProperties & {
+                    verticalOffset: number;
+            })>;
+            constructor(feature: Feature<Point, Text3DProperties | (FloorTextCommonProperties & {
+                    verticalOffset: number;
+            })>);
             get visible(): boolean;
             set visible(visible: boolean);
             parent?: GroupContainerObject3D;
@@ -9184,6 +9309,10 @@ declare module '@mappedin/react-sdk/geojson/src/utils/constants' {
         DEFAULT = 0,
         OUTLINES = 1
     }
+    /**
+      * Duration of zoom in/out animation when double tapping with one finger or single tapping with two fingers.
+      */
+    export const TAP_ZOOM_DURATION = 250;
 }
 
 declare module '@mappedin/react-sdk/geojson/src/utils/debug' {
@@ -9253,6 +9382,11 @@ declare module '@mappedin/react-sdk/geojson/src/systems/watermark/system' {
                 * @hidden
                 */
             onClick?: () => void;
+            /**
+                * Whether the watermark is interactive.
+                * @default true
+                */
+            interactive?: boolean;
             /**
                 * Whether the watermark should be visible.
                 * @hidden
@@ -9263,6 +9397,8 @@ declare module '@mappedin/react-sdk/geojson/src/systems/watermark/system' {
     export type WatermarkUpdateOptions = Omit<WatermarkOptions, 'onClick' | 'visible'> & {
             /** Show the Mappedin watermark. Once it is visible it cannot be hidden again. */
             visible?: true;
+            /** Set the interactivity of the watermark. */
+            interactive?: boolean;
     };
     export class WatermarkSystem extends PubSub<{
             'texture-loaded': void;
@@ -9300,9 +9436,8 @@ declare module '@mappedin/react-sdk/geojson/src/systems/text3d/system' {
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     import type { RendererCore } from '@mappedin/react-sdk/geojson/src';
     import { PubSub } from '@packages/internal/common';
-    import type { BatchedText } from '@mappedin/react-sdk/geojson/src/services/text3d/text3d';
     import { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
-    import type { Text } from 'troika-three-text';
+    import type { Text, BatchedText } from 'troika-three-text';
     export class Text3DSystem extends PubSub<{
             render: undefined;
     }> {
@@ -9332,7 +9467,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/exporter' {
 
 declare module '@mappedin/react-sdk/geojson/src/systems/html-controls/system' {
     import type { Map } from '@mappedin/react-sdk/packages/outdoor-context-v4';
-    import './style.scss';
+    import '../../styles/html-controls.scss';
     /**
         * All possible control anchor positions.
         */
@@ -9381,7 +9516,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
     import { Facade, Coordinate, MapObject, Space, Floor, Door } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { MapView } from '@mappedin/react-sdk/mappedin-js/src/map-view';
     import { Label, Marker, Shape } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
-    import { Text3D as Text3DView, Model, type Image } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import { Text3D as Text3DView, Model, Path, type Image } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import { Navigation } from '@mappedin/react-sdk/mappedin-js/src/navigation';
     import type { TGetState, TUpdateState } from '@mappedin/react-sdk/mappedin-js/src/types';
     import { Camera } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/camera';
@@ -9399,6 +9534,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
     import Outdoor from '@mappedin/react-sdk/mappedin-js/src/api-geojson/outdoor';
     import { type BBox } from 'geojson';
     import { Text3D } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/text3d';
+    import { PathSegment } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path';
     export class GeoJsonApi {
         core: RendererCore;
         mapObjects: GeojsonApiMapObject[];
@@ -9430,7 +9566,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
         get DynamicFocus(): import("..").DynamicFocus;
         get StackedMaps(): import("..").StackedMaps;
         constructor(rendererCore: RendererCore, mapView: MapView);
-        updateState<T extends Space | Text3DView | MapObject | Label | Shape | Marker | Model | Door | Facade | WALLS | DOORS | (string & NonNullable<unknown>)>(target: T, state: TUpdateState<T>): void;
+        updateState<T extends Space | Text3DView | MapObject | Label | Shape | Marker | Model | Door | Facade | WALLS | DOORS | Path | PathSegment | (string & NonNullable<unknown>)>(target: T, state: TUpdateState<T>): void;
         update: () => void;
         getMapDataInternal(): MapDataInternal | undefined;
         getMapData(): MapData | undefined;
@@ -9440,11 +9576,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
         updateWatermark(options: WatermarkUpdateOptions): void;
         get currentFloorStack(): FloorStack;
         get currentFloor(): Floor;
-        getState<T extends Space | Text3DView | MapObject | Label | Marker | Image | Shape | Model | string>(target: T): TGetState<T>;
+        getState<T extends Space | Text3DView | MapObject | Label | Marker | Image | Shape | Model | Path | PathSegment | string>(target: T): TGetState<T>;
         setHoverColor(c: string): void;
         getHoverColor(): string | undefined;
-        createCoordinate(latitude: number, longitude: number, floor?: Floor): Coordinate;
         createCoordinateFromScreenCoordinate(x: number, y: number, floor?: Floor): Coordinate | undefined;
+        getScreenCoordinateFromCoordinate(coordinate: Coordinate): {
+            x: number;
+            y: number;
+        };
         isInView(target: Space | MapObject | Label | Marker | string): boolean;
         auto(): {
             labels: Label[];
@@ -9471,7 +9610,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
     import type { TFloorChangeReason } from '@mappedin/react-sdk/mappedin-js/src/events';
     import type { Path, Shape, Label } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import { Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import type { Coordinate, MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import { Coordinate, MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import { type GeoJsonApi } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/api';
     import { FloorStackObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-stack-object';
     import { DynamicFocus } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/dynamic-focus';
@@ -9484,7 +9623,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
             previousFloorId: string;
         };
         'floor-change-start': {
+            reason?: TFloorChangeReason;
             floorId: string;
+            previousFloorId: string;
         };
         'navigation-connection-click': {
             fromFloor?: Floor;
@@ -9571,8 +9712,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
             removeAll: () => void;
         };
         Paths: {
-            add: (coordinates: Coordinate[], options?: TAddPathOptions) => {
-                paths: EntityId<PathState>[];
+            add: (coordinates: Coordinate[], options?: TAddPathOptions & {
+                id?: string;
+            }) => {
+                paths: (EntityId<PathState> & {
+                    coordinates: Coordinate[];
+                })[];
                 animation: Promise<void>;
             };
             remove: (entityIds: string[]) => void;
@@ -9770,40 +9915,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/model' {
     }
 }
 
-declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path' {
-    import { type Coordinate } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import type { IFocusable } from '@mappedin/react-sdk/mappedin-js/src/types';
-    /**
-        * Class representing a path on the {@link MapView}.
-        *
-        * Paths are used to indicate a route on the map and can be added and removed using {@link Paths.add} and {@link Paths.remove}.
-        */
-    export class Path implements IFocusable {
-            /**
-                * The label's id
-                */
-            id: string;
-            /**
-                * The promise that resolves when the current path animation is complete.
-                */
-            animation: Promise<void>;
-            /**
-                * The coordinates of the path.
-                */
-            coordinates: Coordinate[];
-            /**
-                * @internal
-                */
-            readonly __type: 'Path';
-            /** @internal */
-            get focusTarget(): Coordinate[];
-            /**
-                * @internal
-                */
-            constructor(id: string, drawAnimation: Promise<void>, coordinates: Coordinate[]);
-    }
-}
-
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/shape' {
     import type { IFocusable } from '@mappedin/react-sdk/mappedin-js/src/types';
     /**
@@ -10287,7 +10398,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/paths' {
         *
         * Paths can be drawn from one coordinate to another using {@link Paths.add}. If using just two coordinates, the path will be drawn straight between the two points.
         * This may work for some scenarios, but in most cases an app will need to show the user their walking path, going through doors and avoiding walls and other objects.
-        * Such a path of coordinates can be created by calling the {@link MapData.getDirections()} method, passing in a start and end {@link TNavigationTarget}. Note that a Space requires an entrance to be used as a target.
+        * Such a path of coordinates can be created by calling the {@link MapData.getDirections} method, passing in a start and end {@link TNavigationTarget}. Note that a Space requires an entrance to be used as a target.
         *
         * The width of the path is set using the {@link TAddPathOptions.nearRadius} and {@link TAddPathOptions.farRadius} parameters. These values are in meters. `nearRadius` is the path width used at the lowest zoom level closest to the ground and `farRadius` is used at the highest zoom level. Additional path styles are outlined later in this guide in the Path Styles section.
         *
@@ -11457,7 +11568,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/opening-hou
 
 declare module '@mappedin/react-sdk/geojson/src/systems/collisions/system' {
     import { QuadTree } from '@packages/internal/quad-tree';
-    import './style.scss';
+    import '../../styles/collisions.scss';
     import type { MarkerComponent } from '@mappedin/react-sdk/geojson/src/components/marker';
     import type LabelComponent from '@mappedin/react-sdk/geojson/src/components/label';
     import { PubSub } from '@mappedin/react-sdk/packages/common/pubsub';
@@ -11524,7 +11635,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/system' {
         currentMsgId: string;
         working: boolean;
         componentArray: (MarkerComponent | LabelComponent)[];
-        update: (watermarkWidth: number, watermarkHeight: number, watermarkPosition?: WatermarkPosition, useAllStrategies?: boolean) => void;
+        update: (watermarkWidth: number, watermarkHeight: number, watermarkPosition?: WatermarkPosition, isPanning?: boolean) => void;
         resize(watermarkWidth: number, watermarkHeight: number, watermarkPosition: WatermarkPosition): void;
         /**
           * Resolve collisions
@@ -11734,21 +11845,20 @@ declare module '@mappedin/react-sdk/geojson/src/components/interaction' {
 
 declare module '@mappedin/react-sdk/geojson/src/services/text3d/text3d' {
     import { type Text3DStyleComponent } from '@mappedin/react-sdk/geojson/src/components/styles';
-    import { Text, BatchedText } from 'troika-three-text';
+    import { BatchedText, Text } from 'troika-three-text';
     import type { RendererCore } from '@mappedin/react-sdk/geojson/src';
     import type { Text3DComponent } from '@mappedin/react-sdk/geojson/src/components/text3d';
-    export function createTroikaText(entityId: string | number, text3DComponent: Text3DComponent, styleComponent: Text3DStyleComponent, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition']): Promise<{
+    export function createTroikaTextPoint(entityId: string | number, text3DComponent: Text3DComponent, styleComponent: Text3DStyleComponent, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition']): Promise<{
+            text: Text;
+    }>;
+    export function createTroikaTextArea(entityId: string | number, text3DComponent: Text3DComponent, styleComponent: Text3DStyleComponent, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition']): Promise<{
             text: Text;
     } | undefined>;
     export { BatchedText, Text };
     /**
-        * typeof module is forbiten in typescript. see: [@typescript-eslint/consistent-type-imports]
+        * Promise caches the base64 font string. Then shared across all needed
         */
-    export type ModuleType = {
-            createTroikaText: typeof createTroikaText;
-            preloadFont: typeof preloadFont;
-            BatchedText: typeof BatchedText;
-    };
+    export let fontPreloadLoadPromise: Promise<string> | undefined;
     /**
         * Preloads a font from the given URL. Enable developer to preload font way before scene is ready
         *
@@ -11756,6 +11866,15 @@ declare module '@mappedin/react-sdk/geojson/src/services/text3d/text3d' {
         * @returns A promise that resolves when the font is successfully preloaded, or rejects with an error if the font cannot be loaded.
         */
     export function preloadFont(fontUrl?: string): Promise<string>;
+    /**
+        * typeof module is forbiten in typescript. see: [@typescript-eslint/consistent-type-imports]
+        */
+    export type ModuleType = {
+            createTroikaTextPoint: typeof createTroikaTextPoint;
+            createTroikaTextArea: typeof createTroikaTextArea;
+            preloadFont: typeof preloadFont;
+            BatchedText: typeof BatchedText;
+    };
 }
 
 declare module '@mappedin/react-sdk/geojson/src/components/geometry-group-style' {
@@ -11984,6 +12103,8 @@ declare module '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimi
         set texture(texture: Texture);
         get topTexture(): Texture;
         set topTexture(texture: Texture);
+        get blendTexture(): boolean;
+        set blendTexture(value: boolean);
         setGradientShading(start: number, end: number, intensity: number): void;
         setColor(batchId: number, color: Color, topColor: Color): void;
         getColor(batchId: number): {
@@ -12226,7 +12347,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/2d-draw/system' {
                 right?: OffscreenCanvas | HTMLCanvasElement;
             };
         };
-        update: (newZoom: number, minZoom: number, maxZoom: number) => void;
+        update: (zoomLevel: number) => void;
         processText: (text: string, size: number, maxWidth: number, maxLines: number, lineHeight: number) => {
             textDrawFn: import("@packages/internal/shave-text/shave-text").TDrawFn;
             width: number;
@@ -12569,7 +12690,15 @@ declare module '@mappedin/react-sdk/geojson/src/systems/image/system' {
         'image-loaded': void;
     }> {
         constructor(rendererState: RendererState, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition'], initialBearing?: number, naturalBearing?: number, imagePlacementOptions?: ImagePlacementOptions);
-        imageLoadingCache: Map<string, Promise<Texture>>;
+        /**
+          * We need to track the loaded state separately from the promise since we can't check
+          * the resolution state of a promise after it settles. This allows components to check
+          * if an image has finished loading without having to await the promise.
+          */
+        imageLoadingCache: Map<string, {
+            loaded: boolean;
+            promise: Promise<Texture>;
+        }>;
         update(cameraRotationRadians: number): void;
     }
 }
@@ -13106,15 +13235,16 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
     import { Coordinate, type MapObject, type Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import type { Position, EntranceCollection, LineString, Polygon, Point, SpaceProperties, ObstructionProperties, StyleCollection, PolygonStyle, LineStringStyle, Feature, ObstructionCollection, PointStyle } from '@mappedin/mvf';
-    import type { WithPolygonImage } from '@packages/internal/mvf-utils';
+    import type { EntranceCollection, LineString, Polygon, Point, SpaceProperties, ObstructionProperties, StyleCollection, PolygonStyle, LineStringStyle, Feature, ObstructionCollection, PointStyle } from '@mappedin/mvf';
+    import type { PolygonFeatureProperties } from '@packages/internal/mvf-utils';
     import type { BBox, FeatureCollection, MultiLineString } from 'geojson';
-    import type { LabelState, MarkerState, GeometryState, CollisionRankingTier, LineStyle, PaintStyle } from '@mappedin/core-sdk';
+    import type { LabelState, MarkerState, GeometryState, CollisionRankingTier, LineStyle, PaintStyle, Position } from '@mappedin/core-sdk';
     import { type TGeometryState, type TLabelState, type TDirectionInstructionAction, type TShow3DMapOptions, type Label, type Marker, type Model } from '@mappedin/react-sdk/mappedin-js/src';
     import type { TDoorsState, TMarkerState, TWallsState } from '@mappedin/react-sdk/mappedin-js/src/types';
-    import type { Image, Shape, Text3D } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import type { Image, Path, Shape, Text3D } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { GeoJsonApi } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/api';
     import type { Tween } from '@tweenjs/tween.js';
+    import type { PathSegment } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path';
     export function convertCoordinateToPosition(coord: Coordinate): Position;
     export function convertPositionToCoordinate(coord: Position): Coordinate;
     export const cutEntrancesFromLineStrings: (lineStrings: ObstructionCollection["features"], entranceCollection: EntranceCollection["features"]) => {
@@ -13139,9 +13269,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
     export type WithId<T> = T & {
         id?: string;
     };
-    export function groupGeometryByStyle(features: Feature<LineString | Polygon | Point, SpaceProperties | ObstructionProperties>[], styleMap: AggregatedStyleMap): Map<WithId<PolygonStyle> | WithId<LineStringStyle> | WithId<PointStyle>, Feature<Polygon | LineString | Point, WithPolygonImage<SpaceProperties> | WithPolygonImage<ObstructionProperties>>[]>;
+    export function groupGeometryByStyle(features: Feature<LineString | Polygon | Point, PolygonFeatureProperties<SpaceProperties | ObstructionProperties>>[], styleMap: AggregatedStyleMap): Map<WithId<PolygonStyle> | WithId<LineStringStyle> | WithId<PointStyle>, Feature<Polygon | LineString | Point, PolygonFeatureProperties<SpaceProperties | ObstructionProperties>>[]>;
     export function translateToCoreStyle(style: PolygonStyle | LineStringStyle, userOptions?: TShow3DMapOptions): PaintStyle | LineStyle;
-    export const getTargetID: <T extends Space | Shape | MapObject | Label | Text3D | Marker | Model | Image | string>(target: T, api: GeoJsonApi) => string | undefined;
+    export const getTargetID: <T extends Space | Shape | MapObject | Label | Text3D | Marker | Model | Path | PathSegment | Image | string>(target: T, api: GeoJsonApi) => string | undefined;
     export function tweenToPromise(tween: Tween): Promise<void>;
     export function getBoundingBox(geometry: GeoJSON.Feature<GeoJSON.Polygon | GeoJSON.MultiPolygon, any>): BBox;
     export function expandBbox(bbox: BBox, bboxToExpand: BBox): number[];
@@ -13275,7 +13405,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/collider-proc
 }
 
 declare module '@mappedin/react-sdk/geojson/src/systems/interactions/system' {
-    import type { PerspectiveCamera, Vector3, Object3D, Mesh } from 'three';
+    import { PerspectiveCamera, Vector3, Object3D, Mesh, Intersection, Object3DEventMap } from 'three';
     import { Raycaster } from 'three';
     import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
     import { QuadTree } from '@packages/internal/quad-tree';
@@ -13284,7 +13414,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/interactions/system' {
     import type { EntityMesh } from '@mappedin/react-sdk/geojson/src/types';
     import { TapsController } from '@mappedin/react-sdk/geojson/src/systems/interactions/tap-controller';
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
-    import 'style.scss';
+    import '../../styles/interactions.scss';
     import type { EntityBatchedMesh } from '@mappedin/react-sdk/geojson/src/components/mesh';
     import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
     type InteractionPayload = {
@@ -13339,7 +13469,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/interactions/system' {
                     entities: (Object3D | EntityMesh<Geometry3D> | EntityBatchedMesh)[];
                     groups: GroupContainerObject3D[];
             };
-            getMouseRayIntersects(): import("three").Intersection<Object3D<import("three").Object3DEventMap>>[];
+            getMouseRayIntersects(): Intersection<Object3D<Object3DEventMap>>[];
             destroy(): void;
             debugPanel: HTMLDivElement | undefined;
             enableDebug(): void;
@@ -13357,7 +13487,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/interactions/system' {
             getCursor(): CursorTypes;
             resize: () => void;
     }
-    export function findModelParent(object: Object3D): Object3D<import("three").Object3DEventMap> | undefined;
+    export function findModelParent(object: Object3D): Object3D<Object3DEventMap> | undefined;
     export {};
 }
 
@@ -13368,6 +13498,19 @@ declare module '@mappedin/react-sdk/geojson/src/systems/camera/system' {
     import * as CAMERA_CONSTANTS from '@mappedin/react-sdk/geojson/src/systems/camera/constants';
     import type { AnimateCameraTarget, CameraControlsOptions, CameraFocusOnOptions } from '@mappedin/react-sdk/geojson/src/systems/camera/types';
     import type { InsetPadding, RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    export enum CameraControlsState {
+            NONE = -1,
+            ROTATE = 0,
+            DOLLY = 1,
+            PAN = 2,
+            WHEEL_ZOOM = 3,
+            TOUCH_TILT = 4,
+            TOUCH_DOLLY = 5,
+            TOUCH_PAN = 6,
+            MULTI = 7,
+            PEDESTAL = 8,
+            TOUCH_PEDESTAL = 9
+    }
     type CameraEventName = (typeof CAMERA_CONSTANTS.EVENTS)[number];
     type SpecificCameraEvents = {
             'multi-start': {
@@ -13407,6 +13550,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/camera/system' {
             dirty: boolean;
             zoomDirty: boolean;
             rotationDirty: boolean;
+            panDirty: boolean;
             /**
                 * Factor that controls how fast zooming in and out happens in response to mouse wheel events
                 *
@@ -13555,6 +13699,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/camera/system' {
                 * @default 1.2
                 */
             maxTilt: number;
+            state: CameraControlsState;
             constructor(camera: PerspectiveCamera, scene: Scene, renderer: WebGLRenderer, rendererState: RendererState, options: CameraControlsOptions);
             /**
                 * The amount the camera is shifted up/down
@@ -21919,14 +22064,16 @@ declare module '@mappedin/react-sdk/packages/geojson-navigator/src/navigator/nav
                 * @param {string[]} originIds - IDs of origin nodes.
                 * @param {string[]} destinationNodeIds - IDs of destination nodes.
                 * @param {string[]} [excludedNodeIds] - IDs of nodes to exclude from pathfinding.
+                * @param {string[]} [disabledConnectionNodeIds] - IDs of connection nodes that are disabled (ie. act as regular nodes).
                 * @param {SimplifyDirectionsOptions} [simplify] - Options to simplify the pathfinding result.
                 * @returns {DirectionsCollection} A collection of directional features representing the path.
                 */
-            getDirections({ zones: directionsZones, originIds, destinationNodeIds, excludedNodeIds, simplify, multiplicativeDistanceWeightScaling, }: {
+            getDirections({ zones: directionsZones, originIds, destinationNodeIds, excludedNodeIds, disabledConnectionNodeIds, simplify, multiplicativeDistanceWeightScaling, }: {
                     originIds: string[];
                     destinationNodeIds: string[];
                     zones?: DirectionsZone[];
                     excludedNodeIds?: string[];
+                    disabledConnectionNodeIds?: string[];
                     simplify?: SimplifyDirectionsOptions;
                     multiplicativeDistanceWeightScaling?: boolean;
             }): DirectionsCollection;