@mappedin/react-sdk 6.0.1-beta.16 → 6.0.1-beta.17

package/lib/esm/index.d.ts

@@ -1,17 +1,16 @@
 // Generated by dts-bundle v0.7.3
 // Dependencies for this module:
-//   ../react/react
 //   ../react/@packages/internal/mvf-utils
 //   ../react/@mappedin/mvf
 //   ../react/@packages/internal/common/pubsub
 //   ../react/@packages/internal/mvf-utils/mvf-utils
 //   ../react/@packages/internal/common/Mappedin.Logger
 //   ../react/geojson
+//   ../react/react
+//   ../react/@mappedin/mappedin-js
 //   ../react/@packages/internal/common
 //   ../react/@mappedin/core-sdk
-//   ../react/@mappedin/core-sdk/src/camera
 //   ../react/@packages/internal/geojson-navigator
-//   ../react/@tweenjs/tween.js
 //   ../react/@mappedin/mvf/dist/locale
 //   ../react/three
 //   ../react/zod
@@ -23,6 +22,7 @@
 //   ../react/three/addons/loaders/GLTFLoader.js
 //   ../react/@mapbox/point-geometry
 //   ../react/@maplibre/maplibre-gl-style-spec
+//   ../react/@tweenjs/tween.js
 //   ../react/gl-matrix
 //   ../react/@mapbox/vector-tile
 //   ../react/potpack
@@ -32,6 +32,7 @@
 //   ../react/geojson-vt
 
 declare module '@mappedin/react-sdk' {
+    import * as Mappedin from '@mappedin/react-sdk/mappedin-js/src';
     export * from '@mappedin/react-sdk/react-sdk/src/Marker';
     export * from '@mappedin/react-sdk/react-sdk/src/Label';
     export * from '@mappedin/react-sdk/react-sdk/src/useEvent';
@@ -43,210 +44,16 @@ declare module '@mappedin/react-sdk' {
     export * from '@mappedin/react-sdk/react-sdk/src/useMapData';
     export { useMap } from '@mappedin/react-sdk/react-sdk/src/useMap';
     export type { UseMapProps } from '@mappedin/react-sdk/react-sdk/src/useMap';
-    import * as Mappedin from '@mappedin/react-sdk/mappedin-js/src';
     export default Mappedin;
 }
 
-declare module '@mappedin/react-sdk/react-sdk/src/Marker' {
-    import type { ReactElement, ReactNode } from 'react';
-    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['Markers']['add']>;
-    type StreamAgentParameterNames = ['target', 'contentHtml', 'options'];
-    /**
-        * @interface
-        */
-    export type MarkerProps = Omit<TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
-            children?: ReactNode | ReactElement;
-            onLoad?: (marker: Mappedin.Marker) => void;
-    }, 'contentHtml'>;
-    /**
-        * Marker component
-        *
-        * @example
-        * ```tsx
-        * <Marker target={mapData.getByType('space')[0]}>
-        *  <div>Hello, world!</div>
-        * </Marker>
-        * ```
-        *
-        * @category Components
-        */
-    export const Marker: (props: MarkerProps) => ReactElement | null;
-    export {};
-}
-
-declare module '@mappedin/react-sdk/react-sdk/src/Label' {
-    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['Labels']['add']>;
-    type StreamAgentParameterNames = ['target', 'text', 'options'];
-    /**
-        * @interface
-        */
-    export type LabelProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
-            onLoad?: (label: Mappedin.Label) => void;
-    };
-    /**
-        * Label component
-        *
-        * @category Components
-        */
-    export function Label(props: LabelProps): null;
-    export {};
-}
-
-declare module '@mappedin/react-sdk/react-sdk/src/useEvent' {
-    import type Mappedin from '@mappedin/react-sdk/react-sdk/src';
-    /**
-      * @interface
-      */
-    export type SDK_EVENTS = Omit<Mappedin.TEvents, 'outdoor-view-loaded'>;
-    export function useEvent<T extends keyof SDK_EVENTS>(event: T, callback: (payload: SDK_EVENTS[T] extends {
-        data: null;
-    } ? SDK_EVENTS[T]['data'] : SDK_EVENTS[T]) => void): void;
-}
-
-declare module '@mappedin/react-sdk/react-sdk/src/Path' {
-    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['Paths']['add']>;
-    type StreamAgentParameterNames = ['coordinate', 'options'];
-    /**
-        * @interface
-        */
-    export type PathProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
-            onLoad?: (path: Mappedin.Path) => void;
-    };
-    /**
-        * Path component
-        *
-        * @category Components
-        */
-    export function Path(props: PathProps): null;
-    export {};
-}
-
-declare module '@mappedin/react-sdk/react-sdk/src/MapView' {
-    import type { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
-    import React from 'react';
-    import { show3dMap } from '@mappedin/react-sdk/mappedin-js/src';
-    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<typeof show3dMap>;
-    type StreamAgentParameterNames = ['el', 'mapData', 'options'];
-    /**
-        * @interface
-        */
-    export type MapViewProps = Omit<TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
-            children?: ReactNode;
-            fallback?: ReactNode;
-            onLoad?: (mapView: Mappedin.MapView) => void;
-    }, 'el'>;
-    /**
-        * MapView component
-        *
-        * @category Components
-        *
-        * @example
-        * ```tsx *
-        * const { mapData } = useMapData({ key: '...', secret: '...', mapId: '...' });
-        * return <MapView mapData={mapData} />
-        * ```
-        */
-    export function MapView(props: MapViewProps & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>): React.JSX.Element;
-    export {};
-}
-
-declare module '@mappedin/react-sdk/react-sdk/src/Navigation' {
-    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['Navigation']['draw']>;
-    type StreamAgentParameterNames = ['directions', 'options'];
-    /**
-        * @interface
-        */
-    export type NavigationProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
-            onLoad?: () => void;
-    };
-    /**
-        * Navigation component
-        *
-        * @category Components
-        */
-    export function Navigation(props: NavigationProps): null;
-    export {};
-}
-
-declare module '@mappedin/react-sdk/react-sdk/src/Shape' {
-    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['Shapes']['add']>;
-    type StreamAgentParameterNames = ['geometry', 'style', 'floor'];
-    /**
-        * @interface
-        */
-    export type ShapesProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
-            onLoad?: (shape: Mappedin.Shape) => void;
-    };
-    /**
-        * Shape component
-        *
-        * @category Components
-        */
-    export function Shape(props: ShapesProps): null;
-    export {};
-}
-
-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'];
-    /**
-        * @interface
-        */
-    export type ModelProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
-            onLoad?: (models: Mappedin.Model[]) => void;
-    };
-    /**
-        * Model component
-        *
-        * @category Components
-        */
-    export function Model(props: ModelProps): null;
-    export {};
-}
-
-declare module '@mappedin/react-sdk/react-sdk/src/useMapData' {
-    import type Mappedin from '@mappedin/react-sdk/react-sdk/src';
-    export function useMapData(options: Mappedin.TGetMapDataOptions): {
-        mapData?: Mappedin.MapData;
-        isLoading: boolean;
-        error?: Error;
-    };
-}
-
-declare module '@mappedin/react-sdk/react-sdk/src/useMap' {
-    import type Mappedin from '@mappedin/react-sdk/react-sdk/src';
-    export const MappedinContext: import("react").Context<{
-        mapData?: Mappedin.MapData;
-        mapView?: Mappedin.MapView;
-    }>;
-    export type UseMapProps = {
-        mapData: Mappedin.MapData;
-        mapView: Mappedin.MapView;
-    };
-    export function useMap(): UseMapProps;
-}
-
 declare module '@mappedin/react-sdk/mappedin-js/src' {
     import MapData from '@mappedin/react-sdk/mappedin-js/src/map-data';
-    import type { TEvents, TEventPayload, TClickPayload, THoverPayload } from '@mappedin/react-sdk/mappedin-js/src/events';
+    import type { TEvents, TEventPayload, TClickPayload, THoverPayload, TFloorChangeReason } from '@mappedin/react-sdk/mappedin-js/src/events';
     import type { TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TGetMapDataSharedOptions } from '@packages/internal/mvf-utils';
     import { parseMVF, unzipMVF } from '@packages/internal/mvf-utils';
     import type { Floor } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import type { ParsedMVF as TMVF, StyleCollection as TMVFStyleCollection, Style as TMVFStyle, LineStringStyle as TMVFLineStringStyle, PolygonStyle as TMVFPolygonStyle, PointStyle as TMVFPointStyle, ParsedMVFLocalePack } from '@mappedin/mvf';
+    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';
     import type { InsetPadding, InsetPaddingOption, Shading, PaintStyle, LineStyle, WatermarkOptions } from '@mappedin/react-sdk/geojson/src';
     import { enableTestMode } from '@mappedin/react-sdk/geojson/src';
@@ -254,7 +61,8 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
     import { MappedinMapLibreOverlay } from '@mappedin/react-sdk/mappedin-js/src/maplibre-overlay';
     import type { LanguagePackHydrationItem } from '@mappedin/react-sdk/mappedin-js/src/types';
     import { type Environment } from '@packages/internal/mvf-utils/mvf-utils';
-    import type { TBlueDotEvents, TBlueDotAction, TBlueDotState } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-dot';
+    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';
     /**
         * Represents all the available antialiasing options.
@@ -568,42 +376,228 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
     export const show3dMapGeojson: (el: HTMLElement, mapData: MapData, options?: TShow3DMapOptions) => Promise<MapView>;
     export const show3dMap: (el: HTMLElement, mapData: MapData, options?: TShow3DMapOptions) => Promise<MapView>;
     export { parseMVF, unzipMVF, enableTestMode };
-    export type { MapView, MapData, MappedinMapLibreOverlay, TBlueDotEvents, TBlueDotAction, TBlueDotState, TEvents, TEventPayload, TClickPayload, THoverPayload, TShow3DMapOptions, TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TGetMapDataSharedOptions, TAmbientOcclusionOptions, TAntialiasingOptions, TMVF, PaintStyle, LineStyle, Shading, TMVFStyleCollection, TMVFStyle, TMVFLineStringStyle, TMVFPolygonStyle, TMVFPointStyle, Environment, InsetPadding, InsetPaddingOption, };
+    export type { MapView, MapData, MappedinMapLibreOverlay, TBlueDotEvents, TBlueDotAction, TBlueDotState, GeolocationPositionExtended, TStackedMapsEvents, TExpandOptions, TStackedMapsState, TFollowMode, TFollowCameraOptions, TEvents, TEventPayload, TFloorChangeReason, TClickPayload, THoverPayload, TShow3DMapOptions, TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TGetMapDataSharedOptions, TAmbientOcclusionOptions, TAntialiasingOptions, TMVF, PaintStyle, LineStyle, Shading, TMVFStyleCollection, TMVFStyle, TMVFLineStringStyle, TMVFPolygonStyle, TMVFPointStyle, Environment, InsetPadding, InsetPaddingOption, OperationHours, SiblingGroup, LocationState, };
     export type * from 'geojson';
-    export type { TUpdateState, TLabelState, TGeometryState, TCameraAnimationOptions, TAnimationOptions, TFocusOnOptions, TEasingFunction, TCameraTarget, TNavigationTarget, TDirectionZone, TCameraFocusOnTarget, TAddMarkerOptions, TAddPathOptions, TLabelAppearance, TAddLabelOptions, TAddModelOptions, TAddModel, TGetDirectionsOptions, TCollisionRankingTier, TMarkerAnchor, TDirectionInstruction, TDirectionInstructionAction, TGetState, TMarkerState, TBlueDotOptions, TBlueDotPositionUpdate, } from '@mappedin/react-sdk/mappedin-js/src/types';
+    export type { TUpdateState, TUpdateStates, TLabelState, TGeometryState, TModelState, TShapeState, TDoorsState, TImageState, TWallsState, TCameraAnimationOptions, TAnimationOptions, TFocusOnOptions, TEasingFunction, TCameraTarget, TNavigationTarget, TDirectionZone, TCameraFocusOnTarget, TFocusable, TAddMarkerOptions, TAddPathOptions, TLabelAppearance, TAddLabelOptions, TAddModelOptions, TAddModel, TAddImageOptions, TGetDirectionsOptions, TCollisionRankingTier, TMarkerAnchor, TDirectionInstruction, TDirectionInstructionAction, TGetState, TMarkerState, TBlueDotOptions, TBlueDotPositionUpdate, } 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 } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    export type { Label, Marker, Path, Shape, CameraTransform, Model, Image } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     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';
-    export { Coordinate, Annotation, Connection, Door, Floor, FloorStack, MapObject, PointOfInterest, Space, Image, Hyperlink, EnterpriseLocation, EnterpriseCategory, EnterpriseVenue, Node, type Places, } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    export type { Camera, Models, Labels, BlueDot, Markers, Paths, Exporter, Directions, Style, Shapes, Outdoor, Images, } from '@mappedin/react-sdk/mappedin-js/src/api-geojson';
+    export { Coordinate, Annotation, Connection, Door, Floor, FloorStack, MapObject, PointOfInterest, Space, Image as ImageData, Hyperlink, EnterpriseLocation, EnterpriseCategory, EnterpriseVenue, Node, type Places, } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    export type { Camera, Models, Labels, BlueDot, Markers, Paths, Exporter, Directions, Style, Shapes, Outdoor, Images, StackedMaps, } from '@mappedin/react-sdk/mappedin-js/src/api-geojson';
     export type { SearchResult, SearchResultItem, SearchResultEnterpriseCategory, SearchResultEnterpriseLocations, SearchResultPlaces, SearchOptions, Search, Suggestion, MatchInfo, } from '@mappedin/react-sdk/mappedin-js/src/search';
     export type { Analytics, TAnalyticsUpdateState } from '@mappedin/react-sdk/mappedin-js/src/analytics';
 }
 
-declare module '@mappedin/react-sdk/react-sdk/src/type-utils' {
-    export type TupleToObject<T extends any[]> = {
-        [K in keyof T as Exclude<K, keyof any[]>]: T[K];
+declare module '@mappedin/react-sdk/react-sdk/src/Marker' {
+    import React, { type ReactElement, type ReactNode } from 'react';
+    import type { TupleToObjectWithPropNames } from '@mappedin/react-sdk/react-sdk/src/type-utils';
+    import type Mappedin from '@mappedin/react-sdk/react-sdk/src';
+    import type { TAnimationOptions } from '@mappedin/mappedin-js';
+    type ParamsArray = Parameters<Mappedin.MapView['Markers']['add']>;
+    type StreamAgentParameterNames = ['target', 'contentHtml', 'options'];
+    /**
+        * @interface
+        */
+    export type MarkerProps = Omit<TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
+            children?: ReactNode | ReactElement;
+            onLoad?: (marker: Mappedin.Marker) => void;
+    }, 'contentHtml'>;
+    export type AnimatedMarkerProps = {
+            duration?: number;
     };
