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

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';
@@ -631,7 +654,7 @@ declare module '@mappedin/react-sdk/react-sdk/src/Model' {
     import type { TupleToObjectWithPropNames } from '@mappedin/react-sdk/react-sdk/src/type-utils';
     import type Mappedin from '@mappedin/react-sdk/react-sdk/src';
     type ParamsArray = Parameters<Mappedin.MapView['Models']['add']>;
-    type StreamAgentParameterNames = ['models', 'options'];
+    type StreamAgentParameterNames = ['target', 'url', 'options'];
     /**
         * @interface
         */
@@ -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,14 @@ 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 as GeoJsonUpdateModelState, ImagePlacementOptions, LabelAppearance } from '@mappedin/react-sdk/geojson/src';
+    import type { PathSegment } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path';
+    export type UpdateModelState = Omit<GeoJsonUpdateModelState, 'position' | 'scale'> & {
+            position?: Coordinate;
+            scale?: number | [number, number, number];
+    };
     export type DeepRequired<T> = Required<{
             [K in keyof T]: T[K] extends Required<T[K]> ? T[K] : DeepRequired<T[K]>;
     }>;
@@ -2072,11 +2175,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
             type: 'label';
     };
     /**
-        * Defines the state for a model when its appearance is updated.
+        * Defines the state for a model
         */
     export type TModelState = {
             type: 'model';
-    } & ModelState;
+    } & Omit<ModelState, 'position' | 'parent'> & {
+            position: Coordinate;
+    };
     /**
         * Defines the state for an image when its appearance is updated.
         */
@@ -2161,6 +2266,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 +2348,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
             topTexture?: {
                     url: string;
             };
+            flipImageToFaceCamera?: boolean;
     };
     export enum WALLS {
             Exterior = "exterior-walls",
@@ -2248,9 +2361,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 +2605,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.
         *
@@ -2710,10 +2719,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             rotation?: [number, number, number];
             /**
-                * Optional. Determines the scale of the model.
+                * Optional. Determines the scale of the model. Can be a single number to scale uniformly in all dimensions,
+                * or an array of three numbers [x, y, z] to scale differently in each dimension.
                 * @default [1, 1, 1]
                 */
-            scale?: [number, number, number];
+            scale?: number | [number, number, number];
             /**
                 * Whether the Model should be clickable
                 * @default false
@@ -2727,7 +2737,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     /**
         * Options for controlling the behavior of a {@link Model}.
         */
-    export type TAddModelOptions = Omit<InitializeModelState, 'verticalOffset'>;
+    export type TAddModelOptions = Omit<InitializeModelState, 'scale'> & {
+            scale?: number | [number, number, number];
+    };
     /**
         * @interface
         */
@@ -3048,6 +3060,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 +3088,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 +3414,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';
@@ -3635,6 +3649,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/navigation' {
                 * Sets the active path by directions.
                 */
             setActivePathByDirections(target: Directions): void;
+            /**
+                * @internal
+                */
+            drawSync(directions: Directions | Directions[], options?: TNavigationOptions): void;
             /**
                 * Draws the specified directions on the map.
                 * @param directions The directions to be drawn.
@@ -3720,6 +3738,7 @@ declare module '@mappedin/react-sdk/react-sdk/src' {
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions' {
     import type { ParsedMVF } from '@mappedin/mvf';
     import type { DirectionsCollection } from '@packages/internal/geojson-navigator';
+    import { Navigator } from '@packages/internal/geojson-navigator';
     import { Connection, Coordinate, Node, type MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { TDirectionInstruction, TDirectionZone, TNavigationTarget } from '@mappedin/react-sdk/mappedin-js/src/types';
     /**
@@ -3760,6 +3779,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions' {
             get instructions(): TDirectionInstruction[];
     }
     export class DirectionsInternal {
+            navigator: Navigator;
             /**
                 * @hidden
                 */
@@ -3792,9 +3812,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 +3844,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 +3855,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 +4478,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 +4702,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 +4757,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 +4767,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);
             /**
@@ -4955,7 +5003,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/annotation'
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/hyperlink' {
-    import type { Hyperlink as MVFHyperlink } from '@mappedin/mvf';
+    import type { LocationLink, Hyperlink as MVFHyperlink } from '@mappedin/mvf';
     import BaseMetaData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-metadata-object';
     /**
         * A class representing hyperlink link data within the map.
@@ -4977,7 +5025,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/hyperlink'
                 * @internal
                 */
             constructor(options: {
-                    mvfData: MVFHyperlink;
+                    mvfData: MVFHyperlink | LocationLink;
             });
             /**
                 * Gets the url of the hyperlink.
@@ -5151,6 +5199,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[];
             };
@@ -5293,7 +5342,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/utils/data-creation' {
             locationProfilesByCategoryId: Record<string, LocationProfile[]>;
             locationProfilesByAttachedFeatureId: Record<string, LocationProfile[]>;
     };
-    export const processMVFSpaces: (mvf: ParsedMVF, data: MapDataInternal) => Pick<MapDataRecords, "spacesById" | "spacesByExternalId" | "spaceIdsByDestinationNodeId" | "poisById" | "poisByExternalId" | "mvfSpacesById" | "objectEntranceNodeIdsByObstructionId" | "connectionsById" | "connectionIdsByLatLon" | "mvfSpacesByFloorId" | "mvfPoisByFloorId">;
+    export const processMVFSpaces: (mvf: ParsedMVF, mvfConnectionsByNodeId: MapDataRecords["mvfConnectionsByNodeId"], data: MapDataInternal) => Pick<MapDataRecords, "spacesById" | "spacesByExternalId" | "spaceIdsByDestinationNodeId" | "poisById" | "poisByExternalId" | "mvfSpacesById" | "objectEntranceNodeIdsByObstructionId" | "connectionsById" | "connectionIdsByLatLon" | "mvfSpacesByFloorId" | "mvfPoisByFloorId">;
     export const processMVFNodes: (mvf: ParsedMVF, data: MapDataInternal) => Pick<MapDataRecords, "nodesById" | "nodesByExternalId" | "mvfNodesById" | "mvfNodesByFloorId">;
     export const processMVFObstructions: (mvf: ParsedMVF, data: MapDataInternal) => Pick<MapDataRecords, "objectsById" | "objectsByExternalId" | "mvfObstructionById" | "obstructionIdByEntranceId">;
     export const processMVFFloors: (mvf: ParsedMVF, data: MapDataInternal) => Pick<MapDataRecords, "floorsById" | "floorsByExternalId" | "mvfFloorsById">;
@@ -5321,7 +5370,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 +5378,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 +5569,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 +5665,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 +6034,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 +6309,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 +6856,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'
+                        */
+                    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
                         */
