@mappedin/react-sdk 6.0.1-beta.40 → 6.0.1-beta.42

package/lib/esm/index.d.ts

@@ -406,7 +406,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
     export { parseMVF, unzipMVF, enableTestMode, preloadFont, MAPPEDIN_COLORS };
     export type { MapView, MapData, MapViewState, MappedinMapLibreOverlay, TMappedinMapLibreOverlayEvents, TBlueDotEvents, TBlueDotAction, TBlueDotState, GeolocationPositionExtended, TStackedMapsEvents, TExpandOptions, TStackedMapsState, TFollowMode, TFollowCameraOptions, TEvents, TEventPayload, TFloorChangeReason, TClickPayload, THoverPayload, TShow3DMapOptions, TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TGetMapDataSharedOptions, TAntialiasingOptions, TMVF, PaintStyle, LineStyle, EnvMapOptions, Shading, TMVFStyleCollection, TMVFStyle, TMVFLineStringStyle, TMVFPolygonStyle, TMVFPointStyle, Environment, InsetPadding, InsetPaddingOption, OperationHours, SiblingGroup, LocationState, Text3DState, AddText3DOptions, UpdatableText3DState, InitializeText3DState, UpdateModelState, InitializeModelState, };
     export type * from 'geojson';
-    export type { TUpdateState, TUpdateStates, TLabelState, TGeometryState, TModelState, TShapeState, TDoorsState, TImageState, TWallsState, TCameraAnimationOptions, TAnimationOptions, TFocusOnOptions, TEasingFunction, TCameraTarget, TNavigationTarget, TDirectionZone, TAddMarkerOptions, TAddPathOptions, TLabelAppearance, TAddLabelOptions, TAddModelOptions, TAddModel, TAddImageOptions, TGetDirectionsOptions, TCollisionRankingTier, TMarkerAnchor, TDirectionInstruction, TDirectionInstructionAction, TGetState, TMarkerState, TBlueDotOptions, TBlueDotPositionUpdate, TFocusTarget, IFocusable, IAnchorable, TMapDataObjectTypes, } from '@mappedin/react-sdk/mappedin-js/src/types';
+    export type { TUpdateState, TUpdateStates, TLabelState, TGeometryState, TModelState, TShapeState, TDoorsState, TImageState, TWallsState, TCameraAnimationOptions, TAnimationOptions, TFocusOnOptions, TEasingFunction, TCameraTarget, TNavigationTarget, TDirectionZone, TAddMarkerOptions, TAddPathOptions, TLabelAppearance, TAddLabelOptions, TAddModelOptions, TAddModel, TAddImageOptions, TGetDirectionsOptions, TCollisionRankingTier, TMarkerAnchor, TDirectionInstruction, TDirectionInstructionAction, TGetState, TMarkerState, TBlueDotOptions, TBlueDotPositionUpdate, TFocusTarget, IFocusable, IAnchorable, TMapDataObjectTypes, TFloorState, TFacadeState, } from '@mappedin/react-sdk/mappedin-js/src/types';
     export { WALLS, DOORS } from '@mappedin/react-sdk/mappedin-js/src/types';
     export type { Label, Marker, Path, PathSegment, Shape, CameraTransform, Model, Image, Text3D, } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     export type { Debug } from '@mappedin/react-sdk/mappedin-js/src/debug';
@@ -1639,7 +1639,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * // Update the color of a space to red.
                 * map.updateState(space, { color: 'red' });
                 */
-            updateState<T extends Space | Text3DView | MapObject | Label | Marker | Shape | Door | Facade | WALLS | DOORS | Model | Path | PathSegment>(target: T, state: TUpdateState<T>): any;
+            updateState<T extends Space | Text3DView | MapObject | Label | Marker | Shape | Door | Facade | Floor | WALLS | DOORS | Model | Path | PathSegment>(target: T, state: TUpdateState<T>): any;
             updateState<T extends string & NonNullable<unknown>>(target: T, state: TUpdateStates): any;
             /**
                 * Update global state of the MapView
@@ -1707,7 +1707,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * @hidden
                 */
             updateWatermark(options: WatermarkUpdateOptions): void;
-            getState<T extends Space | Model | Text3DView | MapObject | Label | Marker | Image | Shape | Path | PathSegment | string>(target: T): TGetState<T>;
+            getState<T extends Space | Model | Text3DView | MapObject | Label | Marker | Image | Shape | Path | PathSegment | Floor | string>(target: T): TGetState<T>;
             setHoverColor(c: string): void;
             getHoverColor(): string | undefined;
             /**
@@ -2309,6 +2309,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             opacity: number;
     };
+    export type TFacadeState = {
+            type: 'facade';
+            /**
+                * The opacity of the facade.
+                */
+            opacity: number;
+    };
     /**
         * Defines the state for geometry elements like {@link Space} when updated.
         */