-    export type TupleToObjectWithPropNames<T extends any[], N extends Record<keyof TupleToObject<T>, PropertyKey>> = {
-        [K in keyof TupleToObject<T> as N[K]]: T[K];
+    /**
+        * Marker component
+        *
+        * @example
+        * ```tsx
+        * <Marker target={mapData.getByType('space')[0]}>
+        *  <div>Hello, world!</div>
+        * </Marker>
+        * ```
+        *
+        * @category Components
+        */
+    export const Marker: (props: MarkerProps) => ReactElement | null;
+    /**
+        * AnimatedMarker component - animates a marker as the target changes
+        *
+        * ```tsx
+        * <AnimatedMarker target={mapData.getByType('space')[0]} duration={1000}>
+        *  <div>Hello, world!</div>
+        * </AnimatedMarker>
+        * ```
+        *
+        * @category Components
+        */
+    export const AnimatedMarker: (props: MarkerProps & TAnimationOptions) => React.JSX.Element;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/Label' {
+    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['Labels']['add']>;
+    type StreamAgentParameterNames = ['target', 'text', 'options'];
+    /**
+        * @interface
+        */
+    export type LabelProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
+            onLoad?: (label: Mappedin.Label) => void;
+    };
+    /**
+        * Label component
+        *
+        * @category Components
+        */
+    export function Label(props: LabelProps): null;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/useEvent' {
+    import type Mappedin from '@mappedin/react-sdk/react-sdk/src';
+    /**
+      * @interface
+      */
+    export type SDK_EVENTS = Omit<Mappedin.TEvents, 'outdoor-view-loaded'>;
+    export function useEvent<T extends keyof SDK_EVENTS>(event: T, callback: (payload: SDK_EVENTS[T] extends {
+        data: null;
+    } ? SDK_EVENTS[T]['data'] : SDK_EVENTS[T]) => void): void;
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/Path' {
+    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['Paths']['add']>;
+    type StreamAgentParameterNames = ['coordinate', 'options'];
+    /**
+        * @interface
+        */
+    export type PathProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
+            onLoad?: (path: Mappedin.Path) => void;
+            onDrawComplete?: () => void;
+    };
+    /**
+        * Path component
+        *
+        * @category Components
+        */
+    export function Path(props: PathProps): null;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/MapView' {
+    import type { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
+    import React from 'react';
+    import { show3dMap } from '@mappedin/react-sdk/mappedin-js/src';
+    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<typeof show3dMap>;
+    type StreamAgentParameterNames = ['el', 'mapData', 'options'];
+    /**
+        * @interface
+        */
+    export type MapViewProps = Omit<TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
+            children?: ReactNode;
+            fallback?: ReactNode;
+            onLoad?: (mapView: Mappedin.MapView) => void;
+    }, 'el'>;
+    /**
+        * MapView component
+        *
+        * @category Components
+        *
+        * @example
+        * ```tsx *
+        * const { mapData } = useMapData({ key: '...', secret: '...', mapId: '...' });
+        * return <MapView mapData={mapData} />
+        * ```
+        */
+    export function MapView(props: MapViewProps & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>): React.JSX.Element;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/Navigation' {
+    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['Navigation']['draw']>;
+    type StreamAgentParameterNames = ['directions', 'options'];
+    /**
+        * @interface
+        */
+    export type NavigationProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
+            onLoad?: () => void;
+            onDrawComplete?: () => void;
+    };
+    /**
+        * Navigation component
+        *
+        * @category Components
+        */
+    export function Navigation(props: NavigationProps): null;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/Shape' {
+    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['Shapes']['add']>;
+    type StreamAgentParameterNames = ['geometry', 'style', 'floor'];
+    /**
+        * @interface
+        */
+    export type ShapesProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
+            onLoad?: (shape: Mappedin.Shape) => void;
+    };
+    /**
+        * Shape component
+        *
+        * @category Components
+        */
+    export function Shape(props: ShapesProps): null;
+    export {};
+}
+
+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'];
+    /**
+        * @interface
+        */
+    export type ModelProps = TupleToObjectWithPropNames<ParamsArray, StreamAgentParameterNames> & {
+            onLoad?: (models: Mappedin.Model[]) => void;
+    };
+    /**
+        * Model component
+        *
+        * @category Components
+        */
+    export function Model(props: ModelProps): null;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/useMapData' {
+    import type Mappedin from '@mappedin/react-sdk/react-sdk/src';
+    export function useMapData(options: Mappedin.TGetMapDataOptions): {
+        mapData?: Mappedin.MapData;
+        isLoading: boolean;
+        error?: Error;
+    };
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src/useMap' {
+    import type Mappedin from '@mappedin/react-sdk/react-sdk/src';
+    export const MappedinContext: import("react").Context<{
+        mapData?: Mappedin.MapData;
+        mapView?: Mappedin.MapView;
+    }>;
+    export type UseMapProps = {
+        mapData: Mappedin.MapData;
+        mapView: Mappedin.MapView;
     };