-                    iconVisibilityThreshold?: number;
+                    iconVisibleAtZoomLevel?: number;
             };
     };
     /**
@@ -6799,8 +6932,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 = {
@@ -6880,6 +7014,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
             text: string;
             style: TStyle;
             projection: Vector2;
+            labelCacheId?: string;
             _cache: {};
             appearance: LabelAppearanceFillenIn;
             options: LabelOptions;
@@ -6911,7 +7046,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 +7056,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 +7240,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 +7787,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;
@@ -7760,7 +7895,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
             /**
                 * The parent container of the marker
                 */
-            readonly parent: EntityId<GeometryGroupState> | string | number;
+            readonly parent?: EntityId<GeometryGroupState> | string | number;
             /**
                 * The position of the model in [lon, lat]
                 */
@@ -7774,17 +7909,19 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                 * ```
                 */
             interactive: boolean;
-    } & Partial<ModelStyle>;
+    } & Partial<Omit<ModelStyle, 'rotation' | 'scale'>> & Pick<ModelStyle, 'rotation' | 'scale'>;
     /**
         * initialize model state
         * @interface
         */
-    export type InitializeModelState = Omit<Partial<Omit<ModelState, 'url'> & Pick<ModelStyle, 'url'>>, 'id' | 'type' | 'parent' | 'position'>;
+    export type InitializeModelState = Omit<Partial<ModelState>, 'id' | 'type' | 'parent' | 'position'>;
     /**
         * updatable model state
         * @interface
         */
-    export type UpdateModelState = Omit<InitializeModelState, 'url'>;
+    export type UpdateModelState = Omit<InitializeModelState, 'url'> & {
+            position?: Position;
+    };
     export const modelPropertiesSchema: z.ZodObject<{
             rotation: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
             altitude: z.ZodOptional<z.ZodNumber>;
@@ -7795,17 +7932,17 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
     }, "strip", z.ZodTypeAny, {
             altitude?: number | undefined;
             verticalOffset?: number | undefined;
-            id?: string | number | undefined;
-            interactive?: boolean | undefined;
             rotation?: number[] | undefined;
             scale?: number[] | undefined;
+            id?: string | number | undefined;
+            interactive?: boolean | undefined;
     }, {
             altitude?: number | undefined;
             verticalOffset?: number | undefined;
-            id?: string | number | undefined;
-            interactive?: boolean | undefined;
             rotation?: number[] | undefined;
             scale?: number[] | undefined;
+            id?: string | number | undefined;
+            interactive?: boolean | undefined;
     }>;
     export const featureSchema: z.ZodObject<{
             type: z.ZodEnum<["Feature"]>;
@@ -7829,17 +7966,17 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
             }, "strip", z.ZodTypeAny, {
                     altitude?: number | undefined;
                     verticalOffset?: number | undefined;
-                    id?: string | number | undefined;
-                    interactive?: boolean | undefined;
                     rotation?: number[] | undefined;
                     scale?: number[] | undefined;
+                    id?: string | number | undefined;
+                    interactive?: boolean | undefined;
             }, {
                     altitude?: number | undefined;
                     verticalOffset?: number | undefined;
-                    id?: string | number | undefined;
-                    interactive?: boolean | undefined;
                     rotation?: number[] | undefined;
                     scale?: number[] | undefined;
+                    id?: string | number | undefined;
+                    interactive?: boolean | undefined;
             }>;
     }, "strip", z.ZodTypeAny, {
             type: "Feature";
@@ -7850,10 +7987,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
             properties: {
                     altitude?: number | undefined;
                     verticalOffset?: number | undefined;
-                    id?: string | number | undefined;
-                    interactive?: boolean | undefined;
                     rotation?: number[] | undefined;
                     scale?: number[] | undefined;
+                    id?: string | number | undefined;
+                    interactive?: boolean | undefined;
             };
     }, {
             type: "Feature";
@@ -7864,10 +8001,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
             properties: {
                     altitude?: number | undefined;
                     verticalOffset?: number | undefined;
-                    id?: string | number | undefined;
-                    interactive?: boolean | undefined;
                     rotation?: number[] | undefined;
                     scale?: number[] | undefined;
+                    id?: string | number | undefined;
+                    interactive?: boolean | undefined;
             };
     }>;
     export const addModelFeatureSchema: z.ZodObject<{
@@ -7894,17 +8031,17 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                     }, "strip", z.ZodTypeAny, {
                             altitude?: number | undefined;
                             verticalOffset?: number | undefined;
-                            id?: string | number | undefined;
-                            interactive?: boolean | undefined;
                             rotation?: number[] | undefined;
                             scale?: number[] | undefined;
+                            id?: string | number | undefined;
+                            interactive?: boolean | undefined;
                     }, {
                             altitude?: number | undefined;
                             verticalOffset?: number | undefined;
-                            id?: string | number | undefined;
-                            interactive?: boolean | undefined;
                             rotation?: number[] | undefined;
                             scale?: number[] | undefined;
+                            id?: string | number | undefined;
+                            interactive?: boolean | undefined;
                     }>;
             }, "strip", z.ZodTypeAny, {
                     type: "Feature";
@@ -7915,10 +8052,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                     properties: {
                             altitude?: number | undefined;
                             verticalOffset?: number | undefined;
-                            id?: string | number | undefined;
-                            interactive?: boolean | undefined;
                             rotation?: number[] | undefined;
                             scale?: number[] | undefined;
+                            id?: string | number | undefined;
+                            interactive?: boolean | undefined;
                     };
             }, {
                     type: "Feature";
@@ -7929,10 +8066,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                     properties: {
                             altitude?: number | undefined;
                             verticalOffset?: number | undefined;
-                            id?: string | number | undefined;
-                            interactive?: boolean | undefined;
                             rotation?: number[] | undefined;
                             scale?: number[] | undefined;
+                            id?: string | number | undefined;
+                            interactive?: boolean | undefined;
                     };
             }>, "many">;
     }, "strip", z.ZodTypeAny, {
@@ -7946,10 +8083,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                     properties: {
                             altitude?: number | undefined;
                             verticalOffset?: number | undefined;
-                            id?: string | number | undefined;
-                            interactive?: boolean | undefined;
                             rotation?: number[] | undefined;
                             scale?: number[] | undefined;
+                            id?: string | number | undefined;
+                            interactive?: boolean | undefined;
                     };
             }[];
     }, {
@@ -7963,10 +8100,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                     properties: {
                             altitude?: number | undefined;
                             verticalOffset?: number | undefined;
-                            id?: string | number | undefined;
-                            interactive?: boolean | undefined;
                             rotation?: number[] | undefined;
                             scale?: number[] | undefined;
+                            id?: string | number | undefined;
+                            interactive?: boolean | undefined;
                     };
             }[];
     }>;
@@ -8001,6 +8138,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
             #private;
             mesh?: Geometry3DObject3D | Group;
             readonly type = "model";
+            positionDirty: boolean;
             outline?: LineSegments;
             geometry?: Object3D;
             material?: BatchedStandardMaterial;
@@ -8014,6 +8152,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
             position: Vector3;
             get altitude(): number;
             set altitude(value: number);
+            getRotation(): number[] | undefined;
+            setRotation(value: [number, number, number]): void;
+            getScale(): number[] | undefined;
+            setScale(value: [number, number, number]): void;
             get opacity(): number;
             set opacity(value: number);
     }
@@ -8069,6 +8211,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 +8309,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 +8328,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 +8350,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 +8415,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 +8788,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 +9157,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 +9332,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 +9405,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 +9420,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 +9459,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 +9490,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.
         */
@@ -9370,6 +9528,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/styles' {
     export { StyleComponent, DEFAULT_COLOR, type MaterialSide } from '@mappedin/react-sdk/geojson/src/components/styles/style';
     export { Text3DStyleComponent, type Text3DStyle, DEFAULT_TEXT_STYLE } from '@mappedin/react-sdk/geojson/src/components/styles/text-style';
     export { ModelStyleComponnet, type ModelStyle } from '@mappedin/react-sdk/geojson/src/components/styles/model-style';
+    export { DEFAULT_ROTATION, DEFAULT_SCALE } from '@mappedin/react-sdk/geojson/src/components/styles/constants';
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
@@ -9381,7 +9540,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 +9558,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 +9590,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 +9600,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[];
@@ -9465,13 +9628,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
     import type { Position, AddLabelOptions, RendererCore, PathState, MarkerState, LineStyle, PaintStyle, EntityId } from '@mappedin/core-sdk';
     import { FloorObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object';
     import type { Directions, Floor, TAddMarkerOptions, TAddPathOptions, TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
-    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddModel, TAddImageOptions, TDirectionInstruction, TAddText3DOptions, IAnchorable, TAddLabelOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddImageOptions, TDirectionInstruction, TAddText3DOptions, IAnchorable, TAddLabelOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
     import { type AggregatedStyleMap } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils';
     import { StackedMaps } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
     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 type { MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import { Space, Coordinate } 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 +9647,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;
@@ -9518,7 +9683,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
         processFloorChange(floorId: string): void;
         setFloor(floorId: string, reason?: TFloorChangeReason): void;
         Models: {
-            add: (id: string, targets: TAddModel[], opts: TAddModelOptions & {
+            add: (id: string, targets: Coordinate[], opts: TAddModelOptions & {
                 floorId?: string;
             }) => (import("@mappedin/core-sdk").GeometryState | import("@mappedin/core-sdk").ModelState)[];
             remove: (_id: string, _groupId: string) => void;
@@ -9571,8 +9736,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;
@@ -9724,6 +9893,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/image' {
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/model' {
+    import { IAnchorable } from '@mappedin/react-sdk/mappedin-js/src/types';
     /**
         * Class representing a 3D model on the {@link MapView}.
         *
@@ -9740,6 +9910,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/model' {
         * Refer to the [3D Models Guide](https://developer.mappedin.com/web-sdk/3d-models) for more information and interactive examples.
         */
     export class Model {
+            #private;
             /**
                 * The model's id
                 */
@@ -9756,6 +9927,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/model' {
                 * @internal
                 */
             readonly __type = "Model";
+            get target(): IAnchorable;
             /**
                 * Checks if the provided instance is of type Model
                 *
@@ -9766,41 +9938,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/model' {
             /**
                 * @internal
                 */
-            constructor(id: string, groupId: string);
-    }
-}
-
-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[];
+            constructor(id: string, groupId: string, target: IAnchorable);
             /**
                 * @internal
                 */
-            readonly __type: 'Path';
-            /** @internal */
-            get focusTarget(): Coordinate[];
-            /**
-                * @internal
-                */
-            constructor(id: string, drawAnimation: Promise<void>, coordinates: Coordinate[]);
+            updateTarget(target: IAnchorable): void;
     }
 }
 
@@ -10210,15 +10352,16 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/markers' {
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/models' {
-    import type { TAddModelOptions, TAddModel } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import type { TAddModelOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
     import { Model } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { CurrentMapGetter } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/types';
+    import type { Coordinate } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     /**
         * Adding 3D models to a map can be a great way to represent landmarks to help users find key locations. They could also be used to show the location of assets or represent furniture to provide a rich indoor layout.
     
         * Mappedin JS supports models in Graphics Library Transmission Format (GLTF) and GL Transmission Format Binary (GLB) format. Models with nested meshes are not supported and should not be used.
         *
-        * 3D Models can be added to a {@link Coordinate}, {@link Door} or {@link Space}.
+        * 3D Models can be added to a {@link Coordinate}.
         * When adding the same model to multiple locations at the same time always use an array instead of calling the add method multiple times.
         * This allows the SDK to re-use the same instance of the model to reduce RAM usage and rendering time, resulting in better performance.
         *
@@ -10247,20 +10390,28 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/models' {
                     groupId: string;
             } | undefined;
             /**
-                * Adds a model to the map.
+                * Adds a 3D model to the map at the specified coordinate.
                 *
-                * @param models The model or models to add to the map.
-                * @param options Optional additional options for the {@link Model}.
-                * @returns {Model | undefined} The created {@link Model}, or undefined if creation failed.
+                * @param coordinate - The {@link Coordinate} where the model will be placed.
+                * @param url - The URL to the GLTF or GLB model file or a inline base64 encoded 3D asset from the {@link https://mappedin.com/3d-assets|Mappedin 3D Assets} library.
+                * @param options - Configuration options for the model using {@link TAddModelOptions}.
+                * @returns A {@link Model} instance representing the added 3D model.
                 * @example
-                * // Add a {@link Model} to the map.
-                * mapView.Models.add(coordinate);
+                * ```ts
+                * // Add a model to a coordinate
+                * import { truck } from '@mappedin/3d-assets';
+                * const model = mapView.Models.add(coordinate, truck, {
+                *   scale: [0.5, 0.5, 0.5],
+                *   rotation: [0, 90, 0],
+                *   interactive: true
+                * });
+                * ```
                 */
-            add(models: TAddModel, options: TAddModelOptions): Model;
+            add(coordinate: Coordinate, url: string, options: TAddModelOptions): Model;
             /**
                 * Removes a model from the map.
                 *
-                * @param model {Model} The {@link Model} which should be removed.
+                * @param model - The {@link Model} instance which should be removed.
                 * @example
                 * mapView.Models.remove(model);
                 */
@@ -10268,8 +10419,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/models' {
             /**
                 * Remove all the models from the map.
                 *
+                * @returns An array of all removed {@link Model} instances.
                 * @example
-                * mapView.Models.removeAll();
+                * const removedModels = mapView.Models.removeAll();
                 */
             removeAll(): Model[];
     }
@@ -10287,7 +10439,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.
         *
@@ -10560,6 +10712,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/navigation/index' {
                 * Sets the active path by directions.
                 */
             setActivePathByDirections(target: Directions): void;
+            /**
+                * @internal
+                */
+            drawSync(directions: Directions | Directions[], options?: TNavigationOptions): void;
             /**
                 * Draws the specified directions on the map.
                 * @param directions The directions to be drawn.
@@ -11457,7 +11613,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 +11680,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 +11890,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 +11911,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 +12148,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): {
@@ -12141,6 +12307,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimi
     import type { ModelStyle } from '@mappedin/react-sdk/geojson/src/components/styles';
     export class MeshCreationAndOptimizationSystem extends PubSub<{
         'model-loaded': void;
+        'geometry-2d-added': void;
     }> {
         state: RendererState;
         convertTo3DMapPosition: any;
@@ -12226,7 +12393,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;
@@ -12245,15 +12412,17 @@ declare module '@mappedin/react-sdk/geojson/src/systems/draw/system' {
     import { PubSub } from '@packages/internal/common';
     import { MeshComponent } from '@mappedin/react-sdk/geojson/src/components/mesh';
     import type { StyleComponent } from '@mappedin/react-sdk/geojson/src/components/styles/style';
-    import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    import type { Position, RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     import type { InteractionComponent } from '@mappedin/react-sdk/geojson/src/components/interaction';
+    import type { Vector3 } from 'three';
     import type { GeometryGroupStyleComponent } from '@mappedin/react-sdk/geojson/src/components/geometry-group-style';
     export class DrawSystem extends PubSub<{
         'texture-loaded': void;
     }> {
         #private;
         state: RendererState;
-        constructor(state: RendererState);
+        convertTo3DMapPosition: (position: Position) => Vector3;
+        constructor(state: RendererState, convertTo3DMapPosition: (position: Position) => Vector3);
         processTextures(component: MeshComponent, styleComponent: StyleComponent | GeometryGroupStyleComponent, interactionComponent?: InteractionComponent): void;
         update(): void;
         destroy(): void;
@@ -12293,6 +12462,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/render/system' {
             'post-render': undefined;
     }> {
             constructor(renderer: Renderer, state: RendererState, mode: RendererCore['mode'], scene: Scene, cameraObject: PerspectiveCamera, viewCamera: Camera, systems: Systems);
+            needs2DRecompute: boolean;
             twoDdirty: boolean;
             threeDdirty: boolean;
             update: (sync?: boolean) => Promise<any> | undefined;
@@ -12569,7 +12739,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;
     }
 }
@@ -13054,19 +13232,42 @@ declare module '@mappedin/react-sdk/geojson/src/components/styles/model-style' {
                 * If both the `material` and `color` properties are provided, `material` property updates will take higher precedence than `color` property updates.
                 */
             color: string;
+            /**
+                * The rotation of the model in degrees [x, y, z].
+                * - x: Rotation around x-axis (pitch)
+                * - y: Rotation around y-axis (yaw)
+                * - z: Rotation around z-axis (roll), where z points up
+                *
+                * Rotations are applied in order: x, then y, then z.
+                * 0 degrees means the model faces north (or the parent group's forward direction).
+                * Positive rotations follow the right-hand rule.
+                */
+            rotation: [number, number, number];
+            /**
+                * The scale of the model in [x, y, z]
+                */
+            scale: [number, number, number];
     };
     export class ModelStyleComponnet implements Partial<ModelStyle> {
             dirty: boolean;
             visible: boolean;
             opacity: number;
             verticalOffset: number;
+            interactive: boolean;
             color?: string;
             material?: ModelStyle['material'];
+            rotation?: [number, number, number];
+            scale?: [number, number, number];
             constructor(init?: Partial<ModelStyle>);
     }
     export {};
 }
 
+declare module '@mappedin/react-sdk/geojson/src/components/styles/constants' {
+    export const DEFAULT_SCALE: number[];
+    export const DEFAULT_ROTATION: number[];
+}
+
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
     import type { Polygon, MultiPolygon, FloorProperties as MVFFloor, ParsedMVF, Feature } from '@mappedin/mvf';
     import type { RendererCore, BBox } from '@mappedin/core-sdk';
@@ -13106,15 +13307,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 +13341,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 +13477,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 +13486,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 +13541,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 +13559,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 +13570,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 +13622,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 +13771,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
@@ -21864,6 +22081,7 @@ declare module '@mappedin/react-sdk/packages/geojson-navigator/src/navigator' {
 
 declare module '@mappedin/react-sdk/packages/geojson-navigator/src/navigator/navigator' {
     import type { Position, Feature, MultiPolygon, Polygon } from 'geojson';
+    import { NavigationGraph } from '@mappedin/react-sdk/packages/geojson-navigator/src/navigation-graph';
     import type { NodeCollection } from '@mappedin/react-sdk/packages/geojson-navigator/src/types/node';
     import type { ObstructionCollection } from '@mappedin/react-sdk/packages/geojson-navigator/src/types/obstruction';
     import type { SpaceCollection } from '@mappedin/react-sdk/packages/geojson-navigator/src/types/space';
@@ -21898,6 +22116,7 @@ declare module '@mappedin/react-sdk/packages/geojson-navigator/src/navigator/nav
             [index: string]: any;
     };
     export class Navigator {
+            graph: NavigationGraph;
             /**
                 * Constructs a Navigator instance to manage pathfinding with optional obstructions and grouping features.
                 *
@@ -21919,14 +22138,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;
@@ -25643,6 +25864,10 @@ declare module '@mappedin/react-sdk/packages/outdoor-context-v4/ui/handler/tap_z
     }
 }
 
+declare module '@mappedin/react-sdk/packages/geojson-navigator/src/navigation-graph' {
+    export * from '@mappedin/react-sdk/packages/geojson-navigator/src/navigation-graph/navigation-graph';
+}
+
 declare module '@mappedin/react-sdk/packages/geojson-navigator/src/types/space' {
     import type { LineString, Polygon, Point, Feature } from 'geojson';
     import type { SpaceProperties, SpaceCollection } from '@mappedin/mvf';
@@ -28319,6 +28544,56 @@ declare module '@mappedin/react-sdk/packages/outdoor-context-v4/source/terrain_s
     }
 }
 
+declare module '@mappedin/react-sdk/packages/geojson-navigator/src/navigation-graph/navigation-graph' {
+    import { Edge } from '@mappedin/react-sdk/packages/geojson-navigator/src/edge';
+    import type { NodeCollection, NodeFeature } from '@mappedin/react-sdk/packages/geojson-navigator/src/types/node';
+    import type { DirectionsZone } from '@mappedin/react-sdk/packages/geojson-navigator/src/navigator';
+    /**
+        * Represents a navigation graph for pathfinding operations, holding nodes and edges with utilities to perform routing.
+        * @see {@link https://mappedin.atlassian.net/wiki/spaces/SDK/pages/234487854/A+Search+Algorithm+in+Navigation+Graph}
+        * @hidden
+        */
+    export class NavigationGraph {
+            #private;
+            readonly edges: {
+                    [propName: string]: Edge[];
+            };
+            readonly nodesById: {
+                    [propName: string]: NodeFeature;
+            };
+            readonly nodesByGroup: Map<string, NodeFeature[]>;
+            constructor({ nodes, groupBy, multiplicativeDistanceWeightScaling, }: {
+                    nodes: NodeCollection;
+                    groupBy: string;
+                    multiplicativeDistanceWeightScaling?: boolean;
+            });
+            /**
+                * Calculates the shortest Euclidean distance from the origin node to any of the destination nodes.
+                *
+                * @param {NodeFeature} origin - The origin node.
+                * @param {NodeFeature[]} destinations - An array of destination nodes.
+                * @returns {number} The shortest Euclidean distance.
+                */
+            getShortestEuclideanDistance(origin: NodeFeature, destinations: NodeFeature[]): number;
+            /**
+                * Performs A* pathfinding from specified origins to destinations, considering optional constraints like accessibility.
+                *
+                * @param {string[]} originIds - Array of origin node IDs.
+                * @param {string[]} destinationNodeIds - Array of destination node IDs.
+                * @param {Set<string>} [excludedNodeIds] - Optional set of node IDs to exclude from pathfinding.
+                * @param {Set<string>} [disabledConnectionNodeIds] - Optional set of connection node IDs that are disabled (ie. act as regular nodes).
+                * @returns {Edge[]} An array of edges representing the shortest path, or an empty array if no path is found.
+                */
+            aStar({ originIds, destinationNodeIds, excludedNodeIds, disabledConnectionNodeIds, zones, }: {
+                    originIds: string[];
+                    destinationNodeIds: string[];
+                    zones: DirectionsZone[];
+                    excludedNodeIds?: Set<string>;
+                    disabledConnectionNodeIds?: Set<string>;
+            }): Edge[];
+    }
+}
+
 declare module '@mappedin/react-sdk/packages/geojson-navigator/src/edge/edge' {
     import type { NodeFeature } from '@mappedin/react-sdk/packages/geojson-navigator/src/types/node';
     /**