@@ -2356,6 +2363,18 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
             };
             flipImageToFaceCamera?: boolean;
     };
+    export type TFloorState = {
+            type: 'floor';
+            /**
+                * State of the geometry on the floor.
+                */
+            geometry: {
+                    /**
+                        * Opacity of the floor geometry.
+                        */
+                    opacity: number;
+            };
+    };
     export enum WALLS {
             Exterior = "exterior-walls",
             Interior = "interior-walls"
@@ -2367,9 +2386,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     /**
         * The type for updating the state of map elements (colors, texts, etc.).
         */
-    export type TUpdateState<T> = T extends WALLS ? Partial<TWallsState> : T extends DOORS | Door ? Partial<TDoorsState> : T extends Model ? Partial<UpdateModelState> : T extends Marker ? Partial<TMarkerState> : T extends Label ? Partial<TLabelState> : T extends Space | MapObject | Facade ? Partial<TGeometryState> : T extends Shape ? Partial<Omit<TShapeState, 'height' | 'type'>> : T extends Text3D ? UpdatableText3DState : T extends Path ? Partial<TPathState> : T extends PathSegment ? Partial<TPathState> : T extends string ? Record<string, any> : never;
+    export type TUpdateState<T> = T extends WALLS ? Partial<TWallsState> : T extends DOORS | Door ? Partial<TDoorsState> : T extends Model ? Partial<UpdateModelState> : T extends Marker ? Partial<TMarkerState> : T extends Label ? Partial<TLabelState> : T extends Space | MapObject ? Partial<TGeometryState> : T extends Floor ? Partial<TFloorState> : T extends Facade ? Partial<TFacadeState> : T extends Shape ? Partial<Omit<TShapeState, 'height' | 'type'>> : T extends Text3D ? UpdatableText3DState : T extends Path ? Partial<TPathState> : T extends PathSegment ? Partial<TPathState> : T extends string ? Record<string, any> : never;
     export type TUpdateStates = Partial<Omit<TGeometryState, 'interactive' | 'hoverColor' | 'type'>> | Partial<TMarkerState> | Partial<TLabelState> | Partial<TGeometryState> | Partial<TPathState>;
-    export type TGetState<T> = T extends WALLS ? TWallsState | undefined : T extends DOORS ? TDoorsState | undefined : T extends Marker ? TMarkerState | undefined : T extends Shape ? TShapeState | undefined : T extends Model ? TModelState | undefined : T extends Label ? TLabelState | undefined : T extends Image ? TImageState | undefined : T extends Text3D ? Text3DState | undefined : T extends Space | MapObject ? TGeometryState | undefined : T extends Path ? TPathState | undefined : T extends PathSegment ? TPathState | undefined : T extends string ? TLabelState | TGeometryState | TMarkerState | TModelState | TPathState | undefined : never;
+    export type TGetState<T> = T extends WALLS ? TWallsState | undefined : T extends DOORS ? TDoorsState | undefined : T extends Marker ? TMarkerState | undefined : T extends Shape ? TShapeState | undefined : T extends Model ? TModelState | undefined : T extends Label ? TLabelState | undefined : T extends Image ? TImageState | undefined : T extends Text3D ? Text3DState | undefined : T extends Space | MapObject ? TGeometryState | undefined : T extends Floor ? TFloorState | undefined : T extends Facade ? TFacadeState | undefined : T extends Path ? TPathState | undefined : T extends PathSegment ? TPathState | undefined : T extends string ? TLabelState | TGeometryState | TMarkerState | TModelState | TPathState | undefined : never;
     /**
         * Options for {@link Camera} animations on the map.
         */
@@ -2545,6 +2564,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 * @defaultValue 0.4
                 */
             farRadius?: number;
+            /**
+                * The zoom level at which the path should be at its near radius. This will default to the Camera maxZoomLevel.
+                */
+            nearZoomLevel?: number;
+            /**
+                * The zoom level at which the path should be at its far radius. This will default to the Camera minZoomLevel.
+                */
+            farZoomLevel?: number;
             /**
                 * Duration of path drawing in milliseconds.
                 *
@@ -3046,6 +3073,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/constants' {
+    export const FLOOR_HEIGHT = 10;
     /**
       * Default map options used if no custom options are provided.
       *
@@ -3067,6 +3095,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/constants' {
             mode: "default";
         };
         flipImagesToFaceCamera: true;
+        multiFloorView: {
+            enabled: false;
+            floorHeight: number;
+        };
     };
     export const EXTERIOR_WALLS_ID = "ExteriorWalls";
     export const WALLS_ID = "Walls";
@@ -3079,6 +3111,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/constants' {
     export const FOOTPRINT_LAYER = "FootprintLayer";
     export const OCCLUSION_LAYER = "OcclusionLayer";
     export const IMAGES_LAYER = "ImagesLayer";
+    export const FACADES_LAYER = "FacadesLayer";
     export const SELF_SERVE_API_AUDIENCE: string[];
     export const ENTERPRISE_API_AUDIENCE: string[];
     export const MAPPEDIN_COLORS: {
@@ -3506,11 +3539,19 @@ declare module '@mappedin/react-sdk/mappedin-js/src/navigation' {
                         * @default 0.25
                         */
                     nearRadius?: number;
+                    /**
+                        * The zoom level at which the path should be at its near radius. This will default to the Camera maxZoomLevel.
+                        */
+                    nearZoomLevel?: number;
                     /**
                         * The radius of the path far from the markers.
                         * @default 1
                         */
                     farRadius?: number;
+                    /**
+                        * The zoom level at which the path should be at its far radius. This will default to the Camera minZoomLevel.
+                        */
+                    farZoomLevel?: number;
                     /**
                         * Controls whether arrows are displayed on the path.
                         * @default false
@@ -3552,11 +3593,19 @@ declare module '@mappedin/react-sdk/mappedin-js/src/navigation' {
                         * @default 0.25
                         */
                     nearRadius?: number;
+                    /**
+                        * The zoom level at which the path should be at its near radius. This will default to the Camera maxZoomLevel.
+                        */
+                    nearZoomLevel?: number;
                     /**
                         * The radius of the path far from the markers.
                         * @default 1
                         */
                     farRadius?: number;
+                    /**
+                        * The zoom level at which the path should be at its far radius. This will default to the Camera minZoomLevel.
+                        */
+                    farZoomLevel?: number;
                     /**
                         * Controls whether arrows are displayed on the path.
                         * @default false
@@ -6409,10 +6458,18 @@ declare module '@mappedin/react-sdk/geojson/src/components/path' {
                 * The radius of the path when zoomed in
                 */
             nearRadius: number;
+            /**
+                * The zoom level at which the near radius is applied
+                */
+            nearZoomLevel?: number;
             /**
                 * The radius of the path when zoomed out
                 */
             farRadius: number;
+            /**
+                * The zoom level at which the far radius is applied
+                */
+            farZoomLevel?: number;
     };
     export type AddPathOptions = {
             /**
@@ -6428,10 +6485,18 @@ declare module '@mappedin/react-sdk/geojson/src/components/path' {
                 * The radius of the path when zoomed in
                 */
             nearRadius?: number;
+            /**
+                * The zoom level at which the near radius is applied
+                */
+            nearZoomLevel?: number;
             /**
                 * The radius of the path when zoomed out
                 */
             farRadius?: number;
+            /**
+                * The zoom level at which the far radius is applied
+                */
+            farZoomLevel?: number;
             /**
                 * The color of the path.
                 */
@@ -6457,6 +6522,8 @@ declare module '@mappedin/react-sdk/geojson/src/components/path' {
             accentColor: z.ZodOptional<z.ZodString>;
             displayArrowsOnPath: z.ZodOptional<z.ZodBoolean>;
             animateArrowsOnPath: z.ZodOptional<z.ZodBoolean>;
+            nearZoomLevel: z.ZodOptional<z.ZodNumber>;
+            farZoomLevel: z.ZodOptional<z.ZodNumber>;
     }, "strip", z.ZodTypeAny, {
             id?: string | undefined;
             interactive?: boolean | undefined;
@@ -6464,7 +6531,9 @@ declare module '@mappedin/react-sdk/geojson/src/components/path' {
             displayArrowsOnPath?: boolean | undefined;
             animateArrowsOnPath?: boolean | undefined;
             nearRadius?: number | undefined;
+            nearZoomLevel?: number | undefined;
             farRadius?: number | undefined;
+            farZoomLevel?: number | undefined;
     }, {
             id?: string | undefined;
             interactive?: boolean | undefined;
@@ -6472,7 +6541,9 @@ declare module '@mappedin/react-sdk/geojson/src/components/path' {
             displayArrowsOnPath?: boolean | undefined;
             animateArrowsOnPath?: boolean | undefined;
             nearRadius?: number | undefined;
+            nearZoomLevel?: number | undefined;
             farRadius?: number | undefined;
+            farZoomLevel?: number | undefined;
     }>;
     export const featureSchema: z.ZodObject<{
             type: z.ZodEnum<["Feature"]>;
@@ -6524,6 +6595,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/path' {
             options: AddPathOptions;
             nearRadius: number;
             farRadius: number;
+            nearZoomLevel?: number;
+            farZoomLevel?: number;
+            nearZoomAltitude?: number;
+            farZoomAltitude?: number;
             accentColor: string;
             completeFraction: number;
             altitudeAdjustment: number;
@@ -7127,6 +7202,10 @@ declare module '@mappedin/react-sdk/geojson/src/entities/group-container' {
                 */
             altitude: number;
             interactive: boolean;
+            /**
+                * The opacity of the group container, which sets the opacity of all its children
+                */
+            opacity: number;
     };
     export class GroupContainerObject3D extends Object3D {
             childrenIds: Set<string | number>;
@@ -7139,6 +7218,9 @@ declare module '@mappedin/react-sdk/geojson/src/entities/group-container' {
                     occluderDirty: boolean;
                     occluderId?: number;
                     occluderFeature?: Feature<Polygon | MultiPolygon, any>;
+                    opacity: number;
+                    /** The effective opacity of the entity after all parent containers have been considered. */
+                    computedOpacity: number;
             };
             components: [StackComponent?, InteractionComponent?];
             constructor(id: string);
@@ -7148,6 +7230,8 @@ declare module '@mappedin/react-sdk/geojson/src/entities/group-container' {
             setVisible(visible: boolean): void;
             setAltitude(altitude: number): void;
             get altitude(): number;
+            setOpacity(opacity: number): void;
+            get opacity(): number;
     }
 }
 
@@ -7587,6 +7671,7 @@ declare module '@mappedin/react-sdk/geojson/src/types' {
             tweenGroup: TweenGroup;
             cameraObject: Camera;
             naturalBearing: number;
+            containerOffset: [number, number];
     };
     /**
         * All of the entities in the scene
@@ -8440,7 +8525,10 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             /**
                 * Project a screen coordinate to a geographic coordinate
                 */
-            projectScreenXYToCoordinate: (x: number, y: number) => Position | undefined;
+            projectScreenXYToCoordinate: (x: number, y: number, useWorldPlane?: boolean) => {
+                    coordinate: Position;
+                    groupContainers: GroupContainerObject3D[] | undefined;
+            } | undefined;
             /**
                 * Project a geographic coordinate to a screen coordinate
                 */
@@ -8588,7 +8676,6 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
 }
 
 declare module '@mappedin/react-sdk/geojson/src/camera' {
-    import type { Mesh } from 'three';
     import { Vector3 } from 'three';
     import type { RendererCore } from '@mappedin/react-sdk/geojson/src';
     import type { Position as GeoJSONPosition } from 'geojson';
@@ -8631,7 +8718,7 @@ declare module '@mappedin/react-sdk/geojson/src/camera' {
             /**
                 * @internal
                 */
-            constructor(core: RendererCore, systems: Systems, state: RendererState, cameraPlane: Mesh);
+            constructor(core: RendererCore, systems: Systems, state: RendererState);
             /**
                 * The camera's current center in [longitude, latitude] degrees.
                 */
@@ -9269,10 +9356,12 @@ declare module '@mappedin/react-sdk/geojson/src/utils' {
     import type { Object3D, Camera as THREECamera } from 'three';
     import { MercatorCoordinate } from '@mappedin/react-sdk/packages/outdoor-context-v4';
     import type { CustomLayerInterface } from '@mappedin/react-sdk/packages/outdoor-context-v4';
-    import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
+    import { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
     import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
+    import type { Geometry3DTypes } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
     import type { Position, RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     import type { Camera } from '@mappedin/react-sdk/geojson/src/camera';
+    import { GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
     export { isFiniteBox } from '@packages/internal/common';
     export function cartesianToGeographic(centerLat: number, centerLon: number, x: number, y: number): {
         lat: number;
@@ -9348,6 +9437,7 @@ declare module '@mappedin/react-sdk/geojson/src/utils' {
     export { transformRequest } from '@mappedin/react-sdk/geojson/src/utils/tranform-request';
     export { normalizeAngle } from '@mappedin/react-sdk/geojson/src/utils/math';
     export function shouldExpandZoomLevel(minZoomFromCurrentPanBounds: number, cameraZoomLevel: number): boolean;
+    export function getGroupContainerOpacity(entity: Geometry3DTypes | GeometryGroupObject3D): number;
 }
 
 declare module '@mappedin/react-sdk/geojson/src/utils/constants' {
@@ -9586,64 +9676,71 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
     import { Text3D } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/text3d';
     import { PathSegment } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path';
     export class GeoJsonApi {
-        core: RendererCore;
-        mapObjects: GeojsonApiMapObject[];
-        id: string;
-        mapDataExternal: {
-            [key in string]: MapData;
-        };
-        mapData?: MapData;
-        currentMap: GeojsonApiMapObject;
-        hiddenOutdoorGeometries: [
-            BBox,
-            polygons: GeoJSON.Feature<GeoJSON.Polygon | GeoJSON.MultiPolygon, any>[],
-            layers: string[]
-        ][];
-        mapView: MapView;
-        Camera: Camera;
-        Labels: Labels;
-        Text3D: Text3D;
-        Markers: Markers;
-        Models: Models;
-        Paths: Paths;
-        Exporter: Exporter;
-        Navigation: Navigation;
-        Outdoor: Outdoor;
-        BlueDot: BlueDot;
-        Shapes: Shapes;
-        Style: Style;
-        Images: Images;
-        get DynamicFocus(): import("..").DynamicFocus;
-        get StackedMaps(): import("..").StackedMaps;
-        constructor(rendererCore: RendererCore, mapView: MapView);
-        updateState<T extends Space | Text3DView | MapObject | Label | Shape | Marker | Model | Door | Facade | WALLS | DOORS | Path | PathSegment | (string & NonNullable<unknown>)>(target: T, state: TUpdateState<T>): void;
-        update: () => void;
-        getMapDataInternal(): MapDataInternal | undefined;
-        getMapData(): MapData | undefined;
-        addMap(mapData: MapData, options?: TShow3DMapOptions): Promise<MapData>;
-        setFloor(floor: Floor | string, reason?: TFloorChangeReason): void;
-        setFloorStack(floorStack: FloorStack | string): void;
-        updateWatermark(options: WatermarkUpdateOptions): void;
-        get currentFloorStack(): FloorStack;
-        get currentFloor(): Floor;
-        getState<T extends Space | Text3DView | MapObject | Label | Marker | Image | Shape | Model | Path | PathSegment | string>(target: T): TGetState<T>;
-        setHoverColor(c: string): void;
-        getHoverColor(): string | undefined;
-        createCoordinateFromScreenCoordinate(x: number, y: number, floor?: Floor): Coordinate | undefined;
-        getScreenCoordinateFromCoordinate(coordinate: Coordinate): {
-            x: number;
-            y: number;
-        };
-        isInView(target: Space | MapObject | Label | Marker | string): boolean;
-        auto(): {
-            labels: Label[];
-        };
-        /**
-          * @internal
-          */
-        get __core(): RendererCore;
-        clear(): void;
-        destroy(): void;
+            core: RendererCore;
+            mapObjects: GeojsonApiMapObject[];
+            id: string;
+            mapDataExternal: {
+                    [key in string]: MapData;
+            };
+            mapData?: MapData;
+            currentMap: GeojsonApiMapObject;
+            hiddenOutdoorGeometries: [
+                    BBox,
+                    polygons: GeoJSON.Feature<GeoJSON.Polygon | GeoJSON.MultiPolygon, any>[],
+                    layers: string[]
+            ][];
+            mapView: MapView;
+            Camera: Camera;
+            Labels: Labels;
+            Text3D: Text3D;
+            Markers: Markers;
+            Models: Models;
+            Paths: Paths;
+            Exporter: Exporter;
+            Navigation: Navigation;
+            Outdoor: Outdoor;
+            BlueDot: BlueDot;
+            Shapes: Shapes;
+            Style: Style;
+            Images: Images;
+            get DynamicFocus(): import("..").DynamicFocus;
+            get StackedMaps(): import("..").StackedMaps;
+            constructor(rendererCore: RendererCore, mapView: MapView);
+            updateState<T extends Space | Text3DView | MapObject | Label | Shape | Marker | Model | Door | Facade | Floor | WALLS | DOORS | Path | PathSegment | (string & NonNullable<unknown>)>(target: T, state: TUpdateState<T>): void;
+            update: () => void;
+            getMapDataInternal(): MapDataInternal | undefined;
+            getMapData(): MapData | undefined;
+            addMap(mapData: MapData, options?: TShow3DMapOptions): Promise<MapData>;
+            setFloor(floor: Floor | string, reason?: TFloorChangeReason): void;
+            setFloorStack(floorStack: FloorStack | string): void;
+            updateWatermark(options: WatermarkUpdateOptions): void;
+            get currentFloorStack(): FloorStack;
+            get currentFloor(): Floor;
+            getState<T extends Space | Text3DView | MapObject | Label | Marker | Image | Shape | Model | Path | PathSegment | Floor | Facade | string>(target: T): TGetState<T>;
+            setHoverColor(c: string): void;
+            getHoverColor(): string | undefined;
+            /**
+                * Create a coordinate from a screen coordinate
+                * @param x - The x coordinate of the screen
+                * @param y - The y coordinate of the screen
+                * @param floor - The floor to use for the coordinate
+                * @returns The coordinate
+                */
+            createCoordinateFromScreenCoordinate(x: number, y: number, floor?: Floor): Coordinate | undefined;
+            getScreenCoordinateFromCoordinate(coordinate: Coordinate): {
+                    x: number;
+                    y: number;
+            };
+            isInView(target: Space | MapObject | Label | Marker | string): boolean;
+            auto(): {
+                    labels: Label[];
+            };
+            /**
+                * @internal
+                */
+            get __core(): RendererCore;
+            clear(): void;
+            destroy(): void;
     }
 }
 
@@ -9664,7 +9761,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
     import { type GeoJsonApi } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/api';
     import { FloorStackObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-stack-object';
     import { DynamicFocus } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/dynamic-focus';
-    export const FLOOR_HEIGHT = 5;
     import type { Text3DState } from '@mappedin/core-sdk/src/components/text3d';
     export class GeojsonApiMapObject extends PubSub<{
         'floor-change': {
@@ -9749,7 +9845,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
                 onCreate: (labelId: string | number, text: string, target: IAnchorable) => void;
                 labelOptions?: TAddLabelOptions;
             }) => void;
-            add: (coordinate: Position, text: string, opts?: AddLabelOptions & {
+            add: (coordinate: Coordinate, text: string, opts?: AddLabelOptions & {
                 floorId?: string;
                 parentId?: string;
                 verticalOffset?: number;
@@ -10045,7 +10141,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/text3d' {
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/camera' {
     import type { IFocusable, TCameraAnimationOptions, TCameraTarget, TFocusOnOptions, TCameraInteractionsSetOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
-    import type { InsetPadding } from '@mappedin/core-sdk';
+    import type { InsetPadding } from '@mappedin/react-sdk/geojson/src';
     import { Coordinate } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { GeoJsonApi } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/api';
     /**
@@ -10591,11 +10687,19 @@ declare module '@mappedin/react-sdk/mappedin-js/src/navigation/index' {
                         * @default 0.25
                         */
                     nearRadius?: number;
+                    /**
+                        * The zoom level at which the path should be at its near radius. This will default to the Camera maxZoomLevel.
+                        */
+                    nearZoomLevel?: number;
                     /**
                         * The radius of the path far from the markers.
                         * @default 1
                         */
                     farRadius?: number;
+                    /**
+                        * The zoom level at which the path should be at its far radius. This will default to the Camera minZoomLevel.
+                        */
+                    farZoomLevel?: number;
                     /**
                         * Controls whether arrows are displayed on the path.
                         * @default false
@@ -10637,11 +10741,19 @@ declare module '@mappedin/react-sdk/mappedin-js/src/navigation/index' {
                         * @default 0.25
                         */
                     nearRadius?: number;
+                    /**
+                        * The zoom level at which the path should be at its near radius. This will default to the Camera maxZoomLevel.
+                        */
+                    nearZoomLevel?: number;
                     /**
                         * The radius of the path far from the markers.
                         * @default 1
                         */
                     farRadius?: number;
+                    /**
+                        * The zoom level at which the path should be at its far radius. This will default to the Camera minZoomLevel.
+                        */
+                    farZoomLevel?: number;
                     /**
                         * Controls whether arrows are displayed on the path.
                         * @default false
@@ -12860,6 +12972,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/2d-occlusion/system' {
     import type { Position as GeoJsonPosition } from 'geojson';
     export function fillArrayWithColor(array: Float32Array | Uint8Array, count: number, color: number): void;
     export class Occlusion2DSystem {
+        backgroundId: number;
         constructor(state: RendererState, convertTo3DMapPosition: (position: GeoJsonPosition) => Vector3, renderer?: Renderer);
         reserveOccluderId(): number;
         enable(): void;
@@ -12948,7 +13061,7 @@ declare module '@mappedin/react-sdk/geojson/src/utils/ecs' {
     import { Box3, Vector3 } from 'three';
     import type RendererCore from '@mappedin/react-sdk/geojson/src/renderer';
     export function getGeometryByGeometryId(state: RendererState, geometryOrGeometryId?: string | number | Record<string, any>): Geometry3DTypes | GeometryGroupObject3D | GroupContainerObject3D | Geometry2D | undefined;
-    export function getVerticesOfEntity(core: RendererCore, geometryOrGeometryId?: string | number | EntityId<EntityState>, vertices?: Vector3[], bounds?: Box3): Vector3[];
+    export function getVerticesOfEntity(core: RendererCore, geometryOrGeometryId?: string | number | EntityId<EntityState>, vertices?: Vector3[], bounds?: Box3, zOffset?: number): Vector3[];
 }
 
 declare module '@mappedin/react-sdk/geojson/src/utils/get-pixel-ratio' {
@@ -13309,6 +13422,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
     import type { RendererCore, BBox } from '@mappedin/core-sdk';
     import type { AggregatedStyleMap } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils';
     import type { TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
+    import type { MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     class Layer {
         containerId: string;
         labelIds: Set<string>;
@@ -13332,8 +13446,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
         layers: Map<string, Layer>;
         footprint?: Feature<Polygon | MultiPolygon | null, MVFFloor>;
         floorStackId: string;
+        /** Map of styleId to array of facadeIds for styling */
+        facadesByStyleId: Map<string, string[]>;
         get geoJSONBoundingBox(): BBox | undefined;
-        constructor(parentId: string, floor: MVFFloor, renderer: RendererCore, multiFloorView: Required<TShow3DMapOptions['multiFloorView']>, options: TShow3DMapOptions, mvf?: ParsedMVF, styleMap?: AggregatedStyleMap);
+        constructor(parentId: string, floor: MVFFloor, renderer: RendererCore, multiFloorView: Required<TShow3DMapOptions['multiFloorView']>, options: TShow3DMapOptions, mvf?: ParsedMVF, styleMap?: AggregatedStyleMap, mapDataInternal?: MapDataInternal);
         load: () => this;
         get visible(): boolean;
         setVisible(visible: boolean): void;
@@ -13342,17 +13458,18 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
-    import { Coordinate, type MapObject, type Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import { Coordinate, type Floor, type MapObject, type Space, type Facade } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { EntranceCollection, LineString, Polygon, Point, SpaceProperties, ObstructionProperties, StyleCollection, PolygonStyle, LineStringStyle, Feature, ObstructionCollection, PointStyle } from '@mappedin/mvf';
     import type { PolygonFeatureProperties } from '@packages/internal/mvf-utils';
     import type { BBox, FeatureCollection, MultiLineString } from 'geojson';
-    import type { LabelState, MarkerState, GeometryState, CollisionRankingTier, LineStyle, PaintStyle, Position } from '@mappedin/core-sdk';
+    import type { LabelState, MarkerState, GeometryState, CollisionRankingTier, LineStyle, PaintStyle, Position, GroupContainerState } from '@mappedin/core-sdk';
     import { type TGeometryState, type TLabelState, type TDirectionInstructionAction, type TShow3DMapOptions, type Label, type Marker, type Model } from '@mappedin/react-sdk/mappedin-js/src';
-    import type { TDoorsState, TMarkerState, TWallsState } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import type { TDoorsState, TFloorState, TMarkerState, TWallsState } from '@mappedin/react-sdk/mappedin-js/src/types';
     import type { Image, Path, Shape, Text3D } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { GeoJsonApi } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/api';
     import type { Tween } from '@tweenjs/tween.js';
     import type { PathSegment } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path';
+    import { FloorObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object';
     export function convertCoordinateToPosition(coord: Coordinate): Position;
     export function convertPositionToCoordinate(coord: Position): Coordinate;
     export const cutEntrancesFromLineStrings: (lineStrings: ObstructionCollection["features"], entranceCollection: EntranceCollection["features"]) => {
@@ -13364,6 +13481,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
     export function translateDoorsStateToGeojsonCore(state: Partial<TDoorsState>, currentState: Partial<GeometryState>): Partial<GeometryState>;
     export function translateWallsStateToGeojsonCore(state: Partial<TWallsState>, currentState: Partial<GeometryState>): Partial<GeometryState>;
     export function translateSpaceStateToGeojsonCore(state: Partial<TGeometryState>, currentState: Partial<GeometryState>): Partial<GeometryState>;
+    export function translateFloorGeometryStateToGeojsonCore(state: TFloorState['geometry']): Partial<GroupContainerState>;
     export function differenceBetweenAngles(a: number, b: number): number;
     export function getRelativeBearing(relativeBearingAngle: number, threshold: number): TDirectionInstructionAction['bearing'];
     export function convertCollisionRankingTeirToNumber(tier: CollisionRankingTier): number;
@@ -13379,11 +13497,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
     };
     export function groupGeometryByStyle(features: Feature<LineString | Polygon | Point, PolygonFeatureProperties<SpaceProperties | ObstructionProperties>>[], styleMap: AggregatedStyleMap): Map<WithId<PolygonStyle> | WithId<LineStringStyle> | WithId<PointStyle>, Feature<Polygon | LineString | Point, PolygonFeatureProperties<SpaceProperties | ObstructionProperties>>[]>;
     export function translateToCoreStyle(style: PolygonStyle | LineStringStyle, userOptions?: TShow3DMapOptions): PaintStyle | LineStyle;
-    export const getTargetID: <T extends Space | Shape | MapObject | Label | Text3D | Marker | Model | Path | PathSegment | Image | string>(target: T, api: GeoJsonApi) => string | undefined;
+    export const getTargetID: <T extends Space | Shape | MapObject | Label | Text3D | Marker | Model | Path | PathSegment | Image | Floor | Facade | string>(target: T, api: GeoJsonApi) => string | undefined;
     export function tweenToPromise(tween: Tween): Promise<void>;
     export function getBoundingBox(geometry: GeoJSON.Feature<GeoJSON.Polygon | GeoJSON.MultiPolygon, any>): BBox;
     export function expandBbox(bbox: BBox, bboxToExpand: BBox): number[];
     export function unique<T>(array: T[]): T[];
+    export function getTargetFloorObject(coordinate: Coordinate, floorsById: Map<string, FloorObject>, defaultFloor: FloorObject): FloorObject;
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-stack-object' {
@@ -13514,7 +13633,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/collider-proc
 
 declare module '@mappedin/react-sdk/geojson/src/systems/interactions/system' {
     import { PerspectiveCamera, Vector3, Object3D, Mesh, Intersection, Object3DEventMap } from 'three';
-    import { Raycaster } from 'three';
+    import { Raycaster, Vector2 } from 'three';
     import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
     import { QuadTree } from '@packages/internal/quad-tree';
     import type { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
@@ -13563,7 +13682,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/interactions/system' {
                     entityId: Geometry2D['id'];
             }>;
             _container: HTMLCanvasElement;
-            constructor(container: HTMLCanvasElement, coreState: RendererState, camera: PerspectiveCamera, cameraPlane: Mesh, isUserInteracting: () => boolean);
+            constructor(container: HTMLCanvasElement, coreState: RendererState, camera: PerspectiveCamera, worldPlane: Mesh, isUserInteracting: () => boolean);
             updateQuadtree(takeIT: QuadTree<{
                     entityId: Geometry2D['id'];
             }>): void;
@@ -13571,6 +13690,8 @@ declare module '@mappedin/react-sdk/geojson/src/systems/interactions/system' {
             hasTouched: boolean;
             onPointerMoveRaf: (event: PointerEvent) => void;
             tapsControl: TapsController;
+            getThreeDIntersectsFromXY(point: Vector2): Intersection<Object3D<Object3DEventMap>>[];
+            getGroupContainerIntersectsFromXY(point: Vector2): any;
             handleHover(e?: PointerEvent): void;
             dirty3D: boolean;
             get _hitBoxes(): {
@@ -13586,14 +13707,12 @@ declare module '@mappedin/react-sdk/geojson/src/systems/interactions/system' {
                     hovered2DEntity: Geometry2D | undefined;
                     hovered3DContainers: GroupContainerObject3D[] | undefined;
                     lastHover: Geometry3D | undefined;
-                    containerOffset: [top: number, left: number];
                     interaction: InteractionState;
             };
             /**
                 * Get the current cursor type determined by the interaction.
                 */
             getCursor(): CursorTypes;
-            resize: () => void;
     }
     export function findModelParent(object: Object3D): Object3D<Object3DEventMap> | undefined;
     export {};
@@ -22106,6 +22225,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/path/system' {
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     import type { RendererCore } from '@mappedin/react-sdk/geojson/src';
     import { PubSub } from '@packages/internal/common';
+    import type { CameraSystem } from '@mappedin/react-sdk/geojson/src/systems/camera';
     /**
       * A system for drawing and controlling the visual state of paths
       */
@@ -22115,7 +22235,8 @@ declare module '@mappedin/react-sdk/geojson/src/systems/path/system' {
         altitudeDirty: boolean;
         convertTo3DMapPosition: RendererCore['convertTo3DMapPosition'];
         getParentContainer: RendererCore['getParentContainer'];
-        constructor(rendererState: RendererState, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition'], getParentContainer: RendererCore['getParentContainer']);
+        convertZoomLevelToAltitude: CameraSystem['convertZoomLevelToAltitude'];
+        constructor(rendererState: RendererState, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition'], getParentContainer: RendererCore['getParentContainer'], convertZoomLevelToAltitude: CameraSystem['convertZoomLevelToAltitude']);
         update(minZoomAltitude: number, maxZoomAltitude: number, currentZoomAltitude: number): void;
     }
 }