-}
-
-declare module '@mappedin/react-sdk/react-sdk/src' {
-    export * from '@mappedin/react-sdk/react-sdk/src/Marker';
-    export * from '@mappedin/react-sdk/react-sdk/src/Label';
-    export * from '@mappedin/react-sdk/react-sdk/src/useEvent';
-    export * from '@mappedin/react-sdk/react-sdk/src/Path';
-    export * from '@mappedin/react-sdk/react-sdk/src/MapView';
-    export * from '@mappedin/react-sdk/react-sdk/src/Navigation';
-    export * from '@mappedin/react-sdk/react-sdk/src/Shape';
-    export * from '@mappedin/react-sdk/react-sdk/src/Model';
-    export * from '@mappedin/react-sdk/react-sdk/src/useMapData';
-    export { useMap } from '@mappedin/react-sdk/react-sdk/src/useMap';
-    export type { UseMapProps } from '@mappedin/react-sdk/react-sdk/src/useMap';
-    import * as Mappedin from '@mappedin/react-sdk/mappedin-js/src';
-    export default Mappedin;
+    export function useMap(): UseMapProps;
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
@@ -865,7 +859,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/events' {
     import type { Label, Marker, Model, Path } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { CameraTransform } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/camera-transform';
     import type { TBlueDotEvents } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot';
-    export type TFloorChangeReason = '' | 'blue-dot-floor-change' | 'elevation-change';
+    import type { TDirectionInstruction } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import type { Directions } from '@mappedin/react-sdk/mappedin-js/src';
+    export type TFloorChangeReason = '' | 'blue-dot-floor-change' | 'stacked-maps-elevation-change' | 'navigation-connection-click';
     export type TClickPayload = {
             /**
                 * The coordinate of the interaction.
@@ -968,6 +964,25 @@ declare module '@mappedin/react-sdk/mappedin-js/src/events' {
                 * Emitted when the Blue Dot encounters an error.
                 */
             'blue-dot-error': TBlueDotEvents['error'];
+            /**
+                * Emitted when the Blue Dot's follow mode changes.
+                */
+            'blue-dot-follow-change': TBlueDotEvents['follow-change'];
+            /**
+                * Emitted when a navigation connection is clicked.
+                */
+            'navigation-connection-click': {
+                    fromFloor?: Floor;
+                    toFloor: Floor;
+                    instruction: TDirectionInstruction;
+            };
+            /**
+                * Emitted when the active path changes.
+                */
+            'navigation-active-path-change': {
+                    directions: Directions;
+                    path: Path;
+            };
     } & TStackedMapsEvents;
     export type TEventPayload<EventName extends keyof TEvents> = TEvents[EventName] extends {
             data: null;
@@ -1192,7 +1207,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
             changeLanguage(languageCode: string): Promise<void>;
             getDirectionsMultiDestination: (from: TNavigationTarget | TNavigationTarget[], to: TNavigationTarget | (TNavigationTarget | TNavigationTarget[])[], opt?: TGetDirectionsOptions) => Directions | Directions[] | undefined;
             getDirections: (from: TNavigationTarget | TNavigationTarget[], to: TNavigationTarget | (TNavigationTarget | TNavigationTarget[])[], opt?: TGetDirectionsOptions & {
-                    multiSegment?: true;
+                    multiDestination?: true;
             }) => Directions | Directions[] | undefined;
             getDistance(from: Space | Door | Coordinate | MapObject | PointOfInterest | Annotation | Node | EnterpriseLocation, to: Space | Door | Coordinate | MapObject | PointOfInterest | Annotation | Node | EnterpriseLocation): number;
             toJSONBundle({ downloadLanguagePacks, }?: {
@@ -1226,7 +1241,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
     import type { Label, Marker, Image, Shape } 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 { TShowStackOptions } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
+    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';
     export class MapView extends PubSub<TEvents> {
             #private;
@@ -1280,6 +1295,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * Controls for the outdoor map.
                 */
             Outdoor: Outdoor;
+            /**
+                * Controls for the stacked maps.
+                */
+            get StackedMaps(): StackedMaps;
             /**
                 * @internal
                 */
@@ -1319,15 +1338,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
             /**
                 * @experimental
                 */
-            expand(opts?: {
-                    excludeFloors: Floor[];
-            }): Promise<void> | undefined;
-            showStack(opts?: TShowStackOptions): Promise<void> | undefined;
+            expand(opts?: TExpandOptions): Promise<void> | undefined;
             /**
                 * @experimental
                 * @hidden
                 */
-            collapse(): Promise<void> | undefined;
+            collapse(opts?: TCollapseOptions): Promise<void> | undefined;
             /**
                 * Adds a map to the MapView.
                 * @param mapData The map data to add.
@@ -1339,7 +1355,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * Sets the current floor ({@link Floor}) of the map.
                 * @param floor The floor or floor ID to set.
                 */
-            setFloor(floor: Floor | string): Promise<void> | undefined;
+            setFloor(floor: Floor | string): void;
             /**
                 * The current floor ({@link Floor}) of the map.
                 */
@@ -1504,6 +1520,7 @@ declare module '@mappedin/react-sdk/geojson/src' {
     export type { GLTFExportOptions } from '@mappedin/react-sdk/geojson/src/systems/exporter';
     export type { AttributionControlOptions, AttributionPosition } from '@mappedin/react-sdk/geojson/src/systems/html-controls/system';
     export { ATTRIBUTION_POSITIONS } from '@mappedin/react-sdk/geojson/src/systems/html-controls/system';
+    export { ANIMATION_TWEENS } from '@mappedin/react-sdk/geojson/src/camera';
     export type { AddPathOptions, AddMarkerOptions, AddLabelOptions, AnimateToOptions, FocusOnOptions, MapViewState, MarkerState, PathState, GroupContainerState, GeometryGroupState, ShapeState, CustomGeometryBuilder, LabelState, GeometryState, ModelState, EasingCurve, Camera, InsetPadding, InsetPaddingOption, Position, ClickPayload, HoverPayload, CameraPayload, MapEvent, MapEventPayload, CollisionRankingTier, LabelAppearance, RendererCore, };
     export function createRenderer(container: HTMLElement, options?: RendererCoreOptions & {
         [key: string]: any;
@@ -1543,9 +1560,8 @@ 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, Annotation, EnterpriseLocation, Node } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { Label, Marker, Model, Image, Shape } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
-    import type { EasingCurve } from '@mappedin/core-sdk/src/camera';
     import type { Language, ParsedMVFLocalePack } from '@mappedin/mvf';
-    import type { InsetPaddingOption } from '@mappedin/react-sdk/geojson/src';
+    import { type InsetPaddingOption, Position } from '@mappedin/core-sdk';
     export type DeepRequired<T> = Required<{
             [K in keyof T]: T[K] extends Required<T[K]> ? T[K] : DeepRequired<T[K]>;
     }>;
@@ -1684,9 +1700,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             visible: boolean;
     };
-    /**
-        * @interface
-        */
     export type TDoorsState = {
             type: 'doors';
             /**
@@ -1730,8 +1743,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
             rank: TCollisionRankingTier | 'initial';
             /**
                 * Whether the marker is interactive.
+                * `true` indicates that the marker will be registered in the SDK interaction events.
+                * `'pointer-events-auto'` indicates that the marker will receive browser pointer events.
                 */
-            interactive: boolean;
+            interactive: boolean | 'pointer-events-auto';
             /**
                 * Whether the marker is enabled.
                 */
@@ -1830,8 +1845,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
         */
     export type TUpdateState<T> = T extends WALLS ? Partial<TWallsState> : T extends DOORS ? Partial<TDoorsState> : T extends Marker ? Partial<TMarkerState> : T extends Label ? Partial<TLabelState> : T extends Space | MapObject ? Partial<TGeometryState> : T extends Shape ? Partial<Omit<TShapeState, 'height' | 'type'>> : T extends Door ? Partial<TGeometryState> : T extends string ? Record<string, any> : never;
     export type TUpdateStates = Partial<Omit<TGeometryState, 'interactive' | 'hoverColor' | 'type'>> | Partial<TMarkerState> | Partial<TLabelState> | Partial<TGeometryState>;
-    export type TGetEntityState<T> = T extends WALLS ? TWallsState : T extends DOORS ? TDoorsState : T extends Marker ? TMarkerState : T extends Shape ? TShapeState : T extends Model ? TModelState : T extends Label ? TLabelState : T extends Image ? TImageState : T extends Space | MapObject ? TGeometryState : T extends string ? TLabelState | TGeometryState | TMarkerState | TModelState | undefined : never;
-    export type TGetState<T> = TGetEntityState<T> | undefined;
+    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 Space | MapObject ? TGeometryState | undefined : T extends string ? TLabelState | TGeometryState | TMarkerState | TModelState | undefined : never;
     /**
         * Options for {@link Camera} animations on the map.
         */
@@ -1843,7 +1857,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
             /**
                 * Easing function to use for the animation.
                 */
-            easing?: EasingCurve;
+            easing?: TEasingFunction;
     };
     /**
         * Options for controlling animations on the map.
@@ -1858,7 +1872,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 * Easing function to use for the animation.
                 * @default 'ease-in-out'
                 */
-            easing?: EasingCurve;
+            easing?: TEasingFunction;
     };
     /**
         * Types of easing for animations.
@@ -1899,16 +1913,28 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             pitch?: number;
             /**
-                * Screen offsets for the camera focus.
+                * Axis aligned padding to add to the bounding box in meters.
                 */
+            axisAlignedPadding?: {
+                    /**
+                        * Vertical padding to add to the bounding box in meters along the elevation axis.
+                        */
+                    vertical?: number;
+            };
             screenOffsets?: InsetPaddingOption;
     };
-    export type TCameraFocusOnTargets = Floor | Space | Coordinate | MapObject | Connection | PointOfInterest | Door | Annotation | Node;
     /**
-        * Defines the target for the {@link Camera} focus operation.
-        * @interface
+        * A map element that can be focused on by the camera.
+        */
+    export type TFocusable = Floor | Space | Coordinate | MapObject | Connection | PointOfInterest | Door | Annotation | Node
+    /**
+        * @experimental
+        */
+     | Position;
+    /**
+        * Defines the target(s) for the {@link Camera.focusOn} animation.
         */
-    export type TCameraFocusOnTarget = TCameraFocusOnTargets | TCameraFocusOnTargets[];
+    export type TCameraFocusOnTarget = TFocusable | TFocusable[];
     /**
         * Defines the target for camera operations.
         */
@@ -2191,7 +2217,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
         * | 'top'    | Anchors the marker at the top, ideal for marking locations from above.        |
         * | 'left'   | Anchors the marker on the left side, useful for when space is limited on the right.|
         * | 'bottom' | Anchors the marker at the bottom, suitable for hanging markers or when space is limited above.|
-        * | 'right'  | Anchors the marker on the right side, convenient for when space is limited on the left.|
+        * | 'top-left'  | Anchors the marker at the top-left corner. |
+        * | 'top-right'  | Anchors the marker at the top-right corner. |
+        * | 'bottom-left'  | Anchors the marker at the bottom-left corner. |
+        * | 'bottom-right'  | Anchors the marker at the bottom-right corner. |
         *
         */
     export type TMarkerAnchor = 'center' | 'top' | 'left' | 'bottom' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
@@ -2274,14 +2303,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             scale?: [number, number, number];
             /**
-                * Whether the {@link } should be clickable
+                * Whether the Model should be clickable
                 * @default false
                 */
             interactive?: boolean;
     };
     /**
         * Options for controlling the behavior of a {@link Model}.
-        * @interface
         */
     export type TAddModelOptions = {
             /**
@@ -2290,8 +2318,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
             url: string;
     };
     /**
-        * Options for controlling the behavior of a {@link Marker}.
-        * @interface
+        * Options for controlling the behavior of an {@link Image}.
         */
     export type TAddImageOptions = {
             /**
@@ -2327,7 +2354,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     };
     /**
         * Options for controlling the behavior of a {@link Marker}.
-        * @interface
         */
     export type TAddMarkerOptions = {
             /**
@@ -2336,15 +2362,21 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             rank?: TCollisionRankingTier;
             /**
-                *  Optional. Specifies the anchor point of the marker, determining its position relative to its coordinates.
-                *  For the possible values and their descriptions, see {@link TMarkerAnchor}
+                * Optional. Specifies the anchor point of the marker, determining its position relative to its coordinates.
+                * If a list is provided, the marker will be anchored to the first anchor point that is available.
+                *
+                * The active anchor will be exposed as a DOM attribute `data-anchor` on the marker element.
+                *
+                * For the possible values and their descriptions, see {@link TMarkerAnchor}.
                 */
             anchor?: TMarkerAnchor | TMarkerAnchor[];
             /**
-                * Whether the {@link Marker} should be clickable
+                * Whether the {@link Marker} should be clickable.
+                * If `true` the marker will be registered in the SDK interaction events.
+                * If `'pointer-events-auto'` the marker will receive browser pointer events.
                 * @default false
                 */
-            interactive?: boolean;
+            interactive?: boolean | 'pointer-events-auto';
             /**
                 * Optional layer to attach the {@link Marker} to.
                 */
@@ -2357,6 +2389,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 * Dynamic resize of the marker. If set to true, the marker will resize based on the content.
                 */
             dynamicResize?: boolean;
+            /**
+                * Whether the marker should stop event propagation.
+                * @internal
+                * @default false
+                */
+            stopPropagation?: boolean;
     };
     /**
         * Options for creating a new {@link Label} with {@link Labels.add}.
@@ -2495,7 +2533,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-dot' {
-    import type { RendererCore } from '@mappedin/core-sdk';
+    import type { EasingCurve, RendererCore } from '@mappedin/core-sdk';
     import { PubSub } from '@packages/internal/common';
     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';
@@ -2531,7 +2569,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-do
                 * Emitted when the Blue Dot's following state changes.
                 */
             'follow-change': {
+                    /**
+                        * Whether the Blue Dot is following the user.
+                        */
                     following: boolean;
+                    /**
+                        * The mode the Blue Dot is following the user in.
+                        */
+                    mode?: TFollowMode;
             };
     };
     export type TBlueDotState = 'hidden' | 'active' | 'inactive' | 'disabled';
@@ -2539,11 +2584,16 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-do
     export type TBlueDotPositionUpdateWithFloor = Omit<TBlueDotPositionUpdate, 'floorOrFloorId'> & {
             floor?: Floor | 'device' | undefined;
     };
+    /**
+        * @experimental
+        */
     export class BlueDot extends PubSub<TBlueDotEvents> {
             #private;
             state: TBlueDotState;
+            following: boolean;
             /**
-                * The direction the user is facing in degrees from north.
+                * The direction the user is facing in degrees from north clockwise.
+                * @see https://developer.mozilla.org/en-US/docs/Web/API/GeolocationCoordinates/heading
                 */
             get heading(): GeolocationPosition['coords']['heading'] | undefined;
             /**
@@ -2590,7 +2640,48 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-do
                 * ```
                 */
             update(position: GeolocationPositionExtended | TBlueDotPositionUpdate | undefined): void;
+            /**
+                * Sets the camera to follow the Blue Dot's position as it updates. User interaction will cancel following automatically.
+                */
+            follow: (mode: TFollowMode, cameraOptions?: TFollowCameraOptions) => void;
     }
+    export type TFollowMode = 
+    /** Camera follows only the position of the Blue Dot. Bearing is not updated. */
+    'position-only'
+    /** Camera follows both position and heading of the Blue Dot. */
+     | 'position-and-heading'
+    /** Camera follows position and automatically rotates to match the direction of the navigation path */
+     | 'position-and-path-direction'
+    /** Disables follow mode */
+     | false;
+    export type TFollowCameraOptions = {
+            /**
+                * @default 21
+                */
+            zoomLevel?: number;
+            /**
+                * @default 45
+                */
+            pitch?: number;
+            /**
+                * Camera bearing in degrees clockwise from North. 0 is North, 90 is East, 180 is South, 270 is West.
+                * This option is only available in 'position-only' mode. In all other modes, the bearing will be calculated automatically.
+                * @default undefined
+                */
+            bearing?: number;
+            /**
+                * @default undefined
+                */
+            elevation?: number;
+            /**
+                * @default POSITION_ANIMATION_DURATION
+                */
+            duration?: number;
+            /**
+                * @default 'ease-in-out'
+                */
+            easing?: EasingCurve;
+    };
     type TStateTransitions = {
             [Action in TBlueDotAction]?: TBlueDotState;
     };
@@ -2608,6 +2699,106 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-do
     export {};
 }
 
+declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps' {
+    import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
+    import { PubSub } from '@packages/internal/common';
+    import { type Floor } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import { type TCameraAnimationOptions } from '@mappedin/react-sdk/mappedin-js/src';
+    export const GAP_BELOW_FLOORS = 50;
+    export const DURATION = 1000;
+    export type TStackedMapsState = 
+    /**
+        * Expands the floor stack.
+        */
+    'expanded'
+    /**
+        * Collapses the floor stack.
+        */
+     | 'collapsed';
+    export type TStackedMapsEvents = {
+            'stacked-maps-state-change': {
+                    state: TStackedMapsState;
+            };
+    };
+    export type TExpandOptions = TCameraAnimationOptions & {
+            /**
+                * The floors to include in the stack.
+                */
+            includedFloors?: Floor[];
+            /**
+                * The distance between floors in the stack in meters.
+                */
+            distanceBetweenFloors?: number;
+            /**
+                * The pan mode to use when animating the camera.
+                * @default 'elevation'
+                */
+            cameraPanMode?: 'default' | 'elevation';
+            /**
+                * Whether to change the floor on elevation changes.
+                * @default true
+                */
+            changeFloorOnElevationChanges?: boolean;
+    };
+    export type TCollapseOptions = TCameraAnimationOptions;
+    type CurrentMapGetter = () => GeojsonApiMapObject | undefined;
+    /**
+        * @experimental
+        */
+    export class StackedMaps extends PubSub<TStackedMapsEvents> {
+            #private;
+            get state(): TStackedMapsState;
+            /**
+                * @internal
+                */
+            constructor({ currentMapGetter }: {
+                    currentMapGetter: CurrentMapGetter;
+            });
+            /**
+                * Whether the floor stack is expanded.
+                */
+            get expanded(): boolean;
+            /**
+                * The distance between floors in the stack in meters.
+                */
+            get gapBelowFloors(): number;
+            /**
+                * The factor of the expanded floor stack. 0 is collapsed, 1 is fully expanded.
+                */
+            expandedFactor: number;
+            /**
+                * The floors included in the stack.
+                */
+            get includedFloors(): Floor[];
+            /**
+                * The visibility mode for the stacked maps. 'all-floors' will show all floors, 'only-current-floor' will only show the current floor in the stack.
+                * @default 'all-floors'
+                */
+            get floorVisibilityMode(): "all-floors" | "only-current-floor";
+            /**
+                * Set the visibility mode for the stacked maps.
+                * @param mode The visibility mode to set. Either `all-floors` or `only-current-floor`.
+                */
+            setFloorVisiblityMode(mode: 'all-floors' | 'only-current-floor'): void;
+            /**
+                * Set whether to listen to camera elevation changes to automatically change the floor.
+                */
+            changeFloorOnElevationChanges(value: boolean): void;
+            /**
+                * Expand the floor stack.
+                * @param opts Optional settings for the expansion.
+                */
+            expand(opts?: TExpandOptions): Promise<void>;
+            /**
+                * Collapse the floor stack.
+                * @param opts Optional settings for the collapse.
+                */
+            collapse(opts?: TCollapseOptions): Promise<void>;
+            destroy(): void;
+    }
+    export {};
+}
+
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects' {
     export { Label } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/label';
     export { Marker } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/marker';
@@ -2628,6 +2819,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/navigation' {
         * Options for navigation.
         */
     export type TNavigationOptions = {
+            /**
+                * Controls whether the map should be set to the floor of the connection point when a connection point is clicked.
+                * @default true
+                */
+            setMapOnConnectionClick?: boolean;
             /**
                 * Controls whether markers are created for the departure, destination, and connection points.
                 */
@@ -2648,15 +2844,61 @@ declare module '@mappedin/react-sdk/mappedin-js/src/navigation' {
                         */
                     connection?: boolean | ((instruction: TDirectionInstruction) => Marker);
             };
+            /**
+                * Path Options for the non-current path in multi-destination mode.
+                */
+            inactivePathOptions?: {
+                    /**
+                        * Duration in milliseconds for the path to be drawn.
+                        * @default 1000
+                        */
+                    drawDuration?: number;
+                    /**
+                        * The color of the path.
+                        * @default '#40A9FF'
+                        */
+                    color?: string;
+                    /**
+                        * Whether the path should be clickable.
+                        *
+                        * @defaultValue false
+                        */
+                    interactive?: boolean;
+                    /**
+                        * The accent color of the path. This is applied to arrows if they are displayed
+                        * @default 'blue'
+                        */
+                    accentColor?: string;
+                    /**
+                        * The radius of the path near the markers.
+                        * @default 0.25
+                        */
+                    nearRadius?: number;
+                    /**
+                        * The radius of the path far from the markers.
+                        * @default 1
+                        */
+                    farRadius?: number;
+                    /**
+                        * Controls whether arrows are displayed on the path.
+                        * @default false
+                        */
+                    displayArrowsOnPath?: boolean;
+                    /**
+                        * Controls whether arrows are animated.
+                        * @default false
+                        */
+                    animateArrowsOnPath?: boolean;
+            };
             /**
                 * Options for the path.
                 */
             pathOptions?: {
                     /**
-                        * duration in milliseconds for the path to be drawn
-                        * @default
+                        * Duration in milliseconds for the path to be drawn.
+                        * @default 1000
                         */
-                    drawDuration: number;
+                    drawDuration?: number;
                     /**
                         * The color of the path.
                         * @default '#40A9FF'
@@ -2738,16 +2980,40 @@ declare module '@mappedin/react-sdk/mappedin-js/src/navigation' {
                     instruction: TDirectionInstruction;
                     marker: Marker;
             } | undefined;
+            /**
+                * @internal
+                */
+            get paths(): Path[];
+            /**
+                * The currently active directions.
+                */
+            get activeDirections(): Directions | undefined;
+            /**
+                * The currently active path.
+                */
+            get activePath(): Path | undefined;
+            /**
+                * Sets the active path by index.
+                */
+            setActivePathByIndex(target: number): void;
+            /**
+                * Sets the active path.
+                */
+            setActivePath(target: Path): void;
+            /**
+                * Sets the active path by directions.
+                */
+            setActivePathByDirections(target: Directions): void;
             /**
                 * Draws the specified directions on the map.
                 * @param directions The directions to be drawn.
                 * @param options Optional additional options for the navigation.
                 */
-            draw: (directions: Directions | Directions[], options?: TNavigationOptions) => Promise<unknown>;
+            draw(directions: Directions | Directions[], options?: TNavigationOptions): Promise<unknown>;
             /**
                 * Clears any drawn navigation paths or directions from the map.
                 */
-            clear: () => void;
+            clear(): void;
     }
     type CurrentMapGetter = () => GeojsonApiMapObject | undefined;
     export {};
@@ -2762,11 +3028,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson' {
     export { Shapes } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/shapes';
     export { Models } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/models';
     export { Paths } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/paths';
+    export { Navigation } from '@mappedin/react-sdk/mappedin-js/src/navigation/index';
     export { Exporter } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/exporter';
     export { Directions } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions';
     export { Style } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/style';
     export { default as Outdoor } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/outdoor';
     export { Images } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/images';
+    export { StackedMaps } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/search' {
@@ -2780,6 +3048,31 @@ declare module '@mappedin/react-sdk/mappedin-js/src/analytics' {
     export type { AnalyticsUpdateOptions, AnalyticState, TAnalyticsUpdateState } from '@mappedin/react-sdk/mappedin-js/src/analytics/customer';
 }
 
+declare module '@mappedin/react-sdk/react-sdk/src/type-utils' {
+    export type TupleToObject<T extends any[]> = {
+        [K in keyof T as Exclude<K, keyof any[]>]: T[K];
+    };
+    export type TupleToObjectWithPropNames<T extends any[], N extends Record<keyof TupleToObject<T>, PropertyKey>> = {
+        [K in keyof TupleToObject<T> as N[K]]: T[K];
+    };
+}
+
+declare module '@mappedin/react-sdk/react-sdk/src' {
+    import * as Mappedin from '@mappedin/react-sdk/mappedin-js/src';
+    export * from '@mappedin/react-sdk/react-sdk/src/Marker';
+    export * from '@mappedin/react-sdk/react-sdk/src/Label';
+    export * from '@mappedin/react-sdk/react-sdk/src/useEvent';
+    export * from '@mappedin/react-sdk/react-sdk/src/Path';
+    export * from '@mappedin/react-sdk/react-sdk/src/MapView';
+    export * from '@mappedin/react-sdk/react-sdk/src/Navigation';
+    export * from '@mappedin/react-sdk/react-sdk/src/Shape';
+    export * from '@mappedin/react-sdk/react-sdk/src/Model';
+    export * from '@mappedin/react-sdk/react-sdk/src/useMapData';
+    export { useMap } from '@mappedin/react-sdk/react-sdk/src/useMap';
+    export type { UseMapProps } from '@mappedin/react-sdk/react-sdk/src/useMap';
+    export default Mappedin;
+}
+
 declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/category' {
     import type { EnterpriseCategory as MVFEnterpriseCategory } from '@mappedin/mvf';
     import type { MapDataInternal, EnterpriseLocation } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
@@ -3052,54 +3345,17 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions' {
                     accessible: boolean;
                     smoothing: {
                             enabled: boolean;
-                            radius: number;
-                    };
-                    zones: TDirectionZone[];
-            }, mapData: MapDataInternal) => Directions | undefined;
-            /**
-                * Get the node IDs that should be excluded from the navigation graph.
-                *
-                * @hidden
-                * @param accessible {boolean}
-                */
-            getExcludedNodeIds: (accessible: boolean) => string[];
-    }
-}
-
-declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps' {
-    import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
-    import type { RendererCore } from '@mappedin/core-sdk';
-    import TWEEN from '@tweenjs/tween.js';
-    import { PubSub } from '@packages/internal/common';
-    import type { TFocusOnOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
-    export const GAP_BELOW_FLOORS = 50;
-    export const DURATION = 1000;
-    export type TStackedMapsEvents = {
-        expanded: void;
-        collapsed: void;
-    };
-    export type TShowStackOptions = {
-        numFloors?: number;
-        cameraOptions?: TFocusOnOptions;
-    };
-    export class StackedMaps extends PubSub<TStackedMapsEvents> {
-        #private;
-        constructor(api: GeojsonApiMapObject, core: RendererCore);
-        percentExpanded: number;
-        animateToCurrentFloorTween: TWEEN.Tween | null;
-        expanded: boolean;
-        handlePreRender: () => void;
-        handleUserInteractionStart: () => void;
-        handleUserInteractionEnd: () => void;
-        animateToCurrentFloor(): Promise<void>;
-        expand(opts?: {
-            excludeFloorIds: string[];
-        }): Promise<void>;
-        collapse(): Promise<void>;
-        showStack(opts?: TShowStackOptions): Promise<void>;
-        animate(direction: 'expand' | 'collapse', options?: {
-            duration: number;
-        }): Promise<void>;
+                            radius: number;
+                    };
+                    zones: TDirectionZone[];
+            }, mapData: MapDataInternal) => Directions | undefined;
+            /**
+                * Get the node IDs that should be excluded from the navigation graph.
+                *
+                * @hidden
+                * @param accessible {boolean}
+                */
+            getExcludedNodeIds: (accessible: boolean) => string[];
     }
 }
 
@@ -3145,7 +3401,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/camera-tran
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot' {
     export { BlueDot } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-dot';
-    export type { TBlueDotEvents } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-dot';
+    export type { TBlueDotEvents, GeolocationPositionExtended, TFollowCameraOptions, TFollowMode } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-dot';
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/node' {
@@ -3159,7 +3415,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/node' {
         *
         * Nodes are used to define points in the map's pathfinding graph.
         *
-        * @internal
         */
     class Node extends BaseMapData {
             #private;
@@ -3579,6 +3834,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor' {
 declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/connection' {
     import type { Feature, FeatureCollection, Image, Point, SpaceProperties, Connection as MVFConnection } from '@mappedin/mvf';
     import Coordinate from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/coordinate';
+    import type Node from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/node';
     import type { Floor, MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import BaseMapData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object';
     /**
@@ -3638,6 +3894,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/connection'
                 * @returns {Coordinate[]} An array of coordinates for the connection.
                 */
             get coordinates(): Coordinate[];
+            /**
+                * Gets the nodes ({@link Node}) associated with the connection.
+                */
+            get nodes(): Node[];
             /**
                 * Gets the floors ({@link Floor}) associated with the connection.
                 *
@@ -4465,30 +4725,30 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
                         */
                     rank?: CollisionRankingTier | number;
                     /**
-                        * Whether the Label should be clickable via the SDK's internal click event system.
+                        * Whether the Marker should be clickable via the SDK's internal click event system.
                         *
                         * @example
                         * ```javascript
-                        * 	renderer.on('click', ({ labels }) => {});
+                        * 	renderer.on('click', ({ markers }) => {});
                         * ```
                         */
-                    interactive?: boolean;
+                    interactive?: boolean | 'pointer-events-auto';
             };
     };
     export const addMarkerOptionsSchema: z.ZodObject<{
             rank: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["low", "medium", "high", "always-visible"]>, z.ZodNumber]>>;
-            interactive: z.ZodOptional<z.ZodBoolean>;
+            interactive: z.ZodOptional<z.ZodUnion<[z.ZodBoolean, z.ZodLiteral<"pointer-events-auto">]>>;
             id: z.ZodOptional<z.ZodString>;
             anchor: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["top", "bottom", "left", "right", "center", "top-left", "top-right", "bottom-left", "bottom-right"]>, z.ZodArray<z.ZodEnum<["top", "bottom", "left", "right", "center", "top-left", "top-right", "bottom-left", "bottom-right"]>, "many">]>>;
             dynamicResize: z.ZodOptional<z.ZodBoolean>;
     }, "strip", z.ZodTypeAny, {
-            interactive?: boolean | undefined;
+            interactive?: boolean | "pointer-events-auto" | undefined;
             id?: string | undefined;
             anchor?: "center" | "left" | "right" | "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | ("center" | "left" | "right" | "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right")[] | undefined;
             rank?: number | "high" | "low" | "medium" | "always-visible" | undefined;
             dynamicResize?: boolean | undefined;
     }, {
-            interactive?: boolean | undefined;
+            interactive?: boolean | "pointer-events-auto" | undefined;
             id?: string | undefined;
             anchor?: "center" | "left" | "right" | "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | ("center" | "left" | "right" | "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right")[] | undefined;
             rank?: number | "high" | "low" | "medium" | "always-visible" | undefined;
@@ -4509,9 +4769,11 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
             rank?: CollisionRankingTier;
             /**
                 * Whether the Label should be clickable.
+                * If `true` the marker will be registered in the SDK interaction events.
+                * If `'pointer-events-auto'` the marker will receive browser pointer events.
                 * @default false
                 */
-            interactive?: boolean;
+            interactive?: boolean | 'pointer-events-auto';
             /**
                 * @internal
                 */
@@ -4532,6 +4794,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
             rank: number;
             initialRank: number;
             activeAnchor: MarkerAnchor;
+            pointerEvents: 'auto' | 'none';
             options: Required<AddMarkerOptions>;
             projection: Vector2;
             enabled: boolean;
@@ -4608,6 +4871,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/path' {
                 * The position of the path in [lon, lat]
                 */
             readonly position: Position;
+            /**
+                * The altitude of the geometry, in meters
+                */
+            altitude?: number;
             /**
                 * Whether the path is visible.
                 */
@@ -5747,12 +6014,14 @@ declare module '@mappedin/react-sdk/geojson/src/types' {
 }
 
 declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
-    import type { Texture, BufferGeometry, LineSegments, Mesh } from 'three';
+    import type { Texture, BufferGeometry, LineSegments, Mesh, Object3D } from 'three';
     import { BatchedMesh, Color, Vector3 } from 'three';
     import type { BatchedStandardMaterial } from '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimization/batched-material';
     import type { Position } from '@mappedin/react-sdk/geojson/src/types';
-    import type { Feature, LineString, MultiLineString, MultiPolygon, Polygon } from 'geojson';
+    import type { Feature, LineString, MultiLineString, MultiPolygon, Polygon, Position as GeoJsonPosition } from 'geojson';
     import type { BBox } from '@turf/turf';
+    import { type ImageProperties } from '@mappedin/react-sdk/geojson/src/components/image';
+    import { type BaseTextAreaProperties } from '@mappedin/mvf';
     export class EntityBatchedMesh extends BatchedMesh {
             userData: {
                     entities: {
@@ -5761,6 +6030,15 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
                     detached?: boolean;
             };
     }
+    export type MeshComponentProperties = {
+            image?: ImageProperties & {
+                    position: GeoJsonPosition;
+                    path: string;
+            };
+            textArea?: BaseTextAreaProperties & {
+                    position: GeoJsonPosition;
+            };
+    };
     /**
         * State representing a Geometry
         */
@@ -5839,15 +6117,16 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
             focusMesh?: Mesh;
             outline?: LineSegments;
             imageMesh?: Mesh;
+            textAreaMesh?: Object3D;
             readonly type = "geometry";
             dirty: boolean;
             detached: boolean;
             instanceIndex: number;
             geometry?: BufferGeometry;
             material?: BatchedStandardMaterial;
-            feature: Feature<Polygon | LineString | MultiPolygon | MultiLineString>;
+            feature: Feature<Polygon | LineString | MultiPolygon | MultiLineString, MeshComponentProperties>;
             currentHeight: number;
-            constructor(feature: Feature<Polygon | LineString | MultiPolygon | MultiLineString>);
+            constructor(feature: Feature<Polygon | LineString | MultiPolygon | MultiLineString, MeshComponentProperties>);
             get visible(): boolean;
             set visible(visible: boolean);
             setOpacity(opacity: number): void;
@@ -6240,6 +6519,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
     import { MeshDetachmentSystem } from '@mappedin/react-sdk/geojson/src/systems/mesh-detachment/system';
     import { MeshModificationSystem } from '@mappedin/react-sdk/geojson/src/systems/mesh-modification/system';
     import { PreRenderSystem } from '@mappedin/react-sdk/geojson/src/systems/pre-render/system';
+    import { PolygonLabelSystem } from '@mappedin/react-sdk/geojson/src/systems/polygon-label/system';
     export type * from '@mappedin/react-sdk/geojson/src/types';
     export const raycaster: Raycaster;
     /**
@@ -6282,6 +6562,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             meshDetachmentSystem: MeshDetachmentSystem;
             meshModificationSystem: MeshModificationSystem;
             preRenderSystem: PreRenderSystem;
+            polygonLabelSystem: PolygonLabelSystem;
     };
     export type MapViewState = {
             readonly type: 'map-view';
@@ -6549,23 +6830,23 @@ declare module '@mappedin/react-sdk/geojson/src/camera' {
     import { type InsetPadding, type Position } from '@mappedin/react-sdk/geojson/src/types';
     import type { InsetPaddingOption, RendererState, Systems } from '@mappedin/react-sdk/geojson/src/renderer';
     export type EasingCurve = 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear';
-    export type FocusOnOptions = {
+    export type AnimationOptions = {
+            duration?: number;
+            easing?: EasingCurve;
+    };
+    export type FocusOnOptions = AnimationOptions & {
             bearing?: number;
             pitch?: number;
-            duration?: number;
             padding?: InsetPaddingOption;
             minZoomLevel?: number;
             maxZoomLevel?: number;
-            easing?: EasingCurve;
     };
-    export type AnimateToOptions = {
+    export type AnimateToOptions = AnimationOptions & {
             center?: Position;
             zoomLevel?: number;
             bearing?: number;
             pitch?: number;
             elevation?: number;
-            duration?: number;
-            easing?: EasingCurve;
     };
     export const ANIMATION_TWEENS: {
             linear: any;
@@ -6595,6 +6876,14 @@ declare module '@mappedin/react-sdk/geojson/src/camera' {
                 * Set the camera's zoom level in mercator zoom level units.
                 */
             setZoomLevel(zoomLevel: number): void;
+            /**
+                * Whether the camera is animating.
+                */
+            get isAnimating(): any;
+            /**
+                * Cancel the last animation.
+                */
+            cancelAnimation(): void;
             /**
                 * How far the camera can zoom in towards the ground
                 */
@@ -6668,11 +6957,26 @@ declare module '@mappedin/react-sdk/geojson/src/camera' {
                 * @param elevation The elevation in meters.
                 */
             setElevation(elevation: number): void;
+            /**
+                * Animate the camera's elevation to a new value.
+                * @param elevation The new elevation in meters.
+                * @param options The animation options.
+                */
+            animateElevation(elevation: number, options?: AnimationOptions): Promise<void>;
             /**
                 * The padding around the edges of the map when focusing on a set of coordinates.
                 */
             get insetsPadding(): InsetPadding;
             /**
+                * The camera's current pan mode.
+                */
+            get panMode(): "elevation" | "default";
+            /**
+                * Set the camera's pan mode. 'elevation' moves the camera up and down, while 'default' allows the camera to pan along the ground.
+                */
+            setPanMode(panMode: 'default' | 'elevation'): void;
+            /**
+                *
                 * @param padding The padding around the edges of the map when focusing on a set of coordinates (in screen pixels).
                 */
             setInsetPadding(padding: InsetPadding): void;
@@ -6738,33 +7042,33 @@ declare module '@mappedin/react-sdk/geojson/src/utils' {
     import type { Position, RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     import type { Camera } from '@mappedin/react-sdk/geojson/src/camera';
     export function cartesianToGeographic(centerLat: number, centerLon: number, x: number, y: number): {
-            lat: number;
-            lon: number;
+        lat: number;
+        lon: number;
     };
     export function geographicToCartesian(centerLat: number, centerLon: number, targetLat: number, targetLon: number): {
-            x: number;
-            y: number;
+        x: number;
+        y: number;
     };
     export const populateGeometry3DIdsInScene: (tree: any, entities: RendererState["geometry3DIdsInScene"]) => Set<string | number>;
     export const populateGeometry2DIdsInScene: (tree: any, entities: Set<Geometry2D["id"]>) => Set<string | number>;
     export function convertMapLibreStylePaintProps(paint: any): {
-            color: any;
-            height: any;
-            altitude: any;
-            opacity: any;
-            outline: any;
+        color: any;
+        height: any;
+        altitude: any;
+        opacity: any;
+        outline: any;
     };
     export function convertMapLibreLineStylePaintProps(paint: any): {
-            color: any;
-            join: any;
-            opacity: any;
-            width: any;
-            cap: any;
+        color: any;
+        join: any;
+        opacity: any;
+        width: any;
+        cap: any;
     };
     export function mergeObjects<T extends Record<string, any>>(obj1: T, obj2: T): T;
     export function createCustomLayer(modelAsMercatorCoordinate: MercatorCoordinate, viewCamera: THREECamera, camera: Camera, onRender: () => void): CustomLayerInterface;
     export function getRequestHeaders(authURL: string): Promise<{
-            'x-mappedin-tiles-key': string;
+        'x-mappedin-tiles-key': string;
     }>;
     export function cyrb53(str: string, seed?: number): number;
     export const linearEase: (t: number) => number;
@@ -6776,46 +7080,32 @@ declare module '@mappedin/react-sdk/geojson/src/utils' {
     /*  getProjectionScaleFactor()
     /*  finds the scale ratio between screen coordinates and 3D coordinates (in X-Z plane)
     /*
-                *                                    R
-                *                                  /|
-                *    C : Camera                  /  |
-                *    PQ : Projection Plane     /    |
-                *    OR : Origin             /      |
-                *    F : FOV               /        |
-                *                      Q /          |
-                *                      /|           |
-                *                    /  |           |
-                *                  /    |           |
-                *                /      |           |
-                *              /        |           |
-                *            / F/2      |           |
-                *         C ------------P------------ O
-                *
-                *
-                *   ProjectionScaleFactor = ( OR / PQ )
-                *   PQ = canvasHeight / 2
-                *   CQ = zoom
-                *
-                *   OR / C0 = tan(F/2)
-                *   so OR = CO * tan(F/2)
-                */
+          *                                    R
+          *                                  /|
+          *    C : Camera                  /  |
+          *    PQ : Projection Plane     /    |
+          *    OR : Origin             /      |
+          *    F : FOV               /        |
+          *                      Q /          |
+          *                      /|           |
+          *                    /  |           |
+          *                  /    |           |
+          *                /      |           |
+          *              /        |           |
+          *            / F/2      |           |
+          *         C ------------P------------ O
+          *
+          *
+          *   ProjectionScaleFactor = ( OR / PQ )
+          *   PQ = canvasHeight / 2
+          *   CQ = zoom
+          *
+          *   OR / C0 = tan(F/2)
+          *   so OR = CO * tan(F/2)
+          */
     export function getProjectionScaleFactor(FOV: number, canvasHeight: number, zoom: number): number;
     export function getGeometryByGeometryId(state: RendererState, geometryOrGeometryId?: string | number | Record<string, any>): Geometry3D | GroupContainerObject3D | GeometryGroupObject3D | Geometry2D | undefined;
     export function getBoundingBoxCenter(bbox: Position[]): [number, number];
-    export function toRadians(degrees: number): number;
-    /**
-        * Calculates the approximate distance between two geographic coordinates on Earth's surface.
-        *
-        * This function uses the equirectangular approximation method to compute the distance, which simplifies
-        * the math and speeds up calculations, but is less accurate over long distances compared to other methods
-        * like the haversine formula.
-        *
-        * @param {Position} point1 - The first point's longitude and latitude as [longitude, latitude].
-        * @param {Position} point1 - The second point's longitude and latitude as [longitude, latitude].
-        * @return
-        * @return {number} The approximate distance between the two points in meters.
-        */
-    export function haversineDistance(point1: Position, point2: Position): number;
     export { getCornersOfBoundingBox } from '@mappedin/react-sdk/geojson/src/utils/bounding-box';
     export function isFiniteBox(box: Box2 | Box3): boolean;
     export { getPixelRatio } from '@mappedin/react-sdk/geojson/src/utils/get-pixel-ratio';
@@ -6826,7 +7116,6 @@ declare module '@mappedin/react-sdk/geojson/src/utils' {
 }
 
 declare module '@mappedin/react-sdk/geojson/src/utils/constants' {
-    export const EARTH_RADIUS_M = 6371008.8;
     export const MAPPEDIN_LAYER_ID = "mappedin";
     export enum ENTITY_3D_LAYERS {
         DEFAULT = 0,
@@ -7050,7 +7339,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
     import { Shapes } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/shapes';
     import { Style } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/style';
     import Outdoor from '@mappedin/react-sdk/mappedin-js/src/api-geojson/outdoor';
-    import type { TShowStackOptions } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
     export class GeoJsonApi {
         core: RendererCore;
         outdoors: GeojsonApiMapObject;
@@ -7059,6 +7347,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
         mapDataExternal: {
             [key in string]: MapData;
         };
+        mapData?: MapData;
         currentMap?: GeojsonApiMapObject;
         hiddenOutdoorGeometries: [Position, layer: string[]][];
         mapView: MapView;
@@ -7074,18 +7363,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
         Shapes: Shapes;
         Style: Style;
         Images: Images;
+        get StackedMaps(): import("..").StackedMaps;
         constructor(rendererCore: RendererCore, mapView: MapView);
         updateState<T extends Space | MapObject | Label | Shape | Marker | Door | WALLS | DOORS | (string & NonNullable<unknown>)>(target: T, state: TUpdateState<T>): void;
         update: () => void;
         getMapDataInternal(): MapDataInternal | undefined;
         getMapData(): MapData | undefined;
-        expand(opts?: {
-            excludeFloors: Floor[];
-        }): Promise<void> | undefined;
-        collapse(): Promise<void> | undefined;
-        showStack(opts?: TShowStackOptions): Promise<void> | undefined;
         addMap(mapData: MapData, options?: TShow3DMapOptions): Promise<MapData>;
-        setFloor(floor: Floor | string, reason?: TFloorChangeReason): Promise<void> | undefined;
+        setFloor(floor: Floor | string, reason?: TFloorChangeReason): void;
         updateWatermark(options: Omit<WatermarkOptions, 'onClick'>): void;
         get currentFloor(): Floor;
         getState<T extends Space | MapObject | Label | Marker | Shape | Model | Image | string>(target: T): TGetState<T> | undefined;
@@ -7104,7 +7389,106 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
     }
 }
 
+declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
+    import type { ParsedMVF } from '@mappedin/mvf';
+    import type { FeatureCollection, LineString, MultiPolygon, Polygon } from 'geojson';
+    import { PubSub } from '@packages/internal/common';
+    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 { Coordinate, Directions, Floor, TAddMarkerOptions, TAddPathOptions, TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
+    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddModel, TAddImageOptions, TDirectionInstruction } 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 } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import type { Space, Door, PointOfInterest, MapObject, Node } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import { type GeoJsonApi } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/api';
+    export class GeojsonApiMapObject extends PubSub<{
+        'floor-change': {
+            reason?: TFloorChangeReason;
+            floorId: string;
+        };
+        'floor-change-start': {
+            floorId: string;
+        };
+        'navigation-connection-click': {
+            fromFloor?: Floor;
+            toFloor: Floor;
+            instruction: TDirectionInstruction;
+        };
+        'navigation-active-path-change': {
+            directions: Directions;
+            path: Path;
+        };
+    }> {
+        /** Floors sorted in order of elevation */
+        floors: FloorObject[];
+        /** Map of floors by elevation. Floor elevation does not always match index or is not always contiguous. */
+        floorsByElevation: Map<number, FloorObject>;
+        currentFloorId: string;
+        id: string;
+        renderer: RendererCore;
+        api: GeoJsonApi;
+        mvf: ParsedMVF;
+        styleMap: AggregatedStyleMap;
+        StackedMaps: StackedMaps;
+        get currentFloor(): FloorObject;
+        setFloor(floorId: string, reason?: TFloorChangeReason): void;
+        Models: {
+            add: (id: string, targets: TAddModel[], opts: TAddModelOptions & {
+                floorId?: string;
+            }) => (import("@mappedin/core-sdk").GeometryState | import("@mappedin/core-sdk").ModelState)[];
+            remove: (_id: string, _groupId: string) => void;
+        };
+        Images: {
+            add: (target: Position, url: string, opts: TAddImageOptions & {
+                floorId?: string;
+            }) => EntityId<import("../../../geojson/src/components/image").ImageState> | undefined;
+            remove: (id: string) => void;
+            removeAll: () => void;
+        };
+        Markers: {
+            add: (coordinate: Coordinate, html: string, opts: TAddMarkerOptions) => EntityId<MarkerState> | undefined;
+            remove: (id: string) => void;
+            getContentEl: (id: string) => HTMLElement | undefined;
+            removeAll: () => void;
+            setPosition: (id: string, coordinate: Position, targetFloorId: string) => void;
+            animateTo: (id: string, coordinate: Position, targetFloorId: string, options?: TAnimationOptions) => Promise<void>;
+        };
+        Exporter: {
+            getCurrentSceneGLTF: (options: GLTFExportOptions) => Promise<Blob>;
+        };
+        Shapes: {
+            add: <T extends FeatureCollection<Polygon | MultiPolygon | LineString, any>>(geometry: T, style: T extends FeatureCollection<LineString, any> ? LineStyle : PaintStyle, opts: {
+                floorId?: string;
+            }) => string;
+            remove: (customGeometry: Shape) => string;
+        };
+        Labels: {
+            all: ({ onCreate, }: {
+                onCreate: (labelId: string | number, text: string, target: Space | Door | Coordinate | PointOfInterest | MapObject | Node) => void;
+            }) => void;
+            add: (coordinate: Position, text: string, opts?: AddLabelOptions & {
+                floorId?: string;
+            }) => {
+                id: string | number;
+            };
+            remove: (targetId: string) => void;
+            removeAll: () => void;
+        };
+        Paths: {
+            add: (coordinates: Coordinate[], options?: TAddPathOptions) => {
+                paths: EntityId<PathState>[];
+                animation: Promise<void>;
+            };
+            remove: (entityIds: string[]) => void;
+        };
+        constructor(id: string, mvf: any, styleMap: AggregatedStyleMap, options: TShow3DMapOptions | undefined, api: GeoJsonApi);
+    }
+}
+
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/label' {
+    import type { Coordinate, Door, MapObject, Node, PointOfInterest, Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     /**
         * Class representing a label on the {@link MapView}.
         *
@@ -7115,7 +7499,8 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/label' {
                 * The label's id
                 */
             readonly id: string;
-            readonly text: any;
+            readonly text: string;
+            readonly target: Space | Door | Coordinate | PointOfInterest | MapObject | Node;
             /**
                 * @internal
                 */
@@ -7134,11 +7519,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/label' {
             /**
                 * @internal
                 */
-            constructor(id: string, text: string);
+            constructor(id: string, text: string, target: Space | Door | Coordinate | PointOfInterest | MapObject | Node);
     }
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/marker' {
+    import type { Coordinate, Door, Node, Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     /**
         * Class representing a marker on the {@link MapView}.
         *
@@ -7153,6 +7539,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/marker' {
                 * @internal
                 */
             static readonly __type = "Marker";
+            readonly target: Space | Door | Coordinate | Node;
             /**
                 * @internal
                 */
@@ -7171,16 +7558,21 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/marker' {
             /**
                 * @internal
                 */
-            constructor(id: string, contentEl: HTMLElement);
+            constructor(id: string, contentEl: HTMLElement, target: Space | Door | Coordinate | Node);
     }
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/image' {
+    import type { Coordinate, Door, Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     /**
         * Class representing an Image on the {@link MapView}.
         */
     export class Image {
             #private;
+            /**
+                * The image's target
+                */
+            readonly target: Space | Door | Coordinate;
             /**
                 * @internal
                 */
@@ -7190,16 +7582,16 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/image' {
                 */
             readonly __type = "Image";
             /**
-                * Checks if the provided instance is of type Marker"
+                * Checks if the provided instance is of type Image"
                 *
                 * @param instance The instance to check.
-                * @returns {boolean} True if the instance is a Marker, false otherwise.
+                * @returns {boolean} True if the instance is a Image, false otherwise.
                 */
             static is(instance: object): instance is Image;
             /**
                 * @internal
                 */
-            constructor(id: string, url: string);
+            constructor(id: string, url: string, target: Space | Door | Coordinate);
             /**
                 * The image's id
                 */
@@ -7247,6 +7639,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/model' {
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path' {
+    import { type Coordinate } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     /**
         * Class representing a path on the {@link MapView}.
         *
@@ -7262,131 +7655,49 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path' {
                 */
             animation: Promise<void>;
             /**
-                * @internal
-                */
-            readonly __type: 'Path';
-            /**
-                * @internal
-                */
-            constructor(id: string, drawAnimation: Promise<void>);
-    }
-}
-
-declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/shape' {
-    /**
-        * Class representing GeoJSON shape on the {@link MapView}.
-        *
-        */
-    export class Shape {
-            /**
-                * id of Shape
-                */
-            readonly id: string;
-            /**
-                * @internal
-                */
-            static readonly __type = "Shape";
-            /**
-                * @internal
-                */
-            readonly __type = "Shape";
-            /**
-                * Checks if the provided instance is of type Shape.
-                *
-                * @param instance The instance to check.
-                * @returns {boolean} True if the instance is a Shape, false otherwise.
+                * The coordinates of the path.
                 */
-            static is(instance: object): instance is Shape;
+            coordinates: Coordinate[];
             /**
                 * @internal
                 */
-            constructor(id: string);
-    }
-}
-
-declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
-    import type { ParsedMVF } from '@mappedin/mvf';
-    import type { FeatureCollection, LineString, MultiPolygon, Polygon } from 'geojson';
-    import { PubSub } from '@packages/internal/common';
-    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 { Coordinate, TAddMarkerOptions, TAddPathOptions, TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
-    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddModel, TAddImageOptions } 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 { Shape } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
-    export class GeojsonApiMapObject extends PubSub<{
-        'floor-change': {
-            reason?: TFloorChangeReason;
-            floorId: string;
-        };
-        'floor-change-start': {
-            floorId: string;
-        };
-    }> {
-        /** Floors sorted in order of elevation */
-        floors: FloorObject[];
-        /** Map of floors by elevation. Floor elevation does not always match index or is not always contiguous. */
-        floorsByElevation: Map<number, FloorObject>;
-        currentFloorId: string;
-        id: string;
-        renderer: RendererCore;
-        mvf: ParsedMVF;
-        styleMap: AggregatedStyleMap;
-        StackedMaps: StackedMaps;
-        get currentFloor(): FloorObject;
-        setFloor(floorId: string, reason?: TFloorChangeReason): Promise<void> | undefined;
-        Models: {
-            add: (id: string, targets: TAddModel[], opts: TAddModelOptions & {
-                floorId?: string;
-            }) => (import("@mappedin/core-sdk").GeometryState | import("@mappedin/core-sdk").ModelState)[];
-            remove: (_id: string, _groupId: string) => void;
-        };
-        Images: {
-            add: (target: Position, url: string, opts: TAddImageOptions & {
-                floorId?: string;
-            }) => EntityId<import("@mappedin/core-sdk/src/components/image").ImageState> | undefined;
-            remove: (id: string) => void;
-            removeAll: () => void;
-        };
-        Markers: {
-            add: (coordinate: Coordinate, html: string, opts: TAddMarkerOptions) => EntityId<MarkerState> | undefined;
-            remove: (id: string) => void;
-            getContentEl: (id: string) => HTMLElement | undefined;
-            removeAll: () => void;
-            setPosition: (id: string, coordinate: Position, targetFloorId: string) => void;
-            animateTo: (id: string, coordinate: Position, targetFloorId: string, options?: TAnimationOptions) => Promise<void>;
-        };
-        Exporter: {
-            getCurrentSceneGLTF: (options: GLTFExportOptions) => Promise<Blob>;
-        };
-        Shapes: {
-            add: <T extends FeatureCollection<Polygon | MultiPolygon | LineString, any>>(geometry: T, style: T extends FeatureCollection<LineString, any> ? LineStyle : PaintStyle, opts: {
-                floorId?: string;
-            }) => string;
-            remove: (customGeometry: Shape) => string;
-        };
-        Labels: {
-            all: ({ onCreate }: {
-                onCreate: (labelId: string | number, text: string) => void;
-            }) => void;
-            add: (coordinate: Position, text: string, opts?: AddLabelOptions & {
-                floorId?: string;
-            }) => {
-                id: string | number;
-            };
-            remove: (targetId: string) => void;
-            removeAll: () => void;
-        };
-        Paths: {
-            add: (coordinates: Coordinate[], options?: TAddPathOptions) => {
-                paths: EntityId<PathState>[];
-                animation: Promise<void>;
-            };
-            remove: (entityIds: string[]) => void;
-        };
-        constructor(id: string, mvf: any, styleMap: AggregatedStyleMap, options: TShow3DMapOptions | undefined, renderer: RendererCore);
+            readonly __type: 'Path';
+            /**
+                * @internal
+                */
+            constructor(id: string, drawAnimation: Promise<void>, coordinates: Coordinate[]);
+    }
+}
+
+declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/shape' {
+    /**
+        * Class representing GeoJSON shape on the {@link MapView}.
+        *
+        */
+    export class Shape {
+            /**
+                * id of Shape
+                */
+            readonly id: string;
+            /**
+                * @internal
+                */
+            static readonly __type = "Shape";
+            /**
+                * @internal
+                */
+            readonly __type = "Shape";
+            /**
+                * Checks if the provided instance is of type Shape.
+                *
+                * @param instance The instance to check.
+                * @returns {boolean} True if the instance is a Shape, false otherwise.
+                */
+            static is(instance: object): instance is Shape;
+            /**
+                * @internal
+                */
+            constructor(id: string);
     }
 }
 
@@ -7402,6 +7713,16 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/camera' {
             constructor(rendererCore: RendererCore);
             setScreenOffsets(padding: InsetPadding): void;
             get screenOffsets(): InsetPadding;
+            /**
+                * The camera's current pan mode.
+                */
+            get panMode(): "default" | "elevation";
+            /**
+                * Set the camera's pan mode. 'elevation' moves the camera up and down, while 'default' allows the camera to pan along the ground.
+                * @experimental
+                * @param panMode The new pan mode.
+                */
+            setPanMode(panMode: 'default' | 'elevation'): void;
             /**
                 * Focuses the camera on a specific target or array of targets.
                 *
@@ -7499,6 +7820,23 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/camera' {
                 * @default 12
                 */
             setMaxZoomLevel: (zoomLevel: number) => void;
+            /**
+                * Set the camera's elevation in meters.
+                * @experimental
+                * @param elevation The new elevation in meters.
+                */
+            setElevation(elevation: number): void;
+            /**
+                * The current elevation of the camera in meters.
+                */
+            get elevation(): number;
+            /**
+                * Animate the camera's elevation to a specified elevation.
+                * @experimental
+                * @param elevation The target elevation in meters.
+                * @param options Optional settings for the camera animation.
+                */
+            animateElevation(elevation: number, options?: TCameraAnimationOptions): Promise<void>;
     }
 }
 
@@ -7752,6 +8090,216 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/paths' {
     export {};
 }
 
+declare module '@mappedin/react-sdk/mappedin-js/src/navigation/index' {
+    import { type TDirectionInstruction } from '@mappedin/react-sdk/mappedin-js/src';
+    import type { Directions } from '@mappedin/react-sdk/mappedin-js/src/api-geojson';
+    import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
+    import { Path, Marker } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import type { RendererCore } from '@mappedin/core-sdk';
+    /**
+        * Options for navigation.
+        */
+    export type TNavigationOptions = {
+            /**
+                * Controls whether the map should be set to the floor of the connection point when a connection point is clicked.
+                * @default true
+                */
+            setMapOnConnectionClick?: boolean;
+            /**
+                * Controls whether markers are created for the departure, destination, and connection points.
+                */
+            createMarkers?: {
+                    /**
+                        * Controls whether a marker is created for the departure point and allows a custom marker to be created.
+                        * @default true
+                        */
+                    departure?: boolean | ((instruction: TDirectionInstruction) => Marker);
+                    /**
+                        * Controls whether a marker is created for the destination point and allows a custom marker to be created.
+                        * @default true
+                        */
+                    destination?: boolean | ((instruction: TDirectionInstruction) => Marker);
+                    /**
+                        * Controls whether markers are created for connection points and allows a custom marker to be created.
+                        * @default true
+                        */
+                    connection?: boolean | ((instruction: TDirectionInstruction) => Marker);
+            };
+            /**
+                * Path Options for the non-current path in multi-destination mode.
+                */
+            inactivePathOptions?: {
+                    /**
+                        * Duration in milliseconds for the path to be drawn.
+                        * @default 1000
+                        */
+                    drawDuration?: number;
+                    /**
+                        * The color of the path.
+                        * @default '#40A9FF'
+                        */
+                    color?: string;
+                    /**
+                        * Whether the path should be clickable.
+                        *
+                        * @defaultValue false
+                        */
+                    interactive?: boolean;
+                    /**
+                        * The accent color of the path. This is applied to arrows if they are displayed
+                        * @default 'blue'
+                        */
+                    accentColor?: string;
+                    /**
+                        * The radius of the path near the markers.
+                        * @default 0.25
+                        */
+                    nearRadius?: number;
+                    /**
+                        * The radius of the path far from the markers.
+                        * @default 1
+                        */
+                    farRadius?: number;
+                    /**
+                        * Controls whether arrows are displayed on the path.
+                        * @default false
+                        */
+                    displayArrowsOnPath?: boolean;
+                    /**
+                        * Controls whether arrows are animated.
+                        * @default false
+                        */
+                    animateArrowsOnPath?: boolean;
+            };
+            /**
+                * Options for the path.
+                */
+            pathOptions?: {
+                    /**
+                        * Duration in milliseconds for the path to be drawn.
+                        * @default 1000
+                        */
+                    drawDuration?: number;
+                    /**
+                        * The color of the path.
+                        * @default '#40A9FF'
+                        */
+                    color?: string;
+                    /**
+                        * Whether the path should be clickable.
+                        *
+                        * @defaultValue false
+                        */
+                    interactive?: boolean;
+                    /**
+                        * The accent color of the path. This is applied to arrows if they are displayed
+                        * @default 'blue'
+                        */
+                    accentColor?: string;
+                    /**
+                        * The radius of the path near the markers.
+                        * @default 0.25
+                        */
+                    nearRadius?: number;
+                    /**
+                        * The radius of the path far from the markers.
+                        * @default 1
+                        */
+                    farRadius?: number;
+                    /**
+                        * Controls whether arrows are displayed on the path.
+                        * @default false
+                        */
+                    displayArrowsOnPath?: boolean;
+                    /**
+                        * Controls whether arrows are animated.
+                        * @default false
+                        */
+                    animateArrowsOnPath?: boolean;
+            };
+            /**
+                * Options for the markers at the departure and destination.
+                */
+            markerOptions?: {
+                    /**
+                        * The color of the departure marker.
+                        * @default '#1890FF'
+                        */
+                    departureColor?: string;
+                    /**
+                        * The color of the destination marker.
+                        * @default '#722ED1'
+                        */
+                    destinationColor?: string;
+            };
+    };
+    export class Navigation {
+            #private;
+            /**
+                * @internal
+                */
+            get currentMap(): GeojsonApiMapObject;
+            /**
+                * Returns true if the navigation is for a multi-floor path.
+                */
+            get isMultiFloor(): boolean;
+            /**
+                * @internal
+                */
+            constructor(core: RendererCore, currentMapGetter: CurrentMapGetter);
+            /**
+                * @internal
+                */
+            getPathById(id: string): {
+                    path: Path;
+                    entityIds: string[];
+            } | undefined;
+            /**
+                * @internal
+                */
+            getMarkerById(id: string): {
+                    instruction: TDirectionInstruction;
+                    marker: Marker;
+            } | undefined;
+            /**
+                * @internal
+                */
+            get paths(): Path[];
+            /**
+                * The currently active directions.
+                */
+            get activeDirections(): Directions | undefined;
+            /**
+                * The currently active path.
+                */
+            get activePath(): Path | undefined;
+            /**
+                * Sets the active path by index.
+                */
+            setActivePathByIndex(target: number): void;
+            /**
+                * Sets the active path.
+                */
+            setActivePath(target: Path): void;
+            /**
+                * Sets the active path by directions.
+                */
+            setActivePathByDirections(target: Directions): void;
+            /**
+                * Draws the specified directions on the map.
+                * @param directions The directions to be drawn.
+                * @param options Optional additional options for the navigation.
+                */
+            draw(directions: Directions | Directions[], options?: TNavigationOptions): Promise<unknown>;
+            /**
+                * Clears any drawn navigation paths or directions from the map.
+                */
+            clear(): void;
+    }
+    type CurrentMapGetter = () => GeojsonApiMapObject | undefined;
+    export {};
+}
+
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/exporter' {
     import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
     import type { GLTFExportOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
@@ -8183,7 +8731,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/search/internal' {
                     enabled?: boolean | undefined;
             } | undefined;
     }>;
+    /**
+        * @interface
+        */
     export type SearchOptions = z.infer<typeof searchOptionsSchema>;
+    /**
+        * @interface
+        */
     export type SuggestOptions = z.infer<typeof suggestOptionsSchema>;
     export { Suggestion, MatchInfo };
 }
@@ -8199,6 +8753,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/search/external' {
                 * @default false
                 */
             enabled: boolean;
+            /**
+                * @internal
+                */
             constructor(mapData: MapData, mapDataInternal: MapDataInternal, { enabled }?: {
                     enabled?: boolean;
             });
@@ -9009,6 +9566,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimi
     import type { BufferGeometry } from 'three';
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     import { Geometry3D, Geometry3DObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
+    import { type MeshComponentProperties } from '@mappedin/react-sdk/geojson/src/components/mesh';
     import type { Feature, LineString, MultiPolygon, Point, Polygon } from 'geojson';
     import type { LineStyle, ModelProperties, ModelStyle, PaintStyle } from '@mappedin/react-sdk/geojson/src/types';
     import type { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
@@ -9021,7 +9579,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimi
         loader?: GLTFLoader;
         constructor(state: RendererState, convertTo3DMapPosition: any);
         getGLTFLoader(): Promise<void>;
-        createEntityFromFeature(id: string | number, feature: Feature<Polygon | LineString | MultiPolygon>, style?: LineStyle | PaintStyle): Geometry3D;
+        createEntityFromFeature(id: string | number, feature: Feature<Polygon | LineString | MultiPolygon, MeshComponentProperties>, style?: LineStyle | PaintStyle): Geometry3D;
         createModelFromFeature(id: string | number, feature: Feature<Point, ModelProperties>, style?: ModelStyle): Geometry3D;
         populateEntityMesh(entity: Geometry3D, geometry: BufferGeometry): void;
         populateModelGroup(entities: Set<string | number>, url: string, tree: any): Promise<Geometry3DObject3D>;
@@ -9516,6 +10074,16 @@ declare module '@mappedin/react-sdk/geojson/src/systems/pre-render/system' {
     }
 }
 
+declare module '@mappedin/react-sdk/geojson/src/systems/polygon-label/system' {
+    import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    import type { RendererCore } from '@mappedin/react-sdk/geojson/src';
+    export const DEFAULT_VERTICAL_OFFSET = 0.01;
+    export class PolygonLabelSystem {
+        constructor(rendererState: RendererState, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition']);
+        update(cameraRotationRadians: number): void;
+    }
+}
+
 declare module '@mappedin/react-sdk/packages/geojson-navigator/src' {
     export { Navigator } from '@mappedin/react-sdk/packages/geojson-navigator/src/navigator';
     export type { SimplifyDirectionsOptions } from '@mappedin/react-sdk/packages/geojson-navigator/src/navigator/navigator';
@@ -9713,7 +10281,9 @@ declare module '@mappedin/react-sdk/geojson/src/components/style' {
         topTexture?: string;
         outline: boolean;
         showImage: boolean;
+        showTextLabel: boolean;
         flipImageToFaceCamera: boolean;
+        flipTextToFaceCamera: boolean;
         url?: string;
     };
     export class StyleComponent implements Style {
@@ -9734,7 +10304,9 @@ declare module '@mappedin/react-sdk/geojson/src/components/style' {
         cap: LineStyle['cap'];
         outline: boolean;
         showImage: boolean;
+        showTextLabel: boolean;
         flipImageToFaceCamera: boolean;
+        flipTextToFaceCamera: boolean;
         url?: string;
         constructor(style?: Partial<Style>);
     }
@@ -10148,7 +10720,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/camera/system' {
                 * Returns true if the camera is currently animating.
                 * @return {Boolean} True if the camera is animating, false otherwise.
                 */
-            isAnimating: () => boolean;
+            get isAnimating(): any;
             /**
                 * Returns true if the camera is currently moving (it's animating, the user is manipulating it).
                 *
@@ -10488,7 +11060,6 @@ declare module '@mappedin/react-sdk/geojson/src/systems/camera/types' {
 
 declare module '@mappedin/react-sdk/geojson/src/systems/camera/constants' {
     export const MAPLIBRE_TILE_SIZE = 512;
-    export const EARTH_RADIUS_M = 6371008.8;
     export const MIN_LAT = -85.051129;
     export const MAX_LAT = 85.051129;
     export const CLIPPING_RADIUS = 10000;